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

package/build/sections/Stage/StageActions.js

@@ -0,0 +1,101 @@
+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_i18next = require("react-i18next");
+let react_jsx_runtime = require("react/jsx-runtime");
+let _mui_material = require("@mui/material");
+//#region src/sections/Stage/StageActions.tsx
+/**
+* Approve / reject buttons with a confirmation step.
+*
+* Both actions are irreversible from the UI: approving publishes the version
+* for real, rejecting deletes the staged record and its tarball.
+*/
+var StageActions = ({ item, onDone }) => {
+	const { t } = (0, react_i18next.useTranslation)();
+	const [pending, setPending] = (0, react.useState)(null);
+	const [isBusy, setIsBusy] = (0, react.useState)(false);
+	const [error, setError] = (0, react.useState)(null);
+	const close = (0, react.useCallback)(() => {
+		if (!isBusy) {
+			setPending(null);
+			setError(null);
+		}
+	}, [isBusy]);
+	const confirm = (0, react.useCallback)(async () => {
+		if (!pending) return;
+		setIsBusy(true);
+		setError(null);
+		try {
+			if (pending === "approve") await require_useStage.approveStagedVersion(item.id);
+			else await require_useStage.rejectStagedVersion(item.id);
+			setPending(null);
+			onDone();
+		} catch (err) {
+			setError(err?.message ?? t("stage.error.action"));
+		} finally {
+			setIsBusy(false);
+		}
+	}, [
+		item.id,
+		onDone,
+		pending,
+		t
+	]);
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(react_jsx_runtime.Fragment, { children: [
+		/* @__PURE__ */ (0, react_jsx_runtime.jsx)(_mui_material.Button, {
+			color: "primary",
+			"data-testid": `stage-approve-${item.id}`,
+			disabled: isBusy,
+			onClick: () => setPending("approve"),
+			size: "small",
+			variant: "outlined",
+			children: t("stage.action.approve")
+		}),
+		/* @__PURE__ */ (0, react_jsx_runtime.jsx)(_mui_material.Button, {
+			color: "error",
+			"data-testid": `stage-reject-${item.id}`,
+			disabled: isBusy,
+			onClick: () => setPending("reject"),
+			size: "small",
+			children: t("stage.action.reject")
+		}),
+		/* @__PURE__ */ (0, react_jsx_runtime.jsxs)(_mui_material.Dialog, {
+			onClose: close,
+			open: pending !== null,
+			children: [
+				/* @__PURE__ */ (0, react_jsx_runtime.jsx)(_mui_material.DialogTitle, { children: pending === "approve" ? t("stage.confirm.approveTitle") : t("stage.confirm.rejectTitle") }),
+				/* @__PURE__ */ (0, react_jsx_runtime.jsxs)(_mui_material.DialogContent, { children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)(_mui_material.DialogContentText, { children: pending === "approve" ? t("stage.confirm.approveBody", {
+					package: item.packageName,
+					version: item.version,
+					tag: item.tag
+				}) : t("stage.confirm.rejectBody", {
+					package: item.packageName,
+					version: item.version
+				}) }), error && /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_mui_material.Typography, {
+					color: "error",
+					marginTop: 2,
+					role: "alert",
+					children: error
+				})] }),
+				/* @__PURE__ */ (0, react_jsx_runtime.jsxs)(_mui_material.DialogActions, { children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)(_mui_material.Button, {
+					disabled: isBusy,
+					onClick: close,
+					children: t("button.cancel")
+				}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_mui_material.Button, {
+					color: pending === "approve" ? "primary" : "error",
+					"data-testid": "stage-confirm",
+					disabled: isBusy,
+					onClick: confirm,
+					variant: "contained",
+					children: pending === "approve" ? t("stage.action.approve") : t("stage.action.reject")
+				})] })
+			]
+		})
+	] });
+};
+//#endregion
+exports.default = StageActions;
+
+//# sourceMappingURL=StageActions.js.map

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

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

package/build/sections/Stage/StageActions.mjs

@@ -0,0 +1,99 @@
+import { approveStagedVersion, rejectStagedVersion } from "./useStage.mjs";
+import { useCallback, useState } from "react";
+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
+/**
+* Approve / reject buttons with a confirmation step.
+*
+* Both actions are irreversible from the UI: approving publishes the version
+* for real, rejecting deletes the staged record and its tarball.
+*/
+var StageActions = ({ item, onDone }) => {
+	const { t } = useTranslation();
+	const [pending, setPending] = useState(null);
+	const [isBusy, setIsBusy] = useState(false);
+	const [error, setError] = useState(null);
+	const close = useCallback(() => {
+		if (!isBusy) {
+			setPending(null);
+			setError(null);
+		}
+	}, [isBusy]);
+	const confirm = useCallback(async () => {
+		if (!pending) return;
+		setIsBusy(true);
+		setError(null);
+		try {
+			if (pending === "approve") await approveStagedVersion(item.id);
+			else await rejectStagedVersion(item.id);
+			setPending(null);
+			onDone();
+		} catch (err) {
+			setError(err?.message ?? t("stage.error.action"));
+		} finally {
+			setIsBusy(false);
+		}
+	}, [
+		item.id,
+		onDone,
+		pending,
+		t
+	]);
+	return /* @__PURE__ */ jsxs(Fragment$1, { children: [
+		/* @__PURE__ */ jsx(Button, {
+			color: "primary",
+			"data-testid": `stage-approve-${item.id}`,
+			disabled: isBusy,
+			onClick: () => setPending("approve"),
+			size: "small",
+			variant: "outlined",
+			children: t("stage.action.approve")
+		}),
+		/* @__PURE__ */ jsx(Button, {
+			color: "error",
+			"data-testid": `stage-reject-${item.id}`,
+			disabled: isBusy,
+			onClick: () => setPending("reject"),
+			size: "small",
+			children: t("stage.action.reject")
+		}),
+		/* @__PURE__ */ jsxs(Dialog, {
+			onClose: close,
+			open: pending !== null,
+			children: [
+				/* @__PURE__ */ jsx(DialogTitle, { children: pending === "approve" ? t("stage.confirm.approveTitle") : t("stage.confirm.rejectTitle") }),
+				/* @__PURE__ */ jsxs(DialogContent, { children: [/* @__PURE__ */ jsx(DialogContentText, { children: pending === "approve" ? t("stage.confirm.approveBody", {
+					package: item.packageName,
+					version: item.version,
+					tag: item.tag
+				}) : t("stage.confirm.rejectBody", {
+					package: item.packageName,
+					version: item.version
+				}) }), error && /* @__PURE__ */ jsx(Typography, {
+					color: "error",
+					marginTop: 2,
+					role: "alert",
+					children: error
+				})] }),
+				/* @__PURE__ */ jsxs(DialogActions, { children: [/* @__PURE__ */ jsx(Button, {
+					disabled: isBusy,
+					onClick: close,
+					children: t("button.cancel")
+				}), /* @__PURE__ */ jsx(Button, {
+					color: pending === "approve" ? "primary" : "error",
+					"data-testid": "stage-confirm",
+					disabled: isBusy,
+					onClick: confirm,
+					variant: "contained",
+					children: pending === "approve" ? t("stage.action.approve") : t("stage.action.reject")
+				})] })
+			]
+		})
+	] });
+};
+//#endregion
+export { StageActions as default };
+
+//# sourceMappingURL=StageActions.mjs.map

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

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

package/build/sections/Stage/StageDetail.d.ts

@@ -0,0 +1,3 @@
+import React from 'react';
+declare const StageDetail: React.FC;
+export default StageDetail;

package/build/sections/Stage/StageDetail.js

@@ -0,0 +1,110 @@
+const require_runtime = require("../../_virtual/_rolldown/runtime.js");
+const require_routes = require("../../utils/routes.js");
+require("../../utils/index.js");
+const require_useStage = require("./useStage.js");
+const require_StageActions = require("./StageActions.js");
+const require_useRequireSession = require("./useRequireSession.js");
+let react = require("react");
+react = require_runtime.__toESM(react);
+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
+var StageDetail = () => {
+	const { t } = (0, react_i18next.useTranslation)();
+	const navigate = (0, react_router.useNavigate)();
+	const { stageId } = (0, react_router.useParams)();
+	const isLoggedIn = require_useRequireSession.useRequireSession();
+	const { data, error, isLoading } = require_useStage.useStageItem(stageId);
+	const handleDownload = (0, react.useCallback)(async () => {
+		if (data) await require_useStage.downloadStagedTarball(data);
+	}, [data]);
+	if (!isLoggedIn) return null;
+	if (isLoading) return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_mui_material.Box, {
+		display: "flex",
+		justifyContent: "center",
+		padding: 4,
+		children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_mui_material.CircularProgress, {})
+	});
+	if (error || !data) return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_mui_material.Box, {
+		padding: 2,
+		children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_mui_material.Typography, {
+			color: "error",
+			role: "alert",
+			children: t("stage.error.notFound")
+		})
+	});
+	const rows = [
+		[t("stage.column.package"), data.packageName],
+		[t("stage.column.version"), data.version],
+		[t("stage.column.tag"), /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_mui_material.Chip, {
+			label: data.tag,
+			size: "small"
+		}, "tag")],
+		[t("stage.column.stagedBy"), `${data.actor} (${data.actorType})`],
+		[t("stage.column.date"), new Date(data.createdAt).toLocaleString()],
+		[t("stage.column.access"), data.access],
+		[t("stage.column.shasum"), data.shasum]
+	];
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(_mui_material.Box, {
+		padding: 2,
+		children: [
+			/* @__PURE__ */ (0, react_jsx_runtime.jsx)(_mui_material.Button, {
+				onClick: () => navigate(require_routes.Route.STAGE),
+				size: "small",
+				children: t("stage.backToList")
+			}),
+			/* @__PURE__ */ (0, react_jsx_runtime.jsxs)(_mui_material.Typography, {
+				component: "h1",
+				gutterBottom: true,
+				variant: "h5",
+				children: [
+					data.packageName,
+					"@",
+					data.version
+				]
+			}),
+			/* @__PURE__ */ (0, react_jsx_runtime.jsx)(_mui_material.Paper, {
+				sx: {
+					marginTop: 2,
+					overflowX: "auto"
+				},
+				children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_mui_material.Table, {
+					"data-testid": "stage-detail",
+					size: "small",
+					children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_mui_material.TableBody, { children: rows.map(([label, value]) => /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(_mui_material.TableRow, { children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)(_mui_material.TableCell, {
+						component: "th",
+						scope: "row",
+						sx: {
+							fontWeight: 600,
+							width: "30%"
+						},
+						children: label
+					}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_mui_material.TableCell, {
+						sx: { wordBreak: "break-all" },
+						children: value
+					})] }, label)) })
+				})
+			}),
+			/* @__PURE__ */ (0, react_jsx_runtime.jsxs)(_mui_material.Box, {
+				display: "flex",
+				gap: 1,
+				marginTop: 2,
+				children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)(_mui_material.Button, {
+					onClick: handleDownload,
+					size: "small",
+					variant: "outlined",
+					children: t("stage.action.download")
+				}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_StageActions.default, {
+					item: data,
+					onDone: () => navigate(require_routes.Route.STAGE)
+				})]
+			})
+		]
+	});
+};
+//#endregion
+exports.default = StageDetail;
+
+//# sourceMappingURL=StageDetail.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"StageDetail.js","names":[],"sources":["../../../src/sections/Stage/StageDetail.tsx"],"sourcesContent":["import {\n  Box,\n  Button,\n  Chip,\n  CircularProgress,\n  Paper,\n  Table,\n  TableBody,\n  TableCell,\n  TableRow,\n  Typography,\n} from '@mui/material';\nimport React, { useCallback } from 'react';\nimport { useTranslation } from 'react-i18next';\nimport { useNavigate, useParams } from 'react-router';\n\nimport { Route } from '../../utils';\nimport StageActions from './StageActions';\nimport { downloadStagedTarball, useStageItem } from './useStage';\nimport { useRequireSession } from './useRequireSession';\n\nconst StageDetail: React.FC = () => {\n  const { t } = useTranslation();\n  const navigate = useNavigate();\n  const { stageId } = useParams<{ stageId: string }>();\n  const isLoggedIn = useRequireSession();\n  const { data, error, isLoading } = useStageItem(stageId);\n\n  const handleDownload = useCallback(async () => {\n    if (data) {\n      await downloadStagedTarball(data);\n    }\n  }, [data]);\n\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 || !data) {\n    return (\n      <Box padding={2}>\n        <Typography color=\"error\" role=\"alert\">\n          {t('stage.error.notFound')}\n        </Typography>\n      </Box>\n    );\n  }\n\n  const rows: [string, React.ReactNode][] = [\n    [t('stage.column.package'), data.packageName],\n    [t('stage.column.version'), data.version],\n    [t('stage.column.tag'), <Chip key=\"tag\" label={data.tag} size=\"small\" />],\n    [t('stage.column.stagedBy'), `${data.actor} (${data.actorType})`],\n    [t('stage.column.date'), new Date(data.createdAt).toLocaleString()],\n    [t('stage.column.access'), data.access],\n    [t('stage.column.shasum'), data.shasum],\n  ];\n\n  return (\n    <Box padding={2}>\n      <Button onClick={() => navigate(Route.STAGE)} size=\"small\">\n        {t('stage.backToList')}\n      </Button>\n      <Typography component=\"h1\" gutterBottom={true} variant=\"h5\">\n        {data.packageName}@{data.version}\n      </Typography>\n\n      <Paper sx={{ marginTop: 2, overflowX: 'auto' }}>\n        <Table data-testid=\"stage-detail\" size=\"small\">\n          <TableBody>\n            {rows.map(([label, value]) => (\n              <TableRow key={label}>\n                <TableCell component=\"th\" scope=\"row\" sx={{ fontWeight: 600, width: '30%' }}>\n                  {label}\n                </TableCell>\n                <TableCell sx={{ wordBreak: 'break-all' }}>{value}</TableCell>\n              </TableRow>\n            ))}\n          </TableBody>\n        </Table>\n      </Paper>\n\n      <Box display=\"flex\" gap={1} marginTop={2}>\n        <Button onClick={handleDownload} size=\"small\" variant=\"outlined\">\n          {t('stage.action.download')}\n        </Button>\n        <StageActions item={data} onDone={() => navigate(Route.STAGE)} />\n      </Box>\n    </Box>\n  );\n};\n\nexport default StageDetail;\n"],"mappings":";;;;;;;;;;;;;AAqBA,IAAM,oBAA8B;CAClC,MAAM,EAAE,OAAA,GAAM,cAAA,eAAA,CAAe;CAC7B,MAAM,YAAA,GAAW,aAAA,YAAA,CAAY;CAC7B,MAAM,EAAE,aAAA,GAAY,aAAA,UAAA,CAA+B;CACnD,MAAM,aAAa,0BAAA,kBAAkB;CACrC,MAAM,EAAE,MAAM,OAAO,cAAc,iBAAA,aAAa,OAAO;CAEvD,MAAM,kBAAA,GAAiB,MAAA,YAAA,CAAY,YAAY;EAC7C,IAAI,MACF,MAAM,iBAAA,sBAAsB,IAAI;CAEpC,GAAG,CAAC,IAAI,CAAC;CAET,IAAI,CAAC,YACH,OAAO;CAGT,IAAI,WACF,OACE,iBAAA,GAAA,kBAAA,IAAA,CAAC,cAAA,KAAD;EAAK,SAAQ;EAAO,gBAAe;EAAS,SAAS;EACnD,UAAA,iBAAA,GAAA,kBAAA,IAAA,CAAC,cAAA,kBAAD,CAAmB,CAAA;CAChB,CAAA;CAIT,IAAI,SAAS,CAAC,MACZ,OACE,iBAAA,GAAA,kBAAA,IAAA,CAAC,cAAA,KAAD;EAAK,SAAS;EACZ,UAAA,iBAAA,GAAA,kBAAA,IAAA,CAAC,cAAA,YAAD;GAAY,OAAM;GAAQ,MAAK;GAC5B,UAAA,EAAE,sBAAsB;EACf,CAAA;CACT,CAAA;CAIT,MAAM,OAAoC;EACxC,CAAC,EAAE,sBAAsB,GAAG,KAAK,WAAW;EAC5C,CAAC,EAAE,sBAAsB,GAAG,KAAK,OAAO;EACxC,CAAC,EAAE,kBAAkB,GAAG,iBAAA,GAAA,kBAAA,IAAA,CAAC,cAAA,MAAD;GAAgB,OAAO,KAAK;GAAK,MAAK;EAAS,GAArC,KAAqC,CAAC;EACxE,CAAC,EAAE,uBAAuB,GAAG,GAAG,KAAK,MAAM,IAAI,KAAK,UAAU,EAAE;EAChE,CAAC,EAAE,mBAAmB,GAAG,IAAI,KAAK,KAAK,SAAS,CAAC,CAAC,eAAe,CAAC;EAClE,CAAC,EAAE,qBAAqB,GAAG,KAAK,MAAM;EACtC,CAAC,EAAE,qBAAqB,GAAG,KAAK,MAAM;CACxC;CAEA,OACE,iBAAA,GAAA,kBAAA,KAAA,CAAC,cAAA,KAAD;EAAK,SAAS;EAAd,UAAA;GACE,iBAAA,GAAA,kBAAA,IAAA,CAAC,cAAA,QAAD;IAAQ,eAAe,SAAS,eAAA,MAAM,KAAK;IAAG,MAAK;IAChD,UAAA,EAAE,kBAAkB;GACf,CAAA;GACR,iBAAA,GAAA,kBAAA,KAAA,CAAC,cAAA,YAAD;IAAY,WAAU;IAAK,cAAc;IAAM,SAAQ;IAAvD,UAAA;KACG,KAAK;KAAY;KAAE,KAAK;IACf;;GAEZ,iBAAA,GAAA,kBAAA,IAAA,CAAC,cAAA,OAAD;IAAO,IAAI;KAAE,WAAW;KAAG,WAAW;IAAO;IAC3C,UAAA,iBAAA,GAAA,kBAAA,IAAA,CAAC,cAAA,OAAD;KAAO,eAAY;KAAe,MAAK;KACrC,UAAA,iBAAA,GAAA,kBAAA,IAAA,CAAC,cAAA,WAAD,EAAA,UACG,KAAK,KAAK,CAAC,OAAO,WACjB,iBAAA,GAAA,kBAAA,KAAA,CAAC,cAAA,UAAD,EAAA,UAAA,CACE,iBAAA,GAAA,kBAAA,IAAA,CAAC,cAAA,WAAD;MAAW,WAAU;MAAK,OAAM;MAAM,IAAI;OAAE,YAAY;OAAK,OAAO;MAAM;MACvE,UAAA;KACQ,CAAA,GACX,iBAAA,GAAA,kBAAA,IAAA,CAAC,cAAA,WAAD;MAAW,IAAI,EAAE,WAAW,YAAY;MAAI,UAAA;KAAiB,CAAA,CACrD,EAAA,GALK,KAKL,CACX,EACQ,CAAA;IACN,CAAA;GACF,CAAA;GAEP,iBAAA,GAAA,kBAAA,KAAA,CAAC,cAAA,KAAD;IAAK,SAAQ;IAAO,KAAK;IAAG,WAAW;IAAvC,UAAA,CACE,iBAAA,GAAA,kBAAA,IAAA,CAAC,cAAA,QAAD;KAAQ,SAAS;KAAgB,MAAK;KAAQ,SAAQ;KACnD,UAAA,EAAE,uBAAuB;IACpB,CAAA,GACR,iBAAA,GAAA,kBAAA,IAAA,CAAC,qBAAA,SAAD;KAAc,MAAM;KAAM,cAAc,SAAS,eAAA,MAAM,KAAK;IAAI,CAAA,CAC7D;;EACF;;AAET"}

package/build/sections/Stage/StageDetail.mjs

@@ -0,0 +1,108 @@
+import { Route as Route$1 } from "../../utils/routes.mjs";
+import "../../utils/index.mjs";
+import { downloadStagedTarball, useStageItem } from "./useStage.mjs";
+import StageActions from "./StageActions.mjs";
+import { useRequireSession } from "./useRequireSession.mjs";
+import { useCallback } from "react";
+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
+var StageDetail = () => {
+	const { t } = useTranslation();
+	const navigate = useNavigate();
+	const { stageId } = useParams();
+	const isLoggedIn = useRequireSession();
+	const { data, error, isLoading } = useStageItem(stageId);
+	const handleDownload = useCallback(async () => {
+		if (data) await downloadStagedTarball(data);
+	}, [data]);
+	if (!isLoggedIn) return null;
+	if (isLoading) return /* @__PURE__ */ jsx(Box, {
+		display: "flex",
+		justifyContent: "center",
+		padding: 4,
+		children: /* @__PURE__ */ jsx(CircularProgress, {})
+	});
+	if (error || !data) return /* @__PURE__ */ jsx(Box, {
+		padding: 2,
+		children: /* @__PURE__ */ jsx(Typography, {
+			color: "error",
+			role: "alert",
+			children: t("stage.error.notFound")
+		})
+	});
+	const rows = [
+		[t("stage.column.package"), data.packageName],
+		[t("stage.column.version"), data.version],
+		[t("stage.column.tag"), /* @__PURE__ */ jsx(Chip, {
+			label: data.tag,
+			size: "small"
+		}, "tag")],
+		[t("stage.column.stagedBy"), `${data.actor} (${data.actorType})`],
+		[t("stage.column.date"), new Date(data.createdAt).toLocaleString()],
+		[t("stage.column.access"), data.access],
+		[t("stage.column.shasum"), data.shasum]
+	];
+	return /* @__PURE__ */ jsxs(Box, {
+		padding: 2,
+		children: [
+			/* @__PURE__ */ jsx(Button, {
+				onClick: () => navigate(Route$1.STAGE),
+				size: "small",
+				children: t("stage.backToList")
+			}),
+			/* @__PURE__ */ jsxs(Typography, {
+				component: "h1",
+				gutterBottom: true,
+				variant: "h5",
+				children: [
+					data.packageName,
+					"@",
+					data.version
+				]
+			}),
+			/* @__PURE__ */ jsx(Paper, {
+				sx: {
+					marginTop: 2,
+					overflowX: "auto"
+				},
+				children: /* @__PURE__ */ jsx(Table, {
+					"data-testid": "stage-detail",
+					size: "small",
+					children: /* @__PURE__ */ jsx(TableBody, { children: rows.map(([label, value]) => /* @__PURE__ */ jsxs(TableRow, { children: [/* @__PURE__ */ jsx(TableCell, {
+						component: "th",
+						scope: "row",
+						sx: {
+							fontWeight: 600,
+							width: "30%"
+						},
+						children: label
+					}), /* @__PURE__ */ jsx(TableCell, {
+						sx: { wordBreak: "break-all" },
+						children: value
+					})] }, label)) })
+				})
+			}),
+			/* @__PURE__ */ jsxs(Box, {
+				display: "flex",
+				gap: 1,
+				marginTop: 2,
+				children: [/* @__PURE__ */ jsx(Button, {
+					onClick: handleDownload,
+					size: "small",
+					variant: "outlined",
+					children: t("stage.action.download")
+				}), /* @__PURE__ */ jsx(StageActions, {
+					item: data,
+					onDone: () => navigate(Route$1.STAGE)
+				})]
+			})
+		]
+	});
+};
+//#endregion
+export { StageDetail as default };
+
+//# sourceMappingURL=StageDetail.mjs.map

package/build/sections/Stage/StageDetail.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"StageDetail.mjs","names":[],"sources":["../../../src/sections/Stage/StageDetail.tsx"],"sourcesContent":["import {\n  Box,\n  Button,\n  Chip,\n  CircularProgress,\n  Paper,\n  Table,\n  TableBody,\n  TableCell,\n  TableRow,\n  Typography,\n} from '@mui/material';\nimport React, { useCallback } from 'react';\nimport { useTranslation } from 'react-i18next';\nimport { useNavigate, useParams } from 'react-router';\n\nimport { Route } from '../../utils';\nimport StageActions from './StageActions';\nimport { downloadStagedTarball, useStageItem } from './useStage';\nimport { useRequireSession } from './useRequireSession';\n\nconst StageDetail: React.FC = () => {\n  const { t } = useTranslation();\n  const navigate = useNavigate();\n  const { stageId } = useParams<{ stageId: string }>();\n  const isLoggedIn = useRequireSession();\n  const { data, error, isLoading } = useStageItem(stageId);\n\n  const handleDownload = useCallback(async () => {\n    if (data) {\n      await downloadStagedTarball(data);\n    }\n  }, [data]);\n\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 || !data) {\n    return (\n      <Box padding={2}>\n        <Typography color=\"error\" role=\"alert\">\n          {t('stage.error.notFound')}\n        </Typography>\n      </Box>\n    );\n  }\n\n  const rows: [string, React.ReactNode][] = [\n    [t('stage.column.package'), data.packageName],\n    [t('stage.column.version'), data.version],\n    [t('stage.column.tag'), <Chip key=\"tag\" label={data.tag} size=\"small\" />],\n    [t('stage.column.stagedBy'), `${data.actor} (${data.actorType})`],\n    [t('stage.column.date'), new Date(data.createdAt).toLocaleString()],\n    [t('stage.column.access'), data.access],\n    [t('stage.column.shasum'), data.shasum],\n  ];\n\n  return (\n    <Box padding={2}>\n      <Button onClick={() => navigate(Route.STAGE)} size=\"small\">\n        {t('stage.backToList')}\n      </Button>\n      <Typography component=\"h1\" gutterBottom={true} variant=\"h5\">\n        {data.packageName}@{data.version}\n      </Typography>\n\n      <Paper sx={{ marginTop: 2, overflowX: 'auto' }}>\n        <Table data-testid=\"stage-detail\" size=\"small\">\n          <TableBody>\n            {rows.map(([label, value]) => (\n              <TableRow key={label}>\n                <TableCell component=\"th\" scope=\"row\" sx={{ fontWeight: 600, width: '30%' }}>\n                  {label}\n                </TableCell>\n                <TableCell sx={{ wordBreak: 'break-all' }}>{value}</TableCell>\n              </TableRow>\n            ))}\n          </TableBody>\n        </Table>\n      </Paper>\n\n      <Box display=\"flex\" gap={1} marginTop={2}>\n        <Button onClick={handleDownload} size=\"small\" variant=\"outlined\">\n          {t('stage.action.download')}\n        </Button>\n        <StageActions item={data} onDone={() => navigate(Route.STAGE)} />\n      </Box>\n    </Box>\n  );\n};\n\nexport default StageDetail;\n"],"mappings":";;;;;;;;;;;AAqBA,IAAM,oBAA8B;CAClC,MAAM,EAAE,MAAM,eAAe;CAC7B,MAAM,WAAW,YAAY;CAC7B,MAAM,EAAE,YAAY,UAA+B;CACnD,MAAM,aAAa,kBAAkB;CACrC,MAAM,EAAE,MAAM,OAAO,cAAc,aAAa,OAAO;CAEvD,MAAM,iBAAiB,YAAY,YAAY;EAC7C,IAAI,MACF,MAAM,sBAAsB,IAAI;CAEpC,GAAG,CAAC,IAAI,CAAC;CAET,IAAI,CAAC,YACH,OAAO;CAGT,IAAI,WACF,OACE,oBAAC,KAAD;EAAK,SAAQ;EAAO,gBAAe;EAAS,SAAS;EACnD,UAAA,oBAAC,kBAAD,CAAmB,CAAA;CAChB,CAAA;CAIT,IAAI,SAAS,CAAC,MACZ,OACE,oBAAC,KAAD;EAAK,SAAS;EACZ,UAAA,oBAAC,YAAD;GAAY,OAAM;GAAQ,MAAK;GAC5B,UAAA,EAAE,sBAAsB;EACf,CAAA;CACT,CAAA;CAIT,MAAM,OAAoC;EACxC,CAAC,EAAE,sBAAsB,GAAG,KAAK,WAAW;EAC5C,CAAC,EAAE,sBAAsB,GAAG,KAAK,OAAO;EACxC,CAAC,EAAE,kBAAkB,GAAG,oBAAC,MAAD;GAAgB,OAAO,KAAK;GAAK,MAAK;EAAS,GAArC,KAAqC,CAAC;EACxE,CAAC,EAAE,uBAAuB,GAAG,GAAG,KAAK,MAAM,IAAI,KAAK,UAAU,EAAE;EAChE,CAAC,EAAE,mBAAmB,GAAG,IAAI,KAAK,KAAK,SAAS,CAAC,CAAC,eAAe,CAAC;EAClE,CAAC,EAAE,qBAAqB,GAAG,KAAK,MAAM;EACtC,CAAC,EAAE,qBAAqB,GAAG,KAAK,MAAM;CACxC;CAEA,OACE,qBAAC,KAAD;EAAK,SAAS;EAAd,UAAA;GACE,oBAAC,QAAD;IAAQ,eAAe,SAAS,QAAM,KAAK;IAAG,MAAK;IAChD,UAAA,EAAE,kBAAkB;GACf,CAAA;GACR,qBAAC,YAAD;IAAY,WAAU;IAAK,cAAc;IAAM,SAAQ;IAAvD,UAAA;KACG,KAAK;KAAY;KAAE,KAAK;IACf;;GAEZ,oBAAC,OAAD;IAAO,IAAI;KAAE,WAAW;KAAG,WAAW;IAAO;IAC3C,UAAA,oBAAC,OAAD;KAAO,eAAY;KAAe,MAAK;KACrC,UAAA,oBAAC,WAAD,EAAA,UACG,KAAK,KAAK,CAAC,OAAO,WACjB,qBAAC,UAAD,EAAA,UAAA,CACE,oBAAC,WAAD;MAAW,WAAU;MAAK,OAAM;MAAM,IAAI;OAAE,YAAY;OAAK,OAAO;MAAM;MACvE,UAAA;KACQ,CAAA,GACX,oBAAC,WAAD;MAAW,IAAI,EAAE,WAAW,YAAY;MAAI,UAAA;KAAiB,CAAA,CACrD,EAAA,GALK,KAKL,CACX,EACQ,CAAA;IACN,CAAA;GACF,CAAA;GAEP,qBAAC,KAAD;IAAK,SAAQ;IAAO,KAAK;IAAG,WAAW;IAAvC,UAAA,CACE,oBAAC,QAAD;KAAQ,SAAS;KAAgB,MAAK;KAAQ,SAAQ;KACnD,UAAA,EAAE,uBAAuB;IACpB,CAAA,GACR,oBAAC,cAAD;KAAc,MAAM;KAAM,cAAc,SAAS,QAAM,KAAK;IAAI,CAAA,CAC7D;;EACF;;AAET"}

package/build/sections/Stage/StageList.d.ts

@@ -0,0 +1,3 @@
+import React from 'react';
+declare const StageList: React.FC;
+export default StageList;

package/build/sections/Stage/StageList.js

@@ -0,0 +1,153 @@
+const require_runtime = require("../../_virtual/_rolldown/runtime.js");
+const require_routes = require("../../utils/routes.js");
+require("../../utils/index.js");
+const require_useStage = require("./useStage.js");
+const require_StageActions = require("./StageActions.js");
+const require_useRequireSession = require("./useRequireSession.js");
+let react = require("react");
+react = require_runtime.__toESM(react);
+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
+var StageList = () => {
+	const { t } = (0, react_i18next.useTranslation)();
+	const navigate = (0, react_router.useNavigate)();
+	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) => {
+		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, {
+		display: "flex",
+		justifyContent: "center",
+		padding: 4,
+		children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_mui_material.CircularProgress, {})
+	});
+	if (error) return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_mui_material.Box, {
+		padding: 2,
+		children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_mui_material.Typography, {
+			color: "error",
+			role: "alert",
+			children: t("stage.error.list")
+		})
+	});
+	const items = data?.items ?? [];
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(_mui_material.Box, {
+		padding: 2,
+		children: [
+			/* @__PURE__ */ (0, react_jsx_runtime.jsx)(_mui_material.Typography, {
+				component: "h1",
+				gutterBottom: true,
+				variant: "h5",
+				children: t("stage.title")
+			}),
+			/* @__PURE__ */ (0, react_jsx_runtime.jsx)(_mui_material.Typography, {
+				color: "text.secondary",
+				gutterBottom: true,
+				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,
+				children: t("stage.empty")
+			}) : /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(_mui_material.TableContainer, {
+				component: _mui_material.Paper,
+				sx: {
+					marginTop: 2,
+					overflowX: "auto"
+				},
+				children: [/* @__PURE__ */ (0, react_jsx_runtime.jsxs)(_mui_material.Table, {
+					"aria-label": t("stage.title"),
+					"data-testid": "stage-table",
+					size: "small",
+					children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)(_mui_material.TableHead, { children: /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(_mui_material.TableRow, { children: [
+						/* @__PURE__ */ (0, react_jsx_runtime.jsx)(_mui_material.TableCell, { children: t("stage.column.package") }),
+						/* @__PURE__ */ (0, react_jsx_runtime.jsx)(_mui_material.TableCell, { children: t("stage.column.version") }),
+						/* @__PURE__ */ (0, react_jsx_runtime.jsx)(_mui_material.TableCell, { children: t("stage.column.tag") }),
+						/* @__PURE__ */ (0, react_jsx_runtime.jsx)(_mui_material.TableCell, { children: t("stage.column.stagedBy") }),
+						/* @__PURE__ */ (0, react_jsx_runtime.jsx)(_mui_material.TableCell, { children: t("stage.column.date") }),
+						/* @__PURE__ */ (0, react_jsx_runtime.jsx)(_mui_material.TableCell, {
+							align: "right",
+							children: t("stage.column.actions")
+						})
+					] }) }), /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_mui_material.TableBody, { children: items.map((item) => /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(_mui_material.TableRow, {
+						"data-testid": `stage-row-${item.id}`,
+						hover: true,
+						children: [
+							/* @__PURE__ */ (0, react_jsx_runtime.jsx)(_mui_material.TableCell, { children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_mui_material.Button, {
+								onClick: () => navigate(require_routes.Route.STAGE_DETAIL.replace(":stageId", item.id)),
+								size: "small",
+								sx: { textTransform: "none" },
+								children: item.packageName
+							}) }),
+							/* @__PURE__ */ (0, react_jsx_runtime.jsx)(_mui_material.TableCell, { children: item.version }),
+							/* @__PURE__ */ (0, react_jsx_runtime.jsx)(_mui_material.TableCell, { children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_mui_material.Chip, {
+								label: item.tag,
+								size: "small"
+							}) }),
+							/* @__PURE__ */ (0, react_jsx_runtime.jsx)(_mui_material.TableCell, { children: item.actor }),
+							/* @__PURE__ */ (0, react_jsx_runtime.jsx)(_mui_material.TableCell, { children: new Date(item.createdAt).toLocaleString() }),
+							/* @__PURE__ */ (0, react_jsx_runtime.jsx)(_mui_material.TableCell, {
+								align: "right",
+								children: /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(_mui_material.Box, {
+									alignItems: "center",
+									display: "flex",
+									gap: 1,
+									justifyContent: "flex-end",
+									children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)(_mui_material.Button, {
+										"data-testid": `stage-download-${item.id}`,
+										onClick: () => handleDownload(item),
+										size: "small",
+										children: t("stage.action.download")
+									}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_StageActions.default, {
+										item,
+										onDone: () => mutate()
+									})]
+								})
+							})
+						]
+					}, item.id)) })]
+				}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_mui_material.TablePagination, {
+					component: "div",
+					count: data?.total ?? 0,
+					onPageChange: (_event, nextPage) => setPage(nextPage),
+					onRowsPerPageChange: (event) => {
+						setPerPage(Number.parseInt(event.target.value, 10));
+						setPage(0);
+					},
+					page,
+					rowsPerPage: perPage,
+					rowsPerPageOptions: [
+						10,
+						25,
+						50,
+						100
+					]
+				})]
+			})
+		]
+	});
+};
+//#endregion
+exports.default = StageList;
+
+//# sourceMappingURL=StageList.js.map