npm - @cobaltcore-dev/aurora - Versions diffs - 1.2.0 → 1.3.0 - Mend

@cobaltcore-dev/aurora 1.2.0 → 1.3.0

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

Files changed (47) hide show

package/dist/client/{_imageId-BtAql2Kr.mjs → _imageId-BBAlRioC.mjs} RENAMED Viewed

@@ -1,9 +1,9 @@
 import { A as e, B as t, D as n, E as r, L as i, M as a, Q as o, at as s, c, g as l, i as u, n as d, ot as f, rt as p, s as m, x as h } from "./build-WuxXRAqf.mjs";
 import { a as g } from "./trpcClient-D7gpR7YG.mjs";
-import { t as ee } from "./_imageId-D76BxvFY.mjs";
+import { t as ee } from "./_imageId-8JIbFmGB.mjs";
 import { n as _, t as te } from "./ContentHeader-CPJbgYWn.mjs";
 import { t as ne } from "./useSetBreadcrumb-tn7lBaQV.mjs";
-import { t as v } from "./TwoColumnDescriptionList-NvgvErua.mjs";
+import { t as v } from "./TwoColumnDescriptionList-DKS42RKa.mjs";
 import { A as y, C as re, D as ie, E as ae, F as b, I as x, N as oe, O as se, P as S, S as ce, T as le, _ as ue, d as de, f as fe, g as pe, k as me, p as he, u as ge, w as _e } from "./ImageToastNotifications-m6c3tVPb.mjs";
 import { Fragment as C, jsx as w, jsxs as T } from "react/jsx-runtime";
 import E, { useState as D } from "react";
@@ -256,12 +256,12 @@ var A = ({ image: e, myMemberData: n, canUpdateMember: r, onStatusChange: i, isL
 //#endregion
 //#region src/client/routes/_auth/projects/$projectId/compute/images/$imageId.tsx?tsr-split=component
 function I() {
-	let { projectId: e, imageId: t } = ye({ from: "/_auth/projects/$projectId/compute/images/$imageId" }), { tab: r } = be({ from: "/_auth/projects/$projectId/compute/images/$imageId" }), i = ve(), { i18n: s, _: d } = k(), { data: m, status: _, error: v } = g.compute.getImageById.useQuery({
+	let { projectId: e, imageId: t } = ye({ from: "/_auth/projects/$projectId/compute/images/$imageId" }), { tab: r } = be({ from: "/_auth/projects/$projectId/compute/images/$imageId" }), i = ve(), { i18n: a, _: s } = k(), { data: d, status: m, error: _ } = g.compute.getImageById.useQuery({
 		project_id: e,
 		imageId: t
 	});
-	ne(ee.id, m?.name);
-	let { data: y } = g.compute.canUser.useQuery({
+	ne(ee.id, d?.name);
+	let { data: v } = g.compute.canUser.useQuery({
 		project_id: e,
 		permission: [
 			"images:delete",
@@ -270,50 +270,50 @@ function I() {
 			"images:delete_member",
 			"images:update_member"
 		]
-	}), b = {
-		canDelete: y?.[0] ?? !1,
-		canUpdate: y?.[1] ?? !1,
-		canCreateMember: y?.[2] ?? !1,
-		canDeleteMember: y?.[3] ?? !1,
-		canUpdateMember: y?.[4] ?? !1
-	}, x = g.useUtils(), [E, A] = D(!1), [j, M] = D(!1), [N, P] = D(!1), [F, I] = D(!1), [L, R] = D(!1), z = g.compute.updateImage.useMutation({ onSuccess: (n) => {
-		x.compute.getImageById.setData({
+	}), y = {
+		canDelete: v?.[0] ?? !1,
+		canUpdate: v?.[1] ?? !1,
+		canCreateMember: v?.[2] ?? !1,
+		canDeleteMember: v?.[3] ?? !1,
+		canUpdateMember: v?.[4] ?? !1
+	}, b = g.useUtils(), [x, E] = D(!1), [A, j] = D(!1), [M, N] = D(!1), [P, F] = D(!1), [I, L] = D(!1), R = g.compute.updateImage.useMutation({ onSuccess: (n) => {
+		b.compute.getImageById.setData({
 			project_id: e,
 			imageId: t
-		}, n), x.compute.listImagesWithPagination.invalidate();
-	} }), B = g.compute.deleteImage.useMutation({ onSuccess: () => {
-		x.compute.listImagesWithPagination.invalidate();
-	} }), V = g.compute.deactivateImage.useMutation({ onSuccess: () => {
-		x.compute.getImageById.invalidate({
+		}, n), b.compute.listImagesWithPagination.invalidate();
+	} }), z = g.compute.deleteImage.useMutation({ onSuccess: () => {
+		b.compute.listImagesWithPagination.invalidate();
+	} }), B = g.compute.deactivateImage.useMutation({ onSuccess: () => {
+		b.compute.getImageById.invalidate({
 			project_id: e,
 			imageId: t
 		});
-	} }), H = g.compute.reactivateImage.useMutation({ onSuccess: () => {
-		x.compute.getImageById.invalidate({
+	} }), V = g.compute.reactivateImage.useMutation({ onSuccess: () => {
+		b.compute.getImageById.invalidate({
 			project_id: e,
 			imageId: t
 		});
-	} }), U = g.compute.updateImageVisibility.useMutation({ onSuccess: (n) => {
-		x.compute.getImageById.setData({
+	} }), H = g.compute.updateImageVisibility.useMutation({ onSuccess: (n) => {
+		b.compute.getImageById.setData({
 			project_id: e,
 			imageId: t
 		}, n);
-	} }), W = m?.visibility === S.SHARED && m?.owner !== void 0 && m?.owner !== e, { data: G } = g.compute.getImageMember.useQuery({
+	} }), U = d?.visibility === S.SHARED && d?.owner !== void 0 && d?.owner !== e, { data: W } = g.compute.getImageMember.useQuery({
 		project_id: e,
 		imageId: t,
 		memberId: e
-	}, { enabled: W && !!t && !!e }), K = g.compute.updateImageMember.useMutation({ onSuccess: () => {
-		x.compute.getImageMember.invalidate({
+	}, { enabled: U && !!t && !!e }), G = g.compute.updateImageMember.useMutation({ onSuccess: () => {
+		b.compute.getImageMember.invalidate({
 			project_id: e,
 			imageId: t,
 			memberId: e
-		}), x.compute.listImageMembers.invalidate({
+		}), b.compute.listImageMembers.invalidate({
 			project_id: e,
 			imageId: t
-		}), x.compute.listImagesWithPagination.invalidate(), x.compute.listSharedImagesByMemberStatus.invalidate();
-	} }), q = async (n) => {
+		}), b.compute.listImagesWithPagination.invalidate(), b.compute.listSharedImagesByMemberStatus.invalidate();
+	} }), K = async (n) => {
 		try {
-			await K.mutateAsync({
+			await G.mutateAsync({
 				project_id: e,
 				imageId: t,
 				memberId: e,
@@ -325,12 +325,12 @@ function I() {
 			let t = e?.message, { message: n, ...r } = ge(t);
 			f.error(n, r);
 		}
-	}, J = () => {
+	}, q = () => {
 		i({
 			to: "/projects/$projectId/compute/images",
 			params: { projectId: e }
 		});
-	}, Y = z.isPending || B.isPending || V.isPending || H.isPending || U.isPending, Se = (e, t) => {
+	}, J = R.isPending || z.isPending || B.isPending || V.isPending || H.isPending, Se = (e, t) => {
 		let n = [];
 		return Object.entries(e).forEach(([e, r]) => {
 			let i = `/${e}`;
@@ -347,75 +347,75 @@ function I() {
 				});
 			}
 		}), n;
-	}, X = async (n) => {
-		if (!m) return !1;
-		let r = Se(n, m);
+	}, Y = async (n) => {
+		if (!d) return !1;
+		let r = Se(n, d);
 		try {
-			await z.mutateAsync({
+			await R.mutateAsync({
 				project_id: e,
 				imageId: t,
 				operations: r
-			}), A(!1);
-			let { message: n, ...i } = ce(String(m.name ?? m.id));
+			}), E(!1);
+			let { message: n, ...i } = ce(String(d.name ?? d.id));
 			return f.success(n, i), !0;
 		} catch {
 			return !1;
 		}
 	}, Ce = async (t) => {
 		try {
-			await B.mutateAsync({
+			await z.mutateAsync({
 				project_id: e,
 				imageId: t.id
-			}), P(!1), J();
+			}), N(!1), q();
 		} catch {
-			P(!1);
+			N(!1);
 		}
 	}, we = async (t) => {
 		try {
-			await H.mutateAsync({
+			await V.mutateAsync({
 				project_id: e,
 				imageId: t.id
-			}), I(!1);
+			}), F(!1);
 			let { message: n, ...r } = fe(String(t.name ?? t.id));
 			f.success(n, r);
 		} catch (e) {
-			I(!1);
+			F(!1);
 			let { message: n, ...r } = he(t.id, e?.message ?? "");
 			f.error(n, r);
 		}
 	}, Te = async (t) => {
 		try {
-			await V.mutateAsync({
+			await B.mutateAsync({
 				project_id: e,
 				imageId: t.id
-			}), R(!1);
+			}), L(!1);
 			let { message: n, ...r } = pe(String(t.name ?? t.id));
 			f.success(n, r);
 		} catch (e) {
-			R(!1);
+			L(!1);
 			let { message: n, ...r } = ue(t.id, e?.message ?? "");
 			f.error(n, r);
 		}
 	}, Ee = async (t) => {
-		if (m) try {
-			await U.mutateAsync({
+		if (d) try {
+			await H.mutateAsync({
 				project_id: e,
-				imageId: m.id,
+				imageId: d.id,
 				visibility: t
 			});
-			let { message: n, ...r } = _e(String(m.name ?? m.id), t);
+			let { message: n, ...r } = _e(String(d.name ?? d.id), t);
 			f.success(n, r);
 		} catch (e) {
-			let { message: t, ...n } = re(String(m.name ?? m.id), e?.message ?? "");
+			let { message: t, ...n } = re(String(d.name ?? d.id), e?.message ?? "");
 			f.error(t, n);
 		}
 	};
-	if (_ === "pending") return /*#__PURE__*/ w(p, {
+	if (m === "pending") return /*#__PURE__*/ w(p, {
 		status: "progress",
-		title: s._({ id: "hH3kDo" })
+		title: a._({ id: "hH3kDo" })
 	});
-	if (_ === "error") {
-		let e = v?.message || "Unknown error";
+	if (m === "error") {
+		let e = _?.message || "Unknown error";
 		return /*#__PURE__*/ T(o, {
 			className: "fixed inset-0",
 			distribution: "center",
@@ -432,14 +432,14 @@ function I() {
 					children: e
 				}),
 				/*#__PURE__*/ w(u, {
-					onClick: J,
+					onClick: q,
 					variant: "primary",
 					children: /*#__PURE__*/ w(O, { id: "bnql/K" })
 				})
 			]
 		});
 	}
-	if (!m) return /*#__PURE__*/ T(o, {
+	if (!d) return /*#__PURE__*/ T(o, {
 		className: "fixed inset-0",
 		distribution: "center",
 		alignment: "center",
@@ -449,117 +449,121 @@ function I() {
 			className: "text-theme-highest",
 			children: /*#__PURE__*/ w(O, { id: "1pdLQw" })
 		}), /*#__PURE__*/ w(u, {
-			onClick: J,
+			onClick: q,
 			variant: "primary",
 			children: /*#__PURE__*/ w(O, { id: "bnql/K" })
 		})]
 	});
-	let Z = m.status === oe.DEACTIVATED, De = m.visibility === S.PRIVATE, Oe = G?.status === "accepted", Q = m.owner === e, ke = W && Oe && b.canUpdateMember, Ae = !W && b.canUpdate, je = !W && b.canDelete && !m.protected, Me = !W && Q && m.visibility === S.SHARED && (b.canCreateMember || b.canDeleteMember), $ = ke || Ae || je || Me, Ne = $ || !W && b.canUpdate ? /*#__PURE__*/ T(a, { children: [
-		$ && /*#__PURE__*/ T(n, { children: [/*#__PURE__*/ w(c, {
-			as: "div",
-			children: /*#__PURE__*/ w(u, {
-				icon: "moreVert",
-				disabled: Y,
-				children: /*#__PURE__*/ w(O, { id: "PgNNGl" })
-			})
-		}), /*#__PURE__*/ T(l, { children: [
-			ke && /*#__PURE__*/ w(h, {
-				label: s._({ id: "1t/NnN" }),
-				onClick: () => q("rejected")
-			}),
-			!W && b.canUpdate && /*#__PURE__*/ w(h, {
-				label: Z ? s._({ id: "FQBaXG" }) : s._({ id: "5y3O+A" }),
-				onClick: () => Z ? I(!0) : R(!0)
-			}),
-			!W && b.canUpdate && De && /*#__PURE__*/ w(h, {
-				label: s._({ id: "gMYsdZ" }),
-				onClick: () => Ee("shared")
-			}),
-			!W && Q && m.visibility === S.SHARED && (b.canCreateMember || b.canDeleteMember) && /*#__PURE__*/ w(h, {
-				label: s._({ id: "cWbW6w" }),
-				onClick: () => i({
-					to: "/projects/$projectId/compute/images/$imageId",
-					params: {
-						projectId: e,
-						imageId: m.id
-					},
-					search: { tab: "sharing" }
+	let X = d.status === oe.DEACTIVATED, De = d.visibility === S.PRIVATE, Oe = W?.status === "accepted", Z = d.owner === e, Q = U && Oe && y.canUpdateMember, ke = !U && y.canUpdate, Ae = !U && y.canDelete && !d.protected, je = !U && Z && d.visibility === S.SHARED && (y.canCreateMember || y.canDeleteMember), $ = Q || ke || Ae || je, Me = ($ || !U && y.canUpdate) && /*#__PURE__*/ T(o, {
+		gap: "0.5",
+		alignment: "center",
+		children: [($ || !U && y.canUpdate) && /*#__PURE__*/ T(n, {
+			className: "flex items-center",
+			children: [/*#__PURE__*/ w(c, {
+				as: "div",
+				children: /*#__PURE__*/ w(u, {
+					icon: "moreVert",
+					title: a._({ id: "PgNNGl" }),
+					disabled: J
 				})
-			}),
-			!W && b.canDelete && !m.protected && /*#__PURE__*/ w(h, {
-				label: s._({ id: "cnGeoo" }),
-				onClick: () => P(!0)
-			})
-		] })] }),
-		!W && b.canUpdate && /*#__PURE__*/ w(u, {
-			onClick: () => M(!0),
-			disabled: Y,
-			children: /*#__PURE__*/ w(O, { id: "SIfYq6" })
-		}),
-		!W && b.canUpdate && /*#__PURE__*/ w(u, {
-			onClick: () => A(!0),
+			}), /*#__PURE__*/ T(l, { children: [
+				!U && y.canUpdate && /*#__PURE__*/ w(h, {
+					onClick: () => j(!0),
+					label: a._({ id: "SIfYq6" }),
+					disabled: J
+				}),
+				Q && /*#__PURE__*/ w(h, {
+					label: a._({ id: "1t/NnN" }),
+					onClick: () => K("rejected")
+				}),
+				!U && y.canUpdate && /*#__PURE__*/ w(h, {
+					label: X ? a._({ id: "FQBaXG" }) : a._({ id: "5y3O+A" }),
+					onClick: () => X ? F(!0) : L(!0)
+				}),
+				!U && y.canUpdate && De && /*#__PURE__*/ w(h, {
+					label: a._({ id: "gMYsdZ" }),
+					onClick: () => Ee("shared")
+				}),
+				!U && Z && d.visibility === S.SHARED && (y.canCreateMember || y.canDeleteMember) && /*#__PURE__*/ w(h, {
+					label: a._({ id: "cWbW6w" }),
+					onClick: () => i({
+						to: "/projects/$projectId/compute/images/$imageId",
+						params: {
+							projectId: e,
+							imageId: d.id
+						},
+						search: { tab: "sharing" }
+					})
+				}),
+				!U && y.canDelete && !d.protected && /*#__PURE__*/ w(h, {
+					label: a._({ id: "cnGeoo" }),
+					onClick: () => N(!0)
+				})
+			] })]
+		}), !U && y.canUpdate && /*#__PURE__*/ w(u, {
+			onClick: () => E(!0),
 			variant: "primary",
-			disabled: Y,
+			disabled: J,
 			children: /*#__PURE__*/ w(O, { id: "Y1YKad" })
-		})
-	] }) : void 0;
+		})]
+	});
 	return /*#__PURE__*/ T(C, { children: [
 		/*#__PURE__*/ w(te, {
-			title: String(m.name ?? m.id),
+			title: String(d.name ?? d.id),
 			projectId: e,
-			actions: Ne
+			actions: Me
 		}),
 		/*#__PURE__*/ w("div", {
 			className: "mt-3",
 			children: /*#__PURE__*/ w(xe, {
-				image: m,
+				image: d,
 				currentProjectId: e,
 				activeTab: r ?? "details",
 				onTabChange: (e) => i({ search: { tab: e === "details" ? void 0 : e } }),
 				permissions: {
-					canCreateMember: b.canCreateMember,
-					canDeleteMember: b.canDeleteMember,
-					canUpdateMember: b.canUpdateMember
+					canCreateMember: y.canCreateMember,
+					canDeleteMember: y.canDeleteMember,
+					canUpdateMember: y.canUpdateMember
 				},
-				myMemberData: G,
-				onMemberStatusChange: q,
-				isMemberStatusChanging: K.isPending
-			}, m.id)
+				myMemberData: W,
+				onMemberStatusChange: K,
+				isMemberStatusChanging: G.isPending
+			}, d.id)
 		}),
-		E && /*#__PURE__*/ w(me, {
-			image: m,
-			isOpen: E,
-			isLoading: z.isPending,
-			onClose: () => A(!1),
-			onSave: X
+		x && /*#__PURE__*/ w(me, {
+			image: d,
+			isOpen: x,
+			isLoading: R.isPending,
+			onClose: () => E(!1),
+			onSave: Y
 		}),
-		j && /*#__PURE__*/ w(se, {
-			image: m,
-			isOpen: j,
-			isLoading: z.isPending,
-			onClose: () => M(!1),
-			onSave: X
+		A && /*#__PURE__*/ w(se, {
+			image: d,
+			isOpen: A,
+			isLoading: R.isPending,
+			onClose: () => j(!1),
+			onSave: Y
 		}),
-		N && /*#__PURE__*/ w(ie, {
-			image: m,
-			isOpen: N,
-			isLoading: B.isPending,
-			isDisabled: !!m.protected,
-			onClose: () => P(!1),
+		M && /*#__PURE__*/ w(ie, {
+			image: d,
+			isOpen: M,
+			isLoading: z.isPending,
+			isDisabled: !!d.protected,
+			onClose: () => N(!1),
 			onDelete: Ce
 		}),
-		F && /*#__PURE__*/ w(ae, {
-			image: m,
-			isOpen: F,
-			isLoading: H.isPending,
-			onClose: () => I(!1),
+		P && /*#__PURE__*/ w(ae, {
+			image: d,
+			isOpen: P,
+			isLoading: V.isPending,
+			onClose: () => F(!1),
 			onActivate: we
 		}),
-		L && /*#__PURE__*/ w(le, {
-			image: m,
-			isOpen: L,
-			isLoading: V.isPending,
-			onClose: () => R(!1),
+		I && /*#__PURE__*/ w(le, {
+			image: d,
+			isOpen: I,
+			isLoading: B.isPending,
+			onClose: () => L(!1),
 			onDeactivate: Te
 		})
 	] });
@@ -567,4 +571,4 @@ function I() {
 //#endregion
 export { I as component };
-//# sourceMappingURL=_imageId-BtAql2Kr.mjs.map
+//# sourceMappingURL=_imageId-BBAlRioC.mjs.map

package/dist/client/_imageId-BBAlRioC.mjs.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"file":"_imageId-BBAlRioC.mjs","names":["React","useState","DescriptionList","DescriptionTerm","DescriptionDefinition","Container","ContentHeading","Stack","Message","Box","Button","ButtonRow","SizeDisplay","trpcReact","MEMBER_STATUSES","ClipboardText","TwoColumnDescriptionList","ImageMembersTable","SharedImageBox","image","myMemberData","canUpdateMember","onStatusChange","isLoading","useLingui","isPending","status","PENDING","isRejected","REJECTED","sharedAt","created_at","Date","toLocaleString","t","updatedAt","updated_at","ownerProject","owner","p","className","span","ul","li","onClick","ACCEPTED","disabled","GeneralImageData","items","label","value","text","id","name","size","min_disk","min_ram","disk_format","container_format","toLocaleDateString","px","py","SecuritySection","currentProjectId","isSharedWithMe","visibility","undefined","protected","checksum","CustomPropertiesSection","knownFields","Set","customProperties","Object","entries","filter","key","has","sort","a","b","localeCompare","hasProperties","length","alignTerms","map","Fragment","JSON","stringify","String","getTabClassName","active","base","SharingDetailsTab","permissions","isAddingMember","setIsAddingMember","message","setMessage","data","imageMembers","isMembersLoading","compute","listImageMembers","useQuery","project_id","imageId","enabled","variant","type","onDismiss","canAdd","canCreateMember","canRemove","canDeleteMember","projectId","ImageDetailsView","activeTab","onTabChange","onMemberStatusChange","isMemberStatusChanging","actions","isImageOwner","showTabs","direction","gap","div","button","Button","Stack","Status","PopupMenu","PopupMenuToggle","PopupMenuOptions","PopupMenuItem","toast","useNavigate","useParams","useSearch","Trans","useLingui","trpcReact","useSetBreadcrumb","ImageDetailsView","EditImageDetailsModal","EditImageMetadataModal","DeleteImageModal","ActivateImageModal","DeactivateImageModal","IMAGE_STATUSES","IMAGE_VISIBILITY","GlanceImage","MemberStatus","TRPCClientError","InferrableClientTypes","getImageAccessStatusUpdatedToast","getImageAccessStatusErrorToast","getImageUpdatedToast","getImageActivatedToast","getImageActivationErrorToast","getImageDeactivatedToast","getImageDeactivationErrorToast","getImageVisibilityUpdatedToast","getImageVisibilityUpdateErrorToast","useState","ContentHeader","Route","RouteComponent","projectId","imageId","from","tab","navigate","t","data","image","status","error","compute","getImageById","useQuery","project_id","id","name","permissionsData","canUser","permission","permissions","canDelete","canUpdate","canCreateMember","canDeleteMember","canUpdateMember","utils","useUtils","editDetailsModalOpen","setEditDetailsModalOpen","editMetadataModalOpen","setEditMetadataModalOpen","deleteModalOpen","setDeleteModalOpen","activateModalOpen","setActivateModalOpen","deactivateModalOpen","setDeactivateModalOpen","updateImageMutation","updateImage","useMutation","onSuccess","updatedImage","setData","listImagesWithPagination","invalidate","deleteImageMutation","deleteImage","deactivateImageMutation","deactivateImage","reactivateImageMutation","reactivateImage","updateImageVisibilityMutation","updateImageVisibility","isSharedWithMe","visibility","SHARED","owner","undefined","myMemberData","getImageMember","memberId","enabled","updateMemberMutation","updateImageMember","listImageMembers","listSharedImagesByMemberStatus","handleMemberStatusChange","newStatus","mutateAsync","message","options","info","errorMessage","handleBack","to","params","isLoading","isPending","convertToJsonPatchOperations","updatedProperties","Partial","originalImage","Array","op","path","value","operations","Object","entries","forEach","key","push","propertyExists","handleSaveEdit","Promise","String","success","handleDelete","deletedImage","handleActivate","img","Error","handleDeactivate","handleUpdateVisibility","newVisibility","isDeactivated","DEACTIVATED","isPrivate","PRIVATE","isMemberAccepted","isImageOwner","canRejectSharedImage","canUpdateOwnImage","canDeleteOwnImage","protected","canManageSharing","hasMoreActions","headerActions","search","newTab","component"],"sources":["../../src/client/routes/_auth/projects/$projectId/compute/images/-components/ImageDetailsView.tsx","../../src/client/routes/_auth/projects/$projectId/compute/images/$imageId.tsx?tsr-split=component"],"sourcesContent":["import React, { useState } from \"react\"\nimport {\n DescriptionList,\n DescriptionTerm,\n DescriptionDefinition,\n Container,\n ContentHeading,\n Stack,\n Message,\n Box,\n Button,\n ButtonRow,\n} from \"@cloudoperators/juno-ui-components\"\nimport { Trans, useLingui } from \"@lingui/react/macro\"\nimport { GlanceImage, ImageMember, MemberStatus } from \"@/server/Compute/types/image\"\nimport { SizeDisplay } from \"./SizeDisplay\"\nimport { trpcReact } from \"@/client/trpcClient\"\nimport { MEMBER_STATUSES } from \"../../-constants/filters\"\nimport ClipboardText from \"@/client/components/ClipboardText\"\nimport { TwoColumnDescriptionList } from \"@/client/components/TwoColumnDescriptionList\"\nimport { ImageMembersTable } from \"./ImageMembersTable\"\n\ninterface ImageDetailsViewProps {\n image: GlanceImage\n currentProjectId?: string\n activeTab?: \"details\" | \"sharing\"\n onTabChange?: (tab: \"details\" | \"sharing\") => void\n permissions?: {\n canCreateMember: boolean\n canDeleteMember: boolean\n canUpdateMember: boolean\n }\n myMemberData?: ImageMember\n onMemberStatusChange?: (status: MemberStatus) => void\n isMemberStatusChanging?: boolean\n actions?: React.ReactNode\n}\n\nconst SharedImageBox: React.FC<{\n image: GlanceImage\n myMemberData: ImageMember\n canUpdateMember: boolean\n onStatusChange: (status: MemberStatus) => void\n isLoading: boolean\n}> = ({ image, myMemberData, canUpdateMember, onStatusChange, isLoading }) => {\n const { t } = useLingui()\n const isPending = myMemberData.status === MEMBER_STATUSES.PENDING\n const isRejected = myMemberData.status === MEMBER_STATUSES.REJECTED\n\n const sharedAt = myMemberData.created_at ? new Date(myMemberData.created_at).toLocaleString() : t`N/A`\n const updatedAt = myMemberData.updated_at ? new Date(myMemberData.updated_at).toLocaleString() : t`N/A`\n const ownerProject = image.owner ?? \"\"\n\n return (\n <Box>\n {isPending && (\n <p className=\"text-theme-highest font-semibold\">\n <Trans>Your action is required</Trans>\n </p>\n )}\n <p>\n <Trans>\n This image was shared with you by <span className=\"font-semibold\">{ownerProject}</span> on {sharedAt}.\n </Trans>\n </p>\n <ul>\n <li>\n <span className=\"font-semibold\">\n <Trans>Access Status:</Trans>\n </span>{\" \"}\n {myMemberData.status}\n </li>\n <li>\n <span className=\"font-semibold\">\n <Trans>Shared:</Trans>\n </span>{\" \"}\n {sharedAt}\n </li>\n <li>\n <span className=\"font-semibold\">\n <Trans>Updated:</Trans>\n </span>{\" \"}\n {updatedAt}\n </li>\n </ul>\n\n {canUpdateMember && (isPending || isRejected) && (\n <ButtonRow>\n <Button onClick={() => onStatusChange(MEMBER_STATUSES.ACCEPTED)} disabled={isLoading}>\n <Trans>Accept</Trans>\n </Button>\n {isPending && (\n <Button onClick={() => onStatusChange(MEMBER_STATUSES.REJECTED)} disabled={isLoading}>\n <Trans>Reject</Trans>\n </Button>\n )}\n </ButtonRow>\n )}\n </Box>\n )\n}\n\nexport const GeneralImageData: React.FC<{ image: GlanceImage }> = ({ image }) => {\n const { t } = useLingui()\n const items = [\n { label: t`ID`, value: <ClipboardText text={image.id} /> },\n { label: t`Name`, value: image.name },\n { label: t`Status`, value: image.status },\n { label: t`Size`, value: <SizeDisplay size={image.size} /> },\n { label: t`Min. Disk`, value: `${image.min_disk} GB` },\n { label: t`Min. RAM`, value: `${image.min_ram} MB` },\n { label: t`Disk Format`, value: <span className=\"uppercase\">{image.disk_format}</span> },\n { label: t`Container Format`, value: <span className=\"uppercase\">{image.container_format}</span> },\n {\n label: t`Created At`,\n value: image.created_at ? new Date(image.created_at).toLocaleDateString() : t`N/A`,\n },\n {\n label: t`Updated At`,\n value: image.updated_at ? new Date(image.updated_at).toLocaleDateString() : t`N/A`,\n },\n ]\n\n return (\n <Container px={false} py>\n <ContentHeading>{t`General Image Data`}</ContentHeading>\n <TwoColumnDescriptionList items={items} />\n </Container>\n )\n}\n\nexport const SecuritySection: React.FC<{ image: GlanceImage; currentProjectId?: string }> = ({\n image,\n currentProjectId,\n}) => {\n const { t } = useLingui()\n\n const isSharedWithMe = image.visibility === \"shared\" && image.owner !== undefined && image.owner !== currentProjectId\n const items = [\n {\n label: isSharedWithMe ? t`Shared by Project` : t`Owner Project ID`,\n value: image.owner ? <ClipboardText text={image.owner} /> : \"\",\n },\n { label: t`Visibility`, value: image.visibility },\n { label: t`Protected`, value: image.protected ? t`Yes` : t`No` },\n { label: t`Checksum`, value: image?.checksum ? image.checksum : \"\" },\n ]\n\n return (\n <Container px={false} py>\n <ContentHeading>{t`Security`}</ContentHeading>\n <TwoColumnDescriptionList items={items} />\n </Container>\n )\n}\n\nexport const CustomPropertiesSection: React.FC<{ image: GlanceImage }> = ({ image }) => {\n const { t } = useLingui()\n\n const knownFields = new Set([\n \"id\",\n \"name\",\n \"status\",\n \"visibility\",\n \"size\",\n \"disk_format\",\n \"container_format\",\n \"min_disk\",\n \"min_ram\",\n \"owner\",\n \"protected\",\n \"created_at\",\n \"updated_at\",\n \"checksum\",\n ])\n\n const customProperties = Object.entries(image)\n .filter(([key]) => !knownFields.has(key))\n .sort(([a], [b]) => a.localeCompare(b))\n\n const hasProperties = customProperties.length > 0\n\n return (\n <Container px={false} py>\n <ContentHeading>{t`Custom Properties / Metadata`}</ContentHeading>\n {hasProperties ? (\n <DescriptionList alignTerms=\"right\" className=\"grid-cols-4\">\n {customProperties.map(([key, value]) => (\n <React.Fragment key={key}>\n <DescriptionTerm className=\"col-span-1\">{key}</DescriptionTerm>\n <DescriptionDefinition className=\"col-span-1\">\n {value === null || value === undefined ? (\n <span>null</span>\n ) : typeof value === \"object\" ? (\n <span className=\"break-all\">{JSON.stringify(value)}</span>\n ) : typeof value === \"boolean\" ? (\n value ? (\n t`True`\n ) : (\n t`False`\n )\n ) : (\n <span className=\"break-all\">{String(value)}</span>\n )}\n </DescriptionDefinition>\n </React.Fragment>\n ))}\n </DescriptionList>\n ) : (\n <p className=\"text-theme-light\">{t`No custom properties defined`}</p>\n )}\n </Container>\n )\n}\n\nconst getTabClassName = (active: boolean) => {\n const base = \"px-6 py-3 font-semibold border-b-2 transition-colors\"\n return active\n ? `${base} border-theme-accent text-theme-highest`\n : `${base} border-transparent text-theme-secondary hover:text-theme-high`\n}\n\nconst SharingDetailsTab: React.FC<ImageDetailsViewProps> = ({ image, permissions, currentProjectId }) => {\n const [isAddingMember, setIsAddingMember] = useState(false)\n const [message, setMessage] = useState<{ text: string; type: \"error\" | \"info\" } | null>(null)\n\n const { data: imageMembers, isLoading: isMembersLoading } = trpcReact.compute.listImageMembers.useQuery(\n { project_id: currentProjectId!, imageId: image.id },\n { enabled: !!image.id && !!currentProjectId }\n )\n\n return (\n <Container px={false} py>\n {message && (\n <Message text={message.text} variant={message.type} onDismiss={() => setMessage(null)} className=\"mb-4\" />\n )}\n <ImageMembersTable\n image={image}\n imageMembers={imageMembers}\n isMembersLoading={isMembersLoading}\n canAdd={permissions?.canCreateMember ?? false}\n canRemove={permissions?.canDeleteMember ?? false}\n isAddingMember={isAddingMember}\n setIsAddingMember={setIsAddingMember}\n setMessage={setMessage}\n projectId={currentProjectId!}\n />\n </Container>\n )\n}\n\nexport const ImageDetailsView: React.FC<ImageDetailsViewProps> = ({\n image,\n currentProjectId,\n activeTab = \"details\",\n onTabChange,\n permissions,\n myMemberData,\n onMemberStatusChange,\n isMemberStatusChanging,\n actions,\n}) => {\n const { t } = useLingui()\n\n const isSharedWithMe = image.visibility === \"shared\" && image.owner !== undefined && image.owner !== currentProjectId\n const isImageOwner = image.owner === currentProjectId\n const showTabs = isImageOwner && image.visibility === \"shared\"\n\n return (\n <Stack direction=\"vertical\" gap=\"6\">\n {isSharedWithMe && myMemberData && onMemberStatusChange && (\n <SharedImageBox\n image={image}\n myMemberData={myMemberData}\n canUpdateMember={permissions?.canUpdateMember ?? false}\n onStatusChange={onMemberStatusChange}\n isLoading={isMemberStatusChanging ?? false}\n />\n )}\n\n {showTabs && (\n <div className=\"border-theme-background-lvl-3 border-b\">\n <Stack direction=\"horizontal\" gap=\"0\">\n <button className={getTabClassName(activeTab === \"details\")} onClick={() => onTabChange?.(\"details\")}>\n {t`Details`}\n </button>\n <button className={getTabClassName(activeTab === \"sharing\")} onClick={() => onTabChange?.(\"sharing\")}>\n {t`Sharing Details`}\n </button>\n </Stack>\n </div>\n )}\n\n {(activeTab === \"details\" || !showTabs) && (\n <>\n {actions}\n <GeneralImageData image={image} />\n <SecuritySection image={image} currentProjectId={currentProjectId} />\n <CustomPropertiesSection image={image} />\n </>\n )}\n\n {activeTab === \"sharing\" && showTabs && <SharingDetailsTab image={image} permissions={permissions} />}\n </Stack>\n )\n}\n","import {\n Button,\n Stack,\n Status,\n PopupMenu,\n PopupMenuToggle,\n PopupMenuOptions,\n PopupMenuItem,\n toast,\n} from \"@cloudoperators/juno-ui-components/index\"\nimport { createFileRoute, redirect, useNavigate, useParams, useSearch } from \"@tanstack/react-router\"\nimport { z } from \"zod\"\nimport type { RouteInfo } from \"@/client/routes/routeInfo\"\nimport { Trans, useLingui } from \"@lingui/react/macro\"\nimport { getServiceIndex } from \"@/server/Authentication/helpers\"\nimport { trpcReact } from \"@/client/trpcClient\"\nimport { useSetBreadcrumb } from \"@/client/hooks/useSetBreadcrumb\"\nimport { ImageDetailsView } from \"./-components/ImageDetailsView\"\nimport { EditImageDetailsModal } from \"./-components/EditImageDetailsModal\"\nimport { EditImageMetadataModal } from \"./-components/EditImageMetadataModal\"\nimport { DeleteImageModal } from \"./-components/DeleteImageModal\"\nimport { ActivateImageModal } from \"./-components/ActivateImageModal\"\nimport { DeactivateImageModal } from \"./-components/DeactivateImageModal\"\nimport { IMAGE_STATUSES, IMAGE_VISIBILITY } from \"../-constants/filters\"\nimport { GlanceImage, MemberStatus } from \"@/server/Compute/types/image\"\nimport { TRPCClientError } from \"@trpc/client\"\nimport { InferrableClientTypes } from \"@trpc/server/unstable-core-do-not-import\"\nimport {\n getImageAccessStatusUpdatedToast,\n getImageAccessStatusErrorToast,\n getImageUpdatedToast,\n getImageActivatedToast,\n getImageActivationErrorToast,\n getImageDeactivatedToast,\n getImageDeactivationErrorToast,\n getImageVisibilityUpdatedToast,\n getImageVisibilityUpdateErrorToast,\n} from \"./-components/ImageToastNotifications\"\nimport { useState } from \"react\"\nimport { ContentHeader } from \"@/client/components/ContentHeader/ContentHeader\"\n\nexport const Route = createFileRoute(\"/_auth/projects/$projectId/compute/images/$imageId\")({\n staticData: {\n section: \"compute\",\n service: \"images\",\n analytics: {\n name: \"compute.images.detail\",\n },\n } satisfies RouteInfo,\n validateSearch: z.object({\n tab: z.enum([\"details\", \"sharing\"]).optional(),\n }),\n loader: async ({ context, params }) => {\n try {\n const image = await context.trpcClient?.compute.getImageById.query({\n project_id: params.projectId,\n imageId: params.imageId,\n })\n return { imageTitle: (image?.name as string | undefined) ?? image?.id ?? null }\n } catch {\n return { imageTitle: null }\n }\n },\n head: ({ loaderData }) => ({\n meta: [{ title: loaderData?.imageTitle ?? \"Image Details\" }],\n }),\n component: RouteComponent,\n beforeLoad: async ({ context, params }) => {\n const { trpcClient } = context\n const { projectId } = params\n\n const availableServices = (await trpcClient?.auth.getAvailableServices.query()) || []\n\n const serviceIndex = getServiceIndex(availableServices)\n\n // Redirect to the \"Projects Overview\" page if none of compute services available\n if (!serviceIndex[\"image\"] && !serviceIndex[\"compute\"]) {\n throw redirect({\n to: \"/projects/$projectId\",\n params: { projectId },\n })\n }\n\n if (!serviceIndex[\"image\"][\"glance\"]) {\n // Redirect to the \"Compute Services Overview\" page if the \"Glance\" service is not available\n throw redirect({\n to: \"/projects/$projectId\",\n params: { projectId: params.projectId },\n })\n }\n },\n})\n\nfunction RouteComponent() {\n const { projectId, imageId } = useParams({\n from: \"/_auth/projects/$projectId/compute/images/$imageId\",\n })\n const { tab } = useSearch({\n from: \"/_auth/projects/$projectId/compute/images/$imageId\",\n })\n\n const navigate = useNavigate()\n const { t } = useLingui()\n\n const {\n data: image,\n status,\n error,\n } = trpcReact.compute.getImageById.useQuery({ project_id: projectId, imageId: imageId })\n\n useSetBreadcrumb(Route.id, image?.name as string | undefined)\n\n const { data: permissionsData } = trpcReact.compute.canUser.useQuery({\n project_id: projectId,\n permission: [\n \"images:delete\",\n \"images:update\",\n \"images:create_member\",\n \"images:delete_member\",\n \"images:update_member\",\n ],\n })\n\n const permissions = {\n canDelete: permissionsData?.[0] ?? false,\n canUpdate: permissionsData?.[1] ?? false,\n canCreateMember: permissionsData?.[2] ?? false,\n canDeleteMember: permissionsData?.[3] ?? false,\n canUpdateMember: permissionsData?.[4] ?? false,\n }\n\n const utils = trpcReact.useUtils()\n\n const [editDetailsModalOpen, setEditDetailsModalOpen] = useState(false)\n const [editMetadataModalOpen, setEditMetadataModalOpen] = useState(false)\n const [deleteModalOpen, setDeleteModalOpen] = useState(false)\n const [activateModalOpen, setActivateModalOpen] = useState(false)\n const [deactivateModalOpen, setDeactivateModalOpen] = useState(false)\n\n const updateImageMutation = trpcReact.compute.updateImage.useMutation({\n onSuccess: (updatedImage) => {\n utils.compute.getImageById.setData({ project_id: projectId, imageId }, updatedImage)\n utils.compute.listImagesWithPagination.invalidate()\n },\n })\n\n const deleteImageMutation = trpcReact.compute.deleteImage.useMutation({\n onSuccess: () => {\n utils.compute.listImagesWithPagination.invalidate()\n },\n })\n\n const deactivateImageMutation = trpcReact.compute.deactivateImage.useMutation({\n onSuccess: () => {\n utils.compute.getImageById.invalidate({ project_id: projectId, imageId })\n },\n })\n\n const reactivateImageMutation = trpcReact.compute.reactivateImage.useMutation({\n onSuccess: () => {\n utils.compute.getImageById.invalidate({ project_id: projectId, imageId })\n },\n })\n\n const updateImageVisibilityMutation = trpcReact.compute.updateImageVisibility.useMutation({\n onSuccess: (updatedImage) => {\n utils.compute.getImageById.setData({ project_id: projectId, imageId }, updatedImage)\n },\n })\n\n const isSharedWithMe =\n image?.visibility === IMAGE_VISIBILITY.SHARED && image?.owner !== undefined && image?.owner !== projectId\n\n const { data: myMemberData } = trpcReact.compute.getImageMember.useQuery(\n { project_id: projectId, imageId: imageId, memberId: projectId },\n { enabled: isSharedWithMe && !!imageId && !!projectId }\n )\n\n const updateMemberMutation = trpcReact.compute.updateImageMember.useMutation({\n onSuccess: () => {\n utils.compute.getImageMember.invalidate({ project_id: projectId, imageId: imageId, memberId: projectId })\n utils.compute.listImageMembers.invalidate({ project_id: projectId, imageId: imageId })\n utils.compute.listImagesWithPagination.invalidate()\n utils.compute.listSharedImagesByMemberStatus.invalidate()\n },\n })\n\n const handleMemberStatusChange = async (newStatus: MemberStatus) => {\n try {\n await updateMemberMutation.mutateAsync({ project_id: projectId, imageId, memberId: projectId, status: newStatus })\n const { message, ...options } = getImageAccessStatusUpdatedToast(newStatus)\n toast.info(message, options)\n } catch (error) {\n const errorMessage = (error as TRPCClientError<InferrableClientTypes>)?.message\n const { message, ...options } = getImageAccessStatusErrorToast(errorMessage)\n toast.error(message, options)\n }\n }\n\n const handleBack = () => {\n navigate({\n to: \"/projects/$projectId/compute/images\",\n params: { projectId },\n })\n }\n\n const isLoading =\n updateImageMutation.isPending ||\n deleteImageMutation.isPending ||\n deactivateImageMutation.isPending ||\n reactivateImageMutation.isPending ||\n updateImageVisibilityMutation.isPending\n\n const convertToJsonPatchOperations = (\n updatedProperties: Partial<GlanceImage>,\n originalImage: GlanceImage\n ): Array<{ op: \"add\" | \"replace\" | \"remove\"; path: string; value?: unknown }> => {\n const operations: Array<{ op: \"add\" | \"replace\" | \"remove\"; path: string; value?: unknown }> = []\n Object.entries(updatedProperties).forEach(([key, value]) => {\n const path = `/${key}`\n if (value === null || value === undefined) {\n if (key in originalImage) operations.push({ op: \"remove\", path })\n } else {\n const propertyExists = key in originalImage\n operations.push({ op: propertyExists ? \"replace\" : \"add\", path, value })\n }\n })\n return operations\n }\n\n const handleSaveEdit = async (updatedProperties: Partial<GlanceImage>): Promise<boolean> => {\n if (!image) return false\n const operations = convertToJsonPatchOperations(updatedProperties, image)\n try {\n await updateImageMutation.mutateAsync({ project_id: projectId, imageId, operations })\n setEditDetailsModalOpen(false)\n const { message, ...options } = getImageUpdatedToast(String(image.name ?? image.id))\n toast.success(message, options)\n return true\n } catch {\n return false\n }\n }\n\n const handleDelete = async (deletedImage: GlanceImage) => {\n try {\n await deleteImageMutation.mutateAsync({ project_id: projectId, imageId: deletedImage.id })\n setDeleteModalOpen(false)\n handleBack()\n } catch {\n setDeleteModalOpen(false)\n }\n }\n\n const handleActivate = async (img: GlanceImage) => {\n try {\n await reactivateImageMutation.mutateAsync({ project_id: projectId, imageId: img.id })\n setActivateModalOpen(false)\n const { message, ...options } = getImageActivatedToast(String(img.name ?? img.id))\n toast.success(message, options)\n } catch (error) {\n setActivateModalOpen(false)\n const { message, ...options } = getImageActivationErrorToast(img.id, (error as Error)?.message ?? \"\")\n toast.error(message, options)\n }\n }\n\n const handleDeactivate = async (img: GlanceImage) => {\n try {\n await deactivateImageMutation.mutateAsync({ project_id: projectId, imageId: img.id })\n setDeactivateModalOpen(false)\n const { message, ...options } = getImageDeactivatedToast(String(img.name ?? img.id))\n toast.success(message, options)\n } catch (error) {\n setDeactivateModalOpen(false)\n const { message, ...options } = getImageDeactivationErrorToast(img.id, (error as Error)?.message ?? \"\")\n toast.error(message, options)\n }\n }\n\n const handleUpdateVisibility = async (newVisibility: \"public\" | \"private\" | \"shared\" | \"community\") => {\n if (!image) return\n try {\n await updateImageVisibilityMutation.mutateAsync({\n project_id: projectId,\n imageId: image.id,\n visibility: newVisibility,\n })\n const { message, ...options } = getImageVisibilityUpdatedToast(String(image.name ?? image.id), newVisibility)\n toast.success(message, options)\n } catch (error) {\n const { message, ...options } = getImageVisibilityUpdateErrorToast(\n String(image.name ?? image.id),\n (error as Error)?.message ?? \"\"\n )\n toast.error(message, options)\n }\n }\n\n // Handle loading state\n if (status === \"pending\") {\n return <Status status=\"progress\" title={t`Loading Image Details...`} />\n }\n\n // Handle error state\n if (status === \"error\") {\n const errorMessage = error?.message || \"Unknown error\"\n\n return (\n <Stack className=\"fixed inset-0\" distribution=\"center\" alignment=\"center\" direction=\"vertical\" gap=\"5\">\n <p className=\"text-theme-error font-semibold\">\n <Trans>Error loading image</Trans>\n </p>\n <p className=\"text-theme-highest\">{errorMessage}</p>\n <Button onClick={handleBack} variant=\"primary\">\n <Trans>Back to Images</Trans>\n </Button>\n </Stack>\n )\n }\n\n // Handle no data state\n if (!image) {\n return (\n <Stack className=\"fixed inset-0\" distribution=\"center\" alignment=\"center\" direction=\"vertical\" gap=\"5\">\n <p className=\"text-theme-highest\">\n <Trans>Image not found</Trans>\n </p>\n <Button onClick={handleBack} variant=\"primary\">\n <Trans>Back to Images</Trans>\n </Button>\n </Stack>\n )\n }\n\n const isDeactivated = image.status === IMAGE_STATUSES.DEACTIVATED\n const isPrivate = image.visibility === IMAGE_VISIBILITY.PRIVATE\n const isMemberAccepted = myMemberData?.status === \"accepted\"\n const isImageOwner = image.owner === projectId\n\n const canRejectSharedImage = isSharedWithMe && isMemberAccepted && permissions.canUpdateMember\n const canUpdateOwnImage = !isSharedWithMe && permissions.canUpdate\n const canDeleteOwnImage = !isSharedWithMe && permissions.canDelete && !image.protected\n const canManageSharing =\n !isSharedWithMe &&\n isImageOwner &&\n image.visibility === IMAGE_VISIBILITY.SHARED &&\n (permissions.canCreateMember || permissions.canDeleteMember)\n\n const hasMoreActions = canRejectSharedImage || canUpdateOwnImage || canDeleteOwnImage || canManageSharing\n\n const headerActions = (hasMoreActions || (!isSharedWithMe && permissions.canUpdate)) && (\n <Stack gap=\"0.5\" alignment=\"center\">\n {(hasMoreActions || (!isSharedWithMe && permissions.canUpdate)) && (\n <PopupMenu className=\"flex items-center\">\n <PopupMenuToggle as=\"div\">\n <Button icon=\"moreVert\" title={t`More Actions`} disabled={isLoading} />\n </PopupMenuToggle>\n <PopupMenuOptions>\n {!isSharedWithMe && permissions.canUpdate && (\n <PopupMenuItem\n onClick={() => setEditMetadataModalOpen(true)}\n label={t`Edit Metadata`}\n disabled={isLoading}\n />\n )}\n {canRejectSharedImage && (\n <PopupMenuItem label={t`Reject`} onClick={() => handleMemberStatusChange(\"rejected\")} />\n )}\n {!isSharedWithMe && permissions.canUpdate && (\n <PopupMenuItem\n label={isDeactivated ? t`Activate` : t`Deactivate`}\n onClick={() => (isDeactivated ? setActivateModalOpen(true) : setDeactivateModalOpen(true))}\n />\n )}\n {!isSharedWithMe && permissions.canUpdate && isPrivate && (\n <PopupMenuItem label={t`Set to \"Shared\"`} onClick={() => handleUpdateVisibility(\"shared\")} />\n )}\n {!isSharedWithMe &&\n isImageOwner &&\n image.visibility === IMAGE_VISIBILITY.SHARED &&\n (permissions.canCreateMember || permissions.canDeleteMember) && (\n <PopupMenuItem\n label={t`Manage Access`}\n onClick={() =>\n navigate({\n to: \"/projects/$projectId/compute/images/$imageId\",\n params: { projectId, imageId: image.id },\n search: { tab: \"sharing\" },\n })\n }\n />\n )}\n {!isSharedWithMe && permissions.canDelete && !image.protected && (\n <PopupMenuItem label={t`Delete`} onClick={() => setDeleteModalOpen(true)} />\n )}\n </PopupMenuOptions>\n </PopupMenu>\n )}\n\n {!isSharedWithMe && permissions.canUpdate && (\n <Button onClick={() => setEditDetailsModalOpen(true)} variant=\"primary\" disabled={isLoading}>\n <Trans>Edit Details</Trans>\n </Button>\n )}\n </Stack>\n )\n\n // Render success state\n return (\n <>\n <ContentHeader title={String(image.name ?? image.id)} projectId={projectId} actions={headerActions} />\n\n <div className=\"mt-3\">\n <ImageDetailsView\n key={image.id}\n image={image}\n currentProjectId={projectId}\n activeTab={tab ?? \"details\"}\n onTabChange={(newTab) =>\n navigate({\n search: { tab: newTab === \"details\" ? undefined : newTab } as unknown as true,\n })\n }\n permissions={{\n canCreateMember: permissions.canCreateMember,\n canDeleteMember: permissions.canDeleteMember,\n canUpdateMember: permissions.canUpdateMember,\n }}\n myMemberData={myMemberData}\n onMemberStatusChange={handleMemberStatusChange}\n isMemberStatusChanging={updateMemberMutation.isPending}\n />\n </div>\n\n {editDetailsModalOpen && (\n <EditImageDetailsModal\n image={image}\n isOpen={editDetailsModalOpen}\n isLoading={updateImageMutation.isPending}\n onClose={() => setEditDetailsModalOpen(false)}\n onSave={handleSaveEdit}\n />\n )}\n\n {editMetadataModalOpen && (\n <EditImageMetadataModal\n image={image}\n isOpen={editMetadataModalOpen}\n isLoading={updateImageMutation.isPending}\n onClose={() => setEditMetadataModalOpen(false)}\n onSave={handleSaveEdit}\n />\n )}\n\n {deleteModalOpen && (\n <DeleteImageModal\n image={image}\n isOpen={deleteModalOpen}\n isLoading={deleteImageMutation.isPending}\n isDisabled={!!image.protected}\n onClose={() => setDeleteModalOpen(false)}\n onDelete={handleDelete}\n />\n )}\n\n {activateModalOpen && (\n <ActivateImageModal\n image={image}\n isOpen={activateModalOpen}\n isLoading={reactivateImageMutation.isPending}\n onClose={() => setActivateModalOpen(false)}\n onActivate={handleActivate}\n />\n )}\n\n {deactivateModalOpen && (\n <DeactivateImageModal\n image={image}\n isOpen={deactivateModalOpen}\n isLoading={deactivateImageMutation.isPending}\n onClose={() => setDeactivateModalOpen(false)}\n onDeactivate={handleDeactivate}\n />\n )}\n </>\n )\n}\n"],"mappings":"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"}

package/dist/client/{_securityGroupId-D85mSigA.mjs → _securityGroupId-C6eHmrx_.mjs} RENAMED Viewed

@@ -14,7 +14,7 @@ var i = t("/_auth/projects/$projectId/network/securitygroups/$securityGroupId/")
 		return { sgTitle: n?.name || n?.id || null };
 	},
 	head: ({ loaderData: e }) => ({ meta: [{ title: e?.sgTitle ?? "Security Group" }] }),
-	component: n(() => import("./_securityGroupId-C5huJNfO.mjs"), "component"),
+	component: n(() => import("./_securityGroupId-DmplhDgt.mjs"), "component"),
 	beforeLoad: async ({ context: t, params: n }) => {
 		let { trpcClient: i } = t, a = await i?.auth.getAvailableServices.query() || [], o = e(a);
 		if (!o.network || !o.network.neutron) throw r({
@@ -26,4 +26,4 @@ var i = t("/_auth/projects/$projectId/network/securitygroups/$securityGroupId/")
 //#endregion
 export { i as t };
-//# sourceMappingURL=_securityGroupId-D85mSigA.mjs.map
+//# sourceMappingURL=_securityGroupId-C6eHmrx_.mjs.map