@aglyn/plugins-crm 1.0.0-beta.143

package/src/lib/components/tasks-calendar.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../../../../libs/plugins/crm/src/lib/components/tasks-calendar.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 { mdiChevronLeft, mdiChevronRight } from '@aglyn/shared-data-mdi'\nimport { MdiIcon } from '@aglyn/shared-ui-jsx'\nimport { Box, Button, ButtonBase, IconButton, Stack, Typography } from '@mui/material'\nimport { useMemo, useState } from 'react'\nimport type { CrmTaskRow } from '../hooks/use-crm-tasks'\nimport {\n  bucketTasksByCalendarDay,\n  CALENDAR_DAY_LABELS,\n  CALENDAR_WEEK_DAYS,\n  shiftCalendarMonth,\n  taskCalendarMonth,\n} from '../model/task-calendar'\n\n/** How many tasks a square lists before folding the rest into a count. */\nconst TASKS_PER_DAY = 3\n\nexport interface TasksCalendarProps {\n  /** The window the list is holding — the calendar reads no more than it. */\n  tasks: readonly CrmTaskRow[]\n  /** Open one task's drawer, the same drawer a row opens. */\n  onOpen: (task: CrmTaskRow) => void\n  /** The list's window filled, so neither surface is showing everything. */\n  truncated?: boolean\n}\n\n/**\n * A MONTH OF TASKS, BY DUE DATE (AGL-2662).\n *\n * The Tasks list answers \"what is on my plate\"; this answers \"what does\n * next week look like\", which a list ordered by due date can only imply.\n *\n * ## Drawn over the list's own window, and never over a second read\n *\n * The rows are the ones the section already holds. A calendar that fetched\n * its own month would be a second listener over the same collection, would\n * disagree with the list whenever the two windows differed, and would put\n * a read behind every page of the arrows. What it costs instead is honesty:\n * the grid can only place what the window carries, so the tasks due in\n * other months are counted under it rather than implied to be absent.\n *\n * ## Hand-built rather than a calendar dependency\n *\n * Seven columns of MUI boxes and the local-day arithmetic in\n * `task-calendar.ts`. The one calendar package already installed\n * (`@mui/x-date-pickers`) draws a date PICKER — a grid whose squares are\n * choices, not content — so it answers a different question, and a\n * scheduling library for one surface is a dependency the whole console\n * would carry.\n */\nexport function TasksCalendar(props: TasksCalendarProps) {\n  const { tasks, onOpen, truncated } = props\n  /*\n   * The clock is read ONCE, at mount. A component that read `Date.now()`\n   * per render would move the today square under a reader who left the tab\n   * open across midnight, without any state having changed — and the grid\n   * is a pure function of this, so what is drawn can be pinned.\n   */\n  const [nowMs] = useState(() => Date.now())\n  const [anchorMs, setAnchorMs] = useState(() => nowMs)\n\n  const month = useMemo(\n    () => taskCalendarMonth(anchorMs, nowMs),\n    [anchorMs, nowMs],\n  )\n  const buckets = useMemo(\n    () => bucketTasksByCalendarDay(tasks, (task) => task.dueAtMs, month),\n    [tasks, month],\n  )\n  const label = useMemo(\n    () =>\n      month.monthDate.toLocaleDateString(undefined, {\n        month: 'long',\n        year: 'numeric',\n      }),\n    [month],\n  )\n\n  return (\n    <Stack spacing={1.5}>\n      <Stack\n        direction=\"row\"\n        spacing={1}\n        sx={{ alignItems: 'center', flexWrap: 'wrap', rowGap: 1 }}\n      >\n        <IconButton\n          size=\"small\"\n          aria-label=\"Previous month\"\n          onClick={() => setAnchorMs((current) => shiftCalendarMonth(current, -1))}\n        >\n          <MdiIcon path={mdiChevronLeft.path} size={0.9} />\n        </IconButton>\n        <Typography variant=\"subtitle1\" sx={{ minWidth: 160, textAlign: 'center' }}>\n          {label}\n        </Typography>\n        <IconButton\n          size=\"small\"\n          aria-label=\"Next month\"\n          onClick={() => setAnchorMs((current) => shiftCalendarMonth(current, 1))}\n        >\n          <MdiIcon path={mdiChevronRight.path} size={0.9} />\n        </IconButton>\n        <Button size=\"small\" onClick={() => setAnchorMs(nowMs)}>\n          {'Today'}\n        </Button>\n      </Stack>\n\n      <Box sx={{ overflowX: 'auto' }}>\n        <Box sx={{ minWidth: 640 }}>\n          <Box\n            sx={{\n              display: 'grid',\n              gridTemplateColumns: `repeat(${CALENDAR_WEEK_DAYS}, 1fr)`,\n              gap: 0.5,\n              mb: 0.5,\n            }}\n          >\n            {CALENDAR_DAY_LABELS.map((day) => (\n              <Typography\n                key={day}\n                variant=\"caption\"\n                color=\"text.secondary\"\n                sx={{ textAlign: 'center' }}\n              >\n                {day}\n              </Typography>\n            ))}\n          </Box>\n          <Box\n            sx={{\n              display: 'grid',\n              gridTemplateColumns: `repeat(${CALENDAR_WEEK_DAYS}, 1fr)`,\n              gap: 0.5,\n            }}\n          >\n            {month.weeks.flat().map((day) => {\n              const held = buckets.byDay.get(day.startMs) ?? []\n              const shown = held.slice(0, TASKS_PER_DAY)\n              const folded = held.length - shown.length\n              return (\n                <Box\n                  key={day.startMs}\n                  sx={{\n                    minHeight: 96,\n                    p: 0.75,\n                    borderRadius: 1,\n                    border: 1,\n                    borderColor: day.isToday ? 'primary.main' : 'divider',\n                    bgcolor: day.inMonth ? 'background.paper' : 'action.hover',\n                  }}\n                >\n                  <Typography\n                    variant=\"caption\"\n                    sx={{\n                      display: 'block',\n                      mb: 0.5,\n                      fontWeight: day.isToday ? 'fontWeightBold' : undefined,\n                      color: day.inMonth ? 'text.primary' : 'text.disabled',\n                    }}\n                  >\n                    {day.date}\n                  </Typography>\n                  <Stack spacing={0.25}>\n                    {shown.map((task) => (\n                      <ButtonBase\n                        key={task.$id}\n                        onClick={() => onOpen(task)}\n                        sx={{\n                          justifyContent: 'flex-start',\n                          width: '100%',\n                          px: 0.5,\n                          py: 0.25,\n                          borderRadius: 0.5,\n                          bgcolor: 'action.selected',\n                          '&:hover': { bgcolor: 'action.focus' },\n                        }}\n                      >\n                        <Typography\n                          variant=\"caption\"\n                          noWrap\n                          sx={{\n                            width: '100%',\n                            textAlign: 'left',\n                            textDecoration:\n                              task.status === 'done' ? 'line-through' : undefined,\n                            color:\n                              task.status === 'done'\n                                ? 'text.secondary'\n                                : day.endMs <= nowMs\n                                  ? 'error.main'\n                                  : 'text.primary',\n                          }}\n                        >\n                          {task.title}\n                        </Typography>\n                      </ButtonBase>\n                    ))}\n                    {folded > 0 ? (\n                      <Typography variant=\"caption\" color=\"text.secondary\">\n                        {`+${folded} more`}\n                      </Typography>\n                    ) : null}\n                  </Stack>\n                </Box>\n              )\n            })}\n          </Box>\n        </Box>\n      </Box>\n\n      {/*\n        What the grid could not place. Said plainly, because a month with\n        nothing on it reads as \"nothing is due\" and the honest reading here\n        is often \"the window's tasks are somewhere else\".\n      */}\n      {buckets.undated.length || buckets.elsewhere.length || truncated ? (\n        <Typography variant=\"caption\" color=\"text.secondary\">\n          {[\n            buckets.elsewhere.length\n              ? `${buckets.elsewhere.length} due outside this month`\n              : '',\n            buckets.undated.length\n              ? `${buckets.undated.length} with no due date`\n              : '',\n            truncated ? 'and the view is showing only its first page' : '',\n          ]\n            .filter(Boolean)\n            .join(' · ')}\n        </Typography>\n      ) : null}\n    </Stack>\n  )\n}\nTasksCalendar.displayName = 'TasksCalendar'\n\nexport default TasksCalendar\n"],"names":["mdiChevronLeft","mdiChevronRight","MdiIcon","Box","Button","ButtonBase","IconButton","Stack","Typography","useMemo","useState","bucketTasksByCalendarDay","CALENDAR_DAY_LABELS","CALENDAR_WEEK_DAYS","shiftCalendarMonth","taskCalendarMonth","TASKS_PER_DAY","TasksCalendar","props","tasks","onOpen","truncated","nowMs","Date","now","anchorMs","setAnchorMs","month","buckets","task","dueAtMs","label","monthDate","toLocaleDateString","undefined","year","spacing","direction","sx","alignItems","flexWrap","rowGap","size","aria-label","onClick","current","path","variant","minWidth","textAlign","overflowX","display","gridTemplateColumns","gap","mb","map","day","color","weeks","flat","held","byDay","get","startMs","shown","slice","folded","length","minHeight","p","borderRadius","border","borderColor","isToday","bgcolor","inMonth","fontWeight","date","justifyContent","width","px","py","noWrap","textDecoration","status","endMs","title","$id","undated","elsewhere","filter","Boolean","join","displayName"],"mappings":"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"}

package/src/lib/components/tasks-section.d.ts

@@ -0,0 +1,27 @@
+import { type ConsolePluginPageProps } from '@aglyn/aglyn';
+/**
+ * `/crm/tasks` — what the team owes the people in the CRM (AGL-2599).
+ *
+ * Six views over `orgs/{orgId}/crmTasks`, each a bounded listener on one of
+ * the collection's indexes, chosen by a segmented control. A task hangs off
+ * a contact, a company or a deal, but it is listed HERE because "what is due
+ * today" is a question about the team's day and not about any one record;
+ * the record pages carry their own `RecordTasksCard` for the other
+ * direction.
+ *
+ * Completing goes through `crm/task-complete`, because completing fires the
+ * `taskCompleted` host event and only the server can run a workflow.
+ * Reopening is client-direct: undoing a tick has no side effect beyond the
+ * document, and the rules gate it like any other CRM write.
+ *
+ * The rows are selectable, and a selection raises `TasksBulkBar` over the
+ * list — Complete and Assign through their routes, the due date and the
+ * delete as batched writes (AGL-2621). Export CSV beside the view control
+ * writes the view through `tasksCsv()`, naming the assignee and the linked
+ * records; the bar writes the same file over the selection.
+ */
+export declare function TasksSection(props: ConsolePluginPageProps): import("react").JSX.Element;
+export declare namespace TasksSection {
+    var displayName: string;
+}
+export default TasksSection;

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

@@ -0,0 +1,579 @@
+/**
+ * @license
+ * Copyright 2026 Aglyn LLC
+ *
+ * Licensed under the Apache License, Version 2.0 (the "License");
+ * you may not use this file except in compliance with the License.
+ * You may obtain a copy of the License at
+ *
+ *   http://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing, software
+ * distributed under the License is distributed on an "AS IS" BASIS,
+ * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ * See the License for the specific language governing permissions and
+ * limitations under the License.
+ */ 'use client';
+import { _ as _extends } from "@swc/helpers/_/_extends";
+import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
+import { CRM_COLLECTIONS, findOrgMember, pluginDocsHelp } from "@aglyn/aglyn";
+import { CardDisplay } from "@aglyn/shared-ui-jsx";
+import { ListTable } from "@aglyn/shared-ui-jsx/components/list-table.component";
+import { useCrmSavedView } from "../hooks/use-crm-saved-view.js";
+import { useCrmScope } from "../hooks/use-crm-scope.js";
+import { useCrmViewGrid } from "../hooks/use-crm-view-grid.js";
+import { CRM_LIST_SLOTS, CrmColumnOrderProvider } from "./crm-column-menu.js";
+import CrmViewsControl from "./crm-views-control.js";
+import EmptyStateComponent from "@aglyn/shared-ui-jsx/components/empty-state.component";
+import { useSnackbar } from "@aglyn/shared-ui-snackstack";
+import { useFirestore, useUser } from "@aglyn/tenant-feature-instance";
+import { Button, Checkbox, Stack, ToggleButton, ToggleButtonGroup, Typography } from "@mui/material";
+import { deleteField, doc, serverTimestamp, updateDoc } from "firebase/firestore";
+import { useCallback, useEffect, useMemo, useState } from "react";
+import { useCrmRecordNames } from "../hooks/use-crm-record-names.js";
+import { useCrmTaskList, useNowMs } from "../hooks/use-crm-tasks.js";
+import { useOrgMemberDirectory } from "../hooks/use-org-member-directory.js";
+import { downloadTextFile } from "../model/contacts-csv.js";
+import { crmRoutes } from "../model/crm-routes.js";
+import { refreshCrmNextActivity } from "../model/next-activity-api.js";
+import { completeCrmTask } from "../model/task-api.js";
+import { crmTaskCallScope } from "../model/task-routes.js";
+import { tasksCsv } from "../model/tasks-csv.js";
+import { CRM_TASK_VIEW_LIMIT, CRM_TASK_VIEWS } from "../model/task-views.js";
+import { TaskDueText, TaskKindCell, TaskPriorityChip, TaskRecordLink } from "./task-cells.js";
+import TaskEditDrawer from "./task-edit-drawer.js";
+import TasksCalendar from "./tasks-calendar.js";
+import { TaskImportButton } from "./task-import-drawer.js";
+import TaskSnoozeMenu from "./task-snooze-menu.js";
+import TasksBulkBar from "./tasks-bulk-bar.js";
+/** What an empty view is headed, by view — "nothing overdue" is good news. */ const EMPTY_LABEL = {
+    mine: 'Nothing is assigned to you',
+    overdue: 'Nothing is overdue',
+    today: 'Nothing is due today',
+    upcoming: 'Nothing is scheduled beyond today',
+    open: 'No open tasks',
+    done: 'No completed tasks yet'
+};
+/** The one sentence under it, by view. */ const EMPTY_COPY = {
+    mine: 'Tasks you create are yours unless you hand them to someone.',
+    overdue: 'Every dated task is on or ahead of schedule.',
+    today: 'Nothing on your calendar day is owed to anyone in the CRM.',
+    upcoming: 'A task with a due date past today would be listed here.',
+    open: 'A task is a call, an email, a meeting or a to-do owed to a contact, a company or a deal.',
+    done: 'Tasks ticked off on their record, or here, are kept for the history.'
+};
+/**
+ * `/crm/tasks` — what the team owes the people in the CRM (AGL-2599).
+ *
+ * Six views over `orgs/{orgId}/crmTasks`, each a bounded listener on one of
+ * the collection's indexes, chosen by a segmented control. A task hangs off
+ * a contact, a company or a deal, but it is listed HERE because "what is due
+ * today" is a question about the team's day and not about any one record;
+ * the record pages carry their own `RecordTasksCard` for the other
+ * direction.
+ *
+ * Completing goes through `crm/task-complete`, because completing fires the
+ * `taskCompleted` host event and only the server can run a workflow.
+ * Reopening is client-direct: undoing a tick has no side effect beyond the
+ * document, and the rules gate it like any other CRM write.
+ *
+ * The rows are selectable, and a selection raises `TasksBulkBar` over the
+ * list — Complete and Assign through their routes, the due date and the
+ * delete as batched writes (AGL-2621). Export CSV beside the view control
+ * writes the view through `tasksCsv()`, naming the assignee and the linked
+ * records; the bar writes the same file over the selection.
+ */ export function TasksSection(props) {
+    var _ref;
+    const { hostId, org, basePath = '' } = props;
+    const orgRecord = org;
+    const firestore = useFirestore();
+    const { data: user } = useUser();
+    const { enqueueSnackbar } = useSnackbar();
+    const nowMs = useNowMs();
+    const routes = useMemo(()=>crmRoutes(basePath), [
+        basePath
+    ]);
+    // The viewing group a linked contact is named through, or `null` at the
+    // organization level, where each is named through its own holder.
+    const { consentGroup } = useCrmScope({
+        hostId,
+        org: orgRecord
+    });
+    const groupId = (_ref = consentGroup == null ? void 0 : consentGroup.groupId) != null ? _ref : null;
+    /*
+   * Which of the six task views is open is the saved VIEW'S (AGL-2617): a
+   * saved view of tasks holds the task view beside the columns and the
+   * sort, and the toggle below writes into it. Unset reads as "My tasks",
+   * which is what the section opened on before views existed.
+   */ const views = useCrmSavedView({
+        section: 'tasks',
+        hostId,
+        org: orgRecord,
+        basePath
+    });
+    const view = useMemo(()=>{
+        var _views_state_filters_find;
+        const value = (_views_state_filters_find = views.state.filters.find((clause)=>clause.field === 'view')) == null ? void 0 : _views_state_filters_find.value;
+        return CRM_TASK_VIEWS.some((option)=>option.id === value) ? value : 'mine';
+    }, [
+        views.state.filters
+    ]);
+    const setView = useCallback((next)=>views.setFilters([
+            {
+                field: 'view',
+                op: 'equals',
+                value: next
+            }
+        ]), [
+        views.setFilters
+    ]);
+    const list = useCrmTaskList({
+        hostId,
+        org: orgRecord,
+        view,
+        uid: user == null ? void 0 : user.uid,
+        nowMs
+    });
+    const { tasks, status, fromCache, truncated, scope, orgId, readTokens } = list;
+    const directory = useOrgMemberDirectory(orgId);
+    /*
+   * Every record a task names, not only the one its "For" cell shows: the
+   * export writes the contact, the company and the deal each by name, and
+   * a task that names two would otherwise carry an id in one column.
+   */ const linked = useMemo(()=>tasks.flatMap((task)=>[
+                ...task.contactId ? [
+                    {
+                        kind: 'contact',
+                        id: task.contactId
+                    }
+                ] : [],
+                ...task.companyId ? [
+                    {
+                        kind: 'company',
+                        id: task.companyId
+                    }
+                ] : [],
+                ...task.dealId ? [
+                    {
+                        kind: 'deal',
+                        id: task.dealId
+                    }
+                ] : []
+            ]), [
+        tasks
+    ]);
+    const nameOf = useCrmRecordNames({
+        orgId,
+        groupId,
+        org: orgRecord,
+        records: linked
+    });
+    const [selectedIds, setSelectedIds] = useState([]);
+    // A view is a different set of rows; a selection made on the last one
+    // would be a count over rows no longer on screen.
+    useEffect(()=>setSelectedIds([]), [
+        view
+    ]);
+    const csvOptions = useMemo(()=>({
+            assigneeEmail: (uid)=>{
+                const member = findOrgMember(directory.members, uid);
+                return (member == null ? void 0 : member.email) || (member == null ? void 0 : member.label) || uid;
+            },
+            recordName: nameOf
+        }), [
+        directory.members,
+        nameOf
+    ]);
+    const handleExport = useCallback(()=>{
+        downloadTextFile('tasks.csv', 'text/csv', tasksCsv(tasks, csvOptions));
+    }, [
+        tasks,
+        csvOptions
+    ]);
+    /*
+   * List or month (AGL-2662). A layout choice over the SAME rows and the
+   * same view — switching does not narrow anything and costs no read, so
+   * it is a toggle rather than another saved view.
+   */ const [layout, setLayout] = useState('list');
+    const [drawer, setDrawer] = useState({
+        open: false,
+        task: null
+    });
+    const [busyId, setBusyId] = useState(null);
+    /*
+   * Tick or untick. The two directions are two different writes on purpose
+   * — see the module comment — and the row is disabled while either is in
+   * flight so a double-click cannot complete a task and reopen it in the
+   * same breath.
+   */ const toggleDone = useCallback(async (task)=>{
+        if (!scope || busyId) return;
+        setBusyId(task.$id);
+        try {
+            if (task.status === 'done') {
+                await updateDoc(doc(firestore, scope[0], scope[1], CRM_COLLECTIONS.tasks, task.$id), {
+                    status: 'open',
+                    completedAtMs: null,
+                    completedByUid: deleteField(),
+                    updatedAt: serverTimestamp()
+                });
+                enqueueSnackbar('Task reopened', {
+                    variant: 'success'
+                });
+                // A client-direct write: the records it names are told (AGL-2661).
+                await refreshCrmNextActivity(user, crmTaskCallScope(hostId, orgId), [
+                    task
+                ]);
+            } else {
+                // The route runs as the mounted site, which hears the event, or
+                // at the organization level as the org — the org variant, which
+                // emits on the task's own site, or nowhere for an org task.
+                const callScope = crmTaskCallScope(hostId, orgId);
+                if (!callScope) return;
+                await completeCrmTask(user, _extends({}, callScope, {
+                    taskId: task.$id
+                }));
+                enqueueSnackbar('Task completed', {
+                    variant: 'success'
+                });
+            }
+        } catch (cause) {
+            enqueueSnackbar(cause instanceof Error ? cause.message : 'The task could not be updated.', {
+                variant: 'warning'
+            });
+        } finally{
+            setBusyId(null);
+        }
+    }, [
+        scope,
+        busyId,
+        firestore,
+        user,
+        hostId,
+        orgId,
+        enqueueSnackbar
+    ]);
+    const columns = useMemo(()=>[
+            {
+                field: 'status',
+                headerName: '',
+                width: 56,
+                sortable: false,
+                filterable: false,
+                renderCell: ({ row })=>/*#__PURE__*/ _jsx(Checkbox, {
+                        size: "small",
+                        checked: row.status === 'done',
+                        disabled: busyId === row.$id,
+                        onClick: (event)=>{
+                            event.stopPropagation();
+                            void toggleDone(row);
+                        },
+                        slotProps: {
+                            input: {
+                                'aria-label': row.status === 'done' ? `Reopen "${row.title}"` : `Complete "${row.title}"`
+                            }
+                        }
+                    })
+            },
+            {
+                field: 'title',
+                headerName: 'Task',
+                flex: 2,
+                minWidth: 220,
+                sortable: false,
+                renderCell: ({ row })=>/*#__PURE__*/ _jsxs(Stack, {
+                        sx: {
+                            justifyContent: 'center',
+                            height: '100%',
+                            minWidth: 0
+                        },
+                        children: [
+                            /*#__PURE__*/ _jsx(Typography, {
+                                variant: "body2",
+                                noWrap: true,
+                                sx: {
+                                    textDecoration: row.status === 'done' ? 'line-through' : undefined,
+                                    color: row.status === 'done' ? 'text.secondary' : undefined
+                                },
+                                children: row.title
+                            }),
+                            row.notes ? /*#__PURE__*/ _jsx(Typography, {
+                                variant: "caption",
+                                color: "text.secondary",
+                                noWrap: true,
+                                children: row.notes
+                            }) : null
+                        ]
+                    })
+            },
+            {
+                field: 'kind',
+                headerName: 'Kind',
+                width: 120,
+                sortable: false,
+                renderCell: ({ row })=>/*#__PURE__*/ _jsx(TaskKindCell, {
+                        kind: row.kind
+                    })
+            },
+            {
+                field: 'priority',
+                headerName: 'Priority',
+                width: 110,
+                sortable: false,
+                renderCell: ({ row })=>/*#__PURE__*/ _jsx(TaskPriorityChip, {
+                        priority: row.priority
+                    })
+            },
+            {
+                field: 'dueAtMs',
+                headerName: 'Due',
+                width: 260,
+                sortable: false,
+                renderCell: ({ row })=>/*#__PURE__*/ _jsxs(Stack, {
+                        direction: "row",
+                        spacing: 0.5,
+                        sx: {
+                            alignItems: 'center',
+                            height: '100%'
+                        },
+                        children: [
+                            /*#__PURE__*/ _jsx(TaskDueText, {
+                                task: row,
+                                nowMs: nowMs
+                            }),
+                            row.status === 'done' || !scope ? null : /*#__PURE__*/ _jsx(TaskSnoozeMenu, {
+                                dueAtMs: row.dueAtMs,
+                                remindAtMs: row.remindAtMs,
+                                target: {
+                                    write: {
+                                        scope,
+                                        taskId: row.$id,
+                                        call: crmTaskCallScope(hostId, orgId),
+                                        links: row
+                                    }
+                                },
+                                disabled: busyId === row.$id
+                            })
+                        ]
+                    })
+            },
+            {
+                field: 'assigneeUid',
+                headerName: 'Assignee',
+                flex: 1,
+                minWidth: 140,
+                sortable: false,
+                valueGetter: (_value, row)=>directory.nameOf(row.assigneeUid),
+                renderCell: ({ row })=>/*#__PURE__*/ _jsx(Typography, {
+                        variant: "body2",
+                        color: row.assigneeUid ? undefined : 'text.secondary',
+                        children: row.assigneeUid ? directory.nameOf(row.assigneeUid) : 'Unassigned'
+                    })
+            },
+            {
+                field: 'record',
+                headerName: 'For',
+                flex: 1,
+                minWidth: 160,
+                sortable: false,
+                renderCell: ({ row })=>/*#__PURE__*/ _jsx(TaskRecordLink, {
+                        task: row,
+                        routes: routes,
+                        nameOf: nameOf
+                    })
+            }
+        ], [
+        busyId,
+        toggleDone,
+        nowMs,
+        directory,
+        routes,
+        nameOf,
+        scope
+    ]);
+    /* The column and sort models are the view's (AGL-2617). */ const grid = useCrmViewGrid(views, columns);
+    return /*#__PURE__*/ _jsxs(_Fragment, {
+        children: [
+            /*#__PURE__*/ _jsx(CardDisplay, {
+                header: 'Tasks',
+                help: pluginDocsHelp('crmTasks', {
+                    anchor: '#the-tasks-page',
+                    excerpt: 'Calls, emails, meetings and to-dos, each linked to the contact, ' + 'company or deal it is for. Overdue and today are read off the ' + 'due date as you look.'
+                }),
+                contentGutterX: true,
+                contentGutterY: true,
+                HeaderProps: {
+                    action: /*#__PURE__*/ _jsx(Button, {
+                        size: "small",
+                        variant: "contained",
+                        color: "primary",
+                        onClick: ()=>setDrawer({
+                                open: true,
+                                task: null
+                            }),
+                        children: 'New task'
+                    })
+                },
+                children: /*#__PURE__*/ _jsxs(Stack, {
+                    spacing: 2,
+                    children: [
+                        /*#__PURE__*/ _jsxs(Stack, {
+                            direction: "row",
+                            spacing: 2,
+                            sx: {
+                                alignItems: 'center',
+                                flexWrap: 'wrap',
+                                rowGap: 1
+                            },
+                            children: [
+                                /*#__PURE__*/ _jsx(CrmViewsControl, {
+                                    controller: views,
+                                    allLabel: "All tasks"
+                                }),
+                                /*#__PURE__*/ _jsx(ToggleButtonGroup, {
+                                    exclusive: true,
+                                    size: "small",
+                                    color: "primary",
+                                    value: view,
+                                    onChange: (_event, next)=>{
+                                        if (next) setView(next);
+                                    },
+                                    "aria-label": "Task view",
+                                    children: CRM_TASK_VIEWS.map((option)=>/*#__PURE__*/ _jsx(ToggleButton, {
+                                            value: option.id,
+                                            children: option.label
+                                        }, option.id))
+                                }),
+                                /*#__PURE__*/ _jsxs(ToggleButtonGroup, {
+                                    exclusive: true,
+                                    size: "small",
+                                    color: "primary",
+                                    value: layout,
+                                    onChange: (_event, next)=>{
+                                        if (next) setLayout(next);
+                                    },
+                                    "aria-label": "Task layout",
+                                    children: [
+                                        /*#__PURE__*/ _jsx(ToggleButton, {
+                                            value: "list",
+                                            children: 'List'
+                                        }),
+                                        /*#__PURE__*/ _jsx(ToggleButton, {
+                                            value: "calendar",
+                                            children: 'Calendar'
+                                        })
+                                    ]
+                                }),
+                                /*#__PURE__*/ _jsx(Stack, {
+                                    sx: {
+                                        flex: 1
+                                    }
+                                }),
+                                /*#__PURE__*/ _jsx(TaskImportButton, {
+                                    hostId: hostId
+                                }),
+                                /*#__PURE__*/ _jsx(Button, {
+                                    size: "small",
+                                    onClick: handleExport,
+                                    disabled: !tasks.length,
+                                    children: 'Export CSV'
+                                })
+                            ]
+                        }),
+                        status === 'error' ? /*#__PURE__*/ _jsx(Typography, {
+                            variant: "body2",
+                            color: "error",
+                            children: 'The tasks could not be loaded. Reload to try again.'
+                        }) : status === 'success' && !tasks.length ? /*#__PURE__*/ _jsx(EmptyStateComponent, {
+                            label: EMPTY_LABEL[view],
+                            description: EMPTY_COPY[view],
+                            action: /*#__PURE__*/ _jsx(Button, {
+                                size: "small",
+                                variant: "contained",
+                                color: "primary",
+                                onClick: ()=>setDrawer({
+                                        open: true,
+                                        task: null
+                                    }),
+                                children: 'New task'
+                            })
+                        }) : /*#__PURE__*/ _jsxs(_Fragment, {
+                            children: [
+                                truncated ? /*#__PURE__*/ _jsx(Typography, {
+                                    variant: "caption",
+                                    color: "text.secondary",
+                                    children: `Showing the first ${CRM_TASK_VIEW_LIMIT} — narrow the view to see the rest.`
+                                }) : null,
+                                layout === 'calendar' ? /*#__PURE__*/ _jsx(TasksCalendar, {
+                                    tasks: tasks,
+                                    truncated: truncated,
+                                    onOpen: (task)=>setDrawer({
+                                            open: true,
+                                            task
+                                        })
+                                }) : /*#__PURE__*/ _jsxs(_Fragment, {
+                                    children: [
+                                        /*#__PURE__*/ _jsx(TasksBulkBar, {
+                                            hostId: hostId,
+                                            scope: scope,
+                                            rows: tasks,
+                                            selected: selectedIds,
+                                            onSelectedChange: setSelectedIds,
+                                            directory: directory,
+                                            csv: csvOptions
+                                        }),
+                                        /*#__PURE__*/ _jsx(CrmColumnOrderProvider, {
+                                            value: grid.columnOrder,
+                                            children: /*#__PURE__*/ _jsx(ListTable, {
+                                                rows: tasks,
+                                                columns: grid.columns,
+                                                slots: CRM_LIST_SLOTS,
+                                                selectable: {
+                                                    selected: selectedIds,
+                                                    onChange: setSelectedIds
+                                                },
+                                                loading: status === 'loading',
+                                                onOpen: (id)=>{
+                                                    const found = tasks.find((row)=>row.$id === id);
+                                                    if (found) setDrawer({
+                                                        open: true,
+                                                        task: found
+                                                    });
+                                                },
+                                                disableColumnFilter: true,
+                                                // Columns and sort are the view's, controlled (AGL-2617).
+                                                columnVisibilityModel: grid.columnVisibilityModel,
+                                                onColumnVisibilityModelChange: grid.onColumnVisibilityModelChange,
+                                                sortModel: grid.sortModel,
+                                                onSortModelChange: grid.onSortModelChange
+                                            })
+                                        })
+                                    ]
+                                })
+                            ]
+                        })
+                    ]
+                })
+            }),
+            /*#__PURE__*/ _jsx(TaskEditDrawer, {
+                open: drawer.open,
+                onClose: ()=>setDrawer((prev)=>_extends({}, prev, {
+                            open: false
+                        })),
+                hostId: hostId,
+                org: orgRecord,
+                orgId: orgId,
+                scope: scope,
+                readTokens: readTokens,
+                task: drawer.task,
+                seed: {
+                    fromCache,
+                    unreadable: status === 'error'
+                }
+            })
+        ]
+    });
+}
+TasksSection.displayName = 'TasksSection';
+export default TasksSection;
+
+//# sourceMappingURL=tasks-section.js.map