@payloadcms/next 3.68.0-internal-debug.e9b66ee → 3.68.0-internal.10bf491

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

@@ -1,62 +1,100 @@
 'use client';
+
+import { c as _c } from "react/compiler-runtime";
+import { jsx as _jsx } from "react/jsx-runtime";
 import { FieldDiffContainer, getHTMLDiffComponents, useTranslation } from '@payloadcms/ui';
-import './index.scss';
+import React from 'react';
 const baseClass = 'text-diff';
 function formatValue(value) {
-    if (typeof value === 'string') {
-        return {
-            tokenizeByCharacter: true,
-            value
-        };
-    }
-    if (typeof value === 'number') {
-        return {
-            tokenizeByCharacter: true,
-            value: String(value)
-        };
-    }
-    if (typeof value === 'boolean') {
-        return {
-            tokenizeByCharacter: false,
-            value: String(value)
-        };
-    }
-    if (value && typeof value === 'object') {
-        return {
-            tokenizeByCharacter: false,
-            value: `<pre>${JSON.stringify(value, null, 2)}</pre>`
-        };
-    }
+  if (typeof value === 'string') {
+    return {
+      tokenizeByCharacter: true,
+      value
+    };
+  }
+  if (typeof value === 'number') {
     return {
-        tokenizeByCharacter: true,
-        value: undefined
+      tokenizeByCharacter: true,
+      value: String(value)
     };
+  }
+  if (typeof value === 'boolean') {
+    return {
+      tokenizeByCharacter: false,
+      value: String(value)
+    };
+  }
+  if (value && typeof value === 'object') {
+    return {
+      tokenizeByCharacter: false,
+      value: `<pre>${JSON.stringify(value, null, 2)}</pre>`
+    };
+  }
+  return {
+    tokenizeByCharacter: true,
+    value: undefined
+  };
 }
-export const Text = ({ comparisonValue: valueFrom, field, locale, nestingLevel, versionValue: valueTo })=>{
-    const { i18n } = useTranslation();
-    let placeholder = '';
-    if (valueTo == valueFrom) {
-        placeholder = `<span class="html-diff-no-value"><span>`;
-    }
+export const Text = t0 => {
+  const $ = _c(8);
+  const {
+    comparisonValue: valueFrom,
+    field,
+    locale,
+    nestingLevel,
+    versionValue: valueTo
+  } = t0;
+  const {
+    i18n
+  } = useTranslation();
+  let placeholder = "";
+  if (valueTo == valueFrom) {
+    placeholder = "<span class=\"html-diff-no-value\"><span>";
+  }
+  let t1;
+  if ($[0] !== field.label || $[1] !== i18n || $[2] !== locale || $[3] !== nestingLevel || $[4] !== placeholder || $[5] !== valueFrom || $[6] !== valueTo) {
     const formattedValueFrom = formatValue(valueFrom);
     const formattedValueTo = formatValue(valueTo);
     let tokenizeByCharacter = true;
     if (formattedValueFrom.value?.length) {
-        tokenizeByCharacter = formattedValueFrom.tokenizeByCharacter;
-    } else if (formattedValueTo.value?.length) {
+      tokenizeByCharacter = formattedValueFrom.tokenizeByCharacter;
+    } else {
+      if (formattedValueTo.value?.length) {
         tokenizeByCharacter = formattedValueTo.tokenizeByCharacter;
+      }
     }
     const renderedValueFrom = formattedValueFrom.value ?? placeholder;
     const renderedValueTo = formattedValueTo.value ?? placeholder;
-    const { From, To } = getHTMLDiffComponents({
-        fromHTML: '<p>' + renderedValueFrom + '</p>',
-        toHTML: '<p>' + renderedValueTo + '</p>',
-        tokenizeByCharacter
+    const {
+      From,
+      To
+    } = getHTMLDiffComponents({
+      fromHTML: "<p>" + renderedValueFrom + "</p>",
+      toHTML: "<p>" + renderedValueTo + "</p>",
+      tokenizeByCharacter
     });
-    return <FieldDiffContainer className={baseClass} From={From} i18n={i18n} label={{
+    t1 = _jsx(FieldDiffContainer, {
+      className: baseClass,
+      From,
+      i18n,
+      label: {
         label: field.label,
         locale
-    }} nestingLevel={nestingLevel} To={To}/>;
+      },
+      nestingLevel,
+      To
+    });
+    $[0] = field.label;
+    $[1] = i18n;
+    $[2] = locale;
+    $[3] = nestingLevel;
+    $[4] = placeholder;
+    $[5] = valueFrom;
+    $[6] = valueTo;
+    $[7] = t1;
+  } else {
+    t1 = $[7];
+  }
+  return t1;
 };
-
 //# sourceMappingURL=index.js.map

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../../../../src/views/Version/RenderFieldsToDiff/fields/Text/index.tsx"],"sourcesContent":["'use client'\nimport type { TextFieldDiffClientComponent } from 'payload'\n\nimport { FieldDiffContainer, getHTMLDiffComponents, useTranslation } from '@payloadcms/ui'\n\nimport './index.scss'\n\nimport React from 'react'\n\nconst baseClass = 'text-diff'\n\nfunction formatValue(value: unknown): {\n  tokenizeByCharacter: boolean\n  value: string\n} {\n  if (typeof value === 'string') {\n    return { tokenizeByCharacter: true, value }\n  }\n  if (typeof value === 'number') {\n    return {\n      tokenizeByCharacter: true,\n      value: String(value),\n    }\n  }\n  if (typeof value === 'boolean') {\n    return {\n      tokenizeByCharacter: false,\n      value: String(value),\n    }\n  }\n\n  if (value && typeof value === 'object') {\n    return {\n      tokenizeByCharacter: false,\n      value: `<pre>${JSON.stringify(value, null, 2)}</pre>`,\n    }\n  }\n\n  return {\n    tokenizeByCharacter: true,\n    value: undefined,\n  }\n}\n\nexport const Text: TextFieldDiffClientComponent = ({\n  comparisonValue: valueFrom,\n  field,\n  locale,\n  nestingLevel,\n  versionValue: valueTo,\n}) => {\n  const { i18n } = useTranslation()\n\n  let placeholder = ''\n\n  if (valueTo == valueFrom) {\n    placeholder = `<span class=\"html-diff-no-value\"><span>`\n  }\n\n  const formattedValueFrom = formatValue(valueFrom)\n  const formattedValueTo = formatValue(valueTo)\n\n  let tokenizeByCharacter = true\n  if (formattedValueFrom.value?.length) {\n    tokenizeByCharacter = formattedValueFrom.tokenizeByCharacter\n  } else if (formattedValueTo.value?.length) {\n    tokenizeByCharacter = formattedValueTo.tokenizeByCharacter\n  }\n\n  const renderedValueFrom = formattedValueFrom.value ?? placeholder\n  const renderedValueTo: string = formattedValueTo.value ?? placeholder\n\n  const { From, To } = getHTMLDiffComponents({\n    fromHTML: '<p>' + renderedValueFrom + '</p>',\n    toHTML: '<p>' + renderedValueTo + '</p>',\n    tokenizeByCharacter,\n  })\n\n  return (\n    <FieldDiffContainer\n      className={baseClass}\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"],"names":["FieldDiffContainer","getHTMLDiffComponents","useTranslation","baseClass","formatValue","value","tokenizeByCharacter","String","JSON","stringify","undefined","Text","comparisonValue","valueFrom","field","locale","nestingLevel","versionValue","valueTo","i18n","placeholder","formattedValueFrom","formattedValueTo","length","renderedValueFrom","renderedValueTo","From","To","fromHTML","toHTML","className","label"],"mappings":"AAAA;AAGA,SAASA,kBAAkB,EAAEC,qBAAqB,EAAEC,cAAc,QAAQ,iBAAgB;AAE1F,OAAO,eAAc;AAIrB,MAAMC,YAAY;AAElB,SAASC,YAAYC,KAAc;IAIjC,IAAI,OAAOA,UAAU,UAAU;QAC7B,OAAO;YAAEC,qBAAqB;YAAMD;QAAM;IAC5C;IACA,IAAI,OAAOA,UAAU,UAAU;QAC7B,OAAO;YACLC,qBAAqB;YACrBD,OAAOE,OAAOF;QAChB;IACF;IACA,IAAI,OAAOA,UAAU,WAAW;QAC9B,OAAO;YACLC,qBAAqB;YACrBD,OAAOE,OAAOF;QAChB;IACF;IAEA,IAAIA,SAAS,OAAOA,UAAU,UAAU;QACtC,OAAO;YACLC,qBAAqB;YACrBD,OAAO,CAAC,KAAK,EAAEG,KAAKC,SAAS,CAACJ,OAAO,MAAM,GAAG,MAAM,CAAC;QACvD;IACF;IAEA,OAAO;QACLC,qBAAqB;QACrBD,OAAOK;IACT;AACF;AAEA,OAAO,MAAMC,OAAqC,CAAC,EACjDC,iBAAiBC,SAAS,EAC1BC,KAAK,EACLC,MAAM,EACNC,YAAY,EACZC,cAAcC,OAAO,EACtB;IACC,MAAM,EAAEC,IAAI,EAAE,GAAGjB;IAEjB,IAAIkB,cAAc;IAElB,IAAIF,WAAWL,WAAW;QACxBO,cAAc,CAAC,uCAAuC,CAAC;IACzD;IAEA,MAAMC,qBAAqBjB,YAAYS;IACvC,MAAMS,mBAAmBlB,YAAYc;IAErC,IAAIZ,sBAAsB;IAC1B,IAAIe,mBAAmBhB,KAAK,EAAEkB,QAAQ;QACpCjB,sBAAsBe,mBAAmBf,mBAAmB;IAC9D,OAAO,IAAIgB,iBAAiBjB,KAAK,EAAEkB,QAAQ;QACzCjB,sBAAsBgB,iBAAiBhB,mBAAmB;IAC5D;IAEA,MAAMkB,oBAAoBH,mBAAmBhB,KAAK,IAAIe;IACtD,MAAMK,kBAA0BH,iBAAiBjB,KAAK,IAAIe;IAE1D,MAAM,EAAEM,IAAI,EAAEC,EAAE,EAAE,GAAG1B,sBAAsB;QACzC2B,UAAU,QAAQJ,oBAAoB;QACtCK,QAAQ,QAAQJ,kBAAkB;QAClCnB;IACF;IAEA,QACGN,mBACC8B,WAAW3B,WACXuB,MAAMA,MACNP,MAAMA,MACNY,OAAO;QACLA,OAAOjB,MAAMiB,KAAK;QAClBhB;IACF,GACAC,cAAcA,cACdW,IAAIA;AAGV,EAAC"}
+{"version":3,"file":"index.js","names":["c","_c","FieldDiffContainer","getHTMLDiffComponents","useTranslation","React","baseClass","formatValue","value","tokenizeByCharacter","String","JSON","stringify","undefined","Text","t0","$","comparisonValue","valueFrom","field","locale","nestingLevel","versionValue","valueTo","i18n","placeholder","t1","label","formattedValueFrom","formattedValueTo","length","renderedValueFrom","renderedValueTo","From","To","fromHTML","toHTML","_jsx","className"],"sources":["../../../../../../src/views/Version/RenderFieldsToDiff/fields/Text/index.tsx"],"sourcesContent":["'use client'\nimport type { TextFieldDiffClientComponent } from 'payload'\n\nimport { FieldDiffContainer, getHTMLDiffComponents, useTranslation } from '@payloadcms/ui'\n\nimport './index.scss'\n\nimport React from 'react'\n\nconst baseClass = 'text-diff'\n\nfunction formatValue(value: unknown): {\n  tokenizeByCharacter: boolean\n  value: string\n} {\n  if (typeof value === 'string') {\n    return { tokenizeByCharacter: true, value }\n  }\n  if (typeof value === 'number') {\n    return {\n      tokenizeByCharacter: true,\n      value: String(value),\n    }\n  }\n  if (typeof value === 'boolean') {\n    return {\n      tokenizeByCharacter: false,\n      value: String(value),\n    }\n  }\n\n  if (value && typeof value === 'object') {\n    return {\n      tokenizeByCharacter: false,\n      value: `<pre>${JSON.stringify(value, null, 2)}</pre>`,\n    }\n  }\n\n  return {\n    tokenizeByCharacter: true,\n    value: undefined,\n  }\n}\n\nexport const Text: TextFieldDiffClientComponent = ({\n  comparisonValue: valueFrom,\n  field,\n  locale,\n  nestingLevel,\n  versionValue: valueTo,\n}) => {\n  const { i18n } = useTranslation()\n\n  let placeholder = ''\n\n  if (valueTo == valueFrom) {\n    placeholder = `<span class=\"html-diff-no-value\"><span>`\n  }\n\n  const formattedValueFrom = formatValue(valueFrom)\n  const formattedValueTo = formatValue(valueTo)\n\n  let tokenizeByCharacter = true\n  if (formattedValueFrom.value?.length) {\n    tokenizeByCharacter = formattedValueFrom.tokenizeByCharacter\n  } else if (formattedValueTo.value?.length) {\n    tokenizeByCharacter = formattedValueTo.tokenizeByCharacter\n  }\n\n  const renderedValueFrom = formattedValueFrom.value ?? placeholder\n  const renderedValueTo: string = formattedValueTo.value ?? placeholder\n\n  const { From, To } = getHTMLDiffComponents({\n    fromHTML: '<p>' + renderedValueFrom + '</p>',\n    toHTML: '<p>' + renderedValueTo + '</p>',\n    tokenizeByCharacter,\n  })\n\n  return (\n    <FieldDiffContainer\n      className={baseClass}\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"],"mappings":"AAAA;;AAAA,SAAAA,CAAA,IAAAC,EAAA;;AAGA,SAASC,kBAAkB,EAAEC,qBAAqB,EAAEC,cAAc,QAAQ;AAI1E,OAAOC,KAAA,MAAW;AAElB,MAAMC,SAAA,GAAY;AAElB,SAASC,YAAYC,KAAc;EAIjC,IAAI,OAAOA,KAAA,KAAU,UAAU;IAC7B,OAAO;MAAEC,mBAAA,EAAqB;MAAMD;IAAM;EAC5C;EACA,IAAI,OAAOA,KAAA,KAAU,UAAU;IAC7B,OAAO;MACLC,mBAAA,EAAqB;MACrBD,KAAA,EAAOE,MAAA,CAAOF,KAAA;IAChB;EACF;EACA,IAAI,OAAOA,KAAA,KAAU,WAAW;IAC9B,OAAO;MACLC,mBAAA,EAAqB;MACrBD,KAAA,EAAOE,MAAA,CAAOF,KAAA;IAChB;EACF;EAEA,IAAIA,KAAA,IAAS,OAAOA,KAAA,KAAU,UAAU;IACtC,OAAO;MACLC,mBAAA,EAAqB;MACrBD,KAAA,EAAO,QAAQG,IAAA,CAAKC,SAAS,CAACJ,KAAA,EAAO,MAAM;IAC7C;EACF;EAEA,OAAO;IACLC,mBAAA,EAAqB;IACrBD,KAAA,EAAOK;EACT;AACF;AAEA,OAAO,MAAMC,IAAA,GAAqCC,EAAA;EAAA,MAAAC,CAAA,GAAAf,EAAA;EAAC;IAAAgB,eAAA,EAAAC,SAAA;IAAAC,KAAA;IAAAC,MAAA;IAAAC,YAAA;IAAAC,YAAA,EAAAC;EAAA,IAAAR,EAMlD;EACC;IAAAS;EAAA,IAAiBpB,cAAA;EAEjB,IAAAqB,WAAA,GAAkB;EAAA,IAEdF,OAAA,IAAWL,SAAA;IACbO,WAAA,CAAAA,CAAA,CAAcA,2CAAyC;EAAvD;EAAA,IAAAC,EAAA;EAAA,IAAAV,CAAA,QAAAG,KAAA,CAAAQ,KAAA,IAAAX,CAAA,QAAAQ,IAAA,IAAAR,CAAA,QAAAI,MAAA,IAAAJ,CAAA,QAAAK,YAAA,IAAAL,CAAA,QAAAS,WAAA,IAAAT,CAAA,QAAAE,SAAA,IAAAF,CAAA,QAAAO,OAAA;IAGF,MAAAK,kBAAA,GAA2BrB,WAAA,CAAYW,SAAA;IACvC,MAAAW,gBAAA,GAAyBtB,WAAA,CAAYgB,OAAA;IAErC,IAAAd,mBAAA;IAA0B,IACtBmB,kBAAA,CAAApB,KAAA,EAAAsB,MAAA;MACFrB,mBAAA,CAAAA,CAAA,CAAsBmB,kBAAA,CAAAnB,mBAAA;IAAtB;MAAA,IACSoB,gBAAA,CAAArB,KAAA,EAAAsB,MAAA;QACTrB,mBAAA,CAAAA,CAAA,CAAsBoB,gBAAA,CAAApB,mBAAA;MAAtB;IAAA;IAGF,MAAAsB,iBAAA,GAA0BH,kBAAA,CAAApB,KAAA,IAA4BiB,WAAA;IACtD,MAAAO,eAAA,GAAgCH,gBAAA,CAAArB,KAAA,IAA0BiB,WAAA;IAE1D;MAAAQ,IAAA;MAAAC;IAAA,IAAqB/B,qBAAA;MAAAgC,QAAA,EACT,QAAQJ,iBAAA,GAAoB;MAAAK,MAAA,EAC9B,QAAQJ,eAAA,GAAkB;MAAAvB;IAAA,CAEpC;IAGEiB,EAAA,GAAAW,IAAA,CAAAnC,kBAAA;MAAAoC,SAAA,EAAAhC,SAAA;MAAA2B,IAAA;MAAAT,IAAA;MAAAG,KAAA;QAAAA,KAAA,EAKWR,KAAA,CAAAQ,KAAA;QAAAP;MAAA;MAAAC,YAAA;MAAAa;IAAA,C;;;;;;;;;;;;SALXR,E;CAYJ","ignoreList":[]}

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

@@ -1,113 +1,221 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-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 <HasManyUploadDiff field={field} i18n={i18n} locale={locale} nestingLevel={nestingLevel} polymorphic={polymorphic} req={req} valueFrom={valueFrom} valueTo={valueTo}/>;
-    }
-    return <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;
-        }
-        // Non-polymorphic case
-        return typeof uploadDoc === 'object' ? uploadDoc.id : uploadDoc;
-    };
-    const FromComponents = valueFrom ? valueFrom.map((uploadDoc)=><UploadDocumentDiff i18n={i18n} key={getUploadDocKey(uploadDoc)} polymorphic={polymorphic} relationTo={field.relationTo} req={req} showCollectionSlug={showCollectionSlug} uploadDoc={uploadDoc}/>) : null;
-    const ToComponents = valueTo ? valueTo.map((uploadDoc)=><UploadDocumentDiff i18n={i18n} key={getUploadDocKey(uploadDoc)} polymorphic={polymorphic} relationTo={field.relationTo} req={req} showCollectionSlug={showCollectionSlug} uploadDoc={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
+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
     });
-    From = diffResult.From;
-    To = diffResult.To;
-    return <FieldDiffContainer className={`${baseClass}-container ${baseClass}-container--hasMany`} From={From} i18n={i18n} label={{
-        label: field.label,
-        locale
-    }} nestingLevel={nestingLevel} To={To}/>;
+  }
+  return /*#__PURE__*/_jsx(SingleUploadDiff, {
+    field: field,
+    i18n: i18n,
+    locale: locale,
+    nestingLevel: nestingLevel,
+    polymorphic: polymorphic,
+    req: req,
+    valueFrom: valueFrom,
+    valueTo: valueTo
+  });
 };
-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 ? <UploadDocumentDiff i18n={i18n} polymorphic={polymorphic} relationTo={field.relationTo} req={req} showCollectionSlug={showCollectionSlug} uploadDoc={valueFrom}/> : null;
-    const ToComponent = valueTo ? <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 <FieldDiffContainer className={`${baseClass}-container ${baseClass}-container--hasOne`} From={From} i18n={i18n} label={{
-        label: field.label,
-        locale
-    }} nestingLevel={nestingLevel} To={To}/>;
-};
-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;
-        } 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;
+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;
     }
-    let id;
+    // 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
+  });
+};
+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
+  });
+};
+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) {
-        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;
+      collectionSlug = uploadDoc.relationTo;
+    } else {
+      collectionSlug = typeof relationTo === 'string' ? relationTo : relationTo[0];
     }
-    return <div className={`${baseClass}`} data-enable-match="true" data-id={id} data-relation-to={relationTo}>
-      <div className={`${baseClass}__card`}>
-        <div className={`${baseClass}__thumbnail`}>
-          {thumbnailSRC?.length ? <img alt={filename} src={thumbnailSRC}/> : <File/>}
-        </div>
-        {pillLabel && <div className={`${baseClass}__pill`} data-enable-match="false">
-            <span>{pillLabel}</span>
-          </div>}
-        <div className={`${baseClass}__info`} data-enable-match="false">
-          <strong>{filename}</strong>
-        </div>
-      </div>
-    </div>;
+    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
+        })
+      })]
+    })
+  });
 };
-
 //# sourceMappingURL=index.js.map

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

@@ -1 +1 @@
-{"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  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"],"names":["getTranslation","FieldDiffContainer","File","getHTMLDiffComponents","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","key","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","div","data-enable-match","data-id","data-relation-to","length","img","alt","src","span","strong"],"mappings":"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"}
+{"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":[]}

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

@@ -9,28 +9,27 @@ import { Tabs } from './Tabs/index.js';
 import { Text } from './Text/index.js';
 import { Upload } from './Upload/index.js';
 export const diffComponents = {
-    array: Iterable,
-    blocks: Iterable,
-    checkbox: Text,
-    code: Text,
-    collapsible: Collapsible,
-    date: DateDiffComponent,
-    email: Text,
-    group: Group,
-    join: null,
-    json: Text,
-    number: Text,
-    point: Text,
-    radio: Select,
-    relationship: Relationship,
-    richText: Text,
-    row: Row,
-    select: Select,
-    tabs: Tabs,
-    text: Text,
-    textarea: Text,
-    ui: null,
-    upload: Upload
+  array: Iterable,
+  blocks: Iterable,
+  checkbox: Text,
+  code: Text,
+  collapsible: Collapsible,
+  date: DateDiffComponent,
+  email: Text,
+  group: Group,
+  join: null,
+  json: Text,
+  number: Text,
+  point: Text,
+  radio: Select,
+  relationship: Relationship,
+  richText: Text,
+  row: Row,
+  select: Select,
+  tabs: Tabs,
+  text: Text,
+  textarea: Text,
+  ui: null,
+  upload: Upload
 };
-
 //# sourceMappingURL=index.js.map