@payloadcms/next 3.0.0-beta.71 → 3.0.0-beta.73
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/elements/DocumentHeader/Tabs/tabs/VersionsPill/index.d.ts.map +1 -1
- package/dist/elements/DocumentHeader/Tabs/tabs/VersionsPill/index.js +3 -5
- package/dist/elements/DocumentHeader/Tabs/tabs/VersionsPill/index.js.map +1 -1
- package/dist/elements/Nav/index.client.d.ts.map +1 -1
- package/dist/elements/Nav/index.client.js +5 -1
- package/dist/elements/Nav/index.client.js.map +1 -1
- package/dist/prod/styles.css +1 -1
- package/dist/routes/rest/collections/restoreVersion.d.ts.map +1 -1
- package/dist/routes/rest/collections/restoreVersion.js +2 -0
- package/dist/routes/rest/collections/restoreVersion.js.map +1 -1
- package/dist/routes/rest/globals/restoreVersion.d.ts.map +1 -1
- package/dist/routes/rest/globals/restoreVersion.js +2 -0
- package/dist/routes/rest/globals/restoreVersion.js.map +1 -1
- package/dist/utilities/initPage/handleAdminPage.js +16 -5
- package/dist/utilities/initPage/handleAdminPage.js.map +1 -1
- package/dist/utilities/initPage/handleAuthRedirect.js +10 -2
- package/dist/utilities/initPage/handleAuthRedirect.js.map +1 -1
- package/dist/utilities/initPage/shared.d.ts +14 -2
- package/dist/utilities/initPage/shared.d.ts.map +1 -1
- package/dist/utilities/initPage/shared.js +14 -4
- package/dist/utilities/initPage/shared.js.map +1 -1
- package/dist/views/CreateFirstUser/index.client.js +5 -6
- package/dist/views/CreateFirstUser/index.client.js.map +1 -1
- package/dist/views/CreateFirstUser/index.d.ts.map +1 -1
- package/dist/views/CreateFirstUser/index.js +7 -42
- package/dist/views/CreateFirstUser/index.js.map +1 -1
- package/dist/views/Document/getDocumentData.d.ts +1 -0
- package/dist/views/Document/getDocumentData.d.ts.map +1 -1
- package/dist/views/Document/getDocumentData.js +3 -2
- package/dist/views/Document/getDocumentData.js.map +1 -1
- package/dist/views/Edit/Default/Auth/APIKey.d.ts.map +1 -1
- package/dist/views/Edit/Default/Auth/APIKey.js +2 -1
- package/dist/views/Edit/Default/Auth/APIKey.js.map +1 -1
- package/dist/views/Edit/Default/Auth/index.d.ts.map +1 -1
- package/dist/views/Edit/Default/Auth/index.js +70 -15
- package/dist/views/Edit/Default/Auth/index.js.map +1 -1
- package/dist/views/Edit/Default/Auth/types.d.ts +2 -0
- package/dist/views/Edit/Default/Auth/types.d.ts.map +1 -1
- package/dist/views/Edit/Default/Auth/types.js.map +1 -1
- package/dist/views/Edit/Default/index.d.ts.map +1 -1
- package/dist/views/Edit/Default/index.js +13 -9
- package/dist/views/Edit/Default/index.js.map +1 -1
- package/dist/views/Login/LoginField/index.d.ts.map +1 -1
- package/dist/views/Login/LoginField/index.js +3 -0
- package/dist/views/Login/LoginField/index.js.map +1 -1
- package/dist/views/Login/LoginForm/index.d.ts.map +1 -1
- package/dist/views/Login/LoginForm/index.js +1 -19
- package/dist/views/Login/LoginForm/index.js.map +1 -1
- package/dist/views/ResetPassword/index.client.d.ts.map +1 -1
- package/dist/views/ResetPassword/index.client.js +10 -27
- package/dist/views/ResetPassword/index.client.js.map +1 -1
- package/dist/views/Version/Default/index.d.ts.map +1 -1
- package/dist/views/Version/Default/index.js +3 -1
- package/dist/views/Version/Default/index.js.map +1 -1
- package/dist/views/Version/Restore/index.d.ts.map +1 -1
- package/dist/views/Version/Restore/index.js +35 -8
- package/dist/views/Version/Restore/index.js.map +1 -1
- package/dist/views/Version/Restore/index.scss +31 -0
- package/dist/views/Version/Restore/types.d.ts +1 -0
- package/dist/views/Version/Restore/types.d.ts.map +1 -1
- package/dist/views/Version/Restore/types.js.map +1 -1
- package/dist/views/Version/index.d.ts.map +1 -1
- package/dist/views/Version/index.js +2 -2
- package/dist/views/Version/index.js.map +1 -1
- package/dist/views/Versions/index.client.d.ts.map +1 -1
- package/dist/views/Versions/index.client.js +3 -2
- package/dist/views/Versions/index.client.js.map +1 -1
- package/package.json +7 -7
|
@@ -1,21 +1,57 @@
|
|
|
1
1
|
'use client';
|
|
2
2
|
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
|
3
|
-
import { Button, CheckboxField, ConfirmPasswordField, EmailField, PasswordField, TextField, useConfig, useDocumentInfo, useFormFields, useFormModified, useTranslation } from '@payloadcms/ui';
|
|
4
|
-
import
|
|
3
|
+
import { Button, CheckboxField, ConfirmPasswordField, EmailField, PasswordField, TextField, useAuth, useConfig, useDocumentInfo, useFormFields, useFormModified, useTranslation } from '@payloadcms/ui';
|
|
4
|
+
import { email as emailValidation } from 'payload/shared';
|
|
5
|
+
import React, { useCallback, useEffect, useMemo, useState } from 'react';
|
|
5
6
|
import { toast } from 'sonner';
|
|
6
7
|
import { APIKey } from './APIKey.js';
|
|
7
8
|
const baseClass = 'auth-fields';
|
|
8
9
|
export const Auth = (props)=>{
|
|
9
|
-
const { className, collectionSlug, disableLocalStrategy, email, loginWithUsername, operation, readOnly, requirePassword, useAPIKey, username, verify } = props;
|
|
10
|
+
const { className, collectionSlug, disableLocalStrategy, email, loginWithUsername, operation, readOnly, requirePassword, setSchemaPath, setValidateBeforeSubmit, useAPIKey, username, verify } = props;
|
|
11
|
+
const { permissions } = useAuth();
|
|
10
12
|
const [changingPassword, setChangingPassword] = useState(requirePassword);
|
|
11
13
|
const enableAPIKey = useFormFields(([fields])=>fields && fields?.enableAPIKey || null);
|
|
14
|
+
const forceOpenChangePassword = useFormFields(([fields])=>fields && fields?.password || null);
|
|
12
15
|
const dispatchFields = useFormFields((reducer)=>reducer[1]);
|
|
13
16
|
const modified = useFormModified();
|
|
14
17
|
const { i18n, t } = useTranslation();
|
|
15
18
|
const { isInitializing } = useDocumentInfo();
|
|
16
19
|
const { routes: { api }, serverURL } = useConfig();
|
|
17
|
-
const
|
|
18
|
-
|
|
20
|
+
const hasPermissionToUnlock = useMemo(()=>{
|
|
21
|
+
const collection = permissions?.collections?.[collectionSlug];
|
|
22
|
+
if (collection) {
|
|
23
|
+
const unlock = 'unlock' in collection ? collection.unlock : undefined;
|
|
24
|
+
if (unlock) {
|
|
25
|
+
// 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
|
|
26
|
+
// @todo: fix types
|
|
27
|
+
// @ts-expect-error
|
|
28
|
+
return unlock.permission;
|
|
29
|
+
}
|
|
30
|
+
}
|
|
31
|
+
return false;
|
|
32
|
+
}, [
|
|
33
|
+
permissions,
|
|
34
|
+
collectionSlug
|
|
35
|
+
]);
|
|
36
|
+
const handleChangePassword = useCallback((showPasswordFields)=>{
|
|
37
|
+
if (showPasswordFields) {
|
|
38
|
+
setValidateBeforeSubmit(true);
|
|
39
|
+
setSchemaPath(`_${collectionSlug}.auth`);
|
|
40
|
+
dispatchFields({
|
|
41
|
+
type: 'UPDATE',
|
|
42
|
+
errorMessage: t('validation:required'),
|
|
43
|
+
path: 'password',
|
|
44
|
+
valid: false
|
|
45
|
+
});
|
|
46
|
+
dispatchFields({
|
|
47
|
+
type: 'UPDATE',
|
|
48
|
+
errorMessage: t('validation:required'),
|
|
49
|
+
path: 'confirm-password',
|
|
50
|
+
valid: false
|
|
51
|
+
});
|
|
52
|
+
} else {
|
|
53
|
+
setValidateBeforeSubmit(false);
|
|
54
|
+
setSchemaPath(collectionSlug);
|
|
19
55
|
dispatchFields({
|
|
20
56
|
type: 'REMOVE',
|
|
21
57
|
path: 'password'
|
|
@@ -25,9 +61,13 @@ export const Auth = (props)=>{
|
|
|
25
61
|
path: 'confirm-password'
|
|
26
62
|
});
|
|
27
63
|
}
|
|
28
|
-
setChangingPassword(
|
|
64
|
+
setChangingPassword(showPasswordFields);
|
|
29
65
|
}, [
|
|
30
|
-
dispatchFields
|
|
66
|
+
dispatchFields,
|
|
67
|
+
t,
|
|
68
|
+
collectionSlug,
|
|
69
|
+
setSchemaPath,
|
|
70
|
+
setValidateBeforeSubmit
|
|
31
71
|
]);
|
|
32
72
|
const unlock = useCallback(async ()=>{
|
|
33
73
|
const url = `${serverURL}${api}/${collectionSlug}/unlock`;
|
|
@@ -56,7 +96,8 @@ export const Auth = (props)=>{
|
|
|
56
96
|
collectionSlug,
|
|
57
97
|
email,
|
|
58
98
|
username,
|
|
59
|
-
t
|
|
99
|
+
t,
|
|
100
|
+
loginWithUsername
|
|
60
101
|
]);
|
|
61
102
|
useEffect(()=>{
|
|
62
103
|
if (!modified) {
|
|
@@ -69,6 +110,7 @@ export const Auth = (props)=>{
|
|
|
69
110
|
return null;
|
|
70
111
|
}
|
|
71
112
|
const disabled = readOnly || isInitializing;
|
|
113
|
+
const showPasswordFields = changingPassword || forceOpenChangePassword;
|
|
72
114
|
return /*#__PURE__*/ _jsxs("div", {
|
|
73
115
|
className: [
|
|
74
116
|
baseClass,
|
|
@@ -90,16 +132,29 @@ export const Auth = (props)=>{
|
|
|
90
132
|
label: t('general:email'),
|
|
91
133
|
name: "email",
|
|
92
134
|
readOnly: readOnly,
|
|
93
|
-
required: !loginWithUsername || loginWithUsername?.requireEmail
|
|
135
|
+
required: !loginWithUsername || loginWithUsername?.requireEmail,
|
|
136
|
+
validate: (value)=>emailValidation(value, {
|
|
137
|
+
name: 'email',
|
|
138
|
+
type: 'email',
|
|
139
|
+
data: {},
|
|
140
|
+
preferences: {
|
|
141
|
+
fields: {}
|
|
142
|
+
},
|
|
143
|
+
req: {
|
|
144
|
+
t
|
|
145
|
+
},
|
|
146
|
+
required: true,
|
|
147
|
+
siblingData: {}
|
|
148
|
+
})
|
|
94
149
|
}),
|
|
95
|
-
(
|
|
150
|
+
(showPasswordFields || requirePassword) && /*#__PURE__*/ _jsxs("div", {
|
|
96
151
|
className: `${baseClass}__changing-password`,
|
|
97
152
|
children: [
|
|
98
153
|
/*#__PURE__*/ _jsx(PasswordField, {
|
|
99
|
-
autoComplete: "off",
|
|
100
154
|
disabled: disabled,
|
|
101
155
|
label: t('authentication:newPassword'),
|
|
102
156
|
name: "password",
|
|
157
|
+
path: "password",
|
|
103
158
|
required: true
|
|
104
159
|
}),
|
|
105
160
|
/*#__PURE__*/ _jsx(ConfirmPasswordField, {
|
|
@@ -110,14 +165,14 @@ export const Auth = (props)=>{
|
|
|
110
165
|
/*#__PURE__*/ _jsxs("div", {
|
|
111
166
|
className: `${baseClass}__controls`,
|
|
112
167
|
children: [
|
|
113
|
-
|
|
168
|
+
showPasswordFields && !requirePassword && /*#__PURE__*/ _jsx(Button, {
|
|
114
169
|
buttonStyle: "secondary",
|
|
115
170
|
disabled: disabled,
|
|
116
171
|
onClick: ()=>handleChangePassword(false),
|
|
117
172
|
size: "small",
|
|
118
173
|
children: t('general:cancel')
|
|
119
174
|
}),
|
|
120
|
-
!
|
|
175
|
+
!showPasswordFields && !requirePassword && /*#__PURE__*/ _jsx(Button, {
|
|
121
176
|
buttonStyle: "secondary",
|
|
122
177
|
disabled: disabled,
|
|
123
178
|
id: "change-password",
|
|
@@ -125,10 +180,10 @@ export const Auth = (props)=>{
|
|
|
125
180
|
size: "small",
|
|
126
181
|
children: t('authentication:changePassword')
|
|
127
182
|
}),
|
|
128
|
-
operation === 'update' && /*#__PURE__*/ _jsx(Button, {
|
|
183
|
+
operation === 'update' && hasPermissionToUnlock && /*#__PURE__*/ _jsx(Button, {
|
|
129
184
|
buttonStyle: "secondary",
|
|
130
185
|
disabled: disabled,
|
|
131
|
-
onClick: ()=>unlock(),
|
|
186
|
+
onClick: ()=>void unlock(),
|
|
132
187
|
size: "small",
|
|
133
188
|
children: t('authentication:forceUnlock')
|
|
134
189
|
})
|
|
@@ -1 +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 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 { 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:\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])\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 {Boolean(loginWithUsername) && (\n <TextField\n disabled={disabled}\n label={t('authentication:username')}\n name=\"username\"\n readOnly={readOnly}\n required\n />\n )}\n {(!loginWithUsername ||\n loginWithUsername?.allowEmailLogin ||\n loginWithUsername?.requireEmail) && (\n <EmailField\n autoComplete=\"email\"\n disabled={disabled}\n label={t('general:email')}\n name=\"email\"\n readOnly={readOnly}\n required={!loginWithUsername || loginWithUsername?.requireEmail}\n />\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","username","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","label","name","required","allowEmailLogin","requireEmail","autoComplete","buttonStyle","onClick","size","id","enabled","value"],"mappings":"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"}
|
|
1
|
+
{"version":3,"sources":["../../../../../src/views/Edit/Default/Auth/index.tsx"],"sourcesContent":["'use client'\n\nimport {\n Button,\n CheckboxField,\n ConfirmPasswordField,\n EmailField,\n PasswordField,\n TextField,\n useAuth,\n useConfig,\n useDocumentInfo,\n useFormFields,\n useFormModified,\n useTranslation,\n} from '@payloadcms/ui'\nimport { email as emailValidation } from 'payload/shared'\nimport React, { useCallback, useEffect, useMemo, useState } from 'react'\nimport { toast } from 'sonner'\n\nimport type { Props } from './types.js'\n\nimport { APIKey } from './APIKey.js'\nimport './index.scss'\n\nconst baseClass = 'auth-fields'\n\nexport const Auth: React.FC<Props> = (props) => {\n const {\n className,\n collectionSlug,\n disableLocalStrategy,\n email,\n loginWithUsername,\n operation,\n readOnly,\n requirePassword,\n setSchemaPath,\n setValidateBeforeSubmit,\n useAPIKey,\n username,\n verify,\n } = props\n\n const { permissions } = useAuth()\n const [changingPassword, setChangingPassword] = useState(requirePassword)\n const enableAPIKey = useFormFields(([fields]) => (fields && fields?.enableAPIKey) || null)\n const forceOpenChangePassword = useFormFields(([fields]) => (fields && fields?.password) || null)\n const dispatchFields = useFormFields((reducer) => reducer[1])\n const modified = useFormModified()\n const { i18n, t } = useTranslation()\n const { isInitializing } = useDocumentInfo()\n\n const {\n routes: { api },\n serverURL,\n } = useConfig()\n\n const hasPermissionToUnlock: boolean = useMemo(() => {\n const collection = permissions?.collections?.[collectionSlug]\n\n if (collection) {\n const unlock = 'unlock' in collection ? collection.unlock : undefined\n\n if (unlock) {\n // current types for permissions do not include auth permissions, this will be fixed in another branch soon, for now we need to ignore the types\n // @todo: fix types\n // @ts-expect-error\n return unlock.permission\n }\n }\n\n return false\n }, [permissions, collectionSlug])\n\n const handleChangePassword = useCallback(\n (showPasswordFields: boolean) => {\n if (showPasswordFields) {\n setValidateBeforeSubmit(true)\n setSchemaPath(`_${collectionSlug}.auth`)\n dispatchFields({\n type: 'UPDATE',\n errorMessage: t('validation:required'),\n path: 'password',\n valid: false,\n })\n dispatchFields({\n type: 'UPDATE',\n errorMessage: t('validation:required'),\n path: 'confirm-password',\n valid: false,\n })\n } else {\n setValidateBeforeSubmit(false)\n setSchemaPath(collectionSlug)\n dispatchFields({ type: 'REMOVE', path: 'password' })\n dispatchFields({ type: 'REMOVE', path: 'confirm-password' })\n }\n\n setChangingPassword(showPasswordFields)\n },\n [dispatchFields, t, collectionSlug, setSchemaPath, setValidateBeforeSubmit],\n )\n\n const unlock = useCallback(async () => {\n const url = `${serverURL}${api}/${collectionSlug}/unlock`\n const response = await fetch(url, {\n body:\n loginWithUsername && username ? JSON.stringify({ username }) : JSON.stringify({ email }),\n credentials: 'include',\n headers: {\n 'Accept-Language': i18n.language,\n 'Content-Type': 'application/json',\n },\n method: 'post',\n })\n\n if (response.status === 200) {\n toast.success(t('authentication:successfullyUnlocked'))\n } else {\n toast.error(t('authentication:failedToUnlock'))\n }\n }, [i18n, serverURL, api, collectionSlug, email, username, t, loginWithUsername])\n\n useEffect(() => {\n if (!modified) {\n setChangingPassword(false)\n }\n }, [modified])\n\n if (disableLocalStrategy && !useAPIKey) {\n return null\n }\n\n const disabled = readOnly || isInitializing\n\n const showPasswordFields = changingPassword || forceOpenChangePassword\n\n return (\n <div className={[baseClass, className].filter(Boolean).join(' ')}>\n {!disableLocalStrategy && (\n <React.Fragment>\n {Boolean(loginWithUsername) && (\n <TextField\n disabled={disabled}\n label={t('authentication:username')}\n name=\"username\"\n readOnly={readOnly}\n required\n />\n )}\n {(!loginWithUsername ||\n loginWithUsername?.allowEmailLogin ||\n loginWithUsername?.requireEmail) && (\n <EmailField\n autoComplete=\"email\"\n disabled={disabled}\n label={t('general:email')}\n name=\"email\"\n readOnly={readOnly}\n required={!loginWithUsername || loginWithUsername?.requireEmail}\n validate={(value) =>\n emailValidation(value, {\n name: 'email',\n type: 'email',\n data: {},\n preferences: { fields: {} },\n req: { t } as any,\n required: true,\n siblingData: {},\n })\n }\n />\n )}\n {(showPasswordFields || requirePassword) && (\n <div className={`${baseClass}__changing-password`}>\n <PasswordField\n disabled={disabled}\n label={t('authentication:newPassword')}\n name=\"password\"\n path=\"password\"\n required\n />\n <ConfirmPasswordField disabled={readOnly} />\n </div>\n )}\n <div className={`${baseClass}__controls`}>\n {showPasswordFields && !requirePassword && (\n <Button\n buttonStyle=\"secondary\"\n disabled={disabled}\n onClick={() => handleChangePassword(false)}\n size=\"small\"\n >\n {t('general:cancel')}\n </Button>\n )}\n {!showPasswordFields && !requirePassword && (\n <Button\n buttonStyle=\"secondary\"\n disabled={disabled}\n id=\"change-password\"\n onClick={() => handleChangePassword(true)}\n size=\"small\"\n >\n {t('authentication:changePassword')}\n </Button>\n )}\n {operation === 'update' && hasPermissionToUnlock && (\n <Button\n buttonStyle=\"secondary\"\n disabled={disabled}\n onClick={() => void unlock()}\n size=\"small\"\n >\n {t('authentication:forceUnlock')}\n </Button>\n )}\n </div>\n </React.Fragment>\n )}\n {useAPIKey && (\n <div className={`${baseClass}__api-key`}>\n <CheckboxField\n disabled={disabled}\n label={t('authentication:enableAPIKey')}\n name=\"enableAPIKey\"\n readOnly={readOnly}\n />\n <APIKey enabled={!!enableAPIKey?.value} readOnly={readOnly} />\n </div>\n )}\n {verify && (\n <CheckboxField\n disabled={disabled}\n label={t('authentication:verified')}\n name=\"_verified\"\n readOnly={readOnly}\n />\n )}\n </div>\n )\n}\n"],"names":["Button","CheckboxField","ConfirmPasswordField","EmailField","PasswordField","TextField","useAuth","useConfig","useDocumentInfo","useFormFields","useFormModified","useTranslation","email","emailValidation","React","useCallback","useEffect","useMemo","useState","toast","APIKey","baseClass","Auth","props","className","collectionSlug","disableLocalStrategy","loginWithUsername","operation","readOnly","requirePassword","setSchemaPath","setValidateBeforeSubmit","useAPIKey","username","verify","permissions","changingPassword","setChangingPassword","enableAPIKey","fields","forceOpenChangePassword","password","dispatchFields","reducer","modified","i18n","t","isInitializing","routes","api","serverURL","hasPermissionToUnlock","collection","collections","unlock","undefined","permission","handleChangePassword","showPasswordFields","type","errorMessage","path","valid","url","response","fetch","body","JSON","stringify","credentials","headers","language","method","status","success","error","disabled","div","filter","Boolean","join","Fragment","label","name","required","allowEmailLogin","requireEmail","autoComplete","validate","value","data","preferences","req","siblingData","buttonStyle","onClick","size","id","enabled"],"mappings":"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"}
|
|
@@ -8,6 +8,8 @@ export type Props = {
|
|
|
8
8
|
operation: 'create' | 'update';
|
|
9
9
|
readOnly: boolean;
|
|
10
10
|
requirePassword?: boolean;
|
|
11
|
+
setSchemaPath: (path: string) => void;
|
|
12
|
+
setValidateBeforeSubmit: (validate: boolean) => void;
|
|
11
13
|
useAPIKey?: boolean;
|
|
12
14
|
username: string;
|
|
13
15
|
verify?: VerifyConfig | boolean;
|
|
@@ -1 +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,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,SAAS,CAAC,EAAE,OAAO,CAAA;IACnB,QAAQ,EAAE,MAAM,CAAA;IAChB,MAAM,CAAC,EAAE,YAAY,GAAG,OAAO,CAAA;CAChC,CAAA"}
|
|
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,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"}
|
|
@@ -1 +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: SanitizedCollectionConfig['auth']['loginWithUsername']\n operation: 'create' | 'update'\n readOnly: boolean\n requirePassword?: boolean\n useAPIKey?: boolean\n username: string\n verify?: VerifyConfig | boolean\n}\n"],"names":[],"mappings":"AAEA,
|
|
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: 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"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/views/Edit/Default/index.tsx"],"names":[],"mappings":"AAmBA,OAAO,
|
|
1
|
+
{"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,EA4OnC,CAAA"}
|
|
@@ -3,7 +3,7 @@ import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
|
|
3
3
|
import { DocumentControls, DocumentFields, Form, OperationProvider, Upload, useAuth, useComponentMap, useConfig, useDocumentEvents, useDocumentInfo, useEditDepth, useUploadEdits } from '@payloadcms/ui';
|
|
4
4
|
import { formatAdminURL, getFormState } from '@payloadcms/ui/shared';
|
|
5
5
|
import { useRouter, useSearchParams } from 'next/navigation.js';
|
|
6
|
-
import React, { Fragment, useCallback } from 'react';
|
|
6
|
+
import React, { Fragment, useCallback, useState } from 'react';
|
|
7
7
|
import { LeaveWithoutSaving } from '../../../elements/LeaveWithoutSaving/index.js';
|
|
8
8
|
import { Auth } from './Auth/index.js';
|
|
9
9
|
import { SetDocumentStepNav } from './SetDocumentStepNav/index.js';
|
|
@@ -43,6 +43,8 @@ export const DefaultEditView = ()=>{
|
|
|
43
43
|
baseClass,
|
|
44
44
|
id && `${baseClass}--is-editing`
|
|
45
45
|
].filter(Boolean).join(' ');
|
|
46
|
+
const [schemaPath, setSchemaPath] = React.useState(entitySlug);
|
|
47
|
+
const [validateBeforeSubmit, setValidateBeforeSubmit] = useState(false);
|
|
46
48
|
const onSave = useCallback((json)=>{
|
|
47
49
|
reportUpdate({
|
|
48
50
|
id,
|
|
@@ -99,19 +101,19 @@ export const DefaultEditView = ()=>{
|
|
|
99
101
|
formState: prevFormState,
|
|
100
102
|
globalSlug,
|
|
101
103
|
operation,
|
|
102
|
-
schemaPath
|
|
104
|
+
schemaPath
|
|
103
105
|
},
|
|
104
106
|
serverURL
|
|
105
107
|
});
|
|
106
108
|
}, [
|
|
107
|
-
serverURL,
|
|
108
109
|
apiRoute,
|
|
109
|
-
id,
|
|
110
|
-
operation,
|
|
111
|
-
entitySlug,
|
|
112
110
|
collectionSlug,
|
|
111
|
+
schemaPath,
|
|
112
|
+
getDocPreferences,
|
|
113
113
|
globalSlug,
|
|
114
|
-
|
|
114
|
+
id,
|
|
115
|
+
operation,
|
|
116
|
+
serverURL
|
|
115
117
|
]);
|
|
116
118
|
return /*#__PURE__*/ _jsx("main", {
|
|
117
119
|
className: classes,
|
|
@@ -120,7 +122,7 @@ export const DefaultEditView = ()=>{
|
|
|
120
122
|
children: /*#__PURE__*/ _jsxs(Form, {
|
|
121
123
|
action: action,
|
|
122
124
|
className: `${baseClass}__form`,
|
|
123
|
-
disableValidationOnSubmit:
|
|
125
|
+
disableValidationOnSubmit: !validateBeforeSubmit,
|
|
124
126
|
disabled: isInitializing || !hasSavePermission,
|
|
125
127
|
initialState: !isInitializing && initialState,
|
|
126
128
|
isInitializing: isInitializing,
|
|
@@ -169,6 +171,8 @@ export const DefaultEditView = ()=>{
|
|
|
169
171
|
operation: operation,
|
|
170
172
|
readOnly: !hasSavePermission,
|
|
171
173
|
requirePassword: !id,
|
|
174
|
+
setSchemaPath: setSchemaPath,
|
|
175
|
+
setValidateBeforeSubmit: setValidateBeforeSubmit,
|
|
172
176
|
useAPIKey: auth.useAPIKey,
|
|
173
177
|
username: data?.username,
|
|
174
178
|
verify: auth.verify
|
|
@@ -185,7 +189,7 @@ export const DefaultEditView = ()=>{
|
|
|
185
189
|
docPermissions: docPermissions,
|
|
186
190
|
fieldMap: fieldMap,
|
|
187
191
|
readOnly: !hasSavePermission,
|
|
188
|
-
schemaPath:
|
|
192
|
+
schemaPath: schemaPath
|
|
189
193
|
}),
|
|
190
194
|
AfterDocument
|
|
191
195
|
]
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sources":["../../../../src/views/Edit/Default/index.tsx"],"sourcesContent":["'use client'\n\nimport {\n DocumentControls,\n DocumentFields,\n Form,\n type FormProps,\n OperationProvider,\n Upload,\n useAuth,\n useComponentMap,\n useConfig,\n useDocumentEvents,\n useDocumentInfo,\n useEditDepth,\n useUploadEdits,\n} from '@payloadcms/ui'\nimport { formatAdminURL, getFormState } from '@payloadcms/ui/shared'\nimport { useRouter, useSearchParams } from 'next/navigation.js'\nimport React, { Fragment, useCallback } from 'react'\n\nimport { LeaveWithoutSaving } from '../../../elements/LeaveWithoutSaving/index.js'\nimport { Auth } from './Auth/index.js'\nimport { SetDocumentStepNav } from './SetDocumentStepNav/index.js'\nimport { SetDocumentTitle } from './SetDocumentTitle/index.js'\nimport './index.scss'\n\nconst baseClass = 'collection-edit'\n\n// This component receives props only on _pages_\n// When rendered within a drawer, props are empty\n// This is solely to support custom edit views which get server-rendered\nexport const DefaultEditView: React.FC = () => {\n const {\n id,\n AfterDocument,\n AfterFields,\n BeforeDocument,\n BeforeFields,\n action,\n apiURL,\n collectionSlug,\n disableActions,\n disableLeaveWithoutSaving,\n docPermissions,\n getDocPreferences,\n getVersions,\n globalSlug,\n hasPublishPermission,\n hasSavePermission,\n initialData: data,\n initialState,\n isEditing,\n isInitializing,\n onSave: onSaveFromContext,\n } = useDocumentInfo()\n\n const { refreshCookieAsync, user } = useAuth()\n const config = useConfig()\n const router = useRouter()\n const { getComponentMap, getFieldMap } = useComponentMap()\n const depth = useEditDepth()\n const params = useSearchParams()\n const { reportUpdate } = useDocumentEvents()\n const { resetUploadEdits } = useUploadEdits()\n\n const locale = params.get('locale')\n\n const {\n admin: { user: userSlug },\n collections,\n globals,\n routes: { admin: adminRoute, api: apiRoute },\n serverURL,\n } = config\n\n const collectionConfig =\n collectionSlug && collections.find((collection) => collection.slug === collectionSlug)\n\n const globalConfig = globalSlug && globals.find((global) => global.slug === globalSlug)\n\n const entitySlug = collectionConfig?.slug || globalConfig?.slug\n\n const componentMap = getComponentMap({\n collectionSlug: collectionConfig?.slug,\n globalSlug: globalConfig?.slug,\n })\n const fieldMap = getFieldMap({\n collectionSlug: collectionConfig?.slug,\n globalSlug: globalConfig?.slug,\n })\n\n const operation = collectionSlug && !id ? 'create' : 'update'\n\n const auth = collectionConfig ? collectionConfig.auth : undefined\n const upload = collectionConfig ? collectionConfig.upload : undefined\n\n const preventLeaveWithoutSaving =\n (!(collectionConfig?.versions?.drafts && collectionConfig?.versions?.drafts?.autosave) ||\n !(globalConfig?.versions?.drafts && globalConfig?.versions?.drafts?.autosave)) &&\n !disableLeaveWithoutSaving\n\n const classes = [baseClass, id && `${baseClass}--is-editing`].filter(Boolean).join(' ')\n\n const onSave = useCallback(\n (json) => {\n reportUpdate({\n id,\n entitySlug,\n updatedAt: json?.result?.updatedAt || new Date().toISOString(),\n })\n\n // If we're editing the doc of the logged-in user,\n // Refresh the cookie to get new permissions\n if (user && collectionSlug === userSlug && id === user.id) {\n void refreshCookieAsync()\n }\n\n void getVersions()\n\n if (typeof onSaveFromContext === 'function') {\n void onSaveFromContext({\n ...json,\n operation: id ? 'update' : 'create',\n })\n }\n\n if (!isEditing && depth < 2) {\n // Redirect to the same locale if it's been set\n const redirectRoute = formatAdminURL({\n adminRoute,\n path: `/collections/${collectionSlug}/${json?.doc?.id}${locale ? `?locale=${locale}` : ''}`,\n })\n router.push(redirectRoute)\n } else {\n resetUploadEdits()\n }\n },\n [\n onSaveFromContext,\n userSlug,\n reportUpdate,\n id,\n entitySlug,\n user,\n depth,\n collectionSlug,\n getVersions,\n isEditing,\n refreshCookieAsync,\n adminRoute,\n router,\n locale,\n resetUploadEdits,\n ],\n )\n\n const onChange: FormProps['onChange'][0] = useCallback(\n async ({ formState: prevFormState }) => {\n const docPreferences = await getDocPreferences()\n\n return getFormState({\n apiRoute,\n body: {\n id,\n collectionSlug,\n docPreferences,\n formState: prevFormState,\n globalSlug,\n operation,\n schemaPath: entitySlug,\n },\n serverURL,\n })\n },\n [serverURL, apiRoute, id, operation, entitySlug, collectionSlug, globalSlug, getDocPreferences],\n )\n\n return (\n <main className={classes}>\n <OperationProvider operation={operation}>\n <Form\n action={action}\n className={`${baseClass}__form`}\n disableValidationOnSubmit\n disabled={isInitializing || !hasSavePermission}\n initialState={!isInitializing && initialState}\n isInitializing={isInitializing}\n method={id ? 'PATCH' : 'POST'}\n onChange={[onChange]}\n onSuccess={onSave}\n >\n {BeforeDocument}\n {preventLeaveWithoutSaving && <LeaveWithoutSaving />}\n <SetDocumentStepNav\n collectionSlug={collectionConfig?.slug}\n globalSlug={globalConfig?.slug}\n id={id}\n pluralLabel={collectionConfig?.labels?.plural}\n useAsTitle={collectionConfig?.admin?.useAsTitle}\n />\n <SetDocumentTitle\n collectionConfig={collectionConfig}\n config={config}\n fallback={depth <= 1 ? id?.toString() : undefined}\n globalConfig={globalConfig}\n />\n <DocumentControls\n apiURL={apiURL}\n data={data}\n disableActions={disableActions}\n hasPublishPermission={hasPublishPermission}\n hasSavePermission={hasSavePermission}\n id={id}\n isEditing={isEditing}\n permissions={docPermissions}\n slug={collectionConfig?.slug || globalConfig?.slug}\n />\n <DocumentFields\n AfterFields={AfterFields}\n BeforeFields={\n BeforeFields || (\n <Fragment>\n {auth && (\n <Auth\n className={`${baseClass}__auth`}\n collectionSlug={collectionConfig.slug}\n disableLocalStrategy={collectionConfig.auth?.disableLocalStrategy}\n email={data?.email}\n loginWithUsername={auth?.loginWithUsername}\n operation={operation}\n readOnly={!hasSavePermission}\n requirePassword={!id}\n useAPIKey={auth.useAPIKey}\n username={data?.username}\n verify={auth.verify}\n />\n )}\n {upload && (\n <React.Fragment>\n {componentMap.Upload !== undefined ? (\n componentMap.Upload\n ) : (\n <Upload\n collectionSlug={collectionConfig.slug}\n initialState={initialState}\n uploadConfig={upload}\n />\n )}\n </React.Fragment>\n )}\n </Fragment>\n )\n }\n docPermissions={docPermissions}\n fieldMap={fieldMap}\n readOnly={!hasSavePermission}\n schemaPath={entitySlug}\n />\n {AfterDocument}\n </Form>\n </OperationProvider>\n </main>\n )\n}\n"],"names":["DocumentControls","DocumentFields","Form","OperationProvider","Upload","useAuth","useComponentMap","useConfig","useDocumentEvents","useDocumentInfo","useEditDepth","useUploadEdits","formatAdminURL","getFormState","useRouter","useSearchParams","React","Fragment","useCallback","LeaveWithoutSaving","Auth","SetDocumentStepNav","SetDocumentTitle","baseClass","DefaultEditView","id","AfterDocument","AfterFields","BeforeDocument","BeforeFields","action","apiURL","collectionSlug","disableActions","disableLeaveWithoutSaving","docPermissions","getDocPreferences","getVersions","globalSlug","hasPublishPermission","hasSavePermission","initialData","data","initialState","isEditing","isInitializing","onSave","onSaveFromContext","refreshCookieAsync","user","config","router","getComponentMap","getFieldMap","depth","params","reportUpdate","resetUploadEdits","locale","get","admin","userSlug","collections","globals","routes","adminRoute","api","apiRoute","serverURL","collectionConfig","find","collection","slug","globalConfig","global","entitySlug","componentMap","fieldMap","operation","auth","undefined","upload","preventLeaveWithoutSaving","versions","drafts","autosave","classes","filter","Boolean","join","json","updatedAt","result","Date","toISOString","redirectRoute","path","doc","push","onChange","formState","prevFormState","docPreferences","body","schemaPath","main","className","disableValidationOnSubmit","disabled","method","onSuccess","pluralLabel","labels","plural","useAsTitle","fallback","toString","permissions","disableLocalStrategy","email","loginWithUsername","readOnly","requirePassword","useAPIKey","username","verify","uploadConfig"],"mappings":"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"}
|
|
1
|
+
{"version":3,"sources":["../../../../src/views/Edit/Default/index.tsx"],"sourcesContent":["'use client'\n\nimport {\n DocumentControls,\n DocumentFields,\n Form,\n type FormProps,\n OperationProvider,\n Upload,\n useAuth,\n useComponentMap,\n useConfig,\n useDocumentEvents,\n useDocumentInfo,\n useEditDepth,\n useUploadEdits,\n} from '@payloadcms/ui'\nimport { formatAdminURL, getFormState } from '@payloadcms/ui/shared'\nimport { useRouter, useSearchParams } from 'next/navigation.js'\nimport React, { Fragment, useCallback, useState } from 'react'\n\nimport { LeaveWithoutSaving } from '../../../elements/LeaveWithoutSaving/index.js'\nimport { Auth } from './Auth/index.js'\nimport { SetDocumentStepNav } from './SetDocumentStepNav/index.js'\nimport { SetDocumentTitle } from './SetDocumentTitle/index.js'\nimport './index.scss'\n\nconst baseClass = 'collection-edit'\n\n// This component receives props only on _pages_\n// When rendered within a drawer, props are empty\n// This is solely to support custom edit views which get server-rendered\nexport const DefaultEditView: React.FC = () => {\n const {\n id,\n AfterDocument,\n AfterFields,\n BeforeDocument,\n BeforeFields,\n action,\n apiURL,\n collectionSlug,\n disableActions,\n disableLeaveWithoutSaving,\n docPermissions,\n getDocPreferences,\n getVersions,\n globalSlug,\n hasPublishPermission,\n hasSavePermission,\n initialData: data,\n initialState,\n isEditing,\n isInitializing,\n onSave: onSaveFromContext,\n } = useDocumentInfo()\n\n const { refreshCookieAsync, user } = useAuth()\n const config = useConfig()\n const router = useRouter()\n const { getComponentMap, getFieldMap } = useComponentMap()\n const depth = useEditDepth()\n const params = useSearchParams()\n const { reportUpdate } = useDocumentEvents()\n const { resetUploadEdits } = useUploadEdits()\n\n const locale = params.get('locale')\n\n const {\n admin: { user: userSlug },\n collections,\n globals,\n routes: { admin: adminRoute, api: apiRoute },\n serverURL,\n } = config\n\n const collectionConfig =\n collectionSlug && collections.find((collection) => collection.slug === collectionSlug)\n\n const globalConfig = globalSlug && globals.find((global) => global.slug === globalSlug)\n\n const entitySlug = collectionConfig?.slug || globalConfig?.slug\n\n const componentMap = getComponentMap({\n collectionSlug: collectionConfig?.slug,\n globalSlug: globalConfig?.slug,\n })\n const fieldMap = getFieldMap({\n collectionSlug: collectionConfig?.slug,\n globalSlug: globalConfig?.slug,\n })\n\n const operation = collectionSlug && !id ? 'create' : 'update'\n\n const auth = collectionConfig ? collectionConfig.auth : undefined\n const upload = collectionConfig ? collectionConfig.upload : undefined\n\n const preventLeaveWithoutSaving =\n (!(collectionConfig?.versions?.drafts && collectionConfig?.versions?.drafts?.autosave) ||\n !(globalConfig?.versions?.drafts && globalConfig?.versions?.drafts?.autosave)) &&\n !disableLeaveWithoutSaving\n\n const classes = [baseClass, id && `${baseClass}--is-editing`].filter(Boolean).join(' ')\n\n const [schemaPath, setSchemaPath] = React.useState(entitySlug)\n const [validateBeforeSubmit, setValidateBeforeSubmit] = useState(false)\n\n const onSave = useCallback(\n (json) => {\n reportUpdate({\n id,\n entitySlug,\n updatedAt: json?.result?.updatedAt || new Date().toISOString(),\n })\n\n // If we're editing the doc of the logged-in user,\n // Refresh the cookie to get new permissions\n if (user && collectionSlug === userSlug && id === user.id) {\n void refreshCookieAsync()\n }\n\n void getVersions()\n\n if (typeof onSaveFromContext === 'function') {\n void onSaveFromContext({\n ...json,\n operation: id ? 'update' : 'create',\n })\n }\n\n if (!isEditing && depth < 2) {\n // Redirect to the same locale if it's been set\n const redirectRoute = formatAdminURL({\n adminRoute,\n path: `/collections/${collectionSlug}/${json?.doc?.id}${locale ? `?locale=${locale}` : ''}`,\n })\n router.push(redirectRoute)\n } else {\n resetUploadEdits()\n }\n },\n [\n onSaveFromContext,\n userSlug,\n reportUpdate,\n id,\n entitySlug,\n user,\n depth,\n collectionSlug,\n getVersions,\n isEditing,\n refreshCookieAsync,\n adminRoute,\n router,\n locale,\n resetUploadEdits,\n ],\n )\n\n const onChange: FormProps['onChange'][0] = useCallback(\n async ({ formState: prevFormState }) => {\n const docPreferences = await getDocPreferences()\n return getFormState({\n apiRoute,\n body: {\n id,\n collectionSlug,\n docPreferences,\n formState: prevFormState,\n globalSlug,\n operation,\n schemaPath,\n },\n serverURL,\n })\n },\n [apiRoute, collectionSlug, schemaPath, getDocPreferences, globalSlug, id, operation, serverURL],\n )\n\n return (\n <main className={classes}>\n <OperationProvider operation={operation}>\n <Form\n action={action}\n className={`${baseClass}__form`}\n disableValidationOnSubmit={!validateBeforeSubmit}\n disabled={isInitializing || !hasSavePermission}\n initialState={!isInitializing && initialState}\n isInitializing={isInitializing}\n method={id ? 'PATCH' : 'POST'}\n onChange={[onChange]}\n onSuccess={onSave}\n >\n {BeforeDocument}\n {preventLeaveWithoutSaving && <LeaveWithoutSaving />}\n <SetDocumentStepNav\n collectionSlug={collectionConfig?.slug}\n globalSlug={globalConfig?.slug}\n id={id}\n pluralLabel={collectionConfig?.labels?.plural}\n useAsTitle={collectionConfig?.admin?.useAsTitle}\n />\n <SetDocumentTitle\n collectionConfig={collectionConfig}\n config={config}\n fallback={depth <= 1 ? id?.toString() : undefined}\n globalConfig={globalConfig}\n />\n <DocumentControls\n apiURL={apiURL}\n data={data}\n disableActions={disableActions}\n hasPublishPermission={hasPublishPermission}\n hasSavePermission={hasSavePermission}\n id={id}\n isEditing={isEditing}\n permissions={docPermissions}\n slug={collectionConfig?.slug || globalConfig?.slug}\n />\n <DocumentFields\n AfterFields={AfterFields}\n BeforeFields={\n BeforeFields || (\n <Fragment>\n {auth && (\n <Auth\n className={`${baseClass}__auth`}\n collectionSlug={collectionConfig.slug}\n disableLocalStrategy={collectionConfig.auth?.disableLocalStrategy}\n email={data?.email}\n loginWithUsername={auth?.loginWithUsername}\n operation={operation}\n readOnly={!hasSavePermission}\n requirePassword={!id}\n setSchemaPath={setSchemaPath}\n setValidateBeforeSubmit={setValidateBeforeSubmit}\n useAPIKey={auth.useAPIKey}\n username={data?.username}\n verify={auth.verify}\n />\n )}\n {upload && (\n <React.Fragment>\n {componentMap.Upload !== undefined ? (\n componentMap.Upload\n ) : (\n <Upload\n collectionSlug={collectionConfig.slug}\n initialState={initialState}\n uploadConfig={upload}\n />\n )}\n </React.Fragment>\n )}\n </Fragment>\n )\n }\n docPermissions={docPermissions}\n fieldMap={fieldMap}\n readOnly={!hasSavePermission}\n schemaPath={schemaPath}\n />\n {AfterDocument}\n </Form>\n </OperationProvider>\n </main>\n )\n}\n"],"names":["DocumentControls","DocumentFields","Form","OperationProvider","Upload","useAuth","useComponentMap","useConfig","useDocumentEvents","useDocumentInfo","useEditDepth","useUploadEdits","formatAdminURL","getFormState","useRouter","useSearchParams","React","Fragment","useCallback","useState","LeaveWithoutSaving","Auth","SetDocumentStepNav","SetDocumentTitle","baseClass","DefaultEditView","id","AfterDocument","AfterFields","BeforeDocument","BeforeFields","action","apiURL","collectionSlug","disableActions","disableLeaveWithoutSaving","docPermissions","getDocPreferences","getVersions","globalSlug","hasPublishPermission","hasSavePermission","initialData","data","initialState","isEditing","isInitializing","onSave","onSaveFromContext","refreshCookieAsync","user","config","router","getComponentMap","getFieldMap","depth","params","reportUpdate","resetUploadEdits","locale","get","admin","userSlug","collections","globals","routes","adminRoute","api","apiRoute","serverURL","collectionConfig","find","collection","slug","globalConfig","global","entitySlug","componentMap","fieldMap","operation","auth","undefined","upload","preventLeaveWithoutSaving","versions","drafts","autosave","classes","filter","Boolean","join","schemaPath","setSchemaPath","validateBeforeSubmit","setValidateBeforeSubmit","json","updatedAt","result","Date","toISOString","redirectRoute","path","doc","push","onChange","formState","prevFormState","docPreferences","body","main","className","disableValidationOnSubmit","disabled","method","onSuccess","pluralLabel","labels","plural","useAsTitle","fallback","toString","permissions","disableLocalStrategy","email","loginWithUsername","readOnly","requirePassword","useAPIKey","username","verify","uploadConfig"],"mappings":"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"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/views/Login/LoginField/index.tsx"],"names":[],"mappings":"AAKA,OAAO,KAAK,MAAM,OAAO,CAAA;AACzB,MAAM,MAAM,eAAe,GAAG;IAC5B,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,IAAI,EAAE,OAAO,GAAG,iBAAiB,GAAG,UAAU,CAAA;CAC/C,CAAA;AACD,eAAO,MAAM,UAAU,EAAE,KAAK,CAAC,EAAE,CAAC,eAAe,
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/views/Login/LoginField/index.tsx"],"names":[],"mappings":"AAKA,OAAO,KAAK,MAAM,OAAO,CAAA;AACzB,MAAM,MAAM,eAAe,GAAG;IAC5B,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,IAAI,EAAE,OAAO,GAAG,iBAAiB,GAAG,UAAU,CAAA;CAC/C,CAAA;AACD,eAAO,MAAM,UAAU,EAAE,KAAK,CAAC,EAAE,CAAC,eAAe,CAsGhD,CAAA"}
|
|
@@ -11,6 +11,7 @@ export const LoginField = ({ type, required = true })=>{
|
|
|
11
11
|
autoComplete: "email",
|
|
12
12
|
label: t('general:email'),
|
|
13
13
|
name: "email",
|
|
14
|
+
path: "email",
|
|
14
15
|
required: required,
|
|
15
16
|
validate: (value)=>email(value, {
|
|
16
17
|
name: 'email',
|
|
@@ -31,6 +32,7 @@ export const LoginField = ({ type, required = true })=>{
|
|
|
31
32
|
return /*#__PURE__*/ _jsx(TextField, {
|
|
32
33
|
label: t('authentication:username'),
|
|
33
34
|
name: "username",
|
|
35
|
+
path: "username",
|
|
34
36
|
required: true,
|
|
35
37
|
validate: (value)=>username(value, {
|
|
36
38
|
name: 'username',
|
|
@@ -54,6 +56,7 @@ export const LoginField = ({ type, required = true })=>{
|
|
|
54
56
|
return /*#__PURE__*/ _jsx(TextField, {
|
|
55
57
|
label: t('authentication:emailOrUsername'),
|
|
56
58
|
name: "username",
|
|
59
|
+
path: "username",
|
|
57
60
|
required: true,
|
|
58
61
|
validate: (value)=>{
|
|
59
62
|
const passesUsername = username(value, {
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sources":["../../../../src/views/Login/LoginField/index.tsx"],"sourcesContent":["'use client'\nimport type { PayloadRequest } from 'payload'\n\nimport { EmailField, TextField, useConfig, useTranslation } from '@payloadcms/ui'\nimport { email, username } from 'payload/shared'\nimport React from 'react'\nexport type LoginFieldProps = {\n required?: boolean\n type: 'email' | 'emailOrUsername' | 'username'\n}\nexport const LoginField: React.FC<LoginFieldProps> = ({ type, required = true }) => {\n const { t } = useTranslation()\n const config = useConfig()\n\n if (type === 'email') {\n return (\n <EmailField\n autoComplete=\"email\"\n label={t('general:email')}\n name=\"email\"\n required={required}\n validate={(value) =>\n email(value, {\n name: 'email',\n type: 'email',\n data: {},\n preferences: { fields: {} },\n req: { t } as PayloadRequest,\n required: true,\n siblingData: {},\n })\n }\n />\n )\n }\n\n if (type === 'username') {\n return (\n <TextField\n label={t('authentication:username')}\n name=\"username\"\n required\n validate={(value) =>\n username(value, {\n name: 'username',\n type: 'text',\n data: {},\n preferences: { fields: {} },\n req: {\n payload: {\n config,\n },\n t,\n } as PayloadRequest,\n required: true,\n siblingData: {},\n })\n }\n />\n )\n }\n\n if (type === 'emailOrUsername') {\n return (\n <TextField\n label={t('authentication:emailOrUsername')}\n name=\"username\"\n required\n validate={(value) => {\n const passesUsername = username(value, {\n name: 'username',\n type: 'text',\n data: {},\n preferences: { fields: {} },\n req: {\n payload: {\n config,\n },\n t,\n } as PayloadRequest,\n required: true,\n siblingData: {},\n })\n const passesEmail = email(value, {\n name: 'username',\n type: 'email',\n data: {},\n preferences: { fields: {} },\n req: {\n payload: {\n config,\n },\n t,\n } as PayloadRequest,\n required: true,\n siblingData: {},\n })\n\n if (!passesEmail && !passesUsername) {\n return `${t('general:email')}: ${passesEmail} ${t('general:username')}: ${passesUsername}`\n }\n\n return true\n }}\n />\n )\n }\n\n return null\n}\n"],"names":["EmailField","TextField","useConfig","useTranslation","email","username","React","LoginField","type","required","t","config","autoComplete","label","name","validate","value","data","preferences","fields","req","siblingData","payload","passesUsername","passesEmail"],"mappings":"AAAA;;AAGA,SAASA,UAAU,EAAEC,SAAS,EAAEC,SAAS,EAAEC,cAAc,QAAQ,iBAAgB;AACjF,SAASC,KAAK,EAAEC,QAAQ,QAAQ,iBAAgB;AAChD,OAAOC,WAAW,QAAO;AAKzB,OAAO,MAAMC,aAAwC,CAAC,EAAEC,IAAI,EAAEC,WAAW,IAAI,EAAE;IAC7E,MAAM,EAAEC,CAAC,EAAE,GAAGP;IACd,MAAMQ,SAAST;IAEf,IAAIM,SAAS,SAAS;QACpB,qBACE,KAACR;YACCY,cAAa;YACbC,OAAOH,EAAE;YACTI,MAAK;
|
|
1
|
+
{"version":3,"sources":["../../../../src/views/Login/LoginField/index.tsx"],"sourcesContent":["'use client'\nimport type { PayloadRequest } from 'payload'\n\nimport { EmailField, TextField, useConfig, useTranslation } from '@payloadcms/ui'\nimport { email, username } from 'payload/shared'\nimport React from 'react'\nexport type LoginFieldProps = {\n required?: boolean\n type: 'email' | 'emailOrUsername' | 'username'\n}\nexport const LoginField: React.FC<LoginFieldProps> = ({ type, required = true }) => {\n const { t } = useTranslation()\n const config = useConfig()\n\n if (type === 'email') {\n return (\n <EmailField\n autoComplete=\"email\"\n label={t('general:email')}\n name=\"email\"\n path=\"email\"\n required={required}\n validate={(value) =>\n email(value, {\n name: 'email',\n type: 'email',\n data: {},\n preferences: { fields: {} },\n req: { t } as PayloadRequest,\n required: true,\n siblingData: {},\n })\n }\n />\n )\n }\n\n if (type === 'username') {\n return (\n <TextField\n label={t('authentication:username')}\n name=\"username\"\n path=\"username\"\n required\n validate={(value) =>\n username(value, {\n name: 'username',\n type: 'text',\n data: {},\n preferences: { fields: {} },\n req: {\n payload: {\n config,\n },\n t,\n } as PayloadRequest,\n required: true,\n siblingData: {},\n })\n }\n />\n )\n }\n\n if (type === 'emailOrUsername') {\n return (\n <TextField\n label={t('authentication:emailOrUsername')}\n name=\"username\"\n path=\"username\"\n required\n validate={(value) => {\n const passesUsername = username(value, {\n name: 'username',\n type: 'text',\n data: {},\n preferences: { fields: {} },\n req: {\n payload: {\n config,\n },\n t,\n } as PayloadRequest,\n required: true,\n siblingData: {},\n })\n const passesEmail = email(value, {\n name: 'username',\n type: 'email',\n data: {},\n preferences: { fields: {} },\n req: {\n payload: {\n config,\n },\n t,\n } as PayloadRequest,\n required: true,\n siblingData: {},\n })\n\n if (!passesEmail && !passesUsername) {\n return `${t('general:email')}: ${passesEmail} ${t('general:username')}: ${passesUsername}`\n }\n\n return true\n }}\n />\n )\n }\n\n return null\n}\n"],"names":["EmailField","TextField","useConfig","useTranslation","email","username","React","LoginField","type","required","t","config","autoComplete","label","name","path","validate","value","data","preferences","fields","req","siblingData","payload","passesUsername","passesEmail"],"mappings":"AAAA;;AAGA,SAASA,UAAU,EAAEC,SAAS,EAAEC,SAAS,EAAEC,cAAc,QAAQ,iBAAgB;AACjF,SAASC,KAAK,EAAEC,QAAQ,QAAQ,iBAAgB;AAChD,OAAOC,WAAW,QAAO;AAKzB,OAAO,MAAMC,aAAwC,CAAC,EAAEC,IAAI,EAAEC,WAAW,IAAI,EAAE;IAC7E,MAAM,EAAEC,CAAC,EAAE,GAAGP;IACd,MAAMQ,SAAST;IAEf,IAAIM,SAAS,SAAS;QACpB,qBACE,KAACR;YACCY,cAAa;YACbC,OAAOH,EAAE;YACTI,MAAK;YACLC,MAAK;YACLN,UAAUA;YACVO,UAAU,CAACC,QACTb,MAAMa,OAAO;oBACXH,MAAM;oBACNN,MAAM;oBACNU,MAAM,CAAC;oBACPC,aAAa;wBAAEC,QAAQ,CAAC;oBAAE;oBAC1BC,KAAK;wBAAEX;oBAAE;oBACTD,UAAU;oBACVa,aAAa,CAAC;gBAChB;;IAIR;IAEA,IAAId,SAAS,YAAY;QACvB,qBACE,KAACP;YACCY,OAAOH,EAAE;YACTI,MAAK;YACLC,MAAK;YACLN,QAAQ;YACRO,UAAU,CAACC,QACTZ,SAASY,OAAO;oBACdH,MAAM;oBACNN,MAAM;oBACNU,MAAM,CAAC;oBACPC,aAAa;wBAAEC,QAAQ,CAAC;oBAAE;oBAC1BC,KAAK;wBACHE,SAAS;4BACPZ;wBACF;wBACAD;oBACF;oBACAD,UAAU;oBACVa,aAAa,CAAC;gBAChB;;IAIR;IAEA,IAAId,SAAS,mBAAmB;QAC9B,qBACE,KAACP;YACCY,OAAOH,EAAE;YACTI,MAAK;YACLC,MAAK;YACLN,QAAQ;YACRO,UAAU,CAACC;gBACT,MAAMO,iBAAiBnB,SAASY,OAAO;oBACrCH,MAAM;oBACNN,MAAM;oBACNU,MAAM,CAAC;oBACPC,aAAa;wBAAEC,QAAQ,CAAC;oBAAE;oBAC1BC,KAAK;wBACHE,SAAS;4BACPZ;wBACF;wBACAD;oBACF;oBACAD,UAAU;oBACVa,aAAa,CAAC;gBAChB;gBACA,MAAMG,cAAcrB,MAAMa,OAAO;oBAC/BH,MAAM;oBACNN,MAAM;oBACNU,MAAM,CAAC;oBACPC,aAAa;wBAAEC,QAAQ,CAAC;oBAAE;oBAC1BC,KAAK;wBACHE,SAAS;4BACPZ;wBACF;wBACAD;oBACF;oBACAD,UAAU;oBACVa,aAAa,CAAC;gBAChB;gBAEA,IAAI,CAACG,eAAe,CAACD,gBAAgB;oBACnC,OAAO,CAAC,EAAEd,EAAE,iBAAiB,EAAE,EAAEe,YAAY,CAAC,EAAEf,EAAE,oBAAoB,EAAE,EAAEc,eAAe,CAAC;gBAC5F;gBAEA,OAAO;YACT;;IAGN;IAEA,OAAO;AACT,EAAC"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/views/Login/LoginForm/index.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAK,MAAM,OAAO,CAAA;
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/views/Login/LoginForm/index.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAK,MAAM,OAAO,CAAA;AAazB,OAAO,cAAc,CAAA;AAErB,eAAO,MAAM,SAAS,EAAE,KAAK,CAAC,EAAE,CAAC;IAC/B,YAAY,CAAC,EAAE,MAAM,CAAA;IACrB,eAAe,CAAC,EAAE,MAAM,CAAA;IACxB,eAAe,CAAC,EAAE,MAAM,CAAA;IACxB,YAAY,EAAE;QAAE,CAAC,GAAG,EAAE,MAAM,GAAG,MAAM,GAAG,MAAM,EAAE,GAAG,SAAS,CAAA;KAAE,CAAA;CAC/D,CAyEA,CAAA"}
|
|
@@ -6,7 +6,6 @@ const baseClass = 'login__form';
|
|
|
6
6
|
const Link = LinkImport.default || LinkImport;
|
|
7
7
|
import { Form, FormSubmit, PasswordField, useConfig, useTranslation } from '@payloadcms/ui';
|
|
8
8
|
import { formatAdminURL } from '@payloadcms/ui/shared';
|
|
9
|
-
import { password } from 'payload/shared';
|
|
10
9
|
import { LoginField } from '../LoginField/index.js';
|
|
11
10
|
export const LoginForm = ({ prefillEmail, prefillPassword, prefillUsername, searchParams })=>{
|
|
12
11
|
const config = useConfig();
|
|
@@ -58,26 +57,9 @@ export const LoginForm = ({ prefillEmail, prefillPassword, prefillUsername, sear
|
|
|
58
57
|
type: loginType
|
|
59
58
|
}),
|
|
60
59
|
/*#__PURE__*/ _jsx(PasswordField, {
|
|
61
|
-
autoComplete: "off",
|
|
62
60
|
label: t('general:password'),
|
|
63
61
|
name: "password",
|
|
64
|
-
required: true
|
|
65
|
-
validate: (value)=>password(value, {
|
|
66
|
-
name: 'password',
|
|
67
|
-
type: 'text',
|
|
68
|
-
data: {},
|
|
69
|
-
preferences: {
|
|
70
|
-
fields: {}
|
|
71
|
-
},
|
|
72
|
-
req: {
|
|
73
|
-
payload: {
|
|
74
|
-
config
|
|
75
|
-
},
|
|
76
|
-
t
|
|
77
|
-
},
|
|
78
|
-
required: true,
|
|
79
|
-
siblingData: {}
|
|
80
|
-
})
|
|
62
|
+
required: true
|
|
81
63
|
})
|
|
82
64
|
]
|
|
83
65
|
}),
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sources":["../../../../src/views/Login/LoginForm/index.tsx"],"sourcesContent":["'use client'\n\nimport LinkImport from 'next/link.js'\nimport React from 'react'\n\nconst baseClass = 'login__form'\nconst Link = (LinkImport.default || LinkImport) as unknown as typeof LinkImport.default\n\nimport type { FormState
|
|
1
|
+
{"version":3,"sources":["../../../../src/views/Login/LoginForm/index.tsx"],"sourcesContent":["'use client'\n\nimport LinkImport from 'next/link.js'\nimport React from 'react'\n\nconst baseClass = 'login__form'\nconst Link = (LinkImport.default || LinkImport) as unknown as typeof LinkImport.default\n\nimport type { FormState } from 'payload'\n\nimport { Form, FormSubmit, PasswordField, useConfig, useTranslation } from '@payloadcms/ui'\nimport { formatAdminURL } from '@payloadcms/ui/shared'\n\nimport type { LoginFieldProps } from '../LoginField/index.js'\n\nimport { LoginField } from '../LoginField/index.js'\nimport './index.scss'\n\nexport const LoginForm: React.FC<{\n prefillEmail?: string\n prefillPassword?: string\n prefillUsername?: string\n searchParams: { [key: string]: string | string[] | undefined }\n}> = ({ prefillEmail, prefillPassword, prefillUsername, searchParams }) => {\n const config = useConfig()\n\n const {\n admin: {\n routes: { forgot: forgotRoute },\n user: userSlug,\n },\n routes: { admin: adminRoute, api: apiRoute },\n } = config\n\n const collectionConfig = config.collections?.find((collection) => collection?.slug === userSlug)\n const { auth: authOptions } = collectionConfig\n const loginWithUsername = authOptions.loginWithUsername\n const canLoginWithEmail =\n !authOptions.loginWithUsername || authOptions.loginWithUsername.allowEmailLogin\n const canLoginWithUsername = authOptions.loginWithUsername\n\n const [loginType] = React.useState<LoginFieldProps['type']>(() => {\n if (canLoginWithEmail && canLoginWithUsername) return 'emailOrUsername'\n if (canLoginWithUsername) return 'username'\n return 'email'\n })\n\n const { t } = useTranslation()\n\n const initialState: FormState = {\n password: {\n initialValue: prefillPassword ?? undefined,\n valid: true,\n value: prefillPassword ?? undefined,\n },\n }\n\n if (loginWithUsername) {\n initialState.username = {\n initialValue: prefillUsername ?? undefined,\n valid: true,\n value: prefillUsername ?? undefined,\n }\n } else {\n initialState.email = {\n initialValue: prefillEmail ?? undefined,\n valid: true,\n value: prefillEmail ?? undefined,\n }\n }\n\n return (\n <Form\n action={`${apiRoute}/${userSlug}/login`}\n className={baseClass}\n disableSuccessStatus\n initialState={initialState}\n method=\"POST\"\n redirect={typeof searchParams?.redirect === 'string' ? searchParams.redirect : adminRoute}\n waitForAutocomplete\n >\n <div className={`${baseClass}__inputWrap`}>\n <LoginField type={loginType} />\n <PasswordField label={t('general:password')} name=\"password\" required />\n </div>\n <Link\n href={formatAdminURL({\n adminRoute,\n path: forgotRoute,\n })}\n >\n {t('authentication:forgotPasswordQuestion')}\n </Link>\n <FormSubmit>{t('authentication:login')}</FormSubmit>\n </Form>\n )\n}\n"],"names":["LinkImport","React","baseClass","Link","default","Form","FormSubmit","PasswordField","useConfig","useTranslation","formatAdminURL","LoginField","LoginForm","prefillEmail","prefillPassword","prefillUsername","searchParams","config","admin","routes","forgot","forgotRoute","user","userSlug","adminRoute","api","apiRoute","collectionConfig","collections","find","collection","slug","auth","authOptions","loginWithUsername","canLoginWithEmail","allowEmailLogin","canLoginWithUsername","loginType","useState","t","initialState","password","initialValue","undefined","valid","value","username","email","action","className","disableSuccessStatus","method","redirect","waitForAutocomplete","div","type","label","name","required","href","path"],"mappings":"AAAA;;AAEA,OAAOA,gBAAgB,eAAc;AACrC,OAAOC,WAAW,QAAO;AAEzB,MAAMC,YAAY;AAClB,MAAMC,OAAQH,WAAWI,OAAO,IAAIJ;AAIpC,SAASK,IAAI,EAAEC,UAAU,EAAEC,aAAa,EAAEC,SAAS,EAAEC,cAAc,QAAQ,iBAAgB;AAC3F,SAASC,cAAc,QAAQ,wBAAuB;AAItD,SAASC,UAAU,QAAQ,yBAAwB;AAGnD,OAAO,MAAMC,YAKR,CAAC,EAAEC,YAAY,EAAEC,eAAe,EAAEC,eAAe,EAAEC,YAAY,EAAE;IACpE,MAAMC,SAAST;IAEf,MAAM,EACJU,OAAO,EACLC,QAAQ,EAAEC,QAAQC,WAAW,EAAE,EAC/BC,MAAMC,QAAQ,EACf,EACDJ,QAAQ,EAAED,OAAOM,UAAU,EAAEC,KAAKC,QAAQ,EAAE,EAC7C,GAAGT;IAEJ,MAAMU,mBAAmBV,OAAOW,WAAW,EAAEC,KAAK,CAACC,aAAeA,YAAYC,SAASR;IACvF,MAAM,EAAES,MAAMC,WAAW,EAAE,GAAGN;IAC9B,MAAMO,oBAAoBD,YAAYC,iBAAiB;IACvD,MAAMC,oBACJ,CAACF,YAAYC,iBAAiB,IAAID,YAAYC,iBAAiB,CAACE,eAAe;IACjF,MAAMC,uBAAuBJ,YAAYC,iBAAiB;IAE1D,MAAM,CAACI,UAAU,GAAGrC,MAAMsC,QAAQ,CAA0B;QAC1D,IAAIJ,qBAAqBE,sBAAsB,OAAO;QACtD,IAAIA,sBAAsB,OAAO;QACjC,OAAO;IACT;IAEA,MAAM,EAAEG,CAAC,EAAE,GAAG/B;IAEd,MAAMgC,eAA0B;QAC9BC,UAAU;YACRC,cAAc7B,mBAAmB8B;YACjCC,OAAO;YACPC,OAAOhC,mBAAmB8B;QAC5B;IACF;IAEA,IAAIV,mBAAmB;QACrBO,aAAaM,QAAQ,GAAG;YACtBJ,cAAc5B,mBAAmB6B;YACjCC,OAAO;YACPC,OAAO/B,mBAAmB6B;QAC5B;IACF,OAAO;QACLH,aAAaO,KAAK,GAAG;YACnBL,cAAc9B,gBAAgB+B;YAC9BC,OAAO;YACPC,OAAOjC,gBAAgB+B;QACzB;IACF;IAEA,qBACE,MAACvC;QACC4C,QAAQ,CAAC,EAAEvB,SAAS,CAAC,EAAEH,SAAS,MAAM,CAAC;QACvC2B,WAAWhD;QACXiD,oBAAoB;QACpBV,cAAcA;QACdW,QAAO;QACPC,UAAU,OAAOrC,cAAcqC,aAAa,WAAWrC,aAAaqC,QAAQ,GAAG7B;QAC/E8B,mBAAmB;;0BAEnB,MAACC;gBAAIL,WAAW,CAAC,EAAEhD,UAAU,WAAW,CAAC;;kCACvC,KAACS;wBAAW6C,MAAMlB;;kCAClB,KAAC/B;wBAAckD,OAAOjB,EAAE;wBAAqBkB,MAAK;wBAAWC,QAAQ;;;;0BAEvE,KAACxD;gBACCyD,MAAMlD,eAAe;oBACnBc;oBACAqC,MAAMxC;gBACR;0BAECmB,EAAE;;0BAEL,KAAClC;0BAAYkC,EAAE;;;;AAGrB,EAAC"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.client.d.ts","sourceRoot":"","sources":["../../../src/views/ResetPassword/index.client.tsx"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"index.client.d.ts","sourceRoot":"","sources":["../../../src/views/ResetPassword/index.client.tsx"],"names":[],"mappings":"AAeA,OAAO,KAAK,MAAM,OAAO,CAAA;AAGzB,KAAK,IAAI,GAAG;IACV,KAAK,EAAE,MAAM,CAAA;CACd,CAAA;AAeD,eAAO,MAAM,mBAAmB,EAAE,KAAK,CAAC,EAAE,CAAC,IAAI,CAmD9C,CAAA"}
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
'use client';
|
|
2
2
|
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
|
3
|
-
import { ConfirmPasswordField, Form, FormSubmit, HiddenField, PasswordField, useAuth, useConfig,
|
|
3
|
+
import { ConfirmPasswordField, Form, FormSubmit, HiddenField, PasswordField, useAuth, useConfig, useTranslation } from '@payloadcms/ui';
|
|
4
4
|
import { formatAdminURL } from '@payloadcms/ui/shared';
|
|
5
5
|
import { useRouter } from 'next/navigation.js';
|
|
6
6
|
import React from 'react';
|
|
@@ -34,10 +34,11 @@ export const ResetPasswordClient = ({ token })=>{
|
|
|
34
34
|
toast.success(i18n.t('general:updatedSuccessfully'));
|
|
35
35
|
}
|
|
36
36
|
}, [
|
|
37
|
+
adminRoute,
|
|
37
38
|
fetchFullUser,
|
|
38
39
|
history,
|
|
39
|
-
|
|
40
|
-
|
|
40
|
+
i18n,
|
|
41
|
+
loginRoute
|
|
41
42
|
]);
|
|
42
43
|
return /*#__PURE__*/ _jsxs(Form, {
|
|
43
44
|
action: `${serverURL}${apiRoute}/${userSlug}/reset-password`,
|
|
@@ -45,7 +46,12 @@ export const ResetPasswordClient = ({ token })=>{
|
|
|
45
46
|
method: "POST",
|
|
46
47
|
onSuccess: onSuccess,
|
|
47
48
|
children: [
|
|
48
|
-
/*#__PURE__*/ _jsx(
|
|
49
|
+
/*#__PURE__*/ _jsx(PasswordField, {
|
|
50
|
+
label: i18n.t('authentication:newPassword'),
|
|
51
|
+
name: "password",
|
|
52
|
+
path: "password",
|
|
53
|
+
required: true
|
|
54
|
+
}),
|
|
49
55
|
/*#__PURE__*/ _jsx(ConfirmPasswordField, {}),
|
|
50
56
|
/*#__PURE__*/ _jsx(HiddenField, {
|
|
51
57
|
forceUsePathFromProps: true,
|
|
@@ -58,28 +64,5 @@ export const ResetPasswordClient = ({ token })=>{
|
|
|
58
64
|
]
|
|
59
65
|
});
|
|
60
66
|
};
|
|
61
|
-
const PasswordToConfirm = ()=>{
|
|
62
|
-
const { t } = useTranslation();
|
|
63
|
-
const { value: confirmValue } = useFormFields(([fields])=>fields && fields?.['confirm-password'] || null);
|
|
64
|
-
const validate = React.useCallback((value)=>{
|
|
65
|
-
if (!value) {
|
|
66
|
-
return t('validation:required');
|
|
67
|
-
}
|
|
68
|
-
if (value === confirmValue) {
|
|
69
|
-
return true;
|
|
70
|
-
}
|
|
71
|
-
return t('fields:passwordsDoNotMatch');
|
|
72
|
-
}, [
|
|
73
|
-
confirmValue,
|
|
74
|
-
t
|
|
75
|
-
]);
|
|
76
|
-
return /*#__PURE__*/ _jsx(PasswordField, {
|
|
77
|
-
autoComplete: "off",
|
|
78
|
-
label: t('authentication:newPassword'),
|
|
79
|
-
name: "password",
|
|
80
|
-
required: true,
|
|
81
|
-
validate: validate
|
|
82
|
-
});
|
|
83
|
-
};
|
|
84
67
|
|
|
85
68
|
//# sourceMappingURL=index.client.js.map
|