@payloadcms/ui 3.32.0-canary.2 → 3.32.0-canary.4

package/dist/hooks/useQueues.d.ts

@@ -1,4 +1,37 @@
+type QueuedFunction = () => Promise<void>;
+type QueuedTaskOptions = {
+    /**
+     * A function that is called after the queue has processed a function
+     * Used to perform side effects after processing the queue
+     * @returns {void}
+     */
+    afterProcess?: () => void;
+    /**
+     * A function that can be used to prevent the queue from processing under certain conditions
+     * Can also be used to perform side effects before processing the queue
+     * @returns {boolean} If `false`, the queue will not process
+     */
+    beforeProcess?: () => boolean;
+};
+type QueueTask = (fn: QueuedFunction, options?: QueuedTaskOptions) => void;
+/**
+ * A React hook that allows you to queue up functions to be executed in order.
+ * This is useful when you need to ensure long running networks requests are processed sequentially.
+ * Builds up a "queue" of functions to be executed in order, only ever processing the last function in the queue.
+ * This ensures that a long queue of tasks doesn't cause a backlog of tasks to be processed.
+ * E.g. if you queue a task and it begins running, then you queue 9 more tasks:
+ *   1. The currently task will finish
+ *   2. The next task in the queue will run
+ *   3. All remaining tasks will be discarded
+ * @returns {queueTask} A function used to queue a function.
+ * @example
+ * const { queueTask } = useQueues()
+ * queueTask(async () => {
+ *   await fetch('https://api.example.com')
+ * })
+ */
 export declare function useQueues(): {
-    queueTask: (fn: (signal: AbortSignal) => Promise<void>) => void;
+    queueTask: QueueTask;
 };
+export {};
 //# sourceMappingURL=useQueues.d.ts.map

package/dist/hooks/useQueues.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"useQueues.d.ts","sourceRoot":"","sources":["../../src/hooks/useQueues.ts"],"names":[],"mappings":"AAEA,wBAAgB,SAAS,IAAI;IAC3B,SAAS,EAAE,CAAC,EAAE,EAAE,CAAC,MAAM,EAAE,WAAW,KAAK,OAAO,CAAC,IAAI,CAAC,KAAK,IAAI,CAAA;CAChE,CA2CA"}
+{"version":3,"file":"useQueues.d.ts","sourceRoot":"","sources":["../../src/hooks/useQueues.ts"],"names":[],"mappings":"AAEA,KAAK,cAAc,GAAG,MAAM,OAAO,CAAC,IAAI,CAAC,CAAA;AAEzC,KAAK,iBAAiB,GAAG;IACvB;;;;OAIG;IACH,YAAY,CAAC,EAAE,MAAM,IAAI,CAAA;IACzB;;;;OAIG;IACH,aAAa,CAAC,EAAE,MAAM,OAAO,CAAA;CAC9B,CAAA;AAED,KAAK,SAAS,GAAG,CAAC,EAAE,EAAE,cAAc,EAAE,OAAO,CAAC,EAAE,iBAAiB,KAAK,IAAI,CAAA;AAE1E;;;;;;;;;;;;;;;GAeG;AACH,wBAAgB,SAAS,IAAI;IAC3B,SAAS,EAAE,SAAS,CAAA;CACrB,CA8CA"}

package/dist/hooks/useQueues.js

@@ -1,40 +1,56 @@
 import { useCallback, useRef } from 'react';
+/**
+ * A React hook that allows you to queue up functions to be executed in order.
+ * This is useful when you need to ensure long running networks requests are processed sequentially.
+ * Builds up a "queue" of functions to be executed in order, only ever processing the last function in the queue.
+ * This ensures that a long queue of tasks doesn't cause a backlog of tasks to be processed.
+ * E.g. if you queue a task and it begins running, then you queue 9 more tasks:
+ *   1. The currently task will finish
+ *   2. The next task in the queue will run
+ *   3. All remaining tasks will be discarded
+ * @returns {queueTask} A function used to queue a function.
+ * @example
+ * const { queueTask } = useQueues()
+ * queueTask(async () => {
+ *   await fetch('https://api.example.com')
+ * })
+ */
 export function useQueues() {
-  const runningTaskRef = useRef(null);
-  const queuedTask = useRef(null);
-  const abortControllerRef = useRef(null);
-  const queueTask = useCallback(fn => {
-    // Overwrite the queued task every time a new one arrives
-    queuedTask.current = fn;
-    // If a task is already running, abort it and return
-    if (runningTaskRef.current !== null) {
-      if (abortControllerRef.current) {
-        abortControllerRef.current.abort();
+  const queue = useRef([]);
+  const isProcessing = useRef(false);
+  const queueTask = useCallback((fn, options) => {
+    queue.current.push(fn);
+    async function processQueue() {
+      if (isProcessing.current) {
+        return;
       }
-      return;
-    }
-    const executeTask = async () => {
-      while (queuedTask.current) {
-        const taskToRun = queuedTask.current;
-        queuedTask.current = null // Reset latest task before running
+      // Allow the consumer to prevent the queue from processing under certain conditions
+      if (typeof options?.beforeProcess === 'function') {
+        const shouldContinue = options.beforeProcess();
+        if (shouldContinue === false) {
+          return;
+        }
+      }
+      while (queue.current.length > 0) {
+        const latestTask = queue.current.pop() // Only process the last task in the queue
         ;
-        const controller = new AbortController();
-        abortControllerRef.current = controller;
+        queue.current = [] // Discard all other tasks
+        ;
+        isProcessing.current = true;
         try {
-          runningTaskRef.current = taskToRun(controller.signal);
-          await runningTaskRef.current // Wait for the task to complete
-          ;
+          await latestTask();
         } catch (err) {
-          if (err.name !== 'AbortError') {
-            console.error('Error in queued function:', err) // eslint-disable-line no-console
-            ;
-          }
+          console.error('Error in queued function:', err) // eslint-disable-line no-console
+          ;
         } finally {
-          runningTaskRef.current = null;
+          isProcessing.current = false;
+          if (typeof options?.afterProcess === 'function') {
+            options.afterProcess();
+          }
         }
       }
-    };
-    void executeTask();
+    }
+    void processQueue();
   }, []);
   return {
     queueTask

package/dist/hooks/useQueues.js.map

@@ -1 +1 @@
-{"version":3,"file":"useQueues.js","names":["useCallback","useRef","useQueues","runningTaskRef","queuedTask","abortControllerRef","queueTask","fn","current","abort","executeTask","taskToRun","controller","AbortController","signal","err","name","console","error"],"sources":["../../src/hooks/useQueues.ts"],"sourcesContent":["import { useCallback, useRef } from 'react'\n\nexport function useQueues(): {\n  queueTask: (fn: (signal: AbortSignal) => Promise<void>) => void\n} {\n  const runningTaskRef = useRef<null | Promise<void>>(null)\n  const queuedTask = useRef<((signal: AbortSignal) => Promise<void>) | null>(null)\n  const abortControllerRef = useRef<AbortController | null>(null)\n\n  const queueTask = useCallback((fn: (signal: AbortSignal) => Promise<void>) => {\n    // Overwrite the queued task every time a new one arrives\n    queuedTask.current = fn\n\n    // If a task is already running, abort it and return\n    if (runningTaskRef.current !== null) {\n      if (abortControllerRef.current) {\n        abortControllerRef.current.abort()\n      }\n\n      return\n    }\n\n    const executeTask = async () => {\n      while (queuedTask.current) {\n        const taskToRun = queuedTask.current\n        queuedTask.current = null // Reset latest task before running\n\n        const controller = new AbortController()\n        abortControllerRef.current = controller\n\n        try {\n          runningTaskRef.current = taskToRun(controller.signal)\n          await runningTaskRef.current // Wait for the task to complete\n        } catch (err) {\n          if (err.name !== 'AbortError') {\n            console.error('Error in queued function:', err) // eslint-disable-line no-console\n          }\n        } finally {\n          runningTaskRef.current = null\n        }\n      }\n    }\n\n    void executeTask()\n  }, [])\n\n  return { queueTask }\n}\n"],"mappings":"AAAA,SAASA,WAAW,EAAEC,MAAM,QAAQ;AAEpC,OAAO,SAASC,UAAA;EAGd,MAAMC,cAAA,GAAiBF,MAAA,CAA6B;EACpD,MAAMG,UAAA,GAAaH,MAAA,CAAwD;EAC3E,MAAMI,kBAAA,GAAqBJ,MAAA,CAA+B;EAE1D,MAAMK,SAAA,GAAYN,WAAA,CAAaO,EAAA;IAC7B;IACAH,UAAA,CAAWI,OAAO,GAAGD,EAAA;IAErB;IACA,IAAIJ,cAAA,CAAeK,OAAO,KAAK,MAAM;MACnC,IAAIH,kBAAA,CAAmBG,OAAO,EAAE;QAC9BH,kBAAA,CAAmBG,OAAO,CAACC,KAAK;MAClC;MAEA;IACF;IAEA,MAAMC,WAAA,GAAc,MAAAA,CAAA;MAClB,OAAON,UAAA,CAAWI,OAAO,EAAE;QACzB,MAAMG,SAAA,GAAYP,UAAA,CAAWI,OAAO;QACpCJ,UAAA,CAAWI,OAAO,GAAG,KAAK;QAAA;QAE1B,MAAMI,UAAA,GAAa,IAAIC,eAAA;QACvBR,kBAAA,CAAmBG,OAAO,GAAGI,UAAA;QAE7B,IAAI;UACFT,cAAA,CAAeK,OAAO,GAAGG,SAAA,CAAUC,UAAA,CAAWE,MAAM;UACpD,MAAMX,cAAA,CAAeK,OAAO,CAAC;UAAA;QAC/B,EAAE,OAAOO,GAAA,EAAK;UACZ,IAAIA,GAAA,CAAIC,IAAI,KAAK,cAAc;YAC7BC,OAAA,CAAQC,KAAK,CAAC,6BAA6BH,GAAA,EAAK;YAAA;UAClD;QACF,UAAU;UACRZ,cAAA,CAAeK,OAAO,GAAG;QAC3B;MACF;IACF;IAEA,KAAKE,WAAA;EACP,GAAG,EAAE;EAEL,OAAO;IAAEJ;EAAU;AACrB","ignoreList":[]}
+{"version":3,"file":"useQueues.js","names":["useCallback","useRef","useQueues","queue","isProcessing","queueTask","fn","options","current","push","processQueue","beforeProcess","shouldContinue","length","latestTask","pop","err","console","error","afterProcess"],"sources":["../../src/hooks/useQueues.ts"],"sourcesContent":["import { useCallback, useRef } from 'react'\n\ntype QueuedFunction = () => Promise<void>\n\ntype QueuedTaskOptions = {\n  /**\n   * A function that is called after the queue has processed a function\n   * Used to perform side effects after processing the queue\n   * @returns {void}\n   */\n  afterProcess?: () => void\n  /**\n   * A function that can be used to prevent the queue from processing under certain conditions\n   * Can also be used to perform side effects before processing the queue\n   * @returns {boolean} If `false`, the queue will not process\n   */\n  beforeProcess?: () => boolean\n}\n\ntype QueueTask = (fn: QueuedFunction, options?: QueuedTaskOptions) => void\n\n/**\n * A React hook that allows you to queue up functions to be executed in order.\n * This is useful when you need to ensure long running networks requests are processed sequentially.\n * Builds up a \"queue\" of functions to be executed in order, only ever processing the last function in the queue.\n * This ensures that a long queue of tasks doesn't cause a backlog of tasks to be processed.\n * E.g. if you queue a task and it begins running, then you queue 9 more tasks:\n *   1. The currently task will finish\n *   2. The next task in the queue will run\n *   3. All remaining tasks will be discarded\n * @returns {queueTask} A function used to queue a function.\n * @example\n * const { queueTask } = useQueues()\n * queueTask(async () => {\n *   await fetch('https://api.example.com')\n * })\n */\nexport function useQueues(): {\n  queueTask: QueueTask\n} {\n  const queue = useRef<QueuedFunction[]>([])\n\n  const isProcessing = useRef(false)\n\n  const queueTask = useCallback<QueueTask>((fn, options) => {\n    queue.current.push(fn)\n\n    async function processQueue() {\n      if (isProcessing.current) {\n        return\n      }\n\n      // Allow the consumer to prevent the queue from processing under certain conditions\n      if (typeof options?.beforeProcess === 'function') {\n        const shouldContinue = options.beforeProcess()\n\n        if (shouldContinue === false) {\n          return\n        }\n      }\n\n      while (queue.current.length > 0) {\n        const latestTask = queue.current.pop() // Only process the last task in the queue\n        queue.current = [] // Discard all other tasks\n\n        isProcessing.current = true\n\n        try {\n          await latestTask()\n        } catch (err) {\n          console.error('Error in queued function:', err) // eslint-disable-line no-console\n        } finally {\n          isProcessing.current = false\n\n          if (typeof options?.afterProcess === 'function') {\n            options.afterProcess()\n          }\n        }\n      }\n    }\n\n    void processQueue()\n  }, [])\n\n  return { queueTask }\n}\n"],"mappings":"AAAA,SAASA,WAAW,EAAEC,MAAM,QAAQ;AAqBpC;;;;;;;;;;;;;;;;AAgBA,OAAO,SAASC,UAAA;EAGd,MAAMC,KAAA,GAAQF,MAAA,CAAyB,EAAE;EAEzC,MAAMG,YAAA,GAAeH,MAAA,CAAO;EAE5B,MAAMI,SAAA,GAAYL,WAAA,CAAuB,CAACM,EAAA,EAAIC,OAAA;IAC5CJ,KAAA,CAAMK,OAAO,CAACC,IAAI,CAACH,EAAA;IAEnB,eAAeI,aAAA;MACb,IAAIN,YAAA,CAAaI,OAAO,EAAE;QACxB;MACF;MAEA;MACA,IAAI,OAAOD,OAAA,EAASI,aAAA,KAAkB,YAAY;QAChD,MAAMC,cAAA,GAAiBL,OAAA,CAAQI,aAAa;QAE5C,IAAIC,cAAA,KAAmB,OAAO;UAC5B;QACF;MACF;MAEA,OAAOT,KAAA,CAAMK,OAAO,CAACK,MAAM,GAAG,GAAG;QAC/B,MAAMC,UAAA,GAAaX,KAAA,CAAMK,OAAO,CAACO,GAAG,GAAG;QAAA;QACvCZ,KAAA,CAAMK,OAAO,GAAG,EAAE,CAAC;QAAA;QAEnBJ,YAAA,CAAaI,OAAO,GAAG;QAEvB,IAAI;UACF,MAAMM,UAAA;QACR,EAAE,OAAOE,GAAA,EAAK;UACZC,OAAA,CAAQC,KAAK,CAAC,6BAA6BF,GAAA,EAAK;UAAA;QAClD,UAAU;UACRZ,YAAA,CAAaI,OAAO,GAAG;UAEvB,IAAI,OAAOD,OAAA,EAASY,YAAA,KAAiB,YAAY;YAC/CZ,OAAA,CAAQY,YAAY;UACtB;QACF;MACF;IACF;IAEA,KAAKT,YAAA;EACP,GAAG,EAAE;EAEL,OAAO;IAAEL;EAAU;AACrB","ignoreList":[]}

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

@@ -1 +1 @@
-{"version":3,"file":"getClientConfig.d.ts","sourceRoot":"","sources":["../../src/utilities/getClientConfig.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,0BAA0B,CAAA;AAC1D,OAAO,KAAK,EAAE,YAAY,EAAE,SAAS,EAAE,eAAe,EAAE,MAAM,SAAS,CAAA;AAWvE,eAAO,MAAM,eAAe,SACnB;IAAE,MAAM,EAAE,eAAe,CAAC;IAAC,IAAI,EAAE,UAAU,CAAC;IAAC,SAAS,EAAE,SAAS,CAAA;CAAE,KAAG,YAmB9E,CAAA"}
+{"version":3,"file":"getClientConfig.d.ts","sourceRoot":"","sources":["../../src/utilities/getClientConfig.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,UAAU,EAAsB,MAAM,0BAA0B,CAAA;AAC9E,OAAO,KAAK,EAAE,YAAY,EAAE,SAAS,EAAE,eAAe,EAAE,MAAM,SAAS,CAAA;AAiBvE,eAAO,MAAM,eAAe,SACnB;IAAE,MAAM,EAAE,eAAe,CAAC;IAAC,IAAI,EAAE,UAAU,CAAC;IAAC,SAAS,EAAE,SAAS,CAAA;CAAE,KAAG,YAoB9E,CAAA"}

package/dist/utilities/getClientConfig.js

@@ -1,24 +1,26 @@
 import { createClientConfig } from 'payload';
 import { cache } from 'react';
-let cachedClientConfig = global._payload_clientConfig;
-if (!cachedClientConfig) {
-  cachedClientConfig = global._payload_clientConfig = null;
+let cachedClientConfigs = global._payload_clientConfigs;
+if (!cachedClientConfigs) {
+  cachedClientConfigs = global._payload_clientConfigs = {};
 }
 export const getClientConfig = cache(args => {
-  if (cachedClientConfig && !global._payload_doNotCacheClientConfig) {
-    return cachedClientConfig;
-  }
   const {
     config,
     i18n,
     importMap
   } = args;
-  cachedClientConfig = createClientConfig({
+  const currentLanguage = i18n.language;
+  if (cachedClientConfigs[currentLanguage] && !global._payload_doNotCacheClientConfig) {
+    return cachedClientConfigs[currentLanguage];
+  }
+  const cachedClientConfig = createClientConfig({
     config,
     i18n,
     importMap
   });
-  global._payload_clientConfig = cachedClientConfig;
+  cachedClientConfigs[currentLanguage] = cachedClientConfig;
+  global._payload_clientConfigs = cachedClientConfigs;
   global._payload_doNotCacheClientConfig = false;
   return cachedClientConfig;
 });

package/dist/utilities/getClientConfig.js.map

@@ -1 +1 @@
-{"version":3,"file":"getClientConfig.js","names":["createClientConfig","cache","cachedClientConfig","global","_payload_clientConfig","getClientConfig","args","_payload_doNotCacheClientConfig","config","i18n","importMap"],"sources":["../../src/utilities/getClientConfig.ts"],"sourcesContent":["import type { I18nClient } from '@payloadcms/translations'\nimport type { ClientConfig, ImportMap, SanitizedConfig } from 'payload'\n\nimport { createClientConfig } from 'payload'\nimport { cache } from 'react'\n\nlet cachedClientConfig: ClientConfig | null = global._payload_clientConfig\n\nif (!cachedClientConfig) {\n  cachedClientConfig = global._payload_clientConfig = null\n}\n\nexport const getClientConfig = cache(\n  (args: { config: SanitizedConfig; i18n: I18nClient; importMap: ImportMap }): ClientConfig => {\n    if (cachedClientConfig && !global._payload_doNotCacheClientConfig) {\n      return cachedClientConfig\n    }\n\n    const { config, i18n, importMap } = args\n\n    cachedClientConfig = createClientConfig({\n      config,\n      i18n,\n      importMap,\n    })\n\n    global._payload_clientConfig = cachedClientConfig\n\n    global._payload_doNotCacheClientConfig = false\n\n    return cachedClientConfig\n  },\n)\n"],"mappings":"AAGA,SAASA,kBAAkB,QAAQ;AACnC,SAASC,KAAK,QAAQ;AAEtB,IAAIC,kBAAA,GAA0CC,MAAA,CAAOC,qBAAqB;AAE1E,IAAI,CAACF,kBAAA,EAAoB;EACvBA,kBAAA,GAAqBC,MAAA,CAAOC,qBAAqB,GAAG;AACtD;AAEA,OAAO,MAAMC,eAAA,GAAkBJ,KAAA,CAC5BK,IAAA;EACC,IAAIJ,kBAAA,IAAsB,CAACC,MAAA,CAAOI,+BAA+B,EAAE;IACjE,OAAOL,kBAAA;EACT;EAEA,MAAM;IAAEM,MAAM;IAAEC,IAAI;IAAEC;EAAS,CAAE,GAAGJ,IAAA;EAEpCJ,kBAAA,GAAqBF,kBAAA,CAAmB;IACtCQ,MAAA;IACAC,IAAA;IACAC;EACF;EAEAP,MAAA,CAAOC,qBAAqB,GAAGF,kBAAA;EAE/BC,MAAA,CAAOI,+BAA+B,GAAG;EAEzC,OAAOL,kBAAA;AACT","ignoreList":[]}
+{"version":3,"file":"getClientConfig.js","names":["createClientConfig","cache","cachedClientConfigs","global","_payload_clientConfigs","getClientConfig","args","config","i18n","importMap","currentLanguage","language","_payload_doNotCacheClientConfig","cachedClientConfig"],"sources":["../../src/utilities/getClientConfig.ts"],"sourcesContent":["import type { I18nClient, SupportedLanguages } from '@payloadcms/translations'\nimport type { ClientConfig, ImportMap, SanitizedConfig } from 'payload'\n\nimport { createClientConfig } from 'payload'\nimport { cache } from 'react'\n\nlet cachedClientConfigs = global._payload_clientConfigs as Record<\n  keyof SupportedLanguages,\n  ClientConfig\n>\n\nif (!cachedClientConfigs) {\n  cachedClientConfigs = global._payload_clientConfigs = {} as Record<\n    keyof SupportedLanguages,\n    ClientConfig\n  >\n}\n\nexport const getClientConfig = cache(\n  (args: { config: SanitizedConfig; i18n: I18nClient; importMap: ImportMap }): ClientConfig => {\n    const { config, i18n, importMap } = args\n    const currentLanguage = i18n.language\n\n    if (cachedClientConfigs[currentLanguage] && !global._payload_doNotCacheClientConfig) {\n      return cachedClientConfigs[currentLanguage]\n    }\n\n    const cachedClientConfig = createClientConfig({\n      config,\n      i18n,\n      importMap,\n    })\n\n    cachedClientConfigs[currentLanguage] = cachedClientConfig\n    global._payload_clientConfigs = cachedClientConfigs\n    global._payload_doNotCacheClientConfig = false\n\n    return cachedClientConfig\n  },\n)\n"],"mappings":"AAGA,SAASA,kBAAkB,QAAQ;AACnC,SAASC,KAAK,QAAQ;AAEtB,IAAIC,mBAAA,GAAsBC,MAAA,CAAOC,sBAAsB;AAKvD,IAAI,CAACF,mBAAA,EAAqB;EACxBA,mBAAA,GAAsBC,MAAA,CAAOC,sBAAsB,GAAG,CAAC;AAIzD;AAEA,OAAO,MAAMC,eAAA,GAAkBJ,KAAA,CAC5BK,IAAA;EACC,MAAM;IAAEC,MAAM;IAAEC,IAAI;IAAEC;EAAS,CAAE,GAAGH,IAAA;EACpC,MAAMI,eAAA,GAAkBF,IAAA,CAAKG,QAAQ;EAErC,IAAIT,mBAAmB,CAACQ,eAAA,CAAgB,IAAI,CAACP,MAAA,CAAOS,+BAA+B,EAAE;IACnF,OAAOV,mBAAmB,CAACQ,eAAA,CAAgB;EAC7C;EAEA,MAAMG,kBAAA,GAAqBb,kBAAA,CAAmB;IAC5CO,MAAA;IACAC,IAAA;IACAC;EACF;EAEAP,mBAAmB,CAACQ,eAAA,CAAgB,GAAGG,kBAAA;EACvCV,MAAA,CAAOC,sBAAsB,GAAGF,mBAAA;EAChCC,MAAA,CAAOS,+BAA+B,GAAG;EAEzC,OAAOC,kBAAA;AACT","ignoreList":[]}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@payloadcms/ui",
-  "version": "3.32.0-canary.2",
+  "version": "3.32.0-canary.4",
   "homepage": "https://payloadcms.com",
   "repository": {
     "type": "git",
@@ -132,7 +132,7 @@
     "ts-essentials": "10.0.3",
     "use-context-selector": "2.0.0",
     "uuid": "10.0.0",
-    "@payloadcms/translations": "3.32.0-canary.2"
+    "@payloadcms/translations": "3.32.0-canary.4"
   },
   "devDependencies": {
     "@babel/cli": "7.26.4",
@@ -148,14 +148,14 @@
     "esbuild": "0.24.2",
     "esbuild-sass-plugin": "3.3.1",
     "eslint-plugin-react-compiler": "19.0.0-beta-714736e-20250131",
-    "@payloadcms/eslint-config": "3.28.0",
-    "payload": "3.32.0-canary.2"
+    "payload": "3.32.0-canary.4",
+    "@payloadcms/eslint-config": "3.28.0"
   },
   "peerDependencies": {
     "next": "^15.2.3",
     "react": "^19.0.0 || ^19.0.0-rc-65a56d0e-20241020",
     "react-dom": "^19.0.0 || ^19.0.0-rc-65a56d0e-20241020",
-    "payload": "3.32.0-canary.2"
+    "payload": "3.32.0-canary.4"
   },
   "engines": {
     "node": "^18.20.2 || >=20.9.0"