@payloadcms/ui 3.68.0-internal-debug.185cc5f → 3.68.0-internal-debug.dafc24d

package/dist/providers/Preferences/index.js

@@ -1,5 +1,5 @@
 'use client';
-import { jsx as _jsx } from "react/jsx-runtime";
+import { jsxDEV as _jsxDEV } from "react/jsx-dev-runtime";
 import { dequal } from 'dequal/lite';
 // lite: no need for Map and Set support
 import React, { createContext, use, useCallback, useEffect, useRef } from 'react';
@@ -120,10 +120,14 @@ export const PreferencesProvider = ({ children })=>{
     ]);
     contextRef.current.getPreference = getPreference;
     contextRef.current.setPreference = setPreference;
-    return /*#__PURE__*/ _jsx(Context, {
+    return /*#__PURE__*/ _jsxDEV(Context, {
         value: contextRef.current,
         children: children
-    });
+    }, void 0, false, {
+        fileName: "src/providers/Preferences/index.tsx",
+        lineNumber: 162,
+        columnNumber: 10
+    }, this);
 };
 export const usePreferences = ()=>use(Context);
 

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/providers/Preferences/index.tsx"],"sourcesContent":["'use client'\nimport { dequal } from 'dequal/lite' // lite: no need for Map and Set support\nimport React, { createContext, use, useCallback, useEffect, useRef } from 'react'\n\nimport type { Preferences } from '../../forms/Form/types.js'\n\nimport { useTranslation } from '../../providers/Translation/index.js'\nimport { requests } from '../../utilities/api.js'\nimport { deepMergeSimple } from '../../utilities/deepMerge.js'\nimport { useAuth } from '../Auth/index.js'\nimport { useConfig } from '../Config/index.js'\n\ntype PreferencesContext = {\n  getPreference: <T = Preferences>(key: string) => Promise<T>\n  /**\n   * @param key - a string identifier for the property being set\n   * @param value - preference data to store\n   * @param merge - when true will combine the existing preference object batch the change into one request for objects, default = false\n   */\n  setPreference: <T = Preferences>(key: string, value: T, merge?: boolean) => Promise<void>\n}\n\nconst Context = createContext({} as PreferencesContext)\n\nconst requestOptions = (value, language) => ({\n  body: JSON.stringify({ value }),\n  headers: {\n    'Accept-Language': language,\n    'Content-Type': 'application/json',\n  },\n})\n\nexport const PreferencesProvider: React.FC<{ children?: React.ReactNode }> = ({ children }) => {\n  const contextRef = useRef({} as PreferencesContext)\n  const preferencesRef = useRef({})\n  const pendingUpdate = useRef({})\n  const { config } = useConfig()\n  const { user } = useAuth()\n  const { i18n } = useTranslation()\n\n  const {\n    routes: { api },\n    serverURL,\n  } = config\n\n  useEffect(() => {\n    if (!user) {\n      // clear preferences between users\n      preferencesRef.current = {}\n    }\n  }, [user])\n\n  const getPreference = useCallback(\n    async <T = unknown,>(key: string): Promise<T> => {\n      const prefs = preferencesRef.current\n\n      if (typeof prefs[key] !== 'undefined') {\n        return prefs[key]\n      }\n\n      const promise = new Promise((resolve: (value: T) => void) => {\n        void (async () => {\n          const request = await requests.get(`${serverURL}${api}/payload-preferences/${key}`, {\n            credentials: 'include',\n            headers: {\n              'Accept-Language': i18n.language,\n            },\n          })\n\n          let value = null\n\n          if (request.status === 200) {\n            const preference = await request.json()\n            value = preference.value\n          }\n\n          preferencesRef.current[key] = value\n\n          resolve(value)\n        })()\n      })\n\n      prefs[key] = promise\n\n      return promise\n    },\n    [i18n.language, api, preferencesRef, serverURL],\n  )\n\n  const setPreference = useCallback(\n    async (key: string, value: unknown, merge = false): Promise<void> => {\n      if (merge === false) {\n        preferencesRef.current[key] = value\n\n        await requests.post(\n          `${serverURL}${api}/payload-preferences/${key}`,\n          requestOptions(value, i18n.language),\n        )\n\n        return\n      }\n\n      let newValue = value\n      const currentPreference = await getPreference(key)\n\n      // handle value objects where multiple values can be set under one key\n      if (\n        typeof value === 'object' &&\n        typeof currentPreference === 'object' &&\n        typeof newValue === 'object'\n      ) {\n        // merge the value with any existing preference for the key\n        if (currentPreference) {\n          newValue = deepMergeSimple(currentPreference, newValue)\n        }\n\n        if (dequal(newValue, currentPreference)) {\n          return\n        }\n\n        // add the requested changes to a pendingUpdate batch for the key\n        pendingUpdate.current[key] = {\n          ...pendingUpdate.current[key],\n          ...(newValue as Record<string, unknown>),\n        }\n      } else {\n        if (newValue === currentPreference) {\n          return\n        }\n\n        pendingUpdate.current[key] = newValue\n      }\n\n      const updatePreference = async () => {\n        // compare the value stored in context before sending to eliminate duplicate requests\n        if (dequal(pendingUpdate.current[key], preferencesRef.current[key])) {\n          return\n        }\n\n        // preference set in context here to prevent other updatePreference at the same time\n        preferencesRef.current[key] = pendingUpdate.current[key]\n\n        await requests.post(\n          `${serverURL}${api}/payload-preferences/${key}`,\n          requestOptions(preferencesRef.current[key], i18n.language),\n        )\n\n        // reset any changes for this key after sending the request\n        delete pendingUpdate.current[key]\n      }\n\n      // use timeout to allow multiple changes of different values using the same key in one request\n      setTimeout(() => {\n        void updatePreference()\n      })\n    },\n    [api, getPreference, i18n.language, pendingUpdate, serverURL],\n  )\n\n  contextRef.current.getPreference = getPreference\n  contextRef.current.setPreference = setPreference\n  return <Context value={contextRef.current}>{children}</Context>\n}\n\nexport const usePreferences = (): PreferencesContext => use(Context)\n"],"names":["dequal","React","createContext","use","useCallback","useEffect","useRef","useTranslation","requests","deepMergeSimple","useAuth","useConfig","Context","requestOptions","value","language","body","JSON","stringify","headers","PreferencesProvider","children","contextRef","preferencesRef","pendingUpdate","config","user","i18n","routes","api","serverURL","current","getPreference","key","prefs","promise","Promise","resolve","request","get","credentials","status","preference","json","setPreference","merge","post","newValue","currentPreference","updatePreference","setTimeout","usePreferences"],"mappings":"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"}
+{"version":3,"sources":["../../../src/providers/Preferences/index.tsx"],"sourcesContent":["'use client'\nimport { dequal } from 'dequal/lite' // lite: no need for Map and Set support\nimport React, { createContext, use, useCallback, useEffect, useRef } from 'react'\n\nimport type { Preferences } from '../../forms/Form/types.js'\n\nimport { useTranslation } from '../../providers/Translation/index.js'\nimport { requests } from '../../utilities/api.js'\nimport { deepMergeSimple } from '../../utilities/deepMerge.js'\nimport { useAuth } from '../Auth/index.js'\nimport { useConfig } from '../Config/index.js'\n\ntype PreferencesContext = {\n  getPreference: <T = Preferences>(key: string) => Promise<T>\n  /**\n   * @param key - a string identifier for the property being set\n   * @param value - preference data to store\n   * @param merge - when true will combine the existing preference object batch the change into one request for objects, default = false\n   */\n  setPreference: <T = Preferences>(key: string, value: T, merge?: boolean) => Promise<void>\n}\n\nconst Context = createContext({} as PreferencesContext)\n\nconst requestOptions = (value, language) => ({\n  body: JSON.stringify({ value }),\n  headers: {\n    'Accept-Language': language,\n    'Content-Type': 'application/json',\n  },\n})\n\nexport const PreferencesProvider: React.FC<{ children?: React.ReactNode }> = ({ children }) => {\n  const contextRef = useRef({} as PreferencesContext)\n  const preferencesRef = useRef({})\n  const pendingUpdate = useRef({})\n  const { config } = useConfig()\n  const { user } = useAuth()\n  const { i18n } = useTranslation()\n\n  const {\n    routes: { api },\n    serverURL,\n  } = config\n\n  useEffect(() => {\n    if (!user) {\n      // clear preferences between users\n      preferencesRef.current = {}\n    }\n  }, [user])\n\n  const getPreference = useCallback(\n    async <T = unknown,>(key: string): Promise<T> => {\n      const prefs = preferencesRef.current\n\n      if (typeof prefs[key] !== 'undefined') {\n        return prefs[key]\n      }\n\n      const promise = new Promise((resolve: (value: T) => void) => {\n        void (async () => {\n          const request = await requests.get(`${serverURL}${api}/payload-preferences/${key}`, {\n            credentials: 'include',\n            headers: {\n              'Accept-Language': i18n.language,\n            },\n          })\n\n          let value = null\n\n          if (request.status === 200) {\n            const preference = await request.json()\n            value = preference.value\n          }\n\n          preferencesRef.current[key] = value\n\n          resolve(value)\n        })()\n      })\n\n      prefs[key] = promise\n\n      return promise\n    },\n    [i18n.language, api, preferencesRef, serverURL],\n  )\n\n  const setPreference = useCallback(\n    async (key: string, value: unknown, merge = false): Promise<void> => {\n      if (merge === false) {\n        preferencesRef.current[key] = value\n\n        await requests.post(\n          `${serverURL}${api}/payload-preferences/${key}`,\n          requestOptions(value, i18n.language),\n        )\n\n        return\n      }\n\n      let newValue = value\n      const currentPreference = await getPreference(key)\n\n      // handle value objects where multiple values can be set under one key\n      if (\n        typeof value === 'object' &&\n        typeof currentPreference === 'object' &&\n        typeof newValue === 'object'\n      ) {\n        // merge the value with any existing preference for the key\n        if (currentPreference) {\n          newValue = deepMergeSimple(currentPreference, newValue)\n        }\n\n        if (dequal(newValue, currentPreference)) {\n          return\n        }\n\n        // add the requested changes to a pendingUpdate batch for the key\n        pendingUpdate.current[key] = {\n          ...pendingUpdate.current[key],\n          ...(newValue as Record<string, unknown>),\n        }\n      } else {\n        if (newValue === currentPreference) {\n          return\n        }\n\n        pendingUpdate.current[key] = newValue\n      }\n\n      const updatePreference = async () => {\n        // compare the value stored in context before sending to eliminate duplicate requests\n        if (dequal(pendingUpdate.current[key], preferencesRef.current[key])) {\n          return\n        }\n\n        // preference set in context here to prevent other updatePreference at the same time\n        preferencesRef.current[key] = pendingUpdate.current[key]\n\n        await requests.post(\n          `${serverURL}${api}/payload-preferences/${key}`,\n          requestOptions(preferencesRef.current[key], i18n.language),\n        )\n\n        // reset any changes for this key after sending the request\n        delete pendingUpdate.current[key]\n      }\n\n      // use timeout to allow multiple changes of different values using the same key in one request\n      setTimeout(() => {\n        void updatePreference()\n      })\n    },\n    [api, getPreference, i18n.language, pendingUpdate, serverURL],\n  )\n\n  contextRef.current.getPreference = getPreference\n  contextRef.current.setPreference = setPreference\n  return <Context value={contextRef.current}>{children}</Context>\n}\n\nexport const usePreferences = (): PreferencesContext => use(Context)\n"],"names":["dequal","React","createContext","use","useCallback","useEffect","useRef","useTranslation","requests","deepMergeSimple","useAuth","useConfig","Context","requestOptions","value","language","body","JSON","stringify","headers","PreferencesProvider","children","contextRef","preferencesRef","pendingUpdate","config","user","i18n","routes","api","serverURL","current","getPreference","key","prefs","promise","Promise","resolve","request","get","credentials","status","preference","json","setPreference","merge","post","newValue","currentPreference","updatePreference","setTimeout","usePreferences"],"mappings":"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"}

package/dist/providers/Root/index.js

@@ -1,5 +1,5 @@
 'use client';
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { jsxDEV as _jsxDEV } from "react/jsx-dev-runtime";
 import { DndContext, pointerWithin } from '@dnd-kit/core';
 import { ModalContainer, ModalProvider } from '@faceless-ui/modal';
 import { ScrollInfoProvider } from '@faceless-ui/scroll-info';
@@ -28,88 +28,192 @@ import { TranslationProvider } from '../Translation/index.js';
 import { UploadHandlersProvider } from '../UploadHandlers/index.js';
 export const RootProvider = ({ children, config, dateFNSKey, fallbackLang, isNavOpen, languageCode, languageOptions, locale, permissions, serverFunction, switchLanguageServerAction, theme, translations, user })=>{
     const dndContextID = React.useId();
-    return /*#__PURE__*/ _jsxs(ClickOutsideProvider, {
+    return /*#__PURE__*/ _jsxDEV(ClickOutsideProvider, {
         children: [
-            /*#__PURE__*/ _jsx(ServerFunctionsProvider, {
+            /*#__PURE__*/ _jsxDEV(ServerFunctionsProvider, {
                 serverFunction: serverFunction,
-                children: /*#__PURE__*/ _jsx(RouteTransitionProvider, {
-                    children: /*#__PURE__*/ _jsx(RouteCache, {
+                children: /*#__PURE__*/ _jsxDEV(RouteTransitionProvider, {
+                    children: /*#__PURE__*/ _jsxDEV(RouteCache, {
                         cachingEnabled: process.env.NEXT_PUBLIC_ENABLE_ROUTER_CACHE_REFRESH === 'true',
-                        children: /*#__PURE__*/ _jsx(ConfigProvider, {
+                        children: /*#__PURE__*/ _jsxDEV(ConfigProvider, {
                             config: config,
-                            children: /*#__PURE__*/ _jsx(ClientFunctionProvider, {
-                                children: /*#__PURE__*/ _jsx(TranslationProvider, {
+                            children: /*#__PURE__*/ _jsxDEV(ClientFunctionProvider, {
+                                children: /*#__PURE__*/ _jsxDEV(TranslationProvider, {
                                     dateFNSKey: dateFNSKey,
                                     fallbackLang: fallbackLang,
                                     language: languageCode,
                                     languageOptions: languageOptions,
                                     switchLanguageServerAction: switchLanguageServerAction,
                                     translations: translations,
-                                    children: /*#__PURE__*/ _jsx(WindowInfoProvider, {
+                                    children: /*#__PURE__*/ _jsxDEV(WindowInfoProvider, {
                                         breakpoints: {
                                             l: '(max-width: 1440px)',
                                             m: '(max-width: 1024px)',
                                             s: '(max-width: 768px)',
                                             xs: '(max-width: 400px)'
                                         },
-                                        children: /*#__PURE__*/ _jsx(ScrollInfoProvider, {
-                                            children: /*#__PURE__*/ _jsx(SearchParamsProvider, {
-                                                children: /*#__PURE__*/ _jsxs(ModalProvider, {
+                                        children: /*#__PURE__*/ _jsxDEV(ScrollInfoProvider, {
+                                            children: /*#__PURE__*/ _jsxDEV(SearchParamsProvider, {
+                                                children: /*#__PURE__*/ _jsxDEV(ModalProvider, {
                                                     classPrefix: "payload",
                                                     transTime: 0,
                                                     zIndex: "var(--z-modal)",
                                                     children: [
-                                                        /*#__PURE__*/ _jsx(CloseModalOnRouteChange, {}),
-                                                        /*#__PURE__*/ _jsxs(AuthProvider, {
+                                                        /*#__PURE__*/ _jsxDEV(CloseModalOnRouteChange, {}, void 0, false, {
+                                                            fileName: "src/providers/Root/index.tsx",
+                                                            lineNumber: 105,
+                                                            columnNumber: 27
+                                                        }, this),
+                                                        /*#__PURE__*/ _jsxDEV(AuthProvider, {
                                                             permissions: permissions,
                                                             user: user,
                                                             children: [
-                                                                /*#__PURE__*/ _jsx(PreferencesProvider, {
-                                                                    children: /*#__PURE__*/ _jsx(ThemeProvider, {
+                                                                /*#__PURE__*/ _jsxDEV(PreferencesProvider, {
+                                                                    children: /*#__PURE__*/ _jsxDEV(ThemeProvider, {
                                                                         theme: theme,
-                                                                        children: /*#__PURE__*/ _jsx(ParamsProvider, {
-                                                                            children: /*#__PURE__*/ _jsx(LocaleProvider, {
+                                                                        children: /*#__PURE__*/ _jsxDEV(ParamsProvider, {
+                                                                            children: /*#__PURE__*/ _jsxDEV(LocaleProvider, {
                                                                                 locale: locale,
-                                                                                children: /*#__PURE__*/ _jsx(StepNavProvider, {
-                                                                                    children: /*#__PURE__*/ _jsx(LoadingOverlayProvider, {
-                                                                                        children: /*#__PURE__*/ _jsx(DocumentEventsProvider, {
-                                                                                            children: /*#__PURE__*/ _jsx(NavProvider, {
+                                                                                children: /*#__PURE__*/ _jsxDEV(StepNavProvider, {
+                                                                                    children: /*#__PURE__*/ _jsxDEV(LoadingOverlayProvider, {
+                                                                                        children: /*#__PURE__*/ _jsxDEV(DocumentEventsProvider, {
+                                                                                            children: /*#__PURE__*/ _jsxDEV(NavProvider, {
                                                                                                 initialIsOpen: isNavOpen,
-                                                                                                children: /*#__PURE__*/ _jsx(UploadHandlersProvider, {
-                                                                                                    children: /*#__PURE__*/ _jsx(DndContext, {
+                                                                                                children: /*#__PURE__*/ _jsxDEV(UploadHandlersProvider, {
+                                                                                                    children: /*#__PURE__*/ _jsxDEV(DndContext, {
                                                                                                         collisionDetection: pointerWithin,
                                                                                                         id: dndContextID,
                                                                                                         children: children
-                                                                                                    })
-                                                                                                })
-                                                                                            })
-                                                                                        })
-                                                                                    })
-                                                                                })
-                                                                            })
-                                                                        })
-                                                                    })
-                                                                }),
-                                                                /*#__PURE__*/ _jsx(ModalContainer, {}),
-                                                                /*#__PURE__*/ _jsx(StayLoggedInModal, {})
+                                                                                                    }, void 0, false, {
+                                                                                                        fileName: "src/providers/Root/index.tsx",
+                                                                                                        lineNumber: 116,
+                                                                                                        columnNumber: 47
+                                                                                                    }, this)
+                                                                                                }, void 0, false, {
+                                                                                                    fileName: "src/providers/Root/index.tsx",
+                                                                                                    lineNumber: 115,
+                                                                                                    columnNumber: 45
+                                                                                                }, this)
+                                                                                            }, void 0, false, {
+                                                                                                fileName: "src/providers/Root/index.tsx",
+                                                                                                lineNumber: 114,
+                                                                                                columnNumber: 43
+                                                                                            }, this)
+                                                                                        }, void 0, false, {
+                                                                                            fileName: "src/providers/Root/index.tsx",
+                                                                                            lineNumber: 113,
+                                                                                            columnNumber: 41
+                                                                                        }, this)
+                                                                                    }, void 0, false, {
+                                                                                        fileName: "src/providers/Root/index.tsx",
+                                                                                        lineNumber: 112,
+                                                                                        columnNumber: 39
+                                                                                    }, this)
+                                                                                }, void 0, false, {
+                                                                                    fileName: "src/providers/Root/index.tsx",
+                                                                                    lineNumber: 111,
+                                                                                    columnNumber: 37
+                                                                                }, this)
+                                                                            }, void 0, false, {
+                                                                                fileName: "src/providers/Root/index.tsx",
+                                                                                lineNumber: 110,
+                                                                                columnNumber: 35
+                                                                            }, this)
+                                                                        }, void 0, false, {
+                                                                            fileName: "src/providers/Root/index.tsx",
+                                                                            lineNumber: 109,
+                                                                            columnNumber: 33
+                                                                        }, this)
+                                                                    }, void 0, false, {
+                                                                        fileName: "src/providers/Root/index.tsx",
+                                                                        lineNumber: 108,
+                                                                        columnNumber: 31
+                                                                    }, this)
+                                                                }, void 0, false, {
+                                                                    fileName: "src/providers/Root/index.tsx",
+                                                                    lineNumber: 107,
+                                                                    columnNumber: 29
+                                                                }, this),
+                                                                /*#__PURE__*/ _jsxDEV(ModalContainer, {}, void 0, false, {
+                                                                    fileName: "src/providers/Root/index.tsx",
+                                                                    lineNumber: 131,
+                                                                    columnNumber: 29
+                                                                }, this),
+                                                                /*#__PURE__*/ _jsxDEV(StayLoggedInModal, {}, void 0, false, {
+                                                                    fileName: "src/providers/Root/index.tsx",
+                                                                    lineNumber: 132,
+                                                                    columnNumber: 29
+                                                                }, this)
                                                             ]
-                                                        })
+                                                        }, void 0, true, {
+                                                            fileName: "src/providers/Root/index.tsx",
+                                                            lineNumber: 106,
+                                                            columnNumber: 27
+                                                        }, this)
                                                     ]
-                                                })
-                                            })
-                                        })
-                                    })
-                                })
-                            })
-                        })
-                    })
-                })
-            }),
-            /*#__PURE__*/ _jsx(ToastContainer, {
+                                                }, void 0, true, {
+                                                    fileName: "src/providers/Root/index.tsx",
+                                                    lineNumber: 104,
+                                                    columnNumber: 25
+                                                }, this)
+                                            }, void 0, false, {
+                                                fileName: "src/providers/Root/index.tsx",
+                                                lineNumber: 103,
+                                                columnNumber: 23
+                                            }, this)
+                                        }, void 0, false, {
+                                            fileName: "src/providers/Root/index.tsx",
+                                            lineNumber: 102,
+                                            columnNumber: 21
+                                        }, this)
+                                    }, void 0, false, {
+                                        fileName: "src/providers/Root/index.tsx",
+                                        lineNumber: 94,
+                                        columnNumber: 19
+                                    }, this)
+                                }, void 0, false, {
+                                    fileName: "src/providers/Root/index.tsx",
+                                    lineNumber: 86,
+                                    columnNumber: 17
+                                }, this)
+                            }, void 0, false, {
+                                fileName: "src/providers/Root/index.tsx",
+                                lineNumber: 85,
+                                columnNumber: 15
+                            }, this)
+                        }, void 0, false, {
+                            fileName: "src/providers/Root/index.tsx",
+                            lineNumber: 84,
+                            columnNumber: 13
+                        }, this)
+                    }, void 0, false, {
+                        fileName: "src/providers/Root/index.tsx",
+                        lineNumber: 81,
+                        columnNumber: 11
+                    }, this)
+                }, void 0, false, {
+                    fileName: "src/providers/Root/index.tsx",
+                    lineNumber: 80,
+                    columnNumber: 9
+                }, this)
+            }, void 0, false, {
+                fileName: "src/providers/Root/index.tsx",
+                lineNumber: 79,
+                columnNumber: 7
+            }, this),
+            /*#__PURE__*/ _jsxDEV(ToastContainer, {
                 config: config
-            })
+            }, void 0, false, {
+                fileName: "src/providers/Root/index.tsx",
+                lineNumber: 144,
+                columnNumber: 7
+            }, this)
         ]
-    });
+    }, void 0, true, {
+        fileName: "src/providers/Root/index.tsx",
+        lineNumber: 78,
+        columnNumber: 5
+    }, this);
 };
 
 //# sourceMappingURL=index.js.map

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

@@ -1 +1 @@
-{"version":3,"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  SanitizedPermissions,\n  ServerFunctionClient,\n  TypedUser,\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 { 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 { LocaleProvider } from '../Locale/index.js'\nimport { ParamsProvider } from '../Params/index.js'\nimport { PreferencesProvider } from '../Preferences/index.js'\nimport { RouteCache } from '../RouteCache/index.js'\nimport { RouteTransitionProvider } from '../RouteTransition/index.js'\nimport { SearchParamsProvider } from '../SearchParams/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 isNavOpen?: boolean\n  readonly languageCode: string\n  readonly languageOptions: LanguageOptions\n  readonly locale?: Locale['code']\n  readonly permissions: SanitizedPermissions\n  readonly serverFunction: ServerFunctionClient\n  readonly switchLanguageServerAction?: (lang: string) => Promise<void>\n  readonly theme: Theme\n  readonly translations: I18nClient['translations']\n  readonly user: null | TypedUser\n}\n\nexport const RootProvider: React.FC<Props> = ({\n  children,\n  config,\n  dateFNSKey,\n  fallbackLang,\n  isNavOpen,\n  languageCode,\n  languageOptions,\n  locale,\n  permissions,\n  serverFunction,\n  switchLanguageServerAction,\n  theme,\n  translations,\n  user,\n}) => {\n  const dndContextID = React.useId()\n\n  return (\n    <ClickOutsideProvider>\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                  switchLanguageServerAction={switchLanguageServerAction}\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                      <SearchParamsProvider>\n                        <ModalProvider classPrefix=\"payload\" transTime={0} zIndex=\"var(--z-modal)\">\n                          <CloseModalOnRouteChange />\n                          <AuthProvider permissions={permissions} user={user}>\n                            <PreferencesProvider>\n                              <ThemeProvider theme={theme}>\n                                <ParamsProvider>\n                                  <LocaleProvider locale={locale}>\n                                    <StepNavProvider>\n                                      <LoadingOverlayProvider>\n                                        <DocumentEventsProvider>\n                                          <NavProvider initialIsOpen={isNavOpen}>\n                                            <UploadHandlersProvider>\n                                              <DndContext\n                                                collisionDetection={pointerWithin}\n                                                id={dndContextID}\n                                              >\n                                                {children}\n                                              </DndContext>\n                                            </UploadHandlersProvider>\n                                          </NavProvider>\n                                        </DocumentEventsProvider>\n                                      </LoadingOverlayProvider>\n                                    </StepNavProvider>\n                                  </LocaleProvider>\n                                </ParamsProvider>\n                              </ThemeProvider>\n                            </PreferencesProvider>\n                            <ModalContainer />\n                            <StayLoggedInModal />\n                          </AuthProvider>\n                        </ModalProvider>\n                      </SearchParamsProvider>\n                    </ScrollInfoProvider>\n                  </WindowInfoProvider>\n                </TranslationProvider>\n              </ClientFunctionProvider>\n            </ConfigProvider>\n          </RouteCache>\n        </RouteTransitionProvider>\n      </ServerFunctionsProvider>\n      <ToastContainer config={config} />\n    </ClickOutsideProvider>\n  )\n}\n"],"names":["DndContext","pointerWithin","ModalContainer","ModalProvider","ScrollInfoProvider","React","CloseModalOnRouteChange","LoadingOverlayProvider","NavProvider","StayLoggedInModal","StepNavProvider","ClickOutsideProvider","WindowInfoProvider","AuthProvider","ClientFunctionProvider","ConfigProvider","DocumentEventsProvider","LocaleProvider","ParamsProvider","PreferencesProvider","RouteCache","RouteTransitionProvider","SearchParamsProvider","ServerFunctionsProvider","ThemeProvider","ToastContainer","TranslationProvider","UploadHandlersProvider","RootProvider","children","config","dateFNSKey","fallbackLang","isNavOpen","languageCode","languageOptions","locale","permissions","serverFunction","switchLanguageServerAction","theme","translations","user","dndContextID","useId","cachingEnabled","process","env","NEXT_PUBLIC_ENABLE_ROUTER_CACHE_REFRESH","language","breakpoints","l","m","s","xs","classPrefix","transTime","zIndex","initialIsOpen","collisionDetection","id"],"mappings":"AAAA;;AAWA,SAASA,UAAU,EAAEC,aAAa,QAAQ,gBAAe;AACzD,SAASC,cAAc,EAAEC,aAAa,QAAQ,qBAAoB;AAClE,SAASC,kBAAkB,QAAQ,2BAA0B;AAC7D,OAAOC,WAAW,QAAO;AAIzB,SAASC,uBAAuB,QAAQ,kDAAiD;AACzF,SAASC,sBAAsB,QAAQ,yCAAwC;AAC/E,SAASC,WAAW,QAAQ,gCAA+B;AAC3D,SAASC,iBAAiB,QAAQ,uCAAsC;AACxE,SAASC,eAAe,QAAQ,kCAAiC;AACjE,SAASC,oBAAoB,QAAQ,wCAAuC;AAC5E,SAASC,kBAAkB,QAAQ,sCAAqC;AACxE,SAASC,YAAY,QAAQ,mBAAkB;AAC/C,SAASC,sBAAsB,QAAQ,6BAA4B;AACnE,SAASC,cAAc,QAAQ,qBAAoB;AACnD,SAASC,sBAAsB,QAAQ,6BAA4B;AACnE,SAASC,cAAc,QAAQ,qBAAoB;AACnD,SAASC,cAAc,QAAQ,qBAAoB;AACnD,SAASC,mBAAmB,QAAQ,0BAAyB;AAC7D,SAASC,UAAU,QAAQ,yBAAwB;AACnD,SAASC,uBAAuB,QAAQ,8BAA6B;AACrE,SAASC,oBAAoB,QAAQ,2BAA0B;AAC/D,SAASC,uBAAuB,QAAQ,8BAA6B;AACrE,SAASC,aAAa,QAAQ,oBAAmB;AACjD,SAASC,cAAc,QAAQ,6BAA4B;AAC3D,SAASC,mBAAmB,QAAQ,0BAAyB;AAC7D,SAASC,sBAAsB,QAAQ,6BAA4B;AAmBnE,OAAO,MAAMC,eAAgC,CAAC,EAC5CC,QAAQ,EACRC,MAAM,EACNC,UAAU,EACVC,YAAY,EACZC,SAAS,EACTC,YAAY,EACZC,eAAe,EACfC,MAAM,EACNC,WAAW,EACXC,cAAc,EACdC,0BAA0B,EAC1BC,KAAK,EACLC,YAAY,EACZC,IAAI,EACL;IACC,MAAMC,eAAetC,MAAMuC,KAAK;IAEhC,qBACE,MAACjC;;0BACC,KAACY;gBAAwBe,gBAAgBA;0BACvC,cAAA,KAACjB;8BACC,cAAA,KAACD;wBACCyB,gBAAgBC,QAAQC,GAAG,CAACC,uCAAuC,KAAK;kCAExE,cAAA,KAACjC;4BAAee,QAAQA;sCACtB,cAAA,KAAChB;0CACC,cAAA,KAACY;oCACCK,YAAYA;oCACZC,cAAcA;oCACdiB,UAAUf;oCACVC,iBAAiBA;oCACjBI,4BAA4BA;oCAC5BE,cAAcA;8CAEd,cAAA,KAAC7B;wCACCsC,aAAa;4CACXC,GAAG;4CACHC,GAAG;4CACHC,GAAG;4CACHC,IAAI;wCACN;kDAEA,cAAA,KAAClD;sDACC,cAAA,KAACkB;0DACC,cAAA,MAACnB;oDAAcoD,aAAY;oDAAUC,WAAW;oDAAGC,QAAO;;sEACxD,KAACnD;sEACD,MAACO;4DAAawB,aAAaA;4DAAaK,MAAMA;;8EAC5C,KAACvB;8EACC,cAAA,KAACK;wEAAcgB,OAAOA;kFACpB,cAAA,KAACtB;sFACC,cAAA,KAACD;gFAAemB,QAAQA;0FACtB,cAAA,KAAC1B;8FACC,cAAA,KAACH;kGACC,cAAA,KAACS;sGACC,cAAA,KAACR;gGAAYkD,eAAezB;0GAC1B,cAAA,KAACN;8GACC,cAAA,KAAC3B;wGACC2D,oBAAoB1D;wGACpB2D,IAAIjB;kHAEHd;;;;;;;;;;;8EAWrB,KAAC3B;8EACD,KAACO;;;;;;;;;;;;;;0BAYvB,KAACgB;gBAAeK,QAAQA;;;;AAG9B,EAAC"}
+{"version":3,"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  SanitizedPermissions,\n  ServerFunctionClient,\n  TypedUser,\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 { 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 { LocaleProvider } from '../Locale/index.js'\nimport { ParamsProvider } from '../Params/index.js'\nimport { PreferencesProvider } from '../Preferences/index.js'\nimport { RouteCache } from '../RouteCache/index.js'\nimport { RouteTransitionProvider } from '../RouteTransition/index.js'\nimport { SearchParamsProvider } from '../SearchParams/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 isNavOpen?: boolean\n  readonly languageCode: string\n  readonly languageOptions: LanguageOptions\n  readonly locale?: Locale['code']\n  readonly permissions: SanitizedPermissions\n  readonly serverFunction: ServerFunctionClient\n  readonly switchLanguageServerAction?: (lang: string) => Promise<void>\n  readonly theme: Theme\n  readonly translations: I18nClient['translations']\n  readonly user: null | TypedUser\n}\n\nexport const RootProvider: React.FC<Props> = ({\n  children,\n  config,\n  dateFNSKey,\n  fallbackLang,\n  isNavOpen,\n  languageCode,\n  languageOptions,\n  locale,\n  permissions,\n  serverFunction,\n  switchLanguageServerAction,\n  theme,\n  translations,\n  user,\n}) => {\n  const dndContextID = React.useId()\n\n  return (\n    <ClickOutsideProvider>\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                  switchLanguageServerAction={switchLanguageServerAction}\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                      <SearchParamsProvider>\n                        <ModalProvider classPrefix=\"payload\" transTime={0} zIndex=\"var(--z-modal)\">\n                          <CloseModalOnRouteChange />\n                          <AuthProvider permissions={permissions} user={user}>\n                            <PreferencesProvider>\n                              <ThemeProvider theme={theme}>\n                                <ParamsProvider>\n                                  <LocaleProvider locale={locale}>\n                                    <StepNavProvider>\n                                      <LoadingOverlayProvider>\n                                        <DocumentEventsProvider>\n                                          <NavProvider initialIsOpen={isNavOpen}>\n                                            <UploadHandlersProvider>\n                                              <DndContext\n                                                collisionDetection={pointerWithin}\n                                                id={dndContextID}\n                                              >\n                                                {children}\n                                              </DndContext>\n                                            </UploadHandlersProvider>\n                                          </NavProvider>\n                                        </DocumentEventsProvider>\n                                      </LoadingOverlayProvider>\n                                    </StepNavProvider>\n                                  </LocaleProvider>\n                                </ParamsProvider>\n                              </ThemeProvider>\n                            </PreferencesProvider>\n                            <ModalContainer />\n                            <StayLoggedInModal />\n                          </AuthProvider>\n                        </ModalProvider>\n                      </SearchParamsProvider>\n                    </ScrollInfoProvider>\n                  </WindowInfoProvider>\n                </TranslationProvider>\n              </ClientFunctionProvider>\n            </ConfigProvider>\n          </RouteCache>\n        </RouteTransitionProvider>\n      </ServerFunctionsProvider>\n      <ToastContainer config={config} />\n    </ClickOutsideProvider>\n  )\n}\n"],"names":["DndContext","pointerWithin","ModalContainer","ModalProvider","ScrollInfoProvider","React","CloseModalOnRouteChange","LoadingOverlayProvider","NavProvider","StayLoggedInModal","StepNavProvider","ClickOutsideProvider","WindowInfoProvider","AuthProvider","ClientFunctionProvider","ConfigProvider","DocumentEventsProvider","LocaleProvider","ParamsProvider","PreferencesProvider","RouteCache","RouteTransitionProvider","SearchParamsProvider","ServerFunctionsProvider","ThemeProvider","ToastContainer","TranslationProvider","UploadHandlersProvider","RootProvider","children","config","dateFNSKey","fallbackLang","isNavOpen","languageCode","languageOptions","locale","permissions","serverFunction","switchLanguageServerAction","theme","translations","user","dndContextID","useId","cachingEnabled","process","env","NEXT_PUBLIC_ENABLE_ROUTER_CACHE_REFRESH","language","breakpoints","l","m","s","xs","classPrefix","transTime","zIndex","initialIsOpen","collisionDetection","id"],"mappings":"AAAA;;AAWA,SAASA,UAAU,EAAEC,aAAa,QAAQ,gBAAe;AACzD,SAASC,cAAc,EAAEC,aAAa,QAAQ,qBAAoB;AAClE,SAASC,kBAAkB,QAAQ,2BAA0B;AAC7D,OAAOC,WAAW,QAAO;AAIzB,SAASC,uBAAuB,QAAQ,kDAAiD;AACzF,SAASC,sBAAsB,QAAQ,yCAAwC;AAC/E,SAASC,WAAW,QAAQ,gCAA+B;AAC3D,SAASC,iBAAiB,QAAQ,uCAAsC;AACxE,SAASC,eAAe,QAAQ,kCAAiC;AACjE,SAASC,oBAAoB,QAAQ,wCAAuC;AAC5E,SAASC,kBAAkB,QAAQ,sCAAqC;AACxE,SAASC,YAAY,QAAQ,mBAAkB;AAC/C,SAASC,sBAAsB,QAAQ,6BAA4B;AACnE,SAASC,cAAc,QAAQ,qBAAoB;AACnD,SAASC,sBAAsB,QAAQ,6BAA4B;AACnE,SAASC,cAAc,QAAQ,qBAAoB;AACnD,SAASC,cAAc,QAAQ,qBAAoB;AACnD,SAASC,mBAAmB,QAAQ,0BAAyB;AAC7D,SAASC,UAAU,QAAQ,yBAAwB;AACnD,SAASC,uBAAuB,QAAQ,8BAA6B;AACrE,SAASC,oBAAoB,QAAQ,2BAA0B;AAC/D,SAASC,uBAAuB,QAAQ,8BAA6B;AACrE,SAASC,aAAa,QAAQ,oBAAmB;AACjD,SAASC,cAAc,QAAQ,6BAA4B;AAC3D,SAASC,mBAAmB,QAAQ,0BAAyB;AAC7D,SAASC,sBAAsB,QAAQ,6BAA4B;AAmBnE,OAAO,MAAMC,eAAgC,CAAC,EAC5CC,QAAQ,EACRC,MAAM,EACNC,UAAU,EACVC,YAAY,EACZC,SAAS,EACTC,YAAY,EACZC,eAAe,EACfC,MAAM,EACNC,WAAW,EACXC,cAAc,EACdC,0BAA0B,EAC1BC,KAAK,EACLC,YAAY,EACZC,IAAI,EACL;IACC,MAAMC,eAAetC,MAAMuC,KAAK;IAEhC,qBACE,QAACjC;;0BACC,QAACY;gBAAwBe,gBAAgBA;0BACvC,cAAA,QAACjB;8BACC,cAAA,QAACD;wBACCyB,gBAAgBC,QAAQC,GAAG,CAACC,uCAAuC,KAAK;kCAExE,cAAA,QAACjC;4BAAee,QAAQA;sCACtB,cAAA,QAAChB;0CACC,cAAA,QAACY;oCACCK,YAAYA;oCACZC,cAAcA;oCACdiB,UAAUf;oCACVC,iBAAiBA;oCACjBI,4BAA4BA;oCAC5BE,cAAcA;8CAEd,cAAA,QAAC7B;wCACCsC,aAAa;4CACXC,GAAG;4CACHC,GAAG;4CACHC,GAAG;4CACHC,IAAI;wCACN;kDAEA,cAAA,QAAClD;sDACC,cAAA,QAACkB;0DACC,cAAA,QAACnB;oDAAcoD,aAAY;oDAAUC,WAAW;oDAAGC,QAAO;;sEACxD,QAACnD;;;;;sEACD,QAACO;4DAAawB,aAAaA;4DAAaK,MAAMA;;8EAC5C,QAACvB;8EACC,cAAA,QAACK;wEAAcgB,OAAOA;kFACpB,cAAA,QAACtB;sFACC,cAAA,QAACD;gFAAemB,QAAQA;0FACtB,cAAA,QAAC1B;8FACC,cAAA,QAACH;kGACC,cAAA,QAACS;sGACC,cAAA,QAACR;gGAAYkD,eAAezB;0GAC1B,cAAA,QAACN;8GACC,cAAA,QAAC3B;wGACC2D,oBAAoB1D;wGACpB2D,IAAIjB;kHAEHd;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;8EAWrB,QAAC3B;;;;;8EACD,QAACO;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;0BAYvB,QAACgB;gBAAeK,QAAQA;;;;;;;;;;;;AAG9B,EAAC"}

package/dist/providers/RouteCache/index.js

@@ -1,5 +1,5 @@
 'use client';
-import { jsx as _jsx } from "react/jsx-runtime";
+import { jsxDEV as _jsxDEV } from "react/jsx-dev-runtime";
 import { usePathname, useRouter } from 'next/navigation.js';
 import React, { createContext, use, useCallback, useEffect, useRef } from 'react';
 import { useEffectEvent } from '../../hooks/useEffectEvent.js';
@@ -44,13 +44,17 @@ export const RouteCache = ({ cachingEnabled = true, children })=>{
     }, [
         pathname
     ]);
-    return /*#__PURE__*/ _jsx(Context, {
+    return /*#__PURE__*/ _jsxDEV(Context, {
         value: {
             cachingEnabled,
             clearRouteCache
         },
         children: children
-    });
+    }, void 0, false, {
+        fileName: "src/providers/RouteCache/index.tsx",
+        lineNumber: 61,
+        columnNumber: 10
+    }, this);
 };
 export const useRouteCache = ()=>use(Context);
 

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/providers/RouteCache/index.tsx"],"sourcesContent":["'use client'\n\nimport { usePathname, useRouter } from 'next/navigation.js'\nimport React, { createContext, use, useCallback, useEffect, useRef } from 'react'\n\nimport { useEffectEvent } from '../../hooks/useEffectEvent.js'\n\nexport type RouteCacheContext = {\n  cachingEnabled: boolean\n  clearRouteCache: () => void\n}\n\nconst Context = createContext<RouteCacheContext>({\n  cachingEnabled: true,\n  clearRouteCache: () => {},\n})\n\nexport const RouteCache: React.FC<{ cachingEnabled?: boolean; children: React.ReactNode }> = ({\n  cachingEnabled = true,\n  children,\n}) => {\n  const pathname = usePathname()\n  const router = useRouter()\n\n  /**\n   * Next.js caches pages in memory in their {@link https://nextjs.org/docs/app/guides/caching#client-side-router-cache Client-side Router Cache},\n   * causing forward/back browser navigation to show stale data from a previous visit.\n   * The problem is this bfcache-like behavior has no opt-out, even if the page is dynamic, requires authentication, etc.\n   * The workaround is to force a refresh when navigating via the browser controls.\n   * This should be removed if/when Next.js supports this natively.\n   */\n  const clearAfterPathnameChange = useRef(false)\n\n  const clearRouteCache = useCallback(() => {\n    router.refresh()\n  }, [router])\n\n  useEffect(() => {\n    const handlePopState = () => {\n      clearAfterPathnameChange.current = true\n    }\n\n    window.addEventListener('popstate', handlePopState)\n\n    return () => {\n      window.removeEventListener('popstate', handlePopState)\n    }\n  }, [router])\n\n  const handlePathnameChange = useEffectEvent((pathname: string) => {\n    if (cachingEnabled || clearAfterPathnameChange.current) {\n      clearAfterPathnameChange.current = false\n      clearRouteCache()\n    }\n  })\n\n  useEffect(() => {\n    handlePathnameChange(pathname)\n  }, [pathname])\n\n  return <Context value={{ cachingEnabled, clearRouteCache }}>{children}</Context>\n}\n\nexport const useRouteCache = () => use(Context)\n"],"names":["usePathname","useRouter","React","createContext","use","useCallback","useEffect","useRef","useEffectEvent","Context","cachingEnabled","clearRouteCache","RouteCache","children","pathname","router","clearAfterPathnameChange","refresh","handlePopState","current","window","addEventListener","removeEventListener","handlePathnameChange","value","useRouteCache"],"mappings":"AAAA;;AAEA,SAASA,WAAW,EAAEC,SAAS,QAAQ,qBAAoB;AAC3D,OAAOC,SAASC,aAAa,EAAEC,GAAG,EAAEC,WAAW,EAAEC,SAAS,EAAEC,MAAM,QAAQ,QAAO;AAEjF,SAASC,cAAc,QAAQ,gCAA+B;AAO9D,MAAMC,wBAAUN,cAAiC;IAC/CO,gBAAgB;IAChBC,iBAAiB,KAAO;AAC1B;AAEA,OAAO,MAAMC,aAAgF,CAAC,EAC5FF,iBAAiB,IAAI,EACrBG,QAAQ,EACT;IACC,MAAMC,WAAWd;IACjB,MAAMe,SAASd;IAEf;;;;;;GAMC,GACD,MAAMe,2BAA2BT,OAAO;IAExC,MAAMI,kBAAkBN,YAAY;QAClCU,OAAOE,OAAO;IAChB,GAAG;QAACF;KAAO;IAEXT,UAAU;QACR,MAAMY,iBAAiB;YACrBF,yBAAyBG,OAAO,GAAG;QACrC;QAEAC,OAAOC,gBAAgB,CAAC,YAAYH;QAEpC,OAAO;YACLE,OAAOE,mBAAmB,CAAC,YAAYJ;QACzC;IACF,GAAG;QAACH;KAAO;IAEX,MAAMQ,uBAAuBf,eAAe,CAACM;QAC3C,IAAIJ,kBAAkBM,yBAAyBG,OAAO,EAAE;YACtDH,yBAAyBG,OAAO,GAAG;YACnCR;QACF;IACF;IAEAL,UAAU;QACRiB,qBAAqBT;IACvB,GAAG;QAACA;KAAS;IAEb,qBAAO,KAACL;QAAQe,OAAO;YAAEd;YAAgBC;QAAgB;kBAAIE;;AAC/D,EAAC;AAED,OAAO,MAAMY,gBAAgB,IAAMrB,IAAIK,SAAQ"}
+{"version":3,"sources":["../../../src/providers/RouteCache/index.tsx"],"sourcesContent":["'use client'\n\nimport { usePathname, useRouter } from 'next/navigation.js'\nimport React, { createContext, use, useCallback, useEffect, useRef } from 'react'\n\nimport { useEffectEvent } from '../../hooks/useEffectEvent.js'\n\nexport type RouteCacheContext = {\n  cachingEnabled: boolean\n  clearRouteCache: () => void\n}\n\nconst Context = createContext<RouteCacheContext>({\n  cachingEnabled: true,\n  clearRouteCache: () => {},\n})\n\nexport const RouteCache: React.FC<{ cachingEnabled?: boolean; children: React.ReactNode }> = ({\n  cachingEnabled = true,\n  children,\n}) => {\n  const pathname = usePathname()\n  const router = useRouter()\n\n  /**\n   * Next.js caches pages in memory in their {@link https://nextjs.org/docs/app/guides/caching#client-side-router-cache Client-side Router Cache},\n   * causing forward/back browser navigation to show stale data from a previous visit.\n   * The problem is this bfcache-like behavior has no opt-out, even if the page is dynamic, requires authentication, etc.\n   * The workaround is to force a refresh when navigating via the browser controls.\n   * This should be removed if/when Next.js supports this natively.\n   */\n  const clearAfterPathnameChange = useRef(false)\n\n  const clearRouteCache = useCallback(() => {\n    router.refresh()\n  }, [router])\n\n  useEffect(() => {\n    const handlePopState = () => {\n      clearAfterPathnameChange.current = true\n    }\n\n    window.addEventListener('popstate', handlePopState)\n\n    return () => {\n      window.removeEventListener('popstate', handlePopState)\n    }\n  }, [router])\n\n  const handlePathnameChange = useEffectEvent((pathname: string) => {\n    if (cachingEnabled || clearAfterPathnameChange.current) {\n      clearAfterPathnameChange.current = false\n      clearRouteCache()\n    }\n  })\n\n  useEffect(() => {\n    handlePathnameChange(pathname)\n  }, [pathname])\n\n  return <Context value={{ cachingEnabled, clearRouteCache }}>{children}</Context>\n}\n\nexport const useRouteCache = () => use(Context)\n"],"names":["usePathname","useRouter","React","createContext","use","useCallback","useEffect","useRef","useEffectEvent","Context","cachingEnabled","clearRouteCache","RouteCache","children","pathname","router","clearAfterPathnameChange","refresh","handlePopState","current","window","addEventListener","removeEventListener","handlePathnameChange","value","useRouteCache"],"mappings":"AAAA;;AAEA,SAASA,WAAW,EAAEC,SAAS,QAAQ,qBAAoB;AAC3D,OAAOC,SAASC,aAAa,EAAEC,GAAG,EAAEC,WAAW,EAAEC,SAAS,EAAEC,MAAM,QAAQ,QAAO;AAEjF,SAASC,cAAc,QAAQ,gCAA+B;AAO9D,MAAMC,wBAAUN,cAAiC;IAC/CO,gBAAgB;IAChBC,iBAAiB,KAAO;AAC1B;AAEA,OAAO,MAAMC,aAAgF,CAAC,EAC5FF,iBAAiB,IAAI,EACrBG,QAAQ,EACT;IACC,MAAMC,WAAWd;IACjB,MAAMe,SAASd;IAEf;;;;;;GAMC,GACD,MAAMe,2BAA2BT,OAAO;IAExC,MAAMI,kBAAkBN,YAAY;QAClCU,OAAOE,OAAO;IAChB,GAAG;QAACF;KAAO;IAEXT,UAAU;QACR,MAAMY,iBAAiB;YACrBF,yBAAyBG,OAAO,GAAG;QACrC;QAEAC,OAAOC,gBAAgB,CAAC,YAAYH;QAEpC,OAAO;YACLE,OAAOE,mBAAmB,CAAC,YAAYJ;QACzC;IACF,GAAG;QAACH;KAAO;IAEX,MAAMQ,uBAAuBf,eAAe,CAACM;QAC3C,IAAIJ,kBAAkBM,yBAAyBG,OAAO,EAAE;YACtDH,yBAAyBG,OAAO,GAAG;YACnCR;QACF;IACF;IAEAL,UAAU;QACRiB,qBAAqBT;IACvB,GAAG;QAACA;KAAS;IAEb,qBAAO,QAACL;QAAQe,OAAO;YAAEd;YAAgBC;QAAgB;kBAAIE;;;;;;AAC/D,EAAC;AAED,OAAO,MAAMY,gBAAgB,IAAMrB,IAAIK,SAAQ"}

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

@@ -1,5 +1,5 @@
 'use client';
-import { jsx as _jsx } from "react/jsx-runtime";
+import { jsxDEV as _jsxDEV } from "react/jsx-dev-runtime";
 import React, { useEffect, useRef } from 'react';
 import { useRouteTransition } from '../index.js';
 import './index.scss';
@@ -54,7 +54,7 @@ const initialDelay = 150;
         transitionProgress
     ]);
     if (typeof progressToShow === 'number') {
-        return /*#__PURE__*/ _jsx("div", {
+        return /*#__PURE__*/ _jsxDEV("div", {
             className: [
                 baseClass,
                 progressToShow === 1 && `${baseClass}--fade-out`
@@ -63,13 +63,21 @@ const initialDelay = 150;
                 // @ts-expect-error - TS doesn't like custom CSS properties
                 '--transition-duration': `${transitionDuration}ms`
             },
-            children: /*#__PURE__*/ _jsx("div", {
+            children: /*#__PURE__*/ _jsxDEV("div", {
                 className: `${baseClass}__progress`,
                 style: {
                     width: `${(progressToShow || 0) * 100}%`
                 }
-            })
-        });
+            }, void 0, false, {
+                fileName: "src/providers/RouteTransition/ProgressBar/index.tsx",
+                lineNumber: 73,
+                columnNumber: 9
+            }, this)
+        }, void 0, false, {
+            fileName: "src/providers/RouteTransition/ProgressBar/index.tsx",
+            lineNumber: 64,
+            columnNumber: 7
+        }, this);
     }
     return null;
 };

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../../src/providers/RouteTransition/ProgressBar/index.tsx"],"sourcesContent":["'use client'\nimport React, { useEffect, useRef } from 'react'\n\nimport { useRouteTransition } from '../index.js'\nimport './index.scss'\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"],"names":["React","useEffect","useRef","useRouteTransition","transitionDuration","baseClass","initialDelay","ProgressBar","isTransitioning","transitionProgress","progressToShow","setProgressToShow","useState","shouldDelayProgress","clearTimerID","delayTimerID","current","setTimeout","clearTimeout","div","className","filter","Boolean","join","style","width"],"mappings":"AAAA;;AACA,OAAOA,SAASC,SAAS,EAAEC,MAAM,QAAQ,QAAO;AAEhD,SAASC,kBAAkB,QAAQ,cAAa;AAChD,OAAO,eAAc;AAErB,MAAMC,qBAAqB;AAC3B,MAAMC,YAAY;AAClB,MAAMC,eAAe;AAErB;;;;;;;;;;;;CAYC,GACD,OAAO,MAAMC,cAAc;IACzB,MAAM,EAAEC,eAAe,EAAEC,kBAAkB,EAAE,GAAGN;IAChD,MAAM,CAACO,gBAAgBC,kBAAkB,GAAGX,MAAMY,QAAQ,CAAgB;IAC1E,MAAMC,sBAAsBX,OAAO;IAEnCD,UAAU;QACR,IAAIa;QACJ,IAAIC;QAEJ,IAAIP,iBAAiB;YACnB,IAAIK,oBAAoBG,OAAO,EAAE;gBAC/BD,eAAeE,WAAW;oBACxBN,kBAAkBF;oBAClBI,oBAAoBG,OAAO,GAAG;gBAChC,GAAGV;YACL,OAAO;gBACLK,kBAAkBF;YACpB;QACF,OAAO;YACLI,oBAAoBG,OAAO,GAAG;YAE9B,uDAAuD;YACvD,gDAAgD;YAChDL,kBAAkB;YAElB,mEAAmE;YACnE,0EAA0E;YAC1EG,eAAeG,WAAW;gBACxBN,kBAAkB;YACpB,GAAGP,qBAAqB;QAC1B;QAEA,OAAO;YACLc,aAAaJ;YACbI,aAAaH;QACf;IACF,GAAG;QAACP;QAAiBC;KAAmB;IAExC,IAAI,OAAOC,mBAAmB,UAAU;QACtC,qBACE,KAACS;YACCC,WAAW;gBAACf;gBAAWK,mBAAmB,KAAK,GAAGL,UAAU,UAAU,CAAC;aAAC,CACrEgB,MAAM,CAACC,SACPC,IAAI,CAAC;YACRC,OAAO;gBACL,2DAA2D;gBAC3D,yBAAyB,GAAGpB,mBAAmB,EAAE,CAAC;YACpD;sBAEA,cAAA,KAACe;gBACCC,WAAW,GAAGf,UAAU,UAAU,CAAC;gBACnCmB,OAAO;oBACLC,OAAO,GAAG,AAACf,CAAAA,kBAAkB,CAAA,IAAK,IAAI,CAAC,CAAC;gBAC1C;;;IAIR;IAEA,OAAO;AACT,EAAC"}
+{"version":3,"sources":["../../../../src/providers/RouteTransition/ProgressBar/index.tsx"],"sourcesContent":["'use client'\nimport React, { useEffect, useRef } from 'react'\n\nimport { useRouteTransition } from '../index.js'\nimport './index.scss'\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"],"names":["React","useEffect","useRef","useRouteTransition","transitionDuration","baseClass","initialDelay","ProgressBar","isTransitioning","transitionProgress","progressToShow","setProgressToShow","useState","shouldDelayProgress","clearTimerID","delayTimerID","current","setTimeout","clearTimeout","div","className","filter","Boolean","join","style","width"],"mappings":"AAAA;;AACA,OAAOA,SAASC,SAAS,EAAEC,MAAM,QAAQ,QAAO;AAEhD,SAASC,kBAAkB,QAAQ,cAAa;AAChD,OAAO,eAAc;AAErB,MAAMC,qBAAqB;AAC3B,MAAMC,YAAY;AAClB,MAAMC,eAAe;AAErB;;;;;;;;;;;;CAYC,GACD,OAAO,MAAMC,cAAc;IACzB,MAAM,EAAEC,eAAe,EAAEC,kBAAkB,EAAE,GAAGN;IAChD,MAAM,CAACO,gBAAgBC,kBAAkB,GAAGX,MAAMY,QAAQ,CAAgB;IAC1E,MAAMC,sBAAsBX,OAAO;IAEnCD,UAAU;QACR,IAAIa;QACJ,IAAIC;QAEJ,IAAIP,iBAAiB;YACnB,IAAIK,oBAAoBG,OAAO,EAAE;gBAC/BD,eAAeE,WAAW;oBACxBN,kBAAkBF;oBAClBI,oBAAoBG,OAAO,GAAG;gBAChC,GAAGV;YACL,OAAO;gBACLK,kBAAkBF;YACpB;QACF,OAAO;YACLI,oBAAoBG,OAAO,GAAG;YAE9B,uDAAuD;YACvD,gDAAgD;YAChDL,kBAAkB;YAElB,mEAAmE;YACnE,0EAA0E;YAC1EG,eAAeG,WAAW;gBACxBN,kBAAkB;YACpB,GAAGP,qBAAqB;QAC1B;QAEA,OAAO;YACLc,aAAaJ;YACbI,aAAaH;QACf;IACF,GAAG;QAACP;QAAiBC;KAAmB;IAExC,IAAI,OAAOC,mBAAmB,UAAU;QACtC,qBACE,QAACS;YACCC,WAAW;gBAACf;gBAAWK,mBAAmB,KAAK,GAAGL,UAAU,UAAU,CAAC;aAAC,CACrEgB,MAAM,CAACC,SACPC,IAAI,CAAC;YACRC,OAAO;gBACL,2DAA2D;gBAC3D,yBAAyB,GAAGpB,mBAAmB,EAAE,CAAC;YACpD;sBAEA,cAAA,QAACe;gBACCC,WAAW,GAAGf,UAAU,UAAU,CAAC;gBACnCmB,OAAO;oBACLC,OAAO,GAAG,AAACf,CAAAA,kBAAkB,CAAA,IAAK,IAAI,CAAC,CAAC;gBAC1C;;;;;;;;;;;IAIR;IAEA,OAAO;AACT,EAAC"}

package/dist/providers/RouteTransition/index.js

@@ -1,5 +1,5 @@
 'use client';
-import { jsx as _jsx } from "react/jsx-runtime";
+import { jsxDEV as _jsxDEV } from "react/jsx-dev-runtime";
 import React, { startTransition, useCallback, useEffect, useOptimistic, useRef } from 'react';
 /**
  * Route transitions are useful in showing immediate visual feedback to the user when navigating between pages. This is especially useful on slow networks when navigating to data heavy or process intensive pages.
@@ -63,14 +63,18 @@ import React, { startTransition, useCallback, useEffect, useOptimistic, useRef }
     }, [
         setIsTransitioning
     ]);
-    return /*#__PURE__*/ _jsx(RouteTransitionContext, {
+    return /*#__PURE__*/ _jsxDEV(RouteTransitionContext, {
         value: {
             isTransitioning,
             startRouteTransition,
             transitionProgress
         },
         children: children
-    });
+    }, void 0, false, {
+        fileName: "src/providers/RouteTransition/index.tsx",
+        lineNumber: 77,
+        columnNumber: 5
+    }, this);
 };
 const RouteTransitionContext = /*#__PURE__*/ React.createContext({
     isTransitioning: false,

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/providers/RouteTransition/index.tsx"],"sourcesContent":["'use client'\nimport React, { startTransition, useCallback, useEffect, useOptimistic, useRef } from 'react'\n\n/**\n * Route transitions are useful in showing immediate visual feedback to the user when navigating between pages. This is especially useful on slow networks when navigating to data heavy or process intensive pages.\n * To use route transitions, place the `RouteTransitionProvider` at the root of your application, outside of the `ProgressBar` component.\n * To trigger a route transition, use the `Link` component from `@payloadcms/ui`,\n * or wrap a callback function with the `startRouteTransition` method.\n * To gain access to the `RouteTransitionContext`, call the `useRouteTransition` hook in your component.\n * @returns A context provider with methods and state for transitioning between routes, including `isTransitioning`, `startRouteTransition`, and `transitionProgress`.\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 * )\n */\nexport const RouteTransitionProvider: React.FC<RouteTransitionProps> = ({ children }) => {\n  const [isTransitioning, setIsTransitioning] = useOptimistic(false)\n  const [transitionProgress, setTransitionProgress] = React.useState<number>(0)\n\n  const transitionProgressRef = useRef(transitionProgress)\n\n  const timerID = useRef(null)\n\n  const initiateProgress = useCallback(() => {\n    timerID.current = setInterval(() => {\n      // randomly update progress using an exponential curve\n      // cap the progress to ensure it never fully reaches completion\n      // accelerate quickly then decelerate slowly\n      const maxProgress = 0.93\n      const jumpFactor = 0.2 // lower to reduce jumps in progress\n      const growthFactor = 0.75 // adjust to control acceleration\n      const slowdownFactor = 0.75 // adjust to control deceleration\n\n      const newProgress =\n        transitionProgressRef.current +\n        (maxProgress - transitionProgressRef.current) *\n          Math.random() *\n          jumpFactor *\n          Math.pow(Math.log(1 + (1 - transitionProgressRef.current) * growthFactor), slowdownFactor)\n\n      setTransitionProgress(newProgress)\n      transitionProgressRef.current = newProgress\n    }, 250) // every n ms, update progress\n  }, [])\n\n  useEffect(() => {\n    setTransitionProgress(0)\n    transitionProgressRef.current = 0\n\n    if (isTransitioning) {\n      initiateProgress()\n    } else {\n      if (timerID.current) {\n        clearInterval(timerID.current)\n      }\n    }\n  }, [isTransitioning, initiateProgress])\n\n  const startRouteTransition: StartRouteTransition = useCallback(\n    (callback?: () => void) => {\n      startTransition(() => {\n        setIsTransitioning(true)\n\n        if (typeof callback === 'function') {\n          callback()\n        }\n      })\n    },\n    [setIsTransitioning],\n  )\n\n  return (\n    <RouteTransitionContext value={{ isTransitioning, startRouteTransition, transitionProgress }}>\n      {children}\n    </RouteTransitionContext>\n  )\n}\n\ntype RouteTransitionProps = {\n  children: React.ReactNode\n}\n\ntype StartRouteTransition = (callback?: () => void) => void\n\ntype RouteTransitionContextValue = {\n  isTransitioning: boolean\n  startRouteTransition: StartRouteTransition\n  transitionProgress: number\n}\n\nconst RouteTransitionContext = React.createContext<RouteTransitionContextValue>({\n  isTransitioning: false,\n  startRouteTransition: () => undefined,\n  transitionProgress: 0,\n})\n\n/**\n * Use this hook to access the `RouteTransitionContext` provided by the `RouteTransitionProvider`.\n * To start a transition, fire the `startRouteTransition` method with a provided callback to run while the transition takes place.\n * @returns The `RouteTransitionContext` needed for transitioning between routes, including `isTransitioning`, `startRouteTransition`, and `transitionProgress`.\n * @example\n * 'use client'\n * import React, { useCallback } from 'react'\n * import { useTransition } from '@payloadcms/ui'\n * import { useRouter } from 'next/navigation'\n *\n * const MyComponent: React.FC = () => {\n *   const router = useRouter()\n *   const { startRouteTransition } = useRouteTransition()\n *\n *   const redirectSomewhere = useCallback(() => {\n *     startRouteTransition(() => router.push('/somewhere'))\n *   }, [startRouteTransition, router])\n *\n *   // ...\n * }\n */\nexport const useRouteTransition = () => React.use(RouteTransitionContext)\n"],"names":["React","startTransition","useCallback","useEffect","useOptimistic","useRef","RouteTransitionProvider","children","isTransitioning","setIsTransitioning","transitionProgress","setTransitionProgress","useState","transitionProgressRef","timerID","initiateProgress","current","setInterval","maxProgress","jumpFactor","growthFactor","slowdownFactor","newProgress","Math","random","pow","log","clearInterval","startRouteTransition","callback","RouteTransitionContext","value","createContext","undefined","useRouteTransition","use"],"mappings":"AAAA;;AACA,OAAOA,SAASC,eAAe,EAAEC,WAAW,EAAEC,SAAS,EAAEC,aAAa,EAAEC,MAAM,QAAQ,QAAO;AAE7F;;;;;;;;;;;;;;;CAeC,GACD,OAAO,MAAMC,0BAA0D,CAAC,EAAEC,QAAQ,EAAE;IAClF,MAAM,CAACC,iBAAiBC,mBAAmB,GAAGL,cAAc;IAC5D,MAAM,CAACM,oBAAoBC,sBAAsB,GAAGX,MAAMY,QAAQ,CAAS;IAE3E,MAAMC,wBAAwBR,OAAOK;IAErC,MAAMI,UAAUT,OAAO;IAEvB,MAAMU,mBAAmBb,YAAY;QACnCY,QAAQE,OAAO,GAAGC,YAAY;YAC5B,sDAAsD;YACtD,+DAA+D;YAC/D,4CAA4C;YAC5C,MAAMC,cAAc;YACpB,MAAMC,aAAa;YAAI,oCAAoC;YAC3D,MAAMC,eAAe;YAAK,iCAAiC;YAC3D,MAAMC,iBAAiB;YAAK,iCAAiC;YAE7D,MAAMC,cACJT,sBAAsBG,OAAO,GAC7B,AAACE,CAAAA,cAAcL,sBAAsBG,OAAO,AAAD,IACzCO,KAAKC,MAAM,KACXL,aACAI,KAAKE,GAAG,CAACF,KAAKG,GAAG,CAAC,IAAI,AAAC,CAAA,IAAIb,sBAAsBG,OAAO,AAAD,IAAKI,eAAeC;YAE/EV,sBAAsBW;YACtBT,sBAAsBG,OAAO,GAAGM;QAClC,GAAG;IACL,GADU,8BAA8B;IACrC,EAAE;IAELnB,UAAU;QACRQ,sBAAsB;QACtBE,sBAAsBG,OAAO,GAAG;QAEhC,IAAIR,iBAAiB;YACnBO;QACF,OAAO;YACL,IAAID,QAAQE,OAAO,EAAE;gBACnBW,cAAcb,QAAQE,OAAO;YAC/B;QACF;IACF,GAAG;QAACR;QAAiBO;KAAiB;IAEtC,MAAMa,uBAA6C1B,YACjD,CAAC2B;QACC5B,gBAAgB;YACdQ,mBAAmB;YAEnB,IAAI,OAAOoB,aAAa,YAAY;gBAClCA;YACF;QACF;IACF,GACA;QAACpB;KAAmB;IAGtB,qBACE,KAACqB;QAAuBC,OAAO;YAAEvB;YAAiBoB;YAAsBlB;QAAmB;kBACxFH;;AAGP,EAAC;AAcD,MAAMuB,uCAAyB9B,MAAMgC,aAAa,CAA8B;IAC9ExB,iBAAiB;IACjBoB,sBAAsB,IAAMK;IAC5BvB,oBAAoB;AACtB;AAEA;;;;;;;;;;;;;;;;;;;;CAoBC,GACD,OAAO,MAAMwB,qBAAqB,IAAMlC,MAAMmC,GAAG,CAACL,wBAAuB"}
+{"version":3,"sources":["../../../src/providers/RouteTransition/index.tsx"],"sourcesContent":["'use client'\nimport React, { startTransition, useCallback, useEffect, useOptimistic, useRef } from 'react'\n\n/**\n * Route transitions are useful in showing immediate visual feedback to the user when navigating between pages. This is especially useful on slow networks when navigating to data heavy or process intensive pages.\n * To use route transitions, place the `RouteTransitionProvider` at the root of your application, outside of the `ProgressBar` component.\n * To trigger a route transition, use the `Link` component from `@payloadcms/ui`,\n * or wrap a callback function with the `startRouteTransition` method.\n * To gain access to the `RouteTransitionContext`, call the `useRouteTransition` hook in your component.\n * @returns A context provider with methods and state for transitioning between routes, including `isTransitioning`, `startRouteTransition`, and `transitionProgress`.\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 * )\n */\nexport const RouteTransitionProvider: React.FC<RouteTransitionProps> = ({ children }) => {\n  const [isTransitioning, setIsTransitioning] = useOptimistic(false)\n  const [transitionProgress, setTransitionProgress] = React.useState<number>(0)\n\n  const transitionProgressRef = useRef(transitionProgress)\n\n  const timerID = useRef(null)\n\n  const initiateProgress = useCallback(() => {\n    timerID.current = setInterval(() => {\n      // randomly update progress using an exponential curve\n      // cap the progress to ensure it never fully reaches completion\n      // accelerate quickly then decelerate slowly\n      const maxProgress = 0.93\n      const jumpFactor = 0.2 // lower to reduce jumps in progress\n      const growthFactor = 0.75 // adjust to control acceleration\n      const slowdownFactor = 0.75 // adjust to control deceleration\n\n      const newProgress =\n        transitionProgressRef.current +\n        (maxProgress - transitionProgressRef.current) *\n          Math.random() *\n          jumpFactor *\n          Math.pow(Math.log(1 + (1 - transitionProgressRef.current) * growthFactor), slowdownFactor)\n\n      setTransitionProgress(newProgress)\n      transitionProgressRef.current = newProgress\n    }, 250) // every n ms, update progress\n  }, [])\n\n  useEffect(() => {\n    setTransitionProgress(0)\n    transitionProgressRef.current = 0\n\n    if (isTransitioning) {\n      initiateProgress()\n    } else {\n      if (timerID.current) {\n        clearInterval(timerID.current)\n      }\n    }\n  }, [isTransitioning, initiateProgress])\n\n  const startRouteTransition: StartRouteTransition = useCallback(\n    (callback?: () => void) => {\n      startTransition(() => {\n        setIsTransitioning(true)\n\n        if (typeof callback === 'function') {\n          callback()\n        }\n      })\n    },\n    [setIsTransitioning],\n  )\n\n  return (\n    <RouteTransitionContext value={{ isTransitioning, startRouteTransition, transitionProgress }}>\n      {children}\n    </RouteTransitionContext>\n  )\n}\n\ntype RouteTransitionProps = {\n  children: React.ReactNode\n}\n\ntype StartRouteTransition = (callback?: () => void) => void\n\ntype RouteTransitionContextValue = {\n  isTransitioning: boolean\n  startRouteTransition: StartRouteTransition\n  transitionProgress: number\n}\n\nconst RouteTransitionContext = React.createContext<RouteTransitionContextValue>({\n  isTransitioning: false,\n  startRouteTransition: () => undefined,\n  transitionProgress: 0,\n})\n\n/**\n * Use this hook to access the `RouteTransitionContext` provided by the `RouteTransitionProvider`.\n * To start a transition, fire the `startRouteTransition` method with a provided callback to run while the transition takes place.\n * @returns The `RouteTransitionContext` needed for transitioning between routes, including `isTransitioning`, `startRouteTransition`, and `transitionProgress`.\n * @example\n * 'use client'\n * import React, { useCallback } from 'react'\n * import { useTransition } from '@payloadcms/ui'\n * import { useRouter } from 'next/navigation'\n *\n * const MyComponent: React.FC = () => {\n *   const router = useRouter()\n *   const { startRouteTransition } = useRouteTransition()\n *\n *   const redirectSomewhere = useCallback(() => {\n *     startRouteTransition(() => router.push('/somewhere'))\n *   }, [startRouteTransition, router])\n *\n *   // ...\n * }\n */\nexport const useRouteTransition = () => React.use(RouteTransitionContext)\n"],"names":["React","startTransition","useCallback","useEffect","useOptimistic","useRef","RouteTransitionProvider","children","isTransitioning","setIsTransitioning","transitionProgress","setTransitionProgress","useState","transitionProgressRef","timerID","initiateProgress","current","setInterval","maxProgress","jumpFactor","growthFactor","slowdownFactor","newProgress","Math","random","pow","log","clearInterval","startRouteTransition","callback","RouteTransitionContext","value","createContext","undefined","useRouteTransition","use"],"mappings":"AAAA;;AACA,OAAOA,SAASC,eAAe,EAAEC,WAAW,EAAEC,SAAS,EAAEC,aAAa,EAAEC,MAAM,QAAQ,QAAO;AAE7F;;;;;;;;;;;;;;;CAeC,GACD,OAAO,MAAMC,0BAA0D,CAAC,EAAEC,QAAQ,EAAE;IAClF,MAAM,CAACC,iBAAiBC,mBAAmB,GAAGL,cAAc;IAC5D,MAAM,CAACM,oBAAoBC,sBAAsB,GAAGX,MAAMY,QAAQ,CAAS;IAE3E,MAAMC,wBAAwBR,OAAOK;IAErC,MAAMI,UAAUT,OAAO;IAEvB,MAAMU,mBAAmBb,YAAY;QACnCY,QAAQE,OAAO,GAAGC,YAAY;YAC5B,sDAAsD;YACtD,+DAA+D;YAC/D,4CAA4C;YAC5C,MAAMC,cAAc;YACpB,MAAMC,aAAa;YAAI,oCAAoC;YAC3D,MAAMC,eAAe;YAAK,iCAAiC;YAC3D,MAAMC,iBAAiB;YAAK,iCAAiC;YAE7D,MAAMC,cACJT,sBAAsBG,OAAO,GAC7B,AAACE,CAAAA,cAAcL,sBAAsBG,OAAO,AAAD,IACzCO,KAAKC,MAAM,KACXL,aACAI,KAAKE,GAAG,CAACF,KAAKG,GAAG,CAAC,IAAI,AAAC,CAAA,IAAIb,sBAAsBG,OAAO,AAAD,IAAKI,eAAeC;YAE/EV,sBAAsBW;YACtBT,sBAAsBG,OAAO,GAAGM;QAClC,GAAG;IACL,GADU,8BAA8B;IACrC,EAAE;IAELnB,UAAU;QACRQ,sBAAsB;QACtBE,sBAAsBG,OAAO,GAAG;QAEhC,IAAIR,iBAAiB;YACnBO;QACF,OAAO;YACL,IAAID,QAAQE,OAAO,EAAE;gBACnBW,cAAcb,QAAQE,OAAO;YAC/B;QACF;IACF,GAAG;QAACR;QAAiBO;KAAiB;IAEtC,MAAMa,uBAA6C1B,YACjD,CAAC2B;QACC5B,gBAAgB;YACdQ,mBAAmB;YAEnB,IAAI,OAAOoB,aAAa,YAAY;gBAClCA;YACF;QACF;IACF,GACA;QAACpB;KAAmB;IAGtB,qBACE,QAACqB;QAAuBC,OAAO;YAAEvB;YAAiBoB;YAAsBlB;QAAmB;kBACxFH;;;;;;AAGP,EAAC;AAcD,MAAMuB,uCAAyB9B,MAAMgC,aAAa,CAA8B;IAC9ExB,iBAAiB;IACjBoB,sBAAsB,IAAMK;IAC5BvB,oBAAoB;AACtB;AAEA;;;;;;;;;;;;;;;;;;;;CAoBC,GACD,OAAO,MAAMwB,qBAAqB,IAAMlC,MAAMmC,GAAG,CAACL,wBAAuB"}

package/dist/providers/SearchParams/index.js

@@ -1,5 +1,5 @@
 'use client';
-import { jsx as _jsx } from "react/jsx-runtime";
+import { jsxDEV as _jsxDEV } from "react/jsx-dev-runtime";
 import { useSearchParams as useNextSearchParams } from 'next/navigation.js';
 import * as qs from 'qs-esm';
 import React, { createContext, use } from 'react';
@@ -34,13 +34,17 @@ const Context = /*#__PURE__*/ createContext(initialContext);
     }, [
         searchParams
     ]);
-    return /*#__PURE__*/ _jsx(Context, {
+    return /*#__PURE__*/ _jsxDEV(Context, {
         value: {
             searchParams,
             stringifyParams
         },
         children: children
-    });
+    }, void 0, false, {
+        fileName: "src/providers/SearchParams/index.tsx",
+        lineNumber: 53,
+        columnNumber: 10
+    }, this);
 };
 /**
  * @deprecated

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/providers/SearchParams/index.tsx"],"sourcesContent":["'use client'\n\nimport { useSearchParams as useNextSearchParams } from 'next/navigation.js'\nimport * as qs from 'qs-esm'\nimport React, { createContext, use } from 'react'\n\nexport type SearchParamsContext = {\n  searchParams: qs.ParsedQs\n  stringifyParams: ({ params, replace }: { params: qs.ParsedQs; replace?: boolean }) => string\n}\n\nconst initialContext: SearchParamsContext = {\n  searchParams: {},\n  stringifyParams: () => '',\n}\n\nconst Context = createContext(initialContext)\n\n/**\n * @deprecated\n * The SearchParamsProvider is deprecated and will be removed in the next major release. Instead, use the `useSearchParams` hook from `next/navigation` directly. See https://github.com/payloadcms/payload/pull/9581.\n * @example\n * ```tsx\n * import { useSearchParams } from 'next/navigation'\n * ```\n */\nexport const SearchParamsProvider: React.FC<{ children?: React.ReactNode }> = ({ children }) => {\n  const nextSearchParams = useNextSearchParams()\n  const searchString = nextSearchParams.toString()\n\n  const searchParams = React.useMemo(\n    () =>\n      qs.parse(searchString, {\n        depth: 10,\n        ignoreQueryPrefix: true,\n      }),\n    [searchString],\n  )\n\n  const stringifyParams = React.useCallback(\n    ({ params, replace = false }: { params: qs.ParsedQs; replace?: boolean }) => {\n      return qs.stringify(\n        {\n          ...(replace ? {} : searchParams),\n          ...params,\n        },\n        { addQueryPrefix: true },\n      )\n    },\n    [searchParams],\n  )\n\n  return <Context value={{ searchParams, stringifyParams }}>{children}</Context>\n}\n\n/**\n * @deprecated\n * The `useSearchParams` hook is deprecated and will be removed in the next major release. Instead, use the `useSearchParams` hook from `next/navigation` directly. See https://github.com/payloadcms/payload/pull/9581.\n * @example\n * ```tsx\n * import { useSearchParams } from 'next/navigation'\n * ```\n * If you need to parse the `where` query, you can do so with the `parseSearchParams` utility.\n * ```tsx\n * import { parseSearchParams } from '@payloadcms/ui'\n * const parsedSearchParams = parseSearchParams(searchParams)\n * ```\n */\nexport const useSearchParams = (): SearchParamsContext => use(Context)\n"],"names":["useSearchParams","useNextSearchParams","qs","React","createContext","use","initialContext","searchParams","stringifyParams","Context","SearchParamsProvider","children","nextSearchParams","searchString","toString","useMemo","parse","depth","ignoreQueryPrefix","useCallback","params","replace","stringify","addQueryPrefix","value"],"mappings":"AAAA;;AAEA,SAASA,mBAAmBC,mBAAmB,QAAQ,qBAAoB;AAC3E,YAAYC,QAAQ,SAAQ;AAC5B,OAAOC,SAASC,aAAa,EAAEC,GAAG,QAAQ,QAAO;AAOjD,MAAMC,iBAAsC;IAC1CC,cAAc,CAAC;IACfC,iBAAiB,IAAM;AACzB;AAEA,MAAMC,wBAAUL,cAAcE;AAE9B;;;;;;;CAOC,GACD,OAAO,MAAMI,uBAAiE,CAAC,EAAEC,QAAQ,EAAE;IACzF,MAAMC,mBAAmBX;IACzB,MAAMY,eAAeD,iBAAiBE,QAAQ;IAE9C,MAAMP,eAAeJ,MAAMY,OAAO,CAChC,IACEb,GAAGc,KAAK,CAACH,cAAc;YACrBI,OAAO;YACPC,mBAAmB;QACrB,IACF;QAACL;KAAa;IAGhB,MAAML,kBAAkBL,MAAMgB,WAAW,CACvC,CAAC,EAAEC,MAAM,EAAEC,UAAU,KAAK,EAA8C;QACtE,OAAOnB,GAAGoB,SAAS,CACjB;YACE,GAAID,UAAU,CAAC,IAAId,YAAY;YAC/B,GAAGa,MAAM;QACX,GACA;YAAEG,gBAAgB;QAAK;IAE3B,GACA;QAAChB;KAAa;IAGhB,qBAAO,KAACE;QAAQe,OAAO;YAAEjB;YAAcC;QAAgB;kBAAIG;;AAC7D,EAAC;AAED;;;;;;;;;;;;CAYC,GACD,OAAO,MAAMX,kBAAkB,IAA2BK,IAAII,SAAQ"}
+{"version":3,"sources":["../../../src/providers/SearchParams/index.tsx"],"sourcesContent":["'use client'\n\nimport { useSearchParams as useNextSearchParams } from 'next/navigation.js'\nimport * as qs from 'qs-esm'\nimport React, { createContext, use } from 'react'\n\nexport type SearchParamsContext = {\n  searchParams: qs.ParsedQs\n  stringifyParams: ({ params, replace }: { params: qs.ParsedQs; replace?: boolean }) => string\n}\n\nconst initialContext: SearchParamsContext = {\n  searchParams: {},\n  stringifyParams: () => '',\n}\n\nconst Context = createContext(initialContext)\n\n/**\n * @deprecated\n * The SearchParamsProvider is deprecated and will be removed in the next major release. Instead, use the `useSearchParams` hook from `next/navigation` directly. See https://github.com/payloadcms/payload/pull/9581.\n * @example\n * ```tsx\n * import { useSearchParams } from 'next/navigation'\n * ```\n */\nexport const SearchParamsProvider: React.FC<{ children?: React.ReactNode }> = ({ children }) => {\n  const nextSearchParams = useNextSearchParams()\n  const searchString = nextSearchParams.toString()\n\n  const searchParams = React.useMemo(\n    () =>\n      qs.parse(searchString, {\n        depth: 10,\n        ignoreQueryPrefix: true,\n      }),\n    [searchString],\n  )\n\n  const stringifyParams = React.useCallback(\n    ({ params, replace = false }: { params: qs.ParsedQs; replace?: boolean }) => {\n      return qs.stringify(\n        {\n          ...(replace ? {} : searchParams),\n          ...params,\n        },\n        { addQueryPrefix: true },\n      )\n    },\n    [searchParams],\n  )\n\n  return <Context value={{ searchParams, stringifyParams }}>{children}</Context>\n}\n\n/**\n * @deprecated\n * The `useSearchParams` hook is deprecated and will be removed in the next major release. Instead, use the `useSearchParams` hook from `next/navigation` directly. See https://github.com/payloadcms/payload/pull/9581.\n * @example\n * ```tsx\n * import { useSearchParams } from 'next/navigation'\n * ```\n * If you need to parse the `where` query, you can do so with the `parseSearchParams` utility.\n * ```tsx\n * import { parseSearchParams } from '@payloadcms/ui'\n * const parsedSearchParams = parseSearchParams(searchParams)\n * ```\n */\nexport const useSearchParams = (): SearchParamsContext => use(Context)\n"],"names":["useSearchParams","useNextSearchParams","qs","React","createContext","use","initialContext","searchParams","stringifyParams","Context","SearchParamsProvider","children","nextSearchParams","searchString","toString","useMemo","parse","depth","ignoreQueryPrefix","useCallback","params","replace","stringify","addQueryPrefix","value"],"mappings":"AAAA;;AAEA,SAASA,mBAAmBC,mBAAmB,QAAQ,qBAAoB;AAC3E,YAAYC,QAAQ,SAAQ;AAC5B,OAAOC,SAASC,aAAa,EAAEC,GAAG,QAAQ,QAAO;AAOjD,MAAMC,iBAAsC;IAC1CC,cAAc,CAAC;IACfC,iBAAiB,IAAM;AACzB;AAEA,MAAMC,wBAAUL,cAAcE;AAE9B;;;;;;;CAOC,GACD,OAAO,MAAMI,uBAAiE,CAAC,EAAEC,QAAQ,EAAE;IACzF,MAAMC,mBAAmBX;IACzB,MAAMY,eAAeD,iBAAiBE,QAAQ;IAE9C,MAAMP,eAAeJ,MAAMY,OAAO,CAChC,IACEb,GAAGc,KAAK,CAACH,cAAc;YACrBI,OAAO;YACPC,mBAAmB;QACrB,IACF;QAACL;KAAa;IAGhB,MAAML,kBAAkBL,MAAMgB,WAAW,CACvC,CAAC,EAAEC,MAAM,EAAEC,UAAU,KAAK,EAA8C;QACtE,OAAOnB,GAAGoB,SAAS,CACjB;YACE,GAAID,UAAU,CAAC,IAAId,YAAY;YAC/B,GAAGa,MAAM;QACX,GACA;YAAEG,gBAAgB;QAAK;IAE3B,GACA;QAAChB;KAAa;IAGhB,qBAAO,QAACE;QAAQe,OAAO;YAAEjB;YAAcC;QAAgB;kBAAIG;;;;;;AAC7D,EAAC;AAED;;;;;;;;;;;;CAYC,GACD,OAAO,MAAMX,kBAAkB,IAA2BK,IAAII,SAAQ"}