npm - @payloadcms/ui - Versions diffs - 4.0.0-internal.e16cf59 → 4.0.0-internal.e38d3ac - Mend

@payloadcms/ui 4.0.0-internal.e16cf59 → 4.0.0-internal.e38d3ac

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (3079) hide show

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

@@ -0,0 +1,63 @@
+import type { ImportMap, SanitizedConfig, ServerAdapter, ServerFunctionClient } from 'payload';
+import React from 'react';
+import { type CheckDependenciesArgs } from '../../utilities/checkDependencies.js';
+import '@payloadcms/ui/css/app.css';
+type Font = {
+    className?: string;
+    variable?: string;
+};
+export declare const metadata: {
+    description: string;
+    title: string;
+};
+type RootLayoutProps = {
+    /**
+     * Framework-specific peer-dependency version constraints, merged on top of the
+     * universal React/react-dom checks. Each framework adapter supplies its own
+     * (e.g. Next.js passes `{ dependencyVersions: { next: { version: '>=15.0.0' } } }`).
+     */
+    readonly additionalDependencyChecks?: CheckDependenciesArgs;
+    readonly children: React.ReactNode;
+    readonly config: Promise<SanitizedConfig>;
+    /**
+     * Fonts to apply to the admin `<html>` element. Each entry's
+     * `variable ?? className` is appended to the `<html>` class list.
+     * Framework-specific font loaders (e.g. `next/font`) are supplied by the caller.
+     */
+    readonly fonts?: Font[];
+    /**
+     * Custom content to render inside the admin panel's `<head>` element.
+     *
+     * Use this to inject scripts, meta tags, or links — for example, analytics
+     * snippets via `next/script`, custom favicons, or preconnect hints.
+     *
+     * @example
+     * ```tsx
+     * import Script from 'next/script'
+     *
+     * <RootLayout
+     *   head={<Script src="https://example.com/analytics.js" strategy="afterInteractive" />}
+     *   {...rest}
+     * />
+     * ```
+     */
+    readonly head?: React.ReactNode;
+    readonly htmlProps?: React.HtmlHTMLAttributes<HTMLHtmlElement>;
+    readonly importMap: ImportMap;
+    /**
+     * Client router adapter. Caller supplies a framework-specific provider
+     * (for Next.js use the `NextRouterAdapter` exported from `@payloadcms/next`).
+     */
+    readonly RouterAdapter: React.FC<{
+        children: React.ReactNode;
+    }>;
+    /**
+     * Server adapter providing framework-specific access to headers, cookies, redirects,
+     * and other server APIs (for Next.js use `nextServerAdapter` from `@payloadcms/next`).
+     */
+    readonly serverAdapter: ServerAdapter;
+    readonly serverFunction: ServerFunctionClient;
+};
+export declare const RootLayout: (props: RootLayoutProps) => React.JSX.Element;
+export {};
+//# sourceMappingURL=index.d.ts.map

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

@@ -0,0 +1 @@

+ {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/layouts/Root/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EACV,SAAS,EAET,eAAe,EACf,aAAa,EACb,oBAAoB,EACrB,MAAM,SAAS,CAAA;AAGhB,OAAO,KAAmB,MAAM,OAAO,CAAA;AAKvC,OAAO,EAAqB,KAAK,qBAAqB,EAAE,MAAM,sCAAsC,CAAA;AAUpG,OAAO,4BAA4B,CAAA;AAEnC,KAAK,IAAI,GAAG;IACV,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,QAAQ,CAAC,EAAE,MAAM,CAAA;CAClB,CAAA;AAED,eAAO,MAAM,QAAQ;IACnB,WAAW;IACX,KAAK;CACN,CAAA;AAED,KAAK,eAAe,GAAG;IACrB;;;;OAIG;IACH,QAAQ,CAAC,0BAA0B,CAAC,EAAE,qBAAqB,CAAA;IAC3D,QAAQ,CAAC,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAA;IAClC,QAAQ,CAAC,MAAM,EAAE,OAAO,CAAC,eAAe,CAAC,CAAA;IACzC;;;;OAIG;IACH,QAAQ,CAAC,KAAK,CAAC,EAAE,IAAI,EAAE,CAAA;IACvB;;;;;;;;;;;;;;;OAeG;IACH,QAAQ,CAAC,IAAI,CAAC,EAAE,KAAK,CAAC,SAAS,CAAA;IAC/B,QAAQ,CAAC,SAAS,CAAC,EAAE,KAAK,CAAC,kBAAkB,CAAC,eAAe,CAAC,CAAA;IAC9D,QAAQ,CAAC,SAAS,EAAE,SAAS,CAAA;IAC7B;;;OAGG;IACH,QAAQ,CAAC,aAAa,EAAE,KAAK,CAAC,EAAE,CAAC;QAAE,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAA;KAAE,CAAC,CAAA;IAC/D;;;OAGG;IACH,QAAQ,CAAC,aAAa,EAAE,aAAa,CAAA;IACrC,QAAQ,CAAC,cAAc,EAAE,oBAAoB,CAAA;CAC9C,CAAA;AAED,eAAO,MAAM,UAAU,UAAW,eAAe,sBAUhD,CAAA"}

package/dist/layouts/Root/index.js ADDED Viewed

@@ -0,0 +1,150 @@
+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 { 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';
+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'
+};
+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 ({
+  children,
+  config: configPromise,
+  fonts = [],
+  head: headFromProps,
+  htmlProps = {},
+  importMap,
+  RouterAdapter,
+  serverAdapter,
+  serverFunction
+}) => {
+  const {
+    cookies,
+    headers,
+    languageCode,
+    permissions,
+    req,
+    req: {
+      payload: {
+        config
+      }
+    }
+  } = await initReq({
+    configPromise,
+    importMap,
+    key: 'RootLayout',
+    serverAdapter
+  });
+  const theme = getRequestTheme({
+    config,
+    cookies,
+    headers
+  });
+  const highContrastMode = getRequestHighContrast({
+    config,
+    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
+  });
+  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"
+      })]
+    })]
+  });
+};
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +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":[]}

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

@@ -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 ADDED Viewed

@@ -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 ADDED Viewed

@@ -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 ADDED Viewed

	@@ -0,0 +1 @@
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 ADDED Viewed

@@ -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 ADDED Viewed

@@ -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 CHANGED Viewed

@@ -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 CHANGED Viewed

	@@ -1 +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"}
1	+ {"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 CHANGED Viewed

@@ -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 CHANGED Viewed

	@@ -1 +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":[]}
1	+ {"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 ADDED Viewed

@@ -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 ADDED Viewed

@@ -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 ADDED Viewed

	@@ -0,0 +1 @@
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 ADDED Viewed

@@ -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 ADDED Viewed

@@ -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 ADDED Viewed

@@ -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 ADDED Viewed

@@ -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"}