@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.
- package/dist/client/FloatingIpActionModals-Ch8uozH9.mjs +466 -0
- package/dist/client/FloatingIpActionModals-Ch8uozH9.mjs.map +1 -0
- package/dist/client/{TwoColumnDescriptionList-NvgvErua.mjs → TwoColumnDescriptionList-DKS42RKa.mjs} +9 -3
- package/dist/client/TwoColumnDescriptionList-DKS42RKa.mjs.map +1 -0
- package/dist/client/{_flavorId-a9Gu66R1.mjs → _flavorId-Dg7MS0Af.mjs} +2 -2
- package/dist/client/{_flavorId-a9Gu66R1.mjs.map → _flavorId-Dg7MS0Af.mjs.map} +1 -1
- package/dist/client/{_flavorId-9PcBBW52.mjs → _flavorId-kHl-b8rI.mjs} +20 -19
- package/dist/client/{_flavorId-9PcBBW52.mjs.map → _flavorId-kHl-b8rI.mjs.map} +1 -1
- package/dist/client/{_floatingIpId-AZ11Ksmu.mjs → _floatingIpId-C9xfRWot.mjs} +2 -2
- package/dist/client/_floatingIpId-C9xfRWot.mjs.map +1 -0
- package/dist/client/_floatingIpId-DNn6ABCB.mjs +196 -0
- package/dist/client/_floatingIpId-DNn6ABCB.mjs.map +1 -0
- package/dist/client/{_imageId-D76BxvFY.mjs → _imageId-8JIbFmGB.mjs} +2 -2
- package/dist/client/_imageId-8JIbFmGB.mjs.map +1 -0
- package/dist/client/{_imageId-BtAql2Kr.mjs → _imageId-BBAlRioC.mjs} +147 -143
- package/dist/client/_imageId-BBAlRioC.mjs.map +1 -0
- package/dist/client/{_securityGroupId-D85mSigA.mjs → _securityGroupId-C6eHmrx_.mjs} +2 -2
- package/dist/client/{_securityGroupId-D85mSigA.mjs.map → _securityGroupId-C6eHmrx_.mjs.map} +1 -1
- package/dist/client/{_securityGroupId-C5huJNfO.mjs → _securityGroupId-DmplhDgt.mjs} +3 -3
- package/dist/client/{_securityGroupId-C5huJNfO.mjs.map → _securityGroupId-DmplhDgt.mjs.map} +1 -1
- package/dist/client/{_storageType-Dy9uCVXr.mjs → _storageType-C5gS9eut.mjs} +2 -2
- package/dist/client/{_storageType-Dy9uCVXr.mjs.map → _storageType-C5gS9eut.mjs.map} +1 -1
- package/dist/client/{flavors-B0rbqffG.mjs → flavors-B1SDOPDu.mjs} +2 -2
- package/dist/client/{flavors-B0rbqffG.mjs.map → flavors-B1SDOPDu.mjs.map} +1 -1
- package/dist/client/{flavors-Rl20bxVU.mjs → flavors-D8_PzQUB.mjs} +3 -3
- package/dist/client/{flavors-Rl20bxVU.mjs.map → flavors-D8_PzQUB.mjs.map} +1 -1
- package/dist/client/floatingips-DrCvtXtT.mjs +551 -0
- package/dist/client/floatingips-DrCvtXtT.mjs.map +1 -0
- package/dist/client/index.js +9 -9
- package/dist/client/index.js.map +1 -1
- package/dist/client/{objects-D9Luf9KB.mjs → objects-AERkhfiM.mjs} +2 -2
- package/dist/client/{objects-D9Luf9KB.mjs.map → objects-AERkhfiM.mjs.map} +1 -1
- package/dist/client/{objects-BE_u5yRt.mjs → objects-BR3eeSNH.mjs} +6 -6
- package/dist/client/{objects-BE_u5yRt.mjs.map → objects-BR3eeSNH.mjs.map} +1 -1
- package/dist/client/{objects-BN-59Th0.mjs → objects-DVccbrL1.mjs} +2 -2
- package/dist/client/{objects-BN-59Th0.mjs.map → objects-DVccbrL1.mjs.map} +1 -1
- package/package.json +1 -1
- package/dist/client/FloatingIpActionModals-CwEC5GR-.mjs +0 -460
- package/dist/client/FloatingIpActionModals-CwEC5GR-.mjs.map +0 -1
- package/dist/client/TwoColumnDescriptionList-NvgvErua.mjs.map +0 -1
- package/dist/client/_floatingIpId-AE9Fu8l6.mjs +0 -210
- package/dist/client/_floatingIpId-AE9Fu8l6.mjs.map +0 -1
- package/dist/client/_floatingIpId-AZ11Ksmu.mjs.map +0 -1
- package/dist/client/_imageId-BtAql2Kr.mjs.map +0 -1
- package/dist/client/_imageId-D76BxvFY.mjs.map +0 -1
- package/dist/client/floatingips-xbO_mu4f.mjs +0 -576
- package/dist/client/floatingips-xbO_mu4f.mjs.map +0 -1
|
@@ -1,210 +0,0 @@
|
|
|
1
|
-
import { M as e, Q as t, at as n, i as r, rt as i } from "./build-WuxXRAqf.mjs";
|
|
2
|
-
import { a } from "./trpcClient-D7gpR7YG.mjs";
|
|
3
|
-
import { t as o } from "./_floatingIpId-AZ11Ksmu.mjs";
|
|
4
|
-
import { t as s } from "./useProjectId-DBc5lpoU.mjs";
|
|
5
|
-
import { t as c } from "./ContentHeader-CPJbgYWn.mjs";
|
|
6
|
-
import { t as l } from "./useSetBreadcrumb-tn7lBaQV.mjs";
|
|
7
|
-
import "./hooks-D0yKIumu.mjs";
|
|
8
|
-
import { t as u } from "./TwoColumnDescriptionList-NvgvErua.mjs";
|
|
9
|
-
import { t as d } from "./FloatingIpActionModals-CwEC5GR-.mjs";
|
|
10
|
-
import { Fragment as f, jsx as p, jsxs as m } from "react/jsx-runtime";
|
|
11
|
-
import { useNavigate as h } from "@tanstack/react-router";
|
|
12
|
-
import { Trans as g, useLingui as _ } from "@lingui/react";
|
|
13
|
-
//#region src/client/utils/formatFloatingIpStatus.ts
|
|
14
|
-
var v = (e) => e.charAt(0) + e.slice(1).toLowerCase(), y = ({ floatingIp: i }) => {
|
|
15
|
-
let { i18n: a, _: o } = _(), s = [
|
|
16
|
-
{
|
|
17
|
-
label: a._({ id: "S0kLOH" }),
|
|
18
|
-
value: i.id
|
|
19
|
-
},
|
|
20
|
-
{
|
|
21
|
-
label: a._({ id: "Nu4oKW" }),
|
|
22
|
-
value: i.description || "—"
|
|
23
|
-
},
|
|
24
|
-
{
|
|
25
|
-
label: a._({ id: "mSfwLL" }),
|
|
26
|
-
value: i.project_id || "—"
|
|
27
|
-
},
|
|
28
|
-
{
|
|
29
|
-
label: a._({ id: "uAQUqI" }),
|
|
30
|
-
value: v(i.status)
|
|
31
|
-
},
|
|
32
|
-
{
|
|
33
|
-
label: a._({ id: "88kg0+" }),
|
|
34
|
-
value: i.created_at ? new Date(i.created_at).toLocaleString() : "—"
|
|
35
|
-
},
|
|
36
|
-
{
|
|
37
|
-
label: a._({ id: "Llcakz" }),
|
|
38
|
-
value: i.updated_at ? new Date(i.updated_at).toLocaleString() : "—"
|
|
39
|
-
},
|
|
40
|
-
{
|
|
41
|
-
label: a._({ id: "OYHzN1" }),
|
|
42
|
-
value: i.tags?.join(", ") || "—"
|
|
43
|
-
}
|
|
44
|
-
], l = [
|
|
45
|
-
{
|
|
46
|
-
label: a._({ id: "xNG/3n" }),
|
|
47
|
-
value: i.floating_ip_address || "—"
|
|
48
|
-
},
|
|
49
|
-
{
|
|
50
|
-
label: a._({ id: "7AfIPZ" }),
|
|
51
|
-
value: i.floating_network_id || "—"
|
|
52
|
-
},
|
|
53
|
-
{
|
|
54
|
-
label: a._({ id: "Nc7QKU" }),
|
|
55
|
-
value: i.fixed_ip_address || "—"
|
|
56
|
-
},
|
|
57
|
-
{
|
|
58
|
-
label: a._({ id: "6sxz+g" }),
|
|
59
|
-
value: i.port_details?.name || "—"
|
|
60
|
-
},
|
|
61
|
-
{
|
|
62
|
-
label: a._({ id: "sNVNmf" }),
|
|
63
|
-
value: i.port_details?.mac_address || "—"
|
|
64
|
-
},
|
|
65
|
-
{
|
|
66
|
-
label: a._({ id: "hrBow7" }),
|
|
67
|
-
value: i.port_details?.network_id || "—"
|
|
68
|
-
},
|
|
69
|
-
{
|
|
70
|
-
label: a._({ id: "OaSktR" }),
|
|
71
|
-
value: i.port_details?.device_owner || "—"
|
|
72
|
-
},
|
|
73
|
-
{
|
|
74
|
-
label: a._({ id: "9rz81C" }),
|
|
75
|
-
value: i.port_details?.device_id || "—"
|
|
76
|
-
},
|
|
77
|
-
{
|
|
78
|
-
label: a._({ id: "/bUiYk" }),
|
|
79
|
-
value: i.router_id || "—"
|
|
80
|
-
},
|
|
81
|
-
{
|
|
82
|
-
label: a._({ id: "eks7oA" }),
|
|
83
|
-
value: i.port_id || "—"
|
|
84
|
-
},
|
|
85
|
-
{
|
|
86
|
-
label: a._({ id: "W9kfjU" }),
|
|
87
|
-
value: i.qos_policy_id || "—"
|
|
88
|
-
},
|
|
89
|
-
{
|
|
90
|
-
label: a._({ id: "mQSO1Y" }),
|
|
91
|
-
value: i.port_forwardings?.map((e) => e.id).join(", ") || "—"
|
|
92
|
-
}
|
|
93
|
-
], h = [{
|
|
94
|
-
label: a._({ id: "WlpcJv" }),
|
|
95
|
-
value: i.dns_domain || "—"
|
|
96
|
-
}, {
|
|
97
|
-
label: a._({ id: "eGEHJE" }),
|
|
98
|
-
value: i.dns_name || "—"
|
|
99
|
-
}];
|
|
100
|
-
return /*#__PURE__*/ m(f, { children: [/*#__PURE__*/ p(c, {
|
|
101
|
-
title: i.floating_ip_address ?? i.id,
|
|
102
|
-
projectId: i.project_id,
|
|
103
|
-
description: a._({ id: "DNVql8" }),
|
|
104
|
-
actions: /*#__PURE__*/ p(d, {
|
|
105
|
-
floatingIp: i,
|
|
106
|
-
children: ({ toggleEditModal: t, toggleAttachModal: n, toggleDetachModal: i, toggleReleaseModal: o }) => /*#__PURE__*/ m(e, { children: [
|
|
107
|
-
/*#__PURE__*/ p(r, {
|
|
108
|
-
onClick: t,
|
|
109
|
-
children: a._({ id: "n22YIM" })
|
|
110
|
-
}),
|
|
111
|
-
/*#__PURE__*/ p(r, {
|
|
112
|
-
onClick: n,
|
|
113
|
-
children: a._({ id: "igVDFt" })
|
|
114
|
-
}),
|
|
115
|
-
/*#__PURE__*/ p(r, {
|
|
116
|
-
onClick: i,
|
|
117
|
-
children: a._({ id: "FOcBn3" })
|
|
118
|
-
}),
|
|
119
|
-
/*#__PURE__*/ p(r, {
|
|
120
|
-
onClick: o,
|
|
121
|
-
children: a._({ id: "H+a5j6" })
|
|
122
|
-
})
|
|
123
|
-
] })
|
|
124
|
-
})
|
|
125
|
-
}), /*#__PURE__*/ m(t, {
|
|
126
|
-
direction: "vertical",
|
|
127
|
-
gap: "6",
|
|
128
|
-
className: "my-6",
|
|
129
|
-
children: [
|
|
130
|
-
/*#__PURE__*/ m(t, {
|
|
131
|
-
direction: "vertical",
|
|
132
|
-
gap: "2",
|
|
133
|
-
children: [/*#__PURE__*/ p(n, { children: /*#__PURE__*/ p(g, { id: "SuX2Ca" }) }), /*#__PURE__*/ p(u, { items: s })]
|
|
134
|
-
}),
|
|
135
|
-
/*#__PURE__*/ m(t, {
|
|
136
|
-
direction: "vertical",
|
|
137
|
-
gap: "2",
|
|
138
|
-
children: [/*#__PURE__*/ p(n, { children: /*#__PURE__*/ p(g, { id: "jKopCP" }) }), /*#__PURE__*/ p(u, { items: l })]
|
|
139
|
-
}),
|
|
140
|
-
/*#__PURE__*/ m(t, {
|
|
141
|
-
direction: "vertical",
|
|
142
|
-
gap: "2",
|
|
143
|
-
children: [/*#__PURE__*/ p(n, { children: /*#__PURE__*/ p(g, { id: "5M4Te3" }) }), /*#__PURE__*/ p(u, { items: h })]
|
|
144
|
-
})
|
|
145
|
-
]
|
|
146
|
-
})] });
|
|
147
|
-
};
|
|
148
|
-
//#endregion
|
|
149
|
-
//#region src/client/routes/_auth/projects/$projectId/network/floatingips/$floatingIpId/index.tsx?tsr-split=component
|
|
150
|
-
function b() {
|
|
151
|
-
let { floatingIpId: e } = o.useParams(), n = s(), c = h(), { i18n: u, _: d } = _(), { data: f, isLoading: v, isError: b, error: x } = a.network.floatingIp.getById.useQuery({
|
|
152
|
-
project_id: n,
|
|
153
|
-
floatingip_id: e
|
|
154
|
-
});
|
|
155
|
-
l(o.id, f?.floating_ip_address);
|
|
156
|
-
let S = () => {
|
|
157
|
-
c({
|
|
158
|
-
to: "/projects/$projectId/network/floatingips",
|
|
159
|
-
params: { projectId: n }
|
|
160
|
-
});
|
|
161
|
-
};
|
|
162
|
-
if (v) return /*#__PURE__*/ p(i, {
|
|
163
|
-
status: "progress",
|
|
164
|
-
title: u._({ id: "VLI9eO" })
|
|
165
|
-
});
|
|
166
|
-
if (b) {
|
|
167
|
-
let e = x?.message || "Unknown error";
|
|
168
|
-
return /*#__PURE__*/ m(t, {
|
|
169
|
-
className: "fixed inset-0",
|
|
170
|
-
distribution: "center",
|
|
171
|
-
alignment: "center",
|
|
172
|
-
direction: "vertical",
|
|
173
|
-
gap: "5",
|
|
174
|
-
children: [
|
|
175
|
-
/*#__PURE__*/ p("p", {
|
|
176
|
-
className: "text-theme-error font-semibold",
|
|
177
|
-
children: /*#__PURE__*/ p(g, { id: "Smk7M2" })
|
|
178
|
-
}),
|
|
179
|
-
/*#__PURE__*/ p("p", {
|
|
180
|
-
className: "text-theme-highest",
|
|
181
|
-
children: e
|
|
182
|
-
}),
|
|
183
|
-
/*#__PURE__*/ p(r, {
|
|
184
|
-
onClick: S,
|
|
185
|
-
variant: "primary",
|
|
186
|
-
children: /*#__PURE__*/ p(g, { id: "z1JceR" })
|
|
187
|
-
})
|
|
188
|
-
]
|
|
189
|
-
});
|
|
190
|
-
}
|
|
191
|
-
return f ? /*#__PURE__*/ p(y, { floatingIp: f }) : /*#__PURE__*/ m(t, {
|
|
192
|
-
className: "fixed inset-0",
|
|
193
|
-
distribution: "center",
|
|
194
|
-
alignment: "center",
|
|
195
|
-
direction: "vertical",
|
|
196
|
-
gap: "5",
|
|
197
|
-
children: [/*#__PURE__*/ p("p", {
|
|
198
|
-
className: "text-theme-secondary",
|
|
199
|
-
children: /*#__PURE__*/ p(g, { id: "ChOuUj" })
|
|
200
|
-
}), /*#__PURE__*/ p(r, {
|
|
201
|
-
onClick: S,
|
|
202
|
-
variant: "primary",
|
|
203
|
-
children: /*#__PURE__*/ p(g, { id: "z1JceR" })
|
|
204
|
-
})]
|
|
205
|
-
});
|
|
206
|
-
}
|
|
207
|
-
//#endregion
|
|
208
|
-
export { b as component };
|
|
209
|
-
|
|
210
|
-
//# sourceMappingURL=_floatingIpId-AE9Fu8l6.mjs.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"_floatingIpId-AE9Fu8l6.mjs","names":["formatFloatingIpStatus","status","charAt","slice","toLowerCase","Stack","ButtonRow","Button","ContentHeading","formatFloatingIpStatus","TwoColumnDescriptionList","ContentHeader","FloatingIpActionModals","FloatingIpDetailsView","floatingIp","useLingui","basicInfoItems","label","t","value","id","description","project_id","status","created_at","Date","toLocaleString","updated_at","tags","join","networkRoutingItems","floating_ip_address","floating_network_id","fixed_ip_address","port_details","name","mac_address","network_id","device_owner","device_id","router_id","port_id","qos_policy_id","port_forwardings","map","port","dnsItems","dns_domain","dns_name","title","projectId","actions","toggleEditModal","toggleAttachModal","toggleDetachModal","toggleReleaseModal","onClick","direction","gap","className","items","useNavigate","Button","Stack","Status","Trans","useLingui","useProjectId","trpcReact","useSetBreadcrumb","FloatingIpDetailsView","Route","RouteComponent","floatingIpId","useParams","projectId","navigate","t","data","floatingIp","isLoading","isError","error","network","getById","useQuery","project_id","floatingip_id","id","floating_ip_address","handleBack","to","params","errorMessage","message","component"],"sources":["../../src/client/utils/formatFloatingIpStatus.ts","../../src/client/routes/_auth/projects/$projectId/network/floatingips/$floatingIpId/-components/-details/FloatingIpDetailsView.tsx","../../src/client/routes/_auth/projects/$projectId/network/floatingips/$floatingIpId/index.tsx?tsr-split=component"],"sourcesContent":["import type { FloatingIpStatus } from \"@/server/Network/types/floatingIp\"\n\n/**\n * Formats a floating IP status value from uppercase enum to title case.\n * Example: \"ACTIVE\" → \"Active\", \"DOWN\" → \"Down\", \"ERROR\" → \"Error\"\n */\nexport const formatFloatingIpStatus = (status: FloatingIpStatus) => {\n return status.charAt(0) + status.slice(1).toLowerCase()\n}\n","import { Trans, useLingui } from \"@lingui/react/macro\"\nimport { Stack, ButtonRow, Button, ContentHeading } from \"@cloudoperators/juno-ui-components\"\nimport type { FloatingIp } from \"@/server/Network/types/floatingIp\"\nimport { formatFloatingIpStatus } from \"@/client/utils/formatFloatingIpStatus\"\nimport type { DetailListItem } from \"@/client/components/TwoColumnDescriptionList\"\nimport { TwoColumnDescriptionList } from \"@/client/components/TwoColumnDescriptionList\"\nimport { ContentHeader } from \"@/client/components/ContentHeader/ContentHeader\"\nimport { FloatingIpActionModals } from \"../../../-components/-modals/FloatingIpActionModals\"\n\ninterface FloatingIpDetailsViewProps {\n floatingIp: FloatingIp\n}\n\nexport const FloatingIpDetailsView = ({ floatingIp }: FloatingIpDetailsViewProps) => {\n const { t } = useLingui()\n\n const basicInfoItems: DetailListItem[] = [\n { label: t`ID`, value: floatingIp.id },\n { label: t`Description`, value: floatingIp.description || `—` },\n { label: t`Project ID`, value: floatingIp.project_id || `—` },\n { label: t`Status`, value: formatFloatingIpStatus(floatingIp.status) },\n { label: t`Created At`, value: floatingIp.created_at ? new Date(floatingIp.created_at).toLocaleString() : `—` },\n { label: t`Updated At`, value: floatingIp.updated_at ? new Date(floatingIp.updated_at).toLocaleString() : `—` },\n { label: t`Tags`, value: floatingIp.tags?.join(\", \") || `—` },\n ]\n\n const networkRoutingItems: DetailListItem[] = [\n { label: t`Floating IP Address`, value: floatingIp.floating_ip_address || `—` },\n { label: t`Floating Network`, value: floatingIp.floating_network_id || `—` },\n { label: t`Fixed IP Address`, value: floatingIp.fixed_ip_address || `—` },\n { label: t`Port Name`, value: floatingIp.port_details?.name || `—` },\n { label: t`MAC Address`, value: floatingIp.port_details?.mac_address || `—` },\n { label: t`Network ID`, value: floatingIp.port_details?.network_id || `—` },\n { label: t`Device Owner`, value: floatingIp.port_details?.device_owner || `—` },\n { label: t`Device ID`, value: floatingIp.port_details?.device_id || `—` },\n { label: t`Router ID`, value: floatingIp.router_id || `—` },\n { label: t`Port ID`, value: floatingIp.port_id || `—` },\n { label: t`QoS Policy ID`, value: floatingIp.qos_policy_id || `—` },\n { label: t`Port Forwarding`, value: floatingIp.port_forwardings?.map((port) => port.id).join(\", \") || `—` },\n ]\n\n const dnsItems: DetailListItem[] = [\n { label: t`DNS Domain`, value: floatingIp.dns_domain || `—` },\n { label: t`DNS Name`, value: floatingIp.dns_name || `—` },\n ]\n\n return (\n <>\n <ContentHeader\n title={floatingIp.floating_ip_address ?? floatingIp.id}\n projectId={floatingIp.project_id}\n description={t`Full lifecycle management of Floating IPs, including attachment, port association/disassociation, DNS settings, and deletion`}\n actions={\n <FloatingIpActionModals floatingIp={floatingIp}>\n {({ toggleEditModal, toggleAttachModal, toggleDetachModal, toggleReleaseModal }) => (\n <ButtonRow>\n <Button onClick={toggleEditModal}>{t`Edit Description`}</Button>\n <Button onClick={toggleAttachModal}>{t`Attach`}</Button>\n <Button onClick={toggleDetachModal}>{t`Detach`}</Button>\n <Button onClick={toggleReleaseModal}>{t`Release`}</Button>\n </ButtonRow>\n )}\n </FloatingIpActionModals>\n }\n />\n\n <Stack direction=\"vertical\" gap=\"6\" className=\"my-6\">\n <Stack direction=\"vertical\" gap=\"2\">\n <ContentHeading>\n <Trans>Basic Info</Trans>\n </ContentHeading>\n <TwoColumnDescriptionList items={basicInfoItems} />\n </Stack>\n\n <Stack direction=\"vertical\" gap=\"2\">\n <ContentHeading>\n <Trans>Network & Routing</Trans>\n </ContentHeading>\n <TwoColumnDescriptionList items={networkRoutingItems} />\n </Stack>\n\n <Stack direction=\"vertical\" gap=\"2\">\n <ContentHeading>\n <Trans>DNS</Trans>\n </ContentHeading>\n <TwoColumnDescriptionList items={dnsItems} />\n </Stack>\n </Stack>\n </>\n )\n}\n","import { createFileRoute, redirect, useNavigate } from \"@tanstack/react-router\"\nimport { Button, Stack, Status } from \"@cloudoperators/juno-ui-components\"\nimport { Trans, useLingui } from \"@lingui/react/macro\"\nimport type { RouteInfo } from \"@/client/routes/routeInfo\"\nimport { getServiceIndex } from \"@/server/Authentication/helpers\"\nimport { useProjectId } from \"@/client/hooks\"\nimport { trpcReact } from \"@/client/trpcClient\"\nimport { useSetBreadcrumb } from \"@/client/hooks/useSetBreadcrumb\"\nimport { FloatingIpDetailsView } from \"./-components/-details/FloatingIpDetailsView\"\n\nexport const Route = createFileRoute(\"/_auth/projects/$projectId/network/floatingips/$floatingIpId/\")({\n staticData: {\n section: \"network\",\n service: \"floatingips\",\n analytics: {\n name: \"network.floatingips.detail\",\n },\n } satisfies RouteInfo,\n loader: async ({ context, params }) => {\n const floatingIp = await context.trpcClient?.network.floatingIp.getById.query({\n project_id: params.projectId,\n floatingip_id: params.floatingIpId,\n })\n return { floatingIpAddress: floatingIp?.floating_ip_address ?? null }\n },\n head: ({ loaderData }) => ({\n meta: [{ title: loaderData?.floatingIpAddress ?? \"Floating IP\" }],\n }),\n component: RouteComponent,\n beforeLoad: async ({ context, params }) => {\n const { trpcClient } = context\n\n const availableServices = (await trpcClient?.auth.getAvailableServices.query()) || []\n const serviceIndex = getServiceIndex(availableServices)\n\n // Redirect if network service not available\n if (!serviceIndex[\"network\"]) {\n throw redirect({\n to: \"/projects/$projectId/network/floatingips\",\n params: { projectId: params.projectId },\n })\n }\n\n if (!serviceIndex[\"network\"][\"neutron\"]) {\n throw redirect({\n to: \"/projects/$projectId/network/floatingips\",\n params: { projectId: params.projectId },\n })\n }\n },\n})\n\nfunction RouteComponent() {\n const { floatingIpId } = Route.useParams()\n const projectId = useProjectId()\n const navigate = useNavigate()\n const { t } = useLingui()\n\n // Fetch floating IP details\n const {\n data: floatingIp,\n isLoading,\n isError,\n error,\n } = trpcReact.network.floatingIp.getById.useQuery({\n project_id: projectId,\n floatingip_id: floatingIpId,\n })\n\n useSetBreadcrumb(Route.id, floatingIp?.floating_ip_address)\n\n const handleBack = () => {\n navigate({\n to: \"/projects/$projectId/network/floatingips\",\n params: { projectId },\n })\n }\n\n // Loading state\n if (isLoading) {\n return <Status status=\"progress\" title={t`Loading Floating IP Details...`} />\n }\n\n // Error state\n if (isError) {\n const errorMessage = error?.message || \"Unknown error\"\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 floating IP</Trans>\n </p>\n <p className=\"text-theme-highest\">{errorMessage}</p>\n <Button onClick={handleBack} variant=\"primary\">\n <Trans>Back to Floating IPs</Trans>\n </Button>\n </Stack>\n )\n }\n\n // No data state\n if (!floatingIp) {\n return (\n <Stack className=\"fixed inset-0\" distribution=\"center\" alignment=\"center\" direction=\"vertical\" gap=\"5\">\n <p className=\"text-theme-secondary\">\n <Trans>Floating IP not found</Trans>\n </p>\n <Button onClick={handleBack} variant=\"primary\">\n <Trans>Back to Floating IPs</Trans>\n </Button>\n </Stack>\n )\n }\n\n return <FloatingIpDetailsView floatingIp={floatingIp} />\n}\n"],"mappings":"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"}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"_floatingIpId-AZ11Ksmu.mjs","names":["createFileRoute","redirect","getServiceIndex","Route","staticData","section","service","analytics","name","RouteInfo","loader","context","params","floatingIp","trpcClient","network","getById","query","project_id","projectId","floatingip_id","floatingIpId","floatingIpAddress","floating_ip_address","head","loaderData","meta","title","component","lazyRouteComponent","$$splitComponentImporter","beforeLoad","availableServices","auth","getAvailableServices","serviceIndex","to"],"sources":["../../src/client/routes/_auth/projects/$projectId/network/floatingips/$floatingIpId/index.tsx"],"sourcesContent":["import { createFileRoute, redirect, useNavigate } from \"@tanstack/react-router\"\nimport { Button, Stack, Status } from \"@cloudoperators/juno-ui-components\"\nimport { Trans, useLingui } from \"@lingui/react/macro\"\nimport type { RouteInfo } from \"@/client/routes/routeInfo\"\nimport { getServiceIndex } from \"@/server/Authentication/helpers\"\nimport { useProjectId } from \"@/client/hooks\"\nimport { trpcReact } from \"@/client/trpcClient\"\nimport { useSetBreadcrumb } from \"@/client/hooks/useSetBreadcrumb\"\nimport { FloatingIpDetailsView } from \"./-components/-details/FloatingIpDetailsView\"\n\nexport const Route = createFileRoute(\"/_auth/projects/$projectId/network/floatingips/$floatingIpId/\")({\n staticData: {\n section: \"network\",\n service: \"floatingips\",\n analytics: {\n name: \"network.floatingips.detail\",\n },\n } satisfies RouteInfo,\n loader: async ({ context, params }) => {\n const floatingIp = await context.trpcClient?.network.floatingIp.getById.query({\n project_id: params.projectId,\n floatingip_id: params.floatingIpId,\n })\n return { floatingIpAddress: floatingIp?.floating_ip_address ?? null }\n },\n head: ({ loaderData }) => ({\n meta: [{ title: loaderData?.floatingIpAddress ?? \"Floating IP\" }],\n }),\n component: RouteComponent,\n beforeLoad: async ({ context, params }) => {\n const { trpcClient } = context\n\n const availableServices = (await trpcClient?.auth.getAvailableServices.query()) || []\n const serviceIndex = getServiceIndex(availableServices)\n\n // Redirect if network service not available\n if (!serviceIndex[\"network\"]) {\n throw redirect({\n to: \"/projects/$projectId/network/floatingips\",\n params: { projectId: params.projectId },\n })\n }\n\n if (!serviceIndex[\"network\"][\"neutron\"]) {\n throw redirect({\n to: \"/projects/$projectId/network/floatingips\",\n params: { projectId: params.projectId },\n })\n }\n },\n})\n\nfunction RouteComponent() {\n const { floatingIpId } = Route.useParams()\n const projectId = useProjectId()\n const navigate = useNavigate()\n const { t } = useLingui()\n\n // Fetch floating IP details\n const {\n data: floatingIp,\n isLoading,\n isError,\n error,\n } = trpcReact.network.floatingIp.getById.useQuery({\n project_id: projectId,\n floatingip_id: floatingIpId,\n })\n\n useSetBreadcrumb(Route.id, floatingIp?.floating_ip_address)\n\n const handleBack = () => {\n navigate({\n to: \"/projects/$projectId/network/floatingips\",\n params: { projectId },\n })\n }\n\n // Loading state\n if (isLoading) {\n return <Status status=\"progress\" title={t`Loading Floating IP Details...`} />\n }\n\n // Error state\n if (isError) {\n const errorMessage = error?.message || \"Unknown error\"\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 floating IP</Trans>\n </p>\n <p className=\"text-theme-highest\">{errorMessage}</p>\n <Button onClick={handleBack} variant=\"primary\">\n <Trans>Back to Floating IPs</Trans>\n </Button>\n </Stack>\n )\n }\n\n // No data state\n if (!floatingIp) {\n return (\n <Stack className=\"fixed inset-0\" distribution=\"center\" alignment=\"center\" direction=\"vertical\" gap=\"5\">\n <p className=\"text-theme-secondary\">\n <Trans>Floating IP not found</Trans>\n </p>\n <Button onClick={handleBack} variant=\"primary\">\n <Trans>Back to Floating IPs</Trans>\n </Button>\n </Stack>\n )\n }\n\n return <FloatingIpDetailsView floatingIp={floatingIp} />\n}\n"],"mappings":";;AAUA,IAAaG,IAAQH,EAAgB,+DAAA,CAAA,CAAiE;CACpGI,YAAY;EACVC,SAAS;EACTC,SAAS;EACTC,WAAW,EACTC,MAAM,6BACR;CACF;CACAE,QAAQ,OAAO,EAAEC,YAASC,iBAKjB,EAAEU,oBAAmBT,MAJHF,EAAQG,YAAYC,QAAQF,WAAWG,QAAQC,MAAM;EAC5EC,YAAYN,EAAOO;EACnBC,eAAeR,EAAOS;CACxB,CAAA,EAAA,EACwCE,uBAAuB,KAAK;CAEtEC,OAAO,EAAEC,qBAAkB,EACzBC,MAAM,CAAC,EAAEC,OAAOF,GAAYH,qBAAqB,cAAc,CAAC,EAClE;CACAM,WAASC,gDAAA,WAAA;CACTE,YAAY,OAAO,EAAEpB,YAASC,gBAAQ;EACpC,IAAM,EAAEE,kBAAeH,GAEjBqB,IAAoB,MAAOlB,GAAYmB,KAAKC,qBAAqBjB,MAAAA,KAAY,CAAA,GAC7EkB,IAAejC,EAAgB8B,CAAAA;EAUrC,IAPI,CAACG,EAAa,WAOd,CAACA,EAAa,QAAW,SAC3B,MAAMlC,EAAS;GACbmC,IAAI;GACJxB,QAAQ,EAAEO,WAAWP,EAAOO,UAAU;EACxC,CAAA;CAEJ;AACF,CAAA"}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"_imageId-BtAql2Kr.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","ButtonRow","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 ButtonRow,\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 =\n hasMoreActions || (!isSharedWithMe && permissions.canUpdate) ? (\n <ButtonRow>\n {hasMoreActions && (\n <PopupMenu>\n <PopupMenuToggle as=\"div\">\n <Button icon=\"moreVert\" disabled={isLoading}>\n <Trans>More Actions</Trans>\n </Button>\n </PopupMenuToggle>\n <PopupMenuOptions>\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 {!isSharedWithMe && permissions.canUpdate && (\n <Button onClick={() => setEditMetadataModalOpen(true)} disabled={isLoading}>\n <Trans>Edit Metadata</Trans>\n </Button>\n )}\n {!isSharedWithMe && permissions.canUpdate && (\n <Button onClick={() => setEditDetailsModalOpen(true)} variant=\"primary\" disabled={isLoading}>\n <Trans>Edit Details</Trans>\n </Button>\n )}\n </ButtonRow>\n ) : undefined\n\n // Render success state\n return (\n <>\n <ContentHeader title={String(image.name ?? image.id)} projectId={projectId} actions={headerActions} />\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":";;;;;;;;;;;;AAsCA,IAAMkB,KAMA,EAAEC,UAAOC,iBAAcC,oBAAiBC,mBAAgBC,mBAAW;CACvE,IAAM,EAAA,MAAA,GAAA,GAAA,MAAQC,EAAAA,GACRC,IAAYL,EAAaM,WAAWZ,EAAgBa,SACpDC,IAAaR,EAAaM,WAAWZ,EAAgBe,UAErDC,IAAWV,EAAaW,aAAa,IAAIC,KAAKZ,EAAaW,UAAU,CAAA,CAAEE,eAAc,IAAKC,EAAAA,EAAC,EAAA,IAAA,SAAI,CAAA,GAC/FC,IAAYf,EAAagB,aAAa,IAAIJ,KAAKZ,EAAagB,UAAU,CAAA,CAAEH,eAAc,IAAKC,EAAAA,EAAC,EAAA,IAAA,SAAI,CAAA,GAChGG,IAAelB,EAAMmB,SAAS;CAEpC,OACE,gBAAC7B,GAAAA,EAAAA,UAAAA;EACEgB,KACC,gBAACc,KAAAA;GAAEC,WAAU;GACX,UAAA,gBAAA,GAAA,EAAA,IAAA,SAAA,CAAA;;EAGJ,gBAACD,KAAAA,EACC,UAAA,gBAAA,GAAA;;;IACqEF;IAAyBP;;GAAzDW,YAAAA,EAAAA,GAAAA,gBAAAA,QAAAA,EAAKD,WAAU,gBAAA,CAAA,EAAA;;EAGtD,gBAACE,MAAAA,EAAAA,UAAAA;GACC,gBAACC,MAAAA,EAAAA,UAAAA;IACC,gBAACF,QAAAA;KAAKD,WAAU;KACd,UAAA,gBAAA,GAAA,EAAA,IAAA,SAAA,CAAA;;IACM;IACPpB,EAAaM;;GAEhB,gBAACiB,MAAAA,EAAAA,UAAAA;IACC,gBAACF,QAAAA;KAAKD,WAAU;KACd,UAAA,gBAAA,GAAA,EAAA,IAAA,SAAA,CAAA;;IACM;IACPV;;GAEH,gBAACa,MAAAA,EAAAA,UAAAA;IACC,gBAACF,QAAAA;KAAKD,WAAU;KACd,UAAA,gBAAA,GAAA,EAAA,IAAA,SAAA,CAAA;;IACM;IACPL;;;EAIJd,MAAoBI,KAAaG,MAChC,gBAACjB,GAAAA,EAAAA,UAAAA,CACC,gBAACD,GAAAA;GAAOkC,eAAetB,EAAeR,EAAgB+B,QAAQ;GAAGC,UAAUvB;GACzE,UAAA,gBAAA,GAAA,EAAA,IAAA,SAAA,CAAA;EAEDE,CAAAA,GAAAA,KACC,gBAACf,GAAAA;GAAOkC,eAAetB,EAAeR,EAAgBe,QAAQ;GAAGiB,UAAUvB;GACzE,UAAA,gBAAA,GAAA,EAAA,IAAA,SAAA,CAAA;;;AAOd,GAEawB,KAAsD,EAAE5B,eAAO;CAC1E,IAAM,EAAA,MAAA,GAAA,GAAA,MAAQK,EAAAA,GACRwB,IAAQ;EACZ;GAAEC,OAAOf,EAAAA,EAAC,EAAA,IAAA,SAAG,CAAA;GAAGgB,OAAO,gBAACnC,GAAAA,EAAcoC,MAAMhC,EAAMiC,GAAAA,CAAAA;EAAO;EACzD;GAAEH,OAAOf,EAAAA,EAAC,EAAA,IAAA,SAAK,CAAA;GAAGgB,OAAO/B,EAAMkC;EAAK;EACpC;GAAEJ,OAAOf,EAAAA,EAAC,EAAA,IAAA,SAAO,CAAA;GAAGgB,OAAO/B,EAAMO;EAAO;EACxC;GAAEuB,OAAOf,EAAAA,EAAC,EAAA,IAAA,SAAK,CAAA;GAAGgB,OAAO,gBAACtC,GAAAA,EAAY0C,MAAMnC,EAAMmC,KAAAA,CAAAA;EAAS;EAC3D;GAAEL,OAAOf,EAAAA,EAAC,EAAA,IAAA,SAAU,CAAA;GAAGgB,OAAO,GAAG/B,EAAMoC,SAAS;EAAK;EACrD;GAAEN,OAAOf,EAAAA,EAAC,EAAA,IAAA,SAAS,CAAA;GAAGgB,OAAO,GAAG/B,EAAMqC,QAAQ;EAAK;EACnD;GAAEP,OAAOf,EAAAA,EAAC,EAAA,IAAA,SAAY,CAAA;GAAGgB,OAAO,gBAACT,QAAAA;IAAKD,WAAU;IAAarB,UAAAA,EAAMsC;;EAAoB;EACvF;GAAER,OAAOf,EAAAA,EAAC,EAAA,IAAA,SAAiB,CAAA;GAAGgB,OAAO,gBAACT,QAAAA;IAAKD,WAAU;IAAarB,UAAAA,EAAMuC;;EAAyB;EACjG;GACET,OAAOf,EAAAA,EAAC,EAAA,IAAA,SAAW,CAAA;GACnBgB,OAAO/B,EAAMY,aAAa,IAAIC,KAAKb,EAAMY,UAAU,CAAA,CAAE4B,mBAAkB,IAAKzB,EAAAA,EAAC,EAAA,IAAA,SAAI,CAAA;EACnF;EACA;GACEe,OAAOf,EAAAA,EAAC,EAAA,IAAA,SAAW,CAAA;GACnBgB,OAAO/B,EAAMiB,aAAa,IAAIJ,KAAKb,EAAMiB,UAAU,CAAA,CAAEuB,mBAAkB,IAAKzB,EAAAA,EAAC,EAAA,IAAA,SAAI,CAAA;EACnF;CACD;CAED,OACE,gBAAC7B,GAAAA;EAAUuD,IAAI;EAAOC,IAAE;EACtB,UAAA,CAAA,gBAACvD,GAAAA,EAAgB4B,UAAAA,EAAAA,EAAC,EAAA,IAAA,SAAmB,CAAA,EAAA,CAAA,GACrC,gBAAClB,GAAAA,EAAgCgC,SAAAA,CAAAA,CAAAA;;AAGvC,GAEac,KAAgF,EAC3F3C,UACA4C,0BACD;CACC,IAAM,EAAA,MAAA,GAAA,GAAA,MAAQvC,EAAAA,GAGRwB,IAAQ;EACZ;GACEC,OAHmB9B,EAAM8C,eAAe,YAAY9C,EAAMmB,UAAU4B,KAAAA,KAAa/C,EAAMmB,UAAUyB,IAGzE7B,EAAAA,EAAC,EAAA,IAAA,SAAkB,CAAA,IAAIA,EAAAA,EAAC,EAAA,IAAA,SAAiB,CAAA;GACjEgB,OAAO/B,EAAMmB,QAAQ,gBAACvB,GAAAA,EAAcoC,MAAMhC,EAAMmB,MAAY,CAAA,IAAA;EAC9D;EACA;GAAEW,OAAOf,EAAAA,EAAC,EAAA,IAAA,SAAW,CAAA;GAAGgB,OAAO/B,EAAM8C;EAAW;EAChD;GAAEhB,OAAOf,EAAAA,EAAC,EAAA,IAAA,SAAU,CAAA;GAAGgB,OAAO/B,EAAMgD,YAAYjC,EAAAA,EAAC,EAAA,IAAA,SAAI,CAAA,IAAIA,EAAAA,EAAC,EAAA,IAAA,SAAG,CAAA;EAAE;EAC/D;GAAEe,OAAOf,EAAAA,EAAC,EAAA,IAAA,SAAS,CAAA;GAAGgB,OAAO/B,GAAOiD,WAAWjD,EAAMiD,WAAW;EAAG;CACpE;CAED,OACE,gBAAC/D,GAAAA;EAAUuD,IAAI;EAAOC,IAAE;EACtB,UAAA,CAAA,gBAACvD,GAAAA,EAAgB4B,UAAAA,EAAAA,EAAC,EAAA,IAAA,SAAS,CAAA,EAAA,CAAA,GAC3B,gBAAClB,GAAAA,EAAgCgC,SAAAA,CAAAA,CAAAA;;AAGvC,GAEaqB,KAA6D,EAAElD,eAAO;CACjF,IAAM,EAAA,MAAA,GAAA,GAAA,MAAQK,EAAAA,GAER8C,oBAAc,IAAIC,IAAI;EAC1B;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;CACD,CAAA,GAEKC,IAAmBC,OAAOC,QAAQvD,CAAAA,CAAAA,CACrCwD,QAAQ,CAACC,OAAS,CAACN,EAAYO,IAAID,CAAAA,CAAAA,CAAAA,CACnCE,MAAM,CAACC,IAAI,CAACC,OAAOD,EAAEE,cAAcD,CAAAA,CAAAA,GAEhCE,IAAgBV,EAAiBW,SAAS;CAEhD,OACE,gBAAC9E,GAAAA;EAAUuD,IAAI;EAAOC,IAAE;EACtB,UAAA,CAAA,gBAACvD,GAAAA,EAAgB4B,UAAAA,EAAAA,EAAC,EAAA,IAAA,SAA6B,CAAA,EAAA,CAAA,GAC9CgD,IACC,gBAAChF,GAAAA;GAAgBkF,YAAW;GAAQ5C,WAAU;GAC3CgC,UAAAA,EAAiBa,KAAK,CAACT,GAAK1B,OAC3B,gBAAClD,EAAMsF,UAAQ,EAAA,UAAA,CACb,gBAACnF,GAAAA;IAAgBqC,WAAU;IAAcoC,UAAAA;GACzC,CAAA,GAAA,gBAACxE,GAAAA;IAAsBoC,WAAU;IAC9BU,UAAAA,KAAU,OACT,gBAACT,QAAAA,EAAK,UAAA,OACJ,CAAA,IAAA,OAAOS,KAAU,WACnB,gBAACT,QAAAA;KAAKD,WAAU;KAAa+C,UAAAA,KAAKC,UAAUtC,CAAAA;IAC1C,CAAA,IAAA,OAAOA,KAAU,YACnBA,IACEhB,EAAAA,EAAC,EAAA,IAAA,SAAK,CAAA,IAENA,EAAAA,EAAC,EAAA,IAAA,SAAM,CAAA,IAGT,gBAACO,QAAAA;KAAKD,WAAU;KAAaiD,UAAAA,OAAOvC,CAAAA;;GAdrB0B,CAAAA,CAAAA,EAAAA,GAAAA,CAAAA,CAAAA;EAqBzB,CAAA,IAAA,gBAACrC,KAAAA;GAAEC,WAAU;GAAoBN,UAAAA,EAAAA,EAAC,EAAA,IAAA,SAA6B,CAAA;;;AAIvE,GAEMwD,KAAmBC,MAAAA;CACvB,IAAMC,IAAO;CACb,OAAOD,IACH,GAAGC,EAAK,2CACR,GAAGA,EAAK;AACd,GAEMC,KAAsD,EAAE1E,UAAO2E,gBAAa/B,0BAAkB;CAClG,IAAM,CAACgC,GAAgBC,KAAqB/F,EAAS,EAAA,GAC/C,CAACgG,GAASC,KAAcjG,EAA0D,IAAA,GAElF,EAAEkG,MAAMC,GAAc7E,WAAW8E,MAAqBxF,EAAUyF,QAAQC,iBAAiBC,SAC7F;EAAEC,YAAY1C;EAAmB2C,SAASvF,EAAMiC;CAAG,GACnD,EAAEuD,SAAS,CAAC,CAACxF,EAAMiC,MAAM,CAAC,CAACW,EAAiB,CAAA;CAG9C,OACE,gBAAC1D,GAAAA;EAAUuD,IAAI;EAAOC,IAAE;EACrBoC,UAAAA,CAAAA,KACC,gBAACzF,GAAAA;GAAQ2C,MAAM8C,EAAQ9C;GAAMyD,SAASX,EAAQY;GAAMC,iBAAiBZ,EAAW,IAAA;GAAO1D,WAAU;EAEnG,CAAA,GAAA,gBAACvB,GAAAA;GACQE;GACOiF;GACIC;GAClBU,QAAQjB,GAAakB,mBAAmB;GACxCC,WAAWnB,GAAaoB,mBAAmB;GAC3BnB;GACGC;GACPE;GACZiB,WAAWpD;;;AAInB,GAEaqD,MAAqD,EAChEjG,UACA4C,qBACAsD,eAAY,WACZC,gBACAxB,gBACA1E,iBACAmG,yBACAC,2BACAC,iBACD;CACC,IAAM,EAAA,MAAA,GAAA,GAAA,MAAQjG,EAAAA,GAERwC,IAAiB7C,EAAM8C,eAAe,YAAY9C,EAAMmB,UAAU4B,KAAAA,KAAa/C,EAAMmB,UAAUyB,GAE/F4D,IADexG,EAAMmB,UAAUyB,KACJ5C,EAAM8C,eAAe;CAEtD,OACE,gBAAC1D,GAAAA;EAAMqH,WAAU;EAAWC,KAAI;;GAC7B7D,KAAkB5C,KAAgBmG,KACjC,gBAACrG,GAAAA;IACQC;IACOC;IACdC,iBAAiByE,GAAazE,mBAAmB;IACjDC,gBAAgBiG;IAChBhG,WAAWiG,KAA0B;;GAIxCG,KACC,gBAACG,OAAAA;IAAItF,WAAU;IACb,UAAA,gBAACjC,GAAAA;KAAMqH,WAAU;KAAaC,KAAI;KAChC,UAAA,CAAA,gBAACE,UAAAA;MAAOvF,WAAWkD,EAAgB2B,MAAc,SAAA;MAAYzE,eAAe0E,IAAc,SAAA;MACvFpF,UAAAA,EAAAA,EAAC,EAAA,IAAA,SAAQ,CAAA;KAEZ,CAAA,GAAA,gBAAC6F,UAAAA;MAAOvF,WAAWkD,EAAgB2B,MAAc,SAAA;MAAYzE,eAAe0E,IAAc,SAAA;MACvFpF,UAAAA,EAAAA,EAAC,EAAA,IAAA,SAAgB,CAAA;;;;IAMxBmF,MAAc,aAAa,CAACM,MAC5B,gBAAA,GAAA,EAAA,UAAA;IACGF;IACD,gBAAC1E,GAAAA,EAAwB5B,SAAAA,CAAAA;IACzB,gBAAC2C,GAAAA;KAAuB3C;KAAyB4C;;IACjD,gBAACM,GAAAA,EAA+BlD,SAAAA,CAAAA;;GAInCkG,MAAc,aAAaM,KAAY,gBAAC9B,GAAAA;IAAyB1E;IAAoB2E;;;;AAG5F;;;ACnNA,SAAS0E,IAAAA;CACP,IAAM,EAAEC,cAAWC,eAAYhC,GAAU,EACvCiC,MAAM,qDACR,CAAA,GACM,EAAEC,WAAQjC,GAAU,EACxBgC,MAAM,qDACR,CAAA,GAEME,IAAWpC,GAAAA,GACX,EAAA,MAAA,GAAA,GAAA,MAAQI,EAAAA,GAER,EACJkC,MAAMC,GACNC,WACAC,aACEpC,EAAUqC,QAAQC,aAAaC,SAAS;EAAEC,YAAYb;EAAoBC;CAAQ,CAAA;CAEtF3B,GAAiBwB,GAAMgB,IAAIP,GAAOQ,IAAAA;CAElC,IAAM,EAAET,MAAMU,MAAoB3C,EAAUqC,QAAQO,QAAQL,SAAS;EACnEC,YAAYb;EACZkB,YAAY;GACV;GACA;GACA;GACA;GACA;EAAsB;CAE1B,CAAA,GAEMC,IAAc;EAClBC,WAAWJ,IAAkB,MAAM;EACnCK,WAAWL,IAAkB,MAAM;EACnCM,iBAAiBN,IAAkB,MAAM;EACzCO,iBAAiBP,IAAkB,MAAM;EACzCQ,iBAAiBR,IAAkB,MAAM;CAC3C,GAEMS,IAAQpD,EAAUqD,SAAQ,GAE1B,CAACC,GAAsBC,KAA2BhC,EAAS,EAAA,GAC3D,CAACiC,GAAuBC,KAA4BlC,EAAS,EAAA,GAC7D,CAACmC,GAAiBC,KAAsBpC,EAAS,EAAA,GACjD,CAACqC,GAAmBC,KAAwBtC,EAAS,EAAA,GACrD,CAACuC,GAAqBC,KAA0BxC,EAAS,EAAA,GAEzDyC,IAAsBhE,EAAUqC,QAAQ4B,YAAYC,YAAY,EACpEC,YAAYC,MAAAA;EAEVhB,AADAA,EAAMf,QAAQC,aAAa+B,QAAQ;GAAE7B,YAAYb;GAAWC;EAAQ,GAAGwC,CAAAA,GACvEhB,EAAMf,QAAQiC,yBAAyBC,WAAU;CACnD,EACF,CAAA,GAEMC,IAAsBxE,EAAUqC,QAAQoC,YAAYP,YAAY,EACpEC,iBAAWA;EACTf,EAAMf,QAAQiC,yBAAyBC,WAAU;CACnD,EACF,CAAA,GAEMG,IAA0B1E,EAAUqC,QAAQsC,gBAAgBT,YAAY,EAC5EC,iBAAWA;EACTf,EAAMf,QAAQC,aAAaiC,WAAW;GAAE/B,YAAYb;GAAWC;EAAQ,CAAA;CACzE,EACF,CAAA,GAEMgD,IAA0B5E,EAAUqC,QAAQwC,gBAAgBX,YAAY,EAC5EC,iBAAWA;EACTf,EAAMf,QAAQC,aAAaiC,WAAW;GAAE/B,YAAYb;GAAWC;EAAQ,CAAA;CACzE,EACF,CAAA,GAEMkD,IAAgC9E,EAAUqC,QAAQ0C,sBAAsBb,YAAY,EACxFC,YAAYC,MAAAA;EACVhB,EAAMf,QAAQC,aAAa+B,QAAQ;GAAE7B,YAAYb;GAAWC;EAAQ,GAAGwC,CAAAA;CACzE,EACF,CAAA,GAEMY,IACJ9C,GAAO+C,eAAexE,EAAiByE,UAAUhD,GAAOiD,UAAUC,KAAAA,KAAalD,GAAOiD,UAAUxD,GAE5F,EAAEM,MAAMoD,MAAiBrF,EAAUqC,QAAQiD,eAAe/C,SAC9D;EAAEC,YAAYb;EAAoBC;EAAS2D,UAAU5D;CAAU,GAC/D,EAAE6D,SAASR,KAAkB,CAAC,CAACpD,KAAW,CAAC,CAACD,EAAU,CAAA,GAGlD8D,IAAuBzF,EAAUqC,QAAQqD,kBAAkBxB,YAAY,EAC3EC,iBAAWA;EAITf,AAHAA,EAAMf,QAAQiD,eAAef,WAAW;GAAE/B,YAAYb;GAAoBC;GAAS2D,UAAU5D;EAAU,CAAA,GACvGyB,EAAMf,QAAQsD,iBAAiBpB,WAAW;GAAE/B,YAAYb;GAAoBC;EAAQ,CAAA,GACpFwB,EAAMf,QAAQiC,yBAAyBC,WAAU,GACjDnB,EAAMf,QAAQuD,+BAA+BrB,WAAU;CACzD,EACF,CAAA,GAEMsB,IAA2B,OAAOC,MAAAA;EACtC,IAAI;GACF,MAAML,EAAqBM,YAAY;IAAEvD,YAAYb;IAAWC;IAAS2D,UAAU5D;IAAWQ,QAAQ2D;GAAU,CAAA;GAChH,IAAM,EAAEE,YAAS,GAAGC,MAAYnF,GAAiCgF,CAAAA;GACjEpG,EAAMwG,KAAKF,GAASC,CAAAA;EACtB,SAAS7D,GAAO;GACd,IAAM+D,IAAgB/D,GAAkD4D,SAClE,EAAEA,YAAS,GAAGC,MAAYlF,GAA+BoF,CAAAA;GAC/DzG,EAAM0C,MAAM4D,GAASC,CAAAA;EACvB;CACF,GAEMG,UAAaA;EACjBrE,EAAS;GACPsE,IAAI;GACJC,QAAQ,EAAE3E,aAAU;EACtB,CAAA;CACF,GAEM4E,IACJvC,EAAoBwC,aACpBhC,EAAoBgC,aACpB9B,EAAwB8B,aACxB5B,EAAwB4B,aACxB1B,EAA8B0B,WAE1BC,MACJC,GACAE,MAAAA;EAEA,IAAMK,IAAyF,CAAA;EAU/F,OATAC,OAAOC,QAAQT,CAAAA,CAAAA,CAAmBU,SAAS,CAACC,GAAKL,OAAM;GACrD,IAAMD,IAAO,IAAIM;GACjB,IAAIL,KAAU,MACRK,AAAAA,KAAOT,KAAeK,EAAWK,KAAK;IAAER,IAAI;IAAUC;GAAK,CAAA;QAC1D;IACL,IAAMQ,IAAiBF,KAAOT;IAC9BK,EAAWK,KAAK;KAAER,IAAIS,IAAiB,YAAY;KAAOR;KAAMC;IAAM,CAAA;GACxE;EACF,CAAA,GACOC;CACT,GAEMO,IAAiB,OAAOd,MAAAA;EAC5B,IAAI,CAACxE,GAAO,OAAO;EACnB,IAAM+E,IAAaR,GAA6BC,GAAmBxE,CAAAA;EACnE,IAAI;GAEFqB,AADA,MAAMS,EAAoB+B,YAAY;IAAEvD,YAAYb;IAAWC;IAASqF;GAAW,CAAA,GACnF1D,EAAwB,EAAA;GACxB,IAAM,EAAEyC,YAAS,GAAGC,MAAYjF,GAAqB0G,OAAOxF,EAAMQ,QAAQR,EAAMO,EAAE,CAAA;GAElF,OADA/C,EAAMiI,QAAQ3B,GAASC,CAAAA,GAChB;EACT,QAAQ;GACN,OAAO;EACT;CACF,GAEM2B,KAAe,OAAOC,MAAAA;EAC1B,IAAI;GAGFzB,AAFA,MAAM5B,EAAoBuB,YAAY;IAAEvD,YAAYb;IAAWC,SAASiG,EAAapF;GAAG,CAAA,GACxFkB,EAAmB,EAAA,GACnByC,EAAAA;EACF,QAAQ;GACNzC,EAAmB,EAAA;EACrB;CACF,GAEMmE,KAAiB,OAAOC,MAAAA;EAC5B,IAAI;GAEFlE,AADA,MAAMe,EAAwBmB,YAAY;IAAEvD,YAAYb;IAAWC,SAASmG,EAAItF;GAAG,CAAA,GACnFoB,EAAqB,EAAA;GACrB,IAAM,EAAEmC,YAAS,GAAGC,MAAYhF,GAAuByG,OAAOK,EAAIrF,QAAQqF,EAAItF,EAAE,CAAA;GAChF/C,EAAMiI,QAAQ3B,GAASC,CAAAA;EACzB,SAAS7D,GAAO;GACdyB,EAAqB,EAAA;GACrB,IAAM,EAAEmC,YAAS,GAAGC,MAAY/E,GAA6B6G,EAAItF,IAAI,GAAkBuD,WAAW,EAAA;GAClGtG,EAAM0C,MAAM4D,GAASC,CAAAA;EACvB;CACF,GAEMgC,KAAmB,OAAOF,MAAAA;EAC9B,IAAI;GAEFhE,AADA,MAAMW,EAAwBqB,YAAY;IAAEvD,YAAYb;IAAWC,SAASmG,EAAItF;GAAG,CAAA,GACnFsB,EAAuB,EAAA;GACvB,IAAM,EAAEiC,YAAS,GAAGC,MAAY9E,GAAyBuG,OAAOK,EAAIrF,QAAQqF,EAAItF,EAAE,CAAA;GAClF/C,EAAMiI,QAAQ3B,GAASC,CAAAA;EACzB,SAAS7D,GAAO;GACd2B,EAAuB,EAAA;GACvB,IAAM,EAAEiC,YAAS,GAAGC,MAAY7E,GAA+B2G,EAAItF,IAAI,GAAkBuD,WAAW,EAAA;GACpGtG,EAAM0C,MAAM4D,GAASC,CAAAA;EACvB;CACF,GAEMiC,KAAyB,OAAOC,MAAAA;EAC/BjG,OACL,IAAI;GACF,MAAM4C,EAA8BiB,YAAY;IAC9CvD,YAAYb;IACZC,SAASM,EAAMO;IACfwC,YAAYkD;GACd,CAAA;GACA,IAAM,EAAEnC,YAAS,GAAGC,MAAY5E,GAA+BqG,OAAOxF,EAAMQ,QAAQR,EAAMO,EAAE,GAAG0F,CAAAA;GAC/FzI,EAAMiI,QAAQ3B,GAASC,CAAAA;EACzB,SAAS7D,GAAO;GACd,IAAM,EAAE4D,YAAS,GAAGC,MAAY3E,GAC9BoG,OAAOxF,EAAMQ,QAAQR,EAAMO,EAAE,GAC7B,GAAkBuD,WAAW,EAAA;GAE/BtG,EAAM0C,MAAM4D,GAASC,CAAAA;EACvB;CACF;CAGA,IAAI9D,MAAW,WACb,OAAO,gBAAC,GAAA;EAAO,QAAO;EAAW,OAAOH,EAAAA,EAAC,EAAA,IAAA,SAAA,CAAA;;CAI3C,IAAIG,MAAW,SAAS;EACtB,IAAMgE,IAAe/D,GAAO4D,WAAW;EAEvC,OACE,gBAAC,GAAA;GAAM,WAAU;GAAgB,cAAa;GAAS,WAAU;GAAS,WAAU;GAAW,KAAI;;IACjG,gBAAC,KAAA;KAAE,WAAU;KACX,UAAA,gBAAA,GAAA,EAAA,IAAA,SAAA,CAAA;;IAEF,gBAAC,KAAA;KAAE,WAAU;KAAsBG,UAAAA;;IACnC,gBAAC,GAAA;KAAO,SAASC;KAAY,SAAQ;KACnC,UAAA,gBAAA,GAAA,EAAA,IAAA,SAAA,CAAA;;;;CAIR;CAGA,IAAI,CAAClE,GACH,OACE,gBAAC,GAAA;EAAM,WAAU;EAAgB,cAAa;EAAS,WAAU;EAAS,WAAU;EAAW,KAAI;EACjG,UAAA,CAAA,gBAAC,KAAA;GAAE,WAAU;GACX,UAAA,gBAAA,GAAA,EAAA,IAAA,SAAA,CAAA;EAEF,CAAA,GAAA,gBAAC,GAAA;GAAO,SAASkE;GAAY,SAAQ;GACnC,UAAA,gBAAA,GAAA,EAAA,IAAA,SAAA,CAAA;;;CAMR,IAAMgC,IAAgBlG,EAAMC,WAAW3B,GAAe6H,aAChDC,KAAYpG,EAAM+C,eAAexE,EAAiB8H,SAClDC,KAAmBnD,GAAclD,WAAW,YAC5CsG,IAAevG,EAAMiD,UAAUxD,GAE/B+G,KAAuB1D,KAAkBwD,MAAoB1F,EAAYK,iBACzEwF,KAAoB,CAAC3D,KAAkBlC,EAAYE,WACnD4F,KAAoB,CAAC5D,KAAkBlC,EAAYC,aAAa,CAACb,EAAM2G,WACvEC,KACJ,CAAC9D,KACDyD,KACAvG,EAAM+C,eAAexE,EAAiByE,WACrCpC,EAAYG,mBAAmBH,EAAYI,kBAExC6F,IAAiBL,MAAwBC,MAAqBC,MAAqBE,IAEnFE,KACJD,KAAmB,CAAC/D,KAAkBlC,EAAYE,YAChD,gBAAC,GAAA,EAAA,UAAA;EACE+F,KACC,gBAAC,GAAA,EAAA,UAAA,CACC,gBAAC,GAAA;GAAgB,IAAG;GAClB,UAAA,gBAAC,GAAA;IAAO,MAAK;IAAW,UAAUxC;IAChC,UAAA,gBAAA,GAAA,EAAA,IAAA,SAAA,CAAA;;EAGJ,CAAA,GAAA,gBAAC,GAAA,EAAA,UAAA;GACEmC,MACC,gBAAC,GAAA;IAAc,OAAO1G,EAAAA,EAAC,EAAA,IAAA,SAAA,CAAA;IAAU,eAAe6D,EAAyB,UAAA;;GAE1E,CAACb,KAAkBlC,EAAYE,aAC9B,gBAAC,GAAA;IACC,OAAOoF,IAAgBpG,EAAAA,EAAC,EAAA,IAAA,SAAA,CAAA,IAAaA,EAAAA,EAAC,EAAA,IAAA,SAAA,CAAA;IACtC,eAAgBoG,IAAgBvE,EAAqB,EAAA,IAAQE,EAAuB,EAAA;;GAGvF,CAACiB,KAAkBlC,EAAYE,aAAasF,MAC3C,gBAAC,GAAA;IAAc,OAAOtG,EAAAA,EAAC,EAAA,IAAA,SAAA,CAAA;IAAmB,eAAekG,GAAuB,QAAA;;GAEjF,CAAClD,KACAyD,KACAvG,EAAM+C,eAAexE,EAAiByE,WACrCpC,EAAYG,mBAAmBH,EAAYI,oBAC1C,gBAAC,GAAA;IACC,OAAOlB,EAAAA,EAAC,EAAA,IAAA,SAAA,CAAA;IACR,eACED,EAAS;KACPsE,IAAI;KACJC,QAAQ;MAAE3E;MAAWC,SAASM,EAAMO;KAAG;KACvCwG,QAAQ,EAAEnH,KAAK,UAAU;IAC3B,CAAA;;GAIP,CAACkD,KAAkBlC,EAAYC,aAAa,CAACb,EAAM2G,aAClD,gBAAC,GAAA;IAAc,OAAO7G,EAAAA,EAAC,EAAA,IAAA,SAAA,CAAA;IAAU,eAAe2B,EAAmB,EAAA;;;EAK1E,CAACqB,KAAkBlC,EAAYE,aAC9B,gBAAC,GAAA;GAAO,eAAeS,EAAyB,EAAA;GAAO,UAAU8C;GAC/D,UAAA,gBAAA,GAAA,EAAA,IAAA,SAAA,CAAA;;EAGH,CAACvB,KAAkBlC,EAAYE,aAC9B,gBAAC,GAAA;GAAO,eAAeO,EAAwB,EAAA;GAAO,SAAQ;GAAU,UAAUgD;GAChF,UAAA,gBAAA,GAAA,EAAA,IAAA,SAAA,CAAA;;CAIJnB,EAAAA,CAAAA,IAAAA,KAAAA;CAGN,OACE,gBAAA,GAAA,EAAA,UAAA;EACE,gBAAC,IAAA;GAAc,OAAOsC,OAAOxF,EAAMQ,QAAQR,EAAMO,EAAE;GAAcd;GAAW,SAASqH;;EACrF,gBAAC,OAAA;GAAI,WAAU;GACb,UAAA,gBAAC,IAAA;IAEQ9G;IACP,kBAAkBP;IAClB,WAAWG,KAAO;IAClB,cAAcoH,MACZnH,EAAS,EACPkH,QAAQ,EAAEnH,KAAKoH,MAAW,YAAY9D,KAAAA,IAAY8D,EAAO,EAC3D,CAAA;IAEF,aAAa;KACXjG,iBAAiBH,EAAYG;KAC7BC,iBAAiBJ,EAAYI;KAC7BC,iBAAiBL,EAAYK;IAC/B;IACckC;IACd,sBAAsBQ;IACtB,wBAAwBJ,EAAqBe;GAhBxCtE,GAAAA,EAAMO,EAAE;;EAoBhBa,KACC,gBAAC,IAAA;GACQpB;GACP,QAAQoB;GACR,WAAWU,EAAoBwC;GAC/B,eAAejD,EAAwB,EAAA;GACvC,QAAQiE;;EAIXhE,KACC,gBAAC,IAAA;GACQtB;GACP,QAAQsB;GACR,WAAWQ,EAAoBwC;GAC/B,eAAe/C,EAAyB,EAAA;GACxC,QAAQ+D;;EAIX9D,KACC,gBAAC,IAAA;GACQxB;GACP,QAAQwB;GACR,WAAWc,EAAoBgC;GAC/B,YAAY,CAAC,CAACtE,EAAM2G;GACpB,eAAelF,EAAmB,EAAA;GAClC,UAAUiE;;EAIbhE,KACC,gBAAC,IAAA;GACQ1B;GACP,QAAQ0B;GACR,WAAWgB,EAAwB4B;GACnC,eAAe3C,EAAqB,EAAA;GACpC,YAAYiE;;EAIfhE,KACC,gBAAC,IAAA;GACQ5B;GACP,QAAQ4B;GACR,WAAWY,EAAwB8B;GACnC,eAAezC,EAAuB,EAAA;GACtC,cAAckE;;;AAKxB"}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"_imageId-D76BxvFY.mjs","names":["createFileRoute","redirect","z","getServiceIndex","GlanceImage","MemberStatus","Route","staticData","section","service","analytics","name","RouteInfo","validateSearch","object","tab","enum","optional","loader","context","params","image","trpcClient","compute","getImageById","query","project_id","projectId","imageId","imageTitle","id","head","loaderData","meta","title","component","lazyRouteComponent","$$splitComponentImporter","beforeLoad","availableServices","auth","getAvailableServices","serviceIndex","to"],"sources":["../../src/client/routes/_auth/projects/$projectId/compute/images/$imageId.tsx"],"sourcesContent":["import {\n Button,\n ButtonRow,\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 =\n hasMoreActions || (!isSharedWithMe && permissions.canUpdate) ? (\n <ButtonRow>\n {hasMoreActions && (\n <PopupMenu>\n <PopupMenuToggle as=\"div\">\n <Button icon=\"moreVert\" disabled={isLoading}>\n <Trans>More Actions</Trans>\n </Button>\n </PopupMenuToggle>\n <PopupMenuOptions>\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 {!isSharedWithMe && permissions.canUpdate && (\n <Button onClick={() => setEditMetadataModalOpen(true)} disabled={isLoading}>\n <Trans>Edit Metadata</Trans>\n </Button>\n )}\n {!isSharedWithMe && permissions.canUpdate && (\n <Button onClick={() => setEditDetailsModalOpen(true)} variant=\"primary\" disabled={isLoading}>\n <Trans>Edit Details</Trans>\n </Button>\n )}\n </ButtonRow>\n ) : undefined\n\n // Render success state\n return (\n <>\n <ContentHeader title={String(image.name ?? image.id)} projectId={projectId} actions={headerActions} />\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":";;;AA0CA,IAAaM,IAAQN,EAAgB,oDAAA,CAAA,CAAsD;CACzFO,YAAY;EACVC,SAAS;EACTC,SAAS;EACTC,WAAW,EACTC,MAAM,wBACR;CACF;CACAE,gBAAgBX,EAAEY,OAAO,EACvBC,KAAKb,EAAEc,KAAK,CAAC,WAAW,SAAU,CAAA,CAAA,CAAEC,SAAQ,EAC9C,CAAA;CACAC,QAAQ,OAAO,EAAEC,YAASC,gBAAQ;EAChC,IAAI;GACF,IAAMC,IAAQ,MAAMF,EAAQG,YAAYC,QAAQC,aAAaC,MAAM;IACjEC,YAAYN,EAAOO;IACnBC,SAASR,EAAOQ;GAClB,CAAA;GACA,OAAO,EAAEC,YAAaR,GAAOV,QAA+BU,GAAOS,MAAM,KAAK;EAChF,QAAQ;GACN,OAAO,EAAED,YAAY,KAAK;EAC5B;CACF;CACAE,OAAO,EAAEC,qBAAkB,EACzBC,MAAM,CAAC,EAAEC,OAAOF,GAAYH,cAAc,gBAAgB,CAAC,EAC7D;CACAM,WAASC,2CAAA,WAAA;CACTE,YAAY,OAAO,EAAEnB,YAASC,gBAAQ;EACpC,IAAM,EAAEE,kBAAeH,GACjB,EAAEQ,iBAAcP,GAEhBmB,IAAoB,MAAOjB,GAAYkB,KAAKC,qBAAqBhB,MAAAA,KAAY,CAAA,GAE7EiB,IAAevC,EAAgBoC,CAAAA;EAGrC,IAAI,CAACG,EAAa,SAAY,CAACA,EAAa,SAC1C,MAAMzC,EAAS;GACb0C,IAAI;GACJvB,QAAQ,EAAEO,aAAU;EACtB,CAAA;EAGF,IAAI,CAACe,EAAa,MAAS,QAEzB,MAAMzC,EAAS;GACb0C,IAAI;GACJvB,QAAQ,EAAEO,WAAWP,EAAOO,UAAU;EACxC,CAAA;CAEJ;AACF,CAAA"}
|