@payloadcms/ui 4.0.0-internal.e7d4ebc → 4.0.0-internal.ec73d44

package/dist/layouts/Root/getRootLayoutData.js

@@ -0,0 +1,76 @@
+import { applyLocaleFiltering } from 'payload/shared';
+import { getNavPrefs } from '../../elements/Nav/getNavPrefs.js';
+import { getClientConfig } from '../../utilities/getClientConfig.js';
+import { getLanguageDir } from '../../utilities/getLanguageDir.js';
+import { getRequestEmbed } from '../../utilities/getRequestEmbed.js';
+import { getRequestHighContrast } from '../../utilities/getRequestHighContrast.js';
+import { getRequestTheme } from '../../utilities/getRequestTheme.js';
+export async function getRootLayoutData({
+  cookies,
+  importMap,
+  permissions,
+  req,
+  user
+}) {
+  const {
+    headers,
+    i18n: {
+      language: languageCode
+    },
+    payload: {
+      config
+    }
+  } = req;
+  const {
+    theme,
+    themeSource
+  } = getRequestTheme({
+    config,
+    cookies,
+    headers
+  });
+  const languageOptions = Object.entries(config.i18n.supportedLanguages || {}).map(([language, languageConfig]) => ({
+    label: languageConfig.translations.general.thisLanguage,
+    value: language
+  }));
+  const navPrefs = await getNavPrefs(req);
+  const clientConfig = getClientConfig({
+    config,
+    i18n: req.i18n,
+    importMap,
+    user
+  });
+  await applyLocaleFiltering({
+    clientConfig,
+    config,
+    req
+  });
+  return {
+    clientConfig,
+    dateFNSKey: req.i18n.dateFNSKey,
+    dir: getLanguageDir({
+      languageCode
+    }),
+    fallbackLang: config.i18n.fallbackLanguage,
+    highContrastMode: getRequestHighContrast({
+      config,
+      cookies,
+      headers
+    }),
+    isEmbedded: getRequestEmbed({
+      config,
+      cookies
+    }),
+    isNavOpen: navPrefs?.open ?? true,
+    languageCode,
+    languageOptions,
+    locale: req.locale ?? undefined,
+    permissions: user ? permissions : null,
+    suppressHydrationWarning: config.admin.theme === 'all' || Boolean(config.admin.suppressHydrationWarning),
+    theme,
+    themeSource,
+    translations: req.i18n.translations,
+    user: user ?? null
+  };
+}
+//# sourceMappingURL=getRootLayoutData.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"getRootLayoutData.js","names":["applyLocaleFiltering","getNavPrefs","getClientConfig","getLanguageDir","getRequestEmbed","getRequestHighContrast","getRequestTheme","getRootLayoutData","cookies","importMap","permissions","req","user","headers","i18n","language","languageCode","payload","config","theme","themeSource","languageOptions","Object","entries","supportedLanguages","map","languageConfig","label","translations","general","thisLanguage","value","navPrefs","clientConfig","dateFNSKey","dir","fallbackLang","fallbackLanguage","highContrastMode","isEmbedded","isNavOpen","open","locale","undefined","suppressHydrationWarning","admin","Boolean"],"sources":["../../../src/layouts/Root/getRootLayoutData.ts"],"sourcesContent":["import type { AcceptedLanguages, I18nClient } from '@payloadcms/translations'\nimport type {\n  AdminContext,\n  ClientConfig,\n  ImportMap,\n  LanguageOptions,\n  SanitizedPermissions,\n  User,\n} from 'payload'\n\nimport { applyLocaleFiltering } from 'payload/shared'\n\nimport type { Theme } from '../../providers/Theme/shared.js'\nimport type { RequestThemeSource } from '../../utilities/getRequestTheme.js'\n\nimport { getNavPrefs } from '../../elements/Nav/getNavPrefs.js'\nimport { getClientConfig } from '../../utilities/getClientConfig.js'\nimport { getLanguageDir } from '../../utilities/getLanguageDir.js'\nimport { getRequestEmbed } from '../../utilities/getRequestEmbed.js'\nimport { getRequestHighContrast } from '../../utilities/getRequestHighContrast.js'\nimport { getRequestTheme } from '../../utilities/getRequestTheme.js'\n\nexport type RootLayoutData = {\n  clientConfig: ClientConfig\n  dateFNSKey: I18nClient['dateFNSKey']\n  dir: 'ltr' | 'rtl'\n  fallbackLang: AcceptedLanguages\n  highContrastMode: boolean\n  isEmbedded: boolean\n  isNavOpen: boolean\n  languageCode: string\n  languageOptions: LanguageOptions\n  locale?: string\n  permissions: null | SanitizedPermissions\n  suppressHydrationWarning: boolean\n  theme: Theme\n  /** The request input used to resolve the theme. */\n  themeSource: RequestThemeSource\n  translations: I18nClient['translations']\n  user: null | User\n}\n\ntype Args = {\n  importMap: ImportMap\n} & Pick<AdminContext, 'cookies' | 'permissions' | 'req' | 'user'>\n\nexport async function getRootLayoutData({\n  cookies,\n  importMap,\n  permissions,\n  req,\n  user,\n}: Args): Promise<RootLayoutData> {\n  const {\n    headers,\n    i18n: { language: languageCode },\n    payload: { config },\n  } = req\n\n  const { theme, themeSource } = getRequestTheme({ config, cookies, headers })\n\n  const languageOptions: LanguageOptions = Object.entries(config.i18n.supportedLanguages || {}).map(\n    ([language, languageConfig]) => ({\n      label: languageConfig.translations.general.thisLanguage,\n      value: language as AcceptedLanguages,\n    }),\n  )\n\n  const navPrefs = await getNavPrefs(req)\n\n  const clientConfig = getClientConfig({\n    config,\n    i18n: req.i18n,\n    importMap,\n    user,\n  })\n\n  await applyLocaleFiltering({ clientConfig, config, req })\n\n  return {\n    clientConfig,\n    dateFNSKey: req.i18n.dateFNSKey,\n    dir: getLanguageDir({ languageCode }),\n    fallbackLang: config.i18n.fallbackLanguage,\n    highContrastMode: getRequestHighContrast({ config, cookies, headers }),\n    isEmbedded: getRequestEmbed({ config, cookies }),\n    isNavOpen: navPrefs?.open ?? true,\n    languageCode,\n    languageOptions,\n    locale: req.locale ?? undefined,\n    permissions: user ? permissions : null,\n    suppressHydrationWarning:\n      config.admin.theme === 'all' || Boolean(config.admin.suppressHydrationWarning),\n    theme,\n    themeSource,\n    translations: req.i18n.translations,\n    user: user ?? null,\n  }\n}\n"],"mappings":"AAUA,SAASA,oBAAoB,QAAQ;AAKrC,SAASC,WAAW,QAAQ;AAC5B,SAASC,eAAe,QAAQ;AAChC,SAASC,cAAc,QAAQ;AAC/B,SAASC,eAAe,QAAQ;AAChC,SAASC,sBAAsB,QAAQ;AACvC,SAASC,eAAe,QAAQ;AA0BhC,OAAO,eAAeC,kBAAkB;EACtCC,OAAO;EACPC,SAAS;EACTC,WAAW;EACXC,GAAG;EACHC;AAAI,CACC;EACL,MAAM;IACJC,OAAO;IACPC,IAAA,EAAM;MAAEC,QAAA,EAAUC;IAAY,CAAE;IAChCC,OAAA,EAAS;MAAEC;IAAM;EAAE,CACpB,GAAGP,GAAA;EAEJ,MAAM;IAAEQ,KAAK;IAAEC;EAAW,CAAE,GAAGd,eAAA,CAAgB;IAAEY,MAAA;IAAQV,OAAA;IAASK;EAAQ;EAE1E,MAAMQ,eAAA,GAAmCC,MAAA,CAAOC,OAAO,CAACL,MAAA,CAAOJ,IAAI,CAACU,kBAAkB,IAAI,CAAC,GAAGC,GAAG,CAC/F,CAAC,CAACV,QAAA,EAAUW,cAAA,CAAe,MAAM;IAC/BC,KAAA,EAAOD,cAAA,CAAeE,YAAY,CAACC,OAAO,CAACC,YAAY;IACvDC,KAAA,EAAOhB;EACT;EAGF,MAAMiB,QAAA,GAAW,MAAM/B,WAAA,CAAYU,GAAA;EAEnC,MAAMsB,YAAA,GAAe/B,eAAA,CAAgB;IACnCgB,MAAA;IACAJ,IAAA,EAAMH,GAAA,CAAIG,IAAI;IACdL,SAAA;IACAG;EACF;EAEA,MAAMZ,oBAAA,CAAqB;IAAEiC,YAAA;IAAcf,MAAA;IAAQP;EAAI;EAEvD,OAAO;IACLsB,YAAA;IACAC,UAAA,EAAYvB,GAAA,CAAIG,IAAI,CAACoB,UAAU;IAC/BC,GAAA,EAAKhC,cAAA,CAAe;MAAEa;IAAa;IACnCoB,YAAA,EAAclB,MAAA,CAAOJ,IAAI,CAACuB,gBAAgB;IAC1CC,gBAAA,EAAkBjC,sBAAA,CAAuB;MAAEa,MAAA;MAAQV,OAAA;MAASK;IAAQ;IACpE0B,UAAA,EAAYnC,eAAA,CAAgB;MAAEc,MAAA;MAAQV;IAAQ;IAC9CgC,SAAA,EAAWR,QAAA,EAAUS,IAAA,IAAQ;IAC7BzB,YAAA;IACAK,eAAA;IACAqB,MAAA,EAAQ/B,GAAA,CAAI+B,MAAM,IAAIC,SAAA;IACtBjC,WAAA,EAAaE,IAAA,GAAOF,WAAA,GAAc;IAClCkC,wBAAA,EACE1B,MAAA,CAAO2B,KAAK,CAAC1B,KAAK,KAAK,SAAS2B,OAAA,CAAQ5B,MAAA,CAAO2B,KAAK,CAACD,wBAAwB;IAC/EzB,KAAA;IACAC,WAAA;IACAQ,YAAA,EAAcjB,GAAA,CAAIG,IAAI,CAACc,YAAY;IACnChB,IAAA,EAAMA,IAAA,IAAQ;EAChB;AACF","ignoreList":[]}

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

@@ -1,7 +1,8 @@
-import type { ImportMap, SanitizedConfig, ServerAdapter, ServerFunctionClient } from 'payload';
+import type { ImportMap, SanitizedConfig, ServerFunctionClient } from 'payload';
 import React from 'react';
+import type { InitAdminContextFn } from '../../views/Root/index.js';
 import { type CheckDependenciesArgs } from '../../utilities/checkDependencies.js';
-import '@payloadcms/ui/scss/app.scss';
+import '@payloadcms/ui/css/app.css';
 type Font = {
     className?: string;
     variable?: string;
@@ -44,6 +45,7 @@ type RootLayoutProps = {
     readonly head?: React.ReactNode;
     readonly htmlProps?: React.HtmlHTMLAttributes<HTMLHtmlElement>;
     readonly importMap: ImportMap;
+    readonly initAdminContext: InitAdminContextFn;
     /**
      * Client router adapter. Caller supplies a framework-specific provider
      * (for Next.js use the `NextRouterAdapter` exported from `@payloadcms/next`).
@@ -51,13 +53,8 @@ type RootLayoutProps = {
     readonly RouterAdapter: React.FC<{
         children: React.ReactNode;
     }>;
-    /**
-     * Server adapter providing framework-specific access to headers, cookies, redirects,
-     * and other server APIs (for Next.js use `nextServerAdapter` from `@payloadcms/next`).
-     */
-    readonly serverAdapter: ServerAdapter;
     readonly serverFunction: ServerFunctionClient;
 };
-export declare const RootLayout: (props: RootLayoutProps) => React.JSX.Element;
+export declare const RootLayout: ({ additionalDependencyChecks, children, config: configPromise, fonts, head, htmlProps, importMap, initAdminContext, RouterAdapter, serverFunction, }: RootLayoutProps) => Promise<React.JSX.Element>;
 export {};
 //# sourceMappingURL=index.d.ts.map

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,EACV,SAAS,EAET,eAAe,EACf,aAAa,EACb,oBAAoB,EACrB,MAAM,SAAS,CAAA;AAGhB,OAAO,KAAmB,MAAM,OAAO,CAAA;AAKvC,OAAO,EAAqB,KAAK,qBAAqB,EAAE,MAAM,sCAAsC,CAAA;AASpG,OAAO,8BAA8B,CAAA;AAErC,KAAK,IAAI,GAAG;IACV,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,QAAQ,CAAC,EAAE,MAAM,CAAA;CAClB,CAAA;AAED,eAAO,MAAM,QAAQ;IACnB,WAAW;IACX,KAAK;CACN,CAAA;AAED,KAAK,eAAe,GAAG;IACrB;;;;OAIG;IACH,QAAQ,CAAC,0BAA0B,CAAC,EAAE,qBAAqB,CAAA;IAC3D,QAAQ,CAAC,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAA;IAClC,QAAQ,CAAC,MAAM,EAAE,OAAO,CAAC,eAAe,CAAC,CAAA;IACzC;;;;OAIG;IACH,QAAQ,CAAC,KAAK,CAAC,EAAE,IAAI,EAAE,CAAA;IACvB;;;;;;;;;;;;;;;OAeG;IACH,QAAQ,CAAC,IAAI,CAAC,EAAE,KAAK,CAAC,SAAS,CAAA;IAC/B,QAAQ,CAAC,SAAS,CAAC,EAAE,KAAK,CAAC,kBAAkB,CAAC,eAAe,CAAC,CAAA;IAC9D,QAAQ,CAAC,SAAS,EAAE,SAAS,CAAA;IAC7B;;;OAGG;IACH,QAAQ,CAAC,aAAa,EAAE,KAAK,CAAC,EAAE,CAAC;QAAE,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAA;KAAE,CAAC,CAAA;IAC/D;;;OAGG;IACH,QAAQ,CAAC,aAAa,EAAE,aAAa,CAAA;IACrC,QAAQ,CAAC,cAAc,EAAE,oBAAoB,CAAA;CAC9C,CAAA;AAED,eAAO,MAAM,UAAU,UAAW,eAAe,sBAUhD,CAAA"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/layouts/Root/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,SAAS,EAAE,eAAe,EAAE,oBAAoB,EAAE,MAAM,SAAS,CAAA;AAE/E,OAAO,KAAK,MAAM,OAAO,CAAA;AAEzB,OAAO,KAAK,EAAE,kBAAkB,EAAE,MAAM,2BAA2B,CAAA;AAInE,OAAO,EAAqB,KAAK,qBAAqB,EAAE,MAAM,sCAAsC,CAAA;AAKpG,OAAO,4BAA4B,CAAA;AAEnC,KAAK,IAAI,GAAG;IACV,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,QAAQ,CAAC,EAAE,MAAM,CAAA;CAClB,CAAA;AAED,eAAO,MAAM,QAAQ;IACnB,WAAW;IACX,KAAK;CACN,CAAA;AAED,KAAK,eAAe,GAAG;IACrB;;;;OAIG;IACH,QAAQ,CAAC,0BAA0B,CAAC,EAAE,qBAAqB,CAAA;IAC3D,QAAQ,CAAC,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAA;IAClC,QAAQ,CAAC,MAAM,EAAE,OAAO,CAAC,eAAe,CAAC,CAAA;IACzC;;;;OAIG;IACH,QAAQ,CAAC,KAAK,CAAC,EAAE,IAAI,EAAE,CAAA;IACvB;;;;;;;;;;;;;;;OAeG;IACH,QAAQ,CAAC,IAAI,CAAC,EAAE,KAAK,CAAC,SAAS,CAAA;IAC/B,QAAQ,CAAC,SAAS,CAAC,EAAE,KAAK,CAAC,kBAAkB,CAAC,eAAe,CAAC,CAAA;IAC9D,QAAQ,CAAC,SAAS,EAAE,SAAS,CAAA;IAC7B,QAAQ,CAAC,gBAAgB,EAAE,kBAAkB,CAAA;IAC7C;;;OAGG;IACH,QAAQ,CAAC,aAAa,EAAE,KAAK,CAAC,EAAE,CAAC;QAAE,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAA;KAAE,CAAC,CAAA;IAC/D,QAAQ,CAAC,cAAc,EAAE,oBAAoB,CAAA;CAC9C,CAAA;AAED,eAAO,MAAM,UAAU,yJAWpB,eAAe,+BAoDjB,CAAA"}

package/dist/layouts/Root/index.js

@@ -1,144 +1,79 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { applyLocaleFiltering } from 'payload/shared';
-import React, { Suspense } from 'react';
-import { getNavPrefs } from '../../elements/Nav/getNavPrefs.js';
-// eslint-disable-next-line payload/no-imports-from-exports-dir -- Server component must reference exports/client bundle for proper client boundary in prod builds
-import { ProgressBar, RootProvider } from '../../exports/client/index.js';
+import { jsx as _jsx } from "react/jsx-runtime";
+import React from 'react';
+// eslint-disable-next-line payload/no-imports-from-exports-dir -- Server component must reference client bundle for proper client boundary in production
+import { DocumentRoot, RootProviders } from '../../exports/client/index.js';
 import { checkDependencies } from '../../utilities/checkDependencies.js';
-import { getClientConfig } from '../../utilities/getClientConfig.js';
-import { getLanguageDir } from '../../utilities/getLanguageDir.js';
-import { getRequestHighContrast } from '../../utilities/getRequestHighContrast.js';
-import { getRequestTheme } from '../../utilities/getRequestTheme.js';
-import { initReq } from '../../utilities/initReq.js';
+import { getRootLayoutData } from './getRootLayoutData.js';
 import { NestProviders } from './NestProviders.js';
 import { getViewportMeta } from './viewport.js';
-// eslint-disable-next-line payload/no-imports-from-self -- Self-import via package path ensures consumer's bundler resolves the full SCSS chain (design tokens, preflight, etc.) in prod builds
-import '@payloadcms/ui/scss/app.scss';
+// eslint-disable-next-line payload/no-imports-from-self -- Self-import ensures the consumer bundler resolves the full CSS chain
+import '@payloadcms/ui/css/app.css';
 export const metadata = {
   description: 'Generated by Next.js',
   title: 'Next.js'
 };
-export const RootLayout = props => {
-  checkDependencies(props.additionalDependencyChecks);
-  const content = /*#__PURE__*/_jsx(RootLayoutContent, {
-    ...props
-  });
-  if (process.env.PAYLOAD_CACHE_COMPONENTS_ENABLED === 'true') {
-    return /*#__PURE__*/_jsx(Suspense, {
-      fallback: null,
-      children: content
-    });
-  }
-  return content;
-};
-const RootLayoutContent = async ({
+export const RootLayout = async ({
+  additionalDependencyChecks,
   children,
   config: configPromise,
   fonts = [],
-  head: headFromProps,
+  head,
   htmlProps = {},
   importMap,
+  initAdminContext,
   RouterAdapter,
-  serverAdapter,
   serverFunction
 }) => {
-  const {
-    cookies,
-    headers,
-    languageCode,
-    permissions,
-    req,
-    req: {
-      payload: {
-        config
-      }
-    }
-  } = await initReq({
+  checkDependencies(additionalDependencyChecks);
+  const context = await initAdminContext({
     configPromise,
     importMap,
-    key: 'RootLayout',
-    serverAdapter
+    key: 'RootLayout'
   });
-  const theme = getRequestTheme({
-    config,
+  const {
     cookies,
-    headers
-  });
-  const highContrastMode = getRequestHighContrast({
-    config,
+    permissions,
+    req,
+    user
+  } = context;
+  const {
+    config
+  } = req.payload;
+  const data = await getRootLayoutData({
     cookies,
-    headers
-  });
-  const dir = getLanguageDir({
-    languageCode
-  });
-  const languageOptions = Object.entries(config.i18n.supportedLanguages || {}).reduce((acc, [language, languageConfig]) => {
-    if (Object.keys(config.i18n.supportedLanguages).includes(language)) {
-      acc.push({
-        label: languageConfig.translations.general.thisLanguage,
-        value: language
-      });
-    }
-    return acc;
-  }, []);
-  const navPrefs = await getNavPrefs(req);
-  const clientConfig = getClientConfig({
-    config,
-    i18n: req.i18n,
     importMap,
-    user: req.user
-  });
-  await applyLocaleFiltering({
-    clientConfig,
-    config,
-    req
+    permissions,
+    req,
+    user
   });
-  const fontClassNames = fonts.map(f => f.variable ?? f.className).filter(Boolean);
-  const viewportMeta = getViewportMeta(headers.get('user-agent') ?? undefined);
-  return /*#__PURE__*/_jsxs("html", {
-    ...htmlProps,
-    className: [...fontClassNames, htmlProps?.className].filter(Boolean).join(' '),
-    "data-enhanced-contrast": highContrastMode ? '' : undefined,
-    "data-theme": theme,
-    dir: dir,
-    lang: languageCode,
-    suppressHydrationWarning: config?.admin?.suppressHydrationWarning ?? false,
-    children: [/*#__PURE__*/_jsxs("head", {
-      children: [viewportMeta, /*#__PURE__*/_jsx("style", {
-        children: `@layer payload-default, payload;`
-      }), headFromProps]
-    }), /*#__PURE__*/_jsxs("body", {
-      children: [/*#__PURE__*/_jsxs(RootProvider, {
-        config: clientConfig,
-        dateFNSKey: req.i18n.dateFNSKey,
-        fallbackLang: config.i18n.fallbackLanguage,
-        highContrastMode: highContrastMode,
-        isNavOpen: navPrefs?.open ?? true,
-        languageCode: languageCode,
-        languageOptions: languageOptions,
-        locale: req.locale,
-        permissions: req.user ? permissions : null,
-        RouterAdapter: RouterAdapter,
-        serverFunction: serverFunction,
-        theme: theme,
-        translations: req.i18n.translations,
-        user: req.user,
-        children: [/*#__PURE__*/_jsx(ProgressBar, {}), Array.isArray(config.admin?.components?.providers) && config.admin?.components?.providers.length > 0 ? /*#__PURE__*/_jsx(NestProviders, {
-          importMap: req.payload.importMap,
-          providers: config.admin?.components?.providers,
-          serverProps: {
-            i18n: req.i18n,
-            payload: req.payload,
-            permissions,
-            server: req.server,
-            user: req.user
-          },
-          children: children
-        }) : children]
-      }), /*#__PURE__*/_jsx("div", {
-        id: "portal"
-      })]
-    })]
+  return /*#__PURE__*/_jsx(DocumentRoot, {
+    dir: data.dir,
+    fonts: fonts,
+    head: head,
+    highContrastMode: data.highContrastMode,
+    htmlProps: htmlProps,
+    languageCode: data.languageCode,
+    suppressHydrationWarning: data.suppressHydrationWarning,
+    theme: data.theme,
+    themeSource: data.themeSource,
+    viewport: getViewportMeta(req.headers.get('user-agent') ?? undefined),
+    children: /*#__PURE__*/_jsx(RootProviders, {
+      data: data,
+      RouterAdapter: RouterAdapter,
+      serverFunction: serverFunction,
+      children: Array.isArray(config.admin?.components?.providers) && config.admin.components.providers.length > 0 ? /*#__PURE__*/_jsx(NestProviders, {
+        importMap: req.payload.importMap,
+        providers: config.admin.components.providers,
+        serverProps: {
+          i18n: req.i18n,
+          payload: req.payload,
+          permissions,
+          server: req.server,
+          user
+        },
+        children: children
+      }) : children
+    })
   });
 };
 //# sourceMappingURL=index.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["applyLocaleFiltering","React","Suspense","getNavPrefs","ProgressBar","RootProvider","checkDependencies","getClientConfig","getLanguageDir","getRequestHighContrast","getRequestTheme","initReq","NestProviders","getViewportMeta","metadata","description","title","RootLayout","props","additionalDependencyChecks","content","_jsx","RootLayoutContent","process","env","PAYLOAD_CACHE_COMPONENTS_ENABLED","fallback","children","config","configPromise","fonts","head","headFromProps","htmlProps","importMap","RouterAdapter","serverAdapter","serverFunction","cookies","headers","languageCode","permissions","req","payload","key","theme","highContrastMode","dir","languageOptions","Object","entries","i18n","supportedLanguages","reduce","acc","language","languageConfig","keys","includes","push","label","translations","general","thisLanguage","value","navPrefs","clientConfig","user","fontClassNames","map","f","variable","className","filter","Boolean","viewportMeta","get","undefined","_jsxs","join","lang","suppressHydrationWarning","admin","dateFNSKey","fallbackLang","fallbackLanguage","isNavOpen","open","locale","Array","isArray","components","providers","length","serverProps","server","id"],"sources":["../../../src/layouts/Root/index.tsx"],"sourcesContent":["import type {\n  ImportMap,\n  LanguageOptions,\n  SanitizedConfig,\n  ServerAdapter,\n  ServerFunctionClient,\n} from 'payload'\n\nimport { applyLocaleFiltering } from 'payload/shared'\nimport React, { Suspense } from 'react'\n\nimport { getNavPrefs } from '../../elements/Nav/getNavPrefs.js'\n// eslint-disable-next-line payload/no-imports-from-exports-dir -- Server component must reference exports/client bundle for proper client boundary in prod builds\nimport { ProgressBar, RootProvider } from '../../exports/client/index.js'\nimport { checkDependencies, type CheckDependenciesArgs } from '../../utilities/checkDependencies.js'\nimport { getClientConfig } from '../../utilities/getClientConfig.js'\nimport { getLanguageDir } from '../../utilities/getLanguageDir.js'\nimport { getRequestHighContrast } from '../../utilities/getRequestHighContrast.js'\nimport { getRequestTheme } from '../../utilities/getRequestTheme.js'\nimport { initReq } from '../../utilities/initReq.js'\nimport { NestProviders } from './NestProviders.js'\nimport { getViewportMeta } from './viewport.js'\n// eslint-disable-next-line payload/no-imports-from-self -- Self-import via package path ensures consumer's bundler resolves the full SCSS chain (design tokens, preflight, etc.) in prod builds\nimport '@payloadcms/ui/scss/app.scss'\n\ntype Font = {\n  className?: string\n  variable?: string\n}\n\nexport const metadata = {\n  description: 'Generated by Next.js',\n  title: 'Next.js',\n}\n\ntype RootLayoutProps = {\n  /**\n   * Framework-specific peer-dependency version constraints, merged on top of the\n   * universal React/react-dom checks. Each framework adapter supplies its own\n   * (e.g. Next.js passes `{ dependencyVersions: { next: { version: '>=15.0.0' } } }`).\n   */\n  readonly additionalDependencyChecks?: CheckDependenciesArgs\n  readonly children: React.ReactNode\n  readonly config: Promise<SanitizedConfig>\n  /**\n   * Fonts to apply to the admin `<html>` element. Each entry's\n   * `variable ?? className` is appended to the `<html>` class list.\n   * Framework-specific font loaders (e.g. `next/font`) are supplied by the caller.\n   */\n  readonly fonts?: Font[]\n  /**\n   * Custom content to render inside the admin panel's `<head>` element.\n   *\n   * Use this to inject scripts, meta tags, or links — for example, analytics\n   * snippets via `next/script`, custom favicons, or preconnect hints.\n   *\n   * @example\n   * ```tsx\n   * import Script from 'next/script'\n   *\n   * <RootLayout\n   *   head={<Script src=\"https://example.com/analytics.js\" strategy=\"afterInteractive\" />}\n   *   {...rest}\n   * />\n   * ```\n   */\n  readonly head?: React.ReactNode\n  readonly htmlProps?: React.HtmlHTMLAttributes<HTMLHtmlElement>\n  readonly importMap: ImportMap\n  /**\n   * Client router adapter. Caller supplies a framework-specific provider\n   * (for Next.js use the `NextRouterAdapter` exported from `@payloadcms/next`).\n   */\n  readonly RouterAdapter: React.FC<{ children: React.ReactNode }>\n  /**\n   * Server adapter providing framework-specific access to headers, cookies, redirects,\n   * and other server APIs (for Next.js use `nextServerAdapter` from `@payloadcms/next`).\n   */\n  readonly serverAdapter: ServerAdapter\n  readonly serverFunction: ServerFunctionClient\n}\n\nexport const RootLayout = (props: RootLayoutProps) => {\n  checkDependencies(props.additionalDependencyChecks)\n\n  const content = <RootLayoutContent {...props} />\n\n  if (process.env.PAYLOAD_CACHE_COMPONENTS_ENABLED === 'true') {\n    return <Suspense fallback={null}>{content}</Suspense>\n  }\n\n  return content\n}\n\nconst RootLayoutContent = async ({\n  children,\n  config: configPromise,\n  fonts = [],\n  head: headFromProps,\n  htmlProps = {},\n  importMap,\n  RouterAdapter,\n  serverAdapter,\n  serverFunction,\n}: RootLayoutProps) => {\n  const {\n    cookies,\n    headers,\n    languageCode,\n    permissions,\n    req,\n    req: {\n      payload: { config },\n    },\n  } = await initReq({ configPromise, importMap, key: 'RootLayout', serverAdapter })\n\n  const theme = getRequestTheme({\n    config,\n    cookies,\n    headers,\n  })\n\n  const highContrastMode = getRequestHighContrast({\n    config,\n    cookies,\n    headers,\n  })\n\n  const dir = getLanguageDir({ languageCode })\n\n  const languageOptions: LanguageOptions = Object.entries(\n    config.i18n.supportedLanguages || {},\n  ).reduce((acc, [language, languageConfig]) => {\n    if (Object.keys(config.i18n.supportedLanguages).includes(language)) {\n      acc.push({\n        label: languageConfig.translations.general.thisLanguage,\n        value: language,\n      })\n    }\n\n    return acc\n  }, [])\n\n  const navPrefs = await getNavPrefs(req)\n\n  const clientConfig = getClientConfig({\n    config,\n    i18n: req.i18n,\n    importMap,\n    user: req.user,\n  })\n\n  await applyLocaleFiltering({ clientConfig, config, req })\n\n  const fontClassNames = fonts.map((f) => f.variable ?? f.className).filter(Boolean)\n  const viewportMeta = getViewportMeta(headers.get('user-agent') ?? undefined)\n\n  return (\n    <html\n      {...htmlProps}\n      className={[...fontClassNames, htmlProps?.className].filter(Boolean).join(' ')}\n      data-enhanced-contrast={highContrastMode ? '' : undefined}\n      data-theme={theme}\n      dir={dir}\n      lang={languageCode}\n      suppressHydrationWarning={config?.admin?.suppressHydrationWarning ?? false}\n    >\n      <head>\n        {viewportMeta}\n        <style>{`@layer payload-default, payload;`}</style>\n        {headFromProps}\n      </head>\n      <body>\n        <RootProvider\n          config={clientConfig}\n          dateFNSKey={req.i18n.dateFNSKey}\n          fallbackLang={config.i18n.fallbackLanguage}\n          highContrastMode={highContrastMode}\n          isNavOpen={navPrefs?.open ?? true}\n          languageCode={languageCode}\n          languageOptions={languageOptions}\n          locale={req.locale}\n          permissions={req.user ? permissions : null}\n          RouterAdapter={RouterAdapter}\n          serverFunction={serverFunction}\n          theme={theme}\n          translations={req.i18n.translations}\n          user={req.user}\n        >\n          <ProgressBar />\n          {Array.isArray(config.admin?.components?.providers) &&\n          config.admin?.components?.providers.length > 0 ? (\n            <NestProviders\n              importMap={req.payload.importMap}\n              providers={config.admin?.components?.providers}\n              serverProps={{\n                i18n: req.i18n,\n                payload: req.payload,\n                permissions,\n                server: req.server,\n                user: req.user,\n              }}\n            >\n              {children}\n            </NestProviders>\n          ) : (\n            children\n          )}\n        </RootProvider>\n        <div id=\"portal\" />\n      </body>\n    </html>\n  )\n}\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"file":"index.js","names":["React","DocumentRoot","RootProviders","checkDependencies","getRootLayoutData","NestProviders","getViewportMeta","metadata","description","title","RootLayout","additionalDependencyChecks","children","config","configPromise","fonts","head","htmlProps","importMap","initAdminContext","RouterAdapter","serverFunction","context","key","cookies","permissions","req","user","payload","data","_jsx","dir","highContrastMode","languageCode","suppressHydrationWarning","theme","themeSource","viewport","headers","get","undefined","Array","isArray","admin","components","providers","length","serverProps","i18n","server"],"sources":["../../../src/layouts/Root/index.tsx"],"sourcesContent":["import type { ImportMap, SanitizedConfig, ServerFunctionClient } from 'payload'\n\nimport React from 'react'\n\nimport type { InitAdminContextFn } from '../../views/Root/index.js'\n\n// eslint-disable-next-line payload/no-imports-from-exports-dir -- Server component must reference client bundle for proper client boundary in production\nimport { DocumentRoot, RootProviders } from '../../exports/client/index.js'\nimport { checkDependencies, type CheckDependenciesArgs } from '../../utilities/checkDependencies.js'\nimport { getRootLayoutData } from './getRootLayoutData.js'\nimport { NestProviders } from './NestProviders.js'\nimport { getViewportMeta } from './viewport.js'\n// eslint-disable-next-line payload/no-imports-from-self -- Self-import ensures the consumer bundler resolves the full CSS chain\nimport '@payloadcms/ui/css/app.css'\n\ntype Font = {\n  className?: string\n  variable?: string\n}\n\nexport const metadata = {\n  description: 'Generated by Next.js',\n  title: 'Next.js',\n}\n\ntype RootLayoutProps = {\n  /**\n   * Framework-specific peer-dependency version constraints, merged on top of the\n   * universal React/react-dom checks. Each framework adapter supplies its own\n   * (e.g. Next.js passes `{ dependencyVersions: { next: { version: '>=15.0.0' } } }`).\n   */\n  readonly additionalDependencyChecks?: CheckDependenciesArgs\n  readonly children: React.ReactNode\n  readonly config: Promise<SanitizedConfig>\n  /**\n   * Fonts to apply to the admin `<html>` element. Each entry's\n   * `variable ?? className` is appended to the `<html>` class list.\n   * Framework-specific font loaders (e.g. `next/font`) are supplied by the caller.\n   */\n  readonly fonts?: Font[]\n  /**\n   * Custom content to render inside the admin panel's `<head>` element.\n   *\n   * Use this to inject scripts, meta tags, or links — for example, analytics\n   * snippets via `next/script`, custom favicons, or preconnect hints.\n   *\n   * @example\n   * ```tsx\n   * import Script from 'next/script'\n   *\n   * <RootLayout\n   *   head={<Script src=\"https://example.com/analytics.js\" strategy=\"afterInteractive\" />}\n   *   {...rest}\n   * />\n   * ```\n   */\n  readonly head?: React.ReactNode\n  readonly htmlProps?: React.HtmlHTMLAttributes<HTMLHtmlElement>\n  readonly importMap: ImportMap\n  readonly initAdminContext: InitAdminContextFn\n  /**\n   * Client router adapter. Caller supplies a framework-specific provider\n   * (for Next.js use the `NextRouterAdapter` exported from `@payloadcms/next`).\n   */\n  readonly RouterAdapter: React.FC<{ children: React.ReactNode }>\n  readonly serverFunction: ServerFunctionClient\n}\n\nexport const RootLayout = async ({\n  additionalDependencyChecks,\n  children,\n  config: configPromise,\n  fonts = [],\n  head,\n  htmlProps = {},\n  importMap,\n  initAdminContext,\n  RouterAdapter,\n  serverFunction,\n}: RootLayoutProps) => {\n  checkDependencies(additionalDependencyChecks)\n\n  const context = await initAdminContext({ configPromise, importMap, key: 'RootLayout' })\n\n  const { cookies, permissions, req, user } = context\n\n  const { config } = req.payload\n\n  const data = await getRootLayoutData({\n    cookies,\n    importMap,\n    permissions,\n    req,\n    user,\n  })\n\n  return (\n    <DocumentRoot\n      dir={data.dir}\n      fonts={fonts}\n      head={head}\n      highContrastMode={data.highContrastMode}\n      htmlProps={htmlProps}\n      languageCode={data.languageCode}\n      suppressHydrationWarning={data.suppressHydrationWarning}\n      theme={data.theme}\n      themeSource={data.themeSource}\n      viewport={getViewportMeta(req.headers.get('user-agent') ?? undefined)}\n    >\n      <RootProviders data={data} RouterAdapter={RouterAdapter} serverFunction={serverFunction}>\n        {Array.isArray(config.admin?.components?.providers) &&\n        config.admin.components.providers.length > 0 ? (\n          <NestProviders\n            importMap={req.payload.importMap}\n            providers={config.admin.components.providers}\n            serverProps={{\n              i18n: req.i18n,\n              payload: req.payload,\n              permissions,\n              server: req.server,\n              user,\n            }}\n          >\n            {children}\n          </NestProviders>\n        ) : (\n          children\n        )}\n      </RootProviders>\n    </DocumentRoot>\n  )\n}\n"],"mappings":";AAEA,OAAOA,KAAA,MAAW;AAIlB;AACA,SAASC,YAAY,EAAEC,aAAa,QAAQ;AAC5C,SAASC,iBAAiB,QAAoC;AAC9D,SAASC,iBAAiB,QAAQ;AAClC,SAASC,aAAa,QAAQ;AAC9B,SAASC,eAAe,QAAQ;AAChC;AACA,OAAO;AAOP,OAAO,MAAMC,QAAA,GAAW;EACtBC,WAAA,EAAa;EACbC,KAAA,EAAO;AACT;AA6CA,OAAO,MAAMC,UAAA,GAAa,MAAAA,CAAO;EAC/BC,0BAA0B;EAC1BC,QAAQ;EACRC,MAAA,EAAQC,aAAa;EACrBC,KAAA,GAAQ,EAAE;EACVC,IAAI;EACJC,SAAA,GAAY,CAAC,CAAC;EACdC,SAAS;EACTC,gBAAgB;EAChBC,aAAa;EACbC;AAAc,CACE;EAChBlB,iBAAA,CAAkBQ,0BAAA;EAElB,MAAMW,OAAA,GAAU,MAAMH,gBAAA,CAAiB;IAAEL,aAAA;IAAeI,SAAA;IAAWK,GAAA,EAAK;EAAa;EAErF,MAAM;IAAEC,OAAO;IAAEC,WAAW;IAAEC,GAAG;IAAEC;EAAI,CAAE,GAAGL,OAAA;EAE5C,MAAM;IAAET;EAAM,CAAE,GAAGa,GAAA,CAAIE,OAAO;EAE9B,MAAMC,IAAA,GAAO,MAAMzB,iBAAA,CAAkB;IACnCoB,OAAA;IACAN,SAAA;IACAO,WAAA;IACAC,GAAA;IACAC;EACF;EAEA,oBACEG,IAAA,CAAC7B,YAAA;IACC8B,GAAA,EAAKF,IAAA,CAAKE,GAAG;IACbhB,KAAA,EAAOA,KAAA;IACPC,IAAA,EAAMA,IAAA;IACNgB,gBAAA,EAAkBH,IAAA,CAAKG,gBAAgB;IACvCf,SAAA,EAAWA,SAAA;IACXgB,YAAA,EAAcJ,IAAA,CAAKI,YAAY;IAC/BC,wBAAA,EAA0BL,IAAA,CAAKK,wBAAwB;IACvDC,KAAA,EAAON,IAAA,CAAKM,KAAK;IACjBC,WAAA,EAAaP,IAAA,CAAKO,WAAW;IAC7BC,QAAA,EAAU/B,eAAA,CAAgBoB,GAAA,CAAIY,OAAO,CAACC,GAAG,CAAC,iBAAiBC,SAAA;cAE3D,aAAAV,IAAA,CAAC5B,aAAA;MAAc2B,IAAA,EAAMA,IAAA;MAAMT,aAAA,EAAeA,aAAA;MAAeC,cAAA,EAAgBA,cAAA;gBACtEoB,KAAA,CAAMC,OAAO,CAAC7B,MAAA,CAAO8B,KAAK,EAAEC,UAAA,EAAYC,SAAA,KACzChC,MAAA,CAAO8B,KAAK,CAACC,UAAU,CAACC,SAAS,CAACC,MAAM,GAAG,iBACzChB,IAAA,CAACzB,aAAA;QACCa,SAAA,EAAWQ,GAAA,CAAIE,OAAO,CAACV,SAAS;QAChC2B,SAAA,EAAWhC,MAAA,CAAO8B,KAAK,CAACC,UAAU,CAACC,SAAS;QAC5CE,WAAA,EAAa;UACXC,IAAA,EAAMtB,GAAA,CAAIsB,IAAI;UACdpB,OAAA,EAASF,GAAA,CAAIE,OAAO;UACpBH,WAAA;UACAwB,MAAA,EAAQvB,GAAA,CAAIuB,MAAM;UAClBtB;QACF;kBAECf;WAGHA;;;AAKV","ignoreList":[]}

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

@@ -11,6 +11,7 @@ export declare const ActionsProvider: React.FC<{
         [key: string]: React.ReactNode;
     };
     readonly children: React.ReactNode;
+    readonly viewKey?: string;
 }>;
 export {};
 //# sourceMappingURL=index.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/providers/Actions/index.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAuC,MAAM,OAAO,CAAA;AAE3D,KAAK,kBAAkB,GAAG;IACxB,OAAO,EAAE;QACP,CAAC,GAAG,EAAE,MAAM,GAAG,KAAK,CAAC,SAAS,CAAA;KAC/B,CAAA;IACD,cAAc,EAAE,CAAC,OAAO,EAAE,kBAAkB,CAAC,SAAS,CAAC,KAAK,IAAI,CAAA;CACjE,CAAA;AAOD,eAAO,MAAM,UAAU,0BAA4B,CAAA;AAEnD,eAAO,MAAM,eAAe,EAAE,KAAK,CAAC,EAAE,CAAC;IACrC,QAAQ,CAAC,OAAO,CAAC,EAAE;QACjB,CAAC,GAAG,EAAE,MAAM,GAAG,KAAK,CAAC,SAAS,CAAA;KAC/B,CAAA;IACD,QAAQ,CAAC,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAA;CACnC,CAgBA,CAAA"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/providers/Actions/index.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAkD,MAAM,OAAO,CAAA;AAItE,KAAK,kBAAkB,GAAG;IACxB,OAAO,EAAE;QACP,CAAC,GAAG,EAAE,MAAM,GAAG,KAAK,CAAC,SAAS,CAAA;KAC/B,CAAA;IACD,cAAc,EAAE,CAAC,OAAO,EAAE,kBAAkB,CAAC,SAAS,CAAC,KAAK,IAAI,CAAA;CACjE,CAAA;AAOD,eAAO,MAAM,UAAU,0BAA4B,CAAA;AAEnD,eAAO,MAAM,eAAe,EAAE,KAAK,CAAC,EAAE,CAAC;IACrC,QAAQ,CAAC,OAAO,CAAC,EAAE;QACjB,CAAC,GAAG,EAAE,MAAM,GAAG,KAAK,CAAC,SAAS,CAAA;KAC/B,CAAA;IACD,QAAQ,CAAC,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAA;IAClC,QAAQ,CAAC,OAAO,CAAC,EAAE,MAAM,CAAA;CAC1B,CAuBA,CAAA"}

package/dist/providers/Actions/index.js

@@ -2,22 +2,54 @@
 
 import { c as _c } from "react/compiler-runtime";
 import { jsx as _jsx } from "react/jsx-runtime";
-import React, { createContext, use, useState } from 'react';
+import React, { createContext, use, useEffect, useState } from 'react';
+import { useEffectEvent } from '../../hooks/useEffectEvent.js';
 const ActionsContext = /*#__PURE__*/createContext({
   Actions: {},
   setViewActions: () => {}
 });
 export const useActions = () => use(ActionsContext);
 export const ActionsProvider = t0 => {
-  const $ = _c(4);
+  const $ = _c(10);
   const {
     Actions,
-    children
+    children,
+    viewKey
   } = t0;
   const [viewActions, setViewActions] = useState(Actions);
   let t1;
-  if ($[0] !== Actions || $[1] !== children || $[2] !== viewActions) {
-    t1 = _jsx(ActionsContext, {
+  if ($[0] !== Actions) {
+    t1 = () => {
+      setViewActions(Actions);
+    };
+    $[0] = Actions;
+    $[1] = t1;
+  } else {
+    t1 = $[1];
+  }
+  const resetViewActions = useEffectEvent(t1);
+  let t2;
+  if ($[2] !== resetViewActions) {
+    t2 = () => {
+      resetViewActions();
+    };
+    $[2] = resetViewActions;
+    $[3] = t2;
+  } else {
+    t2 = $[3];
+  }
+  let t3;
+  if ($[4] !== viewKey) {
+    t3 = [viewKey];
+    $[4] = viewKey;
+    $[5] = t3;
+  } else {
+    t3 = $[5];
+  }
+  useEffect(t2, t3);
+  let t4;
+  if ($[6] !== Actions || $[7] !== children || $[8] !== viewActions) {
+    t4 = _jsx(ActionsContext, {
       value: {
         Actions: {
           ...viewActions,
@@ -27,13 +59,13 @@ export const ActionsProvider = t0 => {
       },
       children
     });
-    $[0] = Actions;
-    $[1] = children;
-    $[2] = viewActions;
-    $[3] = t1;
+    $[6] = Actions;
+    $[7] = children;
+    $[8] = viewActions;
+    $[9] = t4;
   } else {
-    t1 = $[3];
+    t4 = $[9];
   }
-  return t1;
+  return t4;
 };
 //# sourceMappingURL=index.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["c","_c","React","createContext","use","useState","ActionsContext","Actions","setViewActions","useActions","ActionsProvider","t0","$","children","viewActions","t1","_jsx","value"],"sources":["../../../src/providers/Actions/index.tsx"],"sourcesContent":["'use client'\n\nimport React, { createContext, use, useState } from 'react'\n\ntype ActionsContextType = {\n  Actions: {\n    [key: string]: React.ReactNode\n  }\n  setViewActions: (actions: ActionsContextType['Actions']) => void\n}\n\nconst ActionsContext = createContext<ActionsContextType>({\n  Actions: {},\n  setViewActions: () => {},\n})\n\nexport const useActions = () => use(ActionsContext)\n\nexport const ActionsProvider: React.FC<{\n  readonly Actions?: {\n    [key: string]: React.ReactNode\n  }\n  readonly children: React.ReactNode\n}> = ({ Actions, children }) => {\n  const [viewActions, setViewActions] = useState(Actions)\n\n  return (\n    <ActionsContext\n      value={{\n        Actions: {\n          ...viewActions,\n          ...Actions,\n        },\n        setViewActions,\n      }}\n    >\n      {children}\n    </ActionsContext>\n  )\n}\n"],"mappings":"AAAA;;AAAA,SAAAA,CAAA,IAAAC,EAAA;;AAEA,OAAOC,KAAA,IAASC,aAAa,EAAEC,GAAG,EAAEC,QAAQ,QAAQ;AASpD,MAAMC,cAAA,gBAAiBH,aAAA,CAAkC;EACvDI,OAAA,EAAS,CAAC;EACVC,cAAA,EAAgBA,CAAA,MAAO;AACzB;AAEA,OAAO,MAAMC,UAAA,GAAaA,CAAA,KAAML,GAAA,CAAIE,cAAA;AAEpC,OAAO,MAAMI,eAAA,GAKRC,EAAA;EAAA,MAAAC,CAAA,GAAAX,EAAA;EAAC;IAAAM,OAAA;IAAAM;EAAA,IAAAF,EAAqB;EACzB,OAAAG,WAAA,EAAAN,cAAA,IAAsCH,QAAA,CAASE,OAAA;EAAA,IAAAQ,EAAA;EAAA,IAAAH,CAAA,QAAAL,OAAA,IAAAK,CAAA,QAAAC,QAAA,IAAAD,CAAA,QAAAE,WAAA;IAG7CC,EAAA,GAAAC,IAAA,CAAAV,cAAA;MAAAW,KAAA;QAAAV,OAAA;UAAA,GAGSO,WAAW;UAAA,GACXP;QAAO;QAAAC;MAAA;MAAAK;IAAA,C;;;;;;;;SAJhBE,E;CAYJ","ignoreList":[]}
+{"version":3,"file":"index.js","names":["c","_c","React","createContext","use","useEffect","useState","useEffectEvent","ActionsContext","Actions","setViewActions","useActions","ActionsProvider","t0","$","children","viewKey","viewActions","t1","resetViewActions","t2","t3","t4","_jsx","value"],"sources":["../../../src/providers/Actions/index.tsx"],"sourcesContent":["'use client'\n\nimport React, { createContext, use, useEffect, useState } from 'react'\n\nimport { useEffectEvent } from '../../hooks/useEffectEvent.js'\n\ntype ActionsContextType = {\n  Actions: {\n    [key: string]: React.ReactNode\n  }\n  setViewActions: (actions: ActionsContextType['Actions']) => void\n}\n\nconst ActionsContext = createContext<ActionsContextType>({\n  Actions: {},\n  setViewActions: () => {},\n})\n\nexport const useActions = () => use(ActionsContext)\n\nexport const ActionsProvider: React.FC<{\n  readonly Actions?: {\n    [key: string]: React.ReactNode\n  }\n  readonly children: React.ReactNode\n  readonly viewKey?: string\n}> = ({ Actions, children, viewKey }) => {\n  const [viewActions, setViewActions] = useState(Actions)\n  const resetViewActions = useEffectEvent(() => {\n    setViewActions(Actions)\n  })\n\n  useEffect(() => {\n    resetViewActions()\n  }, [viewKey])\n\n  return (\n    <ActionsContext\n      value={{\n        Actions: {\n          ...viewActions,\n          ...Actions,\n        },\n        setViewActions,\n      }}\n    >\n      {children}\n    </ActionsContext>\n  )\n}\n"],"mappings":"AAAA;;AAAA,SAAAA,CAAA,IAAAC,EAAA;;AAEA,OAAOC,KAAA,IAASC,aAAa,EAAEC,GAAG,EAAEC,SAAS,EAAEC,QAAQ,QAAQ;AAE/D,SAASC,cAAc,QAAQ;AAS/B,MAAMC,cAAA,gBAAiBL,aAAA,CAAkC;EACvDM,OAAA,EAAS,CAAC;EACVC,cAAA,EAAgBA,CAAA,MAAO;AACzB;AAEA,OAAO,MAAMC,UAAA,GAAaA,CAAA,KAAMP,GAAA,CAAII,cAAA;AAEpC,OAAO,MAAMI,eAAA,GAMRC,EAAA;EAAA,MAAAC,CAAA,GAAAb,EAAA;EAAC;IAAAQ,OAAA;IAAAM,QAAA;IAAAC;EAAA,IAAAH,EAA8B;EAClC,OAAAI,WAAA,EAAAP,cAAA,IAAsCJ,QAAA,CAASG,OAAA;EAAA,IAAAS,EAAA;EAAA,IAAAJ,CAAA,QAAAL,OAAA;IACPS,EAAA,GAAAA,CAAA;MACtCR,cAAA,CAAeD,OAAA;IAAA,CACjB;IAAAK,CAAA,MAAAL,OAAA;IAAAK,CAAA,MAAAI,EAAA;EAAA;IAAAA,EAAA,GAAAJ,CAAA;EAAA;EAFA,MAAAK,gBAAA,GAAyBZ,cAAA,CAAeW,EAExC;EAAA,IAAAE,EAAA;EAAA,IAAAN,CAAA,QAAAK,gBAAA;IAEUC,EAAA,GAAAA,CAAA;MACRD,gBAAA;IAAA,CACF;IAAAL,CAAA,MAAAK,gBAAA;IAAAL,CAAA,MAAAM,EAAA;EAAA;IAAAA,EAAA,GAAAN,CAAA;EAAA;EAAA,IAAAO,EAAA;EAAA,IAAAP,CAAA,QAAAE,OAAA;IAAGK,EAAA,IAACL,OAAA,CAAQ;IAAAF,CAAA,MAAAE,OAAA;IAAAF,CAAA,MAAAO,EAAA;EAAA;IAAAA,EAAA,GAAAP,CAAA;EAAA;EAFZT,SAAA,CAAUe,EAEV,EAAGC,EAAS;EAAA,IAAAC,EAAA;EAAA,IAAAR,CAAA,QAAAL,OAAA,IAAAK,CAAA,QAAAC,QAAA,IAAAD,CAAA,QAAAG,WAAA;IAGVK,EAAA,GAAAC,IAAA,CAACf,cAAA;MAAAgB,KAAA,EACQ;QAAAf,OAAA,EACI;UAAA,GACJQ,WAAW;UAAA,GACXR;QACL;QAAAC;MAEF;MAAAK;;;;;;;;;SAPFO,E;CAYJ","ignoreList":[]}

package/dist/providers/Auth/AuthSessionDebug/index.css

@@ -0,0 +1,48 @@
+@layer payload-default {
+  .auth-session-debug {
+    background: rgba(20, 20, 24, 0.92);
+    border: 1px solid rgba(255, 255, 255, 0.2);
+    border-radius: 8px;
+    bottom: 16px;
+    box-shadow: 0 8px 24px rgba(0, 0, 0, 0.3);
+    color: #fff;
+    display: grid;
+    font-family: monospace;
+    font-size: 13px;
+    gap: 6px;
+    line-height: 1.4;
+    padding: 12px 14px;
+    pointer-events: none;
+    position: fixed;
+    right: 16px;
+    z-index: 1000;
+  }
+
+  .auth-session-debug__activity {
+    align-items: center;
+    display: flex;
+    gap: 8px;
+  }
+
+  .auth-session-debug__activity-indicator {
+    border-radius: 50%;
+    height: 8px;
+    width: 8px;
+  }
+
+  .auth-session-debug__activity--waiting .auth-session-debug__activity-indicator {
+    background: #a1a1aa;
+  }
+
+  .auth-session-debug__activity--tracking .auth-session-debug__activity-indicator {
+    background: #f59e0b;
+  }
+
+  .auth-session-debug__activity--will-refresh .auth-session-debug__activity-indicator {
+    background: #22c55e;
+  }
+
+  .auth-session-debug__activity--closed .auth-session-debug__activity-indicator {
+    background: #ef4444;
+  }
+}

package/dist/providers/Auth/AuthSessionDebug/index.d.ts

@@ -0,0 +1,13 @@
+import React from 'react';
+import './index.css';
+type Props = {
+    children?: React.ReactNode;
+};
+/**
+ * Displays the current auth session's expiration, refresh, and activity lifecycle.
+ *
+ * Register this component as an admin provider to render it on every admin page.
+ */
+export declare const AuthSessionDebug: React.FC<Props>;
+export {};
+//# sourceMappingURL=index.d.ts.map

package/dist/providers/Auth/AuthSessionDebug/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/providers/Auth/AuthSessionDebug/index.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,MAAM,OAAO,CAAA;AASzB,OAAO,aAAa,CAAA;AAEpB,KAAK,KAAK,GAAG;IACX,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAA;CAC3B,CAAA;AAED;;;;GAIG;AACH,eAAO,MAAM,gBAAgB,EAAE,KAAK,CAAC,EAAE,CAAC,KAAK,CAkD5C,CAAA"}

package/dist/providers/Auth/AuthSessionDebug/index.js

@@ -0,0 +1,93 @@
+'use client';
+
+import { c as _c } from "react/compiler-runtime";
+import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
+import React from 'react';
+import { useAuth } from '../index.js';
+import { formatCountdown, getActivityStatus, getActivityWindowStatus, getRefreshWindowStatus } from './utilities.js';
+import './index.css';
+/**
+ * Displays the current auth session's expiration, refresh, and activity lifecycle.
+ *
+ * Register this component as an admin provider to render it on every admin page.
+ */
+export const AuthSessionDebug = t0 => {
+  const $ = _c(7);
+  const {
+    children
+  } = t0;
+  const {
+    authSession
+  } = useAuth();
+  const [nowMs, setNowMs] = React.useState();
+  let t1;
+  let t2;
+  if ($[0] === Symbol.for("react.memo_cache_sentinel")) {
+    t1 = () => {
+      const updateCountdown = () => setNowMs(Date.now());
+      updateCountdown();
+      const interval = window.setInterval(updateCountdown, 1000);
+      return () => window.clearInterval(interval);
+    };
+    t2 = [];
+    $[0] = t1;
+    $[1] = t2;
+  } else {
+    t1 = $[0];
+    t2 = $[1];
+  }
+  React.useEffect(t1, t2);
+  const expiresInMs = Math.max(0, (authSession?.expiresAt ?? 0) - (nowMs ?? 0));
+  let t3;
+  if ($[2] !== authSession || $[3] !== children || $[4] !== expiresInMs || $[5] !== nowMs) {
+    const activityStatus = authSession && nowMs !== undefined ? getActivityStatus({
+      authSession,
+      nowMs
+    }) : "waiting";
+    const activityWindowStatus = authSession && nowMs !== undefined ? getActivityWindowStatus({
+      activityStatus,
+      authSession,
+      nowMs
+    }) : "";
+    const refreshWindowStatus = authSession && nowMs !== undefined ? getRefreshWindowStatus({
+      authSession,
+      nowMs
+    }) : "";
+    t3 = _jsxs(_Fragment, {
+      children: [children, authSession && nowMs !== undefined ? _jsxs("aside", {
+        "aria-label": "Auth session countdown",
+        className: "auth-session-debug",
+        "data-auth-session-debug": true,
+        "data-auth-session-expires-at": authSession.expiresAt,
+        children: [_jsx("strong", {
+          children: "Auth session"
+        }), _jsxs("span", {
+          children: ["Access expires in: ", formatCountdown(expiresInMs)]
+        }), _jsxs("span", {
+          children: ["Refresh window: ", _jsx("span", {
+            "data-auth-session-refresh-window": true,
+            children: refreshWindowStatus
+          })]
+        }), _jsxs("span", {
+          className: `auth-session-debug__activity auth-session-debug__activity--${activityStatus}`,
+          children: [_jsx("span", {
+            "aria-hidden": true,
+            className: "auth-session-debug__activity-indicator"
+          }), "Activity window: ", _jsx("span", {
+            "data-auth-session-activity": true,
+            children: activityWindowStatus
+          })]
+        })]
+      }) : null]
+    });
+    $[2] = authSession;
+    $[3] = children;
+    $[4] = expiresInMs;
+    $[5] = nowMs;
+    $[6] = t3;
+  } else {
+    t3 = $[6];
+  }
+  return t3;
+};
+//# sourceMappingURL=index.js.map