@aglyn/plugins-crm 1.0.0-beta.217 → 1.0.0-beta.219

package/src/lib/components/share-records-dialog.d.ts

@@ -0,0 +1,28 @@
+import { type CrmSharingObject, type CrmSharingSite } from '../model/crm-sharing';
+import type { CrmTaskRouteScope } from '../model/task-routes';
+export interface ShareRecordsDialogProps {
+    open: boolean;
+    onClose: () => void;
+    object: CrmSharingObject;
+    ids: readonly string[];
+    /** The route scope the share is sent with. */
+    scope: CrmTaskRouteScope | null;
+    sites: readonly CrmSharingSite[];
+    sitesReady: boolean;
+    /** Sites that already hold the record — not offered, since they see it anyway. */
+    heldHostIds?: readonly string[];
+    onShared?: (changed: number) => void;
+}
+/**
+ * "Share with sites…" (AGL-3336): the sites a manager picks, or All sites —
+ * which covers a site created later — and whether they may edit.
+ *
+ * Read-only is the default. The sentence under the choice is the guardrail
+ * a manager has to read before sharing: the other site sees the person and
+ * may work the record, and gains no permission to market to them.
+ */
+export declare function ShareRecordsDialog(props: ShareRecordsDialogProps): import("react").JSX.Element;
+export declare namespace ShareRecordsDialog {
+    var displayName: string;
+}
+export default ShareRecordsDialog;

package/src/lib/components/share-records-dialog.js

@@ -0,0 +1,184 @@
+/**
+ * @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 { MAX_SCOPE_HOSTS } from "@aglyn/aglyn";
+import { useSnackbar } from "@aglyn/shared-ui-snackstack";
+import { useUser } from "@aglyn/tenant-feature-instance";
+import { Button, Checkbox, Dialog, DialogActions, DialogContent, DialogTitle, FormControl, FormControlLabel, FormGroup, FormHelperText, FormLabel, Radio, RadioGroup, Stack, Typography } from "@mui/material";
+import { useEffect, useState } from "react";
+import { CRM_SHARING_OBJECT_LABELS } from "../model/crm-sharing.js";
+import { callCrmSharing } from "../model/crm-sharing-api.js";
+/**
+ * "Share with sites…" (AGL-3336): the sites a manager picks, or All sites —
+ * which covers a site created later — and whether they may edit.
+ *
+ * Read-only is the default. The sentence under the choice is the guardrail
+ * a manager has to read before sharing: the other site sees the person and
+ * may work the record, and gains no permission to market to them.
+ */ export function ShareRecordsDialog(props) {
+    const { open, onClose, object, ids, scope, sites, sitesReady, heldHostIds = [], onShared } = props;
+    const { data: user } = useUser();
+    const { enqueueSnackbar } = useSnackbar();
+    const [allSites, setAllSites] = useState(false);
+    const [picked, setPicked] = useState([]);
+    const [access, setAccess] = useState('read');
+    const [busy, setBusy] = useState(false);
+    useEffect(()=>{
+        if (!open) return;
+        setAllSites(false);
+        setPicked([]);
+        setAccess('read');
+    }, [
+        open
+    ]);
+    const offered = sites.filter((site)=>!heldHostIds.includes(site.id));
+    const label = CRM_SHARING_OBJECT_LABELS[object];
+    const what = ids.length === 1 ? `this ${label.one}` : `${ids.length} ${label.many.toLowerCase()}`;
+    const tooMany = !allSites && picked.length > MAX_SCOPE_HOSTS;
+    const ready = Boolean(scope) && ids.length > 0 && (allSites || picked.length > 0) && !tooMany;
+    const submit = async ()=>{
+        if (!scope || !ready) return;
+        setBusy(true);
+        try {
+            var _answer_changed;
+            const answer = await callCrmSharing(user, scope, 'share', {
+                object,
+                ids,
+                targets: allSites ? 'all' : picked,
+                access
+            });
+            enqueueSnackbar(answer.changed ? `Shared ${answer.changed === 1 ? `one ${label.one}` : `${answer.changed} ${label.many.toLowerCase()}`}` : `Already shared that way`, {
+                variant: 'success',
+                persist: false
+            });
+            onShared == null ? void 0 : onShared((_answer_changed = answer.changed) != null ? _answer_changed : 0);
+            onClose();
+        } catch (error) {
+            enqueueSnackbar(error.message, {
+                variant: 'error',
+                allowDuplicate: true
+            });
+        } finally{
+            setBusy(false);
+        }
+    };
+    return /*#__PURE__*/ _jsxs(Dialog, {
+        open: open,
+        onClose: busy ? undefined : onClose,
+        fullWidth: true,
+        maxWidth: "xs",
+        children: [
+            /*#__PURE__*/ _jsx(DialogTitle, {
+                children: 'Share with sites'
+            }),
+            /*#__PURE__*/ _jsx(DialogContent, {
+                children: /*#__PURE__*/ _jsxs(Stack, {
+                    spacing: 2,
+                    children: [
+                        /*#__PURE__*/ _jsx(Typography, {
+                            variant: "body2",
+                            color: "text.secondary",
+                            children: `The sites you pick see ${what} on their CRM lists and can log activity and tasks on it.`
+                        }),
+                        /*#__PURE__*/ _jsxs(FormGroup, {
+                            children: [
+                                /*#__PURE__*/ _jsx(FormControlLabel, {
+                                    control: /*#__PURE__*/ _jsx(Checkbox, {
+                                        checked: allSites,
+                                        onChange: (event)=>setAllSites(event.target.checked)
+                                    }),
+                                    label: "All sites, including sites added later"
+                                }),
+                                offered.map((site)=>/*#__PURE__*/ _jsx(FormControlLabel, {
+                                        control: /*#__PURE__*/ _jsx(Checkbox, {
+                                            checked: allSites || picked.includes(site.id),
+                                            disabled: allSites,
+                                            onChange: (event)=>setPicked((current)=>event.target.checked ? [
+                                                        ...current,
+                                                        site.id
+                                                    ] : current.filter((id)=>id !== site.id))
+                                        }),
+                                        label: site.name
+                                    }, site.id)),
+                                !sitesReady ? /*#__PURE__*/ _jsx(FormHelperText, {
+                                    children: 'Loading your sites…'
+                                }) : !offered.length ? /*#__PURE__*/ _jsx(FormHelperText, {
+                                    children: 'No other site to share with. All sites still covers sites added later.'
+                                }) : null,
+                                tooMany ? /*#__PURE__*/ _jsx(FormHelperText, {
+                                    error: true,
+                                    children: `Choose ${MAX_SCOPE_HOSTS} sites or fewer, or share with All sites.`
+                                }) : null
+                            ]
+                        }),
+                        /*#__PURE__*/ _jsxs(FormControl, {
+                            children: [
+                                /*#__PURE__*/ _jsx(FormLabel, {
+                                    children: 'Access'
+                                }),
+                                /*#__PURE__*/ _jsxs(RadioGroup, {
+                                    value: access,
+                                    onChange: (event)=>setAccess(event.target.value === 'edit' ? 'edit' : 'read'),
+                                    children: [
+                                        /*#__PURE__*/ _jsx(FormControlLabel, {
+                                            value: "read",
+                                            control: /*#__PURE__*/ _jsx(Radio, {
+                                                size: "small"
+                                            }),
+                                            label: "Read-only"
+                                        }),
+                                        /*#__PURE__*/ _jsx(FormControlLabel, {
+                                            value: "edit",
+                                            control: /*#__PURE__*/ _jsx(Radio, {
+                                                size: "small"
+                                            }),
+                                            label: "Read and edit"
+                                        })
+                                    ]
+                                })
+                            ]
+                        }),
+                        /*#__PURE__*/ _jsx(Typography, {
+                            variant: "caption",
+                            color: "text.secondary",
+                            children: 'Sharing is not consent. A site this is shared with cannot include the person ' + 'in a campaign, a list or a sequence unless the person gave that site consent.'
+                        })
+                    ]
+                })
+            }),
+            /*#__PURE__*/ _jsxs(DialogActions, {
+                children: [
+                    /*#__PURE__*/ _jsx(Button, {
+                        onClick: onClose,
+                        disabled: busy,
+                        children: 'Cancel'
+                    }),
+                    /*#__PURE__*/ _jsx(Button, {
+                        variant: "contained",
+                        onClick: ()=>void submit(),
+                        disabled: !ready || busy,
+                        children: 'Share'
+                    })
+                ]
+            })
+        ]
+    });
+}
+ShareRecordsDialog.displayName = 'ShareRecordsDialog';
+export default ShareRecordsDialog;
+
+//# sourceMappingURL=share-records-dialog.js.map

package/src/lib/components/share-records-dialog.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../../../../libs/plugins/crm/src/lib/components/share-records-dialog.tsx"],"sourcesContent":["/**\n * @license\n * Copyright 2026 Aglyn LLC\n *\n * Licensed under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License.\n * You may obtain a copy of the License at\n *\n *   http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software\n * distributed under the License is distributed on an \"AS IS\" BASIS,\n * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n * See the License for the specific language governing permissions and\n * limitations under the License.\n */\n'use client'\n\nimport { MAX_SCOPE_HOSTS } from '@aglyn/aglyn'\nimport { useSnackbar } from '@aglyn/shared-ui-snackstack'\nimport { useUser } from '@aglyn/tenant-feature-instance'\nimport {\n  Button,\n  Checkbox,\n  Dialog,\n  DialogActions,\n  DialogContent,\n  DialogTitle,\n  FormControl,\n  FormControlLabel,\n  FormGroup,\n  FormHelperText,\n  FormLabel,\n  Radio,\n  RadioGroup,\n  Stack,\n  Typography,\n} from '@mui/material'\nimport { useEffect, useState } from 'react'\nimport {\n  CRM_SHARING_OBJECT_LABELS,\n  type CrmShareAccess,\n  type CrmSharingObject,\n  type CrmSharingSite,\n} from '../model/crm-sharing'\nimport { callCrmSharing } from '../model/crm-sharing-api'\nimport type { CrmTaskRouteScope } from '../model/task-routes'\n\nexport interface ShareRecordsDialogProps {\n  open: boolean\n  onClose: () => void\n  object: CrmSharingObject\n  ids: readonly string[]\n  /** The route scope the share is sent with. */\n  scope: CrmTaskRouteScope | null\n  sites: readonly CrmSharingSite[]\n  sitesReady: boolean\n  /** Sites that already hold the record — not offered, since they see it anyway. */\n  heldHostIds?: readonly string[]\n  onShared?: (changed: number) => void\n}\n\n/**\n * \"Share with sites…\" (AGL-3336): the sites a manager picks, or All sites —\n * which covers a site created later — and whether they may edit.\n *\n * Read-only is the default. The sentence under the choice is the guardrail\n * a manager has to read before sharing: the other site sees the person and\n * may work the record, and gains no permission to market to them.\n */\nexport function ShareRecordsDialog(props: ShareRecordsDialogProps) {\n  const { open, onClose, object, ids, scope, sites, sitesReady, heldHostIds = [], onShared } = props\n  const { data: user } = useUser()\n  const { enqueueSnackbar } = useSnackbar()\n  const [allSites, setAllSites] = useState(false)\n  const [picked, setPicked] = useState<string[]>([])\n  const [access, setAccess] = useState<CrmShareAccess>('read')\n  const [busy, setBusy] = useState(false)\n  useEffect(() => {\n    if (!open) return\n    setAllSites(false)\n    setPicked([])\n    setAccess('read')\n  }, [open])\n\n  const offered = sites.filter((site) => !heldHostIds.includes(site.id))\n  const label = CRM_SHARING_OBJECT_LABELS[object]\n  const what = ids.length === 1 ? `this ${label.one}` : `${ids.length} ${label.many.toLowerCase()}`\n  const tooMany = !allSites && picked.length > MAX_SCOPE_HOSTS\n  const ready = Boolean(scope) && ids.length > 0 && (allSites || picked.length > 0) && !tooMany\n\n  const submit = async () => {\n    if (!scope || !ready) return\n    setBusy(true)\n    try {\n      const answer = await callCrmSharing(user, scope, 'share', {\n        object,\n        ids,\n        targets: allSites ? 'all' : picked,\n        access,\n      })\n      enqueueSnackbar(\n        answer.changed\n          ? `Shared ${answer.changed === 1 ? `one ${label.one}` : `${answer.changed} ${label.many.toLowerCase()}`}`\n          : `Already shared that way`,\n        { variant: 'success', persist: false },\n      )\n      onShared?.(answer.changed ?? 0)\n      onClose()\n    } catch (error) {\n      enqueueSnackbar((error as Error).message, { variant: 'error', allowDuplicate: true })\n    } finally {\n      setBusy(false)\n    }\n  }\n\n  return (\n    <Dialog open={open} onClose={busy ? undefined : onClose} fullWidth maxWidth=\"xs\">\n      <DialogTitle>{'Share with sites'}</DialogTitle>\n      <DialogContent>\n        <Stack spacing={2}>\n          <Typography variant=\"body2\" color=\"text.secondary\">\n            {`The sites you pick see ${what} on their CRM lists and can log activity and tasks on it.`}\n          </Typography>\n          <FormGroup>\n            <FormControlLabel\n              control={\n                <Checkbox\n                  checked={allSites}\n                  onChange={(event) => setAllSites(event.target.checked)}\n                />\n              }\n              label=\"All sites, including sites added later\"\n            />\n            {offered.map((site) => (\n              <FormControlLabel\n                key={site.id}\n                control={\n                  <Checkbox\n                    checked={allSites || picked.includes(site.id)}\n                    disabled={allSites}\n                    onChange={(event) =>\n                      setPicked((current) =>\n                        event.target.checked\n                          ? [...current, site.id]\n                          : current.filter((id) => id !== site.id),\n                      )\n                    }\n                  />\n                }\n                label={site.name}\n              />\n            ))}\n            {!sitesReady ? (\n              <FormHelperText>{'Loading your sites…'}</FormHelperText>\n            ) : !offered.length ? (\n              <FormHelperText>{'No other site to share with. All sites still covers sites added later.'}</FormHelperText>\n            ) : null}\n            {tooMany ? (\n              <FormHelperText error>\n                {`Choose ${MAX_SCOPE_HOSTS} sites or fewer, or share with All sites.`}\n              </FormHelperText>\n            ) : null}\n          </FormGroup>\n          <FormControl>\n            <FormLabel>{'Access'}</FormLabel>\n            <RadioGroup\n              value={access}\n              onChange={(event) => setAccess(event.target.value === 'edit' ? 'edit' : 'read')}\n            >\n              <FormControlLabel value=\"read\" control={<Radio size=\"small\" />} label=\"Read-only\" />\n              <FormControlLabel value=\"edit\" control={<Radio size=\"small\" />} label=\"Read and edit\" />\n            </RadioGroup>\n          </FormControl>\n          <Typography variant=\"caption\" color=\"text.secondary\">\n            {'Sharing is not consent. A site this is shared with cannot include the person ' +\n              'in a campaign, a list or a sequence unless the person gave that site consent.'}\n          </Typography>\n        </Stack>\n      </DialogContent>\n      <DialogActions>\n        <Button onClick={onClose} disabled={busy}>\n          {'Cancel'}\n        </Button>\n        <Button variant=\"contained\" onClick={() => void submit()} disabled={!ready || busy}>\n          {'Share'}\n        </Button>\n      </DialogActions>\n    </Dialog>\n  )\n}\nShareRecordsDialog.displayName = 'ShareRecordsDialog'\n\nexport default ShareRecordsDialog\n"],"names":["MAX_SCOPE_HOSTS","useSnackbar","useUser","Button","Checkbox","Dialog","DialogActions","DialogContent","DialogTitle","FormControl","FormControlLabel","FormGroup","FormHelperText","FormLabel","Radio","RadioGroup","Stack","Typography","useEffect","useState","CRM_SHARING_OBJECT_LABELS","callCrmSharing","ShareRecordsDialog","props","open","onClose","object","ids","scope","sites","sitesReady","heldHostIds","onShared","data","user","enqueueSnackbar","allSites","setAllSites","picked","setPicked","access","setAccess","busy","setBusy","offered","filter","site","includes","id","label","what","length","one","many","toLowerCase","tooMany","ready","Boolean","submit","answer","targets","changed","variant","persist","error","message","allowDuplicate","undefined","fullWidth","maxWidth","spacing","color","control","checked","onChange","event","target","map","disabled","current","name","value","size","onClick","displayName"],"mappings":"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"}

package/src/lib/components/sharing-rule-drawer.d.ts

@@ -0,0 +1,37 @@
+import type { OrgMemberOption } from '../hooks/use-org-member-directory';
+import { type CrmShareAccess, type CrmSharingCriteria, type CrmSharingObject, type CrmSharingRule, type CrmSharingSite } from '../model/crm-sharing';
+/** What the drawer hands back: the rule as `crm/sharing` `rule-save` reads it. */
+export interface SharingRuleDraft {
+    id?: string;
+    name: string;
+    object: CrmSharingObject;
+    enabled: boolean;
+    sourceHostIds: string[];
+    criteria: CrmSharingCriteria;
+    targets: 'all' | string[];
+    access: CrmShareAccess;
+}
+export interface SharingRuleDrawerProps {
+    open: boolean;
+    onClose: () => void;
+    /** The rule being edited, or `null` for a new one. */
+    rule: CrmSharingRule | null;
+    sites: readonly CrmSharingSite[];
+    members: readonly OrgMemberOption[];
+    campaigns: readonly {
+        value: string;
+        label: string;
+    }[];
+    busy: boolean;
+    onSubmit: (draft: SharingRuleDraft) => void;
+}
+/**
+ * A sharing rule, three parts (AGL-3336): WHICH RECORDS (an object, the
+ * sites that captured them, optional criteria), SHARED WITH (sites, or all
+ * sites), and ACCESS (read-only unless edit is chosen).
+ */
+export declare function SharingRuleDrawer(props: SharingRuleDrawerProps): import("react").JSX.Element;
+export declare namespace SharingRuleDrawer {
+    var displayName: string;
+}
+export default SharingRuleDrawer;

package/src/lib/components/sharing-rule-drawer.js

@@ -0,0 +1,374 @@
+/**
+ * @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 } from "react/jsx-runtime";
+import { CONTACT_LIFECYCLE_STAGE_LABELS, CONTACT_LIFECYCLE_STAGES, CRM_LEAD_STATUS_LABELS, CRM_LEAD_STATUSES, crmMemberPickerLabel } from "@aglyn/aglyn";
+import { hostIdsFromScope, ORG_SCOPE_TOKEN } from "@aglyn/aglyn/app-utils/scope-tokens";
+import { Button, Checkbox, Drawer, FormControl, FormControlLabel, FormGroup, FormHelperText, FormLabel, MenuItem, Radio, RadioGroup, Stack, Switch, TextField, Typography } from "@mui/material";
+import { useEffect, useState } from "react";
+import { CRM_SHARING_CRITERIA_FOR, CRM_SHARING_OBJECT_LABELS, CRM_SHARING_OBJECTS } from "../model/crm-sharing.js";
+const splitList = (text)=>[
+        ...new Set(text.split(',').map((entry)=>entry.trim()).filter(Boolean))
+    ].slice(0, 20);
+/**
+ * A sharing rule, three parts (AGL-3336): WHICH RECORDS (an object, the
+ * sites that captured them, optional criteria), SHARED WITH (sites, or all
+ * sites), and ACCESS (read-only unless edit is chosen).
+ */ export function SharingRuleDrawer(props) {
+    const { open, onClose, rule, sites, members, campaigns, busy, onSubmit } = props;
+    const [name, setName] = useState('');
+    const [object, setObject] = useState('leads');
+    const [enabled, setEnabled] = useState(true);
+    const [sourceHostIds, setSourceHostIds] = useState([]);
+    const [leadSources, setLeadSources] = useState('');
+    const [tags, setTags] = useState('');
+    const [stages, setStages] = useState([]);
+    const [ownerUids, setOwnerUids] = useState([]);
+    const [campaignIds, setCampaignIds] = useState([]);
+    const [allSites, setAllSites] = useState(true);
+    const [targets, setTargets] = useState([]);
+    const [access, setAccess] = useState('read');
+    useEffect(()=>{
+        var _ref, _ref1, _ref2, _ref3, _ref4, _ref5, _ref6, _ref7, _ref8, _ref9;
+        if (!open) return;
+        setName((_ref = rule == null ? void 0 : rule.name) != null ? _ref : '');
+        setObject((_ref1 = rule == null ? void 0 : rule.object) != null ? _ref1 : 'leads');
+        setEnabled((_ref2 = rule == null ? void 0 : rule.enabled) != null ? _ref2 : true);
+        setSourceHostIds((_ref3 = rule == null ? void 0 : rule.sourceHostIds) != null ? _ref3 : []);
+        setLeadSources(((_ref4 = rule == null ? void 0 : rule.criteria.leadSources) != null ? _ref4 : []).join(', '));
+        setTags(((_ref5 = rule == null ? void 0 : rule.criteria.tags) != null ? _ref5 : []).join(', '));
+        setStages((_ref6 = rule == null ? void 0 : rule.criteria.stages) != null ? _ref6 : []);
+        setOwnerUids((_ref7 = rule == null ? void 0 : rule.criteria.ownerUids) != null ? _ref7 : []);
+        setCampaignIds((_ref8 = rule == null ? void 0 : rule.criteria.campaignIds) != null ? _ref8 : []);
+        setAllSites(rule ? rule.targets.includes(ORG_SCOPE_TOKEN) : true);
+        setTargets(rule ? hostIdsFromScope(rule.targets) : []);
+        setAccess((_ref9 = rule == null ? void 0 : rule.access) != null ? _ref9 : 'read');
+    }, [
+        open,
+        rule
+    ]);
+    const offers = CRM_SHARING_CRITERIA_FOR[object];
+    const stageOptions = object === 'leads' ? CRM_LEAD_STATUSES.map((value)=>({
+            value,
+            label: CRM_LEAD_STATUS_LABELS[value]
+        })) : object === 'contacts' ? CONTACT_LIFECYCLE_STAGES.map((value)=>({
+            value,
+            label: CONTACT_LIFECYCLE_STAGE_LABELS[value]
+        })) : [];
+    const canSubmit = !busy && name.trim().length > 0 && (allSites || targets.length > 0);
+    const submit = ()=>{
+        if (!canSubmit) return;
+        const criteria = {};
+        if (offers.includes('leadSources') && splitList(leadSources).length) {
+            criteria.leadSources = splitList(leadSources);
+        }
+        if (offers.includes('tags') && splitList(tags).length) {
+            criteria.tags = splitList(tags).map((tag)=>tag.toLowerCase());
+        }
+        if (stageOptions.length && stages.length) criteria.stages = stages;
+        if (offers.includes('ownerUids') && ownerUids.length) criteria.ownerUids = ownerUids;
+        if (offers.includes('campaignIds') && campaignIds.length) criteria.campaignIds = campaignIds;
+        onSubmit(_extends({}, rule ? {
+            id: rule.id
+        } : {}, {
+            name: name.trim(),
+            object,
+            enabled,
+            sourceHostIds,
+            criteria,
+            targets: allSites ? 'all' : targets,
+            access
+        }));
+    };
+    const siteName = (id)=>{
+        var _ref;
+        var _sites_find;
+        return (_ref = (_sites_find = sites.find((site)=>site.id === id)) == null ? void 0 : _sites_find.name) != null ? _ref : id;
+    };
+    return /*#__PURE__*/ _jsx(Drawer, {
+        anchor: "right",
+        open: open,
+        onClose: busy ? undefined : onClose,
+        children: /*#__PURE__*/ _jsxs(Stack, {
+            spacing: 2,
+            sx: {
+                width: 400,
+                maxWidth: '100vw',
+                p: 3
+            },
+            children: [
+                /*#__PURE__*/ _jsx(Typography, {
+                    variant: "h6",
+                    children: rule ? 'Edit sharing rule' : 'New sharing rule'
+                }),
+                /*#__PURE__*/ _jsx(Typography, {
+                    variant: "body2",
+                    color: "text.secondary",
+                    children: 'Shares every record the rule matches — the ones you already have, and every one ' + 'captured or changed from now on. Sharing lets a site see and work a record; it ' + 'never shares the person’s consent.'
+                }),
+                /*#__PURE__*/ _jsx(TextField, {
+                    size: "small",
+                    label: "Name",
+                    value: name,
+                    onChange: (event)=>setName(event.target.value),
+                    slotProps: {
+                        htmlInput: {
+                            maxLength: 120
+                        }
+                    },
+                    required: true,
+                    fullWidth: true
+                }),
+                /*#__PURE__*/ _jsx(FormLabel, {
+                    children: 'Which records'
+                }),
+                /*#__PURE__*/ _jsx(TextField, {
+                    select: true,
+                    size: "small",
+                    label: "Records",
+                    value: object,
+                    onChange: (event)=>{
+                        setObject(event.target.value);
+                        setStages([]);
+                    },
+                    disabled: Boolean(rule),
+                    helperText: rule ? 'A rule keeps the kind of record it was made for.' : undefined,
+                    fullWidth: true,
+                    children: CRM_SHARING_OBJECTS.map((option)=>/*#__PURE__*/ _jsx(MenuItem, {
+                            value: option,
+                            children: CRM_SHARING_OBJECT_LABELS[option].many
+                        }, option))
+                }),
+                /*#__PURE__*/ _jsx(TextField, {
+                    select: true,
+                    size: "small",
+                    label: "Captured on",
+                    value: sourceHostIds,
+                    onChange: (event)=>{
+                        const value = event.target.value;
+                        setSourceHostIds(Array.isArray(value) ? value : String(value).split(','));
+                    },
+                    slotProps: {
+                        select: {
+                            multiple: true,
+                            displayEmpty: true,
+                            renderValue: (value)=>value.length ? value.map(siteName).join(', ') : 'Any site'
+                        },
+                        inputLabel: {
+                            shrink: true
+                        }
+                    },
+                    helperText: "The sites the record was captured or created on.",
+                    fullWidth: true,
+                    children: sites.map((site)=>/*#__PURE__*/ _jsx(MenuItem, {
+                            value: site.id,
+                            children: site.name
+                        }, site.id))
+                }),
+                offers.includes('leadSources') ? /*#__PURE__*/ _jsx(TextField, {
+                    size: "small",
+                    label: "Lead source",
+                    value: leadSources,
+                    onChange: (event)=>setLeadSources(event.target.value),
+                    helperText: "Any of these, separated by commas. Blank for any source.",
+                    fullWidth: true
+                }) : null,
+                offers.includes('tags') ? /*#__PURE__*/ _jsx(TextField, {
+                    size: "small",
+                    label: "Tags",
+                    value: tags,
+                    onChange: (event)=>setTags(event.target.value),
+                    helperText: "Any of these, separated by commas. Blank for any tags.",
+                    fullWidth: true
+                }) : null,
+                stageOptions.length ? /*#__PURE__*/ _jsx(TextField, {
+                    select: true,
+                    size: "small",
+                    label: object === 'leads' ? 'Status' : 'Lifecycle stage',
+                    value: stages,
+                    onChange: (event)=>{
+                        const value = event.target.value;
+                        setStages(Array.isArray(value) ? value : String(value).split(','));
+                    },
+                    slotProps: {
+                        select: {
+                            multiple: true,
+                            displayEmpty: true,
+                            renderValue: (value)=>value.length ? value.map((id)=>{
+                                    var _ref;
+                                    var _stageOptions_find;
+                                    return (_ref = (_stageOptions_find = stageOptions.find((option)=>option.value === id)) == null ? void 0 : _stageOptions_find.label) != null ? _ref : id;
+                                }).join(', ') : 'Any'
+                        },
+                        inputLabel: {
+                            shrink: true
+                        }
+                    },
+                    fullWidth: true,
+                    children: stageOptions.map((option)=>/*#__PURE__*/ _jsx(MenuItem, {
+                            value: option.value,
+                            children: option.label
+                        }, option.value))
+                }) : null,
+                offers.includes('campaignIds') && campaigns.length ? /*#__PURE__*/ _jsx(TextField, {
+                    select: true,
+                    size: "small",
+                    label: "Campaign",
+                    value: campaignIds,
+                    onChange: (event)=>{
+                        const value = event.target.value;
+                        setCampaignIds(Array.isArray(value) ? value : String(value).split(','));
+                    },
+                    slotProps: {
+                        select: {
+                            multiple: true,
+                            displayEmpty: true,
+                            renderValue: (value)=>value.length ? value.map((id)=>{
+                                    var _ref;
+                                    var _campaigns_find;
+                                    return (_ref = (_campaigns_find = campaigns.find((option)=>option.value === id)) == null ? void 0 : _campaigns_find.label) != null ? _ref : id;
+                                }).join(', ') : 'Any'
+                        },
+                        inputLabel: {
+                            shrink: true
+                        }
+                    },
+                    fullWidth: true,
+                    children: campaigns.map((option)=>/*#__PURE__*/ _jsx(MenuItem, {
+                            value: option.value,
+                            children: option.label
+                        }, option.value))
+                }) : null,
+                /*#__PURE__*/ _jsx(TextField, {
+                    select: true,
+                    size: "small",
+                    label: "Owner",
+                    value: ownerUids,
+                    onChange: (event)=>{
+                        const value = event.target.value;
+                        setOwnerUids(Array.isArray(value) ? value : String(value).split(','));
+                    },
+                    slotProps: {
+                        select: {
+                            multiple: true,
+                            displayEmpty: true,
+                            renderValue: (value)=>value.length ? value.map((uid)=>{
+                                    const member = members.find((entry)=>entry.uid === uid);
+                                    return member ? crmMemberPickerLabel(member) : uid;
+                                }).join(', ') : 'Anyone'
+                        },
+                        inputLabel: {
+                            shrink: true
+                        }
+                    },
+                    fullWidth: true,
+                    children: members.map((member)=>/*#__PURE__*/ _jsx(MenuItem, {
+                            value: member.uid,
+                            children: crmMemberPickerLabel(member)
+                        }, member.uid))
+                }),
+                /*#__PURE__*/ _jsxs(FormControl, {
+                    children: [
+                        /*#__PURE__*/ _jsx(FormLabel, {
+                            children: 'Shared with'
+                        }),
+                        /*#__PURE__*/ _jsxs(FormGroup, {
+                            children: [
+                                /*#__PURE__*/ _jsx(FormControlLabel, {
+                                    control: /*#__PURE__*/ _jsx(Checkbox, {
+                                        checked: allSites,
+                                        onChange: (event)=>setAllSites(event.target.checked)
+                                    }),
+                                    label: "All sites, including sites added later"
+                                }),
+                                sites.map((site)=>/*#__PURE__*/ _jsx(FormControlLabel, {
+                                        control: /*#__PURE__*/ _jsx(Checkbox, {
+                                            checked: allSites || targets.includes(site.id),
+                                            disabled: allSites,
+                                            onChange: (event)=>setTargets((current)=>event.target.checked ? [
+                                                        ...current,
+                                                        site.id
+                                                    ] : current.filter((id)=>id !== site.id))
+                                        }),
+                                        label: site.name
+                                    }, site.id))
+                            ]
+                        })
+                    ]
+                }),
+                /*#__PURE__*/ _jsxs(FormControl, {
+                    children: [
+                        /*#__PURE__*/ _jsx(FormLabel, {
+                            children: 'Access'
+                        }),
+                        /*#__PURE__*/ _jsxs(RadioGroup, {
+                            value: access,
+                            onChange: (event)=>setAccess(event.target.value === 'edit' ? 'edit' : 'read'),
+                            children: [
+                                /*#__PURE__*/ _jsx(FormControlLabel, {
+                                    value: "read",
+                                    control: /*#__PURE__*/ _jsx(Radio, {
+                                        size: "small"
+                                    }),
+                                    label: "Read-only"
+                                }),
+                                /*#__PURE__*/ _jsx(FormControlLabel, {
+                                    value: "edit",
+                                    control: /*#__PURE__*/ _jsx(Radio, {
+                                        size: "small"
+                                    }),
+                                    label: "Read and edit"
+                                })
+                            ]
+                        })
+                    ]
+                }),
+                /*#__PURE__*/ _jsx(FormControlLabel, {
+                    control: /*#__PURE__*/ _jsx(Switch, {
+                        checked: enabled,
+                        onChange: (event)=>setEnabled(event.target.checked)
+                    }),
+                    label: "On"
+                }),
+                !enabled ? /*#__PURE__*/ _jsx(FormHelperText, {
+                    children: 'Off keeps the rule and takes away what it shared.'
+                }) : null,
+                /*#__PURE__*/ _jsxs(Stack, {
+                    direction: "row",
+                    spacing: 1,
+                    children: [
+                        /*#__PURE__*/ _jsx(Button, {
+                            variant: "contained",
+                            disabled: !canSubmit,
+                            onClick: submit,
+                            children: rule ? 'Save rule' : 'Add rule'
+                        }),
+                        /*#__PURE__*/ _jsx(Button, {
+                            onClick: onClose,
+                            disabled: busy,
+                            children: 'Cancel'
+                        })
+                    ]
+                })
+            ]
+        })
+    });
+}
+SharingRuleDrawer.displayName = 'SharingRuleDrawer';
+export default SharingRuleDrawer;
+
+//# sourceMappingURL=sharing-rule-drawer.js.map