@payloadcms/next 3.0.0-canary.6d9b462 → 3.0.0-canary.71da5b9

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

@@ -1,164 +1,307 @@
 'use client';
+
+import { c as _c } from "react/compiler-runtime";
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { Button } from '@payloadcms/ui/elements/Button';
-import { Checkbox } from '@payloadcms/ui/fields/Checkbox';
-import { ConfirmPassword } from '@payloadcms/ui/fields/ConfirmPassword';
-import { Email } from '@payloadcms/ui/fields/Email';
-import { Password } from '@payloadcms/ui/fields/Password';
-import { useFormFields, useFormModified } from '@payloadcms/ui/forms/Form';
-import { useConfig } from '@payloadcms/ui/providers/Config';
-import { useDocumentInfo } from '@payloadcms/ui/providers/DocumentInfo';
-import { useTranslation } from '@payloadcms/ui/providers/Translation';
-import React, { useCallback, useEffect, useState } from 'react';
-import { toast } from 'react-toastify';
+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)=>{
-    const { className, collectionSlug, disableLocalStrategy, email, operation, readOnly, requirePassword, useAPIKey, verify } = props;
-    const [changingPassword, setChangingPassword] = useState(requirePassword);
-    const enableAPIKey = useFormFields(([fields])=>fields && fields?.enableAPIKey || null);
-    const dispatchFields = useFormFields((reducer)=>reducer[1]);
-    const modified = useFormModified();
-    const { i18n, t } = useTranslation();
-    const { isInitializing } = useDocumentInfo();
-    const { routes: { api }, serverURL } = useConfig();
-    const handleChangePassword = useCallback((state)=>{
-        if (!state) {
-            dispatchFields({
-                type: 'REMOVE',
-                path: 'password'
-            });
-            dispatchFields({
-                type: 'REMOVE',
-                path: 'confirm-password'
-            });
-        }
-        setChangingPassword(state);
-    }, [
-        dispatchFields
-    ]);
-    const unlock = useCallback(async ()=>{
-        const url = `${serverURL}${api}/${collectionSlug}/unlock`;
-        const response = await fetch(url, {
-            body: JSON.stringify({
-                email
-            }),
-            credentials: 'include',
-            headers: {
-                'Accept-Language': i18n.language,
-                'Content-Type': 'application/json'
-            },
-            method: 'post'
+export const Auth = props => {
+  const $ = _c(48);
+  const {
+    className,
+    collectionSlug,
+    disableLocalStrategy,
+    email,
+    loginWithUsername,
+    operation,
+    readOnly,
+    requirePassword,
+    setSchemaPath,
+    setValidateBeforeSubmit,
+    useAPIKey,
+    username,
+    verify
+  } = props;
+  const {
+    permissions
+  } = useAuth();
+  const [changingPassword, setChangingPassword] = useState(requirePassword);
+  const enableAPIKey = useFormFields(_temp);
+  const forceOpenChangePassword = useFormFields(_temp2);
+  const dispatchFields = useFormFields(_temp3);
+  const modified = useFormModified();
+  const {
+    i18n,
+    t
+  } = useTranslation();
+  const {
+    docPermissions,
+    isInitializing
+  } = useDocumentInfo();
+  const {
+    config: t0
+  } = useConfig();
+  const {
+    routes: t1,
+    serverURL
+  } = t0;
+  const {
+    api
+  } = t1;
+  let t2;
+  bb0: {
+    const collection = permissions?.collections?.[collectionSlug];
+    if (collection) {
+      const unlock = "unlock" in collection ? collection.unlock : undefined;
+      if (unlock) {
+        t2 = unlock.permission;
+        break bb0;
+      }
+    }
+    t2 = false;
+  }
+  const hasPermissionToUnlock = t2;
+  let t3;
+  if ($[0] !== setValidateBeforeSubmit || $[1] !== setSchemaPath || $[2] !== collectionSlug || $[3] !== dispatchFields || $[4] !== t) {
+    t3 = showPasswordFields => {
+      if (showPasswordFields) {
+        setValidateBeforeSubmit(true);
+        setSchemaPath(`_${collectionSlug}.auth`);
+        dispatchFields({
+          type: "UPDATE",
+          errorMessage: t("validation:required"),
+          path: "password",
+          valid: false
         });
-        if (response.status === 200) {
-            toast.success(t('authentication:successfullyUnlocked'), {
-                autoClose: 3000
-            });
-        } else {
-            toast.error(t('authentication:failedToUnlock'));
-        }
-    }, [
-        i18n,
-        serverURL,
-        api,
-        collectionSlug,
-        email,
-        t
-    ]);
-    useEffect(()=>{
-        if (!modified) {
-            setChangingPassword(false);
+        dispatchFields({
+          type: "UPDATE",
+          errorMessage: t("validation:required"),
+          path: "confirm-password",
+          valid: false
+        });
+      } else {
+        setValidateBeforeSubmit(false);
+        setSchemaPath(collectionSlug);
+        dispatchFields({
+          type: "REMOVE",
+          path: "password"
+        });
+        dispatchFields({
+          type: "REMOVE",
+          path: "confirm-password"
+        });
+      }
+      setChangingPassword(showPasswordFields);
+    };
+    $[0] = setValidateBeforeSubmit;
+    $[1] = setSchemaPath;
+    $[2] = collectionSlug;
+    $[3] = dispatchFields;
+    $[4] = t;
+    $[5] = t3;
+  } else {
+    t3 = $[5];
+  }
+  const handleChangePassword = t3;
+  let t4;
+  if ($[6] !== serverURL || $[7] !== api || $[8] !== collectionSlug || $[9] !== loginWithUsername || $[10] !== username || $[11] !== email || $[12] !== i18n.language || $[13] !== t) {
+    t4 = async () => {
+      const url = `${serverURL}${api}/${collectionSlug}/unlock`;
+      const response = await fetch(url, {
+        body: loginWithUsername && username ? JSON.stringify({
+          username
+        }) : JSON.stringify({
+          email
+        }),
+        credentials: "include",
+        headers: {
+          "Accept-Language": i18n.language,
+          "Content-Type": "application/json"
+        },
+        method: "post"
+      });
+      if (response.status === 200) {
+        toast.success(t("authentication:successfullyUnlocked"));
+      } else {
+        toast.error(t("authentication:failedToUnlock"));
+      }
+    };
+    $[6] = serverURL;
+    $[7] = api;
+    $[8] = collectionSlug;
+    $[9] = loginWithUsername;
+    $[10] = username;
+    $[11] = email;
+    $[12] = i18n.language;
+    $[13] = t;
+    $[14] = t4;
+  } else {
+    t4 = $[14];
+  }
+  const unlock_0 = t4;
+  let t5;
+  let t6;
+  if ($[15] !== modified) {
+    t5 = () => {
+      if (!modified) {
+        setChangingPassword(false);
+      }
+    };
+    t6 = [modified];
+    $[15] = modified;
+    $[16] = t5;
+    $[17] = t6;
+  } else {
+    t5 = $[16];
+    t6 = $[17];
+  }
+  useEffect(t5, t6);
+  if (disableLocalStrategy && !useAPIKey) {
+    return null;
+  }
+  const disabled = readOnly || isInitializing;
+  const showPasswordFields_0 = changingPassword || forceOpenChangePassword;
+  let t7;
+  if ($[18] !== className) {
+    t7 = [baseClass, className].filter(Boolean);
+    $[18] = className;
+    $[19] = t7;
+  } else {
+    t7 = $[19];
+  }
+  const t8 = t7.join(" ");
+  let t9;
+  if ($[20] !== disableLocalStrategy || $[21] !== docPermissions || $[22] !== loginWithUsername || $[23] !== operation || $[24] !== readOnly || $[25] !== showPasswordFields_0 || $[26] !== requirePassword || $[27] !== disabled || $[28] !== t || $[29] !== handleChangePassword || $[30] !== hasPermissionToUnlock || $[31] !== unlock_0 || $[32] !== useAPIKey || $[33] !== enableAPIKey || $[34] !== verify || $[35] !== t8) {
+    let t10;
+    if ($[37] !== useAPIKey || $[38] !== disabled || $[39] !== readOnly || $[40] !== t || $[41] !== enableAPIKey) {
+      t10 = useAPIKey && _jsxs("div", {
+        className: `${baseClass}__api-key`,
+        children: [_jsx(CheckboxField, {
+          field: {
+            name: "enableAPIKey",
+            admin: {
+              disabled,
+              readOnly
+            },
+            label: t("authentication:enableAPIKey")
+          }
+        }), _jsx(APIKey, {
+          enabled: !!enableAPIKey?.value,
+          readOnly
+        })]
+      });
+      $[37] = useAPIKey;
+      $[38] = disabled;
+      $[39] = readOnly;
+      $[40] = t;
+      $[41] = enableAPIKey;
+      $[42] = t10;
+    } else {
+      t10 = $[42];
+    }
+    let t11;
+    if ($[43] !== verify || $[44] !== disabled || $[45] !== readOnly || $[46] !== t) {
+      t11 = verify && _jsx(CheckboxField, {
+        field: {
+          name: "_verified",
+          admin: {
+            disabled,
+            readOnly
+          },
+          label: t("authentication:verified")
         }
-    }, [
-        modified
-    ]);
-    if (disableLocalStrategy && !useAPIKey) {
-        return null;
+      });
+      $[43] = verify;
+      $[44] = disabled;
+      $[45] = readOnly;
+      $[46] = t;
+      $[47] = t11;
+    } else {
+      t11 = $[47];
     }
-    const disabled = readOnly || isInitializing;
-    return /*#__PURE__*/ _jsxs("div", {
-        className: [
-            baseClass,
-            className
-        ].filter(Boolean).join(' '),
-        children: [
-            !disableLocalStrategy && /*#__PURE__*/ _jsxs(React.Fragment, {
-                children: [
-                    /*#__PURE__*/ _jsx(Email, {
-                        autoComplete: "email",
-                        disabled: disabled,
-                        label: t('general:email'),
-                        name: "email",
-                        readOnly: readOnly,
-                        required: true
-                    }),
-                    (changingPassword || requirePassword) && /*#__PURE__*/ _jsxs("div", {
-                        className: `${baseClass}__changing-password`,
-                        children: [
-                            /*#__PURE__*/ _jsx(Password, {
-                                autoComplete: "off",
-                                disabled: disabled,
-                                label: t('authentication:newPassword'),
-                                name: "password",
-                                required: true
-                            }),
-                            /*#__PURE__*/ _jsx(ConfirmPassword, {
-                                disabled: readOnly
-                            })
-                        ]
-                    }),
-                    /*#__PURE__*/ _jsxs("div", {
-                        className: `${baseClass}__controls`,
-                        children: [
-                            changingPassword && !requirePassword && /*#__PURE__*/ _jsx(Button, {
-                                buttonStyle: "secondary",
-                                disabled: disabled,
-                                onClick: ()=>handleChangePassword(false),
-                                size: "small",
-                                children: t('general:cancel')
-                            }),
-                            !changingPassword && !requirePassword && /*#__PURE__*/ _jsx(Button, {
-                                buttonStyle: "secondary",
-                                disabled: disabled,
-                                id: "change-password",
-                                onClick: ()=>handleChangePassword(true),
-                                size: "small",
-                                children: t('authentication:changePassword')
-                            }),
-                            operation === 'update' && /*#__PURE__*/ _jsx(Button, {
-                                buttonStyle: "secondary",
-                                disabled: disabled,
-                                onClick: ()=>unlock(),
-                                size: "small",
-                                children: t('authentication:forceUnlock')
-                            })
-                        ]
-                    })
-                ]
-            }),
-            useAPIKey && /*#__PURE__*/ _jsxs("div", {
-                className: `${baseClass}__api-key`,
-                children: [
-                    /*#__PURE__*/ _jsx(Checkbox, {
-                        disabled: disabled,
-                        label: t('authentication:enableAPIKey'),
-                        name: "enableAPIKey",
-                        readOnly: readOnly
-                    }),
-                    /*#__PURE__*/ _jsx(APIKey, {
-                        enabled: !!enableAPIKey?.value,
-                        readOnly: readOnly
-                    })
-                ]
-            }),
-            verify && /*#__PURE__*/ _jsx(Checkbox, {
-                disabled: disabled,
-                label: t('authentication:verified'),
-                name: "_verified",
-                readOnly: readOnly
-            })
-        ]
+    t9 = _jsxs("div", {
+      className: t8,
+      children: [!disableLocalStrategy && _jsxs(React.Fragment, {
+        children: [_jsx(RenderEmailAndUsernameFields, {
+          loginWithUsername,
+          operation,
+          permissions: docPermissions?.fields,
+          readOnly
+        }), (showPasswordFields_0 || requirePassword) && _jsxs("div", {
+          className: `${baseClass}__changing-password`,
+          children: [_jsx(PasswordField, {
+            autoComplete: "new-password",
+            field: {
+              name: "password",
+              _path: "password",
+              admin: {
+                disabled
+              },
+              label: t("authentication:newPassword"),
+              required: true
+            }
+          }), _jsx(ConfirmPasswordField, {
+            disabled: readOnly
+          })]
+        }), _jsxs("div", {
+          className: `${baseClass}__controls`,
+          children: [showPasswordFields_0 && !requirePassword && _jsx(Button, {
+            buttonStyle: "secondary",
+            disabled,
+            onClick: () => handleChangePassword(false),
+            size: "medium",
+            children: t("general:cancel")
+          }), !showPasswordFields_0 && !requirePassword && _jsx(Button, {
+            buttonStyle: "secondary",
+            disabled,
+            id: "change-password",
+            onClick: () => handleChangePassword(true),
+            size: "medium",
+            children: t("authentication:changePassword")
+          }), operation === "update" && hasPermissionToUnlock && _jsx(Button, {
+            buttonStyle: "secondary",
+            disabled,
+            onClick: () => void unlock_0(),
+            size: "medium",
+            children: t("authentication:forceUnlock")
+          })]
+        })]
+      }), t10, t11]
     });
+    $[20] = disableLocalStrategy;
+    $[21] = docPermissions;
+    $[22] = loginWithUsername;
+    $[23] = operation;
+    $[24] = readOnly;
+    $[25] = showPasswordFields_0;
+    $[26] = requirePassword;
+    $[27] = disabled;
+    $[28] = t;
+    $[29] = handleChangePassword;
+    $[30] = hasPermissionToUnlock;
+    $[31] = unlock_0;
+    $[32] = useAPIKey;
+    $[33] = enableAPIKey;
+    $[34] = verify;
+    $[35] = t8;
+    $[36] = t9;
+  } else {
+    t9 = $[36];
+  }
+  return t9;
 };
-
+function _temp(t0) {
+  const [fields] = t0;
+  return fields && fields?.enableAPIKey || null;
+}
+function _temp2(t0) {
+  const [fields_0] = t0;
+  return fields_0 && fields_0?.password || null;
+}
+function _temp3(reducer) {
+  return reducer[1];
+}
 //# sourceMappingURL=index.js.map

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 { Button } from '@payloadcms/ui/elements/Button'\nimport { Checkbox } from '@payloadcms/ui/fields/Checkbox'\nimport { ConfirmPassword } from '@payloadcms/ui/fields/ConfirmPassword'\nimport { Email } from '@payloadcms/ui/fields/Email'\nimport { Password } from '@payloadcms/ui/fields/Password'\nimport { useFormFields, useFormModified } from '@payloadcms/ui/forms/Form'\nimport { useConfig } from '@payloadcms/ui/providers/Config'\nimport { useDocumentInfo } from '@payloadcms/ui/providers/DocumentInfo'\nimport { useTranslation } from '@payloadcms/ui/providers/Translation'\nimport React, { useCallback, useEffect, useState } from 'react'\nimport { toast } from 'react-toastify'\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    operation,\n    readOnly,\n    requirePassword,\n    useAPIKey,\n    verify,\n  } = props\n\n  const [changingPassword, setChangingPassword] = useState(requirePassword)\n  const enableAPIKey = useFormFields(([fields]) => (fields && fields?.enableAPIKey) || 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 handleChangePassword = useCallback(\n    (state: boolean) => {\n      if (!state) {\n        dispatchFields({ type: 'REMOVE', path: 'password' })\n        dispatchFields({ type: 'REMOVE', path: 'confirm-password' })\n      }\n\n      setChangingPassword(state)\n    },\n    [dispatchFields],\n  )\n\n  const unlock = useCallback(async () => {\n    const url = `${serverURL}${api}/${collectionSlug}/unlock`\n    const response = await fetch(url, {\n      body: JSON.stringify({\n        email,\n      }),\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'), { autoClose: 3000 })\n    } else {\n      toast.error(t('authentication:failedToUnlock'))\n    }\n  }, [i18n, serverURL, api, collectionSlug, email, t])\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  return (\n    <div className={[baseClass, className].filter(Boolean).join(' ')}>\n      {!disableLocalStrategy && (\n        <React.Fragment>\n          <Email\n            autoComplete=\"email\"\n            disabled={disabled}\n            label={t('general:email')}\n            name=\"email\"\n            readOnly={readOnly}\n            required\n          />\n          {(changingPassword || requirePassword) && (\n            <div className={`${baseClass}__changing-password`}>\n              <Password\n                autoComplete=\"off\"\n                disabled={disabled}\n                label={t('authentication:newPassword')}\n                name=\"password\"\n                required\n              />\n              <ConfirmPassword disabled={readOnly} />\n            </div>\n          )}\n          <div className={`${baseClass}__controls`}>\n            {changingPassword && !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            {!changingPassword && !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' && (\n              <Button\n                buttonStyle=\"secondary\"\n                disabled={disabled}\n                onClick={() => 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          <Checkbox\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        <Checkbox\n          disabled={disabled}\n          label={t('authentication:verified')}\n          name=\"_verified\"\n          readOnly={readOnly}\n        />\n      )}\n    </div>\n  )\n}\n"],"names":["Button","Checkbox","ConfirmPassword","Email","Password","useFormFields","useFormModified","useConfig","useDocumentInfo","useTranslation","React","useCallback","useEffect","useState","toast","APIKey","baseClass","Auth","props","className","collectionSlug","disableLocalStrategy","email","operation","readOnly","requirePassword","useAPIKey","verify","changingPassword","setChangingPassword","enableAPIKey","fields","dispatchFields","reducer","modified","i18n","t","isInitializing","routes","api","serverURL","handleChangePassword","state","type","path","unlock","url","response","fetch","body","JSON","stringify","credentials","headers","language","method","status","success","autoClose","error","disabled","div","filter","Boolean","join","Fragment","autoComplete","label","name","required","buttonStyle","onClick","size","id","enabled","value"],"rangeMappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","mappings":"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"}
+{"version":3,"file":"index.js","names":["c","_c","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","_temp","forceOpenChangePassword","_temp2","dispatchFields","_temp3","modified","i18n","t","docPermissions","isInitializing","config","t0","routes","t1","serverURL","api","t2","bb0","collection","collections","unlock","undefined","permission","hasPermissionToUnlock","t3","showPasswordFields","type","errorMessage","path","valid","handleChangePassword","t4","language","url","response","fetch","body","JSON","stringify","credentials","headers","method","status","success","error","unlock_0","t5","t6","disabled","showPasswordFields_0","t7","filter","Boolean","t8","join","t9","t10","_jsxs","children","_jsx","field","name","admin","label","enabled","value","t11","Fragment","fields","autoComplete","_path","required","buttonStyle","onClick","size","id","fields_0","password","reducer"],"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    config: {\n      routes: { api },\n      serverURL,\n    },\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                autoComplete=\"new-password\"\n                field={{\n                  name: 'password',\n                  _path: 'password',\n                  admin: {\n                    disabled,\n                  },\n                  label: t('authentication:newPassword'),\n                  required: true,\n                }}\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            field={{\n              name: 'enableAPIKey',\n              admin: { disabled, readOnly },\n              label: t('authentication:enableAPIKey'),\n            }}\n          />\n          <APIKey enabled={!!enableAPIKey?.value} readOnly={readOnly} />\n        </div>\n      )}\n      {verify && (\n        <CheckboxField\n          field={{\n            name: '_verified',\n            admin: { disabled, readOnly },\n            label: t('authentication:verified'),\n          }}\n        />\n      )}\n    </div>\n  )\n}\n"],"mappings":"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","ignoreList":[]}

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

@@ -1,61 +1,78 @@
 @import '../../../../scss/styles.scss';
 
-.auth-fields {
-  padding: calc(var(--base) * 2);
-  background: var(--theme-elevation-50);
-  display: flex;
-  flex-direction: column;
-  gap: var(--base);
-
-  &__controls {
-    display: flex;
-    align-items: center;
-    gap: calc(var(--base) / 2);
-    flex-wrap: wrap;
-  }
-
-  &__changing-password {
+@layer payload-default {
+  .auth-fields {
+    padding: calc(var(--base) * 2);
+    background: var(--theme-elevation-50);
     display: flex;
     flex-direction: column;
     gap: var(--base);
-  }
 
-  .btn {
-    margin: 0;
-  }
+    &__controls {
+      display: flex;
+      align-items: center;
+      gap: calc(var(--base) / 2);
+      flex-wrap: wrap;
+    }
 
-  &__api-key-label {
-    position: relative;
-  }
+    &__changing-password {
+      display: flex;
+      flex-direction: column;
+      gap: var(--base);
+    }
 
-  @include mid-break {
-    padding: var(--base);
-    gap: calc(var(--base) / 2);
+    .btn {
+      margin: 0;
+    }
 
-    &__changing-password {
+    &__api-key-label {
+      position: relative;
+    }
+
+    @include mid-break {
+      padding: var(--base);
       gap: calc(var(--base) / 2);
+
+      &__changing-password {
+        gap: calc(var(--base) / 2);
+      }
     }
   }
-}
 
-.field-type.api-key {
-  margin-bottom: var(--base);
+  .field-type.api-key {
+    margin-bottom: var(--base);
 
-  input {
-    @include formInput;
+    input {
+      @include formInput;
+    }
   }
-}
 
-@keyframes highlight {
-  0% {
-    background: var(--theme-success-500);
-  }
+  @keyframes highlight {
+    0% {
+      background: var(--theme-success-250);
+      border: 1px solid var(--theme-success-500);
+    }
 
-  100% {
-    background: none;
+    20% {
+      background: var(--theme-input-bg);
+      border: 1px solid var(--theme-elevation-250);
+      color: var(--theme-text);
+    }
+
+    80% {
+      background: var(--theme-input-bg);
+      border: 1px solid var(--theme-elevation-250);
+      color: var(--theme-text);
+    }
+
+    100% {
+      background: var(--theme-elevation-200);
+      border: 1px solid transparent;
+      color: var(--theme-elevation-400);
+    }
   }
-}
 
-.highlight {
-  animation: highlight 10s;
+  .highlight {
+    animation: highlight 10s;
+  }
 }

package/dist/views/Edit/Default/Auth/types.d.ts

@@ -1,14 +1,17 @@
-import type { VerifyConfig } from 'payload/auth';
-import type { SanitizedCollectionConfig } from 'payload/types';
+import type { SanitizedCollectionConfig, VerifyConfig } from 'payload';
 export type Props = {
     className?: string;
     collectionSlug: SanitizedCollectionConfig['slug'];
     disableLocalStrategy?: boolean;
     email: string;
+    loginWithUsername: SanitizedCollectionConfig['auth']['loginWithUsername'];
     operation: 'create' | 'update';
     readOnly: boolean;
     requirePassword?: boolean;
+    setSchemaPath: (path: string) => void;
+    setValidateBeforeSubmit: (validate: boolean) => void;
     useAPIKey?: boolean;
-    verify?: VerifyConfig | boolean;
+    username: string;
+    verify?: boolean | VerifyConfig;
 };
 //# sourceMappingURL=types.d.ts.map