@payloadcms/ui 3.0.0-canary.ca3dd1c → 3.0.0-canary.cb7fa00

package/dist/icons/Swap/index.scss

@@ -6,7 +6,7 @@
 
   .stroke {
     fill: none;
-    stroke: var(--theme-elevation-800);
-    stroke-width: $style-stroke-width-m;
+    stroke: currentColor;
+    stroke-width: $style-stroke-width-s;
   }
 }

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

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

package/dist/icons/X/index.js

@@ -1,31 +1,20 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { jsx as _jsx } from "react/jsx-runtime";
 import React from 'react';
 import './index.scss';
-export const XIcon = ({ className })=>/*#__PURE__*/ _jsxs("svg", {
+export const XIcon = ({ className })=>/*#__PURE__*/ _jsx("svg", {
         className: [
             className,
             'icon icon--x'
         ].filter(Boolean).join(' '),
-        height: "25",
-        viewBox: "0 0 25 25",
-        width: "25",
+        height: 20,
+        viewBox: "0 0 20 20",
+        width: 20,
         xmlns: "http://www.w3.org/2000/svg",
-        children: [
-            /*#__PURE__*/ _jsx("line", {
-                className: "stroke",
-                x1: "8.74612",
-                x2: "16.3973",
-                y1: "16.347",
-                y2: "8.69584"
-            }),
-            /*#__PURE__*/ _jsx("line", {
-                className: "stroke",
-                x1: "8.6027",
-                x2: "16.2539",
-                y1: "8.69585",
-                y2: "16.3471"
-            })
-        ]
+        children: /*#__PURE__*/ _jsx("path", {
+            className: "stroke",
+            d: "M14 6L6 14M6 6L14 14",
+            strokeLinecap: "square"
+        })
     });
 
 //# sourceMappingURL=index.js.map

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/icons/X/index.tsx"],"sourcesContent":["import React from 'react'\n\nimport './index.scss'\n\nexport const XIcon: React.FC<{ className?: string }> = ({ className }) => (\n  <svg\n    className={[className, 'icon icon--x'].filter(Boolean).join(' ')}\n    height=\"25\"\n    viewBox=\"0 0 25 25\"\n    width=\"25\"\n    xmlns=\"http://www.w3.org/2000/svg\"\n  >\n    <line className=\"stroke\" x1=\"8.74612\" x2=\"16.3973\" y1=\"16.347\" y2=\"8.69584\" />\n    <line className=\"stroke\" x1=\"8.6027\" x2=\"16.2539\" y1=\"8.69585\" y2=\"16.3471\" />\n  </svg>\n)\n"],"names":["React","XIcon","className","svg","filter","Boolean","join","height","viewBox","width","xmlns","line","x1","x2","y1","y2"],"mappings":";AAAA,OAAOA,WAAW,QAAO;AAEzB,OAAO,eAAc;AAErB,OAAO,MAAMC,QAA0C,CAAC,EAAEC,SAAS,EAAE,iBACnE,MAACC;QACCD,WAAW;YAACA;YAAW;SAAe,CAACE,MAAM,CAACC,SAASC,IAAI,CAAC;QAC5DC,QAAO;QACPC,SAAQ;QACRC,OAAM;QACNC,OAAM;;0BAEN,KAACC;gBAAKT,WAAU;gBAASU,IAAG;gBAAUC,IAAG;gBAAUC,IAAG;gBAASC,IAAG;;0BAClE,KAACJ;gBAAKT,WAAU;gBAASU,IAAG;gBAASC,IAAG;gBAAUC,IAAG;gBAAUC,IAAG;;;OAErE"}
+{"version":3,"sources":["../../../src/icons/X/index.tsx"],"sourcesContent":["import React from 'react'\n\nimport './index.scss'\n\nexport const XIcon: React.FC<{ className?: string }> = ({ className }) => (\n  <svg\n    className={[className, 'icon icon--x'].filter(Boolean).join(' ')}\n    height={20}\n    viewBox=\"0 0 20 20\"\n    width={20}\n    xmlns=\"http://www.w3.org/2000/svg\"\n  >\n    <path className=\"stroke\" d=\"M14 6L6 14M6 6L14 14\" strokeLinecap=\"square\" />\n  </svg>\n)\n"],"names":["React","XIcon","className","svg","filter","Boolean","join","height","viewBox","width","xmlns","path","d","strokeLinecap"],"mappings":";AAAA,OAAOA,WAAW,QAAO;AAEzB,OAAO,eAAc;AAErB,OAAO,MAAMC,QAA0C,CAAC,EAAEC,SAAS,EAAE,iBACnE,KAACC;QACCD,WAAW;YAACA;YAAW;SAAe,CAACE,MAAM,CAACC,SAASC,IAAI,CAAC;QAC5DC,QAAQ;QACRC,SAAQ;QACRC,OAAO;QACPC,OAAM;kBAEN,cAAA,KAACC;YAAKT,WAAU;YAASU,GAAE;YAAuBC,eAAc;;OAEnE"}

package/dist/icons/X/index.scss

@@ -1,8 +1,8 @@
 @import '../../scss/styles';
 
 .icon--x {
-  line {
-    stroke: var(--theme-elevation-800);
-    stroke-width: $style-stroke-width;
+  .stroke {
+    stroke: currentColor;
+    stroke-width: $style-stroke-width-s;
   }
 }

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

@@ -1,6 +1,6 @@
-import type React from 'react';
-import type { ActionMap } from '../../ComponentMap/buildComponentMap/types.js';
+import React from 'react';
+import type { MappedComponent } from 'payload';
 export declare const SetViewActions: React.FC<{
-    actions: ActionMap['Edit'][string];
+    actions: MappedComponent[];
 }>;
 //# sourceMappingURL=index.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/providers/Actions/SetViewActions/index.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAI9B,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,+CAA+C,CAAA;AAI9E,eAAO,MAAM,cAAc,EAAE,KAAK,CAAC,EAAE,CAAC;IAAE,OAAO,EAAE,SAAS,CAAC,MAAM,CAAC,CAAC,MAAM,CAAC,CAAA;CAAE,CAY3E,CAAA"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/providers/Actions/SetViewActions/index.tsx"],"names":[],"mappings":"AACA,OAAO,KAAoB,MAAM,OAAO,CAAA;AAGxC,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,SAAS,CAAA;AAE9C,eAAO,MAAM,cAAc,EAAE,KAAK,CAAC,EAAE,CAAC;IAAE,OAAO,EAAE,eAAe,EAAE,CAAA;CAAE,CAYnE,CAAA"}

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

@@ -1,5 +1,5 @@
 'use client';
-import { useEffect } from 'react';
+import React, { useEffect } from 'react';
 import { useActions } from '../index.js';
 export const SetViewActions = ({ actions })=>{
     const { setViewActions } = useActions();

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../../src/providers/Actions/SetViewActions/index.tsx"],"sourcesContent":["'use client'\nimport type React from 'react'\n\nimport { useEffect } from 'react'\n\nimport type { ActionMap } from '../../ComponentMap/buildComponentMap/types.js'\n\nimport { useActions } from '../index.js'\n\nexport const SetViewActions: React.FC<{ actions: ActionMap['Edit'][string] }> = ({ actions }) => {\n  const { setViewActions } = useActions()\n\n  useEffect(() => {\n    setViewActions(actions)\n\n    return () => {\n      setViewActions([])\n    }\n  }, [setViewActions, actions])\n\n  return null\n}\n"],"names":["useEffect","useActions","SetViewActions","actions","setViewActions"],"mappings":"AAAA;AAGA,SAASA,SAAS,QAAQ,QAAO;AAIjC,SAASC,UAAU,QAAQ,cAAa;AAExC,OAAO,MAAMC,iBAAmE,CAAC,EAAEC,OAAO,EAAE;IAC1F,MAAM,EAAEC,cAAc,EAAE,GAAGH;IAE3BD,UAAU;QACRI,eAAeD;QAEf,OAAO;YACLC,eAAe,EAAE;QACnB;IACF,GAAG;QAACA;QAAgBD;KAAQ;IAE5B,OAAO;AACT,EAAC"}
+{"version":3,"sources":["../../../../src/providers/Actions/SetViewActions/index.tsx"],"sourcesContent":["'use client'\nimport React, { useEffect } from 'react'\n\nimport { useActions } from '../index.js'\nimport type { MappedComponent } from 'payload'\n\nexport const SetViewActions: React.FC<{ actions: MappedComponent[] }> = ({ actions }) => {\n  const { setViewActions } = useActions()\n\n  useEffect(() => {\n    setViewActions(actions)\n\n    return () => {\n      setViewActions([])\n    }\n  }, [setViewActions, actions])\n\n  return null\n}\n"],"names":["React","useEffect","useActions","SetViewActions","actions","setViewActions"],"mappings":"AAAA;AACA,OAAOA,SAASC,SAAS,QAAQ,QAAO;AAExC,SAASC,UAAU,QAAQ,cAAa;AAGxC,OAAO,MAAMC,iBAA2D,CAAC,EAAEC,OAAO,EAAE;IAClF,MAAM,EAAEC,cAAc,EAAE,GAAGH;IAE3BD,UAAU;QACRI,eAAeD;QAEf,OAAO;YACLC,eAAe,EAAE;QACnB;IACF,GAAG;QAACA;QAAgBD;KAAQ;IAE5B,OAAO;AACT,EAAC"}

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

@@ -1,9 +1,9 @@
+import type { MappedComponent } from 'payload';
 import React from 'react';
-import type { ActionMap } from '../ComponentMap/buildComponentMap/types.js';
 export { SetViewActions } from './SetViewActions/index.js';
 type ActionsContextType = {
-    actions: ActionMap['Edit'][string];
-    setViewActions: (actions: ActionMap['Edit'][string]) => void;
+    actions: MappedComponent[];
+    setViewActions: (actions: MappedComponent[]) => void;
 };
 export declare const useActions: () => ActionsContextType;
 export declare const ActionsProvider: ({ children }: {

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,KAAyD,MAAM,OAAO,CAAA;AAE7E,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,4CAA4C,CAAA;AAI3E,OAAO,EAAE,cAAc,EAAE,MAAM,2BAA2B,CAAA;AAE1D,KAAK,kBAAkB,GAAG;IACxB,OAAO,EAAE,SAAS,CAAC,MAAM,CAAC,CAAC,MAAM,CAAC,CAAA;IAClC,cAAc,EAAE,CAAC,OAAO,EAAE,SAAS,CAAC,MAAM,CAAC,CAAC,MAAM,CAAC,KAAK,IAAI,CAAA;CAC7D,CAAA;AAOD,eAAO,MAAM,UAAU,0BAAmC,CAAA;AAE1D,eAAO,MAAM,eAAe;;uBAmB3B,CAAA"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/providers/Actions/index.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,SAAS,CAAA;AAG9C,OAAO,KAAyD,MAAM,OAAO,CAAA;AAE7E,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;;uBAuB3B,CAAA"}

package/dist/providers/Actions/index.js

@@ -1,7 +1,7 @@
 'use client';
 import { jsx as _jsx } from "react/jsx-runtime";
+import { useConfig } from '@payloadcms/ui';
 import React, { createContext, useContext, useEffect, useState } from 'react';
-import { useComponentMap } from '../ComponentMap/index.js';
 export { SetViewActions } from './SetViewActions/index.js';
 const ActionsContext = /*#__PURE__*/ createContext({
     actions: [],
@@ -11,7 +11,7 @@ export const useActions = ()=>useContext(ActionsContext);
 export const ActionsProvider = ({ children })=>{
     const [viewActions, setViewActions] = useState([]);
     const [adminActions, setAdminActions] = useState([]);
-    const { componentMap: { actions } } = useComponentMap();
+    const { config: { admin: { components: { actions } } } } = useConfig();
     useEffect(()=>{
         setAdminActions(actions || []);
     }, [

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"],"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,KAACP,eAAeW,QAAQ;QAACC,OAAO;YAAEX,SAASS;YAAiBR;QAAe;kBACxEG;;AAGP,EAAC"}
+{"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"}

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

@@ -2,7 +2,7 @@ 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>;
@@ -14,8 +14,12 @@ export type AuthContext<T = ClientUser> = {
     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,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,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,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,eAAO,MAAM,YAAY,EAAE,KAAK,CAAC,EAAE,CAAC;IAAE,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAA;CAAE,CAsThE,CAAA;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,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"}

package/dist/providers/Auth/index.js

@@ -9,54 +9,53 @@ 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 maxTimeoutTime = 2147483647;
-export const AuthProvider = ({ children })=>{
-    const { searchParams } = useSearchParams();
-    const [user, setUser] = useState();
+export function AuthProvider({ children, permissions: initialPermissions, user: initialUser }) {
+    const [user, setUser] = useState(initialUser);
     const [tokenInMemory, setTokenInMemory] = useState();
     const [tokenExpiration, setTokenExpiration] = useState();
-    const [strategy, setStrategy] = useState();
     const pathname = usePathname();
     const router = useRouter();
-    // const { code } = useLocale()
-    const code = 'en' // TODO: re-enable i18n asap
-    ;
-    const config = useConfig();
-    const { admin: { autoLogin, routes: { inactivity: logoutInactivityRoute }, routes: { login: loginRoute }, user: userSlug }, routes: { admin, api }, serverURL } = config;
-    const [permissions, setPermissions] = useState();
+    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(admin)) {
+        if (window.location.pathname.startsWith(adminRoute)) {
             const redirectParam = `?redirect=${encodeURIComponent(window.location.pathname)}`;
-            router.replace(`${admin}${logoutInactivityRoute}${redirectParam}`);
+            router.replace(formatAdminURL({
+                adminRoute,
+                path: `${logoutInactivityRoute}${redirectParam}`
+            }));
         } else {
-            router.replace(`${admin}${logoutInactivityRoute}`);
+            router.replace(formatAdminURL({
+                adminRoute,
+                path: logoutInactivityRoute
+            }));
         }
         closeAllModals();
     }, [
         router,
-        admin,
+        adminRoute,
         logoutInactivityRoute,
         closeAllModals
     ]);
     const revokeTokenAndExpire = useCallback(()=>{
         setTokenInMemory(undefined);
         setTokenExpiration(undefined);
-        setStrategy(undefined);
     }, []);
     const setTokenAndExpiration = useCallback((json)=>{
         const token = json?.token || json?.refreshedToken;
         if (token && json?.exp) {
             setTokenInMemory(token);
             setTokenExpiration(json.exp);
-            if (json.strategy) setStrategy(json.strategy);
         } else {
             revokeTokenAndExpire();
         }
@@ -67,30 +66,33 @@ export const AuthProvider = ({ children })=>{
         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
+            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();
                         }
-                    });
-                    if (request.status === 200) {
-                        const json = await request.json();
-                        setUser(json.user);
-                        setTokenAndExpiration(json);
-                    } else {
-                        setUser(null);
-                        redirectToInactivityRoute();
+                    } catch (e) {
+                        toast.error(e.message);
                     }
-                } catch (e) {
-                    toast.error(e.message);
                 }
+                void refresh();
             }, 1000);
         }
     }, [
         tokenExpiration,
         serverURL,
-        api,
+        apiRoute,
         userSlug,
         i18n,
         redirectToInactivityRoute,
@@ -98,7 +100,7 @@ export const AuthProvider = ({ children })=>{
     ]);
     const refreshCookieAsync = useCallback(async (skipSetUser)=>{
         try {
-            const request = await requests.post(`${serverURL}${api}/${userSlug}/refresh-token`, {
+            const request = await requests.post(`${serverURL}${apiRoute}/${userSlug}/refresh-token`, {
                 headers: {
                     'Accept-Language': i18n.language
                 }
@@ -120,7 +122,7 @@ export const AuthProvider = ({ children })=>{
         }
     }, [
         serverURL,
-        api,
+        apiRoute,
         userSlug,
         i18n,
         redirectToInactivityRoute,
@@ -130,22 +132,24 @@ export const AuthProvider = ({ children })=>{
         setUser(null);
         revokeTokenAndExpire();
         try {
-            await requests.post(`${serverURL}${api}/${userSlug}/logout`);
+            await requests.post(`${serverURL}${apiRoute}/${userSlug}/logout`);
         } catch (e) {
             toast.error(`Logging out failed: ${e.message}`);
         }
     }, [
         serverURL,
-        api,
+        apiRoute,
         userSlug,
         revokeTokenAndExpire
     ]);
-    const refreshPermissions = useCallback(async ()=>{
-        const params = {
-            locale: code
-        };
+    const refreshPermissions = useCallback(async ({ locale } = {})=>{
+        const params = qs.stringify({
+            locale
+        }, {
+            addQueryPrefix: true
+        });
         try {
-            const request = await requests.get(`${serverURL}${api}/access?${qs.stringify(params)}`, {
+            const request = await requests.get(`${serverURL}${apiRoute}/access${params}`, {
                 headers: {
                     'Accept-Language': i18n.language
                 }
@@ -161,13 +165,12 @@ export const AuthProvider = ({ children })=>{
         }
     }, [
         serverURL,
-        api,
-        i18n,
-        code
+        apiRoute,
+        i18n
     ]);
     const fetchFullUser = React.useCallback(async ()=>{
         try {
-            const request = await requests.get(`${serverURL}${api}/${userSlug}/me`, {
+            const request = await requests.get(`${serverURL}${apiRoute}/${userSlug}/me`, {
                 headers: {
                     'Accept-Language': i18n.language
                 }
@@ -179,31 +182,6 @@ export const AuthProvider = ({ children })=>{
                     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}${loginRoute}`, {
-                        body: JSON.stringify({
-                            email: autoLogin.email,
-                            password: autoLogin.password,
-                            username: autoLogin.username
-                        }),
-                        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();
@@ -214,18 +192,11 @@ export const AuthProvider = ({ children })=>{
         }
     }, [
         serverURL,
-        api,
+        apiRoute,
         userSlug,
         i18n.language,
-        autoLogin,
         setTokenAndExpiration,
-        router,
-        searchParams,
-        admin,
-        revokeTokenAndExpire,
-        strategy,
-        tokenExpiration,
-        loginRoute
+        revokeTokenAndExpire
     ]);
     // On mount, get user and set
     useEffect(()=>{
@@ -300,7 +271,7 @@ export const AuthProvider = ({ children })=>{
         },
         children: children
     });
-};
+}
 export const useAuth = ()=>useContext(Context);
 
 //# sourceMappingURL=index.js.map

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/providers/Auth/index.tsx"],"sourcesContent":["'use client'\nimport type { ClientUser, MeOperationResult, Permissions } from 'payload'\n\nimport { useModal } from '@faceless-ui/modal'\nimport { usePathname, useRouter } from 'next/navigation.js'\nimport * as qs from 'qs-esm'\nimport React, { createContext, useCallback, useContext, useEffect, useState } from 'react'\nimport { toast } from 'sonner'\n\nimport { stayLoggedInModalSlug } from '../../elements/StayLoggedIn/index.js'\nimport { useDebounce } from '../../hooks/useDebounce.js'\nimport { useTranslation } from '../../providers/Translation/index.js'\nimport { requests } from '../../utilities/api.js'\nimport { useConfig } from '../Config/index.js'\nimport { useSearchParams } from '../SearchParams/index.js'\n\nexport type AuthContext<T = ClientUser> = {\n  fetchFullUser: () => Promise<void>\n  logOut: () => void\n  permissions?: Permissions\n  refreshCookie: (forceRefresh?: boolean) => void\n  refreshCookieAsync: () => Promise<ClientUser>\n  refreshPermissions: () => Promise<void>\n  setPermissions: (permissions: Permissions) => void\n  setUser: (user: T) => void\n  strategy?: string\n  token?: string\n  tokenExpiration?: number\n  user?: T | null\n}\n\nconst Context = createContext({} as AuthContext)\n\nconst maxTimeoutTime = 2147483647\n\nexport const AuthProvider: React.FC<{ children: React.ReactNode }> = ({ children }) => {\n  const { searchParams } = useSearchParams()\n  const [user, setUser] = useState<ClientUser | null>()\n  const [tokenInMemory, setTokenInMemory] = useState<string>()\n  const [tokenExpiration, setTokenExpiration] = useState<number>()\n  const [strategy, setStrategy] = useState<string>()\n  const pathname = usePathname()\n  const router = useRouter()\n  // const { code } = useLocale()\n  const code = 'en' // TODO: re-enable i18n asap\n\n  const config = useConfig()\n\n  const {\n    admin: {\n      autoLogin,\n      routes: { inactivity: logoutInactivityRoute },\n      routes: { login: loginRoute },\n      user: userSlug,\n    },\n    routes: { admin, api },\n    serverURL,\n  } = config\n\n  const [permissions, setPermissions] = useState<Permissions>()\n\n  const { i18n } = useTranslation()\n  const { closeAllModals, openModal } = useModal()\n  const [lastLocationChange, setLastLocationChange] = useState(0)\n  const debouncedLocationChange = useDebounce(lastLocationChange, 10000)\n\n  const id = user?.id\n\n  const redirectToInactivityRoute = useCallback(() => {\n    if (window.location.pathname.startsWith(admin)) {\n      const redirectParam = `?redirect=${encodeURIComponent(window.location.pathname)}`\n      router.replace(`${admin}${logoutInactivityRoute}${redirectParam}`)\n    } else {\n      router.replace(`${admin}${logoutInactivityRoute}`)\n    }\n    closeAllModals()\n  }, [router, admin, logoutInactivityRoute, closeAllModals])\n\n  const revokeTokenAndExpire = useCallback(() => {\n    setTokenInMemory(undefined)\n    setTokenExpiration(undefined)\n    setStrategy(undefined)\n  }, [])\n\n  const setTokenAndExpiration = useCallback(\n    (json) => {\n      const token = json?.token || json?.refreshedToken\n      if (token && json?.exp) {\n        setTokenInMemory(token)\n        setTokenExpiration(json.exp)\n        if (json.strategy) setStrategy(json.strategy)\n      } else {\n        revokeTokenAndExpire()\n      }\n    },\n    [revokeTokenAndExpire],\n  )\n\n  const refreshCookie = useCallback(\n    (forceRefresh?: boolean) => {\n      const now = Math.round(new Date().getTime() / 1000)\n      const remainingTime = (typeof tokenExpiration === 'number' ? tokenExpiration : 0) - now\n\n      if (forceRefresh || (tokenExpiration && remainingTime < 120)) {\n        setTimeout(async () => {\n          try {\n            const request = await requests.post(`${serverURL}${api}/${userSlug}/refresh-token`, {\n              headers: {\n                'Accept-Language': i18n.language,\n              },\n            })\n\n            if (request.status === 200) {\n              const json = await request.json()\n              setUser(json.user)\n\n              setTokenAndExpiration(json)\n            } else {\n              setUser(null)\n              redirectToInactivityRoute()\n            }\n          } catch (e) {\n            toast.error(e.message)\n          }\n        }, 1000)\n      }\n    },\n    [\n      tokenExpiration,\n      serverURL,\n      api,\n      userSlug,\n      i18n,\n      redirectToInactivityRoute,\n      setTokenAndExpiration,\n    ],\n  )\n\n  const refreshCookieAsync = useCallback(\n    async (skipSetUser?: boolean): Promise<ClientUser> => {\n      try {\n        const request = await requests.post(`${serverURL}${api}/${userSlug}/refresh-token`, {\n          headers: {\n            'Accept-Language': i18n.language,\n          },\n        })\n\n        if (request.status === 200) {\n          const json = await request.json()\n          if (!skipSetUser) {\n            setUser(json.user)\n            setTokenAndExpiration(json)\n          }\n          return json.user\n        }\n\n        setUser(null)\n        redirectToInactivityRoute()\n        return null\n      } catch (e) {\n        toast.error(`Refreshing token failed: ${e.message}`)\n        return null\n      }\n    },\n    [serverURL, api, userSlug, i18n, redirectToInactivityRoute, setTokenAndExpiration],\n  )\n\n  const logOut = useCallback(async () => {\n    setUser(null)\n    revokeTokenAndExpire()\n    try {\n      await requests.post(`${serverURL}${api}/${userSlug}/logout`)\n    } catch (e) {\n      toast.error(`Logging out failed: ${e.message}`)\n    }\n  }, [serverURL, api, userSlug, revokeTokenAndExpire])\n\n  const refreshPermissions = useCallback(async () => {\n    const params = {\n      locale: code,\n    }\n\n    try {\n      const request = await requests.get(`${serverURL}${api}/access?${qs.stringify(params)}`, {\n        headers: {\n          'Accept-Language': i18n.language,\n        },\n      })\n\n      if (request.status === 200) {\n        const json: Permissions = await request.json()\n        setPermissions(json)\n      } else {\n        throw new Error(`Fetching permissions failed with status code ${request.status}`)\n      }\n    } catch (e) {\n      toast.error(`Refreshing permissions failed: ${e.message}`)\n    }\n  }, [serverURL, api, i18n, code])\n\n  const fetchFullUser = React.useCallback(async () => {\n    try {\n      const request = await requests.get(`${serverURL}${api}/${userSlug}/me`, {\n        headers: {\n          'Accept-Language': i18n.language,\n        },\n      })\n\n      if (request.status === 200) {\n        const json: MeOperationResult = await request.json()\n\n        if (json?.user) {\n          setUser(json.user)\n\n          if (json?.token) {\n            setTokenAndExpiration(json)\n          }\n        } else if (autoLogin && autoLogin.prefillOnly !== true) {\n          // auto log-in with the provided autoLogin credentials. This is used in dev mode\n          // so you don't have to log in over and over again\n          const autoLoginResult = await requests.post(\n            `${serverURL}${api}/${userSlug}${loginRoute}`,\n            {\n              body: JSON.stringify({\n                email: autoLogin.email,\n                password: autoLogin.password,\n                username: autoLogin.username,\n              }),\n              headers: {\n                'Accept-Language': i18n.language,\n                'Content-Type': 'application/json',\n              },\n            },\n          )\n          if (autoLoginResult.status === 200) {\n            const autoLoginJson = await autoLoginResult.json()\n            setUser(autoLoginJson.user)\n            if (autoLoginJson?.token) {\n              setTokenAndExpiration(autoLoginJson)\n            }\n            router.replace(\n              typeof searchParams['redirect'] === 'string' ? searchParams['redirect'] : admin,\n            )\n          } else {\n            setUser(null)\n            revokeTokenAndExpire()\n          }\n        } else {\n          setUser(null)\n          revokeTokenAndExpire()\n        }\n      }\n    } catch (e) {\n      toast.error(`Fetching user failed: ${e.message}`)\n    }\n  }, [\n    serverURL,\n    api,\n    userSlug,\n    i18n.language,\n    autoLogin,\n    setTokenAndExpiration,\n    router,\n    searchParams,\n    admin,\n    revokeTokenAndExpire,\n    strategy,\n    tokenExpiration,\n    loginRoute,\n  ])\n\n  // On mount, get user and set\n  useEffect(() => {\n    void fetchFullUser()\n  }, [fetchFullUser])\n\n  // When location changes, refresh cookie\n  useEffect(() => {\n    if (id) {\n      refreshCookie()\n    }\n  }, [debouncedLocationChange, refreshCookie, id])\n\n  useEffect(() => {\n    setLastLocationChange(Date.now())\n  }, [pathname])\n\n  useEffect(() => {\n    let reminder: ReturnType<typeof setTimeout>\n    const now = Math.round(new Date().getTime() / 1000)\n    const remainingTime = typeof tokenExpiration === 'number' ? tokenExpiration - now : 0\n\n    if (remainingTime > 0) {\n      reminder = setTimeout(\n        () => {\n          openModal(stayLoggedInModalSlug)\n        },\n        Math.max(Math.min((remainingTime - 60) * 1000, maxTimeoutTime)),\n      )\n    }\n\n    return () => {\n      if (reminder) clearTimeout(reminder)\n    }\n  }, [tokenExpiration, openModal])\n\n  useEffect(() => {\n    let forceLogOut: ReturnType<typeof setTimeout>\n    const now = Math.round(new Date().getTime() / 1000)\n    const remainingTime = typeof tokenExpiration === 'number' ? tokenExpiration - now : 0\n\n    if (remainingTime > 0) {\n      forceLogOut = setTimeout(\n        () => {\n          setUser(null)\n          revokeTokenAndExpire()\n          redirectToInactivityRoute()\n        },\n        Math.max(Math.min(remainingTime * 1000, maxTimeoutTime), 0),\n      )\n    }\n\n    return () => {\n      if (forceLogOut) clearTimeout(forceLogOut)\n    }\n  }, [tokenExpiration, closeAllModals, i18n, redirectToInactivityRoute, revokeTokenAndExpire])\n\n  return (\n    <Context.Provider\n      value={{\n        fetchFullUser,\n        logOut,\n        permissions,\n        refreshCookie,\n        refreshCookieAsync,\n        refreshPermissions,\n        setPermissions,\n        setUser,\n        token: tokenInMemory,\n        user,\n      }}\n    >\n      {children}\n    </Context.Provider>\n  )\n}\n\nexport const useAuth = <T = ClientUser,>(): AuthContext<T> => useContext(Context) as AuthContext<T>\n"],"names":["useModal","usePathname","useRouter","qs","React","createContext","useCallback","useContext","useEffect","useState","toast","stayLoggedInModalSlug","useDebounce","useTranslation","requests","useConfig","useSearchParams","Context","maxTimeoutTime","AuthProvider","children","searchParams","user","setUser","tokenInMemory","setTokenInMemory","tokenExpiration","setTokenExpiration","strategy","setStrategy","pathname","router","code","config","admin","autoLogin","routes","inactivity","logoutInactivityRoute","login","loginRoute","userSlug","api","serverURL","permissions","setPermissions","i18n","closeAllModals","openModal","lastLocationChange","setLastLocationChange","debouncedLocationChange","id","redirectToInactivityRoute","window","location","startsWith","redirectParam","encodeURIComponent","replace","revokeTokenAndExpire","undefined","setTokenAndExpiration","json","token","refreshedToken","exp","refreshCookie","forceRefresh","now","Math","round","Date","getTime","remainingTime","setTimeout","request","post","headers","language","status","e","error","message","refreshCookieAsync","skipSetUser","logOut","refreshPermissions","params","locale","get","stringify","Error","fetchFullUser","prefillOnly","autoLoginResult","body","JSON","email","password","username","autoLoginJson","reminder","max","min","clearTimeout","forceLogOut","Provider","value","useAuth"],"mappings":"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"}
+{"version":3,"sources":["../../../src/providers/Auth/index.tsx"],"sourcesContent":["'use client'\nimport type { ClientUser, MeOperationResult, Permissions } from 'payload'\n\nimport { useModal } from '@faceless-ui/modal'\nimport { usePathname, useRouter } from 'next/navigation.js'\nimport * as qs from 'qs-esm'\nimport React, { createContext, useCallback, useContext, useEffect, useState } from 'react'\nimport { toast } from 'sonner'\n\nimport { stayLoggedInModalSlug } from '../../elements/StayLoggedIn/index.js'\nimport { useDebounce } from '../../hooks/useDebounce.js'\nimport { useTranslation } from '../../providers/Translation/index.js'\nimport { requests } from '../../utilities/api.js'\nimport { formatAdminURL } from '../../utilities/formatAdminURL.js'\nimport { useConfig } from '../Config/index.js'\n\nexport type AuthContext<T = ClientUser> = {\n  fetchFullUser: () => Promise<void>\n  logOut: () => Promise<void>\n  permissions?: Permissions\n  refreshCookie: (forceRefresh?: boolean) => void\n  refreshCookieAsync: () => Promise<ClientUser>\n  refreshPermissions: () => Promise<void>\n  setPermissions: (permissions: Permissions) => void\n  setUser: (user: T) => void\n  strategy?: string\n  token?: string\n  tokenExpiration?: number\n  user?: T | null\n}\n\nconst Context = createContext({} as AuthContext)\n\nconst maxTimeoutTime = 2147483647\n\ntype Props = {\n  children: React.ReactNode\n  permissions?: Permissions\n  user?: ClientUser | null\n}\nexport function AuthProvider({\n  children,\n  permissions: initialPermissions,\n  user: initialUser,\n}: Props) {\n  const [user, setUser] = useState<ClientUser | null>(initialUser)\n  const [tokenInMemory, setTokenInMemory] = useState<string>()\n  const [tokenExpiration, setTokenExpiration] = useState<number>()\n  const pathname = usePathname()\n  const router = useRouter()\n\n  const { config } = useConfig()\n\n  const {\n    admin: {\n      routes: { inactivity: logoutInactivityRoute },\n      user: userSlug,\n    },\n    routes: { admin: adminRoute, api: apiRoute },\n    serverURL,\n  } = config\n\n  const [permissions, setPermissions] = useState<Permissions>(initialPermissions)\n\n  const { i18n } = useTranslation()\n  const { closeAllModals, openModal } = useModal()\n  const [lastLocationChange, setLastLocationChange] = useState(0)\n  const debouncedLocationChange = useDebounce(lastLocationChange, 10000)\n\n  const id = user?.id\n\n  const redirectToInactivityRoute = useCallback(() => {\n    if (window.location.pathname.startsWith(adminRoute)) {\n      const redirectParam = `?redirect=${encodeURIComponent(window.location.pathname)}`\n      router.replace(\n        formatAdminURL({\n          adminRoute,\n          path: `${logoutInactivityRoute}${redirectParam}`,\n        }),\n      )\n    } else {\n      router.replace(\n        formatAdminURL({\n          adminRoute,\n          path: logoutInactivityRoute,\n        }),\n      )\n    }\n    closeAllModals()\n  }, [router, adminRoute, logoutInactivityRoute, closeAllModals])\n\n  const revokeTokenAndExpire = useCallback(() => {\n    setTokenInMemory(undefined)\n    setTokenExpiration(undefined)\n  }, [])\n\n  const setTokenAndExpiration = useCallback(\n    (json) => {\n      const token = json?.token || json?.refreshedToken\n      if (token && json?.exp) {\n        setTokenInMemory(token)\n        setTokenExpiration(json.exp)\n      } else {\n        revokeTokenAndExpire()\n      }\n    },\n    [revokeTokenAndExpire],\n  )\n\n  const refreshCookie = useCallback(\n    (forceRefresh?: boolean) => {\n      const now = Math.round(new Date().getTime() / 1000)\n      const remainingTime = (typeof tokenExpiration === 'number' ? tokenExpiration : 0) - now\n\n      if (forceRefresh || (tokenExpiration && remainingTime < 120)) {\n        setTimeout(() => {\n          async function refresh() {\n            try {\n              const request = await requests.post(\n                `${serverURL}${apiRoute}/${userSlug}/refresh-token`,\n                {\n                  headers: {\n                    'Accept-Language': i18n.language,\n                  },\n                },\n              )\n\n              if (request.status === 200) {\n                const json = await request.json()\n                setUser(json.user)\n\n                setTokenAndExpiration(json)\n              } else {\n                setUser(null)\n                redirectToInactivityRoute()\n              }\n            } catch (e) {\n              toast.error(e.message)\n            }\n          }\n\n          void refresh()\n        }, 1000)\n      }\n    },\n    [\n      tokenExpiration,\n      serverURL,\n      apiRoute,\n      userSlug,\n      i18n,\n      redirectToInactivityRoute,\n      setTokenAndExpiration,\n    ],\n  )\n\n  const refreshCookieAsync = useCallback(\n    async (skipSetUser?: boolean): Promise<ClientUser> => {\n      try {\n        const request = await requests.post(`${serverURL}${apiRoute}/${userSlug}/refresh-token`, {\n          headers: {\n            'Accept-Language': i18n.language,\n          },\n        })\n\n        if (request.status === 200) {\n          const json = await request.json()\n          if (!skipSetUser) {\n            setUser(json.user)\n            setTokenAndExpiration(json)\n          }\n          return json.user\n        }\n\n        setUser(null)\n        redirectToInactivityRoute()\n        return null\n      } catch (e) {\n        toast.error(`Refreshing token failed: ${e.message}`)\n        return null\n      }\n    },\n    [serverURL, apiRoute, userSlug, i18n, redirectToInactivityRoute, setTokenAndExpiration],\n  )\n\n  const logOut = useCallback(async () => {\n    setUser(null)\n    revokeTokenAndExpire()\n    try {\n      await requests.post(`${serverURL}${apiRoute}/${userSlug}/logout`)\n    } catch (e) {\n      toast.error(`Logging out failed: ${e.message}`)\n    }\n  }, [serverURL, apiRoute, userSlug, revokeTokenAndExpire])\n\n  const refreshPermissions = useCallback(\n    async ({ locale }: { locale?: string } = {}) => {\n      const params = qs.stringify(\n        {\n          locale,\n        },\n        {\n          addQueryPrefix: true,\n        },\n      )\n\n      try {\n        const request = await requests.get(`${serverURL}${apiRoute}/access${params}`, {\n          headers: {\n            'Accept-Language': i18n.language,\n          },\n        })\n\n        if (request.status === 200) {\n          const json: Permissions = await request.json()\n          setPermissions(json)\n        } else {\n          throw new Error(`Fetching permissions failed with status code ${request.status}`)\n        }\n      } catch (e) {\n        toast.error(`Refreshing permissions failed: ${e.message}`)\n      }\n    },\n    [serverURL, apiRoute, i18n],\n  )\n\n  const fetchFullUser = React.useCallback(async () => {\n    try {\n      const request = await requests.get(`${serverURL}${apiRoute}/${userSlug}/me`, {\n        headers: {\n          'Accept-Language': i18n.language,\n        },\n      })\n\n      if (request.status === 200) {\n        const json: MeOperationResult = await request.json()\n\n        if (json?.user) {\n          setUser(json.user)\n\n          if (json?.token) {\n            setTokenAndExpiration(json)\n          }\n        } else {\n          setUser(null)\n          revokeTokenAndExpire()\n        }\n      }\n    } catch (e) {\n      toast.error(`Fetching user failed: ${e.message}`)\n    }\n  }, [serverURL, apiRoute, userSlug, i18n.language, setTokenAndExpiration, revokeTokenAndExpire])\n\n  // On mount, get user and set\n  useEffect(() => {\n    void fetchFullUser()\n  }, [fetchFullUser])\n\n  // When location changes, refresh cookie\n  useEffect(() => {\n    if (id) {\n      refreshCookie()\n    }\n  }, [debouncedLocationChange, refreshCookie, id])\n\n  useEffect(() => {\n    setLastLocationChange(Date.now())\n  }, [pathname])\n\n  useEffect(() => {\n    let reminder: ReturnType<typeof setTimeout>\n    const now = Math.round(new Date().getTime() / 1000)\n    const remainingTime = typeof tokenExpiration === 'number' ? tokenExpiration - now : 0\n\n    if (remainingTime > 0) {\n      reminder = setTimeout(\n        () => {\n          openModal(stayLoggedInModalSlug)\n        },\n        Math.max(Math.min((remainingTime - 60) * 1000, maxTimeoutTime)),\n      )\n    }\n\n    return () => {\n      if (reminder) clearTimeout(reminder)\n    }\n  }, [tokenExpiration, openModal])\n\n  useEffect(() => {\n    let forceLogOut: ReturnType<typeof setTimeout>\n    const now = Math.round(new Date().getTime() / 1000)\n    const remainingTime = typeof tokenExpiration === 'number' ? tokenExpiration - now : 0\n\n    if (remainingTime > 0) {\n      forceLogOut = setTimeout(\n        () => {\n          setUser(null)\n          revokeTokenAndExpire()\n          redirectToInactivityRoute()\n        },\n        Math.max(Math.min(remainingTime * 1000, maxTimeoutTime), 0),\n      )\n    }\n\n    return () => {\n      if (forceLogOut) clearTimeout(forceLogOut)\n    }\n  }, [tokenExpiration, closeAllModals, i18n, redirectToInactivityRoute, revokeTokenAndExpire])\n\n  return (\n    <Context.Provider\n      value={{\n        fetchFullUser,\n        logOut,\n        permissions,\n        refreshCookie,\n        refreshCookieAsync,\n        refreshPermissions,\n        setPermissions,\n        setUser,\n        token: tokenInMemory,\n        user,\n      }}\n    >\n      {children}\n    </Context.Provider>\n  )\n}\n\nexport const useAuth = <T = ClientUser,>(): AuthContext<T> => useContext(Context) as AuthContext<T>\n"],"names":["useModal","usePathname","useRouter","qs","React","createContext","useCallback","useContext","useEffect","useState","toast","stayLoggedInModalSlug","useDebounce","useTranslation","requests","formatAdminURL","useConfig","Context","maxTimeoutTime","AuthProvider","children","permissions","initialPermissions","user","initialUser","setUser","tokenInMemory","setTokenInMemory","tokenExpiration","setTokenExpiration","pathname","router","config","admin","routes","inactivity","logoutInactivityRoute","userSlug","adminRoute","api","apiRoute","serverURL","setPermissions","i18n","closeAllModals","openModal","lastLocationChange","setLastLocationChange","debouncedLocationChange","id","redirectToInactivityRoute","window","location","startsWith","redirectParam","encodeURIComponent","replace","path","revokeTokenAndExpire","undefined","setTokenAndExpiration","json","token","refreshedToken","exp","refreshCookie","forceRefresh","now","Math","round","Date","getTime","remainingTime","setTimeout","refresh","request","post","headers","language","status","e","error","message","refreshCookieAsync","skipSetUser","logOut","refreshPermissions","locale","params","stringify","addQueryPrefix","get","Error","fetchFullUser","reminder","max","min","clearTimeout","forceLogOut","Provider","value","useAuth"],"mappings":"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"}

package/dist/providers/Config/RenderComponent.d.ts

@@ -0,0 +1,12 @@
+import type { MappedComponent } from 'payload';
+import React from 'react';
+/**
+ * Can be used to render both MappedComponents and React Components.
+ */
+export declare const RenderComponent: React.FC<{
+    readonly Component?: React.ComponentType | React.ComponentType[];
+    readonly clientProps?: object;
+    readonly mappedComponent?: MappedComponent | MappedComponent[];
+    readonly serverProps?: object;
+}>;
+//# sourceMappingURL=RenderComponent.d.ts.map

package/dist/providers/Config/RenderComponent.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"RenderComponent.d.ts","sourceRoot":"","sources":["../../../src/providers/Config/RenderComponent.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,SAAS,CAAA;AAG9C,OAAO,KAAK,MAAM,OAAO,CAAA;AAEzB;;GAEG;AACH,eAAO,MAAM,eAAe,EAAE,KAAK,CAAC,EAAE,CAAC;IACrC,QAAQ,CAAC,SAAS,CAAC,EAAE,KAAK,CAAC,aAAa,GAAG,KAAK,CAAC,aAAa,EAAE,CAAA;IAChE,QAAQ,CAAC,WAAW,CAAC,EAAE,MAAM,CAAA;IAC7B,QAAQ,CAAC,eAAe,CAAC,EAAE,eAAe,GAAG,eAAe,EAAE,CAAA;IAC9D,QAAQ,CAAC,WAAW,CAAC,EAAE,MAAM,CAAA;CAC9B,CAsEA,CAAA"}

package/dist/providers/Config/RenderComponent.js

@@ -0,0 +1,69 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { isReactServerComponentOrFunction } from 'payload/shared';
+import React from 'react';
+/**
+ * Can be used to render both MappedComponents and React Components.
+ */ export const RenderComponent = ({ Component, clientProps = {}, mappedComponent, serverProps })=>{
+    if (!mappedComponent && Component) {
+        if (Array.isArray(Component)) {
+            return Component.map((c, index)=>/*#__PURE__*/ _jsx(RenderComponent, {
+                    Component: c,
+                    clientProps: clientProps,
+                    serverProps: serverProps
+                }, index));
+        }
+        const mappedComponent = isReactServerComponentOrFunction(Component) ? {
+            type: 'server',
+            Component,
+            RenderedComponent: null
+        } : {
+            type: 'client',
+            Component
+        };
+        return /*#__PURE__*/ _jsx(RenderComponent, {
+            clientProps: clientProps,
+            mappedComponent: mappedComponent,
+            serverProps: serverProps
+        });
+    }
+    if (!mappedComponent) {
+        return null;
+    }
+    if (Array.isArray(mappedComponent)) {
+        return mappedComponent.map((c, index)=>/*#__PURE__*/ _jsx(RenderComponent, {
+                clientProps: clientProps,
+                mappedComponent: c,
+                serverProps: serverProps
+            }, index));
+    }
+    if (mappedComponent.RenderedComponent) {
+        return mappedComponent.RenderedComponent;
+    }
+    if (!mappedComponent.Component) {
+        return null;
+    }
+    if (mappedComponent.type === 'server') {
+        if (mappedComponent.props) {
+            return /*#__PURE__*/ _jsx(mappedComponent.Component, {
+                ...mappedComponent.props,
+                ...serverProps,
+                ...clientProps
+            });
+        }
+        return /*#__PURE__*/ _jsx(mappedComponent.Component, {
+            ...serverProps,
+            ...clientProps
+        });
+    }
+    if (mappedComponent.props) {
+        return /*#__PURE__*/ _jsx(mappedComponent.Component, {
+            ...mappedComponent.props,
+            ...clientProps
+        });
+    }
+    return /*#__PURE__*/ _jsx(mappedComponent.Component, {
+        ...clientProps
+    });
+};
+
+//# sourceMappingURL=RenderComponent.js.map