@aglyn/plugins-outreach 1.0.0-beta.151 → 1.0.0-beta.153

package/README.md

@@ -1,7 +1,11 @@
 # @aglyn/plugins-outreach
 
 Sequences: one-to-one, multi-step email sequences a rep sends from
-their own connected mailbox, logged on the CRM's records.
+their own connected mailbox, logged on the CRM's records. A sequence
+enrolls a contact or a lead (AGL-3234): an enrollment names which record the
+person is, a lead is judged and merged as the contact it would be, and when
+the lead converts its enrollment follows it to the contact through the
+core's lead-conversion seam.
 
 > Beta. Published from the Aglyn monorepo under the `beta` dist-tag; APIs can change between beta releases.
 

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@aglyn/plugins-outreach",
-  "version": "1.0.0-beta.151",
+  "version": "1.0.0-beta.153",
   "license": "Apache-2.0",
   "homepage": "https://aglyn.com",
   "repository": {
@@ -25,17 +25,17 @@
     "./package.json": "./package.json"
   },
   "dependencies": {
-    "@aglyn/aglyn": "1.0.0-beta.151",
-    "@aglyn/shared-data-mdi": "1.0.0-beta.151",
-    "@aglyn/shared-ui-jsx": "1.0.0-beta.151",
-    "@aglyn/shared-ui-next": "1.0.0-beta.151",
-    "@aglyn/shared-ui-snackstack": "1.0.0-beta.151",
-    "@aglyn/shared-util-http": "1.0.0-beta.151",
-    "@aglyn/shared-util-timestamp": "1.0.0-beta.151",
-    "@aglyn/shared-util-tools": "1.0.0-beta.151",
-    "@aglyn/tenant-data-admin": "1.0.0-beta.151",
-    "@aglyn/tenant-feature-instance": "1.0.0-beta.151",
-    "@aglyn/tenant-runtime": "1.0.0-beta.151",
+    "@aglyn/aglyn": "1.0.0-beta.153",
+    "@aglyn/shared-data-mdi": "1.0.0-beta.153",
+    "@aglyn/shared-ui-jsx": "1.0.0-beta.153",
+    "@aglyn/shared-ui-next": "1.0.0-beta.153",
+    "@aglyn/shared-ui-snackstack": "1.0.0-beta.153",
+    "@aglyn/shared-util-http": "1.0.0-beta.153",
+    "@aglyn/shared-util-timestamp": "1.0.0-beta.153",
+    "@aglyn/shared-util-tools": "1.0.0-beta.153",
+    "@aglyn/tenant-data-admin": "1.0.0-beta.153",
+    "@aglyn/tenant-feature-instance": "1.0.0-beta.153",
+    "@aglyn/tenant-runtime": "1.0.0-beta.153",
     "@swc/helpers": "0.5.23"
   },
   "peerDependencies": {

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

@@ -135,7 +135,7 @@ const EMPTY = {
                         /*#__PURE__*/ _jsx(Typography, {
                             variant: "body2",
                             color: "text.secondary",
-                            children: 'Every email a sequence sends ends with a footer naming your organization, its postal ' + 'address, that the email is a business solicitation, and how to stop more of them. The law ' + 'requires these on commercial email, so every email gets the footer automatically.'
+                            children: 'Every email a sequence sends ends with a footer naming your organization, its postal ' + 'address, that the email is a sales email, and how to stop more of them. The law ' + 'requires these on commercial email, so every email gets the footer automatically.'
                         }),
                         /*#__PURE__*/ _jsx(TextField, {
                             label: "Legal name",

package/src/lib/components/compliance-section.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../../../../../libs/plugins/outreach/src/lib/components/compliance-section.tsx"],"sourcesContent":["/**\n * @license\n * Copyright 2026 Aglyn LLC\n *\n * Licensed under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License.\n * You may obtain a copy of the License at\n *\n *   http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software\n * distributed under the License is distributed on an \"AS IS\" BASIS,\n * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n * See the License for the specific language governing permissions and\n * limitations under the License.\n */\n'use client'\n\nimport { pluginDocsHelp } from '@aglyn/aglyn'\nimport { CardDisplay } from '@aglyn/shared-ui-jsx'\nimport { useSnackbar } from '@aglyn/shared-ui-snackstack'\nimport {\n  Alert,\n  Autocomplete,\n  Button,\n  Chip,\n  Paper,\n  Stack,\n  TextField,\n  Typography,\n} from '@mui/material'\nimport { useEffect, useMemo, useState } from 'react'\nimport { composeOutreachFooter } from '../engine/compose'\nimport {\n  outreachComplianceSettingsEqual,\n  outreachCountryLabel,\n  outreachCountryOptions,\n  OUTREACH_BRAND_NAME_MAX,\n  OUTREACH_LEGAL_NAME_MAX,\n  OUTREACH_POSTAL_ADDRESS_MAX,\n  validateOutreachComplianceSettings,\n  type OutreachComplianceField,\n  type OutreachCountryOption,\n} from '../model/compliance-settings'\nimport type { OutreachComplianceSettings } from '../model/outreach.types'\nimport { OutreachLoading, OutreachLoadProblem } from './outreach-ui'\nimport { OutreachRouteError, useOutreachApi } from './use-outreach-api'\nimport { useOutreachComplianceSettings } from './use-outreach-settings'\n\nexport interface OutreachComplianceSectionProps {\n  /** The organization the hub is mounted under; `null` until the shell knows it. */\n  orgId: string | null\n}\n\n/** What CAN-SPAM accepts as the postal address, as the field says it. */\nexport const OUTREACH_POSTAL_ADDRESS_HELP =\n  'A street address, a post office box registered with the US Postal Service, or a private mailbox ' +\n  'registered with the US Postal Service. Every email prints it in its footer.'\n\nconst EMPTY: OutreachComplianceSettings = {\n  legalName: '',\n  brandName: '',\n  postalAddress: '',\n  allowedCountries: ['US'],\n}\n\n/**\n * Sequences → Compliance (AGL-2980): who every email says sent it, and the\n * countries a sequence may send to at all.\n *\n * The footer is previewed from what is typed, by the engine's own\n * `composeOutreachFooter`, so the page shows the lines every email will end\n * with — or, while the legal name or the address is empty, the sentence\n * that explains why nothing can be sent and no sequence activated.\n */\nexport function OutreachComplianceSection(\n  props: OutreachComplianceSectionProps,\n) {\n  const { orgId } = props\n  const api = useOutreachApi(orgId)\n  const loaded = useOutreachComplianceSettings(api, orgId)\n  const { enqueueSnackbar } = useSnackbar()\n  const [form, setForm] = useState<OutreachComplianceSettings>(EMPTY)\n  const [saving, setSaving] = useState(false)\n  const [serverIssues, setServerIssues] = useState<\n    Partial<Record<OutreachComplianceField, string>>\n  >({})\n  const countries = useMemo(() => outreachCountryOptions(), [])\n\n  const stored = loaded.settings\n  useEffect(() => {\n    if (stored) setForm({ ...stored })\n  }, [stored])\n\n  const { settings: normalized, issues } =\n    validateOutreachComplianceSettings(form)\n  const fieldIssue = (field: OutreachComplianceField) =>\n    serverIssues[field] ??\n    issues.find((issue) => issue.field === field)?.message\n  const dirty = stored\n    ? !outreachComplianceSettingsEqual(stored, normalized)\n    : false\n  const footer = composeOutreachFooter(normalized)\n  const set = (field: keyof OutreachComplianceSettings) => (value: string) => {\n    setServerIssues({})\n    setForm((previous) => ({ ...previous, [field]: value }))\n  }\n\n  const save = async () => {\n    setSaving(true)\n    try {\n      const answer = await api.saveSettings(normalized)\n      setServerIssues({})\n      setForm({ ...answer.settings })\n      loaded.reload()\n      enqueueSnackbar(\n        answer.changed ? 'Compliance settings saved.' : 'Nothing changed.',\n        {\n          variant: answer.changed ? 'success' : 'info',\n        },\n      )\n    } catch (error) {\n      if (error instanceof OutreachRouteError && error.issues.length) {\n        setServerIssues(\n          Object.fromEntries(\n            error.issues\n              .filter(\n                (\n                  issue,\n                ): issue is {\n                  field: OutreachComplianceField\n                  message: string\n                } => 'field' in issue,\n              )\n              .map((issue) => [issue.field, issue.message]),\n          ),\n        )\n      }\n      enqueueSnackbar((error as Error).message, {\n        variant: 'error',\n        allowDuplicate: true,\n      })\n    } finally {\n      setSaving(false)\n    }\n  }\n\n  if (loaded.status === 'loading' || (!orgId && !stored)) {\n    return <OutreachLoading label=\"Loading compliance settings…\" />\n  }\n  if (loaded.status === 'error' || loaded.status === 'refused') {\n    return (\n      <OutreachLoadProblem\n        status={loaded.status}\n        what=\"compliance settings\"\n        message={loaded.message}\n        onRetry={loaded.reload}\n      />\n    )\n  }\n\n  const selectedCountries = form.allowedCountries.map(\n    (code) =>\n      countries.find((option) => option.code === code) ?? {\n        code,\n        name: outreachCountryLabel(code),\n      },\n  )\n\n  return (\n    <Stack spacing={2}>\n      <CardDisplay\n        header=\"Sender identity\"\n        help={pluginDocsHelp('sequences', { anchor: '#compliance-settings' })}\n        contentGutterX\n        contentGutterY\n      >\n        <Stack spacing={2}>\n          <Typography variant=\"body2\" color=\"text.secondary\">\n            {'Every email a sequence sends ends with a footer naming your organization, its postal ' +\n              'address, that the email is a business solicitation, and how to stop more of them. The law ' +\n              'requires these on commercial email, so every email gets the footer automatically.'}\n          </Typography>\n          <TextField\n            label=\"Legal name\"\n            value={form.legalName}\n            onChange={(event) => set('legalName')(event.target.value)}\n            error={Boolean(fieldIssue('legalName'))}\n            helperText={\n              fieldIssue('legalName') ??\n              'Your organization’s legal name, as the footer prints it.'\n            }\n            slotProps={{\n              htmlInput: { maxLength: OUTREACH_LEGAL_NAME_MAX + 20 },\n            }}\n            fullWidth\n          />\n          <TextField\n            label=\"Brand name\"\n            value={form.brandName}\n            onChange={(event) => set('brandName')(event.target.value)}\n            error={Boolean(fieldIssue('brandName'))}\n            helperText={\n              fieldIssue('brandName') ??\n              'The name the solicitation sentence uses. Leave empty to use the legal name.'\n            }\n            slotProps={{\n              htmlInput: { maxLength: OUTREACH_BRAND_NAME_MAX + 20 },\n            }}\n            fullWidth\n          />\n          <TextField\n            label=\"Postal address\"\n            value={form.postalAddress}\n            onChange={(event) => set('postalAddress')(event.target.value)}\n            error={Boolean(fieldIssue('postalAddress'))}\n            helperText={\n              fieldIssue('postalAddress') ?? OUTREACH_POSTAL_ADDRESS_HELP\n            }\n            slotProps={{\n              htmlInput: { maxLength: OUTREACH_POSTAL_ADDRESS_MAX + 40 },\n            }}\n            multiline\n            minRows={3}\n            fullWidth\n          />\n          {footer.footer ? (\n            <Stack spacing={0.5}>\n              <Typography variant=\"subtitle2\">Every email ends with</Typography>\n              <Paper variant=\"outlined\" sx={{ p: 1.5 }}>\n                <Typography\n                  variant=\"body2\"\n                  sx={{ whiteSpace: 'pre-wrap', wordBreak: 'break-word' }}\n                  data-testid=\"outreach-footer-preview\"\n                >\n                  {footer.footer}\n                </Typography>\n              </Paper>\n            </Stack>\n          ) : (\n            <Alert severity=\"warning\">\n              {'No sequence can be activated, and no email sent, until you add your organization’s legal ' +\n                'name and postal address.'}\n            </Alert>\n          )}\n        </Stack>\n      </CardDisplay>\n\n      <CardDisplay\n        header=\"Allowed countries\"\n        help={pluginDocsHelp('sequences', { anchor: '#allowed-countries' })}\n        contentGutterX\n        contentGutterY\n      >\n        <Stack spacing={2}>\n          <Typography variant=\"body2\" color=\"text.secondary\">\n            {'Sequences may send only to people in these countries, and every sequence only to the ones ' +\n              'it and this list both allow. The United States is the default: Canada, the United Kingdom and most ' +\n              'of the European Union require a consent basis that an email to someone who never contacted ' +\n              'you does not have, so a cold email never goes outside the United States whatever this list ' +\n              'says. Add another country only for people who came to you first.'}\n          </Typography>\n          <Autocomplete<OutreachCountryOption, true>\n            multiple\n            options={countries}\n            value={selectedCountries}\n            getOptionLabel={(option) => option.name}\n            isOptionEqualToValue={(option, value) => option.code === value.code}\n            onChange={(_event, next) => {\n              setServerIssues({})\n              setForm((previous) => ({\n                ...previous,\n                allowedCountries: next.map((option) => option.code),\n              }))\n            }}\n            renderValue={(value, getItemProps) =>\n              value.map((option, index) => {\n                const { key, ...item } = getItemProps({ index })\n                return (\n                  <Chip key={key} size=\"small\" label={option.name} {...item} />\n                )\n              })\n            }\n            renderInput={(params) => (\n              <TextField\n                {...params}\n                label=\"Countries\"\n                error={Boolean(fieldIssue('allowedCountries'))}\n                helperText={fieldIssue('allowedCountries')}\n              />\n            )}\n          />\n        </Stack>\n      </CardDisplay>\n\n      <Stack\n        direction={{ xs: 'column', sm: 'row' }}\n        spacing={1}\n        sx={{ justifyContent: 'flex-end' }}\n      >\n        <Button\n          variant=\"text\"\n          disabled={!dirty || saving}\n          onClick={() => {\n            setServerIssues({})\n            if (stored) setForm({ ...stored })\n          }}\n        >\n          Discard changes\n        </Button>\n        <Button\n          variant=\"contained\"\n          disabled={!dirty || saving || issues.length > 0}\n          onClick={() => void save()}\n        >\n          {saving ? 'Saving…' : 'Save'}\n        </Button>\n      </Stack>\n    </Stack>\n  )\n}\nOutreachComplianceSection.displayName = 'OutreachComplianceSection'\n\nexport default OutreachComplianceSection\n"],"names":["pluginDocsHelp","CardDisplay","useSnackbar","Alert","Autocomplete","Button","Chip","Paper","Stack","TextField","Typography","useEffect","useMemo","useState","composeOutreachFooter","outreachComplianceSettingsEqual","outreachCountryLabel","outreachCountryOptions","OUTREACH_BRAND_NAME_MAX","OUTREACH_LEGAL_NAME_MAX","OUTREACH_POSTAL_ADDRESS_MAX","validateOutreachComplianceSettings","OutreachLoading","OutreachLoadProblem","OutreachRouteError","useOutreachApi","useOutreachComplianceSettings","OUTREACH_POSTAL_ADDRESS_HELP","EMPTY","legalName","brandName","postalAddress","allowedCountries","OutreachComplianceSection","props","fieldIssue","orgId","api","loaded","enqueueSnackbar","form","setForm","saving","setSaving","serverIssues","setServerIssues","countries","stored","settings","normalized","issues","field","find","issue","message","dirty","footer","set","value","previous","save","answer","saveSettings","reload","changed","variant","error","length","Object","fromEntries","filter","map","allowDuplicate","status","label","what","onRetry","selectedCountries","code","option","name","spacing","header","help","anchor","contentGutterX","contentGutterY","color","onChange","event","target","Boolean","helperText","slotProps","htmlInput","maxLength","fullWidth","multiline","minRows","sx","p","whiteSpace","wordBreak","data-testid","severity","multiple","options","getOptionLabel","isOptionEqualToValue","_event","next","renderValue","getItemProps","index","key","item","size","renderInput","params","direction","xs","sm","justifyContent","disabled","onClick","displayName"],"mappings":"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"}
+{"version":3,"sources":["../../../../../../../libs/plugins/outreach/src/lib/components/compliance-section.tsx"],"sourcesContent":["/**\n * @license\n * Copyright 2026 Aglyn LLC\n *\n * Licensed under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License.\n * You may obtain a copy of the License at\n *\n *   http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software\n * distributed under the License is distributed on an \"AS IS\" BASIS,\n * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n * See the License for the specific language governing permissions and\n * limitations under the License.\n */\n'use client'\n\nimport { pluginDocsHelp } from '@aglyn/aglyn'\nimport { CardDisplay } from '@aglyn/shared-ui-jsx'\nimport { useSnackbar } from '@aglyn/shared-ui-snackstack'\nimport {\n  Alert,\n  Autocomplete,\n  Button,\n  Chip,\n  Paper,\n  Stack,\n  TextField,\n  Typography,\n} from '@mui/material'\nimport { useEffect, useMemo, useState } from 'react'\nimport { composeOutreachFooter } from '../engine/compose'\nimport {\n  outreachComplianceSettingsEqual,\n  outreachCountryLabel,\n  outreachCountryOptions,\n  OUTREACH_BRAND_NAME_MAX,\n  OUTREACH_LEGAL_NAME_MAX,\n  OUTREACH_POSTAL_ADDRESS_MAX,\n  validateOutreachComplianceSettings,\n  type OutreachComplianceField,\n  type OutreachCountryOption,\n} from '../model/compliance-settings'\nimport type { OutreachComplianceSettings } from '../model/outreach.types'\nimport { OutreachLoading, OutreachLoadProblem } from './outreach-ui'\nimport { OutreachRouteError, useOutreachApi } from './use-outreach-api'\nimport { useOutreachComplianceSettings } from './use-outreach-settings'\n\nexport interface OutreachComplianceSectionProps {\n  /** The organization the hub is mounted under; `null` until the shell knows it. */\n  orgId: string | null\n}\n\n/** What CAN-SPAM accepts as the postal address, as the field says it. */\nexport const OUTREACH_POSTAL_ADDRESS_HELP =\n  'A street address, a post office box registered with the US Postal Service, or a private mailbox ' +\n  'registered with the US Postal Service. Every email prints it in its footer.'\n\nconst EMPTY: OutreachComplianceSettings = {\n  legalName: '',\n  brandName: '',\n  postalAddress: '',\n  allowedCountries: ['US'],\n}\n\n/**\n * Sequences → Compliance (AGL-2980): who every email says sent it, and the\n * countries a sequence may send to at all.\n *\n * The footer is previewed from what is typed, by the engine's own\n * `composeOutreachFooter`, so the page shows the lines every email will end\n * with — or, while the legal name or the address is empty, the sentence\n * that explains why nothing can be sent and no sequence activated.\n */\nexport function OutreachComplianceSection(\n  props: OutreachComplianceSectionProps,\n) {\n  const { orgId } = props\n  const api = useOutreachApi(orgId)\n  const loaded = useOutreachComplianceSettings(api, orgId)\n  const { enqueueSnackbar } = useSnackbar()\n  const [form, setForm] = useState<OutreachComplianceSettings>(EMPTY)\n  const [saving, setSaving] = useState(false)\n  const [serverIssues, setServerIssues] = useState<\n    Partial<Record<OutreachComplianceField, string>>\n  >({})\n  const countries = useMemo(() => outreachCountryOptions(), [])\n\n  const stored = loaded.settings\n  useEffect(() => {\n    if (stored) setForm({ ...stored })\n  }, [stored])\n\n  const { settings: normalized, issues } =\n    validateOutreachComplianceSettings(form)\n  const fieldIssue = (field: OutreachComplianceField) =>\n    serverIssues[field] ??\n    issues.find((issue) => issue.field === field)?.message\n  const dirty = stored\n    ? !outreachComplianceSettingsEqual(stored, normalized)\n    : false\n  const footer = composeOutreachFooter(normalized)\n  const set = (field: keyof OutreachComplianceSettings) => (value: string) => {\n    setServerIssues({})\n    setForm((previous) => ({ ...previous, [field]: value }))\n  }\n\n  const save = async () => {\n    setSaving(true)\n    try {\n      const answer = await api.saveSettings(normalized)\n      setServerIssues({})\n      setForm({ ...answer.settings })\n      loaded.reload()\n      enqueueSnackbar(\n        answer.changed ? 'Compliance settings saved.' : 'Nothing changed.',\n        {\n          variant: answer.changed ? 'success' : 'info',\n        },\n      )\n    } catch (error) {\n      if (error instanceof OutreachRouteError && error.issues.length) {\n        setServerIssues(\n          Object.fromEntries(\n            error.issues\n              .filter(\n                (\n                  issue,\n                ): issue is {\n                  field: OutreachComplianceField\n                  message: string\n                } => 'field' in issue,\n              )\n              .map((issue) => [issue.field, issue.message]),\n          ),\n        )\n      }\n      enqueueSnackbar((error as Error).message, {\n        variant: 'error',\n        allowDuplicate: true,\n      })\n    } finally {\n      setSaving(false)\n    }\n  }\n\n  if (loaded.status === 'loading' || (!orgId && !stored)) {\n    return <OutreachLoading label=\"Loading compliance settings…\" />\n  }\n  if (loaded.status === 'error' || loaded.status === 'refused') {\n    return (\n      <OutreachLoadProblem\n        status={loaded.status}\n        what=\"compliance settings\"\n        message={loaded.message}\n        onRetry={loaded.reload}\n      />\n    )\n  }\n\n  const selectedCountries = form.allowedCountries.map(\n    (code) =>\n      countries.find((option) => option.code === code) ?? {\n        code,\n        name: outreachCountryLabel(code),\n      },\n  )\n\n  return (\n    <Stack spacing={2}>\n      <CardDisplay\n        header=\"Sender identity\"\n        help={pluginDocsHelp('sequences', { anchor: '#compliance-settings' })}\n        contentGutterX\n        contentGutterY\n      >\n        <Stack spacing={2}>\n          <Typography variant=\"body2\" color=\"text.secondary\">\n            {'Every email a sequence sends ends with a footer naming your organization, its postal ' +\n              'address, that the email is a sales email, and how to stop more of them. The law ' +\n              'requires these on commercial email, so every email gets the footer automatically.'}\n          </Typography>\n          <TextField\n            label=\"Legal name\"\n            value={form.legalName}\n            onChange={(event) => set('legalName')(event.target.value)}\n            error={Boolean(fieldIssue('legalName'))}\n            helperText={\n              fieldIssue('legalName') ??\n              'Your organization’s legal name, as the footer prints it.'\n            }\n            slotProps={{\n              htmlInput: { maxLength: OUTREACH_LEGAL_NAME_MAX + 20 },\n            }}\n            fullWidth\n          />\n          <TextField\n            label=\"Brand name\"\n            value={form.brandName}\n            onChange={(event) => set('brandName')(event.target.value)}\n            error={Boolean(fieldIssue('brandName'))}\n            helperText={\n              fieldIssue('brandName') ??\n              'The name the solicitation sentence uses. Leave empty to use the legal name.'\n            }\n            slotProps={{\n              htmlInput: { maxLength: OUTREACH_BRAND_NAME_MAX + 20 },\n            }}\n            fullWidth\n          />\n          <TextField\n            label=\"Postal address\"\n            value={form.postalAddress}\n            onChange={(event) => set('postalAddress')(event.target.value)}\n            error={Boolean(fieldIssue('postalAddress'))}\n            helperText={\n              fieldIssue('postalAddress') ?? OUTREACH_POSTAL_ADDRESS_HELP\n            }\n            slotProps={{\n              htmlInput: { maxLength: OUTREACH_POSTAL_ADDRESS_MAX + 40 },\n            }}\n            multiline\n            minRows={3}\n            fullWidth\n          />\n          {footer.footer ? (\n            <Stack spacing={0.5}>\n              <Typography variant=\"subtitle2\">Every email ends with</Typography>\n              <Paper variant=\"outlined\" sx={{ p: 1.5 }}>\n                <Typography\n                  variant=\"body2\"\n                  sx={{ whiteSpace: 'pre-wrap', wordBreak: 'break-word' }}\n                  data-testid=\"outreach-footer-preview\"\n                >\n                  {footer.footer}\n                </Typography>\n              </Paper>\n            </Stack>\n          ) : (\n            <Alert severity=\"warning\">\n              {'No sequence can be activated, and no email sent, until you add your organization’s legal ' +\n                'name and postal address.'}\n            </Alert>\n          )}\n        </Stack>\n      </CardDisplay>\n\n      <CardDisplay\n        header=\"Allowed countries\"\n        help={pluginDocsHelp('sequences', { anchor: '#allowed-countries' })}\n        contentGutterX\n        contentGutterY\n      >\n        <Stack spacing={2}>\n          <Typography variant=\"body2\" color=\"text.secondary\">\n            {'Sequences may send only to people in these countries, and every sequence only to the ones ' +\n              'it and this list both allow. The United States is the default: Canada, the United Kingdom and most ' +\n              'of the European Union require a consent basis that an email to someone who never contacted ' +\n              'you does not have, so a cold email never goes outside the United States whatever this list ' +\n              'says. Add another country only for people who came to you first.'}\n          </Typography>\n          <Autocomplete<OutreachCountryOption, true>\n            multiple\n            options={countries}\n            value={selectedCountries}\n            getOptionLabel={(option) => option.name}\n            isOptionEqualToValue={(option, value) => option.code === value.code}\n            onChange={(_event, next) => {\n              setServerIssues({})\n              setForm((previous) => ({\n                ...previous,\n                allowedCountries: next.map((option) => option.code),\n              }))\n            }}\n            renderValue={(value, getItemProps) =>\n              value.map((option, index) => {\n                const { key, ...item } = getItemProps({ index })\n                return (\n                  <Chip key={key} size=\"small\" label={option.name} {...item} />\n                )\n              })\n            }\n            renderInput={(params) => (\n              <TextField\n                {...params}\n                label=\"Countries\"\n                error={Boolean(fieldIssue('allowedCountries'))}\n                helperText={fieldIssue('allowedCountries')}\n              />\n            )}\n          />\n        </Stack>\n      </CardDisplay>\n\n      <Stack\n        direction={{ xs: 'column', sm: 'row' }}\n        spacing={1}\n        sx={{ justifyContent: 'flex-end' }}\n      >\n        <Button\n          variant=\"text\"\n          disabled={!dirty || saving}\n          onClick={() => {\n            setServerIssues({})\n            if (stored) setForm({ ...stored })\n          }}\n        >\n          Discard changes\n        </Button>\n        <Button\n          variant=\"contained\"\n          disabled={!dirty || saving || issues.length > 0}\n          onClick={() => void save()}\n        >\n          {saving ? 'Saving…' : 'Save'}\n        </Button>\n      </Stack>\n    </Stack>\n  )\n}\nOutreachComplianceSection.displayName = 'OutreachComplianceSection'\n\nexport default OutreachComplianceSection\n"],"names":["pluginDocsHelp","CardDisplay","useSnackbar","Alert","Autocomplete","Button","Chip","Paper","Stack","TextField","Typography","useEffect","useMemo","useState","composeOutreachFooter","outreachComplianceSettingsEqual","outreachCountryLabel","outreachCountryOptions","OUTREACH_BRAND_NAME_MAX","OUTREACH_LEGAL_NAME_MAX","OUTREACH_POSTAL_ADDRESS_MAX","validateOutreachComplianceSettings","OutreachLoading","OutreachLoadProblem","OutreachRouteError","useOutreachApi","useOutreachComplianceSettings","OUTREACH_POSTAL_ADDRESS_HELP","EMPTY","legalName","brandName","postalAddress","allowedCountries","OutreachComplianceSection","props","fieldIssue","orgId","api","loaded","enqueueSnackbar","form","setForm","saving","setSaving","serverIssues","setServerIssues","countries","stored","settings","normalized","issues","field","find","issue","message","dirty","footer","set","value","previous","save","answer","saveSettings","reload","changed","variant","error","length","Object","fromEntries","filter","map","allowDuplicate","status","label","what","onRetry","selectedCountries","code","option","name","spacing","header","help","anchor","contentGutterX","contentGutterY","color","onChange","event","target","Boolean","helperText","slotProps","htmlInput","maxLength","fullWidth","multiline","minRows","sx","p","whiteSpace","wordBreak","data-testid","severity","multiple","options","getOptionLabel","isOptionEqualToValue","_event","next","renderValue","getItemProps","index","key","item","size","renderInput","params","direction","xs","sm","justifyContent","disabled","onClick","displayName"],"mappings":"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"}

package/src/lib/components/enroll-dialog.js

@@ -23,7 +23,7 @@ import { useMemo, useState } from "react";
 import { OUTREACH_ENROLL_BATCH_MAX } from "../model/outreach-api.js";
 import { OUTREACH_ATTESTATION_LABELS, OUTREACH_PERSONAL_LINE_MAX } from "../model/outreach.types.js";
 import { OutreachLoading, OutreachLoadProblem } from "./outreach-ui.js";
-import { useOutreachContactSearch, useOutreachSavedViews } from "./use-outreach-crm.js";
+import { useOutreachContactSearch, useOutreachLeadSearch, useOutreachSavedViews } from "./use-outreach-crm.js";
 const STATUS_LABELS = {
     eligible: 'Eligible',
     needs_confirmation: 'Needs you',
@@ -59,6 +59,10 @@ const STATUS_COLORS = {
     const [viewId, setViewId] = useState('');
     const [text, setText] = useState('');
     const [picked, setPicked] = useState(new Map());
+    // The leads picked from the sequence's site (AGL-3234), kept apart from
+    // the contacts: the two are different records and the source names which.
+    const [leadText, setLeadText] = useState('');
+    const [pickedLeads, setPickedLeads] = useState(new Map());
     const [stage, setStage] = useState({
         kind: 'source'
     });
@@ -72,6 +76,11 @@ const STATUS_COLORS = {
         contactGroupId: props.contactGroupId,
         text
     });
+    const leadSearch = useOutreachLeadSearch({
+        hostId: sequence.hostId,
+        text: leadText,
+        enabled: props.open && tab === 'leads'
+    });
     const reset = ()=>{
         setStage({
             kind: 'source'
@@ -83,7 +92,9 @@ const STATUS_COLORS = {
     const close = ()=>{
         reset();
         setPicked(new Map());
+        setPickedLeads(new Map());
         setText('');
+        setLeadText('');
         setViewId('');
         props.onClose();
     };
@@ -95,7 +106,7 @@ const STATUS_COLORS = {
         try {
             const answer = await api.previewEnrollment(sequence.id, source);
             setSupplied(Object.fromEntries(answer.people.map((person)=>[
-                    person.contactId,
+                    person.personId,
                     {
                         include: person.status !== 'blocked',
                         personalLine: '',
@@ -114,13 +125,13 @@ const STATUS_COLORS = {
         }
     };
     const answer = stage.kind === 'preview' || stage.kind === 'enrolling' ? stage.answer : null;
-    const ready = useMemo(()=>answer ? answer.people.filter((person)=>outreachPersonReady(person, supplied[person.contactId])) : [], [
+    const ready = useMemo(()=>answer ? answer.people.filter((person)=>outreachPersonReady(person, supplied[person.personId])) : [], [
         answer,
         supplied
     ]);
     const waiting = answer ? answer.people.filter((person)=>{
-        var _supplied_person_contactId;
-        return person.status === 'needs_confirmation' && ((_supplied_person_contactId = supplied[person.contactId]) == null ? void 0 : _supplied_person_contactId.include) && !outreachPersonReady(person, supplied[person.contactId]);
+        var _supplied_person_personId;
+        return person.status === 'needs_confirmation' && ((_supplied_person_personId = supplied[person.personId]) == null ? void 0 : _supplied_person_personId.include) && !outreachPersonReady(person, supplied[person.personId]);
     }).length : 0;
     const enroll = async ()=>{
         if (!answer || !ready.length) return;
@@ -132,12 +143,15 @@ const STATUS_COLORS = {
         try {
             const result = await api.enroll(sequence.id, ready.map((person)=>{
                 var _ref, _ref1;
-                var _supplied_person_contactId, _supplied_person_contactId1;
-                return {
-                    contactId: person.contactId,
-                    personalLine: (_ref = (_supplied_person_contactId = supplied[person.contactId]) == null ? void 0 : _supplied_person_contactId.personalLine.trim()) != null ? _ref : '',
-                    attestations: (_ref1 = (_supplied_person_contactId1 = supplied[person.contactId]) == null ? void 0 : _supplied_person_contactId1.attestations) != null ? _ref1 : []
-                };
+                var _supplied_person_personId, _supplied_person_personId1;
+                return _extends({}, person.target === 'lead' && person.leadId ? {
+                    leadId: person.leadId
+                } : {
+                    contactId: person.contactId
+                }, {
+                    personalLine: (_ref = (_supplied_person_personId = supplied[person.personId]) == null ? void 0 : _supplied_person_personId.personalLine.trim()) != null ? _ref : '',
+                    attestations: (_ref1 = (_supplied_person_personId1 = supplied[person.personId]) == null ? void 0 : _supplied_person_personId1.attestations) != null ? _ref1 : []
+                });
             }));
             setStage({
                 kind: 'done',
@@ -152,32 +166,36 @@ const STATUS_COLORS = {
             });
         }
     };
-    const supply = (contactId, next)=>setSupplied((previous)=>_extends({}, previous, {
-                [contactId]: _extends({}, previous[contactId], next)
+    const supply = (personId, next)=>setSupplied((previous)=>_extends({}, previous, {
+                [personId]: _extends({}, previous[personId], next)
             }));
     const previewEmail = async (person)=>{
         setEmailPreview((previous)=>_extends({}, previous, {
-                [person.contactId]: {
+                [person.personId]: {
                     status: 'loading'
                 }
             }));
         try {
             var _ref;
-            var _supplied_person_contactId;
-            const result = await api.previewEmail({
-                sequenceId: sequence.id,
-                contactId: person.contactId,
-                personalLine: (_ref = (_supplied_person_contactId = supplied[person.contactId]) == null ? void 0 : _supplied_person_contactId.personalLine.trim()) != null ? _ref : ''
-            });
+            var _supplied_person_personId;
+            const result = await api.previewEmail(_extends({
+                sequenceId: sequence.id
+            }, person.target === 'lead' && person.leadId ? {
+                leadId: person.leadId
+            } : {
+                contactId: person.contactId
+            }, {
+                personalLine: (_ref = (_supplied_person_personId = supplied[person.personId]) == null ? void 0 : _supplied_person_personId.personalLine.trim()) != null ? _ref : ''
+            }));
             setEmailPreview((previous)=>_extends({}, previous, {
-                    [person.contactId]: {
+                    [person.personId]: {
                         status: 'ready',
                         answer: result
                     }
                 }));
         } catch (error) {
             setEmailPreview((previous)=>_extends({}, previous, {
-                    [person.contactId]: {
+                    [person.personId]: {
                         status: 'failed',
                         message: error.message
                     }
@@ -233,6 +251,10 @@ const STATUS_COLORS = {
                                         /*#__PURE__*/ _jsx(Tab, {
                                             value: "search",
                                             label: "Search"
+                                        }),
+                                        /*#__PURE__*/ _jsx(Tab, {
+                                            value: "leads",
+                                            label: "Leads"
                                         })
                                     ]
                                 }),
@@ -247,15 +269,93 @@ const STATUS_COLORS = {
                                     label: "Saved Contacts view",
                                     value: viewId,
                                     onChange: (event)=>setViewId(event.target.value),
-                                    helperText: `Enrolls up to ${OUTREACH_ENROLL_BATCH_MAX} of the people the view shows at this sequence’s site.`,
+                                    helperText: `Enrolls up to ${OUTREACH_ENROLL_BATCH_MAX} of the people the view shows at this sequence’s site — a Contacts view, or a Leads view of the site’s leads.`,
                                     fullWidth: true,
                                     children: views.data.map((view)=>/*#__PURE__*/ _jsx(MenuItem, {
                                             value: view.id,
-                                            children: view.name
+                                            children: view.section === 'leads' ? `${view.name} (Leads)` : view.name
                                         }, view.id))
                                 }) : /*#__PURE__*/ _jsx(Alert, {
                                     severity: "info",
                                     children: "You have no saved Contacts views to enroll from. Save one in the CRM, or search instead."
+                                }) : tab === 'leads' ? /*#__PURE__*/ _jsxs(Stack, {
+                                    spacing: 1.5,
+                                    children: [
+                                        /*#__PURE__*/ _jsx(TextField, {
+                                            label: "Search leads",
+                                            placeholder: "A name, or an email address",
+                                            value: leadText,
+                                            onChange: (event)=>setLeadText(event.target.value),
+                                            helperText: "The open leads at this sequence’s site. A lead is enrolled as it is, and follows itself to the contact it becomes.",
+                                            fullWidth: true,
+                                            autoFocus: true
+                                        }),
+                                        leadSearch.status === 'loading' ? /*#__PURE__*/ _jsx(OutreachLoading, {
+                                            label: "Reading leads…"
+                                        }) : null,
+                                        leadSearch.status === 'error' || leadSearch.status === 'refused' ? /*#__PURE__*/ _jsx(OutreachLoadProblem, {
+                                            status: leadSearch.status,
+                                            what: "leads",
+                                            message: leadSearch.status === 'refused' ? 'Enrolling reads your CRM’s leads, and your role does not include Manage data.' : 'The leads could not be read. Try again.'
+                                        }) : null,
+                                        leadSearch.status === 'ready' && !leadSearch.idle && !leadSearch.data.length ? /*#__PURE__*/ _jsx(Typography, {
+                                            variant: "body2",
+                                            color: "text.secondary",
+                                            children: "No open leads at this sequence’s site match."
+                                        }) : null,
+                                        leadSearch.data.length ? /*#__PURE__*/ _jsx(List, {
+                                            dense: true,
+                                            "aria-label": "Lead results",
+                                            children: leadSearch.data.map((lead)=>{
+                                                const checked = pickedLeads.has(lead.id);
+                                                return /*#__PURE__*/ _jsx(ListItem, {
+                                                    disablePadding: true,
+                                                    children: /*#__PURE__*/ _jsxs(ListItemButton, {
+                                                        onClick: ()=>setPickedLeads((previous)=>{
+                                                                const next = new Map(previous);
+                                                                if (checked) next.delete(lead.id);
+                                                                else if (next.size < OUTREACH_ENROLL_BATCH_MAX) next.set(lead.id, lead);
+                                                                return next;
+                                                            }),
+                                                        children: [
+                                                            /*#__PURE__*/ _jsx(ListItemIcon, {
+                                                                children: /*#__PURE__*/ _jsx(Checkbox, {
+                                                                    edge: "start",
+                                                                    checked: checked,
+                                                                    tabIndex: -1,
+                                                                    disableRipple: true
+                                                                })
+                                                            }),
+                                                            /*#__PURE__*/ _jsx(ListItemText, {
+                                                                primary: lead.name || lead.email || lead.id,
+                                                                secondary: lead.email
+                                                            })
+                                                        ]
+                                                    })
+                                                }, lead.id);
+                                            })
+                                        }) : null,
+                                        pickedLeads.size ? /*#__PURE__*/ _jsx(Stack, {
+                                            direction: "row",
+                                            spacing: 1,
+                                            sx: {
+                                                flexWrap: 'wrap',
+                                                rowGap: 1
+                                            },
+                                            "aria-label": "Picked leads",
+                                            children: [
+                                                ...pickedLeads.values()
+                                            ].map((lead)=>/*#__PURE__*/ _jsx(Chip, {
+                                                    size: "small",
+                                                    label: lead.name || lead.email || lead.id,
+                                                    onDelete: ()=>setPickedLeads((previous)=>{
+                                                            const next = new Map(previous);
+                                                            next.delete(lead.id);
+                                                            return next;
+                                                        })
+                                                }, lead.id))
+                                        }) : null
+                                    ]
                                 }) : /*#__PURE__*/ _jsxs(Stack, {
                                     spacing: 1.5,
                                     children: [
@@ -362,12 +462,12 @@ const STATUS_COLORS = {
                                     "aria-label": "People",
                                     children: answer.people.map((person)=>/*#__PURE__*/ _jsx(PersonRow, {
                                             person: person,
-                                            supplied: supplied[person.contactId],
-                                            onSupply: (next)=>supply(person.contactId, next),
-                                            emailPreview: emailPreview[person.contactId],
+                                            supplied: supplied[person.personId],
+                                            onSupply: (next)=>supply(person.personId, next),
+                                            emailPreview: emailPreview[person.personId],
                                             onPreviewEmail: ()=>void previewEmail(person),
                                             disabled: stage.kind === 'enrolling'
-                                        }, person.contactId))
+                                        }, person.personId))
                                 }),
                                 waiting ? /*#__PURE__*/ _jsx(Typography, {
                                     variant: "body2",
@@ -410,10 +510,15 @@ const STATUS_COLORS = {
                             ]
                         }) : /*#__PURE__*/ _jsx(Button, {
                             variant: "contained",
-                            disabled: stage.kind === 'previewing' || (tab === 'view' ? !viewId : !picked.size),
+                            disabled: stage.kind === 'previewing' || (tab === 'view' ? !viewId : tab === 'leads' ? !pickedLeads.size : !picked.size),
                             onClick: ()=>void preview(tab === 'view' ? {
                                     kind: 'view',
                                     viewId
+                                } : tab === 'leads' ? {
+                                    kind: 'leads',
+                                    leadIds: [
+                                        ...pickedLeads.keys()
+                                    ]
                                 } : {
                                     kind: 'contacts',
                                     contactIds: [
@@ -437,7 +542,7 @@ function PersonRow(props) {
     var _ref, _ref1;
     var _props_emailPreview, _props_emailPreview1, _props_emailPreview2;
     const { person, supplied, disabled } = props;
-    const name = person.name || person.email || person.contactId;
+    const name = person.name || person.email || person.personId;
     const line = (_ref = supplied == null ? void 0 : supplied.personalLine) != null ? _ref : '';
     const tooLong = line.trim().length > OUTREACH_PERSONAL_LINE_MAX;
     return /*#__PURE__*/ _jsx(Paper, {
@@ -486,6 +591,11 @@ function PersonRow(props) {
                                 alignItems: 'center'
                             },
                             children: [
+                                person.target === 'lead' ? /*#__PURE__*/ _jsx(Chip, {
+                                    size: "small",
+                                    variant: "outlined",
+                                    label: "Lead"
+                                }) : null,
                                 person.cold ? /*#__PURE__*/ _jsx(Chip, {
                                     size: "small",
                                     variant: "outlined",
@@ -636,7 +746,7 @@ function DoneSummary(props) {
                             children: [
                                 /*#__PURE__*/ _jsx(Typography, {
                                     variant: "body2",
-                                    children: (_result_email = result.email) != null ? _result_email : result.contactId
+                                    children: (_result_email = result.email) != null ? _result_email : result.personId
                                 }),
                                 result.blocks.map((block)=>/*#__PURE__*/ _jsx(Typography, {
                                         variant: "body2",
@@ -644,7 +754,7 @@ function DoneSummary(props) {
                                         children: block.reason
                                     }, block.code))
                             ]
-                        }, result.contactId);
+                        }, result.personId);
                     })
                 ]
             }) : null