@cobaltcore-dev/aurora 0.16.0 → 0.17.0

package/dist/client/AuthProvider-BQSJk5R4.mjs

@@ -0,0 +1,63 @@
+import { jsx as e } from "react/jsx-runtime";
+import t, { useCallback as n, useEffect as r, useRef as i, useState as a } from "react";
+//#region src/client/store/AuthProvider.tsx
+var o = /*#__PURE__*/ t.createContext(null);
+function s({ children: s, router: c }) {
+	let [l, u] = t.useState(null), [d, f] = t.useState(void 0), [p, m] = t.useState(void 0), [h, g] = a(!1), [_, v] = a(void 0), y = i(null), b = !!l, x = n(() => {
+		y.current &&= (clearTimeout(y.current), null);
+	}, []), S = n(() => {
+		g(!1), c.navigate({
+			to: "/",
+			search: _ ? { redirect: _ } : void 0
+		});
+	}, [c, _]), C = n(async (e = "manual") => {
+		if (x(), u(null), f(void 0), m(e), e === "expired") {
+			let e = window.location.pathname + window.location.search;
+			e && e.startsWith("/") && v(e), g(!0);
+		} else c.invalidate();
+	}, [c, x]), w = n(async (e, t) => {
+		u(e), m(void 0), g(!1), v(void 0), f(t ? new Date(t) : void 0);
+	}, []);
+	return r(() => {
+		if (x(), l && d) {
+			let e = d.getTime() - Date.now();
+			if (e <= 0) {
+				C("expired");
+				return;
+			}
+			y.current = setTimeout(() => {
+				C("expired");
+			}, e);
+		}
+		return () => {
+			x();
+		};
+	}, [
+		l,
+		d,
+		C,
+		x
+	]), /*#__PURE__*/ e(o.Provider, {
+		value: {
+			isAuthenticated: b,
+			user: l,
+			login: w,
+			logout: C,
+			expiresAt: d,
+			logoutReason: p,
+			showInactivityModal: h,
+			closeInactivityModal: S,
+			redirectAfterModal: _
+		},
+		children: s
+	});
+}
+function c() {
+	let e = t.useContext(o);
+	if (!e) throw Error("useAuth must be used within an AuthProvider");
+	return e;
+}
+//#endregion
+export { c as n, s as t };
+
+//# sourceMappingURL=AuthProvider-BQSJk5R4.mjs.map

package/dist/client/AuthProvider-BQSJk5R4.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"AuthProvider-BQSJk5R4.mjs","names":["React","useEffect","useRef","useCallback","useState","AuthContext","createContext","AuthProvider","children","router","user","setUser","expiresAt","setExpiresAt","undefined","logoutReason","setLogoutReason","showInactivityModal","setShowInactivityModal","redirectAfterModal","setRedirectAfterModal","logoutTimerRef","isAuthenticated","clearLogoutTimer","current","clearTimeout","closeInactivityModal","navigate","to","search","redirect","logout","reason","currentPath","window","location","pathname","startsWith","invalidate","login","expires_at","expiration","Date","timeUntilExpiry","getTime","now","setTimeout","Provider","value","useAuth","context","useContext","Error"],"sources":["../../src/client/store/AuthProvider.tsx"],"sourcesContent":["import React, { useEffect, useRef, useCallback, useState } from \"react\"\nimport { TokenData } from \"../../server/Authentication/types/models\"\n\nexport type User = TokenData[\"user\"] | null\n\nexport interface AuthContext {\n  isAuthenticated: boolean\n  login: (user: User, expires_at?: string) => Promise<void>\n  logout: (reason?: \"inactive\" | \"expired\" | \"manual\") => Promise<void>\n  user?: User\n  expiresAt?: Date\n  logoutReason?: \"inactive\" | \"expired\" | \"manual\"\n  showInactivityModal: boolean\n  closeInactivityModal: () => void\n  redirectAfterModal?: string\n}\n\ninterface RouterNavigation {\n  navigate: (options: { to: string; search?: Record<string, unknown> }) => void\n  invalidate: () => void\n}\n\nconst AuthContext = React.createContext<AuthContext | null>(null)\n\nexport function AuthProvider({ children, router }: { children: React.ReactNode; router: RouterNavigation }) {\n  const [user, setUser] = React.useState<User | null>(null)\n  const [expiresAt, setExpiresAt] = React.useState<Date | undefined>(undefined)\n  const [logoutReason, setLogoutReason] = React.useState<\"inactive\" | \"expired\" | \"manual\" | undefined>(undefined)\n  const [showInactivityModal, setShowInactivityModal] = useState(false)\n  const [redirectAfterModal, setRedirectAfterModal] = useState<string | undefined>(undefined)\n\n  const logoutTimerRef = useRef<NodeJS.Timeout | null>(null)\n\n  const isAuthenticated = !!user\n\n  const clearLogoutTimer = useCallback(() => {\n    if (logoutTimerRef.current) {\n      clearTimeout(logoutTimerRef.current)\n      logoutTimerRef.current = null\n    }\n  }, [])\n\n  const closeInactivityModal = useCallback(() => {\n    setShowInactivityModal(false)\n\n    router.navigate({\n      to: \"/\",\n      search: redirectAfterModal ? { redirect: redirectAfterModal } : undefined,\n    })\n  }, [router, redirectAfterModal])\n\n  const logout = useCallback(\n    async (reason: \"inactive\" | \"expired\" | \"manual\" = \"manual\") => {\n      clearLogoutTimer()\n\n      setUser(null)\n      setExpiresAt(undefined)\n      setLogoutReason(reason)\n\n      // For expired: Show modal instead of direct navigation\n      if (reason === \"expired\") {\n        const currentPath = window.location.pathname + window.location.search\n        if (currentPath && currentPath.startsWith(\"/\")) {\n          setRedirectAfterModal(currentPath)\n        }\n\n        setShowInactivityModal(true)\n      } else {\n        // Manual logout: direct navigation\n        router.invalidate()\n      }\n    },\n    [router, clearLogoutTimer]\n  )\n\n  const login = useCallback(async (user: User, expires_at?: string) => {\n    setUser(user)\n    setLogoutReason(undefined)\n    setShowInactivityModal(false)\n    setRedirectAfterModal(undefined)\n\n    if (expires_at) {\n      const expiration = new Date(expires_at)\n      setExpiresAt(expiration)\n    } else {\n      setExpiresAt(undefined)\n    }\n  }, [])\n\n  useEffect(() => {\n    clearLogoutTimer()\n\n    if (user && expiresAt) {\n      const timeUntilExpiry = expiresAt.getTime() - Date.now()\n\n      if (timeUntilExpiry <= 0) {\n        logout(\"expired\")\n        return\n      }\n\n      logoutTimerRef.current = setTimeout(() => {\n        logout(\"expired\")\n      }, timeUntilExpiry)\n    }\n\n    return () => {\n      clearLogoutTimer()\n    }\n  }, [user, expiresAt, logout, clearLogoutTimer])\n\n  return (\n    <AuthContext.Provider\n      value={{\n        isAuthenticated,\n        user,\n        login,\n        logout,\n        expiresAt,\n        logoutReason,\n        showInactivityModal,\n        closeInactivityModal,\n        redirectAfterModal,\n      }}\n    >\n      {children}\n    </AuthContext.Provider>\n  )\n}\n\nexport function useAuth() {\n  const context = React.useContext(AuthContext)\n  if (!context) {\n    throw new Error(\"useAuth must be used within an AuthProvider\")\n  }\n  return context\n}\n"],"mappings":";;;AAsBA,IAAMK,IAAcL,gBAAMM,cAAkC,IAAA;AAE5D,SAAgBC,EAAa,EAAEC,aAAUC,aAAiE;CACxG,IAAM,CAACC,GAAMC,KAAWX,EAAMI,SAAsB,IAAA,GAC9C,CAACQ,GAAWC,KAAgBb,EAAMI,SAA2BU,KAAAA,CAAAA,GAC7D,CAACC,GAAcC,KAAmBhB,EAAMI,SAAwDU,KAAAA,CAAAA,GAChG,CAACG,GAAqBC,KAA0Bd,EAAS,EAAA,GACzD,CAACe,GAAoBC,KAAyBhB,EAA6BU,KAAAA,CAAAA,GAE3EO,IAAiBnB,EAA8B,IAAA,GAE/CoB,IAAkB,CAAC,CAACZ,GAEpBa,IAAmBpB,QAAY;EACnC,AAEEkB,EAAeG,aADfC,aAAaJ,EAAeG,OAAO,GACV;CAE7B,GAAG,CAAA,CAAE,GAECE,IAAuBvB,QAAY;EAGvCM,AAFAS,EAAuB,EAAA,GAEvBT,EAAOkB,SAAS;GACdC,IAAI;GACJC,QAAQV,IAAqB,EAAEW,UAAUX,EAAmB,IAAIL,KAAAA;EAClE,CAAA;CACF,GAAG,CAACL,GAAQU,CAAAA,CAAmB,GAEzBY,IAAS5B,EACb,OAAO6B,IAA4C,aAAQ;EAQzD,IAPAT,EAAAA,GAEAZ,EAAQ,IAAA,GACRE,EAAaC,KAAAA,CAAAA,GACbE,EAAgBgB,CAAAA,GAGZA,MAAW,WAAW;GACxB,IAAMC,IAAcC,OAAOC,SAASC,WAAWF,OAAOC,SAASN;GAK/DX,AAJIe,KAAeA,EAAYI,WAAW,GAAA,KACxCjB,EAAsBa,CAAAA,GAGxBf,EAAuB,EAAA;EACzB,OAEET,EAAO6B,WAAU;CAErB,GACA,CAAC7B,GAAQc,CAAAA,CAAiB,GAGtBgB,IAAQpC,EAAY,OAAOO,GAAY8B,MAAAA;EAM3C,AALA7B,EAAQD,CAAAA,GACRM,EAAgBF,KAAAA,CAAAA,GAChBI,EAAuB,EAAA,GACvBE,EAAsBN,KAAAA,CAAAA,GAIpBD,EAFE2B,IAEWC,IADUC,KAAKF,CACfC,IAEA3B,KAAAA,CAAAA;CAEjB,GAAG,CAAA,CAAE;CAuBL,OArBAb,QAAU;EAGR,IAFAsB,EAAAA,GAEIb,KAAQE,GAAW;GACrB,IAAM+B,IAAkB/B,EAAUgC,QAAO,IAAKF,KAAKG,IAAG;GAEtD,IAAIF,KAAmB,GAAG;IACxBZ,EAAO,SAAA;IACP;GACF;GAEAV,EAAeG,UAAUsB,iBAAW;IAClCf,EAAO,SAAA;GACT,GAAGY,CAAAA;EACL;EAEA,aAAO;GACLpB,EAAAA;EACF;CACF,GAAG;EAACb;EAAME;EAAWmB;EAAQR;EAAiB,GAG5C,gBAAClB,EAAY0C,UAAQ;EACnBC,OAAO;GACL1B;GACAZ;GACA6B;GACAR;GACAnB;GACAG;GACAE;GACAS;GACAP;EACF;EAECX;;AAGP;AAEA,SAAgByC,IAAAA;CACd,IAAMC,IAAUlD,EAAMmD,WAAW9C,CAAAA;CACjC,IAAI,CAAC6C,GACH,MAAUE,MAAM,6CAAA;CAElB,OAAOF;AACT"}

package/dist/client/{FloatingIpActionModals-DWS9UO6o.mjs → FloatingIpActionModals-BUc6yaQ8.mjs}

@@ -2,7 +2,7 @@ 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
 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-CMgoYcDG.mjs";
+import "./hooks-CnX5q5wN.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";
@@ -414,4 +414,4 @@ var x = () => {
 //#endregion
 export { E as t };
 
-//# sourceMappingURL=FloatingIpActionModals-DWS9UO6o.mjs.map
+//# sourceMappingURL=FloatingIpActionModals-BUc6yaQ8.mjs.map

package/dist/client/{FloatingIpActionModals-DWS9UO6o.mjs.map → FloatingIpActionModals-BUc6yaQ8.mjs.map}

@@ -1 +1 @@
-{"version":3,"file":"FloatingIpActionModals-DWS9UO6o.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-BUc6yaQ8.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-B2BIyk1P.mjs → ImageToastNotifications-Dz-VsSwl.mjs}

@@ -2,7 +2,7 @@ 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,
 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-CMgoYcDG.mjs";
+import "./hooks-CnX5q5wN.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";
@@ -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-B2BIyk1P.mjs.map
+//# sourceMappingURL=ImageToastNotifications-Dz-VsSwl.mjs.map