@payloadcms/ui 3.0.0-canary.95fcd13 → 3.0.0-canary.98cbdb9

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

@@ -0,0 +1,30 @@
+import { parsePayloadComponent } from 'payload/shared';
+/**
+ * Gets the resolved React component from `PayloadComponent` from the importMap
+ */ export const getComponent = ({ identifier, importMap, payloadComponent, silent })=>{
+    if (!payloadComponent) {
+        // undefined, null or false
+        return {
+            Component: undefined,
+            clientProps: undefined,
+            serverProps: undefined
+        };
+    }
+    const { exportName, path } = parsePayloadComponent(payloadComponent);
+    const key = path + '#' + exportName;
+    const Component = importMap[key];
+    if (!Component && !silent) {
+        console.error(`getComponent: Component not found in importMap`, {
+            identifier,
+            key,
+            payloadComponent
+        }, 'You may need to run the `payload generate:importmap` command to generate the importMap ahead of runtime.');
+    }
+    return {
+        Component,
+        clientProps: typeof payloadComponent === 'object' ? payloadComponent.clientProps : undefined,
+        serverProps: typeof payloadComponent === 'object' ? payloadComponent.serverProps : undefined
+    };
+};
+
+//# sourceMappingURL=getComponent.js.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../src/providers/Config/createClientConfig/getComponent.ts"],"sourcesContent":["import type { ImportMap, PayloadComponent, ResolvedComponent } from 'payload'\n\nimport { parsePayloadComponent } from 'payload/shared'\n\n/**\n * Gets the resolved React component from `PayloadComponent` from the importMap\n */\nexport const getComponent = <\n  TComponentServerProps extends object,\n  TComponentClientProps extends object,\n>({\n  identifier,\n  importMap,\n  payloadComponent,\n  silent,\n}: {\n  identifier?: string\n  importMap: ImportMap\n  payloadComponent:\n    | PayloadComponent<TComponentServerProps, TComponentClientProps>\n    | null\n    | undefined\n  silent?: boolean\n}): ResolvedComponent<TComponentServerProps, TComponentClientProps> => {\n  if (!payloadComponent) {\n    // undefined, null or false\n    return {\n      Component: undefined,\n      clientProps: undefined,\n      serverProps: undefined,\n    }\n  }\n\n  const { exportName, path } = parsePayloadComponent(payloadComponent)\n\n  const key = path + '#' + exportName\n\n  const Component = importMap[key]\n\n  if (!Component && !silent) {\n    console.error(\n      `getComponent: Component not found in importMap`,\n      {\n        identifier,\n        key,\n        payloadComponent,\n      },\n      'You may need to run the `payload generate:importmap` command to generate the importMap ahead of runtime.',\n    )\n  }\n\n  return {\n    Component,\n    clientProps:\n      typeof payloadComponent === 'object'\n        ? (payloadComponent.clientProps as TComponentClientProps)\n        : undefined,\n    serverProps:\n      typeof payloadComponent === 'object'\n        ? (payloadComponent.serverProps as TComponentServerProps)\n        : undefined,\n  }\n}\n"],"names":["parsePayloadComponent","getComponent","identifier","importMap","payloadComponent","silent","Component","undefined","clientProps","serverProps","exportName","path","key","console","error"],"mappings":"AAEA,SAASA,qBAAqB,QAAQ,iBAAgB;AAEtD;;CAEC,GACD,OAAO,MAAMC,eAAe,CAG1B,EACAC,UAAU,EACVC,SAAS,EACTC,gBAAgB,EAChBC,MAAM,EASP;IACC,IAAI,CAACD,kBAAkB;QACrB,2BAA2B;QAC3B,OAAO;YACLE,WAAWC;YACXC,aAAaD;YACbE,aAAaF;QACf;IACF;IAEA,MAAM,EAAEG,UAAU,EAAEC,IAAI,EAAE,GAAGX,sBAAsBI;IAEnD,MAAMQ,MAAMD,OAAO,MAAMD;IAEzB,MAAMJ,YAAYH,SAAS,CAACS,IAAI;IAEhC,IAAI,CAACN,aAAa,CAACD,QAAQ;QACzBQ,QAAQC,KAAK,CACX,CAAC,8CAA8C,CAAC,EAChD;YACEZ;YACAU;YACAR;QACF,GACA;IAEJ;IAEA,OAAO;QACLE;QACAE,aACE,OAAOJ,qBAAqB,WACvBA,iBAAiBI,WAAW,GAC7BD;QACNE,aACE,OAAOL,qBAAqB,WACvBA,iBAAiBK,WAAW,GAC7BF;IACR;AACF,EAAC"}

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

@@ -0,0 +1,11 @@
+import type { I18nClient } from '@payloadcms/translations';
+import type { CreateMappedComponent, ImportMap, Payload } from 'payload';
+export declare function getCreateMappedComponent({ importMap, serverProps, }: {
+    importMap: ImportMap;
+    serverProps: {
+        [key: string]: any;
+        i18n?: I18nClient;
+        payload?: Payload;
+    };
+}): CreateMappedComponent;
+//# sourceMappingURL=getCreateMappedComponent.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"getCreateMappedComponent.d.ts","sourceRoot":"","sources":["../../../../src/providers/Config/createClientConfig/getCreateMappedComponent.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,0BAA0B,CAAA;AAC1D,OAAO,KAAK,EACV,qBAAqB,EACrB,SAAS,EAGT,OAAO,EAER,MAAM,SAAS,CAAA;AAOhB,wBAAgB,wBAAwB,CAAC,EACvC,SAAS,EACT,WAAW,GACZ,EAAE;IACD,SAAS,EAAE,SAAS,CAAA;IACpB,WAAW,EAAE;QACX,CAAC,GAAG,EAAE,MAAM,GAAG,GAAG,CAAA;QAClB,IAAI,CAAC,EAAE,UAAU,CAAA;QACjB,OAAO,CAAC,EAAE,OAAO,CAAA;KAClB,CAAA;CACF,GAAG,qBAAqB,CAuHxB"}

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

@@ -0,0 +1,91 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { isReactServerComponentOrFunction } from 'payload/shared';
+import React from 'react';
+import { getComponent } from './getComponent.js';
+export function getCreateMappedComponent({ importMap, serverProps }) {
+    const createSingleMappedComponent = (payloadComponent, key, props, Fallback, identifier)=>{
+        if (payloadComponent === undefined || payloadComponent === null) {
+            if (!Fallback) {
+                return undefined;
+            }
+            if (isReactServerComponentOrFunction(Fallback)) {
+                return {
+                    type: 'server',
+                    Component: null,
+                    RenderedComponent: /*#__PURE__*/ _jsx(Fallback, {
+                        ...serverProps,
+                        ...props
+                    }, key)
+                };
+            } else {
+                const toReturn = {
+                    type: 'client',
+                    Component: Fallback
+                };
+                // conditionally set props here to avoid bloating the HTML with `$undefined` props
+                if (props) toReturn.props = props;
+                return toReturn;
+            }
+        }
+        if (payloadComponent === false) {
+            return {
+                type: 'empty'
+            };
+        }
+        const resolvedComponent = payloadComponent && typeof payloadComponent === 'object' && 'ReactComponent' in payloadComponent ? {
+            Component: payloadComponent.ReactComponent
+        } : getComponent({
+            identifier,
+            importMap,
+            payloadComponent: payloadComponent
+        });
+        if (!resolvedComponent.Component) {
+            console.error(`getCreateMappedComponent: Component not found in importMap`, {
+                identifier,
+                key
+            });
+        }
+        if (isReactServerComponentOrFunction(resolvedComponent.Component)) {
+            const Component = resolvedComponent.Component;
+            return {
+                type: 'server',
+                Component: null,
+                RenderedComponent: /*#__PURE__*/ _jsx(Component, {
+                    ...serverProps,
+                    ...resolvedComponent.serverProps,
+                    ...props
+                }, key)
+            };
+        } else {
+            if (!resolvedComponent.Component) {
+                return undefined;
+            }
+            return {
+                type: 'client',
+                Component: resolvedComponent.Component,
+                props: {
+                    ...resolvedComponent.clientProps || {},
+                    ...props
+                }
+            };
+        }
+    };
+    const createMappedComponent = (payloadComponent, props, fallback, identifier)=>{
+        if ((payloadComponent === undefined || payloadComponent === null) && !fallback) {
+            return undefined;
+        }
+        if (payloadComponent && Array.isArray(payloadComponent)) {
+            const mappedComponents = [];
+            for(let i = 0; i < payloadComponent.length; i++){
+                const component = createSingleMappedComponent(payloadComponent[i], i, props, fallback, identifier);
+                mappedComponents.push(component);
+            }
+            return mappedComponents;
+        } else {
+            return createSingleMappedComponent(payloadComponent, undefined, props, fallback, identifier);
+        }
+    };
+    return createMappedComponent;
+}
+
+//# sourceMappingURL=getCreateMappedComponent.js.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../src/providers/Config/createClientConfig/getCreateMappedComponent.tsx"],"sourcesContent":["import type { I18nClient } from '@payloadcms/translations'\nimport type {\n  CreateMappedComponent,\n  ImportMap,\n  JsonObject,\n  MappedComponent,\n  Payload,\n  PayloadComponent,\n} from 'payload'\n\nimport { isReactServerComponentOrFunction } from 'payload/shared'\nimport React from 'react'\n\nimport { getComponent } from './getComponent.js'\n\nexport function getCreateMappedComponent({\n  importMap,\n  serverProps,\n}: {\n  importMap: ImportMap\n  serverProps: {\n    [key: string]: any\n    i18n?: I18nClient\n    payload?: Payload\n  }\n}): CreateMappedComponent {\n  const createSingleMappedComponent = (\n    payloadComponent: { ReactComponent: React.FC<any> } | PayloadComponent,\n    key: number | string,\n    props: JsonObject,\n    Fallback: React.FC<any>,\n    identifier: string,\n  ): MappedComponent => {\n    if (payloadComponent === undefined || payloadComponent === null) {\n      if (!Fallback) {\n        return undefined\n      }\n\n      if (isReactServerComponentOrFunction(Fallback)) {\n        return {\n          type: 'server',\n          Component: null,\n          RenderedComponent: <Fallback key={key} {...serverProps} {...props} />,\n        }\n      } else {\n        const toReturn: MappedComponent = {\n          type: 'client',\n          Component: Fallback,\n        }\n\n        // conditionally set props here to avoid bloating the HTML with `$undefined` props\n        if (props) toReturn.props = props\n\n        return toReturn\n      }\n    }\n\n    if (payloadComponent === false) {\n      return {\n        type: 'empty',\n      }\n    }\n\n    const resolvedComponent =\n      payloadComponent &&\n      typeof payloadComponent === 'object' &&\n      'ReactComponent' in payloadComponent\n        ? {\n            Component: payloadComponent.ReactComponent,\n          }\n        : getComponent({\n            identifier,\n            importMap,\n            payloadComponent: payloadComponent as any,\n          })\n\n    if (!resolvedComponent.Component) {\n      console.error(`getCreateMappedComponent: Component not found in importMap`, {\n        identifier,\n        key,\n      })\n    }\n\n    if (isReactServerComponentOrFunction(resolvedComponent.Component)) {\n      const Component: React.FC<any> = resolvedComponent.Component\n\n      return {\n        type: 'server',\n        Component: null,\n        RenderedComponent: (\n          <Component key={key} {...serverProps} {...resolvedComponent.serverProps} {...props} />\n        ),\n      }\n    } else {\n      if (!resolvedComponent.Component) {\n        return undefined\n      }\n\n      return {\n        type: 'client',\n        Component: resolvedComponent.Component,\n        props: {\n          ...(resolvedComponent.clientProps || {}),\n          ...props,\n        },\n      }\n    }\n  }\n\n  const createMappedComponent: CreateMappedComponent = (\n    payloadComponent,\n    props,\n    fallback,\n    identifier,\n  ) => {\n    if ((payloadComponent === undefined || payloadComponent === null) && !fallback) {\n      return undefined as any\n    }\n\n    if (payloadComponent && Array.isArray(payloadComponent)) {\n      const mappedComponents: MappedComponent[] = []\n      for (let i = 0; i < payloadComponent.length; i++) {\n        const component = createSingleMappedComponent(\n          payloadComponent[i],\n          i,\n          props,\n          fallback,\n          identifier,\n        )\n        mappedComponents.push(component)\n      }\n      return mappedComponents as any\n    } else {\n      return createSingleMappedComponent(\n        payloadComponent,\n        undefined,\n        props,\n        fallback,\n        identifier,\n      ) as any\n    }\n  }\n\n  return createMappedComponent\n}\n"],"names":["isReactServerComponentOrFunction","React","getComponent","getCreateMappedComponent","importMap","serverProps","createSingleMappedComponent","payloadComponent","key","props","Fallback","identifier","undefined","type","Component","RenderedComponent","toReturn","resolvedComponent","ReactComponent","console","error","clientProps","createMappedComponent","fallback","Array","isArray","mappedComponents","i","length","component","push"],"mappings":";AAUA,SAASA,gCAAgC,QAAQ,iBAAgB;AACjE,OAAOC,WAAW,QAAO;AAEzB,SAASC,YAAY,QAAQ,oBAAmB;AAEhD,OAAO,SAASC,yBAAyB,EACvCC,SAAS,EACTC,WAAW,EAQZ;IACC,MAAMC,8BAA8B,CAClCC,kBACAC,KACAC,OACAC,UACAC;QAEA,IAAIJ,qBAAqBK,aAAaL,qBAAqB,MAAM;YAC/D,IAAI,CAACG,UAAU;gBACb,OAAOE;YACT;YAEA,IAAIZ,iCAAiCU,WAAW;gBAC9C,OAAO;oBACLG,MAAM;oBACNC,WAAW;oBACXC,iCAAmB,KAACL;wBAAoB,GAAGL,WAAW;wBAAG,GAAGI,KAAK;uBAA/BD;gBACpC;YACF,OAAO;gBACL,MAAMQ,WAA4B;oBAChCH,MAAM;oBACNC,WAAWJ;gBACb;gBAEA,kFAAkF;gBAClF,IAAID,OAAOO,SAASP,KAAK,GAAGA;gBAE5B,OAAOO;YACT;QACF;QAEA,IAAIT,qBAAqB,OAAO;YAC9B,OAAO;gBACLM,MAAM;YACR;QACF;QAEA,MAAMI,oBACJV,oBACA,OAAOA,qBAAqB,YAC5B,oBAAoBA,mBAChB;YACEO,WAAWP,iBAAiBW,cAAc;QAC5C,IACAhB,aAAa;YACXS;YACAP;YACAG,kBAAkBA;QACpB;QAEN,IAAI,CAACU,kBAAkBH,SAAS,EAAE;YAChCK,QAAQC,KAAK,CAAC,CAAC,0DAA0D,CAAC,EAAE;gBAC1ET;gBACAH;YACF;QACF;QAEA,IAAIR,iCAAiCiB,kBAAkBH,SAAS,GAAG;YACjE,MAAMA,YAA2BG,kBAAkBH,SAAS;YAE5D,OAAO;gBACLD,MAAM;gBACNC,WAAW;gBACXC,iCACE,KAACD;oBAAqB,GAAGT,WAAW;oBAAG,GAAGY,kBAAkBZ,WAAW;oBAAG,GAAGI,KAAK;mBAAlED;YAEpB;QACF,OAAO;YACL,IAAI,CAACS,kBAAkBH,SAAS,EAAE;gBAChC,OAAOF;YACT;YAEA,OAAO;gBACLC,MAAM;gBACNC,WAAWG,kBAAkBH,SAAS;gBACtCL,OAAO;oBACL,GAAIQ,kBAAkBI,WAAW,IAAI,CAAC,CAAC;oBACvC,GAAGZ,KAAK;gBACV;YACF;QACF;IACF;IAEA,MAAMa,wBAA+C,CACnDf,kBACAE,OACAc,UACAZ;QAEA,IAAI,AAACJ,CAAAA,qBAAqBK,aAAaL,qBAAqB,IAAG,KAAM,CAACgB,UAAU;YAC9E,OAAOX;QACT;QAEA,IAAIL,oBAAoBiB,MAAMC,OAAO,CAAClB,mBAAmB;YACvD,MAAMmB,mBAAsC,EAAE;YAC9C,IAAK,IAAIC,IAAI,GAAGA,IAAIpB,iBAAiBqB,MAAM,EAAED,IAAK;gBAChD,MAAME,YAAYvB,4BAChBC,gBAAgB,CAACoB,EAAE,EACnBA,GACAlB,OACAc,UACAZ;gBAEFe,iBAAiBI,IAAI,CAACD;YACxB;YACA,OAAOH;QACT,OAAO;YACL,OAAOpB,4BACLC,kBACAK,WACAH,OACAc,UACAZ;QAEJ;IACF;IAEA,OAAOW;AACT"}

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

@@ -0,0 +1,22 @@
+import type { I18nClient } from '@payloadcms/translations';
+import type { ClientGlobalConfig, CreateMappedComponent, EditViewProps, ImportMap, Payload, SanitizedConfig } from 'payload';
+import type React from 'react';
+export declare const createClientGlobalConfig: ({ DefaultEditView, clientGlobal, createMappedComponent, global, i18n, importMap, payload, }: {
+    DefaultEditView: React.FC<EditViewProps>;
+    clientGlobal: ClientGlobalConfig;
+    createMappedComponent: CreateMappedComponent;
+    global: SanitizedConfig["globals"][0];
+    i18n: I18nClient;
+    importMap: ImportMap;
+    payload: Payload;
+}) => ClientGlobalConfig;
+export declare const createClientGlobalConfigs: ({ DefaultEditView, clientGlobals, createMappedComponent, globals, i18n, importMap, payload, }: {
+    DefaultEditView: React.FC<EditViewProps>;
+    clientGlobals: ClientGlobalConfig[];
+    createMappedComponent: CreateMappedComponent;
+    globals: SanitizedConfig["globals"];
+    i18n: I18nClient;
+    importMap: ImportMap;
+    payload: Payload;
+}) => ClientGlobalConfig[];
+//# sourceMappingURL=globals.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"globals.d.ts","sourceRoot":"","sources":["../../../../src/providers/Config/createClientConfig/globals.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,0BAA0B,CAAA;AAC1D,OAAO,KAAK,EACV,kBAAkB,EAClB,qBAAqB,EAErB,aAAa,EACb,SAAS,EAET,OAAO,EACP,eAAe,EAGhB,MAAM,SAAS,CAAA;AAChB,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAM9B,eAAO,MAAM,wBAAwB,gGAQlC;IACD,eAAe,EAAE,KAAK,CAAC,EAAE,CAAC,aAAa,CAAC,CAAA;IACxC,YAAY,EAAE,kBAAkB,CAAA;IAChC,qBAAqB,EAAE,qBAAqB,CAAA;IAC5C,MAAM,EAAE,eAAe,CAAC,SAAS,CAAC,CAAC,CAAC,CAAC,CAAA;IACrC,IAAI,EAAE,UAAU,CAAA;IAChB,SAAS,EAAE,SAAS,CAAA;IACpB,OAAO,EAAE,OAAO,CAAA;CACjB,KAAG,kBA6JH,CAAA;AAED,eAAO,MAAM,yBAAyB,kGAQnC;IACD,eAAe,EAAE,KAAK,CAAC,EAAE,CAAC,aAAa,CAAC,CAAA;IACxC,aAAa,EAAE,kBAAkB,EAAE,CAAA;IACnC,qBAAqB,EAAE,qBAAqB,CAAA;IAC5C,OAAO,EAAE,eAAe,CAAC,SAAS,CAAC,CAAA;IACnC,IAAI,EAAE,UAAU,CAAA;IAChB,SAAS,EAAE,SAAS,CAAA;IACpB,OAAO,EAAE,OAAO,CAAA;CACjB,KAAG,kBAAkB,EAerB,CAAA"}

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 ? global.admin.components.views.edit.default.Component : null, {
+                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          ? global.admin.components.views.edit.default.Component\n          : null,\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":"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"}

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.map

@@ -1 +1 @@
-{"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;AAshB7E,eAAO,MAAM,oBAAoB,EAAE,KAAK,CAAC,EAAE,CACzC;IACE,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAA;CAC1B,GAAG,iBAAiB,CAOtB,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

@@ -18,7 +18,7 @@ const Context = /*#__PURE__*/ createContext({});
 export const useDocumentInfo = ()=>useContext(Context);
 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;
@@ -210,22 +210,24 @@ const DocumentInfo = ({ children, ...props })=>{
             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());
@@ -348,7 +350,9 @@ const DocumentInfo = ({ 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) {
@@ -380,7 +384,8 @@ const DocumentInfo = ({ children, ...props })=>{
         locale,
         onLoadError,
         initialDataFromProps,
-        initialStateFromProps
+        initialStateFromProps,
+        getDocPermissions
     ]);
     useEffect(()=>{
         void getVersions();
@@ -408,12 +413,8 @@ const DocumentInfo = ({ children, ...props })=>{
         globalConfig
     ]);
     useEffect(()=>{
-        const localeChanged = locale !== prevLocalePermissions.current;
         if (data && (collectionSlug || globalSlug)) {
-            if (localeChanged) {
-                prevLocalePermissions.current = locale;
-                void getDocPermissions(data);
-            } else if (hasInitializedDocPermissions.current === false && (!docPermissions || hasSavePermission === undefined || hasSavePermission === null || hasPublishPermission === undefined || hasPublishPermission === null)) {
+            if (hasInitializedDocPermissions.current === false && (!docPermissions || hasSavePermission === undefined || hasSavePermission === null || hasPublishPermission === undefined || hasPublishPermission === null)) {
                 hasInitializedDocPermissions.current = true;
                 void getDocPermissions(data);
             }
@@ -427,7 +428,6 @@ const DocumentInfo = ({ children, ...props })=>{
         collectionSlug,
         globalSlug,
         data,
-        locale,
         docPermissions,
         hasSavePermission,
         hasPublishPermission