@cobaltcore-dev/aurora 0.23.0 → 1.0.0

package/dist/client/floatingips-ICwo-rV_.mjs

@@ -0,0 +1,591 @@
+import { C as e, E as t, G as n, I as r, L as i, S as a, Y as o, Z as s, _ as c, a as l, ct as u, dt as d, h as f, k as p, m, nt as h, rt as g, s as _, t as v, u as y, w as b } from "./build-DnD-T35u.mjs";
+import { a as x } from "./trpcClient-D7gpR7YG.mjs";
+import { t as S } from "./useProjectId-DBc5lpoU.mjs";
+import { t as C } from "./SortInput-DysAXpB3.mjs";
+import { d as w, n as T, o as E } from "./md-DNzcRhmz.mjs";
+import "./hooks-CrriowRk.mjs";
+import { t as D } from "./useModal-DCs1OJh7.mjs";
+import { n as O, t as k } from "./FiltersInput-Bw8TFfwb.mjs";
+import { t as A } from "./FloatingIpActionModals-BfEDfYg9.mjs";
+import { Fragment as j, jsx as M, jsxs as N } from "react/jsx-runtime";
+import { useEffect as P, useRef as F, useState as I } from "react";
+import { useNavigate as L, useSearch as ee } from "@tanstack/react-router";
+import { Trans as R, useLingui as z } from "@lingui/react";
+import { z as B } from "zod";
+import { i18n as V } from "@lingui/core";
+import { useForm as H, useStore as U } from "@tanstack/react-form";
+//#region src/client/routes/_auth/projects/$projectId/network/floatingips/-components/-table/constants.tsx
+var W = {
+	ACTIVE: {
+		text: "Active",
+		icon: /*#__PURE__*/ M(T, {
+			size: 18,
+			color: "white",
+			fill: "#4FB81C"
+		})
+	},
+	DOWN: {
+		text: "Down",
+		icon: /*#__PURE__*/ M(w, {
+			size: 18,
+			color: "white",
+			fill: "#969696"
+		})
+	},
+	ERROR: {
+		text: "Error",
+		icon: /*#__PURE__*/ M(E, {
+			size: 18,
+			color: "white",
+			fill: "#C70000"
+		})
+	}
+}, G = () => [
+	V._({ id: "uAQUqI" }),
+	V._({ id: "xNG/3n" }),
+	V._({ id: "Nc7QKU" }),
+	V._({ id: "7NC3vm" }),
+	V._({ id: "Nu4oKW" }),
+	""
+], K = ({ floatingIp: e }) => {
+	let { i18n: n, _: r } = z(), i = L(), o = S(), s = () => {
+		i({
+			to: "/projects/$projectId/network/floatingips/$floatingIpId",
+			params: {
+				projectId: o,
+				floatingIpId: e.id
+			}
+		});
+	};
+	return /*#__PURE__*/ N(t, {
+		"data-testid": `floating-ip-row-${e.id}`,
+		onClick: s,
+		children: [
+			/*#__PURE__*/ M(v, { children: /*#__PURE__*/ N("div", {
+				className: "flex items-center gap-2",
+				children: [W[e.status].icon, W[e.status].text]
+			}) }),
+			/*#__PURE__*/ M(v, { children: e.floating_ip_address }),
+			/*#__PURE__*/ M(v, { children: e.fixed_ip_address || "—" }),
+			/*#__PURE__*/ M(v, { children: e.floating_network_id }),
+			/*#__PURE__*/ M(v, { children: e.description || "—" }),
+			/*#__PURE__*/ M(v, {
+				onClick: (e) => e.stopPropagation(),
+				className: "items-end pr-0",
+				children: /*#__PURE__*/ M(A, {
+					floatingIp: e,
+					children: ({ toggleEditModal: e, toggleAttachModal: t, toggleDetachModal: r, toggleReleaseModal: i }) => /*#__PURE__*/ M(p, { children: /*#__PURE__*/ N(c, { children: [
+						/*#__PURE__*/ M(a, {
+							label: n._({ id: "rdUucN" }),
+							onClick: s
+						}),
+						/*#__PURE__*/ M(a, {
+							label: n._({ id: "n22YIM" }),
+							onClick: e
+						}),
+						/*#__PURE__*/ M(a, {
+							label: n._({ id: "igVDFt" }),
+							onClick: t
+						}),
+						/*#__PURE__*/ M(a, {
+							label: n._({ id: "FOcBn3" }),
+							onClick: r
+						}),
+						/*#__PURE__*/ M(a, {
+							label: n._({ id: "H+a5j6" }),
+							onClick: i
+						})
+					] }) })
+				})
+			})
+		]
+	}, e.id);
+}, q = ({ floatingIps: r, isLoading: i, isError: a, error: o }) => {
+	let { i18n: c, _: l } = z(), u = G(), d = u.length;
+	return i ? /*#__PURE__*/ N(s, {
+		className: "py-8",
+		distribution: "center",
+		alignment: "center",
+		direction: "vertical",
+		children: [/*#__PURE__*/ M(n, {
+			variant: "primary",
+			size: "large",
+			className: "mb-2"
+		}), /*#__PURE__*/ M(R, { id: "Z3FXyt" })]
+	}) : a ? /*#__PURE__*/ M(s, {
+		className: "py-8",
+		distribution: "center",
+		alignment: "center",
+		direction: "vertical",
+		children: o?.message ?? c._({ id: "+Nx1wc" })
+	}) : r.length === 0 ? /*#__PURE__*/ M(_, {
+		columns: d,
+		className: "floating-ips",
+		"data-testid": "no-floating-ips",
+		children: /*#__PURE__*/ M(t, { children: /*#__PURE__*/ N(v, {
+			colSpan: d,
+			children: [/*#__PURE__*/ M(g, { children: /*#__PURE__*/ M(R, { id: "WCLyHI" }) }), /*#__PURE__*/ M("p", { children: /*#__PURE__*/ M(R, { id: "0eY8Mz" }) })]
+		}) })
+	}) : /*#__PURE__*/ N(_, {
+		columns: d,
+		children: [/*#__PURE__*/ M(t, { children: u.map((t) => /*#__PURE__*/ M(e, { children: t }, t)) }), r.map((e) => /*#__PURE__*/ M(K, { floatingIp: e }, e.id))]
+	});
+}, J = /^(25[0-5]|2[0-4]\d|1\d\d|[1-9]?\d)(\.(25[0-5]|2[0-4]\d|1\d\d|[1-9]?\d)){3}$/, Y = /^(([0-9a-fA-F]{1,4}:){7}[0-9a-fA-F]{1,4}|(([0-9a-fA-F]{1,4}:){1,7}:)|(([0-9a-fA-F]{1,4}:){1,6}:[0-9a-fA-F]{1,4})|(([0-9a-fA-F]{1,4}:){1,5}(:[0-9a-fA-F]{1,4}){1,2})|(([0-9a-fA-F]{1,4}:){1,4}(:[0-9a-fA-F]{1,4}){1,3})|(([0-9a-fA-F]{1,4}:){1,3}(:[0-9a-fA-F]{1,4}){1,4})|(([0-9a-fA-F]{1,4}:){1,2}(:[0-9a-fA-F]{1,4}){1,5})|([0-9a-fA-F]{1,4}:((:[0-9a-fA-F]{1,4}){1,6}))|(:((:[0-9a-fA-F]{1,4}){1,7}|:))|(::([fF]{4}(:0{1,4})?:)?((25[0-5]|2[0-4]\d|1\d\d|[1-9]?\d)(\.(25[0-5]|2[0-4]\d|1\d\d|[1-9]?\d)){3}))|(([0-9a-fA-F]{1,4}:){1,4}:((25[0-5]|2[0-4]\d|1\d\d|[1-9]?\d)(\.(25[0-5]|2[0-4]\d|1\d\d|[1-9]?\d)){3})))$/, X = (e) => J.test(e) || Y.test(e), te = /^([a-zA-Z0-9]([a-zA-Z0-9-]{0,61}[a-zA-Z0-9])?\.)*[a-zA-Z0-9]([a-zA-Z0-9-]{0,61}[a-zA-Z0-9])?$/, ne = ({ open: e, onClose: t }) => {
+	let { i18n: a, _: s } = z(), c = S(), l = x.useUtils(), { isPending: p, ...g } = x.network.floatingIp.create.useMutation({ onSettled: () => l.network.floatingIp.list.invalidate() }), { data: _ = [], isLoading: v, error: y } = x.network.floatingIp.listExternalNetworks.useQuery({ project_id: c }), { data: b = [], isLoading: C, error: w } = x.network.floatingIp.listDnsDomains.useQuery({ project_id: c }), { data: T = [], isLoading: E, error: D } = x.network.floatingIp.listAvailablePorts.useQuery({ project_id: c }), O = B.object({
+		floating_network_id: B.string(),
+		dns_domain: B.string(),
+		dns_name: B.string().trim().max(63, a._({ id: "Zq6Y5u" })).refine((e) => e === "" || te.test(e), { message: a._({ id: "R6kcsL" }) }),
+		description: B.string().trim().max(255, a._({ id: "lZvIXd" })),
+		floating_ip_address: B.string().trim().refine((e) => e === "" || X(e), { message: a._({ id: "AZyHwC" }) }),
+		port_id: B.string(),
+		fixed_ip_address: B.string()
+	}), k = H({
+		defaultValues: {
+			floating_network_id: "",
+			dns_domain: "",
+			dns_name: "",
+			description: "",
+			floating_ip_address: "",
+			port_id: "",
+			fixed_ip_address: ""
+		},
+		validators: { onSubmit: O },
+		onSubmit: async ({ value: e }) => {
+			p || (await g.mutateAsync({
+				project_id: c,
+				tenant_id: c,
+				floating_network_id: e.floating_network_id,
+				...e.dns_domain && { dns_domain: e.dns_domain },
+				...e.dns_name && { dns_name: e.dns_name },
+				...e.description && { description: e.description },
+				...e.floating_ip_address && { floating_ip_address: e.floating_ip_address },
+				...e.port_id && { port_id: e.port_id },
+				...e.fixed_ip_address && { fixed_ip_address: e.fixed_ip_address }
+			}), A());
+		}
+	}), A = () => {
+		p || (k.reset(), g.reset(), t());
+	}, j = U(k.store, (e) => e.values.port_id), P = U(k.store, (e) => e.values.floating_network_id), F = T.find((e) => e.id === j)?.fixed_ips ?? [], I = (y?.message || w?.message || D?.message) ?? g.error?.message ?? null;
+	return /*#__PURE__*/ N(o, {
+		open: e,
+		size: "large",
+		title: a._({ id: "h99+4y" }),
+		onCancel: A,
+		cancelButtonLabel: a._({ id: "dEgA5A" }),
+		confirmButtonLabel: a._({ id: "9X8lAk" }),
+		onConfirm: k.handleSubmit,
+		disableConfirmButton: p || !P,
+		children: [
+			I && /*#__PURE__*/ M(r, {
+				dismissible: !1,
+				variant: "error",
+				className: "mb-4",
+				children: I
+			}),
+			p && /*#__PURE__*/ N("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",
+					children: /*#__PURE__*/ M(R, { id: "HuA8iQ" })
+				})]
+			}),
+			!p && /*#__PURE__*/ N(d, {
+				className: "mb-0",
+				id: "allocate-floating-ip-form",
+				onSubmit: (e) => {
+					e.preventDefault(), k.handleSubmit();
+				},
+				children: [
+					/*#__PURE__*/ M(m, {
+						className: "mb-4",
+						children: /*#__PURE__*/ M(k.Field, {
+							name: "floating_network_id",
+							children: (e) => /*#__PURE__*/ M(h, {
+								id: e.name,
+								name: e.name,
+								value: e.state.value,
+								onChange: (t) => e.handleChange(typeof t == "string" ? t : ""),
+								label: a._({ id: "kA2lMP" }),
+								helptext: a._({ id: "BoIAP6" }),
+								placeholder: a._({ id: "T6Gm5y" }),
+								disabled: p || v,
+								required: !0,
+								loading: v,
+								children: _.map(({ id: e, name: t }) => /*#__PURE__*/ M(i, {
+									value: e,
+									label: t ? `${t} (${e})` : e
+								}, e))
+							})
+						})
+					}),
+					/*#__PURE__*/ M(m, {
+						className: "mb-4",
+						children: /*#__PURE__*/ M(k.Field, {
+							name: "dns_domain",
+							children: (e) => /*#__PURE__*/ M(h, {
+								id: e.name,
+								name: e.name,
+								value: e.state.value,
+								onChange: (t) => e.handleChange(typeof t == "string" ? t : ""),
+								label: a._({ id: "WlpcJv" }),
+								helptext: a._({ id: "1ojTVo" }),
+								disabled: p || C,
+								loading: C,
+								children: b.map(({ id: e, name: t }) => /*#__PURE__*/ M(i, {
+									value: t,
+									label: t
+								}, e))
+							})
+						})
+					}),
+					/*#__PURE__*/ M(m, {
+						className: "mb-4",
+						children: /*#__PURE__*/ M(k.Field, {
+							name: "dns_name",
+							children: (e) => /*#__PURE__*/ M(f, {
+								id: e.name,
+								name: e.name,
+								value: e.state.value,
+								onBlur: e.handleBlur,
+								onChange: (t) => e.handleChange(t.target.value),
+								label: a._({ id: "eGEHJE" }),
+								placeholder: a._({ id: "SLEH7X" }),
+								helptext: a._({ id: "Tx4Ym+" }),
+								errortext: e.state.meta.errors.map((e) => e?.message).join(", "),
+								disabled: p
+							})
+						})
+					}),
+					/*#__PURE__*/ M(m, {
+						className: "mb-4",
+						children: /*#__PURE__*/ M(k.Field, {
+							name: "description",
+							children: (e) => /*#__PURE__*/ M(u, {
+								id: e.name,
+								name: e.name,
+								value: e.state.value,
+								onBlur: e.handleBlur,
+								onChange: (t) => e.handleChange(t.target.value),
+								placeholder: a._({ id: "Nu4oKW" }),
+								errortext: e.state.meta.errors.map((e) => e?.message).join(", "),
+								disabled: p
+							})
+						})
+					}),
+					/*#__PURE__*/ M(m, {
+						className: "mb-4",
+						children: /*#__PURE__*/ M(k.Field, {
+							name: "floating_ip_address",
+							children: (e) => /*#__PURE__*/ M(f, {
+								id: e.name,
+								name: e.name,
+								value: e.state.value,
+								onBlur: e.handleBlur,
+								onChange: (t) => e.handleChange(t.target.value),
+								label: a._({ id: "xNG/3n" }),
+								placeholder: a._({ id: "5/wyf8" }),
+								helptext: a._({ id: "PAKSdy" }),
+								errortext: e.state.meta.errors.map((e) => e?.message).join(", "),
+								disabled: p
+							})
+						})
+					}),
+					/*#__PURE__*/ M(m, {
+						className: "mb-4",
+						children: /*#__PURE__*/ M(k.Field, {
+							name: "port_id",
+							children: (e) => /*#__PURE__*/ M(h, {
+								id: e.name,
+								name: e.name,
+								value: e.state.value,
+								onChange: (t) => {
+									let n = typeof t == "string" ? t : "";
+									e.handleChange(n);
+									let r = T.find((e) => e.id === n)?.fixed_ips ?? [];
+									k.setFieldValue("fixed_ip_address", r.length === 1 ? r[0].ip_address : "");
+								},
+								label: a._({ id: "eks7oA" }),
+								placeholder: a._({ id: "UztfYZ" }),
+								errortext: e.state.meta.errors.map((e) => e?.message).join(", "),
+								disabled: p || E,
+								loading: E,
+								children: T.map((e) => /*#__PURE__*/ M(i, {
+									value: e.id,
+									label: e.name ? `${e.name} (${e.id})` : e.id
+								}, e.id))
+							})
+						})
+					}),
+					/*#__PURE__*/ M(m, { children: /*#__PURE__*/ M(k.Field, {
+						name: "fixed_ip_address",
+						children: (e) => /*#__PURE__*/ M(h, {
+							id: e.name,
+							name: e.name,
+							value: e.state.value,
+							onBlur: e.handleBlur,
+							onChange: (t) => e.handleChange(typeof t == "string" ? t : ""),
+							label: a._({ id: "Nc7QKU" }),
+							placeholder: a._({ id: "i41Xuw" }),
+							helptext: a._({ id: "PtjzS+" }),
+							errortext: e.state.meta.errors.map((e) => e?.message).join(", "),
+							disabled: p || F.length === 0,
+							children: F.map(({ ip_address: e }) => /*#__PURE__*/ M(i, {
+								value: e,
+								label: e
+							}, e))
+						})
+					}) })
+				]
+			})
+		]
+	});
+}, Z = (e) => {
+	let t = [];
+	return e.status && t.push({
+		name: "status",
+		value: e.status
+	}), t;
+}, re = (e, t) => {
+	let n = {};
+	if (!e?.length) return n;
+	let r = e.filter((e) => !e.inactive).reduce((e, t) => (e[t.name] || (e[t.name] = []), e[t.name].push(t.value), e), {});
+	return Object.entries(r).forEach(([e, r]) => {
+		t.find((t) => t.filterName === e)?.supportsMultiValue && r.length > 1 ? n[e] = `in:${r.join(",")}` : n[e] = r[0];
+	}), n;
+}, ie = (e, t, n) => e.some((e) => e.name === t.name && e.value === t.value) ? e : n.find((e) => e.filterName === t.name)?.supportsMultiValue ? [...e, t] : [...e.filter((e) => e.name !== t.name), t], ae = (e, t, n) => {
+	let r = {
+		search: n.search,
+		sortBy: n.sortBy,
+		sortDirection: n.sortDirection
+	};
+	if (!e?.length) return r;
+	let i = e.filter((e) => !e.inactive).reduce((e, t) => (e[t.name] || (e[t.name] = []), e[t.name].push(t.value), e), {});
+	return Object.entries(i).forEach(([e, n]) => {
+		t.find((t) => t.filterName === e)?.supportsMultiValue && n.length > 1 ? r[e] = `in:${n.join(",")}` : r[e] = n[0];
+	}), r;
+}, Q = "fixed_ip_address", $ = "asc", oe = () => {
+	let { i18n: e, _: t } = z(), n = L(), i = ee({ strict: !1 }), a = S(), [o, c] = D(!1), [u, d] = I(i.search || ""), f = F(void 0);
+	P(() => () => clearTimeout(f.current), []);
+	let [p, m] = I({
+		options: [
+			{
+				label: e._({ id: "Nc7QKU" }),
+				value: "fixed_ip_address"
+			},
+			{
+				label: e._({ id: "xNG/3n" }),
+				value: "floating_ip_address"
+			},
+			{
+				label: e._({ id: "2cJIlz" }),
+				value: "floating_network_id"
+			},
+			{
+				label: e._({ id: "S0kLOH" }),
+				value: "id"
+			},
+			{
+				label: e._({ id: "/bUiYk" }),
+				value: "router_id"
+			},
+			{
+				label: e._({ id: "uAQUqI" }),
+				value: "status"
+			},
+			{
+				label: e._({ id: "T9Mtpi" }),
+				value: "tenant_id"
+			},
+			{
+				label: e._({ id: "mSfwLL" }),
+				value: "project_id"
+			}
+		],
+		sortBy: i.sortBy || Q,
+		sortDirection: i.sortDirection || $
+	}), [h, g] = I({
+		filters: [{
+			displayName: e._({ id: "uAQUqI" }),
+			filterName: "status",
+			values: [
+				"ACTIVE",
+				"DOWN",
+				"ERROR"
+			],
+			supportsMultiValue: !1
+		}],
+		selectedFilters: Z(i)
+	}), _ = i.search || "", { data: v } = x.network.canUser.useQuery({
+		project_id: a,
+		permission: ["network:floatingips:create"]
+	}, { select: ([e]) => ({ canCreate: e }) });
+	P(() => {
+		let e = Z(i), t = i.sortBy || Q, n = i.sortDirection || $, r = i.search || "";
+		g((t) => ({
+			...t,
+			selectedFilters: e
+		})), m((e) => ({
+			...e,
+			sortBy: t,
+			sortDirection: n
+		})), d(r);
+	}, [
+		i.status,
+		i.sortBy,
+		i.sortDirection,
+		i.search
+	]);
+	let w = (e) => {
+		let t = {
+			options: e.options,
+			sortBy: e.sortBy?.toString() || Q,
+			sortDirection: e.sortDirection || $
+		};
+		m(t), n({
+			search: (e) => ({
+				...e,
+				sortBy: t.sortBy,
+				sortDirection: t.sortDirection
+			}),
+			replace: !1
+		});
+	}, T = (e) => {
+		g(e), n({
+			search: (t) => ae(e.selectedFilters || [], e.filters, {
+				search: t.search,
+				sortBy: t.sortBy,
+				sortDirection: t.sortDirection
+			}),
+			replace: !1
+		});
+	}, E = (e, t = !1) => {
+		n({
+			search: (t) => ({
+				...t,
+				search: e || void 0
+			}),
+			replace: t
+		});
+	}, { data: A = [], isLoading: j, isError: B, error: V } = x.network.floatingIp.list.useQuery({
+		project_id: a,
+		sort_key: p.sortBy,
+		sort_dir: p.sortDirection,
+		...re(h.selectedFilters || [], h.filters),
+		..._ ? { searchTerm: _ } : {}
+	}, { placeholderData: (e) => e });
+	return j && !A.length ? /*#__PURE__*/ M(s, {
+		className: "py-8",
+		distribution: "center",
+		alignment: "center",
+		direction: "vertical",
+		children: /*#__PURE__*/ M(R, { id: "Z3FXyt" })
+	}) : B && !A.length ? /*#__PURE__*/ M(s, {
+		className: "py-8",
+		distribution: "center",
+		alignment: "center",
+		direction: "vertical",
+		children: V?.message ?? e._({ id: "+Nx1wc" })
+	}) : /*#__PURE__*/ N("div", {
+		className: "relative",
+		children: [
+			B && A.length > 0 && /*#__PURE__*/ M(r, {
+				variant: "error",
+				className: "mb-4",
+				children: V?.message ?? e._({ id: "cL8dHR" })
+			}),
+			/*#__PURE__*/ M(s, {
+				distribution: "end",
+				alignment: "center",
+				gap: "2",
+				className: "pb-2",
+				children: /*#__PURE__*/ N(s, {
+					gap: "2",
+					children: [/*#__PURE__*/ M(C, {
+						options: p.options,
+						sortBy: p.sortBy,
+						sortDirection: p.sortDirection ?? "asc",
+						selectClassName: "min-w-40",
+						onSortByChange: (e) => w({
+							...p,
+							sortBy: e,
+							sortDirection: p.sortDirection
+						}),
+						onSortDirectionChange: (e) => w({
+							...p,
+							sortDirection: e
+						})
+					}), v?.canCreate && /*#__PURE__*/ M(l, {
+						onClick: c,
+						variant: "primary",
+						className: "whitespace-nowrap",
+						children: /*#__PURE__*/ M(R, { id: "h99+4y" })
+					})]
+				})
+			}),
+			/*#__PURE__*/ M(y, { children: /*#__PURE__*/ N(s, {
+				direction: "vertical",
+				gap: "2",
+				children: [/*#__PURE__*/ N(s, {
+					distribution: "between",
+					alignment: "center",
+					children: [/*#__PURE__*/ M(k, {
+						filters: h.filters,
+						selectClassName: "sm:min-w-40",
+						comboboxClassName: "sm:min-w-40",
+						onChange: (e) => {
+							let t = ie(h.selectedFilters || [], e, h.filters);
+							t !== (h.selectedFilters || []) && T({
+								...h,
+								selectedFilters: t
+							});
+						}
+					}), /*#__PURE__*/ M(b, {
+						placeholder: e._({ id: "s6lr1k" }),
+						"data-testid": "searchbar",
+						value: u,
+						onInput: (e) => {
+							let t = e.currentTarget.value;
+							d(t), clearTimeout(f.current), f.current = window.setTimeout(() => E(t, !0), 500);
+						},
+						onSearch: (e) => {
+							clearTimeout(f.current), E(typeof e == "string" ? e : "", !1);
+						},
+						onClear: () => {
+							clearTimeout(f.current), d(""), E("", !1);
+						}
+					})]
+				}), h.selectedFilters && h.selectedFilters.length > 0 && /*#__PURE__*/ M(O, {
+					selectedFilters: h.selectedFilters,
+					onDelete: (e) => T({
+						...h,
+						selectedFilters: (h.selectedFilters || []).filter((t) => t.name !== e.name || t.value !== e.value)
+					}),
+					onClear: () => T({
+						...h,
+						selectedFilters: []
+					})
+				})]
+			}) }),
+			/*#__PURE__*/ M(q, {
+				floatingIps: A,
+				isLoading: j,
+				isError: B && !A.length,
+				error: V
+			}),
+			o && /*#__PURE__*/ M(ne, {
+				open: o,
+				onClose: c
+			})
+		]
+	});
+};
+//#endregion
+//#region src/client/routes/_auth/projects/$projectId/network/floatingips/index.tsx?tsr-split=component
+function se() {
+	let { i18n: e, _: t } = z();
+	return /*#__PURE__*/ N(j, { children: [/*#__PURE__*/ M(g, { children: e._({ id: "u77/s4" }) }), /*#__PURE__*/ M(oe, {})] });
+}
+//#endregion
+export { se as component };
+
+//# sourceMappingURL=floatingips-ICwo-rV_.mjs.map