@aglyn/plugins-crm 1.0.0-beta.143

package/src/lib/components/csv-import-drawer.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../../../../libs/plugins/crm/src/lib/components/csv-import-drawer.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\n/**\n * IMPORTING A CSV INTO A CRM COLLECTION — the screen, for whichever\n * collection (AGL-2602, shared since AGL-2621).\n *\n * The contact import settled the walk from a file on disk to a result the\n * operator can act on: choose the file, read what is in it, match its\n * columns to fields with the first row beside each, preview the ten rows\n * the mapping produces, run it in bounded requests with a progress bar,\n * and report what was added, updated and skipped with the skipped rows as\n * a file to fix. A companies file walks the same path with a different\n * vocabulary, so the walk lives here once and each collection hands in a\n * {@link CsvImportVocabulary}: its fields and their labels, the one field\n * every row needs, its route, its tally, its template.\n *\n * ## The file is read in the browser, and judged on the server\n *\n * `parseCsv` — the same parser the list import and the dataset import run\n * — turns the file into cells here, so the operator can map and preview\n * without a round trip and without uploading a file they may still decide\n * not to import. Nothing is VALIDATED here beyond counting the rows whose\n * required cell is unusable, and that count is a courtesy: every row is\n * judged by the route, through the normalizers every other door uses, and\n * the numbers on the result panel are the server's.\n *\n * ## Bounded requests, and closing stops them\n *\n * A chunk per request, as many requests as the file needs, and a progress\n * bar between them. Closing the drawer mid-run stops the loop after the\n * request in flight; the rows already written stay written and the result\n * panel says how far it got. There is no durable job to resume — an import\n * is idempotent by construction (the door dedupes on the address, or the\n * domain and the name), so running the same file again finishes what a\n * closed drawer left, reporting the earlier rows as merged.\n */\n\nimport {\n  customImportTarget,\n  customImportTargetKey,\n  type ImportChunkResult,\n  type ImportSkippedRow,\n  LIST_IMPORT_MAX_CHARACTERS,\n  parseCsv,\n} from '@aglyn/aglyn'\nimport { ICON_VARIANT_CLOSE } from '@aglyn/shared-data-enums'\nimport { Container, HelpTip, MdiIcon, SrOnly } from '@aglyn/shared-ui-jsx'\nimport { NavigationDrawerComponent } from '@aglyn/shared-ui-jsx/components/navigation-drawer.component'\nimport { ScrollTable } from '@aglyn/shared-ui-jsx/components/scroll-table.component'\nimport { useSnackbar } from '@aglyn/shared-ui-snackstack'\nimport { authorizedFetch } from '@aglyn/shared-util-http/authorized-token'\nimport { useOrgDataScope, useUser } from '@aglyn/tenant-feature-instance'\nimport { useConsoleWidgetSlot } from '@aglyn/aglyn/app-utils/console-widget-slot-context'\nimport {\n  Alert,\n  AlertTitle,\n  Box,\n  Button,\n  Chip,\n  IconButton,\n  LinearProgress,\n  MenuItem,\n  Stack,\n  TableBody,\n  TableCell,\n  TableHead,\n  TableRow,\n  TextField,\n  Typography,\n} from '@mui/material'\nimport {\n  type ComponentProps,\n  type ReactNode,\n  useCallback,\n  useEffect,\n  useMemo,\n  useRef,\n  useState,\n} from 'react'\nimport { useCrmOrgMount } from '../hooks/use-crm-org-mount'\nimport { downloadTextFile } from '../model/contacts-csv'\nimport { importColumns } from '../model/import-column-shapes'\nimport { CrmSitePicker } from './crm-site-picker'\n\n/** A column's target: a standard field, or a custom one as `custom:<key>`. */\nexport type CsvImportTarget<F extends string> = F | `custom:${string}`\n\n/** Column index → target. A column absent from the map is not imported. */\nexport type CsvImportMapping<F extends string> = Record<number, CsvImportTarget<F>>\n\n/** A custom field a column may be mapped to, when the collection has any. */\nexport interface CsvImportCustomField {\n  key: string\n  label: string\n}\n\n/**\n * Everything one collection's import says for itself. Pure values and pure\n * functions, so a vocabulary is built once outside React and handed in.\n */\nexport interface CsvImportVocabulary<\n  F extends string,\n  R extends Record<string, unknown>,\n  S extends ImportSkippedRow<string>,\n> {\n  /** The drawer's title — \"Import contacts from CSV\". */\n  title: string\n  /**\n   * What the import is called where the `importMapping` zone names it —\n   * `contacts`, `companies`, `deals`, `leads` (AGL-2917). Absent, the drawer\n   * hosts no zone.\n   */\n  collection?: string\n  help: ComponentProps<typeof HelpTip>\n  /**\n   * What the site picker's answer decides, said under it at the\n   * organization level (AGL-2630). Absent, the picker's own sentence.\n   */\n  sitePickerHelperText?: string\n  /** The paragraph under the title. */\n  intro: string\n  /** The standard targets, in the order the mapping menu lists them. */\n  fields: readonly F[]\n  fieldLabels: Record<F, string>\n  /** Custom targets, offered after the standard ones; none for most collections. */\n  customFields?: readonly CsvImportCustomField[]\n  /** The one field every row needs, and what the drawer says when it is unmapped. */\n  requiredField: F\n  requiredWarning: string\n  /**\n   * Whether a required cell is one the server would refuse — the courtesy\n   * count the preview shows. Absent, only a blank cell counts.\n   */\n  unusable?: (cell: string) => boolean\n  /** The preview's sentence about them. */\n  unusableNotice: (count: number, total: number) => string\n  guessMapping: (columns: readonly string[]) => CsvImportMapping<F>\n  mapRow: (cells: readonly string[], mapping: CsvImportMapping<F>) => R\n  /** The browser-side URL of the route one chunk is posted to. */\n  route: string\n  maxRows: number\n  chunkSize: number\n  previewRows: number\n  emptyResult: () => ImportChunkResult<S>\n  mergeResults: (\n    total: ImportChunkResult<S>,\n    chunk: ImportChunkResult<S>,\n    offset: number,\n  ) => ImportChunkResult<S>\n  skipLabels: Record<S['reason'], string>\n  skippedCsv: (\n    columns: readonly string[],\n    entries: readonly { cells: readonly string[]; reason: S['reason'] }[],\n  ) => string\n  skippedFileName: string\n  /** The export's header over no rows. */\n  templateCsv: () => string\n  templateFileName: string\n  /** The result panel's collection-specific lines, when there are any. */\n  resultExtras?: (result: ImportChunkResult<S>) => ReactNode\n}\n\nexport interface CsvImportDrawerProps<\n  F extends string,\n  R extends Record<string, unknown>,\n  S extends ImportSkippedRow<string>,\n> {\n  open: boolean\n  onClose: () => void\n  /**\n   * The site the file is imported INTO — what the route files every row\n   * under — or `null` at the organization level (AGL-2630), where the\n   * drawer asks which site with a picker and holds the import until one is\n   * named.\n   */\n  hostId: string | null\n  vocabulary: CsvImportVocabulary<F, R, S>\n}\n\n/** The value the mapping select shows for a column that is not imported. */\nconst SKIP_TARGET = ''\n\n/** What a target is called — a standard field's label, or the custom field's. */\nfunction targetLabel<F extends string>(\n  target: string,\n  vocabulary: Pick<CsvImportVocabulary<F, never, never>, 'fieldLabels' | 'customFields'>,\n): string {\n  const customKey = customImportTargetKey(target)\n  if (customKey) {\n    return vocabulary.customFields?.find((field) => field.key === customKey)?.label ?? customKey\n  }\n  return vocabulary.fieldLabels[target as F] ?? target\n}\n\n/** What a dropped-value field is called in the result panel — the label without its hint. */\nfunction droppedFieldLabel<F extends string>(\n  field: string,\n  vocabulary: Pick<CsvImportVocabulary<F, never, never>, 'fieldLabels' | 'customFields'>,\n): string {\n  return targetLabel(field, vocabulary).replace(/ \\(.*\\)$/, '')\n}\n\nexport function CsvImportDrawer<\n  F extends string,\n  R extends Record<string, unknown>,\n  S extends ImportSkippedRow<string>,\n>(props: CsvImportDrawerProps<F, R, S>) {\n  const { open, onClose, hostId, vocabulary } = props\n  const { data: user } = useUser()\n  const { enqueueSnackbar } = useSnackbar()\n  // The site every row is captured under: the mounted one, or at the\n  // organization level the one the picker named — `null` until it has.\n  const mount = useCrmOrgMount()\n  const createHostId = hostId ?? mount?.createHostId ?? null\n\n  const [fileName, setFileName] = useState('')\n  const [columns, setColumns] = useState<string[]>([])\n  const [rows, setRows] = useState<string[][]>([])\n  /** How many rows the file had past the ceiling, so the drawer can say so. */\n  const [overCeiling, setOverCeiling] = useState(0)\n  const [mapping, setMapping] = useState<CsvImportMapping<F>>({})\n  const [result, setResult] = useState<ImportChunkResult<S> | null>(null)\n  const [progress, setProgress] = useState<{ sent: number; total: number } | null>(\n    null,\n  )\n  const [busy, setBusy] = useState(false)\n  /**\n   * Set when the drawer closes mid-run, read by the loop.\n   *\n   * A ref and not state, for the reason the list import gives: the loop is\n   * an `async` function that captured its closure when it started, and a\n   * state value it read would be the one from that render.\n   */\n  const abandoned = useRef(false)\n\n  useEffect(() => {\n    if (open) abandoned.current = false\n  }, [open])\n\n  const reset = useCallback(() => {\n    setFileName('')\n    setColumns([])\n    setRows([])\n    setOverCeiling(0)\n    setMapping({})\n    setResult(null)\n    setProgress(null)\n  }, [])\n\n  const handleClose = useCallback(() => {\n    abandoned.current = true\n    onClose()\n  }, [onClose])\n\n  const handleFile = useCallback(\n    async (file: File | null | undefined) => {\n      if (!file) return\n      const contents = await file.text().catch(() => '')\n      if (contents.length > LIST_IMPORT_MAX_CHARACTERS) {\n        return void enqueueSnackbar(\n          'That file is too large to read in one go. Split it and import the ' +\n            'pieces.',\n          { variant: 'warning', allowDuplicate: true },\n        )\n      }\n      const table = parseCsv(contents).filter((cells) =>\n        cells.some((cell) => String(cell ?? '').trim()),\n      )\n      if (table.length < 2) {\n        return void enqueueSnackbar(\n          'That file needs a header row and at least one row under it.',\n          { variant: 'warning', allowDuplicate: true },\n        )\n      }\n      const header = table[0].map((cell) => String(cell ?? '').trim())\n      const body = table.slice(1)\n      setFileName(file.name)\n      setColumns(header)\n      setRows(body.slice(0, vocabulary.maxRows))\n      setOverCeiling(Math.max(0, body.length - vocabulary.maxRows))\n      setMapping(vocabulary.guessMapping(header))\n      setResult(null)\n      setProgress(null)\n    },\n    [enqueueSnackbar, vocabulary],\n  )\n\n  const requiredMapped = Object.values(mapping).includes(vocabulary.requiredField)\n  /** Rows whose required cell the server would refuse. */\n  const unusableRows = useMemo(() => {\n    const at = Number(\n      Object.entries(mapping).find(\n        ([, target]) => target === vocabulary.requiredField,\n      )?.[0] ?? -1,\n    )\n    if (at < 0) return rows.length\n    const unusable = vocabulary.unusable ?? ((cell: string) => !cell.trim())\n    return rows.filter((cells) => unusable(String(cells[at] ?? ''))).length\n  }, [mapping, rows, vocabulary])\n\n  const preview = useMemo(\n    () =>\n      rows\n        .slice(0, vocabulary.previewRows)\n        .map((cells) => vocabulary.mapRow(cells, mapping)),\n    [rows, mapping, vocabulary],\n  )\n  const mappedTargets = useMemo(\n    () =>\n      Object.entries(mapping)\n        .sort(([a], [b]) => Number(a) - Number(b))\n        .map(([, target]) => target),\n    [mapping],\n  )\n\n  /*\n   * The `importMapping` zone (AGL-2917), hosted through the shell's renderer:\n   * a widget there reads each column's header and shape, never a cell, and\n   * proposes a matching, which replaces the table's above for the preview to\n   * show. A target this import does not offer, or one a column before it\n   * already took, is dropped, as the table itself would refuse it.\n   */\n  const MappingSlot = useConsoleWidgetSlot()\n  const { orgId } = useOrgDataScope({ hostId: hostId ?? undefined, orgId: mount?.orgId })\n  const shapedColumns = useMemo(() => importColumns(columns, rows), [columns, rows])\n  const offeredTargets = useMemo(\n    () =>\n      new Set<string>([\n        ...vocabulary.fields,\n        ...(vocabulary.customFields ?? []).map((field) => customImportTarget(field.key)),\n      ]),\n    [vocabulary],\n  )\n  const proposeMapping = useCallback(\n    (proposed: Readonly<Record<number, string>>) => {\n      const taken = new Set<string>()\n      const next: CsvImportMapping<F> = {}\n      for (const [column, target] of Object.entries(proposed).sort(([a], [b]) => Number(a) - Number(b))) {\n        const index = Number(column)\n        if (!Number.isInteger(index) || index < 0 || index >= columns.length) continue\n        if (!offeredTargets.has(target) || taken.has(target)) continue\n        taken.add(target)\n        next[index] = target as CsvImportTarget<F>\n      }\n      setMapping(next)\n    },\n    [offeredTargets, columns.length],\n  )\n\n  const handleMap = useCallback((index: number, target: string) => {\n    setMapping((previous) => {\n      const next: CsvImportMapping<F> = {}\n      for (const [column, existing] of Object.entries(previous)) {\n        // One column per target: choosing a target already taken moves it\n        // here rather than importing one field from two columns.\n        if (Number(column) !== index && existing !== target) {\n          next[Number(column)] = existing\n        }\n      }\n      if (target !== SKIP_TARGET) next[index] = target as CsvImportTarget<F>\n      return next\n    })\n  }, [])\n\n  /**\n   * Runs the file, one bounded request at a time.\n   *\n   * Every chunk's result is folded into the running total as it arrives,\n   * so a file that stops halfway — a lost connection, a closed drawer —\n   * still reports what it did rather than nothing.\n   */\n  const handleImport = useCallback(async () => {\n    if (busy || !rows.length || !requiredMapped || !createHostId) return\n    setBusy(true)\n    let total = vocabulary.emptyResult()\n    setResult(total)\n    setProgress({ sent: 0, total: rows.length })\n    try {\n      for (let offset = 0; offset < rows.length; offset += vocabulary.chunkSize) {\n        if (abandoned.current) return\n        const chunk = rows\n          .slice(offset, offset + vocabulary.chunkSize)\n          .map((cells) => vocabulary.mapRow(cells, mapping))\n        const response = await authorizedFetch(user, vocabulary.route, {\n          method: 'POST',\n          headers: { 'Content-Type': 'application/json' },\n          body: JSON.stringify({ hostId: createHostId, rows: chunk }),\n        })\n        const payload = await response.json().catch(() => ({}))\n        if (!response.ok) {\n          return void enqueueSnackbar(\n            payload?.error ?? 'The import could not continue.',\n            { variant: 'warning', allowDuplicate: true },\n          )\n        }\n        total = vocabulary.mergeResults(total, payload as ImportChunkResult<S>, offset)\n        setResult(total)\n        setProgress({ sent: Math.min(offset + chunk.length, rows.length), total: rows.length })\n      }\n      enqueueSnackbar('Import finished', { variant: 'success', persist: false })\n    } catch {\n      enqueueSnackbar('The import could not continue.', {\n        variant: 'warning',\n        allowDuplicate: true,\n      })\n    } finally {\n      setBusy(false)\n    }\n  }, [busy, rows, requiredMapped, mapping, user, createHostId, enqueueSnackbar, vocabulary])\n\n  const handleDownloadSkipped = useCallback(() => {\n    if (!result?.skipped.length) return\n    downloadTextFile(\n      vocabulary.skippedFileName,\n      'text/csv',\n      vocabulary.skippedCsv(\n        columns,\n        result.skipped.map((entry) => ({\n          cells: rows[entry.index] ?? [],\n          reason: entry.reason as S['reason'],\n        })),\n      ),\n    )\n  }, [result, columns, rows, vocabulary])\n\n  const finished = !!result && !busy\n\n  return (\n    <NavigationDrawerComponent\n      open={open}\n      anchor=\"right\"\n      variant=\"temporary\"\n      onClose={handleClose}\n      AppBarProps={{ color: 'surface' }}\n      appBarLeft={\n        <>\n          <IconButton\n            color=\"inherit\"\n            edge=\"start\"\n            onClick={handleClose}\n            sx={{ mr: 2 }}\n          >\n            <MdiIcon path={ICON_VARIANT_CLOSE.path} />\n            <SrOnly>{'close drawer'}</SrOnly>\n          </IconButton>\n          <Typography variant=\"h6\" component=\"div\">\n            {vocabulary.title}\n          </Typography>\n          <HelpTip {...vocabulary.help} />\n        </>\n      }\n      appBarRight={\n        <Button variant=\"outlined\" color=\"inherit\" onClick={handleClose}>\n          {finished ? 'Done' : 'Cancel'}\n        </Button>\n      }\n    >\n      <Container gutterY>\n        <Stack spacing={2}>\n          {result ? (\n            <ImportResultPanel\n              result={result}\n              progress={progress}\n              busy={busy}\n              vocabulary={vocabulary}\n              onDownloadSkipped={handleDownloadSkipped}\n              onAnother={reset}\n            />\n          ) : (\n            <>\n              {/*\n                First, because every row is filed under the answer: the site\n                the file is imported into. Nothing under a site (AGL-2630).\n              */}\n              <CrmSitePicker\n                hostId={hostId}\n                disabled={busy}\n                helperText={vocabulary.sitePickerHelperText}\n              />\n              <Typography variant=\"body2\" color=\"text.secondary\">\n                {vocabulary.intro}\n              </Typography>\n              <Stack direction=\"row\" spacing={1} sx={{ alignItems: 'center', flexWrap: 'wrap', rowGap: 1 }}>\n                <Button variant=\"outlined\" component=\"label\" disabled={busy}>\n                  {'Choose file'}\n                  <input\n                    type=\"file\"\n                    accept=\".csv,text/csv\"\n                    hidden\n                    onChange={(event) => {\n                      void handleFile(event.target.files?.[0])\n                      event.target.value = ''\n                    }}\n                  />\n                </Button>\n                {/* The export's own header over no rows, so a sheet filled in\n                    against it maps itself. */}\n                <Button\n                  size=\"small\"\n                  disabled={busy}\n                  onClick={() =>\n                    downloadTextFile(\n                      vocabulary.templateFileName,\n                      'text/csv',\n                      vocabulary.templateCsv(),\n                    )\n                  }\n                >\n                  {'Download template'}\n                </Button>\n                {fileName ? (\n                  <Chip size=\"small\" variant=\"outlined\" label={fileName} />\n                ) : null}\n                {rows.length ? (\n                  <Typography variant=\"body2\" color=\"text.secondary\">\n                    {`${rows.length.toLocaleString()} rows`}\n                  </Typography>\n                ) : null}\n              </Stack>\n              {overCeiling > 0 ? (\n                <Alert severity=\"warning\">\n                  {`This file has ${(rows.length + overCeiling).toLocaleString()} ` +\n                    `rows. Only the first ${vocabulary.maxRows.toLocaleString()} ` +\n                    'are imported — split the file and import the rest ' +\n                    'separately.'}\n                </Alert>\n              ) : null}\n              {columns.length ? (\n                <ImportMappingTable\n                  columns={columns}\n                  sample={rows[0] ?? []}\n                  mapping={mapping}\n                  vocabulary={vocabulary}\n                  onMap={handleMap}\n                />\n              ) : null}\n              {columns.length && MappingSlot && vocabulary.collection ? (\n                <MappingSlot\n                  slot=\"importMapping\"\n                  hostId={hostId}\n                  orgId={orgId ?? undefined}\n                  collection={vocabulary.collection}\n                  columns={shapedColumns}\n                  mapping={mapping}\n                  proposeMapping={(proposed: Readonly<Record<number, string>>) => proposeMapping(proposed)}\n                />\n              ) : null}\n              {columns.length > 0 && !requiredMapped ? (\n                <Alert severity=\"warning\">{vocabulary.requiredWarning}</Alert>\n              ) : null}\n              {columns.length > 0 && requiredMapped ? (\n                <ImportPreviewTable\n                  targets={mappedTargets}\n                  preview={preview}\n                  total={rows.length}\n                  unusable={unusableRows}\n                  vocabulary={vocabulary}\n                />\n              ) : null}\n              <Stack direction=\"row\" spacing={1} sx={{ justifyContent: 'flex-end' }}>\n                <Button\n                  variant=\"contained\"\n                  // Held until the capturing site is known.\n                  disabled={busy || !rows.length || !requiredMapped || !createHostId}\n                  onClick={() => void handleImport()}\n                >\n                  {rows.length\n                    ? `Import ${rows.length.toLocaleString()} rows`\n                    : 'Import'}\n                </Button>\n              </Stack>\n            </>\n          )}\n        </Stack>\n      </Container>\n    </NavigationDrawerComponent>\n  )\n}\nCsvImportDrawer.displayName = 'CsvImportDrawer'\n\n/**\n * WHICH COLUMN IS WHICH.\n *\n * One row per column in the file: its header, the first row's value under\n * it so the operator can tell \"Title\" the job from \"Title\" the honorific,\n * and a select naming where it goes. The proposal came from the alias\n * table; every row of this table is the operator's to overrule.\n */\nfunction ImportMappingTable<F extends string>(props: {\n  columns: readonly string[]\n  sample: readonly string[]\n  mapping: CsvImportMapping<F>\n  vocabulary: Pick<CsvImportVocabulary<F, never, never>, 'fields' | 'fieldLabels' | 'customFields'>\n  onMap: (index: number, target: string) => void\n}) {\n  const { columns, sample, mapping, vocabulary, onMap } = props\n  return (\n    <Stack spacing={1}>\n      <Typography variant=\"subtitle2\">{'Columns'}</Typography>\n      <ScrollTable size=\"small\">\n        <TableHead>\n          <TableRow>\n            <TableCell>{'Column'}</TableCell>\n            <TableCell>{'First row'}</TableCell>\n            <TableCell>{'Imports as'}</TableCell>\n          </TableRow>\n        </TableHead>\n        <TableBody>\n          {columns.map((column, index) => (\n            <TableRow key={`${column}-${index}`}>\n              <TableCell>{column || `Column ${index + 1}`}</TableCell>\n              <TableCell>\n                <Typography variant=\"body2\" color=\"text.secondary\" noWrap>\n                  {String(sample[index] ?? '')}\n                </Typography>\n              </TableCell>\n              <TableCell>\n                <TextField\n                  select\n                  size=\"small\"\n                  value={mapping[index] ?? SKIP_TARGET}\n                  onChange={(event) => onMap(index, event.target.value)}\n                  sx={{ minWidth: 220 }}\n                >\n                  <MenuItem value={SKIP_TARGET}>{'Do not import'}</MenuItem>\n                  {vocabulary.fields.map((field) => (\n                    <MenuItem key={field} value={field}>\n                      {vocabulary.fieldLabels[field]}\n                    </MenuItem>\n                  ))}\n                  {(vocabulary.customFields ?? []).map((field) => (\n                    <MenuItem key={field.key} value={customImportTarget(field.key)}>\n                      {`${field.label} (custom)`}\n                    </MenuItem>\n                  ))}\n                </TextField>\n              </TableCell>\n            </TableRow>\n          ))}\n        </TableBody>\n      </ScrollTable>\n    </Stack>\n  )\n}\n\n/**\n * The first rows, as the mapping reads them.\n *\n * Verbatim cell values under the fields they were mapped to — not the\n * normalized ones, because normalization is the server's and a preview that\n * showed a cleaned phone number would be promising a result the route may\n * refuse. What it does say is how many rows have no usable required cell,\n * since that is the one refusal the operator can fix before sending.\n */\nfunction ImportPreviewTable<F extends string>(props: {\n  targets: readonly string[]\n  preview: readonly Record<string, unknown>[]\n  total: number\n  unusable: number\n  vocabulary: Pick<\n    CsvImportVocabulary<F, never, never>,\n    'fieldLabels' | 'customFields' | 'previewRows' | 'unusableNotice'\n  >\n}) {\n  const { targets, preview, total, unusable, vocabulary } = props\n  const cell = (row: Record<string, unknown>, target: string) => {\n    const customKey = customImportTargetKey(target)\n    if (customKey) {\n      return String((row['custom'] as Record<string, string> | undefined)?.[customKey] ?? '')\n    }\n    return String(row[target] ?? '')\n  }\n  return (\n    <Stack spacing={1}>\n      <Typography variant=\"subtitle2\">\n        {`Preview — first ${Math.min(preview.length, vocabulary.previewRows)} of ${total.toLocaleString()}`}\n      </Typography>\n      {unusable > 0 ? (\n        <Alert severity=\"info\">{vocabulary.unusableNotice(unusable, total)}</Alert>\n      ) : null}\n      <Box>\n        <ScrollTable size=\"small\">\n          <TableHead>\n            <TableRow>\n              {targets.map((target) => (\n                <TableCell key={target}>{targetLabel(target, vocabulary)}</TableCell>\n              ))}\n            </TableRow>\n          </TableHead>\n          <TableBody>\n            {preview.map((row, index) => (\n              <TableRow key={index}>\n                {targets.map((target) => (\n                  <TableCell key={target}>\n                    <Typography variant=\"body2\" noWrap sx={{ maxWidth: 240 }}>\n                      {cell(row, target)}\n                    </Typography>\n                  </TableCell>\n                ))}\n              </TableRow>\n            ))}\n          </TableBody>\n        </ScrollTable>\n      </Box>\n    </Stack>\n  )\n}\n\n/** How far the run has got, and what it did. */\nfunction ImportResultPanel<F extends string, S extends ImportSkippedRow<string>>(props: {\n  result: ImportChunkResult<S>\n  progress: { sent: number; total: number } | null\n  busy: boolean\n  vocabulary: Pick<\n    CsvImportVocabulary<F, never, S>,\n    'fieldLabels' | 'customFields' | 'skipLabels' | 'resultExtras'\n  >\n  onDownloadSkipped: () => void\n  onAnother: () => void\n}) {\n  const { result, progress, busy, vocabulary, onDownloadSkipped, onAnother } = props\n  const percent = progress?.total\n    ? Math.min((progress.sent / progress.total) * 100, 100)\n    : 0\n  const skippedByReason = useMemo(() => {\n    const counts: Partial<Record<string, number>> = {}\n    for (const entry of result.skipped) {\n      counts[entry.reason] = (counts[entry.reason] ?? 0) + 1\n    }\n    return Object.entries(counts) as [S['reason'], number][]\n  }, [result.skipped])\n  const droppedFields = Object.entries(result.dropped).filter(([, count]) => count > 0)\n  return (\n    <Stack spacing={2}>\n      <Typography variant=\"body2\" color=\"text.secondary\">\n        {busy\n          ? `${(progress?.sent ?? 0).toLocaleString()} of ${(progress?.total ?? 0).toLocaleString()} rows sent.`\n          : `Finished. ${result.created.toLocaleString()} added, ` +\n            `${result.merged.toLocaleString()} updated, ` +\n            `${result.skipped.length.toLocaleString()} skipped.`}\n      </Typography>\n      <LinearProgress\n        variant=\"determinate\"\n        value={percent}\n        sx={{ borderRadius: 1 }}\n      />\n      {skippedByReason.length ? (\n        <ScrollTable size=\"small\">\n          <TableHead>\n            <TableRow>\n              <TableCell>{'Skipped'}</TableCell>\n              <TableCell align=\"right\">{'Rows'}</TableCell>\n            </TableRow>\n          </TableHead>\n          <TableBody>\n            {skippedByReason.map(([reason, count]) => (\n              <TableRow key={reason}>\n                <TableCell>{vocabulary.skipLabels[reason] ?? reason}</TableCell>\n                <TableCell align=\"right\">{count}</TableCell>\n              </TableRow>\n            ))}\n          </TableBody>\n        </ScrollTable>\n      ) : null}\n      {droppedFields.length ? (\n        <Alert severity=\"info\">\n          <AlertTitle>{'Some values could not be read'}</AlertTitle>\n          {'The rows were imported without them: ' +\n            droppedFields\n              .map(([field, count]) => `${droppedFieldLabel(field, vocabulary)} (${count})`)\n              .join(', ') +\n            '.'}\n        </Alert>\n      ) : null}\n      {result.ownersUnresolved.length ? (\n        <Alert severity=\"info\">\n          {'No team member has these owner addresses, so those rows ' +\n            `have no owner: ${result.ownersUnresolved.slice(0, 5).join(', ')}` +\n            (result.ownersUnresolved.length > 5\n              ? ` and ${result.ownersUnresolved.length - 5} more.`\n              : '.')}\n        </Alert>\n      ) : null}\n      {vocabulary.resultExtras?.(result)}\n      <Stack direction=\"row\" spacing={1} sx={{ justifyContent: 'flex-end' }}>\n        {result.skipped.length ? (\n          <Button variant=\"outlined\" onClick={onDownloadSkipped}>\n            {'Download skipped rows'}\n          </Button>\n        ) : null}\n        {!busy ? (\n          <Button variant=\"outlined\" onClick={onAnother}>\n            {'Import another file'}\n          </Button>\n        ) : null}\n      </Stack>\n    </Stack>\n  )\n}\n\n/**\n * An \"Import CSV\" button that mounts its drawer only once it has been\n * opened, so the list pays nothing — no hooks, no listeners — for a\n * feature the operator has not reached for.\n */\nexport function CsvImportButton(props: {\n  label?: string\n  children: (open: boolean, onClose: () => void) => ReactNode\n}) {\n  const { label = 'Import CSV', children } = props\n  const [open, setOpen] = useState(false)\n  const [mounted, setMounted] = useState(false)\n  const handleOpen = useCallback(() => {\n    setMounted(true)\n    setOpen(true)\n  }, [])\n  const handleClose = useCallback(() => setOpen(false), [])\n  return (\n    <>\n      <Button size=\"small\" onClick={handleOpen}>\n        {label}\n      </Button>\n      {mounted ? children(open, handleClose) : null}\n    </>\n  )\n}\nCsvImportButton.displayName = 'CsvImportButton'\n\nexport default CsvImportDrawer\n"],"names":["customImportTarget","customImportTargetKey","LIST_IMPORT_MAX_CHARACTERS","parseCsv","ICON_VARIANT_CLOSE","Container","HelpTip","MdiIcon","SrOnly","NavigationDrawerComponent","ScrollTable","useSnackbar","authorizedFetch","useOrgDataScope","useUser","useConsoleWidgetSlot","Alert","AlertTitle","Box","Button","Chip","IconButton","LinearProgress","MenuItem","Stack","TableBody","TableCell","TableHead","TableRow","TextField","Typography","useCallback","useEffect","useMemo","useRef","useState","useCrmOrgMount","downloadTextFile","importColumns","CrmSitePicker","SKIP_TARGET","targetLabel","target","vocabulary","customKey","customFields","find","field","key","label","fieldLabels","droppedFieldLabel","replace","CsvImportDrawer","props","hostId","rows","open","onClose","data","user","enqueueSnackbar","mount","createHostId","fileName","setFileName","columns","setColumns","setRows","overCeiling","setOverCeiling","mapping","setMapping","result","setResult","progress","setProgress","busy","setBusy","abandoned","current","reset","handleClose","handleFile","file","contents","text","catch","length","variant","allowDuplicate","table","filter","cells","some","cell","String","trim","header","map","body","slice","name","maxRows","Math","max","guessMapping","requiredMapped","Object","values","includes","requiredField","unusableRows","at","Number","entries","unusable","preview","previewRows","mapRow","mappedTargets","sort","a","b","MappingSlot","orgId","undefined","shapedColumns","offeredTargets","Set","fields","proposeMapping","proposed","taken","next","column","index","isInteger","has","add","handleMap","previous","existing","handleImport","total","emptyResult","sent","offset","chunkSize","chunk","response","route","method","headers","JSON","stringify","payload","json","ok","error","mergeResults","min","persist","handleDownloadSkipped","skipped","skippedFileName","skippedCsv","entry","reason","finished","anchor","AppBarProps","color","appBarLeft","edge","onClick","sx","mr","path","component","title","help","appBarRight","gutterY","spacing","ImportResultPanel","onDownloadSkipped","onAnother","disabled","helperText","sitePickerHelperText","intro","direction","alignItems","flexWrap","rowGap","input","type","accept","hidden","onChange","event","files","value","size","templateFileName","templateCsv","toLocaleString","severity","ImportMappingTable","sample","onMap","collection","slot","requiredWarning","ImportPreviewTable","targets","justifyContent","displayName","noWrap","select","minWidth","row","unusableNotice","maxWidth","percent","skippedByReason","counts","droppedFields","dropped","count","created","merged","borderRadius","align","skipLabels","join","ownersUnresolved","resultExtras","CsvImportButton","children","setOpen","mounted","setMounted","handleOpen"],"mappings":"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"}

package/src/lib/components/deal-board.d.ts

@@ -0,0 +1,70 @@
+import { type DealDoc, type PipelineDoc } from '../model/deal-board-model';
+export interface DealBoardProps {
+    pipeline: PipelineDoc;
+    /** Every open deal in the pipeline; the board sorts them into columns. */
+    deals: readonly DealDoc[];
+    /** The closed columns' rows once expanded; `null` while collapsed. */
+    won: readonly DealDoc[] | null;
+    lost: readonly DealDoc[] | null;
+    closedExpanded: boolean;
+    onToggleClosed: () => void;
+    /** The owner's name for a uid, from the roster. */
+    labelFor: (uid: string | undefined) => string;
+    /** Deals whose move is in flight — drawn dimmed, not draggable. */
+    moving: ReadonlySet<string>;
+    onOpen: (deal: DealDoc) => void;
+    onMove: (deal: DealDoc, stageId: string) => void;
+    onWon: (deal: DealDoc) => void;
+    onLost: (deal: DealDoc) => void;
+    nowMs: number;
+}
+/**
+ * The pipeline as columns (AGL-2598): one per open stage, Won and Lost at
+ * the end, cards dragged between them.
+ *
+ * ## Dragging is a request, not a write
+ *
+ * `@dnd-kit` handles the pointer; when a card is released over another
+ * column the board calls `onMove`, and the SECTION calls the stage route.
+ * The card is not moved locally: it dims while the request is in flight
+ * and lands in its new column when the listener hears the write. An
+ * optimistic move that the server refused — no permission, a stage the
+ * pipeline lost meanwhile — would have to be animated back, and a card that
+ * jumps back with no explanation reads as a bug in the board rather than a
+ * refusal by the server, which is what it was.
+ *
+ * The pointer sensor needs a few pixels of travel before a drag begins, so
+ * a click on the title still opens the deal and a click on the menu still
+ * opens the menu. The keyboard sensor makes the same move reachable without
+ * a mouse; the card menu's "Move to" items are the other route.
+ *
+ * ## Won and Lost fold away
+ *
+ * A closed deal is history, and a board that drew every won deal of the
+ * year beside the four open stages would push the work off the screen. The
+ * two closed columns start collapsed to a count-free stub and expand on
+ * request, which is also when their rows are read — a collapsed column
+ * costs no listener.
+ */
+export declare function DealBoard(props: DealBoardProps): import("react").JSX.Element;
+export declare namespace DealBoard {
+    var displayName: string;
+}
+interface DealCardBodyProps {
+    deal: DealDoc;
+    ownerLabel: string;
+    days: number;
+    menu?: React.ReactNode;
+    onOpen?: () => void;
+    lifted?: boolean;
+}
+/**
+ * What a card shows: the title, the amount, who it is with, the owner and
+ * how long it has sat here. Shared by the card in its column and the copy
+ * that follows the pointer, so the two cannot drift.
+ */
+export declare function DealCardBody(props: DealCardBodyProps): import("react").JSX.Element;
+export declare namespace DealCardBody {
+    var displayName: string;
+}
+export default DealBoard;