@payloadcms/next 3.0.0-beta.11 → 3.0.0-beta.111

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

@@ -0,0 +1,93 @@
+'use client';
+
+import { c as _c } from "react/compiler-runtime";
+import { jsx as _jsx } from "react/jsx-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] !== t || $[1] !== required) {
+      t2 = _jsx(EmailField, {
+        autoComplete: "email",
+        field: {
+          name: "email",
+          label: t("general:email"),
+          required
+        },
+        validate: email
+      });
+      $[0] = t;
+      $[1] = required;
+      $[2] = t2;
+    } else {
+      t2 = $[2];
+    }
+    return t2;
+  }
+  if (type === "username") {
+    let t2;
+    if ($[3] !== t || $[4] !== required) {
+      t2 = _jsx(TextField, {
+        field: {
+          name: "username",
+          label: t("authentication:username"),
+          required
+        },
+        validate: username
+      });
+      $[3] = t;
+      $[4] = required;
+      $[5] = t2;
+    } else {
+      t2 = $[5];
+    }
+    return t2;
+  }
+  if (type === "emailOrUsername") {
+    let t2;
+    if ($[6] !== t || $[7] !== required) {
+      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
+        },
+        validate: t3
+      });
+      $[6] = t;
+      $[7] = required;
+      $[8] = t2;
+    } else {
+      t2 = $[8];
+    }
+    return t2;
+  }
+  return null;
+};
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","names":["c","_c","EmailField","TextField","useTranslation","email","username","React","LoginField","t0","$","type","required","t1","undefined","t","t2","_jsx","autoComplete","field","name","label","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        autoComplete=\"email\"\n        field={{\n          name: 'email',\n          label: t('general:email'),\n          required,\n        }}\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        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        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,QAAAK,CAAA,IAAAL,CAAA,QAAAE,QAAA;MAETI,EAAA,GAAAC,IAAA,CAAAf,UAAA;QAAAgB,YAAA,EACe;QAAAC,KAAA;UAAAC,IAAA,EAEL;UAAAC,KAAA,EACCN,CAAA,CAAE;UAAAH;QAAA;QAAAU,QAAA,EAAAjB;MAAA,C;;;;;;;WAJbW,E;;MAYAL,IAAA,KAAS;IAAA,IAAAK,EAAA;IAAA,IAAAN,CAAA,QAAAK,CAAA,IAAAL,CAAA,QAAAE,QAAA;MAETI,EAAA,GAAAC,IAAA,CAAAd,SAAA;QAAAgB,KAAA;UAAAC,IAAA,EAEU;UAAAC,KAAA,EACCN,CAAA,CAAE;UAAAH;QAAA;QAAAU,QAAA,EAAAhB;MAAA,C;;;;;;;WAHbU,E;;MAWAL,IAAA,KAAS;IAAA,IAAAK,EAAA;IAAA,IAAAN,CAAA,QAAAK,CAAA,IAAAL,CAAA,QAAAE,QAAA;MAAA,IAAAW,EAAA;MAAA,IAAAb,CAAA,QAAAK,CAAA;QAQGQ,EAAA,GAAAA,CAAAC,KAAA,EAAAC,OAAA;UACR,MAAAC,cAAA,GAAuBpB,QAAA,CAASkB,KAAA,EAAOC,OAAA;UACvC,MAAAE,WAAA,GAAoBtB,KAAA,CAClBmB,KAAA,EACAC,OAAA;UAAA,IAGE,CAACE,WAAA,KAAgBD,cAAA;YAAA,OACZ,GAAGX,CAAA,CAAE,qBAAqBY,WAAA,IAAeZ,CAAA,CAAE,wBAAwBW,cAAA,EAAgB;UAAA;UAAA;QAAA;QAI9FhB,CAAA,MAAAK,CAAA;QAAAL,CAAA,OAAAa,EAAA;MAAA;QAAAA,EAAA,GAAAb,CAAA;MAAA;MAlBFM,EAAA,GAAAC,IAAA,CAAAd,SAAA;QAAAgB,KAAA;UAAAC,IAAA,EAEU;UAAAC,KAAA,EACCN,CAAA,CAAE;UAAAH;QAAA;QAAAU,QAAA,EAGDC;MAYV,C;;;;;;;WAlBFP,E;;;CAwBN","ignoreList":[]}

package/dist/views/Login/LoginForm/index.d.ts

@@ -1,6 +1,9 @@
 import React from 'react';
 import './index.scss';
 export declare const LoginForm: React.FC<{
+    prefillEmail?: string;
+    prefillPassword?: string;
+    prefillUsername?: string;
     searchParams: {
         [key: string]: string | string[] | undefined;
     };

package/dist/views/Login/LoginForm/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/views/Login/LoginForm/index.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAK,MAAM,OAAO,CAAA;AAezB,OAAO,cAAc,CAAA;AAErB,eAAO,MAAM,SAAS,EAAE,KAAK,CAAC,EAAE,CAAC;IAC/B,YAAY,EAAE;QAAE,CAAC,GAAG,EAAE,MAAM,GAAG,MAAM,GAAG,MAAM,EAAE,GAAG,SAAS,CAAA;KAAE,CAAA;CAC/D,CA4CA,CAAA"}
+{"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,CAyFA,CAAA"}

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

@@ -1,58 +1,163 @@
 'use client';
+
+import { c as _c } from "react/compiler-runtime";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import LinkImport from 'next/link.js';
 import React from 'react';
 const baseClass = 'login__form';
 const Link = LinkImport.default || LinkImport;
-import { FormLoadingOverlayToggle } from '@payloadcms/ui/elements/Loading';
-import { Email } from '@payloadcms/ui/fields/Email';
-import { Password } from '@payloadcms/ui/fields/Password';
-import { Form } from '@payloadcms/ui/forms/Form';
-import { FormSubmit } from '@payloadcms/ui/forms/Submit';
-import { useConfig } from '@payloadcms/ui/providers/Config';
-import { useTranslation } from '@payloadcms/ui/providers/Translation';
-export const LoginForm = ({ searchParams })=>{
-    const config = useConfig();
-    const { admin: { autoLogin, user: userSlug }, routes: { admin, api } } = config;
-    const { t } = useTranslation();
-    const prefillForm = autoLogin && autoLogin.prefillOnly;
+import { Form, FormSubmit, PasswordField, useAuth, useConfig, useTranslation } from '@payloadcms/ui';
+import { formatAdminURL } from '@payloadcms/ui/shared';
+import { LoginField } from '../LoginField/index.js';
+export const LoginForm = t0 => {
+  const $ = _c(22);
+  const {
+    prefillEmail,
+    prefillPassword,
+    prefillUsername,
+    searchParams
+  } = t0;
+  const {
+    config
+  } = useConfig();
+  const {
+    admin: t1,
+    routes: t2
+  } = config;
+  const {
+    routes: t3,
+    user: userSlug
+  } = t1;
+  const {
+    forgot: forgotRoute
+  } = t3;
+  const {
+    admin: adminRoute,
+    api: apiRoute
+  } = t2;
+  let t4;
+  if ($[0] !== config.collections || $[1] !== userSlug) {
+    t4 = config.collections?.find(collection => collection?.slug === userSlug);
+    $[0] = config.collections;
+    $[1] = userSlug;
+    $[2] = t4;
+  } else {
+    t4 = $[2];
+  }
+  const collectionConfig = t4;
+  const {
+    auth: authOptions
+  } = collectionConfig;
+  const loginWithUsername = authOptions.loginWithUsername;
+  const canLoginWithEmail = !authOptions.loginWithUsername || authOptions.loginWithUsername.allowEmailLogin;
+  const canLoginWithUsername = authOptions.loginWithUsername;
+  let t5;
+  if ($[3] !== canLoginWithEmail || $[4] !== canLoginWithUsername) {
+    t5 = () => {
+      if (canLoginWithEmail && canLoginWithUsername) {
+        return "emailOrUsername";
+      }
+      if (canLoginWithUsername) {
+        return "username";
+      }
+      return "email";
+    };
+    $[3] = canLoginWithEmail;
+    $[4] = canLoginWithUsername;
+    $[5] = t5;
+  } else {
+    t5 = $[5];
+  }
+  const [loginType] = React.useState(t5);
+  const {
+    t
+  } = useTranslation();
+  const {
+    setUser
+  } = useAuth();
+  const t6 = prefillPassword ?? undefined;
+  const t7 = prefillPassword ?? undefined;
+  let t8;
+  if ($[6] !== t6 || $[7] !== t7 || $[8] !== loginWithUsername || $[9] !== prefillUsername || $[10] !== prefillEmail || $[11] !== setUser || $[12] !== apiRoute || $[13] !== userSlug || $[14] !== searchParams?.redirect || $[15] !== adminRoute || $[16] !== loginType || $[17] !== t || $[18] !== forgotRoute) {
     const initialState = {
-        email: {
-            initialValue: prefillForm ? autoLogin.email : undefined,
-            valid: true,
-            value: prefillForm ? autoLogin.email : undefined
-        },
-        password: {
-            initialValue: prefillForm ? autoLogin.password : undefined,
-            valid: true,
-            value: prefillForm ? autoLogin.password : undefined
-        }
+      password: {
+        initialValue: t6,
+        valid: true,
+        value: t7
+      }
     };
-    return /*#__PURE__*/ React.createElement(Form, {
-        action: `${api}/${userSlug}/login`,
-        className: baseClass,
-        disableSuccessStatus: true,
-        initialState: initialState,
-        method: "POST",
-        redirect: typeof searchParams?.redirect === 'string' ? searchParams.redirect : admin,
-        waitForAutocomplete: true
-    }, /*#__PURE__*/ React.createElement(FormLoadingOverlayToggle, {
-        action: "loading",
-        name: "login-form"
-    }), /*#__PURE__*/ React.createElement("div", {
-        className: `${baseClass}__inputWrap`
-    }, /*#__PURE__*/ React.createElement(Email, {
-        autoComplete: "email",
-        label: t('general:email'),
-        name: "email",
-        required: true
-    }), /*#__PURE__*/ React.createElement(Password, {
-        autoComplete: "off",
-        label: t('general:password'),
-        name: "password",
-        required: true
-    })), /*#__PURE__*/ React.createElement(Link, {
-        href: `${admin}/forgot`
-    }, t('authentication:forgotPasswordQuestion')), /*#__PURE__*/ React.createElement(FormSubmit, null, t('authentication:login')));
+    if (loginWithUsername) {
+      initialState.username = {
+        initialValue: prefillUsername ?? undefined,
+        valid: true,
+        value: prefillUsername ?? undefined
+      };
+    } else {
+      initialState.email = {
+        initialValue: prefillEmail ?? undefined,
+        valid: true,
+        value: prefillEmail ?? undefined
+      };
+    }
+    let t9;
+    if ($[20] !== setUser) {
+      t9 = data => {
+        setUser(data.user);
+      };
+      $[20] = setUser;
+      $[21] = t9;
+    } else {
+      t9 = $[21];
+    }
+    const handleLogin = t9;
+    t8 = _jsxs(Form, {
+      action: `${apiRoute}/${userSlug}/login`,
+      className: baseClass,
+      disableSuccessStatus: true,
+      initialState,
+      method: "POST",
+      onSuccess: handleLogin,
+      redirect: typeof searchParams?.redirect === "string" ? searchParams.redirect : adminRoute,
+      waitForAutocomplete: true,
+      children: [_jsxs("div", {
+        className: `${baseClass}__inputWrap`,
+        children: [_jsx(LoginField, {
+          type: loginType
+        }), _jsx(PasswordField, {
+          field: {
+            name: "password",
+            label: t("general:password"),
+            required: true
+          }
+        })]
+      }), _jsx(Link, {
+        href: formatAdminURL({
+          adminRoute,
+          path: forgotRoute
+        }),
+        children: t("authentication:forgotPasswordQuestion")
+      }), _jsx(FormSubmit, {
+        size: "large",
+        children: t("authentication:login")
+      })]
+    });
+    $[6] = t6;
+    $[7] = t7;
+    $[8] = loginWithUsername;
+    $[9] = prefillUsername;
+    $[10] = prefillEmail;
+    $[11] = setUser;
+    $[12] = apiRoute;
+    $[13] = userSlug;
+    $[14] = searchParams?.redirect;
+    $[15] = adminRoute;
+    $[16] = loginType;
+    $[17] = t;
+    $[18] = forgotRoute;
+    $[19] = t8;
+  } else {
+    t8 = $[19];
+  }
+  return t8;
 };
-
 //# sourceMappingURL=index.js.map

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

@@ -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 } from 'payload/types'\n\nimport { FormLoadingOverlayToggle } from '@payloadcms/ui/elements/Loading'\nimport { Email } from '@payloadcms/ui/fields/Email'\nimport { Password } from '@payloadcms/ui/fields/Password'\nimport { Form } from '@payloadcms/ui/forms/Form'\nimport { FormSubmit } from '@payloadcms/ui/forms/Submit'\nimport { useConfig } from '@payloadcms/ui/providers/Config'\nimport { useTranslation } from '@payloadcms/ui/providers/Translation'\n\nimport './index.scss'\n\nexport const LoginForm: React.FC<{\n  searchParams: { [key: string]: string | string[] | undefined }\n}> = ({ searchParams }) => {\n  const config = useConfig()\n\n  const {\n    admin: { autoLogin, user: userSlug },\n    routes: { admin, api },\n  } = config\n\n  const { t } = useTranslation()\n\n  const prefillForm = autoLogin && autoLogin.prefillOnly\n\n  const initialState: FormState = {\n    email: {\n      initialValue: prefillForm ? autoLogin.email : undefined,\n      valid: true,\n      value: prefillForm ? autoLogin.email : undefined,\n    },\n    password: {\n      initialValue: prefillForm ? autoLogin.password : undefined,\n      valid: true,\n      value: prefillForm ? autoLogin.password : undefined,\n    },\n  }\n\n  return (\n    <Form\n      action={`${api}/${userSlug}/login`}\n      className={baseClass}\n      disableSuccessStatus\n      initialState={initialState}\n      method=\"POST\"\n      redirect={typeof searchParams?.redirect === 'string' ? searchParams.redirect : admin}\n      waitForAutocomplete\n    >\n      <FormLoadingOverlayToggle action=\"loading\" name=\"login-form\" />\n      <div className={`${baseClass}__inputWrap`}>\n        <Email autoComplete=\"email\" label={t('general:email')} name=\"email\" required />\n        <Password autoComplete=\"off\" label={t('general:password')} name=\"password\" required />\n      </div>\n      <Link href={`${admin}/forgot`}>{t('authentication:forgotPasswordQuestion')}</Link>\n      <FormSubmit>{t('authentication:login')}</FormSubmit>\n    </Form>\n  )\n}\n"],"names":["LinkImport","React","baseClass","Link","default","FormLoadingOverlayToggle","Email","Password","Form","FormSubmit","useConfig","useTranslation","LoginForm","searchParams","config","admin","autoLogin","user","userSlug","routes","api","t","prefillForm","prefillOnly","initialState","email","initialValue","undefined","valid","value","password","action","className","disableSuccessStatus","method","redirect","waitForAutocomplete","name","div","autoComplete","label","required","href"],"rangeMappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","mappings":"AAAA;AAEA,OAAOA,gBAAgB,eAAc;AACrC,OAAOC,WAAW,QAAO;AAEzB,MAAMC,YAAY;AAClB,MAAMC,OAAQH,WAAWI,OAAO,IAAIJ;AAIpC,SAASK,wBAAwB,QAAQ,kCAAiC;AAC1E,SAASC,KAAK,QAAQ,8BAA6B;AACnD,SAASC,QAAQ,QAAQ,iCAAgC;AACzD,SAASC,IAAI,QAAQ,4BAA2B;AAChD,SAASC,UAAU,QAAQ,8BAA6B;AACxD,SAASC,SAAS,QAAQ,kCAAiC;AAC3D,SAASC,cAAc,QAAQ,uCAAsC;AAIrE,OAAO,MAAMC,YAER,CAAC,EAAEC,YAAY,EAAE;IACpB,MAAMC,SAASJ;IAEf,MAAM,EACJK,OAAO,EAAEC,SAAS,EAAEC,MAAMC,QAAQ,EAAE,EACpCC,QAAQ,EAAEJ,KAAK,EAAEK,GAAG,EAAE,EACvB,GAAGN;IAEJ,MAAM,EAAEO,CAAC,EAAE,GAAGV;IAEd,MAAMW,cAAcN,aAAaA,UAAUO,WAAW;IAEtD,MAAMC,eAA0B;QAC9BC,OAAO;YACLC,cAAcJ,cAAcN,UAAUS,KAAK,GAAGE;YAC9CC,OAAO;YACPC,OAAOP,cAAcN,UAAUS,KAAK,GAAGE;QACzC;QACAG,UAAU;YACRJ,cAAcJ,cAAcN,UAAUc,QAAQ,GAAGH;YACjDC,OAAO;YACPC,OAAOP,cAAcN,UAAUc,QAAQ,GAAGH;QAC5C;IACF;IAEA,qBACE,oBAACnB;QACCuB,QAAQ,CAAC,EAAEX,IAAI,CAAC,EAAEF,SAAS,MAAM,CAAC;QAClCc,WAAW9B;QACX+B,sBAAAA;QACAT,cAAcA;QACdU,QAAO;QACPC,UAAU,OAAOtB,cAAcsB,aAAa,WAAWtB,aAAasB,QAAQ,GAAGpB;QAC/EqB,qBAAAA;qBAEA,oBAAC/B;QAAyB0B,QAAO;QAAUM,MAAK;sBAChD,oBAACC;QAAIN,WAAW,CAAC,EAAE9B,UAAU,WAAW,CAAC;qBACvC,oBAACI;QAAMiC,cAAa;QAAQC,OAAOnB,EAAE;QAAkBgB,MAAK;QAAQI,UAAAA;sBACpE,oBAAClC;QAASgC,cAAa;QAAMC,OAAOnB,EAAE;QAAqBgB,MAAK;QAAWI,UAAAA;uBAE7E,oBAACtC;QAAKuC,MAAM,CAAC,EAAE3B,MAAM,OAAO,CAAC;OAAGM,EAAE,yDAClC,oBAACZ,kBAAYY,EAAE;AAGrB,EAAC"}
+{"version":3,"file":"index.js","names":["c","_c","LinkImport","React","baseClass","Link","default","Form","FormSubmit","PasswordField","useAuth","useConfig","useTranslation","formatAdminURL","LoginField","LoginForm","t0","$","prefillEmail","prefillPassword","prefillUsername","searchParams","config","admin","t1","routes","t2","t3","user","userSlug","forgot","forgotRoute","adminRoute","api","apiRoute","t4","collections","find","collection","slug","collectionConfig","auth","authOptions","loginWithUsername","canLoginWithEmail","allowEmailLogin","canLoginWithUsername","t5","loginType","useState","t","setUser","t6","undefined","t7","t8","redirect","initialState","password","initialValue","valid","value","username","email","t9","data","handleLogin","_jsxs","action","className","disableSuccessStatus","method","onSuccess","waitForAutocomplete","children","_jsx","type","field","name","label","required","href","path","size"],"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 { ClientUser, FormState } from 'payload'\n\nimport { Form, FormSubmit, PasswordField, useAuth, 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) {\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: { user: ClientUser }) => {\n    setUser(data.user)\n  }\n\n  return (\n    <Form\n      action={`${apiRoute}/${userSlug}/login`}\n      className={baseClass}\n      disableSuccessStatus\n      initialState={initialState}\n      method=\"POST\"\n      onSuccess={handleLogin}\n      redirect={typeof searchParams?.redirect === 'string' ? searchParams.redirect : adminRoute}\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        />\n      </div>\n      <Link\n        href={formatAdminURL({\n          adminRoute,\n          path: forgotRoute,\n        })}\n      >\n        {t('authentication:forgotPasswordQuestion')}\n      </Link>\n      <FormSubmit size=\"large\">{t('authentication:login')}</FormSubmit>\n    </Form>\n  )\n}\n"],"mappings":"AAAA;;AAAA,SAAAA,CAAA,IAAAC,EAAA;;AAEA,OAAOC,UAAA,MAAgB;AACvB,OAAOC,KAAA,MAAW;AAElB,MAAMC,SAAA,GAAY;AAClB,MAAMC,IAAA,GAAQH,UAAA,CAAWI,OAAO,IAAIJ,UAAA;AAIpC,SAASK,IAAI,EAAEC,UAAU,EAAEC,aAAa,EAAEC,OAAO,EAAEC,SAAS,EAAEC,cAAc,QAAQ;AACpF,SAASC,cAAc,QAAQ;AAI/B,SAASC,UAAU,QAAQ;AAG3B,OAAO,MAAMC,SAAA,GAKRC,EAAA;EAAA,MAAAC,CAAA,GAAAhB,EAAA;EAAC;IAAAiB,YAAA;IAAAC,eAAA;IAAAC,eAAA;IAAAC;EAAA,IAAAL,EAAgE;EACpE;IAAAM;EAAA,IAAmBX,SAAA;EAEnB;IAAAY,KAAA,EAAAC,EAAA;IAAAC,MAAA,EAAAC;EAAA,IAMIJ,MAAA;EALK;IAAAG,MAAA,EAAAE,EAAA;IAAAC,IAAA,EAAAC;EAAA,IAAAL,EAGN;EAFS;IAAAM,MAAA,EAAAC;EAAA,IAAAJ,EAAuB;EAGzB;IAAAJ,KAAA,EAAAS,UAAA;IAAAC,GAAA,EAAAC;EAAA,IAAAR,EAAoC;EAAA,IAAAS,EAAA;EAAA,IAAAlB,CAAA,QAAAK,MAAA,CAAAc,WAAA,IAAAnB,CAAA,QAAAY,QAAA;IAGrBM,EAAA,GAAAb,MAAA,CAAAc,WAAA,EAAAC,IAAA,CAAAC,UAAA,IAAyCA,UAAA,EAAAC,IAAA,KAAqBV,QAAA;IAAAZ,CAAA,MAAAK,MAAA,CAAAc,WAAA;IAAAnB,CAAA,MAAAY,QAAA;IAAAZ,CAAA,MAAAkB,EAAA;EAAA;IAAAA,EAAA,GAAAlB,CAAA;EAAA;EAAvF,MAAAuB,gBAAA,GAAyBL,EAA8D;EACvF;IAAAM,IAAA,EAAAC;EAAA,IAA8BF,gBAAA;EAC9B,MAAAG,iBAAA,GAA0BD,WAAA,CAAAC,iBAAA;EAC1B,MAAAC,iBAAA,GACE,CAACF,WAAA,CAAAC,iBAAA,IAAiCD,WAAA,CAAAC,iBAAA,CAAAE,eAA6C;EACjF,MAAAC,oBAAA,GAA6BJ,WAAA,CAAAC,iBAAA;EAA6B,IAAAI,EAAA;EAAA,IAAA9B,CAAA,QAAA2B,iBAAA,IAAA3B,CAAA,QAAA6B,oBAAA;IAEEC,EAAA,GAAAA,CAAA;MAAA,IACtDH,iBAAA,IAAqBE,oBAAA;QAAA,OAChB;MAAA;MAAA,IAELA,oBAAA;QAAA,OACK;MAAA;MAAA,OAEF;IAAA;IACT7B,CAAA,MAAA2B,iBAAA;IAAA3B,CAAA,MAAA6B,oBAAA;IAAA7B,CAAA,MAAA8B,EAAA;EAAA;IAAAA,EAAA,GAAA9B,CAAA;EAAA;EARA,OAAA+B,SAAA,IAAoB7C,KAAA,CAAA8C,QAAA,CAAwCF,EAQ5D;EAEA;IAAAG;EAAA,IAActC,cAAA;EACd;IAAAuC;EAAA,IAAoBzC,OAAA;EAIF,MAAA0C,EAAA,GAAAjC,eAAA,IAAAkC,SAAmB;EAE1B,MAAAC,EAAA,GAAAnC,eAAA,IAAAkC,SAAmB;EAAA,IAAAE,EAAA;EAAA,IAAAtC,CAAA,QAAAmC,EAAA,IAAAnC,CAAA,QAAAqC,EAAA,IAAArC,CAAA,QAAA0B,iBAAA,IAAA1B,CAAA,QAAAG,eAAA,IAAAH,CAAA,SAAAC,YAAA,IAAAD,CAAA,SAAAkC,OAAA,IAAAlC,CAAA,SAAAiB,QAAA,IAAAjB,CAAA,SAAAY,QAAA,IAAAZ,CAAA,SAAAI,YAAA,EAAAmC,QAAA,IAAAvC,CAAA,SAAAe,UAAA,IAAAf,CAAA,SAAA+B,SAAA,IAAA/B,CAAA,SAAAiC,CAAA,IAAAjC,CAAA,SAAAc,WAAA;IAJ9B,MAAA0B,YAAA;MAAAC,QAAA;QAAAC,YAAA,EAEkBP,EAAmB;QAAAQ,KAAA;QAAAC,KAAA,EAE1BP;MAAmB;IAAA;IAE9B,IAEIX,iBAAA;MACFc,YAAA,CAAAK,QAAA;QAAAH,YAAA,EACgBvC,eAAA,IAAAiC,SAAmB;QAAAO,KAAA;QAAAC,KAAA,EAE1BzC,eAAA,IAAAiC;MAAmB;IAAA;MAG5BI,YAAA,CAAAM,KAAA;QAAAJ,YAAA,EACgBzC,YAAA,IAAAmC,SAAgB;QAAAO,KAAA;QAAAC,KAAA,EAEvB3C,YAAA,IAAAmC;MAAgB;IAAA;IAAA,IAAAW,EAAA;IAAA,IAAA/C,CAAA,SAAAkC,OAAA;MAIPa,EAAA,GAAAC,IAAA;QAClBd,OAAA,CAAQc,IAAA,CAAArC,IAAS;MAAA;MACnBX,CAAA,OAAAkC,OAAA;MAAAlC,CAAA,OAAA+C,EAAA;IAAA;MAAAA,EAAA,GAAA/C,CAAA;IAAA;IAFA,MAAAiD,WAAA,GAAoBF,EAEpB;IAGET,EAAA,GAAAY,KAAA,CAAA5D,IAAA;MAAA6D,MAAA,EACU,GAAGlC,QAAA,IAAYL,QAAA,QAAgB;MAAAwC,SAAA,EAAAjE,SAAA;MAAAkE,oBAAA;MAAAb,YAAA;MAAAc,MAAA,EAIhC;MAAAC,SAAA,EACIN,WAAA;MAAAV,QAAA,EACD,OAAOnC,YAAA,EAAAmC,QAAA,KAA2B,WAAWnC,YAAA,CAAAmC,QAAA,GAAwBxB,UAAA;MAAAyC,mBAAA;MAAAC,QAAA,GAG/EP,KAAA,CAAC;QAAAE,SAAA,EAAe,GAAAjE,SAAA,aAAyB;QAAAsE,QAAA,GACvCC,IAAA,CAAA7D,UAAA;UAAA8D,IAAA,EAAkB5B;QAAA,C,GAClB2B,IAAA,CAAAlE,aAAA;UAAAoE,KAAA;YAAAC,IAAA,EAEU;YAAAC,KAAA,EACC7B,CAAA,CAAE;YAAA8B,QAAA;UAAA;QAAA,C;UAKfL,IAAA,CAAAtE,IAAA;QAAA4E,IAAA,EACQpE,cAAA;UAAAmB,UAAA;UAAAkD,IAAA,EAEEnD;QAAA,CACR;QAAA2C,QAAA,EAECxB,CAAA,CAAE;MAAA,C,GAELyB,IAAA,CAAAnE,UAAA;QAAA2E,IAAA,EAAiB;QAAAT,QAAA,EAASxB,CAAA,CAAE;MAAA,C;;;;;;;;;;;;;;;;;;;SA5B9BK,E;CA+BJ","ignoreList":[]}

package/dist/views/Login/index.d.ts

@@ -1,4 +1,4 @@
-import type { AdminViewProps } from 'payload/types';
+import type { AdminViewProps } from 'payload';
 import React from 'react';
 import './index.scss';
 export { generateLoginMetadata } from './meta.js';

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

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/views/Login/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,eAAe,CAAA;AAInD,OAAO,KAAmB,MAAM,OAAO,CAAA;AAGvC,OAAO,cAAc,CAAA;AAErB,OAAO,EAAE,qBAAqB,EAAE,MAAM,WAAW,CAAA;AAEjD,eAAO,MAAM,cAAc,UAAU,CAAA;AAErC,eAAO,MAAM,SAAS,EAAE,KAAK,CAAC,EAAE,CAAC,cAAc,CA8B9C,CAAA"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/views/Login/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,SAAS,CAAA;AAI7C,OAAO,KAAmB,MAAM,OAAO,CAAA;AAGvC,OAAO,cAAc,CAAA;AAGrB,OAAO,EAAE,qBAAqB,EAAE,MAAM,WAAW,CAAA;AAEjD,eAAO,MAAM,cAAc,UAAU,CAAA;AAErC,eAAO,MAAM,SAAS,EAAE,KAAK,CAAC,EAAE,CAAC,cAAc,CAkF9C,CAAA"}

package/dist/views/Login/index.js

@@ -1,28 +1,88 @@
-import { Logo } from '@payloadcms/ui/graphics/Logo';
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { getCreateMappedComponent, RenderComponent } from '@payloadcms/ui/shared';
 import { redirect } from 'next/navigation.js';
 import React, { Fragment } from 'react';
+import { Logo } from '../../elements/Logo/index.js';
 import { LoginForm } from './LoginForm/index.js';
 export { generateLoginMetadata } from './meta.js';
 export const loginBaseClass = 'login';
-export const LoginView = ({ initPageResult, searchParams })=>{
-    const { req } = initPageResult;
-    const { payload: { config }, user } = req;
-    const { admin: { components: { afterLogin, beforeLogin } = {}, user: userSlug }, collections, routes: { admin } } = config;
-    if (user) {
-        redirect(admin);
+export const LoginView = ({
+  initPageResult,
+  params,
+  searchParams
+}) => {
+  const {
+    locale,
+    permissions,
+    req
+  } = initPageResult;
+  const {
+    i18n,
+    payload: {
+      config
+    },
+    payload,
+    user
+  } = req;
+  const {
+    admin: {
+      components: {
+        afterLogin,
+        beforeLogin
+      } = {},
+      user: userSlug
+    },
+    collections,
+    routes: {
+      admin
     }
-    const collectionConfig = collections.find(({ slug })=>slug === userSlug);
-    return /*#__PURE__*/ React.createElement(Fragment, null, /*#__PURE__*/ React.createElement("div", {
-        className: `${loginBaseClass}__brand`
-    }, /*#__PURE__*/ React.createElement(Logo, {
-        config: config
-    })), Array.isArray(beforeLogin) && beforeLogin.map((Component, i)=>/*#__PURE__*/ React.createElement(Component, {
-            key: i
-        })), !collectionConfig?.auth?.disableLocalStrategy && /*#__PURE__*/ React.createElement(LoginForm, {
-        searchParams: searchParams
-    }), Array.isArray(afterLogin) && afterLogin.map((Component, i)=>/*#__PURE__*/ React.createElement(Component, {
-            key: i
-        })));
+  } = config;
+  const createMappedComponent = getCreateMappedComponent({
+    importMap: payload.importMap,
+    serverProps: {
+      i18n,
+      locale,
+      params,
+      payload,
+      permissions,
+      searchParams,
+      user
+    }
+  });
+  const mappedBeforeLogins = createMappedComponent(beforeLogin, undefined, undefined, 'beforeLogin');
+  const mappedAfterLogins = createMappedComponent(afterLogin, undefined, undefined, 'afterLogin');
+  if (user) {
+    redirect(admin);
+  }
+  const collectionConfig = collections.find(({
+    slug
+  }) => slug === userSlug);
+  const prefillAutoLogin = typeof config.admin?.autoLogin === 'object' && config.admin?.autoLogin.prefillOnly;
+  const prefillUsername = prefillAutoLogin && typeof config.admin?.autoLogin === 'object' ? config.admin?.autoLogin.username : undefined;
+  const prefillEmail = prefillAutoLogin && typeof config.admin?.autoLogin === 'object' ? config.admin?.autoLogin.email : undefined;
+  const prefillPassword = prefillAutoLogin && typeof config.admin?.autoLogin === 'object' ? config.admin?.autoLogin.password : undefined;
+  return /*#__PURE__*/_jsxs(Fragment, {
+    children: [/*#__PURE__*/_jsx("div", {
+      className: `${loginBaseClass}__brand`,
+      children: /*#__PURE__*/_jsx(Logo, {
+        i18n: i18n,
+        locale: locale,
+        params: params,
+        payload: payload,
+        permissions: permissions,
+        searchParams: searchParams,
+        user: user
+      })
+    }), /*#__PURE__*/_jsx(RenderComponent, {
+      mappedComponent: mappedBeforeLogins
+    }), !collectionConfig?.auth?.disableLocalStrategy && /*#__PURE__*/_jsx(LoginForm, {
+      prefillEmail: prefillEmail,
+      prefillPassword: prefillPassword,
+      prefillUsername: prefillUsername,
+      searchParams: searchParams
+    }), /*#__PURE__*/_jsx(RenderComponent, {
+      mappedComponent: mappedAfterLogins
+    })]
+  });
 };
-
 //# sourceMappingURL=index.js.map

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/views/Login/index.tsx"],"sourcesContent":["import type { AdminViewProps } from 'payload/types'\n\nimport { Logo } from '@payloadcms/ui/graphics/Logo'\nimport { redirect } from 'next/navigation.js'\nimport React, { Fragment } from 'react'\n\nimport { LoginForm } from './LoginForm/index.js'\nimport './index.scss'\n\nexport { generateLoginMetadata } from './meta.js'\n\nexport const loginBaseClass = 'login'\n\nexport const LoginView: React.FC<AdminViewProps> = ({ initPageResult, searchParams }) => {\n  const { req } = initPageResult\n\n  const {\n    payload: { config },\n    user,\n  } = req\n\n  const {\n    admin: { components: { afterLogin, beforeLogin } = {}, user: userSlug },\n    collections,\n    routes: { admin },\n  } = config\n\n  if (user) {\n    redirect(admin)\n  }\n\n  const collectionConfig = collections.find(({ slug }) => slug === userSlug)\n\n  return (\n    <Fragment>\n      <div className={`${loginBaseClass}__brand`}>\n        <Logo config={config} />\n      </div>\n      {Array.isArray(beforeLogin) && beforeLogin.map((Component, i) => <Component key={i} />)}\n      {!collectionConfig?.auth?.disableLocalStrategy && <LoginForm searchParams={searchParams} />}\n      {Array.isArray(afterLogin) && afterLogin.map((Component, i) => <Component key={i} />)}\n    </Fragment>\n  )\n}\n"],"names":["Logo","redirect","React","Fragment","LoginForm","generateLoginMetadata","loginBaseClass","LoginView","initPageResult","searchParams","req","payload","config","user","admin","components","afterLogin","beforeLogin","userSlug","collections","routes","collectionConfig","find","slug","div","className","Array","isArray","map","Component","i","key","auth","disableLocalStrategy"],"rangeMappings":";;;;;;;;;;;;;;;;;;;;;;;;;","mappings":"AAEA,SAASA,IAAI,QAAQ,+BAA8B;AACnD,SAASC,QAAQ,QAAQ,qBAAoB;AAC7C,OAAOC,SAASC,QAAQ,QAAQ,QAAO;AAEvC,SAASC,SAAS,QAAQ,uBAAsB;AAGhD,SAASC,qBAAqB,QAAQ,YAAW;AAEjD,OAAO,MAAMC,iBAAiB,QAAO;AAErC,OAAO,MAAMC,YAAsC,CAAC,EAAEC,cAAc,EAAEC,YAAY,EAAE;IAClF,MAAM,EAAEC,GAAG,EAAE,GAAGF;IAEhB,MAAM,EACJG,SAAS,EAAEC,MAAM,EAAE,EACnBC,IAAI,EACL,GAAGH;IAEJ,MAAM,EACJI,OAAO,EAAEC,YAAY,EAAEC,UAAU,EAAEC,WAAW,EAAE,GAAG,CAAC,CAAC,EAAEJ,MAAMK,QAAQ,EAAE,EACvEC,WAAW,EACXC,QAAQ,EAAEN,KAAK,EAAE,EAClB,GAAGF;IAEJ,IAAIC,MAAM;QACRZ,SAASa;IACX;IAEA,MAAMO,mBAAmBF,YAAYG,IAAI,CAAC,CAAC,EAAEC,IAAI,EAAE,GAAKA,SAASL;IAEjE,qBACE,oBAACf,8BACC,oBAACqB;QAAIC,WAAW,CAAC,EAAEnB,eAAe,OAAO,CAAC;qBACxC,oBAACN;QAAKY,QAAQA;SAEfc,MAAMC,OAAO,CAACV,gBAAgBA,YAAYW,GAAG,CAAC,CAACC,WAAWC,kBAAM,oBAACD;YAAUE,KAAKD;aAChF,CAACT,kBAAkBW,MAAMC,sCAAwB,oBAAC7B;QAAUK,cAAcA;QAC1EiB,MAAMC,OAAO,CAACX,eAAeA,WAAWY,GAAG,CAAC,CAACC,WAAWC,kBAAM,oBAACD;YAAUE,KAAKD;;AAGrF,EAAC"}
+{"version":3,"file":"index.js","names":["getCreateMappedComponent","RenderComponent","redirect","React","Fragment","Logo","LoginForm","generateLoginMetadata","loginBaseClass","LoginView","initPageResult","params","searchParams","locale","permissions","req","i18n","payload","config","user","admin","components","afterLogin","beforeLogin","userSlug","collections","routes","createMappedComponent","importMap","serverProps","mappedBeforeLogins","undefined","mappedAfterLogins","collectionConfig","find","slug","prefillAutoLogin","autoLogin","prefillOnly","prefillUsername","username","prefillEmail","email","prefillPassword","password","_jsxs","_jsx","className","mappedComponent","auth","disableLocalStrategy"],"sources":["../../../src/views/Login/index.tsx"],"sourcesContent":["import type { AdminViewProps } from 'payload'\n\nimport { getCreateMappedComponent, RenderComponent } from '@payloadcms/ui/shared'\nimport { redirect } from 'next/navigation.js'\nimport React, { Fragment } from 'react'\n\nimport { Logo } from '../../elements/Logo/index.js'\nimport './index.scss'\nimport { LoginForm } from './LoginForm/index.js'\n\nexport { generateLoginMetadata } from './meta.js'\n\nexport const loginBaseClass = 'login'\n\nexport const LoginView: React.FC<AdminViewProps> = ({ initPageResult, params, searchParams }) => {\n  const { locale, permissions, req } = initPageResult\n\n  const {\n    i18n,\n    payload: { config },\n    payload,\n    user,\n  } = req\n\n  const {\n    admin: { components: { afterLogin, beforeLogin } = {}, user: userSlug },\n    collections,\n    routes: { admin },\n  } = config\n\n  const createMappedComponent = getCreateMappedComponent({\n    importMap: payload.importMap,\n    serverProps: {\n      i18n,\n      locale,\n      params,\n      payload,\n      permissions,\n      searchParams,\n      user,\n    },\n  })\n\n  const mappedBeforeLogins = createMappedComponent(beforeLogin, undefined, undefined, 'beforeLogin')\n\n  const mappedAfterLogins = createMappedComponent(afterLogin, undefined, undefined, 'afterLogin')\n\n  if (user) {\n    redirect(admin)\n  }\n\n  const collectionConfig = collections.find(({ slug }) => slug === userSlug)\n\n  const prefillAutoLogin =\n    typeof config.admin?.autoLogin === 'object' && config.admin?.autoLogin.prefillOnly\n\n  const prefillUsername =\n    prefillAutoLogin && typeof config.admin?.autoLogin === 'object'\n      ? config.admin?.autoLogin.username\n      : undefined\n\n  const prefillEmail =\n    prefillAutoLogin && typeof config.admin?.autoLogin === 'object'\n      ? config.admin?.autoLogin.email\n      : undefined\n\n  const prefillPassword =\n    prefillAutoLogin && typeof config.admin?.autoLogin === 'object'\n      ? config.admin?.autoLogin.password\n      : undefined\n\n  return (\n    <Fragment>\n      <div className={`${loginBaseClass}__brand`}>\n        <Logo\n          i18n={i18n}\n          locale={locale}\n          params={params}\n          payload={payload}\n          permissions={permissions}\n          searchParams={searchParams}\n          user={user}\n        />\n      </div>\n      <RenderComponent mappedComponent={mappedBeforeLogins} />\n      {!collectionConfig?.auth?.disableLocalStrategy && (\n        <LoginForm\n          prefillEmail={prefillEmail}\n          prefillPassword={prefillPassword}\n          prefillUsername={prefillUsername}\n          searchParams={searchParams}\n        />\n      )}\n      <RenderComponent mappedComponent={mappedAfterLogins} />\n    </Fragment>\n  )\n}\n"],"mappings":"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","ignoreList":[]}

package/dist/views/Login/meta.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"meta.d.ts","sourceRoot":"","sources":["../../../src/views/Login/meta.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,oBAAoB,EAAE,MAAM,kBAAkB,CAAA;AAI5D,eAAO,MAAM,qBAAqB,EAAE,oBAOnC,CAAA"}
+{"version":3,"file":"meta.d.ts","sourceRoot":"","sources":["../../../src/views/Login/meta.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,oBAAoB,EAAE,MAAM,kBAAkB,CAAA;AAI5D,eAAO,MAAM,qBAAqB,EAAE,oBAOhC,CAAA"}

package/dist/views/Login/meta.js

@@ -1,11 +1,14 @@
 import { meta } from '../../utilities/meta.js';
-export const generateLoginMetadata = async ({ config, i18n: { t } })=>{
-    return meta({
-        config,
-        description: `${t('authentication:login')}`,
-        keywords: `${t('authentication:login')}`,
-        title: t('authentication:login')
-    });
-};
-
+export const generateLoginMetadata = async ({
+  config,
+  i18n: {
+    t
+  }
+}) => meta({
+  description: `${t('authentication:login')}`,
+  keywords: `${t('authentication:login')}`,
+  serverURL: config.serverURL,
+  title: t('authentication:login'),
+  ...(config.admin.meta || {})
+});
 //# sourceMappingURL=meta.js.map

package/dist/views/Login/meta.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/views/Login/meta.ts"],"sourcesContent":["import type { GenerateViewMetadata } from '../Root/index.js'\n\nimport { meta } from '../../utilities/meta.js'\n\nexport const generateLoginMetadata: GenerateViewMetadata = async ({ config, i18n: { t } }) => {\n  return meta({\n    config,\n    description: `${t('authentication:login')}`,\n    keywords: `${t('authentication:login')}`,\n    title: t('authentication:login'),\n  })\n}\n"],"names":["meta","generateLoginMetadata","config","i18n","t","description","keywords","title"],"rangeMappings":";;;;;;;;","mappings":"AAEA,SAASA,IAAI,QAAQ,0BAAyB;AAE9C,OAAO,MAAMC,wBAA8C,OAAO,EAAEC,MAAM,EAAEC,MAAM,EAAEC,CAAC,EAAE,EAAE;IACvF,OAAOJ,KAAK;QACVE;QACAG,aAAa,CAAC,EAAED,EAAE,wBAAwB,CAAC;QAC3CE,UAAU,CAAC,EAAEF,EAAE,wBAAwB,CAAC;QACxCG,OAAOH,EAAE;IACX;AACF,EAAC"}
+{"version":3,"file":"meta.js","names":["meta","generateLoginMetadata","config","i18n","t","description","keywords","serverURL","title","admin"],"sources":["../../../src/views/Login/meta.ts"],"sourcesContent":["import type { GenerateViewMetadata } from '../Root/index.js'\n\nimport { meta } from '../../utilities/meta.js'\n\nexport const generateLoginMetadata: GenerateViewMetadata = async ({ config, i18n: { t } }) =>\n  meta({\n    description: `${t('authentication:login')}`,\n    keywords: `${t('authentication:login')}`,\n    serverURL: config.serverURL,\n    title: t('authentication:login'),\n    ...(config.admin.meta || {}),\n  })\n"],"mappings":"AAEA,SAASA,IAAI,QAAQ;AAErB,OAAO,MAAMC,qBAAA,GAA8C,MAAAA,CAAO;EAAEC,MAAM;EAAEC,IAAA,EAAM;IAAEC;EAAC;AAAE,CAAE,KACvFJ,IAAA,CAAK;EACHK,WAAA,EAAa,GAAGD,CAAA,CAAE,yBAAyB;EAC3CE,QAAA,EAAU,GAAGF,CAAA,CAAE,yBAAyB;EACxCG,SAAA,EAAWL,MAAA,CAAOK,SAAS;EAC3BC,KAAA,EAAOJ,CAAA,CAAE;EACT,IAAIF,MAAA,CAAOO,KAAK,CAACT,IAAI,IAAI,CAAC,CAAC;AAC7B","ignoreList":[]}

package/dist/views/Logout/LogoutClient.d.ts

@@ -1,4 +1,5 @@
 import React from 'react';
+import './index.scss';
 export declare const LogoutClient: React.FC<{
     adminRoute: string;
     inactivity?: boolean;

package/dist/views/Logout/LogoutClient.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"LogoutClient.d.ts","sourceRoot":"","sources":["../../../src/views/Logout/LogoutClient.tsx"],"names":[],"mappings":"AAKA,OAAO,KAA8B,MAAM,OAAO,CAAA;AAIlD,eAAO,MAAM,YAAY,EAAE,KAAK,CAAC,EAAE,CAAC;IAClC,UAAU,EAAE,MAAM,CAAA;IAClB,UAAU,CAAC,EAAE,OAAO,CAAA;IACpB,QAAQ,EAAE,MAAM,CAAA;CACjB,CAmCA,CAAA"}
+{"version":3,"file":"LogoutClient.d.ts","sourceRoot":"","sources":["../../../src/views/Logout/LogoutClient.tsx"],"names":[],"mappings":"AAIA,OAAO,KAA8B,MAAM,OAAO,CAAA;AAElD,OAAO,cAAc,CAAA;AAMrB,eAAO,MAAM,YAAY,EAAE,KAAK,CAAC,EAAE,CAAC;IAClC,UAAU,EAAE,MAAM,CAAA;IAClB,UAAU,CAAC,EAAE,OAAO,CAAA;IACpB,QAAQ,EAAE,MAAM,CAAA;CACjB,CAsCA,CAAA"}