@payloadcms/ui 4.0.0-internal.c3ac604 → 4.0.0-internal.c6494b5

package/dist/views/Edit/Auth/APIKeyGenerationModal.js

@@ -0,0 +1,117 @@
+'use client';
+
+import { c as _c } from "react/compiler-runtime";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { useModal } from '@faceless-ui/modal';
+import React, { useCallback } from 'react';
+import { toast } from 'sonner';
+import { Button } from '../../../elements/Button/index.js';
+import { ConfirmationModal } from '../../../elements/ConfirmationModal/index.js';
+import { Translation } from '../../../elements/Translation/index.js';
+import { useDocumentInfo } from '../../../providers/DocumentInfo/index.js';
+import { useTranslation } from '../../../providers/Translation/index.js';
+export function APIKeyGenerationModal(t0) {
+  const $ = _c(17);
+  const {
+    id,
+    apiKeyLast4,
+    highlightField,
+    icon,
+    setKey,
+    willInvalidateExistingKey: t1
+  } = t0;
+  const willInvalidateExistingKey = t1 === undefined ? true : t1;
+  const {
+    id: documentID
+  } = useDocumentInfo();
+  const {
+    toggleModal
+  } = useModal();
+  const {
+    t
+  } = useTranslation();
+  const modalSlug = `generate-confirmation-${documentID}`;
+  let t2;
+  if ($[0] !== highlightField || $[1] !== setKey || $[2] !== t) {
+    t2 = async () => {
+      if ((await setKey()) === false) {
+        return;
+      }
+      toast.success(t("authentication:newAPIKeyGenerated"));
+      highlightField();
+    };
+    $[0] = highlightField;
+    $[1] = setKey;
+    $[2] = t;
+    $[3] = t2;
+  } else {
+    t2 = $[3];
+  }
+  const handleGenerate = t2;
+  let t3;
+  if ($[4] !== apiKeyLast4 || $[5] !== documentID || $[6] !== handleGenerate || $[7] !== icon || $[8] !== id || $[9] !== modalSlug || $[10] !== t || $[11] !== toggleModal || $[12] !== willInvalidateExistingKey) {
+    let t4;
+    if ($[14] !== modalSlug || $[15] !== toggleModal) {
+      t4 = () => toggleModal(modalSlug);
+      $[14] = modalSlug;
+      $[15] = toggleModal;
+      $[16] = t4;
+    } else {
+      t4 = $[16];
+    }
+    t3 = _jsxs(React.Fragment, {
+      children: [_jsx(Button, {
+        "aria-label": icon ? t("authentication:generateNewAPIKey") : undefined,
+        buttonStyle: icon ? "ghost" : "secondary",
+        className: icon ? "api-key__regenerate-button" : undefined,
+        icon,
+        id,
+        onClick: t4,
+        size: "medium",
+        children: !icon && t("authentication:generateNewAPIKey")
+      }), _jsx(ConfirmationModal, {
+        body: willInvalidateExistingKey && apiKeyLast4 ? _jsxs("span", {
+          children: ["Generating a new API key will invalidate the key ending in", " ", _jsx("strong", {
+            children: apiKeyLast4
+          }), ". This will take effect immediately."]
+        }) : willInvalidateExistingKey ? _jsx(Translation, {
+          elements: {
+            1: _temp
+          },
+          i18nKey: "authentication:generatingNewAPIKeyWillInvalidate",
+          t
+        }) : _jsxs("span", {
+          children: ["Are you sure you want to generate an API key for user ", _jsx("strong", {
+            children: documentID
+          }), "? This will take effect immediately."]
+        }),
+        confirmLabel: t("authentication:generate"),
+        heading: t("authentication:confirmGeneration"),
+        modalSlug,
+        onConfirm: handleGenerate
+      })]
+    });
+    $[4] = apiKeyLast4;
+    $[5] = documentID;
+    $[6] = handleGenerate;
+    $[7] = icon;
+    $[8] = id;
+    $[9] = modalSlug;
+    $[10] = t;
+    $[11] = toggleModal;
+    $[12] = willInvalidateExistingKey;
+    $[13] = t3;
+  } else {
+    t3 = $[13];
+  }
+  return t3;
+}
+function _temp(t0) {
+  const {
+    children
+  } = t0;
+  return _jsx("strong", {
+    children
+  });
+}
+//# sourceMappingURL=APIKeyGenerationModal.js.map

package/dist/views/Edit/Auth/APIKeyGenerationModal.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"APIKeyGenerationModal.js","names":["c","_c","useModal","React","useCallback","toast","Button","ConfirmationModal","Translation","useDocumentInfo","useTranslation","APIKeyGenerationModal","t0","$","id","apiKeyLast4","highlightField","icon","setKey","willInvalidateExistingKey","t1","undefined","documentID","toggleModal","t","modalSlug","t2","success","handleGenerate","t3","t4","_jsxs","Fragment","children","_jsx","buttonStyle","className","onClick","size","body","elements","1","_temp","i18nKey","heading","onConfirm"],"sources":["../../../../src/views/Edit/Auth/APIKeyGenerationModal.tsx"],"sourcesContent":["'use client'\nimport { useModal } from '@faceless-ui/modal'\nimport React, { useCallback } from 'react'\nimport { toast } from 'sonner'\n\nimport { Button } from '../../../elements/Button/index.js'\nimport { ConfirmationModal } from '../../../elements/ConfirmationModal/index.js'\nimport { Translation } from '../../../elements/Translation/index.js'\nimport { useDocumentInfo } from '../../../providers/DocumentInfo/index.js'\nimport { useTranslation } from '../../../providers/Translation/index.js'\n\ntype APIKeyGenerationModalProps = {\n  apiKeyLast4?: string\n  highlightField: () => void\n  icon?: React.ReactNode\n  id?: string\n  setKey: () => boolean | Promise<boolean | void> | void\n  willInvalidateExistingKey?: boolean\n}\n\nexport function APIKeyGenerationModal({\n  id,\n  apiKeyLast4,\n  highlightField,\n  icon,\n  setKey,\n  willInvalidateExistingKey = true,\n}: APIKeyGenerationModalProps) {\n  const { id: documentID } = useDocumentInfo()\n  const { toggleModal } = useModal()\n  const { t } = useTranslation()\n  const modalSlug = `generate-confirmation-${documentID}`\n  const handleGenerate = useCallback(async () => {\n    if ((await setKey()) === false) {\n      return\n    }\n    toast.success(t('authentication:newAPIKeyGenerated'))\n    highlightField()\n  }, [highlightField, setKey, t])\n\n  return (\n    <React.Fragment>\n      <Button\n        aria-label={icon ? t('authentication:generateNewAPIKey') : undefined}\n        buttonStyle={icon ? 'ghost' : 'secondary'}\n        className={icon ? 'api-key__regenerate-button' : undefined}\n        icon={icon}\n        id={id}\n        onClick={() => toggleModal(modalSlug)}\n        size=\"medium\"\n      >\n        {!icon && t('authentication:generateNewAPIKey')}\n      </Button>\n      <ConfirmationModal\n        body={\n          willInvalidateExistingKey && apiKeyLast4 ? (\n            <span>\n              Generating a new API key will invalidate the key ending in{' '}\n              <strong>{apiKeyLast4}</strong>. This will take effect immediately.\n            </span>\n          ) : willInvalidateExistingKey ? (\n            <Translation\n              elements={{ 1: ({ children }) => <strong>{children}</strong> }}\n              i18nKey=\"authentication:generatingNewAPIKeyWillInvalidate\"\n              t={t}\n            />\n          ) : (\n            <span>\n              Are you sure you want to generate an API key for user <strong>{documentID}</strong>?\n              This will take effect immediately.\n            </span>\n          )\n        }\n        confirmLabel={t('authentication:generate')}\n        heading={t('authentication:confirmGeneration')}\n        modalSlug={modalSlug}\n        onConfirm={handleGenerate}\n      />\n    </React.Fragment>\n  )\n}\n"],"mappings":"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","ignoreList":[]}

package/dist/views/Edit/Auth/index.css

@@ -36,11 +36,10 @@
 
   .auth-fields__title {
     margin: 0;
-    font-family: var(--text-body-medium-strong-font-family);
-    font-size: var(--text-body-medium-strong-font-size);
-    font-weight: var(--text-body-medium-strong-font-weight);
-    line-height: var(--text-body-medium-strong-line-height);
-    letter-spacing: var(--text-body-medium-strong-letter-spacing);
+    font-size: var(--text-body-medium-bold-font-size);
+    font-weight: var(--text-body-medium-bold-font-weight);
+    line-height: var(--text-body-medium-bold-line-height);
+    letter-spacing: var(--text-body-medium-bold-letter-spacing);
   }
 
   .auth-fields__body {
@@ -68,4 +67,95 @@
   .auth-fields__api-key > .btn.btn--style-secondary {
     align-self: flex-start;
   }
+
+  .auth-fields .field-type.api-key input {
+    width: 100%;
+    min-height: var(--spacer-5);
+    padding: 0 var(--spacer-2);
+    border: var(--stroke-width-small) solid transparent;
+    border-radius: var(--radius-medium);
+    background: var(--color-bg-secondary);
+    color: var(--color-text);
+    font-family: var(--font-family-mono);
+  }
+
+  .api-key__label {
+    display: flex;
+    align-items: center;
+    justify-content: space-between;
+  }
+
+  .api-key__label .copy-to-clipboard {
+    display: inline-flex;
+    align-items: center;
+    justify-content: center;
+    width: calc(var(--spacer-4) - var(--spacer-1));
+    height: calc(var(--spacer-4) - var(--spacer-1));
+    line-height: 0;
+  }
+
+  .api-key__input-wrap {
+    position: relative;
+    display: flex;
+    align-items: center;
+  }
+
+  .auth-fields .field-type.api-key .api-key__input-wrap--has-regenerate input {
+    padding-right: calc(var(--spacer-5) * 2);
+    border-top-right-radius: 0;
+    border-bottom-right-radius: 0;
+  }
+
+  .api-key__input-wrap--highlighted {
+    border-radius: var(--radius-medium);
+    box-shadow: 0 0 0 2px var(--color-border-success-strong);
+  }
+
+  .api-key__actions {
+    display: flex;
+    align-items: center;
+    flex-wrap: wrap;
+    gap: var(--spacer-2);
+  }
+
+  .api-key__toggle-button-wrap {
+    display: flex;
+    align-self: stretch;
+  }
+
+  .api-key__visibility-button.btn,
+  .api-key__regenerate-button.btn {
+    display: flex;
+    align-items: center;
+    justify-content: center;
+    width: var(--spacer-5);
+    min-height: var(--spacer-5);
+    margin: 0;
+    padding: 0 var(--spacer-1);
+  }
+
+  .api-key__visibility-button.btn {
+    position: absolute;
+    z-index: 1;
+    top: 0;
+    right: 0;
+    height: 100%;
+    border: 0;
+    background: transparent;
+  }
+
+  .api-key__visibility-button--with-regenerate.btn {
+    right: var(--spacer-5);
+  }
+
+  .api-key__regenerate-button.btn {
+    border-left: var(--stroke-width-small) solid var(--color-border);
+    border-radius: 0 var(--radius-medium) var(--radius-medium) 0;
+    background: var(--color-bg-secondary);
+  }
+
+  .api-key__revoke-button.btn {
+    color: var(--color-text-danger);
+    border-color: var(--color-border-danger-strong);
+  }
 }

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

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/views/Edit/Auth/index.tsx"],"names":[],"mappings":"AAKA,OAAO,KAA8D,MAAM,OAAO,CAAA;AAGlF,OAAO,KAAK,EAAE,KAAK,EAAE,MAAM,YAAY,CAAA;AAWvC,OAAO,aAAa,CAAA;AAKpB,eAAO,MAAM,IAAI,EAAE,KAAK,CAAC,EAAE,CAAC,KAAK,CA0ShC,CAAA"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/views/Edit/Auth/index.tsx"],"names":[],"mappings":"AAKA,OAAO,KAA8D,MAAM,OAAO,CAAA;AAGlF,OAAO,KAAK,EAAE,KAAK,EAAE,MAAM,YAAY,CAAA;AAWvC,OAAO,aAAa,CAAA;AAKpB,eAAO,MAAM,IAAI,EAAE,KAAK,CAAC,EAAE,CAAC,KAAK,CAyRhC,CAAA"}

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

@@ -34,8 +34,7 @@ export const Auth = props => {
     verify
   } = props;
   const [changingPassword, setChangingPassword] = useState(requirePassword);
-  const enableAPIKey = useFormFields(_temp);
-  const dispatchFields = useFormFields(_temp2);
+  const dispatchFields = useFormFields(_temp);
   const modified = useFormModified();
   const {
     i18n,
@@ -114,10 +113,8 @@ export const Auth = props => {
   }
   const enableFields = (!disableLocalStrategy || typeof disableLocalStrategy === "object" && disableLocalStrategy.enableFields === true) && (showUnlock || showPasswordFields);
   const disabled = readOnly || isInitializing || isTrashed;
-  const apiKeyPermissions = docPermissions?.fields === true ? true : docPermissions?.fields?.enableAPIKey;
-  const apiKeyReadOnly = readOnly || apiKeyPermissions !== true && apiKeyPermissions && typeof apiKeyPermissions === "object" && !apiKeyPermissions?.update;
-  const enableAPIKeyReadOnly = readOnly || apiKeyPermissions !== true && !apiKeyPermissions?.update;
-  const canReadApiKey = apiKeyPermissions === true || apiKeyPermissions?.read;
+  const apiKeyPermissions = docPermissions?.fields === true ? true : docPermissions?.fields?.apiKey;
+  const canManageAPIKey = apiKeyPermissions === true || typeof apiKeyPermissions === "object" && Boolean(apiKeyPermissions?.[operation]);
   let t2;
   bb0: {
     if (docPermissions) {
@@ -221,7 +218,7 @@ export const Auth = props => {
   }
   useEffect(t5, t6);
   const showAuthBlock = enableFields;
-  const showAPIKeyBlock = useAPIKey && canReadApiKey;
+  const showAPIKeyBlock = useAPIKey && canManageAPIKey;
   const showVerifyBlock = verify && isEditing;
   if (!(showAuthBlock || showAPIKeyBlock || showVerifyBlock)) {
     return null;
@@ -310,23 +307,12 @@ export const Auth = props => {
               disabled: readOnly || isTrashed
             })]
           })]
-        }), showAPIKeyBlock && _jsxs("div", {
+        }), showAPIKeyBlock && _jsx("div", {
           className: `${baseClass}__api-key`,
-          children: [_jsx(CheckboxField, {
-            field: {
-              name: "enableAPIKey",
-              admin: {
-                disabled,
-                readOnly: enableAPIKeyReadOnly
-              },
-              label: t("authentication:enableAPIKey")
-            },
-            path: "enableAPIKey",
-            schemaPath: `${collectionSlug}.enableAPIKey`
-          }), _jsx(APIKey, {
-            enabled: !!enableAPIKey?.value,
-            readOnly: apiKeyReadOnly
-          })]
+          children: _jsx(APIKey, {
+            readOnly: disabled,
+            reveal: typeof useAPIKey === "object" && useAPIKey.reveal === true
+          })
         }), showVerifyBlock && _jsx(CheckboxField, {
           field: {
             name: "_verified",
@@ -343,11 +329,7 @@ export const Auth = props => {
     })
   });
 };
-function _temp(t0) {
-  const [fields] = t0;
-  return fields && fields?.enableAPIKey || null;
-}
-function _temp2(reducer) {
+function _temp(reducer) {
   return reducer[1];
 }
 //# sourceMappingURL=index.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["c","_c","formatAdminURL","getFieldPermissions","React","Fragment","useCallback","useEffect","useMemo","useState","toast","Button","EmailAndUsernameFields","CheckboxField","ConfirmPasswordField","PasswordField","useFormFields","useFormModified","useConfig","useDocumentInfo","useTranslation","APIKey","baseClass","Auth","props","$","className","collectionSlug","disableLocalStrategy","email","loginWithUsername","operation","readOnly","requirePassword","setValidateBeforeSubmit","useAPIKey","username","verify","changingPassword","setChangingPassword","enableAPIKey","_temp","dispatchFields","_temp2","modified","i18n","t","docPermissions","isEditing","isInitializing","isTrashed","config","t0","routes","t1","api","showPasswordFields","showUnlock","hasPasswordFieldOverride","fields","hasLoginFieldOverride","permissions","passwordPermissions","field","name","type","parentName","create","update","hasEmailAndUsernameFields","requireEmail","allowEmailLogin","emailPermission","usernamePermission","enableFields","disabled","apiKeyPermissions","apiKeyReadOnly","enableAPIKeyReadOnly","canReadApiKey","read","t2","bb0","Boolean","unlock","undefined","hasPermissionToUnlock","t3","changingPassword_0","errorMessage","path","valid","handleChangePassword","t4","url","apiRoute","response","fetch","body","JSON","stringify","credentials","headers","language","method","status","success","error","t5","t6","showAuthBlock","showAPIKeyBlock","showVerifyBlock","t7","label","startsWith","charAt","slice","toLowerCase","formatHeaderButtonLabel","Controls","_jsxs","children","_jsx","buttonStyle","id","onClick","size","t8","filter","join","autoComplete","required","indexPath","parentPath","parentSchemaPath","schemaPath","admin","enabled","value","reducer"],"sources":["../../../../src/views/Edit/Auth/index.tsx"],"sourcesContent":["'use client'\n\nimport type { SanitizedFieldPermissions } from 'payload'\n\nimport { formatAdminURL, getFieldPermissions } from 'payload/shared'\nimport React, { Fragment, useCallback, useEffect, useMemo, useState } from 'react'\nimport { toast } from 'sonner'\n\nimport type { Props } from './types.js'\n\nimport { Button } from '../../../elements/Button/index.js'\nimport { EmailAndUsernameFields } from '../../../elements/EmailAndUsername/index.js'\nimport { CheckboxField } from '../../../fields/Checkbox/index.js'\nimport { ConfirmPasswordField } from '../../../fields/ConfirmPassword/index.js'\nimport { PasswordField } from '../../../fields/Password/index.js'\nimport { useFormFields, useFormModified } from '../../../forms/Form/context.js'\nimport { useConfig } from '../../../providers/Config/index.js'\nimport { useDocumentInfo } from '../../../providers/DocumentInfo/index.js'\nimport { useTranslation } from '../../../providers/Translation/index.js'\nimport './index.css'\nimport { APIKey } from './APIKey.js'\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    setValidateBeforeSubmit,\n    useAPIKey,\n    username,\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 { docPermissions, isEditing, isInitializing, isTrashed } = useDocumentInfo()\n\n  const {\n    config: {\n      routes: { api },\n    },\n  } = useConfig()\n\n  let showPasswordFields: SanitizedFieldPermissions = true\n  let showUnlock = true\n  const hasPasswordFieldOverride =\n    typeof docPermissions.fields === 'object' && 'password' in docPermissions.fields\n  const hasLoginFieldOverride =\n    typeof docPermissions.fields === 'object' &&\n    ('username' in docPermissions.fields || 'email' in docPermissions.fields)\n\n  if (hasPasswordFieldOverride) {\n    const { permissions: passwordPermissions } = getFieldPermissions({\n      field: { name: 'password', type: 'text' },\n      operation,\n      parentName: '',\n      permissions: docPermissions?.fields,\n    })\n\n    if (operation === 'create') {\n      showPasswordFields =\n        passwordPermissions === true ||\n        ((typeof passwordPermissions === 'object' &&\n          passwordPermissions.create) as SanitizedFieldPermissions)\n    } else {\n      showPasswordFields =\n        passwordPermissions === true ||\n        ((typeof passwordPermissions === 'object' &&\n          passwordPermissions.update) as SanitizedFieldPermissions)\n    }\n  }\n\n  if (hasLoginFieldOverride) {\n    const hasEmailAndUsernameFields =\n      loginWithUsername && (loginWithUsername.requireEmail || loginWithUsername.allowEmailLogin)\n\n    const { operation: emailPermission } = getFieldPermissions({\n      field: { name: 'email', type: 'text' },\n      operation: 'read',\n      parentName: '',\n      permissions: docPermissions?.fields,\n    })\n\n    const { operation: usernamePermission } = getFieldPermissions({\n      field: { name: 'username', type: 'text' },\n      operation: 'read',\n      parentName: '',\n      permissions: docPermissions?.fields,\n    })\n\n    if (hasEmailAndUsernameFields) {\n      showUnlock = usernamePermission || emailPermission\n    } else if (loginWithUsername && !hasEmailAndUsernameFields) {\n      showUnlock = usernamePermission\n    } else {\n      showUnlock = emailPermission\n    }\n  }\n\n  const enableFields =\n    (!disableLocalStrategy ||\n      (typeof disableLocalStrategy === 'object' && disableLocalStrategy.enableFields === true)) &&\n    (showUnlock || showPasswordFields)\n\n  const disabled = readOnly || isInitializing || isTrashed\n\n  const apiKeyPermissions =\n    docPermissions?.fields === true ? true : docPermissions?.fields?.enableAPIKey\n\n  const apiKeyReadOnly =\n    readOnly ||\n    (apiKeyPermissions !== true &&\n      apiKeyPermissions &&\n      typeof apiKeyPermissions === 'object' &&\n      !apiKeyPermissions?.update)\n\n  const enableAPIKeyReadOnly =\n    readOnly || (apiKeyPermissions !== true && !apiKeyPermissions?.update)\n\n  const canReadApiKey = apiKeyPermissions === true || apiKeyPermissions?.read\n\n  const hasPermissionToUnlock: boolean = useMemo(() => {\n    if (docPermissions) {\n      return Boolean('unlock' in docPermissions ? docPermissions.unlock : undefined)\n    }\n\n    return false\n  }, [docPermissions])\n\n  const handleChangePassword = useCallback(\n    (changingPassword: boolean) => {\n      if (changingPassword) {\n        setValidateBeforeSubmit(true)\n\n        dispatchFields({\n          type: 'UPDATE',\n          errorMessage: t('validation:required'),\n          path: 'password',\n          valid: false,\n        })\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        dispatchFields({ type: 'REMOVE', path: 'password' })\n        dispatchFields({ type: 'REMOVE', path: 'confirm-password' })\n      }\n\n      setChangingPassword(changingPassword)\n    },\n    [dispatchFields, t, setValidateBeforeSubmit],\n  )\n\n  const unlock = useCallback(async () => {\n    const url = formatAdminURL({\n      apiRoute: api,\n      path: `/${collectionSlug}/unlock`,\n    })\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, api, collectionSlug, email, username, t, loginWithUsername])\n\n  useEffect(() => {\n    if (!modified) {\n      setChangingPassword(false)\n    }\n  }, [modified])\n\n  const showAuthBlock = enableFields\n  const showAPIKeyBlock = useAPIKey && canReadApiKey\n  const showVerifyBlock = verify && isEditing\n\n  if (!(showAuthBlock || showAPIKeyBlock || showVerifyBlock)) {\n    return null\n  }\n\n  const formatHeaderButtonLabel = (label: string): string => {\n    if (!i18n?.language?.startsWith('en') || !label) {\n      return label\n    }\n\n    return label.charAt(0) + label.slice(1).toLowerCase()\n  }\n\n  const Controls =\n    enableFields &&\n    (changingPassword ||\n      (!changingPassword && !requirePassword && !disableLocalStrategy && showPasswordFields) ||\n      (!changingPassword && operation === 'update' && hasPermissionToUnlock)) ? (\n      <div className={`${baseClass}__controls`}>\n        {changingPassword && !requirePassword && (\n          <Button\n            buttonStyle=\"secondary\"\n            disabled={disabled}\n            id=\"cancel-change-password\"\n            onClick={() => handleChangePassword(false)}\n            size=\"medium\"\n          >\n            {t('general:cancel')}\n          </Button>\n        )}\n        {!changingPassword && !requirePassword && !disableLocalStrategy && showPasswordFields && (\n          <Button\n            buttonStyle=\"secondary\"\n            disabled={disabled}\n            id=\"change-password\"\n            onClick={() => handleChangePassword(true)}\n            size=\"medium\"\n          >\n            {formatHeaderButtonLabel(t('authentication:changePassword'))}\n          </Button>\n        )}\n        {!changingPassword && operation === 'update' && hasPermissionToUnlock && (\n          <Button\n            buttonStyle=\"secondary\"\n            disabled={disabled || !showUnlock}\n            id=\"force-unlock\"\n            onClick={() => void unlock()}\n            size=\"medium\"\n          >\n            {formatHeaderButtonLabel(t('authentication:forceUnlock'))}\n          </Button>\n        )}\n      </div>\n    ) : null\n\n  return (\n    <div className={[baseClass, className].filter(Boolean).join(' ')}>\n      <div className={`${baseClass}__card`}>\n        <div className={`${baseClass}__header`}>\n          <div className={`${baseClass}__title`}>{t('authentication:account')}</div>\n          {Controls}\n        </div>\n        <div className={`${baseClass}__body`}>\n          {showAuthBlock && (\n            <Fragment>\n              <EmailAndUsernameFields\n                loginWithUsername={loginWithUsername}\n                operation={operation}\n                permissions={docPermissions?.fields}\n                readOnly={readOnly || isTrashed}\n                t={t}\n              />\n              {(changingPassword || requirePassword) &&\n                (!disableLocalStrategy || !enableFields) && (\n                  <div className={`${baseClass}__changing-password`}>\n                    <PasswordField\n                      autoComplete=\"new-password\"\n                      field={{\n                        name: 'password',\n                        label: t('authentication:newPassword'),\n                        required: true,\n                      }}\n                      indexPath=\"\"\n                      parentPath=\"\"\n                      parentSchemaPath=\"\"\n                      path=\"password\"\n                      schemaPath=\"password\"\n                    />\n                    <ConfirmPasswordField disabled={readOnly || isTrashed} />\n                  </div>\n                )}\n            </Fragment>\n          )}\n          {showAPIKeyBlock && (\n            <div className={`${baseClass}__api-key`}>\n              <CheckboxField\n                field={{\n                  name: 'enableAPIKey',\n                  admin: { disabled, readOnly: enableAPIKeyReadOnly },\n                  label: t('authentication:enableAPIKey'),\n                }}\n                path=\"enableAPIKey\"\n                schemaPath={`${collectionSlug}.enableAPIKey`}\n              />\n              <APIKey enabled={!!enableAPIKey?.value} readOnly={apiKeyReadOnly} />\n            </div>\n          )}\n          {showVerifyBlock && (\n            <CheckboxField\n              field={{\n                name: '_verified',\n                admin: { disabled, readOnly },\n                label: t('authentication:verified'),\n              }}\n              path=\"_verified\"\n              schemaPath={`${collectionSlug}._verified`}\n            />\n          )}\n        </div>\n      </div>\n    </div>\n  )\n}\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"file":"index.js","names":["c","_c","formatAdminURL","getFieldPermissions","React","Fragment","useCallback","useEffect","useMemo","useState","toast","Button","EmailAndUsernameFields","CheckboxField","ConfirmPasswordField","PasswordField","useFormFields","useFormModified","useConfig","useDocumentInfo","useTranslation","APIKey","baseClass","Auth","props","$","className","collectionSlug","disableLocalStrategy","email","loginWithUsername","operation","readOnly","requirePassword","setValidateBeforeSubmit","useAPIKey","username","verify","changingPassword","setChangingPassword","dispatchFields","_temp","modified","i18n","t","docPermissions","isEditing","isInitializing","isTrashed","config","t0","routes","t1","api","showPasswordFields","showUnlock","hasPasswordFieldOverride","fields","hasLoginFieldOverride","permissions","passwordPermissions","field","name","type","parentName","create","update","hasEmailAndUsernameFields","requireEmail","allowEmailLogin","emailPermission","usernamePermission","enableFields","disabled","apiKeyPermissions","apiKey","canManageAPIKey","Boolean","t2","bb0","unlock","undefined","hasPermissionToUnlock","t3","changingPassword_0","errorMessage","path","valid","handleChangePassword","t4","url","apiRoute","response","fetch","body","JSON","stringify","credentials","headers","language","method","status","success","error","t5","t6","showAuthBlock","showAPIKeyBlock","showVerifyBlock","t7","label","startsWith","charAt","slice","toLowerCase","formatHeaderButtonLabel","Controls","_jsxs","children","_jsx","buttonStyle","id","onClick","size","t8","filter","join","autoComplete","required","indexPath","parentPath","parentSchemaPath","schemaPath","reveal","admin","reducer"],"sources":["../../../../src/views/Edit/Auth/index.tsx"],"sourcesContent":["'use client'\n\nimport type { SanitizedFieldPermissions } from 'payload'\n\nimport { formatAdminURL, getFieldPermissions } from 'payload/shared'\nimport React, { Fragment, useCallback, useEffect, useMemo, useState } from 'react'\nimport { toast } from 'sonner'\n\nimport type { Props } from './types.js'\n\nimport { Button } from '../../../elements/Button/index.js'\nimport { EmailAndUsernameFields } from '../../../elements/EmailAndUsername/index.js'\nimport { CheckboxField } from '../../../fields/Checkbox/index.js'\nimport { ConfirmPasswordField } from '../../../fields/ConfirmPassword/index.js'\nimport { PasswordField } from '../../../fields/Password/index.js'\nimport { useFormFields, useFormModified } from '../../../forms/Form/context.js'\nimport { useConfig } from '../../../providers/Config/index.js'\nimport { useDocumentInfo } from '../../../providers/DocumentInfo/index.js'\nimport { useTranslation } from '../../../providers/Translation/index.js'\nimport './index.css'\nimport { APIKey } from './APIKey.js'\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    setValidateBeforeSubmit,\n    useAPIKey,\n    username,\n    verify,\n  } = props\n\n  const [changingPassword, setChangingPassword] = useState(requirePassword)\n  const dispatchFields = useFormFields((reducer) => reducer[1])\n  const modified = useFormModified()\n  const { i18n, t } = useTranslation()\n  const { docPermissions, isEditing, isInitializing, isTrashed } = useDocumentInfo()\n\n  const {\n    config: {\n      routes: { api },\n    },\n  } = useConfig()\n\n  let showPasswordFields: SanitizedFieldPermissions = true\n  let showUnlock = true\n  const hasPasswordFieldOverride =\n    typeof docPermissions.fields === 'object' && 'password' in docPermissions.fields\n  const hasLoginFieldOverride =\n    typeof docPermissions.fields === 'object' &&\n    ('username' in docPermissions.fields || 'email' in docPermissions.fields)\n\n  if (hasPasswordFieldOverride) {\n    const { permissions: passwordPermissions } = getFieldPermissions({\n      field: { name: 'password', type: 'text' },\n      operation,\n      parentName: '',\n      permissions: docPermissions?.fields,\n    })\n\n    if (operation === 'create') {\n      showPasswordFields =\n        passwordPermissions === true ||\n        ((typeof passwordPermissions === 'object' &&\n          passwordPermissions.create) as SanitizedFieldPermissions)\n    } else {\n      showPasswordFields =\n        passwordPermissions === true ||\n        ((typeof passwordPermissions === 'object' &&\n          passwordPermissions.update) as SanitizedFieldPermissions)\n    }\n  }\n\n  if (hasLoginFieldOverride) {\n    const hasEmailAndUsernameFields =\n      loginWithUsername && (loginWithUsername.requireEmail || loginWithUsername.allowEmailLogin)\n\n    const { operation: emailPermission } = getFieldPermissions({\n      field: { name: 'email', type: 'text' },\n      operation: 'read',\n      parentName: '',\n      permissions: docPermissions?.fields,\n    })\n\n    const { operation: usernamePermission } = getFieldPermissions({\n      field: { name: 'username', type: 'text' },\n      operation: 'read',\n      parentName: '',\n      permissions: docPermissions?.fields,\n    })\n\n    if (hasEmailAndUsernameFields) {\n      showUnlock = usernamePermission || emailPermission\n    } else if (loginWithUsername && !hasEmailAndUsernameFields) {\n      showUnlock = usernamePermission\n    } else {\n      showUnlock = emailPermission\n    }\n  }\n\n  const enableFields =\n    (!disableLocalStrategy ||\n      (typeof disableLocalStrategy === 'object' && disableLocalStrategy.enableFields === true)) &&\n    (showUnlock || showPasswordFields)\n\n  const disabled = readOnly || isInitializing || isTrashed\n\n  const apiKeyPermissions = docPermissions?.fields === true ? true : docPermissions?.fields?.apiKey\n  const canManageAPIKey =\n    apiKeyPermissions === true ||\n    (typeof apiKeyPermissions === 'object' && Boolean(apiKeyPermissions?.[operation]))\n\n  const hasPermissionToUnlock: boolean = useMemo(() => {\n    if (docPermissions) {\n      return Boolean('unlock' in docPermissions ? docPermissions.unlock : undefined)\n    }\n\n    return false\n  }, [docPermissions])\n\n  const handleChangePassword = useCallback(\n    (changingPassword: boolean) => {\n      if (changingPassword) {\n        setValidateBeforeSubmit(true)\n\n        dispatchFields({\n          type: 'UPDATE',\n          errorMessage: t('validation:required'),\n          path: 'password',\n          valid: false,\n        })\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        dispatchFields({ type: 'REMOVE', path: 'password' })\n        dispatchFields({ type: 'REMOVE', path: 'confirm-password' })\n      }\n\n      setChangingPassword(changingPassword)\n    },\n    [dispatchFields, t, setValidateBeforeSubmit],\n  )\n\n  const unlock = useCallback(async () => {\n    const url = formatAdminURL({\n      apiRoute: api,\n      path: `/${collectionSlug}/unlock`,\n    })\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, api, collectionSlug, email, username, t, loginWithUsername])\n\n  useEffect(() => {\n    if (!modified) {\n      setChangingPassword(false)\n    }\n  }, [modified])\n\n  const showAuthBlock = enableFields\n  const showAPIKeyBlock = useAPIKey && canManageAPIKey\n  const showVerifyBlock = verify && isEditing\n\n  if (!(showAuthBlock || showAPIKeyBlock || showVerifyBlock)) {\n    return null\n  }\n\n  const formatHeaderButtonLabel = (label: string): string => {\n    if (!i18n?.language?.startsWith('en') || !label) {\n      return label\n    }\n\n    return label.charAt(0) + label.slice(1).toLowerCase()\n  }\n\n  const Controls =\n    enableFields &&\n    (changingPassword ||\n      (!changingPassword && !requirePassword && !disableLocalStrategy && showPasswordFields) ||\n      (!changingPassword && operation === 'update' && hasPermissionToUnlock)) ? (\n      <div className={`${baseClass}__controls`}>\n        {changingPassword && !requirePassword && (\n          <Button\n            buttonStyle=\"secondary\"\n            disabled={disabled}\n            id=\"cancel-change-password\"\n            onClick={() => handleChangePassword(false)}\n            size=\"medium\"\n          >\n            {t('general:cancel')}\n          </Button>\n        )}\n        {!changingPassword && !requirePassword && !disableLocalStrategy && showPasswordFields && (\n          <Button\n            buttonStyle=\"secondary\"\n            disabled={disabled}\n            id=\"change-password\"\n            onClick={() => handleChangePassword(true)}\n            size=\"medium\"\n          >\n            {formatHeaderButtonLabel(t('authentication:changePassword'))}\n          </Button>\n        )}\n        {!changingPassword && operation === 'update' && hasPermissionToUnlock && (\n          <Button\n            buttonStyle=\"secondary\"\n            disabled={disabled || !showUnlock}\n            id=\"force-unlock\"\n            onClick={() => void unlock()}\n            size=\"medium\"\n          >\n            {formatHeaderButtonLabel(t('authentication:forceUnlock'))}\n          </Button>\n        )}\n      </div>\n    ) : null\n\n  return (\n    <div className={[baseClass, className].filter(Boolean).join(' ')}>\n      <div className={`${baseClass}__card`}>\n        <div className={`${baseClass}__header`}>\n          <div className={`${baseClass}__title`}>{t('authentication:account')}</div>\n          {Controls}\n        </div>\n        <div className={`${baseClass}__body`}>\n          {showAuthBlock && (\n            <Fragment>\n              <EmailAndUsernameFields\n                loginWithUsername={loginWithUsername}\n                operation={operation}\n                permissions={docPermissions?.fields}\n                readOnly={readOnly || isTrashed}\n                t={t}\n              />\n              {(changingPassword || requirePassword) &&\n                (!disableLocalStrategy || !enableFields) && (\n                  <div className={`${baseClass}__changing-password`}>\n                    <PasswordField\n                      autoComplete=\"new-password\"\n                      field={{\n                        name: 'password',\n                        label: t('authentication:newPassword'),\n                        required: true,\n                      }}\n                      indexPath=\"\"\n                      parentPath=\"\"\n                      parentSchemaPath=\"\"\n                      path=\"password\"\n                      schemaPath=\"password\"\n                    />\n                    <ConfirmPasswordField disabled={readOnly || isTrashed} />\n                  </div>\n                )}\n            </Fragment>\n          )}\n          {showAPIKeyBlock && (\n            <div className={`${baseClass}__api-key`}>\n              <APIKey\n                readOnly={disabled}\n                reveal={typeof useAPIKey === 'object' && useAPIKey.reveal === true}\n              />\n            </div>\n          )}\n          {showVerifyBlock && (\n            <CheckboxField\n              field={{\n                name: '_verified',\n                admin: { disabled, readOnly },\n                label: t('authentication:verified'),\n              }}\n              path=\"_verified\"\n              schemaPath={`${collectionSlug}._verified`}\n            />\n          )}\n        </div>\n      </div>\n    </div>\n  )\n}\n"],"mappings":"AAAA;;AAAA,SAAAA,CAAA,IAAAC,EAAA;;AAIA,SAASC,cAAc,EAAEC,mBAAmB,QAAQ;AACpD,OAAOC,KAAA,IAASC,QAAQ,EAAEC,WAAW,EAAEC,SAAS,EAAEC,OAAO,EAAEC,QAAQ,QAAQ;AAC3E,SAASC,KAAK,QAAQ;AAItB,SAASC,MAAM,QAAQ;AACvB,SAASC,sBAAsB,QAAQ;AACvC,SAASC,aAAa,QAAQ;AAC9B,SAASC,oBAAoB,QAAQ;AACrC,SAASC,aAAa,QAAQ;AAC9B,SAASC,aAAa,EAAEC,eAAe,QAAQ;AAC/C,SAASC,SAAS,QAAQ;AAC1B,SAASC,eAAe,QAAQ;AAChC,SAASC,cAAc,QAAQ;AAC/B,OAAO;AACP,SAASC,MAAM,QAAQ;AAEvB,MAAMC,SAAA,GAAY;AAElB,OAAO,MAAMC,IAAA,GAAwBC,KAAA;EAAA,MAAAC,CAAA,GAAAxB,EAAA;EACnC;IAAAyB,SAAA;IAAAC,cAAA;IAAAC,oBAAA;IAAAC,KAAA;IAAAC,iBAAA;IAAAC,SAAA;IAAAC,QAAA;IAAAC,eAAA;IAAAC,uBAAA;IAAAC,SAAA;IAAAC,QAAA;IAAAC;EAAA,IAaIb,KAAA;EAEJ,OAAAc,gBAAA,EAAAC,mBAAA,IAAgD9B,QAAA,CAASwB,eAAA;EACzD,MAAAO,cAAA,GAAuBxB,aAAA,CAAAyB,KAAqC;EAC5D,MAAAC,QAAA,GAAiBzB,eAAA;EACjB;IAAA0B,IAAA;IAAAC;EAAA,IAAoBxB,cAAA;EACpB;IAAAyB,cAAA;IAAAC,SAAA;IAAAC,cAAA;IAAAC;EAAA,IAAiE7B,eAAA;EAEjE;IAAA8B,MAAA,EAAAC;EAAA,IAIIhC,SAAA;EAHM;IAAAiC,MAAA,EAAAC;EAAA,IAAAF,EAEP;EADS;IAAAG;EAAA,IAAAD,EAAO;EAInB,IAAAE,kBAAA;EACA,IAAAC,UAAA;EACA,MAAAC,wBAAA,GACE,OAAOX,cAAA,CAAAY,MAAA,KAA0B,YAAY,cAAcZ,cAAA,CAAAY,MAAqB;EAClF,MAAAC,qBAAA,GACE,OAAOb,cAAA,CAAAY,MAAA,KAA0B,aAChC,cAAcZ,cAAA,CAAAY,MAAqB,IAAI,WAAWZ,cAAA,CAAAY,MAAqB,CAAD;EAAA,IAErED,wBAAA;IACF;MAAAG,WAAA,EAAAC;IAAA,IAA6CzD,mBAAA;MAAA0D,KAAA;QAAAC,IAAA,EAC5B;QAAAC,IAAA,EAAkB;MAAA;MAAAhC,SAAA;MAAAiC,UAAA,EAErB;MAAAL,WAAA,EACCd,cAAA,EAAAY;IAAA,CACf;IAAA,IAEI1B,SAAA,KAAc;MAChBuB,kBAAA,CAAAA,CAAA,CACEM,mBAAA,SAAwB,IACtB,OAAOA,mBAAA,KAAwB,YAC/BA,mBAAA,CAAAK,MAA0B;IAH9B;MAKAX,kBAAA,CAAAA,CAAA,CACEM,mBAAA,SAAwB,IACtB,OAAOA,mBAAA,KAAwB,YAC/BA,mBAAA,CAAAM,MAA0B;IAH9B;EAAA;EAAA,IAOAR,qBAAA;IACF,MAAAS,yBAAA,GACErC,iBAAA,KAAsBA,iBAAA,CAAAsC,YAAA,IAAkCtC,iBAAA,CAAAuC,eAAiC,CAAD;IAE1F;MAAAtC,SAAA,EAAAuC;IAAA,IAAuCnE,mBAAA;MAAA0D,KAAA;QAAAC,IAAA,EACtB;QAAAC,IAAA,EAAe;MAAA;MAAAhC,SAAA,EACnB;MAAAiC,UAAA,EACC;MAAAL,WAAA,EACCd,cAAA,EAAAY;IAAA,CACf;IAEA;MAAA1B,SAAA,EAAAwC;IAAA,IAA0CpE,mBAAA;MAAA0D,KAAA;QAAAC,IAAA,EACzB;QAAAC,IAAA,EAAkB;MAAA;MAAAhC,SAAA,EACtB;MAAAiC,UAAA,EACC;MAAAL,WAAA,EACCd,cAAA,EAAAY;IAAA,CACf;IAAA,IAEIU,yBAAA;MACFZ,UAAA,CAAAA,CAAA,CAAagB,kBAAA,IAAsBD,eAAA;IAAnC;MAAA,IACSxC,iBAAA,KAAsBqC,yBAAA;QAC/BZ,UAAA,CAAAA,CAAA,CAAagB,kBAAA;MAAb;QAEAhB,UAAA,CAAAA,CAAA,CAAae,eAAA;MAAb;IAAA;EAAA;EAIJ,MAAAE,YAAA,GACE,CAAC,CAAC5C,oBAAA,IACC,OAAOA,oBAAA,KAAyB,YAAYA,oBAAA,CAAA4C,YAAA,SAA0C,MACxFjB,UAAA,IAAcD,kBAAiB;EAElC,MAAAmB,QAAA,GAAiBzC,QAAA,IAAYe,cAAA,IAAkBC,SAAA;EAE/C,MAAA0B,iBAAA,GAA0B7B,cAAA,EAAAY,MAAA,SAA2B,UAAcZ,cAAA,EAAAY,MAAA,EAAAkB,MAAwB;EAC3F,MAAAC,eAAA,GACEF,iBAAA,SAAsB,IACrB,OAAOA,iBAAA,KAAsB,YAAYG,OAAA,CAAQH,iBAAA,GAAoB3C,SAAA,CAAU;EAAA,IAAA+C,EAAA;EAAAC,GAAA;IAAA,IAG5ElC,cAAA;MACFiC,EAAA,GAAOD,OAAA,CAAQ,YAAYhC,cAAA,GAAiBA,cAAA,CAAAmC,MAAA,GAAAC,SAAwB;MAAA,MAAAF,GAAA;IAAA;IAGtED,EAAA;EAAO;EALT,MAAAI,qBAAA,GAAuCJ,EAMpB;EAAA,IAAAK,EAAA;EAAA,IAAA1D,CAAA,QAAAe,cAAA,IAAAf,CAAA,QAAAS,uBAAA,IAAAT,CAAA,QAAAmB,CAAA;IAGjBuC,EAAA,GAAAC,kBAAA;MAAA,IACM9C,kBAAA;QACFJ,uBAAA,KAAwB;QAExBM,cAAA;UAAAuB,IAAA,EACQ;UAAAsB,YAAA,EACQzC,CAAA,CAAE;UAAA0C,IAAA,EACV;UAAAC,KAAA;QAAA,CAER;QAEA/C,cAAA;UAAAuB,IAAA,EACQ;UAAAsB,YAAA,EACQzC,CAAA,CAAE;UAAA0C,IAAA,EACV;UAAAC,KAAA;QAAA,CAER;MAAA;QAEArD,uBAAA,MAAwB;QACxBM,cAAA;UAAAuB,IAAA,EAAuB;UAAAuB,IAAA,EAAgB;QAAA,CAAW;QAClD9C,cAAA;UAAAuB,IAAA,EAAuB;UAAAuB,IAAA,EAAgB;QAAA,CAAmB;MAAA;MAG5D/C,mBAAA,CAAoBD,kBAAA;IAAA;IACtBb,CAAA,MAAAe,cAAA;IAAAf,CAAA,MAAAS,uBAAA;IAAAT,CAAA,MAAAmB,CAAA;IAAAnB,CAAA,MAAA0D,EAAA;EAAA;IAAAA,EAAA,GAAA1D,CAAA;EAAA;EAzBF,MAAA+D,oBAAA,GAA6BL,EA0BiB;EAAA,IAAAM,EAAA;EAAA,IAAAhE,CAAA,QAAA4B,GAAA,IAAA5B,CAAA,QAAAE,cAAA,IAAAF,CAAA,QAAAI,KAAA,IAAAJ,CAAA,QAAAkB,IAAA,IAAAlB,CAAA,QAAAK,iBAAA,IAAAL,CAAA,QAAAmB,CAAA,IAAAnB,CAAA,SAAAW,QAAA;IAGnBqD,EAAA,SAAAA,CAAA;MACzB,MAAAC,GAAA,GAAYxF,cAAA;QAAAyF,QAAA,EACAtC,GAAA;QAAAiC,IAAA,EACJ,IAAI3D,cAAA;MAAuB,CACnC;MACA,MAAAiE,QAAA,SAAuBC,KAAA,CAAMH,GAAA;QAAAI,IAAA,EAEzBhE,iBAAA,IAAqBM,QAAA,GAAW2D,IAAA,CAAAC,SAAA;UAAA5D;QAAA,CAA0B,IAAK2D,IAAA,CAAAC,SAAA;UAAAnE;QAAA,CAAuB;QAAAoE,WAAA,EAC3E;QAAAC,OAAA;UAAA,mBAEQvD,IAAA,CAAAwD,QAAA;UAAA,gBACH;QAAA;QAAAC,MAAA,EAEV;MAAA,CACV;MAAA,IAEIR,QAAA,CAAAS,MAAA,QAAoB;QACtB3F,KAAA,CAAA4F,OAAA,CAAc1D,CAAA,CAAE;MAAA;QAEhBlC,KAAA,CAAA6F,KAAA,CAAY3D,CAAA,CAAE;MAAA;IAAA;IAElBnB,CAAA,MAAA4B,GAAA;IAAA5B,CAAA,MAAAE,cAAA;IAAAF,CAAA,MAAAI,KAAA;IAAAJ,CAAA,MAAAkB,IAAA;IAAAlB,CAAA,MAAAK,iBAAA;IAAAL,CAAA,MAAAmB,CAAA;IAAAnB,CAAA,OAAAW,QAAA;IAAAX,CAAA,OAAAgE,EAAA;EAAA;IAAAA,EAAA,GAAAhE,CAAA;EAAA;EArBA,MAAAuD,MAAA,GAAeS,EAqBsD;EAAA,IAAAe,EAAA;EAAA,IAAAC,EAAA;EAAA,IAAAhF,CAAA,SAAAiB,QAAA;IAE3D8D,EAAA,GAAAA,CAAA;MAAA,KACH9D,QAAA;QACHH,mBAAA,MAAoB;MAAA;IAAA;IAErBkE,EAAA,IAAC/D,QAAA;IAASjB,CAAA,OAAAiB,QAAA;IAAAjB,CAAA,OAAA+E,EAAA;IAAA/E,CAAA,OAAAgF,EAAA;EAAA;IAAAD,EAAA,GAAA/E,CAAA;IAAAgF,EAAA,GAAAhF,CAAA;EAAA;EAJblB,SAAA,CAAUiG,EAIV,EAAGC,EAAU;EAEb,MAAAC,aAAA,GAAsBlC,YAAA;EACtB,MAAAmC,eAAA,GAAwBxE,SAAA,IAAayC,eAAA;EACrC,MAAAgC,eAAA,GAAwBvE,MAAA,IAAUS,SAAA;EAAA,MAE5B4D,aAAA,IAAiBC,eAAA,IAAmBC,eAAc;IAAA;EAAA;EAAA,IAAAC,EAAA;EAAA,IAAApF,CAAA,SAAAkB,IAAA,EAAAwD,QAAA;IAIxBU,EAAA,GAAAC,KAAA;MAAA,IAC1B,CAACnE,IAAA,EAAAwD,QAAA,EAAAY,UAAA,CAA2B,UAAUD,KAAA;QAAA,OACjCA,KAAA;MAAA;MAAA,OAGFA,KAAA,CAAAE,MAAA,EAAa,IAAKF,KAAA,CAAAG,KAAA,EAAY,EAAAC,WAAA,CAAc;IAAA;IACrDzF,CAAA,OAAAkB,IAAA,EAAAwD,QAAA;IAAA1E,CAAA,OAAAoF,EAAA;EAAA;IAAAA,EAAA,GAAApF,CAAA;EAAA;EANA,MAAA0F,uBAAA,GAAgCN,EAMhC;EAEA,MAAAO,QAAA,GACE5C,YAAA,KACClC,gBAAA,IACE,CAACA,gBAAA,KAAqBL,eAAA,KAAoBL,oBAAA,IAAwB0B,kBAAA,IAClE,CAAChB,gBAAA,IAAoBP,SAAA,KAAc,YAAYmD,qBAAqB,IACrEmC,KAAA,CAAC;IAAA3F,SAAA,EAAe,GAAAJ,SAAA,YAAwB;IAAAgG,QAAA,GACrChF,gBAAA,KAAqBL,eAAA,IACpBsF,IAAA,CAAA5G,MAAA;MAAA6G,WAAA,EACc;MAAA/C,QAAA;MAAAgD,EAAA,EAET;MAAAC,OAAA,EAAAA,CAAA,KACYlC,oBAAA,MAAqB;MAAAmC,IAAA,EAC/B;MAAAL,QAAA,EAEJ1E,CAAA,CAAE;IAAA,C,GAGN,CAACN,gBAAA,KAAqBL,eAAA,KAAoBL,oBAAA,IAAwB0B,kBAAA,IACjEiE,IAAA,CAAA5G,MAAA;MAAA6G,WAAA,EACc;MAAA/C,QAAA;MAAAgD,EAAA,EAET;MAAAC,OAAA,EAAAA,CAAA,KACYlC,oBAAA,KAAqB;MAAAmC,IAAA,EAC/B;MAAAL,QAAA,EAEJH,uBAAA,CAAwBvE,CAAA,CAAE;IAAA,C,GAG9B,CAACN,gBAAA,IAAoBP,SAAA,KAAc,YAAYmD,qBAAA,IAC9CqC,IAAA,CAAA5G,MAAA;MAAA6G,WAAA,EACc;MAAA/C,QAAA,EACFA,QAAA,KAAalB,UAAA;MAAAkE,EAAA,EACpB;MAAAC,OAAA,EAAAA,CAAA,UACiB1C,MAAA;MAAA2C,IAAA,EACf;MAAAL,QAAA,EAEJH,uBAAA,CAAwBvE,CAAA,CAAE;IAAA,C;WAI/B;EAAA,IAAAgF,EAAA;EAAA,IAAAnG,CAAA,SAAAC,SAAA;IAGYkG,EAAA,IAAAtG,SAAA,EAAYI,SAAA,EAAAmG,MAAA,CAAAhD,OAAkB;IAAApD,CAAA,OAAAC,SAAA;IAAAD,CAAA,OAAAmG,EAAA;EAAA;IAAAA,EAAA,GAAAnG,CAAA;EAAA;EAAA,OAA9C8F,IAAA,CAAC;IAAA7F,SAAA,EAAekG,EAA8B,CAAAE,IAAA,CAAc;IAAAR,QAAA,EAC1DD,KAAA,CAAC;MAAA3F,SAAA,EAAe,GAAAJ,SAAA,QAAoB;MAAAgG,QAAA,GAClCD,KAAA,CAAC;QAAA3F,SAAA,EAAe,GAAAJ,SAAA,UAAsB;QAAAgG,QAAA,GACpCC,IAAA,CAAC;UAAA7F,SAAA,EAAe,GAAAJ,SAAA,SAAqB;UAAAgG,QAAA,EAAG1E,CAAA,CAAE;QAAA,C,GACzCwE,QAAA;MAAA,C,GAEHC,KAAA,CAAC;QAAA3F,SAAA,EAAe,GAAAJ,SAAA,QAAoB;QAAAgG,QAAA,GACjCZ,aAAA,IACCW,KAAA,CAAAhH,QAAA;UAAAiH,QAAA,GACEC,IAAA,CAAA3G,sBAAA;YAAAkB,iBAAA;YAAAC,SAAA;YAAA4B,WAAA,EAGed,cAAA,EAAAY,MAAA;YAAAzB,QAAA,EACHA,QAAA,IAAYgB,SAAA;YAAAJ;UAAA,C,GAGtB,CAAAN,gBAAA,IAAoBL,eAAc,MACjC,CAACL,oBAAA,KAAyB4C,YAAW,KACpC6C,KAAA,CAAC;YAAA3F,SAAA,EAAe,GAAAJ,SAAA,qBAAiC;YAAAgG,QAAA,GAC/CC,IAAA,CAAAxG,aAAA;cAAAgH,YAAA,EACe;cAAAlE,KAAA;gBAAAC,IAAA,EAEL;gBAAAgD,KAAA,EACClE,CAAA,CAAE;gBAAAoF,QAAA;cAAA;cAAAC,SAAA,EAGD;cAAAC,UAAA,EACC;cAAAC,gBAAA,EACM;cAAA7C,IAAA,EACZ;cAAA8C,UAAA,EACM;YAAA,C,GAEbb,IAAA,CAAAzG,oBAAA;cAAA2D,QAAA,EAAgCzC,QAAA,IAAYgB;YAAA,C;;YAKrD2D,eAAA,IACCY,IAAA,CAAC;UAAA7F,SAAA,EAAe,GAAAJ,SAAA,WAAuB;UAAAgG,QAAA,EACrCC,IAAA,CAAAlG,MAAA;YAAAW,QAAA,EACYyC,QAAA;YAAA4D,MAAA,EACF,OAAOlG,SAAA,KAAc,YAAYA,SAAA,CAAAkG,MAAA;UAAqB,C;YAInEzB,eAAA,IACCW,IAAA,CAAA1G,aAAA;UAAAgD,KAAA;YAAAC,IAAA,EAEU;YAAAwE,KAAA;cAAA7D,QAAA;cAAAzC;YAAA;YAAA8E,KAAA,EAEClE,CAAA,CAAE;UAAA;UAAA0C,IAAA,EAEN;UAAA8C,UAAA,EACO,GAAGzG,cAAA;QAA0B,C;;;;CAOvD;AAzRqC,SAAAc,MAAA8F,OAAA;EAAA,OAiBeA,OAAO;AAAA","ignoreList":[]}

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

@@ -9,7 +9,9 @@ export type Props = {
     readOnly: boolean;
     requirePassword?: boolean;
     setValidateBeforeSubmit: (validate: boolean) => void;
-    useAPIKey?: boolean;
+    useAPIKey?: {
+        reveal?: boolean;
+    } | boolean;
     username: string;
     verify?: boolean;
 };

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

@@ -1 +1 @@
-{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../../src/views/Edit/Auth/types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,yBAAyB,EAAE,MAAM,SAAS,CAAA;AAExD,MAAM,MAAM,KAAK,GAAG;IAClB,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,cAAc,EAAE,yBAAyB,CAAC,MAAM,CAAC,CAAA;IACjD,oBAAoB,CAAC,EAAE,yBAAyB,CAAC,MAAM,CAAC,CAAC,sBAAsB,CAAC,CAAA;IAChF,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,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,CAAA;CACjB,CAAA"}
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../../src/views/Edit/Auth/types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,yBAAyB,EAAE,MAAM,SAAS,CAAA;AAExD,MAAM,MAAM,KAAK,GAAG;IAClB,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,cAAc,EAAE,yBAAyB,CAAC,MAAM,CAAC,CAAA;IACjD,oBAAoB,CAAC,EAAE,yBAAyB,CAAC,MAAM,CAAC,CAAC,sBAAsB,CAAC,CAAA;IAChF,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,uBAAuB,EAAE,CAAC,QAAQ,EAAE,OAAO,KAAK,IAAI,CAAA;IACpD,SAAS,CAAC,EACN;QACE,MAAM,CAAC,EAAE,OAAO,CAAA;KACjB,GACD,OAAO,CAAA;IACX,QAAQ,EAAE,MAAM,CAAA;IAChB,MAAM,CAAC,EAAE,OAAO,CAAA;CACjB,CAAA"}

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

@@ -1 +1 @@
-{"version":3,"file":"types.js","names":[],"sources":["../../../../src/views/Edit/Auth/types.ts"],"sourcesContent":["import type { SanitizedCollectionConfig } from 'payload'\n\nexport type Props = {\n  className?: string\n  collectionSlug: SanitizedCollectionConfig['slug']\n  disableLocalStrategy?: SanitizedCollectionConfig['auth']['disableLocalStrategy']\n  email: string\n  loginWithUsername: SanitizedCollectionConfig['auth']['loginWithUsername']\n  operation: 'create' | 'update'\n  readOnly: boolean\n  requirePassword?: boolean\n  setValidateBeforeSubmit: (validate: boolean) => void\n  useAPIKey?: boolean\n  username: string\n  verify?: boolean\n}\n"],"mappings":"AAEA","ignoreList":[]}
+{"version":3,"file":"types.js","names":[],"sources":["../../../../src/views/Edit/Auth/types.ts"],"sourcesContent":["import type { SanitizedCollectionConfig } from 'payload'\n\nexport type Props = {\n  className?: string\n  collectionSlug: SanitizedCollectionConfig['slug']\n  disableLocalStrategy?: SanitizedCollectionConfig['auth']['disableLocalStrategy']\n  email: string\n  loginWithUsername: SanitizedCollectionConfig['auth']['loginWithUsername']\n  operation: 'create' | 'update'\n  readOnly: boolean\n  requirePassword?: boolean\n  setValidateBeforeSubmit: (validate: boolean) => void\n  useAPIKey?:\n    | {\n        reveal?: boolean\n      }\n    | boolean\n  username: string\n  verify?: boolean\n}\n"],"mappings":"AAEA","ignoreList":[]}

package/dist/views/Edit/SetDocumentTitle/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/views/Edit/SetDocumentTitle/index.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,sBAAsB,EAAE,YAAY,EAAE,kBAAkB,EAAE,MAAM,SAAS,CAAA;AASvF,eAAO,MAAM,gBAAgB,EAAE,KAAK,CAAC,EAAE,CAAC;IACtC,gBAAgB,CAAC,EAAE,sBAAsB,CAAA;IACzC,MAAM,CAAC,EAAE,YAAY,CAAA;IACrB,QAAQ,EAAE,MAAM,CAAA;IAChB,YAAY,CAAC,EAAE,kBAAkB,CAAA;CAClC,CAkCA,CAAA"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/views/Edit/SetDocumentTitle/index.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,sBAAsB,EAAE,YAAY,EAAE,kBAAkB,EAAE,MAAM,SAAS,CAAA;AASvF,eAAO,MAAM,gBAAgB,EAAE,KAAK,CAAC,EAAE,CAAC;IACtC,gBAAgB,CAAC,EAAE,sBAAsB,CAAA;IACzC,MAAM,CAAC,EAAE,YAAY,CAAA;IACrB,QAAQ,EAAE,MAAM,CAAA;IAChB,YAAY,CAAC,EAAE,kBAAkB,CAAA;CAClC,CAuCA,CAAA"}

package/dist/views/Edit/SetDocumentTitle/index.js

@@ -69,7 +69,10 @@ export const SetDocumentTitle = props => {
         hasInitialized.current = true;
         return;
       }
-      setDocumentTitle(title);
+      const animationFrame = requestAnimationFrame(() => {
+        setDocumentTitle(title);
+      });
+      return () => cancelAnimationFrame(animationFrame);
     };
     t4 = [setDocumentTitle, title];
     $[10] = setDocumentTitle;

package/dist/views/Edit/SetDocumentTitle/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["c","_c","useEffect","useRef","useFormFields","useDocumentTitle","useTranslation","formatDocTitle","SetDocumentTitle","props","$","collectionConfig","config","fallback","globalConfig","useAsTitle","admin","t0","t1","fields","field","hasInitialized","i18n","setDocumentTitle","dateFormatFromConfig","dateFormat","value","t2","data","id","title","t3","t4","current"],"sources":["../../../../src/views/Edit/SetDocumentTitle/index.tsx"],"sourcesContent":["'use client'\nimport type { ClientCollectionConfig, ClientConfig, ClientGlobalConfig } from 'payload'\n\nimport { useEffect, useRef } from 'react'\n\nimport { useFormFields } from '../../../forms/Form/context.js'\nimport { useDocumentTitle } from '../../../providers/DocumentTitle/index.js'\nimport { useTranslation } from '../../../providers/Translation/index.js'\nimport { formatDocTitle } from '../../../utilities/formatDocTitle/index.js'\n\nexport const SetDocumentTitle: React.FC<{\n  collectionConfig?: ClientCollectionConfig\n  config?: ClientConfig\n  fallback: string\n  globalConfig?: ClientGlobalConfig\n}> = (props) => {\n  const { collectionConfig, config, fallback, globalConfig } = props\n\n  const useAsTitle = collectionConfig?.admin?.useAsTitle\n\n  const field = useFormFields(([fields]) => (useAsTitle && fields && fields?.[useAsTitle]) || null)\n\n  const hasInitialized = useRef(false)\n\n  const { i18n } = useTranslation()\n\n  const { setDocumentTitle } = useDocumentTitle()\n\n  const dateFormatFromConfig = config?.admin?.dateFormat\n\n  const title = formatDocTitle({\n    collectionConfig,\n    data: { id: '', [useAsTitle]: field?.value || '' },\n    dateFormat: dateFormatFromConfig,\n    fallback,\n    globalConfig,\n    i18n,\n  })\n\n  useEffect(() => {\n    if (!hasInitialized.current) {\n      hasInitialized.current = true\n      return\n    }\n\n    setDocumentTitle(title)\n  }, [setDocumentTitle, title])\n\n  return null\n}\n"],"mappings":"AAAA;;AAAA,SAAAA,CAAA,IAAAC,EAAA;AAGA,SAASC,SAAS,EAAEC,MAAM,QAAQ;AAElC,SAASC,aAAa,QAAQ;AAC9B,SAASC,gBAAgB,QAAQ;AACjC,SAASC,cAAc,QAAQ;AAC/B,SAASC,cAAc,QAAQ;AAE/B,OAAO,MAAMC,gBAAA,GAKRC,KAAA;EAAA,MAAAC,CAAA,GAAAT,EAAA;EACH;IAAAU,gBAAA;IAAAC,MAAA;IAAAC,QAAA;IAAAC;EAAA,IAA6DL,KAAA;EAE7D,MAAAM,UAAA,GAAmBJ,gBAAA,EAAAK,KAAA,EAAAD,UAAA;EAAyB,IAAAE,EAAA;EAAA,IAAAP,CAAA,QAAAK,UAAA;IAEhBE,EAAA,GAAAC,EAAA;MAAC,OAAAC,MAAA,IAAAD,EAAQ;MAAA,OAAKH,UAAC,IAAcI,MAAA,IAAUA,MAAA,GAASJ,UAAA,CAAW,QAAK;IAAA;IAAAL,CAAA,MAAAK,UAAA;IAAAL,CAAA,MAAAO,EAAA;EAAA;IAAAA,EAAA,GAAAP,CAAA;EAAA;EAA5F,MAAAU,KAAA,GAAchB,aAAA,CAAca,EAAgE;EAE5F,MAAAI,cAAA,GAAuBlB,MAAA,MAAO;EAE9B;IAAAmB;EAAA,IAAiBhB,cAAA;EAEjB;IAAAiB;EAAA,IAA6BlB,gBAAA;EAE7B,MAAAmB,oBAAA,GAA6BZ,MAAA,EAAAI,KAAA,EAAAS,UAAA;EAIG,MAAAP,EAAA,GAAAE,KAAA,EAAAM,KAAA,IAAgB;EAAA,IAAAC,EAAA;EAAA,IAAAjB,CAAA,QAAAC,gBAAA,IAAAD,CAAA,QAAAc,oBAAA,IAAAd,CAAA,QAAAG,QAAA,IAAAH,CAAA,QAAAI,YAAA,IAAAJ,CAAA,QAAAY,IAAA,IAAAZ,CAAA,QAAAQ,EAAA,IAAAR,CAAA,QAAAK,UAAA;IAFlCY,EAAA,GAAApB,cAAA;MAAAI,gBAAA;MAAAiB,IAAA;QAAAC,EAAA,EAEA;QAAA,CAAKd,UAAA,GAAaG;MAAgB;MAAAO,UAAA,EAClCD,oBAAA;MAAAX,QAAA;MAAAC,YAAA;MAAAQ;IAAA,CAId;IAAAZ,CAAA,MAAAC,gBAAA;IAAAD,CAAA,MAAAc,oBAAA;IAAAd,CAAA,MAAAG,QAAA;IAAAH,CAAA,MAAAI,YAAA;IAAAJ,CAAA,MAAAY,IAAA;IAAAZ,CAAA,MAAAQ,EAAA;IAAAR,CAAA,MAAAK,UAAA;IAAAL,CAAA,MAAAiB,EAAA;EAAA;IAAAA,EAAA,GAAAjB,CAAA;EAAA;EAPA,MAAAoB,KAAA,GAAcH,EAOd;EAAA,IAAAI,EAAA;EAAA,IAAAC,EAAA;EAAA,IAAAtB,CAAA,SAAAa,gBAAA,IAAAb,CAAA,SAAAoB,KAAA;IAEUC,EAAA,GAAAA,CAAA;MAAA,KACHV,cAAA,CAAAY,OAAA;QACHZ,cAAA,CAAAY,OAAA;QAAA;MAAA;MAIFV,gBAAA,CAAiBO,KAAA;IAAA;IAChBE,EAAA,IAACT,gBAAA,EAAkBO,KAAA;IAAMpB,CAAA,OAAAa,gBAAA;IAAAb,CAAA,OAAAoB,KAAA;IAAApB,CAAA,OAAAqB,EAAA;IAAArB,CAAA,OAAAsB,EAAA;EAAA;IAAAD,EAAA,GAAArB,CAAA;IAAAsB,EAAA,GAAAtB,CAAA;EAAA;EAP5BR,SAAA,CAAU6B,EAOV,EAAGC,EAAyB;EAAA;AAAA,CAG9B","ignoreList":[]}
+{"version":3,"file":"index.js","names":["c","_c","useEffect","useRef","useFormFields","useDocumentTitle","useTranslation","formatDocTitle","SetDocumentTitle","props","$","collectionConfig","config","fallback","globalConfig","useAsTitle","admin","t0","t1","fields","field","hasInitialized","i18n","setDocumentTitle","dateFormatFromConfig","dateFormat","value","t2","data","id","title","t3","t4","current","animationFrame","requestAnimationFrame","cancelAnimationFrame"],"sources":["../../../../src/views/Edit/SetDocumentTitle/index.tsx"],"sourcesContent":["'use client'\nimport type { ClientCollectionConfig, ClientConfig, ClientGlobalConfig } from 'payload'\n\nimport { useEffect, useRef } from 'react'\n\nimport { useFormFields } from '../../../forms/Form/context.js'\nimport { useDocumentTitle } from '../../../providers/DocumentTitle/index.js'\nimport { useTranslation } from '../../../providers/Translation/index.js'\nimport { formatDocTitle } from '../../../utilities/formatDocTitle/index.js'\n\nexport const SetDocumentTitle: React.FC<{\n  collectionConfig?: ClientCollectionConfig\n  config?: ClientConfig\n  fallback: string\n  globalConfig?: ClientGlobalConfig\n}> = (props) => {\n  const { collectionConfig, config, fallback, globalConfig } = props\n\n  const useAsTitle = collectionConfig?.admin?.useAsTitle\n\n  const field = useFormFields(([fields]) => (useAsTitle && fields && fields?.[useAsTitle]) || null)\n\n  const hasInitialized = useRef(false)\n\n  const { i18n } = useTranslation()\n\n  const { setDocumentTitle } = useDocumentTitle()\n\n  const dateFormatFromConfig = config?.admin?.dateFormat\n\n  const title = formatDocTitle({\n    collectionConfig,\n    data: { id: '', [useAsTitle]: field?.value || '' },\n    dateFormat: dateFormatFromConfig,\n    fallback,\n    globalConfig,\n    i18n,\n  })\n\n  useEffect(() => {\n    if (!hasInitialized.current) {\n      hasInitialized.current = true\n      return\n    }\n\n    // Coalesce rapid field changes before updating the title and step navigation contexts.\n    const animationFrame = requestAnimationFrame(() => {\n      setDocumentTitle(title)\n    })\n\n    return () => cancelAnimationFrame(animationFrame)\n  }, [setDocumentTitle, title])\n\n  return null\n}\n"],"mappings":"AAAA;;AAAA,SAAAA,CAAA,IAAAC,EAAA;AAGA,SAASC,SAAS,EAAEC,MAAM,QAAQ;AAElC,SAASC,aAAa,QAAQ;AAC9B,SAASC,gBAAgB,QAAQ;AACjC,SAASC,cAAc,QAAQ;AAC/B,SAASC,cAAc,QAAQ;AAE/B,OAAO,MAAMC,gBAAA,GAKRC,KAAA;EAAA,MAAAC,CAAA,GAAAT,EAAA;EACH;IAAAU,gBAAA;IAAAC,MAAA;IAAAC,QAAA;IAAAC;EAAA,IAA6DL,KAAA;EAE7D,MAAAM,UAAA,GAAmBJ,gBAAA,EAAAK,KAAA,EAAAD,UAAA;EAAyB,IAAAE,EAAA;EAAA,IAAAP,CAAA,QAAAK,UAAA;IAEhBE,EAAA,GAAAC,EAAA;MAAC,OAAAC,MAAA,IAAAD,EAAQ;MAAA,OAAKH,UAAC,IAAcI,MAAA,IAAUA,MAAA,GAASJ,UAAA,CAAW,QAAK;IAAA;IAAAL,CAAA,MAAAK,UAAA;IAAAL,CAAA,MAAAO,EAAA;EAAA;IAAAA,EAAA,GAAAP,CAAA;EAAA;EAA5F,MAAAU,KAAA,GAAchB,aAAA,CAAca,EAAgE;EAE5F,MAAAI,cAAA,GAAuBlB,MAAA,MAAO;EAE9B;IAAAmB;EAAA,IAAiBhB,cAAA;EAEjB;IAAAiB;EAAA,IAA6BlB,gBAAA;EAE7B,MAAAmB,oBAAA,GAA6BZ,MAAA,EAAAI,KAAA,EAAAS,UAAA;EAIG,MAAAP,EAAA,GAAAE,KAAA,EAAAM,KAAA,IAAgB;EAAA,IAAAC,EAAA;EAAA,IAAAjB,CAAA,QAAAC,gBAAA,IAAAD,CAAA,QAAAc,oBAAA,IAAAd,CAAA,QAAAG,QAAA,IAAAH,CAAA,QAAAI,YAAA,IAAAJ,CAAA,QAAAY,IAAA,IAAAZ,CAAA,QAAAQ,EAAA,IAAAR,CAAA,QAAAK,UAAA;IAFlCY,EAAA,GAAApB,cAAA;MAAAI,gBAAA;MAAAiB,IAAA;QAAAC,EAAA,EAEA;QAAA,CAAKd,UAAA,GAAaG;MAAgB;MAAAO,UAAA,EAClCD,oBAAA;MAAAX,QAAA;MAAAC,YAAA;MAAAQ;IAAA,CAId;IAAAZ,CAAA,MAAAC,gBAAA;IAAAD,CAAA,MAAAc,oBAAA;IAAAd,CAAA,MAAAG,QAAA;IAAAH,CAAA,MAAAI,YAAA;IAAAJ,CAAA,MAAAY,IAAA;IAAAZ,CAAA,MAAAQ,EAAA;IAAAR,CAAA,MAAAK,UAAA;IAAAL,CAAA,MAAAiB,EAAA;EAAA;IAAAA,EAAA,GAAAjB,CAAA;EAAA;EAPA,MAAAoB,KAAA,GAAcH,EAOd;EAAA,IAAAI,EAAA;EAAA,IAAAC,EAAA;EAAA,IAAAtB,CAAA,SAAAa,gBAAA,IAAAb,CAAA,SAAAoB,KAAA;IAEUC,EAAA,GAAAA,CAAA;MAAA,KACHV,cAAA,CAAAY,OAAA;QACHZ,cAAA,CAAAY,OAAA;QAAA;MAAA;MAKF,MAAAC,cAAA,GAAuBC,qBAAA;QACrBZ,gBAAA,CAAiBO,KAAA;MAAA,CACnB;MAAA,aAEaM,oBAAA,CAAqBF,cAAA;IAAA;IACjCF,EAAA,IAACT,gBAAA,EAAkBO,KAAA;IAAMpB,CAAA,OAAAa,gBAAA;IAAAb,CAAA,OAAAoB,KAAA;IAAApB,CAAA,OAAAqB,EAAA;IAAArB,CAAA,OAAAsB,EAAA;EAAA;IAAAD,EAAA,GAAArB,CAAA;IAAAsB,EAAA,GAAAtB,CAAA;EAAA;EAZ5BR,SAAA,CAAU6B,EAYV,EAAGC,EAAyB;EAAA;AAAA,CAG9B","ignoreList":[]}

package/dist/views/Edit/index.css

@@ -68,6 +68,32 @@
     width: 100%;
   }
 
+  .collection-edit .collection-edit__main > .document-fields {
+    width: 100%;
+    max-width: 100%;
+    margin-inline: auto;
+  }
+
+  @media (min-width: 1024px) {
+    .collection-edit--constrain-document-width
+      .collection-edit__main
+      > .document-fields:not(.document-fields--force-sidebar-wrap) {
+      --field-border-bleed: 0;
+      --field-tabs-edge-display: none;
+      max-width: calc(var(--spacer-6) * 27);
+    }
+  }
+
+  @container drawer (width <= 768px) {
+    .collection-edit--constrain-document-width
+      .collection-edit__main
+      > .document-fields:not(.document-fields--force-sidebar-wrap) {
+      --field-border-bleed: 1;
+      --field-tabs-edge-display: block;
+      max-width: 100%;
+    }
+  }
+
   .collection-edit__main--popup-open {
     width: 100%;
   }
@@ -183,6 +209,7 @@
     border-radius: var(--radius-small);
   }
 
+  /* stylelint-disable-next-line plugin/no-max-width-media-query -- TODO: pre-existing; migrate to a mobile-first min-width query */
   @media (max-width: 768px) {
     .collection-edit__auth {
       margin-top: 0;

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

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/views/Edit/index.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,uBAAuB,EAAQ,MAAM,SAAS,CAAA;AAG5D,OAAO,KAA4D,MAAM,OAAO,CAAA;AAsChF,OAAO,aAAa,CAAA;AAKpB,MAAM,MAAM,aAAa,GAAG;IAC1B,iBAAiB,CAAC,EAAE,OAAO,CAAA;IAC3B,qBAAqB,CAAC,EAAE,OAAO,CAAA;CAChC,CAAA;AAKD,wBAAgB,eAAe,CAAC,EAC9B,sBAAsB,EACtB,kBAAkB,EAClB,WAAW,EACX,aAAa,EACb,WAAW,EAAE,iBAAiB,EAC9B,aAAa,EACb,aAAa,EACb,UAAU,EACV,eAAe,EACf,MAAM,EACN,eAAe,EACf,MAAM,EAAE,YAAY,EACpB,cAAc,EACd,iBAAiB,GAClB,EAAE,uBAAuB,qBAixBzB"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/views/Edit/index.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,uBAAuB,EAAQ,MAAM,SAAS,CAAA;AAG5D,OAAO,KAA4D,MAAM,OAAO,CAAA;AAsChF,OAAO,aAAa,CAAA;AAKpB,MAAM,MAAM,aAAa,GAAG;IAC1B,iBAAiB,CAAC,EAAE,OAAO,CAAA;IAC3B,qBAAqB,CAAC,EAAE,OAAO,CAAA;CAChC,CAAA;AAKD,wBAAgB,eAAe,CAAC,EAC9B,sBAAsB,EACtB,kBAAkB,EAClB,WAAW,EACX,aAAa,EACb,WAAW,EAAE,iBAAiB,EAC9B,aAAa,EACb,aAAa,EACb,UAAU,EACV,eAAe,EACf,MAAM,EACN,eAAe,EACf,MAAM,EAAE,YAAY,EACpB,cAAc,EACd,iBAAiB,GAClB,EAAE,uBAAuB,qBAsxBzB"}

package/dist/views/Edit/index.js

@@ -379,7 +379,7 @@ export function DefaultEditView({
     // Check for stale data on first edit only
     // Skip this check entirely for autosave-enabled collections/globals to prevent
     // false positives from the user's own autosaves
-    const checkForStaleData = !hasCheckedForStaleDataRef.current && originalUpdatedAtRef.current && operation === 'update' && !autosaveEnabled;
+    const checkForStaleData = !hasCheckedForStaleDataRef.current && originalUpdatedAtRef.current && operation === 'update' && !isTrashed && !autosaveEnabled;
     if (checkForStaleData) {
       hasCheckedForStaleDataRef.current = true;
     }
@@ -394,6 +394,7 @@ export function DefaultEditView({
       globalSlug,
       operation,
       originalUpdatedAt: checkForStaleData ? originalUpdatedAtRef.current : undefined,
+      readOnly: isTrashed || isReadOnlyForIncomingUser,
       renderAllFields: false,
       returnLockStatus: isLockingEnabled,
       schemaPath: schemaPathSegments.join('.'),
@@ -420,7 +421,7 @@ export function DefaultEditView({
     }
     abortOnChangeRef.current = null;
     return state_0;
-  }, [data?.updatedAt, editSessionStartTime, isLockingEnabled, getDocPreferences, getFormState, id, collectionSlug, docPermissions, globalSlug, operation, schemaPathSegments, handleDocumentLocking, autosaveEnabled]);
+  }, [data?.updatedAt, editSessionStartTime, isLockingEnabled, getDocPreferences, getFormState, id, collectionSlug, docPermissions, globalSlug, operation, schemaPathSegments, handleDocumentLocking, autosaveEnabled, isTrashed, isReadOnlyForIncomingUser]);
   // Clean up when the component unmounts or when the document is unlocked
   useEffect(() => {
     return () => {
@@ -515,7 +516,7 @@ export function DefaultEditView({
   const shouldRenderUploadPanel = Boolean(upload) && !(operation === 'create' && upload.hideFileInputOnCreate);
   const shouldScrollFieldsOnly = shouldRenderUploadPanel;
   return /*#__PURE__*/_jsx("main", {
-    className: [baseClass, (id || globalSlug) && `${baseClass}--is-editing`, globalSlug && `global-edit--${globalSlug}`, collectionSlug && `collection-edit--${collectionSlug}`, isLivePreviewing && `${baseClass}--is-live-previewing`].filter(Boolean).join(' '),
+    className: [baseClass, config.admin.constrainWidth && `${baseClass}--constrain-document-width`, (id || globalSlug) && `${baseClass}--is-editing`, globalSlug && `global-edit--${globalSlug}`, collectionSlug && `collection-edit--${collectionSlug}`, isLivePreviewing && `${baseClass}--is-live-previewing`].filter(Boolean).join(' '),
     children: /*#__PURE__*/_jsx(OperationProvider, {
       operation: operation,
       children: /*#__PURE__*/_jsxs(Form, {