@verdaccio/ui-components 5.0.0-next-9.2 → 5.0.0-next-9.3

package/build/sections/Security/ChangePassword.js

@@ -1,24 +1,31 @@
-import { APIRoute as e, Route as t } from "../../utils/routes.js";
-import "../../utils/index.js";
-import { getConfiguration as n } from "../../configuration.js";
-import { stripTrailingSlash as r } from "../../store/utils.js";
-import { useDataMutation as i } from "../../api/use-data-mutation.js";
-import { normalizeAuthError as a } from "../../providers/AuthProvider/utils.js";
-import o from "../../components/LoginDialog/LoginDialogFormError.js";
-import { changePasswordSchema as s } from "../../utils/schemas.js";
-import c from "../../layouts/Security/Dialog.js";
-import { SecurityContainer as l, SecurityForm as u, SecurityTextField as d } from "./styles.js";
-import { MessageType as f } from "./Success.js";
-import { jsx as p, jsxs as m } from "react/jsx-runtime";
-import { useCallback as h, useEffect as g } from "react";
-import { useTranslation as _ } from "react-i18next";
-import { useNavigate as v } from "react-router";
-import { Button as y, Typography as b } from "@mui/material";
-import { yupResolver as x } from "@hookform/resolvers/yup";
-import { useForm as S } from "react-hook-form";
+const require_runtime = require("../../_virtual/_rolldown/runtime.js");
+const require_routes = require("../../utils/routes.js");
+require("../../utils/index.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_LoginDialogFormError = require("../../components/LoginDialog/LoginDialogFormError.js");
+const require_schemas = require("../../utils/schemas.js");
+const require_Dialog = require("../../layouts/Security/Dialog.js");
+const require_styles = require("./styles.js");
+const require_Success = require("./Success.js");
+let react_jsx_runtime = require("react/jsx-runtime");
+let react = require("react");
+react = require_runtime.__toESM(react);
+let react_i18next = require("react-i18next");
+let react_router = require("react-router");
+let _mui_material = require("@mui/material");
+let _hookform_resolvers_yup = require("@hookform/resolvers/yup");
+let react_hook_form = require("react-hook-form");
 //#region src/sections/Security/ChangePassword.tsx
-var C = () => {
-	let { t: C } = _(), w = v(), T = n(), E = r(T.base), D = T?.flags?.changePassword, { setError: O, handleSubmit: k, register: A, formState: { isValid: j, errors: M } } = S({
+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 { setError, handleSubmit, register, formState: { isValid, errors } } = (0, react_hook_form.useForm)({
 		mode: "onChange",
 		defaultValues: {
 			username: "",
@@ -26,88 +33,93 @@ var C = () => {
 			newPassword: "",
 			confirmPassword: ""
 		},
-		resolver: x(s)
-	}), { trigger: N } = i(E, e.RESET_PASSWORD, "PUT"), P = h(async (e) => {
+		resolver: (0, _hookform_resolvers_yup.yupResolver)(require_schemas.changePasswordSchema)
+	});
+	const { trigger } = require_use_data_mutation.useDataMutation(basePath, require_routes.APIRoute.RESET_PASSWORD, "PUT");
+	const handleChangePassword = (0, react.useCallback)(async (body) => {
 		try {
-			await N(e);
-		} catch (e) {
-			throw a(e);
+			await trigger(body);
+		} catch (err) {
+			throw require_utils$1.normalizeAuthError(err);
 		}
-	}, [N]), F = h(async (e) => {
+	}, [trigger]);
+	const onSubmit = (0, react.useCallback)(async (data) => {
 		try {
-			await P({ password: {
-				old: e.oldPassword,
-				new: e.newPassword
-			} }), w(`${t.SUCCESS}?messageType=${f.ChangePassword}`);
+			await handleChangePassword({ password: {
+				old: data.oldPassword,
+				new: data.newPassword
+			} });
+			navigate(`${require_routes.Route.SUCCESS}?messageType=${require_Success.MessageType.ChangePassword}`);
 		} catch {
-			O("root", {
+			setError("root", {
 				type: "server",
 				message: "Failed to change password"
 			});
 		}
 	}, [
-		P,
-		O,
-		w
+		handleChangePassword,
+		setError,
+		navigate
 	]);
-	return g(() => {
-		D || w("/");
-	}, [D, w]), D ? /* @__PURE__ */ p(c, { children: /* @__PURE__ */ p(l, { children: /* @__PURE__ */ m(u, {
+	(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, {
 		component: "form",
-		onSubmit: k(F),
+		onSubmit: handleSubmit(onSubmit),
 		children: [
-			/* @__PURE__ */ p(b, {
+			/* @__PURE__ */ (0, react_jsx_runtime.jsx)(_mui_material.Typography, {
 				align: "center",
 				component: "h1",
-				gutterBottom: !0,
+				gutterBottom: true,
 				variant: "h4",
-				children: C("security.changePassword.title")
+				children: t("security.changePassword.title")
 			}),
-			/* @__PURE__ */ p(d, {
-				error: !!M.username,
-				helperText: M.username?.message,
-				label: C("security.changePassword.username"),
-				...A("username"),
-				required: !0
+			/* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_styles.SecurityTextField, {
+				error: !!errors.username,
+				helperText: errors.username?.message,
+				label: t("security.changePassword.username"),
+				...register("username"),
+				required: true
 			}),
-			/* @__PURE__ */ p(d, {
-				error: !!M.oldPassword,
-				helperText: M.oldPassword?.message,
-				label: C("security.changePassword.oldPassword"),
-				...A("oldPassword"),
-				required: !0,
+			/* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_styles.SecurityTextField, {
+				error: !!errors.oldPassword,
+				helperText: errors.oldPassword?.message,
+				label: t("security.changePassword.oldPassword"),
+				...register("oldPassword"),
+				required: true,
 				type: "password"
 			}),
-			/* @__PURE__ */ p(d, {
-				error: !!M.newPassword,
-				helperText: M.newPassword?.message,
-				label: C("security.changePassword.newPassword"),
-				...A("newPassword"),
-				required: !0,
+			/* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_styles.SecurityTextField, {
+				error: !!errors.newPassword,
+				helperText: errors.newPassword?.message,
+				label: t("security.changePassword.newPassword"),
+				...register("newPassword"),
+				required: true,
 				type: "password"
 			}),
-			/* @__PURE__ */ p(d, {
-				error: !!M.confirmPassword,
-				helperText: M.confirmPassword?.message,
-				label: C("security.changePassword.confirmPassword"),
-				...A("confirmPassword"),
-				required: !0,
+			/* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_styles.SecurityTextField, {
+				error: !!errors.confirmPassword,
+				helperText: errors.confirmPassword?.message,
+				label: t("security.changePassword.confirmPassword"),
+				...register("confirmPassword"),
+				required: true,
 				type: "password"
 			}),
-			M.root && /* @__PURE__ */ p(o, { error: M.root }),
-			/* @__PURE__ */ p(y, {
+			errors.root && /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_LoginDialogFormError.default, { error: errors.root }),
+			/* @__PURE__ */ (0, react_jsx_runtime.jsx)(_mui_material.Button, {
 				color: "primary",
-				disabled: !j,
-				fullWidth: !0,
+				disabled: !isValid,
+				fullWidth: true,
 				sx: { mt: 2 },
 				type: "submit",
 				variant: "contained",
-				children: C("security.changePassword.submit")
+				children: t("security.changePassword.submit")
 			})
 		]
 	}) }) }) : null;
 };
 //#endregion
-export { C as default };
+exports.default = ChangePassword;
 
 //# sourceMappingURL=ChangePassword.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"ChangePassword.js","names":["yupResolver","Button","Typography","React","useCallback","useEffect","useForm","useTranslation","useNavigate","useDataMutation","LoginDialogFormError","getConfiguration","SecurityLayout","normalizeAuthError","stripTrailingSlash","Route","APIRoute","ChangePasswordFormValues","changePasswordSchema","MessageType","SecurityContainer","SecurityForm","SecurityTextField","ChangePassword","FC","t","navigate","configuration","basePath","base","changePasswordEnabled","flags","changePassword","form","mode","defaultValues","username","oldPassword","newPassword","confirmPassword","resolver","setError","handleSubmit","register","formState","isValid","errors","trigger","ok","RESET_PASSWORD","handleChangePassword","body","password","old","new","err","onSubmit","data","SUCCESS","type","message","root","mt"],"sources":["../../../src/sections/Security/ChangePassword.tsx"],"sourcesContent":["import { yupResolver } from '@hookform/resolvers/yup';\nimport { Button, Typography } from '@mui/material';\nimport React, { useCallback, useEffect } 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 { normalizeAuthError } 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 { 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 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, 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      try {\n        await trigger(body);\n      } catch (err) {\n        throw normalizeAuthError(err);\n      }\n    },\n    [trigger]\n  );\n\n  const onSubmit = useCallback(\n    async (data: ChangePasswordFormValues) => {\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 {\n        setError('root', {\n          type: 'server',\n          message: 'Failed to change password',\n        });\n      }\n    },\n    [handleChangePassword, setError, navigate]\n  );\n\n  useEffect(() => {\n    if (!changePasswordEnabled) {\n      navigate('/');\n    }\n  }, [changePasswordEnabled, navigate]);\n\n  return changePasswordEnabled ? (\n    <SecurityLayout>\n      <SecurityContainer>\n        <SecurityForm component=\"form\" 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={errors.username?.message}\n            label={t('security.changePassword.username')}\n            {...register('username')}\n            required={true}\n          />\n          <SecurityTextField\n            error={!!errors.oldPassword}\n            helperText={errors.oldPassword?.message}\n            label={t('security.changePassword.oldPassword')}\n            {...register('oldPassword')}\n            required={true}\n            type=\"password\"\n          />\n          <SecurityTextField\n            error={!!errors.newPassword}\n            helperText={errors.newPassword?.message}\n            label={t('security.changePassword.newPassword')}\n            {...register('newPassword')}\n            required={true}\n            type=\"password\"\n          />\n          <SecurityTextField\n            error={!!errors.confirmPassword}\n            helperText={errors.confirmPassword?.message}\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}\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":";;;;;;;;;;;;;;;;;;;AAoBA,IAAMuB,UAAiC;CACrC,IAAM,EAAEE,SAAMlB,GAAgB,EACxBmB,IAAWlB,GAAa,EACxBmB,IAAgBhB,GAAkB,EAClCiB,IAAWd,EAAmBa,EAAcE,KAAK,EACjDC,IAAwBH,GAAeI,OAAOC,gBAa9C,EACJS,aACAC,iBACAC,aACAC,WAAW,EAAEC,YAASC,gBAfXxC,EAAkC;EAC7C4B,MAAM;EACNC,eAAe;GACbC,UAAU;GACVC,aAAa;GACbC,aAAa;GACbC,iBAAiB;GAClB;EACDC,UAAUxC,EAAYkB,EAAoB;EAC3C,CAAC,EASI,EAAE6B,eAAYtC,EAAgCmB,GAAUZ,EAASiC,gBAAgB,MAAM,EAEvFC,IAAuB9C,EAC3B,OAAO+C,MAAqD;AAC1D,MAAI;AACF,SAAMJ,EAAQI,EAAK;WACZI,GAAK;AACZ,SAAM1C,EAAmB0C,EAAI;;IAGjC,CAACR,EACH,CAAC,EAEKS,IAAWpD,EACf,OAAOqD,MAAmC;AACxC,MAAI;AAOF/B,GANA,MAAMwB,EAAqB,EACzBE,UAAU;IACRC,KAAKI,EAAKpB;IACViB,KAAKG,EAAKnB;IACZ,EACD,CAAC,EACFZ,EAAS,GAAGX,EAAM2C,QAAO,eAAgBvC,EAAYI,iBAAiB;UAChE;AACNkB,KAAS,QAAQ;IACfkB,MAAM;IACNC,SAAS;IACV,CAAC;;IAGN;EAACV;EAAsBT;EAAUf;EACnC,CAAC;AAQD,QANArB,QAAgB;AACd,EAAKyB,KACHJ,EAAS,IAAI;IAEd,CAACI,GAAuBJ,EAAS,CAAC,EAE9BI,IACL,kBAAC,GAAD,EAAA,UACE,kBAAC,GAAD,EAAA,UACE,kBAAC,GAAD;EAAc,WAAU;EAAO,UAAUY,EAAac,EAAS;YAA/D;GACE,kBAAC,GAAD;IAAY,OAAM;IAAS,WAAU;IAAK,cAAc;IAAM,SAAQ;cACnE/B,EAAE,gCAAgC;IACzB,CAAA;GACZ,kBAAC,GAAD;IACE,OAAO,CAAC,CAACqB,EAAOV;IAChB,YAAYU,EAAOV,UAAUwB;IAC7B,OAAOnC,EAAE,mCAAmC;IAC5C,GAAIkB,EAAS,WAAW;IACxB,UAAU;IAAK,CAAA;GAEjB,kBAAC,GAAD;IACE,OAAO,CAAC,CAACG,EAAOT;IAChB,YAAYS,EAAOT,aAAauB;IAChC,OAAOnC,EAAE,sCAAsC;IAC/C,GAAIkB,EAAS,cAAc;IAC3B,UAAU;IACV,MAAK;IAAU,CAAA;GAEjB,kBAAC,GAAD;IACE,OAAO,CAAC,CAACG,EAAOR;IAChB,YAAYQ,EAAOR,aAAasB;IAChC,OAAOnC,EAAE,sCAAsC;IAC/C,GAAIkB,EAAS,cAAc;IAC3B,UAAU;IACV,MAAK;IAAU,CAAA;GAEjB,kBAAC,GAAD;IACE,OAAO,CAAC,CAACG,EAAOP;IAChB,YAAYO,EAAOP,iBAAiBqB;IACpC,OAAOnC,EAAE,0CAA0C;IACnD,GAAIkB,EAAS,kBAAkB;IAC/B,UAAU;IACV,MAAK;IAAU,CAAA;GAEhBG,EAAOe,QAAQ,kBAAC,GAAD,EAAsB,OAAOf,EAAOe,MAAQ,CAAA;GAC5D,kBAAC,GAAD;IACE,OAAM;IACN,UAAU,CAAChB;IACX,WAAW;IACX,IAAI,EAAEiB,IAAI,GAAG;IACb,MAAK;IACL,SAAQ;cAEPrC,EAAE,iCAAiC;IAC9B,CAAA;GACI;KACG,CAAA,EACJ,CAAA,GACf"}
+{"version":3,"file":"ChangePassword.js","names":["yupResolver","Button","Typography","React","useCallback","useEffect","useForm","useTranslation","useNavigate","useDataMutation","LoginDialogFormError","getConfiguration","SecurityLayout","normalizeAuthError","stripTrailingSlash","Route","APIRoute","ChangePasswordFormValues","changePasswordSchema","MessageType","SecurityContainer","SecurityForm","SecurityTextField","ChangePassword","FC","t","navigate","configuration","basePath","base","changePasswordEnabled","flags","changePassword","form","mode","defaultValues","username","oldPassword","newPassword","confirmPassword","resolver","setError","handleSubmit","register","formState","isValid","errors","trigger","ok","RESET_PASSWORD","handleChangePassword","body","password","old","new","err","onSubmit","data","SUCCESS","type","message","root","mt"],"sources":["../../../src/sections/Security/ChangePassword.tsx"],"sourcesContent":["import { yupResolver } from '@hookform/resolvers/yup';\nimport { Button, Typography } from '@mui/material';\nimport React, { useCallback, useEffect } 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 { normalizeAuthError } 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 { 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 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, 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      try {\n        await trigger(body);\n      } catch (err) {\n        throw normalizeAuthError(err);\n      }\n    },\n    [trigger]\n  );\n\n  const onSubmit = useCallback(\n    async (data: ChangePasswordFormValues) => {\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 {\n        setError('root', {\n          type: 'server',\n          message: 'Failed to change password',\n        });\n      }\n    },\n    [handleChangePassword, setError, navigate]\n  );\n\n  useEffect(() => {\n    if (!changePasswordEnabled) {\n      navigate('/');\n    }\n  }, [changePasswordEnabled, navigate]);\n\n  return changePasswordEnabled ? (\n    <SecurityLayout>\n      <SecurityContainer>\n        <SecurityForm component=\"form\" 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={errors.username?.message}\n            label={t('security.changePassword.username')}\n            {...register('username')}\n            required={true}\n          />\n          <SecurityTextField\n            error={!!errors.oldPassword}\n            helperText={errors.oldPassword?.message}\n            label={t('security.changePassword.oldPassword')}\n            {...register('oldPassword')}\n            required={true}\n            type=\"password\"\n          />\n          <SecurityTextField\n            error={!!errors.newPassword}\n            helperText={errors.newPassword?.message}\n            label={t('security.changePassword.newPassword')}\n            {...register('newPassword')}\n            required={true}\n            type=\"password\"\n          />\n          <SecurityTextField\n            error={!!errors.confirmPassword}\n            helperText={errors.confirmPassword?.message}\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}\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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"}

package/build/sections/Security/ChangePassword.mjs

@@ -0,0 +1,123 @@
+import { APIRoute, Route as Route$1 } from "../../utils/routes.mjs";
+import "../../utils/index.mjs";
+import { getConfiguration } from "../../configuration.mjs";
+import { stripTrailingSlash } from "../../store/utils.mjs";
+import { useDataMutation } from "../../api/use-data-mutation.mjs";
+import { normalizeAuthError } from "../../providers/AuthProvider/utils.mjs";
+import LoginDialogFormError from "../../components/LoginDialog/LoginDialogFormError.mjs";
+import { changePasswordSchema } from "../../utils/schemas.mjs";
+import SecurityLayout from "../../layouts/Security/Dialog.mjs";
+import { SecurityContainer, SecurityForm, SecurityTextField } from "./styles.mjs";
+import { MessageType } from "./Success.mjs";
+import { jsx, jsxs } from "react/jsx-runtime";
+import { useCallback, useEffect } from "react";
+import { useTranslation } from "react-i18next";
+import { useNavigate } from "react-router";
+import { Button, Typography } from "@mui/material";
+import { yupResolver } from "@hookform/resolvers/yup";
+import { useForm } from "react-hook-form";
+//#region src/sections/Security/ChangePassword.tsx
+var ChangePassword = () => {
+	const { t } = useTranslation();
+	const navigate = useNavigate();
+	const configuration = getConfiguration();
+	const basePath = stripTrailingSlash(configuration.base);
+	const changePasswordEnabled = configuration?.flags?.changePassword;
+	const { setError, handleSubmit, register, formState: { isValid, errors } } = useForm({
+		mode: "onChange",
+		defaultValues: {
+			username: "",
+			oldPassword: "",
+			newPassword: "",
+			confirmPassword: ""
+		},
+		resolver: yupResolver(changePasswordSchema)
+	});
+	const { trigger } = useDataMutation(basePath, APIRoute.RESET_PASSWORD, "PUT");
+	const handleChangePassword = useCallback(async (body) => {
+		try {
+			await trigger(body);
+		} catch (err) {
+			throw normalizeAuthError(err);
+		}
+	}, [trigger]);
+	const onSubmit = useCallback(async (data) => {
+		try {
+			await handleChangePassword({ password: {
+				old: data.oldPassword,
+				new: data.newPassword
+			} });
+			navigate(`${Route$1.SUCCESS}?messageType=${MessageType.ChangePassword}`);
+		} catch {
+			setError("root", {
+				type: "server",
+				message: "Failed to change password"
+			});
+		}
+	}, [
+		handleChangePassword,
+		setError,
+		navigate
+	]);
+	useEffect(() => {
+		if (!changePasswordEnabled) navigate("/");
+	}, [changePasswordEnabled, navigate]);
+	return changePasswordEnabled ? /* @__PURE__ */ jsx(SecurityLayout, { children: /* @__PURE__ */ jsx(SecurityContainer, { children: /* @__PURE__ */ jsxs(SecurityForm, {
+		component: "form",
+		onSubmit: handleSubmit(onSubmit),
+		children: [
+			/* @__PURE__ */ jsx(Typography, {
+				align: "center",
+				component: "h1",
+				gutterBottom: true,
+				variant: "h4",
+				children: t("security.changePassword.title")
+			}),
+			/* @__PURE__ */ jsx(SecurityTextField, {
+				error: !!errors.username,
+				helperText: errors.username?.message,
+				label: t("security.changePassword.username"),
+				...register("username"),
+				required: true
+			}),
+			/* @__PURE__ */ jsx(SecurityTextField, {
+				error: !!errors.oldPassword,
+				helperText: errors.oldPassword?.message,
+				label: t("security.changePassword.oldPassword"),
+				...register("oldPassword"),
+				required: true,
+				type: "password"
+			}),
+			/* @__PURE__ */ jsx(SecurityTextField, {
+				error: !!errors.newPassword,
+				helperText: errors.newPassword?.message,
+				label: t("security.changePassword.newPassword"),
+				...register("newPassword"),
+				required: true,
+				type: "password"
+			}),
+			/* @__PURE__ */ jsx(SecurityTextField, {
+				error: !!errors.confirmPassword,
+				helperText: errors.confirmPassword?.message,
+				label: t("security.changePassword.confirmPassword"),
+				...register("confirmPassword"),
+				required: true,
+				type: "password"
+			}),
+			errors.root && /* @__PURE__ */ jsx(LoginDialogFormError, { error: errors.root }),
+			/* @__PURE__ */ jsx(Button, {
+				color: "primary",
+				disabled: !isValid,
+				fullWidth: true,
+				sx: { mt: 2 },
+				type: "submit",
+				variant: "contained",
+				children: t("security.changePassword.submit")
+			})
+		]
+	}) }) }) : null;
+};
+//#endregion
+export { ChangePassword as default };
+
+//# sourceMappingURL=ChangePassword.mjs.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"ChangePassword.mjs","names":["yupResolver","Button","Typography","React","useCallback","useEffect","useForm","useTranslation","useNavigate","useDataMutation","LoginDialogFormError","getConfiguration","SecurityLayout","normalizeAuthError","stripTrailingSlash","Route","APIRoute","ChangePasswordFormValues","changePasswordSchema","MessageType","SecurityContainer","SecurityForm","SecurityTextField","ChangePassword","FC","t","navigate","configuration","basePath","base","changePasswordEnabled","flags","changePassword","form","mode","defaultValues","username","oldPassword","newPassword","confirmPassword","resolver","setError","handleSubmit","register","formState","isValid","errors","trigger","ok","RESET_PASSWORD","handleChangePassword","body","password","old","new","err","onSubmit","data","SUCCESS","type","message","root","mt"],"sources":["../../../src/sections/Security/ChangePassword.tsx"],"sourcesContent":["import { yupResolver } from '@hookform/resolvers/yup';\nimport { Button, Typography } from '@mui/material';\nimport React, { useCallback, useEffect } 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 { normalizeAuthError } 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 { 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 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, 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      try {\n        await trigger(body);\n      } catch (err) {\n        throw normalizeAuthError(err);\n      }\n    },\n    [trigger]\n  );\n\n  const onSubmit = useCallback(\n    async (data: ChangePasswordFormValues) => {\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 {\n        setError('root', {\n          type: 'server',\n          message: 'Failed to change password',\n        });\n      }\n    },\n    [handleChangePassword, setError, navigate]\n  );\n\n  useEffect(() => {\n    if (!changePasswordEnabled) {\n      navigate('/');\n    }\n  }, [changePasswordEnabled, navigate]);\n\n  return changePasswordEnabled ? (\n    <SecurityLayout>\n      <SecurityContainer>\n        <SecurityForm component=\"form\" 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={errors.username?.message}\n            label={t('security.changePassword.username')}\n            {...register('username')}\n            required={true}\n          />\n          <SecurityTextField\n            error={!!errors.oldPassword}\n            helperText={errors.oldPassword?.message}\n            label={t('security.changePassword.oldPassword')}\n            {...register('oldPassword')}\n            required={true}\n            type=\"password\"\n          />\n          <SecurityTextField\n            error={!!errors.newPassword}\n            helperText={errors.newPassword?.message}\n            label={t('security.changePassword.newPassword')}\n            {...register('newPassword')}\n            required={true}\n            type=\"password\"\n          />\n          <SecurityTextField\n            error={!!errors.confirmPassword}\n            helperText={errors.confirmPassword?.message}\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}\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":";;;;;;;;;;;;;;;;;;;AAoBA,IAAMuB,uBAAiC;CACrC,MAAM,EAAEE,MAAMlB,gBAAgB;CAC9B,MAAMmB,WAAWlB,aAAa;CAC9B,MAAMmB,gBAAgBhB,kBAAkB;CACxC,MAAMiB,WAAWd,mBAAmBa,cAAcE,KAAK;CACvD,MAAMC,wBAAwBH,eAAeI,OAAOC;CAapD,MAAM,EACJS,UACAC,cACAC,UACAC,WAAW,EAAEC,SAASC,aAfXxC,QAAkC;EAC7C4B,MAAM;EACNC,eAAe;GACbC,UAAU;GACVC,aAAa;GACbC,aAAa;GACbC,iBAAiB;GAClB;EACDC,UAAUxC,YAAYkB,qBAAoB;EAC3C,CAAC;CASF,MAAM,EAAE6B,YAAYtC,gBAAgCmB,UAAUZ,SAASiC,gBAAgB,MAAM;CAE7F,MAAMC,uBAAuB9C,YAC3B,OAAO+C,SAAqD;AAC1D,MAAI;AACF,SAAMJ,QAAQI,KAAK;WACZI,KAAK;AACZ,SAAM1C,mBAAmB0C,IAAI;;IAGjC,CAACR,QACH,CAAC;CAED,MAAMS,WAAWpD,YACf,OAAOqD,SAAmC;AACxC,MAAI;AACF,SAAMP,qBAAqB,EACzBE,UAAU;IACRC,KAAKI,KAAKpB;IACViB,KAAKG,KAAKnB;IACZ,EACD,CAAC;AACFZ,YAAS,GAAGX,QAAM2C,QAAO,eAAgBvC,YAAYI,iBAAiB;UAChE;AACNkB,YAAS,QAAQ;IACfkB,MAAM;IACNC,SAAS;IACV,CAAC;;IAGN;EAACV;EAAsBT;EAAUf;EACnC,CAAC;AAEDrB,iBAAgB;AACd,MAAI,CAACyB,sBACHJ,UAAS,IAAI;IAEd,CAACI,uBAAuBJ,SAAS,CAAC;AAErC,QAAOI,wBACL,oBAAC,gBAAD,EAAA,UACE,oBAAC,mBAAD,EAAA,UACE,qBAAC,cAAD;EAAc,WAAU;EAAO,UAAUY,aAAac,SAAS;YAA/D;GACE,oBAAC,YAAD;IAAY,OAAM;IAAS,WAAU;IAAK,cAAc;IAAM,SAAQ;cACnE/B,EAAE,gCAAgC;IACzB,CAAA;GACZ,oBAAC,mBAAD;IACE,OAAO,CAAC,CAACqB,OAAOV;IAChB,YAAYU,OAAOV,UAAUwB;IAC7B,OAAOnC,EAAE,mCAAmC;IAC5C,GAAIkB,SAAS,WAAW;IACxB,UAAU;IAAK,CAAA;GAEjB,oBAAC,mBAAD;IACE,OAAO,CAAC,CAACG,OAAOT;IAChB,YAAYS,OAAOT,aAAauB;IAChC,OAAOnC,EAAE,sCAAsC;IAC/C,GAAIkB,SAAS,cAAc;IAC3B,UAAU;IACV,MAAK;IAAU,CAAA;GAEjB,oBAAC,mBAAD;IACE,OAAO,CAAC,CAACG,OAAOR;IAChB,YAAYQ,OAAOR,aAAasB;IAChC,OAAOnC,EAAE,sCAAsC;IAC/C,GAAIkB,SAAS,cAAc;IAC3B,UAAU;IACV,MAAK;IAAU,CAAA;GAEjB,oBAAC,mBAAD;IACE,OAAO,CAAC,CAACG,OAAOP;IAChB,YAAYO,OAAOP,iBAAiBqB;IACpC,OAAOnC,EAAE,0CAA0C;IACnD,GAAIkB,SAAS,kBAAkB;IAC/B,UAAU;IACV,MAAK;IAAU,CAAA;GAEhBG,OAAOe,QAAQ,oBAAC,sBAAD,EAAsB,OAAOf,OAAOe,MAAQ,CAAA;GAC5D,oBAAC,QAAD;IACE,OAAM;IACN,UAAU,CAAChB;IACX,WAAW;IACX,IAAI,EAAEiB,IAAI,GAAG;IACb,MAAK;IACL,SAAQ;cAEPrC,EAAE,iCAAiC;IAC9B,CAAA;GACI;KACG,CAAA,EACJ,CAAA,GACf"}

package/build/sections/Security/Login.js

@@ -1,80 +1,96 @@
-import { Route as e } from "../../utils/routes.js";
-import "../../utils/index.js";
-import { saveAuth as t } from "../../store/storage.js";
-import { getConfiguration as n } from "../../configuration.js";
-import { stripTrailingSlash as r } from "../../store/utils.js";
-import { useDataMutation as i } from "../../api/use-data-mutation.js";
-import { normalizeAuthError as a } from "../../providers/AuthProvider/utils.js";
-import o from "../../components/NotFound/NotFound.js";
-import "../../components/NotFound/index.js";
-import s from "../../components/LoginForm/styles.js";
-import c from "../../components/LoginForm/Login.js";
-import { loginSchema as l } from "../../utils/schemas.js";
-import u from "../../layouts/Security/Dialog.js";
-import { SecurityContainer as d, SecurityForm as f } from "./styles.js";
-import { MessageType as p } from "./Success.js";
-import { getSecurityUrlParams as m } from "./utils.js";
-import { jsx as h, jsxs as g } from "react/jsx-runtime";
-import { useCallback as _, useEffect as v } from "react";
-import { useTranslation as y } from "react-i18next";
-import { useLocation as b, useNavigate as x } from "react-router";
-import { Link as S, Typography as C } from "@mui/material";
-import { yupResolver as w } from "@hookform/resolvers/yup";
-import { useForm as T } from "react-hook-form";
+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_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_NotFound = require("../../components/NotFound/NotFound.js");
+require("../../components/NotFound/index.js");
+const require_styles = require("../../components/LoginForm/styles.js");
+const require_Login = require("../../components/LoginForm/Login.js");
+const require_schemas = require("../../utils/schemas.js");
+const require_Dialog = require("../../layouts/Security/Dialog.js");
+const require_styles$1 = require("./styles.js");
+const require_Success = require("./Success.js");
+const require_utils$2 = require("./utils.js");
+let react_jsx_runtime = require("react/jsx-runtime");
+let react = require("react");
+react = require_runtime.__toESM(react);
+let react_i18next = require("react-i18next");
+let react_router = require("react-router");
+let _mui_material = require("@mui/material");
+let _hookform_resolvers_yup = require("@hookform/resolvers/yup");
+let react_hook_form = require("react-hook-form");
 //#region src/sections/Security/Login.tsx
-var E = n(), D = r(E.base), O = () => {
-	let { t: n } = y(), r = b(), O = x(), { next: k } = m(r), A = E?.flags?.createUser, j = e.ADD_USER + (k ? "?next=" + k : ""), { data: M, isMutating: N, trigger: P } = i(D, k, "POST"), { setError: F, handleSubmit: I, register: L, formState: { isValid: R, errors: z } } = T({
+var configuration = require_configuration.getConfiguration();
+var basePath = require_utils.stripTrailingSlash(configuration.base);
+var Login = () => {
+	const { t } = (0, react_i18next.useTranslation)();
+	const location = (0, react_router.useLocation)();
+	const navigate = (0, react_router.useNavigate)();
+	const { next } = require_utils$2.getSecurityUrlParams(location);
+	const createUserEnabled = configuration?.flags?.createUser;
+	const addUserLink = require_routes.Route.ADD_USER + (next ? "?next=" + next : "");
+	const { data, isMutating, trigger } = require_use_data_mutation.useDataMutation(basePath, next, "POST");
+	const { setError, handleSubmit, register, formState: { isValid, errors } } = (0, react_hook_form.useForm)({
 		mode: "onChange",
-		resolver: w(l)
-	}), B = async (e) => {
+		resolver: (0, _hookform_resolvers_yup.yupResolver)(require_schemas.loginSchema)
+	});
+	const handleLogin = async (body) => {
 		try {
-			await P(e);
-		} catch (e) {
-			throw a(e);
+			await trigger(body);
+		} catch (err) {
+			throw require_utils$1.normalizeAuthError(err);
 		}
-	}, V = _(() => {
-		O(`${e.SUCCESS}?messageType=${p.Login}`);
-	}, [O]), H = _(async (e) => {
+	};
+	const onSuccess = (0, react.useCallback)(() => {
+		navigate(`${require_routes.Route.SUCCESS}?messageType=${require_Success.MessageType.Login}`);
+	}, [navigate]);
+	const onSubmit = (0, react.useCallback)(async (data) => {
 		try {
-			await B?.(e), V();
+			await handleLogin?.(data);
+			onSuccess();
 		} catch {
-			F("root", {
+			setError("root", {
 				type: "server",
 				message: "Invalid username or password"
 			});
 		}
 	}, [
-		B,
-		F,
-		V
+		handleLogin,
+		setError,
+		onSuccess
 	]);
-	return v(() => {
-		M && !N && M.username && M.token && t(M.username, M.token);
-	}, [M, N]), k ? /* @__PURE__ */ h(u, { children: /* @__PURE__ */ h(d, { children: /* @__PURE__ */ g(f, { children: [
-		/* @__PURE__ */ h(s, {}),
-		/* @__PURE__ */ h(c, {
-			errors: z,
-			handleSubmit: I,
-			isValid: R,
-			onSubmit: H,
-			register: L
+	(0, react.useEffect)(() => {
+		if (data && !isMutating && data.username && data.token) require_storage.saveAuth(data.username, data.token);
+	}, [data, isMutating]);
+	return !next ? /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_NotFound.default, {}) : /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_Dialog.default, { children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_styles$1.SecurityContainer, { children: /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(require_styles$1.SecurityForm, { children: [
+		/* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_styles.default, {}),
+		/* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_Login.default, {
+			errors,
+			handleSubmit,
+			isValid,
+			onSubmit,
+			register
 		}),
-		A && /* @__PURE__ */ g(C, {
+		createUserEnabled && /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(_mui_material.Typography, {
 			align: "center",
 			sx: {
 				mt: 2,
 				fontSize: 12
 			},
 			variant: "body2",
-			children: [n("security.login.noUserQuestion"), /* @__PURE__ */ h(S, {
-				href: j,
+			children: [t("security.login.noUserQuestion"), /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_mui_material.Link, {
+				href: addUserLink,
 				sx: { ml: 1 },
-				children: n("security.login.createUser")
+				children: t("security.login.createUser")
 			})]
 		})
-	] }) }) }) : /* @__PURE__ */ h(o, {});
+	] }) }) });
 };
 //#endregion
-export { O as default };
+exports.default = Login;
 
 //# sourceMappingURL=Login.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"Login.js","names":["yupResolver","Link","Typography","React","useCallback","useEffect","useForm","useTranslation","useLocation","useNavigate","useDataMutation","LoginFormValues","LoginForm","LoginFormHeader","NotFound","getConfiguration","SecurityLayout","LoginBody","normalizeAuthError","saveAuth","stripTrailingSlash","Route","loginSchema","MessageType","SecurityContainer","SecurityForm","getSecurityUrlParams","configuration","basePath","base","Login","FC","t","location","navigate","next","createUserEnabled","flags","createUser","addUserLink","ADD_USER","data","isMutating","trigger","form","mode","resolver","setError","handleSubmit","register","formState","isValid","errors","handleLogin","body","username","password","err","onSuccess","SUCCESS","onSubmit","type","message","token","mt","fontSize","ml"],"sources":["../../../src/sections/Security/Login.tsx"],"sourcesContent":["import { yupResolver } from '@hookform/resolvers/yup';\nimport { Link, Typography } from '@mui/material';\nimport React, { useCallback, useEffect } from 'react';\nimport { useForm } from 'react-hook-form';\nimport { useTranslation } from 'react-i18next';\nimport { 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 type { LoginBody } from '../../providers/AuthProvider/types';\nimport { normalizeAuthError } 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 { next } = getSecurityUrlParams(location);\n  const createUserEnabled = configuration?.flags?.createUser;\n  const addUserLink = Route.ADD_USER + (next ? '?next=' + next : '');\n\n  const { data, isMutating, 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, errors },\n  } = form;\n\n  const handleLogin = async (body: { username: string; password: string }) => {\n    try {\n      await trigger(body);\n    } catch (err) {\n      throw normalizeAuthError(err);\n    }\n  };\n\n  const onSuccess = useCallback(() => {\n    navigate(`${Route.SUCCESS}?messageType=${MessageType.Login}`);\n  }, [navigate]);\n\n  const onSubmit = useCallback(\n    async (data: LoginFormValues) => {\n      try {\n        await handleLogin?.(data);\n        onSuccess();\n      } catch {\n        setError('root', {\n          type: 'server',\n          // TODO: add translation key\n          message: 'Invalid username or password',\n        });\n      }\n    },\n    [handleLogin, setError, onSuccess]\n  );\n\n  useEffect(() => {\n    if (data && !isMutating && data.username && data.token) {\n      saveAuth(data.username, data.token);\n    }\n  }, [data, isMutating]);\n\n  return !next ? (\n    <NotFound />\n  ) : (\n    <SecurityLayout>\n      <SecurityContainer>\n        <SecurityForm>\n          <LoginFormHeader />\n          <LoginForm\n            errors={errors}\n            handleSubmit={handleSubmit}\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 href={addUserLink} sx={{ ml: 1 }}>\n                {t('security.login.createUser')}\n              </Link>\n            </Typography>\n          )}\n        </SecurityForm>\n      </SecurityContainer>\n    </SecurityLayout>\n  );\n};\n\nexport default Login;\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;AAwBA,IAAM2B,IAAgBZ,GAAkB,EAClCa,IAAWR,EAAmBO,EAAcE,KAAK,EAEjDC,UAAwB;CAC5B,IAAM,EAAEE,SAAMzB,GAAgB,EACxB0B,IAAWzB,GAAa,EACxB0B,IAAWzB,GAAa,EACxB,EAAE0B,YAAST,EAAqBO,EAAS,EACzCG,IAAoBT,GAAeU,OAAOC,YAC1CC,IAAclB,EAAMmB,YAAYL,IAAO,WAAWA,IAAO,KAEzD,EAAEM,SAAMC,eAAYC,eAAYjC,EAA2BkB,GAAUO,GAAM,OAAO,EAOlF,EACJY,aACAC,iBACAC,aACAC,WAAW,EAAEC,YAASC,gBATX9C,EAAyB;EACpCuC,MAAM;EACNC,UAAU9C,EAAYsB,EAAW;EAClC,CAAC,EASI+B,IAAc,OAAOC,MAAiD;AAC1E,MAAI;AACF,SAAMX,EAAQW,EAAK;WACZG,GAAK;AACZ,SAAMvC,EAAmBuC,EAAI;;IAI3BC,IAAYtD,QAAkB;AAClC8B,IAAS,GAAGb,EAAMsC,QAAO,eAAgBpC,EAAYO,QAAQ;IAC5D,CAACI,EAAS,CAAC,EAER0B,IAAWxD,EACf,OAAOqC,MAA0B;AAC/B,MAAI;AAEFiB,GADA,MAAML,IAAcZ,EAAK,EACzBiB,GAAW;UACL;AACNX,KAAS,QAAQ;IACfc,MAAM;IAENC,SAAS;IACV,CAAC;;IAGN;EAACT;EAAaN;EAAUW;EAC1B,CAAC;AAQD,QANArD,QAAgB;AACd,EAAIoC,KAAQ,CAACC,KAAcD,EAAKc,YAAYd,EAAKsB,SAC/C5C,EAASsB,EAAKc,UAAUd,EAAKsB,MAAM;IAEpC,CAACtB,GAAMC,EAAW,CAAC,EAEdP,IAGN,kBAAC,GAAD,EAAA,UACE,kBAAC,GAAD,EAAA,UACE,kBAAC,GAAD,EAAA,UAAA;EACE,kBAAC,GAAD,EAAgB,CAAA;EAChB,kBAAC,GAAD;GACUiB;GACMJ;GACLG;GACCS;GACAX;GAAS,CAAA;EAEpBb,KACC,kBAAC,GAAD;GAAY,OAAM;GAAS,IAAI;IAAE4B,IAAI;IAAGC,UAAU;IAAI;GAAE,SAAQ;aAAhE,CACGjC,EAAE,gCAAgC,EACnC,kBAAC,GAAD;IAAM,MAAMO;IAAa,IAAI,EAAE2B,IAAI,GAAG;cACnClC,EAAE,4BAA4B;IAC3B,CAAA,CAET;;EACW,EAAA,CAAA,EACG,CAAA,EAEtB,CAAA,GAxBC,kBAAC,GAAD,EAAY,CAAA"}
+{"version":3,"file":"Login.js","names":["yupResolver","Link","Typography","React","useCallback","useEffect","useForm","useTranslation","useLocation","useNavigate","useDataMutation","LoginFormValues","LoginForm","LoginFormHeader","NotFound","getConfiguration","SecurityLayout","LoginBody","normalizeAuthError","saveAuth","stripTrailingSlash","Route","loginSchema","MessageType","SecurityContainer","SecurityForm","getSecurityUrlParams","configuration","basePath","base","Login","FC","t","location","navigate","next","createUserEnabled","flags","createUser","addUserLink","ADD_USER","data","isMutating","trigger","form","mode","resolver","setError","handleSubmit","register","formState","isValid","errors","handleLogin","body","username","password","err","onSuccess","SUCCESS","onSubmit","type","message","token","mt","fontSize","ml"],"sources":["../../../src/sections/Security/Login.tsx"],"sourcesContent":["import { yupResolver } from '@hookform/resolvers/yup';\nimport { Link, Typography } from '@mui/material';\nimport React, { useCallback, useEffect } from 'react';\nimport { useForm } from 'react-hook-form';\nimport { useTranslation } from 'react-i18next';\nimport { 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 type { LoginBody } from '../../providers/AuthProvider/types';\nimport { normalizeAuthError } 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 { next } = getSecurityUrlParams(location);\n  const createUserEnabled = configuration?.flags?.createUser;\n  const addUserLink = Route.ADD_USER + (next ? '?next=' + next : '');\n\n  const { data, isMutating, 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, errors },\n  } = form;\n\n  const handleLogin = async (body: { username: string; password: string }) => {\n    try {\n      await trigger(body);\n    } catch (err) {\n      throw normalizeAuthError(err);\n    }\n  };\n\n  const onSuccess = useCallback(() => {\n    navigate(`${Route.SUCCESS}?messageType=${MessageType.Login}`);\n  }, [navigate]);\n\n  const onSubmit = useCallback(\n    async (data: LoginFormValues) => {\n      try {\n        await handleLogin?.(data);\n        onSuccess();\n      } catch {\n        setError('root', {\n          type: 'server',\n          // TODO: add translation key\n          message: 'Invalid username or password',\n        });\n      }\n    },\n    [handleLogin, setError, onSuccess]\n  );\n\n  useEffect(() => {\n    if (data && !isMutating && data.username && data.token) {\n      saveAuth(data.username, data.token);\n    }\n  }, [data, isMutating]);\n\n  return !next ? (\n    <NotFound />\n  ) : (\n    <SecurityLayout>\n      <SecurityContainer>\n        <SecurityForm>\n          <LoginFormHeader />\n          <LoginForm\n            errors={errors}\n            handleSubmit={handleSubmit}\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 href={addUserLink} sx={{ ml: 1 }}>\n                {t('security.login.createUser')}\n              </Link>\n            </Typography>\n          )}\n        </SecurityForm>\n      </SecurityContainer>\n    </SecurityLayout>\n  );\n};\n\nexport default Login;\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;AAwBA,IAAM2B,gBAAgBZ,sBAAAA,kBAAkB;AACxC,IAAMa,WAAWR,cAAAA,mBAAmBO,cAAcE,KAAK;AAEvD,IAAMC,cAAwB;CAC5B,MAAM,EAAEE,OAAAA,GAAAA,cAAAA,iBAAsB;CAC9B,MAAMC,YAAAA,GAAAA,aAAAA,cAAwB;CAC9B,MAAMC,YAAAA,GAAAA,aAAAA,cAAwB;CAC9B,MAAM,EAAEC,SAAST,gBAAAA,qBAAqBO,SAAS;CAC/C,MAAMG,oBAAoBT,eAAeU,OAAOC;CAChD,MAAMC,cAAclB,eAAAA,MAAMmB,YAAYL,OAAO,WAAWA,OAAO;CAE/D,MAAM,EAAEM,MAAMC,YAAYC,YAAYjC,0BAAAA,gBAA2BkB,UAAUO,MAAM,OAAO;CAOxF,MAAM,EACJY,UACAC,cACAC,UACAC,WAAW,EAAEC,SAASC,cAAAA,GAAAA,gBAAAA,SATc;EACpCP,MAAM;EACNC,WAAAA,GAAAA,wBAAAA,aAAsBxB,gBAAAA,YAAW;EAClC,CAAC;CASF,MAAM+B,cAAc,OAAOC,SAAiD;AAC1E,MAAI;AACF,SAAMX,QAAQW,KAAK;WACZG,KAAK;AACZ,SAAMvC,gBAAAA,mBAAmBuC,IAAI;;;CAIjC,MAAMC,aAAAA,GAAAA,MAAAA,mBAA8B;AAClCxB,WAAS,GAAGb,eAAAA,MAAMsC,QAAO,eAAgBpC,gBAAAA,YAAYO,QAAQ;IAC5D,CAACI,SAAS,CAAC;CAEd,MAAM0B,YAAAA,GAAAA,MAAAA,aACJ,OAAOnB,SAA0B;AAC/B,MAAI;AACF,SAAMY,cAAcZ,KAAK;AACzBiB,cAAW;UACL;AACNX,YAAS,QAAQ;IACfc,MAAM;IAENC,SAAS;IACV,CAAC;;IAGN;EAACT;EAAaN;EAAUW;EAC1B,CAAC;AAEDrD,EAAAA,GAAAA,MAAAA,iBAAgB;AACd,MAAIoC,QAAQ,CAACC,cAAcD,KAAKc,YAAYd,KAAKsB,MAC/C5C,iBAAAA,SAASsB,KAAKc,UAAUd,KAAKsB,MAAM;IAEpC,CAACtB,MAAMC,WAAW,CAAC;AAEtB,QAAO,CAACP,OACN,iBAAA,GAAA,kBAAA,KAAC,iBAAA,SAAD,EAAY,CAAA,GAEZ,iBAAA,GAAA,kBAAA,KAAC,eAAA,SAAD,EAAA,UACE,iBAAA,GAAA,kBAAA,KAAC,iBAAA,mBAAD,EAAA,UACE,iBAAA,GAAA,kBAAA,MAAC,iBAAA,cAAD,EAAA,UAAA;EACE,iBAAA,GAAA,kBAAA,KAAC,eAAA,SAAD,EAAgB,CAAA;EAChB,iBAAA,GAAA,kBAAA,KAAC,cAAA,SAAD;GACUiB;GACMJ;GACLG;GACCS;GACAX;GAAS,CAAA;EAEpBb,qBACC,iBAAA,GAAA,kBAAA,MAAC,cAAA,YAAD;GAAY,OAAM;GAAS,IAAI;IAAE4B,IAAI;IAAGC,UAAU;IAAI;GAAE,SAAQ;aAAhE,CACGjC,EAAE,gCAAgC,EACnC,iBAAA,GAAA,kBAAA,KAAC,cAAA,MAAD;IAAM,MAAMO;IAAa,IAAI,EAAE2B,IAAI,GAAG;cACnClC,EAAE,4BAA4B;IAC3B,CAAA,CAET;;EACW,EAAA,CAAA,EACG,CAAA,EAEtB,CAAA"}