@aglyn/plugins-outreach 1.0.0-beta.232 → 1.0.0-beta.234

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

@@ -1 +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 ListFilterChips from '@aglyn/shared-ui-jsx/components/list-filter-chips.component'\nimport ListQueryNotices, {\n  listQueryRefusals,\n} from '@aglyn/shared-ui-jsx/components/list-query-notices.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 { hiddenFilterVisibility, type ListFilterField } from '@aglyn/shared-ui-jsx/const/list-filter'\nimport {\n  listFilterGridColumns,\n  type ListFilterClause,\n  type ListFilterOption,\n} from '@aglyn/shared-ui-jsx/const/list-grid-filter'\nimport { useListGridFilter } from '@aglyn/shared-ui-jsx/hooks/use-list-grid-filter'\nimport {\n  Card,\n  CardContent,\n  Chip,\n  Link,\n  Stack,\n  Tooltip,\n  Typography,\n  useMediaQuery,\n  useTheme,\n} from '@mui/material'\nimport { type MouseEvent, type ReactNode, useMemo } from 'react'\nimport {\n  outreachClickCountLabel,\n  outreachClickSummary,\n  outreachMachineOpenLabel,\n  outreachOpenCountLabel,\n  outreachOpenSummary,\n  type OutreachClickSummary,\n  type OutreachOpenSummary,\n} from '../model/enrollment-engagement'\nimport {\n  OUTREACH_ENROLLMENT_CLICK_FIELDS,\n  OUTREACH_ENROLLMENT_LIST_QUERY,\n} from '../model/enrollment-list-query'\nimport {\n  OUTREACH_ENROLLMENT_STATUSES,\n  OUTREACH_STOP_REASONS,\n  OUTREACH_TASK_KIND_LABELS,\n  type OutreachEnrollment,\n  type OutreachMailbox,\n  type OutreachSequence,\n  type OutreachSequenceStep,\n} from '../model/outreach.types'\nimport { outreachNextSendState, type OutreachNextSendState } from '../engine/next-send'\nimport { useOutreachEnrollmentActions } from './enrollment-actions'\nimport { OUTREACH_CLICKED_FILTER_VALUE, OUTREACH_UNCLICKED_FILTER_VALUE } from './enrollment-filter-params'\nimport {\n  OutreachNextSend,\n  outreachNextSendDetail,\n  outreachNextSendLabel,\n  useOutreachNowMs,\n} from './next-send'\nimport {\n  formatOutreachTime,\n  OUTREACH_ENROLLMENT_STATUS_LABELS,\n  OUTREACH_STOP_REASON_LABELS,\n  OutreachEnrollmentStatusChip,\n  OutreachLoading,\n  OutreachLoadProblem,\n} from './outreach-ui'\nimport type { OutreachApi } from './use-outreach-api'\nimport { useOutreachEnrollmentList } from './use-outreach-data'\n\nexport interface OutreachEnrollmentsTableProps {\n  /** The organization, whose enrollments the table asks for. */\n  orgId: string\n  /** The sequence whose people these are: every page is narrowed to it. */\n  sequenceId: string\n  steps: readonly OutreachSequenceStep[]\n  /**\n   * Whether this sequence counts link clicks (AGL-3239). The Clicks column\n   * is shown only when it does: a column of dashes for a sequence that\n   * measures nothing reads as \"nobody clicked\", which is a different claim\n   * and a false one.\n   */\n  trackClicks?: boolean\n  /**\n   * Whether this sequence counts opens, or once did (AGL-3488). The Opens\n   * column is shown only then, for the reason the Clicks column is: a\n   * column of dashes where nothing was measured reads as \"nobody opened\".\n   */\n  countOpens?: boolean\n  /** The mailbox's IANA zone, which next sends are read in; `null` for the reader's own. */\n  timeZone: string | null\n  /**\n   * The sequence's mailbox, whose pacing a due enrollment waits on\n   * (AGL-3366): `undefined` while the mailboxes load, `null` when it has none.\n   */\n  mailbox?: OutreachMailbox | null\n  /** The sequence, whose status and window a due enrollment waits on too. */\n  sequence?: Pick<OutreachSequence, 'status' | 'steps' | 'settings'> | null\n  api: OutreachApi\n  /** Shown in the empty state when the sequence takes people. */\n  enrollAction?: ReactNode\n  /**\n   * Opens one person's page (AGL-3332): a row's click, Enter on a focused\n   * row, or the name on a phone's card. The row's menu never opens it.\n   */\n  onOpen?: (enrollment: OutreachEnrollment) => void\n  /** The person's page, for the name on a phone's card, which is a real link. */\n  hrefFor?: (enrollment: OutreachEnrollment) => string\n  /**\n   * The clauses the table is narrowed by, when the page holds them — so the\n   * Results card's \"Clicked\" and \"Links followed\" can set one (AGL-3332).\n   * Omitted, the table holds its own.\n   */\n  clauses?: readonly ListFilterClause[]\n  onClausesChange?: (clauses: ListFilterClause[]) => void\n  /** Destinations the sequence's links went to, for the \"Link followed\" filter's choices. */\n  linkOptions?: readonly ListFilterOption[]\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/** Whether the step the enrollment is on goes out as this person's own copy (AGL-3324). */\nexport function outreachStepIsCurated(\n  enrollment: Pick<OutreachEnrollment, 'stepIndex' | 'stepOverrides'>,\n): boolean {\n  return Boolean(enrollment.stepOverrides?.[String(enrollment.stepIndex)])\n}\n\n/*\n * What the enrollments grid's Filters panel offers (AGL-3317), each field on\n * the table's Firestore query (AGL-3321, `OUTREACH_ENROLLMENT_LIST_QUERY`).\n * Status, whether the person is a lead and the stop reason are picked; the\n * address is typed whole. `target` and `email` are no column of their own,\n * so they are hidden columns the panel can still reach; the search box\n * reads the person's name and address.\n *\n * A sequence that counts clicks adds two more (AGL-3332), on the same query:\n * whether the person clicked, and a destination they followed — matched\n * whole against the destinations stored on the enrollment, never by a piece\n * of its address, so \"followed /pricing\" does not also list the people who\n * followed \"/pricing/enterprise\".\n */\nconst BASE_FILTER_FIELDS = OUTREACH_ENROLLMENT_LIST_QUERY.fields.filter(\n  (field) => !(OUTREACH_ENROLLMENT_CLICK_FIELDS as readonly string[]).includes(field.column),\n)\nconst ENROLLMENT_FILTER_HEADERS: Readonly<Record<string, string>> = {\n  status: 'Status',\n  target: 'Enrolled as',\n  stopReason: 'Stop reason',\n  email: 'Email',\n  enrolled: 'Enrolled',\n  clicked: 'Clicked',\n  link: 'Link followed',\n}\nconst BASE_FILTER_OPTIONS: Record<string, readonly ListFilterOption[]> = {\n  status: OUTREACH_ENROLLMENT_STATUSES.map((status) => ({\n    value: status,\n    label: OUTREACH_ENROLLMENT_STATUS_LABELS[status],\n  })),\n  target: [\n    { value: 'contact', label: 'Contact' },\n    { value: 'lead', label: 'Lead' },\n  ],\n  stopReason: OUTREACH_STOP_REASONS.map((reason) => ({\n    value: reason,\n    label: OUTREACH_STOP_REASON_LABELS[reason],\n  })),\n}\nconst CLICKED_OPTIONS: readonly ListFilterOption[] = [\n  { value: OUTREACH_CLICKED_FILTER_VALUE, label: 'Yes' },\n  { value: OUTREACH_UNCLICKED_FILTER_VALUE, label: 'No' },\n]\n/** Columns a reader can show from the column chooser, off until they do (AGL-3332). */\nconst CLICK_DETAIL_COLUMNS = ['linksFollowed', 'lastClick', 'scannerClicks'] as const\n/** The opens column a reader can show from the column chooser, off until they do. */\nconst OPEN_DETAIL_COLUMNS = ['lastOpen'] as const\n\n/** The table's grammar, with the click fields when the sequence counts clicks. */\nfunction filterFieldsFor(trackClicks: boolean): readonly ListFilterField[] {\n  return trackClicks ? OUTREACH_ENROLLMENT_LIST_QUERY.fields : BASE_FILTER_FIELDS\n}\n\n/** What the grid's cells and its export read off one enrollment. */\nfunction filterRow(\n  enrollment: OutreachEnrollment,\n  steps: readonly OutreachSequenceStep[],\n  clicks: OutreachClickSummary,\n) {\n  return {\n    enrollment,\n    status: enrollment.status,\n    target: enrollment.target === 'lead' ? 'lead' : 'contact',\n    contactName: enrollment.contactName,\n    email: enrollment.email,\n    step: outreachCurrentStepLabel(enrollment, steps),\n    stopReason: outreachStopLabel(enrollment),\n    clicked: clicks.clicks > 0 ? OUTREACH_CLICKED_FILTER_VALUE : OUTREACH_UNCLICKED_FILTER_VALUE,\n    link: clicks.followed,\n  }\n}\n\n/** The stop reason: its short label, with every word of it on hover and on the person's page. */\nfunction StopReasonCell(props: { enrollment: OutreachEnrollment }) {\n  const { enrollment } = props\n  if (!enrollment.stopReason) {\n    return (\n      <Typography variant=\"body2\" color=\"text.secondary\">\n        —\n      </Typography>\n    )\n  }\n  const label = OUTREACH_STOP_REASON_LABELS[enrollment.stopReason] ?? ''\n  const text = (\n    <Typography\n      variant=\"body2\"\n      sx={{\n        whiteSpace: 'normal',\n        lineHeight: 1.3,\n        ...(enrollment.stopDetail\n          ? { textDecoration: 'underline dotted', textUnderlineOffset: 3, cursor: 'help' }\n          : {}),\n      }}\n    >\n      {label}\n    </Typography>\n  )\n  return enrollment.stopDetail ? (\n    <Tooltip title={outreachStopLabel(enrollment)} describeChild>\n      {text}\n    </Tooltip>\n  ) : (\n    text\n  )\n}\n\n/**\n * The Opens cell (AGL-3488): the person's opens, and under them the fetches\n * a machine made — counted apart and never in the person's number, as\n * scanner clicks are never in their clicks.\n */\nfunction OpensCell(props: { opens: OutreachOpenSummary }) {\n  const { opens } = props\n  const machines = outreachMachineOpenLabel(opens)\n  return (\n    <Stack spacing={0} sx={{ justifyContent: 'center', height: '100%' }}>\n      <Typography variant=\"body2\" color={opens.opens ? undefined : 'text.secondary'}>\n        {opens.opens ? String(opens.opens) : '—'}\n      </Typography>\n      {machines ? (\n        <Tooltip\n          title=\"Fetches of the tracking image by a mail provider’s proxy or a security scanner. They aren’t counted as the person’s opens.\"\n          describeChild\n        >\n          <Typography\n            variant=\"caption\"\n            color=\"text.secondary\"\n            noWrap\n            sx={{ textDecoration: 'underline dotted', textUnderlineOffset: 3, cursor: 'help' }}\n          >\n            {machines}\n          </Typography>\n        </Tooltip>\n      ) : null}\n    </Stack>\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  trackClicks: boolean,\n  countOpens: boolean,\n  timeZone: string | null,\n): NonNullable<ListTableProps['columns']> {\n  return [\n    {\n      field: 'person',\n      headerName: 'Person',\n      flex: 1.2,\n      minWidth: 190,\n      sortable: false,\n      // What the export writes for a column that is drawn rather than read.\n      valueGetter: (_value: unknown, row: { enrollment: OutreachEnrollment }) =>\n        row.enrollment.contactName\n          ? `${row.enrollment.contactName} <${row.enrollment.email}>`\n          : row.enrollment.email,\n      renderCell: ({ row }) => (\n        <Stack\n          spacing={0}\n          sx={{ justifyContent: 'center', height: '100%', minWidth: 0 }}\n        >\n          <Stack direction=\"row\" spacing={0.75} sx={{ alignItems: 'center', minWidth: 0 }}>\n            <Typography variant=\"body2\" noWrap>\n              {row.enrollment.contactName || row.enrollment.email}\n            </Typography>\n            {row.enrollment.target === 'lead' ? (\n              <Chip size=\"small\" variant=\"outlined\" label=\"Lead\" />\n            ) : null}\n          </Stack>\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: 110,\n      renderCell: ({ row }) => (\n        <OutreachEnrollmentStatusChip status={row.status} />\n      ),\n    },\n    {\n      field: 'step',\n      headerName: 'Current step',\n      flex: 1,\n      minWidth: 170,\n      renderCell: ({ row }) => (\n        <Stack direction=\"row\" spacing={0.75} sx={{ alignItems: 'center', height: '100%', minWidth: 0 }}>\n          <Typography variant=\"body2\" noWrap>\n            {row.step}\n          </Typography>\n          {outreachStepIsCurated(row.enrollment) ? (\n            <Chip size=\"small\" variant=\"outlined\" color=\"success\" label=\"Curated\" />\n          ) : null}\n        </Stack>\n      ),\n    },\n    {\n      field: 'nextSend',\n      headerName: 'Next send',\n      width: 190,\n      sortable: false,\n      renderCell: ({ row }: { row: { nextSendState: OutreachNextSendState } }) => (\n        <Stack sx={{ justifyContent: 'center', height: '100%' }}>\n          <OutreachNextSend state={row.nextSendState} timeZone={timeZone} />\n        </Stack>\n      ),\n    },\n    {\n      field: 'lastActivity',\n      headerName: 'Last activity',\n      width: 170,\n      sortable: false,\n    },\n    ...(countOpens\n      ? [\n          {\n            field: 'opens',\n            headerName: 'Opens',\n            description:\n              'A person’s opens of the emails. Fetches by mail proxies and security scanners are shown under them and not counted.',\n            width: 130,\n            sortable: false,\n            renderCell: ({ row }: { row: { openSummary: OutreachOpenSummary } }) => (\n              <OpensCell opens={row.openSummary} />\n            ),\n          },\n          { field: 'lastOpen', headerName: 'Last open', width: 170, sortable: false },\n        ]\n      : []),\n    ...(trackClicks\n      ? [\n          {\n            field: 'clicks',\n            headerName: 'Clicks',\n            description: 'A person’s clicks, and how many different links they followed. Scanners are not counted.',\n            width: 110,\n            sortable: false,\n            renderCell: ({ row }: { row: { clicks: string } }) => (\n              <Typography variant=\"body2\" color={row.clicks === '—' ? 'text.secondary' : undefined}>\n                {row.clicks}\n              </Typography>\n            ),\n          },\n          {\n            field: 'linksFollowed',\n            headerName: 'Links followed',\n            flex: 1,\n            minWidth: 220,\n            sortable: false,\n          },\n          { field: 'lastClick', headerName: 'Last click', width: 170, sortable: false },\n          {\n            field: 'scannerClicks',\n            headerName: 'Scanner clicks',\n            description: 'Clicks a security scanner made, which are not counted as the person’s.',\n            width: 130,\n            sortable: false,\n          },\n        ]\n      : []),\n    {\n      field: 'stopReason',\n      headerName: 'Stop reason',\n      flex: 1,\n      minWidth: 170,\n      renderCell: ({ row }) => <StopReasonCell enrollment={row.enrollment} />,\n    },\n    listActionsColumn((row) => rowActions(row.enrollment), { width: 72 }),\n  ]\n}\n\n/** A plain click on a link, which the page handles itself; any other is the browser's. */\nconst plainClick = (event: MouseEvent) =>\n  !event.defaultPrevented &&\n  event.button === 0 &&\n  !event.metaKey &&\n  !event.ctrlKey &&\n  !event.shiftKey &&\n  !event.altKey\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 *\n * Each row opens the person's own page (AGL-3332), which holds everything\n * else known about them: so a cell says one thing, whole, and the detail\n * behind it is a click away rather than cut off at the column's edge.\n */\nexport function OutreachEnrollmentsTable(props: OutreachEnrollmentsTableProps) {\n  const { steps, timeZone, api, onOpen, hrefFor } = props\n  const trackClicks = props.trackClicks === true\n  const countOpens = props.countOpens === true\n  const nowMs = useOutreachNowMs()\n  const theme = useTheme()\n  const narrow = useMediaQuery(theme.breakpoints.down('md'))\n  const actions = useOutreachEnrollmentActions({ api, steps })\n  const fields = useMemo(() => filterFieldsFor(trackClicks), [trackClicks])\n  const gridFilter = useListGridFilter({\n    selectFields: ['status', 'target', 'stopReason', 'clicked', 'link'],\n    ...(props.clauses !== undefined\n      ? { clauses: props.clauses, onChange: props.onClausesChange }\n      : {}),\n  })\n  const filtering =\n    gridFilter.clauses.length > 0 || gridFilter.searchWords.some((word) => word.trim())\n  /*\n   * One page of the sequence's enrollments, newest enrolled first, with\n   * every clause and the search word on the query (AGL-3321): a filter\n   * reaches the enrollment on page forty as surely as the one on page one,\n   * and nothing is matched over the rows that happen to be loaded. The\n   * click filters (AGL-3332) are on it too, answered by the `clicked` flag\n   * and the destinations the click route stores on each enrollment.\n   */\n  const enrollments = useOutreachEnrollmentList(props.orgId, props.sequenceId, {\n    clauses: gridFilter.clauses,\n    search: gridFilter.searchWords,\n  })\n  const loadedData = enrollments.rows\n  const summaries = useMemo(\n    () =>\n      new Map(\n        loadedData.map((enrollment) => [enrollment.id, outreachClickSummary(enrollment.engagement)]),\n      ),\n    [loadedData],\n  )\n  const clicksOf = (enrollment: OutreachEnrollment) =>\n    summaries.get(enrollment.id) ?? outreachClickSummary(enrollment.engagement)\n\n  /*\n   * The destinations the \"Link followed\" filter offers: the sequence's own\n   * rollup, and any a loaded person followed that it does not list — the\n   * rollup is capped, and a filter that could not name a destination a\n   * person followed would hide them from it.\n   */\n  const linkOptions = useMemo(() => {\n    const options = new Map<string, string>()\n    for (const option of props.linkOptions ?? []) options.set(option.value, option.label)\n    for (const summary of summaries.values()) {\n      for (const url of summary.followed) if (!options.has(url)) options.set(url, url)\n    }\n    return [...options].map(([value, label]) => ({ value, label }))\n  }, [props.linkOptions, summaries])\n  const filterOptions = useMemo(\n    () =>\n      trackClicks\n        ? { ...BASE_FILTER_OPTIONS, clicked: CLICKED_OPTIONS, link: linkOptions }\n        : BASE_FILTER_OPTIONS,\n    [trackClicks, linkOptions],\n  )\n  const hiddenColumns = useMemo(\n    () => ({\n      ...hiddenFilterVisibility(fields, ['status', 'stopReason']),\n      ...(trackClicks\n        ? Object.fromEntries(CLICK_DETAIL_COLUMNS.map((column) => [column, false]))\n        : {}),\n      ...(countOpens\n        ? Object.fromEntries(OPEN_DETAIL_COLUMNS.map((column) => [column, false]))\n        : {}),\n    }),\n    [fields, trackClicks, countOpens],\n  )\n  /*\n   * A person who followed this destination before each click was recorded\n   * on its own, and another link after it, is known by their LAST link only\n   * — so a \"Link followed\" filter says it may miss them rather than\n   * implying the list is whole. Which people those are is exactly what the\n   * query cannot see, so the caveat stands whenever the filter does.\n   */\n  const linkFilterMayMiss =\n    trackClicks && gridFilter.clauses.some((clause) => clause.field === 'link')\n\n  const chips = (\n    <ListFilterChips\n      fields={fields}\n      headers={ENROLLMENT_FILTER_HEADERS}\n      clauses={gridFilter.clauses}\n      onChange={gridFilter.setClauses}\n      options={filterOptions}\n    />\n  )\n  if (enrollments.status === 'loading' && !filtering)\n    return <OutreachLoading label=\"Loading enrollments…\" />\n  if (enrollments.status === 'error' || enrollments.status === 'refused') {\n    return (\n      <Stack spacing={1.5}>\n        {chips}\n        <OutreachLoadProblem status={enrollments.status} what=\"enrollments\" />\n      </Stack>\n    )\n  }\n  if (\n    enrollments.status === 'ready' &&\n    !enrollments.rows.length &&\n    !filtering &&\n    enrollments.page === 0\n  ) {\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={actions.menuItems(enrollment)}\n    />\n  )\n  /*\n   * A next send whose time has come says it is queued, and why, rather than\n   * showing a time already past (AGL-3366): the mailbox sends its share of\n   * the day each run, follow-ups first, so a first email can wait its turn\n   * for an hour or more without anything having failed.\n   */\n  const nextSendState = (enrollment: OutreachEnrollment) =>\n    outreachNextSendState({\n      enrollment,\n      sequence: props.sequence ?? null,\n      mailbox: props.mailbox,\n      nowMs,\n    })\n  const personName = (enrollment: OutreachEnrollment) => {\n    const name = enrollment.contactName || enrollment.email\n    if (!hrefFor) return <Typography variant=\"body2\">{name}</Typography>\n    return (\n      <Link\n        href={hrefFor(enrollment)}\n        variant=\"body2\"\n        underline=\"hover\"\n        onClick={(event) => {\n          if (!onOpen || !plainClick(event)) return\n          event.preventDefault()\n          onOpen(enrollment)\n        }}\n      >\n        {name}\n      </Link>\n    )\n  }\n  const person = (enrollment: OutreachEnrollment) => (\n    <Stack spacing={0}>\n      <Stack direction=\"row\" spacing={0.75} sx={{ alignItems: 'center' }}>\n        {personName(enrollment)}\n        {enrollment.target === 'lead' ? (\n          <Chip size=\"small\" variant=\"outlined\" label=\"Lead\" />\n        ) : null}\n      </Stack>\n      {enrollment.contactName ? (\n        <Typography variant=\"caption\" color=\"text.secondary\">\n          {enrollment.email}\n        </Typography>\n      ) : null}\n    </Stack>\n  )\n\n  const pageRows = enrollments.rows\n\n  return (\n    <Stack spacing={1.5}>\n      {chips}\n      <ListQueryNotices\n        refused={listQueryRefusals(enrollments.plan.refused, {\n          fields,\n          headers: ENROLLMENT_FILTER_HEADERS,\n          options: filterOptions,\n        })}\n        notices={enrollments.plan.notices}\n      />\n      {linkFilterMayMiss ? (\n        <Typography variant=\"caption\" color=\"text.secondary\">\n          Clicks made before each one was recorded on its own kept only the person’s last link, so\n          someone who followed this link and then another back then is not listed here.\n        </Typography>\n      ) : null}\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            const clicks = clicksOf(enrollment)\n            const opens = outreachOpenSummary(enrollment.engagement)\n            return (\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                    <Stack direction=\"row\" spacing={0.75} sx={{ alignItems: 'center' }}>\n                      <Typography variant=\"body2\" color=\"text.secondary\">\n                        {outreachCurrentStepLabel(enrollment, steps)}\n                      </Typography>\n                      {outreachStepIsCurated(enrollment) ? (\n                        <Chip size=\"small\" variant=\"outlined\" color=\"success\" label=\"Curated\" />\n                      ) : null}\n                    </Stack>\n                    <Stack\n                      useFlexGap\n                      direction=\"row\"\n                      spacing={0.5}\n                      sx={{ alignItems: 'baseline', flexWrap: 'wrap', color: 'text.secondary' }}\n                    >\n                      <Typography variant=\"body2\">Next send:</Typography>\n                      <OutreachNextSend state={nextSendState(enrollment)} timeZone={timeZone} />\n                      <Typography variant=\"body2\">\n                        {`· Last activity: ${formatOutreachTime(lastActivityMs(enrollment), timeZone)}`}\n                      </Typography>\n                    </Stack>\n                    {countOpens && (opens.opens || opens.machineOpens) ? (\n                      <Typography variant=\"body2\" color=\"text.secondary\">\n                        {`Opens: ${outreachOpenCountLabel(opens)}`}\n                      </Typography>\n                    ) : null}\n                    {trackClicks && clicks.clicks ? (\n                      <Typography variant=\"body2\" color=\"text.secondary\">\n                        {`Clicks: ${outreachClickCountLabel(clicks)}`}\n                      </Typography>\n                    ) : null}\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          })}\n        </Stack>\n      ) : (\n        <ListTable\n          aria-label=\"Enrollments\"\n          columns={listFilterGridColumns(\n            columns(rowActions, trackClicks, countOpens, timeZone),\n            fields,\n            filterOptions,\n            ENROLLMENT_FILTER_HEADERS,\n          )}\n          initialState={{ columns: { columnVisibilityModel: hiddenColumns } }}\n          loading={enrollments.status === 'loading'}\n          rows={pageRows.map((enrollment) => {\n            const clicks = clicksOf(enrollment)\n            const opens = outreachOpenSummary(enrollment.engagement)\n            const next = nextSendState(enrollment)\n            return {\n              $id: enrollment.id,\n              ...filterRow(enrollment, steps, clicks),\n              nextSendState: next,\n              // What the export writes: the label, and for a queued send, why.\n              nextSend: [outreachNextSendLabel(next, timeZone), outreachNextSendDetail(next, timeZone)]\n                .filter(Boolean)\n                .join(' — '),\n              lastActivity: formatOutreachTime(\n                lastActivityMs(enrollment),\n                timeZone,\n              ),\n              // What the export writes; the cells draw these their own way.\n              openSummary: opens,\n              opens: outreachOpenCountLabel(opens),\n              lastOpen: opens.opens ? formatOutreachTime(opens.lastOpenAtMs, timeZone) : '—',\n              clicks: outreachClickCountLabel(clicks),\n              linksFollowed: clicks.followed.join(' ') || '—',\n              lastClick: clicks.clicks\n                ? formatOutreachTime(enrollment.engagement?.lastClickAtMs, timeZone)\n                : '—',\n              scannerClicks: clicks.machineClicks ? String(clicks.machineClicks) : '—',\n              stopReason: outreachStopLabel(enrollment) || '—',\n            }\n          })}\n          onOpen={\n            onOpen\n              ? (_id, row: { enrollment: OutreachEnrollment }) => onOpen(row.enrollment)\n              : undefined\n          }\n          /*\n           * The panel and the search are the grid's; every clause and the\n           * search word are on the table's query (AGL-3321). The grid\n           * neither filters nor sorts the page it is handed: the query's\n           * one order, newest enrolled first, is the table's.\n           */\n          filterMode=\"server\"\n          filterModel={gridFilter.filterModel}\n          onFilterModelChange={gridFilter.onFilterModelChange}\n          quickFilter\n          disableColumnSorting\n          noRowsLabel=\"No enrollments match these filters\"\n          hideFooter\n        />\n      )}\n      <ListPagination\n        page={enrollments.page}\n        pageSize={enrollments.pageSize}\n        rowCount={pageRows.length}\n        hasMore={enrollments.hasMore}\n        onPageChange={enrollments.setPage}\n        onPageSizeChange={enrollments.setPageSize}\n      />\n      {actions.dialogs}\n    </Stack>\n  )\n}\nOutreachEnrollmentsTable.displayName = 'OutreachEnrollmentsTable'\n\nexport default OutreachEnrollmentsTable\n"],"names":["EmptyStateComponent","ListFilterChips","ListQueryNotices","listQueryRefusals","ListPagination","ListRowActions","ListTable","listActionsColumn","hiddenFilterVisibility","listFilterGridColumns","useListGridFilter","Card","CardContent","Chip","Link","Stack","Tooltip","Typography","useMediaQuery","useTheme","useMemo","outreachClickCountLabel","outreachClickSummary","outreachMachineOpenLabel","outreachOpenCountLabel","outreachOpenSummary","OUTREACH_ENROLLMENT_CLICK_FIELDS","OUTREACH_ENROLLMENT_LIST_QUERY","OUTREACH_ENROLLMENT_STATUSES","OUTREACH_STOP_REASONS","OUTREACH_TASK_KIND_LABELS","outreachNextSendState","useOutreachEnrollmentActions","OUTREACH_CLICKED_FILTER_VALUE","OUTREACH_UNCLICKED_FILTER_VALUE","OutreachNextSend","outreachNextSendDetail","outreachNextSendLabel","useOutreachNowMs","formatOutreachTime","OUTREACH_ENROLLMENT_STATUS_LABELS","OUTREACH_STOP_REASON_LABELS","OutreachEnrollmentStatusChip","OutreachLoading","OutreachLoadProblem","useOutreachEnrollmentList","outreachCurrentStepLabel","enrollment","steps","status","stepIndex","length","step","kind","taskKind","outreachStopLabel","stopReason","reason","stopDetail","lastActivityMs","Math","max","lastSentAtMs","stoppedAtMs","createdAtMs","outreachStepIsCurated","Boolean","stepOverrides","String","BASE_FILTER_FIELDS","fields","filter","field","includes","column","ENROLLMENT_FILTER_HEADERS","target","email","enrolled","clicked","link","BASE_FILTER_OPTIONS","map","value","label","CLICKED_OPTIONS","CLICK_DETAIL_COLUMNS","OPEN_DETAIL_COLUMNS","filterFieldsFor","trackClicks","filterRow","clicks","contactName","followed","StopReasonCell","props","variant","color","text","sx","whiteSpace","lineHeight","textDecoration","textUnderlineOffset","cursor","title","describeChild","OpensCell","opens","machines","spacing","justifyContent","height","undefined","noWrap","columns","rowActions","countOpens","timeZone","headerName","flex","minWidth","sortable","valueGetter","_value","row","renderCell","direction","alignItems","size","width","state","nextSendState","description","openSummary","plainClick","event","defaultPrevented","button","metaKey","ctrlKey","shiftKey","altKey","OutreachEnrollmentsTable","api","onOpen","hrefFor","nowMs","theme","narrow","breakpoints","down","actions","gridFilter","selectFields","clauses","onChange","onClausesChange","filtering","searchWords","some","word","trim","enrollments","orgId","sequenceId","search","loadedData","rows","summaries","Map","id","engagement","clicksOf","get","linkOptions","options","option","set","summary","values","url","has","filterOptions","hiddenColumns","Object","fromEntries","linkFilterMayMiss","clause","chips","headers","setClauses","what","page","action","enrollAction","items","menuItems","sequence","mailbox","personName","name","href","underline","onClick","preventDefault","person","pageRows","refused","plan","notices","component","listStyle","p","m","aria-label","flexGrow","useFlexGap","flexWrap","machineOpens","initialState","columnVisibilityModel","loading","next","$id","nextSend","join","lastActivity","lastOpen","lastOpenAtMs","linksFollowed","lastClick","lastClickAtMs","scannerClicks","machineClicks","_id","filterMode","filterModel","onFilterModelChange","quickFilter","disableColumnSorting","noRowsLabel","hideFooter","pageSize","rowCount","hasMore","onPageChange","setPage","onPageSizeChange","setPageSize","dialogs","displayName"],"mappings":"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"}
+{"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 ListFilterChips from '@aglyn/shared-ui-jsx/components/list-filter-chips.component'\nimport ListQueryNotices, {\n  listQueryRefusals,\n} from '@aglyn/shared-ui-jsx/components/list-query-notices.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 { hiddenFilterVisibility, type ListFilterField } from '@aglyn/shared-ui-jsx/const/list-filter'\nimport {\n  listFilterGridColumns,\n  type ListFilterClause,\n  type ListFilterOption,\n} from '@aglyn/shared-ui-jsx/const/list-grid-filter'\nimport { useListGridFilter } from '@aglyn/shared-ui-jsx/hooks/use-list-grid-filter'\nimport { useListColumnSort } from '@aglyn/shared-ui-jsx/hooks/use-list-column-sort'\nimport type { ListQuerySort } from '@aglyn/shared-ui-jsx/const/list-query-plan'\nimport {\n  Card,\n  CardContent,\n  Chip,\n  Link,\n  Stack,\n  Tooltip,\n  Typography,\n  useMediaQuery,\n  useTheme,\n} from '@mui/material'\nimport { type MouseEvent, type ReactNode, useMemo, useState } from 'react'\nimport {\n  outreachClickCountLabel,\n  outreachClickSummary,\n  outreachMachineOpenLabel,\n  outreachOpenCountLabel,\n  outreachOpenSummary,\n  type OutreachClickSummary,\n  type OutreachOpenSummary,\n} from '../model/enrollment-engagement'\nimport {\n  OUTREACH_ENROLLMENT_CLICK_FIELDS,\n  OUTREACH_ENROLLMENT_LIST_QUERY,\n} from '../model/enrollment-list-query'\nimport {\n  OUTREACH_ENROLLMENT_STATUSES,\n  OUTREACH_STOP_REASONS,\n  OUTREACH_TASK_KIND_LABELS,\n  type OutreachEnrollment,\n  type OutreachMailbox,\n  type OutreachSequence,\n  type OutreachSequenceStep,\n} from '../model/outreach.types'\nimport { outreachNextSendState, type OutreachNextSendState } from '../engine/next-send'\nimport { useOutreachEnrollmentActions } from './enrollment-actions'\nimport { OUTREACH_CLICKED_FILTER_VALUE, OUTREACH_UNCLICKED_FILTER_VALUE } from './enrollment-filter-params'\nimport {\n  OutreachNextSend,\n  outreachNextSendDetail,\n  outreachNextSendLabel,\n  useOutreachNowMs,\n} from './next-send'\nimport {\n  formatOutreachTime,\n  OUTREACH_ENROLLMENT_STATUS_LABELS,\n  OUTREACH_STOP_REASON_LABELS,\n  OutreachEnrollmentStatusChip,\n  OutreachLoading,\n  OutreachLoadProblem,\n} from './outreach-ui'\nimport type { OutreachApi } from './use-outreach-api'\nimport { useOutreachEnrollmentList } from './use-outreach-data'\n\nexport interface OutreachEnrollmentsTableProps {\n  /** The organization, whose enrollments the table asks for. */\n  orgId: string\n  /** The sequence whose people these are: every page is narrowed to it. */\n  sequenceId: string\n  steps: readonly OutreachSequenceStep[]\n  /**\n   * Whether this sequence counts link clicks (AGL-3239). The Clicks column\n   * is shown only when it does: a column of dashes for a sequence that\n   * measures nothing reads as \"nobody clicked\", which is a different claim\n   * and a false one.\n   */\n  trackClicks?: boolean\n  /**\n   * Whether this sequence counts opens, or once did (AGL-3488). The Opens\n   * column is shown only then, for the reason the Clicks column is: a\n   * column of dashes where nothing was measured reads as \"nobody opened\".\n   */\n  countOpens?: boolean\n  /** The mailbox's IANA zone, which next sends are read in; `null` for the reader's own. */\n  timeZone: string | null\n  /**\n   * The sequence's mailbox, whose pacing a due enrollment waits on\n   * (AGL-3366): `undefined` while the mailboxes load, `null` when it has none.\n   */\n  mailbox?: OutreachMailbox | null\n  /** The sequence, whose status and window a due enrollment waits on too. */\n  sequence?: Pick<OutreachSequence, 'status' | 'steps' | 'settings'> | null\n  api: OutreachApi\n  /** Shown in the empty state when the sequence takes people. */\n  enrollAction?: ReactNode\n  /**\n   * Opens one person's page (AGL-3332): a row's click, Enter on a focused\n   * row, or the name on a phone's card. The row's menu never opens it.\n   */\n  onOpen?: (enrollment: OutreachEnrollment) => void\n  /** The person's page, for the name on a phone's card, which is a real link. */\n  hrefFor?: (enrollment: OutreachEnrollment) => string\n  /**\n   * The clauses the table is narrowed by, when the page holds them — so the\n   * Results card's \"Clicked\" and \"Links followed\" can set one (AGL-3332).\n   * Omitted, the table holds its own.\n   */\n  clauses?: readonly ListFilterClause[]\n  onClausesChange?: (clauses: ListFilterClause[]) => void\n  /** Destinations the sequence's links went to, for the \"Link followed\" filter's choices. */\n  linkOptions?: readonly ListFilterOption[]\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/** Whether the step the enrollment is on goes out as this person's own copy (AGL-3324). */\nexport function outreachStepIsCurated(\n  enrollment: Pick<OutreachEnrollment, 'stepIndex' | 'stepOverrides'>,\n): boolean {\n  return Boolean(enrollment.stepOverrides?.[String(enrollment.stepIndex)])\n}\n\n/*\n * What the enrollments grid's Filters panel offers (AGL-3317), each field on\n * the table's Firestore query (AGL-3321, `OUTREACH_ENROLLMENT_LIST_QUERY`).\n * Status, whether the person is a lead and the stop reason are picked; the\n * address is typed whole. `target` and `email` are no column of their own,\n * so they are hidden columns the panel can still reach; the search box\n * reads the person's name and address.\n *\n * A sequence that counts clicks adds two more (AGL-3332), on the same query:\n * whether the person clicked, and a destination they followed — matched\n * whole against the destinations stored on the enrollment, never by a piece\n * of its address, so \"followed /pricing\" does not also list the people who\n * followed \"/pricing/enterprise\".\n */\nconst BASE_FILTER_FIELDS = OUTREACH_ENROLLMENT_LIST_QUERY.fields.filter(\n  (field) => !(OUTREACH_ENROLLMENT_CLICK_FIELDS as readonly string[]).includes(field.column),\n)\nconst ENROLLMENT_FILTER_HEADERS: Readonly<Record<string, string>> = {\n  status: 'Status',\n  target: 'Enrolled as',\n  stopReason: 'Stop reason',\n  email: 'Email',\n  enrolled: 'Enrolled',\n  clicked: 'Clicked',\n  link: 'Link followed',\n}\nconst BASE_FILTER_OPTIONS: Record<string, readonly ListFilterOption[]> = {\n  status: OUTREACH_ENROLLMENT_STATUSES.map((status) => ({\n    value: status,\n    label: OUTREACH_ENROLLMENT_STATUS_LABELS[status],\n  })),\n  target: [\n    { value: 'contact', label: 'Contact' },\n    { value: 'lead', label: 'Lead' },\n  ],\n  stopReason: OUTREACH_STOP_REASONS.map((reason) => ({\n    value: reason,\n    label: OUTREACH_STOP_REASON_LABELS[reason],\n  })),\n}\nconst CLICKED_OPTIONS: readonly ListFilterOption[] = [\n  { value: OUTREACH_CLICKED_FILTER_VALUE, label: 'Yes' },\n  { value: OUTREACH_UNCLICKED_FILTER_VALUE, label: 'No' },\n]\n/** Columns a reader can show from the column chooser, off until they do (AGL-3332). */\nconst CLICK_DETAIL_COLUMNS = ['linksFollowed', 'lastClick', 'scannerClicks'] as const\n/** The opens column a reader can show from the column chooser, off until they do. */\nconst OPEN_DETAIL_COLUMNS = ['lastOpen'] as const\n\n/** The table's grammar, with the click fields when the sequence counts clicks. */\nfunction filterFieldsFor(trackClicks: boolean): readonly ListFilterField[] {\n  return trackClicks ? OUTREACH_ENROLLMENT_LIST_QUERY.fields : BASE_FILTER_FIELDS\n}\n\n/** What the grid's cells and its export read off one enrollment. */\nfunction filterRow(\n  enrollment: OutreachEnrollment,\n  steps: readonly OutreachSequenceStep[],\n  clicks: OutreachClickSummary,\n) {\n  return {\n    enrollment,\n    status: enrollment.status,\n    target: enrollment.target === 'lead' ? 'lead' : 'contact',\n    contactName: enrollment.contactName,\n    email: enrollment.email,\n    step: outreachCurrentStepLabel(enrollment, steps),\n    stopReason: outreachStopLabel(enrollment),\n    clicked: clicks.clicks > 0 ? OUTREACH_CLICKED_FILTER_VALUE : OUTREACH_UNCLICKED_FILTER_VALUE,\n    link: clicks.followed,\n  }\n}\n\n/** One table row: the enrollment and what its cells draw. */\ntype EnrollmentTableRow = ReturnType<typeof filterRow> & {\n  $id: string\n  openSummary: OutreachOpenSummary\n  clickSummary: OutreachClickSummary\n}\n\n/*\n * The columns read from `engagement.*` — absent until a person's first\n * event — and the derived Last activity sort the page on screen (AGL-3680);\n * Person, Status, Current step, Next send and Stop reason order the query\n * (`OUTREACH_ENROLLMENT_LIST_QUERY.sorts`).\n */\nconst ENROLLMENT_PAGE_SORTS = {\n  lastActivity: (row: EnrollmentTableRow) => lastActivityMs(row.enrollment) || null,\n  opens: (row: EnrollmentTableRow) => row.openSummary.opens,\n  lastOpen: (row: EnrollmentTableRow) => row.openSummary.lastOpenAtMs,\n  clicks: (row: EnrollmentTableRow) => row.clickSummary.clicks,\n  linksFollowed: (row: EnrollmentTableRow) => row.clickSummary.followed.length,\n  lastClick: (row: EnrollmentTableRow) => row.enrollment.engagement?.lastClickAtMs ?? null,\n  scannerClicks: (row: EnrollmentTableRow) => row.clickSummary.machineClicks,\n}\nconst ENROLLMENT_PAGE_SORT_HEADERS = {\n  lastActivity: 'Last activity',\n  opens: 'Opens',\n  lastOpen: 'Last open',\n  clicks: 'Clicks',\n  linksFollowed: 'Links followed',\n  lastClick: 'Last click',\n  scannerClicks: 'Scanner clicks',\n}\n\n/** The stop reason: its short label, with every word of it on hover and on the person's page. */\nfunction StopReasonCell(props: { enrollment: OutreachEnrollment }) {\n  const { enrollment } = props\n  if (!enrollment.stopReason) {\n    return (\n      <Typography variant=\"body2\" color=\"text.secondary\">\n        —\n      </Typography>\n    )\n  }\n  const label = OUTREACH_STOP_REASON_LABELS[enrollment.stopReason] ?? ''\n  const text = (\n    <Typography\n      variant=\"body2\"\n      sx={{\n        whiteSpace: 'normal',\n        lineHeight: 1.3,\n        ...(enrollment.stopDetail\n          ? { textDecoration: 'underline dotted', textUnderlineOffset: 3, cursor: 'help' }\n          : {}),\n      }}\n    >\n      {label}\n    </Typography>\n  )\n  return enrollment.stopDetail ? (\n    <Tooltip title={outreachStopLabel(enrollment)} describeChild>\n      {text}\n    </Tooltip>\n  ) : (\n    text\n  )\n}\n\n/**\n * The Opens cell (AGL-3488): the person's opens, and under them the fetches\n * a machine made — counted apart and never in the person's number, as\n * scanner clicks are never in their clicks.\n */\nfunction OpensCell(props: { opens: OutreachOpenSummary }) {\n  const { opens } = props\n  const machines = outreachMachineOpenLabel(opens)\n  return (\n    <Stack spacing={0} sx={{ justifyContent: 'center', height: '100%' }}>\n      <Typography variant=\"body2\" color={opens.opens ? undefined : 'text.secondary'}>\n        {opens.opens ? String(opens.opens) : '—'}\n      </Typography>\n      {machines ? (\n        <Tooltip\n          title=\"Fetches of the tracking image by a mail provider’s proxy or a security scanner. They aren’t counted as the person’s opens.\"\n          describeChild\n        >\n          <Typography\n            variant=\"caption\"\n            color=\"text.secondary\"\n            noWrap\n            sx={{ textDecoration: 'underline dotted', textUnderlineOffset: 3, cursor: 'help' }}\n          >\n            {machines}\n          </Typography>\n        </Tooltip>\n      ) : null}\n    </Stack>\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  trackClicks: boolean,\n  countOpens: boolean,\n  timeZone: string | null,\n): NonNullable<ListTableProps['columns']> {\n  return [\n    {\n      field: 'person',\n      headerName: 'Person',\n      flex: 1.2,\n      minWidth: 190,\n      sortable: false,\n      // What the export writes for a column that is drawn rather than read.\n      valueGetter: (_value: unknown, row: { enrollment: OutreachEnrollment }) =>\n        row.enrollment.contactName\n          ? `${row.enrollment.contactName} <${row.enrollment.email}>`\n          : row.enrollment.email,\n      renderCell: ({ row }) => (\n        <Stack\n          spacing={0}\n          sx={{ justifyContent: 'center', height: '100%', minWidth: 0 }}\n        >\n          <Stack direction=\"row\" spacing={0.75} sx={{ alignItems: 'center', minWidth: 0 }}>\n            <Typography variant=\"body2\" noWrap>\n              {row.enrollment.contactName || row.enrollment.email}\n            </Typography>\n            {row.enrollment.target === 'lead' ? (\n              <Chip size=\"small\" variant=\"outlined\" label=\"Lead\" />\n            ) : null}\n          </Stack>\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: 110,\n      renderCell: ({ row }) => (\n        <OutreachEnrollmentStatusChip status={row.status} />\n      ),\n    },\n    {\n      field: 'step',\n      headerName: 'Current step',\n      flex: 1,\n      minWidth: 170,\n      renderCell: ({ row }) => (\n        <Stack direction=\"row\" spacing={0.75} sx={{ alignItems: 'center', height: '100%', minWidth: 0 }}>\n          <Typography variant=\"body2\" noWrap>\n            {row.step}\n          </Typography>\n          {outreachStepIsCurated(row.enrollment) ? (\n            <Chip size=\"small\" variant=\"outlined\" color=\"success\" label=\"Curated\" />\n          ) : null}\n        </Stack>\n      ),\n    },\n    {\n      field: 'nextSend',\n      headerName: 'Next send',\n      width: 190,\n      sortable: false,\n      renderCell: ({ row }: { row: { nextSendState: OutreachNextSendState } }) => (\n        <Stack sx={{ justifyContent: 'center', height: '100%' }}>\n          <OutreachNextSend state={row.nextSendState} timeZone={timeZone} />\n        </Stack>\n      ),\n    },\n    {\n      field: 'lastActivity',\n      headerName: 'Last activity',\n      width: 170,\n      sortable: false,\n    },\n    ...(countOpens\n      ? [\n          {\n            field: 'opens',\n            headerName: 'Opens',\n            description:\n              'A person’s opens of the emails. Fetches by mail proxies and security scanners are shown under them and not counted.',\n            width: 130,\n            sortable: false,\n            renderCell: ({ row }: { row: { openSummary: OutreachOpenSummary } }) => (\n              <OpensCell opens={row.openSummary} />\n            ),\n          },\n          { field: 'lastOpen', headerName: 'Last open', width: 170, sortable: false },\n        ]\n      : []),\n    ...(trackClicks\n      ? [\n          {\n            field: 'clicks',\n            headerName: 'Clicks',\n            description: 'A person’s clicks, and how many different links they followed. Scanners are not counted.',\n            width: 110,\n            sortable: false,\n            renderCell: ({ row }: { row: { clicks: string } }) => (\n              <Typography variant=\"body2\" color={row.clicks === '—' ? 'text.secondary' : undefined}>\n                {row.clicks}\n              </Typography>\n            ),\n          },\n          {\n            field: 'linksFollowed',\n            headerName: 'Links followed',\n            flex: 1,\n            minWidth: 220,\n            sortable: false,\n          },\n          { field: 'lastClick', headerName: 'Last click', width: 170, sortable: false },\n          {\n            field: 'scannerClicks',\n            headerName: 'Scanner clicks',\n            description: 'Clicks a security scanner made, which are not counted as the person’s.',\n            width: 130,\n            sortable: false,\n          },\n        ]\n      : []),\n    {\n      field: 'stopReason',\n      headerName: 'Stop reason',\n      flex: 1,\n      minWidth: 170,\n      renderCell: ({ row }) => <StopReasonCell enrollment={row.enrollment} />,\n    },\n    listActionsColumn((row) => rowActions(row.enrollment), { width: 72 }),\n  ]\n}\n\n/** A plain click on a link, which the page handles itself; any other is the browser's. */\nconst plainClick = (event: MouseEvent) =>\n  !event.defaultPrevented &&\n  event.button === 0 &&\n  !event.metaKey &&\n  !event.ctrlKey &&\n  !event.shiftKey &&\n  !event.altKey\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 *\n * Each row opens the person's own page (AGL-3332), which holds everything\n * else known about them: so a cell says one thing, whole, and the detail\n * behind it is a click away rather than cut off at the column's edge.\n */\nexport function OutreachEnrollmentsTable(props: OutreachEnrollmentsTableProps) {\n  const { steps, timeZone, api, onOpen, hrefFor } = props\n  const trackClicks = props.trackClicks === true\n  const countOpens = props.countOpens === true\n  const nowMs = useOutreachNowMs()\n  const theme = useTheme()\n  const narrow = useMediaQuery(theme.breakpoints.down('md'))\n  const actions = useOutreachEnrollmentActions({ api, steps })\n  const fields = useMemo(() => filterFieldsFor(trackClicks), [trackClicks])\n  const gridFilter = useListGridFilter({\n    selectFields: ['status', 'target', 'stopReason', 'clicked', 'link'],\n    ...(props.clauses !== undefined\n      ? { clauses: props.clauses, onChange: props.onClausesChange }\n      : {}),\n  })\n  const filtering =\n    gridFilter.clauses.length > 0 || gridFilter.searchWords.some((word) => word.trim())\n  /*\n   * One page of the sequence's enrollments, newest enrolled first, with\n   * every clause and the search word on the query (AGL-3321): a filter\n   * reaches the enrollment on page forty as surely as the one on page one,\n   * and nothing is matched over the rows that happen to be loaded. The\n   * click filters (AGL-3332) are on it too, answered by the `clicked` flag\n   * and the destinations the click route stores on each enrollment.\n   */\n  const [askedSort, setAskedSort] = useState<ListQuerySort | null>(null)\n  const enrollments = useOutreachEnrollmentList(props.orgId, props.sequenceId, {\n    clauses: gridFilter.clauses,\n    search: gridFilter.searchWords,\n    sort: askedSort,\n  })\n  const loadedData = enrollments.rows\n  const summaries = useMemo(\n    () =>\n      new Map(\n        loadedData.map((enrollment) => [enrollment.id, outreachClickSummary(enrollment.engagement)]),\n      ),\n    [loadedData],\n  )\n  const clicksOf = (enrollment: OutreachEnrollment) =>\n    summaries.get(enrollment.id) ?? outreachClickSummary(enrollment.engagement)\n\n  /*\n   * The destinations the \"Link followed\" filter offers: the sequence's own\n   * rollup, and any a loaded person followed that it does not list — the\n   * rollup is capped, and a filter that could not name a destination a\n   * person followed would hide them from it.\n   */\n  const linkOptions = useMemo(() => {\n    const options = new Map<string, string>()\n    for (const option of props.linkOptions ?? []) options.set(option.value, option.label)\n    for (const summary of summaries.values()) {\n      for (const url of summary.followed) if (!options.has(url)) options.set(url, url)\n    }\n    return [...options].map(([value, label]) => ({ value, label }))\n  }, [props.linkOptions, summaries])\n  const filterOptions = useMemo(\n    () =>\n      trackClicks\n        ? { ...BASE_FILTER_OPTIONS, clicked: CLICKED_OPTIONS, link: linkOptions }\n        : BASE_FILTER_OPTIONS,\n    [trackClicks, linkOptions],\n  )\n  const hiddenColumns = useMemo(\n    () => ({\n      ...hiddenFilterVisibility(fields, ['status', 'stopReason']),\n      ...(trackClicks\n        ? Object.fromEntries(CLICK_DETAIL_COLUMNS.map((column) => [column, false]))\n        : {}),\n      ...(countOpens\n        ? Object.fromEntries(OPEN_DETAIL_COLUMNS.map((column) => [column, false]))\n        : {}),\n    }),\n    [fields, trackClicks, countOpens],\n  )\n  /*\n   * A person who followed this destination before each click was recorded\n   * on its own, and another link after it, is known by their LAST link only\n   * — so a \"Link followed\" filter says it may miss them rather than\n   * implying the list is whole. Which people those are is exactly what the\n   * query cannot see, so the caveat stands whenever the filter does.\n   */\n  const linkFilterMayMiss =\n    trackClicks && gridFilter.clauses.some((clause) => clause.field === 'link')\n\n  const chips = (\n    <ListFilterChips\n      fields={fields}\n      headers={ENROLLMENT_FILTER_HEADERS}\n      clauses={gridFilter.clauses}\n      onChange={gridFilter.setClauses}\n      options={filterOptions}\n    />\n  )\n  /*\n   * A next send whose time has come says it is queued, and why, rather than\n   * showing a time already past (AGL-3366): the mailbox sends its share of\n   * the day each run, follow-ups first, so a first email can wait its turn\n   * for an hour or more without anything having failed.\n   */\n  const nextSendState = (enrollment: OutreachEnrollment) =>\n    outreachNextSendState({\n      enrollment,\n      sequence: props.sequence ?? null,\n      mailbox: props.mailbox,\n      nowMs,\n    })\n  const pageRows = enrollments.rows\n  const tableRows: EnrollmentTableRow[] = pageRows.map((enrollment) => {\n    const clicks = clicksOf(enrollment)\n    const opens = outreachOpenSummary(enrollment.engagement)\n    const next = nextSendState(enrollment)\n    return {\n      $id: enrollment.id,\n      ...filterRow(enrollment, steps, clicks),\n      nextSendState: next,\n      // What the export writes: the label, and for a queued send, why.\n      nextSend: [outreachNextSendLabel(next, timeZone), outreachNextSendDetail(next, timeZone)]\n        .filter(Boolean)\n        .join(' — '),\n      lastActivity: formatOutreachTime(\n        lastActivityMs(enrollment),\n        timeZone,\n      ),\n      // What the export writes; the cells draw these their own way.\n      openSummary: opens,\n      clickSummary: clicks,\n      opens: outreachOpenCountLabel(opens),\n      lastOpen: opens.opens ? formatOutreachTime(opens.lastOpenAtMs, timeZone) : '—',\n      clicks: outreachClickCountLabel(clicks),\n      linksFollowed: clicks.followed.join(' ') || '—',\n      lastClick: clicks.clicks\n        ? formatOutreachTime(enrollment.engagement?.lastClickAtMs, timeZone)\n        : '—',\n      scannerClicks: clicks.machineClicks ? String(clicks.machineClicks) : '—',\n      stopReason: outreachStopLabel(enrollment) || '—',\n    } as EnrollmentTableRow\n  })\n  const columnSort = useListColumnSort<EnrollmentTableRow>({\n    sorts: OUTREACH_ENROLLMENT_LIST_QUERY.sorts,\n    sort: askedSort,\n    onSortChange: setAskedSort,\n    orderBy: enrollments.plan.orderBy,\n    rows: tableRows,\n    pageSorts: ENROLLMENT_PAGE_SORTS,\n    headers: ENROLLMENT_PAGE_SORT_HEADERS,\n  })\n\n  if (enrollments.status === 'loading' && !filtering)\n    return <OutreachLoading label=\"Loading enrollments…\" />\n  if (enrollments.status === 'error' || enrollments.status === 'refused') {\n    return (\n      <Stack spacing={1.5}>\n        {chips}\n        <OutreachLoadProblem status={enrollments.status} what=\"enrollments\" />\n      </Stack>\n    )\n  }\n  if (\n    enrollments.status === 'ready' &&\n    !enrollments.rows.length &&\n    !filtering &&\n    enrollments.page === 0\n  ) {\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={actions.menuItems(enrollment)}\n    />\n  )\n  const personName = (enrollment: OutreachEnrollment) => {\n    const name = enrollment.contactName || enrollment.email\n    if (!hrefFor) return <Typography variant=\"body2\">{name}</Typography>\n    return (\n      <Link\n        href={hrefFor(enrollment)}\n        variant=\"body2\"\n        underline=\"hover\"\n        onClick={(event) => {\n          if (!onOpen || !plainClick(event)) return\n          event.preventDefault()\n          onOpen(enrollment)\n        }}\n      >\n        {name}\n      </Link>\n    )\n  }\n  const person = (enrollment: OutreachEnrollment) => (\n    <Stack spacing={0}>\n      <Stack direction=\"row\" spacing={0.75} sx={{ alignItems: 'center' }}>\n        {personName(enrollment)}\n        {enrollment.target === 'lead' ? (\n          <Chip size=\"small\" variant=\"outlined\" label=\"Lead\" />\n        ) : null}\n      </Stack>\n      {enrollment.contactName ? (\n        <Typography variant=\"caption\" color=\"text.secondary\">\n          {enrollment.email}\n        </Typography>\n      ) : null}\n    </Stack>\n  )\n\n\n  return (\n    <Stack spacing={1.5}>\n      {chips}\n      <ListQueryNotices\n        refused={listQueryRefusals(enrollments.plan.refused, {\n          fields,\n          headers: ENROLLMENT_FILTER_HEADERS,\n          options: filterOptions,\n        })}\n        notices={[...enrollments.plan.notices, ...columnSort.notices]}\n      />\n      {linkFilterMayMiss ? (\n        <Typography variant=\"caption\" color=\"text.secondary\">\n          Clicks made before each one was recorded on its own kept only the person’s last link, so\n          someone who followed this link and then another back then is not listed here.\n        </Typography>\n      ) : null}\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            const clicks = clicksOf(enrollment)\n            const opens = outreachOpenSummary(enrollment.engagement)\n            return (\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                    <Stack direction=\"row\" spacing={0.75} sx={{ alignItems: 'center' }}>\n                      <Typography variant=\"body2\" color=\"text.secondary\">\n                        {outreachCurrentStepLabel(enrollment, steps)}\n                      </Typography>\n                      {outreachStepIsCurated(enrollment) ? (\n                        <Chip size=\"small\" variant=\"outlined\" color=\"success\" label=\"Curated\" />\n                      ) : null}\n                    </Stack>\n                    <Stack\n                      useFlexGap\n                      direction=\"row\"\n                      spacing={0.5}\n                      sx={{ alignItems: 'baseline', flexWrap: 'wrap', color: 'text.secondary' }}\n                    >\n                      <Typography variant=\"body2\">Next send:</Typography>\n                      <OutreachNextSend state={nextSendState(enrollment)} timeZone={timeZone} />\n                      <Typography variant=\"body2\">\n                        {`· Last activity: ${formatOutreachTime(lastActivityMs(enrollment), timeZone)}`}\n                      </Typography>\n                    </Stack>\n                    {countOpens && (opens.opens || opens.machineOpens) ? (\n                      <Typography variant=\"body2\" color=\"text.secondary\">\n                        {`Opens: ${outreachOpenCountLabel(opens)}`}\n                      </Typography>\n                    ) : null}\n                    {trackClicks && clicks.clicks ? (\n                      <Typography variant=\"body2\" color=\"text.secondary\">\n                        {`Clicks: ${outreachClickCountLabel(clicks)}`}\n                      </Typography>\n                    ) : null}\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          })}\n        </Stack>\n      ) : (\n        <ListTable\n          aria-label=\"Enrollments\"\n          columns={listFilterGridColumns(\n            columns(rowActions, trackClicks, countOpens, timeZone),\n            fields,\n            filterOptions,\n            ENROLLMENT_FILTER_HEADERS,\n          )}\n          initialState={{ columns: { columnVisibilityModel: hiddenColumns } }}\n          loading={enrollments.status === 'loading'}\n          rows={columnSort.rows}\n          onOpen={\n            onOpen\n              ? (_id, row: { enrollment: OutreachEnrollment }) => onOpen(row.enrollment)\n              : undefined\n          }\n          /*\n           * The panel and the search are the grid's; every clause and the\n           * search word are on the table's query (AGL-3321). The grid\n           * neither filters nor sorts the page it is handed: a stored\n           * column's header orders the query, an engagement one the page\n           * (AGL-3680), newest enrolled first until one is clicked.\n           */\n          filterMode=\"server\"\n          filterModel={gridFilter.filterModel}\n          onFilterModelChange={gridFilter.onFilterModelChange}\n          quickFilter\n          columnSort={columnSort}\n          noRowsLabel=\"No enrollments match these filters\"\n          hideFooter\n        />\n      )}\n      <ListPagination\n        page={enrollments.page}\n        pageSize={enrollments.pageSize}\n        rowCount={pageRows.length}\n        hasMore={enrollments.hasMore}\n        onPageChange={enrollments.setPage}\n        onPageSizeChange={enrollments.setPageSize}\n      />\n      {actions.dialogs}\n    </Stack>\n  )\n}\nOutreachEnrollmentsTable.displayName = 'OutreachEnrollmentsTable'\n\nexport default OutreachEnrollmentsTable\n"],"names":["EmptyStateComponent","ListFilterChips","ListQueryNotices","listQueryRefusals","ListPagination","ListRowActions","ListTable","listActionsColumn","hiddenFilterVisibility","listFilterGridColumns","useListGridFilter","useListColumnSort","Card","CardContent","Chip","Link","Stack","Tooltip","Typography","useMediaQuery","useTheme","useMemo","useState","outreachClickCountLabel","outreachClickSummary","outreachMachineOpenLabel","outreachOpenCountLabel","outreachOpenSummary","OUTREACH_ENROLLMENT_CLICK_FIELDS","OUTREACH_ENROLLMENT_LIST_QUERY","OUTREACH_ENROLLMENT_STATUSES","OUTREACH_STOP_REASONS","OUTREACH_TASK_KIND_LABELS","outreachNextSendState","useOutreachEnrollmentActions","OUTREACH_CLICKED_FILTER_VALUE","OUTREACH_UNCLICKED_FILTER_VALUE","OutreachNextSend","outreachNextSendDetail","outreachNextSendLabel","useOutreachNowMs","formatOutreachTime","OUTREACH_ENROLLMENT_STATUS_LABELS","OUTREACH_STOP_REASON_LABELS","OutreachEnrollmentStatusChip","OutreachLoading","OutreachLoadProblem","useOutreachEnrollmentList","outreachCurrentStepLabel","enrollment","steps","status","stepIndex","length","step","kind","taskKind","outreachStopLabel","stopReason","reason","stopDetail","lastActivityMs","Math","max","lastSentAtMs","stoppedAtMs","createdAtMs","outreachStepIsCurated","Boolean","stepOverrides","String","BASE_FILTER_FIELDS","fields","filter","field","includes","column","ENROLLMENT_FILTER_HEADERS","target","email","enrolled","clicked","link","BASE_FILTER_OPTIONS","map","value","label","CLICKED_OPTIONS","CLICK_DETAIL_COLUMNS","OPEN_DETAIL_COLUMNS","filterFieldsFor","trackClicks","filterRow","clicks","contactName","followed","ENROLLMENT_PAGE_SORTS","lastActivity","row","opens","openSummary","lastOpen","lastOpenAtMs","clickSummary","linksFollowed","lastClick","engagement","lastClickAtMs","scannerClicks","machineClicks","ENROLLMENT_PAGE_SORT_HEADERS","StopReasonCell","props","variant","color","text","sx","whiteSpace","lineHeight","textDecoration","textUnderlineOffset","cursor","title","describeChild","OpensCell","machines","spacing","justifyContent","height","undefined","noWrap","columns","rowActions","countOpens","timeZone","headerName","flex","minWidth","sortable","valueGetter","_value","renderCell","direction","alignItems","size","width","state","nextSendState","description","plainClick","event","defaultPrevented","button","metaKey","ctrlKey","shiftKey","altKey","OutreachEnrollmentsTable","api","onOpen","hrefFor","nowMs","theme","narrow","breakpoints","down","actions","gridFilter","selectFields","clauses","onChange","onClausesChange","filtering","searchWords","some","word","trim","askedSort","setAskedSort","enrollments","orgId","sequenceId","search","sort","loadedData","rows","summaries","Map","id","clicksOf","get","linkOptions","options","option","set","summary","values","url","has","filterOptions","hiddenColumns","Object","fromEntries","linkFilterMayMiss","clause","chips","headers","setClauses","sequence","mailbox","pageRows","tableRows","next","$id","nextSend","join","columnSort","sorts","onSortChange","orderBy","plan","pageSorts","what","page","action","enrollAction","items","menuItems","personName","name","href","underline","onClick","preventDefault","person","refused","notices","component","listStyle","p","m","aria-label","flexGrow","useFlexGap","flexWrap","machineOpens","initialState","columnVisibilityModel","loading","_id","filterMode","filterModel","onFilterModelChange","quickFilter","noRowsLabel","hideFooter","pageSize","rowCount","hasMore","onPageChange","setPage","onPageSizeChange","setPageSize","dialogs","displayName"],"mappings":"AAAA;;;;;;;;;;;;;;;CAeC,GACD;;;AAEA,OAAOA,yBAAyB,wDAAuD;AACvF,OAAOC,qBAAqB,8DAA6D;AACzF,OAAOC,oBACLC,iBAAiB,QACZ,+DAA8D;AACrE,SAASC,cAAc,QAAQ,4DAA2D;AAC1F,SACEC,cAAc,EACdC,SAAS,EACTC,iBAAiB,QAEZ,uDAAsD;AAC7D,SAASC,sBAAsB,QAA8B,yCAAwC;AACrG,SACEC,qBAAqB,QAGhB,8CAA6C;AACpD,SAASC,iBAAiB,QAAQ,kDAAiD;AACnF,SAASC,iBAAiB,QAAQ,kDAAiD;AAEnF,SACEC,IAAI,EACJC,WAAW,EACXC,IAAI,EACJC,IAAI,EACJC,KAAK,EACLC,OAAO,EACPC,UAAU,EACVC,aAAa,EACbC,QAAQ,QACH,gBAAe;AACtB,SAA0CC,OAAO,EAAEC,QAAQ,QAAQ,QAAO;AAC1E,SACEC,uBAAuB,EACvBC,oBAAoB,EACpBC,wBAAwB,EACxBC,sBAAsB,EACtBC,mBAAmB,QAGd,oCAAgC;AACvC,SACEC,gCAAgC,EAChCC,8BAA8B,QACzB,oCAAgC;AACvC,SACEC,4BAA4B,EAC5BC,qBAAqB,EACrBC,yBAAyB,QAKpB,6BAAyB;AAChC,SAASC,qBAAqB,QAAoC,yBAAqB;AACvF,SAASC,4BAA4B,QAAQ,0BAAsB;AACnE,SAASC,6BAA6B,EAAEC,+BAA+B,QAAQ,gCAA4B;AAC3G,SACEC,gBAAgB,EAChBC,sBAAsB,EACtBC,qBAAqB,EACrBC,gBAAgB,QACX,iBAAa;AACpB,SACEC,kBAAkB,EAClBC,iCAAiC,EACjCC,2BAA2B,EAC3BC,4BAA4B,EAC5BC,eAAe,EACfC,mBAAmB,QACd,mBAAe;AAEtB,SAASC,yBAAyB,QAAQ,yBAAqB;AAmD/D,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,SACbvB,yBAAyB,CAACsB,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;QAGlDN;IADf,IAAI,CAACM,WAAWS,UAAU,EAAE,OAAO;IACnC,MAAMC,UAAShB,qDAAAA,2BAA2B,CAACM,WAAWS,UAAU,CAAC,YAAlDf,qDAAsD;IACrE,OAAOM,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,yFAAyF,GACzF,OAAO,SAASkB,sBACdlB,UAAmE;QAEpDA;IAAf,OAAOmB,SAAQnB,4BAAAA,WAAWoB,aAAa,qBAAxBpB,yBAA0B,CAACqB,OAAOrB,WAAWG,SAAS,EAAE;AACzE;AAEA;;;;;;;;;;;;;CAaC,GACD,MAAMmB,qBAAqB1C,+BAA+B2C,MAAM,CAACC,MAAM,CACrE,CAACC,QAAU,CAAC,AAAC9C,iCAAuD+C,QAAQ,CAACD,MAAME,MAAM;AAE3F,MAAMC,4BAA8D;IAClE1B,QAAQ;IACR2B,QAAQ;IACRpB,YAAY;IACZqB,OAAO;IACPC,UAAU;IACVC,SAAS;IACTC,MAAM;AACR;AACA,MAAMC,sBAAmE;IACvEhC,QAAQrB,6BAA6BsD,GAAG,CAAC,CAACjC,SAAY,CAAA;YACpDkC,OAAOlC;YACPmC,OAAO5C,iCAAiC,CAACS,OAAO;QAClD,CAAA;IACA2B,QAAQ;QACN;YAAEO,OAAO;YAAWC,OAAO;QAAU;QACrC;YAAED,OAAO;YAAQC,OAAO;QAAO;KAChC;IACD5B,YAAY3B,sBAAsBqD,GAAG,CAAC,CAACzB,SAAY,CAAA;YACjD0B,OAAO1B;YACP2B,OAAO3C,2BAA2B,CAACgB,OAAO;QAC5C,CAAA;AACF;AACA,MAAM4B,kBAA+C;IACnD;QAAEF,OAAOlD;QAA+BmD,OAAO;IAAM;IACrD;QAAED,OAAOjD;QAAiCkD,OAAO;IAAK;CACvD;AACD,qFAAqF,GACrF,MAAME,uBAAuB;IAAC;IAAiB;IAAa;CAAgB;AAC5E,mFAAmF,GACnF,MAAMC,sBAAsB;IAAC;CAAW;AAExC,gFAAgF,GAChF,SAASC,gBAAgBC,WAAoB;IAC3C,OAAOA,cAAc9D,+BAA+B2C,MAAM,GAAGD;AAC/D;AAEA,kEAAkE,GAClE,SAASqB,UACP3C,UAA8B,EAC9BC,KAAsC,EACtC2C,MAA4B;IAE5B,OAAO;QACL5C;QACAE,QAAQF,WAAWE,MAAM;QACzB2B,QAAQ7B,WAAW6B,MAAM,KAAK,SAAS,SAAS;QAChDgB,aAAa7C,WAAW6C,WAAW;QACnCf,OAAO9B,WAAW8B,KAAK;QACvBzB,MAAMN,yBAAyBC,YAAYC;QAC3CQ,YAAYD,kBAAkBR;QAC9BgC,SAASY,OAAOA,MAAM,GAAG,IAAI1D,gCAAgCC;QAC7D8C,MAAMW,OAAOE,QAAQ;IACvB;AACF;AASA;;;;;CAKC,GACD,MAAMC,wBAAwB;IAC5BC,cAAc,CAACC,MAA4BrC,eAAeqC,IAAIjD,UAAU,KAAK;IAC7EkD,OAAO,CAACD,MAA4BA,IAAIE,WAAW,CAACD,KAAK;IACzDE,UAAU,CAACH,MAA4BA,IAAIE,WAAW,CAACE,YAAY;IACnET,QAAQ,CAACK,MAA4BA,IAAIK,YAAY,CAACV,MAAM;IAC5DW,eAAe,CAACN,MAA4BA,IAAIK,YAAY,CAACR,QAAQ,CAAC1C,MAAM;IAC5EoD,WAAW,CAACP;;YAA4BA;wBAAAA,6BAAAA,IAAIjD,UAAU,CAACyD,UAAU,qBAAzBR,2BAA2BS,aAAa,mBAAI;;IACpFC,eAAe,CAACV,MAA4BA,IAAIK,YAAY,CAACM,aAAa;AAC5E;AACA,MAAMC,+BAA+B;IACnCb,cAAc;IACdE,OAAO;IACPE,UAAU;IACVR,QAAQ;IACRW,eAAe;IACfC,WAAW;IACXG,eAAe;AACjB;AAEA,+FAA+F,GAC/F,SAASG,eAAeC,KAAyC;QASjDrE;IARd,MAAM,EAAEM,UAAU,EAAE,GAAG+D;IACvB,IAAI,CAAC/D,WAAWS,UAAU,EAAE;QAC1B,qBACE,KAACxC;YAAW+F,SAAQ;YAAQC,OAAM;sBAAiB;;IAIvD;IACA,MAAM5B,SAAQ3C,qDAAAA,2BAA2B,CAACM,WAAWS,UAAU,CAAC,YAAlDf,qDAAsD;IACpE,MAAMwE,qBACJ,KAACjG;QACC+F,SAAQ;QACRG,IAAI;YACFC,YAAY;YACZC,YAAY;WACRrE,WAAWW,UAAU,GACrB;YAAE2D,gBAAgB;YAAoBC,qBAAqB;YAAGC,QAAQ;QAAO,IAC7E,CAAC;kBAGNnC;;IAGL,OAAOrC,WAAWW,UAAU,iBAC1B,KAAC3C;QAAQyG,OAAOjE,kBAAkBR;QAAa0E,aAAa;kBACzDR;SAGHA;AAEJ;AAEA;;;;CAIC,GACD,SAASS,UAAUZ,KAAqC;IACtD,MAAM,EAAEb,KAAK,EAAE,GAAGa;IAClB,MAAMa,WAAWpG,yBAAyB0E;IAC1C,qBACE,MAACnF;QAAM8G,SAAS;QAAGV,IAAI;YAAEW,gBAAgB;YAAUC,QAAQ;QAAO;;0BAChE,KAAC9G;gBAAW+F,SAAQ;gBAAQC,OAAOf,MAAMA,KAAK,GAAG8B,YAAY;0BAC1D9B,MAAMA,KAAK,GAAG7B,OAAO6B,MAAMA,KAAK,IAAI;;YAEtC0B,yBACC,KAAC5G;gBACCyG,OAAM;gBACNC,aAAa;0BAEb,cAAA,KAACzG;oBACC+F,SAAQ;oBACRC,OAAM;oBACNgB,MAAM;oBACNd,IAAI;wBAAEG,gBAAgB;wBAAoBC,qBAAqB;wBAAGC,QAAQ;oBAAO;8BAEhFI;;iBAGH;;;AAGV;AAEA,yFAAyF,GACzF,SAASM,QACPC,UAAyD,EACzDzC,WAAoB,EACpB0C,UAAmB,EACnBC,QAAuB;IAEvB,OAAO;QACL;YACE5D,OAAO;YACP6D,YAAY;YACZC,MAAM;YACNC,UAAU;YACVC,UAAU;YACV,sEAAsE;YACtEC,aAAa,CAACC,QAAiB1C,MAC7BA,IAAIjD,UAAU,CAAC6C,WAAW,GACtB,GAAGI,IAAIjD,UAAU,CAAC6C,WAAW,CAAC,EAAE,EAAEI,IAAIjD,UAAU,CAAC8B,KAAK,CAAC,CAAC,CAAC,GACzDmB,IAAIjD,UAAU,CAAC8B,KAAK;YAC1B8D,YAAY,CAAC,EAAE3C,GAAG,EAAE,iBAClB,MAAClF;oBACC8G,SAAS;oBACTV,IAAI;wBAAEW,gBAAgB;wBAAUC,QAAQ;wBAAQS,UAAU;oBAAE;;sCAE5D,MAACzH;4BAAM8H,WAAU;4BAAMhB,SAAS;4BAAMV,IAAI;gCAAE2B,YAAY;gCAAUN,UAAU;4BAAE;;8CAC5E,KAACvH;oCAAW+F,SAAQ;oCAAQiB,MAAM;8CAC/BhC,IAAIjD,UAAU,CAAC6C,WAAW,IAAII,IAAIjD,UAAU,CAAC8B,KAAK;;gCAEpDmB,IAAIjD,UAAU,CAAC6B,MAAM,KAAK,uBACzB,KAAChE;oCAAKkI,MAAK;oCAAQ/B,SAAQ;oCAAW3B,OAAM;qCAC1C;;;wBAELY,IAAIjD,UAAU,CAAC6C,WAAW,iBACzB,KAAC5E;4BAAW+F,SAAQ;4BAAUC,OAAM;4BAAiBgB,MAAM;sCACxDhC,IAAIjD,UAAU,CAAC8B,KAAK;6BAErB;;;QAGV;QACA;YACEL,OAAO;YACP6D,YAAY;YACZU,OAAO;YACPJ,YAAY,CAAC,EAAE3C,GAAG,EAAE,iBAClB,KAACtD;oBAA6BO,QAAQ+C,IAAI/C,MAAM;;QAEpD;QACA;YACEuB,OAAO;YACP6D,YAAY;YACZC,MAAM;YACNC,UAAU;YACVI,YAAY,CAAC,EAAE3C,GAAG,EAAE,iBAClB,MAAClF;oBAAM8H,WAAU;oBAAMhB,SAAS;oBAAMV,IAAI;wBAAE2B,YAAY;wBAAUf,QAAQ;wBAAQS,UAAU;oBAAE;;sCAC5F,KAACvH;4BAAW+F,SAAQ;4BAAQiB,MAAM;sCAC/BhC,IAAI5C,IAAI;;wBAEVa,sBAAsB+B,IAAIjD,UAAU,kBACnC,KAACnC;4BAAKkI,MAAK;4BAAQ/B,SAAQ;4BAAWC,OAAM;4BAAU5B,OAAM;6BAC1D;;;QAGV;QACA;YACEZ,OAAO;YACP6D,YAAY;YACZU,OAAO;YACPP,UAAU;YACVG,YAAY,CAAC,EAAE3C,GAAG,EAAqD,iBACrE,KAAClF;oBAAMoG,IAAI;wBAAEW,gBAAgB;wBAAUC,QAAQ;oBAAO;8BACpD,cAAA,KAAC3F;wBAAiB6G,OAAOhD,IAAIiD,aAAa;wBAAEb,UAAUA;;;QAG5D;QACA;YACE5D,OAAO;YACP6D,YAAY;YACZU,OAAO;YACPP,UAAU;QACZ;WACIL,aACA;YACE;gBACE3D,OAAO;gBACP6D,YAAY;gBACZa,aACE;gBACFH,OAAO;gBACPP,UAAU;gBACVG,YAAY,CAAC,EAAE3C,GAAG,EAAiD,iBACjE,KAAC0B;wBAAUzB,OAAOD,IAAIE,WAAW;;YAErC;YACA;gBAAE1B,OAAO;gBAAY6D,YAAY;gBAAaU,OAAO;gBAAKP,UAAU;YAAM;SAC3E,GACD,EAAE;WACF/C,cACA;YACE;gBACEjB,OAAO;gBACP6D,YAAY;gBACZa,aAAa;gBACbH,OAAO;gBACPP,UAAU;gBACVG,YAAY,CAAC,EAAE3C,GAAG,EAA+B,iBAC/C,KAAChF;wBAAW+F,SAAQ;wBAAQC,OAAOhB,IAAIL,MAAM,KAAK,MAAM,mBAAmBoC;kCACxE/B,IAAIL,MAAM;;YAGjB;YACA;gBACEnB,OAAO;gBACP6D,YAAY;gBACZC,MAAM;gBACNC,UAAU;gBACVC,UAAU;YACZ;YACA;gBAAEhE,OAAO;gBAAa6D,YAAY;gBAAcU,OAAO;gBAAKP,UAAU;YAAM;YAC5E;gBACEhE,OAAO;gBACP6D,YAAY;gBACZa,aAAa;gBACbH,OAAO;gBACPP,UAAU;YACZ;SACD,GACD,EAAE;QACN;YACEhE,OAAO;YACP6D,YAAY;YACZC,MAAM;YACNC,UAAU;YACVI,YAAY,CAAC,EAAE3C,GAAG,EAAE,iBAAK,KAACa;oBAAe9D,YAAYiD,IAAIjD,UAAU;;QACrE;QACA1C,kBAAkB,CAAC2F,MAAQkC,WAAWlC,IAAIjD,UAAU,GAAG;YAAEgG,OAAO;QAAG;KACpE;AACH;AAEA,wFAAwF,GACxF,MAAMI,aAAa,CAACC,QAClB,CAACA,MAAMC,gBAAgB,IACvBD,MAAME,MAAM,KAAK,KACjB,CAACF,MAAMG,OAAO,IACd,CAACH,MAAMI,OAAO,IACd,CAACJ,MAAMK,QAAQ,IACf,CAACL,MAAMM,MAAM;AAEf;;;;;;;;;CASC,GACD,OAAO,SAASC,yBAAyB7C,KAAoC;IAC3E,MAAM,EAAE9D,KAAK,EAAEoF,QAAQ,EAAEwB,GAAG,EAAEC,MAAM,EAAEC,OAAO,EAAE,GAAGhD;IAClD,MAAMrB,cAAcqB,MAAMrB,WAAW,KAAK;IAC1C,MAAM0C,aAAarB,MAAMqB,UAAU,KAAK;IACxC,MAAM4B,QAAQzH;IACd,MAAM0H,QAAQ9I;IACd,MAAM+I,SAAShJ,cAAc+I,MAAME,WAAW,CAACC,IAAI,CAAC;IACpD,MAAMC,UAAUpI,6BAA6B;QAAE4H;QAAK5G;IAAM;IAC1D,MAAMsB,SAASnD,QAAQ,IAAMqE,gBAAgBC,cAAc;QAACA;KAAY;IACxE,MAAM4E,aAAa7J,kBAAkB;QACnC8J,cAAc;YAAC;YAAU;YAAU;YAAc;YAAW;SAAO;OAC/DxD,MAAMyD,OAAO,KAAKxC,YAClB;QAAEwC,SAASzD,MAAMyD,OAAO;QAAEC,UAAU1D,MAAM2D,eAAe;IAAC,IAC1D,CAAC;IAEP,MAAMC,YACJL,WAAWE,OAAO,CAACpH,MAAM,GAAG,KAAKkH,WAAWM,WAAW,CAACC,IAAI,CAAC,CAACC,OAASA,KAAKC,IAAI;IAClF;;;;;;;GAOC,GACD,MAAM,CAACC,WAAWC,aAAa,GAAG5J,SAA+B;IACjE,MAAM6J,cAAcpI,0BAA0BiE,MAAMoE,KAAK,EAAEpE,MAAMqE,UAAU,EAAE;QAC3EZ,SAASF,WAAWE,OAAO;QAC3Ba,QAAQf,WAAWM,WAAW;QAC9BU,MAAMN;IACR;IACA,MAAMO,aAAaL,YAAYM,IAAI;IACnC,MAAMC,YAAYrK,QAChB,IACE,IAAIsK,IACFH,WAAWpG,GAAG,CAAC,CAACnC,aAAe;gBAACA,WAAW2I,EAAE;gBAAEpK,qBAAqByB,WAAWyD,UAAU;aAAE,IAE/F;QAAC8E;KAAW;IAEd,MAAMK,WAAW,CAAC5I;YAChByI;gBAAAA,iBAAAA,UAAUI,GAAG,CAAC7I,WAAW2I,EAAE,aAA3BF,iBAAgClK,qBAAqByB,WAAWyD,UAAU;;IAE5E;;;;;GAKC,GACD,MAAMqF,cAAc1K,QAAQ;YAEL2F;QADrB,MAAMgF,UAAU,IAAIL;QACpB,KAAK,MAAMM,WAAUjF,qBAAAA,MAAM+E,WAAW,YAAjB/E,qBAAqB,EAAE,CAAEgF,QAAQE,GAAG,CAACD,OAAO5G,KAAK,EAAE4G,OAAO3G,KAAK;QACpF,KAAK,MAAM6G,WAAWT,UAAUU,MAAM,GAAI;YACxC,KAAK,MAAMC,OAAOF,QAAQpG,QAAQ,CAAE,IAAI,CAACiG,QAAQM,GAAG,CAACD,MAAML,QAAQE,GAAG,CAACG,KAAKA;QAC9E;QACA,OAAO;eAAIL;SAAQ,CAAC5G,GAAG,CAAC,CAAC,CAACC,OAAOC,MAAM,GAAM,CAAA;gBAAED;gBAAOC;YAAM,CAAA;IAC9D,GAAG;QAAC0B,MAAM+E,WAAW;QAAEL;KAAU;IACjC,MAAMa,gBAAgBlL,QACpB,IACEsE,cACI,aAAKR;YAAqBF,SAASM;YAAiBL,MAAM6G;aAC1D5G,qBACN;QAACQ;QAAaoG;KAAY;IAE5B,MAAMS,gBAAgBnL,QACpB,IAAO,aACFb,uBAAuBgE,QAAQ;YAAC;YAAU;SAAa,GACtDmB,cACA8G,OAAOC,WAAW,CAAClH,qBAAqBJ,GAAG,CAAC,CAACR,SAAW;gBAACA;gBAAQ;aAAM,KACvE,CAAC,GACDyD,aACAoE,OAAOC,WAAW,CAACjH,oBAAoBL,GAAG,CAAC,CAACR,SAAW;gBAACA;gBAAQ;aAAM,KACtE,CAAC,IAEP;QAACJ;QAAQmB;QAAa0C;KAAW;IAEnC;;;;;;GAMC,GACD,MAAMsE,oBACJhH,eAAe4E,WAAWE,OAAO,CAACK,IAAI,CAAC,CAAC8B,SAAWA,OAAOlI,KAAK,KAAK;IAEtE,MAAMmI,sBACJ,KAAC5M;QACCuE,QAAQA;QACRsI,SAASjI;QACT4F,SAASF,WAAWE,OAAO;QAC3BC,UAAUH,WAAWwC,UAAU;QAC/Bf,SAASO;;IAGb;;;;;GAKC,GACD,MAAMpD,gBAAgB,CAAClG;YAGT+D;eAFZ/E,sBAAsB;YACpBgB;YACA+J,QAAQ,GAAEhG,kBAAAA,MAAMgG,QAAQ,YAAdhG,kBAAkB;YAC5BiG,SAASjG,MAAMiG,OAAO;YACtBhD;QACF;;IACF,MAAMiD,WAAW/B,YAAYM,IAAI;IACjC,MAAM0B,YAAkCD,SAAS9H,GAAG,CAAC,CAACnC;YAwB3BA;QAvBzB,MAAM4C,SAASgG,SAAS5I;QACxB,MAAMkD,QAAQxE,oBAAoBsB,WAAWyD,UAAU;QACvD,MAAM0G,OAAOjE,cAAclG;QAC3B,OAAO;YACLoK,KAAKpK,WAAW2I,EAAE;WACfhG,UAAU3C,YAAYC,OAAO2C;YAChCsD,eAAeiE;YACf,iEAAiE;YACjEE,UAAU;gBAAC/K,sBAAsB6K,MAAM9E;gBAAWhG,uBAAuB8K,MAAM9E;aAAU,CACtF7D,MAAM,CAACL,SACPmJ,IAAI,CAAC;YACRtH,cAAcxD,mBACZoB,eAAeZ,aACfqF;YAEF,8DAA8D;YAC9DlC,aAAaD;YACbI,cAAcV;YACdM,OAAOzE,uBAAuByE;YAC9BE,UAAUF,MAAMA,KAAK,GAAG1D,mBAAmB0D,MAAMG,YAAY,EAAEgC,YAAY;YAC3EzC,QAAQtE,wBAAwBsE;YAChCW,eAAeX,OAAOE,QAAQ,CAACwH,IAAI,CAAC,QAAQ;YAC5C9G,WAAWZ,OAAOA,MAAM,GACpBpD,oBAAmBQ,yBAAAA,WAAWyD,UAAU,qBAArBzD,uBAAuB0D,aAAa,EAAE2B,YACzD;YACJ1B,eAAef,OAAOgB,aAAa,GAAGvC,OAAOuB,OAAOgB,aAAa,IAAI;YACrEnD,YAAYD,kBAAkBR,eAAe;;IAEjD;IACA,MAAMuK,aAAa7M,kBAAsC;QACvD8M,OAAO5L,+BAA+B4L,KAAK;QAC3ClC,MAAMN;QACNyC,cAAcxC;QACdyC,SAASxC,YAAYyC,IAAI,CAACD,OAAO;QACjClC,MAAM0B;QACNU,WAAW7H;QACX8G,SAAShG;IACX;IAEA,IAAIqE,YAAYhI,MAAM,KAAK,aAAa,CAACyH,WACvC,qBAAO,KAAC/H;QAAgByC,OAAM;;IAChC,IAAI6F,YAAYhI,MAAM,KAAK,WAAWgI,YAAYhI,MAAM,KAAK,WAAW;QACtE,qBACE,MAACnC;YAAM8G,SAAS;;gBACb+E;8BACD,KAAC/J;oBAAoBK,QAAQgI,YAAYhI,MAAM;oBAAE2K,MAAK;;;;IAG5D;IACA,IACE3C,YAAYhI,MAAM,KAAK,WACvB,CAACgI,YAAYM,IAAI,CAACpI,MAAM,IACxB,CAACuH,aACDO,YAAY4C,IAAI,KAAK,GACrB;QACA,qBACE,KAACnN;YAAKqG,SAAQ;sBACZ,cAAA,KAACjH;gBACCsF,OAAM;gBACN8D,aAAY;gBACZ4E,QAAQhH,MAAMiH,YAAY;;;IAIlC;IAEA,MAAM7F,aAAa,CAACnF,2BAClB,KAAC5C;YACCiF,OAAOrC,WAAW6C,WAAW,IAAI7C,WAAW8B,KAAK;YACjDmJ,OAAO5D,QAAQ6D,SAAS,CAAClL;;IAG7B,MAAMmL,aAAa,CAACnL;QAClB,MAAMoL,OAAOpL,WAAW6C,WAAW,IAAI7C,WAAW8B,KAAK;QACvD,IAAI,CAACiF,SAAS,qBAAO,KAAC9I;YAAW+F,SAAQ;sBAASoH;;QAClD,qBACE,KAACtN;YACCuN,MAAMtE,QAAQ/G;YACdgE,SAAQ;YACRsH,WAAU;YACVC,SAAS,CAAClF;gBACR,IAAI,CAACS,UAAU,CAACV,WAAWC,QAAQ;gBACnCA,MAAMmF,cAAc;gBACpB1E,OAAO9G;YACT;sBAECoL;;IAGP;IACA,MAAMK,SAAS,CAACzL,2BACd,MAACjC;YAAM8G,SAAS;;8BACd,MAAC9G;oBAAM8H,WAAU;oBAAMhB,SAAS;oBAAMV,IAAI;wBAAE2B,YAAY;oBAAS;;wBAC9DqF,WAAWnL;wBACXA,WAAW6B,MAAM,KAAK,uBACrB,KAAChE;4BAAKkI,MAAK;4BAAQ/B,SAAQ;4BAAW3B,OAAM;6BAC1C;;;gBAELrC,WAAW6C,WAAW,iBACrB,KAAC5E;oBAAW+F,SAAQ;oBAAUC,OAAM;8BACjCjE,WAAW8B,KAAK;qBAEjB;;;IAKR,qBACE,MAAC/D;QAAM8G,SAAS;;YACb+E;0BACD,KAAC3M;gBACCyO,SAASxO,kBAAkBgL,YAAYyC,IAAI,CAACe,OAAO,EAAE;oBACnDnK;oBACAsI,SAASjI;oBACTmH,SAASO;gBACX;gBACAqC,SAAS;uBAAIzD,YAAYyC,IAAI,CAACgB,OAAO;uBAAKpB,WAAWoB,OAAO;iBAAC;;YAE9DjC,kCACC,KAACzL;gBAAW+F,SAAQ;gBAAUC,OAAM;0BAAiB;iBAInD;YACHiD,uBACC,KAACnJ;gBACC8G,SAAS;gBACT+G,WAAU;gBACVzH,IAAI;oBAAE0H,WAAW;oBAAQC,GAAG;oBAAGC,GAAG;gBAAE;gBACpCC,cAAW;0BAEV/B,SAAS9H,GAAG,CAAC,CAACnC;oBACb,MAAM4C,SAASgG,SAAS5I;oBACxB,MAAMkD,QAAQxE,oBAAoBsB,WAAWyD,UAAU;oBACvD,qBACE,KAAC9F;wBAAyBqG,SAAQ;wBAAW4H,WAAU;kCACrD,cAAA,KAAChO;sCACC,cAAA,MAACG;gCAAM8G,SAAS;;kDACd,MAAC9G;wCACC8H,WAAU;wCACVhB,SAAS;wCACTV,IAAI;4CAAE2B,YAAY;wCAAa;;0DAE/B,KAAC/H;gDAAMoG,IAAI;oDAAE8H,UAAU;oDAAGzG,UAAU;gDAAE;0DACnCiG,OAAOzL;;0DAEV,KAACL;gDAA6BO,QAAQF,WAAWE,MAAM;;4CACtDiF,WAAWnF;;;kDAEd,MAACjC;wCAAM8H,WAAU;wCAAMhB,SAAS;wCAAMV,IAAI;4CAAE2B,YAAY;wCAAS;;0DAC/D,KAAC7H;gDAAW+F,SAAQ;gDAAQC,OAAM;0DAC/BlE,yBAAyBC,YAAYC;;4CAEvCiB,sBAAsBlB,4BACrB,KAACnC;gDAAKkI,MAAK;gDAAQ/B,SAAQ;gDAAWC,OAAM;gDAAU5B,OAAM;iDAC1D;;;kDAEN,MAACtE;wCACCmO,UAAU;wCACVrG,WAAU;wCACVhB,SAAS;wCACTV,IAAI;4CAAE2B,YAAY;4CAAYqG,UAAU;4CAAQlI,OAAO;wCAAiB;;0DAExE,KAAChG;gDAAW+F,SAAQ;0DAAQ;;0DAC5B,KAAC5E;gDAAiB6G,OAAOC,cAAclG;gDAAaqF,UAAUA;;0DAC9D,KAACpH;gDAAW+F,SAAQ;0DACjB,CAAC,iBAAiB,EAAExE,mBAAmBoB,eAAeZ,aAAaqF,WAAW;;;;oCAGlFD,cAAelC,CAAAA,MAAMA,KAAK,IAAIA,MAAMkJ,YAAY,AAAD,kBAC9C,KAACnO;wCAAW+F,SAAQ;wCAAQC,OAAM;kDAC/B,CAAC,OAAO,EAAExF,uBAAuByE,QAAQ;yCAE1C;oCACHR,eAAeE,OAAOA,MAAM,iBAC3B,KAAC3E;wCAAW+F,SAAQ;wCAAQC,OAAM;kDAC/B,CAAC,QAAQ,EAAE3F,wBAAwBsE,SAAS;yCAE7C;oCACHpC,kBAAkBR,4BACjB,KAAC/B;wCAAW+F,SAAQ;wCAAQC,OAAM;kDAC/BzD,kBAAkBR;yCAEnB;;;;uBAhDCA,WAAW2I,EAAE;gBAqD5B;+BAGF,KAACtL;gBACC2O,cAAW;gBACX9G,SAAS1H,sBACP0H,QAAQC,YAAYzC,aAAa0C,YAAYC,WAC7C9D,QACA+H,eACA1H;gBAEFyK,cAAc;oBAAEnH,SAAS;wBAAEoH,uBAAuB/C;oBAAc;gBAAE;gBAClEgD,SAASrE,YAAYhI,MAAM,KAAK;gBAChCsI,MAAM+B,WAAW/B,IAAI;gBACrB1B,QACEA,SACI,CAAC0F,KAAKvJ,MAA4C6D,OAAO7D,IAAIjD,UAAU,IACvEgF;gBAEN;;;;;;WAMC,GACDyH,YAAW;gBACXC,aAAapF,WAAWoF,WAAW;gBACnCC,qBAAqBrF,WAAWqF,mBAAmB;gBACnDC,WAAW;gBACXrC,YAAYA;gBACZsC,aAAY;gBACZC,UAAU;;0BAGd,KAAC3P;gBACC2N,MAAM5C,YAAY4C,IAAI;gBACtBiC,UAAU7E,YAAY6E,QAAQ;gBAC9BC,UAAU/C,SAAS7J,MAAM;gBACzB6M,SAAS/E,YAAY+E,OAAO;gBAC5BC,cAAchF,YAAYiF,OAAO;gBACjCC,kBAAkBlF,YAAYmF,WAAW;;YAE1ChG,QAAQiG,OAAO;;;AAGtB;AACA1G,yBAAyB2G,WAAW,GAAG;AAEvC,eAAe3G,yBAAwB"}

package/src/lib/components/sequences-section.js

@@ -27,8 +27,9 @@ import ListQueryNotices, { listQueryRefusals } from "@aglyn/shared-ui-jsx/compon
 import { hiddenFilterVisibility } from "@aglyn/shared-ui-jsx/const/list-filter";
 import { listFilterGridColumns } from "@aglyn/shared-ui-jsx/const/list-grid-filter";
 import { useListGridFilter } from "@aglyn/shared-ui-jsx/hooks/use-list-grid-filter";
+import { useListColumnSort } from "@aglyn/shared-ui-jsx/hooks/use-list-column-sort";
 import { Button, Card, CardContent, Chip, Stack, Typography, useMediaQuery, useTheme } from "@mui/material";
-import { useMemo } from "react";
+import { useMemo, useState } from "react";
 import { OUTREACH_SEQUENCE_STATUSES } from "../model/outreach.types.js";
 import { OUTREACH_SEQUENCE_LIST_QUERY } from "../model/sequence-list-query.js";
 import { OUTREACH_SEQUENCE_STATUS_LABELS, OutreachLink, OutreachLoading, OutreachLoadProblem, OutreachSequenceStatusChip, useOutreachNavigate } from "./outreach-ui.js";
@@ -133,6 +134,20 @@ const COUNT_COLUMNS = [
         'Opted out'
     ]
 ];
+/*
+ * Name and Status order the query (`OUTREACH_SEQUENCE_LIST_QUERY.sorts`);
+ * the mailbox's label is looked up and the counts are counted for the page,
+ * so those sort the page on screen (AGL-3680).
+ */ const countValue = (raw)=>raw && raw !== '—' && Number.isFinite(Number(raw)) ? Number(raw) : null;
+const SEQUENCE_PAGE_SORTS = _extends({
+    mailbox: (row)=>row.mailbox
+}, Object.fromEntries(COUNT_COLUMNS.map(([key])=>[
+        key,
+        (row)=>countValue(row[key])
+    ])));
+const SEQUENCE_PAGE_SORT_HEADERS = _extends({
+    mailbox: 'Mailbox'
+}, Object.fromEntries(COUNT_COLUMNS));
 /*
  * What the sequences grid's Filters panel offers (AGL-3317), each field on
  * the list's Firestore query (AGL-3321, `OUTREACH_SEQUENCE_LIST_QUERY`).
@@ -176,9 +191,11 @@ const SEQUENCE_STATUS_OPTIONS = OUTREACH_SEQUENCE_STATUSES.map((status)=>({
             'mailbox'
         ]
     });
+    const [askedSort, setAskedSort] = useState(null);
     const sequences = useOutreachSequenceList(orgId, {
         clauses: gridFilter.clauses,
-        search: gridFilter.searchWords
+        search: gridFilter.searchWords,
+        sort: askedSort
     });
     const filtering = gridFilter.clauses.length > 0 || gridFilter.searchWords.some((word)=>word.trim());
     const filterOptions = useMemo(()=>({
@@ -220,6 +237,24 @@ const SEQUENCE_STATUS_OPTIONS = OUTREACH_SEQUENCE_STATUSES.map((status)=>({
         children: "New sequence"
     });
     const count = (sequence, key)=>counts[sequence.id] ? String(counts[sequence.id][key]) : '—';
+    const tableRows = pageRows.map((sequence)=>_extends({
+            $id: sequence.id,
+            name: sequence.name || 'Untitled',
+            mailbox: mailboxLabel(sequence),
+            status: sequence.status
+        }, Object.fromEntries(COUNT_COLUMNS.map(([key])=>[
+                key,
+                count(sequence, key)
+            ]))));
+    const columnSort = useListColumnSort({
+        sorts: OUTREACH_SEQUENCE_LIST_QUERY.sorts,
+        sort: askedSort,
+        onSortChange: setAskedSort,
+        orderBy: sequences.plan.orderBy,
+        rows: tableRows,
+        pageSorts: SEQUENCE_PAGE_SORTS,
+        headers: SEQUENCE_PAGE_SORT_HEADERS
+    });
     const chips = /*#__PURE__*/ _jsx(ListFilterChips, {
         fields: SEQUENCE_FILTER_FIELDS,
         headers: SEQUENCE_FILTER_HEADERS,
@@ -233,7 +268,10 @@ const SEQUENCE_STATUS_OPTIONS = OUTREACH_SEQUENCE_STATUSES.map((status)=>({
             headers: SEQUENCE_FILTER_HEADERS,
             options: filterOptions
         }),
-        notices: sequences.plan.notices
+        notices: [
+            ...sequences.plan.notices,
+            ...columnSort.notices
+        ]
     });
     /** Nothing stored at all — not a filter that matched nothing. */ const none = sequences.status === 'ready' && !pageRows.length && !filtering && sequences.page === 0;
     let body;
@@ -373,27 +411,20 @@ const SEQUENCE_STATUS_OPTIONS = OUTREACH_SEQUENCE_STATUSES.map((status)=>({
                             columnVisibilityModel: SEQUENCE_HIDDEN_COLUMNS
                         }
                     },
-                    rows: pageRows.map((sequence)=>_extends({
-                            $id: sequence.id,
-                            name: sequence.name || 'Untitled',
-                            mailbox: mailboxLabel(sequence),
-                            status: sequence.status
-                        }, Object.fromEntries(COUNT_COLUMNS.map(([key])=>[
-                                key,
-                                count(sequence, key)
-                            ])))),
+                    rows: columnSort.rows,
                     onOpen: (id)=>navigate(`${sectionPath}/${id}`),
                     loading: sequences.status === 'loading',
                     /*
            * The panel and the search are the grid's; every clause and the
            * search word are on the list's query (AGL-3321), and the grid
-           * neither filters nor sorts the page it is handed: the query's
-           * one order, newest first, is the list's.
+           * neither filters nor sorts the page it is handed: Name and
+           * Status order the query, the rest the page (AGL-3680), newest
+           * first until a header is clicked.
            */ filterMode: "server",
                     filterModel: gridFilter.filterModel,
                     onFilterModelChange: gridFilter.onFilterModelChange,
                     quickFilter: true,
-                    disableColumnSorting: true,
+                    columnSort: columnSort,
                     noRowsLabel: "No sequences match these filters",
                     hideFooter: true
                 }),

package/src/lib/components/sequences-section.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../../../../../libs/plugins/outreach/src/lib/components/sequences-section.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, type ConsolePluginOrgMount } from '@aglyn/aglyn'\nimport { mdiPlus } from '@aglyn/shared-data-mdi'\nimport { CardDisplay, MdiIcon } from '@aglyn/shared-ui-jsx'\nimport EmptyStateComponent from '@aglyn/shared-ui-jsx/components/empty-state.component'\nimport ListFilterChips from '@aglyn/shared-ui-jsx/components/list-filter-chips.component'\nimport { ListPagination } from '@aglyn/shared-ui-jsx/components/list-pagination.component'\nimport {\n  ListTable,\n  type ListTableProps,\n} from '@aglyn/shared-ui-jsx/components/list-table.component'\nimport ListQueryNotices, {\n  listQueryRefusals,\n} from '@aglyn/shared-ui-jsx/components/list-query-notices.component'\nimport { hiddenFilterVisibility } from '@aglyn/shared-ui-jsx/const/list-filter'\nimport { listFilterGridColumns } from '@aglyn/shared-ui-jsx/const/list-grid-filter'\nimport { useListGridFilter } from '@aglyn/shared-ui-jsx/hooks/use-list-grid-filter'\nimport {\n  Button,\n  Card,\n  CardContent,\n  Chip,\n  Stack,\n  Typography,\n  useMediaQuery,\n  useTheme,\n} from '@mui/material'\nimport { useMemo } from 'react'\nimport {\n  OUTREACH_SEQUENCE_STATUSES,\n  type OutreachMailbox,\n  type OutreachSequence,\n} from '../model/outreach.types'\nimport { OUTREACH_SEQUENCE_LIST_QUERY } from '../model/sequence-list-query'\nimport {\n  OUTREACH_SEQUENCE_STATUS_LABELS,\n  OutreachLink,\n  OutreachLoading,\n  OutreachLoadProblem,\n  OutreachSequenceStatusChip,\n  useOutreachNavigate,\n} from './outreach-ui'\nimport { OutreachEnrollmentDetail } from './enrollment-detail'\nimport {\n  OutreachSequenceDetail,\n  type OutreachSequenceTab,\n} from './sequence-detail'\nimport { OutreachSequenceEditor } from './sequence-editor'\nimport { useOutreachApi } from './use-outreach-api'\nimport {\n  type OutreachSequenceCounts,\n  useOutreachSequenceCounts,\n  useOutreachSequenceList,\n} from './use-outreach-data'\nimport { useOutreachMailboxes } from './use-outreach-mailboxes'\nimport { useOutreachComplianceSettings } from './use-outreach-settings'\n\nexport interface OutreachSequencesSectionProps {\n  /** The organization the hub is mounted under; `null` until the shell knows it. */\n  orgId: string | null\n  orgMount?: ConsolePluginOrgMount\n  org?: Record<string, unknown> | null\n  /** The section's own path: `/[orgSlug]/outreach/sequences`. */\n  sectionPath: string\n  /**\n   * The path below the section: `[]`, `['new']`, `[id]`, `[id, 'enrollments']`\n   * or `[id, 'enrollments', enrollmentId]` — one person's page (AGL-3332).\n   */\n  subpath: readonly string[]\n  /** The Mailboxes section: `/[orgSlug]/outreach/mailboxes`. */\n  mailboxesPath: string\n  /** The Compliance section: `/[orgSlug]/outreach/compliance`. */\n  compliancePath: string\n}\n\n/** The new-sequence page's segment below the section. */\nexport const OUTREACH_NEW_SEQUENCE_SEGMENT = 'new'\n\n/**\n * The Sequences section (AGL-2980), and the pages below it: the list, a new\n * sequence, and one sequence's steps and enrollments. Each is a real URL, so\n * a sequence is a link a rep can keep and the back button walks them.\n */\nexport function OutreachSequencesSection(props: OutreachSequencesSectionProps) {\n  const { orgId, sectionPath, subpath } = props\n  const api = useOutreachApi(orgId)\n  const settings = useOutreachComplianceSettings(api, orgId)\n  const mailboxes = useOutreachMailboxes(orgId)\n  const navigate = useOutreachNavigate()\n\n  if (!orgId) return <OutreachLoading label=\"Loading sequences…\" />\n  const [first, second, third] = subpath\n  if (first === OUTREACH_NEW_SEQUENCE_SEGMENT) {\n    return (\n      <Stack spacing={2}>\n        <OutreachLink href={sectionPath}>Sequences</OutreachLink>\n        <Typography variant=\"h5\" component=\"h2\">\n          New sequence\n        </Typography>\n        <OutreachSequenceEditor\n          orgId={orgId}\n          orgMount={props.orgMount}\n          sequence={null}\n          settings={settings}\n          mailboxes={mailboxes}\n          mailboxesPath={props.mailboxesPath}\n          onSaved={(sequence) => navigate(`${sectionPath}/${sequence.id}`)}\n          onCancel={() => navigate(sectionPath)}\n        />\n      </Stack>\n    )\n  }\n  if (first && second === 'enrollments' && third) {\n    return (\n      <OutreachEnrollmentDetail\n        orgId={orgId}\n        orgMount={props.orgMount}\n        sectionPath={sectionPath}\n        sequenceId={first}\n        enrollmentId={third}\n        mailboxes={mailboxes}\n      />\n    )\n  }\n  if (first) {\n    return (\n      <OutreachSequenceDetail\n        orgId={orgId}\n        orgMount={props.orgMount}\n        org={props.org}\n        sectionPath={sectionPath}\n        sequenceId={first}\n        tab={\n          (second === 'enrollments'\n            ? 'enrollments'\n            : 'steps') as OutreachSequenceTab\n        }\n        settings={settings}\n        mailboxes={mailboxes}\n        mailboxesPath={props.mailboxesPath}\n        compliancePath={props.compliancePath}\n      />\n    )\n  }\n  return (\n    <OutreachSequenceList\n      orgId={orgId}\n      sectionPath={sectionPath}\n      mailboxes={mailboxes.mailboxes}\n    />\n  )\n}\nOutreachSequencesSection.displayName = 'OutreachSequencesSection'\n\nconst COUNT_COLUMNS: ReadonlyArray<[keyof OutreachSequenceCounts, string]> = [\n  ['enrolled', 'Enrolled'],\n  ['active', 'Active'],\n  ['replied', 'Replied'],\n  ['bounced', 'Bounced'],\n  ['optedOut', 'Opted out'],\n]\n\n/*\n * What the sequences grid's Filters panel offers (AGL-3317), each field on\n * the list's Firestore query (AGL-3321, `OUTREACH_SEQUENCE_LIST_QUERY`).\n */\nconst SEQUENCE_FILTER_FIELDS = OUTREACH_SEQUENCE_LIST_QUERY.fields\nconst SEQUENCE_FILTER_HEADERS: Readonly<Record<string, string>> = {\n  name: 'Name',\n  mailbox: 'Mailbox',\n  status: 'Status',\n  created: 'Created',\n}\n/** `created` is no column of its own: a filter-only column, never shown. */\nconst SEQUENCE_HIDDEN_COLUMNS = hiddenFilterVisibility(SEQUENCE_FILTER_FIELDS, [\n  'name',\n  'mailbox',\n  'status',\n])\nconst SEQUENCE_STATUS_OPTIONS = OUTREACH_SEQUENCE_STATUSES.map((status) => ({\n  value: status,\n  label: OUTREACH_SEQUENCE_STATUS_LABELS[status],\n}))\n\n/** How a mailbox reads in the list: the address it sends as. */\nconst mailboxName = (mailbox: OutreachMailbox) => mailbox.sendAs || mailbox.email\n\n/**\n * Every sequence: its mailbox, its status, and how many people it enrolled\n * and where they stand — a table on wider screens, cards on a phone.\n *\n * ## Asked of Firestore, a page at a time\n *\n * The Filters panel and the search box are the grid's; the clauses and the\n * words go onto ONE query over the organization's sequences, newest first,\n * and each page is a page of that query's matches (AGL-3321). A clause the\n * query cannot hold beside the others is not applied, and the notice above\n * the list says which and why — never answered over the sequences that\n * happen to be loaded.\n */\nexport function OutreachSequenceList(props: {\n  orgId: string\n  sectionPath: string\n  mailboxes: readonly OutreachMailbox[]\n}) {\n  const { orgId, sectionPath } = props\n  const theme = useTheme()\n  const narrow = useMediaQuery(theme.breakpoints.down('md'))\n  const navigate = useOutreachNavigate()\n  const gridFilter = useListGridFilter({ selectFields: ['status', 'mailbox'] })\n  const sequences = useOutreachSequenceList(orgId, {\n    clauses: gridFilter.clauses,\n    search: gridFilter.searchWords,\n  })\n  const filtering =\n    gridFilter.clauses.length > 0 || gridFilter.searchWords.some((word) => word.trim())\n  const filterOptions = useMemo(\n    () => ({\n      status: SEQUENCE_STATUS_OPTIONS,\n      mailbox: props.mailboxes.map((mailbox) => ({\n        value: mailbox.id,\n        label: mailboxName(mailbox),\n      })),\n    }),\n    [props.mailboxes],\n  )\n  const mailboxLabel = (sequence: OutreachSequence) => {\n    const mailbox = props.mailboxes.find(\n      (entry) => entry.id === sequence.mailboxId,\n    )\n    return mailbox\n      ? mailboxName(mailbox)\n      : sequence.mailboxId\n        ? 'Mailbox removed'\n        : 'No mailbox yet'\n  }\n  const pageRows = sequences.rows\n  // Counted for the page on screen only: five aggregations a sequence.\n  const counts = useOutreachSequenceCounts(\n    orgId,\n    pageRows.map((sequence) => sequence.id),\n  )\n  const footer = (\n    <ListPagination\n      page={sequences.page}\n      pageSize={sequences.pageSize}\n      rowCount={pageRows.length}\n      hasMore={sequences.hasMore}\n      onPageChange={sequences.setPage}\n      onPageSizeChange={sequences.setPageSize}\n    />\n  )\n  const newHref = `${sectionPath}/${OUTREACH_NEW_SEQUENCE_SEGMENT}`\n  const newButton = (\n    <Button\n      variant=\"contained\"\n      startIcon={<MdiIcon path={mdiPlus.path} fontSize=\"small\" />}\n      href={newHref}\n      onClick={(event) => {\n        event.preventDefault()\n        navigate(newHref)\n      }}\n    >\n      New sequence\n    </Button>\n  )\n  const count = (\n    sequence: OutreachSequence,\n    key: keyof OutreachSequenceCounts,\n  ) => (counts[sequence.id] ? String(counts[sequence.id][key]) : '—')\n\n  const chips = (\n    <ListFilterChips\n      fields={SEQUENCE_FILTER_FIELDS}\n      headers={SEQUENCE_FILTER_HEADERS}\n      clauses={gridFilter.clauses}\n      onChange={gridFilter.setClauses}\n      options={filterOptions}\n    />\n  )\n  const notices = (\n    <ListQueryNotices\n      refused={listQueryRefusals(sequences.plan.refused, {\n        fields: SEQUENCE_FILTER_FIELDS,\n        headers: SEQUENCE_FILTER_HEADERS,\n        options: filterOptions,\n      })}\n      notices={sequences.plan.notices}\n    />\n  )\n  /** Nothing stored at all — not a filter that matched nothing. */\n  const none =\n    sequences.status === 'ready' &&\n    !pageRows.length &&\n    !filtering &&\n    sequences.page === 0\n  let body\n  if (sequences.status === 'loading' && !filtering)\n    body = <OutreachLoading label=\"Loading sequences…\" />\n  else if (sequences.status === 'error' || sequences.status === 'refused') {\n    body = (\n      <Stack spacing={1}>\n        {chips}\n        <OutreachLoadProblem status={sequences.status} what=\"sequences\" />\n      </Stack>\n    )\n  } else if (none) {\n    body = (\n      <Card variant=\"outlined\">\n        <EmptyStateComponent\n          label=\"No sequences yet\"\n          description=\"A sequence is the emails, and the tasks between them, one person gets from one rep.\"\n          action={newButton}\n        />\n      </Card>\n    )\n  } else if (narrow) {\n    body = (\n      <Stack spacing={1}>\n        {chips}\n        {notices}\n        {pageRows.length ? (\n          <Stack\n            spacing={1}\n            component=\"ul\"\n            sx={{ listStyle: 'none', p: 0, m: 0 }}\n            aria-label=\"Sequences\"\n          >\n            {pageRows.map((sequence) => (\n              <Card key={sequence.id} variant=\"outlined\" component=\"li\">\n                <CardContent>\n                  <Stack spacing={1}>\n                    <Stack\n                      direction=\"row\"\n                      spacing={1}\n                      sx={{\n                        alignItems: 'center',\n                        justifyContent: 'space-between',\n                      }}\n                    >\n                      <OutreachLink href={`${sectionPath}/${sequence.id}`}>\n                        {sequence.name || 'Untitled'}\n                      </OutreachLink>\n                      <OutreachSequenceStatusChip status={sequence.status} />\n                    </Stack>\n                    <Typography variant=\"body2\" color=\"text.secondary\">\n                      {mailboxLabel(sequence)}\n                    </Typography>\n                    <Stack\n                      useFlexGap\n                      direction=\"row\"\n                      spacing={0.5}\n                      sx={{ flexWrap: 'wrap', rowGap: 0.5 }}\n                    >\n                      {COUNT_COLUMNS.map(([key, label]) => (\n                        <Chip\n                          key={key}\n                          size=\"small\"\n                          variant=\"outlined\"\n                          label={`${label} ${count(sequence, key)}`}\n                        />\n                      ))}\n                    </Stack>\n                  </Stack>\n                </CardContent>\n              </Card>\n            ))}\n          </Stack>\n        ) : (\n          <Typography variant=\"body2\" color=\"text.secondary\">\n            {sequences.status === 'loading'\n              ? 'Loading sequences…'\n              : 'No sequences match these filters'}\n          </Typography>\n        )}\n        {footer}\n      </Stack>\n    )\n  } else {\n    const columns: NonNullable<ListTableProps['columns']> = listFilterGridColumns([\n      { field: 'name', headerName: 'Name', flex: 1, minWidth: 180 },\n      { field: 'mailbox', headerName: 'Mailbox', flex: 1, minWidth: 180 },\n      {\n        field: 'status',\n        headerName: 'Status',\n        width: 110,\n        renderCell: ({ row }) => (\n          <OutreachSequenceStatusChip status={row.status} />\n        ),\n      },\n      ...COUNT_COLUMNS.map(([key, label]) => ({\n        field: key,\n        headerName: label,\n        width: 96,\n        align: 'right' as const,\n        headerAlign: 'right' as const,\n      })),\n    ], SEQUENCE_FILTER_FIELDS, filterOptions, SEQUENCE_FILTER_HEADERS)\n    body = (\n      <Stack spacing={1}>\n        {chips}\n        {notices}\n        <ListTable\n          aria-label=\"Sequences\"\n          columns={columns}\n          initialState={{ columns: { columnVisibilityModel: SEQUENCE_HIDDEN_COLUMNS } }}\n          rows={pageRows.map((sequence) => ({\n            $id: sequence.id,\n            name: sequence.name || 'Untitled',\n            mailbox: mailboxLabel(sequence),\n            status: sequence.status,\n            ...Object.fromEntries(\n              COUNT_COLUMNS.map(([key]) => [key, count(sequence, key)]),\n            ),\n          }))}\n          onOpen={(id) => navigate(`${sectionPath}/${id}`)}\n          loading={sequences.status === 'loading'}\n          /*\n           * The panel and the search are the grid's; every clause and the\n           * search word are on the list's query (AGL-3321), and the grid\n           * neither filters nor sorts the page it is handed: the query's\n           * one order, newest first, is the list's.\n           */\n          filterMode=\"server\"\n          filterModel={gridFilter.filterModel}\n          onFilterModelChange={gridFilter.onFilterModelChange}\n          quickFilter\n          disableColumnSorting\n          noRowsLabel=\"No sequences match these filters\"\n          hideFooter\n        />\n        {footer}\n      </Stack>\n    )\n  }\n\n  return (\n    <CardDisplay\n      header=\"Sequences\"\n      help={pluginDocsHelp('sequences', { anchor: '#sequences' })}\n      HeaderProps={{\n        action: none || sequences.status === 'loading' ? undefined : newButton,\n      }}\n      contentGutterX\n      contentGutterY\n    >\n      {body}\n    </CardDisplay>\n  )\n}\nOutreachSequenceList.displayName = 'OutreachSequenceList'\n\nexport default OutreachSequencesSection\n"],"names":["pluginDocsHelp","mdiPlus","CardDisplay","MdiIcon","EmptyStateComponent","ListFilterChips","ListPagination","ListTable","ListQueryNotices","listQueryRefusals","hiddenFilterVisibility","listFilterGridColumns","useListGridFilter","Button","Card","CardContent","Chip","Stack","Typography","useMediaQuery","useTheme","useMemo","OUTREACH_SEQUENCE_STATUSES","OUTREACH_SEQUENCE_LIST_QUERY","OUTREACH_SEQUENCE_STATUS_LABELS","OutreachLink","OutreachLoading","OutreachLoadProblem","OutreachSequenceStatusChip","useOutreachNavigate","OutreachEnrollmentDetail","OutreachSequenceDetail","OutreachSequenceEditor","useOutreachApi","useOutreachSequenceCounts","useOutreachSequenceList","useOutreachMailboxes","useOutreachComplianceSettings","OUTREACH_NEW_SEQUENCE_SEGMENT","OutreachSequencesSection","props","orgId","sectionPath","subpath","api","settings","mailboxes","navigate","label","first","second","third","spacing","href","variant","component","orgMount","sequence","mailboxesPath","onSaved","id","onCancel","sequenceId","enrollmentId","org","tab","compliancePath","OutreachSequenceList","displayName","COUNT_COLUMNS","SEQUENCE_FILTER_FIELDS","fields","SEQUENCE_FILTER_HEADERS","name","mailbox","status","created","SEQUENCE_HIDDEN_COLUMNS","SEQUENCE_STATUS_OPTIONS","map","value","mailboxName","sendAs","email","theme","narrow","breakpoints","down","gridFilter","selectFields","sequences","clauses","search","searchWords","filtering","length","some","word","trim","filterOptions","mailboxLabel","find","entry","mailboxId","pageRows","rows","counts","footer","page","pageSize","rowCount","hasMore","onPageChange","setPage","onPageSizeChange","setPageSize","newHref","newButton","startIcon","path","fontSize","onClick","event","preventDefault","count","key","String","chips","headers","onChange","setClauses","options","notices","refused","plan","none","body","what","description","action","sx","listStyle","p","m","aria-label","direction","alignItems","justifyContent","color","useFlexGap","flexWrap","rowGap","size","columns","field","headerName","flex","minWidth","width","renderCell","row","align","headerAlign","initialState","columnVisibilityModel","$id","Object","fromEntries","onOpen","loading","filterMode","filterModel","onFilterModelChange","quickFilter","disableColumnSorting","noRowsLabel","hideFooter","header","help","anchor","HeaderProps","undefined","contentGutterX","contentGutterY"],"mappings":"AAAA;;;;;;;;;;;;;;;CAeC,GACD;;;AAEA,SAASA,cAAc,QAAoC,eAAc;AACzE,SAASC,OAAO,QAAQ,yBAAwB;AAChD,SAASC,WAAW,EAAEC,OAAO,QAAQ,uBAAsB;AAC3D,OAAOC,yBAAyB,wDAAuD;AACvF,OAAOC,qBAAqB,8DAA6D;AACzF,SAASC,cAAc,QAAQ,4DAA2D;AAC1F,SACEC,SAAS,QAEJ,uDAAsD;AAC7D,OAAOC,oBACLC,iBAAiB,QACZ,+DAA8D;AACrE,SAASC,sBAAsB,QAAQ,yCAAwC;AAC/E,SAASC,qBAAqB,QAAQ,8CAA6C;AACnF,SAASC,iBAAiB,QAAQ,kDAAiD;AACnF,SACEC,MAAM,EACNC,IAAI,EACJC,WAAW,EACXC,IAAI,EACJC,KAAK,EACLC,UAAU,EACVC,aAAa,EACbC,QAAQ,QACH,gBAAe;AACtB,SAASC,OAAO,QAAQ,QAAO;AAC/B,SACEC,0BAA0B,QAGrB,6BAAyB;AAChC,SAASC,4BAA4B,QAAQ,kCAA8B;AAC3E,SACEC,+BAA+B,EAC/BC,YAAY,EACZC,eAAe,EACfC,mBAAmB,EACnBC,0BAA0B,EAC1BC,mBAAmB,QACd,mBAAe;AACtB,SAASC,wBAAwB,QAAQ,yBAAqB;AAC9D,SACEC,sBAAsB,QAEjB,uBAAmB;AAC1B,SAASC,sBAAsB,QAAQ,uBAAmB;AAC1D,SAASC,cAAc,QAAQ,wBAAoB;AACnD,SAEEC,yBAAyB,EACzBC,uBAAuB,QAClB,yBAAqB;AAC5B,SAASC,oBAAoB,QAAQ,8BAA0B;AAC/D,SAASC,6BAA6B,QAAQ,6BAAyB;AAoBvE,uDAAuD,GACvD,OAAO,MAAMC,gCAAgC,MAAK;AAElD;;;;CAIC,GACD,OAAO,SAASC,yBAAyBC,KAAoC;IAC3E,MAAM,EAAEC,KAAK,EAAEC,WAAW,EAAEC,OAAO,EAAE,GAAGH;IACxC,MAAMI,MAAMX,eAAeQ;IAC3B,MAAMI,WAAWR,8BAA8BO,KAAKH;IACpD,MAAMK,YAAYV,qBAAqBK;IACvC,MAAMM,WAAWlB;IAEjB,IAAI,CAACY,OAAO,qBAAO,KAACf;QAAgBsB,OAAM;;IAC1C,MAAM,CAACC,OAAOC,QAAQC,MAAM,GAAGR;IAC/B,IAAIM,UAAUX,+BAA+B;QAC3C,qBACE,MAACrB;YAAMmC,SAAS;;8BACd,KAAC3B;oBAAa4B,MAAMX;8BAAa;;8BACjC,KAACxB;oBAAWoC,SAAQ;oBAAKC,WAAU;8BAAK;;8BAGxC,KAACvB;oBACCS,OAAOA;oBACPe,UAAUhB,MAAMgB,QAAQ;oBACxBC,UAAU;oBACVZ,UAAUA;oBACVC,WAAWA;oBACXY,eAAelB,MAAMkB,aAAa;oBAClCC,SAAS,CAACF,WAAaV,SAAS,GAAGL,YAAY,CAAC,EAAEe,SAASG,EAAE,EAAE;oBAC/DC,UAAU,IAAMd,SAASL;;;;IAIjC;IACA,IAAIO,SAASC,WAAW,iBAAiBC,OAAO;QAC9C,qBACE,KAACrB;YACCW,OAAOA;YACPe,UAAUhB,MAAMgB,QAAQ;YACxBd,aAAaA;YACboB,YAAYb;YACZc,cAAcZ;YACdL,WAAWA;;IAGjB;IACA,IAAIG,OAAO;QACT,qBACE,KAAClB;YACCU,OAAOA;YACPe,UAAUhB,MAAMgB,QAAQ;YACxBQ,KAAKxB,MAAMwB,GAAG;YACdtB,aAAaA;YACboB,YAAYb;YACZgB,KACGf,WAAW,gBACR,gBACA;YAENL,UAAUA;YACVC,WAAWA;YACXY,eAAelB,MAAMkB,aAAa;YAClCQ,gBAAgB1B,MAAM0B,cAAc;;IAG1C;IACA,qBACE,KAACC;QACC1B,OAAOA;QACPC,aAAaA;QACbI,WAAWA,UAAUA,SAAS;;AAGpC;AACAP,yBAAyB6B,WAAW,GAAG;AAEvC,MAAMC,gBAAuE;IAC3E;QAAC;QAAY;KAAW;IACxB;QAAC;QAAU;KAAS;IACpB;QAAC;QAAW;KAAU;IACtB;QAAC;QAAW;KAAU;IACtB;QAAC;QAAY;KAAY;CAC1B;AAED;;;CAGC,GACD,MAAMC,yBAAyB/C,6BAA6BgD,MAAM;AAClE,MAAMC,0BAA4D;IAChEC,MAAM;IACNC,SAAS;IACTC,QAAQ;IACRC,SAAS;AACX;AACA,0EAA0E,GAC1E,MAAMC,0BAA0BnE,uBAAuB4D,wBAAwB;IAC7E;IACA;IACA;CACD;AACD,MAAMQ,0BAA0BxD,2BAA2ByD,GAAG,CAAC,CAACJ,SAAY,CAAA;QAC1EK,OAAOL;QACP3B,OAAOxB,+BAA+B,CAACmD,OAAO;IAChD,CAAA;AAEA,8DAA8D,GAC9D,MAAMM,cAAc,CAACP,UAA6BA,QAAQQ,MAAM,IAAIR,QAAQS,KAAK;AAEjF;;;;;;;;;;;;CAYC,GACD,OAAO,SAAShB,qBAAqB3B,KAIpC;IACC,MAAM,EAAEC,KAAK,EAAEC,WAAW,EAAE,GAAGF;IAC/B,MAAM4C,QAAQhE;IACd,MAAMiE,SAASlE,cAAciE,MAAME,WAAW,CAACC,IAAI,CAAC;IACpD,MAAMxC,WAAWlB;IACjB,MAAM2D,aAAa5E,kBAAkB;QAAE6E,cAAc;YAAC;YAAU;SAAU;IAAC;IAC3E,MAAMC,YAAYvD,wBAAwBM,OAAO;QAC/CkD,SAASH,WAAWG,OAAO;QAC3BC,QAAQJ,WAAWK,WAAW;IAChC;IACA,MAAMC,YACJN,WAAWG,OAAO,CAACI,MAAM,GAAG,KAAKP,WAAWK,WAAW,CAACG,IAAI,CAAC,CAACC,OAASA,KAAKC,IAAI;IAClF,MAAMC,gBAAgB9E,QACpB,IAAO,CAAA;YACLsD,QAAQG;YACRJ,SAASlC,MAAMM,SAAS,CAACiC,GAAG,CAAC,CAACL,UAAa,CAAA;oBACzCM,OAAON,QAAQd,EAAE;oBACjBZ,OAAOiC,YAAYP;gBACrB,CAAA;QACF,CAAA,GACA;QAAClC,MAAMM,SAAS;KAAC;IAEnB,MAAMsD,eAAe,CAAC3C;QACpB,MAAMiB,UAAUlC,MAAMM,SAAS,CAACuD,IAAI,CAClC,CAACC,QAAUA,MAAM1C,EAAE,KAAKH,SAAS8C,SAAS;QAE5C,OAAO7B,UACHO,YAAYP,WACZjB,SAAS8C,SAAS,GAChB,oBACA;IACR;IACA,MAAMC,WAAWd,UAAUe,IAAI;IAC/B,qEAAqE;IACrE,MAAMC,SAASxE,0BACbO,OACA+D,SAASzB,GAAG,CAAC,CAACtB,WAAaA,SAASG,EAAE;IAExC,MAAM+C,uBACJ,KAACrG;QACCsG,MAAMlB,UAAUkB,IAAI;QACpBC,UAAUnB,UAAUmB,QAAQ;QAC5BC,UAAUN,SAAST,MAAM;QACzBgB,SAASrB,UAAUqB,OAAO;QAC1BC,cAActB,UAAUuB,OAAO;QAC/BC,kBAAkBxB,UAAUyB,WAAW;;IAG3C,MAAMC,UAAU,GAAG1E,YAAY,CAAC,EAAEJ,+BAA+B;IACjE,MAAM+E,0BACJ,KAACxG;QACCyC,SAAQ;QACRgE,yBAAW,KAACnH;YAAQoH,MAAMtH,QAAQsH,IAAI;YAAEC,UAAS;;QACjDnE,MAAM+D;QACNK,SAAS,CAACC;YACRA,MAAMC,cAAc;YACpB5E,SAASqE;QACX;kBACD;;IAIH,MAAMQ,QAAQ,CACZnE,UACAoE,MACInB,MAAM,CAACjD,SAASG,EAAE,CAAC,GAAGkE,OAAOpB,MAAM,CAACjD,SAASG,EAAE,CAAC,CAACiE,IAAI,IAAI;IAE/D,MAAME,sBACJ,KAAC1H;QACCkE,QAAQD;QACR0D,SAASxD;QACTmB,SAASH,WAAWG,OAAO;QAC3BsC,UAAUzC,WAAW0C,UAAU;QAC/BC,SAAShC;;IAGb,MAAMiC,wBACJ,KAAC5H;QACC6H,SAAS5H,kBAAkBiF,UAAU4C,IAAI,CAACD,OAAO,EAAE;YACjD9D,QAAQD;YACR0D,SAASxD;YACT2D,SAAShC;QACX;QACAiC,SAAS1C,UAAU4C,IAAI,CAACF,OAAO;;IAGnC,+DAA+D,GAC/D,MAAMG,OACJ7C,UAAUf,MAAM,KAAK,WACrB,CAAC6B,SAAST,MAAM,IAChB,CAACD,aACDJ,UAAUkB,IAAI,KAAK;IACrB,IAAI4B;IACJ,IAAI9C,UAAUf,MAAM,KAAK,aAAa,CAACmB,WACrC0C,qBAAO,KAAC9G;QAAgBsB,OAAM;;SAC3B,IAAI0C,UAAUf,MAAM,KAAK,WAAWe,UAAUf,MAAM,KAAK,WAAW;QACvE6D,qBACE,MAACvH;YAAMmC,SAAS;;gBACb2E;8BACD,KAACpG;oBAAoBgD,QAAQe,UAAUf,MAAM;oBAAE8D,MAAK;;;;IAG1D,OAAO,IAAIF,MAAM;QACfC,qBACE,KAAC1H;YAAKwC,SAAQ;sBACZ,cAAA,KAAClD;gBACC4C,OAAM;gBACN0F,aAAY;gBACZC,QAAQtB;;;IAIhB,OAAO,IAAIhC,QAAQ;QACjBmD,qBACE,MAACvH;YAAMmC,SAAS;;gBACb2E;gBACAK;gBACA5B,SAAST,MAAM,iBACd,KAAC9E;oBACCmC,SAAS;oBACTG,WAAU;oBACVqF,IAAI;wBAAEC,WAAW;wBAAQC,GAAG;wBAAGC,GAAG;oBAAE;oBACpCC,cAAW;8BAEVxC,SAASzB,GAAG,CAAC,CAACtB,yBACb,KAAC3C;4BAAuBwC,SAAQ;4BAAWC,WAAU;sCACnD,cAAA,KAACxC;0CACC,cAAA,MAACE;oCAAMmC,SAAS;;sDACd,MAACnC;4CACCgI,WAAU;4CACV7F,SAAS;4CACTwF,IAAI;gDACFM,YAAY;gDACZC,gBAAgB;4CAClB;;8DAEA,KAAC1H;oDAAa4B,MAAM,GAAGX,YAAY,CAAC,EAAEe,SAASG,EAAE,EAAE;8DAChDH,SAASgB,IAAI,IAAI;;8DAEpB,KAAC7C;oDAA2B+C,QAAQlB,SAASkB,MAAM;;;;sDAErD,KAACzD;4CAAWoC,SAAQ;4CAAQ8F,OAAM;sDAC/BhD,aAAa3C;;sDAEhB,KAACxC;4CACCoI,UAAU;4CACVJ,WAAU;4CACV7F,SAAS;4CACTwF,IAAI;gDAAEU,UAAU;gDAAQC,QAAQ;4CAAI;sDAEnClF,cAAcU,GAAG,CAAC,CAAC,CAAC8C,KAAK7E,MAAM,iBAC9B,KAAChC;oDAECwI,MAAK;oDACLlG,SAAQ;oDACRN,OAAO,GAAGA,MAAM,CAAC,EAAE4E,MAAMnE,UAAUoE,MAAM;mDAHpCA;;;;;2BA3BNpE,SAASG,EAAE;mCAwC1B,KAAC1C;oBAAWoC,SAAQ;oBAAQ8F,OAAM;8BAC/B1D,UAAUf,MAAM,KAAK,YAClB,uBACA;;gBAGPgC;;;IAGP,OAAO;QACL,MAAM8C,UAAkD9I,sBAAsB;YAC5E;gBAAE+I,OAAO;gBAAQC,YAAY;gBAAQC,MAAM;gBAAGC,UAAU;YAAI;YAC5D;gBAAEH,OAAO;gBAAWC,YAAY;gBAAWC,MAAM;gBAAGC,UAAU;YAAI;YAClE;gBACEH,OAAO;gBACPC,YAAY;gBACZG,OAAO;gBACPC,YAAY,CAAC,EAAEC,GAAG,EAAE,iBAClB,KAACpI;wBAA2B+C,QAAQqF,IAAIrF,MAAM;;YAElD;eACGN,cAAcU,GAAG,CAAC,CAAC,CAAC8C,KAAK7E,MAAM,GAAM,CAAA;oBACtC0G,OAAO7B;oBACP8B,YAAY3G;oBACZ8G,OAAO;oBACPG,OAAO;oBACPC,aAAa;gBACf,CAAA;SACD,EAAE5F,wBAAwB6B,eAAe3B;QAC1CgE,qBACE,MAACvH;YAAMmC,SAAS;;gBACb2E;gBACAK;8BACD,KAAC7H;oBACCyI,cAAW;oBACXS,SAASA;oBACTU,cAAc;wBAAEV,SAAS;4BAAEW,uBAAuBvF;wBAAwB;oBAAE;oBAC5E4B,MAAMD,SAASzB,GAAG,CAAC,CAACtB,WAAc;4BAChC4G,KAAK5G,SAASG,EAAE;4BAChBa,MAAMhB,SAASgB,IAAI,IAAI;4BACvBC,SAAS0B,aAAa3C;4BACtBkB,QAAQlB,SAASkB,MAAM;2BACpB2F,OAAOC,WAAW,CACnBlG,cAAcU,GAAG,CAAC,CAAC,CAAC8C,IAAI,GAAK;gCAACA;gCAAKD,MAAMnE,UAAUoE;6BAAK;oBAG5D2C,QAAQ,CAAC5G,KAAOb,SAAS,GAAGL,YAAY,CAAC,EAAEkB,IAAI;oBAC/C6G,SAAS/E,UAAUf,MAAM,KAAK;oBAC9B;;;;;WAKC,GACD+F,YAAW;oBACXC,aAAanF,WAAWmF,WAAW;oBACnCC,qBAAqBpF,WAAWoF,mBAAmB;oBACnDC,WAAW;oBACXC,oBAAoB;oBACpBC,aAAY;oBACZC,UAAU;;gBAEXrE;;;IAGP;IAEA,qBACE,KAACzG;QACC+K,QAAO;QACPC,MAAMlL,eAAe,aAAa;YAAEmL,QAAQ;QAAa;QACzDC,aAAa;YACXzC,QAAQJ,QAAQ7C,UAAUf,MAAM,KAAK,YAAY0G,YAAYhE;QAC/D;QACAiE,cAAc;QACdC,cAAc;kBAEb/C;;AAGP;AACArE,qBAAqBC,WAAW,GAAG;AAEnC,eAAe7B,yBAAwB"}
+{"version":3,"sources":["../../../../../../../libs/plugins/outreach/src/lib/components/sequences-section.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, type ConsolePluginOrgMount } from '@aglyn/aglyn'\nimport { mdiPlus } from '@aglyn/shared-data-mdi'\nimport { CardDisplay, MdiIcon } from '@aglyn/shared-ui-jsx'\nimport EmptyStateComponent from '@aglyn/shared-ui-jsx/components/empty-state.component'\nimport ListFilterChips from '@aglyn/shared-ui-jsx/components/list-filter-chips.component'\nimport { ListPagination } from '@aglyn/shared-ui-jsx/components/list-pagination.component'\nimport {\n  ListTable,\n  type ListTableProps,\n} from '@aglyn/shared-ui-jsx/components/list-table.component'\nimport ListQueryNotices, {\n  listQueryRefusals,\n} from '@aglyn/shared-ui-jsx/components/list-query-notices.component'\nimport { hiddenFilterVisibility } from '@aglyn/shared-ui-jsx/const/list-filter'\nimport { listFilterGridColumns } from '@aglyn/shared-ui-jsx/const/list-grid-filter'\nimport { useListGridFilter } from '@aglyn/shared-ui-jsx/hooks/use-list-grid-filter'\nimport { useListColumnSort } from '@aglyn/shared-ui-jsx/hooks/use-list-column-sort'\nimport type { ListQuerySort } from '@aglyn/shared-ui-jsx/const/list-query-plan'\nimport {\n  Button,\n  Card,\n  CardContent,\n  Chip,\n  Stack,\n  Typography,\n  useMediaQuery,\n  useTheme,\n} from '@mui/material'\nimport { useMemo, useState } from 'react'\nimport {\n  OUTREACH_SEQUENCE_STATUSES,\n  type OutreachMailbox,\n  type OutreachSequence,\n} from '../model/outreach.types'\nimport { OUTREACH_SEQUENCE_LIST_QUERY } from '../model/sequence-list-query'\nimport {\n  OUTREACH_SEQUENCE_STATUS_LABELS,\n  OutreachLink,\n  OutreachLoading,\n  OutreachLoadProblem,\n  OutreachSequenceStatusChip,\n  useOutreachNavigate,\n} from './outreach-ui'\nimport { OutreachEnrollmentDetail } from './enrollment-detail'\nimport {\n  OutreachSequenceDetail,\n  type OutreachSequenceTab,\n} from './sequence-detail'\nimport { OutreachSequenceEditor } from './sequence-editor'\nimport { useOutreachApi } from './use-outreach-api'\nimport {\n  type OutreachSequenceCounts,\n  useOutreachSequenceCounts,\n  useOutreachSequenceList,\n} from './use-outreach-data'\nimport { useOutreachMailboxes } from './use-outreach-mailboxes'\nimport { useOutreachComplianceSettings } from './use-outreach-settings'\n\nexport interface OutreachSequencesSectionProps {\n  /** The organization the hub is mounted under; `null` until the shell knows it. */\n  orgId: string | null\n  orgMount?: ConsolePluginOrgMount\n  org?: Record<string, unknown> | null\n  /** The section's own path: `/[orgSlug]/outreach/sequences`. */\n  sectionPath: string\n  /**\n   * The path below the section: `[]`, `['new']`, `[id]`, `[id, 'enrollments']`\n   * or `[id, 'enrollments', enrollmentId]` — one person's page (AGL-3332).\n   */\n  subpath: readonly string[]\n  /** The Mailboxes section: `/[orgSlug]/outreach/mailboxes`. */\n  mailboxesPath: string\n  /** The Compliance section: `/[orgSlug]/outreach/compliance`. */\n  compliancePath: string\n}\n\n/** The new-sequence page's segment below the section. */\nexport const OUTREACH_NEW_SEQUENCE_SEGMENT = 'new'\n\n/**\n * The Sequences section (AGL-2980), and the pages below it: the list, a new\n * sequence, and one sequence's steps and enrollments. Each is a real URL, so\n * a sequence is a link a rep can keep and the back button walks them.\n */\nexport function OutreachSequencesSection(props: OutreachSequencesSectionProps) {\n  const { orgId, sectionPath, subpath } = props\n  const api = useOutreachApi(orgId)\n  const settings = useOutreachComplianceSettings(api, orgId)\n  const mailboxes = useOutreachMailboxes(orgId)\n  const navigate = useOutreachNavigate()\n\n  if (!orgId) return <OutreachLoading label=\"Loading sequences…\" />\n  const [first, second, third] = subpath\n  if (first === OUTREACH_NEW_SEQUENCE_SEGMENT) {\n    return (\n      <Stack spacing={2}>\n        <OutreachLink href={sectionPath}>Sequences</OutreachLink>\n        <Typography variant=\"h5\" component=\"h2\">\n          New sequence\n        </Typography>\n        <OutreachSequenceEditor\n          orgId={orgId}\n          orgMount={props.orgMount}\n          sequence={null}\n          settings={settings}\n          mailboxes={mailboxes}\n          mailboxesPath={props.mailboxesPath}\n          onSaved={(sequence) => navigate(`${sectionPath}/${sequence.id}`)}\n          onCancel={() => navigate(sectionPath)}\n        />\n      </Stack>\n    )\n  }\n  if (first && second === 'enrollments' && third) {\n    return (\n      <OutreachEnrollmentDetail\n        orgId={orgId}\n        orgMount={props.orgMount}\n        sectionPath={sectionPath}\n        sequenceId={first}\n        enrollmentId={third}\n        mailboxes={mailboxes}\n      />\n    )\n  }\n  if (first) {\n    return (\n      <OutreachSequenceDetail\n        orgId={orgId}\n        orgMount={props.orgMount}\n        org={props.org}\n        sectionPath={sectionPath}\n        sequenceId={first}\n        tab={\n          (second === 'enrollments'\n            ? 'enrollments'\n            : 'steps') as OutreachSequenceTab\n        }\n        settings={settings}\n        mailboxes={mailboxes}\n        mailboxesPath={props.mailboxesPath}\n        compliancePath={props.compliancePath}\n      />\n    )\n  }\n  return (\n    <OutreachSequenceList\n      orgId={orgId}\n      sectionPath={sectionPath}\n      mailboxes={mailboxes.mailboxes}\n    />\n  )\n}\nOutreachSequencesSection.displayName = 'OutreachSequencesSection'\n\nconst COUNT_COLUMNS: ReadonlyArray<[keyof OutreachSequenceCounts, string]> = [\n  ['enrolled', 'Enrolled'],\n  ['active', 'Active'],\n  ['replied', 'Replied'],\n  ['bounced', 'Bounced'],\n  ['optedOut', 'Opted out'],\n]\n\n/** A sequences-grid row: the sequence's name, mailbox label, status and counts. */\ntype SequenceTableRow = { $id: string; name: string; mailbox: string; status: string } & Record<\n  string,\n  string\n>\n\n/*\n * Name and Status order the query (`OUTREACH_SEQUENCE_LIST_QUERY.sorts`);\n * the mailbox's label is looked up and the counts are counted for the page,\n * so those sort the page on screen (AGL-3680).\n */\nconst countValue = (raw: string | undefined): number | null =>\n  raw && raw !== '—' && Number.isFinite(Number(raw)) ? Number(raw) : null\nconst SEQUENCE_PAGE_SORTS = {\n  mailbox: (row: SequenceTableRow) => row.mailbox,\n  ...Object.fromEntries(\n    COUNT_COLUMNS.map(([key]) => [key, (row: SequenceTableRow) => countValue(row[key])]),\n  ),\n}\nconst SEQUENCE_PAGE_SORT_HEADERS = {\n  mailbox: 'Mailbox',\n  ...Object.fromEntries(COUNT_COLUMNS),\n}\n\n/*\n * What the sequences grid's Filters panel offers (AGL-3317), each field on\n * the list's Firestore query (AGL-3321, `OUTREACH_SEQUENCE_LIST_QUERY`).\n */\nconst SEQUENCE_FILTER_FIELDS = OUTREACH_SEQUENCE_LIST_QUERY.fields\nconst SEQUENCE_FILTER_HEADERS: Readonly<Record<string, string>> = {\n  name: 'Name',\n  mailbox: 'Mailbox',\n  status: 'Status',\n  created: 'Created',\n}\n/** `created` is no column of its own: a filter-only column, never shown. */\nconst SEQUENCE_HIDDEN_COLUMNS = hiddenFilterVisibility(SEQUENCE_FILTER_FIELDS, [\n  'name',\n  'mailbox',\n  'status',\n])\nconst SEQUENCE_STATUS_OPTIONS = OUTREACH_SEQUENCE_STATUSES.map((status) => ({\n  value: status,\n  label: OUTREACH_SEQUENCE_STATUS_LABELS[status],\n}))\n\n/** How a mailbox reads in the list: the address it sends as. */\nconst mailboxName = (mailbox: OutreachMailbox) => mailbox.sendAs || mailbox.email\n\n/**\n * Every sequence: its mailbox, its status, and how many people it enrolled\n * and where they stand — a table on wider screens, cards on a phone.\n *\n * ## Asked of Firestore, a page at a time\n *\n * The Filters panel and the search box are the grid's; the clauses and the\n * words go onto ONE query over the organization's sequences, newest first,\n * and each page is a page of that query's matches (AGL-3321). A clause the\n * query cannot hold beside the others is not applied, and the notice above\n * the list says which and why — never answered over the sequences that\n * happen to be loaded.\n */\nexport function OutreachSequenceList(props: {\n  orgId: string\n  sectionPath: string\n  mailboxes: readonly OutreachMailbox[]\n}) {\n  const { orgId, sectionPath } = props\n  const theme = useTheme()\n  const narrow = useMediaQuery(theme.breakpoints.down('md'))\n  const navigate = useOutreachNavigate()\n  const gridFilter = useListGridFilter({ selectFields: ['status', 'mailbox'] })\n  const [askedSort, setAskedSort] = useState<ListQuerySort | null>(null)\n  const sequences = useOutreachSequenceList(orgId, {\n    clauses: gridFilter.clauses,\n    search: gridFilter.searchWords,\n    sort: askedSort,\n  })\n  const filtering =\n    gridFilter.clauses.length > 0 || gridFilter.searchWords.some((word) => word.trim())\n  const filterOptions = useMemo(\n    () => ({\n      status: SEQUENCE_STATUS_OPTIONS,\n      mailbox: props.mailboxes.map((mailbox) => ({\n        value: mailbox.id,\n        label: mailboxName(mailbox),\n      })),\n    }),\n    [props.mailboxes],\n  )\n  const mailboxLabel = (sequence: OutreachSequence) => {\n    const mailbox = props.mailboxes.find(\n      (entry) => entry.id === sequence.mailboxId,\n    )\n    return mailbox\n      ? mailboxName(mailbox)\n      : sequence.mailboxId\n        ? 'Mailbox removed'\n        : 'No mailbox yet'\n  }\n  const pageRows = sequences.rows\n  // Counted for the page on screen only: five aggregations a sequence.\n  const counts = useOutreachSequenceCounts(\n    orgId,\n    pageRows.map((sequence) => sequence.id),\n  )\n  const footer = (\n    <ListPagination\n      page={sequences.page}\n      pageSize={sequences.pageSize}\n      rowCount={pageRows.length}\n      hasMore={sequences.hasMore}\n      onPageChange={sequences.setPage}\n      onPageSizeChange={sequences.setPageSize}\n    />\n  )\n  const newHref = `${sectionPath}/${OUTREACH_NEW_SEQUENCE_SEGMENT}`\n  const newButton = (\n    <Button\n      variant=\"contained\"\n      startIcon={<MdiIcon path={mdiPlus.path} fontSize=\"small\" />}\n      href={newHref}\n      onClick={(event) => {\n        event.preventDefault()\n        navigate(newHref)\n      }}\n    >\n      New sequence\n    </Button>\n  )\n  const count = (\n    sequence: OutreachSequence,\n    key: keyof OutreachSequenceCounts,\n  ) => (counts[sequence.id] ? String(counts[sequence.id][key]) : '—')\n  const tableRows: SequenceTableRow[] = pageRows.map((sequence) => ({\n    $id: sequence.id,\n    name: sequence.name || 'Untitled',\n    mailbox: mailboxLabel(sequence),\n    status: sequence.status,\n    ...Object.fromEntries(\n      COUNT_COLUMNS.map(([key]) => [key, count(sequence, key)]),\n    ),\n  }))\n  const columnSort = useListColumnSort<SequenceTableRow>({\n    sorts: OUTREACH_SEQUENCE_LIST_QUERY.sorts,\n    sort: askedSort,\n    onSortChange: setAskedSort,\n    orderBy: sequences.plan.orderBy,\n    rows: tableRows,\n    pageSorts: SEQUENCE_PAGE_SORTS,\n    headers: SEQUENCE_PAGE_SORT_HEADERS,\n  })\n\n  const chips = (\n    <ListFilterChips\n      fields={SEQUENCE_FILTER_FIELDS}\n      headers={SEQUENCE_FILTER_HEADERS}\n      clauses={gridFilter.clauses}\n      onChange={gridFilter.setClauses}\n      options={filterOptions}\n    />\n  )\n  const notices = (\n    <ListQueryNotices\n      refused={listQueryRefusals(sequences.plan.refused, {\n        fields: SEQUENCE_FILTER_FIELDS,\n        headers: SEQUENCE_FILTER_HEADERS,\n        options: filterOptions,\n      })}\n      notices={[...sequences.plan.notices, ...columnSort.notices]}\n    />\n  )\n  /** Nothing stored at all — not a filter that matched nothing. */\n  const none =\n    sequences.status === 'ready' &&\n    !pageRows.length &&\n    !filtering &&\n    sequences.page === 0\n  let body\n  if (sequences.status === 'loading' && !filtering)\n    body = <OutreachLoading label=\"Loading sequences…\" />\n  else if (sequences.status === 'error' || sequences.status === 'refused') {\n    body = (\n      <Stack spacing={1}>\n        {chips}\n        <OutreachLoadProblem status={sequences.status} what=\"sequences\" />\n      </Stack>\n    )\n  } else if (none) {\n    body = (\n      <Card variant=\"outlined\">\n        <EmptyStateComponent\n          label=\"No sequences yet\"\n          description=\"A sequence is the emails, and the tasks between them, one person gets from one rep.\"\n          action={newButton}\n        />\n      </Card>\n    )\n  } else if (narrow) {\n    body = (\n      <Stack spacing={1}>\n        {chips}\n        {notices}\n        {pageRows.length ? (\n          <Stack\n            spacing={1}\n            component=\"ul\"\n            sx={{ listStyle: 'none', p: 0, m: 0 }}\n            aria-label=\"Sequences\"\n          >\n            {pageRows.map((sequence) => (\n              <Card key={sequence.id} variant=\"outlined\" component=\"li\">\n                <CardContent>\n                  <Stack spacing={1}>\n                    <Stack\n                      direction=\"row\"\n                      spacing={1}\n                      sx={{\n                        alignItems: 'center',\n                        justifyContent: 'space-between',\n                      }}\n                    >\n                      <OutreachLink href={`${sectionPath}/${sequence.id}`}>\n                        {sequence.name || 'Untitled'}\n                      </OutreachLink>\n                      <OutreachSequenceStatusChip status={sequence.status} />\n                    </Stack>\n                    <Typography variant=\"body2\" color=\"text.secondary\">\n                      {mailboxLabel(sequence)}\n                    </Typography>\n                    <Stack\n                      useFlexGap\n                      direction=\"row\"\n                      spacing={0.5}\n                      sx={{ flexWrap: 'wrap', rowGap: 0.5 }}\n                    >\n                      {COUNT_COLUMNS.map(([key, label]) => (\n                        <Chip\n                          key={key}\n                          size=\"small\"\n                          variant=\"outlined\"\n                          label={`${label} ${count(sequence, key)}`}\n                        />\n                      ))}\n                    </Stack>\n                  </Stack>\n                </CardContent>\n              </Card>\n            ))}\n          </Stack>\n        ) : (\n          <Typography variant=\"body2\" color=\"text.secondary\">\n            {sequences.status === 'loading'\n              ? 'Loading sequences…'\n              : 'No sequences match these filters'}\n          </Typography>\n        )}\n        {footer}\n      </Stack>\n    )\n  } else {\n    const columns: NonNullable<ListTableProps['columns']> = listFilterGridColumns([\n      { field: 'name', headerName: 'Name', flex: 1, minWidth: 180 },\n      { field: 'mailbox', headerName: 'Mailbox', flex: 1, minWidth: 180 },\n      {\n        field: 'status',\n        headerName: 'Status',\n        width: 110,\n        renderCell: ({ row }) => (\n          <OutreachSequenceStatusChip status={row.status} />\n        ),\n      },\n      ...COUNT_COLUMNS.map(([key, label]) => ({\n        field: key,\n        headerName: label,\n        width: 96,\n        align: 'right' as const,\n        headerAlign: 'right' as const,\n      })),\n    ], SEQUENCE_FILTER_FIELDS, filterOptions, SEQUENCE_FILTER_HEADERS)\n    body = (\n      <Stack spacing={1}>\n        {chips}\n        {notices}\n        <ListTable\n          aria-label=\"Sequences\"\n          columns={columns}\n          initialState={{ columns: { columnVisibilityModel: SEQUENCE_HIDDEN_COLUMNS } }}\n          rows={columnSort.rows}\n          onOpen={(id) => navigate(`${sectionPath}/${id}`)}\n          loading={sequences.status === 'loading'}\n          /*\n           * The panel and the search are the grid's; every clause and the\n           * search word are on the list's query (AGL-3321), and the grid\n           * neither filters nor sorts the page it is handed: Name and\n           * Status order the query, the rest the page (AGL-3680), newest\n           * first until a header is clicked.\n           */\n          filterMode=\"server\"\n          filterModel={gridFilter.filterModel}\n          onFilterModelChange={gridFilter.onFilterModelChange}\n          quickFilter\n          columnSort={columnSort}\n          noRowsLabel=\"No sequences match these filters\"\n          hideFooter\n        />\n        {footer}\n      </Stack>\n    )\n  }\n\n  return (\n    <CardDisplay\n      header=\"Sequences\"\n      help={pluginDocsHelp('sequences', { anchor: '#sequences' })}\n      HeaderProps={{\n        action: none || sequences.status === 'loading' ? undefined : newButton,\n      }}\n      contentGutterX\n      contentGutterY\n    >\n      {body}\n    </CardDisplay>\n  )\n}\nOutreachSequenceList.displayName = 'OutreachSequenceList'\n\nexport default OutreachSequencesSection\n"],"names":["pluginDocsHelp","mdiPlus","CardDisplay","MdiIcon","EmptyStateComponent","ListFilterChips","ListPagination","ListTable","ListQueryNotices","listQueryRefusals","hiddenFilterVisibility","listFilterGridColumns","useListGridFilter","useListColumnSort","Button","Card","CardContent","Chip","Stack","Typography","useMediaQuery","useTheme","useMemo","useState","OUTREACH_SEQUENCE_STATUSES","OUTREACH_SEQUENCE_LIST_QUERY","OUTREACH_SEQUENCE_STATUS_LABELS","OutreachLink","OutreachLoading","OutreachLoadProblem","OutreachSequenceStatusChip","useOutreachNavigate","OutreachEnrollmentDetail","OutreachSequenceDetail","OutreachSequenceEditor","useOutreachApi","useOutreachSequenceCounts","useOutreachSequenceList","useOutreachMailboxes","useOutreachComplianceSettings","OUTREACH_NEW_SEQUENCE_SEGMENT","OutreachSequencesSection","props","orgId","sectionPath","subpath","api","settings","mailboxes","navigate","label","first","second","third","spacing","href","variant","component","orgMount","sequence","mailboxesPath","onSaved","id","onCancel","sequenceId","enrollmentId","org","tab","compliancePath","OutreachSequenceList","displayName","COUNT_COLUMNS","countValue","raw","Number","isFinite","SEQUENCE_PAGE_SORTS","mailbox","row","Object","fromEntries","map","key","SEQUENCE_PAGE_SORT_HEADERS","SEQUENCE_FILTER_FIELDS","fields","SEQUENCE_FILTER_HEADERS","name","status","created","SEQUENCE_HIDDEN_COLUMNS","SEQUENCE_STATUS_OPTIONS","value","mailboxName","sendAs","email","theme","narrow","breakpoints","down","gridFilter","selectFields","askedSort","setAskedSort","sequences","clauses","search","searchWords","sort","filtering","length","some","word","trim","filterOptions","mailboxLabel","find","entry","mailboxId","pageRows","rows","counts","footer","page","pageSize","rowCount","hasMore","onPageChange","setPage","onPageSizeChange","setPageSize","newHref","newButton","startIcon","path","fontSize","onClick","event","preventDefault","count","String","tableRows","$id","columnSort","sorts","onSortChange","orderBy","plan","pageSorts","headers","chips","onChange","setClauses","options","notices","refused","none","body","what","description","action","sx","listStyle","p","m","aria-label","direction","alignItems","justifyContent","color","useFlexGap","flexWrap","rowGap","size","columns","field","headerName","flex","minWidth","width","renderCell","align","headerAlign","initialState","columnVisibilityModel","onOpen","loading","filterMode","filterModel","onFilterModelChange","quickFilter","noRowsLabel","hideFooter","header","help","anchor","HeaderProps","undefined","contentGutterX","contentGutterY"],"mappings":"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"}

package/src/lib/model/do-not-contact-domain-list-query.js

@@ -73,10 +73,68 @@ export const OUTREACH_DO_NOT_CONTACT_DOMAIN_LIST_QUERY = {
             ]
         }
     ],
-    sorts: [
+    /*
+   * The headers (AGL-3680). A domain IS its document id, so Domain orders by
+   * the id, alphabetical first as the list always was. Why, Added and Detail
+   * are on every entry — the one writer stamps `reason`, `addedAtMs` and
+   * `detail` (null when none) — and order the query `alone`: on this
+   * unscoped collection that costs no composite. Added newest first is also
+   * the order its date range imposes.
+   */ sorts: [
         {
             path: LIST_QUERY_ID_PATH,
-            direction: 'asc'
+            direction: 'asc',
+            column: 'domain',
+            label: 'Domain'
+        },
+        {
+            path: LIST_QUERY_ID_PATH,
+            direction: 'desc',
+            column: 'domain',
+            label: 'Domain',
+            alone: true
+        },
+        {
+            path: 'reason',
+            direction: 'asc',
+            column: 'reason',
+            label: 'Why',
+            alone: true
+        },
+        {
+            path: 'reason',
+            direction: 'desc',
+            column: 'reason',
+            label: 'Why',
+            alone: true
+        },
+        {
+            path: 'addedAtMs',
+            direction: 'desc',
+            column: 'addedAtMs',
+            label: 'Added',
+            alone: true
+        },
+        {
+            path: 'addedAtMs',
+            direction: 'asc',
+            column: 'addedAtMs',
+            label: 'Added',
+            alone: true
+        },
+        {
+            path: 'detail',
+            direction: 'asc',
+            column: 'detail',
+            label: 'Detail',
+            alone: true
+        },
+        {
+            path: 'detail',
+            direction: 'desc',
+            column: 'detail',
+            label: 'Detail',
+            alone: true
         }
     ],
     search: {