@payloadcms/next 3.0.0-beta.12 → 3.0.0-beta.121

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

@@ -1,129 +1,318 @@
 'use client';
-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 { useTranslation } from '@payloadcms/ui/providers/Translation';
-import React, { useCallback, useEffect, useState } from 'react';
-import { toast } from 'react-toastify';
+
+import { c as _c } from "react/compiler-runtime";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+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.enableAPIKey);
-    const dispatchFields = useFormFields((reducer)=>reducer[1]);
-    const modified = useFormModified();
-    const { i18n, t } = useTranslation();
-    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(55);
+  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;
+  const apiKeyReadOnly = readOnly || !docPermissions?.fields?.apiKey?.update?.permission;
+  const enableAPIKeyReadOnly = readOnly || !docPermissions?.fields?.enableAPIKey?.update?.permission;
+  const canReadApiKey = docPermissions?.fields?.apiKey?.read?.permission;
+  const canReadEnableAPIKey = docPermissions?.fields?.enableAPIKey?.read?.permission;
+  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] !== canReadEnableAPIKey || $[34] !== enableAPIKeyReadOnly || $[35] !== canReadApiKey || $[36] !== enableAPIKey || $[37] !== apiKeyReadOnly || $[38] !== verify || $[39] !== t8) {
+    let t10;
+    if ($[41] !== useAPIKey || $[42] !== canReadEnableAPIKey || $[43] !== disabled || $[44] !== enableAPIKeyReadOnly || $[45] !== t || $[46] !== canReadApiKey || $[47] !== enableAPIKey || $[48] !== apiKeyReadOnly) {
+      t10 = useAPIKey && _jsxs("div", {
+        className: `${baseClass}__api-key`,
+        children: [canReadEnableAPIKey && _jsx(CheckboxField, {
+          field: {
+            name: "enableAPIKey",
+            admin: {
+              disabled,
+              readOnly: enableAPIKeyReadOnly
+            },
+            label: t("authentication:enableAPIKey")
+          }
+        }), canReadApiKey && _jsx(APIKey, {
+          enabled: !!enableAPIKey?.value,
+          readOnly: apiKeyReadOnly
+        })]
+      });
+      $[41] = useAPIKey;
+      $[42] = canReadEnableAPIKey;
+      $[43] = disabled;
+      $[44] = enableAPIKeyReadOnly;
+      $[45] = t;
+      $[46] = canReadApiKey;
+      $[47] = enableAPIKey;
+      $[48] = apiKeyReadOnly;
+      $[49] = t10;
+    } else {
+      t10 = $[49];
+    }
+    let t11;
+    if ($[50] !== verify || $[51] !== disabled || $[52] !== readOnly || $[53] !== t) {
+      t11 = verify && _jsx(CheckboxField, {
+        field: {
+          name: "_verified",
+          admin: {
+            disabled,
+            readOnly
+          },
+          label: t("authentication:verified")
         }
-    }, [
-        modified
-    ]);
-    if (disableLocalStrategy && !useAPIKey) {
-        return null;
+      });
+      $[50] = verify;
+      $[51] = disabled;
+      $[52] = readOnly;
+      $[53] = t;
+      $[54] = t11;
+    } else {
+      t11 = $[54];
     }
-    return /*#__PURE__*/ React.createElement("div", {
-        className: [
-            baseClass,
-            className
-        ].filter(Boolean).join(' ')
-    }, !disableLocalStrategy && /*#__PURE__*/ React.createElement(React.Fragment, null, /*#__PURE__*/ React.createElement(Email, {
-        autoComplete: "email",
-        label: t('general:email'),
-        name: "email",
-        readOnly: readOnly,
-        required: true
-    }), (changingPassword || requirePassword) && /*#__PURE__*/ React.createElement("div", {
-        className: `${baseClass}__changing-password`
-    }, /*#__PURE__*/ React.createElement(Password, {
-        autoComplete: "off",
-        disabled: readOnly,
-        label: t('authentication:newPassword'),
-        name: "password",
-        required: true
-    }), /*#__PURE__*/ React.createElement(ConfirmPassword, {
-        disabled: readOnly
-    })), /*#__PURE__*/ React.createElement("div", {
-        className: `${baseClass}__controls`
-    }, changingPassword && !requirePassword && /*#__PURE__*/ React.createElement(Button, {
-        buttonStyle: "secondary",
-        disabled: readOnly,
-        onClick: ()=>handleChangePassword(false),
-        size: "small"
-    }, t('general:cancel')), !changingPassword && !requirePassword && /*#__PURE__*/ React.createElement(Button, {
-        buttonStyle: "secondary",
-        disabled: readOnly,
-        id: "change-password",
-        onClick: ()=>handleChangePassword(true),
-        size: "small"
-    }, t('authentication:changePassword')), operation === 'update' && /*#__PURE__*/ React.createElement(Button, {
-        buttonStyle: "secondary",
-        disabled: readOnly,
-        onClick: ()=>unlock(),
-        size: "small"
-    }, t('authentication:forceUnlock')))), useAPIKey && /*#__PURE__*/ React.createElement("div", {
-        className: `${baseClass}__api-key`
-    }, /*#__PURE__*/ React.createElement(Checkbox, {
-        label: t('authentication:enableAPIKey'),
-        name: "enableAPIKey",
-        readOnly: readOnly
-    }), enableAPIKey?.value && /*#__PURE__*/ React.createElement(APIKey, {
-        readOnly: readOnly
-    })), verify && /*#__PURE__*/ React.createElement(Checkbox, {
-        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] = canReadEnableAPIKey;
+    $[34] = enableAPIKeyReadOnly;
+    $[35] = canReadApiKey;
+    $[36] = enableAPIKey;
+    $[37] = apiKeyReadOnly;
+    $[38] = verify;
+    $[39] = t8;
+    $[40] = t9;
+  } else {
+    t9 = $[40];
+  }
+  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 { 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.enableAPIKey)\n  const dispatchFields = useFormFields((reducer) => reducer[1])\n  const modified = useFormModified()\n  const { i18n, t } = useTranslation()\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  return (\n    <div className={[baseClass, className].filter(Boolean).join(' ')}>\n      {!disableLocalStrategy && (\n        <React.Fragment>\n          <Email\n            autoComplete=\"email\"\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={readOnly}\n                label={t('authentication:newPassword')}\n                name=\"password\"\n                required\n              />\n              <ConfirmPassword disabled={readOnly} />\n            </div>\n          )}\n\n          <div className={`${baseClass}__controls`}>\n            {changingPassword && !requirePassword && (\n              <Button\n                buttonStyle=\"secondary\"\n                disabled={readOnly}\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={readOnly}\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={readOnly}\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            label={t('authentication:enableAPIKey')}\n            name=\"enableAPIKey\"\n            readOnly={readOnly}\n          />\n          {enableAPIKey?.value && <APIKey readOnly={readOnly} />}\n        </div>\n      )}\n      {verify && (\n        <Checkbox label={t('authentication:verified')} name=\"_verified\" readOnly={readOnly} />\n      )}\n    </div>\n  )\n}\n"],"names":["Button","Checkbox","ConfirmPassword","Email","Password","useFormFields","useFormModified","useConfig","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","routes","api","serverURL","handleChangePassword","state","type","path","unlock","url","response","fetch","body","JSON","stringify","credentials","headers","language","method","status","success","autoClose","error","div","filter","Boolean","join","Fragment","autoComplete","label","name","required","disabled","buttonStyle","onClick","size","id","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","apiKeyReadOnly","fields","apiKey","update","enableAPIKeyReadOnly","canReadApiKey","read","canReadEnableAPIKey","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","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 apiKeyReadOnly = readOnly || !docPermissions?.fields?.apiKey?.update?.permission\n  const enableAPIKeyReadOnly = readOnly || !docPermissions?.fields?.enableAPIKey?.update?.permission\n\n  const canReadApiKey = docPermissions?.fields?.apiKey?.read?.permission\n  const canReadEnableAPIKey = docPermissions?.fields?.enableAPIKey?.read?.permission\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          {canReadEnableAPIKey && (\n            <CheckboxField\n              field={{\n                name: 'enableAPIKey',\n                admin: { disabled, readOnly: enableAPIKeyReadOnly },\n                label: t('authentication:enableAPIKey'),\n              }}\n            />\n          )}\n          {canReadApiKey && <APIKey enabled={!!enableAPIKey?.value} readOnly={apiKeyReadOnly} />}\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

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

@@ -1 +1 @@
-{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../../../src/views/Edit/Default/Auth/types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,cAAc,CAAA;AAChD,OAAO,KAAK,EAAE,yBAAyB,EAAE,MAAM,eAAe,CAAA;AAE9D,MAAM,MAAM,KAAK,GAAG;IAClB,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,cAAc,EAAE,yBAAyB,CAAC,MAAM,CAAC,CAAA;IACjD,oBAAoB,CAAC,EAAE,OAAO,CAAA;IAC9B,KAAK,EAAE,MAAM,CAAA;IACb,SAAS,EAAE,QAAQ,GAAG,QAAQ,CAAA;IAC9B,QAAQ,EAAE,OAAO,CAAA;IACjB,eAAe,CAAC,EAAE,OAAO,CAAA;IACzB,SAAS,CAAC,EAAE,OAAO,CAAA;IACnB,MAAM,CAAC,EAAE,YAAY,GAAG,OAAO,CAAA;CAChC,CAAA"}
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../../../src/views/Edit/Default/Auth/types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,yBAAyB,EAAE,YAAY,EAAE,MAAM,SAAS,CAAA;AAEtE,MAAM,MAAM,KAAK,GAAG;IAClB,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,cAAc,EAAE,yBAAyB,CAAC,MAAM,CAAC,CAAA;IACjD,oBAAoB,CAAC,EAAE,OAAO,CAAA;IAC9B,KAAK,EAAE,MAAM,CAAA;IACb,iBAAiB,EAAE,yBAAyB,CAAC,MAAM,CAAC,CAAC,mBAAmB,CAAC,CAAA;IACzE,SAAS,EAAE,QAAQ,GAAG,QAAQ,CAAA;IAC9B,QAAQ,EAAE,OAAO,CAAA;IACjB,eAAe,CAAC,EAAE,OAAO,CAAA;IACzB,aAAa,EAAE,CAAC,IAAI,EAAE,MAAM,KAAK,IAAI,CAAA;IACrC,uBAAuB,EAAE,CAAC,QAAQ,EAAE,OAAO,KAAK,IAAI,CAAA;IACpD,SAAS,CAAC,EAAE,OAAO,CAAA;IACnB,QAAQ,EAAE,MAAM,CAAA;IAChB,MAAM,CAAC,EAAE,OAAO,GAAG,YAAY,CAAA;CAChC,CAAA"}

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

@@ -1,3 +1,2 @@
-export { };
-
+export {};
 //# sourceMappingURL=types.js.map