@payloadcms/ui 3.0.0-canary.926cbeb → 3.0.0-canary.93a7bbd

package/dist/providers/Config/createClientConfig/globals.js

@@ -0,0 +1,103 @@
+import { deepCopyObjectSimple } from 'payload';
+import { createClientFields } from './fields.js';
+export const createClientGlobalConfig = ({ DefaultEditView, clientGlobal, createMappedComponent, global, i18n, importMap, payload })=>{
+    clientGlobal.fields = createClientFields({
+        clientFields: clientGlobal.fields,
+        createMappedComponent,
+        fields: global.fields,
+        i18n,
+        importMap,
+        payload
+    });
+    const serverOnlyProperties = [
+        'hooks',
+        'access',
+        'endpoints',
+        'custom'
+    ];
+    serverOnlyProperties.forEach((key)=>{
+        if (key in clientGlobal) {
+            delete clientGlobal[key];
+        }
+    });
+    if ('admin' in clientGlobal) {
+        const serverOnlyGlobalAdminProperties = [
+            'hidden',
+            'preview'
+        ];
+        serverOnlyGlobalAdminProperties.forEach((key)=>{
+            if (key in clientGlobal.admin) {
+                delete clientGlobal.admin[key];
+            }
+        });
+        if (global.admin.preview) {
+            clientGlobal._isPreviewEnabled = true;
+        }
+        clientGlobal.admin.components = {};
+        if (global?.admin?.components) {
+            if (global.admin.components.elements) {
+                clientGlobal.admin.components.elements = {};
+                if (global.admin.components.elements?.PreviewButton) {
+                    clientGlobal.admin.components.elements.PreviewButton = createMappedComponent(global.admin.components.elements.PreviewButton, undefined, undefined, 'global.admin.components.elements.PreviewButton');
+                }
+                if (global.admin.components.elements?.PublishButton) {
+                    clientGlobal.admin.components.elements.PublishButton = createMappedComponent(global.admin.components.elements.PublishButton, undefined, undefined, 'global.admin.components.elements.PublishButton');
+                }
+                if (global.admin.components.elements?.SaveButton) {
+                    clientGlobal.admin.components.elements.SaveButton = createMappedComponent(global.admin.components.elements.SaveButton, undefined, undefined, 'global.admin.components.elements.SaveButton');
+                }
+                if (global.admin.components.elements?.SaveDraftButton) {
+                    clientGlobal.admin.components.elements.SaveDraftButton = createMappedComponent(global.admin.components.elements.SaveDraftButton, undefined, undefined, 'global.admin.components.elements.SaveDraftButton');
+                }
+            }
+        }
+        clientGlobal.admin.components.views = global?.admin?.components?.views ? deepCopyObjectSimple(global?.admin?.components?.views) : {};
+        const hasEditView = 'admin' in global && 'components' in global.admin && 'views' in global.admin.components && 'edit' in global.admin.components.views && 'default' in global.admin.components.views.edit;
+        if (!clientGlobal.admin.components.views.edit) {
+            clientGlobal.admin.components.views.edit = {};
+        }
+        clientGlobal.admin.components.views.edit.default = {
+            Component: createMappedComponent(hasEditView && 'Component' in global.admin.components.views.edit.default && global.admin.components.views.edit.default.Component, {
+                globalSlug: global.slug
+            }, DefaultEditView, 'global.admin.components.views.edit.default')
+        };
+        if (global?.admin?.components?.views?.edit) {
+            for(const key in global.admin.components.views.edit){
+                const view = global.admin.components.views.edit[key];
+                if (!clientGlobal.admin.components.views.edit[key]) {
+                    clientGlobal.admin.components.views.edit[key] = {};
+                }
+                if ('Component' in view && key !== 'default') {
+                    clientGlobal.admin.components.views.edit[key].Component = createMappedComponent(view.Component, {
+                        globalSlug: global.slug
+                    }, undefined, 'global.admin.components.views.edit.key.Component');
+                }
+                if ('actions' in view && view.actions?.length) {
+                    clientGlobal.admin.components.views.edit[key].actions = view.actions.map((Component)=>createMappedComponent(Component, undefined, undefined, 'global.admin.components.views.key.actions'));
+                }
+            }
+        }
+        if ('livePreview' in clientGlobal.admin && clientGlobal.admin.livePreview && 'url' in clientGlobal.admin.livePreview) {
+            delete clientGlobal.admin.livePreview.url;
+        }
+    }
+    return clientGlobal;
+};
+export const createClientGlobalConfigs = ({ DefaultEditView, clientGlobals, createMappedComponent, globals, i18n, importMap, payload })=>{
+    for(let i = 0; i < globals.length; i++){
+        const global = globals[i];
+        const clientGlobal = clientGlobals[i];
+        clientGlobals[i] = createClientGlobalConfig({
+            DefaultEditView,
+            clientGlobal,
+            createMappedComponent,
+            global,
+            i18n,
+            importMap,
+            payload
+        });
+    }
+    return clientGlobals;
+};
+
+//# sourceMappingURL=globals.js.map

package/dist/providers/Config/createClientConfig/globals.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../src/providers/Config/createClientConfig/globals.tsx"],"sourcesContent":["import type { I18nClient } from '@payloadcms/translations'\nimport type {\n  ClientGlobalConfig,\n  CreateMappedComponent,\n  EditViewConfig,\n  EditViewProps,\n  ImportMap,\n  MappedView,\n  Payload,\n  SanitizedConfig,\n  ServerOnlyGlobalAdminProperties,\n  ServerOnlyGlobalProperties,\n} from 'payload'\nimport type React from 'react'\n\nimport { deepCopyObjectSimple } from 'payload'\n\nimport { createClientFields } from './fields.js'\n\nexport const createClientGlobalConfig = ({\n  DefaultEditView,\n  clientGlobal,\n  createMappedComponent,\n  global,\n  i18n,\n  importMap,\n  payload,\n}: {\n  DefaultEditView: React.FC<EditViewProps>\n  clientGlobal: ClientGlobalConfig\n  createMappedComponent: CreateMappedComponent\n  global: SanitizedConfig['globals'][0]\n  i18n: I18nClient\n  importMap: ImportMap\n  payload: Payload\n}): ClientGlobalConfig => {\n  clientGlobal.fields = createClientFields({\n    clientFields: clientGlobal.fields,\n    createMappedComponent,\n    fields: global.fields,\n    i18n,\n    importMap,\n    payload,\n  })\n\n  const serverOnlyProperties: Partial<ServerOnlyGlobalProperties>[] = [\n    'hooks',\n    'access',\n    'endpoints',\n    'custom',\n    // `admin` is handled separately\n  ]\n\n  serverOnlyProperties.forEach((key) => {\n    if (key in clientGlobal) {\n      delete clientGlobal[key]\n    }\n  })\n\n  if ('admin' in clientGlobal) {\n    const serverOnlyGlobalAdminProperties: Partial<ServerOnlyGlobalAdminProperties>[] = [\n      'hidden',\n      'preview',\n    ]\n\n    serverOnlyGlobalAdminProperties.forEach((key) => {\n      if (key in clientGlobal.admin) {\n        delete clientGlobal.admin[key]\n      }\n    })\n\n    if (global.admin.preview) {\n      clientGlobal._isPreviewEnabled = true\n    }\n\n    clientGlobal.admin.components = {} as ClientGlobalConfig['admin']['components']\n\n    if (global?.admin?.components) {\n      if (global.admin.components.elements) {\n        clientGlobal.admin.components.elements =\n          {} as ClientGlobalConfig['admin']['components']['elements']\n\n        if (global.admin.components.elements?.PreviewButton) {\n          clientGlobal.admin.components.elements.PreviewButton = createMappedComponent(\n            global.admin.components.elements.PreviewButton,\n            undefined,\n            undefined,\n            'global.admin.components.elements.PreviewButton',\n          )\n        }\n\n        if (global.admin.components.elements?.PublishButton) {\n          clientGlobal.admin.components.elements.PublishButton = createMappedComponent(\n            global.admin.components.elements.PublishButton,\n            undefined,\n            undefined,\n            'global.admin.components.elements.PublishButton',\n          )\n        }\n\n        if (global.admin.components.elements?.SaveButton) {\n          clientGlobal.admin.components.elements.SaveButton = createMappedComponent(\n            global.admin.components.elements.SaveButton,\n            undefined,\n            undefined,\n            'global.admin.components.elements.SaveButton',\n          )\n        }\n\n        if (global.admin.components.elements?.SaveDraftButton) {\n          clientGlobal.admin.components.elements.SaveDraftButton = createMappedComponent(\n            global.admin.components.elements.SaveDraftButton,\n            undefined,\n            undefined,\n            'global.admin.components.elements.SaveDraftButton',\n          )\n        }\n      }\n    }\n\n    clientGlobal.admin.components.views = (\n      global?.admin?.components?.views ? deepCopyObjectSimple(global?.admin?.components?.views) : {}\n    ) as ClientGlobalConfig['admin']['components']['views']\n\n    const hasEditView =\n      'admin' in global &&\n      'components' in global.admin &&\n      'views' in global.admin.components &&\n      'edit' in global.admin.components.views &&\n      'default' in global.admin.components.views.edit\n\n    if (!clientGlobal.admin.components.views.edit) {\n      clientGlobal.admin.components.views.edit =\n        {} as ClientGlobalConfig['admin']['components']['views']['edit']\n    }\n\n    clientGlobal.admin.components.views.edit.default = {\n      Component: createMappedComponent(\n        hasEditView &&\n          'Component' in global.admin.components.views.edit.default &&\n          global.admin.components.views.edit.default.Component,\n        {\n          globalSlug: global.slug,\n        },\n        DefaultEditView,\n        'global.admin.components.views.edit.default',\n      ),\n    }\n\n    if (global?.admin?.components?.views?.edit) {\n      for (const key in global.admin.components.views.edit) {\n        const view: EditViewConfig = global.admin.components.views.edit[key]\n        if (!clientGlobal.admin.components.views.edit[key]) {\n          clientGlobal.admin.components.views.edit[key] = {} as MappedView\n        }\n\n        if ('Component' in view && key !== 'default') {\n          clientGlobal.admin.components.views.edit[key].Component = createMappedComponent(\n            view.Component,\n            {\n              globalSlug: global.slug,\n            },\n            undefined,\n            'global.admin.components.views.edit.key.Component',\n          )\n        }\n\n        if ('actions' in view && view.actions?.length) {\n          clientGlobal.admin.components.views.edit[key].actions = view.actions.map((Component) =>\n            createMappedComponent(\n              Component,\n              undefined,\n              undefined,\n              'global.admin.components.views.key.actions',\n            ),\n          )\n        }\n      }\n    }\n\n    if (\n      'livePreview' in clientGlobal.admin &&\n      clientGlobal.admin.livePreview &&\n      'url' in clientGlobal.admin.livePreview\n    ) {\n      delete clientGlobal.admin.livePreview.url\n    }\n  }\n\n  return clientGlobal\n}\n\nexport const createClientGlobalConfigs = ({\n  DefaultEditView,\n  clientGlobals,\n  createMappedComponent,\n  globals,\n  i18n,\n  importMap,\n  payload,\n}: {\n  DefaultEditView: React.FC<EditViewProps>\n  clientGlobals: ClientGlobalConfig[]\n  createMappedComponent: CreateMappedComponent\n  globals: SanitizedConfig['globals']\n  i18n: I18nClient\n  importMap: ImportMap\n  payload: Payload\n}): ClientGlobalConfig[] => {\n  for (let i = 0; i < globals.length; i++) {\n    const global = globals[i]\n    const clientGlobal = clientGlobals[i]\n    clientGlobals[i] = createClientGlobalConfig({\n      DefaultEditView,\n      clientGlobal,\n      createMappedComponent,\n      global,\n      i18n,\n      importMap,\n      payload,\n    })\n  }\n  return clientGlobals\n}\n"],"names":["deepCopyObjectSimple","createClientFields","createClientGlobalConfig","DefaultEditView","clientGlobal","createMappedComponent","global","i18n","importMap","payload","fields","clientFields","serverOnlyProperties","forEach","key","serverOnlyGlobalAdminProperties","admin","preview","_isPreviewEnabled","components","elements","PreviewButton","undefined","PublishButton","SaveButton","SaveDraftButton","views","hasEditView","edit","default","Component","globalSlug","slug","view","actions","length","map","livePreview","url","createClientGlobalConfigs","clientGlobals","globals","i"],"mappings":"AAeA,SAASA,oBAAoB,QAAQ,UAAS;AAE9C,SAASC,kBAAkB,QAAQ,cAAa;AAEhD,OAAO,MAAMC,2BAA2B,CAAC,EACvCC,eAAe,EACfC,YAAY,EACZC,qBAAqB,EACrBC,MAAM,EACNC,IAAI,EACJC,SAAS,EACTC,OAAO,EASR;IACCL,aAAaM,MAAM,GAAGT,mBAAmB;QACvCU,cAAcP,aAAaM,MAAM;QACjCL;QACAK,QAAQJ,OAAOI,MAAM;QACrBH;QACAC;QACAC;IACF;IAEA,MAAMG,uBAA8D;QAClE;QACA;QACA;QACA;KAED;IAEDA,qBAAqBC,OAAO,CAAC,CAACC;QAC5B,IAAIA,OAAOV,cAAc;YACvB,OAAOA,YAAY,CAACU,IAAI;QAC1B;IACF;IAEA,IAAI,WAAWV,cAAc;QAC3B,MAAMW,kCAA8E;YAClF;YACA;SACD;QAEDA,gCAAgCF,OAAO,CAAC,CAACC;YACvC,IAAIA,OAAOV,aAAaY,KAAK,EAAE;gBAC7B,OAAOZ,aAAaY,KAAK,CAACF,IAAI;YAChC;QACF;QAEA,IAAIR,OAAOU,KAAK,CAACC,OAAO,EAAE;YACxBb,aAAac,iBAAiB,GAAG;QACnC;QAEAd,aAAaY,KAAK,CAACG,UAAU,GAAG,CAAC;QAEjC,IAAIb,QAAQU,OAAOG,YAAY;YAC7B,IAAIb,OAAOU,KAAK,CAACG,UAAU,CAACC,QAAQ,EAAE;gBACpChB,aAAaY,KAAK,CAACG,UAAU,CAACC,QAAQ,GACpC,CAAC;gBAEH,IAAId,OAAOU,KAAK,CAACG,UAAU,CAACC,QAAQ,EAAEC,eAAe;oBACnDjB,aAAaY,KAAK,CAACG,UAAU,CAACC,QAAQ,CAACC,aAAa,GAAGhB,sBACrDC,OAAOU,KAAK,CAACG,UAAU,CAACC,QAAQ,CAACC,aAAa,EAC9CC,WACAA,WACA;gBAEJ;gBAEA,IAAIhB,OAAOU,KAAK,CAACG,UAAU,CAACC,QAAQ,EAAEG,eAAe;oBACnDnB,aAAaY,KAAK,CAACG,UAAU,CAACC,QAAQ,CAACG,aAAa,GAAGlB,sBACrDC,OAAOU,KAAK,CAACG,UAAU,CAACC,QAAQ,CAACG,aAAa,EAC9CD,WACAA,WACA;gBAEJ;gBAEA,IAAIhB,OAAOU,KAAK,CAACG,UAAU,CAACC,QAAQ,EAAEI,YAAY;oBAChDpB,aAAaY,KAAK,CAACG,UAAU,CAACC,QAAQ,CAACI,UAAU,GAAGnB,sBAClDC,OAAOU,KAAK,CAACG,UAAU,CAACC,QAAQ,CAACI,UAAU,EAC3CF,WACAA,WACA;gBAEJ;gBAEA,IAAIhB,OAAOU,KAAK,CAACG,UAAU,CAACC,QAAQ,EAAEK,iBAAiB;oBACrDrB,aAAaY,KAAK,CAACG,UAAU,CAACC,QAAQ,CAACK,eAAe,GAAGpB,sBACvDC,OAAOU,KAAK,CAACG,UAAU,CAACC,QAAQ,CAACK,eAAe,EAChDH,WACAA,WACA;gBAEJ;YACF;QACF;QAEAlB,aAAaY,KAAK,CAACG,UAAU,CAACO,KAAK,GACjCpB,QAAQU,OAAOG,YAAYO,QAAQ1B,qBAAqBM,QAAQU,OAAOG,YAAYO,SAAS,CAAC;QAG/F,MAAMC,cACJ,WAAWrB,UACX,gBAAgBA,OAAOU,KAAK,IAC5B,WAAWV,OAAOU,KAAK,CAACG,UAAU,IAClC,UAAUb,OAAOU,KAAK,CAACG,UAAU,CAACO,KAAK,IACvC,aAAapB,OAAOU,KAAK,CAACG,UAAU,CAACO,KAAK,CAACE,IAAI;QAEjD,IAAI,CAACxB,aAAaY,KAAK,CAACG,UAAU,CAACO,KAAK,CAACE,IAAI,EAAE;YAC7CxB,aAAaY,KAAK,CAACG,UAAU,CAACO,KAAK,CAACE,IAAI,GACtC,CAAC;QACL;QAEAxB,aAAaY,KAAK,CAACG,UAAU,CAACO,KAAK,CAACE,IAAI,CAACC,OAAO,GAAG;YACjDC,WAAWzB,sBACTsB,eACE,eAAerB,OAAOU,KAAK,CAACG,UAAU,CAACO,KAAK,CAACE,IAAI,CAACC,OAAO,IACzDvB,OAAOU,KAAK,CAACG,UAAU,CAACO,KAAK,CAACE,IAAI,CAACC,OAAO,CAACC,SAAS,EACtD;gBACEC,YAAYzB,OAAO0B,IAAI;YACzB,GACA7B,iBACA;QAEJ;QAEA,IAAIG,QAAQU,OAAOG,YAAYO,OAAOE,MAAM;YAC1C,IAAK,MAAMd,OAAOR,OAAOU,KAAK,CAACG,UAAU,CAACO,KAAK,CAACE,IAAI,CAAE;gBACpD,MAAMK,OAAuB3B,OAAOU,KAAK,CAACG,UAAU,CAACO,KAAK,CAACE,IAAI,CAACd,IAAI;gBACpE,IAAI,CAACV,aAAaY,KAAK,CAACG,UAAU,CAACO,KAAK,CAACE,IAAI,CAACd,IAAI,EAAE;oBAClDV,aAAaY,KAAK,CAACG,UAAU,CAACO,KAAK,CAACE,IAAI,CAACd,IAAI,GAAG,CAAC;gBACnD;gBAEA,IAAI,eAAemB,QAAQnB,QAAQ,WAAW;oBAC5CV,aAAaY,KAAK,CAACG,UAAU,CAACO,KAAK,CAACE,IAAI,CAACd,IAAI,CAACgB,SAAS,GAAGzB,sBACxD4B,KAAKH,SAAS,EACd;wBACEC,YAAYzB,OAAO0B,IAAI;oBACzB,GACAV,WACA;gBAEJ;gBAEA,IAAI,aAAaW,QAAQA,KAAKC,OAAO,EAAEC,QAAQ;oBAC7C/B,aAAaY,KAAK,CAACG,UAAU,CAACO,KAAK,CAACE,IAAI,CAACd,IAAI,CAACoB,OAAO,GAAGD,KAAKC,OAAO,CAACE,GAAG,CAAC,CAACN,YACxEzB,sBACEyB,WACAR,WACAA,WACA;gBAGN;YACF;QACF;QAEA,IACE,iBAAiBlB,aAAaY,KAAK,IACnCZ,aAAaY,KAAK,CAACqB,WAAW,IAC9B,SAASjC,aAAaY,KAAK,CAACqB,WAAW,EACvC;YACA,OAAOjC,aAAaY,KAAK,CAACqB,WAAW,CAACC,GAAG;QAC3C;IACF;IAEA,OAAOlC;AACT,EAAC;AAED,OAAO,MAAMmC,4BAA4B,CAAC,EACxCpC,eAAe,EACfqC,aAAa,EACbnC,qBAAqB,EACrBoC,OAAO,EACPlC,IAAI,EACJC,SAAS,EACTC,OAAO,EASR;IACC,IAAK,IAAIiC,IAAI,GAAGA,IAAID,QAAQN,MAAM,EAAEO,IAAK;QACvC,MAAMpC,SAASmC,OAAO,CAACC,EAAE;QACzB,MAAMtC,eAAeoC,aAAa,CAACE,EAAE;QACrCF,aAAa,CAACE,EAAE,GAAGxC,yBAAyB;YAC1CC;YACAC;YACAC;YACAC;YACAC;YACAC;YACAC;QACF;IACF;IACA,OAAO+B;AACT,EAAC"}

package/dist/providers/Config/createClientConfig/index.d.ts

@@ -0,0 +1,21 @@
+import type { I18nClient } from '@payloadcms/translations';
+import { type AdminViewProps, type ClientConfig, type EditViewProps, type ImportMap, type Payload, type SanitizedConfig } from 'payload';
+import React from 'react';
+import { createClientCollectionConfig, createClientCollectionConfigs } from './collections.js';
+import { createClientField, createClientFields } from './fields.js';
+import { createClientGlobalConfig, createClientGlobalConfigs } from './globals.js';
+export { createClientCollectionConfig, createClientCollectionConfigs, createClientGlobalConfig, createClientGlobalConfigs, };
+export declare const createClientConfig: ({ DefaultEditView, DefaultListView, children, config, i18n, importMap, payload, }: {
+    DefaultEditView: React.FC<EditViewProps>;
+    DefaultListView: React.FC<AdminViewProps>;
+    children: React.ReactNode;
+    config: SanitizedConfig;
+    i18n: I18nClient;
+    importMap: ImportMap;
+    payload: Payload;
+}) => Promise<{
+    clientConfig: ClientConfig;
+    render: React.ReactNode;
+}>;
+export { createClientField, createClientFields };
+//# sourceMappingURL=index.d.ts.map

package/dist/providers/Config/createClientConfig/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/providers/Config/createClientConfig/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,0BAA0B,CAAA;AAE1D,OAAO,EACL,KAAK,cAAc,EACnB,KAAK,YAAY,EACjB,KAAK,aAAa,EAClB,KAAK,SAAS,EACd,KAAK,OAAO,EACZ,KAAK,eAAe,EAGrB,MAAM,SAAS,CAAA;AAChB,OAAO,KAAK,MAAM,OAAO,CAAA;AAEzB,OAAO,EAAE,4BAA4B,EAAE,6BAA6B,EAAE,MAAM,kBAAkB,CAAA;AAC9F,OAAO,EAAE,iBAAiB,EAAE,kBAAkB,EAAE,MAAM,aAAa,CAAA;AAGnE,OAAO,EAAE,wBAAwB,EAAE,yBAAyB,EAAE,MAAM,cAAc,CAAA;AAElF,OAAO,EACL,4BAA4B,EAC5B,6BAA6B,EAC7B,wBAAwB,EACxB,yBAAyB,GAC1B,CAAA;AAED,eAAO,MAAM,kBAAkB,sFAQ5B;IACD,eAAe,EAAE,KAAK,CAAC,EAAE,CAAC,aAAa,CAAC,CAAA;IACxC,eAAe,EAAE,KAAK,CAAC,EAAE,CAAC,cAAc,CAAC,CAAA;IACzC,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAA;IACzB,MAAM,EAAE,eAAe,CAAA;IACvB,IAAI,EAAE,UAAU,CAAA;IAChB,SAAS,EAAE,SAAS,CAAA;IACpB,OAAO,EAAE,OAAO,CAAA;CAEjB,KAAG,OAAO,CAAC;IAAE,YAAY,EAAE,YAAY,CAAC;IAAC,MAAM,EAAE,KAAK,CAAC,SAAS,CAAA;CAAE,CA4IlE,CAAA;AACD,OAAO,EAAE,iBAAiB,EAAE,kBAAkB,EAAE,CAAA"}

package/dist/providers/Config/createClientConfig/index.js

@@ -0,0 +1,98 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { deepCopyObjectSimple, serverOnlyConfigProperties } from 'payload';
+import React from 'react';
+import { createClientCollectionConfig, createClientCollectionConfigs } from './collections.js';
+import { createClientField, createClientFields } from './fields.js';
+import { getComponent } from './getComponent.js';
+import { getCreateMappedComponent } from './getCreateMappedComponent.js';
+import { createClientGlobalConfig, createClientGlobalConfigs } from './globals.js';
+export { createClientCollectionConfig, createClientCollectionConfigs, createClientGlobalConfig, createClientGlobalConfigs,  };
+export const createClientConfig = async ({ DefaultEditView, DefaultListView, children, config, i18n, importMap, payload })=>{
+    // We can use deepCopySimple here, as the clientConfig should be JSON serializable anyways, since it will be sent from server => client
+    const clientConfig = deepCopyObjectSimple(config);
+    const createMappedComponent = getCreateMappedComponent({
+        importMap,
+        serverProps: {
+            i18n,
+            payload
+        }
+    });
+    for (const key of serverOnlyConfigProperties){
+        if (key in clientConfig) {
+            delete clientConfig[key];
+        }
+    }
+    if ('localization' in clientConfig && clientConfig.localization) {
+        for (const locale of clientConfig.localization.locales){
+            delete locale.toString;
+        }
+    }
+    if ('admin' in clientConfig) {
+        if (config.admin?.avatar && typeof config.admin?.avatar === 'object' && config.admin?.avatar && 'Component' in config.admin.avatar) {
+            clientConfig.admin.components.Avatar = createMappedComponent(config.admin.avatar.Component, undefined, undefined, 'config.admin.avatar.Component');
+        }
+        if (config.admin?.components?.logout?.Button) {
+            clientConfig.admin.components.LogoutButton = createMappedComponent(config.admin.components.logout.Button, undefined, undefined, 'config.admin.components.logout.Button');
+        }
+        if (config.admin?.components?.actions && config.admin?.components?.actions.length > 0) {
+            clientConfig.admin.components.actions = config.admin.components.actions.map((Component)=>createMappedComponent(Component, undefined, undefined, 'config.admin.components.actions'));
+        }
+        if (config.admin?.components?.graphics?.Icon) {
+            clientConfig.admin.components.graphics.Icon = createMappedComponent(config.admin.components.graphics.Icon, undefined, undefined, 'config.admin.components.graphics.Icon');
+        }
+        if (config.admin?.components?.graphics?.Logo) {
+            clientConfig.admin.components.graphics.Logo = createMappedComponent(config.admin.components.graphics.Logo, undefined, undefined, 'config.admin.components.graphics.Logo');
+        }
+    }
+    if ('livePreview' in clientConfig.admin && clientConfig.admin.livePreview && 'url' in clientConfig.admin.livePreview) {
+        delete clientConfig.admin.livePreview.url;
+    }
+    clientConfig.collections = createClientCollectionConfigs({
+        DefaultEditView,
+        DefaultListView,
+        clientCollections: clientConfig.collections,
+        collections: config.collections,
+        createMappedComponent,
+        i18n,
+        importMap,
+        payload
+    });
+    clientConfig.globals = createClientGlobalConfigs({
+        DefaultEditView,
+        clientGlobals: clientConfig.globals,
+        createMappedComponent,
+        globals: config.globals,
+        i18n,
+        importMap,
+        payload
+    });
+    const NestProviders = ({ children, providers })=>{
+        const Component = providers[0];
+        if (providers.length > 1) {
+            return /*#__PURE__*/ _jsx(Component, {
+                children: /*#__PURE__*/ _jsx(NestProviders, {
+                    providers: providers.slice(1),
+                    children: children
+                })
+            });
+        }
+        return /*#__PURE__*/ _jsx(Component, {
+            children: children
+        });
+    };
+    const render = Array.isArray(config.admin?.components?.providers) && config.admin?.components?.providers.length > 0 ? /*#__PURE__*/ _jsx(NestProviders, {
+        providers: config.admin?.components?.providers.map((Component)=>getComponent({
+                identifier: 'config.admin?.components?.providers',
+                importMap,
+                payloadComponent: Component
+            }).Component),
+        children: children
+    }) : children;
+    return {
+        clientConfig,
+        render
+    };
+};
+export { createClientField, createClientFields };
+
+//# sourceMappingURL=index.js.map

package/dist/providers/Config/createClientConfig/index.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../src/providers/Config/createClientConfig/index.tsx"],"sourcesContent":["import type { I18nClient } from '@payloadcms/translations'\n\nimport {\n  type AdminViewProps,\n  type ClientConfig,\n  type EditViewProps,\n  type ImportMap,\n  type Payload,\n  type SanitizedConfig,\n  deepCopyObjectSimple,\n  serverOnlyConfigProperties,\n} from 'payload'\nimport React from 'react'\n\nimport { createClientCollectionConfig, createClientCollectionConfigs } from './collections.js'\nimport { createClientField, createClientFields } from './fields.js'\nimport { getComponent } from './getComponent.js'\nimport { getCreateMappedComponent } from './getCreateMappedComponent.js'\nimport { createClientGlobalConfig, createClientGlobalConfigs } from './globals.js'\n\nexport {\n  createClientCollectionConfig,\n  createClientCollectionConfigs,\n  createClientGlobalConfig,\n  createClientGlobalConfigs,\n}\n\nexport const createClientConfig = async ({\n  DefaultEditView,\n  DefaultListView,\n  children,\n  config,\n  i18n,\n  importMap,\n  payload,\n}: {\n  DefaultEditView: React.FC<EditViewProps>\n  DefaultListView: React.FC<AdminViewProps>\n  children: React.ReactNode\n  config: SanitizedConfig\n  i18n: I18nClient\n  importMap: ImportMap\n  payload: Payload\n  // eslint-disable-next-line @typescript-eslint/require-await\n}): Promise<{ clientConfig: ClientConfig; render: React.ReactNode }> => {\n  // We can use deepCopySimple here, as the clientConfig should be JSON serializable anyways, since it will be sent from server => client\n  const clientConfig: ClientConfig = deepCopyObjectSimple(config) as unknown as ClientConfig\n\n  const createMappedComponent = getCreateMappedComponent({\n    importMap,\n    serverProps: {\n      i18n,\n      payload,\n    },\n  })\n\n  for (const key of serverOnlyConfigProperties) {\n    if (key in clientConfig) {\n      delete clientConfig[key]\n    }\n  }\n\n  if ('localization' in clientConfig && clientConfig.localization) {\n    for (const locale of clientConfig.localization.locales) {\n      delete locale.toString\n    }\n  }\n\n  if ('admin' in clientConfig) {\n    if (\n      config.admin?.avatar &&\n      typeof config.admin?.avatar === 'object' &&\n      config.admin?.avatar &&\n      'Component' in config.admin.avatar\n    ) {\n      clientConfig.admin.components.Avatar = createMappedComponent(\n        config.admin.avatar.Component,\n        undefined,\n        undefined,\n        'config.admin.avatar.Component',\n      )\n    }\n\n    if (config.admin?.components?.logout?.Button) {\n      clientConfig.admin.components.LogoutButton = createMappedComponent(\n        config.admin.components.logout.Button,\n        undefined,\n        undefined,\n        'config.admin.components.logout.Button',\n      )\n    }\n\n    if (config.admin?.components?.actions && config.admin?.components?.actions.length > 0) {\n      clientConfig.admin.components.actions = config.admin.components.actions.map((Component) =>\n        createMappedComponent(Component, undefined, undefined, 'config.admin.components.actions'),\n      )\n    }\n\n    if (config.admin?.components?.graphics?.Icon) {\n      clientConfig.admin.components.graphics.Icon = createMappedComponent(\n        config.admin.components.graphics.Icon,\n        undefined,\n        undefined,\n        'config.admin.components.graphics.Icon',\n      )\n    }\n\n    if (config.admin?.components?.graphics?.Logo) {\n      clientConfig.admin.components.graphics.Logo = createMappedComponent(\n        config.admin.components.graphics.Logo,\n        undefined,\n        undefined,\n        'config.admin.components.graphics.Logo',\n      )\n    }\n  }\n\n  if (\n    'livePreview' in clientConfig.admin &&\n    clientConfig.admin.livePreview &&\n    'url' in clientConfig.admin.livePreview\n  ) {\n    delete clientConfig.admin.livePreview.url\n  }\n\n  clientConfig.collections = createClientCollectionConfigs({\n    DefaultEditView,\n    DefaultListView,\n    clientCollections: clientConfig.collections,\n    collections: config.collections,\n    createMappedComponent,\n    i18n,\n    importMap,\n    payload,\n  })\n\n  clientConfig.globals = createClientGlobalConfigs({\n    DefaultEditView,\n    clientGlobals: clientConfig.globals,\n    createMappedComponent,\n    globals: config.globals,\n    i18n,\n    importMap,\n    payload,\n  })\n\n  const NestProviders = ({\n    children,\n    providers,\n  }: {\n    readonly children: React.ReactNode\n    readonly providers: React.FC<{ children?: React.ReactNode }>[]\n  }) => {\n    const Component = providers[0]\n    if (providers.length > 1) {\n      return (\n        <Component>\n          <NestProviders providers={providers.slice(1)}>{children}</NestProviders>\n        </Component>\n      )\n    }\n    return <Component>{children}</Component>\n  }\n\n  const render =\n    Array.isArray(config.admin?.components?.providers) &&\n    config.admin?.components?.providers.length > 0 ? (\n      <NestProviders\n        providers={config.admin?.components?.providers.map(\n          (Component) =>\n            getComponent({\n              identifier: 'config.admin?.components?.providers',\n              importMap,\n              payloadComponent: Component,\n            }).Component,\n        )}\n      >\n        {children}\n      </NestProviders>\n    ) : (\n      children\n    )\n\n  return { clientConfig, render }\n}\nexport { createClientField, createClientFields }\n"],"names":["deepCopyObjectSimple","serverOnlyConfigProperties","React","createClientCollectionConfig","createClientCollectionConfigs","createClientField","createClientFields","getComponent","getCreateMappedComponent","createClientGlobalConfig","createClientGlobalConfigs","createClientConfig","DefaultEditView","DefaultListView","children","config","i18n","importMap","payload","clientConfig","createMappedComponent","serverProps","key","localization","locale","locales","toString","admin","avatar","components","Avatar","Component","undefined","logout","Button","LogoutButton","actions","length","map","graphics","Icon","Logo","livePreview","url","collections","clientCollections","globals","clientGlobals","NestProviders","providers","slice","render","Array","isArray","identifier","payloadComponent"],"mappings":"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"}

package/dist/providers/Config/index.d.ts

@@ -1,8 +1,15 @@
 import type { ClientConfig } from 'payload';
 import React from 'react';
-export declare const ConfigProvider: React.FC<{
-    children: React.ReactNode;
+export type ClientConfigContext = {
     config: ClientConfig;
+    getEntityConfig: (args: {
+        collectionSlug?: string;
+        globalSlug?: string;
+    }) => ClientConfig['collections'][number] | ClientConfig['globals'][number];
+};
+export declare const ConfigProvider: React.FC<{
+    readonly children: React.ReactNode;
+    readonly config: ClientConfig;
 }>;
-export declare const useConfig: () => ClientConfig;
+export declare const useConfig: () => ClientConfigContext;
 //# sourceMappingURL=index.d.ts.map

package/dist/providers/Config/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/providers/Config/index.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,SAAS,CAAA;AAE3C,OAAO,KAAoC,MAAM,OAAO,CAAA;AAIxD,eAAO,MAAM,cAAc,EAAE,KAAK,CAAC,EAAE,CAAC;IAAE,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;IAAC,MAAM,EAAE,YAAY,CAAA;CAAE,CAKxF,CAAA;AAED,eAAO,MAAM,SAAS,QAAO,YAAmC,CAAA"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/providers/Config/index.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,SAAS,CAAA;AAE3C,OAAO,KAAiD,MAAM,OAAO,CAAA;AAErE,MAAM,MAAM,mBAAmB,GAAG;IAChC,MAAM,EAAE,YAAY,CAAA;IACpB,eAAe,EAAE,CAAC,IAAI,EAAE;QACtB,cAAc,CAAC,EAAE,MAAM,CAAA;QACvB,UAAU,CAAC,EAAE,MAAM,CAAA;KACpB,KAAK,YAAY,CAAC,aAAa,CAAC,CAAC,MAAM,CAAC,GAAG,YAAY,CAAC,SAAS,CAAC,CAAC,MAAM,CAAC,CAAA;CAC5E,CAAA;AAID,eAAO,MAAM,cAAc,EAAE,KAAK,CAAC,EAAE,CAAC;IACpC,QAAQ,CAAC,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAA;IAClC,QAAQ,CAAC,MAAM,EAAE,YAAY,CAAA;CAC9B,CAiBA,CAAA;AAED,eAAO,MAAM,SAAS,QAAO,mBAA0C,CAAA"}

package/dist/providers/Config/index.js

@@ -1,10 +1,24 @@
 'use client';
 import { jsx as _jsx } from "react/jsx-runtime";
-import React, { createContext, useContext } from 'react';
-const Context = /*#__PURE__*/ createContext({});
+import React, { createContext, useCallback, useContext } from 'react';
+const Context = /*#__PURE__*/ createContext(undefined);
 export const ConfigProvider = ({ children, config })=>{
+    const getEntityConfig = useCallback(({ collectionSlug, globalSlug })=>{
+        if (collectionSlug) {
+            return config.collections.find((collection)=>collection.slug === collectionSlug);
+        }
+        if (globalSlug) {
+            return config.globals.find((global)=>global.slug === globalSlug);
+        }
+        return null;
+    }, [
+        config
+    ]);
     return /*#__PURE__*/ _jsx(Context.Provider, {
-        value: config,
+        value: {
+            config,
+            getEntityConfig
+        },
         children: children
     });
 };

package/dist/providers/Config/index.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/providers/Config/index.tsx"],"sourcesContent":["'use client'\nimport type { ClientConfig } from 'payload'\n\nimport React, { createContext, useContext } from 'react'\n\nconst Context = createContext<ClientConfig>({} as ClientConfig)\n\nexport const ConfigProvider: React.FC<{ children: React.ReactNode; config: ClientConfig }> = ({\n  children,\n  config,\n}) => {\n  return <Context.Provider value={config}>{children}</Context.Provider>\n}\n\nexport const useConfig = (): ClientConfig => useContext(Context)\n"],"names":["React","createContext","useContext","Context","ConfigProvider","children","config","Provider","value","useConfig"],"mappings":"AAAA;;AAGA,OAAOA,SAASC,aAAa,EAAEC,UAAU,QAAQ,QAAO;AAExD,MAAMC,wBAAUF,cAA4B,CAAC;AAE7C,OAAO,MAAMG,iBAAgF,CAAC,EAC5FC,QAAQ,EACRC,MAAM,EACP;IACC,qBAAO,KAACH,QAAQI,QAAQ;QAACC,OAAOF;kBAASD;;AAC3C,EAAC;AAED,OAAO,MAAMI,YAAY,IAAoBP,WAAWC,SAAQ"}
+{"version":3,"sources":["../../../src/providers/Config/index.tsx"],"sourcesContent":["'use client'\nimport type { ClientConfig } from 'payload'\n\nimport React, { createContext, useCallback, useContext } from 'react'\n\nexport type ClientConfigContext = {\n  config: ClientConfig\n  getEntityConfig: (args: {\n    collectionSlug?: string\n    globalSlug?: string\n  }) => ClientConfig['collections'][number] | ClientConfig['globals'][number]\n}\n\nconst Context = createContext<ClientConfigContext | undefined>(undefined)\n\nexport const ConfigProvider: React.FC<{\n  readonly children: React.ReactNode\n  readonly config: ClientConfig\n}> = ({ children, config }) => {\n  const getEntityConfig = useCallback(\n    ({ collectionSlug, globalSlug }: { collectionSlug?: string; globalSlug?: string }) => {\n      if (collectionSlug) {\n        return config.collections.find((collection) => collection.slug === collectionSlug)\n      }\n\n      if (globalSlug) {\n        return config.globals.find((global) => global.slug === globalSlug)\n      }\n\n      return null\n    },\n    [config],\n  )\n\n  return <Context.Provider value={{ config, getEntityConfig }}>{children}</Context.Provider>\n}\n\nexport const useConfig = (): ClientConfigContext => useContext(Context)\n"],"names":["React","createContext","useCallback","useContext","Context","undefined","ConfigProvider","children","config","getEntityConfig","collectionSlug","globalSlug","collections","find","collection","slug","globals","global","Provider","value","useConfig"],"mappings":"AAAA;;AAGA,OAAOA,SAASC,aAAa,EAAEC,WAAW,EAAEC,UAAU,QAAQ,QAAO;AAUrE,MAAMC,wBAAUH,cAA+CI;AAE/D,OAAO,MAAMC,iBAGR,CAAC,EAAEC,QAAQ,EAAEC,MAAM,EAAE;IACxB,MAAMC,kBAAkBP,YACtB,CAAC,EAAEQ,cAAc,EAAEC,UAAU,EAAoD;QAC/E,IAAID,gBAAgB;YAClB,OAAOF,OAAOI,WAAW,CAACC,IAAI,CAAC,CAACC,aAAeA,WAAWC,IAAI,KAAKL;QACrE;QAEA,IAAIC,YAAY;YACd,OAAOH,OAAOQ,OAAO,CAACH,IAAI,CAAC,CAACI,SAAWA,OAAOF,IAAI,KAAKJ;QACzD;QAEA,OAAO;IACT,GACA;QAACH;KAAO;IAGV,qBAAO,KAACJ,QAAQc,QAAQ;QAACC,OAAO;YAAEX;YAAQC;QAAgB;kBAAIF;;AAChE,EAAC;AAED,OAAO,MAAMa,YAAY,IAA2BjB,WAAWC,SAAQ"}

package/dist/providers/DocumentInfo/index.d.ts

@@ -2,7 +2,7 @@ import React from 'react';
 import type { DocumentInfoContext, DocumentInfoProps } from './types.js';
 export type * from './types.js';
 export declare const useDocumentInfo: () => DocumentInfoContext;
-export declare const DocumentInfoProvider: React.FC<DocumentInfoProps & {
+export declare const DocumentInfoProvider: React.FC<{
     children: React.ReactNode;
-}>;
+} & DocumentInfoProps>;
 //# sourceMappingURL=index.d.ts.map

package/dist/providers/DocumentInfo/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/providers/DocumentInfo/index.tsx"],"names":[],"mappings":"AAeA,OAAO,KAA8E,MAAM,OAAO,CAAA;AAElG,OAAO,KAAK,EAAE,mBAAmB,EAAE,iBAAiB,EAAE,MAAM,YAAY,CAAA;AAexE,mBAAmB,YAAY,CAAA;AAE/B,eAAO,MAAM,eAAe,QAAO,mBAA0C,CAAA;AAE7E,eAAO,MAAM,oBAAoB,EAAE,KAAK,CAAC,EAAE,CACzC,iBAAiB,GAAG;IAClB,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAA;CAC1B,CAkfF,CAAA"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/providers/DocumentInfo/index.tsx"],"names":[],"mappings":"AAgBA,OAAO,KAA8E,MAAM,OAAO,CAAA;AAElG,OAAO,KAAK,EAAE,mBAAmB,EAAE,iBAAiB,EAAE,MAAM,YAAY,CAAA;AAexE,mBAAmB,YAAY,CAAA;AAE/B,eAAO,MAAM,eAAe,QAAO,mBAA0C,CAAA;AAwhB7E,eAAO,MAAM,oBAAoB,EAAE,KAAK,CAAC,EAAE,CACzC;IACE,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAA;CAC1B,GAAG,iBAAiB,CAOtB,CAAA"}

package/dist/providers/DocumentInfo/index.js

@@ -1,27 +1,29 @@
 'use client';
 import { jsx as _jsx } from "react/jsx-runtime";
 import { notFound } from 'next/navigation.js';
-import qs from 'qs';
+import { reduceFieldsToValues } from 'payload/shared';
+import * as qs from 'qs-esm';
 import React, { createContext, useCallback, useContext, useEffect, useRef, useState } from 'react';
 import { formatDocTitle } from '../../utilities/formatDocTitle.js';
 import { getFormState } from '../../utilities/getFormState.js';
 import { hasSavePermission as getHasSavePermission } from '../../utilities/hasSavePermission.js';
 import { isEditing as getIsEditing } from '../../utilities/isEditing.js';
-import { reduceFieldsToValues } from '../../utilities/reduceFieldsToValues.js';
 import { useAuth } from '../Auth/index.js';
 import { useConfig } from '../Config/index.js';
 import { useLocale } from '../Locale/index.js';
 import { usePreferences } from '../Preferences/index.js';
 import { useTranslation } from '../Translation/index.js';
+import { UploadEditsProvider, useUploadEdits } from '../UploadEdits/index.js';
 const Context = /*#__PURE__*/ createContext({});
 export const useDocumentInfo = ()=>useContext(Context);
-export const DocumentInfoProvider = ({ children, ...props })=>{
+const DocumentInfo = ({ children, ...props })=>{
     const { id, collectionSlug, docPermissions: docPermissionsFromProps, globalSlug, hasPublishPermission: hasPublishPermissionFromProps, hasSavePermission: hasSavePermissionFromProps, initialData: initialDataFromProps, initialState: initialStateFromProps, onLoadError, onSave: onSaveFromProps } = props;
-    const { admin: { dateFormat }, collections, globals, routes: { api }, serverURL } = useConfig();
+    const { config: { admin: { dateFormat }, collections, globals, routes: { api }, serverURL } } = useConfig();
     const collectionConfig = collections.find((c)=>c.slug === collectionSlug);
     const globalConfig = globals.find((g)=>g.slug === globalSlug);
     const docConfig = collectionConfig || globalConfig;
     const { i18n } = useTranslation();
+    const { uploadEdits } = useUploadEdits();
     const [documentTitle, setDocumentTitle] = useState(()=>{
         if (!initialDataFromProps) return '';
         return formatDocTitle({
@@ -46,22 +48,27 @@ export const DocumentInfoProvider = ({ children, ...props })=>{
     const [hasSavePermission, setHasSavePermission] = useState(hasSavePermissionFromProps);
     const [hasPublishPermission, setHasPublishPermission] = useState(hasPublishPermissionFromProps);
     const isInitializing = initialState === undefined || data === undefined;
-    const hasInitializedDocPermissions = useRef(false);
     const [unpublishedVersions, setUnpublishedVersions] = useState(null);
     const { getPreference, setPreference } = usePreferences();
     const { permissions } = useAuth();
     const { code: locale } = useLocale();
     const prevLocale = useRef(locale);
+    const hasInitializedDocPermissions = useRef(false);
+    // Separate locale cache used for handling permissions
+    const prevLocalePermissions = useRef(locale);
     const versionsConfig = docConfig?.versions;
     const baseURL = `${serverURL}${api}`;
     let slug;
+    let pluralType;
     let preferencesKey;
     if (globalSlug) {
         slug = globalSlug;
+        pluralType = 'globals';
         preferencesKey = `global-${slug}`;
     }
     if (collectionSlug) {
         slug = collectionSlug;
+        pluralType = 'collections';
         if (id) {
             preferencesKey = `collection-${slug}-${id}`;
         }
@@ -193,31 +200,34 @@ export const DocumentInfoProvider = ({ children, ...props })=>{
         const params = {
             locale: locale || undefined
         };
+        const idToUse = data?.id || id;
         const newIsEditing = getIsEditing({
-            id: data?.id,
+            id: idToUse,
             collectionSlug,
             globalSlug
         });
         if (newIsEditing) {
-            const docAccessURL = collectionSlug ? `/${collectionSlug}/access/${data.id}` : globalSlug ? `/globals/${globalSlug}/access` : null;
+            const docAccessURL = collectionSlug ? `/${collectionSlug}/access/${idToUse}` : globalSlug ? `/globals/${globalSlug}/access` : null;
             if (docAccessURL) {
                 const res = await fetch(`${serverURL}${api}${docAccessURL}?${qs.stringify(params)}`, {
+                    body: JSON.stringify(data),
                     credentials: 'include',
                     headers: {
-                        'Accept-Language': i18n.language
-                    }
+                        'Accept-Language': i18n.language,
+                        'Content-Type': 'application/json'
+                    },
+                    method: 'post'
                 });
                 const json = await res.json();
                 const publishedAccessJSON = await fetch(`${serverURL}${api}${docAccessURL}?${qs.stringify(params)}`, {
                     body: JSON.stringify({
-                        data: {
-                            ...data || {},
-                            _status: 'published'
-                        }
+                        ...data || {},
+                        _status: 'published'
                     }),
                     credentials: 'include',
                     headers: {
-                        'Accept-Language': i18n.language
+                        'Accept-Language': i18n.language,
+                        'Content-Type': 'application/json'
                     },
                     method: 'POST'
                 }).then((res)=>res.json());
@@ -245,6 +255,7 @@ export const DocumentInfoProvider = ({ children, ...props })=>{
     }, [
         serverURL,
         api,
+        id,
         permissions,
         i18n.language,
         locale,
@@ -339,7 +350,9 @@ export const DocumentInfoProvider = ({ children, ...props })=>{
                         serverURL,
                         signal: abortController.signal
                     });
-                    setData(reduceFieldsToValues(result, true));
+                    const data = reduceFieldsToValues(result, true);
+                    setData(data);
+                    if (localeChanged) void getDocPermissions(data);
                     setInitialState(result);
                 } catch (err) {
                     if (!abortController.signal.aborted) {
@@ -355,7 +368,11 @@ export const DocumentInfoProvider = ({ children, ...props })=>{
             void getInitialState();
         }
         return ()=>{
-            abortController.abort();
+            try {
+                abortController.abort();
+            } catch (error) {
+            // swallow error
+            }
         };
     }, [
         api,
@@ -367,7 +384,8 @@ export const DocumentInfoProvider = ({ children, ...props })=>{
         locale,
         onLoadError,
         initialDataFromProps,
-        initialStateFromProps
+        initialStateFromProps,
+        getDocPermissions
     ]);
     useEffect(()=>{
         void getVersions();
@@ -395,17 +413,11 @@ export const DocumentInfoProvider = ({ children, ...props })=>{
         globalConfig
     ]);
     useEffect(()=>{
-        const loadDocPermissions = async ()=>{
-            const docPermissions = docPermissionsFromProps;
-            const hasSavePermission = hasSavePermissionFromProps;
-            const hasPublishPermission = hasPublishPermissionFromProps;
-            if (!docPermissions || hasSavePermission === undefined || hasSavePermission === null || hasPublishPermission === undefined || hasPublishPermission === null) {
-                await getDocPermissions(data);
+        if (data && (collectionSlug || globalSlug)) {
+            if (hasInitializedDocPermissions.current === false && (!docPermissions || hasSavePermission === undefined || hasSavePermission === null || hasPublishPermission === undefined || hasPublishPermission === null)) {
+                hasInitializedDocPermissions.current = true;
+                void getDocPermissions(data);
             }
-        };
-        if (!hasInitializedDocPermissions.current && data && (collectionSlug || globalSlug)) {
-            hasInitializedDocPermissions.current = true;
-            void loadDocPermissions();
         }
     }, [
         getDocPermissions,
@@ -415,11 +427,34 @@ export const DocumentInfoProvider = ({ children, ...props })=>{
         setDocPermissions,
         collectionSlug,
         globalSlug,
-        data
+        data,
+        docPermissions,
+        hasSavePermission,
+        hasPublishPermission
+    ]);
+    const action = React.useMemo(()=>{
+        const docURL = `${baseURL}${pluralType === 'globals' ? `/globals` : ''}/${slug}${id ? `/${id}` : ''}`;
+        const params = {
+            depth: 0,
+            'fallback-locale': 'null',
+            locale,
+            uploadEdits: uploadEdits || undefined
+        };
+        return `${docURL}${qs.stringify(params, {
+            addQueryPrefix: true
+        })}`;
+    }, [
+        baseURL,
+        locale,
+        pluralType,
+        id,
+        slug,
+        uploadEdits
     ]);
     if (isError) notFound();
     const value = {
         ...props,
+        action,
         docConfig,
         docPermissions,
         getDocPermissions,
@@ -444,5 +479,12 @@ export const DocumentInfoProvider = ({ children, ...props })=>{
         children: children
     });
 };
+export const DocumentInfoProvider = (props)=>{
+    return /*#__PURE__*/ _jsx(UploadEditsProvider, {
+        children: /*#__PURE__*/ _jsx(DocumentInfo, {
+            ...props
+        })
+    });
+};
 
 //# sourceMappingURL=index.js.map