@payloadcms/next 3.0.0-canary.95fcd13 → 3.0.0-canary.96477cf

package/dist/views/Version/Default/index.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../../src/views/Version/Default/index.tsx"],"sourcesContent":["'use client'\nimport type { OptionObject } from 'payload'\n\nimport {\n  Gutter,\n  SetViewActions,\n  useComponentMap,\n  useConfig,\n  useDocumentInfo,\n  usePayloadAPI,\n  useTranslation,\n} from '@payloadcms/ui'\nimport { formatDate } from '@payloadcms/ui/shared'\nimport React, { useState } from 'react'\n\nimport type { CompareOption, DefaultVersionsViewProps } from './types.js'\n\nimport diffComponents from '../RenderFieldsToDiff/fields/index.js'\nimport RenderFieldsToDiff from '../RenderFieldsToDiff/index.js'\nimport Restore from '../Restore/index.js'\nimport { SelectComparison } from '../SelectComparison/index.js'\nimport { SelectLocales } from '../SelectLocales/index.js'\nimport { SetStepNav } from './SetStepNav.js'\nimport './index.scss'\n\nconst baseClass = 'view-version'\n\nexport const DefaultVersionView: React.FC<DefaultVersionsViewProps> = ({\n  doc,\n  docPermissions,\n  initialComparisonDoc,\n  latestDraftVersion,\n  latestPublishedVersion,\n  localeOptions,\n  versionID,\n}) => {\n  const config = useConfig()\n\n  const { i18n } = useTranslation()\n  const { id, collectionSlug, globalSlug } = useDocumentInfo()\n\n  const { getComponentMap, getFieldMap } = useComponentMap()\n\n  const componentMap = getComponentMap({ collectionSlug, globalSlug })\n\n  const [fieldMap] = useState(() => getFieldMap({ collectionSlug, globalSlug }))\n\n  const [collectionConfig] = useState(() =>\n    config.collections.find((collection) => collection.slug === collectionSlug),\n  )\n\n  const [globalConfig] = useState(() => config.globals.find((global) => global.slug === globalSlug))\n\n  const [locales, setLocales] = useState<OptionObject[]>(localeOptions)\n\n  const [compareValue, setCompareValue] = useState<CompareOption>()\n\n  const {\n    admin: { dateFormat },\n    localization,\n    routes: { api: apiRoute },\n    serverURL,\n  } = config\n\n  const versionCreatedAt = doc?.updatedAt\n    ? formatDate({ date: doc.updatedAt, i18n, pattern: dateFormat })\n    : ''\n\n  const compareBaseURL = `${serverURL}${apiRoute}/${globalSlug ? 'globals/' : ''}${\n    collectionSlug || globalSlug\n  }/versions`\n\n  const compareFetchURL = compareValue?.value && `${compareBaseURL}/${compareValue.value}`\n\n  const [{ data: currentComparisonDoc }] = usePayloadAPI(compareFetchURL, {\n    initialData: initialComparisonDoc,\n    initialParams: { depth: 1, draft: 'true', locale: 'all' },\n  })\n\n  const comparison = compareValue?.value && currentComparisonDoc?.version // the `version` key is only present on `versions` documents\n\n  const canUpdate = docPermissions?.update?.permission\n\n  const localeValues = locales && locales.map((locale) => locale.value)\n\n  return (\n    <main className={baseClass}>\n      <SetViewActions actions={componentMap?.actionsMap?.Edit?.Version} />\n      <SetStepNav\n        collectionConfig={collectionConfig}\n        collectionSlug={collectionSlug}\n        doc={doc}\n        fieldMap={fieldMap}\n        globalConfig={globalConfig}\n        globalSlug={globalSlug}\n        id={id}\n      />\n      <Gutter className={`${baseClass}__wrap`}>\n        <div className={`${baseClass}__header-wrap`}>\n          <p className={`${baseClass}__created-at`}>\n            {i18n.t('version:versionCreatedOn', {\n              version: i18n.t(doc?.autosave ? 'version:autosavedVersion' : 'version:version'),\n            })}\n          </p>\n          <header className={`${baseClass}__header`}>\n            <h2>{versionCreatedAt}</h2>\n            {canUpdate && (\n              <Restore\n                className={`${baseClass}__restore`}\n                collectionSlug={collectionSlug}\n                globalSlug={globalSlug}\n                label={collectionConfig?.labels.singular || globalConfig?.label}\n                originalDocID={id}\n                status={doc?.version?._status}\n                versionDate={versionCreatedAt}\n                versionID={versionID}\n              />\n            )}\n          </header>\n        </div>\n        <div className={`${baseClass}__controls`}>\n          <SelectComparison\n            baseURL={compareBaseURL}\n            latestDraftVersion={latestDraftVersion}\n            latestPublishedVersion={latestPublishedVersion}\n            onChange={setCompareValue}\n            parentID={id}\n            value={compareValue}\n            versionID={versionID}\n          />\n          {localization && (\n            <SelectLocales onChange={setLocales} options={localeOptions} value={locales} />\n          )}\n        </div>\n        {doc?.version && (\n          <RenderFieldsToDiff\n            comparison={comparison}\n            diffComponents={diffComponents}\n            fieldMap={fieldMap}\n            fieldPermissions={docPermissions?.fields}\n            i18n={i18n}\n            locales={localeValues}\n            version={\n              globalConfig\n                ? {\n                    ...doc?.version,\n                    createdAt: doc?.version?.createdAt || doc.createdAt,\n                    updatedAt: doc?.version?.updatedAt || doc.updatedAt,\n                  }\n                : doc?.version\n            }\n          />\n        )}\n      </Gutter>\n    </main>\n  )\n}\n"],"names":["Gutter","SetViewActions","useComponentMap","useConfig","useDocumentInfo","usePayloadAPI","useTranslation","formatDate","React","useState","diffComponents","RenderFieldsToDiff","Restore","SelectComparison","SelectLocales","SetStepNav","baseClass","DefaultVersionView","doc","docPermissions","initialComparisonDoc","latestDraftVersion","latestPublishedVersion","localeOptions","versionID","config","i18n","id","collectionSlug","globalSlug","getComponentMap","getFieldMap","componentMap","fieldMap","collectionConfig","collections","find","collection","slug","globalConfig","globals","global","locales","setLocales","compareValue","setCompareValue","admin","dateFormat","localization","routes","api","apiRoute","serverURL","versionCreatedAt","updatedAt","date","pattern","compareBaseURL","compareFetchURL","value","data","currentComparisonDoc","initialData","initialParams","depth","draft","locale","comparison","version","canUpdate","update","permission","localeValues","map","main","className","actions","actionsMap","Edit","Version","div","p","t","autosave","header","h2","label","labels","singular","originalDocID","status","_status","versionDate","baseURL","onChange","parentID","options","fieldPermissions","fields","createdAt"],"mappings":"AAAA;;AAGA,SACEA,MAAM,EACNC,cAAc,EACdC,eAAe,EACfC,SAAS,EACTC,eAAe,EACfC,aAAa,EACbC,cAAc,QACT,iBAAgB;AACvB,SAASC,UAAU,QAAQ,wBAAuB;AAClD,OAAOC,SAASC,QAAQ,QAAQ,QAAO;AAIvC,OAAOC,oBAAoB,wCAAuC;AAClE,OAAOC,wBAAwB,iCAAgC;AAC/D,OAAOC,aAAa,sBAAqB;AACzC,SAASC,gBAAgB,QAAQ,+BAA8B;AAC/D,SAASC,aAAa,QAAQ,4BAA2B;AACzD,SAASC,UAAU,QAAQ,kBAAiB;AAG5C,MAAMC,YAAY;AAElB,OAAO,MAAMC,qBAAyD,CAAC,EACrEC,GAAG,EACHC,cAAc,EACdC,oBAAoB,EACpBC,kBAAkB,EAClBC,sBAAsB,EACtBC,aAAa,EACbC,SAAS,EACV;IACC,MAAMC,SAAStB;IAEf,MAAM,EAAEuB,IAAI,EAAE,GAAGpB;IACjB,MAAM,EAAEqB,EAAE,EAAEC,cAAc,EAAEC,UAAU,EAAE,GAAGzB;IAE3C,MAAM,EAAE0B,eAAe,EAAEC,WAAW,EAAE,GAAG7B;IAEzC,MAAM8B,eAAeF,gBAAgB;QAAEF;QAAgBC;IAAW;IAElE,MAAM,CAACI,SAAS,GAAGxB,SAAS,IAAMsB,YAAY;YAAEH;YAAgBC;QAAW;IAE3E,MAAM,CAACK,iBAAiB,GAAGzB,SAAS,IAClCgB,OAAOU,WAAW,CAACC,IAAI,CAAC,CAACC,aAAeA,WAAWC,IAAI,KAAKV;IAG9D,MAAM,CAACW,aAAa,GAAG9B,SAAS,IAAMgB,OAAOe,OAAO,CAACJ,IAAI,CAAC,CAACK,SAAWA,OAAOH,IAAI,KAAKT;IAEtF,MAAM,CAACa,SAASC,WAAW,GAAGlC,SAAyBc;IAEvD,MAAM,CAACqB,cAAcC,gBAAgB,GAAGpC;IAExC,MAAM,EACJqC,OAAO,EAAEC,UAAU,EAAE,EACrBC,YAAY,EACZC,QAAQ,EAAEC,KAAKC,QAAQ,EAAE,EACzBC,SAAS,EACV,GAAG3B;IAEJ,MAAM4B,mBAAmBnC,KAAKoC,YAC1B/C,WAAW;QAAEgD,MAAMrC,IAAIoC,SAAS;QAAE5B;QAAM8B,SAAST;IAAW,KAC5D;IAEJ,MAAMU,iBAAiB,CAAC,EAAEL,UAAU,EAAED,SAAS,CAAC,EAAEtB,aAAa,aAAa,GAAG,EAC7ED,kBAAkBC,WACnB,SAAS,CAAC;IAEX,MAAM6B,kBAAkBd,cAAce,SAAS,CAAC,EAAEF,eAAe,CAAC,EAAEb,aAAae,KAAK,CAAC,CAAC;IAExF,MAAM,CAAC,EAAEC,MAAMC,oBAAoB,EAAE,CAAC,GAAGxD,cAAcqD,iBAAiB;QACtEI,aAAa1C;QACb2C,eAAe;YAAEC,OAAO;YAAGC,OAAO;YAAQC,QAAQ;QAAM;IAC1D;IAEA,MAAMC,aAAavB,cAAce,SAASE,sBAAsBO,QAAQ,4DAA4D;;IAEpI,MAAMC,YAAYlD,gBAAgBmD,QAAQC;IAE1C,MAAMC,eAAe9B,WAAWA,QAAQ+B,GAAG,CAAC,CAACP,SAAWA,OAAOP,KAAK;IAEpE,qBACE,MAACe;QAAKC,WAAW3D;;0BACf,KAACf;gBAAe2E,SAAS5C,cAAc6C,YAAYC,MAAMC;;0BACzD,KAAChE;gBACCmB,kBAAkBA;gBAClBN,gBAAgBA;gBAChBV,KAAKA;gBACLe,UAAUA;gBACVM,cAAcA;gBACdV,YAAYA;gBACZF,IAAIA;;0BAEN,MAAC3B;gBAAO2E,WAAW,CAAC,EAAE3D,UAAU,MAAM,CAAC;;kCACrC,MAACgE;wBAAIL,WAAW,CAAC,EAAE3D,UAAU,aAAa,CAAC;;0CACzC,KAACiE;gCAAEN,WAAW,CAAC,EAAE3D,UAAU,YAAY,CAAC;0CACrCU,KAAKwD,CAAC,CAAC,4BAA4B;oCAClCd,SAAS1C,KAAKwD,CAAC,CAAChE,KAAKiE,WAAW,6BAA6B;gCAC/D;;0CAEF,MAACC;gCAAOT,WAAW,CAAC,EAAE3D,UAAU,QAAQ,CAAC;;kDACvC,KAACqE;kDAAIhC;;oCACJgB,2BACC,KAACzD;wCACC+D,WAAW,CAAC,EAAE3D,UAAU,SAAS,CAAC;wCAClCY,gBAAgBA;wCAChBC,YAAYA;wCACZyD,OAAOpD,kBAAkBqD,OAAOC,YAAYjD,cAAc+C;wCAC1DG,eAAe9D;wCACf+D,QAAQxE,KAAKkD,SAASuB;wCACtBC,aAAavC;wCACb7B,WAAWA;;;;;;kCAKnB,MAACwD;wBAAIL,WAAW,CAAC,EAAE3D,UAAU,UAAU,CAAC;;0CACtC,KAACH;gCACCgF,SAASpC;gCACTpC,oBAAoBA;gCACpBC,wBAAwBA;gCACxBwE,UAAUjD;gCACVkD,UAAUpE;gCACVgC,OAAOf;gCACPpB,WAAWA;;4BAEZwB,8BACC,KAAClC;gCAAcgF,UAAUnD;gCAAYqD,SAASzE;gCAAeoC,OAAOjB;;;;oBAGvExB,KAAKkD,yBACJ,KAACzD;wBACCwD,YAAYA;wBACZzD,gBAAgBA;wBAChBuB,UAAUA;wBACVgE,kBAAkB9E,gBAAgB+E;wBAClCxE,MAAMA;wBACNgB,SAAS8B;wBACTJ,SACE7B,eACI;4BACE,GAAGrB,KAAKkD,OAAO;4BACf+B,WAAWjF,KAAKkD,SAAS+B,aAAajF,IAAIiF,SAAS;4BACnD7C,WAAWpC,KAAKkD,SAASd,aAAapC,IAAIoC,SAAS;wBACrD,IACApC,KAAKkD;;;;;;AAOvB,EAAC"}
+{"version":3,"file":"index.js","names":["c","_c","Gutter","SetViewActions","useConfig","useDocumentInfo","usePayloadAPI","useTranslation","formatDate","React","useState","diffComponents","RenderFieldsToDiff","Restore","SelectComparison","SelectLocales","SetStepNav","baseClass","DefaultVersionView","t0","$","doc","docPermissions","initialComparisonDoc","latestDraftVersion","latestPublishedVersion","localeOptions","versionID","config","getEntityConfig","i18n","id","collectionSlug","globalSlug","t1","collectionConfig","t2","globalConfig","locales","setLocales","compareValue","setCompareValue","admin","t3","localization","routes","t4","serverURL","dateFormat","api","apiRoute","versionCreatedAt","updatedAt","date","pattern","compareBaseURL","compareFetchURL","value","t5","Symbol","for","depth","draft","locale","t6","initialData","initialParams","t7","data","currentComparisonDoc","comparison","version","canUpdate","update","permission","t8","map","_temp","localeValues","draftsEnabled","Boolean","versions","drafts","t9","_jsx","onChange","options","t10","fieldPermissions","fields","createdAt","_jsxs","className","children","actions","components","views","edit","t","autosave","label","labels","singular","originalDocID","status","_status","versionDate","baseURL","parentID"],"sources":["../../../../src/views/Version/Default/index.tsx"],"sourcesContent":["'use client'\nimport type { ClientCollectionConfig, ClientGlobalConfig, OptionObject } from 'payload'\n\nimport {\n  Gutter,\n  SetViewActions,\n  useConfig,\n  useDocumentInfo,\n  usePayloadAPI,\n  useTranslation,\n} from '@payloadcms/ui'\nimport { formatDate } from '@payloadcms/ui/shared'\nimport React, { useState } from 'react'\n\nimport type { CompareOption, DefaultVersionsViewProps } from './types.js'\n\nimport { diffComponents } from '../RenderFieldsToDiff/fields/index.js'\nimport RenderFieldsToDiff from '../RenderFieldsToDiff/index.js'\nimport Restore from '../Restore/index.js'\nimport { SelectComparison } from '../SelectComparison/index.js'\nimport { SelectLocales } from '../SelectLocales/index.js'\nimport './index.scss'\nimport { SetStepNav } from './SetStepNav.js'\n\nconst baseClass = 'view-version'\n\nexport const DefaultVersionView: React.FC<DefaultVersionsViewProps> = ({\n  doc,\n  docPermissions,\n  initialComparisonDoc,\n  latestDraftVersion,\n  latestPublishedVersion,\n  localeOptions,\n  versionID,\n}) => {\n  const { config, getEntityConfig } = useConfig()\n\n  const { i18n } = useTranslation()\n  const { id, collectionSlug, globalSlug } = useDocumentInfo()\n\n  const [collectionConfig] = useState(\n    () => getEntityConfig({ collectionSlug }) as ClientCollectionConfig,\n  )\n\n  const [globalConfig] = useState(() => getEntityConfig({ globalSlug }) as ClientGlobalConfig)\n\n  const [locales, setLocales] = useState<OptionObject[]>(localeOptions)\n\n  const [compareValue, setCompareValue] = useState<CompareOption>()\n\n  const {\n    admin: { dateFormat },\n    localization,\n    routes: { api: apiRoute },\n    serverURL,\n  } = config\n\n  const versionCreatedAt = doc?.updatedAt\n    ? formatDate({ date: doc.updatedAt, i18n, pattern: dateFormat })\n    : ''\n\n  const compareBaseURL = `${serverURL}${apiRoute}/${globalSlug ? 'globals/' : ''}${\n    collectionSlug || globalSlug\n  }/versions`\n\n  const compareFetchURL = compareValue?.value && `${compareBaseURL}/${compareValue.value}`\n\n  const [{ data: currentComparisonDoc }] = usePayloadAPI(compareFetchURL, {\n    initialData: initialComparisonDoc,\n    initialParams: { depth: 1, draft: 'true', locale: 'all' },\n  })\n\n  const comparison = compareValue?.value && currentComparisonDoc?.version // the `version` key is only present on `versions` documents\n\n  const canUpdate = docPermissions?.update?.permission\n\n  const localeValues = locales && locales.map((locale) => locale.value)\n\n  const draftsEnabled = Boolean((collectionConfig || globalConfig)?.versions.drafts)\n\n  return (\n    <main className={baseClass}>\n      <SetViewActions\n        actions={\n          (collectionConfig || globalConfig)?.admin?.components?.views?.edit?.version?.actions\n        }\n      />\n      <SetStepNav\n        collectionConfig={collectionConfig}\n        collectionSlug={collectionSlug}\n        doc={doc}\n        fields={(collectionConfig || globalConfig)?.fields}\n        globalConfig={globalConfig}\n        globalSlug={globalSlug}\n        id={id}\n      />\n      <Gutter className={`${baseClass}__wrap`}>\n        <div className={`${baseClass}__header-wrap`}>\n          <p className={`${baseClass}__created-at`}>\n            {i18n.t('version:versionCreatedOn', {\n              version: i18n.t(doc?.autosave ? 'version:autosavedVersion' : 'version:version'),\n            })}\n          </p>\n          <header className={`${baseClass}__header`}>\n            <h2>{versionCreatedAt}</h2>\n            {canUpdate && (\n              <Restore\n                className={`${baseClass}__restore`}\n                collectionSlug={collectionSlug}\n                globalSlug={globalSlug}\n                label={collectionConfig?.labels.singular || globalConfig?.label}\n                originalDocID={id}\n                status={doc?.version?._status}\n                versionDate={versionCreatedAt}\n                versionID={versionID}\n              />\n            )}\n          </header>\n        </div>\n        <div className={`${baseClass}__controls`}>\n          <SelectComparison\n            baseURL={compareBaseURL}\n            draftsEnabled={draftsEnabled}\n            latestDraftVersion={latestDraftVersion}\n            latestPublishedVersion={latestPublishedVersion}\n            onChange={setCompareValue}\n            parentID={id}\n            value={compareValue}\n            versionID={versionID}\n          />\n          {localization && (\n            <SelectLocales onChange={setLocales} options={localeOptions} value={locales} />\n          )}\n        </div>\n        {doc?.version && (\n          <RenderFieldsToDiff\n            comparison={comparison}\n            diffComponents={diffComponents}\n            fieldPermissions={docPermissions?.fields}\n            fields={(collectionConfig || globalConfig)?.fields}\n            i18n={i18n}\n            locales={localeValues}\n            version={\n              globalConfig\n                ? {\n                    ...doc?.version,\n                    createdAt: doc?.version?.createdAt || doc.createdAt,\n                    updatedAt: doc?.version?.updatedAt || doc.updatedAt,\n                  }\n                : doc?.version\n            }\n          />\n        )}\n      </Gutter>\n    </main>\n  )\n}\n"],"mappings":"AAAA;;AAAA,SAAAA,CAAA,IAAAC,EAAA;;AAGA,SACEC,MAAM,EACNC,cAAc,EACdC,SAAS,EACTC,eAAe,EACfC,aAAa,EACbC,cAAc,QACT;AACP,SAASC,UAAU,QAAQ;AAC3B,OAAOC,KAAA,IAASC,QAAQ,QAAQ;AAIhC,SAASC,cAAc,QAAQ;AAC/B,OAAOC,kBAAA,MAAwB;AAC/B,OAAOC,OAAA,MAAa;AACpB,SAASC,gBAAgB,QAAQ;AACjC,SAASC,aAAa,QAAQ;AAE9B,SAASC,UAAU,QAAQ;AAE3B,MAAMC,SAAA,GAAY;AAElB,OAAO,MAAMC,kBAAA,GAAyDC,EAAA;EAAA,MAAAC,CAAA,GAAAnB,EAAA;EAAC;IAAAoB,GAAA;IAAAC,cAAA;IAAAC,oBAAA;IAAAC,kBAAA;IAAAC,sBAAA;IAAAC,aAAA;IAAAC;EAAA,IAAAR,EAQtE;EACC;IAAAS,MAAA;IAAAC;EAAA,IAAoCzB,SAAA;EAEpC;IAAA0B;EAAA,IAAiBvB,cAAA;EACjB;IAAAwB,EAAA;IAAAC,cAAA;IAAAC;EAAA,IAA2C5B,eAAA;EAAA,IAAA6B,EAAA;EAAA,IAAAd,CAAA,QAAAS,eAAA,IAAAT,CAAA,QAAAY,cAAA;IAGzCE,EAAA,GAAAA,CAAA,KAAML,eAAA;MAAAG;IAAA,CAAiC;IAAAZ,CAAA,MAAAS,eAAA;IAAAT,CAAA,MAAAY,cAAA;IAAAZ,CAAA,MAAAc,EAAA;EAAA;IAAAA,EAAA,GAAAd,CAAA;EAAA;EADzC,OAAAe,gBAAA,IAA2BzB,QAAA,CACzBwB,EAAuC;EAAA,IAAAE,EAAA;EAAA,IAAAhB,CAAA,QAAAS,eAAA,IAAAT,CAAA,QAAAa,UAAA;IAGTG,EAAA,GAAAA,CAAA,KAAMP,eAAA;MAAAI;IAAA,CAA6B;IAAAb,CAAA,MAAAS,eAAA;IAAAT,CAAA,MAAAa,UAAA;IAAAb,CAAA,MAAAgB,EAAA;EAAA;IAAAA,EAAA,GAAAhB,CAAA;EAAA;EAAnE,OAAAiB,YAAA,IAAuB3B,QAAA,CAAS0B,EAAmC;EAEnE,OAAAE,OAAA,EAAAC,UAAA,IAA8B7B,QAAA,CAAyBgB,aAAA;EAEvD,OAAAc,YAAA,EAAAC,eAAA,IAAwC/B,QAAA;EAExC;IAAAgC,KAAA,EAAAC,EAAA;IAAAC,YAAA;IAAAC,MAAA,EAAAC,EAAA;IAAAC;EAAA,IAKInB,MAAA;EAJK;IAAAoB;EAAA,IAAAL,EAAc;EAEb;IAAAM,GAAA,EAAAC;EAAA,IAAAJ,EAAiB;EAI3B,MAAAK,gBAAA,GAAyB9B,GAAA,EAAA+B,SAAA,GACrB5C,UAAA;IAAA6C,IAAA,EAAmBhC,GAAA,CAAA+B,SAAA;IAAAtB,IAAA;IAAAwB,OAAA,EAA8BN;EAAA,CAAW,IAC5D;EAEJ,MAAAO,cAAA,GAAuB,GAAGR,SAAA,GAAYG,QAAA,IAAYjB,UAAA,GAAa,aAAa,KAC1ED,cAAA,IAAkBC,UAAA,WACT;EAEX,MAAAuB,eAAA,GAAwBhB,YAAA,EAAAiB,KAAA,IAAuB,GAAGF,cAAA,IAAkBf,YAAA,CAAAiB,KAAA,EAAoB;EAAA,IAAAC,EAAA;EAAA,IAAAtC,CAAA,QAAAuC,MAAA,CAAAC,GAAA;IAIvEF,EAAA;MAAAG,KAAA;MAAAC,KAAA,EAAmB;MAAAC,MAAA,EAAgB;IAAA;IAAM3C,CAAA,MAAAsC,EAAA;EAAA;IAAAA,EAAA,GAAAtC,CAAA;EAAA;EAAA,IAAA4C,EAAA;EAAA,IAAA5C,CAAA,QAAAG,oBAAA;IAFcyC,EAAA;MAAAC,WAAA,EACzD1C,oBAAA;MAAA2C,aAAA,EACER;IAAyC;IAC1DtC,CAAA,MAAAG,oBAAA;IAAAH,CAAA,MAAA4C,EAAA;EAAA;IAAAA,EAAA,GAAA5C,CAAA;EAAA;EAHA,OAAA+C,EAAA,IAAyC7D,aAAA,CAAckD,eAAA,EAAiBQ,EAGxE;EAHO;IAAAI,IAAA,EAAAC;EAAA,IAAAF,EAA8B;EAKrC,MAAAG,UAAA,GAAmB9B,YAAA,EAAAiB,KAAA,IAAuBY,oBAAA,EAAAE,OAAsB;EAEhE,MAAAC,SAAA,GAAkBlD,cAAA,EAAAmD,MAAA,EAAAC,UAAA;EAAwB,IAAAC,EAAA;EAAA,IAAAvD,CAAA,QAAAkB,OAAA;IAErBqC,EAAA,GAAArC,OAAA,IAAWA,OAAA,CAAAsC,GAAA,CAAAC,KAAoC;IAAAzD,CAAA,MAAAkB,OAAA;IAAAlB,CAAA,OAAAuD,EAAA;EAAA;IAAAA,EAAA,GAAAvD,CAAA;EAAA;EAApE,MAAA0D,YAAA,GAAqBH,EAA+C;EAEpE,MAAAI,aAAA,GAAsBC,OAAA,EAAS7C,gBAAA,IAAoBE,YAAW,GAAA4C,QAAA,CAAAC,MAAa;EAAA,IAAAC,EAAA;EAAA,IAAA/D,CAAA,SAAAwB,YAAA,IAAAxB,CAAA,SAAAM,aAAA,IAAAN,CAAA,SAAAkB,OAAA;IAoDlE6C,EAAA,GAAAvC,YAAA,IACCwC,IAAA,CAAArE,aAAA;MAAAsE,QAAA,EAAyB9C,UAAA;MAAA+C,OAAA,EAAqB5D,aAAA;MAAA+B,KAAA,EAAsBnB;IAAA,C;;;;;;;;;;IAGvEiD,GAAA,GAAAlE,GAAA,EAAAkD,OAAA,IACCa,IAAA,CAAAxE,kBAAA;MAAA0D,UAAA;MAAA3D,cAAA;MAAA6E,gBAAA,EAGoBlE,cAAA,EAAAmE,MAAA;MAAAA,MAAA,GACTtD,gBAAA,IAAoBE,YAAW,GAAAoD,MAAA;MAAA3D,IAAA;MAAAQ,OAAA,EAE/BwC,YAAA;MAAAP,OAAA,EAEPlC,YAAA;QAAA,GAEShB,GAAA,EAAAkD,OAAA;QAAAmB,SAAA,EACQrE,GAAA,EAAAkD,OAAA,EAAAmB,SAAA,IAA2BrE,GAAA,CAAAqE,SAAa;QAAAtC,SAAA,EACxC/B,GAAA,EAAAkD,OAAA,EAAAnB,SAAA,IAA2B/B,GAAA,CAAA+B;MAAa,IAErD/B,GAAA,EAAAkD;IAAK,C;;;;;;;;;;;;SApEnBoB,KAAA,CAAC;IAAAC,SAAA,EAAA3E,SAAA;IAAA4E,QAAA,GACCT,IAAA,CAAAjF,cAAA;MAAA2F,OAAA,GAEK3D,gBAAA,IAAoBE,YAAW,GAAAK,KAAA,EAAAqD,UAAA,EAAAC,KAAA,EAAAC,IAAA,EAAA1B,OAAA,EAAAuB;IAAA,C,GAGpCV,IAAA,CAAApE,UAAA;MAAAmB,gBAAA;MAAAH,cAAA;MAAAX,GAAA;MAAAoE,MAAA,GAIWtD,gBAAA,IAAoBE,YAAW,GAAAoD,MAAA;MAAApD,YAAA;MAAAJ,UAAA;MAAAF;IAAA,C,GAK1C4D,KAAA,CAAAzF,MAAA;MAAA0F,SAAA,EAAmB,GAAA3E,SAAA,QAAoB;MAAA4E,QAAA,GACrCF,KAAA,CAAC;QAAAC,SAAA,EAAe,GAAA3E,SAAA,eAA2B;QAAA4E,QAAA,GACzCT,IAAA,CAAC;UAAAQ,SAAA,EAAa,GAAA3E,SAAA,cAA0B;UAAA4E,QAAA,EACrC/D,IAAA,CAAAoE,CAAA,CAAO;YAAA3B,OAAA,EACGzC,IAAA,CAAAoE,CAAA,CAAO7E,GAAA,EAAA8E,QAAA,GAAgB,6BAA6B;UAAA,CAC/D;QAAA,C,GAEFR,KAAA,CAAC;UAAAC,SAAA,EAAkB,GAAA3E,SAAA,UAAsB;UAAA4E,QAAA,GACvCT,IAAA,CAAC;YAAAS,QAAA,EAAI1C;UAAA,C,GACJqB,SAAA,IACCY,IAAA,CAAAvE,OAAA;YAAA+E,SAAA,EACa,GAAA3E,SAAA,WAAuB;YAAAe,cAAA;YAAAC,UAAA;YAAAmE,KAAA,EAG3BjE,gBAAA,EAAAkE,MAAA,CAAAC,QAAA,IAAqCjE,YAAA,EAAA+D,KAAc;YAAAG,aAAA,EAC3CxE,EAAA;YAAAyE,MAAA,EACPnF,GAAA,EAAAkD,OAAA,EAAAkC,OAAA;YAAAC,WAAA,EACKvD,gBAAA;YAAAxB;UAAA,C;;UAMrBgE,KAAA,CAAC;QAAAC,SAAA,EAAe,GAAA3E,SAAA,YAAwB;QAAA4E,QAAA,GACtCT,IAAA,CAAAtE,gBAAA;UAAA6F,OAAA,EACWpD,cAAA;UAAAwB,aAAA;UAAAvD,kBAAA;UAAAC,sBAAA;UAAA4D,QAAA,EAIC5C,eAAA;UAAAmE,QAAA,EACA7E,EAAA;UAAA0B,KAAA,EACHjB,YAAA;UAAAb;QAAA,C,GAGRwD,E;UAIFI,G;;;CAsBT;AAlIsE,SAAAV,MAAAd,MAAA;EAAA,OAkDZA,MAAA,CAAAN,KAAA;AAAA","ignoreList":[]}

package/dist/views/Version/Default/types.d.ts

@@ -6,12 +6,12 @@ export type CompareOption = {
     value: string;
 };
 export type DefaultVersionsViewProps = {
-    doc: Document;
-    docPermissions: CollectionPermission | GlobalPermission;
-    initialComparisonDoc: Document;
-    latestDraftVersion?: string;
-    latestPublishedVersion?: string;
-    localeOptions: OptionObject[];
-    versionID?: string;
+    readonly doc: Document;
+    readonly docPermissions: CollectionPermission | GlobalPermission;
+    readonly initialComparisonDoc: Document;
+    readonly latestDraftVersion?: string;
+    readonly latestPublishedVersion?: string;
+    readonly localeOptions: OptionObject[];
+    readonly versionID?: string;
 };
 //# sourceMappingURL=types.d.ts.map

package/dist/views/Version/Default/types.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../../src/views/Version/Default/types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,oBAAoB,EAAE,QAAQ,EAAE,gBAAgB,EAAE,YAAY,EAAE,MAAM,SAAS,CAAA;AAE7F,MAAM,MAAM,aAAa,GAAG;IAC1B,KAAK,EAAE,KAAK,CAAC,SAAS,GAAG,MAAM,CAAA;IAC/B,OAAO,CAAC,EAAE,aAAa,EAAE,CAAA;IACzB,UAAU,CAAC,EAAE,MAAM,CAAA;IACnB,KAAK,EAAE,MAAM,CAAA;CACd,CAAA;AAED,MAAM,MAAM,wBAAwB,GAAG;IACrC,GAAG,EAAE,QAAQ,CAAA;IACb,cAAc,EAAE,oBAAoB,GAAG,gBAAgB,CAAA;IACvD,oBAAoB,EAAE,QAAQ,CAAA;IAC9B,kBAAkB,CAAC,EAAE,MAAM,CAAA;IAC3B,sBAAsB,CAAC,EAAE,MAAM,CAAA;IAC/B,aAAa,EAAE,YAAY,EAAE,CAAA;IAC7B,SAAS,CAAC,EAAE,MAAM,CAAA;CACnB,CAAA"}
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../../src/views/Version/Default/types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,oBAAoB,EAAE,QAAQ,EAAE,gBAAgB,EAAE,YAAY,EAAE,MAAM,SAAS,CAAA;AAE7F,MAAM,MAAM,aAAa,GAAG;IAC1B,KAAK,EAAE,KAAK,CAAC,SAAS,GAAG,MAAM,CAAA;IAC/B,OAAO,CAAC,EAAE,aAAa,EAAE,CAAA;IACzB,UAAU,CAAC,EAAE,MAAM,CAAA;IACnB,KAAK,EAAE,MAAM,CAAA;CACd,CAAA;AAED,MAAM,MAAM,wBAAwB,GAAG;IACrC,QAAQ,CAAC,GAAG,EAAE,QAAQ,CAAA;IACtB,QAAQ,CAAC,cAAc,EAAE,oBAAoB,GAAG,gBAAgB,CAAA;IAChE,QAAQ,CAAC,oBAAoB,EAAE,QAAQ,CAAA;IACvC,QAAQ,CAAC,kBAAkB,CAAC,EAAE,MAAM,CAAA;IACpC,QAAQ,CAAC,sBAAsB,CAAC,EAAE,MAAM,CAAA;IACxC,QAAQ,CAAC,aAAa,EAAE,YAAY,EAAE,CAAA;IACtC,QAAQ,CAAC,SAAS,CAAC,EAAE,MAAM,CAAA;CAC5B,CAAA"}

package/dist/views/Version/Default/types.js

@@ -1,3 +1,2 @@
-export { };
-
+export {};
 //# sourceMappingURL=types.js.map

package/dist/views/Version/Default/types.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../../src/views/Version/Default/types.ts"],"sourcesContent":["import type { CollectionPermission, Document, GlobalPermission, OptionObject } from 'payload'\n\nexport type CompareOption = {\n  label: React.ReactNode | string\n  options?: CompareOption[]\n  relationTo?: string\n  value: string\n}\n\nexport type DefaultVersionsViewProps = {\n  doc: Document\n  docPermissions: CollectionPermission | GlobalPermission\n  initialComparisonDoc: Document\n  latestDraftVersion?: string\n  latestPublishedVersion?: string\n  localeOptions: OptionObject[]\n  versionID?: string\n}\n"],"names":[],"mappings":"AASA,WAQC"}
+{"version":3,"file":"types.js","names":[],"sources":["../../../../src/views/Version/Default/types.ts"],"sourcesContent":["import type { CollectionPermission, Document, GlobalPermission, OptionObject } from 'payload'\n\nexport type CompareOption = {\n  label: React.ReactNode | string\n  options?: CompareOption[]\n  relationTo?: string\n  value: string\n}\n\nexport type DefaultVersionsViewProps = {\n  readonly doc: Document\n  readonly docPermissions: CollectionPermission | GlobalPermission\n  readonly initialComparisonDoc: Document\n  readonly latestDraftVersion?: string\n  readonly latestPublishedVersion?: string\n  readonly localeOptions: OptionObject[]\n  readonly versionID?: string\n}\n"],"mappings":"AASA","ignoreList":[]}

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

@@ -1,10 +1,11 @@
 import { jsx as _jsx } from "react/jsx-runtime";
 import React from 'react';
 const baseClass = 'field-diff-label';
-const Label = ({ children })=>/*#__PURE__*/ _jsx("div", {
-        className: baseClass,
-        children: children
-    });
+const Label = ({
+  children
+}) => /*#__PURE__*/_jsx("div", {
+  className: baseClass,
+  children: children
+});
 export default Label;
-
 //# sourceMappingURL=index.js.map

package/dist/views/Version/RenderFieldsToDiff/Label/index.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../../../src/views/Version/RenderFieldsToDiff/Label/index.tsx"],"sourcesContent":["import React from 'react'\n\nimport './index.scss'\n\nconst baseClass = 'field-diff-label'\n\nconst Label: React.FC<{ children?: React.ReactNode }> = ({ children }) => (\n  <div className={baseClass}>{children}</div>\n)\n\nexport default Label\n"],"names":["React","baseClass","Label","children","div","className"],"mappings":";AAAA,OAAOA,WAAW,QAAO;AAIzB,MAAMC,YAAY;AAElB,MAAMC,QAAkD,CAAC,EAAEC,QAAQ,EAAE,iBACnE,KAACC;QAAIC,WAAWJ;kBAAYE;;AAG9B,eAAeD,MAAK"}
+{"version":3,"file":"index.js","names":["React","baseClass","Label","children","_jsx","className"],"sources":["../../../../../src/views/Version/RenderFieldsToDiff/Label/index.tsx"],"sourcesContent":["import React from 'react'\n\nimport './index.scss'\n\nconst baseClass = 'field-diff-label'\n\nconst Label: React.FC<{ children?: React.ReactNode }> = ({ children }) => (\n  <div className={baseClass}>{children}</div>\n)\n\nexport default Label\n"],"mappings":";AAAA,OAAOA,KAAA,MAAW;AAIlB,MAAMC,SAAA,GAAY;AAElB,MAAMC,KAAA,GAAkDA,CAAC;EAAEC;AAAQ,CAAE,kBACnEC,IAAA,CAAC;EAAIC,SAAA,EAAWJ,SAAA;YAAYE;;AAG9B,eAAeD,KAAA","ignoreList":[]}

package/dist/views/Version/RenderFieldsToDiff/fields/Iterable/index.d.ts

@@ -1,6 +1,6 @@
 import React from 'react';
-import type { Props } from '../types.js';
+import type { DiffComponentProps } from '../types.js';
 import './index.scss';
-declare const Iterable: React.FC<Props>;
+declare const Iterable: React.FC<DiffComponentProps>;
 export default Iterable;
 //# sourceMappingURL=index.d.ts.map

package/dist/views/Version/RenderFieldsToDiff/fields/Iterable/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../../src/views/Version/RenderFieldsToDiff/fields/Iterable/index.tsx"],"names":[],"mappings":"AAIA,OAAO,KAAK,MAAM,OAAO,CAAA;AAEzB,OAAO,KAAK,EAAE,KAAK,EAAE,MAAM,aAAa,CAAA;AAIxC,OAAO,cAAc,CAAA;AAIrB,QAAA,MAAM,QAAQ,EAAE,KAAK,CAAC,EAAE,CAAC,KAAK,CA2G7B,CAAA;AAED,eAAe,QAAQ,CAAA"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../../src/views/Version/RenderFieldsToDiff/fields/Iterable/index.tsx"],"names":[],"mappings":"AAKA,OAAO,KAAK,MAAM,OAAO,CAAA;AAEzB,OAAO,KAAK,EAAE,kBAAkB,EAAE,MAAM,aAAa,CAAA;AAIrD,OAAO,cAAc,CAAA;AAIrB,QAAA,MAAM,QAAQ,EAAE,KAAK,CAAC,EAAE,CAAC,kBAAkB,CAgG1C,CAAA;AAED,eAAe,QAAQ,CAAA"}

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

@@ -1,79 +1,77 @@
+'use client';
+
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { getTranslation } from '@payloadcms/translations';
 import { getUniqueListBy } from 'payload/shared';
 import React from 'react';
-import Label from '../../Label/index.js';
 import RenderFieldsToDiff from '../../index.js';
+import Label from '../../Label/index.js';
 const baseClass = 'iterable-diff';
-const Iterable = ({ comparison, diffComponents, field, i18n, locale, locales, permissions, version })=>{
-    const versionRowCount = Array.isArray(version) ? version.length : 0;
-    const comparisonRowCount = Array.isArray(comparison) ? comparison.length : 0;
-    const maxRows = Math.max(versionRowCount, comparisonRowCount);
-    return /*#__PURE__*/ _jsxs("div", {
-        className: baseClass,
-        children: [
-            'label' in field.fieldComponentProps && field.fieldComponentProps.label && typeof field.fieldComponentProps.label !== 'function' && /*#__PURE__*/ _jsxs(Label, {
-                children: [
-                    locale && /*#__PURE__*/ _jsx("span", {
-                        className: `${baseClass}__locale-label`,
-                        children: locale
-                    }),
-                    getTranslation(field.fieldComponentProps.label, i18n)
-                ]
-            }),
-            maxRows > 0 && /*#__PURE__*/ _jsx(React.Fragment, {
-                children: Array.from(Array(maxRows).keys()).map((row, i)=>{
-                    const versionRow = version?.[i] || {};
-                    const comparisonRow = comparison?.[i] || {};
-                    let fieldMap = [];
-                    if (field.type === 'array' && 'fieldMap' in field.fieldComponentProps) fieldMap = field.fieldComponentProps.fieldMap;
-                    if (field.type === 'blocks') {
-                        fieldMap = [];
-                        if (versionRow?.blockType === comparisonRow?.blockType) {
-                            const matchedBlock = 'blocks' in field.fieldComponentProps && field.fieldComponentProps.blocks?.find((block)=>block.slug === versionRow?.blockType) || {
-                                fieldMap: []
-                            };
-                            fieldMap = [
-                                ...fieldMap,
-                                ...matchedBlock.fieldMap
-                            ];
-                        } else {
-                            const matchedVersionBlock = 'blocks' in field.fieldComponentProps && field.fieldComponentProps.blocks?.find((block)=>block.slug === versionRow?.blockType) || {
-                                fieldMap: []
-                            };
-                            const matchedComparisonBlock = 'blocks' in field.fieldComponentProps && field.fieldComponentProps.blocks?.find((block)=>block.slug === comparisonRow?.blockType) || {
-                                fieldMap: []
-                            };
-                            fieldMap = getUniqueListBy([
-                                ...fieldMap,
-                                ...matchedVersionBlock.fieldMap,
-                                ...matchedComparisonBlock.fieldMap
-                            ], 'name');
-                        }
-                    }
-                    return /*#__PURE__*/ _jsx("div", {
-                        className: `${baseClass}__wrap`,
-                        children: /*#__PURE__*/ _jsx(RenderFieldsToDiff, {
-                            comparison: comparisonRow,
-                            diffComponents: diffComponents,
-                            fieldMap: fieldMap,
-                            fieldPermissions: permissions,
-                            i18n: i18n,
-                            locales: locales,
-                            version: versionRow
-                        })
-                    }, i);
-                })
-            }),
-            maxRows === 0 && /*#__PURE__*/ _jsx("div", {
-                className: `${baseClass}__no-rows`,
-                children: i18n.t('version:noRowsFound', {
-                    label: 'labels' in field.fieldComponentProps && field.fieldComponentProps.labels?.plural ? getTranslation(field.fieldComponentProps.labels.plural, i18n) : i18n.t('general:rows')
-                })
-            })
-        ]
-    });
+const Iterable = ({
+  comparison,
+  diffComponents,
+  field,
+  i18n,
+  locale,
+  locales,
+  permissions,
+  version
+}) => {
+  const versionRowCount = Array.isArray(version) ? version.length : 0;
+  const comparisonRowCount = Array.isArray(comparison) ? comparison.length : 0;
+  const maxRows = Math.max(versionRowCount, comparisonRowCount);
+  return /*#__PURE__*/_jsxs("div", {
+    className: baseClass,
+    children: ['label' in field && field.label && typeof field.label !== 'function' && /*#__PURE__*/_jsxs(Label, {
+      children: [locale && /*#__PURE__*/_jsx("span", {
+        className: `${baseClass}__locale-label`,
+        children: locale
+      }), getTranslation(field.label, i18n)]
+    }), maxRows > 0 && /*#__PURE__*/_jsx(React.Fragment, {
+      children: Array.from(Array(maxRows).keys()).map((row, i) => {
+        const versionRow = version?.[i] || {};
+        const comparisonRow = comparison?.[i] || {};
+        let fields = [];
+        if (field.type === 'array' && 'fields' in field) {
+          fields = field.fields;
+        }
+        if (field.type === 'blocks') {
+          fields = [];
+          if (versionRow?.blockType === comparisonRow?.blockType) {
+            const matchedBlock = 'blocks' in field && field.blocks?.find(block => block.slug === versionRow?.blockType) || {
+              fields: []
+            };
+            fields = [...fields, ...matchedBlock.fields];
+          } else {
+            const matchedVersionBlock = 'blocks' in field && field.blocks?.find(block => block.slug === versionRow?.blockType) || {
+              fields: []
+            };
+            const matchedComparisonBlock = 'blocks' in field && field.blocks?.find(block => block.slug === comparisonRow?.blockType) || {
+              fields: []
+            };
+            fields = getUniqueListBy([...fields, ...matchedVersionBlock.fields, ...matchedComparisonBlock.fields], 'name');
+          }
+        }
+        return /*#__PURE__*/_jsx("div", {
+          className: `${baseClass}__wrap`,
+          children: /*#__PURE__*/_jsx(RenderFieldsToDiff, {
+            comparison: comparisonRow,
+            diffComponents: diffComponents,
+            fieldPermissions: permissions,
+            fields: fields,
+            i18n: i18n,
+            locales: locales,
+            version: versionRow
+          })
+        }, i);
+      })
+    }), maxRows === 0 && /*#__PURE__*/_jsx("div", {
+      className: `${baseClass}__no-rows`,
+      children: i18n.t('version:noRowsFound', {
+        label: 'labels' in field && field.labels?.plural ? getTranslation(field.labels.plural, i18n) : i18n.t('general:rows')
+      })
+    })]
+  });
 };
 export default Iterable;
-
 //# sourceMappingURL=index.js.map

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../../../../src/views/Version/RenderFieldsToDiff/fields/Iterable/index.tsx"],"sourcesContent":["import type { MappedField } from 'payload'\n\nimport { getTranslation } from '@payloadcms/translations'\nimport { getUniqueListBy } from 'payload/shared'\nimport React from 'react'\n\nimport type { Props } from '../types.js'\n\nimport Label from '../../Label/index.js'\nimport RenderFieldsToDiff from '../../index.js'\nimport './index.scss'\n\nconst baseClass = 'iterable-diff'\n\nconst Iterable: React.FC<Props> = ({\n  comparison,\n  diffComponents,\n  field,\n  i18n,\n  locale,\n  locales,\n  permissions,\n  version,\n}) => {\n  const versionRowCount = Array.isArray(version) ? version.length : 0\n  const comparisonRowCount = Array.isArray(comparison) ? comparison.length : 0\n  const maxRows = Math.max(versionRowCount, comparisonRowCount)\n\n  return (\n    <div className={baseClass}>\n      {'label' in field.fieldComponentProps &&\n        field.fieldComponentProps.label &&\n        typeof field.fieldComponentProps.label !== 'function' && (\n          <Label>\n            {locale && <span className={`${baseClass}__locale-label`}>{locale}</span>}\n            {getTranslation(field.fieldComponentProps.label, i18n)}\n          </Label>\n        )}\n      {maxRows > 0 && (\n        <React.Fragment>\n          {Array.from(Array(maxRows).keys()).map((row, i) => {\n            const versionRow = version?.[i] || {}\n            const comparisonRow = comparison?.[i] || {}\n\n            let fieldMap: MappedField[] = []\n\n            if (field.type === 'array' && 'fieldMap' in field.fieldComponentProps)\n              fieldMap = field.fieldComponentProps.fieldMap\n\n            if (field.type === 'blocks') {\n              fieldMap = [\n                // {\n                //   name: 'blockType',\n                //   label: i18n.t('fields:blockType'),\n                //   type: 'text',\n                // },\n              ]\n\n              if (versionRow?.blockType === comparisonRow?.blockType) {\n                const matchedBlock = ('blocks' in field.fieldComponentProps &&\n                  field.fieldComponentProps.blocks?.find(\n                    (block) => block.slug === versionRow?.blockType,\n                  )) || {\n                  fieldMap: [],\n                }\n\n                fieldMap = [...fieldMap, ...matchedBlock.fieldMap]\n              } else {\n                const matchedVersionBlock = ('blocks' in field.fieldComponentProps &&\n                  field.fieldComponentProps.blocks?.find(\n                    (block) => block.slug === versionRow?.blockType,\n                  )) || {\n                  fieldMap: [],\n                }\n\n                const matchedComparisonBlock = ('blocks' in field.fieldComponentProps &&\n                  field.fieldComponentProps.blocks?.find(\n                    (block) => block.slug === comparisonRow?.blockType,\n                  )) || {\n                  fieldMap: [],\n                }\n\n                fieldMap = getUniqueListBy<MappedField>(\n                  [\n                    ...fieldMap,\n                    ...matchedVersionBlock.fieldMap,\n                    ...matchedComparisonBlock.fieldMap,\n                  ],\n                  'name',\n                )\n              }\n            }\n\n            return (\n              <div className={`${baseClass}__wrap`} key={i}>\n                <RenderFieldsToDiff\n                  comparison={comparisonRow}\n                  diffComponents={diffComponents}\n                  fieldMap={fieldMap}\n                  fieldPermissions={permissions}\n                  i18n={i18n}\n                  locales={locales}\n                  version={versionRow}\n                />\n              </div>\n            )\n          })}\n        </React.Fragment>\n      )}\n      {maxRows === 0 && (\n        <div className={`${baseClass}__no-rows`}>\n          {i18n.t('version:noRowsFound', {\n            label:\n              'labels' in field.fieldComponentProps && field.fieldComponentProps.labels?.plural\n                ? getTranslation(field.fieldComponentProps.labels.plural, i18n)\n                : i18n.t('general:rows'),\n          })}\n        </div>\n      )}\n    </div>\n  )\n}\n\nexport default Iterable\n"],"names":["getTranslation","getUniqueListBy","React","Label","RenderFieldsToDiff","baseClass","Iterable","comparison","diffComponents","field","i18n","locale","locales","permissions","version","versionRowCount","Array","isArray","length","comparisonRowCount","maxRows","Math","max","div","className","fieldComponentProps","label","span","Fragment","from","keys","map","row","i","versionRow","comparisonRow","fieldMap","type","blockType","matchedBlock","blocks","find","block","slug","matchedVersionBlock","matchedComparisonBlock","fieldPermissions","t","labels","plural"],"mappings":"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"}
+{"version":3,"file":"index.js","names":["getTranslation","getUniqueListBy","React","RenderFieldsToDiff","Label","baseClass","Iterable","comparison","diffComponents","field","i18n","locale","locales","permissions","version","versionRowCount","Array","isArray","length","comparisonRowCount","maxRows","Math","max","_jsxs","className","label","_jsx","Fragment","from","keys","map","row","i","versionRow","comparisonRow","fields","type","blockType","matchedBlock","blocks","find","block","slug","matchedVersionBlock","matchedComparisonBlock","fieldPermissions","t","labels","plural"],"sources":["../../../../../../src/views/Version/RenderFieldsToDiff/fields/Iterable/index.tsx"],"sourcesContent":["'use client'\nimport type { ClientField } from 'payload'\n\nimport { getTranslation } from '@payloadcms/translations'\nimport { getUniqueListBy } from 'payload/shared'\nimport React from 'react'\n\nimport type { DiffComponentProps } from '../types.js'\n\nimport RenderFieldsToDiff from '../../index.js'\nimport Label from '../../Label/index.js'\nimport './index.scss'\n\nconst baseClass = 'iterable-diff'\n\nconst Iterable: React.FC<DiffComponentProps> = ({\n  comparison,\n  diffComponents,\n  field,\n  i18n,\n  locale,\n  locales,\n  permissions,\n  version,\n}) => {\n  const versionRowCount = Array.isArray(version) ? version.length : 0\n  const comparisonRowCount = Array.isArray(comparison) ? comparison.length : 0\n  const maxRows = Math.max(versionRowCount, comparisonRowCount)\n\n  return (\n    <div className={baseClass}>\n      {'label' in field && field.label && typeof field.label !== 'function' && (\n        <Label>\n          {locale && <span className={`${baseClass}__locale-label`}>{locale}</span>}\n          {getTranslation(field.label, i18n)}\n        </Label>\n      )}\n      {maxRows > 0 && (\n        <React.Fragment>\n          {Array.from(Array(maxRows).keys()).map((row, i) => {\n            const versionRow = version?.[i] || {}\n            const comparisonRow = comparison?.[i] || {}\n\n            let fields: ClientField[] = []\n\n            if (field.type === 'array' && 'fields' in field) {\n              fields = field.fields\n            }\n\n            if (field.type === 'blocks') {\n              fields = [\n                // {\n                //   name: 'blockType',\n                //   label: i18n.t('fields:blockType'),\n                //   type: 'text',\n                // },\n              ]\n\n              if (versionRow?.blockType === comparisonRow?.blockType) {\n                const matchedBlock = ('blocks' in field &&\n                  field.blocks?.find((block) => block.slug === versionRow?.blockType)) || {\n                  fields: [],\n                }\n\n                fields = [...fields, ...matchedBlock.fields]\n              } else {\n                const matchedVersionBlock = ('blocks' in field &&\n                  field.blocks?.find((block) => block.slug === versionRow?.blockType)) || {\n                  fields: [],\n                }\n\n                const matchedComparisonBlock = ('blocks' in field &&\n                  field.blocks?.find((block) => block.slug === comparisonRow?.blockType)) || {\n                  fields: [],\n                }\n\n                fields = getUniqueListBy<ClientField>(\n                  [...fields, ...matchedVersionBlock.fields, ...matchedComparisonBlock.fields],\n                  'name',\n                )\n              }\n            }\n\n            return (\n              <div className={`${baseClass}__wrap`} key={i}>\n                <RenderFieldsToDiff\n                  comparison={comparisonRow}\n                  diffComponents={diffComponents}\n                  fieldPermissions={permissions}\n                  fields={fields}\n                  i18n={i18n}\n                  locales={locales}\n                  version={versionRow}\n                />\n              </div>\n            )\n          })}\n        </React.Fragment>\n      )}\n      {maxRows === 0 && (\n        <div className={`${baseClass}__no-rows`}>\n          {i18n.t('version:noRowsFound', {\n            label:\n              'labels' in field && field.labels?.plural\n                ? getTranslation(field.labels.plural, i18n)\n                : i18n.t('general:rows'),\n          })}\n        </div>\n      )}\n    </div>\n  )\n}\n\nexport default Iterable\n"],"mappings":"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","ignoreList":[]}

package/dist/views/Version/RenderFieldsToDiff/fields/Nested/index.d.ts

@@ -1,6 +1,6 @@
 import React from 'react';
-import type { Props } from '../types.js';
+import type { DiffComponentProps } from '../types.js';
 import './index.scss';
-declare const Nested: React.FC<Props>;
+declare const Nested: React.FC<DiffComponentProps>;
 export default Nested;
 //# sourceMappingURL=index.d.ts.map

package/dist/views/Version/RenderFieldsToDiff/fields/Nested/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../../src/views/Version/RenderFieldsToDiff/fields/Nested/index.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,MAAM,OAAO,CAAA;AAEzB,OAAO,KAAK,EAAE,KAAK,EAAE,MAAM,aAAa,CAAA;AAIxC,OAAO,cAAc,CAAA;AAIrB,QAAA,MAAM,MAAM,EAAE,KAAK,CAAC,EAAE,CAAC,KAAK,CAuC3B,CAAA;AAED,eAAe,MAAM,CAAA"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../../src/views/Version/RenderFieldsToDiff/fields/Nested/index.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,MAAM,OAAO,CAAA;AAEzB,OAAO,KAAK,EAAE,kBAAkB,EAAE,MAAM,aAAa,CAAA;AAIrD,OAAO,cAAc,CAAA;AAIrB,QAAA,MAAM,MAAM,EAAE,KAAK,CAAC,EAAE,CAAC,kBAAkB,CAqCxC,CAAA;AAED,eAAe,MAAM,CAAA"}

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

@@ -1,40 +1,43 @@
+'use client';
+
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { getTranslation } from '@payloadcms/translations';
 import React from 'react';
-import Label from '../../Label/index.js';
 import RenderFieldsToDiff from '../../index.js';
+import Label from '../../Label/index.js';
 const baseClass = 'nested-diff';
-const Nested = ({ comparison, diffComponents, disableGutter = false, field, fieldMap, i18n, locale, locales, permissions, version })=>{
-    return /*#__PURE__*/ _jsxs("div", {
-        className: baseClass,
-        children: [
-            'label' in field.fieldComponentProps && field.fieldComponentProps.label && typeof field.fieldComponentProps.label !== 'function' && /*#__PURE__*/ _jsxs(Label, {
-                children: [
-                    locale && /*#__PURE__*/ _jsx("span", {
-                        className: `${baseClass}__locale-label`,
-                        children: locale
-                    }),
-                    getTranslation(field.fieldComponentProps.label, i18n)
-                ]
-            }),
-            /*#__PURE__*/ _jsx("div", {
-                className: [
-                    `${baseClass}__wrap`,
-                    !disableGutter && `${baseClass}__wrap--gutter`
-                ].filter(Boolean).join(' '),
-                children: /*#__PURE__*/ _jsx(RenderFieldsToDiff, {
-                    comparison: comparison,
-                    diffComponents: diffComponents,
-                    fieldMap: fieldMap,
-                    fieldPermissions: permissions,
-                    i18n: i18n,
-                    locales: locales,
-                    version: version
-                })
-            })
-        ]
-    });
+const Nested = ({
+  comparison,
+  diffComponents,
+  disableGutter = false,
+  field,
+  fields,
+  i18n,
+  locale,
+  locales,
+  permissions,
+  version
+}) => {
+  return /*#__PURE__*/_jsxs("div", {
+    className: baseClass,
+    children: ['label' in field && field.label && typeof field.label !== 'function' && /*#__PURE__*/_jsxs(Label, {
+      children: [locale && /*#__PURE__*/_jsx("span", {
+        className: `${baseClass}__locale-label`,
+        children: locale
+      }), getTranslation(field.label, i18n)]
+    }), /*#__PURE__*/_jsx("div", {
+      className: [`${baseClass}__wrap`, !disableGutter && `${baseClass}__wrap--gutter`].filter(Boolean).join(' '),
+      children: /*#__PURE__*/_jsx(RenderFieldsToDiff, {
+        comparison: comparison,
+        diffComponents: diffComponents,
+        fieldPermissions: permissions,
+        fields: fields,
+        i18n: i18n,
+        locales: locales,
+        version: version
+      })
+    })]
+  });
 };
 export default Nested;
-
 //# sourceMappingURL=index.js.map

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../../../../src/views/Version/RenderFieldsToDiff/fields/Nested/index.tsx"],"sourcesContent":["import { getTranslation } from '@payloadcms/translations'\nimport React from 'react'\n\nimport type { Props } from '../types.js'\n\nimport Label from '../../Label/index.js'\nimport RenderFieldsToDiff from '../../index.js'\nimport './index.scss'\n\nconst baseClass = 'nested-diff'\n\nconst Nested: React.FC<Props> = ({\n  comparison,\n  diffComponents,\n  disableGutter = false,\n  field,\n  fieldMap,\n  i18n,\n  locale,\n  locales,\n  permissions,\n  version,\n}) => {\n  return (\n    <div className={baseClass}>\n      {'label' in field.fieldComponentProps &&\n        field.fieldComponentProps.label &&\n        typeof field.fieldComponentProps.label !== 'function' && (\n          <Label>\n            {locale && <span className={`${baseClass}__locale-label`}>{locale}</span>}\n            {getTranslation(field.fieldComponentProps.label, i18n)}\n          </Label>\n        )}\n      <div\n        className={[`${baseClass}__wrap`, !disableGutter && `${baseClass}__wrap--gutter`]\n          .filter(Boolean)\n          .join(' ')}\n      >\n        <RenderFieldsToDiff\n          comparison={comparison}\n          diffComponents={diffComponents}\n          fieldMap={fieldMap}\n          fieldPermissions={permissions}\n          i18n={i18n}\n          locales={locales}\n          version={version}\n        />\n      </div>\n    </div>\n  )\n}\n\nexport default Nested\n"],"names":["getTranslation","React","Label","RenderFieldsToDiff","baseClass","Nested","comparison","diffComponents","disableGutter","field","fieldMap","i18n","locale","locales","permissions","version","div","className","fieldComponentProps","label","span","filter","Boolean","join","fieldPermissions"],"mappings":";AAAA,SAASA,cAAc,QAAQ,2BAA0B;AACzD,OAAOC,WAAW,QAAO;AAIzB,OAAOC,WAAW,uBAAsB;AACxC,OAAOC,wBAAwB,iBAAgB;AAG/C,MAAMC,YAAY;AAElB,MAAMC,SAA0B,CAAC,EAC/BC,UAAU,EACVC,cAAc,EACdC,gBAAgB,KAAK,EACrBC,KAAK,EACLC,QAAQ,EACRC,IAAI,EACJC,MAAM,EACNC,OAAO,EACPC,WAAW,EACXC,OAAO,EACR;IACC,qBACE,MAACC;QAAIC,WAAWb;;YACb,WAAWK,MAAMS,mBAAmB,IACnCT,MAAMS,mBAAmB,CAACC,KAAK,IAC/B,OAAOV,MAAMS,mBAAmB,CAACC,KAAK,KAAK,4BACzC,MAACjB;;oBACEU,wBAAU,KAACQ;wBAAKH,WAAW,CAAC,EAAEb,UAAU,cAAc,CAAC;kCAAGQ;;oBAC1DZ,eAAeS,MAAMS,mBAAmB,CAACC,KAAK,EAAER;;;0BAGvD,KAACK;gBACCC,WAAW;oBAAC,CAAC,EAAEb,UAAU,MAAM,CAAC;oBAAE,CAACI,iBAAiB,CAAC,EAAEJ,UAAU,cAAc,CAAC;iBAAC,CAC9EiB,MAAM,CAACC,SACPC,IAAI,CAAC;0BAER,cAAA,KAACpB;oBACCG,YAAYA;oBACZC,gBAAgBA;oBAChBG,UAAUA;oBACVc,kBAAkBV;oBAClBH,MAAMA;oBACNE,SAASA;oBACTE,SAASA;;;;;AAKnB;AAEA,eAAeV,OAAM"}
+{"version":3,"file":"index.js","names":["getTranslation","React","RenderFieldsToDiff","Label","baseClass","Nested","comparison","diffComponents","disableGutter","field","fields","i18n","locale","locales","permissions","version","_jsxs","className","label","_jsx","filter","Boolean","join","fieldPermissions"],"sources":["../../../../../../src/views/Version/RenderFieldsToDiff/fields/Nested/index.tsx"],"sourcesContent":["'use client'\nimport { getTranslation } from '@payloadcms/translations'\nimport React from 'react'\n\nimport type { DiffComponentProps } from '../types.js'\n\nimport RenderFieldsToDiff from '../../index.js'\nimport Label from '../../Label/index.js'\nimport './index.scss'\n\nconst baseClass = 'nested-diff'\n\nconst Nested: React.FC<DiffComponentProps> = ({\n  comparison,\n  diffComponents,\n  disableGutter = false,\n  field,\n  fields,\n  i18n,\n  locale,\n  locales,\n  permissions,\n  version,\n}) => {\n  return (\n    <div className={baseClass}>\n      {'label' in field && field.label && typeof field.label !== 'function' && (\n        <Label>\n          {locale && <span className={`${baseClass}__locale-label`}>{locale}</span>}\n          {getTranslation(field.label, i18n)}\n        </Label>\n      )}\n      <div\n        className={[`${baseClass}__wrap`, !disableGutter && `${baseClass}__wrap--gutter`]\n          .filter(Boolean)\n          .join(' ')}\n      >\n        <RenderFieldsToDiff\n          comparison={comparison}\n          diffComponents={diffComponents}\n          fieldPermissions={permissions}\n          fields={fields}\n          i18n={i18n}\n          locales={locales}\n          version={version}\n        />\n      </div>\n    </div>\n  )\n}\n\nexport default Nested\n"],"mappings":"AAAA;;;AACA,SAASA,cAAc,QAAQ;AAC/B,OAAOC,KAAA,MAAW;AAIlB,OAAOC,kBAAA,MAAwB;AAC/B,OAAOC,KAAA,MAAW;AAGlB,MAAMC,SAAA,GAAY;AAElB,MAAMC,MAAA,GAAuCA,CAAC;EAC5CC,UAAU;EACVC,cAAc;EACdC,aAAA,GAAgB,KAAK;EACrBC,KAAK;EACLC,MAAM;EACNC,IAAI;EACJC,MAAM;EACNC,OAAO;EACPC,WAAW;EACXC;AAAO,CACR;EACC,oBACEC,KAAA,CAAC;IAAIC,SAAA,EAAWb,SAAA;eACb,WAAWK,KAAA,IAASA,KAAA,CAAMS,KAAK,IAAI,OAAOT,KAAA,CAAMS,KAAK,KAAK,2BACzDF,KAAA,CAACb,KAAA;iBACES,MAAA,iBAAUO,IAAA,CAAC;QAAKF,SAAA,EAAW,GAAGb,SAAA,gBAAyB;kBAAGQ;UAC1DZ,cAAA,CAAeS,KAAA,CAAMS,KAAK,EAAEP,IAAA;qBAGjCQ,IAAA,CAAC;MACCF,SAAA,EAAW,CAAC,GAAGb,SAAA,QAAiB,EAAE,CAACI,aAAA,IAAiB,GAAGJ,SAAA,gBAAyB,CAAC,CAC9EgB,MAAM,CAACC,OAAA,EACPC,IAAI,CAAC;gBAER,aAAAH,IAAA,CAACjB,kBAAA;QACCI,UAAA,EAAYA,UAAA;QACZC,cAAA,EAAgBA,cAAA;QAChBgB,gBAAA,EAAkBT,WAAA;QAClBJ,MAAA,EAAQA,MAAA;QACRC,IAAA,EAAMA,IAAA;QACNE,OAAA,EAASA,OAAA;QACTE,OAAA,EAASA;;;;AAKnB;AAEA,eAAeV,MAAA","ignoreList":[]}

package/dist/views/Version/RenderFieldsToDiff/fields/Relationship/index.d.ts

@@ -1,6 +1,7 @@
+import type { RelationshipFieldClient } from 'payload';
 import React from 'react';
-import type { Props } from '../types.js';
+import type { DiffComponentProps } from '../types.js';
 import './index.scss';
-declare const Relationship: React.FC<Props>;
+declare const Relationship: React.FC<DiffComponentProps<RelationshipFieldClient>>;
 export default Relationship;
 //# sourceMappingURL=index.d.ts.map

package/dist/views/Version/RenderFieldsToDiff/fields/Relationship/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../../src/views/Version/RenderFieldsToDiff/fields/Relationship/index.tsx"],"names":[],"mappings":"AAMA,OAAO,KAAK,MAAM,OAAO,CAAA;AAGzB,OAAO,KAAK,EAAE,KAAK,EAAE,MAAM,aAAa,CAAA;AAIxC,OAAO,cAAc,CAAA;AA8DrB,QAAA,MAAM,YAAY,EAAE,KAAK,CAAC,EAAE,CAAC,KAAK,CAiDjC,CAAA;AAED,eAAe,YAAY,CAAA"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../../src/views/Version/RenderFieldsToDiff/fields/Relationship/index.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAuC,uBAAuB,EAAE,MAAM,SAAS,CAAA;AAK3F,OAAO,KAAK,MAAM,OAAO,CAAA;AAGzB,OAAO,KAAK,EAAE,kBAAkB,EAAE,MAAM,aAAa,CAAA;AAIrD,OAAO,cAAc,CAAA;AAoFrB,QAAA,MAAM,YAAY,EAAE,KAAK,CAAC,EAAE,CAAC,kBAAkB,CAAC,uBAAuB,CAAC,CA2DvE,CAAA;AAED,eAAe,YAAY,CAAA"}