@aglyn/plugins-crm 1.0.0-beta.143

package/src/lib/components/owner-avatar.d.ts

@@ -0,0 +1,18 @@
+export interface OwnerAvatarProps {
+    /** The owner's name, or their uid when the roster cannot name them. */
+    label: string;
+    size?: number;
+}
+/**
+ * A deal owner as a small lettered circle, on a board card or a table row.
+ *
+ * No photo: the roster route hands back names and emails and not avatars,
+ * and a card that fetched a photo per owner would be a request per card.
+ * The tooltip carries the full name, so the initials are never the only
+ * thing that identifies somebody.
+ */
+export declare function OwnerAvatar(props: OwnerAvatarProps): import("react").JSX.Element;
+export declare namespace OwnerAvatar {
+    var displayName: string;
+}
+export default OwnerAvatar;

package/src/lib/components/owner-avatar.js

@@ -0,0 +1,61 @@
+/**
+ * @license
+ * Copyright 2026 Aglyn LLC
+ *
+ * Licensed under the Apache License, Version 2.0 (the "License");
+ * you may not use this file except in compliance with the License.
+ * You may obtain a copy of the License at
+ *
+ *   http://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing, software
+ * distributed under the License is distributed on an "AS IS" BASIS,
+ * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ * See the License for the specific language governing permissions and
+ * limitations under the License.
+ */ 'use client';
+import { jsx as _jsx } from "react/jsx-runtime";
+import { Avatar, Tooltip } from "@mui/material";
+import { hueFor, initialsFor } from "../model/deal-board-model.js";
+/**
+ * The theme colors an owner's avatar is drawn in, chosen by hashing the
+ * label so one person keeps one color everywhere. Palette tokens rather
+ * than a computed hue: every one of these is a color the theme already
+ * guarantees legible white text on.
+ */ const OWNER_COLORS = [
+    'primary.main',
+    'secondary.main',
+    'tertiary.main',
+    'info.main',
+    'success.main',
+    'warning.main'
+];
+/**
+ * A deal owner as a small lettered circle, on a board card or a table row.
+ *
+ * No photo: the roster route hands back names and emails and not avatars,
+ * and a card that fetched a photo per owner would be a request per card.
+ * The tooltip carries the full name, so the initials are never the only
+ * thing that identifies somebody.
+ */ export function OwnerAvatar(props) {
+    const { label, size = 24 } = props;
+    if (!label) return null;
+    const color = OWNER_COLORS[hueFor(label) % OWNER_COLORS.length];
+    return /*#__PURE__*/ _jsx(Tooltip, {
+        title: label,
+        children: /*#__PURE__*/ _jsx(Avatar, {
+            sx: {
+                width: size,
+                height: size,
+                typography: 'caption',
+                fontWeight: 'medium',
+                bgcolor: color
+            },
+            children: initialsFor(label)
+        })
+    });
+}
+OwnerAvatar.displayName = 'OwnerAvatar';
+export default OwnerAvatar;
+
+//# sourceMappingURL=owner-avatar.js.map

package/src/lib/components/owner-avatar.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../../../../libs/plugins/crm/src/lib/components/owner-avatar.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 { Avatar, Tooltip } from '@mui/material'\nimport { hueFor, initialsFor } from '../model/deal-board-model'\n\n/**\n * The theme colors an owner's avatar is drawn in, chosen by hashing the\n * label so one person keeps one color everywhere. Palette tokens rather\n * than a computed hue: every one of these is a color the theme already\n * guarantees legible white text on.\n */\nconst OWNER_COLORS = [\n  'primary.main',\n  'secondary.main',\n  'tertiary.main',\n  'info.main',\n  'success.main',\n  'warning.main',\n] as const\n\nexport interface OwnerAvatarProps {\n  /** The owner's name, or their uid when the roster cannot name them. */\n  label: string\n  size?: number\n}\n\n/**\n * A deal owner as a small lettered circle, on a board card or a table row.\n *\n * No photo: the roster route hands back names and emails and not avatars,\n * and a card that fetched a photo per owner would be a request per card.\n * The tooltip carries the full name, so the initials are never the only\n * thing that identifies somebody.\n */\nexport function OwnerAvatar(props: OwnerAvatarProps) {\n  const { label, size = 24 } = props\n  if (!label) return null\n  const color = OWNER_COLORS[hueFor(label) % OWNER_COLORS.length]\n  return (\n    <Tooltip title={label}>\n      <Avatar\n        sx={{\n          width: size,\n          height: size,\n          typography: 'caption',\n          fontWeight: 'medium',\n          bgcolor: color,\n        }}\n      >\n        {initialsFor(label)}\n      </Avatar>\n    </Tooltip>\n  )\n}\nOwnerAvatar.displayName = 'OwnerAvatar'\n\nexport default OwnerAvatar\n"],"names":["Avatar","Tooltip","hueFor","initialsFor","OWNER_COLORS","OwnerAvatar","props","label","size","color","length","title","sx","width","height","typography","fontWeight","bgcolor","displayName"],"mappings":"AAAA;;;;;;;;;;;;;;;CAeC,GACD;;AAEA,SAASA,MAAM,EAAEC,OAAO,QAAQ,gBAAe;AAC/C,SAASC,MAAM,EAAEC,WAAW,QAAQ,+BAA2B;AAE/D;;;;;CAKC,GACD,MAAMC,eAAe;IACnB;IACA;IACA;IACA;IACA;IACA;CACD;AAQD;;;;;;;CAOC,GACD,OAAO,SAASC,YAAYC,KAAuB;IACjD,MAAM,EAAEC,KAAK,EAAEC,OAAO,EAAE,EAAE,GAAGF;IAC7B,IAAI,CAACC,OAAO,OAAO;IACnB,MAAME,QAAQL,YAAY,CAACF,OAAOK,SAASH,aAAaM,MAAM,CAAC;IAC/D,qBACE,KAACT;QAAQU,OAAOJ;kBACd,cAAA,KAACP;YACCY,IAAI;gBACFC,OAAOL;gBACPM,QAAQN;gBACRO,YAAY;gBACZC,YAAY;gBACZC,SAASR;YACX;sBAECN,YAAYI;;;AAIrB;AACAF,YAAYa,WAAW,GAAG;AAE1B,eAAeb,YAAW"}

package/src/lib/components/pipeline-stages-dialog.d.ts

@@ -0,0 +1,43 @@
+import { type PipelineDoc } from '../model/deal-board-model';
+export interface PipelineStagesDialogProps {
+    open: boolean;
+    onClose: () => void;
+    orgId: string;
+    pipeline: PipelineDoc | null;
+    /** The listener's verdict on the pipeline row the draft is seeded from. */
+    fromCache: boolean;
+    unreadable: boolean;
+    /** The scope tokens the deal count is filtered by — the viewer's own. */
+    /** The reader's tokens, or `null` at the organization level — no clause (AGL-2630). */
+    visibleToTokens: readonly string[] | null;
+}
+/**
+ * The pipeline's stages, edited as one draft and saved as one write.
+ *
+ * ## One document, one save
+ *
+ * The stages live as an array on the pipeline document, so every edit here
+ * is a local change to a copy and the Save button writes the whole array
+ * back. A per-row write would be a pipeline that is half renamed when the
+ * network drops, and — because the board draws columns from this array —
+ * a board that redraws between every keystroke for everybody looking at it.
+ *
+ * ## A stage with deals in it stays
+ *
+ * Removing a stage is the one edit that can strand data: every deal in it
+ * would point at a stage id the pipeline no longer has, sit in no column,
+ * and be worth nothing to the forecast. So the remove button first asks the
+ * server how many deals are in the stage — an aggregate count over the same
+ * scoped query the board reads — and refuses with that number when it is
+ * not zero. The count is taken at the moment of the click rather than held
+ * from when the dialog opened, because a deal can be dragged in from the
+ * board in another tab meanwhile.
+ *
+ * Won and Lost cannot be removed or reordered; their probabilities are
+ * fixed by what they mean.
+ */
+export declare function PipelineStagesDialog(props: PipelineStagesDialogProps): import("react").JSX.Element;
+export declare namespace PipelineStagesDialog {
+    var displayName: string;
+}
+export default PipelineStagesDialog;

package/src/lib/components/pipeline-stages-dialog.js

@@ -0,0 +1,339 @@
+/**
+ * @license
+ * Copyright 2026 Aglyn LLC
+ *
+ * Licensed under the Apache License, Version 2.0 (the "License");
+ * you may not use this file except in compliance with the License.
+ * You may obtain a copy of the License at
+ *
+ *   http://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing, software
+ * distributed under the License is distributed on an "AS IS" BASIS,
+ * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ * See the License for the specific language governing permissions and
+ * limitations under the License.
+ */ 'use client';
+import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
+import { CRM_COLLECTIONS } from "@aglyn/aglyn";
+import { mdiArrowDown, mdiArrowUp, mdiDeleteOutline } from "@aglyn/shared-data-mdi";
+import { MdiIcon } from "@aglyn/shared-ui-jsx";
+import { useSnackbar } from "@aglyn/shared-ui-snackstack";
+import { useFirestore, writeGuardedBySeed } from "@aglyn/tenant-feature-instance";
+import { Button, Chip, Dialog, DialogActions, DialogContent, DialogTitle, IconButton, Stack, TextField, Tooltip, Typography } from "@mui/material";
+import { collection, doc, getCountFromServer, query, updateDoc, where } from "firebase/firestore";
+import { useCallback, useEffect, useState } from "react";
+import { crmVisibleToClause } from "../hooks/use-crm-scope.js";
+import { addStage, moveStage, removeStage, renameStage, setStageProbability, sortedStages, stageRemovalRefusal, stagesProblem } from "../model/deal-board-model.js";
+/**
+ * The pipeline's stages, edited as one draft and saved as one write.
+ *
+ * ## One document, one save
+ *
+ * The stages live as an array on the pipeline document, so every edit here
+ * is a local change to a copy and the Save button writes the whole array
+ * back. A per-row write would be a pipeline that is half renamed when the
+ * network drops, and — because the board draws columns from this array —
+ * a board that redraws between every keystroke for everybody looking at it.
+ *
+ * ## A stage with deals in it stays
+ *
+ * Removing a stage is the one edit that can strand data: every deal in it
+ * would point at a stage id the pipeline no longer has, sit in no column,
+ * and be worth nothing to the forecast. So the remove button first asks the
+ * server how many deals are in the stage — an aggregate count over the same
+ * scoped query the board reads — and refuses with that number when it is
+ * not zero. The count is taken at the moment of the click rather than held
+ * from when the dialog opened, because a deal can be dragged in from the
+ * board in another tab meanwhile.
+ *
+ * Won and Lost cannot be removed or reordered; their probabilities are
+ * fixed by what they mean.
+ */ export function PipelineStagesDialog(props) {
+    const { open, onClose, orgId, pipeline, fromCache, unreadable, visibleToTokens } = props;
+    const firestore = useFirestore();
+    const { enqueueSnackbar } = useSnackbar();
+    const [stages, setStages] = useState([]);
+    const [newName, setNewName] = useState('');
+    const [busy, setBusy] = useState(false);
+    const [counting, setCounting] = useState(null);
+    // Re-seeded on every open, so the draft starts from the stored stages
+    // rather than from whatever the last session left unsaved.
+    useEffect(()=>{
+        if (!open) return;
+        setStages(sortedStages(pipeline));
+        setNewName('');
+    }, [
+        open,
+        pipeline
+    ]);
+    const handleRemove = useCallback(async (stageId)=>{
+        if (!pipeline) return;
+        setCounting(stageId);
+        try {
+            const snapshot = await getCountFromServer(query(collection(firestore, 'orgs', orgId, CRM_COLLECTIONS.deals), ...crmVisibleToClause(visibleToTokens), where('pipelineId', '==', pipeline.$id), where('stageId', '==', stageId)));
+            const refusal = stageRemovalRefusal(stages, stageId, snapshot.data().count);
+            if (refusal) {
+                enqueueSnackbar(refusal, {
+                    variant: 'warning',
+                    persist: false
+                });
+                return;
+            }
+            setStages((current)=>removeStage(current, stageId));
+        } catch (error) {
+            console.error(error);
+            enqueueSnackbar('The deals in this stage could not be counted, so it stays.', {
+                variant: 'error',
+                allowDuplicate: true
+            });
+        } finally{
+            setCounting(null);
+        }
+    }, [
+        firestore,
+        orgId,
+        pipeline,
+        visibleToTokens,
+        stages,
+        enqueueSnackbar
+    ]);
+    const problem = stagesProblem(stages);
+    const handleSave = useCallback(async ()=>{
+        if (!pipeline || problem) return;
+        setBusy(true);
+        try {
+            const verdict = await writeGuardedBySeed({
+                subject: 'pipeline',
+                unreadable,
+                fromCache
+            }, async ()=>{
+                await updateDoc(doc(firestore, 'orgs', orgId, CRM_COLLECTIONS.pipelines, pipeline.$id), {
+                    stages,
+                    updatedAt: new Date()
+                });
+            });
+            if (!verdict.ok) {
+                enqueueSnackbar(verdict.message, {
+                    variant: 'warning',
+                    persist: false
+                });
+                return;
+            }
+            enqueueSnackbar('Stages saved', {
+                variant: 'success',
+                persist: false
+            });
+            onClose();
+        } catch (error) {
+            console.error(error);
+            enqueueSnackbar('An error has occurred', {
+                variant: 'error',
+                allowDuplicate: true
+            });
+        } finally{
+            setBusy(false);
+        }
+    }, [
+        firestore,
+        orgId,
+        pipeline,
+        problem,
+        stages,
+        unreadable,
+        fromCache,
+        enqueueSnackbar,
+        onClose
+    ]);
+    const openCount = stages.filter((stage)=>stage.kind === 'open').length;
+    return /*#__PURE__*/ _jsxs(Dialog, {
+        open: open,
+        onClose: busy ? undefined : onClose,
+        fullWidth: true,
+        maxWidth: "sm",
+        children: [
+            /*#__PURE__*/ _jsx(DialogTitle, {
+                children: pipeline ? `${pipeline.name} stages` : 'Stages'
+            }),
+            /*#__PURE__*/ _jsx(DialogContent, {
+                children: /*#__PURE__*/ _jsxs(Stack, {
+                    spacing: 2,
+                    sx: {
+                        pt: 1
+                    },
+                    children: [
+                        /*#__PURE__*/ _jsx(Typography, {
+                            variant: "body2",
+                            color: "text.secondary",
+                            children: 'The probability is the chance a deal in that stage closes, which ' + 'is what the weighted value multiplies by. Won is always 100% and ' + 'Lost always 0%.'
+                        }),
+                        stages.map((stage, index)=>{
+                            const isOpen = stage.kind === 'open';
+                            const first = index === 0;
+                            const lastOpen = index === openCount - 1;
+                            return /*#__PURE__*/ _jsxs(Stack, {
+                                direction: "row",
+                                spacing: 1,
+                                sx: {
+                                    alignItems: 'center'
+                                },
+                                children: [
+                                    /*#__PURE__*/ _jsx(TextField, {
+                                        size: "small",
+                                        label: "Stage",
+                                        value: stage.name,
+                                        onChange: (event)=>setStages((current)=>renameStage(current, stage.id, event.target.value)),
+                                        sx: {
+                                            flex: 1
+                                        },
+                                        slotProps: {
+                                            htmlInput: {
+                                                maxLength: 60
+                                            }
+                                        }
+                                    }),
+                                    /*#__PURE__*/ _jsx(TextField, {
+                                        size: "small",
+                                        label: "Probability",
+                                        type: "number",
+                                        value: stage.probability,
+                                        disabled: !isOpen,
+                                        onChange: (event)=>setStages((current)=>setStageProbability(current, stage.id, event.target.value)),
+                                        sx: {
+                                            width: 120
+                                        },
+                                        slotProps: {
+                                            htmlInput: {
+                                                min: 0,
+                                                max: 100,
+                                                step: 5
+                                            },
+                                            input: {
+                                                endAdornment: '%'
+                                            }
+                                        }
+                                    }),
+                                    isOpen ? /*#__PURE__*/ _jsxs(_Fragment, {
+                                        children: [
+                                            /*#__PURE__*/ _jsx(Tooltip, {
+                                                title: "Move up",
+                                                children: /*#__PURE__*/ _jsx("span", {
+                                                    children: /*#__PURE__*/ _jsx(IconButton, {
+                                                        size: "small",
+                                                        disabled: first,
+                                                        onClick: ()=>setStages((current)=>moveStage(current, stage.id, 'up')),
+                                                        children: /*#__PURE__*/ _jsx(MdiIcon, {
+                                                            path: mdiArrowUp.path,
+                                                            size: 0.8
+                                                        })
+                                                    })
+                                                })
+                                            }),
+                                            /*#__PURE__*/ _jsx(Tooltip, {
+                                                title: "Move down",
+                                                children: /*#__PURE__*/ _jsx("span", {
+                                                    children: /*#__PURE__*/ _jsx(IconButton, {
+                                                        size: "small",
+                                                        disabled: lastOpen,
+                                                        onClick: ()=>setStages((current)=>moveStage(current, stage.id, 'down')),
+                                                        children: /*#__PURE__*/ _jsx(MdiIcon, {
+                                                            path: mdiArrowDown.path,
+                                                            size: 0.8
+                                                        })
+                                                    })
+                                                })
+                                            }),
+                                            /*#__PURE__*/ _jsx(Tooltip, {
+                                                title: "Remove stage",
+                                                children: /*#__PURE__*/ _jsx("span", {
+                                                    children: /*#__PURE__*/ _jsx(IconButton, {
+                                                        size: "small",
+                                                        color: "error",
+                                                        disabled: counting === stage.id || busy,
+                                                        onClick: ()=>void handleRemove(stage.id),
+                                                        children: /*#__PURE__*/ _jsx(MdiIcon, {
+                                                            path: mdiDeleteOutline.path,
+                                                            size: 0.8
+                                                        })
+                                                    })
+                                                })
+                                            })
+                                        ]
+                                    }) : /*#__PURE__*/ _jsx(Chip, {
+                                        size: "small",
+                                        label: stage.kind === 'won' ? 'Won' : 'Lost',
+                                        color: stage.kind === 'won' ? 'success' : 'default',
+                                        sx: {
+                                            minWidth: 120
+                                        }
+                                    })
+                                ]
+                            }, stage.id);
+                        }),
+                        /*#__PURE__*/ _jsxs(Stack, {
+                            direction: "row",
+                            spacing: 1,
+                            sx: {
+                                alignItems: 'center'
+                            },
+                            children: [
+                                /*#__PURE__*/ _jsx(TextField, {
+                                    size: "small",
+                                    label: "New stage",
+                                    value: newName,
+                                    onChange: (event)=>setNewName(event.target.value),
+                                    onKeyDown: (event)=>{
+                                        if (event.key !== 'Enter' || !newName.trim()) return;
+                                        event.preventDefault();
+                                        setStages((current)=>addStage(current, newName));
+                                        setNewName('');
+                                    },
+                                    sx: {
+                                        flex: 1
+                                    },
+                                    slotProps: {
+                                        htmlInput: {
+                                            maxLength: 60
+                                        }
+                                    }
+                                }),
+                                /*#__PURE__*/ _jsx(Button, {
+                                    disabled: !newName.trim(),
+                                    onClick: ()=>{
+                                        setStages((current)=>addStage(current, newName));
+                                        setNewName('');
+                                    },
+                                    children: 'Add stage'
+                                })
+                            ]
+                        }),
+                        problem ? /*#__PURE__*/ _jsx(Typography, {
+                            variant: "caption",
+                            color: "error",
+                            children: problem
+                        }) : null
+                    ]
+                })
+            }),
+            /*#__PURE__*/ _jsxs(DialogActions, {
+                children: [
+                    /*#__PURE__*/ _jsx(Button, {
+                        onClick: onClose,
+                        disabled: busy,
+                        children: 'Cancel'
+                    }),
+                    /*#__PURE__*/ _jsx(Button, {
+                        variant: "contained",
+                        disabled: busy || !pipeline || Boolean(problem),
+                        onClick: ()=>void handleSave(),
+                        children: 'Save stages'
+                    })
+                ]
+            })
+        ]
+    });
+}
+PipelineStagesDialog.displayName = 'PipelineStagesDialog';
+export default PipelineStagesDialog;
+
+//# sourceMappingURL=pipeline-stages-dialog.js.map

package/src/lib/components/pipeline-stages-dialog.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../../../../libs/plugins/crm/src/lib/components/pipeline-stages-dialog.tsx"],"sourcesContent":["/**\n * @license\n * Copyright 2026 Aglyn LLC\n *\n * Licensed under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License.\n * You may obtain a copy of the License at\n *\n *   http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software\n * distributed under the License is distributed on an \"AS IS\" BASIS,\n * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n * See the License for the specific language governing permissions and\n * limitations under the License.\n */\n'use client'\n\nimport { CRM_COLLECTIONS, type CrmDealStage } from '@aglyn/aglyn'\nimport {\n  mdiArrowDown,\n  mdiArrowUp,\n  mdiDeleteOutline,\n} from '@aglyn/shared-data-mdi'\nimport { MdiIcon } from '@aglyn/shared-ui-jsx'\nimport { useSnackbar } from '@aglyn/shared-ui-snackstack'\nimport { useFirestore, writeGuardedBySeed } from '@aglyn/tenant-feature-instance'\nimport {\n  Button,\n  Chip,\n  Dialog,\n  DialogActions,\n  DialogContent,\n  DialogTitle,\n  IconButton,\n  Stack,\n  TextField,\n  Tooltip,\n  Typography,\n} from '@mui/material'\nimport {\n  collection,\n  doc,\n  getCountFromServer,\n  query,\n  updateDoc,\n  where,\n} from 'firebase/firestore'\nimport { useCallback, useEffect, useState } from 'react'\nimport { crmVisibleToClause } from '../hooks/use-crm-scope'\nimport {\n  addStage,\n  moveStage,\n  type PipelineDoc,\n  removeStage,\n  renameStage,\n  setStageProbability,\n  sortedStages,\n  stageRemovalRefusal,\n  stagesProblem,\n} from '../model/deal-board-model'\n\nexport interface PipelineStagesDialogProps {\n  open: boolean\n  onClose: () => void\n  orgId: string\n  pipeline: PipelineDoc | null\n  /** The listener's verdict on the pipeline row the draft is seeded from. */\n  fromCache: boolean\n  unreadable: boolean\n  /** The scope tokens the deal count is filtered by — the viewer's own. */\n  /** The reader's tokens, or `null` at the organization level — no clause (AGL-2630). */\n  visibleToTokens: readonly string[] | null\n}\n\n/**\n * The pipeline's stages, edited as one draft and saved as one write.\n *\n * ## One document, one save\n *\n * The stages live as an array on the pipeline document, so every edit here\n * is a local change to a copy and the Save button writes the whole array\n * back. A per-row write would be a pipeline that is half renamed when the\n * network drops, and — because the board draws columns from this array —\n * a board that redraws between every keystroke for everybody looking at it.\n *\n * ## A stage with deals in it stays\n *\n * Removing a stage is the one edit that can strand data: every deal in it\n * would point at a stage id the pipeline no longer has, sit in no column,\n * and be worth nothing to the forecast. So the remove button first asks the\n * server how many deals are in the stage — an aggregate count over the same\n * scoped query the board reads — and refuses with that number when it is\n * not zero. The count is taken at the moment of the click rather than held\n * from when the dialog opened, because a deal can be dragged in from the\n * board in another tab meanwhile.\n *\n * Won and Lost cannot be removed or reordered; their probabilities are\n * fixed by what they mean.\n */\nexport function PipelineStagesDialog(props: PipelineStagesDialogProps) {\n  const { open, onClose, orgId, pipeline, fromCache, unreadable, visibleToTokens } =\n    props\n  const firestore = useFirestore()\n  const { enqueueSnackbar } = useSnackbar()\n  const [stages, setStages] = useState<CrmDealStage[]>([])\n  const [newName, setNewName] = useState('')\n  const [busy, setBusy] = useState(false)\n  const [counting, setCounting] = useState<string | null>(null)\n\n  // Re-seeded on every open, so the draft starts from the stored stages\n  // rather than from whatever the last session left unsaved.\n  useEffect(() => {\n    if (!open) return\n    setStages(sortedStages(pipeline))\n    setNewName('')\n  }, [open, pipeline])\n\n  const handleRemove = useCallback(\n    async (stageId: string) => {\n      if (!pipeline) return\n      setCounting(stageId)\n      try {\n        const snapshot = await getCountFromServer(\n          query(\n            collection(firestore, 'orgs', orgId, CRM_COLLECTIONS.deals),\n            ...crmVisibleToClause(visibleToTokens),\n            where('pipelineId', '==', pipeline.$id),\n            where('stageId', '==', stageId),\n          ),\n        )\n        const refusal = stageRemovalRefusal(stages, stageId, snapshot.data().count)\n        if (refusal) {\n          enqueueSnackbar(refusal, { variant: 'warning', persist: false })\n          return\n        }\n        setStages((current) => removeStage(current, stageId))\n      } catch (error) {\n        console.error(error)\n        enqueueSnackbar('The deals in this stage could not be counted, so it stays.', {\n          variant: 'error',\n          allowDuplicate: true,\n        })\n      } finally {\n        setCounting(null)\n      }\n    },\n    [firestore, orgId, pipeline, visibleToTokens, stages, enqueueSnackbar],\n  )\n\n  const problem = stagesProblem(stages)\n\n  const handleSave = useCallback(async () => {\n    if (!pipeline || problem) return\n    setBusy(true)\n    try {\n      const verdict = await writeGuardedBySeed(\n        { subject: 'pipeline', unreadable, fromCache },\n        async () => {\n          await updateDoc(\n            doc(firestore, 'orgs', orgId, CRM_COLLECTIONS.pipelines, pipeline.$id),\n            { stages, updatedAt: new Date() },\n          )\n        },\n      )\n      if (!verdict.ok) {\n        enqueueSnackbar(verdict.message, { variant: 'warning', persist: false })\n        return\n      }\n      enqueueSnackbar('Stages saved', { variant: 'success', persist: false })\n      onClose()\n    } catch (error) {\n      console.error(error)\n      enqueueSnackbar('An error has occurred', {\n        variant: 'error',\n        allowDuplicate: true,\n      })\n    } finally {\n      setBusy(false)\n    }\n  }, [firestore, orgId, pipeline, problem, stages, unreadable, fromCache, enqueueSnackbar, onClose])\n\n  const openCount = stages.filter((stage) => stage.kind === 'open').length\n\n  return (\n    <Dialog open={open} onClose={busy ? undefined : onClose} fullWidth maxWidth=\"sm\">\n      <DialogTitle>{pipeline ? `${pipeline.name} stages` : 'Stages'}</DialogTitle>\n      <DialogContent>\n        <Stack spacing={2} sx={{ pt: 1 }}>\n          <Typography variant=\"body2\" color=\"text.secondary\">\n            {'The probability is the chance a deal in that stage closes, which ' +\n              'is what the weighted value multiplies by. Won is always 100% and ' +\n              'Lost always 0%.'}\n          </Typography>\n          {stages.map((stage, index) => {\n            const isOpen = stage.kind === 'open'\n            const first = index === 0\n            const lastOpen = index === openCount - 1\n            return (\n              <Stack\n                key={stage.id}\n                direction=\"row\"\n                spacing={1}\n                sx={{ alignItems: 'center' }}\n              >\n                <TextField\n                  size=\"small\"\n                  label=\"Stage\"\n                  value={stage.name}\n                  onChange={(event) =>\n                    setStages((current) =>\n                      renameStage(current, stage.id, event.target.value),\n                    )\n                  }\n                  sx={{ flex: 1 }}\n                  slotProps={{ htmlInput: { maxLength: 60 } }}\n                />\n                <TextField\n                  size=\"small\"\n                  label=\"Probability\"\n                  type=\"number\"\n                  value={stage.probability}\n                  disabled={!isOpen}\n                  onChange={(event) =>\n                    setStages((current) =>\n                      setStageProbability(current, stage.id, event.target.value),\n                    )\n                  }\n                  sx={{ width: 120 }}\n                  slotProps={{\n                    htmlInput: { min: 0, max: 100, step: 5 },\n                    input: { endAdornment: '%' },\n                  }}\n                />\n                {isOpen ? (\n                  <>\n                    <Tooltip title=\"Move up\">\n                      <span>\n                        <IconButton\n                          size=\"small\"\n                          disabled={first}\n                          onClick={() =>\n                            setStages((current) => moveStage(current, stage.id, 'up'))\n                          }\n                        >\n                          <MdiIcon path={mdiArrowUp.path} size={0.8} />\n                        </IconButton>\n                      </span>\n                    </Tooltip>\n                    <Tooltip title=\"Move down\">\n                      <span>\n                        <IconButton\n                          size=\"small\"\n                          disabled={lastOpen}\n                          onClick={() =>\n                            setStages((current) => moveStage(current, stage.id, 'down'))\n                          }\n                        >\n                          <MdiIcon path={mdiArrowDown.path} size={0.8} />\n                        </IconButton>\n                      </span>\n                    </Tooltip>\n                    <Tooltip title=\"Remove stage\">\n                      <span>\n                        <IconButton\n                          size=\"small\"\n                          color=\"error\"\n                          disabled={counting === stage.id || busy}\n                          onClick={() => void handleRemove(stage.id)}\n                        >\n                          <MdiIcon path={mdiDeleteOutline.path} size={0.8} />\n                        </IconButton>\n                      </span>\n                    </Tooltip>\n                  </>\n                ) : (\n                  <Chip\n                    size=\"small\"\n                    label={stage.kind === 'won' ? 'Won' : 'Lost'}\n                    color={stage.kind === 'won' ? 'success' : 'default'}\n                    sx={{ minWidth: 120 }}\n                  />\n                )}\n              </Stack>\n            )\n          })}\n          <Stack direction=\"row\" spacing={1} sx={{ alignItems: 'center' }}>\n            <TextField\n              size=\"small\"\n              label=\"New stage\"\n              value={newName}\n              onChange={(event) => setNewName(event.target.value)}\n              onKeyDown={(event) => {\n                if (event.key !== 'Enter' || !newName.trim()) return\n                event.preventDefault()\n                setStages((current) => addStage(current, newName))\n                setNewName('')\n              }}\n              sx={{ flex: 1 }}\n              slotProps={{ htmlInput: { maxLength: 60 } }}\n            />\n            <Button\n              disabled={!newName.trim()}\n              onClick={() => {\n                setStages((current) => addStage(current, newName))\n                setNewName('')\n              }}\n            >\n              {'Add stage'}\n            </Button>\n          </Stack>\n          {problem ? (\n            <Typography variant=\"caption\" color=\"error\">\n              {problem}\n            </Typography>\n          ) : null}\n        </Stack>\n      </DialogContent>\n      <DialogActions>\n        <Button onClick={onClose} disabled={busy}>\n          {'Cancel'}\n        </Button>\n        <Button\n          variant=\"contained\"\n          disabled={busy || !pipeline || Boolean(problem)}\n          onClick={() => void handleSave()}\n        >\n          {'Save stages'}\n        </Button>\n      </DialogActions>\n    </Dialog>\n  )\n}\nPipelineStagesDialog.displayName = 'PipelineStagesDialog'\n\nexport default PipelineStagesDialog\n"],"names":["CRM_COLLECTIONS","mdiArrowDown","mdiArrowUp","mdiDeleteOutline","MdiIcon","useSnackbar","useFirestore","writeGuardedBySeed","Button","Chip","Dialog","DialogActions","DialogContent","DialogTitle","IconButton","Stack","TextField","Tooltip","Typography","collection","doc","getCountFromServer","query","updateDoc","where","useCallback","useEffect","useState","crmVisibleToClause","addStage","moveStage","removeStage","renameStage","setStageProbability","sortedStages","stageRemovalRefusal","stagesProblem","PipelineStagesDialog","props","open","onClose","orgId","pipeline","fromCache","unreadable","visibleToTokens","firestore","enqueueSnackbar","stages","setStages","newName","setNewName","busy","setBusy","counting","setCounting","handleRemove","stageId","snapshot","deals","$id","refusal","data","count","variant","persist","current","error","console","allowDuplicate","problem","handleSave","verdict","subject","pipelines","updatedAt","Date","ok","message","openCount","filter","stage","kind","length","undefined","fullWidth","maxWidth","name","spacing","sx","pt","color","map","index","isOpen","first","lastOpen","direction","alignItems","size","label","value","onChange","event","id","target","flex","slotProps","htmlInput","maxLength","type","probability","disabled","width","min","max","step","input","endAdornment","title","span","onClick","path","minWidth","onKeyDown","key","trim","preventDefault","Boolean","displayName"],"mappings":"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"}

package/src/lib/components/pipelines-dialog.d.ts

@@ -0,0 +1,55 @@
+import { type PipelineDoc } from '../model/deal-board-model';
+export interface PipelinesDialogProps {
+    open: boolean;
+    onClose: () => void;
+    orgId: string;
+    /**
+     * The site this console is viewed from — provenance on a pipeline created
+     * here — or at the organization level the site the reader picked, `null`
+     * until they have (AGL-2630): a pipeline made there is the org's.
+     */
+    hostId: string | null;
+    /** Every pipeline the viewer may read, archived ones included. */
+    pipelines: PipelineDoc[];
+    /** The listener's verdict on the rows, for the stale-seed guard. */
+    fromCache: boolean;
+    unreadable: boolean;
+    /** The scope tokens the open-deal count is filtered by — the viewer's own. */
+    visibleToTokens: readonly string[];
+    /** What a pipeline created here is stamped with. */
+    createTokens: readonly string[];
+}
+/**
+ * The org's pipelines (AGL-2620): list, create, rename, set as default,
+ * archive, and a door into each one's stages.
+ *
+ * ## Org documents, scoped like every CRM row
+ *
+ * A pipeline lives at `orgs/{orgId}/pipelines` and is stamped with the same
+ * scope tokens a contact captured on this site would carry, so an agency's
+ * client sees its own pipelines and the org-wide ones — the same rule the
+ * board reads by. Nothing here assumes one site: the tokens come in as
+ * props from `useCrmScope`, and an org-level mount passes its own.
+ *
+ * ## What each verb writes
+ *
+ * - **New pipeline** — one `addDoc` of `newPipelineDocument`: a COPY of the
+ *   default stages, not the default, active. The field sits UNDER the list.
+ * - **Rename** — `name` on the one document, refused when an active
+ *   pipeline already has the name (`pipelineNameProblem`).
+ * - **Set as default** — one batch: the flag on, and off on every other
+ *   document that had it. A batch rather than two updates because two
+ *   defaults for the length of a network round trip is a board that opens
+ *   on either.
+ * - **Archive** — `archivedAt: now`, after the server has counted the
+ *   pipeline's OPEN deals and `pipelineArchiveRefusal` has agreed; the
+ *   count is taken at the click because a deal can be created into the
+ *   pipeline from another tab meanwhile. The default pipeline and the last
+ *   active one refuse. **Restore** clears the stamp.
+ * - **Edit stages** — opens the stages dialog for that pipeline, unchanged.
+ */
+export declare function PipelinesDialog(props: PipelinesDialogProps): import("react").JSX.Element;
+export declare namespace PipelinesDialog {
+    var displayName: string;
+}
+export default PipelinesDialog;