npm - @verdaccio/ui-components - Versions diffs - 5.0.0-next-9.20 → 5.0.0-next-9.21 - Mend

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

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (274) hide show

package/build/sections/Security/Login.mjs CHANGED Viewed

@@ -4,20 +4,21 @@ import { saveAuth } from "../../store/storage.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 { authErrorMessage } from "../../providers/AuthProvider/utils.mjs";
+import { useAuth } from "../../providers/AuthProvider/AuthProvider.mjs";
 import NotFound from "../../components/NotFound/NotFound.mjs";
 import "../../components/NotFound/index.mjs";
 import LoginFormHeader from "../../components/LoginForm/styles.mjs";
-import LoginForm from "../../components/LoginForm/Login.mjs";
 import { loginSchema } from "../../utils/schemas.mjs";
+import LoginForm from "../../components/LoginForm/Login.mjs";
 import SecurityLayout from "../../layouts/Security/Dialog.mjs";
 import { SecurityContainer, SecurityForm } from "./styles.mjs";
 import { MessageType } from "./Success.mjs";
 import { getSecurityUrlParams } from "./utils.mjs";
-import { useCallback } from "react";
-import { jsx, jsxs } from "react/jsx-runtime";
+import { useCallback, useRef } from "react";
 import { useTranslation } from "react-i18next";
-import { useLocation, useNavigate } from "react-router";
+import { jsx, jsxs } from "react/jsx-runtime";
+import { Link, useLocation, useNavigate } from "react-router";
 import { Link as Link$1, Typography } from "@mui/material";
 import { yupResolver } from "@hookform/resolvers/yup";
 import { useForm } from "react-hook-form";
@@ -28,63 +29,78 @@ var Login = () => {
 	const { t } = useTranslation();
 	const location = useLocation();
 	const navigate = useNavigate();
+	const { setUserState } = useAuth();
 	const { next } = getSecurityUrlParams(location);
 	const createUserEnabled = configuration?.flags?.createUser;
 	const addUserLink = Route$1.ADD_USER + (next ? "?next=" + next : "");
 	const { trigger } = useDataMutation(basePath, next, "POST");
-	const { setError, handleSubmit, register, formState: { isValid, errors } } = useForm({
+	const { setError, handleSubmit, register, formState: { isValid, isSubmitting, errors } } = useForm({
 		mode: "onChange",
 		resolver: yupResolver(loginSchema)
 	});
 	const handleLogin = useCallback(async (body) => {
-		try {
-			return await trigger(body);
-		} catch (err) {
-			throw normalizeAuthError(err);
-		}
+		return await trigger(body);
 	}, [trigger]);
 	const onSuccess = useCallback(() => {
 		navigate(`${Route$1.SUCCESS}?messageType=${MessageType.Login}`);
 	}, [navigate]);
+	const inFlight = useRef(false);
 	const onSubmit = useCallback(async (data) => {
+		if (inFlight.current) return;
+		inFlight.current = true;
 		try {
 			const result = await handleLogin?.(data);
-			if (result && result.username && result.token) saveAuth(result.username, result.token);
+			if (!result || !result.username || !result.token) throw new Error("login response is missing the token");
+			saveAuth(result.username, result.token);
+			setUserState?.({
+				username: result.username,
+				token: result.token
+			});
 			onSuccess();
-		} catch {
+		} catch (err) {
+			const message = err?.code === 401 ? t("security.error.invalid-credentials") : authErrorMessage(err, t("security.error.unable-to-login"));
 			setError("root", {
 				type: "server",
-				message: "Invalid username or password"
+				message
 			});
+		} finally {
+			inFlight.current = false;
 		}
 	}, [
 		handleLogin,
 		setError,
-		onSuccess
+		setUserState,
+		onSuccess,
+		t
 	]);
-	return !next ? /* @__PURE__ */ jsx(NotFound, {}) : /* @__PURE__ */ jsx(SecurityLayout, { children: /* @__PURE__ */ jsx(SecurityContainer, { children: /* @__PURE__ */ jsxs(SecurityForm, { children: [
-		/* @__PURE__ */ jsx(LoginFormHeader, {}),
-		/* @__PURE__ */ jsx(LoginForm, {
-			errors,
-			handleSubmit,
-			isValid,
-			onSubmit,
-			register
-		}),
-		createUserEnabled && /* @__PURE__ */ jsxs(Typography, {
-			align: "center",
-			sx: {
-				mt: 2,
-				fontSize: 12
-			},
-			variant: "body2",
-			children: [t("security.login.noUserQuestion"), /* @__PURE__ */ jsx(Link$1, {
-				href: addUserLink,
-				sx: { ml: 1 },
-				children: t("security.login.createUser")
-			})]
-		})
-	] }) }) });
+	return !next ? /* @__PURE__ */ jsx(NotFound, {}) : /* @__PURE__ */ jsx(SecurityLayout, { children: /* @__PURE__ */ jsx(SecurityContainer, { children: /* @__PURE__ */ jsxs(SecurityForm, {
+		as: "div",
+		children: [
+			/* @__PURE__ */ jsx(LoginFormHeader, {}),
+			/* @__PURE__ */ jsx(LoginForm, {
+				errors,
+				handleSubmit,
+				isSubmitting,
+				isValid,
+				onSubmit,
+				register
+			}),
+			createUserEnabled && /* @__PURE__ */ jsxs(Typography, {
+				align: "center",
+				sx: {
+					mt: 2,
+					fontSize: 12
+				},
+				variant: "body2",
+				children: [t("security.login.noUserQuestion"), /* @__PURE__ */ jsx(Link$1, {
+					component: Link,
+					sx: { ml: 1 },
+					to: addUserLink,
+					children: t("security.login.createUser")
+				})]
+			})
+		]
+	}) }) });
 };
 //#endregion
 export { Login as default };

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

	@@ -1 +1 @@
1	- {"version":3,"file":"Login.mjs","names":[],"sources":["../../../src/sections/Security/Login.tsx"],"sourcesContent":["import { yupResolver } from '@hookform/resolvers/yup';\nimport { Link, Typography } from '@mui/material';\nimport React, { useCallback } 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 { 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 = useCallback(\n async (body: { username: string; password: string }) => {\n ~~try {\n~~ return await trigger(body);\n ~~} catch (err) {\n throw normalizeAuthError(err);\n }\n~~ },\n [trigger]\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 const result = await handleLogin?.(data);\n if (result && result.username && result.token) {\n saveAuth(result.username, result.token);\n }\n onSuccess();\n } catch {\n setError('root', {\n type: 'server'~~,\n //~~ ~~TODO:~~ ~~add~~ ~~translation~~ ~~key~~\n ~~message:~~ ~~'Invalid~~ ~~username or password',\n })~~;\n }\n },\n [handleLogin, setError, onSuccess]\n );\n\n return !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~~,IAAM,gBAAgB,iBAAiB;AACvC,IAAM,WAAW,mBAAmB,cAAc,IAAI;AAEtD,IAAM,cAAwB;CAC5B,MAAM,EAAE,MAAM,eAAe;CAC7B,MAAM,WAAW,YAAY;CAC7B,MAAM,WAAW,YAAY;CAC7B,MAAM,EAAE,SAAS,qBAAqB,QAAQ;CAC9C,MAAM,oBAAoB,eAAe,OAAO;CAChD,MAAM,cAAc,QAAM,YAAY,OAAO,WAAW,OAAO;CAE/D,MAAM,EAAE,YAAY,gBAA2B,UAAU,MAAM,MAAM;CAOrE,MAAM,EACJ,UACA,cACA,UACA,WAAW,EAAE,SAAS,~~aATX~~,QAAyB;EACpC,MAAM;EACN,UAAU,YAAY,WAAW;CACnC,CAOI;CAEJ,MAAM,cAAc,YAClB,OAAO,SAAiD;EACtD,~~IAAI;GACF,~~OAAO,MAAM,QAAQ,IAAI;~~EAC3B~~,~~SAAS,KAAK;GACZ,MAAM,mBAAmB,GAAG;EAC9B;CACF,~~GACA,CAAC,OAAO,CACV;CAEA,MAAM,YAAY,kBAAkB;EAClC,SAAS,GAAG,QAAM,QAAQ,eAAe,YAAY,OAAO;CAC9D,GAAG,CAAC,QAAQ,CAAC;~~CAEb~~,MAAM,WAAW,YACf,OAAO,SAA0B;EAC/B,IAAI;GACF,MAAM,SAAS,MAAM,cAAc,IAAI;GACvC,IAAI,UAAU,OAAO,YAAY,OAAO,~~OACtC~~,SAAS,OAAO,UAAU,OAAO,KAAK;~~GAExC~~,UAAU;~~EACZ~~,~~QAAQ~~;~~GACN~~,SAAS,~~QAAQ~~;~~IACf~~,MAAM;~~IAEN~~,SAAS;~~GACX~~,CAAC;~~EACH~~;CACF,GACA;EAAC;EAAa;EAAU;~~CAAS~~,~~CACnC~~;CAEA,OAAO,CAAC,OACN,oBAAC,UAAD,CAAW,CAAA,IAEX,oBAAC,gBAAD,EAAA,UACE,oBAAC,mBAAD,EAAA,~~UACE~~,qBAAC,cAAD,~~EAAA~~,UAAA;~~EACE~~,oBAAC,iBAAD,CAAkB,CAAA;~~EAClB~~,oBAAC,WAAD;~~GACU~~;~~GACM~~;~~GACL~~;~~GACC~~;~~GACA~~;~~EACX~~,CAAA;~~EACA~~,qBACC,qBAAC,YAAD;~~GAAY~~,OAAM;~~GAAS~~,IAAI;~~IAAE~~,IAAI;~~IAAG~~,UAAU;~~GAAG~~;~~GAAG~~,SAAQ;~~GAAhE~~,UAAA,CACG,EAAE,+BAA+B,GAClC,oBAAC,QAAD;~~IAAM~~,~~MAAM~~;~~IAAa~~,IAAI,EAAE,IAAI,EAAE;~~IAClC~~,UAAA,EAAE,2BAA2B;~~GAC1B~~,CAAA,CACI;;~~CAEF~~,~~EAAA,~~CAAA,~~EACG~~,CAAA,EACL,CAAA;AAEpB"}
1	+ {"version":3,"file":"Login.mjs","names":[],"sources":["../../../src/sections/Security/Login.tsx"],"sourcesContent":["import { yupResolver } from '@hookform/resolvers/yup';\nimport { Link, Typography } from '@mui/material';\nimport React, { useCallback, useRef } from 'react';\nimport { useForm } from 'react-hook-form';\nimport { useTranslation } from 'react-i18next';\nimport { Link as RouterLink, useLocation, useNavigate } from 'react-router';\n\nimport { useDataMutation } from '../../api/use-data-mutation';\nimport type { LoginFormValues } from '../../components/LoginForm/Login';\nimport LoginForm from '../../components/LoginForm/Login';\nimport LoginFormHeader from '../../components/LoginForm/styles';\nimport NotFound from '../../components/NotFound';\nimport { getConfiguration } from '../../configuration';\nimport SecurityLayout from '../../layouts/Security/Dialog';\nimport { useAuth } from '../../providers/AuthProvider/AuthProvider';\nimport type { LoginBody } from '../../providers/AuthProvider/types';\nimport { authErrorMessage } from '../../providers/AuthProvider/utils';\nimport { saveAuth } from '../../store/storage';\nimport { stripTrailingSlash } from '../../store/utils';\nimport { Route } from '../../utils';\nimport { loginSchema } from '../../utils/schemas';\nimport { MessageType } from './Success';\nimport { SecurityContainer, SecurityForm } from './styles';\nimport { getSecurityUrlParams } from './utils';\n\nconst configuration = getConfiguration();\nconst basePath = stripTrailingSlash(configuration.base);\n\nconst Login: React.FC = () => {\n const { t } = useTranslation();\n const location = useLocation();\n const navigate = useNavigate();\n const { setUserState } = useAuth();\n const { next } = getSecurityUrlParams(location);\n const createUserEnabled = configuration?.flags?.createUser;\n const addUserLink = Route.ADD_USER + (next ? '?next=' + next : '');\n\n const { trigger } = useDataMutation<LoginBody>(basePath, next, 'POST');\n\n const form = useForm<LoginFormValues>({\n mode: 'onChange',\n resolver: yupResolver(loginSchema),\n });\n\n const {\n setError,\n handleSubmit,\n register,\n formState: { isValid, isSubmitting, errors },\n } = form;\n\n const handleLogin = useCallback(\n async (body: { username: string; password: string }) => {\n return await trigger(body);\n },\n [trigger]\n );\n\n const onSuccess = useCallback(() => {\n navigate(`${Route.SUCCESS}?messageType=${MessageType.Login}`);\n }, [navigate]);\n\n // `disabled={isSubmitting}` only applies after a re-render; clicks landing in\n // the same React batch would still fire duplicate requests\n const inFlight = useRef(false);\n\n const onSubmit = useCallback(\n async (data: LoginFormValues) => {\n if (inFlight.current) {\n return;\n }\n inFlight.current = true;\n try {\n const result = await handleLogin?.(data);\n if (!result \|\| !result.username \|\| !result.token) {\n // a 2xx with an unexpected body must not pass as a successful login\n throw new Error('login response is missing the token');\n }\n saveAuth(result.username, result.token);\n // AuthProvider reads storage only once, so the header needs the state update\n setUserState?.({ username: result.username, token: result.token });\n onSuccess();\n } catch (err: any) {\n // only a 401 means wrong credentials; a dead server, 500 or 429 must\n // not claim the credentials were invalid\n const message =\n err?.code === 401\n ? t('security.error.invalid-credentials')\n : authErrorMessage(err, t('security.error.unable-to-login'));\n setError('root', { type: 'server', message });\n } finally {\n inFlight.current = false;\n }\n },\n [handleLogin, setError, setUserState, onSuccess, t]\n );\n\n return !next ? (\n <NotFound />\n ) : (\n <SecurityLayout>\n <SecurityContainer>\n {/* container only: LoginForm renders the real <form>, and a <form>\n cannot be a descendant of another <form> */}\n <SecurityForm as=\"div\">\n <LoginFormHeader />\n <LoginForm\n errors={errors}\n handleSubmit={handleSubmit}\n isSubmitting={isSubmitting}\n isValid={isValid}\n onSubmit={onSubmit}\n register={register}\n />\n {createUserEnabled && (\n <Typography align=\"center\" sx={{ mt: 2, fontSize: 12 }} variant=\"body2\">\n {t('security.login.noUserQuestion')}\n <Link component={RouterLink} sx={{ ml: 1 }} to={addUserLink}>\n {t('security.login.createUser')}\n </Link>\n </Typography>\n )}\n </SecurityForm>\n </SecurityContainer>\n </SecurityLayout>\n );\n};\n\nexport default Login;\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;AAyBA,IAAM,gBAAgB,iBAAiB;AACvC,IAAM,WAAW,mBAAmB,cAAc,IAAI;AAEtD,IAAM,cAAwB;CAC5B,MAAM,EAAE,MAAM,eAAe;CAC7B,MAAM,WAAW,YAAY;CAC7B,MAAM,WAAW,YAAY;CAC7B,MAAM,EAAE,iBAAiB,QAAQ;CACjC,MAAM,EAAE,SAAS,qBAAqB,QAAQ;CAC9C,MAAM,oBAAoB,eAAe,OAAO;CAChD,MAAM,cAAc,QAAM,YAAY,OAAO,WAAW,OAAO;CAE/D,MAAM,EAAE,YAAY,gBAA2B,UAAU,MAAM,MAAM;CAOrE,MAAM,EACJ,UACA,cACA,UACA,WAAW,EAAE,SAAS,cAAc,aATzB,QAAyB;EACpC,MAAM;EACN,UAAU,YAAY,WAAW;CACnC,CAOI;CAEJ,MAAM,cAAc,YAClB,OAAO,SAAiD;EACtD,OAAO,MAAM,QAAQ,IAAI;CAC3B,GACA,CAAC,OAAO,CACV;CAEA,MAAM,YAAY,kBAAkB;EAClC,SAAS,GAAG,QAAM,QAAQ,eAAe,YAAY,OAAO;CAC9D,GAAG,CAAC,QAAQ,CAAC;CAIb,MAAM,WAAW,OAAO,KAAK;CAE7B,MAAM,WAAW,YACf,OAAO,SAA0B;EAC/B,IAAI,SAAS,SACX;EAEF,SAAS,UAAU;EACnB,IAAI;GACF,MAAM,SAAS,MAAM,cAAc,IAAI;GACvC,IAAI,CAAC,UAAU,CAAC,OAAO,YAAY,CAAC,OAAO,OAEzC,MAAM,IAAI,MAAM,qCAAqC;GAEvD,SAAS,OAAO,UAAU,OAAO,KAAK;GAEtC,eAAe;IAAE,UAAU,OAAO;IAAU,OAAO,OAAO;GAAM,CAAC;GACjE,UAAU;EACZ,SAAS,KAAU;GAGjB,MAAM,UACJ,KAAK,SAAS,MACV,EAAE,oCAAoC,IACtC,iBAAiB,KAAK,EAAE,gCAAgC,CAAC;GAC/D,SAAS,QAAQ;IAAE,MAAM;IAAU;GAAQ,CAAC;EAC9C,UAAU;GACR,SAAS,UAAU;EACrB;CACF,GACA;EAAC;EAAa;EAAU;EAAc;EAAW;CAAC,CACpD;CAEA,OAAO,CAAC,OACN,oBAAC,UAAD,CAAW,CAAA,IAEX,oBAAC,gBAAD,EAAA,UACE,oBAAC,mBAAD,EAAA,UAGE,qBAAC,cAAD;EAAc,IAAG;EAAjB,UAAA;GACE,oBAAC,iBAAD,CAAkB,CAAA;GAClB,oBAAC,WAAD;IACU;IACM;IACA;IACL;IACC;IACA;GACX,CAAA;GACA,qBACC,qBAAC,YAAD;IAAY,OAAM;IAAS,IAAI;KAAE,IAAI;KAAG,UAAU;IAAG;IAAG,SAAQ;IAAhE,UAAA,CACG,EAAE,+BAA+B,GAClC,oBAAC,QAAD;KAAM,WAAW;KAAY,IAAI,EAAE,IAAI,EAAE;KAAG,IAAI;KAC7C,UAAA,EAAE,2BAA2B;IAC1B,CAAA,CACI;;EAEF;CACG,CAAA,EAAA,CAAA,EACL,CAAA;AAEpB"}

package/build/sections/Security/Success.js CHANGED Viewed

@@ -3,8 +3,8 @@ const require_Dialog = require("../../layouts/Security/Dialog.js");
 const require_styles = require("./styles.js");
 let react = require("react");
 react = require_runtime.__toESM(react);
-let react_jsx_runtime = require("react/jsx-runtime");
 let react_i18next = require("react-i18next");
+let react_jsx_runtime = require("react/jsx-runtime");
 let react_router = require("react-router");
 let _mui_material = require("@mui/material");
 let _mui_icons_material_CheckCircle = require("@mui/icons-material/CheckCircle");
@@ -20,33 +20,37 @@ var MessageType = /* @__PURE__ */ function(MessageType) {
 var Success = () => {
 	const { t } = (0, react_i18next.useTranslation)();
 	const location = (0, react_router.useLocation)();
+	const navigate = (0, react_router.useNavigate)();
 	const messageType = new URLSearchParams(location.search).get("messageType");
 	const message = !messageType ? t("security.success.messageSuccess") : t(`security.success.message${messageType}`);
 	const handleClose = () => {
-		window.location.href = "/";
+		navigate("/");
 	};
-	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_Dialog.default, { children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_styles.SecurityContainer, { children: /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(require_styles.SecurityForm, { children: [
-		/* @__PURE__ */ (0, react_jsx_runtime.jsx)(_mui_icons_material_CheckCircle.default, { color: "success" }),
-		/* @__PURE__ */ (0, react_jsx_runtime.jsx)(_mui_material.Typography, {
-			component: "h1",
-			gutterBottom: true,
-			variant: "h4",
-			children: t("security.success.title")
-		}),
-		/* @__PURE__ */ (0, react_jsx_runtime.jsx)(_mui_material.Typography, {
-			color: "text.secondary",
-			paragraph: true,
-			variant: "body1",
-			children: message
-		}),
-		/* @__PURE__ */ (0, react_jsx_runtime.jsx)(_mui_material.Button, {
-			color: "primary",
-			onClick: handleClose,
-			sx: { mt: 2 },
-			variant: "contained",
-			children: t("security.success.submit")
-		})
-	] }) }) });
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_Dialog.default, { children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_styles.SecurityContainer, { children: /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(require_styles.SecurityForm, {
+		as: "div",
+		children: [
+			/* @__PURE__ */ (0, react_jsx_runtime.jsx)(_mui_icons_material_CheckCircle.default, { color: "success" }),
+			/* @__PURE__ */ (0, react_jsx_runtime.jsx)(_mui_material.Typography, {
+				component: "h1",
+				gutterBottom: true,
+				variant: "h4",
+				children: t("security.success.title")
+			}),
+			/* @__PURE__ */ (0, react_jsx_runtime.jsx)(_mui_material.Typography, {
+				color: "text.secondary",
+				paragraph: true,
+				variant: "body1",
+				children: message
+			}),
+			/* @__PURE__ */ (0, react_jsx_runtime.jsx)(_mui_material.Button, {
+				color: "primary",
+				onClick: handleClose,
+				sx: { mt: 2 },
+				variant: "contained",
+				children: t("security.success.submit")
+			})
+		]
+	}) }) });
 };
 //#endregion
 exports.MessageType = MessageType;

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

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

package/build/sections/Security/Success.mjs CHANGED Viewed

@@ -1,9 +1,9 @@
 import SecurityLayout from "../../layouts/Security/Dialog.mjs";
 import { SecurityContainer, SecurityForm } from "./styles.mjs";
 import "react";
-import { jsx, jsxs } from "react/jsx-runtime";
 import { useTranslation } from "react-i18next";
-import { useLocation } from "react-router";
+import { jsx, jsxs } from "react/jsx-runtime";
+import { useLocation, useNavigate } from "react-router";
 import { Button, Typography } from "@mui/material";
 import CheckCircleIcon from "@mui/icons-material/CheckCircle";
 //#region src/sections/Security/Success.tsx
@@ -17,33 +17,37 @@ var MessageType = /* @__PURE__ */ function(MessageType) {
 var Success = () => {
 	const { t } = useTranslation();
 	const location = useLocation();
+	const navigate = useNavigate();
 	const messageType = new URLSearchParams(location.search).get("messageType");
 	const message = !messageType ? t("security.success.messageSuccess") : t(`security.success.message${messageType}`);
 	const handleClose = () => {
-		window.location.href = "/";
+		navigate("/");
 	};
-	return /* @__PURE__ */ jsx(SecurityLayout, { children: /* @__PURE__ */ jsx(SecurityContainer, { children: /* @__PURE__ */ jsxs(SecurityForm, { children: [
-		/* @__PURE__ */ jsx(CheckCircleIcon, { color: "success" }),
-		/* @__PURE__ */ jsx(Typography, {
-			component: "h1",
-			gutterBottom: true,
-			variant: "h4",
-			children: t("security.success.title")
-		}),
-		/* @__PURE__ */ jsx(Typography, {
-			color: "text.secondary",
-			paragraph: true,
-			variant: "body1",
-			children: message
-		}),
-		/* @__PURE__ */ jsx(Button, {
-			color: "primary",
-			onClick: handleClose,
-			sx: { mt: 2 },
-			variant: "contained",
-			children: t("security.success.submit")
-		})
-	] }) }) });
+	return /* @__PURE__ */ jsx(SecurityLayout, { children: /* @__PURE__ */ jsx(SecurityContainer, { children: /* @__PURE__ */ jsxs(SecurityForm, {
+		as: "div",
+		children: [
+			/* @__PURE__ */ jsx(CheckCircleIcon, { color: "success" }),
+			/* @__PURE__ */ jsx(Typography, {
+				component: "h1",
+				gutterBottom: true,
+				variant: "h4",
+				children: t("security.success.title")
+			}),
+			/* @__PURE__ */ jsx(Typography, {
+				color: "text.secondary",
+				paragraph: true,
+				variant: "body1",
+				children: message
+			}),
+			/* @__PURE__ */ jsx(Button, {
+				color: "primary",
+				onClick: handleClose,
+				sx: { mt: 2 },
+				variant: "contained",
+				children: t("security.success.submit")
+			})
+		]
+	}) }) });
 };
 //#endregion
 export { MessageType, Success as default };

package/build/sections/Security/Success.mjs.map CHANGED Viewed

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

package/build/sections/Stage/StageActions.js CHANGED Viewed

@@ -2,8 +2,8 @@ const require_runtime = require("../../_virtual/_rolldown/runtime.js");
 const require_useStage = require("./useStage.js");
 let react = require("react");
 react = require_runtime.__toESM(react);
-let react_jsx_runtime = require("react/jsx-runtime");
 let react_i18next = require("react-i18next");
+let react_jsx_runtime = require("react/jsx-runtime");
 let _mui_material = require("@mui/material");
 //#region src/sections/Stage/StageActions.tsx
 /**

package/build/sections/Stage/StageActions.mjs CHANGED Viewed

@@ -1,7 +1,7 @@
 import { approveStagedVersion, rejectStagedVersion } from "./useStage.mjs";
 import { useCallback, useState } from "react";
-import { Fragment as Fragment$1, jsx, jsxs } from "react/jsx-runtime";
 import { useTranslation } from "react-i18next";
+import { Fragment as Fragment$1, jsx, jsxs } from "react/jsx-runtime";
 import { Button, Dialog, DialogActions, DialogContent, DialogContentText, DialogTitle, Typography } from "@mui/material";
 //#region src/sections/Stage/StageActions.tsx
 /**

package/build/sections/Stage/StageDetail.js CHANGED Viewed

@@ -6,8 +6,8 @@ const require_StageActions = require("./StageActions.js");
 const require_useRequireSession = require("./useRequireSession.js");
 let react = require("react");
 react = require_runtime.__toESM(react);
-let react_jsx_runtime = require("react/jsx-runtime");
 let react_i18next = require("react-i18next");
+let react_jsx_runtime = require("react/jsx-runtime");
 let react_router = require("react-router");
 let _mui_material = require("@mui/material");
 //#region src/sections/Stage/StageDetail.tsx

package/build/sections/Stage/StageDetail.mjs CHANGED Viewed

@@ -4,8 +4,8 @@ import { downloadStagedTarball, useStageItem } from "./useStage.mjs";
 import StageActions from "./StageActions.mjs";
 import { useRequireSession } from "./useRequireSession.mjs";
 import { useCallback } from "react";
-import { jsx, jsxs } from "react/jsx-runtime";
 import { useTranslation } from "react-i18next";
+import { jsx, jsxs } from "react/jsx-runtime";
 import { useNavigate, useParams } from "react-router";
 import { Box, Button, Chip, CircularProgress, Paper, Table, TableBody, TableCell, TableRow, Typography } from "@mui/material";
 //#region src/sections/Stage/StageDetail.tsx

package/build/sections/Stage/StageList.js CHANGED Viewed

@@ -6,8 +6,8 @@ const require_StageActions = require("./StageActions.js");
 const require_useRequireSession = require("./useRequireSession.js");
 let react = require("react");
 react = require_runtime.__toESM(react);
-let react_jsx_runtime = require("react/jsx-runtime");
 let react_i18next = require("react-i18next");
+let react_jsx_runtime = require("react/jsx-runtime");
 let react_router = require("react-router");
 let _mui_material = require("@mui/material");
 //#region src/sections/Stage/StageList.tsx
@@ -17,9 +17,16 @@ var StageList = () => {
 	const isLoggedIn = require_useRequireSession.useRequireSession();
 	const [page, setPage] = (0, react.useState)(0);
 	const [perPage, setPerPage] = (0, react.useState)(10);
+	const [actionError, setActionError] = (0, react.useState)(false);
 	const { data, error, isLoading, mutate } = require_useStage.useStageList(page, perPage);
 	const handleDownload = (0, react.useCallback)(async (item) => {
-		await require_useStage.downloadStagedTarball(item);
+		try {
+			setActionError(false);
+			await require_useStage.downloadStagedTarball(item);
+		} catch (err) {
+			console.error("Error downloading staged tarball:", err);
+			setActionError(true);
+		}
 	}, []);
 	if (!isLoggedIn) return null;
 	if (isLoading) return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_mui_material.Box, {
@@ -52,6 +59,12 @@ var StageList = () => {
 				variant: "body2",
 				children: t("stage.description")
 			}),
+			actionError && /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_mui_material.Typography, {
+				color: "error",
+				role: "alert",
+				variant: "body2",
+				children: t("stage.error.action")
+			}),
 			items.length === 0 ? /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_mui_material.Typography, {
 				color: "text.secondary",
 				marginTop: 2,

package/build/sections/Stage/StageList.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"StageList.js","names":[],"sources":["../../../src/sections/Stage/StageList.tsx"],"sourcesContent":["import {\n Box,\n Button,\n Chip,\n CircularProgress,\n Paper,\n Table,\n TableBody,\n TableCell,\n TableContainer,\n TableHead,\n TablePagination,\n TableRow,\n Typography,\n} from '@mui/material';\nimport React, { useCallback, useState } from 'react';\nimport { useTranslation } from 'react-i18next';\nimport { useNavigate } from 'react-router';\n\nimport { Route } from '../../utils';\nimport StageActions from './StageActions';\nimport { useRequireSession } from './useRequireSession';\nimport type { StagePackageVersion } from './types';\nimport { downloadStagedTarball, useStageList } from './useStage';\n\nconst StageList: React.FC = () => {\n const { t } = useTranslation();\n const navigate = useNavigate();\n const isLoggedIn = useRequireSession();\n const [page, setPage] = useState(0);\n const [perPage, setPerPage] = useState(10);\n const { data, error, isLoading, mutate } = useStageList(page, perPage);\n\n const handleDownload = useCallback(async (item: StagePackageVersion) => {\n await downloadStagedTarball(item);\n }, []);\n\n // the redirect lands on the next effect; rendering the table meanwhile would\n // only show an empty state that is about to disappear\n if (!isLoggedIn) {\n return null;\n }\n\n if (isLoading) {\n return (\n <Box display=\"flex\" justifyContent=\"center\" padding={4}>\n <CircularProgress />\n </Box>\n );\n }\n\n if (error) {\n return (\n <Box padding={2}>\n <Typography color=\"error\" role=\"alert\">\n {t('stage.error.list')}\n </Typography>\n </Box>\n );\n }\n\n const items = data?.items ?? [];\n\n return (\n <Box padding={2}>\n <Typography component=\"h1\" gutterBottom={true} variant=\"h5\">\n {t('stage.title')}\n </Typography>\n <Typography color=\"text.secondary\" gutterBottom={true} variant=\"body2\">\n {t('stage.description')}\n </Typography>\n\n {items.length === 0 ? (\n <Typography color=\"text.secondary\" marginTop={2}>\n {t('stage.empty')}\n </Typography>\n ) : (\n <TableContainer component={Paper} sx={{ marginTop: 2, overflowX: 'auto' }}>\n <Table aria-label={t('stage.title')} data-testid=\"stage-table\" size=\"small\">\n <TableHead>\n <TableRow>\n <TableCell>{t('stage.column.package')}</TableCell>\n <TableCell>{t('stage.column.version')}</TableCell>\n <TableCell>{t('stage.column.tag')}</TableCell>\n <TableCell>{t('stage.column.stagedBy')}</TableCell>\n <TableCell>{t('stage.column.date')}</TableCell>\n <TableCell align=\"right\">{t('stage.column.actions')}</TableCell>\n </TableRow>\n </TableHead>\n <TableBody>\n {items.map((item) => (\n <TableRow data-testid={`stage-row-${item.id}`} hover={true} key={item.id}>\n <TableCell>\n <Button\n onClick={() => navigate(Route.STAGE_DETAIL.replace(':stageId', item.id))}\n size=\"small\"\n sx={{ textTransform: 'none' }}\n >\n {item.packageName}\n </Button>\n </TableCell>\n <TableCell>{item.version}</TableCell>\n <TableCell>\n <Chip label={item.tag} size=\"small\" />\n </TableCell>\n <TableCell>{item.actor}</TableCell>\n <TableCell>{new Date(item.createdAt).toLocaleString()}</TableCell>\n <TableCell align=\"right\">\n <Box alignItems=\"center\" display=\"flex\" gap={1} justifyContent=\"flex-end\">\n <Button\n data-testid={`stage-download-${item.id}`}\n onClick={() => handleDownload(item)}\n size=\"small\"\n >\n {t('stage.action.download')}\n </Button>\n <StageActions item={item} onDone={() => mutate()} />\n </Box>\n </TableCell>\n </TableRow>\n ))}\n </TableBody>\n </Table>\n <TablePagination\n component=\"div\"\n count={data?.total ?? 0}\n onPageChange={(_event, nextPage) => setPage(nextPage)}\n onRowsPerPageChange={(event) => {\n setPerPage(Number.parseInt(event.target.value, 10));\n setPage(0);\n }}\n page={page}\n rowsPerPage={perPage}\n rowsPerPageOptions={[10, 25, 50, 100]}\n />\n </TableContainer>\n )}\n </Box>\n );\n};\n\nexport default StageList;\n"],"mappings":";;;;;;;;;;;;;AAyBA,IAAM,kBAA4B;CAChC,MAAM,EAAE,OAAA,GAAM,cAAA,eAAA,CAAe;CAC7B,MAAM,YAAA,GAAW,aAAA,YAAA,CAAY;CAC7B,MAAM,aAAa,0BAAA,kBAAkB;CACrC,MAAM,CAAC,MAAM,YAAA,GAAW,MAAA,SAAA,CAAS,CAAC;CAClC,MAAM,CAAC,SAAS,eAAA,GAAc,MAAA,SAAA,CAAS,EAAE;CACzC,MAAM,EAAE,MAAM,OAAO,WAAW,WAAW,iBAAA,aAAa,MAAM,OAAO;CAErE,MAAM,kBAAA,GAAiB,MAAA,YAAA,CAAY,OAAO,SAA8B;EACtE,MAAM,iBAAA,sBAAsB,IAAI;~~CAClC~~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"}
1	+ {"version":3,"file":"StageList.js","names":[],"sources":["../../../src/sections/Stage/StageList.tsx"],"sourcesContent":["import {\n Box,\n Button,\n Chip,\n CircularProgress,\n Paper,\n Table,\n TableBody,\n TableCell,\n TableContainer,\n TableHead,\n TablePagination,\n TableRow,\n Typography,\n} from '@mui/material';\nimport React, { useCallback, useState } from 'react';\nimport { useTranslation } from 'react-i18next';\nimport { useNavigate } from 'react-router';\n\nimport { Route } from '../../utils';\nimport StageActions from './StageActions';\nimport { useRequireSession } from './useRequireSession';\nimport type { StagePackageVersion } from './types';\nimport { downloadStagedTarball, useStageList } from './useStage';\n\nconst StageList: React.FC = () => {\n const { t } = useTranslation();\n const navigate = useNavigate();\n const isLoggedIn = useRequireSession();\n const [page, setPage] = useState(0);\n const [perPage, setPerPage] = useState(10);\n const [actionError, setActionError] = useState(false);\n const { data, error, isLoading, mutate } = useStageList(page, perPage);\n\n const handleDownload = useCallback(async (item: StagePackageVersion) => {\n try {\n setActionError(false);\n await downloadStagedTarball(item);\n } catch (err) {\n console.error('Error downloading staged tarball:', err);\n setActionError(true);\n }\n }, []);\n\n // the redirect lands on the next effect; rendering the table meanwhile would\n // only show an empty state that is about to disappear\n if (!isLoggedIn) {\n return null;\n }\n\n if (isLoading) {\n return (\n <Box display=\"flex\" justifyContent=\"center\" padding={4}>\n <CircularProgress />\n </Box>\n );\n }\n\n if (error) {\n return (\n <Box padding={2}>\n <Typography color=\"error\" role=\"alert\">\n {t('stage.error.list')}\n </Typography>\n </Box>\n );\n }\n\n const items = data?.items ?? [];\n\n return (\n <Box padding={2}>\n <Typography component=\"h1\" gutterBottom={true} variant=\"h5\">\n {t('stage.title')}\n </Typography>\n <Typography color=\"text.secondary\" gutterBottom={true} variant=\"body2\">\n {t('stage.description')}\n </Typography>\n\n {actionError && (\n <Typography color=\"error\" role=\"alert\" variant=\"body2\">\n {t('stage.error.action')}\n </Typography>\n )}\n\n {items.length === 0 ? (\n <Typography color=\"text.secondary\" marginTop={2}>\n {t('stage.empty')}\n </Typography>\n ) : (\n <TableContainer component={Paper} sx={{ marginTop: 2, overflowX: 'auto' }}>\n <Table aria-label={t('stage.title')} data-testid=\"stage-table\" size=\"small\">\n <TableHead>\n <TableRow>\n <TableCell>{t('stage.column.package')}</TableCell>\n <TableCell>{t('stage.column.version')}</TableCell>\n <TableCell>{t('stage.column.tag')}</TableCell>\n <TableCell>{t('stage.column.stagedBy')}</TableCell>\n <TableCell>{t('stage.column.date')}</TableCell>\n <TableCell align=\"right\">{t('stage.column.actions')}</TableCell>\n </TableRow>\n </TableHead>\n <TableBody>\n {items.map((item) => (\n <TableRow data-testid={`stage-row-${item.id}`} hover={true} key={item.id}>\n <TableCell>\n <Button\n onClick={() => navigate(Route.STAGE_DETAIL.replace(':stageId', item.id))}\n size=\"small\"\n sx={{ textTransform: 'none' }}\n >\n {item.packageName}\n </Button>\n </TableCell>\n <TableCell>{item.version}</TableCell>\n <TableCell>\n <Chip label={item.tag} size=\"small\" />\n </TableCell>\n <TableCell>{item.actor}</TableCell>\n <TableCell>{new Date(item.createdAt).toLocaleString()}</TableCell>\n <TableCell align=\"right\">\n <Box alignItems=\"center\" display=\"flex\" gap={1} justifyContent=\"flex-end\">\n <Button\n data-testid={`stage-download-${item.id}`}\n onClick={() => handleDownload(item)}\n size=\"small\"\n >\n {t('stage.action.download')}\n </Button>\n <StageActions item={item} onDone={() => mutate()} />\n </Box>\n </TableCell>\n </TableRow>\n ))}\n </TableBody>\n </Table>\n <TablePagination\n component=\"div\"\n count={data?.total ?? 0}\n onPageChange={(_event, nextPage) => setPage(nextPage)}\n onRowsPerPageChange={(event) => {\n setPerPage(Number.parseInt(event.target.value, 10));\n setPage(0);\n }}\n page={page}\n rowsPerPage={perPage}\n rowsPerPageOptions={[10, 25, 50, 100]}\n />\n </TableContainer>\n )}\n </Box>\n );\n};\n\nexport default StageList;\n"],"mappings":"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"}

package/build/sections/Stage/StageList.mjs CHANGED Viewed

@@ -4,8 +4,8 @@ import { downloadStagedTarball, useStageList } from "./useStage.mjs";
 import StageActions from "./StageActions.mjs";
 import { useRequireSession } from "./useRequireSession.mjs";
 import { useCallback, useState } from "react";
-import { jsx, jsxs } from "react/jsx-runtime";
 import { useTranslation } from "react-i18next";
+import { jsx, jsxs } from "react/jsx-runtime";
 import { useNavigate } from "react-router";
 import { Box, Button, Chip, CircularProgress, Paper, Table, TableBody, TableCell, TableContainer, TableHead, TablePagination, TableRow, Typography } from "@mui/material";
 //#region src/sections/Stage/StageList.tsx
@@ -15,9 +15,16 @@ var StageList = () => {
 	const isLoggedIn = useRequireSession();
 	const [page, setPage] = useState(0);
 	const [perPage, setPerPage] = useState(10);
+	const [actionError, setActionError] = useState(false);
 	const { data, error, isLoading, mutate } = useStageList(page, perPage);
 	const handleDownload = useCallback(async (item) => {
-		await downloadStagedTarball(item);
+		try {
+			setActionError(false);
+			await downloadStagedTarball(item);
+		} catch (err) {
+			console.error("Error downloading staged tarball:", err);
+			setActionError(true);
+		}
 	}, []);
 	if (!isLoggedIn) return null;
 	if (isLoading) return /* @__PURE__ */ jsx(Box, {
@@ -50,6 +57,12 @@ var StageList = () => {
 				variant: "body2",
 				children: t("stage.description")
 			}),
+			actionError && /* @__PURE__ */ jsx(Typography, {
+				color: "error",
+				role: "alert",
+				variant: "body2",
+				children: t("stage.error.action")
+			}),
 			items.length === 0 ? /* @__PURE__ */ jsx(Typography, {
 				color: "text.secondary",
 				marginTop: 2,

package/build/sections/Stage/StageList.mjs.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"StageList.mjs","names":[],"sources":["../../../src/sections/Stage/StageList.tsx"],"sourcesContent":["import {\n Box,\n Button,\n Chip,\n CircularProgress,\n Paper,\n Table,\n TableBody,\n TableCell,\n TableContainer,\n TableHead,\n TablePagination,\n TableRow,\n Typography,\n} from '@mui/material';\nimport React, { useCallback, useState } from 'react';\nimport { useTranslation } from 'react-i18next';\nimport { useNavigate } from 'react-router';\n\nimport { Route } from '../../utils';\nimport StageActions from './StageActions';\nimport { useRequireSession } from './useRequireSession';\nimport type { StagePackageVersion } from './types';\nimport { downloadStagedTarball, useStageList } from './useStage';\n\nconst StageList: React.FC = () => {\n const { t } = useTranslation();\n const navigate = useNavigate();\n const isLoggedIn = useRequireSession();\n const [page, setPage] = useState(0);\n const [perPage, setPerPage] = useState(10);\n const { data, error, isLoading, mutate } = useStageList(page, perPage);\n\n const handleDownload = useCallback(async (item: StagePackageVersion) => {\n await downloadStagedTarball(item);\n }, []);\n\n // the redirect lands on the next effect; rendering the table meanwhile would\n // only show an empty state that is about to disappear\n if (!isLoggedIn) {\n return null;\n }\n\n if (isLoading) {\n return (\n <Box display=\"flex\" justifyContent=\"center\" padding={4}>\n <CircularProgress />\n </Box>\n );\n }\n\n if (error) {\n return (\n <Box padding={2}>\n <Typography color=\"error\" role=\"alert\">\n {t('stage.error.list')}\n </Typography>\n </Box>\n );\n }\n\n const items = data?.items ?? [];\n\n return (\n <Box padding={2}>\n <Typography component=\"h1\" gutterBottom={true} variant=\"h5\">\n {t('stage.title')}\n </Typography>\n <Typography color=\"text.secondary\" gutterBottom={true} variant=\"body2\">\n {t('stage.description')}\n </Typography>\n\n {items.length === 0 ? (\n <Typography color=\"text.secondary\" marginTop={2}>\n {t('stage.empty')}\n </Typography>\n ) : (\n <TableContainer component={Paper} sx={{ marginTop: 2, overflowX: 'auto' }}>\n <Table aria-label={t('stage.title')} data-testid=\"stage-table\" size=\"small\">\n <TableHead>\n <TableRow>\n <TableCell>{t('stage.column.package')}</TableCell>\n <TableCell>{t('stage.column.version')}</TableCell>\n <TableCell>{t('stage.column.tag')}</TableCell>\n <TableCell>{t('stage.column.stagedBy')}</TableCell>\n <TableCell>{t('stage.column.date')}</TableCell>\n <TableCell align=\"right\">{t('stage.column.actions')}</TableCell>\n </TableRow>\n </TableHead>\n <TableBody>\n {items.map((item) => (\n <TableRow data-testid={`stage-row-${item.id}`} hover={true} key={item.id}>\n <TableCell>\n <Button\n onClick={() => navigate(Route.STAGE_DETAIL.replace(':stageId', item.id))}\n size=\"small\"\n sx={{ textTransform: 'none' }}\n >\n {item.packageName}\n </Button>\n </TableCell>\n <TableCell>{item.version}</TableCell>\n <TableCell>\n <Chip label={item.tag} size=\"small\" />\n </TableCell>\n <TableCell>{item.actor}</TableCell>\n <TableCell>{new Date(item.createdAt).toLocaleString()}</TableCell>\n <TableCell align=\"right\">\n <Box alignItems=\"center\" display=\"flex\" gap={1} justifyContent=\"flex-end\">\n <Button\n data-testid={`stage-download-${item.id}`}\n onClick={() => handleDownload(item)}\n size=\"small\"\n >\n {t('stage.action.download')}\n </Button>\n <StageActions item={item} onDone={() => mutate()} />\n </Box>\n </TableCell>\n </TableRow>\n ))}\n </TableBody>\n </Table>\n <TablePagination\n component=\"div\"\n count={data?.total ?? 0}\n onPageChange={(_event, nextPage) => setPage(nextPage)}\n onRowsPerPageChange={(event) => {\n setPerPage(Number.parseInt(event.target.value, 10));\n setPage(0);\n }}\n page={page}\n rowsPerPage={perPage}\n rowsPerPageOptions={[10, 25, 50, 100]}\n />\n </TableContainer>\n )}\n </Box>\n );\n};\n\nexport default StageList;\n"],"mappings":";;;;;;;;;;;AAyBA,IAAM,kBAA4B;CAChC,MAAM,EAAE,MAAM,eAAe;CAC7B,MAAM,WAAW,YAAY;CAC7B,MAAM,aAAa,kBAAkB;CACrC,MAAM,CAAC,MAAM,WAAW,SAAS,CAAC;CAClC,MAAM,CAAC,SAAS,cAAc,SAAS,EAAE;CACzC,MAAM,EAAE,MAAM,OAAO,WAAW,WAAW,aAAa,MAAM,OAAO;CAErE,MAAM,iBAAiB,YAAY,OAAO,SAA8B;EACtE,MAAM,sBAAsB,IAAI;~~CAClC~~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"}
1	+ {"version":3,"file":"StageList.mjs","names":[],"sources":["../../../src/sections/Stage/StageList.tsx"],"sourcesContent":["import {\n Box,\n Button,\n Chip,\n CircularProgress,\n Paper,\n Table,\n TableBody,\n TableCell,\n TableContainer,\n TableHead,\n TablePagination,\n TableRow,\n Typography,\n} from '@mui/material';\nimport React, { useCallback, useState } from 'react';\nimport { useTranslation } from 'react-i18next';\nimport { useNavigate } from 'react-router';\n\nimport { Route } from '../../utils';\nimport StageActions from './StageActions';\nimport { useRequireSession } from './useRequireSession';\nimport type { StagePackageVersion } from './types';\nimport { downloadStagedTarball, useStageList } from './useStage';\n\nconst StageList: React.FC = () => {\n const { t } = useTranslation();\n const navigate = useNavigate();\n const isLoggedIn = useRequireSession();\n const [page, setPage] = useState(0);\n const [perPage, setPerPage] = useState(10);\n const [actionError, setActionError] = useState(false);\n const { data, error, isLoading, mutate } = useStageList(page, perPage);\n\n const handleDownload = useCallback(async (item: StagePackageVersion) => {\n try {\n setActionError(false);\n await downloadStagedTarball(item);\n } catch (err) {\n console.error('Error downloading staged tarball:', err);\n setActionError(true);\n }\n }, []);\n\n // the redirect lands on the next effect; rendering the table meanwhile would\n // only show an empty state that is about to disappear\n if (!isLoggedIn) {\n return null;\n }\n\n if (isLoading) {\n return (\n <Box display=\"flex\" justifyContent=\"center\" padding={4}>\n <CircularProgress />\n </Box>\n );\n }\n\n if (error) {\n return (\n <Box padding={2}>\n <Typography color=\"error\" role=\"alert\">\n {t('stage.error.list')}\n </Typography>\n </Box>\n );\n }\n\n const items = data?.items ?? [];\n\n return (\n <Box padding={2}>\n <Typography component=\"h1\" gutterBottom={true} variant=\"h5\">\n {t('stage.title')}\n </Typography>\n <Typography color=\"text.secondary\" gutterBottom={true} variant=\"body2\">\n {t('stage.description')}\n </Typography>\n\n {actionError && (\n <Typography color=\"error\" role=\"alert\" variant=\"body2\">\n {t('stage.error.action')}\n </Typography>\n )}\n\n {items.length === 0 ? (\n <Typography color=\"text.secondary\" marginTop={2}>\n {t('stage.empty')}\n </Typography>\n ) : (\n <TableContainer component={Paper} sx={{ marginTop: 2, overflowX: 'auto' }}>\n <Table aria-label={t('stage.title')} data-testid=\"stage-table\" size=\"small\">\n <TableHead>\n <TableRow>\n <TableCell>{t('stage.column.package')}</TableCell>\n <TableCell>{t('stage.column.version')}</TableCell>\n <TableCell>{t('stage.column.tag')}</TableCell>\n <TableCell>{t('stage.column.stagedBy')}</TableCell>\n <TableCell>{t('stage.column.date')}</TableCell>\n <TableCell align=\"right\">{t('stage.column.actions')}</TableCell>\n </TableRow>\n </TableHead>\n <TableBody>\n {items.map((item) => (\n <TableRow data-testid={`stage-row-${item.id}`} hover={true} key={item.id}>\n <TableCell>\n <Button\n onClick={() => navigate(Route.STAGE_DETAIL.replace(':stageId', item.id))}\n size=\"small\"\n sx={{ textTransform: 'none' }}\n >\n {item.packageName}\n </Button>\n </TableCell>\n <TableCell>{item.version}</TableCell>\n <TableCell>\n <Chip label={item.tag} size=\"small\" />\n </TableCell>\n <TableCell>{item.actor}</TableCell>\n <TableCell>{new Date(item.createdAt).toLocaleString()}</TableCell>\n <TableCell align=\"right\">\n <Box alignItems=\"center\" display=\"flex\" gap={1} justifyContent=\"flex-end\">\n <Button\n data-testid={`stage-download-${item.id}`}\n onClick={() => handleDownload(item)}\n size=\"small\"\n >\n {t('stage.action.download')}\n </Button>\n <StageActions item={item} onDone={() => mutate()} />\n </Box>\n </TableCell>\n </TableRow>\n ))}\n </TableBody>\n </Table>\n <TablePagination\n component=\"div\"\n count={data?.total ?? 0}\n onPageChange={(_event, nextPage) => setPage(nextPage)}\n onRowsPerPageChange={(event) => {\n setPerPage(Number.parseInt(event.target.value, 10));\n setPage(0);\n }}\n page={page}\n rowsPerPage={perPage}\n rowsPerPageOptions={[10, 25, 50, 100]}\n />\n </TableContainer>\n )}\n </Box>\n );\n};\n\nexport default StageList;\n"],"mappings":"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"}

package/build/store/api.js CHANGED Viewed

@@ -21,6 +21,11 @@ function handleResponseType(response) {
 			response.blob(),
 			response.status
 		]);
+		if (contentType?.includes("application/octet-stream") || contentType?.includes("application/gzip")) return Promise.all([
+			response.ok,
+			response.blob(),
+			response.status
+		]);
 		if (contentType?.includes("application/json")) return Promise.all([
 			response.ok,
 			response.json(),
@@ -48,11 +53,9 @@ var API = class {
 	request(url, method = "GET", options = { headers: {} }) {
 		const token = require_storage.default.getItem("token");
 		const headers = new Headers(options.headers);
-		if (token && headers.has(AuthHeader) === false) {
-			headers.set(AuthHeader, `Bearer ${token}`);
-			options.headers = headers;
-		}
+		if (token && headers.has(AuthHeader) === false) headers.set(AuthHeader, `Bearer ${token}`);
 		headers.set("x-client", "verdaccio-ui");
+		options.headers = headers;
 		return new Promise((resolve, reject) => {
 			fetch(url, {
 				method,