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

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/providers/Auth/index.tsx"],"sourcesContent":["'use client'\nimport type { ClientUser, Permissions } from 'payload/auth'\nimport type { MeOperationResult } from 'payload/types'\n\nimport * as facelessUIImport from '@faceless-ui/modal'\nimport { usePathname, useRouter } from 'next/navigation.js'\nimport qs from 'qs'\nimport React, { createContext, useCallback, useContext, useEffect, useState } from 'react'\nimport { toast } from 'react-toastify'\n\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  token?: string\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 { useModal } = facelessUIImport\n\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 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: { autoLogin, inactivityRoute: logoutInactivityRoute, user: userSlug },\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  }, [])\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(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(`${serverURL}${api}/${userSlug}/login`, {\n            body: JSON.stringify({\n              email: autoLogin.email,\n              password: autoLogin.password,\n            }),\n            headers: {\n              'Accept-Language': i18n.language,\n              'Content-Type': 'application/json',\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  ])\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('stay-logged-in')\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":["facelessUIImport","usePathname","useRouter","qs","React","createContext","useCallback","useContext","useEffect","useState","toast","useDebounce","useTranslation","requests","useConfig","useSearchParams","Context","maxTimeoutTime","AuthProvider","children","useModal","searchParams","user","setUser","tokenInMemory","setTokenInMemory","tokenExpiration","setTokenExpiration","pathname","router","code","config","admin","autoLogin","inactivityRoute","logoutInactivityRoute","userSlug","routes","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","autoLoginJson","reminder","max","min","clearTimeout","forceLogOut","Provider","value","useAuth"],"rangeMappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","mappings":"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"}
+{"version":3,"file":"index.js","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","_jsx","Provider","value","useAuth"],"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  // When initialUser changes, reset in state\n  useEffect(() => {\n    setUser(initialUser)\n  }, [initialUser])\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"],"mappings":"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","ignoreList":[]}

package/dist/providers/ClientFunction/index.js

@@ -1,61 +1,113 @@
 'use client';
+
+import { c as _c } from "react/compiler-runtime";
+import { jsx as _jsx } from "react/jsx-runtime";
 import React from 'react';
-const ModifyClientFunctionContext = /*#__PURE__*/ React.createContext({
-    addClientFunction: ()=>null,
-    removeClientFunction: ()=>null
+const ModifyClientFunctionContext = /*#__PURE__*/React.createContext({
+  addClientFunction: () => null,
+  removeClientFunction: () => null
 });
-const ClientFunctionsContext = /*#__PURE__*/ React.createContext({});
-export const ClientFunctionProvider = ({ children })=>{
-    const [clientFunctions, setClientFunctions] = React.useState({});
-    const addClientFunction = React.useCallback((args)=>{
-        setClientFunctions((state)=>{
-            const newState = {
-                ...state
-            };
-            newState[args.key] = args.func;
-            return newState;
-        });
-    }, []);
-    const removeClientFunction = React.useCallback((args)=>{
-        setClientFunctions((state)=>{
-            const newState = {
-                ...state
-            };
-            delete newState[args.key];
-            return newState;
-        });
-    }, []);
-    return /*#__PURE__*/ React.createElement(ModifyClientFunctionContext.Provider, {
-        value: {
-            addClientFunction,
-            removeClientFunction
-        }
-    }, /*#__PURE__*/ React.createElement(ClientFunctionsContext.Provider, {
-        value: clientFunctions
-    }, children));
-};
-export const useAddClientFunction = (key, func)=>{
-    const { addClientFunction, removeClientFunction } = React.useContext(ModifyClientFunctionContext);
-    React.useEffect(()=>{
-        addClientFunction({
-            func,
-            key
-        });
-        return ()=>{
-            removeClientFunction({
-                func,
-                key
-            });
+const ClientFunctionsContext = /*#__PURE__*/React.createContext({});
+export const ClientFunctionProvider = t0 => {
+  const $ = _c(6);
+  const {
+    children
+  } = t0;
+  let t1;
+  if ($[0] === Symbol.for("react.memo_cache_sentinel")) {
+    t1 = {};
+    $[0] = t1;
+  } else {
+    t1 = $[0];
+  }
+  const [clientFunctions, setClientFunctions] = React.useState(t1);
+  let t2;
+  if ($[1] === Symbol.for("react.memo_cache_sentinel")) {
+    t2 = args => {
+      setClientFunctions(state => {
+        const newState = {
+          ...state
         };
-    }, [
-        func,
-        key,
+        newState[args.key] = args.func;
+        return newState;
+      });
+    };
+    $[1] = t2;
+  } else {
+    t2 = $[1];
+  }
+  const addClientFunction = t2;
+  let t3;
+  if ($[2] === Symbol.for("react.memo_cache_sentinel")) {
+    t3 = args_0 => {
+      setClientFunctions(state_0 => {
+        const newState_0 = {
+          ...state_0
+        };
+        delete newState_0[args_0.key];
+        return newState_0;
+      });
+    };
+    $[2] = t3;
+  } else {
+    t3 = $[2];
+  }
+  const removeClientFunction = t3;
+  let t4;
+  if ($[3] !== clientFunctions || $[4] !== children) {
+    t4 = _jsx(ModifyClientFunctionContext.Provider, {
+      value: {
         addClientFunction,
         removeClientFunction
-    ]);
+      },
+      children: _jsx(ClientFunctionsContext.Provider, {
+        value: clientFunctions,
+        children
+      })
+    });
+    $[3] = clientFunctions;
+    $[4] = children;
+    $[5] = t4;
+  } else {
+    t4 = $[5];
+  }
+  return t4;
 };
-export const useClientFunctions = ()=>{
-    return React.useContext(ClientFunctionsContext);
+export const useAddClientFunction = (key, func) => {
+  const $ = _c(6);
+  const {
+    addClientFunction,
+    removeClientFunction
+  } = React.useContext(ModifyClientFunctionContext);
+  let t0;
+  let t1;
+  if ($[0] !== addClientFunction || $[1] !== func || $[2] !== key || $[3] !== removeClientFunction) {
+    t0 = () => {
+      addClientFunction({
+        func,
+        key
+      });
+      return () => {
+        removeClientFunction({
+          func,
+          key
+        });
+      };
+    };
+    t1 = [func, key, addClientFunction, removeClientFunction];
+    $[0] = addClientFunction;
+    $[1] = func;
+    $[2] = key;
+    $[3] = removeClientFunction;
+    $[4] = t0;
+    $[5] = t1;
+  } else {
+    t0 = $[4];
+    t1 = $[5];
+  }
+  React.useEffect(t0, t1);
+};
+export const useClientFunctions = () => {
+  return React.useContext(ClientFunctionsContext);
 };
-
 //# sourceMappingURL=index.js.map

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/providers/ClientFunction/index.tsx"],"sourcesContent":["'use client'\nimport React from 'react'\n\ntype ModifyClientFunctionContextType = {\n  addClientFunction: (args: ModifyFunctionArgs) => void\n  removeClientFunction: (args: ModifyFunctionArgs) => void\n}\ntype ClientFunctionsContextType = Record<string, any>\n\nconst ModifyClientFunctionContext = React.createContext<ModifyClientFunctionContextType>({\n  addClientFunction: () => null,\n  removeClientFunction: () => null,\n})\nconst ClientFunctionsContext = React.createContext<ClientFunctionsContextType>({})\n\ntype ModifyFunctionArgs = { func: any; key: string }\n\nexport const ClientFunctionProvider: React.FC<{ children: React.ReactNode }> = ({ children }) => {\n  const [clientFunctions, setClientFunctions] = React.useState({})\n\n  const addClientFunction = React.useCallback((args: ModifyFunctionArgs) => {\n    setClientFunctions((state) => {\n      const newState = { ...state }\n      newState[args.key] = args.func\n      return newState\n    })\n  }, [])\n\n  const removeClientFunction = React.useCallback((args: ModifyFunctionArgs) => {\n    setClientFunctions((state) => {\n      const newState = { ...state }\n      delete newState[args.key]\n      return newState\n    })\n  }, [])\n\n  return (\n    <ModifyClientFunctionContext.Provider\n      value={{\n        addClientFunction,\n        removeClientFunction,\n      }}\n    >\n      <ClientFunctionsContext.Provider value={clientFunctions}>\n        {children}\n      </ClientFunctionsContext.Provider>\n    </ModifyClientFunctionContext.Provider>\n  )\n}\n\nexport const useAddClientFunction = (key: string, func: any) => {\n  const { addClientFunction, removeClientFunction } = React.useContext(ModifyClientFunctionContext)\n\n  React.useEffect(() => {\n    addClientFunction({\n      func,\n      key,\n    })\n\n    return () => {\n      removeClientFunction({\n        func,\n        key,\n      })\n    }\n  }, [func, key, addClientFunction, removeClientFunction])\n}\n\nexport const useClientFunctions = () => {\n  return React.useContext(ClientFunctionsContext)\n}\n"],"names":["React","ModifyClientFunctionContext","createContext","addClientFunction","removeClientFunction","ClientFunctionsContext","ClientFunctionProvider","children","clientFunctions","setClientFunctions","useState","useCallback","args","state","newState","key","func","Provider","value","useAddClientFunction","useContext","useEffect","useClientFunctions"],"rangeMappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","mappings":"AAAA;AACA,OAAOA,WAAW,QAAO;AAQzB,MAAMC,4CAA8BD,MAAME,aAAa,CAAkC;IACvFC,mBAAmB,IAAM;IACzBC,sBAAsB,IAAM;AAC9B;AACA,MAAMC,uCAAyBL,MAAME,aAAa,CAA6B,CAAC;AAIhF,OAAO,MAAMI,yBAAkE,CAAC,EAAEC,QAAQ,EAAE;IAC1F,MAAM,CAACC,iBAAiBC,mBAAmB,GAAGT,MAAMU,QAAQ,CAAC,CAAC;IAE9D,MAAMP,oBAAoBH,MAAMW,WAAW,CAAC,CAACC;QAC3CH,mBAAmB,CAACI;YAClB,MAAMC,WAAW;gBAAE,GAAGD,KAAK;YAAC;YAC5BC,QAAQ,CAACF,KAAKG,GAAG,CAAC,GAAGH,KAAKI,IAAI;YAC9B,OAAOF;QACT;IACF,GAAG,EAAE;IAEL,MAAMV,uBAAuBJ,MAAMW,WAAW,CAAC,CAACC;QAC9CH,mBAAmB,CAACI;YAClB,MAAMC,WAAW;gBAAE,GAAGD,KAAK;YAAC;YAC5B,OAAOC,QAAQ,CAACF,KAAKG,GAAG,CAAC;YACzB,OAAOD;QACT;IACF,GAAG,EAAE;IAEL,qBACE,oBAACb,4BAA4BgB,QAAQ;QACnCC,OAAO;YACLf;YACAC;QACF;qBAEA,oBAACC,uBAAuBY,QAAQ;QAACC,OAAOV;OACrCD;AAIT,EAAC;AAED,OAAO,MAAMY,uBAAuB,CAACJ,KAAaC;IAChD,MAAM,EAAEb,iBAAiB,EAAEC,oBAAoB,EAAE,GAAGJ,MAAMoB,UAAU,CAACnB;IAErED,MAAMqB,SAAS,CAAC;QACdlB,kBAAkB;YAChBa;YACAD;QACF;QAEA,OAAO;YACLX,qBAAqB;gBACnBY;gBACAD;YACF;QACF;IACF,GAAG;QAACC;QAAMD;QAAKZ;QAAmBC;KAAqB;AACzD,EAAC;AAED,OAAO,MAAMkB,qBAAqB;IAChC,OAAOtB,MAAMoB,UAAU,CAACf;AAC1B,EAAC"}
+{"version":3,"file":"index.js","names":["c","_c","React","ModifyClientFunctionContext","createContext","addClientFunction","removeClientFunction","ClientFunctionsContext","ClientFunctionProvider","t0","$","children","t1","Symbol","for","clientFunctions","setClientFunctions","useState","t2","args","state","newState","key","func","t3","args_0","state_0","newState_0","t4","_jsx","Provider","value","useAddClientFunction","useContext","useEffect","useClientFunctions"],"sources":["../../../src/providers/ClientFunction/index.tsx"],"sourcesContent":["'use client'\nimport React from 'react'\n\ntype ModifyClientFunctionContextType = {\n  addClientFunction: (args: ModifyFunctionArgs) => void\n  removeClientFunction: (args: ModifyFunctionArgs) => void\n}\ntype ClientFunctionsContextType = Record<string, any>\n\nconst ModifyClientFunctionContext = React.createContext<ModifyClientFunctionContextType>({\n  addClientFunction: () => null,\n  removeClientFunction: () => null,\n})\nconst ClientFunctionsContext = React.createContext<ClientFunctionsContextType>({})\n\ntype ModifyFunctionArgs = { func: any; key: string }\n\nexport const ClientFunctionProvider: React.FC<{ children: React.ReactNode }> = ({ children }) => {\n  const [clientFunctions, setClientFunctions] = React.useState({})\n\n  const addClientFunction = React.useCallback((args: ModifyFunctionArgs) => {\n    setClientFunctions((state) => {\n      const newState = { ...state }\n      newState[args.key] = args.func\n      return newState\n    })\n  }, [])\n\n  const removeClientFunction = React.useCallback((args: ModifyFunctionArgs) => {\n    setClientFunctions((state) => {\n      const newState = { ...state }\n      delete newState[args.key]\n      return newState\n    })\n  }, [])\n\n  return (\n    <ModifyClientFunctionContext.Provider\n      value={{\n        addClientFunction,\n        removeClientFunction,\n      }}\n    >\n      <ClientFunctionsContext.Provider value={clientFunctions}>\n        {children}\n      </ClientFunctionsContext.Provider>\n    </ModifyClientFunctionContext.Provider>\n  )\n}\n\nexport const useAddClientFunction = (key: string, func: any) => {\n  const { addClientFunction, removeClientFunction } = React.useContext(ModifyClientFunctionContext)\n\n  React.useEffect(() => {\n    addClientFunction({\n      func,\n      key,\n    })\n\n    return () => {\n      removeClientFunction({\n        func,\n        key,\n      })\n    }\n  }, [func, key, addClientFunction, removeClientFunction])\n}\n\nexport const useClientFunctions = () => {\n  return React.useContext(ClientFunctionsContext)\n}\n"],"mappings":"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","ignoreList":[]}

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,CA0EA,CAAA"}

package/dist/providers/Config/RenderComponent.js

@@ -0,0 +1,77 @@
+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.type === 'empty') {
+    return null;
+  }
+  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

package/dist/providers/Config/RenderComponent.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"RenderComponent.js","names":["isReactServerComponentOrFunction","React","RenderComponent","Component","clientProps","mappedComponent","serverProps","Array","isArray","map","c","index","_jsx","type","RenderedComponent","props"],"sources":["../../../src/providers/Config/RenderComponent.tsx"],"sourcesContent":["import type { MappedComponent } from 'payload'\n\nimport { isReactServerComponentOrFunction } from 'payload/shared'\nimport React from 'react'\n\n/**\n * Can be used to render both MappedComponents and React Components.\n */\nexport const RenderComponent: React.FC<{\n  readonly Component?: React.ComponentType | React.ComponentType[]\n  readonly clientProps?: object\n  readonly mappedComponent?: MappedComponent | MappedComponent[]\n  readonly serverProps?: object\n}> = ({ Component, clientProps = {}, mappedComponent, serverProps }) => {\n  if (!mappedComponent && Component) {\n    if (Array.isArray(Component)) {\n      return Component.map((c, index) => (\n        <RenderComponent\n          Component={c}\n          clientProps={clientProps}\n          key={index}\n          serverProps={serverProps}\n        />\n      ))\n    }\n\n    const mappedComponent: MappedComponent = isReactServerComponentOrFunction(Component)\n      ? {\n          type: 'server',\n          Component,\n          RenderedComponent: null,\n        }\n      : {\n          type: 'client',\n          Component,\n        }\n\n    return (\n      <RenderComponent\n        clientProps={clientProps}\n        mappedComponent={mappedComponent}\n        serverProps={serverProps}\n      />\n    )\n  }\n  if (!mappedComponent) {\n    return null\n  }\n\n  if (Array.isArray(mappedComponent)) {\n    return mappedComponent.map((c, index) => (\n      <RenderComponent\n        clientProps={clientProps}\n        key={index}\n        mappedComponent={c}\n        serverProps={serverProps}\n      />\n    ))\n  }\n\n  if (mappedComponent.type === 'empty') {\n    return null\n  }\n\n  if (mappedComponent.RenderedComponent) {\n    return mappedComponent.RenderedComponent\n  }\n\n  if (!mappedComponent.Component) {\n    return null\n  }\n\n  if (mappedComponent.type === 'server') {\n    if (mappedComponent.props) {\n      return (\n        <mappedComponent.Component {...mappedComponent.props} {...serverProps} {...clientProps} />\n      )\n    }\n\n    return <mappedComponent.Component {...serverProps} {...clientProps} />\n  }\n\n  if (mappedComponent.props) {\n    return <mappedComponent.Component {...mappedComponent.props} {...clientProps} />\n  }\n\n  return <mappedComponent.Component {...clientProps} />\n}\n"],"mappings":";AAEA,SAASA,gCAAgC,QAAQ;AACjD,OAAOC,KAAA,MAAW;AAElB;;;AAGA,OAAO,MAAMC,eAAA,GAKRA,CAAC;EAAEC,SAAS;EAAEC,WAAA,GAAc,CAAC,CAAC;EAAEC,eAAe;EAAEC;AAAW,CAAE;EACjE,IAAI,CAACD,eAAA,IAAmBF,SAAA,EAAW;IACjC,IAAII,KAAA,CAAMC,OAAO,CAACL,SAAA,GAAY;MAC5B,OAAOA,SAAA,CAAUM,GAAG,CAAC,CAACC,CAAA,EAAGC,KAAA,kBACvBC,IAAA,CAACV,eAAA;QACCC,SAAA,EAAWO,CAAA;QACXN,WAAA,EAAaA,WAAA;QAEbE,WAAA,EAAaA;SADRK,KAAA;IAIX;IAEA,MAAMN,eAAA,GAAmCL,gCAAA,CAAiCG,SAAA,IACtE;MACEU,IAAA,EAAM;MACNV,SAAA;MACAW,iBAAA,EAAmB;IACrB,IACA;MACED,IAAA,EAAM;MACNV;IACF;IAEJ,oBACES,IAAA,CAACV,eAAA;MACCE,WAAA,EAAaA,WAAA;MACbC,eAAA,EAAiBA,eAAA;MACjBC,WAAA,EAAaA;;EAGnB;EACA,IAAI,CAACD,eAAA,EAAiB;IACpB,OAAO;EACT;EAEA,IAAIE,KAAA,CAAMC,OAAO,CAACH,eAAA,GAAkB;IAClC,OAAOA,eAAA,CAAgBI,GAAG,CAAC,CAACC,CAAA,EAAGC,KAAA,kBAC7BC,IAAA,CAACV,eAAA;MACCE,WAAA,EAAaA,WAAA;MAEbC,eAAA,EAAiBK,CAAA;MACjBJ,WAAA,EAAaA;OAFRK,KAAA;EAKX;EAEA,IAAIN,eAAA,CAAgBQ,IAAI,KAAK,SAAS;IACpC,OAAO;EACT;EAEA,IAAIR,eAAA,CAAgBS,iBAAiB,EAAE;IACrC,OAAOT,eAAA,CAAgBS,iBAAiB;EAC1C;EAEA,IAAI,CAACT,eAAA,CAAgBF,SAAS,EAAE;IAC9B,OAAO;EACT;EAEA,IAAIE,eAAA,CAAgBQ,IAAI,KAAK,UAAU;IACrC,IAAIR,eAAA,CAAgBU,KAAK,EAAE;MACzB,oBACEH,IAAA,CAACP,eAAA,CAAgBF,SAAS;QAAE,GAAGE,eAAA,CAAgBU,KAAK;QAAG,GAAGT,WAAW;QAAG,GAAGF;;IAE/E;IAEA,oBAAOQ,IAAA,CAACP,eAAA,CAAgBF,SAAS;MAAE,GAAGG,WAAW;MAAG,GAAGF;;EACzD;EAEA,IAAIC,eAAA,CAAgBU,KAAK,EAAE;IACzB,oBAAOH,IAAA,CAACP,eAAA,CAAgBF,SAAS;MAAE,GAAGE,eAAA,CAAgBU,KAAK;MAAG,GAAGX;;EACnE;EAEA,oBAAOQ,IAAA,CAACP,eAAA,CAAgBF,SAAS;IAAE,GAAGC;;AACxC","ignoreList":[]}

package/dist/providers/Config/createClientConfig/collections.d.ts

@@ -0,0 +1,24 @@
+import type { I18nClient } from '@payloadcms/translations';
+import type { AdminViewProps, ClientCollectionConfig, CreateMappedComponent, EditViewProps, ImportMap, Payload, SanitizedCollectionConfig } from 'payload';
+import type React from 'react';
+export declare const createClientCollectionConfig: ({ DefaultEditView, DefaultListView, clientCollection, collection, createMappedComponent, i18n, importMap, payload, }: {
+    DefaultEditView: React.FC<EditViewProps>;
+    DefaultListView: React.FC<AdminViewProps>;
+    clientCollection: ClientCollectionConfig;
+    collection: SanitizedCollectionConfig;
+    createMappedComponent: CreateMappedComponent;
+    i18n: I18nClient;
+    importMap: ImportMap;
+    payload: Payload;
+}) => ClientCollectionConfig;
+export declare const createClientCollectionConfigs: ({ DefaultEditView, DefaultListView, clientCollections, collections, createMappedComponent, i18n, importMap, payload, }: {
+    DefaultEditView: React.FC<EditViewProps>;
+    DefaultListView: React.FC<AdminViewProps>;
+    clientCollections: ClientCollectionConfig[];
+    collections: SanitizedCollectionConfig[];
+    createMappedComponent: CreateMappedComponent;
+    i18n: I18nClient;
+    importMap: ImportMap;
+    payload: Payload;
+}) => ClientCollectionConfig[];
+//# sourceMappingURL=collections.d.ts.map

package/dist/providers/Config/createClientConfig/collections.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"collections.d.ts","sourceRoot":"","sources":["../../../../src/providers/Config/createClientConfig/collections.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,0BAA0B,CAAA;AAC1D,OAAO,KAAK,EACV,cAAc,EACd,sBAAsB,EACtB,qBAAqB,EAErB,aAAa,EACb,SAAS,EAET,OAAO,EACP,yBAAyB,EAG1B,MAAM,SAAS,CAAA;AAChB,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAM9B,eAAO,MAAM,4BAA4B,yHAStC;IACD,eAAe,EAAE,KAAK,CAAC,EAAE,CAAC,aAAa,CAAC,CAAA;IACxC,eAAe,EAAE,KAAK,CAAC,EAAE,CAAC,cAAc,CAAC,CAAA;IACzC,gBAAgB,EAAE,sBAAsB,CAAA;IACxC,UAAU,EAAE,yBAAyB,CAAA;IACrC,qBAAqB,EAAE,qBAAqB,CAAA;IAC5C,IAAI,EAAE,UAAU,CAAA;IAChB,SAAS,EAAE,SAAS,CAAA;IACpB,OAAO,EAAE,OAAO,CAAA;CACjB,KAAG,sBAiUH,CAAA;AAED,eAAO,MAAM,6BAA6B,2HASvC;IACD,eAAe,EAAE,KAAK,CAAC,EAAE,CAAC,aAAa,CAAC,CAAA;IACxC,eAAe,EAAE,KAAK,CAAC,EAAE,CAAC,cAAc,CAAC,CAAA;IACzC,iBAAiB,EAAE,sBAAsB,EAAE,CAAA;IAC3C,WAAW,EAAE,yBAAyB,EAAE,CAAA;IACxC,qBAAqB,EAAE,qBAAqB,CAAA;IAC5C,IAAI,EAAE,UAAU,CAAA;IAChB,SAAS,EAAE,SAAS,CAAA;IACpB,OAAO,EAAE,OAAO,CAAA;CACjB,KAAG,sBAAsB,EAiBzB,CAAA"}

package/dist/providers/Config/createClientConfig/collections.js

@@ -0,0 +1,189 @@
+import { deepCopyObjectSimple } from 'payload';
+import { createClientFields } from './fields.js';
+export const createClientCollectionConfig = ({
+  DefaultEditView,
+  DefaultListView,
+  clientCollection,
+  collection,
+  createMappedComponent,
+  i18n,
+  importMap,
+  payload
+}) => {
+  clientCollection.fields = createClientFields({
+    clientFields: clientCollection.fields,
+    createMappedComponent,
+    fields: collection.fields,
+    i18n,
+    importMap,
+    payload
+  });
+  const serverOnlyCollectionProperties = ['hooks', 'access', 'endpoints', 'custom'];
+  serverOnlyCollectionProperties.forEach(key => {
+    if (key in clientCollection) {
+      delete clientCollection[key];
+    }
+  });
+  if ('upload' in clientCollection && typeof clientCollection.upload === 'object') {
+    delete clientCollection.upload.handlers;
+    delete clientCollection.upload.adminThumbnail;
+    delete clientCollection.upload.externalFileHeaderFilter;
+    delete clientCollection.upload.withMetadata;
+    if ('imageSizes' in clientCollection.upload && clientCollection.upload.imageSizes.length) {
+      clientCollection.upload.imageSizes = clientCollection.upload.imageSizes.map(size => {
+        const sanitizedSize = {
+          ...size
+        };
+        if ('generateImageName' in sanitizedSize) delete sanitizedSize.generateImageName;
+        return sanitizedSize;
+      });
+    }
+  }
+  if ('auth' in clientCollection && typeof clientCollection.auth === 'object') {
+    delete clientCollection.auth.strategies;
+    delete clientCollection.auth.forgotPassword;
+    delete clientCollection.auth.verify;
+  }
+  if (collection.labels) {
+    Object.entries(collection.labels).forEach(([labelType, collectionLabel]) => {
+      if (typeof collectionLabel === 'function') {
+        clientCollection.labels[labelType] = collectionLabel({
+          t: i18n.t
+        });
+      }
+    });
+  }
+  const serverOnlyCollectionAdminProperties = ['hidden', 'preview'];
+  serverOnlyCollectionAdminProperties.forEach(key => {
+    if (key in clientCollection.admin) {
+      delete clientCollection.admin[key];
+    }
+  });
+  if (collection.admin.preview) {
+    clientCollection._isPreviewEnabled = true;
+  }
+  clientCollection.admin.components = {};
+  if (collection?.admin?.components) {
+    if (collection.admin.components?.edit) {
+      clientCollection.admin.components.edit = {};
+      if (collection.admin.components.edit?.PreviewButton) {
+        clientCollection.admin.components.edit.PreviewButton = createMappedComponent(collection.admin.components.edit.PreviewButton, undefined, undefined, 'collection.admin.components.edit.PreviewButton');
+      }
+      if (collection.admin.components.edit?.PublishButton) {
+        clientCollection.admin.components.edit.PublishButton = createMappedComponent(collection.admin.components.edit.PublishButton, undefined, undefined, 'collection.admin.components.edit.PublishButton');
+      }
+      if (collection.admin.components.edit?.SaveButton) {
+        clientCollection.admin.components.edit.SaveButton = createMappedComponent(collection.admin.components.edit.SaveButton, undefined, undefined, 'collection.admin.components.edit.SaveButton');
+      }
+      if (collection.admin.components.edit?.SaveDraftButton) {
+        clientCollection.admin.components.edit.SaveDraftButton = createMappedComponent(collection.admin.components.edit.SaveDraftButton, undefined, undefined, 'collection.admin.components.edit.SaveDraftButton');
+      }
+      if (collection.admin.components.edit?.Upload) {
+        clientCollection.admin.components.edit.Upload = createMappedComponent(collection.admin.components.edit.Upload, undefined, undefined, 'collection.admin.components.edit.Upload');
+      }
+    }
+    if (collection.admin.components?.beforeList) {
+      clientCollection.admin.components.beforeList = collection.admin.components.beforeList.map(Component => createMappedComponent(Component, undefined, undefined, 'collection.admin.components.beforeList'));
+    }
+    if (collection.admin.components?.beforeListTable) {
+      clientCollection.admin.components.beforeListTable = collection.admin.components.beforeListTable.map(Component => createMappedComponent(Component, undefined, undefined, 'collection.admin.components.beforeListTable'));
+    }
+    if (collection.admin.components?.afterList) {
+      clientCollection.admin.components.afterList = collection.admin.components.afterList.map(Component => createMappedComponent(Component, undefined, undefined, 'collection.admin.components.afterList'));
+    }
+    if (collection.admin.components?.afterListTable) {
+      clientCollection.admin.components.afterListTable = collection.admin.components.afterListTable.map(Component => createMappedComponent(Component, undefined, undefined, 'collection.admin.components.afterListTable'));
+    }
+  }
+  let description = undefined;
+  if (collection.admin?.description) {
+    if (typeof collection.admin?.description === 'string' || typeof collection.admin?.description === 'object') {
+      description = collection.admin.description;
+    } else if (typeof collection.admin?.description === 'function') {
+      description = collection.admin?.description({
+        t: i18n.t
+      });
+    }
+  }
+  clientCollection.admin.description = description;
+  if (collection.admin.components?.Description) {
+    clientCollection.admin.components.Description = createMappedComponent(collection.admin.components.Description, {
+      clientProps: {
+        description
+      }
+    }, undefined, 'collection.admin.components.Description');
+  }
+  clientCollection.admin.components.views = collection?.admin?.components?.views ? deepCopyObjectSimple(collection?.admin?.components?.views) : {};
+  const hasEditView = 'admin' in collection && 'components' in collection.admin && 'views' in collection.admin.components && 'edit' in collection.admin.components.views && 'default' in collection.admin.components.views.edit;
+  if (!clientCollection.admin.components.views.edit) {
+    clientCollection.admin.components.views.edit = {};
+  }
+  clientCollection.admin.components.views.edit.default = {
+    Component: createMappedComponent(hasEditView && 'Component' in collection.admin.components.views.edit.default && collection.admin.components.views.edit.default.Component ? collection.admin.components.views.edit.default.Component : null, {
+      clientProps: {
+        collectionSlug: collection.slug
+      }
+    }, DefaultEditView, 'collection.admin.components.views.edit.default')
+  };
+  if (collection?.admin?.components?.views?.edit) {
+    for (const key in collection.admin.components.views.edit) {
+      const view = collection.admin.components.views.edit[key];
+      if (!clientCollection.admin.components.views.edit[key]) {
+        clientCollection.admin.components.views.edit[key] = {};
+      }
+      if ('Component' in view && key !== 'default') {
+        clientCollection.admin.components.views.edit[key].Component = createMappedComponent(view.Component, {
+          clientProps: {
+            collectionSlug: collection.slug
+          }
+        }, undefined, 'collection.admin.components.views.edit.key.Component');
+      }
+      if ('actions' in view && view.actions?.length) {
+        clientCollection.admin.components.views.edit[key].actions = view.actions.map(Component => createMappedComponent(Component, undefined, undefined, 'collection.admin.components.views.key.admin'));
+      }
+    }
+  }
+  const hasListView = 'admin' in collection && 'components' in collection.admin && 'views' in collection.admin.components && 'list' in collection.admin.components.views;
+  if (!clientCollection.admin.components.views.list) {
+    clientCollection.admin.components.views.list = {};
+  }
+  clientCollection.admin.components.views.list.Component = createMappedComponent(hasListView && 'Component' in collection.admin.components.views.list && collection.admin.components.views.list.Component ? collection.admin.components.views.list.Component : null, {
+    clientProps: {
+      collectionSlug: collection.slug
+    }
+  }, DefaultListView, 'collection.admin.components.views.list');
+  if (hasListView && 'actions' in collection.admin.components.views.list && collection.admin.components.views.list.actions) {
+    clientCollection.admin.components.views.list.actions = collection.admin.components.views.list.actions.map(Component => createMappedComponent(Component, undefined, undefined, 'collection.admin.components.views.list'));
+  }
+  if ('livePreview' in clientCollection.admin && clientCollection.admin.livePreview && 'url' in clientCollection.admin.livePreview) {
+    delete clientCollection.admin.livePreview.url;
+  }
+  return clientCollection;
+};
+export const createClientCollectionConfigs = ({
+  DefaultEditView,
+  DefaultListView,
+  clientCollections,
+  collections,
+  createMappedComponent,
+  i18n,
+  importMap,
+  payload
+}) => {
+  for (let i = 0; i < collections.length; i++) {
+    const collection = collections[i];
+    const clientCollection = clientCollections[i];
+    clientCollections[i] = createClientCollectionConfig({
+      DefaultEditView,
+      DefaultListView,
+      clientCollection,
+      collection,
+      createMappedComponent,
+      i18n,
+      importMap,
+      payload
+    });
+  }
+  return clientCollections;
+};
+//# sourceMappingURL=collections.js.map