@payloadcms/ui 4.0.0-internal.a0ef1b8 → 4.0.0-internal.a1317b2

package/dist/layouts/Root/index.js

@@ -1,5 +1,4 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { rtlLanguages } from '@payloadcms/translations';
 import { applyLocaleFiltering } from 'payload/shared';
 import React, { Suspense } from 'react';
 import { getNavPrefs } from '../../elements/Nav/getNavPrefs.js';
@@ -7,12 +6,15 @@ import { getNavPrefs } from '../../elements/Nav/getNavPrefs.js';
 import { ProgressBar, RootProvider } from '../../exports/client/index.js';
 import { checkDependencies } from '../../utilities/checkDependencies.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';
 import { initReq } from '../../utilities/initReq.js';
 import { NestProviders } from './NestProviders.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';
+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 CSS chain (design tokens, preflight, etc.) in prod builds
+import '@payloadcms/ui/css/app.css';
 export const metadata = {
   description: 'Generated by Next.js',
   title: 'Next.js'
@@ -68,7 +70,13 @@ const RootLayoutContent = async ({
     cookies,
     headers
   });
-  const dir = rtlLanguages.includes(languageCode) ? 'RTL' : 'LTR';
+  const dir = getLanguageDir({
+    languageCode
+  });
+  const embed = getRequestEmbed({
+    config,
+    cookies
+  });
   const languageOptions = Object.entries(config.i18n.supportedLanguages || {}).reduce((acc, [language, languageConfig]) => {
     if (Object.keys(config.i18n.supportedLanguages).includes(language)) {
       acc.push({
@@ -91,6 +99,7 @@ const RootLayoutContent = async ({
     req
   });
   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(' '),
@@ -100,13 +109,14 @@ const RootLayoutContent = async ({
     lang: languageCode,
     suppressHydrationWarning: config?.admin?.suppressHydrationWarning ?? false,
     children: [/*#__PURE__*/_jsxs("head", {
-      children: [/*#__PURE__*/_jsx("style", {
+      children: [viewportMeta, /*#__PURE__*/_jsx("style", {
         children: `@layer payload-default, payload;`
       }), headFromProps]
     }), /*#__PURE__*/_jsxs("body", {
       children: [/*#__PURE__*/_jsxs(RootProvider, {
         config: clientConfig,
         dateFNSKey: req.i18n.dateFNSKey,
+        embed: embed,
         fallbackLang: config.i18n.fallbackLanguage,
         highContrastMode: highContrastMode,
         isNavOpen: navPrefs?.open ?? true,

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

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["rtlLanguages","applyLocaleFiltering","React","Suspense","getNavPrefs","ProgressBar","RootProvider","checkDependencies","getClientConfig","getRequestHighContrast","getRequestTheme","initReq","NestProviders","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","includes","languageOptions","Object","entries","i18n","supportedLanguages","reduce","acc","language","languageConfig","keys","push","label","translations","general","thisLanguage","value","navPrefs","clientConfig","user","fontClassNames","map","f","variable","className","filter","Boolean","_jsxs","join","undefined","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 { AcceptedLanguages } from '@payloadcms/translations'\nimport type {\n  ImportMap,\n  LanguageOptions,\n  SanitizedConfig,\n  ServerAdapter,\n  ServerFunctionClient,\n} from 'payload'\n\nimport { rtlLanguages } from '@payloadcms/translations'\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 { getRequestHighContrast } from '../../utilities/getRequestHighContrast.js'\nimport { getRequestTheme } from '../../utilities/getRequestTheme.js'\nimport { initReq } from '../../utilities/initReq.js'\nimport { NestProviders } from './NestProviders.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 = (rtlLanguages as unknown as AcceptedLanguages[]).includes(languageCode)\n    ? 'RTL'\n    : 'LTR'\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\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        <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":["applyLocaleFiltering","React","Suspense","getNavPrefs","ProgressBar","RootProvider","checkDependencies","getClientConfig","getLanguageDir","getRequestEmbed","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","embed","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 { getRequestEmbed } from '../../utilities/getRequestEmbed.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 CSS chain (design tokens, preflight, etc.) in prod builds\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  /**\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  const embed = getRequestEmbed({ config, cookies })\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          embed={embed}\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":[]}

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

@@ -0,0 +1,20 @@
+import { describe, expect, it } from 'vitest';
+import { getViewportMeta, isIPhoneUserAgent } from './viewport.js';
+describe('RootLayout', () => {
+  it('should apply the focus zoom viewport workaround to iPhone user agents only', () => {
+    const iPhoneUserAgent = 'Mozilla/5.0 (iPhone; CPU iPhone OS 17_0 like Mac OS X) AppleWebKit/605.1.15 (KHTML, like Gecko) Version/17.0 Mobile/15E148 Safari/604.1';
+    const androidUserAgent = 'Mozilla/5.0 (Linux; Android 14; Pixel 8) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/120.0.0.0 Mobile Safari/537.36';
+    expect(isIPhoneUserAgent(iPhoneUserAgent)).toBe(true);
+    expect(isIPhoneUserAgent(androidUserAgent)).toBe(false);
+    expect(isIPhoneUserAgent(undefined)).toBe(false);
+    expect(getViewportMeta(iPhoneUserAgent).props).toEqual({
+      content: 'width=device-width, initial-scale=1, maximum-scale=1',
+      name: 'viewport'
+    });
+    expect(getViewportMeta(androidUserAgent).props).toEqual({
+      content: 'width=device-width, initial-scale=1',
+      name: 'viewport'
+    });
+  });
+});
+//# sourceMappingURL=index.spec.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.spec.js","names":["describe","expect","it","getViewportMeta","isIPhoneUserAgent","iPhoneUserAgent","androidUserAgent","toBe","undefined","props","toEqual","content","name"],"sources":["../../../src/layouts/Root/index.spec.ts"],"sourcesContent":["import { describe, expect, it } from 'vitest'\n\nimport { getViewportMeta, isIPhoneUserAgent } from './viewport.js'\n\ndescribe('RootLayout', () => {\n  it('should apply the focus zoom viewport workaround to iPhone user agents only', () => {\n    const iPhoneUserAgent =\n      'Mozilla/5.0 (iPhone; CPU iPhone OS 17_0 like Mac OS X) AppleWebKit/605.1.15 (KHTML, like Gecko) Version/17.0 Mobile/15E148 Safari/604.1'\n    const androidUserAgent =\n      'Mozilla/5.0 (Linux; Android 14; Pixel 8) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/120.0.0.0 Mobile Safari/537.36'\n\n    expect(isIPhoneUserAgent(iPhoneUserAgent)).toBe(true)\n    expect(isIPhoneUserAgent(androidUserAgent)).toBe(false)\n    expect(isIPhoneUserAgent(undefined)).toBe(false)\n    expect(getViewportMeta(iPhoneUserAgent).props).toEqual({\n      content: 'width=device-width, initial-scale=1, maximum-scale=1',\n      name: 'viewport',\n    })\n    expect(getViewportMeta(androidUserAgent).props).toEqual({\n      content: 'width=device-width, initial-scale=1',\n      name: 'viewport',\n    })\n  })\n})\n"],"mappings":"AAAA,SAASA,QAAQ,EAAEC,MAAM,EAAEC,EAAE,QAAQ;AAErC,SAASC,eAAe,EAAEC,iBAAiB,QAAQ;AAEnDJ,QAAA,CAAS,cAAc;EACrBE,EAAA,CAAG,8EAA8E;IAC/E,MAAMG,eAAA,GACJ;IACF,MAAMC,gBAAA,GACJ;IAEFL,MAAA,CAAOG,iBAAA,CAAkBC,eAAA,GAAkBE,IAAI,CAAC;IAChDN,MAAA,CAAOG,iBAAA,CAAkBE,gBAAA,GAAmBC,IAAI,CAAC;IACjDN,MAAA,CAAOG,iBAAA,CAAkBI,SAAA,GAAYD,IAAI,CAAC;IAC1CN,MAAA,CAAOE,eAAA,CAAgBE,eAAA,EAAiBI,KAAK,EAAEC,OAAO,CAAC;MACrDC,OAAA,EAAS;MACTC,IAAA,EAAM;IACR;IACAX,MAAA,CAAOE,eAAA,CAAgBG,gBAAA,EAAkBG,KAAK,EAAEC,OAAO,CAAC;MACtDC,OAAA,EAAS;MACTC,IAAA,EAAM;IACR;EACF;AACF","ignoreList":[]}

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

@@ -0,0 +1,5 @@
+import React from 'react';
+export declare const isIPhoneUserAgent: (userAgent?: string) => boolean;
+export declare const getViewportContent: (userAgent?: string) => string;
+export declare const getViewportMeta: (userAgent?: string) => React.ReactNode;
+//# sourceMappingURL=viewport.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"viewport.d.ts","sourceRoot":"","sources":["../../../src/layouts/Root/viewport.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AAEzB,eAAO,MAAM,iBAAiB,eAAgB,MAAM,KAAG,OAEtD,CAAA;AAID,eAAO,MAAM,kBAAkB,eAAgB,MAAM,KAAG,MAIvD,CAAA;AAED,eAAO,MAAM,eAAe,eAAgB,MAAM,KAAG,KAAK,CAAC,SAI1D,CAAA"}

package/dist/layouts/Root/viewport.js

@@ -0,0 +1,17 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import React from 'react';
+export const isIPhoneUserAgent = userAgent => {
+  return /\biPhone\b/.test(userAgent ?? '');
+};
+const defaultViewportContent = 'width=device-width, initial-scale=1';
+export const getViewportContent = userAgent => {
+  return isIPhoneUserAgent(userAgent) ? `${defaultViewportContent}, maximum-scale=1` : defaultViewportContent;
+};
+export const getViewportMeta = userAgent => {
+  const content = getViewportContent(userAgent);
+  return /*#__PURE__*/_jsx("meta", {
+    content: content,
+    name: "viewport"
+  });
+};
+//# sourceMappingURL=viewport.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"viewport.js","names":["React","isIPhoneUserAgent","userAgent","test","defaultViewportContent","getViewportContent","getViewportMeta","content","_jsx","name"],"sources":["../../../src/layouts/Root/viewport.tsx"],"sourcesContent":["import React from 'react'\n\nexport const isIPhoneUserAgent = (userAgent?: string): boolean => {\n  return /\\biPhone\\b/.test(userAgent ?? '')\n}\n\nconst defaultViewportContent = 'width=device-width, initial-scale=1'\n\nexport const getViewportContent = (userAgent?: string): string => {\n  return isIPhoneUserAgent(userAgent)\n    ? `${defaultViewportContent}, maximum-scale=1`\n    : defaultViewportContent\n}\n\nexport const getViewportMeta = (userAgent?: string): React.ReactNode => {\n  const content = getViewportContent(userAgent)\n\n  return <meta content={content} name=\"viewport\" />\n}\n"],"mappings":";AAAA,OAAOA,KAAA,MAAW;AAElB,OAAO,MAAMC,iBAAA,GAAqBC,SAAA;EAChC,OAAO,aAAaC,IAAI,CAACD,SAAA,IAAa;AACxC;AAEA,MAAME,sBAAA,GAAyB;AAE/B,OAAO,MAAMC,kBAAA,GAAsBH,SAAA;EACjC,OAAOD,iBAAA,CAAkBC,SAAA,IACrB,GAAGE,sBAAA,mBAAyC,GAC5CA,sBAAA;AACN;AAEA,OAAO,MAAME,eAAA,GAAmBJ,SAAA;EAC9B,MAAMK,OAAA,GAAUF,kBAAA,CAAmBH,SAAA;EAEnC,oBAAOM,IAAA,CAAC;IAAKD,OAAA,EAASA,OAAA;IAASE,IAAA,EAAK;;AACtC","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;IACjBK,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;IACFL,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;IAAQF,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,CAAAf,cAAA;MAAAgB,KAAA;QAAAf,OAAA;UAAA,GAGSQ,WAAW;UAAA,GACXR;QAAO;QAAAC;MAAA;MAAAK;IAAA,C;;;;;;;;SAJhBO,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

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","names":["c","_c","React","useAuth","formatCountdown","getActivityStatus","getActivityWindowStatus","getRefreshWindowStatus","AuthSessionDebug","t0","$","children","authSession","nowMs","setNowMs","useState","t1","t2","Symbol","for","updateCountdown","Date","now","interval","window","setInterval","clearInterval","useEffect","expiresInMs","Math","max","expiresAt","t3","activityStatus","undefined","activityWindowStatus","refreshWindowStatus","_jsxs","_Fragment","className","_jsx"],"sources":["../../../../src/providers/Auth/AuthSessionDebug/index.tsx"],"sourcesContent":["'use client'\n\nimport React from 'react'\n\nimport { useAuth } from '../index.js'\nimport {\n  formatCountdown,\n  getActivityStatus,\n  getActivityWindowStatus,\n  getRefreshWindowStatus,\n} from './utilities.js'\nimport './index.css'\n\ntype Props = {\n  children?: React.ReactNode\n}\n\n/**\n * Displays the current auth session's expiration, refresh, and activity lifecycle.\n *\n * Register this component as an admin provider to render it on every admin page.\n */\nexport const AuthSessionDebug: React.FC<Props> = ({ children }) => {\n  const { authSession } = useAuth()\n  const [nowMs, setNowMs] = React.useState<number>()\n\n  React.useEffect(() => {\n    const updateCountdown = () => setNowMs(Date.now())\n\n    updateCountdown()\n\n    const interval = window.setInterval(updateCountdown, 1000)\n\n    return () => window.clearInterval(interval)\n  }, [])\n\n  const expiresInMs = Math.max(0, (authSession?.expiresAt ?? 0) - (nowMs ?? 0))\n  const activityStatus =\n    authSession && nowMs !== undefined ? getActivityStatus({ authSession, nowMs }) : 'waiting'\n  const activityWindowStatus =\n    authSession && nowMs !== undefined\n      ? getActivityWindowStatus({ activityStatus, authSession, nowMs })\n      : ''\n  const refreshWindowStatus =\n    authSession && nowMs !== undefined ? getRefreshWindowStatus({ authSession, nowMs }) : ''\n\n  return (\n    <>\n      {children}\n\n      {authSession && nowMs !== undefined ? (\n        <aside\n          aria-label=\"Auth session countdown\"\n          className=\"auth-session-debug\"\n          data-auth-session-debug\n          data-auth-session-expires-at={authSession.expiresAt}\n        >\n          <strong>Auth session</strong>\n          <span>Access expires in: {formatCountdown(expiresInMs)}</span>\n          <span>\n            Refresh window: <span data-auth-session-refresh-window>{refreshWindowStatus}</span>\n          </span>\n          <span\n            className={`auth-session-debug__activity auth-session-debug__activity--${activityStatus}`}\n          >\n            <span aria-hidden className=\"auth-session-debug__activity-indicator\" />\n            Activity window: <span data-auth-session-activity>{activityWindowStatus}</span>\n          </span>\n        </aside>\n      ) : null}\n    </>\n  )\n}\n"],"mappings":"AAAA;;AAAA,SAAAA,CAAA,IAAAC,EAAA;;AAEA,OAAOC,KAAA,MAAW;AAElB,SAASC,OAAO,QAAQ;AACxB,SACEC,eAAe,EACfC,iBAAiB,EACjBC,uBAAuB,EACvBC,sBAAsB,QACjB;AACP,OAAO;AAMP;;;;;AAKA,OAAO,MAAMC,gBAAA,GAAoCC,EAAA;EAAA,MAAAC,CAAA,GAAAT,EAAA;EAAC;IAAAU;EAAA,IAAAF,EAAY;EAC5D;IAAAG;EAAA,IAAwBT,OAAA;EACxB,OAAAU,KAAA,EAAAC,QAAA,IAA0BZ,KAAA,CAAAa,QAAA,CAAc;EAAA,IAAAC,EAAA;EAAA,IAAAC,EAAA;EAAA,IAAAP,CAAA,QAAAQ,MAAA,CAAAC,GAAA;IAExBH,EAAA,GAAAA,CAAA;MACd,MAAAI,eAAA,GAAAA,CAAA,KAA8BN,QAAA,CAASO,IAAA,CAAAC,GAAA,CAAQ;MAE/CF,eAAA;MAEA,MAAAG,QAAA,GAAiBC,MAAA,CAAAC,WAAA,CAAmBL,eAAA,MAAiB;MAAA,aAExCI,MAAA,CAAAE,aAAA,CAAqBH,QAAA;IAAA;IACjCN,EAAA;IAAEP,CAAA,MAAAM,EAAA;IAAAN,CAAA,MAAAO,EAAA;EAAA;IAAAD,EAAA,GAAAN,CAAA;IAAAO,EAAA,GAAAP,CAAA;EAAA;EARLR,KAAA,CAAAyB,SAAA,CAAgBX,EAQhB,EAAGC,EAAE;EAEL,MAAAW,WAAA,GAAoBC,IAAA,CAAAC,GAAA,IAAY,CAAClB,WAAA,EAAAmB,SAAA,KAA0B,KAAMlB,KAAA,KAAS;EAAA,IAAAmB,EAAA;EAAA,IAAAtB,CAAA,QAAAE,WAAA,IAAAF,CAAA,QAAAC,QAAA,IAAAD,CAAA,QAAAkB,WAAA,IAAAlB,CAAA,QAAAG,KAAA;IAC1E,MAAAoB,cAAA,GACErB,WAAA,IAAeC,KAAA,KAAAqB,SAAU,GAAY7B,iBAAA;MAAAO,WAAA;MAAAC;IAAA,CAAuC,IAAK;IACnF,MAAAsB,oBAAA,GACEvB,WAAA,IAAeC,KAAA,KAAAqB,SAAU,GACrB5B,uBAAA;MAAA2B,cAAA;MAAArB,WAAA;MAAAC;IAAA,CAA6D,IAC7D;IACN,MAAAuB,mBAAA,GACExB,WAAA,IAAeC,KAAA,KAAAqB,SAAU,GAAY3B,sBAAA;MAAAK,WAAA;MAAAC;IAAA,CAA4C,IAAK;IAGtFmB,EAAA,GAAAK,KAAA,CAAAC,SAAA;MAAA3B,QAAA,GACGA,QAAA,EAEAC,WAAA,IAAeC,KAAA,KAAAqB,SAAU,GACxBG,KAAA,CAAC;QAAA,cACY;QAAAE,SAAA,EACD;QAAA;QAAA,gCAEoB3B,WAAA,CAAAmB,SAAA;QAAApB,QAAA,GAE9B6B,IAAA,CAAC;UAAA7B,QAAA,EAAO;QAAA,C,GACR0B,KAAA,CAAC;UAAA1B,QAAA,GAAK,uBAAoBP,eAAA,CAAgBwB,WAAA;QAAA,C,GAC1CS,KAAA,CAAC;UAAA1B,QAAA,GAAK,oBACY6B,IAAA,CAAC;YAAA;YAAA7B,QAAA,EAAuCyB;UAAA,C;YAE1DC,KAAA,CAAC;UAAAE,SAAA,EACY,8DAA8DN,cAAA,EAAgB;UAAAtB,QAAA,GAEzF6B,IAAA,CAAC;YAAA;YAAAD,SAAA,EAA2B;UAAA,C,GAA2C,qBACtDC,IAAA,CAAC;YAAA;YAAA7B,QAAA,EAAiCwB;UAAA,C;;eAGrD;IAAA,C;;;;;;;;;SAtBNH,E;CAyBJ","ignoreList":[]}

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

@@ -0,0 +1,21 @@
+import type { AuthSession } from '../types.js';
+export type ActivityStatus = 'closed' | 'tracking' | 'waiting' | 'will-refresh';
+type GetActivityStatusArgs = {
+    authSession: AuthSession;
+    nowMs: number;
+};
+type GetActivityWindowStatusArgs = {
+    activityStatus: ActivityStatus;
+    authSession: AuthSession;
+    nowMs: number;
+};
+type GetRefreshWindowStatusArgs = {
+    authSession: AuthSession;
+    nowMs: number;
+};
+export declare const formatCountdown: (durationMs: number) => string;
+export declare const getActivityStatus: ({ authSession, nowMs, }: GetActivityStatusArgs) => ActivityStatus;
+export declare const getActivityWindowStatus: ({ activityStatus, authSession, nowMs, }: GetActivityWindowStatusArgs) => string;
+export declare const getRefreshWindowStatus: ({ authSession, nowMs, }: GetRefreshWindowStatusArgs) => string;
+export {};
+//# sourceMappingURL=utilities.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"utilities.d.ts","sourceRoot":"","sources":["../../../../src/providers/Auth/AuthSessionDebug/utilities.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,aAAa,CAAA;AAE9C,MAAM,MAAM,cAAc,GAAG,QAAQ,GAAG,UAAU,GAAG,SAAS,GAAG,cAAc,CAAA;AAE/E,KAAK,qBAAqB,GAAG;IAC3B,WAAW,EAAE,WAAW,CAAA;IACxB,KAAK,EAAE,MAAM,CAAA;CACd,CAAA;AAED,KAAK,2BAA2B,GAAG;IACjC,cAAc,EAAE,cAAc,CAAA;IAC9B,WAAW,EAAE,WAAW,CAAA;IACxB,KAAK,EAAE,MAAM,CAAA;CACd,CAAA;AAED,KAAK,0BAA0B,GAAG;IAChC,WAAW,EAAE,WAAW,CAAA;IACxB,KAAK,EAAE,MAAM,CAAA;CACd,CAAA;AAED,eAAO,MAAM,eAAe,eAAgB,MAAM,KAAG,MAMpD,CAAA;AAED,eAAO,MAAM,iBAAiB,4BAG3B,qBAAqB,KAAG,cAc1B,CAAA;AAED,eAAO,MAAM,uBAAuB,4CAIjC,2BAA2B,KAAG,MAkBhC,CAAA;AAED,eAAO,MAAM,sBAAsB,4BAGhC,0BAA0B,KAAG,MAU/B,CAAA"}

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

@@ -0,0 +1,53 @@
+export const formatCountdown = durationMs => {
+  const totalSeconds = Math.max(0, Math.ceil(durationMs / 1000));
+  const minutes = Math.floor(totalSeconds / 60);
+  const seconds = totalSeconds % 60;
+  return `${String(minutes).padStart(2, '0')}:${String(seconds).padStart(2, '0')}`;
+};
+export const getActivityStatus = ({
+  authSession,
+  nowMs
+}) => {
+  if (nowMs >= authSession.reminderStartsAt) {
+    return 'closed';
+  }
+  if (authSession.activityRecorded) {
+    return 'will-refresh';
+  }
+  if (nowMs >= authSession.activityTrackingStartsAt) {
+    return 'tracking';
+  }
+  return 'waiting';
+};
+export const getActivityWindowStatus = ({
+  activityStatus,
+  authSession,
+  nowMs
+}) => {
+  if (activityStatus === 'closed') {
+    return 'Closed · no refresh';
+  }
+  if (activityStatus === 'will-refresh') {
+    if (nowMs < authSession.refreshStartsAt) {
+      return `Recorded · refresh in ${formatCountdown(authSession.refreshStartsAt - nowMs)}`;
+    }
+    return 'Recorded · refreshing';
+  }
+  if (activityStatus === 'tracking') {
+    return `Open · closes in ${formatCountdown(authSession.reminderStartsAt - nowMs)}`;
+  }
+  return `Opens in ${formatCountdown(authSession.activityTrackingStartsAt - nowMs)}`;
+};
+export const getRefreshWindowStatus = ({
+  authSession,
+  nowMs
+}) => {
+  if (nowMs >= authSession.reminderStartsAt) {
+    return 'Closed';
+  }
+  if (nowMs >= authSession.refreshStartsAt) {
+    return 'Open';
+  }
+  return `Opens in ${formatCountdown(authSession.refreshStartsAt - nowMs)}`;
+};
+//# sourceMappingURL=utilities.js.map

package/dist/providers/Auth/AuthSessionDebug/utilities.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"utilities.js","names":["formatCountdown","durationMs","totalSeconds","Math","max","ceil","minutes","floor","seconds","String","padStart","getActivityStatus","authSession","nowMs","reminderStartsAt","activityRecorded","activityTrackingStartsAt","getActivityWindowStatus","activityStatus","refreshStartsAt","getRefreshWindowStatus"],"sources":["../../../../src/providers/Auth/AuthSessionDebug/utilities.ts"],"sourcesContent":["import type { AuthSession } from '../types.js'\n\nexport type ActivityStatus = 'closed' | 'tracking' | 'waiting' | 'will-refresh'\n\ntype GetActivityStatusArgs = {\n  authSession: AuthSession\n  nowMs: number\n}\n\ntype GetActivityWindowStatusArgs = {\n  activityStatus: ActivityStatus\n  authSession: AuthSession\n  nowMs: number\n}\n\ntype GetRefreshWindowStatusArgs = {\n  authSession: AuthSession\n  nowMs: number\n}\n\nexport const formatCountdown = (durationMs: number): string => {\n  const totalSeconds = Math.max(0, Math.ceil(durationMs / 1000))\n  const minutes = Math.floor(totalSeconds / 60)\n  const seconds = totalSeconds % 60\n\n  return `${String(minutes).padStart(2, '0')}:${String(seconds).padStart(2, '0')}`\n}\n\nexport const getActivityStatus = ({\n  authSession,\n  nowMs,\n}: GetActivityStatusArgs): ActivityStatus => {\n  if (nowMs >= authSession.reminderStartsAt) {\n    return 'closed'\n  }\n\n  if (authSession.activityRecorded) {\n    return 'will-refresh'\n  }\n\n  if (nowMs >= authSession.activityTrackingStartsAt) {\n    return 'tracking'\n  }\n\n  return 'waiting'\n}\n\nexport const getActivityWindowStatus = ({\n  activityStatus,\n  authSession,\n  nowMs,\n}: GetActivityWindowStatusArgs): string => {\n  if (activityStatus === 'closed') {\n    return 'Closed · no refresh'\n  }\n\n  if (activityStatus === 'will-refresh') {\n    if (nowMs < authSession.refreshStartsAt) {\n      return `Recorded · refresh in ${formatCountdown(authSession.refreshStartsAt - nowMs)}`\n    }\n\n    return 'Recorded · refreshing'\n  }\n\n  if (activityStatus === 'tracking') {\n    return `Open · closes in ${formatCountdown(authSession.reminderStartsAt - nowMs)}`\n  }\n\n  return `Opens in ${formatCountdown(authSession.activityTrackingStartsAt - nowMs)}`\n}\n\nexport const getRefreshWindowStatus = ({\n  authSession,\n  nowMs,\n}: GetRefreshWindowStatusArgs): string => {\n  if (nowMs >= authSession.reminderStartsAt) {\n    return 'Closed'\n  }\n\n  if (nowMs >= authSession.refreshStartsAt) {\n    return 'Open'\n  }\n\n  return `Opens in ${formatCountdown(authSession.refreshStartsAt - nowMs)}`\n}\n"],"mappings":"AAoBA,OAAO,MAAMA,eAAA,GAAmBC,UAAA;EAC9B,MAAMC,YAAA,GAAeC,IAAA,CAAKC,GAAG,CAAC,GAAGD,IAAA,CAAKE,IAAI,CAACJ,UAAA,GAAa;EACxD,MAAMK,OAAA,GAAUH,IAAA,CAAKI,KAAK,CAACL,YAAA,GAAe;EAC1C,MAAMM,OAAA,GAAUN,YAAA,GAAe;EAE/B,OAAO,GAAGO,MAAA,CAAOH,OAAA,EAASI,QAAQ,CAAC,GAAG,QAAQD,MAAA,CAAOD,OAAA,EAASE,QAAQ,CAAC,GAAG,MAAM;AAClF;AAEA,OAAO,MAAMC,iBAAA,GAAoBA,CAAC;EAChCC,WAAW;EACXC;AAAK,CACiB;EACtB,IAAIA,KAAA,IAASD,WAAA,CAAYE,gBAAgB,EAAE;IACzC,OAAO;EACT;EAEA,IAAIF,WAAA,CAAYG,gBAAgB,EAAE;IAChC,OAAO;EACT;EAEA,IAAIF,KAAA,IAASD,WAAA,CAAYI,wBAAwB,EAAE;IACjD,OAAO;EACT;EAEA,OAAO;AACT;AAEA,OAAO,MAAMC,uBAAA,GAA0BA,CAAC;EACtCC,cAAc;EACdN,WAAW;EACXC;AAAK,CACuB;EAC5B,IAAIK,cAAA,KAAmB,UAAU;IAC/B,OAAO;EACT;EAEA,IAAIA,cAAA,KAAmB,gBAAgB;IACrC,IAAIL,KAAA,GAAQD,WAAA,CAAYO,eAAe,EAAE;MACvC,OAAO,yBAAyBnB,eAAA,CAAgBY,WAAA,CAAYO,eAAe,GAAGN,KAAA,GAAQ;IACxF;IAEA,OAAO;EACT;EAEA,IAAIK,cAAA,KAAmB,YAAY;IACjC,OAAO,oBAAoBlB,eAAA,CAAgBY,WAAA,CAAYE,gBAAgB,GAAGD,KAAA,GAAQ;EACpF;EAEA,OAAO,YAAYb,eAAA,CAAgBY,WAAA,CAAYI,wBAAwB,GAAGH,KAAA,GAAQ;AACpF;AAEA,OAAO,MAAMO,sBAAA,GAAyBA,CAAC;EACrCR,WAAW;EACXC;AAAK,CACsB;EAC3B,IAAIA,KAAA,IAASD,WAAA,CAAYE,gBAAgB,EAAE;IACzC,OAAO;EACT;EAEA,IAAID,KAAA,IAASD,WAAA,CAAYO,eAAe,EAAE;IACxC,OAAO;EACT;EAEA,OAAO,YAAYnB,eAAA,CAAgBY,WAAA,CAAYO,eAAe,GAAGN,KAAA,GAAQ;AAC3E","ignoreList":[]}

package/dist/providers/Auth/authSessionRequests.d.ts

@@ -0,0 +1,27 @@
+import type { AuthenticatedUser } from 'payload';
+export type AuthRequestContext = {
+    /** Accepts the result when its session is still active and cancels any deferred invalidation. */
+    acceptResult: () => boolean;
+    /** Invalidates the session after newer queued auth requests have had a chance to restore it. */
+    invalidateWhenIdle: (invalidate: () => void) => void;
+    /** Whether the session changed or logout began after this request was queued. */
+    isResultStale: () => boolean;
+};
+export type AuthSessionRequests = {
+    discardPendingResults: () => void;
+    isLoggingOut: () => boolean;
+    logOut: ({ clearSession, request, }: {
+        clearSession: () => void;
+        request: () => Promise<void>;
+    }) => Promise<void>;
+    queue: <Result>(request: (context: AuthRequestContext) => Promise<Result>) => Promise<Result>;
+    refresh: (request: (context: AuthRequestContext) => Promise<AuthenticatedUser | null>) => Promise<AuthenticatedUser | null>;
+};
+/**
+ * Coordinates requests that read or update the current auth session.
+ *
+ * Requests run in order, concurrent refreshes and logouts share a promise, and outdated results can
+ * be discarded after the session changes.
+ */
+export declare function createAuthSessionRequests(): AuthSessionRequests;
+//# sourceMappingURL=authSessionRequests.d.ts.map

package/dist/providers/Auth/authSessionRequests.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"authSessionRequests.d.ts","sourceRoot":"","sources":["../../../src/providers/Auth/authSessionRequests.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,SAAS,CAAA;AAEhD,MAAM,MAAM,kBAAkB,GAAG;IAC/B,iGAAiG;IACjG,YAAY,EAAE,MAAM,OAAO,CAAA;IAC3B,gGAAgG;IAChG,kBAAkB,EAAE,CAAC,UAAU,EAAE,MAAM,IAAI,KAAK,IAAI,CAAA;IACpD,iFAAiF;IACjF,aAAa,EAAE,MAAM,OAAO,CAAA;CAC7B,CAAA;AAED,MAAM,MAAM,mBAAmB,GAAG;IAChC,qBAAqB,EAAE,MAAM,IAAI,CAAA;IACjC,YAAY,EAAE,MAAM,OAAO,CAAA;IAC3B,MAAM,EAAE,CAAC,EACP,YAAY,EACZ,OAAO,GACR,EAAE;QACD,YAAY,EAAE,MAAM,IAAI,CAAA;QACxB,OAAO,EAAE,MAAM,OAAO,CAAC,IAAI,CAAC,CAAA;KAC7B,KAAK,OAAO,CAAC,IAAI,CAAC,CAAA;IACnB,KAAK,EAAE,CAAC,MAAM,EAAE,OAAO,EAAE,CAAC,OAAO,EAAE,kBAAkB,KAAK,OAAO,CAAC,MAAM,CAAC,KAAK,OAAO,CAAC,MAAM,CAAC,CAAA;IAC7F,OAAO,EAAE,CACP,OAAO,EAAE,CAAC,OAAO,EAAE,kBAAkB,KAAK,OAAO,CAAC,iBAAiB,GAAG,IAAI,CAAC,KACxE,OAAO,CAAC,iBAAiB,GAAG,IAAI,CAAC,CAAA;CACvC,CAAA;AAED;;;;;GAKG;AACH,wBAAgB,yBAAyB,IAAI,mBAAmB,CA0J/D"}