@payloadcms/plugin-import-export 4.0.0-internal.567a487 → 4.0.0-internal.58473b9

package/dist/components/ImportPreview/index.js

@@ -1,13 +1,19 @@
 'use client';
 import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
 import { getTranslation } from '@payloadcms/translations';
-import { Pagination, PerPage, Table, Translation, useConfig, useDebouncedEffect, useDocumentInfo, useField, useFormFields, useTranslation } from '@payloadcms/ui';
+import { Pagination, PerPage, Table, Translation, useConfig, useDebouncedEffect, useDocumentInfo, useField, useForm, useFormFields, useTranslation } from '@payloadcms/ui';
 import { formatDocTitle } from '@payloadcms/ui/shared';
 import { fieldAffectsData, getObjectDotNotation } from 'payload/shared';
 import React, { useState, useTransition } from 'react';
 import { DEFAULT_PREVIEW_LIMIT, PREVIEW_LIMIT_OPTIONS } from '../../constants.js';
+import { getFormStateSignature, getSubmittedFormValues } from '../../utilities/getSubmittedFormValues.js';
+import { RelationshipCell } from '../RelationshipCell/index.js';
 import './index.css';
 const baseClass = 'import-preview';
+// The file contents are sent separately as `fileData`.
+const nonSerializableFormKeys = [
+    'file'
+];
 /**
  * Browser-native ArrayBuffer → base64. Avoids Node's `Buffer`, which is not
  * available in the browser under bundlers that don't polyfill it (e.g. Vite),
@@ -53,6 +59,11 @@ export const ImportPreview = ()=>{
     });
     // Access the file field directly from form fields
     const fileField = useFormFields(([fields])=>fields?.file || null);
+    const { getData } = useForm();
+    const formStateSignature = useFormFields(([fields])=>getFormStateSignature({
+            fields,
+            omit: nonSerializableFormKeys
+        }));
     const [dataToRender, setDataToRender] = useState([]);
     const [columns, setColumns] = useState([]);
     const [totalDocs, setTotalDocs] = useState(0);
@@ -127,6 +138,10 @@ export const ImportPreview = ()=>{
                         collectionSlug: targetCollectionSlug,
                         fileData,
                         format,
+                        formData: getSubmittedFormValues({
+                            formData: getData(),
+                            omit: nonSerializableFormKeys
+                        }),
                         previewLimit,
                         previewPage
                     }),
@@ -187,16 +202,21 @@ export const ImportPreview = ()=>{
                             active: true,
                             field,
                             Heading: label,
-                            renderedCells: docs.map((doc)=>{
+                            renderedCells: docs.map((doc, rowIndex)=>{
                                 const value = getObjectDotNotation(doc, fieldPath);
                                 if (value === undefined || value === null) {
                                     return null;
                                 }
                                 // Format based on field type
-                                if (field.type === 'relationship' || field.type === 'upload') {
-                                    // Handle relationships
+                                const shouldRenderGroupedRelationship = format === 'json' && field.type === 'relationship' && Array.isArray(field.relationTo);
+                                if (shouldRenderGroupedRelationship) {
+                                    return /*#__PURE__*/ _jsx(RelationshipCell, {
+                                        fieldPath: fieldPath,
+                                        relationTo: field.relationTo,
+                                        value: value
+                                    }, `${fieldPath}-${rowIndex}`);
+                                } else if (field.type === 'relationship' || field.type === 'upload') {
                                     if (typeof value === 'object' && !Array.isArray(value)) {
-                                        // Single relationship
                                         const relationTo = Array.isArray(field.relationTo) ? value.relationTo : field.relationTo;
                                         const relatedConfig = config.collections.find((c)=>c.slug === relationTo);
                                         if (relatedConfig && relatedConfig.admin?.useAsTitle) {
@@ -210,11 +230,9 @@ export const ImportPreview = ()=>{
                                                 });
                                             }
                                         }
-                                        // Fallback to ID
                                         const id = value.id || value;
                                         return `${getTranslation(relatedConfig?.labels?.singular || relationTo, i18n)}: ${id}`;
                                     } else if (Array.isArray(value)) {
-                                        // Multiple relationships
                                         return value.map((item)=>{
                                             if (typeof item === 'object') {
                                                 const relationTo = Array.isArray(field.relationTo) ? item.relationTo : field.relationTo;
@@ -235,7 +253,6 @@ export const ImportPreview = ()=>{
                                             return item;
                                         }).join(', ');
                                     }
-                                    // Just an ID
                                     return String(value);
                                 } else if (field.type === 'date') {
                                     // Display date as string to avoid wrong locale/timezone conversion
@@ -381,6 +398,8 @@ export const ImportPreview = ()=>{
         filename,
         mimeType,
         fileField?.value,
+        formStateSignature,
+        getData,
         collectionConfig,
         config,
         i18n,

package/dist/components/ImportPreview/index.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/components/ImportPreview/index.tsx"],"sourcesContent":["'use client'\nimport type { ClientField, Column, PaginatedDocs } from 'payload'\n\nimport { getTranslation } from '@payloadcms/translations'\nimport {\n  Pagination,\n  PerPage,\n  Table,\n  Translation,\n  useConfig,\n  useDebouncedEffect,\n  useDocumentInfo,\n  useField,\n  useFormFields,\n  useTranslation,\n} from '@payloadcms/ui'\nimport { formatDocTitle } from '@payloadcms/ui/shared'\nimport { fieldAffectsData, getObjectDotNotation } from 'payload/shared'\nimport React, { useState, useTransition } from 'react'\n\nimport type {\n  PluginImportExportTranslationKeys,\n  PluginImportExportTranslations,\n} from '../../translations/index.js'\nimport type { ImportPreviewResponse } from '../../types.js'\n\nimport { DEFAULT_PREVIEW_LIMIT, PREVIEW_LIMIT_OPTIONS } from '../../constants.js'\nimport './index.css'\n\nconst baseClass = 'import-preview'\n\n/**\n * Browser-native ArrayBuffer → base64. Avoids Node's `Buffer`, which is not\n * available in the browser under bundlers that don't polyfill it (e.g. Vite),\n * unlike Next's webpack build. Chunked to stay under `String.fromCharCode`'s\n * argument-count limit for large files.\n */\nconst arrayBufferToBase64 = (arrayBuffer: ArrayBuffer): string => {\n  const bytes = new Uint8Array(arrayBuffer)\n  const chunkSize = 0x8000\n  let binary = ''\n  for (let i = 0; i < bytes.length; i += chunkSize) {\n    binary += String.fromCharCode(...bytes.subarray(i, i + chunkSize))\n  }\n  return btoa(binary)\n}\n\nexport const ImportPreview: React.FC = () => {\n  const [isPending, startTransition] = useTransition()\n  const {\n    config,\n    config: { routes },\n  } = useConfig()\n  const { collectionSlug } = useDocumentInfo()\n  const { i18n, t } = useTranslation<\n    PluginImportExportTranslations,\n    PluginImportExportTranslationKeys\n  >()\n\n  const { value: targetCollectionSlug } = useField<string>({ path: 'collectionSlug' })\n  const { value: importMode } = useField<string>({ path: 'importMode' })\n  const { value: matchField } = useField<string>({ path: 'matchField' })\n  const { value: filename } = useField<string>({ path: 'filename' })\n  const { value: url } = useField<string>({ path: 'url' })\n  const { value: mimeType } = useField<string>({ path: 'mimeType' })\n  const { value: status } = useField<string>({ path: 'status' })\n  const { value: summary } = useField<any>({ path: 'summary' })\n\n  // Access the file field directly from form fields\n  const fileField = useFormFields(([fields]) => fields?.file || null)\n\n  const [dataToRender, setDataToRender] = useState<Record<string, unknown>[]>([])\n  const [columns, setColumns] = useState<Column[]>([])\n  const [totalDocs, setTotalDocs] = useState<number>(0)\n  const [error, setError] = useState<null | string>(null)\n\n  // Preview pagination state\n  const [previewPage, setPreviewPage] = useState(1)\n  const [previewLimit, setPreviewLimit] = useState(DEFAULT_PREVIEW_LIMIT)\n  const [paginationData, setPaginationData] = useState<null | Pick<\n    PaginatedDocs,\n    'hasNextPage' | 'hasPrevPage' | 'limit' | 'nextPage' | 'page' | 'prevPage' | 'totalPages'\n  >>(null)\n\n  const collectionConfig = React.useMemo(\n    () => config.collections.find((c) => c.slug === targetCollectionSlug),\n    [targetCollectionSlug, config.collections],\n  )\n\n  useDebouncedEffect(\n    () => {\n      if (!collectionSlug || !targetCollectionSlug) {\n        return\n      }\n\n      if (!targetCollectionSlug || (!url && !fileField?.value)) {\n        setDataToRender([])\n        setColumns([])\n        setTotalDocs(0)\n        setPaginationData(null)\n        return\n      }\n\n      if (!collectionConfig) {\n        setDataToRender([])\n        setColumns([])\n        setTotalDocs(0)\n        setPaginationData(null)\n        return\n      }\n\n      const abortController = new AbortController()\n\n      const processFileData = async () => {\n        setError(null)\n\n        try {\n          // Determine format from file\n          let format: 'csv' | 'json' = 'json'\n          if (fileField?.value && fileField.value instanceof File) {\n            const file = fileField.value\n            format = file.type === 'text/csv' || file.name?.endsWith('.csv') ? 'csv' : 'json'\n          } else if (mimeType === 'text/csv' || filename?.endsWith('.csv')) {\n            format = 'csv'\n          }\n\n          // Get file data as base64\n          let fileData: string | undefined\n\n          if (fileField?.value && fileField.value instanceof File) {\n            // File is being uploaded, read its contents\n            const arrayBuffer = await fileField.value.arrayBuffer()\n            const base64 = arrayBufferToBase64(arrayBuffer)\n            fileData = base64\n          } else if (url) {\n            // File has been saved, fetch from URL\n            const response = await fetch(url, { signal: abortController.signal })\n            if (!response.ok) {\n              throw new Error('Failed to fetch file')\n            }\n            const arrayBuffer = await response.arrayBuffer()\n            const base64 = arrayBufferToBase64(arrayBuffer)\n            fileData = base64\n          }\n\n          if (!fileData) {\n            setDataToRender([])\n            setColumns([])\n            setTotalDocs(0)\n            setPaginationData(null)\n            return\n          }\n\n          // Fetch transformed data from the server\n          const res = await fetch(`${routes.api}/${collectionSlug}/preview-data`, {\n            body: JSON.stringify({\n              collectionSlug: targetCollectionSlug,\n              fileData,\n              format,\n              previewLimit,\n              previewPage,\n            }),\n            credentials: 'include',\n            headers: { 'Content-Type': 'application/json' },\n            method: 'POST',\n            signal: abortController.signal,\n          })\n\n          if (!res.ok) {\n            throw new Error('Failed to process file')\n          }\n\n          const {\n            docs,\n            hasNextPage,\n            hasPrevPage,\n            limit: responseLimit,\n            page: responsePage,\n            totalDocs: serverTotalDocs,\n            totalPages,\n          }: ImportPreviewResponse = await res.json()\n\n          setTotalDocs(serverTotalDocs)\n          setPaginationData({\n            hasNextPage,\n            hasPrevPage,\n            limit: responseLimit,\n            nextPage: responsePage + 1,\n            page: responsePage,\n            prevPage: responsePage - 1,\n            totalPages,\n          })\n\n          if (!Array.isArray(docs) || docs.length === 0) {\n            setDataToRender([])\n            setColumns([])\n            return\n          }\n\n          // Build columns from collection fields without traverseFields\n          const buildColumnsFromFields = (\n            fields: ClientField[],\n            parentPath = '',\n            parentLabel = '',\n          ): Column[] => {\n            const cols: Column[] = []\n\n            fields.forEach((field) => {\n              if (!fieldAffectsData(field) || field.admin?.disabled) {\n                return\n              }\n\n              // Build the field path\n              const fieldPath = parentPath ? `${parentPath}.${field.name}` : field.name\n\n              // Get the field label\n              let label = field.name\n              if ('label' in field && field.label) {\n                label = getTranslation(field.label, i18n)\n              }\n\n              // Add parent label prefix if in a group\n              if (parentLabel) {\n                label = `${parentLabel} > ${label}`\n              }\n\n              // Skip if this field doesn't exist in any document\n              const hasData = docs.some((doc) => {\n                const value = getObjectDotNotation(doc, fieldPath)\n                return value !== undefined && value !== null\n              })\n\n              if (!hasData && field.type !== 'relationship') {\n                return\n              }\n\n              cols.push({\n                accessor: fieldPath,\n                active: true,\n                field,\n                Heading: label,\n                renderedCells: docs.map((doc) => {\n                  const value = getObjectDotNotation(doc, fieldPath)\n\n                  if (value === undefined || value === null) {\n                    return null\n                  }\n\n                  // Format based on field type\n                  if (field.type === 'relationship' || field.type === 'upload') {\n                    // Handle relationships\n                    if (typeof value === 'object' && !Array.isArray(value)) {\n                      // Single relationship\n                      const relationTo = Array.isArray(field.relationTo)\n                        ? (value as any).relationTo\n                        : field.relationTo\n\n                      const relatedConfig = config.collections.find((c) => c.slug === relationTo)\n                      if (relatedConfig && relatedConfig.admin?.useAsTitle) {\n                        const titleValue = (value as any)[relatedConfig.admin.useAsTitle]\n                        if (titleValue) {\n                          return formatDocTitle({\n                            collectionConfig: relatedConfig,\n                            data: value as any,\n                            dateFormat: config.admin.dateFormat,\n                            i18n,\n                          })\n                        }\n                      }\n\n                      // Fallback to ID\n                      const id = (value as any).id || value\n                      return `${getTranslation(relatedConfig?.labels?.singular || relationTo, i18n)}: ${id}`\n                    } else if (Array.isArray(value)) {\n                      // Multiple relationships\n                      return value\n                        .map((item) => {\n                          if (typeof item === 'object') {\n                            const relationTo = Array.isArray(field.relationTo)\n                              ? item.relationTo\n                              : field.relationTo\n                            const relatedConfig = config.collections.find(\n                              (c) => c.slug === relationTo,\n                            )\n\n                            if (relatedConfig && relatedConfig.admin?.useAsTitle) {\n                              const titleValue = item[relatedConfig.admin.useAsTitle]\n                              if (titleValue) {\n                                return formatDocTitle({\n                                  collectionConfig: relatedConfig,\n                                  data: item,\n                                  dateFormat: config.admin.dateFormat,\n                                  i18n,\n                                })\n                              }\n                            }\n\n                            return item.id || item\n                          }\n                          return item\n                        })\n                        .join(', ')\n                    }\n\n                    // Just an ID\n                    return String(value)\n                  } else if (field.type === 'date') {\n                    // Display date as string to avoid wrong locale/timezone conversion\n                    return String(value)\n                  } else if (field.type === 'checkbox') {\n                    return value ? '✓' : '✗'\n                  } else if (field.type === 'select' || field.type === 'radio') {\n                    // Show the label for select/radio options\n                    const option = field.options?.find((opt) => {\n                      if (typeof opt === 'string') {\n                        return opt === value\n                      }\n                      return opt.value === value\n                    })\n\n                    if (option && typeof option === 'object') {\n                      return getTranslation(option.label, i18n)\n                    }\n                    return String(value)\n                  } else if (field.type === 'number') {\n                    return String(value)\n                  } else if (Array.isArray(value)) {\n                    // Handle arrays\n                    if (field.type === 'blocks') {\n                      return value.map((block: any) => `${block.blockType || 'Block'}`).join(', ')\n                    }\n                    return `[${value.length} items]`\n                  } else if (typeof value === 'object') {\n                    // Handle objects\n                    if (field.type === 'group') {\n                      return '{...}'\n                    }\n                    return JSON.stringify(value)\n                  }\n\n                  return String(value)\n                }),\n              })\n\n              // For groups, add nested fields with parent label\n              if (field.type === 'group' && 'fields' in field) {\n                const groupLabel =\n                  'label' in field && field.label ? getTranslation(field.label, i18n) : field.name\n\n                const nestedCols = buildColumnsFromFields(\n                  field.fields,\n                  fieldPath,\n                  parentLabel ? `${parentLabel} > ${groupLabel}` : groupLabel,\n                )\n                cols.push(...nestedCols)\n              }\n\n              // For tabs, process the fields within\n              if ('tabs' in field && Array.isArray(field.tabs)) {\n                field.tabs.forEach((tab) => {\n                  if ('name' in tab && tab.name) {\n                    // Named tab\n                    const tabPath = parentPath ? `${parentPath}.${tab.name}` : tab.name\n                    const tabLabel =\n                      'label' in tab && tab.label ? getTranslation(tab.label, i18n) : tab.name\n\n                    const tabCols = buildColumnsFromFields(\n                      tab.fields,\n                      tabPath,\n                      parentLabel ? `${parentLabel} > ${tabLabel}` : tabLabel,\n                    )\n                    cols.push(...tabCols)\n                  } else {\n                    // Unnamed tab - fields go directly under parent\n                    const tabLabel =\n                      'label' in tab && tab.label ? getTranslation(tab.label, i18n) : ''\n\n                    const tabCols = buildColumnsFromFields(\n                      tab.fields,\n                      parentPath,\n                      tabLabel && typeof tabLabel === 'string' && parentLabel\n                        ? `${parentLabel} > ${tabLabel}`\n                        : typeof tabLabel === 'string'\n                          ? tabLabel\n                          : parentLabel,\n                    )\n                    cols.push(...tabCols)\n                  }\n                })\n              }\n            })\n\n            return cols\n          }\n\n          const fieldColumns = buildColumnsFromFields(collectionConfig.fields)\n\n          const existingAccessors = new Set(fieldColumns.map((column) => column.accessor))\n\n          // Discover all fields from document data to determine column order\n          // Respect the order fields appear in the data (e.g., CSV column order)\n          const dataFieldOrder: string[] = []\n          const dataFieldsSet = new Set<string>()\n\n          // Collect all fields from all docs to get comprehensive field list\n          docs.forEach((doc) => {\n            Object.keys(doc).forEach((key) => {\n              if (!dataFieldsSet.has(key) && doc[key] !== undefined && doc[key] !== null) {\n                dataFieldsSet.add(key)\n                dataFieldOrder.push(key)\n              }\n            })\n          })\n\n          // Helper to create a column for a field\n          const createColumnForField = (fieldName: string): Column => ({\n            accessor: fieldName,\n            active: true,\n            field: { name: fieldName } as ClientField,\n            Heading: getTranslation(fieldName, i18n),\n            renderedCells: docs.map((doc) => {\n              const value = doc[fieldName]\n              if (value === undefined || value === null) {\n                return null\n              }\n\n              return String(value)\n            }),\n          })\n\n          // Build columns respecting data order for fields not in config\n          // For fields in config, use their natural order from fieldColumns\n          const finalColumns: Column[] = []\n          const addedAccessors = new Set<string>()\n\n          // Process fields in the order they appear in the data\n          dataFieldOrder.forEach((fieldName) => {\n            if (existingAccessors.has(fieldName)) {\n              // This field is from the collection config\n              const configColumn = fieldColumns.find((col) => col.accessor === fieldName)\n              if (configColumn && !addedAccessors.has(fieldName)) {\n                finalColumns.push(configColumn)\n                addedAccessors.add(fieldName)\n              }\n            } else {\n              // This is an additional field (system field or extra data field)\n              if (!addedAccessors.has(fieldName)) {\n                finalColumns.push(createColumnForField(fieldName))\n                addedAccessors.add(fieldName)\n              }\n            }\n          })\n\n          // Add any remaining config fields that weren't in the data\n          fieldColumns.forEach((col) => {\n            if (!addedAccessors.has(col.accessor)) {\n              finalColumns.push(col)\n              addedAccessors.add(col.accessor)\n            }\n          })\n\n          setColumns(finalColumns)\n          setDataToRender(docs)\n        } catch (err) {\n          console.error('Error processing file data:', err)\n          setError(err instanceof Error ? err.message : 'Failed to load preview')\n          setDataToRender([])\n          setColumns([])\n          setTotalDocs(0)\n          setPaginationData(null)\n        }\n      }\n\n      startTransition(async () => await processFileData())\n\n      return () => {\n        if (!abortController.signal.aborted) {\n          abortController.abort('Component unmounted')\n        }\n      }\n    },\n    [\n      collectionSlug,\n      targetCollectionSlug,\n      url,\n      filename,\n      mimeType,\n      fileField?.value,\n      collectionConfig,\n      config,\n      i18n,\n      previewLimit,\n      previewPage,\n      routes.api,\n    ],\n    500,\n  )\n\n  // If import has been processed, show results instead of preview\n  if (status !== 'pending' && summary) {\n    return (\n      <div className={baseClass}>\n        <div className={`${baseClass}__header`}>\n          <h3>\n            {/* @ts-expect-error - translations are not typed in plugins */}\n            <Translation i18nKey=\"plugin-import-export:importResults\" t={t} />\n          </h3>\n        </div>\n        <div className={`${baseClass}__results`}>\n          <p>\n            <strong>Status:</strong> {status}\n          </p>\n          <p>\n            <strong>Imported:</strong> {summary.imported || 0}\n          </p>\n          <p>\n            <strong>Updated:</strong> {summary.updated || 0}\n          </p>\n          <p>\n            <strong>Total:</strong> {summary.total || 0}\n          </p>\n          {summary.issues > 0 && (\n            <p>\n              <strong>Issues:</strong> {summary.issues}\n            </p>\n          )}\n          {summary.issueDetails && summary.issueDetails.length > 0 && (\n            <div style={{ marginTop: '1rem' }}>\n              <strong>Issue Details:</strong>\n              <ul style={{ marginTop: '0.5rem' }}>\n                {summary.issueDetails.slice(0, 10).map((issue: any, index: number) => (\n                  <li key={index}>\n                    Row {issue.row}: {issue.error}\n                  </li>\n                ))}\n                {summary.issueDetails.length > 10 && (\n                  <li>... and {summary.issueDetails.length - 10} more issues</li>\n                )}\n              </ul>\n            </div>\n          )}\n        </div>\n      </div>\n    )\n  }\n\n  if (!targetCollectionSlug) {\n    return (\n      <div className={baseClass}>\n        <p style={{ opacity: 0.6 }}>\n          {/* @ts-expect-error - translations are not typed in plugins */}\n          <Translation i18nKey=\"plugin-import-export:collectionRequired\" t={t} />\n        </p>\n      </div>\n    )\n  }\n\n  if (error) {\n    return (\n      <div className={baseClass}>\n        <p style={{ color: 'red' }}>\n          <Translation i18nKey=\"general:error\" t={t} />: {error}\n        </p>\n      </div>\n    )\n  }\n\n  if (!url && !fileField?.value) {\n    return (\n      <div className={baseClass}>\n        <p style={{ opacity: 0.6 }}>\n          {/* @ts-expect-error - translations are not typed in plugins */}\n          <Translation i18nKey=\"plugin-import-export:uploadFileToSeePreview\" t={t} />\n        </p>\n      </div>\n    )\n  }\n\n  const handlePageChange = (page: number) => {\n    setPreviewPage(page)\n  }\n\n  const handlePerPageChange = (newLimit: number) => {\n    setPreviewLimit(newLimit)\n    setPreviewPage(1)\n  }\n\n  return (\n    <div className={baseClass}>\n      <div className={`${baseClass}__header`}>\n        <h3>\n          <Translation i18nKey=\"version:preview\" t={t} />\n        </h3>\n        {totalDocs > 0 && !isPending && (\n          <div className={`${baseClass}__info`}>\n            <span className={`${baseClass}__import-count`}>\n              <Translation\n                // eslint-disable-next-line @typescript-eslint/ban-ts-comment\n                // @ts-expect-error\n                i18nKey=\"plugin-import-export:documentsToImport\"\n                t={t}\n                variables={{\n                  count: totalDocs,\n                }}\n              />\n            </span>\n            {' | '}\n            {/* @ts-expect-error - translations are not typed in plugins */}\n            <Translation i18nKey=\"plugin-import-export:mode\" t={t} />: {importMode || 'create'}\n            {importMode !== 'create' && (\n              <>\n                {' | '}\n                {/* @ts-expect-error - translations are not typed in plugins */}\n                <Translation i18nKey=\"plugin-import-export:matchBy\" t={t} />: {matchField || 'id'}\n              </>\n            )}\n          </div>\n        )}\n      </div>\n      {isPending && !dataToRender.length && (\n        <div className={`${baseClass}__loading`}>\n          <Translation i18nKey=\"general:loading\" t={t} />\n        </div>\n      )}\n      {dataToRender.length > 0 && <Table columns={columns} data={dataToRender} />}\n      {!isPending && dataToRender.length === 0 && targetCollectionSlug && (\n        <p>\n          {/* @ts-expect-error - translations are not typed in plugins */}\n          <Translation i18nKey=\"plugin-import-export:noDataToPreview\" t={t} />\n        </p>\n      )}\n      {paginationData && totalDocs > 0 && (\n        <div className={`${baseClass}__pagination`}>\n          {paginationData.totalPages > 1 && (\n            <Pagination\n              hasNextPage={paginationData.hasNextPage}\n              hasPrevPage={paginationData.hasPrevPage}\n              nextPage={paginationData.nextPage ?? undefined}\n              numberOfNeighbors={1}\n              onChange={handlePageChange}\n              page={paginationData.page}\n              prevPage={paginationData.prevPage ?? undefined}\n              totalPages={paginationData.totalPages}\n            />\n          )}\n          <span className={`${baseClass}__page-info`}>\n            <Translation\n              // @ts-expect-error - plugin translations not typed\n              i18nKey=\"plugin-import-export:previewPageInfo\"\n              t={t}\n              variables={{\n                end: Math.min((paginationData.page ?? 1) * previewLimit, totalDocs),\n                start: ((paginationData.page ?? 1) - 1) * previewLimit + 1,\n                total: totalDocs,\n              }}\n            />\n          </span>\n          <PerPage\n            handleChange={handlePerPageChange}\n            limit={previewLimit}\n            limits={PREVIEW_LIMIT_OPTIONS}\n          />\n        </div>\n      )}\n    </div>\n  )\n}\n"],"names":["getTranslation","Pagination","PerPage","Table","Translation","useConfig","useDebouncedEffect","useDocumentInfo","useField","useFormFields","useTranslation","formatDocTitle","fieldAffectsData","getObjectDotNotation","React","useState","useTransition","DEFAULT_PREVIEW_LIMIT","PREVIEW_LIMIT_OPTIONS","baseClass","arrayBufferToBase64","arrayBuffer","bytes","Uint8Array","chunkSize","binary","i","length","String","fromCharCode","subarray","btoa","ImportPreview","isPending","startTransition","config","routes","collectionSlug","i18n","t","value","targetCollectionSlug","path","importMode","matchField","filename","url","mimeType","status","summary","fileField","fields","file","dataToRender","setDataToRender","columns","setColumns","totalDocs","setTotalDocs","error","setError","previewPage","setPreviewPage","previewLimit","setPreviewLimit","paginationData","setPaginationData","collectionConfig","useMemo","collections","find","c","slug","abortController","AbortController","processFileData","format","File","type","name","endsWith","fileData","base64","response","fetch","signal","ok","Error","res","api","body","JSON","stringify","credentials","headers","method","docs","hasNextPage","hasPrevPage","limit","responseLimit","page","responsePage","serverTotalDocs","totalPages","json","nextPage","prevPage","Array","isArray","buildColumnsFromFields","parentPath","parentLabel","cols","forEach","field","admin","disabled","fieldPath","label","hasData","some","doc","undefined","push","accessor","active","Heading","renderedCells","map","relationTo","relatedConfig","useAsTitle","titleValue","data","dateFormat","id","labels","singular","item","join","option","options","opt","block","blockType","groupLabel","nestedCols","tabs","tab","tabPath","tabLabel","tabCols","fieldColumns","existingAccessors","Set","column","dataFieldOrder","dataFieldsSet","Object","keys","key","has","add","createColumnForField","fieldName","finalColumns","addedAccessors","configColumn","col","err","console","message","aborted","abort","div","className","h3","i18nKey","p","strong","imported","updated","total","issues","issueDetails","style","marginTop","ul","slice","issue","index","li","row","opacity","color","handlePageChange","handlePerPageChange","newLimit","span","variables","count","numberOfNeighbors","onChange","end","Math","min","start","handleChange","limits"],"mappings":"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"}
+{"version":3,"sources":["../../../src/components/ImportPreview/index.tsx"],"sourcesContent":["'use client'\nimport type { ClientField, Column, PaginatedDocs } from 'payload'\n\nimport { getTranslation } from '@payloadcms/translations'\nimport {\n  Pagination,\n  PerPage,\n  Table,\n  Translation,\n  useConfig,\n  useDebouncedEffect,\n  useDocumentInfo,\n  useField,\n  useForm,\n  useFormFields,\n  useTranslation,\n} from '@payloadcms/ui'\nimport { formatDocTitle } from '@payloadcms/ui/shared'\nimport { fieldAffectsData, getObjectDotNotation } from 'payload/shared'\nimport React, { useState, useTransition } from 'react'\n\nimport type {\n  PluginImportExportTranslationKeys,\n  PluginImportExportTranslations,\n} from '../../translations/index.js'\nimport type { ImportPreviewResponse } from '../../types.js'\n\nimport { DEFAULT_PREVIEW_LIMIT, PREVIEW_LIMIT_OPTIONS } from '../../constants.js'\nimport {\n  getFormStateSignature,\n  getSubmittedFormValues,\n} from '../../utilities/getSubmittedFormValues.js'\nimport { RelationshipCell } from '../RelationshipCell/index.js'\nimport './index.css'\n\nconst baseClass = 'import-preview'\n\n// The file contents are sent separately as `fileData`.\nconst nonSerializableFormKeys = ['file']\n\n/**\n * Browser-native ArrayBuffer → base64. Avoids Node's `Buffer`, which is not\n * available in the browser under bundlers that don't polyfill it (e.g. Vite),\n * unlike Next's webpack build. Chunked to stay under `String.fromCharCode`'s\n * argument-count limit for large files.\n */\nconst arrayBufferToBase64 = (arrayBuffer: ArrayBuffer): string => {\n  const bytes = new Uint8Array(arrayBuffer)\n  const chunkSize = 0x8000\n  let binary = ''\n  for (let i = 0; i < bytes.length; i += chunkSize) {\n    binary += String.fromCharCode(...bytes.subarray(i, i + chunkSize))\n  }\n  return btoa(binary)\n}\n\nexport const ImportPreview: React.FC = () => {\n  const [isPending, startTransition] = useTransition()\n  const {\n    config,\n    config: { routes },\n  } = useConfig()\n  const { collectionSlug } = useDocumentInfo()\n  const { i18n, t } = useTranslation<\n    PluginImportExportTranslations,\n    PluginImportExportTranslationKeys\n  >()\n\n  const { value: targetCollectionSlug } = useField<string>({ path: 'collectionSlug' })\n  const { value: importMode } = useField<string>({ path: 'importMode' })\n  const { value: matchField } = useField<string>({ path: 'matchField' })\n  const { value: filename } = useField<string>({ path: 'filename' })\n  const { value: url } = useField<string>({ path: 'url' })\n  const { value: mimeType } = useField<string>({ path: 'mimeType' })\n  const { value: status } = useField<string>({ path: 'status' })\n  const { value: summary } = useField<any>({ path: 'summary' })\n\n  // Access the file field directly from form fields\n  const fileField = useFormFields(([fields]) => fields?.file || null)\n\n  const { getData } = useForm()\n  const formStateSignature = useFormFields(([fields]) =>\n    getFormStateSignature({ fields, omit: nonSerializableFormKeys }),\n  )\n\n  const [dataToRender, setDataToRender] = useState<Record<string, unknown>[]>([])\n  const [columns, setColumns] = useState<Column[]>([])\n  const [totalDocs, setTotalDocs] = useState<number>(0)\n  const [error, setError] = useState<null | string>(null)\n\n  // Preview pagination state\n  const [previewPage, setPreviewPage] = useState(1)\n  const [previewLimit, setPreviewLimit] = useState(DEFAULT_PREVIEW_LIMIT)\n  const [paginationData, setPaginationData] = useState<null | Pick<\n    PaginatedDocs,\n    'hasNextPage' | 'hasPrevPage' | 'limit' | 'nextPage' | 'page' | 'prevPage' | 'totalPages'\n  >>(null)\n\n  const collectionConfig = React.useMemo(\n    () => config.collections.find((c) => c.slug === targetCollectionSlug),\n    [targetCollectionSlug, config.collections],\n  )\n\n  useDebouncedEffect(\n    () => {\n      if (!collectionSlug || !targetCollectionSlug) {\n        return\n      }\n\n      if (!targetCollectionSlug || (!url && !fileField?.value)) {\n        setDataToRender([])\n        setColumns([])\n        setTotalDocs(0)\n        setPaginationData(null)\n        return\n      }\n\n      if (!collectionConfig) {\n        setDataToRender([])\n        setColumns([])\n        setTotalDocs(0)\n        setPaginationData(null)\n        return\n      }\n\n      const abortController = new AbortController()\n\n      const processFileData = async () => {\n        setError(null)\n\n        try {\n          // Determine format from file\n          let format: 'csv' | 'json' = 'json'\n          if (fileField?.value && fileField.value instanceof File) {\n            const file = fileField.value\n            format = file.type === 'text/csv' || file.name?.endsWith('.csv') ? 'csv' : 'json'\n          } else if (mimeType === 'text/csv' || filename?.endsWith('.csv')) {\n            format = 'csv'\n          }\n\n          // Get file data as base64\n          let fileData: string | undefined\n\n          if (fileField?.value && fileField.value instanceof File) {\n            // File is being uploaded, read its contents\n            const arrayBuffer = await fileField.value.arrayBuffer()\n            const base64 = arrayBufferToBase64(arrayBuffer)\n            fileData = base64\n          } else if (url) {\n            // File has been saved, fetch from URL\n            const response = await fetch(url, { signal: abortController.signal })\n            if (!response.ok) {\n              throw new Error('Failed to fetch file')\n            }\n            const arrayBuffer = await response.arrayBuffer()\n            const base64 = arrayBufferToBase64(arrayBuffer)\n            fileData = base64\n          }\n\n          if (!fileData) {\n            setDataToRender([])\n            setColumns([])\n            setTotalDocs(0)\n            setPaginationData(null)\n            return\n          }\n\n          // Fetch transformed data from the server\n          const res = await fetch(`${routes.api}/${collectionSlug}/preview-data`, {\n            body: JSON.stringify({\n              collectionSlug: targetCollectionSlug,\n              fileData,\n              format,\n              formData: getSubmittedFormValues({\n                formData: getData(),\n                omit: nonSerializableFormKeys,\n              }),\n              previewLimit,\n              previewPage,\n            }),\n            credentials: 'include',\n            headers: { 'Content-Type': 'application/json' },\n            method: 'POST',\n            signal: abortController.signal,\n          })\n\n          if (!res.ok) {\n            throw new Error('Failed to process file')\n          }\n\n          const {\n            docs,\n            hasNextPage,\n            hasPrevPage,\n            limit: responseLimit,\n            page: responsePage,\n            totalDocs: serverTotalDocs,\n            totalPages,\n          }: ImportPreviewResponse = await res.json()\n\n          setTotalDocs(serverTotalDocs)\n          setPaginationData({\n            hasNextPage,\n            hasPrevPage,\n            limit: responseLimit,\n            nextPage: responsePage + 1,\n            page: responsePage,\n            prevPage: responsePage - 1,\n            totalPages,\n          })\n\n          if (!Array.isArray(docs) || docs.length === 0) {\n            setDataToRender([])\n            setColumns([])\n            return\n          }\n\n          // Build columns from collection fields without traverseFields\n          const buildColumnsFromFields = (\n            fields: ClientField[],\n            parentPath = '',\n            parentLabel = '',\n          ): Column[] => {\n            const cols: Column[] = []\n\n            fields.forEach((field) => {\n              if (!fieldAffectsData(field) || field.admin?.disabled) {\n                return\n              }\n\n              // Build the field path\n              const fieldPath = parentPath ? `${parentPath}.${field.name}` : field.name\n\n              // Get the field label\n              let label = field.name\n              if ('label' in field && field.label) {\n                label = getTranslation(field.label, i18n)\n              }\n\n              // Add parent label prefix if in a group\n              if (parentLabel) {\n                label = `${parentLabel} > ${label}`\n              }\n\n              // Skip if this field doesn't exist in any document\n              const hasData = docs.some((doc) => {\n                const value = getObjectDotNotation(doc, fieldPath)\n                return value !== undefined && value !== null\n              })\n\n              if (!hasData && field.type !== 'relationship') {\n                return\n              }\n\n              cols.push({\n                accessor: fieldPath,\n                active: true,\n                field,\n                Heading: label,\n                renderedCells: docs.map((doc, rowIndex) => {\n                  const value = getObjectDotNotation(doc, fieldPath)\n\n                  if (value === undefined || value === null) {\n                    return null\n                  }\n\n                  // Format based on field type\n                  const shouldRenderGroupedRelationship =\n                    format === 'json' &&\n                    field.type === 'relationship' &&\n                    Array.isArray(field.relationTo)\n\n                  if (shouldRenderGroupedRelationship) {\n                    return (\n                      <RelationshipCell\n                        fieldPath={fieldPath}\n                        key={`${fieldPath}-${rowIndex}`}\n                        relationTo={field.relationTo}\n                        value={value}\n                      />\n                    )\n                  } else if (field.type === 'relationship' || field.type === 'upload') {\n                    if (typeof value === 'object' && !Array.isArray(value)) {\n                      const relationTo = Array.isArray(field.relationTo)\n                        ? (value as any).relationTo\n                        : field.relationTo\n\n                      const relatedConfig = config.collections.find((c) => c.slug === relationTo)\n                      if (relatedConfig && relatedConfig.admin?.useAsTitle) {\n                        const titleValue = (value as any)[relatedConfig.admin.useAsTitle]\n                        if (titleValue) {\n                          return formatDocTitle({\n                            collectionConfig: relatedConfig,\n                            data: value as any,\n                            dateFormat: config.admin.dateFormat,\n                            i18n,\n                          })\n                        }\n                      }\n\n                      const id = (value as any).id || value\n                      return `${getTranslation(relatedConfig?.labels?.singular || relationTo, i18n)}: ${id}`\n                    } else if (Array.isArray(value)) {\n                      return value\n                        .map((item) => {\n                          if (typeof item === 'object') {\n                            const relationTo = Array.isArray(field.relationTo)\n                              ? item.relationTo\n                              : field.relationTo\n                            const relatedConfig = config.collections.find(\n                              (c) => c.slug === relationTo,\n                            )\n\n                            if (relatedConfig && relatedConfig.admin?.useAsTitle) {\n                              const titleValue = item[relatedConfig.admin.useAsTitle]\n                              if (titleValue) {\n                                return formatDocTitle({\n                                  collectionConfig: relatedConfig,\n                                  data: item,\n                                  dateFormat: config.admin.dateFormat,\n                                  i18n,\n                                })\n                              }\n                            }\n\n                            return item.id || item\n                          }\n                          return item\n                        })\n                        .join(', ')\n                    }\n\n                    return String(value)\n                  } else if (field.type === 'date') {\n                    // Display date as string to avoid wrong locale/timezone conversion\n                    return String(value)\n                  } else if (field.type === 'checkbox') {\n                    return value ? '✓' : '✗'\n                  } else if (field.type === 'select' || field.type === 'radio') {\n                    // Show the label for select/radio options\n                    const option = field.options?.find((opt) => {\n                      if (typeof opt === 'string') {\n                        return opt === value\n                      }\n                      return opt.value === value\n                    })\n\n                    if (option && typeof option === 'object') {\n                      return getTranslation(option.label, i18n)\n                    }\n                    return String(value)\n                  } else if (field.type === 'number') {\n                    return String(value)\n                  } else if (Array.isArray(value)) {\n                    // Handle arrays\n                    if (field.type === 'blocks') {\n                      return value.map((block: any) => `${block.blockType || 'Block'}`).join(', ')\n                    }\n                    return `[${value.length} items]`\n                  } else if (typeof value === 'object') {\n                    // Handle objects\n                    if (field.type === 'group') {\n                      return '{...}'\n                    }\n                    return JSON.stringify(value)\n                  }\n\n                  return String(value)\n                }),\n              })\n\n              // For groups, add nested fields with parent label\n              if (field.type === 'group' && 'fields' in field) {\n                const groupLabel =\n                  'label' in field && field.label ? getTranslation(field.label, i18n) : field.name\n\n                const nestedCols = buildColumnsFromFields(\n                  field.fields,\n                  fieldPath,\n                  parentLabel ? `${parentLabel} > ${groupLabel}` : groupLabel,\n                )\n                cols.push(...nestedCols)\n              }\n\n              // For tabs, process the fields within\n              if ('tabs' in field && Array.isArray(field.tabs)) {\n                field.tabs.forEach((tab) => {\n                  if ('name' in tab && tab.name) {\n                    // Named tab\n                    const tabPath = parentPath ? `${parentPath}.${tab.name}` : tab.name\n                    const tabLabel =\n                      'label' in tab && tab.label ? getTranslation(tab.label, i18n) : tab.name\n\n                    const tabCols = buildColumnsFromFields(\n                      tab.fields,\n                      tabPath,\n                      parentLabel ? `${parentLabel} > ${tabLabel}` : tabLabel,\n                    )\n                    cols.push(...tabCols)\n                  } else {\n                    // Unnamed tab - fields go directly under parent\n                    const tabLabel =\n                      'label' in tab && tab.label ? getTranslation(tab.label, i18n) : ''\n\n                    const tabCols = buildColumnsFromFields(\n                      tab.fields,\n                      parentPath,\n                      tabLabel && typeof tabLabel === 'string' && parentLabel\n                        ? `${parentLabel} > ${tabLabel}`\n                        : typeof tabLabel === 'string'\n                          ? tabLabel\n                          : parentLabel,\n                    )\n                    cols.push(...tabCols)\n                  }\n                })\n              }\n            })\n\n            return cols\n          }\n\n          const fieldColumns = buildColumnsFromFields(collectionConfig.fields)\n\n          const existingAccessors = new Set(fieldColumns.map((column) => column.accessor))\n\n          // Discover all fields from document data to determine column order\n          // Respect the order fields appear in the data (e.g., CSV column order)\n          const dataFieldOrder: string[] = []\n          const dataFieldsSet = new Set<string>()\n\n          // Collect all fields from all docs to get comprehensive field list\n          docs.forEach((doc) => {\n            Object.keys(doc).forEach((key) => {\n              if (!dataFieldsSet.has(key) && doc[key] !== undefined && doc[key] !== null) {\n                dataFieldsSet.add(key)\n                dataFieldOrder.push(key)\n              }\n            })\n          })\n\n          // Helper to create a column for a field\n          const createColumnForField = (fieldName: string): Column => ({\n            accessor: fieldName,\n            active: true,\n            field: { name: fieldName } as ClientField,\n            Heading: getTranslation(fieldName, i18n),\n            renderedCells: docs.map((doc) => {\n              const value = doc[fieldName]\n              if (value === undefined || value === null) {\n                return null\n              }\n\n              return String(value)\n            }),\n          })\n\n          // Build columns respecting data order for fields not in config\n          // For fields in config, use their natural order from fieldColumns\n          const finalColumns: Column[] = []\n          const addedAccessors = new Set<string>()\n\n          // Process fields in the order they appear in the data\n          dataFieldOrder.forEach((fieldName) => {\n            if (existingAccessors.has(fieldName)) {\n              // This field is from the collection config\n              const configColumn = fieldColumns.find((col) => col.accessor === fieldName)\n              if (configColumn && !addedAccessors.has(fieldName)) {\n                finalColumns.push(configColumn)\n                addedAccessors.add(fieldName)\n              }\n            } else {\n              // This is an additional field (system field or extra data field)\n              if (!addedAccessors.has(fieldName)) {\n                finalColumns.push(createColumnForField(fieldName))\n                addedAccessors.add(fieldName)\n              }\n            }\n          })\n\n          // Add any remaining config fields that weren't in the data\n          fieldColumns.forEach((col) => {\n            if (!addedAccessors.has(col.accessor)) {\n              finalColumns.push(col)\n              addedAccessors.add(col.accessor)\n            }\n          })\n\n          setColumns(finalColumns)\n          setDataToRender(docs)\n        } catch (err) {\n          console.error('Error processing file data:', err)\n          setError(err instanceof Error ? err.message : 'Failed to load preview')\n          setDataToRender([])\n          setColumns([])\n          setTotalDocs(0)\n          setPaginationData(null)\n        }\n      }\n\n      startTransition(async () => await processFileData())\n\n      return () => {\n        if (!abortController.signal.aborted) {\n          abortController.abort('Component unmounted')\n        }\n      }\n    },\n    [\n      collectionSlug,\n      targetCollectionSlug,\n      url,\n      filename,\n      mimeType,\n      fileField?.value,\n      formStateSignature,\n      getData,\n      collectionConfig,\n      config,\n      i18n,\n      previewLimit,\n      previewPage,\n      routes.api,\n    ],\n    500,\n  )\n\n  // If import has been processed, show results instead of preview\n  if (status !== 'pending' && summary) {\n    return (\n      <div className={baseClass}>\n        <div className={`${baseClass}__header`}>\n          <h3>\n            {/* @ts-expect-error - translations are not typed in plugins */}\n            <Translation i18nKey=\"plugin-import-export:importResults\" t={t} />\n          </h3>\n        </div>\n        <div className={`${baseClass}__results`}>\n          <p>\n            <strong>Status:</strong> {status}\n          </p>\n          <p>\n            <strong>Imported:</strong> {summary.imported || 0}\n          </p>\n          <p>\n            <strong>Updated:</strong> {summary.updated || 0}\n          </p>\n          <p>\n            <strong>Total:</strong> {summary.total || 0}\n          </p>\n          {summary.issues > 0 && (\n            <p>\n              <strong>Issues:</strong> {summary.issues}\n            </p>\n          )}\n          {summary.issueDetails && summary.issueDetails.length > 0 && (\n            <div style={{ marginTop: '1rem' }}>\n              <strong>Issue Details:</strong>\n              <ul style={{ marginTop: '0.5rem' }}>\n                {summary.issueDetails.slice(0, 10).map((issue: any, index: number) => (\n                  <li key={index}>\n                    Row {issue.row}: {issue.error}\n                  </li>\n                ))}\n                {summary.issueDetails.length > 10 && (\n                  <li>... and {summary.issueDetails.length - 10} more issues</li>\n                )}\n              </ul>\n            </div>\n          )}\n        </div>\n      </div>\n    )\n  }\n\n  if (!targetCollectionSlug) {\n    return (\n      <div className={baseClass}>\n        <p style={{ opacity: 0.6 }}>\n          {/* @ts-expect-error - translations are not typed in plugins */}\n          <Translation i18nKey=\"plugin-import-export:collectionRequired\" t={t} />\n        </p>\n      </div>\n    )\n  }\n\n  if (error) {\n    return (\n      <div className={baseClass}>\n        <p style={{ color: 'red' }}>\n          <Translation i18nKey=\"general:error\" t={t} />: {error}\n        </p>\n      </div>\n    )\n  }\n\n  if (!url && !fileField?.value) {\n    return (\n      <div className={baseClass}>\n        <p style={{ opacity: 0.6 }}>\n          {/* @ts-expect-error - translations are not typed in plugins */}\n          <Translation i18nKey=\"plugin-import-export:uploadFileToSeePreview\" t={t} />\n        </p>\n      </div>\n    )\n  }\n\n  const handlePageChange = (page: number) => {\n    setPreviewPage(page)\n  }\n\n  const handlePerPageChange = (newLimit: number) => {\n    setPreviewLimit(newLimit)\n    setPreviewPage(1)\n  }\n\n  return (\n    <div className={baseClass}>\n      <div className={`${baseClass}__header`}>\n        <h3>\n          <Translation i18nKey=\"version:preview\" t={t} />\n        </h3>\n        {totalDocs > 0 && !isPending && (\n          <div className={`${baseClass}__info`}>\n            <span className={`${baseClass}__import-count`}>\n              <Translation\n                // eslint-disable-next-line @typescript-eslint/ban-ts-comment\n                // @ts-expect-error\n                i18nKey=\"plugin-import-export:documentsToImport\"\n                t={t}\n                variables={{\n                  count: totalDocs,\n                }}\n              />\n            </span>\n            {' | '}\n            {/* @ts-expect-error - translations are not typed in plugins */}\n            <Translation i18nKey=\"plugin-import-export:mode\" t={t} />: {importMode || 'create'}\n            {importMode !== 'create' && (\n              <>\n                {' | '}\n                {/* @ts-expect-error - translations are not typed in plugins */}\n                <Translation i18nKey=\"plugin-import-export:matchBy\" t={t} />: {matchField || 'id'}\n              </>\n            )}\n          </div>\n        )}\n      </div>\n      {isPending && !dataToRender.length && (\n        <div className={`${baseClass}__loading`}>\n          <Translation i18nKey=\"general:loading\" t={t} />\n        </div>\n      )}\n      {dataToRender.length > 0 && <Table columns={columns} data={dataToRender} />}\n      {!isPending && dataToRender.length === 0 && targetCollectionSlug && (\n        <p>\n          {/* @ts-expect-error - translations are not typed in plugins */}\n          <Translation i18nKey=\"plugin-import-export:noDataToPreview\" t={t} />\n        </p>\n      )}\n      {paginationData && totalDocs > 0 && (\n        <div className={`${baseClass}__pagination`}>\n          {paginationData.totalPages > 1 && (\n            <Pagination\n              hasNextPage={paginationData.hasNextPage}\n              hasPrevPage={paginationData.hasPrevPage}\n              nextPage={paginationData.nextPage ?? undefined}\n              numberOfNeighbors={1}\n              onChange={handlePageChange}\n              page={paginationData.page}\n              prevPage={paginationData.prevPage ?? undefined}\n              totalPages={paginationData.totalPages}\n            />\n          )}\n          <span className={`${baseClass}__page-info`}>\n            <Translation\n              // @ts-expect-error - plugin translations not typed\n              i18nKey=\"plugin-import-export:previewPageInfo\"\n              t={t}\n              variables={{\n                end: Math.min((paginationData.page ?? 1) * previewLimit, totalDocs),\n                start: ((paginationData.page ?? 1) - 1) * previewLimit + 1,\n                total: totalDocs,\n              }}\n            />\n          </span>\n          <PerPage\n            handleChange={handlePerPageChange}\n            limit={previewLimit}\n            limits={PREVIEW_LIMIT_OPTIONS}\n          />\n        </div>\n      )}\n    </div>\n  )\n}\n"],"names":["getTranslation","Pagination","PerPage","Table","Translation","useConfig","useDebouncedEffect","useDocumentInfo","useField","useForm","useFormFields","useTranslation","formatDocTitle","fieldAffectsData","getObjectDotNotation","React","useState","useTransition","DEFAULT_PREVIEW_LIMIT","PREVIEW_LIMIT_OPTIONS","getFormStateSignature","getSubmittedFormValues","RelationshipCell","baseClass","nonSerializableFormKeys","arrayBufferToBase64","arrayBuffer","bytes","Uint8Array","chunkSize","binary","i","length","String","fromCharCode","subarray","btoa","ImportPreview","isPending","startTransition","config","routes","collectionSlug","i18n","t","value","targetCollectionSlug","path","importMode","matchField","filename","url","mimeType","status","summary","fileField","fields","file","getData","formStateSignature","omit","dataToRender","setDataToRender","columns","setColumns","totalDocs","setTotalDocs","error","setError","previewPage","setPreviewPage","previewLimit","setPreviewLimit","paginationData","setPaginationData","collectionConfig","useMemo","collections","find","c","slug","abortController","AbortController","processFileData","format","File","type","name","endsWith","fileData","base64","response","fetch","signal","ok","Error","res","api","body","JSON","stringify","formData","credentials","headers","method","docs","hasNextPage","hasPrevPage","limit","responseLimit","page","responsePage","serverTotalDocs","totalPages","json","nextPage","prevPage","Array","isArray","buildColumnsFromFields","parentPath","parentLabel","cols","forEach","field","admin","disabled","fieldPath","label","hasData","some","doc","undefined","push","accessor","active","Heading","renderedCells","map","rowIndex","shouldRenderGroupedRelationship","relationTo","relatedConfig","useAsTitle","titleValue","data","dateFormat","id","labels","singular","item","join","option","options","opt","block","blockType","groupLabel","nestedCols","tabs","tab","tabPath","tabLabel","tabCols","fieldColumns","existingAccessors","Set","column","dataFieldOrder","dataFieldsSet","Object","keys","key","has","add","createColumnForField","fieldName","finalColumns","addedAccessors","configColumn","col","err","console","message","aborted","abort","div","className","h3","i18nKey","p","strong","imported","updated","total","issues","issueDetails","style","marginTop","ul","slice","issue","index","li","row","opacity","color","handlePageChange","handlePerPageChange","newLimit","span","variables","count","numberOfNeighbors","onChange","end","Math","min","start","handleChange","limits"],"mappings":"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"}

package/dist/components/LimitField/index.d.ts

@@ -1,3 +1,4 @@
-import type { NumberFieldClientComponent } from 'payload';
-export declare const LimitField: NumberFieldClientComponent;
+import type { NumberFieldClientProps } from 'payload';
+import React from 'react';
+export declare const LimitField: React.FC<NumberFieldClientProps>;
 //# sourceMappingURL=index.d.ts.map

package/dist/components/LimitField/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/LimitField/index.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,0BAA0B,EAAE,MAAM,SAAS,CAAA;AAKzD,eAAO,MAAM,UAAU,EAAE,0BA6BxB,CAAA"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/LimitField/index.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,sBAAsB,EAAE,MAAM,SAAS,CAAA;AAGrD,OAAO,KAA4B,MAAM,OAAO,CAAA;AAEhD,eAAO,MAAM,UAAU,EAAE,KAAK,CAAC,EAAE,CAAC,sBAAsB,CA6BvD,CAAA"}

package/dist/components/LimitField/index.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/components/LimitField/index.tsx"],"sourcesContent":["'use client'\n\nimport type { NumberFieldClientComponent } from 'payload'\n\nimport { NumberField, useDocumentInfo, useField, useListQuery } from '@payloadcms/ui'\nimport React, { useEffect, useRef } from 'react'\n\nexport const LimitField: NumberFieldClientComponent = (props) => {\n  const { id } = useDocumentInfo()\n  const { setValue, value } = useField<number>()\n  const { query } = useListQuery()\n\n  const didInitRef = useRef(false)\n\n  useEffect(() => {\n    if (didInitRef.current) {\n      return\n    }\n    if (id) {\n      didInitRef.current = true\n      return\n    }\n    if (typeof value === 'number') {\n      didInitRef.current = true\n      return\n    }\n\n    const queryLimit = query?.limit\n    if (typeof queryLimit === 'number' && queryLimit > 0) {\n      setValue(queryLimit)\n    }\n\n    didInitRef.current = true\n  }, [id, query?.limit, value, setValue])\n\n  return <NumberField field={props.field} path={props.path} />\n}\n"],"names":["NumberField","useDocumentInfo","useField","useListQuery","React","useEffect","useRef","LimitField","props","id","setValue","value","query","didInitRef","current","queryLimit","limit","field","path"],"mappings":"AAAA;;AAIA,SAASA,WAAW,EAAEC,eAAe,EAAEC,QAAQ,EAAEC,YAAY,QAAQ,iBAAgB;AACrF,OAAOC,SAASC,SAAS,EAAEC,MAAM,QAAQ,QAAO;AAEhD,OAAO,MAAMC,aAAyC,CAACC;IACrD,MAAM,EAAEC,EAAE,EAAE,GAAGR;IACf,MAAM,EAAES,QAAQ,EAAEC,KAAK,EAAE,GAAGT;IAC5B,MAAM,EAAEU,KAAK,EAAE,GAAGT;IAElB,MAAMU,aAAaP,OAAO;IAE1BD,UAAU;QACR,IAAIQ,WAAWC,OAAO,EAAE;YACtB;QACF;QACA,IAAIL,IAAI;YACNI,WAAWC,OAAO,GAAG;YACrB;QACF;QACA,IAAI,OAAOH,UAAU,UAAU;YAC7BE,WAAWC,OAAO,GAAG;YACrB;QACF;QAEA,MAAMC,aAAaH,OAAOI;QAC1B,IAAI,OAAOD,eAAe,YAAYA,aAAa,GAAG;YACpDL,SAASK;QACX;QAEAF,WAAWC,OAAO,GAAG;IACvB,GAAG;QAACL;QAAIG,OAAOI;QAAOL;QAAOD;KAAS;IAEtC,qBAAO,KAACV;QAAYiB,OAAOT,MAAMS,KAAK;QAAEC,MAAMV,MAAMU,IAAI;;AAC1D,EAAC"}
+{"version":3,"sources":["../../../src/components/LimitField/index.tsx"],"sourcesContent":["'use client'\n\nimport type { NumberFieldClientProps } from 'payload'\n\nimport { NumberField, useDocumentInfo, useField, useListQuery } from '@payloadcms/ui'\nimport React, { useEffect, useRef } from 'react'\n\nexport const LimitField: React.FC<NumberFieldClientProps> = (props) => {\n  const { id } = useDocumentInfo()\n  const { setValue, value } = useField<number>()\n  const { query } = useListQuery()\n\n  const didInitRef = useRef(false)\n\n  useEffect(() => {\n    if (didInitRef.current) {\n      return\n    }\n    if (id) {\n      didInitRef.current = true\n      return\n    }\n    if (typeof value === 'number') {\n      didInitRef.current = true\n      return\n    }\n\n    const queryLimit = query?.limit\n    if (typeof queryLimit === 'number' && queryLimit > 0) {\n      setValue(queryLimit)\n    }\n\n    didInitRef.current = true\n  }, [id, query?.limit, value, setValue])\n\n  return <NumberField field={props.field} path={props.path} />\n}\n"],"names":["NumberField","useDocumentInfo","useField","useListQuery","React","useEffect","useRef","LimitField","props","id","setValue","value","query","didInitRef","current","queryLimit","limit","field","path"],"mappings":"AAAA;;AAIA,SAASA,WAAW,EAAEC,eAAe,EAAEC,QAAQ,EAAEC,YAAY,QAAQ,iBAAgB;AACrF,OAAOC,SAASC,SAAS,EAAEC,MAAM,QAAQ,QAAO;AAEhD,OAAO,MAAMC,aAA+C,CAACC;IAC3D,MAAM,EAAEC,EAAE,EAAE,GAAGR;IACf,MAAM,EAAES,QAAQ,EAAEC,KAAK,EAAE,GAAGT;IAC5B,MAAM,EAAEU,KAAK,EAAE,GAAGT;IAElB,MAAMU,aAAaP,OAAO;IAE1BD,UAAU;QACR,IAAIQ,WAAWC,OAAO,EAAE;YACtB;QACF;QACA,IAAIL,IAAI;YACNI,WAAWC,OAAO,GAAG;YACrB;QACF;QACA,IAAI,OAAOH,UAAU,UAAU;YAC7BE,WAAWC,OAAO,GAAG;YACrB;QACF;QAEA,MAAMC,aAAaH,OAAOI;QAC1B,IAAI,OAAOD,eAAe,YAAYA,aAAa,GAAG;YACpDL,SAASK;QACX;QAEAF,WAAWC,OAAO,GAAG;IACvB,GAAG;QAACL;QAAIG,OAAOI;QAAOL;QAAOD;KAAS;IAEtC,qBAAO,KAACV;QAAYiB,OAAOT,MAAMS,KAAK;QAAEC,MAAMV,MAAMU,IAAI;;AAC1D,EAAC"}

package/dist/components/LocaleField/index.d.ts

@@ -1,3 +1,4 @@
-import type { SelectFieldClientComponent } from 'payload';
-export declare const LocaleField: SelectFieldClientComponent;
+import type { SelectFieldClientProps } from 'payload';
+import React from 'react';
+export declare const LocaleField: React.FC<SelectFieldClientProps>;
 //# sourceMappingURL=index.d.ts.map

package/dist/components/LocaleField/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/LocaleField/index.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,0BAA0B,EAAE,MAAM,SAAS,CAAA;AAKzD,eAAO,MAAM,WAAW,EAAE,0BA4BzB,CAAA"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/LocaleField/index.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,sBAAsB,EAAE,MAAM,SAAS,CAAA;AAGrD,OAAO,KAA4B,MAAM,OAAO,CAAA;AAEhD,eAAO,MAAM,WAAW,EAAE,KAAK,CAAC,EAAE,CAAC,sBAAsB,CA4BxD,CAAA"}

package/dist/components/LocaleField/index.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/components/LocaleField/index.tsx"],"sourcesContent":["'use client'\n\nimport type { SelectFieldClientComponent } from 'payload'\n\nimport { SelectField, useDocumentInfo, useField, useLocale } from '@payloadcms/ui'\nimport React, { useEffect, useRef } from 'react'\n\nexport const LocaleField: SelectFieldClientComponent = (props) => {\n  const { id } = useDocumentInfo()\n  const { setValue, value } = useField<string>()\n  const locale = useLocale()\n\n  const didInitRef = useRef(false)\n\n  useEffect(() => {\n    if (didInitRef.current) {\n      return\n    }\n    if (id) {\n      didInitRef.current = true\n      return\n    }\n    if (typeof value === 'string' && value !== 'all') {\n      didInitRef.current = true\n      return\n    }\n\n    if (locale?.code) {\n      setValue(locale.code)\n    }\n\n    didInitRef.current = true\n  }, [id, locale?.code, value, setValue])\n\n  return <SelectField field={props.field} path={props.path} />\n}\n"],"names":["SelectField","useDocumentInfo","useField","useLocale","React","useEffect","useRef","LocaleField","props","id","setValue","value","locale","didInitRef","current","code","field","path"],"mappings":"AAAA;;AAIA,SAASA,WAAW,EAAEC,eAAe,EAAEC,QAAQ,EAAEC,SAAS,QAAQ,iBAAgB;AAClF,OAAOC,SAASC,SAAS,EAAEC,MAAM,QAAQ,QAAO;AAEhD,OAAO,MAAMC,cAA0C,CAACC;IACtD,MAAM,EAAEC,EAAE,EAAE,GAAGR;IACf,MAAM,EAAES,QAAQ,EAAEC,KAAK,EAAE,GAAGT;IAC5B,MAAMU,SAAST;IAEf,MAAMU,aAAaP,OAAO;IAE1BD,UAAU;QACR,IAAIQ,WAAWC,OAAO,EAAE;YACtB;QACF;QACA,IAAIL,IAAI;YACNI,WAAWC,OAAO,GAAG;YACrB;QACF;QACA,IAAI,OAAOH,UAAU,YAAYA,UAAU,OAAO;YAChDE,WAAWC,OAAO,GAAG;YACrB;QACF;QAEA,IAAIF,QAAQG,MAAM;YAChBL,SAASE,OAAOG,IAAI;QACtB;QAEAF,WAAWC,OAAO,GAAG;IACvB,GAAG;QAACL;QAAIG,QAAQG;QAAMJ;QAAOD;KAAS;IAEtC,qBAAO,KAACV;QAAYgB,OAAOR,MAAMQ,KAAK;QAAEC,MAAMT,MAAMS,IAAI;;AAC1D,EAAC"}
+{"version":3,"sources":["../../../src/components/LocaleField/index.tsx"],"sourcesContent":["'use client'\n\nimport type { SelectFieldClientProps } from 'payload'\n\nimport { SelectField, useDocumentInfo, useField, useLocale } from '@payloadcms/ui'\nimport React, { useEffect, useRef } from 'react'\n\nexport const LocaleField: React.FC<SelectFieldClientProps> = (props) => {\n  const { id } = useDocumentInfo()\n  const { setValue, value } = useField<string>()\n  const locale = useLocale()\n\n  const didInitRef = useRef(false)\n\n  useEffect(() => {\n    if (didInitRef.current) {\n      return\n    }\n    if (id) {\n      didInitRef.current = true\n      return\n    }\n    if (typeof value === 'string' && value !== 'all') {\n      didInitRef.current = true\n      return\n    }\n\n    if (locale?.code) {\n      setValue(locale.code)\n    }\n\n    didInitRef.current = true\n  }, [id, locale?.code, value, setValue])\n\n  return <SelectField field={props.field} path={props.path} />\n}\n"],"names":["SelectField","useDocumentInfo","useField","useLocale","React","useEffect","useRef","LocaleField","props","id","setValue","value","locale","didInitRef","current","code","field","path"],"mappings":"AAAA;;AAIA,SAASA,WAAW,EAAEC,eAAe,EAAEC,QAAQ,EAAEC,SAAS,QAAQ,iBAAgB;AAClF,OAAOC,SAASC,SAAS,EAAEC,MAAM,QAAQ,QAAO;AAEhD,OAAO,MAAMC,cAAgD,CAACC;IAC5D,MAAM,EAAEC,EAAE,EAAE,GAAGR;IACf,MAAM,EAAES,QAAQ,EAAEC,KAAK,EAAE,GAAGT;IAC5B,MAAMU,SAAST;IAEf,MAAMU,aAAaP,OAAO;IAE1BD,UAAU;QACR,IAAIQ,WAAWC,OAAO,EAAE;YACtB;QACF;QACA,IAAIL,IAAI;YACNI,WAAWC,OAAO,GAAG;YACrB;QACF;QACA,IAAI,OAAOH,UAAU,YAAYA,UAAU,OAAO;YAChDE,WAAWC,OAAO,GAAG;YACrB;QACF;QAEA,IAAIF,QAAQG,MAAM;YAChBL,SAASE,OAAOG,IAAI;QACtB;QAEAF,WAAWC,OAAO,GAAG;IACvB,GAAG;QAACL;QAAIG,QAAQG;QAAMJ;QAAOD;KAAS;IAEtC,qBAAO,KAACV;QAAYgB,OAAOR,MAAMQ,KAAK;QAAEC,MAAMT,MAAMS,IAAI;;AAC1D,EAAC"}

package/dist/components/Page/index.d.ts

@@ -1,4 +1,5 @@
-import type { NumberFieldClientComponent } from 'payload';
+import type { NumberFieldClientProps } from 'payload';
+import React from 'react';
 import './index.css';
-export declare const Page: NumberFieldClientComponent;
+export declare const Page: React.FC<NumberFieldClientProps>;
 //# sourceMappingURL=index.d.ts.map

package/dist/components/Page/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/Page/index.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,0BAA0B,EAAE,MAAM,SAAS,CAAA;AAKzD,OAAO,aAAa,CAAA;AAIpB,eAAO,MAAM,IAAI,EAAE,0BA6BlB,CAAA"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/Page/index.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,sBAAsB,EAAE,MAAM,SAAS,CAAA;AAGrD,OAAO,KAAoB,MAAM,OAAO,CAAA;AAExC,OAAO,aAAa,CAAA;AAIpB,eAAO,MAAM,IAAI,EAAE,KAAK,CAAC,EAAE,CAAC,sBAAsB,CA6BjD,CAAA"}

package/dist/components/Page/index.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/components/Page/index.tsx"],"sourcesContent":["'use client'\n\nimport type { NumberFieldClientComponent } from 'payload'\n\nimport { NumberField, useField } from '@payloadcms/ui'\nimport React, { useEffect } from 'react'\n\nimport './index.css'\n\nconst baseClass = 'page-field'\n\nexport const Page: NumberFieldClientComponent = (props) => {\n  const { setValue } = useField<number>()\n  const { value: limitValue } = useField<number>({ path: 'limit' })\n\n  // Effect to reset page to 1 if limit is removed\n  useEffect(() => {\n    if (!limitValue) {\n      setValue(1) // Reset page to 1\n    }\n  }, [limitValue, setValue])\n\n  return (\n    <div className={baseClass}>\n      <NumberField\n        field={{\n          name: props.field.name,\n          admin: {\n            autoComplete: undefined,\n            placeholder: undefined,\n            step: 1,\n          },\n          label: props.field.label,\n          min: 1,\n        }}\n        onChange={(value) => setValue(value ?? 1)} // Update the page value on change\n        path={props.path}\n      />\n    </div>\n  )\n}\n"],"names":["NumberField","useField","React","useEffect","baseClass","Page","props","setValue","value","limitValue","path","div","className","field","name","admin","autoComplete","undefined","placeholder","step","label","min","onChange"],"mappings":"AAAA;;AAIA,SAASA,WAAW,EAAEC,QAAQ,QAAQ,iBAAgB;AACtD,OAAOC,SAASC,SAAS,QAAQ,QAAO;AAExC,OAAO,cAAa;AAEpB,MAAMC,YAAY;AAElB,OAAO,MAAMC,OAAmC,CAACC;IAC/C,MAAM,EAAEC,QAAQ,EAAE,GAAGN;IACrB,MAAM,EAAEO,OAAOC,UAAU,EAAE,GAAGR,SAAiB;QAAES,MAAM;IAAQ;IAE/D,gDAAgD;IAChDP,UAAU;QACR,IAAI,CAACM,YAAY;YACfF,SAAS,IAAG,kBAAkB;QAChC;IACF,GAAG;QAACE;QAAYF;KAAS;IAEzB,qBACE,KAACI;QAAIC,WAAWR;kBACd,cAAA,KAACJ;YACCa,OAAO;gBACLC,MAAMR,MAAMO,KAAK,CAACC,IAAI;gBACtBC,OAAO;oBACLC,cAAcC;oBACdC,aAAaD;oBACbE,MAAM;gBACR;gBACAC,OAAOd,MAAMO,KAAK,CAACO,KAAK;gBACxBC,KAAK;YACP;YACAC,UAAU,CAACd,QAAUD,SAASC,SAAS;YACvCE,MAAMJ,MAAMI,IAAI;;;AAIxB,EAAC"}
+{"version":3,"sources":["../../../src/components/Page/index.tsx"],"sourcesContent":["'use client'\n\nimport type { NumberFieldClientProps } from 'payload'\n\nimport { NumberField, useField } from '@payloadcms/ui'\nimport React, { useEffect } from 'react'\n\nimport './index.css'\n\nconst baseClass = 'page-field'\n\nexport const Page: React.FC<NumberFieldClientProps> = (props) => {\n  const { setValue } = useField<number>()\n  const { value: limitValue } = useField<number>({ path: 'limit' })\n\n  // Effect to reset page to 1 if limit is removed\n  useEffect(() => {\n    if (!limitValue) {\n      setValue(1) // Reset page to 1\n    }\n  }, [limitValue, setValue])\n\n  return (\n    <div className={baseClass}>\n      <NumberField\n        field={{\n          name: props.field.name,\n          admin: {\n            autoComplete: undefined,\n            placeholder: undefined,\n            step: 1,\n          },\n          label: props.field.label,\n          min: 1,\n        }}\n        onChange={(value) => setValue(value ?? 1)} // Update the page value on change\n        path={props.path}\n      />\n    </div>\n  )\n}\n"],"names":["NumberField","useField","React","useEffect","baseClass","Page","props","setValue","value","limitValue","path","div","className","field","name","admin","autoComplete","undefined","placeholder","step","label","min","onChange"],"mappings":"AAAA;;AAIA,SAASA,WAAW,EAAEC,QAAQ,QAAQ,iBAAgB;AACtD,OAAOC,SAASC,SAAS,QAAQ,QAAO;AAExC,OAAO,cAAa;AAEpB,MAAMC,YAAY;AAElB,OAAO,MAAMC,OAAyC,CAACC;IACrD,MAAM,EAAEC,QAAQ,EAAE,GAAGN;IACrB,MAAM,EAAEO,OAAOC,UAAU,EAAE,GAAGR,SAAiB;QAAES,MAAM;IAAQ;IAE/D,gDAAgD;IAChDP,UAAU;QACR,IAAI,CAACM,YAAY;YACfF,SAAS,IAAG,kBAAkB;QAChC;IACF,GAAG;QAACE;QAAYF;KAAS;IAEzB,qBACE,KAACI;QAAIC,WAAWR;kBACd,cAAA,KAACJ;YACCa,OAAO;gBACLC,MAAMR,MAAMO,KAAK,CAACC,IAAI;gBACtBC,OAAO;oBACLC,cAAcC;oBACdC,aAAaD;oBACbE,MAAM;gBACR;gBACAC,OAAOd,MAAMO,KAAK,CAACO,KAAK;gBACxBC,KAAK;YACP;YACAC,UAAU,CAACd,QAAUD,SAASC,SAAS;YACvCE,MAAMJ,MAAMI,IAAI;;;AAIxB,EAAC"}

package/dist/components/RelationshipCell/getRelationshipGroupKey.d.ts

@@ -0,0 +1,7 @@
+type Args = {
+    fieldPath: string;
+    slug?: string;
+};
+export declare const getRelationshipGroupKey: ({ slug, fieldPath }: Args) => string;
+export {};
+//# sourceMappingURL=getRelationshipGroupKey.d.ts.map

package/dist/components/RelationshipCell/getRelationshipGroupKey.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"getRelationshipGroupKey.d.ts","sourceRoot":"","sources":["../../../src/components/RelationshipCell/getRelationshipGroupKey.ts"],"names":[],"mappings":"AAAA,KAAK,IAAI,GAAG;IACV,SAAS,EAAE,MAAM,CAAA;IACjB,IAAI,CAAC,EAAE,MAAM,CAAA;CACd,CAAA;AAED,eAAO,MAAM,uBAAuB,wBAAyB,IAAI,KAAG,MACzB,CAAA"}

package/dist/components/RelationshipCell/getRelationshipGroupKey.js

@@ -0,0 +1,3 @@
+export const getRelationshipGroupKey = ({ slug, fieldPath })=>slug ? `${fieldPath}-${slug}` : fieldPath;
+
+//# sourceMappingURL=getRelationshipGroupKey.js.map

package/dist/components/RelationshipCell/getRelationshipGroupKey.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/components/RelationshipCell/getRelationshipGroupKey.ts"],"sourcesContent":["type Args = {\n  fieldPath: string\n  slug?: string\n}\n\nexport const getRelationshipGroupKey = ({ slug, fieldPath }: Args): string =>\n  slug ? `${fieldPath}-${slug}` : fieldPath\n"],"names":["getRelationshipGroupKey","slug","fieldPath"],"mappings":"AAKA,OAAO,MAAMA,0BAA0B,CAAC,EAAEC,IAAI,EAAEC,SAAS,EAAQ,GAC/DD,OAAO,GAAGC,UAAU,CAAC,EAAED,MAAM,GAAGC,UAAS"}

package/dist/components/RelationshipCell/getRelationshipGroups.d.ts

@@ -0,0 +1,43 @@
+import type { I18n } from '@payloadcms/translations';
+import type { ClientCollectionConfig, SanitizedConfig } from 'payload';
+/**
+ * Labels rendered per collection before the rest collapse into `and N more`,
+ * matching `totalToShow` in the list view's relationship cell.
+ */
+export declare const TOTAL_TO_SHOW = 3;
+type Args = {
+    collections: ClientCollectionConfig[];
+    dateFormat: SanitizedConfig['admin']['dateFormat'];
+    i18n: I18n<any, any>;
+    /** `field.relationTo` — an array when the field is polymorphic. */
+    relationTo: string | string[];
+    value: unknown;
+};
+export type RelationshipGroup = {
+    /** Plural label of the target collection, empty when it cannot be determined. */
+    label: string;
+    /** One rendered label per document, capped at `TOTAL_TO_SHOW`. */
+    options: string[];
+    /** Options past `TOTAL_TO_SHOW` dropped from this group, to render as `and N more`. */
+    remaining: number;
+    /** Slug of the target collection, undefined when it cannot be determined. */
+    slug?: string;
+};
+/**
+ * Groups a relationship or upload value by target collection — one group per
+ * collection, labeled with its plural label, holding one label per document.
+ *
+ * Import files carry relationships in whichever shape produced them, so every
+ * entry is one of: a bare ID, a populated document, or the polymorphic
+ * `{ relationTo, value }` pair — whose `value` is itself an ID or a document.
+ *
+ * Each group caps at `TOTAL_TO_SHOW` options and counts the rest into `remaining`,
+ * so a polymorphic field shows the same depth per collection rather than spending
+ * one cell's worth of rows on whichever collection happens to come first. Groups are
+ * returned in the order their collection first appears, and entries whose collection
+ * cannot be determined collect into a single unlabeled group. Options keep their order
+ * in the file rather than being sorted, so the preview reflects what will be imported.
+ */
+export declare const getRelationshipGroups: ({ collections, dateFormat, i18n, relationTo, value, }: Args) => RelationshipGroup[];
+export {};
+//# sourceMappingURL=getRelationshipGroups.d.ts.map

package/dist/components/RelationshipCell/getRelationshipGroups.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"getRelationshipGroups.d.ts","sourceRoot":"","sources":["../../../src/components/RelationshipCell/getRelationshipGroups.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,IAAI,EAAE,MAAM,0BAA0B,CAAA;AACpD,OAAO,KAAK,EAAE,sBAAsB,EAAE,eAAe,EAAE,MAAM,SAAS,CAAA;AAKtE;;;GAGG;AACH,eAAO,MAAM,aAAa,IAAI,CAAA;AAE9B,KAAK,IAAI,GAAG;IACV,WAAW,EAAE,sBAAsB,EAAE,CAAA;IACrC,UAAU,EAAE,eAAe,CAAC,OAAO,CAAC,CAAC,YAAY,CAAC,CAAA;IAClD,IAAI,EAAE,IAAI,CAAC,GAAG,EAAE,GAAG,CAAC,CAAA;IACpB,mEAAmE;IACnE,UAAU,EAAE,MAAM,GAAG,MAAM,EAAE,CAAA;IAC7B,KAAK,EAAE,OAAO,CAAA;CACf,CAAA;AAED,MAAM,MAAM,iBAAiB,GAAG;IAC9B,iFAAiF;IACjF,KAAK,EAAE,MAAM,CAAA;IACb,kEAAkE;IAClE,OAAO,EAAE,MAAM,EAAE,CAAA;IACjB,uFAAuF;IACvF,SAAS,EAAE,MAAM,CAAA;IACjB,6EAA6E;IAC7E,IAAI,CAAC,EAAE,MAAM,CAAA;CACd,CAAA;AAED;;;;;;;;;;;;;;GAcG;AACH,eAAO,MAAM,qBAAqB,0DAM/B,IAAI,KAAG,iBAAiB,EAyC1B,CAAA"}

package/dist/components/RelationshipCell/getRelationshipGroups.js

@@ -0,0 +1,109 @@
+import { getTranslation } from '@payloadcms/translations';
+import { formatDocTitle } from '@payloadcms/ui/shared';
+/**
+ * Labels rendered per collection before the rest collapse into `and N more`,
+ * matching `totalToShow` in the list view's relationship cell.
+ */ export const TOTAL_TO_SHOW = 3;
+/**
+ * Groups a relationship or upload value by target collection — one group per
+ * collection, labeled with its plural label, holding one label per document.
+ *
+ * Import files carry relationships in whichever shape produced them, so every
+ * entry is one of: a bare ID, a populated document, or the polymorphic
+ * `{ relationTo, value }` pair — whose `value` is itself an ID or a document.
+ *
+ * Each group caps at `TOTAL_TO_SHOW` options and counts the rest into `remaining`,
+ * so a polymorphic field shows the same depth per collection rather than spending
+ * one cell's worth of rows on whichever collection happens to come first. Groups are
+ * returned in the order their collection first appears, and entries whose collection
+ * cannot be determined collect into a single unlabeled group. Options keep their order
+ * in the file rather than being sorted, so the preview reflects what will be imported.
+ */ export const getRelationshipGroups = ({ collections, dateFormat, i18n, relationTo, value })=>{
+    const entries = Array.isArray(value) ? value : [
+        value
+    ];
+    const configsBySlug = new Map(collections.map((collection)=>[
+            collection.slug,
+            collection
+        ]));
+    // Insertion order is the order each collection first appears, which is the order to render.
+    const groupsBySlug = new Map();
+    entries.forEach((entry)=>{
+        const { slug, target } = resolveEntry({
+            entry,
+            relationTo
+        });
+        const key = slug ?? '';
+        let group = groupsBySlug.get(key);
+        if (!group) {
+            group = {
+                slug,
+                label: slug ? getTranslation(configsBySlug.get(slug)?.labels?.plural || slug, i18n) : '',
+                options: [],
+                remaining: 0
+            };
+            groupsBySlug.set(key, group);
+        }
+        // Past the cap only the count matters, so skip the cost of titling the document.
+        if (group.options.length < TOTAL_TO_SHOW) {
+            group.options.push(getOptionLabel({
+                collectionConfig: slug ? configsBySlug.get(slug) : undefined,
+                dateFormat,
+                entry,
+                i18n,
+                target
+            }));
+        } else {
+            group.remaining++;
+        }
+    });
+    return [
+        ...groupsBySlug.values()
+    ];
+};
+/**
+ * Splits an entry into the collection it targets — `undefined` when that cannot be
+ * determined — and the ID or document it points at.
+ */ const resolveEntry = ({ entry, relationTo })=>{
+    const entryArgs = {
+        value: entry
+    };
+    if (isPolymorphicRelationship(entryArgs)) {
+        return {
+            slug: entryArgs.value.relationTo,
+            target: entryArgs.value.value
+        };
+    }
+    return {
+        slug: Array.isArray(relationTo) ? undefined : relationTo,
+        target: entry
+    };
+};
+const getOptionLabel = ({ collectionConfig, dateFormat, entry, i18n, target })=>{
+    const targetArgs = {
+        value: target
+    };
+    const doc = isRecord(targetArgs) ? targetArgs.value : undefined;
+    const id = doc ? doc.id : target;
+    // Fall back to JSON for anything that did not resolve to a usable ID. Interpolating an
+    // object into a template is the `[object Object]` this function exists to avoid.
+    if (typeof id !== 'string' && typeof id !== 'number') {
+        return JSON.stringify(entry) ?? '';
+    }
+    if (!doc) {
+        // A bare ID carries no document to title. Showing the ID alone is more honest than
+        // the field's `Untitled` fallback, which would assert the document has no title.
+        return `${id}`;
+    }
+    return formatDocTitle({
+        collectionConfig,
+        data: doc,
+        dateFormat,
+        fallback: `${i18n.t('general:untitled')} - ID: ${id}`,
+        i18n
+    });
+};
+const isRecord = (args)=>typeof args.value === 'object' && args.value !== null && !Array.isArray(args.value);
+const isPolymorphicRelationship = (args)=>isRecord(args) && typeof args.value.relationTo === 'string' && 'value' in args.value;
+
+//# sourceMappingURL=getRelationshipGroups.js.map

package/dist/components/RelationshipCell/getRelationshipGroups.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/components/RelationshipCell/getRelationshipGroups.ts"],"sourcesContent":["import type { I18n } from '@payloadcms/translations'\nimport type { ClientCollectionConfig, SanitizedConfig } from 'payload'\n\nimport { getTranslation } from '@payloadcms/translations'\nimport { formatDocTitle } from '@payloadcms/ui/shared'\n\n/**\n * Labels rendered per collection before the rest collapse into `and N more`,\n * matching `totalToShow` in the list view's relationship cell.\n */\nexport const TOTAL_TO_SHOW = 3\n\ntype Args = {\n  collections: ClientCollectionConfig[]\n  dateFormat: SanitizedConfig['admin']['dateFormat']\n  i18n: I18n<any, any>\n  /** `field.relationTo` — an array when the field is polymorphic. */\n  relationTo: string | string[]\n  value: unknown\n}\n\nexport type RelationshipGroup = {\n  /** Plural label of the target collection, empty when it cannot be determined. */\n  label: string\n  /** One rendered label per document, capped at `TOTAL_TO_SHOW`. */\n  options: string[]\n  /** Options past `TOTAL_TO_SHOW` dropped from this group, to render as `and N more`. */\n  remaining: number\n  /** Slug of the target collection, undefined when it cannot be determined. */\n  slug?: string\n}\n\n/**\n * Groups a relationship or upload value by target collection — one group per\n * collection, labeled with its plural label, holding one label per document.\n *\n * Import files carry relationships in whichever shape produced them, so every\n * entry is one of: a bare ID, a populated document, or the polymorphic\n * `{ relationTo, value }` pair — whose `value` is itself an ID or a document.\n *\n * Each group caps at `TOTAL_TO_SHOW` options and counts the rest into `remaining`,\n * so a polymorphic field shows the same depth per collection rather than spending\n * one cell's worth of rows on whichever collection happens to come first. Groups are\n * returned in the order their collection first appears, and entries whose collection\n * cannot be determined collect into a single unlabeled group. Options keep their order\n * in the file rather than being sorted, so the preview reflects what will be imported.\n */\nexport const getRelationshipGroups = ({\n  collections,\n  dateFormat,\n  i18n,\n  relationTo,\n  value,\n}: Args): RelationshipGroup[] => {\n  const entries = Array.isArray(value) ? value : [value]\n  const configsBySlug = new Map(collections.map((collection) => [collection.slug, collection]))\n\n  // Insertion order is the order each collection first appears, which is the order to render.\n  const groupsBySlug = new Map<string, RelationshipGroup>()\n\n  entries.forEach((entry) => {\n    const { slug, target } = resolveEntry({ entry, relationTo })\n\n    const key = slug ?? ''\n    let group = groupsBySlug.get(key)\n\n    if (!group) {\n      group = {\n        slug,\n        label: slug ? getTranslation(configsBySlug.get(slug)?.labels?.plural || slug, i18n) : '',\n        options: [],\n        remaining: 0,\n      }\n\n      groupsBySlug.set(key, group)\n    }\n\n    // Past the cap only the count matters, so skip the cost of titling the document.\n    if (group.options.length < TOTAL_TO_SHOW) {\n      group.options.push(\n        getOptionLabel({\n          collectionConfig: slug ? configsBySlug.get(slug) : undefined,\n          dateFormat,\n          entry,\n          i18n,\n          target,\n        }),\n      )\n    } else {\n      group.remaining++\n    }\n  })\n\n  return [...groupsBySlug.values()]\n}\n\n/**\n * Splits an entry into the collection it targets — `undefined` when that cannot be\n * determined — and the ID or document it points at.\n */\nconst resolveEntry = ({\n  entry,\n  relationTo,\n}: { entry: unknown } & Pick<Args, 'relationTo'>): { slug?: string; target: unknown } => {\n  const entryArgs = { value: entry }\n\n  if (isPolymorphicRelationship(entryArgs)) {\n    return { slug: entryArgs.value.relationTo, target: entryArgs.value.value }\n  }\n\n  return { slug: Array.isArray(relationTo) ? undefined : relationTo, target: entry }\n}\n\ntype GetOptionLabelArgs = {\n  collectionConfig?: ClientCollectionConfig\n  /** The original entry, kept for the JSON fallback when `target` holds no usable ID. */\n  entry: unknown\n  target: unknown\n} & Pick<Args, 'dateFormat' | 'i18n'>\n\nconst getOptionLabel = ({\n  collectionConfig,\n  dateFormat,\n  entry,\n  i18n,\n  target,\n}: GetOptionLabelArgs): string => {\n  const targetArgs = { value: target }\n  const doc = isRecord(targetArgs) ? targetArgs.value : undefined\n  const id = doc ? doc.id : target\n\n  // Fall back to JSON for anything that did not resolve to a usable ID. Interpolating an\n  // object into a template is the `[object Object]` this function exists to avoid.\n  if (typeof id !== 'string' && typeof id !== 'number') {\n    return JSON.stringify(entry) ?? ''\n  }\n\n  if (!doc) {\n    // A bare ID carries no document to title. Showing the ID alone is more honest than\n    // the field's `Untitled` fallback, which would assert the document has no title.\n    return `${id}`\n  }\n\n  return formatDocTitle({\n    collectionConfig,\n    data: doc as Parameters<typeof formatDocTitle>[0]['data'],\n    dateFormat,\n    fallback: `${i18n.t('general:untitled')} - ID: ${id}`,\n    i18n,\n  })\n}\n\ntype ValueArgs = { value: unknown }\n\nconst isRecord = (args: ValueArgs): args is { value: Record<string, unknown> } =>\n  typeof args.value === 'object' && args.value !== null && !Array.isArray(args.value)\n\nconst isPolymorphicRelationship = (\n  args: ValueArgs,\n): args is { value: { relationTo: string; value: unknown } } =>\n  isRecord(args) && typeof args.value.relationTo === 'string' && 'value' in args.value\n"],"names":["getTranslation","formatDocTitle","TOTAL_TO_SHOW","getRelationshipGroups","collections","dateFormat","i18n","relationTo","value","entries","Array","isArray","configsBySlug","Map","map","collection","slug","groupsBySlug","forEach","entry","target","resolveEntry","key","group","get","label","labels","plural","options","remaining","set","length","push","getOptionLabel","collectionConfig","undefined","values","entryArgs","isPolymorphicRelationship","targetArgs","doc","isRecord","id","JSON","stringify","data","fallback","t","args"],"mappings":"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"}