@payloadcms/ui 3.0.0-canary.a192632 → 3.0.0-canary.a5aaf21

package/dist/providers/Actions/index.js

@@ -1,33 +1,98 @@
 'use client';
+
+import { c as _c } from "react/compiler-runtime";
 import { jsx as _jsx } from "react/jsx-runtime";
-import { useConfig } from '@payloadcms/ui';
 import React, { createContext, useContext, useEffect, useState } from 'react';
+import { useConfig } from '../../providers/Config/index.js';
 export { SetViewActions } from './SetViewActions/index.js';
-const ActionsContext = /*#__PURE__*/ createContext({
-    actions: [],
-    setViewActions: ()=>{}
+const ActionsContext = /*#__PURE__*/createContext({
+  actions: [],
+  setViewActions: () => {}
 });
-export const useActions = ()=>useContext(ActionsContext);
-export const ActionsProvider = ({ children })=>{
-    const [viewActions, setViewActions] = useState([]);
-    const [adminActions, setAdminActions] = useState([]);
-    const { config: { admin: { components: { actions } } } } = useConfig();
-    useEffect(()=>{
-        setAdminActions(actions || []);
-    }, [
-        actions
-    ]);
-    const combinedActions = [
-        ...viewActions || [],
-        ...adminActions || []
-    ];
-    return /*#__PURE__*/ _jsx(ActionsContext.Provider, {
-        value: {
-            actions: combinedActions,
-            setViewActions
-        },
-        children: children
+export const useActions = () => {
+  return useContext(ActionsContext);
+};
+export const ActionsProvider = t0 => {
+  const $ = _c(13);
+  const {
+    children
+  } = t0;
+  let t1;
+  if ($[0] === Symbol.for("react.memo_cache_sentinel")) {
+    t1 = [];
+    $[0] = t1;
+  } else {
+    t1 = $[0];
+  }
+  const [viewActions, setViewActions] = useState(t1);
+  let t2;
+  if ($[1] === Symbol.for("react.memo_cache_sentinel")) {
+    t2 = [];
+    $[1] = t2;
+  } else {
+    t2 = $[1];
+  }
+  const [adminActions, setAdminActions] = useState(t2);
+  const {
+    config: t3
+  } = useConfig();
+  const {
+    admin: t4
+  } = t3;
+  const {
+    components: t5
+  } = t4;
+  const {
+    actions
+  } = t5;
+  let t6;
+  let t7;
+  if ($[2] !== actions) {
+    t6 = () => {
+      setAdminActions(actions || []);
+    };
+    t7 = [actions];
+    $[2] = actions;
+    $[3] = t6;
+    $[4] = t7;
+  } else {
+    t6 = $[3];
+    t7 = $[4];
+  }
+  useEffect(t6, t7);
+  let t8;
+  if ($[5] !== viewActions) {
+    t8 = viewActions || [];
+    $[5] = viewActions;
+    $[6] = t8;
+  } else {
+    t8 = $[6];
+  }
+  let t9;
+  if ($[7] !== adminActions) {
+    t9 = adminActions || [];
+    $[7] = adminActions;
+    $[8] = t9;
+  } else {
+    t9 = $[8];
+  }
+  let t10;
+  if ($[9] !== t8 || $[10] !== t9 || $[11] !== children) {
+    const combinedActions = [...t8, ...t9];
+    t10 = _jsx(ActionsContext.Provider, {
+      value: {
+        actions: combinedActions,
+        setViewActions
+      },
+      children
     });
+    $[9] = t8;
+    $[10] = t9;
+    $[11] = children;
+    $[12] = t10;
+  } else {
+    t10 = $[12];
+  }
+  return t10;
 };
-
 //# sourceMappingURL=index.js.map

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/providers/Actions/index.tsx"],"sourcesContent":["'use client'\nimport type { MappedComponent } from 'payload'\n\nimport { useConfig } from '@payloadcms/ui'\nimport React, { createContext, useContext, useEffect, useState } from 'react'\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 = ({ 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"],"names":["useConfig","React","createContext","useContext","useEffect","useState","SetViewActions","ActionsContext","actions","setViewActions","useActions","ActionsProvider","children","viewActions","adminActions","setAdminActions","config","admin","components","combinedActions","Provider","value"],"mappings":"AAAA;;AAGA,SAASA,SAAS,QAAQ,iBAAgB;AAC1C,OAAOC,SAASC,aAAa,EAAEC,UAAU,EAAEC,SAAS,EAAEC,QAAQ,QAAQ,QAAO;AAE7E,SAASC,cAAc,QAAQ,4BAA2B;AAO1D,MAAMC,+BAAiBL,cAAkC;IACvDM,SAAS,EAAE;IACXC,gBAAgB,KAAO;AACzB;AAEA,OAAO,MAAMC,aAAa,IAAMP,WAAWI,gBAAe;AAE1D,OAAO,MAAMI,kBAAkB,CAAC,EAAEC,QAAQ,EAAE;IAC1C,MAAM,CAACC,aAAaJ,eAAe,GAAGJ,SAAS,EAAE;IACjD,MAAM,CAACS,cAAcC,gBAAgB,GAAGV,SAAS,EAAE;IAEnD,MAAM,EACJW,QAAQ,EACNC,OAAO,EACLC,YAAY,EAAEV,OAAO,EAAE,EACxB,EACF,EACF,GAAGR;IAEJI,UAAU;QACRW,gBAAgBP,WAAW,EAAE;IAC/B,GAAG;QAACA;KAAQ;IAEZ,MAAMW,kBAAkB;WAAKN,eAAe,EAAE;WAAOC,gBAAgB,EAAE;KAAE;IAEzE,qBACE,KAACP,eAAea,QAAQ;QAACC,OAAO;YAAEb,SAASW;YAAiBV;QAAe;kBACxEG;;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

@@ -12,7 +12,7 @@ export type AuthContext<T = ClientUser> = {
     strategy?: string;
     token?: string;
     tokenExpiration?: number;
-    user?: T | null;
+    user?: null | T;
 };
 type Props = {
     children: React.ReactNode;

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,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,qBA2RP;AAED,eAAO,MAAM,OAAO,GAAI,CAAC,oBAAmB,WAAW,CAAC,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,IAAI,GAAG,CAAC,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,qBAoSP;AAED,eAAO,MAAM,OAAO,GAAI,CAAC,oBAAmB,WAAW,CAAC,CAAC,CAA0C,CAAA"}

package/dist/providers/Auth/index.js

@@ -1,4 +1,5 @@
 'use client';
+
 import { jsx as _jsx } from "react/jsx-runtime";
 import { useModal } from '@faceless-ui/modal';
 import { usePathname, useRouter } from 'next/navigation.js';
@@ -11,267 +12,246 @@ 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';
-const Context = /*#__PURE__*/ createContext({});
+const Context = /*#__PURE__*/createContext({});
 const maxTimeoutTime = 2147483647;
-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,
+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,
-        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();
-                            setUser(json.user);
-                            setTokenAndExpiration(json);
-                        } else {
-                            setUser(null);
-                            redirectToInactivityRoute();
-                        }
-                    } catch (e) {
-                        toast.error(e.message);
-                    }
-                }
-                void refresh();
-            }, 1000);
-        }
-    }, [
-        tokenExpiration,
-        serverURL,
-        apiRoute,
-        userSlug,
-        i18n,
-        redirectToInactivityRoute,
-        setTokenAndExpiration
-    ]);
-    const refreshCookieAsync = useCallback(async (skipSetUser)=>{
-        try {
+        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();
-                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,
-        apiRoute,
-        userSlug,
-        i18n,
-        redirectToInactivityRoute,
-        setTokenAndExpiration
-    ]);
-    const logOut = useCallback(async ()=>{
-        setUser(null);
-        revokeTokenAndExpire();
-        try {
-            await requests.post(`${serverURL}${apiRoute}/${userSlug}/logout`);
-        } catch (e) {
-            toast.error(`Logging out failed: ${e.message}`);
-        }
-    }, [
-        serverURL,
-        apiRoute,
-        userSlug,
-        revokeTokenAndExpire
-    ]);
-    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
-                }
+              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,
-        apiRoute,
-        i18n
-    ]);
-    const fetchFullUser = React.useCallback(async ()=>{
-        try {
-            const request = await requests.get(`${serverURL}${apiRoute}/${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 {
-                    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
+        }
+      });
+      if (request_0.status === 200) {
+        const json_1 = await request_0.json();
+        if (!skipSetUser) {
+          setUser(json_1.user);
+          setTokenAndExpiration(json_1);
         }
-    }, [
-        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();
+        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
         }
-    }, [
-        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(stayLoggedInModalSlug);
-            }, Math.max(Math.min((remainingTime - 60) * 1000, maxTimeoutTime)));
+      });
+      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 (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_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();
         }
-        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
-    });
+      }
+    } 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 = ()=>useContext(Context);
-
+export const useAuth = () => {
+  return useContext(Context);
+};
 //# sourceMappingURL=index.js.map