@verdaccio/ui-components 5.0.0-next-9.20 → 5.0.0-next-9.21

package/build/components/Keywords/Keywords.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"Keywords.mjs","names":[],"sources":["../../../src/components/Keywords/Keywords.tsx"],"sourcesContent":["import List from '@mui/material/List';\nimport Typography from '@mui/material/Typography';\nimport { useTheme } from '@mui/material/styles';\nimport React from 'react';\nimport { useTranslation } from 'react-i18next';\n\nimport type { Theme } from '../../Theme';\nimport type { PackageMetaInterface } from '../../types/packageMeta';\nimport KeywordListItems from './KeywordListItems';\n\nconst Keywords: React.FC<{ packageMeta: PackageMetaInterface }> = ({ packageMeta }) => {\n  const { t } = useTranslation();\n  const theme: Theme = useTheme();\n\n  if (!packageMeta?.latest?.keywords) {\n    return null;\n  }\n\n  return (\n    <List\n      data-testid=\"keyword-list\"\n      subheader={\n        <Typography\n          sx={{ fontWeight: theme.fontWeight.bold, textTransform: 'capitalize' }}\n          variant=\"subtitle1\"\n        >\n          {t('sidebar.keywords.title')}\n        </Typography>\n      }\n    >\n      <KeywordListItems keywords={packageMeta?.latest?.keywords} />\n    </List>\n  );\n};\n\nexport default Keywords;\n"],"mappings":";;;;;;;;AAUA,IAAM,YAA6D,EAAE,kBAAkB;CACrF,MAAM,EAAE,MAAM,eAAe;CAC7B,MAAM,QAAe,SAAS;CAE9B,IAAI,CAAC,aAAa,QAAQ,UACxB,OAAO;CAGT,OACE,oBAAC,MAAD;EACE,eAAY;EACZ,WACE,oBAAC,YAAD;GACE,IAAI;IAAE,YAAY,MAAM,WAAW;IAAM,eAAe;GAAa;GACrE,SAAQ;GAEP,UAAA,EAAE,wBAAwB;EACjB,CAAA;EAGd,UAAA,oBAAC,kBAAD,EAAkB,UAAU,aAAa,QAAQ,SAAW,CAAA;CACxD,CAAA;AAEV"}
+{"version":3,"file":"Keywords.mjs","names":[],"sources":["../../../src/components/Keywords/Keywords.tsx"],"sourcesContent":["import List from '@mui/material/List';\nimport Typography from '@mui/material/Typography';\nimport { useTheme } from '@mui/material/styles';\nimport React from 'react';\nimport { useTranslation } from 'react-i18next';\n\nimport type { Theme } from '../../Theme';\nimport type { PackageMetaInterface } from '../../types/packageMeta';\nimport KeywordListItems from './KeywordListItems';\n\nconst Keywords: React.FC<{ packageMeta: PackageMetaInterface }> = ({ packageMeta }) => {\n  const { t } = useTranslation();\n  const theme: Theme = useTheme();\n\n  // `keywords: []` is very common in real manifests and must not paint an\n  // empty \"Keywords\" section\n  if (!packageMeta?.latest?.keywords || packageMeta.latest.keywords.length === 0) {\n    return null;\n  }\n\n  return (\n    <List\n      data-testid=\"keyword-list\"\n      subheader={\n        <Typography\n          sx={{ fontWeight: theme.fontWeight.bold, textTransform: 'capitalize' }}\n          variant=\"subtitle1\"\n        >\n          {t('sidebar.keywords.title')}\n        </Typography>\n      }\n    >\n      <KeywordListItems keywords={packageMeta?.latest?.keywords} />\n    </List>\n  );\n};\n\nexport default Keywords;\n"],"mappings":";;;;;;;;AAUA,IAAM,YAA6D,EAAE,kBAAkB;CACrF,MAAM,EAAE,MAAM,eAAe;CAC7B,MAAM,QAAe,SAAS;CAI9B,IAAI,CAAC,aAAa,QAAQ,YAAY,YAAY,OAAO,SAAS,WAAW,GAC3E,OAAO;CAGT,OACE,oBAAC,MAAD;EACE,eAAY;EACZ,WACE,oBAAC,YAAD;GACE,IAAI;IAAE,YAAY,MAAM,WAAW;IAAM,eAAe;GAAa;GACrE,SAAQ;GAEP,UAAA,EAAE,wBAAwB;EACjB,CAAA;EAGd,UAAA,oBAAC,kBAAD,EAAkB,UAAU,aAAa,QAAQ,SAAW,CAAA;CACxD,CAAA;AAEV"}

package/build/components/LoginDialog/LoginDialogCloseButton.js

@@ -5,12 +5,12 @@ let _mui_material_IconButton = require("@mui/material/IconButton");
 _mui_material_IconButton = require_runtime.__toESM(_mui_material_IconButton);
 let react = require("react");
 react = require_runtime.__toESM(react);
+let react_i18next = require("react-i18next");
 let react_jsx_runtime = require("react/jsx-runtime");
 let _mui_icons_material_Close = require("@mui/icons-material/Close");
 _mui_icons_material_Close = require_runtime.__toESM(_mui_icons_material_Close);
 let _mui_material_DialogTitle = require("@mui/material/DialogTitle");
 _mui_material_DialogTitle = require_runtime.__toESM(_mui_material_DialogTitle);
-let react_i18next = require("react-i18next");
 //#region src/components/LoginDialog/LoginDialogCloseButton.tsx
 var StyledIconButton = (0, _emotion_styled.default)(_mui_material_IconButton.default)(({ theme }) => ({
 	position: "absolute",

package/build/components/LoginDialog/LoginDialogCloseButton.mjs

@@ -1,10 +1,10 @@
 import styled from "@emotion/styled";
 import IconButton from "@mui/material/IconButton";
 import "react";
+import { useTranslation } from "react-i18next";
 import { jsx } from "react/jsx-runtime";
 import CloseIcon from "@mui/icons-material/Close";
 import DialogTitle from "@mui/material/DialogTitle";
-import { useTranslation } from "react-i18next";
 //#region src/components/LoginDialog/LoginDialogCloseButton.tsx
 var StyledIconButton = styled(IconButton)(({ theme }) => ({
 	position: "absolute",

package/build/components/LoginDialog/LoginDialogForm.js

@@ -6,10 +6,11 @@ react = require_runtime.__toESM(react);
 let react_jsx_runtime = require("react/jsx-runtime");
 //#region src/components/LoginDialog/LoginDialogForm.tsx
 var LoginDialogForm = () => {
-	const { register, handleSubmit, formState: { isValid, errors }, onSubmit } = require_useLoginForm.useLoginForm();
+	const { register, handleSubmit, formState: { isValid, isSubmitting, errors }, onSubmit } = require_useLoginForm.useLoginForm();
 	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_Login.default, {
 		errors,
 		handleSubmit,
+		isSubmitting,
 		isValid,
 		onSubmit,
 		register

package/build/components/LoginDialog/LoginDialogForm.js.map

@@ -1 +1 @@
-{"version":3,"file":"LoginDialogForm.js","names":[],"sources":["../../../src/components/LoginDialog/LoginDialogForm.tsx"],"sourcesContent":["import type { FC } from 'react';\nimport React from 'react';\n\nimport LoginForm from '../LoginForm/Login';\nimport { useLoginForm } from '../LoginForm/useLoginForm';\n\nconst LoginDialogForm: FC = () => {\n  const {\n    register,\n    handleSubmit,\n    formState: { isValid, errors },\n    onSubmit,\n  } = useLoginForm();\n  return (\n    <LoginForm\n      errors={errors}\n      handleSubmit={handleSubmit}\n      isValid={isValid}\n      onSubmit={onSubmit}\n      register={register}\n    />\n  );\n};\n\nexport default LoginDialogForm;\n"],"mappings":";;;;;;;AAMA,IAAM,wBAA4B;CAChC,MAAM,EACJ,UACA,cACA,WAAW,EAAE,SAAS,UACtB,aACE,qBAAA,aAAa;CACjB,OACE,iBAAA,GAAA,kBAAA,IAAA,CAAC,cAAA,SAAD;EACU;EACM;EACL;EACC;EACA;CACX,CAAA;AAEL"}
+{"version":3,"file":"LoginDialogForm.js","names":[],"sources":["../../../src/components/LoginDialog/LoginDialogForm.tsx"],"sourcesContent":["import type { FC } from 'react';\nimport React from 'react';\n\nimport LoginForm from '../LoginForm/Login';\nimport { useLoginForm } from '../LoginForm/useLoginForm';\n\nconst LoginDialogForm: FC = () => {\n  const {\n    register,\n    handleSubmit,\n    formState: { isValid, isSubmitting, errors },\n    onSubmit,\n  } = useLoginForm();\n  return (\n    <LoginForm\n      errors={errors}\n      handleSubmit={handleSubmit}\n      isSubmitting={isSubmitting}\n      isValid={isValid}\n      onSubmit={onSubmit}\n      register={register}\n    />\n  );\n};\n\nexport default LoginDialogForm;\n"],"mappings":";;;;;;;AAMA,IAAM,wBAA4B;CAChC,MAAM,EACJ,UACA,cACA,WAAW,EAAE,SAAS,cAAc,UACpC,aACE,qBAAA,aAAa;CACjB,OACE,iBAAA,GAAA,kBAAA,IAAA,CAAC,cAAA,SAAD;EACU;EACM;EACA;EACL;EACC;EACA;CACX,CAAA;AAEL"}

package/build/components/LoginDialog/LoginDialogForm.mjs

@@ -4,10 +4,11 @@ import "react";
 import { jsx } from "react/jsx-runtime";
 //#region src/components/LoginDialog/LoginDialogForm.tsx
 var LoginDialogForm = () => {
-	const { register, handleSubmit, formState: { isValid, errors }, onSubmit } = useLoginForm();
+	const { register, handleSubmit, formState: { isValid, isSubmitting, errors }, onSubmit } = useLoginForm();
 	return /* @__PURE__ */ jsx(LoginForm, {
 		errors,
 		handleSubmit,
+		isSubmitting,
 		isValid,
 		onSubmit,
 		register

package/build/components/LoginDialog/LoginDialogForm.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"LoginDialogForm.mjs","names":[],"sources":["../../../src/components/LoginDialog/LoginDialogForm.tsx"],"sourcesContent":["import type { FC } from 'react';\nimport React from 'react';\n\nimport LoginForm from '../LoginForm/Login';\nimport { useLoginForm } from '../LoginForm/useLoginForm';\n\nconst LoginDialogForm: FC = () => {\n  const {\n    register,\n    handleSubmit,\n    formState: { isValid, errors },\n    onSubmit,\n  } = useLoginForm();\n  return (\n    <LoginForm\n      errors={errors}\n      handleSubmit={handleSubmit}\n      isValid={isValid}\n      onSubmit={onSubmit}\n      register={register}\n    />\n  );\n};\n\nexport default LoginDialogForm;\n"],"mappings":";;;;;AAMA,IAAM,wBAA4B;CAChC,MAAM,EACJ,UACA,cACA,WAAW,EAAE,SAAS,UACtB,aACE,aAAa;CACjB,OACE,oBAAC,WAAD;EACU;EACM;EACL;EACC;EACA;CACX,CAAA;AAEL"}
+{"version":3,"file":"LoginDialogForm.mjs","names":[],"sources":["../../../src/components/LoginDialog/LoginDialogForm.tsx"],"sourcesContent":["import type { FC } from 'react';\nimport React from 'react';\n\nimport LoginForm from '../LoginForm/Login';\nimport { useLoginForm } from '../LoginForm/useLoginForm';\n\nconst LoginDialogForm: FC = () => {\n  const {\n    register,\n    handleSubmit,\n    formState: { isValid, isSubmitting, errors },\n    onSubmit,\n  } = useLoginForm();\n  return (\n    <LoginForm\n      errors={errors}\n      handleSubmit={handleSubmit}\n      isSubmitting={isSubmitting}\n      isValid={isValid}\n      onSubmit={onSubmit}\n      register={register}\n    />\n  );\n};\n\nexport default LoginDialogForm;\n"],"mappings":";;;;;AAMA,IAAM,wBAA4B;CAChC,MAAM,EACJ,UACA,cACA,WAAW,EAAE,SAAS,cAAc,UACpC,aACE,aAAa;CACjB,OACE,oBAAC,WAAD;EACU;EACM;EACA;EACL;EACC;EACA;CACX,CAAA;AAEL"}

package/build/components/LoginForm/Login.d.ts

@@ -10,6 +10,7 @@ interface Props {
     onSubmit: (data: LoginFormValues) => void;
     errors: FieldErrors<LoginFormValues>;
     isValid: boolean;
+    isSubmitting?: boolean;
 }
 declare const LoginForm: FC<Props>;
 export default LoginForm;

package/build/components/LoginForm/Login.js

@@ -9,8 +9,9 @@ let _emotion_styled = require("@emotion/styled");
 _emotion_styled = require_runtime.__toESM(_emotion_styled);
 let react = require("react");
 react = require_runtime.__toESM(react);
-let react_jsx_runtime = require("react/jsx-runtime");
 let react_i18next = require("react-i18next");
+let react_jsx_runtime = require("react/jsx-runtime");
+let react_router = require("react-router");
 let _mui_material_Link = require("@mui/material/Link");
 _mui_material_Link = require_runtime.__toESM(_mui_material_Link);
 let _mui_material_Typography = require("@mui/material/Typography");
@@ -20,7 +21,7 @@ _mui_material_Button = require_runtime.__toESM(_mui_material_Button);
 //#region src/components/LoginForm/Login.tsx
 var StyledForm = (0, _emotion_styled.default)("form")(({ theme }) => ({ marginTop: theme.spacing(1) }));
 var StyledButton = (0, _emotion_styled.default)(_mui_material_Button.default)(({ theme }) => ({ margin: theme.spacing(3, 0, 2) }));
-var LoginForm = ({ register, handleSubmit, onSubmit, errors, isValid }) => {
+var LoginForm = ({ register, handleSubmit, onSubmit, errors, isValid, isSubmitting = false }) => {
 	const { t } = (0, react_i18next.useTranslation)();
 	const changePasswordEnabled = require_configuration.getConfiguration()?.flags?.changePassword;
 	return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(StyledForm, {
@@ -39,7 +40,7 @@ var LoginForm = ({ register, handleSubmit, onSubmit, errors, isValid }) => {
 			/* @__PURE__ */ (0, react_jsx_runtime.jsx)(StyledButton, {
 				color: "primary",
 				"data-testid": "login-dialog-form-login-button",
-				disabled: !isValid,
+				disabled: !isValid || isSubmitting,
 				fullWidth: true,
 				id: "login--dialog-button-submit",
 				size: "large",
@@ -55,8 +56,9 @@ var LoginForm = ({ register, handleSubmit, onSubmit, errors, isValid }) => {
 				},
 				variant: "body2",
 				children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_mui_material_Link.default, {
-					href: require_routes.Route.CHANGE_PASSWORD,
+					component: react_router.Link,
 					sx: { ml: 1 },
+					to: require_routes.Route.CHANGE_PASSWORD,
 					children: t("security.changePassword.title")
 				})
 			})

package/build/components/LoginForm/Login.js.map

@@ -1 +1 @@
-{"version":3,"file":"Login.js","names":[],"sources":["../../../src/components/LoginForm/Login.tsx"],"sourcesContent":["import styled from '@emotion/styled';\nimport Button from '@mui/material/Button';\nimport Link from '@mui/material/Link';\nimport Typography from '@mui/material/Typography';\nimport type { FC } from 'react';\nimport React from 'react';\nimport type { FieldErrors, UseFormHandleSubmit, UseFormRegister } from 'react-hook-form';\nimport { useTranslation } from 'react-i18next';\n\nimport type { Theme } from '../../';\nimport { getConfiguration } from '../../configuration';\nimport { Route } from '../../utils';\nimport LoginDialogFormError from '../LoginDialog/LoginDialogFormError';\nimport PasswordField from './PasswordField';\nimport UsernameField from './UsernameField';\n\nconst StyledForm = styled('form')<{ theme?: Theme }>(({ theme }) => ({\n  marginTop: theme.spacing(1),\n}));\n\nconst StyledButton = styled(Button)<{ theme?: Theme }>(({ theme }) => ({\n  margin: theme.spacing(3, 0, 2),\n}));\n\nexport interface LoginFormValues {\n  username: string;\n  password: string;\n}\n\ninterface Props {\n  register: UseFormRegister<LoginFormValues>;\n  handleSubmit: UseFormHandleSubmit<LoginFormValues>;\n  onSubmit: (data: LoginFormValues) => void;\n  errors: FieldErrors<LoginFormValues>;\n  isValid: boolean;\n}\n\nconst LoginForm: FC<Props> = ({ register, handleSubmit, onSubmit, errors, isValid }) => {\n  const { t } = useTranslation();\n  const configuration = getConfiguration();\n  const changePasswordEnabled = configuration?.flags?.changePassword;\n\n  return (\n    <StyledForm noValidate={true} onSubmit={handleSubmit(onSubmit)}>\n      <UsernameField errors={errors} register={register} />\n      <PasswordField errors={errors} register={register} />\n\n      {errors.root && <LoginDialogFormError error={errors.root} />}\n\n      <StyledButton\n        color=\"primary\"\n        data-testid=\"login-dialog-form-login-button\"\n        disabled={!isValid}\n        fullWidth={true}\n        id=\"login--dialog-button-submit\"\n        size=\"large\"\n        type=\"submit\"\n        variant=\"contained\"\n      >\n        {t('button.login')}\n      </StyledButton>\n      {changePasswordEnabled && (\n        <Typography align=\"center\" sx={{ mt: 2, fontSize: 12 }} variant=\"body2\">\n          <Link href={Route.CHANGE_PASSWORD} sx={{ ml: 1 }}>\n            {t('security.changePassword.title')}\n          </Link>\n        </Typography>\n      )}\n    </StyledForm>\n  );\n};\n\nexport default LoginForm;\n"],"mappings":";;;;;;;;;;;;;;;;;;;;AAgBA,IAAM,cAAA,GAAa,gBAAA,QAAA,CAAO,MAAM,CAAC,EAAqB,EAAE,aAAa,EACnE,WAAW,MAAM,QAAQ,CAAC,EAC5B,EAAE;AAEF,IAAM,gBAAA,GAAe,gBAAA,QAAA,CAAO,qBAAA,OAAM,CAAC,EAAqB,EAAE,aAAa,EACrE,QAAQ,MAAM,QAAQ,GAAG,GAAG,CAAC,EAC/B,EAAE;AAeF,IAAM,aAAwB,EAAE,UAAU,cAAc,UAAU,QAAQ,cAAc;CACtF,MAAM,EAAE,OAAA,GAAM,cAAA,eAAA,CAAe;CAE7B,MAAM,wBADgB,sBAAA,iBACQ,CAAA,EAAe,OAAO;CAEpD,OACE,iBAAA,GAAA,kBAAA,KAAA,CAAC,YAAD;EAAY,YAAY;EAAM,UAAU,aAAa,QAAQ;EAA7D,UAAA;GACE,iBAAA,GAAA,kBAAA,IAAA,CAAC,sBAAA,SAAD;IAAuB;IAAkB;GAAW,CAAA;GACpD,iBAAA,GAAA,kBAAA,IAAA,CAAC,sBAAA,SAAD;IAAuB;IAAkB;GAAW,CAAA;GAEnD,OAAO,QAAQ,iBAAA,GAAA,kBAAA,IAAA,CAAC,6BAAA,SAAD,EAAsB,OAAO,OAAO,KAAO,CAAA;GAE3D,iBAAA,GAAA,kBAAA,IAAA,CAAC,cAAD;IACE,OAAM;IACN,eAAY;IACZ,UAAU,CAAC;IACX,WAAW;IACX,IAAG;IACH,MAAK;IACL,MAAK;IACL,SAAQ;IAEP,UAAA,EAAE,cAAc;GACL,CAAA;GACb,yBACC,iBAAA,GAAA,kBAAA,IAAA,CAAC,yBAAA,SAAD;IAAY,OAAM;IAAS,IAAI;KAAE,IAAI;KAAG,UAAU;IAAG;IAAG,SAAQ;IAC9D,UAAA,iBAAA,GAAA,kBAAA,IAAA,CAAC,mBAAA,SAAD;KAAM,MAAM,eAAA,MAAM;KAAiB,IAAI,EAAE,IAAI,EAAE;KAC5C,UAAA,EAAE,+BAA+B;IAC9B,CAAA;GACI,CAAA;EAEJ;;AAEhB"}
+{"version":3,"file":"Login.js","names":[],"sources":["../../../src/components/LoginForm/Login.tsx"],"sourcesContent":["import styled from '@emotion/styled';\nimport Button from '@mui/material/Button';\nimport Link from '@mui/material/Link';\nimport Typography from '@mui/material/Typography';\nimport type { FC } from 'react';\nimport React from 'react';\nimport type { FieldErrors, UseFormHandleSubmit, UseFormRegister } from 'react-hook-form';\nimport { useTranslation } from 'react-i18next';\nimport { Link as RouterLink } from 'react-router';\n\nimport type { Theme } from '../../';\nimport { getConfiguration } from '../../configuration';\nimport { Route } from '../../utils';\nimport LoginDialogFormError from '../LoginDialog/LoginDialogFormError';\nimport PasswordField from './PasswordField';\nimport UsernameField from './UsernameField';\n\nconst StyledForm = styled('form')<{ theme?: Theme }>(({ theme }) => ({\n  marginTop: theme.spacing(1),\n}));\n\nconst StyledButton = styled(Button)<{ theme?: Theme }>(({ theme }) => ({\n  margin: theme.spacing(3, 0, 2),\n}));\n\nexport interface LoginFormValues {\n  username: string;\n  password: string;\n}\n\ninterface Props {\n  register: UseFormRegister<LoginFormValues>;\n  handleSubmit: UseFormHandleSubmit<LoginFormValues>;\n  onSubmit: (data: LoginFormValues) => void;\n  errors: FieldErrors<LoginFormValues>;\n  isValid: boolean;\n  isSubmitting?: boolean;\n}\n\nconst LoginForm: FC<Props> = ({\n  register,\n  handleSubmit,\n  onSubmit,\n  errors,\n  isValid,\n  isSubmitting = false,\n}) => {\n  const { t } = useTranslation();\n  const configuration = getConfiguration();\n  const changePasswordEnabled = configuration?.flags?.changePassword;\n\n  return (\n    <StyledForm noValidate={true} onSubmit={handleSubmit(onSubmit)}>\n      <UsernameField errors={errors} register={register} />\n      <PasswordField errors={errors} register={register} />\n\n      {errors.root && <LoginDialogFormError error={errors.root} />}\n\n      <StyledButton\n        color=\"primary\"\n        data-testid=\"login-dialog-form-login-button\"\n        // disable while the request is in flight: a double click means a double\n        // POST, which can even trip the login rate limit\n        disabled={!isValid || isSubmitting}\n        fullWidth={true}\n        id=\"login--dialog-button-submit\"\n        size=\"large\"\n        type=\"submit\"\n        variant=\"contained\"\n      >\n        {t('button.login')}\n      </StyledButton>\n      {changePasswordEnabled && (\n        <Typography align=\"center\" sx={{ mt: 2, fontSize: 12 }} variant=\"body2\">\n          <Link component={RouterLink} sx={{ ml: 1 }} to={Route.CHANGE_PASSWORD}>\n            {t('security.changePassword.title')}\n          </Link>\n        </Typography>\n      )}\n    </StyledForm>\n  );\n};\n\nexport default LoginForm;\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;AAiBA,IAAM,cAAA,GAAa,gBAAA,QAAA,CAAO,MAAM,CAAC,EAAqB,EAAE,aAAa,EACnE,WAAW,MAAM,QAAQ,CAAC,EAC5B,EAAE;AAEF,IAAM,gBAAA,GAAe,gBAAA,QAAA,CAAO,qBAAA,OAAM,CAAC,EAAqB,EAAE,aAAa,EACrE,QAAQ,MAAM,QAAQ,GAAG,GAAG,CAAC,EAC/B,EAAE;AAgBF,IAAM,aAAwB,EAC5B,UACA,cACA,UACA,QACA,SACA,eAAe,YACX;CACJ,MAAM,EAAE,OAAA,GAAM,cAAA,eAAA,CAAe;CAE7B,MAAM,wBADgB,sBAAA,iBACQ,CAAA,EAAe,OAAO;CAEpD,OACE,iBAAA,GAAA,kBAAA,KAAA,CAAC,YAAD;EAAY,YAAY;EAAM,UAAU,aAAa,QAAQ;EAA7D,UAAA;GACE,iBAAA,GAAA,kBAAA,IAAA,CAAC,sBAAA,SAAD;IAAuB;IAAkB;GAAW,CAAA;GACpD,iBAAA,GAAA,kBAAA,IAAA,CAAC,sBAAA,SAAD;IAAuB;IAAkB;GAAW,CAAA;GAEnD,OAAO,QAAQ,iBAAA,GAAA,kBAAA,IAAA,CAAC,6BAAA,SAAD,EAAsB,OAAO,OAAO,KAAO,CAAA;GAE3D,iBAAA,GAAA,kBAAA,IAAA,CAAC,cAAD;IACE,OAAM;IACN,eAAY;IAGZ,UAAU,CAAC,WAAW;IACtB,WAAW;IACX,IAAG;IACH,MAAK;IACL,MAAK;IACL,SAAQ;IAEP,UAAA,EAAE,cAAc;GACL,CAAA;GACb,yBACC,iBAAA,GAAA,kBAAA,IAAA,CAAC,yBAAA,SAAD;IAAY,OAAM;IAAS,IAAI;KAAE,IAAI;KAAG,UAAU;IAAG;IAAG,SAAQ;IAC9D,UAAA,iBAAA,GAAA,kBAAA,IAAA,CAAC,mBAAA,SAAD;KAAM,WAAW,aAAA;KAAY,IAAI,EAAE,IAAI,EAAE;KAAG,IAAI,eAAA,MAAM;KACnD,UAAA,EAAE,+BAA+B;IAC9B,CAAA;GACI,CAAA;EAEJ;;AAEhB"}

package/build/components/LoginForm/Login.mjs

@@ -1,4 +1,4 @@
-import { Route } from "../../utils/routes.mjs";
+import { Route as Route$1 } from "../../utils/routes.mjs";
 import "../../utils/index.mjs";
 import { getConfiguration } from "../../configuration.mjs";
 import LoginDialogFormError from "../LoginDialog/LoginDialogFormError.mjs";
@@ -6,15 +6,16 @@ import PasswordField from "./PasswordField.mjs";
 import UsernameField from "./UsernameField.mjs";
 import styled from "@emotion/styled";
 import "react";
-import { jsx, jsxs } from "react/jsx-runtime";
 import { useTranslation } from "react-i18next";
-import Link from "@mui/material/Link";
+import { jsx, jsxs } from "react/jsx-runtime";
+import { Link } from "react-router";
+import Link$1 from "@mui/material/Link";
 import Typography from "@mui/material/Typography";
 import Button from "@mui/material/Button";
 //#region src/components/LoginForm/Login.tsx
 var StyledForm = styled("form")(({ theme }) => ({ marginTop: theme.spacing(1) }));
 var StyledButton = styled(Button)(({ theme }) => ({ margin: theme.spacing(3, 0, 2) }));
-var LoginForm = ({ register, handleSubmit, onSubmit, errors, isValid }) => {
+var LoginForm = ({ register, handleSubmit, onSubmit, errors, isValid, isSubmitting = false }) => {
 	const { t } = useTranslation();
 	const changePasswordEnabled = getConfiguration()?.flags?.changePassword;
 	return /* @__PURE__ */ jsxs(StyledForm, {
@@ -33,7 +34,7 @@ var LoginForm = ({ register, handleSubmit, onSubmit, errors, isValid }) => {
 			/* @__PURE__ */ jsx(StyledButton, {
 				color: "primary",
 				"data-testid": "login-dialog-form-login-button",
-				disabled: !isValid,
+				disabled: !isValid || isSubmitting,
 				fullWidth: true,
 				id: "login--dialog-button-submit",
 				size: "large",
@@ -48,9 +49,10 @@ var LoginForm = ({ register, handleSubmit, onSubmit, errors, isValid }) => {
 					fontSize: 12
 				},
 				variant: "body2",
-				children: /* @__PURE__ */ jsx(Link, {
-					href: Route.CHANGE_PASSWORD,
+				children: /* @__PURE__ */ jsx(Link$1, {
+					component: Link,
 					sx: { ml: 1 },
+					to: Route$1.CHANGE_PASSWORD,
 					children: t("security.changePassword.title")
 				})
 			})

package/build/components/LoginForm/Login.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"Login.mjs","names":[],"sources":["../../../src/components/LoginForm/Login.tsx"],"sourcesContent":["import styled from '@emotion/styled';\nimport Button from '@mui/material/Button';\nimport Link from '@mui/material/Link';\nimport Typography from '@mui/material/Typography';\nimport type { FC } from 'react';\nimport React from 'react';\nimport type { FieldErrors, UseFormHandleSubmit, UseFormRegister } from 'react-hook-form';\nimport { useTranslation } from 'react-i18next';\n\nimport type { Theme } from '../../';\nimport { getConfiguration } from '../../configuration';\nimport { Route } from '../../utils';\nimport LoginDialogFormError from '../LoginDialog/LoginDialogFormError';\nimport PasswordField from './PasswordField';\nimport UsernameField from './UsernameField';\n\nconst StyledForm = styled('form')<{ theme?: Theme }>(({ theme }) => ({\n  marginTop: theme.spacing(1),\n}));\n\nconst StyledButton = styled(Button)<{ theme?: Theme }>(({ theme }) => ({\n  margin: theme.spacing(3, 0, 2),\n}));\n\nexport interface LoginFormValues {\n  username: string;\n  password: string;\n}\n\ninterface Props {\n  register: UseFormRegister<LoginFormValues>;\n  handleSubmit: UseFormHandleSubmit<LoginFormValues>;\n  onSubmit: (data: LoginFormValues) => void;\n  errors: FieldErrors<LoginFormValues>;\n  isValid: boolean;\n}\n\nconst LoginForm: FC<Props> = ({ register, handleSubmit, onSubmit, errors, isValid }) => {\n  const { t } = useTranslation();\n  const configuration = getConfiguration();\n  const changePasswordEnabled = configuration?.flags?.changePassword;\n\n  return (\n    <StyledForm noValidate={true} onSubmit={handleSubmit(onSubmit)}>\n      <UsernameField errors={errors} register={register} />\n      <PasswordField errors={errors} register={register} />\n\n      {errors.root && <LoginDialogFormError error={errors.root} />}\n\n      <StyledButton\n        color=\"primary\"\n        data-testid=\"login-dialog-form-login-button\"\n        disabled={!isValid}\n        fullWidth={true}\n        id=\"login--dialog-button-submit\"\n        size=\"large\"\n        type=\"submit\"\n        variant=\"contained\"\n      >\n        {t('button.login')}\n      </StyledButton>\n      {changePasswordEnabled && (\n        <Typography align=\"center\" sx={{ mt: 2, fontSize: 12 }} variant=\"body2\">\n          <Link href={Route.CHANGE_PASSWORD} sx={{ ml: 1 }}>\n            {t('security.changePassword.title')}\n          </Link>\n        </Typography>\n      )}\n    </StyledForm>\n  );\n};\n\nexport default LoginForm;\n"],"mappings":";;;;;;;;;;;;;;AAgBA,IAAM,aAAa,OAAO,MAAM,CAAC,EAAqB,EAAE,aAAa,EACnE,WAAW,MAAM,QAAQ,CAAC,EAC5B,EAAE;AAEF,IAAM,eAAe,OAAO,MAAM,CAAC,EAAqB,EAAE,aAAa,EACrE,QAAQ,MAAM,QAAQ,GAAG,GAAG,CAAC,EAC/B,EAAE;AAeF,IAAM,aAAwB,EAAE,UAAU,cAAc,UAAU,QAAQ,cAAc;CACtF,MAAM,EAAE,MAAM,eAAe;CAE7B,MAAM,wBADgB,iBACQ,CAAA,EAAe,OAAO;CAEpD,OACE,qBAAC,YAAD;EAAY,YAAY;EAAM,UAAU,aAAa,QAAQ;EAA7D,UAAA;GACE,oBAAC,eAAD;IAAuB;IAAkB;GAAW,CAAA;GACpD,oBAAC,eAAD;IAAuB;IAAkB;GAAW,CAAA;GAEnD,OAAO,QAAQ,oBAAC,sBAAD,EAAsB,OAAO,OAAO,KAAO,CAAA;GAE3D,oBAAC,cAAD;IACE,OAAM;IACN,eAAY;IACZ,UAAU,CAAC;IACX,WAAW;IACX,IAAG;IACH,MAAK;IACL,MAAK;IACL,SAAQ;IAEP,UAAA,EAAE,cAAc;GACL,CAAA;GACb,yBACC,oBAAC,YAAD;IAAY,OAAM;IAAS,IAAI;KAAE,IAAI;KAAG,UAAU;IAAG;IAAG,SAAQ;IAC9D,UAAA,oBAAC,MAAD;KAAM,MAAM,MAAM;KAAiB,IAAI,EAAE,IAAI,EAAE;KAC5C,UAAA,EAAE,+BAA+B;IAC9B,CAAA;GACI,CAAA;EAEJ;;AAEhB"}
+{"version":3,"file":"Login.mjs","names":[],"sources":["../../../src/components/LoginForm/Login.tsx"],"sourcesContent":["import styled from '@emotion/styled';\nimport Button from '@mui/material/Button';\nimport Link from '@mui/material/Link';\nimport Typography from '@mui/material/Typography';\nimport type { FC } from 'react';\nimport React from 'react';\nimport type { FieldErrors, UseFormHandleSubmit, UseFormRegister } from 'react-hook-form';\nimport { useTranslation } from 'react-i18next';\nimport { Link as RouterLink } from 'react-router';\n\nimport type { Theme } from '../../';\nimport { getConfiguration } from '../../configuration';\nimport { Route } from '../../utils';\nimport LoginDialogFormError from '../LoginDialog/LoginDialogFormError';\nimport PasswordField from './PasswordField';\nimport UsernameField from './UsernameField';\n\nconst StyledForm = styled('form')<{ theme?: Theme }>(({ theme }) => ({\n  marginTop: theme.spacing(1),\n}));\n\nconst StyledButton = styled(Button)<{ theme?: Theme }>(({ theme }) => ({\n  margin: theme.spacing(3, 0, 2),\n}));\n\nexport interface LoginFormValues {\n  username: string;\n  password: string;\n}\n\ninterface Props {\n  register: UseFormRegister<LoginFormValues>;\n  handleSubmit: UseFormHandleSubmit<LoginFormValues>;\n  onSubmit: (data: LoginFormValues) => void;\n  errors: FieldErrors<LoginFormValues>;\n  isValid: boolean;\n  isSubmitting?: boolean;\n}\n\nconst LoginForm: FC<Props> = ({\n  register,\n  handleSubmit,\n  onSubmit,\n  errors,\n  isValid,\n  isSubmitting = false,\n}) => {\n  const { t } = useTranslation();\n  const configuration = getConfiguration();\n  const changePasswordEnabled = configuration?.flags?.changePassword;\n\n  return (\n    <StyledForm noValidate={true} onSubmit={handleSubmit(onSubmit)}>\n      <UsernameField errors={errors} register={register} />\n      <PasswordField errors={errors} register={register} />\n\n      {errors.root && <LoginDialogFormError error={errors.root} />}\n\n      <StyledButton\n        color=\"primary\"\n        data-testid=\"login-dialog-form-login-button\"\n        // disable while the request is in flight: a double click means a double\n        // POST, which can even trip the login rate limit\n        disabled={!isValid || isSubmitting}\n        fullWidth={true}\n        id=\"login--dialog-button-submit\"\n        size=\"large\"\n        type=\"submit\"\n        variant=\"contained\"\n      >\n        {t('button.login')}\n      </StyledButton>\n      {changePasswordEnabled && (\n        <Typography align=\"center\" sx={{ mt: 2, fontSize: 12 }} variant=\"body2\">\n          <Link component={RouterLink} sx={{ ml: 1 }} to={Route.CHANGE_PASSWORD}>\n            {t('security.changePassword.title')}\n          </Link>\n        </Typography>\n      )}\n    </StyledForm>\n  );\n};\n\nexport default LoginForm;\n"],"mappings":";;;;;;;;;;;;;;;AAiBA,IAAM,aAAa,OAAO,MAAM,CAAC,EAAqB,EAAE,aAAa,EACnE,WAAW,MAAM,QAAQ,CAAC,EAC5B,EAAE;AAEF,IAAM,eAAe,OAAO,MAAM,CAAC,EAAqB,EAAE,aAAa,EACrE,QAAQ,MAAM,QAAQ,GAAG,GAAG,CAAC,EAC/B,EAAE;AAgBF,IAAM,aAAwB,EAC5B,UACA,cACA,UACA,QACA,SACA,eAAe,YACX;CACJ,MAAM,EAAE,MAAM,eAAe;CAE7B,MAAM,wBADgB,iBACQ,CAAA,EAAe,OAAO;CAEpD,OACE,qBAAC,YAAD;EAAY,YAAY;EAAM,UAAU,aAAa,QAAQ;EAA7D,UAAA;GACE,oBAAC,eAAD;IAAuB;IAAkB;GAAW,CAAA;GACpD,oBAAC,eAAD;IAAuB;IAAkB;GAAW,CAAA;GAEnD,OAAO,QAAQ,oBAAC,sBAAD,EAAsB,OAAO,OAAO,KAAO,CAAA;GAE3D,oBAAC,cAAD;IACE,OAAM;IACN,eAAY;IAGZ,UAAU,CAAC,WAAW;IACtB,WAAW;IACX,IAAG;IACH,MAAK;IACL,MAAK;IACL,SAAQ;IAEP,UAAA,EAAE,cAAc;GACL,CAAA;GACb,yBACC,oBAAC,YAAD;IAAY,OAAM;IAAS,IAAI;KAAE,IAAI;KAAG,UAAU;IAAG;IAAG,SAAQ;IAC9D,UAAA,oBAAC,QAAD;KAAM,WAAW;KAAY,IAAI,EAAE,IAAI,EAAE;KAAG,IAAI,QAAM;KACnD,UAAA,EAAE,+BAA+B;IAC9B,CAAA;GACI,CAAA;EAEJ;;AAEhB"}

package/build/components/LoginForm/PasswordField.js

@@ -1,10 +1,11 @@
 const require_runtime = require("../../_virtual/_rolldown/runtime.js");
+require("../../utils/schemas.js");
 let _emotion_styled = require("@emotion/styled");
 _emotion_styled = require_runtime.__toESM(_emotion_styled);
 let react = require("react");
 react = require_runtime.__toESM(react);
-let react_jsx_runtime = require("react/jsx-runtime");
 let react_i18next = require("react-i18next");
+let react_jsx_runtime = require("react/jsx-runtime");
 let _mui_material_TextField = require("@mui/material/TextField");
 _mui_material_TextField = require_runtime.__toESM(_mui_material_TextField);
 //#region src/components/LoginForm/PasswordField.tsx
@@ -15,12 +16,9 @@ var PasswordField = ({ register, errors }) => {
 		autoComplete: "current-password",
 		error: !!errors.password,
 		fullWidth: true,
-		helperText: errors.password?.message,
+		helperText: errors.password?.message ? t(errors.password.message, { length: 2 }) : void 0,
 		id: "login--dialog-password",
-		...register("password", { required: {
-			value: true,
-			message: t("form-validation.required-field")
-		} }),
+		...register("password"),
 		"data-testid": "password",
 		label: t("form.password"),
 		placeholder: t("form-placeholder.password"),

package/build/components/LoginForm/PasswordField.js.map

@@ -1 +1 @@
-{"version":3,"file":"PasswordField.js","names":[],"sources":["../../../src/components/LoginForm/PasswordField.tsx"],"sourcesContent":["import styled from '@emotion/styled';\nimport TextField from '@mui/material/TextField';\nimport type { FC } from 'react';\nimport React from 'react';\nimport type { FieldErrors } from 'react-hook-form';\nimport { useTranslation } from 'react-i18next';\n\nimport type { Theme } from '../../';\nimport type { AddUserFormValues, LoginFormValues } from '../../utils/schemas';\n\nconst StyledTextField = styled(TextField)<{ theme?: Theme }>(({ theme }) => ({\n  marginTop: theme.spacing(2),\n}));\n\ninterface Props {\n  register: any;\n  errors: FieldErrors<LoginFormValues | AddUserFormValues>;\n}\n\nconst PasswordField: FC<Props> = ({ register, errors }) => {\n  const { t } = useTranslation();\n\n  return (\n    <StyledTextField\n      autoComplete=\"current-password\"\n      error={!!errors.password}\n      fullWidth={true}\n      helperText={errors.password?.message}\n      id=\"login--dialog-password\"\n      {...register('password', {\n        required: { value: true, message: t('form-validation.required-field') },\n      })}\n      data-testid=\"password\"\n      label={t('form.password')}\n      placeholder={t('form-placeholder.password')}\n      required={true}\n      type=\"password\"\n      variant=\"outlined\"\n    />\n  );\n};\n\nexport default PasswordField;\n"],"mappings":";;;;;;;;;;AAUA,IAAM,mBAAA,GAAkB,gBAAA,QAAA,CAAO,wBAAA,OAAS,CAAC,EAAqB,EAAE,aAAa,EAC3E,WAAW,MAAM,QAAQ,CAAC,EAC5B,EAAE;AAOF,IAAM,iBAA4B,EAAE,UAAU,aAAa;CACzD,MAAM,EAAE,OAAA,GAAM,cAAA,eAAA,CAAe;CAE7B,OACE,iBAAA,GAAA,kBAAA,IAAA,CAAC,iBAAD;EACE,cAAa;EACb,OAAO,CAAC,CAAC,OAAO;EAChB,WAAW;EACX,YAAY,OAAO,UAAU;EAC7B,IAAG;EACH,GAAI,SAAS,YAAY,EACvB,UAAU;GAAE,OAAO;GAAM,SAAS,EAAE,gCAAgC;EAAE,EACxE,CAAC;EACD,eAAY;EACZ,OAAO,EAAE,eAAe;EACxB,aAAa,EAAE,2BAA2B;EAC1C,UAAU;EACV,MAAK;EACL,SAAQ;CACT,CAAA;AAEL"}
+{"version":3,"file":"PasswordField.js","names":[],"sources":["../../../src/components/LoginForm/PasswordField.tsx"],"sourcesContent":["import styled from '@emotion/styled';\nimport TextField from '@mui/material/TextField';\nimport type { FC } from 'react';\nimport React from 'react';\nimport type { FieldErrors } from 'react-hook-form';\nimport { useTranslation } from 'react-i18next';\n\nimport type { Theme } from '../../';\nimport type { AddUserFormValues, LoginFormValues } from '../../utils/schemas';\nimport { PASSWORD_MIN_LENGTH } from '../../utils/schemas';\n\nconst StyledTextField = styled(TextField)<{ theme?: Theme }>(({ theme }) => ({\n  marginTop: theme.spacing(2),\n}));\n\ninterface Props {\n  register: any;\n  errors: FieldErrors<LoginFormValues | AddUserFormValues>;\n}\n\nconst PasswordField: FC<Props> = ({ register, errors }) => {\n  const { t } = useTranslation();\n\n  return (\n    <StyledTextField\n      autoComplete=\"current-password\"\n      error={!!errors.password}\n      fullWidth={true}\n      // schema messages are i18n keys (inline rules are ignored when a resolver is set)\n      helperText={\n        errors.password?.message\n          ? t(errors.password.message, { length: PASSWORD_MIN_LENGTH })\n          : undefined\n      }\n      id=\"login--dialog-password\"\n      {...register('password')}\n      data-testid=\"password\"\n      label={t('form.password')}\n      placeholder={t('form-placeholder.password')}\n      required={true}\n      type=\"password\"\n      variant=\"outlined\"\n    />\n  );\n};\n\nexport default PasswordField;\n"],"mappings":";;;;;;;;;;;AAWA,IAAM,mBAAA,GAAkB,gBAAA,QAAA,CAAO,wBAAA,OAAS,CAAC,EAAqB,EAAE,aAAa,EAC3E,WAAW,MAAM,QAAQ,CAAC,EAC5B,EAAE;AAOF,IAAM,iBAA4B,EAAE,UAAU,aAAa;CACzD,MAAM,EAAE,OAAA,GAAM,cAAA,eAAA,CAAe;CAE7B,OACE,iBAAA,GAAA,kBAAA,IAAA,CAAC,iBAAD;EACE,cAAa;EACb,OAAO,CAAC,CAAC,OAAO;EAChB,WAAW;EAEX,YACE,OAAO,UAAU,UACb,EAAE,OAAO,SAAS,SAAS,EAAE,QAAA,EAA4B,CAAC,IAC1D,KAAA;EAEN,IAAG;EACH,GAAI,SAAS,UAAU;EACvB,eAAY;EACZ,OAAO,EAAE,eAAe;EACxB,aAAa,EAAE,2BAA2B;EAC1C,UAAU;EACV,MAAK;EACL,SAAQ;CACT,CAAA;AAEL"}

package/build/components/LoginForm/PasswordField.mjs

@@ -1,7 +1,8 @@
+import "../../utils/schemas.mjs";
 import styled from "@emotion/styled";
 import "react";
-import { jsx } from "react/jsx-runtime";
 import { useTranslation } from "react-i18next";
+import { jsx } from "react/jsx-runtime";
 import TextField from "@mui/material/TextField";
 //#region src/components/LoginForm/PasswordField.tsx
 var StyledTextField = styled(TextField)(({ theme }) => ({ marginTop: theme.spacing(2) }));
@@ -11,12 +12,9 @@ var PasswordField = ({ register, errors }) => {
 		autoComplete: "current-password",
 		error: !!errors.password,
 		fullWidth: true,
-		helperText: errors.password?.message,
+		helperText: errors.password?.message ? t(errors.password.message, { length: 2 }) : void 0,
 		id: "login--dialog-password",
-		...register("password", { required: {
-			value: true,
-			message: t("form-validation.required-field")
-		} }),
+		...register("password"),
 		"data-testid": "password",
 		label: t("form.password"),
 		placeholder: t("form-placeholder.password"),

package/build/components/LoginForm/PasswordField.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"PasswordField.mjs","names":[],"sources":["../../../src/components/LoginForm/PasswordField.tsx"],"sourcesContent":["import styled from '@emotion/styled';\nimport TextField from '@mui/material/TextField';\nimport type { FC } from 'react';\nimport React from 'react';\nimport type { FieldErrors } from 'react-hook-form';\nimport { useTranslation } from 'react-i18next';\n\nimport type { Theme } from '../../';\nimport type { AddUserFormValues, LoginFormValues } from '../../utils/schemas';\n\nconst StyledTextField = styled(TextField)<{ theme?: Theme }>(({ theme }) => ({\n  marginTop: theme.spacing(2),\n}));\n\ninterface Props {\n  register: any;\n  errors: FieldErrors<LoginFormValues | AddUserFormValues>;\n}\n\nconst PasswordField: FC<Props> = ({ register, errors }) => {\n  const { t } = useTranslation();\n\n  return (\n    <StyledTextField\n      autoComplete=\"current-password\"\n      error={!!errors.password}\n      fullWidth={true}\n      helperText={errors.password?.message}\n      id=\"login--dialog-password\"\n      {...register('password', {\n        required: { value: true, message: t('form-validation.required-field') },\n      })}\n      data-testid=\"password\"\n      label={t('form.password')}\n      placeholder={t('form-placeholder.password')}\n      required={true}\n      type=\"password\"\n      variant=\"outlined\"\n    />\n  );\n};\n\nexport default PasswordField;\n"],"mappings":";;;;;;AAUA,IAAM,kBAAkB,OAAO,SAAS,CAAC,EAAqB,EAAE,aAAa,EAC3E,WAAW,MAAM,QAAQ,CAAC,EAC5B,EAAE;AAOF,IAAM,iBAA4B,EAAE,UAAU,aAAa;CACzD,MAAM,EAAE,MAAM,eAAe;CAE7B,OACE,oBAAC,iBAAD;EACE,cAAa;EACb,OAAO,CAAC,CAAC,OAAO;EAChB,WAAW;EACX,YAAY,OAAO,UAAU;EAC7B,IAAG;EACH,GAAI,SAAS,YAAY,EACvB,UAAU;GAAE,OAAO;GAAM,SAAS,EAAE,gCAAgC;EAAE,EACxE,CAAC;EACD,eAAY;EACZ,OAAO,EAAE,eAAe;EACxB,aAAa,EAAE,2BAA2B;EAC1C,UAAU;EACV,MAAK;EACL,SAAQ;CACT,CAAA;AAEL"}
+{"version":3,"file":"PasswordField.mjs","names":[],"sources":["../../../src/components/LoginForm/PasswordField.tsx"],"sourcesContent":["import styled from '@emotion/styled';\nimport TextField from '@mui/material/TextField';\nimport type { FC } from 'react';\nimport React from 'react';\nimport type { FieldErrors } from 'react-hook-form';\nimport { useTranslation } from 'react-i18next';\n\nimport type { Theme } from '../../';\nimport type { AddUserFormValues, LoginFormValues } from '../../utils/schemas';\nimport { PASSWORD_MIN_LENGTH } from '../../utils/schemas';\n\nconst StyledTextField = styled(TextField)<{ theme?: Theme }>(({ theme }) => ({\n  marginTop: theme.spacing(2),\n}));\n\ninterface Props {\n  register: any;\n  errors: FieldErrors<LoginFormValues | AddUserFormValues>;\n}\n\nconst PasswordField: FC<Props> = ({ register, errors }) => {\n  const { t } = useTranslation();\n\n  return (\n    <StyledTextField\n      autoComplete=\"current-password\"\n      error={!!errors.password}\n      fullWidth={true}\n      // schema messages are i18n keys (inline rules are ignored when a resolver is set)\n      helperText={\n        errors.password?.message\n          ? t(errors.password.message, { length: PASSWORD_MIN_LENGTH })\n          : undefined\n      }\n      id=\"login--dialog-password\"\n      {...register('password')}\n      data-testid=\"password\"\n      label={t('form.password')}\n      placeholder={t('form-placeholder.password')}\n      required={true}\n      type=\"password\"\n      variant=\"outlined\"\n    />\n  );\n};\n\nexport default PasswordField;\n"],"mappings":";;;;;;;AAWA,IAAM,kBAAkB,OAAO,SAAS,CAAC,EAAqB,EAAE,aAAa,EAC3E,WAAW,MAAM,QAAQ,CAAC,EAC5B,EAAE;AAOF,IAAM,iBAA4B,EAAE,UAAU,aAAa;CACzD,MAAM,EAAE,MAAM,eAAe;CAE7B,OACE,oBAAC,iBAAD;EACE,cAAa;EACb,OAAO,CAAC,CAAC,OAAO;EAChB,WAAW;EAEX,YACE,OAAO,UAAU,UACb,EAAE,OAAO,SAAS,SAAS,EAAE,QAAA,EAA4B,CAAC,IAC1D,KAAA;EAEN,IAAG;EACH,GAAI,SAAS,UAAU;EACvB,eAAY;EACZ,OAAO,EAAE,eAAe;EACxB,aAAa,EAAE,2BAA2B;EAC1C,UAAU;EACV,MAAK;EACL,SAAQ;CACT,CAAA;AAEL"}

package/build/components/LoginForm/UsernameField.js

@@ -1,10 +1,11 @@
 const require_runtime = require("../../_virtual/_rolldown/runtime.js");
+require("../../utils/schemas.js");
 let _emotion_styled = require("@emotion/styled");
 _emotion_styled = require_runtime.__toESM(_emotion_styled);
 let react = require("react");
 react = require_runtime.__toESM(react);
-let react_jsx_runtime = require("react/jsx-runtime");
 let react_i18next = require("react-i18next");
+let react_jsx_runtime = require("react/jsx-runtime");
 let _mui_material_TextField = require("@mui/material/TextField");
 _mui_material_TextField = require_runtime.__toESM(_mui_material_TextField);
 //#region src/components/LoginForm/UsernameField.tsx
@@ -15,12 +16,9 @@ var UsernameField = ({ register, errors }) => {
 		autoComplete: "username",
 		error: !!errors.username,
 		fullWidth: true,
-		helperText: errors.username?.message,
+		helperText: errors.username?.message ? t(errors.username.message, { length: 2 }) : void 0,
 		id: "login--dialog-username",
-		...register("username", { required: {
-			value: true,
-			message: t("form-validation.required-field")
-		} }),
+		...register("username"),
 		label: t("form.username"),
 		placeholder: t("form-placeholder.username"),
 		required: true,

package/build/components/LoginForm/UsernameField.js.map

@@ -1 +1 @@
-{"version":3,"file":"UsernameField.js","names":[],"sources":["../../../src/components/LoginForm/UsernameField.tsx"],"sourcesContent":["import styled from '@emotion/styled';\nimport TextField from '@mui/material/TextField';\nimport type { FC } from 'react';\nimport React from 'react';\nimport type { FieldErrors } from 'react-hook-form';\nimport { useTranslation } from 'react-i18next';\n\nimport type { Theme } from '../../';\nimport type { AddUserFormValues, LoginFormValues } from '../../utils/schemas';\n\nconst StyledTextField = styled(TextField)<{ theme?: Theme }>(({ theme }) => ({\n  marginTop: theme.spacing(2),\n}));\n\ninterface Props {\n  register: any;\n  errors: FieldErrors<LoginFormValues | AddUserFormValues>;\n}\n\nconst UsernameField: FC<Props> = ({ register, errors }) => {\n  const { t } = useTranslation();\n\n  return (\n    <StyledTextField\n      autoComplete=\"username\"\n      error={!!errors.username}\n      fullWidth={true}\n      helperText={errors.username?.message}\n      id=\"login--dialog-username\"\n      {...register('username', {\n        required: { value: true, message: t('form-validation.required-field') },\n      })}\n      label={t('form.username')}\n      placeholder={t('form-placeholder.username')}\n      required={true}\n      variant=\"outlined\"\n    />\n  );\n};\n\nexport default UsernameField;\n"],"mappings":";;;;;;;;;;AAUA,IAAM,mBAAA,GAAkB,gBAAA,QAAA,CAAO,wBAAA,OAAS,CAAC,EAAqB,EAAE,aAAa,EAC3E,WAAW,MAAM,QAAQ,CAAC,EAC5B,EAAE;AAOF,IAAM,iBAA4B,EAAE,UAAU,aAAa;CACzD,MAAM,EAAE,OAAA,GAAM,cAAA,eAAA,CAAe;CAE7B,OACE,iBAAA,GAAA,kBAAA,IAAA,CAAC,iBAAD;EACE,cAAa;EACb,OAAO,CAAC,CAAC,OAAO;EAChB,WAAW;EACX,YAAY,OAAO,UAAU;EAC7B,IAAG;EACH,GAAI,SAAS,YAAY,EACvB,UAAU;GAAE,OAAO;GAAM,SAAS,EAAE,gCAAgC;EAAE,EACxE,CAAC;EACD,OAAO,EAAE,eAAe;EACxB,aAAa,EAAE,2BAA2B;EAC1C,UAAU;EACV,SAAQ;CACT,CAAA;AAEL"}
+{"version":3,"file":"UsernameField.js","names":[],"sources":["../../../src/components/LoginForm/UsernameField.tsx"],"sourcesContent":["import styled from '@emotion/styled';\nimport TextField from '@mui/material/TextField';\nimport type { FC } from 'react';\nimport React from 'react';\nimport type { FieldErrors } from 'react-hook-form';\nimport { useTranslation } from 'react-i18next';\n\nimport type { Theme } from '../../';\nimport type { AddUserFormValues, LoginFormValues } from '../../utils/schemas';\nimport { USERNAME_MIN_LENGTH } from '../../utils/schemas';\n\nconst StyledTextField = styled(TextField)<{ theme?: Theme }>(({ theme }) => ({\n  marginTop: theme.spacing(2),\n}));\n\ninterface Props {\n  register: any;\n  errors: FieldErrors<LoginFormValues | AddUserFormValues>;\n}\n\nconst UsernameField: FC<Props> = ({ register, errors }) => {\n  const { t } = useTranslation();\n\n  return (\n    <StyledTextField\n      autoComplete=\"username\"\n      error={!!errors.username}\n      fullWidth={true}\n      // schema messages are i18n keys (inline rules are ignored when a resolver is set)\n      helperText={\n        errors.username?.message\n          ? t(errors.username.message, { length: USERNAME_MIN_LENGTH })\n          : undefined\n      }\n      id=\"login--dialog-username\"\n      {...register('username')}\n      label={t('form.username')}\n      placeholder={t('form-placeholder.username')}\n      required={true}\n      variant=\"outlined\"\n    />\n  );\n};\n\nexport default UsernameField;\n"],"mappings":";;;;;;;;;;;AAWA,IAAM,mBAAA,GAAkB,gBAAA,QAAA,CAAO,wBAAA,OAAS,CAAC,EAAqB,EAAE,aAAa,EAC3E,WAAW,MAAM,QAAQ,CAAC,EAC5B,EAAE;AAOF,IAAM,iBAA4B,EAAE,UAAU,aAAa;CACzD,MAAM,EAAE,OAAA,GAAM,cAAA,eAAA,CAAe;CAE7B,OACE,iBAAA,GAAA,kBAAA,IAAA,CAAC,iBAAD;EACE,cAAa;EACb,OAAO,CAAC,CAAC,OAAO;EAChB,WAAW;EAEX,YACE,OAAO,UAAU,UACb,EAAE,OAAO,SAAS,SAAS,EAAE,QAAA,EAA4B,CAAC,IAC1D,KAAA;EAEN,IAAG;EACH,GAAI,SAAS,UAAU;EACvB,OAAO,EAAE,eAAe;EACxB,aAAa,EAAE,2BAA2B;EAC1C,UAAU;EACV,SAAQ;CACT,CAAA;AAEL"}

package/build/components/LoginForm/UsernameField.mjs

@@ -1,7 +1,8 @@
+import "../../utils/schemas.mjs";
 import styled from "@emotion/styled";
 import "react";
-import { jsx } from "react/jsx-runtime";
 import { useTranslation } from "react-i18next";
+import { jsx } from "react/jsx-runtime";
 import TextField from "@mui/material/TextField";
 //#region src/components/LoginForm/UsernameField.tsx
 var StyledTextField = styled(TextField)(({ theme }) => ({ marginTop: theme.spacing(2) }));
@@ -11,12 +12,9 @@ var UsernameField = ({ register, errors }) => {
 		autoComplete: "username",
 		error: !!errors.username,
 		fullWidth: true,
-		helperText: errors.username?.message,
+		helperText: errors.username?.message ? t(errors.username.message, { length: 2 }) : void 0,
 		id: "login--dialog-username",
-		...register("username", { required: {
-			value: true,
-			message: t("form-validation.required-field")
-		} }),
+		...register("username"),
 		label: t("form.username"),
 		placeholder: t("form-placeholder.username"),
 		required: true,

package/build/components/LoginForm/UsernameField.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"UsernameField.mjs","names":[],"sources":["../../../src/components/LoginForm/UsernameField.tsx"],"sourcesContent":["import styled from '@emotion/styled';\nimport TextField from '@mui/material/TextField';\nimport type { FC } from 'react';\nimport React from 'react';\nimport type { FieldErrors } from 'react-hook-form';\nimport { useTranslation } from 'react-i18next';\n\nimport type { Theme } from '../../';\nimport type { AddUserFormValues, LoginFormValues } from '../../utils/schemas';\n\nconst StyledTextField = styled(TextField)<{ theme?: Theme }>(({ theme }) => ({\n  marginTop: theme.spacing(2),\n}));\n\ninterface Props {\n  register: any;\n  errors: FieldErrors<LoginFormValues | AddUserFormValues>;\n}\n\nconst UsernameField: FC<Props> = ({ register, errors }) => {\n  const { t } = useTranslation();\n\n  return (\n    <StyledTextField\n      autoComplete=\"username\"\n      error={!!errors.username}\n      fullWidth={true}\n      helperText={errors.username?.message}\n      id=\"login--dialog-username\"\n      {...register('username', {\n        required: { value: true, message: t('form-validation.required-field') },\n      })}\n      label={t('form.username')}\n      placeholder={t('form-placeholder.username')}\n      required={true}\n      variant=\"outlined\"\n    />\n  );\n};\n\nexport default UsernameField;\n"],"mappings":";;;;;;AAUA,IAAM,kBAAkB,OAAO,SAAS,CAAC,EAAqB,EAAE,aAAa,EAC3E,WAAW,MAAM,QAAQ,CAAC,EAC5B,EAAE;AAOF,IAAM,iBAA4B,EAAE,UAAU,aAAa;CACzD,MAAM,EAAE,MAAM,eAAe;CAE7B,OACE,oBAAC,iBAAD;EACE,cAAa;EACb,OAAO,CAAC,CAAC,OAAO;EAChB,WAAW;EACX,YAAY,OAAO,UAAU;EAC7B,IAAG;EACH,GAAI,SAAS,YAAY,EACvB,UAAU;GAAE,OAAO;GAAM,SAAS,EAAE,gCAAgC;EAAE,EACxE,CAAC;EACD,OAAO,EAAE,eAAe;EACxB,aAAa,EAAE,2BAA2B;EAC1C,UAAU;EACV,SAAQ;CACT,CAAA;AAEL"}
+{"version":3,"file":"UsernameField.mjs","names":[],"sources":["../../../src/components/LoginForm/UsernameField.tsx"],"sourcesContent":["import styled from '@emotion/styled';\nimport TextField from '@mui/material/TextField';\nimport type { FC } from 'react';\nimport React from 'react';\nimport type { FieldErrors } from 'react-hook-form';\nimport { useTranslation } from 'react-i18next';\n\nimport type { Theme } from '../../';\nimport type { AddUserFormValues, LoginFormValues } from '../../utils/schemas';\nimport { USERNAME_MIN_LENGTH } from '../../utils/schemas';\n\nconst StyledTextField = styled(TextField)<{ theme?: Theme }>(({ theme }) => ({\n  marginTop: theme.spacing(2),\n}));\n\ninterface Props {\n  register: any;\n  errors: FieldErrors<LoginFormValues | AddUserFormValues>;\n}\n\nconst UsernameField: FC<Props> = ({ register, errors }) => {\n  const { t } = useTranslation();\n\n  return (\n    <StyledTextField\n      autoComplete=\"username\"\n      error={!!errors.username}\n      fullWidth={true}\n      // schema messages are i18n keys (inline rules are ignored when a resolver is set)\n      helperText={\n        errors.username?.message\n          ? t(errors.username.message, { length: USERNAME_MIN_LENGTH })\n          : undefined\n      }\n      id=\"login--dialog-username\"\n      {...register('username')}\n      label={t('form.username')}\n      placeholder={t('form-placeholder.username')}\n      required={true}\n      variant=\"outlined\"\n    />\n  );\n};\n\nexport default UsernameField;\n"],"mappings":";;;;;;;AAWA,IAAM,kBAAkB,OAAO,SAAS,CAAC,EAAqB,EAAE,aAAa,EAC3E,WAAW,MAAM,QAAQ,CAAC,EAC5B,EAAE;AAOF,IAAM,iBAA4B,EAAE,UAAU,aAAa;CACzD,MAAM,EAAE,MAAM,eAAe;CAE7B,OACE,oBAAC,iBAAD;EACE,cAAa;EACb,OAAO,CAAC,CAAC,OAAO;EAChB,WAAW;EAEX,YACE,OAAO,UAAU,UACb,EAAE,OAAO,SAAS,SAAS,EAAE,QAAA,EAA4B,CAAC,IAC1D,KAAA;EAEN,IAAG;EACH,GAAI,SAAS,UAAU;EACvB,OAAO,EAAE,eAAe;EACxB,aAAa,EAAE,2BAA2B;EAC1C,UAAU;EACV,SAAQ;CACT,CAAA;AAEL"}

package/build/components/LoginForm/styles.js

@@ -7,12 +7,12 @@ let _mui_material_IconButton = require("@mui/material/IconButton");
 _mui_material_IconButton = require_runtime.__toESM(_mui_material_IconButton);
 let react = require("react");
 react = require_runtime.__toESM(react);
+let react_i18next = require("react-i18next");
 let react_jsx_runtime = require("react/jsx-runtime");
 let _mui_material_Box = require("@mui/material/Box");
 _mui_material_Box = require_runtime.__toESM(_mui_material_Box);
 let _mui_icons_material_Close = require("@mui/icons-material/Close");
 _mui_icons_material_Close = require_runtime.__toESM(_mui_icons_material_Close);
-let react_i18next = require("react-i18next");
 let _mui_material_colors = require("@mui/material/colors");
 let _mui_material_Avatar = require("@mui/material/Avatar");
 _mui_material_Avatar = require_runtime.__toESM(_mui_material_Avatar);

package/build/components/LoginForm/styles.mjs

@@ -3,10 +3,10 @@ import "../../index.mjs";
 import styled from "@emotion/styled";
 import IconButton from "@mui/material/IconButton";
 import "react";
+import { useTranslation } from "react-i18next";
 import { jsx, jsxs } from "react/jsx-runtime";
 import Box from "@mui/material/Box";
 import CloseIcon from "@mui/icons-material/Close";
-import { useTranslation } from "react-i18next";
 import { common } from "@mui/material/colors";
 import Avatar from "@mui/material/Avatar";
 import LockOutlined from "@mui/icons-material/LockOutlined";

package/build/components/LoginForm/useLoginForm.js

@@ -1,31 +1,41 @@
+const require_utils = require("../../providers/AuthProvider/utils.js");
 const require_AuthProvider = require("../../providers/AuthProvider/AuthProvider.js");
 require("../../providers/AuthProvider/index.js");
 const require_schemas = require("../../utils/schemas.js");
 let react = require("react");
+let react_i18next = require("react-i18next");
 let _hookform_resolvers_yup = require("@hookform/resolvers/yup");
 let react_hook_form = require("react-hook-form");
 //#region src/components/LoginForm/useLoginForm.ts
 function useLoginForm({ onSuccess } = {}) {
 	const { handleLogin } = require_AuthProvider.useAuth();
+	const { t } = (0, react_i18next.useTranslation)();
 	const form = (0, react_hook_form.useForm)({
 		mode: "onChange",
 		resolver: (0, _hookform_resolvers_yup.yupResolver)(require_schemas.loginSchema)
 	});
 	const { setError } = form;
+	const inFlight = (0, react.useRef)(false);
 	const onSubmit = (0, react.useCallback)(async (data) => {
+		if (inFlight.current) return;
+		inFlight.current = true;
 		try {
 			await handleLogin?.(data);
 			onSuccess?.();
-		} catch {
+		} catch (err) {
+			const message = err?.code === 401 ? t("security.error.invalid-credentials") : require_utils.authErrorMessage(err, t("security.error.unable-to-login"));
 			setError("root", {
 				type: "server",
-				message: "Invalid username or password"
+				message
 			});
+		} finally {
+			inFlight.current = false;
 		}
 	}, [
 		handleLogin,
 		setError,
-		onSuccess
+		onSuccess,
+		t
 	]);
 	return {
 		...form,

package/build/components/LoginForm/useLoginForm.js.map

@@ -1 +1 @@
-{"version":3,"file":"useLoginForm.js","names":[],"sources":["../../../src/components/LoginForm/useLoginForm.ts"],"sourcesContent":["import { yupResolver } from '@hookform/resolvers/yup';\nimport { useCallback } from 'react';\nimport { type UseFormReturn, useForm } from 'react-hook-form';\n\nimport { useAuth } from '../../providers/AuthProvider';\nimport type { LoginFormValues } from '../../utils/schemas';\nimport { loginSchema } from '../../utils/schemas';\n\ntype Options = {\n  onSuccess?: () => void;\n};\n\nexport function useLoginForm({ onSuccess }: Options = {}): UseFormReturn<LoginFormValues> & {\n  onSubmit: (data: LoginFormValues) => Promise<void>;\n} {\n  const { handleLogin } = useAuth();\n\n  const form = useForm<LoginFormValues>({\n    mode: 'onChange',\n    resolver: yupResolver(loginSchema),\n  });\n\n  const { setError } = form;\n\n  const onSubmit = useCallback(\n    async (data: LoginFormValues) => {\n      try {\n        await handleLogin?.(data);\n        onSuccess?.();\n      } catch {\n        setError('root', {\n          type: 'server',\n          // TODO: add translation key\n          message: 'Invalid username or password',\n        });\n      }\n    },\n    [handleLogin, setError, onSuccess]\n  );\n\n  return {\n    ...form,\n    onSubmit,\n  };\n}\n"],"mappings":";;;;;;;AAYA,SAAgB,aAAa,EAAE,cAAuB,CAAC,GAErD;CACA,MAAM,EAAE,gBAAgB,qBAAA,QAAQ;CAEhC,MAAM,QAAA,GAAO,gBAAA,QAAA,CAAyB;EACpC,MAAM;EACN,WAAA,GAAU,wBAAA,YAAA,CAAY,gBAAA,WAAW;CACnC,CAAC;CAED,MAAM,EAAE,aAAa;CAErB,MAAM,YAAA,GAAW,MAAA,YAAA,CACf,OAAO,SAA0B;EAC/B,IAAI;GACF,MAAM,cAAc,IAAI;GACxB,YAAY;EACd,QAAQ;GACN,SAAS,QAAQ;IACf,MAAM;IAEN,SAAS;GACX,CAAC;EACH;CACF,GACA;EAAC;EAAa;EAAU;CAAS,CACnC;CAEA,OAAO;EACL,GAAG;EACH;CACF;AACF"}
+{"version":3,"file":"useLoginForm.js","names":[],"sources":["../../../src/components/LoginForm/useLoginForm.ts"],"sourcesContent":["import { yupResolver } from '@hookform/resolvers/yup';\nimport { useCallback, useRef } from 'react';\nimport { type UseFormReturn, useForm } from 'react-hook-form';\nimport { useTranslation } from 'react-i18next';\n\nimport { useAuth } from '../../providers/AuthProvider';\nimport { authErrorMessage } from '../../providers/AuthProvider/utils';\nimport type { LoginFormValues } from '../../utils/schemas';\nimport { loginSchema } from '../../utils/schemas';\n\ntype Options = {\n  onSuccess?: () => void;\n};\n\nexport function useLoginForm({ onSuccess }: Options = {}): UseFormReturn<LoginFormValues> & {\n  onSubmit: (data: LoginFormValues) => Promise<void>;\n} {\n  const { handleLogin } = useAuth();\n  const { t } = useTranslation();\n\n  const form = useForm<LoginFormValues>({\n    mode: 'onChange',\n    resolver: yupResolver(loginSchema),\n  });\n\n  const { setError } = form;\n\n  // `disabled={isSubmitting}` only applies after a re-render; clicks landing in\n  // the same React batch would still fire duplicate requests\n  const inFlight = useRef(false);\n\n  const onSubmit = useCallback(\n    async (data: LoginFormValues) => {\n      if (inFlight.current) {\n        return;\n      }\n      inFlight.current = true;\n      try {\n        await handleLogin?.(data);\n        onSuccess?.();\n      } catch (err: any) {\n        // only a 401 means wrong credentials; a dead server, 500 or 429 must\n        // not claim the credentials were invalid\n        const message =\n          err?.code === 401\n            ? t('security.error.invalid-credentials')\n            : authErrorMessage(err, t('security.error.unable-to-login'));\n        setError('root', { type: 'server', message });\n      } finally {\n        inFlight.current = false;\n      }\n    },\n    [handleLogin, setError, onSuccess, t]\n  );\n\n  return {\n    ...form,\n    onSubmit,\n  };\n}\n"],"mappings":";;;;;;;;;AAcA,SAAgB,aAAa,EAAE,cAAuB,CAAC,GAErD;CACA,MAAM,EAAE,gBAAgB,qBAAA,QAAQ;CAChC,MAAM,EAAE,OAAA,GAAM,cAAA,eAAA,CAAe;CAE7B,MAAM,QAAA,GAAO,gBAAA,QAAA,CAAyB;EACpC,MAAM;EACN,WAAA,GAAU,wBAAA,YAAA,CAAY,gBAAA,WAAW;CACnC,CAAC;CAED,MAAM,EAAE,aAAa;CAIrB,MAAM,YAAA,GAAW,MAAA,OAAA,CAAO,KAAK;CAE7B,MAAM,YAAA,GAAW,MAAA,YAAA,CACf,OAAO,SAA0B;EAC/B,IAAI,SAAS,SACX;EAEF,SAAS,UAAU;EACnB,IAAI;GACF,MAAM,cAAc,IAAI;GACxB,YAAY;EACd,SAAS,KAAU;GAGjB,MAAM,UACJ,KAAK,SAAS,MACV,EAAE,oCAAoC,IACtC,cAAA,iBAAiB,KAAK,EAAE,gCAAgC,CAAC;GAC/D,SAAS,QAAQ;IAAE,MAAM;IAAU;GAAQ,CAAC;EAC9C,UAAU;GACR,SAAS,UAAU;EACrB;CACF,GACA;EAAC;EAAa;EAAU;EAAW;CAAC,CACtC;CAEA,OAAO;EACL,GAAG;EACH;CACF;AACF"}

package/build/components/LoginForm/useLoginForm.mjs

@@ -1,31 +1,41 @@
+import { authErrorMessage } from "../../providers/AuthProvider/utils.mjs";
 import { useAuth } from "../../providers/AuthProvider/AuthProvider.mjs";
 import "../../providers/AuthProvider/index.mjs";
 import { loginSchema } from "../../utils/schemas.mjs";
-import { useCallback } from "react";
+import { useCallback, useRef } from "react";
+import { useTranslation } from "react-i18next";
 import { yupResolver } from "@hookform/resolvers/yup";
 import { useForm } from "react-hook-form";
 //#region src/components/LoginForm/useLoginForm.ts
 function useLoginForm({ onSuccess } = {}) {
 	const { handleLogin } = useAuth();
+	const { t } = useTranslation();
 	const form = useForm({
 		mode: "onChange",
 		resolver: yupResolver(loginSchema)
 	});
 	const { setError } = form;
+	const inFlight = useRef(false);
 	const onSubmit = useCallback(async (data) => {
+		if (inFlight.current) return;
+		inFlight.current = true;
 		try {
 			await handleLogin?.(data);
 			onSuccess?.();
-		} catch {
+		} catch (err) {
+			const message = err?.code === 401 ? t("security.error.invalid-credentials") : authErrorMessage(err, t("security.error.unable-to-login"));
 			setError("root", {
 				type: "server",
-				message: "Invalid username or password"
+				message
 			});
+		} finally {
+			inFlight.current = false;
 		}
 	}, [
 		handleLogin,
 		setError,
-		onSuccess
+		onSuccess,
+		t
 	]);
 	return {
 		...form,

package/build/components/LoginForm/useLoginForm.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"useLoginForm.mjs","names":[],"sources":["../../../src/components/LoginForm/useLoginForm.ts"],"sourcesContent":["import { yupResolver } from '@hookform/resolvers/yup';\nimport { useCallback } from 'react';\nimport { type UseFormReturn, useForm } from 'react-hook-form';\n\nimport { useAuth } from '../../providers/AuthProvider';\nimport type { LoginFormValues } from '../../utils/schemas';\nimport { loginSchema } from '../../utils/schemas';\n\ntype Options = {\n  onSuccess?: () => void;\n};\n\nexport function useLoginForm({ onSuccess }: Options = {}): UseFormReturn<LoginFormValues> & {\n  onSubmit: (data: LoginFormValues) => Promise<void>;\n} {\n  const { handleLogin } = useAuth();\n\n  const form = useForm<LoginFormValues>({\n    mode: 'onChange',\n    resolver: yupResolver(loginSchema),\n  });\n\n  const { setError } = form;\n\n  const onSubmit = useCallback(\n    async (data: LoginFormValues) => {\n      try {\n        await handleLogin?.(data);\n        onSuccess?.();\n      } catch {\n        setError('root', {\n          type: 'server',\n          // TODO: add translation key\n          message: 'Invalid username or password',\n        });\n      }\n    },\n    [handleLogin, setError, onSuccess]\n  );\n\n  return {\n    ...form,\n    onSubmit,\n  };\n}\n"],"mappings":";;;;;;;AAYA,SAAgB,aAAa,EAAE,cAAuB,CAAC,GAErD;CACA,MAAM,EAAE,gBAAgB,QAAQ;CAEhC,MAAM,OAAO,QAAyB;EACpC,MAAM;EACN,UAAU,YAAY,WAAW;CACnC,CAAC;CAED,MAAM,EAAE,aAAa;CAErB,MAAM,WAAW,YACf,OAAO,SAA0B;EAC/B,IAAI;GACF,MAAM,cAAc,IAAI;GACxB,YAAY;EACd,QAAQ;GACN,SAAS,QAAQ;IACf,MAAM;IAEN,SAAS;GACX,CAAC;EACH;CACF,GACA;EAAC;EAAa;EAAU;CAAS,CACnC;CAEA,OAAO;EACL,GAAG;EACH;CACF;AACF"}
+{"version":3,"file":"useLoginForm.mjs","names":[],"sources":["../../../src/components/LoginForm/useLoginForm.ts"],"sourcesContent":["import { yupResolver } from '@hookform/resolvers/yup';\nimport { useCallback, useRef } from 'react';\nimport { type UseFormReturn, useForm } from 'react-hook-form';\nimport { useTranslation } from 'react-i18next';\n\nimport { useAuth } from '../../providers/AuthProvider';\nimport { authErrorMessage } from '../../providers/AuthProvider/utils';\nimport type { LoginFormValues } from '../../utils/schemas';\nimport { loginSchema } from '../../utils/schemas';\n\ntype Options = {\n  onSuccess?: () => void;\n};\n\nexport function useLoginForm({ onSuccess }: Options = {}): UseFormReturn<LoginFormValues> & {\n  onSubmit: (data: LoginFormValues) => Promise<void>;\n} {\n  const { handleLogin } = useAuth();\n  const { t } = useTranslation();\n\n  const form = useForm<LoginFormValues>({\n    mode: 'onChange',\n    resolver: yupResolver(loginSchema),\n  });\n\n  const { setError } = form;\n\n  // `disabled={isSubmitting}` only applies after a re-render; clicks landing in\n  // the same React batch would still fire duplicate requests\n  const inFlight = useRef(false);\n\n  const onSubmit = useCallback(\n    async (data: LoginFormValues) => {\n      if (inFlight.current) {\n        return;\n      }\n      inFlight.current = true;\n      try {\n        await handleLogin?.(data);\n        onSuccess?.();\n      } catch (err: any) {\n        // only a 401 means wrong credentials; a dead server, 500 or 429 must\n        // not claim the credentials were invalid\n        const message =\n          err?.code === 401\n            ? t('security.error.invalid-credentials')\n            : authErrorMessage(err, t('security.error.unable-to-login'));\n        setError('root', { type: 'server', message });\n      } finally {\n        inFlight.current = false;\n      }\n    },\n    [handleLogin, setError, onSuccess, t]\n  );\n\n  return {\n    ...form,\n    onSubmit,\n  };\n}\n"],"mappings":";;;;;;;;;AAcA,SAAgB,aAAa,EAAE,cAAuB,CAAC,GAErD;CACA,MAAM,EAAE,gBAAgB,QAAQ;CAChC,MAAM,EAAE,MAAM,eAAe;CAE7B,MAAM,OAAO,QAAyB;EACpC,MAAM;EACN,UAAU,YAAY,WAAW;CACnC,CAAC;CAED,MAAM,EAAE,aAAa;CAIrB,MAAM,WAAW,OAAO,KAAK;CAE7B,MAAM,WAAW,YACf,OAAO,SAA0B;EAC/B,IAAI,SAAS,SACX;EAEF,SAAS,UAAU;EACnB,IAAI;GACF,MAAM,cAAc,IAAI;GACxB,YAAY;EACd,SAAS,KAAU;GAGjB,MAAM,UACJ,KAAK,SAAS,MACV,EAAE,oCAAoC,IACtC,iBAAiB,KAAK,EAAE,gCAAgC,CAAC;GAC/D,SAAS,QAAQ;IAAE,MAAM;IAAU;GAAQ,CAAC;EAC9C,UAAU;GACR,SAAS,UAAU;EACrB;CACF,GACA;EAAC;EAAa;EAAU;EAAW;CAAC,CACtC;CAEA,OAAO;EACL,GAAG;EACH;CACF;AACF"}

package/build/components/NoItems/NoItems.js

@@ -2,10 +2,10 @@ const require_runtime = require("../../_virtual/_rolldown/runtime.js");
 let react = require("react");
 react = require_runtime.__toESM(react);
 let react_jsx_runtime = require("react/jsx-runtime");
-let _mui_material_Typography = require("@mui/material/Typography");
-_mui_material_Typography = require_runtime.__toESM(_mui_material_Typography);
 let _mui_material_Alert = require("@mui/material/Alert");
 _mui_material_Alert = require_runtime.__toESM(_mui_material_Alert);
+let _mui_material_Typography = require("@mui/material/Typography");
+_mui_material_Typography = require_runtime.__toESM(_mui_material_Typography);
 //#region src/components/NoItems/NoItems.tsx
 var NoItems = ({ text, ...props }) => /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_mui_material_Alert.default, {
 	severity: "info",

package/build/components/NoItems/NoItems.mjs

@@ -1,7 +1,7 @@
 import "react";
 import { jsx } from "react/jsx-runtime";
-import Typography from "@mui/material/Typography";
 import Alert from "@mui/material/Alert";
+import Typography from "@mui/material/Typography";
 //#region src/components/NoItems/NoItems.tsx
 var NoItems = ({ text, ...props }) => /* @__PURE__ */ jsx(Alert, {
 	severity: "info",

package/build/components/NotFound/NotFound.js

@@ -5,10 +5,10 @@ let _emotion_styled = require("@emotion/styled");
 _emotion_styled = require_runtime.__toESM(_emotion_styled);
 let react = require("react");
 react = require_runtime.__toESM(react);
+let react_i18next = require("react-i18next");
 let react_jsx_runtime = require("react/jsx-runtime");
 let _mui_material_Box = require("@mui/material/Box");
 _mui_material_Box = require_runtime.__toESM(_mui_material_Box);
-let react_i18next = require("react-i18next");
 let _mui_material_colors = require("@mui/material/colors");
 let react_router = require("react-router");
 let _mui_material_Button = require("@mui/material/Button");

package/build/components/NotFound/NotFound.mjs

@@ -2,9 +2,9 @@ import Heading from "../Heading/Heading.mjs";
 import "../Heading/index.mjs";
 import styled from "@emotion/styled";
 import { useCallback } from "react";
+import { useTranslation } from "react-i18next";
 import { jsx, jsxs } from "react/jsx-runtime";
 import Box from "@mui/material/Box";
-import { useTranslation } from "react-i18next";
 import { common } from "@mui/material/colors";
 import { useNavigate } from "react-router";
 import Button from "@mui/material/Button";

package/build/components/Package/Package.d.ts

@@ -17,7 +17,7 @@ export interface PackageInterface {
     keywords?: PackageMetaInterface['latest']['keywords'];
     license?: PackageMetaInterface['latest']['license'];
     homepage?: string;
-    bugs?: Bugs;
+    bugs?: Bugs | string;
     dist?: Dist;
     showDownload?: boolean;
 }