@payloadcms/ui 4.0.0-internal.167c7cd → 4.0.0-internal.16f218d

package/dist/layouts/Root/index.js

@@ -1,150 +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 { getRequestEmbed } from '../../utilities/getRequestEmbed.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 CSS chain (design tokens, preflight, etc.) in prod builds
+// 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 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({
-        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,
-        embed: embed,
-        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","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":[]}
+{"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

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,QAAc;EAAA,IAAAC,EAAA;EAAA,IAAAC,EAAA;EAAA,IAAAP,CAAA,QAAAQ,MAAA,CAAAC,GAAA;IAExBH,EAAA,GAAAA,CAAA;MACd,MAAAI,eAAA,GAAwBA,CAAA,KAAMN,QAAA,CAASO,IAAA,CAAAC,GAAQ;MAE/CF,eAAA;MAEA,MAAAG,QAAA,GAAiBC,MAAA,CAAAC,WAAkB,CAACL,eAAA,EAAiB;MAAA,OAE9C,MAAMI,MAAA,CAAAE,aAAoB,CAACH,QAAA;IAAA,CACpC;IAAGN,EAAA,KAAE;IAAAP,CAAA,MAAAM,EAAA;IAAAN,CAAA,MAAAO,EAAA;EAAA;IAAAD,EAAA,GAAAN,CAAA;IAAAO,EAAA,GAAAP,CAAA;EAAA;EARLR,KAAA,CAAAyB,SAAe,CAACX,EAQhB,EAAGC,EAAE;EAEL,MAAAW,WAAA,GAAoBC,IAAA,CAAAC,GAAQ,CAAC,GAAG,CAAClB,WAAA,EAAAmB,SAA0B,IAA1B,CAA0B,KAAMlB,KAAS,IAAT,CAAS;EAAA,IAAAmB,EAAA;EAAA,IAAAtB,CAAA,QAAAE,WAAA,IAAAF,CAAA,QAAAC,QAAA,IAAAD,CAAA,QAAAkB,WAAA,IAAAlB,CAAA,QAAAG,KAAA;IAC1E,MAAAoB,cAAA,GACErB,WAAyB,IAAVC,KAAA,KAAUqB,SAAwD,GAA5C7B,iBAAA,CAAkB;MAAAO,WAAA;MAAAC;IAAqB,CAAK,IAAjF,SAAiF;IACnF,MAAAsB,oBAAA,GACEvB,WAAyB,IAAVC,KAAA,KAAUqB,SAErB,GADA5B,uBAAA,CAAwB;MAAA2B,cAAA;MAAArB,WAAA;MAAAC;IAAqC,CAC7D,IAFJ,EAEI;IACN,MAAAuB,mBAAA,GACExB,WAAyB,IAAVC,KAAA,KAAUqB,SAA6D,GAAjD3B,sBAAA,CAAuB;MAAAK,WAAA;MAAAC;IAAqB,CAAK,IAAtF,EAAsF;IAGtFmB,EAAA,GAAAK,KAAA,CAAAC,SAAA;MAAA3B,QAAA,E,CACGA,QAAA,EAEAC,WAAyB,IAAVC,KAAA,KAAUqB,SAmBtB,GAlBFG,KAAA,CAAC;QAAA,cACY;QAAAE,SAAA,EACD;QAAA,2BACa;QAAA,gCACO3B,WAAA,CAAAmB,SAAqB;QAAApB,QAAA,E,CAEnD6B,IAAA,CAAC;UAAA7B,QAAA,EAAO;YACR0B,KAAA,CAAC;UAAA1B,QAAA,E,CAAK,uBAAoBP,eAAA,CAAgBwB,WAAA;YAC1CS,KAAA,CAAC;UAAA1B,QAAA,E,CAAK,oBACY6B,IAAA,CAAC;YAAA,oCAAqC;YAAA7B,QAAA,EAAEyB;;YAE1DC,KAAA,CAAC;UAAAE,SAAA,EACY,8DAA8DN,cAAA,EAAgB;UAAAtB,QAAA,E,CAEzF6B,IAAA,CAAC;YAAA,eAAgB;YAAAD,SAAA,EAAW;cAA2C,qBACtDC,IAAA,CAAC;YAAA,8BAA+B;YAAA7B,QAAA,EAAEwB;;;OAGrD,IAnBH,IAmBG;;;;;;;;;;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":[]}