@verdaccio/ui-components 5.0.0-next-9.22 → 5.0.0-next-9.23

package/build/sections/Security/AddUser.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"AddUser.mjs","names":[],"sources":["../../../src/sections/Security/AddUser.tsx"],"sourcesContent":["import { yupResolver } from '@hookform/resolvers/yup';\nimport { Button, Link, Typography } from '@mui/material';\nimport React, { useCallback, useEffect, useRef } from 'react';\nimport { useForm } from 'react-hook-form';\nimport { useTranslation } from 'react-i18next';\nimport { Link as RouterLink, useLocation, useNavigate } from 'react-router';\n\nimport { useDataMutation } from '../../api/use-data-mutation';\nimport LoginDialogFormError from '../../components/LoginDialog/LoginDialogFormError';\nimport PasswordField from '../../components/LoginForm/PasswordField';\nimport UsernameField from '../../components/LoginForm/UsernameField';\nimport { getConfiguration } from '../../configuration';\nimport SecurityLayout from '../../layouts/Security/Dialog';\nimport { useAuth } from '../../providers/AuthProvider/AuthProvider';\nimport { authErrorMessage } from '../../providers/AuthProvider/utils';\nimport { saveAuth } from '../../store/storage';\nimport { stripTrailingSlash } from '../../store/utils';\nimport { Route } from '../../utils';\nimport { APIRoute } from '../../utils/routes';\nimport { generateSessionId } from '../../utils/session-id';\nimport type { AddUserFormValues } from '../../utils/schemas';\nimport { addUserSchema } from '../../utils/schemas';\nimport { MessageType } from './Success';\nimport { SecurityContainer, SecurityForm, SecurityTextField } from './styles';\nimport { getSecurityUrlParams } from './utils';\n\ntype AddUserBody = {\n  name: string;\n  password: string;\n  email?: string;\n  // the signup endpoint rejects requests without a 36-char session id\n  sessionId: string;\n};\n\nconst AddUser: React.FC = () => {\n  const { t } = useTranslation();\n  const location = useLocation();\n  const navigate = useNavigate();\n  const { setUserState } = useAuth();\n  const configuration = getConfiguration();\n  const basePath = stripTrailingSlash(configuration.base);\n  const { next, user } = getSecurityUrlParams(location);\n  const loginLink = Route.LOGIN + (next ? `?next=${encodeURIComponent(next)}` : '');\n  const createUserEnabled = configuration?.flags?.createUser;\n  const form = useForm<AddUserFormValues>({\n    mode: 'onChange',\n    defaultValues: {\n      username: typeof user === 'string' ? user : '',\n      password: '',\n      email: '',\n    },\n    resolver: yupResolver(addUserSchema),\n  });\n\n  const {\n    setError,\n    handleSubmit,\n    register,\n    formState: { isValid, isSubmitting, errors },\n  } = form;\n\n  const { trigger } = useDataMutation<{ token?: string; username?: string }>(\n    basePath,\n    APIRoute.SIGNUP,\n    'PUT'\n  );\n\n  const handleAddUser = useCallback(\n    async (body: AddUserBody) => {\n      return await trigger(body);\n    },\n    [trigger]\n  );\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: AddUserFormValues) => {\n      if (inFlight.current) {\n        return;\n      }\n      inFlight.current = true;\n      try {\n        const result = await handleAddUser({\n          name: data.username,\n          password: data.password,\n          email: data.email,\n          sessionId: generateSessionId(),\n        });\n        if (!result || !result.username || !result.token) {\n          // a 2xx with an unexpected body must not pass as a successful signup\n          throw new Error('signup response is missing the token');\n        }\n        saveAuth(result.username, result.token);\n        // AuthProvider reads storage only once, so the header needs the state update\n        setUserState?.({ username: result.username, token: result.token });\n        navigate(`${Route.SUCCESS}?messageType=${MessageType.AddUser}`);\n      } catch (err) {\n        setError('root', {\n          type: 'server',\n          message: authErrorMessage(err, t('security.error.unable-to-add-user')),\n        });\n      } finally {\n        inFlight.current = false;\n      }\n    },\n    [handleAddUser, setError, setUserState, navigate, t]\n  );\n\n  useEffect(() => {\n    if (!createUserEnabled) {\n      navigate('/');\n    }\n  }, [createUserEnabled, navigate]);\n\n  return createUserEnabled ? (\n    <SecurityLayout>\n      <SecurityContainer>\n        <SecurityForm onSubmit={handleSubmit(onSubmit)}>\n          <Typography align=\"center\" component=\"h1\" gutterBottom={true} variant=\"h4\">\n            {t('security.addUser.title')}\n          </Typography>\n          <UsernameField errors={errors} register={register} />\n          <PasswordField errors={errors} register={register} />\n\n          <SecurityTextField\n            error={!!errors.email}\n            // without this the submit button silently stays disabled on an\n            // invalid email, with no visible reason\n            helperText={errors.email?.message ? t(errors.email.message) : undefined}\n            label={t('security.addUser.email')}\n            type=\"email\"\n            {...register('email')}\n          />\n\n          <Typography color=\"text.secondary\" paragraph={true} sx={{ fontSize: 12 }} variant=\"body2\">\n            {t('security.addUser.emailDescription')}\n          </Typography>\n          {errors.root && <LoginDialogFormError error={errors.root} />}\n          <Button\n            color=\"primary\"\n            disabled={!isValid || isSubmitting}\n            fullWidth={true}\n            sx={{ mt: 2 }}\n            type=\"submit\"\n            variant=\"contained\"\n          >\n            {t('security.addUser.submit')}\n          </Button>\n          <Typography align=\"center\" sx={{ mt: 2, fontSize: 12 }} variant=\"body2\">\n            {t('security.addUser.alreadyUserQuestion')}\n            <Link component={RouterLink} sx={{ ml: 1 }} to={loginLink}>\n              {t('security.addUser.login')}\n            </Link>\n          </Typography>\n        </SecurityForm>\n      </SecurityContainer>\n    </SecurityLayout>\n  ) : null;\n};\n\nexport default AddUser;\n"],"mappings":"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"}
+{"version":3,"file":"AddUser.mjs","names":["Route","Link","RouterLink"],"sources":["../../../src/sections/Security/AddUser.tsx"],"sourcesContent":["import { yupResolver } from '@hookform/resolvers/yup';\nimport { Button, Link, Typography } from '@mui/material';\nimport React, { useCallback, useEffect, useRef } from 'react';\nimport { useForm } from 'react-hook-form';\nimport { useTranslation } from 'react-i18next';\nimport { Link as RouterLink, useLocation, useNavigate } from 'react-router';\n\nimport { useDataMutation } from '../../api/use-data-mutation';\nimport LoginDialogFormError from '../../components/LoginDialog/LoginDialogFormError';\nimport PasswordField from '../../components/LoginForm/PasswordField';\nimport UsernameField from '../../components/LoginForm/UsernameField';\nimport { getConfiguration } from '../../configuration';\nimport SecurityLayout from '../../layouts/Security/Dialog';\nimport { useAuth } from '../../providers/AuthProvider/AuthProvider';\nimport { authErrorMessage } from '../../providers/AuthProvider/utils';\nimport { saveAuth } from '../../store/storage';\nimport { stripTrailingSlash } from '../../store/utils';\nimport { Route } from '../../utils';\nimport { APIRoute } from '../../utils/routes';\nimport { generateSessionId } from '../../utils/session-id';\nimport type { AddUserFormValues } from '../../utils/schemas';\nimport { addUserSchema } from '../../utils/schemas';\nimport { MessageType } from './Success';\nimport { SecurityContainer, SecurityForm, SecurityTextField } from './styles';\nimport { getSecurityUrlParams } from './utils';\n\ntype AddUserBody = {\n  name: string;\n  password: string;\n  email?: string;\n  // the signup endpoint rejects requests without a 36-char session id\n  sessionId: string;\n};\n\nconst AddUser: React.FC = () => {\n  const { t } = useTranslation();\n  const location = useLocation();\n  const navigate = useNavigate();\n  const { setUserState } = useAuth();\n  const configuration = getConfiguration();\n  const basePath = stripTrailingSlash(configuration.base);\n  const { next, user } = getSecurityUrlParams(location);\n  const loginLink = Route.LOGIN + (next ? `?next=${encodeURIComponent(next)}` : '');\n  const createUserEnabled = configuration?.flags?.createUser;\n  const form = useForm<AddUserFormValues>({\n    mode: 'onChange',\n    defaultValues: {\n      username: typeof user === 'string' ? user : '',\n      password: '',\n      email: '',\n    },\n    resolver: yupResolver(addUserSchema),\n  });\n\n  const {\n    setError,\n    handleSubmit,\n    register,\n    formState: { isValid, isSubmitting, errors },\n  } = form;\n\n  const { trigger } = useDataMutation<{ token?: string; username?: string }>(\n    basePath,\n    APIRoute.SIGNUP,\n    'PUT'\n  );\n\n  const handleAddUser = useCallback(\n    async (body: AddUserBody) => {\n      return await trigger(body);\n    },\n    [trigger]\n  );\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: AddUserFormValues) => {\n      if (inFlight.current) {\n        return;\n      }\n      inFlight.current = true;\n      try {\n        const result = await handleAddUser({\n          name: data.username,\n          password: data.password,\n          email: data.email,\n          sessionId: generateSessionId(),\n        });\n        if (!result || !result.username || !result.token) {\n          // a 2xx with an unexpected body must not pass as a successful signup\n          throw new Error('signup response is missing the token');\n        }\n        saveAuth(result.username, result.token);\n        // AuthProvider reads storage only once, so the header needs the state update\n        setUserState?.({ username: result.username, token: result.token });\n        navigate(`${Route.SUCCESS}?messageType=${MessageType.AddUser}`);\n      } catch (err) {\n        setError('root', {\n          type: 'server',\n          message: authErrorMessage(err, t('security.error.unable-to-add-user')),\n        });\n      } finally {\n        inFlight.current = false;\n      }\n    },\n    [handleAddUser, setError, setUserState, navigate, t]\n  );\n\n  useEffect(() => {\n    if (!createUserEnabled) {\n      navigate('/');\n    }\n  }, [createUserEnabled, navigate]);\n\n  return createUserEnabled ? (\n    <SecurityLayout>\n      <SecurityContainer>\n        <SecurityForm onSubmit={handleSubmit(onSubmit)}>\n          <Typography align=\"center\" component=\"h1\" gutterBottom={true} variant=\"h4\">\n            {t('security.addUser.title')}\n          </Typography>\n          <UsernameField errors={errors} register={register} />\n          <PasswordField errors={errors} register={register} />\n\n          <SecurityTextField\n            error={!!errors.email}\n            // without this the submit button silently stays disabled on an\n            // invalid email, with no visible reason\n            helperText={errors.email?.message ? t(errors.email.message) : undefined}\n            label={t('security.addUser.email')}\n            type=\"email\"\n            {...register('email')}\n          />\n\n          <Typography color=\"text.secondary\" paragraph={true} sx={{ fontSize: 12 }} variant=\"body2\">\n            {t('security.addUser.emailDescription')}\n          </Typography>\n          {errors.root && <LoginDialogFormError error={errors.root} />}\n          <Button\n            color=\"primary\"\n            disabled={!isValid || isSubmitting}\n            fullWidth={true}\n            sx={{ mt: 2 }}\n            type=\"submit\"\n            variant=\"contained\"\n          >\n            {t('security.addUser.submit')}\n          </Button>\n          <Typography align=\"center\" sx={{ mt: 2, fontSize: 12 }} variant=\"body2\">\n            {t('security.addUser.alreadyUserQuestion')}\n            <Link component={RouterLink} sx={{ ml: 1 }} to={loginLink}>\n              {t('security.addUser.login')}\n            </Link>\n          </Typography>\n        </SecurityForm>\n      </SecurityContainer>\n    </SecurityLayout>\n  ) : null;\n};\n\nexport default AddUser;\n"],"mappings":"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"}

package/build/sections/Security/ChangePassword.js

@@ -1,12 +1,17 @@
 const require_runtime = require("../../_virtual/_rolldown/runtime.js");
 const require_routes = require("../../utils/routes.js");
 require("../../utils/index.js");
+const require_storage = require("../../store/storage.js");
+const require_api = require("../../store/api.js");
 const require_configuration = require("../../configuration.js");
 const require_utils = require("../../store/utils.js");
 const require_use_data_mutation = require("../../api/use-data-mutation.js");
 const require_utils$1 = require("../../providers/AuthProvider/utils.js");
+const require_AuthProvider = require("../../providers/AuthProvider/AuthProvider.js");
+require("../../providers/AuthProvider/index.js");
 const require_LoginDialogFormError = require("../../components/LoginDialog/LoginDialogFormError.js");
 const require_schemas = require("../../utils/schemas.js");
+const require_LoginDialog = require("../../components/LoginDialog/LoginDialog.js");
 const require_Dialog = require("../../layouts/Security/Dialog.js");
 const require_styles = require("./styles.js");
 const require_Success = require("./Success.js");
@@ -22,13 +27,27 @@ let react_hook_form = require("react-hook-form");
 var ChangePassword = () => {
 	const { t } = (0, react_i18next.useTranslation)();
 	const navigate = (0, react_router.useNavigate)();
-	const configuration = require_configuration.getConfiguration();
-	const basePath = require_utils.stripTrailingSlash(configuration.base);
-	const changePasswordEnabled = configuration?.flags?.changePassword;
+	const changePasswordEnabled = require_configuration.getConfiguration()?.flags?.changePassword;
+	const { userState } = require_AuthProvider.useAuth();
+	(0, react.useEffect)(() => {
+		if (!changePasswordEnabled) navigate("/");
+	}, [changePasswordEnabled, navigate]);
+	if (!changePasswordEnabled) return null;
+	if (!userState?.token) return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_LoginDialog.default, {
+		message: t("security.changePassword.loginRequired"),
+		onClose: () => navigate(require_routes.Route.ROOT),
+		open: true
+	});
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(ChangePasswordForm, {});
+};
+var ChangePasswordForm = () => {
+	const { t } = (0, react_i18next.useTranslation)();
+	const navigate = (0, react_router.useNavigate)();
+	const { setUserState } = require_AuthProvider.useAuth();
+	const basePath = require_utils.stripTrailingSlash(require_configuration.getConfiguration().base);
 	const { setError, handleSubmit, register, formState: { isValid, isSubmitting, errors } } = (0, react_hook_form.useForm)({
 		mode: "onChange",
 		defaultValues: {
-			username: "",
 			oldPassword: "",
 			newPassword: "",
 			confirmPassword: ""
@@ -50,6 +69,21 @@ var ChangePassword = () => {
 			} });
 			navigate(`${require_routes.Route.SUCCESS}?messageType=${require_Success.MessageType.ChangePassword}`);
 		} catch (err) {
+			if (err instanceof require_api.CustomError && err.code === 401) {
+				require_storage.clearAuth();
+				setUserState?.({
+					username: null,
+					token: null
+				});
+				return;
+			}
+			if (err instanceof require_api.CustomError && err.code === 400 && err.message === "invalid old password") {
+				setError("oldPassword", {
+					type: "server",
+					message: "security.changePassword.invalidOldPassword"
+				}, { shouldFocus: true });
+				return;
+			}
 			setError("root", {
 				type: "server",
 				message: require_utils$1.authErrorMessage(err, t("security.error.unable-to-change-password"))
@@ -60,13 +94,11 @@ var ChangePassword = () => {
 	}, [
 		handleChangePassword,
 		setError,
+		setUserState,
 		navigate,
 		t
 	]);
-	(0, react.useEffect)(() => {
-		if (!changePasswordEnabled) navigate("/");
-	}, [changePasswordEnabled, navigate]);
-	return changePasswordEnabled ? /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_Dialog.default, { children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_styles.SecurityContainer, { children: /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(require_styles.SecurityForm, {
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_Dialog.default, { children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_styles.SecurityContainer, { children: /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(require_styles.SecurityForm, {
 		onSubmit: handleSubmit(onSubmit),
 		children: [
 			/* @__PURE__ */ (0, react_jsx_runtime.jsx)(_mui_material.Typography, {
@@ -76,13 +108,6 @@ var ChangePassword = () => {
 				variant: "h4",
 				children: t("security.changePassword.title")
 			}),
-			/* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_styles.SecurityTextField, {
-				error: !!errors.username,
-				helperText: errors.username?.message ? t(errors.username.message, { length: 2 }) : void 0,
-				label: t("security.changePassword.username"),
-				...register("username"),
-				required: true
-			}),
 			/* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_styles.SecurityTextField, {
 				error: !!errors.oldPassword,
 				helperText: errors.oldPassword?.message ? t(errors.oldPassword.message, { length: 2 }) : void 0,
@@ -118,7 +143,7 @@ var ChangePassword = () => {
 				children: t("security.changePassword.submit")
 			})
 		]
-	}) }) }) : null;
+	}) }) });
 };
 //#endregion
 exports.default = ChangePassword;

package/build/sections/Security/ChangePassword.js.map

@@ -1 +1 @@
-{"version":3,"file":"ChangePassword.js","names":[],"sources":["../../../src/sections/Security/ChangePassword.tsx"],"sourcesContent":["import { yupResolver } from '@hookform/resolvers/yup';\nimport { Button, Typography } from '@mui/material';\nimport React, { useCallback, useEffect, useRef } from 'react';\nimport { useForm } from 'react-hook-form';\nimport { useTranslation } from 'react-i18next';\nimport { useNavigate } from 'react-router';\n\nimport { useDataMutation } from '../../api/use-data-mutation';\nimport LoginDialogFormError from '../../components/LoginDialog/LoginDialogFormError';\nimport { getConfiguration } from '../../configuration';\nimport SecurityLayout from '../../layouts/Security/Dialog';\nimport { authErrorMessage } from '../../providers/AuthProvider/utils';\nimport { stripTrailingSlash } from '../../store/utils';\nimport { Route } from '../../utils';\nimport { APIRoute } from '../../utils/routes';\nimport type { ChangePasswordFormValues } from '../../utils/schemas';\nimport {\n  PASSWORD_MIN_LENGTH,\n  USERNAME_MIN_LENGTH,\n  changePasswordSchema,\n} from '../../utils/schemas';\nimport { MessageType } from './Success';\nimport { SecurityContainer, SecurityForm, SecurityTextField } from './styles';\n\nconst ChangePassword: React.FC = () => {\n  const { t } = useTranslation();\n  const navigate = useNavigate();\n  const configuration = getConfiguration();\n  const basePath = stripTrailingSlash(configuration.base);\n  const changePasswordEnabled = configuration?.flags?.changePassword;\n\n  const form = useForm<ChangePasswordFormValues>({\n    mode: 'onChange',\n    defaultValues: {\n      username: '',\n      oldPassword: '',\n      newPassword: '',\n      confirmPassword: '',\n    },\n    resolver: yupResolver(changePasswordSchema),\n  });\n\n  const {\n    setError,\n    handleSubmit,\n    register,\n    formState: { isValid, isSubmitting, errors },\n  } = form;\n\n  const { trigger } = useDataMutation<{ ok: string }>(basePath, APIRoute.RESET_PASSWORD, 'PUT');\n\n  const handleChangePassword = useCallback(\n    async (body: { password: { old: string; new: string } }) => {\n      await trigger(body);\n    },\n    [trigger]\n  );\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: ChangePasswordFormValues) => {\n      if (inFlight.current) {\n        return;\n      }\n      inFlight.current = true;\n      try {\n        await handleChangePassword({\n          password: {\n            old: data.oldPassword,\n            new: data.newPassword,\n          },\n        });\n        navigate(`${Route.SUCCESS}?messageType=${MessageType.ChangePassword}`);\n      } catch (err) {\n        setError('root', {\n          type: 'server',\n          message: authErrorMessage(err, t('security.error.unable-to-change-password')),\n        });\n      } finally {\n        inFlight.current = false;\n      }\n    },\n    [handleChangePassword, setError, navigate, t]\n  );\n\n  useEffect(() => {\n    if (!changePasswordEnabled) {\n      navigate('/');\n    }\n  }, [changePasswordEnabled, navigate]);\n\n  return changePasswordEnabled ? (\n    <SecurityLayout>\n      <SecurityContainer>\n        <SecurityForm onSubmit={handleSubmit(onSubmit)}>\n          <Typography align=\"center\" component=\"h1\" gutterBottom={true} variant=\"h4\">\n            {t('security.changePassword.title')}\n          </Typography>\n          <SecurityTextField\n            error={!!errors.username}\n            helperText={\n              errors.username?.message\n                ? t(errors.username.message, { length: USERNAME_MIN_LENGTH })\n                : undefined\n            }\n            label={t('security.changePassword.username')}\n            {...register('username')}\n            required={true}\n          />\n          <SecurityTextField\n            error={!!errors.oldPassword}\n            helperText={\n              errors.oldPassword?.message\n                ? t(errors.oldPassword.message, { length: PASSWORD_MIN_LENGTH })\n                : undefined\n            }\n            label={t('security.changePassword.oldPassword')}\n            {...register('oldPassword')}\n            required={true}\n            type=\"password\"\n          />\n          <SecurityTextField\n            error={!!errors.newPassword}\n            helperText={\n              errors.newPassword?.message\n                ? t(errors.newPassword.message, { length: PASSWORD_MIN_LENGTH })\n                : undefined\n            }\n            label={t('security.changePassword.newPassword')}\n            {...register('newPassword')}\n            required={true}\n            type=\"password\"\n          />\n          <SecurityTextField\n            error={!!errors.confirmPassword}\n            helperText={\n              errors.confirmPassword?.message ? t(errors.confirmPassword.message) : undefined\n            }\n            label={t('security.changePassword.confirmPassword')}\n            {...register('confirmPassword')}\n            required={true}\n            type=\"password\"\n          />\n          {errors.root && <LoginDialogFormError error={errors.root} />}\n          <Button\n            color=\"primary\"\n            disabled={!isValid || isSubmitting}\n            fullWidth={true}\n            sx={{ mt: 2 }}\n            type=\"submit\"\n            variant=\"contained\"\n          >\n            {t('security.changePassword.submit')}\n          </Button>\n        </SecurityForm>\n      </SecurityContainer>\n    </SecurityLayout>\n  ) : null;\n};\n\nexport default ChangePassword;\n"],"mappings":"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"}
+{"version":3,"file":"ChangePassword.js","names":["useTranslation","useNavigate","getConfiguration","useAuth","LoginDialog","Route","stripTrailingSlash","useForm","yupResolver","changePasswordSchema","useDataMutation","APIRoute","useCallback","useRef","MessageType","CustomError","authErrorMessage","SecurityLayout","SecurityContainer","SecurityForm","Typography","SecurityTextField","LoginDialogFormError","Button"],"sources":["../../../src/sections/Security/ChangePassword.tsx"],"sourcesContent":["import { yupResolver } from '@hookform/resolvers/yup';\nimport { Button, Typography } from '@mui/material';\nimport React, { useCallback, useEffect, useRef } from 'react';\nimport { useForm } from 'react-hook-form';\nimport { useTranslation } from 'react-i18next';\nimport { useNavigate } from 'react-router';\n\nimport { useDataMutation } from '../../api/use-data-mutation';\nimport LoginDialog from '../../components/LoginDialog/LoginDialog';\nimport LoginDialogFormError from '../../components/LoginDialog/LoginDialogFormError';\nimport { getConfiguration } from '../../configuration';\nimport SecurityLayout from '../../layouts/Security/Dialog';\nimport { useAuth } from '../../providers/AuthProvider';\nimport { authErrorMessage } from '../../providers/AuthProvider/utils';\nimport { CustomError } from '../../store/api';\nimport { clearAuth } from '../../store/storage';\nimport { stripTrailingSlash } from '../../store/utils';\nimport { Route } from '../../utils';\nimport { APIRoute } from '../../utils/routes';\nimport type { ChangePasswordFormValues } from '../../utils/schemas';\nimport { PASSWORD_MIN_LENGTH, changePasswordSchema } from '../../utils/schemas';\nimport { MessageType } from './Success';\nimport { SecurityContainer, SecurityForm, SecurityTextField } from './styles';\n\nconst ChangePassword: React.FC = () => {\n  const { t } = useTranslation();\n  const navigate = useNavigate();\n  const configuration = getConfiguration();\n  const changePasswordEnabled = configuration?.flags?.changePassword;\n\n  const { userState } = useAuth();\n\n  useEffect(() => {\n    if (!changePasswordEnabled) {\n      navigate('/');\n    }\n  }, [changePasswordEnabled, navigate]);\n\n  if (!changePasswordEnabled) {\n    return null;\n  }\n\n  if (!userState?.token) {\n    return (\n      <LoginDialog\n        message={t('security.changePassword.loginRequired')}\n        onClose={() => navigate(Route.ROOT)}\n        open={true}\n      />\n    );\n  }\n\n  return <ChangePasswordForm />;\n};\n\nconst ChangePasswordForm: React.FC = () => {\n  const { t } = useTranslation();\n  const navigate = useNavigate();\n  const { setUserState } = useAuth();\n  const basePath = stripTrailingSlash(getConfiguration().base);\n  const form = useForm<ChangePasswordFormValues>({\n    mode: 'onChange',\n    defaultValues: {\n      oldPassword: '',\n      newPassword: '',\n      confirmPassword: '',\n    },\n    resolver: yupResolver(changePasswordSchema),\n  });\n\n  const {\n    setError,\n    handleSubmit,\n    register,\n    formState: { isValid, isSubmitting, errors },\n  } = form;\n\n  const { trigger } = useDataMutation<{ ok: string }>(basePath, APIRoute.RESET_PASSWORD, 'PUT');\n\n  const handleChangePassword = useCallback(\n    async (body: { password: { old: string; new: string } }) => {\n      await trigger(body);\n    },\n    [trigger]\n  );\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: ChangePasswordFormValues) => {\n      if (inFlight.current) {\n        return;\n      }\n      inFlight.current = true;\n      try {\n        await handleChangePassword({\n          password: {\n            old: data.oldPassword,\n            new: data.newPassword,\n          },\n        });\n        navigate(`${Route.SUCCESS}?messageType=${MessageType.ChangePassword}`);\n      } catch (err) {\n        if (err instanceof CustomError && err.code === 401) {\n          clearAuth();\n          setUserState?.({ username: null, token: null });\n          return;\n        }\n        if (\n          err instanceof CustomError &&\n          err.code === 400 &&\n          err.message === 'invalid old password'\n        ) {\n          setError(\n            'oldPassword',\n            {\n              type: 'server',\n              message: 'security.changePassword.invalidOldPassword',\n            },\n            { shouldFocus: true }\n          );\n          return;\n        }\n        setError('root', {\n          type: 'server',\n          message: authErrorMessage(err, t('security.error.unable-to-change-password')),\n        });\n      } finally {\n        inFlight.current = false;\n      }\n    },\n    [handleChangePassword, setError, setUserState, navigate, t]\n  );\n\n  return (\n    <SecurityLayout>\n      <SecurityContainer>\n        <SecurityForm onSubmit={handleSubmit(onSubmit)}>\n          <Typography align=\"center\" component=\"h1\" gutterBottom={true} variant=\"h4\">\n            {t('security.changePassword.title')}\n          </Typography>\n          <SecurityTextField\n            error={!!errors.oldPassword}\n            helperText={\n              errors.oldPassword?.message\n                ? t(errors.oldPassword.message, { length: PASSWORD_MIN_LENGTH })\n                : undefined\n            }\n            label={t('security.changePassword.oldPassword')}\n            {...register('oldPassword')}\n            required={true}\n            type=\"password\"\n          />\n          <SecurityTextField\n            error={!!errors.newPassword}\n            helperText={\n              errors.newPassword?.message\n                ? t(errors.newPassword.message, { length: PASSWORD_MIN_LENGTH })\n                : undefined\n            }\n            label={t('security.changePassword.newPassword')}\n            {...register('newPassword')}\n            required={true}\n            type=\"password\"\n          />\n          <SecurityTextField\n            error={!!errors.confirmPassword}\n            helperText={\n              errors.confirmPassword?.message ? t(errors.confirmPassword.message) : undefined\n            }\n            label={t('security.changePassword.confirmPassword')}\n            {...register('confirmPassword')}\n            required={true}\n            type=\"password\"\n          />\n          {errors.root && <LoginDialogFormError error={errors.root} />}\n          <Button\n            color=\"primary\"\n            disabled={!isValid || isSubmitting}\n            fullWidth={true}\n            sx={{ mt: 2 }}\n            type=\"submit\"\n            variant=\"contained\"\n          >\n            {t('security.changePassword.submit')}\n          </Button>\n        </SecurityForm>\n      </SecurityContainer>\n    </SecurityLayout>\n  );\n};\n\nexport default ChangePassword;\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;AAwBA,IAAM,uBAAiC;CACrC,MAAM,EAAE,OAAA,GAAMA,cAAAA,eAAAA,CAAe;CAC7B,MAAM,YAAA,GAAWC,aAAAA,YAAAA,CAAY;CAE7B,MAAM,wBADgBC,sBAAAA,iBACQ,CAAA,EAAe,OAAO;CAEpD,MAAM,EAAE,cAAcC,qBAAAA,QAAQ;CAE9B,CAAA,GAAA,MAAA,UAAA,OAAgB;EACd,IAAI,CAAC,uBACH,SAAS,GAAG;CAEhB,GAAG,CAAC,uBAAuB,QAAQ,CAAC;CAEpC,IAAI,CAAC,uBACH,OAAO;CAGT,IAAI,CAAC,WAAW,OACd,OACE,iBAAA,GAAA,kBAAA,IAAA,CAACC,oBAAAA,SAAD;EACE,SAAS,EAAE,uCAAuC;EAClD,eAAe,SAASC,eAAAA,MAAM,IAAI;EAClC,MAAM;CACP,CAAA;CAIL,OAAO,iBAAA,GAAA,kBAAA,IAAA,CAAC,oBAAD,CAAqB,CAAA;AAC9B;AAEA,IAAM,2BAAqC;CACzC,MAAM,EAAE,OAAA,GAAML,cAAAA,eAAAA,CAAe;CAC7B,MAAM,YAAA,GAAWC,aAAAA,YAAAA,CAAY;CAC7B,MAAM,EAAE,iBAAiBE,qBAAAA,QAAQ;CACjC,MAAM,WAAWG,cAAAA,mBAAmBJ,sBAAAA,iBAAiB,CAAC,CAAC,IAAI;CAW3D,MAAM,EACJ,UACA,cACA,UACA,WAAW,EAAE,SAAS,cAAc,cAAA,GAdzBK,gBAAAA,QAAAA,CAAkC;EAC7C,MAAM;EACN,eAAe;GACb,aAAa;GACb,aAAa;GACb,iBAAiB;EACnB;EACA,WAAA,GAAUC,wBAAAA,YAAAA,CAAYC,gBAAAA,oBAAoB;CAC5C,CAOI;CAEJ,MAAM,EAAE,YAAYC,0BAAAA,gBAAgC,UAAUC,eAAAA,SAAS,gBAAgB,KAAK;CAE5F,MAAM,wBAAA,GAAuBC,MAAAA,YAAAA,CAC3B,OAAO,SAAqD;EAC1D,MAAM,QAAQ,IAAI;CACpB,GACA,CAAC,OAAO,CACV;CAIA,MAAM,YAAA,GAAWC,MAAAA,OAAAA,CAAO,KAAK;CAE7B,MAAM,YAAA,GAAWD,MAAAA,YAAAA,CACf,OAAO,SAAmC;EACxC,IAAI,SAAS,SACX;EAEF,SAAS,UAAU;EACnB,IAAI;GACF,MAAM,qBAAqB,EACzB,UAAU;IACR,KAAK,KAAK;IACV,KAAK,KAAK;GACZ,EACF,CAAC;GACD,SAAS,GAAGP,eAAAA,MAAM,QAAQ,eAAeS,gBAAAA,YAAY,gBAAgB;EACvE,SAAS,KAAK;GACZ,IAAI,eAAeC,YAAAA,eAAe,IAAI,SAAS,KAAK;IAClD,gBAAA,UAAU;IACV,eAAe;KAAE,UAAU;KAAM,OAAO;IAAK,CAAC;IAC9C;GACF;GACA,IACE,eAAeA,YAAAA,eACf,IAAI,SAAS,OACb,IAAI,YAAY,wBAChB;IACA,SACE,eACA;KACE,MAAM;KACN,SAAS;IACX,GACA,EAAE,aAAa,KAAK,CACtB;IACA;GACF;GACA,SAAS,QAAQ;IACf,MAAM;IACN,SAASC,gBAAAA,iBAAiB,KAAK,EAAE,0CAA0C,CAAC;GAC9E,CAAC;EACH,UAAU;GACR,SAAS,UAAU;EACrB;CACF,GACA;EAAC;EAAsB;EAAU;EAAc;EAAU;CAAC,CAC5D;CAEA,OACE,iBAAA,GAAA,kBAAA,IAAA,CAACC,eAAAA,SAAD,EAAA,UACE,iBAAA,GAAA,kBAAA,IAAA,CAACC,eAAAA,mBAAD,EAAA,UACE,iBAAA,GAAA,kBAAA,KAAA,CAACC,eAAAA,cAAD;EAAc,UAAU,aAAa,QAAQ;EAA7C,UAAA;GACE,iBAAA,GAAA,kBAAA,IAAA,CAACC,cAAAA,YAAD;IAAY,OAAM;IAAS,WAAU;IAAK,cAAc;IAAM,SAAQ;IACnE,UAAA,EAAE,+BAA+B;GACxB,CAAA;GACZ,iBAAA,GAAA,kBAAA,IAAA,CAACC,eAAAA,mBAAD;IACE,OAAO,CAAC,CAAC,OAAO;IAChB,YACE,OAAO,aAAa,UAChB,EAAE,OAAO,YAAY,SAAS,EAAE,QAAA,EAA4B,CAAC,IAC7D,KAAA;IAEN,OAAO,EAAE,qCAAqC;IAC9C,GAAI,SAAS,aAAa;IAC1B,UAAU;IACV,MAAK;GACN,CAAA;GACD,iBAAA,GAAA,kBAAA,IAAA,CAACA,eAAAA,mBAAD;IACE,OAAO,CAAC,CAAC,OAAO;IAChB,YACE,OAAO,aAAa,UAChB,EAAE,OAAO,YAAY,SAAS,EAAE,QAAA,EAA4B,CAAC,IAC7D,KAAA;IAEN,OAAO,EAAE,qCAAqC;IAC9C,GAAI,SAAS,aAAa;IAC1B,UAAU;IACV,MAAK;GACN,CAAA;GACD,iBAAA,GAAA,kBAAA,IAAA,CAACA,eAAAA,mBAAD;IACE,OAAO,CAAC,CAAC,OAAO;IAChB,YACE,OAAO,iBAAiB,UAAU,EAAE,OAAO,gBAAgB,OAAO,IAAI,KAAA;IAExE,OAAO,EAAE,yCAAyC;IAClD,GAAI,SAAS,iBAAiB;IAC9B,UAAU;IACV,MAAK;GACN,CAAA;GACA,OAAO,QAAQ,iBAAA,GAAA,kBAAA,IAAA,CAACC,6BAAAA,SAAD,EAAsB,OAAO,OAAO,KAAO,CAAA;GAC3D,iBAAA,GAAA,kBAAA,IAAA,CAACC,cAAAA,QAAD;IACE,OAAM;IACN,UAAU,CAAC,WAAW;IACtB,WAAW;IACX,IAAI,EAAE,IAAI,EAAE;IACZ,MAAK;IACL,SAAQ;IAEP,UAAA,EAAE,gCAAgC;GAC7B,CAAA;EACI;CACG,CAAA,EAAA,CAAA,EACL,CAAA;AAEpB"}

package/build/sections/Security/ChangePassword.mjs

@@ -1,11 +1,16 @@
 import { APIRoute, Route as Route$1 } from "../../utils/routes.mjs";
 import "../../utils/index.mjs";
+import { clearAuth } from "../../store/storage.mjs";
+import { CustomError } from "../../store/api.mjs";
 import { getConfiguration } from "../../configuration.mjs";
 import { stripTrailingSlash } from "../../store/utils.mjs";
 import { useDataMutation } from "../../api/use-data-mutation.mjs";
 import { authErrorMessage } from "../../providers/AuthProvider/utils.mjs";
+import { useAuth } from "../../providers/AuthProvider/AuthProvider.mjs";
+import "../../providers/AuthProvider/index.mjs";
 import LoginDialogFormError from "../../components/LoginDialog/LoginDialogFormError.mjs";
 import { changePasswordSchema } from "../../utils/schemas.mjs";
+import LoginDialog from "../../components/LoginDialog/LoginDialog.mjs";
 import SecurityLayout from "../../layouts/Security/Dialog.mjs";
 import { SecurityContainer, SecurityForm, SecurityTextField } from "./styles.mjs";
 import { MessageType } from "./Success.mjs";
@@ -20,13 +25,27 @@ import { useForm } from "react-hook-form";
 var ChangePassword = () => {
 	const { t } = useTranslation();
 	const navigate = useNavigate();
-	const configuration = getConfiguration();
-	const basePath = stripTrailingSlash(configuration.base);
-	const changePasswordEnabled = configuration?.flags?.changePassword;
+	const changePasswordEnabled = getConfiguration()?.flags?.changePassword;
+	const { userState } = useAuth();
+	useEffect(() => {
+		if (!changePasswordEnabled) navigate("/");
+	}, [changePasswordEnabled, navigate]);
+	if (!changePasswordEnabled) return null;
+	if (!userState?.token) return /* @__PURE__ */ jsx(LoginDialog, {
+		message: t("security.changePassword.loginRequired"),
+		onClose: () => navigate(Route$1.ROOT),
+		open: true
+	});
+	return /* @__PURE__ */ jsx(ChangePasswordForm, {});
+};
+var ChangePasswordForm = () => {
+	const { t } = useTranslation();
+	const navigate = useNavigate();
+	const { setUserState } = useAuth();
+	const basePath = stripTrailingSlash(getConfiguration().base);
 	const { setError, handleSubmit, register, formState: { isValid, isSubmitting, errors } } = useForm({
 		mode: "onChange",
 		defaultValues: {
-			username: "",
 			oldPassword: "",
 			newPassword: "",
 			confirmPassword: ""
@@ -48,6 +67,21 @@ var ChangePassword = () => {
 			} });
 			navigate(`${Route$1.SUCCESS}?messageType=${MessageType.ChangePassword}`);
 		} catch (err) {
+			if (err instanceof CustomError && err.code === 401) {
+				clearAuth();
+				setUserState?.({
+					username: null,
+					token: null
+				});
+				return;
+			}
+			if (err instanceof CustomError && err.code === 400 && err.message === "invalid old password") {
+				setError("oldPassword", {
+					type: "server",
+					message: "security.changePassword.invalidOldPassword"
+				}, { shouldFocus: true });
+				return;
+			}
 			setError("root", {
 				type: "server",
 				message: authErrorMessage(err, t("security.error.unable-to-change-password"))
@@ -58,13 +92,11 @@ var ChangePassword = () => {
 	}, [
 		handleChangePassword,
 		setError,
+		setUserState,
 		navigate,
 		t
 	]);
-	useEffect(() => {
-		if (!changePasswordEnabled) navigate("/");
-	}, [changePasswordEnabled, navigate]);
-	return changePasswordEnabled ? /* @__PURE__ */ jsx(SecurityLayout, { children: /* @__PURE__ */ jsx(SecurityContainer, { children: /* @__PURE__ */ jsxs(SecurityForm, {
+	return /* @__PURE__ */ jsx(SecurityLayout, { children: /* @__PURE__ */ jsx(SecurityContainer, { children: /* @__PURE__ */ jsxs(SecurityForm, {
 		onSubmit: handleSubmit(onSubmit),
 		children: [
 			/* @__PURE__ */ jsx(Typography, {
@@ -74,13 +106,6 @@ var ChangePassword = () => {
 				variant: "h4",
 				children: t("security.changePassword.title")
 			}),
-			/* @__PURE__ */ jsx(SecurityTextField, {
-				error: !!errors.username,
-				helperText: errors.username?.message ? t(errors.username.message, { length: 2 }) : void 0,
-				label: t("security.changePassword.username"),
-				...register("username"),
-				required: true
-			}),
 			/* @__PURE__ */ jsx(SecurityTextField, {
 				error: !!errors.oldPassword,
 				helperText: errors.oldPassword?.message ? t(errors.oldPassword.message, { length: 2 }) : void 0,
@@ -116,7 +141,7 @@ var ChangePassword = () => {
 				children: t("security.changePassword.submit")
 			})
 		]
-	}) }) }) : null;
+	}) }) });
 };
 //#endregion
 export { ChangePassword as default };

package/build/sections/Security/ChangePassword.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"ChangePassword.mjs","names":[],"sources":["../../../src/sections/Security/ChangePassword.tsx"],"sourcesContent":["import { yupResolver } from '@hookform/resolvers/yup';\nimport { Button, Typography } from '@mui/material';\nimport React, { useCallback, useEffect, useRef } from 'react';\nimport { useForm } from 'react-hook-form';\nimport { useTranslation } from 'react-i18next';\nimport { useNavigate } from 'react-router';\n\nimport { useDataMutation } from '../../api/use-data-mutation';\nimport LoginDialogFormError from '../../components/LoginDialog/LoginDialogFormError';\nimport { getConfiguration } from '../../configuration';\nimport SecurityLayout from '../../layouts/Security/Dialog';\nimport { authErrorMessage } from '../../providers/AuthProvider/utils';\nimport { stripTrailingSlash } from '../../store/utils';\nimport { Route } from '../../utils';\nimport { APIRoute } from '../../utils/routes';\nimport type { ChangePasswordFormValues } from '../../utils/schemas';\nimport {\n  PASSWORD_MIN_LENGTH,\n  USERNAME_MIN_LENGTH,\n  changePasswordSchema,\n} from '../../utils/schemas';\nimport { MessageType } from './Success';\nimport { SecurityContainer, SecurityForm, SecurityTextField } from './styles';\n\nconst ChangePassword: React.FC = () => {\n  const { t } = useTranslation();\n  const navigate = useNavigate();\n  const configuration = getConfiguration();\n  const basePath = stripTrailingSlash(configuration.base);\n  const changePasswordEnabled = configuration?.flags?.changePassword;\n\n  const form = useForm<ChangePasswordFormValues>({\n    mode: 'onChange',\n    defaultValues: {\n      username: '',\n      oldPassword: '',\n      newPassword: '',\n      confirmPassword: '',\n    },\n    resolver: yupResolver(changePasswordSchema),\n  });\n\n  const {\n    setError,\n    handleSubmit,\n    register,\n    formState: { isValid, isSubmitting, errors },\n  } = form;\n\n  const { trigger } = useDataMutation<{ ok: string }>(basePath, APIRoute.RESET_PASSWORD, 'PUT');\n\n  const handleChangePassword = useCallback(\n    async (body: { password: { old: string; new: string } }) => {\n      await trigger(body);\n    },\n    [trigger]\n  );\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: ChangePasswordFormValues) => {\n      if (inFlight.current) {\n        return;\n      }\n      inFlight.current = true;\n      try {\n        await handleChangePassword({\n          password: {\n            old: data.oldPassword,\n            new: data.newPassword,\n          },\n        });\n        navigate(`${Route.SUCCESS}?messageType=${MessageType.ChangePassword}`);\n      } catch (err) {\n        setError('root', {\n          type: 'server',\n          message: authErrorMessage(err, t('security.error.unable-to-change-password')),\n        });\n      } finally {\n        inFlight.current = false;\n      }\n    },\n    [handleChangePassword, setError, navigate, t]\n  );\n\n  useEffect(() => {\n    if (!changePasswordEnabled) {\n      navigate('/');\n    }\n  }, [changePasswordEnabled, navigate]);\n\n  return changePasswordEnabled ? (\n    <SecurityLayout>\n      <SecurityContainer>\n        <SecurityForm onSubmit={handleSubmit(onSubmit)}>\n          <Typography align=\"center\" component=\"h1\" gutterBottom={true} variant=\"h4\">\n            {t('security.changePassword.title')}\n          </Typography>\n          <SecurityTextField\n            error={!!errors.username}\n            helperText={\n              errors.username?.message\n                ? t(errors.username.message, { length: USERNAME_MIN_LENGTH })\n                : undefined\n            }\n            label={t('security.changePassword.username')}\n            {...register('username')}\n            required={true}\n          />\n          <SecurityTextField\n            error={!!errors.oldPassword}\n            helperText={\n              errors.oldPassword?.message\n                ? t(errors.oldPassword.message, { length: PASSWORD_MIN_LENGTH })\n                : undefined\n            }\n            label={t('security.changePassword.oldPassword')}\n            {...register('oldPassword')}\n            required={true}\n            type=\"password\"\n          />\n          <SecurityTextField\n            error={!!errors.newPassword}\n            helperText={\n              errors.newPassword?.message\n                ? t(errors.newPassword.message, { length: PASSWORD_MIN_LENGTH })\n                : undefined\n            }\n            label={t('security.changePassword.newPassword')}\n            {...register('newPassword')}\n            required={true}\n            type=\"password\"\n          />\n          <SecurityTextField\n            error={!!errors.confirmPassword}\n            helperText={\n              errors.confirmPassword?.message ? t(errors.confirmPassword.message) : undefined\n            }\n            label={t('security.changePassword.confirmPassword')}\n            {...register('confirmPassword')}\n            required={true}\n            type=\"password\"\n          />\n          {errors.root && <LoginDialogFormError error={errors.root} />}\n          <Button\n            color=\"primary\"\n            disabled={!isValid || isSubmitting}\n            fullWidth={true}\n            sx={{ mt: 2 }}\n            type=\"submit\"\n            variant=\"contained\"\n          >\n            {t('security.changePassword.submit')}\n          </Button>\n        </SecurityForm>\n      </SecurityContainer>\n    </SecurityLayout>\n  ) : null;\n};\n\nexport default ChangePassword;\n"],"mappings":"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"}
+{"version":3,"file":"ChangePassword.mjs","names":["Route"],"sources":["../../../src/sections/Security/ChangePassword.tsx"],"sourcesContent":["import { yupResolver } from '@hookform/resolvers/yup';\nimport { Button, Typography } from '@mui/material';\nimport React, { useCallback, useEffect, useRef } from 'react';\nimport { useForm } from 'react-hook-form';\nimport { useTranslation } from 'react-i18next';\nimport { useNavigate } from 'react-router';\n\nimport { useDataMutation } from '../../api/use-data-mutation';\nimport LoginDialog from '../../components/LoginDialog/LoginDialog';\nimport LoginDialogFormError from '../../components/LoginDialog/LoginDialogFormError';\nimport { getConfiguration } from '../../configuration';\nimport SecurityLayout from '../../layouts/Security/Dialog';\nimport { useAuth } from '../../providers/AuthProvider';\nimport { authErrorMessage } from '../../providers/AuthProvider/utils';\nimport { CustomError } from '../../store/api';\nimport { clearAuth } from '../../store/storage';\nimport { stripTrailingSlash } from '../../store/utils';\nimport { Route } from '../../utils';\nimport { APIRoute } from '../../utils/routes';\nimport type { ChangePasswordFormValues } from '../../utils/schemas';\nimport { PASSWORD_MIN_LENGTH, changePasswordSchema } from '../../utils/schemas';\nimport { MessageType } from './Success';\nimport { SecurityContainer, SecurityForm, SecurityTextField } from './styles';\n\nconst ChangePassword: React.FC = () => {\n  const { t } = useTranslation();\n  const navigate = useNavigate();\n  const configuration = getConfiguration();\n  const changePasswordEnabled = configuration?.flags?.changePassword;\n\n  const { userState } = useAuth();\n\n  useEffect(() => {\n    if (!changePasswordEnabled) {\n      navigate('/');\n    }\n  }, [changePasswordEnabled, navigate]);\n\n  if (!changePasswordEnabled) {\n    return null;\n  }\n\n  if (!userState?.token) {\n    return (\n      <LoginDialog\n        message={t('security.changePassword.loginRequired')}\n        onClose={() => navigate(Route.ROOT)}\n        open={true}\n      />\n    );\n  }\n\n  return <ChangePasswordForm />;\n};\n\nconst ChangePasswordForm: React.FC = () => {\n  const { t } = useTranslation();\n  const navigate = useNavigate();\n  const { setUserState } = useAuth();\n  const basePath = stripTrailingSlash(getConfiguration().base);\n  const form = useForm<ChangePasswordFormValues>({\n    mode: 'onChange',\n    defaultValues: {\n      oldPassword: '',\n      newPassword: '',\n      confirmPassword: '',\n    },\n    resolver: yupResolver(changePasswordSchema),\n  });\n\n  const {\n    setError,\n    handleSubmit,\n    register,\n    formState: { isValid, isSubmitting, errors },\n  } = form;\n\n  const { trigger } = useDataMutation<{ ok: string }>(basePath, APIRoute.RESET_PASSWORD, 'PUT');\n\n  const handleChangePassword = useCallback(\n    async (body: { password: { old: string; new: string } }) => {\n      await trigger(body);\n    },\n    [trigger]\n  );\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: ChangePasswordFormValues) => {\n      if (inFlight.current) {\n        return;\n      }\n      inFlight.current = true;\n      try {\n        await handleChangePassword({\n          password: {\n            old: data.oldPassword,\n            new: data.newPassword,\n          },\n        });\n        navigate(`${Route.SUCCESS}?messageType=${MessageType.ChangePassword}`);\n      } catch (err) {\n        if (err instanceof CustomError && err.code === 401) {\n          clearAuth();\n          setUserState?.({ username: null, token: null });\n          return;\n        }\n        if (\n          err instanceof CustomError &&\n          err.code === 400 &&\n          err.message === 'invalid old password'\n        ) {\n          setError(\n            'oldPassword',\n            {\n              type: 'server',\n              message: 'security.changePassword.invalidOldPassword',\n            },\n            { shouldFocus: true }\n          );\n          return;\n        }\n        setError('root', {\n          type: 'server',\n          message: authErrorMessage(err, t('security.error.unable-to-change-password')),\n        });\n      } finally {\n        inFlight.current = false;\n      }\n    },\n    [handleChangePassword, setError, setUserState, navigate, t]\n  );\n\n  return (\n    <SecurityLayout>\n      <SecurityContainer>\n        <SecurityForm onSubmit={handleSubmit(onSubmit)}>\n          <Typography align=\"center\" component=\"h1\" gutterBottom={true} variant=\"h4\">\n            {t('security.changePassword.title')}\n          </Typography>\n          <SecurityTextField\n            error={!!errors.oldPassword}\n            helperText={\n              errors.oldPassword?.message\n                ? t(errors.oldPassword.message, { length: PASSWORD_MIN_LENGTH })\n                : undefined\n            }\n            label={t('security.changePassword.oldPassword')}\n            {...register('oldPassword')}\n            required={true}\n            type=\"password\"\n          />\n          <SecurityTextField\n            error={!!errors.newPassword}\n            helperText={\n              errors.newPassword?.message\n                ? t(errors.newPassword.message, { length: PASSWORD_MIN_LENGTH })\n                : undefined\n            }\n            label={t('security.changePassword.newPassword')}\n            {...register('newPassword')}\n            required={true}\n            type=\"password\"\n          />\n          <SecurityTextField\n            error={!!errors.confirmPassword}\n            helperText={\n              errors.confirmPassword?.message ? t(errors.confirmPassword.message) : undefined\n            }\n            label={t('security.changePassword.confirmPassword')}\n            {...register('confirmPassword')}\n            required={true}\n            type=\"password\"\n          />\n          {errors.root && <LoginDialogFormError error={errors.root} />}\n          <Button\n            color=\"primary\"\n            disabled={!isValid || isSubmitting}\n            fullWidth={true}\n            sx={{ mt: 2 }}\n            type=\"submit\"\n            variant=\"contained\"\n          >\n            {t('security.changePassword.submit')}\n          </Button>\n        </SecurityForm>\n      </SecurityContainer>\n    </SecurityLayout>\n  );\n};\n\nexport default ChangePassword;\n"],"mappings":"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"}

package/build/sections/Security/Login.js.map

@@ -1 +1 @@
-{"version":3,"file":"Login.js","names":[],"sources":["../../../src/sections/Security/Login.tsx"],"sourcesContent":["import { yupResolver } from '@hookform/resolvers/yup';\nimport { Link, Typography } from '@mui/material';\nimport React, { useCallback, useRef } from 'react';\nimport { useForm } from 'react-hook-form';\nimport { useTranslation } from 'react-i18next';\nimport { Link as RouterLink, useLocation, useNavigate } from 'react-router';\n\nimport { useDataMutation } from '../../api/use-data-mutation';\nimport type { LoginFormValues } from '../../components/LoginForm/Login';\nimport LoginForm from '../../components/LoginForm/Login';\nimport LoginFormHeader from '../../components/LoginForm/styles';\nimport NotFound from '../../components/NotFound';\nimport { getConfiguration } from '../../configuration';\nimport SecurityLayout from '../../layouts/Security/Dialog';\nimport { useAuth } from '../../providers/AuthProvider/AuthProvider';\nimport type { LoginBody } from '../../providers/AuthProvider/types';\nimport { authErrorMessage } from '../../providers/AuthProvider/utils';\nimport { saveAuth } from '../../store/storage';\nimport { stripTrailingSlash } from '../../store/utils';\nimport { Route } from '../../utils';\nimport { loginSchema } from '../../utils/schemas';\nimport { MessageType } from './Success';\nimport { SecurityContainer, SecurityForm } from './styles';\nimport { getSecurityUrlParams } from './utils';\n\nconst configuration = getConfiguration();\nconst basePath = stripTrailingSlash(configuration.base);\n\nconst Login: React.FC = () => {\n  const { t } = useTranslation();\n  const location = useLocation();\n  const navigate = useNavigate();\n  const { setUserState } = useAuth();\n  const { next } = getSecurityUrlParams(location);\n  const createUserEnabled = configuration?.flags?.createUser;\n  const addUserLink = Route.ADD_USER + (next ? '?next=' + next : '');\n\n  const { trigger } = useDataMutation<LoginBody>(basePath, next, 'POST');\n\n  const form = useForm<LoginFormValues>({\n    mode: 'onChange',\n    resolver: yupResolver(loginSchema),\n  });\n\n  const {\n    setError,\n    handleSubmit,\n    register,\n    formState: { isValid, isSubmitting, errors },\n  } = form;\n\n  const handleLogin = useCallback(\n    async (body: { username: string; password: string }) => {\n      return await trigger(body);\n    },\n    [trigger]\n  );\n\n  const onSuccess = useCallback(() => {\n    navigate(`${Route.SUCCESS}?messageType=${MessageType.Login}`);\n  }, [navigate]);\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        const result = await handleLogin?.(data);\n        if (!result || !result.username || !result.token) {\n          // a 2xx with an unexpected body must not pass as a successful login\n          throw new Error('login response is missing the token');\n        }\n        saveAuth(result.username, result.token);\n        // AuthProvider reads storage only once, so the header needs the state update\n        setUserState?.({ username: result.username, token: result.token });\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, setUserState, onSuccess, t]\n  );\n\n  return !next ? (\n    <NotFound />\n  ) : (\n    <SecurityLayout>\n      <SecurityContainer>\n        {/* container only: LoginForm renders the real <form>, and a <form>\n            cannot be a descendant of another <form> */}\n        <SecurityForm as=\"div\">\n          <LoginFormHeader />\n          <LoginForm\n            errors={errors}\n            handleSubmit={handleSubmit}\n            isSubmitting={isSubmitting}\n            isValid={isValid}\n            onSubmit={onSubmit}\n            register={register}\n          />\n          {createUserEnabled && (\n            <Typography align=\"center\" sx={{ mt: 2, fontSize: 12 }} variant=\"body2\">\n              {t('security.login.noUserQuestion')}\n              <Link component={RouterLink} sx={{ ml: 1 }} to={addUserLink}>\n                {t('security.login.createUser')}\n              </Link>\n            </Typography>\n          )}\n        </SecurityForm>\n      </SecurityContainer>\n    </SecurityLayout>\n  );\n};\n\nexport default Login;\n"],"mappings":"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"}
+{"version":3,"file":"Login.js","names":["getConfiguration","stripTrailingSlash","useTranslation","useLocation","useNavigate","useAuth","getSecurityUrlParams","Route","useDataMutation","useForm","yupResolver","loginSchema","useCallback","MessageType","useRef","authErrorMessage","NotFound","SecurityLayout","SecurityContainer","SecurityForm","LoginFormHeader","LoginForm","Typography","Link","RouterLink"],"sources":["../../../src/sections/Security/Login.tsx"],"sourcesContent":["import { yupResolver } from '@hookform/resolvers/yup';\nimport { Link, Typography } from '@mui/material';\nimport React, { useCallback, useRef } from 'react';\nimport { useForm } from 'react-hook-form';\nimport { useTranslation } from 'react-i18next';\nimport { Link as RouterLink, useLocation, useNavigate } from 'react-router';\n\nimport { useDataMutation } from '../../api/use-data-mutation';\nimport type { LoginFormValues } from '../../components/LoginForm/Login';\nimport LoginForm from '../../components/LoginForm/Login';\nimport LoginFormHeader from '../../components/LoginForm/styles';\nimport NotFound from '../../components/NotFound';\nimport { getConfiguration } from '../../configuration';\nimport SecurityLayout from '../../layouts/Security/Dialog';\nimport { useAuth } from '../../providers/AuthProvider/AuthProvider';\nimport type { LoginBody } from '../../providers/AuthProvider/types';\nimport { authErrorMessage } from '../../providers/AuthProvider/utils';\nimport { saveAuth } from '../../store/storage';\nimport { stripTrailingSlash } from '../../store/utils';\nimport { Route } from '../../utils';\nimport { loginSchema } from '../../utils/schemas';\nimport { MessageType } from './Success';\nimport { SecurityContainer, SecurityForm } from './styles';\nimport { getSecurityUrlParams } from './utils';\n\nconst configuration = getConfiguration();\nconst basePath = stripTrailingSlash(configuration.base);\n\nconst Login: React.FC = () => {\n  const { t } = useTranslation();\n  const location = useLocation();\n  const navigate = useNavigate();\n  const { setUserState } = useAuth();\n  const { next } = getSecurityUrlParams(location);\n  const createUserEnabled = configuration?.flags?.createUser;\n  const addUserLink = Route.ADD_USER + (next ? '?next=' + next : '');\n\n  const { trigger } = useDataMutation<LoginBody>(basePath, next, 'POST');\n\n  const form = useForm<LoginFormValues>({\n    mode: 'onChange',\n    resolver: yupResolver(loginSchema),\n  });\n\n  const {\n    setError,\n    handleSubmit,\n    register,\n    formState: { isValid, isSubmitting, errors },\n  } = form;\n\n  const handleLogin = useCallback(\n    async (body: { username: string; password: string }) => {\n      return await trigger(body);\n    },\n    [trigger]\n  );\n\n  const onSuccess = useCallback(() => {\n    navigate(`${Route.SUCCESS}?messageType=${MessageType.Login}`);\n  }, [navigate]);\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        const result = await handleLogin?.(data);\n        if (!result || !result.username || !result.token) {\n          // a 2xx with an unexpected body must not pass as a successful login\n          throw new Error('login response is missing the token');\n        }\n        saveAuth(result.username, result.token);\n        // AuthProvider reads storage only once, so the header needs the state update\n        setUserState?.({ username: result.username, token: result.token });\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, setUserState, onSuccess, t]\n  );\n\n  return !next ? (\n    <NotFound />\n  ) : (\n    <SecurityLayout>\n      <SecurityContainer>\n        {/* container only: LoginForm renders the real <form>, and a <form>\n            cannot be a descendant of another <form> */}\n        <SecurityForm as=\"div\">\n          <LoginFormHeader />\n          <LoginForm\n            errors={errors}\n            handleSubmit={handleSubmit}\n            isSubmitting={isSubmitting}\n            isValid={isValid}\n            onSubmit={onSubmit}\n            register={register}\n          />\n          {createUserEnabled && (\n            <Typography align=\"center\" sx={{ mt: 2, fontSize: 12 }} variant=\"body2\">\n              {t('security.login.noUserQuestion')}\n              <Link component={RouterLink} sx={{ ml: 1 }} to={addUserLink}>\n                {t('security.login.createUser')}\n              </Link>\n            </Typography>\n          )}\n        </SecurityForm>\n      </SecurityContainer>\n    </SecurityLayout>\n  );\n};\n\nexport default Login;\n"],"mappings":"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"}

package/build/sections/Security/Login.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"Login.mjs","names":[],"sources":["../../../src/sections/Security/Login.tsx"],"sourcesContent":["import { yupResolver } from '@hookform/resolvers/yup';\nimport { Link, Typography } from '@mui/material';\nimport React, { useCallback, useRef } from 'react';\nimport { useForm } from 'react-hook-form';\nimport { useTranslation } from 'react-i18next';\nimport { Link as RouterLink, useLocation, useNavigate } from 'react-router';\n\nimport { useDataMutation } from '../../api/use-data-mutation';\nimport type { LoginFormValues } from '../../components/LoginForm/Login';\nimport LoginForm from '../../components/LoginForm/Login';\nimport LoginFormHeader from '../../components/LoginForm/styles';\nimport NotFound from '../../components/NotFound';\nimport { getConfiguration } from '../../configuration';\nimport SecurityLayout from '../../layouts/Security/Dialog';\nimport { useAuth } from '../../providers/AuthProvider/AuthProvider';\nimport type { LoginBody } from '../../providers/AuthProvider/types';\nimport { authErrorMessage } from '../../providers/AuthProvider/utils';\nimport { saveAuth } from '../../store/storage';\nimport { stripTrailingSlash } from '../../store/utils';\nimport { Route } from '../../utils';\nimport { loginSchema } from '../../utils/schemas';\nimport { MessageType } from './Success';\nimport { SecurityContainer, SecurityForm } from './styles';\nimport { getSecurityUrlParams } from './utils';\n\nconst configuration = getConfiguration();\nconst basePath = stripTrailingSlash(configuration.base);\n\nconst Login: React.FC = () => {\n  const { t } = useTranslation();\n  const location = useLocation();\n  const navigate = useNavigate();\n  const { setUserState } = useAuth();\n  const { next } = getSecurityUrlParams(location);\n  const createUserEnabled = configuration?.flags?.createUser;\n  const addUserLink = Route.ADD_USER + (next ? '?next=' + next : '');\n\n  const { trigger } = useDataMutation<LoginBody>(basePath, next, 'POST');\n\n  const form = useForm<LoginFormValues>({\n    mode: 'onChange',\n    resolver: yupResolver(loginSchema),\n  });\n\n  const {\n    setError,\n    handleSubmit,\n    register,\n    formState: { isValid, isSubmitting, errors },\n  } = form;\n\n  const handleLogin = useCallback(\n    async (body: { username: string; password: string }) => {\n      return await trigger(body);\n    },\n    [trigger]\n  );\n\n  const onSuccess = useCallback(() => {\n    navigate(`${Route.SUCCESS}?messageType=${MessageType.Login}`);\n  }, [navigate]);\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        const result = await handleLogin?.(data);\n        if (!result || !result.username || !result.token) {\n          // a 2xx with an unexpected body must not pass as a successful login\n          throw new Error('login response is missing the token');\n        }\n        saveAuth(result.username, result.token);\n        // AuthProvider reads storage only once, so the header needs the state update\n        setUserState?.({ username: result.username, token: result.token });\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, setUserState, onSuccess, t]\n  );\n\n  return !next ? (\n    <NotFound />\n  ) : (\n    <SecurityLayout>\n      <SecurityContainer>\n        {/* container only: LoginForm renders the real <form>, and a <form>\n            cannot be a descendant of another <form> */}\n        <SecurityForm as=\"div\">\n          <LoginFormHeader />\n          <LoginForm\n            errors={errors}\n            handleSubmit={handleSubmit}\n            isSubmitting={isSubmitting}\n            isValid={isValid}\n            onSubmit={onSubmit}\n            register={register}\n          />\n          {createUserEnabled && (\n            <Typography align=\"center\" sx={{ mt: 2, fontSize: 12 }} variant=\"body2\">\n              {t('security.login.noUserQuestion')}\n              <Link component={RouterLink} sx={{ ml: 1 }} to={addUserLink}>\n                {t('security.login.createUser')}\n              </Link>\n            </Typography>\n          )}\n        </SecurityForm>\n      </SecurityContainer>\n    </SecurityLayout>\n  );\n};\n\nexport default Login;\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;AAyBA,IAAM,gBAAgB,iBAAiB;AACvC,IAAM,WAAW,mBAAmB,cAAc,IAAI;AAEtD,IAAM,cAAwB;CAC5B,MAAM,EAAE,MAAM,eAAe;CAC7B,MAAM,WAAW,YAAY;CAC7B,MAAM,WAAW,YAAY;CAC7B,MAAM,EAAE,iBAAiB,QAAQ;CACjC,MAAM,EAAE,SAAS,qBAAqB,QAAQ;CAC9C,MAAM,oBAAoB,eAAe,OAAO;CAChD,MAAM,cAAc,QAAM,YAAY,OAAO,WAAW,OAAO;CAE/D,MAAM,EAAE,YAAY,gBAA2B,UAAU,MAAM,MAAM;CAOrE,MAAM,EACJ,UACA,cACA,UACA,WAAW,EAAE,SAAS,cAAc,aATzB,QAAyB;EACpC,MAAM;EACN,UAAU,YAAY,WAAW;CACnC,CAOI;CAEJ,MAAM,cAAc,YAClB,OAAO,SAAiD;EACtD,OAAO,MAAM,QAAQ,IAAI;CAC3B,GACA,CAAC,OAAO,CACV;CAEA,MAAM,YAAY,kBAAkB;EAClC,SAAS,GAAG,QAAM,QAAQ,eAAe,YAAY,OAAO;CAC9D,GAAG,CAAC,QAAQ,CAAC;CAIb,MAAM,WAAW,OAAO,KAAK;CAE7B,MAAM,WAAW,YACf,OAAO,SAA0B;EAC/B,IAAI,SAAS,SACX;EAEF,SAAS,UAAU;EACnB,IAAI;GACF,MAAM,SAAS,MAAM,cAAc,IAAI;GACvC,IAAI,CAAC,UAAU,CAAC,OAAO,YAAY,CAAC,OAAO,OAEzC,MAAM,IAAI,MAAM,qCAAqC;GAEvD,SAAS,OAAO,UAAU,OAAO,KAAK;GAEtC,eAAe;IAAE,UAAU,OAAO;IAAU,OAAO,OAAO;GAAM,CAAC;GACjE,UAAU;EACZ,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;EAAc;EAAW;CAAC,CACpD;CAEA,OAAO,CAAC,OACN,oBAAC,UAAD,CAAW,CAAA,IAEX,oBAAC,gBAAD,EAAA,UACE,oBAAC,mBAAD,EAAA,UAGE,qBAAC,cAAD;EAAc,IAAG;EAAjB,UAAA;GACE,oBAAC,iBAAD,CAAkB,CAAA;GAClB,oBAAC,WAAD;IACU;IACM;IACA;IACL;IACC;IACA;GACX,CAAA;GACA,qBACC,qBAAC,YAAD;IAAY,OAAM;IAAS,IAAI;KAAE,IAAI;KAAG,UAAU;IAAG;IAAG,SAAQ;IAAhE,UAAA,CACG,EAAE,+BAA+B,GAClC,oBAAC,QAAD;KAAM,WAAW;KAAY,IAAI,EAAE,IAAI,EAAE;KAAG,IAAI;KAC7C,UAAA,EAAE,2BAA2B;IAC1B,CAAA,CACI;;EAEF;CACG,CAAA,EAAA,CAAA,EACL,CAAA;AAEpB"}
+{"version":3,"file":"Login.mjs","names":["Route","Link","RouterLink"],"sources":["../../../src/sections/Security/Login.tsx"],"sourcesContent":["import { yupResolver } from '@hookform/resolvers/yup';\nimport { Link, Typography } from '@mui/material';\nimport React, { useCallback, useRef } from 'react';\nimport { useForm } from 'react-hook-form';\nimport { useTranslation } from 'react-i18next';\nimport { Link as RouterLink, useLocation, useNavigate } from 'react-router';\n\nimport { useDataMutation } from '../../api/use-data-mutation';\nimport type { LoginFormValues } from '../../components/LoginForm/Login';\nimport LoginForm from '../../components/LoginForm/Login';\nimport LoginFormHeader from '../../components/LoginForm/styles';\nimport NotFound from '../../components/NotFound';\nimport { getConfiguration } from '../../configuration';\nimport SecurityLayout from '../../layouts/Security/Dialog';\nimport { useAuth } from '../../providers/AuthProvider/AuthProvider';\nimport type { LoginBody } from '../../providers/AuthProvider/types';\nimport { authErrorMessage } from '../../providers/AuthProvider/utils';\nimport { saveAuth } from '../../store/storage';\nimport { stripTrailingSlash } from '../../store/utils';\nimport { Route } from '../../utils';\nimport { loginSchema } from '../../utils/schemas';\nimport { MessageType } from './Success';\nimport { SecurityContainer, SecurityForm } from './styles';\nimport { getSecurityUrlParams } from './utils';\n\nconst configuration = getConfiguration();\nconst basePath = stripTrailingSlash(configuration.base);\n\nconst Login: React.FC = () => {\n  const { t } = useTranslation();\n  const location = useLocation();\n  const navigate = useNavigate();\n  const { setUserState } = useAuth();\n  const { next } = getSecurityUrlParams(location);\n  const createUserEnabled = configuration?.flags?.createUser;\n  const addUserLink = Route.ADD_USER + (next ? '?next=' + next : '');\n\n  const { trigger } = useDataMutation<LoginBody>(basePath, next, 'POST');\n\n  const form = useForm<LoginFormValues>({\n    mode: 'onChange',\n    resolver: yupResolver(loginSchema),\n  });\n\n  const {\n    setError,\n    handleSubmit,\n    register,\n    formState: { isValid, isSubmitting, errors },\n  } = form;\n\n  const handleLogin = useCallback(\n    async (body: { username: string; password: string }) => {\n      return await trigger(body);\n    },\n    [trigger]\n  );\n\n  const onSuccess = useCallback(() => {\n    navigate(`${Route.SUCCESS}?messageType=${MessageType.Login}`);\n  }, [navigate]);\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        const result = await handleLogin?.(data);\n        if (!result || !result.username || !result.token) {\n          // a 2xx with an unexpected body must not pass as a successful login\n          throw new Error('login response is missing the token');\n        }\n        saveAuth(result.username, result.token);\n        // AuthProvider reads storage only once, so the header needs the state update\n        setUserState?.({ username: result.username, token: result.token });\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, setUserState, onSuccess, t]\n  );\n\n  return !next ? (\n    <NotFound />\n  ) : (\n    <SecurityLayout>\n      <SecurityContainer>\n        {/* container only: LoginForm renders the real <form>, and a <form>\n            cannot be a descendant of another <form> */}\n        <SecurityForm as=\"div\">\n          <LoginFormHeader />\n          <LoginForm\n            errors={errors}\n            handleSubmit={handleSubmit}\n            isSubmitting={isSubmitting}\n            isValid={isValid}\n            onSubmit={onSubmit}\n            register={register}\n          />\n          {createUserEnabled && (\n            <Typography align=\"center\" sx={{ mt: 2, fontSize: 12 }} variant=\"body2\">\n              {t('security.login.noUserQuestion')}\n              <Link component={RouterLink} sx={{ ml: 1 }} to={addUserLink}>\n                {t('security.login.createUser')}\n              </Link>\n            </Typography>\n          )}\n        </SecurityForm>\n      </SecurityContainer>\n    </SecurityLayout>\n  );\n};\n\nexport default Login;\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;AAyBA,IAAM,gBAAgB,iBAAiB;AACvC,IAAM,WAAW,mBAAmB,cAAc,IAAI;AAEtD,IAAM,cAAwB;CAC5B,MAAM,EAAE,MAAM,eAAe;CAC7B,MAAM,WAAW,YAAY;CAC7B,MAAM,WAAW,YAAY;CAC7B,MAAM,EAAE,iBAAiB,QAAQ;CACjC,MAAM,EAAE,SAAS,qBAAqB,QAAQ;CAC9C,MAAM,oBAAoB,eAAe,OAAO;CAChD,MAAM,cAAcA,QAAM,YAAY,OAAO,WAAW,OAAO;CAE/D,MAAM,EAAE,YAAY,gBAA2B,UAAU,MAAM,MAAM;CAOrE,MAAM,EACJ,UACA,cACA,UACA,WAAW,EAAE,SAAS,cAAc,aATzB,QAAyB;EACpC,MAAM;EACN,UAAU,YAAY,WAAW;CACnC,CAOI;CAEJ,MAAM,cAAc,YAClB,OAAO,SAAiD;EACtD,OAAO,MAAM,QAAQ,IAAI;CAC3B,GACA,CAAC,OAAO,CACV;CAEA,MAAM,YAAY,kBAAkB;EAClC,SAAS,GAAGA,QAAM,QAAQ,eAAe,YAAY,OAAO;CAC9D,GAAG,CAAC,QAAQ,CAAC;CAIb,MAAM,WAAW,OAAO,KAAK;CAE7B,MAAM,WAAW,YACf,OAAO,SAA0B;EAC/B,IAAI,SAAS,SACX;EAEF,SAAS,UAAU;EACnB,IAAI;GACF,MAAM,SAAS,MAAM,cAAc,IAAI;GACvC,IAAI,CAAC,UAAU,CAAC,OAAO,YAAY,CAAC,OAAO,OAEzC,MAAM,IAAI,MAAM,qCAAqC;GAEvD,SAAS,OAAO,UAAU,OAAO,KAAK;GAEtC,eAAe;IAAE,UAAU,OAAO;IAAU,OAAO,OAAO;GAAM,CAAC;GACjE,UAAU;EACZ,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;EAAc;EAAW;CAAC,CACpD;CAEA,OAAO,CAAC,OACN,oBAAC,UAAD,CAAW,CAAA,IAEX,oBAAC,gBAAD,EAAA,UACE,oBAAC,mBAAD,EAAA,UAGE,qBAAC,cAAD;EAAc,IAAG;EAAjB,UAAA;GACE,oBAAC,iBAAD,CAAkB,CAAA;GAClB,oBAAC,WAAD;IACU;IACM;IACA;IACL;IACC;IACA;GACX,CAAA;GACA,qBACC,qBAAC,YAAD;IAAY,OAAM;IAAS,IAAI;KAAE,IAAI;KAAG,UAAU;IAAG;IAAG,SAAQ;IAAhE,UAAA,CACG,EAAE,+BAA+B,GAClC,oBAACC,QAAD;KAAM,WAAWC;KAAY,IAAI,EAAE,IAAI,EAAE;KAAG,IAAI;KAC7C,UAAA,EAAE,2BAA2B;IAC1B,CAAA,CACI;;EAEF;CACG,CAAA,EAAA,CAAA,EACL,CAAA;AAEpB"}

package/build/sections/Security/Success.js.map

@@ -1 +1 @@
-{"version":3,"file":"Success.js","names":[],"sources":["../../../src/sections/Security/Success.tsx"],"sourcesContent":["import CheckCircleIcon from '@mui/icons-material/CheckCircle';\nimport { Button, Typography } from '@mui/material';\nimport React from 'react';\nimport { useTranslation } from 'react-i18next';\nimport { useLocation, useNavigate } from 'react-router';\n\nimport SecurityLayout from '../../layouts/Security/Dialog';\nimport { SecurityContainer, SecurityForm } from './styles';\n\nexport enum MessageType {\n  Login = 'Login',\n  ChangePassword = 'ChangePassword',\n  AddUser = 'AddUser',\n  Success = 'Success',\n}\n\nconst Success: React.FC = () => {\n  const { t } = useTranslation();\n  const location = useLocation();\n  const navigate = useNavigate();\n  const queryParams = new URLSearchParams(location.search);\n  const messageType = queryParams.get('messageType') as MessageType;\n  const message = !messageType\n    ? t('security.success.messageSuccess')\n    : t(`security.success.message${messageType}`);\n\n  const handleClose = () => {\n    // navigate() keeps the router basename; window.location.href = '/' left the\n    // registry entirely when it is served under a sub-path\n    navigate('/');\n  };\n\n  return (\n    <SecurityLayout>\n      <SecurityContainer>\n        {/* container only: this page has no form to submit */}\n        <SecurityForm as=\"div\">\n          <CheckCircleIcon color=\"success\" />\n          <Typography component=\"h1\" gutterBottom={true} variant=\"h4\">\n            {t('security.success.title')}\n          </Typography>\n          <Typography color=\"text.secondary\" paragraph={true} variant=\"body1\">\n            {message}\n          </Typography>\n          <Button color=\"primary\" onClick={handleClose} sx={{ mt: 2 }} variant=\"contained\">\n            {t('security.success.submit')}\n          </Button>\n        </SecurityForm>\n      </SecurityContainer>\n    </SecurityLayout>\n  );\n};\n\nexport default Success;\n"],"mappings":";;;;;;;;;;;;AASA,IAAY,cAAL,yBAAA,aAAA;CACL,YAAA,WAAA;CACA,YAAA,oBAAA;CACA,YAAA,aAAA;CACA,YAAA,aAAA;;AACF,EAAA,CAAA,CAAA;AAEA,IAAM,gBAA0B;CAC9B,MAAM,EAAE,OAAA,GAAM,cAAA,eAAA,CAAe;CAC7B,MAAM,YAAA,GAAW,aAAA,YAAA,CAAY;CAC7B,MAAM,YAAA,GAAW,aAAA,YAAA,CAAY;CAE7B,MAAM,cAAc,IADI,gBAAgB,SAAS,MAC7B,CAAA,CAAY,IAAI,aAAa;CACjD,MAAM,UAAU,CAAC,cACb,EAAE,iCAAiC,IACnC,EAAE,2BAA2B,aAAa;CAE9C,MAAM,oBAAoB;EAGxB,SAAS,GAAG;CACd;CAEA,OACE,iBAAA,GAAA,kBAAA,IAAA,CAAC,eAAA,SAAD,EAAA,UACE,iBAAA,GAAA,kBAAA,IAAA,CAAC,eAAA,mBAAD,EAAA,UAEE,iBAAA,GAAA,kBAAA,KAAA,CAAC,eAAA,cAAD;EAAc,IAAG;EAAjB,UAAA;GACE,iBAAA,GAAA,kBAAA,IAAA,CAAC,gCAAA,SAAD,EAAiB,OAAM,UAAW,CAAA;GAClC,iBAAA,GAAA,kBAAA,IAAA,CAAC,cAAA,YAAD;IAAY,WAAU;IAAK,cAAc;IAAM,SAAQ;IACpD,UAAA,EAAE,wBAAwB;GACjB,CAAA;GACZ,iBAAA,GAAA,kBAAA,IAAA,CAAC,cAAA,YAAD;IAAY,OAAM;IAAiB,WAAW;IAAM,SAAQ;IACzD,UAAA;GACS,CAAA;GACZ,iBAAA,GAAA,kBAAA,IAAA,CAAC,cAAA,QAAD;IAAQ,OAAM;IAAU,SAAS;IAAa,IAAI,EAAE,IAAI,EAAE;IAAG,SAAQ;IAClE,UAAA,EAAE,yBAAyB;GACtB,CAAA;EACI;CACG,CAAA,EAAA,CAAA,EACL,CAAA;AAEpB"}
+{"version":3,"file":"Success.js","names":["useTranslation","useLocation","useNavigate","SecurityLayout","SecurityContainer","SecurityForm","CheckCircleIcon","Typography","Button"],"sources":["../../../src/sections/Security/Success.tsx"],"sourcesContent":["import CheckCircleIcon from '@mui/icons-material/CheckCircle';\nimport { Button, Typography } from '@mui/material';\nimport React from 'react';\nimport { useTranslation } from 'react-i18next';\nimport { useLocation, useNavigate } from 'react-router';\n\nimport SecurityLayout from '../../layouts/Security/Dialog';\nimport { SecurityContainer, SecurityForm } from './styles';\n\nexport enum MessageType {\n  Login = 'Login',\n  ChangePassword = 'ChangePassword',\n  AddUser = 'AddUser',\n  Success = 'Success',\n}\n\nconst Success: React.FC = () => {\n  const { t } = useTranslation();\n  const location = useLocation();\n  const navigate = useNavigate();\n  const queryParams = new URLSearchParams(location.search);\n  const messageType = queryParams.get('messageType') as MessageType;\n  const message = !messageType\n    ? t('security.success.messageSuccess')\n    : t(`security.success.message${messageType}`);\n\n  const handleClose = () => {\n    // navigate() keeps the router basename; window.location.href = '/' left the\n    // registry entirely when it is served under a sub-path\n    navigate('/');\n  };\n\n  return (\n    <SecurityLayout>\n      <SecurityContainer>\n        {/* container only: this page has no form to submit */}\n        <SecurityForm as=\"div\">\n          <CheckCircleIcon color=\"success\" />\n          <Typography component=\"h1\" gutterBottom={true} variant=\"h4\">\n            {t('security.success.title')}\n          </Typography>\n          <Typography color=\"text.secondary\" paragraph={true} variant=\"body1\">\n            {message}\n          </Typography>\n          <Button color=\"primary\" onClick={handleClose} sx={{ mt: 2 }} variant=\"contained\">\n            {t('security.success.submit')}\n          </Button>\n        </SecurityForm>\n      </SecurityContainer>\n    </SecurityLayout>\n  );\n};\n\nexport default Success;\n"],"mappings":";;;;;;;;;;;;AASA,IAAY,cAAL,yBAAA,aAAA;CACL,YAAA,WAAA;CACA,YAAA,oBAAA;CACA,YAAA,aAAA;CACA,YAAA,aAAA;;AACF,EAAA,CAAA,CAAA;AAEA,IAAM,gBAA0B;CAC9B,MAAM,EAAE,OAAA,GAAMA,cAAAA,eAAAA,CAAe;CAC7B,MAAM,YAAA,GAAWC,aAAAA,YAAAA,CAAY;CAC7B,MAAM,YAAA,GAAWC,aAAAA,YAAAA,CAAY;CAE7B,MAAM,cAAc,IADI,gBAAgB,SAAS,MAC7B,CAAA,CAAY,IAAI,aAAa;CACjD,MAAM,UAAU,CAAC,cACb,EAAE,iCAAiC,IACnC,EAAE,2BAA2B,aAAa;CAE9C,MAAM,oBAAoB;EAGxB,SAAS,GAAG;CACd;CAEA,OACE,iBAAA,GAAA,kBAAA,IAAA,CAACC,eAAAA,SAAD,EAAA,UACE,iBAAA,GAAA,kBAAA,IAAA,CAACC,eAAAA,mBAAD,EAAA,UAEE,iBAAA,GAAA,kBAAA,KAAA,CAACC,eAAAA,cAAD;EAAc,IAAG;EAAjB,UAAA;GACE,iBAAA,GAAA,kBAAA,IAAA,CAACC,gCAAAA,SAAD,EAAiB,OAAM,UAAW,CAAA;GAClC,iBAAA,GAAA,kBAAA,IAAA,CAACC,cAAAA,YAAD;IAAY,WAAU;IAAK,cAAc;IAAM,SAAQ;IACpD,UAAA,EAAE,wBAAwB;GACjB,CAAA;GACZ,iBAAA,GAAA,kBAAA,IAAA,CAACA,cAAAA,YAAD;IAAY,OAAM;IAAiB,WAAW;IAAM,SAAQ;IACzD,UAAA;GACS,CAAA;GACZ,iBAAA,GAAA,kBAAA,IAAA,CAACC,cAAAA,QAAD;IAAQ,OAAM;IAAU,SAAS;IAAa,IAAI,EAAE,IAAI,EAAE;IAAG,SAAQ;IAClE,UAAA,EAAE,yBAAyB;GACtB,CAAA;EACI;CACG,CAAA,EAAA,CAAA,EACL,CAAA;AAEpB"}

package/build/sections/Security/styles.js.map

@@ -1 +1 @@
-{"version":3,"file":"styles.js","names":[],"sources":["../../../src/sections/Security/styles.ts"],"sourcesContent":["import { Box, TextField } from '@mui/material';\nimport { styled } from '@mui/material/styles';\n\nexport const SecurityContainer = styled(Box)(({ theme }) => ({\n  display: 'flex',\n  flexDirection: 'column',\n  alignItems: 'center',\n  justifyContent: 'center',\n  minHeight: '100%',\n  padding: theme.spacing(2),\n  backgroundColor: theme.palette.background.default,\n}));\n\nexport const SecurityForm = styled('form')(({ theme }) => ({\n  width: '100%',\n  maxWidth: 420,\n  padding: theme.spacing(4),\n  backgroundColor: theme.palette.background.paper,\n  borderRadius: theme.shape.borderRadius,\n  boxShadow: theme.shadows[3],\n}));\n\nexport const SecurityTextField = styled(TextField)(({ theme }) => ({\n  width: '100%',\n  marginTop: theme.spacing(1),\n  marginBottom: theme.spacing(1),\n}));\n"],"mappings":";;;AAGA,IAAa,qBAAA,GAAoB,qBAAA,OAAA,CAAO,cAAA,GAAG,CAAC,EAAE,EAAE,aAAa;CAC3D,SAAS;CACT,eAAe;CACf,YAAY;CACZ,gBAAgB;CAChB,WAAW;CACX,SAAS,MAAM,QAAQ,CAAC;CACxB,iBAAiB,MAAM,QAAQ,WAAW;AAC5C,EAAE;AAEF,IAAa,gBAAA,GAAe,qBAAA,OAAA,CAAO,MAAM,CAAC,EAAE,EAAE,aAAa;CACzD,OAAO;CACP,UAAU;CACV,SAAS,MAAM,QAAQ,CAAC;CACxB,iBAAiB,MAAM,QAAQ,WAAW;CAC1C,cAAc,MAAM,MAAM;CAC1B,WAAW,MAAM,QAAQ;AAC3B,EAAE;AAEF,IAAa,qBAAA,GAAoB,qBAAA,OAAA,CAAO,cAAA,SAAS,CAAC,EAAE,EAAE,aAAa;CACjE,OAAO;CACP,WAAW,MAAM,QAAQ,CAAC;CAC1B,cAAc,MAAM,QAAQ,CAAC;AAC/B,EAAE"}
+{"version":3,"file":"styles.js","names":["styled","Box","TextField"],"sources":["../../../src/sections/Security/styles.ts"],"sourcesContent":["import { Box, TextField } from '@mui/material';\nimport { styled } from '@mui/material/styles';\n\nexport const SecurityContainer = styled(Box)(({ theme }) => ({\n  display: 'flex',\n  flexDirection: 'column',\n  alignItems: 'center',\n  justifyContent: 'center',\n  minHeight: '100%',\n  padding: theme.spacing(2),\n  backgroundColor: theme.palette.background.default,\n}));\n\nexport const SecurityForm = styled('form')(({ theme }) => ({\n  width: '100%',\n  maxWidth: 420,\n  padding: theme.spacing(4),\n  backgroundColor: theme.palette.background.paper,\n  borderRadius: theme.shape.borderRadius,\n  boxShadow: theme.shadows[3],\n}));\n\nexport const SecurityTextField = styled(TextField)(({ theme }) => ({\n  width: '100%',\n  marginTop: theme.spacing(1),\n  marginBottom: theme.spacing(1),\n}));\n"],"mappings":";;;AAGA,IAAa,qBAAA,GAAoBA,qBAAAA,OAAAA,CAAOC,cAAAA,GAAG,CAAC,EAAE,EAAE,aAAa;CAC3D,SAAS;CACT,eAAe;CACf,YAAY;CACZ,gBAAgB;CAChB,WAAW;CACX,SAAS,MAAM,QAAQ,CAAC;CACxB,iBAAiB,MAAM,QAAQ,WAAW;AAC5C,EAAE;AAEF,IAAa,gBAAA,GAAeD,qBAAAA,OAAAA,CAAO,MAAM,CAAC,EAAE,EAAE,aAAa;CACzD,OAAO;CACP,UAAU;CACV,SAAS,MAAM,QAAQ,CAAC;CACxB,iBAAiB,MAAM,QAAQ,WAAW;CAC1C,cAAc,MAAM,MAAM;CAC1B,WAAW,MAAM,QAAQ;AAC3B,EAAE;AAEF,IAAa,qBAAA,GAAoBA,qBAAAA,OAAAA,CAAOE,cAAAA,SAAS,CAAC,EAAE,EAAE,aAAa;CACjE,OAAO;CACP,WAAW,MAAM,QAAQ,CAAC;CAC1B,cAAc,MAAM,QAAQ,CAAC;AAC/B,EAAE"}

package/build/sections/Security/utils.js.map

@@ -1 +1 @@
-{"version":3,"file":"utils.js","names":[],"sources":["../../../src/sections/Security/utils.ts"],"sourcesContent":["import { isEmpty } from 'lodash-es';\n\nimport { Route } from '../../utils';\n\nexport interface SecurityUrlParams {\n  readonly next: string;\n  readonly user: string;\n}\n\nexport interface LocationLike {\n  readonly search: string;\n}\n\nexport function getSecurityUrlParams(location: LocationLike): SecurityUrlParams {\n  const queryParams = new URLSearchParams(location.search);\n\n  // Get next parameter to match v1 URLs\n  let next = queryParams.get('next') || '';\n  if (next.length > 0 && (!next.startsWith(Route.LOGIN_API) || !next.match(/\\/[-0-9a-f]{36}$/))) {\n    next = '';\n  }\n\n  // Ignore user parameter if it does not match expected format (prevent XSS attacks)\n  let user = queryParams.get('user') || '';\n  if (user.length > 0 && !user.match(/^[a-zA-Z0-9-_]{1,255}$/)) {\n    user = '';\n  }\n\n  return { next, user };\n}\n\nexport interface TranslationFunction {\n  (key: string, options?: Record<string, unknown>): string;\n}\n\nexport interface DispatchAction {\n  (payload: { type: string; description: string }): void;\n}\n\nexport const validateCredentials = (\n  username: string,\n  password: string,\n  t: TranslationFunction,\n  dispatchAction: DispatchAction\n): boolean => {\n  if (!username || !password || isEmpty(username) || isEmpty(password)) {\n    dispatchAction({\n      type: 'error',\n      description: t('security.error.username-or-password-cant-be-empty'),\n    });\n    return false;\n  }\n\n  if (username.length < 2) {\n    dispatchAction({\n      type: 'error',\n      description: t('security.error.username-min-length', { length: 2 }),\n    });\n    return false;\n  }\n\n  // Validate username contains only url-safe characters\n  if (!username.match(/^[-a-zA-Z0-9_.!~*'()@]+$/)) {\n    dispatchAction({\n      type: 'error',\n      description: t('security.error.username-must-be-url-safe'),\n    });\n    return false;\n  }\n\n  // Note: password rules should be checked in auth plugin\n  return true;\n};\n"],"mappings":";;;;AAaA,SAAgB,qBAAqB,UAA2C;CAC9E,MAAM,cAAc,IAAI,gBAAgB,SAAS,MAAM;CAGvD,IAAI,OAAO,YAAY,IAAI,MAAM,KAAK;CACtC,IAAI,KAAK,SAAS,MAAM,CAAC,KAAK,WAAW,eAAA,MAAM,SAAS,KAAK,CAAC,KAAK,MAAM,kBAAkB,IACzF,OAAO;CAIT,IAAI,OAAO,YAAY,IAAI,MAAM,KAAK;CACtC,IAAI,KAAK,SAAS,KAAK,CAAC,KAAK,MAAM,wBAAwB,GACzD,OAAO;CAGT,OAAO;EAAE;EAAM;CAAK;AACtB"}
+{"version":3,"file":"utils.js","names":["Route"],"sources":["../../../src/sections/Security/utils.ts"],"sourcesContent":["import { isEmpty } from 'lodash-es';\n\nimport { Route } from '../../utils';\n\nexport interface SecurityUrlParams {\n  readonly next: string;\n  readonly user: string;\n}\n\nexport interface LocationLike {\n  readonly search: string;\n}\n\nexport function getSecurityUrlParams(location: LocationLike): SecurityUrlParams {\n  const queryParams = new URLSearchParams(location.search);\n\n  // Get next parameter to match v1 URLs\n  let next = queryParams.get('next') || '';\n  if (next.length > 0 && (!next.startsWith(Route.LOGIN_API) || !next.match(/\\/[-0-9a-f]{36}$/))) {\n    next = '';\n  }\n\n  // Ignore user parameter if it does not match expected format (prevent XSS attacks)\n  let user = queryParams.get('user') || '';\n  if (user.length > 0 && !user.match(/^[a-zA-Z0-9-_]{1,255}$/)) {\n    user = '';\n  }\n\n  return { next, user };\n}\n\nexport interface TranslationFunction {\n  (key: string, options?: Record<string, unknown>): string;\n}\n\nexport interface DispatchAction {\n  (payload: { type: string; description: string }): void;\n}\n\nexport const validateCredentials = (\n  username: string,\n  password: string,\n  t: TranslationFunction,\n  dispatchAction: DispatchAction\n): boolean => {\n  if (!username || !password || isEmpty(username) || isEmpty(password)) {\n    dispatchAction({\n      type: 'error',\n      description: t('security.error.username-or-password-cant-be-empty'),\n    });\n    return false;\n  }\n\n  if (username.length < 2) {\n    dispatchAction({\n      type: 'error',\n      description: t('security.error.username-min-length', { length: 2 }),\n    });\n    return false;\n  }\n\n  // Validate username contains only url-safe characters\n  if (!username.match(/^[-a-zA-Z0-9_.!~*'()@]+$/)) {\n    dispatchAction({\n      type: 'error',\n      description: t('security.error.username-must-be-url-safe'),\n    });\n    return false;\n  }\n\n  // Note: password rules should be checked in auth plugin\n  return true;\n};\n"],"mappings":";;;;AAaA,SAAgB,qBAAqB,UAA2C;CAC9E,MAAM,cAAc,IAAI,gBAAgB,SAAS,MAAM;CAGvD,IAAI,OAAO,YAAY,IAAI,MAAM,KAAK;CACtC,IAAI,KAAK,SAAS,MAAM,CAAC,KAAK,WAAWA,eAAAA,MAAM,SAAS,KAAK,CAAC,KAAK,MAAM,kBAAkB,IACzF,OAAO;CAIT,IAAI,OAAO,YAAY,IAAI,MAAM,KAAK;CACtC,IAAI,KAAK,SAAS,KAAK,CAAC,KAAK,MAAM,wBAAwB,GACzD,OAAO;CAGT,OAAO;EAAE;EAAM;CAAK;AACtB"}

package/build/sections/SideBar/Sidebar.js.map

@@ -1 +1 @@
-{"version":3,"file":"Sidebar.js","names":[],"sources":["../../../src/sections/SideBar/Sidebar.tsx"],"sourcesContent":["import Paper from '@mui/material/Paper';\nimport React from 'react';\n\nimport ActionBar from '../../components/ActionBar';\nimport Author from '../../components/Author';\nimport Developers, { DeveloperType } from '../../components/Developers';\nimport Dist from '../../components/Distribution';\nimport Engines from '../../components/Engines';\nimport FundButton from '../../components/FundButton';\nimport Install from '../../components/Install';\nimport Keywords from '../../components/Keywords';\nimport Repository from '../../components/Repository';\nimport SideBarTitle from '../../components/SideBarTitle';\nimport { DownloadProvider, useConfig, useVersion } from '../../providers';\nimport type { ModuleType, PackageMetaInterface } from '../../types/packageMeta';\n\nconst getModuleTypes = (manifest: PackageMetaInterface) => {\n  if (!manifest.latest) return [];\n\n  const moduleTypes: ModuleType[] = [manifest.latest.type || 'commonjs'];\n\n  if (manifest.latest.main) {\n    moduleTypes.push('commonjs');\n  }\n\n  return Array.from(new Set(moduleTypes));\n};\n\nconst DetailSidebar: React.FC = () => {\n  const { packageMeta, packageName, packageVersion } = useVersion();\n\n  const { configOptions } = useConfig();\n  const version = packageVersion || packageMeta?.latest.version || '';\n  const time = packageMeta?.time ? packageMeta.time[version] : '';\n  if (!packageMeta || !packageName) {\n    return null;\n  }\n\n  return (\n    <Paper data-testid=\"sidebar\" sx={{ position: 'sticky', top: 0, p: 2, ml: { xs: 0, md: 2 } }}>\n      <SideBarTitle\n        description={packageMeta.latest?.description}\n        hasTypes={typeof packageMeta.latest?.types === 'string'}\n        isLatest={typeof packageVersion === 'undefined'}\n        moduleTypes={getModuleTypes(packageMeta)}\n        packageName={packageName}\n        time={time}\n        version={version}\n      />\n      <DownloadProvider>\n        <ActionBar\n          packageMeta={packageMeta}\n          showDownloadTarball={configOptions.showDownloadTarball}\n          showRaw={configOptions.showRaw}\n        />\n      </DownloadProvider>\n      <FundButton packageMeta={packageMeta} />\n      <Install configOptions={configOptions} packageMeta={packageMeta} packageName={packageName} />\n      <Repository packageMeta={packageMeta} />\n      <Engines packageMeta={packageMeta} />\n      <Dist packageMeta={packageMeta} />\n      <Keywords packageMeta={packageMeta} />\n      <Author packageMeta={packageMeta} />\n      <Developers packageMeta={packageMeta} type={DeveloperType.MAINTAINERS} />\n      <Developers packageMeta={packageMeta} type={DeveloperType.CONTRIBUTORS} />\n    </Paper>\n  );\n};\n\nexport default DetailSidebar;\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAgBA,IAAM,kBAAkB,aAAmC;CACzD,IAAI,CAAC,SAAS,QAAQ,OAAO,CAAC;CAE9B,MAAM,cAA4B,CAAC,SAAS,OAAO,QAAQ,UAAU;CAErE,IAAI,SAAS,OAAO,MAClB,YAAY,KAAK,UAAU;CAG7B,OAAO,MAAM,KAAK,IAAI,IAAI,WAAW,CAAC;AACxC;AAEA,IAAM,sBAAgC;CACpC,MAAM,EAAE,aAAa,aAAa,mBAAmB,wBAAA,WAAW;CAEhE,MAAM,EAAE,kBAAkB,iCAAA,UAAU;CACpC,MAAM,UAAU,kBAAkB,aAAa,OAAO,WAAW;CACjE,MAAM,OAAO,aAAa,OAAO,YAAY,KAAK,WAAW;CAC7D,IAAI,CAAC,eAAe,CAAC,aACnB,OAAO;CAGT,OACE,iBAAA,GAAA,kBAAA,KAAA,CAAC,oBAAA,SAAD;EAAO,eAAY;EAAU,IAAI;GAAE,UAAU;GAAU,KAAK;GAAG,GAAG;GAAG,IAAI;IAAE,IAAI;IAAG,IAAI;GAAE;EAAE;EAA1F,UAAA;GACE,iBAAA,GAAA,kBAAA,IAAA,CAAC,qBAAA,SAAD;IACE,aAAa,YAAY,QAAQ;IACjC,UAAU,OAAO,YAAY,QAAQ,UAAU;IAC/C,UAAU,OAAO,mBAAmB;IACpC,aAAa,eAAe,WAAW;IAC1B;IACP;IACG;GACV,CAAA;GACD,iBAAA,GAAA,kBAAA,IAAA,CAAC,yBAAA,kBAAD,EAAA,UACE,iBAAA,GAAA,kBAAA,IAAA,CAAC,kBAAA,SAAD;IACe;IACb,qBAAqB,cAAc;IACnC,SAAS,cAAc;GACxB,CAAA,EACe,CAAA;GAClB,iBAAA,GAAA,kBAAA,IAAA,CAAC,mBAAA,SAAD,EAAyB,YAAc,CAAA;GACvC,iBAAA,GAAA,kBAAA,IAAA,CAAC,gBAAA,SAAD;IAAwB;IAA4B;IAA0B;GAAc,CAAA;GAC5F,iBAAA,GAAA,kBAAA,IAAA,CAAC,mBAAA,SAAD,EAAyB,YAAc,CAAA;GACvC,iBAAA,GAAA,kBAAA,IAAA,CAAC,gBAAA,SAAD,EAAsB,YAAc,CAAA;GACpC,iBAAA,GAAA,kBAAA,IAAA,CAAC,aAAA,SAAD,EAAmB,YAAc,CAAA;GACjC,iBAAA,GAAA,kBAAA,IAAA,CAAC,iBAAA,SAAD,EAAuB,YAAc,CAAA;GACrC,iBAAA,GAAA,kBAAA,IAAA,CAAC,eAAA,SAAD,EAAqB,YAAc,CAAA;GACnC,iBAAA,GAAA,kBAAA,IAAA,CAAC,mBAAA,SAAD;IAAyB;IAAa,MAAM,sBAAA,cAAc;GAAc,CAAA;GACxE,iBAAA,GAAA,kBAAA,IAAA,CAAC,mBAAA,SAAD;IAAyB;IAAa,MAAM,sBAAA,cAAc;GAAe,CAAA;EACpE;;AAEX"}
+{"version":3,"file":"Sidebar.js","names":["useVersion","useConfig","Paper","SideBarTitle","DownloadProvider","ActionBar","FundButton","Install","Repository","Engines","Dist","Keywords","Author","Developers","DeveloperType"],"sources":["../../../src/sections/SideBar/Sidebar.tsx"],"sourcesContent":["import Paper from '@mui/material/Paper';\nimport React from 'react';\n\nimport ActionBar from '../../components/ActionBar';\nimport Author from '../../components/Author';\nimport Developers, { DeveloperType } from '../../components/Developers';\nimport Dist from '../../components/Distribution';\nimport Engines from '../../components/Engines';\nimport FundButton from '../../components/FundButton';\nimport Install from '../../components/Install';\nimport Keywords from '../../components/Keywords';\nimport Repository from '../../components/Repository';\nimport SideBarTitle from '../../components/SideBarTitle';\nimport { DownloadProvider, useConfig, useVersion } from '../../providers';\nimport type { ModuleType, PackageMetaInterface } from '../../types/packageMeta';\n\nconst getModuleTypes = (manifest: PackageMetaInterface) => {\n  if (!manifest.latest) return [];\n\n  const moduleTypes: ModuleType[] = [manifest.latest.type || 'commonjs'];\n\n  if (manifest.latest.main) {\n    moduleTypes.push('commonjs');\n  }\n\n  return Array.from(new Set(moduleTypes));\n};\n\nconst DetailSidebar: React.FC = () => {\n  const { packageMeta, packageName, packageVersion } = useVersion();\n\n  const { configOptions } = useConfig();\n  const version = packageVersion || packageMeta?.latest.version || '';\n  const time = packageMeta?.time ? packageMeta.time[version] : '';\n  if (!packageMeta || !packageName) {\n    return null;\n  }\n\n  return (\n    <Paper data-testid=\"sidebar\" sx={{ position: 'sticky', top: 0, p: 2, ml: { xs: 0, md: 2 } }}>\n      <SideBarTitle\n        description={packageMeta.latest?.description}\n        hasTypes={typeof packageMeta.latest?.types === 'string'}\n        isLatest={typeof packageVersion === 'undefined'}\n        moduleTypes={getModuleTypes(packageMeta)}\n        packageName={packageName}\n        time={time}\n        version={version}\n      />\n      <DownloadProvider>\n        <ActionBar\n          packageMeta={packageMeta}\n          showDownloadTarball={configOptions.showDownloadTarball}\n          showRaw={configOptions.showRaw}\n        />\n      </DownloadProvider>\n      <FundButton packageMeta={packageMeta} />\n      <Install configOptions={configOptions} packageMeta={packageMeta} packageName={packageName} />\n      <Repository packageMeta={packageMeta} />\n      <Engines packageMeta={packageMeta} />\n      <Dist packageMeta={packageMeta} />\n      <Keywords packageMeta={packageMeta} />\n      <Author packageMeta={packageMeta} />\n      <Developers packageMeta={packageMeta} type={DeveloperType.MAINTAINERS} />\n      <Developers packageMeta={packageMeta} type={DeveloperType.CONTRIBUTORS} />\n    </Paper>\n  );\n};\n\nexport default DetailSidebar;\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAgBA,IAAM,kBAAkB,aAAmC;CACzD,IAAI,CAAC,SAAS,QAAQ,OAAO,CAAC;CAE9B,MAAM,cAA4B,CAAC,SAAS,OAAO,QAAQ,UAAU;CAErE,IAAI,SAAS,OAAO,MAClB,YAAY,KAAK,UAAU;CAG7B,OAAO,MAAM,KAAK,IAAI,IAAI,WAAW,CAAC;AACxC;AAEA,IAAM,sBAAgC;CACpC,MAAM,EAAE,aAAa,aAAa,mBAAmBA,wBAAAA,WAAW;CAEhE,MAAM,EAAE,kBAAkBC,iCAAAA,UAAU;CACpC,MAAM,UAAU,kBAAkB,aAAa,OAAO,WAAW;CACjE,MAAM,OAAO,aAAa,OAAO,YAAY,KAAK,WAAW;CAC7D,IAAI,CAAC,eAAe,CAAC,aACnB,OAAO;CAGT,OACE,iBAAA,GAAA,kBAAA,KAAA,CAACC,oBAAAA,SAAD;EAAO,eAAY;EAAU,IAAI;GAAE,UAAU;GAAU,KAAK;GAAG,GAAG;GAAG,IAAI;IAAE,IAAI;IAAG,IAAI;GAAE;EAAE;EAA1F,UAAA;GACE,iBAAA,GAAA,kBAAA,IAAA,CAACC,qBAAAA,SAAD;IACE,aAAa,YAAY,QAAQ;IACjC,UAAU,OAAO,YAAY,QAAQ,UAAU;IAC/C,UAAU,OAAO,mBAAmB;IACpC,aAAa,eAAe,WAAW;IAC1B;IACP;IACG;GACV,CAAA;GACD,iBAAA,GAAA,kBAAA,IAAA,CAACC,yBAAAA,kBAAD,EAAA,UACE,iBAAA,GAAA,kBAAA,IAAA,CAACC,kBAAAA,SAAD;IACe;IACb,qBAAqB,cAAc;IACnC,SAAS,cAAc;GACxB,CAAA,EACe,CAAA;GAClB,iBAAA,GAAA,kBAAA,IAAA,CAACC,mBAAAA,SAAD,EAAyB,YAAc,CAAA;GACvC,iBAAA,GAAA,kBAAA,IAAA,CAACC,gBAAAA,SAAD;IAAwB;IAA4B;IAA0B;GAAc,CAAA;GAC5F,iBAAA,GAAA,kBAAA,IAAA,CAACC,mBAAAA,SAAD,EAAyB,YAAc,CAAA;GACvC,iBAAA,GAAA,kBAAA,IAAA,CAACC,gBAAAA,SAAD,EAAsB,YAAc,CAAA;GACpC,iBAAA,GAAA,kBAAA,IAAA,CAACC,aAAAA,SAAD,EAAmB,YAAc,CAAA;GACjC,iBAAA,GAAA,kBAAA,IAAA,CAACC,iBAAAA,SAAD,EAAuB,YAAc,CAAA;GACrC,iBAAA,GAAA,kBAAA,IAAA,CAACC,eAAAA,SAAD,EAAqB,YAAc,CAAA;GACnC,iBAAA,GAAA,kBAAA,IAAA,CAACC,mBAAAA,SAAD;IAAyB;IAAa,MAAMC,sBAAAA,cAAc;GAAc,CAAA;GACxE,iBAAA,GAAA,kBAAA,IAAA,CAACD,mBAAAA,SAAD;IAAyB;IAAa,MAAMC,sBAAAA,cAAc;GAAe,CAAA;EACpE;;AAEX"}

package/build/sections/SideBar/Sidebar.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"Sidebar.mjs","names":[],"sources":["../../../src/sections/SideBar/Sidebar.tsx"],"sourcesContent":["import Paper from '@mui/material/Paper';\nimport React from 'react';\n\nimport ActionBar from '../../components/ActionBar';\nimport Author from '../../components/Author';\nimport Developers, { DeveloperType } from '../../components/Developers';\nimport Dist from '../../components/Distribution';\nimport Engines from '../../components/Engines';\nimport FundButton from '../../components/FundButton';\nimport Install from '../../components/Install';\nimport Keywords from '../../components/Keywords';\nimport Repository from '../../components/Repository';\nimport SideBarTitle from '../../components/SideBarTitle';\nimport { DownloadProvider, useConfig, useVersion } from '../../providers';\nimport type { ModuleType, PackageMetaInterface } from '../../types/packageMeta';\n\nconst getModuleTypes = (manifest: PackageMetaInterface) => {\n  if (!manifest.latest) return [];\n\n  const moduleTypes: ModuleType[] = [manifest.latest.type || 'commonjs'];\n\n  if (manifest.latest.main) {\n    moduleTypes.push('commonjs');\n  }\n\n  return Array.from(new Set(moduleTypes));\n};\n\nconst DetailSidebar: React.FC = () => {\n  const { packageMeta, packageName, packageVersion } = useVersion();\n\n  const { configOptions } = useConfig();\n  const version = packageVersion || packageMeta?.latest.version || '';\n  const time = packageMeta?.time ? packageMeta.time[version] : '';\n  if (!packageMeta || !packageName) {\n    return null;\n  }\n\n  return (\n    <Paper data-testid=\"sidebar\" sx={{ position: 'sticky', top: 0, p: 2, ml: { xs: 0, md: 2 } }}>\n      <SideBarTitle\n        description={packageMeta.latest?.description}\n        hasTypes={typeof packageMeta.latest?.types === 'string'}\n        isLatest={typeof packageVersion === 'undefined'}\n        moduleTypes={getModuleTypes(packageMeta)}\n        packageName={packageName}\n        time={time}\n        version={version}\n      />\n      <DownloadProvider>\n        <ActionBar\n          packageMeta={packageMeta}\n          showDownloadTarball={configOptions.showDownloadTarball}\n          showRaw={configOptions.showRaw}\n        />\n      </DownloadProvider>\n      <FundButton packageMeta={packageMeta} />\n      <Install configOptions={configOptions} packageMeta={packageMeta} packageName={packageName} />\n      <Repository packageMeta={packageMeta} />\n      <Engines packageMeta={packageMeta} />\n      <Dist packageMeta={packageMeta} />\n      <Keywords packageMeta={packageMeta} />\n      <Author packageMeta={packageMeta} />\n      <Developers packageMeta={packageMeta} type={DeveloperType.MAINTAINERS} />\n      <Developers packageMeta={packageMeta} type={DeveloperType.CONTRIBUTORS} />\n    </Paper>\n  );\n};\n\nexport default DetailSidebar;\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAgBA,IAAM,kBAAkB,aAAmC;CACzD,IAAI,CAAC,SAAS,QAAQ,OAAO,CAAC;CAE9B,MAAM,cAA4B,CAAC,SAAS,OAAO,QAAQ,UAAU;CAErE,IAAI,SAAS,OAAO,MAClB,YAAY,KAAK,UAAU;CAG7B,OAAO,MAAM,KAAK,IAAI,IAAI,WAAW,CAAC;AACxC;AAEA,IAAM,sBAAgC;CACpC,MAAM,EAAE,aAAa,aAAa,mBAAmB,WAAW;CAEhE,MAAM,EAAE,kBAAkB,UAAU;CACpC,MAAM,UAAU,kBAAkB,aAAa,OAAO,WAAW;CACjE,MAAM,OAAO,aAAa,OAAO,YAAY,KAAK,WAAW;CAC7D,IAAI,CAAC,eAAe,CAAC,aACnB,OAAO;CAGT,OACE,qBAAC,OAAD;EAAO,eAAY;EAAU,IAAI;GAAE,UAAU;GAAU,KAAK;GAAG,GAAG;GAAG,IAAI;IAAE,IAAI;IAAG,IAAI;GAAE;EAAE;EAA1F,UAAA;GACE,oBAAC,oBAAD;IACE,aAAa,YAAY,QAAQ;IACjC,UAAU,OAAO,YAAY,QAAQ,UAAU;IAC/C,UAAU,OAAO,mBAAmB;IACpC,aAAa,eAAe,WAAW;IAC1B;IACP;IACG;GACV,CAAA;GACD,oBAAC,kBAAD,EAAA,UACE,oBAAC,WAAD;IACe;IACb,qBAAqB,cAAc;IACnC,SAAS,cAAc;GACxB,CAAA,EACe,CAAA;GAClB,oBAAC,YAAD,EAAyB,YAAc,CAAA;GACvC,oBAAC,SAAD;IAAwB;IAA4B;IAA0B;GAAc,CAAA;GAC5F,oBAAC,YAAD,EAAyB,YAAc,CAAA;GACvC,oBAAC,QAAD,EAAsB,YAAc,CAAA;GACpC,oBAAC,MAAD,EAAmB,YAAc,CAAA;GACjC,oBAAC,UAAD,EAAuB,YAAc,CAAA;GACrC,oBAAC,QAAD,EAAqB,YAAc,CAAA;GACnC,oBAAC,YAAD;IAAyB;IAAa,MAAM,cAAc;GAAc,CAAA;GACxE,oBAAC,YAAD;IAAyB;IAAa,MAAM,cAAc;GAAe,CAAA;EACpE;;AAEX"}
+{"version":3,"file":"Sidebar.mjs","names":["SideBarTitle","Engines"],"sources":["../../../src/sections/SideBar/Sidebar.tsx"],"sourcesContent":["import Paper from '@mui/material/Paper';\nimport React from 'react';\n\nimport ActionBar from '../../components/ActionBar';\nimport Author from '../../components/Author';\nimport Developers, { DeveloperType } from '../../components/Developers';\nimport Dist from '../../components/Distribution';\nimport Engines from '../../components/Engines';\nimport FundButton from '../../components/FundButton';\nimport Install from '../../components/Install';\nimport Keywords from '../../components/Keywords';\nimport Repository from '../../components/Repository';\nimport SideBarTitle from '../../components/SideBarTitle';\nimport { DownloadProvider, useConfig, useVersion } from '../../providers';\nimport type { ModuleType, PackageMetaInterface } from '../../types/packageMeta';\n\nconst getModuleTypes = (manifest: PackageMetaInterface) => {\n  if (!manifest.latest) return [];\n\n  const moduleTypes: ModuleType[] = [manifest.latest.type || 'commonjs'];\n\n  if (manifest.latest.main) {\n    moduleTypes.push('commonjs');\n  }\n\n  return Array.from(new Set(moduleTypes));\n};\n\nconst DetailSidebar: React.FC = () => {\n  const { packageMeta, packageName, packageVersion } = useVersion();\n\n  const { configOptions } = useConfig();\n  const version = packageVersion || packageMeta?.latest.version || '';\n  const time = packageMeta?.time ? packageMeta.time[version] : '';\n  if (!packageMeta || !packageName) {\n    return null;\n  }\n\n  return (\n    <Paper data-testid=\"sidebar\" sx={{ position: 'sticky', top: 0, p: 2, ml: { xs: 0, md: 2 } }}>\n      <SideBarTitle\n        description={packageMeta.latest?.description}\n        hasTypes={typeof packageMeta.latest?.types === 'string'}\n        isLatest={typeof packageVersion === 'undefined'}\n        moduleTypes={getModuleTypes(packageMeta)}\n        packageName={packageName}\n        time={time}\n        version={version}\n      />\n      <DownloadProvider>\n        <ActionBar\n          packageMeta={packageMeta}\n          showDownloadTarball={configOptions.showDownloadTarball}\n          showRaw={configOptions.showRaw}\n        />\n      </DownloadProvider>\n      <FundButton packageMeta={packageMeta} />\n      <Install configOptions={configOptions} packageMeta={packageMeta} packageName={packageName} />\n      <Repository packageMeta={packageMeta} />\n      <Engines packageMeta={packageMeta} />\n      <Dist packageMeta={packageMeta} />\n      <Keywords packageMeta={packageMeta} />\n      <Author packageMeta={packageMeta} />\n      <Developers packageMeta={packageMeta} type={DeveloperType.MAINTAINERS} />\n      <Developers packageMeta={packageMeta} type={DeveloperType.CONTRIBUTORS} />\n    </Paper>\n  );\n};\n\nexport default DetailSidebar;\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAgBA,IAAM,kBAAkB,aAAmC;CACzD,IAAI,CAAC,SAAS,QAAQ,OAAO,CAAC;CAE9B,MAAM,cAA4B,CAAC,SAAS,OAAO,QAAQ,UAAU;CAErE,IAAI,SAAS,OAAO,MAClB,YAAY,KAAK,UAAU;CAG7B,OAAO,MAAM,KAAK,IAAI,IAAI,WAAW,CAAC;AACxC;AAEA,IAAM,sBAAgC;CACpC,MAAM,EAAE,aAAa,aAAa,mBAAmB,WAAW;CAEhE,MAAM,EAAE,kBAAkB,UAAU;CACpC,MAAM,UAAU,kBAAkB,aAAa,OAAO,WAAW;CACjE,MAAM,OAAO,aAAa,OAAO,YAAY,KAAK,WAAW;CAC7D,IAAI,CAAC,eAAe,CAAC,aACnB,OAAO;CAGT,OACE,qBAAC,OAAD;EAAO,eAAY;EAAU,IAAI;GAAE,UAAU;GAAU,KAAK;GAAG,GAAG;GAAG,IAAI;IAAE,IAAI;IAAG,IAAI;GAAE;EAAE;EAA1F,UAAA;GACE,oBAACA,oBAAD;IACE,aAAa,YAAY,QAAQ;IACjC,UAAU,OAAO,YAAY,QAAQ,UAAU;IAC/C,UAAU,OAAO,mBAAmB;IACpC,aAAa,eAAe,WAAW;IAC1B;IACP;IACG;GACV,CAAA;GACD,oBAAC,kBAAD,EAAA,UACE,oBAAC,WAAD;IACe;IACb,qBAAqB,cAAc;IACnC,SAAS,cAAc;GACxB,CAAA,EACe,CAAA;GAClB,oBAAC,YAAD,EAAyB,YAAc,CAAA;GACvC,oBAAC,SAAD;IAAwB;IAA4B;IAA0B;GAAc,CAAA;GAC5F,oBAAC,YAAD,EAAyB,YAAc,CAAA;GACvC,oBAACC,QAAD,EAAsB,YAAc,CAAA;GACpC,oBAAC,MAAD,EAAmB,YAAc,CAAA;GACjC,oBAAC,UAAD,EAAuB,YAAc,CAAA;GACrC,oBAAC,QAAD,EAAqB,YAAc,CAAA;GACnC,oBAAC,YAAD;IAAyB;IAAa,MAAM,cAAc;GAAc,CAAA;GACxE,oBAAC,YAAD;IAAyB;IAAa,MAAM,cAAc;GAAe,CAAA;EACpE;;AAEX"}

package/build/sections/SideBar/index.mjs

@@ -1,2 +1 @@
-import DetailSidebar from "./Sidebar.mjs";
-export { DetailSidebar as default };
+export { default } from "./Sidebar.mjs";

package/build/sections/Stage/StageActions.js.map

@@ -1 +1 @@
-{"version":3,"file":"StageActions.js","names":[],"sources":["../../../src/sections/Stage/StageActions.tsx"],"sourcesContent":["import {\n  Button,\n  Dialog,\n  DialogActions,\n  DialogContent,\n  DialogContentText,\n  DialogTitle,\n  Typography,\n} from '@mui/material';\nimport React, { useCallback, useState } from 'react';\nimport { useTranslation } from 'react-i18next';\n\nimport type { StagePackageVersion } from './types';\nimport { approveStagedVersion, rejectStagedVersion } from './useStage';\n\ntype PendingAction = 'approve' | 'reject' | null;\n\ninterface Props {\n  item: StagePackageVersion;\n  /** Called after a successful approve/reject so the caller can refresh. */\n  onDone: () => void;\n}\n\n/**\n * Approve / reject buttons with a confirmation step.\n *\n * Both actions are irreversible from the UI: approving publishes the version\n * for real, rejecting deletes the staged record and its tarball.\n */\nconst StageActions: React.FC<Props> = ({ item, onDone }) => {\n  const { t } = useTranslation();\n  const [pending, setPending] = useState<PendingAction>(null);\n  const [isBusy, setIsBusy] = useState(false);\n  const [error, setError] = useState<string | null>(null);\n\n  const close = useCallback(() => {\n    if (!isBusy) {\n      setPending(null);\n      setError(null);\n    }\n  }, [isBusy]);\n\n  const confirm = useCallback(async () => {\n    if (!pending) {\n      return;\n    }\n    setIsBusy(true);\n    setError(null);\n    try {\n      if (pending === 'approve') {\n        await approveStagedVersion(item.id);\n      } else {\n        await rejectStagedVersion(item.id);\n      }\n      setPending(null);\n      onDone();\n    } catch (err: any) {\n      // 409 here means the version got published by another route meanwhile,\n      // and the staged item is deliberately kept so it can still be inspected\n      setError(err?.message ?? t('stage.error.action'));\n    } finally {\n      setIsBusy(false);\n    }\n  }, [item.id, onDone, pending, t]);\n\n  return (\n    <>\n      <Button\n        color=\"primary\"\n        data-testid={`stage-approve-${item.id}`}\n        disabled={isBusy}\n        onClick={() => setPending('approve')}\n        size=\"small\"\n        variant=\"outlined\"\n      >\n        {t('stage.action.approve')}\n      </Button>\n      <Button\n        color=\"error\"\n        data-testid={`stage-reject-${item.id}`}\n        disabled={isBusy}\n        onClick={() => setPending('reject')}\n        size=\"small\"\n      >\n        {t('stage.action.reject')}\n      </Button>\n\n      <Dialog onClose={close} open={pending !== null}>\n        <DialogTitle>\n          {pending === 'approve' ? t('stage.confirm.approveTitle') : t('stage.confirm.rejectTitle')}\n        </DialogTitle>\n        <DialogContent>\n          <DialogContentText>\n            {pending === 'approve'\n              ? t('stage.confirm.approveBody', {\n                  package: item.packageName,\n                  version: item.version,\n                  tag: item.tag,\n                })\n              : t('stage.confirm.rejectBody', {\n                  package: item.packageName,\n                  version: item.version,\n                })}\n          </DialogContentText>\n          {error && (\n            <Typography color=\"error\" marginTop={2} role=\"alert\">\n              {error}\n            </Typography>\n          )}\n        </DialogContent>\n        <DialogActions>\n          <Button disabled={isBusy} onClick={close}>\n            {t('button.cancel')}\n          </Button>\n          <Button\n            color={pending === 'approve' ? 'primary' : 'error'}\n            data-testid=\"stage-confirm\"\n            disabled={isBusy}\n            onClick={confirm}\n            variant=\"contained\"\n          >\n            {pending === 'approve' ? t('stage.action.approve') : t('stage.action.reject')}\n          </Button>\n        </DialogActions>\n      </Dialog>\n    </>\n  );\n};\n\nexport default StageActions;\n"],"mappings":";;;;;;;;;;;;;;AA6BA,IAAM,gBAAiC,EAAE,MAAM,aAAa;CAC1D,MAAM,EAAE,OAAA,GAAM,cAAA,eAAA,CAAe;CAC7B,MAAM,CAAC,SAAS,eAAA,GAAc,MAAA,SAAA,CAAwB,IAAI;CAC1D,MAAM,CAAC,QAAQ,cAAA,GAAa,MAAA,SAAA,CAAS,KAAK;CAC1C,MAAM,CAAC,OAAO,aAAA,GAAY,MAAA,SAAA,CAAwB,IAAI;CAEtD,MAAM,SAAA,GAAQ,MAAA,YAAA,OAAkB;EAC9B,IAAI,CAAC,QAAQ;GACX,WAAW,IAAI;GACf,SAAS,IAAI;EACf;CACF,GAAG,CAAC,MAAM,CAAC;CAEX,MAAM,WAAA,GAAU,MAAA,YAAA,CAAY,YAAY;EACtC,IAAI,CAAC,SACH;EAEF,UAAU,IAAI;EACd,SAAS,IAAI;EACb,IAAI;GACF,IAAI,YAAY,WACd,MAAM,iBAAA,qBAAqB,KAAK,EAAE;QAElC,MAAM,iBAAA,oBAAoB,KAAK,EAAE;GAEnC,WAAW,IAAI;GACf,OAAO;EACT,SAAS,KAAU;GAGjB,SAAS,KAAK,WAAW,EAAE,oBAAoB,CAAC;EAClD,UAAU;GACR,UAAU,KAAK;EACjB;CACF,GAAG;EAAC,KAAK;EAAI;EAAQ;EAAS;CAAC,CAAC;CAEhC,OACE,iBAAA,GAAA,kBAAA,KAAA,CAAA,kBAAA,UAAA,EAAA,UAAA;EACE,iBAAA,GAAA,kBAAA,IAAA,CAAC,cAAA,QAAD;GACE,OAAM;GACN,eAAa,iBAAiB,KAAK;GACnC,UAAU;GACV,eAAe,WAAW,SAAS;GACnC,MAAK;GACL,SAAQ;GAEP,UAAA,EAAE,sBAAsB;EACnB,CAAA;EACR,iBAAA,GAAA,kBAAA,IAAA,CAAC,cAAA,QAAD;GACE,OAAM;GACN,eAAa,gBAAgB,KAAK;GAClC,UAAU;GACV,eAAe,WAAW,QAAQ;GAClC,MAAK;GAEJ,UAAA,EAAE,qBAAqB;EAClB,CAAA;EAER,iBAAA,GAAA,kBAAA,KAAA,CAAC,cAAA,QAAD;GAAQ,SAAS;GAAO,MAAM,YAAY;GAA1C,UAAA;IACE,iBAAA,GAAA,kBAAA,IAAA,CAAC,cAAA,aAAD,EAAA,UACG,YAAY,YAAY,EAAE,4BAA4B,IAAI,EAAE,2BAA2B,EAC7E,CAAA;IACb,iBAAA,GAAA,kBAAA,KAAA,CAAC,cAAA,eAAD,EAAA,UAAA,CACE,iBAAA,GAAA,kBAAA,IAAA,CAAC,cAAA,mBAAD,EAAA,UACG,YAAY,YACT,EAAE,6BAA6B;KAC7B,SAAS,KAAK;KACd,SAAS,KAAK;KACd,KAAK,KAAK;IACZ,CAAC,IACD,EAAE,4BAA4B;KAC5B,SAAS,KAAK;KACd,SAAS,KAAK;IAChB,CAAC,EACY,CAAA,GAClB,SACC,iBAAA,GAAA,kBAAA,IAAA,CAAC,cAAA,YAAD;KAAY,OAAM;KAAQ,WAAW;KAAG,MAAK;KAC1C,UAAA;IACS,CAAA,CAED,EAAA,CAAA;IACf,iBAAA,GAAA,kBAAA,KAAA,CAAC,cAAA,eAAD,EAAA,UAAA,CACE,iBAAA,GAAA,kBAAA,IAAA,CAAC,cAAA,QAAD;KAAQ,UAAU;KAAQ,SAAS;KAChC,UAAA,EAAE,eAAe;IACZ,CAAA,GACR,iBAAA,GAAA,kBAAA,IAAA,CAAC,cAAA,QAAD;KACE,OAAO,YAAY,YAAY,YAAY;KAC3C,eAAY;KACZ,UAAU;KACV,SAAS;KACT,SAAQ;KAEP,UAAA,YAAY,YAAY,EAAE,sBAAsB,IAAI,EAAE,qBAAqB;IACtE,CAAA,CACK,EAAA,CAAA;GACT;;CACR,EAAA,CAAA;AAEN"}
+{"version":3,"file":"StageActions.js","names":["useTranslation","useState","useCallback","approveStagedVersion","rejectStagedVersion","_Fragment","Button","Dialog","DialogTitle","DialogContent","DialogContentText","Typography","DialogActions"],"sources":["../../../src/sections/Stage/StageActions.tsx"],"sourcesContent":["import {\n  Button,\n  Dialog,\n  DialogActions,\n  DialogContent,\n  DialogContentText,\n  DialogTitle,\n  Typography,\n} from '@mui/material';\nimport React, { useCallback, useState } from 'react';\nimport { useTranslation } from 'react-i18next';\n\nimport type { StagePackageVersion } from './types';\nimport { approveStagedVersion, rejectStagedVersion } from './useStage';\n\ntype PendingAction = 'approve' | 'reject' | null;\n\ninterface Props {\n  item: StagePackageVersion;\n  /** Called after a successful approve/reject so the caller can refresh. */\n  onDone: () => void;\n}\n\n/**\n * Approve / reject buttons with a confirmation step.\n *\n * Both actions are irreversible from the UI: approving publishes the version\n * for real, rejecting deletes the staged record and its tarball.\n */\nconst StageActions: React.FC<Props> = ({ item, onDone }) => {\n  const { t } = useTranslation();\n  const [pending, setPending] = useState<PendingAction>(null);\n  const [isBusy, setIsBusy] = useState(false);\n  const [error, setError] = useState<string | null>(null);\n\n  const close = useCallback(() => {\n    if (!isBusy) {\n      setPending(null);\n      setError(null);\n    }\n  }, [isBusy]);\n\n  const confirm = useCallback(async () => {\n    if (!pending) {\n      return;\n    }\n    setIsBusy(true);\n    setError(null);\n    try {\n      if (pending === 'approve') {\n        await approveStagedVersion(item.id);\n      } else {\n        await rejectStagedVersion(item.id);\n      }\n      setPending(null);\n      onDone();\n    } catch (err: any) {\n      // 409 here means the version got published by another route meanwhile,\n      // and the staged item is deliberately kept so it can still be inspected\n      setError(err?.message ?? t('stage.error.action'));\n    } finally {\n      setIsBusy(false);\n    }\n  }, [item.id, onDone, pending, t]);\n\n  return (\n    <>\n      <Button\n        color=\"primary\"\n        data-testid={`stage-approve-${item.id}`}\n        disabled={isBusy}\n        onClick={() => setPending('approve')}\n        size=\"small\"\n        variant=\"outlined\"\n      >\n        {t('stage.action.approve')}\n      </Button>\n      <Button\n        color=\"error\"\n        data-testid={`stage-reject-${item.id}`}\n        disabled={isBusy}\n        onClick={() => setPending('reject')}\n        size=\"small\"\n      >\n        {t('stage.action.reject')}\n      </Button>\n\n      <Dialog onClose={close} open={pending !== null}>\n        <DialogTitle>\n          {pending === 'approve' ? t('stage.confirm.approveTitle') : t('stage.confirm.rejectTitle')}\n        </DialogTitle>\n        <DialogContent>\n          <DialogContentText>\n            {pending === 'approve'\n              ? t('stage.confirm.approveBody', {\n                  package: item.packageName,\n                  version: item.version,\n                  tag: item.tag,\n                })\n              : t('stage.confirm.rejectBody', {\n                  package: item.packageName,\n                  version: item.version,\n                })}\n          </DialogContentText>\n          {error && (\n            <Typography color=\"error\" marginTop={2} role=\"alert\">\n              {error}\n            </Typography>\n          )}\n        </DialogContent>\n        <DialogActions>\n          <Button disabled={isBusy} onClick={close}>\n            {t('button.cancel')}\n          </Button>\n          <Button\n            color={pending === 'approve' ? 'primary' : 'error'}\n            data-testid=\"stage-confirm\"\n            disabled={isBusy}\n            onClick={confirm}\n            variant=\"contained\"\n          >\n            {pending === 'approve' ? t('stage.action.approve') : t('stage.action.reject')}\n          </Button>\n        </DialogActions>\n      </Dialog>\n    </>\n  );\n};\n\nexport default StageActions;\n"],"mappings":"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"}