npm - @cobaltcore-dev/aurora - Versions diffs - 2.1.0 → 2.1.1 - Mend

@cobaltcore-dev/aurora 2.1.0 → 2.1.1

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 (54) hide show

package/dist/client/_imageId-CiqEQB_J.mjs.map DELETED Viewed

@@ -1 +0,0 @@

- {"version":3,"file":"_imageId-CiqEQB_J.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","PopupMenuSectionSeparator","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","RouteIdLevelDefaultError","ImageErrorComponent","t","navigate","projectId","Route","to","params","RouteComponent","imageId","from","tab","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","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 PopupMenuSectionSeparator,\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\"\nimport { RouteIdLevelDefaultError } from \"@/client/components/Errors/RouteIdLevelDefaultError\"\n\nfunction ImageErrorComponent() {\n const { t } = useLingui()\n const navigate = useNavigate()\n const { projectId } = Route.useParams()\n\n return (\n <RouteIdLevelDefaultError\n action={\n <Button\n variant=\"primary\"\n onClick={() => navigate({ to: \"/projects/$projectId/compute/images\", params: { projectId } })}\n >\n {t`Back to Images`}\n </Button>\n }\n />\n )\n}\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 errorComponent: ImageErrorComponent,\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 || t`Unknown Error`\n\n return (\n <RouteIdLevelDefaultError\n errorTitle={t`Error Loading Image`}\n errorDescription={errorMessage}\n action={\n <Button onClick={handleBack} variant=\"primary\">\n <Trans>Back to Images</Trans>\n </Button>\n }\n />\n )\n }\n\n // Handle no data state\n if (!image) {\n return <ImageErrorComponent />\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 <>\n <PopupMenuItem\n label={isDeactivated ? t`Activate` : t`Deactivate`}\n onClick={() => (isDeactivated ? setActivateModalOpen(true) : setDeactivateModalOpen(true))}\n />\n <PopupMenuItem\n onClick={() => setEditMetadataModalOpen(true)}\n label={t`Edit Metadata`}\n disabled={isLoading}\n />\n </>\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 {canRejectSharedImage && (\n <PopupMenuItem label={t`Reject`} onClick={() => handleMemberStatusChange(\"rejected\")} />\n )}\n {!isSharedWithMe && permissions.canUpdate && isPrivate && (\n <PopupMenuItem label={t`Set to \"Shared\"`} onClick={() => handleUpdateVisibility(\"shared\")} />\n )}\n {!isSharedWithMe && permissions.canDelete && !image.protected && (\n <>\n <PopupMenuSectionSeparator />\n <PopupMenuItem label={t`Delete`} onClick={() => setDeleteModalOpen(true)} />\n </>\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/_imageId-D9LR-02T.mjs.map DELETED Viewed

@@ -1 +0,0 @@

- {"version":3,"file":"_imageId-D9LR-02T.mjs","names":["Button","useNavigate","useLingui","GlanceImage","MemberStatus","RouteIdLevelDefaultError","ImageErrorComponent","t","navigate","projectId","Route","useParams","to","params","errorComponent"],"sources":["../../src/client/routes/_auth/projects/$projectId/compute/images/$imageId.tsx?tsr-split=errorComponent"],"sourcesContent":["import {\n Button,\n Stack,\n Status,\n PopupMenu,\n PopupMenuToggle,\n PopupMenuOptions,\n PopupMenuItem,\n PopupMenuSectionSeparator,\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\"\nimport { RouteIdLevelDefaultError } from \"@/client/components/Errors/RouteIdLevelDefaultError\"\n\nfunction ImageErrorComponent() {\n const { t } = useLingui()\n const navigate = useNavigate()\n const { projectId } = Route.useParams()\n\n return (\n <RouteIdLevelDefaultError\n action={\n <Button\n variant=\"primary\"\n onClick={() => navigate({ to: \"/projects/$projectId/compute/images\", params: { projectId } })}\n >\n {t`Back to Images`}\n </Button>\n }\n />\n )\n}\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 errorComponent: ImageErrorComponent,\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 || t`Unknown Error`\n\n return (\n <RouteIdLevelDefaultError\n errorTitle={t`Error Loading Image`}\n errorDescription={errorMessage}\n action={\n <Button onClick={handleBack} variant=\"primary\">\n <Trans>Back to Images</Trans>\n </Button>\n }\n />\n )\n }\n\n // Handle no data state\n if (!image) {\n return <ImageErrorComponent />\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 <>\n <PopupMenuItem\n label={isDeactivated ? t`Activate` : t`Deactivate`}\n onClick={() => (isDeactivated ? setActivateModalOpen(true) : setDeactivateModalOpen(true))}\n />\n <PopupMenuItem\n onClick={() => setEditMetadataModalOpen(true)}\n label={t`Edit Metadata`}\n disabled={isLoading}\n />\n </>\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 {canRejectSharedImage && (\n <PopupMenuItem label={t`Reject`} onClick={() => handleMemberStatusChange(\"rejected\")} />\n )}\n {!isSharedWithMe && permissions.canUpdate && isPrivate && (\n <PopupMenuItem label={t`Set to \"Shared\"`} onClick={() => handleUpdateVisibility(\"shared\")} />\n )}\n {!isSharedWithMe && permissions.canDelete && !image.protected && (\n <>\n <PopupMenuSectionSeparator />\n <PopupMenuItem label={t`Delete`} onClick={() => setDeleteModalOpen(true)} />\n </>\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":";;;;;;;AA2CA,SAASM,IAAAA;CACP,IAAM,EAAA,MAAA,GAAA,GAAA,MAAQJ,EAAAA,GACRM,IAAWP,EAAAA,GACX,EAAEQ,iBAAcC,EAAMC,UAAS;CAErC,OACE,gBAAC,GAAA,EACC,QACE,gBAAC,GAAA;EACC,SAAQ;EACR,eAAeH,EAAS;GAAEI,IAAI;GAAuCC,QAAQ,EAAEJ,aAAU;EAAE,CAAA;EAE1FF,UAAAA,EAAAA,EAAC,EAAA,IAAA,SAAA,CAAA;;AAKZ"}