@payloadcms/next 3.70.0-canary.9 → 3.71.0-internal-debug.80dab4c

package/dist/views/Login/LoginField/index.js

@@ -1,98 +1,66 @@
 'use client';
-
-import { c as _c } from "react/compiler-runtime";
-import { jsx as _jsx } from "react/jsx-runtime";
+import { jsxDEV as _jsxDEV } from "react/jsx-dev-runtime";
 import { EmailField, TextField, useTranslation } from '@payloadcms/ui';
 import { email, username } from 'payload/shared';
 import React from 'react';
-export const LoginField = t0 => {
-  const $ = _c(11);
-  const {
-    type,
-    required: t1
-  } = t0;
-  const required = t1 === undefined ? true : t1;
-  const {
-    t
-  } = useTranslation();
-  if (type === "email") {
-    let t2;
-    if ($[0] !== required || $[1] !== t) {
-      t2 = _jsx(EmailField, {
-        field: {
-          name: "email",
-          admin: {
-            autoComplete: "email"
-          },
-          label: t("general:email"),
-          required
-        },
-        path: "email",
-        validate: email
-      });
-      $[0] = required;
-      $[1] = t;
-      $[2] = t2;
-    } else {
-      t2 = $[2];
+export const LoginField = ({ type, required = true })=>{
+    const { t } = useTranslation();
+    if (type === 'email') {
+        return /*#__PURE__*/ _jsxDEV(EmailField, {
+            field: {
+                name: 'email',
+                admin: {
+                    autoComplete: 'email'
+                },
+                label: t('general:email'),
+                required
+            },
+            path: "email",
+            validate: email
+        }, void 0, false, {
+            fileName: "src/views/Login/LoginField/index.tsx",
+            lineNumber: 19,
+            columnNumber: 7
+        }, this);
     }
-    return t2;
-  }
-  if (type === "username") {
-    let t2;
-    if ($[3] !== required || $[4] !== t) {
-      t2 = _jsx(TextField, {
-        field: {
-          name: "username",
-          label: t("authentication:username"),
-          required
-        },
-        path: "username",
-        validate: username
-      });
-      $[3] = required;
-      $[4] = t;
-      $[5] = t2;
-    } else {
-      t2 = $[5];
+    if (type === 'username') {
+        return /*#__PURE__*/ _jsxDEV(TextField, {
+            field: {
+                name: 'username',
+                label: t('authentication:username'),
+                required
+            },
+            path: "username",
+            validate: username
+        }, void 0, false, {
+            fileName: "src/views/Login/LoginField/index.tsx",
+            lineNumber: 36,
+            columnNumber: 7
+        }, this);
     }
-    return t2;
-  }
-  if (type === "emailOrUsername") {
-    let t2;
-    if ($[6] !== required || $[7] !== t) {
-      let t3;
-      if ($[9] !== t) {
-        t3 = (value, options) => {
-          const passesUsername = username(value, options);
-          const passesEmail = email(value, options);
-          if (!passesEmail && !passesUsername) {
-            return `${t("general:email")}: ${passesEmail} ${t("general:username")}: ${passesUsername}`;
-          }
-          return true;
-        };
-        $[9] = t;
-        $[10] = t3;
-      } else {
-        t3 = $[10];
-      }
-      t2 = _jsx(TextField, {
-        field: {
-          name: "username",
-          label: t("authentication:emailOrUsername"),
-          required
-        },
-        path: "username",
-        validate: t3
-      });
-      $[6] = required;
-      $[7] = t;
-      $[8] = t2;
-    } else {
-      t2 = $[8];
+    if (type === 'emailOrUsername') {
+        return /*#__PURE__*/ _jsxDEV(TextField, {
+            field: {
+                name: 'username',
+                label: t('authentication:emailOrUsername'),
+                required
+            },
+            path: "username",
+            validate: (value, options)=>{
+                const passesUsername = username(value, options);
+                const passesEmail = email(value, options);
+                if (!passesEmail && !passesUsername) {
+                    return `${t('general:email')}: ${passesEmail} ${t('general:username')}: ${passesUsername}`;
+                }
+                return true;
+            }
+        }, void 0, false, {
+            fileName: "src/views/Login/LoginField/index.tsx",
+            lineNumber: 50,
+            columnNumber: 7
+        }, this);
     }
-    return t2;
-  }
-  return null;
+    return null;
 };
+
 //# sourceMappingURL=index.js.map

package/dist/views/Login/LoginField/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["c","_c","EmailField","TextField","useTranslation","email","username","React","LoginField","t0","$","type","required","t1","undefined","t","t2","_jsx","field","name","admin","autoComplete","label","path","validate","t3","value","options","passesUsername","passesEmail"],"sources":["../../../../src/views/Login/LoginField/index.tsx"],"sourcesContent":["'use client'\nimport type { Validate, ValidateOptions } from 'payload'\n\nimport { EmailField, TextField, useTranslation } from '@payloadcms/ui'\nimport { email, username } from 'payload/shared'\nimport React from 'react'\n\nexport type LoginFieldProps = {\n  readonly required?: boolean\n  readonly type: 'email' | 'emailOrUsername' | 'username'\n  readonly validate?: Validate\n}\n\nexport const LoginField: React.FC<LoginFieldProps> = ({ type, required = true }) => {\n  const { t } = useTranslation()\n\n  if (type === 'email') {\n    return (\n      <EmailField\n        field={{\n          name: 'email',\n          admin: {\n            autoComplete: 'email',\n          },\n          label: t('general:email'),\n          required,\n        }}\n        path=\"email\"\n        validate={email}\n      />\n    )\n  }\n\n  if (type === 'username') {\n    return (\n      <TextField\n        field={{\n          name: 'username',\n          label: t('authentication:username'),\n          required,\n        }}\n        path=\"username\"\n        validate={username}\n      />\n    )\n  }\n\n  if (type === 'emailOrUsername') {\n    return (\n      <TextField\n        field={{\n          name: 'username',\n          label: t('authentication:emailOrUsername'),\n          required,\n        }}\n        path=\"username\"\n        validate={(value, options) => {\n          const passesUsername = username(value, options)\n          const passesEmail = email(\n            value,\n            options as ValidateOptions<any, { username?: string }, any, any>,\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"],"mappings":"AAAA;;AAAA,SAAAA,CAAA,IAAAC,EAAA;;AAGA,SAASC,UAAU,EAAEC,SAAS,EAAEC,cAAc,QAAQ;AACtD,SAASC,KAAK,EAAEC,QAAQ,QAAQ;AAChC,OAAOC,KAAA,MAAW;AAQlB,OAAO,MAAMC,UAAA,GAAwCC,EAAA;EAAA,MAAAC,CAAA,GAAAT,EAAA;EAAC;IAAAU,IAAA;IAAAC,QAAA,EAAAC;EAAA,IAAAJ,EAAyB;EAAjB,MAAAG,QAAA,GAAAC,EAAe,KAAAC,SAAA,UAAfD,EAAe;EAC3E;IAAAE;EAAA,IAAcX,cAAA;EAAA,IAEVO,IAAA,KAAS;IAAA,IAAAK,EAAA;IAAA,IAAAN,CAAA,QAAAE,QAAA,IAAAF,CAAA,QAAAK,CAAA;MAETC,EAAA,GAAAC,IAAA,CAAAf,UAAA;QAAAgB,KAAA;UAAAC,IAAA,EAEU;UAAAC,KAAA;YAAAC,YAAA,EAEU;UAAA;UAAAC,KAAA,EAETP,CAAA,CAAE;UAAAH;QAAA;QAAAW,IAAA,EAGN;QAAAC,QAAA,EAAAnB;MAAA,C;;;;;;;WATPW,E;;MAeAL,IAAA,KAAS;IAAA,IAAAK,EAAA;IAAA,IAAAN,CAAA,QAAAE,QAAA,IAAAF,CAAA,QAAAK,CAAA;MAETC,EAAA,GAAAC,IAAA,CAAAd,SAAA;QAAAe,KAAA;UAAAC,IAAA,EAEU;UAAAG,KAAA,EACCP,CAAA,CAAE;UAAAH;QAAA;QAAAW,IAAA,EAGN;QAAAC,QAAA,EAAAlB;MAAA,C;;;;;;;WANPU,E;;MAYAL,IAAA,KAAS;IAAA,IAAAK,EAAA;IAAA,IAAAN,CAAA,QAAAE,QAAA,IAAAF,CAAA,QAAAK,CAAA;MAAA,IAAAU,EAAA;MAAA,IAAAf,CAAA,QAAAK,CAAA;QASGU,EAAA,GAAAA,CAAAC,KAAA,EAAAC,OAAA;UACR,MAAAC,cAAA,GAAuBtB,QAAA,CAASoB,KAAA,EAAOC,OAAA;UACvC,MAAAE,WAAA,GAAoBxB,KAAA,CAClBqB,KAAA,EACAC,OAAA;UAAA,IAGE,CAACE,WAAA,KAAgBD,cAAA;YAAA,OACZ,GAAGb,CAAA,CAAE,qBAAqBc,WAAA,IAAed,CAAA,CAAE,wBAAwBa,cAAA,EAAgB;UAAA;UAAA;QAAA;QAI9FlB,CAAA,MAAAK,CAAA;QAAAL,CAAA,OAAAe,EAAA;MAAA;QAAAA,EAAA,GAAAf,CAAA;MAAA;MAnBFM,EAAA,GAAAC,IAAA,CAAAd,SAAA;QAAAe,KAAA;UAAAC,IAAA,EAEU;UAAAG,KAAA,EACCP,CAAA,CAAE;UAAAH;QAAA;QAAAW,IAAA,EAGN;QAAAC,QAAA,EACKC;MAYV,C;;;;;;;WAnBFT,E;;;CAyBN","ignoreList":[]}
+{"version":3,"sources":["../../../../src/views/Login/LoginField/index.tsx"],"sourcesContent":["'use client'\nimport type { Validate, ValidateOptions } from 'payload'\n\nimport { EmailField, TextField, useTranslation } from '@payloadcms/ui'\nimport { email, username } from 'payload/shared'\nimport React from 'react'\n\nexport type LoginFieldProps = {\n  readonly required?: boolean\n  readonly type: 'email' | 'emailOrUsername' | 'username'\n  readonly validate?: Validate\n}\n\nexport const LoginField: React.FC<LoginFieldProps> = ({ type, required = true }) => {\n  const { t } = useTranslation()\n\n  if (type === 'email') {\n    return (\n      <EmailField\n        field={{\n          name: 'email',\n          admin: {\n            autoComplete: 'email',\n          },\n          label: t('general:email'),\n          required,\n        }}\n        path=\"email\"\n        validate={email}\n      />\n    )\n  }\n\n  if (type === 'username') {\n    return (\n      <TextField\n        field={{\n          name: 'username',\n          label: t('authentication:username'),\n          required,\n        }}\n        path=\"username\"\n        validate={username}\n      />\n    )\n  }\n\n  if (type === 'emailOrUsername') {\n    return (\n      <TextField\n        field={{\n          name: 'username',\n          label: t('authentication:emailOrUsername'),\n          required,\n        }}\n        path=\"username\"\n        validate={(value, options) => {\n          const passesUsername = username(value, options)\n          const passesEmail = email(\n            value,\n            options as ValidateOptions<any, { username?: string }, any, any>,\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","useTranslation","email","username","React","LoginField","type","required","t","field","name","admin","autoComplete","label","path","validate","value","options","passesUsername","passesEmail"],"mappings":"AAAA;;AAGA,SAASA,UAAU,EAAEC,SAAS,EAAEC,cAAc,QAAQ,iBAAgB;AACtE,SAASC,KAAK,EAAEC,QAAQ,QAAQ,iBAAgB;AAChD,OAAOC,WAAW,QAAO;AAQzB,OAAO,MAAMC,aAAwC,CAAC,EAAEC,IAAI,EAAEC,WAAW,IAAI,EAAE;IAC7E,MAAM,EAAEC,CAAC,EAAE,GAAGP;IAEd,IAAIK,SAAS,SAAS;QACpB,qBACE,QAACP;YACCU,OAAO;gBACLC,MAAM;gBACNC,OAAO;oBACLC,cAAc;gBAChB;gBACAC,OAAOL,EAAE;gBACTD;YACF;YACAO,MAAK;YACLC,UAAUb;;;;;;IAGhB;IAEA,IAAII,SAAS,YAAY;QACvB,qBACE,QAACN;YACCS,OAAO;gBACLC,MAAM;gBACNG,OAAOL,EAAE;gBACTD;YACF;YACAO,MAAK;YACLC,UAAUZ;;;;;;IAGhB;IAEA,IAAIG,SAAS,mBAAmB;QAC9B,qBACE,QAACN;YACCS,OAAO;gBACLC,MAAM;gBACNG,OAAOL,EAAE;gBACTD;YACF;YACAO,MAAK;YACLC,UAAU,CAACC,OAAOC;gBAChB,MAAMC,iBAAiBf,SAASa,OAAOC;gBACvC,MAAME,cAAcjB,MAClBc,OACAC;gBAGF,IAAI,CAACE,eAAe,CAACD,gBAAgB;oBACnC,OAAO,GAAGV,EAAE,iBAAiB,EAAE,EAAEW,YAAY,CAAC,EAAEX,EAAE,oBAAoB,EAAE,EAAEU,gBAAgB;gBAC5F;gBAEA,OAAO;YACT;;;;;;IAGN;IAEA,OAAO;AACT,EAAC"}

package/dist/views/Login/LoginForm/index.js

@@ -1,177 +1,124 @@
 'use client';
-
-import { c as _c } from "react/compiler-runtime";
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { jsxDEV as _jsxDEV } from "react/jsx-dev-runtime";
 import React from 'react';
 const baseClass = 'login__form';
 import { Form, FormSubmit, Link, PasswordField, useAuth, useConfig, useTranslation } from '@payloadcms/ui';
 import { formatAdminURL, getLoginOptions, getSafeRedirect } from 'payload/shared';
 import { LoginField } from '../LoginField/index.js';
-export const LoginForm = t0 => {
-  const $ = _c(23);
-  const {
-    prefillEmail,
-    prefillPassword,
-    prefillUsername,
-    searchParams
-  } = t0;
-  const {
-    config,
-    getEntityConfig
-  } = useConfig();
-  const {
-    admin: t1,
-    routes: t2
-  } = config;
-  const {
-    routes: t3,
-    user: userSlug
-  } = t1;
-  const {
-    forgot: forgotRoute
-  } = t3;
-  const {
-    admin: adminRoute,
-    api: apiRoute
-  } = t2;
-  let loginWithUsername;
-  let t4;
-  if ($[0] !== getEntityConfig || $[1] !== userSlug) {
+import './index.scss';
+export const LoginForm = ({ prefillEmail, prefillPassword, prefillUsername, searchParams })=>{
+    const { config, getEntityConfig } = useConfig();
+    const { admin: { routes: { forgot: forgotRoute }, user: userSlug }, routes: { admin: adminRoute, api: apiRoute }, serverURL } = config;
     const collectionConfig = getEntityConfig({
-      collectionSlug: userSlug
+        collectionSlug: userSlug
     });
-    const {
-      auth: authOptions
-    } = collectionConfig;
-    loginWithUsername = authOptions.loginWithUsername;
-    t4 = getLoginOptions(loginWithUsername);
-    $[0] = getEntityConfig;
-    $[1] = userSlug;
-    $[2] = loginWithUsername;
-    $[3] = t4;
-  } else {
-    loginWithUsername = $[2];
-    t4 = $[3];
-  }
-  const {
-    canLoginWithEmail,
-    canLoginWithUsername
-  } = t4;
-  let t5;
-  if ($[4] !== canLoginWithEmail || $[5] !== canLoginWithUsername) {
-    t5 = () => {
-      if (canLoginWithEmail && canLoginWithUsername) {
-        return "emailOrUsername";
-      }
-      if (canLoginWithUsername) {
-        return "username";
-      }
-      return "email";
-    };
-    $[4] = canLoginWithEmail;
-    $[5] = canLoginWithUsername;
-    $[6] = t5;
-  } else {
-    t5 = $[6];
-  }
-  const [loginType] = React.useState(t5);
-  const {
-    t
-  } = useTranslation();
-  const {
-    setUser
-  } = useAuth();
-  const t6 = prefillPassword ?? undefined;
-  const t7 = prefillPassword ?? undefined;
-  let t8;
-  if ($[7] !== adminRoute || $[8] !== apiRoute || $[9] !== forgotRoute || $[10] !== loginType || $[11] !== loginWithUsername || $[12] !== prefillEmail || $[13] !== prefillUsername || $[14] !== searchParams?.redirect || $[15] !== setUser || $[16] !== t || $[17] !== t6 || $[18] !== t7 || $[19] !== userSlug) {
+    const { auth: authOptions } = collectionConfig;
+    const loginWithUsername = authOptions.loginWithUsername;
+    const { canLoginWithEmail, canLoginWithUsername } = getLoginOptions(loginWithUsername);
+    const [loginType] = React.useState(()=>{
+        if (canLoginWithEmail && canLoginWithUsername) {
+            return 'emailOrUsername';
+        }
+        if (canLoginWithUsername) {
+            return 'username';
+        }
+        return 'email';
+    });
+    const { t } = useTranslation();
+    const { setUser } = useAuth();
     const initialState = {
-      password: {
-        initialValue: t6,
-        valid: true,
-        value: t7
-      }
+        password: {
+            initialValue: prefillPassword ?? undefined,
+            valid: true,
+            value: prefillPassword ?? undefined
+        }
     };
     if (loginWithUsername) {
-      initialState.username = {
-        initialValue: prefillUsername ?? undefined,
-        valid: true,
-        value: prefillUsername ?? undefined
-      };
+        initialState.username = {
+            initialValue: prefillUsername ?? undefined,
+            valid: true,
+            value: prefillUsername ?? undefined
+        };
     } else {
-      initialState.email = {
-        initialValue: prefillEmail ?? undefined,
-        valid: true,
-        value: prefillEmail ?? undefined
-      };
+        initialState.email = {
+            initialValue: prefillEmail ?? undefined,
+            valid: true,
+            value: prefillEmail ?? undefined
+        };
     }
-    let t9;
-    if ($[21] !== setUser) {
-      t9 = data => {
+    const handleLogin = (data)=>{
         setUser(data);
-      };
-      $[21] = setUser;
-      $[22] = t9;
-    } else {
-      t9 = $[22];
-    }
-    const handleLogin = t9;
-    t8 = _jsxs(Form, {
-      action: formatAdminURL({
-        apiRoute,
-        path: `/${userSlug}/login`
-      }),
-      className: baseClass,
-      disableSuccessStatus: true,
-      initialState,
-      method: "POST",
-      onSuccess: handleLogin,
-      redirect: getSafeRedirect({
-        fallbackTo: adminRoute,
-        redirectTo: searchParams?.redirect
-      }),
-      waitForAutocomplete: true,
-      children: [_jsxs("div", {
-        className: `${baseClass}__inputWrap`,
-        children: [_jsx(LoginField, {
-          type: loginType
-        }), _jsx(PasswordField, {
-          field: {
-            name: "password",
-            label: t("general:password"),
-            required: true
-          },
-          path: "password"
-        })]
-      }), _jsx(Link, {
-        href: formatAdminURL({
-          adminRoute,
-          path: forgotRoute
+    };
+    return /*#__PURE__*/ _jsxDEV(Form, {
+        action: formatAdminURL({
+            apiRoute,
+            path: `/${userSlug}/login`
         }),
-        prefetch: false,
-        children: t("authentication:forgotPasswordQuestion")
-      }), _jsx(FormSubmit, {
-        size: "large",
-        children: t("authentication:login")
-      })]
-    });
-    $[7] = adminRoute;
-    $[8] = apiRoute;
-    $[9] = forgotRoute;
-    $[10] = loginType;
-    $[11] = loginWithUsername;
-    $[12] = prefillEmail;
-    $[13] = prefillUsername;
-    $[14] = searchParams?.redirect;
-    $[15] = setUser;
-    $[16] = t;
-    $[17] = t6;
-    $[18] = t7;
-    $[19] = userSlug;
-    $[20] = t8;
-  } else {
-    t8 = $[20];
-  }
-  return t8;
+        className: baseClass,
+        disableSuccessStatus: true,
+        initialState: initialState,
+        method: "POST",
+        onSuccess: handleLogin,
+        redirect: getSafeRedirect({
+            fallbackTo: adminRoute,
+            redirectTo: searchParams?.redirect
+        }),
+        waitForAutocomplete: true,
+        children: [
+            /*#__PURE__*/ _jsxDEV("div", {
+                className: `${baseClass}__inputWrap`,
+                children: [
+                    /*#__PURE__*/ _jsxDEV(LoginField, {
+                        type: loginType
+                    }, void 0, false, {
+                        fileName: "src/views/Login/LoginForm/index.tsx",
+                        lineNumber: 102,
+                        columnNumber: 9
+                    }, this),
+                    /*#__PURE__*/ _jsxDEV(PasswordField, {
+                        field: {
+                            name: 'password',
+                            label: t('general:password'),
+                            required: true
+                        },
+                        path: "password"
+                    }, void 0, false, {
+                        fileName: "src/views/Login/LoginForm/index.tsx",
+                        lineNumber: 103,
+                        columnNumber: 9
+                    }, this)
+                ]
+            }, void 0, true, {
+                fileName: "src/views/Login/LoginForm/index.tsx",
+                lineNumber: 101,
+                columnNumber: 7
+            }, this),
+            /*#__PURE__*/ _jsxDEV(Link, {
+                href: formatAdminURL({
+                    adminRoute,
+                    path: forgotRoute
+                }),
+                prefetch: false,
+                children: t('authentication:forgotPasswordQuestion')
+            }, void 0, false, {
+                fileName: "src/views/Login/LoginForm/index.tsx",
+                lineNumber: 112,
+                columnNumber: 7
+            }, this),
+            /*#__PURE__*/ _jsxDEV(FormSubmit, {
+                size: "large",
+                children: t('authentication:login')
+            }, void 0, false, {
+                fileName: "src/views/Login/LoginForm/index.tsx",
+                lineNumber: 121,
+                columnNumber: 7
+            }, this)
+        ]
+    }, void 0, true, {
+        fileName: "src/views/Login/LoginForm/index.tsx",
+        lineNumber: 88,
+        columnNumber: 5
+    }, this);
 };
+
 //# sourceMappingURL=index.js.map

package/dist/views/Login/LoginForm/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["c","_c","React","baseClass","Form","FormSubmit","Link","PasswordField","useAuth","useConfig","useTranslation","formatAdminURL","getLoginOptions","getSafeRedirect","LoginField","LoginForm","t0","$","prefillEmail","prefillPassword","prefillUsername","searchParams","config","getEntityConfig","admin","t1","routes","t2","t3","user","userSlug","forgot","forgotRoute","adminRoute","api","apiRoute","loginWithUsername","t4","collectionConfig","collectionSlug","auth","authOptions","canLoginWithEmail","canLoginWithUsername","t5","loginType","useState","t","setUser","t6","undefined","t7","t8","redirect","initialState","password","initialValue","valid","value","username","email","t9","data","handleLogin","_jsxs","action","path","className","disableSuccessStatus","method","onSuccess","fallbackTo","redirectTo","waitForAutocomplete","children","_jsx","type","field","name","label","required","href","prefetch","size"],"sources":["../../../../src/views/Login/LoginForm/index.tsx"],"sourcesContent":["'use client'\n\nimport React from 'react'\n\nconst baseClass = 'login__form'\n\nimport type { UserWithToken } from '@payloadcms/ui'\nimport type { FormState } from 'payload'\n\nimport {\n  Form,\n  FormSubmit,\n  Link,\n  PasswordField,\n  useAuth,\n  useConfig,\n  useTranslation,\n} from '@payloadcms/ui'\nimport { formatAdminURL, getLoginOptions, getSafeRedirect } from 'payload/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, getEntityConfig } = useConfig()\n\n  const {\n    admin: {\n      routes: { forgot: forgotRoute },\n      user: userSlug,\n    },\n    routes: { admin: adminRoute, api: apiRoute },\n    serverURL,\n  } = config\n\n  const collectionConfig = getEntityConfig({ collectionSlug: userSlug })\n  const { auth: authOptions } = collectionConfig\n  const loginWithUsername = authOptions.loginWithUsername\n  const { canLoginWithEmail, canLoginWithUsername } = getLoginOptions(loginWithUsername)\n\n  const [loginType] = React.useState<LoginFieldProps['type']>(() => {\n    if (canLoginWithEmail && canLoginWithUsername) {\n      return 'emailOrUsername'\n    }\n    if (canLoginWithUsername) {\n      return 'username'\n    }\n    return 'email'\n  })\n\n  const { t } = useTranslation()\n  const { setUser } = useAuth()\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  const handleLogin = (data: UserWithToken) => {\n    setUser(data)\n  }\n\n  return (\n    <Form\n      action={formatAdminURL({\n        apiRoute,\n        path: `/${userSlug}/login`,\n      })}\n      className={baseClass}\n      disableSuccessStatus\n      initialState={initialState}\n      method=\"POST\"\n      onSuccess={handleLogin}\n      redirect={getSafeRedirect({ fallbackTo: adminRoute, redirectTo: searchParams?.redirect })}\n      waitForAutocomplete\n    >\n      <div className={`${baseClass}__inputWrap`}>\n        <LoginField type={loginType} />\n        <PasswordField\n          field={{\n            name: 'password',\n            label: t('general:password'),\n            required: true,\n          }}\n          path=\"password\"\n        />\n      </div>\n      <Link\n        href={formatAdminURL({\n          adminRoute,\n          path: forgotRoute,\n        })}\n        prefetch={false}\n      >\n        {t('authentication:forgotPasswordQuestion')}\n      </Link>\n      <FormSubmit size=\"large\">{t('authentication:login')}</FormSubmit>\n    </Form>\n  )\n}\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"sources":["../../../../src/views/Login/LoginForm/index.tsx"],"sourcesContent":["'use client'\n\nimport React from 'react'\n\nconst baseClass = 'login__form'\n\nimport type { UserWithToken } from '@payloadcms/ui'\nimport type { FormState } from 'payload'\n\nimport {\n  Form,\n  FormSubmit,\n  Link,\n  PasswordField,\n  useAuth,\n  useConfig,\n  useTranslation,\n} from '@payloadcms/ui'\nimport { formatAdminURL, getLoginOptions, getSafeRedirect } from 'payload/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, getEntityConfig } = useConfig()\n\n  const {\n    admin: {\n      routes: { forgot: forgotRoute },\n      user: userSlug,\n    },\n    routes: { admin: adminRoute, api: apiRoute },\n    serverURL,\n  } = config\n\n  const collectionConfig = getEntityConfig({ collectionSlug: userSlug })\n  const { auth: authOptions } = collectionConfig\n  const loginWithUsername = authOptions.loginWithUsername\n  const { canLoginWithEmail, canLoginWithUsername } = getLoginOptions(loginWithUsername)\n\n  const [loginType] = React.useState<LoginFieldProps['type']>(() => {\n    if (canLoginWithEmail && canLoginWithUsername) {\n      return 'emailOrUsername'\n    }\n    if (canLoginWithUsername) {\n      return 'username'\n    }\n    return 'email'\n  })\n\n  const { t } = useTranslation()\n  const { setUser } = useAuth()\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  const handleLogin = (data: UserWithToken) => {\n    setUser(data)\n  }\n\n  return (\n    <Form\n      action={formatAdminURL({\n        apiRoute,\n        path: `/${userSlug}/login`,\n      })}\n      className={baseClass}\n      disableSuccessStatus\n      initialState={initialState}\n      method=\"POST\"\n      onSuccess={handleLogin}\n      redirect={getSafeRedirect({ fallbackTo: adminRoute, redirectTo: searchParams?.redirect })}\n      waitForAutocomplete\n    >\n      <div className={`${baseClass}__inputWrap`}>\n        <LoginField type={loginType} />\n        <PasswordField\n          field={{\n            name: 'password',\n            label: t('general:password'),\n            required: true,\n          }}\n          path=\"password\"\n        />\n      </div>\n      <Link\n        href={formatAdminURL({\n          adminRoute,\n          path: forgotRoute,\n        })}\n        prefetch={false}\n      >\n        {t('authentication:forgotPasswordQuestion')}\n      </Link>\n      <FormSubmit size=\"large\">{t('authentication:login')}</FormSubmit>\n    </Form>\n  )\n}\n"],"names":["React","baseClass","Form","FormSubmit","Link","PasswordField","useAuth","useConfig","useTranslation","formatAdminURL","getLoginOptions","getSafeRedirect","LoginField","LoginForm","prefillEmail","prefillPassword","prefillUsername","searchParams","config","getEntityConfig","admin","routes","forgot","forgotRoute","user","userSlug","adminRoute","api","apiRoute","serverURL","collectionConfig","collectionSlug","auth","authOptions","loginWithUsername","canLoginWithEmail","canLoginWithUsername","loginType","useState","t","setUser","initialState","password","initialValue","undefined","valid","value","username","email","handleLogin","data","action","path","className","disableSuccessStatus","method","onSuccess","redirect","fallbackTo","redirectTo","waitForAutocomplete","div","type","field","name","label","required","href","prefetch","size"],"mappings":"AAAA;;AAEA,OAAOA,WAAW,QAAO;AAEzB,MAAMC,YAAY;AAKlB,SACEC,IAAI,EACJC,UAAU,EACVC,IAAI,EACJC,aAAa,EACbC,OAAO,EACPC,SAAS,EACTC,cAAc,QACT,iBAAgB;AACvB,SAASC,cAAc,EAAEC,eAAe,EAAEC,eAAe,QAAQ,iBAAgB;AAIjF,SAASC,UAAU,QAAQ,yBAAwB;AACnD,OAAO,eAAc;AAErB,OAAO,MAAMC,YAKR,CAAC,EAAEC,YAAY,EAAEC,eAAe,EAAEC,eAAe,EAAEC,YAAY,EAAE;IACpE,MAAM,EAAEC,MAAM,EAAEC,eAAe,EAAE,GAAGZ;IAEpC,MAAM,EACJa,OAAO,EACLC,QAAQ,EAAEC,QAAQC,WAAW,EAAE,EAC/BC,MAAMC,QAAQ,EACf,EACDJ,QAAQ,EAAED,OAAOM,UAAU,EAAEC,KAAKC,QAAQ,EAAE,EAC5CC,SAAS,EACV,GAAGX;IAEJ,MAAMY,mBAAmBX,gBAAgB;QAAEY,gBAAgBN;IAAS;IACpE,MAAM,EAAEO,MAAMC,WAAW,EAAE,GAAGH;IAC9B,MAAMI,oBAAoBD,YAAYC,iBAAiB;IACvD,MAAM,EAAEC,iBAAiB,EAAEC,oBAAoB,EAAE,GAAG1B,gBAAgBwB;IAEpE,MAAM,CAACG,UAAU,GAAGrC,MAAMsC,QAAQ,CAA0B;QAC1D,IAAIH,qBAAqBC,sBAAsB;YAC7C,OAAO;QACT;QACA,IAAIA,sBAAsB;YACxB,OAAO;QACT;QACA,OAAO;IACT;IAEA,MAAM,EAAEG,CAAC,EAAE,GAAG/B;IACd,MAAM,EAAEgC,OAAO,EAAE,GAAGlC;IAEpB,MAAMmC,eAA0B;QAC9BC,UAAU;YACRC,cAAc5B,mBAAmB6B;YACjCC,OAAO;YACPC,OAAO/B,mBAAmB6B;QAC5B;IACF;IAEA,IAAIV,mBAAmB;QACrBO,aAAaM,QAAQ,GAAG;YACtBJ,cAAc3B,mBAAmB4B;YACjCC,OAAO;YACPC,OAAO9B,mBAAmB4B;QAC5B;IACF,OAAO;QACLH,aAAaO,KAAK,GAAG;YACnBL,cAAc7B,gBAAgB8B;YAC9BC,OAAO;YACPC,OAAOhC,gBAAgB8B;QACzB;IACF;IAEA,MAAMK,cAAc,CAACC;QACnBV,QAAQU;IACV;IAEA,qBACE,QAAChD;QACCiD,QAAQ1C,eAAe;YACrBmB;YACAwB,MAAM,CAAC,CAAC,EAAE3B,SAAS,MAAM,CAAC;QAC5B;QACA4B,WAAWpD;QACXqD,oBAAoB;QACpBb,cAAcA;QACdc,QAAO;QACPC,WAAWP;QACXQ,UAAU9C,gBAAgB;YAAE+C,YAAYhC;YAAYiC,YAAY1C,cAAcwC;QAAS;QACvFG,mBAAmB;;0BAEnB,QAACC;gBAAIR,WAAW,GAAGpD,UAAU,WAAW,CAAC;;kCACvC,QAACW;wBAAWkD,MAAMzB;;;;;;kCAClB,QAAChC;wBACC0D,OAAO;4BACLC,MAAM;4BACNC,OAAO1B,EAAE;4BACT2B,UAAU;wBACZ;wBACAd,MAAK;;;;;;;;;;;;0BAGT,QAAChD;gBACC+D,MAAM1D,eAAe;oBACnBiB;oBACA0B,MAAM7B;gBACR;gBACA6C,UAAU;0BAET7B,EAAE;;;;;;0BAEL,QAACpC;gBAAWkE,MAAK;0BAAS9B,EAAE;;;;;;;;;;;;AAGlC,EAAC"}

package/dist/views/Login/LoginForm/index.scss

@@ -0,0 +1,10 @@
+@layer payload-default {
+  .login__form {
+    &__inputWrap {
+      display: flex;
+      flex-direction: column;
+      gap: var(--base);
+      margin-bottom: calc(var(--base) / 4);
+    }
+  }
+}