@aglyn/plugins-crm 1.0.0-beta.143

package/src/lib/components/deal-products-card.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../../../../libs/plugins/crm/src/lib/components/deal-products-card.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 {\n  type AglynOrgBilling,\n  checkEntitlement,\n  CRM_COLLECTIONS,\n  type CrmDealLineItem,\n  DEAL_LINE_ITEM_NAME_MAX,\n  DEAL_LINE_ITEM_QUANTITY_MAX,\n  DEAL_LINE_ITEMS_MAX,\n  lineItemsTotalCents,\n  nameSearchToken,\n  pluginDocsHelp,\n  readDealLineItems,\n} from '@aglyn/aglyn'\nimport { mdiDeleteOutline, mdiPlus } from '@aglyn/shared-data-mdi'\nimport { CardDisplay, MdiIcon } from '@aglyn/shared-ui-jsx'\nimport { ScrollTable } from '@aglyn/shared-ui-jsx/components/scroll-table.component'\nimport { useSnackbar } from '@aglyn/shared-ui-snackstack'\nimport { useFirestore, writeGuardedBySeed } from '@aglyn/tenant-feature-instance'\nimport {\n  Autocomplete,\n  Button,\n  Dialog,\n  DialogActions,\n  DialogContent,\n  DialogTitle,\n  IconButton,\n  Stack,\n  TableBody,\n  TableCell,\n  TableHead,\n  TableRow,\n  TextField,\n  ToggleButton,\n  ToggleButtonGroup,\n  Tooltip,\n  Typography,\n} from '@mui/material'\nimport {\n  collection,\n  doc,\n  getDocs,\n  limit,\n  orderBy,\n  query,\n  updateDoc,\n  where,\n} from 'firebase/firestore'\nimport { useCallback, useEffect, useMemo, useState } from 'react'\nimport type { CrmOrgDoc } from '../hooks/use-crm-scope'\nimport {\n  amountInputValue,\n  type DealDoc,\n  DEFAULT_DEAL_CURRENCY,\n  formatMoney,\n  parseAmountInput,\n} from '../model/deal-board-model'\n\n/** Catalog matches offered per keystroke; a longer list is a scroll, not a pick. */\nconst CATALOG_MATCHES = 8\n\n/** One thing the catalog search offers: a product, or one variant of it. */\ninterface CatalogChoice {\n  key: string\n  productId: string\n  label: string\n  unitAmountCents: number\n}\n\nexport interface DealProductsCardProps {\n  deal: DealDoc\n  orgId: string\n  /**\n   * The site whose catalog the search reads — the console's own, or\n   * `null` at the organization level (AGL-2630), where the deal's own\n   * capturing site is searched; a deal with none takes lines by hand only.\n   */\n  hostId: string | null\n  org: CrmOrgDoc\n  /** The listener's verdict on the deal, for the stale-seed guard. */\n  fromCache: boolean\n  unreadable: boolean\n}\n\n/**\n * The products behind a deal's amount (AGL-2620).\n *\n * ## The amount follows the lines\n *\n * Every write here stores `lineItems` AND `amountCents` as their sum, in\n * one update, so the board, the reports and the API keep reading the one\n * field they always read and no reader adds up lines. Once a deal has a\n * line, the drawer's Amount goes read-only and says why; remove the last\n * line and the amount is typed again, keeping the last sum rather than\n * dropping to nothing. The currency is the deal's — a line cannot be in\n * another, because their sum is one number.\n *\n * ## Two doors to a line\n *\n * **From the catalog** searches THIS site's products — a prefix on\n * `nameTokens` over active products, the query the products hub runs and\n * the `(status, nameTokens, nameLower)` index serves — and offers each\n * variant priced. The catalog is USD; a deal in another currency is told\n * so and can edit the unit amount after. **By hand** takes a name and a\n * price with no product behind them, which is also all a plan without\n * commerce gets: the catalog door is not drawn for it, because the site\n * has no catalog to search.\n *\n * Adding opens a dialog rather than a row of fields above the table, and\n * a quantity is edited in place and written on blur.\n */\nexport function DealProductsCard(props: DealProductsCardProps) {\n  const { deal, orgId, hostId, org, fromCache, unreadable } = props\n  const firestore = useFirestore()\n  // The catalog searched: the mounted site's, or the deal's own.\n  const catalogHostId = hostId ?? deal.hostId ?? null\n  const { enqueueSnackbar } = useSnackbar()\n  const currency = String(deal.currency || DEFAULT_DEAL_CURRENCY).toLowerCase()\n  const items = useMemo(() => deal.lineItems ?? [], [deal.lineItems])\n  const hasCommerce = checkEntitlement(\n    (org ?? null) as Partial<AglynOrgBilling> | null,\n    'commerce',\n  )\n  const [busy, setBusy] = useState(false)\n  const [adding, setAdding] = useState(false)\n\n  /** The one write: the lines and their sum, together. */\n  const save = useCallback(\n    async (next: CrmDealLineItem[], done: string) => {\n      const read = readDealLineItems(next, currency)\n      if ('error' in read) {\n        enqueueSnackbar(read.error, { variant: 'warning', persist: false })\n        return false\n      }\n      setBusy(true)\n      try {\n        const verdict = await writeGuardedBySeed(\n          { subject: 'deal', unreadable, fromCache },\n          async () => {\n            await updateDoc(doc(firestore, 'orgs', orgId, CRM_COLLECTIONS.deals, deal.$id), {\n              lineItems: read.items,\n              // The last sum stays on a deal whose lines were all removed:\n              // the forecast should not drop to zero because a quote was\n              // cleared to be retyped.\n              ...(read.items.length ? { amountCents: lineItemsTotalCents(read.items) } : {}),\n              updatedAt: new Date(),\n            })\n          },\n        )\n        if (!verdict.ok) {\n          enqueueSnackbar(verdict.message, { variant: 'warning', persist: false })\n          return false\n        }\n        enqueueSnackbar(done, { variant: 'success', persist: false })\n        return true\n      } catch (error) {\n        console.error(error)\n        enqueueSnackbar('An error has occurred', { variant: 'error', allowDuplicate: true })\n        return false\n      } finally {\n        setBusy(false)\n      }\n    },\n    [currency, enqueueSnackbar, unreadable, fromCache, firestore, orgId, deal.$id],\n  )\n\n  const handleRemove = useCallback(\n    (index: number) =>\n      void save(\n        items.filter((_item, at) => at !== index),\n        'Line removed',\n      ),\n    [items, save],\n  )\n  const handleQuantity = useCallback(\n    (index: number, quantity: number) => {\n      if (quantity === items[index]?.quantity) return\n      void save(\n        items.map((item, at) => (at === index ? { ...item, quantity } : item)),\n        'Quantity saved',\n      )\n    },\n    [items, save],\n  )\n  const handleAdd = useCallback(\n    async (line: CrmDealLineItem) => {\n      const ok = await save([...items, line], 'Line added')\n      if (ok) setAdding(false)\n    },\n    [items, save],\n  )\n\n  const total = lineItemsTotalCents(items)\n  const full = items.length >= DEAL_LINE_ITEMS_MAX\n\n  return (\n    <>\n      <CardDisplay\n        header={'Products'}\n        help={pluginDocsHelp('deals', { anchor: '#line-items' })}\n        actions={\n          <Tooltip title={full ? `A deal carries at most ${DEAL_LINE_ITEMS_MAX} lines` : ''}>\n            <span>\n              <Button\n                size=\"small\"\n                startIcon={<MdiIcon path={mdiPlus.path} size={0.8} />}\n                disabled={busy || full}\n                onClick={() => setAdding(true)}\n              >\n                {'Add line'}\n              </Button>\n            </span>\n          </Tooltip>\n        }\n        contentGutterX\n        contentGutterY\n      >\n        {items.length === 0 ? (\n          <Typography variant=\"body2\" color=\"text.secondary\">\n            {hasCommerce\n              ? 'No line items yet. Add products from your catalog or by hand; the amount becomes their sum.'\n              : 'No line items yet. Add what the deal is for, priced by hand; the amount becomes their sum.'}\n          </Typography>\n        ) : (\n          <ScrollTable size=\"small\" aria-label=\"Line items\">\n            <TableHead>\n              <TableRow>\n                <TableCell>{'Item'}</TableCell>\n                <TableCell align=\"right\" sx={{ width: 110 }}>\n                  {'Quantity'}\n                </TableCell>\n                <TableCell align=\"right\">{'Unit'}</TableCell>\n                <TableCell align=\"right\">{'Total'}</TableCell>\n                <TableCell sx={{ width: 48 }} />\n              </TableRow>\n            </TableHead>\n            <TableBody>\n              {items.map((item, index) => (\n                <TableRow key={`${index}:${item.productId ?? item.name}`}>\n                  <TableCell>\n                    <Typography variant=\"body2\">{item.name}</Typography>\n                    {item.productId ? (\n                      <Typography variant=\"caption\" color=\"text.secondary\">\n                        {'From the catalog'}\n                      </Typography>\n                    ) : null}\n                  </TableCell>\n                  <TableCell align=\"right\">\n                    <QuantityField\n                      value={item.quantity}\n                      disabled={busy}\n                      label={`Quantity of ${item.name}`}\n                      onCommit={(quantity) => handleQuantity(index, quantity)}\n                    />\n                  </TableCell>\n                  <TableCell align=\"right\">{formatMoney(item.unitAmountCents, currency)}</TableCell>\n                  <TableCell align=\"right\">\n                    {formatMoney(item.quantity * item.unitAmountCents, currency)}\n                  </TableCell>\n                  <TableCell padding=\"none\" align=\"right\">\n                    <Tooltip title=\"Remove line\">\n                      <span>\n                        <IconButton\n                          size=\"small\"\n                          color=\"error\"\n                          disabled={busy}\n                          aria-label={`Remove ${item.name}`}\n                          onClick={() => handleRemove(index)}\n                        >\n                          <MdiIcon path={mdiDeleteOutline.path} size={0.8} />\n                        </IconButton>\n                      </span>\n                    </Tooltip>\n                  </TableCell>\n                </TableRow>\n              ))}\n              <TableRow>\n                <TableCell colSpan={3}>\n                  <Typography variant=\"subtitle2\">{'Amount'}</Typography>\n                </TableCell>\n                <TableCell align=\"right\">\n                  <Typography variant=\"subtitle2\" data-testid=\"line-items-total\">\n                    {formatMoney(total, currency)}\n                  </Typography>\n                </TableCell>\n                <TableCell padding=\"none\" />\n              </TableRow>\n            </TableBody>\n          </ScrollTable>\n        )}\n      </CardDisplay>\n      <AddLineDialog\n        open={adding}\n        onClose={() => setAdding(false)}\n        hostId={catalogHostId}\n        currency={currency}\n        catalog={hasCommerce && Boolean(catalogHostId)}\n        busy={busy}\n        onAdd={handleAdd}\n      />\n    </>\n  )\n}\nDealProductsCard.displayName = 'DealProductsCard'\n\ninterface QuantityFieldProps {\n  value: number\n  disabled: boolean\n  label: string\n  onCommit: (quantity: number) => void\n}\n\n/** A quantity edited in place, committed on blur or Enter, refused below one. */\nfunction QuantityField(props: QuantityFieldProps) {\n  const { value, disabled, label, onCommit } = props\n  const [draft, setDraft] = useState(String(value))\n  useEffect(() => setDraft(String(value)), [value])\n  const commit = () => {\n    const quantity = Number(draft)\n    if (Number.isInteger(quantity) && quantity >= 1 && quantity <= DEAL_LINE_ITEM_QUANTITY_MAX) {\n      onCommit(quantity)\n    } else {\n      setDraft(String(value))\n    }\n  }\n  return (\n    <TextField\n      size=\"small\"\n      type=\"number\"\n      value={draft}\n      disabled={disabled}\n      onChange={(event) => setDraft(event.target.value)}\n      onBlur={commit}\n      onKeyDown={(event) => {\n        if (event.key === 'Enter') {\n          event.preventDefault()\n          ;(event.target as HTMLInputElement).blur()\n        }\n      }}\n      sx={{ width: 88 }}\n      slotProps={{\n        htmlInput: {\n          min: 1,\n          max: DEAL_LINE_ITEM_QUANTITY_MAX,\n          step: 1,\n          'aria-label': label,\n          style: { textAlign: 'right' },\n        },\n      }}\n    />\n  )\n}\nQuantityField.displayName = 'QuantityField'\n\ninterface AddLineDialogProps {\n  open: boolean\n  onClose: () => void\n  /** The site whose catalog is searched; `null` draws no catalog door. */\n  hostId: string | null\n  currency: string\n  /** Whether the catalog door is drawn — the plan has commerce. */\n  catalog: boolean\n  busy: boolean\n  onAdd: (line: CrmDealLineItem) => Promise<void>\n}\n\ntype Door = 'catalog' | 'manual'\n\nfunction AddLineDialog(props: AddLineDialogProps) {\n  const { open, onClose, hostId, currency, catalog, busy, onAdd } = props\n  const firestore = useFirestore()\n  const [door, setDoor] = useState<Door>(catalog ? 'catalog' : 'manual')\n  const [picked, setPicked] = useState<CatalogChoice | null>(null)\n  const [name, setName] = useState('')\n  const [quantity, setQuantity] = useState('1')\n  const [unit, setUnit] = useState('')\n  const [search, setSearch] = useState('')\n  const [choices, setChoices] = useState<CatalogChoice[]>([])\n\n  useEffect(() => {\n    if (!open) return\n    setDoor(catalog ? 'catalog' : 'manual')\n    setPicked(null)\n    setName('')\n    setQuantity('1')\n    setUnit('')\n    setSearch('')\n    setChoices([])\n  }, [open, catalog])\n\n  /*\n   * THE CATALOG SEARCH: the first typed word as a prefix token over active\n   * products, ordered by name, debounced so a name typed at speed is one\n   * query rather than one per letter. Each variant is its own choice,\n   * priced from `priceUsd` in cents.\n   */\n  useEffect(() => {\n    if (!open || door !== 'catalog' || !hostId) return\n    const token = nameSearchToken(search)\n    if (!token) {\n      setChoices([])\n      return\n    }\n    let active = true\n    const timer = setTimeout(() => {\n      void getDocs(\n        query(\n          collection(firestore, 'hosts', hostId, 'products'),\n          where('status', '==', 'active'),\n          where('nameTokens', 'array-contains', token),\n          orderBy('nameLower'),\n          limit(CATALOG_MATCHES),\n        ),\n      )\n        .then((snapshot) => {\n          if (!active) return\n          const next: CatalogChoice[] = []\n          for (const entry of snapshot.docs) {\n            const productName = String(entry.get('name') ?? '')\n            const variants = (entry.get('variants') as Array<Record<string, unknown>> | undefined) ?? []\n            const priced = variants.length\n              ? variants\n              : [{ id: '', priceUsd: entry.get('priceUsd') }]\n            for (const variant of priced) {\n              const options = Object.values((variant['options'] as Record<string, string>) ?? {})\n              const label = options.length ? `${productName} — ${options.join(' / ')}` : productName\n              next.push({\n                key: `${entry.id}:${String(variant['id'] ?? '')}`,\n                productId: entry.id,\n                label,\n                unitAmountCents: Math.max(0, Math.round((Number(variant['priceUsd']) || 0) * 100)),\n              })\n            }\n          }\n          setChoices(next)\n        })\n        .catch(() => {\n          if (active) setChoices([])\n        })\n    }, 200)\n    return () => {\n      active = false\n      clearTimeout(timer)\n    }\n  }, [firestore, open, door, hostId, search])\n\n  const unitCents = parseAmountInput(unit)\n  const quantityNumber = Number(quantity)\n  const lineName = (door === 'catalog' ? (name || picked?.label || '') : name).trim()\n  const problem = !lineName\n    ? door === 'catalog'\n      ? 'Pick a product.'\n      : 'A line needs a name.'\n    : !Number.isInteger(quantityNumber) || quantityNumber < 1\n      ? 'The quantity has to be a whole number of one or more.'\n      : unitCents === null\n        ? 'The unit amount has to be a number of zero or more.'\n        : null\n\n  const handleAdd = () => {\n    if (problem || unitCents === null) return\n    void onAdd({\n      ...(door === 'catalog' && picked ? { productId: picked.productId } : {}),\n      name: lineName.slice(0, DEAL_LINE_ITEM_NAME_MAX),\n      quantity: quantityNumber,\n      unitAmountCents: unitCents,\n      currency,\n    })\n  }\n\n  return (\n    <Dialog open={open} onClose={busy ? undefined : onClose} fullWidth maxWidth=\"xs\">\n      <DialogTitle>{'Add a line'}</DialogTitle>\n      <DialogContent>\n        <Stack spacing={2} sx={{ pt: 1 }}>\n          {catalog ? (\n            <ToggleButtonGroup\n              exclusive\n              size=\"small\"\n              color=\"primary\"\n              value={door}\n              onChange={(_event, next) => {\n                if (next) setDoor(next as Door)\n              }}\n              aria-label=\"Where the line comes from\"\n            >\n              <ToggleButton value=\"catalog\">{'From the catalog'}</ToggleButton>\n              <ToggleButton value=\"manual\">{'By hand'}</ToggleButton>\n            </ToggleButtonGroup>\n          ) : null}\n          {door === 'catalog' ? (\n            <Autocomplete<CatalogChoice, false, false, false>\n              options={choices}\n              value={picked}\n              inputValue={search}\n              onInputChange={(_event, next, reason) => {\n                if (reason !== 'reset') setSearch(next)\n              }}\n              onChange={(_event, choice) => {\n                setPicked(choice)\n                setName(choice?.label ?? '')\n                setUnit(choice ? amountInputValue(choice.unitAmountCents) : '')\n              }}\n              getOptionLabel={(choice) => choice.label}\n              isOptionEqualToValue={(option, value) => option.key === value.key}\n              // The match is the query's own prefix over `nameTokens`, never\n              // MUI's substring filter over labels.\n              filterOptions={(options) => options}\n              renderOption={(optionProps, choice) => (\n                <li {...optionProps} key={choice.key}>\n                  <Stack direction=\"row\" spacing={1} sx={{ width: '100%', alignItems: 'baseline' }}>\n                    <Typography variant=\"body2\" sx={{ flex: 1 }}>\n                      {choice.label}\n                    </Typography>\n                    <Typography variant=\"caption\" color=\"text.secondary\">\n                      {formatMoney(choice.unitAmountCents, 'usd')}\n                    </Typography>\n                  </Stack>\n                </li>\n              )}\n              noOptionsText={search.trim() ? 'No active product matches' : 'Type a product name'}\n              renderInput={(params) => (\n                <TextField\n                  {...params}\n                  label=\"Product\"\n                  placeholder=\"Search this site's catalog\"\n                  autoFocus\n                  helperText={\n                    currency !== 'usd'\n                      ? `Catalog prices are in USD; this deal is in ${currency.toUpperCase()}. Check the unit amount.`\n                      : undefined\n                  }\n                />\n              )}\n            />\n          ) : (\n            <TextField\n              label=\"Name\"\n              value={name}\n              onChange={(event) => setName(event.target.value)}\n              autoFocus\n              fullWidth\n              slotProps={{ htmlInput: { maxLength: DEAL_LINE_ITEM_NAME_MAX } }}\n            />\n          )}\n          <Stack direction=\"row\" spacing={1}>\n            <TextField\n              label=\"Quantity\"\n              type=\"number\"\n              value={quantity}\n              onChange={(event) => setQuantity(event.target.value)}\n              sx={{ width: 120 }}\n              slotProps={{ htmlInput: { min: 1, max: DEAL_LINE_ITEM_QUANTITY_MAX, step: 1 } }}\n            />\n            <TextField\n              label={`Unit amount (${currency.toUpperCase()})`}\n              value={unit}\n              onChange={(event) => setUnit(event.target.value)}\n              placeholder=\"0.00\"\n              sx={{ flex: 1 }}\n              slotProps={{ htmlInput: { inputMode: 'decimal' } }}\n            />\n          </Stack>\n          {problem && (lineName || unit) ? (\n            <Typography variant=\"caption\" color=\"warning.main\">\n              {problem}\n            </Typography>\n          ) : null}\n        </Stack>\n      </DialogContent>\n      <DialogActions>\n        <Button onClick={onClose} disabled={busy}>\n          {'Cancel'}\n        </Button>\n        <Button variant=\"contained\" disabled={busy || Boolean(problem)} onClick={handleAdd}>\n          {'Add line'}\n        </Button>\n      </DialogActions>\n    </Dialog>\n  )\n}\nAddLineDialog.displayName = 'AddLineDialog'\n\nexport default DealProductsCard\n"],"names":["checkEntitlement","CRM_COLLECTIONS","DEAL_LINE_ITEM_NAME_MAX","DEAL_LINE_ITEM_QUANTITY_MAX","DEAL_LINE_ITEMS_MAX","lineItemsTotalCents","nameSearchToken","pluginDocsHelp","readDealLineItems","mdiDeleteOutline","mdiPlus","CardDisplay","MdiIcon","ScrollTable","useSnackbar","useFirestore","writeGuardedBySeed","Autocomplete","Button","Dialog","DialogActions","DialogContent","DialogTitle","IconButton","Stack","TableBody","TableCell","TableHead","TableRow","TextField","ToggleButton","ToggleButtonGroup","Tooltip","Typography","collection","doc","getDocs","limit","orderBy","query","updateDoc","where","useCallback","useEffect","useMemo","useState","amountInputValue","DEFAULT_DEAL_CURRENCY","formatMoney","parseAmountInput","CATALOG_MATCHES","DealProductsCard","props","hostId","deal","orgId","org","fromCache","unreadable","firestore","catalogHostId","enqueueSnackbar","currency","String","toLowerCase","items","lineItems","hasCommerce","busy","setBusy","adding","setAdding","save","next","done","read","error","variant","persist","verdict","subject","deals","$id","length","amountCents","updatedAt","Date","ok","message","console","allowDuplicate","handleRemove","index","filter","_item","at","handleQuantity","quantity","map","item","handleAdd","line","total","full","header","help","anchor","actions","title","span","size","startIcon","path","disabled","onClick","contentGutterX","contentGutterY","color","aria-label","align","sx","width","name","productId","QuantityField","value","label","onCommit","unitAmountCents","padding","colSpan","data-testid","AddLineDialog","open","onClose","catalog","Boolean","onAdd","displayName","draft","setDraft","commit","Number","isInteger","type","onChange","event","target","onBlur","onKeyDown","key","preventDefault","blur","slotProps","htmlInput","min","max","step","style","textAlign","door","setDoor","picked","setPicked","setName","setQuantity","unit","setUnit","search","setSearch","choices","setChoices","token","active","timer","setTimeout","then","snapshot","entry","docs","productName","get","variants","priced","id","priceUsd","options","Object","values","join","push","Math","round","catch","clearTimeout","unitCents","quantityNumber","lineName","trim","problem","slice","undefined","fullWidth","maxWidth","spacing","pt","exclusive","_event","inputValue","onInputChange","reason","choice","getOptionLabel","isOptionEqualToValue","option","filterOptions","renderOption","optionProps","li","direction","alignItems","flex","noOptionsText","renderInput","params","placeholder","autoFocus","helperText","toUpperCase","maxLength","inputMode"],"mappings":"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"}

package/src/lib/components/deal-properties-card.d.ts

@@ -0,0 +1,29 @@
+import { type ContactFieldDefinition } from '@aglyn/aglyn';
+import { type DealDoc, type PipelineDoc } from '../model/deal-board-model';
+import type { CrmRoutes } from '../model/crm-routes';
+export interface DealPropertiesCardProps {
+    deal: DealDoc;
+    pipeline: PipelineDoc | null;
+    ownerLabel: string;
+    routes: CrmRoutes;
+    /**
+     * The org's ACTIVE deal field definitions (AGL-2661), one row each under
+     * the fixed properties. Handed in by the page, which resolves the org
+     * once for every card on it.
+     */
+    customFields?: readonly ContactFieldDefinition[];
+}
+/**
+ * What the deal is worth and who it is with (AGL-2598).
+ *
+ * The weighted value is computed here from the live pipeline rather than
+ * stored, because the stage's probability is the merchant's to change and
+ * a stored figure would go stale the moment they did. The contact and the
+ * company are links into their own pages — the id is the link; the name on
+ * the deal is a caption that may lag a rename.
+ */
+export declare function DealPropertiesCard(props: DealPropertiesCardProps): import("react").JSX.Element;
+export declare namespace DealPropertiesCard {
+    var displayName: string;
+}
+export default DealPropertiesCard;

package/src/lib/components/deal-properties-card.js

@@ -0,0 +1,144 @@
+/**
+ * @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 } from "react/jsx-runtime";
+import { dealStageById, pluginDocsHelp, weightedDealAmountCents } from "@aglyn/aglyn";
+import { AppLink, CardDisplay } from "@aglyn/shared-ui-jsx";
+import { Link, Stack, Typography } from "@mui/material";
+import { formatContactCustomValue } from "./contact-custom-columns.js";
+import { formatMoney, timestampMs } from "../model/deal-board-model.js";
+function Row(props) {
+    return /*#__PURE__*/ _jsxs(Stack, {
+        direction: "row",
+        spacing: 2,
+        sx: {
+            alignItems: 'baseline'
+        },
+        children: [
+            /*#__PURE__*/ _jsx(Typography, {
+                variant: "caption",
+                color: "text.secondary",
+                sx: {
+                    width: 120,
+                    flexShrink: 0
+                },
+                children: props.label
+            }),
+            /*#__PURE__*/ _jsx(Typography, {
+                variant: "body2",
+                component: "div",
+                sx: {
+                    flex: 1,
+                    minWidth: 0
+                },
+                children: props.children
+            })
+        ]
+    });
+}
+/**
+ * What the deal is worth and who it is with (AGL-2598).
+ *
+ * The weighted value is computed here from the live pipeline rather than
+ * stored, because the stage's probability is the merchant's to change and
+ * a stored figure would go stale the moment they did. The contact and the
+ * company are links into their own pages — the id is the link; the name on
+ * the deal is a caption that may lag a rename.
+ */ export function DealPropertiesCard(props) {
+    var _ref;
+    const { deal, pipeline, ownerLabel, routes, customFields = [] } = props;
+    const stage = dealStageById(pipeline, deal.stageId);
+    const weighted = weightedDealAmountCents(deal, stage);
+    const createdMs = timestampMs(deal.createdAt);
+    return /*#__PURE__*/ _jsx(CardDisplay, {
+        header: 'Properties',
+        help: pluginDocsHelp('deals', {
+            anchor: '#a-deals-page'
+        }),
+        contentGutterX: true,
+        contentGutterY: true,
+        children: /*#__PURE__*/ _jsxs(Stack, {
+            spacing: 1.25,
+            children: [
+                /*#__PURE__*/ _jsx(Row, {
+                    label: "Amount",
+                    children: typeof deal.amountCents === 'number' ? formatMoney(deal.amountCents, deal.currency) : 'Not set'
+                }),
+                /*#__PURE__*/ _jsx(Row, {
+                    label: "Weighted value",
+                    children: `${formatMoney(weighted, deal.currency)}` + (deal.status === 'open' && stage ? ` at ${stage.probability}%` : '')
+                }),
+                /*#__PURE__*/ _jsx(Row, {
+                    label: "Expected close",
+                    children: typeof deal.expectedCloseAtMs === 'number' ? new Date(deal.expectedCloseAtMs).toLocaleDateString() : 'Not set'
+                }),
+                /*#__PURE__*/ _jsx(Row, {
+                    label: "Owner",
+                    children: ownerLabel || 'Nobody yet'
+                }),
+                /*#__PURE__*/ _jsx(Row, {
+                    label: "Contact",
+                    children: deal.contactId ? /*#__PURE__*/ _jsx(AppLink, {
+                        href: routes.contact(deal.contactId),
+                        children: deal.contactName || 'Open contact'
+                    }) : 'None'
+                }),
+                /*#__PURE__*/ _jsx(Row, {
+                    label: "Company",
+                    children: deal.companyId ? /*#__PURE__*/ _jsx(AppLink, {
+                        href: routes.company(deal.companyId),
+                        children: deal.companyName || 'Open company'
+                    }) : 'None'
+                }),
+                /*#__PURE__*/ _jsx(Row, {
+                    label: "Pipeline",
+                    children: (_ref = pipeline == null ? void 0 : pipeline.name) != null ? _ref : deal.pipelineId
+                }),
+                /*#__PURE__*/ _jsx(Row, {
+                    label: "Created",
+                    children: createdMs ? new Date(createdMs).toLocaleDateString() : '—'
+                }),
+                deal.notes ? /*#__PURE__*/ _jsx(Row, {
+                    label: "Notes",
+                    children: /*#__PURE__*/ _jsx(Typography, {
+                        variant: "body2",
+                        sx: {
+                            whiteSpace: 'pre-wrap'
+                        },
+                        children: deal.notes
+                    })
+                }) : null,
+                customFields.map((definition)=>{
+                    var _deal_custom;
+                    const text = formatContactCustomValue(definition, (_deal_custom = deal.custom) == null ? void 0 : _deal_custom[definition.key]);
+                    return /*#__PURE__*/ _jsx(Row, {
+                        label: definition.label || definition.key,
+                        children: text && definition.type === 'url' ? /*#__PURE__*/ _jsx(Link, {
+                            href: text,
+                            target: "_blank",
+                            rel: "noreferrer noopener",
+                            children: text
+                        }) : text || 'Not set'
+                    }, definition.key);
+                })
+            ]
+        })
+    });
+}
+DealPropertiesCard.displayName = 'DealPropertiesCard';
+export default DealPropertiesCard;
+
+//# sourceMappingURL=deal-properties-card.js.map

package/src/lib/components/deal-properties-card.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../../../../libs/plugins/crm/src/lib/components/deal-properties-card.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 {\n  type ContactFieldDefinition,\n  dealStageById,\n  pluginDocsHelp,\n  weightedDealAmountCents,\n} from '@aglyn/aglyn'\nimport { AppLink, CardDisplay } from '@aglyn/shared-ui-jsx'\nimport { Link, Stack, Typography } from '@mui/material'\nimport type { ReactNode } from 'react'\nimport { formatContactCustomValue } from './contact-custom-columns'\nimport {\n  type DealDoc,\n  formatMoney,\n  type PipelineDoc,\n  timestampMs,\n} from '../model/deal-board-model'\nimport type { CrmRoutes } from '../model/crm-routes'\n\nexport interface DealPropertiesCardProps {\n  deal: DealDoc\n  pipeline: PipelineDoc | null\n  ownerLabel: string\n  routes: CrmRoutes\n  /**\n   * The org's ACTIVE deal field definitions (AGL-2661), one row each under\n   * the fixed properties. Handed in by the page, which resolves the org\n   * once for every card on it.\n   */\n  customFields?: readonly ContactFieldDefinition[]\n}\n\nfunction Row(props: { label: string; children: ReactNode }) {\n  return (\n    <Stack direction=\"row\" spacing={2} sx={{ alignItems: 'baseline' }}>\n      <Typography\n        variant=\"caption\"\n        color=\"text.secondary\"\n        sx={{ width: 120, flexShrink: 0 }}\n      >\n        {props.label}\n      </Typography>\n      <Typography variant=\"body2\" component=\"div\" sx={{ flex: 1, minWidth: 0 }}>\n        {props.children}\n      </Typography>\n    </Stack>\n  )\n}\n\n/**\n * What the deal is worth and who it is with (AGL-2598).\n *\n * The weighted value is computed here from the live pipeline rather than\n * stored, because the stage's probability is the merchant's to change and\n * a stored figure would go stale the moment they did. The contact and the\n * company are links into their own pages — the id is the link; the name on\n * the deal is a caption that may lag a rename.\n */\nexport function DealPropertiesCard(props: DealPropertiesCardProps) {\n  const { deal, pipeline, ownerLabel, routes, customFields = [] } = props\n  const stage = dealStageById(pipeline, deal.stageId)\n  const weighted = weightedDealAmountCents(deal, stage)\n  const createdMs = timestampMs(deal.createdAt)\n  return (\n    <CardDisplay\n      header={'Properties'}\n      help={pluginDocsHelp('deals', { anchor: '#a-deals-page' })}\n      contentGutterX\n      contentGutterY\n    >\n      <Stack spacing={1.25}>\n        <Row label=\"Amount\">\n          {typeof deal.amountCents === 'number'\n            ? formatMoney(deal.amountCents, deal.currency)\n            : 'Not set'}\n        </Row>\n        <Row label=\"Weighted value\">\n          {`${formatMoney(weighted, deal.currency)}` +\n            (deal.status === 'open' && stage ? ` at ${stage.probability}%` : '')}\n        </Row>\n        <Row label=\"Expected close\">\n          {typeof deal.expectedCloseAtMs === 'number'\n            ? new Date(deal.expectedCloseAtMs).toLocaleDateString()\n            : 'Not set'}\n        </Row>\n        <Row label=\"Owner\">{ownerLabel || 'Nobody yet'}</Row>\n        <Row label=\"Contact\">\n          {deal.contactId ? (\n            <AppLink href={routes.contact(deal.contactId)}>\n              {deal.contactName || 'Open contact'}\n            </AppLink>\n          ) : (\n            'None'\n          )}\n        </Row>\n        <Row label=\"Company\">\n          {deal.companyId ? (\n            <AppLink href={routes.company(deal.companyId)}>\n              {deal.companyName || 'Open company'}\n            </AppLink>\n          ) : (\n            'None'\n          )}\n        </Row>\n        <Row label=\"Pipeline\">{pipeline?.name ?? deal.pipelineId}</Row>\n        <Row label=\"Created\">\n          {createdMs ? new Date(createdMs).toLocaleDateString() : '—'}\n        </Row>\n        {deal.notes ? (\n          <Row label=\"Notes\">\n            <Typography variant=\"body2\" sx={{ whiteSpace: 'pre-wrap' }}>\n              {deal.notes}\n            </Typography>\n          </Row>\n        ) : null}\n        {customFields.map((definition) => {\n          const text = formatContactCustomValue(definition, deal.custom?.[definition.key])\n          return (\n            <Row key={definition.key} label={definition.label || definition.key}>\n              {text && definition.type === 'url' ? (\n                <Link href={text} target=\"_blank\" rel=\"noreferrer noopener\">\n                  {text}\n                </Link>\n              ) : (\n                text || 'Not set'\n              )}\n            </Row>\n          )\n        })}\n      </Stack>\n    </CardDisplay>\n  )\n}\nDealPropertiesCard.displayName = 'DealPropertiesCard'\n\nexport default DealPropertiesCard\n"],"names":["dealStageById","pluginDocsHelp","weightedDealAmountCents","AppLink","CardDisplay","Link","Stack","Typography","formatContactCustomValue","formatMoney","timestampMs","Row","props","direction","spacing","sx","alignItems","variant","color","width","flexShrink","label","component","flex","minWidth","children","DealPropertiesCard","deal","pipeline","ownerLabel","routes","customFields","stage","stageId","weighted","createdMs","createdAt","header","help","anchor","contentGutterX","contentGutterY","amountCents","currency","status","probability","expectedCloseAtMs","Date","toLocaleDateString","contactId","href","contact","contactName","companyId","company","companyName","name","pipelineId","notes","whiteSpace","map","definition","text","custom","key","type","target","rel","displayName"],"mappings":"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"}

package/src/lib/components/deal-stage-card.d.ts

@@ -0,0 +1,24 @@
+import { type DealStageApi } from '../hooks/use-deal-stage-api';
+import { type DealDoc, type PipelineDoc } from '../model/deal-board-model';
+export interface DealStageCardProps {
+    deal: DealDoc;
+    pipeline: PipelineDoc | null;
+    api: DealStageApi;
+    nowMs: number;
+}
+/**
+ * Where the deal is, and the controls that move it (AGL-2598).
+ *
+ * A stepper across the open stages — click one to move there — and the two
+ * closing buttons. Every one of them calls the stage route, never Firestore:
+ * the move is what an automation listens for, and the route is the only
+ * writer that emits it. On a closed deal the stepper gives way to the
+ * verdict — Won or Lost, when, and why — and a way back: reopening is a
+ * move into an open stage, which the route emits as `dealStageChanged` like
+ * any other move.
+ */
+export declare function DealStageCard(props: DealStageCardProps): import("react").JSX.Element;
+export declare namespace DealStageCard {
+    var displayName: string;
+}
+export default DealStageCard;

package/src/lib/components/deal-stage-card.js

@@ -0,0 +1,199 @@
+/**
+ * @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 } from "react/jsx-runtime";
+import { pluginDocsHelp } from "@aglyn/aglyn";
+import { mdiThumbDownOutline, mdiTrophyOutline } from "@aglyn/shared-data-mdi";
+import { CardDisplay, MdiIcon } from "@aglyn/shared-ui-jsx";
+import { useSnackbar } from "@aglyn/shared-ui-snackstack";
+import { Button, Chip, MenuItem, Stack, Step, StepButton, Stepper, TextField, Typography } from "@mui/material";
+import { useCallback, useState } from "react";
+import { daysInStage, DEAL_STATUS_LABELS, openStages } from "../model/deal-board-model.js";
+import { LostReasonDialog } from "./lost-reason-dialog.js";
+/**
+ * Where the deal is, and the controls that move it (AGL-2598).
+ *
+ * A stepper across the open stages — click one to move there — and the two
+ * closing buttons. Every one of them calls the stage route, never Firestore:
+ * the move is what an automation listens for, and the route is the only
+ * writer that emits it. On a closed deal the stepper gives way to the
+ * verdict — Won or Lost, when, and why — and a way back: reopening is a
+ * move into an open stage, which the route emits as `dealStageChanged` like
+ * any other move.
+ */ export function DealStageCard(props) {
+    const { deal, pipeline, api, nowMs } = props;
+    const { enqueueSnackbar } = useSnackbar();
+    const [busy, setBusy] = useState(false);
+    const [losing, setLosing] = useState(false);
+    const stages = openStages(pipeline);
+    const activeIndex = stages.findIndex((stage)=>stage.id === deal.stageId);
+    const run = useCallback(async (request, done)=>{
+        setBusy(true);
+        try {
+            await request();
+            enqueueSnackbar(done, {
+                variant: 'success',
+                persist: false
+            });
+            return true;
+        } catch (error) {
+            enqueueSnackbar(error instanceof Error ? error.message : 'The deal could not be moved.', {
+                variant: 'warning',
+                allowDuplicate: true
+            });
+            return false;
+        } finally{
+            setBusy(false);
+        }
+    }, [
+        enqueueSnackbar
+    ]);
+    const closed = deal.status !== 'open';
+    const days = daysInStage(deal, nowMs);
+    return /*#__PURE__*/ _jsxs(CardDisplay, {
+        header: 'Stage',
+        help: pluginDocsHelp('deals', {
+            anchor: '#moving-winning-and-losing'
+        }),
+        actions: !closed ? /*#__PURE__*/ _jsxs(Stack, {
+            direction: "row",
+            spacing: 1,
+            children: [
+                /*#__PURE__*/ _jsx(Button, {
+                    size: "small",
+                    color: "success",
+                    variant: "outlined",
+                    disabled: busy || !pipeline,
+                    startIcon: /*#__PURE__*/ _jsx(MdiIcon, {
+                        path: mdiTrophyOutline.path,
+                        size: 0.8
+                    }),
+                    onClick: ()=>void run(()=>api.markWon(deal), 'Deal won'),
+                    children: 'Won'
+                }),
+                /*#__PURE__*/ _jsx(Button, {
+                    size: "small",
+                    color: "error",
+                    variant: "outlined",
+                    disabled: busy || !pipeline,
+                    startIcon: /*#__PURE__*/ _jsx(MdiIcon, {
+                        path: mdiThumbDownOutline.path,
+                        size: 0.8
+                    }),
+                    onClick: ()=>setLosing(true),
+                    children: 'Lost'
+                })
+            ]
+        }) : null,
+        contentGutterX: true,
+        contentGutterY: true,
+        children: [
+            !pipeline ? /*#__PURE__*/ _jsx(Typography, {
+                variant: "body2",
+                color: "text.secondary",
+                children: "This deal's pipeline no longer exists, so it has no stages to move through."
+            }) : closed ? /*#__PURE__*/ _jsxs(Stack, {
+                spacing: 1.5,
+                children: [
+                    /*#__PURE__*/ _jsxs(Stack, {
+                        direction: "row",
+                        spacing: 1,
+                        sx: {
+                            alignItems: 'center'
+                        },
+                        children: [
+                            /*#__PURE__*/ _jsx(Chip, {
+                                label: DEAL_STATUS_LABELS[deal.status],
+                                color: deal.status === 'won' ? 'success' : 'default'
+                            }),
+                            /*#__PURE__*/ _jsx(Typography, {
+                                variant: "body2",
+                                color: "text.secondary",
+                                children: typeof deal.closedAtMs === 'number' ? `Closed ${new Date(deal.closedAtMs).toLocaleDateString()}` : 'Closed'
+                            })
+                        ]
+                    }),
+                    deal.status === 'lost' && deal.lostReason ? /*#__PURE__*/ _jsx(Typography, {
+                        variant: "body2",
+                        children: deal.lostReason
+                    }) : null,
+                    /*#__PURE__*/ _jsxs(TextField, {
+                        select: true,
+                        size: "small",
+                        label: "Reopen into",
+                        value: "",
+                        disabled: busy,
+                        onChange: (event)=>{
+                            const stageId = event.target.value;
+                            if (!stageId) return;
+                            void run(()=>api.moveToStage(deal, stageId), 'Deal reopened');
+                        },
+                        helperText: "Reopening puts the deal back in an open stage and tells the automations.",
+                        sx: {
+                            maxWidth: 320
+                        },
+                        children: [
+                            /*#__PURE__*/ _jsx(MenuItem, {
+                                value: "",
+                                children: 'Pick a stage'
+                            }),
+                            stages.map((stage)=>/*#__PURE__*/ _jsx(MenuItem, {
+                                    value: stage.id,
+                                    children: stage.name
+                                }, stage.id))
+                        ]
+                    })
+                ]
+            }) : /*#__PURE__*/ _jsxs(Stack, {
+                spacing: 1.5,
+                children: [
+                    /*#__PURE__*/ _jsx(Stepper, {
+                        nonLinear: true,
+                        activeStep: activeIndex,
+                        alternativeLabel: true,
+                        children: stages.map((stage, index)=>/*#__PURE__*/ _jsx(Step, {
+                                completed: index < activeIndex,
+                                children: /*#__PURE__*/ _jsx(StepButton, {
+                                    disabled: busy || stage.id === deal.stageId,
+                                    onClick: ()=>void run(()=>api.moveToStage(deal, stage.id), `Moved to ${stage.name}`),
+                                    children: stage.name
+                                })
+                            }, stage.id))
+                    }),
+                    /*#__PURE__*/ _jsx(Typography, {
+                        variant: "body2",
+                        color: "text.secondary",
+                        sx: {
+                            textAlign: 'center'
+                        },
+                        children: activeIndex === -1 ? 'This deal sits in a stage the pipeline no longer has. Pick one above.' : `${days} ${days === 1 ? 'day' : 'days'} in ${stages[activeIndex].name} · ` + `${stages[activeIndex].probability}% likely to close`
+                    })
+                ]
+            }),
+            /*#__PURE__*/ _jsx(LostReasonDialog, {
+                open: losing,
+                dealTitle: deal.title,
+                busy: busy,
+                onClose: ()=>setLosing(false),
+                onConfirm: (reason)=>void run(()=>api.markLost(deal, reason), 'Deal marked lost').then((ok)=>ok && setLosing(false))
+            })
+        ]
+    });
+}
+DealStageCard.displayName = 'DealStageCard';
+export default DealStageCard;
+
+//# sourceMappingURL=deal-stage-card.js.map

package/src/lib/components/deal-stage-card.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../../../../libs/plugins/crm/src/lib/components/deal-stage-card.tsx"],"sourcesContent":["/**\n * @license\n * Copyright 2026 Aglyn LLC\n *\n * Licensed under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License.\n * You may obtain a copy of the License at\n *\n *   http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software\n * distributed under the License is distributed on an \"AS IS\" BASIS,\n * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n * See the License for the specific language governing permissions and\n * limitations under the License.\n */\n'use client'\n\nimport { pluginDocsHelp } from '@aglyn/aglyn'\nimport { mdiThumbDownOutline, mdiTrophyOutline } from '@aglyn/shared-data-mdi'\nimport { CardDisplay, MdiIcon } from '@aglyn/shared-ui-jsx'\nimport { useSnackbar } from '@aglyn/shared-ui-snackstack'\nimport {\n  Button,\n  Chip,\n  MenuItem,\n  Stack,\n  Step,\n  StepButton,\n  Stepper,\n  TextField,\n  Typography,\n} from '@mui/material'\nimport { useCallback, useState } from 'react'\nimport { type DealStageApi } from '../hooks/use-deal-stage-api'\nimport {\n  daysInStage,\n  DEAL_STATUS_LABELS,\n  type DealDoc,\n  openStages,\n  type PipelineDoc,\n} from '../model/deal-board-model'\nimport { LostReasonDialog } from './lost-reason-dialog'\n\nexport interface DealStageCardProps {\n  deal: DealDoc\n  pipeline: PipelineDoc | null\n  api: DealStageApi\n  nowMs: number\n}\n\n/**\n * Where the deal is, and the controls that move it (AGL-2598).\n *\n * A stepper across the open stages — click one to move there — and the two\n * closing buttons. Every one of them calls the stage route, never Firestore:\n * the move is what an automation listens for, and the route is the only\n * writer that emits it. On a closed deal the stepper gives way to the\n * verdict — Won or Lost, when, and why — and a way back: reopening is a\n * move into an open stage, which the route emits as `dealStageChanged` like\n * any other move.\n */\nexport function DealStageCard(props: DealStageCardProps) {\n  const { deal, pipeline, api, nowMs } = props\n  const { enqueueSnackbar } = useSnackbar()\n  const [busy, setBusy] = useState(false)\n  const [losing, setLosing] = useState(false)\n  const stages = openStages(pipeline)\n  const activeIndex = stages.findIndex((stage) => stage.id === deal.stageId)\n\n  const run = useCallback(\n    async (request: () => Promise<unknown>, done: string) => {\n      setBusy(true)\n      try {\n        await request()\n        enqueueSnackbar(done, { variant: 'success', persist: false })\n        return true\n      } catch (error) {\n        enqueueSnackbar(\n          error instanceof Error ? error.message : 'The deal could not be moved.',\n          { variant: 'warning', allowDuplicate: true },\n        )\n        return false\n      } finally {\n        setBusy(false)\n      }\n    },\n    [enqueueSnackbar],\n  )\n\n  const closed = deal.status !== 'open'\n  const days = daysInStage(deal, nowMs)\n\n  return (\n    <CardDisplay\n      header={'Stage'}\n      help={pluginDocsHelp('deals', { anchor: '#moving-winning-and-losing' })}\n      actions={\n        !closed ? (\n          <Stack direction=\"row\" spacing={1}>\n            <Button\n              size=\"small\"\n              color=\"success\"\n              variant=\"outlined\"\n              disabled={busy || !pipeline}\n              startIcon={<MdiIcon path={mdiTrophyOutline.path} size={0.8} />}\n              onClick={() => void run(() => api.markWon(deal), 'Deal won')}\n            >\n              {'Won'}\n            </Button>\n            <Button\n              size=\"small\"\n              color=\"error\"\n              variant=\"outlined\"\n              disabled={busy || !pipeline}\n              startIcon={<MdiIcon path={mdiThumbDownOutline.path} size={0.8} />}\n              onClick={() => setLosing(true)}\n            >\n              {'Lost'}\n            </Button>\n          </Stack>\n        ) : null\n      }\n      contentGutterX\n      contentGutterY\n    >\n      {!pipeline ? (\n        <Typography variant=\"body2\" color=\"text.secondary\">\n          {\"This deal's pipeline no longer exists, so it has no stages to move through.\"}\n        </Typography>\n      ) : closed ? (\n        <Stack spacing={1.5}>\n          <Stack direction=\"row\" spacing={1} sx={{ alignItems: 'center' }}>\n            <Chip\n              label={DEAL_STATUS_LABELS[deal.status]}\n              color={deal.status === 'won' ? 'success' : 'default'}\n            />\n            <Typography variant=\"body2\" color=\"text.secondary\">\n              {typeof deal.closedAtMs === 'number'\n                ? `Closed ${new Date(deal.closedAtMs).toLocaleDateString()}`\n                : 'Closed'}\n            </Typography>\n          </Stack>\n          {deal.status === 'lost' && deal.lostReason ? (\n            <Typography variant=\"body2\">{deal.lostReason}</Typography>\n          ) : null}\n          <TextField\n            select\n            size=\"small\"\n            label=\"Reopen into\"\n            value=\"\"\n            disabled={busy}\n            onChange={(event) => {\n              const stageId = event.target.value\n              if (!stageId) return\n              void run(() => api.moveToStage(deal, stageId), 'Deal reopened')\n            }}\n            helperText=\"Reopening puts the deal back in an open stage and tells the automations.\"\n            sx={{ maxWidth: 320 }}\n          >\n            <MenuItem value=\"\">{'Pick a stage'}</MenuItem>\n            {stages.map((stage) => (\n              <MenuItem key={stage.id} value={stage.id}>\n                {stage.name}\n              </MenuItem>\n            ))}\n          </TextField>\n        </Stack>\n      ) : (\n        <Stack spacing={1.5}>\n          <Stepper nonLinear activeStep={activeIndex} alternativeLabel>\n            {stages.map((stage, index) => (\n              <Step key={stage.id} completed={index < activeIndex}>\n                <StepButton\n                  disabled={busy || stage.id === deal.stageId}\n                  onClick={() =>\n                    void run(\n                      () => api.moveToStage(deal, stage.id),\n                      `Moved to ${stage.name}`,\n                    )\n                  }\n                >\n                  {stage.name}\n                </StepButton>\n              </Step>\n            ))}\n          </Stepper>\n          <Typography variant=\"body2\" color=\"text.secondary\" sx={{ textAlign: 'center' }}>\n            {activeIndex === -1\n              ? 'This deal sits in a stage the pipeline no longer has. Pick one above.'\n              : `${days} ${days === 1 ? 'day' : 'days'} in ${stages[activeIndex].name} · ` +\n                `${stages[activeIndex].probability}% likely to close`}\n          </Typography>\n        </Stack>\n      )}\n      <LostReasonDialog\n        open={losing}\n        dealTitle={deal.title}\n        busy={busy}\n        onClose={() => setLosing(false)}\n        onConfirm={(reason) =>\n          void run(() => api.markLost(deal, reason), 'Deal marked lost').then(\n            (ok) => ok && setLosing(false),\n          )\n        }\n      />\n    </CardDisplay>\n  )\n}\nDealStageCard.displayName = 'DealStageCard'\n\nexport default DealStageCard\n"],"names":["pluginDocsHelp","mdiThumbDownOutline","mdiTrophyOutline","CardDisplay","MdiIcon","useSnackbar","Button","Chip","MenuItem","Stack","Step","StepButton","Stepper","TextField","Typography","useCallback","useState","daysInStage","DEAL_STATUS_LABELS","openStages","LostReasonDialog","DealStageCard","props","deal","pipeline","api","nowMs","enqueueSnackbar","busy","setBusy","losing","setLosing","stages","activeIndex","findIndex","stage","id","stageId","run","request","done","variant","persist","error","Error","message","allowDuplicate","closed","status","days","header","help","anchor","actions","direction","spacing","size","color","disabled","startIcon","path","onClick","markWon","contentGutterX","contentGutterY","sx","alignItems","label","closedAtMs","Date","toLocaleDateString","lostReason","select","value","onChange","event","target","moveToStage","helperText","maxWidth","map","name","nonLinear","activeStep","alternativeLabel","index","completed","textAlign","probability","open","dealTitle","title","onClose","onConfirm","reason","markLost","then","ok","displayName"],"mappings":"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"}

package/src/lib/components/deals-bulk-bar.d.ts

@@ -0,0 +1,31 @@
+import type { DealStageApi } from '../hooks/use-deal-stage-api';
+import type { OrgMemberDirectory } from '../hooks/use-org-member-directory';
+import { type DealDoc, type PipelineDoc } from '../model/deal-board-model';
+import { type DealCsvOptions } from '../model/deals-csv';
+export interface DealsBulkBarProps {
+    /**
+     * The site whose activity feed the bar's acts are logged in, or `null`
+     * at the organization level (AGL-2630), where the selection spans sites
+     * and the org's feed takes one line for the action instead (AGL-2634);
+     * a stage move runs as the org there and is logged per deal by the route.
+     */
+    hostId: string | null;
+    /** `['orgs', orgId]`, or `null` while the org is unresolved. */
+    scope: readonly ['orgs', string] | null;
+    rows: readonly DealDoc[];
+    selected: readonly string[];
+    onSelectedChange: (ids: string[]) => void;
+    /** The pipeline a deal's `pipelineId` names, for the stage list. */
+    pipelineById: (id: string | undefined) => PipelineDoc | null;
+    /** The section's roster — already read for the Owner column. */
+    roster: OrgMemberDirectory;
+    /** The one door a stage change goes through. */
+    api: DealStageApi;
+    /** How the export names the pipeline, the stage and the owner — the table's own. */
+    csv?: DealCsvOptions;
+}
+export declare function DealsBulkBar(props: DealsBulkBarProps): import("react").JSX.Element;
+export declare namespace DealsBulkBar {
+    var displayName: string;
+}
+export default DealsBulkBar;