@payloadcms/next 3.0.0-canary.ef0a8d0 → 3.0.0-canary.f13d413

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

@@ -61,7 +61,7 @@ export const APIKey = ({ enabled, readOnly })=>{
         if (!apiKeyValue && enabled) {
             setValue(initialAPIKey);
         }
-        if (!enabled) {
+        if (!enabled && apiKeyValue) {
             setValue(null);
         }
     }, [
@@ -96,6 +96,7 @@ export const APIKey = ({ enabled, readOnly })=>{
                         htmlFor: path
                     }),
                     /*#__PURE__*/ _jsx("input", {
+                        "aria-label": "API Key",
                         className: highlightedField ? 'highlight' : undefined,
                         disabled: true,
                         id: "apiKey",

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../../../src/views/Edit/Default/Auth/APIKey.tsx"],"sourcesContent":["'use client'\nimport type { PayloadRequest } from 'payload'\n\nimport {\n  CopyToClipboard,\n  FieldLabel,\n  GenerateConfirmation,\n  useConfig,\n  useField,\n  useFormFields,\n  useTranslation,\n} from '@payloadcms/ui'\nimport { text } from 'payload/shared'\nimport React, { useEffect, useMemo, useState } from 'react'\nimport { v4 as uuidv4 } from 'uuid'\n\nconst path = 'apiKey'\nconst baseClass = 'api-key'\nconst fieldBaseClass = 'field-type'\n\nexport const APIKey: React.FC<{ enabled: boolean; readOnly?: boolean }> = ({\n  enabled,\n  readOnly,\n}) => {\n  const [initialAPIKey] = useState(uuidv4())\n  const [highlightedField, setHighlightedField] = useState(false)\n  const { t } = useTranslation()\n  const config = useConfig()\n\n  const apiKey = useFormFields(([fields]) => (fields && fields[path]) || null)\n\n  const validate = (val) =>\n    text(val, {\n      name: 'apiKey',\n      type: 'text',\n      data: {},\n      maxLength: 48,\n      minLength: 24,\n      preferences: { fields: {} },\n      req: {\n        payload: {\n          config,\n        },\n        t,\n      } as PayloadRequest,\n      siblingData: {},\n    })\n\n  const apiKeyValue = apiKey?.value\n\n  const APIKeyLabel = useMemo(\n    () => (\n      <div className={`${baseClass}__label`}>\n        <span>API Key</span>\n        <CopyToClipboard value={apiKeyValue as string} />\n      </div>\n    ),\n    [apiKeyValue],\n  )\n\n  const fieldType = useField({\n    path: 'apiKey',\n    validate,\n  })\n\n  const highlightField = () => {\n    if (highlightedField) {\n      setHighlightedField(false)\n    }\n    setTimeout(() => {\n      setHighlightedField(true)\n    }, 1)\n  }\n\n  const { setValue, value } = fieldType\n\n  useEffect(() => {\n    if (!apiKeyValue && enabled) {\n      setValue(initialAPIKey)\n    }\n    if (!enabled) {\n      setValue(null)\n    }\n  }, [apiKeyValue, enabled, setValue, initialAPIKey])\n\n  useEffect(() => {\n    if (highlightedField) {\n      setTimeout(() => {\n        setHighlightedField(false)\n      }, 10000)\n    }\n  }, [highlightedField])\n\n  if (!enabled) {\n    return null\n  }\n\n  return (\n    <React.Fragment>\n      <div className={[fieldBaseClass, 'api-key', 'read-only'].filter(Boolean).join(' ')}>\n        <FieldLabel CustomLabel={APIKeyLabel} htmlFor={path} />\n        <input\n          className={highlightedField ? 'highlight' : undefined}\n          disabled\n          id=\"apiKey\"\n          name=\"apiKey\"\n          type=\"text\"\n          value={(value as string) || ''}\n        />\n      </div>\n      {!readOnly && (\n        <GenerateConfirmation highlightField={highlightField} setKey={() => setValue(uuidv4())} />\n      )}\n    </React.Fragment>\n  )\n}\n"],"names":["CopyToClipboard","FieldLabel","GenerateConfirmation","useConfig","useField","useFormFields","useTranslation","text","React","useEffect","useMemo","useState","v4","uuidv4","path","baseClass","fieldBaseClass","APIKey","enabled","readOnly","initialAPIKey","highlightedField","setHighlightedField","t","config","apiKey","fields","validate","val","name","type","data","maxLength","minLength","preferences","req","payload","siblingData","apiKeyValue","value","APIKeyLabel","div","className","span","fieldType","highlightField","setTimeout","setValue","Fragment","filter","Boolean","join","CustomLabel","htmlFor","input","undefined","disabled","id","setKey"],"mappings":"AAAA;;AAGA,SACEA,eAAe,EACfC,UAAU,EACVC,oBAAoB,EACpBC,SAAS,EACTC,QAAQ,EACRC,aAAa,EACbC,cAAc,QACT,iBAAgB;AACvB,SAASC,IAAI,QAAQ,iBAAgB;AACrC,OAAOC,SAASC,SAAS,EAAEC,OAAO,EAAEC,QAAQ,QAAQ,QAAO;AAC3D,SAASC,MAAMC,MAAM,QAAQ,OAAM;AAEnC,MAAMC,OAAO;AACb,MAAMC,YAAY;AAClB,MAAMC,iBAAiB;AAEvB,OAAO,MAAMC,SAA6D,CAAC,EACzEC,OAAO,EACPC,QAAQ,EACT;IACC,MAAM,CAACC,cAAc,GAAGT,SAASE;IACjC,MAAM,CAACQ,kBAAkBC,oBAAoB,GAAGX,SAAS;IACzD,MAAM,EAAEY,CAAC,EAAE,GAAGjB;IACd,MAAMkB,SAASrB;IAEf,MAAMsB,SAASpB,cAAc,CAAC,CAACqB,OAAO,GAAK,AAACA,UAAUA,MAAM,CAACZ,KAAK,IAAK;IAEvE,MAAMa,WAAW,CAACC,MAChBrB,KAAKqB,KAAK;YACRC,MAAM;YACNC,MAAM;YACNC,MAAM,CAAC;YACPC,WAAW;YACXC,WAAW;YACXC,aAAa;gBAAER,QAAQ,CAAC;YAAE;YAC1BS,KAAK;gBACHC,SAAS;oBACPZ;gBACF;gBACAD;YACF;YACAc,aAAa,CAAC;QAChB;IAEF,MAAMC,cAAcb,QAAQc;IAE5B,MAAMC,cAAc9B,QAClB,kBACE,MAAC+B;YAAIC,WAAW,CAAC,EAAE3B,UAAU,OAAO,CAAC;;8BACnC,KAAC4B;8BAAK;;8BACN,KAAC3C;oBAAgBuC,OAAOD;;;YAG5B;QAACA;KAAY;IAGf,MAAMM,YAAYxC,SAAS;QACzBU,MAAM;QACNa;IACF;IAEA,MAAMkB,iBAAiB;QACrB,IAAIxB,kBAAkB;YACpBC,oBAAoB;QACtB;QACAwB,WAAW;YACTxB,oBAAoB;QACtB,GAAG;IACL;IAEA,MAAM,EAAEyB,QAAQ,EAAER,KAAK,EAAE,GAAGK;IAE5BnC,UAAU;QACR,IAAI,CAAC6B,eAAepB,SAAS;YAC3B6B,SAAS3B;QACX;QACA,IAAI,CAACF,SAAS;YACZ6B,SAAS;QACX;IACF,GAAG;QAACT;QAAapB;QAAS6B;QAAU3B;KAAc;IAElDX,UAAU;QACR,IAAIY,kBAAkB;YACpByB,WAAW;gBACTxB,oBAAoB;YACtB,GAAG;QACL;IACF,GAAG;QAACD;KAAiB;IAErB,IAAI,CAACH,SAAS;QACZ,OAAO;IACT;IAEA,qBACE,MAACV,MAAMwC,QAAQ;;0BACb,MAACP;gBAAIC,WAAW;oBAAC1B;oBAAgB;oBAAW;iBAAY,CAACiC,MAAM,CAACC,SAASC,IAAI,CAAC;;kCAC5E,KAAClD;wBAAWmD,aAAaZ;wBAAaa,SAASvC;;kCAC/C,KAACwC;wBACCZ,WAAWrB,mBAAmB,cAAckC;wBAC5CC,QAAQ;wBACRC,IAAG;wBACH5B,MAAK;wBACLC,MAAK;wBACLS,OAAO,AAACA,SAAoB;;;;YAG/B,CAACpB,0BACA,KAACjB;gBAAqB2C,gBAAgBA;gBAAgBa,QAAQ,IAAMX,SAASlC;;;;AAIrF,EAAC"}
+{"version":3,"sources":["../../../../../src/views/Edit/Default/Auth/APIKey.tsx"],"sourcesContent":["'use client'\nimport type { PayloadRequest } from 'payload'\n\nimport {\n  CopyToClipboard,\n  FieldLabel,\n  GenerateConfirmation,\n  useConfig,\n  useField,\n  useFormFields,\n  useTranslation,\n} from '@payloadcms/ui'\nimport { text } from 'payload/shared'\nimport React, { useEffect, useMemo, useState } from 'react'\nimport { v4 as uuidv4 } from 'uuid'\n\nconst path = 'apiKey'\nconst baseClass = 'api-key'\nconst fieldBaseClass = 'field-type'\n\nexport const APIKey: React.FC<{ enabled: boolean; readOnly?: boolean }> = ({\n  enabled,\n  readOnly,\n}) => {\n  const [initialAPIKey] = useState(uuidv4())\n  const [highlightedField, setHighlightedField] = useState(false)\n  const { t } = useTranslation()\n  const config = useConfig()\n\n  const apiKey = useFormFields(([fields]) => (fields && fields[path]) || null)\n\n  const validate = (val) =>\n    text(val, {\n      name: 'apiKey',\n      type: 'text',\n      data: {},\n      maxLength: 48,\n      minLength: 24,\n      preferences: { fields: {} },\n      req: {\n        payload: {\n          config,\n        },\n        t,\n      } as PayloadRequest,\n      siblingData: {},\n    })\n\n  const apiKeyValue = apiKey?.value\n\n  const APIKeyLabel = useMemo(\n    () => (\n      <div className={`${baseClass}__label`}>\n        <span>API Key</span>\n        <CopyToClipboard value={apiKeyValue as string} />\n      </div>\n    ),\n    [apiKeyValue],\n  )\n\n  const fieldType = useField({\n    path: 'apiKey',\n    validate,\n  })\n\n  const highlightField = () => {\n    if (highlightedField) {\n      setHighlightedField(false)\n    }\n    setTimeout(() => {\n      setHighlightedField(true)\n    }, 1)\n  }\n\n  const { setValue, value } = fieldType\n\n  useEffect(() => {\n    if (!apiKeyValue && enabled) {\n      setValue(initialAPIKey)\n    }\n    if (!enabled && apiKeyValue) {\n      setValue(null)\n    }\n  }, [apiKeyValue, enabled, setValue, initialAPIKey])\n\n  useEffect(() => {\n    if (highlightedField) {\n      setTimeout(() => {\n        setHighlightedField(false)\n      }, 10000)\n    }\n  }, [highlightedField])\n\n  if (!enabled) {\n    return null\n  }\n\n  return (\n    <React.Fragment>\n      <div className={[fieldBaseClass, 'api-key', 'read-only'].filter(Boolean).join(' ')}>\n        <FieldLabel CustomLabel={APIKeyLabel} htmlFor={path} />\n        <input\n          aria-label=\"API Key\"\n          className={highlightedField ? 'highlight' : undefined}\n          disabled\n          id=\"apiKey\"\n          name=\"apiKey\"\n          type=\"text\"\n          value={(value as string) || ''}\n        />\n      </div>\n      {!readOnly && (\n        <GenerateConfirmation highlightField={highlightField} setKey={() => setValue(uuidv4())} />\n      )}\n    </React.Fragment>\n  )\n}\n"],"names":["CopyToClipboard","FieldLabel","GenerateConfirmation","useConfig","useField","useFormFields","useTranslation","text","React","useEffect","useMemo","useState","v4","uuidv4","path","baseClass","fieldBaseClass","APIKey","enabled","readOnly","initialAPIKey","highlightedField","setHighlightedField","t","config","apiKey","fields","validate","val","name","type","data","maxLength","minLength","preferences","req","payload","siblingData","apiKeyValue","value","APIKeyLabel","div","className","span","fieldType","highlightField","setTimeout","setValue","Fragment","filter","Boolean","join","CustomLabel","htmlFor","input","aria-label","undefined","disabled","id","setKey"],"mappings":"AAAA;;AAGA,SACEA,eAAe,EACfC,UAAU,EACVC,oBAAoB,EACpBC,SAAS,EACTC,QAAQ,EACRC,aAAa,EACbC,cAAc,QACT,iBAAgB;AACvB,SAASC,IAAI,QAAQ,iBAAgB;AACrC,OAAOC,SAASC,SAAS,EAAEC,OAAO,EAAEC,QAAQ,QAAQ,QAAO;AAC3D,SAASC,MAAMC,MAAM,QAAQ,OAAM;AAEnC,MAAMC,OAAO;AACb,MAAMC,YAAY;AAClB,MAAMC,iBAAiB;AAEvB,OAAO,MAAMC,SAA6D,CAAC,EACzEC,OAAO,EACPC,QAAQ,EACT;IACC,MAAM,CAACC,cAAc,GAAGT,SAASE;IACjC,MAAM,CAACQ,kBAAkBC,oBAAoB,GAAGX,SAAS;IACzD,MAAM,EAAEY,CAAC,EAAE,GAAGjB;IACd,MAAMkB,SAASrB;IAEf,MAAMsB,SAASpB,cAAc,CAAC,CAACqB,OAAO,GAAK,AAACA,UAAUA,MAAM,CAACZ,KAAK,IAAK;IAEvE,MAAMa,WAAW,CAACC,MAChBrB,KAAKqB,KAAK;YACRC,MAAM;YACNC,MAAM;YACNC,MAAM,CAAC;YACPC,WAAW;YACXC,WAAW;YACXC,aAAa;gBAAER,QAAQ,CAAC;YAAE;YAC1BS,KAAK;gBACHC,SAAS;oBACPZ;gBACF;gBACAD;YACF;YACAc,aAAa,CAAC;QAChB;IAEF,MAAMC,cAAcb,QAAQc;IAE5B,MAAMC,cAAc9B,QAClB,kBACE,MAAC+B;YAAIC,WAAW,CAAC,EAAE3B,UAAU,OAAO,CAAC;;8BACnC,KAAC4B;8BAAK;;8BACN,KAAC3C;oBAAgBuC,OAAOD;;;YAG5B;QAACA;KAAY;IAGf,MAAMM,YAAYxC,SAAS;QACzBU,MAAM;QACNa;IACF;IAEA,MAAMkB,iBAAiB;QACrB,IAAIxB,kBAAkB;YACpBC,oBAAoB;QACtB;QACAwB,WAAW;YACTxB,oBAAoB;QACtB,GAAG;IACL;IAEA,MAAM,EAAEyB,QAAQ,EAAER,KAAK,EAAE,GAAGK;IAE5BnC,UAAU;QACR,IAAI,CAAC6B,eAAepB,SAAS;YAC3B6B,SAAS3B;QACX;QACA,IAAI,CAACF,WAAWoB,aAAa;YAC3BS,SAAS;QACX;IACF,GAAG;QAACT;QAAapB;QAAS6B;QAAU3B;KAAc;IAElDX,UAAU;QACR,IAAIY,kBAAkB;YACpByB,WAAW;gBACTxB,oBAAoB;YACtB,GAAG;QACL;IACF,GAAG;QAACD;KAAiB;IAErB,IAAI,CAACH,SAAS;QACZ,OAAO;IACT;IAEA,qBACE,MAACV,MAAMwC,QAAQ;;0BACb,MAACP;gBAAIC,WAAW;oBAAC1B;oBAAgB;oBAAW;iBAAY,CAACiC,MAAM,CAACC,SAASC,IAAI,CAAC;;kCAC5E,KAAClD;wBAAWmD,aAAaZ;wBAAaa,SAASvC;;kCAC/C,KAACwC;wBACCC,cAAW;wBACXb,WAAWrB,mBAAmB,cAAcmC;wBAC5CC,QAAQ;wBACRC,IAAG;wBACH7B,MAAK;wBACLC,MAAK;wBACLS,OAAO,AAACA,SAAoB;;;;YAG/B,CAACpB,0BACA,KAACjB;gBAAqB2C,gBAAgBA;gBAAgBc,QAAQ,IAAMZ,SAASlC;;;;AAIrF,EAAC"}

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

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

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

@@ -1,21 +1,57 @@
 'use client';
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { Button, CheckboxField, ConfirmPasswordField, EmailField, PasswordField, TextField, useConfig, useDocumentInfo, useFormFields, useFormModified, useTranslation } from '@payloadcms/ui';
-import React, { useCallback, useEffect, useState } from 'react';
+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, loginWithUsername, operation, readOnly, requirePassword, useAPIKey, verify } = props;
+    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(([fields])=>fields && fields?.enableAPIKey || null);
+    const forceOpenChangePassword = useFormFields(([fields])=>fields && fields?.password || null);
     const dispatchFields = useFormFields((reducer)=>reducer[1]);
     const modified = useFormModified();
     const { i18n, t } = useTranslation();
-    const { isInitializing } = useDocumentInfo();
+    const { docPermissions, isInitializing } = useDocumentInfo();
     const { routes: { api }, serverURL } = useConfig();
-    const handleChangePassword = useCallback((state)=>{
-        if (!state) {
+    const hasPermissionToUnlock = useMemo(()=>{
+        const collection = permissions?.collections?.[collectionSlug];
+        if (collection) {
+            const unlock = 'unlock' in collection ? collection.unlock : undefined;
+            if (unlock) {
+                // 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
+                // @todo: fix types
+                // @ts-expect-error
+                return unlock.permission;
+            }
+        }
+        return false;
+    }, [
+        permissions,
+        collectionSlug
+    ]);
+    const handleChangePassword = useCallback((showPasswordFields)=>{
+        if (showPasswordFields) {
+            setValidateBeforeSubmit(true);
+            setSchemaPath(`_${collectionSlug}.auth`);
+            dispatchFields({
+                type: 'UPDATE',
+                errorMessage: t('validation:required'),
+                path: 'password',
+                valid: false
+            });
+            dispatchFields({
+                type: 'UPDATE',
+                errorMessage: t('validation:required'),
+                path: 'confirm-password',
+                valid: false
+            });
+        } else {
+            setValidateBeforeSubmit(false);
+            setSchemaPath(collectionSlug);
             dispatchFields({
                 type: 'REMOVE',
                 path: 'password'
@@ -25,14 +61,20 @@ export const Auth = (props)=>{
                 path: 'confirm-password'
             });
         }
-        setChangingPassword(state);
+        setChangingPassword(showPasswordFields);
     }, [
-        dispatchFields
+        dispatchFields,
+        t,
+        collectionSlug,
+        setSchemaPath,
+        setValidateBeforeSubmit
     ]);
     const unlock = useCallback(async ()=>{
         const url = `${serverURL}${api}/${collectionSlug}/unlock`;
         const response = await fetch(url, {
-            body: JSON.stringify({
+            body: loginWithUsername && username ? JSON.stringify({
+                username
+            }) : JSON.stringify({
                 email
             }),
             credentials: 'include',
@@ -53,7 +95,9 @@ export const Auth = (props)=>{
         api,
         collectionSlug,
         email,
-        t
+        username,
+        t,
+        loginWithUsername
     ]);
     useEffect(()=>{
         if (!modified) {
@@ -66,6 +110,7 @@ export const Auth = (props)=>{
         return null;
     }
     const disabled = readOnly || isInitializing;
+    const showPasswordFields = changingPassword || forceOpenChangePassword;
     return /*#__PURE__*/ _jsxs("div", {
         className: [
             baseClass,
@@ -74,29 +119,20 @@ export const Auth = (props)=>{
         children: [
             !disableLocalStrategy && /*#__PURE__*/ _jsxs(React.Fragment, {
                 children: [
-                    !loginWithUsername && /*#__PURE__*/ _jsx(EmailField, {
-                        autoComplete: "email",
-                        disabled: disabled,
-                        label: t('general:email'),
-                        name: "email",
-                        readOnly: readOnly,
-                        required: true
-                    }),
-                    loginWithUsername && /*#__PURE__*/ _jsx(TextField, {
-                        disabled: disabled,
-                        label: t('authentication:username'),
-                        name: "username",
-                        readOnly: readOnly,
-                        required: true
+                    /*#__PURE__*/ _jsx(RenderEmailAndUsernameFields, {
+                        loginWithUsername: loginWithUsername,
+                        operation: operation,
+                        permissions: docPermissions?.fields,
+                        readOnly: readOnly
                     }),
-                    (changingPassword || requirePassword) && /*#__PURE__*/ _jsxs("div", {
+                    (showPasswordFields || requirePassword) && /*#__PURE__*/ _jsxs("div", {
                         className: `${baseClass}__changing-password`,
                         children: [
                             /*#__PURE__*/ _jsx(PasswordField, {
-                                autoComplete: "off",
                                 disabled: disabled,
                                 label: t('authentication:newPassword'),
                                 name: "password",
+                                path: "password",
                                 required: true
                             }),
                             /*#__PURE__*/ _jsx(ConfirmPasswordField, {
@@ -107,26 +143,26 @@ export const Auth = (props)=>{
                     /*#__PURE__*/ _jsxs("div", {
                         className: `${baseClass}__controls`,
                         children: [
-                            changingPassword && !requirePassword && /*#__PURE__*/ _jsx(Button, {
+                            showPasswordFields && !requirePassword && /*#__PURE__*/ _jsx(Button, {
                                 buttonStyle: "secondary",
                                 disabled: disabled,
                                 onClick: ()=>handleChangePassword(false),
-                                size: "small",
+                                size: "medium",
                                 children: t('general:cancel')
                             }),
-                            !changingPassword && !requirePassword && /*#__PURE__*/ _jsx(Button, {
+                            !showPasswordFields && !requirePassword && /*#__PURE__*/ _jsx(Button, {
                                 buttonStyle: "secondary",
                                 disabled: disabled,
                                 id: "change-password",
                                 onClick: ()=>handleChangePassword(true),
-                                size: "small",
+                                size: "medium",
                                 children: t('authentication:changePassword')
                             }),
-                            operation === 'update' && /*#__PURE__*/ _jsx(Button, {
+                            operation === 'update' && hasPermissionToUnlock && /*#__PURE__*/ _jsx(Button, {
                                 buttonStyle: "secondary",
                                 disabled: disabled,
-                                onClick: ()=>unlock(),
-                                size: "small",
+                                onClick: ()=>void unlock(),
+                                size: "medium",
                                 children: t('authentication:forceUnlock')
                             })
                         ]

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../../../src/views/Edit/Default/Auth/index.tsx"],"sourcesContent":["'use client'\n\nimport {\n  Button,\n  CheckboxField,\n  ConfirmPasswordField,\n  EmailField,\n  PasswordField,\n  TextField,\n  useConfig,\n  useDocumentInfo,\n  useFormFields,\n  useFormModified,\n  useTranslation,\n} from '@payloadcms/ui'\nimport React, { useCallback, useEffect, useState } from 'react'\nimport { toast } from 'sonner'\n\nimport type { Props } from './types.js'\n\nimport { APIKey } from './APIKey.js'\nimport './index.scss'\n\nconst baseClass = 'auth-fields'\n\nexport const Auth: React.FC<Props> = (props) => {\n  const {\n    className,\n    collectionSlug,\n    disableLocalStrategy,\n    email,\n    loginWithUsername,\n    operation,\n    readOnly,\n    requirePassword,\n    useAPIKey,\n    verify,\n  } = props\n\n  const [changingPassword, setChangingPassword] = useState(requirePassword)\n  const enableAPIKey = useFormFields(([fields]) => (fields && fields?.enableAPIKey) || null)\n  const dispatchFields = useFormFields((reducer) => reducer[1])\n  const modified = useFormModified()\n  const { i18n, t } = useTranslation()\n  const { isInitializing } = useDocumentInfo()\n\n  const {\n    routes: { api },\n    serverURL,\n  } = useConfig()\n\n  const handleChangePassword = useCallback(\n    (state: boolean) => {\n      if (!state) {\n        dispatchFields({ type: 'REMOVE', path: 'password' })\n        dispatchFields({ type: 'REMOVE', path: 'confirm-password' })\n      }\n\n      setChangingPassword(state)\n    },\n    [dispatchFields],\n  )\n\n  const unlock = useCallback(async () => {\n    const url = `${serverURL}${api}/${collectionSlug}/unlock`\n    const response = await fetch(url, {\n      body: JSON.stringify({\n        email,\n      }),\n      credentials: 'include',\n      headers: {\n        'Accept-Language': i18n.language,\n        'Content-Type': 'application/json',\n      },\n      method: 'post',\n    })\n\n    if (response.status === 200) {\n      toast.success(t('authentication:successfullyUnlocked'))\n    } else {\n      toast.error(t('authentication:failedToUnlock'))\n    }\n  }, [i18n, serverURL, api, collectionSlug, email, t])\n\n  useEffect(() => {\n    if (!modified) {\n      setChangingPassword(false)\n    }\n  }, [modified])\n\n  if (disableLocalStrategy && !useAPIKey) {\n    return null\n  }\n\n  const disabled = readOnly || isInitializing\n\n  return (\n    <div className={[baseClass, className].filter(Boolean).join(' ')}>\n      {!disableLocalStrategy && (\n        <React.Fragment>\n          {!loginWithUsername && (\n            <EmailField\n              autoComplete=\"email\"\n              disabled={disabled}\n              label={t('general:email')}\n              name=\"email\"\n              readOnly={readOnly}\n              required\n            />\n          )}\n          {loginWithUsername && (\n            <TextField\n              disabled={disabled}\n              label={t('authentication:username')}\n              name=\"username\"\n              readOnly={readOnly}\n              required\n            />\n          )}\n          {(changingPassword || requirePassword) && (\n            <div className={`${baseClass}__changing-password`}>\n              <PasswordField\n                autoComplete=\"off\"\n                disabled={disabled}\n                label={t('authentication:newPassword')}\n                name=\"password\"\n                required\n              />\n              <ConfirmPasswordField disabled={readOnly} />\n            </div>\n          )}\n          <div className={`${baseClass}__controls`}>\n            {changingPassword && !requirePassword && (\n              <Button\n                buttonStyle=\"secondary\"\n                disabled={disabled}\n                onClick={() => handleChangePassword(false)}\n                size=\"small\"\n              >\n                {t('general:cancel')}\n              </Button>\n            )}\n            {!changingPassword && !requirePassword && (\n              <Button\n                buttonStyle=\"secondary\"\n                disabled={disabled}\n                id=\"change-password\"\n                onClick={() => handleChangePassword(true)}\n                size=\"small\"\n              >\n                {t('authentication:changePassword')}\n              </Button>\n            )}\n            {operation === 'update' && (\n              <Button\n                buttonStyle=\"secondary\"\n                disabled={disabled}\n                onClick={() => unlock()}\n                size=\"small\"\n              >\n                {t('authentication:forceUnlock')}\n              </Button>\n            )}\n          </div>\n        </React.Fragment>\n      )}\n      {useAPIKey && (\n        <div className={`${baseClass}__api-key`}>\n          <CheckboxField\n            disabled={disabled}\n            label={t('authentication:enableAPIKey')}\n            name=\"enableAPIKey\"\n            readOnly={readOnly}\n          />\n          <APIKey enabled={!!enableAPIKey?.value} readOnly={readOnly} />\n        </div>\n      )}\n      {verify && (\n        <CheckboxField\n          disabled={disabled}\n          label={t('authentication:verified')}\n          name=\"_verified\"\n          readOnly={readOnly}\n        />\n      )}\n    </div>\n  )\n}\n"],"names":["Button","CheckboxField","ConfirmPasswordField","EmailField","PasswordField","TextField","useConfig","useDocumentInfo","useFormFields","useFormModified","useTranslation","React","useCallback","useEffect","useState","toast","APIKey","baseClass","Auth","props","className","collectionSlug","disableLocalStrategy","email","loginWithUsername","operation","readOnly","requirePassword","useAPIKey","verify","changingPassword","setChangingPassword","enableAPIKey","fields","dispatchFields","reducer","modified","i18n","t","isInitializing","routes","api","serverURL","handleChangePassword","state","type","path","unlock","url","response","fetch","body","JSON","stringify","credentials","headers","language","method","status","success","error","disabled","div","filter","Boolean","join","Fragment","autoComplete","label","name","required","buttonStyle","onClick","size","id","enabled","value"],"mappings":"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"}
+{"version":3,"sources":["../../../../../src/views/Edit/Default/Auth/index.tsx"],"sourcesContent":["'use client'\n\nimport {\n  Button,\n  CheckboxField,\n  ConfirmPasswordField,\n  PasswordField,\n  useAuth,\n  useConfig,\n  useDocumentInfo,\n  useFormFields,\n  useFormModified,\n  useTranslation,\n} from '@payloadcms/ui'\nimport React, { useCallback, useEffect, useMemo, useState } from 'react'\nimport { toast } from 'sonner'\n\nimport type { Props } from './types.js'\n\nimport { RenderEmailAndUsernameFields } from '../../../../elements/EmailAndUsername/index.js'\nimport { APIKey } from './APIKey.js'\nimport './index.scss'\n\nconst baseClass = 'auth-fields'\n\nexport const Auth: React.FC<Props> = (props) => {\n  const {\n    className,\n    collectionSlug,\n    disableLocalStrategy,\n    email,\n    loginWithUsername,\n    operation,\n    readOnly,\n    requirePassword,\n    setSchemaPath,\n    setValidateBeforeSubmit,\n    useAPIKey,\n    username,\n    verify,\n  } = props\n\n  const { permissions } = useAuth()\n  const [changingPassword, setChangingPassword] = useState(requirePassword)\n  const enableAPIKey = useFormFields(([fields]) => (fields && fields?.enableAPIKey) || null)\n  const forceOpenChangePassword = useFormFields(([fields]) => (fields && fields?.password) || null)\n  const dispatchFields = useFormFields((reducer) => reducer[1])\n  const modified = useFormModified()\n  const { i18n, t } = useTranslation()\n  const { docPermissions, isInitializing } = useDocumentInfo()\n\n  const {\n    routes: { api },\n    serverURL,\n  } = useConfig()\n\n  const hasPermissionToUnlock: boolean = useMemo(() => {\n    const collection = permissions?.collections?.[collectionSlug]\n\n    if (collection) {\n      const unlock = 'unlock' in collection ? collection.unlock : undefined\n\n      if (unlock) {\n        // current types for permissions do not include auth permissions, this will be fixed in another branch soon, for now we need to ignore the types\n        // @todo: fix types\n        // @ts-expect-error\n        return unlock.permission\n      }\n    }\n\n    return false\n  }, [permissions, collectionSlug])\n\n  const handleChangePassword = useCallback(\n    (showPasswordFields: boolean) => {\n      if (showPasswordFields) {\n        setValidateBeforeSubmit(true)\n        setSchemaPath(`_${collectionSlug}.auth`)\n        dispatchFields({\n          type: 'UPDATE',\n          errorMessage: t('validation:required'),\n          path: 'password',\n          valid: false,\n        })\n        dispatchFields({\n          type: 'UPDATE',\n          errorMessage: t('validation:required'),\n          path: 'confirm-password',\n          valid: false,\n        })\n      } else {\n        setValidateBeforeSubmit(false)\n        setSchemaPath(collectionSlug)\n        dispatchFields({ type: 'REMOVE', path: 'password' })\n        dispatchFields({ type: 'REMOVE', path: 'confirm-password' })\n      }\n\n      setChangingPassword(showPasswordFields)\n    },\n    [dispatchFields, t, collectionSlug, setSchemaPath, setValidateBeforeSubmit],\n  )\n\n  const unlock = useCallback(async () => {\n    const url = `${serverURL}${api}/${collectionSlug}/unlock`\n    const response = await fetch(url, {\n      body:\n        loginWithUsername && username ? JSON.stringify({ username }) : JSON.stringify({ email }),\n      credentials: 'include',\n      headers: {\n        'Accept-Language': i18n.language,\n        'Content-Type': 'application/json',\n      },\n      method: 'post',\n    })\n\n    if (response.status === 200) {\n      toast.success(t('authentication:successfullyUnlocked'))\n    } else {\n      toast.error(t('authentication:failedToUnlock'))\n    }\n  }, [i18n, serverURL, api, collectionSlug, email, username, t, loginWithUsername])\n\n  useEffect(() => {\n    if (!modified) {\n      setChangingPassword(false)\n    }\n  }, [modified])\n\n  if (disableLocalStrategy && !useAPIKey) {\n    return null\n  }\n\n  const disabled = readOnly || isInitializing\n\n  const showPasswordFields = changingPassword || forceOpenChangePassword\n\n  return (\n    <div className={[baseClass, className].filter(Boolean).join(' ')}>\n      {!disableLocalStrategy && (\n        <React.Fragment>\n          <RenderEmailAndUsernameFields\n            loginWithUsername={loginWithUsername}\n            operation={operation}\n            permissions={docPermissions?.fields}\n            readOnly={readOnly}\n          />\n          {(showPasswordFields || requirePassword) && (\n            <div className={`${baseClass}__changing-password`}>\n              <PasswordField\n                disabled={disabled}\n                label={t('authentication:newPassword')}\n                name=\"password\"\n                path=\"password\"\n                required\n              />\n              <ConfirmPasswordField disabled={readOnly} />\n            </div>\n          )}\n          <div className={`${baseClass}__controls`}>\n            {showPasswordFields && !requirePassword && (\n              <Button\n                buttonStyle=\"secondary\"\n                disabled={disabled}\n                onClick={() => handleChangePassword(false)}\n                size=\"medium\"\n              >\n                {t('general:cancel')}\n              </Button>\n            )}\n            {!showPasswordFields && !requirePassword && (\n              <Button\n                buttonStyle=\"secondary\"\n                disabled={disabled}\n                id=\"change-password\"\n                onClick={() => handleChangePassword(true)}\n                size=\"medium\"\n              >\n                {t('authentication:changePassword')}\n              </Button>\n            )}\n            {operation === 'update' && hasPermissionToUnlock && (\n              <Button\n                buttonStyle=\"secondary\"\n                disabled={disabled}\n                onClick={() => void unlock()}\n                size=\"medium\"\n              >\n                {t('authentication:forceUnlock')}\n              </Button>\n            )}\n          </div>\n        </React.Fragment>\n      )}\n      {useAPIKey && (\n        <div className={`${baseClass}__api-key`}>\n          <CheckboxField\n            disabled={disabled}\n            label={t('authentication:enableAPIKey')}\n            name=\"enableAPIKey\"\n            readOnly={readOnly}\n          />\n          <APIKey enabled={!!enableAPIKey?.value} readOnly={readOnly} />\n        </div>\n      )}\n      {verify && (\n        <CheckboxField\n          disabled={disabled}\n          label={t('authentication:verified')}\n          name=\"_verified\"\n          readOnly={readOnly}\n        />\n      )}\n    </div>\n  )\n}\n"],"names":["Button","CheckboxField","ConfirmPasswordField","PasswordField","useAuth","useConfig","useDocumentInfo","useFormFields","useFormModified","useTranslation","React","useCallback","useEffect","useMemo","useState","toast","RenderEmailAndUsernameFields","APIKey","baseClass","Auth","props","className","collectionSlug","disableLocalStrategy","email","loginWithUsername","operation","readOnly","requirePassword","setSchemaPath","setValidateBeforeSubmit","useAPIKey","username","verify","permissions","changingPassword","setChangingPassword","enableAPIKey","fields","forceOpenChangePassword","password","dispatchFields","reducer","modified","i18n","t","docPermissions","isInitializing","routes","api","serverURL","hasPermissionToUnlock","collection","collections","unlock","undefined","permission","handleChangePassword","showPasswordFields","type","errorMessage","path","valid","url","response","fetch","body","JSON","stringify","credentials","headers","language","method","status","success","error","disabled","div","filter","Boolean","join","Fragment","label","name","required","buttonStyle","onClick","size","id","enabled","value"],"mappings":"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"}

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

@@ -4,11 +4,14 @@ export type Props = {
     collectionSlug: SanitizedCollectionConfig['slug'];
     disableLocalStrategy?: boolean;
     email: string;
-    loginWithUsername: boolean;
+    loginWithUsername: SanitizedCollectionConfig['auth']['loginWithUsername'];
     operation: 'create' | 'update';
     readOnly: boolean;
     requirePassword?: boolean;
+    setSchemaPath: (path: string) => void;
+    setValidateBeforeSubmit: (validate: boolean) => void;
     useAPIKey?: boolean;
+    username: string;
     verify?: VerifyConfig | boolean;
 };
 //# 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,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,OAAO,CAAA;IAC1B,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,YAAY,GAAG,OAAO,CAAA;CAChC,CAAA"}

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

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

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

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/views/Edit/Default/SetDocumentStepNav/index.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,yBAAyB,EAAE,qBAAqB,EAAE,MAAM,SAAS,CAAA;AAc/E,eAAO,MAAM,kBAAkB,EAAE,KAAK,CAAC,EAAE,CAAC;IACxC,cAAc,CAAC,EAAE,yBAAyB,CAAC,MAAM,CAAC,CAAA;IAClD,WAAW,CAAC,EAAE,qBAAqB,CAAC,OAAO,CAAC,CAAA;IAC5C,UAAU,CAAC,EAAE,qBAAqB,CAAC,MAAM,CAAC,CAAA;IAC1C,EAAE,CAAC,EAAE,MAAM,GAAG,MAAM,CAAA;IACpB,WAAW,CAAC,EAAE,yBAAyB,CAAC,QAAQ,CAAC,CAAC,QAAQ,CAAC,CAAA;IAC3D,UAAU,CAAC,EAAE,yBAAyB,CAAC,OAAO,CAAC,CAAC,YAAY,CAAC,CAAA;IAC7D,IAAI,CAAC,EAAE,MAAM,CAAA;CACd,CAyEA,CAAA"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/views/Edit/Default/SetDocumentStepNav/index.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,yBAAyB,EAAE,qBAAqB,EAAE,MAAM,SAAS,CAAA;AAe/E,eAAO,MAAM,kBAAkB,EAAE,KAAK,CAAC,EAAE,CAAC;IACxC,cAAc,CAAC,EAAE,yBAAyB,CAAC,MAAM,CAAC,CAAA;IAClD,WAAW,CAAC,EAAE,qBAAqB,CAAC,OAAO,CAAC,CAAA;IAC5C,UAAU,CAAC,EAAE,qBAAqB,CAAC,MAAM,CAAC,CAAA;IAC1C,EAAE,CAAC,EAAE,MAAM,GAAG,MAAM,CAAA;IACpB,WAAW,CAAC,EAAE,yBAAyB,CAAC,QAAQ,CAAC,CAAC,QAAQ,CAAC,CAAA;IAC3D,UAAU,CAAC,EAAE,yBAAyB,CAAC,OAAO,CAAC,CAAC,YAAY,CAAC,CAAA;IAC7D,IAAI,CAAC,EAAE,MAAM,CAAA;CACd,CAwFA,CAAA"}

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

@@ -1,6 +1,7 @@
 'use client';
 import { getTranslation } from '@payloadcms/translations';
 import { useConfig, useDocumentInfo, useEditDepth, useEntityVisibility, useStepNav, useTranslation } from '@payloadcms/ui';
+import { formatAdminURL } from '@payloadcms/ui/shared';
 import { useEffect } from 'react';
 export const SetDocumentStepNav = (props)=>{
     const { id, collectionSlug, globalSlug, pluralLabel, useAsTitle } = props;
@@ -13,7 +14,7 @@ export const SetDocumentStepNav = (props)=>{
     });
     const { setStepNav } = useStepNav();
     const { i18n, t } = useTranslation();
-    const { routes: { admin } } = useConfig();
+    const { routes: { admin: adminRoute } } = useConfig();
     const drawerDepth = useEditDepth();
     useEffect(()=>{
         const nav = [];
@@ -21,12 +22,18 @@ export const SetDocumentStepNav = (props)=>{
             if (collectionSlug) {
                 nav.push({
                     label: getTranslation(pluralLabel, i18n),
-                    url: isVisible ? `${admin}/collections/${collectionSlug}` : undefined
+                    url: isVisible ? formatAdminURL({
+                        adminRoute,
+                        path: `/collections/${collectionSlug}`
+                    }) : undefined
                 });
                 if (isEditing) {
                     nav.push({
                         label: useAsTitle && useAsTitle !== 'id' && title || `${id}`,
-                        url: isVisible ? `${admin}/collections/${collectionSlug}/${id}` : undefined
+                        url: isVisible ? formatAdminURL({
+                            adminRoute,
+                            path: `/collections/${collectionSlug}/${id}`
+                        }) : undefined
                     });
                 } else {
                     nav.push({
@@ -36,7 +43,10 @@ export const SetDocumentStepNav = (props)=>{
             } else if (globalSlug) {
                 nav.push({
                     label: title,
-                    url: isVisible ? `${admin}/globals/${globalSlug}` : undefined
+                    url: isVisible ? formatAdminURL({
+                        adminRoute,
+                        path: `/globals/${globalSlug}`
+                    }) : undefined
                 });
             }
             if (view) {
@@ -53,7 +63,7 @@ export const SetDocumentStepNav = (props)=>{
         pluralLabel,
         id,
         useAsTitle,
-        admin,
+        adminRoute,
         t,
         i18n,
         title,

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../../../src/views/Edit/Default/SetDocumentStepNav/index.tsx"],"sourcesContent":["'use client'\nimport type { SanitizedCollectionConfig, SanitizedGlobalConfig } from 'payload'\n\nimport { getTranslation } from '@payloadcms/translations'\nimport {\n  type StepNavItem,\n  useConfig,\n  useDocumentInfo,\n  useEditDepth,\n  useEntityVisibility,\n  useStepNav,\n  useTranslation,\n} from '@payloadcms/ui'\nimport { useEffect } from 'react'\n\nexport const SetDocumentStepNav: React.FC<{\n  collectionSlug?: SanitizedCollectionConfig['slug']\n  globalLabel?: SanitizedGlobalConfig['label']\n  globalSlug?: SanitizedGlobalConfig['slug']\n  id?: number | string\n  pluralLabel?: SanitizedCollectionConfig['labels']['plural']\n  useAsTitle?: SanitizedCollectionConfig['admin']['useAsTitle']\n  view?: string\n}> = (props) => {\n  const { id, collectionSlug, globalSlug, pluralLabel, useAsTitle } = props\n\n  const view: string | undefined = props?.view || undefined\n\n  const { isEditing, isInitializing, title } = useDocumentInfo()\n  const { isEntityVisible } = useEntityVisibility()\n  const isVisible = isEntityVisible({ collectionSlug, globalSlug })\n\n  const { setStepNav } = useStepNav()\n\n  const { i18n, t } = useTranslation()\n\n  const {\n    routes: { admin },\n  } = useConfig()\n\n  const drawerDepth = useEditDepth()\n\n  useEffect(() => {\n    const nav: StepNavItem[] = []\n\n    if (!isInitializing) {\n      if (collectionSlug) {\n        nav.push({\n          label: getTranslation(pluralLabel, i18n),\n          url: isVisible ? `${admin}/collections/${collectionSlug}` : undefined,\n        })\n\n        if (isEditing) {\n          nav.push({\n            label: (useAsTitle && useAsTitle !== 'id' && title) || `${id}`,\n            url: isVisible ? `${admin}/collections/${collectionSlug}/${id}` : undefined,\n          })\n        } else {\n          nav.push({\n            label: t('general:createNew'),\n          })\n        }\n      } else if (globalSlug) {\n        nav.push({\n          label: title,\n          url: isVisible ? `${admin}/globals/${globalSlug}` : undefined,\n        })\n      }\n\n      if (view) {\n        nav.push({\n          label: view,\n        })\n      }\n\n      if (drawerDepth <= 1) setStepNav(nav)\n    }\n  }, [\n    setStepNav,\n    isInitializing,\n    isEditing,\n    pluralLabel,\n    id,\n    useAsTitle,\n    admin,\n    t,\n    i18n,\n    title,\n    collectionSlug,\n    globalSlug,\n    view,\n    drawerDepth,\n    isVisible,\n  ])\n\n  return null\n}\n"],"names":["getTranslation","useConfig","useDocumentInfo","useEditDepth","useEntityVisibility","useStepNav","useTranslation","useEffect","SetDocumentStepNav","props","id","collectionSlug","globalSlug","pluralLabel","useAsTitle","view","undefined","isEditing","isInitializing","title","isEntityVisible","isVisible","setStepNav","i18n","t","routes","admin","drawerDepth","nav","push","label","url"],"mappings":"AAAA;AAGA,SAASA,cAAc,QAAQ,2BAA0B;AACzD,SAEEC,SAAS,EACTC,eAAe,EACfC,YAAY,EACZC,mBAAmB,EACnBC,UAAU,EACVC,cAAc,QACT,iBAAgB;AACvB,SAASC,SAAS,QAAQ,QAAO;AAEjC,OAAO,MAAMC,qBAQR,CAACC;IACJ,MAAM,EAAEC,EAAE,EAAEC,cAAc,EAAEC,UAAU,EAAEC,WAAW,EAAEC,UAAU,EAAE,GAAGL;IAEpE,MAAMM,OAA2BN,OAAOM,QAAQC;IAEhD,MAAM,EAAEC,SAAS,EAAEC,cAAc,EAAEC,KAAK,EAAE,GAAGjB;IAC7C,MAAM,EAAEkB,eAAe,EAAE,GAAGhB;IAC5B,MAAMiB,YAAYD,gBAAgB;QAAET;QAAgBC;IAAW;IAE/D,MAAM,EAAEU,UAAU,EAAE,GAAGjB;IAEvB,MAAM,EAAEkB,IAAI,EAAEC,CAAC,EAAE,GAAGlB;IAEpB,MAAM,EACJmB,QAAQ,EAAEC,KAAK,EAAE,EAClB,GAAGzB;IAEJ,MAAM0B,cAAcxB;IAEpBI,UAAU;QACR,MAAMqB,MAAqB,EAAE;QAE7B,IAAI,CAACV,gBAAgB;YACnB,IAAIP,gBAAgB;gBAClBiB,IAAIC,IAAI,CAAC;oBACPC,OAAO9B,eAAea,aAAaU;oBACnCQ,KAAKV,YAAY,CAAC,EAAEK,MAAM,aAAa,EAAEf,eAAe,CAAC,GAAGK;gBAC9D;gBAEA,IAAIC,WAAW;oBACbW,IAAIC,IAAI,CAAC;wBACPC,OAAO,AAAChB,cAAcA,eAAe,QAAQK,SAAU,CAAC,EAAET,GAAG,CAAC;wBAC9DqB,KAAKV,YAAY,CAAC,EAAEK,MAAM,aAAa,EAAEf,eAAe,CAAC,EAAED,GAAG,CAAC,GAAGM;oBACpE;gBACF,OAAO;oBACLY,IAAIC,IAAI,CAAC;wBACPC,OAAON,EAAE;oBACX;gBACF;YACF,OAAO,IAAIZ,YAAY;gBACrBgB,IAAIC,IAAI,CAAC;oBACPC,OAAOX;oBACPY,KAAKV,YAAY,CAAC,EAAEK,MAAM,SAAS,EAAEd,WAAW,CAAC,GAAGI;gBACtD;YACF;YAEA,IAAID,MAAM;gBACRa,IAAIC,IAAI,CAAC;oBACPC,OAAOf;gBACT;YACF;YAEA,IAAIY,eAAe,GAAGL,WAAWM;QACnC;IACF,GAAG;QACDN;QACAJ;QACAD;QACAJ;QACAH;QACAI;QACAY;QACAF;QACAD;QACAJ;QACAR;QACAC;QACAG;QACAY;QACAN;KACD;IAED,OAAO;AACT,EAAC"}
+{"version":3,"sources":["../../../../../src/views/Edit/Default/SetDocumentStepNav/index.tsx"],"sourcesContent":["'use client'\nimport type { SanitizedCollectionConfig, SanitizedGlobalConfig } from 'payload'\n\nimport { getTranslation } from '@payloadcms/translations'\nimport {\n  type StepNavItem,\n  useConfig,\n  useDocumentInfo,\n  useEditDepth,\n  useEntityVisibility,\n  useStepNav,\n  useTranslation,\n} from '@payloadcms/ui'\nimport { formatAdminURL } from '@payloadcms/ui/shared'\nimport { useEffect } from 'react'\n\nexport const SetDocumentStepNav: React.FC<{\n  collectionSlug?: SanitizedCollectionConfig['slug']\n  globalLabel?: SanitizedGlobalConfig['label']\n  globalSlug?: SanitizedGlobalConfig['slug']\n  id?: number | string\n  pluralLabel?: SanitizedCollectionConfig['labels']['plural']\n  useAsTitle?: SanitizedCollectionConfig['admin']['useAsTitle']\n  view?: string\n}> = (props) => {\n  const { id, collectionSlug, globalSlug, pluralLabel, useAsTitle } = props\n\n  const view: string | undefined = props?.view || undefined\n\n  const { isEditing, isInitializing, title } = useDocumentInfo()\n  const { isEntityVisible } = useEntityVisibility()\n  const isVisible = isEntityVisible({ collectionSlug, globalSlug })\n\n  const { setStepNav } = useStepNav()\n\n  const { i18n, t } = useTranslation()\n\n  const {\n    routes: { admin: adminRoute },\n  } = useConfig()\n\n  const drawerDepth = useEditDepth()\n\n  useEffect(() => {\n    const nav: StepNavItem[] = []\n\n    if (!isInitializing) {\n      if (collectionSlug) {\n        nav.push({\n          label: getTranslation(pluralLabel, i18n),\n          url: isVisible\n            ? formatAdminURL({\n                adminRoute,\n                path: `/collections/${collectionSlug}`,\n              })\n            : undefined,\n        })\n\n        if (isEditing) {\n          nav.push({\n            label: (useAsTitle && useAsTitle !== 'id' && title) || `${id}`,\n            url: isVisible\n              ? formatAdminURL({\n                  adminRoute,\n                  path: `/collections/${collectionSlug}/${id}`,\n                })\n              : undefined,\n          })\n        } else {\n          nav.push({\n            label: t('general:createNew'),\n          })\n        }\n      } else if (globalSlug) {\n        nav.push({\n          label: title,\n          url: isVisible\n            ? formatAdminURL({\n                adminRoute,\n                path: `/globals/${globalSlug}`,\n              })\n            : undefined,\n        })\n      }\n\n      if (view) {\n        nav.push({\n          label: view,\n        })\n      }\n\n      if (drawerDepth <= 1) setStepNav(nav)\n    }\n  }, [\n    setStepNav,\n    isInitializing,\n    isEditing,\n    pluralLabel,\n    id,\n    useAsTitle,\n    adminRoute,\n    t,\n    i18n,\n    title,\n    collectionSlug,\n    globalSlug,\n    view,\n    drawerDepth,\n    isVisible,\n  ])\n\n  return null\n}\n"],"names":["getTranslation","useConfig","useDocumentInfo","useEditDepth","useEntityVisibility","useStepNav","useTranslation","formatAdminURL","useEffect","SetDocumentStepNav","props","id","collectionSlug","globalSlug","pluralLabel","useAsTitle","view","undefined","isEditing","isInitializing","title","isEntityVisible","isVisible","setStepNav","i18n","t","routes","admin","adminRoute","drawerDepth","nav","push","label","url","path"],"mappings":"AAAA;AAGA,SAASA,cAAc,QAAQ,2BAA0B;AACzD,SAEEC,SAAS,EACTC,eAAe,EACfC,YAAY,EACZC,mBAAmB,EACnBC,UAAU,EACVC,cAAc,QACT,iBAAgB;AACvB,SAASC,cAAc,QAAQ,wBAAuB;AACtD,SAASC,SAAS,QAAQ,QAAO;AAEjC,OAAO,MAAMC,qBAQR,CAACC;IACJ,MAAM,EAAEC,EAAE,EAAEC,cAAc,EAAEC,UAAU,EAAEC,WAAW,EAAEC,UAAU,EAAE,GAAGL;IAEpE,MAAMM,OAA2BN,OAAOM,QAAQC;IAEhD,MAAM,EAAEC,SAAS,EAAEC,cAAc,EAAEC,KAAK,EAAE,GAAGlB;IAC7C,MAAM,EAAEmB,eAAe,EAAE,GAAGjB;IAC5B,MAAMkB,YAAYD,gBAAgB;QAAET;QAAgBC;IAAW;IAE/D,MAAM,EAAEU,UAAU,EAAE,GAAGlB;IAEvB,MAAM,EAAEmB,IAAI,EAAEC,CAAC,EAAE,GAAGnB;IAEpB,MAAM,EACJoB,QAAQ,EAAEC,OAAOC,UAAU,EAAE,EAC9B,GAAG3B;IAEJ,MAAM4B,cAAc1B;IAEpBK,UAAU;QACR,MAAMsB,MAAqB,EAAE;QAE7B,IAAI,CAACX,gBAAgB;YACnB,IAAIP,gBAAgB;gBAClBkB,IAAIC,IAAI,CAAC;oBACPC,OAAOhC,eAAec,aAAaU;oBACnCS,KAAKX,YACDf,eAAe;wBACbqB;wBACAM,MAAM,CAAC,aAAa,EAAEtB,eAAe,CAAC;oBACxC,KACAK;gBACN;gBAEA,IAAIC,WAAW;oBACbY,IAAIC,IAAI,CAAC;wBACPC,OAAO,AAACjB,cAAcA,eAAe,QAAQK,SAAU,CAAC,EAAET,GAAG,CAAC;wBAC9DsB,KAAKX,YACDf,eAAe;4BACbqB;4BACAM,MAAM,CAAC,aAAa,EAAEtB,eAAe,CAAC,EAAED,GAAG,CAAC;wBAC9C,KACAM;oBACN;gBACF,OAAO;oBACLa,IAAIC,IAAI,CAAC;wBACPC,OAAOP,EAAE;oBACX;gBACF;YACF,OAAO,IAAIZ,YAAY;gBACrBiB,IAAIC,IAAI,CAAC;oBACPC,OAAOZ;oBACPa,KAAKX,YACDf,eAAe;wBACbqB;wBACAM,MAAM,CAAC,SAAS,EAAErB,WAAW,CAAC;oBAChC,KACAI;gBACN;YACF;YAEA,IAAID,MAAM;gBACRc,IAAIC,IAAI,CAAC;oBACPC,OAAOhB;gBACT;YACF;YAEA,IAAIa,eAAe,GAAGN,WAAWO;QACnC;IACF,GAAG;QACDP;QACAJ;QACAD;QACAJ;QACAH;QACAI;QACAa;QACAH;QACAD;QACAJ;QACAR;QACAC;QACAG;QACAa;QACAP;KACD;IAED,OAAO;AACT,EAAC"}

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

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/views/Edit/Default/index.tsx"],"names":[],"mappings":"AAmBA,OAAO,KAAgC,MAAM,OAAO,CAAA;AAMpD,OAAO,cAAc,CAAA;AAOrB,eAAO,MAAM,eAAe,EAAE,KAAK,CAAC,EAyOnC,CAAA"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/views/Edit/Default/index.tsx"],"names":[],"mappings":"AAmBA,OAAO,KAA0C,MAAM,OAAO,CAAA;AAM9D,OAAO,cAAc,CAAA;AAOrB,eAAO,MAAM,eAAe,EAAE,KAAK,CAAC,EAoPnC,CAAA"}

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

@@ -1,9 +1,9 @@
 'use client';
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { DocumentControls, DocumentFields, Form, OperationProvider, Upload, useAuth, useComponentMap, useConfig, useDocumentEvents, useDocumentInfo, useEditDepth, useFormQueryParams } from '@payloadcms/ui';
-import { getFormState } from '@payloadcms/ui/shared';
+import { DocumentControls, DocumentFields, Form, OperationProvider, Upload, useAuth, useComponentMap, useConfig, useDocumentEvents, useDocumentInfo, useEditDepth, useUploadEdits } from '@payloadcms/ui';
+import { formatAdminURL, getFormState } from '@payloadcms/ui/shared';
 import { useRouter, useSearchParams } from 'next/navigation.js';
-import React, { Fragment, useCallback } from 'react';
+import React, { Fragment, useCallback, useState } from 'react';
 import { LeaveWithoutSaving } from '../../../elements/LeaveWithoutSaving/index.js';
 import { Auth } from './Auth/index.js';
 import { SetDocumentStepNav } from './SetDocumentStepNav/index.js';
@@ -17,13 +17,13 @@ export const DefaultEditView = ()=>{
     const { refreshCookieAsync, user } = useAuth();
     const config = useConfig();
     const router = useRouter();
-    const { dispatchFormQueryParams } = useFormQueryParams();
     const { getComponentMap, getFieldMap } = useComponentMap();
-    const params = useSearchParams();
     const depth = useEditDepth();
+    const params = useSearchParams();
     const { reportUpdate } = useDocumentEvents();
-    const { admin: { user: userSlug }, collections, globals, routes: { admin: adminRoute, api: apiRoute }, serverURL } = config;
+    const { resetUploadEdits } = useUploadEdits();
     const locale = params.get('locale');
+    const { admin: { user: userSlug }, collections, globals, routes: { admin: adminRoute, api: apiRoute }, serverURL } = config;
     const collectionConfig = collectionSlug && collections.find((collection)=>collection.slug === collectionSlug);
     const globalConfig = globalSlug && globals.find((global)=>global.slug === globalSlug);
     const entitySlug = collectionConfig?.slug || globalConfig?.slug;
@@ -43,6 +43,11 @@ export const DefaultEditView = ()=>{
         baseClass,
         id && `${baseClass}--is-editing`
     ].filter(Boolean).join(' ');
+    const [schemaPath, setSchemaPath] = React.useState(entitySlug);
+    const [validateBeforeSubmit, setValidateBeforeSubmit] = useState(()=>{
+        if (operation === 'create' && collectionConfig.auth && !collectionConfig.auth.disableLocalStrategy) return true;
+        return false;
+    });
     const onSave = useCallback((json)=>{
         reportUpdate({
             id,
@@ -63,15 +68,13 @@ export const DefaultEditView = ()=>{
         }
         if (!isEditing && depth < 2) {
             // Redirect to the same locale if it's been set
-            const redirectRoute = `${adminRoute}/collections/${collectionSlug}/${json?.doc?.id}${locale ? `?locale=${locale}` : ''}`;
+            const redirectRoute = formatAdminURL({
+                adminRoute,
+                path: `/collections/${collectionSlug}/${json?.doc?.id}${locale ? `?locale=${locale}` : ''}`
+            });
             router.push(redirectRoute);
         } else {
-            dispatchFormQueryParams({
-                type: 'SET',
-                params: {
-                    uploadEdits: null
-                }
-            });
+            resetUploadEdits();
         }
     }, [
         onSaveFromContext,
@@ -86,9 +89,9 @@ export const DefaultEditView = ()=>{
         isEditing,
         refreshCookieAsync,
         adminRoute,
-        locale,
         router,
-        dispatchFormQueryParams
+        locale,
+        resetUploadEdits
     ]);
     const onChange = useCallback(async ({ formState: prevFormState })=>{
         const docPreferences = await getDocPreferences();
@@ -101,19 +104,19 @@ export const DefaultEditView = ()=>{
                 formState: prevFormState,
                 globalSlug,
                 operation,
-                schemaPath: entitySlug
+                schemaPath
             },
             serverURL
         });
     }, [
-        serverURL,
         apiRoute,
-        id,
-        operation,
-        entitySlug,
         collectionSlug,
+        schemaPath,
+        getDocPreferences,
         globalSlug,
-        getDocPreferences
+        id,
+        operation,
+        serverURL
     ]);
     return /*#__PURE__*/ _jsx("main", {
         className: classes,
@@ -122,7 +125,7 @@ export const DefaultEditView = ()=>{
             children: /*#__PURE__*/ _jsxs(Form, {
                 action: action,
                 className: `${baseClass}__form`,
-                disableValidationOnSubmit: true,
+                disableValidationOnSubmit: !validateBeforeSubmit,
                 disabled: isInitializing || !hasSavePermission,
                 initialState: !isInitializing && initialState,
                 isInitializing: isInitializing,
@@ -171,7 +174,10 @@ export const DefaultEditView = ()=>{
                                     operation: operation,
                                     readOnly: !hasSavePermission,
                                     requirePassword: !id,
+                                    setSchemaPath: setSchemaPath,
+                                    setValidateBeforeSubmit: setValidateBeforeSubmit,
                                     useAPIKey: auth.useAPIKey,
+                                    username: data?.username,
                                     verify: auth.verify
                                 }),
                                 upload && /*#__PURE__*/ _jsx(React.Fragment, {
@@ -186,7 +192,7 @@ export const DefaultEditView = ()=>{
                         docPermissions: docPermissions,
                         fieldMap: fieldMap,
                         readOnly: !hasSavePermission,
-                        schemaPath: entitySlug
+                        schemaPath: schemaPath
                     }),
                     AfterDocument
                 ]