@cobaltcore-dev/aurora 0.12.1 → 0.13.0

package/dist/client/BucketToastNotifications-CxQ0_Spa.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"BucketToastNotifications-CxQ0_Spa.mjs","names":["useEffect","trpcReact","Modal","Stack","Spinner","Message","useProjectId","DeleteBucketPolicyModal","isOpen","bucketName","onClose","onSuccess","onError","useLingui","projectId","utils","useUtils","data","policyData","isLoading","isPolicyLoading","error","policyError","storage","ceph","bucketPolicy","get","useQuery","project_id","enabled","retry","deleteMutation","delete","useMutation","invalidate","name","handleClose","message","reset","handleDelete","mutate","hasPolicy","policy","isDeleting","isPending","title","t","open","onCancel","confirmButtonLabel","confirmButtonVariant","onConfirm","cancelButtonLabel","size","disableConfirmButton","direction","gap","div","className","variant","p","strong","isError","calculateBucketState","allVersions","isVersioningEnabled","bucketObjectCount","currentVersions","filter","v","isLatest","isDeleteMarker","realVersions","hasOnlyDeleteMarkers","length","hasOldVersionsOrDeleteMarkers","some","effectiveCurrentObjectCount","isBucketEmpty","useState","trpcReact","Modal","TextInput","Stack","Checkbox","Spinner","useProjectId","calculateBucketState","EmptyBucketModal","isOpen","bucket","onClose","onSuccess","onError","useLingui","projectId","confirmName","setConfirmName","nameError","setNameError","deleteVersionsAndMarkers","setDeleteVersionsAndMarkers","utils","useUtils","data","versioningStatus","isLoading","isLoadingVersioning","error","versioningError","storage","ceph","versioning","getStatus","useQuery","project_id","name","enabled","staleTime","versionCheckData","isLoadingVersionCheck","versionCheckError","objects","list","containerName","maxKeys","delimiter","showVersions","status","isVersioningEnabled","allVersions","versions","bucketObjectCount","count","isBucketEmpty","hasOnlyDeleteMarkers","isBucketEmptyWithVersions","emptyBucketMutation","deleteAll","useMutation","onSettled","containers","invalidate","handleClose","reset","handleConfirmNameChange","e","value","target","handleSubmit","trim","t","bucketName","shouldDeleteVersions","mutate","includeVersionsAndDeleteMarkers","deletedCount","message","handleKeyDown","key","hasQueryError","title","open","onCancel","confirmButtonLabel","confirmButtonVariant","onConfirm","cancelButtonLabel","size","disableConfirmButton","isPending","direction","gap","div","className","p","label","required","onChange","onKeyDown","invalid","errortext","undefined","disabled","placeholder","autoFocus","alignment","span","checked","useState","useEffect","trpcReact","Modal","ModalFooter","ButtonRow","TextInput","Stack","Spinner","Button","useProjectId","calculateBucketState","DeleteBucketModal","isOpen","bucket","onClose","onSuccess","onError","useLingui","projectId","confirmName","setConfirmName","nameError","setNameError","utils","useUtils","data","versioningStatus","isLoading","isLoadingVersioning","storage","ceph","versioning","getStatus","useQuery","project_id","name","enabled","isVersioningEnabled","status","objects","isLoadingObjects","error","objectsError","list","containerName","maxKeys","delimiter","showVersions","deleteBucketMutation","containers","delete","useMutation","onSettled","invalidate","reset","handleClose","handleConfirmNameChange","e","value","target","handleSubmit","trim","t","bucketName","mutate","message","handleKeyDown","key","currentObjectCount","length","allVersions","versions","effectiveCurrentObjectCount","hasOldVersionsOrDeleteMarkers","hasCurrentObjects","hasVersionsInVersionedBucket","cannotDelete","errorMessage","title","open","onCancel","confirmButtonLabel","undefined","confirmButtonVariant","onConfirm","cancelButtonLabel","modalFooter","className","variant","onClick","data-testid","size","disableConfirmButton","isPending","direction","gap","p","role","aria-live","alignment","span","div","ul","li","label","required","onChange","onKeyDown","invalid","errortext","disabled","placeholder","useState","trpcReact","Modal","TextInput","Stack","useProjectId","DeleteVersionsModal","isOpen","bucket","onClose","onSuccess","onError","useLingui","projectId","confirmName","setConfirmName","nameError","setNameError","utils","useUtils","deleteVersionsMutation","storage","ceph","objects","deleteAll","useMutation","onSettled","containers","list","invalidate","handleClose","reset","handleConfirmNameChange","e","value","target","handleSubmit","trim","name","t","bucketName","mutate","project_id","containerName","includeVersionsAndDeleteMarkers","deletedCount","error","message","handleKeyDown","key","title","open","onCancel","confirmButtonLabel","confirmButtonVariant","onConfirm","cancelButtonLabel","size","disableConfirmButton","isPending","direction","gap","p","className","label","required","onChange","onKeyDown","invalid","errortext","undefined","disabled","placeholder","autoFocus","getBucketCreatedToast","bucketName","message","description","getBucketCreateErrorToast","errorMessage","getBucketEmptiedToast","deletedCount","getBucketEmptyErrorToast","getBucketDeletedToast","getBucketDeleteErrorToast","getBucketsEmptyCompleteToast","emptiedCount","totalDeleted","errors","hasErrors","length","totalBuckets","errorsLength","getVersioningEnabledToast","getVersioningEnableErrorToast","getVersioningSuspendedToast","getVersioningSuspendErrorToast","getBucketPolicyDeletedToast","getBucketPolicyDeleteErrorToast","getVersionsDeletedToast","getVersionsDeleteErrorToast"],"sources":["../../src/client/routes/_auth/projects/$projectId/storage/-components/Ceph/Buckets/DeleteBucketPolicyModal.tsx","../../src/client/routes/_auth/projects/$projectId/storage/-components/Ceph/hooks/bucketStateHelpers.ts","../../src/client/routes/_auth/projects/$projectId/storage/-components/Ceph/Buckets/EmptyBucketModal.tsx","../../src/client/routes/_auth/projects/$projectId/storage/-components/Ceph/Buckets/DeleteBucketModal.tsx","../../src/client/routes/_auth/projects/$projectId/storage/-components/Ceph/Buckets/DeleteVersionsModal.tsx","../../src/client/routes/_auth/projects/$projectId/storage/-components/Ceph/Buckets/BucketToastNotifications.tsx"],"sourcesContent":["import { useEffect } from \"react\"\nimport { Trans, useLingui } from \"@lingui/react/macro\"\nimport { trpcReact } from \"@/client/trpcClient\"\nimport { Modal, Stack, Spinner, Message } from \"@cloudoperators/juno-ui-components\"\nimport { useProjectId } from \"@/client/hooks/useProjectId\"\n\ninterface DeleteBucketPolicyModalProps {\n  isOpen: boolean\n  bucketName: string\n  onClose: () => void\n  onSuccess?: (bucketName: string) => void\n  onError?: (bucketName: string, errorMessage: string) => void\n}\n\nexport const DeleteBucketPolicyModal = ({\n  isOpen,\n  bucketName,\n  onClose,\n  onSuccess,\n  onError,\n}: DeleteBucketPolicyModalProps) => {\n  const { t } = useLingui()\n  const projectId = useProjectId()\n  const utils = trpcReact.useUtils()\n\n  // Query to verify policy exists\n  const {\n    data: policyData,\n    isLoading: isPolicyLoading,\n    error: policyError,\n  } = trpcReact.storage.ceph.bucketPolicy.get.useQuery(\n    {\n      project_id: projectId,\n      bucketName,\n    },\n    {\n      enabled: isOpen && !!projectId,\n      retry: false,\n    }\n  )\n\n  // Delete mutation\n  const deleteMutation = trpcReact.storage.ceph.bucketPolicy.delete.useMutation({\n    onSuccess: () => {\n      utils.storage.ceph.bucketPolicy.get.invalidate()\n      const name = bucketName\n      onSuccess?.(name)\n      handleClose()\n    },\n    onError: (error) => {\n      const name = bucketName\n      onError?.(name, error.message)\n    },\n  })\n\n  useEffect(() => {\n    if (!isOpen) {\n      deleteMutation.reset()\n    }\n  }, [isOpen, bucketName])\n\n  const handleClose = () => {\n    deleteMutation.reset()\n    onClose()\n  }\n\n  const handleDelete = () => {\n    deleteMutation.mutate({\n      project_id: projectId,\n      bucketName,\n    })\n  }\n\n  if (!isOpen) return null\n\n  const hasPolicy = !!policyData?.policy\n  const isDeleting = deleteMutation.isPending\n\n  return (\n    <Modal\n      title={t`Delete Bucket Policy`}\n      open={isOpen}\n      onCancel={handleClose}\n      confirmButtonLabel={t`Delete Policy`}\n      confirmButtonVariant=\"primary-danger\"\n      onConfirm={handleDelete}\n      cancelButtonLabel={t`Cancel`}\n      size=\"small\"\n      disableConfirmButton={isDeleting || isPolicyLoading || !hasPolicy || !!policyError}\n    >\n      <Stack direction=\"vertical\" gap=\"4\">\n        {isPolicyLoading && (\n          <div className=\"flex items-center justify-center py-4\">\n            <Spinner variant=\"primary\" size=\"large\" />\n          </div>\n        )}\n\n        {policyError && (\n          <Message variant=\"error\" title={t`Failed to load policy`}>\n            {policyError.message}\n          </Message>\n        )}\n\n        {!isPolicyLoading && !policyError && !hasPolicy && (\n          <Message variant=\"warning\" title={t`No policy found`}>\n            <Trans>This bucket does not have a policy attached.</Trans>\n          </Message>\n        )}\n\n        {!isPolicyLoading && !policyError && hasPolicy && (\n          <>\n            <p className=\"text-theme-default\">\n              <Trans>\n                Are you sure you want to delete the policy for bucket <strong>{bucketName}</strong>?\n              </Trans>\n            </p>\n            <p className=\"text-theme-default\">\n              <Trans>\n                Deleting the policy will remove all access restrictions defined by it. This action cannot be undone.\n              </Trans>\n            </p>\n          </>\n        )}\n\n        {deleteMutation.isError && (\n          <Message variant=\"error\" title={t`Failed to delete policy`}>\n            {deleteMutation.error?.message}\n          </Message>\n        )}\n      </Stack>\n    </Modal>\n  )\n}\n","import type { S3ObjectVersion } from \"@/server/Storage/types/ceph\"\n\n/**\n * Helper to calculate bucket state from versioning data\n *\n * @param allVersions - All versions/objects from the list query with showVersions=true\n * @param isVersioningEnabled - Whether bucket has versioning Enabled or Suspended\n * @param bucketObjectCount - Object count from bucket metadata (may be 0 even with objects due to how S3 counts)\n * @returns Calculated state flags for bucket emptiness and version status\n */\nexport function calculateBucketState(\n  allVersions: S3ObjectVersion[],\n  isVersioningEnabled: boolean,\n  bucketObjectCount: number\n) {\n  // Current objects = isLatest=true and not delete markers\n  const currentVersions = allVersions.filter((v) => v.isLatest && !v.isDeleteMarker)\n\n  // Real versions (not delete markers) - includes both current and old\n  const realVersions = allVersions.filter((v) => !v.isDeleteMarker)\n\n  // Check if there are ONLY delete markers (no real objects/versions at all)\n  const hasOnlyDeleteMarkers = isVersioningEnabled && allVersions.length > 0 && realVersions.length === 0\n\n  // Check if there are old versions (not current) or any delete markers\n  // Used to determine if \"Delete Versions\" action is needed\n  const hasOldVersionsOrDeleteMarkers =\n    isVersioningEnabled && allVersions.some((v) => v.isDeleteMarker || (!v.isLatest && !v.isDeleteMarker))\n\n  // Count current objects for bucket emptiness check\n  // - For versioned buckets: use bucketObjectCount from metadata OR count current versions if metadata is 0\n  // - For unversioned buckets: count all real versions (they are all current)\n  const effectiveCurrentObjectCount = isVersioningEnabled\n    ? bucketObjectCount > 0\n      ? bucketObjectCount\n      : currentVersions.length\n    : bucketObjectCount + realVersions.length\n\n  // Bucket is empty only if there are no current objects\n  const isBucketEmpty = effectiveCurrentObjectCount === 0\n\n  return {\n    currentVersions,\n    hasOnlyDeleteMarkers,\n    hasOldVersionsOrDeleteMarkers,\n    effectiveCurrentObjectCount,\n    isBucketEmpty,\n  }\n}\n","import { useState } from \"react\"\nimport { Trans, useLingui } from \"@lingui/react/macro\"\nimport { trpcReact } from \"@/client/trpcClient\"\nimport { Modal, TextInput, Stack, Checkbox, Spinner } from \"@cloudoperators/juno-ui-components\"\nimport { Bucket } from \"@/server/Storage/types/ceph\"\nimport { useProjectId } from \"@/client/hooks/useProjectId\"\nimport { calculateBucketState } from \"../hooks/bucketStateHelpers\"\n\ninterface EmptyBucketModalProps {\n  isOpen: boolean\n  bucket: Bucket | null\n  onClose: () => void\n  onSuccess?: (bucketName: string, deletedCount: number) => void\n  onError?: (bucketName: string, errorMessage: string) => void\n}\n\nexport const EmptyBucketModal = ({ isOpen, bucket, onClose, onSuccess, onError }: EmptyBucketModalProps) => {\n  const { t } = useLingui()\n  const projectId = useProjectId()\n  const [confirmName, setConfirmName] = useState(\"\")\n  const [nameError, setNameError] = useState<string | null>(null)\n  const [deleteVersionsAndMarkers, setDeleteVersionsAndMarkers] = useState(false)\n\n  const utils = trpcReact.useUtils()\n\n  // Query versioning status for the bucket\n  const {\n    data: versioningStatus,\n    isLoading: isLoadingVersioning,\n    error: versioningError,\n  } = trpcReact.storage.ceph.versioning.getStatus.useQuery(\n    {\n      project_id: projectId ?? \"\",\n      bucket: bucket?.name ?? \"\",\n    },\n    {\n      enabled: !!projectId && !!bucket && isOpen,\n      staleTime: 30 * 1000,\n    }\n  )\n\n  // Query to check if bucket has versions/delete markers (only when versioning is enabled/suspended)\n  // Use maxKeys=100 to get enough data - with maxKeys=1 we might miss current objects\n  // if the first result is a delete marker\n  const {\n    data: versionCheckData,\n    isLoading: isLoadingVersionCheck,\n    error: versionCheckError,\n  } = trpcReact.storage.ceph.objects.list.useQuery(\n    {\n      project_id: projectId ?? \"\",\n      containerName: bucket?.name ?? \"\",\n      maxKeys: 100,\n      delimiter: \"\",\n      showVersions: true,\n    },\n    {\n      enabled: !!projectId && !!bucket && isOpen && versioningStatus?.status !== \"Unversioned\",\n      staleTime: 30 * 1000,\n    }\n  )\n\n  // Check bucket state using shared helper\n  const isVersioningEnabled = versioningStatus?.status === \"Enabled\" || versioningStatus?.status === \"Suspended\"\n  const allVersions = versionCheckData?.versions ?? []\n  const bucketObjectCount = bucket?.count ?? 0\n  const { isBucketEmpty, hasOnlyDeleteMarkers } = calculateBucketState(\n    allVersions,\n    isVersioningEnabled,\n    bucketObjectCount\n  )\n  const isBucketEmptyWithVersions = isBucketEmpty && hasOnlyDeleteMarkers\n\n  const emptyBucketMutation = trpcReact.storage.ceph.objects.deleteAll.useMutation({\n    onSettled: () => {\n      // Invalidate both containers.list (to update bucket metadata) and objects.list (to refresh empty state)\n      utils.storage.ceph.containers.list.invalidate()\n      utils.storage.ceph.objects.list.invalidate()\n      handleClose()\n    },\n  })\n\n  const handleClose = () => {\n    setConfirmName(\"\")\n    setNameError(null)\n    setDeleteVersionsAndMarkers(false)\n    emptyBucketMutation.reset()\n    onClose()\n  }\n\n  const handleConfirmNameChange = (e: React.ChangeEvent<HTMLInputElement>) => {\n    const value = e.target.value\n    setConfirmName(value)\n    if (nameError) setNameError(null)\n  }\n\n  const handleSubmit = () => {\n    if (!bucket) return\n    if (confirmName.trim() !== bucket.name) {\n      setNameError(t`Bucket name does not match`)\n      return\n    }\n\n    // Capture bucket name before async operation to avoid dereferencing null bucket in callbacks\n    const bucketName = bucket.name\n\n    // If bucket is empty with only delete markers, always delete versions\n    const shouldDeleteVersions = isBucketEmptyWithVersions || deleteVersionsAndMarkers\n\n    emptyBucketMutation.mutate(\n      {\n        project_id: projectId,\n        containerName: bucketName,\n        includeVersionsAndDeleteMarkers: shouldDeleteVersions,\n      },\n      {\n        onSuccess: (deletedCount) => {\n          onSuccess?.(bucketName, deletedCount)\n        },\n        onError: (error) => {\n          onError?.(bucketName, error.message)\n        },\n      }\n    )\n  }\n\n  const handleKeyDown = (e: React.KeyboardEvent) => {\n    if (e.key === \"Enter\") handleSubmit()\n  }\n\n  if (!isOpen || !bucket) return null\n\n  const bucketName = bucket.name\n  const isLoading = isLoadingVersioning || isLoadingVersionCheck\n  const hasQueryError = !!versioningError || !!versionCheckError\n\n  // If bucket is empty with only delete markers, show \"Delete Versions\" UI\n  if (isBucketEmptyWithVersions && !isLoading) {\n    return (\n      <Modal\n        title={t`Delete Versions`}\n        open={isOpen}\n        onCancel={handleClose}\n        confirmButtonLabel={t`Delete Versions`}\n        confirmButtonVariant=\"primary-danger\"\n        onConfirm={handleSubmit}\n        cancelButtonLabel={t`Cancel`}\n        size=\"small\"\n        disableConfirmButton={emptyBucketMutation.isPending || confirmName.trim() !== bucket.name || hasQueryError}\n      >\n        <Stack direction=\"vertical\" gap=\"6\">\n          {hasQueryError && (\n            <div className=\"bg-theme-danger-10 text-theme-danger rounded p-4\">\n              <Trans>Unable to verify bucket versioning status. Please try again.</Trans>\n            </div>\n          )}\n\n          <p className=\"text-theme-default m-0\">\n            <Trans>\n              This action will permanently delete all versions and delete markers. This will enable you to delete the\n              bucket. This action cannot be undone.\n            </Trans>\n          </p>\n\n          <TextInput\n            label={t`Type the bucket name to confirm`}\n            required\n            value={confirmName}\n            onChange={handleConfirmNameChange}\n            onKeyDown={handleKeyDown}\n            invalid={!!nameError}\n            errortext={nameError || undefined}\n            disabled={emptyBucketMutation.isPending || hasQueryError}\n            placeholder={bucket.name}\n            autoFocus\n          />\n        </Stack>\n      </Modal>\n    )\n  }\n\n  // Otherwise show normal \"Empty Bucket\" UI\n  return (\n    <Modal\n      title={t`Empty Bucket`}\n      open={isOpen}\n      onCancel={handleClose}\n      confirmButtonLabel={t`Empty Bucket`}\n      confirmButtonVariant=\"primary-danger\"\n      onConfirm={handleSubmit}\n      cancelButtonLabel={t`Cancel`}\n      size=\"small\"\n      disableConfirmButton={emptyBucketMutation.isPending || confirmName.trim() !== bucket.name || hasQueryError}\n    >\n      {isLoading ? (\n        <Stack direction=\"horizontal\" gap=\"2\" alignment=\"center\">\n          <Spinner />\n          <span className=\"text-juno-grey-light-1 text-sm\">\n            <Trans>Checking bucket contents...</Trans>\n          </span>\n        </Stack>\n      ) : (\n        <Stack direction=\"vertical\" gap=\"6\">\n          {hasQueryError && (\n            <div className=\"bg-theme-danger-10 text-theme-danger rounded p-4\">\n              <Trans>Unable to verify bucket versioning status. Please try again.</Trans>\n            </div>\n          )}\n\n          <p className=\"text-theme-default m-0\">\n            {versioningStatus && versioningStatus.status !== \"Unversioned\" ? (\n              <Trans>\n                This action will permanently delete all objects from {bucketName}. You may choose to also delete all\n                versions and delete markers. This will enable you to delete the bucket. This action cannot be undone.\n              </Trans>\n            ) : (\n              <Trans>\n                This action will permanently delete all objects from {bucketName}. This action cannot be undone.\n              </Trans>\n            )}\n          </p>\n\n          {versioningStatus && versioningStatus.status !== \"Unversioned\" && (\n            <Checkbox\n              checked={deleteVersionsAndMarkers}\n              onChange={(e: React.ChangeEvent<HTMLInputElement>) => setDeleteVersionsAndMarkers(e.target.checked)}\n              label={t`Also delete all versions and all delete markers`}\n              disabled={emptyBucketMutation.isPending || hasQueryError}\n            />\n          )}\n\n          <TextInput\n            label={t`Type the bucket name to confirm`}\n            required\n            value={confirmName}\n            onChange={handleConfirmNameChange}\n            onKeyDown={handleKeyDown}\n            invalid={!!nameError}\n            errortext={nameError || undefined}\n            disabled={emptyBucketMutation.isPending || hasQueryError}\n            placeholder={bucket.name}\n            autoFocus\n          />\n        </Stack>\n      )}\n    </Modal>\n  )\n}\n","import { useState, useEffect } from \"react\"\nimport { Trans, useLingui } from \"@lingui/react/macro\"\nimport { trpcReact } from \"@/client/trpcClient\"\nimport { Modal, ModalFooter, ButtonRow, TextInput, Stack, Spinner, Button } from \"@cloudoperators/juno-ui-components\"\nimport type { Bucket } from \"@/server/Storage/types/ceph\"\nimport { useProjectId } from \"@/client/hooks/useProjectId\"\nimport { calculateBucketState } from \"../hooks/bucketStateHelpers\"\n\ninterface DeleteBucketModalProps {\n  isOpen: boolean\n  bucket: Bucket | null\n  onClose: () => void\n  onSuccess?: (bucketName: string) => void\n  onError?: (bucketName: string, errorMessage: string) => void\n}\n\nexport const DeleteBucketModal = ({ isOpen, bucket, onClose, onSuccess, onError }: DeleteBucketModalProps) => {\n  const { t } = useLingui()\n  const projectId = useProjectId()\n  const [confirmName, setConfirmName] = useState(\"\")\n  const [nameError, setNameError] = useState<string | null>(null)\n\n  const utils = trpcReact.useUtils()\n\n  // Fetch versioning status to determine if bucket has versioning enabled\n  const { data: versioningStatus, isLoading: isLoadingVersioning } =\n    trpcReact.storage.ceph.versioning.getStatus.useQuery(\n      { project_id: projectId ?? \"\", bucket: bucket?.name ?? \"\" },\n      { enabled: isOpen && bucket !== null }\n    )\n\n  const isVersioningEnabled = versioningStatus?.status === \"Enabled\" || versioningStatus?.status === \"Suspended\"\n\n  // Fetch actual objects and versions to get accurate real-time state\n  // Use showVersions=true to also detect delete markers in versioned buckets\n  // Use delimiter=\"\" to get ALL objects including folder markers (zero-byte objects ending in \"/\")\n  // Without this, folders are returned as CommonPrefixes and we can't accurately check if bucket is empty\n  // Use maxKeys=100 to get enough objects/versions to accurately determine bucket state\n  // (with maxKeys=1 we might miss current objects if the first result is a delete marker)\n  const {\n    data: objects,\n    isLoading: isLoadingObjects,\n    error: objectsError,\n  } = trpcReact.storage.ceph.objects.list.useQuery(\n    { project_id: projectId ?? \"\", containerName: bucket?.name ?? \"\", maxKeys: 100, delimiter: \"\", showVersions: true },\n    { enabled: isOpen && bucket !== null }\n  )\n\n  const deleteBucketMutation = trpcReact.storage.ceph.containers.delete.useMutation({\n    onSettled: () => {\n      utils.storage.ceph.containers.list.invalidate()\n    },\n  })\n\n  useEffect(() => {\n    if (!isOpen) {\n      setConfirmName(\"\")\n      setNameError(null)\n      deleteBucketMutation.reset()\n    }\n  }, [isOpen, bucket?.name])\n\n  const handleClose = () => {\n    setConfirmName(\"\")\n    setNameError(null)\n    deleteBucketMutation.reset()\n    onClose()\n  }\n\n  const handleConfirmNameChange = (e: React.ChangeEvent<HTMLInputElement>) => {\n    const value = e.target.value\n    setConfirmName(value)\n    if (nameError) setNameError(null)\n  }\n\n  const handleSubmit = () => {\n    if (!bucket) return\n    if (objectsError) return\n    if (confirmName.trim() !== bucket.name) {\n      setNameError(t`Bucket name does not match`)\n      return\n    }\n\n    // Capture bucket name before async operation to avoid dereferencing null bucket in callbacks\n    const bucketName = bucket.name\n\n    deleteBucketMutation.mutate(\n      { project_id: projectId, bucketName },\n      {\n        onSuccess: () => {\n          handleClose()\n          onSuccess?.(bucketName)\n        },\n        onError: (error) => {\n          handleClose()\n          onError?.(bucketName, error.message)\n        },\n      }\n    )\n  }\n\n  const handleKeyDown = (e: React.KeyboardEvent) => {\n    if (e.key === \"Enter\") handleSubmit()\n  }\n\n  if (!isOpen || !bucket) return null\n\n  // Calculate bucket state using shared helper\n  // When showVersions=true, BFF returns all objects in \"versions\" array, not \"objects\"\n  // So bucketObjectCount from objects?.objects is used only as a fallback\n  const currentObjectCount = objects?.objects?.length ?? 0\n  const allVersions = objects?.versions ?? []\n  const { effectiveCurrentObjectCount, hasOldVersionsOrDeleteMarkers } = calculateBucketState(\n    allVersions,\n    isVersioningEnabled,\n    currentObjectCount\n  )\n\n  // Bucket cannot be deleted if it has:\n  // 1. Current objects (effectiveCurrentObjectCount > 0) - show \"Empty the bucket\"\n  // 2. Old versions or any delete markers in a versioned bucket - show \"Delete all versions\"\n  const hasCurrentObjects = effectiveCurrentObjectCount > 0\n  const hasVersionsInVersionedBucket = hasOldVersionsOrDeleteMarkers\n  const cannotDelete = hasCurrentObjects || hasVersionsInVersionedBucket\n  const errorMessage = objectsError?.message\n  const isLoading = isLoadingObjects || isLoadingVersioning\n\n  return (\n    <Modal\n      title={t`Delete Bucket`}\n      open={isOpen}\n      onCancel={handleClose}\n      confirmButtonLabel={cannotDelete ? undefined : t`Delete Bucket`}\n      confirmButtonVariant={cannotDelete ? undefined : \"primary-danger\"}\n      onConfirm={cannotDelete ? undefined : handleSubmit}\n      cancelButtonLabel={cannotDelete ? undefined : t`Cancel`}\n      modalFooter={\n        cannotDelete ? (\n          <ModalFooter className=\"flex justify-end\">\n            <ButtonRow>\n              <Button variant=\"primary\" onClick={handleClose} data-testid=\"delete-has-objects-close-button\">\n                <Trans>Close</Trans>\n              </Button>\n            </ButtonRow>\n          </ModalFooter>\n        ) : undefined\n      }\n      size=\"small\"\n      disableConfirmButton={\n        deleteBucketMutation.isPending || isLoading || !!objectsError || confirmName.trim() !== bucket.name\n      }\n    >\n      <Stack direction=\"vertical\" gap=\"6\">\n        {objectsError && (\n          <p className=\"text-theme-error\" role=\"alert\" aria-live=\"assertive\">\n            <Trans>Failed to check bucket contents: {errorMessage}</Trans>\n          </p>\n        )}\n\n        {isLoading ? (\n          <Stack direction=\"horizontal\" gap=\"2\" alignment=\"center\">\n            <Spinner />\n            <span className=\"text-juno-grey-light-1 text-sm\">\n              <Trans>Checking bucket contents...</Trans>\n            </span>\n          </Stack>\n        ) : cannotDelete ? (\n          <div className=\"text-theme-default\">\n            <p className=\"mb-4\">\n              <Trans>This bucket cannot be deleted yet. Do the following to be able to delete the bucket:</Trans>\n            </p>\n            <ul className=\"list-disc space-y-1 pl-5\">\n              {hasCurrentObjects && (\n                <li>\n                  <Trans>Empty the bucket</Trans>\n                </li>\n              )}\n              {hasVersionsInVersionedBucket && (\n                <li>\n                  <Trans>Delete all versions and delete markers</Trans>\n                </li>\n              )}\n            </ul>\n          </div>\n        ) : (\n          <>\n            <p className=\"text-theme-default\">\n              <Trans>\n                This action is irreversible. Deleting a bucket permanently removes it and cannot be undone. The bucket\n                must be empty before deletion.\n              </Trans>\n            </p>\n\n            <TextInput\n              label={t`Type the bucket name to confirm`}\n              required\n              value={confirmName}\n              onChange={handleConfirmNameChange}\n              onKeyDown={handleKeyDown}\n              invalid={!!nameError}\n              errortext={nameError || undefined}\n              disabled={deleteBucketMutation.isPending}\n              placeholder={bucket.name}\n            />\n          </>\n        )}\n      </Stack>\n    </Modal>\n  )\n}\n","import { useState } from \"react\"\nimport { Trans, useLingui } from \"@lingui/react/macro\"\nimport { trpcReact } from \"@/client/trpcClient\"\nimport { Modal, TextInput, Stack } from \"@cloudoperators/juno-ui-components\"\nimport { Bucket } from \"@/server/Storage/types/ceph\"\nimport { useProjectId } from \"@/client/hooks/useProjectId\"\n\ninterface DeleteVersionsModalProps {\n  isOpen: boolean\n  bucket: Bucket | null\n  onClose: () => void\n  onSuccess?: (bucketName: string, deletedCount: number) => void\n  onError?: (bucketName: string, errorMessage: string) => void\n}\n\nexport const DeleteVersionsModal = ({ isOpen, bucket, onClose, onSuccess, onError }: DeleteVersionsModalProps) => {\n  const { t } = useLingui()\n  const projectId = useProjectId()\n  const [confirmName, setConfirmName] = useState(\"\")\n  const [nameError, setNameError] = useState<string | null>(null)\n\n  const utils = trpcReact.useUtils()\n\n  const deleteVersionsMutation = trpcReact.storage.ceph.objects.deleteAll.useMutation({\n    onSettled: () => {\n      // Invalidate both containers.list (to update bucket metadata) and objects.list (to refresh empty state)\n      utils.storage.ceph.containers.list.invalidate()\n      utils.storage.ceph.objects.list.invalidate()\n      handleClose()\n    },\n  })\n\n  const handleClose = () => {\n    setConfirmName(\"\")\n    setNameError(null)\n    deleteVersionsMutation.reset()\n    onClose()\n  }\n\n  const handleConfirmNameChange = (e: React.ChangeEvent<HTMLInputElement>) => {\n    const value = e.target.value\n    setConfirmName(value)\n    if (nameError) setNameError(null)\n  }\n\n  const handleSubmit = () => {\n    if (!bucket) return\n    if (confirmName.trim() !== bucket.name) {\n      setNameError(t`Bucket name does not match`)\n      return\n    }\n\n    // Capture bucket name before async operation to avoid dereferencing null bucket in callbacks\n    const bucketName = bucket.name\n\n    // Always delete all versions and delete markers (includeVersionsAndDeleteMarkers: true)\n    deleteVersionsMutation.mutate(\n      {\n        project_id: projectId,\n        containerName: bucketName,\n        includeVersionsAndDeleteMarkers: true,\n      },\n      {\n        onSuccess: (deletedCount) => {\n          onSuccess?.(bucketName, deletedCount)\n        },\n        onError: (error) => {\n          onError?.(bucketName, error.message)\n        },\n      }\n    )\n  }\n\n  const handleKeyDown = (e: React.KeyboardEvent) => {\n    if (e.key === \"Enter\") handleSubmit()\n  }\n\n  if (!isOpen || !bucket) return null\n\n  return (\n    <Modal\n      title={t`Delete Versions`}\n      open={isOpen}\n      onCancel={handleClose}\n      confirmButtonLabel={t`Delete Versions`}\n      confirmButtonVariant=\"primary-danger\"\n      onConfirm={handleSubmit}\n      cancelButtonLabel={t`Cancel`}\n      size=\"small\"\n      disableConfirmButton={deleteVersionsMutation.isPending || confirmName.trim() !== bucket.name}\n    >\n      <Stack direction=\"vertical\" gap=\"6\">\n        <p className=\"text-theme-default m-0\">\n          <Trans>\n            This action will permanently delete all versions and delete markers. This will enable you to delete the\n            bucket. This action cannot be undone.\n          </Trans>\n        </p>\n\n        <TextInput\n          label={t`Type the bucket name to confirm`}\n          required\n          value={confirmName}\n          onChange={handleConfirmNameChange}\n          onKeyDown={handleKeyDown}\n          invalid={!!nameError}\n          errortext={nameError || undefined}\n          disabled={deleteVersionsMutation.isPending}\n          placeholder={bucket.name}\n          autoFocus\n          className=\"overflow-x-hidden [overflow-wrap:anywhere]\"\n        />\n      </Stack>\n    </Modal>\n  )\n}\n","import { ReactNode } from \"react\"\nimport { NotificationOptions } from \"@cloudoperators/juno-ui-components\"\nimport { Trans, Plural } from \"@lingui/react/macro\"\n\nexport const getBucketCreatedToast = (bucketName: string): { message: ReactNode } & NotificationOptions => ({\n  message: <Trans>Bucket Created</Trans>,\n  description: <Trans>Bucket \"{bucketName}\" was successfully created.</Trans>,\n})\n\nexport const getBucketCreateErrorToast = (\n  bucketName: string,\n  errorMessage: string\n): { message: ReactNode } & NotificationOptions => ({\n  message: <Trans>Failed to Create Bucket</Trans>,\n  description: (\n    <Trans>\n      Could not create bucket \"{bucketName}\": {errorMessage}\n    </Trans>\n  ),\n})\n\nexport const getBucketEmptiedToast = (\n  bucketName: string,\n  deletedCount: number\n): { message: ReactNode } & NotificationOptions => ({\n  message: <Trans>Bucket Emptied</Trans>,\n  description:\n    deletedCount === 0 ? (\n      <Trans>Bucket \"{bucketName}\" was already empty.</Trans>\n    ) : deletedCount === 1 ? (\n      <Trans>\n        Bucket \"{bucketName}\" was successfully emptied. {deletedCount} object deleted.\n      </Trans>\n    ) : (\n      <Trans>\n        Bucket \"{bucketName}\" was successfully emptied. {deletedCount} objects deleted.\n      </Trans>\n    ),\n})\n\nexport const getBucketEmptyErrorToast = (\n  bucketName: string,\n  errorMessage: string\n): { message: ReactNode } & NotificationOptions => ({\n  message: <Trans>Failed to Empty Bucket</Trans>,\n  description: (\n    <Trans>\n      Could not empty bucket \"{bucketName}\": {errorMessage}\n    </Trans>\n  ),\n})\n\nexport const getBucketDeletedToast = (bucketName: string): { message: ReactNode } & NotificationOptions => ({\n  message: <Trans>Bucket Deleted</Trans>,\n  description: <Trans>Bucket \"{bucketName}\" was successfully deleted.</Trans>,\n})\n\nexport const getBucketDeleteErrorToast = (\n  bucketName: string,\n  errorMessage: string\n): { message: ReactNode } & NotificationOptions => ({\n  message: <Trans>Failed to Delete Bucket</Trans>,\n  description: (\n    <Trans>\n      Could not delete bucket \"{bucketName}\": {errorMessage}\n    </Trans>\n  ),\n})\n\nexport const getBucketsEmptyCompleteToast = (\n  emptiedCount: number,\n  totalDeleted: number,\n  errors: string[]\n): { message: ReactNode } & NotificationOptions => {\n  const hasErrors = errors.length > 0\n  const totalBuckets = emptiedCount + errors.length\n  const errorsLength = errors.length\n\n  return {\n    message: hasErrors ? <Trans>Empty All Completed with Errors</Trans> : <Trans>All Buckets Emptied</Trans>,\n    description: hasErrors ? (\n      <Trans>\n        Successfully emptied {emptiedCount} of {totalBuckets}{\" \"}\n        <Plural value={totalBuckets} one=\"bucket\" other=\"buckets\" />, deleting {totalDeleted}{\" \"}\n        <Plural value={totalDeleted} one=\"object\" other=\"objects\" />. {errorsLength}{\" \"}\n        <Plural value={errorsLength} one=\"bucket\" other=\"buckets\" /> failed.\n      </Trans>\n    ) : (\n      <Trans>\n        Successfully emptied {emptiedCount} <Plural value={emptiedCount} one=\"bucket\" other=\"buckets\" />, deleting{\" \"}\n        {totalDeleted} <Plural value={totalDeleted} one=\"object\" other=\"objects\" />.\n      </Trans>\n    ),\n  }\n}\n\n// ── Versioning operations ──────────────────────────────────────────────────\n\nexport const getVersioningEnabledToast = (bucketName: string): { message: ReactNode } & NotificationOptions => ({\n  message: <Trans>Versioning Enabled</Trans>,\n  description: <Trans>Versioning was successfully enabled for bucket \"{bucketName}\".</Trans>,\n})\n\nexport const getVersioningEnableErrorToast = (\n  bucketName: string,\n  errorMessage: string\n): { message: ReactNode } & NotificationOptions => ({\n  message: <Trans>Failed to Enable Versioning</Trans>,\n  description: (\n    <Trans>\n      Could not enable versioning for bucket \"{bucketName}\": {errorMessage}\n    </Trans>\n  ),\n})\n\nexport const getVersioningSuspendedToast = (bucketName: string): { message: ReactNode } & NotificationOptions => ({\n  message: <Trans>Versioning Suspended</Trans>,\n  description: <Trans>Versioning was successfully suspended for bucket \"{bucketName}\".</Trans>,\n})\n\nexport const getVersioningSuspendErrorToast = (\n  bucketName: string,\n  errorMessage: string\n): { message: ReactNode } & NotificationOptions => ({\n  message: <Trans>Failed to Suspend Versioning</Trans>,\n  description: (\n    <Trans>\n      Could not suspend versioning for bucket \"{bucketName}\": {errorMessage}\n    </Trans>\n  ),\n})\n\n// ── Bucket policy operations ───────────────────────────────────────────────\n\nexport const getBucketPolicyDeletedToast = (bucketName: string): { message: ReactNode } & NotificationOptions => ({\n  message: <Trans>Policy Deleted</Trans>,\n  description: <Trans>Bucket policy was successfully deleted from \"{bucketName}\".</Trans>,\n})\n\nexport const getBucketPolicyDeleteErrorToast = (\n  bucketName: string,\n  errorMessage: string\n): { message: ReactNode } & NotificationOptions => ({\n  message: <Trans>Failed to Delete Policy</Trans>,\n  description: (\n    <Trans>\n      Could not delete bucket policy from \"{bucketName}\": {errorMessage}\n    </Trans>\n  ),\n})\n\n// ── Delete versions operation ──────────────────────────────────────────────\n\nexport const getVersionsDeletedToast = (\n  bucketName: string,\n  deletedCount: number\n): { message: ReactNode } & NotificationOptions => ({\n  message: <Trans>Versions Deleted</Trans>,\n  description:\n    deletedCount === 0 ? (\n      <Trans>No versions to delete in bucket \"{bucketName}\".</Trans>\n    ) : deletedCount === 1 ? (\n      <Trans>\n        Successfully deleted {deletedCount} version from bucket \"{bucketName}\".\n      </Trans>\n    ) : (\n      <Trans>\n        Successfully deleted {deletedCount} versions from bucket \"{bucketName}\".\n      </Trans>\n    ),\n})\n\nexport const getVersionsDeleteErrorToast = (\n  bucketName: string,\n  errorMessage: string\n): { message: ReactNode } & NotificationOptions => ({\n  message: <Trans>Failed to Delete Versions</Trans>,\n  description: (\n    <Trans>\n      Could not delete versions from bucket \"{bucketName}\": {errorMessage}\n    </Trans>\n  ),\n})\n"],"mappings":"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"}

package/dist/client/{ContentHeader-D2nIdJKJ.mjs → ContentHeader-Bpw0b1gD.mjs}

@@ -1,6 +1,6 @@
 import { Y as e, f as t, j as n, l as r, ot as i, s as a, tt as o } from "./build-DgeVmENN.mjs";
 import { t as s } from "./Slot-CWb612-_.mjs";
-import { t as c } from "./routeInfo-Dy9l-wFB.mjs";
+import { t as c } from "./routeInfo-CdTRlSxv.mjs";
 import { jsx as l, jsxs as u } from "react/jsx-runtime";
 import { useState as d } from "react";
 import { useMatches as f, useParams as p, useRouteContext as m } from "@tanstack/react-router";
@@ -61,6 +61,9 @@ function v({ title: t, projectId: r, description: i, actions: a, badges: o }) {
 		component: d.serviceBanner,
 		useShadowDOM: !1,
 		currentService: x
+	}) : null, w = d?.projectOverviewBanner ? /*#__PURE__*/ l(s, {
+		component: d.projectOverviewBanner,
+		useShadowDOM: !1
 	}) : null;
 	return /*#__PURE__*/ u("header", {
 		className: "mb-8",
@@ -90,6 +93,7 @@ function v({ title: t, projectId: r, description: i, actions: a, badges: o }) {
 				children: i
 			}),
 			C,
+			w,
 			/*#__PURE__*/ l(n, { className: "mt-4" }),
 			(o || a) && /*#__PURE__*/ u("div", {
 				className: "mt-3 flex items-start justify-between",
@@ -107,4 +111,4 @@ function v({ title: t, projectId: r, description: i, actions: a, badges: o }) {
 //#endregion
 export { _ as n, v as t };
 
-//# sourceMappingURL=ContentHeader-D2nIdJKJ.mjs.map
+//# sourceMappingURL=ContentHeader-Bpw0b1gD.mjs.map

package/dist/client/ContentHeader-Bpw0b1gD.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"ContentHeader-Bpw0b1gD.mjs","names":["React","useState","Tooltip","TooltipTrigger","TooltipContent","Icon","Stack","ClipboardText","text","tooltipContent","className","truncateAt","showTooltip","props","useLingui","copied","setCopied","isHovering","setIsHovering","combinedClassName","handleCopy","e","preventDefault","stopPropagation","navigator","clipboard","writeText","setTimeout","err","console","error","displayText","length","slice","getTooltipContent","t","tooltipIsOpen","div","open","onClick","onMouseEnter","onMouseLeave","aria-label","asChild","data-testid","direction","gap","span","icon","size","Divider","ContentHeading","useRouteContext","useMatches","useParams","ClipboardText","Slot","isRouteInfo","ContentHeader","title","projectId","description","actions","badges","slots","strict","matches","provider","activeMatch","reverse","find","m","staticData","routeService","service","undefined","currentService","slotActions","servicePageActions","component","useShadowDOM","serviceBanner","projectOverviewBanner","header","className","div","span","text","truncateAt","p"],"sources":["../../src/client/components/ClipboardText.tsx","../../src/client/components/ContentHeader/ContentHeader.tsx"],"sourcesContent":["import React, { useState } from \"react\"\nimport { Tooltip, TooltipTrigger, TooltipContent, Icon, Stack } from \"@cloudoperators/juno-ui-components\"\nimport { useLingui } from \"@lingui/react/macro\"\n\nexport interface ClipboardTextProps extends React.HTMLAttributes<HTMLDivElement> {\n  tooltipContent?: string\n  text: string\n  className?: string\n  truncateAt?: number\n  showTooltip?: boolean\n}\n\nconst ClipboardText: React.FC<ClipboardTextProps> = ({\n  text,\n  tooltipContent,\n  className,\n  truncateAt,\n  showTooltip = true,\n  ...props\n}) => {\n  const { t } = useLingui()\n  const [copied, setCopied] = useState(false)\n  const [isHovering, setIsHovering] = useState(false)\n\n  const combinedClassName = `copyableTooltip  inline-flex items-center ${className || \"\"}`\n\n  const handleCopy = async (e: React.MouseEvent) => {\n    e.preventDefault()\n    e.stopPropagation()\n\n    try {\n      await navigator.clipboard.writeText(text)\n      setCopied(true)\n      setIsHovering(false)\n      setTimeout(() => setCopied(false), 2000)\n    } catch (err) {\n      console.error(\"Failed to copy text:\", err)\n    }\n  }\n\n  const displayText = truncateAt && text.length > truncateAt ? `${text.slice(0, truncateAt)}...` : text\n\n  // Determine tooltip content based on state\n  const getTooltipContent = () => {\n    if (copied) {\n      return tooltipContent || t`Copied to clipboard!`\n    }\n    return t`Copy`\n  }\n\n  const tooltipIsOpen = (copied && showTooltip) || (isHovering && showTooltip)\n\n  return (\n    <div {...props} className={combinedClassName}>\n      <Tooltip open={tooltipIsOpen}>\n        <TooltipTrigger\n          onClick={handleCopy}\n          onMouseEnter={() => !copied && setIsHovering(true)}\n          onMouseLeave={() => setIsHovering(false)}\n          aria-label={t`Copy ${text} to clipboard`}\n          className=\"cursor-pointer\"\n          asChild\n          data-testid=\"clipboard-copy-trigger\"\n        >\n          <div className=\"group\">\n            <Stack direction=\"horizontal\" gap=\"1\" className=\"items-center hover:underline\">\n              <span className=\"select-none\">{displayText}</span>\n              <Icon icon={copied ? \"check\" : \"contentCopy\"} size=\"18\" />\n            </Stack>\n          </div>\n        </TooltipTrigger>\n        <TooltipContent>{getTooltipContent()}</TooltipContent>\n      </Tooltip>\n    </div>\n  )\n}\n\nexport default ClipboardText\n","import type { ReactNode } from \"react\"\nimport { Divider, ContentHeading } from \"@cloudoperators/juno-ui-components\"\nimport { Trans } from \"@lingui/react/macro\"\nimport { useRouteContext, useMatches, useParams } from \"@tanstack/react-router\"\nimport ClipboardText from \"../ClipboardText\"\nimport { Slot } from \"../Slot\"\nimport { isRouteInfo } from \"@/client/routes/routeInfo\"\n\ninterface ContentHeaderProps {\n  title: string\n  projectId: string\n  description?: string | null\n  actions?: ReactNode\n  badges?: ReactNode\n}\n\nexport function ContentHeader({ title, projectId, description, actions, badges }: ContentHeaderProps) {\n  const { slots } = useRouteContext({ strict: false })\n  const matches = useMatches()\n  const { provider } = useParams({ strict: false }) as { provider?: string }\n\n  const activeMatch = [...matches].reverse().find((m) => isRouteInfo(m.staticData))\n  const routeService = activeMatch && isRouteInfo(activeMatch.staticData) ? activeMatch.staticData.service : undefined\n\n  // Storage routes share service: \"containers\" for both Swift and Ceph.\n  // Distinguish them by the $provider param.\n  const currentService = routeService === \"containers\" && provider === \"ceph\" ? \"ceph-containers\" : routeService\n\n  const slotActions =\n    slots?.servicePageActions && currentService ? (\n      <Slot component={slots.servicePageActions} useShadowDOM={false} currentService={currentService} />\n    ) : null\n\n  const serviceBanner =\n    slots?.serviceBanner && currentService ? (\n      <Slot component={slots.serviceBanner} useShadowDOM={false} currentService={currentService} />\n    ) : null\n\n  const projectOverviewBanner = slots?.projectOverviewBanner ? (\n    <Slot component={slots.projectOverviewBanner} useShadowDOM={false} />\n  ) : null\n\n  return (\n    <header className=\"mb-8\">\n      <div className=\"flex flex-col sm:flex-row sm:items-center sm:justify-between\">\n        <div className=\"flex items-center gap-3\">\n          <ContentHeading>{title}</ContentHeading>\n          {slotActions}\n        </div>\n        <div className=\"text-theme-light flex shrink-0 items-center gap-1 text-sm\">\n          <span className=\"font-semibold\">\n            <Trans>Project ID</Trans>:{\" \"}\n          </span>\n          <ClipboardText text={projectId} truncateAt={15} />\n        </div>\n      </div>\n      {description && <p className=\"text-sm font-normal\">{description}</p>}\n      {serviceBanner}\n      {projectOverviewBanner}\n      <Divider className=\"mt-4\" />\n      {(badges || actions) && (\n        <div className=\"mt-3 flex items-start justify-between\">\n          <div className=\"flex items-center gap-2\">{badges} </div>\n          {actions && <div className=\"flex gap-2\">{actions}</div>}\n        </div>\n      )}\n    </header>\n  )\n}\n"],"mappings":"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"}

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

@@ -1,5 +1,5 @@
 import { B as e, H as t, K as n, U as r, dt as i, et as a, m as o, o as s, r as c, tt as l } from "./build-DgeVmENN.mjs";
-import { r as u } from "./trpcClient-BzPUgiM2.mjs";
+import { r as u } from "./trpcClient-Dy_MP_Pv.mjs";
 import { t as d } from "./useModal-DCs1OJh7.mjs";
 import { t as f } from "./useProjectId-DBc5lpoU.mjs";
 import "./hooks-CMgoYcDG.mjs";
@@ -414,4 +414,4 @@ var x = () => {
 //#endregion
 export { E as t };
 
-//# sourceMappingURL=FloatingIpActionModals-RCvaamOg.mjs.map
+//# sourceMappingURL=FloatingIpActionModals-DWS9UO6o.mjs.map

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

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

package/dist/client/{ImageToastNotifications-ClO-1yOH.mjs → ImageToastNotifications-B2BIyk1P.mjs}

@@ -1,5 +1,5 @@
 import { B as e, E as t, G as n, H as r, I as i, K as a, P as o, R as s, U as c, c as l, dt as u, g as d, lt as f, m as p, o as m, r as h, tt as g, ut as _, y as v } from "./build-DgeVmENN.mjs";
-import { r as y } from "./trpcClient-BzPUgiM2.mjs";
+import { r as y } from "./trpcClient-Dy_MP_Pv.mjs";
 import { n as b } from "./formatBytes-CZv_XyCY.mjs";
 import { t as x } from "./useProjectId-DBc5lpoU.mjs";
 import "./hooks-CMgoYcDG.mjs";
@@ -1216,4 +1216,4 @@ var Y = (e, t) => ({
 //#endregion
 export { z as A, ve as C, G as D, K as E, j as F, A as I, P as M, M as N, W as O, N as P, Y as S, q as T, ae as _, me as a, $ as b, ce as c, he as d, ne as f, re as g, Z as h, pe as i, F as j, B as k, oe as l, Q as m, de as n, fe as o, ie as p, le as r, se as s, ue as t, ge as u, te as v, _e as w, X as x, ee as y };
 
-//# sourceMappingURL=ImageToastNotifications-ClO-1yOH.mjs.map
+//# sourceMappingURL=ImageToastNotifications-B2BIyk1P.mjs.map