@payloadcms/ui 4.0.0-internal.7b031c8 → 4.0.0-internal.8709764

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

@@ -0,0 +1,24 @@
+import React from 'react';
+/**
+ * @experimental This is an experimental API and may change at any time. Use at your own risk.
+ */
+export type EmbedContext = {
+    isEmbedded: boolean;
+};
+/**
+ * @experimental This component is experimental and may change or be removed in future releases. Use at your own risk.
+ */
+export declare const EmbedProvider: React.FC<{
+    children?: React.ReactNode;
+    /**
+     * Initial embed value is read from the embed cookie in the root layout. The root layout
+     * cannot see search params, so the client reads the `?embed` query parameter below
+     * and it takes precedence over the cookie value.
+     */
+    embed?: boolean;
+}>;
+/**
+ * @experimental This is an experimental API and may change at any time. Use at your own risk.
+ */
+export declare const useEmbed: () => EmbedContext;
+//# sourceMappingURL=index.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/providers/Embed/index.tsx"],"names":[],"mappings":"AACA,OAAO,KAAkD,MAAM,OAAO,CAAA;AAKtE;;GAEG;AACH,MAAM,MAAM,YAAY,GAAG;IACzB,UAAU,EAAE,OAAO,CAAA;CACpB,CAAA;AAyCD;;GAEG;AACH,eAAO,MAAM,aAAa,EAAE,KAAK,CAAC,EAAE,CAAC;IACnC,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAA;IAC1B;;;;OAIG;IACH,KAAK,CAAC,EAAE,OAAO,CAAA;CAChB,CAoBA,CAAA;AAED;;GAEG;AACH,eAAO,MAAM,QAAQ,QAAO,YAA8C,CAAA"}

package/dist/providers/Embed/index.js

@@ -0,0 +1,105 @@
+'use client';
+
+import { c as _c } from "react/compiler-runtime";
+import { jsx as _jsx } from "react/jsx-runtime";
+import React, { createContext, use, useEffect, useState } from 'react';
+import { useConfig } from '../Config/index.js';
+import { useSearchParams } from '../RouterAdapter/index.js';
+const initialContext = {
+  isEmbedded: false
+};
+const Context = /*#__PURE__*/createContext(undefined);
+const hasEmbedCookie = cookieKey => document.cookie.split('; ').some(row => row.startsWith(`${cookieKey}=`) && row.split('=')[1] === 'true');
+/**
+ * Writes a session-scoped, `Partitioned` (CHIPS) cookie so embed mode persists
+ * across navigation within the iframe.
+ *
+ * The cookie is keyed to both the iframe domain and the embedding top-level domain,
+ * so it is readable only on that one top-level domain.
+ *
+ * No `Expires`/`Max-Age` — it is a session cookie that clears when the browsing session ends.
+ */
+const setEmbedCookie = cookieKey => {
+  document.cookie = `${cookieKey}=true; path=/; SameSite=None; Secure; Partitioned`;
+};
+const deleteEmbedCookie = cookieKey => {
+  document.cookie = `${cookieKey}=; path=/; SameSite=None; Secure; Partitioned; expires=Thu, 01 Jan 1970 00:00:00 GMT`;
+};
+const resolveEmbedParam = (embedParam, fallback) => {
+  switch (embedParam) {
+    case 'false':
+      return false;
+    case 'true':
+      return true;
+    default:
+      return fallback;
+  }
+};
+/**
+ * @experimental This component is experimental and may change or be removed in future releases. Use at your own risk.
+ */
+export const EmbedProvider = t0 => {
+  const $ = _c(10);
+  const {
+    children,
+    embed
+  } = t0;
+  const {
+    config
+  } = useConfig();
+  const embedCookieKey = `${config.cookiePrefix || "payload"}-embed`;
+  const embedParam = useSearchParams().get("embed")?.toLowerCase();
+  let t1;
+  if ($[0] !== embed || $[1] !== embedParam) {
+    t1 = () => resolveEmbedParam(embedParam, Boolean(embed));
+    $[0] = embed;
+    $[1] = embedParam;
+    $[2] = t1;
+  } else {
+    t1 = $[2];
+  }
+  const [isEmbedded, setIsEmbedded] = useState(t1);
+  let t2;
+  let t3;
+  if ($[3] !== embedCookieKey || $[4] !== embedParam) {
+    t2 = () => {
+      if (embedParam === "true") {
+        setEmbedCookie(embedCookieKey);
+      } else {
+        if (embedParam === "false") {
+          deleteEmbedCookie(embedCookieKey);
+        }
+      }
+      setIsEmbedded(hasEmbedCookie(embedCookieKey));
+    };
+    t3 = [embedParam, embedCookieKey];
+    $[3] = embedCookieKey;
+    $[4] = embedParam;
+    $[5] = t2;
+    $[6] = t3;
+  } else {
+    t2 = $[5];
+    t3 = $[6];
+  }
+  useEffect(t2, t3);
+  let t4;
+  if ($[7] !== children || $[8] !== isEmbedded) {
+    t4 = _jsx(Context, {
+      value: {
+        isEmbedded
+      },
+      children
+    });
+    $[7] = children;
+    $[8] = isEmbedded;
+    $[9] = t4;
+  } else {
+    t4 = $[9];
+  }
+  return t4;
+};
+/**
+ * @experimental This is an experimental API and may change at any time. Use at your own risk.
+ */
+export const useEmbed = () => use(Context) ?? initialContext;
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","names":["c","_c","React","createContext","use","useEffect","useState","useConfig","useSearchParams","initialContext","isEmbedded","Context","undefined","hasEmbedCookie","cookieKey","document","cookie","split","some","row","startsWith","setEmbedCookie","deleteEmbedCookie","resolveEmbedParam","embedParam","fallback","EmbedProvider","t0","$","children","embed","config","embedCookieKey","cookiePrefix","get","toLowerCase","t1","Boolean","setIsEmbedded","t2","t3","t4","_jsx","value","useEmbed"],"sources":["../../../src/providers/Embed/index.tsx"],"sourcesContent":["'use client'\nimport React, { createContext, use, useEffect, useState } from 'react'\n\nimport { useConfig } from '../Config/index.js'\nimport { useSearchParams } from '../RouterAdapter/index.js'\n\n/**\n * @experimental This is an experimental API and may change at any time. Use at your own risk.\n */\nexport type EmbedContext = {\n  isEmbedded: boolean\n}\n\nconst initialContext: EmbedContext = {\n  isEmbedded: false,\n}\n\nconst Context = createContext<EmbedContext | undefined>(undefined)\n\nconst hasEmbedCookie = (cookieKey: string): boolean =>\n  document.cookie\n    .split('; ')\n    .some((row) => row.startsWith(`${cookieKey}=`) && row.split('=')[1] === 'true')\n\n/**\n * Writes a session-scoped, `Partitioned` (CHIPS) cookie so embed mode persists\n * across navigation within the iframe.\n *\n * The cookie is keyed to both the iframe domain and the embedding top-level domain,\n * so it is readable only on that one top-level domain.\n *\n * No `Expires`/`Max-Age` — it is a session cookie that clears when the browsing session ends.\n */\nconst setEmbedCookie = (cookieKey: string): void => {\n  document.cookie = `${cookieKey}=true; path=/; SameSite=None; Secure; Partitioned`\n}\n\nconst deleteEmbedCookie = (cookieKey: string): void => {\n  document.cookie = `${cookieKey}=; path=/; SameSite=None; Secure; Partitioned; expires=Thu, 01 Jan 1970 00:00:00 GMT`\n}\n\nconst resolveEmbedParam = (embedParam: null | string, fallback: boolean): boolean => {\n  switch (embedParam) {\n    case 'false':\n      return false\n    case 'true':\n      return true\n    default:\n      return fallback\n  }\n}\n\n/**\n * @experimental This component is experimental and may change or be removed in future releases. Use at your own risk.\n */\nexport const EmbedProvider: React.FC<{\n  children?: React.ReactNode\n  /**\n   * Initial embed value is read from the embed cookie in the root layout. The root layout\n   * cannot see search params, so the client reads the `?embed` query parameter below\n   * and it takes precedence over the cookie value.\n   */\n  embed?: boolean\n}> = ({ children, embed }) => {\n  const { config } = useConfig()\n  const embedCookieKey = `${config.cookiePrefix || 'payload'}-embed`\n  const embedParam = useSearchParams().get('embed')?.toLowerCase()\n\n  const [isEmbedded, setIsEmbedded] = useState<boolean>(() =>\n    resolveEmbedParam(embedParam, Boolean(embed)),\n  )\n\n  useEffect(() => {\n    // The query parameter takes precedence; otherwise fall back to the cookie value\n    if (embedParam === 'true') {\n      setEmbedCookie(embedCookieKey)\n    } else if (embedParam === 'false') {\n      deleteEmbedCookie(embedCookieKey)\n    }\n    setIsEmbedded(hasEmbedCookie(embedCookieKey))\n  }, [embedParam, embedCookieKey])\n\n  return <Context value={{ isEmbedded }}>{children}</Context>\n}\n\n/**\n * @experimental This is an experimental API and may change at any time. Use at your own risk.\n */\nexport const useEmbed = (): EmbedContext => use(Context) ?? initialContext\n"],"mappings":"AAAA;;AAAA,SAAAA,CAAA,IAAAC,EAAA;;AACA,OAAOC,KAAA,IAASC,aAAa,EAAEC,GAAG,EAAEC,SAAS,EAAEC,QAAQ,QAAQ;AAE/D,SAASC,SAAS,QAAQ;AAC1B,SAASC,eAAe,QAAQ;AAShC,MAAMC,cAAA,GAA+B;EACnCC,UAAA,EAAY;AACd;AAEA,MAAMC,OAAA,gBAAUR,aAAA,CAAwCS,SAAA;AAExD,MAAMC,cAAA,GAAkBC,SAAA,IACtBC,QAAA,CAASC,MAAM,CACZC,KAAK,CAAC,MACNC,IAAI,CAAEC,GAAA,IAAQA,GAAA,CAAIC,UAAU,CAAC,GAAGN,SAAA,GAAY,KAAKK,GAAA,CAAIF,KAAK,CAAC,IAAI,CAAC,EAAE,KAAK;AAE5E;;;;;;;;;AASA,MAAMI,cAAA,GAAkBP,SAAA;EACtBC,QAAA,CAASC,MAAM,GAAG,GAAGF,SAAA,mDAA4D;AACnF;AAEA,MAAMQ,iBAAA,GAAqBR,SAAA;EACzBC,QAAA,CAASC,MAAM,GAAG,GAAGF,SAAA,sFAA+F;AACtH;AAEA,MAAMS,iBAAA,GAAoBA,CAACC,UAAA,EAA2BC,QAAA;EACpD,QAAQD,UAAA;IACN,KAAK;MACH,OAAO;IACT,KAAK;MACH,OAAO;IACT;MACE,OAAOC,QAAA;EACX;AACF;AAEA;;;AAGA,OAAO,MAAMC,aAAA,GAQRC,EAAA;EAAA,MAAAC,CAAA,GAAA3B,EAAA;EAAC;IAAA4B,QAAA;IAAAC;EAAA,IAAAH,EAAmB;EACvB;IAAAI;EAAA,IAAmBxB,SAAA;EACnB,MAAAyB,cAAA,GAAuB,GAAGD,MAAA,CAAAE,YAAA,IAAuB,iBAAiB;EAClE,MAAAT,UAAA,GAAmBhB,eAAA,GAAA0B,GAAA,CAAsB,UAAAC,WAAA;EAAU,IAAAC,EAAA;EAAA,IAAAR,CAAA,QAAAE,KAAA,IAAAF,CAAA,QAAAJ,UAAA;IAEGY,EAAA,GAAAA,CAAA,KACpDb,iBAAA,CAAkBC,UAAA,EAAYa,OAAA,CAAQP,KAAA;IAAAF,CAAA,MAAAE,KAAA;IAAAF,CAAA,MAAAJ,UAAA;IAAAI,CAAA,MAAAQ,EAAA;EAAA;IAAAA,EAAA,GAAAR,CAAA;EAAA;EADxC,OAAAlB,UAAA,EAAA4B,aAAA,IAAoChC,QAAA,CAAkB8B,EACd;EAAA,IAAAG,EAAA;EAAA,IAAAC,EAAA;EAAA,IAAAZ,CAAA,QAAAI,cAAA,IAAAJ,CAAA,QAAAJ,UAAA;IAG9Be,EAAA,GAAAA,CAAA;MAAA,IAEJf,UAAA,KAAe;QACjBH,cAAA,CAAeW,cAAA;MAAA;QAAA,IACNR,UAAA,KAAe;UACxBF,iBAAA,CAAkBU,cAAA;QAAA;MAAA;MAEpBM,aAAA,CAAczB,cAAA,CAAemB,cAAA;IAAA;IAC5BQ,EAAA,IAAChB,UAAA,EAAYQ,cAAA;IAAeJ,CAAA,MAAAI,cAAA;IAAAJ,CAAA,MAAAJ,UAAA;IAAAI,CAAA,MAAAW,EAAA;IAAAX,CAAA,MAAAY,EAAA;EAAA;IAAAD,EAAA,GAAAX,CAAA;IAAAY,EAAA,GAAAZ,CAAA;EAAA;EAR/BvB,SAAA,CAAUkC,EAQV,EAAGC,EAA4B;EAAA,IAAAC,EAAA;EAAA,IAAAb,CAAA,QAAAC,QAAA,IAAAD,CAAA,QAAAlB,UAAA;IAExB+B,EAAA,GAAAC,IAAA,CAAA/B,OAAA;MAAAgC,KAAA;QAAAjC;MAAA;MAAAmB;IAAA,C;;;;;;;SAAAY,E;CACT;AAEA;;;AAGA,OAAO,MAAMG,QAAA,GAAWA,CAAA,KAAoBxC,GAAA,CAAIO,OAAA,KAAYF,cAAA","ignoreList":[]}

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

@@ -0,0 +1,20 @@
+export type NonFieldError = {
+    data?: unknown;
+    message: string;
+};
+/**
+ * A callback that a plugin can provide to intercept non-field form errors before
+ * Payload shows its default error toast. Return `true` to claim the error (the
+ * default toast is suppressed). Return `false` to let Payload handle it normally.
+ *
+ * Set via `<FormErrorHandlerContext value={handler}>` inside an
+ * `admin.components.providers` entry. The Form reads this automatically — no
+ * changes to collection config or the edit view are required.
+ *
+ * Multiple handlers can be chained by composing providers; the first one to
+ * return `true` wins.
+ */
+export type FormErrorHandler = (err: NonFieldError) => boolean;
+export declare const FormErrorHandlerContext: import("react").Context<FormErrorHandler>;
+export declare const useFormErrorHandler: () => FormErrorHandler | undefined;
+//# sourceMappingURL=index.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/providers/FormErrorHandler/index.tsx"],"names":[],"mappings":"AAGA,MAAM,MAAM,aAAa,GAAG;IAC1B,IAAI,CAAC,EAAE,OAAO,CAAA;IACd,OAAO,EAAE,MAAM,CAAA;CAChB,CAAA;AAED;;;;;;;;;;;GAWG;AACH,MAAM,MAAM,gBAAgB,GAAG,CAAC,GAAG,EAAE,aAAa,KAAK,OAAO,CAAA;AAE9D,eAAO,MAAM,uBAAuB,2CAAyD,CAAA;AAE7F,eAAO,MAAM,mBAAmB,QAAO,gBAAgB,GAAG,SAAyC,CAAA"}

package/dist/providers/FormErrorHandler/index.js

@@ -0,0 +1,6 @@
+'use client';
+
+import { createContext, use } from 'react';
+export const FormErrorHandlerContext = /*#__PURE__*/createContext(undefined);
+export const useFormErrorHandler = () => use(FormErrorHandlerContext);
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","names":["createContext","use","FormErrorHandlerContext","undefined","useFormErrorHandler"],"sources":["../../../src/providers/FormErrorHandler/index.tsx"],"sourcesContent":["'use client'\nimport { createContext, use } from 'react'\n\nexport type NonFieldError = {\n  data?: unknown\n  message: string\n}\n\n/**\n * A callback that a plugin can provide to intercept non-field form errors before\n * Payload shows its default error toast. Return `true` to claim the error (the\n * default toast is suppressed). Return `false` to let Payload handle it normally.\n *\n * Set via `<FormErrorHandlerContext value={handler}>` inside an\n * `admin.components.providers` entry. The Form reads this automatically — no\n * changes to collection config or the edit view are required.\n *\n * Multiple handlers can be chained by composing providers; the first one to\n * return `true` wins.\n */\nexport type FormErrorHandler = (err: NonFieldError) => boolean\n\nexport const FormErrorHandlerContext = createContext<FormErrorHandler | undefined>(undefined)\n\nexport const useFormErrorHandler = (): FormErrorHandler | undefined => use(FormErrorHandlerContext)\n"],"mappings":"AAAA;;AACA,SAASA,aAAa,EAAEC,GAAG,QAAQ;AAqBnC,OAAO,MAAMC,uBAAA,gBAA0BF,aAAA,CAA4CG,SAAA;AAEnF,OAAO,MAAMC,mBAAA,GAAsBA,CAAA,KAAoCH,GAAA,CAAIC,uBAAA","ignoreList":[]}

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

@@ -6,6 +6,7 @@ type Props = {
     readonly children: React.ReactNode;
     readonly config: ClientConfig;
     readonly dateFNSKey: Language['dateFNSKey'];
+    readonly embed?: boolean;
     readonly fallbackLang: I18nOptions['fallbackLanguage'];
     readonly highContrastMode: boolean;
     readonly isNavOpen?: boolean;

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

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/providers/Root/index.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,UAAU,EAAE,WAAW,EAAE,QAAQ,EAAE,MAAM,0BAA0B,CAAA;AACjF,OAAO,KAAK,EACV,YAAY,EACZ,eAAe,EACf,MAAM,EACN,sBAAsB,EACtB,oBAAoB,EACpB,oBAAoB,EACpB,IAAI,EACL,MAAM,SAAS,CAAA;AAKhB,OAAO,KAAK,MAAM,OAAO,CAAA;AAEzB,OAAO,KAAK,EAAE,KAAK,EAAE,MAAM,mBAAmB,CAAA;AAyB9C,KAAK,KAAK,GAAG;IACX,QAAQ,CAAC,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAA;IAClC,QAAQ,CAAC,MAAM,EAAE,YAAY,CAAA;IAC7B,QAAQ,CAAC,UAAU,EAAE,QAAQ,CAAC,YAAY,CAAC,CAAA;IAC3C,QAAQ,CAAC,YAAY,EAAE,WAAW,CAAC,kBAAkB,CAAC,CAAA;IACtD,QAAQ,CAAC,gBAAgB,EAAE,OAAO,CAAA;IAClC,QAAQ,CAAC,SAAS,CAAC,EAAE,OAAO,CAAA;IAC5B,QAAQ,CAAC,YAAY,EAAE,MAAM,CAAA;IAC7B,QAAQ,CAAC,eAAe,EAAE,eAAe,CAAA;IACzC,QAAQ,CAAC,MAAM,CAAC,EAAE,MAAM,CAAC,MAAM,CAAC,CAAA;IAChC,QAAQ,CAAC,WAAW,EAAE,oBAAoB,CAAA;IAC1C,QAAQ,CAAC,aAAa,EAAE,sBAAsB,CAAA;IAC9C,QAAQ,CAAC,cAAc,EAAE,oBAAoB,CAAA;IAC7C,QAAQ,CAAC,KAAK,EAAE,KAAK,CAAA;IACrB,QAAQ,CAAC,YAAY,EAAE,UAAU,CAAC,cAAc,CAAC,CAAA;IACjD,QAAQ,CAAC,IAAI,EAAE,IAAI,GAAG,IAAI,CAAA;CAC3B,CAAA;AAED,eAAO,MAAM,YAAY,EAAE,KAAK,CAAC,EAAE,CAAC,KAAK,CA2FxC,CAAA"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/providers/Root/index.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,UAAU,EAAE,WAAW,EAAE,QAAQ,EAAE,MAAM,0BAA0B,CAAA;AACjF,OAAO,KAAK,EACV,YAAY,EACZ,eAAe,EACf,MAAM,EACN,sBAAsB,EACtB,oBAAoB,EACpB,oBAAoB,EACpB,IAAI,EACL,MAAM,SAAS,CAAA;AAKhB,OAAO,KAAK,MAAM,OAAO,CAAA;AAEzB,OAAO,KAAK,EAAE,KAAK,EAAE,MAAM,mBAAmB,CAAA;AA0B9C,KAAK,KAAK,GAAG;IACX,QAAQ,CAAC,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAA;IAClC,QAAQ,CAAC,MAAM,EAAE,YAAY,CAAA;IAC7B,QAAQ,CAAC,UAAU,EAAE,QAAQ,CAAC,YAAY,CAAC,CAAA;IAC3C,QAAQ,CAAC,KAAK,CAAC,EAAE,OAAO,CAAA;IACxB,QAAQ,CAAC,YAAY,EAAE,WAAW,CAAC,kBAAkB,CAAC,CAAA;IACtD,QAAQ,CAAC,gBAAgB,EAAE,OAAO,CAAA;IAClC,QAAQ,CAAC,SAAS,CAAC,EAAE,OAAO,CAAA;IAC5B,QAAQ,CAAC,YAAY,EAAE,MAAM,CAAA;IAC7B,QAAQ,CAAC,eAAe,EAAE,eAAe,CAAA;IACzC,QAAQ,CAAC,MAAM,CAAC,EAAE,MAAM,CAAC,MAAM,CAAC,CAAA;IAChC,QAAQ,CAAC,WAAW,EAAE,oBAAoB,CAAA;IAC1C,QAAQ,CAAC,aAAa,EAAE,sBAAsB,CAAA;IAC9C,QAAQ,CAAC,cAAc,EAAE,oBAAoB,CAAA;IAC7C,QAAQ,CAAC,KAAK,EAAE,KAAK,CAAA;IACrB,QAAQ,CAAC,YAAY,EAAE,UAAU,CAAC,cAAc,CAAC,CAAA;IACjD,QAAQ,CAAC,IAAI,EAAE,IAAI,GAAG,IAAI,CAAA;CAC3B,CAAA;AAED,eAAO,MAAM,YAAY,EAAE,KAAK,CAAC,EAAE,CAAC,KAAK,CA8FxC,CAAA"}

package/dist/providers/Root/index.js

@@ -18,6 +18,7 @@ import { AuthProvider } from '../Auth/index.js';
 import { ClientFunctionProvider } from '../ClientFunction/index.js';
 import { ConfigProvider } from '../Config/index.js';
 import { DocumentEventsProvider } from '../DocumentEvents/index.js';
+import { EmbedProvider } from '../Embed/index.js';
 import { HierarchyProvider } from '../Hierarchy/index.js';
 import { LocaleProvider } from '../Locale/index.js';
 import { PreferencesProvider } from '../Preferences/index.js';
@@ -29,11 +30,12 @@ import { ToastContainer } from '../ToastContainer/index.js';
 import { TranslationProvider } from '../Translation/index.js';
 import { UploadHandlersProvider } from '../UploadHandlers/index.js';
 export const RootProvider = t0 => {
-  const $ = _c(17);
+  const $ = _c(18);
   const {
     children,
     config,
     dateFNSKey,
+    embed,
     fallbackLang,
     highContrastMode,
     isNavOpen,
@@ -49,12 +51,12 @@ export const RootProvider = t0 => {
   } = t0;
   const dndContextID = React.useId();
   let t1;
-  if ($[0] !== RouterAdapter || $[1] !== children || $[2] !== config || $[3] !== dateFNSKey || $[4] !== dndContextID || $[5] !== fallbackLang || $[6] !== highContrastMode || $[7] !== isNavOpen || $[8] !== languageCode || $[9] !== languageOptions || $[10] !== locale || $[11] !== permissions || $[12] !== serverFunction || $[13] !== theme || $[14] !== translations || $[15] !== user) {
+  if ($[0] !== RouterAdapter || $[1] !== children || $[2] !== config || $[3] !== dateFNSKey || $[4] !== dndContextID || $[5] !== embed || $[6] !== fallbackLang || $[7] !== highContrastMode || $[8] !== isNavOpen || $[9] !== languageCode || $[10] !== languageOptions || $[11] !== locale || $[12] !== permissions || $[13] !== serverFunction || $[14] !== theme || $[15] !== translations || $[16] !== user) {
     t1 = _jsxs(ClickOutsideProvider, {
-      children: [_jsx(RouterAdapter, {
-        children: _jsx(ServerFunctionsProvider, {
-          serverFunction,
-          children: _jsx(RouteTransitionProvider, {
+      children: [_jsx(RouteTransitionProvider, {
+        children: _jsx(RouterAdapter, {
+          children: _jsx(ServerFunctionsProvider, {
+            serverFunction,
             children: _jsx(RouteCache, {
               cachingEnabled: process.env.NEXT_PUBLIC_ENABLE_ROUTER_CACHE_REFRESH === "true",
               children: _jsx(ConfigProvider, {
@@ -87,18 +89,21 @@ export const RootProvider = t0 => {
                                   children: _jsx(ThemeProvider, {
                                     highContrastMode,
                                     theme,
-                                    children: _jsx(LocaleProvider, {
-                                      locale,
-                                      children: _jsx(StepNavProvider, {
-                                        children: _jsx(LoadingOverlayProvider, {
-                                          children: _jsx(DocumentEventsProvider, {
-                                            children: _jsx(NavProvider, {
-                                              initialIsOpen: isNavOpen,
-                                              children: _jsx(UploadHandlersProvider, {
-                                                children: _jsx(DndContext, {
-                                                  collisionDetection: pointerWithin,
-                                                  id: dndContextID,
-                                                  children
+                                    children: _jsx(EmbedProvider, {
+                                      embed,
+                                      children: _jsx(LocaleProvider, {
+                                        locale,
+                                        children: _jsx(StepNavProvider, {
+                                          children: _jsx(LoadingOverlayProvider, {
+                                            children: _jsx(DocumentEventsProvider, {
+                                              children: _jsx(NavProvider, {
+                                                initialIsOpen: isNavOpen,
+                                                children: _jsx(UploadHandlersProvider, {
+                                                  children: _jsx(DndContext, {
+                                                    collisionDetection: pointerWithin,
+                                                    id: dndContextID,
+                                                    children
+                                                  })
                                                 })
                                               })
                                             })
@@ -129,20 +134,21 @@ export const RootProvider = t0 => {
     $[2] = config;
     $[3] = dateFNSKey;
     $[4] = dndContextID;
-    $[5] = fallbackLang;
-    $[6] = highContrastMode;
-    $[7] = isNavOpen;
-    $[8] = languageCode;
-    $[9] = languageOptions;
-    $[10] = locale;
-    $[11] = permissions;
-    $[12] = serverFunction;
-    $[13] = theme;
-    $[14] = translations;
-    $[15] = user;
-    $[16] = t1;
+    $[5] = embed;
+    $[6] = fallbackLang;
+    $[7] = highContrastMode;
+    $[8] = isNavOpen;
+    $[9] = languageCode;
+    $[10] = languageOptions;
+    $[11] = locale;
+    $[12] = permissions;
+    $[13] = serverFunction;
+    $[14] = theme;
+    $[15] = translations;
+    $[16] = user;
+    $[17] = t1;
   } else {
-    t1 = $[16];
+    t1 = $[17];
   }
   return t1;
 };

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

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["c","_c","DndContext","pointerWithin","ModalContainer","ModalProvider","ScrollInfoProvider","React","CloseModalOnRouteChange","DrawerStackProvider","LoadingOverlayProvider","NavProvider","StayLoggedInModal","StepNavProvider","ClickOutsideProvider","WindowInfoProvider","AuthProvider","ClientFunctionProvider","ConfigProvider","DocumentEventsProvider","HierarchyProvider","LocaleProvider","PreferencesProvider","RouteCache","RouteTransitionProvider","ServerFunctionsProvider","ThemeProvider","ToastContainer","TranslationProvider","UploadHandlersProvider","RootProvider","t0","$","children","config","dateFNSKey","fallbackLang","highContrastMode","isNavOpen","languageCode","languageOptions","locale","permissions","RouterAdapter","serverFunction","theme","translations","user","dndContextID","useId","t1","_jsxs","_jsx","cachingEnabled","process","env","NEXT_PUBLIC_ENABLE_ROUTER_CACHE_REFRESH","language","breakpoints","l","m","s","xs","classPrefix","transTime","zIndex","initialIsOpen","collisionDetection","id"],"sources":["../../../src/providers/Root/index.tsx"],"sourcesContent":["'use client'\nimport type { I18nClient, I18nOptions, Language } from '@payloadcms/translations'\nimport type {\n  ClientConfig,\n  LanguageOptions,\n  Locale,\n  RouterAdapterComponent,\n  SanitizedPermissions,\n  ServerFunctionClient,\n  User,\n} from 'payload'\n\nimport { DndContext, pointerWithin } from '@dnd-kit/core'\nimport { ModalContainer, ModalProvider } from '@faceless-ui/modal'\nimport { ScrollInfoProvider } from '@faceless-ui/scroll-info'\nimport React from 'react'\n\nimport type { Theme } from '../Theme/index.js'\n\nimport { CloseModalOnRouteChange } from '../../elements/CloseModalOnRouteChange/index.js'\nimport { DrawerStackProvider } from '../../elements/Drawer/index.js'\nimport { LoadingOverlayProvider } from '../../elements/LoadingOverlay/index.js'\nimport { NavProvider } from '../../elements/Nav/context.js'\nimport { StayLoggedInModal } from '../../elements/StayLoggedIn/index.js'\nimport { StepNavProvider } from '../../elements/StepNav/index.js'\nimport { ClickOutsideProvider } from '../../providers/ClickOutside/index.js'\nimport { WindowInfoProvider } from '../../providers/WindowInfo/index.js'\nimport { AuthProvider } from '../Auth/index.js'\nimport { ClientFunctionProvider } from '../ClientFunction/index.js'\nimport { ConfigProvider } from '../Config/index.js'\nimport { DocumentEventsProvider } from '../DocumentEvents/index.js'\nimport { HierarchyProvider } from '../Hierarchy/index.js'\nimport { LocaleProvider } from '../Locale/index.js'\nimport { PreferencesProvider } from '../Preferences/index.js'\nimport { RouteCache } from '../RouteCache/index.js'\nimport { RouteTransitionProvider } from '../RouteTransition/index.js'\nimport { ServerFunctionsProvider } from '../ServerFunctions/index.js'\nimport { ThemeProvider } from '../Theme/index.js'\nimport { ToastContainer } from '../ToastContainer/index.js'\nimport { TranslationProvider } from '../Translation/index.js'\nimport { UploadHandlersProvider } from '../UploadHandlers/index.js'\n\ntype Props = {\n  readonly children: React.ReactNode\n  readonly config: ClientConfig\n  readonly dateFNSKey: Language['dateFNSKey']\n  readonly fallbackLang: I18nOptions['fallbackLanguage']\n  readonly highContrastMode: boolean\n  readonly isNavOpen?: boolean\n  readonly languageCode: string\n  readonly languageOptions: LanguageOptions\n  readonly locale?: Locale['code']\n  readonly permissions: SanitizedPermissions\n  readonly RouterAdapter: RouterAdapterComponent\n  readonly serverFunction: ServerFunctionClient\n  readonly theme: Theme\n  readonly translations: I18nClient['translations']\n  readonly user: null | User\n}\n\nexport const RootProvider: React.FC<Props> = ({\n  children,\n  config,\n  dateFNSKey,\n  fallbackLang,\n  highContrastMode,\n  isNavOpen,\n  languageCode,\n  languageOptions,\n  locale,\n  permissions,\n  RouterAdapter,\n  serverFunction,\n  theme,\n  translations,\n  user,\n}) => {\n  const dndContextID = React.useId()\n\n  return (\n    <ClickOutsideProvider>\n      <RouterAdapter>\n        <ServerFunctionsProvider serverFunction={serverFunction}>\n          <RouteTransitionProvider>\n            <RouteCache\n              cachingEnabled={process.env.NEXT_PUBLIC_ENABLE_ROUTER_CACHE_REFRESH === 'true'}\n            >\n              <ConfigProvider config={config}>\n                <ClientFunctionProvider>\n                  <TranslationProvider\n                    dateFNSKey={dateFNSKey}\n                    fallbackLang={fallbackLang}\n                    language={languageCode}\n                    languageOptions={languageOptions}\n                    translations={translations}\n                  >\n                    <WindowInfoProvider\n                      breakpoints={{\n                        l: '(max-width: 1440px)',\n                        m: '(max-width: 1024px)',\n                        s: '(max-width: 768px)',\n                        xs: '(max-width: 400px)',\n                      }}\n                    >\n                      <ScrollInfoProvider>\n                        <ModalProvider classPrefix=\"payload\" transTime={0} zIndex=\"var(--z-modal)\">\n                          <DrawerStackProvider>\n                            <CloseModalOnRouteChange />\n                            <AuthProvider permissions={permissions} user={user}>\n                              <PreferencesProvider>\n                                <HierarchyProvider>\n                                  <ThemeProvider highContrastMode={highContrastMode} theme={theme}>\n                                    <LocaleProvider locale={locale}>\n                                      <StepNavProvider>\n                                        <LoadingOverlayProvider>\n                                          <DocumentEventsProvider>\n                                            <NavProvider initialIsOpen={isNavOpen}>\n                                              <UploadHandlersProvider>\n                                                <DndContext\n                                                  collisionDetection={pointerWithin}\n                                                  // Provide stable ID to fix hydration issues: https://github.com/clauderic/dnd-kit/issues/926\n                                                  id={dndContextID}\n                                                >\n                                                  {children}\n                                                </DndContext>\n                                              </UploadHandlersProvider>\n                                            </NavProvider>\n                                          </DocumentEventsProvider>\n                                        </LoadingOverlayProvider>\n                                      </StepNavProvider>\n                                    </LocaleProvider>\n                                  </ThemeProvider>\n                                </HierarchyProvider>\n                              </PreferencesProvider>\n                              <ModalContainer />\n                              <StayLoggedInModal />\n                            </AuthProvider>\n                          </DrawerStackProvider>\n                        </ModalProvider>\n                      </ScrollInfoProvider>\n                    </WindowInfoProvider>\n                  </TranslationProvider>\n                </ClientFunctionProvider>\n              </ConfigProvider>\n            </RouteCache>\n          </RouteTransitionProvider>\n        </ServerFunctionsProvider>\n      </RouterAdapter>\n      <ToastContainer config={config} />\n    </ClickOutsideProvider>\n  )\n}\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"file":"index.js","names":["c","_c","DndContext","pointerWithin","ModalContainer","ModalProvider","ScrollInfoProvider","React","CloseModalOnRouteChange","DrawerStackProvider","LoadingOverlayProvider","NavProvider","StayLoggedInModal","StepNavProvider","ClickOutsideProvider","WindowInfoProvider","AuthProvider","ClientFunctionProvider","ConfigProvider","DocumentEventsProvider","EmbedProvider","HierarchyProvider","LocaleProvider","PreferencesProvider","RouteCache","RouteTransitionProvider","ServerFunctionsProvider","ThemeProvider","ToastContainer","TranslationProvider","UploadHandlersProvider","RootProvider","t0","$","children","config","dateFNSKey","embed","fallbackLang","highContrastMode","isNavOpen","languageCode","languageOptions","locale","permissions","RouterAdapter","serverFunction","theme","translations","user","dndContextID","useId","t1","_jsxs","_jsx","cachingEnabled","process","env","NEXT_PUBLIC_ENABLE_ROUTER_CACHE_REFRESH","language","breakpoints","l","m","s","xs","classPrefix","transTime","zIndex","initialIsOpen","collisionDetection","id"],"sources":["../../../src/providers/Root/index.tsx"],"sourcesContent":["'use client'\nimport type { I18nClient, I18nOptions, Language } from '@payloadcms/translations'\nimport type {\n  ClientConfig,\n  LanguageOptions,\n  Locale,\n  RouterAdapterComponent,\n  SanitizedPermissions,\n  ServerFunctionClient,\n  User,\n} from 'payload'\n\nimport { DndContext, pointerWithin } from '@dnd-kit/core'\nimport { ModalContainer, ModalProvider } from '@faceless-ui/modal'\nimport { ScrollInfoProvider } from '@faceless-ui/scroll-info'\nimport React from 'react'\n\nimport type { Theme } from '../Theme/index.js'\n\nimport { CloseModalOnRouteChange } from '../../elements/CloseModalOnRouteChange/index.js'\nimport { DrawerStackProvider } from '../../elements/Drawer/index.js'\nimport { LoadingOverlayProvider } from '../../elements/LoadingOverlay/index.js'\nimport { NavProvider } from '../../elements/Nav/context.js'\nimport { StayLoggedInModal } from '../../elements/StayLoggedIn/index.js'\nimport { StepNavProvider } from '../../elements/StepNav/index.js'\nimport { ClickOutsideProvider } from '../../providers/ClickOutside/index.js'\nimport { WindowInfoProvider } from '../../providers/WindowInfo/index.js'\nimport { AuthProvider } from '../Auth/index.js'\nimport { ClientFunctionProvider } from '../ClientFunction/index.js'\nimport { ConfigProvider } from '../Config/index.js'\nimport { DocumentEventsProvider } from '../DocumentEvents/index.js'\nimport { EmbedProvider } from '../Embed/index.js'\nimport { HierarchyProvider } from '../Hierarchy/index.js'\nimport { LocaleProvider } from '../Locale/index.js'\nimport { PreferencesProvider } from '../Preferences/index.js'\nimport { RouteCache } from '../RouteCache/index.js'\nimport { RouteTransitionProvider } from '../RouteTransition/index.js'\nimport { ServerFunctionsProvider } from '../ServerFunctions/index.js'\nimport { ThemeProvider } from '../Theme/index.js'\nimport { ToastContainer } from '../ToastContainer/index.js'\nimport { TranslationProvider } from '../Translation/index.js'\nimport { UploadHandlersProvider } from '../UploadHandlers/index.js'\n\ntype Props = {\n  readonly children: React.ReactNode\n  readonly config: ClientConfig\n  readonly dateFNSKey: Language['dateFNSKey']\n  readonly embed?: boolean\n  readonly fallbackLang: I18nOptions['fallbackLanguage']\n  readonly highContrastMode: boolean\n  readonly isNavOpen?: boolean\n  readonly languageCode: string\n  readonly languageOptions: LanguageOptions\n  readonly locale?: Locale['code']\n  readonly permissions: SanitizedPermissions\n  readonly RouterAdapter: RouterAdapterComponent\n  readonly serverFunction: ServerFunctionClient\n  readonly theme: Theme\n  readonly translations: I18nClient['translations']\n  readonly user: null | User\n}\n\nexport const RootProvider: React.FC<Props> = ({\n  children,\n  config,\n  dateFNSKey,\n  embed,\n  fallbackLang,\n  highContrastMode,\n  isNavOpen,\n  languageCode,\n  languageOptions,\n  locale,\n  permissions,\n  RouterAdapter,\n  serverFunction,\n  theme,\n  translations,\n  user,\n}) => {\n  const dndContextID = React.useId()\n\n  return (\n    <ClickOutsideProvider>\n      <RouteTransitionProvider>\n        <RouterAdapter>\n          <ServerFunctionsProvider serverFunction={serverFunction}>\n            <RouteCache\n              cachingEnabled={process.env.NEXT_PUBLIC_ENABLE_ROUTER_CACHE_REFRESH === 'true'}\n            >\n              <ConfigProvider config={config}>\n                <ClientFunctionProvider>\n                  <TranslationProvider\n                    dateFNSKey={dateFNSKey}\n                    fallbackLang={fallbackLang}\n                    language={languageCode}\n                    languageOptions={languageOptions}\n                    translations={translations}\n                  >\n                    <WindowInfoProvider\n                      breakpoints={{\n                        l: '(max-width: 1440px)',\n                        m: '(max-width: 1024px)',\n                        s: '(max-width: 768px)',\n                        xs: '(max-width: 400px)',\n                      }}\n                    >\n                      <ScrollInfoProvider>\n                        <ModalProvider classPrefix=\"payload\" transTime={0} zIndex=\"var(--z-modal)\">\n                          <DrawerStackProvider>\n                            <CloseModalOnRouteChange />\n                            <AuthProvider permissions={permissions} user={user}>\n                              <PreferencesProvider>\n                                <HierarchyProvider>\n                                  <ThemeProvider highContrastMode={highContrastMode} theme={theme}>\n                                    <EmbedProvider embed={embed}>\n                                      <LocaleProvider locale={locale}>\n                                        <StepNavProvider>\n                                          <LoadingOverlayProvider>\n                                            <DocumentEventsProvider>\n                                              <NavProvider initialIsOpen={isNavOpen}>\n                                                <UploadHandlersProvider>\n                                                  <DndContext\n                                                    collisionDetection={pointerWithin}\n                                                    // Provide stable ID to fix hydration issues: https://github.com/clauderic/dnd-kit/issues/926\n                                                    id={dndContextID}\n                                                  >\n                                                    {children}\n                                                  </DndContext>\n                                                </UploadHandlersProvider>\n                                              </NavProvider>\n                                            </DocumentEventsProvider>\n                                          </LoadingOverlayProvider>\n                                        </StepNavProvider>\n                                      </LocaleProvider>\n                                    </EmbedProvider>\n                                  </ThemeProvider>\n                                </HierarchyProvider>\n                              </PreferencesProvider>\n                              <ModalContainer />\n                              <StayLoggedInModal />\n                            </AuthProvider>\n                          </DrawerStackProvider>\n                        </ModalProvider>\n                      </ScrollInfoProvider>\n                    </WindowInfoProvider>\n                  </TranslationProvider>\n                </ClientFunctionProvider>\n              </ConfigProvider>\n            </RouteCache>\n          </ServerFunctionsProvider>\n        </RouterAdapter>\n      </RouteTransitionProvider>\n      <ToastContainer config={config} />\n    </ClickOutsideProvider>\n  )\n}\n"],"mappings":"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","ignoreList":[]}

package/dist/providers/RouteTransition/ProgressBar/index.js

@@ -46,7 +46,7 @@ export const ProgressBar = () => {
         }
       } else {
         shouldDelayProgress.current = true;
-        setProgressToShow(1);
+        setProgressToShow(_temp);
         clearTimerID = setTimeout(() => {
           setProgressToShow(null);
         }, transitionDuration * 2);
@@ -101,4 +101,7 @@ export const ProgressBar = () => {
   }
   return null;
 };
+function _temp(currentProgress) {
+  return currentProgress === null ? null : 1;
+}
 //# sourceMappingURL=index.js.map

package/dist/providers/RouteTransition/ProgressBar/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["c","_c","React","useEffect","useRef","useRouteTransition","transitionDuration","baseClass","initialDelay","ProgressBar","$","isTransitioning","transitionProgress","progressToShow","setProgressToShow","useState","shouldDelayProgress","t0","t1","clearTimerID","delayTimerID","current","clearTimeout","t2","t3","filter","Boolean","t4","join","t5","_jsx","className","style","children","width"],"sources":["../../../../src/providers/RouteTransition/ProgressBar/index.tsx"],"sourcesContent":["'use client'\nimport React, { useEffect, useRef } from 'react'\n\nimport { useRouteTransition } from '../index.js'\nimport './index.css'\n\nconst transitionDuration = 200\nconst baseClass = 'progress-bar'\nconst initialDelay = 150\n\n/**\n * Renders a progress bar that shows the progress of a route transition.\n * Place this at the root of your application, inside of the `RouteTransitionProvider`.\n * When a transition is triggered, the progress bar will show the progress of that transition and exit when the transition is complete.\n * @returns A progress bar that shows the progress of a route transition\n * @example\n * import { RouteTransitionProvider, ProgressBar, Link } from '@payloadcms/ui'\n * const App = () => (\n * <RouteTransitionProvider>\n *  <ProgressBar />\n *  <Link href=\"/somewhere\">Go Somewhere</Link>\n * </RouteTransitionProvider>\n */\nexport const ProgressBar = () => {\n  const { isTransitioning, transitionProgress } = useRouteTransition()\n  const [progressToShow, setProgressToShow] = React.useState<null | number>(null)\n  const shouldDelayProgress = useRef(true)\n\n  useEffect(() => {\n    let clearTimerID: NodeJS.Timeout\n    let delayTimerID: NodeJS.Timeout\n\n    if (isTransitioning) {\n      if (shouldDelayProgress.current) {\n        delayTimerID = setTimeout(() => {\n          setProgressToShow(transitionProgress)\n          shouldDelayProgress.current = false\n        }, initialDelay)\n      } else {\n        setProgressToShow(transitionProgress)\n      }\n    } else {\n      shouldDelayProgress.current = true\n\n      // Fast forward to 100% when the transition is complete\n      // Then fade out the progress bar directly after\n      setProgressToShow(1)\n\n      // Wait for CSS transition to finish before hiding the progress bar\n      // This includes both the fast-forward to 100% and the subsequent fade-out\n      clearTimerID = setTimeout(() => {\n        setProgressToShow(null)\n      }, transitionDuration * 2)\n    }\n\n    return () => {\n      clearTimeout(clearTimerID)\n      clearTimeout(delayTimerID)\n    }\n  }, [isTransitioning, transitionProgress])\n\n  if (typeof progressToShow === 'number') {\n    return (\n      <div\n        className={[baseClass, progressToShow === 1 && `${baseClass}--fade-out`]\n          .filter(Boolean)\n          .join(' ')}\n        style={{\n          // @ts-expect-error - TS doesn't like custom CSS properties\n          '--transition-duration': `${transitionDuration}ms`,\n        }}\n      >\n        <div\n          className={`${baseClass}__progress`}\n          style={{\n            width: `${(progressToShow || 0) * 100}%`,\n          }}\n        />\n      </div>\n    )\n  }\n\n  return null\n}\n"],"mappings":"AAAA;;AAAA,SAAAA,CAAA,IAAAC,EAAA;;AACA,OAAOC,KAAA,IAASC,SAAS,EAAEC,MAAM,QAAQ;AAEzC,SAASC,kBAAkB,QAAQ;AACnC,OAAO;AAEP,MAAMC,kBAAA,GAAqB;AAC3B,MAAMC,SAAA,GAAY;AAClB,MAAMC,YAAA,GAAe;AAErB;;;;;;;;;;;;;AAaA,OAAO,MAAMC,WAAA,GAAcA,CAAA;EAAA,MAAAC,CAAA,GAAAT,EAAA;EACzB;IAAAU,eAAA;IAAAC;EAAA,IAAgDP,kBAAA;EAChD,OAAAQ,cAAA,EAAAC,iBAAA,IAA4CZ,KAAA,CAAAa,QAAA,KAA8B;EAC1E,MAAAC,mBAAA,GAA4BZ,MAAA,KAAO;EAAA,IAAAa,EAAA;EAAA,IAAAC,EAAA;EAAA,IAAAR,CAAA,QAAAC,eAAA,IAAAD,CAAA,QAAAE,kBAAA;IAEzBK,EAAA,GAAAA,CAAA;MACJE,GAAA,CAAAA,YAAA;MACAC,GAAA,CAAAA,YAAA;MAAA,IAEAT,eAAA;QAAA,IACEK,mBAAA,CAAAK,OAAA;UACFD,YAAA,CAAAA,CAAA,CAAeA,aAAA,CAAAA,EAAA,CAAAA;YACbN,iBAAA,CAAkBF,kBAAA;YAClBI,mBAAA,CAAAK,OAAA;UAAA,GAAAb,YACC;QAHH;UAKAM,iBAAA,CAAkBF,kBAAA;QAAA;MAAA;QAGpBI,mBAAA,CAAAK,OAAA;QAIAP,iBAAA,EAAkB;QAIlBK,YAAA,CAAAA,CAAA,CAAeA,aAAA,CAAAA,EAAA,CAAAA;UACbL,iBAAA,KAAkB;QAAA,GACjBR,kBAAA,IAAqB;MAFxB;MAAA;QAMAgB,YAAA,CAAaH,YAAA;QACbG,YAAA,CAAaF,YAAA;MAAA;IAAA;IAEdF,EAAA,IAACP,eAAA,EAAiBC,kBAAA;IAAmBF,CAAA,MAAAC,eAAA;IAAAD,CAAA,MAAAE,kBAAA;IAAAF,CAAA,MAAAO,EAAA;IAAAP,CAAA,MAAAQ,EAAA;EAAA;IAAAD,EAAA,GAAAP,CAAA;IAAAQ,EAAA,GAAAR,CAAA;EAAA;EA/BxCP,SAAA,CAAUc,EA+BV,EAAGC,EAAqC;EAAA,IAEpC,OAAOL,cAAA,KAAmB;IAGD,MAAAU,EAAA,GAAAV,cAAA,MAAmB,IAAK,GAAAN,SAAA,YAAwB;IAAA,IAAAiB,EAAA;IAAA,IAAAd,CAAA,QAAAa,EAAA;MAA5DC,EAAA,IAAAjB,SAAA,EAAYgB,EAAgD,EAAAE,MAAA,CAAAC,OAC7D;MAAAhB,CAAA,MAAAa,EAAA;MAAAb,CAAA,MAAAc,EAAA;IAAA;MAAAA,EAAA,GAAAd,CAAA;IAAA;IADC,MAAAiB,EAAA,GAAAH,EACD,CAAAI,IAAA,CACF;IAAA,IAAAC,EAAA;IAAA,IAAAnB,CAAA,QAAAG,cAAA,IAAAH,CAAA,QAAAiB,EAAA;MAHVE,EAAA,GAAAC,IAAA,CAAC;QAAAC,SAAA,EACYJ,EAEH;QAAAK,KAAA;UAAA,yBAGmB,GAAA1B,kBAAA;QAAyB;QAAA2B,QAAA,EAGpDH,IAAA,CAAC;UAAAC,SAAA,EACY,GAAAxB,SAAA,YAAwB;UAAAyB,KAAA;YAAAE,KAAA,EAE1B,GAAG,CAACrB,cAAA,KAAkB,OAAK;UAAM;QAAA,C;;;;;;;;WAZ9CgB,E;;;CAoBN","ignoreList":[]}
+{"version":3,"file":"index.js","names":["c","_c","React","useEffect","useRef","useRouteTransition","transitionDuration","baseClass","initialDelay","ProgressBar","$","isTransitioning","transitionProgress","progressToShow","setProgressToShow","useState","shouldDelayProgress","t0","t1","clearTimerID","delayTimerID","current","_temp","clearTimeout","t2","t3","filter","Boolean","t4","join","t5","_jsx","className","style","children","width","currentProgress"],"sources":["../../../../src/providers/RouteTransition/ProgressBar/index.tsx"],"sourcesContent":["'use client'\nimport React, { useEffect, useRef } from 'react'\n\nimport { useRouteTransition } from '../index.js'\nimport './index.css'\n\nconst transitionDuration = 200\nconst baseClass = 'progress-bar'\nconst initialDelay = 150\n\n/**\n * Renders a progress bar that shows the progress of a route transition.\n * Place this at the root of your application, inside of the `RouteTransitionProvider`.\n * When a transition is triggered, the progress bar will show the progress of that transition and exit when the transition is complete.\n * @returns A progress bar that shows the progress of a route transition\n * @example\n * import { RouteTransitionProvider, ProgressBar, Link } from '@payloadcms/ui'\n * const App = () => (\n * <RouteTransitionProvider>\n *  <ProgressBar />\n *  <Link href=\"/somewhere\">Go Somewhere</Link>\n * </RouteTransitionProvider>\n */\nexport const ProgressBar = () => {\n  const { isTransitioning, transitionProgress } = useRouteTransition()\n  const [progressToShow, setProgressToShow] = React.useState<null | number>(null)\n  const shouldDelayProgress = useRef(true)\n\n  useEffect(() => {\n    let clearTimerID: NodeJS.Timeout\n    let delayTimerID: NodeJS.Timeout\n\n    if (isTransitioning) {\n      if (shouldDelayProgress.current) {\n        delayTimerID = setTimeout(() => {\n          setProgressToShow(transitionProgress)\n          shouldDelayProgress.current = false\n        }, initialDelay)\n      } else {\n        setProgressToShow(transitionProgress)\n      }\n    } else {\n      shouldDelayProgress.current = true\n\n      // Fast forward to 100% when the transition is complete\n      // Then fade out the progress bar directly after\n      setProgressToShow((currentProgress) => (currentProgress === null ? null : 1))\n\n      // Wait for CSS transition to finish before hiding the progress bar\n      // This includes both the fast-forward to 100% and the subsequent fade-out\n      clearTimerID = setTimeout(() => {\n        setProgressToShow(null)\n      }, transitionDuration * 2)\n    }\n\n    return () => {\n      clearTimeout(clearTimerID)\n      clearTimeout(delayTimerID)\n    }\n  }, [isTransitioning, transitionProgress])\n\n  if (typeof progressToShow === 'number') {\n    return (\n      <div\n        className={[baseClass, progressToShow === 1 && `${baseClass}--fade-out`]\n          .filter(Boolean)\n          .join(' ')}\n        style={{\n          // @ts-expect-error - TS doesn't like custom CSS properties\n          '--transition-duration': `${transitionDuration}ms`,\n        }}\n      >\n        <div\n          className={`${baseClass}__progress`}\n          style={{\n            width: `${(progressToShow || 0) * 100}%`,\n          }}\n        />\n      </div>\n    )\n  }\n\n  return null\n}\n"],"mappings":"AAAA;;AAAA,SAAAA,CAAA,IAAAC,EAAA;;AACA,OAAOC,KAAA,IAASC,SAAS,EAAEC,MAAM,QAAQ;AAEzC,SAASC,kBAAkB,QAAQ;AACnC,OAAO;AAEP,MAAMC,kBAAA,GAAqB;AAC3B,MAAMC,SAAA,GAAY;AAClB,MAAMC,YAAA,GAAe;AAErB;;;;;;;;;;;;;AAaA,OAAO,MAAMC,WAAA,GAAcA,CAAA;EAAA,MAAAC,CAAA,GAAAT,EAAA;EACzB;IAAAU,eAAA;IAAAC;EAAA,IAAgDP,kBAAA;EAChD,OAAAQ,cAAA,EAAAC,iBAAA,IAA4CZ,KAAA,CAAAa,QAAA,KAA8B;EAC1E,MAAAC,mBAAA,GAA4BZ,MAAA,KAAO;EAAA,IAAAa,EAAA;EAAA,IAAAC,EAAA;EAAA,IAAAR,CAAA,QAAAC,eAAA,IAAAD,CAAA,QAAAE,kBAAA;IAEzBK,EAAA,GAAAA,CAAA;MACJE,GAAA,CAAAA,YAAA;MACAC,GAAA,CAAAA,YAAA;MAAA,IAEAT,eAAA;QAAA,IACEK,mBAAA,CAAAK,OAAA;UACFD,YAAA,CAAAA,CAAA,CAAeA,aAAA,CAAAA,EAAA,CAAAA;YACbN,iBAAA,CAAkBF,kBAAA;YAClBI,mBAAA,CAAAK,OAAA;UAAA,GAAAb,YACC;QAHH;UAKAM,iBAAA,CAAkBF,kBAAA;QAAA;MAAA;QAGpBI,mBAAA,CAAAK,OAAA;QAIAP,iBAAA,CAAAQ,KAA0E;QAI1EH,YAAA,CAAAA,CAAA,CAAeA,aAAA,CAAAA,EAAA,CAAAA;UACbL,iBAAA,KAAkB;QAAA,GACjBR,kBAAA,IAAqB;MAFxB;MAAA;QAMAiB,YAAA,CAAaJ,YAAA;QACbI,YAAA,CAAaH,YAAA;MAAA;IAAA;IAEdF,EAAA,IAACP,eAAA,EAAiBC,kBAAA;IAAmBF,CAAA,MAAAC,eAAA;IAAAD,CAAA,MAAAE,kBAAA;IAAAF,CAAA,MAAAO,EAAA;IAAAP,CAAA,MAAAQ,EAAA;EAAA;IAAAD,EAAA,GAAAP,CAAA;IAAAQ,EAAA,GAAAR,CAAA;EAAA;EA/BxCP,SAAA,CAAUc,EA+BV,EAAGC,EAAqC;EAAA,IAEpC,OAAOL,cAAA,KAAmB;IAGD,MAAAW,EAAA,GAAAX,cAAA,MAAmB,IAAK,GAAAN,SAAA,YAAwB;IAAA,IAAAkB,EAAA;IAAA,IAAAf,CAAA,QAAAc,EAAA;MAA5DC,EAAA,IAAAlB,SAAA,EAAYiB,EAAgD,EAAAE,MAAA,CAAAC,OAC7D;MAAAjB,CAAA,MAAAc,EAAA;MAAAd,CAAA,MAAAe,EAAA;IAAA;MAAAA,EAAA,GAAAf,CAAA;IAAA;IADC,MAAAkB,EAAA,GAAAH,EACD,CAAAI,IAAA,CACF;IAAA,IAAAC,EAAA;IAAA,IAAApB,CAAA,QAAAG,cAAA,IAAAH,CAAA,QAAAkB,EAAA;MAHVE,EAAA,GAAAC,IAAA,CAAC;QAAAC,SAAA,EACYJ,EAEH;QAAAK,KAAA;UAAA,yBAGmB,GAAA3B,kBAAA;QAAyB;QAAA4B,QAAA,EAGpDH,IAAA,CAAC;UAAAC,SAAA,EACY,GAAAzB,SAAA,YAAwB;UAAA0B,KAAA;YAAAE,KAAA,EAE1B,GAAG,CAACtB,cAAA,KAAkB,OAAK;UAAM;QAAA,C;;;;;;;;WAZ9CiB,E;;;CAoBN;AA5D2B,SAAAR,MAAAc,eAAA;EAAA,OAuBmBA,eAAA,SAAoB,WAAc;AAAA","ignoreList":[]}

package/dist/providers/RouteTransition/ProgressBar/index.spec.js

@@ -0,0 +1,44 @@
+// @vitest-environment happy-dom
+import { act, createElement, useEffect } from 'react';
+import { createRoot } from 'react-dom/client';
+import { afterEach, beforeEach, expect, test, vi } from 'vitest';
+import { RouteTransitionProvider, useRouteTransition } from '../index.js';
+import { ProgressBar } from './index.js';
+let container;
+let root;
+beforeEach(() => {
+  globalThis.IS_REACT_ACT_ENVIRONMENT = true;
+  container = document.createElement('div');
+  document.body.appendChild(container);
+  root = createRoot(container);
+});
+afterEach(() => {
+  act(() => root.unmount());
+  container.remove();
+  vi.useRealTimers();
+});
+test('does not show progress for transitions that finish before the initial delay', async () => {
+  vi.useFakeTimers();
+  const FastTransition = () => {
+    const {
+      holdRouteTransition
+    } = useRouteTransition();
+    useEffect(() => {
+      const releaseRouteTransition = holdRouteTransition();
+      const timeout = setTimeout(releaseRouteTransition, 50);
+      return () => {
+        clearTimeout(timeout);
+        releaseRouteTransition();
+      };
+    }, [holdRouteTransition]);
+    return null;
+  };
+  await act(async () => {
+    root.render(createElement(RouteTransitionProvider, null, createElement(ProgressBar), createElement(FastTransition)));
+  });
+  await act(async () => {
+    await vi.advanceTimersByTimeAsync(50);
+  });
+  expect(container.querySelector('.progress-bar')).toBeNull();
+});
+//# sourceMappingURL=index.spec.js.map

package/dist/providers/RouteTransition/ProgressBar/index.spec.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.spec.js","names":["act","createElement","useEffect","createRoot","afterEach","beforeEach","expect","test","vi","RouteTransitionProvider","useRouteTransition","ProgressBar","container","root","globalThis","IS_REACT_ACT_ENVIRONMENT","document","body","appendChild","unmount","remove","useRealTimers","useFakeTimers","FastTransition","holdRouteTransition","releaseRouteTransition","timeout","setTimeout","clearTimeout","render","advanceTimersByTimeAsync","querySelector","toBeNull"],"sources":["../../../../src/providers/RouteTransition/ProgressBar/index.spec.ts"],"sourcesContent":["// @vitest-environment happy-dom\n\nimport { act, createElement, useEffect } from 'react'\nimport { createRoot, type Root } from 'react-dom/client'\nimport { afterEach, beforeEach, expect, test, vi } from 'vitest'\n\nimport { RouteTransitionProvider, useRouteTransition } from '../index.js'\nimport { ProgressBar } from './index.js'\n\nlet container: HTMLDivElement\nlet root: Root\n\nbeforeEach(() => {\n  globalThis.IS_REACT_ACT_ENVIRONMENT = true\n  container = document.createElement('div')\n  document.body.appendChild(container)\n  root = createRoot(container)\n})\n\nafterEach(() => {\n  act(() => root.unmount())\n  container.remove()\n  vi.useRealTimers()\n})\n\ntest('does not show progress for transitions that finish before the initial delay', async () => {\n  vi.useFakeTimers()\n\n  const FastTransition = () => {\n    const { holdRouteTransition } = useRouteTransition()\n\n    useEffect(() => {\n      const releaseRouteTransition = holdRouteTransition()\n      const timeout = setTimeout(releaseRouteTransition, 50)\n\n      return () => {\n        clearTimeout(timeout)\n        releaseRouteTransition()\n      }\n    }, [holdRouteTransition])\n\n    return null\n  }\n\n  await act(async () => {\n    root.render(\n      createElement(\n        RouteTransitionProvider,\n        null,\n        createElement(ProgressBar),\n        createElement(FastTransition),\n      ),\n    )\n  })\n\n  await act(async () => {\n    await vi.advanceTimersByTimeAsync(50)\n  })\n\n  expect(container.querySelector('.progress-bar')).toBeNull()\n})\n"],"mappings":"AAAA;AAEA,SAASA,GAAG,EAAEC,aAAa,EAAEC,SAAS,QAAQ;AAC9C,SAASC,UAAU,QAAmB;AACtC,SAASC,SAAS,EAAEC,UAAU,EAAEC,MAAM,EAAEC,IAAI,EAAEC,EAAE,QAAQ;AAExD,SAASC,uBAAuB,EAAEC,kBAAkB,QAAQ;AAC5D,SAASC,WAAW,QAAQ;AAE5B,IAAIC,SAAA;AACJ,IAAIC,IAAA;AAEJR,UAAA,CAAW;EACTS,UAAA,CAAWC,wBAAwB,GAAG;EACtCH,SAAA,GAAYI,QAAA,CAASf,aAAa,CAAC;EACnCe,QAAA,CAASC,IAAI,CAACC,WAAW,CAACN,SAAA;EAC1BC,IAAA,GAAOV,UAAA,CAAWS,SAAA;AACpB;AAEAR,SAAA,CAAU;EACRJ,GAAA,CAAI,MAAMa,IAAA,CAAKM,OAAO;EACtBP,SAAA,CAAUQ,MAAM;EAChBZ,EAAA,CAAGa,aAAa;AAClB;AAEAd,IAAA,CAAK,+EAA+E;EAClFC,EAAA,CAAGc,aAAa;EAEhB,MAAMC,cAAA,GAAiBA,CAAA;IACrB,MAAM;MAAEC;IAAmB,CAAE,GAAGd,kBAAA;IAEhCR,SAAA,CAAU;MACR,MAAMuB,sBAAA,GAAyBD,mBAAA;MAC/B,MAAME,OAAA,GAAUC,UAAA,CAAWF,sBAAA,EAAwB;MAEnD,OAAO;QACLG,YAAA,CAAaF,OAAA;QACbD,sBAAA;MACF;IACF,GAAG,CAACD,mBAAA,CAAoB;IAExB,OAAO;EACT;EAEA,MAAMxB,GAAA,CAAI;IACRa,IAAA,CAAKgB,MAAM,CACT5B,aAAA,CACEQ,uBAAA,EACA,MACAR,aAAA,CAAcU,WAAA,GACdV,aAAA,CAAcsB,cAAA;EAGpB;EAEA,MAAMvB,GAAA,CAAI;IACR,MAAMQ,EAAA,CAAGsB,wBAAwB,CAAC;EACpC;EAEAxB,MAAA,CAAOM,SAAA,CAAUmB,aAAa,CAAC,kBAAkBC,QAAQ;AAC3D","ignoreList":[]}

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

@@ -21,6 +21,8 @@ type RouteTransitionProps = {
 };
 type StartRouteTransition = (callback?: () => void) => void;
 type RouteTransitionContextValue = {
+    /** Keeps the transition active until the returned release function is called. */
+    holdRouteTransition: () => () => void;
     isTransitioning: boolean;
     startRouteTransition: StartRouteTransition;
     transitionProgress: number;

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

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/providers/RouteTransition/index.tsx"],"names":[],"mappings":"AACA,OAAO,KAAyE,MAAM,OAAO,CAAA;AAE7F;;;;;;;;;;;;;;;GAeG;AACH,eAAO,MAAM,uBAAuB,EAAE,KAAK,CAAC,EAAE,CAAC,oBAAoB,CA6DlE,CAAA;AAED,KAAK,oBAAoB,GAAG;IAC1B,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAA;CAC1B,CAAA;AAED,KAAK,oBAAoB,GAAG,CAAC,QAAQ,CAAC,EAAE,MAAM,IAAI,KAAK,IAAI,CAAA;AAE3D,KAAK,2BAA2B,GAAG;IACjC,eAAe,EAAE,OAAO,CAAA;IACxB,oBAAoB,EAAE,oBAAoB,CAAA;IAC1C,kBAAkB,EAAE,MAAM,CAAA;CAC3B,CAAA;AAaD;;;;;;;;;;;;;;;;;;;GAmBG;AACH,eAAO,MAAM,kBAAkB,mCAA0C,CAAA"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/providers/RouteTransition/index.tsx"],"names":[],"mappings":"AACA,OAAO,KAAyE,MAAM,OAAO,CAAA;AAE7F;;;;;;;;;;;;;;;GAeG;AACH,eAAO,MAAM,uBAAuB,EAAE,KAAK,CAAC,EAAE,CAAC,oBAAoB,CAqFlE,CAAA;AAED,KAAK,oBAAoB,GAAG;IAC1B,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAA;CAC1B,CAAA;AAED,KAAK,oBAAoB,GAAG,CAAC,QAAQ,CAAC,EAAE,MAAM,IAAI,KAAK,IAAI,CAAA;AAE3D,KAAK,2BAA2B,GAAG;IACjC,iFAAiF;IACjF,mBAAmB,EAAE,MAAM,MAAM,IAAI,CAAA;IACrC,eAAe,EAAE,OAAO,CAAA;IACxB,oBAAoB,EAAE,oBAAoB,CAAA;IAC1C,kBAAkB,EAAE,MAAM,CAAA;CAC3B,CAAA;AAcD;;;;;;;;;;;;;;;;;;;GAmBG;AACH,eAAO,MAAM,kBAAkB,mCAA0C,CAAA"}

package/dist/providers/RouteTransition/index.js

@@ -20,12 +20,14 @@ import React, { startTransition, useCallback, useEffect, useOptimistic, useRef }
  * )
  */
 export const RouteTransitionProvider = t0 => {
-  const $ = _c(11);
+  const $ = _c(12);
   const {
     children
   } = t0;
-  const [isTransitioning, setIsTransitioning] = useOptimistic(false);
+  const [isOptimisticallyTransitioning, setIsOptimisticallyTransitioning] = useOptimistic(false);
+  const [activeRouteTransitionHolds, setActiveRouteTransitionHolds] = React.useState(0);
   const [transitionProgress, setTransitionProgress] = React.useState(0);
+  const isTransitioning = isOptimisticallyTransitioning || activeRouteTransitionHolds > 0;
   const transitionProgressRef = useRef(transitionProgress);
   const timerID = useRef(null);
   let t1;
@@ -66,42 +68,62 @@ export const RouteTransitionProvider = t0 => {
   }
   useEffect(t2, t3);
   let t4;
-  if ($[4] !== setIsTransitioning) {
+  if ($[4] !== setIsOptimisticallyTransitioning) {
     t4 = callback => {
       startTransition(() => {
-        setIsTransitioning(true);
+        setIsOptimisticallyTransitioning(true);
         if (typeof callback === "function") {
           callback();
         }
       });
     };
-    $[4] = setIsTransitioning;
+    $[4] = setIsOptimisticallyTransitioning;
     $[5] = t4;
   } else {
     t4 = $[5];
   }
   const startRouteTransition = t4;
   let t5;
-  if ($[6] !== children || $[7] !== isTransitioning || $[8] !== startRouteTransition || $[9] !== transitionProgress) {
-    t5 = _jsx(RouteTransitionContext, {
+  if ($[6] === Symbol.for("react.memo_cache_sentinel")) {
+    t5 = () => {
+      let hasReleased = false;
+      setActiveRouteTransitionHolds(_temp);
+      return () => {
+        if (hasReleased) {
+          return;
+        }
+        hasReleased = true;
+        setActiveRouteTransitionHolds(_temp2);
+      };
+    };
+    $[6] = t5;
+  } else {
+    t5 = $[6];
+  }
+  const holdRouteTransition = t5;
+  let t6;
+  if ($[7] !== children || $[8] !== isTransitioning || $[9] !== startRouteTransition || $[10] !== transitionProgress) {
+    t6 = _jsx(RouteTransitionContext, {
       value: {
+        holdRouteTransition,
         isTransitioning,
         startRouteTransition,
         transitionProgress
       },
       children
     });
-    $[6] = children;
-    $[7] = isTransitioning;
-    $[8] = startRouteTransition;
-    $[9] = transitionProgress;
-    $[10] = t5;
+    $[7] = children;
+    $[8] = isTransitioning;
+    $[9] = startRouteTransition;
+    $[10] = transitionProgress;
+    $[11] = t6;
   } else {
-    t5 = $[10];
+    t6 = $[11];
   }
-  return t5;
+  return t6;
 };
 const RouteTransitionContext = /*#__PURE__*/React.createContext({
+  holdRouteTransition: () => () => undefined,
   isTransitioning: false,
   // Default implementation: just call the callback directly (no transition animation)
   startRouteTransition: callback => {
@@ -132,4 +154,10 @@ const RouteTransitionContext = /*#__PURE__*/React.createContext({
  * }
  */
 export const useRouteTransition = () => React.use(RouteTransitionContext);
+function _temp(count) {
+  return count + 1;
+}
+function _temp2(count_0) {
+  return Math.max(0, count_0 - 1);
+}
 //# sourceMappingURL=index.js.map