@cobaltcore-dev/aurora 0.18.0 → 0.19.0

package/dist/client/{FloatingIpActionModals-sJlSFIsK.mjs → FloatingIpActionModals-DAtZoYGS.mjs}

@@ -1,15 +1,15 @@
 import { B as e, H as t, K as n, U as r, dt as i, et as a, m as o, o as s, r as c, tt as l } from "./build-DgeVmENN.mjs";
-import { r as u } from "./trpcClient-Dy_MP_Pv.mjs";
-import { t as d } from "./useModal-DCs1OJh7.mjs";
-import { t as f } from "./useProjectId-DBc5lpoU.mjs";
-import "./hooks-DvdvErNv.mjs";
+import { r as u } from "./trpcClient-BxcNKnhv.mjs";
+import { t as d } from "./useProjectId-DBc5lpoU.mjs";
+import "./hooks-iGiEkLTp.mjs";
+import { t as f } from "./useModal-DCs1OJh7.mjs";
 import { Fragment as p, jsx as m, jsxs as h } from "react/jsx-runtime";
 import { Trans as g, useLingui as _ } from "@lingui/react";
 import { z as v } from "zod";
 import { useForm as y, useStore as b } from "@tanstack/react-form";
 //#region src/client/routes/_auth/projects/$projectId/network/floatingips/-hooks/useFloatingIpMutations.ts
 var x = () => {
-	let e = f(), t = u.useUtils(), n = u.network.floatingIp.update.useMutation({
+	let e = d(), t = u.useUtils(), n = u.network.floatingIp.update.useMutation({
 		onMutate: async (n) => {
 			await t.network.floatingIp.list.cancel(), await t.network.floatingIp.getById.cancel({
 				project_id: e,
@@ -68,8 +68,8 @@ var x = () => {
 		isDeletePending: r.isPending,
 		deleteError: r.error?.message ?? null
 	};
-}, S = ({ floatingIp: r, open: a, onClose: l, onUpdate: d, isLoading: p = !1, error: x = null }) => {
-	let { i18n: S, _: C } = _(), w = f(), { floating_ip_address: T } = r, E = v.object({
+}, S = ({ floatingIp: r, open: a, onClose: l, onUpdate: f, isLoading: p = !1, error: x = null }) => {
+	let { i18n: S, _: C } = _(), w = d(), { floating_ip_address: T } = r, E = v.object({
 		port_id: v.string(),
 		fixed_ip_address: v.string()
 	}), { data: D = [] } = u.network.floatingIp.listAvailablePorts.useQuery({ project_id: w }), O = y({
@@ -79,7 +79,7 @@ var x = () => {
 		},
 		validators: { onSubmit: E },
 		onSubmit: async ({ value: e }) => {
-			p || (await d(r.id, {
+			p || (await f(r.id, {
 				project_id: w,
 				port_id: e.port_id,
 				...e.fixed_ip_address && { fixed_ip_address: e.fixed_ip_address }
@@ -166,12 +166,12 @@ var x = () => {
 			})
 		]
 	});
-}, C = ({ floatingIp: i, open: a, onClose: o, onUpdate: u, isLoading: d = !1, error: p = null }) => {
-	let { i18n: x, _: S } = _(), C = f(), { floating_ip_address: w } = i, T = y({
+}, C = ({ floatingIp: i, open: a, onClose: o, onUpdate: u, isLoading: f = !1, error: p = null }) => {
+	let { i18n: x, _: S } = _(), C = d(), { floating_ip_address: w } = i, T = y({
 		defaultValues: { detach: "" },
 		validators: { onSubmit: v.object({ detach: v.string().refine((e) => e === "detach", { message: x._({ id: "dPoCVe" }) }) }) },
 		onSubmit: async () => {
-			d || (await u(i.id, {
+			f || (await u(i.id, {
 				project_id: C,
 				port_id: null
 			}), D());
@@ -190,7 +190,7 @@ var x = () => {
 		cancelButtonLabel: x._({ id: "dEgA5A" }),
 		confirmButtonLabel: x._({ id: "FOcBn3" }),
 		onConfirm: T.handleSubmit,
-		disableConfirmButton: d || E,
+		disableConfirmButton: f || E,
 		children: [
 			p && /*#__PURE__*/ m(e, {
 				dismissible: !1,
@@ -198,7 +198,7 @@ var x = () => {
 				className: "mb-4",
 				children: p
 			}),
-			d && /*#__PURE__*/ h("div", {
+			f && /*#__PURE__*/ h("div", {
 				className: "mb-4 flex items-center justify-center gap-2",
 				children: [/*#__PURE__*/ m(n, { variant: "primary" }), /*#__PURE__*/ m("span", {
 					className: "text-theme-high text-sm",
@@ -214,7 +214,7 @@ var x = () => {
 					components: { 0: /*#__PURE__*/ m("strong", {}) }
 				}) })]
 			}),
-			!d && /*#__PURE__*/ m(s, {
+			!f && /*#__PURE__*/ m(s, {
 				className: "mb-0",
 				id: "detach-floating-ip-form",
 				onSubmit: (e) => {
@@ -229,15 +229,15 @@ var x = () => {
 						onChange: (t) => e.handleChange(t.target.value),
 						placeholder: x._({ id: "Eq5PsT" }),
 						helptext: x._({ id: "U4fmHG" }),
-						disabled: d,
+						disabled: f,
 						required: !0
 					})
 				}) })
 			})
 		]
 	});
-}, w = ({ floatingIp: r, open: i, onClose: o, onUpdate: l, isLoading: u = !1, error: d = null }) => {
-	let { i18n: p, _: x } = _(), S = f(), { description: C, floating_ip_address: w } = r, T = v.object({ description: v.string().trim().min(1, p._({ id: "47eI0x" })).max(255, p._({ id: "lZvIXd" })) }), E = y({
+}, w = ({ floatingIp: r, open: i, onClose: o, onUpdate: l, isLoading: u = !1, error: f = null }) => {
+	let { i18n: p, _: x } = _(), S = d(), { description: C, floating_ip_address: w } = r, 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: e }) => {
@@ -265,11 +265,11 @@ var x = () => {
 		disableConfirmButton: u || O,
 		onConfirm: E.handleSubmit,
 		children: [
-			d && /*#__PURE__*/ m(e, {
+			f && /*#__PURE__*/ m(e, {
 				dismissible: !1,
 				variant: "error",
 				className: "mb-4",
-				children: d
+				children: f
 			}),
 			u && /*#__PURE__*/ h("div", {
 				className: "mb-4 flex items-center justify-center gap-2",
@@ -369,7 +369,7 @@ var x = () => {
 		]
 	});
 }, E = ({ floatingIp: e, children: t }) => {
-	let [n, r] = d(!1), [i, a] = d(!1), [o, s] = d(!1), [c, l] = d(!1), { handleUpdate: u, handleDelete: f, isUpdatePending: g, updateError: _, isDeletePending: v, deleteError: y } = x();
+	let [n, r] = f(!1), [i, a] = f(!1), [o, s] = f(!1), [c, l] = f(!1), { handleUpdate: u, handleDelete: d, isUpdatePending: g, updateError: _, isDeletePending: v, deleteError: y } = x();
 	return /*#__PURE__*/ h(p, { children: [
 		t({
 			toggleEditModal: r,
@@ -405,7 +405,7 @@ var x = () => {
 			floatingIp: e,
 			open: c,
 			onClose: l,
-			onUpdate: f,
+			onUpdate: d,
 			isLoading: v,
 			error: y
 		})
@@ -414,4 +414,4 @@ var x = () => {
 //#endregion
 export { E as t };
 
-//# sourceMappingURL=FloatingIpActionModals-sJlSFIsK.mjs.map
+//# sourceMappingURL=FloatingIpActionModals-DAtZoYGS.mjs.map

package/dist/client/{FloatingIpActionModals-sJlSFIsK.mjs.map → FloatingIpActionModals-DAtZoYGS.mjs.map}

@@ -1 +1 @@
-{"version":3,"file":"FloatingIpActionModals-sJlSFIsK.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-DAtZoYGS.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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"}

package/dist/client/{ImageToastNotifications-CISH3c_d.mjs → ImageToastNotifications-BhjU1bfT.mjs}

@@ -1,14 +1,14 @@
 import { B as e, E as t, G as n, H as r, I as i, K as a, P as o, R as s, U as c, c as l, dt as u, g as d, lt as f, m as p, o as m, r as h, tt as g, ut as _, y as v } from "./build-DgeVmENN.mjs";
-import { r as y } from "./trpcClient-Dy_MP_Pv.mjs";
-import { n as b } from "./formatBytes-CZv_XyCY.mjs";
-import { t as x } from "./useProjectId-DBc5lpoU.mjs";
-import "./hooks-DvdvErNv.mjs";
+import { r as y } from "./trpcClient-BxcNKnhv.mjs";
+import { t as b } from "./useProjectId-DBc5lpoU.mjs";
+import "./hooks-iGiEkLTp.mjs";
+import { n as x } from "./formatBytes-CZv_XyCY.mjs";
 import { Fragment as S, jsx as C, jsxs as w } from "react/jsx-runtime";
 import { useEffect as T, useMemo as E, useState as D } from "react";
 import { Trans as O, useLingui as k } from "@lingui/react";
 //#region src/client/routes/_auth/projects/$projectId/compute/-components/Images/-components/SizeDisplay.tsx
 function A({ size: e }) {
-	return e === void 0 ? /*#__PURE__*/ C("span", { children: "N/A" }) : /*#__PURE__*/ C("span", { children: b(e) });
+	return e === void 0 ? /*#__PURE__*/ C("span", { children: "N/A" }) : /*#__PURE__*/ C("span", { children: x(e) });
 }
 //#endregion
 //#region src/client/routes/_auth/projects/$projectId/compute/-constants/filters.ts
@@ -768,7 +768,7 @@ function U({ isLoading: e, onClose: r, onSave: i, initialMetadata: l, excludedPr
 	});
 }
 var W = ({ image: e, isOpen: t, isLoading: n = !1, onClose: r, onSave: i }) => {
-	let { i18n: o, _: s } = k(), c = x(), { data: l, isLoading: u, isError: d } = y.compute.getImageMetadataExcludedProperties.useQuery({ project_id: c }, { enabled: t }), f = E(() => new Set((l ?? []).map((e) => e.toLowerCase())), [l]), p = E(() => H(e, f), [
+	let { i18n: o, _: s } = k(), c = b(), { data: l, isLoading: u, isError: d } = y.compute.getImageMetadataExcludedProperties.useQuery({ project_id: c }, { enabled: t }), f = E(() => new Set((l ?? []).map((e) => e.toLowerCase())), [l]), p = E(() => H(e, f), [
 		e.id,
 		e.updated_at,
 		f
@@ -1216,4 +1216,4 @@ var Y = (e, t) => ({
 //#endregion
 export { z as A, ve as C, G as D, K as E, j as F, A as I, P as M, M as N, W as O, N as P, Y as S, q as T, ae as _, me as a, $ as b, ce as c, he as d, ne as f, re as g, Z as h, pe as i, F as j, B as k, oe as l, Q as m, de as n, fe as o, ie as p, le as r, se as s, ue as t, ge as u, te as v, _e as w, X as x, ee as y };
 
-//# sourceMappingURL=ImageToastNotifications-CISH3c_d.mjs.map
+//# sourceMappingURL=ImageToastNotifications-BhjU1bfT.mjs.map