@cobaltcore-dev/aurora 0.3.1 → 0.4.0

package/dist/client/{EditSecurityGroupModal-Dl6m7wUe.mjs → EditSecurityGroupModal-DK3WYikA.mjs}

@@ -134,4 +134,4 @@ var v = ({ securityGroup: v, open: y, onClose: b, onUpdate: x, isLoading: S = !1
 //#endregion
 export { v as t };
 
-//# sourceMappingURL=EditSecurityGroupModal-Dl6m7wUe.mjs.map
+//# sourceMappingURL=EditSecurityGroupModal-DK3WYikA.mjs.map

package/dist/client/{EditSecurityGroupModal-Dl6m7wUe.mjs.map → EditSecurityGroupModal-DK3WYikA.mjs.map}

@@ -1 +1 @@
-{"version":3,"file":"EditSecurityGroupModal-Dl6m7wUe.mjs","names":["React","useState","useEffect","Modal","Form","FormRow","FormSection","TextInput","Checkbox","Button","ButtonRow","Spinner","ModalFooter","Textarea","Message","EditSecurityGroupModal","securityGroup","open","onClose","onUpdate","isLoading","error","useLingui","properties","setProperties","name","description","stateful","errors","setErrors","handleInputChange","e","value","type","target","checked","prev","newErrors","validateForm","trim","t","Object","keys","length","handleSubmit","preventDefault","updateData","undefined","id","handleClose","onCancel","size","title","modalFooter","className","variant","onClick","disabled","data-testid","dismissible","div","span","label","onChange","required","errortext","placeholder","rows"],"sources":["../../src/client/routes/_auth/projects/$projectId/network/securitygroups/-components/-modals/EditSecurityGroupModal.tsx"],"sourcesContent":["import React, { useState, useEffect } from \"react\"\nimport { Trans, useLingui } from \"@lingui/react/macro\"\nimport {\n  Modal,\n  Form,\n  FormRow,\n  FormSection,\n  TextInput,\n  Checkbox,\n  Button,\n  ButtonRow,\n  Spinner,\n  ModalFooter,\n  Textarea,\n  Message,\n} from \"@cloudoperators/juno-ui-components\"\nimport type { SecurityGroup } from \"@/server/Network/types/securityGroup\"\nimport { UpdateSecurityGroupInput } from \"@/server/Network/types/securityGroup\"\n\ninterface EditSecurityGroupModalProps {\n  securityGroup: SecurityGroup\n  open: boolean\n  onClose: () => void\n  onUpdate?: (\n    securityGroupId: string,\n    data: Omit<UpdateSecurityGroupInput, \"securityGroupId\" | \"project_id\">\n  ) => Promise<void>\n  isLoading?: boolean\n  error?: string | null\n}\n\ninterface SecurityGroupProperties {\n  name: string\n  description: string\n  stateful: boolean\n}\n\nexport const EditSecurityGroupModal: React.FC<EditSecurityGroupModalProps> = ({\n  securityGroup,\n  open,\n  onClose,\n  onUpdate,\n  isLoading = false,\n  error = null,\n}) => {\n  const { t } = useLingui()\n\n  const [properties, setProperties] = useState<SecurityGroupProperties>({\n    name: securityGroup.name || \"\",\n    description: securityGroup.description || \"\",\n    stateful: securityGroup.stateful ?? true,\n  })\n  const [errors, setErrors] = useState<{ [key: string]: string }>({})\n\n  // Update properties when securityGroup changes\n  useEffect(() => {\n    setProperties({\n      name: securityGroup.name || \"\",\n      description: securityGroup.description || \"\",\n      stateful: securityGroup.stateful ?? true,\n    })\n  }, [securityGroup])\n\n  const handleInputChange = (e: React.ChangeEvent<HTMLInputElement | HTMLTextAreaElement>) => {\n    const { name, value, type } = e.target\n    const checked = (e.target as HTMLInputElement).checked\n\n    setProperties((prev) => ({\n      ...prev,\n      [name]: type === \"checkbox\" ? checked : value,\n    }))\n\n    if (errors[name]) {\n      setErrors((prev) => {\n        const newErrors = { ...prev }\n        delete newErrors[name]\n        return newErrors\n      })\n    }\n  }\n\n  const validateForm = (): boolean => {\n    const newErrors: { [key: string]: string } = {}\n\n    if (!properties.name || properties.name.trim() === \"\") {\n      newErrors.name = t`Security group name is required`\n    }\n\n    setErrors(newErrors)\n    return Object.keys(newErrors).length === 0\n  }\n\n  const handleSubmit = async (e: React.FormEvent) => {\n    e.preventDefault()\n\n    if (!validateForm()) {\n      return\n    }\n\n    if (onUpdate) {\n      const updateData: Omit<UpdateSecurityGroupInput, \"securityGroupId\" | \"project_id\"> = {\n        name: properties.name.trim(),\n        description: properties.description.trim() || undefined,\n        stateful: properties.stateful,\n      }\n\n      await onUpdate(securityGroup.id, updateData)\n    }\n  }\n\n  const handleClose = () => {\n    setErrors({})\n    onClose()\n  }\n\n  return (\n    <Modal\n      open={open}\n      onCancel={handleClose}\n      size=\"large\"\n      title={t`Edit Security Group`}\n      modalFooter={\n        <ModalFooter className=\"flex justify-end\">\n          <ButtonRow>\n            <Button variant=\"default\" onClick={handleClose} disabled={isLoading}>\n              <Trans>Cancel</Trans>\n            </Button>\n            <Button\n              variant=\"primary\"\n              onClick={(e) => {\n                handleSubmit(e)\n              }}\n              disabled={isLoading}\n              data-testid=\"update-security-group-button\"\n            >\n              {isLoading ? <Spinner size=\"small\" /> : <Trans>Update Security Group</Trans>}\n            </Button>\n          </ButtonRow>\n        </ModalFooter>\n      }\n    >\n      {/* Error Message */}\n      {error && (\n        <Message dismissible={false} variant=\"error\" className=\"mb-4\">\n          {error}\n        </Message>\n      )}\n\n      {/* Info message about stateful changes */}\n      <Message dismissible={false} variant=\"info\" className=\"mb-4\">\n        <Trans>\n          Note: The 'stateful' attribute cannot be changed if this security group is currently in use by one or more\n          ports.\n        </Trans>\n      </Message>\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 security group...</Trans>\n          </span>\n        </div>\n      )}\n\n      {!isLoading && (\n        <Form className=\"mb-6\">\n          <FormSection className=\"mb-6\">\n            <FormRow className=\"mb-6\">\n              <TextInput\n                id=\"name\"\n                name=\"name\"\n                label={t`Name`}\n                value={properties.name}\n                onChange={handleInputChange}\n                required\n                errortext={errors.name}\n                placeholder={t`Type name`}\n                disabled={isLoading}\n              />\n            </FormRow>\n\n            <FormRow className=\"mb-6\">\n              <Textarea\n                id=\"description\"\n                name=\"description\"\n                label={t`Description`}\n                value={properties.description}\n                onChange={handleInputChange}\n                placeholder={t`Description`}\n                disabled={isLoading}\n                rows={3}\n              />\n            </FormRow>\n\n            <FormRow className=\"mb-0\">\n              <Checkbox\n                id=\"stateful\"\n                name=\"stateful\"\n                label={t`Stateful`}\n                checked={properties.stateful}\n                onChange={handleInputChange}\n                disabled={isLoading}\n              />\n            </FormRow>\n          </FormSection>\n        </Form>\n      )}\n    </Modal>\n  )\n}\n"],"mappings":"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"}
+{"version":3,"file":"EditSecurityGroupModal-DK3WYikA.mjs","names":["React","useState","useEffect","Modal","Form","FormRow","FormSection","TextInput","Checkbox","Button","ButtonRow","Spinner","ModalFooter","Textarea","Message","EditSecurityGroupModal","securityGroup","open","onClose","onUpdate","isLoading","error","useLingui","properties","setProperties","name","description","stateful","errors","setErrors","handleInputChange","e","value","type","target","checked","prev","newErrors","validateForm","trim","t","Object","keys","length","handleSubmit","preventDefault","updateData","undefined","id","handleClose","onCancel","size","title","modalFooter","className","variant","onClick","disabled","data-testid","dismissible","div","span","label","onChange","required","errortext","placeholder","rows"],"sources":["../../src/client/routes/_auth/projects/$projectId/network/securitygroups/-components/-modals/EditSecurityGroupModal.tsx"],"sourcesContent":["import React, { useState, useEffect } from \"react\"\nimport { Trans, useLingui } from \"@lingui/react/macro\"\nimport {\n  Modal,\n  Form,\n  FormRow,\n  FormSection,\n  TextInput,\n  Checkbox,\n  Button,\n  ButtonRow,\n  Spinner,\n  ModalFooter,\n  Textarea,\n  Message,\n} from \"@cloudoperators/juno-ui-components\"\nimport type { SecurityGroup } from \"@/server/Network/types/securityGroup\"\nimport { UpdateSecurityGroupInput } from \"@/server/Network/types/securityGroup\"\n\ninterface EditSecurityGroupModalProps {\n  securityGroup: SecurityGroup\n  open: boolean\n  onClose: () => void\n  onUpdate?: (\n    securityGroupId: string,\n    data: Omit<UpdateSecurityGroupInput, \"securityGroupId\" | \"project_id\">\n  ) => Promise<void>\n  isLoading?: boolean\n  error?: string | null\n}\n\ninterface SecurityGroupProperties {\n  name: string\n  description: string\n  stateful: boolean\n}\n\nexport const EditSecurityGroupModal: React.FC<EditSecurityGroupModalProps> = ({\n  securityGroup,\n  open,\n  onClose,\n  onUpdate,\n  isLoading = false,\n  error = null,\n}) => {\n  const { t } = useLingui()\n\n  const [properties, setProperties] = useState<SecurityGroupProperties>({\n    name: securityGroup.name || \"\",\n    description: securityGroup.description || \"\",\n    stateful: securityGroup.stateful ?? true,\n  })\n  const [errors, setErrors] = useState<{ [key: string]: string }>({})\n\n  // Update properties when securityGroup changes\n  useEffect(() => {\n    setProperties({\n      name: securityGroup.name || \"\",\n      description: securityGroup.description || \"\",\n      stateful: securityGroup.stateful ?? true,\n    })\n  }, [securityGroup])\n\n  const handleInputChange = (e: React.ChangeEvent<HTMLInputElement | HTMLTextAreaElement>) => {\n    const { name, value, type } = e.target\n    const checked = (e.target as HTMLInputElement).checked\n\n    setProperties((prev) => ({\n      ...prev,\n      [name]: type === \"checkbox\" ? checked : value,\n    }))\n\n    if (errors[name]) {\n      setErrors((prev) => {\n        const newErrors = { ...prev }\n        delete newErrors[name]\n        return newErrors\n      })\n    }\n  }\n\n  const validateForm = (): boolean => {\n    const newErrors: { [key: string]: string } = {}\n\n    if (!properties.name || properties.name.trim() === \"\") {\n      newErrors.name = t`Security group name is required`\n    }\n\n    setErrors(newErrors)\n    return Object.keys(newErrors).length === 0\n  }\n\n  const handleSubmit = async (e: React.FormEvent) => {\n    e.preventDefault()\n\n    if (!validateForm()) {\n      return\n    }\n\n    if (onUpdate) {\n      const updateData: Omit<UpdateSecurityGroupInput, \"securityGroupId\" | \"project_id\"> = {\n        name: properties.name.trim(),\n        description: properties.description.trim() || undefined,\n        stateful: properties.stateful,\n      }\n\n      await onUpdate(securityGroup.id, updateData)\n    }\n  }\n\n  const handleClose = () => {\n    setErrors({})\n    onClose()\n  }\n\n  return (\n    <Modal\n      open={open}\n      onCancel={handleClose}\n      size=\"large\"\n      title={t`Edit Security Group`}\n      modalFooter={\n        <ModalFooter className=\"flex justify-end\">\n          <ButtonRow>\n            <Button variant=\"default\" onClick={handleClose} disabled={isLoading}>\n              <Trans>Cancel</Trans>\n            </Button>\n            <Button\n              variant=\"primary\"\n              onClick={(e) => {\n                handleSubmit(e)\n              }}\n              disabled={isLoading}\n              data-testid=\"update-security-group-button\"\n            >\n              {isLoading ? <Spinner size=\"small\" /> : <Trans>Update Security Group</Trans>}\n            </Button>\n          </ButtonRow>\n        </ModalFooter>\n      }\n    >\n      {/* Error Message */}\n      {error && (\n        <Message dismissible={false} variant=\"error\" className=\"mb-4\">\n          {error}\n        </Message>\n      )}\n\n      {/* Info message about stateful changes */}\n      <Message dismissible={false} variant=\"info\" className=\"mb-4\">\n        <Trans>\n          Note: The 'stateful' attribute cannot be changed if this security group is currently in use by one or more\n          ports.\n        </Trans>\n      </Message>\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 security group...</Trans>\n          </span>\n        </div>\n      )}\n\n      {!isLoading && (\n        <Form className=\"mb-6\">\n          <FormSection className=\"mb-6\">\n            <FormRow className=\"mb-6\">\n              <TextInput\n                id=\"name\"\n                name=\"name\"\n                label={t`Name`}\n                value={properties.name}\n                onChange={handleInputChange}\n                required\n                errortext={errors.name}\n                placeholder={t`Type name`}\n                disabled={isLoading}\n              />\n            </FormRow>\n\n            <FormRow className=\"mb-6\">\n              <Textarea\n                id=\"description\"\n                name=\"description\"\n                label={t`Description`}\n                value={properties.description}\n                onChange={handleInputChange}\n                placeholder={t`Description`}\n                disabled={isLoading}\n                rows={3}\n              />\n            </FormRow>\n\n            <FormRow className=\"mb-0\">\n              <Checkbox\n                id=\"stateful\"\n                name=\"stateful\"\n                label={t`Stateful`}\n                checked={properties.stateful}\n                onChange={handleInputChange}\n                disabled={isLoading}\n              />\n            </FormRow>\n          </FormSection>\n        </Form>\n      )}\n    </Modal>\n  )\n}\n"],"mappings":"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"}

package/dist/client/{FiltersInput-BgNaHFBt.mjs → FiltersInput-OVeIJzIo.mjs}

@@ -16,7 +16,7 @@ var p = ({ selectedFilters: e, onDelete: n, onClear: r }) => {
 			pillValue: e.value,
 			onClose: () => n(e)
 		}, `${e.name}:${e.value}`)), e.length > 1 && /* @__PURE__ */ c(t, {
-			size: "xs",
+			size: "small",
 			label: a._({ id: "yYxB17" }),
 			onClick: r
 		})]
@@ -78,4 +78,4 @@ var h = ({ filters: t, onChange: i }) => {
 //#endregion
 export { p as n, h as t };
 
-//# sourceMappingURL=FiltersInput-BgNaHFBt.mjs.map
+//# sourceMappingURL=FiltersInput-OVeIJzIo.mjs.map

package/dist/client/FiltersInput-OVeIJzIo.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"FiltersInput-OVeIJzIo.mjs","names":["Button","Pill","Stack","SelectedFilters","selectedFilters","onDelete","onClear","useLingui","gap","wrap","alignment","distribution","map","filter","closeable","pillKey","name","pillValue","value","onClose","length","size","label","t","onClick","useCallback","useState","InputGroup","ComboBox","ComboBoxOption","SelectOption","Select","isEmpty","value","Array","isArray","length","Map","Set","size","Object","keys","FiltersInput","filters","onChange","useLingui","selectedFilterName","setSelectedFilterName","selectedFilterValue","setSelectedFilterValue","filterValues","find","filter","filterName","values","handleValueChange","name","setTimeout","getSelectProps","className","label","t","String","getComboBoxProps","disabled","map","displayName","data-testid"],"sources":["../../src/client/components/ListToolbar/SelectedFilters.tsx","../../src/client/components/ListToolbar/FiltersInput.tsx"],"sourcesContent":["import { useLingui } from \"@lingui/react/macro\"\nimport { Button, Pill, Stack } from \"@cloudoperators/juno-ui-components\"\nimport { SelectedFilter } from \"./types\"\n\nexport type SelectedFiltersProps = {\n  /**\n   * Array of currently active filters to be displayed as closeable pills.\n   */\n  selectedFilters: SelectedFilter[]\n\n  /**\n   * Callback function invoked when a user removes an individual filter pill.\n   */\n  onDelete: (filter: SelectedFilter) => void\n\n  /**\n   * Callback function invoked when the \"Clear all\" button is clicked.\n   */\n  onClear: () => void\n}\n\n/**\n * SelectedFilters Component\n *\n * Displays currently active filters as closeable pill components with individual\n * remove buttons and an optional \"Clear all\" button (shown when 2+ filters are active).\n *\n * The pills are arranged in a flexible, wrapping layout that adapts to available space.\n */\nexport const SelectedFilters = ({ selectedFilters, onDelete, onClear }: SelectedFiltersProps) => {\n  const { t } = useLingui()\n\n  return (\n    <Stack gap=\"2\" wrap={true} alignment=\"start\" distribution=\"start\">\n      {/* Render a closeable pill for each selected filter */}\n      {selectedFilters.map((filter) => (\n        <Pill\n          key={`${filter.name}:${filter.value}`}\n          closeable\n          pillKey={filter.name}\n          pillValue={filter.value}\n          onClose={() => onDelete(filter)}\n        />\n      ))}\n      {selectedFilters.length > 1 && <Button size=\"small\" label={t`Clear all`} onClick={onClear} />}\n    </Stack>\n  )\n}\n","import { useCallback, useState } from \"react\"\nimport { useLingui } from \"@lingui/react/macro\"\nimport {\n  InputGroup,\n  ComboBox,\n  ComboBoxProps,\n  ComboBoxOption,\n  SelectOption,\n  Select,\n  SelectProps,\n} from \"@cloudoperators/juno-ui-components\"\nimport { Filter, SelectedFilter } from \"./types\"\n\nexport type FiltersInputProps = {\n  filters: Filter[]\n  onChange: (filter: SelectedFilter) => void\n}\n\nfunction isEmpty(value: unknown) {\n  if (value == null) return true\n  if (typeof value === \"string\" || Array.isArray(value)) return value.length === 0\n  if (value instanceof Map || value instanceof Set) return value.size === 0\n  if (typeof value === \"object\") return Object.keys(value).length === 0\n  return false\n}\n\nexport const FiltersInput = ({ filters, onChange }: FiltersInputProps) => {\n  const { t } = useLingui()\n\n  const [selectedFilterName, setSelectedFilterName] = useState<string>(\"\")\n  const [selectedFilterValue, setSelectedFilterValue] = useState<string>(\"\")\n\n  const filterValues: string[] | undefined = filters\n    .find((filter) => filter.filterName === selectedFilterName)\n    ?.values?.filter((value) => value)\n\n  const handleValueChange = useCallback(\n    (value: string) => {\n      setSelectedFilterValue(value)\n      if (!isEmpty(selectedFilterName) && !isEmpty(value)) {\n        onChange({\n          name: selectedFilterName,\n          value: value,\n        })\n      }\n      setTimeout(() => {\n        setSelectedFilterValue(\"\")\n      }, 0)\n    },\n    [selectedFilterName, setSelectedFilterValue, onChange]\n  )\n\n  const getSelectProps = (): SelectProps & { \"data-testid\"?: string } => ({\n    className: \"w-full sm:flex-1 sm:min-w-0\",\n    name: \"filter\",\n    \"data-testid\": \"select-filterValue\",\n    label: t`Filter by`,\n    value: selectedFilterName,\n    onChange: (value: string | number | string[] | undefined) => {\n      setSelectedFilterName(String(value))\n    },\n  })\n\n  const getComboBoxProps = (): ComboBoxProps & { \"data-testid\"?: string } => ({\n    className: \"w-full sm:flex-1 sm:min-w-0\",\n    name: \"filterValue\",\n    \"data-testid\": \"combobox-filterValue\",\n    value: selectedFilterValue,\n    disabled: !selectedFilterName,\n    onChange: handleValueChange,\n  })\n\n  return (\n    <InputGroup className=\"flex w-full flex-col sm:w-auto sm:flex-row sm:items-end\">\n      <Select {...getSelectProps()}>\n        {filters?.map(({ displayName, filterName }) => (\n          <SelectOption value={filterName} label={displayName} key={filterName} data-testid={filterName} />\n        ))}\n      </Select>\n      <ComboBox {...getComboBoxProps()}>\n        {filterValues?.map((value) => (\n          <ComboBoxOption value={value} key={value} label={value} data-testid={value} />\n        ))}\n      </ComboBox>\n    </InputGroup>\n  )\n}\n"],"mappings":";;;;;AA6BA,IAAaG,KAAmB,EAAEC,oBAAiBC,aAAUC,iBAA+B;CAC1F,IAAM,EAAA,MAAA,GAAA,GAAA,MAAQC,GAAAA;AAEd,QACE,kBAACL,GAAAA;EAAMM,KAAI;EAAIC,MAAM;EAAMC,WAAU;EAAQC,cAAa;aAEvDP,EAAgBQ,KAAKC,MACpB,kBAACZ,GAAAA;GAECa,WAAS;GACTC,SAASF,EAAOG;GAChBC,WAAWJ,EAAOK;GAClBC,eAAed,EAASQ,EAAAA;KAJnB,GAAGA,EAAOG,KAAK,GAAGH,EAAOK,QAAO,CAAA,EAOxCd,EAAgBgB,SAAS,KAAK,kBAACpB,GAAAA;GAAOqB,MAAK;GAAQC,OAAOC,EAAAA,EAAC,EAAA,IAAA,UAAU,CAAA;GAAGC,SAASlB;;;;;;AC1BxF,SAAS0B,EAAQC,GAAc;AAK7B,QAJIA,KAAS,OAAa,KACtB,OAAOA,KAAU,YAAYC,MAAMC,QAAQF,EAAAA,GAAeA,EAAMG,WAAW,IAC3EH,aAAiBI,OAAOJ,aAAiBK,MAAYL,EAAMM,SAAS,IACpE,OAAON,KAAU,WAAiBO,OAAOC,KAAKR,EAAAA,CAAOG,WAAW,IAC7D;;AAGT,IAAaM,KAAgB,EAAEC,YAASC,kBAA6B;CACnE,IAAM,EAAA,MAAA,GAAA,GAAA,MAAQC,GAAAA,EAER,CAACC,GAAoBC,KAAyBrB,EAAiB,GAAA,EAC/D,CAACsB,GAAqBC,KAA0BvB,EAAiB,GAAA,EAEjEwB,IAAqCP,EACxCQ,MAAMC,MAAWA,EAAOC,eAAeP,EAAAA,EACtCQ,QAAQF,QAAQnB,MAAUA,EAAAA,EAExBsB,IAAoB9B,GACvBQ,MAAAA;AAQCwB,EAPAR,EAAuBhB,EAAAA,EACnB,CAACD,EAAQc,EAAAA,IAAuB,CAACd,EAAQC,EAAAA,IAC3CW,EAAS;GACPY,MAAMV;GACCb;GACT,CAAA,EAEFwB,iBAAW;AACTR,KAAuB,GAAA;KACtB,EAAA;IAEL;EAACH;EAAoBG;EAAwBL;EAAS,CAAA,EAGlDc,WAAkE;EACtEC,WAAW;EACXH,MAAM;EACN,eAAe;EACfI,OAAOC,EAAAA,EAAC,EAAA,IAAA,UAAU,CAAA;EAClB5B,OAAOa;EACPF,WAAWX,MAAAA;AACTc,KAAsBe,OAAO7B,EAAAA,CAAAA;;EAEjC,GAEM8B,WAAsE;EAC1EJ,WAAW;EACXH,MAAM;EACN,eAAe;EACfvB,OAAOe;EACPgB,UAAU,CAAClB;EACXF,UAAUW;EACZ;AAEA,QACE,kBAAC5B,GAAAA;EAAWgC,WAAU;aACpB,kBAAC5B,GAAAA;GAAQ,GAAG2B,GAAgB;aACzBf,GAASsB,KAAK,EAAEC,gBAAab,oBAC5B,kBAACvB,GAAAA;IAAaG,OAAOoB;IAAYO,OAAOM;IAA8BC,eAAad;MAAzBA,EAAAA,CAAAA;MAG9D,kBAACzB,GAAAA;GAAU,GAAGmC,GAAkB;aAC7Bb,GAAce,KAAKhC,MAClB,kBAACJ,GAAAA;IAAsBI;IAAmB2B,OAAO3B;IAAOkC,eAAalC;MAAlCA,EAAAA,CAAAA"}

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

@@ -1,8 +1,8 @@
 import { Q as e, T as t, at as n, d as r, n as i, nt as a, ot as o, q as s, r as c, s as l } from "./build-BJDfnAyi.mjs";
 import { r as u } from "./trpcClient-BxguzNYF.mjs";
 import { t as d } from "./useModal-DxxlilRm.mjs";
-import { t as f } from "./useProjectId-CgOTejka.mjs";
-import "./hooks-D0krAKvo.mjs";
+import { t as f } from "./useProjectId-OQv2KBbG.mjs";
+import "./hooks-DEjb9d1F.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-By2hXR9m.mjs.map
+//# sourceMappingURL=FloatingIpActionModals-Dok7fJss.mjs.map

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

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

@@ -1,8 +1,8 @@
 import { B as e, G as t, I as n, M as r, Q as i, T as a, U as o, at as s, c, d as l, h as u, it as d, n as f, nt as p, ot as m, q as h, r as g, w as _, y as v } from "./build-BJDfnAyi.mjs";
 import { r as y } from "./trpcClient-BxguzNYF.mjs";
-import { n as b } from "./formatBytes-D6oa0wU9.mjs";
-import { t as x } from "./useProjectId-CgOTejka.mjs";
-import "./hooks-D0krAKvo.mjs";
+import { n as b } from "./formatBytes-tQBEnPoL.mjs";
+import { t as x } from "./useProjectId-OQv2KBbG.mjs";
+import "./hooks-DEjb9d1F.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";
@@ -1264,4 +1264,4 @@ var J = (e, t) => ({
 //#endregion
 export { z as A, ve as C, W as D, G as E, j as F, A as I, P as M, M as N, ee as O, N as P, J as S, K as T, oe as _, $ as a, Q as b, le as c, he as d, re as f, ie as g, X as h, me as i, F as j, B as k, se as l, Z as m, fe as n, pe as o, ae as p, ue as r, ce as s, de as t, ge as u, ne as v, _e as w, Y as x, te as y };
 
-//# sourceMappingURL=ImageToastNotifications-fHI8jB2j.mjs.map
+//# sourceMappingURL=ImageToastNotifications-BG9LPnXf.mjs.map