@cobaltcore-dev/aurora 0.8.1 → 0.10.0

package/README.md

@@ -114,14 +114,15 @@ await server.listen({ host: "0.0.0.0", port: 4000 })
 
 ### `<AuroraApp />`
 
-| Prop            | Type                            | Default          | Description                                                             |
-| --------------- | ------------------------------- | ---------------- | ----------------------------------------------------------------------- |
-| `bffEndpoint`   | `string`                        | `"/polaris-bff"` | Must match the server's `bffEndpoint`                                   |
-| `theme`         | `"theme-light" \| "theme-dark"` | `"theme-light"`  | Initial theme                                                           |
-| `onThemeChange` | `(theme) => void`               | —                | Called when the user toggles the theme                                  |
-| `appName`       | `string`                        | `"Aurora"`       | App name shown in the header breadcrumb and logo                        |
-| `slots`         | `Slots`                         | —                | Optional UI extension points — see [Slots](#slots)                      |
-| `onTrackEvent`  | `OnTrackEventCallback`          | —                | Called on user interactions for analytics — see [Analytics](#analytics) |
+| Prop              | Type                            | Default          | Description                                                                                                         |
+| ----------------- | ------------------------------- | ---------------- | ------------------------------------------------------------------------------------------------------------------- |
+| `bffEndpoint`     | `string`                        | `"/polaris-bff"` | Must match the server's `bffEndpoint`                                                                               |
+| `theme`           | `"theme-light" \| "theme-dark"` | `"theme-light"`  | Initial theme                                                                                                       |
+| `onThemeChange`   | `(theme) => void`               | —                | Called when the user toggles the theme                                                                              |
+| `appName`         | `string`                        | `"Aurora"`       | App name shown in the header breadcrumb and logo                                                                    |
+| `slots`           | `Slots`                         | —                | Optional UI extension points — see [Slots](#slots)                                                                  |
+| `onTrackEvent`    | `OnTrackEventCallback`          | —                | Called on user interactions for analytics — see [Analytics](#analytics)                                             |
+| `enabledServices` | `string[]`                      | —                | Whitelist of service keys to show. When omitted, all services are shown — see [Enabled services](#enabled-services) |
 
 ## Slots
 
@@ -158,11 +159,20 @@ function MyFooter(_props: SlotProps) {
 
 ### Available slots
 
-| Slot            | Location                                        | Renders in shadow DOM |
-| --------------- | ----------------------------------------------- | --------------------- |
-| `logo`          | Page header, replacing the default Aurora logo  | No                    |
-| `sideNavBanner` | Bottom of the project side navigation           | Yes                   |
-| `pageFooter`    | Page footer, replacing the default empty footer | No                    |
+| Slot                    | Location                                                                     | `auroraContext` extras         | Renders in shadow DOM |
+| ----------------------- | ---------------------------------------------------------------------------- | ------------------------------ | --------------------- |
+| `logo`                  | Page header, replacing the default Aurora logo                               | —                              | No                    |
+| `sideNavBanner`         | Bottom of the project side navigation                                        | —                              | Yes                   |
+| `pageFooter`            | Page footer, replacing the default empty footer                              | —                              | No                    |
+| `login`                 | Replaces the default login form — use in OIDC environments                   | —                              | No                    |
+| `serviceBadge`          | Inline next to each service label in the side nav and project home cards     | `currentService` (service key) | No                    |
+| `servicePageActions`    | Beside the page title in the service page header                             | `currentService` (service key) | No                    |
+| `projectsBanner`        | Below the "Projects" heading on the projects list page                       | —                              | No                    |
+| `projectOverviewBanner` | Below the project description on the project overview page (`/projects/:id`) | —                              | No                    |
+
+The `serviceBadge` and `servicePageActions` slots receive `auroraContext.currentService` — a string identifying which service is being rendered (e.g. `"images"`, `"ceph-containers"`). Return `null` from these slots to suppress rendering for specific services.
+
+**Service key reference:** `"images"`, `"flavors"`, `"securitygroups"`, `"floatingips"`, `"containers"`, `"ceph-containers"`, `"pca"`
 
 **Shadow DOM isolation:** Slots rendered in a shadow DOM cannot inherit styles from the host page. If your slot component uses a CSS framework, inject the styles inline:
 
@@ -179,6 +189,30 @@ function MyBanner(_props: SlotProps) {
 }
 ```
 
+## Enabled services
+
+By default all services available in the OpenStack catalog are shown in the side navigation and project home page. Pass `enabledServices` to restrict which services are visible:
+
+```tsx
+<AuroraApp enabledServices={["ceph-containers", "securitygroups"]} />
+```
+
+Only services whose key appears in the array will be shown. Services absent from the catalog are always hidden regardless of this list.
+
+**Available service keys:** `"images"`, `"flavors"`, `"securitygroups"`, `"floatingips"`, `"containers"`, `"ceph-containers"`, `"pca"`
+
+In a Vite-based consumer app you can drive this from an environment variable:
+
+```ts
+// vite consumer
+enabledServices={import.meta.env.VITE_ENABLED_SERVICES?.split(",").map(s => s.trim())}
+```
+
+```bash
+# .env
+VITE_ENABLED_SERVICES="ceph-containers,securitygroups"
+```
+
 ## Analytics
 
 Aurora provides an optional `onTrackEvent` callback to track user interactions and feature usage. The API is source-agnostic, supporting various event types like navigation, link clicks, modals, and more.

package/dist/client/AuroraApp.d.ts

@@ -5,6 +5,8 @@ export type SlotProps = {
     auroraContext: {
         /** tRPC client for making API calls to the Aurora BFF. */
         client: TrpcClient;
+        /** Current service key of the slot component*/
+        currentService?: string;
     };
 };
 /** Named extension points where consumers can inject their own React components. */
@@ -15,6 +17,16 @@ export type Slots = {
     sideNavBanner?: FC<SlotProps>;
     /** Replaces the default page footer. Renders outside shadow DOM — inherits page styles. */
     pageFooter?: FC<SlotProps>;
+    /** Replaces the default login form. Use in OIDC environments where password-based login is not needed. Renders outside shadow DOM. */
+    login?: FC<SlotProps>;
+    /** Rendered inline next to each side navigation item label and service card. Receives `auroraContext.currentService` — return null to hide for that service. Renders outside shadow DOM. */
+    serviceBadge?: FC<SlotProps>;
+    /** Rendered in the service page header actions area, beside the page title. Use to inject custom actions like "View in Elektra". Renders outside shadow DOM. */
+    servicePageActions?: FC<SlotProps>;
+    /** Rendered below the "Projects" heading on the projects list page. Renders outside shadow DOM. */
+    projectsBanner?: FC<SlotProps>;
+    /** Rendered below the project description on the project overview page (/projects/$projectId). Renders outside shadow DOM. */
+    projectOverviewBanner?: FC<SlotProps>;
 };
 /**
  * Payload for analytics tracking events.
@@ -66,5 +78,7 @@ export type AuroraAppProps = {
      * ```
      */
     onTrackEvent?: OnTrackEventCallback;
+    /** Whitelist of service keys to show in the side nav and project home page. When omitted, all available services are shown. */
+    enabledServices?: string[];
 };
 export declare const AuroraApp: FC<AuroraAppProps>;

package/dist/client/ContentHeader-D4jlOG-9.mjs

@@ -0,0 +1,96 @@
+import { A as e, C as t, Q as n, Y as r, c as i, o as a, st as o } from "./build-BdRRmNf5.mjs";
+import { t as s } from "./Slot-CWb612-_.mjs";
+import { t as c } from "./routeInfo-Dy9l-wFB.mjs";
+import { jsx as l, jsxs as u } from "react/jsx-runtime";
+import { useState as d } from "react";
+import { useMatches as f, useParams as p, useRouteContext as m } from "@tanstack/react-router";
+import { Trans as h, useLingui as g } from "@lingui/react";
+//#region src/client/components/ClipboardText.tsx
+var _ = ({ text: n, tooltipContent: o, className: s, truncateAt: c, showTooltip: f = !0, ...p }) => {
+	let { i18n: m, _: h } = g(), [_, v] = d(!1), [y, b] = d(!1), x = `copyableTooltip  inline-flex items-center ${s || ""}`, S = async (e) => {
+		e.preventDefault(), e.stopPropagation();
+		try {
+			await navigator.clipboard.writeText(n), v(!0), b(!1), setTimeout(() => v(!1), 2e3);
+		} catch (e) {
+			console.error("Failed to copy text:", e);
+		}
+	}, C = c && n.length > c ? `${n.slice(0, c)}...` : n, w = () => _ ? o || m._({ id: "u+VWhB" }) : m._({ id: "he3ygx" }), T = _ && f || y && f;
+	return /*#__PURE__*/ l("div", {
+		...p,
+		className: x,
+		children: /*#__PURE__*/ u(e, {
+			open: T,
+			children: [/*#__PURE__*/ l(a, {
+				onClick: S,
+				onMouseEnter: () => !_ && b(!0),
+				onMouseLeave: () => b(!1),
+				"aria-label": m._({
+					id: "Wbg1jv",
+					values: { text: n }
+				}),
+				className: "cursor-pointer",
+				asChild: !0,
+				"data-testid": "clipboard-copy-trigger",
+				children: /*#__PURE__*/ l("div", {
+					className: "group",
+					children: /*#__PURE__*/ u(r, {
+						direction: "horizontal",
+						gap: "1",
+						className: "items-center hover:underline",
+						children: [/*#__PURE__*/ l("span", {
+							className: "select-none",
+							children: C
+						}), /*#__PURE__*/ l(i, {
+							icon: _ ? "check" : "contentCopy",
+							size: "18"
+						})]
+					})
+				})
+			}), /*#__PURE__*/ l(t, { children: w() })]
+		})
+	});
+};
+//#endregion
+//#region src/client/components/ContentHeader/ContentHeader.tsx
+function v({ title: e, projectId: t, description: r, actions: i }) {
+	let { slots: a } = m({ strict: !1 }), d = f(), { provider: g } = p({ strict: !1 }), v = [...d].reverse().find((e) => c(e.staticData)), y = v && c(v.staticData) ? v.staticData.service : void 0, b = y === "containers" && g === "ceph" ? "ceph-containers" : y, x = a?.servicePageActions ? /*#__PURE__*/ l(s, {
+		component: a.servicePageActions,
+		useShadowDOM: !1,
+		currentService: b
+	}) : null;
+	return /*#__PURE__*/ u("header", { children: [
+		/*#__PURE__*/ u("div", {
+			className: "flex flex-col sm:flex-row sm:items-center sm:justify-between",
+			children: [/*#__PURE__*/ u("div", {
+				className: "flex items-center gap-3",
+				children: [/*#__PURE__*/ l(n, { children: e }), x]
+			}), /*#__PURE__*/ u("div", {
+				className: "text-theme-light flex shrink-0 items-center gap-1 text-sm",
+				children: [/*#__PURE__*/ u("span", {
+					className: "font-semibold",
+					children: [
+						/*#__PURE__*/ l(h, { id: "mSfwLL" }),
+						":",
+						" "
+					]
+				}), /*#__PURE__*/ l(_, {
+					text: t,
+					truncateAt: 15
+				})]
+			})]
+		}),
+		r && /*#__PURE__*/ l("p", {
+			className: "text-sm font-normal",
+			children: r
+		}),
+		/*#__PURE__*/ l(o, { className: "mt-4" }),
+		i && /*#__PURE__*/ l("div", {
+			className: "mt-3 flex justify-end",
+			children: i
+		})
+	] });
+}
+//#endregion
+export { _ as n, v as t };
+
+//# sourceMappingURL=ContentHeader-D4jlOG-9.mjs.map

package/dist/client/ContentHeader-D4jlOG-9.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"ContentHeader-D4jlOG-9.mjs","names":["React","useState","Tooltip","TooltipTrigger","TooltipContent","Icon","Stack","ClipboardText","text","tooltipContent","className","truncateAt","showTooltip","props","useLingui","copied","setCopied","isHovering","setIsHovering","combinedClassName","handleCopy","e","preventDefault","stopPropagation","navigator","clipboard","writeText","setTimeout","err","console","error","displayText","length","slice","getTooltipContent","t","tooltipIsOpen","div","open","onClick","onMouseEnter","onMouseLeave","aria-label","asChild","data-testid","direction","gap","span","icon","size","Divider","ContentHeading","useRouteContext","useMatches","useParams","ClipboardText","Slot","isRouteInfo","ContentHeader","title","projectId","description","actions","slots","strict","matches","provider","activeMatch","reverse","find","m","staticData","routeService","service","undefined","currentService","slotActions","servicePageActions","component","useShadowDOM","header","div","className","span","text","truncateAt","p"],"sources":["../../src/client/components/ClipboardText.tsx","../../src/client/components/ContentHeader/ContentHeader.tsx"],"sourcesContent":["import React, { useState } from \"react\"\nimport { Tooltip, TooltipTrigger, TooltipContent, Icon, Stack } from \"@cloudoperators/juno-ui-components\"\nimport { useLingui } from \"@lingui/react/macro\"\n\nexport interface ClipboardTextProps extends React.HTMLAttributes<HTMLDivElement> {\n  tooltipContent?: string\n  text: string\n  className?: string\n  truncateAt?: number\n  showTooltip?: boolean\n}\n\nconst ClipboardText: React.FC<ClipboardTextProps> = ({\n  text,\n  tooltipContent,\n  className,\n  truncateAt,\n  showTooltip = true,\n  ...props\n}) => {\n  const { t } = useLingui()\n  const [copied, setCopied] = useState(false)\n  const [isHovering, setIsHovering] = useState(false)\n\n  const combinedClassName = `copyableTooltip  inline-flex items-center ${className || \"\"}`\n\n  const handleCopy = async (e: React.MouseEvent) => {\n    e.preventDefault()\n    e.stopPropagation()\n\n    try {\n      await navigator.clipboard.writeText(text)\n      setCopied(true)\n      setIsHovering(false)\n      setTimeout(() => setCopied(false), 2000)\n    } catch (err) {\n      console.error(\"Failed to copy text:\", err)\n    }\n  }\n\n  const displayText = truncateAt && text.length > truncateAt ? `${text.slice(0, truncateAt)}...` : text\n\n  // Determine tooltip content based on state\n  const getTooltipContent = () => {\n    if (copied) {\n      return tooltipContent || t`Copied to clipboard!`\n    }\n    return t`Copy`\n  }\n\n  const tooltipIsOpen = (copied && showTooltip) || (isHovering && showTooltip)\n\n  return (\n    <div {...props} className={combinedClassName}>\n      <Tooltip open={tooltipIsOpen}>\n        <TooltipTrigger\n          onClick={handleCopy}\n          onMouseEnter={() => !copied && setIsHovering(true)}\n          onMouseLeave={() => setIsHovering(false)}\n          aria-label={t`Copy ${text} to clipboard`}\n          className=\"cursor-pointer\"\n          asChild\n          data-testid=\"clipboard-copy-trigger\"\n        >\n          <div className=\"group\">\n            <Stack direction=\"horizontal\" gap=\"1\" className=\"items-center hover:underline\">\n              <span className=\"select-none\">{displayText}</span>\n              <Icon icon={copied ? \"check\" : \"contentCopy\"} size=\"18\" />\n            </Stack>\n          </div>\n        </TooltipTrigger>\n        <TooltipContent>{getTooltipContent()}</TooltipContent>\n      </Tooltip>\n    </div>\n  )\n}\n\nexport default ClipboardText\n","import type { ReactNode } from \"react\"\nimport { Divider, ContentHeading } from \"@cloudoperators/juno-ui-components\"\nimport { Trans } from \"@lingui/react/macro\"\nimport { useRouteContext, useMatches, useParams } from \"@tanstack/react-router\"\nimport ClipboardText from \"../ClipboardText\"\nimport { Slot } from \"../Slot\"\nimport { isRouteInfo } from \"@/client/routes/routeInfo\"\n\ninterface ContentHeaderProps {\n  title: string\n  projectId: string\n  description?: string | null\n  actions?: ReactNode\n}\n\nexport function ContentHeader({ title, projectId, description, actions }: ContentHeaderProps) {\n  const { slots } = useRouteContext({ strict: false })\n  const matches = useMatches()\n  const { provider } = useParams({ strict: false }) as { provider?: string }\n\n  const activeMatch = [...matches].reverse().find((m) => isRouteInfo(m.staticData))\n  const routeService = activeMatch && isRouteInfo(activeMatch.staticData) ? activeMatch.staticData.service : undefined\n\n  // Storage routes share service: \"containers\" for both Swift and Ceph.\n  // Distinguish them by the $provider param.\n  const currentService = routeService === \"containers\" && provider === \"ceph\" ? \"ceph-containers\" : routeService\n\n  const slotActions = slots?.servicePageActions ? (\n    <Slot component={slots.servicePageActions} useShadowDOM={false} currentService={currentService} />\n  ) : null\n\n  return (\n    <header>\n      <div className=\"flex flex-col sm:flex-row sm:items-center sm:justify-between\">\n        <div className=\"flex items-center gap-3\">\n          <ContentHeading>{title}</ContentHeading>\n          {slotActions}\n        </div>\n        <div className=\"text-theme-light flex shrink-0 items-center gap-1 text-sm\">\n          <span className=\"font-semibold\">\n            <Trans>Project ID</Trans>:{\" \"}\n          </span>\n          <ClipboardText text={projectId} truncateAt={15} />\n        </div>\n      </div>\n      {description && <p className=\"text-sm font-normal\">{description}</p>}\n      <Divider className=\"mt-4\" />\n      {actions && <div className=\"mt-3 flex justify-end\">{actions}</div>}\n    </header>\n  )\n}\n"],"mappings":"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"}

package/dist/client/DeleteVersionsModal-CyYZfB8d.mjs

@@ -0,0 +1,331 @@
+import { H as e, J as t, Y as n, _ as r, ct as i, f as a, it as o, lt as s, m as c } from "./build-BdRRmNf5.mjs";
+import { r as l } from "./trpcClient-BzPUgiM2.mjs";
+import { t as u } from "./useProjectId-DBc5lpoU.mjs";
+import { Fragment as d, jsx as f, jsxs as p } from "react/jsx-runtime";
+import { useEffect as m, useState as h } from "react";
+import { Trans as g, useLingui as _ } from "@lingui/react";
+//#region src/client/routes/_auth/projects/$projectId/storage/-components/Ceph/Buckets/DeleteBucketPolicyModal.tsx
+var v = ({ isOpen: r, bucketName: a, onClose: o, onSuccess: s, onError: c }) => {
+	let { i18n: h, _: v } = _(), y = u(), b = l.useUtils(), { data: x, isLoading: S, error: C } = l.storage.ceph.bucketPolicy.get.useQuery({
+		project_id: y,
+		bucketName: a
+	}, {
+		enabled: r && !!y,
+		retry: !1
+	}), w = l.storage.ceph.bucketPolicy.delete.useMutation({
+		onSuccess: () => {
+			b.storage.ceph.bucketPolicy.get.invalidate(), s?.(a), T();
+		},
+		onError: (e) => {
+			c?.(a, e.message);
+		}
+	});
+	m(() => {
+		r || w.reset();
+	}, [r, a]);
+	let T = () => {
+		w.reset(), o();
+	}, E = () => {
+		w.mutate({
+			project_id: y,
+			bucketName: a
+		});
+	};
+	if (!r) return null;
+	let D = !!x?.policy, O = w.isPending;
+	return /*#__PURE__*/ f(i, {
+		title: h._({ id: "On9AgT" }),
+		open: r,
+		onCancel: T,
+		confirmButtonLabel: h._({ id: "VMoZmg" }),
+		confirmButtonVariant: "primary-danger",
+		onConfirm: E,
+		cancelButtonLabel: h._({ id: "dEgA5A" }),
+		size: "small",
+		disableConfirmButton: O || S || !D || !!C,
+		children: /*#__PURE__*/ p(n, {
+			direction: "vertical",
+			gap: "4",
+			children: [
+				S && /*#__PURE__*/ f("div", {
+					className: "flex items-center justify-center py-4",
+					children: /*#__PURE__*/ f(e, {
+						variant: "primary",
+						size: "large"
+					})
+				}),
+				C && /*#__PURE__*/ f(t, {
+					variant: "error",
+					title: h._({ id: "XicAqm" }),
+					children: C.message
+				}),
+				!S && !C && !D && /*#__PURE__*/ f(t, {
+					variant: "warning",
+					title: h._({ id: "GZjazt" }),
+					children: /*#__PURE__*/ f(g, { id: "/HejCc" })
+				}),
+				!S && !C && D && /*#__PURE__*/ p(d, { children: [/*#__PURE__*/ f("p", {
+					className: "text-theme-default",
+					children: /*#__PURE__*/ f(g, {
+						id: "QDUXIq",
+						values: { bucketName: a },
+						components: { 0: /*#__PURE__*/ f("strong", {}) }
+					})
+				}), /*#__PURE__*/ f("p", {
+					className: "text-theme-default",
+					children: /*#__PURE__*/ f(g, { id: "Rsh494" })
+				})] }),
+				w.isError && /*#__PURE__*/ f(t, {
+					variant: "error",
+					title: h._({ id: "+Pe7SS" }),
+					children: w.error?.message
+				})
+			]
+		})
+	});
+}, y = ({ isOpen: e, bucket: t, onClose: r, onSuccess: a, onError: s }) => {
+	let { i18n: d, _: m } = _(), v = u(), [y, b] = h(""), [x, S] = h(null), [C, w] = h(!1), T = l.useUtils(), E = l.storage.ceph.objects.deleteAll.useMutation({ onSettled: () => {
+		T.storage.ceph.containers.list.invalidate(), T.storage.ceph.objects.list.invalidate(), D();
+	} }), D = () => {
+		b(""), S(null), w(!1), E.reset(), r();
+	}, O = (e) => {
+		let t = e.target.value;
+		b(t), x && S(null);
+	}, k = () => {
+		if (!t) return;
+		if (y.trim() !== t.name) {
+			S(d._({ id: "wxVsr5" }));
+			return;
+		}
+		let e = t.name;
+		E.mutate({
+			project_id: v,
+			containerName: e,
+			includeVersionsAndDeleteMarkers: C
+		}, {
+			onSuccess: (t) => {
+				a?.(e, t);
+			},
+			onError: (t) => {
+				s?.(e, t.message);
+			}
+		});
+	}, A = (e) => {
+		e.key === "Enter" && k();
+	};
+	if (!e || !t) return null;
+	let j = t.name;
+	return /*#__PURE__*/ f(i, {
+		title: d._({ id: "CfKRC1" }),
+		open: e,
+		onCancel: D,
+		confirmButtonLabel: d._({ id: "CfKRC1" }),
+		confirmButtonVariant: "primary-danger",
+		onConfirm: k,
+		cancelButtonLabel: d._({ id: "dEgA5A" }),
+		size: "small",
+		disableConfirmButton: E.isPending || y.trim() !== t.name,
+		children: /*#__PURE__*/ p(n, {
+			direction: "vertical",
+			gap: "6",
+			children: [
+				/*#__PURE__*/ f("p", {
+					className: "text-theme-default m-0",
+					children: /*#__PURE__*/ f(g, {
+						id: "i9I/nL",
+						values: { bucketName: j }
+					})
+				}),
+				/*#__PURE__*/ f(o, {
+					checked: C,
+					onChange: (e) => w(e.target.checked),
+					label: d._({ id: "mbmb/h" }),
+					disabled: E.isPending
+				}),
+				/*#__PURE__*/ f(c, {
+					label: d._({ id: "dEHa3L" }),
+					required: !0,
+					value: y,
+					onChange: O,
+					onKeyDown: A,
+					invalid: !!x,
+					errortext: x || void 0,
+					disabled: E.isPending,
+					placeholder: t.name,
+					autoFocus: !0
+				})
+			]
+		})
+	});
+}, b = ({ isOpen: t, bucket: o, onClose: v, onSuccess: y, onError: b }) => {
+	let { i18n: x, _: S } = _(), C = u(), [w, T] = h(""), [E, D] = h(null), O = l.useUtils(), { data: k, isLoading: A, error: j } = l.storage.ceph.objects.list.useQuery({
+		project_id: C ?? "",
+		containerName: o?.name ?? "",
+		maxKeys: 1,
+		delimiter: "",
+		showVersions: !0
+	}, { enabled: t && o !== null }), M = l.storage.ceph.containers.delete.useMutation({ onSettled: () => {
+		O.storage.ceph.containers.list.invalidate();
+	} });
+	m(() => {
+		t || (T(""), D(null), M.reset());
+	}, [t, o?.name]);
+	let N = () => {
+		T(""), D(null), M.reset(), v();
+	}, P = (e) => {
+		let t = e.target.value;
+		T(t), E && D(null);
+	}, F = () => {
+		if (!o || j) return;
+		if (w.trim() !== o.name) {
+			D(x._({ id: "wxVsr5" }));
+			return;
+		}
+		let e = o.name;
+		M.mutate({
+			project_id: C,
+			bucketName: e
+		}, {
+			onSuccess: () => {
+				N(), y?.(e);
+			},
+			onError: (t) => {
+				N(), b?.(e, t.message);
+			}
+		});
+	}, I = (e) => {
+		e.key === "Enter" && F();
+	};
+	if (!t || !o) return null;
+	let L = k?.objects?.length ?? 0, R = k?.versions?.length ?? 0, z = L > 0, B = L === 0 && R > 0, V = j?.message;
+	return /*#__PURE__*/ f(i, {
+		title: x._({ id: "IwlPLb" }),
+		open: t,
+		onCancel: N,
+		confirmButtonLabel: z || B ? void 0 : x._({ id: "IwlPLb" }),
+		confirmButtonVariant: z || B ? void 0 : "primary-danger",
+		onConfirm: z || B ? void 0 : F,
+		cancelButtonLabel: z || B ? void 0 : x._({ id: "dEgA5A" }),
+		modalFooter: z || B ? /*#__PURE__*/ f(a, {
+			className: "flex justify-end",
+			children: /*#__PURE__*/ f(s, { children: /*#__PURE__*/ f(r, {
+				variant: "primary",
+				onClick: N,
+				"data-testid": "delete-has-objects-close-button",
+				children: /*#__PURE__*/ f(g, { id: "yz7wBu" })
+			}) })
+		}) : void 0,
+		size: "small",
+		disableConfirmButton: M.isPending || A || !!j || w.trim() !== o.name,
+		children: /*#__PURE__*/ p(n, {
+			direction: "vertical",
+			gap: "6",
+			children: [j && /*#__PURE__*/ f("p", {
+				className: "text-theme-error",
+				role: "alert",
+				"aria-live": "assertive",
+				children: /*#__PURE__*/ f(g, {
+					id: "MJLqeY",
+					values: { errorMessage: V }
+				})
+			}), A ? /*#__PURE__*/ p(n, {
+				direction: "horizontal",
+				gap: "2",
+				alignment: "center",
+				children: [/*#__PURE__*/ f(e, {}), /*#__PURE__*/ f("span", {
+					className: "text-juno-grey-light-1 text-sm",
+					children: /*#__PURE__*/ f(g, { id: "rPuPb+" })
+				})]
+			}) : z ? /*#__PURE__*/ f("p", {
+				className: "text-theme-default",
+				children: /*#__PURE__*/ f(g, {
+					id: "EpRlc1",
+					components: { 0: /*#__PURE__*/ f("strong", {}) }
+				})
+			}) : B ? /*#__PURE__*/ f("p", {
+				className: "text-theme-default",
+				children: /*#__PURE__*/ f(g, {
+					id: "QEfrEi",
+					components: { 0: /*#__PURE__*/ f("strong", {}) }
+				})
+			}) : /*#__PURE__*/ p(d, { children: [/*#__PURE__*/ f("p", {
+				className: "text-theme-default",
+				children: /*#__PURE__*/ f(g, { id: "/pOQrn" })
+			}), /*#__PURE__*/ f(c, {
+				label: x._({ id: "dEHa3L" }),
+				required: !0,
+				value: w,
+				onChange: P,
+				onKeyDown: I,
+				invalid: !!E,
+				errortext: E || void 0,
+				disabled: M.isPending,
+				placeholder: o.name
+			})] })]
+		})
+	});
+}, x = ({ isOpen: e, bucket: t, onClose: r, onSuccess: a, onError: o }) => {
+	let { i18n: s, _: d } = _(), m = u(), [v, y] = h(""), [b, x] = h(null), S = l.useUtils(), C = l.storage.ceph.objects.deleteAll.useMutation({ onSettled: () => {
+		S.storage.ceph.containers.list.invalidate(), S.storage.ceph.objects.list.invalidate(), w();
+	} }), w = () => {
+		y(""), x(null), C.reset(), r();
+	}, T = (e) => {
+		let t = e.target.value;
+		y(t), b && x(null);
+	}, E = () => {
+		if (!t) return;
+		if (v.trim() !== t.name) {
+			x(s._({ id: "wxVsr5" }));
+			return;
+		}
+		let e = t.name;
+		C.mutate({
+			project_id: m,
+			containerName: e,
+			includeVersionsAndDeleteMarkers: !0
+		}, {
+			onSuccess: (t) => {
+				a?.(e, t);
+			},
+			onError: (t) => {
+				o?.(e, t.message);
+			}
+		});
+	};
+	return !e || !t ? null : /*#__PURE__*/ f(i, {
+		title: s._({ id: "1mFMeP" }),
+		open: e,
+		onCancel: w,
+		confirmButtonLabel: s._({ id: "1mFMeP" }),
+		confirmButtonVariant: "primary-danger",
+		onConfirm: E,
+		cancelButtonLabel: s._({ id: "dEgA5A" }),
+		size: "small",
+		disableConfirmButton: C.isPending || v.trim() !== t.name,
+		children: /*#__PURE__*/ p(n, {
+			direction: "vertical",
+			gap: "6",
+			children: [/*#__PURE__*/ f("p", {
+				className: "text-theme-default m-0",
+				children: /*#__PURE__*/ f(g, { id: "T3+VKR" })
+			}), /*#__PURE__*/ f(c, {
+				label: s._({ id: "dEHa3L" }),
+				required: !0,
+				value: v,
+				onChange: T,
+				onKeyDown: (e) => {
+					e.key === "Enter" && E();
+				},
+				invalid: !!b,
+				errortext: b || void 0,
+				disabled: C.isPending,
+				placeholder: t.name,
+				autoFocus: !0
+			})]
+		})
+	});
+};
+//#endregion
+export { v as i, b as n, y as r, x as t };
+
+//# sourceMappingURL=DeleteVersionsModal-CyYZfB8d.mjs.map

package/dist/client/DeleteVersionsModal-CyYZfB8d.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"DeleteVersionsModal-CyYZfB8d.mjs","names":["useEffect","trpcReact","Modal","Stack","Spinner","Message","useProjectId","DeleteBucketPolicyModal","isOpen","bucketName","onClose","onSuccess","onError","useLingui","projectId","utils","useUtils","data","policyData","isLoading","isPolicyLoading","error","policyError","storage","ceph","bucketPolicy","get","useQuery","project_id","enabled","retry","deleteMutation","delete","useMutation","invalidate","name","handleClose","message","reset","handleDelete","mutate","hasPolicy","policy","isDeleting","isPending","title","t","open","onCancel","confirmButtonLabel","confirmButtonVariant","onConfirm","cancelButtonLabel","size","disableConfirmButton","direction","gap","div","className","variant","p","strong","isError","useState","trpcReact","Modal","TextInput","Stack","Checkbox","useProjectId","EmptyBucketModal","isOpen","bucket","onClose","onSuccess","onError","useLingui","projectId","confirmName","setConfirmName","nameError","setNameError","deleteVersionsAndMarkers","setDeleteVersionsAndMarkers","utils","useUtils","emptyBucketMutation","storage","ceph","objects","deleteAll","useMutation","onSettled","containers","list","invalidate","handleClose","reset","handleConfirmNameChange","e","value","target","handleSubmit","trim","name","t","bucketName","mutate","project_id","containerName","includeVersionsAndDeleteMarkers","deletedCount","error","message","handleKeyDown","key","title","open","onCancel","confirmButtonLabel","confirmButtonVariant","onConfirm","cancelButtonLabel","size","disableConfirmButton","isPending","direction","gap","p","className","checked","onChange","label","disabled","required","onKeyDown","invalid","errortext","undefined","placeholder","autoFocus","useState","useEffect","trpcReact","Modal","ModalFooter","ButtonRow","TextInput","Stack","Spinner","Button","useProjectId","DeleteBucketModal","isOpen","bucket","onClose","onSuccess","onError","useLingui","projectId","confirmName","setConfirmName","nameError","setNameError","utils","useUtils","data","objects","isLoading","isLoadingObjects","error","objectsError","storage","ceph","list","useQuery","project_id","containerName","name","maxKeys","delimiter","showVersions","enabled","deleteBucketMutation","containers","delete","useMutation","onSettled","invalidate","reset","handleClose","handleConfirmNameChange","e","value","target","handleSubmit","trim","t","bucketName","mutate","message","handleKeyDown","key","currentObjectCount","length","versionCount","versions","isNonEmpty","hasOnlyVersions","errorMessage","title","open","onCancel","confirmButtonLabel","undefined","confirmButtonVariant","onConfirm","cancelButtonLabel","modalFooter","className","variant","onClick","data-testid","size","disableConfirmButton","isPending","direction","gap","p","role","aria-live","alignment","span","strong","label","required","onChange","onKeyDown","invalid","errortext","disabled","placeholder","useState","trpcReact","Modal","TextInput","Stack","useProjectId","DeleteVersionsModal","isOpen","bucket","onClose","onSuccess","onError","useLingui","projectId","confirmName","setConfirmName","nameError","setNameError","utils","useUtils","deleteVersionsMutation","storage","ceph","objects","deleteAll","useMutation","onSettled","containers","list","invalidate","handleClose","reset","handleConfirmNameChange","e","value","target","handleSubmit","trim","name","t","bucketName","mutate","project_id","containerName","includeVersionsAndDeleteMarkers","deletedCount","error","message","handleKeyDown","key","title","open","onCancel","confirmButtonLabel","confirmButtonVariant","onConfirm","cancelButtonLabel","size","disableConfirmButton","isPending","direction","gap","p","className","label","required","onChange","onKeyDown","invalid","errortext","undefined","disabled","placeholder","autoFocus"],"sources":["../../src/client/routes/_auth/projects/$projectId/storage/-components/Ceph/Buckets/DeleteBucketPolicyModal.tsx","../../src/client/routes/_auth/projects/$projectId/storage/-components/Ceph/Buckets/EmptyBucketModal.tsx","../../src/client/routes/_auth/projects/$projectId/storage/-components/Ceph/Buckets/DeleteBucketModal.tsx","../../src/client/routes/_auth/projects/$projectId/storage/-components/Ceph/Buckets/DeleteVersionsModal.tsx"],"sourcesContent":["import { useEffect } from \"react\"\nimport { Trans, useLingui } from \"@lingui/react/macro\"\nimport { trpcReact } from \"@/client/trpcClient\"\nimport { Modal, Stack, Spinner, Message } from \"@cloudoperators/juno-ui-components\"\nimport { useProjectId } from \"@/client/hooks/useProjectId\"\n\ninterface DeleteBucketPolicyModalProps {\n  isOpen: boolean\n  bucketName: string\n  onClose: () => void\n  onSuccess?: (bucketName: string) => void\n  onError?: (bucketName: string, errorMessage: string) => void\n}\n\nexport const DeleteBucketPolicyModal = ({\n  isOpen,\n  bucketName,\n  onClose,\n  onSuccess,\n  onError,\n}: DeleteBucketPolicyModalProps) => {\n  const { t } = useLingui()\n  const projectId = useProjectId()\n  const utils = trpcReact.useUtils()\n\n  // Query to verify policy exists\n  const {\n    data: policyData,\n    isLoading: isPolicyLoading,\n    error: policyError,\n  } = trpcReact.storage.ceph.bucketPolicy.get.useQuery(\n    {\n      project_id: projectId,\n      bucketName,\n    },\n    {\n      enabled: isOpen && !!projectId,\n      retry: false,\n    }\n  )\n\n  // Delete mutation\n  const deleteMutation = trpcReact.storage.ceph.bucketPolicy.delete.useMutation({\n    onSuccess: () => {\n      utils.storage.ceph.bucketPolicy.get.invalidate()\n      const name = bucketName\n      onSuccess?.(name)\n      handleClose()\n    },\n    onError: (error) => {\n      const name = bucketName\n      onError?.(name, error.message)\n    },\n  })\n\n  useEffect(() => {\n    if (!isOpen) {\n      deleteMutation.reset()\n    }\n  }, [isOpen, bucketName])\n\n  const handleClose = () => {\n    deleteMutation.reset()\n    onClose()\n  }\n\n  const handleDelete = () => {\n    deleteMutation.mutate({\n      project_id: projectId,\n      bucketName,\n    })\n  }\n\n  if (!isOpen) return null\n\n  const hasPolicy = !!policyData?.policy\n  const isDeleting = deleteMutation.isPending\n\n  return (\n    <Modal\n      title={t`Delete Bucket Policy`}\n      open={isOpen}\n      onCancel={handleClose}\n      confirmButtonLabel={t`Delete Policy`}\n      confirmButtonVariant=\"primary-danger\"\n      onConfirm={handleDelete}\n      cancelButtonLabel={t`Cancel`}\n      size=\"small\"\n      disableConfirmButton={isDeleting || isPolicyLoading || !hasPolicy || !!policyError}\n    >\n      <Stack direction=\"vertical\" gap=\"4\">\n        {isPolicyLoading && (\n          <div className=\"flex items-center justify-center py-4\">\n            <Spinner variant=\"primary\" size=\"large\" />\n          </div>\n        )}\n\n        {policyError && (\n          <Message variant=\"error\" title={t`Failed to load policy`}>\n            {policyError.message}\n          </Message>\n        )}\n\n        {!isPolicyLoading && !policyError && !hasPolicy && (\n          <Message variant=\"warning\" title={t`No policy found`}>\n            <Trans>This bucket does not have a policy attached.</Trans>\n          </Message>\n        )}\n\n        {!isPolicyLoading && !policyError && hasPolicy && (\n          <>\n            <p className=\"text-theme-default\">\n              <Trans>\n                Are you sure you want to delete the policy for bucket <strong>{bucketName}</strong>?\n              </Trans>\n            </p>\n            <p className=\"text-theme-default\">\n              <Trans>\n                Deleting the policy will remove all access restrictions defined by it. This action cannot be undone.\n              </Trans>\n            </p>\n          </>\n        )}\n\n        {deleteMutation.isError && (\n          <Message variant=\"error\" title={t`Failed to delete policy`}>\n            {deleteMutation.error?.message}\n          </Message>\n        )}\n      </Stack>\n    </Modal>\n  )\n}\n","import { useState } from \"react\"\nimport { Trans, useLingui } from \"@lingui/react/macro\"\nimport { trpcReact } from \"@/client/trpcClient\"\nimport { Modal, TextInput, Stack, Checkbox } from \"@cloudoperators/juno-ui-components\"\nimport { Bucket } from \"@/server/Storage/types/ceph\"\nimport { useProjectId } from \"@/client/hooks/useProjectId\"\n\ninterface EmptyBucketModalProps {\n  isOpen: boolean\n  bucket: Bucket | null\n  onClose: () => void\n  onSuccess?: (bucketName: string, deletedCount: number) => void\n  onError?: (bucketName: string, errorMessage: string) => void\n}\n\nexport const EmptyBucketModal = ({ isOpen, bucket, onClose, onSuccess, onError }: EmptyBucketModalProps) => {\n  const { t } = useLingui()\n  const projectId = useProjectId()\n  const [confirmName, setConfirmName] = useState(\"\")\n  const [nameError, setNameError] = useState<string | null>(null)\n  const [deleteVersionsAndMarkers, setDeleteVersionsAndMarkers] = useState(false)\n\n  const utils = trpcReact.useUtils()\n\n  const emptyBucketMutation = trpcReact.storage.ceph.objects.deleteAll.useMutation({\n    onSettled: () => {\n      // Invalidate both containers.list (to update bucket metadata) and objects.list (to refresh empty state)\n      utils.storage.ceph.containers.list.invalidate()\n      utils.storage.ceph.objects.list.invalidate()\n      handleClose()\n    },\n  })\n\n  const handleClose = () => {\n    setConfirmName(\"\")\n    setNameError(null)\n    setDeleteVersionsAndMarkers(false)\n    emptyBucketMutation.reset()\n    onClose()\n  }\n\n  const handleConfirmNameChange = (e: React.ChangeEvent<HTMLInputElement>) => {\n    const value = e.target.value\n    setConfirmName(value)\n    if (nameError) setNameError(null)\n  }\n\n  const handleSubmit = () => {\n    if (!bucket) return\n    if (confirmName.trim() !== bucket.name) {\n      setNameError(t`Bucket name does not match`)\n      return\n    }\n\n    // Capture bucket name before async operation to avoid dereferencing null bucket in callbacks\n    const bucketName = bucket.name\n\n    emptyBucketMutation.mutate(\n      {\n        project_id: projectId,\n        containerName: bucketName,\n        includeVersionsAndDeleteMarkers: deleteVersionsAndMarkers,\n      },\n      {\n        onSuccess: (deletedCount) => {\n          onSuccess?.(bucketName, deletedCount)\n        },\n        onError: (error) => {\n          onError?.(bucketName, error.message)\n        },\n      }\n    )\n  }\n\n  const handleKeyDown = (e: React.KeyboardEvent) => {\n    if (e.key === \"Enter\") handleSubmit()\n  }\n\n  if (!isOpen || !bucket) return null\n\n  const bucketName = bucket.name\n\n  return (\n    <Modal\n      title={t`Empty Bucket`}\n      open={isOpen}\n      onCancel={handleClose}\n      confirmButtonLabel={t`Empty Bucket`}\n      confirmButtonVariant=\"primary-danger\"\n      onConfirm={handleSubmit}\n      cancelButtonLabel={t`Cancel`}\n      size=\"small\"\n      disableConfirmButton={emptyBucketMutation.isPending || confirmName.trim() !== bucket.name}\n    >\n      <Stack direction=\"vertical\" gap=\"6\">\n        <p className=\"text-theme-default m-0\">\n          <Trans>\n            This action will permanently delete all objects from {bucketName}. You may choose to also delete all\n            versions and delete markers. This will enable you to delete the bucket. This action cannot be undone.\n          </Trans>\n        </p>\n\n        <Checkbox\n          checked={deleteVersionsAndMarkers}\n          onChange={(e: React.ChangeEvent<HTMLInputElement>) => setDeleteVersionsAndMarkers(e.target.checked)}\n          label={t`Also delete all versions and all delete markers`}\n          disabled={emptyBucketMutation.isPending}\n        />\n\n        <TextInput\n          label={t`Type the bucket name to confirm`}\n          required\n          value={confirmName}\n          onChange={handleConfirmNameChange}\n          onKeyDown={handleKeyDown}\n          invalid={!!nameError}\n          errortext={nameError || undefined}\n          disabled={emptyBucketMutation.isPending}\n          placeholder={bucket.name}\n          autoFocus\n        />\n      </Stack>\n    </Modal>\n  )\n}\n","import { useState, useEffect } from \"react\"\nimport { Trans, useLingui } from \"@lingui/react/macro\"\nimport { trpcReact } from \"@/client/trpcClient\"\nimport { Modal, ModalFooter, ButtonRow, TextInput, Stack, Spinner, Button } from \"@cloudoperators/juno-ui-components\"\nimport type { Bucket } from \"@/server/Storage/types/ceph\"\nimport { useProjectId } from \"@/client/hooks/useProjectId\"\n\ninterface DeleteBucketModalProps {\n  isOpen: boolean\n  bucket: Bucket | null\n  onClose: () => void\n  onSuccess?: (bucketName: string) => void\n  onError?: (bucketName: string, errorMessage: string) => void\n}\n\nexport const DeleteBucketModal = ({ isOpen, bucket, onClose, onSuccess, onError }: DeleteBucketModalProps) => {\n  const { t } = useLingui()\n  const projectId = useProjectId()\n  const [confirmName, setConfirmName] = useState(\"\")\n  const [nameError, setNameError] = useState<string | null>(null)\n\n  const utils = trpcReact.useUtils()\n\n  // Fetch actual objects and versions to get accurate real-time state\n  // Use showVersions=true to also detect delete markers in versioned buckets\n  // Use delimiter=\"\" to get ALL objects including folder markers (zero-byte objects ending in \"/\")\n  // Without this, folders are returned as CommonPrefixes and we can't accurately check if bucket is empty\n  const {\n    data: objects,\n    isLoading: isLoadingObjects,\n    error: objectsError,\n  } = trpcReact.storage.ceph.objects.list.useQuery(\n    { project_id: projectId ?? \"\", containerName: bucket?.name ?? \"\", maxKeys: 1, delimiter: \"\", showVersions: true },\n    { enabled: isOpen && bucket !== null }\n  )\n\n  const deleteBucketMutation = trpcReact.storage.ceph.containers.delete.useMutation({\n    onSettled: () => {\n      utils.storage.ceph.containers.list.invalidate()\n    },\n  })\n\n  useEffect(() => {\n    if (!isOpen) {\n      setConfirmName(\"\")\n      setNameError(null)\n      deleteBucketMutation.reset()\n    }\n  }, [isOpen, bucket?.name])\n\n  const handleClose = () => {\n    setConfirmName(\"\")\n    setNameError(null)\n    deleteBucketMutation.reset()\n    onClose()\n  }\n\n  const handleConfirmNameChange = (e: React.ChangeEvent<HTMLInputElement>) => {\n    const value = e.target.value\n    setConfirmName(value)\n    if (nameError) setNameError(null)\n  }\n\n  const handleSubmit = () => {\n    if (!bucket) return\n    if (objectsError) return\n    if (confirmName.trim() !== bucket.name) {\n      setNameError(t`Bucket name does not match`)\n      return\n    }\n\n    // Capture bucket name before async operation to avoid dereferencing null bucket in callbacks\n    const bucketName = bucket.name\n\n    deleteBucketMutation.mutate(\n      { project_id: projectId, bucketName },\n      {\n        onSuccess: () => {\n          handleClose()\n          onSuccess?.(bucketName)\n        },\n        onError: (error) => {\n          handleClose()\n          onError?.(bucketName, error.message)\n        },\n      }\n    )\n  }\n\n  const handleKeyDown = (e: React.KeyboardEvent) => {\n    if (e.key === \"Enter\") handleSubmit()\n  }\n\n  if (!isOpen || !bucket) return null\n\n  // Check if bucket has current objects (not just versions/delete markers)\n  // When delimiter=\"\", folders are returned as objects (keys ending in \"/\")\n  const currentObjectCount = objects?.objects?.length ?? 0\n  const versionCount = objects?.versions?.length ?? 0\n\n  // Bucket is non-empty if it has current objects\n  // If it only has versions/delete markers (no current objects), it's considered \"empty\" for deletion purposes\n  const isNonEmpty = currentObjectCount > 0\n  const hasOnlyVersions = currentObjectCount === 0 && versionCount > 0\n  const errorMessage = objectsError?.message\n\n  return (\n    <Modal\n      title={t`Delete Bucket`}\n      open={isOpen}\n      onCancel={handleClose}\n      confirmButtonLabel={isNonEmpty || hasOnlyVersions ? undefined : t`Delete Bucket`}\n      confirmButtonVariant={isNonEmpty || hasOnlyVersions ? undefined : \"primary-danger\"}\n      onConfirm={isNonEmpty || hasOnlyVersions ? undefined : handleSubmit}\n      cancelButtonLabel={isNonEmpty || hasOnlyVersions ? undefined : t`Cancel`}\n      modalFooter={\n        isNonEmpty || hasOnlyVersions ? (\n          <ModalFooter className=\"flex justify-end\">\n            <ButtonRow>\n              <Button variant=\"primary\" onClick={handleClose} data-testid=\"delete-has-objects-close-button\">\n                <Trans>Close</Trans>\n              </Button>\n            </ButtonRow>\n          </ModalFooter>\n        ) : undefined\n      }\n      size=\"small\"\n      disableConfirmButton={\n        deleteBucketMutation.isPending || isLoadingObjects || !!objectsError || confirmName.trim() !== bucket.name\n      }\n    >\n      <Stack direction=\"vertical\" gap=\"6\">\n        {objectsError && (\n          <p className=\"text-theme-error\" role=\"alert\" aria-live=\"assertive\">\n            <Trans>Failed to check bucket contents: {errorMessage}</Trans>\n          </p>\n        )}\n\n        {isLoadingObjects ? (\n          <Stack direction=\"horizontal\" gap=\"2\" alignment=\"center\">\n            <Spinner />\n            <span className=\"text-juno-grey-light-1 text-sm\">\n              <Trans>Checking bucket contents...</Trans>\n            </span>\n          </Stack>\n        ) : isNonEmpty ? (\n          <p className=\"text-theme-default\">\n            <Trans>\n              This bucket contains objects and cannot be deleted. Use <strong>Empty Bucket</strong> action to remove all\n              content first.\n            </Trans>\n          </p>\n        ) : hasOnlyVersions ? (\n          <p className=\"text-theme-default\">\n            <Trans>\n              This bucket contains old versions and delete markers. Use <strong>Delete Versions</strong> action to\n              remove them before deleting the bucket.\n            </Trans>\n          </p>\n        ) : (\n          <>\n            <p className=\"text-theme-default\">\n              <Trans>\n                This action is irreversible. Deleting a bucket permanently removes it and cannot be undone. The bucket\n                must be empty before deletion.\n              </Trans>\n            </p>\n\n            <TextInput\n              label={t`Type the bucket name to confirm`}\n              required\n              value={confirmName}\n              onChange={handleConfirmNameChange}\n              onKeyDown={handleKeyDown}\n              invalid={!!nameError}\n              errortext={nameError || undefined}\n              disabled={deleteBucketMutation.isPending}\n              placeholder={bucket.name}\n            />\n          </>\n        )}\n      </Stack>\n    </Modal>\n  )\n}\n","import { useState } from \"react\"\nimport { Trans, useLingui } from \"@lingui/react/macro\"\nimport { trpcReact } from \"@/client/trpcClient\"\nimport { Modal, TextInput, Stack } from \"@cloudoperators/juno-ui-components\"\nimport { Bucket } from \"@/server/Storage/types/ceph\"\nimport { useProjectId } from \"@/client/hooks/useProjectId\"\n\ninterface DeleteVersionsModalProps {\n  isOpen: boolean\n  bucket: Bucket | null\n  onClose: () => void\n  onSuccess?: (bucketName: string, deletedCount: number) => void\n  onError?: (bucketName: string, errorMessage: string) => void\n}\n\nexport const DeleteVersionsModal = ({ isOpen, bucket, onClose, onSuccess, onError }: DeleteVersionsModalProps) => {\n  const { t } = useLingui()\n  const projectId = useProjectId()\n  const [confirmName, setConfirmName] = useState(\"\")\n  const [nameError, setNameError] = useState<string | null>(null)\n\n  const utils = trpcReact.useUtils()\n\n  const deleteVersionsMutation = trpcReact.storage.ceph.objects.deleteAll.useMutation({\n    onSettled: () => {\n      // Invalidate both containers.list (to update bucket metadata) and objects.list (to refresh empty state)\n      utils.storage.ceph.containers.list.invalidate()\n      utils.storage.ceph.objects.list.invalidate()\n      handleClose()\n    },\n  })\n\n  const handleClose = () => {\n    setConfirmName(\"\")\n    setNameError(null)\n    deleteVersionsMutation.reset()\n    onClose()\n  }\n\n  const handleConfirmNameChange = (e: React.ChangeEvent<HTMLInputElement>) => {\n    const value = e.target.value\n    setConfirmName(value)\n    if (nameError) setNameError(null)\n  }\n\n  const handleSubmit = () => {\n    if (!bucket) return\n    if (confirmName.trim() !== bucket.name) {\n      setNameError(t`Bucket name does not match`)\n      return\n    }\n\n    // Capture bucket name before async operation to avoid dereferencing null bucket in callbacks\n    const bucketName = bucket.name\n\n    // Always delete all versions and delete markers (includeVersionsAndDeleteMarkers: true)\n    deleteVersionsMutation.mutate(\n      {\n        project_id: projectId,\n        containerName: bucketName,\n        includeVersionsAndDeleteMarkers: true,\n      },\n      {\n        onSuccess: (deletedCount) => {\n          onSuccess?.(bucketName, deletedCount)\n        },\n        onError: (error) => {\n          onError?.(bucketName, error.message)\n        },\n      }\n    )\n  }\n\n  const handleKeyDown = (e: React.KeyboardEvent) => {\n    if (e.key === \"Enter\") handleSubmit()\n  }\n\n  if (!isOpen || !bucket) return null\n\n  return (\n    <Modal\n      title={t`Delete Versions`}\n      open={isOpen}\n      onCancel={handleClose}\n      confirmButtonLabel={t`Delete Versions`}\n      confirmButtonVariant=\"primary-danger\"\n      onConfirm={handleSubmit}\n      cancelButtonLabel={t`Cancel`}\n      size=\"small\"\n      disableConfirmButton={deleteVersionsMutation.isPending || confirmName.trim() !== bucket.name}\n    >\n      <Stack direction=\"vertical\" gap=\"6\">\n        <p className=\"text-theme-default m-0\">\n          <Trans>\n            This action will permanently delete all versions and delete markers. This will enable you to delete the\n            bucket. This action cannot be undone.\n          </Trans>\n        </p>\n\n        <TextInput\n          label={t`Type the bucket name to confirm`}\n          required\n          value={confirmName}\n          onChange={handleConfirmNameChange}\n          onKeyDown={handleKeyDown}\n          invalid={!!nameError}\n          errortext={nameError || undefined}\n          disabled={deleteVersionsMutation.isPending}\n          placeholder={bucket.name}\n          autoFocus\n        />\n      </Stack>\n    </Modal>\n  )\n}\n"],"mappings":"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"}