@aglyn/plugins-crm 1.0.0-beta.143

package/src/lib/components/deal-detail-page.js

@@ -0,0 +1,323 @@
+/**
+ * @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, dealStageById, pluginDocsHelp } from "@aglyn/aglyn";
+import { mdiDeleteOutline, mdiPencilOutline } from "@aglyn/shared-data-mdi";
+import { MdiIcon, useConfirmationContext } from "@aglyn/shared-ui-jsx";
+import { useSnackbar } from "@aglyn/shared-ui-snackstack";
+import { useFirestore } from "@aglyn/tenant-feature-instance";
+import { Button, Stack, Typography } from "@mui/material";
+import { deleteDoc, doc } from "firebase/firestore";
+import { useRouter } from "next/navigation";
+import { useCallback, useMemo, useState } from "react";
+import { useContactFieldDefinitions } from "../hooks/use-contact-field-definitions.js";
+import { useCrmActivityLogger } from "../hooks/use-crm-activity-logger.js";
+import { CrmCreateSiteDefault } from "../hooks/use-crm-org-mount.js";
+import { useCrmScope } from "../hooks/use-crm-scope.js";
+import { useDealStageApi } from "../hooks/use-deal-stage-api.js";
+import { useDeal } from "../hooks/use-deals.js";
+import { useOrgMemberDirectory } from "../hooks/use-org-member-directory.js";
+import { usePipeline } from "../hooks/use-pipeline.js";
+import { crmRoutes } from "../model/crm-routes.js";
+import { DEAL_STATUS_LABELS, formatMoney } from "../model/deal-board-model.js";
+import { CrmRecordChip, CrmRecordHeader } from "./crm-record-header.js";
+import { CrmRecordInsightsZone } from "./crm-record-insights-zone.js";
+import { RecordActivityCard } from "./record-activity-card.js";
+import { CrmSendEmailButton } from "./crm-send-email-button.js";
+import { DealEditDrawer } from "./deal-edit-drawer.js";
+import { DealProductsCard } from "./deal-products-card.js";
+import { DealPropertiesCard } from "./deal-properties-card.js";
+import { DealStageCard } from "./deal-stage-card.js";
+import RecordFilesCard from "./record-files-card.js";
+import { RecordTasksCard } from "./record-tasks-card.js";
+/**
+ * `/crm/deals/{dealId}` — one deal (AGL-2598).
+ *
+ * The record behind a card: its stage and the controls that move it, what
+ * it is worth and who it is with, the products behind the amount
+ * (AGL-2620), and the tasks and activity filed against it. One live
+ * document read; the pipeline and the roster are the same bounded reads
+ * the board makes. Editing opens the same drawer the board creates with,
+ * and deleting is the one destructive act here — confirmed, then a
+ * client-direct delete the rules allow the same people who could have
+ * created it.
+ */ export function DealDetailPage(props) {
+    var _ref, _ref1, _ref2, _ref3, _DEAL_STATUS_LABELS_deal_status, _ref4;
+    const { id, basePath, hostId, org } = props;
+    const routes = crmRoutes(basePath);
+    const router = useRouter();
+    const firestore = useFirestore();
+    const { enqueueSnackbar } = useSnackbar();
+    const { confirm } = useConfirmationContext();
+    const scope = useCrmScope({
+        hostId,
+        org
+    });
+    const { data: deal, status, fromCache } = useDeal(scope.orgId, id);
+    // The feed the act is logged in, decided by the level it was performed
+    // at (AGL-2738): this site's under a site, the organization's at the org
+    // hub, where a client-direct append to the deal's own site would face a
+    // gate the record write never had to pass.
+    const logActivity = useCrmActivityLogger(hostId);
+    const pipelineState = usePipeline(scope.orgId, {
+        hostId,
+        org: org != null ? org : null
+    });
+    const pipeline = pipelineState.pipelineById(deal == null ? void 0 : deal.pipelineId);
+    const roster = useOrgMemberDirectory(scope.orgId);
+    const api = useDealStageApi(hostId);
+    const nowMs = useMemo(()=>Date.now(), []);
+    const [editing, setEditing] = useState(false);
+    const [deleting, setDeleting] = useState(false);
+    // The org's deal fields (AGL-2661), for the properties card's rows.
+    const dealFields = useContactFieldDefinitions(scope.orgId, 'deal');
+    const notFound = scope.ready && (!scope.orgId || status !== 'loading' && !deal);
+    const handleDelete = useCallback(async ()=>{
+        if (!deal || !scope.orgId) return;
+        const agreed = await confirm({
+            title: 'Delete this deal?',
+            description: `"${deal.title}" is removed from the pipeline along with its notes. ` + 'The contact and the company it names are not touched.',
+            confirmationText: 'Delete deal',
+            confirmationButtonProps: {
+                color: 'error'
+            }
+        }).then(()=>true).catch(()=>false);
+        if (!agreed) return;
+        setDeleting(true);
+        try {
+            await deleteDoc(doc(firestore, 'orgs', scope.orgId, CRM_COLLECTIONS.deals, deal.$id));
+            // Setup → Activity shows CRM work (AGL-2622): the deal is org data,
+            // but the act happened in this site's console and belongs in its feed.
+            logActivity('Deleted deal', {
+                type: 'deal',
+                id: deal.$id,
+                name: deal.title
+            });
+            enqueueSnackbar('Deal deleted', {
+                variant: 'success',
+                persist: false
+            });
+            router.push(routes.section('deals'));
+        } catch (error) {
+            console.error(error);
+            enqueueSnackbar('An error has occurred', {
+                variant: 'error',
+                allowDuplicate: true
+            });
+            setDeleting(false);
+        }
+    }, [
+        deal,
+        scope.orgId,
+        confirm,
+        firestore,
+        logActivity,
+        enqueueSnackbar,
+        router,
+        routes
+    ]);
+    const stage = deal ? dealStageById(pipeline, deal.stageId) : undefined;
+    return(// A create opened from this page — a task, an activity — files under
+    // the deal's own site unless the reader says otherwise (AGL-2630).
+    /*#__PURE__*/ _jsxs(CrmCreateSiteDefault, {
+        hostId: (_ref = deal == null ? void 0 : deal.hostId) != null ? _ref : null,
+        children: [
+            /*#__PURE__*/ _jsxs(Stack, {
+                spacing: 2,
+                children: [
+                    /*#__PURE__*/ _jsx(CrmRecordHeader, {
+                        kind: "Deal",
+                        title: deal == null ? void 0 : deal.title,
+                        subtitle: deal ? [
+                            pipeline == null ? void 0 : pipeline.name,
+                            (_ref1 = stage == null ? void 0 : stage.name) != null ? _ref1 : deal.stageId
+                        ].filter(Boolean).join(' · ') : undefined,
+                        help: pluginDocsHelp('deals', {
+                            anchor: '#a-deals-page'
+                        }),
+                        backHref: routes.section('deals'),
+                        backLabel: "Back to deals",
+                        loading: !deal && !notFound,
+                        // The booking door (AGL-2660): the deal's own site's services.
+                        booking: deal ? {
+                            hostId: (_ref2 = hostId != null ? hostId : deal.hostId) != null ? _ref2 : null,
+                            org,
+                            kind: 'deal',
+                            recordId: deal.$id
+                        } : undefined,
+                        actions: deal ? /*#__PURE__*/ _jsxs(_Fragment, {
+                            children: [
+                                /*#__PURE__*/ _jsx(Button, {
+                                    size: "small",
+                                    variant: "outlined",
+                                    startIcon: /*#__PURE__*/ _jsx(MdiIcon, {
+                                        path: mdiPencilOutline.path,
+                                        size: 0.8
+                                    }),
+                                    onClick: ()=>setEditing(true),
+                                    children: 'Edit'
+                                }),
+                                /*#__PURE__*/ _jsx(CrmSendEmailButton, {
+                                    hostId: (_ref3 = hostId != null ? hostId : deal.hostId) != null ? _ref3 : null,
+                                    org: org,
+                                    dealId: deal.$id,
+                                    contactId: deal.contactId,
+                                    name: deal.contactName
+                                })
+                            ]
+                        }) : null,
+                        menuItems: deal ? [
+                            {
+                                key: 'delete',
+                                label: 'Delete deal',
+                                icon: /*#__PURE__*/ _jsx(MdiIcon, {
+                                    path: mdiDeleteOutline.path,
+                                    size: 0.8
+                                }),
+                                destructive: true,
+                                disabled: deleting,
+                                disabledReason: 'The deal is being deleted',
+                                onClick: ()=>void handleDelete()
+                            }
+                        ] : undefined,
+                        chips: deal ? /*#__PURE__*/ _jsxs(_Fragment, {
+                            children: [
+                                /*#__PURE__*/ _jsx(CrmRecordChip, {
+                                    label: "Status",
+                                    value: (_DEAL_STATUS_LABELS_deal_status = DEAL_STATUS_LABELS[deal.status]) != null ? _DEAL_STATUS_LABELS_deal_status : deal.status,
+                                    color: deal.status === 'won' ? 'success' : deal.status === 'lost' ? 'default' : 'primary'
+                                }),
+                                /*#__PURE__*/ _jsx(CrmRecordChip, {
+                                    label: "Amount",
+                                    value: typeof deal.amountCents === 'number' ? formatMoney(deal.amountCents, deal.currency) : undefined
+                                }),
+                                /*#__PURE__*/ _jsx(CrmRecordChip, {
+                                    label: "Owner",
+                                    value: roster.nameOf(deal.ownerUid) || undefined
+                                })
+                            ]
+                        }) : null,
+                        children: notFound ? /*#__PURE__*/ _jsx(Typography, {
+                            variant: "body2",
+                            color: "text.secondary",
+                            children: 'This deal does not exist, or is not visible to this site.'
+                        }) : null
+                    }),
+                    deal ? /*#__PURE__*/ _jsxs(_Fragment, {
+                        children: [
+                            /*#__PURE__*/ _jsx(CrmRecordInsightsZone, {
+                                hostId: hostId,
+                                org: org,
+                                kind: "deal",
+                                recordId: deal.$id,
+                                name: deal.title,
+                                taskLink: {
+                                    dealId: deal.$id
+                                },
+                                deal: {
+                                    pipeline,
+                                    ref: deal,
+                                    stageId: deal.stageId,
+                                    status: deal.status,
+                                    api
+                                }
+                            }),
+                            /*#__PURE__*/ _jsx(DealStageCard, {
+                                deal: deal,
+                                pipeline: pipeline,
+                                api: api,
+                                nowMs: nowMs
+                            }),
+                            /*#__PURE__*/ _jsxs(Stack, {
+                                direction: {
+                                    xs: 'column',
+                                    md: 'row'
+                                },
+                                spacing: 2,
+                                sx: {
+                                    alignItems: 'stretch'
+                                },
+                                children: [
+                                    /*#__PURE__*/ _jsx(Stack, {
+                                        sx: {
+                                            flex: 1,
+                                            minWidth: 0
+                                        },
+                                        children: /*#__PURE__*/ _jsx(DealPropertiesCard, {
+                                            deal: deal,
+                                            pipeline: pipeline,
+                                            ownerLabel: roster.nameOf(deal.ownerUid),
+                                            routes: routes,
+                                            customFields: dealFields.active
+                                        })
+                                    }),
+                                    /*#__PURE__*/ _jsx(Stack, {
+                                        sx: {
+                                            flex: 1,
+                                            minWidth: 0
+                                        },
+                                        children: /*#__PURE__*/ _jsx(RecordTasksCard, {
+                                            hostId: hostId,
+                                            org: org,
+                                            basePath: basePath,
+                                            dealId: deal.$id
+                                        })
+                                    })
+                                ]
+                            }),
+                            scope.orgId ? /*#__PURE__*/ _jsx(DealProductsCard, {
+                                deal: deal,
+                                orgId: scope.orgId,
+                                hostId: (_ref4 = hostId != null ? hostId : deal.hostId) != null ? _ref4 : null,
+                                org: org,
+                                fromCache: fromCache,
+                                unreadable: status === 'error'
+                            }) : null,
+                            /*#__PURE__*/ _jsx(RecordFilesCard, {
+                                scope: scope.scope,
+                                collection: CRM_COLLECTIONS.deals,
+                                recordId: deal.$id,
+                                mediaIds: deal.mediaIds,
+                                topic: "deals"
+                            }),
+                            /*#__PURE__*/ _jsx(RecordActivityCard, {
+                                hostId: hostId,
+                                org: org,
+                                dealId: deal.$id
+                            })
+                        ]
+                    }) : null
+                ]
+            }),
+            /*#__PURE__*/ _jsx(DealEditDrawer, {
+                open: editing,
+                onClose: ()=>setEditing(false),
+                hostId: hostId,
+                org: org,
+                deal: deal != null ? deal : null,
+                pipelines: pipelineState.activePipelines,
+                defaultPipeline: pipeline != null ? pipeline : pipelineState.pipeline,
+                unreadable: status === 'error',
+                fromCache: fromCache
+            })
+        ]
+    }));
+}
+DealDetailPage.displayName = 'DealDetailPage';
+export default DealDetailPage;
+
+//# sourceMappingURL=deal-detail-page.js.map

package/src/lib/components/deal-detail-page.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../../../../libs/plugins/crm/src/lib/components/deal-detail-page.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, dealStageById, pluginDocsHelp } from '@aglyn/aglyn'\nimport { mdiDeleteOutline, mdiPencilOutline } from '@aglyn/shared-data-mdi'\nimport { MdiIcon, useConfirmationContext } from '@aglyn/shared-ui-jsx'\nimport { useSnackbar } from '@aglyn/shared-ui-snackstack'\nimport { useFirestore } from '@aglyn/tenant-feature-instance'\nimport { Button, Stack, Typography } from '@mui/material'\nimport { deleteDoc, doc } from 'firebase/firestore'\nimport { useRouter } from 'next/navigation'\nimport { useCallback, useMemo, useState } from 'react'\nimport { useContactFieldDefinitions } from '../hooks/use-contact-field-definitions'\nimport { useCrmActivityLogger } from '../hooks/use-crm-activity-logger'\nimport { CrmCreateSiteDefault } from '../hooks/use-crm-org-mount'\nimport { useCrmScope } from '../hooks/use-crm-scope'\nimport { useDealStageApi } from '../hooks/use-deal-stage-api'\nimport { useDeal } from '../hooks/use-deals'\nimport { useOrgMemberDirectory } from '../hooks/use-org-member-directory'\nimport { usePipeline } from '../hooks/use-pipeline'\nimport { type CrmDetailPageProps, crmRoutes } from '../model/crm-routes'\nimport { DEAL_STATUS_LABELS, formatMoney } from '../model/deal-board-model'\nimport { CrmRecordChip, CrmRecordHeader } from './crm-record-header'\nimport { CrmRecordInsightsZone } from './crm-record-insights-zone'\nimport { RecordActivityCard } from './record-activity-card'\nimport { CrmSendEmailButton } from './crm-send-email-button'\nimport { DealEditDrawer } from './deal-edit-drawer'\nimport { DealProductsCard } from './deal-products-card'\nimport { DealPropertiesCard } from './deal-properties-card'\nimport { DealStageCard } from './deal-stage-card'\nimport RecordFilesCard from './record-files-card'\nimport { RecordTasksCard } from './record-tasks-card'\n\n/**\n * `/crm/deals/{dealId}` — one deal (AGL-2598).\n *\n * The record behind a card: its stage and the controls that move it, what\n * it is worth and who it is with, the products behind the amount\n * (AGL-2620), and the tasks and activity filed against it. One live\n * document read; the pipeline and the roster are the same bounded reads\n * the board makes. Editing opens the same drawer the board creates with,\n * and deleting is the one destructive act here — confirmed, then a\n * client-direct delete the rules allow the same people who could have\n * created it.\n */\nexport function DealDetailPage(props: CrmDetailPageProps) {\n  const { id, basePath, hostId, org } = props\n  const routes = crmRoutes(basePath)\n  const router = useRouter()\n  const firestore = useFirestore()\n  const { enqueueSnackbar } = useSnackbar()\n  const { confirm } = useConfirmationContext()\n  const scope = useCrmScope({ hostId, org })\n  const { data: deal, status, fromCache } = useDeal(scope.orgId, id)\n  // The feed the act is logged in, decided by the level it was performed\n  // at (AGL-2738): this site's under a site, the organization's at the org\n  // hub, where a client-direct append to the deal's own site would face a\n  // gate the record write never had to pass.\n  const logActivity = useCrmActivityLogger(hostId)\n  const pipelineState = usePipeline(scope.orgId, {\n    hostId,\n    org: (org ?? null) as Record<string, unknown> | null,\n  })\n  const pipeline = pipelineState.pipelineById(deal?.pipelineId)\n  const roster = useOrgMemberDirectory(scope.orgId)\n  const api = useDealStageApi(hostId)\n  const nowMs = useMemo(() => Date.now(), [])\n  const [editing, setEditing] = useState(false)\n  const [deleting, setDeleting] = useState(false)\n  // The org's deal fields (AGL-2661), for the properties card's rows.\n  const dealFields = useContactFieldDefinitions(scope.orgId, 'deal')\n\n  const notFound = scope.ready && (!scope.orgId || (status !== 'loading' && !deal))\n\n  const handleDelete = useCallback(async () => {\n    if (!deal || !scope.orgId) return\n    const agreed = await confirm({\n      title: 'Delete this deal?',\n      description:\n        `\"${deal.title}\" is removed from the pipeline along with its notes. ` +\n        'The contact and the company it names are not touched.',\n      confirmationText: 'Delete deal',\n      confirmationButtonProps: { color: 'error' },\n    })\n      .then(() => true)\n      .catch(() => false)\n    if (!agreed) return\n    setDeleting(true)\n    try {\n      await deleteDoc(doc(firestore, 'orgs', scope.orgId, CRM_COLLECTIONS.deals, deal.$id))\n      // Setup → Activity shows CRM work (AGL-2622): the deal is org data,\n      // but the act happened in this site's console and belongs in its feed.\n      logActivity('Deleted deal', { type: 'deal', id: deal.$id, name: deal.title })\n      enqueueSnackbar('Deal deleted', { variant: 'success', persist: false })\n      router.push(routes.section('deals'))\n    } catch (error) {\n      console.error(error)\n      enqueueSnackbar('An error has occurred', { variant: 'error', allowDuplicate: true })\n      setDeleting(false)\n    }\n  }, [deal, scope.orgId, confirm, firestore, logActivity, enqueueSnackbar, router, routes])\n\n  const stage = deal ? dealStageById(pipeline, deal.stageId) : undefined\n\n  return (\n    // A create opened from this page — a task, an activity — files under\n    // the deal's own site unless the reader says otherwise (AGL-2630).\n    <CrmCreateSiteDefault hostId={deal?.hostId ?? null}>\n      <Stack spacing={2}>\n        <CrmRecordHeader\n          kind=\"Deal\"\n          title={deal?.title}\n          subtitle={\n            deal\n              ? [pipeline?.name, stage?.name ?? deal.stageId].filter(Boolean).join(' · ')\n              : undefined\n          }\n          help={pluginDocsHelp('deals', { anchor: '#a-deals-page' })}\n          backHref={routes.section('deals')}\n          backLabel=\"Back to deals\"\n          loading={!deal && !notFound}\n          // The booking door (AGL-2660): the deal's own site's services.\n          booking={\n            deal\n              ? { hostId: hostId ?? deal.hostId ?? null, org, kind: 'deal', recordId: deal.$id }\n              : undefined\n          }\n          actions={\n            deal ? (\n              <>\n                <Button\n                  size=\"small\"\n                  variant=\"outlined\"\n                  startIcon={<MdiIcon path={mdiPencilOutline.path} size={0.8} />}\n                  onClick={() => setEditing(true)}\n                >\n                  {'Edit'}\n                </Button>\n                <CrmSendEmailButton\n                  hostId={hostId ?? deal.hostId ?? null}\n                  org={org}\n                  dealId={deal.$id}\n                  contactId={deal.contactId}\n                  name={deal.contactName}\n                />\n              </>\n            ) : null\n          }\n          menuItems={\n            deal\n              ? [\n                  {\n                    key: 'delete',\n                    label: 'Delete deal',\n                    icon: <MdiIcon path={mdiDeleteOutline.path} size={0.8} />,\n                    destructive: true,\n                    disabled: deleting,\n                    disabledReason: 'The deal is being deleted',\n                    onClick: () => void handleDelete(),\n                  },\n                ]\n              : undefined\n          }\n          chips={\n            deal ? (\n              <>\n                <CrmRecordChip\n                  label=\"Status\"\n                  value={DEAL_STATUS_LABELS[deal.status] ?? deal.status}\n                  color={deal.status === 'won' ? 'success' : deal.status === 'lost' ? 'default' : 'primary'}\n                />\n                <CrmRecordChip\n                  label=\"Amount\"\n                  value={\n                    typeof deal.amountCents === 'number'\n                      ? formatMoney(deal.amountCents, deal.currency)\n                      : undefined\n                  }\n                />\n                <CrmRecordChip label=\"Owner\" value={roster.nameOf(deal.ownerUid) || undefined} />\n              </>\n            ) : null\n          }\n        >\n          {notFound ? (\n            <Typography variant=\"body2\" color=\"text.secondary\">\n              {'This deal does not exist, or is not visible to this site.'}\n            </Typography>\n          ) : null}\n        </CrmRecordHeader>\n        {deal ? (\n          <>\n            {/* What an assistant proposes about the deal, its stage included (AGL-2917). */}\n            <CrmRecordInsightsZone\n              hostId={hostId}\n              org={org as Record<string, unknown> | undefined}\n              kind=\"deal\"\n              recordId={deal.$id}\n              name={deal.title}\n              taskLink={{ dealId: deal.$id }}\n              deal={{ pipeline, ref: deal, stageId: deal.stageId, status: deal.status, api }}\n            />\n            <DealStageCard deal={deal} pipeline={pipeline} api={api} nowMs={nowMs} />\n            <Stack direction={{ xs: 'column', md: 'row' }} spacing={2} sx={{ alignItems: 'stretch' }}>\n              <Stack sx={{ flex: 1, minWidth: 0 }}>\n                <DealPropertiesCard\n                  deal={deal}\n                  pipeline={pipeline}\n                  ownerLabel={roster.nameOf(deal.ownerUid)}\n                  routes={routes}\n                  customFields={dealFields.active}\n                />\n              </Stack>\n              <Stack sx={{ flex: 1, minWidth: 0 }}>\n                <RecordTasksCard hostId={hostId} org={org} basePath={basePath} dealId={deal.$id} />\n              </Stack>\n            </Stack>\n            {scope.orgId ? (\n              <DealProductsCard\n                deal={deal}\n                orgId={scope.orgId}\n                hostId={hostId ?? deal.hostId ?? null}\n                org={org}\n                fromCache={fromCache}\n                unreadable={status === 'error'}\n              />\n            ) : null}\n            <RecordFilesCard\n              scope={scope.scope}\n              collection={CRM_COLLECTIONS.deals}\n              recordId={deal.$id}\n              mediaIds={deal.mediaIds}\n              topic=\"deals\"\n            />\n            <RecordActivityCard hostId={hostId} org={org} dealId={deal.$id} />\n          </>\n        ) : null}\n      </Stack>\n      <DealEditDrawer\n        open={editing}\n        onClose={() => setEditing(false)}\n        hostId={hostId}\n        org={org}\n        deal={deal ?? null}\n        pipelines={pipelineState.activePipelines}\n        defaultPipeline={pipeline ?? pipelineState.pipeline}\n        unreadable={status === 'error'}\n        fromCache={fromCache}\n      />\n    </CrmCreateSiteDefault>\n  )\n}\nDealDetailPage.displayName = 'DealDetailPage'\n\nexport default DealDetailPage\n"],"names":["CRM_COLLECTIONS","dealStageById","pluginDocsHelp","mdiDeleteOutline","mdiPencilOutline","MdiIcon","useConfirmationContext","useSnackbar","useFirestore","Button","Stack","Typography","deleteDoc","doc","useRouter","useCallback","useMemo","useState","useContactFieldDefinitions","useCrmActivityLogger","CrmCreateSiteDefault","useCrmScope","useDealStageApi","useDeal","useOrgMemberDirectory","usePipeline","crmRoutes","DEAL_STATUS_LABELS","formatMoney","CrmRecordChip","CrmRecordHeader","CrmRecordInsightsZone","RecordActivityCard","CrmSendEmailButton","DealEditDrawer","DealProductsCard","DealPropertiesCard","DealStageCard","RecordFilesCard","RecordTasksCard","DealDetailPage","props","hostId","id","basePath","org","routes","router","firestore","enqueueSnackbar","confirm","scope","data","deal","status","fromCache","orgId","logActivity","pipelineState","pipeline","pipelineById","pipelineId","roster","api","nowMs","Date","now","editing","setEditing","deleting","setDeleting","dealFields","notFound","ready","handleDelete","agreed","title","description","confirmationText","confirmationButtonProps","color","then","catch","deals","$id","type","name","variant","persist","push","section","error","console","allowDuplicate","stage","stageId","undefined","spacing","kind","subtitle","filter","Boolean","join","help","anchor","backHref","backLabel","loading","booking","recordId","actions","size","startIcon","path","onClick","dealId","contactId","contactName","menuItems","key","label","icon","destructive","disabled","disabledReason","chips","value","amountCents","currency","nameOf","ownerUid","taskLink","ref","direction","xs","md","sx","alignItems","flex","minWidth","ownerLabel","customFields","active","unreadable","collection","mediaIds","topic","open","onClose","pipelines","activePipelines","defaultPipeline","displayName"],"mappings":"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"}

package/src/lib/components/deal-edit-drawer.d.ts

@@ -0,0 +1,59 @@
+import { type CrmOrgDoc } from '../hooks/use-crm-scope';
+import { type DealDoc, type PipelineDoc } from '../model/deal-board-model';
+import { type DealFormValues } from '../model/deal-form-model';
+export interface DealEditDrawerProps {
+    open: boolean;
+    onClose: () => void;
+    /**
+     * The site the drawer is opened under, or `null` at the organization
+     * level (AGL-2630), where a NEW deal asks which site captures it and an
+     * edit keeps the deal's own.
+     */
+    hostId: string | null;
+    org: CrmOrgDoc;
+    /** The deal being edited; absent for a new one. */
+    deal?: DealDoc | null;
+    /** Links and values a new deal opens with — a contact's page passes itself. */
+    defaults?: Partial<DealFormValues>;
+    pipelines: PipelineDoc[];
+    /** Where a new deal lands when nobody picks a pipeline. */
+    defaultPipeline: PipelineDoc | null;
+    /** The listener's verdict on the row being edited, for the stale-seed guard. */
+    unreadable?: boolean;
+    fromCache?: boolean;
+    /** After a save, with the id of the deal written. */
+    onSaved?: (dealId: string, mode: 'create' | 'edit') => void;
+}
+/**
+ * The one form a deal is created and edited through (AGL-2598).
+ *
+ * ## What it writes, and what it does not
+ *
+ * Client-direct against the rules, like a contact's notes: the title, the
+ * amount and its currency, the expected close, the owner, the linked
+ * contact and company, and the notes. The stage and the status are shown on
+ * a new deal — it has to start somewhere — and never on an existing one,
+ * because a stage change is the moment an automation listens for and only
+ * the server route can emit that event. A drawer that wrote `stageId`
+ * directly would move a deal without anybody hearing it.
+ *
+ * Nor the amount of a deal that has line items (AGL-2620): it is their
+ * sum, the products card on the deal's page owns it, and the field here
+ * is read-only with a caption saying so. The pipeline picker on a new
+ * deal lists every ACTIVE pipeline (`pipelines`) and opens on the one the
+ * caller was looking at.
+ *
+ * ## The pickers
+ *
+ * The owner is picked from the org's roster, the company by a server-side
+ * prefix on `nameLower` (indexed with the scope), and the contact from a
+ * bounded window of the newest contacts matched in memory — see
+ * `contactChoicesFor` for why the contact search cannot be a query. Both
+ * pickers copy the chosen NAME onto the deal beside the id, so a board of
+ * cards can caption itself without a read per card.
+ */
+export declare function DealEditDrawer(props: DealEditDrawerProps): import("react").JSX.Element;
+export declare namespace DealEditDrawer {
+    var displayName: string;
+}
+export default DealEditDrawer;