@payloadcms/ui 3.0.0-beta.9 → 3.0.0-beta.90

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/providers/Actions/index.tsx"],"sourcesContent":["'use client'\nimport React, { createContext, useContext, useEffect, useState } from 'react'\n\nimport type { ActionMap } from '../ComponentMap/buildComponentMap/types.js'\n\nimport { useComponentMap } from '../ComponentMap/index.js'\n\nexport { SetViewActions } from './SetViewActions/index.js'\n\ntype ActionsContextType = {\n  actions: ActionMap['Edit'][string]\n  setViewActions: (actions: ActionMap['Edit'][string]) => void\n}\n\nconst ActionsContext = createContext<ActionsContextType>({\n  actions: [],\n  setViewActions: () => {},\n})\n\nexport const useActions = () => useContext(ActionsContext)\n\nexport const ActionsProvider = ({ children }) => {\n  const [viewActions, setViewActions] = useState([])\n  const [adminActions, setAdminActions] = useState([])\n\n  const {\n    componentMap: { actions },\n  } = useComponentMap()\n\n  useEffect(() => {\n    setAdminActions(actions || [])\n  }, [actions])\n\n  const combinedActions = [...(viewActions || []), ...(adminActions || [])]\n\n  return (\n    <ActionsContext.Provider value={{ actions: combinedActions, setViewActions }}>\n      {children}\n    </ActionsContext.Provider>\n  )\n}\n"],"names":["React","createContext","useContext","useEffect","useState","useComponentMap","SetViewActions","ActionsContext","actions","setViewActions","useActions","ActionsProvider","children","viewActions","adminActions","setAdminActions","componentMap","combinedActions","Provider","value"],"rangeMappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;","mappings":"AAAA;AACA,OAAOA,SAASC,aAAa,EAAEC,UAAU,EAAEC,SAAS,EAAEC,QAAQ,QAAQ,QAAO;AAI7E,SAASC,eAAe,QAAQ,2BAA0B;AAE1D,SAASC,cAAc,QAAQ,4BAA2B;AAO1D,MAAMC,+BAAiBN,cAAkC;IACvDO,SAAS,EAAE;IACXC,gBAAgB,KAAO;AACzB;AAEA,OAAO,MAAMC,aAAa,IAAMR,WAAWK,gBAAe;AAE1D,OAAO,MAAMI,kBAAkB,CAAC,EAAEC,QAAQ,EAAE;IAC1C,MAAM,CAACC,aAAaJ,eAAe,GAAGL,SAAS,EAAE;IACjD,MAAM,CAACU,cAAcC,gBAAgB,GAAGX,SAAS,EAAE;IAEnD,MAAM,EACJY,cAAc,EAAER,OAAO,EAAE,EAC1B,GAAGH;IAEJF,UAAU;QACRY,gBAAgBP,WAAW,EAAE;IAC/B,GAAG;QAACA;KAAQ;IAEZ,MAAMS,kBAAkB;WAAKJ,eAAe,EAAE;WAAOC,gBAAgB,EAAE;KAAE;IAEzE,qBACE,oBAACP,eAAeW,QAAQ;QAACC,OAAO;YAAEX,SAASS;YAAiBR;QAAe;OACxEG;AAGP,EAAC"}
+{"version":3,"file":"index.js","names":["c","_c","React","createContext","useContext","useEffect","useState","useConfig","SetViewActions","ActionsContext","actions","setViewActions","useActions","ActionsProvider","t0","$","children","t1","Symbol","for","viewActions","t2","adminActions","setAdminActions","config","t3","admin","t4","components","t5","t6","t7","t8","t9","t10","combinedActions","_jsx","Provider","value"],"sources":["../../../src/providers/Actions/index.tsx"],"sourcesContent":["'use client'\nimport type { MappedComponent } from 'payload'\n\nimport React, { createContext, useContext, useEffect, useState } from 'react'\n\nimport { useConfig } from '../../providers/Config/index.js'\n\nexport { SetViewActions } from './SetViewActions/index.js'\n\ntype ActionsContextType = {\n  actions: MappedComponent[]\n  setViewActions: (actions: MappedComponent[]) => void\n}\n\nconst ActionsContext = createContext<ActionsContextType>({\n  actions: [],\n  setViewActions: () => {},\n})\n\nexport const useActions = () => useContext(ActionsContext)\n\nexport const ActionsProvider: React.FC<{\n  readonly children: React.ReactNode\n}> = ({ children }) => {\n  const [viewActions, setViewActions] = useState([])\n  const [adminActions, setAdminActions] = useState([])\n\n  const {\n    config: {\n      admin: {\n        components: { actions },\n      },\n    },\n  } = useConfig()\n\n  useEffect(() => {\n    setAdminActions(actions || [])\n  }, [actions])\n\n  const combinedActions = [...(viewActions || []), ...(adminActions || [])]\n\n  return (\n    <ActionsContext.Provider value={{ actions: combinedActions, setViewActions }}>\n      {children}\n    </ActionsContext.Provider>\n  )\n}\n"],"mappings":"AAAA;;AAAA,SAAAA,CAAA,IAAAC,EAAA;;AAGA,OAAOC,KAAA,IAASC,aAAa,EAAEC,UAAU,EAAEC,SAAS,EAAEC,QAAQ,QAAQ;AAEtE,SAASC,SAAS,QAAQ;AAE1B,SAASC,cAAc,QAAQ;AAO/B,MAAMC,cAAA,gBAAiBN,aAAA,CAAkC;EACvDO,OAAA,EAAS,EAAE;EACXC,cAAA,EAAgBA,CAAA,MAAO;AACzB;AAEA,OAAO,MAAMC,UAAA,GAAaA,CAAA;EAAA,OAAMR,UAAA,CAAAK,cAAW;AAAA;AAE3C,OAAO,MAAMI,eAAA,GAERC,EAAA;EAAA,MAAAC,CAAA,GAAAd,EAAA;EAAC;IAAAe;EAAA,IAAAF,EAAY;EAAA,IAAAG,EAAA;EAAA,IAAAF,CAAA,QAAAG,MAAA,CAAAC,GAAA;IAC+BF,EAAA;IAAEF,CAAA,MAAAE,EAAA;EAAA;IAAAA,EAAA,GAAAF,CAAA;EAAA;EAAjD,OAAAK,WAAA,EAAAT,cAAA,IAAsCL,QAAA,CAASW,EAAE;EAAA,IAAAI,EAAA;EAAA,IAAAN,CAAA,QAAAG,MAAA,CAAAC,GAAA;IACAE,EAAA;IAAEN,CAAA,MAAAM,EAAA;EAAA;IAAAA,EAAA,GAAAN,CAAA;EAAA;EAAnD,OAAAO,YAAA,EAAAC,eAAA,IAAwCjB,QAAA,CAASe,EAAE;EAEnD;IAAAG,MAAA,EAAAC;EAAA,IAMIlB,SAAA;EALM;IAAAmB,KAAA,EAAAC;EAAA,IAAAF,EAIP;EAHQ;IAAAG,UAAA,EAAAC;EAAA,IAAAF,EAEN;EADa;IAAAjB;EAAA,IAAAmB,EAAW;EAAA,IAAAC,EAAA;EAAA,IAAAC,EAAA;EAAA,IAAAhB,CAAA,QAAAL,OAAA;IAKnBoB,EAAA,GAAAA,CAAA;MACRP,eAAA,CAAgBb,OAAA,MAAa;IAAA;IAC5BqB,EAAA,IAACrB,OAAA;IAAQK,CAAA,MAAAL,OAAA;IAAAK,CAAA,MAAAe,EAAA;IAAAf,CAAA,MAAAgB,EAAA;EAAA;IAAAD,EAAA,GAAAf,CAAA;IAAAgB,EAAA,GAAAhB,CAAA;EAAA;EAFZV,SAAA,CAAUyB,EAEV,EAAGC,EAAS;EAAA,IAAAC,EAAA;EAAA,IAAAjB,CAAA,QAAAK,WAAA;IAEiBY,EAAA,GAAAZ,WAAA,MAAiB;IAAAL,CAAA,MAAAK,WAAA;IAAAL,CAAA,MAAAiB,EAAA;EAAA;IAAAA,EAAA,GAAAjB,CAAA;EAAA;EAAA,IAAAkB,EAAA;EAAA,IAAAlB,CAAA,QAAAO,YAAA;IAAOW,EAAA,GAAAX,YAAA,MAAkB;IAAAP,CAAA,MAAAO,YAAA;IAAAP,CAAA,MAAAkB,EAAA;EAAA;IAAAA,EAAA,GAAAlB,CAAA;EAAA;EAAA,IAAAmB,GAAA;EAAA,IAAAnB,CAAA,QAAAiB,EAAA,IAAAjB,CAAA,SAAAkB,EAAA,IAAAlB,CAAA,SAAAC,QAAA;IAAvE,MAAAmB,eAAA,OAA6BH,EAAiB,KAAOC,EAAkB;IAGrEC,GAAA,GAAAE,IAAA,CAAA3B,cAAA,CAAA4B,QAAA;MAAAC,KAAA;QAAA5B,OAAA,EAA2CyB,eAAA;QAAAxB;MAAA;MAAAK;IAAA,C;;;;;;;;SAA3CkB,G;CAIJ","ignoreList":[]}

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

@@ -1,19 +1,25 @@
-import type { ClientUser, Permissions } from 'payload/auth';
+import type { ClientUser, Permissions } from 'payload';
 import React from 'react';
 export type AuthContext<T = ClientUser> = {
     fetchFullUser: () => Promise<void>;
-    logOut: () => void;
+    logOut: () => Promise<void>;
     permissions?: Permissions;
     refreshCookie: (forceRefresh?: boolean) => void;
     refreshCookieAsync: () => Promise<ClientUser>;
     refreshPermissions: () => Promise<void>;
     setPermissions: (permissions: Permissions) => void;
     setUser: (user: T) => void;
+    strategy?: string;
     token?: string;
+    tokenExpiration?: number;
     user?: T | null;
 };
-export declare const AuthProvider: React.FC<{
+type Props = {
     children: React.ReactNode;
-}>;
+    permissions?: Permissions;
+    user?: ClientUser | null;
+};
+export declare function AuthProvider({ children, permissions: initialPermissions, user: initialUser, }: Props): React.JSX.Element;
 export declare const useAuth: <T = ClientUser>() => AuthContext<T>;
+export {};
 //# sourceMappingURL=index.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/providers/Auth/index.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,UAAU,EAAE,WAAW,EAAE,MAAM,cAAc,CAAA;AAM3D,OAAO,KAAsE,MAAM,OAAO,CAAA;AAS1F,MAAM,MAAM,WAAW,CAAC,CAAC,GAAG,UAAU,IAAI;IACxC,aAAa,EAAE,MAAM,OAAO,CAAC,IAAI,CAAC,CAAA;IAClC,MAAM,EAAE,MAAM,IAAI,CAAA;IAClB,WAAW,CAAC,EAAE,WAAW,CAAA;IACzB,aAAa,EAAE,CAAC,YAAY,CAAC,EAAE,OAAO,KAAK,IAAI,CAAA;IAC/C,kBAAkB,EAAE,MAAM,OAAO,CAAC,UAAU,CAAC,CAAA;IAC7C,kBAAkB,EAAE,MAAM,OAAO,CAAC,IAAI,CAAC,CAAA;IACvC,cAAc,EAAE,CAAC,WAAW,EAAE,WAAW,KAAK,IAAI,CAAA;IAClD,OAAO,EAAE,CAAC,IAAI,EAAE,CAAC,KAAK,IAAI,CAAA;IAC1B,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,IAAI,CAAC,EAAE,CAAC,GAAG,IAAI,CAAA;CAChB,CAAA;AAMD,eAAO,MAAM,YAAY,EAAE,KAAK,CAAC,EAAE,CAAC;IAAE,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAA;CAAE,CAyShE,CAAA;AAED,eAAO,MAAM,OAAO,wBAAwB,YAAY,CAAC,CAA0C,CAAA"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/providers/Auth/index.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,UAAU,EAAqB,WAAW,EAAE,MAAM,SAAS,CAAA;AAKzE,OAAO,KAAsE,MAAM,OAAO,CAAA;AAU1F,MAAM,MAAM,WAAW,CAAC,CAAC,GAAG,UAAU,IAAI;IACxC,aAAa,EAAE,MAAM,OAAO,CAAC,IAAI,CAAC,CAAA;IAClC,MAAM,EAAE,MAAM,OAAO,CAAC,IAAI,CAAC,CAAA;IAC3B,WAAW,CAAC,EAAE,WAAW,CAAA;IACzB,aAAa,EAAE,CAAC,YAAY,CAAC,EAAE,OAAO,KAAK,IAAI,CAAA;IAC/C,kBAAkB,EAAE,MAAM,OAAO,CAAC,UAAU,CAAC,CAAA;IAC7C,kBAAkB,EAAE,MAAM,OAAO,CAAC,IAAI,CAAC,CAAA;IACvC,cAAc,EAAE,CAAC,WAAW,EAAE,WAAW,KAAK,IAAI,CAAA;IAClD,OAAO,EAAE,CAAC,IAAI,EAAE,CAAC,KAAK,IAAI,CAAA;IAC1B,QAAQ,CAAC,EAAE,MAAM,CAAA;IACjB,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,eAAe,CAAC,EAAE,MAAM,CAAA;IACxB,IAAI,CAAC,EAAE,CAAC,GAAG,IAAI,CAAA;CAChB,CAAA;AAMD,KAAK,KAAK,GAAG;IACX,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAA;IACzB,WAAW,CAAC,EAAE,WAAW,CAAA;IACzB,IAAI,CAAC,EAAE,UAAU,GAAG,IAAI,CAAA;CACzB,CAAA;AACD,wBAAgB,YAAY,CAAC,EAC3B,QAAQ,EACR,WAAW,EAAE,kBAAkB,EAC/B,IAAI,EAAE,WAAW,GAClB,EAAE,KAAK,qBAgSP;AAED,eAAO,MAAM,OAAO,GAAI,CAAC,oBAAmB,WAAW,CAAC,CAAC,CAA0C,CAAA"}

package/dist/providers/Auth/index.js

@@ -1,297 +1,253 @@
 'use client';
-import * as facelessUIImport from '@faceless-ui/modal';
+
+import { jsx as _jsx } from "react/jsx-runtime";
+import { useModal } from '@faceless-ui/modal';
 import { usePathname, useRouter } from 'next/navigation.js';
-import qs from 'qs';
+import * as qs from 'qs-esm';
 import React, { createContext, useCallback, useContext, useEffect, useState } from 'react';
-import { toast } from 'react-toastify';
+import { toast } from 'sonner';
+import { stayLoggedInModalSlug } from '../../elements/StayLoggedIn/index.js';
 import { useDebounce } from '../../hooks/useDebounce.js';
 import { useTranslation } from '../../providers/Translation/index.js';
 import { requests } from '../../utilities/api.js';
+import { formatAdminURL } from '../../utilities/formatAdminURL.js';
 import { useConfig } from '../Config/index.js';
-import { useSearchParams } from '../SearchParams/index.js';
-const Context = /*#__PURE__*/ createContext({});
+const Context = /*#__PURE__*/createContext({});
 const maxTimeoutTime = 2147483647;
-export const AuthProvider = ({ children })=>{
-    const { useModal } = facelessUIImport;
-    const { searchParams } = useSearchParams();
-    const [user, setUser] = useState();
-    const [tokenInMemory, setTokenInMemory] = useState();
-    const [tokenExpiration, setTokenExpiration] = useState();
-    const pathname = usePathname();
-    const router = useRouter();
-    // const { code } = useLocale()
-    const code = 'en' // TODO: re-enable i18n asap
-    ;
-    const config = useConfig();
-    const { admin: { autoLogin, inactivityRoute: logoutInactivityRoute, user: userSlug }, routes: { admin, api }, serverURL } = config;
-    const [permissions, setPermissions] = useState();
-    const { i18n } = useTranslation();
-    const { closeAllModals, openModal } = useModal();
-    const [lastLocationChange, setLastLocationChange] = useState(0);
-    const debouncedLocationChange = useDebounce(lastLocationChange, 10000);
-    const id = user?.id;
-    const redirectToInactivityRoute = useCallback(()=>{
-        if (window.location.pathname.startsWith(admin)) {
-            const redirectParam = `?redirect=${encodeURIComponent(window.location.pathname)}`;
-            router.replace(`${admin}${logoutInactivityRoute}${redirectParam}`);
-        } else {
-            router.replace(`${admin}${logoutInactivityRoute}`);
-        }
-        closeAllModals();
-    }, [
-        router,
-        admin,
-        logoutInactivityRoute,
-        closeAllModals
-    ]);
-    const revokeTokenAndExpire = useCallback(()=>{
-        setTokenInMemory(undefined);
-        setTokenExpiration(undefined);
-    }, []);
-    const setTokenAndExpiration = useCallback((json)=>{
-        const token = json?.token || json?.refreshedToken;
-        if (token && json?.exp) {
-            setTokenInMemory(token);
-            setTokenExpiration(json.exp);
-        } else {
-            revokeTokenAndExpire();
-        }
-    }, [
-        revokeTokenAndExpire
-    ]);
-    const refreshCookie = useCallback((forceRefresh)=>{
-        const now = Math.round(new Date().getTime() / 1000);
-        const remainingTime = (typeof tokenExpiration === 'number' ? tokenExpiration : 0) - now;
-        if (forceRefresh || tokenExpiration && remainingTime < 120) {
-            setTimeout(async ()=>{
-                try {
-                    const request = await requests.post(`${serverURL}${api}/${userSlug}/refresh-token`, {
-                        headers: {
-                            'Accept-Language': i18n.language
-                        }
-                    });
-                    if (request.status === 200) {
-                        const json = await request.json();
-                        setUser(json.user);
-                        setTokenAndExpiration(json);
-                    } else {
-                        setUser(null);
-                        redirectToInactivityRoute();
-                    }
-                } catch (e) {
-                    toast.error(e.message);
-                }
-            }, 1000);
-        }
-    }, [
-        tokenExpiration,
-        serverURL,
-        api,
-        userSlug,
-        i18n,
-        redirectToInactivityRoute,
-        setTokenAndExpiration
-    ]);
-    const refreshCookieAsync = useCallback(async (skipSetUser)=>{
-        try {
-            const request = await requests.post(`${serverURL}${api}/${userSlug}/refresh-token`, {
-                headers: {
-                    'Accept-Language': i18n.language
-                }
-            });
-            if (request.status === 200) {
-                const json = await request.json();
-                if (!skipSetUser) {
-                    setUser(json.user);
-                    setTokenAndExpiration(json);
-                }
-                return json.user;
-            }
-            setUser(null);
-            redirectToInactivityRoute();
-            return null;
-        } catch (e) {
-            toast.error(`Refreshing token failed: ${e.message}`);
-            return null;
-        }
-    }, [
-        serverURL,
-        api,
-        userSlug,
-        i18n,
-        redirectToInactivityRoute,
-        setTokenAndExpiration
-    ]);
-    const logOut = useCallback(async ()=>{
-        setUser(null);
-        revokeTokenAndExpire();
-        try {
-            await requests.post(`${serverURL}${api}/${userSlug}/logout`);
-        } catch (e) {
-            toast.error(`Logging out failed: ${e.message}`);
-        }
-    }, [
-        serverURL,
-        api,
-        userSlug,
-        revokeTokenAndExpire
-    ]);
-    const refreshPermissions = useCallback(async ()=>{
-        const params = {
-            locale: code
-        };
-        try {
-            const request = await requests.get(`${serverURL}${api}/access?${qs.stringify(params)}`, {
-                headers: {
-                    'Accept-Language': i18n.language
-                }
+export function AuthProvider({
+  children,
+  permissions: initialPermissions,
+  user: initialUser
+}) {
+  const [user, setUser] = useState(initialUser);
+  const [tokenInMemory, setTokenInMemory] = useState();
+  const [tokenExpiration, setTokenExpiration] = useState();
+  const pathname = usePathname();
+  const router = useRouter();
+  const {
+    config
+  } = useConfig();
+  const {
+    admin: {
+      routes: {
+        inactivity: logoutInactivityRoute
+      },
+      user: userSlug
+    },
+    routes: {
+      admin: adminRoute,
+      api: apiRoute
+    },
+    serverURL
+  } = config;
+  const [permissions, setPermissions] = useState(initialPermissions);
+  const {
+    i18n
+  } = useTranslation();
+  const {
+    closeAllModals,
+    openModal
+  } = useModal();
+  const [lastLocationChange, setLastLocationChange] = useState(0);
+  const debouncedLocationChange = useDebounce(lastLocationChange, 10000);
+  const id = user?.id;
+  const redirectToInactivityRoute = useCallback(() => {
+    if (window.location.pathname.startsWith(adminRoute)) {
+      const redirectParam = `?redirect=${encodeURIComponent(window.location.pathname)}`;
+      router.replace(formatAdminURL({
+        adminRoute,
+        path: `${logoutInactivityRoute}${redirectParam}`
+      }));
+    } else {
+      router.replace(formatAdminURL({
+        adminRoute,
+        path: logoutInactivityRoute
+      }));
+    }
+    closeAllModals();
+  }, [router, adminRoute, logoutInactivityRoute, closeAllModals]);
+  const revokeTokenAndExpire = useCallback(() => {
+    setTokenInMemory(undefined);
+    setTokenExpiration(undefined);
+  }, []);
+  const setTokenAndExpiration = useCallback(json => {
+    const token = json?.token || json?.refreshedToken;
+    if (token && json?.exp) {
+      setTokenInMemory(token);
+      setTokenExpiration(json.exp);
+    } else {
+      revokeTokenAndExpire();
+    }
+  }, [revokeTokenAndExpire]);
+  const refreshCookie = useCallback(forceRefresh => {
+    const now = Math.round(new Date().getTime() / 1000);
+    const remainingTime = (typeof tokenExpiration === 'number' ? tokenExpiration : 0) - now;
+    if (forceRefresh || tokenExpiration && remainingTime < 120) {
+      setTimeout(() => {
+        async function refresh() {
+          try {
+            const request = await requests.post(`${serverURL}${apiRoute}/${userSlug}/refresh-token`, {
+              headers: {
+                'Accept-Language': i18n.language
+              }
             });
             if (request.status === 200) {
-                const json = await request.json();
-                setPermissions(json);
+              const json_0 = await request.json();
+              setUser(json_0.user);
+              setTokenAndExpiration(json_0);
             } else {
-                throw new Error(`Fetching permissions failed with status code ${request.status}`);
+              setUser(null);
+              redirectToInactivityRoute();
             }
-        } catch (e) {
-            toast.error(`Refreshing permissions failed: ${e.message}`);
+          } catch (e) {
+            toast.error(e.message);
+          }
         }
-    }, [
-        serverURL,
-        api,
-        i18n,
-        code
-    ]);
-    const fetchFullUser = React.useCallback(async ()=>{
-        try {
-            const request = await requests.get(`${serverURL}${api}/${userSlug}/me`, {
-                headers: {
-                    'Accept-Language': i18n.language
-                }
-            });
-            if (request.status === 200) {
-                const json = await request.json();
-                if (json?.user) {
-                    setUser(json.user);
-                    if (json?.token) {
-                        setTokenAndExpiration(json);
-                    }
-                } else if (autoLogin && autoLogin.prefillOnly !== true) {
-                    // auto log-in with the provided autoLogin credentials. This is used in dev mode
-                    // so you don't have to log in over and over again
-                    const autoLoginResult = await requests.post(`${serverURL}${api}/${userSlug}/login`, {
-                        body: JSON.stringify({
-                            email: autoLogin.email,
-                            password: autoLogin.password
-                        }),
-                        headers: {
-                            'Accept-Language': i18n.language,
-                            'Content-Type': 'application/json'
-                        }
-                    });
-                    if (autoLoginResult.status === 200) {
-                        const autoLoginJson = await autoLoginResult.json();
-                        setUser(autoLoginJson.user);
-                        if (autoLoginJson?.token) {
-                            setTokenAndExpiration(autoLoginJson);
-                        }
-                        router.replace(typeof searchParams['redirect'] === 'string' ? searchParams['redirect'] : admin);
-                    } else {
-                        setUser(null);
-                        revokeTokenAndExpire();
-                    }
-                } else {
-                    setUser(null);
-                    revokeTokenAndExpire();
-                }
-            }
-        } catch (e) {
-            toast.error(`Fetching user failed: ${e.message}`);
+        void refresh();
+      }, 1000);
+    }
+  }, [tokenExpiration, serverURL, apiRoute, userSlug, i18n, redirectToInactivityRoute, setTokenAndExpiration]);
+  const refreshCookieAsync = useCallback(async skipSetUser => {
+    try {
+      const request_0 = await requests.post(`${serverURL}${apiRoute}/${userSlug}/refresh-token`, {
+        headers: {
+          'Accept-Language': i18n.language
         }
-    }, [
-        serverURL,
-        api,
-        userSlug,
-        i18n.language,
-        autoLogin,
-        setTokenAndExpiration,
-        router,
-        searchParams,
-        admin,
-        revokeTokenAndExpire
-    ]);
-    // On mount, get user and set
-    useEffect(()=>{
-        void fetchFullUser();
-    }, [
-        fetchFullUser
-    ]);
-    // When location changes, refresh cookie
-    useEffect(()=>{
-        if (id) {
-            refreshCookie();
+      });
+      if (request_0.status === 200) {
+        const json_1 = await request_0.json();
+        if (!skipSetUser) {
+          setUser(json_1.user);
+          setTokenAndExpiration(json_1);
         }
-    }, [
-        debouncedLocationChange,
-        refreshCookie,
-        id
-    ]);
-    useEffect(()=>{
-        setLastLocationChange(Date.now());
-    }, [
-        pathname
-    ]);
-    useEffect(()=>{
-        let reminder;
-        const now = Math.round(new Date().getTime() / 1000);
-        const remainingTime = typeof tokenExpiration === 'number' ? tokenExpiration - now : 0;
-        if (remainingTime > 0) {
-            reminder = setTimeout(()=>{
-                openModal('stay-logged-in');
-            }, Math.max(Math.min((remainingTime - 60) * 1000, maxTimeoutTime)));
+        return json_1.user;
+      }
+      setUser(null);
+      redirectToInactivityRoute();
+      return null;
+    } catch (e_0) {
+      toast.error(`Refreshing token failed: ${e_0.message}`);
+      return null;
+    }
+  }, [serverURL, apiRoute, userSlug, i18n, redirectToInactivityRoute, setTokenAndExpiration]);
+  const logOut = useCallback(async () => {
+    setUser(null);
+    revokeTokenAndExpire();
+    try {
+      await requests.post(`${serverURL}${apiRoute}/${userSlug}/logout`);
+    } catch (e_1) {
+      toast.error(`Logging out failed: ${e_1.message}`);
+    }
+  }, [serverURL, apiRoute, userSlug, revokeTokenAndExpire]);
+  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
         }
-        return ()=>{
-            if (reminder) clearTimeout(reminder);
-        };
-    }, [
-        tokenExpiration,
-        openModal
-    ]);
-    useEffect(()=>{
-        let forceLogOut;
-        const now = Math.round(new Date().getTime() / 1000);
-        const remainingTime = typeof tokenExpiration === 'number' ? tokenExpiration - now : 0;
-        if (remainingTime > 0) {
-            forceLogOut = setTimeout(()=>{
-                setUser(null);
-                revokeTokenAndExpire();
-                redirectToInactivityRoute();
-            }, Math.max(Math.min(remainingTime * 1000, maxTimeoutTime), 0));
+      });
+      if (request_1.status === 200) {
+        const json_2 = await request_1.json();
+        setPermissions(json_2);
+      } else {
+        throw new Error(`Fetching permissions failed with status code ${request_1.status}`);
+      }
+    } catch (e_2) {
+      toast.error(`Refreshing permissions failed: ${e_2.message}`);
+    }
+  }, [serverURL, apiRoute, i18n]);
+  const fetchFullUser = React.useCallback(async () => {
+    try {
+      const request_2 = await requests.get(`${serverURL}${apiRoute}/${userSlug}/me`, {
+        headers: {
+          'Accept-Language': i18n.language
         }
-        return ()=>{
-            if (forceLogOut) clearTimeout(forceLogOut);
-        };
-    }, [
-        tokenExpiration,
-        closeAllModals,
-        i18n,
-        redirectToInactivityRoute,
-        revokeTokenAndExpire
-    ]);
-    return /*#__PURE__*/ React.createElement(Context.Provider, {
-        value: {
-            fetchFullUser,
-            logOut,
-            permissions,
-            refreshCookie,
-            refreshCookieAsync,
-            refreshPermissions,
-            setPermissions,
-            setUser,
-            token: tokenInMemory,
-            user
+      });
+      if (request_2.status === 200) {
+        const json_3 = await request_2.json();
+        if (json_3?.user) {
+          setUser(json_3.user);
+          if (json_3?.token) {
+            setTokenAndExpiration(json_3);
+          }
+        } else {
+          setUser(null);
+          revokeTokenAndExpire();
         }
-    }, children);
+      }
+    } catch (e_3) {
+      toast.error(`Fetching user failed: ${e_3.message}`);
+    }
+  }, [serverURL, apiRoute, userSlug, i18n.language, setTokenAndExpiration, revokeTokenAndExpire]);
+  // On mount, get user and set
+  useEffect(() => {
+    void fetchFullUser();
+  }, [fetchFullUser]);
+  // When location changes, refresh cookie
+  useEffect(() => {
+    if (id) {
+      refreshCookie();
+    }
+  }, [debouncedLocationChange, refreshCookie, id]);
+  // When initialUser changes, reset in state
+  useEffect(() => {
+    setUser(initialUser);
+  }, [initialUser]);
+  useEffect(() => {
+    setLastLocationChange(Date.now());
+  }, [pathname]);
+  useEffect(() => {
+    let reminder;
+    const now_0 = Math.round(new Date().getTime() / 1000);
+    const remainingTime_0 = typeof tokenExpiration === 'number' ? tokenExpiration - now_0 : 0;
+    if (remainingTime_0 > 0) {
+      reminder = setTimeout(() => {
+        openModal(stayLoggedInModalSlug);
+      }, Math.max(Math.min((remainingTime_0 - 60) * 1000, maxTimeoutTime)));
+    }
+    return () => {
+      if (reminder) clearTimeout(reminder);
+    };
+  }, [tokenExpiration, openModal]);
+  useEffect(() => {
+    let forceLogOut;
+    const now_1 = Math.round(new Date().getTime() / 1000);
+    const remainingTime_1 = typeof tokenExpiration === 'number' ? tokenExpiration - now_1 : 0;
+    if (remainingTime_1 > 0) {
+      forceLogOut = setTimeout(() => {
+        setUser(null);
+        revokeTokenAndExpire();
+        redirectToInactivityRoute();
+      }, Math.max(Math.min(remainingTime_1 * 1000, maxTimeoutTime), 0));
+    }
+    return () => {
+      if (forceLogOut) clearTimeout(forceLogOut);
+    };
+  }, [tokenExpiration, closeAllModals, i18n, redirectToInactivityRoute, revokeTokenAndExpire]);
+  return /*#__PURE__*/_jsx(Context.Provider, {
+    value: {
+      fetchFullUser,
+      logOut,
+      permissions,
+      refreshCookie,
+      refreshCookieAsync,
+      refreshPermissions,
+      setPermissions,
+      setUser,
+      token: tokenInMemory,
+      user
+    },
+    children: children
+  });
+}
+export const useAuth = () => {
+  return useContext(Context);
 };
-export const useAuth = ()=>useContext(Context);
-
 //# sourceMappingURL=index.js.map