@payloadcms/ui 3.67.0 → 3.68.0-internal-debug.2eb12b9

package/dist/providers/Actions/index.js

@@ -1,39 +1,23 @@
 'use client';
-
-import { c as _c } from "react/compiler-runtime";
 import { jsx as _jsx } from "react/jsx-runtime";
 import React, { createContext, use, useState } from 'react';
-const ActionsContext = /*#__PURE__*/createContext({
-  Actions: {},
-  setViewActions: () => {}
+const ActionsContext = /*#__PURE__*/ createContext({
+    Actions: {},
+    setViewActions: ()=>{}
 });
-export const useActions = () => use(ActionsContext);
-export const ActionsProvider = t0 => {
-  const $ = _c(4);
-  const {
-    Actions,
-    children
-  } = t0;
-  const [viewActions, setViewActions] = useState(Actions);
-  let t1;
-  if ($[0] !== Actions || $[1] !== children || $[2] !== viewActions) {
-    t1 = _jsx(ActionsContext, {
-      value: {
-        Actions: {
-          ...viewActions,
-          ...Actions
+export const useActions = ()=>use(ActionsContext);
+export const ActionsProvider = ({ Actions, children })=>{
+    const [viewActions, setViewActions] = useState(Actions);
+    return /*#__PURE__*/ _jsx(ActionsContext, {
+        value: {
+            Actions: {
+                ...viewActions,
+                ...Actions
+            },
+            setViewActions
         },
-        setViewActions
-      },
-      children
+        children: children
     });
-    $[0] = Actions;
-    $[1] = children;
-    $[2] = viewActions;
-    $[3] = t1;
-  } else {
-    t1 = $[3];
-  }
-  return t1;
 };
+
 //# sourceMappingURL=index.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["c","_c","React","createContext","use","useState","ActionsContext","Actions","setViewActions","useActions","ActionsProvider","t0","$","children","viewActions","t1","_jsx","value"],"sources":["../../../src/providers/Actions/index.tsx"],"sourcesContent":["'use client'\n\nimport React, { createContext, use, useState } from 'react'\n\ntype ActionsContextType = {\n  Actions: {\n    [key: string]: React.ReactNode\n  }\n  setViewActions: (actions: ActionsContextType['Actions']) => void\n}\n\nconst ActionsContext = createContext<ActionsContextType>({\n  Actions: {},\n  setViewActions: () => {},\n})\n\nexport const useActions = () => use(ActionsContext)\n\nexport const ActionsProvider: React.FC<{\n  readonly Actions?: {\n    [key: string]: React.ReactNode\n  }\n  readonly children: React.ReactNode\n}> = ({ Actions, children }) => {\n  const [viewActions, setViewActions] = useState(Actions)\n\n  return (\n    <ActionsContext\n      value={{\n        Actions: {\n          ...viewActions,\n          ...Actions,\n        },\n        setViewActions,\n      }}\n    >\n      {children}\n    </ActionsContext>\n  )\n}\n"],"mappings":"AAAA;;AAAA,SAAAA,CAAA,IAAAC,EAAA;;AAEA,OAAOC,KAAA,IAASC,aAAa,EAAEC,GAAG,EAAEC,QAAQ,QAAQ;AASpD,MAAMC,cAAA,gBAAiBH,aAAA,CAAkC;EACvDI,OAAA,EAAS,CAAC;EACVC,cAAA,EAAgBA,CAAA,MAAO;AACzB;AAEA,OAAO,MAAMC,UAAA,GAAaA,CAAA,KAAML,GAAA,CAAIE,cAAA;AAEpC,OAAO,MAAMI,eAAA,GAKRC,EAAA;EAAA,MAAAC,CAAA,GAAAX,EAAA;EAAC;IAAAM,OAAA;IAAAM;EAAA,IAAAF,EAAqB;EACzB,OAAAG,WAAA,EAAAN,cAAA,IAAsCH,QAAA,CAASE,OAAA;EAAA,IAAAQ,EAAA;EAAA,IAAAH,CAAA,QAAAL,OAAA,IAAAK,CAAA,QAAAC,QAAA,IAAAD,CAAA,QAAAE,WAAA;IAG7CC,EAAA,GAAAC,IAAA,CAAAV,cAAA;MAAAW,KAAA;QAAAV,OAAA;UAAA,GAGSO,WAAW;UAAA,GACXP;QAAO;QAAAC;MAAA;MAAAK;IAAA,C;;;;;;;;SAJhBE,E;CAYJ","ignoreList":[]}
+{"version":3,"sources":["../../../src/providers/Actions/index.tsx"],"sourcesContent":["'use client'\n\nimport React, { createContext, use, useState } from 'react'\n\ntype ActionsContextType = {\n  Actions: {\n    [key: string]: React.ReactNode\n  }\n  setViewActions: (actions: ActionsContextType['Actions']) => void\n}\n\nconst ActionsContext = createContext<ActionsContextType>({\n  Actions: {},\n  setViewActions: () => {},\n})\n\nexport const useActions = () => use(ActionsContext)\n\nexport const ActionsProvider: React.FC<{\n  readonly Actions?: {\n    [key: string]: React.ReactNode\n  }\n  readonly children: React.ReactNode\n}> = ({ Actions, children }) => {\n  const [viewActions, setViewActions] = useState(Actions)\n\n  return (\n    <ActionsContext\n      value={{\n        Actions: {\n          ...viewActions,\n          ...Actions,\n        },\n        setViewActions,\n      }}\n    >\n      {children}\n    </ActionsContext>\n  )\n}\n"],"names":["React","createContext","use","useState","ActionsContext","Actions","setViewActions","useActions","ActionsProvider","children","viewActions","value"],"mappings":"AAAA;;AAEA,OAAOA,SAASC,aAAa,EAAEC,GAAG,EAAEC,QAAQ,QAAQ,QAAO;AAS3D,MAAMC,+BAAiBH,cAAkC;IACvDI,SAAS,CAAC;IACVC,gBAAgB,KAAO;AACzB;AAEA,OAAO,MAAMC,aAAa,IAAML,IAAIE,gBAAe;AAEnD,OAAO,MAAMI,kBAKR,CAAC,EAAEH,OAAO,EAAEI,QAAQ,EAAE;IACzB,MAAM,CAACC,aAAaJ,eAAe,GAAGH,SAASE;IAE/C,qBACE,KAACD;QACCO,OAAO;YACLN,SAAS;gBACP,GAAGK,WAAW;gBACd,GAAGL,OAAO;YACZ;YACAC;QACF;kBAECG;;AAGP,EAAC"}

package/dist/providers/Auth/index.js

@@ -1,5 +1,4 @@
 'use client';
-
 import { jsx as _jsx } from "react/jsx-runtime";
 import { useModal } from '@faceless-ui/modal';
 import { usePathname, useRouter } from 'next/navigation.js';
@@ -13,241 +12,260 @@ import { useTranslation } from '../../providers/Translation/index.js';
 import { requests } from '../../utilities/api.js';
 import { useConfig } from '../Config/index.js';
 import { useRouteTransition } from '../RouteTransition/index.js';
-const Context = /*#__PURE__*/createContext({});
+const Context = /*#__PURE__*/ createContext({});
 const maxTimeoutMs = 2147483647;
-export function AuthProvider({
-  children,
-  permissions: initialPermissions,
-  user: initialUser
-}) {
-  const pathname = usePathname();
-  const router = useRouter();
-  const {
-    config
-  } = useConfig();
-  const {
-    admin: {
-      autoLogin,
-      autoRefresh,
-      routes: {
-        inactivity: logoutInactivityRoute
-      },
-      user: userSlug
-    },
-    routes: {
-      admin: adminRoute,
-      api: apiRoute
-    },
-    serverURL
-  } = config;
-  const {
-    i18n
-  } = useTranslation();
-  const {
-    closeAllModals,
-    openModal
-  } = useModal();
-  const {
-    startRouteTransition
-  } = useRouteTransition();
-  const [user, setUserInMemory] = useState(initialUser);
-  const [tokenInMemory, setTokenInMemory] = useState();
-  const [tokenExpirationMs, setTokenExpirationMs] = useState();
-  const [permissions, setPermissions] = useState(initialPermissions);
-  const [forceLogoutBufferMs, setForceLogoutBufferMs] = useState(120_000);
-  const [fetchedUserOnMount, setFetchedUserOnMount] = useState(false);
-  const refreshTokenTimeoutRef = React.useRef(null);
-  const reminderTimeoutRef = React.useRef(null);
-  const forceLogOutTimeoutRef = React.useRef(null);
-  const id = user?.id;
-  const redirectToInactivityRoute = useCallback(() => {
-    startRouteTransition(() => router.replace(formatAdminURL({
-      adminRoute,
-      path: `${logoutInactivityRoute}${window.location.pathname.startsWith(adminRoute) ? `?redirect=${encodeURIComponent(window.location.pathname)}` : ''}`
-    })));
-    closeAllModals();
-  }, [router, adminRoute, logoutInactivityRoute, closeAllModals, startRouteTransition]);
-  const revokeTokenAndExpire = useCallback(() => {
-    setUserInMemory(null);
-    setTokenInMemory(undefined);
-    setTokenExpirationMs(undefined);
-    clearTimeout(refreshTokenTimeoutRef.current);
-  }, []);
-  // Handler for reminder timeout - uses useEffectEvent to capture latest autoRefresh value
-  const handleReminderTimeout = useEffectEvent(() => {
-    if (autoRefresh) {
-      refreshCookieEvent();
-    } else {
-      openModal(stayLoggedInModalSlug);
-    }
-  });
-  const setNewUser = useCallback(userResponse => {
-    clearTimeout(reminderTimeoutRef.current);
-    clearTimeout(forceLogOutTimeoutRef.current);
-    if (userResponse?.user) {
-      setUserInMemory(userResponse.user);
-      setTokenInMemory(userResponse.token);
-      setTokenExpirationMs(userResponse.exp * 1000);
-      const expiresInMs = Math.max(0, Math.min((userResponse.exp ?? 0) * 1000 - Date.now(), maxTimeoutMs));
-      if (expiresInMs) {
-        const nextForceLogoutBufferMs = Math.min(60_000, expiresInMs / 2);
-        setForceLogoutBufferMs(nextForceLogoutBufferMs);
-        reminderTimeoutRef.current = setTimeout(handleReminderTimeout, Math.max(expiresInMs - nextForceLogoutBufferMs, 0));
-        forceLogOutTimeoutRef.current = setTimeout(() => {
-          revokeTokenAndExpire();
-          redirectToInactivityRoute();
-        }, expiresInMs);
-      }
-    } else {
-      revokeTokenAndExpire();
-    }
-  }, [redirectToInactivityRoute, revokeTokenAndExpire]);
-  const refreshCookie = useCallback(forceRefresh => {
-    if (!id) {
-      return;
-    }
-    const expiresInMs_0 = Math.max(0, (tokenExpirationMs ?? 0) - Date.now());
-    if (forceRefresh || tokenExpirationMs && expiresInMs_0 < forceLogoutBufferMs * 2) {
-      clearTimeout(refreshTokenTimeoutRef.current);
-      refreshTokenTimeoutRef.current = setTimeout(async () => {
+export function AuthProvider({ children, permissions: initialPermissions, user: initialUser }) {
+    const pathname = usePathname();
+    const router = useRouter();
+    const { config } = useConfig();
+    const { admin: { autoLogin, autoRefresh, routes: { inactivity: logoutInactivityRoute }, user: userSlug }, routes: { admin: adminRoute, api: apiRoute }, serverURL } = config;
+    const { i18n } = useTranslation();
+    const { closeAllModals, openModal } = useModal();
+    const { startRouteTransition } = useRouteTransition();
+    const [user, setUserInMemory] = useState(initialUser);
+    const [tokenInMemory, setTokenInMemory] = useState();
+    const [tokenExpirationMs, setTokenExpirationMs] = useState();
+    const [permissions, setPermissions] = useState(initialPermissions);
+    const [forceLogoutBufferMs, setForceLogoutBufferMs] = useState(120_000);
+    const [fetchedUserOnMount, setFetchedUserOnMount] = useState(false);
+    const refreshTokenTimeoutRef = React.useRef(null);
+    const reminderTimeoutRef = React.useRef(null);
+    const forceLogOutTimeoutRef = React.useRef(null);
+    const id = user?.id;
+    const redirectToInactivityRoute = useCallback(()=>{
+        startRouteTransition(()=>router.replace(formatAdminURL({
+                adminRoute,
+                path: `${logoutInactivityRoute}${window.location.pathname.startsWith(adminRoute) ? `?redirect=${encodeURIComponent(window.location.pathname)}` : ''}`
+            })));
+        closeAllModals();
+    }, [
+        router,
+        adminRoute,
+        logoutInactivityRoute,
+        closeAllModals,
+        startRouteTransition
+    ]);
+    const revokeTokenAndExpire = useCallback(()=>{
+        setUserInMemory(null);
+        setTokenInMemory(undefined);
+        setTokenExpirationMs(undefined);
+        clearTimeout(refreshTokenTimeoutRef.current);
+    }, []);
+    // Handler for reminder timeout - uses useEffectEvent to capture latest autoRefresh value
+    const handleReminderTimeout = useEffectEvent(()=>{
+        if (autoRefresh) {
+            refreshCookieEvent();
+        } else {
+            openModal(stayLoggedInModalSlug);
+        }
+    });
+    const setNewUser = useCallback((userResponse)=>{
+        clearTimeout(reminderTimeoutRef.current);
+        clearTimeout(forceLogOutTimeoutRef.current);
+        if (userResponse?.user) {
+            setUserInMemory(userResponse.user);
+            setTokenInMemory(userResponse.token);
+            setTokenExpirationMs(userResponse.exp * 1000);
+            const expiresInMs = Math.max(0, Math.min((userResponse.exp ?? 0) * 1000 - Date.now(), maxTimeoutMs));
+            if (expiresInMs) {
+                const nextForceLogoutBufferMs = Math.min(60_000, expiresInMs / 2);
+                setForceLogoutBufferMs(nextForceLogoutBufferMs);
+                reminderTimeoutRef.current = setTimeout(handleReminderTimeout, Math.max(expiresInMs - nextForceLogoutBufferMs, 0));
+                forceLogOutTimeoutRef.current = setTimeout(()=>{
+                    revokeTokenAndExpire();
+                    redirectToInactivityRoute();
+                }, expiresInMs);
+            }
+        } else {
+            revokeTokenAndExpire();
+        }
+    }, [
+        redirectToInactivityRoute,
+        revokeTokenAndExpire
+    ]);
+    const refreshCookie = useCallback((forceRefresh)=>{
+        if (!id) {
+            return;
+        }
+        const expiresInMs = Math.max(0, (tokenExpirationMs ?? 0) - Date.now());
+        if (forceRefresh || tokenExpirationMs && expiresInMs < forceLogoutBufferMs * 2) {
+            clearTimeout(refreshTokenTimeoutRef.current);
+            refreshTokenTimeoutRef.current = setTimeout(async ()=>{
+                try {
+                    const request = await requests.post(`${serverURL}${apiRoute}/${userSlug}/refresh-token?refresh`, {
+                        headers: {
+                            'Accept-Language': i18n.language
+                        }
+                    });
+                    if (request.status === 200) {
+                        const json = await request.json();
+                        setNewUser(json);
+                    } else {
+                        setNewUser(null);
+                        redirectToInactivityRoute();
+                    }
+                } catch (e) {
+                    toast.error(e.message);
+                }
+            }, 1000);
+        }
+    }, [
+        apiRoute,
+        i18n.language,
+        redirectToInactivityRoute,
+        serverURL,
+        setNewUser,
+        tokenExpirationMs,
+        userSlug,
+        forceLogoutBufferMs,
+        id
+    ]);
+    const refreshCookieAsync = useCallback(async (skipSetUser)=>{
         try {
-          const request = await requests.post(`${serverURL}${apiRoute}/${userSlug}/refresh-token?refresh`, {
-            headers: {
-              'Accept-Language': i18n.language
+            const request = await requests.post(`${serverURL}${apiRoute}/${userSlug}/refresh-token`, {
+                headers: {
+                    'Accept-Language': i18n.language
+                }
+            });
+            if (request.status === 200) {
+                const json = await request.json();
+                if (!skipSetUser) {
+                    setNewUser(json);
+                }
+                return json.user;
+            }
+            if (user) {
+                setNewUser(null);
+                redirectToInactivityRoute();
             }
-          });
-          if (request.status === 200) {
-            const json = await request.json();
-            setNewUser(json);
-          } else {
-            setNewUser(null);
-            redirectToInactivityRoute();
-          }
         } catch (e) {
-          toast.error(e.message);
+            toast.error(`Refreshing token failed: ${e.message}`);
         }
-      }, 1000);
-    }
-  }, [apiRoute, i18n.language, redirectToInactivityRoute, serverURL, setNewUser, tokenExpirationMs, userSlug, forceLogoutBufferMs, id]);
-  const refreshCookieAsync = useCallback(async skipSetUser => {
-    try {
-      const request_0 = await requests.post(`${serverURL}${apiRoute}/${userSlug}/refresh-token`, {
-        headers: {
-          'Accept-Language': i18n.language
+        return null;
+    }, [
+        apiRoute,
+        i18n.language,
+        redirectToInactivityRoute,
+        serverURL,
+        setNewUser,
+        userSlug,
+        user
+    ]);
+    const logOut = useCallback(async ()=>{
+        try {
+            if (user && user.collection) {
+                setNewUser(null);
+                await requests.post(`${serverURL}${apiRoute}/${user.collection}/logout`);
+            }
+        } catch (_) {
+        // fail silently and log the user out in state
         }
-      });
-      if (request_0.status === 200) {
-        const json_0 = await request_0.json();
-        if (!skipSetUser) {
-          setNewUser(json_0);
+        return true;
+    }, [
+        apiRoute,
+        serverURL,
+        setNewUser,
+        user
+    ]);
+    const refreshPermissions = useCallback(async ({ locale } = {})=>{
+        const params = qs.stringify({
+            locale
+        }, {
+            addQueryPrefix: true
+        });
+        try {
+            const request = await requests.get(`${serverURL}${apiRoute}/access${params}`, {
+                headers: {
+                    'Accept-Language': i18n.language
+                }
+            });
+            if (request.status === 200) {
+                const json = await request.json();
+                setPermissions(json);
+            } else {
+                throw new Error(`Fetching permissions failed with status code ${request.status}`);
+            }
+        } catch (e) {
+            toast.error(`Refreshing permissions failed: ${e.message}`);
         }
-        return json_0.user;
-      }
-      if (user) {
-        setNewUser(null);
-        redirectToInactivityRoute();
-      }
-    } catch (e_0) {
-      toast.error(`Refreshing token failed: ${e_0.message}`);
-    }
-    return null;
-  }, [apiRoute, i18n.language, redirectToInactivityRoute, serverURL, setNewUser, userSlug, user]);
-  const logOut = useCallback(async () => {
-    try {
-      if (user && user.collection) {
-        setNewUser(null);
-        await requests.post(`${serverURL}${apiRoute}/${user.collection}/logout`);
-      }
-    } catch (_) {
-      // fail silently and log the user out in state
-    }
-    return true;
-  }, [apiRoute, serverURL, setNewUser, user]);
-  const refreshPermissions = useCallback(async ({
-    locale
-  } = {}) => {
-    const params = qs.stringify({
-      locale
-    }, {
-      addQueryPrefix: true
-    });
-    try {
-      const request_1 = await requests.get(`${serverURL}${apiRoute}/access${params}`, {
-        headers: {
-          'Accept-Language': i18n.language
+    }, [
+        serverURL,
+        apiRoute,
+        i18n
+    ]);
+    const fetchFullUser = React.useCallback(async ()=>{
+        try {
+            const request = await requests.get(`${serverURL}${apiRoute}/${userSlug}/me`, {
+                credentials: 'include',
+                headers: {
+                    'Accept-Language': i18n.language
+                }
+            });
+            if (request.status === 200) {
+                const json = await request.json();
+                setNewUser(json);
+                return json?.user || null;
+            }
+        } catch (e) {
+            toast.error(`Fetching user failed: ${e.message}`);
         }
-      });
-      if (request_1.status === 200) {
-        const json_1 = await request_1.json();
-        setPermissions(json_1);
-      } else {
-        throw new Error(`Fetching permissions failed with status code ${request_1.status}`);
-      }
-    } catch (e_1) {
-      toast.error(`Refreshing permissions failed: ${e_1.message}`);
-    }
-  }, [serverURL, apiRoute, i18n]);
-  const fetchFullUser = React.useCallback(async () => {
-    try {
-      const request_2 = await requests.get(`${serverURL}${apiRoute}/${userSlug}/me`, {
-        credentials: 'include',
-        headers: {
-          'Accept-Language': i18n.language
+        return null;
+    }, [
+        serverURL,
+        apiRoute,
+        userSlug,
+        i18n.language,
+        setNewUser
+    ]);
+    const refreshCookieEvent = useEffectEvent(refreshCookie);
+    useEffect(()=>{
+        // when location changes, refresh cookie
+        refreshCookieEvent();
+    }, [
+        pathname
+    ]);
+    const fetchFullUserEvent = useEffectEvent(fetchFullUser);
+    useEffect(()=>{
+        async function fetchUserOnMount() {
+            await fetchFullUserEvent();
+            setFetchedUserOnMount(true);
         }
-      });
-      if (request_2.status === 200) {
-        const json_2 = await request_2.json();
-        setNewUser(json_2);
-        return json_2?.user || null;
-      }
-    } catch (e_2) {
-      toast.error(`Fetching user failed: ${e_2.message}`);
-    }
-    return null;
-  }, [serverURL, apiRoute, userSlug, i18n.language, setNewUser]);
-  const refreshCookieEvent = useEffectEvent(refreshCookie);
-  useEffect(() => {
-    // when location changes, refresh cookie
-    refreshCookieEvent();
-  }, [pathname]);
-  const fetchFullUserEvent = useEffectEvent(fetchFullUser);
-  useEffect(() => {
-    async function fetchUserOnMount() {
-      await fetchFullUserEvent();
-      setFetchedUserOnMount(true);
-    }
-    void fetchUserOnMount();
-  }, []);
-  useEffect(() => {
-    if (!user && autoLogin && !autoLogin.prefillOnly) {
-      void fetchFullUserEvent();
+        void fetchUserOnMount();
+    }, []);
+    useEffect(()=>{
+        if (!user && autoLogin && !autoLogin.prefillOnly) {
+            void fetchFullUserEvent();
+        }
+    }, [
+        user,
+        autoLogin
+    ]);
+    useEffect(()=>()=>{
+            // remove all timeouts on unmount
+            clearTimeout(refreshTokenTimeoutRef.current);
+            clearTimeout(reminderTimeoutRef.current);
+            clearTimeout(forceLogOutTimeoutRef.current);
+        }, []);
+    if (!user && !fetchedUserOnMount) {
+        return null;
     }
-  }, [user, autoLogin]);
-  useEffect(() => () => {
-    // remove all timeouts on unmount
-    clearTimeout(refreshTokenTimeoutRef.current);
-    clearTimeout(reminderTimeoutRef.current);
-    clearTimeout(forceLogOutTimeoutRef.current);
-  }, []);
-  if (!user && !fetchedUserOnMount) {
-    return null;
-  }
-  return /*#__PURE__*/_jsx(Context, {
-    value: {
-      fetchFullUser,
-      logOut,
-      permissions,
-      refreshCookie,
-      refreshCookieAsync,
-      refreshPermissions,
-      setPermissions,
-      setUser: setNewUser,
-      token: tokenInMemory,
-      tokenExpirationMs,
-      user
-    },
-    children: children
-  });
+    return /*#__PURE__*/ _jsx(Context, {
+        value: {
+            fetchFullUser,
+            logOut,
+            permissions,
+            refreshCookie,
+            refreshCookieAsync,
+            refreshPermissions,
+            setPermissions,
+            setUser: setNewUser,
+            token: tokenInMemory,
+            tokenExpirationMs,
+            user
+        },
+        children: children
+    });
 }
-export const useAuth = () => use(Context);
+export const useAuth = ()=>use(Context);
+
 //# sourceMappingURL=index.js.map