@payloadcms/ui 3.0.0-canary.294ea5c → 3.0.0-canary.2d0dd26

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/Actions/index.d.ts

@@ -1,12 +1,16 @@
-import type { MappedComponent } from 'payload';
 import React from 'react';
-export { SetViewActions } from './SetViewActions/index.js';
 type ActionsContextType = {
-    actions: MappedComponent[];
-    setViewActions: (actions: MappedComponent[]) => void;
+    Actions: {
+        [key: string]: React.ReactNode;
+    };
+    setViewActions: (actions: ActionsContextType['Actions']) => void;
 };
 export declare const useActions: () => ActionsContextType;
 export declare const ActionsProvider: React.FC<{
+    readonly Actions?: {
+        [key: string]: React.ReactNode;
+    };
     readonly children: React.ReactNode;
 }>;
+export {};
 //# sourceMappingURL=index.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/providers/Actions/index.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,SAAS,CAAA;AAE9C,OAAO,KAAyD,MAAM,OAAO,CAAA;AAI7E,OAAO,EAAE,cAAc,EAAE,MAAM,2BAA2B,CAAA;AAE1D,KAAK,kBAAkB,GAAG;IACxB,OAAO,EAAE,eAAe,EAAE,CAAA;IAC1B,cAAc,EAAE,CAAC,OAAO,EAAE,eAAe,EAAE,KAAK,IAAI,CAAA;CACrD,CAAA;AAOD,eAAO,MAAM,UAAU,0BAAmC,CAAA;AAE1D,eAAO,MAAM,eAAe,EAAE,KAAK,CAAC,EAAE,CAAC;IACrC,QAAQ,CAAC,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAA;CACnC,CAuBA,CAAA"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/providers/Actions/index.tsx"],"names":[],"mappings":"AAEA,OAAO,KAA8C,MAAM,OAAO,CAAA;AAElE,KAAK,kBAAkB,GAAG;IACxB,OAAO,EAAE;QACP,CAAC,GAAG,EAAE,MAAM,GAAG,KAAK,CAAC,SAAS,CAAA;KAC/B,CAAA;IACD,cAAc,EAAE,CAAC,OAAO,EAAE,kBAAkB,CAAC,SAAS,CAAC,KAAK,IAAI,CAAA;CACjE,CAAA;AAOD,eAAO,MAAM,UAAU,0BAAmC,CAAA;AAE1D,eAAO,MAAM,eAAe,EAAE,KAAK,CAAC,EAAE,CAAC;IACrC,QAAQ,CAAC,OAAO,CAAC,EAAE;QACjB,CAAC,GAAG,EAAE,MAAM,GAAG,KAAK,CAAC,SAAS,CAAA;KAC/B,CAAA;IACD,QAAQ,CAAC,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAA;CACnC,CAQA,CAAA"}

package/dist/providers/Actions/index.js

@@ -2,97 +2,36 @@
 
 import { c as _c } from "react/compiler-runtime";
 import { jsx as _jsx } from "react/jsx-runtime";
-import React, { createContext, useContext, useEffect, useState } from 'react';
-import { useConfig } from '../../providers/Config/index.js';
-export { SetViewActions } from './SetViewActions/index.js';
+import React, { createContext, useContext, useState } from 'react';
 const ActionsContext = /*#__PURE__*/createContext({
-  actions: [],
+  Actions: {},
   setViewActions: () => {}
 });
 export const useActions = () => {
   return useContext(ActionsContext);
 };
 export const ActionsProvider = t0 => {
-  const $ = _c(13);
+  const $ = _c(3);
   const {
+    Actions,
     children
   } = t0;
+  const [viewActions, setViewActions] = useState(Actions);
   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, {
+  if ($[0] !== viewActions || $[1] !== children) {
+    t1 = _jsx(ActionsContext.Provider, {
       value: {
-        actions: combinedActions,
+        Actions: viewActions,
         setViewActions
       },
       children
     });
-    $[9] = t8;
-    $[10] = t9;
-    $[11] = children;
-    $[12] = t10;
+    $[0] = viewActions;
+    $[1] = children;
+    $[2] = t1;
   } else {
-    t10 = $[12];
+    t1 = $[2];
   }
-  return t10;
+  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","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":[]}
+{"version":3,"file":"index.js","names":["c","_c","React","createContext","useContext","useState","ActionsContext","Actions","setViewActions","useActions","ActionsProvider","t0","$","children","viewActions","t1","_jsx","Provider","value"],"sources":["../../../src/providers/Actions/index.tsx"],"sourcesContent":["'use client'\n\nimport React, { createContext, useContext, 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 = () => useContext(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.Provider value={{ Actions: viewActions, setViewActions }}>\n      {children}\n    </ActionsContext.Provider>\n  )\n}\n"],"mappings":"AAAA;;AAAA,SAAAA,CAAA,IAAAC,EAAA;;AAEA,OAAOC,KAAA,IAASC,aAAa,EAAEC,UAAU,EAAEC,QAAQ,QAAQ;AAS3D,MAAMC,cAAA,gBAAiBH,aAAA,CAAkC;EACvDI,OAAA,EAAS,CAAC;EACVC,cAAA,EAAgBA,CAAA,MAAO;AACzB;AAEA,OAAO,MAAMC,UAAA,GAAaA,CAAA;EAAA,OAAML,UAAA,CAAAE,cAAW;AAAA;AAE3C,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,QAAAE,WAAA,IAAAF,CAAA,QAAAC,QAAA;IAG7CE,EAAA,GAAAC,IAAA,CAAAV,cAAA,CAAAW,QAAA;MAAAC,KAAA;QAAAX,OAAA,EAA2CO,WAAA;QAAAN;MAAA;MAAAK;IAAA,C;;;;;;;SAA3CE,E;CAIJ","ignoreList":[]}

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

@@ -1,22 +1,27 @@
-import type { ClientUser, Permissions } from 'payload';
+import type { ClientUser, SanitizedPermissions, User } from 'payload';
 import React from 'react';
+export type UserWithToken<T = ClientUser> = {
+    exp: number;
+    token: string;
+    user: T;
+};
 export type AuthContext<T = ClientUser> = {
-    fetchFullUser: () => Promise<void>;
-    logOut: () => Promise<void>;
-    permissions?: Permissions;
+    fetchFullUser: () => Promise<null | User>;
+    logOut: () => Promise<boolean>;
+    permissions?: SanitizedPermissions;
     refreshCookie: (forceRefresh?: boolean) => void;
     refreshCookieAsync: () => Promise<ClientUser>;
     refreshPermissions: () => Promise<void>;
-    setPermissions: (permissions: Permissions) => void;
-    setUser: (user: T) => void;
+    setPermissions: (permissions: SanitizedPermissions) => void;
+    setUser: (user: null | UserWithToken<T>) => void;
     strategy?: string;
     token?: string;
     tokenExpiration?: number;
-    user?: T | null;
+    user?: null | T;
 };
 type Props = {
     children: React.ReactNode;
-    permissions?: Permissions;
+    permissions?: SanitizedPermissions;
     user?: ClientUser | null;
 };
 export declare function AuthProvider({ children, permissions: initialPermissions, user: initialUser, }: Props): React.JSX.Element;

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,oBAAoB,EAAE,IAAI,EAAE,MAAM,SAAS,CAAA;AAKrE,OAAO,KAAsE,MAAM,OAAO,CAAA;AAU1F,MAAM,MAAM,aAAa,CAAC,CAAC,GAAG,UAAU,IAAI;IAC1C,GAAG,EAAE,MAAM,CAAA;IACX,KAAK,EAAE,MAAM,CAAA;IACb,IAAI,EAAE,CAAC,CAAA;CACR,CAAA;AAED,MAAM,MAAM,WAAW,CAAC,CAAC,GAAG,UAAU,IAAI;IACxC,aAAa,EAAE,MAAM,OAAO,CAAC,IAAI,GAAG,IAAI,CAAC,CAAA;IACzC,MAAM,EAAE,MAAM,OAAO,CAAC,OAAO,CAAC,CAAA;IAC9B,WAAW,CAAC,EAAE,oBAAoB,CAAA;IAClC,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,oBAAoB,KAAK,IAAI,CAAA;IAC3D,OAAO,EAAE,CAAC,IAAI,EAAE,IAAI,GAAG,aAAa,CAAC,CAAC,CAAC,KAAK,IAAI,CAAA;IAChD,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,oBAAoB,CAAA;IAClC,IAAI,CAAC,EAAE,UAAU,GAAG,IAAI,CAAA;CACzB,CAAA;AAED,wBAAgB,YAAY,CAAC,EAC3B,QAAQ,EACR,WAAW,EAAE,kBAAkB,EAC/B,IAAI,EAAE,WAAW,GAClB,EAAE,KAAK,qBAwRP;AAED,eAAO,MAAM,OAAO,GAAI,CAAC,oBAAmB,WAAW,CAAC,CAAC,CAA0C,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,39 @@ 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();
+        setNewUser(null);
         redirectToInactivityRoute();
-      }, Math.max(Math.min(remainingTime_1 * 1000, maxTimeoutTime), 0));
+      }, 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 +240,7 @@ export function AuthProvider({
       refreshCookieAsync,
       refreshPermissions,
       setPermissions,
-      setUser,
+      setUser: setNewUser,
       token: tokenInMemory,
       user
     },