@aglyn/plugins-crm 1.0.0-beta.296 → 1.1.0

package/src/lib/components/contact-roles-editor.js

@@ -0,0 +1,270 @@
+/**
+ * @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 { dealContactRolesWithout, dealContactRolesWithPrimary } from "@aglyn/aglyn";
+import { mdiAccountPlusOutline, mdiAccountRemoveOutline } from "@aglyn/shared-data-mdi";
+import { AppLink, CardDisplay, MdiIcon } from "@aglyn/shared-ui-jsx";
+import EmptyStateComponent from "@aglyn/shared-ui-jsx/components/empty-state.component";
+import { Box, Button, Checkbox, Chip, Dialog, DialogActions, DialogContent, DialogTitle, FormControlLabel, IconButton, Stack, Tooltip, Typography } from "@mui/material";
+import { useState } from "react";
+import { useCrmScope } from "../hooks/use-crm-scope.js";
+import { dealContactRoleAddProblem, dealContactRolesAdded, dealContactRolesWithRole } from "../model/deal-contact-roles.js";
+import CrmRecordPicker from "./crm-record-picker.js";
+import { CrmPicklistSelect } from "./picklist-select.js";
+/**
+ * THE PEOPLE ON A RECORD, AND THE PART EACH PLAYS: Salesforce's Contact Roles,
+ * on a deal (AGL-3521) and on a company (AGL-4122).
+ *
+ * One card, because the two differ only in what a save writes, which is each
+ * record's own. A role is one of the org's `opportunityContactRole` values, and
+ * adding opens a dialog rather than a row of fields above the list.
+ */ export function ContactRolesEditor(props) {
+    const { noun, roles, busy, adding, onAddingChange, ready, hostId, org, routes, picklist, nameOf, help, emptyDescription, save } = props;
+    const addButton = (variant)=>/*#__PURE__*/ _jsx(Button, {
+            size: "small",
+            variant: variant,
+            startIcon: /*#__PURE__*/ _jsx(MdiIcon, {
+                path: mdiAccountPlusOutline.path,
+                size: 0.8
+            }),
+            disabled: busy || !ready,
+            onClick: ()=>onAddingChange(true),
+            children: 'Add contact'
+        });
+    return /*#__PURE__*/ _jsxs(_Fragment, {
+        children: [
+            /*#__PURE__*/ _jsx(CardDisplay, {
+                header: 'Contact roles',
+                help: help,
+                HeaderProps: {
+                    action: addButton('text')
+                },
+                contentGutterX: true,
+                contentGutterY: true,
+                children: roles.length === 0 ? /*#__PURE__*/ _jsx(EmptyStateComponent, {
+                    compact: true,
+                    label: `No contacts on this ${noun}`,
+                    description: emptyDescription,
+                    action: addButton('contained')
+                }) : /*#__PURE__*/ _jsx(Stack, {
+                    spacing: 1.5,
+                    children: roles.map((row)=>{
+                        var _row_role;
+                        const name = nameOf('contact', row.contactId) || row.contactId;
+                        return /*#__PURE__*/ _jsxs(Stack, {
+                            direction: {
+                                xs: 'column',
+                                sm: 'row'
+                            },
+                            spacing: 1,
+                            sx: {
+                                alignItems: {
+                                    sm: 'center'
+                                }
+                            },
+                            children: [
+                                /*#__PURE__*/ _jsxs(Stack, {
+                                    direction: "row",
+                                    spacing: 1,
+                                    sx: {
+                                        flex: 1,
+                                        minWidth: 0,
+                                        alignItems: 'center'
+                                    },
+                                    children: [
+                                        /*#__PURE__*/ _jsx(Typography, {
+                                            variant: "body2",
+                                            noWrap: true,
+                                            children: /*#__PURE__*/ _jsx(AppLink, {
+                                                href: routes.contact(row.contactId),
+                                                children: name
+                                            })
+                                        }),
+                                        row.primary ? /*#__PURE__*/ _jsx(Chip, {
+                                            size: "small",
+                                            color: "primary",
+                                            label: "Primary"
+                                        }) : null
+                                    ]
+                                }),
+                                /*#__PURE__*/ _jsx(Box, {
+                                    sx: {
+                                        width: {
+                                            xs: '100%',
+                                            sm: 220
+                                        }
+                                    },
+                                    children: /*#__PURE__*/ _jsx(CrmPicklistSelect, {
+                                        picklistId: "opportunityContactRole",
+                                        picklist: picklist,
+                                        label: "Role",
+                                        value: (_row_role = row.role) != null ? _row_role : '',
+                                        stored: row.role,
+                                        disabled: busy,
+                                        onChange: (role)=>void save(dealContactRolesWithRole(roles, row.contactId, role), 'Role saved')
+                                    })
+                                }),
+                                /*#__PURE__*/ _jsxs(Stack, {
+                                    direction: "row",
+                                    spacing: 0.5,
+                                    sx: {
+                                        alignItems: 'center'
+                                    },
+                                    children: [
+                                        row.primary ? null : /*#__PURE__*/ _jsx(Button, {
+                                            size: "small",
+                                            disabled: busy,
+                                            onClick: ()=>void save(dealContactRolesWithPrimary(roles, row.contactId), 'Primary contact set'),
+                                            children: 'Make primary'
+                                        }),
+                                        /*#__PURE__*/ _jsx(Tooltip, {
+                                            title: `Remove ${name} from this ${noun}`,
+                                            children: /*#__PURE__*/ _jsx("span", {
+                                                children: /*#__PURE__*/ _jsx(IconButton, {
+                                                    size: "small",
+                                                    "aria-label": `Remove ${name} from this ${noun}`,
+                                                    disabled: busy,
+                                                    onClick: ()=>void save(dealContactRolesWithout(roles, row.contactId), 'Contact removed'),
+                                                    children: /*#__PURE__*/ _jsx(MdiIcon, {
+                                                        path: mdiAccountRemoveOutline.path,
+                                                        size: 0.8
+                                                    })
+                                                })
+                                            })
+                                        })
+                                    ]
+                                })
+                            ]
+                        }, row.contactId);
+                    })
+                })
+            }),
+            /*#__PURE__*/ _jsx(AddContactRoleDialog, {
+                noun: noun,
+                open: adding,
+                busy: busy,
+                roles: roles,
+                hostId: hostId,
+                org: org,
+                picklist: picklist,
+                onClose: ()=>onAddingChange(false),
+                onAdd: async (added)=>{
+                    const ok = await save(dealContactRolesAdded(roles, added), 'Contact added');
+                    if (ok) onAddingChange(false);
+                    return ok;
+                }
+            })
+        ]
+    });
+}
+ContactRolesEditor.displayName = 'ContactRolesEditor';
+/** Pick a contact, the part they play, and whether they are the Primary. */ function AddContactRoleDialog(props) {
+    var _ref;
+    var _scope_consentGroup;
+    const { noun, open, busy, roles, hostId, org, picklist, onClose, onAdd } = props;
+    const scope = useCrmScope({
+        hostId,
+        org
+    });
+    const [contactId, setContactId] = useState(null);
+    const [role, setRole] = useState('');
+    // The first contact on a record is always its Primary; later ones when ticked.
+    const [primary, setPrimary] = useState(false);
+    const problem = contactId ? dealContactRoleAddProblem(roles, contactId, noun) : null;
+    const reset = ()=>{
+        setContactId(null);
+        setRole('');
+        setPrimary(false);
+    };
+    const close = ()=>{
+        reset();
+        onClose();
+    };
+    return /*#__PURE__*/ _jsxs(Dialog, {
+        open: open,
+        onClose: busy ? undefined : close,
+        fullWidth: true,
+        maxWidth: "xs",
+        children: [
+            /*#__PURE__*/ _jsx(DialogTitle, {
+                children: `Add a contact to this ${noun}`
+            }),
+            /*#__PURE__*/ _jsx(DialogContent, {
+                children: /*#__PURE__*/ _jsxs(Stack, {
+                    spacing: 2,
+                    sx: {
+                        pt: 1
+                    },
+                    children: [
+                        /*#__PURE__*/ _jsx(CrmRecordPicker, {
+                            kind: "contact",
+                            scope: scope.scope,
+                            readTokens: scope.visibleTo,
+                            groupId: (_ref = (_scope_consentGroup = scope.consentGroup) == null ? void 0 : _scope_consentGroup.groupId) != null ? _ref : null,
+                            org: org != null ? org : null,
+                            value: contactId,
+                            onChange: setContactId,
+                            disabled: busy,
+                            helperText: problem != null ? problem : undefined
+                        }),
+                        /*#__PURE__*/ _jsx(CrmPicklistSelect, {
+                            picklistId: "opportunityContactRole",
+                            picklist: picklist,
+                            label: "Role",
+                            value: role,
+                            onChange: setRole,
+                            disabled: busy
+                        }),
+                        /*#__PURE__*/ _jsx(FormControlLabel, {
+                            control: /*#__PURE__*/ _jsx(Checkbox, {
+                                checked: primary || roles.length === 0,
+                                disabled: busy || roles.length === 0,
+                                onChange: (event)=>setPrimary(event.target.checked)
+                            }),
+                            label: "Primary contact"
+                        })
+                    ]
+                })
+            }),
+            /*#__PURE__*/ _jsxs(DialogActions, {
+                children: [
+                    /*#__PURE__*/ _jsx(Button, {
+                        onClick: close,
+                        disabled: busy,
+                        children: 'Cancel'
+                    }),
+                    /*#__PURE__*/ _jsx(Button, {
+                        variant: "contained",
+                        disabled: busy || !contactId || Boolean(problem),
+                        onClick: async ()=>{
+                            if (!contactId) return;
+                            const added = await onAdd({
+                                contactId,
+                                role: role || undefined,
+                                primary: primary || roles.length === 0
+                            });
+                            if (added) reset();
+                        },
+                        children: 'Add'
+                    })
+                ]
+            })
+        ]
+    });
+}
+
+//# sourceMappingURL=contact-roles-editor.js.map

package/src/lib/components/contact-roles-editor.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../../../../libs/plugins/crm/src/lib/components/contact-roles-editor.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\n'use client'\n\nimport {\n  type CrmDealContactRole,\n  dealContactRolesWithout,\n  dealContactRolesWithPrimary,\n} from '@aglyn/aglyn'\nimport { mdiAccountPlusOutline, mdiAccountRemoveOutline } from '@aglyn/shared-data-mdi'\nimport { AppLink, CardDisplay, MdiIcon } from '@aglyn/shared-ui-jsx'\nimport EmptyStateComponent from '@aglyn/shared-ui-jsx/components/empty-state.component'\nimport {\n  Box,\n  Button,\n  Checkbox,\n  Chip,\n  Dialog,\n  DialogActions,\n  DialogContent,\n  DialogTitle,\n  FormControlLabel,\n  IconButton,\n  Stack,\n  Tooltip,\n  Typography,\n} from '@mui/material'\nimport { type ComponentProps, useState } from 'react'\nimport type { useCrmPicklist } from '../hooks/use-crm-picklist'\nimport { type CrmOrgDoc, useCrmScope } from '../hooks/use-crm-scope'\nimport type { CrmRoutes } from '../model/crm-routes'\nimport {\n  dealContactRoleAddProblem,\n  dealContactRolesAdded,\n  dealContactRolesWithRole,\n} from '../model/deal-contact-roles'\nimport CrmRecordPicker from './crm-record-picker'\nimport { CrmPicklistSelect } from './picklist-select'\n\n/** What the roles are on, as a sentence names it. */\nexport type ContactRolesNoun = 'deal' | 'company'\n\nexport interface ContactRolesEditorProps {\n  noun: ContactRolesNoun\n  roles: readonly CrmDealContactRole[]\n  busy: boolean\n  adding: boolean\n  onAddingChange: (adding: boolean) => void\n  /** The org has loaded, so a contact can be picked. */\n  ready: boolean\n  hostId: string | null\n  org: CrmOrgDoc\n  routes: CrmRoutes\n  picklist: ReturnType<typeof useCrmPicklist>['picklist']\n  nameOf: (kind: 'contact', id: string) => string | undefined\n  help: ComponentProps<typeof CardDisplay>['help']\n  emptyDescription: string\n  /** Writes the whole list, and answers whether it landed. */\n  save: (next: CrmDealContactRole[], done: string) => Promise<boolean>\n}\n\n/**\n * THE PEOPLE ON A RECORD, AND THE PART EACH PLAYS: Salesforce's Contact Roles,\n * on a deal (AGL-3521) and on a company (AGL-4122).\n *\n * One card, because the two differ only in what a save writes, which is each\n * record's own. A role is one of the org's `opportunityContactRole` values, and\n * adding opens a dialog rather than a row of fields above the list.\n */\nexport function ContactRolesEditor(props: ContactRolesEditorProps) {\n  const {\n    noun,\n    roles,\n    busy,\n    adding,\n    onAddingChange,\n    ready,\n    hostId,\n    org,\n    routes,\n    picklist,\n    nameOf,\n    help,\n    emptyDescription,\n    save,\n  } = props\n\n  const addButton = (variant: 'text' | 'contained') => (\n    <Button\n      size=\"small\"\n      variant={variant}\n      startIcon={<MdiIcon path={mdiAccountPlusOutline.path} size={0.8} />}\n      disabled={busy || !ready}\n      onClick={() => onAddingChange(true)}\n    >\n      {'Add contact'}\n    </Button>\n  )\n\n  return (\n    <>\n      <CardDisplay\n        header={'Contact roles'}\n        help={help}\n        HeaderProps={{ action: addButton('text') }}\n        contentGutterX\n        contentGutterY\n      >\n        {roles.length === 0 ? (\n          <EmptyStateComponent\n            compact\n            label={`No contacts on this ${noun}`}\n            description={emptyDescription}\n            action={addButton('contained')}\n          />\n        ) : (\n          <Stack spacing={1.5}>\n            {roles.map((row) => {\n              const name = nameOf('contact', row.contactId) || row.contactId\n              return (\n                <Stack\n                  key={row.contactId}\n                  direction={{ xs: 'column', sm: 'row' }}\n                  spacing={1}\n                  sx={{ alignItems: { sm: 'center' } }}\n                >\n                  <Stack direction=\"row\" spacing={1} sx={{ flex: 1, minWidth: 0, alignItems: 'center' }}>\n                    <Typography variant=\"body2\" noWrap>\n                      <AppLink href={routes.contact(row.contactId)}>{name}</AppLink>\n                    </Typography>\n                    {row.primary ? <Chip size=\"small\" color=\"primary\" label=\"Primary\" /> : null}\n                  </Stack>\n                  <Box sx={{ width: { xs: '100%', sm: 220 } }}>\n                    <CrmPicklistSelect\n                      picklistId=\"opportunityContactRole\"\n                      picklist={picklist}\n                      label=\"Role\"\n                      value={row.role ?? ''}\n                      stored={row.role}\n                      disabled={busy}\n                      onChange={(role) =>\n                        void save(dealContactRolesWithRole(roles, row.contactId, role), 'Role saved')\n                      }\n                    />\n                  </Box>\n                  <Stack direction=\"row\" spacing={0.5} sx={{ alignItems: 'center' }}>\n                    {row.primary ? null : (\n                      <Button\n                        size=\"small\"\n                        disabled={busy}\n                        onClick={() =>\n                          void save(dealContactRolesWithPrimary(roles, row.contactId), 'Primary contact set')\n                        }\n                      >\n                        {'Make primary'}\n                      </Button>\n                    )}\n                    <Tooltip title={`Remove ${name} from this ${noun}`}>\n                      <span>\n                        <IconButton\n                          size=\"small\"\n                          aria-label={`Remove ${name} from this ${noun}`}\n                          disabled={busy}\n                          onClick={() =>\n                            void save(dealContactRolesWithout(roles, row.contactId), 'Contact removed')\n                          }\n                        >\n                          <MdiIcon path={mdiAccountRemoveOutline.path} size={0.8} />\n                        </IconButton>\n                      </span>\n                    </Tooltip>\n                  </Stack>\n                </Stack>\n              )\n            })}\n          </Stack>\n        )}\n      </CardDisplay>\n      <AddContactRoleDialog\n        noun={noun}\n        open={adding}\n        busy={busy}\n        roles={roles}\n        hostId={hostId}\n        org={org}\n        picklist={picklist}\n        onClose={() => onAddingChange(false)}\n        onAdd={async (added) => {\n          const ok = await save(dealContactRolesAdded(roles, added), 'Contact added')\n          if (ok) onAddingChange(false)\n          return ok\n        }}\n      />\n    </>\n  )\n}\nContactRolesEditor.displayName = 'ContactRolesEditor'\n\ninterface AddContactRoleDialogProps {\n  noun: ContactRolesNoun\n  open: boolean\n  busy: boolean\n  roles: readonly CrmDealContactRole[]\n  hostId: string | null\n  org: CrmOrgDoc\n  picklist: ReturnType<typeof useCrmPicklist>['picklist']\n  onClose: () => void\n  /** Answers whether the contact was added — the dialog keeps its picks when not. */\n  onAdd: (added: { contactId: string; role?: string; primary: boolean }) => Promise<boolean>\n}\n\n/** Pick a contact, the part they play, and whether they are the Primary. */\nfunction AddContactRoleDialog(props: AddContactRoleDialogProps) {\n  const { noun, open, busy, roles, hostId, org, picklist, onClose, onAdd } = props\n  const scope = useCrmScope({ hostId, org })\n  const [contactId, setContactId] = useState<string | null>(null)\n  const [role, setRole] = useState('')\n  // The first contact on a record is always its Primary; later ones when ticked.\n  const [primary, setPrimary] = useState(false)\n  const problem = contactId ? dealContactRoleAddProblem(roles, contactId, noun) : null\n\n  const reset = () => {\n    setContactId(null)\n    setRole('')\n    setPrimary(false)\n  }\n  const close = () => {\n    reset()\n    onClose()\n  }\n\n  return (\n    <Dialog open={open} onClose={busy ? undefined : close} fullWidth maxWidth=\"xs\">\n      <DialogTitle>{`Add a contact to this ${noun}`}</DialogTitle>\n      <DialogContent>\n        <Stack spacing={2} sx={{ pt: 1 }}>\n          <CrmRecordPicker\n            kind=\"contact\"\n            scope={scope.scope}\n            readTokens={scope.visibleTo}\n            groupId={scope.consentGroup?.groupId ?? null}\n            org={(org ?? null) as Record<string, unknown> | null}\n            value={contactId}\n            onChange={setContactId}\n            disabled={busy}\n            helperText={problem ?? undefined}\n          />\n          <CrmPicklistSelect\n            picklistId=\"opportunityContactRole\"\n            picklist={picklist}\n            label=\"Role\"\n            value={role}\n            onChange={setRole}\n            disabled={busy}\n          />\n          <FormControlLabel\n            control={\n              <Checkbox\n                checked={primary || roles.length === 0}\n                disabled={busy || roles.length === 0}\n                onChange={(event) => setPrimary(event.target.checked)}\n              />\n            }\n            label=\"Primary contact\"\n          />\n        </Stack>\n      </DialogContent>\n      <DialogActions>\n        <Button onClick={close} disabled={busy}>\n          {'Cancel'}\n        </Button>\n        <Button\n          variant=\"contained\"\n          disabled={busy || !contactId || Boolean(problem)}\n          onClick={async () => {\n            if (!contactId) return\n            const added = await onAdd({\n              contactId,\n              role: role || undefined,\n              primary: primary || roles.length === 0,\n            })\n            if (added) reset()\n          }}\n        >\n          {'Add'}\n        </Button>\n      </DialogActions>\n    </Dialog>\n  )\n}\n"],"names":["dealContactRolesWithout","dealContactRolesWithPrimary","mdiAccountPlusOutline","mdiAccountRemoveOutline","AppLink","CardDisplay","MdiIcon","EmptyStateComponent","Box","Button","Checkbox","Chip","Dialog","DialogActions","DialogContent","DialogTitle","FormControlLabel","IconButton","Stack","Tooltip","Typography","useState","useCrmScope","dealContactRoleAddProblem","dealContactRolesAdded","dealContactRolesWithRole","CrmRecordPicker","CrmPicklistSelect","ContactRolesEditor","props","noun","roles","busy","adding","onAddingChange","ready","hostId","org","routes","picklist","nameOf","help","emptyDescription","save","addButton","variant","size","startIcon","path","disabled","onClick","header","HeaderProps","action","contentGutterX","contentGutterY","length","compact","label","description","spacing","map","row","name","contactId","direction","xs","sm","sx","alignItems","flex","minWidth","noWrap","href","contact","primary","color","width","picklistId","value","role","stored","onChange","title","span","aria-label","AddContactRoleDialog","open","onClose","onAdd","added","ok","displayName","scope","setContactId","setRole","setPrimary","problem","reset","close","undefined","fullWidth","maxWidth","pt","kind","readTokens","visibleTo","groupId","consentGroup","helperText","control","checked","event","target","Boolean"],"mappings":"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"}

package/src/lib/components/contacts-section.js

@@ -702,9 +702,9 @@ import { CrmSuiteLockedButton, CrmSuiteNotice, crmSuiteIncluded } from "./crm-su
         setCreateError(null);
         try {
             var _payload_contactId;
-            const { response, payload } = await crmApi('contacts-create', _extends({
+            const { response, payload } = await crmApi('contacts-create', _extends({}, values.email ? {
                 email: values.email
-            }, values.name ? {
+            } : {}, values.name ? {
                 name: values.name
             } : {}, values.salutation ? {
                 salutation: values.salutation
@@ -798,7 +798,8 @@ import { CrmSuiteLockedButton, CrmSuiteNotice, crmSuiteIncluded } from "./crm-su
                                         resource: CRM_CONTACTS_RESOURCE,
                                         noun: "contacts",
                                         hostId: hostId,
-                                        mappingZone: "contacts"
+                                        mappingZone: "contacts",
+                                        siteOptional: !crmScope.createNeedsSite
                                     }) : /*#__PURE__*/ _jsx(CrmSuiteLockedButton, {
                                         children: 'Import'
                                     }),
@@ -932,7 +933,8 @@ import { CrmSuiteLockedButton, CrmSuiteNotice, crmSuiteIncluded } from "./crm-su
                                                 resource: CRM_CONTACTS_RESOURCE,
                                                 noun: "contacts",
                                                 hostId: hostId,
-                                                mappingZone: "contacts"
+                                                mappingZone: "contacts",
+                                                siteOptional: !crmScope.createNeedsSite
                                             })
                                         ]
                                     })