npm - @aglyn/plugins-crm - Versions diffs - 1.0.0-beta.200 → 1.0.0-beta.201 - Mend

@aglyn/plugins-crm 1.0.0-beta.200 → 1.0.0-beta.201

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (78) hide show

package/package.json CHANGED Viewed

@@ -1,6 +1,6 @@
 {
   "name": "@aglyn/plugins-crm",
-  "version": "1.0.0-beta.200",
+  "version": "1.0.0-beta.201",
   "license": "Apache-2.0",
   "homepage": "https://aglyn.com",
   "repository": {
@@ -25,18 +25,18 @@
     "./package.json": "./package.json"
   },
   "dependencies": {
-    "@aglyn/aglyn": "1.0.0-beta.200",
-    "@aglyn/shared-data-enums": "1.0.0-beta.200",
-    "@aglyn/shared-data-mdi": "1.0.0-beta.200",
-    "@aglyn/shared-ui-email-campaigns": "1.0.0-beta.200",
-    "@aglyn/shared-ui-jsx": "1.0.0-beta.200",
-    "@aglyn/shared-ui-next": "1.0.0-beta.200",
-    "@aglyn/shared-ui-snackstack": "1.0.0-beta.200",
-    "@aglyn/shared-util-email": "1.0.0-beta.200",
-    "@aglyn/shared-util-http": "1.0.0-beta.200",
-    "@aglyn/tenant-data-admin": "1.0.0-beta.200",
-    "@aglyn/tenant-feature-instance": "1.0.0-beta.200",
-    "@aglyn/tenant-runtime": "1.0.0-beta.200",
+    "@aglyn/aglyn": "1.0.0-beta.201",
+    "@aglyn/shared-data-enums": "1.0.0-beta.201",
+    "@aglyn/shared-data-mdi": "1.0.0-beta.201",
+    "@aglyn/shared-ui-email-campaigns": "1.0.0-beta.201",
+    "@aglyn/shared-ui-jsx": "1.0.0-beta.201",
+    "@aglyn/shared-ui-next": "1.0.0-beta.201",
+    "@aglyn/shared-ui-snackstack": "1.0.0-beta.201",
+    "@aglyn/shared-util-email": "1.0.0-beta.201",
+    "@aglyn/shared-util-http": "1.0.0-beta.201",
+    "@aglyn/tenant-data-admin": "1.0.0-beta.201",
+    "@aglyn/tenant-feature-instance": "1.0.0-beta.201",
+    "@aglyn/tenant-runtime": "1.0.0-beta.201",
     "@dnd-kit/core": "^6.3.1",
     "@dnd-kit/utilities": "^3.2.2",
     "@swc/helpers": "0.5.23",

package/src/lib/components/activity-list.d.ts CHANGED Viewed

@@ -1,6 +1,7 @@
 import type { CrmActivityRow } from '@aglyn/aglyn';
 import { type ReactNode } from 'react';
 import { type ActivityScope } from './activity-queries';
+import { type TimelineExpansion } from './activity-timeline';
 /** The icon for a kind — a stored kind outside the union draws as `other`. */
 export declare function ActivityKindIcon(props: {
     kind: string;
@@ -20,6 +21,17 @@ export declare namespace ActivityKindIcon {
  * team member rather than as a uid.
  */
 export declare function useActivityAuthorName(): (activity: Pick<CrmActivityRow, 'byUid' | 'byName'>) => string;
+/**
+ * What a collapsed activity reads as, and whether opening it shows more.
+ *
+ * A subject is the heading and the body is what the row opens to. With no
+ * subject the body's first line is the heading, and a body that runs past
+ * that line, or past what one line holds, opens to the whole text.
+ */
+export declare function activityHeading(activity: Pick<CrmActivityRow, 'subject' | 'body'>): {
+    heading: string;
+    opens: boolean;
+};
 export interface ActivityRowProps {
     activity: CrmActivityRow;
     /** Where the delete is written, from `useActivityScope`. */
@@ -40,12 +52,23 @@ export interface ActivityRowProps {
      * itself would read the member document once per row.
      */
     editable?: boolean;
+    /**
+     * Whether the row is open to its body. The list holds it so the card's
+     * "Expand all" reaches every row; a row drawn alone holds its own.
+     */
+    expanded?: boolean;
+    onToggle?: () => void;
 }
 /**
  * One logged activity: the kind's icon and label, what was said, how it
  * went, who logged it and how long ago — with edit and delete for whoever
  * may (AGL-2600).
  *
+ * Collapsed, the row is its chips, its heading and its caption: the kind,
+ * the direction and delivery state, how a call went, the subject or the
+ * note's first line, and who, to or from whom, and when. Opened, it shows
+ * the body — an email's whole text, a note's every line.
+ *
  * Edit and delete appear only when `editable` says this reader may — the
  * author or an org-wide member. That is the console's verdict and not the
  * rules' — see `useCanEditActivity` for why the rules admit more — so the
@@ -65,9 +88,11 @@ export interface ActivityListProps {
     emptyText?: string;
     /** The way out of an empty list — the record's "Log activity" button. */
     emptyAction?: ReactNode;
-    /** A further page exists; `onShowMore` widens the window. */
+    /** The listener holds less than exists; `onShowMore` widens it. */
     hasMore?: boolean;
     onShowMore?: () => void;
+    /** The listener is reading, so an empty window is not yet an empty log. */
+    loading?: boolean;
     /** The record each row is about, for a list that spans records. */
     subjectFor?: (activity: CrmActivityRow) => ReactNode;
     /**
@@ -77,15 +102,21 @@ export interface ActivityListProps {
      * corrected, beside everything else about it.
      */
     readOnly?: boolean;
+    /**
+     * Which rows are open, held by the card so its header's "Expand all"
+     * reaches them. A list with no header control holds its own.
+     */
+    expansion?: TimelineExpansion;
 }
 /**
- * A newest-first list of logged activities with a "show more" foot
- * (AGL-2600).
+ * A newest-first list of logged activities, collapsed to one entry each and
+ * paged by the console's shared footer (AGL-2600).
  *
  * The rows arrive ordered — the query is `orderBy('atMs', 'desc')` — and the
  * list does not sort them again; a second sort here is a second place for
- * the order to be defined. The foot appears only while the probe row says
- * more exists, so it never leads nowhere.
+ * the order to be defined. The footer pages the window the listener holds,
+ * and a page turned past it widens the listener while the probe row says
+ * more exists (`useTimelinePages`).
  *
  * Who may edit is decided here, once, and handed to every row: the verdict
  * reads the member document, and the list is the one place that can ask

package/src/lib/components/activity-list.js CHANGED Viewed

@@ -14,17 +14,20 @@
  * See the License for the specific language governing permissions and
  * limitations under the License.
  */ 'use client';
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { _ as _extends } from "@swc/helpers/_/_extends";
+import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
 import * as Aglyn from "@aglyn/aglyn";
 import { mdiAccountGroupOutline, mdiDeleteOutline, mdiDotsHorizontalCircleOutline, mdiEmailOutline, mdiEmailReceiveOutline, mdiNoteTextOutline, mdiPencilOutline, mdiPhoneOutline } from "@aglyn/shared-data-mdi";
 import { MdiIcon, useConfirmationContext } from "@aglyn/shared-ui-jsx";
 import EmptyStateComponent from "@aglyn/shared-ui-jsx/components/empty-state.component";
+import { ListPagination } from "@aglyn/shared-ui-jsx/components/list-pagination.component";
 import { useSnackbar } from "@aglyn/shared-ui-snackstack";
 import { useUser, useUserName } from "@aglyn/tenant-feature-instance";
-import { Button, Chip, IconButton, Stack, Tooltip, Typography } from "@mui/material";
+import { Chip, IconButton, Stack, Tooltip, Typography } from "@mui/material";
 import { deleteDoc, doc } from "firebase/firestore";
-import { useCallback } from "react";
+import { useCallback, useState } from "react";
 import { useCanEditActivity } from "./activity-queries.js";
+import { TimelineEntry, useTimelineExpansion, useTimelinePages } from "./activity-timeline.js";
 /**
  * One glyph per kind. Typed against the union so a kind added to the list
  * cannot render with no icon — `MdiIcon` would fall back to its default
@@ -68,6 +71,31 @@ ActivityKindIcon.displayName = 'ActivityKindIcon';
         ownName
     ]);
 }
+/**
+ * How long a note's own words may run on a collapsed row before it opens to
+ * the rest; a single line under this reads whole, with nothing to open.
+ */ const ACTIVITY_HEADING_MAX = 80;
+/**
+ * What a collapsed activity reads as, and whether opening it shows more.
+ *
+ * A subject is the heading and the body is what the row opens to. With no
+ * subject the body's first line is the heading, and a body that runs past
+ * that line, or past what one line holds, opens to the whole text.
+ */ export function activityHeading(activity) {
+    var _ref;
+    var _body_split_find;
+    const body = typeof activity.body === 'string' ? activity.body.trim() : '';
+    const subject = typeof activity.subject === 'string' ? activity.subject.trim() : '';
+    if (subject) return {
+        heading: subject,
+        opens: body !== ''
+    };
+    const firstLine = (_ref = (_body_split_find = body.split('\n').find((line)=>line.trim() !== '')) == null ? void 0 : _body_split_find.trim()) != null ? _ref : '';
+    return {
+        heading: firstLine,
+        opens: body !== firstLine || firstLine.length > ACTIVITY_HEADING_MAX
+    };
+}
 /** "45 min" or "2 h 05 min" — a duration a manager reads at a glance. */ function durationLabel(minutes) {
     if (minutes < 60) return `${minutes} min`;
     const hours = Math.floor(minutes / 60);
@@ -79,13 +107,22 @@ ActivityKindIcon.displayName = 'ActivityKindIcon';
  * went, who logged it and how long ago — with edit and delete for whoever
  * may (AGL-2600).
  *
+ * Collapsed, the row is its chips, its heading and its caption: the kind,
+ * the direction and delivery state, how a call went, the subject or the
+ * note's first line, and who, to or from whom, and when. Opened, it shows
+ * the body — an email's whole text, a note's every line.
+ *
  * Edit and delete appear only when `editable` says this reader may — the
  * author or an org-wide member. That is the console's verdict and not the
  * rules' — see `useCanEditActivity` for why the rules admit more — so the
  * controls are hidden rather than disabled: a disabled button asks "why
  * not?", and the honest answer would be "you could, through the API".
  */ export function ActivityRow(props) {
+    var _props_expanded, _props_onToggle;
     const { activity, scope, onEdit, subject, nowMs, editable } = props;
+    const [ownExpanded, setOwnExpanded] = useState(false);
+    const expanded = (_props_expanded = props.expanded) != null ? _props_expanded : ownExpanded;
+    const onToggle = (_props_onToggle = props.onToggle) != null ? _props_onToggle : ()=>setOwnExpanded((open)=>!open);
     const { firestore, dataScope } = scope;
     const authorName = useActivityAuthorName();
     const { confirm } = useConfirmationContext();
@@ -145,149 +182,138 @@ ActivityKindIcon.displayName = 'ActivityKindIcon';
         activity.outcome ? activity.outcome : null,
         typeof activity.durationMinutes === 'number' && activity.durationMinutes > 0 ? durationLabel(activity.durationMinutes) : null
     ].filter(Boolean);
-    return /*#__PURE__*/ _jsxs(Stack, {
-        direction: "row",
-        spacing: 1.5,
-        sx: {
-            alignItems: 'flex-start'
-        },
-        children: [
-            /*#__PURE__*/ _jsx(Stack, {
-                sx: {
-                    color: 'text.secondary',
-                    pt: 0.25,
-                    fontSize: (theme)=>theme.typography.h6.fontSize
-                },
-                children: received ? /*#__PURE__*/ _jsx(MdiIcon, {
-                    path: mdiEmailReceiveOutline.path
-                }) : /*#__PURE__*/ _jsx(ActivityKindIcon, {
-                    kind: activity.kind
-                })
-            }),
-            /*#__PURE__*/ _jsxs(Stack, {
-                spacing: 0.5,
+    const { heading, opens } = activityHeading(activity);
+    const hasSubject = typeof activity.subject === 'string' && activity.subject.trim() !== '';
+    return /*#__PURE__*/ _jsx(TimelineEntry, {
+        icon: received ? /*#__PURE__*/ _jsx(MdiIcon, {
+            path: mdiEmailReceiveOutline.path
+        }) : /*#__PURE__*/ _jsx(ActivityKindIcon, {
+            kind: activity.kind
+        }),
+        label: heading || label.toLowerCase(),
+        expanded: expanded,
+        onToggle: onToggle,
+        chips: /*#__PURE__*/ _jsxs(_Fragment, {
+            children: [
+                /*#__PURE__*/ _jsx(Chip, {
+                    label: label,
+                    size: "small"
+                }),
+                received ? /*#__PURE__*/ _jsx(Chip, {
+                    label: "Received",
+                    size: "small",
+                    variant: "outlined",
+                    color: "info",
+                    "data-testid": "activity-direction"
+                }) : captured ? /*#__PURE__*/ _jsx(Chip, {
+                    label: "Sent",
+                    size: "small",
+                    variant: "outlined",
+                    "data-testid": "activity-direction"
+                }) : null,
+                deliveryState ? /*#__PURE__*/ _jsx(Tooltip, {
+                    title: typeof activity.deliveryAtMs === 'number' ? new Date(activity.deliveryAtMs).toLocaleString() : '',
+                    children: /*#__PURE__*/ _jsx(Chip, {
+                        label: Aglyn.CRM_EMAIL_DELIVERY_STATE_LABELS[deliveryState],
+                        size: "small",
+                        variant: "outlined",
+                        color: Aglyn.isCrmEmailDeliveryFailure(deliveryState) ? 'error' : 'default',
+                        "data-testid": "activity-delivery-state"
+                    })
+                }) : null,
+                captured ? null : subject,
+                detail.length ? /*#__PURE__*/ _jsx(Typography, {
+                    variant: "caption",
+                    color: "text.secondary",
+                    children: detail.join(' · ')
+                }) : null
+            ]
+        }),
+        // With no subject the heading IS the body's first line, so an open
+        // row shows the body alone rather than its first line twice.
+        title: hasSubject || !opens || !expanded ? heading : null,
+        titleVariant: hasSubject ? 'subtitle2' : 'body2',
+        meta: /*#__PURE__*/ _jsx(Tooltip, {
+            title: when.toLocaleString(),
+            children: /*#__PURE__*/ _jsx(Typography, {
+                variant: "caption",
+                color: "text.secondary",
                 sx: {
-                    flex: 1,
-                    minWidth: 0
+                    alignSelf: 'flex-start'
                 },
                 children: [
-                    /*#__PURE__*/ _jsxs(Stack, {
-                        direction: "row",
-                        spacing: 1,
-                        sx: {
-                            alignItems: 'center',
-                            flexWrap: 'wrap',
-                            rowGap: 0.5
-                        },
-                        children: [
-                            /*#__PURE__*/ _jsx(Chip, {
-                                label: label,
-                                size: "small"
-                            }),
-                            received ? /*#__PURE__*/ _jsx(Chip, {
-                                label: "Received",
-                                size: "small",
-                                variant: "outlined",
-                                color: "info",
-                                "data-testid": "activity-direction"
-                            }) : captured ? /*#__PURE__*/ _jsx(Chip, {
-                                label: "Sent",
-                                size: "small",
-                                variant: "outlined",
-                                "data-testid": "activity-direction"
-                            }) : null,
-                            deliveryState ? /*#__PURE__*/ _jsx(Tooltip, {
-                                title: typeof activity.deliveryAtMs === 'number' ? new Date(activity.deliveryAtMs).toLocaleString() : '',
-                                children: /*#__PURE__*/ _jsx(Chip, {
-                                    label: Aglyn.CRM_EMAIL_DELIVERY_STATE_LABELS[deliveryState],
-                                    size: "small",
-                                    variant: "outlined",
-                                    color: Aglyn.isCrmEmailDeliveryFailure(deliveryState) ? 'error' : 'default',
-                                    "data-testid": "activity-delivery-state"
-                                })
-                            }) : null,
-                            captured ? null : subject,
-                            detail.length ? /*#__PURE__*/ _jsx(Typography, {
-                                variant: "caption",
-                                color: "text.secondary",
-                                children: detail.join(' · ')
-                            }) : null
-                        ]
-                    }),
-                    activity.subject ? /*#__PURE__*/ _jsx(Typography, {
-                        variant: "subtitle2",
-                        children: activity.subject
-                    }) : null,
-                    /*#__PURE__*/ _jsx(Typography, {
-                        variant: "body2",
-                        sx: {
-                            whiteSpace: 'pre-wrap'
-                        },
-                        children: activity.body
-                    }),
-                    /*#__PURE__*/ _jsx(Tooltip, {
-                        title: when.toLocaleString(),
-                        children: /*#__PURE__*/ _jsx(Typography, {
-                            variant: "caption",
-                            color: "text.secondary",
-                            sx: {
-                                alignSelf: 'flex-start'
-                            },
-                            children: [
-                                received ? null : authorName(activity),
-                                received && activity.from ? `from ${activity.from}` : null,
-                                sent && activity.to ? `to ${activity.to}` : null,
-                                Aglyn.activityTimeLabel(activity.atMs, nowMs != null ? nowMs : Date.now())
-                            ].filter(Boolean).join(' · ')
-                        })
+                    received ? null : authorName(activity),
+                    received && activity.from ? `from ${activity.from}` : null,
+                    sent && activity.to ? `to ${activity.to}` : null,
+                    Aglyn.activityTimeLabel(activity.atMs, nowMs != null ? nowMs : Date.now())
+                ].filter(Boolean).join(' · ')
+            })
+        }),
+        body: opens ? /*#__PURE__*/ _jsx(Typography, {
+            variant: "body2",
+            sx: {
+                whiteSpace: 'pre-wrap',
+                overflowWrap: 'anywhere'
+            },
+            children: activity.body
+        }) : undefined,
+        actions: editable ? /*#__PURE__*/ _jsxs(_Fragment, {
+            children: [
+                onEdit && !sent && !received ? /*#__PURE__*/ _jsx(IconButton, {
+                    size: "small",
+                    "aria-label": "Edit activity",
+                    onClick: ()=>onEdit(activity),
+                    children: /*#__PURE__*/ _jsx(MdiIcon, {
+                        path: mdiPencilOutline.path,
+                        size: 0.8
                     })
-                ]
-            }),
-            editable ? /*#__PURE__*/ _jsxs(Stack, {
-                direction: "row",
-                spacing: 0.5,
-                children: [
-                    onEdit && !sent && !received ? /*#__PURE__*/ _jsx(IconButton, {
-                        size: "small",
-                        "aria-label": "Edit activity",
-                        onClick: ()=>onEdit(activity),
-                        children: /*#__PURE__*/ _jsx(MdiIcon, {
-                            path: mdiPencilOutline.path,
-                            size: 0.8
-                        })
-                    }) : null,
-                    /*#__PURE__*/ _jsx(IconButton, {
-                        size: "small",
-                        "aria-label": "Delete activity",
-                        onClick: handleDelete,
-                        children: /*#__PURE__*/ _jsx(MdiIcon, {
-                            path: mdiDeleteOutline.path,
-                            size: 0.8
-                        })
+                }) : null,
+                /*#__PURE__*/ _jsx(IconButton, {
+                    size: "small",
+                    "aria-label": "Delete activity",
+                    onClick: handleDelete,
+                    children: /*#__PURE__*/ _jsx(MdiIcon, {
+                        path: mdiDeleteOutline.path,
+                        size: 0.8
                     })
-                ]
-            }) : null
-        ]
+                })
+            ]
+        }) : null
     });
 }
 ActivityRow.displayName = 'ActivityRow';
 /**
- * A newest-first list of logged activities with a "show more" foot
- * (AGL-2600).
+ * A newest-first list of logged activities, collapsed to one entry each and
+ * paged by the console's shared footer (AGL-2600).
  *
  * The rows arrive ordered — the query is `orderBy('atMs', 'desc')` — and the
  * list does not sort them again; a second sort here is a second place for
- * the order to be defined. The foot appears only while the probe row says
- * more exists, so it never leads nowhere.
+ * the order to be defined. The footer pages the window the listener holds,
+ * and a page turned past it widens the listener while the probe row says
+ * more exists (`useTimelinePages`).
  *
  * Who may edit is decided here, once, and handed to every row: the verdict
  * reads the member document, and the list is the one place that can ask
  * for it a single time however many rows it draws.
  */ export function ActivityList(props) {
-    const { rows, scope, onEdit, emptyText = 'Nothing logged yet.', emptyAction, hasMore, onShowMore, subjectFor, readOnly } = props;
+    var _props_expansion;
+    const { rows, scope, onEdit, emptyText = 'Nothing logged yet.', emptyAction, hasMore, onShowMore, loading, subjectFor, readOnly } = props;
     const canEdit = useCanEditActivity(scope.orgId, !readOnly);
+    const ownExpansion = useTimelineExpansion();
+    const expansion = (_props_expansion = props.expansion) != null ? _props_expansion : ownExpansion;
+    const pages = useTimelinePages(rows.length, {
+        hasMore,
+        showMore: onShowMore,
+        loading
+    });
+    // One clock for every row of one paint.
+    const nowMs = Date.now();
     if (!rows.length) {
-        return /*#__PURE__*/ _jsx(EmptyStateComponent, {
+        return loading ? /*#__PURE__*/ _jsx(Typography, {
+            variant: "body2",
+            color: "text.secondary",
+            children: 'Loading…'
+        }) : /*#__PURE__*/ _jsx(EmptyStateComponent, {
             compact: true,
             label: 'Nothing logged yet',
             description: emptyText,
@@ -297,21 +323,17 @@ ActivityRow.displayName = 'ActivityRow';
     return /*#__PURE__*/ _jsxs(Stack, {
         spacing: 2,
         children: [
-            rows.map((activity)=>/*#__PURE__*/ _jsx(ActivityRow, {
+            pages.slice(rows).map((activity)=>/*#__PURE__*/ _jsx(ActivityRow, {
                     activity: activity,
                     scope: scope,
                     onEdit: onEdit,
                     subject: subjectFor == null ? void 0 : subjectFor(activity),
-                    editable: canEdit(activity)
+                    nowMs: nowMs,
+                    editable: canEdit(activity),
+                    expanded: expansion.isExpanded(activity.$id),
+                    onToggle: ()=>expansion.toggle(activity.$id)
                 }, activity.$id)),
-            hasMore && onShowMore ? /*#__PURE__*/ _jsx(Button, {
-                size: "small",
-                onClick: onShowMore,
-                sx: {
-                    alignSelf: 'flex-start'
-                },
-                children: 'Show more'
-            }) : null
+            /*#__PURE__*/ _jsx(ListPagination, _extends({}, pages.footer))
         ]
     });
 }

package/src/lib/components/activity-list.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"sources":["../../../../../../../libs/plugins/crm/src/lib/components/activity-list.tsx"],"sourcesContent":["/*\n @license\n * Copyright 2026 Aglyn LLC\n \n Licensed under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License.\n * You may obtain a copy of the License at\n \n http://www.apache.org/licenses/LICENSE-2.0\n \n Unless required by applicable law or agreed to in writing, software\n * distributed under the License is distributed on an \"AS IS\" BASIS,\n * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n * See the License for the specific language governing permissions and\n * limitations under the License.\n /\n'use client'\n\nimport as Aglyn from '@aglyn/aglyn'\nimport type { CrmActivityKind, CrmActivityRow } from '@aglyn/aglyn'\nimport {\n mdiAccountGroupOutline,\n mdiDeleteOutline,\n mdiDotsHorizontalCircleOutline,\n mdiEmailOutline,\n mdiEmailReceiveOutline,\n mdiNoteTextOutline,\n mdiPencilOutline,\n mdiPhoneOutline,\n} from '@aglyn/shared-data-mdi'\nimport { MdiIcon, useConfirmationContext } from '@aglyn/shared-ui-jsx'\nimport EmptyStateComponent from '@aglyn/shared-ui-jsx/components/empty-state.component'\nimport { useSnackbar } from '@aglyn/shared-ui-snackstack'\nimport { useUser, useUserName } from '@aglyn/tenant-feature-instance'\nimport {\n Button,\n Chip,\n IconButton,\n Stack,\n Tooltip,\n Typography,\n} from '@mui/material'\nimport { deleteDoc, doc } from 'firebase/firestore'\nimport { type ReactNode, useCallback } from 'react'\nimport { type ActivityScope, useCanEditActivity } from './activity-queries'\n\n/*\n One glyph per kind. Typed against the union so a kind added to the list\n * cannot render with no icon — `MdiIcon` would fall back to its default\n * glyph silently, and a log where every note looks like a placeholder is\n * worse than a build error.\n /\nconst KIND_ICONS: Record<CrmActivityKind, { path: string }> = {\n call: mdiPhoneOutline,\n email: mdiEmailOutline,\n meeting: mdiAccountGroupOutline,\n note: mdiNoteTextOutline,\n other: mdiDotsHorizontalCircleOutline,\n}\n\n/* The icon for a kind — a stored kind outside the union draws as `other`. /\nexport function ActivityKindIcon(props: { kind: string; size?: number }) {\n const { kind, size = 1 } = props\n const icon = Aglyn.isCrmActivityKind(kind) ? KIND_ICONS[kind] : KIND_ICONS.other\n return <MdiIcon path={icon.path} size={size} />\n}\nActivityKindIcon.displayName = 'ActivityKindIcon'\n\n/\n The author's name for a row (AGL-2600).\n \n The denormalized `byName` leads: it is the only name a scoped colleague\n * can read, since a member document is readable by its subject and by\n * org-wide members alone. The signed-in user's OWN rows fall back to their\n * live name — the one case where a lookup is possible — and a row that\n * carries neither (written by a door that did not stamp one) reads as a\n * team member rather than as a uid.\n /\nexport function useActivityAuthorName(): (\n activity: Pick<CrmActivityRow, 'byUid' \| 'byName'>,\n) => string {\n const { data: user } = useUser()\n const ownName = useUserName()\n const uid = user?.uid\n return useCallback(\n (activity) => {\n if (activity.byName) return activity.byName\n if (uid && activity.byUid === uid && ownName) return ownName\n return 'A team member'\n },\n [uid, ownName],\n )\n}\n\n/* \"45 min\" or \"2 h 05 min\" — a duration a manager reads at a glance. /\nfunction durationLabel(minutes: number): string {\n if (minutes < 60) return `${minutes} min`\n const hours = Math.floor(minutes / 60)\n const rest = minutes % 60\n return rest ? `${hours} h ${String(rest).padStart(2, '0')} min` : `${hours} h`\n}\n\nexport interface ActivityRowProps {\n activity: CrmActivityRow\n /* Where the delete is written, from `useActivityScope`. /\n scope: ActivityScope\n /* Opens the dialog on this activity. Absent, the row offers no edit. /\n onEdit?: (activity: CrmActivityRow) => void\n /\n What sits after the kind, before the body — a feed puts the record the\n * activity is about here, a record page needs nothing.\n /\n subject?: ReactNode\n /* The clock the relative time is read against; `Date.now()` when absent. /\n nowMs?: number\n /\n Whether THIS reader may edit and delete the row — the author, or an\n * org-wide member. Decided by whoever draws the rows, through\n * `useCanEditActivity`, once for the whole list: a row that asked for\n * itself would read the member document once per row.\n /\n editable?: boolean\n}\n\n/\n One logged activity: the kind's icon and label, what was said, how it\n * went, who logged it and how long ago — with edit and delete for whoever\n * may (AGL-2600).\n \n Edit and delete appear only when `editable` says this reader may — the\n * author or an org-wide member. That is the console's verdict and not the\n * rules' — see `useCanEditActivity` for why the rules admit more — so the\n * controls are hidden rather than disabled: a disabled button asks \"why\n * not?\", and the honest answer would be \"you could, through the API\".\n /\nexport function ActivityRow(props: ActivityRowProps) {\n const { activity, scope, onEdit, subject, nowMs, editable } = props\n const { firestore, dataScope } = scope\n const authorName = useActivityAuthorName()\n const { confirm } = useConfirmationContext()\n const { enqueueSnackbar } = useSnackbar()\n\n const handleDelete = useCallback(async () => {\n if (!dataScope) return\n const confirmed = await confirm({\n title: 'Delete this activity?',\n description:\n `This ${Aglyn.CRM_ACTIVITY_KIND_LABELS[\n Aglyn.isCrmActivityKind(activity.kind) ? activity.kind : 'other'\n ].toLowerCase()} is removed from the record it was logged against. ` +\n 'Nothing the platform captured — a form, an order, a booking — is ' +\n 'affected.',\n confirmationText: 'Delete activity',\n confirmationButtonProps: { color: 'error' },\n })\n .then(() => true)\n .catch(() => false)\n if (!confirmed) return\n try {\n await deleteDoc(\n doc(\n firestore,\n dataScope[0],\n dataScope[1],\n Aglyn.CRM_COLLECTIONS.activities,\n activity.$id,\n ),\n )\n enqueueSnackbar('Activity deleted', { variant: 'success', persist: false })\n } catch (error) {\n console.error(error)\n enqueueSnackbar('An error has occurred', {\n variant: 'error',\n allowDuplicate: true,\n })\n }\n }, [dataScope, confirm, activity, firestore, enqueueSnackbar])\n\n const label =\n Aglyn.CRM_ACTIVITY_KIND_LABELS[\n Aglyn.isCrmActivityKind(activity.kind) ? activity.kind : 'other'\n ]\n /\n * A message the platform SENT (AGL-2615) carries a subject, an address\n * and a delivery state the webhook advances; the state is the chip beside\n * the kind, red once the message did not land. What was sent is a record\n * of a fact and offers no edit — a rewritten body would misstate what\n * left — though whoever may delete a row may still delete this one.\n /\n const sent = activity.direction === 'outbound'\n /\n * A message CAPTURED from a mailbox (AGL-2657) carries the provider's\n * Message-ID and, when a correspondent wrote it, the `inbound` direction.\n * It is drawn as its own thing — \"Received\" beside the kind, the sender\n * where a sent row shows the recipient, no author because nobody on the\n * team logged it — and a member's copied send reads \"Sent\" without a\n * delivery chip, since the platform did not carry it. Neither takes the\n * caller's \"Logged\" chip: nobody logged them.\n /\n const received = activity.direction === 'inbound'\n const captured = typeof activity.messageId === 'string' && activity.messageId !== ''\n const deliveryState = Aglyn.isCrmEmailDeliveryState(activity.deliveryState)\n ? activity.deliveryState\n : null\n const when = new Date(activity.atMs)\n const detail = [\n activity.outcome ? activity.outcome : null,\n typeof activity.durationMinutes === 'number' && activity.durationMinutes > 0\n ? durationLabel(activity.durationMinutes)\n : null,\n ].filter(Boolean)\n\n return (\n <Stack direction=\"row\" spacing={1.5} sx={{ alignItems: 'flex-start' }}>\n <Stack\n sx={{\n color: 'text.secondary',\n pt: 0.25,\n fontSize: (theme) => theme.typography.h6.fontSize,\n }}\n >\n {received ? (\n <MdiIcon path={mdiEmailReceiveOutline.path} />\n ) : (\n <ActivityKindIcon kind={activity.kind} />\n )}\n </Stack>\n <Stack spacing={0.5} sx={{ flex: 1, minWidth: 0 }}>\n <Stack\n direction=\"row\"\n spacing={1}\n sx={{ alignItems: 'center', flexWrap: 'wrap', rowGap: 0.5 }}\n >\n <Chip label={label} size=\"small\" />\n {received ? (\n <Chip\n label=\"Received\"\n size=\"small\"\n variant=\"outlined\"\n color=\"info\"\n data-testid=\"activity-direction\"\n />\n ) : captured ? (\n <Chip\n label=\"Sent\"\n size=\"small\"\n variant=\"outlined\"\n data-testid=\"activity-direction\"\n />\n ) : null}\n {deliveryState ? (\n <Tooltip\n title={\n typeof activity.deliveryAtMs === 'number'\n ? new Date(activity.deliveryAtMs).toLocaleString()\n : ''\n }\n >\n <Chip\n label={Aglyn.CRM_EMAIL_DELIVERY_STATE_LABELS[deliveryState]}\n size=\"small\"\n variant=\"outlined\"\n color={Aglyn.isCrmEmailDeliveryFailure(deliveryState) ? 'error' : 'default'}\n data-testid=\"activity-delivery-state\"\n />\n </Tooltip>\n ) : null}\n {captured ? null : subject}\n {detail.length ? (\n <Typography variant=\"caption\" color=\"text.secondary\">\n {detail.join(' · ')}\n </Typography>\n ) : null}\n </Stack>\n {activity.subject ? (\n <Typography variant=\"subtitle2\">{activity.subject}</Typography>\n ) : null}\n <Typography variant=\"body2\" sx={{ whiteSpace: 'pre-wrap' }}>\n {activity.body}\n </Typography>\n <Tooltip title={when.toLocaleString()}>\n <Typography\n variant=\"caption\"\n color=\"text.secondary\"\n sx={{ alignSelf: 'flex-start' }}\n >\n {[\n received ? null : authorName(activity),\n received && activity.from ? `from ${activity.from}` : null,\n sent && activity.to ? `to ${activity.to}` : null,\n Aglyn.activityTimeLabel(activity.atMs, nowMs ?? Date.now()),\n ]\n .filter(Boolean)\n .join(' · ')}\n </Typography>\n </Tooltip>\n </Stack>\n {editable ? (\n <Stack direction=\"row\" spacing={0.5}>\n {onEdit && !sent && !received ? (\n <IconButton\n size=\"small\"\n aria-label=\"Edit activity\"\n onClick={() => onEdit(activity)}\n >\n <MdiIcon path={mdiPencilOutline.path} size={0.8} />\n </IconButton>\n ) : null}\n <IconButton\n size=\"small\"\n aria-label=\"Delete activity\"\n onClick={handleDelete}\n >\n <MdiIcon path={mdiDeleteOutline.path} size={0.8} />\n </IconButton>\n </Stack>\n ) : null}\n </Stack>\n )\n}\nActivityRow.displayName = 'ActivityRow'\n\nexport interface ActivityListProps {\n /* Newest-first, as the listener hands them back. /\n rows: readonly CrmActivityRow[]\n scope: ActivityScope\n onEdit?: (activity: CrmActivityRow) => void\n /* What the list says when there is nothing in it. /\n emptyText?: string\n /* The way out of an empty list — the record's \"Log activity\" button. /\n emptyAction?: ReactNode\n /* A further page exists; `onShowMore` widens the window. /\n hasMore?: boolean\n onShowMore?: () => void\n /* The record each row is about, for a list that spans records. /\n subjectFor?: (activity: CrmActivityRow) => ReactNode\n /\n No controls on any row, whoever is reading — and no member read to\n * decide them. A feed that spans records is a place to see what happened,\n * not to rewrite it; the record's own page is where an activity is\n * corrected, beside everything else about it.\n /\n readOnly?: boolean\n}\n\n/\n A newest-first list of logged activities with a \"show more\" foot\n * (AGL-2600).\n \n The rows arrive ordered — the query is `orderBy('atMs', 'desc')` — and the\n * list does not sort them again; a second sort here is a second place for\n * the order to be defined. The foot appears only while the probe row says\n * more exists, so it never leads nowhere.\n \n Who may edit is decided here, once, and handed to every row: the verdict\n * reads the member document, and the list is the one place that can ask\n * for it a single time however many rows it draws.\n */\nexport function ActivityList(props: ActivityListProps) {\n const {\n rows,\n scope,\n onEdit,\n emptyText = 'Nothing logged yet.',\n emptyAction,\n hasMore,\n onShowMore,\n subjectFor,\n readOnly,\n } = props\n const canEdit = useCanEditActivity(scope.orgId, !readOnly)\n if (!rows.length) {\n return (\n <EmptyStateComponent\n compact\n label={'Nothing logged yet'}\n description={emptyText}\n action={emptyAction}\n />\n )\n }\n return (\n <Stack spacing={2}>\n {rows.map((activity) => (\n <ActivityRow\n key={activity.$id}\n activity={activity}\n scope={scope}\n onEdit={onEdit}\n subject={subjectFor?.(activity)}\n editable={canEdit(activity)}\n />\n ))}\n {hasMore && onShowMore ? (\n <Button size=\"small\" onClick={onShowMore} sx={{ alignSelf: 'flex-start' }}>\n {'Show more'}\n </Button>\n ) : null}\n </Stack>\n )\n}\nActivityList.displayName = 'ActivityList'\n\nexport default ActivityList\n"],"names":["Aglyn","mdiAccountGroupOutline","mdiDeleteOutline","mdiDotsHorizontalCircleOutline","mdiEmailOutline","mdiEmailReceiveOutline","mdiNoteTextOutline","mdiPencilOutline","mdiPhoneOutline","MdiIcon","useConfirmationContext","EmptyStateComponent","useSnackbar","useUser","useUserName","Button","Chip","IconButton","Stack","Tooltip","Typography","deleteDoc","doc","useCallback","useCanEditActivity","KIND_ICONS","call","email","meeting","note","other","ActivityKindIcon","props","kind","size","icon","isCrmActivityKind","path","displayName","useActivityAuthorName","data","user","ownName","uid","activity","byName","byUid","durationLabel","minutes","hours","Math","floor","rest","String","padStart","ActivityRow","scope","onEdit","subject","nowMs","editable","firestore","dataScope","authorName","confirm","enqueueSnackbar","handleDelete","confirmed","title","description","CRM_ACTIVITY_KIND_LABELS","toLowerCase","confirmationText","confirmationButtonProps","color","then","catch","CRM_COLLECTIONS","activities","$id","variant","persist","error","console","allowDuplicate","label","sent","direction","received","captured","messageId","deliveryState","isCrmEmailDeliveryState","when","Date","atMs","detail","outcome","durationMinutes","filter","Boolean","spacing","sx","alignItems","pt","fontSize","theme","typography","h6","flex","minWidth","flexWrap","rowGap","data-testid","deliveryAtMs","toLocaleString","CRM_EMAIL_DELIVERY_STATE_LABELS","isCrmEmailDeliveryFailure","length","join","whiteSpace","body","alignSelf","from","to","activityTimeLabel","now","aria-label","onClick","ActivityList","rows","emptyText","emptyAction","hasMore","onShowMore","subjectFor","readOnly","canEdit","orgId","compact","action","map"],"mappings":"AAAA;;;;;;;;;;;;;;;CAeC,GACD;;AAEA,YAAYA,WAAW,eAAc;AAErC,SACEC,sBAAsB,EACtBC,gBAAgB,EAChBC,8BAA8B,EAC9BC,eAAe,EACfC,sBAAsB,EACtBC,kBAAkB,EAClBC,gBAAgB,EAChBC,eAAe,QACV,yBAAwB;AAC/B,SAASC,OAAO,EAAEC,sBAAsB,QAAQ,uBAAsB;AACtE,OAAOC,yBAAyB,wDAAuD;AACvF,SAASC,WAAW,QAAQ,8BAA6B;AACzD,SAASC,OAAO,EAAEC,WAAW,QAAQ,iCAAgC;AACrE,SACEC,MAAM,EACNC,IAAI,EACJC,UAAU,EACVC,KAAK,EACLC,OAAO,EACPC,UAAU,QACL,gBAAe;AACtB,SAASC,SAAS,EAAEC,GAAG,QAAQ,qBAAoB;AACnD,SAAyBC,WAAW,QAAQ,QAAO;AACnD,SAA6BC,kBAAkB,QAAQ,wBAAoB;AAE3E;;;;;CAKC,GACD,MAAMC,aAAwD;IAC5DC,MAAMlB;IACNmB,OAAOvB;IACPwB,SAAS3B;IACT4B,MAAMvB;IACNwB,OAAO3B;AACT;AAEA,4EAA4E,GAC5E,OAAO,SAAS4B,iBAAiBC,KAAsC;IACrE,MAAM,EAAEC,IAAI,EAAEC,OAAO,CAAC,EAAE,GAAGF;IAC3B,MAAMG,OAAOnC,MAAMoC,iBAAiB,CAACH,QAAQR,UAAU,CAACQ,KAAK,GAAGR,WAAWK,KAAK;IAChF,qBAAO,KAACrB;QAAQ4B,MAAMF,KAAKE,IAAI;QAAEH,MAAMA;;AACzC;AACAH,iBAAiBO,WAAW,GAAG;AAE/B;;;;;;;;;CASC,GACD,OAAO,SAASC;IAGd,MAAM,EAAEC,MAAMC,IAAI,EAAE,GAAG5B;IACvB,MAAM6B,UAAU5B;IAChB,MAAM6B,MAAMF,wBAAAA,KAAME,GAAG;IACrB,OAAOpB,YACL,CAACqB;QACC,IAAIA,SAASC,MAAM,EAAE,OAAOD,SAASC,MAAM;QAC3C,IAAIF,OAAOC,SAASE,KAAK,KAAKH,OAAOD,SAAS,OAAOA;QACrD,OAAO;IACT,GACA;QAACC;QAAKD;KAAQ;AAElB;AAEA,uEAAuE,GACvE,SAASK,cAAcC,OAAe;IACpC,IAAIA,UAAU,IAAI,OAAO,GAAGA,QAAQ,IAAI,CAAC;IACzC,MAAMC,QAAQC,KAAKC,KAAK,CAACH,UAAU;IACnC,MAAMI,OAAOJ,UAAU;IACvB,OAAOI,OAAO,GAAGH,MAAM,GAAG,EAAEI,OAAOD,MAAME,QAAQ,CAAC,GAAG,KAAK,IAAI,CAAC,GAAG,GAAGL,MAAM,EAAE,CAAC;AAChF;AAwBA;;;;;;;;;;CAUC,GACD,OAAO,SAASM,YAAYvB,KAAuB;IACjD,MAAM,EAAEY,QAAQ,EAAEY,KAAK,EAAEC,MAAM,EAAEC,OAAO,EAAEC,KAAK,EAAEC,QAAQ,EAAE,GAAG5B;IAC9D,MAAM,EAAE6B,SAAS,EAAEC,SAAS,EAAE,GAAGN;IACjC,MAAMO,aAAaxB;IACnB,MAAM,EAAEyB,OAAO,EAAE,GAAGtD;IACpB,MAAM,EAAEuD,eAAe,EAAE,GAAGrD;IAE5B,MAAMsD,eAAe3C,YAAY;QAC/B,IAAI,CAACuC,WAAW;QAChB,MAAMK,YAAY,MAAMH,QAAQ;YAC9BI,OAAO;YACPC,aACE,CAAC,KAAK,EAAErE,MAAMsE,wBAAwB,CACpCtE,MAAMoC,iBAAiB,CAACQ,SAASX,IAAI,IAAIW,SAASX,IAAI,GAAG,QAC1D,CAACsC,WAAW,GAAG,mDAAmD,CAAC,GACpE,sEACA;YACFC,kBAAkB;YAClBC,yBAAyB;gBAAEC,OAAO;YAAQ;QAC5C,GACGC,IAAI,CAAC,IAAM,MACXC,KAAK,CAAC,IAAM;QACf,IAAI,CAACT,WAAW;QAChB,IAAI;YACF,MAAM9C,UACJC,IACEuC,WACAC,SAAS,CAAC,EAAE,EACZA,SAAS,CAAC,EAAE,EACZ9D,MAAM6E,eAAe,CAACC,UAAU,EAChClC,SAASmC,GAAG;YAGhBd,gBAAgB,oBAAoB;gBAAEe,SAAS;gBAAWC,SAAS;YAAM;QAC3E,EAAE,OAAOC,OAAO;YACdC,QAAQD,KAAK,CAACA;YACdjB,gBAAgB,yBAAyB;gBACvCe,SAAS;gBACTI,gBAAgB;YAClB;QACF;IACF,GAAG;QAACtB;QAAWE;QAASpB;QAAUiB;QAAWI;KAAgB;IAE7D,MAAMoB,QACJrF,MAAMsE,wBAAwB,CAC5BtE,MAAMoC,iBAAiB,CAACQ,SAASX,IAAI,IAAIW,SAASX,IAAI,GAAG,QAC1D;IACH;;;;;;GAMC,GACD,MAAMqD,OAAO1C,SAAS2C,SAAS,KAAK;IACpC;;;;;;;;GAQC,GACD,MAAMC,WAAW5C,SAAS2C,SAAS,KAAK;IACxC,MAAME,WAAW,OAAO7C,SAAS8C,SAAS,KAAK,YAAY9C,SAAS8C,SAAS,KAAK;IAClF,MAAMC,gBAAgB3F,MAAM4F,uBAAuB,CAAChD,SAAS+C,aAAa,IACtE/C,SAAS+C,aAAa,GACtB;IACJ,MAAME,OAAO,IAAIC,KAAKlD,SAASmD,IAAI;IACnC,MAAMC,SAAS;QACbpD,SAASqD,OAAO,GAAGrD,SAASqD,OAAO,GAAG;QACtC,OAAOrD,SAASsD,eAAe,KAAK,YAAYtD,SAASsD,eAAe,GAAG,IACvEnD,cAAcH,SAASsD,eAAe,IACtC;KACL,CAACC,MAAM,CAACC;IAET,qBACE,MAAClF;QAAMqE,WAAU;QAAMc,SAAS;QAAKC,IAAI;YAAEC,YAAY;QAAa;;0BAClE,KAACrF;gBACCoF,IAAI;oBACF5B,OAAO;oBACP8B,IAAI;oBACJC,UAAU,CAACC,QAAUA,MAAMC,UAAU,CAACC,EAAE,CAACH,QAAQ;gBACnD;0BAECjB,yBACC,KAAC/E;oBAAQ4B,MAAMhC,uBAAuBgC,IAAI;mCAE1C,KAACN;oBAAiBE,MAAMW,SAASX,IAAI;;;0BAGzC,MAACf;gBAAMmF,SAAS;gBAAKC,IAAI;oBAAEO,MAAM;oBAAGC,UAAU;gBAAE;;kCAC9C,MAAC5F;wBACCqE,WAAU;wBACVc,SAAS;wBACTC,IAAI;4BAAEC,YAAY;4BAAUQ,UAAU;4BAAQC,QAAQ;wBAAI;;0CAE1D,KAAChG;gCAAKqE,OAAOA;gCAAOnD,MAAK;;4BACxBsD,yBACC,KAACxE;gCACCqE,OAAM;gCACNnD,MAAK;gCACL8C,SAAQ;gCACRN,OAAM;gCACNuC,eAAY;iCAEZxB,yBACF,KAACzE;gCACCqE,OAAM;gCACNnD,MAAK;gCACL8C,SAAQ;gCACRiC,eAAY;iCAEZ;4BACHtB,8BACC,KAACxE;gCACCiD,OACE,OAAOxB,SAASsE,YAAY,KAAK,WAC7B,IAAIpB,KAAKlD,SAASsE,YAAY,EAAEC,cAAc,KAC9C;0CAGN,cAAA,KAACnG;oCACCqE,OAAOrF,MAAMoH,+BAA+B,CAACzB,cAAc;oCAC3DzD,MAAK;oCACL8C,SAAQ;oCACRN,OAAO1E,MAAMqH,yBAAyB,CAAC1B,iBAAiB,UAAU;oCAClEsB,eAAY;;iCAGd;4BACHxB,WAAW,OAAO/B;4BAClBsC,OAAOsB,MAAM,iBACZ,KAAClG;gCAAW4D,SAAQ;gCAAUN,OAAM;0CACjCsB,OAAOuB,IAAI,CAAC;iCAEb;;;oBAEL3E,SAASc,OAAO,iBACf,KAACtC;wBAAW4D,SAAQ;kCAAapC,SAASc,OAAO;yBAC/C;kCACJ,KAACtC;wBAAW4D,SAAQ;wBAAQsB,IAAI;4BAAEkB,YAAY;wBAAW;kCACtD5E,SAAS6E,IAAI;;kCAEhB,KAACtG;wBAAQiD,OAAOyB,KAAKsB,cAAc;kCACjC,cAAA,KAAC/F;4BACC4D,SAAQ;4BACRN,OAAM;4BACN4B,IAAI;gCAAEoB,WAAW;4BAAa;sCAE7B;gCACClC,WAAW,OAAOzB,WAAWnB;gCAC7B4C,YAAY5C,SAAS+E,IAAI,GAAG,CAAC,KAAK,EAAE/E,SAAS+E,IAAI,EAAE,GAAG;gCACtDrC,QAAQ1C,SAASgF,EAAE,GAAG,CAAC,GAAG,EAAEhF,SAASgF,EAAE,EAAE,GAAG;gCAC5C5H,MAAM6H,iBAAiB,CAACjF,SAASmD,IAAI,EAAEpC,gBAAAA,QAASmC,KAAKgC,GAAG;6BACzD,CACE3B,MAAM,CAACC,SACPmB,IAAI,CAAC;;;;;YAIb3D,yBACC,MAAC1C;gBAAMqE,WAAU;gBAAMc,SAAS;;oBAC7B5C,UAAU,CAAC6B,QAAQ,CAACE,yBACnB,KAACvE;wBACCiB,MAAK;wBACL6F,cAAW;wBACXC,SAAS,IAAMvE,OAAOb;kCAEtB,cAAA,KAACnC;4BAAQ4B,MAAM9B,iBAAiB8B,IAAI;4BAAEH,MAAM;;yBAE5C;kCACJ,KAACjB;wBACCiB,MAAK;wBACL6F,cAAW;wBACXC,SAAS9D;kCAET,cAAA,KAACzD;4BAAQ4B,MAAMnC,iBAAiBmC,IAAI;4BAAEH,MAAM;;;;iBAG9C;;;AAGV;AACAqB,YAAYjB,WAAW,GAAG;AAyB1B;;;;;;;;;;;;CAYC,GACD,OAAO,SAAS2F,aAAajG,KAAwB;IACnD,MAAM,EACJkG,IAAI,EACJ1E,KAAK,EACLC,MAAM,EACN0E,YAAY,qBAAqB,EACjCC,WAAW,EACXC,OAAO,EACPC,UAAU,EACVC,UAAU,EACVC,QAAQ,EACT,GAAGxG;IACJ,MAAMyG,UAAUjH,mBAAmBgC,MAAMkF,KAAK,EAAE,CAACF;IACjD,IAAI,CAACN,KAAKZ,MAAM,EAAE;QAChB,qBACE,KAAC3G;YACCgI,OAAO;YACPtD,OAAO;YACPhB,aAAa8D;YACbS,QAAQR;;IAGd;IACA,qBACE,MAAClH;QAAMmF,SAAS;;YACb6B,KAAKW,GAAG,CAAC,CAACjG,yBACT,KAACW;oBAECX,UAAUA;oBACVY,OAAOA;oBACPC,QAAQA;oBACRC,OAAO,EAAE6E,8BAAAA,WAAa3F;oBACtBgB,UAAU6E,QAAQ7F;mBALbA,SAASmC,GAAG;YAQpBsD,WAAWC,2BACV,KAACvH;gBAAOmB,MAAK;gBAAQ8F,SAASM;gBAAYhC,IAAI;oBAAEoB,WAAW;gBAAa;0BACrE;iBAED;;;AAGV;AACAO,aAAa3F,WAAW,GAAG;AAE3B,eAAe2F,aAAY"}
1	+ {"version":3,"sources":["../../../../../../../libs/plugins/crm/src/lib/components/activity-list.tsx"],"sourcesContent":["/*\n @license\n * Copyright 2026 Aglyn LLC\n \n Licensed under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License.\n * You may obtain a copy of the License at\n \n http://www.apache.org/licenses/LICENSE-2.0\n \n Unless required by applicable law or agreed to in writing, software\n * distributed under the License is distributed on an \"AS IS\" BASIS,\n * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n * See the License for the specific language governing permissions and\n * limitations under the License.\n /\n'use client'\n\nimport as Aglyn from '@aglyn/aglyn'\nimport type { CrmActivityKind, CrmActivityRow } from '@aglyn/aglyn'\nimport {\n mdiAccountGroupOutline,\n mdiDeleteOutline,\n mdiDotsHorizontalCircleOutline,\n mdiEmailOutline,\n mdiEmailReceiveOutline,\n mdiNoteTextOutline,\n mdiPencilOutline,\n mdiPhoneOutline,\n} from '@aglyn/shared-data-mdi'\nimport { MdiIcon, useConfirmationContext } from '@aglyn/shared-ui-jsx'\nimport EmptyStateComponent from '@aglyn/shared-ui-jsx/components/empty-state.component'\nimport { ListPagination } from '@aglyn/shared-ui-jsx/components/list-pagination.component'\nimport { useSnackbar } from '@aglyn/shared-ui-snackstack'\nimport { useUser, useUserName } from '@aglyn/tenant-feature-instance'\nimport { Chip, IconButton, Stack, Tooltip, Typography } from '@mui/material'\nimport { deleteDoc, doc } from 'firebase/firestore'\nimport { type ReactNode, useCallback, useState } from 'react'\nimport { type ActivityScope, useCanEditActivity } from './activity-queries'\nimport {\n TimelineEntry,\n type TimelineExpansion,\n useTimelineExpansion,\n useTimelinePages,\n} from './activity-timeline'\n\n/*\n One glyph per kind. Typed against the union so a kind added to the list\n * cannot render with no icon — `MdiIcon` would fall back to its default\n * glyph silently, and a log where every note looks like a placeholder is\n * worse than a build error.\n /\nconst KIND_ICONS: Record<CrmActivityKind, { path: string }> = {\n call: mdiPhoneOutline,\n email: mdiEmailOutline,\n meeting: mdiAccountGroupOutline,\n note: mdiNoteTextOutline,\n other: mdiDotsHorizontalCircleOutline,\n}\n\n/* The icon for a kind — a stored kind outside the union draws as `other`. /\nexport function ActivityKindIcon(props: { kind: string; size?: number }) {\n const { kind, size = 1 } = props\n const icon = Aglyn.isCrmActivityKind(kind) ? KIND_ICONS[kind] : KIND_ICONS.other\n return <MdiIcon path={icon.path} size={size} />\n}\nActivityKindIcon.displayName = 'ActivityKindIcon'\n\n/\n The author's name for a row (AGL-2600).\n \n The denormalized `byName` leads: it is the only name a scoped colleague\n * can read, since a member document is readable by its subject and by\n * org-wide members alone. The signed-in user's OWN rows fall back to their\n * live name — the one case where a lookup is possible — and a row that\n * carries neither (written by a door that did not stamp one) reads as a\n * team member rather than as a uid.\n /\nexport function useActivityAuthorName(): (\n activity: Pick<CrmActivityRow, 'byUid' \| 'byName'>,\n) => string {\n const { data: user } = useUser()\n const ownName = useUserName()\n const uid = user?.uid\n return useCallback(\n (activity) => {\n if (activity.byName) return activity.byName\n if (uid && activity.byUid === uid && ownName) return ownName\n return 'A team member'\n },\n [uid, ownName],\n )\n}\n\n/\n How long a note's own words may run on a collapsed row before it opens to\n * the rest; a single line under this reads whole, with nothing to open.\n /\nconst ACTIVITY_HEADING_MAX = 80\n\n/\n What a collapsed activity reads as, and whether opening it shows more.\n \n A subject is the heading and the body is what the row opens to. With no\n * subject the body's first line is the heading, and a body that runs past\n * that line, or past what one line holds, opens to the whole text.\n /\nexport function activityHeading(activity: Pick<CrmActivityRow, 'subject' \| 'body'>): {\n heading: string\n opens: boolean\n} {\n const body = typeof activity.body === 'string' ? activity.body.trim() : ''\n const subject = typeof activity.subject === 'string' ? activity.subject.trim() : ''\n if (subject) return { heading: subject, opens: body !== '' }\n const firstLine = body.split('\\n').find((line) => line.trim() !== '')?.trim() ?? ''\n return {\n heading: firstLine,\n opens: body !== firstLine \|\| firstLine.length > ACTIVITY_HEADING_MAX,\n }\n}\n\n/* \"45 min\" or \"2 h 05 min\" — a duration a manager reads at a glance. /\nfunction durationLabel(minutes: number): string {\n if (minutes < 60) return `${minutes} min`\n const hours = Math.floor(minutes / 60)\n const rest = minutes % 60\n return rest ? `${hours} h ${String(rest).padStart(2, '0')} min` : `${hours} h`\n}\n\nexport interface ActivityRowProps {\n activity: CrmActivityRow\n /* Where the delete is written, from `useActivityScope`. /\n scope: ActivityScope\n /* Opens the dialog on this activity. Absent, the row offers no edit. /\n onEdit?: (activity: CrmActivityRow) => void\n /\n What sits after the kind, before the body — a feed puts the record the\n * activity is about here, a record page needs nothing.\n /\n subject?: ReactNode\n /* The clock the relative time is read against; `Date.now()` when absent. /\n nowMs?: number\n /\n Whether THIS reader may edit and delete the row — the author, or an\n * org-wide member. Decided by whoever draws the rows, through\n * `useCanEditActivity`, once for the whole list: a row that asked for\n * itself would read the member document once per row.\n /\n editable?: boolean\n /\n Whether the row is open to its body. The list holds it so the card's\n * \"Expand all\" reaches every row; a row drawn alone holds its own.\n /\n expanded?: boolean\n onToggle?: () => void\n}\n\n/\n One logged activity: the kind's icon and label, what was said, how it\n * went, who logged it and how long ago — with edit and delete for whoever\n * may (AGL-2600).\n \n Collapsed, the row is its chips, its heading and its caption: the kind,\n * the direction and delivery state, how a call went, the subject or the\n * note's first line, and who, to or from whom, and when. Opened, it shows\n * the body — an email's whole text, a note's every line.\n \n Edit and delete appear only when `editable` says this reader may — the\n * author or an org-wide member. That is the console's verdict and not the\n * rules' — see `useCanEditActivity` for why the rules admit more — so the\n * controls are hidden rather than disabled: a disabled button asks \"why\n * not?\", and the honest answer would be \"you could, through the API\".\n /\nexport function ActivityRow(props: ActivityRowProps) {\n const { activity, scope, onEdit, subject, nowMs, editable } = props\n const [ownExpanded, setOwnExpanded] = useState(false)\n const expanded = props.expanded ?? ownExpanded\n const onToggle = props.onToggle ?? (() => setOwnExpanded((open) => !open))\n const { firestore, dataScope } = scope\n const authorName = useActivityAuthorName()\n const { confirm } = useConfirmationContext()\n const { enqueueSnackbar } = useSnackbar()\n\n const handleDelete = useCallback(async () => {\n if (!dataScope) return\n const confirmed = await confirm({\n title: 'Delete this activity?',\n description:\n `This ${Aglyn.CRM_ACTIVITY_KIND_LABELS[\n Aglyn.isCrmActivityKind(activity.kind) ? activity.kind : 'other'\n ].toLowerCase()} is removed from the record it was logged against. ` +\n 'Nothing the platform captured — a form, an order, a booking — is ' +\n 'affected.',\n confirmationText: 'Delete activity',\n confirmationButtonProps: { color: 'error' },\n })\n .then(() => true)\n .catch(() => false)\n if (!confirmed) return\n try {\n await deleteDoc(\n doc(\n firestore,\n dataScope[0],\n dataScope[1],\n Aglyn.CRM_COLLECTIONS.activities,\n activity.$id,\n ),\n )\n enqueueSnackbar('Activity deleted', { variant: 'success', persist: false })\n } catch (error) {\n console.error(error)\n enqueueSnackbar('An error has occurred', {\n variant: 'error',\n allowDuplicate: true,\n })\n }\n }, [dataScope, confirm, activity, firestore, enqueueSnackbar])\n\n const label =\n Aglyn.CRM_ACTIVITY_KIND_LABELS[\n Aglyn.isCrmActivityKind(activity.kind) ? activity.kind : 'other'\n ]\n /\n * A message the platform SENT (AGL-2615) carries a subject, an address\n * and a delivery state the webhook advances; the state is the chip beside\n * the kind, red once the message did not land. What was sent is a record\n * of a fact and offers no edit — a rewritten body would misstate what\n * left — though whoever may delete a row may still delete this one.\n /\n const sent = activity.direction === 'outbound'\n /\n * A message CAPTURED from a mailbox (AGL-2657) carries the provider's\n * Message-ID and, when a correspondent wrote it, the `inbound` direction.\n * It is drawn as its own thing — \"Received\" beside the kind, the sender\n * where a sent row shows the recipient, no author because nobody on the\n * team logged it — and a member's copied send reads \"Sent\" without a\n * delivery chip, since the platform did not carry it. Neither takes the\n * caller's \"Logged\" chip: nobody logged them.\n /\n const received = activity.direction === 'inbound'\n const captured = typeof activity.messageId === 'string' && activity.messageId !== ''\n const deliveryState = Aglyn.isCrmEmailDeliveryState(activity.deliveryState)\n ? activity.deliveryState\n : null\n const when = new Date(activity.atMs)\n const detail = [\n activity.outcome ? activity.outcome : null,\n typeof activity.durationMinutes === 'number' && activity.durationMinutes > 0\n ? durationLabel(activity.durationMinutes)\n : null,\n ].filter(Boolean)\n\n const { heading, opens } = activityHeading(activity)\n const hasSubject = typeof activity.subject === 'string' && activity.subject.trim() !== ''\n\n return (\n <TimelineEntry\n icon={\n received ? (\n <MdiIcon path={mdiEmailReceiveOutline.path} />\n ) : (\n <ActivityKindIcon kind={activity.kind} />\n )\n }\n label={heading \|\| label.toLowerCase()}\n expanded={expanded}\n onToggle={onToggle}\n chips={\n <>\n <Chip label={label} size=\"small\" />\n {received ? (\n <Chip\n label=\"Received\"\n size=\"small\"\n variant=\"outlined\"\n color=\"info\"\n data-testid=\"activity-direction\"\n />\n ) : captured ? (\n <Chip\n label=\"Sent\"\n size=\"small\"\n variant=\"outlined\"\n data-testid=\"activity-direction\"\n />\n ) : null}\n {deliveryState ? (\n <Tooltip\n title={\n typeof activity.deliveryAtMs === 'number'\n ? new Date(activity.deliveryAtMs).toLocaleString()\n : ''\n }\n >\n <Chip\n label={Aglyn.CRM_EMAIL_DELIVERY_STATE_LABELS[deliveryState]}\n size=\"small\"\n variant=\"outlined\"\n color={Aglyn.isCrmEmailDeliveryFailure(deliveryState) ? 'error' : 'default'}\n data-testid=\"activity-delivery-state\"\n />\n </Tooltip>\n ) : null}\n {captured ? null : subject}\n {detail.length ? (\n <Typography variant=\"caption\" color=\"text.secondary\">\n {detail.join(' · ')}\n </Typography>\n ) : null}\n </>\n }\n // With no subject the heading IS the body's first line, so an open\n // row shows the body alone rather than its first line twice.\n title={hasSubject \|\| !opens \|\| !expanded ? heading : null}\n titleVariant={hasSubject ? 'subtitle2' : 'body2'}\n meta={\n <Tooltip title={when.toLocaleString()}>\n <Typography\n variant=\"caption\"\n color=\"text.secondary\"\n sx={{ alignSelf: 'flex-start' }}\n >\n {[\n received ? null : authorName(activity),\n received && activity.from ? `from ${activity.from}` : null,\n sent && activity.to ? `to ${activity.to}` : null,\n Aglyn.activityTimeLabel(activity.atMs, nowMs ?? Date.now()),\n ]\n .filter(Boolean)\n .join(' · ')}\n </Typography>\n </Tooltip>\n }\n body={\n opens ? (\n <Typography variant=\"body2\" sx={{ whiteSpace: 'pre-wrap', overflowWrap: 'anywhere' }}>\n {activity.body}\n </Typography>\n ) : undefined\n }\n actions={\n editable ? (\n <>\n {onEdit && !sent && !received ? (\n <IconButton\n size=\"small\"\n aria-label=\"Edit activity\"\n onClick={() => onEdit(activity)}\n >\n <MdiIcon path={mdiPencilOutline.path} size={0.8} />\n </IconButton>\n ) : null}\n <IconButton\n size=\"small\"\n aria-label=\"Delete activity\"\n onClick={handleDelete}\n >\n <MdiIcon path={mdiDeleteOutline.path} size={0.8} />\n </IconButton>\n </>\n ) : null\n }\n />\n )\n}\nActivityRow.displayName = 'ActivityRow'\n\nexport interface ActivityListProps {\n /* Newest-first, as the listener hands them back. /\n rows: readonly CrmActivityRow[]\n scope: ActivityScope\n onEdit?: (activity: CrmActivityRow) => void\n /* What the list says when there is nothing in it. /\n emptyText?: string\n /* The way out of an empty list — the record's \"Log activity\" button. /\n emptyAction?: ReactNode\n /* The listener holds less than exists; `onShowMore` widens it. /\n hasMore?: boolean\n onShowMore?: () => void\n /* The listener is reading, so an empty window is not yet an empty log. /\n loading?: boolean\n /* The record each row is about, for a list that spans records. /\n subjectFor?: (activity: CrmActivityRow) => ReactNode\n /\n No controls on any row, whoever is reading — and no member read to\n * decide them. A feed that spans records is a place to see what happened,\n * not to rewrite it; the record's own page is where an activity is\n * corrected, beside everything else about it.\n /\n readOnly?: boolean\n /\n Which rows are open, held by the card so its header's \"Expand all\"\n * reaches them. A list with no header control holds its own.\n /\n expansion?: TimelineExpansion\n}\n\n/\n A newest-first list of logged activities, collapsed to one entry each and\n * paged by the console's shared footer (AGL-2600).\n \n The rows arrive ordered — the query is `orderBy('atMs', 'desc')` — and the\n * list does not sort them again; a second sort here is a second place for\n * the order to be defined. The footer pages the window the listener holds,\n * and a page turned past it widens the listener while the probe row says\n * more exists (`useTimelinePages`).\n \n Who may edit is decided here, once, and handed to every row: the verdict\n * reads the member document, and the list is the one place that can ask\n * for it a single time however many rows it draws.\n */\nexport function ActivityList(props: ActivityListProps) {\n const {\n rows,\n scope,\n onEdit,\n emptyText = 'Nothing logged yet.',\n emptyAction,\n hasMore,\n onShowMore,\n loading,\n subjectFor,\n readOnly,\n } = props\n const canEdit = useCanEditActivity(scope.orgId, !readOnly)\n const ownExpansion = useTimelineExpansion()\n const expansion = props.expansion ?? ownExpansion\n const pages = useTimelinePages(rows.length, { hasMore, showMore: onShowMore, loading })\n // One clock for every row of one paint.\n const nowMs = Date.now()\n if (!rows.length) {\n return loading ? (\n <Typography variant=\"body2\" color=\"text.secondary\">\n {'Loading…'}\n </Typography>\n ) : (\n <EmptyStateComponent\n compact\n label={'Nothing logged yet'}\n description={emptyText}\n action={emptyAction}\n />\n )\n }\n return (\n <Stack spacing={2}>\n {pages.slice(rows).map((activity) => (\n <ActivityRow\n key={activity.$id}\n activity={activity}\n scope={scope}\n onEdit={onEdit}\n subject={subjectFor?.(activity)}\n nowMs={nowMs}\n editable={canEdit(activity)}\n expanded={expansion.isExpanded(activity.$id)}\n onToggle={() => expansion.toggle(activity.$id)}\n />\n ))}\n <ListPagination {...pages.footer} />\n </Stack>\n )\n}\nActivityList.displayName = 'ActivityList'\n\nexport default ActivityList\n"],"names":["Aglyn","mdiAccountGroupOutline","mdiDeleteOutline","mdiDotsHorizontalCircleOutline","mdiEmailOutline","mdiEmailReceiveOutline","mdiNoteTextOutline","mdiPencilOutline","mdiPhoneOutline","MdiIcon","useConfirmationContext","EmptyStateComponent","ListPagination","useSnackbar","useUser","useUserName","Chip","IconButton","Stack","Tooltip","Typography","deleteDoc","doc","useCallback","useState","useCanEditActivity","TimelineEntry","useTimelineExpansion","useTimelinePages","KIND_ICONS","call","email","meeting","note","other","ActivityKindIcon","props","kind","size","icon","isCrmActivityKind","path","displayName","useActivityAuthorName","data","user","ownName","uid","activity","byName","byUid","ACTIVITY_HEADING_MAX","activityHeading","body","trim","subject","heading","opens","firstLine","split","find","line","length","durationLabel","minutes","hours","Math","floor","rest","String","padStart","ActivityRow","scope","onEdit","nowMs","editable","ownExpanded","setOwnExpanded","expanded","onToggle","open","firestore","dataScope","authorName","confirm","enqueueSnackbar","handleDelete","confirmed","title","description","CRM_ACTIVITY_KIND_LABELS","toLowerCase","confirmationText","confirmationButtonProps","color","then","catch","CRM_COLLECTIONS","activities","$id","variant","persist","error","console","allowDuplicate","label","sent","direction","received","captured","messageId","deliveryState","isCrmEmailDeliveryState","when","Date","atMs","detail","outcome","durationMinutes","filter","Boolean","hasSubject","chips","data-testid","deliveryAtMs","toLocaleString","CRM_EMAIL_DELIVERY_STATE_LABELS","isCrmEmailDeliveryFailure","join","titleVariant","meta","sx","alignSelf","from","to","activityTimeLabel","now","whiteSpace","overflowWrap","undefined","actions","aria-label","onClick","ActivityList","rows","emptyText","emptyAction","hasMore","onShowMore","loading","subjectFor","readOnly","canEdit","orgId","ownExpansion","expansion","pages","showMore","compact","action","spacing","slice","map","isExpanded","toggle","footer"],"mappings":"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"}