@aglyn/plugins-crm 1.0.0-beta.143

package/src/lib/components/deal-edit-drawer.js

@@ -0,0 +1,640 @@
+/**
+ * @license
+ * Copyright 2026 Aglyn LLC
+ *
+ * Licensed under the Apache License, Version 2.0 (the "License");
+ * you may not use this file except in compliance with the License.
+ * You may obtain a copy of the License at
+ *
+ *   http://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing, software
+ * distributed under the License is distributed on an "AS IS" BASIS,
+ * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ * See the License for the specific language governing permissions and
+ * limitations under the License.
+ */ 'use client';
+import { _ as _extends } from "@swc/helpers/_/_extends";
+import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
+import { createElement as _createElement } from "react";
+import { CRM_COLLECTIONS, CRM_RECORDS_BAND_FULL_MESSAGE, dealHasLineItems, findOrgMember, nameSearchKey } from "@aglyn/aglyn";
+import { ICON_VARIANT_CLOSE } from "@aglyn/shared-data-enums";
+import { Container, MdiIcon, SrOnly } from "@aglyn/shared-ui-jsx";
+import { NavigationDrawerComponent } from "@aglyn/shared-ui-jsx/components/navigation-drawer.component";
+import { useSnackbar } from "@aglyn/shared-ui-snackstack";
+import { useFirestore, useFirestoreCollection, useUser, writeGuardedBySeed } from "@aglyn/tenant-feature-instance";
+import { Alert, Autocomplete, Button, IconButton, MenuItem, Stack, TextField, Typography } from "@mui/material";
+import { addDoc, collection, deleteField, doc, endAt, getDocs, limit, orderBy, query, startAt, updateDoc } from "firebase/firestore";
+import { useCallback, useEffect, useMemo, useState } from "react";
+import { useContactFieldDefinitions } from "../hooks/use-contact-field-definitions.js";
+import { useCrmActivityLogger } from "../hooks/use-crm-activity-logger.js";
+import { useCrmRecordsQuota } from "../hooks/use-crm-records-quota.js";
+import { crmScopeListable, crmVisibleToClause, useCrmScope } from "../hooks/use-crm-scope.js";
+import { useOrgMemberDirectory } from "../hooks/use-org-member-directory.js";
+import { contactPrimaryGroup } from "../model/contact-record.js";
+import { crmCustomDraftDocument, crmCustomDraftMissingRequired, crmCustomDraftValue, crmCustomDraftWrites } from "../model/crm-custom-draft.js";
+import { CrmCustomFieldControl } from "./crm-custom-field-control.js";
+import { CrmSitePicker } from "./crm-site-picker.js";
+import { DEAL_CURRENCIES, openStages } from "../model/deal-board-model.js";
+import { contactChoicesFor, DEAL_NOTES_MAX, DEAL_TITLE_MAX, dealDocumentFromForm, dealFormFromDoc, dealFormProblem, dealPatchFromForm, emptyDealForm } from "../model/deal-form-model.js";
+/**
+ * How many recent contacts the picker matches against. The window is the
+ * ask — it is read when the drawer opens, not when the section does — and
+ * a person outside it is still linkable by pasting their address, which
+ * the match tests as a prefix of the email.
+ */ const CONTACT_WINDOW = 300;
+/** Companies offered per keystroke; a longer list is a scroll, not a pick. */ const COMPANY_MATCHES = 8;
+/**
+ * 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 function DealEditDrawer(props) {
+    var _ref, _dealFormProblem;
+    var _contactChoices_find;
+    const { open, onClose, hostId, org, deal, defaults, pipelines, defaultPipeline, unreadable = false, fromCache = false, onSaved } = props;
+    const mode = deal ? 'edit' : 'create';
+    const firestore = useFirestore();
+    const { enqueueSnackbar } = useSnackbar();
+    const { data: user } = useUser();
+    const { orgId, consentGroup, visibleTo, createHostId, createTokens } = useCrmScope({
+        hostId,
+        org
+    });
+    // The feed the act is logged in is the level it was PERFORMED at
+    // (AGL-2738): this site's under a site, the organization's at the org
+    // hub. `createHostId` is where the deal is STAMPED, which at the hub is a
+    // site the reader picked and may hold no role on — a different question
+    // from where the line belongs, and a gate the record write never faced.
+    const logActivity = useCrmActivityLogger(hostId);
+    const roster = useOrgMemberDirectory(open ? orgId : null);
+    const [values, setValues] = useState(()=>emptyDealForm(defaultPipeline, defaults));
+    const owner = findOrgMember(roster.members, values.ownerUid);
+    const [busy, setBusy] = useState(false);
+    /*
+   * THE CUSTOM FIELDS (AGL-2661): the org's deal definitions, and the keys
+   * the reader has touched over what the deal stores — saved as the
+   * difference (`crm-custom-draft`) in the same write as the fixed fields.
+   */ const fields = useContactFieldDefinitions(open ? orgId : null, 'deal');
+    const storedCustom = useMemo(()=>{
+        var _ref;
+        return (_ref = deal == null ? void 0 : deal.custom) != null ? _ref : {};
+    }, [
+        deal == null ? void 0 : deal.custom
+    ]);
+    const [custom, setCustom] = useState({});
+    // Re-seeded on every open: an existing deal's stored values, or a blank
+    // form aimed at the default pipeline with whatever the opener preselected.
+    useEffect(()=>{
+        if (!open) return;
+        setValues(deal ? dealFormFromDoc(deal) : emptyDealForm(defaultPipeline, defaults));
+        setCustom({});
+    }, [
+        open,
+        deal,
+        defaultPipeline,
+        defaults
+    ]);
+    const update = useCallback((patch)=>setValues((current)=>_extends({}, current, patch)), []);
+    const pipeline = useMemo(()=>{
+        var _pipelines_find;
+        return (_pipelines_find = pipelines.find((entry)=>entry.$id === values.pipelineId)) != null ? _pipelines_find : defaultPipeline;
+    }, [
+        pipelines,
+        values.pipelineId,
+        defaultPipeline
+    ]);
+    const stages = useMemo(()=>openStages(pipeline), [
+        pipeline
+    ]);
+    /*
+   * THE CONTACT WINDOW: the newest contacts this viewer may see, read only
+   * while the drawer is open. Scoped and ordered like the contacts list —
+   * the same `(visibleTo, updatedAt DESC)` index — and bounded, because the
+   * picker's job is to find one person, not to list the audience.
+   */ const { data: contactRows } = useFirestoreCollection(()=>open && orgId && crmScopeListable(visibleTo) ? query(collection(firestore, 'orgs', orgId, 'contacts'), ...crmVisibleToClause(visibleTo), orderBy('updatedAt', 'desc'), limit(CONTACT_WINDOW)) : null, [
+        firestore,
+        open,
+        orgId,
+        visibleTo
+    ], {
+        idField: '$id'
+    });
+    const [contactQuery, setContactQuery] = useState('');
+    // Named through the viewing group under a site; at the organization level
+    // through each person's own primary holder.
+    const contactChoices = useMemo(()=>{
+        var _ref;
+        return contactChoicesFor(contactQuery, contactRows != null ? contactRows : [], (_ref = consentGroup == null ? void 0 : consentGroup.groupId) != null ? _ref : (row)=>contactPrimaryGroup(row, org).groupId);
+    }, [
+        contactQuery,
+        contactRows,
+        consentGroup,
+        org
+    ]);
+    const contactValue = values.contactId ? {
+        id: values.contactId,
+        name: values.contactName,
+        email: (_ref = (_contactChoices_find = contactChoices.find((choice)=>choice.id === values.contactId)) == null ? void 0 : _contactChoices_find.email) != null ? _ref : ''
+    } : null;
+    /*
+   * THE COMPANY SEARCH: a prefix on `nameLower` with the scope, which the
+   * companies collection indexes. Debounced so a name typed at speed is one
+   * query rather than one per letter.
+   */ const [companyQuery, setCompanyQuery] = useState('');
+    const [companyChoices, setCompanyChoices] = useState([]);
+    useEffect(()=>{
+        if (!open || !orgId || !crmScopeListable(visibleTo)) return;
+        const key = nameSearchKey(companyQuery);
+        let active = true;
+        const timer = setTimeout(()=>{
+            void getDocs(query(collection(firestore, 'orgs', orgId, CRM_COLLECTIONS.companies), ...crmVisibleToClause(visibleTo), orderBy('nameLower'), ...key ? [
+                startAt(key),
+                endAt(`${key}\uf8ff`)
+            ] : [], limit(COMPANY_MATCHES))).then((snapshot)=>{
+                if (!active) return;
+                setCompanyChoices(snapshot.docs.map((entry)=>{
+                    var _entry_get;
+                    return {
+                        id: entry.id,
+                        name: String((_entry_get = entry.get('name')) != null ? _entry_get : '')
+                    };
+                }));
+            }).catch(()=>{
+                if (active) setCompanyChoices([]);
+            });
+        }, 200);
+        return ()=>{
+            active = false;
+            clearTimeout(timer);
+        };
+    }, [
+        firestore,
+        open,
+        orgId,
+        visibleTo,
+        companyQuery
+    ]);
+    const companyValue = values.companyId ? {
+        id: values.companyId,
+        name: values.companyName
+    } : null;
+    const customMissing = crmCustomDraftMissingRequired(fields.active, storedCustom, custom, mode);
+    const problem = (_dealFormProblem = dealFormProblem(values, mode)) != null ? _dealFormProblem : customMissing.length ? `${customMissing.join(', ')} is required.` : null;
+    const amountDerived = Boolean(deal && dealHasLineItems(deal));
+    /*
+   * THE RECORDS BAND (AGL-2611), read only while a CREATE is open: a deal
+   * is a record of the band the contacts list is banded by, and on an org
+   * at a full hard band this drawer refuses the way `upsertHostContact`
+   * refuses a capture — same number, same sentence. Memoized, because the
+   * tuple is an effect dependency and a fresh one per render would re-read
+   * the three aggregates on every keystroke.
+   */ const recordsScope = useMemo(()=>open && mode === 'create' && orgId ? [
+            'orgs',
+            orgId
+        ] : null, [
+        open,
+        mode,
+        orgId
+    ]);
+    const records = useCrmRecordsQuota(recordsScope, org);
+    const bandFull = mode === 'create' && records.ready && !records.quota.allowed;
+    const handleSave = useCallback(async ()=>{
+        if (problem || !orgId || !(user == null ? void 0 : user.uid)) return;
+        if (bandFull) {
+            enqueueSnackbar(CRM_RECORDS_BAND_FULL_MESSAGE, {
+                variant: 'warning',
+                persist: false
+            });
+            return;
+        }
+        setBusy(true);
+        try {
+            const nowMs = Date.now();
+            if (deal) {
+                const verdict = await writeGuardedBySeed({
+                    subject: 'deal',
+                    unreadable,
+                    fromCache
+                }, async ()=>{
+                    const { set, clear } = dealPatchFromForm(values, nowMs, {
+                        amountDerived
+                    });
+                    await updateDoc(doc(firestore, 'orgs', orgId, CRM_COLLECTIONS.deals, deal.$id), _extends({}, set, Object.fromEntries(clear.map((key)=>[
+                            key,
+                            deleteField()
+                        ])), crmCustomDraftWrites(storedCustom, custom)));
+                });
+                if (!verdict.ok) {
+                    enqueueSnackbar(verdict.message, {
+                        variant: 'warning',
+                        persist: false
+                    });
+                    return;
+                }
+                enqueueSnackbar('Deal saved', {
+                    variant: 'success',
+                    persist: false
+                });
+                onSaved == null ? void 0 : onSaved(deal.$id, 'edit');
+            } else {
+                // Held by the button until the capturing site is known; checked
+                // again here because a callback can outlive the render that held it.
+                if (!createHostId) return;
+                const customDocument = crmCustomDraftDocument(custom);
+                const created = await addDoc(collection(firestore, 'orgs', orgId, CRM_COLLECTIONS.deals), _extends({}, dealDocumentFromForm(values, {
+                    visibleTo: [
+                        ...createTokens
+                    ],
+                    hostId: createHostId,
+                    uid: user.uid,
+                    nowMs
+                }), customDocument ? {
+                    custom: customDocument
+                } : {}));
+                // 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. Creation only — an edit is a save the card reports.
+                logActivity('Added deal', {
+                    type: 'deal',
+                    id: created.id,
+                    name: values.title
+                });
+                enqueueSnackbar('Deal created', {
+                    variant: 'success',
+                    persist: false
+                });
+                onSaved == null ? void 0 : onSaved(created.id, 'create');
+            }
+            onClose();
+        } catch (error) {
+            console.error(error);
+            enqueueSnackbar('An error has occurred', {
+                variant: 'error',
+                allowDuplicate: true
+            });
+        } finally{
+            setBusy(false);
+        }
+    }, [
+        problem,
+        bandFull,
+        orgId,
+        user,
+        deal,
+        values,
+        unreadable,
+        fromCache,
+        firestore,
+        createTokens,
+        createHostId,
+        logActivity,
+        enqueueSnackbar,
+        onSaved,
+        onClose,
+        storedCustom,
+        custom
+    ]);
+    return /*#__PURE__*/ _jsx(NavigationDrawerComponent, {
+        open: open,
+        anchor: "right",
+        variant: "temporary",
+        onClose: busy ? undefined : onClose,
+        AppBarProps: {
+            color: 'surface'
+        },
+        appBarLeft: /*#__PURE__*/ _jsxs(_Fragment, {
+            children: [
+                /*#__PURE__*/ _jsxs(IconButton, {
+                    color: "inherit",
+                    edge: "start",
+                    onClick: onClose,
+                    sx: {
+                        mr: 2
+                    },
+                    children: [
+                        /*#__PURE__*/ _jsx(MdiIcon, {
+                            path: ICON_VARIANT_CLOSE.path
+                        }),
+                        /*#__PURE__*/ _jsx(SrOnly, {
+                            children: "close drawer"
+                        })
+                    ]
+                }),
+                /*#__PURE__*/ _jsx(Typography, {
+                    variant: "h6",
+                    component: "div",
+                    children: deal ? 'Edit deal' : 'New deal'
+                })
+            ]
+        }),
+        appBarRight: /*#__PURE__*/ _jsx(Button, {
+            variant: "outlined",
+            color: "inherit",
+            onClick: onClose,
+            disabled: busy,
+            children: 'Cancel'
+        }),
+        children: /*#__PURE__*/ _jsx(Container, {
+            gutterY: true,
+            children: /*#__PURE__*/ _jsxs(Stack, {
+                spacing: 2,
+                sx: {
+                    width: {
+                        xs: '100%',
+                        sm: 420
+                    }
+                },
+                children: [
+                    mode === 'create' ? /*#__PURE__*/ _jsx(CrmSitePicker, {
+                        hostId: hostId,
+                        disabled: busy,
+                        helperText: "The site this deal belongs to — it decides which of your sites may see it."
+                    }) : null,
+                    /*#__PURE__*/ _jsx(TextField, {
+                        label: "Title",
+                        value: values.title,
+                        onChange: (event)=>update({
+                                title: event.target.value
+                            }),
+                        autoFocus: true,
+                        fullWidth: true,
+                        slotProps: {
+                            htmlInput: {
+                                maxLength: DEAL_TITLE_MAX
+                            }
+                        }
+                    }),
+                    mode === 'create' ? /*#__PURE__*/ _jsxs(Stack, {
+                        direction: "row",
+                        spacing: 1,
+                        children: [
+                            /*#__PURE__*/ _jsx(TextField, {
+                                select: true,
+                                label: "Pipeline",
+                                value: pipelines.some((entry)=>entry.$id === values.pipelineId) ? values.pipelineId : '',
+                                onChange: (event)=>{
+                                    var _ref;
+                                    var _openStages_;
+                                    const next = pipelines.find((entry)=>entry.$id === event.target.value);
+                                    update({
+                                        pipelineId: event.target.value,
+                                        stageId: (_ref = (_openStages_ = openStages(next)[0]) == null ? void 0 : _openStages_.id) != null ? _ref : ''
+                                    });
+                                },
+                                sx: {
+                                    flex: 1
+                                },
+                                children: pipelines.map((entry)=>/*#__PURE__*/ _jsx(MenuItem, {
+                                        value: entry.$id,
+                                        children: entry.name
+                                    }, entry.$id))
+                            }),
+                            /*#__PURE__*/ _jsx(TextField, {
+                                select: true,
+                                label: "Stage",
+                                value: stages.some((stage)=>stage.id === values.stageId) ? values.stageId : '',
+                                onChange: (event)=>update({
+                                        stageId: event.target.value
+                                    }),
+                                sx: {
+                                    flex: 1
+                                },
+                                children: stages.map((stage)=>/*#__PURE__*/ _jsx(MenuItem, {
+                                        value: stage.id,
+                                        children: stage.name
+                                    }, stage.id))
+                            })
+                        ]
+                    }) : null,
+                    /*#__PURE__*/ _jsxs(Stack, {
+                        direction: "row",
+                        spacing: 1,
+                        sx: {
+                            alignItems: 'flex-start'
+                        },
+                        children: [
+                            /*#__PURE__*/ _jsx(TextField, {
+                                label: "Amount",
+                                value: values.amount,
+                                onChange: (event)=>update({
+                                        amount: event.target.value
+                                    }),
+                                placeholder: "0.00",
+                                sx: {
+                                    flex: 1
+                                },
+                                helperText: amountDerived ? "The sum of the deal's line items — edit them on the Products card." : undefined,
+                                slotProps: {
+                                    htmlInput: {
+                                        inputMode: 'decimal',
+                                        readOnly: amountDerived
+                                    }
+                                }
+                            }),
+                            /*#__PURE__*/ _jsx(TextField, {
+                                select: true,
+                                label: "Currency",
+                                value: values.currency,
+                                onChange: (event)=>update({
+                                        currency: event.target.value
+                                    }),
+                                disabled: amountDerived,
+                                sx: {
+                                    width: 120
+                                },
+                                children: DEAL_CURRENCIES.map((code)=>/*#__PURE__*/ _jsx(MenuItem, {
+                                        value: code,
+                                        children: code.toUpperCase()
+                                    }, code))
+                            })
+                        ]
+                    }),
+                    /*#__PURE__*/ _jsx(TextField, {
+                        type: "date",
+                        label: "Expected close",
+                        value: values.expectedClose,
+                        onChange: (event)=>update({
+                                expectedClose: event.target.value
+                            }),
+                        fullWidth: true,
+                        slotProps: {
+                            inputLabel: {
+                                shrink: true
+                            }
+                        }
+                    }),
+                    /*#__PURE__*/ _jsxs(TextField, {
+                        select: true,
+                        label: "Owner",
+                        // The stored owner resolved to a member — by uid, or by an
+                        // address the roster has — so the picker highlights the person
+                        // and a save writes their uid.
+                        value: owner ? owner.uid : values.ownerUid ? '__keep' : '',
+                        onChange: (event)=>update({
+                                ownerUid: event.target.value === '__keep' ? values.ownerUid : event.target.value
+                            }),
+                        fullWidth: true,
+                        helperText: !roster.loading && !roster.members.length ? 'The roster could not be read; the owner stays as stored.' : undefined,
+                        children: [
+                            /*#__PURE__*/ _jsx(MenuItem, {
+                                value: "",
+                                children: 'Nobody yet'
+                            }),
+                            values.ownerUid && !owner ? // The stored owner is not on the roster the route returned —
+                            // a member who left, or a roster that failed to load. Shown by
+                            // uid so the field is never blank while the deal has an owner.
+                            /*#__PURE__*/ _jsx(MenuItem, {
+                                value: "__keep",
+                                children: values.ownerUid
+                            }) : null,
+                            roster.members.map((member)=>/*#__PURE__*/ _jsx(MenuItem, {
+                                    value: member.uid,
+                                    children: member.label
+                                }, member.uid))
+                        ]
+                    }),
+                    /*#__PURE__*/ _jsx(Autocomplete, {
+                        options: contactChoices,
+                        value: contactValue,
+                        inputValue: contactQuery,
+                        onInputChange: (_event, next, reason)=>{
+                            if (reason !== 'reset') setContactQuery(next);
+                        },
+                        onChange: (_event, picked)=>{
+                            var _ref;
+                            return update({
+                                contactId: (_ref = picked == null ? void 0 : picked.id) != null ? _ref : '',
+                                contactName: picked ? picked.name || picked.email : ''
+                            });
+                        },
+                        getOptionLabel: (choice)=>choice.name || choice.email,
+                        isOptionEqualToValue: (option, value)=>option.id === value.id,
+                        // Matching is `contactChoicesFor`'s — the list's grammar over the
+                        // window — and never MUI's own substring filter over labels.
+                        filterOptions: (options)=>options,
+                        renderOption: (optionProps, choice)=>/*#__PURE__*/ _createElement("li", _extends({}, optionProps, {
+                                key: choice.id
+                            }), /*#__PURE__*/ _jsxs(Stack, {
+                                sx: {
+                                    lineHeight: 1.25
+                                },
+                                children: [
+                                    /*#__PURE__*/ _jsx(Typography, {
+                                        variant: "body2",
+                                        children: choice.name || choice.email
+                                    }),
+                                    choice.name ? /*#__PURE__*/ _jsx(Typography, {
+                                        variant: "caption",
+                                        color: "text.secondary",
+                                        children: choice.email
+                                    }) : null
+                                ]
+                            })),
+                        noOptionsText: "No recent contact matches",
+                        renderInput: (params)=>/*#__PURE__*/ _jsx(TextField, _extends({}, params, {
+                                label: "Contact",
+                                placeholder: "Name or email",
+                                helperText: "Searches your most recent contacts by name or email."
+                            }))
+                    }),
+                    /*#__PURE__*/ _jsx(Autocomplete, {
+                        options: companyChoices,
+                        value: companyValue,
+                        inputValue: companyQuery,
+                        onInputChange: (_event, next, reason)=>{
+                            if (reason !== 'reset') setCompanyQuery(next);
+                        },
+                        onChange: (_event, picked)=>{
+                            var _ref, _ref1;
+                            return update({
+                                companyId: (_ref = picked == null ? void 0 : picked.id) != null ? _ref : '',
+                                companyName: (_ref1 = picked == null ? void 0 : picked.name) != null ? _ref1 : ''
+                            });
+                        },
+                        getOptionLabel: (choice)=>choice.name,
+                        isOptionEqualToValue: (option, value)=>option.id === value.id,
+                        filterOptions: (options)=>options,
+                        noOptionsText: "No company matches",
+                        renderInput: (params)=>/*#__PURE__*/ _jsx(TextField, _extends({}, params, {
+                                label: "Company",
+                                placeholder: "Company name"
+                            }))
+                    }),
+                    /*#__PURE__*/ _jsx(TextField, {
+                        label: "Notes",
+                        value: values.notes,
+                        onChange: (event)=>update({
+                                notes: event.target.value
+                            }),
+                        multiline: true,
+                        minRows: 3,
+                        fullWidth: true,
+                        slotProps: {
+                            htmlInput: {
+                                maxLength: DEAL_NOTES_MAX
+                            }
+                        }
+                    }),
+                    fields.active.length ? /*#__PURE__*/ _jsxs(_Fragment, {
+                        children: [
+                            /*#__PURE__*/ _jsx(Typography, {
+                                variant: "subtitle2",
+                                children: 'Custom fields'
+                            }),
+                            fields.active.map((definition)=>/*#__PURE__*/ _jsx(CrmCustomFieldControl, {
+                                    definition: definition,
+                                    value: crmCustomDraftValue(storedCustom, custom, definition.key),
+                                    onChange: (value)=>setCustom((current)=>_extends({}, current, {
+                                                [definition.key]: value
+                                            })),
+                                    disabled: busy
+                                }, definition.$id))
+                        ]
+                    }) : null,
+                    bandFull ? /*#__PURE__*/ _jsx(Alert, {
+                        severity: "warning",
+                        children: CRM_RECORDS_BAND_FULL_MESSAGE
+                    }) : null,
+                    problem && values.title ? /*#__PURE__*/ _jsx(Alert, {
+                        severity: "warning",
+                        children: problem
+                    }) : null,
+                    /*#__PURE__*/ _jsx(Button, {
+                        variant: "contained",
+                        disabled: busy || Boolean(problem) || !orgId || bandFull || // A new deal waits for its capturing site.
+                        mode === 'create' && !createHostId,
+                        onClick: ()=>void handleSave(),
+                        children: deal ? 'Save deal' : 'Create deal'
+                    })
+                ]
+            })
+        })
+    });
+}
+DealEditDrawer.displayName = 'DealEditDrawer';
+export default DealEditDrawer;
+
+//# sourceMappingURL=deal-edit-drawer.js.map