@cobaltcore-dev/aurora 2.1.0 → 2.1.1

package/dist/client/{_flavorId-B7fp6Nk8.mjs.map → _flavorId-CZcIp0Ih.mjs.map}

@@ -1 +1 @@
-{"version":3,"file":"_flavorId-B7fp6Nk8.mjs","names":["Button","useNavigate","useLingui","RouteIdLevelDefaultError","FlavorErrorComponent","t","navigate","projectId","Route","useParams","to","params","errorComponent"],"sources":["../../src/client/routes/_auth/projects/$projectId/compute/flavors/$flavorId.tsx?tsr-split=errorComponent"],"sourcesContent":["import {\n  Button,\n  ButtonRow,\n  Stack,\n  PopupMenu,\n  PopupMenuToggle,\n  PopupMenuOptions,\n  PopupMenuItem,\n  PopupMenuSectionSeparator,\n  Container,\n  Status,\n} from \"@cloudoperators/juno-ui-components/index\"\nimport { createFileRoute, redirect, useNavigate, useParams } from \"@tanstack/react-router\"\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 { FlavorDetailsView } from \"./-components/FlavorDetailsView\"\nimport { useErrorTranslation } from \"@/client/utils/useErrorTranslation\"\nimport { EditSpecModal } from \"./-components/EditSpecModal\"\nimport { ManageAccessModal } from \"./-components/ManageAccessModal\"\nimport { DeleteFlavorModal } from \"./-components/DeleteFlavorModal\"\nimport { useModal } from \"@/client/utils/useModal\"\nimport { ContentHeader } from \"@/client/components/ContentHeader/ContentHeader\"\nimport { RouteIdLevelDefaultError } from \"@/client/components/Errors/RouteIdLevelDefaultError\"\n\nfunction FlavorErrorComponent() {\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/flavors\", params: { projectId } })}\n        >\n          {t`Back to Flavors`}\n        </Button>\n      }\n    />\n  )\n}\n\nexport const Route = createFileRoute(\"/_auth/projects/$projectId/compute/flavors/$flavorId\")({\n  staticData: {\n    section: \"compute\",\n    service: \"flavors\",\n    analytics: {\n      name: \"compute.flavors.detail\",\n    },\n  } satisfies RouteInfo,\n  loader: async ({ context, params }) => {\n    const flavor = await context.trpcClient?.compute.getFlavorById.query({\n      project_id: params.projectId,\n      flavorId: params.flavorId,\n    })\n    return { flavorName: flavor?.name ?? null }\n  },\n  head: ({ loaderData }) => ({\n    meta: [{ title: loaderData?.flavorName ?? \"Flavor 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    if (!serviceIndex[\"flavor\"] && !serviceIndex[\"compute\"]) {\n      throw redirect({\n        to: \"/projects/$projectId\",\n        params: { projectId },\n      })\n    }\n  },\n  errorComponent: FlavorErrorComponent,\n})\n\nfunction RouteComponent() {\n  const { projectId, flavorId } = useParams({\n    from: \"/_auth/projects/$projectId/compute/flavors/$flavorId\",\n  })\n  const { trpcClient } = Route.useRouteContext()\n  const navigate = useNavigate()\n  const { t } = useLingui()\n  const { translateError, isRetryableError } = useErrorTranslation()\n  const utils = trpcReact.useUtils()\n\n  const {\n    data: flavor,\n    status,\n    error,\n    refetch,\n  } = trpcReact.compute.getFlavorById.useQuery({\n    project_id: projectId,\n    flavorId,\n  })\n\n  useSetBreadcrumb(Route.id, flavor?.name)\n\n  const { data: permissionsData } = trpcReact.compute.canUser.useQuery({\n    project_id: projectId,\n    permission: [\n      \"flavors:delete\",\n      \"flavors:add_project\",\n      \"flavors:remove_project\",\n      \"flavor_specs:list\",\n      \"flavor_specs:create\",\n      \"flavor_specs:delete\",\n    ],\n  })\n\n  const canDeleteFlavor = permissionsData?.[0] ?? false\n  const canManageAccess = (permissionsData?.[1] ?? false) || (permissionsData?.[2] ?? false)\n  const canListSpecs = permissionsData?.[3] ?? false\n  const canManageSpecs = (permissionsData?.[4] ?? false) || (permissionsData?.[5] ?? false)\n\n  const [specModalOpen, toggleSpecModal] = useModal()\n  const [accessModalOpen, toggleAccessModal] = useModal()\n  const [deleteModalOpen, toggleDeleteModal] = useModal()\n\n  const handleSpecModalClose = () => {\n    toggleSpecModal()\n    utils.compute.getExtraSpecs.invalidate({ project_id: projectId, flavorId })\n  }\n\n  const handleBack = () => {\n    navigate({\n      to: \"/projects/$projectId/compute/flavors\",\n      params: { projectId },\n    })\n  }\n\n  const handleHome = () => {\n    navigate({\n      to: \"/projects/$projectId\",\n      params: { projectId },\n    })\n  }\n\n  const handleRetry = () => {\n    refetch()\n  }\n\n  if (status === \"pending\") {\n    return <Status status=\"progress\" title={t`Loading Flavor Details...`} />\n  }\n\n  if (status === \"error\") {\n    const errorCode = error?.message || \"UNKNOWN_ERROR\"\n    const translatedError = translateError(errorCode)\n    const canRetry = isRetryableError(errorCode)\n\n    const getStatusCode = (code: string): number | undefined => {\n      if (code.includes(\"UNAUTHORIZED\")) return 401\n      if (code.includes(\"FORBIDDEN\")) return 403\n      if (code.includes(\"NOT_FOUND\")) return 404\n      if (code.includes(\"SERVER_ERROR\")) return 500\n      return undefined\n    }\n\n    return (\n      <Container className=\"py-8\">\n        <Status\n          status=\"error\"\n          code={getStatusCode(errorCode)}\n          title={t`Error Loading Flavor`}\n          body={translatedError}\n          action={\n            <ButtonRow>\n              <Button variant=\"primary\" onClick={handleBack}>\n                <Trans>Back</Trans>\n              </Button>\n              <Button onClick={handleHome}>\n                <Trans>Home</Trans>\n              </Button>\n              {canRetry && (\n                <Button onClick={handleRetry}>\n                  <Trans>Try Again</Trans>\n                </Button>\n              )}\n            </ButtonRow>\n          }\n        />\n      </Container>\n    )\n  }\n\n  if (!flavor) {\n    return (\n      <Container className=\"py-8\">\n        <Status\n          status=\"error\"\n          code={404}\n          title={t`Flavor Not Found`}\n          body={t`The requested flavor could not be found. It may have been deleted or you may not have access to it.`}\n          action={\n            <ButtonRow>\n              <Button variant=\"primary\" onClick={handleBack}>\n                <Trans>Back</Trans>\n              </Button>\n              <Button onClick={handleHome}>\n                <Trans>Home</Trans>\n              </Button>\n            </ButtonRow>\n          }\n        />\n      </Container>\n    )\n  }\n\n  const isPublicFlavor = flavor[\"os-flavor-access:is_public\"] !== false\n  const hasPopupMenuItems = (canManageAccess && !isPublicFlavor) || canDeleteFlavor\n  const canEditMetadata = canManageSpecs && canListSpecs\n  const hasMoreActions = hasPopupMenuItems || canEditMetadata\n\n  const headerActions = hasMoreActions ? (\n    <Stack gap=\"0.5\" alignment=\"center\">\n      {hasPopupMenuItems && (\n        <PopupMenu>\n          <PopupMenuToggle as=\"div\">\n            <Button icon=\"moreVert\" title={t`More Actions`} aria-label={t`More Actions`} />\n          </PopupMenuToggle>\n          <PopupMenuOptions>\n            {canManageAccess && !isPublicFlavor && (\n              <PopupMenuItem label={t`Manage Access`} onClick={toggleAccessModal} />\n            )}\n            {canDeleteFlavor && (\n              <>\n                <PopupMenuSectionSeparator />\n                <PopupMenuItem label={t`Delete Flavor`} onClick={toggleDeleteModal} />\n              </>\n            )}\n          </PopupMenuOptions>\n        </PopupMenu>\n      )}\n      {canEditMetadata && (\n        <Button variant=\"primary\" onClick={toggleSpecModal}>\n          <Trans>Edit Metadata</Trans>\n        </Button>\n      )}\n    </Stack>\n  ) : undefined\n\n  return (\n    <>\n      <ContentHeader title={flavor.name} projectId={projectId} actions={headerActions} />\n      <Stack direction=\"vertical\">\n        <FlavorDetailsView flavor={flavor} canListSpecs={canListSpecs} />\n      </Stack>\n\n      {trpcClient && (\n        <>\n          {specModalOpen && (\n            <EditSpecModal\n              client={trpcClient}\n              isOpen={specModalOpen}\n              onClose={handleSpecModalClose}\n              project={projectId}\n              flavor={flavor}\n            />\n          )}\n\n          {accessModalOpen && (\n            <ManageAccessModal\n              client={trpcClient}\n              isOpen={accessModalOpen}\n              onClose={toggleAccessModal}\n              project={projectId}\n              flavor={flavor}\n            />\n          )}\n\n          {deleteModalOpen && (\n            <DeleteFlavorModal\n              client={trpcClient}\n              isOpen={deleteModalOpen}\n              onClose={toggleDeleteModal}\n              project={projectId}\n              flavor={flavor}\n              onSuccess={handleBack}\n            />\n          )}\n        </>\n      )}\n    </>\n  )\n}\n"],"mappings":";;;;;;;AA2BA,SAASI,IAAAA;CACP,IAAM,EAAA,MAAA,GAAA,GAAA,MAAQF,EAAAA,GACRI,IAAWL,EAAAA,GACX,EAAEM,iBAAcC,EAAMC,UAAS;CAErC,OACE,gBAAC,GAAA,EACC,QACE,gBAAC,GAAA;EACC,SAAQ;EACR,eAAeH,EAAS;GAAEI,IAAI;GAAwCC,QAAQ,EAAEJ,aAAU;EAAE,CAAA;EAE3FF,UAAAA,EAAAA,EAAC,EAAA,IAAA,SAAA,CAAA;;AAKZ"}
+{"version":3,"file":"_flavorId-CZcIp0Ih.mjs","names":["Button","useNavigate","useLingui","RouteIdLevelDefaultError","FlavorErrorComponent","t","navigate","projectId","Route","useParams","to","params","errorComponent"],"sources":["../../src/client/routes/_auth/projects/$projectId/compute/flavors/$flavorId.tsx?tsr-split=errorComponent"],"sourcesContent":["import {\n  Button,\n  ButtonRow,\n  Stack,\n  PopupMenu,\n  PopupMenuToggle,\n  PopupMenuOptions,\n  PopupMenuItem,\n  PopupMenuSectionSeparator,\n  Container,\n  Status,\n} from \"@cloudoperators/juno-ui-components/index\"\nimport { createFileRoute, redirect, useNavigate, useParams } from \"@tanstack/react-router\"\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 { FlavorDetailsView } from \"./-components/FlavorDetailsView\"\nimport { useErrorTranslation } from \"@/client/utils/useErrorTranslation\"\nimport { EditSpecModal } from \"./-components/EditSpecModal\"\nimport { ManageAccessModal } from \"./-components/ManageAccessModal\"\nimport { DeleteFlavorModal } from \"./-components/DeleteFlavorModal\"\nimport { useModal } from \"@/client/utils/useModal\"\nimport { ContentHeader } from \"@/client/components/ContentHeader/ContentHeader\"\nimport { RouteIdLevelDefaultError } from \"@/client/components/Errors/RouteIdLevelDefaultError\"\n\nfunction FlavorErrorComponent() {\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/flavors\", params: { projectId } })}\n        >\n          {t`Back to Flavors`}\n        </Button>\n      }\n    />\n  )\n}\n\nexport const Route = createFileRoute(\"/_auth/projects/$projectId/compute/flavors/$flavorId\")({\n  staticData: {\n    section: \"compute\",\n    service: \"flavors\",\n    analytics: {\n      name: \"compute.flavors.detail\",\n    },\n  } satisfies RouteInfo,\n  loader: async ({ context, params }) => {\n    const flavor = await context.trpcClient?.compute.getFlavorById.query({\n      project_id: params.projectId,\n      flavorId: params.flavorId,\n    })\n    return { flavorName: flavor?.name ?? null }\n  },\n  head: ({ loaderData }) => ({\n    meta: [{ title: loaderData?.flavorName ?? \"Flavor 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    if (!serviceIndex[\"flavor\"] && !serviceIndex[\"compute\"]) {\n      throw redirect({\n        to: \"/projects/$projectId\",\n        params: { projectId },\n      })\n    }\n  },\n  errorComponent: FlavorErrorComponent,\n})\n\nfunction RouteComponent() {\n  const { projectId, flavorId } = useParams({\n    from: \"/_auth/projects/$projectId/compute/flavors/$flavorId\",\n  })\n  const { trpcClient } = Route.useRouteContext()\n  const navigate = useNavigate()\n  const { t } = useLingui()\n  const { translateError, isRetryableError } = useErrorTranslation()\n  const utils = trpcReact.useUtils()\n\n  const {\n    data: flavor,\n    status,\n    error,\n    refetch,\n  } = trpcReact.compute.getFlavorById.useQuery({\n    project_id: projectId,\n    flavorId,\n  })\n\n  useSetBreadcrumb(Route.id, flavor?.name)\n\n  const { data: permissionsData } = trpcReact.compute.canUser.useQuery({\n    project_id: projectId,\n    permission: [\n      \"flavors:delete\",\n      \"flavors:add_project\",\n      \"flavors:remove_project\",\n      \"flavor_specs:list\",\n      \"flavor_specs:create\",\n      \"flavor_specs:delete\",\n    ],\n  })\n\n  const canDeleteFlavor = permissionsData?.[0] ?? false\n  const canManageAccess = (permissionsData?.[1] ?? false) || (permissionsData?.[2] ?? false)\n  const canListSpecs = permissionsData?.[3] ?? false\n  const canManageSpecs = (permissionsData?.[4] ?? false) || (permissionsData?.[5] ?? false)\n\n  const [specModalOpen, toggleSpecModal] = useModal()\n  const [accessModalOpen, toggleAccessModal] = useModal()\n  const [deleteModalOpen, toggleDeleteModal] = useModal()\n\n  const handleSpecModalClose = () => {\n    toggleSpecModal()\n    utils.compute.getExtraSpecs.invalidate({ project_id: projectId, flavorId })\n  }\n\n  const handleBack = () => {\n    navigate({\n      to: \"/projects/$projectId/compute/flavors\",\n      params: { projectId },\n    })\n  }\n\n  const handleHome = () => {\n    navigate({\n      to: \"/projects/$projectId\",\n      params: { projectId },\n    })\n  }\n\n  const handleRetry = () => {\n    refetch()\n  }\n\n  if (status === \"pending\") {\n    return <Status status=\"progress\" title={t`Loading Flavor Details...`} />\n  }\n\n  if (status === \"error\") {\n    const errorCode = error?.message || \"UNKNOWN_ERROR\"\n    const translatedError = translateError(errorCode)\n    const canRetry = isRetryableError(errorCode)\n\n    const getStatusCode = (code: string): number | undefined => {\n      if (code.includes(\"UNAUTHORIZED\")) return 401\n      if (code.includes(\"FORBIDDEN\")) return 403\n      if (code.includes(\"NOT_FOUND\")) return 404\n      if (code.includes(\"SERVER_ERROR\")) return 500\n      return undefined\n    }\n\n    return (\n      <Container className=\"py-8\">\n        <Status\n          status=\"error\"\n          code={getStatusCode(errorCode)}\n          title={t`Error Loading Flavor`}\n          body={translatedError}\n          action={\n            <ButtonRow>\n              <Button variant=\"primary\" onClick={handleBack}>\n                <Trans>Back</Trans>\n              </Button>\n              <Button onClick={handleHome}>\n                <Trans>Home</Trans>\n              </Button>\n              {canRetry && (\n                <Button onClick={handleRetry}>\n                  <Trans>Try Again</Trans>\n                </Button>\n              )}\n            </ButtonRow>\n          }\n        />\n      </Container>\n    )\n  }\n\n  if (!flavor) {\n    return (\n      <Container className=\"py-8\">\n        <Status\n          status=\"error\"\n          code={404}\n          title={t`Flavor Not Found`}\n          body={t`The requested flavor could not be found. It may have been deleted or you may not have access to it.`}\n          action={\n            <ButtonRow>\n              <Button variant=\"primary\" onClick={handleBack}>\n                <Trans>Back</Trans>\n              </Button>\n              <Button onClick={handleHome}>\n                <Trans>Home</Trans>\n              </Button>\n            </ButtonRow>\n          }\n        />\n      </Container>\n    )\n  }\n\n  const isPublicFlavor = flavor[\"os-flavor-access:is_public\"] !== false\n  const hasPopupMenuItems = (canManageAccess && !isPublicFlavor) || canDeleteFlavor\n  const canEditMetadata = canManageSpecs && canListSpecs\n  const hasMoreActions = hasPopupMenuItems || canEditMetadata\n\n  const headerActions = hasMoreActions ? (\n    <Stack gap=\"0.5\" alignment=\"center\">\n      {hasPopupMenuItems && (\n        <PopupMenu>\n          <PopupMenuToggle as=\"div\">\n            <Button icon=\"moreVert\" title={t`More Actions`} aria-label={t`More Actions`} />\n          </PopupMenuToggle>\n          <PopupMenuOptions>\n            {canManageAccess && !isPublicFlavor && (\n              <PopupMenuItem label={t`Manage Access`} onClick={toggleAccessModal} />\n            )}\n            {canDeleteFlavor && (\n              <>\n                <PopupMenuSectionSeparator />\n                <PopupMenuItem label={t`Delete Flavor`} onClick={toggleDeleteModal} />\n              </>\n            )}\n          </PopupMenuOptions>\n        </PopupMenu>\n      )}\n      {canEditMetadata && (\n        <Button variant=\"primary\" onClick={toggleSpecModal}>\n          <Trans>Edit Metadata</Trans>\n        </Button>\n      )}\n    </Stack>\n  ) : undefined\n\n  return (\n    <>\n      <ContentHeader title={flavor.name} projectId={projectId} actions={headerActions} />\n      <Stack direction=\"vertical\">\n        <FlavorDetailsView flavor={flavor} canListSpecs={canListSpecs} />\n      </Stack>\n\n      {trpcClient && (\n        <>\n          {specModalOpen && (\n            <EditSpecModal\n              client={trpcClient}\n              isOpen={specModalOpen}\n              onClose={handleSpecModalClose}\n              project={projectId}\n              flavor={flavor}\n            />\n          )}\n\n          {accessModalOpen && (\n            <ManageAccessModal\n              client={trpcClient}\n              isOpen={accessModalOpen}\n              onClose={toggleAccessModal}\n              project={projectId}\n              flavor={flavor}\n            />\n          )}\n\n          {deleteModalOpen && (\n            <DeleteFlavorModal\n              client={trpcClient}\n              isOpen={deleteModalOpen}\n              onClose={toggleDeleteModal}\n              project={projectId}\n              flavor={flavor}\n              onSuccess={handleBack}\n            />\n          )}\n        </>\n      )}\n    </>\n  )\n}\n"],"mappings":";;;;;;;AA2BA,SAASI,IAAAA;CACP,IAAM,EAAA,MAAA,GAAA,GAAA,MAAQF,EAAAA,GACRI,IAAWL,EAAAA,GACX,EAAEM,iBAAcC,EAAMC,UAAS;CAErC,OACE,gBAAC,GAAA,EACC,QACE,gBAAC,GAAA;EACC,SAAQ;EACR,eAAeH,EAAS;GAAEI,IAAI;GAAwCC,QAAQ,EAAEJ,aAAU;EAAE,CAAA;EAE3FF,UAAAA,EAAAA,EAAC,EAAA,IAAA,SAAA,CAAA;;AAKZ"}

package/dist/client/_imageId-BAezmV0Y.mjs

@@ -0,0 +1,526 @@
+import { A as e, B as t, D as n, E as r, M as i, Q as a, c as o, g as s, i as c, n as l, ot as u, r as d, rt as f, s as p, x as m } from "./build-WuxXRAqf.mjs";
+import { a as h, i as g } from "./trpcClient-D7gpR7YG.mjs";
+import { t as _ } from "./_imageId-D-jqz3e3.mjs";
+import { t as v } from "./RouteIdLevelDefaultError-DPF_x2tG.mjs";
+import { n as y, t as b } from "./ContentHeader-fKKZVu-o.mjs";
+import { t as ee } from "./useSetBreadcrumb-tn7lBaQV.mjs";
+import { A as te, C as ne, F as x, I as S, L as C, M as re, O as ie, R as w, S as ae, _ as oe, a as se, g as ce, i as le, j as ue, n as de, o as fe, r as pe, t as me, v as he, y as ge } from "./imageHelpers-DBhL2ebL.mjs";
+import { t as T } from "./TwoColumnDescriptionList-DKS42RKa.mjs";
+import { Fragment as E, jsx as D, jsxs as O } from "react/jsx-runtime";
+import k, { useState as A } from "react";
+import { useNavigate as j, useParams as _e } from "@tanstack/react-router";
+import { Trans as M, useLingui as N } from "@lingui/react";
+//#region src/client/routes/_auth/projects/$projectId/compute/images/-components/ImageDetailsView.tsx
+var P = ({ image: e, myMemberData: n, canUpdateMember: r, onStatusChange: a, isLoading: o }) => {
+	let { i18n: s, _: l } = N(), u = n.status === C.PENDING, d = n.status === C.REJECTED, f = n.created_at ? new Date(n.created_at).toLocaleString() : s._({ id: "fj5byd" }), p = n.updated_at ? new Date(n.updated_at).toLocaleString() : s._({ id: "fj5byd" }), m = e.owner ?? "";
+	return /*#__PURE__*/ O(t, { children: [
+		u && /*#__PURE__*/ D("p", {
+			className: "text-theme-highest font-semibold",
+			children: /*#__PURE__*/ D(M, { id: "/EcdUM" })
+		}),
+		/*#__PURE__*/ D("p", { children: /*#__PURE__*/ D(M, {
+			id: "Uwo8Xw",
+			values: {
+				ownerProject: m,
+				sharedAt: f
+			},
+			components: { 0: /*#__PURE__*/ D("span", { className: "font-semibold" }) }
+		}) }),
+		/*#__PURE__*/ O("ul", { children: [
+			/*#__PURE__*/ O("li", { children: [
+				/*#__PURE__*/ D("span", {
+					className: "font-semibold",
+					children: /*#__PURE__*/ D(M, { id: "azXlY+" })
+				}),
+				" ",
+				n.status
+			] }),
+			/*#__PURE__*/ O("li", { children: [
+				/*#__PURE__*/ D("span", {
+					className: "font-semibold",
+					children: /*#__PURE__*/ D(M, { id: "G6AP+o" })
+				}),
+				" ",
+				f
+			] }),
+			/*#__PURE__*/ O("li", { children: [
+				/*#__PURE__*/ D("span", {
+					className: "font-semibold",
+					children: /*#__PURE__*/ D(M, { id: "pFg+7w" })
+				}),
+				" ",
+				p
+			] })
+		] }),
+		r && (u || d || n.status === C.ACCEPTED) && /*#__PURE__*/ O(i, { children: [(u || d) && /*#__PURE__*/ D(c, {
+			onClick: () => a(C.ACCEPTED),
+			disabled: o,
+			children: /*#__PURE__*/ D(M, { id: "g3UF2V" })
+		}), (u || n.status === C.ACCEPTED) && /*#__PURE__*/ D(c, {
+			onClick: () => a(C.REJECTED),
+			disabled: o,
+			children: /*#__PURE__*/ D(M, { id: "1t/NnN" })
+		})] })
+	] });
+}, F = ({ image: t }) => {
+	let { i18n: n, _: r } = N(), i = [
+		{
+			label: n._({ id: "S0kLOH" }),
+			value: /*#__PURE__*/ D(y, { text: t.id })
+		},
+		{
+			label: n._({ id: "6YtxFj" }),
+			value: t.name
+		},
+		{
+			label: n._({ id: "uAQUqI" }),
+			value: t.status
+		},
+		{
+			label: n._({ id: "Cj2Gtd" }),
+			value: /*#__PURE__*/ D(w, { size: t.size })
+		},
+		{
+			label: n._({ id: "Cxgv2U" }),
+			value: `${t.min_disk} GB`
+		},
+		{
+			label: n._({ id: "B2Czeb" }),
+			value: `${t.min_ram} MB`
+		},
+		{
+			label: n._({ id: "NopYGU" }),
+			value: /*#__PURE__*/ D("span", {
+				className: "uppercase",
+				children: t.disk_format
+			})
+		},
+		{
+			label: n._({ id: "6/xipy" }),
+			value: /*#__PURE__*/ D("span", {
+				className: "uppercase",
+				children: t.container_format
+			})
+		},
+		{
+			label: n._({ id: "88kg0+" }),
+			value: t.created_at ? new Date(t.created_at).toLocaleDateString() : n._({ id: "fj5byd" })
+		},
+		{
+			label: n._({ id: "Llcakz" }),
+			value: t.updated_at ? new Date(t.updated_at).toLocaleDateString() : n._({ id: "fj5byd" })
+		}
+	];
+	return /*#__PURE__*/ O(e, {
+		px: !1,
+		py: !0,
+		children: [/*#__PURE__*/ D("h2", { children: n._({ id: "nW/hX9" }) }), /*#__PURE__*/ D(T, { items: i })]
+	});
+}, I = ({ image: t, isSharedWithMe: n = !1 }) => {
+	let { i18n: r, _: i } = N(), a = [
+		{
+			label: n ? r._({ id: "20axE5" }) : r._({ id: "YsrbQh" }),
+			value: t.owner ? /*#__PURE__*/ D(y, { text: t.owner }) : ""
+		},
+		{
+			label: r._({ id: "2q/Q7x" }),
+			value: t.visibility
+		},
+		{
+			label: r._({ id: "644xgx" }),
+			value: t.protected ? r._({ id: "l75CjT" }) : r._({ id: "1UzENP" })
+		},
+		{
+			label: r._({ id: "PzgYM9" }),
+			value: t?.checksum ? t.checksum : ""
+		}
+	];
+	return /*#__PURE__*/ O(e, {
+		px: !1,
+		py: !0,
+		children: [/*#__PURE__*/ D("h2", { children: r._({ id: "a3LDKx" }) }), /*#__PURE__*/ D(T, { items: a })]
+	});
+}, L = ({ image: t }) => {
+	let { i18n: n, _: i } = N(), a = /* @__PURE__ */ new Set([
+		"id",
+		"name",
+		"status",
+		"visibility",
+		"size",
+		"disk_format",
+		"container_format",
+		"min_disk",
+		"min_ram",
+		"owner",
+		"protected",
+		"created_at",
+		"updated_at",
+		"checksum"
+	]), o = Object.entries(t).filter(([e]) => !a.has(e)).sort(([e], [t]) => e.localeCompare(t)), s = o.length > 0;
+	return /*#__PURE__*/ O(e, {
+		px: !1,
+		py: !0,
+		children: [/*#__PURE__*/ D("h2", { children: n._({ id: "6GBt0m" }) }), s ? /*#__PURE__*/ D(p, { children: o.map(([e, t]) => /*#__PURE__*/ O(k.Fragment, { children: [/*#__PURE__*/ D(l, { children: e }), /*#__PURE__*/ D(r, { children: t == null ? /*#__PURE__*/ D("span", { children: "null" }) : typeof t == "object" ? /*#__PURE__*/ D("span", {
+			className: "break-all",
+			children: JSON.stringify(t)
+		}) : typeof t == "boolean" ? t ? n._({ id: "c+xCSz" }) : n._({ id: "ocUvR+" }) : /*#__PURE__*/ D("span", {
+			className: "break-all",
+			children: String(t)
+		}) })] }, e)) }) : /*#__PURE__*/ D("p", {
+			className: "text-theme-light",
+			children: n._({ id: "9v5VLp" })
+		})]
+	});
+}, ve = ({ image: e, isSharedWithMe: t = !1, permissions: n, myMemberData: r, onMemberStatusChange: i, isMemberStatusChanging: o, actions: s }) => /*#__PURE__*/ O(a, {
+	direction: "vertical",
+	gap: "6",
+	children: [
+		t && r && i && /*#__PURE__*/ D(P, {
+			image: e,
+			myMemberData: r,
+			canUpdateMember: n?.canUpdateMember ?? !1,
+			onStatusChange: i,
+			isLoading: o ?? !1
+		}),
+		s,
+		/*#__PURE__*/ D(F, { image: e }),
+		/*#__PURE__*/ D(I, {
+			image: e,
+			isSharedWithMe: t
+		}),
+		/*#__PURE__*/ D(L, { image: e })
+	]
+});
+//#endregion
+//#region src/client/routes/_auth/projects/$projectId/compute/images/-hooks/useImageActions.ts
+function ye({ image: e, projectId: t, permissions: n, myMemberData: r }) {
+	let i = e.visibility === S.SHARED && !!r, a = e.owner === t, o = i && r?.status === "pending", s = i && r?.status === "accepted", c = e.status === x.DEACTIVATED, l = e.visibility === S.PRIVATE, u = e.visibility === S.SHARED, d = !!e.protected, f = a && n.canUpdate, p = a && n.canUpdate, m = a && n.canDelete && !d, h = o && !a && n.canUpdateMember, g = (o || s) && !a && n.canUpdateMember, _ = a && u && (n.canCreateMember || n.canDeleteMember), v = a && l && n.canUpdate, y = a && c && n.canUpdate, b = a && !c && n.canUpdate;
+	return {
+		isSharedWithMe: i,
+		isOwnImage: a,
+		isPendingShared: o,
+		isAcceptedShared: s,
+		isDeactivated: c,
+		isPrivate: l,
+		isSharedVisibility: u,
+		isProtected: d,
+		canViewDetails: !0,
+		canEditDetails: f,
+		canEditMetadata: p,
+		canDelete: m,
+		canAccept: h,
+		canReject: g,
+		canManageAccess: _,
+		canSetToShared: v,
+		canActivate: y,
+		canDeactivate: b,
+		hasAnyAction: f || p || m || h || g || _ || v || y || b
+	};
+}
+//#endregion
+//#region src/client/routes/_auth/projects/$projectId/compute/images/$imageId.tsx?tsr-split=component
+function be() {
+	let { i18n: e, _: t } = N(), n = j(), { projectId: r } = _.useParams();
+	return /*#__PURE__*/ D(v, { action: /*#__PURE__*/ D(c, {
+		variant: "primary",
+		onClick: () => n({
+			to: "/projects/$projectId/compute/images",
+			params: { projectId: r }
+		}),
+		children: e._({ id: "bnql/K" })
+	}) });
+}
+function R() {
+	let { projectId: e, imageId: t } = _e({ from: "/_auth/projects/$projectId/compute/images/$imageId" }), r = j(), { i18n: i, _: l } = N(), { data: p, status: y, error: x } = h.compute.getImageById.useQuery({
+		project_id: e,
+		imageId: t
+	});
+	ee(_.id, p?.name);
+	let { data: C } = h.compute.canUser.useQuery({
+		project_id: e,
+		permission: [
+			"images:delete",
+			"images:update",
+			"images:create_member",
+			"images:delete_member",
+			"images:update_member"
+		]
+	}), w = {
+		canDelete: C?.[0] ?? !1,
+		canUpdate: C?.[1] ?? !1,
+		canCreateMember: C?.[2] ?? !1,
+		canDeleteMember: C?.[3] ?? !1,
+		canUpdateMember: C?.[4] ?? !1
+	}, T = h.useUtils(), [k, P] = A(!1), [F, I] = A(!1), [L, R] = A(!1), [z, B] = A(!1), [V, H] = A(!1), [U, W] = A(!1), G = h.compute.updateImage.useMutation({ onSuccess: (n) => {
+		T.compute.getImageById.setData({
+			project_id: e,
+			imageId: t
+		}, (e) => e ? {
+			...e,
+			...n
+		} : n), T.compute.listImagesWithPagination.invalidate();
+	} }), K = h.compute.deleteImage.useMutation({ onSuccess: () => {
+		T.compute.listImagesWithPagination.invalidate();
+	} }), q = h.compute.deactivateImage.useMutation({ onSuccess: () => {
+		T.compute.getImageById.invalidate({
+			project_id: e,
+			imageId: t
+		});
+	} }), J = h.compute.reactivateImage.useMutation({ onSuccess: () => {
+		T.compute.getImageById.invalidate({
+			project_id: e,
+			imageId: t
+		});
+	} }), Y = h.compute.updateImageVisibility.useMutation({ onSuccess: (n) => {
+		T.compute.getImageById.setData({
+			project_id: e,
+			imageId: t
+		}, (e) => e ? {
+			...e,
+			...n
+		} : n);
+	} }), xe = p?.visibility === S.SHARED, { data: X } = h.compute.getImageMember.useQuery({
+		project_id: e,
+		imageId: t,
+		memberId: e
+	}, {
+		enabled: xe && !!t && !!e,
+		retry: !1
+	}), Se = h.compute.updateImageMember.useMutation({ onSuccess: () => {
+		T.compute.getImageMember.invalidate({
+			project_id: e,
+			imageId: t,
+			memberId: e
+		}), T.compute.listImageMembers.invalidate({
+			project_id: e,
+			imageId: t
+		}), T.compute.listImagesWithPagination.invalidate(), T.compute.listSharedImagesByMemberStatus.invalidate();
+	} }), Ce = async (n) => {
+		try {
+			await Se.mutateAsync({
+				project_id: e,
+				imageId: t,
+				memberId: e,
+				status: n
+			});
+			let { message: r, ...i } = oe(n);
+			u.info(r, i);
+		} catch (e) {
+			let t = e?.message, { message: n, ...r } = ce(t);
+			u.error(n, r);
+		}
+	}, we = () => {
+		r({
+			to: "/projects/$projectId/compute/images",
+			params: { projectId: e }
+		});
+	}, Z = G.isPending || K.isPending || q.isPending || J.isPending || Y.isPending, Te = async (n) => {
+		if (!p) return !1;
+		let r = me(n, p);
+		try {
+			await G.mutateAsync({
+				project_id: e,
+				imageId: t,
+				operations: r
+			}), P(!1);
+			let { message: n, ...i } = ie(String(p.name ?? p.id));
+			return u.success(n, i), !0;
+		} catch {
+			return !1;
+		}
+	}, Ee = async (t) => {
+		try {
+			await K.mutateAsync({
+				project_id: e,
+				imageId: t.id
+			}), R(!1), we();
+		} catch {
+			R(!1);
+		}
+	}, De = async (t) => {
+		try {
+			await J.mutateAsync({
+				project_id: e,
+				imageId: t.id
+			}), B(!1);
+			let { message: n, ...r } = he(String(t.name ?? t.id));
+			u.success(n, r);
+		} catch (e) {
+			B(!1);
+			let { message: n, ...r } = ge(t.id, e?.message ?? "");
+			u.error(n, r);
+		}
+	}, Oe = async (t) => {
+		try {
+			await q.mutateAsync({
+				project_id: e,
+				imageId: t.id
+			}), H(!1);
+			let { message: n, ...r } = ae(String(t.name ?? t.id));
+			u.success(n, r);
+		} catch (e) {
+			H(!1);
+			let { message: n, ...r } = ne(t.id, e?.message ?? "");
+			u.error(n, r);
+		}
+	}, ke = async (t) => {
+		if (p) try {
+			await Y.mutateAsync({
+				project_id: e,
+				imageId: p.id,
+				visibility: t
+			});
+			let { message: n, ...r } = ue(String(p.name ?? p.id), t);
+			u.success(n, r);
+		} catch (e) {
+			let { message: t, ...n } = te(String(p.name ?? p.id), e?.message ?? "");
+			u.error(t, n);
+		}
+	};
+	if (y === "pending") return /*#__PURE__*/ D(f, {
+		status: "progress",
+		title: i._({ id: "hH3kDo" })
+	});
+	if (y === "error") {
+		let e = x?.message || i._({ id: "LobdAW" });
+		return /*#__PURE__*/ D(v, {
+			errorTitle: i._({ id: "2bUZog" }),
+			errorDescription: e,
+			action: /*#__PURE__*/ D(c, {
+				onClick: we,
+				variant: "primary",
+				children: /*#__PURE__*/ D(M, { id: "bnql/K" })
+			})
+		});
+	}
+	if (!p) return /*#__PURE__*/ D(be, {});
+	let Q = ye({
+		image: p,
+		projectId: e,
+		permissions: w,
+		myMemberData: X
+	}), $ = Q.canEditMetadata || Q.canSetToShared || Q.canActivate || Q.canDeactivate || Q.canDelete || Q.canManageAccess, Ae = ($ || Q.canEditDetails) && /*#__PURE__*/ O(a, {
+		gap: "0.5",
+		alignment: "center",
+		children: [$ && /*#__PURE__*/ O(n, {
+			className: "flex items-center",
+			children: [/*#__PURE__*/ D(o, {
+				as: "div",
+				children: /*#__PURE__*/ D(c, {
+					icon: "moreVert",
+					title: i._({ id: "PgNNGl" }),
+					disabled: Z
+				})
+			}), /*#__PURE__*/ O(s, { children: [
+				Q.canEditMetadata && /*#__PURE__*/ D(m, {
+					onClick: () => I(!0),
+					label: i._({ id: "SIfYq6" }),
+					disabled: Z
+				}),
+				(Q.canManageAccess || Q.canSetToShared || Q.canActivate || Q.canDeactivate) && /*#__PURE__*/ D(d, {}),
+				Q.canManageAccess && /*#__PURE__*/ D(m, {
+					onClick: () => W(!0),
+					label: i._({ id: "cWbW6w" }),
+					disabled: Z
+				}),
+				Q.canSetToShared && /*#__PURE__*/ D(m, {
+					label: i._({ id: "gMYsdZ" }),
+					onClick: () => ke("shared")
+				}),
+				Q.canActivate && /*#__PURE__*/ D(m, {
+					label: i._({ id: "RSFkXF" }),
+					onClick: () => B(!0)
+				}),
+				Q.canDeactivate && /*#__PURE__*/ D(m, {
+					label: i._({ id: "hQr1Cr" }),
+					onClick: () => H(!0)
+				}),
+				Q.canDelete && /*#__PURE__*/ O(E, { children: [/*#__PURE__*/ D(d, {}), /*#__PURE__*/ D(m, {
+					label: i._({ id: "KWa0gi" }),
+					onClick: () => R(!0)
+				})] })
+			] })]
+		}), Q.canEditDetails && /*#__PURE__*/ D(c, {
+			onClick: () => P(!0),
+			variant: "primary",
+			disabled: Z,
+			children: /*#__PURE__*/ D(M, { id: "Y1YKad" })
+		})]
+	});
+	return /*#__PURE__*/ O(E, { children: [
+		/*#__PURE__*/ D(b, {
+			title: String(p.name ?? p.id),
+			projectId: e,
+			actions: Ae
+		}),
+		/*#__PURE__*/ D("div", {
+			className: "mt-3",
+			children: /*#__PURE__*/ D(ve, {
+				image: p,
+				isSharedWithMe: Q.isSharedWithMe,
+				permissions: {
+					canCreateMember: w.canCreateMember,
+					canDeleteMember: w.canDeleteMember,
+					canUpdateMember: w.canUpdateMember
+				},
+				myMemberData: X,
+				onMemberStatusChange: Ce,
+				isMemberStatusChanging: Se.isPending
+			}, p.id)
+		}),
+		k && /*#__PURE__*/ D(re, {
+			image: p,
+			isOpen: k,
+			isLoading: G.isPending,
+			onClose: () => P(!1),
+			onSave: Te
+		}),
+		F && g && e && p && /*#__PURE__*/ D(fe, {
+			client: g,
+			image: p,
+			isOpen: F,
+			onClose: () => {
+				I(!1), T.compute.getImageById.invalidate({
+					project_id: e,
+					imageId: t
+				}), T.compute.listImagesWithPagination.invalidate();
+			},
+			projectId: e
+		}, "edit-metadata-modal"),
+		L && /*#__PURE__*/ D(se, {
+			image: p,
+			isOpen: L,
+			isLoading: K.isPending,
+			isDisabled: !!p.protected,
+			onClose: () => R(!1),
+			onDelete: Ee
+		}),
+		z && /*#__PURE__*/ D(le, {
+			image: p,
+			isOpen: z,
+			isLoading: J.isPending,
+			onClose: () => B(!1),
+			onActivate: De
+		}),
+		V && /*#__PURE__*/ D(pe, {
+			image: p,
+			isOpen: V,
+			isLoading: q.isPending,
+			onClose: () => H(!1),
+			onDeactivate: Oe
+		}),
+		U && /*#__PURE__*/ D(de, {
+			image: p,
+			isOpen: U,
+			onClose: () => W(!1),
+			permissions: {
+				canCreateMember: w.canCreateMember,
+				canDeleteMember: w.canDeleteMember
+			}
+		})
+	] });
+}
+//#endregion
+export { R as component };
+
+//# sourceMappingURL=_imageId-BAezmV0Y.mjs.map