@payloadcms/ui 3.0.0-canary.d894ac7 → 3.0.0-canary.e198dc5

package/dist/icons/Chevron/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["React","ChevronIcon","className","direction","size","_jsx","filter","Boolean","join","height","style","transform","undefined","viewBox","width","xmlns","d","strokeLinecap"],"sources":["../../../src/icons/Chevron/index.tsx"],"sourcesContent":["import React from 'react'\n\nimport './index.scss'\n\nexport const ChevronIcon: React.FC<{\n  className?: string\n  direction?: 'down' | 'left' | 'right' | 'up'\n  size?: 'large' | 'small'\n}> = ({ className, direction, size }) => (\n  <svg\n    className={['icon icon--chevron', className, size && `icon--size-${size}`]\n      .filter(Boolean)\n      .join(' ')}\n    height={20}\n    style={{\n      transform:\n        direction === 'left'\n          ? 'rotate(90deg)'\n          : direction === 'right'\n            ? 'rotate(-90deg)'\n            : direction === 'up'\n              ? 'rotate(180deg)'\n              : undefined,\n    }}\n    viewBox=\"0 0 20 20\"\n    width={20}\n    xmlns=\"http://www.w3.org/2000/svg\"\n  >\n    <path className=\"stroke\" d=\"M6 8L10 12.5L14 8\" strokeLinecap=\"square\" />\n  </svg>\n)\n"],"mappings":";AAAA,OAAOA,KAAA,MAAW;AAElB,OAAO;AAEP,OAAO,MAAMC,WAAA,GAIRA,CAAC;EAAEC,SAAS;EAAEC,SAAS;EAAEC;AAAI,CAAE,kBAClCC,IAAA,CAAC;EACCH,SAAA,EAAW,CAAC,sBAAsBA,SAAA,EAAWE,IAAA,IAAQ,cAAcA,IAAA,EAAM,CAAC,CACvEE,MAAM,CAACC,OAAA,EACPC,IAAI,CAAC;EACRC,MAAA,EAAQ;EACRC,KAAA,EAAO;IACLC,SAAA,EACER,SAAA,KAAc,SACV,kBACAA,SAAA,KAAc,UACZ,mBACAA,SAAA,KAAc,OACZ,mBACAS;EACZ;EACAC,OAAA,EAAQ;EACRC,KAAA,EAAO;EACPC,KAAA,EAAM;YAEN,aAAAV,IAAA,CAAC;IAAKH,SAAA,EAAU;IAASc,CAAA,EAAE;IAAoBC,aAAA,EAAc","ignoreList":[]}
+{"version":3,"file":"index.js","names":["React","ChevronIcon","className","direction","size","_jsx","filter","Boolean","join","height","style","transform","undefined","viewBox","width","xmlns","d","strokeLinecap"],"sources":["../../../src/icons/Chevron/index.tsx"],"sourcesContent":["import React from 'react'\n\nimport './index.scss'\n\nexport const ChevronIcon: React.FC<{\n  readonly className?: string\n  readonly direction?: 'down' | 'left' | 'right' | 'up'\n  readonly size?: 'large' | 'small'\n}> = ({ className, direction, size }) => (\n  <svg\n    className={['icon icon--chevron', className, size && `icon--size-${size}`]\n      .filter(Boolean)\n      .join(' ')}\n    height=\"100%\"\n    style={{\n      transform:\n        direction === 'left'\n          ? 'rotate(90deg)'\n          : direction === 'right'\n            ? 'rotate(-90deg)'\n            : direction === 'up'\n              ? 'rotate(180deg)'\n              : undefined,\n    }}\n    viewBox=\"0 0 22 12\"\n    width=\"100%\"\n    xmlns=\"http://www.w3.org/2000/svg\"\n  >\n    <path className=\"stroke\" d=\"M1 1.12109L11 11.1211L21 1.12109\" strokeLinecap=\"square\" />\n  </svg>\n)\n"],"mappings":";AAAA,OAAOA,KAAA,MAAW;AAElB,OAAO;AAEP,OAAO,MAAMC,WAAA,GAIRA,CAAC;EAAEC,SAAS;EAAEC,SAAS;EAAEC;AAAI,CAAE,kBAClCC,IAAA,CAAC;EACCH,SAAA,EAAW,CAAC,sBAAsBA,SAAA,EAAWE,IAAA,IAAQ,cAAcA,IAAA,EAAM,CAAC,CACvEE,MAAM,CAACC,OAAA,EACPC,IAAI,CAAC;EACRC,MAAA,EAAO;EACPC,KAAA,EAAO;IACLC,SAAA,EACER,SAAA,KAAc,SACV,kBACAA,SAAA,KAAc,UACZ,mBACAA,SAAA,KAAc,OACZ,mBACAS;EACZ;EACAC,OAAA,EAAQ;EACRC,KAAA,EAAM;EACNC,KAAA,EAAM;YAEN,aAAAV,IAAA,CAAC;IAAKH,SAAA,EAAU;IAASc,CAAA,EAAE;IAAmCC,aAAA,EAAc","ignoreList":[]}

package/dist/icons/Chevron/index.scss

@@ -1,15 +1,25 @@
 @import '../../scss/styles';
 
-.icon--chevron {
-  .stroke {
-    fill: none;
-    stroke: currentColor;
-    stroke-width: $style-stroke-width-s;
-    vector-effect: non-scaling-stroke;
-  }
+@layer payload-default {
+  .icon--chevron {
+    height: calc(var(--base) / 2);
+    width: calc(var(--base) / 2);
+
+    .stroke {
+      fill: none;
+      stroke: currentColor;
+      stroke-width: $style-stroke-width-s;
+      vector-effect: non-scaling-stroke;
+    }
+
+    &.icon--size-large {
+      height: var(--base);
+      width: var(--base);
+    }
 
-  &--size-large {
-    height: var(--base);
-    width: var(--base);
+    &.icon--size-small {
+      height: 8px;
+      width: 8px;
+    }
   }
 }

package/dist/icons/CloseMenu/index.scss

@@ -1,10 +1,12 @@
 @import '../../scss/styles.scss';
 
-.icon--close-menu {
-  height: $baseline;
-  width: $baseline;
+@layer payload-default {
+  .icon--close-menu {
+    height: $baseline;
+    width: $baseline;
 
-  .stroke {
-    stroke: currentColor;
+    .stroke {
+      stroke: currentColor;
+    }
   }
 }

package/dist/icons/Copy/index.scss

@@ -1,12 +1,14 @@
 @import '../../scss/styles';
 
-.icon--copy {
-  height: $baseline;
-  width: $baseline;
+@layer payload-default {
+  .icon--copy {
+    height: $baseline;
+    width: $baseline;
 
-  .stroke {
-    fill: none;
-    stroke: currentColor;
-    stroke-width: $style-stroke-width-s;
+    .stroke {
+      fill: none;
+      stroke: currentColor;
+      stroke-width: $style-stroke-width-s;
+    }
   }
 }

package/dist/icons/DragHandle/index.scss

@@ -1,12 +1,14 @@
 @import '../../scss/styles';
 
-.icon--drag-handle {
-  height: $baseline;
-  width: $baseline;
+@layer payload-default {
+  .icon--drag-handle {
+    height: $baseline;
+    width: $baseline;
 
-  .fill {
-    stroke: currentColor;
-    stroke-width: $style-stroke-width-s;
-    fill: var(--theme-elevation-800);
+    .fill {
+      stroke: currentColor;
+      stroke-width: $style-stroke-width-s;
+      fill: var(--theme-elevation-800);
+    }
   }
 }

package/dist/icons/Edit/index.scss

@@ -1,12 +1,14 @@
 @import '../../scss/styles';
 
-.icon--edit {
-  height: $baseline;
-  width: $baseline;
-  shape-rendering: auto;
+@layer payload-default {
+  .icon--edit {
+    height: $baseline;
+    width: $baseline;
+    shape-rendering: auto;
 
-  .stroke {
-    fill: none;
-    stroke: currentColor;
+    .stroke {
+      fill: none;
+      stroke: currentColor;
+    }
   }
 }

package/dist/icons/Line/index.scss

@@ -1,11 +1,13 @@
 @import '../../scss/styles';
 
-.icon--line {
-  width: $baseline;
-  height: $baseline;
+@layer payload-default {
+  .icon--line {
+    width: $baseline;
+    height: $baseline;
 
-  .stroke {
-    stroke: currentColor;
-    stroke-width: $style-stroke-width;
+    .stroke {
+      stroke: currentColor;
+      stroke-width: $style-stroke-width;
+    }
   }
 }

package/dist/icons/Link/index.scss

@@ -1,11 +1,13 @@
 @import '../../scss/styles';
 
-.icon--link {
-  width: $baseline;
-  height: $baseline;
+@layer payload-default {
+  .icon--link {
+    width: $baseline;
+    height: $baseline;
 
-  .stroke {
-    stroke: currentColor;
-    stroke-width: $style-stroke-width;
+    .stroke {
+      stroke: currentColor;
+      stroke-width: $style-stroke-width;
+    }
   }
 }

package/dist/icons/Lock/index.d.ts

@@ -0,0 +1,6 @@
+import React from 'react';
+import './index.scss';
+export declare const LockIcon: React.FC<{
+    className?: string;
+}>;
+//# sourceMappingURL=index.d.ts.map

package/dist/icons/Lock/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/icons/Lock/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AAEzB,OAAO,cAAc,CAAA;AAErB,eAAO,MAAM,QAAQ,EAAE,KAAK,CAAC,EAAE,CAAC;IAAE,SAAS,CAAC,EAAE,MAAM,CAAA;CAAE,CAwBrD,CAAA"}

package/dist/icons/Lock/index.js

@@ -0,0 +1,27 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import React from 'react';
+import './index.scss';
+export const LockIcon = ({
+  className
+}) => /*#__PURE__*/_jsxs("svg", {
+  className: ['icon icon--lock', className].filter(Boolean).join(' '),
+  fill: "none",
+  height: "20",
+  viewBox: "0 0 20 20",
+  width: "20",
+  xmlns: "http://www.w3.org/2000/svg",
+  children: [/*#__PURE__*/_jsx("path", {
+    className: "stroke",
+    d: "M7.5 9.5V7.5C7.5 6.83696 7.76339 6.20107 8.23223 5.73223C8.70107 5.26339 9.33696 5 10 5C10.663 5 11.2989 5.26339 11.7678 5.73223C12.2366 6.20107 12.5 6.83696 12.5 7.5V9.5",
+    strokeLinecap: "round",
+    strokeLinejoin: "round",
+    strokeOpacity: "1"
+  }), /*#__PURE__*/_jsx("path", {
+    className: "stroke",
+    d: "M13.5 9.5H6.5C5.94772 9.5 5.5 9.94772 5.5 10.5V14C5.5 14.5523 5.94772 15 6.5 15H13.5C14.0523 15 14.5 14.5523 14.5 14V10.5C14.5 9.94772 14.0523 9.5 13.5 9.5Z",
+    stopOpacity: "1",
+    strokeLinecap: "round",
+    strokeLinejoin: "round"
+  })]
+});
+//# sourceMappingURL=index.js.map

package/dist/icons/Lock/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","names":["React","LockIcon","className","_jsxs","filter","Boolean","join","fill","height","viewBox","width","xmlns","_jsx","d","strokeLinecap","strokeLinejoin","strokeOpacity","stopOpacity"],"sources":["../../../src/icons/Lock/index.tsx"],"sourcesContent":["import React from 'react'\n\nimport './index.scss'\n\nexport const LockIcon: React.FC<{ className?: string }> = ({ className }) => (\n  <svg\n    className={['icon icon--lock', className].filter(Boolean).join(' ')}\n    fill=\"none\"\n    height=\"20\"\n    viewBox=\"0 0 20 20\"\n    width=\"20\"\n    xmlns=\"http://www.w3.org/2000/svg\"\n  >\n    <path\n      className=\"stroke\"\n      d=\"M7.5 9.5V7.5C7.5 6.83696 7.76339 6.20107 8.23223 5.73223C8.70107 5.26339 9.33696 5 10 5C10.663 5 11.2989 5.26339 11.7678 5.73223C12.2366 6.20107 12.5 6.83696 12.5 7.5V9.5\"\n      strokeLinecap=\"round\"\n      strokeLinejoin=\"round\"\n      strokeOpacity=\"1\"\n    />\n    <path\n      className=\"stroke\"\n      d=\"M13.5 9.5H6.5C5.94772 9.5 5.5 9.94772 5.5 10.5V14C5.5 14.5523 5.94772 15 6.5 15H13.5C14.0523 15 14.5 14.5523 14.5 14V10.5C14.5 9.94772 14.0523 9.5 13.5 9.5Z\"\n      stopOpacity=\"1\"\n      strokeLinecap=\"round\"\n      strokeLinejoin=\"round\"\n    />\n  </svg>\n)\n"],"mappings":";AAAA,OAAOA,KAAA,MAAW;AAElB,OAAO;AAEP,OAAO,MAAMC,QAAA,GAA6CA,CAAC;EAAEC;AAAS,CAAE,kBACtEC,KAAA,CAAC;EACCD,SAAA,EAAW,CAAC,mBAAmBA,SAAA,CAAU,CAACE,MAAM,CAACC,OAAA,EAASC,IAAI,CAAC;EAC/DC,IAAA,EAAK;EACLC,MAAA,EAAO;EACPC,OAAA,EAAQ;EACRC,KAAA,EAAM;EACNC,KAAA,EAAM;0BAENC,IAAA,CAAC;IACCV,SAAA,EAAU;IACVW,CAAA,EAAE;IACFC,aAAA,EAAc;IACdC,cAAA,EAAe;IACfC,aAAA,EAAc;mBAEhBJ,IAAA,CAAC;IACCV,SAAA,EAAU;IACVW,CAAA,EAAE;IACFI,WAAA,EAAY;IACZH,aAAA,EAAc;IACdC,cAAA,EAAe","ignoreList":[]}

package/dist/icons/Lock/index.scss

@@ -0,0 +1,10 @@
+@import '../../scss/styles';
+
+@layer payload-default {
+  .icon--lock {
+    .stroke {
+      stroke: currentColor;
+      stroke-width: $style-stroke-width;
+    }
+  }
+}

package/dist/icons/LogOut/index.scss

@@ -1,11 +1,13 @@
 @import '../../scss/styles.scss';
 
-.icon--logout {
-  height: $baseline;
-  width: $baseline;
+@layer payload-default {
+  .icon--logout {
+    height: $baseline;
+    width: $baseline;
 
-  .stroke {
-    stroke: currentColor;
-    stroke-width: 2px;
+    .stroke {
+      stroke: currentColor;
+      stroke-width: 2px;
+    }
   }
 }

package/dist/icons/Menu/index.scss

@@ -1,8 +1,10 @@
 @import '../../scss/styles.scss';
 
-.icon--menu {
-  .stroke {
-    stroke-width: $style-stroke-width-s;
-    stroke: currentColor;
+@layer payload-default {
+  .icon--menu {
+    .stroke {
+      stroke-width: $style-stroke-width-s;
+      stroke: currentColor;
+    }
   }
 }

package/dist/icons/More/index.scss

@@ -1,11 +1,13 @@
 @import '../../scss/styles';
 
-.icon--more {
-  height: $baseline;
-  width: $baseline;
+@layer payload-default {
+  .icon--more {
+    height: $baseline;
+    width: $baseline;
 
-  .fill {
-    fill: var(--theme-elevation-800);
-    stroke: currentColor;
+    .fill {
+      fill: var(--theme-elevation-800);
+      stroke: currentColor;
+    }
   }
 }

package/dist/icons/Plus/index.scss

@@ -1,8 +1,10 @@
 @import '../../scss/styles';
 
-.icon--plus {
-  .stroke {
-    stroke: currentColor;
-    stroke-width: $style-stroke-width;
+@layer payload-default {
+  .icon--plus {
+    .stroke {
+      stroke: currentColor;
+      stroke-width: $style-stroke-width;
+    }
   }
 }

package/dist/icons/Search/index.scss

@@ -1,11 +1,13 @@
 @import '../../scss/styles';
 
-.icon--search {
-  height: $baseline;
-  width: $baseline;
+@layer payload-default {
+  .icon--search {
+    height: $baseline;
+    width: $baseline;
 
-  .stroke {
-    stroke: currentColor;
-    stroke-width: $style-stroke-width-s;
+    .stroke {
+      stroke: currentColor;
+      stroke-width: $style-stroke-width-s;
+    }
   }
 }

package/dist/icons/Swap/index.scss

@@ -1,12 +1,14 @@
 @import '../../scss/styles';
 
-.icon--swap {
-  height: $baseline;
-  width: $baseline;
+@layer payload-default {
+  .icon--swap {
+    height: $baseline;
+    width: $baseline;
 
-  .stroke {
-    fill: none;
-    stroke: currentColor;
-    stroke-width: $style-stroke-width-s;
+    .stroke {
+      fill: none;
+      stroke: currentColor;
+      stroke-width: $style-stroke-width-s;
+    }
   }
 }

package/dist/icons/X/index.scss

@@ -1,8 +1,10 @@
 @import '../../scss/styles';
 
-.icon--x {
-  .stroke {
-    stroke: currentColor;
-    stroke-width: $style-stroke-width-s;
+@layer payload-default {
+  .icon--x {
+    .stroke {
+      stroke: currentColor;
+      stroke-width: $style-stroke-width-s;
+    }
   }
 }

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

@@ -1,18 +1,19 @@
-import type { ClientUser, Permissions } from 'payload';
+import type { ClientUser, MeOperationResult, Permissions, User } from 'payload';
 import React from 'react';
-export type AuthContext<T = ClientUser> = {
-    fetchFullUser: () => Promise<void>;
-    logOut: () => Promise<void>;
+export type UserResponse = MeOperationResult | null;
+export type AuthContext = {
+    fetchFullUser: () => Promise<null | User>;
+    logOut: () => Promise<boolean>;
     permissions?: Permissions;
     refreshCookie: (forceRefresh?: boolean) => void;
     refreshCookieAsync: () => Promise<ClientUser>;
     refreshPermissions: () => Promise<void>;
     setPermissions: (permissions: Permissions) => void;
-    setUser: (user: T) => void;
+    setUser: (user: UserResponse) => void;
     strategy?: string;
     token?: string;
     tokenExpiration?: number;
-    user?: T | null;
+    user?: null | UserResponse['user'];
 };
 type Props = {
     children: React.ReactNode;
@@ -20,6 +21,6 @@ type Props = {
     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 declare const useAuth: () => AuthContext;
 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,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"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/providers/Auth/index.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,UAAU,EAAE,iBAAiB,EAAE,WAAW,EAAE,IAAI,EAAE,MAAM,SAAS,CAAA;AAK/E,OAAO,KAAsE,MAAM,OAAO,CAAA;AAU1F,MAAM,MAAM,YAAY,GAAG,iBAAiB,GAAG,IAAI,CAAA;AAEnD,MAAM,MAAM,WAAW,GAAG;IACxB,aAAa,EAAE,MAAM,OAAO,CAAC,IAAI,GAAG,IAAI,CAAC,CAAA;IACzC,MAAM,EAAE,MAAM,OAAO,CAAC,OAAO,CAAC,CAAA;IAC9B,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,YAAY,KAAK,IAAI,CAAA;IACrC,QAAQ,CAAC,EAAE,MAAM,CAAA;IACjB,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,eAAe,CAAC,EAAE,MAAM,CAAA;IACxB,IAAI,CAAC,EAAE,IAAI,GAAG,YAAY,CAAC,MAAM,CAAC,CAAA;CACnC,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,qBAuRP;AAED,eAAO,MAAM,OAAO,QAAO,WAAkC,CAAA"}

package/dist/providers/Auth/index.js

@@ -19,7 +19,7 @@ export function AuthProvider({
   permissions: initialPermissions,
   user: initialUser
 }) {
-  const [user, setUser] = useState(initialUser);
+  const [user, setUserInMemory] = useState(initialUser);
   const [tokenInMemory, setTokenInMemory] = useState();
   const [tokenExpiration, setTokenExpiration] = useState();
   const pathname = usePathname();
@@ -50,6 +50,7 @@ export function AuthProvider({
   } = useModal();
   const [lastLocationChange, setLastLocationChange] = useState(0);
   const debouncedLocationChange = useDebounce(lastLocationChange, 10000);
+  const refreshTokenTimeoutRef = React.useRef(null);
   const id = user?.id;
   const redirectToInactivityRoute = useCallback(() => {
     if (window.location.pathname.startsWith(adminRoute)) {
@@ -69,13 +70,15 @@ export function AuthProvider({
   const revokeTokenAndExpire = useCallback(() => {
     setTokenInMemory(undefined);
     setTokenExpiration(undefined);
+    clearTimeout(refreshTokenTimeoutRef.current);
   }, []);
-  const setTokenAndExpiration = useCallback(json => {
-    const token = json?.token || json?.refreshedToken;
-    if (token && json?.exp) {
-      setTokenInMemory(token);
-      setTokenExpiration(json.exp);
+  const setNewUser = useCallback(userResponse => {
+    if (userResponse?.user) {
+      setUserInMemory(userResponse.user);
+      setTokenInMemory(userResponse.token);
+      setTokenExpiration(userResponse.exp);
     } else {
+      setUserInMemory(null);
       revokeTokenAndExpire();
     }
   }, [revokeTokenAndExpire]);
@@ -83,20 +86,19 @@ export function AuthProvider({
     const now = Math.round(new Date().getTime() / 1000);
     const remainingTime = (typeof tokenExpiration === 'number' ? tokenExpiration : 0) - now;
     if (forceRefresh || tokenExpiration && remainingTime < 120) {
-      setTimeout(() => {
+      refreshTokenTimeoutRef.current = setTimeout(() => {
         async function refresh() {
           try {
-            const request = await requests.post(`${serverURL}${apiRoute}/${userSlug}/refresh-token`, {
+            const request = await requests.post(`${serverURL}${apiRoute}/${userSlug}/refresh-token?refresh`, {
               headers: {
                 'Accept-Language': i18n.language
               }
             });
             if (request.status === 200) {
-              const json_0 = await request.json();
-              setUser(json_0.user);
-              setTokenAndExpiration(json_0);
+              const json = await request.json();
+              setNewUser(json);
             } else {
-              setUser(null);
+              setNewUser(null);
               redirectToInactivityRoute();
             }
           } catch (e) {
@@ -106,7 +108,10 @@ export function AuthProvider({
         void refresh();
       }, 1000);
     }
-  }, [tokenExpiration, serverURL, apiRoute, userSlug, i18n, redirectToInactivityRoute, setTokenAndExpiration]);
+    return () => {
+      clearTimeout(refreshTokenTimeoutRef.current);
+    };
+  }, [apiRoute, i18n.language, redirectToInactivityRoute, serverURL, setNewUser, tokenExpiration, userSlug]);
   const refreshCookieAsync = useCallback(async skipSetUser => {
     try {
       const request_0 = await requests.post(`${serverURL}${apiRoute}/${userSlug}/refresh-token`, {
@@ -115,30 +120,31 @@ export function AuthProvider({
         }
       });
       if (request_0.status === 200) {
-        const json_1 = await request_0.json();
+        const json_0 = await request_0.json();
         if (!skipSetUser) {
-          setUser(json_1.user);
-          setTokenAndExpiration(json_1);
+          setNewUser(json_0);
         }
-        return json_1.user;
+        return json_0.user;
       }
-      setUser(null);
+      setNewUser(null);
       redirectToInactivityRoute();
       return null;
     } catch (e_0) {
       toast.error(`Refreshing token failed: ${e_0.message}`);
       return null;
     }
-  }, [serverURL, apiRoute, userSlug, i18n, redirectToInactivityRoute, setTokenAndExpiration]);
+  }, [apiRoute, i18n.language, redirectToInactivityRoute, serverURL, setNewUser, userSlug]);
   const logOut = useCallback(async () => {
-    setUser(null);
-    revokeTokenAndExpire();
     try {
       await requests.post(`${serverURL}${apiRoute}/${userSlug}/logout`);
+      setNewUser(null);
+      revokeTokenAndExpire();
+      return true;
     } catch (e_1) {
       toast.error(`Logging out failed: ${e_1.message}`);
+      return false;
     }
-  }, [serverURL, apiRoute, userSlug, revokeTokenAndExpire]);
+  }, [apiRoute, revokeTokenAndExpire, serverURL, setNewUser, userSlug]);
   const refreshPermissions = useCallback(async ({
     locale
   } = {}) => {
@@ -154,8 +160,8 @@ export function AuthProvider({
         }
       });
       if (request_1.status === 200) {
-        const json_2 = await request_1.json();
-        setPermissions(json_2);
+        const json_1 = await request_1.json();
+        setPermissions(json_1);
       } else {
         throw new Error(`Fetching permissions failed with status code ${request_1.status}`);
       }
@@ -166,26 +172,22 @@ export function AuthProvider({
   const fetchFullUser = React.useCallback(async () => {
     try {
       const request_2 = await requests.get(`${serverURL}${apiRoute}/${userSlug}/me`, {
+        credentials: 'include',
         headers: {
           'Accept-Language': i18n.language
         }
       });
       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();
-        }
+        const json_2 = await request_2.json();
+        const user_0 = null;
+        setNewUser(json_2);
+        return user_0;
       }
     } catch (e_3) {
       toast.error(`Fetching user failed: ${e_3.message}`);
     }
-  }, [serverURL, apiRoute, userSlug, i18n.language, setTokenAndExpiration, revokeTokenAndExpire]);
+    return null;
+  }, [serverURL, apiRoute, userSlug, i18n.language, setNewUser]);
   // On mount, get user and set
   useEffect(() => {
     void fetchFullUser();
@@ -196,41 +198,38 @@ export function AuthProvider({
       refreshCookie();
     }
   }, [debouncedLocationChange, refreshCookie, id]);
-  // When initialUser changes, reset in state
-  useEffect(() => {
-    setUser(initialUser);
-  }, [initialUser]);
   useEffect(() => {
     setLastLocationChange(Date.now());
   }, [pathname]);
   useEffect(() => {
     let reminder;
+    let forceLogOut;
     const now_0 = Math.round(new Date().getTime() / 1000);
     const remainingTime_0 = typeof tokenExpiration === 'number' ? tokenExpiration - now_0 : 0;
+    const remindInTimeFromNow = Math.max(Math.min((remainingTime_0 - 60) * 1000, maxTimeoutTime), 0);
+    const forceLogOutInTimeFromNow = Math.max(Math.min(remainingTime_0 * 1000, maxTimeoutTime), 0);
+    if (!user) {
+      clearTimeout(reminder);
+      clearTimeout(forceLogOut);
+      return;
+    }
     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) {
+      }, remindInTimeFromNow);
       forceLogOut = setTimeout(() => {
-        setUser(null);
-        revokeTokenAndExpire();
-        redirectToInactivityRoute();
-      }, Math.max(Math.min(remainingTime_1 * 1000, maxTimeoutTime), 0));
+        setNewUser(null);
+      }, forceLogOutInTimeFromNow);
     }
     return () => {
-      if (forceLogOut) clearTimeout(forceLogOut);
+      if (reminder) {
+        clearTimeout(reminder);
+      }
+      if (forceLogOut) {
+        clearTimeout(forceLogOut);
+      }
     };
-  }, [tokenExpiration, closeAllModals, i18n, redirectToInactivityRoute, revokeTokenAndExpire]);
+  }, [tokenExpiration, openModal, i18n, setNewUser, user]);
   return /*#__PURE__*/_jsx(Context.Provider, {
     value: {
       fetchFullUser,
@@ -240,7 +239,7 @@ export function AuthProvider({
       refreshCookieAsync,
       refreshPermissions,
       setPermissions,
-      setUser,
+      setUser: setNewUser,
       token: tokenInMemory,
       user
     },