@rebasepro/cms 0.17.3 → 0.18.0

package/dist/{export-Ben8E355.js → export--arni_VY.js}

@@ -1,5 +1,5 @@
 import { t as __exportAll } from "./rolldown-runtime-D7D4PA-g.js";
-import { fn as useAdminContext } from "./util-DVqnqlLn.js";
+import { pn as useAdminContext } from "./util-DE1WQW6h.js";
 import React, { useCallback } from "react";
 import { Alert, BooleanSwitchWithLabel, Button, CircularProgress, Dialog, DialogActions, DialogContent, DialogTitle, DownloadIcon, IconButton, Label, RadioGroup, RadioGroupItem, Tooltip, iconSize } from "@rebasepro/ui";
 import { getDefaultValuesFor } from "@rebasepro/common";
@@ -651,4 +651,4 @@ var export_exports = /* @__PURE__ */ __exportAll({
 //#endregion
 export { MAX_EXPORT_ROWS as a, downloadDataAsCsv as c, escapeCsvFormula as d, getEntityCSVExportableData as f, EXPORT_PAGE_SIZE as i, downloadEntitiesExport as l, ExportCollectionAction as n, fetchAllEntitiesForExport as o, getEntityJsonExportableData as p, BasicExportAction as r, downloadBlob as s, export_exports as t, entryToCSVRow as u };
 
-//# sourceMappingURL=export-Ben8E355.js.map
+//# sourceMappingURL=export--arni_VY.js.map

package/dist/{export-Ben8E355.js.map → export--arni_VY.js.map}

@@ -1 +1 @@
-{"version":3,"file":"export-Ben8E355.js","names":[],"sources":["../src/data_export/export/export.ts","../src/data_export/export/fetch_export_data.ts","../src/data_export/export/BasicExportAction.tsx","../src/data_export/export/ExportCollectionAction.tsx","../src/data_export/export/index.ts"],"sourcesContent":["import { Entity, EntityReference, Properties, Property } from \"@rebasepro/types\";\nimport { type ArrayValuesCount, getArrayValuesCount, getValueInPath } from \"@rebasepro/utils\";\n\ninterface Header {\n    key: string;\n    label: string;\n}\n\nexport interface DownloadEntitiesExportParams<M extends Record<string, unknown>> {\n    data: Entity<M>[];\n    additionalData: Record<string, unknown>[] | undefined;\n    properties: Properties;\n    propertiesOrder: string[] | undefined;\n    name: string;\n    flattenArrays: boolean;\n    additionalHeaders: string[] | undefined;\n    exportType: \"csv\" | \"json\";\n    dateExportType: \"timestamp\" | \"string\";\n}\n\nexport function downloadEntitiesExport<M extends Record<string, unknown>>({\n    data,\n    additionalData,\n    properties,\n    propertiesOrder,\n    name,\n    flattenArrays,\n    additionalHeaders,\n    exportType,\n    dateExportType\n}: DownloadEntitiesExportParams<M>\n) {\n\n    console.debug(\"Downloading export\", {\n        dataLength: data.length,\n        properties,\n        exportType,\n        dateExportType\n    });\n\n    if (exportType === \"csv\") {\n        const arrayValuesCount = flattenArrays ? getArrayValuesCount(data.map(d => d.values)) : {};\n        const headers = getExportHeaders(properties, propertiesOrder, additionalHeaders, arrayValuesCount);\n        const exportableData = getEntityCSVExportableData(data, additionalData, properties, headers, dateExportType);\n        const headersData = entryToCSVRow(headers.map(h => h.label));\n        const csvData = exportableData.map(entry => entryToCSVRow(entry));\n        downloadBlob([headersData, ...csvData], `${name}.csv`, \"text/csv\");\n    } else {\n        const exportableData = getEntityJsonExportableData(data, additionalData, properties, dateExportType);\n        const json = JSON.stringify(exportableData, null, 2);\n        downloadBlob([json], `${name}.json`, \"application/json\");\n    }\n}\n\nexport function getEntityCSVExportableData(data: Entity<Record<string, unknown>>[],\n    additionalData: Record<string, unknown>[] | undefined,\n    properties: Properties,\n    headers: Header[],\n    dateExportType: \"timestamp\" | \"string\"\n) {\n\n    const mergedData: Record<string, unknown>[] = data.map(e => ({\n        id: e.id,\n        ...processValuesForExport(e.values, properties, \"csv\", dateExportType)\n    }));\n\n    if (additionalData) {\n        additionalData.forEach((additional, index) => {\n            mergedData[index] = { ...mergedData[index],\n...additional };\n        });\n    }\n\n    return mergedData && mergedData.map((entry) => {\n        return headers.map((header) => getValueInPath(entry, header.key));\n    });\n}\n\nexport function getEntityJsonExportableData(data: Entity<Record<string, unknown>>[],\n    additionalData: Record<string, unknown>[] | undefined,\n    properties: Properties,\n    dateExportType: \"timestamp\" | \"string\"\n) {\n\n    const mergedData: Record<string, unknown>[] = data.map(e => ({\n        id: e.id,\n        ...processValuesForExport(e.values, properties, \"json\", dateExportType)\n    }));\n\n    if (additionalData) {\n        additionalData.forEach((additional, index) => {\n            mergedData[index] = { ...mergedData[index],\n...additional };\n        });\n    }\n\n    return mergedData;\n}\n\nfunction getExportHeaders<M extends Record<string, unknown>>(properties: Properties,\n    propertiesOrder: string[] | undefined,\n    additionalHeaders: string[] | undefined,\n    arrayValuesCount?: ArrayValuesCount): Header[] {\n\n    const headers: Header[] = [\n        {\n            label: \"id\",\n            key: \"id\"\n        },\n        ...(propertiesOrder ?? Object.keys(properties))\n            .flatMap((childKey) => {\n                const property = properties[childKey];\n                if (!property) {\n                    console.warn(\"Property not found\", childKey, properties);\n                    return [];\n                }\n                if (arrayValuesCount && arrayValuesCount[childKey] > 1) {\n                    return Array.from({ length: arrayValuesCount[childKey] },\n                        (_, i) => getHeaders(property as Property, `${childKey}[${i}]`, \"\"))\n                        .flat();\n                } else {\n                    return getHeaders(property as Property, childKey, \"\");\n                }\n            })\n    ];\n\n    if (additionalHeaders) {\n        headers.push(...additionalHeaders.map(h => ({\n            label: h,\n            key: h\n        })));\n    }\n\n    return headers;\n}\n\n/**\n * Get headers for property. There could be more than one header per property\n * @param property\n * @param propertyKey\n * @param prefix\n */\nfunction getHeaders(property: Property, propertyKey: string, prefix = \"\"): Header[] {\n    const currentKey = prefix ? `${prefix}.${propertyKey}` : propertyKey;\n    if (property.type === \"map\" && property.properties) {\n        return Object.entries(property.properties)\n            .map(([childKey, p]) => getHeaders(p, childKey, currentKey))\n            .flat();\n    } else {\n        return [{\n            label: currentKey,\n            key: currentKey\n        }];\n    }\n}\n\n/**\n * Read whatever a `date` column actually arrived as into a `Date`.\n *\n * The driver/WebSocket path revives `{ __type: \"date\" }` into a `Date`; the REST\n * path — which is the one the admin is on — leaves an ISO string, and an epoch\n * number is what a re-imported export carries. Returns `undefined` for anything\n * that is not a date, so the caller can pass the raw value through.\n */\nfunction toExportableDate(inputValue: unknown): Date | undefined {\n    if (inputValue instanceof Date) return Number.isNaN(inputValue.getTime()) ? undefined : inputValue;\n    if (typeof inputValue === \"number\" && Number.isFinite(inputValue)) return new Date(inputValue);\n    if (typeof inputValue === \"string\" && inputValue.trim() !== \"\") {\n        const parsed = new Date(inputValue);\n        return Number.isNaN(parsed.getTime()) ? undefined : parsed;\n    }\n    return undefined;\n}\n\nfunction processValueForExport(inputValue: unknown,\n    property: Property,\n    exportType: \"csv\" | \"json\",\n    dateExportType: \"timestamp\" | \"string\"\n): unknown {\n\n    let value: unknown;\n    if (property.type === \"map\" && property.properties) {\n        value = processValuesForExport(inputValue as Record<string, unknown>, property.properties as Properties, exportType, dateExportType);\n    } else if (property.type === \"array\") {\n        if (property.of && Array.isArray(inputValue)) {\n            if (Array.isArray(property.of)) {\n                value = property.of.map((p, i) => processValueForExport(inputValue[i], p, exportType, dateExportType));\n            } else if (property.of.type === \"map\") {\n                value = exportType === \"csv\"\n                    ? inputValue.map((e) => JSON.stringify(e))\n                    : inputValue.map((e) => processValueForExport(e, property.of as Property, exportType, dateExportType));\n                ;\n            } else {\n                value = inputValue.map((e) => processValueForExport(e, property.of as Property, exportType, dateExportType));\n            }\n        } else {\n            value = inputValue;\n        }\n    } else if (property.type === \"reference\" && inputValue && typeof inputValue === \"object\" && \"isEntityReference\" in inputValue && typeof (inputValue as EntityReference).isEntityReference === \"function\" && (inputValue as EntityReference).isEntityReference()) {\n        const ref = inputValue ? inputValue as EntityReference : undefined;\n        value = ref ? ref.fullPath : null;\n    } else if (property.type === \"date\") {\n        // Not `instanceof Date`: the admin reads over REST, and the REST row\n        // pipeline hands dates back as the database wrote them — a string. That\n        // made this branch dead on every live export, so both radio options\n        // produced identical files. Normalise here, where the declared type says\n        // the column is a date, and leave anything unparseable untouched rather\n        // than exporting an invalid date as `null`.\n        const date = toExportableDate(inputValue);\n        value = date\n            ? (dateExportType === \"timestamp\" ? date.getTime() : date.toISOString())\n            : inputValue;\n    } else {\n        value = inputValue;\n    }\n\n    return value;\n}\n\nfunction processValuesForExport<M extends Record<string, unknown>>\n    (inputValues: Record<string, unknown>,\n        properties: Properties,\n        exportType: \"csv\" | \"json\",\n        dateExportType: \"timestamp\" | \"string\"\n    ): Record<string, unknown> {\n    const updatedValues = Object.entries(properties)\n        .map(([key, property]) => {\n            const inputValue = inputValues && (inputValues)[key];\n            const updatedValue = processValueForExport(inputValue, property as Property, exportType, dateExportType);\n            if (updatedValue === undefined) return {};\n            return ({ [key]: updatedValue });\n        })\n        .reduce((a, b) => ({ ...a,\n...b }), {}) as Record<string, unknown>;\n    return { ...inputValues,\n...updatedValues };\n}\n\n/**\n * Characters that make a spreadsheet read a cell as a formula rather than text.\n *\n * Quoting is CSV *escaping* and is not enough: Excel, LibreOffice Calc and\n * Sheets strip the CSV quoting at parse time and then evaluate a cell whose\n * first character is one of these — `=HYPERLINK(…)` exfiltrates neighbouring\n * cells on click, `=cmd|'…'!A0` is worse.\n */\nconst FORMULA_TRIGGERS = [\"=\", \"+\", \"-\", \"@\", \"\\t\", \"\\r\"];\n\n/**\n * Neutralise a cell that a spreadsheet would otherwise evaluate, by prefixing a\n * single quote — the standard OWASP mitigation. The apostrophe is consumed by\n * the spreadsheet as \"treat the rest as text\", so the value reads back intact.\n */\nexport function escapeCsvFormula(value: string): string {\n    const first = value.charAt(0);\n    if (!FORMULA_TRIGGERS.includes(first)) return value;\n    // A signed number is not a formula, and prefixing it would turn every\n    // negative amount in the file into text. `-1+1` is still neutralised,\n    // because it is not a number.\n    if ((first === \"-\" || first === \"+\") && value.trim() !== \"\" && Number.isFinite(Number(value))) return value;\n    return \"'\" + value;\n}\n\nfunction toCSVCell(v: unknown): string {\n    if (v === null || v === undefined) return \"\";\n    const s = Array.isArray(v) ? JSON.stringify(v) : String(v);\n    return \"\\\"\" + escapeCsvFormula(s).replaceAll(\"\\\"\", \"\\\"\\\"\") + \"\\\"\";\n}\n\nexport function entryToCSVRow(entry: unknown[]) {\n    return entry\n        .map(toCSVCell)\n        .join(\",\") + \"\\r\\n\";\n}\n\nexport function downloadBlob(content: BlobPart[], filename: string, contentType: string) {\n    const blob = new Blob(content, { type: contentType });\n    const url = URL.createObjectURL(blob);\n    const pom = document.createElement(\"a\");\n    pom.href = url;\n    pom.setAttribute(\"download\", filename);\n    pom.click();\n}\n\nexport function downloadDataAsCsv(data: object[], name: string) {\n    if (data.length === 0) return;\n\n    const headers = Object.keys(data[0]);\n    const csvContent = [\n        headers.join(\",\"),\n        ...data.map(row => headers.map(header => toCSVCell((row as Record<string, unknown>)[header])).join(\",\"))\n    ].join(\"\\r\\n\");\n\n    downloadBlob([csvContent], `${name}.csv`, \"text/csv\");\n}\n","import { Entity, FindParams, FindResponse } from \"@rebasepro/types\";\n\n/**\n * Rows asked for per request.\n *\n * Kept at or below the server's `MAX_LIST_LIMIT`, which is now the largest page\n * a read will serve *and refuses* anything larger — it used to clamp silently,\n * and asking for 100 000 while receiving 1 000 looked exactly like a collection\n * with 1 000 rows in it. The walk still never trusts the page size it asked for:\n * it advances by the rows it was actually handed.\n */\nexport const EXPORT_PAGE_SIZE = 500;\n\n/**\n * Most rows one browser-side export will materialise.\n *\n * Everything here is built in memory and handed to a Blob, so there is a\n * ceiling whether or not it is named. Naming it means going over it **throws**\n * instead of writing a short file that reads like the whole collection.\n */\nexport const MAX_EXPORT_ROWS = 100_000;\n\nexport interface FetchAllForExportParams<M extends Record<string, unknown>> {\n    /** The collection accessor to read through — `dataClient.collection(path)`. */\n    accessor: { find(params?: FindParams<M>): Promise<FindResponse<M>> };\n    /** Query to export. The window (`limit` / `offset` / `page`) is owned by the walk. */\n    params?: Omit<FindParams<M>, \"limit\" | \"offset\" | \"page\">;\n    pageSize?: number;\n    maxRows?: number;\n    /** Called after every page with the rows so far, and the total when the server reports one. */\n    onProgress?: (loaded: number, total: number | undefined) => void;\n}\n\n/**\n * Read **every** row matching a query, one page at a time.\n *\n * `find({})` sends no `limit`, and an absent limit is resolved server-side to\n * `DEFAULT_LIST_LIMIT` — 50 rows. The export used to hand those 50 rows back as\n * `<collection>.csv` with nothing saying it was a sample, next to a dialog\n * warning that the collection had 100 000 documents.\n *\n * Termination is driven by the server's `meta.hasMore` where it is reported and\n * by an empty page otherwise — never by comparing a page's length against the\n * requested limit, since a final page that happens to be exactly full is\n * indistinguishable that way and a walk that stops there drops rows.\n *\n * @throws When more than `maxRows` rows match. A truncated export is worse than\n * no export: it is indistinguishable from a complete one.\n */\nexport async function fetchAllEntitiesForExport<M extends Record<string, unknown>>({\n    accessor,\n    params,\n    pageSize = EXPORT_PAGE_SIZE,\n    maxRows = MAX_EXPORT_ROWS,\n    onProgress\n}: FetchAllForExportParams<M>): Promise<Entity<M>[]> {\n\n    const rows: Entity<M>[] = [];\n    let offset = 0;\n\n    for (;;) {\n        const res = await accessor.find({\n            ...params,\n            limit: pageSize,\n            offset\n        } as FindParams<M>);\n\n        const page = res?.data ?? [];\n        rows.push(...page);\n        onProgress?.(rows.length, res?.meta?.total);\n\n        if (rows.length > maxRows) {\n            throw new Error(\n                `This export would contain more than ${maxRows.toLocaleString()} rows, which is more than the ` +\n                \"browser can build in one file. Filter the collection down, or export it from the server.\"\n            );\n        }\n\n        // An empty page ends the walk whatever the metadata says, so a server\n        // that keeps answering `hasMore` cannot spin forever.\n        if (page.length === 0) break;\n        if (res?.meta && !res.meta.hasMore) break;\n\n        // By rows received, not by `pageSize`: a server whose ceiling is lower\n        // than the page we asked for would otherwise skip everything it clamped.\n        offset += page.length;\n    }\n\n    return rows;\n}\n","\nimport React, { useCallback } from \"react\";\n\nimport { useTranslation } from \"@rebasepro/app\";\nimport { Entity, Properties } from \"@rebasepro/types\";\nimport {\n    BooleanSwitchWithLabel,\n    Button,\n    Dialog,\n    DialogActions,\n    DialogContent,\n    DialogTitle,\n    DownloadIcon,\n    IconButton,\n    Label,\n    RadioGroup,\n    RadioGroupItem,\n    Tooltip,\n    Typography\n} from \"@rebasepro/ui\";\nimport { downloadEntitiesExport } from \"./export\";\n\nexport type BasicExportActionProps = {\n    data: Entity<any>[];\n    properties: Properties;\n    propertiesOrder?: string[];\n}\n\nexport function BasicExportAction({\n    data,\n    properties,\n    propertiesOrder\n}: BasicExportActionProps) {\n\n    const { t } = useTranslation();\n    const dateRef = React.useRef<Date>(new Date());\n    const [flattenArrays, setFlattenArrays] = React.useState<boolean>(true);\n    const [exportType, setExportType] = React.useState<\"csv\" | \"json\">(\"csv\");\n    const [dateExportType, setDateExportType] = React.useState<\"timestamp\" | \"string\">(\"string\");\n\n    const [open, setOpen] = React.useState(false);\n\n    const handleClickOpen = useCallback(() => {\n        setOpen(true);\n    }, [setOpen]);\n\n    const handleClose = useCallback(() => {\n        setOpen(false);\n    }, [setOpen]);\n\n    const onOkClicked = useCallback(() => {\n        downloadEntitiesExport({\n            data,\n            additionalData: [],\n            properties,\n            propertiesOrder,\n            name: \"export.csv\",\n            flattenArrays,\n            additionalHeaders: [],\n            exportType,\n            dateExportType\n        });\n        handleClose();\n    }, []);\n\n    return <>\n\n        <Tooltip title={\"Export\"}\n            asChild={true}>\n            <IconButton\n                size={\"small\"}\n                color={\"primary\"} onClick={handleClickOpen}>\n                <DownloadIcon\n                    size={\"small\"}/>\n            </IconButton>\n        </Tooltip>\n\n        <Dialog\n            open={open}\n            onOpenChange={setOpen}\n            maxWidth={\"xl\"}>\n\n            <DialogTitle variant={\"h6\"}>{t(\"export_data\")}</DialogTitle>\n\n            <DialogContent className={\"flex flex-col gap-4 my-4\"}>\n\n                <div>{t(\"download_table_csv\")}</div>\n\n                <div className={\"flex flex-row gap-4\"}>\n                    <div className={\"p-4 flex flex-col\"}>\n                        <RadioGroup value={exportType} onValueChange={(v) => setExportType(v as \"csv\" | \"json\")}>\n                            <div className=\"flex items-center gap-2\">\n                                <RadioGroupItem value=\"csv\" id=\"radio-csv\"/>\n                                <Label htmlFor=\"radio-csv\">{t(\"csv\")}</Label>\n                            </div>\n                            <div className=\"flex items-center gap-2\">\n                                <RadioGroupItem value=\"json\" id=\"radio-json\"/>\n                                <Label htmlFor=\"radio-json\">{t(\"json\")}</Label>\n                            </div>\n                        </RadioGroup>\n                    </div>\n\n                    <div className={\"p-4 flex flex-col\"}>\n                        <RadioGroup value={dateExportType} onValueChange={(v) => setDateExportType(v as \"timestamp\" | \"string\")}>\n                            <div className=\"flex items-center gap-2\">\n                                <RadioGroupItem value=\"timestamp\" id=\"radio-timestamp\"/>\n                                <Label htmlFor=\"radio-timestamp\">{t(\"dates_as_timestamps\")} ({dateRef.current.getTime()})</Label>\n                            </div>\n                            <div className=\"flex items-center gap-2\">\n                                <RadioGroupItem value=\"string\" id=\"radio-string\"/>\n                                <Label htmlFor=\"radio-string\">{t(\"dates_as_strings\")} ({dateRef.current.toISOString()})</Label>\n                            </div>\n                        </RadioGroup>\n                    </div>\n                </div>\n\n                <BooleanSwitchWithLabel\n                    size={\"small\"}\n                    disabled={exportType !== \"csv\"}\n                    value={flattenArrays}\n                    onValueChange={setFlattenArrays}\n                    label={t(\"flatten_arrays\")}/>\n\n            </DialogContent>\n\n            <DialogActions>\n\n                <Button onClick={handleClose}\n                    variant={\"text\"}>\n                    {t(\"cancel\")}\n                </Button>\n\n                <Button onClick={onOkClicked}>\n                    {t(\"download\")}\n                </Button>\n\n            </DialogActions>\n\n        </Dialog>\n\n    </>;\n}\n","\nimport React, { useCallback } from \"react\";\n\nimport {\n    useAuthController,\n    useCustomizationController,\n    useData,\n    useTranslation\n} from \"@rebasepro/app\";\nimport { useAdminContext } from \"../../hooks\";\nimport { Entity, User } from \"@rebasepro/types\";\nimport { CollectionActionsProps, ExportConfig, RebaseContext, AdminCollection } from \"@rebasepro/cms-types\";\nimport { getDefaultValuesFor } from \"@rebasepro/common\";\nimport {\n    Alert,\n    BooleanSwitchWithLabel,\n    Button,\n    CircularProgress,\n    Dialog,\n    DialogActions,\n    DialogContent,\n    DialogTitle,\n    DownloadIcon,\n    IconButton,\n    iconSize,\n    Label,\n    RadioGroup,\n    RadioGroupItem,\n    Tooltip\n} from \"@rebasepro/ui\";\nimport { downloadEntitiesExport } from \"./export\";\nimport { fetchAllEntitiesForExport, MAX_EXPORT_ROWS } from \"./fetch_export_data\";\n\nconst DOCS_LIMIT = 500;\n\n/**\n * Additional-field builders run per row and may do I/O, so a `Promise.all` over\n * the whole export is one request per row all at once. That was bounded only by\n * the 50-row cap the export used to have; now that the read is paginated, it is\n * bounded here instead.\n */\nconst ADDITIONAL_FIELDS_CONCURRENCY = 50;\n\nasync function mapInChunks<T, R>(items: T[], fn: (item: T) => Promise<R>, chunkSize = ADDITIONAL_FIELDS_CONCURRENCY): Promise<R[]> {\n    const results: R[] = [];\n    for (let i = 0; i < items.length; i += chunkSize) {\n        results.push(...await Promise.all(items.slice(i, i + chunkSize).map(fn)));\n    }\n    return results;\n}\n\nexport function ExportCollectionAction<M extends Record<string, unknown>, USER extends User>({\n    collection,\n    path,\n    collectionEntitiesCount,\n    onAnalyticsEvent,\n    exportAllowed,\n    notAllowedView\n}: CollectionActionsProps<M, USER, AdminCollection<M>> & {\n    exportAllowed?: (props: { collectionEntitiesCount: number, path: string, collection: AdminCollection }) => boolean;\n    notAllowedView?: React.ReactNode;\n    onAnalyticsEvent?: (event: string, params?: any) => void;\n}) {\n\n    const { t } = useTranslation();\n\n    const exportConfig = typeof collection.exportable === \"object\" ? collection.exportable : undefined;\n\n    const dateRef = React.useRef<Date>(new Date());\n\n    const [includeUndefinedValues, setIncludeUndefinedValues] = React.useState<boolean>(false);\n    const [flattenArrays, setFlattenArrays] = React.useState<boolean>(true);\n    const [exportType, setExportType] = React.useState<\"csv\" | \"json\">(\"csv\");\n    const [dateExportType, setDateExportType] = React.useState<\"timestamp\" | \"string\">(\"string\");\n\n    const context = useAdminContext<USER>();\n    const dataClient = useData();\n\n    // Said before the download starts, not discovered halfway through it: the\n    // walk refuses rather than writing a short file, so the dialog has to name\n    // the ceiling it is about to hit.\n    const tooManyToExport = collectionEntitiesCount !== undefined && collectionEntitiesCount > MAX_EXPORT_ROWS;\n\n    const canExport = !exportAllowed || exportAllowed({\n        collectionEntitiesCount: collectionEntitiesCount ?? 0,\n        path,\n        collection\n    });\n\n    const [dataLoading, setDataLoading] = React.useState<boolean>(false);\n    const [dataLoadingError, setDataLoadingError] = React.useState<Error | undefined>();\n    const [progress, setProgress] = React.useState<{ loaded: number, total?: number }>({ loaded: 0 });\n\n    const [open, setOpen] = React.useState(false);\n\n    const handleClickOpen = useCallback(() => {\n        setOpen(true);\n    }, [setOpen]);\n\n    const handleClose = useCallback(() => {\n        setOpen(false);\n    }, [setOpen]);\n\n    const fetchAdditionalFields = useCallback(async (entities: Entity<M>[]) => {\n\n        const additionalExportFields = exportConfig?.additionalFields;\n        const additionalFields = collection.additionalFields;\n\n        const resolvedExportColumnsValues: Record<string, any>[] = additionalExportFields\n            ? await mapInChunks(entities, async (entity) => {\n                return (await Promise.all(additionalExportFields.map(async (column) => {\n                    return {\n                        [column.key]: await column.builder({\n                            entity,\n                            context: context as RebaseContext\n                        })\n                    };\n                }))).reduce((a, b) => ({ ...a,\n...b }), {});\n            })\n            : [];\n\n        const resolvedColumnsValues: Record<string, any>[] = additionalFields\n            ? await mapInChunks(entities, async (entity) => {\n                return (await Promise.all(additionalFields\n                    .map(async (field) => {\n                        if (!field.value)\n                            return {};\n                        return {\n                            [field.key]: await field.value({\n                                entity,\n                                context: context as RebaseContext\n                            })\n                        };\n                    }))).reduce((a, b) => ({ ...a,\n...b }), {});\n            })\n            : [];\n        return [...resolvedExportColumnsValues, ...resolvedColumnsValues];\n    }, [exportConfig?.additionalFields]);\n\n    const doDownload = useCallback(async (collection: AdminCollection<M>,\n        exportConfig: ExportConfig<any> | undefined): Promise<boolean> => {\n\n        onAnalyticsEvent?.(\"export_collection\", {\n            collection: collection.slug\n        });\n        setDataLoading(true);\n        setDataLoadingError(undefined);\n        setProgress({ loaded: 0 });\n        try {\n            // Paginated, not `find({})`: an absent limit resolves to 50 rows\n            // server-side, so the export used to be the first page of the\n            // collection under a filename that read like all of it.\n            const data = await fetchAllEntitiesForExport<M>({\n                accessor: dataClient.collection(path) as { find: (params?: any) => Promise<any> },\n                onProgress: (loaded, total) => setProgress({ loaded,\n                    total })\n            });\n            const additionalData = await fetchAdditionalFields(data);\n            const additionalHeaders = [\n                ...exportConfig?.additionalFields?.map(column => column.key) ?? [],\n                ...collection.additionalFields?.map(field => field.key) ?? []\n            ];\n\n            const defaultValues = includeUndefinedValues ? getDefaultValuesFor(collection.properties) : undefined;\n            const dataWithDefaults = defaultValues\n                ? data.map(entity => ({\n                    ...entity,\n                    values: { ...defaultValues,\n...entity.values }\n                }))\n                : data;\n            downloadEntitiesExport({\n                data: dataWithDefaults,\n                additionalData,\n                properties: collection.properties,\n                propertiesOrder: collection.propertiesOrder,\n                name: collection.name,\n                flattenArrays,\n                additionalHeaders,\n                exportType,\n                dateExportType\n            });\n            onAnalyticsEvent?.(\"export_collection_success\", {\n                collection: collection.slug\n            });\n            return true;\n        } catch (e) {\n            console.error(\"Error loading export data\", e);\n            setDataLoadingError(e as Error);\n            return false;\n        } finally {\n            setDataLoading(false);\n        }\n\n    }, [onAnalyticsEvent, dataClient, path, fetchAdditionalFields, includeUndefinedValues, flattenArrays, exportType, dateExportType]);\n\n    const onOkClicked = useCallback(() => {\n        // The dialog stays open until the walk finishes: it is the only place a\n        // multi-page export reports progress, or reports that it failed.\n        doDownload(collection, exportConfig).then((downloaded) => {\n            if (downloaded) handleClose();\n        });\n    }, [doDownload, collection, exportConfig, handleClose]);\n\n    return <>\n\n        <Tooltip title={\"Export\"}\n            asChild={true}>\n            <IconButton\n                size={\"small\"}\n                color={\"primary\"}\n                onClick={handleClickOpen}>\n                <DownloadIcon size={iconSize.small}/>\n            </IconButton>\n        </Tooltip>\n\n        <Dialog\n            open={open}\n            onOpenChange={setOpen}\n            maxWidth={\"xl\"}>\n\n            <DialogTitle variant={\"h6\"}>{t(\"export_data\")}</DialogTitle>\n\n            <DialogContent className={\"flex flex-col gap-4 my-4\"}>\n\n                <div>{t(\"download_table_csv\")}</div>\n\n                {collectionEntitiesCount !== undefined && collectionEntitiesCount > DOCS_LIMIT && !tooManyToExport &&\n                    <Alert color={\"warning\"}>\n                        <div>\n                            {t(\"large_number_of_documents\", { count: collectionEntitiesCount.toString() })}\n                        </div>\n                    </Alert>}\n\n                {tooManyToExport &&\n                    <Alert color={\"error\"}>\n                        <div>\n                            {t(\"too_many_documents_to_export\", {\n                                count: (collectionEntitiesCount ?? 0).toString(),\n                                limit: MAX_EXPORT_ROWS.toString()\n                            })}\n                        </div>\n                    </Alert>}\n\n                <div className={\"flex flex-row gap-4\"}>\n                    <div className={\"p-4 flex flex-col\"}>\n                        <RadioGroup value={exportType} onValueChange={(v) => setExportType(v as \"csv\" | \"json\")}>\n                            <div className=\"flex items-center gap-2\">\n                                <RadioGroupItem value=\"csv\" id=\"radio-csv\"/>\n                                <Label htmlFor=\"radio-csv\">{t(\"csv\")}</Label>\n                            </div>\n                            <div className=\"flex items-center gap-2\">\n                                <RadioGroupItem value=\"json\" id=\"radio-json\"/>\n                                <Label htmlFor=\"radio-json\">{t(\"json\")}</Label>\n                            </div>\n                        </RadioGroup>\n                    </div>\n\n                    <div className={\"p-4 flex flex-col\"}>\n                        <RadioGroup value={dateExportType} onValueChange={(v) => setDateExportType(v as \"timestamp\" | \"string\")}>\n                            <div className=\"flex items-center gap-2\">\n                                <RadioGroupItem value=\"timestamp\" id=\"radio-timestamp\"/>\n                                <Label htmlFor=\"radio-timestamp\">{t(\"dates_as_timestamps\")} ({dateRef.current.getTime()})</Label>\n                            </div>\n                            <div className=\"flex items-center gap-2\">\n                                <RadioGroupItem value=\"string\" id=\"radio-string\"/>\n                                <Label htmlFor=\"radio-string\">{t(\"dates_as_strings\")} ({dateRef.current.toISOString()})</Label>\n                            </div>\n                        </RadioGroup>\n                    </div>\n                </div>\n\n                <BooleanSwitchWithLabel\n                    size={\"small\"}\n                    disabled={exportType !== \"csv\"}\n                    value={flattenArrays}\n                    onValueChange={setFlattenArrays}\n                    label={t(\"flatten_arrays\")}/>\n\n                <BooleanSwitchWithLabel\n                    size={\"small\"}\n                    value={includeUndefinedValues}\n                    onValueChange={setIncludeUndefinedValues}\n                    label={t(\"include_undefined_values\")}/>\n\n                {dataLoadingError && <Alert color={\"error\"}>\n                    <div>{dataLoadingError.message}</div>\n                </Alert>}\n\n                {!canExport && notAllowedView}\n\n            </DialogContent>\n\n            <DialogActions>\n\n                {dataLoading && <CircularProgress size={\"smallest\"}/>}\n\n                {dataLoading && <Label>\n                    {progress.total !== undefined\n                        ? `${progress.loaded} / ${progress.total}`\n                        : `${progress.loaded}`}\n                </Label>}\n\n                <Button onClick={handleClose}\n                    variant={\"text\"}>\n                    {t(\"cancel\")}\n                </Button>\n\n                <Button onClick={onOkClicked}\n                    disabled={dataLoading || !canExport || tooManyToExport}>\n                    {t(\"download\")}\n                </Button>\n\n            </DialogActions>\n\n        </Dialog>\n\n    </>;\n}\n","export * from \"./export\";\nexport * from \"./fetch_export_data\";\nexport * from \"./BasicExportAction\";\nexport * from \"./ExportCollectionAction\";\n"],"mappings":"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"}
+{"version":3,"file":"export--arni_VY.js","names":[],"sources":["../src/data_export/export/export.ts","../src/data_export/export/fetch_export_data.ts","../src/data_export/export/BasicExportAction.tsx","../src/data_export/export/ExportCollectionAction.tsx","../src/data_export/export/index.ts"],"sourcesContent":["import { Entity, EntityReference, Properties, Property } from \"@rebasepro/types\";\nimport { type ArrayValuesCount, getArrayValuesCount, getValueInPath } from \"@rebasepro/utils\";\n\ninterface Header {\n    key: string;\n    label: string;\n}\n\nexport interface DownloadEntitiesExportParams<M extends Record<string, unknown>> {\n    data: Entity<M>[];\n    additionalData: Record<string, unknown>[] | undefined;\n    properties: Properties;\n    propertiesOrder: string[] | undefined;\n    name: string;\n    flattenArrays: boolean;\n    additionalHeaders: string[] | undefined;\n    exportType: \"csv\" | \"json\";\n    dateExportType: \"timestamp\" | \"string\";\n}\n\nexport function downloadEntitiesExport<M extends Record<string, unknown>>({\n    data,\n    additionalData,\n    properties,\n    propertiesOrder,\n    name,\n    flattenArrays,\n    additionalHeaders,\n    exportType,\n    dateExportType\n}: DownloadEntitiesExportParams<M>\n) {\n\n    console.debug(\"Downloading export\", {\n        dataLength: data.length,\n        properties,\n        exportType,\n        dateExportType\n    });\n\n    if (exportType === \"csv\") {\n        const arrayValuesCount = flattenArrays ? getArrayValuesCount(data.map(d => d.values)) : {};\n        const headers = getExportHeaders(properties, propertiesOrder, additionalHeaders, arrayValuesCount);\n        const exportableData = getEntityCSVExportableData(data, additionalData, properties, headers, dateExportType);\n        const headersData = entryToCSVRow(headers.map(h => h.label));\n        const csvData = exportableData.map(entry => entryToCSVRow(entry));\n        downloadBlob([headersData, ...csvData], `${name}.csv`, \"text/csv\");\n    } else {\n        const exportableData = getEntityJsonExportableData(data, additionalData, properties, dateExportType);\n        const json = JSON.stringify(exportableData, null, 2);\n        downloadBlob([json], `${name}.json`, \"application/json\");\n    }\n}\n\nexport function getEntityCSVExportableData(data: Entity<Record<string, unknown>>[],\n    additionalData: Record<string, unknown>[] | undefined,\n    properties: Properties,\n    headers: Header[],\n    dateExportType: \"timestamp\" | \"string\"\n) {\n\n    const mergedData: Record<string, unknown>[] = data.map(e => ({\n        id: e.id,\n        ...processValuesForExport(e.values, properties, \"csv\", dateExportType)\n    }));\n\n    if (additionalData) {\n        additionalData.forEach((additional, index) => {\n            mergedData[index] = { ...mergedData[index],\n...additional };\n        });\n    }\n\n    return mergedData && mergedData.map((entry) => {\n        return headers.map((header) => getValueInPath(entry, header.key));\n    });\n}\n\nexport function getEntityJsonExportableData(data: Entity<Record<string, unknown>>[],\n    additionalData: Record<string, unknown>[] | undefined,\n    properties: Properties,\n    dateExportType: \"timestamp\" | \"string\"\n) {\n\n    const mergedData: Record<string, unknown>[] = data.map(e => ({\n        id: e.id,\n        ...processValuesForExport(e.values, properties, \"json\", dateExportType)\n    }));\n\n    if (additionalData) {\n        additionalData.forEach((additional, index) => {\n            mergedData[index] = { ...mergedData[index],\n...additional };\n        });\n    }\n\n    return mergedData;\n}\n\nfunction getExportHeaders<M extends Record<string, unknown>>(properties: Properties,\n    propertiesOrder: string[] | undefined,\n    additionalHeaders: string[] | undefined,\n    arrayValuesCount?: ArrayValuesCount): Header[] {\n\n    const headers: Header[] = [\n        {\n            label: \"id\",\n            key: \"id\"\n        },\n        ...(propertiesOrder ?? Object.keys(properties))\n            .flatMap((childKey) => {\n                const property = properties[childKey];\n                if (!property) {\n                    console.warn(\"Property not found\", childKey, properties);\n                    return [];\n                }\n                if (arrayValuesCount && arrayValuesCount[childKey] > 1) {\n                    return Array.from({ length: arrayValuesCount[childKey] },\n                        (_, i) => getHeaders(property as Property, `${childKey}[${i}]`, \"\"))\n                        .flat();\n                } else {\n                    return getHeaders(property as Property, childKey, \"\");\n                }\n            })\n    ];\n\n    if (additionalHeaders) {\n        headers.push(...additionalHeaders.map(h => ({\n            label: h,\n            key: h\n        })));\n    }\n\n    return headers;\n}\n\n/**\n * Get headers for property. There could be more than one header per property\n * @param property\n * @param propertyKey\n * @param prefix\n */\nfunction getHeaders(property: Property, propertyKey: string, prefix = \"\"): Header[] {\n    const currentKey = prefix ? `${prefix}.${propertyKey}` : propertyKey;\n    if (property.type === \"map\" && property.properties) {\n        return Object.entries(property.properties)\n            .map(([childKey, p]) => getHeaders(p, childKey, currentKey))\n            .flat();\n    } else {\n        return [{\n            label: currentKey,\n            key: currentKey\n        }];\n    }\n}\n\n/**\n * Read whatever a `date` column actually arrived as into a `Date`.\n *\n * The driver/WebSocket path revives `{ __type: \"date\" }` into a `Date`; the REST\n * path — which is the one the admin is on — leaves an ISO string, and an epoch\n * number is what a re-imported export carries. Returns `undefined` for anything\n * that is not a date, so the caller can pass the raw value through.\n */\nfunction toExportableDate(inputValue: unknown): Date | undefined {\n    if (inputValue instanceof Date) return Number.isNaN(inputValue.getTime()) ? undefined : inputValue;\n    if (typeof inputValue === \"number\" && Number.isFinite(inputValue)) return new Date(inputValue);\n    if (typeof inputValue === \"string\" && inputValue.trim() !== \"\") {\n        const parsed = new Date(inputValue);\n        return Number.isNaN(parsed.getTime()) ? undefined : parsed;\n    }\n    return undefined;\n}\n\nfunction processValueForExport(inputValue: unknown,\n    property: Property,\n    exportType: \"csv\" | \"json\",\n    dateExportType: \"timestamp\" | \"string\"\n): unknown {\n\n    let value: unknown;\n    if (property.type === \"map\" && property.properties) {\n        value = processValuesForExport(inputValue as Record<string, unknown>, property.properties as Properties, exportType, dateExportType);\n    } else if (property.type === \"array\") {\n        if (property.of && Array.isArray(inputValue)) {\n            if (Array.isArray(property.of)) {\n                value = property.of.map((p, i) => processValueForExport(inputValue[i], p, exportType, dateExportType));\n            } else if (property.of.type === \"map\") {\n                value = exportType === \"csv\"\n                    ? inputValue.map((e) => JSON.stringify(e))\n                    : inputValue.map((e) => processValueForExport(e, property.of as Property, exportType, dateExportType));\n                ;\n            } else {\n                value = inputValue.map((e) => processValueForExport(e, property.of as Property, exportType, dateExportType));\n            }\n        } else {\n            value = inputValue;\n        }\n    } else if (property.type === \"reference\" && inputValue && typeof inputValue === \"object\" && \"isEntityReference\" in inputValue && typeof (inputValue as EntityReference).isEntityReference === \"function\" && (inputValue as EntityReference).isEntityReference()) {\n        const ref = inputValue ? inputValue as EntityReference : undefined;\n        value = ref ? ref.fullPath : null;\n    } else if (property.type === \"date\") {\n        // Not `instanceof Date`: the admin reads over REST, and the REST row\n        // pipeline hands dates back as the database wrote them — a string. That\n        // made this branch dead on every live export, so both radio options\n        // produced identical files. Normalise here, where the declared type says\n        // the column is a date, and leave anything unparseable untouched rather\n        // than exporting an invalid date as `null`.\n        const date = toExportableDate(inputValue);\n        value = date\n            ? (dateExportType === \"timestamp\" ? date.getTime() : date.toISOString())\n            : inputValue;\n    } else {\n        value = inputValue;\n    }\n\n    return value;\n}\n\nfunction processValuesForExport<M extends Record<string, unknown>>\n    (inputValues: Record<string, unknown>,\n        properties: Properties,\n        exportType: \"csv\" | \"json\",\n        dateExportType: \"timestamp\" | \"string\"\n    ): Record<string, unknown> {\n    const updatedValues = Object.entries(properties)\n        .map(([key, property]) => {\n            const inputValue = inputValues && (inputValues)[key];\n            const updatedValue = processValueForExport(inputValue, property as Property, exportType, dateExportType);\n            if (updatedValue === undefined) return {};\n            return ({ [key]: updatedValue });\n        })\n        .reduce((a, b) => ({ ...a,\n...b }), {}) as Record<string, unknown>;\n    return { ...inputValues,\n...updatedValues };\n}\n\n/**\n * Characters that make a spreadsheet read a cell as a formula rather than text.\n *\n * Quoting is CSV *escaping* and is not enough: Excel, LibreOffice Calc and\n * Sheets strip the CSV quoting at parse time and then evaluate a cell whose\n * first character is one of these — `=HYPERLINK(…)` exfiltrates neighbouring\n * cells on click, `=cmd|'…'!A0` is worse.\n */\nconst FORMULA_TRIGGERS = [\"=\", \"+\", \"-\", \"@\", \"\\t\", \"\\r\"];\n\n/**\n * Neutralise a cell that a spreadsheet would otherwise evaluate, by prefixing a\n * single quote — the standard OWASP mitigation. The apostrophe is consumed by\n * the spreadsheet as \"treat the rest as text\", so the value reads back intact.\n */\nexport function escapeCsvFormula(value: string): string {\n    const first = value.charAt(0);\n    if (!FORMULA_TRIGGERS.includes(first)) return value;\n    // A signed number is not a formula, and prefixing it would turn every\n    // negative amount in the file into text. `-1+1` is still neutralised,\n    // because it is not a number.\n    if ((first === \"-\" || first === \"+\") && value.trim() !== \"\" && Number.isFinite(Number(value))) return value;\n    return \"'\" + value;\n}\n\nfunction toCSVCell(v: unknown): string {\n    if (v === null || v === undefined) return \"\";\n    const s = Array.isArray(v) ? JSON.stringify(v) : String(v);\n    return \"\\\"\" + escapeCsvFormula(s).replaceAll(\"\\\"\", \"\\\"\\\"\") + \"\\\"\";\n}\n\nexport function entryToCSVRow(entry: unknown[]) {\n    return entry\n        .map(toCSVCell)\n        .join(\",\") + \"\\r\\n\";\n}\n\nexport function downloadBlob(content: BlobPart[], filename: string, contentType: string) {\n    const blob = new Blob(content, { type: contentType });\n    const url = URL.createObjectURL(blob);\n    const pom = document.createElement(\"a\");\n    pom.href = url;\n    pom.setAttribute(\"download\", filename);\n    pom.click();\n}\n\nexport function downloadDataAsCsv(data: object[], name: string) {\n    if (data.length === 0) return;\n\n    const headers = Object.keys(data[0]);\n    const csvContent = [\n        headers.join(\",\"),\n        ...data.map(row => headers.map(header => toCSVCell((row as Record<string, unknown>)[header])).join(\",\"))\n    ].join(\"\\r\\n\");\n\n    downloadBlob([csvContent], `${name}.csv`, \"text/csv\");\n}\n","import { Entity, FindParams, FindResponse } from \"@rebasepro/types\";\n\n/**\n * Rows asked for per request.\n *\n * Kept at or below the server's `MAX_LIST_LIMIT`, which is now the largest page\n * a read will serve *and refuses* anything larger — it used to clamp silently,\n * and asking for 100 000 while receiving 1 000 looked exactly like a collection\n * with 1 000 rows in it. The walk still never trusts the page size it asked for:\n * it advances by the rows it was actually handed.\n */\nexport const EXPORT_PAGE_SIZE = 500;\n\n/**\n * Most rows one browser-side export will materialise.\n *\n * Everything here is built in memory and handed to a Blob, so there is a\n * ceiling whether or not it is named. Naming it means going over it **throws**\n * instead of writing a short file that reads like the whole collection.\n */\nexport const MAX_EXPORT_ROWS = 100_000;\n\nexport interface FetchAllForExportParams<M extends Record<string, unknown>> {\n    /** The collection accessor to read through — `dataClient.collection(path)`. */\n    accessor: { find(params?: FindParams<M>): Promise<FindResponse<M>> };\n    /** Query to export. The window (`limit` / `offset` / `page`) is owned by the walk. */\n    params?: Omit<FindParams<M>, \"limit\" | \"offset\" | \"page\">;\n    pageSize?: number;\n    maxRows?: number;\n    /** Called after every page with the rows so far, and the total when the server reports one. */\n    onProgress?: (loaded: number, total: number | undefined) => void;\n}\n\n/**\n * Read **every** row matching a query, one page at a time.\n *\n * `find({})` sends no `limit`, and an absent limit is resolved server-side to\n * `DEFAULT_LIST_LIMIT` — 50 rows. The export used to hand those 50 rows back as\n * `<collection>.csv` with nothing saying it was a sample, next to a dialog\n * warning that the collection had 100 000 documents.\n *\n * Termination is driven by the server's `meta.hasMore` where it is reported and\n * by an empty page otherwise — never by comparing a page's length against the\n * requested limit, since a final page that happens to be exactly full is\n * indistinguishable that way and a walk that stops there drops rows.\n *\n * @throws When more than `maxRows` rows match. A truncated export is worse than\n * no export: it is indistinguishable from a complete one.\n */\nexport async function fetchAllEntitiesForExport<M extends Record<string, unknown>>({\n    accessor,\n    params,\n    pageSize = EXPORT_PAGE_SIZE,\n    maxRows = MAX_EXPORT_ROWS,\n    onProgress\n}: FetchAllForExportParams<M>): Promise<Entity<M>[]> {\n\n    const rows: Entity<M>[] = [];\n    let offset = 0;\n\n    for (;;) {\n        const res = await accessor.find({\n            ...params,\n            limit: pageSize,\n            offset\n        } as FindParams<M>);\n\n        const page = res?.data ?? [];\n        rows.push(...page);\n        onProgress?.(rows.length, res?.meta?.total);\n\n        if (rows.length > maxRows) {\n            throw new Error(\n                `This export would contain more than ${maxRows.toLocaleString()} rows, which is more than the ` +\n                \"browser can build in one file. Filter the collection down, or export it from the server.\"\n            );\n        }\n\n        // An empty page ends the walk whatever the metadata says, so a server\n        // that keeps answering `hasMore` cannot spin forever.\n        if (page.length === 0) break;\n        if (res?.meta && !res.meta.hasMore) break;\n\n        // By rows received, not by `pageSize`: a server whose ceiling is lower\n        // than the page we asked for would otherwise skip everything it clamped.\n        offset += page.length;\n    }\n\n    return rows;\n}\n","\nimport React, { useCallback } from \"react\";\n\nimport { useTranslation } from \"@rebasepro/app\";\nimport { Entity, Properties } from \"@rebasepro/types\";\nimport {\n    BooleanSwitchWithLabel,\n    Button,\n    Dialog,\n    DialogActions,\n    DialogContent,\n    DialogTitle,\n    DownloadIcon,\n    IconButton,\n    Label,\n    RadioGroup,\n    RadioGroupItem,\n    Tooltip,\n    Typography\n} from \"@rebasepro/ui\";\nimport { downloadEntitiesExport } from \"./export\";\n\nexport type BasicExportActionProps = {\n    data: Entity<any>[];\n    properties: Properties;\n    propertiesOrder?: string[];\n}\n\nexport function BasicExportAction({\n    data,\n    properties,\n    propertiesOrder\n}: BasicExportActionProps) {\n\n    const { t } = useTranslation();\n    const dateRef = React.useRef<Date>(new Date());\n    const [flattenArrays, setFlattenArrays] = React.useState<boolean>(true);\n    const [exportType, setExportType] = React.useState<\"csv\" | \"json\">(\"csv\");\n    const [dateExportType, setDateExportType] = React.useState<\"timestamp\" | \"string\">(\"string\");\n\n    const [open, setOpen] = React.useState(false);\n\n    const handleClickOpen = useCallback(() => {\n        setOpen(true);\n    }, [setOpen]);\n\n    const handleClose = useCallback(() => {\n        setOpen(false);\n    }, [setOpen]);\n\n    const onOkClicked = useCallback(() => {\n        downloadEntitiesExport({\n            data,\n            additionalData: [],\n            properties,\n            propertiesOrder,\n            name: \"export.csv\",\n            flattenArrays,\n            additionalHeaders: [],\n            exportType,\n            dateExportType\n        });\n        handleClose();\n    }, []);\n\n    return <>\n\n        <Tooltip title={\"Export\"}\n            asChild={true}>\n            <IconButton\n                size={\"small\"}\n                color={\"primary\"} onClick={handleClickOpen}>\n                <DownloadIcon\n                    size={\"small\"}/>\n            </IconButton>\n        </Tooltip>\n\n        <Dialog\n            open={open}\n            onOpenChange={setOpen}\n            maxWidth={\"xl\"}>\n\n            <DialogTitle variant={\"h6\"}>{t(\"export_data\")}</DialogTitle>\n\n            <DialogContent className={\"flex flex-col gap-4 my-4\"}>\n\n                <div>{t(\"download_table_csv\")}</div>\n\n                <div className={\"flex flex-row gap-4\"}>\n                    <div className={\"p-4 flex flex-col\"}>\n                        <RadioGroup value={exportType} onValueChange={(v) => setExportType(v as \"csv\" | \"json\")}>\n                            <div className=\"flex items-center gap-2\">\n                                <RadioGroupItem value=\"csv\" id=\"radio-csv\"/>\n                                <Label htmlFor=\"radio-csv\">{t(\"csv\")}</Label>\n                            </div>\n                            <div className=\"flex items-center gap-2\">\n                                <RadioGroupItem value=\"json\" id=\"radio-json\"/>\n                                <Label htmlFor=\"radio-json\">{t(\"json\")}</Label>\n                            </div>\n                        </RadioGroup>\n                    </div>\n\n                    <div className={\"p-4 flex flex-col\"}>\n                        <RadioGroup value={dateExportType} onValueChange={(v) => setDateExportType(v as \"timestamp\" | \"string\")}>\n                            <div className=\"flex items-center gap-2\">\n                                <RadioGroupItem value=\"timestamp\" id=\"radio-timestamp\"/>\n                                <Label htmlFor=\"radio-timestamp\">{t(\"dates_as_timestamps\")} ({dateRef.current.getTime()})</Label>\n                            </div>\n                            <div className=\"flex items-center gap-2\">\n                                <RadioGroupItem value=\"string\" id=\"radio-string\"/>\n                                <Label htmlFor=\"radio-string\">{t(\"dates_as_strings\")} ({dateRef.current.toISOString()})</Label>\n                            </div>\n                        </RadioGroup>\n                    </div>\n                </div>\n\n                <BooleanSwitchWithLabel\n                    size={\"small\"}\n                    disabled={exportType !== \"csv\"}\n                    value={flattenArrays}\n                    onValueChange={setFlattenArrays}\n                    label={t(\"flatten_arrays\")}/>\n\n            </DialogContent>\n\n            <DialogActions>\n\n                <Button onClick={handleClose}\n                    variant={\"text\"}>\n                    {t(\"cancel\")}\n                </Button>\n\n                <Button onClick={onOkClicked}>\n                    {t(\"download\")}\n                </Button>\n\n            </DialogActions>\n\n        </Dialog>\n\n    </>;\n}\n","\nimport React, { useCallback } from \"react\";\n\nimport {\n    useAuthController,\n    useCustomizationController,\n    useData,\n    useTranslation\n} from \"@rebasepro/app\";\nimport { useAdminContext } from \"../../hooks\";\nimport { Entity, User } from \"@rebasepro/types\";\nimport { CollectionActionsProps, ExportConfig, RebaseContext, AdminCollection } from \"@rebasepro/cms-types\";\nimport { getDefaultValuesFor } from \"@rebasepro/common\";\nimport {\n    Alert,\n    BooleanSwitchWithLabel,\n    Button,\n    CircularProgress,\n    Dialog,\n    DialogActions,\n    DialogContent,\n    DialogTitle,\n    DownloadIcon,\n    IconButton,\n    iconSize,\n    Label,\n    RadioGroup,\n    RadioGroupItem,\n    Tooltip\n} from \"@rebasepro/ui\";\nimport { downloadEntitiesExport } from \"./export\";\nimport { fetchAllEntitiesForExport, MAX_EXPORT_ROWS } from \"./fetch_export_data\";\n\nconst DOCS_LIMIT = 500;\n\n/**\n * Additional-field builders run per row and may do I/O, so a `Promise.all` over\n * the whole export is one request per row all at once. That was bounded only by\n * the 50-row cap the export used to have; now that the read is paginated, it is\n * bounded here instead.\n */\nconst ADDITIONAL_FIELDS_CONCURRENCY = 50;\n\nasync function mapInChunks<T, R>(items: T[], fn: (item: T) => Promise<R>, chunkSize = ADDITIONAL_FIELDS_CONCURRENCY): Promise<R[]> {\n    const results: R[] = [];\n    for (let i = 0; i < items.length; i += chunkSize) {\n        results.push(...await Promise.all(items.slice(i, i + chunkSize).map(fn)));\n    }\n    return results;\n}\n\nexport function ExportCollectionAction<M extends Record<string, unknown>, USER extends User>({\n    collection,\n    path,\n    collectionEntitiesCount,\n    onAnalyticsEvent,\n    exportAllowed,\n    notAllowedView\n}: CollectionActionsProps<M, USER, AdminCollection<M>> & {\n    exportAllowed?: (props: { collectionEntitiesCount: number, path: string, collection: AdminCollection }) => boolean;\n    notAllowedView?: React.ReactNode;\n    onAnalyticsEvent?: (event: string, params?: any) => void;\n}) {\n\n    const { t } = useTranslation();\n\n    const exportConfig = typeof collection.exportable === \"object\" ? collection.exportable : undefined;\n\n    const dateRef = React.useRef<Date>(new Date());\n\n    const [includeUndefinedValues, setIncludeUndefinedValues] = React.useState<boolean>(false);\n    const [flattenArrays, setFlattenArrays] = React.useState<boolean>(true);\n    const [exportType, setExportType] = React.useState<\"csv\" | \"json\">(\"csv\");\n    const [dateExportType, setDateExportType] = React.useState<\"timestamp\" | \"string\">(\"string\");\n\n    const context = useAdminContext<USER>();\n    const dataClient = useData();\n\n    // Said before the download starts, not discovered halfway through it: the\n    // walk refuses rather than writing a short file, so the dialog has to name\n    // the ceiling it is about to hit.\n    const tooManyToExport = collectionEntitiesCount !== undefined && collectionEntitiesCount > MAX_EXPORT_ROWS;\n\n    const canExport = !exportAllowed || exportAllowed({\n        collectionEntitiesCount: collectionEntitiesCount ?? 0,\n        path,\n        collection\n    });\n\n    const [dataLoading, setDataLoading] = React.useState<boolean>(false);\n    const [dataLoadingError, setDataLoadingError] = React.useState<Error | undefined>();\n    const [progress, setProgress] = React.useState<{ loaded: number, total?: number }>({ loaded: 0 });\n\n    const [open, setOpen] = React.useState(false);\n\n    const handleClickOpen = useCallback(() => {\n        setOpen(true);\n    }, [setOpen]);\n\n    const handleClose = useCallback(() => {\n        setOpen(false);\n    }, [setOpen]);\n\n    const fetchAdditionalFields = useCallback(async (entities: Entity<M>[]) => {\n\n        const additionalExportFields = exportConfig?.additionalFields;\n        const additionalFields = collection.additionalFields;\n\n        const resolvedExportColumnsValues: Record<string, any>[] = additionalExportFields\n            ? await mapInChunks(entities, async (entity) => {\n                return (await Promise.all(additionalExportFields.map(async (column) => {\n                    return {\n                        [column.key]: await column.builder({\n                            entity,\n                            context: context as RebaseContext\n                        })\n                    };\n                }))).reduce((a, b) => ({ ...a,\n...b }), {});\n            })\n            : [];\n\n        const resolvedColumnsValues: Record<string, any>[] = additionalFields\n            ? await mapInChunks(entities, async (entity) => {\n                return (await Promise.all(additionalFields\n                    .map(async (field) => {\n                        if (!field.value)\n                            return {};\n                        return {\n                            [field.key]: await field.value({\n                                entity,\n                                context: context as RebaseContext\n                            })\n                        };\n                    }))).reduce((a, b) => ({ ...a,\n...b }), {});\n            })\n            : [];\n        return [...resolvedExportColumnsValues, ...resolvedColumnsValues];\n    }, [exportConfig?.additionalFields]);\n\n    const doDownload = useCallback(async (collection: AdminCollection<M>,\n        exportConfig: ExportConfig<any> | undefined): Promise<boolean> => {\n\n        onAnalyticsEvent?.(\"export_collection\", {\n            collection: collection.slug\n        });\n        setDataLoading(true);\n        setDataLoadingError(undefined);\n        setProgress({ loaded: 0 });\n        try {\n            // Paginated, not `find({})`: an absent limit resolves to 50 rows\n            // server-side, so the export used to be the first page of the\n            // collection under a filename that read like all of it.\n            const data = await fetchAllEntitiesForExport<M>({\n                accessor: dataClient.collection(path) as { find: (params?: any) => Promise<any> },\n                onProgress: (loaded, total) => setProgress({ loaded,\n                    total })\n            });\n            const additionalData = await fetchAdditionalFields(data);\n            const additionalHeaders = [\n                ...exportConfig?.additionalFields?.map(column => column.key) ?? [],\n                ...collection.additionalFields?.map(field => field.key) ?? []\n            ];\n\n            const defaultValues = includeUndefinedValues ? getDefaultValuesFor(collection.properties) : undefined;\n            const dataWithDefaults = defaultValues\n                ? data.map(entity => ({\n                    ...entity,\n                    values: { ...defaultValues,\n...entity.values }\n                }))\n                : data;\n            downloadEntitiesExport({\n                data: dataWithDefaults,\n                additionalData,\n                properties: collection.properties,\n                propertiesOrder: collection.propertiesOrder,\n                name: collection.name,\n                flattenArrays,\n                additionalHeaders,\n                exportType,\n                dateExportType\n            });\n            onAnalyticsEvent?.(\"export_collection_success\", {\n                collection: collection.slug\n            });\n            return true;\n        } catch (e) {\n            console.error(\"Error loading export data\", e);\n            setDataLoadingError(e as Error);\n            return false;\n        } finally {\n            setDataLoading(false);\n        }\n\n    }, [onAnalyticsEvent, dataClient, path, fetchAdditionalFields, includeUndefinedValues, flattenArrays, exportType, dateExportType]);\n\n    const onOkClicked = useCallback(() => {\n        // The dialog stays open until the walk finishes: it is the only place a\n        // multi-page export reports progress, or reports that it failed.\n        doDownload(collection, exportConfig).then((downloaded) => {\n            if (downloaded) handleClose();\n        });\n    }, [doDownload, collection, exportConfig, handleClose]);\n\n    return <>\n\n        <Tooltip title={\"Export\"}\n            asChild={true}>\n            <IconButton\n                size={\"small\"}\n                color={\"primary\"}\n                onClick={handleClickOpen}>\n                <DownloadIcon size={iconSize.small}/>\n            </IconButton>\n        </Tooltip>\n\n        <Dialog\n            open={open}\n            onOpenChange={setOpen}\n            maxWidth={\"xl\"}>\n\n            <DialogTitle variant={\"h6\"}>{t(\"export_data\")}</DialogTitle>\n\n            <DialogContent className={\"flex flex-col gap-4 my-4\"}>\n\n                <div>{t(\"download_table_csv\")}</div>\n\n                {collectionEntitiesCount !== undefined && collectionEntitiesCount > DOCS_LIMIT && !tooManyToExport &&\n                    <Alert color={\"warning\"}>\n                        <div>\n                            {t(\"large_number_of_documents\", { count: collectionEntitiesCount.toString() })}\n                        </div>\n                    </Alert>}\n\n                {tooManyToExport &&\n                    <Alert color={\"error\"}>\n                        <div>\n                            {t(\"too_many_documents_to_export\", {\n                                count: (collectionEntitiesCount ?? 0).toString(),\n                                limit: MAX_EXPORT_ROWS.toString()\n                            })}\n                        </div>\n                    </Alert>}\n\n                <div className={\"flex flex-row gap-4\"}>\n                    <div className={\"p-4 flex flex-col\"}>\n                        <RadioGroup value={exportType} onValueChange={(v) => setExportType(v as \"csv\" | \"json\")}>\n                            <div className=\"flex items-center gap-2\">\n                                <RadioGroupItem value=\"csv\" id=\"radio-csv\"/>\n                                <Label htmlFor=\"radio-csv\">{t(\"csv\")}</Label>\n                            </div>\n                            <div className=\"flex items-center gap-2\">\n                                <RadioGroupItem value=\"json\" id=\"radio-json\"/>\n                                <Label htmlFor=\"radio-json\">{t(\"json\")}</Label>\n                            </div>\n                        </RadioGroup>\n                    </div>\n\n                    <div className={\"p-4 flex flex-col\"}>\n                        <RadioGroup value={dateExportType} onValueChange={(v) => setDateExportType(v as \"timestamp\" | \"string\")}>\n                            <div className=\"flex items-center gap-2\">\n                                <RadioGroupItem value=\"timestamp\" id=\"radio-timestamp\"/>\n                                <Label htmlFor=\"radio-timestamp\">{t(\"dates_as_timestamps\")} ({dateRef.current.getTime()})</Label>\n                            </div>\n                            <div className=\"flex items-center gap-2\">\n                                <RadioGroupItem value=\"string\" id=\"radio-string\"/>\n                                <Label htmlFor=\"radio-string\">{t(\"dates_as_strings\")} ({dateRef.current.toISOString()})</Label>\n                            </div>\n                        </RadioGroup>\n                    </div>\n                </div>\n\n                <BooleanSwitchWithLabel\n                    size={\"small\"}\n                    disabled={exportType !== \"csv\"}\n                    value={flattenArrays}\n                    onValueChange={setFlattenArrays}\n                    label={t(\"flatten_arrays\")}/>\n\n                <BooleanSwitchWithLabel\n                    size={\"small\"}\n                    value={includeUndefinedValues}\n                    onValueChange={setIncludeUndefinedValues}\n                    label={t(\"include_undefined_values\")}/>\n\n                {dataLoadingError && <Alert color={\"error\"}>\n                    <div>{dataLoadingError.message}</div>\n                </Alert>}\n\n                {!canExport && notAllowedView}\n\n            </DialogContent>\n\n            <DialogActions>\n\n                {dataLoading && <CircularProgress size={\"smallest\"}/>}\n\n                {dataLoading && <Label>\n                    {progress.total !== undefined\n                        ? `${progress.loaded} / ${progress.total}`\n                        : `${progress.loaded}`}\n                </Label>}\n\n                <Button onClick={handleClose}\n                    variant={\"text\"}>\n                    {t(\"cancel\")}\n                </Button>\n\n                <Button onClick={onOkClicked}\n                    disabled={dataLoading || !canExport || tooManyToExport}>\n                    {t(\"download\")}\n                </Button>\n\n            </DialogActions>\n\n        </Dialog>\n\n    </>;\n}\n","export * from \"./export\";\nexport * from \"./fetch_export_data\";\nexport * from \"./BasicExportAction\";\nexport * from \"./ExportCollectionAction\";\n"],"mappings":"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"}

package/dist/form/components/LabelWithIcon.d.ts

@@ -5,6 +5,16 @@ interface LabelWithIconProps {
     small?: boolean;
     className?: string;
     required?: boolean;
+    /**
+     * `id` for the text of the label, so a control can point at it with
+     * `aria-labelledby`.
+     *
+     * On the *text*, not on the wrapper: the wrapper also holds the property's
+     * type icon, and an accessible name assembled from a decorative `<svg>` is
+     * a name nobody chose. Deliberately absent by default — an unused `id` is
+     * one more thing that can collide.
+     */
+    labelId?: string;
 }
 /**
  * Render the label of with an icon and the title of a property

package/dist/{history-DIEVd26f.js → history-C2TpoQwi.js}

@@ -1,4 +1,4 @@
-import { Dn as PropertyPreview, Er as getPropertyInPath$1, et as useHistory } from "./util-DVqnqlLn.js";
+import { Er as getPropertyInPath$1, On as PropertyPreview, tt as useHistory } from "./util-DE1WQW6h.js";
 import * as React$1 from "react";
 import { useEffect, useRef, useState } from "react";
 import { ArrowLeftIcon, Chip, ErrorBoundary, HistoryIcon, IconButton, Label, Tooltip, Typography, cls, defaultBorderMixin, iconSize } from "@rebasepro/ui";
@@ -310,4 +310,4 @@ function EntityHistoryView({ entity, collection, formContext, refreshToken }) {
 //#endregion
 export { EntityHistoryView };
 
-//# sourceMappingURL=history-DIEVd26f.js.map
+//# sourceMappingURL=history-C2TpoQwi.js.map

package/dist/{history-DIEVd26f.js.map → history-C2TpoQwi.js.map}

@@ -1 +1 @@
-{"version":3,"file":"history-DIEVd26f.js","names":[],"sources":["../src/components/history/UserChip.tsx","../src/components/history/EntityHistoryEntry.tsx","../src/components/history/EntityHistoryView.tsx"],"sourcesContent":["import { User } from \"@rebasepro/types\";\nimport { Chip, Tooltip } from \"@rebasepro/ui\";\n\nexport function UserChip({ user }: { user: User }) {\n    return (\n        <Tooltip title={user.email ?? user.uid}>\n            <Chip size={\"small\"} className={\"flex items-center\"}>\n                {user.photoURL && <img\n                    className={\"rounded-full w-6 h-6 mr-2\"}\n                    src={user.photoURL} alt={user.displayName ?? \"User picture\"}/>}\n                <span>{user.displayName ?? user.email ?? user.uid}</span>\n            </Chip>\n        </Tooltip>\n    );\n}\n","\nimport type { Property } from \"@rebasepro/types\";\nimport * as React from \"react\";\n\nimport { ArrowLeftIcon, Chip, cls, defaultBorderMixin, iconSize, Tooltip, Typography } from \"@rebasepro/ui\";\nimport { PreviewSize } from \"../../types/components/PropertyPreviewProps\";\nimport { getPropertyInPath } from \"../../util/property_utils\";\nimport { PropertyPreview } from \"../../preview/PropertyPreview\";\nimport { SkeletonPropertyComponent } from \"../../preview/property_previews/SkeletonPropertyComponent\";\nimport { useAuthController } from \"@rebasepro/app\";\nimport { UserChip } from \"./UserChip\";\nimport { HistoryEntryData } from \"../../hooks\";\nimport { getValueInPath } from \"@rebasepro/utils\";\nimport type { AdminCollection } from \"@rebasepro/cms-types\";\n\n/**\n * Recursive deep equality for primitives, arrays and plain objects.\n */\nfunction deepEqual(a: unknown, b: unknown): boolean {\n    if (a === b) return true;\n    if (a == null || b == null) return a === b;\n    if (typeof a !== typeof b) return false;\n    if (typeof a !== \"object\") return false;\n\n    if (Array.isArray(a)) {\n        if (!Array.isArray(b) || a.length !== (b as unknown[]).length) return false;\n        return a.every((item, i) => deepEqual(item, (b as unknown[])[i]));\n    }\n\n    if (Array.isArray(b)) return false;\n\n    const aObj = a as Record<string, unknown>;\n    const bObj = b as Record<string, unknown>;\n    const aKeys = Object.keys(aObj);\n    const bKeys = Object.keys(bObj);\n    if (aKeys.length !== bKeys.length) return false;\n    return aKeys.every(key => key in bObj && deepEqual(aObj[key], bObj[key]));\n}\n\nexport type EntityHistoryEntryProps = {\n    size: PreviewSize;\n    actions?: React.ReactNode;\n    collection?: AdminCollection;\n    hover?: boolean;\n    entry: HistoryEntryData;\n    onClick?: (e: React.SyntheticEvent) => void;\n};\n\nfunction PreviousValueView({\n    previousValueInPath,\n    childProperty,\n    propertyKey\n}: {\n    previousValueInPath: unknown;\n    childProperty: Property;\n    propertyKey: string;\n}) {\n    if (typeof previousValueInPath === \"string\" || typeof previousValueInPath === \"number\") {\n        return <Typography variant={\"caption\"} color={\"secondary\"} className=\"line-through\">\n            {previousValueInPath}\n        </Typography>;\n    } else if (typeof previousValueInPath === \"boolean\") {\n        return <Typography variant={\"caption\"} color={\"secondary\"} className=\"line-through\">\n            {previousValueInPath ? \"true\" : \"false\"}\n        </Typography>;\n    } else {\n        return <Tooltip\n            side={\"left\"}\n            title={<div className={\"flex flex-col gap-2\"}>\n                <Typography variant={\"caption\"} color={\"secondary\"}>\n                    Previous value\n                </Typography>\n                <PropertyPreview\n                    propertyKey={propertyKey as string}\n                    value={previousValueInPath as never}\n                    property={childProperty as Property}\n                    size={\"small\"}/>\n            </div>}>\n            <ArrowLeftIcon size={iconSize.smallest} color={\"disabled\"} className={\"mb-1\"}/>\n        </Tooltip>\n    }\n}\n\n/**\n * Displays a single entity history revision entry.\n * Adapted from the entity_history plugin — now reads from backend API data.\n */\nexport function EntityHistoryEntry({\n    actions,\n    hover,\n    collection,\n    size,\n    entry\n}: EntityHistoryEntryProps) {\n\n    const authController = useAuthController();\n\n    // The backend reports the whole row as changed, which includes the columns\n    // that cannot meaningfully change: a timestamp it stamps itself on every\n    // write, and the primary key, which is what identifies the row being\n    // revised. Every revision was listing `updated_at: <now>` and `id: <the id\n    // in the title bar>` around the one field the user actually edited.\n    const changedFields = React.useMemo(() => {\n        const all = entry.changed_fields;\n        if (!all || !collection) return all;\n        return all.filter(key => {\n            const property = getPropertyInPath(collection.properties, key);\n            if (!property) return true;\n            if (\"isId\" in property && property.isId) return false;\n            return !(property.type === \"date\" && \"autoValue\" in property && property.autoValue);\n        });\n    }, [entry.changed_fields, collection]);\n\n    const previousValues = entry.previous_values;\n    const updatedOn = new Date(entry.updated_at);\n    const updatedBy = entry.updated_by;\n\n    // Resolve user display\n    const currentUser = authController.user;\n    const userDisplay = updatedBy === currentUser?.uid\n        ? currentUser\n        : undefined;\n\n    return <div className={\"@container/histentry w-full flex flex-col gap-2\"}>\n        <div className={\"flex items-center flex-wrap gap-2\"}>\n            <Typography variant={\"body2\"} color={\"secondary\"}>\n                {updatedOn.toLocaleString()}\n            </Typography>\n            <Chip size={\"small\"}>\n                {entry.action}\n            </Chip>\n            {!userDisplay && updatedBy && <Chip size={\"small\"}>{updatedBy}</Chip>}\n            {userDisplay && <UserChip user={userDisplay}/>}\n        </div>\n        <div\n            className={cls(\n                \"bg-white dark:bg-surface-900\",\n                \"min-h-[44px]\",\n                \"w-full\",\n                \"items-center\",\n                hover ? \"hover:bg-surface-accent-50 dark:hover:bg-surface-800\" : \"\",\n                size === \"small\" ? \"p-1\" : \"px-2 py-1\",\n                \"flex border rounded-lg\",\n                defaultBorderMixin\n            )}>\n\n            {actions}\n\n            <div className={\"flex flex-col grow w-full m-1 shrink min-w-0\"}>\n\n                {changedFields && collection && changedFields.map((key: string) => {\n                    const childProperty = getPropertyInPath(collection.properties, key);\n                    const valueInPath = entry.values ? getValueInPath(entry.values, key) : undefined;\n                    const previousValueInPath = previousValues ? getValueInPath(previousValues, key) : undefined;\n\n                    const element = childProperty\n                        ? <PropertyPreview\n                            propertyKey={key}\n                            value={valueInPath as never}\n                            property={childProperty as Property}\n                            size={\"small\"}/>\n                        : <Typography variant={\"body2\"}>\n                            {typeof valueInPath === \"string\" ? valueInPath : JSON.stringify(valueInPath)}\n                        </Typography>;\n\n                    // The key column used to be `min-w-[200px] w-1/5` beside a\n                    // `w-4/5` value — 200px of label and 80% of the row, which\n                    // adds up to more than the row in anything narrower than a\n                    // full page. In the inspector that pushed every value off\n                    // the right edge and wrapped ids one character per line.\n                    // It stacks until the entry itself is wide enough.\n                    return (\n                        <div key={\"ref_prev_\" + key}\n                            className=\"flex flex-col @sm/histentry:flex-row @sm/histentry:items-baseline gap-x-4 gap-y-0.5 w-full my-1.5\">\n                            <Typography variant={\"caption\"}\n                                color={\"secondary\"}\n                                className=\"shrink-0 break-all @sm/histentry:w-40 @sm/histentry:text-right @sm/histentry:break-normal @sm/histentry:truncate\">\n                                {key}\n                            </Typography>\n                            <div className=\"min-w-0 flex-1 flex flex-col items-start gap-0.5\">\n                                {previousValueInPath !== undefined && !deepEqual(previousValueInPath, valueInPath) &&\n                                    <PreviousValueView previousValueInPath={previousValueInPath}\n                                        childProperty={childProperty as Property}\n                                        propertyKey={key}/>\n                                }\n                                {element}\n                            </div>\n                        </div>\n                    );\n                })}\n\n                {(!changedFields || changedFields.length === 0) && (\n                    <Typography variant={\"caption\"} color={\"secondary\"}>\n                        {entry.action === \"create\" ? \"Entity created\" :\n                            entry.action === \"delete\" ? \"Entity deleted\" : \"No field changes recorded\"}\n                    </Typography>\n                )}\n\n            </div>\n\n        </div>\n    </div>;\n}\n","\nimport type { EntityCustomViewParams } from \"@rebasepro/cms-types\";\nimport { useRef, useEffect } from \"react\";\nimport { cls, IconButton, Label, Tooltip, Typography } from \"@rebasepro/ui\";\nimport { ErrorBoundary, HistoryIcon } from \"@rebasepro/ui\";\nimport { EntityHistoryEntry } from \"./EntityHistoryEntry\";\nimport { useSnackbarController, useAuthController, useTranslation } from \"@rebasepro/app\";\nimport { ConfirmationDialog } from \"@rebasepro/app\";\nimport { useState } from \"react\";\nimport { useHistory } from \"../../hooks/useHistory\";\n\n/**\n * Entity history tab view. Shows a paginated list of entity revisions\n * fetched from the backend API. Supports infinite scroll and revert.\n */\nexport function EntityHistoryView<M extends Record<string, unknown>>({\n    entity,\n    collection,\n    formContext,\n    refreshToken\n}: EntityCustomViewParams<M> & {\n    /** Bumped once per save, so the list picks up the revision it just made. */\n    refreshToken?: number;\n}) {\n\n    const { t } = useTranslation();\n    const snackbarController = useSnackbarController();\n    const authController = useAuthController();\n    const dirty = formContext?.formex.dirty;\n\n    const slug = collection.slug;\n    const entityId = entity?.id;\n\n    const {\n        entries,\n        isLoading,\n        hasMore,\n        loadMore,\n        revert\n    } = useHistory({\n        slug,\n        entityId,\n        enabled: !!entityId,\n        pageSize: 10,\n        refreshToken\n    });\n\n    const [revertHistoryId, setRevertHistoryId] = useState<string | undefined>();\n    const [isReverting, setIsReverting] = useState(false);\n\n    const containerRef = useRef<HTMLDivElement>(null);\n    const loadMoreRef = useRef<HTMLDivElement>(null);\n\n    // Intersection observer for infinite scroll\n    useEffect(() => {\n        const currentContainer = containerRef.current;\n        const currentLoadMore = loadMoreRef.current;\n\n        if (!currentContainer || !currentLoadMore || !hasMore || isLoading) return;\n\n        const observer = new IntersectionObserver(\n            (observerEntries) => {\n                if (observerEntries[0].isIntersecting && hasMore && !isLoading) {\n                    loadMore();\n                }\n            },\n            {\n                root: currentContainer,\n                rootMargin: \"0px 0px 200px 0px\",\n                threshold: 0.01\n            }\n        );\n\n        observer.observe(currentLoadMore);\n\n        return () => observer.disconnect();\n    }, [hasMore, isLoading, entries.length, loadMore]);\n\n    if (!entity) {\n        return <div className=\"flex items-center justify-center h-full\">\n            <Label>{t(\"history_new_entity\") ?? \"History is only available for existing records\"}</Label>\n        </div>;\n    }\n\n    async function doRevert(historyId: string) {\n        setIsReverting(true);\n        try {\n            const revertedValues = await revert(historyId);\n            setRevertHistoryId(undefined);\n\n            // Reset the form with the reverted values so the UI updates\n            // immediately without requiring a page refresh.\n            if (formContext?.formex?.resetForm && revertedValues) {\n                formContext.formex.resetForm({\n                    values: revertedValues as M,\n                    submitCount: 0,\n                    touched: {}\n                });\n            }\n\n            snackbarController.open({\n                message: t(\"history_reverted\") ?? \"Reverted to selected version\",\n                type: \"info\"\n            });\n        } catch (error) {\n            console.error(\"Error reverting entity:\", error);\n            snackbarController.open({\n                message: t(\"history_revert_error\") ?? \"Error reverting entity\",\n                type: \"error\"\n            });\n        } finally {\n            setIsReverting(false);\n        }\n    }\n\n    const revertEntry = revertHistoryId\n        ? entries.find(e => e.id === revertHistoryId)\n        : undefined;\n\n    // `p-8` plus a `mt-24` heading were sized for a full-width tab that no\n    // longer exists. In the inspector panel that was 96px of nothing above the\n    // first revision, and 32px of gutter on each side of a 448px column.\n    return <div\n        ref={containerRef}\n        className={cls(\"relative flex-1 h-full overflow-auto w-full flex flex-col gap-4 p-4 sm:p-5\")}>\n        <div className=\"flex flex-col gap-2 max-w-6xl mx-auto w-full\">\n\n            {isLoading && entries.length === 0 && (\n                <div className=\"flex flex-col gap-4\">\n                    {[1, 2, 3].map(i => (\n                        <div key={i} className=\"flex flex-col gap-2 animate-pulse\">\n                            <div className=\"h-4 w-48 bg-surface-200 dark:bg-surface-700 rounded\"/>\n                            <div className=\"h-12 w-full bg-surface-100 dark:bg-surface-900 rounded-lg border border-surface-200 dark:border-surface-700\"/>\n                        </div>\n                    ))}\n                </div>\n            )}\n\n            {!isLoading && entries.length === 0 && <>\n                <Label>\n                    {t(\"history_empty\") ?? \"No history available\"}\n                </Label>\n                <Typography variant={\"caption\"}>\n                    {t(\"history_empty_description\") ?? \"When you save a record, a new version is created and stored in the history.\"}\n                </Typography>\n            </>}\n\n            {entries.map((entry) => (\n                <div key={entry.id} className=\"flex flex-col gap-2 w-full\">\n                    <EntityHistoryEntry\n                        entry={entry}\n                        collection={collection}\n                        size={\"medium\"}\n                        actions={\n                            <Tooltip title={t(\"history_revert\") ?? \"Revert to this version\"}\n                                className={\"m-2 grow-0 self-start\"}>\n                                <IconButton\n                                    onClick={() => {\n                                        if (dirty) {\n                                            snackbarController.open({\n                                                message: t(\"history_revert_dirty\") ?? \"Please save or discard your changes before reverting\",\n                                                type: \"warning\"\n                                            });\n                                        } else {\n                                            setRevertHistoryId(entry.id);\n                                        }\n                                    }}>\n                                    <HistoryIcon/>\n                                </IconButton>\n                            </Tooltip>\n                        }\n                    />\n                </div>\n            ))}\n\n            {/* Load more sentinel */}\n            {entries.length > 0 && (\n                <div ref={loadMoreRef} className=\"py-4 text-center\">\n                    {isLoading && <Label>{t(\"loading\")}</Label>}\n                    {!hasMore && entries.length > 10 && <Label>{t(\"history_no_more\") ?? \"No more history\"}</Label>}\n                </div>\n            )}\n        </div>\n\n        <ErrorBoundary>\n            <ConfirmationDialog\n                open={Boolean(revertHistoryId)}\n                onAccept={() => {\n                    if (revertHistoryId) doRevert(revertHistoryId);\n                }}\n                onCancel={() => setRevertHistoryId(undefined)}\n                title={<Typography variant={\"subtitle2\"}>{t(\"history_revert_title\") ?? \"Revert data to this version?\"}</Typography>}\n                body={revertEntry\n                    ? <div className=\"p-4\">\n                        <Typography variant={\"caption\"} color={\"secondary\"}>\n                            This will save the entity with the values from{\" \"}\n                            {new Date(revertEntry.updated_at).toLocaleString()}.\n                            A new history entry will be created for the revert.\n                        </Typography>\n                    </div>\n                    : null\n                }\n            />\n        </ErrorBoundary>\n    </div>;\n}\n"],"mappings":"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"}
+{"version":3,"file":"history-C2TpoQwi.js","names":[],"sources":["../src/components/history/UserChip.tsx","../src/components/history/EntityHistoryEntry.tsx","../src/components/history/EntityHistoryView.tsx"],"sourcesContent":["import { User } from \"@rebasepro/types\";\nimport { Chip, Tooltip } from \"@rebasepro/ui\";\n\nexport function UserChip({ user }: { user: User }) {\n    return (\n        <Tooltip title={user.email ?? user.uid}>\n            <Chip size={\"small\"} className={\"flex items-center\"}>\n                {user.photoURL && <img\n                    className={\"rounded-full w-6 h-6 mr-2\"}\n                    src={user.photoURL} alt={user.displayName ?? \"User picture\"}/>}\n                <span>{user.displayName ?? user.email ?? user.uid}</span>\n            </Chip>\n        </Tooltip>\n    );\n}\n","\nimport type { Property } from \"@rebasepro/types\";\nimport * as React from \"react\";\n\nimport { ArrowLeftIcon, Chip, cls, defaultBorderMixin, iconSize, Tooltip, Typography } from \"@rebasepro/ui\";\nimport { PreviewSize } from \"../../types/components/PropertyPreviewProps\";\nimport { getPropertyInPath } from \"../../util/property_utils\";\nimport { PropertyPreview } from \"../../preview/PropertyPreview\";\nimport { SkeletonPropertyComponent } from \"../../preview/property_previews/SkeletonPropertyComponent\";\nimport { useAuthController } from \"@rebasepro/app\";\nimport { UserChip } from \"./UserChip\";\nimport { HistoryEntryData } from \"../../hooks\";\nimport { getValueInPath } from \"@rebasepro/utils\";\nimport type { AdminCollection } from \"@rebasepro/cms-types\";\n\n/**\n * Recursive deep equality for primitives, arrays and plain objects.\n */\nfunction deepEqual(a: unknown, b: unknown): boolean {\n    if (a === b) return true;\n    if (a == null || b == null) return a === b;\n    if (typeof a !== typeof b) return false;\n    if (typeof a !== \"object\") return false;\n\n    if (Array.isArray(a)) {\n        if (!Array.isArray(b) || a.length !== (b as unknown[]).length) return false;\n        return a.every((item, i) => deepEqual(item, (b as unknown[])[i]));\n    }\n\n    if (Array.isArray(b)) return false;\n\n    const aObj = a as Record<string, unknown>;\n    const bObj = b as Record<string, unknown>;\n    const aKeys = Object.keys(aObj);\n    const bKeys = Object.keys(bObj);\n    if (aKeys.length !== bKeys.length) return false;\n    return aKeys.every(key => key in bObj && deepEqual(aObj[key], bObj[key]));\n}\n\nexport type EntityHistoryEntryProps = {\n    size: PreviewSize;\n    actions?: React.ReactNode;\n    collection?: AdminCollection;\n    hover?: boolean;\n    entry: HistoryEntryData;\n    onClick?: (e: React.SyntheticEvent) => void;\n};\n\nfunction PreviousValueView({\n    previousValueInPath,\n    childProperty,\n    propertyKey\n}: {\n    previousValueInPath: unknown;\n    childProperty: Property;\n    propertyKey: string;\n}) {\n    if (typeof previousValueInPath === \"string\" || typeof previousValueInPath === \"number\") {\n        return <Typography variant={\"caption\"} color={\"secondary\"} className=\"line-through\">\n            {previousValueInPath}\n        </Typography>;\n    } else if (typeof previousValueInPath === \"boolean\") {\n        return <Typography variant={\"caption\"} color={\"secondary\"} className=\"line-through\">\n            {previousValueInPath ? \"true\" : \"false\"}\n        </Typography>;\n    } else {\n        return <Tooltip\n            side={\"left\"}\n            title={<div className={\"flex flex-col gap-2\"}>\n                <Typography variant={\"caption\"} color={\"secondary\"}>\n                    Previous value\n                </Typography>\n                <PropertyPreview\n                    propertyKey={propertyKey as string}\n                    value={previousValueInPath as never}\n                    property={childProperty as Property}\n                    size={\"small\"}/>\n            </div>}>\n            <ArrowLeftIcon size={iconSize.smallest} color={\"disabled\"} className={\"mb-1\"}/>\n        </Tooltip>\n    }\n}\n\n/**\n * Displays a single entity history revision entry.\n * Adapted from the entity_history plugin — now reads from backend API data.\n */\nexport function EntityHistoryEntry({\n    actions,\n    hover,\n    collection,\n    size,\n    entry\n}: EntityHistoryEntryProps) {\n\n    const authController = useAuthController();\n\n    // The backend reports the whole row as changed, which includes the columns\n    // that cannot meaningfully change: a timestamp it stamps itself on every\n    // write, and the primary key, which is what identifies the row being\n    // revised. Every revision was listing `updated_at: <now>` and `id: <the id\n    // in the title bar>` around the one field the user actually edited.\n    const changedFields = React.useMemo(() => {\n        const all = entry.changed_fields;\n        if (!all || !collection) return all;\n        return all.filter(key => {\n            const property = getPropertyInPath(collection.properties, key);\n            if (!property) return true;\n            if (\"isId\" in property && property.isId) return false;\n            return !(property.type === \"date\" && \"autoValue\" in property && property.autoValue);\n        });\n    }, [entry.changed_fields, collection]);\n\n    const previousValues = entry.previous_values;\n    const updatedOn = new Date(entry.updated_at);\n    const updatedBy = entry.updated_by;\n\n    // Resolve user display\n    const currentUser = authController.user;\n    const userDisplay = updatedBy === currentUser?.uid\n        ? currentUser\n        : undefined;\n\n    return <div className={\"@container/histentry w-full flex flex-col gap-2\"}>\n        <div className={\"flex items-center flex-wrap gap-2\"}>\n            <Typography variant={\"body2\"} color={\"secondary\"}>\n                {updatedOn.toLocaleString()}\n            </Typography>\n            <Chip size={\"small\"}>\n                {entry.action}\n            </Chip>\n            {!userDisplay && updatedBy && <Chip size={\"small\"}>{updatedBy}</Chip>}\n            {userDisplay && <UserChip user={userDisplay}/>}\n        </div>\n        <div\n            className={cls(\n                \"bg-white dark:bg-surface-900\",\n                \"min-h-[44px]\",\n                \"w-full\",\n                \"items-center\",\n                hover ? \"hover:bg-surface-accent-50 dark:hover:bg-surface-800\" : \"\",\n                size === \"small\" ? \"p-1\" : \"px-2 py-1\",\n                \"flex border rounded-lg\",\n                defaultBorderMixin\n            )}>\n\n            {actions}\n\n            <div className={\"flex flex-col grow w-full m-1 shrink min-w-0\"}>\n\n                {changedFields && collection && changedFields.map((key: string) => {\n                    const childProperty = getPropertyInPath(collection.properties, key);\n                    const valueInPath = entry.values ? getValueInPath(entry.values, key) : undefined;\n                    const previousValueInPath = previousValues ? getValueInPath(previousValues, key) : undefined;\n\n                    const element = childProperty\n                        ? <PropertyPreview\n                            propertyKey={key}\n                            value={valueInPath as never}\n                            property={childProperty as Property}\n                            size={\"small\"}/>\n                        : <Typography variant={\"body2\"}>\n                            {typeof valueInPath === \"string\" ? valueInPath : JSON.stringify(valueInPath)}\n                        </Typography>;\n\n                    // The key column used to be `min-w-[200px] w-1/5` beside a\n                    // `w-4/5` value — 200px of label and 80% of the row, which\n                    // adds up to more than the row in anything narrower than a\n                    // full page. In the inspector that pushed every value off\n                    // the right edge and wrapped ids one character per line.\n                    // It stacks until the entry itself is wide enough.\n                    return (\n                        <div key={\"ref_prev_\" + key}\n                            className=\"flex flex-col @sm/histentry:flex-row @sm/histentry:items-baseline gap-x-4 gap-y-0.5 w-full my-1.5\">\n                            <Typography variant={\"caption\"}\n                                color={\"secondary\"}\n                                className=\"shrink-0 break-all @sm/histentry:w-40 @sm/histentry:text-right @sm/histentry:break-normal @sm/histentry:truncate\">\n                                {key}\n                            </Typography>\n                            <div className=\"min-w-0 flex-1 flex flex-col items-start gap-0.5\">\n                                {previousValueInPath !== undefined && !deepEqual(previousValueInPath, valueInPath) &&\n                                    <PreviousValueView previousValueInPath={previousValueInPath}\n                                        childProperty={childProperty as Property}\n                                        propertyKey={key}/>\n                                }\n                                {element}\n                            </div>\n                        </div>\n                    );\n                })}\n\n                {(!changedFields || changedFields.length === 0) && (\n                    <Typography variant={\"caption\"} color={\"secondary\"}>\n                        {entry.action === \"create\" ? \"Entity created\" :\n                            entry.action === \"delete\" ? \"Entity deleted\" : \"No field changes recorded\"}\n                    </Typography>\n                )}\n\n            </div>\n\n        </div>\n    </div>;\n}\n","\nimport type { EntityCustomViewParams } from \"@rebasepro/cms-types\";\nimport { useRef, useEffect } from \"react\";\nimport { cls, IconButton, Label, Tooltip, Typography } from \"@rebasepro/ui\";\nimport { ErrorBoundary, HistoryIcon } from \"@rebasepro/ui\";\nimport { EntityHistoryEntry } from \"./EntityHistoryEntry\";\nimport { useSnackbarController, useAuthController, useTranslation } from \"@rebasepro/app\";\nimport { ConfirmationDialog } from \"@rebasepro/app\";\nimport { useState } from \"react\";\nimport { useHistory } from \"../../hooks/useHistory\";\n\n/**\n * Entity history tab view. Shows a paginated list of entity revisions\n * fetched from the backend API. Supports infinite scroll and revert.\n */\nexport function EntityHistoryView<M extends Record<string, unknown>>({\n    entity,\n    collection,\n    formContext,\n    refreshToken\n}: EntityCustomViewParams<M> & {\n    /** Bumped once per save, so the list picks up the revision it just made. */\n    refreshToken?: number;\n}) {\n\n    const { t } = useTranslation();\n    const snackbarController = useSnackbarController();\n    const authController = useAuthController();\n    const dirty = formContext?.formex.dirty;\n\n    const slug = collection.slug;\n    const entityId = entity?.id;\n\n    const {\n        entries,\n        isLoading,\n        hasMore,\n        loadMore,\n        revert\n    } = useHistory({\n        slug,\n        entityId,\n        enabled: !!entityId,\n        pageSize: 10,\n        refreshToken\n    });\n\n    const [revertHistoryId, setRevertHistoryId] = useState<string | undefined>();\n    const [isReverting, setIsReverting] = useState(false);\n\n    const containerRef = useRef<HTMLDivElement>(null);\n    const loadMoreRef = useRef<HTMLDivElement>(null);\n\n    // Intersection observer for infinite scroll\n    useEffect(() => {\n        const currentContainer = containerRef.current;\n        const currentLoadMore = loadMoreRef.current;\n\n        if (!currentContainer || !currentLoadMore || !hasMore || isLoading) return;\n\n        const observer = new IntersectionObserver(\n            (observerEntries) => {\n                if (observerEntries[0].isIntersecting && hasMore && !isLoading) {\n                    loadMore();\n                }\n            },\n            {\n                root: currentContainer,\n                rootMargin: \"0px 0px 200px 0px\",\n                threshold: 0.01\n            }\n        );\n\n        observer.observe(currentLoadMore);\n\n        return () => observer.disconnect();\n    }, [hasMore, isLoading, entries.length, loadMore]);\n\n    if (!entity) {\n        return <div className=\"flex items-center justify-center h-full\">\n            <Label>{t(\"history_new_entity\") ?? \"History is only available for existing records\"}</Label>\n        </div>;\n    }\n\n    async function doRevert(historyId: string) {\n        setIsReverting(true);\n        try {\n            const revertedValues = await revert(historyId);\n            setRevertHistoryId(undefined);\n\n            // Reset the form with the reverted values so the UI updates\n            // immediately without requiring a page refresh.\n            if (formContext?.formex?.resetForm && revertedValues) {\n                formContext.formex.resetForm({\n                    values: revertedValues as M,\n                    submitCount: 0,\n                    touched: {}\n                });\n            }\n\n            snackbarController.open({\n                message: t(\"history_reverted\") ?? \"Reverted to selected version\",\n                type: \"info\"\n            });\n        } catch (error) {\n            console.error(\"Error reverting entity:\", error);\n            snackbarController.open({\n                message: t(\"history_revert_error\") ?? \"Error reverting entity\",\n                type: \"error\"\n            });\n        } finally {\n            setIsReverting(false);\n        }\n    }\n\n    const revertEntry = revertHistoryId\n        ? entries.find(e => e.id === revertHistoryId)\n        : undefined;\n\n    // `p-8` plus a `mt-24` heading were sized for a full-width tab that no\n    // longer exists. In the inspector panel that was 96px of nothing above the\n    // first revision, and 32px of gutter on each side of a 448px column.\n    return <div\n        ref={containerRef}\n        className={cls(\"relative flex-1 h-full overflow-auto w-full flex flex-col gap-4 p-4 sm:p-5\")}>\n        <div className=\"flex flex-col gap-2 max-w-6xl mx-auto w-full\">\n\n            {isLoading && entries.length === 0 && (\n                <div className=\"flex flex-col gap-4\">\n                    {[1, 2, 3].map(i => (\n                        <div key={i} className=\"flex flex-col gap-2 animate-pulse\">\n                            <div className=\"h-4 w-48 bg-surface-200 dark:bg-surface-700 rounded\"/>\n                            <div className=\"h-12 w-full bg-surface-100 dark:bg-surface-900 rounded-lg border border-surface-200 dark:border-surface-700\"/>\n                        </div>\n                    ))}\n                </div>\n            )}\n\n            {!isLoading && entries.length === 0 && <>\n                <Label>\n                    {t(\"history_empty\") ?? \"No history available\"}\n                </Label>\n                <Typography variant={\"caption\"}>\n                    {t(\"history_empty_description\") ?? \"When you save a record, a new version is created and stored in the history.\"}\n                </Typography>\n            </>}\n\n            {entries.map((entry) => (\n                <div key={entry.id} className=\"flex flex-col gap-2 w-full\">\n                    <EntityHistoryEntry\n                        entry={entry}\n                        collection={collection}\n                        size={\"medium\"}\n                        actions={\n                            <Tooltip title={t(\"history_revert\") ?? \"Revert to this version\"}\n                                className={\"m-2 grow-0 self-start\"}>\n                                <IconButton\n                                    onClick={() => {\n                                        if (dirty) {\n                                            snackbarController.open({\n                                                message: t(\"history_revert_dirty\") ?? \"Please save or discard your changes before reverting\",\n                                                type: \"warning\"\n                                            });\n                                        } else {\n                                            setRevertHistoryId(entry.id);\n                                        }\n                                    }}>\n                                    <HistoryIcon/>\n                                </IconButton>\n                            </Tooltip>\n                        }\n                    />\n                </div>\n            ))}\n\n            {/* Load more sentinel */}\n            {entries.length > 0 && (\n                <div ref={loadMoreRef} className=\"py-4 text-center\">\n                    {isLoading && <Label>{t(\"loading\")}</Label>}\n                    {!hasMore && entries.length > 10 && <Label>{t(\"history_no_more\") ?? \"No more history\"}</Label>}\n                </div>\n            )}\n        </div>\n\n        <ErrorBoundary>\n            <ConfirmationDialog\n                open={Boolean(revertHistoryId)}\n                onAccept={() => {\n                    if (revertHistoryId) doRevert(revertHistoryId);\n                }}\n                onCancel={() => setRevertHistoryId(undefined)}\n                title={<Typography variant={\"subtitle2\"}>{t(\"history_revert_title\") ?? \"Revert data to this version?\"}</Typography>}\n                body={revertEntry\n                    ? <div className=\"p-4\">\n                        <Typography variant={\"caption\"} color={\"secondary\"}>\n                            This will save the entity with the values from{\" \"}\n                            {new Date(revertEntry.updated_at).toLocaleString()}.\n                            A new history entry will be created for the revert.\n                        </Typography>\n                    </div>\n                    : null\n                }\n            />\n        </ErrorBoundary>\n    </div>;\n}\n"],"mappings":";;;;;;;;AAGA,SAAgB,SAAS,EAAE,QAAwB;CAC/C,OACI,oBAAC,SAAD;EAAS,OAAO,KAAK,SAAS,KAAK;YAC/B,qBAAC,MAAD;GAAM,MAAM;GAAS,WAAW;aAAhC,CACK,KAAK,YAAY,oBAAC,OAAD;IACd,WAAW;IACX,KAAK,KAAK;IAAU,KAAK,KAAK,eAAe;GAAgB,CAAA,GACjE,oBAAC,QAAD,EAAA,UAAO,KAAK,eAAe,KAAK,SAAS,KAAK,IAAU,CAAA,CACtD;;CACD,CAAA;AAEjB;;;;;;ACIA,SAAS,UAAU,GAAY,GAAqB;CAChD,IAAI,MAAM,GAAG,OAAO;CACpB,IAAI,KAAK,QAAQ,KAAK,MAAM,OAAO,MAAM;CACzC,IAAI,OAAO,MAAM,OAAO,GAAG,OAAO;CAClC,IAAI,OAAO,MAAM,UAAU,OAAO;CAElC,IAAI,MAAM,QAAQ,CAAC,GAAG;EAClB,IAAI,CAAC,MAAM,QAAQ,CAAC,KAAK,EAAE,WAAY,EAAgB,QAAQ,OAAO;EACtE,OAAO,EAAE,OAAO,MAAM,MAAM,UAAU,MAAO,EAAgB,EAAE,CAAC;CACpE;CAEA,IAAI,MAAM,QAAQ,CAAC,GAAG,OAAO;CAE7B,MAAM,OAAO;CACb,MAAM,OAAO;CACb,MAAM,QAAQ,OAAO,KAAK,IAAI;CAC9B,MAAM,QAAQ,OAAO,KAAK,IAAI;CAC9B,IAAI,MAAM,WAAW,MAAM,QAAQ,OAAO;CAC1C,OAAO,MAAM,OAAM,QAAO,OAAO,QAAQ,UAAU,KAAK,MAAM,KAAK,IAAI,CAAC;AAC5E;AAWA,SAAS,kBAAkB,EACvB,qBACA,eACA,eAKD;CACC,IAAI,OAAO,wBAAwB,YAAY,OAAO,wBAAwB,UAC1E,OAAO,oBAAC,YAAD;EAAY,SAAS;EAAW,OAAO;EAAa,WAAU;YAChE;CACO,CAAA;MACT,IAAI,OAAO,wBAAwB,WACtC,OAAO,oBAAC,YAAD;EAAY,SAAS;EAAW,OAAO;EAAa,WAAU;YAChE,sBAAsB,SAAS;CACxB,CAAA;MAEZ,OAAO,oBAAC,SAAD;EACH,MAAM;EACN,OAAO,qBAAC,OAAD;GAAK,WAAW;aAAhB,CACH,oBAAC,YAAD;IAAY,SAAS;IAAW,OAAO;cAAa;GAExC,CAAA,GACZ,oBAAC,iBAAD;IACiB;IACb,OAAO;IACP,UAAU;IACV,MAAM;GAAS,CAAA,CAClB;;YACL,oBAAC,eAAD;GAAe,MAAM,SAAS;GAAU,OAAO;GAAY,WAAW;EAAQ,CAAA;CACzE,CAAA;AAEjB;;;;;AAMA,SAAgB,mBAAmB,EAC/B,SACA,OACA,YACA,MACA,SACwB;CAExB,MAAM,iBAAiB,kBAAkB;CAOzC,MAAM,gBAAgB,QAAM,cAAc;EACtC,MAAM,MAAM,MAAM;EAClB,IAAI,CAAC,OAAO,CAAC,YAAY,OAAO;EAChC,OAAO,IAAI,QAAO,QAAO;GACrB,MAAM,WAAW,oBAAkB,WAAW,YAAY,GAAG;GAC7D,IAAI,CAAC,UAAU,OAAO;GACtB,IAAI,UAAU,YAAY,SAAS,MAAM,OAAO;GAChD,OAAO,EAAE,SAAS,SAAS,UAAU,eAAe,YAAY,SAAS;EAC7E,CAAC;CACL,GAAG,CAAC,MAAM,gBAAgB,UAAU,CAAC;CAErC,MAAM,iBAAiB,MAAM;CAC7B,MAAM,YAAY,IAAI,KAAK,MAAM,UAAU;CAC3C,MAAM,YAAY,MAAM;CAGxB,MAAM,cAAc,eAAe;CACnC,MAAM,cAAc,cAAc,aAAa,MACzC,cACA,KAAA;CAEN,OAAO,qBAAC,OAAD;EAAK,WAAW;YAAhB,CACH,qBAAC,OAAD;GAAK,WAAW;aAAhB;IACI,oBAAC,YAAD;KAAY,SAAS;KAAS,OAAO;eAChC,UAAU,eAAe;IAClB,CAAA;IACZ,oBAAC,MAAD;KAAM,MAAM;eACP,MAAM;IACL,CAAA;IACL,CAAC,eAAe,aAAa,oBAAC,MAAD;KAAM,MAAM;eAAU;IAAgB,CAAA;IACnE,eAAe,oBAAC,UAAD,EAAU,MAAM,YAAa,CAAA;GAC5C;MACL,qBAAC,OAAD;GACI,WAAW,IACP,gCACA,gBACA,UACA,gBACA,QAAQ,yDAAyD,IACjE,SAAS,UAAU,QAAQ,aAC3B,0BACA,kBACJ;aAVJ,CAYK,SAED,qBAAC,OAAD;IAAK,WAAW;cAAhB,CAEK,iBAAiB,cAAc,cAAc,KAAK,QAAgB;KAC/D,MAAM,gBAAgB,oBAAkB,WAAW,YAAY,GAAG;KAClE,MAAM,cAAc,MAAM,SAAS,eAAe,MAAM,QAAQ,GAAG,IAAI,KAAA;KACvE,MAAM,sBAAsB,iBAAiB,eAAe,gBAAgB,GAAG,IAAI,KAAA;KAEnF,MAAM,UAAU,gBACV,oBAAC,iBAAD;MACE,aAAa;MACb,OAAO;MACP,UAAU;MACV,MAAM;KAAS,CAAA,IACjB,oBAAC,YAAD;MAAY,SAAS;gBAClB,OAAO,gBAAgB,WAAW,cAAc,KAAK,UAAU,WAAW;KACnE,CAAA;KAQhB,OACI,qBAAC,OAAD;MACI,WAAU;gBADd,CAEI,oBAAC,YAAD;OAAY,SAAS;OACjB,OAAO;OACP,WAAU;iBACT;MACO,CAAA,GACZ,qBAAC,OAAD;OAAK,WAAU;iBAAf,CACK,wBAAwB,KAAA,KAAa,CAAC,UAAU,qBAAqB,WAAW,KAC7E,oBAAC,mBAAD;QAAwC;QACrB;QACf,aAAa;OAAK,CAAA,GAEzB,OACA;QACJ;QAfK,cAAc,GAenB;IAEb,CAAC,IAEC,CAAC,iBAAiB,cAAc,WAAW,MACzC,oBAAC,YAAD;KAAY,SAAS;KAAW,OAAO;eAClC,MAAM,WAAW,WAAW,mBACzB,MAAM,WAAW,WAAW,mBAAmB;IAC3C,CAAA,CAGf;KAEJ;IACJ;;AACT;;;;;;;AC3LA,SAAgB,kBAAqD,EACjE,QACA,YACA,aACA,gBAID;CAEC,MAAM,EAAE,MAAM,eAAe;CAC7B,MAAM,qBAAqB,sBAAsB;CAC1B,kBAAkB;CACzC,MAAM,QAAQ,aAAa,OAAO;CAElC,MAAM,OAAO,WAAW;CACxB,MAAM,WAAW,QAAQ;CAEzB,MAAM,EACF,SACA,WACA,SACA,UACA,WACA,WAAW;EACX;EACA;EACA,SAAS,CAAC,CAAC;EACX,UAAU;EACV;CACJ,CAAC;CAED,MAAM,CAAC,iBAAiB,sBAAsB,SAA6B;CAC3E,MAAM,CAAC,aAAa,kBAAkB,SAAS,KAAK;CAEpD,MAAM,eAAe,OAAuB,IAAI;CAChD,MAAM,cAAc,OAAuB,IAAI;CAG/C,gBAAgB;EACZ,MAAM,mBAAmB,aAAa;EACtC,MAAM,kBAAkB,YAAY;EAEpC,IAAI,CAAC,oBAAoB,CAAC,mBAAmB,CAAC,WAAW,WAAW;EAEpE,MAAM,WAAW,IAAI,sBAChB,oBAAoB;GACjB,IAAI,gBAAgB,EAAE,CAAC,kBAAkB,WAAW,CAAC,WACjD,SAAS;EAEjB,GACA;GACI,MAAM;GACN,YAAY;GACZ,WAAW;EACf,CACJ;EAEA,SAAS,QAAQ,eAAe;EAEhC,aAAa,SAAS,WAAW;CACrC,GAAG;EAAC;EAAS;EAAW,QAAQ;EAAQ;CAAQ,CAAC;CAEjD,IAAI,CAAC,QACD,OAAO,oBAAC,OAAD;EAAK,WAAU;YAClB,oBAAC,OAAD,EAAA,UAAQ,EAAE,oBAAoB,KAAK,iDAAwD,CAAA;CAC1F,CAAA;CAGT,eAAe,SAAS,WAAmB;EACvC,eAAe,IAAI;EACnB,IAAI;GACA,MAAM,iBAAiB,MAAM,OAAO,SAAS;GAC7C,mBAAmB,KAAA,CAAS;GAI5B,IAAI,aAAa,QAAQ,aAAa,gBAClC,YAAY,OAAO,UAAU;IACzB,QAAQ;IACR,aAAa;IACb,SAAS,CAAC;GACd,CAAC;GAGL,mBAAmB,KAAK;IACpB,SAAS,EAAE,kBAAkB,KAAK;IAClC,MAAM;GACV,CAAC;EACL,SAAS,OAAO;GACZ,QAAQ,MAAM,2BAA2B,KAAK;GAC9C,mBAAmB,KAAK;IACpB,SAAS,EAAE,sBAAsB,KAAK;IACtC,MAAM;GACV,CAAC;EACL,UAAU;GACN,eAAe,KAAK;EACxB;CACJ;CAEA,MAAM,cAAc,kBACd,QAAQ,MAAK,MAAK,EAAE,OAAO,eAAe,IAC1C,KAAA;CAKN,OAAO,qBAAC,OAAD;EACH,KAAK;EACL,WAAW,IAAI,4EAA4E;YAFxF,CAGH,qBAAC,OAAD;GAAK,WAAU;aAAf;IAEK,aAAa,QAAQ,WAAW,KAC7B,oBAAC,OAAD;KAAK,WAAU;eACV;MAAC;MAAG;MAAG;KAAC,CAAC,CAAC,KAAI,MACX,qBAAC,OAAD;MAAa,WAAU;gBAAvB,CACI,oBAAC,OAAD,EAAK,WAAU,sDAAsD,CAAA,GACrE,oBAAC,OAAD,EAAK,WAAU,8GAA8G,CAAA,CAC5H;QAHK,CAGL,CACR;IACA,CAAA;IAGR,CAAC,aAAa,QAAQ,WAAW,KAAK,qBAAA,UAAA,EAAA,UAAA,CACnC,oBAAC,OAAD,EAAA,UACK,EAAE,eAAe,KAAK,uBACpB,CAAA,GACP,oBAAC,YAAD;KAAY,SAAS;eAChB,EAAE,2BAA2B,KAAK;IAC3B,CAAA,CACd,EAAA,CAAA;IAED,QAAQ,KAAK,UACV,oBAAC,OAAD;KAAoB,WAAU;eAC1B,oBAAC,oBAAD;MACW;MACK;MACZ,MAAM;MACN,SACI,oBAAC,SAAD;OAAS,OAAO,EAAE,gBAAgB,KAAK;OACnC,WAAW;iBACX,oBAAC,YAAD;QACI,eAAe;SACX,IAAI,OACA,mBAAmB,KAAK;UACpB,SAAS,EAAE,sBAAsB,KAAK;UACtC,MAAM;SACV,CAAC;cAED,mBAAmB,MAAM,EAAE;QAEnC;kBACA,oBAAC,aAAD,CAAa,CAAA;OACL,CAAA;MACP,CAAA;KAEhB,CAAA;IACA,GAxBK,MAAM,EAwBX,CACR;IAGA,QAAQ,SAAS,KACd,qBAAC,OAAD;KAAK,KAAK;KAAa,WAAU;eAAjC,CACK,aAAa,oBAAC,OAAD,EAAA,UAAQ,EAAE,SAAS,EAAS,CAAA,GACzC,CAAC,WAAW,QAAQ,SAAS,MAAM,oBAAC,OAAD,EAAA,UAAQ,EAAE,iBAAiB,KAAK,kBAAyB,CAAA,CAC5F;;GAER;MAEL,oBAAC,eAAD,EAAA,UACI,oBAAC,oBAAD;GACI,MAAM,QAAQ,eAAe;GAC7B,gBAAgB;IACZ,IAAI,iBAAiB,SAAS,eAAe;GACjD;GACA,gBAAgB,mBAAmB,KAAA,CAAS;GAC5C,OAAO,oBAAC,YAAD;IAAY,SAAS;cAAc,EAAE,sBAAsB,KAAK;GAA2C,CAAA;GAClH,MAAM,cACA,oBAAC,OAAD;IAAK,WAAU;cACb,qBAAC,YAAD;KAAY,SAAS;KAAW,OAAO;eAAvC;MAAoD;MACD;MAC9C,IAAI,KAAK,YAAY,UAAU,CAAC,CAAC,eAAe;MAAE;KAE3C;;GACX,CAAA,IACH;EAET,CAAA,EACU,CAAA,CACd;;AACT"}

package/dist/hooks/navigation/useBuildNavigationStateController.d.ts

@@ -18,7 +18,7 @@ export type BuildNavigationStateProps<EC extends AdminCollection, USER extends U
         collectionRegistryRef: React.MutableRefObject<CollectionRegistry>;
     };
     urlController: UrlController;
-    adminMode?: "cms" | "studio" | "settings";
+    adminMode?: "cms" | "studio";
     effectiveRoleController?: EffectiveRoleController;
 };
 /**

package/dist/hooks/navigation/useResolvedViews.d.ts

@@ -8,7 +8,7 @@ export type UseResolvedViewsProps<USER extends User> = {
     adminViews?: AppView[] | AppViewsBuilder;
     data: RebaseData;
     plugins?: RebasePlugin[];
-    adminMode?: "cms" | "studio" | "settings";
+    adminMode?: "cms" | "studio";
     effectiveRoleController?: EffectiveRoleController;
 };
 export type UseResolvedViewsResult = {

package/dist/hooks/navigation/useTopLevelNavigation.d.ts

@@ -9,7 +9,7 @@ export type UseTopLevelNavigationProps = {
     navigationGroupMappings?: NavigationGroupMapping[];
     viewsOrder?: string[];
     urlController: UrlController;
-    adminMode?: "cms" | "studio" | "settings";
+    adminMode?: "cms" | "studio";
     collectionRegistryController: CollectionRegistryController & {
         collectionRegistryRef: React.MutableRefObject<CollectionRegistry>;
     };

package/dist/{import-D25x7ko-.js → import-DTkXNoBg.js}

@@ -1,5 +1,5 @@
 import { t as __exportAll } from "./rolldown-runtime-D7D4PA-g.js";
-import { Er as getPropertyInPath$1, Lt as ImportFileUpload, Mt as getInferenceType, Nt as useImportConfig, Ot as DataNewPropertiesMapping, Pt as ImportSaveInProgress, Tr as getPropertiesWithPropertiesOrder, Ut as PropertyConfigBadge, k as getFieldConfig, kt as convertDataToEntity, ln as CollectionTableBinding, qn as useCollectionRegistryController, sn as useSelectionController } from "./util-DVqnqlLn.js";
+import { At as convertDataToEntity, Er as getPropertyInPath$1, Ft as ImportSaveInProgress, Jn as useCollectionRegistryController, Nt as getInferenceType, Pt as useImportConfig, Rt as ImportFileUpload, Tr as getPropertiesWithPropertiesOrder, Wt as PropertyConfigBadge, cn as useSelectionController, k as getFieldConfig, kt as DataNewPropertiesMapping, un as CollectionTableBinding } from "./util-DE1WQW6h.js";
 import React, { useCallback, useEffect } from "react";
 import { Button, Dialog, DialogActions, DialogContent, DialogTitle, IconButton, Select, SelectItem, Tooltip, Typography, UploadIcon, cls, defaultBorderMixin, iconSize } from "@rebasepro/ui";
 import { useAuthController, useCustomizationController, useSnackbarController } from "@rebasepro/app";
@@ -326,4 +326,4 @@ var import_exports = /* @__PURE__ */ __exportAll({
 //#endregion
 export { PropertySelectEntry as i, ImportCollectionAction as n, ImportDataPreview as r, import_exports as t };
 
-//# sourceMappingURL=import-D25x7ko-.js.map
+//# sourceMappingURL=import-DTkXNoBg.js.map

package/dist/{import-D25x7ko-.js.map → import-DTkXNoBg.js.map}

@@ -1 +1 @@
-{"version":3,"file":"import-D25x7ko-.js","names":[],"sources":["../src/data_import/import/ImportCollectionAction.tsx","../src/data_import/import/index.ts"],"sourcesContent":["import React, { useCallback, useEffect } from \"react\";\nimport {\n    useAuthController,\n    useCustomizationController,\n    useSnackbarController\n} from \"@rebasepro/app\";\nimport { getPropertiesWithPropertiesOrder, getPropertyInPath } from \"../../util\";\nimport { Properties, Property, User } from \"@rebasepro/types\";\nimport { CollectionActionsProps, AdminCollection } from \"@rebasepro/cms-types\";\nimport { getFieldConfig } from \"../../components/field_configs\";\nimport { PropertyConfigBadge } from \"../../components/PropertyConfigBadge\";\nimport { useSelectionController } from \"../../components/CollectionViewBinding/useSelectionController\";\nimport { CollectionTableBinding } from \"../../components/CollectionTableBinding/CollectionTableBinding\";\nimport { useCollectionRegistryController } from \"../../hooks\";\nimport {\n    Button,\n    cls,\n    defaultBorderMixin,\n    Dialog,\n    DialogActions,\n    DialogContent,\n    DialogTitle,\n    IconButton,\n    iconSize,\n    Select,\n    SelectItem,\n    Tooltip,\n    Typography,\n    UploadIcon\n} from \"@rebasepro/ui\";\nimport { buildEntityPropertiesFromData } from \"@rebasepro/inference\";\nimport { useImportConfig } from \"../hooks\";\nimport { convertDataToEntity, getInferenceType } from \"../utils\";\nimport { DataNewPropertiesMapping } from \"../components/DataNewPropertiesMapping\";\nimport { ImportFileUpload } from \"../components/ImportFileUpload\";\nimport { ImportSaveInProgress } from \"../components/ImportSaveInProgress\";\nimport { ImportConfig } from \"../types\";\nimport { isPrototypePollutingKey, slugify } from \"@rebasepro/utils\";\n\ntype ImportState = \"initial\" | \"mapping\" | \"preview\" | \"import_data_saving\";\n\nexport function ImportCollectionAction<M extends Record<string, unknown>, USER extends User>({\n    collection,\n    path,\n    onAnalyticsEvent\n}: CollectionActionsProps<M, USER> & {\n    onAnalyticsEvent?: (event: string, params?: any) => void;\n}\n) {\n\n    const snackbarController = useSnackbarController();\n\n    const [open, setOpen] = React.useState(false);\n\n    const [step, setStep] = React.useState<ImportState>(\"initial\");\n\n    const importConfig = useImportConfig();\n\n    const handleClickOpen = useCallback(() => {\n        setOpen(true);\n        onAnalyticsEvent?.(\"import_open\");\n        setStep(\"initial\");\n    }, [onAnalyticsEvent]);\n\n    const handleClose = useCallback(() => {\n        setOpen(false);\n    }, [setOpen]);\n\n    const onMappingComplete = useCallback(() => {\n        onAnalyticsEvent?.(\"import_mapping_complete\");\n        setStep(\"preview\");\n    }, [onAnalyticsEvent]);\n\n    const onPreviewComplete = useCallback(() => {\n        onAnalyticsEvent?.(\"import_data_save\");\n        setStep(\"import_data_saving\");\n    }, [onAnalyticsEvent]);\n\n    const onDataAdded = async (data: object[]) => {\n        importConfig.setImportData(data);\n\n        if (data.length > 0) {\n            const originProperties = await buildEntityPropertiesFromData(data, getInferenceType);\n            importConfig.setOriginProperties(originProperties as Properties);\n\n            const headersMapping = buildHeadersMappingFromData(data, collection?.properties);\n            importConfig.setHeadersMapping(headersMapping);\n            const firstKey = Object.keys(headersMapping)?.[0];\n            if (firstKey?.includes(\"id\") || firstKey?.includes(\"key\")) {\n                importConfig.setIdColumn(firstKey);\n            }\n        }\n        setTimeout(() => {\n            onAnalyticsEvent?.(\"import_data_added\");\n            setStep(\"mapping\");\n        }, 100);\n    };\n\n    const properties = getPropertiesWithPropertiesOrder(collection.properties, collection.propertiesOrder as Extract<keyof M, string>[]);\n\n    const propertiesAndLevel = Object.entries(properties)\n        .flatMap(([key, property]) => getPropertiesAndLevel(key, property, 0));\n    const propertiesOrder = (collection.propertiesOrder ?? Object.keys(collection.properties)) as Extract<keyof M, string>[];\n\n    return <>\n\n        <Tooltip title={\"Import\"}\n            asChild={true}>\n            <IconButton\n                size={\"small\"}\n                color={\"primary\"} onClick={handleClickOpen}>\n                <UploadIcon size={iconSize.small}/>\n            </IconButton>\n        </Tooltip>\n\n        <Dialog open={open}\n            fullWidth={step !== \"initial\"}\n            fullHeight={step !== \"initial\"}\n            maxWidth={step === \"initial\" ? \"lg\" : \"7xl\"}>\n\n            <DialogTitle variant={\"h6\"} hidden={step === \"preview\"}>Import data</DialogTitle>\n\n            <DialogContent className={\"h-full flex flex-col gap-4 my-4\"} fullHeight={step === \"preview\"}>\n\n                {step === \"initial\" && <>\n                    <Typography variant={\"body2\"}>Upload a CSV, Excel or JSON file and map it to your existing\n                        schema</Typography>\n                    <ImportFileUpload onDataAdded={onDataAdded}/>\n                </>}\n\n                {step === \"mapping\" && <>\n                    <DataNewPropertiesMapping importConfig={importConfig}\n                        destinationProperties={properties}\n                        buildPropertyView={({\n                            isIdColumn,\n                            property,\n                            propertyKey,\n                            importKey\n                        }) => {\n                            return <PropertyTreeSelect\n                                selectedPropertyKey={propertyKey ?? \"\"}\n                                properties={properties}\n                                propertiesAndLevel={propertiesAndLevel}\n                                isIdColumn={isIdColumn}\n                                onIdSelected={() => {\n                                    importConfig.setIdColumn(importKey);\n                                }}\n                                onPropertySelected={(newPropertyKey) => {\n\n                                    onAnalyticsEvent?.(\"import_mapping_field_updated\");\n                                    const newHeadersMapping: Record<string, string | null> = Object.entries(importConfig.headersMapping)\n                                        .map(([currentImportKey, currentPropertyKey]) => {\n                                            if (currentPropertyKey === newPropertyKey) {\n                                                return { [currentImportKey]: null };\n                                            }\n                                            if (currentImportKey === importKey) {\n                                                return { [currentImportKey]: newPropertyKey };\n                                            }\n                                            return { [currentImportKey]: currentPropertyKey };\n                                        })\n                                        .reduce((acc, curr) => ({ ...acc,\n...curr }), {});\n                                    importConfig.setHeadersMapping(newHeadersMapping as Record<string, string>);\n\n                                    if (newPropertyKey === importConfig.idColumn) {\n                                        importConfig.setIdColumn(undefined);\n                                    }\n\n                                }}\n                            />;\n                        }}/>\n                </>}\n\n                {step === \"preview\" && <ImportDataPreview importConfig={importConfig}\n                    properties={properties}\n                    propertiesOrder={propertiesOrder}/>}\n\n                {step === \"import_data_saving\" && importConfig &&\n                    <ImportSaveInProgress importConfig={importConfig}\n                        collection={collection as AdminCollection}\n                        path={path}\n                        onImportSuccess={(importedCollection) => {\n                            handleClose();\n                            snackbarController.open({\n                                type: \"info\",\n                                message: \"Data imported successfully\"\n                            });\n                        }}\n                    />}\n\n            </DialogContent>\n            <DialogActions>\n\n                {step === \"mapping\" && <Button\n                    onClick={() => setStep(\"initial\")}\n                    variant={\"text\"}>\n                    Back\n                </Button>}\n\n                {step === \"preview\" && <Button\n                    onClick={() => setStep(\"mapping\")}\n                    variant={\"text\"}>\n                    Back\n                </Button>}\n\n                <Button onClick={handleClose}\n                    variant={\"text\"}>\n                    Cancel\n                </Button>\n\n                {step === \"mapping\" && <Button variant=\"filled\"\n                    color={\"primary\"}\n                    onClick={onMappingComplete}>\n                    Next\n                </Button>}\n\n                {step === \"preview\" && <Button variant=\"filled\"\n                    color={\"primary\"}\n                    onClick={onPreviewComplete}>\n                    Save data\n                </Button>}\n\n            </DialogActions>\n        </Dialog>\n\n    </>;\n}\n\nconst internalIDValue = \"__internal_id__\";\n\nfunction PropertyTreeSelect({\n    selectedPropertyKey,\n    properties,\n    onPropertySelected,\n    onIdSelected,\n    propertiesAndLevel,\n    isIdColumn\n}: {\n    selectedPropertyKey: string | null;\n    properties: Record<string, Property>;\n    onPropertySelected: (propertyKey: string | null) => void;\n    onIdSelected: () => void;\n    propertiesAndLevel: PropertyAndLevel[];\n    isIdColumn?: boolean;\n}) {\n\n    const selectedProperty = selectedPropertyKey ? getPropertyInPath(properties, selectedPropertyKey) : null;\n\n    const renderValue = useCallback((selectedPropertyKey: string) => {\n\n        if (selectedPropertyKey === internalIDValue) {\n            return <Typography variant={\"body2\"} className={\"p-4\"}>Use this column as ID</Typography>;\n        }\n\n        if (!selectedPropertyKey || !selectedProperty) {\n            return <Typography variant={\"body2\"} color=\"disabled\" className={\"p-4\"}>Do not import this\n                property</Typography>;\n        }\n\n        return <PropertySelectEntry propertyKey={selectedPropertyKey}\n            property={selectedProperty as Property}/>;\n    }, [selectedProperty]);\n\n    const onSelectValueChange = (value: string) => {\n        if (value === internalIDValue) {\n            onIdSelected();\n            onPropertySelected(null);\n        } else if (value === \"__do_not_import\") {\n            onPropertySelected(null);\n        } else {\n            onPropertySelected(value);\n        }\n    };\n\n    return <Select value={isIdColumn ? internalIDValue : (selectedPropertyKey ?? undefined)}\n        fullWidth={true}\n        onValueChange={onSelectValueChange}\n        renderValue={renderValue}>\n\n        <SelectItem value={\"__do_not_import\"}>\n            <Typography variant={\"body2\"} color={\"disabled\"} className={\"p-4\"}>Do not import this property</Typography>\n        </SelectItem>\n\n        <SelectItem value={internalIDValue}>\n            <Typography variant={\"body2\"} className={\"p-4\"}>Use this column as ID</Typography>\n        </SelectItem>\n\n        {propertiesAndLevel.map(({\n            property,\n            level,\n            propertyKey\n        }) => {\n            return <SelectItem value={propertyKey}\n                key={propertyKey}\n                disabled={property.type === \"map\"}>\n                <PropertySelectEntry propertyKey={propertyKey}\n                    property={property}\n                    level={level}/>\n            </SelectItem>;\n        })}\n\n    </Select>;\n}\n\ntype PropertyAndLevel = {\n    property: Property,\n    level: number,\n    propertyKey: string\n};\n\nfunction getPropertiesAndLevel(key: string, property: Property, level: number): PropertyAndLevel[] {\n    const properties: PropertyAndLevel[] = [];\n    properties.push({\n        property,\n        level,\n        propertyKey: key\n    });\n    if (property.type === \"map\" && property.properties) {\n        Object.entries(property.properties).forEach(([childKey, value]) => {\n            properties.push(...getPropertiesAndLevel(`${key}.${childKey}`, value as Property, level + 1));\n        });\n    }\n    return properties;\n}\n\nexport function PropertySelectEntry({\n    propertyKey,\n    property,\n    level = 0\n}: {\n    propertyKey: string;\n    property: Property;\n    level?: number;\n}) {\n\n    const { propertyConfigs } = useCustomizationController();\n    const widget = getFieldConfig(property, propertyConfigs);\n\n    return <div\n        className=\"flex flex-row w-full text-start items-center h-full\">\n\n        {new Array(level).fill(0).map((_, index) =>\n            <div className={cls(defaultBorderMixin, \"ml-8 border-l h-12\")} key={index}/>)}\n\n        <div className={\"m-4\"}>\n            <Tooltip title={widget?.name}>\n                <PropertyConfigBadge propertyConfig={widget}/>\n            </Tooltip>\n        </div>\n\n        <div className={\"flex flex-col grow p-2 pl-2\"}>\n            <Typography variant=\"body1\"\n                component=\"span\"\n                className=\"grow pr-2\">\n                {property.name\n                    ? property.name\n                    : \"\\u00a0\"\n                }\n            </Typography>\n\n            <Typography className=\" pr-2\"\n                variant={\"body2\"}\n                component=\"span\"\n                color=\"secondary\">\n                {propertyKey}\n            </Typography>\n        </div>\n\n    </div>;\n\n}\n\nexport function ImportDataPreview<M extends Record<string, unknown>>({\n    importConfig,\n    properties,\n    propertiesOrder\n}: {\n    importConfig: ImportConfig,\n    properties: Properties,\n    propertiesOrder: Extract<keyof M, string>[],\n}) {\n    const authController = useAuthController();\n    const collectionRegistry = useCollectionRegistryController();\n    useEffect(() => {\n        const mappedData = importConfig.importData.map(d => convertDataToEntity(\n            authController,\n            collectionRegistry,\n            d,\n            importConfig.idColumn,\n            importConfig.headersMapping,\n            properties,\n            \"TEMP_PATH\",\n            importConfig.defaultValues\n        ));\n        importConfig.setEntities(mappedData);\n    }, []);\n\n    const selectionController = useSelectionController();\n\n    return <CollectionTableBinding\n        title={<div>\n            <Typography variant={\"subtitle2\"}>Imported data preview</Typography>\n            {/* Conditional because it is only true when a column was chosen as\n                the id: without one, every row is created and nothing can be\n                overwritten. With one, the import asks for an upsert — which it\n                did not, back when this sentence was unconditional and false. */}\n            <Typography variant={\"caption\"}>\n                {importConfig.idColumn\n                    ? \"Entities with the same id will be overwritten\"\n                    : \"All rows will be imported as new entities\"}\n            </Typography>\n        </div>}\n        tableController={{\n            data: importConfig.entities,\n            dataLoading: false,\n            noMoreToLoad: false\n        }}\n        enablePopupIcon={false}\n        endAdornment={<div className={\"h-12\"}/>}\n        filterable={false}\n        sortable={false}\n        openEntityMode={\"full_screen\"}\n        selectionController={selectionController}\n        properties={properties}/>\n\n}\n\nfunction buildHeadersMappingFromData(objArr: object[], properties?: Properties) {\n    const headersMapping: Record<string, string> = {};\n    objArr.filter(Boolean).forEach((obj) => {\n        Object.keys(obj).forEach((key) => {\n            // The keys are the uploaded file's header row; `headersMapping[key] = …`\n            // is the same setter the import pipeline refuses elsewhere.\n            if (isPrototypePollutingKey(key)) return;\n            const child = (obj as Record<string, unknown>)[key];\n            if (child != null && typeof child === \"object\" && !Array.isArray(child)) {\n                const childProperty = properties?.[key];\n                const childProperties = childProperty && \"properties\" in childProperty ? childProperty.properties : undefined;\n                const childHeadersMapping = buildHeadersMappingFromData([child as object], childProperties);\n                Object.entries(childHeadersMapping).forEach(([subKey, mapping]) => {\n                    headersMapping[`${key}.${subKey}`] = `${key}.${mapping}`;\n                });\n            }\n\n            if (!properties) {\n                headersMapping[key] = key;\n            } else if (key in properties) {\n                headersMapping[key] = key;\n            } else {\n                const slug = slugify(key);\n                if (slug in properties) {\n                    headersMapping[key] = slug;\n                } else {\n                    headersMapping[key] = key;\n                }\n            }\n\n        });\n    });\n    return headersMapping;\n}\n","export * from \"./ImportCollectionAction\";\n"],"mappings":"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"}
+{"version":3,"file":"import-DTkXNoBg.js","names":[],"sources":["../src/data_import/import/ImportCollectionAction.tsx","../src/data_import/import/index.ts"],"sourcesContent":["import React, { useCallback, useEffect } from \"react\";\nimport {\n    useAuthController,\n    useCustomizationController,\n    useSnackbarController\n} from \"@rebasepro/app\";\nimport { getPropertiesWithPropertiesOrder, getPropertyInPath } from \"../../util\";\nimport { Properties, Property, User } from \"@rebasepro/types\";\nimport { CollectionActionsProps, AdminCollection } from \"@rebasepro/cms-types\";\nimport { getFieldConfig } from \"../../components/field_configs\";\nimport { PropertyConfigBadge } from \"../../components/PropertyConfigBadge\";\nimport { useSelectionController } from \"../../components/CollectionViewBinding/useSelectionController\";\nimport { CollectionTableBinding } from \"../../components/CollectionTableBinding/CollectionTableBinding\";\nimport { useCollectionRegistryController } from \"../../hooks\";\nimport {\n    Button,\n    cls,\n    defaultBorderMixin,\n    Dialog,\n    DialogActions,\n    DialogContent,\n    DialogTitle,\n    IconButton,\n    iconSize,\n    Select,\n    SelectItem,\n    Tooltip,\n    Typography,\n    UploadIcon\n} from \"@rebasepro/ui\";\nimport { buildEntityPropertiesFromData } from \"@rebasepro/inference\";\nimport { useImportConfig } from \"../hooks\";\nimport { convertDataToEntity, getInferenceType } from \"../utils\";\nimport { DataNewPropertiesMapping } from \"../components/DataNewPropertiesMapping\";\nimport { ImportFileUpload } from \"../components/ImportFileUpload\";\nimport { ImportSaveInProgress } from \"../components/ImportSaveInProgress\";\nimport { ImportConfig } from \"../types\";\nimport { isPrototypePollutingKey, slugify } from \"@rebasepro/utils\";\n\ntype ImportState = \"initial\" | \"mapping\" | \"preview\" | \"import_data_saving\";\n\nexport function ImportCollectionAction<M extends Record<string, unknown>, USER extends User>({\n    collection,\n    path,\n    onAnalyticsEvent\n}: CollectionActionsProps<M, USER> & {\n    onAnalyticsEvent?: (event: string, params?: any) => void;\n}\n) {\n\n    const snackbarController = useSnackbarController();\n\n    const [open, setOpen] = React.useState(false);\n\n    const [step, setStep] = React.useState<ImportState>(\"initial\");\n\n    const importConfig = useImportConfig();\n\n    const handleClickOpen = useCallback(() => {\n        setOpen(true);\n        onAnalyticsEvent?.(\"import_open\");\n        setStep(\"initial\");\n    }, [onAnalyticsEvent]);\n\n    const handleClose = useCallback(() => {\n        setOpen(false);\n    }, [setOpen]);\n\n    const onMappingComplete = useCallback(() => {\n        onAnalyticsEvent?.(\"import_mapping_complete\");\n        setStep(\"preview\");\n    }, [onAnalyticsEvent]);\n\n    const onPreviewComplete = useCallback(() => {\n        onAnalyticsEvent?.(\"import_data_save\");\n        setStep(\"import_data_saving\");\n    }, [onAnalyticsEvent]);\n\n    const onDataAdded = async (data: object[]) => {\n        importConfig.setImportData(data);\n\n        if (data.length > 0) {\n            const originProperties = await buildEntityPropertiesFromData(data, getInferenceType);\n            importConfig.setOriginProperties(originProperties as Properties);\n\n            const headersMapping = buildHeadersMappingFromData(data, collection?.properties);\n            importConfig.setHeadersMapping(headersMapping);\n            const firstKey = Object.keys(headersMapping)?.[0];\n            if (firstKey?.includes(\"id\") || firstKey?.includes(\"key\")) {\n                importConfig.setIdColumn(firstKey);\n            }\n        }\n        setTimeout(() => {\n            onAnalyticsEvent?.(\"import_data_added\");\n            setStep(\"mapping\");\n        }, 100);\n    };\n\n    const properties = getPropertiesWithPropertiesOrder(collection.properties, collection.propertiesOrder as Extract<keyof M, string>[]);\n\n    const propertiesAndLevel = Object.entries(properties)\n        .flatMap(([key, property]) => getPropertiesAndLevel(key, property, 0));\n    const propertiesOrder = (collection.propertiesOrder ?? Object.keys(collection.properties)) as Extract<keyof M, string>[];\n\n    return <>\n\n        <Tooltip title={\"Import\"}\n            asChild={true}>\n            <IconButton\n                size={\"small\"}\n                color={\"primary\"} onClick={handleClickOpen}>\n                <UploadIcon size={iconSize.small}/>\n            </IconButton>\n        </Tooltip>\n\n        <Dialog open={open}\n            fullWidth={step !== \"initial\"}\n            fullHeight={step !== \"initial\"}\n            maxWidth={step === \"initial\" ? \"lg\" : \"7xl\"}>\n\n            <DialogTitle variant={\"h6\"} hidden={step === \"preview\"}>Import data</DialogTitle>\n\n            <DialogContent className={\"h-full flex flex-col gap-4 my-4\"} fullHeight={step === \"preview\"}>\n\n                {step === \"initial\" && <>\n                    <Typography variant={\"body2\"}>Upload a CSV, Excel or JSON file and map it to your existing\n                        schema</Typography>\n                    <ImportFileUpload onDataAdded={onDataAdded}/>\n                </>}\n\n                {step === \"mapping\" && <>\n                    <DataNewPropertiesMapping importConfig={importConfig}\n                        destinationProperties={properties}\n                        buildPropertyView={({\n                            isIdColumn,\n                            property,\n                            propertyKey,\n                            importKey\n                        }) => {\n                            return <PropertyTreeSelect\n                                selectedPropertyKey={propertyKey ?? \"\"}\n                                properties={properties}\n                                propertiesAndLevel={propertiesAndLevel}\n                                isIdColumn={isIdColumn}\n                                onIdSelected={() => {\n                                    importConfig.setIdColumn(importKey);\n                                }}\n                                onPropertySelected={(newPropertyKey) => {\n\n                                    onAnalyticsEvent?.(\"import_mapping_field_updated\");\n                                    const newHeadersMapping: Record<string, string | null> = Object.entries(importConfig.headersMapping)\n                                        .map(([currentImportKey, currentPropertyKey]) => {\n                                            if (currentPropertyKey === newPropertyKey) {\n                                                return { [currentImportKey]: null };\n                                            }\n                                            if (currentImportKey === importKey) {\n                                                return { [currentImportKey]: newPropertyKey };\n                                            }\n                                            return { [currentImportKey]: currentPropertyKey };\n                                        })\n                                        .reduce((acc, curr) => ({ ...acc,\n...curr }), {});\n                                    importConfig.setHeadersMapping(newHeadersMapping as Record<string, string>);\n\n                                    if (newPropertyKey === importConfig.idColumn) {\n                                        importConfig.setIdColumn(undefined);\n                                    }\n\n                                }}\n                            />;\n                        }}/>\n                </>}\n\n                {step === \"preview\" && <ImportDataPreview importConfig={importConfig}\n                    properties={properties}\n                    propertiesOrder={propertiesOrder}/>}\n\n                {step === \"import_data_saving\" && importConfig &&\n                    <ImportSaveInProgress importConfig={importConfig}\n                        collection={collection as AdminCollection}\n                        path={path}\n                        onImportSuccess={(importedCollection) => {\n                            handleClose();\n                            snackbarController.open({\n                                type: \"info\",\n                                message: \"Data imported successfully\"\n                            });\n                        }}\n                    />}\n\n            </DialogContent>\n            <DialogActions>\n\n                {step === \"mapping\" && <Button\n                    onClick={() => setStep(\"initial\")}\n                    variant={\"text\"}>\n                    Back\n                </Button>}\n\n                {step === \"preview\" && <Button\n                    onClick={() => setStep(\"mapping\")}\n                    variant={\"text\"}>\n                    Back\n                </Button>}\n\n                <Button onClick={handleClose}\n                    variant={\"text\"}>\n                    Cancel\n                </Button>\n\n                {step === \"mapping\" && <Button variant=\"filled\"\n                    color={\"primary\"}\n                    onClick={onMappingComplete}>\n                    Next\n                </Button>}\n\n                {step === \"preview\" && <Button variant=\"filled\"\n                    color={\"primary\"}\n                    onClick={onPreviewComplete}>\n                    Save data\n                </Button>}\n\n            </DialogActions>\n        </Dialog>\n\n    </>;\n}\n\nconst internalIDValue = \"__internal_id__\";\n\nfunction PropertyTreeSelect({\n    selectedPropertyKey,\n    properties,\n    onPropertySelected,\n    onIdSelected,\n    propertiesAndLevel,\n    isIdColumn\n}: {\n    selectedPropertyKey: string | null;\n    properties: Record<string, Property>;\n    onPropertySelected: (propertyKey: string | null) => void;\n    onIdSelected: () => void;\n    propertiesAndLevel: PropertyAndLevel[];\n    isIdColumn?: boolean;\n}) {\n\n    const selectedProperty = selectedPropertyKey ? getPropertyInPath(properties, selectedPropertyKey) : null;\n\n    const renderValue = useCallback((selectedPropertyKey: string) => {\n\n        if (selectedPropertyKey === internalIDValue) {\n            return <Typography variant={\"body2\"} className={\"p-4\"}>Use this column as ID</Typography>;\n        }\n\n        if (!selectedPropertyKey || !selectedProperty) {\n            return <Typography variant={\"body2\"} color=\"disabled\" className={\"p-4\"}>Do not import this\n                property</Typography>;\n        }\n\n        return <PropertySelectEntry propertyKey={selectedPropertyKey}\n            property={selectedProperty as Property}/>;\n    }, [selectedProperty]);\n\n    const onSelectValueChange = (value: string) => {\n        if (value === internalIDValue) {\n            onIdSelected();\n            onPropertySelected(null);\n        } else if (value === \"__do_not_import\") {\n            onPropertySelected(null);\n        } else {\n            onPropertySelected(value);\n        }\n    };\n\n    return <Select value={isIdColumn ? internalIDValue : (selectedPropertyKey ?? undefined)}\n        fullWidth={true}\n        onValueChange={onSelectValueChange}\n        renderValue={renderValue}>\n\n        <SelectItem value={\"__do_not_import\"}>\n            <Typography variant={\"body2\"} color={\"disabled\"} className={\"p-4\"}>Do not import this property</Typography>\n        </SelectItem>\n\n        <SelectItem value={internalIDValue}>\n            <Typography variant={\"body2\"} className={\"p-4\"}>Use this column as ID</Typography>\n        </SelectItem>\n\n        {propertiesAndLevel.map(({\n            property,\n            level,\n            propertyKey\n        }) => {\n            return <SelectItem value={propertyKey}\n                key={propertyKey}\n                disabled={property.type === \"map\"}>\n                <PropertySelectEntry propertyKey={propertyKey}\n                    property={property}\n                    level={level}/>\n            </SelectItem>;\n        })}\n\n    </Select>;\n}\n\ntype PropertyAndLevel = {\n    property: Property,\n    level: number,\n    propertyKey: string\n};\n\nfunction getPropertiesAndLevel(key: string, property: Property, level: number): PropertyAndLevel[] {\n    const properties: PropertyAndLevel[] = [];\n    properties.push({\n        property,\n        level,\n        propertyKey: key\n    });\n    if (property.type === \"map\" && property.properties) {\n        Object.entries(property.properties).forEach(([childKey, value]) => {\n            properties.push(...getPropertiesAndLevel(`${key}.${childKey}`, value as Property, level + 1));\n        });\n    }\n    return properties;\n}\n\nexport function PropertySelectEntry({\n    propertyKey,\n    property,\n    level = 0\n}: {\n    propertyKey: string;\n    property: Property;\n    level?: number;\n}) {\n\n    const { propertyConfigs } = useCustomizationController();\n    const widget = getFieldConfig(property, propertyConfigs);\n\n    return <div\n        className=\"flex flex-row w-full text-start items-center h-full\">\n\n        {new Array(level).fill(0).map((_, index) =>\n            <div className={cls(defaultBorderMixin, \"ml-8 border-l h-12\")} key={index}/>)}\n\n        <div className={\"m-4\"}>\n            <Tooltip title={widget?.name}>\n                <PropertyConfigBadge propertyConfig={widget}/>\n            </Tooltip>\n        </div>\n\n        <div className={\"flex flex-col grow p-2 pl-2\"}>\n            <Typography variant=\"body1\"\n                component=\"span\"\n                className=\"grow pr-2\">\n                {property.name\n                    ? property.name\n                    : \"\\u00a0\"\n                }\n            </Typography>\n\n            <Typography className=\" pr-2\"\n                variant={\"body2\"}\n                component=\"span\"\n                color=\"secondary\">\n                {propertyKey}\n            </Typography>\n        </div>\n\n    </div>;\n\n}\n\nexport function ImportDataPreview<M extends Record<string, unknown>>({\n    importConfig,\n    properties,\n    propertiesOrder\n}: {\n    importConfig: ImportConfig,\n    properties: Properties,\n    propertiesOrder: Extract<keyof M, string>[],\n}) {\n    const authController = useAuthController();\n    const collectionRegistry = useCollectionRegistryController();\n    useEffect(() => {\n        const mappedData = importConfig.importData.map(d => convertDataToEntity(\n            authController,\n            collectionRegistry,\n            d,\n            importConfig.idColumn,\n            importConfig.headersMapping,\n            properties,\n            \"TEMP_PATH\",\n            importConfig.defaultValues\n        ));\n        importConfig.setEntities(mappedData);\n    }, []);\n\n    const selectionController = useSelectionController();\n\n    return <CollectionTableBinding\n        title={<div>\n            <Typography variant={\"subtitle2\"}>Imported data preview</Typography>\n            {/* Conditional because it is only true when a column was chosen as\n                the id: without one, every row is created and nothing can be\n                overwritten. With one, the import asks for an upsert — which it\n                did not, back when this sentence was unconditional and false. */}\n            <Typography variant={\"caption\"}>\n                {importConfig.idColumn\n                    ? \"Entities with the same id will be overwritten\"\n                    : \"All rows will be imported as new entities\"}\n            </Typography>\n        </div>}\n        tableController={{\n            data: importConfig.entities,\n            dataLoading: false,\n            noMoreToLoad: false\n        }}\n        enablePopupIcon={false}\n        endAdornment={<div className={\"h-12\"}/>}\n        filterable={false}\n        sortable={false}\n        openEntityMode={\"full_screen\"}\n        selectionController={selectionController}\n        properties={properties}/>\n\n}\n\nfunction buildHeadersMappingFromData(objArr: object[], properties?: Properties) {\n    const headersMapping: Record<string, string> = {};\n    objArr.filter(Boolean).forEach((obj) => {\n        Object.keys(obj).forEach((key) => {\n            // The keys are the uploaded file's header row; `headersMapping[key] = …`\n            // is the same setter the import pipeline refuses elsewhere.\n            if (isPrototypePollutingKey(key)) return;\n            const child = (obj as Record<string, unknown>)[key];\n            if (child != null && typeof child === \"object\" && !Array.isArray(child)) {\n                const childProperty = properties?.[key];\n                const childProperties = childProperty && \"properties\" in childProperty ? childProperty.properties : undefined;\n                const childHeadersMapping = buildHeadersMappingFromData([child as object], childProperties);\n                Object.entries(childHeadersMapping).forEach(([subKey, mapping]) => {\n                    headersMapping[`${key}.${subKey}`] = `${key}.${mapping}`;\n                });\n            }\n\n            if (!properties) {\n                headersMapping[key] = key;\n            } else if (key in properties) {\n                headersMapping[key] = key;\n            } else {\n                const slug = slugify(key);\n                if (slug in properties) {\n                    headersMapping[key] = slug;\n                } else {\n                    headersMapping[key] = key;\n                }\n            }\n\n        });\n    });\n    return headersMapping;\n}\n","export * from \"./ImportCollectionAction\";\n"],"mappings":"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"}