@cobaltcore-dev/aurora 0.2.2 → 0.3.1

package/dist/client/{FloatingIpActionModals-CfRJiZqD.mjs → FloatingIpActionModals-By2hXR9m.mjs}

@@ -1,4 +1,4 @@
-import { $ as e, K as t, U as n, c as r, f as i, i as a, it as o, r as s, rt as c, w as l } from "./build-Cf7iWbpH.mjs";
+import { Q as e, T as t, at as n, d as r, n as i, nt as a, ot as o, q as s, r as c, s as l } from "./build-BJDfnAyi.mjs";
 import { r as u } from "./trpcClient-BxguzNYF.mjs";
 import { t as d } from "./useModal-DxxlilRm.mjs";
 import { t as f } from "./useProjectId-CgOTejka.mjs";
@@ -68,29 +68,29 @@ var x = () => {
 		isDeletePending: r.isPending,
 		deleteError: r.error?.message ?? null
 	};
-}, S = ({ floatingIp: e, open: r, onClose: l, onUpdate: d, isLoading: p = !1, error: x = null }) => {
-	let { i18n: S, _: C } = _(), w = f(), { floating_ip_address: T } = e, E = v.object({
+}, S = ({ floatingIp: t, open: a, onClose: l, onUpdate: d, isLoading: p = !1, error: x = null }) => {
+	let { i18n: S, _: C } = _(), w = f(), { floating_ip_address: T } = t, E = v.object({
 		port_id: v.string(),
 		fixed_ip_address: v.string()
 	}), { data: D = [] } = u.network.floatingIp.listAvailablePorts.useQuery({ project_id: w }), O = y({
 		defaultValues: {
-			port_id: e.port_id ?? "",
+			port_id: t.port_id ?? "",
 			fixed_ip_address: ""
 		},
 		validators: { onSubmit: E },
-		onSubmit: async ({ value: t }) => {
-			p || (await d(e.id, {
+		onSubmit: async ({ value: e }) => {
+			p || (await d(t.id, {
 				project_id: w,
-				port_id: t.port_id,
-				...t.fixed_ip_address && { fixed_ip_address: t.fixed_ip_address }
+				port_id: e.port_id,
+				...e.fixed_ip_address && { fixed_ip_address: e.fixed_ip_address }
 			}), k());
 		}
 	}), k = () => {
 		O.reset(), l();
 	}, A = b(O.store, (e) => e.values.port_id), j = D.find((e) => e.id === A)?.fixed_ips ?? [];
 	return /* @__PURE__ */ h(o, {
-		id: e.id,
-		open: r,
+		id: t.id,
+		open: a,
 		size: "large",
 		title: S._({
 			id: "slWh5C",
@@ -102,7 +102,7 @@ var x = () => {
 		onConfirm: O.handleSubmit,
 		disableConfirmButton: p || !A,
 		children: [
-			x && /* @__PURE__ */ m(n, {
+			x && /* @__PURE__ */ m(s, {
 				dismissible: !1,
 				variant: "error",
 				className: "mb-4",
@@ -110,22 +110,22 @@ var x = () => {
 			}),
 			p && /* @__PURE__ */ h("div", {
 				className: "mb-4 flex items-center justify-center gap-2",
-				children: [/* @__PURE__ */ m(t, { variant: "primary" }), /* @__PURE__ */ m("span", {
+				children: [/* @__PURE__ */ m(e, { variant: "primary" }), /* @__PURE__ */ m("span", {
 					className: "text-theme-high text-sm",
 					children: /* @__PURE__ */ m(g, { id: "tejJLY" })
 				})]
 			}),
-			!p && /* @__PURE__ */ h(c, {
+			!p && /* @__PURE__ */ h(n, {
 				className: "mb-0",
 				id: "associate-floating-ip-form",
 				onSubmit: (e) => {
 					e.preventDefault(), O.handleSubmit();
 				},
-				children: [/* @__PURE__ */ m(s, {
+				children: [/* @__PURE__ */ m(i, {
 					className: "mb-4",
 					children: /* @__PURE__ */ m(O.Field, {
 						name: "port_id",
-						children: (e) => /* @__PURE__ */ m(a, {
+						children: (e) => /* @__PURE__ */ m(c, {
 							id: e.name,
 							name: e.name,
 							value: e.state.value,
@@ -139,15 +139,15 @@ var x = () => {
 							placeholder: S._({ id: "UztfYZ" }),
 							errortext: e.state.meta.errors.map((e) => e?.message).join(", "),
 							disabled: p,
-							children: D.map((e) => /* @__PURE__ */ m(i, {
+							children: D.map((e) => /* @__PURE__ */ m(r, {
 								value: e.id,
 								label: e.name ? `${e.name} (${e.id})` : e.id
 							}, e.id))
 						})
 					})
-				}), /* @__PURE__ */ m(s, { children: /* @__PURE__ */ m(O.Field, {
+				}), /* @__PURE__ */ m(i, { children: /* @__PURE__ */ m(O.Field, {
 					name: "fixed_ip_address",
-					children: (e) => /* @__PURE__ */ m(a, {
+					children: (e) => /* @__PURE__ */ m(c, {
 						id: e.name,
 						name: e.name,
 						value: e.state.value,
@@ -157,7 +157,7 @@ var x = () => {
 						helptext: S._({ id: "PtjzS+" }),
 						errortext: e.state.meta.errors.map((e) => e?.message).join(", "),
 						disabled: p || j.length === 0,
-						children: j.map(({ ip_address: e }) => /* @__PURE__ */ m(i, {
+						children: j.map(({ ip_address: e }) => /* @__PURE__ */ m(r, {
 							value: e,
 							label: e
 						}, e))
@@ -166,7 +166,7 @@ var x = () => {
 			})
 		]
 	});
-}, C = ({ floatingIp: r, open: i, onClose: a, onUpdate: u, isLoading: d = !1, error: p = null }) => {
+}, C = ({ floatingIp: r, open: c, onClose: l, onUpdate: u, isLoading: d = !1, error: p = null }) => {
 	let { i18n: x, _: S } = _(), C = f(), { floating_ip_address: w } = r, T = y({
 		defaultValues: { detach: "" },
 		validators: { onSubmit: v.object({ detach: v.string().refine((e) => e === "detach", { message: x._({ id: "dPoCVe" }) }) }) },
@@ -177,10 +177,10 @@ var x = () => {
 			}), D());
 		}
 	}), E = b(T.store, (e) => e.isSubmitting || e.values.detach !== "detach"), D = () => {
-		T.reset(), a();
+		T.reset(), l();
 	};
 	return /* @__PURE__ */ h(o, {
-		open: i,
+		open: c,
 		size: "large",
 		title: x._({
 			id: "vZUKSz",
@@ -192,7 +192,7 @@ var x = () => {
 		onConfirm: T.handleSubmit,
 		disableConfirmButton: d || E,
 		children: [
-			p && /* @__PURE__ */ m(n, {
+			p && /* @__PURE__ */ m(s, {
 				dismissible: !1,
 				variant: "error",
 				className: "mb-4",
@@ -200,12 +200,12 @@ var x = () => {
 			}),
 			d && /* @__PURE__ */ h("div", {
 				className: "mb-4 flex items-center justify-center gap-2",
-				children: [/* @__PURE__ */ m(t, { variant: "primary" }), /* @__PURE__ */ m("span", {
+				children: [/* @__PURE__ */ m(e, { variant: "primary" }), /* @__PURE__ */ m("span", {
 					className: "text-theme-high text-sm",
 					children: /* @__PURE__ */ m(g, { id: "D3IRXw" })
 				})]
 			}),
-			/* @__PURE__ */ h(e, {
+			/* @__PURE__ */ h(a, {
 				gap: "2.5",
 				direction: "vertical",
 				className: "mb-2.5",
@@ -214,15 +214,15 @@ var x = () => {
 					components: { 0: /* @__PURE__ */ m("strong", {}) }
 				}) })]
 			}),
-			!d && /* @__PURE__ */ m(c, {
+			!d && /* @__PURE__ */ m(n, {
 				className: "mb-0",
 				id: "detach-floating-ip-form",
 				onSubmit: (e) => {
 					e.preventDefault(), T.handleSubmit();
 				},
-				children: /* @__PURE__ */ m(s, { children: /* @__PURE__ */ m(T.Field, {
+				children: /* @__PURE__ */ m(i, { children: /* @__PURE__ */ m(T.Field, {
 					name: "detach",
-					children: (e) => /* @__PURE__ */ m(l, {
+					children: (e) => /* @__PURE__ */ m(t, {
 						id: e.name,
 						name: e.name,
 						value: e.state.value,
@@ -236,24 +236,24 @@ var x = () => {
 			})
 		]
 	});
-}, w = ({ floatingIp: e, open: i, onClose: a, onUpdate: l, isLoading: u = !1, error: d = null }) => {
-	let { i18n: p, _: x } = _(), S = f(), { description: C, floating_ip_address: w } = e, T = v.object({ description: v.string().trim().min(1, p._({ id: "47eI0x" })).max(255, p._({ id: "lZvIXd" })) }), E = y({
+}, w = ({ floatingIp: t, open: r, onClose: a, onUpdate: c, isLoading: u = !1, error: d = null }) => {
+	let { i18n: p, _: x } = _(), S = f(), { description: C, floating_ip_address: w } = t, T = v.object({ description: v.string().trim().min(1, p._({ id: "47eI0x" })).max(255, p._({ id: "lZvIXd" })) }), E = y({
 		defaultValues: { description: C ?? "" },
 		validators: { onSubmit: T },
-		onSubmit: async ({ value: t }) => {
+		onSubmit: async ({ value: e }) => {
 			if (u) return;
 			let n = {
 				project_id: S,
-				port_id: e.port_id,
-				description: t.description.trim()
+				port_id: t.port_id,
+				description: e.description.trim()
 			};
-			await l(e.id, n), D();
+			await c(t.id, n), D();
 		}
 	}), D = () => {
 		E.reset(), a();
 	}, O = b(E.store, (e) => e.isSubmitting || !e.isDirty);
 	return /* @__PURE__ */ h(o, {
-		open: i,
+		open: r,
 		size: "large",
 		title: p._({
 			id: "n1gB0L",
@@ -265,7 +265,7 @@ var x = () => {
 		disableConfirmButton: u || O,
 		onConfirm: E.handleSubmit,
 		children: [
-			d && /* @__PURE__ */ m(n, {
+			d && /* @__PURE__ */ m(s, {
 				dismissible: !1,
 				variant: "error",
 				className: "mb-4",
@@ -273,20 +273,20 @@ var x = () => {
 			}),
 			u && /* @__PURE__ */ h("div", {
 				className: "mb-4 flex items-center justify-center gap-2",
-				children: [/* @__PURE__ */ m(t, { variant: "primary" }), /* @__PURE__ */ m("span", {
+				children: [/* @__PURE__ */ m(e, { variant: "primary" }), /* @__PURE__ */ m("span", {
 					className: "text-theme-high text-sm",
 					children: /* @__PURE__ */ m(g, { id: "5g7owI" })
 				})]
 			}),
-			!u && /* @__PURE__ */ m(c, {
+			!u && /* @__PURE__ */ m(n, {
 				className: "mb-0",
 				id: "edit-floating-ip-form",
 				onSubmit: (e) => {
 					e.preventDefault(), E.handleSubmit();
 				},
-				children: /* @__PURE__ */ m(s, { children: /* @__PURE__ */ m(E.Field, {
+				children: /* @__PURE__ */ m(i, { children: /* @__PURE__ */ m(E.Field, {
 					name: "description",
-					children: (e) => /* @__PURE__ */ m(r, {
+					children: (e) => /* @__PURE__ */ m(l, {
 						id: e.name,
 						name: e.name,
 						value: e.state.value,
@@ -300,8 +300,8 @@ var x = () => {
 				}) })
 			})
 		]
-	}, e.id);
-}, T = ({ floatingIp: r, open: i, onClose: a, onUpdate: u, isLoading: d = !1, error: f = null }) => {
+	}, t.id);
+}, T = ({ floatingIp: r, open: c, onClose: l, onUpdate: u, isLoading: d = !1, error: f = null }) => {
 	let { i18n: p, _: x } = _(), { floating_ip_address: S } = r, C = y({
 		defaultValues: { release: "" },
 		validators: { onSubmit: v.object({ release: v.string().refine((e) => e === "release", { message: p._({ id: "TPMaxo" }) }) }) },
@@ -309,10 +309,10 @@ var x = () => {
 			d || (await u(r.id), T());
 		}
 	}), w = b(C.store, (e) => e.isSubmitting || e.values.release !== "release"), T = () => {
-		C.reset(), a();
+		C.reset(), l();
 	};
 	return /* @__PURE__ */ h(o, {
-		open: i,
+		open: c,
 		size: "large",
 		title: p._({
 			id: "Ovofy+",
@@ -324,7 +324,7 @@ var x = () => {
 		onConfirm: C.handleSubmit,
 		disableConfirmButton: d || w,
 		children: [
-			f && /* @__PURE__ */ m(n, {
+			f && /* @__PURE__ */ m(s, {
 				dismissible: !1,
 				variant: "error",
 				className: "mb-4",
@@ -332,12 +332,12 @@ var x = () => {
 			}),
 			d && /* @__PURE__ */ h("div", {
 				className: "mb-4 flex items-center justify-center gap-2",
-				children: [/* @__PURE__ */ m(t, { variant: "primary" }), /* @__PURE__ */ m("span", {
+				children: [/* @__PURE__ */ m(e, { variant: "primary" }), /* @__PURE__ */ m("span", {
 					className: "text-theme-high text-sm",
 					children: /* @__PURE__ */ m(g, { id: "Yin3uB" })
 				})]
 			}),
-			/* @__PURE__ */ h(e, {
+			/* @__PURE__ */ h(a, {
 				gap: "2.5",
 				direction: "vertical",
 				className: "mb-2.5",
@@ -346,15 +346,15 @@ var x = () => {
 					components: { 0: /* @__PURE__ */ m("strong", {}) }
 				}) })]
 			}),
-			!d && /* @__PURE__ */ m(c, {
+			!d && /* @__PURE__ */ m(n, {
 				className: "mb-0",
 				id: "release-floating-ip-form",
 				onSubmit: (e) => {
 					e.preventDefault(), C.handleSubmit();
 				},
-				children: /* @__PURE__ */ m(s, { children: /* @__PURE__ */ m(C.Field, {
+				children: /* @__PURE__ */ m(i, { children: /* @__PURE__ */ m(C.Field, {
 					name: "release",
-					children: (e) => /* @__PURE__ */ m(l, {
+					children: (e) => /* @__PURE__ */ m(t, {
 						id: e.name,
 						name: e.name,
 						value: e.state.value,
@@ -414,4 +414,4 @@ var x = () => {
 //#endregion
 export { E as t };
 
-//# sourceMappingURL=FloatingIpActionModals-CfRJiZqD.mjs.map
+//# sourceMappingURL=FloatingIpActionModals-By2hXR9m.mjs.map

package/dist/client/{FloatingIpActionModals-CfRJiZqD.mjs.map → FloatingIpActionModals-By2hXR9m.mjs.map}

@@ -1 +1 @@
-{"version":3,"file":"FloatingIpActionModals-CfRJiZqD.mjs","names":["trpcReact","useProjectId","useFloatingIpMutations","projectId","utils","useUtils","updateMutation","network","floatingIp","update","useMutation","onMutate","variables","list","cancel","getById","project_id","floatingip_id","previousItem","getData","setData","old","port_id","fixed_ip_address","undefined","description","distributed","onError","_err","context","onSettled","_data","_error","invalidate","deleteMutation","delete","handleUpdate","floatingIpId","data","mutateAsync","handleDelete","isUpdatePending","isPending","updateError","error","message","isDeletePending","deleteError","z","useForm","useStore","Modal","Form","FormSection","Spinner","Message","Select","SelectOption","trpcReact","useProjectId","AssociateFloatingIpModal","floatingIp","open","onClose","onUpdate","isLoading","error","useLingui","projectId","floating_ip_address","formSchema","object","port_id","string","fixed_ip_address","data","availablePorts","network","listAvailablePorts","useQuery","project_id","form","defaultValues","validators","onSubmit","value","id","handleClose","reset","currentPortId","store","state","values","selectedPort","find","port","portFixedIps","fixed_ips","size","title","t","onCancel","cancelButtonLabel","confirmButtonLabel","onConfirm","handleSubmit","disableConfirmButton","dismissible","variant","className","div","span","e","preventDefault","Field","name","children","field","onChange","portId","handleChange","p","ips","setFieldValue","length","ip_address","label","placeholder","errortext","meta","errors","map","message","join","disabled","helptext","z","useForm","useStore","Modal","Form","FormSection","Spinner","Message","TextInput","Stack","useProjectId","DetachFloatingIpModal","floatingIp","open","onClose","onUpdate","isLoading","error","useLingui","projectId","floating_ip_address","formSchema","object","detach","string","refine","value","message","t","form","defaultValues","validators","onSubmit","id","project_id","port_id","handleClose","canDetach","store","state","isSubmitting","values","reset","size","title","onCancel","cancelButtonLabel","confirmButtonLabel","onConfirm","handleSubmit","disableConfirmButton","dismissible","variant","className","div","span","gap","direction","p","strong","e","preventDefault","Field","name","children","field","onChange","handleChange","target","placeholder","helptext","disabled","required","z","useForm","useStore","Modal","Form","FormSection","Spinner","Textarea","Message","useProjectId","EditFloatingIpModal","floatingIp","open","onClose","onUpdate","isLoading","error","useLingui","projectId","description","floating_ip_address","formSchema","object","string","trim","min","t","max","form","defaultValues","validators","onSubmit","value","updateData","project_id","port_id","id","handleClose","reset","enableConfirmButton","store","state","isSubmitting","isDirty","size","title","onCancel","cancelButtonLabel","confirmButtonLabel","disableConfirmButton","onConfirm","handleSubmit","dismissible","variant","className","div","span","e","preventDefault","Field","name","children","field","onChange","handleChange","target","errortext","meta","errors","map","message","join","label","placeholder","disabled","required","z","useForm","useStore","Modal","Form","FormSection","Spinner","Message","TextInput","Stack","ReleaseFloatingIpModal","floatingIp","open","onClose","onUpdate","isLoading","error","useLingui","floating_ip_address","formSchema","object","release","string","refine","value","message","t","form","defaultValues","validators","onSubmit","id","handleClose","canRelease","store","state","isSubmitting","values","reset","size","title","onCancel","cancelButtonLabel","confirmButtonLabel","onConfirm","handleSubmit","disableConfirmButton","dismissible","variant","className","div","span","gap","direction","p","strong","e","preventDefault","Field","name","children","field","onChange","handleChange","target","placeholder","helptext","disabled","required","useModal","useFloatingIpMutations","AssociateFloatingIpModal","DetachFloatingIpModal","EditFloatingIpModal","ReleaseFloatingIpModal","FloatingIpActionModals","floatingIp","children","editModalOpen","toggleEditModal","attachModalOpen","toggleAttachModal","detachModalOpen","toggleDetachModal","releaseModalOpen","toggleReleaseModal","handleUpdate","handleDelete","isUpdatePending","updateError","isDeletePending","deleteError","open","onClose","onUpdate","isLoading","error"],"sources":["../../src/client/routes/_auth/projects/$projectId/network/floatingips/-hooks/useFloatingIpMutations.ts","../../src/client/routes/_auth/projects/$projectId/network/floatingips/-components/-modals/AssociateFloatingIpModal.tsx","../../src/client/routes/_auth/projects/$projectId/network/floatingips/-components/-modals/DetachFloatingIpModal.tsx","../../src/client/routes/_auth/projects/$projectId/network/floatingips/-components/-modals/EditFloatingIpModal.tsx","../../src/client/routes/_auth/projects/$projectId/network/floatingips/-components/-modals/ReleaseFloatingIpModal.tsx","../../src/client/routes/_auth/projects/$projectId/network/floatingips/-components/-modals/FloatingIpActionModals.tsx"],"sourcesContent":["import { trpcReact } from \"@/client/trpcClient\"\nimport { useProjectId } from \"@/client/hooks\"\nimport type { FloatingIpUpdateFields } from \"../-components/-modals/EditFloatingIpModal\"\n\nexport const useFloatingIpMutations = () => {\n  const projectId = useProjectId()\n  const utils = trpcReact.useUtils()\n\n  const updateMutation = trpcReact.network.floatingIp.update.useMutation({\n    onMutate: async (variables) => {\n      await utils.network.floatingIp.list.cancel()\n      await utils.network.floatingIp.getById.cancel({ project_id: projectId, floatingip_id: variables.floatingip_id })\n      const previousItem = utils.network.floatingIp.getById.getData({\n        project_id: projectId,\n        floatingip_id: variables.floatingip_id,\n      })\n      utils.network.floatingIp.getById.setData(\n        { project_id: projectId, floatingip_id: variables.floatingip_id },\n        (old) =>\n          old\n            ? {\n                ...old,\n                port_id: variables.port_id,\n                ...(variables.fixed_ip_address !== undefined && { fixed_ip_address: variables.fixed_ip_address }),\n                ...(variables.description !== undefined && { description: variables.description }),\n                ...(variables.distributed !== undefined && { distributed: variables.distributed }),\n              }\n            : old\n      )\n      return { previousItem }\n    },\n    onError: (_err, variables, context) => {\n      if (context?.previousItem !== undefined) {\n        utils.network.floatingIp.getById.setData(\n          { project_id: projectId, floatingip_id: variables.floatingip_id },\n          context.previousItem\n        )\n      }\n    },\n    onSettled: (_data, _error, variables) => {\n      utils.network.floatingIp.getById.invalidate({ project_id: projectId, floatingip_id: variables.floatingip_id })\n      utils.network.floatingIp.list.invalidate()\n    },\n  })\n\n  const deleteMutation = trpcReact.network.floatingIp.delete.useMutation({\n    onMutate: async () => {\n      await utils.network.floatingIp.list.cancel()\n    },\n    onSettled: () => {\n      utils.network.floatingIp.list.invalidate()\n    },\n  })\n\n  const handleUpdate = async (floatingIpId: string, data: FloatingIpUpdateFields) => {\n    await updateMutation.mutateAsync({\n      ...data,\n      floatingip_id: floatingIpId,\n    })\n  }\n\n  const handleDelete = async (floatingIpId: string) => {\n    await deleteMutation.mutateAsync({\n      project_id: projectId,\n      floatingip_id: floatingIpId,\n    })\n  }\n\n  return {\n    handleUpdate,\n    handleDelete,\n    isUpdatePending: updateMutation.isPending,\n    updateError: updateMutation.error?.message ?? null,\n    isDeletePending: deleteMutation.isPending,\n    deleteError: deleteMutation.error?.message ?? null,\n  }\n}\n","import { z } from \"zod\"\nimport { useForm, useStore } from \"@tanstack/react-form\"\nimport { Trans, useLingui } from \"@lingui/react/macro\"\nimport { Modal, Form, FormSection, Spinner, Message, Select, SelectOption } from \"@cloudoperators/juno-ui-components\"\nimport type { FloatingIp } from \"@/server/Network/types/floatingIp\"\nimport { trpcReact } from \"@/client/trpcClient\"\nimport { useProjectId } from \"@/client/hooks\"\nimport { FloatingIpUpdateFields } from \"./EditFloatingIpModal\"\n\nexport interface AssociateFloatingIpModalProps {\n  floatingIp: FloatingIp\n  open: boolean\n  onClose: () => void\n  onUpdate: (floatingIpId: string, data: FloatingIpUpdateFields) => Promise<void>\n  isLoading?: boolean\n  error?: string | null\n}\n\nexport const AssociateFloatingIpModal = ({\n  floatingIp,\n  open,\n  onClose,\n  onUpdate,\n  isLoading = false,\n  error = null,\n}: AssociateFloatingIpModalProps) => {\n  const { t } = useLingui()\n  const projectId = useProjectId()\n  const { floating_ip_address } = floatingIp\n\n  const formSchema = z.object({\n    port_id: z.string(),\n    fixed_ip_address: z.string(),\n  })\n\n  const { data: availablePorts = [] } = trpcReact.network.floatingIp.listAvailablePorts.useQuery({\n    project_id: projectId,\n  })\n\n  const form = useForm({\n    defaultValues: {\n      port_id: floatingIp.port_id ?? \"\",\n      fixed_ip_address: \"\",\n    },\n    validators: {\n      onSubmit: formSchema,\n    },\n    onSubmit: async ({ value }) => {\n      if (isLoading) return\n\n      await onUpdate(floatingIp.id, {\n        project_id: projectId,\n        port_id: value.port_id,\n        ...(value.fixed_ip_address && {\n          fixed_ip_address: value.fixed_ip_address,\n        }),\n      })\n      handleClose()\n    },\n  })\n\n  const handleClose = () => {\n    form.reset()\n    onClose()\n  }\n\n  const currentPortId = useStore(form.store, (state) => state.values.port_id)\n  const selectedPort = availablePorts.find((port) => port.id === currentPortId)\n  const portFixedIps = selectedPort?.fixed_ips ?? []\n\n  return (\n    <Modal\n      id={floatingIp.id}\n      open={open}\n      size=\"large\"\n      title={t`Associate Floating IP ${floating_ip_address} with Port`}\n      onCancel={handleClose}\n      cancelButtonLabel={t`Cancel`}\n      confirmButtonLabel={t`Associate`}\n      onConfirm={form.handleSubmit}\n      disableConfirmButton={isLoading || !currentPortId}\n    >\n      {error && (\n        <Message dismissible={false} variant=\"error\" className=\"mb-4\">\n          {error}\n        </Message>\n      )}\n\n      {isLoading && (\n        <div className=\"mb-4 flex items-center justify-center gap-2\">\n          <Spinner variant=\"primary\" />\n          <span className=\"text-theme-high text-sm\">\n            <Trans>Associating Floating IP...</Trans>\n          </span>\n        </div>\n      )}\n\n      {!isLoading && (\n        <Form\n          className=\"mb-0\"\n          id=\"associate-floating-ip-form\"\n          onSubmit={(e) => {\n            e.preventDefault()\n            form.handleSubmit()\n          }}\n        >\n          <FormSection className=\"mb-4\">\n            <form.Field\n              name=\"port_id\"\n              children={(field) => (\n                <Select\n                  id={field.name}\n                  name={field.name}\n                  value={field.state.value}\n                  onChange={(value) => {\n                    const portId = typeof value === \"string\" ? value : \"\"\n                    field.handleChange(portId)\n                    const port = availablePorts.find((p) => p.id === portId)\n                    const ips = port?.fixed_ips ?? []\n                    form.setFieldValue(\"fixed_ip_address\", ips.length === 1 ? ips[0].ip_address : \"\")\n                  }}\n                  label={t`Port ID`}\n                  placeholder={t`Select port to associate`}\n                  errortext={field.state.meta.errors.map((e) => e?.message).join(\", \")}\n                  disabled={isLoading}\n                >\n                  {availablePorts.map((port) => (\n                    <SelectOption\n                      key={port.id}\n                      value={port.id}\n                      label={port.name ? `${port.name} (${port.id})` : port.id}\n                    />\n                  ))}\n                </Select>\n              )}\n            />\n          </FormSection>\n          <FormSection>\n            <form.Field\n              name=\"fixed_ip_address\"\n              children={(field) => (\n                <Select\n                  id={field.name}\n                  name={field.name}\n                  value={field.state.value}\n                  onChange={(value) => field.handleChange(typeof value === \"string\" ? value : \"\")}\n                  label={t`Fixed IP Address`}\n                  placeholder={t`Select a fixed IP address`}\n                  helptext={t`Associates on the selected port. If the port has multiple IPs, select the desired fixed IP address.`}\n                  errortext={field.state.meta.errors.map((e) => e?.message).join(\", \")}\n                  disabled={isLoading || portFixedIps.length === 0}\n                >\n                  {portFixedIps.map(({ ip_address }) => (\n                    <SelectOption key={ip_address} value={ip_address} label={ip_address} />\n                  ))}\n                </Select>\n              )}\n            />\n          </FormSection>\n        </Form>\n      )}\n    </Modal>\n  )\n}\n","import { z } from \"zod\"\nimport { useForm, useStore } from \"@tanstack/react-form\"\nimport { Trans, useLingui } from \"@lingui/react/macro\"\nimport { Modal, Form, FormSection, Spinner, Message, TextInput, Stack } from \"@cloudoperators/juno-ui-components\"\nimport type { FloatingIp } from \"@/server/Network/types/floatingIp\"\nimport { useProjectId } from \"@/client/hooks\"\nimport { FloatingIpUpdateFields } from \"./EditFloatingIpModal\"\n\nexport interface DetachFloatingIpModalProps {\n  floatingIp: FloatingIp\n  open: boolean\n  onClose: () => void\n  onUpdate: (floatingIpId: string, data: FloatingIpUpdateFields) => Promise<void>\n  isLoading?: boolean\n  error?: string | null\n}\n\nexport const DetachFloatingIpModal = ({\n  floatingIp,\n  open,\n  onClose,\n  onUpdate,\n  isLoading = false,\n  error = null,\n}: DetachFloatingIpModalProps) => {\n  const { t } = useLingui()\n  const projectId = useProjectId()\n  const { floating_ip_address } = floatingIp\n\n  const formSchema = z.object({\n    detach: z.string().refine((value) => value === \"detach\", {\n      message: t`Type “detach” to confirm`,\n    }),\n  })\n\n  const form = useForm({\n    defaultValues: {\n      detach: \"\",\n    },\n    validators: {\n      onSubmit: formSchema,\n    },\n    onSubmit: async () => {\n      if (isLoading) return\n\n      await onUpdate(floatingIp.id, {\n        project_id: projectId,\n        port_id: null, // Detach by clearing the port association\n      })\n      handleClose()\n    },\n  })\n\n  // creates a reactive subscription so the component re-renders, which allows the confirm button to enable once the user types \"detach\".\n  const canDetach = useStore(form.store, (state) => state.isSubmitting || state.values.detach !== \"detach\")\n\n  const handleClose = () => {\n    form.reset()\n    onClose()\n  }\n\n  return (\n    <Modal\n      open={open}\n      size=\"large\"\n      title={t`Detach Floating IP ${floating_ip_address}`}\n      onCancel={handleClose}\n      cancelButtonLabel={t`Cancel`}\n      confirmButtonLabel={t`Detach`}\n      onConfirm={form.handleSubmit}\n      disableConfirmButton={isLoading || canDetach}\n    >\n      {error && (\n        <Message dismissible={false} variant=\"error\" className=\"mb-4\">\n          {error}\n        </Message>\n      )}\n\n      {isLoading && (\n        <div className=\"mb-4 flex items-center justify-center gap-2\">\n          <Spinner variant=\"primary\" />\n          <span className=\"text-theme-high text-sm\">\n            <Trans>Detaching Floating IP...</Trans>\n          </span>\n        </div>\n      )}\n\n      <Stack gap=\"2.5\" direction=\"vertical\" className=\"mb-2.5\">\n        <p>\n          <Trans>\n            Detaching this Floating IP will remove its association with the current port. The instance will no longer be\n            reachable through this address.\n          </Trans>\n        </p>\n        <p>\n          <Trans>\n            To confirm this action, type the word <strong>“detach”</strong> in the field below.\n          </Trans>\n        </p>\n      </Stack>\n\n      {!isLoading && (\n        <Form\n          className=\"mb-0\"\n          id=\"detach-floating-ip-form\"\n          onSubmit={(e) => {\n            e.preventDefault()\n            form.handleSubmit()\n          }}\n        >\n          <FormSection>\n            <form.Field\n              name=\"detach\"\n              children={(field) => (\n                <TextInput\n                  id={field.name}\n                  name={field.name}\n                  value={field.state.value}\n                  onChange={(e) => field.handleChange(e.target.value)}\n                  placeholder={t`Type \"detach\" to confirm`}\n                  helptext={t`The text must match “detach” in lowercase.`}\n                  disabled={isLoading}\n                  required\n                />\n              )}\n            />\n          </FormSection>\n        </Form>\n      )}\n    </Modal>\n  )\n}\n","import { z } from \"zod\"\nimport { useForm, useStore } from \"@tanstack/react-form\"\nimport { Trans, useLingui } from \"@lingui/react/macro\"\nimport { Modal, Form, FormSection, Spinner, Textarea, Message } from \"@cloudoperators/juno-ui-components\"\nimport { useProjectId } from \"@/client/hooks\"\nimport type { FloatingIp, FloatingIpUpdateRequest } from \"@/server/Network/types/floatingIp\"\n\nexport type FloatingIpUpdateFields = Omit<FloatingIpUpdateRequest, \"floatingip_id\">\n\nexport interface EditFloatingIpModalProps {\n  floatingIp: FloatingIp\n  open: boolean\n  onClose: () => void\n  onUpdate: (floatingIpId: string, data: FloatingIpUpdateFields) => Promise<void>\n  isLoading?: boolean\n  error?: string | null\n}\n\nexport const EditFloatingIpModal = ({\n  floatingIp,\n  open,\n  onClose,\n  onUpdate,\n  isLoading = false,\n  error = null,\n}: EditFloatingIpModalProps) => {\n  const { t } = useLingui()\n  const projectId = useProjectId()\n  const { description, floating_ip_address } = floatingIp\n\n  const formSchema = z.object({\n    description: z\n      .string()\n      .trim()\n      .min(1, t`Description must be at least 1 character.`)\n      .max(255, t`Description must be at most 255 characters.`),\n  })\n\n  const form = useForm({\n    defaultValues: {\n      description: description ?? \"\",\n    },\n    validators: {\n      onSubmit: formSchema,\n    },\n    onSubmit: async ({ value }) => {\n      if (isLoading) return\n\n      const updateData: FloatingIpUpdateFields = {\n        project_id: projectId,\n        // we are passing port so that port association is not lost when updating description as api requires this field\n        port_id: floatingIp.port_id,\n        description: value.description.trim(),\n      }\n      await onUpdate(floatingIp.id, updateData)\n      handleClose()\n    },\n  })\n\n  const handleClose = () => {\n    form.reset()\n    onClose()\n  }\n\n  // creates a reactive subscription so the component re-renders, which allows the confirm button to be enabled once the user edit description field.\n  const enableConfirmButton = useStore(form.store, (state) => state.isSubmitting || !state.isDirty)\n\n  return (\n    <Modal\n      // Remount the modal when a different Floating IP is selected so TanStack Form picks up fresh defaultValues.\n      key={floatingIp.id}\n      open={open}\n      size=\"large\"\n      title={t`Edit Floating IP ${floating_ip_address}`}\n      onCancel={handleClose}\n      cancelButtonLabel={t`Cancel`}\n      confirmButtonLabel={t`Save`}\n      disableConfirmButton={isLoading || enableConfirmButton}\n      onConfirm={form.handleSubmit}\n    >\n      {error && (\n        <Message dismissible={false} variant=\"error\" className=\"mb-4\">\n          {error}\n        </Message>\n      )}\n\n      {isLoading && (\n        <div className=\"mb-4 flex items-center justify-center gap-2\">\n          <Spinner variant=\"primary\" />\n          <span className=\"text-theme-high text-sm\">\n            <Trans>Updating Floating IP...</Trans>\n          </span>\n        </div>\n      )}\n\n      {!isLoading && (\n        <Form\n          className=\"mb-0\"\n          id=\"edit-floating-ip-form\"\n          onSubmit={(e) => {\n            e.preventDefault()\n            form.handleSubmit()\n          }}\n        >\n          <FormSection>\n            <form.Field\n              name=\"description\"\n              children={(field) => (\n                <Textarea\n                  id={field.name}\n                  name={field.name}\n                  value={field.state.value}\n                  onChange={(e) => field.handleChange(e.target.value)}\n                  errortext={field.state.meta.errors.map((e) => e?.message).join(\", \")}\n                  label={t`Description`}\n                  placeholder={t`Description`}\n                  disabled={isLoading}\n                  required\n                />\n              )}\n            />\n          </FormSection>\n        </Form>\n      )}\n    </Modal>\n  )\n}\n","import { z } from \"zod\"\nimport { useForm, useStore } from \"@tanstack/react-form\"\nimport { Trans, useLingui } from \"@lingui/react/macro\"\nimport { Modal, Form, FormSection, Spinner, Message, TextInput, Stack } from \"@cloudoperators/juno-ui-components\"\nimport type { FloatingIp } from \"@/server/Network/types/floatingIp\"\n\nexport interface ReleaseFloatingIpModalProps {\n  floatingIp: FloatingIp\n  open: boolean\n  onClose: () => void\n  onUpdate: (floatingIpId: string) => Promise<void>\n  isLoading?: boolean\n  error?: string | null\n}\n\nexport const ReleaseFloatingIpModal = ({\n  floatingIp,\n  open,\n  onClose,\n  onUpdate,\n  isLoading = false,\n  error = null,\n}: ReleaseFloatingIpModalProps) => {\n  const { t } = useLingui()\n  const { floating_ip_address } = floatingIp\n\n  const formSchema = z.object({\n    release: z.string().refine((value) => value === \"release\", {\n      message: t`Type “release” to confirm`,\n    }),\n  })\n\n  const form = useForm({\n    defaultValues: {\n      release: \"\",\n    },\n    validators: {\n      onSubmit: formSchema,\n    },\n    onSubmit: async () => {\n      if (isLoading) return\n\n      await onUpdate(floatingIp.id)\n      handleClose()\n    },\n  })\n\n  // creates a reactive subscription so the component re-renders, which allows the confirm button to enable once the user types \"release\".\n  const canRelease = useStore(form.store, (state) => state.isSubmitting || state.values.release !== \"release\")\n\n  const handleClose = () => {\n    form.reset()\n    onClose()\n  }\n\n  return (\n    <Modal\n      open={open}\n      size=\"large\"\n      title={t`Release Floating IP ${floating_ip_address}`}\n      onCancel={handleClose}\n      cancelButtonLabel={t`Cancel`}\n      confirmButtonLabel={t`Release`}\n      onConfirm={form.handleSubmit}\n      disableConfirmButton={isLoading || canRelease}\n    >\n      {error && (\n        <Message dismissible={false} variant=\"error\" className=\"mb-4\">\n          {error}\n        </Message>\n      )}\n\n      {isLoading && (\n        <div className=\"mb-4 flex items-center justify-center gap-2\">\n          <Spinner variant=\"primary\" />\n          <span className=\"text-theme-high text-sm\">\n            <Trans>Releasing Floating IP...</Trans>\n          </span>\n        </div>\n      )}\n\n      <Stack gap=\"2.5\" direction=\"vertical\" className=\"mb-2.5\">\n        <p>\n          <Trans>\n            This action is permanent. The address will be removed from your project and returned to the public pool.\n            This action cannot be undone.\n          </Trans>\n        </p>\n        <p>\n          <Trans>\n            To confirm this action, type the word <strong>\"release\"</strong> in the field below.\n          </Trans>\n        </p>\n      </Stack>\n\n      {!isLoading && (\n        <Form\n          className=\"mb-0\"\n          id=\"release-floating-ip-form\"\n          onSubmit={(e) => {\n            e.preventDefault()\n            form.handleSubmit()\n          }}\n        >\n          <FormSection>\n            <form.Field\n              name=\"release\"\n              children={(field) => (\n                <TextInput\n                  id={field.name}\n                  name={field.name}\n                  value={field.state.value}\n                  onChange={(e) => field.handleChange(e.target.value)}\n                  placeholder={t`Type \"release\" to confirm`}\n                  helptext={t`The text must match “release” in lowercase.`}\n                  disabled={isLoading}\n                  required\n                />\n              )}\n            />\n          </FormSection>\n        </Form>\n      )}\n    </Modal>\n  )\n}\n","import type { ReactNode } from \"react\"\nimport type { FloatingIp } from \"@/server/Network/types/floatingIp\"\nimport { useModal } from \"@/client/utils/useModal\"\nimport { useFloatingIpMutations } from \"../../-hooks/useFloatingIpMutations\"\nimport { AssociateFloatingIpModal } from \"./AssociateFloatingIpModal\"\nimport { DetachFloatingIpModal } from \"./DetachFloatingIpModal\"\nimport { EditFloatingIpModal } from \"./EditFloatingIpModal\"\nimport { ReleaseFloatingIpModal } from \"./ReleaseFloatingIpModal\"\n\nexport interface FloatingIpActionModalTriggers {\n  toggleEditModal: () => void\n  toggleAttachModal: () => void\n  toggleDetachModal: () => void\n  toggleReleaseModal: () => void\n}\n\ninterface FloatingIpActionModalsProps {\n  floatingIp: FloatingIp\n  children: (triggers: FloatingIpActionModalTriggers) => ReactNode\n}\n\nexport const FloatingIpActionModals = ({ floatingIp, children }: FloatingIpActionModalsProps) => {\n  const [editModalOpen, toggleEditModal] = useModal(false)\n  const [attachModalOpen, toggleAttachModal] = useModal(false)\n  const [detachModalOpen, toggleDetachModal] = useModal(false)\n  const [releaseModalOpen, toggleReleaseModal] = useModal(false)\n\n  const { handleUpdate, handleDelete, isUpdatePending, updateError, isDeletePending, deleteError } =\n    useFloatingIpMutations()\n\n  return (\n    <>\n      {children({\n        toggleEditModal,\n        toggleAttachModal,\n        toggleDetachModal,\n        toggleReleaseModal,\n      })}\n\n      {editModalOpen && (\n        <EditFloatingIpModal\n          floatingIp={floatingIp}\n          open={editModalOpen}\n          onClose={toggleEditModal}\n          onUpdate={handleUpdate}\n          isLoading={isUpdatePending}\n          error={updateError}\n        />\n      )}\n\n      {attachModalOpen && (\n        <AssociateFloatingIpModal\n          floatingIp={floatingIp}\n          open={attachModalOpen}\n          onClose={toggleAttachModal}\n          onUpdate={handleUpdate}\n          isLoading={isUpdatePending}\n          error={updateError}\n        />\n      )}\n\n      {detachModalOpen && (\n        <DetachFloatingIpModal\n          floatingIp={floatingIp}\n          open={detachModalOpen}\n          onClose={toggleDetachModal}\n          onUpdate={handleUpdate}\n          isLoading={isUpdatePending}\n          error={updateError}\n        />\n      )}\n\n      {releaseModalOpen && (\n        <ReleaseFloatingIpModal\n          floatingIp={floatingIp}\n          open={releaseModalOpen}\n          onClose={toggleReleaseModal}\n          onUpdate={handleDelete}\n          isLoading={isDeletePending}\n          error={deleteError}\n        />\n      )}\n    </>\n  )\n}\n"],"mappings":"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"}
+{"version":3,"file":"FloatingIpActionModals-By2hXR9m.mjs","names":["trpcReact","useProjectId","useFloatingIpMutations","projectId","utils","useUtils","updateMutation","network","floatingIp","update","useMutation","onMutate","variables","list","cancel","getById","project_id","floatingip_id","previousItem","getData","setData","old","port_id","fixed_ip_address","undefined","description","distributed","onError","_err","context","onSettled","_data","_error","invalidate","deleteMutation","delete","handleUpdate","floatingIpId","data","mutateAsync","handleDelete","isUpdatePending","isPending","updateError","error","message","isDeletePending","deleteError","z","useForm","useStore","Modal","Form","FormSection","Spinner","Message","Select","SelectOption","trpcReact","useProjectId","AssociateFloatingIpModal","floatingIp","open","onClose","onUpdate","isLoading","error","useLingui","projectId","floating_ip_address","formSchema","object","port_id","string","fixed_ip_address","data","availablePorts","network","listAvailablePorts","useQuery","project_id","form","defaultValues","validators","onSubmit","value","id","handleClose","reset","currentPortId","store","state","values","selectedPort","find","port","portFixedIps","fixed_ips","size","title","t","onCancel","cancelButtonLabel","confirmButtonLabel","onConfirm","handleSubmit","disableConfirmButton","dismissible","variant","className","div","span","e","preventDefault","Field","name","children","field","onChange","portId","handleChange","p","ips","setFieldValue","length","ip_address","label","placeholder","errortext","meta","errors","map","message","join","disabled","helptext","z","useForm","useStore","Modal","Form","FormSection","Spinner","Message","TextInput","Stack","useProjectId","DetachFloatingIpModal","floatingIp","open","onClose","onUpdate","isLoading","error","useLingui","projectId","floating_ip_address","formSchema","object","detach","string","refine","value","message","t","form","defaultValues","validators","onSubmit","id","project_id","port_id","handleClose","canDetach","store","state","isSubmitting","values","reset","size","title","onCancel","cancelButtonLabel","confirmButtonLabel","onConfirm","handleSubmit","disableConfirmButton","dismissible","variant","className","div","span","gap","direction","p","strong","e","preventDefault","Field","name","children","field","onChange","handleChange","target","placeholder","helptext","disabled","required","z","useForm","useStore","Modal","Form","FormSection","Spinner","Textarea","Message","useProjectId","EditFloatingIpModal","floatingIp","open","onClose","onUpdate","isLoading","error","useLingui","projectId","description","floating_ip_address","formSchema","object","string","trim","min","t","max","form","defaultValues","validators","onSubmit","value","updateData","project_id","port_id","id","handleClose","reset","enableConfirmButton","store","state","isSubmitting","isDirty","size","title","onCancel","cancelButtonLabel","confirmButtonLabel","disableConfirmButton","onConfirm","handleSubmit","dismissible","variant","className","div","span","e","preventDefault","Field","name","children","field","onChange","handleChange","target","errortext","meta","errors","map","message","join","label","placeholder","disabled","required","z","useForm","useStore","Modal","Form","FormSection","Spinner","Message","TextInput","Stack","ReleaseFloatingIpModal","floatingIp","open","onClose","onUpdate","isLoading","error","useLingui","floating_ip_address","formSchema","object","release","string","refine","value","message","t","form","defaultValues","validators","onSubmit","id","handleClose","canRelease","store","state","isSubmitting","values","reset","size","title","onCancel","cancelButtonLabel","confirmButtonLabel","onConfirm","handleSubmit","disableConfirmButton","dismissible","variant","className","div","span","gap","direction","p","strong","e","preventDefault","Field","name","children","field","onChange","handleChange","target","placeholder","helptext","disabled","required","useModal","useFloatingIpMutations","AssociateFloatingIpModal","DetachFloatingIpModal","EditFloatingIpModal","ReleaseFloatingIpModal","FloatingIpActionModals","floatingIp","children","editModalOpen","toggleEditModal","attachModalOpen","toggleAttachModal","detachModalOpen","toggleDetachModal","releaseModalOpen","toggleReleaseModal","handleUpdate","handleDelete","isUpdatePending","updateError","isDeletePending","deleteError","open","onClose","onUpdate","isLoading","error"],"sources":["../../src/client/routes/_auth/projects/$projectId/network/floatingips/-hooks/useFloatingIpMutations.ts","../../src/client/routes/_auth/projects/$projectId/network/floatingips/-components/-modals/AssociateFloatingIpModal.tsx","../../src/client/routes/_auth/projects/$projectId/network/floatingips/-components/-modals/DetachFloatingIpModal.tsx","../../src/client/routes/_auth/projects/$projectId/network/floatingips/-components/-modals/EditFloatingIpModal.tsx","../../src/client/routes/_auth/projects/$projectId/network/floatingips/-components/-modals/ReleaseFloatingIpModal.tsx","../../src/client/routes/_auth/projects/$projectId/network/floatingips/-components/-modals/FloatingIpActionModals.tsx"],"sourcesContent":["import { trpcReact } from \"@/client/trpcClient\"\nimport { useProjectId } from \"@/client/hooks\"\nimport type { FloatingIpUpdateFields } from \"../-components/-modals/EditFloatingIpModal\"\n\nexport const useFloatingIpMutations = () => {\n  const projectId = useProjectId()\n  const utils = trpcReact.useUtils()\n\n  const updateMutation = trpcReact.network.floatingIp.update.useMutation({\n    onMutate: async (variables) => {\n      await utils.network.floatingIp.list.cancel()\n      await utils.network.floatingIp.getById.cancel({ project_id: projectId, floatingip_id: variables.floatingip_id })\n      const previousItem = utils.network.floatingIp.getById.getData({\n        project_id: projectId,\n        floatingip_id: variables.floatingip_id,\n      })\n      utils.network.floatingIp.getById.setData(\n        { project_id: projectId, floatingip_id: variables.floatingip_id },\n        (old) =>\n          old\n            ? {\n                ...old,\n                port_id: variables.port_id,\n                ...(variables.fixed_ip_address !== undefined && { fixed_ip_address: variables.fixed_ip_address }),\n                ...(variables.description !== undefined && { description: variables.description }),\n                ...(variables.distributed !== undefined && { distributed: variables.distributed }),\n              }\n            : old\n      )\n      return { previousItem }\n    },\n    onError: (_err, variables, context) => {\n      if (context?.previousItem !== undefined) {\n        utils.network.floatingIp.getById.setData(\n          { project_id: projectId, floatingip_id: variables.floatingip_id },\n          context.previousItem\n        )\n      }\n    },\n    onSettled: (_data, _error, variables) => {\n      utils.network.floatingIp.getById.invalidate({ project_id: projectId, floatingip_id: variables.floatingip_id })\n      utils.network.floatingIp.list.invalidate()\n    },\n  })\n\n  const deleteMutation = trpcReact.network.floatingIp.delete.useMutation({\n    onMutate: async () => {\n      await utils.network.floatingIp.list.cancel()\n    },\n    onSettled: () => {\n      utils.network.floatingIp.list.invalidate()\n    },\n  })\n\n  const handleUpdate = async (floatingIpId: string, data: FloatingIpUpdateFields) => {\n    await updateMutation.mutateAsync({\n      ...data,\n      floatingip_id: floatingIpId,\n    })\n  }\n\n  const handleDelete = async (floatingIpId: string) => {\n    await deleteMutation.mutateAsync({\n      project_id: projectId,\n      floatingip_id: floatingIpId,\n    })\n  }\n\n  return {\n    handleUpdate,\n    handleDelete,\n    isUpdatePending: updateMutation.isPending,\n    updateError: updateMutation.error?.message ?? null,\n    isDeletePending: deleteMutation.isPending,\n    deleteError: deleteMutation.error?.message ?? null,\n  }\n}\n","import { z } from \"zod\"\nimport { useForm, useStore } from \"@tanstack/react-form\"\nimport { Trans, useLingui } from \"@lingui/react/macro\"\nimport { Modal, Form, FormSection, Spinner, Message, Select, SelectOption } from \"@cloudoperators/juno-ui-components\"\nimport type { FloatingIp } from \"@/server/Network/types/floatingIp\"\nimport { trpcReact } from \"@/client/trpcClient\"\nimport { useProjectId } from \"@/client/hooks\"\nimport { FloatingIpUpdateFields } from \"./EditFloatingIpModal\"\n\nexport interface AssociateFloatingIpModalProps {\n  floatingIp: FloatingIp\n  open: boolean\n  onClose: () => void\n  onUpdate: (floatingIpId: string, data: FloatingIpUpdateFields) => Promise<void>\n  isLoading?: boolean\n  error?: string | null\n}\n\nexport const AssociateFloatingIpModal = ({\n  floatingIp,\n  open,\n  onClose,\n  onUpdate,\n  isLoading = false,\n  error = null,\n}: AssociateFloatingIpModalProps) => {\n  const { t } = useLingui()\n  const projectId = useProjectId()\n  const { floating_ip_address } = floatingIp\n\n  const formSchema = z.object({\n    port_id: z.string(),\n    fixed_ip_address: z.string(),\n  })\n\n  const { data: availablePorts = [] } = trpcReact.network.floatingIp.listAvailablePorts.useQuery({\n    project_id: projectId,\n  })\n\n  const form = useForm({\n    defaultValues: {\n      port_id: floatingIp.port_id ?? \"\",\n      fixed_ip_address: \"\",\n    },\n    validators: {\n      onSubmit: formSchema,\n    },\n    onSubmit: async ({ value }) => {\n      if (isLoading) return\n\n      await onUpdate(floatingIp.id, {\n        project_id: projectId,\n        port_id: value.port_id,\n        ...(value.fixed_ip_address && {\n          fixed_ip_address: value.fixed_ip_address,\n        }),\n      })\n      handleClose()\n    },\n  })\n\n  const handleClose = () => {\n    form.reset()\n    onClose()\n  }\n\n  const currentPortId = useStore(form.store, (state) => state.values.port_id)\n  const selectedPort = availablePorts.find((port) => port.id === currentPortId)\n  const portFixedIps = selectedPort?.fixed_ips ?? []\n\n  return (\n    <Modal\n      id={floatingIp.id}\n      open={open}\n      size=\"large\"\n      title={t`Associate Floating IP ${floating_ip_address} with Port`}\n      onCancel={handleClose}\n      cancelButtonLabel={t`Cancel`}\n      confirmButtonLabel={t`Associate`}\n      onConfirm={form.handleSubmit}\n      disableConfirmButton={isLoading || !currentPortId}\n    >\n      {error && (\n        <Message dismissible={false} variant=\"error\" className=\"mb-4\">\n          {error}\n        </Message>\n      )}\n\n      {isLoading && (\n        <div className=\"mb-4 flex items-center justify-center gap-2\">\n          <Spinner variant=\"primary\" />\n          <span className=\"text-theme-high text-sm\">\n            <Trans>Associating Floating IP...</Trans>\n          </span>\n        </div>\n      )}\n\n      {!isLoading && (\n        <Form\n          className=\"mb-0\"\n          id=\"associate-floating-ip-form\"\n          onSubmit={(e) => {\n            e.preventDefault()\n            form.handleSubmit()\n          }}\n        >\n          <FormSection className=\"mb-4\">\n            <form.Field\n              name=\"port_id\"\n              children={(field) => (\n                <Select\n                  id={field.name}\n                  name={field.name}\n                  value={field.state.value}\n                  onChange={(value) => {\n                    const portId = typeof value === \"string\" ? value : \"\"\n                    field.handleChange(portId)\n                    const port = availablePorts.find((p) => p.id === portId)\n                    const ips = port?.fixed_ips ?? []\n                    form.setFieldValue(\"fixed_ip_address\", ips.length === 1 ? ips[0].ip_address : \"\")\n                  }}\n                  label={t`Port ID`}\n                  placeholder={t`Select port to associate`}\n                  errortext={field.state.meta.errors.map((e) => e?.message).join(\", \")}\n                  disabled={isLoading}\n                >\n                  {availablePorts.map((port) => (\n                    <SelectOption\n                      key={port.id}\n                      value={port.id}\n                      label={port.name ? `${port.name} (${port.id})` : port.id}\n                    />\n                  ))}\n                </Select>\n              )}\n            />\n          </FormSection>\n          <FormSection>\n            <form.Field\n              name=\"fixed_ip_address\"\n              children={(field) => (\n                <Select\n                  id={field.name}\n                  name={field.name}\n                  value={field.state.value}\n                  onChange={(value) => field.handleChange(typeof value === \"string\" ? value : \"\")}\n                  label={t`Fixed IP Address`}\n                  placeholder={t`Select a fixed IP address`}\n                  helptext={t`Associates on the selected port. If the port has multiple IPs, select the desired fixed IP address.`}\n                  errortext={field.state.meta.errors.map((e) => e?.message).join(\", \")}\n                  disabled={isLoading || portFixedIps.length === 0}\n                >\n                  {portFixedIps.map(({ ip_address }) => (\n                    <SelectOption key={ip_address} value={ip_address} label={ip_address} />\n                  ))}\n                </Select>\n              )}\n            />\n          </FormSection>\n        </Form>\n      )}\n    </Modal>\n  )\n}\n","import { z } from \"zod\"\nimport { useForm, useStore } from \"@tanstack/react-form\"\nimport { Trans, useLingui } from \"@lingui/react/macro\"\nimport { Modal, Form, FormSection, Spinner, Message, TextInput, Stack } from \"@cloudoperators/juno-ui-components\"\nimport type { FloatingIp } from \"@/server/Network/types/floatingIp\"\nimport { useProjectId } from \"@/client/hooks\"\nimport { FloatingIpUpdateFields } from \"./EditFloatingIpModal\"\n\nexport interface DetachFloatingIpModalProps {\n  floatingIp: FloatingIp\n  open: boolean\n  onClose: () => void\n  onUpdate: (floatingIpId: string, data: FloatingIpUpdateFields) => Promise<void>\n  isLoading?: boolean\n  error?: string | null\n}\n\nexport const DetachFloatingIpModal = ({\n  floatingIp,\n  open,\n  onClose,\n  onUpdate,\n  isLoading = false,\n  error = null,\n}: DetachFloatingIpModalProps) => {\n  const { t } = useLingui()\n  const projectId = useProjectId()\n  const { floating_ip_address } = floatingIp\n\n  const formSchema = z.object({\n    detach: z.string().refine((value) => value === \"detach\", {\n      message: t`Type “detach” to confirm`,\n    }),\n  })\n\n  const form = useForm({\n    defaultValues: {\n      detach: \"\",\n    },\n    validators: {\n      onSubmit: formSchema,\n    },\n    onSubmit: async () => {\n      if (isLoading) return\n\n      await onUpdate(floatingIp.id, {\n        project_id: projectId,\n        port_id: null, // Detach by clearing the port association\n      })\n      handleClose()\n    },\n  })\n\n  // creates a reactive subscription so the component re-renders, which allows the confirm button to enable once the user types \"detach\".\n  const canDetach = useStore(form.store, (state) => state.isSubmitting || state.values.detach !== \"detach\")\n\n  const handleClose = () => {\n    form.reset()\n    onClose()\n  }\n\n  return (\n    <Modal\n      open={open}\n      size=\"large\"\n      title={t`Detach Floating IP ${floating_ip_address}`}\n      onCancel={handleClose}\n      cancelButtonLabel={t`Cancel`}\n      confirmButtonLabel={t`Detach`}\n      onConfirm={form.handleSubmit}\n      disableConfirmButton={isLoading || canDetach}\n    >\n      {error && (\n        <Message dismissible={false} variant=\"error\" className=\"mb-4\">\n          {error}\n        </Message>\n      )}\n\n      {isLoading && (\n        <div className=\"mb-4 flex items-center justify-center gap-2\">\n          <Spinner variant=\"primary\" />\n          <span className=\"text-theme-high text-sm\">\n            <Trans>Detaching Floating IP...</Trans>\n          </span>\n        </div>\n      )}\n\n      <Stack gap=\"2.5\" direction=\"vertical\" className=\"mb-2.5\">\n        <p>\n          <Trans>\n            Detaching this Floating IP will remove its association with the current port. The instance will no longer be\n            reachable through this address.\n          </Trans>\n        </p>\n        <p>\n          <Trans>\n            To confirm this action, type the word <strong>“detach”</strong> in the field below.\n          </Trans>\n        </p>\n      </Stack>\n\n      {!isLoading && (\n        <Form\n          className=\"mb-0\"\n          id=\"detach-floating-ip-form\"\n          onSubmit={(e) => {\n            e.preventDefault()\n            form.handleSubmit()\n          }}\n        >\n          <FormSection>\n            <form.Field\n              name=\"detach\"\n              children={(field) => (\n                <TextInput\n                  id={field.name}\n                  name={field.name}\n                  value={field.state.value}\n                  onChange={(e) => field.handleChange(e.target.value)}\n                  placeholder={t`Type \"detach\" to confirm`}\n                  helptext={t`The text must match “detach” in lowercase.`}\n                  disabled={isLoading}\n                  required\n                />\n              )}\n            />\n          </FormSection>\n        </Form>\n      )}\n    </Modal>\n  )\n}\n","import { z } from \"zod\"\nimport { useForm, useStore } from \"@tanstack/react-form\"\nimport { Trans, useLingui } from \"@lingui/react/macro\"\nimport { Modal, Form, FormSection, Spinner, Textarea, Message } from \"@cloudoperators/juno-ui-components\"\nimport { useProjectId } from \"@/client/hooks\"\nimport type { FloatingIp, FloatingIpUpdateRequest } from \"@/server/Network/types/floatingIp\"\n\nexport type FloatingIpUpdateFields = Omit<FloatingIpUpdateRequest, \"floatingip_id\">\n\nexport interface EditFloatingIpModalProps {\n  floatingIp: FloatingIp\n  open: boolean\n  onClose: () => void\n  onUpdate: (floatingIpId: string, data: FloatingIpUpdateFields) => Promise<void>\n  isLoading?: boolean\n  error?: string | null\n}\n\nexport const EditFloatingIpModal = ({\n  floatingIp,\n  open,\n  onClose,\n  onUpdate,\n  isLoading = false,\n  error = null,\n}: EditFloatingIpModalProps) => {\n  const { t } = useLingui()\n  const projectId = useProjectId()\n  const { description, floating_ip_address } = floatingIp\n\n  const formSchema = z.object({\n    description: z\n      .string()\n      .trim()\n      .min(1, t`Description must be at least 1 character.`)\n      .max(255, t`Description must be at most 255 characters.`),\n  })\n\n  const form = useForm({\n    defaultValues: {\n      description: description ?? \"\",\n    },\n    validators: {\n      onSubmit: formSchema,\n    },\n    onSubmit: async ({ value }) => {\n      if (isLoading) return\n\n      const updateData: FloatingIpUpdateFields = {\n        project_id: projectId,\n        // we are passing port so that port association is not lost when updating description as api requires this field\n        port_id: floatingIp.port_id,\n        description: value.description.trim(),\n      }\n      await onUpdate(floatingIp.id, updateData)\n      handleClose()\n    },\n  })\n\n  const handleClose = () => {\n    form.reset()\n    onClose()\n  }\n\n  // creates a reactive subscription so the component re-renders, which allows the confirm button to be enabled once the user edit description field.\n  const enableConfirmButton = useStore(form.store, (state) => state.isSubmitting || !state.isDirty)\n\n  return (\n    <Modal\n      // Remount the modal when a different Floating IP is selected so TanStack Form picks up fresh defaultValues.\n      key={floatingIp.id}\n      open={open}\n      size=\"large\"\n      title={t`Edit Floating IP ${floating_ip_address}`}\n      onCancel={handleClose}\n      cancelButtonLabel={t`Cancel`}\n      confirmButtonLabel={t`Save`}\n      disableConfirmButton={isLoading || enableConfirmButton}\n      onConfirm={form.handleSubmit}\n    >\n      {error && (\n        <Message dismissible={false} variant=\"error\" className=\"mb-4\">\n          {error}\n        </Message>\n      )}\n\n      {isLoading && (\n        <div className=\"mb-4 flex items-center justify-center gap-2\">\n          <Spinner variant=\"primary\" />\n          <span className=\"text-theme-high text-sm\">\n            <Trans>Updating Floating IP...</Trans>\n          </span>\n        </div>\n      )}\n\n      {!isLoading && (\n        <Form\n          className=\"mb-0\"\n          id=\"edit-floating-ip-form\"\n          onSubmit={(e) => {\n            e.preventDefault()\n            form.handleSubmit()\n          }}\n        >\n          <FormSection>\n            <form.Field\n              name=\"description\"\n              children={(field) => (\n                <Textarea\n                  id={field.name}\n                  name={field.name}\n                  value={field.state.value}\n                  onChange={(e) => field.handleChange(e.target.value)}\n                  errortext={field.state.meta.errors.map((e) => e?.message).join(\", \")}\n                  label={t`Description`}\n                  placeholder={t`Description`}\n                  disabled={isLoading}\n                  required\n                />\n              )}\n            />\n          </FormSection>\n        </Form>\n      )}\n    </Modal>\n  )\n}\n","import { z } from \"zod\"\nimport { useForm, useStore } from \"@tanstack/react-form\"\nimport { Trans, useLingui } from \"@lingui/react/macro\"\nimport { Modal, Form, FormSection, Spinner, Message, TextInput, Stack } from \"@cloudoperators/juno-ui-components\"\nimport type { FloatingIp } from \"@/server/Network/types/floatingIp\"\n\nexport interface ReleaseFloatingIpModalProps {\n  floatingIp: FloatingIp\n  open: boolean\n  onClose: () => void\n  onUpdate: (floatingIpId: string) => Promise<void>\n  isLoading?: boolean\n  error?: string | null\n}\n\nexport const ReleaseFloatingIpModal = ({\n  floatingIp,\n  open,\n  onClose,\n  onUpdate,\n  isLoading = false,\n  error = null,\n}: ReleaseFloatingIpModalProps) => {\n  const { t } = useLingui()\n  const { floating_ip_address } = floatingIp\n\n  const formSchema = z.object({\n    release: z.string().refine((value) => value === \"release\", {\n      message: t`Type “release” to confirm`,\n    }),\n  })\n\n  const form = useForm({\n    defaultValues: {\n      release: \"\",\n    },\n    validators: {\n      onSubmit: formSchema,\n    },\n    onSubmit: async () => {\n      if (isLoading) return\n\n      await onUpdate(floatingIp.id)\n      handleClose()\n    },\n  })\n\n  // creates a reactive subscription so the component re-renders, which allows the confirm button to enable once the user types \"release\".\n  const canRelease = useStore(form.store, (state) => state.isSubmitting || state.values.release !== \"release\")\n\n  const handleClose = () => {\n    form.reset()\n    onClose()\n  }\n\n  return (\n    <Modal\n      open={open}\n      size=\"large\"\n      title={t`Release Floating IP ${floating_ip_address}`}\n      onCancel={handleClose}\n      cancelButtonLabel={t`Cancel`}\n      confirmButtonLabel={t`Release`}\n      onConfirm={form.handleSubmit}\n      disableConfirmButton={isLoading || canRelease}\n    >\n      {error && (\n        <Message dismissible={false} variant=\"error\" className=\"mb-4\">\n          {error}\n        </Message>\n      )}\n\n      {isLoading && (\n        <div className=\"mb-4 flex items-center justify-center gap-2\">\n          <Spinner variant=\"primary\" />\n          <span className=\"text-theme-high text-sm\">\n            <Trans>Releasing Floating IP...</Trans>\n          </span>\n        </div>\n      )}\n\n      <Stack gap=\"2.5\" direction=\"vertical\" className=\"mb-2.5\">\n        <p>\n          <Trans>\n            This action is permanent. The address will be removed from your project and returned to the public pool.\n            This action cannot be undone.\n          </Trans>\n        </p>\n        <p>\n          <Trans>\n            To confirm this action, type the word <strong>\"release\"</strong> in the field below.\n          </Trans>\n        </p>\n      </Stack>\n\n      {!isLoading && (\n        <Form\n          className=\"mb-0\"\n          id=\"release-floating-ip-form\"\n          onSubmit={(e) => {\n            e.preventDefault()\n            form.handleSubmit()\n          }}\n        >\n          <FormSection>\n            <form.Field\n              name=\"release\"\n              children={(field) => (\n                <TextInput\n                  id={field.name}\n                  name={field.name}\n                  value={field.state.value}\n                  onChange={(e) => field.handleChange(e.target.value)}\n                  placeholder={t`Type \"release\" to confirm`}\n                  helptext={t`The text must match “release” in lowercase.`}\n                  disabled={isLoading}\n                  required\n                />\n              )}\n            />\n          </FormSection>\n        </Form>\n      )}\n    </Modal>\n  )\n}\n","import type { ReactNode } from \"react\"\nimport type { FloatingIp } from \"@/server/Network/types/floatingIp\"\nimport { useModal } from \"@/client/utils/useModal\"\nimport { useFloatingIpMutations } from \"../../-hooks/useFloatingIpMutations\"\nimport { AssociateFloatingIpModal } from \"./AssociateFloatingIpModal\"\nimport { DetachFloatingIpModal } from \"./DetachFloatingIpModal\"\nimport { EditFloatingIpModal } from \"./EditFloatingIpModal\"\nimport { ReleaseFloatingIpModal } from \"./ReleaseFloatingIpModal\"\n\nexport interface FloatingIpActionModalTriggers {\n  toggleEditModal: () => void\n  toggleAttachModal: () => void\n  toggleDetachModal: () => void\n  toggleReleaseModal: () => void\n}\n\ninterface FloatingIpActionModalsProps {\n  floatingIp: FloatingIp\n  children: (triggers: FloatingIpActionModalTriggers) => ReactNode\n}\n\nexport const FloatingIpActionModals = ({ floatingIp, children }: FloatingIpActionModalsProps) => {\n  const [editModalOpen, toggleEditModal] = useModal(false)\n  const [attachModalOpen, toggleAttachModal] = useModal(false)\n  const [detachModalOpen, toggleDetachModal] = useModal(false)\n  const [releaseModalOpen, toggleReleaseModal] = useModal(false)\n\n  const { handleUpdate, handleDelete, isUpdatePending, updateError, isDeletePending, deleteError } =\n    useFloatingIpMutations()\n\n  return (\n    <>\n      {children({\n        toggleEditModal,\n        toggleAttachModal,\n        toggleDetachModal,\n        toggleReleaseModal,\n      })}\n\n      {editModalOpen && (\n        <EditFloatingIpModal\n          floatingIp={floatingIp}\n          open={editModalOpen}\n          onClose={toggleEditModal}\n          onUpdate={handleUpdate}\n          isLoading={isUpdatePending}\n          error={updateError}\n        />\n      )}\n\n      {attachModalOpen && (\n        <AssociateFloatingIpModal\n          floatingIp={floatingIp}\n          open={attachModalOpen}\n          onClose={toggleAttachModal}\n          onUpdate={handleUpdate}\n          isLoading={isUpdatePending}\n          error={updateError}\n        />\n      )}\n\n      {detachModalOpen && (\n        <DetachFloatingIpModal\n          floatingIp={floatingIp}\n          open={detachModalOpen}\n          onClose={toggleDetachModal}\n          onUpdate={handleUpdate}\n          isLoading={isUpdatePending}\n          error={updateError}\n        />\n      )}\n\n      {releaseModalOpen && (\n        <ReleaseFloatingIpModal\n          floatingIp={floatingIp}\n          open={releaseModalOpen}\n          onClose={toggleReleaseModal}\n          onUpdate={handleDelete}\n          isLoading={isDeletePending}\n          error={deleteError}\n        />\n      )}\n    </>\n  )\n}\n"],"mappings":"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"}