@payloadcms/next 3.0.0-beta.72 → 3.0.0-beta.74

package/dist/views/Dashboard/Default/index.scss

@@ -26,13 +26,9 @@
     padding: 0;
     margin: 0;
     list-style: none;
-    display: flex;
     gap: var(--gap);
-    flex-wrap: wrap;
-
-    li {
-      width: calc(100% / var(--cols) - var(--gap) / var(--cols) * (var(--cols) - 1));
-    }
+    display: grid;
+    grid-template-columns: repeat(var(--cols), 1fr);
 
     .card {
       height: 100%;
@@ -49,10 +45,18 @@
   }
 
   @include small-break {
-    --cols: 1;
+    --cols: 2;
 
     &__wrap {
       gap: var(--base);
     }
+
+    &__card-list {
+      gap: base(0.4);
+    }
+  }
+
+  @include extra-small-break {
+    --cols: 1;
   }
 }

package/dist/views/Edit/Default/Auth/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/views/Edit/Default/Auth/index.tsx"],"names":[],"mappings":"AAiBA,OAAO,KAAoD,MAAM,OAAO,CAAA;AAGxE,OAAO,KAAK,EAAE,KAAK,EAAE,MAAM,YAAY,CAAA;AAGvC,OAAO,cAAc,CAAA;AAIrB,eAAO,MAAM,IAAI,EAAE,KAAK,CAAC,EAAE,CAAC,KAAK,CAuNhC,CAAA"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/views/Edit/Default/Auth/index.tsx"],"names":[],"mappings":"AAcA,OAAO,KAAoD,MAAM,OAAO,CAAA;AAGxE,OAAO,KAAK,EAAE,KAAK,EAAE,MAAM,YAAY,CAAA;AAIvC,OAAO,cAAc,CAAA;AAIrB,eAAO,MAAM,IAAI,EAAE,KAAK,CAAC,EAAE,CAAC,KAAK,CA6LhC,CAAA"}

package/dist/views/Edit/Default/Auth/index.js

@@ -1,9 +1,9 @@
 'use client';
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { Button, CheckboxField, ConfirmPasswordField, EmailField, PasswordField, TextField, useAuth, useConfig, useDocumentInfo, useFormFields, useFormModified, useTranslation } from '@payloadcms/ui';
-import { email as emailValidation } from 'payload/shared';
+import { Button, CheckboxField, ConfirmPasswordField, PasswordField, useAuth, useConfig, useDocumentInfo, useFormFields, useFormModified, useTranslation } from '@payloadcms/ui';
 import React, { useCallback, useEffect, useMemo, useState } from 'react';
 import { toast } from 'sonner';
+import { RenderEmailAndUsernameFields } from '../../../../elements/EmailAndUsername/index.js';
 import { APIKey } from './APIKey.js';
 const baseClass = 'auth-fields';
 export const Auth = (props)=>{
@@ -15,7 +15,7 @@ export const Auth = (props)=>{
     const dispatchFields = useFormFields((reducer)=>reducer[1]);
     const modified = useFormModified();
     const { i18n, t } = useTranslation();
-    const { isInitializing } = useDocumentInfo();
+    const { docPermissions, isInitializing } = useDocumentInfo();
     const { routes: { api }, serverURL } = useConfig();
     const hasPermissionToUnlock = useMemo(()=>{
         const collection = permissions?.collections?.[collectionSlug];
@@ -119,33 +119,11 @@ export const Auth = (props)=>{
         children: [
             !disableLocalStrategy && /*#__PURE__*/ _jsxs(React.Fragment, {
                 children: [
-                    Boolean(loginWithUsername) && /*#__PURE__*/ _jsx(TextField, {
-                        disabled: disabled,
-                        label: t('authentication:username'),
-                        name: "username",
-                        readOnly: readOnly,
-                        required: true
-                    }),
-                    (!loginWithUsername || loginWithUsername?.allowEmailLogin || loginWithUsername?.requireEmail) && /*#__PURE__*/ _jsx(EmailField, {
-                        autoComplete: "email",
-                        disabled: disabled,
-                        label: t('general:email'),
-                        name: "email",
-                        readOnly: readOnly,
-                        required: !loginWithUsername || loginWithUsername?.requireEmail,
-                        validate: (value)=>emailValidation(value, {
-                                name: 'email',
-                                type: 'email',
-                                data: {},
-                                preferences: {
-                                    fields: {}
-                                },
-                                req: {
-                                    t
-                                },
-                                required: true,
-                                siblingData: {}
-                            })
+                    /*#__PURE__*/ _jsx(RenderEmailAndUsernameFields, {
+                        loginWithUsername: loginWithUsername,
+                        operation: operation,
+                        permissions: docPermissions?.fields,
+                        readOnly: readOnly
                     }),
                     (showPasswordFields || requirePassword) && /*#__PURE__*/ _jsxs("div", {
                         className: `${baseClass}__changing-password`,
@@ -169,7 +147,7 @@ export const Auth = (props)=>{
                                 buttonStyle: "secondary",
                                 disabled: disabled,
                                 onClick: ()=>handleChangePassword(false),
-                                size: "small",
+                                size: "medium",
                                 children: t('general:cancel')
                             }),
                             !showPasswordFields && !requirePassword && /*#__PURE__*/ _jsx(Button, {
@@ -177,14 +155,14 @@ export const Auth = (props)=>{
                                 disabled: disabled,
                                 id: "change-password",
                                 onClick: ()=>handleChangePassword(true),
-                                size: "small",
+                                size: "medium",
                                 children: t('authentication:changePassword')
                             }),
                             operation === 'update' && hasPermissionToUnlock && /*#__PURE__*/ _jsx(Button, {
                                 buttonStyle: "secondary",
                                 disabled: disabled,
                                 onClick: ()=>void unlock(),
-                                size: "small",
+                                size: "medium",
                                 children: t('authentication:forceUnlock')
                             })
                         ]

package/dist/views/Edit/Default/Auth/index.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../../../src/views/Edit/Default/Auth/index.tsx"],"sourcesContent":["'use client'\n\nimport {\n  Button,\n  CheckboxField,\n  ConfirmPasswordField,\n  EmailField,\n  PasswordField,\n  TextField,\n  useAuth,\n  useConfig,\n  useDocumentInfo,\n  useFormFields,\n  useFormModified,\n  useTranslation,\n} from '@payloadcms/ui'\nimport { email as emailValidation } from 'payload/shared'\nimport React, { useCallback, useEffect, useMemo, useState } from 'react'\nimport { toast } from 'sonner'\n\nimport type { Props } from './types.js'\n\nimport { APIKey } from './APIKey.js'\nimport './index.scss'\n\nconst baseClass = 'auth-fields'\n\nexport const Auth: React.FC<Props> = (props) => {\n  const {\n    className,\n    collectionSlug,\n    disableLocalStrategy,\n    email,\n    loginWithUsername,\n    operation,\n    readOnly,\n    requirePassword,\n    setSchemaPath,\n    setValidateBeforeSubmit,\n    useAPIKey,\n    username,\n    verify,\n  } = props\n\n  const { permissions } = useAuth()\n  const [changingPassword, setChangingPassword] = useState(requirePassword)\n  const enableAPIKey = useFormFields(([fields]) => (fields && fields?.enableAPIKey) || null)\n  const forceOpenChangePassword = useFormFields(([fields]) => (fields && fields?.password) || null)\n  const dispatchFields = useFormFields((reducer) => reducer[1])\n  const modified = useFormModified()\n  const { i18n, t } = useTranslation()\n  const { isInitializing } = useDocumentInfo()\n\n  const {\n    routes: { api },\n    serverURL,\n  } = useConfig()\n\n  const hasPermissionToUnlock: boolean = useMemo(() => {\n    const collection = permissions?.collections?.[collectionSlug]\n\n    if (collection) {\n      const unlock = 'unlock' in collection ? collection.unlock : undefined\n\n      if (unlock) {\n        // current types for permissions do not include auth permissions, this will be fixed in another branch soon, for now we need to ignore the types\n        // @todo: fix types\n        // @ts-expect-error\n        return unlock.permission\n      }\n    }\n\n    return false\n  }, [permissions, collectionSlug])\n\n  const handleChangePassword = useCallback(\n    (showPasswordFields: boolean) => {\n      if (showPasswordFields) {\n        setValidateBeforeSubmit(true)\n        setSchemaPath(`_${collectionSlug}.auth`)\n        dispatchFields({\n          type: 'UPDATE',\n          errorMessage: t('validation:required'),\n          path: 'password',\n          valid: false,\n        })\n        dispatchFields({\n          type: 'UPDATE',\n          errorMessage: t('validation:required'),\n          path: 'confirm-password',\n          valid: false,\n        })\n      } else {\n        setValidateBeforeSubmit(false)\n        setSchemaPath(collectionSlug)\n        dispatchFields({ type: 'REMOVE', path: 'password' })\n        dispatchFields({ type: 'REMOVE', path: 'confirm-password' })\n      }\n\n      setChangingPassword(showPasswordFields)\n    },\n    [dispatchFields, t, collectionSlug, setSchemaPath, setValidateBeforeSubmit],\n  )\n\n  const unlock = useCallback(async () => {\n    const url = `${serverURL}${api}/${collectionSlug}/unlock`\n    const response = await fetch(url, {\n      body:\n        loginWithUsername && username ? JSON.stringify({ username }) : JSON.stringify({ email }),\n      credentials: 'include',\n      headers: {\n        'Accept-Language': i18n.language,\n        'Content-Type': 'application/json',\n      },\n      method: 'post',\n    })\n\n    if (response.status === 200) {\n      toast.success(t('authentication:successfullyUnlocked'))\n    } else {\n      toast.error(t('authentication:failedToUnlock'))\n    }\n  }, [i18n, serverURL, api, collectionSlug, email, username, t, loginWithUsername])\n\n  useEffect(() => {\n    if (!modified) {\n      setChangingPassword(false)\n    }\n  }, [modified])\n\n  if (disableLocalStrategy && !useAPIKey) {\n    return null\n  }\n\n  const disabled = readOnly || isInitializing\n\n  const showPasswordFields = changingPassword || forceOpenChangePassword\n\n  return (\n    <div className={[baseClass, className].filter(Boolean).join(' ')}>\n      {!disableLocalStrategy && (\n        <React.Fragment>\n          {Boolean(loginWithUsername) && (\n            <TextField\n              disabled={disabled}\n              label={t('authentication:username')}\n              name=\"username\"\n              readOnly={readOnly}\n              required\n            />\n          )}\n          {(!loginWithUsername ||\n            loginWithUsername?.allowEmailLogin ||\n            loginWithUsername?.requireEmail) && (\n            <EmailField\n              autoComplete=\"email\"\n              disabled={disabled}\n              label={t('general:email')}\n              name=\"email\"\n              readOnly={readOnly}\n              required={!loginWithUsername || loginWithUsername?.requireEmail}\n              validate={(value) =>\n                emailValidation(value, {\n                  name: 'email',\n                  type: 'email',\n                  data: {},\n                  preferences: { fields: {} },\n                  req: { t } as any,\n                  required: true,\n                  siblingData: {},\n                })\n              }\n            />\n          )}\n          {(showPasswordFields || requirePassword) && (\n            <div className={`${baseClass}__changing-password`}>\n              <PasswordField\n                disabled={disabled}\n                label={t('authentication:newPassword')}\n                name=\"password\"\n                path=\"password\"\n                required\n              />\n              <ConfirmPasswordField disabled={readOnly} />\n            </div>\n          )}\n          <div className={`${baseClass}__controls`}>\n            {showPasswordFields && !requirePassword && (\n              <Button\n                buttonStyle=\"secondary\"\n                disabled={disabled}\n                onClick={() => handleChangePassword(false)}\n                size=\"small\"\n              >\n                {t('general:cancel')}\n              </Button>\n            )}\n            {!showPasswordFields && !requirePassword && (\n              <Button\n                buttonStyle=\"secondary\"\n                disabled={disabled}\n                id=\"change-password\"\n                onClick={() => handleChangePassword(true)}\n                size=\"small\"\n              >\n                {t('authentication:changePassword')}\n              </Button>\n            )}\n            {operation === 'update' && hasPermissionToUnlock && (\n              <Button\n                buttonStyle=\"secondary\"\n                disabled={disabled}\n                onClick={() => void unlock()}\n                size=\"small\"\n              >\n                {t('authentication:forceUnlock')}\n              </Button>\n            )}\n          </div>\n        </React.Fragment>\n      )}\n      {useAPIKey && (\n        <div className={`${baseClass}__api-key`}>\n          <CheckboxField\n            disabled={disabled}\n            label={t('authentication:enableAPIKey')}\n            name=\"enableAPIKey\"\n            readOnly={readOnly}\n          />\n          <APIKey enabled={!!enableAPIKey?.value} readOnly={readOnly} />\n        </div>\n      )}\n      {verify && (\n        <CheckboxField\n          disabled={disabled}\n          label={t('authentication:verified')}\n          name=\"_verified\"\n          readOnly={readOnly}\n        />\n      )}\n    </div>\n  )\n}\n"],"names":["Button","CheckboxField","ConfirmPasswordField","EmailField","PasswordField","TextField","useAuth","useConfig","useDocumentInfo","useFormFields","useFormModified","useTranslation","email","emailValidation","React","useCallback","useEffect","useMemo","useState","toast","APIKey","baseClass","Auth","props","className","collectionSlug","disableLocalStrategy","loginWithUsername","operation","readOnly","requirePassword","setSchemaPath","setValidateBeforeSubmit","useAPIKey","username","verify","permissions","changingPassword","setChangingPassword","enableAPIKey","fields","forceOpenChangePassword","password","dispatchFields","reducer","modified","i18n","t","isInitializing","routes","api","serverURL","hasPermissionToUnlock","collection","collections","unlock","undefined","permission","handleChangePassword","showPasswordFields","type","errorMessage","path","valid","url","response","fetch","body","JSON","stringify","credentials","headers","language","method","status","success","error","disabled","div","filter","Boolean","join","Fragment","label","name","required","allowEmailLogin","requireEmail","autoComplete","validate","value","data","preferences","req","siblingData","buttonStyle","onClick","size","id","enabled"],"mappings":"AAAA;;AAEA,SACEA,MAAM,EACNC,aAAa,EACbC,oBAAoB,EACpBC,UAAU,EACVC,aAAa,EACbC,SAAS,EACTC,OAAO,EACPC,SAAS,EACTC,eAAe,EACfC,aAAa,EACbC,eAAe,EACfC,cAAc,QACT,iBAAgB;AACvB,SAASC,SAASC,eAAe,QAAQ,iBAAgB;AACzD,OAAOC,SAASC,WAAW,EAAEC,SAAS,EAAEC,OAAO,EAAEC,QAAQ,QAAQ,QAAO;AACxE,SAASC,KAAK,QAAQ,SAAQ;AAI9B,SAASC,MAAM,QAAQ,cAAa;AAGpC,MAAMC,YAAY;AAElB,OAAO,MAAMC,OAAwB,CAACC;IACpC,MAAM,EACJC,SAAS,EACTC,cAAc,EACdC,oBAAoB,EACpBd,KAAK,EACLe,iBAAiB,EACjBC,SAAS,EACTC,QAAQ,EACRC,eAAe,EACfC,aAAa,EACbC,uBAAuB,EACvBC,SAAS,EACTC,QAAQ,EACRC,MAAM,EACP,GAAGZ;IAEJ,MAAM,EAAEa,WAAW,EAAE,GAAG9B;IACxB,MAAM,CAAC+B,kBAAkBC,oBAAoB,GAAGpB,SAASY;IACzD,MAAMS,eAAe9B,cAAc,CAAC,CAAC+B,OAAO,GAAK,AAACA,UAAUA,QAAQD,gBAAiB;IACrF,MAAME,0BAA0BhC,cAAc,CAAC,CAAC+B,OAAO,GAAK,AAACA,UAAUA,QAAQE,YAAa;IAC5F,MAAMC,iBAAiBlC,cAAc,CAACmC,UAAYA,OAAO,CAAC,EAAE;IAC5D,MAAMC,WAAWnC;IACjB,MAAM,EAAEoC,IAAI,EAAEC,CAAC,EAAE,GAAGpC;IACpB,MAAM,EAAEqC,cAAc,EAAE,GAAGxC;IAE3B,MAAM,EACJyC,QAAQ,EAAEC,GAAG,EAAE,EACfC,SAAS,EACV,GAAG5C;IAEJ,MAAM6C,wBAAiCnC,QAAQ;QAC7C,MAAMoC,aAAajB,aAAakB,aAAa,CAAC7B,eAAe;QAE7D,IAAI4B,YAAY;YACd,MAAME,SAAS,YAAYF,aAAaA,WAAWE,MAAM,GAAGC;YAE5D,IAAID,QAAQ;gBACV,gJAAgJ;gBAChJ,mBAAmB;gBACnB,mBAAmB;gBACnB,OAAOA,OAAOE,UAAU;YAC1B;QACF;QAEA,OAAO;IACT,GAAG;QAACrB;QAAaX;KAAe;IAEhC,MAAMiC,uBAAuB3C,YAC3B,CAAC4C;QACC,IAAIA,oBAAoB;YACtB3B,wBAAwB;YACxBD,cAAc,CAAC,CAAC,EAAEN,eAAe,KAAK,CAAC;YACvCkB,eAAe;gBACbiB,MAAM;gBACNC,cAAcd,EAAE;gBAChBe,MAAM;gBACNC,OAAO;YACT;YACApB,eAAe;gBACbiB,MAAM;gBACNC,cAAcd,EAAE;gBAChBe,MAAM;gBACNC,OAAO;YACT;QACF,OAAO;YACL/B,wBAAwB;YACxBD,cAAcN;YACdkB,eAAe;gBAAEiB,MAAM;gBAAUE,MAAM;YAAW;YAClDnB,eAAe;gBAAEiB,MAAM;gBAAUE,MAAM;YAAmB;QAC5D;QAEAxB,oBAAoBqB;IACtB,GACA;QAAChB;QAAgBI;QAAGtB;QAAgBM;QAAeC;KAAwB;IAG7E,MAAMuB,SAASxC,YAAY;QACzB,MAAMiD,MAAM,CAAC,EAAEb,UAAU,EAAED,IAAI,CAAC,EAAEzB,eAAe,OAAO,CAAC;QACzD,MAAMwC,WAAW,MAAMC,MAAMF,KAAK;YAChCG,MACExC,qBAAqBO,WAAWkC,KAAKC,SAAS,CAAC;gBAAEnC;YAAS,KAAKkC,KAAKC,SAAS,CAAC;gBAAEzD;YAAM;YACxF0D,aAAa;YACbC,SAAS;gBACP,mBAAmBzB,KAAK0B,QAAQ;gBAChC,gBAAgB;YAClB;YACAC,QAAQ;QACV;QAEA,IAAIR,SAASS,MAAM,KAAK,KAAK;YAC3BvD,MAAMwD,OAAO,CAAC5B,EAAE;QAClB,OAAO;YACL5B,MAAMyD,KAAK,CAAC7B,EAAE;QAChB;IACF,GAAG;QAACD;QAAMK;QAAWD;QAAKzB;QAAgBb;QAAOsB;QAAUa;QAAGpB;KAAkB;IAEhFX,UAAU;QACR,IAAI,CAAC6B,UAAU;YACbP,oBAAoB;QACtB;IACF,GAAG;QAACO;KAAS;IAEb,IAAInB,wBAAwB,CAACO,WAAW;QACtC,OAAO;IACT;IAEA,MAAM4C,WAAWhD,YAAYmB;IAE7B,MAAMW,qBAAqBtB,oBAAoBI;IAE/C,qBACE,MAACqC;QAAItD,WAAW;YAACH;YAAWG;SAAU,CAACuD,MAAM,CAACC,SAASC,IAAI,CAAC;;YACzD,CAACvD,sCACA,MAACZ,MAAMoE,QAAQ;;oBACZF,QAAQrD,oCACP,KAACtB;wBACCwE,UAAUA;wBACVM,OAAOpC,EAAE;wBACTqC,MAAK;wBACLvD,UAAUA;wBACVwD,QAAQ;;oBAGV,CAAA,CAAC1D,qBACDA,mBAAmB2D,mBACnB3D,mBAAmB4D,YAAW,mBAC9B,KAACpF;wBACCqF,cAAa;wBACbX,UAAUA;wBACVM,OAAOpC,EAAE;wBACTqC,MAAK;wBACLvD,UAAUA;wBACVwD,UAAU,CAAC1D,qBAAqBA,mBAAmB4D;wBACnDE,UAAU,CAACC,QACT7E,gBAAgB6E,OAAO;gCACrBN,MAAM;gCACNxB,MAAM;gCACN+B,MAAM,CAAC;gCACPC,aAAa;oCAAEpD,QAAQ,CAAC;gCAAE;gCAC1BqD,KAAK;oCAAE9C;gCAAE;gCACTsC,UAAU;gCACVS,aAAa,CAAC;4BAChB;;oBAIJnC,CAAAA,sBAAsB7B,eAAc,mBACpC,MAACgD;wBAAItD,WAAW,CAAC,EAAEH,UAAU,mBAAmB,CAAC;;0CAC/C,KAACjB;gCACCyE,UAAUA;gCACVM,OAAOpC,EAAE;gCACTqC,MAAK;gCACLtB,MAAK;gCACLuB,QAAQ;;0CAEV,KAACnF;gCAAqB2E,UAAUhD;;;;kCAGpC,MAACiD;wBAAItD,WAAW,CAAC,EAAEH,UAAU,UAAU,CAAC;;4BACrCsC,sBAAsB,CAAC7B,iCACtB,KAAC9B;gCACC+F,aAAY;gCACZlB,UAAUA;gCACVmB,SAAS,IAAMtC,qBAAqB;gCACpCuC,MAAK;0CAEJlD,EAAE;;4BAGN,CAACY,sBAAsB,CAAC7B,iCACvB,KAAC9B;gCACC+F,aAAY;gCACZlB,UAAUA;gCACVqB,IAAG;gCACHF,SAAS,IAAMtC,qBAAqB;gCACpCuC,MAAK;0CAEJlD,EAAE;;4BAGNnB,cAAc,YAAYwB,uCACzB,KAACpD;gCACC+F,aAAY;gCACZlB,UAAUA;gCACVmB,SAAS,IAAM,KAAKzC;gCACpB0C,MAAK;0CAEJlD,EAAE;;;;;;YAMZd,2BACC,MAAC6C;gBAAItD,WAAW,CAAC,EAAEH,UAAU,SAAS,CAAC;;kCACrC,KAACpB;wBACC4E,UAAUA;wBACVM,OAAOpC,EAAE;wBACTqC,MAAK;wBACLvD,UAAUA;;kCAEZ,KAACT;wBAAO+E,SAAS,CAAC,CAAC5D,cAAcmD;wBAAO7D,UAAUA;;;;YAGrDM,wBACC,KAAClC;gBACC4E,UAAUA;gBACVM,OAAOpC,EAAE;gBACTqC,MAAK;gBACLvD,UAAUA;;;;AAKpB,EAAC"}
+{"version":3,"sources":["../../../../../src/views/Edit/Default/Auth/index.tsx"],"sourcesContent":["'use client'\n\nimport {\n  Button,\n  CheckboxField,\n  ConfirmPasswordField,\n  PasswordField,\n  useAuth,\n  useConfig,\n  useDocumentInfo,\n  useFormFields,\n  useFormModified,\n  useTranslation,\n} from '@payloadcms/ui'\nimport React, { useCallback, useEffect, useMemo, useState } from 'react'\nimport { toast } from 'sonner'\n\nimport type { Props } from './types.js'\n\nimport { RenderEmailAndUsernameFields } from '../../../../elements/EmailAndUsername/index.js'\nimport { APIKey } from './APIKey.js'\nimport './index.scss'\n\nconst baseClass = 'auth-fields'\n\nexport const Auth: React.FC<Props> = (props) => {\n  const {\n    className,\n    collectionSlug,\n    disableLocalStrategy,\n    email,\n    loginWithUsername,\n    operation,\n    readOnly,\n    requirePassword,\n    setSchemaPath,\n    setValidateBeforeSubmit,\n    useAPIKey,\n    username,\n    verify,\n  } = props\n\n  const { permissions } = useAuth()\n  const [changingPassword, setChangingPassword] = useState(requirePassword)\n  const enableAPIKey = useFormFields(([fields]) => (fields && fields?.enableAPIKey) || null)\n  const forceOpenChangePassword = useFormFields(([fields]) => (fields && fields?.password) || null)\n  const dispatchFields = useFormFields((reducer) => reducer[1])\n  const modified = useFormModified()\n  const { i18n, t } = useTranslation()\n  const { docPermissions, isInitializing } = useDocumentInfo()\n\n  const {\n    routes: { api },\n    serverURL,\n  } = useConfig()\n\n  const hasPermissionToUnlock: boolean = useMemo(() => {\n    const collection = permissions?.collections?.[collectionSlug]\n\n    if (collection) {\n      const unlock = 'unlock' in collection ? collection.unlock : undefined\n\n      if (unlock) {\n        // current types for permissions do not include auth permissions, this will be fixed in another branch soon, for now we need to ignore the types\n        // @todo: fix types\n        // @ts-expect-error\n        return unlock.permission\n      }\n    }\n\n    return false\n  }, [permissions, collectionSlug])\n\n  const handleChangePassword = useCallback(\n    (showPasswordFields: boolean) => {\n      if (showPasswordFields) {\n        setValidateBeforeSubmit(true)\n        setSchemaPath(`_${collectionSlug}.auth`)\n        dispatchFields({\n          type: 'UPDATE',\n          errorMessage: t('validation:required'),\n          path: 'password',\n          valid: false,\n        })\n        dispatchFields({\n          type: 'UPDATE',\n          errorMessage: t('validation:required'),\n          path: 'confirm-password',\n          valid: false,\n        })\n      } else {\n        setValidateBeforeSubmit(false)\n        setSchemaPath(collectionSlug)\n        dispatchFields({ type: 'REMOVE', path: 'password' })\n        dispatchFields({ type: 'REMOVE', path: 'confirm-password' })\n      }\n\n      setChangingPassword(showPasswordFields)\n    },\n    [dispatchFields, t, collectionSlug, setSchemaPath, setValidateBeforeSubmit],\n  )\n\n  const unlock = useCallback(async () => {\n    const url = `${serverURL}${api}/${collectionSlug}/unlock`\n    const response = await fetch(url, {\n      body:\n        loginWithUsername && username ? JSON.stringify({ username }) : JSON.stringify({ email }),\n      credentials: 'include',\n      headers: {\n        'Accept-Language': i18n.language,\n        'Content-Type': 'application/json',\n      },\n      method: 'post',\n    })\n\n    if (response.status === 200) {\n      toast.success(t('authentication:successfullyUnlocked'))\n    } else {\n      toast.error(t('authentication:failedToUnlock'))\n    }\n  }, [i18n, serverURL, api, collectionSlug, email, username, t, loginWithUsername])\n\n  useEffect(() => {\n    if (!modified) {\n      setChangingPassword(false)\n    }\n  }, [modified])\n\n  if (disableLocalStrategy && !useAPIKey) {\n    return null\n  }\n\n  const disabled = readOnly || isInitializing\n\n  const showPasswordFields = changingPassword || forceOpenChangePassword\n\n  return (\n    <div className={[baseClass, className].filter(Boolean).join(' ')}>\n      {!disableLocalStrategy && (\n        <React.Fragment>\n          <RenderEmailAndUsernameFields\n            loginWithUsername={loginWithUsername}\n            operation={operation}\n            permissions={docPermissions?.fields}\n            readOnly={readOnly}\n          />\n          {(showPasswordFields || requirePassword) && (\n            <div className={`${baseClass}__changing-password`}>\n              <PasswordField\n                disabled={disabled}\n                label={t('authentication:newPassword')}\n                name=\"password\"\n                path=\"password\"\n                required\n              />\n              <ConfirmPasswordField disabled={readOnly} />\n            </div>\n          )}\n          <div className={`${baseClass}__controls`}>\n            {showPasswordFields && !requirePassword && (\n              <Button\n                buttonStyle=\"secondary\"\n                disabled={disabled}\n                onClick={() => handleChangePassword(false)}\n                size=\"medium\"\n              >\n                {t('general:cancel')}\n              </Button>\n            )}\n            {!showPasswordFields && !requirePassword && (\n              <Button\n                buttonStyle=\"secondary\"\n                disabled={disabled}\n                id=\"change-password\"\n                onClick={() => handleChangePassword(true)}\n                size=\"medium\"\n              >\n                {t('authentication:changePassword')}\n              </Button>\n            )}\n            {operation === 'update' && hasPermissionToUnlock && (\n              <Button\n                buttonStyle=\"secondary\"\n                disabled={disabled}\n                onClick={() => void unlock()}\n                size=\"medium\"\n              >\n                {t('authentication:forceUnlock')}\n              </Button>\n            )}\n          </div>\n        </React.Fragment>\n      )}\n      {useAPIKey && (\n        <div className={`${baseClass}__api-key`}>\n          <CheckboxField\n            disabled={disabled}\n            label={t('authentication:enableAPIKey')}\n            name=\"enableAPIKey\"\n            readOnly={readOnly}\n          />\n          <APIKey enabled={!!enableAPIKey?.value} readOnly={readOnly} />\n        </div>\n      )}\n      {verify && (\n        <CheckboxField\n          disabled={disabled}\n          label={t('authentication:verified')}\n          name=\"_verified\"\n          readOnly={readOnly}\n        />\n      )}\n    </div>\n  )\n}\n"],"names":["Button","CheckboxField","ConfirmPasswordField","PasswordField","useAuth","useConfig","useDocumentInfo","useFormFields","useFormModified","useTranslation","React","useCallback","useEffect","useMemo","useState","toast","RenderEmailAndUsernameFields","APIKey","baseClass","Auth","props","className","collectionSlug","disableLocalStrategy","email","loginWithUsername","operation","readOnly","requirePassword","setSchemaPath","setValidateBeforeSubmit","useAPIKey","username","verify","permissions","changingPassword","setChangingPassword","enableAPIKey","fields","forceOpenChangePassword","password","dispatchFields","reducer","modified","i18n","t","docPermissions","isInitializing","routes","api","serverURL","hasPermissionToUnlock","collection","collections","unlock","undefined","permission","handleChangePassword","showPasswordFields","type","errorMessage","path","valid","url","response","fetch","body","JSON","stringify","credentials","headers","language","method","status","success","error","disabled","div","filter","Boolean","join","Fragment","label","name","required","buttonStyle","onClick","size","id","enabled","value"],"mappings":"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"}

package/dist/views/Edit/Default/index.scss

@@ -8,8 +8,8 @@
   }
 
   &__auth {
-    margin-bottom: calc(var(--base) * 2);
-    margin-top: calc(var(--base) * 0.5);
+    margin-bottom: base(1.6);
+    border-radius: var(--style-radius-s);
   }
 
   @include small-break {

package/dist/views/ForgotPassword/index.js

@@ -36,6 +36,7 @@ export const ForgotPasswordView = ({ initPageResult })=>{
                     Link: Link,
                     buttonStyle: "secondary",
                     el: "link",
+                    size: "large",
                     to: adminRoute,
                     children: i18n.t('general:backToDashboard')
                 })

package/dist/views/ForgotPassword/index.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/views/ForgotPassword/index.tsx"],"sourcesContent":["import type { AdminViewProps } from 'payload'\n\nimport { Button, Translation } from '@payloadcms/ui'\nimport { formatAdminURL } from '@payloadcms/ui/shared'\nimport LinkImport from 'next/link.js'\nimport React, { Fragment } from 'react'\n\nimport { ForgotPasswordForm } from './ForgotPasswordForm/index.js'\n\nexport { generateForgotPasswordMetadata } from './meta.js'\n\nconst Link = (LinkImport.default || LinkImport) as unknown as typeof LinkImport.default\nexport const forgotPasswordBaseClass = 'forgot-password'\n\nexport const ForgotPasswordView: React.FC<AdminViewProps> = ({ initPageResult }) => {\n  const {\n    req: {\n      i18n,\n      payload: { config },\n      user,\n    },\n  } = initPageResult\n\n  const {\n    admin: {\n      routes: { account: accountRoute, login: loginRoute },\n    },\n    routes: { admin: adminRoute },\n  } = config\n\n  if (user) {\n    return (\n      <Fragment>\n        <h1>{i18n.t('authentication:alreadyLoggedIn')}</h1>\n        <p>\n          <Translation\n            elements={{\n              '0': ({ children }) => (\n                <Link\n                  href={formatAdminURL({\n                    adminRoute,\n                    path: accountRoute,\n                  })}\n                >\n                  {children}\n                </Link>\n              ),\n            }}\n            i18nKey=\"authentication:loggedInChangePassword\"\n            t={i18n.t}\n          />\n        </p>\n        <br />\n        <Button Link={Link} buttonStyle=\"secondary\" el=\"link\" to={adminRoute}>\n          {i18n.t('general:backToDashboard')}\n        </Button>\n      </Fragment>\n    )\n  }\n\n  return (\n    <Fragment>\n      <ForgotPasswordForm />\n      <Link\n        href={formatAdminURL({\n          adminRoute,\n          path: loginRoute,\n        })}\n      >\n        {i18n.t('authentication:backToLogin')}\n      </Link>\n    </Fragment>\n  )\n}\n"],"names":["Button","Translation","formatAdminURL","LinkImport","React","Fragment","ForgotPasswordForm","generateForgotPasswordMetadata","Link","default","forgotPasswordBaseClass","ForgotPasswordView","initPageResult","req","i18n","payload","config","user","admin","routes","account","accountRoute","login","loginRoute","adminRoute","h1","t","p","elements","children","href","path","i18nKey","br","buttonStyle","el","to"],"mappings":";AAEA,SAASA,MAAM,EAAEC,WAAW,QAAQ,iBAAgB;AACpD,SAASC,cAAc,QAAQ,wBAAuB;AACtD,OAAOC,gBAAgB,eAAc;AACrC,OAAOC,SAASC,QAAQ,QAAQ,QAAO;AAEvC,SAASC,kBAAkB,QAAQ,gCAA+B;AAElE,SAASC,8BAA8B,QAAQ,YAAW;AAE1D,MAAMC,OAAQL,WAAWM,OAAO,IAAIN;AACpC,OAAO,MAAMO,0BAA0B,kBAAiB;AAExD,OAAO,MAAMC,qBAA+C,CAAC,EAAEC,cAAc,EAAE;IAC7E,MAAM,EACJC,KAAK,EACHC,IAAI,EACJC,SAAS,EAAEC,MAAM,EAAE,EACnBC,IAAI,EACL,EACF,GAAGL;IAEJ,MAAM,EACJM,OAAO,EACLC,QAAQ,EAAEC,SAASC,YAAY,EAAEC,OAAOC,UAAU,EAAE,EACrD,EACDJ,QAAQ,EAAED,OAAOM,UAAU,EAAE,EAC9B,GAAGR;IAEJ,IAAIC,MAAM;QACR,qBACE,MAACZ;;8BACC,KAACoB;8BAAIX,KAAKY,CAAC,CAAC;;8BACZ,KAACC;8BACC,cAAA,KAAC1B;wBACC2B,UAAU;4BACR,KAAK,CAAC,EAAEC,QAAQ,EAAE,iBAChB,KAACrB;oCACCsB,MAAM5B,eAAe;wCACnBsB;wCACAO,MAAMV;oCACR;8CAECQ;;wBAGP;wBACAG,SAAQ;wBACRN,GAAGZ,KAAKY,CAAC;;;8BAGb,KAACO;8BACD,KAACjC;oBAAOQ,MAAMA;oBAAM0B,aAAY;oBAAYC,IAAG;oBAAOC,IAAIZ;8BACvDV,KAAKY,CAAC,CAAC;;;;IAIhB;IAEA,qBACE,MAACrB;;0BACC,KAACC;0BACD,KAACE;gBACCsB,MAAM5B,eAAe;oBACnBsB;oBACAO,MAAMR;gBACR;0BAECT,KAAKY,CAAC,CAAC;;;;AAIhB,EAAC"}
+{"version":3,"sources":["../../../src/views/ForgotPassword/index.tsx"],"sourcesContent":["import type { AdminViewProps } from 'payload'\n\nimport { Button, Translation } from '@payloadcms/ui'\nimport { formatAdminURL } from '@payloadcms/ui/shared'\nimport LinkImport from 'next/link.js'\nimport React, { Fragment } from 'react'\n\nimport { ForgotPasswordForm } from './ForgotPasswordForm/index.js'\n\nexport { generateForgotPasswordMetadata } from './meta.js'\n\nconst Link = (LinkImport.default || LinkImport) as unknown as typeof LinkImport.default\nexport const forgotPasswordBaseClass = 'forgot-password'\n\nexport const ForgotPasswordView: React.FC<AdminViewProps> = ({ initPageResult }) => {\n  const {\n    req: {\n      i18n,\n      payload: { config },\n      user,\n    },\n  } = initPageResult\n\n  const {\n    admin: {\n      routes: { account: accountRoute, login: loginRoute },\n    },\n    routes: { admin: adminRoute },\n  } = config\n\n  if (user) {\n    return (\n      <Fragment>\n        <h1>{i18n.t('authentication:alreadyLoggedIn')}</h1>\n        <p>\n          <Translation\n            elements={{\n              '0': ({ children }) => (\n                <Link\n                  href={formatAdminURL({\n                    adminRoute,\n                    path: accountRoute,\n                  })}\n                >\n                  {children}\n                </Link>\n              ),\n            }}\n            i18nKey=\"authentication:loggedInChangePassword\"\n            t={i18n.t}\n          />\n        </p>\n        <br />\n        <Button Link={Link} buttonStyle=\"secondary\" el=\"link\" size=\"large\" to={adminRoute}>\n          {i18n.t('general:backToDashboard')}\n        </Button>\n      </Fragment>\n    )\n  }\n\n  return (\n    <Fragment>\n      <ForgotPasswordForm />\n      <Link\n        href={formatAdminURL({\n          adminRoute,\n          path: loginRoute,\n        })}\n      >\n        {i18n.t('authentication:backToLogin')}\n      </Link>\n    </Fragment>\n  )\n}\n"],"names":["Button","Translation","formatAdminURL","LinkImport","React","Fragment","ForgotPasswordForm","generateForgotPasswordMetadata","Link","default","forgotPasswordBaseClass","ForgotPasswordView","initPageResult","req","i18n","payload","config","user","admin","routes","account","accountRoute","login","loginRoute","adminRoute","h1","t","p","elements","children","href","path","i18nKey","br","buttonStyle","el","size","to"],"mappings":";AAEA,SAASA,MAAM,EAAEC,WAAW,QAAQ,iBAAgB;AACpD,SAASC,cAAc,QAAQ,wBAAuB;AACtD,OAAOC,gBAAgB,eAAc;AACrC,OAAOC,SAASC,QAAQ,QAAQ,QAAO;AAEvC,SAASC,kBAAkB,QAAQ,gCAA+B;AAElE,SAASC,8BAA8B,QAAQ,YAAW;AAE1D,MAAMC,OAAQL,WAAWM,OAAO,IAAIN;AACpC,OAAO,MAAMO,0BAA0B,kBAAiB;AAExD,OAAO,MAAMC,qBAA+C,CAAC,EAAEC,cAAc,EAAE;IAC7E,MAAM,EACJC,KAAK,EACHC,IAAI,EACJC,SAAS,EAAEC,MAAM,EAAE,EACnBC,IAAI,EACL,EACF,GAAGL;IAEJ,MAAM,EACJM,OAAO,EACLC,QAAQ,EAAEC,SAASC,YAAY,EAAEC,OAAOC,UAAU,EAAE,EACrD,EACDJ,QAAQ,EAAED,OAAOM,UAAU,EAAE,EAC9B,GAAGR;IAEJ,IAAIC,MAAM;QACR,qBACE,MAACZ;;8BACC,KAACoB;8BAAIX,KAAKY,CAAC,CAAC;;8BACZ,KAACC;8BACC,cAAA,KAAC1B;wBACC2B,UAAU;4BACR,KAAK,CAAC,EAAEC,QAAQ,EAAE,iBAChB,KAACrB;oCACCsB,MAAM5B,eAAe;wCACnBsB;wCACAO,MAAMV;oCACR;8CAECQ;;wBAGP;wBACAG,SAAQ;wBACRN,GAAGZ,KAAKY,CAAC;;;8BAGb,KAACO;8BACD,KAACjC;oBAAOQ,MAAMA;oBAAM0B,aAAY;oBAAYC,IAAG;oBAAOC,MAAK;oBAAQC,IAAIb;8BACpEV,KAAKY,CAAC,CAAC;;;;IAIhB;IAEA,qBACE,MAACrB;;0BACC,KAACC;0BACD,KAACE;gBACCsB,MAAM5B,eAAe;oBACnBsB;oBACAO,MAAMR;gBACR;0BAECT,KAAKY,CAAC,CAAC;;;;AAIhB,EAAC"}

package/dist/views/List/Default/index.scss

@@ -2,7 +2,6 @@
 
 .collection-list {
   width: 100%;
-  margin-top: base(0.5);
 
   &__wrap {
     padding-bottom: var(--spacing-view-bottom);
@@ -14,7 +13,7 @@
 
   &__header {
     display: flex;
-    align-items: flex-end;
+    align-items: center;
     flex-wrap: wrap;
     gap: base(0.75);
 
@@ -28,14 +27,12 @@
 
     .pill {
       position: relative;
-      top: -14px;
       margin: 0;
     }
   }
 
   &__sub-header {
     flex-basis: 100%;
-    margin-top: base(0.25);
   }
 
   .table {
@@ -57,7 +54,7 @@
       #heading-_select,
       .cell-_select {
         min-width: unset;
-        width: auto;
+        width: base(1);
       }
     }
   }

package/dist/views/Login/LoginField/index.d.ts

@@ -1,7 +1,9 @@
+import type { Validate } from 'payload';
 import React from 'react';
 export type LoginFieldProps = {
     required?: boolean;
     type: 'email' | 'emailOrUsername' | 'username';
+    validate?: Validate;
 };
 export declare const LoginField: React.FC<LoginFieldProps>;
 //# sourceMappingURL=index.d.ts.map

package/dist/views/Login/LoginField/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/views/Login/LoginField/index.tsx"],"names":[],"mappings":"AAKA,OAAO,KAAK,MAAM,OAAO,CAAA;AACzB,MAAM,MAAM,eAAe,GAAG;IAC5B,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,IAAI,EAAE,OAAO,GAAG,iBAAiB,GAAG,UAAU,CAAA;CAC/C,CAAA;AACD,eAAO,MAAM,UAAU,EAAE,KAAK,CAAC,EAAE,CAAC,eAAe,CAsGhD,CAAA"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/views/Login/LoginField/index.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,QAAQ,EAAmB,MAAM,SAAS,CAAA;AAIxD,OAAO,KAAK,MAAM,OAAO,CAAA;AACzB,MAAM,MAAM,eAAe,GAAG;IAC5B,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,IAAI,EAAE,OAAO,GAAG,iBAAiB,GAAG,UAAU,CAAA;IAC9C,QAAQ,CAAC,EAAE,QAAQ,CAAA;CACpB,CAAA;AACD,eAAO,MAAM,UAAU,EAAE,KAAK,CAAC,EAAE,CAAC,eAAe,CAqDhD,CAAA"}

package/dist/views/Login/LoginField/index.js

@@ -1,11 +1,10 @@
 'use client';
 import { jsx as _jsx } from "react/jsx-runtime";
-import { EmailField, TextField, useConfig, useTranslation } from '@payloadcms/ui';
+import { EmailField, TextField, useTranslation } from '@payloadcms/ui';
 import { email, username } from 'payload/shared';
 import React from 'react';
 export const LoginField = ({ type, required = true })=>{
     const { t } = useTranslation();
-    const config = useConfig();
     if (type === 'email') {
         return /*#__PURE__*/ _jsx(EmailField, {
             autoComplete: "email",
@@ -13,19 +12,7 @@ export const LoginField = ({ type, required = true })=>{
             name: "email",
             path: "email",
             required: required,
-            validate: (value)=>email(value, {
-                    name: 'email',
-                    type: 'email',
-                    data: {},
-                    preferences: {
-                        fields: {}
-                    },
-                    req: {
-                        t
-                    },
-                    required: true,
-                    siblingData: {}
-                })
+            validate: email
         });
     }
     if (type === 'username') {
@@ -33,23 +20,8 @@ export const LoginField = ({ type, required = true })=>{
             label: t('authentication:username'),
             name: "username",
             path: "username",
-            required: true,
-            validate: (value)=>username(value, {
-                    name: 'username',
-                    type: 'text',
-                    data: {},
-                    preferences: {
-                        fields: {}
-                    },
-                    req: {
-                        payload: {
-                            config
-                        },
-                        t
-                    },
-                    required: true,
-                    siblingData: {}
-                })
+            required: required,
+            validate: username
         });
     }
     if (type === 'emailOrUsername') {
@@ -57,40 +29,10 @@ export const LoginField = ({ type, required = true })=>{
             label: t('authentication:emailOrUsername'),
             name: "username",
             path: "username",
-            required: true,
-            validate: (value)=>{
-                const passesUsername = username(value, {
-                    name: 'username',
-                    type: 'text',
-                    data: {},
-                    preferences: {
-                        fields: {}
-                    },
-                    req: {
-                        payload: {
-                            config
-                        },
-                        t
-                    },
-                    required: true,
-                    siblingData: {}
-                });
-                const passesEmail = email(value, {
-                    name: 'username',
-                    type: 'email',
-                    data: {},
-                    preferences: {
-                        fields: {}
-                    },
-                    req: {
-                        payload: {
-                            config
-                        },
-                        t
-                    },
-                    required: true,
-                    siblingData: {}
-                });
+            required: required,
+            validate: (value, options)=>{
+                const passesUsername = username(value, options);
+                const passesEmail = email(value, options);
                 if (!passesEmail && !passesUsername) {
                     return `${t('general:email')}: ${passesEmail} ${t('general:username')}: ${passesUsername}`;
                 }

package/dist/views/Login/LoginField/index.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../../src/views/Login/LoginField/index.tsx"],"sourcesContent":["'use client'\nimport type { PayloadRequest } from 'payload'\n\nimport { EmailField, TextField, useConfig, useTranslation } from '@payloadcms/ui'\nimport { email, username } from 'payload/shared'\nimport React from 'react'\nexport type LoginFieldProps = {\n  required?: boolean\n  type: 'email' | 'emailOrUsername' | 'username'\n}\nexport const LoginField: React.FC<LoginFieldProps> = ({ type, required = true }) => {\n  const { t } = useTranslation()\n  const config = useConfig()\n\n  if (type === 'email') {\n    return (\n      <EmailField\n        autoComplete=\"email\"\n        label={t('general:email')}\n        name=\"email\"\n        path=\"email\"\n        required={required}\n        validate={(value) =>\n          email(value, {\n            name: 'email',\n            type: 'email',\n            data: {},\n            preferences: { fields: {} },\n            req: { t } as PayloadRequest,\n            required: true,\n            siblingData: {},\n          })\n        }\n      />\n    )\n  }\n\n  if (type === 'username') {\n    return (\n      <TextField\n        label={t('authentication:username')}\n        name=\"username\"\n        path=\"username\"\n        required\n        validate={(value) =>\n          username(value, {\n            name: 'username',\n            type: 'text',\n            data: {},\n            preferences: { fields: {} },\n            req: {\n              payload: {\n                config,\n              },\n              t,\n            } as PayloadRequest,\n            required: true,\n            siblingData: {},\n          })\n        }\n      />\n    )\n  }\n\n  if (type === 'emailOrUsername') {\n    return (\n      <TextField\n        label={t('authentication:emailOrUsername')}\n        name=\"username\"\n        path=\"username\"\n        required\n        validate={(value) => {\n          const passesUsername = username(value, {\n            name: 'username',\n            type: 'text',\n            data: {},\n            preferences: { fields: {} },\n            req: {\n              payload: {\n                config,\n              },\n              t,\n            } as PayloadRequest,\n            required: true,\n            siblingData: {},\n          })\n          const passesEmail = email(value, {\n            name: 'username',\n            type: 'email',\n            data: {},\n            preferences: { fields: {} },\n            req: {\n              payload: {\n                config,\n              },\n              t,\n            } as PayloadRequest,\n            required: true,\n            siblingData: {},\n          })\n\n          if (!passesEmail && !passesUsername) {\n            return `${t('general:email')}: ${passesEmail} ${t('general:username')}: ${passesUsername}`\n          }\n\n          return true\n        }}\n      />\n    )\n  }\n\n  return null\n}\n"],"names":["EmailField","TextField","useConfig","useTranslation","email","username","React","LoginField","type","required","t","config","autoComplete","label","name","path","validate","value","data","preferences","fields","req","siblingData","payload","passesUsername","passesEmail"],"mappings":"AAAA;;AAGA,SAASA,UAAU,EAAEC,SAAS,EAAEC,SAAS,EAAEC,cAAc,QAAQ,iBAAgB;AACjF,SAASC,KAAK,EAAEC,QAAQ,QAAQ,iBAAgB;AAChD,OAAOC,WAAW,QAAO;AAKzB,OAAO,MAAMC,aAAwC,CAAC,EAAEC,IAAI,EAAEC,WAAW,IAAI,EAAE;IAC7E,MAAM,EAAEC,CAAC,EAAE,GAAGP;IACd,MAAMQ,SAAST;IAEf,IAAIM,SAAS,SAAS;QACpB,qBACE,KAACR;YACCY,cAAa;YACbC,OAAOH,EAAE;YACTI,MAAK;YACLC,MAAK;YACLN,UAAUA;YACVO,UAAU,CAACC,QACTb,MAAMa,OAAO;oBACXH,MAAM;oBACNN,MAAM;oBACNU,MAAM,CAAC;oBACPC,aAAa;wBAAEC,QAAQ,CAAC;oBAAE;oBAC1BC,KAAK;wBAAEX;oBAAE;oBACTD,UAAU;oBACVa,aAAa,CAAC;gBAChB;;IAIR;IAEA,IAAId,SAAS,YAAY;QACvB,qBACE,KAACP;YACCY,OAAOH,EAAE;YACTI,MAAK;YACLC,MAAK;YACLN,QAAQ;YACRO,UAAU,CAACC,QACTZ,SAASY,OAAO;oBACdH,MAAM;oBACNN,MAAM;oBACNU,MAAM,CAAC;oBACPC,aAAa;wBAAEC,QAAQ,CAAC;oBAAE;oBAC1BC,KAAK;wBACHE,SAAS;4BACPZ;wBACF;wBACAD;oBACF;oBACAD,UAAU;oBACVa,aAAa,CAAC;gBAChB;;IAIR;IAEA,IAAId,SAAS,mBAAmB;QAC9B,qBACE,KAACP;YACCY,OAAOH,EAAE;YACTI,MAAK;YACLC,MAAK;YACLN,QAAQ;YACRO,UAAU,CAACC;gBACT,MAAMO,iBAAiBnB,SAASY,OAAO;oBACrCH,MAAM;oBACNN,MAAM;oBACNU,MAAM,CAAC;oBACPC,aAAa;wBAAEC,QAAQ,CAAC;oBAAE;oBAC1BC,KAAK;wBACHE,SAAS;4BACPZ;wBACF;wBACAD;oBACF;oBACAD,UAAU;oBACVa,aAAa,CAAC;gBAChB;gBACA,MAAMG,cAAcrB,MAAMa,OAAO;oBAC/BH,MAAM;oBACNN,MAAM;oBACNU,MAAM,CAAC;oBACPC,aAAa;wBAAEC,QAAQ,CAAC;oBAAE;oBAC1BC,KAAK;wBACHE,SAAS;4BACPZ;wBACF;wBACAD;oBACF;oBACAD,UAAU;oBACVa,aAAa,CAAC;gBAChB;gBAEA,IAAI,CAACG,eAAe,CAACD,gBAAgB;oBACnC,OAAO,CAAC,EAAEd,EAAE,iBAAiB,EAAE,EAAEe,YAAY,CAAC,EAAEf,EAAE,oBAAoB,EAAE,EAAEc,eAAe,CAAC;gBAC5F;gBAEA,OAAO;YACT;;IAGN;IAEA,OAAO;AACT,EAAC"}
+{"version":3,"sources":["../../../../src/views/Login/LoginField/index.tsx"],"sourcesContent":["'use client'\nimport type { Validate, ValidateOptions } from 'payload'\n\nimport { EmailField, TextField, useTranslation } from '@payloadcms/ui'\nimport { email, username } from 'payload/shared'\nimport React from 'react'\nexport type LoginFieldProps = {\n  required?: boolean\n  type: 'email' | 'emailOrUsername' | 'username'\n  validate?: Validate\n}\nexport const LoginField: React.FC<LoginFieldProps> = ({ type, required = true }) => {\n  const { t } = useTranslation()\n\n  if (type === 'email') {\n    return (\n      <EmailField\n        autoComplete=\"email\"\n        label={t('general:email')}\n        name=\"email\"\n        path=\"email\"\n        required={required}\n        validate={email}\n      />\n    )\n  }\n\n  if (type === 'username') {\n    return (\n      <TextField\n        label={t('authentication:username')}\n        name=\"username\"\n        path=\"username\"\n        required={required}\n        validate={username}\n      />\n    )\n  }\n\n  if (type === 'emailOrUsername') {\n    return (\n      <TextField\n        label={t('authentication:emailOrUsername')}\n        name=\"username\"\n        path=\"username\"\n        required={required}\n        validate={(value, options) => {\n          const passesUsername = username(value, options)\n          const passesEmail = email(\n            value,\n            options as ValidateOptions<any, { username?: string }, any, any>,\n          )\n\n          if (!passesEmail && !passesUsername) {\n            return `${t('general:email')}: ${passesEmail} ${t('general:username')}: ${passesUsername}`\n          }\n\n          return true\n        }}\n      />\n    )\n  }\n\n  return null\n}\n"],"names":["EmailField","TextField","useTranslation","email","username","React","LoginField","type","required","t","autoComplete","label","name","path","validate","value","options","passesUsername","passesEmail"],"mappings":"AAAA;;AAGA,SAASA,UAAU,EAAEC,SAAS,EAAEC,cAAc,QAAQ,iBAAgB;AACtE,SAASC,KAAK,EAAEC,QAAQ,QAAQ,iBAAgB;AAChD,OAAOC,WAAW,QAAO;AAMzB,OAAO,MAAMC,aAAwC,CAAC,EAAEC,IAAI,EAAEC,WAAW,IAAI,EAAE;IAC7E,MAAM,EAAEC,CAAC,EAAE,GAAGP;IAEd,IAAIK,SAAS,SAAS;QACpB,qBACE,KAACP;YACCU,cAAa;YACbC,OAAOF,EAAE;YACTG,MAAK;YACLC,MAAK;YACLL,UAAUA;YACVM,UAAUX;;IAGhB;IAEA,IAAII,SAAS,YAAY;QACvB,qBACE,KAACN;YACCU,OAAOF,EAAE;YACTG,MAAK;YACLC,MAAK;YACLL,UAAUA;YACVM,UAAUV;;IAGhB;IAEA,IAAIG,SAAS,mBAAmB;QAC9B,qBACE,KAACN;YACCU,OAAOF,EAAE;YACTG,MAAK;YACLC,MAAK;YACLL,UAAUA;YACVM,UAAU,CAACC,OAAOC;gBAChB,MAAMC,iBAAiBb,SAASW,OAAOC;gBACvC,MAAME,cAAcf,MAClBY,OACAC;gBAGF,IAAI,CAACE,eAAe,CAACD,gBAAgB;oBACnC,OAAO,CAAC,EAAER,EAAE,iBAAiB,EAAE,EAAES,YAAY,CAAC,EAAET,EAAE,oBAAoB,EAAE,EAAEQ,eAAe,CAAC;gBAC5F;gBAEA,OAAO;YACT;;IAGN;IAEA,OAAO;AACT,EAAC"}

package/dist/views/Login/LoginForm/index.js

@@ -71,6 +71,7 @@ export const LoginForm = ({ prefillEmail, prefillPassword, prefillUsername, sear
                 children: t('authentication:forgotPasswordQuestion')
             }),
             /*#__PURE__*/ _jsx(FormSubmit, {
+                size: "large",
                 children: t('authentication:login')
             })
         ]

package/dist/views/Login/LoginForm/index.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../../src/views/Login/LoginForm/index.tsx"],"sourcesContent":["'use client'\n\nimport LinkImport from 'next/link.js'\nimport React from 'react'\n\nconst baseClass = 'login__form'\nconst Link = (LinkImport.default || LinkImport) as unknown as typeof LinkImport.default\n\nimport type { FormState } from 'payload'\n\nimport { Form, FormSubmit, PasswordField, useConfig, useTranslation } from '@payloadcms/ui'\nimport { formatAdminURL } from '@payloadcms/ui/shared'\n\nimport type { LoginFieldProps } from '../LoginField/index.js'\n\nimport { LoginField } from '../LoginField/index.js'\nimport './index.scss'\n\nexport const LoginForm: React.FC<{\n  prefillEmail?: string\n  prefillPassword?: string\n  prefillUsername?: string\n  searchParams: { [key: string]: string | string[] | undefined }\n}> = ({ prefillEmail, prefillPassword, prefillUsername, searchParams }) => {\n  const config = useConfig()\n\n  const {\n    admin: {\n      routes: { forgot: forgotRoute },\n      user: userSlug,\n    },\n    routes: { admin: adminRoute, api: apiRoute },\n  } = config\n\n  const collectionConfig = config.collections?.find((collection) => collection?.slug === userSlug)\n  const { auth: authOptions } = collectionConfig\n  const loginWithUsername = authOptions.loginWithUsername\n  const canLoginWithEmail =\n    !authOptions.loginWithUsername || authOptions.loginWithUsername.allowEmailLogin\n  const canLoginWithUsername = authOptions.loginWithUsername\n\n  const [loginType] = React.useState<LoginFieldProps['type']>(() => {\n    if (canLoginWithEmail && canLoginWithUsername) return 'emailOrUsername'\n    if (canLoginWithUsername) return 'username'\n    return 'email'\n  })\n\n  const { t } = useTranslation()\n\n  const initialState: FormState = {\n    password: {\n      initialValue: prefillPassword ?? undefined,\n      valid: true,\n      value: prefillPassword ?? undefined,\n    },\n  }\n\n  if (loginWithUsername) {\n    initialState.username = {\n      initialValue: prefillUsername ?? undefined,\n      valid: true,\n      value: prefillUsername ?? undefined,\n    }\n  } else {\n    initialState.email = {\n      initialValue: prefillEmail ?? undefined,\n      valid: true,\n      value: prefillEmail ?? undefined,\n    }\n  }\n\n  return (\n    <Form\n      action={`${apiRoute}/${userSlug}/login`}\n      className={baseClass}\n      disableSuccessStatus\n      initialState={initialState}\n      method=\"POST\"\n      redirect={typeof searchParams?.redirect === 'string' ? searchParams.redirect : adminRoute}\n      waitForAutocomplete\n    >\n      <div className={`${baseClass}__inputWrap`}>\n        <LoginField type={loginType} />\n        <PasswordField label={t('general:password')} name=\"password\" required />\n      </div>\n      <Link\n        href={formatAdminURL({\n          adminRoute,\n          path: forgotRoute,\n        })}\n      >\n        {t('authentication:forgotPasswordQuestion')}\n      </Link>\n      <FormSubmit>{t('authentication:login')}</FormSubmit>\n    </Form>\n  )\n}\n"],"names":["LinkImport","React","baseClass","Link","default","Form","FormSubmit","PasswordField","useConfig","useTranslation","formatAdminURL","LoginField","LoginForm","prefillEmail","prefillPassword","prefillUsername","searchParams","config","admin","routes","forgot","forgotRoute","user","userSlug","adminRoute","api","apiRoute","collectionConfig","collections","find","collection","slug","auth","authOptions","loginWithUsername","canLoginWithEmail","allowEmailLogin","canLoginWithUsername","loginType","useState","t","initialState","password","initialValue","undefined","valid","value","username","email","action","className","disableSuccessStatus","method","redirect","waitForAutocomplete","div","type","label","name","required","href","path"],"mappings":"AAAA;;AAEA,OAAOA,gBAAgB,eAAc;AACrC,OAAOC,WAAW,QAAO;AAEzB,MAAMC,YAAY;AAClB,MAAMC,OAAQH,WAAWI,OAAO,IAAIJ;AAIpC,SAASK,IAAI,EAAEC,UAAU,EAAEC,aAAa,EAAEC,SAAS,EAAEC,cAAc,QAAQ,iBAAgB;AAC3F,SAASC,cAAc,QAAQ,wBAAuB;AAItD,SAASC,UAAU,QAAQ,yBAAwB;AAGnD,OAAO,MAAMC,YAKR,CAAC,EAAEC,YAAY,EAAEC,eAAe,EAAEC,eAAe,EAAEC,YAAY,EAAE;IACpE,MAAMC,SAAST;IAEf,MAAM,EACJU,OAAO,EACLC,QAAQ,EAAEC,QAAQC,WAAW,EAAE,EAC/BC,MAAMC,QAAQ,EACf,EACDJ,QAAQ,EAAED,OAAOM,UAAU,EAAEC,KAAKC,QAAQ,EAAE,EAC7C,GAAGT;IAEJ,MAAMU,mBAAmBV,OAAOW,WAAW,EAAEC,KAAK,CAACC,aAAeA,YAAYC,SAASR;IACvF,MAAM,EAAES,MAAMC,WAAW,EAAE,GAAGN;IAC9B,MAAMO,oBAAoBD,YAAYC,iBAAiB;IACvD,MAAMC,oBACJ,CAACF,YAAYC,iBAAiB,IAAID,YAAYC,iBAAiB,CAACE,eAAe;IACjF,MAAMC,uBAAuBJ,YAAYC,iBAAiB;IAE1D,MAAM,CAACI,UAAU,GAAGrC,MAAMsC,QAAQ,CAA0B;QAC1D,IAAIJ,qBAAqBE,sBAAsB,OAAO;QACtD,IAAIA,sBAAsB,OAAO;QACjC,OAAO;IACT;IAEA,MAAM,EAAEG,CAAC,EAAE,GAAG/B;IAEd,MAAMgC,eAA0B;QAC9BC,UAAU;YACRC,cAAc7B,mBAAmB8B;YACjCC,OAAO;YACPC,OAAOhC,mBAAmB8B;QAC5B;IACF;IAEA,IAAIV,mBAAmB;QACrBO,aAAaM,QAAQ,GAAG;YACtBJ,cAAc5B,mBAAmB6B;YACjCC,OAAO;YACPC,OAAO/B,mBAAmB6B;QAC5B;IACF,OAAO;QACLH,aAAaO,KAAK,GAAG;YACnBL,cAAc9B,gBAAgB+B;YAC9BC,OAAO;YACPC,OAAOjC,gBAAgB+B;QACzB;IACF;IAEA,qBACE,MAACvC;QACC4C,QAAQ,CAAC,EAAEvB,SAAS,CAAC,EAAEH,SAAS,MAAM,CAAC;QACvC2B,WAAWhD;QACXiD,oBAAoB;QACpBV,cAAcA;QACdW,QAAO;QACPC,UAAU,OAAOrC,cAAcqC,aAAa,WAAWrC,aAAaqC,QAAQ,GAAG7B;QAC/E8B,mBAAmB;;0BAEnB,MAACC;gBAAIL,WAAW,CAAC,EAAEhD,UAAU,WAAW,CAAC;;kCACvC,KAACS;wBAAW6C,MAAMlB;;kCAClB,KAAC/B;wBAAckD,OAAOjB,EAAE;wBAAqBkB,MAAK;wBAAWC,QAAQ;;;;0BAEvE,KAACxD;gBACCyD,MAAMlD,eAAe;oBACnBc;oBACAqC,MAAMxC;gBACR;0BAECmB,EAAE;;0BAEL,KAAClC;0BAAYkC,EAAE;;;;AAGrB,EAAC"}
+{"version":3,"sources":["../../../../src/views/Login/LoginForm/index.tsx"],"sourcesContent":["'use client'\n\nimport LinkImport from 'next/link.js'\nimport React from 'react'\n\nconst baseClass = 'login__form'\nconst Link = (LinkImport.default || LinkImport) as unknown as typeof LinkImport.default\n\nimport type { FormState } from 'payload'\n\nimport { Form, FormSubmit, PasswordField, useConfig, useTranslation } from '@payloadcms/ui'\nimport { formatAdminURL } from '@payloadcms/ui/shared'\n\nimport type { LoginFieldProps } from '../LoginField/index.js'\n\nimport { LoginField } from '../LoginField/index.js'\nimport './index.scss'\n\nexport const LoginForm: React.FC<{\n  prefillEmail?: string\n  prefillPassword?: string\n  prefillUsername?: string\n  searchParams: { [key: string]: string | string[] | undefined }\n}> = ({ prefillEmail, prefillPassword, prefillUsername, searchParams }) => {\n  const config = useConfig()\n\n  const {\n    admin: {\n      routes: { forgot: forgotRoute },\n      user: userSlug,\n    },\n    routes: { admin: adminRoute, api: apiRoute },\n  } = config\n\n  const collectionConfig = config.collections?.find((collection) => collection?.slug === userSlug)\n  const { auth: authOptions } = collectionConfig\n  const loginWithUsername = authOptions.loginWithUsername\n  const canLoginWithEmail =\n    !authOptions.loginWithUsername || authOptions.loginWithUsername.allowEmailLogin\n  const canLoginWithUsername = authOptions.loginWithUsername\n\n  const [loginType] = React.useState<LoginFieldProps['type']>(() => {\n    if (canLoginWithEmail && canLoginWithUsername) return 'emailOrUsername'\n    if (canLoginWithUsername) return 'username'\n    return 'email'\n  })\n\n  const { t } = useTranslation()\n\n  const initialState: FormState = {\n    password: {\n      initialValue: prefillPassword ?? undefined,\n      valid: true,\n      value: prefillPassword ?? undefined,\n    },\n  }\n\n  if (loginWithUsername) {\n    initialState.username = {\n      initialValue: prefillUsername ?? undefined,\n      valid: true,\n      value: prefillUsername ?? undefined,\n    }\n  } else {\n    initialState.email = {\n      initialValue: prefillEmail ?? undefined,\n      valid: true,\n      value: prefillEmail ?? undefined,\n    }\n  }\n\n  return (\n    <Form\n      action={`${apiRoute}/${userSlug}/login`}\n      className={baseClass}\n      disableSuccessStatus\n      initialState={initialState}\n      method=\"POST\"\n      redirect={typeof searchParams?.redirect === 'string' ? searchParams.redirect : adminRoute}\n      waitForAutocomplete\n    >\n      <div className={`${baseClass}__inputWrap`}>\n        <LoginField type={loginType} />\n        <PasswordField label={t('general:password')} name=\"password\" required />\n      </div>\n      <Link\n        href={formatAdminURL({\n          adminRoute,\n          path: forgotRoute,\n        })}\n      >\n        {t('authentication:forgotPasswordQuestion')}\n      </Link>\n      <FormSubmit size=\"large\">{t('authentication:login')}</FormSubmit>\n    </Form>\n  )\n}\n"],"names":["LinkImport","React","baseClass","Link","default","Form","FormSubmit","PasswordField","useConfig","useTranslation","formatAdminURL","LoginField","LoginForm","prefillEmail","prefillPassword","prefillUsername","searchParams","config","admin","routes","forgot","forgotRoute","user","userSlug","adminRoute","api","apiRoute","collectionConfig","collections","find","collection","slug","auth","authOptions","loginWithUsername","canLoginWithEmail","allowEmailLogin","canLoginWithUsername","loginType","useState","t","initialState","password","initialValue","undefined","valid","value","username","email","action","className","disableSuccessStatus","method","redirect","waitForAutocomplete","div","type","label","name","required","href","path","size"],"mappings":"AAAA;;AAEA,OAAOA,gBAAgB,eAAc;AACrC,OAAOC,WAAW,QAAO;AAEzB,MAAMC,YAAY;AAClB,MAAMC,OAAQH,WAAWI,OAAO,IAAIJ;AAIpC,SAASK,IAAI,EAAEC,UAAU,EAAEC,aAAa,EAAEC,SAAS,EAAEC,cAAc,QAAQ,iBAAgB;AAC3F,SAASC,cAAc,QAAQ,wBAAuB;AAItD,SAASC,UAAU,QAAQ,yBAAwB;AAGnD,OAAO,MAAMC,YAKR,CAAC,EAAEC,YAAY,EAAEC,eAAe,EAAEC,eAAe,EAAEC,YAAY,EAAE;IACpE,MAAMC,SAAST;IAEf,MAAM,EACJU,OAAO,EACLC,QAAQ,EAAEC,QAAQC,WAAW,EAAE,EAC/BC,MAAMC,QAAQ,EACf,EACDJ,QAAQ,EAAED,OAAOM,UAAU,EAAEC,KAAKC,QAAQ,EAAE,EAC7C,GAAGT;IAEJ,MAAMU,mBAAmBV,OAAOW,WAAW,EAAEC,KAAK,CAACC,aAAeA,YAAYC,SAASR;IACvF,MAAM,EAAES,MAAMC,WAAW,EAAE,GAAGN;IAC9B,MAAMO,oBAAoBD,YAAYC,iBAAiB;IACvD,MAAMC,oBACJ,CAACF,YAAYC,iBAAiB,IAAID,YAAYC,iBAAiB,CAACE,eAAe;IACjF,MAAMC,uBAAuBJ,YAAYC,iBAAiB;IAE1D,MAAM,CAACI,UAAU,GAAGrC,MAAMsC,QAAQ,CAA0B;QAC1D,IAAIJ,qBAAqBE,sBAAsB,OAAO;QACtD,IAAIA,sBAAsB,OAAO;QACjC,OAAO;IACT;IAEA,MAAM,EAAEG,CAAC,EAAE,GAAG/B;IAEd,MAAMgC,eAA0B;QAC9BC,UAAU;YACRC,cAAc7B,mBAAmB8B;YACjCC,OAAO;YACPC,OAAOhC,mBAAmB8B;QAC5B;IACF;IAEA,IAAIV,mBAAmB;QACrBO,aAAaM,QAAQ,GAAG;YACtBJ,cAAc5B,mBAAmB6B;YACjCC,OAAO;YACPC,OAAO/B,mBAAmB6B;QAC5B;IACF,OAAO;QACLH,aAAaO,KAAK,GAAG;YACnBL,cAAc9B,gBAAgB+B;YAC9BC,OAAO;YACPC,OAAOjC,gBAAgB+B;QACzB;IACF;IAEA,qBACE,MAACvC;QACC4C,QAAQ,CAAC,EAAEvB,SAAS,CAAC,EAAEH,SAAS,MAAM,CAAC;QACvC2B,WAAWhD;QACXiD,oBAAoB;QACpBV,cAAcA;QACdW,QAAO;QACPC,UAAU,OAAOrC,cAAcqC,aAAa,WAAWrC,aAAaqC,QAAQ,GAAG7B;QAC/E8B,mBAAmB;;0BAEnB,MAACC;gBAAIL,WAAW,CAAC,EAAEhD,UAAU,WAAW,CAAC;;kCACvC,KAACS;wBAAW6C,MAAMlB;;kCAClB,KAAC/B;wBAAckD,OAAOjB,EAAE;wBAAqBkB,MAAK;wBAAWC,QAAQ;;;;0BAEvE,KAACxD;gBACCyD,MAAMlD,eAAe;oBACnBc;oBACAqC,MAAMxC;gBACR;0BAECmB,EAAE;;0BAEL,KAAClC;gBAAWwD,MAAK;0BAAStB,EAAE;;;;AAGlC,EAAC"}

package/dist/views/Logout/LogoutClient.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"LogoutClient.d.ts","sourceRoot":"","sources":["../../../src/views/Logout/LogoutClient.tsx"],"names":[],"mappings":"AAIA,OAAO,KAA8B,MAAM,OAAO,CAAA;AAIlD,eAAO,MAAM,YAAY,EAAE,KAAK,CAAC,EAAE,CAAC;IAClC,UAAU,EAAE,MAAM,CAAA;IAClB,UAAU,CAAC,EAAE,OAAO,CAAA;IACpB,QAAQ,EAAE,MAAM,CAAA;CACjB,CAqCA,CAAA"}
+{"version":3,"file":"LogoutClient.d.ts","sourceRoot":"","sources":["../../../src/views/Logout/LogoutClient.tsx"],"names":[],"mappings":"AAIA,OAAO,KAA8B,MAAM,OAAO,CAAA;AAIlD,eAAO,MAAM,YAAY,EAAE,KAAK,CAAC,EAAE,CAAC;IAClC,UAAU,EAAE,MAAM,CAAA;IAClB,UAAU,CAAC,EAAE,OAAO,CAAA;IACpB,QAAQ,EAAE,MAAM,CAAA;CACjB,CAsCA,CAAA"}

package/dist/views/Logout/LogoutClient.js

@@ -13,7 +13,7 @@ export const LogoutClient = (props)=>{
     useEffect(()=>{
         if (!isLoggingOut) {
             setIsLoggingOut(true);
-            logOut();
+            void logOut();
         }
     }, [
         isLoggingOut,
@@ -32,6 +32,7 @@ export const LogoutClient = (props)=>{
                     Link: Link,
                     buttonStyle: "secondary",
                     el: "link",
+                    size: "large",
                     url: formatAdminURL({
                         adminRoute,
                         path: `/login${redirect && redirect.length > 0 ? `?redirect=${encodeURIComponent(redirect)}` : ''}`

package/dist/views/Logout/LogoutClient.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/views/Logout/LogoutClient.tsx"],"sourcesContent":["'use client'\nimport { Button, useAuth, useTranslation } from '@payloadcms/ui'\nimport { formatAdminURL } from '@payloadcms/ui/shared'\nimport LinkImport from 'next/link.js'\nimport React, { Fragment, useEffect } from 'react'\n\nconst Link = (LinkImport.default || LinkImport) as unknown as typeof LinkImport.default\n\nexport const LogoutClient: React.FC<{\n  adminRoute: string\n  inactivity?: boolean\n  redirect: string\n}> = (props) => {\n  const { adminRoute, inactivity, redirect } = props\n\n  const [isLoggingOut, setIsLoggingOut] = React.useState<boolean | undefined>(undefined)\n  const { logOut } = useAuth()\n  const { t } = useTranslation()\n\n  useEffect(() => {\n    if (!isLoggingOut) {\n      setIsLoggingOut(true)\n      logOut()\n    }\n  }, [isLoggingOut, logOut])\n\n  if (isLoggingOut) {\n    return (\n      <Fragment>\n        {inactivity && <h2>{t('authentication:loggedOutInactivity')}</h2>}\n        {!inactivity && <h2>{t('authentication:loggedOutSuccessfully')}</h2>}\n        <Button\n          Link={Link}\n          buttonStyle=\"secondary\"\n          el=\"link\"\n          url={formatAdminURL({\n            adminRoute,\n            path: `/login${\n              redirect && redirect.length > 0 ? `?redirect=${encodeURIComponent(redirect)}` : ''\n            }`,\n          })}\n        >\n          {t('authentication:logBackIn')}\n        </Button>\n      </Fragment>\n    )\n  }\n\n  return <Fragment>{t('authentication:loggingOut')}</Fragment>\n}\n"],"names":["Button","useAuth","useTranslation","formatAdminURL","LinkImport","React","Fragment","useEffect","Link","default","LogoutClient","props","adminRoute","inactivity","redirect","isLoggingOut","setIsLoggingOut","useState","undefined","logOut","t","h2","buttonStyle","el","url","path","length","encodeURIComponent"],"mappings":"AAAA;;AACA,SAASA,MAAM,EAAEC,OAAO,EAAEC,cAAc,QAAQ,iBAAgB;AAChE,SAASC,cAAc,QAAQ,wBAAuB;AACtD,OAAOC,gBAAgB,eAAc;AACrC,OAAOC,SAASC,QAAQ,EAAEC,SAAS,QAAQ,QAAO;AAElD,MAAMC,OAAQJ,WAAWK,OAAO,IAAIL;AAEpC,OAAO,MAAMM,eAIR,CAACC;IACJ,MAAM,EAAEC,UAAU,EAAEC,UAAU,EAAEC,QAAQ,EAAE,GAAGH;IAE7C,MAAM,CAACI,cAAcC,gBAAgB,GAAGX,MAAMY,QAAQ,CAAsBC;IAC5E,MAAM,EAAEC,MAAM,EAAE,GAAGlB;IACnB,MAAM,EAAEmB,CAAC,EAAE,GAAGlB;IAEdK,UAAU;QACR,IAAI,CAACQ,cAAc;YACjBC,gBAAgB;YAChBG;QACF;IACF,GAAG;QAACJ;QAAcI;KAAO;IAEzB,IAAIJ,cAAc;QAChB,qBACE,MAACT;;gBACEO,4BAAc,KAACQ;8BAAID,EAAE;;gBACrB,CAACP,4BAAc,KAACQ;8BAAID,EAAE;;8BACvB,KAACpB;oBACCQ,MAAMA;oBACNc,aAAY;oBACZC,IAAG;oBACHC,KAAKrB,eAAe;wBAClBS;wBACAa,MAAM,CAAC,MAAM,EACXX,YAAYA,SAASY,MAAM,GAAG,IAAI,CAAC,UAAU,EAAEC,mBAAmBb,UAAU,CAAC,GAAG,GACjF,CAAC;oBACJ;8BAECM,EAAE;;;;IAIX;IAEA,qBAAO,KAACd;kBAAUc,EAAE;;AACtB,EAAC"}
+{"version":3,"sources":["../../../src/views/Logout/LogoutClient.tsx"],"sourcesContent":["'use client'\nimport { Button, useAuth, useTranslation } from '@payloadcms/ui'\nimport { formatAdminURL } from '@payloadcms/ui/shared'\nimport LinkImport from 'next/link.js'\nimport React, { Fragment, useEffect } from 'react'\n\nconst Link = (LinkImport.default || LinkImport) as unknown as typeof LinkImport.default\n\nexport const LogoutClient: React.FC<{\n  adminRoute: string\n  inactivity?: boolean\n  redirect: string\n}> = (props) => {\n  const { adminRoute, inactivity, redirect } = props\n\n  const [isLoggingOut, setIsLoggingOut] = React.useState<boolean | undefined>(undefined)\n  const { logOut } = useAuth()\n  const { t } = useTranslation()\n\n  useEffect(() => {\n    if (!isLoggingOut) {\n      setIsLoggingOut(true)\n      void logOut()\n    }\n  }, [isLoggingOut, logOut])\n\n  if (isLoggingOut) {\n    return (\n      <Fragment>\n        {inactivity && <h2>{t('authentication:loggedOutInactivity')}</h2>}\n        {!inactivity && <h2>{t('authentication:loggedOutSuccessfully')}</h2>}\n        <Button\n          Link={Link}\n          buttonStyle=\"secondary\"\n          el=\"link\"\n          size=\"large\"\n          url={formatAdminURL({\n            adminRoute,\n            path: `/login${\n              redirect && redirect.length > 0 ? `?redirect=${encodeURIComponent(redirect)}` : ''\n            }`,\n          })}\n        >\n          {t('authentication:logBackIn')}\n        </Button>\n      </Fragment>\n    )\n  }\n\n  return <Fragment>{t('authentication:loggingOut')}</Fragment>\n}\n"],"names":["Button","useAuth","useTranslation","formatAdminURL","LinkImport","React","Fragment","useEffect","Link","default","LogoutClient","props","adminRoute","inactivity","redirect","isLoggingOut","setIsLoggingOut","useState","undefined","logOut","t","h2","buttonStyle","el","size","url","path","length","encodeURIComponent"],"mappings":"AAAA;;AACA,SAASA,MAAM,EAAEC,OAAO,EAAEC,cAAc,QAAQ,iBAAgB;AAChE,SAASC,cAAc,QAAQ,wBAAuB;AACtD,OAAOC,gBAAgB,eAAc;AACrC,OAAOC,SAASC,QAAQ,EAAEC,SAAS,QAAQ,QAAO;AAElD,MAAMC,OAAQJ,WAAWK,OAAO,IAAIL;AAEpC,OAAO,MAAMM,eAIR,CAACC;IACJ,MAAM,EAAEC,UAAU,EAAEC,UAAU,EAAEC,QAAQ,EAAE,GAAGH;IAE7C,MAAM,CAACI,cAAcC,gBAAgB,GAAGX,MAAMY,QAAQ,CAAsBC;IAC5E,MAAM,EAAEC,MAAM,EAAE,GAAGlB;IACnB,MAAM,EAAEmB,CAAC,EAAE,GAAGlB;IAEdK,UAAU;QACR,IAAI,CAACQ,cAAc;YACjBC,gBAAgB;YAChB,KAAKG;QACP;IACF,GAAG;QAACJ;QAAcI;KAAO;IAEzB,IAAIJ,cAAc;QAChB,qBACE,MAACT;;gBACEO,4BAAc,KAACQ;8BAAID,EAAE;;gBACrB,CAACP,4BAAc,KAACQ;8BAAID,EAAE;;8BACvB,KAACpB;oBACCQ,MAAMA;oBACNc,aAAY;oBACZC,IAAG;oBACHC,MAAK;oBACLC,KAAKtB,eAAe;wBAClBS;wBACAc,MAAM,CAAC,MAAM,EACXZ,YAAYA,SAASa,MAAM,GAAG,IAAI,CAAC,UAAU,EAAEC,mBAAmBd,UAAU,CAAC,GAAG,GACjF,CAAC;oBACJ;8BAECM,EAAE;;;;IAIX;IAEA,qBAAO,KAACd;kBAAUc,EAAE;;AACtB,EAAC"}

package/dist/views/NotFound/index.client.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.client.d.ts","sourceRoot":"","sources":["../../../src/views/NotFound/index.client.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAoB,MAAM,OAAO,CAAA;AAExC,OAAO,cAAc,CAAA;AAMrB,eAAO,MAAM,cAAc,EAAE,KAAK,CAAC,EAAE,CAAC;IACpC,SAAS,CAAC,EAAE,OAAO,CAAA;CACpB,CAiCA,CAAA"}
+{"version":3,"file":"index.client.d.ts","sourceRoot":"","sources":["../../../src/views/NotFound/index.client.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAoB,MAAM,OAAO,CAAA;AAExC,OAAO,cAAc,CAAA;AAMrB,eAAO,MAAM,cAAc,EAAE,KAAK,CAAC,EAAE,CAAC;IACpC,SAAS,CAAC,EAAE,OAAO,CAAA;CACpB,CAuCA,CAAA"}

package/dist/views/NotFound/index.client.js

@@ -38,6 +38,7 @@ export const NotFoundClient = (props)=>{
                     Link: Link,
                     className: `${baseClass}__button`,
                     el: "link",
+                    size: "large",
                     to: adminRoute,
                     children: t('general:backToDashboard')
                 })

package/dist/views/NotFound/index.client.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/views/NotFound/index.client.tsx"],"sourcesContent":["'use client'\nimport { Button, Gutter, useConfig, useStepNav, useTranslation } from '@payloadcms/ui'\nimport LinkImport from 'next/link.js'\nimport React, { useEffect } from 'react'\n\nimport './index.scss'\n\nconst baseClass = 'not-found'\n\nconst Link = (LinkImport.default || LinkImport) as unknown as typeof LinkImport.default\n\nexport const NotFoundClient: React.FC<{\n  marginTop?: 'large'\n}> = (props) => {\n  const { marginTop = 'large' } = props\n\n  const { setStepNav } = useStepNav()\n  const { t } = useTranslation()\n\n  const {\n    routes: { admin: adminRoute },\n  } = useConfig()\n\n  useEffect(() => {\n    setStepNav([\n      {\n        label: t('general:notFound'),\n      },\n    ])\n  }, [setStepNav, t])\n\n  return (\n    <div\n      className={[baseClass, marginTop && `${baseClass}--margin-top-${marginTop}`]\n        .filter(Boolean)\n        .join(' ')}\n    >\n      <Gutter className={`${baseClass}__wrap`}>\n        <h1>{t('general:nothingFound')}</h1>\n        <p>{t('general:sorryNotFound')}</p>\n        <Button Link={Link} className={`${baseClass}__button`} el=\"link\" to={adminRoute}>\n          {t('general:backToDashboard')}\n        </Button>\n      </Gutter>\n    </div>\n  )\n}\n"],"names":["Button","Gutter","useConfig","useStepNav","useTranslation","LinkImport","React","useEffect","baseClass","Link","default","NotFoundClient","props","marginTop","setStepNav","t","routes","admin","adminRoute","label","div","className","filter","Boolean","join","h1","p","el","to"],"mappings":"AAAA;;AACA,SAASA,MAAM,EAAEC,MAAM,EAAEC,SAAS,EAAEC,UAAU,EAAEC,cAAc,QAAQ,iBAAgB;AACtF,OAAOC,gBAAgB,eAAc;AACrC,OAAOC,SAASC,SAAS,QAAQ,QAAO;AAIxC,MAAMC,YAAY;AAElB,MAAMC,OAAQJ,WAAWK,OAAO,IAAIL;AAEpC,OAAO,MAAMM,iBAER,CAACC;IACJ,MAAM,EAAEC,YAAY,OAAO,EAAE,GAAGD;IAEhC,MAAM,EAAEE,UAAU,EAAE,GAAGX;IACvB,MAAM,EAAEY,CAAC,EAAE,GAAGX;IAEd,MAAM,EACJY,QAAQ,EAAEC,OAAOC,UAAU,EAAE,EAC9B,GAAGhB;IAEJK,UAAU;QACRO,WAAW;YACT;gBACEK,OAAOJ,EAAE;YACX;SACD;IACH,GAAG;QAACD;QAAYC;KAAE;IAElB,qBACE,KAACK;QACCC,WAAW;YAACb;YAAWK,aAAa,CAAC,EAAEL,UAAU,aAAa,EAAEK,UAAU,CAAC;SAAC,CACzES,MAAM,CAACC,SACPC,IAAI,CAAC;kBAER,cAAA,MAACvB;YAAOoB,WAAW,CAAC,EAAEb,UAAU,MAAM,CAAC;;8BACrC,KAACiB;8BAAIV,EAAE;;8BACP,KAACW;8BAAGX,EAAE;;8BACN,KAACf;oBAAOS,MAAMA;oBAAMY,WAAW,CAAC,EAAEb,UAAU,QAAQ,CAAC;oBAAEmB,IAAG;oBAAOC,IAAIV;8BAClEH,EAAE;;;;;AAKb,EAAC"}
+{"version":3,"sources":["../../../src/views/NotFound/index.client.tsx"],"sourcesContent":["'use client'\nimport { Button, Gutter, useConfig, useStepNav, useTranslation } from '@payloadcms/ui'\nimport LinkImport from 'next/link.js'\nimport React, { useEffect } from 'react'\n\nimport './index.scss'\n\nconst baseClass = 'not-found'\n\nconst Link = (LinkImport.default || LinkImport) as unknown as typeof LinkImport.default\n\nexport const NotFoundClient: React.FC<{\n  marginTop?: 'large'\n}> = (props) => {\n  const { marginTop = 'large' } = props\n\n  const { setStepNav } = useStepNav()\n  const { t } = useTranslation()\n\n  const {\n    routes: { admin: adminRoute },\n  } = useConfig()\n\n  useEffect(() => {\n    setStepNav([\n      {\n        label: t('general:notFound'),\n      },\n    ])\n  }, [setStepNav, t])\n\n  return (\n    <div\n      className={[baseClass, marginTop && `${baseClass}--margin-top-${marginTop}`]\n        .filter(Boolean)\n        .join(' ')}\n    >\n      <Gutter className={`${baseClass}__wrap`}>\n        <h1>{t('general:nothingFound')}</h1>\n        <p>{t('general:sorryNotFound')}</p>\n        <Button\n          Link={Link}\n          className={`${baseClass}__button`}\n          el=\"link\"\n          size=\"large\"\n          to={adminRoute}\n        >\n          {t('general:backToDashboard')}\n        </Button>\n      </Gutter>\n    </div>\n  )\n}\n"],"names":["Button","Gutter","useConfig","useStepNav","useTranslation","LinkImport","React","useEffect","baseClass","Link","default","NotFoundClient","props","marginTop","setStepNav","t","routes","admin","adminRoute","label","div","className","filter","Boolean","join","h1","p","el","size","to"],"mappings":"AAAA;;AACA,SAASA,MAAM,EAAEC,MAAM,EAAEC,SAAS,EAAEC,UAAU,EAAEC,cAAc,QAAQ,iBAAgB;AACtF,OAAOC,gBAAgB,eAAc;AACrC,OAAOC,SAASC,SAAS,QAAQ,QAAO;AAIxC,MAAMC,YAAY;AAElB,MAAMC,OAAQJ,WAAWK,OAAO,IAAIL;AAEpC,OAAO,MAAMM,iBAER,CAACC;IACJ,MAAM,EAAEC,YAAY,OAAO,EAAE,GAAGD;IAEhC,MAAM,EAAEE,UAAU,EAAE,GAAGX;IACvB,MAAM,EAAEY,CAAC,EAAE,GAAGX;IAEd,MAAM,EACJY,QAAQ,EAAEC,OAAOC,UAAU,EAAE,EAC9B,GAAGhB;IAEJK,UAAU;QACRO,WAAW;YACT;gBACEK,OAAOJ,EAAE;YACX;SACD;IACH,GAAG;QAACD;QAAYC;KAAE;IAElB,qBACE,KAACK;QACCC,WAAW;YAACb;YAAWK,aAAa,CAAC,EAAEL,UAAU,aAAa,EAAEK,UAAU,CAAC;SAAC,CACzES,MAAM,CAACC,SACPC,IAAI,CAAC;kBAER,cAAA,MAACvB;YAAOoB,WAAW,CAAC,EAAEb,UAAU,MAAM,CAAC;;8BACrC,KAACiB;8BAAIV,EAAE;;8BACP,KAACW;8BAAGX,EAAE;;8BACN,KAACf;oBACCS,MAAMA;oBACNY,WAAW,CAAC,EAAEb,UAAU,QAAQ,CAAC;oBACjCmB,IAAG;oBACHC,MAAK;oBACLC,IAAIX;8BAEHH,EAAE;;;;;AAKb,EAAC"}

package/dist/views/ResetPassword/index.client.js

@@ -59,6 +59,7 @@ export const ResetPasswordClient = ({ token })=>{
                 value: token
             }),
             /*#__PURE__*/ _jsx(FormSubmit, {
+                size: "large",
                 children: i18n.t('authentication:resetPassword')
             })
         ]

package/dist/views/ResetPassword/index.client.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/views/ResetPassword/index.client.tsx"],"sourcesContent":["'use client'\nimport type { FormState } from 'payload'\n\nimport {\n  ConfirmPasswordField,\n  Form,\n  FormSubmit,\n  HiddenField,\n  PasswordField,\n  useAuth,\n  useConfig,\n  useTranslation,\n} from '@payloadcms/ui'\nimport { formatAdminURL } from '@payloadcms/ui/shared'\nimport { useRouter } from 'next/navigation.js'\nimport React from 'react'\nimport { toast } from 'sonner'\n\ntype Args = {\n  token: string\n}\n\nconst initialState: FormState = {\n  'confirm-password': {\n    initialValue: '',\n    valid: false,\n    value: '',\n  },\n  password: {\n    initialValue: '',\n    valid: false,\n    value: '',\n  },\n}\n\nexport const ResetPasswordClient: React.FC<Args> = ({ token }) => {\n  const i18n = useTranslation()\n  const {\n    admin: {\n      routes: { login: loginRoute },\n      user: userSlug,\n    },\n    routes: { admin: adminRoute, api: apiRoute },\n    serverURL,\n  } = useConfig()\n\n  const history = useRouter()\n\n  const { fetchFullUser } = useAuth()\n\n  const onSuccess = React.useCallback(\n    async (data) => {\n      if (data.token) {\n        await fetchFullUser()\n        history.push(adminRoute)\n      } else {\n        history.push(\n          formatAdminURL({\n            adminRoute,\n            path: loginRoute,\n          }),\n        )\n        toast.success(i18n.t('general:updatedSuccessfully'))\n      }\n    },\n    [adminRoute, fetchFullUser, history, i18n, loginRoute],\n  )\n\n  return (\n    <Form\n      action={`${serverURL}${apiRoute}/${userSlug}/reset-password`}\n      initialState={initialState}\n      method=\"POST\"\n      onSuccess={onSuccess}\n    >\n      <PasswordField\n        label={i18n.t('authentication:newPassword')}\n        name=\"password\"\n        path=\"password\"\n        required\n      />\n      <ConfirmPasswordField />\n      <HiddenField forceUsePathFromProps name=\"token\" value={token} />\n      <FormSubmit>{i18n.t('authentication:resetPassword')}</FormSubmit>\n    </Form>\n  )\n}\n"],"names":["ConfirmPasswordField","Form","FormSubmit","HiddenField","PasswordField","useAuth","useConfig","useTranslation","formatAdminURL","useRouter","React","toast","initialState","initialValue","valid","value","password","ResetPasswordClient","token","i18n","admin","routes","login","loginRoute","user","userSlug","adminRoute","api","apiRoute","serverURL","history","fetchFullUser","onSuccess","useCallback","data","push","path","success","t","action","method","label","name","required","forceUsePathFromProps"],"mappings":"AAAA;;AAGA,SACEA,oBAAoB,EACpBC,IAAI,EACJC,UAAU,EACVC,WAAW,EACXC,aAAa,EACbC,OAAO,EACPC,SAAS,EACTC,cAAc,QACT,iBAAgB;AACvB,SAASC,cAAc,QAAQ,wBAAuB;AACtD,SAASC,SAAS,QAAQ,qBAAoB;AAC9C,OAAOC,WAAW,QAAO;AACzB,SAASC,KAAK,QAAQ,SAAQ;AAM9B,MAAMC,eAA0B;IAC9B,oBAAoB;QAClBC,cAAc;QACdC,OAAO;QACPC,OAAO;IACT;IACAC,UAAU;QACRH,cAAc;QACdC,OAAO;QACPC,OAAO;IACT;AACF;AAEA,OAAO,MAAME,sBAAsC,CAAC,EAAEC,KAAK,EAAE;IAC3D,MAAMC,OAAOZ;IACb,MAAM,EACJa,OAAO,EACLC,QAAQ,EAAEC,OAAOC,UAAU,EAAE,EAC7BC,MAAMC,QAAQ,EACf,EACDJ,QAAQ,EAAED,OAAOM,UAAU,EAAEC,KAAKC,QAAQ,EAAE,EAC5CC,SAAS,EACV,GAAGvB;IAEJ,MAAMwB,UAAUrB;IAEhB,MAAM,EAAEsB,aAAa,EAAE,GAAG1B;IAE1B,MAAM2B,YAAYtB,MAAMuB,WAAW,CACjC,OAAOC;QACL,IAAIA,KAAKhB,KAAK,EAAE;YACd,MAAMa;YACND,QAAQK,IAAI,CAACT;QACf,OAAO;YACLI,QAAQK,IAAI,CACV3B,eAAe;gBACbkB;gBACAU,MAAMb;YACR;YAEFZ,MAAM0B,OAAO,CAAClB,KAAKmB,CAAC,CAAC;QACvB;IACF,GACA;QAACZ;QAAYK;QAAeD;QAASX;QAAMI;KAAW;IAGxD,qBACE,MAACtB;QACCsC,QAAQ,CAAC,EAAEV,UAAU,EAAED,SAAS,CAAC,EAAEH,SAAS,eAAe,CAAC;QAC5Db,cAAcA;QACd4B,QAAO;QACPR,WAAWA;;0BAEX,KAAC5B;gBACCqC,OAAOtB,KAAKmB,CAAC,CAAC;gBACdI,MAAK;gBACLN,MAAK;gBACLO,QAAQ;;0BAEV,KAAC3C;0BACD,KAACG;gBAAYyC,qBAAqB;gBAACF,MAAK;gBAAQ3B,OAAOG;;0BACvD,KAAChB;0BAAYiB,KAAKmB,CAAC,CAAC;;;;AAG1B,EAAC"}
+{"version":3,"sources":["../../../src/views/ResetPassword/index.client.tsx"],"sourcesContent":["'use client'\nimport type { FormState } from 'payload'\n\nimport {\n  ConfirmPasswordField,\n  Form,\n  FormSubmit,\n  HiddenField,\n  PasswordField,\n  useAuth,\n  useConfig,\n  useTranslation,\n} from '@payloadcms/ui'\nimport { formatAdminURL } from '@payloadcms/ui/shared'\nimport { useRouter } from 'next/navigation.js'\nimport React from 'react'\nimport { toast } from 'sonner'\n\ntype Args = {\n  token: string\n}\n\nconst initialState: FormState = {\n  'confirm-password': {\n    initialValue: '',\n    valid: false,\n    value: '',\n  },\n  password: {\n    initialValue: '',\n    valid: false,\n    value: '',\n  },\n}\n\nexport const ResetPasswordClient: React.FC<Args> = ({ token }) => {\n  const i18n = useTranslation()\n  const {\n    admin: {\n      routes: { login: loginRoute },\n      user: userSlug,\n    },\n    routes: { admin: adminRoute, api: apiRoute },\n    serverURL,\n  } = useConfig()\n\n  const history = useRouter()\n\n  const { fetchFullUser } = useAuth()\n\n  const onSuccess = React.useCallback(\n    async (data) => {\n      if (data.token) {\n        await fetchFullUser()\n        history.push(adminRoute)\n      } else {\n        history.push(\n          formatAdminURL({\n            adminRoute,\n            path: loginRoute,\n          }),\n        )\n        toast.success(i18n.t('general:updatedSuccessfully'))\n      }\n    },\n    [adminRoute, fetchFullUser, history, i18n, loginRoute],\n  )\n\n  return (\n    <Form\n      action={`${serverURL}${apiRoute}/${userSlug}/reset-password`}\n      initialState={initialState}\n      method=\"POST\"\n      onSuccess={onSuccess}\n    >\n      <PasswordField\n        label={i18n.t('authentication:newPassword')}\n        name=\"password\"\n        path=\"password\"\n        required\n      />\n      <ConfirmPasswordField />\n      <HiddenField forceUsePathFromProps name=\"token\" value={token} />\n      <FormSubmit size=\"large\">{i18n.t('authentication:resetPassword')}</FormSubmit>\n    </Form>\n  )\n}\n"],"names":["ConfirmPasswordField","Form","FormSubmit","HiddenField","PasswordField","useAuth","useConfig","useTranslation","formatAdminURL","useRouter","React","toast","initialState","initialValue","valid","value","password","ResetPasswordClient","token","i18n","admin","routes","login","loginRoute","user","userSlug","adminRoute","api","apiRoute","serverURL","history","fetchFullUser","onSuccess","useCallback","data","push","path","success","t","action","method","label","name","required","forceUsePathFromProps","size"],"mappings":"AAAA;;AAGA,SACEA,oBAAoB,EACpBC,IAAI,EACJC,UAAU,EACVC,WAAW,EACXC,aAAa,EACbC,OAAO,EACPC,SAAS,EACTC,cAAc,QACT,iBAAgB;AACvB,SAASC,cAAc,QAAQ,wBAAuB;AACtD,SAASC,SAAS,QAAQ,qBAAoB;AAC9C,OAAOC,WAAW,QAAO;AACzB,SAASC,KAAK,QAAQ,SAAQ;AAM9B,MAAMC,eAA0B;IAC9B,oBAAoB;QAClBC,cAAc;QACdC,OAAO;QACPC,OAAO;IACT;IACAC,UAAU;QACRH,cAAc;QACdC,OAAO;QACPC,OAAO;IACT;AACF;AAEA,OAAO,MAAME,sBAAsC,CAAC,EAAEC,KAAK,EAAE;IAC3D,MAAMC,OAAOZ;IACb,MAAM,EACJa,OAAO,EACLC,QAAQ,EAAEC,OAAOC,UAAU,EAAE,EAC7BC,MAAMC,QAAQ,EACf,EACDJ,QAAQ,EAAED,OAAOM,UAAU,EAAEC,KAAKC,QAAQ,EAAE,EAC5CC,SAAS,EACV,GAAGvB;IAEJ,MAAMwB,UAAUrB;IAEhB,MAAM,EAAEsB,aAAa,EAAE,GAAG1B;IAE1B,MAAM2B,YAAYtB,MAAMuB,WAAW,CACjC,OAAOC;QACL,IAAIA,KAAKhB,KAAK,EAAE;YACd,MAAMa;YACND,QAAQK,IAAI,CAACT;QACf,OAAO;YACLI,QAAQK,IAAI,CACV3B,eAAe;gBACbkB;gBACAU,MAAMb;YACR;YAEFZ,MAAM0B,OAAO,CAAClB,KAAKmB,CAAC,CAAC;QACvB;IACF,GACA;QAACZ;QAAYK;QAAeD;QAASX;QAAMI;KAAW;IAGxD,qBACE,MAACtB;QACCsC,QAAQ,CAAC,EAAEV,UAAU,EAAED,SAAS,CAAC,EAAEH,SAAS,eAAe,CAAC;QAC5Db,cAAcA;QACd4B,QAAO;QACPR,WAAWA;;0BAEX,KAAC5B;gBACCqC,OAAOtB,KAAKmB,CAAC,CAAC;gBACdI,MAAK;gBACLN,MAAK;gBACLO,QAAQ;;0BAEV,KAAC3C;0BACD,KAACG;gBAAYyC,qBAAqB;gBAACF,MAAK;gBAAQ3B,OAAOG;;0BACvD,KAAChB;gBAAW2C,MAAK;0BAAS1B,KAAKmB,CAAC,CAAC;;;;AAGvC,EAAC"}

package/dist/views/Unauthorized/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/views/Unauthorized/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,kBAAkB,EAAE,MAAM,SAAS,CAAA;AAMjD,OAAO,cAAc,CAAA;AAIrB,OAAO,EAAE,4BAA4B,EAAE,MAAM,WAAW,CAAA;AAIxD,eAAO,MAAM,gBAAgB,EAAE,kBAuB9B,CAAA"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/views/Unauthorized/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,kBAAkB,EAAE,MAAM,SAAS,CAAA;AAMjD,OAAO,cAAc,CAAA;AAIrB,OAAO,EAAE,4BAA4B,EAAE,MAAM,WAAW,CAAA;AAIxD,eAAO,MAAM,gBAAgB,EAAE,kBA6B9B,CAAA"}

package/dist/views/Unauthorized/index.js

@@ -20,6 +20,7 @@ export const UnauthorizedView = ({ initPageResult })=>{
                 Link: Link,
                 className: `${baseClass}__button`,
                 el: "link",
+                size: "large",
                 to: logoutRoute,
                 children: i18n.t('authentication:logOut')
             })

package/dist/views/Unauthorized/index.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/views/Unauthorized/index.tsx"],"sourcesContent":["import type { AdminViewComponent } from 'payload'\n\nimport { Button, Gutter } from '@payloadcms/ui'\nimport LinkImport from 'next/link.js'\nimport React from 'react'\n\nimport './index.scss'\n\nconst Link = (LinkImport.default || LinkImport) as unknown as typeof LinkImport.default\n\nexport { generateUnauthorizedMetadata } from './meta.js'\n\nconst baseClass = 'unauthorized'\n\nexport const UnauthorizedView: AdminViewComponent = ({ initPageResult }) => {\n  const {\n    req: {\n      i18n,\n      payload: {\n        config: {\n          admin: {\n            routes: { logout: logoutRoute },\n          },\n        },\n      },\n    },\n  } = initPageResult\n\n  return (\n    <Gutter className={baseClass}>\n      <h2>{i18n.t('error:unauthorized')}</h2>\n      <p>{i18n.t('error:notAllowedToAccessPage')}</p>\n      <Button Link={Link} className={`${baseClass}__button`} el=\"link\" to={logoutRoute}>\n        {i18n.t('authentication:logOut')}\n      </Button>\n    </Gutter>\n  )\n}\n"],"names":["Button","Gutter","LinkImport","React","Link","default","generateUnauthorizedMetadata","baseClass","UnauthorizedView","initPageResult","req","i18n","payload","config","admin","routes","logout","logoutRoute","className","h2","t","p","el","to"],"mappings":";AAEA,SAASA,MAAM,EAAEC,MAAM,QAAQ,iBAAgB;AAC/C,OAAOC,gBAAgB,eAAc;AACrC,OAAOC,WAAW,QAAO;AAIzB,MAAMC,OAAQF,WAAWG,OAAO,IAAIH;AAEpC,SAASI,4BAA4B,QAAQ,YAAW;AAExD,MAAMC,YAAY;AAElB,OAAO,MAAMC,mBAAuC,CAAC,EAAEC,cAAc,EAAE;IACrE,MAAM,EACJC,KAAK,EACHC,IAAI,EACJC,SAAS,EACPC,QAAQ,EACNC,OAAO,EACLC,QAAQ,EAAEC,QAAQC,WAAW,EAAE,EAChC,EACF,EACF,EACF,EACF,GAAGR;IAEJ,qBACE,MAACR;QAAOiB,WAAWX;;0BACjB,KAACY;0BAAIR,KAAKS,CAAC,CAAC;;0BACZ,KAACC;0BAAGV,KAAKS,CAAC,CAAC;;0BACX,KAACpB;gBAAOI,MAAMA;gBAAMc,WAAW,CAAC,EAAEX,UAAU,QAAQ,CAAC;gBAAEe,IAAG;gBAAOC,IAAIN;0BAClEN,KAAKS,CAAC,CAAC;;;;AAIhB,EAAC"}
+{"version":3,"sources":["../../../src/views/Unauthorized/index.tsx"],"sourcesContent":["import type { AdminViewComponent } from 'payload'\n\nimport { Button, Gutter } from '@payloadcms/ui'\nimport LinkImport from 'next/link.js'\nimport React from 'react'\n\nimport './index.scss'\n\nconst Link = (LinkImport.default || LinkImport) as unknown as typeof LinkImport.default\n\nexport { generateUnauthorizedMetadata } from './meta.js'\n\nconst baseClass = 'unauthorized'\n\nexport const UnauthorizedView: AdminViewComponent = ({ initPageResult }) => {\n  const {\n    req: {\n      i18n,\n      payload: {\n        config: {\n          admin: {\n            routes: { logout: logoutRoute },\n          },\n        },\n      },\n    },\n  } = initPageResult\n\n  return (\n    <Gutter className={baseClass}>\n      <h2>{i18n.t('error:unauthorized')}</h2>\n      <p>{i18n.t('error:notAllowedToAccessPage')}</p>\n      <Button\n        Link={Link}\n        className={`${baseClass}__button`}\n        el=\"link\"\n        size=\"large\"\n        to={logoutRoute}\n      >\n        {i18n.t('authentication:logOut')}\n      </Button>\n    </Gutter>\n  )\n}\n"],"names":["Button","Gutter","LinkImport","React","Link","default","generateUnauthorizedMetadata","baseClass","UnauthorizedView","initPageResult","req","i18n","payload","config","admin","routes","logout","logoutRoute","className","h2","t","p","el","size","to"],"mappings":";AAEA,SAASA,MAAM,EAAEC,MAAM,QAAQ,iBAAgB;AAC/C,OAAOC,gBAAgB,eAAc;AACrC,OAAOC,WAAW,QAAO;AAIzB,MAAMC,OAAQF,WAAWG,OAAO,IAAIH;AAEpC,SAASI,4BAA4B,QAAQ,YAAW;AAExD,MAAMC,YAAY;AAElB,OAAO,MAAMC,mBAAuC,CAAC,EAAEC,cAAc,EAAE;IACrE,MAAM,EACJC,KAAK,EACHC,IAAI,EACJC,SAAS,EACPC,QAAQ,EACNC,OAAO,EACLC,QAAQ,EAAEC,QAAQC,WAAW,EAAE,EAChC,EACF,EACF,EACF,EACF,GAAGR;IAEJ,qBACE,MAACR;QAAOiB,WAAWX;;0BACjB,KAACY;0BAAIR,KAAKS,CAAC,CAAC;;0BACZ,KAACC;0BAAGV,KAAKS,CAAC,CAAC;;0BACX,KAACpB;gBACCI,MAAMA;gBACNc,WAAW,CAAC,EAAEX,UAAU,QAAQ,CAAC;gBACjCe,IAAG;gBACHC,MAAK;gBACLC,IAAIP;0BAEHN,KAAKS,CAAC,CAAC;;;;AAIhB,EAAC"}

package/dist/views/Version/Default/index.js

@@ -46,7 +46,7 @@ export const DefaultVersionView = ({ doc, docPermissions, initialComparisonDoc,
     const comparison = compareValue?.value && currentComparisonDoc?.version // the `version` key is only present on `versions` documents
     ;
     const canUpdate = docPermissions?.update?.permission;
-    const localeValues = locales.map((locale)=>locale.value);
+    const localeValues = locales && locales.map((locale)=>locale.value);
     return /*#__PURE__*/ _jsxs("main", {
         className: baseClass,
         children: [