@payloadcms/ui 3.0.0-canary.ef0a8d0 → 3.0.0-canary.f1f97ff

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\nexport const AuthProvider: React.FC<{ children: React.ReactNode }> = ({ children }) => {\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\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>()\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","user","setUser","tokenInMemory","setTokenInMemory","tokenExpiration","setTokenExpiration","pathname","router","config","admin","routes","inactivity","logoutInactivityRoute","userSlug","adminRoute","api","apiRoute","serverURL","permissions","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/ComponentMap/buildComponentMap/fields.d.ts

@@ -1,7 +1,6 @@
 import type { I18nClient } from '@payloadcms/translations';
-import type { Field, FieldWithPath, SanitizedConfig } from 'payload';
+import type { Field, FieldMap, FieldWithPath, SanitizedConfig } from 'payload';
 import type { WithServerSidePropsPrePopulated } from './index.js';
-import type { FieldMap } from './types.js';
 export declare const mapFields: (args: {
     WithServerSideProps: WithServerSidePropsPrePopulated;
     config: SanitizedConfig;

package/dist/providers/ComponentMap/buildComponentMap/fields.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"fields.d.ts","sourceRoot":"","sources":["../../../../src/providers/ComponentMap/buildComponentMap/fields.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,0BAA0B,CAAA;AAC1D,OAAO,KAAK,EAGV,KAAK,EAEL,aAAa,EAGb,eAAe,EAChB,MAAM,SAAS,CAAA;AA2BhB,OAAO,KAAK,EAAE,+BAA+B,EAAE,MAAM,YAAY,CAAA;AACjE,OAAO,KAAK,EAEV,QAAQ,EAIT,MAAM,YAAY,CAAA;AAkBnB,eAAO,MAAM,SAAS,SAAU;IAC9B,mBAAmB,EAAE,+BAA+B,CAAA;IACpD,MAAM,EAAE,eAAe,CAAA;IACvB;;OAEG;IACH,eAAe,CAAC,EAAE,OAAO,CAAA;IACzB,WAAW,EAAE,aAAa,EAAE,CAAA;IAC5B,MAAM,CAAC,EAAE,CAAC,KAAK,EAAE,KAAK,KAAK,OAAO,CAAA;IAClC,IAAI,EAAE,UAAU,CAAA;IAChB,UAAU,CAAC,EAAE,MAAM,CAAA;IACnB,QAAQ,CAAC,EAAE,OAAO,CAAA;CACnB,KAAG,QA+uBH,CAAA"}
+{"version":3,"file":"fields.d.ts","sourceRoot":"","sources":["../../../../src/providers/ComponentMap/buildComponentMap/fields.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,0BAA0B,CAAA;AAC1D,OAAO,KAAK,EAWV,KAAK,EAGL,QAAQ,EACR,aAAa,EAeb,eAAe,EAMhB,MAAM,SAAS,CAAA;AAMhB,OAAO,KAAK,EAAE,+BAA+B,EAAE,MAAM,YAAY,CAAA;AA8BjE,eAAO,MAAM,SAAS,SAAU;IAC9B,mBAAmB,EAAE,+BAA+B,CAAA;IACpD,MAAM,EAAE,eAAe,CAAA;IACvB;;OAEG;IACH,eAAe,CAAC,EAAE,OAAO,CAAA;IACzB,WAAW,EAAE,aAAa,EAAE,CAAA;IAC5B,MAAM,CAAC,EAAE,CAAC,KAAK,EAAE,KAAK,KAAK,OAAO,CAAA;IAClC,IAAI,EAAE,UAAU,CAAA;IAChB,UAAU,CAAC,EAAE,MAAM,CAAA;IACnB,QAAQ,CAAC,EAAE,OAAO,CAAA;CACnB,KAAG,QAoxBH,CAAA"}

package/dist/providers/ComponentMap/buildComponentMap/fields.js

@@ -1,11 +1,9 @@
 import { jsx as _jsx } from "react/jsx-runtime";
 import { MissingEditorProp } from 'payload';
-import { fieldAffectsData, fieldIsPresentationalOnly } from 'payload/shared';
+import { deepCopyObject, fieldAffectsData, fieldIsPresentationalOnly } from 'payload/shared';
 import React, { Fragment } from 'react';
 // eslint-disable-next-line payload/no-imports-from-exports-dir
-import { FieldDescription } from '../../../exports/client/index.js';
-// eslint-disable-next-line payload/no-imports-from-exports-dir
-import { HiddenField } from '../../../exports/client/index.js';
+import { FieldDescription, HiddenField } from '../../../exports/client/index.js';
 function generateFieldPath(parentPath, name) {
     let tabPath = parentPath || '';
     if (parentPath && name) {
@@ -15,6 +13,15 @@ function generateFieldPath(parentPath, name) {
     }
     return tabPath;
 }
+function prepareCustomComponentProps(props) {
+    return deepCopyObject({
+        ...props,
+        fieldMap: undefined,
+        richTextComponentMap: undefined,
+        rows: undefined,
+        tabs: undefined
+    });
+}
 export const mapFields = (args)=>{
     const { WithServerSideProps, config, disableAddingID, fieldSchema, filter, i18n, i18n: { t }, parentPath, readOnly: readOnlyOverride } = args;
     const result = fieldSchema.reduce((acc, field)=>{
@@ -51,64 +58,17 @@ export const mapFields = (args)=>{
                         });
                     }
                 }
-                const labelProps = {
-                    label,
-                    required: 'required' in field ? field.required : undefined,
-                    schemaPath: path
-                };
-                const CustomLabelComponent = 'admin' in field && field.admin?.components && 'Label' in field.admin.components && field.admin.components?.Label || undefined;
-                // If we return undefined here (so if no CUSTOM label component is set), the field client component is responsible for falling back to the default label
-                const CustomLabel = CustomLabelComponent !== undefined ? /*#__PURE__*/ _jsx(WithServerSideProps, {
-                    Component: CustomLabelComponent,
-                    ...labelProps || {}
-                }) : undefined;
-                let description = undefined;
-                if (field.admin && 'description' in field.admin) {
-                    if (typeof field.admin?.description === 'string' || typeof field.admin?.description === 'object') {
-                        description = field.admin.description;
-                    } else if (typeof field.admin?.description === 'function') {
-                        description = field.admin?.description({
-                            t
-                        });
-                    }
-                }
-                const descriptionProps = {
-                    description
-                };
-                let CustomDescriptionComponent = undefined;
-                if (field.admin?.components && 'Description' in field.admin.components && field.admin.components?.Description) {
-                    CustomDescriptionComponent = field.admin.components.Description;
-                } else if (description) {
-                    CustomDescriptionComponent = FieldDescription;
-                }
-                const CustomDescription = CustomDescriptionComponent !== undefined ? /*#__PURE__*/ _jsx(WithServerSideProps, {
-                    Component: CustomDescriptionComponent,
-                    ...descriptionProps || {}
-                }) : undefined;
-                const errorProps = {
-                    path
-                };
-                const CustomErrorComponent = 'admin' in field && field.admin?.components && 'Error' in field.admin.components && field.admin?.components?.Error || undefined;
-                const CustomError = CustomErrorComponent !== undefined ? /*#__PURE__*/ _jsx(WithServerSideProps, {
-                    Component: CustomErrorComponent,
-                    ...errorProps || {}
-                }) : undefined;
                 // These fields are shared across all field types even if they are not used in the default field, as the custom field component can use them
                 const baseFieldProps = {
                     AfterInput,
                     BeforeInput,
-                    CustomDescription,
-                    CustomError,
-                    CustomLabel,
                     custom: 'admin' in field && 'custom' in field.admin ? field.admin?.custom : undefined,
-                    descriptionProps,
                     disabled: 'admin' in field && 'disabled' in field.admin ? field.admin?.disabled : false,
-                    errorProps,
-                    label: labelProps?.label,
+                    label,
                     path,
                     required: 'required' in field ? field.required : undefined
                 };
-                let fieldComponentProps;
+                let fieldComponentPropsBase;
                 let fieldOptions;
                 if ('options' in field) {
                     fieldOptions = field.options.map((option)=>{
@@ -127,7 +87,7 @@ export const mapFields = (args)=>{
                     name: 'name' in field ? field.name : undefined,
                     fieldType: field.type,
                     isFieldAffectingData,
-                    label: labelProps?.label || undefined,
+                    label,
                     labels: 'labels' in field ? field.labels : undefined,
                     options: 'options' in field ? fieldOptions : undefined,
                     relationTo: 'relationTo' in field ? field.relationTo : undefined,
@@ -136,18 +96,9 @@ export const mapFields = (args)=>{
                 switch(field.type){
                     case 'array':
                         {
-                            let CustomRowLabel;
-                            if ('admin' in field && field.admin.components && 'RowLabel' in field.admin.components && field.admin.components.RowLabel) {
-                                const CustomRowLabelComponent = field.admin.components.RowLabel;
-                                CustomRowLabel = /*#__PURE__*/ _jsx(WithServerSideProps, {
-                                    Component: CustomRowLabelComponent,
-                                    ...labelProps || {}
-                                });
-                            }
                             const arrayFieldProps = {
                                 ...baseFieldProps,
                                 name: field.name,
-                                CustomRowLabel,
                                 className: field.admin?.className,
                                 disabled: field.admin?.disabled,
                                 fieldMap: mapFields({
@@ -168,7 +119,7 @@ export const mapFields = (args)=>{
                                 style: field.admin?.style,
                                 width: field.admin?.width
                             };
-                            fieldComponentProps = arrayFieldProps;
+                            fieldComponentPropsBase = arrayFieldProps;
                             break;
                         }
                     case 'blocks':
@@ -185,6 +136,7 @@ export const mapFields = (args)=>{
                                 });
                                 const reducedBlock = {
                                     slug: block.slug,
+                                    LabelComponent: block.admin?.components?.Label,
                                     custom: block.admin?.custom,
                                     fieldMap: blockFieldMap,
                                     imageAltText: block.imageAltText,
@@ -208,7 +160,7 @@ export const mapFields = (args)=>{
                                 style: field.admin?.style,
                                 width: field.admin?.width
                             };
-                            fieldComponentProps = blocksField;
+                            fieldComponentPropsBase = blocksField;
                             cellComponentProps.blocks = field.blocks.map((b)=>({
                                     slug: b.slug,
                                     labels: b.labels
@@ -227,7 +179,7 @@ export const mapFields = (args)=>{
                                 style: field.admin?.style,
                                 width: field.admin?.width
                             };
-                            fieldComponentProps = checkboxField;
+                            fieldComponentPropsBase = checkboxField;
                             break;
                         }
                     case 'code':
@@ -244,22 +196,13 @@ export const mapFields = (args)=>{
                                 style: field.admin?.style,
                                 width: field.admin?.width
                             };
-                            fieldComponentProps = codeField;
+                            fieldComponentPropsBase = codeField;
                             break;
                         }
                     case 'collapsible':
                         {
-                            let CustomCollapsibleLabel;
-                            if (field?.admin?.components && 'RowLabel' in field.admin.components && field?.admin?.components?.RowLabel) {
-                                const CustomCollapsibleLabelComponent = field.admin.components.RowLabel;
-                                CustomCollapsibleLabel = /*#__PURE__*/ _jsx(WithServerSideProps, {
-                                    Component: CustomCollapsibleLabelComponent,
-                                    ...labelProps || {}
-                                });
-                            }
                             const collapsibleField = {
                                 ...baseFieldProps,
-                                CustomLabel: CustomCollapsibleLabel,
                                 className: field.admin?.className,
                                 disabled: field.admin?.disabled,
                                 fieldMap: mapFields({
@@ -278,7 +221,7 @@ export const mapFields = (args)=>{
                                 style: field.admin?.style,
                                 width: field.admin?.width
                             };
-                            fieldComponentProps = collapsibleField // TODO: dunno why this is needed
+                            fieldComponentPropsBase = collapsibleField // TODO: dunno why this is needed
                             ;
                             break;
                         }
@@ -296,7 +239,7 @@ export const mapFields = (args)=>{
                                 style: field.admin?.style,
                                 width: field.admin?.width
                             };
-                            fieldComponentProps = dateField;
+                            fieldComponentPropsBase = dateField;
                             cellComponentProps.dateDisplayFormat = field.admin?.date?.displayFormat;
                             break;
                         }
@@ -305,6 +248,7 @@ export const mapFields = (args)=>{
                             const emailField = {
                                 ...baseFieldProps,
                                 name: field.name,
+                                autoComplete: field.admin?.autoComplete,
                                 className: field.admin?.className,
                                 disabled: field.admin?.disabled,
                                 placeholder: field.admin?.placeholder,
@@ -313,7 +257,7 @@ export const mapFields = (args)=>{
                                 style: field.admin?.style,
                                 width: field.admin?.width
                             };
-                            fieldComponentProps = emailField;
+                            fieldComponentPropsBase = emailField;
                             break;
                         }
                     case 'group':
@@ -338,7 +282,7 @@ export const mapFields = (args)=>{
                                 style: field.admin?.style,
                                 width: field.admin?.width
                             };
-                            fieldComponentProps = groupField;
+                            fieldComponentPropsBase = groupField;
                             break;
                         }
                     case 'json':
@@ -355,7 +299,7 @@ export const mapFields = (args)=>{
                                 style: field.admin?.style,
                                 width: field.admin?.width
                             };
-                            fieldComponentProps = jsonField;
+                            fieldComponentPropsBase = jsonField;
                             break;
                         }
                     case 'number':
@@ -375,7 +319,7 @@ export const mapFields = (args)=>{
                                 style: field.admin?.style,
                                 width: field.admin?.width
                             };
-                            fieldComponentProps = numberField;
+                            fieldComponentPropsBase = numberField;
                             break;
                         }
                     case 'point':
@@ -390,7 +334,7 @@ export const mapFields = (args)=>{
                                 style: field.admin?.style,
                                 width: field.admin?.width
                             };
-                            fieldComponentProps = pointField;
+                            fieldComponentPropsBase = pointField;
                             break;
                         }
                     case 'relationship':
@@ -411,7 +355,7 @@ export const mapFields = (args)=>{
                                 width: field.admin?.width
                             };
                             cellComponentProps.relationTo = field.relationTo;
-                            fieldComponentProps = relationshipField;
+                            fieldComponentPropsBase = relationshipField;
                             break;
                         }
                     case 'radio':
@@ -429,7 +373,7 @@ export const mapFields = (args)=>{
                                 width: field.admin?.width
                             };
                             cellComponentProps.options = fieldOptions;
-                            fieldComponentProps = radioField;
+                            fieldComponentPropsBase = radioField;
                             break;
                         }
                     case 'richText':
@@ -469,7 +413,7 @@ export const mapFields = (args)=>{
                             if (RichTextCellComponent) {
                                 CustomCellComponent = RichTextCellComponent;
                             }
-                            fieldComponentProps = richTextField;
+                            fieldComponentPropsBase = richTextField;
                             break;
                         }
                     case 'row':
@@ -493,7 +437,7 @@ export const mapFields = (args)=>{
                                 style: field.admin?.style,
                                 width: field.admin?.width
                             };
-                            fieldComponentProps = rowField;
+                            fieldComponentPropsBase = rowField;
                             break;
                         }
                     case 'tabs':
@@ -528,7 +472,7 @@ export const mapFields = (args)=>{
                                 tabs,
                                 width: field.admin?.width
                             };
-                            fieldComponentProps = tabsField;
+                            fieldComponentPropsBase = tabsField;
                             break;
                         }
                     case 'text':
@@ -547,7 +491,7 @@ export const mapFields = (args)=>{
                                 style: field.admin?.style,
                                 width: field.admin?.width
                             };
-                            fieldComponentProps = textField;
+                            fieldComponentPropsBase = textField;
                             break;
                         }
                     case 'textarea':
@@ -566,12 +510,12 @@ export const mapFields = (args)=>{
                                 style: field.admin?.style,
                                 width: field.admin?.width
                             };
-                            fieldComponentProps = textareaField;
+                            fieldComponentPropsBase = textareaField;
                             break;
                         }
                     case 'ui':
                         {
-                            fieldComponentProps = baseFieldProps;
+                            fieldComponentPropsBase = baseFieldProps;
                             break;
                         }
                     case 'upload':
@@ -589,7 +533,7 @@ export const mapFields = (args)=>{
                                 width: field.admin?.width
                             };
                             cellComponentProps.relationTo = field.relationTo;
-                            fieldComponentProps = uploadField;
+                            fieldComponentPropsBase = uploadField;
                             break;
                         }
                     case 'select':
@@ -608,7 +552,7 @@ export const mapFields = (args)=>{
                                 width: field.admin?.width
                             };
                             cellComponentProps.options = fieldOptions;
-                            fieldComponentProps = selectField;
+                            fieldComponentPropsBase = selectField;
                             break;
                         }
                     default:
@@ -616,6 +560,94 @@ export const mapFields = (args)=>{
                             break;
                         }
                 }
+                const labelProps = prepareCustomComponentProps({
+                    ...fieldComponentPropsBase,
+                    type: undefined,
+                    schemaPath: path
+                });
+                const CustomLabelComponent = 'admin' in field && field.admin?.components && 'Label' in field.admin.components && field.admin.components?.Label || undefined;
+                // If we return undefined here (so if no CUSTOM label component is set),
+                // the field client component is responsible for falling back to the default label
+                let CustomLabel = CustomLabelComponent !== undefined ? /*#__PURE__*/ _jsx(WithServerSideProps, {
+                    Component: CustomLabelComponent,
+                    ...labelProps || {}
+                }) : undefined;
+                switch(field.type){
+                    case 'array':
+                        {
+                            let CustomRowLabel;
+                            if ('admin' in field && field.admin.components && 'RowLabel' in field.admin.components && field.admin.components.RowLabel) {
+                                const CustomRowLabelComponent = field.admin.components.RowLabel;
+                                CustomRowLabel = /*#__PURE__*/ _jsx(WithServerSideProps, {
+                                    Component: CustomRowLabelComponent,
+                                    ...labelProps || {}
+                                });
+                            }
+                            // @ts-expect-error
+                            fieldComponentPropsBase.CustomRowLabel = CustomRowLabel;
+                            break;
+                        }
+                    case 'collapsible':
+                        {
+                            let CustomCollapsibleLabel;
+                            if (field?.admin?.components && 'RowLabel' in field.admin.components && field?.admin?.components?.RowLabel) {
+                                const CustomCollapsibleLabelComponent = field.admin.components.RowLabel;
+                                CustomCollapsibleLabel = /*#__PURE__*/ _jsx(WithServerSideProps, {
+                                    Component: CustomCollapsibleLabelComponent,
+                                    ...labelProps || {}
+                                });
+                            }
+                            CustomLabel = CustomCollapsibleLabel;
+                            break;
+                        }
+                    default:
+                        break;
+                }
+                let description = undefined;
+                if (field.admin && 'description' in field.admin) {
+                    if (typeof field.admin?.description === 'string' || typeof field.admin?.description === 'object') {
+                        description = field.admin.description;
+                    } else if (typeof field.admin?.description === 'function') {
+                        description = field.admin?.description({
+                            t
+                        });
+                    }
+                }
+                const descriptionProps = prepareCustomComponentProps({
+                    ...fieldComponentPropsBase,
+                    type: undefined,
+                    description
+                });
+                let CustomDescriptionComponent = undefined;
+                if (field.admin?.components && 'Description' in field.admin.components && field.admin.components?.Description) {
+                    CustomDescriptionComponent = field.admin.components.Description;
+                } else if (description) {
+                    CustomDescriptionComponent = FieldDescription;
+                }
+                const CustomDescription = CustomDescriptionComponent !== undefined ? /*#__PURE__*/ _jsx(WithServerSideProps, {
+                    Component: CustomDescriptionComponent,
+                    ...descriptionProps || {}
+                }) : undefined;
+                const errorProps = prepareCustomComponentProps({
+                    ...fieldComponentPropsBase,
+                    type: undefined,
+                    path
+                });
+                const CustomErrorComponent = 'admin' in field && field.admin?.components && 'Error' in field.admin.components && field.admin?.components?.Error || undefined;
+                const CustomError = CustomErrorComponent !== undefined ? /*#__PURE__*/ _jsx(WithServerSideProps, {
+                    Component: CustomErrorComponent,
+                    ...errorProps || {}
+                }) : undefined;
+                const fieldComponentProps = {
+                    ...fieldComponentPropsBase,
+                    type: undefined,
+                    CustomDescription,
+                    CustomError,
+                    CustomLabel,
+                    descriptionProps,
+                    errorProps,
+                    labelProps
+                };
                 const reducedField = {
                     name: 'name' in field ? field.name : undefined,
                     type: field.type,
@@ -625,7 +657,7 @@ export const mapFields = (args)=>{
                     }) : undefined,
                     CustomField: CustomFieldComponent ? /*#__PURE__*/ _jsx(WithServerSideProps, {
                         Component: CustomFieldComponent,
-                        ...fieldComponentProps
+                        ...fieldComponentPropsBase
                     }) : undefined,
                     cellComponentProps,
                     custom: field?.admin?.custom,
@@ -647,7 +679,7 @@ export const mapFields = (args)=>{
     }, []);
     const hasID = result.findIndex((f)=>'name' in f && f.isFieldAffectingData && f.name === 'id') > -1;
     if (!disableAddingID && !hasID) {
-        // TODO: For all fields (not just this one) we need to add the name to both .fieldComponentProps.name AND .name. This can probably be improved
+        // TODO: For all fields (not just this one) we need to add the name to both .fieldComponentPropsBase.name AND .name. This can probably be improved
         result.push({
             name: 'id',
             type: 'text',
@@ -659,6 +691,7 @@ export const mapFields = (args)=>{
             disableBulkEdit: true,
             fieldComponentProps: {
                 name: 'id',
+                type: undefined,
                 label: 'ID'
             },
             fieldIsPresentational: false,