@payloadcms/ui 3.0.0-beta.36 → 3.0.0-beta.38

package/dist/utilities/buildFormState.js

@@ -0,0 +1,162 @@
+import { buildStateFromSchema } from '@payloadcms/ui/forms/buildStateFromSchema';
+import { reduceFieldsToValues } from '@payloadcms/ui/utilities/reduceFieldsToValues';
+import { buildFieldSchemaMap } from './buildFieldSchemaMap/index.js';
+let cached = global._payload_fieldSchemaMap;
+if (!cached) {
+    // eslint-disable-next-line no-multi-assign
+    cached = global._payload_fieldSchemaMap = null;
+}
+export const getFieldSchemaMap = (req)=>{
+    if (cached && process.env.NODE_ENV !== 'development') {
+        return cached;
+    }
+    cached = buildFieldSchemaMap({
+        config: req.payload.config,
+        i18n: req.i18n
+    });
+    return cached;
+};
+export const buildFormState = async ({ req })=>{
+    const reqData = req.data;
+    const { collectionSlug, formState, globalSlug, locale, operation, schemaPath } = reqData;
+    const incomingUserSlug = req.user?.collection;
+    const adminUserSlug = req.payload.config.admin.user;
+    // If we have a user slug, test it against the functions
+    if (incomingUserSlug) {
+        const adminAccessFunction = req.payload.collections[incomingUserSlug].config.access?.admin;
+        // Run the admin access function from the config if it exists
+        if (adminAccessFunction) {
+            const canAccessAdmin = await adminAccessFunction({
+                req
+            });
+            if (!canAccessAdmin) {
+                throw new Error('Unauthorized');
+            }
+        // Match the user collection to the global admin config
+        } else if (adminUserSlug !== incomingUserSlug) {
+            throw new Error('Unauthorized');
+        }
+    } else {
+        const hasUsers = await req.payload.find({
+            collection: adminUserSlug,
+            depth: 0,
+            limit: 1,
+            pagination: false
+        });
+        // If there are users, we should not allow access because of /create-first-user
+        if (hasUsers.docs.length) {
+            throw new Error('Unauthorized');
+        }
+    }
+    const fieldSchemaMap = getFieldSchemaMap(req);
+    const id = collectionSlug ? reqData.id : undefined;
+    const schemaPathSegments = schemaPath.split('.');
+    let fieldSchema;
+    if (schemaPathSegments.length === 1) {
+        if (req.payload.collections[schemaPath]) {
+            fieldSchema = req.payload.collections[schemaPath].config.fields;
+        } else {
+            fieldSchema = req.payload.config.globals.find((global1)=>global1.slug === schemaPath)?.fields;
+        }
+    } else if (fieldSchemaMap.has(schemaPath)) {
+        fieldSchema = fieldSchemaMap.get(schemaPath);
+    }
+    if (!fieldSchema) {
+        throw new Error('Could not find field schema for given path');
+    }
+    let docPreferences = reqData.docPreferences;
+    let data = reqData.data;
+    const promises = {};
+    // If the request does not include doc preferences,
+    // we should fetch them. This is useful for DocumentInfoProvider
+    // as it reduces the amount of client-side fetches necessary
+    // when we fetch data for the Edit view
+    if (!docPreferences) {
+        let preferencesKey;
+        if (collectionSlug && id) {
+            preferencesKey = `collection-${collectionSlug}-${id}`;
+        }
+        if (globalSlug) {
+            preferencesKey = `global-${globalSlug}`;
+        }
+        if (preferencesKey) {
+            const fetchPreferences = async ()=>{
+                const preferencesResult = await req.payload.find({
+                    collection: 'payload-preferences',
+                    depth: 0,
+                    limit: 1,
+                    where: {
+                        key: {
+                            equals: preferencesKey
+                        }
+                    }
+                });
+                if (preferencesResult?.docs?.[0]?.value) docPreferences = preferencesResult.docs[0].value;
+            };
+            promises.preferences = fetchPreferences();
+        }
+    }
+    // If there is a form state,
+    // then we can deduce data from that form state
+    if (formState) data = reduceFieldsToValues(formState, true);
+    // If we do not have data at this point,
+    // we can fetch it. This is useful for DocumentInfoProvider
+    // to reduce the amount of fetches required
+    if (!data) {
+        const fetchData = async ()=>{
+            let resolvedData;
+            if (collectionSlug && id) {
+                resolvedData = await req.payload.findByID({
+                    id,
+                    collection: collectionSlug,
+                    depth: 0,
+                    draft: true,
+                    fallbackLocale: null,
+                    locale,
+                    overrideAccess: false,
+                    user: req.user
+                });
+            }
+            if (globalSlug && schemaPath === globalSlug) {
+                resolvedData = await req.payload.findGlobal({
+                    slug: globalSlug,
+                    depth: 0,
+                    draft: true,
+                    fallbackLocale: null,
+                    locale,
+                    overrideAccess: false,
+                    user: req.user
+                });
+            }
+            data = resolvedData;
+        };
+        promises.data = fetchData();
+    }
+    if (Object.keys(promises).length > 0) {
+        await Promise.all(Object.values(promises));
+    }
+    const result = await buildStateFromSchema({
+        id,
+        data,
+        fieldSchema,
+        operation,
+        preferences: docPreferences || {
+            fields: {}
+        },
+        req
+    });
+    // Maintain form state of auth / upload fields
+    if (collectionSlug && formState) {
+        if (req.payload.collections[collectionSlug]?.config?.upload && formState.file) {
+            result.file = formState.file;
+        }
+        if (req.payload.collections[collectionSlug]?.config?.auth && !req.payload.collections[collectionSlug].config.auth.disableLocalStrategy) {
+            if (formState.password) result.password = formState.password;
+            if (formState['confirm-password']) result['confirm-password'] = formState['confirm-password'];
+            if (formState.email) result.email = formState.email;
+        }
+    }
+    return result;
+};
+
+//# sourceMappingURL=buildFormState.js.map

package/dist/utilities/buildFormState.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../src/utilities/buildFormState.ts"],"sourcesContent":["import type { BuildFormStateArgs } from '@payloadcms/ui/forms/buildStateFromSchema'\nimport type {\n  DocumentPreferences,\n  Field,\n  FormState,\n  PayloadRequestWithData,\n  TypeWithID,\n} from 'payload/types'\n\nimport { buildStateFromSchema } from '@payloadcms/ui/forms/buildStateFromSchema'\nimport { reduceFieldsToValues } from '@payloadcms/ui/utilities/reduceFieldsToValues'\n\nimport type { FieldSchemaMap } from './buildFieldSchemaMap/types.js'\n\nimport { buildFieldSchemaMap } from './buildFieldSchemaMap/index.js'\n\nlet cached = global._payload_fieldSchemaMap\n\nif (!cached) {\n  // eslint-disable-next-line no-multi-assign\n  cached = global._payload_fieldSchemaMap = null\n}\n\nexport const getFieldSchemaMap = (req: PayloadRequestWithData): FieldSchemaMap => {\n  if (cached && process.env.NODE_ENV !== 'development') {\n    return cached\n  }\n\n  cached = buildFieldSchemaMap({\n    config: req.payload.config,\n    i18n: req.i18n,\n  })\n\n  return cached\n}\n\nexport const buildFormState = async ({\n  req,\n}: {\n  req: PayloadRequestWithData\n}): Promise<FormState> => {\n  const reqData: BuildFormStateArgs = req.data as BuildFormStateArgs\n  const { collectionSlug, formState, globalSlug, locale, operation, schemaPath } = reqData\n\n  const incomingUserSlug = req.user?.collection\n  const adminUserSlug = req.payload.config.admin.user\n\n  // If we have a user slug, test it against the functions\n  if (incomingUserSlug) {\n    const adminAccessFunction = req.payload.collections[incomingUserSlug].config.access?.admin\n\n    // Run the admin access function from the config if it exists\n    if (adminAccessFunction) {\n      const canAccessAdmin = await adminAccessFunction({ req })\n\n      if (!canAccessAdmin) {\n        throw new Error('Unauthorized')\n      }\n      // Match the user collection to the global admin config\n    } else if (adminUserSlug !== incomingUserSlug) {\n      throw new Error('Unauthorized')\n    }\n  } else {\n    const hasUsers = await req.payload.find({\n      collection: adminUserSlug,\n      depth: 0,\n      limit: 1,\n      pagination: false,\n    })\n    // If there are users, we should not allow access because of /create-first-user\n    if (hasUsers.docs.length) {\n      throw new Error('Unauthorized')\n    }\n  }\n\n  const fieldSchemaMap = getFieldSchemaMap(req)\n\n  const id = collectionSlug ? reqData.id : undefined\n  const schemaPathSegments = schemaPath.split('.')\n\n  let fieldSchema: Field[]\n\n  if (schemaPathSegments.length === 1) {\n    if (req.payload.collections[schemaPath]) {\n      fieldSchema = req.payload.collections[schemaPath].config.fields\n    } else {\n      fieldSchema = req.payload.config.globals.find((global) => global.slug === schemaPath)?.fields\n    }\n  } else if (fieldSchemaMap.has(schemaPath)) {\n    fieldSchema = fieldSchemaMap.get(schemaPath)\n  }\n\n  if (!fieldSchema) {\n    throw new Error('Could not find field schema for given path')\n  }\n\n  let docPreferences = reqData.docPreferences\n  let data = reqData.data\n\n  const promises: {\n    data?: Promise<void>\n    preferences?: Promise<void>\n  } = {}\n\n  // If the request does not include doc preferences,\n  // we should fetch them. This is useful for DocumentInfoProvider\n  // as it reduces the amount of client-side fetches necessary\n  // when we fetch data for the Edit view\n  if (!docPreferences) {\n    let preferencesKey\n\n    if (collectionSlug && id) {\n      preferencesKey = `collection-${collectionSlug}-${id}`\n    }\n\n    if (globalSlug) {\n      preferencesKey = `global-${globalSlug}`\n    }\n\n    if (preferencesKey) {\n      const fetchPreferences = async () => {\n        const preferencesResult = (await req.payload.find({\n          collection: 'payload-preferences',\n          depth: 0,\n          limit: 1,\n          where: {\n            key: {\n              equals: preferencesKey,\n            },\n          },\n        })) as unknown as { docs: { value: DocumentPreferences }[] }\n\n        if (preferencesResult?.docs?.[0]?.value) docPreferences = preferencesResult.docs[0].value\n      }\n\n      promises.preferences = fetchPreferences()\n    }\n  }\n\n  // If there is a form state,\n  // then we can deduce data from that form state\n  if (formState) data = reduceFieldsToValues(formState, true)\n\n  // If we do not have data at this point,\n  // we can fetch it. This is useful for DocumentInfoProvider\n  // to reduce the amount of fetches required\n  if (!data) {\n    const fetchData = async () => {\n      let resolvedData: TypeWithID\n\n      if (collectionSlug && id) {\n        resolvedData = await req.payload.findByID({\n          id,\n          collection: collectionSlug,\n          depth: 0,\n          draft: true,\n          fallbackLocale: null,\n          locale,\n          overrideAccess: false,\n          user: req.user,\n        })\n      }\n\n      if (globalSlug && schemaPath === globalSlug) {\n        resolvedData = await req.payload.findGlobal({\n          slug: globalSlug,\n          depth: 0,\n          draft: true,\n          fallbackLocale: null,\n          locale,\n          overrideAccess: false,\n          user: req.user,\n        })\n      }\n\n      data = resolvedData\n    }\n\n    promises.data = fetchData()\n  }\n\n  if (Object.keys(promises).length > 0) {\n    await Promise.all(Object.values(promises))\n  }\n\n  const result = await buildStateFromSchema({\n    id,\n    data,\n    fieldSchema,\n    operation,\n    preferences: docPreferences || { fields: {} },\n    req,\n  })\n\n  // Maintain form state of auth / upload fields\n  if (collectionSlug && formState) {\n    if (req.payload.collections[collectionSlug]?.config?.upload && formState.file) {\n      result.file = formState.file\n    }\n\n    if (\n      req.payload.collections[collectionSlug]?.config?.auth &&\n      !req.payload.collections[collectionSlug].config.auth.disableLocalStrategy\n    ) {\n      if (formState.password) result.password = formState.password\n      if (formState['confirm-password']) result['confirm-password'] = formState['confirm-password']\n      if (formState.email) result.email = formState.email\n    }\n  }\n\n  return result\n}\n"],"names":["buildStateFromSchema","reduceFieldsToValues","buildFieldSchemaMap","cached","global","_payload_fieldSchemaMap","getFieldSchemaMap","req","process","env","NODE_ENV","config","payload","i18n","buildFormState","reqData","data","collectionSlug","formState","globalSlug","locale","operation","schemaPath","incomingUserSlug","user","collection","adminUserSlug","admin","adminAccessFunction","collections","access","canAccessAdmin","Error","hasUsers","find","depth","limit","pagination","docs","length","fieldSchemaMap","id","undefined","schemaPathSegments","split","fieldSchema","fields","globals","slug","has","get","docPreferences","promises","preferencesKey","fetchPreferences","preferencesResult","where","key","equals","value","preferences","fetchData","resolvedData","findByID","draft","fallbackLocale","overrideAccess","findGlobal","Object","keys","Promise","all","values","result","upload","file","auth","disableLocalStrategy","password","email"],"rangeMappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","mappings":"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"}

package/dist/utilities/getFormState.d.ts

@@ -6,5 +6,6 @@ export declare const getFormState: (args: {
     onError?: (data?: any) => Promise<void> | void;
     serverURL: SanitizedConfig['serverURL'];
     signal?: AbortSignal;
+    token?: string;
 }) => Promise<FormState>;
 //# sourceMappingURL=getFormState.d.ts.map

package/dist/utilities/getFormState.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"getFormState.d.ts","sourceRoot":"","sources":["../../src/utilities/getFormState.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,SAAS,EAAE,eAAe,EAAE,MAAM,eAAe,CAAA;AAE/D,OAAO,KAAK,EAAE,kBAAkB,EAAE,MAAM,wCAAwC,CAAA;AAEhF,eAAO,MAAM,YAAY,SAAgB;IACvC,QAAQ,EAAE,eAAe,CAAC,QAAQ,CAAC,CAAC,KAAK,CAAC,CAAA;IAC1C,IAAI,EAAE,kBAAkB,CAAA;IACxB,OAAO,CAAC,EAAE,CAAC,IAAI,CAAC,EAAE,GAAG,KAAK,QAAQ,IAAI,CAAC,GAAG,IAAI,CAAA;IAC9C,SAAS,EAAE,eAAe,CAAC,WAAW,CAAC,CAAA;IACvC,MAAM,CAAC,EAAE,WAAW,CAAA;CACrB,KAAG,QAAQ,SAAS,CAwBpB,CAAA"}
+{"version":3,"file":"getFormState.d.ts","sourceRoot":"","sources":["../../src/utilities/getFormState.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,SAAS,EAAE,eAAe,EAAE,MAAM,eAAe,CAAA;AAE/D,OAAO,KAAK,EAAE,kBAAkB,EAAE,MAAM,wCAAwC,CAAA;AAEhF,eAAO,MAAM,YAAY,SAAgB;IACvC,QAAQ,EAAE,eAAe,CAAC,QAAQ,CAAC,CAAC,KAAK,CAAC,CAAA;IAC1C,IAAI,EAAE,kBAAkB,CAAA;IACxB,OAAO,CAAC,EAAE,CAAC,IAAI,CAAC,EAAE,GAAG,KAAK,QAAQ,IAAI,CAAC,GAAG,IAAI,CAAA;IAC9C,SAAS,EAAE,eAAe,CAAC,WAAW,CAAC,CAAA;IACvC,MAAM,CAAC,EAAE,WAAW,CAAA;IACpB,KAAK,CAAC,EAAE,MAAM,CAAA;CACf,KAAG,QAAQ,SAAS,CAyBpB,CAAA"}

package/dist/utilities/getFormState.js

@@ -1,10 +1,13 @@
 export const getFormState = async (args)=>{
-    const { apiRoute, body, onError, serverURL, signal } = args;
+    const { apiRoute, body, onError, serverURL, signal, token } = args;
     const res = await fetch(`${serverURL}${apiRoute}/form-state`, {
         body: JSON.stringify(body),
         credentials: 'include',
         headers: {
-            'Content-Type': 'application/json'
+            'Content-Type': 'application/json',
+            ...token ? {
+                Authorization: `JWT ${token}`
+            } : {}
         },
         method: 'POST',
         signal

package/dist/utilities/getFormState.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../src/utilities/getFormState.ts"],"sourcesContent":["import type { FormState, SanitizedConfig } from 'payload/types'\n\nimport type { BuildFormStateArgs } from '../forms/buildStateFromSchema/index.js'\n\nexport const getFormState = async (args: {\n  apiRoute: SanitizedConfig['routes']['api']\n  body: BuildFormStateArgs\n  onError?: (data?: any) => Promise<void> | void\n  serverURL: SanitizedConfig['serverURL']\n  signal?: AbortSignal\n}): Promise<FormState> => {\n  const { apiRoute, body, onError, serverURL, signal } = args\n\n  const res = await fetch(`${serverURL}${apiRoute}/form-state`, {\n    body: JSON.stringify(body),\n    credentials: 'include',\n    headers: {\n      'Content-Type': 'application/json',\n    },\n    method: 'POST',\n    signal,\n  })\n\n  const json = (await res.json()) as FormState\n\n  if (res.ok) {\n    return json\n  } else {\n    if (typeof onError === 'function') {\n      void onError(json)\n    }\n  }\n\n  return body?.formState\n}\n"],"names":["getFormState","args","apiRoute","body","onError","serverURL","signal","res","fetch","JSON","stringify","credentials","headers","method","json","ok","formState"],"rangeMappings":";;;;;;;;;;;;;;;;;;;;","mappings":"AAIA,OAAO,MAAMA,eAAe,OAAOC;IAOjC,MAAM,EAAEC,QAAQ,EAAEC,IAAI,EAAEC,OAAO,EAAEC,SAAS,EAAEC,MAAM,EAAE,GAAGL;IAEvD,MAAMM,MAAM,MAAMC,MAAM,CAAC,EAAEH,UAAU,EAAEH,SAAS,WAAW,CAAC,EAAE;QAC5DC,MAAMM,KAAKC,SAAS,CAACP;QACrBQ,aAAa;QACbC,SAAS;YACP,gBAAgB;QAClB;QACAC,QAAQ;QACRP;IACF;IAEA,MAAMQ,OAAQ,MAAMP,IAAIO,IAAI;IAE5B,IAAIP,IAAIQ,EAAE,EAAE;QACV,OAAOD;IACT,OAAO;QACL,IAAI,OAAOV,YAAY,YAAY;YACjC,KAAKA,QAAQU;QACf;IACF;IAEA,OAAOX,MAAMa;AACf,EAAC"}
+{"version":3,"sources":["../../src/utilities/getFormState.ts"],"sourcesContent":["import type { FormState, SanitizedConfig } from 'payload/types'\n\nimport type { BuildFormStateArgs } from '../forms/buildStateFromSchema/index.js'\n\nexport const getFormState = async (args: {\n  apiRoute: SanitizedConfig['routes']['api']\n  body: BuildFormStateArgs\n  onError?: (data?: any) => Promise<void> | void\n  serverURL: SanitizedConfig['serverURL']\n  signal?: AbortSignal\n  token?: string\n}): Promise<FormState> => {\n  const { apiRoute, body, onError, serverURL, signal, token } = args\n\n  const res = await fetch(`${serverURL}${apiRoute}/form-state`, {\n    body: JSON.stringify(body),\n    credentials: 'include',\n    headers: {\n      'Content-Type': 'application/json',\n      ...(token ? { Authorization: `JWT ${token}` } : {}),\n    },\n    method: 'POST',\n    signal,\n  })\n\n  const json = (await res.json()) as FormState\n\n  if (res.ok) {\n    return json\n  } else {\n    if (typeof onError === 'function') {\n      void onError(json)\n    }\n  }\n\n  return body?.formState\n}\n"],"names":["getFormState","args","apiRoute","body","onError","serverURL","signal","token","res","fetch","JSON","stringify","credentials","headers","Authorization","method","json","ok","formState"],"rangeMappings":";;;;;;;;;;;;;;;;;;;;;;;","mappings":"AAIA,OAAO,MAAMA,eAAe,OAAOC;IAQjC,MAAM,EAAEC,QAAQ,EAAEC,IAAI,EAAEC,OAAO,EAAEC,SAAS,EAAEC,MAAM,EAAEC,KAAK,EAAE,GAAGN;IAE9D,MAAMO,MAAM,MAAMC,MAAM,CAAC,EAAEJ,UAAU,EAAEH,SAAS,WAAW,CAAC,EAAE;QAC5DC,MAAMO,KAAKC,SAAS,CAACR;QACrBS,aAAa;QACbC,SAAS;YACP,gBAAgB;YAChB,GAAIN,QAAQ;gBAAEO,eAAe,CAAC,IAAI,EAAEP,MAAM,CAAC;YAAC,IAAI,CAAC,CAAC;QACpD;QACAQ,QAAQ;QACRT;IACF;IAEA,MAAMU,OAAQ,MAAMR,IAAIQ,IAAI;IAE5B,IAAIR,IAAIS,EAAE,EAAE;QACV,OAAOD;IACT,OAAO;QACL,IAAI,OAAOZ,YAAY,YAAY;YACjC,KAAKA,QAAQY;QACf;IACF;IAEA,OAAOb,MAAMe;AACf,EAAC"}

package/dist/utilities/reduceFieldsToValues.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"reduceFieldsToValues.d.ts","sourceRoot":"","sources":["../../src/utilities/reduceFieldsToValues.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,IAAI,EAAE,SAAS,EAAE,MAAM,eAAe,CAAA;AAIpD;;;;;;GAMG;AACH,eAAO,MAAM,oBAAoB,WACvB,SAAS,cACL,OAAO,0BACK,OAAO,KAC9B,IAcF,CAAA"}
+{"version":3,"file":"reduceFieldsToValues.d.ts","sourceRoot":"","sources":["../../src/utilities/reduceFieldsToValues.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,IAAI,EAAE,SAAS,EAAE,MAAM,eAAe,CAAA;AAIpD;;;;;;GAMG;AACH,eAAO,MAAM,oBAAoB,WACvB,SAAS,cACL,OAAO,0BACK,OAAO,KAC9B,IAgBF,CAAA"}

package/dist/utilities/reduceFieldsToValues.js

@@ -8,6 +8,7 @@ const { unflatten: flatleyUnflatten } = flatleyImport;
  *
  */ export const reduceFieldsToValues = (fields, unflatten, ignoreDisableFormData)=>{
     let data = {};
+    if (!fields) return data;
     Object.keys(fields).forEach((key)=>{
         if (ignoreDisableFormData === true || !fields[key]?.disableFormData) {
             data[key] = fields[key]?.value;

package/dist/utilities/reduceFieldsToValues.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../src/utilities/reduceFieldsToValues.ts"],"sourcesContent":["import type { Data, FormState } from 'payload/types'\n\nimport flatleyImport from 'flatley'\nconst { unflatten: flatleyUnflatten } = flatleyImport\n/**\n * Reduce flattened form fields (Fields) to just map to the respective values instead of the full FormField object\n *\n * @param unflatten This also unflattens the data if `unflatten` is true. The unflattened data should match the original data structure\n * @param ignoreDisableFormData - if true, will include fields that have `disableFormData` set to true, for example, blocks or arrays fields.\n *\n */\nexport const reduceFieldsToValues = (\n  fields: FormState,\n  unflatten?: boolean,\n  ignoreDisableFormData?: boolean,\n): Data => {\n  let data = {}\n\n  Object.keys(fields).forEach((key) => {\n    if (ignoreDisableFormData === true || !fields[key]?.disableFormData) {\n      data[key] = fields[key]?.value\n    }\n  })\n\n  if (unflatten) {\n    data = flatleyUnflatten(data, { safe: true })\n  }\n\n  return data\n}\n"],"names":["flatleyImport","unflatten","flatleyUnflatten","reduceFieldsToValues","fields","ignoreDisableFormData","data","Object","keys","forEach","key","disableFormData","value","safe"],"rangeMappings":";;;;;;;;;;;;;;;;;;;;;","mappings":"AAEA,OAAOA,mBAAmB,UAAS;AACnC,MAAM,EAAEC,WAAWC,gBAAgB,EAAE,GAAGF;AACxC;;;;;;CAMC,GACD,OAAO,MAAMG,uBAAuB,CAClCC,QACAH,WACAI;IAEA,IAAIC,OAAO,CAAC;IAEZC,OAAOC,IAAI,CAACJ,QAAQK,OAAO,CAAC,CAACC;QAC3B,IAAIL,0BAA0B,QAAQ,CAACD,MAAM,CAACM,IAAI,EAAEC,iBAAiB;YACnEL,IAAI,CAACI,IAAI,GAAGN,MAAM,CAACM,IAAI,EAAEE;QAC3B;IACF;IAEA,IAAIX,WAAW;QACbK,OAAOJ,iBAAiBI,MAAM;YAAEO,MAAM;QAAK;IAC7C;IAEA,OAAOP;AACT,EAAC"}
+{"version":3,"sources":["../../src/utilities/reduceFieldsToValues.ts"],"sourcesContent":["import type { Data, FormState } from 'payload/types'\n\nimport flatleyImport from 'flatley'\nconst { unflatten: flatleyUnflatten } = flatleyImport\n/**\n * Reduce flattened form fields (Fields) to just map to the respective values instead of the full FormField object\n *\n * @param unflatten This also unflattens the data if `unflatten` is true. The unflattened data should match the original data structure\n * @param ignoreDisableFormData - if true, will include fields that have `disableFormData` set to true, for example, blocks or arrays fields.\n *\n */\nexport const reduceFieldsToValues = (\n  fields: FormState,\n  unflatten?: boolean,\n  ignoreDisableFormData?: boolean,\n): Data => {\n  let data = {}\n\n  if (!fields) return data\n\n  Object.keys(fields).forEach((key) => {\n    if (ignoreDisableFormData === true || !fields[key]?.disableFormData) {\n      data[key] = fields[key]?.value\n    }\n  })\n\n  if (unflatten) {\n    data = flatleyUnflatten(data, { safe: true })\n  }\n\n  return data\n}\n"],"names":["flatleyImport","unflatten","flatleyUnflatten","reduceFieldsToValues","fields","ignoreDisableFormData","data","Object","keys","forEach","key","disableFormData","value","safe"],"rangeMappings":";;;;;;;;;;;;;;;;;;;;;;","mappings":"AAEA,OAAOA,mBAAmB,UAAS;AACnC,MAAM,EAAEC,WAAWC,gBAAgB,EAAE,GAAGF;AACxC;;;;;;CAMC,GACD,OAAO,MAAMG,uBAAuB,CAClCC,QACAH,WACAI;IAEA,IAAIC,OAAO,CAAC;IAEZ,IAAI,CAACF,QAAQ,OAAOE;IAEpBC,OAAOC,IAAI,CAACJ,QAAQK,OAAO,CAAC,CAACC;QAC3B,IAAIL,0BAA0B,QAAQ,CAACD,MAAM,CAACM,IAAI,EAAEC,iBAAiB;YACnEL,IAAI,CAACI,IAAI,GAAGN,MAAM,CAACM,IAAI,EAAEE;QAC3B;IACF;IAEA,IAAIX,WAAW;QACbK,OAAOJ,iBAAiBI,MAAM;YAAEO,MAAM;QAAK;IAC7C;IAEA,OAAOP;AACT,EAAC"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@payloadcms/ui",
-  "version": "3.0.0-beta.36",
+  "version": "3.0.0-beta.38",
   "homepage": "https://payloadcms.com",
   "repository": {
     "type": "git",
@@ -111,17 +111,25 @@
     "react-image-crop": "10.1.8",
     "react-select": "5.8.0",
     "react-toastify": "10.0.5",
+    "scheduler": "0.23.0",
     "use-context-selector": "1.4.1",
     "uuid": "9.0.1",
-    "@payloadcms/translations": "3.0.0-beta.36"
+    "@payloadcms/translations": "3.0.0-beta.38"
   },
   "devDependencies": {
+    "@babel/cli": "^7.24.5",
+    "@babel/core": "^7.24.5",
+    "@babel/preset-env": "^7.24.5",
+    "@babel/preset-react": "^7.24.1",
+    "@babel/preset-typescript": "^7.24.1",
     "@types/body-scroll-lock": "^3.1.0",
     "@types/qs": "6.9.7",
     "@types/react": "npm:types-react@19.0.0-beta.2",
     "@types/react-datepicker": "6.2.0",
     "@types/react-dom": "npm:types-react-dom@19.0.0-beta.2",
     "@types/uuid": "8.3.4",
+    "babel-plugin-react-compiler": "0.0.0-experimental-592953e-20240517",
+    "babel-plugin-transform-remove-imports": "^1.7.1",
     "css-loader": "^6.10.0",
     "css-minimizer-webpack-plugin": "^6.0.0",
     "mini-css-extract-plugin": "1.6.2",
@@ -133,14 +141,14 @@
     "terser-webpack-plugin": "^5.3.10",
     "webpack": "^5.78.0",
     "webpack-cli": "^5.1.4",
-    "@payloadcms/eslint-config": "1.1.1",
-    "payload": "3.0.0-beta.36"
+    "payload": "3.0.0-beta.38",
+    "@payloadcms/eslint-config": "1.1.1"
   },
   "peerDependencies": {
     "next": "^15.0.0-rc.0",
     "react": "^19.0.0 || ^19.0.0-rc-f994737d14-20240522",
     "react-dom": "^19.0.0 || ^19.0.0-rc-f994737d14-20240522",
-    "payload": "3.0.0-beta.36"
+    "payload": "3.0.0-beta.38"
   },
   "engines": {
     "node": ">=18.20.2"
@@ -151,8 +159,10 @@
   },
   "scripts": {
     "build": "pnpm copyfiles && pnpm build:swc && pnpm build:types",
+    "build:babel": "babel src --out-dir dist --source-maps --extensions .ts,.js,.tsx,.jsx,.cjs,.mjs",
+    "build:reactcompiler": "pnpm copyfiles && pnpm build:babel && pnpm build:types",
     "build:remove-artifact": "rm dist/prod/index.js",
-    "build:swc": "swc ./src -d ./dist --config-file .swcrc",
+    "build:swc": "swc ./src -d dist --config-file .swcrc",
     "build:types": "tsc --emitDeclarationOnly --outDir dist",
     "build:webpack": "webpack --config webpack.config.js",
     "clean": "rimraf {dist,*.tsbuildinfo}",