@payloadcms/next 3.0.0-alpha.47 → 3.0.0-alpha.49

package/dist/elements/LeaveWithoutSaving/index.js

@@ -1,9 +1,9 @@
 'use client';
-import { Modal, useModal } from '@payloadcms/ui';
-import { Button } from '@payloadcms/ui/elements';
-import { useFormModified } from '@payloadcms/ui/forms';
-import { useAuth } from '@payloadcms/ui/providers';
-import { useTranslation } from '@payloadcms/ui/providers';
+import { Button } from '@payloadcms/ui/elements/Button';
+import { Modal, useModal } from '@payloadcms/ui/elements/Modal';
+import { useFormModified } from '@payloadcms/ui/forms/Form';
+import { useAuth } from '@payloadcms/ui/providers/Auth';
+import { useTranslation } from '@payloadcms/ui/providers/Translation';
 import React, { useCallback, useEffect } from 'react';
 import { usePreventLeave } from './usePreventLeave.js';
 const modalSlug = 'leave-without-saving';

package/dist/elements/LeaveWithoutSaving/index.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/elements/LeaveWithoutSaving/index.tsx"],"sourcesContent":["'use client'\nimport { Modal, useModal } from '@payloadcms/ui'\nimport { Button } from '@payloadcms/ui/elements'\nimport { useFormModified } from '@payloadcms/ui/forms'\nimport { useAuth } from '@payloadcms/ui/providers'\nimport { useTranslation } from '@payloadcms/ui/providers'\nimport React, { useCallback, useEffect } from 'react'\n\nimport './index.scss'\nimport { usePreventLeave } from './usePreventLeave.js'\n\nconst modalSlug = 'leave-without-saving'\n\nconst baseClass = 'leave-without-saving'\n\nconst Component: React.FC<{\n  isActive: boolean\n  onCancel: () => void\n  onConfirm: () => void\n}> = ({ isActive, onCancel, onConfirm }) => {\n  const { closeModal, modalState, openModal } = useModal()\n  const { t } = useTranslation()\n\n  // Manually check for modal state as 'esc' key will not trigger the nav inactivity\n  // useEffect(() => {\n  //   if (!modalState?.[modalSlug]?.isOpen && isActive) {\n  //     onCancel()\n  //   }\n  // }, [modalState, isActive, onCancel])\n\n  useEffect(() => {\n    if (isActive) openModal(modalSlug)\n    else closeModal(modalSlug)\n  }, [isActive, openModal, closeModal])\n\n  return (\n    <Modal className={baseClass} onClose={onCancel} slug={modalSlug}>\n      <div className={`${baseClass}__wrapper`}>\n        <div className={`${baseClass}__content`}>\n          <h1>{t('general:leaveWithoutSaving')}</h1>\n          <p>{t('general:changesNotSaved')}</p>\n        </div>\n        <div className={`${baseClass}__controls`}>\n          <Button buttonStyle=\"secondary\" onClick={onCancel}>\n            {t('general:stayOnThisPage')}\n          </Button>\n          <Button onClick={onConfirm}>{t('general:leaveAnyway')}</Button>\n        </div>\n      </div>\n    </Modal>\n  )\n}\n\nexport const LeaveWithoutSaving: React.FC = () => {\n  const modified = useFormModified()\n  const { user } = useAuth()\n  const [show, setShow] = React.useState(false)\n  const [hasAccepted, setHasAccepted] = React.useState(false)\n\n  const prevent = Boolean(modified && user)\n\n  const onPrevent = useCallback(() => {\n    setShow(true)\n  }, [])\n\n  usePreventLeave({ hasAccepted, onPrevent, prevent })\n\n  return (\n    <Component\n      isActive={show}\n      onCancel={() => {\n        setShow(false)\n      }}\n      onConfirm={() => {\n        setHasAccepted(true)\n      }}\n    />\n  )\n}\n"],"names":["Modal","useModal","Button","useFormModified","useAuth","useTranslation","React","useCallback","useEffect","usePreventLeave","modalSlug","baseClass","Component","isActive","onCancel","onConfirm","closeModal","modalState","openModal","t","className","onClose","slug","div","h1","p","buttonStyle","onClick","LeaveWithoutSaving","modified","user","show","setShow","useState","hasAccepted","setHasAccepted","prevent","Boolean","onPrevent"],"mappings":"AAAA;AACA,SAASA,KAAK,EAAEC,QAAQ,QAAQ,iBAAgB;AAChD,SAASC,MAAM,QAAQ,0BAAyB;AAChD,SAASC,eAAe,QAAQ,uBAAsB;AACtD,SAASC,OAAO,QAAQ,2BAA0B;AAClD,SAASC,cAAc,QAAQ,2BAA0B;AACzD,OAAOC,SAASC,WAAW,EAAEC,SAAS,QAAQ,QAAO;AAGrD,SAASC,eAAe,QAAQ,uBAAsB;AAEtD,MAAMC,YAAY;AAElB,MAAMC,YAAY;AAElB,MAAMC,YAID,CAAC,EAAEC,QAAQ,EAAEC,QAAQ,EAAEC,SAAS,EAAE;IACrC,MAAM,EAAEC,UAAU,EAAEC,UAAU,EAAEC,SAAS,EAAE,GAAGjB;IAC9C,MAAM,EAAEkB,CAAC,EAAE,GAAGd;IAEd,kFAAkF;IAClF,oBAAoB;IACpB,wDAAwD;IACxD,iBAAiB;IACjB,MAAM;IACN,uCAAuC;IAEvCG,UAAU;QACR,IAAIK,UAAUK,UAAUR;aACnBM,WAAWN;IAClB,GAAG;QAACG;QAAUK;QAAWF;KAAW;IAEpC,qBACE,oBAAChB;QAAMoB,WAAWT;QAAWU,SAASP;QAAUQ,MAAMZ;qBACpD,oBAACa;QAAIH,WAAW,CAAC,EAAET,UAAU,SAAS,CAAC;qBACrC,oBAACY;QAAIH,WAAW,CAAC,EAAET,UAAU,SAAS,CAAC;qBACrC,oBAACa,YAAIL,EAAE,8CACP,oBAACM,WAAGN,EAAE,4CAER,oBAACI;QAAIH,WAAW,CAAC,EAAET,UAAU,UAAU,CAAC;qBACtC,oBAACT;QAAOwB,aAAY;QAAYC,SAASb;OACtCK,EAAE,0CAEL,oBAACjB;QAAOyB,SAASZ;OAAYI,EAAE;AAKzC;AAEA,OAAO,MAAMS,qBAA+B;IAC1C,MAAMC,WAAW1B;IACjB,MAAM,EAAE2B,IAAI,EAAE,GAAG1B;IACjB,MAAM,CAAC2B,MAAMC,QAAQ,GAAG1B,MAAM2B,QAAQ,CAAC;IACvC,MAAM,CAACC,aAAaC,eAAe,GAAG7B,MAAM2B,QAAQ,CAAC;IAErD,MAAMG,UAAUC,QAAQR,YAAYC;IAEpC,MAAMQ,YAAY/B,YAAY;QAC5ByB,QAAQ;IACV,GAAG,EAAE;IAELvB,gBAAgB;QAAEyB;QAAaI;QAAWF;IAAQ;IAElD,qBACE,oBAACxB;QACCC,UAAUkB;QACVjB,UAAU;YACRkB,QAAQ;QACV;QACAjB,WAAW;YACToB,eAAe;QACjB;;AAGN,EAAC"}
+{"version":3,"sources":["../../../src/elements/LeaveWithoutSaving/index.tsx"],"sourcesContent":["'use client'\nimport { Button } from '@payloadcms/ui/elements/Button'\nimport { Modal, useModal } from '@payloadcms/ui/elements/Modal'\nimport { useFormModified } from '@payloadcms/ui/forms/Form'\nimport { useAuth } from '@payloadcms/ui/providers/Auth'\nimport { useTranslation } from '@payloadcms/ui/providers/Translation'\nimport React, { useCallback, useEffect } from 'react'\n\nimport './index.scss'\nimport { usePreventLeave } from './usePreventLeave.js'\n\nconst modalSlug = 'leave-without-saving'\n\nconst baseClass = 'leave-without-saving'\n\nconst Component: React.FC<{\n  isActive: boolean\n  onCancel: () => void\n  onConfirm: () => void\n}> = ({ isActive, onCancel, onConfirm }) => {\n  const { closeModal, modalState, openModal } = useModal()\n  const { t } = useTranslation()\n\n  // Manually check for modal state as 'esc' key will not trigger the nav inactivity\n  // useEffect(() => {\n  //   if (!modalState?.[modalSlug]?.isOpen && isActive) {\n  //     onCancel()\n  //   }\n  // }, [modalState, isActive, onCancel])\n\n  useEffect(() => {\n    if (isActive) openModal(modalSlug)\n    else closeModal(modalSlug)\n  }, [isActive, openModal, closeModal])\n\n  return (\n    <Modal className={baseClass} onClose={onCancel} slug={modalSlug}>\n      <div className={`${baseClass}__wrapper`}>\n        <div className={`${baseClass}__content`}>\n          <h1>{t('general:leaveWithoutSaving')}</h1>\n          <p>{t('general:changesNotSaved')}</p>\n        </div>\n        <div className={`${baseClass}__controls`}>\n          <Button buttonStyle=\"secondary\" onClick={onCancel}>\n            {t('general:stayOnThisPage')}\n          </Button>\n          <Button onClick={onConfirm}>{t('general:leaveAnyway')}</Button>\n        </div>\n      </div>\n    </Modal>\n  )\n}\n\nexport const LeaveWithoutSaving: React.FC = () => {\n  const modified = useFormModified()\n  const { user } = useAuth()\n  const [show, setShow] = React.useState(false)\n  const [hasAccepted, setHasAccepted] = React.useState(false)\n\n  const prevent = Boolean(modified && user)\n\n  const onPrevent = useCallback(() => {\n    setShow(true)\n  }, [])\n\n  usePreventLeave({ hasAccepted, onPrevent, prevent })\n\n  return (\n    <Component\n      isActive={show}\n      onCancel={() => {\n        setShow(false)\n      }}\n      onConfirm={() => {\n        setHasAccepted(true)\n      }}\n    />\n  )\n}\n"],"names":["Button","Modal","useModal","useFormModified","useAuth","useTranslation","React","useCallback","useEffect","usePreventLeave","modalSlug","baseClass","Component","isActive","onCancel","onConfirm","closeModal","modalState","openModal","t","className","onClose","slug","div","h1","p","buttonStyle","onClick","LeaveWithoutSaving","modified","user","show","setShow","useState","hasAccepted","setHasAccepted","prevent","Boolean","onPrevent"],"mappings":"AAAA;AACA,SAASA,MAAM,QAAQ,iCAAgC;AACvD,SAASC,KAAK,EAAEC,QAAQ,QAAQ,gCAA+B;AAC/D,SAASC,eAAe,QAAQ,4BAA2B;AAC3D,SAASC,OAAO,QAAQ,gCAA+B;AACvD,SAASC,cAAc,QAAQ,uCAAsC;AACrE,OAAOC,SAASC,WAAW,EAAEC,SAAS,QAAQ,QAAO;AAGrD,SAASC,eAAe,QAAQ,uBAAsB;AAEtD,MAAMC,YAAY;AAElB,MAAMC,YAAY;AAElB,MAAMC,YAID,CAAC,EAAEC,QAAQ,EAAEC,QAAQ,EAAEC,SAAS,EAAE;IACrC,MAAM,EAAEC,UAAU,EAAEC,UAAU,EAAEC,SAAS,EAAE,GAAGhB;IAC9C,MAAM,EAAEiB,CAAC,EAAE,GAAGd;IAEd,kFAAkF;IAClF,oBAAoB;IACpB,wDAAwD;IACxD,iBAAiB;IACjB,MAAM;IACN,uCAAuC;IAEvCG,UAAU;QACR,IAAIK,UAAUK,UAAUR;aACnBM,WAAWN;IAClB,GAAG;QAACG;QAAUK;QAAWF;KAAW;IAEpC,qBACE,oBAACf;QAAMmB,WAAWT;QAAWU,SAASP;QAAUQ,MAAMZ;qBACpD,oBAACa;QAAIH,WAAW,CAAC,EAAET,UAAU,SAAS,CAAC;qBACrC,oBAACY;QAAIH,WAAW,CAAC,EAAET,UAAU,SAAS,CAAC;qBACrC,oBAACa,YAAIL,EAAE,8CACP,oBAACM,WAAGN,EAAE,4CAER,oBAACI;QAAIH,WAAW,CAAC,EAAET,UAAU,UAAU,CAAC;qBACtC,oBAACX;QAAO0B,aAAY;QAAYC,SAASb;OACtCK,EAAE,0CAEL,oBAACnB;QAAO2B,SAASZ;OAAYI,EAAE;AAKzC;AAEA,OAAO,MAAMS,qBAA+B;IAC1C,MAAMC,WAAW1B;IACjB,MAAM,EAAE2B,IAAI,EAAE,GAAG1B;IACjB,MAAM,CAAC2B,MAAMC,QAAQ,GAAG1B,MAAM2B,QAAQ,CAAC;IACvC,MAAM,CAACC,aAAaC,eAAe,GAAG7B,MAAM2B,QAAQ,CAAC;IAErD,MAAMG,UAAUC,QAAQR,YAAYC;IAEpC,MAAMQ,YAAY/B,YAAY;QAC5ByB,QAAQ;IACV,GAAG,EAAE;IAELvB,gBAAgB;QAAEyB;QAAaI;QAAWF;IAAQ;IAElD,qBACE,oBAACxB;QACCC,UAAUkB;QACVjB,UAAU;YACRkB,QAAQ;QACV;QACAjB,WAAW;YACToB,eAAe;QACjB;;AAGN,EAAC"}

package/dist/exports/layouts.d.ts

@@ -0,0 +1,2 @@
+export { RootLayout, metadata } from '../layouts/Root/index.js';
+//# sourceMappingURL=layouts.d.ts.map

package/dist/exports/layouts.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"layouts.d.ts","sourceRoot":"","sources":["../../src/exports/layouts.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAE,QAAQ,EAAE,MAAM,0BAA0B,CAAA"}

package/dist/exports/layouts.js

@@ -0,0 +1,3 @@
+export { RootLayout, metadata } from '../layouts/Root/index.js';
+
+//# sourceMappingURL=layouts.js.map

package/dist/exports/layouts.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../src/exports/layouts.ts"],"sourcesContent":["export { RootLayout, metadata } from '../layouts/Root/index.js'\n"],"names":["RootLayout","metadata"],"mappings":"AAAA,SAASA,UAAU,EAAEC,QAAQ,QAAQ,2BAA0B"}

package/dist/exports/routes.d.ts

@@ -0,0 +1,3 @@
+export { GRAPHQL_PLAYGROUND_GET, GRAPHQL_POST } from '../routes/graphql/index.js';
+export { DELETE as REST_DELETE, GET as REST_GET, PATCH as REST_PATCH, POST as REST_POST, } from '../routes/rest/index.js';
+//# sourceMappingURL=routes.d.ts.map

package/dist/exports/routes.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"routes.d.ts","sourceRoot":"","sources":["../../src/exports/routes.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,sBAAsB,EAAE,YAAY,EAAE,MAAM,4BAA4B,CAAA;AAEjF,OAAO,EACL,MAAM,IAAI,WAAW,EACrB,GAAG,IAAI,QAAQ,EACf,KAAK,IAAI,UAAU,EACnB,IAAI,IAAI,SAAS,GAClB,MAAM,yBAAyB,CAAA"}

package/dist/exports/routes.js

@@ -0,0 +1,4 @@
+export { GRAPHQL_PLAYGROUND_GET, GRAPHQL_POST } from '../routes/graphql/index.js';
+export { DELETE as REST_DELETE, GET as REST_GET, PATCH as REST_PATCH, POST as REST_POST } from '../routes/rest/index.js';
+
+//# sourceMappingURL=routes.js.map

package/dist/exports/routes.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../src/exports/routes.ts"],"sourcesContent":["export { GRAPHQL_PLAYGROUND_GET, GRAPHQL_POST } from '../routes/graphql/index.js'\n\nexport {\n  DELETE as REST_DELETE,\n  GET as REST_GET,\n  PATCH as REST_PATCH,\n  POST as REST_POST,\n} from '../routes/rest/index.js'\n"],"names":["GRAPHQL_PLAYGROUND_GET","GRAPHQL_POST","DELETE","REST_DELETE","GET","REST_GET","PATCH","REST_PATCH","POST","REST_POST"],"mappings":"AAAA,SAASA,sBAAsB,EAAEC,YAAY,QAAQ,6BAA4B;AAEjF,SACEC,UAAUC,WAAW,EACrBC,OAAOC,QAAQ,EACfC,SAASC,UAAU,EACnBC,QAAQC,SAAS,QACZ,0BAAyB"}

package/dist/exports/utilities.d.ts

@@ -0,0 +1,2 @@
+export { getPayloadHMR } from '../utilities/getPayloadHMR.js';
+//# sourceMappingURL=utilities.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"utilities.d.ts","sourceRoot":"","sources":["../../src/exports/utilities.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,aAAa,EAAE,MAAM,+BAA+B,CAAA"}

package/dist/exports/utilities.js

@@ -0,0 +1,3 @@
+export { getPayloadHMR } from '../utilities/getPayloadHMR.js';
+
+//# sourceMappingURL=utilities.js.map

package/dist/exports/utilities.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../src/exports/utilities.ts"],"sourcesContent":["export { getPayloadHMR } from '../utilities/getPayloadHMR.js'\n"],"names":["getPayloadHMR"],"mappings":"AAAA,SAASA,aAAa,QAAQ,gCAA+B"}

package/dist/exports/views.d.ts

@@ -0,0 +1,4 @@
+export { EditView } from '../views/Edit/index.js';
+export { NotFoundView } from '../views/NotFound/index.js';
+export { type GenerateViewMetadata, RootPage, generatePageMetadata } from '../views/Root/index.js';
+//# sourceMappingURL=views.d.ts.map

package/dist/exports/views.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"views.d.ts","sourceRoot":"","sources":["../../src/exports/views.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,QAAQ,EAAE,MAAM,wBAAwB,CAAA;AACjD,OAAO,EAAE,YAAY,EAAE,MAAM,4BAA4B,CAAA;AACzD,OAAO,EAAE,KAAK,oBAAoB,EAAE,QAAQ,EAAE,oBAAoB,EAAE,MAAM,wBAAwB,CAAA"}

package/dist/exports/views.js

@@ -0,0 +1,5 @@
+export { EditView } from '../views/Edit/index.js';
+export { NotFoundView } from '../views/NotFound/index.js';
+export { RootPage, generatePageMetadata } from '../views/Root/index.js';
+
+//# sourceMappingURL=views.js.map

package/dist/exports/views.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../src/exports/views.ts"],"sourcesContent":["export { EditView } from '../views/Edit/index.js'\nexport { NotFoundView } from '../views/NotFound/index.js'\nexport { type GenerateViewMetadata, RootPage, generatePageMetadata } from '../views/Root/index.js'\n"],"names":["EditView","NotFoundView","RootPage","generatePageMetadata"],"mappings":"AAAA,SAASA,QAAQ,QAAQ,yBAAwB;AACjD,SAASC,YAAY,QAAQ,6BAA4B;AACzD,SAAoCC,QAAQ,EAAEC,oBAAoB,QAAQ,yBAAwB"}

package/dist/index.js

@@ -1,7 +1,3 @@
-export { AdminLayout } from './layouts/Admin/index.js';
-export { RootLayout } from './layouts/Root/index.js';
-export { Dashboard as DashboardPage } from './views/Dashboard/index.js';
-export { Login } from './views/Login/index.js';
-export { RootPage } from './views/Root/index.js';
+export { default as withPayload } from './withPayload.js';
 
 //# sourceMappingURL=index.js.map

package/dist/index.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../src/index.ts"],"sourcesContent":["export { AdminLayout } from './layouts/Admin/index.js'\nexport { RootLayout } from './layouts/Root/index.js'\nexport { Dashboard as DashboardPage } from './views/Dashboard/index.js'\nexport { Login } from './views/Login/index.js'\nexport { RootPage } from './views/Root/index.js'\n"],"names":["AdminLayout","RootLayout","Dashboard","DashboardPage","Login","RootPage"],"mappings":"AAAA,SAASA,WAAW,QAAQ,2BAA0B;AACtD,SAASC,UAAU,QAAQ,0BAAyB;AACpD,SAASC,aAAaC,aAAa,QAAQ,6BAA4B;AACvE,SAASC,KAAK,QAAQ,yBAAwB;AAC9C,SAASC,QAAQ,QAAQ,wBAAuB"}
+{"version":3,"sources":["../src/index.js"],"sourcesContent":["export { default as withPayload } from './withPayload.js'\n"],"names":["default","withPayload"],"mappings":"AAAA,SAASA,WAAWC,WAAW,QAAQ,mBAAkB"}

package/dist/layouts/Root/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/layouts/Root/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,eAAe,CAAA;AAIpD,OAAO,8BAA8B,CAAA;AAIrC,OAAO,KAAK,MAAM,OAAO,CAAA;AACzB,OAAO,uCAAuC,CAAA;AAU9C,eAAO,MAAM,QAAQ;;;CAGpB,CAAA;AAID,eAAO,MAAM,UAAU;cAIX,MAAM,SAAS;YACjB,QAAQ,eAAe,CAAC;gCAwDjC,CAAA"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/layouts/Root/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,eAAe,CAAA;AAIpD,OAAO,8BAA8B,CAAA;AAMrC,OAAO,KAAK,MAAM,OAAO,CAAA;AACzB,OAAO,uCAAuC,CAAA;AAM9C,eAAO,MAAM,QAAQ;;;CAGpB,CAAA;AAID,eAAO,MAAM,UAAU;cAIX,MAAM,SAAS;YACjB,QAAQ,eAAe,CAAC;gCA4DjC,CAAA"}

package/dist/layouts/Root/index.js

@@ -1,15 +1,13 @@
 import { translations } from '@payloadcms/translations/client';
-import { RootProvider, buildComponentMap } from '@payloadcms/ui';
-import { headers as getHeaders } from 'next/headers.js';
+import { RootProvider } from '@payloadcms/ui/providers/Root';
+import { buildComponentMap } from '@payloadcms/ui/utilities/buildComponentMap';
+import { headers as getHeaders, cookies as nextCookies } from 'next/headers.js';
+import { parseCookies } from 'payload/auth';
 import { createClientConfig } from 'payload/config';
 import { deepMerge } from 'payload/utilities';
 import React from 'react';
-import { ClearRouteCache } from '../../elements/ClearRouteCache/index.js';
-import { auth } from '../../utilities/auth.js';
-import { getPayload } from '../../utilities/getPayload.js';
 import { getRequestLanguage } from '../../utilities/getRequestLanguage.js';
 import { DefaultEditView } from '../../views/Edit/Default/index.js';
-import { DefaultCell } from '../../views/List/Default/Cell/index.js';
 import { DefaultListView } from '../../views/List/Default/index.js';
 export const metadata = {
     description: 'Generated by Next.js',
@@ -32,14 +30,9 @@ export const RootLayout = async ({ children, config: configPromise })=>{
     const config = await configPromise;
     const clientConfig = await createClientConfig(config);
     const headers = getHeaders();
-    const payload = await getPayload({
-        config: configPromise
-    });
-    const { cookies, permissions } = await auth({
-        headers,
-        payload
-    });
+    const cookies = parseCookies(headers);
     const lang = getRequestLanguage({
+        config,
         cookies,
         headers
     }) ?? clientConfig.i18n.fallbackLanguage;
@@ -49,23 +42,32 @@ export const RootLayout = async ({ children, config: configPromise })=>{
             label: translations.general.thisLanguage,
             value: language
         }));
+    // eslint-disable-next-line @typescript-eslint/require-await
+    async function switchLanguageServerAction(lang) {
+        'use server';
+        nextCookies().set({
+            name: `${config.cookiePrefix || 'payload'}-lng'`,
+            path: '/',
+            value: lang
+        });
+    }
     const { componentMap, wrappedChildren } = buildComponentMap({
-        DefaultCell,
         DefaultEditView,
         DefaultListView,
         children,
-        config,
-        permissions
+        config
     });
     return /*#__PURE__*/ React.createElement("html", {
         dir: dir,
         lang: lang
-    }, /*#__PURE__*/ React.createElement("body", null, /*#__PURE__*/ React.createElement(ClearRouteCache, null), /*#__PURE__*/ React.createElement(RootProvider, {
+    }, /*#__PURE__*/ React.createElement("body", null, /*#__PURE__*/ React.createElement(RootProvider, {
         componentMap: componentMap,
         config: clientConfig,
         fallbackLang: clientConfig.i18n.fallbackLanguage,
         lang: lang,
         languageOptions: languageOptions,
+        // eslint-disable-next-line react/jsx-no-bind
+        switchLanguageServerAction: switchLanguageServerAction,
         translations: mergedTranslations[lang]
     }, wrappedChildren), /*#__PURE__*/ React.createElement("div", {
         id: "portal"

package/dist/layouts/Root/index.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/layouts/Root/index.tsx"],"sourcesContent":["import type { SanitizedConfig } from 'payload/types'\n\nimport { translations } from '@payloadcms/translations/client'\nimport { RootProvider, buildComponentMap } from '@payloadcms/ui'\nimport '@payloadcms/ui/scss/app.scss'\nimport { headers as getHeaders } from 'next/headers.js'\nimport { createClientConfig } from 'payload/config'\nimport { deepMerge } from 'payload/utilities'\nimport React from 'react'\nimport 'react-toastify/dist/ReactToastify.css'\n\nimport { ClearRouteCache } from '../../elements/ClearRouteCache/index.js'\nimport { auth } from '../../utilities/auth.js'\nimport { getPayload } from '../../utilities/getPayload.js'\nimport { getRequestLanguage } from '../../utilities/getRequestLanguage.js'\nimport { DefaultEditView } from '../../views/Edit/Default/index.js'\nimport { DefaultCell } from '../../views/List/Default/Cell/index.js'\nimport { DefaultListView } from '../../views/List/Default/index.js'\n\nexport const metadata = {\n  description: 'Generated by Next.js',\n  title: 'Next.js',\n}\n\nconst rtlLanguages = ['ar', 'fa', 'ha', 'ku', 'ur', 'ps', 'dv', 'ks', 'khw', 'he', 'yi']\n\nexport const RootLayout = async ({\n  children,\n  config: configPromise,\n}: {\n  children: React.ReactNode\n  config: Promise<SanitizedConfig>\n}) => {\n  const config = await configPromise\n  const clientConfig = await createClientConfig(config)\n\n  const headers = getHeaders()\n\n  const payload = await getPayload({ config: configPromise })\n\n  const { cookies, permissions } = await auth({\n    headers,\n    payload,\n  })\n\n  const lang =\n    getRequestLanguage({\n      cookies,\n      headers,\n    }) ?? clientConfig.i18n.fallbackLanguage\n\n  const dir = rtlLanguages.includes(lang) ? 'RTL' : 'LTR'\n\n  const mergedTranslations = deepMerge(translations, clientConfig.i18n.translations)\n\n  const languageOptions = Object.entries(translations || {}).map(([language, translations]) => ({\n    label: translations.general.thisLanguage,\n    value: language,\n  }))\n\n  const { componentMap, wrappedChildren } = buildComponentMap({\n    DefaultCell,\n    DefaultEditView,\n    DefaultListView,\n    children,\n    config,\n    permissions,\n  })\n\n  return (\n    <html dir={dir} lang={lang}>\n      <body>\n        <ClearRouteCache />\n        <RootProvider\n          componentMap={componentMap}\n          config={clientConfig}\n          fallbackLang={clientConfig.i18n.fallbackLanguage}\n          lang={lang}\n          languageOptions={languageOptions}\n          translations={mergedTranslations[lang]}\n        >\n          {wrappedChildren}\n        </RootProvider>\n        <div id=\"portal\" />\n      </body>\n    </html>\n  )\n}\n"],"names":["translations","RootProvider","buildComponentMap","headers","getHeaders","createClientConfig","deepMerge","React","ClearRouteCache","auth","getPayload","getRequestLanguage","DefaultEditView","DefaultCell","DefaultListView","metadata","description","title","rtlLanguages","RootLayout","children","config","configPromise","clientConfig","payload","cookies","permissions","lang","i18n","fallbackLanguage","dir","includes","mergedTranslations","languageOptions","Object","entries","map","language","label","general","thisLanguage","value","componentMap","wrappedChildren","html","body","fallbackLang","div","id"],"mappings":"AAEA,SAASA,YAAY,QAAQ,kCAAiC;AAC9D,SAASC,YAAY,EAAEC,iBAAiB,QAAQ,iBAAgB;AAEhE,SAASC,WAAWC,UAAU,QAAQ,kBAAiB;AACvD,SAASC,kBAAkB,QAAQ,iBAAgB;AACnD,SAASC,SAAS,QAAQ,oBAAmB;AAC7C,OAAOC,WAAW,QAAO;AAGzB,SAASC,eAAe,QAAQ,0CAAyC;AACzE,SAASC,IAAI,QAAQ,0BAAyB;AAC9C,SAASC,UAAU,QAAQ,gCAA+B;AAC1D,SAASC,kBAAkB,QAAQ,wCAAuC;AAC1E,SAASC,eAAe,QAAQ,oCAAmC;AACnE,SAASC,WAAW,QAAQ,yCAAwC;AACpE,SAASC,eAAe,QAAQ,oCAAmC;AAEnE,OAAO,MAAMC,WAAW;IACtBC,aAAa;IACbC,OAAO;AACT,EAAC;AAED,MAAMC,eAAe;IAAC;IAAM;IAAM;IAAM;IAAM;IAAM;IAAM;IAAM;IAAM;IAAO;IAAM;CAAK;AAExF,OAAO,MAAMC,aAAa,OAAO,EAC/BC,QAAQ,EACRC,QAAQC,aAAa,EAItB;IACC,MAAMD,SAAS,MAAMC;IACrB,MAAMC,eAAe,MAAMlB,mBAAmBgB;IAE9C,MAAMlB,UAAUC;IAEhB,MAAMoB,UAAU,MAAMd,WAAW;QAAEW,QAAQC;IAAc;IAEzD,MAAM,EAAEG,OAAO,EAAEC,WAAW,EAAE,GAAG,MAAMjB,KAAK;QAC1CN;QACAqB;IACF;IAEA,MAAMG,OACJhB,mBAAmB;QACjBc;QACAtB;IACF,MAAMoB,aAAaK,IAAI,CAACC,gBAAgB;IAE1C,MAAMC,MAAMZ,aAAaa,QAAQ,CAACJ,QAAQ,QAAQ;IAElD,MAAMK,qBAAqB1B,UAAUN,cAAcuB,aAAaK,IAAI,CAAC5B,YAAY;IAEjF,MAAMiC,kBAAkBC,OAAOC,OAAO,CAACnC,gBAAgB,CAAC,GAAGoC,GAAG,CAAC,CAAC,CAACC,UAAUrC,aAAa,GAAM,CAAA;YAC5FsC,OAAOtC,aAAauC,OAAO,CAACC,YAAY;YACxCC,OAAOJ;QACT,CAAA;IAEA,MAAM,EAAEK,YAAY,EAAEC,eAAe,EAAE,GAAGzC,kBAAkB;QAC1DW;QACAD;QACAE;QACAM;QACAC;QACAK;IACF;IAEA,qBACE,oBAACkB;QAAKd,KAAKA;QAAKH,MAAMA;qBACpB,oBAACkB,4BACC,oBAACrC,sCACD,oBAACP;QACCyC,cAAcA;QACdrB,QAAQE;QACRuB,cAAcvB,aAAaK,IAAI,CAACC,gBAAgB;QAChDF,MAAMA;QACNM,iBAAiBA;QACjBjC,cAAcgC,kBAAkB,CAACL,KAAK;OAErCgB,gCAEH,oBAACI;QAAIC,IAAG;;AAIhB,EAAC"}
+{"version":3,"sources":["../../../src/layouts/Root/index.tsx"],"sourcesContent":["import type { SanitizedConfig } from 'payload/types'\n\nimport { translations } from '@payloadcms/translations/client'\nimport { RootProvider } from '@payloadcms/ui/providers/Root'\nimport '@payloadcms/ui/scss/app.scss'\nimport { buildComponentMap } from '@payloadcms/ui/utilities/buildComponentMap'\nimport { headers as getHeaders, cookies as nextCookies } from 'next/headers.js'\nimport { parseCookies } from 'payload/auth'\nimport { createClientConfig } from 'payload/config'\nimport { deepMerge } from 'payload/utilities'\nimport React from 'react'\nimport 'react-toastify/dist/ReactToastify.css'\n\nimport { getRequestLanguage } from '../../utilities/getRequestLanguage.js'\nimport { DefaultEditView } from '../../views/Edit/Default/index.js'\nimport { DefaultListView } from '../../views/List/Default/index.js'\n\nexport const metadata = {\n  description: 'Generated by Next.js',\n  title: 'Next.js',\n}\n\nconst rtlLanguages = ['ar', 'fa', 'ha', 'ku', 'ur', 'ps', 'dv', 'ks', 'khw', 'he', 'yi']\n\nexport const RootLayout = async ({\n  children,\n  config: configPromise,\n}: {\n  children: React.ReactNode\n  config: Promise<SanitizedConfig>\n}) => {\n  const config = await configPromise\n  const clientConfig = await createClientConfig(config)\n\n  const headers = getHeaders()\n  const cookies = parseCookies(headers)\n\n  const lang =\n    getRequestLanguage({\n      config,\n      cookies,\n      headers,\n    }) ?? clientConfig.i18n.fallbackLanguage\n\n  const dir = rtlLanguages.includes(lang) ? 'RTL' : 'LTR'\n\n  const mergedTranslations = deepMerge(translations, clientConfig.i18n.translations)\n\n  const languageOptions = Object.entries(translations || {}).map(([language, translations]) => ({\n    label: translations.general.thisLanguage,\n    value: language,\n  }))\n\n  // eslint-disable-next-line @typescript-eslint/require-await\n  async function switchLanguageServerAction(lang: string): Promise<void> {\n    'use server'\n    nextCookies().set({\n      name: `${config.cookiePrefix || 'payload'}-lng'`,\n      path: '/',\n      value: lang,\n    })\n  }\n\n  const { componentMap, wrappedChildren } = buildComponentMap({\n    DefaultEditView,\n    DefaultListView,\n    children,\n    config,\n  })\n\n  return (\n    <html dir={dir} lang={lang}>\n      <body>\n        <RootProvider\n          componentMap={componentMap}\n          config={clientConfig}\n          fallbackLang={clientConfig.i18n.fallbackLanguage}\n          lang={lang}\n          languageOptions={languageOptions}\n          // eslint-disable-next-line react/jsx-no-bind\n          switchLanguageServerAction={switchLanguageServerAction}\n          translations={mergedTranslations[lang]}\n        >\n          {wrappedChildren}\n        </RootProvider>\n        <div id=\"portal\" />\n      </body>\n    </html>\n  )\n}\n"],"names":["translations","RootProvider","buildComponentMap","headers","getHeaders","cookies","nextCookies","parseCookies","createClientConfig","deepMerge","React","getRequestLanguage","DefaultEditView","DefaultListView","metadata","description","title","rtlLanguages","RootLayout","children","config","configPromise","clientConfig","lang","i18n","fallbackLanguage","dir","includes","mergedTranslations","languageOptions","Object","entries","map","language","label","general","thisLanguage","value","switchLanguageServerAction","set","name","cookiePrefix","path","componentMap","wrappedChildren","html","body","fallbackLang","div","id"],"mappings":"AAEA,SAASA,YAAY,QAAQ,kCAAiC;AAC9D,SAASC,YAAY,QAAQ,gCAA+B;AAE5D,SAASC,iBAAiB,QAAQ,6CAA4C;AAC9E,SAASC,WAAWC,UAAU,EAAEC,WAAWC,WAAW,QAAQ,kBAAiB;AAC/E,SAASC,YAAY,QAAQ,eAAc;AAC3C,SAASC,kBAAkB,QAAQ,iBAAgB;AACnD,SAASC,SAAS,QAAQ,oBAAmB;AAC7C,OAAOC,WAAW,QAAO;AAGzB,SAASC,kBAAkB,QAAQ,wCAAuC;AAC1E,SAASC,eAAe,QAAQ,oCAAmC;AACnE,SAASC,eAAe,QAAQ,oCAAmC;AAEnE,OAAO,MAAMC,WAAW;IACtBC,aAAa;IACbC,OAAO;AACT,EAAC;AAED,MAAMC,eAAe;IAAC;IAAM;IAAM;IAAM;IAAM;IAAM;IAAM;IAAM;IAAM;IAAO;IAAM;CAAK;AAExF,OAAO,MAAMC,aAAa,OAAO,EAC/BC,QAAQ,EACRC,QAAQC,aAAa,EAItB;IACC,MAAMD,SAAS,MAAMC;IACrB,MAAMC,eAAe,MAAMd,mBAAmBY;IAE9C,MAAMjB,UAAUC;IAChB,MAAMC,UAAUE,aAAaJ;IAE7B,MAAMoB,OACJZ,mBAAmB;QACjBS;QACAf;QACAF;IACF,MAAMmB,aAAaE,IAAI,CAACC,gBAAgB;IAE1C,MAAMC,MAAMT,aAAaU,QAAQ,CAACJ,QAAQ,QAAQ;IAElD,MAAMK,qBAAqBnB,UAAUT,cAAcsB,aAAaE,IAAI,CAACxB,YAAY;IAEjF,MAAM6B,kBAAkBC,OAAOC,OAAO,CAAC/B,gBAAgB,CAAC,GAAGgC,GAAG,CAAC,CAAC,CAACC,UAAUjC,aAAa,GAAM,CAAA;YAC5FkC,OAAOlC,aAAamC,OAAO,CAACC,YAAY;YACxCC,OAAOJ;QACT,CAAA;IAEA,4DAA4D;IAC5D,eAAeK,2BAA2Bf,IAAY;QACpD;QACAjB,cAAciC,GAAG,CAAC;YAChBC,MAAM,CAAC,EAAEpB,OAAOqB,YAAY,IAAI,UAAU,KAAK,CAAC;YAChDC,MAAM;YACNL,OAAOd;QACT;IACF;IAEA,MAAM,EAAEoB,YAAY,EAAEC,eAAe,EAAE,GAAG1C,kBAAkB;QAC1DU;QACAC;QACAM;QACAC;IACF;IAEA,qBACE,oBAACyB;QAAKnB,KAAKA;QAAKH,MAAMA;qBACpB,oBAACuB,4BACC,oBAAC7C;QACC0C,cAAcA;QACdvB,QAAQE;QACRyB,cAAczB,aAAaE,IAAI,CAACC,gBAAgB;QAChDF,MAAMA;QACNM,iBAAiBA;QACjB,6CAA6C;QAC7CS,4BAA4BA;QAC5BtC,cAAc4B,kBAAkB,CAACL,KAAK;OAErCqB,gCAEH,oBAACI;QAAIC,IAAG;;AAIhB,EAAC"}