@payloadcms/next 3.70.0 → 3.71.0-internal-debug.80dab4c

package/dist/views/Version/RenderFieldsToDiff/fields/Upload/index.js

@@ -1,221 +1,263 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { jsxDEV as _jsxDEV } from "react/jsx-dev-runtime";
 import { getTranslation } from '@payloadcms/translations';
 import { FieldDiffContainer, File, getHTMLDiffComponents } from '@payloadcms/ui/rsc';
+import './index.scss';
 import React from 'react';
 const baseClass = 'upload-diff';
-export const Upload = args => {
-  const {
-    comparisonValue: valueFrom,
-    field,
-    i18n,
-    locale,
-    nestingLevel,
-    req,
-    versionValue: valueTo
-  } = args;
-  const hasMany = 'hasMany' in field && field.hasMany && Array.isArray(valueTo);
-  const polymorphic = Array.isArray(field.relationTo);
-  if (hasMany) {
-    return /*#__PURE__*/_jsx(HasManyUploadDiff, {
-      field: field,
-      i18n: i18n,
-      locale: locale,
-      nestingLevel: nestingLevel,
-      polymorphic: polymorphic,
-      req: req,
-      valueFrom: valueFrom,
-      valueTo: valueTo
-    });
-  }
-  return /*#__PURE__*/_jsx(SingleUploadDiff, {
-    field: field,
-    i18n: i18n,
-    locale: locale,
-    nestingLevel: nestingLevel,
-    polymorphic: polymorphic,
-    req: req,
-    valueFrom: valueFrom,
-    valueTo: valueTo
-  });
-};
-export const HasManyUploadDiff = async args => {
-  const {
-    field,
-    i18n,
-    locale,
-    nestingLevel,
-    polymorphic,
-    req,
-    valueFrom,
-    valueTo
-  } = args;
-  const ReactDOMServer = (await import('react-dom/server')).default;
-  let From = '';
-  let To = '';
-  const showCollectionSlug = Array.isArray(field.relationTo);
-  const getUploadDocKey = uploadDoc => {
-    if (typeof uploadDoc === 'object' && 'relationTo' in uploadDoc) {
-      // Polymorphic case
-      const value = uploadDoc.value;
-      return typeof value === 'object' ? value.id : value;
+export const Upload = (args)=>{
+    const { comparisonValue: valueFrom, field, i18n, locale, nestingLevel, req, versionValue: valueTo } = args;
+    const hasMany = 'hasMany' in field && field.hasMany && Array.isArray(valueTo);
+    const polymorphic = Array.isArray(field.relationTo);
+    if (hasMany) {
+        return /*#__PURE__*/ _jsxDEV(HasManyUploadDiff, {
+            field: field,
+            i18n: i18n,
+            locale: locale,
+            nestingLevel: nestingLevel,
+            polymorphic: polymorphic,
+            req: req,
+            valueFrom: valueFrom,
+            valueTo: valueTo
+        }, void 0, false, {
+            fileName: "src/views/Version/RenderFieldsToDiff/fields/Upload/index.tsx",
+            lineNumber: 38,
+            columnNumber: 7
+        }, this);
     }
-    // Non-polymorphic case
-    return typeof uploadDoc === 'object' ? uploadDoc.id : uploadDoc;
-  };
-  const FromComponents = valueFrom ? valueFrom.map(uploadDoc => /*#__PURE__*/_jsx(UploadDocumentDiff, {
-    i18n: i18n,
-    polymorphic: polymorphic,
-    relationTo: field.relationTo,
-    req: req,
-    showCollectionSlug: showCollectionSlug,
-    uploadDoc: uploadDoc
-  }, getUploadDocKey(uploadDoc))) : null;
-  const ToComponents = valueTo ? valueTo.map(uploadDoc => /*#__PURE__*/_jsx(UploadDocumentDiff, {
-    i18n: i18n,
-    polymorphic: polymorphic,
-    relationTo: field.relationTo,
-    req: req,
-    showCollectionSlug: showCollectionSlug,
-    uploadDoc: uploadDoc
-  }, getUploadDocKey(uploadDoc))) : null;
-  const diffResult = getHTMLDiffComponents({
-    fromHTML: `<div class="${baseClass}-hasMany">` + (FromComponents ? FromComponents.map(component => `<div>${ReactDOMServer.renderToStaticMarkup(component)}</div>`).join('') : '') + '</div>',
-    toHTML: `<div class="${baseClass}-hasMany">` + (ToComponents ? ToComponents.map(component => `<div>${ReactDOMServer.renderToStaticMarkup(component)}</div>`).join('') : '') + '</div>',
-    tokenizeByCharacter: false
-  });
-  From = diffResult.From;
-  To = diffResult.To;
-  return /*#__PURE__*/_jsx(FieldDiffContainer, {
-    className: `${baseClass}-container ${baseClass}-container--hasMany`,
-    From: From,
-    i18n: i18n,
-    label: {
-      label: field.label,
-      locale
-    },
-    nestingLevel: nestingLevel,
-    To: To
-  });
+    return /*#__PURE__*/ _jsxDEV(SingleUploadDiff, {
+        field: field,
+        i18n: i18n,
+        locale: locale,
+        nestingLevel: nestingLevel,
+        polymorphic: polymorphic,
+        req: req,
+        valueFrom: valueFrom,
+        valueTo: valueTo
+    }, void 0, false, {
+        fileName: "src/views/Version/RenderFieldsToDiff/fields/Upload/index.tsx",
+        lineNumber: 52,
+        columnNumber: 5
+    }, this);
 };
-export const SingleUploadDiff = async args => {
-  const {
-    field,
-    i18n,
-    locale,
-    nestingLevel,
-    polymorphic,
-    req,
-    valueFrom,
-    valueTo
-  } = args;
-  const ReactDOMServer = (await import('react-dom/server')).default;
-  let From = '';
-  let To = '';
-  const showCollectionSlug = Array.isArray(field.relationTo);
-  const FromComponent = valueFrom ? /*#__PURE__*/_jsx(UploadDocumentDiff, {
-    i18n: i18n,
-    polymorphic: polymorphic,
-    relationTo: field.relationTo,
-    req: req,
-    showCollectionSlug: showCollectionSlug,
-    uploadDoc: valueFrom
-  }) : null;
-  const ToComponent = valueTo ? /*#__PURE__*/_jsx(UploadDocumentDiff, {
-    i18n: i18n,
-    polymorphic: polymorphic,
-    relationTo: field.relationTo,
-    req: req,
-    showCollectionSlug: showCollectionSlug,
-    uploadDoc: valueTo
-  }) : null;
-  const fromHtml = FromComponent ? ReactDOMServer.renderToStaticMarkup(FromComponent) : '<p>' + '' + '</p>';
-  const toHtml = ToComponent ? ReactDOMServer.renderToStaticMarkup(ToComponent) : '<p>' + '' + '</p>';
-  const diffResult = getHTMLDiffComponents({
-    fromHTML: fromHtml,
-    toHTML: toHtml,
-    tokenizeByCharacter: false
-  });
-  From = diffResult.From;
-  To = diffResult.To;
-  return /*#__PURE__*/_jsx(FieldDiffContainer, {
-    className: `${baseClass}-container ${baseClass}-container--hasOne`,
-    From: From,
-    i18n: i18n,
-    label: {
-      label: field.label,
-      locale
-    },
-    nestingLevel: nestingLevel,
-    To: To
-  });
+export const HasManyUploadDiff = async (args)=>{
+    const { field, i18n, locale, nestingLevel, polymorphic, req, valueFrom, valueTo } = args;
+    const ReactDOMServer = (await import('react-dom/server')).default;
+    let From = '';
+    let To = '';
+    const showCollectionSlug = Array.isArray(field.relationTo);
+    const getUploadDocKey = (uploadDoc)=>{
+        if (typeof uploadDoc === 'object' && 'relationTo' in uploadDoc) {
+            // Polymorphic case
+            const value = uploadDoc.value;
+            return typeof value === 'object' ? value.id : value;
+        }
+        // Non-polymorphic case
+        return typeof uploadDoc === 'object' ? uploadDoc.id : uploadDoc;
+    };
+    const FromComponents = valueFrom ? valueFrom.map((uploadDoc)=>/*#__PURE__*/ _jsxDEV(UploadDocumentDiff, {
+            i18n: i18n,
+            polymorphic: polymorphic,
+            relationTo: field.relationTo,
+            req: req,
+            showCollectionSlug: showCollectionSlug,
+            uploadDoc: uploadDoc
+        }, getUploadDocKey(uploadDoc), false, {
+            fileName: "src/views/Version/RenderFieldsToDiff/fields/Upload/index.tsx",
+            lineNumber: 95,
+            columnNumber: 9
+        }, this)) : null;
+    const ToComponents = valueTo ? valueTo.map((uploadDoc)=>/*#__PURE__*/ _jsxDEV(UploadDocumentDiff, {
+            i18n: i18n,
+            polymorphic: polymorphic,
+            relationTo: field.relationTo,
+            req: req,
+            showCollectionSlug: showCollectionSlug,
+            uploadDoc: uploadDoc
+        }, getUploadDocKey(uploadDoc), false, {
+            fileName: "src/views/Version/RenderFieldsToDiff/fields/Upload/index.tsx",
+            lineNumber: 108,
+            columnNumber: 9
+        }, this)) : null;
+    const diffResult = getHTMLDiffComponents({
+        fromHTML: `<div class="${baseClass}-hasMany">` + (FromComponents ? FromComponents.map((component)=>`<div>${ReactDOMServer.renderToStaticMarkup(component)}</div>`).join('') : '') + '</div>',
+        toHTML: `<div class="${baseClass}-hasMany">` + (ToComponents ? ToComponents.map((component)=>`<div>${ReactDOMServer.renderToStaticMarkup(component)}</div>`).join('') : '') + '</div>',
+        tokenizeByCharacter: false
+    });
+    From = diffResult.From;
+    To = diffResult.To;
+    return /*#__PURE__*/ _jsxDEV(FieldDiffContainer, {
+        className: `${baseClass}-container ${baseClass}-container--hasMany`,
+        From: From,
+        i18n: i18n,
+        label: {
+            label: field.label,
+            locale
+        },
+        nestingLevel: nestingLevel,
+        To: To
+    }, void 0, false, {
+        fileName: "src/views/Version/RenderFieldsToDiff/fields/Upload/index.tsx",
+        lineNumber: 143,
+        columnNumber: 5
+    }, this);
 };
-const UploadDocumentDiff = args => {
-  const {
-    i18n,
-    polymorphic,
-    relationTo,
-    req,
-    showCollectionSlug,
-    uploadDoc
-  } = args;
-  let thumbnailSRC = '';
-  const value = polymorphic ? uploadDoc.value : uploadDoc;
-  if (value && typeof value === 'object' && 'thumbnailURL' in value) {
-    thumbnailSRC = typeof value.thumbnailURL === 'string' && value.thumbnailURL || typeof value.url === 'string' && value.url || '';
-  }
-  let filename;
-  if (value && typeof value === 'object') {
-    filename = value.filename;
-  } else {
-    filename = `${i18n.t('general:untitled')} - ID: ${uploadDoc}`;
-  }
-  let pillLabel = null;
-  if (showCollectionSlug) {
-    let collectionSlug;
-    if (polymorphic && typeof uploadDoc === 'object' && 'relationTo' in uploadDoc) {
-      collectionSlug = uploadDoc.relationTo;
+export const SingleUploadDiff = async (args)=>{
+    const { field, i18n, locale, nestingLevel, polymorphic, req, valueFrom, valueTo } = args;
+    const ReactDOMServer = (await import('react-dom/server')).default;
+    let From = '';
+    let To = '';
+    const showCollectionSlug = Array.isArray(field.relationTo);
+    const FromComponent = valueFrom ? /*#__PURE__*/ _jsxDEV(UploadDocumentDiff, {
+        i18n: i18n,
+        polymorphic: polymorphic,
+        relationTo: field.relationTo,
+        req: req,
+        showCollectionSlug: showCollectionSlug,
+        uploadDoc: valueFrom
+    }, void 0, false, {
+        fileName: "src/views/Version/RenderFieldsToDiff/fields/Upload/index.tsx",
+        lineNumber: 177,
+        columnNumber: 5
+    }, this) : null;
+    const ToComponent = valueTo ? /*#__PURE__*/ _jsxDEV(UploadDocumentDiff, {
+        i18n: i18n,
+        polymorphic: polymorphic,
+        relationTo: field.relationTo,
+        req: req,
+        showCollectionSlug: showCollectionSlug,
+        uploadDoc: valueTo
+    }, void 0, false, {
+        fileName: "src/views/Version/RenderFieldsToDiff/fields/Upload/index.tsx",
+        lineNumber: 187,
+        columnNumber: 5
+    }, this) : null;
+    const fromHtml = FromComponent ? ReactDOMServer.renderToStaticMarkup(FromComponent) : '<p>' + '' + '</p>';
+    const toHtml = ToComponent ? ReactDOMServer.renderToStaticMarkup(ToComponent) : '<p>' + '' + '</p>';
+    const diffResult = getHTMLDiffComponents({
+        fromHTML: fromHtml,
+        toHTML: toHtml,
+        tokenizeByCharacter: false
+    });
+    From = diffResult.From;
+    To = diffResult.To;
+    return /*#__PURE__*/ _jsxDEV(FieldDiffContainer, {
+        className: `${baseClass}-container ${baseClass}-container--hasOne`,
+        From: From,
+        i18n: i18n,
+        label: {
+            label: field.label,
+            locale
+        },
+        nestingLevel: nestingLevel,
+        To: To
+    }, void 0, false, {
+        fileName: "src/views/Version/RenderFieldsToDiff/fields/Upload/index.tsx",
+        lineNumber: 213,
+        columnNumber: 5
+    }, this);
+};
+const UploadDocumentDiff = (args)=>{
+    const { i18n, polymorphic, relationTo, req, showCollectionSlug, uploadDoc } = args;
+    let thumbnailSRC = '';
+    const value = polymorphic ? uploadDoc.value : uploadDoc;
+    if (value && typeof value === 'object' && 'thumbnailURL' in value) {
+        thumbnailSRC = typeof value.thumbnailURL === 'string' && value.thumbnailURL || typeof value.url === 'string' && value.url || '';
+    }
+    let filename;
+    if (value && typeof value === 'object') {
+        filename = value.filename;
     } else {
-      collectionSlug = typeof relationTo === 'string' ? relationTo : relationTo[0];
+        filename = `${i18n.t('general:untitled')} - ID: ${uploadDoc}`;
+    }
+    let pillLabel = null;
+    if (showCollectionSlug) {
+        let collectionSlug;
+        if (polymorphic && typeof uploadDoc === 'object' && 'relationTo' in uploadDoc) {
+            collectionSlug = uploadDoc.relationTo;
+        } else {
+            collectionSlug = typeof relationTo === 'string' ? relationTo : relationTo[0];
+        }
+        const uploadConfig = req.payload.collections[collectionSlug].config;
+        pillLabel = uploadConfig.labels?.singular ? getTranslation(uploadConfig.labels.singular, i18n) : uploadConfig.slug;
+    }
+    let id;
+    if (polymorphic && typeof uploadDoc === 'object' && 'relationTo' in uploadDoc) {
+        const polyValue = uploadDoc.value;
+        id = typeof polyValue === 'object' ? polyValue.id : polyValue;
+    } else if (typeof uploadDoc === 'object' && 'id' in uploadDoc) {
+        id = uploadDoc.id;
+    } else if (typeof uploadDoc === 'string' || typeof uploadDoc === 'number') {
+        id = uploadDoc;
     }
-    const uploadConfig = req.payload.collections[collectionSlug].config;
-    pillLabel = uploadConfig.labels?.singular ? getTranslation(uploadConfig.labels.singular, i18n) : uploadConfig.slug;
-  }
-  let id;
-  if (polymorphic && typeof uploadDoc === 'object' && 'relationTo' in uploadDoc) {
-    const polyValue = uploadDoc.value;
-    id = typeof polyValue === 'object' ? polyValue.id : polyValue;
-  } else if (typeof uploadDoc === 'object' && 'id' in uploadDoc) {
-    id = uploadDoc.id;
-  } else if (typeof uploadDoc === 'string' || typeof uploadDoc === 'number') {
-    id = uploadDoc;
-  }
-  return /*#__PURE__*/_jsx("div", {
-    className: `${baseClass}`,
-    "data-enable-match": "true",
-    "data-id": id,
-    "data-relation-to": relationTo,
-    children: /*#__PURE__*/_jsxs("div", {
-      className: `${baseClass}__card`,
-      children: [/*#__PURE__*/_jsx("div", {
-        className: `${baseClass}__thumbnail`,
-        children: thumbnailSRC?.length ? /*#__PURE__*/_jsx("img", {
-          alt: filename,
-          src: thumbnailSRC
-        }) : /*#__PURE__*/_jsx(File, {})
-      }), pillLabel && /*#__PURE__*/_jsx("div", {
-        className: `${baseClass}__pill`,
-        "data-enable-match": "false",
-        children: /*#__PURE__*/_jsx("span", {
-          children: pillLabel
-        })
-      }), /*#__PURE__*/_jsx("div", {
-        className: `${baseClass}__info`,
-        "data-enable-match": "false",
-        children: /*#__PURE__*/_jsx("strong", {
-          children: filename
-        })
-      })]
-    })
-  });
+    const alt = value && typeof value === 'object' && value.alt || filename || '';
+    return /*#__PURE__*/ _jsxDEV("div", {
+        className: `${baseClass}`,
+        "data-enable-match": "true",
+        "data-id": id,
+        "data-relation-to": relationTo,
+        children: /*#__PURE__*/ _jsxDEV("div", {
+            className: `${baseClass}__card`,
+            children: [
+                /*#__PURE__*/ _jsxDEV("div", {
+                    className: `${baseClass}__thumbnail`,
+                    children: thumbnailSRC?.length ? /*#__PURE__*/ _jsxDEV("img", {
+                        alt: alt,
+                        src: thumbnailSRC
+                    }, void 0, false, {
+                        fileName: "src/views/Version/RenderFieldsToDiff/fields/Upload/index.tsx",
+                        lineNumber: 294,
+                        columnNumber: 35
+                    }, this) : /*#__PURE__*/ _jsxDEV(File, {}, void 0, false, {
+                        fileName: "src/views/Version/RenderFieldsToDiff/fields/Upload/index.tsx",
+                        lineNumber: 294,
+                        columnNumber: 74
+                    }, this)
+                }, void 0, false, {
+                    fileName: "src/views/Version/RenderFieldsToDiff/fields/Upload/index.tsx",
+                    lineNumber: 293,
+                    columnNumber: 9
+                }, this),
+                pillLabel && /*#__PURE__*/ _jsxDEV("div", {
+                    className: `${baseClass}__pill`,
+                    "data-enable-match": "false",
+                    children: /*#__PURE__*/ _jsxDEV("span", {
+                        children: pillLabel
+                    }, void 0, false, {
+                        fileName: "src/views/Version/RenderFieldsToDiff/fields/Upload/index.tsx",
+                        lineNumber: 298,
+                        columnNumber: 13
+                    }, this)
+                }, void 0, false, {
+                    fileName: "src/views/Version/RenderFieldsToDiff/fields/Upload/index.tsx",
+                    lineNumber: 297,
+                    columnNumber: 11
+                }, this),
+                /*#__PURE__*/ _jsxDEV("div", {
+                    className: `${baseClass}__info`,
+                    "data-enable-match": "false",
+                    children: /*#__PURE__*/ _jsxDEV("strong", {
+                        children: filename
+                    }, void 0, false, {
+                        fileName: "src/views/Version/RenderFieldsToDiff/fields/Upload/index.tsx",
+                        lineNumber: 302,
+                        columnNumber: 11
+                    }, this)
+                }, void 0, false, {
+                    fileName: "src/views/Version/RenderFieldsToDiff/fields/Upload/index.tsx",
+                    lineNumber: 301,
+                    columnNumber: 9
+                }, this)
+            ]
+        }, void 0, true, {
+            fileName: "src/views/Version/RenderFieldsToDiff/fields/Upload/index.tsx",
+            lineNumber: 292,
+            columnNumber: 7
+        }, this)
+    }, void 0, false, {
+        fileName: "src/views/Version/RenderFieldsToDiff/fields/Upload/index.tsx",
+        lineNumber: 286,
+        columnNumber: 5
+    }, this);
 };
+
 //# sourceMappingURL=index.js.map

package/dist/views/Version/RenderFieldsToDiff/fields/Upload/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["getTranslation","FieldDiffContainer","File","getHTMLDiffComponents","React","baseClass","Upload","args","comparisonValue","valueFrom","field","i18n","locale","nestingLevel","req","versionValue","valueTo","hasMany","Array","isArray","polymorphic","relationTo","_jsx","HasManyUploadDiff","SingleUploadDiff","ReactDOMServer","default","From","To","showCollectionSlug","getUploadDocKey","uploadDoc","value","id","FromComponents","map","UploadDocumentDiff","ToComponents","diffResult","fromHTML","component","renderToStaticMarkup","join","toHTML","tokenizeByCharacter","className","label","FromComponent","ToComponent","fromHtml","toHtml","thumbnailSRC","thumbnailURL","url","filename","t","pillLabel","collectionSlug","uploadConfig","payload","collections","config","labels","singular","slug","polyValue","_jsxs","length","alt","src"],"sources":["../../../../../../src/views/Version/RenderFieldsToDiff/fields/Upload/index.tsx"],"sourcesContent":["import type {\n  FileData,\n  PayloadRequest,\n  TypeWithID,\n  UploadField,\n  UploadFieldDiffServerComponent,\n} from 'payload'\n\nimport { getTranslation, type I18nClient } from '@payloadcms/translations'\nimport { FieldDiffContainer, File, getHTMLDiffComponents } from '@payloadcms/ui/rsc'\n\nimport './index.scss'\n\nimport React from 'react'\n\nconst baseClass = 'upload-diff'\n\ntype NonPolyUploadDoc = (FileData & TypeWithID) | number | string\ntype PolyUploadDoc = { relationTo: string; value: (FileData & TypeWithID) | number | string }\n\ntype UploadDoc = NonPolyUploadDoc | PolyUploadDoc\n\nexport const Upload: UploadFieldDiffServerComponent = (args) => {\n  const {\n    comparisonValue: valueFrom,\n    field,\n    i18n,\n    locale,\n    nestingLevel,\n    req,\n    versionValue: valueTo,\n  } = args\n  const hasMany = 'hasMany' in field && field.hasMany && Array.isArray(valueTo)\n  const polymorphic = Array.isArray(field.relationTo)\n\n  if (hasMany) {\n    return (\n      <HasManyUploadDiff\n        field={field}\n        i18n={i18n}\n        locale={locale}\n        nestingLevel={nestingLevel}\n        polymorphic={polymorphic}\n        req={req}\n        valueFrom={valueFrom as UploadDoc[]}\n        valueTo={valueTo as UploadDoc[]}\n      />\n    )\n  }\n\n  return (\n    <SingleUploadDiff\n      field={field}\n      i18n={i18n}\n      locale={locale}\n      nestingLevel={nestingLevel}\n      polymorphic={polymorphic}\n      req={req}\n      valueFrom={valueFrom as UploadDoc}\n      valueTo={valueTo as UploadDoc}\n    />\n  )\n}\n\nexport const HasManyUploadDiff: React.FC<{\n  field: UploadField\n  i18n: I18nClient\n  locale: string\n  nestingLevel?: number\n  polymorphic: boolean\n  req: PayloadRequest\n  valueFrom: Array<UploadDoc>\n  valueTo: Array<UploadDoc>\n}> = async (args) => {\n  const { field, i18n, locale, nestingLevel, polymorphic, req, valueFrom, valueTo } = args\n  const ReactDOMServer = (await import('react-dom/server')).default\n\n  let From: React.ReactNode = ''\n  let To: React.ReactNode = ''\n\n  const showCollectionSlug = Array.isArray(field.relationTo)\n\n  const getUploadDocKey = (uploadDoc: UploadDoc): number | string => {\n    if (typeof uploadDoc === 'object' && 'relationTo' in uploadDoc) {\n      // Polymorphic case\n      const value = uploadDoc.value\n      return typeof value === 'object' ? value.id : value\n    }\n    // Non-polymorphic case\n    return typeof uploadDoc === 'object' ? uploadDoc.id : uploadDoc\n  }\n\n  const FromComponents = valueFrom\n    ? valueFrom.map((uploadDoc) => (\n        <UploadDocumentDiff\n          i18n={i18n}\n          key={getUploadDocKey(uploadDoc)}\n          polymorphic={polymorphic}\n          relationTo={field.relationTo}\n          req={req}\n          showCollectionSlug={showCollectionSlug}\n          uploadDoc={uploadDoc}\n        />\n      ))\n    : null\n  const ToComponents = valueTo\n    ? valueTo.map((uploadDoc) => (\n        <UploadDocumentDiff\n          i18n={i18n}\n          key={getUploadDocKey(uploadDoc)}\n          polymorphic={polymorphic}\n          relationTo={field.relationTo}\n          req={req}\n          showCollectionSlug={showCollectionSlug}\n          uploadDoc={uploadDoc}\n        />\n      ))\n    : null\n\n  const diffResult = getHTMLDiffComponents({\n    fromHTML:\n      `<div class=\"${baseClass}-hasMany\">` +\n      (FromComponents\n        ? FromComponents.map(\n            (component) => `<div>${ReactDOMServer.renderToStaticMarkup(component)}</div>`,\n          ).join('')\n        : '') +\n      '</div>',\n    toHTML:\n      `<div class=\"${baseClass}-hasMany\">` +\n      (ToComponents\n        ? ToComponents.map(\n            (component) => `<div>${ReactDOMServer.renderToStaticMarkup(component)}</div>`,\n          ).join('')\n        : '') +\n      '</div>',\n    tokenizeByCharacter: false,\n  })\n  From = diffResult.From\n  To = diffResult.To\n\n  return (\n    <FieldDiffContainer\n      className={`${baseClass}-container ${baseClass}-container--hasMany`}\n      From={From}\n      i18n={i18n}\n      label={{\n        label: field.label,\n        locale,\n      }}\n      nestingLevel={nestingLevel}\n      To={To}\n    />\n  )\n}\n\nexport const SingleUploadDiff: React.FC<{\n  field: UploadField\n  i18n: I18nClient\n  locale: string\n  nestingLevel?: number\n  polymorphic: boolean\n  req: PayloadRequest\n  valueFrom: UploadDoc\n  valueTo: UploadDoc\n}> = async (args) => {\n  const { field, i18n, locale, nestingLevel, polymorphic, req, valueFrom, valueTo } = args\n\n  const ReactDOMServer = (await import('react-dom/server')).default\n\n  let From: React.ReactNode = ''\n  let To: React.ReactNode = ''\n\n  const showCollectionSlug = Array.isArray(field.relationTo)\n\n  const FromComponent = valueFrom ? (\n    <UploadDocumentDiff\n      i18n={i18n}\n      polymorphic={polymorphic}\n      relationTo={field.relationTo}\n      req={req}\n      showCollectionSlug={showCollectionSlug}\n      uploadDoc={valueFrom}\n    />\n  ) : null\n  const ToComponent = valueTo ? (\n    <UploadDocumentDiff\n      i18n={i18n}\n      polymorphic={polymorphic}\n      relationTo={field.relationTo}\n      req={req}\n      showCollectionSlug={showCollectionSlug}\n      uploadDoc={valueTo}\n    />\n  ) : null\n\n  const fromHtml = FromComponent\n    ? ReactDOMServer.renderToStaticMarkup(FromComponent)\n    : '<p>' + '' + '</p>'\n  const toHtml = ToComponent\n    ? ReactDOMServer.renderToStaticMarkup(ToComponent)\n    : '<p>' + '' + '</p>'\n\n  const diffResult = getHTMLDiffComponents({\n    fromHTML: fromHtml,\n    toHTML: toHtml,\n    tokenizeByCharacter: false,\n  })\n  From = diffResult.From\n  To = diffResult.To\n\n  return (\n    <FieldDiffContainer\n      className={`${baseClass}-container ${baseClass}-container--hasOne`}\n      From={From}\n      i18n={i18n}\n      label={{\n        label: field.label,\n        locale,\n      }}\n      nestingLevel={nestingLevel}\n      To={To}\n    />\n  )\n}\n\nconst UploadDocumentDiff = (args: {\n  i18n: I18nClient\n  polymorphic: boolean\n  relationTo: string | string[]\n  req: PayloadRequest\n  showCollectionSlug?: boolean\n  uploadDoc: UploadDoc\n}) => {\n  const { i18n, polymorphic, relationTo, req, showCollectionSlug, uploadDoc } = args\n\n  let thumbnailSRC: string = ''\n\n  const value = polymorphic\n    ? (uploadDoc as { relationTo: string; value: FileData & TypeWithID }).value\n    : (uploadDoc as FileData & TypeWithID)\n\n  if (value && typeof value === 'object' && 'thumbnailURL' in value) {\n    thumbnailSRC =\n      (typeof value.thumbnailURL === 'string' && value.thumbnailURL) ||\n      (typeof value.url === 'string' && value.url) ||\n      ''\n  }\n\n  let filename: string\n  if (value && typeof value === 'object') {\n    filename = value.filename\n  } else {\n    filename = `${i18n.t('general:untitled')} - ID: ${uploadDoc as number | string}`\n  }\n\n  let pillLabel: null | string = null\n\n  if (showCollectionSlug) {\n    let collectionSlug: string\n    if (polymorphic && typeof uploadDoc === 'object' && 'relationTo' in uploadDoc) {\n      collectionSlug = uploadDoc.relationTo\n    } else {\n      collectionSlug = typeof relationTo === 'string' ? relationTo : relationTo[0]\n    }\n    const uploadConfig = req.payload.collections[collectionSlug].config\n    pillLabel = uploadConfig.labels?.singular\n      ? getTranslation(uploadConfig.labels.singular, i18n)\n      : uploadConfig.slug\n  }\n\n  let id: number | string | undefined\n  if (polymorphic && typeof uploadDoc === 'object' && 'relationTo' in uploadDoc) {\n    const polyValue = uploadDoc.value\n    id = typeof polyValue === 'object' ? polyValue.id : polyValue\n  } else if (typeof uploadDoc === 'object' && 'id' in uploadDoc) {\n    id = uploadDoc.id\n  } else if (typeof uploadDoc === 'string' || typeof uploadDoc === 'number') {\n    id = uploadDoc\n  }\n\n  return (\n    <div\n      className={`${baseClass}`}\n      data-enable-match=\"true\"\n      data-id={id}\n      data-relation-to={relationTo}\n    >\n      <div className={`${baseClass}__card`}>\n        <div className={`${baseClass}__thumbnail`}>\n          {thumbnailSRC?.length ? <img alt={filename} src={thumbnailSRC} /> : <File />}\n        </div>\n        {pillLabel && (\n          <div className={`${baseClass}__pill`} data-enable-match=\"false\">\n            <span>{pillLabel}</span>\n          </div>\n        )}\n        <div className={`${baseClass}__info`} data-enable-match=\"false\">\n          <strong>{filename}</strong>\n        </div>\n      </div>\n    </div>\n  )\n}\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"sources":["../../../../../../src/views/Version/RenderFieldsToDiff/fields/Upload/index.tsx"],"sourcesContent":["import type {\n  FileData,\n  PayloadRequest,\n  TypeWithID,\n  UploadField,\n  UploadFieldDiffServerComponent,\n} from 'payload'\n\nimport { getTranslation, type I18nClient } from '@payloadcms/translations'\nimport { FieldDiffContainer, File, getHTMLDiffComponents } from '@payloadcms/ui/rsc'\n\nimport './index.scss'\n\nimport React from 'react'\n\nconst baseClass = 'upload-diff'\n\ntype NonPolyUploadDoc = (FileData & TypeWithID) | number | string\ntype PolyUploadDoc = { relationTo: string; value: (FileData & TypeWithID) | number | string }\n\ntype UploadDoc = NonPolyUploadDoc | PolyUploadDoc\n\nexport const Upload: UploadFieldDiffServerComponent = (args) => {\n  const {\n    comparisonValue: valueFrom,\n    field,\n    i18n,\n    locale,\n    nestingLevel,\n    req,\n    versionValue: valueTo,\n  } = args\n  const hasMany = 'hasMany' in field && field.hasMany && Array.isArray(valueTo)\n  const polymorphic = Array.isArray(field.relationTo)\n\n  if (hasMany) {\n    return (\n      <HasManyUploadDiff\n        field={field}\n        i18n={i18n}\n        locale={locale}\n        nestingLevel={nestingLevel}\n        polymorphic={polymorphic}\n        req={req}\n        valueFrom={valueFrom as UploadDoc[]}\n        valueTo={valueTo as UploadDoc[]}\n      />\n    )\n  }\n\n  return (\n    <SingleUploadDiff\n      field={field}\n      i18n={i18n}\n      locale={locale}\n      nestingLevel={nestingLevel}\n      polymorphic={polymorphic}\n      req={req}\n      valueFrom={valueFrom as UploadDoc}\n      valueTo={valueTo as UploadDoc}\n    />\n  )\n}\n\nexport const HasManyUploadDiff: React.FC<{\n  field: UploadField\n  i18n: I18nClient\n  locale: string\n  nestingLevel?: number\n  polymorphic: boolean\n  req: PayloadRequest\n  valueFrom: Array<UploadDoc>\n  valueTo: Array<UploadDoc>\n}> = async (args) => {\n  const { field, i18n, locale, nestingLevel, polymorphic, req, valueFrom, valueTo } = args\n  const ReactDOMServer = (await import('react-dom/server')).default\n\n  let From: React.ReactNode = ''\n  let To: React.ReactNode = ''\n\n  const showCollectionSlug = Array.isArray(field.relationTo)\n\n  const getUploadDocKey = (uploadDoc: UploadDoc): number | string => {\n    if (typeof uploadDoc === 'object' && 'relationTo' in uploadDoc) {\n      // Polymorphic case\n      const value = uploadDoc.value\n      return typeof value === 'object' ? value.id : value\n    }\n    // Non-polymorphic case\n    return typeof uploadDoc === 'object' ? uploadDoc.id : uploadDoc\n  }\n\n  const FromComponents = valueFrom\n    ? valueFrom.map((uploadDoc) => (\n        <UploadDocumentDiff\n          i18n={i18n}\n          key={getUploadDocKey(uploadDoc)}\n          polymorphic={polymorphic}\n          relationTo={field.relationTo}\n          req={req}\n          showCollectionSlug={showCollectionSlug}\n          uploadDoc={uploadDoc}\n        />\n      ))\n    : null\n  const ToComponents = valueTo\n    ? valueTo.map((uploadDoc) => (\n        <UploadDocumentDiff\n          i18n={i18n}\n          key={getUploadDocKey(uploadDoc)}\n          polymorphic={polymorphic}\n          relationTo={field.relationTo}\n          req={req}\n          showCollectionSlug={showCollectionSlug}\n          uploadDoc={uploadDoc}\n        />\n      ))\n    : null\n\n  const diffResult = getHTMLDiffComponents({\n    fromHTML:\n      `<div class=\"${baseClass}-hasMany\">` +\n      (FromComponents\n        ? FromComponents.map(\n            (component) => `<div>${ReactDOMServer.renderToStaticMarkup(component)}</div>`,\n          ).join('')\n        : '') +\n      '</div>',\n    toHTML:\n      `<div class=\"${baseClass}-hasMany\">` +\n      (ToComponents\n        ? ToComponents.map(\n            (component) => `<div>${ReactDOMServer.renderToStaticMarkup(component)}</div>`,\n          ).join('')\n        : '') +\n      '</div>',\n    tokenizeByCharacter: false,\n  })\n  From = diffResult.From\n  To = diffResult.To\n\n  return (\n    <FieldDiffContainer\n      className={`${baseClass}-container ${baseClass}-container--hasMany`}\n      From={From}\n      i18n={i18n}\n      label={{\n        label: field.label,\n        locale,\n      }}\n      nestingLevel={nestingLevel}\n      To={To}\n    />\n  )\n}\n\nexport const SingleUploadDiff: React.FC<{\n  field: UploadField\n  i18n: I18nClient\n  locale: string\n  nestingLevel?: number\n  polymorphic: boolean\n  req: PayloadRequest\n  valueFrom: UploadDoc\n  valueTo: UploadDoc\n}> = async (args) => {\n  const { field, i18n, locale, nestingLevel, polymorphic, req, valueFrom, valueTo } = args\n\n  const ReactDOMServer = (await import('react-dom/server')).default\n\n  let From: React.ReactNode = ''\n  let To: React.ReactNode = ''\n\n  const showCollectionSlug = Array.isArray(field.relationTo)\n\n  const FromComponent = valueFrom ? (\n    <UploadDocumentDiff\n      i18n={i18n}\n      polymorphic={polymorphic}\n      relationTo={field.relationTo}\n      req={req}\n      showCollectionSlug={showCollectionSlug}\n      uploadDoc={valueFrom}\n    />\n  ) : null\n  const ToComponent = valueTo ? (\n    <UploadDocumentDiff\n      i18n={i18n}\n      polymorphic={polymorphic}\n      relationTo={field.relationTo}\n      req={req}\n      showCollectionSlug={showCollectionSlug}\n      uploadDoc={valueTo}\n    />\n  ) : null\n\n  const fromHtml = FromComponent\n    ? ReactDOMServer.renderToStaticMarkup(FromComponent)\n    : '<p>' + '' + '</p>'\n  const toHtml = ToComponent\n    ? ReactDOMServer.renderToStaticMarkup(ToComponent)\n    : '<p>' + '' + '</p>'\n\n  const diffResult = getHTMLDiffComponents({\n    fromHTML: fromHtml,\n    toHTML: toHtml,\n    tokenizeByCharacter: false,\n  })\n  From = diffResult.From\n  To = diffResult.To\n\n  return (\n    <FieldDiffContainer\n      className={`${baseClass}-container ${baseClass}-container--hasOne`}\n      From={From}\n      i18n={i18n}\n      label={{\n        label: field.label,\n        locale,\n      }}\n      nestingLevel={nestingLevel}\n      To={To}\n    />\n  )\n}\n\nconst UploadDocumentDiff = (args: {\n  i18n: I18nClient\n  polymorphic: boolean\n  relationTo: string | string[]\n  req: PayloadRequest\n  showCollectionSlug?: boolean\n  uploadDoc: UploadDoc\n}) => {\n  const { i18n, polymorphic, relationTo, req, showCollectionSlug, uploadDoc } = args\n\n  let thumbnailSRC: string = ''\n\n  const value = polymorphic\n    ? (uploadDoc as { relationTo: string; value: FileData & TypeWithID }).value\n    : (uploadDoc as FileData & TypeWithID)\n\n  if (value && typeof value === 'object' && 'thumbnailURL' in value) {\n    thumbnailSRC =\n      (typeof value.thumbnailURL === 'string' && value.thumbnailURL) ||\n      (typeof value.url === 'string' && value.url) ||\n      ''\n  }\n\n  let filename: string\n  if (value && typeof value === 'object') {\n    filename = value.filename\n  } else {\n    filename = `${i18n.t('general:untitled')} - ID: ${uploadDoc as number | string}`\n  }\n\n  let pillLabel: null | string = null\n\n  if (showCollectionSlug) {\n    let collectionSlug: string\n    if (polymorphic && typeof uploadDoc === 'object' && 'relationTo' in uploadDoc) {\n      collectionSlug = uploadDoc.relationTo\n    } else {\n      collectionSlug = typeof relationTo === 'string' ? relationTo : relationTo[0]\n    }\n    const uploadConfig = req.payload.collections[collectionSlug].config\n    pillLabel = uploadConfig.labels?.singular\n      ? getTranslation(uploadConfig.labels.singular, i18n)\n      : uploadConfig.slug\n  }\n\n  let id: number | string | undefined\n  if (polymorphic && typeof uploadDoc === 'object' && 'relationTo' in uploadDoc) {\n    const polyValue = uploadDoc.value\n    id = typeof polyValue === 'object' ? polyValue.id : polyValue\n  } else if (typeof uploadDoc === 'object' && 'id' in uploadDoc) {\n    id = uploadDoc.id\n  } else if (typeof uploadDoc === 'string' || typeof uploadDoc === 'number') {\n    id = uploadDoc\n  }\n\n  const alt =\n    (value && typeof value === 'object' && (value as { alt?: string }).alt) || filename || ''\n\n  return (\n    <div\n      className={`${baseClass}`}\n      data-enable-match=\"true\"\n      data-id={id}\n      data-relation-to={relationTo}\n    >\n      <div className={`${baseClass}__card`}>\n        <div className={`${baseClass}__thumbnail`}>\n          {thumbnailSRC?.length ? <img alt={alt} src={thumbnailSRC} /> : <File />}\n        </div>\n        {pillLabel && (\n          <div className={`${baseClass}__pill`} data-enable-match=\"false\">\n            <span>{pillLabel}</span>\n          </div>\n        )}\n        <div className={`${baseClass}__info`} data-enable-match=\"false\">\n          <strong>{filename}</strong>\n        </div>\n      </div>\n    </div>\n  )\n}\n"],"names":["getTranslation","FieldDiffContainer","File","getHTMLDiffComponents","React","baseClass","Upload","args","comparisonValue","valueFrom","field","i18n","locale","nestingLevel","req","versionValue","valueTo","hasMany","Array","isArray","polymorphic","relationTo","HasManyUploadDiff","SingleUploadDiff","ReactDOMServer","default","From","To","showCollectionSlug","getUploadDocKey","uploadDoc","value","id","FromComponents","map","UploadDocumentDiff","ToComponents","diffResult","fromHTML","component","renderToStaticMarkup","join","toHTML","tokenizeByCharacter","className","label","FromComponent","ToComponent","fromHtml","toHtml","thumbnailSRC","thumbnailURL","url","filename","t","pillLabel","collectionSlug","uploadConfig","payload","collections","config","labels","singular","slug","polyValue","alt","div","data-enable-match","data-id","data-relation-to","length","img","src","span","strong"],"mappings":"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"}