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

package/build/sections/Header/styles.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"styles.mjs","names":["css","AppBar","IconButton","Toolbar","common","Theme","InnerNavBar","_styled","process","env","NODE_ENV","target","label","name","styles","toString","_EMOTION_STRINGIFIED_CSS_ERROR__","Greetings","MobileNavBar","theme","props","alignItems","display","borderBottom","palette","greyLight","padding","position","InnerMobileNavBar","borderRadius","backgroundColor","color","white","width","margin","IconSearchButton","InfoButton","SwitchThemeButton","SettingsButtom","SearchWrapper","NavBar","mode","primary","main","cyanBlue","minHeight","justifyContent","breakPoints","xsmall","medium","large","xlarge"],"sources":["../../../src/sections/Header/styles.ts"],"sourcesContent":["import { css } from '@emotion/react';\nimport styled from '@emotion/styled';\nimport AppBar from '@mui/material/AppBar';\nimport IconButton from '@mui/material/IconButton';\nimport Toolbar from '@mui/material/Toolbar';\nimport { common } from '@mui/material/colors';\n\nimport type { Theme } from '../../Theme';\n\nexport const InnerNavBar = styled(Toolbar)({\n  justifyContent: 'space-between',\n  alignItems: 'center',\n  padding: 0,\n});\n\nexport const Greetings = styled('span')({\n  margin: '0 5px 0 0',\n});\n\nexport const MobileNavBar = styled('div')<{ theme?: Theme }>((props) => ({\n  alignItems: 'center',\n  display: 'flex',\n  borderBottom: `1px solid ${props.theme.palette.greyLight}`,\n  padding: '8px',\n  position: 'relative',\n}));\n\nexport const InnerMobileNavBar = styled('div')<{ theme?: Theme }>((props) => ({\n  borderRadius: '4px',\n  backgroundColor: props.theme.palette.greyLight,\n  color: common.white,\n  width: '100%',\n  padding: '0 5px',\n  margin: '0 10px 0 0',\n}));\n\nexport const IconSearchButton = styled(IconButton)({});\nexport const InfoButton = styled(IconButton)({});\nexport const SwitchThemeButton = styled(IconButton)({});\nexport const SettingsButtom = styled(IconButton)({});\n\nexport const SearchWrapper = styled('div')({\n  display: 'none',\n  width: '100%',\n  marginLeft: 20,\n});\n\nexport const NavBar = styled(AppBar)<{ theme?: Theme }>(({ theme }) => ({\n  backgroundColor:\n    theme.palette.mode === 'light' ? theme.palette.primary.main : theme.palette.cyanBlue,\n  color: common.white,\n  minHeight: 60,\n  display: 'flex',\n  justifyContent: 'center',\n  [`@media (max-width: ${theme.breakPoints.xsmall}px)`]: css`\n    ${InfoButton} {\n      display: none;\n    }\n    ${SwitchThemeButton} {\n      display: none;\n    }\n    ${SettingsButtom} {\n      display: none;\n    }\n  `,\n  [`@media (min-width: ${theme.breakPoints.medium}px)`]: css`\n    ${SearchWrapper} {\n      display: flex;\n    }\n    ${IconSearchButton} {\n      display: none;\n    }\n    ${MobileNavBar} {\n      display: none;\n    }\n  `,\n  [`@media (min-width: ${theme.breakPoints.large}px)`]: css`\n    ${InnerNavBar} {\n      padding: 0 16px;\n    }\n  `,\n  [`@media (min-width: ${theme.breakPoints.xlarge}px)`]: css`\n    ${InnerNavBar} {\n      max-width: 1240px;\n      width: 100%;\n      margin: 0 auto;\n    }\n  `,\n}));\n"],"mappings":"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"}

package/build/sections/Home/Home.js

@@ -1,19 +1,22 @@
-import { useManifests as e } from "../../providers/ManifestsProvider/ManifestsProvider.js";
-import t from "../../components/Loading/Loading.js";
-import n from "../../components/PackageList/PackageList.js";
-import "../../index.js";
-import { jsx as r, jsxs as i } from "react/jsx-runtime";
-import "react";
+const require_runtime = require("../../_virtual/_rolldown/runtime.js");
+const require_ManifestsProvider = require("../../providers/ManifestsProvider/ManifestsProvider.js");
+const require_Loading = require("../../components/Loading/Loading.js");
+const require_PackageList = require("../../components/PackageList/PackageList.js");
+require("../../index.js");
+let react_jsx_runtime = require("react/jsx-runtime");
+let react = require("react");
+react = require_runtime.__toESM(react);
 //#region src/sections/Home/Home.tsx
-var a = () => {
-	let a = e();
-	return a.isError ? /* @__PURE__ */ r("div", { children: "Error loading manifests" }) : /* @__PURE__ */ i("div", {
+var Home = () => {
+	const manifests = require_ManifestsProvider.useManifests();
+	if (manifests.isError) return /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", { children: "Error loading manifests" });
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
 		className: "container content",
 		"data-testid": "home-page-container",
-		children: [a.isLoading ? /* @__PURE__ */ r(t, {}) : /* @__PURE__ */ r(n, { packages: a.manifests }), a.isError && /* @__PURE__ */ r("div", { children: "Error loading manifests" })]
+		children: [manifests.isLoading ? /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_Loading.default, {}) : /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_PackageList.default, { packages: manifests.manifests }), manifests.isError && /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", { children: "Error loading manifests" })]
 	});
 };
 //#endregion
-export { a as default };
+exports.default = Home;
 
 //# sourceMappingURL=Home.js.map

package/build/sections/Home/Home.js.map

@@ -1 +1 @@
-{"version":3,"file":"Home.js","names":["React","Loading","PackageList","useManifests","ManifestWeb","Home","FC","manifests","isError","isLoading"],"sources":["../../../src/sections/Home/Home.tsx"],"sourcesContent":["import React from 'react';\n\nimport { Loading, PackageList, useManifests } from '../..';\nimport type { ManifestWeb } from '../../providers/ManifestsProvider/ManifestsProvider';\n\nconst Home: React.FC = () => {\n  const manifests = useManifests();\n\n  if (manifests.isError) {\n    return <div>Error loading manifests</div>;\n  }\n\n  return (\n    <div className=\"container content\" data-testid=\"home-page-container\">\n      {manifests.isLoading ? (\n        <Loading />\n      ) : (\n        <PackageList packages={manifests.manifests as ManifestWeb[]} />\n      )}\n      {manifests.isError && <div>{'Error loading manifests'}</div>}\n    </div>\n  );\n};\n\nexport default Home;\n"],"mappings":";;;;;;;AAKA,IAAMK,UAAuB;CAC3B,IAAME,IAAYJ,GAAc;AAMhC,QAJII,EAAUC,UACL,kBAAC,OAAD,EAAA,UAAK,2BAA6B,CAAA,GAIzC,kBAAC,OAAD;EAAK,WAAU;EAAoB,eAAY;YAA/C,CACGD,EAAUE,YACT,kBAAC,GAAD,EAAW,CAAA,GAEX,kBAAC,GAAD,EAAa,UAAUF,EAAUA,WAClC,CAAA,EACAA,EAAUC,WAAW,kBAAC,OAAD,EAAA,UAAM,2BAAgC,CAAA,CACxD"}
+{"version":3,"file":"Home.js","names":["React","Loading","PackageList","useManifests","ManifestWeb","Home","FC","manifests","isError","isLoading"],"sources":["../../../src/sections/Home/Home.tsx"],"sourcesContent":["import React from 'react';\n\nimport { Loading, PackageList, useManifests } from '../..';\nimport type { ManifestWeb } from '../../providers/ManifestsProvider/ManifestsProvider';\n\nconst Home: React.FC = () => {\n  const manifests = useManifests();\n\n  if (manifests.isError) {\n    return <div>Error loading manifests</div>;\n  }\n\n  return (\n    <div className=\"container content\" data-testid=\"home-page-container\">\n      {manifests.isLoading ? (\n        <Loading />\n      ) : (\n        <PackageList packages={manifests.manifests as ManifestWeb[]} />\n      )}\n      {manifests.isError && <div>{'Error loading manifests'}</div>}\n    </div>\n  );\n};\n\nexport default Home;\n"],"mappings":";;;;;;;;;AAKA,IAAMK,aAAuB;CAC3B,MAAME,YAAYJ,0BAAAA,cAAc;AAEhC,KAAII,UAAUC,QACZ,QAAO,iBAAA,GAAA,kBAAA,KAAC,OAAD,EAAA,UAAK,2BAA6B,CAAA;AAG3C,QACE,iBAAA,GAAA,kBAAA,MAAC,OAAD;EAAK,WAAU;EAAoB,eAAY;YAA/C,CACGD,UAAUE,YACT,iBAAA,GAAA,kBAAA,KAAC,gBAAA,SAAD,EAAW,CAAA,GAEX,iBAAA,GAAA,kBAAA,KAAC,oBAAA,SAAD,EAAa,UAAUF,UAAUA,WAClC,CAAA,EACAA,UAAUC,WAAW,iBAAA,GAAA,kBAAA,KAAC,OAAD,EAAA,UAAM,2BAAgC,CAAA,CACxD"}

package/build/sections/Home/Home.mjs

@@ -0,0 +1,20 @@
+import { useManifests } from "../../providers/ManifestsProvider/ManifestsProvider.mjs";
+import Loading from "../../components/Loading/Loading.mjs";
+import PackageList from "../../components/PackageList/PackageList.mjs";
+import "../../index.mjs";
+import { jsx, jsxs } from "react/jsx-runtime";
+import "react";
+//#region src/sections/Home/Home.tsx
+var Home = () => {
+	const manifests = useManifests();
+	if (manifests.isError) return /* @__PURE__ */ jsx("div", { children: "Error loading manifests" });
+	return /* @__PURE__ */ jsxs("div", {
+		className: "container content",
+		"data-testid": "home-page-container",
+		children: [manifests.isLoading ? /* @__PURE__ */ jsx(Loading, {}) : /* @__PURE__ */ jsx(PackageList, { packages: manifests.manifests }), manifests.isError && /* @__PURE__ */ jsx("div", { children: "Error loading manifests" })]
+	});
+};
+//#endregion
+export { Home as default };
+
+//# sourceMappingURL=Home.mjs.map

package/build/sections/Home/Home.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"Home.mjs","names":["React","Loading","PackageList","useManifests","ManifestWeb","Home","FC","manifests","isError","isLoading"],"sources":["../../../src/sections/Home/Home.tsx"],"sourcesContent":["import React from 'react';\n\nimport { Loading, PackageList, useManifests } from '../..';\nimport type { ManifestWeb } from '../../providers/ManifestsProvider/ManifestsProvider';\n\nconst Home: React.FC = () => {\n  const manifests = useManifests();\n\n  if (manifests.isError) {\n    return <div>Error loading manifests</div>;\n  }\n\n  return (\n    <div className=\"container content\" data-testid=\"home-page-container\">\n      {manifests.isLoading ? (\n        <Loading />\n      ) : (\n        <PackageList packages={manifests.manifests as ManifestWeb[]} />\n      )}\n      {manifests.isError && <div>{'Error loading manifests'}</div>}\n    </div>\n  );\n};\n\nexport default Home;\n"],"mappings":";;;;;;;AAKA,IAAMK,aAAuB;CAC3B,MAAME,YAAYJ,cAAc;AAEhC,KAAII,UAAUC,QACZ,QAAO,oBAAC,OAAD,EAAA,UAAK,2BAA6B,CAAA;AAG3C,QACE,qBAAC,OAAD;EAAK,WAAU;EAAoB,eAAY;YAA/C,CACGD,UAAUE,YACT,oBAAC,SAAD,EAAW,CAAA,GAEX,oBAAC,aAAD,EAAa,UAAUF,UAAUA,WAClC,CAAA,EACAA,UAAUC,WAAW,oBAAC,OAAD,EAAA,UAAM,2BAAgC,CAAA,CACxD"}

package/build/sections/Home/index.js

@@ -1 +1 @@
-import "./Home.js";
+require("./Home.js");

package/build/sections/Home/index.mjs

@@ -0,0 +1 @@
+import "./Home.mjs";

package/build/sections/Security/AddUser.js

@@ -1,118 +1,134 @@
-import { Route as e } from "../../utils/routes.js";
-import "../../utils/index.js";
-import { getConfiguration as t } from "../../configuration.js";
-import { stripTrailingSlash as n } from "../../store/utils.js";
-import { useDataMutation as r } from "../../api/use-data-mutation.js";
-import { normalizeAuthError as i } from "../../providers/AuthProvider/utils.js";
-import a from "../../components/LoginDialog/LoginDialogFormError.js";
-import o from "../../components/LoginForm/PasswordField.js";
-import s from "../../components/LoginForm/UsernameField.js";
-import { addUserSchema as c } from "../../utils/schemas.js";
-import l from "../../layouts/Security/Dialog.js";
-import { SecurityContainer as u, SecurityForm as d, SecurityTextField 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 { Button as S, Link as C, Typography as w } from "@mui/material";
-import { yupResolver as T } from "@hookform/resolvers/yup";
-import { useForm as E } 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_PasswordField = require("../../components/LoginForm/PasswordField.js");
+const require_UsernameField = require("../../components/LoginForm/UsernameField.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");
+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/AddUser.tsx
-var D = () => {
-	let { t: D } = y(), O = b(), k = x(), A = t(), j = n(A.base), { next: M, user: N } = m(O), P = e.LOGIN + (M ? `?next=${encodeURIComponent(M)}` : ""), F = A?.flags?.createUser, { setError: I, handleSubmit: L, register: R, watch: z, formState: { isValid: B, errors: V } } = E({
+var AddUser = () => {
+	const { t } = (0, react_i18next.useTranslation)();
+	const location = (0, react_router.useLocation)();
+	const navigate = (0, react_router.useNavigate)();
+	const configuration = require_configuration.getConfiguration();
+	const basePath = require_utils.stripTrailingSlash(configuration.base);
+	const { next, user } = require_utils$2.getSecurityUrlParams(location);
+	const loginLink = require_routes.Route.LOGIN + (next ? `?next=${encodeURIComponent(next)}` : "");
+	const createUserEnabled = configuration?.flags?.createUser;
+	const { setError, handleSubmit, register, watch, formState: { isValid, errors } } = (0, react_hook_form.useForm)({
 		mode: "onChange",
 		defaultValues: {
-			username: typeof N == "string" ? N : "",
+			username: typeof user === "string" ? user : "",
 			password: "",
 			email: ""
 		},
-		resolver: T(c)
-	}), H = z("username"), { trigger: U } = r(j, `${e.ADD_USER}:${encodeURIComponent(H)}`, "PUT"), W = _(async (e) => {
+		resolver: (0, _hookform_resolvers_yup.yupResolver)(require_schemas.addUserSchema)
+	});
+	const username = watch("username");
+	const { trigger } = require_use_data_mutation.useDataMutation(basePath, `${require_routes.Route.ADD_USER}:${encodeURIComponent(username)}`, "PUT");
+	const handleAddUser = (0, react.useCallback)(async (body) => {
 		try {
-			await U(e);
-		} catch (e) {
-			throw i(e);
+			await trigger(body);
+		} catch (err) {
+			throw require_utils$1.normalizeAuthError(err);
 		}
-	}, [U]), G = _(async (t) => {
+	}, [trigger]);
+	const onSubmit = (0, react.useCallback)(async (data) => {
 		try {
-			await W({
-				name: t.username,
-				password: t.password,
-				email: t.email
-			}), k(`${e.SUCCESS}?messageType=${p.AddUser}`);
+			await handleAddUser({
+				name: data.username,
+				password: data.password,
+				email: data.email
+			});
+			navigate(`${require_routes.Route.SUCCESS}?messageType=${require_Success.MessageType.AddUser}`);
 		} catch {
-			I("root", {
+			setError("root", {
 				type: "server",
 				message: "Failed to create user"
 			});
 		}
 	}, [
-		W,
-		I,
-		k
+		handleAddUser,
+		setError,
+		navigate
 	]);
-	return v(() => {
-		F || k("/");
-	}, [F, k]), F ? /* @__PURE__ */ h(l, { children: /* @__PURE__ */ h(u, { children: /* @__PURE__ */ g(d, {
+	(0, react.useEffect)(() => {
+		if (!createUserEnabled) navigate("/");
+	}, [createUserEnabled, navigate]);
+	return createUserEnabled ? /* @__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: L(G),
+		onSubmit: handleSubmit(onSubmit),
 		children: [
-			/* @__PURE__ */ h(w, {
+			/* @__PURE__ */ (0, react_jsx_runtime.jsx)(_mui_material.Typography, {
 				align: "center",
 				component: "h1",
-				gutterBottom: !0,
+				gutterBottom: true,
 				variant: "h4",
-				children: D("security.addUser.title")
+				children: t("security.addUser.title")
 			}),
-			/* @__PURE__ */ h(s, {
-				errors: V,
-				register: R
+			/* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_UsernameField.default, {
+				errors,
+				register
 			}),
-			/* @__PURE__ */ h(o, {
-				errors: V,
-				register: R
+			/* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_PasswordField.default, {
+				errors,
+				register
 			}),
-			/* @__PURE__ */ h(f, {
-				label: D("security.addUser.email"),
+			/* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_styles.SecurityTextField, {
+				label: t("security.addUser.email"),
 				type: "email",
-				...R("email")
+				...register("email")
 			}),
-			/* @__PURE__ */ h(w, {
+			/* @__PURE__ */ (0, react_jsx_runtime.jsx)(_mui_material.Typography, {
 				color: "text.secondary",
-				paragraph: !0,
+				paragraph: true,
 				sx: { fontSize: 12 },
 				variant: "body2",
-				children: D("security.addUser.emailDescription")
+				children: t("security.addUser.emailDescription")
 			}),
-			V.root && /* @__PURE__ */ h(a, { error: V.root }),
-			/* @__PURE__ */ h(S, {
+			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: !B,
-				fullWidth: !0,
+				disabled: !isValid,
+				fullWidth: true,
 				sx: { mt: 2 },
 				type: "submit",
 				variant: "contained",
-				children: D("security.addUser.submit")
+				children: t("security.addUser.submit")
 			}),
-			/* @__PURE__ */ g(w, {
+			/* @__PURE__ */ (0, react_jsx_runtime.jsxs)(_mui_material.Typography, {
 				align: "center",
 				sx: {
 					mt: 2,
 					fontSize: 12
 				},
 				variant: "body2",
-				children: [D("security.addUser.alreadyUserQuestion"), /* @__PURE__ */ h(C, {
-					href: P,
+				children: [t("security.addUser.alreadyUserQuestion"), /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_mui_material.Link, {
+					href: loginLink,
 					sx: { ml: 1 },
-					children: D("security.addUser.login")
+					children: t("security.addUser.login")
 				})]
 			})
 		]
 	}) }) }) : null;
 };
 //#endregion
-export { D as default };
+exports.default = AddUser;
 
 //# sourceMappingURL=AddUser.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"AddUser.js","names":["yupResolver","Button","Link","Typography","React","useCallback","useEffect","useForm","useTranslation","useLocation","useNavigate","useDataMutation","LoginDialogFormError","PasswordField","UsernameField","getConfiguration","SecurityLayout","normalizeAuthError","stripTrailingSlash","Route","AddUserFormValues","addUserSchema","MessageType","SecurityContainer","SecurityForm","SecurityTextField","getSecurityUrlParams","AddUserBody","name","password","email","AddUser","FC","t","location","navigate","configuration","basePath","base","next","user","loginLink","LOGIN","encodeURIComponent","createUserEnabled","flags","createUser","form","mode","defaultValues","username","resolver","setError","handleSubmit","register","watch","formState","isValid","errors","addUserLink","ADD_USER","trigger","ok","token","handleAddUser","body","err","onSubmit","data","SUCCESS","type","message","fontSize","root","mt","ml"],"sources":["../../../src/sections/Security/AddUser.tsx"],"sourcesContent":["import { yupResolver } from '@hookform/resolvers/yup';\nimport { Button, 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 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 { normalizeAuthError } from '../../providers/AuthProvider/utils';\nimport { stripTrailingSlash } from '../../store/utils';\nimport { Route } from '../../utils';\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};\n\nconst AddUser: React.FC = () => {\n  const { t } = useTranslation();\n  const location = useLocation();\n  const navigate = useNavigate();\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    watch,\n    formState: { isValid, errors },\n  } = form;\n\n  const username = watch('username');\n\n  const addUserLink = `${Route.ADD_USER}:${encodeURIComponent(username)}`;\n\n  const { trigger } = useDataMutation<{ ok: string; token: string }>(basePath, addUserLink, 'PUT');\n\n  const handleAddUser = useCallback(\n    async (body: AddUserBody) => {\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: AddUserFormValues) => {\n      try {\n        await handleAddUser({\n          name: data.username,\n          password: data.password,\n          email: data.email,\n        });\n        navigate(`${Route.SUCCESS}?messageType=${MessageType.AddUser}`);\n      } catch {\n        setError('root', {\n          type: 'server',\n          // TODO: add translation key\n          message: 'Failed to create user',\n        });\n      }\n    },\n    [handleAddUser, setError, navigate]\n  );\n\n  useEffect(() => {\n    if (!createUserEnabled) {\n      navigate('/');\n    }\n  }, [createUserEnabled, navigate]);\n\n  return createUserEnabled ? (\n    <SecurityLayout>\n      <SecurityContainer>\n        <SecurityForm component=\"form\" 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            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}\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 href={loginLink} sx={{ ml: 1 }}>\n              {t('security.addUser.login')}\n            </Link>\n          </Typography>\n        </SecurityForm>\n      </SecurityContainer>\n    </SecurityLayout>\n  ) : null;\n};\n\nexport default AddUser;\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;AA4BA,IAAM+B,UAA0B;CAC9B,IAAM,EAAEE,SAAMzB,GAAgB,EACxB0B,IAAWzB,GAAa,EACxB0B,IAAWzB,GAAa,EACxB0B,IAAgBrB,GAAkB,EAClCsB,IAAWnB,EAAmBkB,EAAcE,KAAK,EACjD,EAAEC,SAAMC,YAASd,EAAqBQ,EAAS,EAC/CO,IAAYtB,EAAMuB,SAASH,IAAO,SAASI,mBAAmBJ,EAAK,KAAK,KACxEK,IAAoBR,GAAeS,OAAOC,YAW1C,EACJM,aACAC,iBACAC,aACAC,UACAC,WAAW,EAAEC,YAASC,gBAfXnD,EAA2B;EACtCyC,MAAM;EACNC,eAAe;GACbC,UAAU,OAAOV,KAAS,WAAWA,IAAO;GAC5CX,UAAU;GACVC,OAAO;GACR;EACDqB,UAAUnD,EAAYqB,EAAa;EACpC,CAAC,EAUI6B,IAAWK,EAAM,WAAW,EAI5B,EAAEM,eAAYlD,EAA+C0B,GAF/C,GAAGlB,EAAMyC,SAAQ,GAAIjB,mBAAmBO,EAAS,IAEqB,MAAM,EAE1Fc,IAAgB3D,EACpB,OAAO4D,MAAsB;AAC3B,MAAI;AACF,SAAMJ,EAAQI,EAAK;WACZC,GAAK;AACZ,SAAMjD,EAAmBiD,EAAI;;IAGjC,CAACL,EACH,CAAC,EAEKM,IAAW9D,EACf,OAAO+D,MAA4B;AACjC,MAAI;AAMFjC,GALA,MAAM6B,EAAc;IAClBpC,MAAMwC,EAAKlB;IACXrB,UAAUuC,EAAKvC;IACfC,OAAOsC,EAAKtC;IACb,CAAC,EACFK,EAAS,GAAGhB,EAAMkD,QAAO,eAAgB/C,EAAYS,UAAU;UACzD;AACNqB,KAAS,QAAQ;IACfkB,MAAM;IAENC,SAAS;IACV,CAAC;;IAGN;EAACP;EAAeZ;EAAUjB;EAC5B,CAAC;AAQD,QANA7B,QAAgB;AACd,EAAKsC,KACHT,EAAS,IAAI;IAEd,CAACS,GAAmBT,EAAS,CAAC,EAE1BS,IACL,kBAAC,GAAD,EAAA,UACE,kBAAC,GAAD,EAAA,UACE,kBAAC,GAAD;EAAc,WAAU;EAAO,UAAUS,EAAac,EAAS;YAA/D;GACE,kBAAC,GAAD;IAAY,OAAM;IAAS,WAAU;IAAK,cAAc;IAAM,SAAQ;cACnElC,EAAE,yBAAyB;IAClB,CAAA;GACZ,kBAAC,GAAD;IAAuByB;IAAkBJ;IAAS,CAAA;GAClD,kBAAC,GAAD;IAAuBI;IAAkBJ;IAAS,CAAA;GAElD,kBAAC,GAAD;IACE,OAAOrB,EAAE,yBAAyB;IAClC,MAAK;IACL,GAAIqB,EAAS,QAAQ;IAAC,CAAA;GAGxB,kBAAC,GAAD;IAAY,OAAM;IAAiB,WAAW;IAAM,IAAI,EAAEkB,UAAU,IAAI;IAAE,SAAQ;cAC/EvC,EAAE,oCAAoC;IAC7B,CAAA;GACXyB,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;cAEPzC,EAAE,0BAA0B;IACvB,CAAA;GACR,kBAAC,GAAD;IAAY,OAAM;IAAS,IAAI;KAAEyC,IAAI;KAAGF,UAAU;KAAI;IAAE,SAAQ;cAAhE,CACGvC,EAAE,uCAAuC,EAC1C,kBAAC,GAAD;KAAM,MAAMQ;KAAW,IAAI,EAAEkC,IAAI,GAAG;eACjC1C,EAAE,yBAAyB;KACxB,CAAA,CACI;;GACA;KACG,CAAA,EACJ,CAAA,GACf"}
+{"version":3,"file":"AddUser.js","names":["yupResolver","Button","Link","Typography","React","useCallback","useEffect","useForm","useTranslation","useLocation","useNavigate","useDataMutation","LoginDialogFormError","PasswordField","UsernameField","getConfiguration","SecurityLayout","normalizeAuthError","stripTrailingSlash","Route","AddUserFormValues","addUserSchema","MessageType","SecurityContainer","SecurityForm","SecurityTextField","getSecurityUrlParams","AddUserBody","name","password","email","AddUser","FC","t","location","navigate","configuration","basePath","base","next","user","loginLink","LOGIN","encodeURIComponent","createUserEnabled","flags","createUser","form","mode","defaultValues","username","resolver","setError","handleSubmit","register","watch","formState","isValid","errors","addUserLink","ADD_USER","trigger","ok","token","handleAddUser","body","err","onSubmit","data","SUCCESS","type","message","fontSize","root","mt","ml"],"sources":["../../../src/sections/Security/AddUser.tsx"],"sourcesContent":["import { yupResolver } from '@hookform/resolvers/yup';\nimport { Button, 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 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 { normalizeAuthError } from '../../providers/AuthProvider/utils';\nimport { stripTrailingSlash } from '../../store/utils';\nimport { Route } from '../../utils';\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};\n\nconst AddUser: React.FC = () => {\n  const { t } = useTranslation();\n  const location = useLocation();\n  const navigate = useNavigate();\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    watch,\n    formState: { isValid, errors },\n  } = form;\n\n  const username = watch('username');\n\n  const addUserLink = `${Route.ADD_USER}:${encodeURIComponent(username)}`;\n\n  const { trigger } = useDataMutation<{ ok: string; token: string }>(basePath, addUserLink, 'PUT');\n\n  const handleAddUser = useCallback(\n    async (body: AddUserBody) => {\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: AddUserFormValues) => {\n      try {\n        await handleAddUser({\n          name: data.username,\n          password: data.password,\n          email: data.email,\n        });\n        navigate(`${Route.SUCCESS}?messageType=${MessageType.AddUser}`);\n      } catch {\n        setError('root', {\n          type: 'server',\n          // TODO: add translation key\n          message: 'Failed to create user',\n        });\n      }\n    },\n    [handleAddUser, setError, navigate]\n  );\n\n  useEffect(() => {\n    if (!createUserEnabled) {\n      navigate('/');\n    }\n  }, [createUserEnabled, navigate]);\n\n  return createUserEnabled ? (\n    <SecurityLayout>\n      <SecurityContainer>\n        <SecurityForm component=\"form\" 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            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}\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 href={loginLink} sx={{ ml: 1 }}>\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/AddUser.mjs

@@ -0,0 +1,132 @@
+import { 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 PasswordField from "../../components/LoginForm/PasswordField.mjs";
+import UsernameField from "../../components/LoginForm/UsernameField.mjs";
+import { addUserSchema } from "../../utils/schemas.mjs";
+import SecurityLayout from "../../layouts/Security/Dialog.mjs";
+import { SecurityContainer, SecurityForm, SecurityTextField } from "./styles.mjs";
+import { MessageType } from "./Success.mjs";
+import { getSecurityUrlParams } from "./utils.mjs";
+import { jsx, jsxs } from "react/jsx-runtime";
+import { useCallback, useEffect } from "react";
+import { useTranslation } from "react-i18next";
+import { useLocation, useNavigate } from "react-router";
+import { Button, Link as Link$1, Typography } from "@mui/material";
+import { yupResolver } from "@hookform/resolvers/yup";
+import { useForm } from "react-hook-form";
+//#region src/sections/Security/AddUser.tsx
+var AddUser = () => {
+	const { t } = useTranslation();
+	const location = useLocation();
+	const navigate = useNavigate();
+	const configuration = getConfiguration();
+	const basePath = stripTrailingSlash(configuration.base);
+	const { next, user } = getSecurityUrlParams(location);
+	const loginLink = Route$1.LOGIN + (next ? `?next=${encodeURIComponent(next)}` : "");
+	const createUserEnabled = configuration?.flags?.createUser;
+	const { setError, handleSubmit, register, watch, formState: { isValid, errors } } = useForm({
+		mode: "onChange",
+		defaultValues: {
+			username: typeof user === "string" ? user : "",
+			password: "",
+			email: ""
+		},
+		resolver: yupResolver(addUserSchema)
+	});
+	const username = watch("username");
+	const { trigger } = useDataMutation(basePath, `${Route$1.ADD_USER}:${encodeURIComponent(username)}`, "PUT");
+	const handleAddUser = useCallback(async (body) => {
+		try {
+			await trigger(body);
+		} catch (err) {
+			throw normalizeAuthError(err);
+		}
+	}, [trigger]);
+	const onSubmit = useCallback(async (data) => {
+		try {
+			await handleAddUser({
+				name: data.username,
+				password: data.password,
+				email: data.email
+			});
+			navigate(`${Route$1.SUCCESS}?messageType=${MessageType.AddUser}`);
+		} catch {
+			setError("root", {
+				type: "server",
+				message: "Failed to create user"
+			});
+		}
+	}, [
+		handleAddUser,
+		setError,
+		navigate
+	]);
+	useEffect(() => {
+		if (!createUserEnabled) navigate("/");
+	}, [createUserEnabled, navigate]);
+	return createUserEnabled ? /* @__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.addUser.title")
+			}),
+			/* @__PURE__ */ jsx(UsernameField, {
+				errors,
+				register
+			}),
+			/* @__PURE__ */ jsx(PasswordField, {
+				errors,
+				register
+			}),
+			/* @__PURE__ */ jsx(SecurityTextField, {
+				label: t("security.addUser.email"),
+				type: "email",
+				...register("email")
+			}),
+			/* @__PURE__ */ jsx(Typography, {
+				color: "text.secondary",
+				paragraph: true,
+				sx: { fontSize: 12 },
+				variant: "body2",
+				children: t("security.addUser.emailDescription")
+			}),
+			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.addUser.submit")
+			}),
+			/* @__PURE__ */ jsxs(Typography, {
+				align: "center",
+				sx: {
+					mt: 2,
+					fontSize: 12
+				},
+				variant: "body2",
+				children: [t("security.addUser.alreadyUserQuestion"), /* @__PURE__ */ jsx(Link$1, {
+					href: loginLink,
+					sx: { ml: 1 },
+					children: t("security.addUser.login")
+				})]
+			})
+		]
+	}) }) }) : null;
+};
+//#endregion
+export { AddUser as default };
+
+//# sourceMappingURL=AddUser.mjs.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"AddUser.mjs","names":["yupResolver","Button","Link","Typography","React","useCallback","useEffect","useForm","useTranslation","useLocation","useNavigate","useDataMutation","LoginDialogFormError","PasswordField","UsernameField","getConfiguration","SecurityLayout","normalizeAuthError","stripTrailingSlash","Route","AddUserFormValues","addUserSchema","MessageType","SecurityContainer","SecurityForm","SecurityTextField","getSecurityUrlParams","AddUserBody","name","password","email","AddUser","FC","t","location","navigate","configuration","basePath","base","next","user","loginLink","LOGIN","encodeURIComponent","createUserEnabled","flags","createUser","form","mode","defaultValues","username","resolver","setError","handleSubmit","register","watch","formState","isValid","errors","addUserLink","ADD_USER","trigger","ok","token","handleAddUser","body","err","onSubmit","data","SUCCESS","type","message","fontSize","root","mt","ml"],"sources":["../../../src/sections/Security/AddUser.tsx"],"sourcesContent":["import { yupResolver } from '@hookform/resolvers/yup';\nimport { Button, 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 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 { normalizeAuthError } from '../../providers/AuthProvider/utils';\nimport { stripTrailingSlash } from '../../store/utils';\nimport { Route } from '../../utils';\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};\n\nconst AddUser: React.FC = () => {\n  const { t } = useTranslation();\n  const location = useLocation();\n  const navigate = useNavigate();\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    watch,\n    formState: { isValid, errors },\n  } = form;\n\n  const username = watch('username');\n\n  const addUserLink = `${Route.ADD_USER}:${encodeURIComponent(username)}`;\n\n  const { trigger } = useDataMutation<{ ok: string; token: string }>(basePath, addUserLink, 'PUT');\n\n  const handleAddUser = useCallback(\n    async (body: AddUserBody) => {\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: AddUserFormValues) => {\n      try {\n        await handleAddUser({\n          name: data.username,\n          password: data.password,\n          email: data.email,\n        });\n        navigate(`${Route.SUCCESS}?messageType=${MessageType.AddUser}`);\n      } catch {\n        setError('root', {\n          type: 'server',\n          // TODO: add translation key\n          message: 'Failed to create user',\n        });\n      }\n    },\n    [handleAddUser, setError, navigate]\n  );\n\n  useEffect(() => {\n    if (!createUserEnabled) {\n      navigate('/');\n    }\n  }, [createUserEnabled, navigate]);\n\n  return createUserEnabled ? (\n    <SecurityLayout>\n      <SecurityContainer>\n        <SecurityForm component=\"form\" 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            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}\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 href={loginLink} sx={{ ml: 1 }}>\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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"}