@cobaltcore-dev/aurora 1.3.0 → 2.0.0

package/dist/client/securitygroups-BjhgLBHm.mjs.map

@@ -1 +0,0 @@
-{"version":3,"file":"securitygroups-BjhgLBHm.mjs","names":["z","useForm","useStore","React","Modal","Stack","Message","Form","FormSection","TextInput","useModalTracking","DeleteSecurityGroupDialog","isOpen","onClose","securityGroup","onDelete","isDeleting","error","useLingui","trackClose","markSubmitted","resetTracking","actionPrefix","formSchema","object","confirm","string","refine","value","message","t","form","defaultValues","validators","onSubmit","id","canDelete","store","state","isSubmitting","values","securityGroupName","name","handleClose","reset","open","onCancel","size","title","confirmButtonLabel","confirmButtonVariant","onConfirm","handleSubmit","cancelButtonLabel","disableConfirmButton","disableCancelButton","disableCloseButton","direction","gap","variant","p","className","e","preventDefault","Field","children","field","label","onChange","handleChange","target","placeholder","disabled","autoComplete","autoFocus","data-testid","required","DataGridCell","DataGridRow","PopupMenu","PopupMenuItem","PopupMenuOptions","Checkbox","SecurityGroupTableRow","securityGroup","sg","permissions","onEdit","onDelete","onViewDetails","isReadOnly","showSelectColumn","isSelected","onSelect","useLingui","BooleanValue","value","span","t","handleShowDetails","data-testid","id","onClick","className","e","stopPropagation","checked","onChange","div","p","name","description","shared","project_id","stateful","label","canUpdate","canDelete","useState","useEffect","useRef","DataGrid","DataGridCell","DataGridHeadCell","DataGridRow","Status","useNavigate","useProjectId","EditSecurityGroupModal","DeleteSecurityGroupDialog","SecurityGroupTableRow","SecurityGroupListContainer","securityGroups","isLoading","isError","error","permissions","onDeleteSecurityGroup","isDeletingSecurityGroup","deleteError","onUpdateSecurityGroup","isUpdatingSecurityGroup","updateError","currentProjectId","hasAnyBulkAction","onClearUpdateError","useLingui","navigate","projectId","selectedSecurityGroup","setSelectedSecurityGroup","editModalOpen","setEditModalOpen","deleteDialogOpen","setDeleteDialogOpen","prevIsDeletingRef","prevIsUpdatingRef","handleEdit","sg","id","handleDelete","handleViewDetails","to","params","securityGroupId","closeEditModal","closeDeleteDialog","deletionJustFinished","current","updateJustFinished","status","title","t","message","columns","minContentColumns","map","label","length","isReadOnly","Boolean","project_id","securityGroup","onEdit","onDelete","onViewDetails","showSelectColumn","isSelected","onSelect","colSpan","body","open","onClose","onUpdate","data","Promise","resolve","isOpen","isDeleting","React","useState","Modal","Form","FormRow","FormSection","TextInput","Checkbox","Button","ButtonRow","Spinner","ModalFooter","Textarea","Message","defaultSecurityGroupValues","name","description","stateful","CreateSecurityGroupModal","isOpen","onClose","onCreate","isLoading","error","useLingui","properties","setProperties","errors","setErrors","handleInputChange","e","value","type","target","checked","prev","newErrors","validateForm","trim","t","Object","keys","length","handleSubmit","preventDefault","securityGroupData","undefined","handleClose","open","onCancel","size","title","modalFooter","className","variant","onClick","disabled","data-testid","dismissible","div","span","id","label","onChange","required","errortext","placeholder","rows","helptext","parseFiltersFromUrl","searchParams","filters","shared","push","name","value","buildFilterParams","selectedFilters","filterDefinitions","params","length","filterGroups","filter","sf","inactive","reduce","acc","Object","entries","forEach","filterName","values","filterDef","find","f","supportsMultiValue","join","applyFilterSelection","current","selected","alreadySelected","some","supportsMulti","buildUrlSearchParams","baseParams","newParams","search","sortBy","sortDirection","useState","useEffect","useNavigate","useSearch","Button","Stack","DataGridToolbar","SearchInput","toast","Status","ContentHeader","trpcReact","SortInput","SelectedFilters","FiltersInput","SecurityGroupListContainer","CreateSecurityGroupModal","useSecurityGroupPermissions","parseFiltersFromUrl","buildFilterParams","buildUrlSearchParams","applyFilterSelection","getSecurityGroupDeletedToast","getSecurityGroupDeleteErrorToast","getSecurityGroupUpdatedToast","getSecurityGroupUpdateErrorToast","SecurityGroups","project","projectId","useLingui","navigate","searchParams","strict","sortSettings","setSortSettings","options","label","t","value","sortBy","sortDirection","filterSettings","setFilterSettings","filters","displayName","filterName","values","supportsMultiValue","selectedFilters","searchTerm","setSearchTerm","search","createModalOpen","setCreateModalOpen","deleteError","setDeleteError","createError","setCreateError","updateError","setUpdateError","utils","useUtils","prev","shared","urlFilters","urlSortBy","urlSortDirection","urlSearchTerm","data","securityGroupsData","isLoading","isError","error","network","securityGroup","list","useQuery","project_id","sort_key","sort_dir","refetchOnWindowFocus","securityGroups","listError","code","permissions","createSecurityGroupMutation","create","useMutation","onSuccess","createdSecurityGroup","invalidate","getById","to","params","securityGroupId","id","onError","message","deleteSecurityGroupMutation","deleteById","updateSecurityGroupMutation","update","handleCreateSecurityGroup","securityGroupData","mutateAsync","handleDeleteSecurityGroup","sgName","find","sg","name","mutate","success","handleUpdateSecurityGroup","handleClearUpdateError","handleSortChange","newSortSettings","settings","toString","replace","handleFilterChange","newFilterSettings","handleSearchChange","term","searchValue","undefined","status","title","length","className","distribution","alignment","direction","gap","selectClassName","onSortByChange","v","onSortDirectionChange","dir","canCreate","onClick","variant","comboboxClassName","onChange","selected","newSelected","placeholder","data-testid","onInput","e","currentTarget","onSearch","onClear","onDelete","filterToRemove","filter","f","onCreateClick","onDeleteSecurityGroup","isDeletingSecurityGroup","isPending","onUpdateSecurityGroup","isUpdatingSecurityGroup","currentProjectId","hasAnyBulkAction","onClearUpdateError","isOpen","onClose","onCreate","SecurityGroups","Route","RouteComponent","projectId","useParams","trpcClient","useRouteContext","Error","component"],"sources":["../../src/client/routes/_auth/projects/$projectId/network/securitygroups/-components/-modals/DeleteSecurityGroupDialog.tsx","../../src/client/routes/_auth/projects/$projectId/network/securitygroups/-components/SecurityGroupTableRow.tsx","../../src/client/routes/_auth/projects/$projectId/network/securitygroups/-components/SecurityGroupListContainer.tsx","../../src/client/routes/_auth/projects/$projectId/network/securitygroups/-components/-modals/CreateSecurityGroupModal.tsx","../../src/client/routes/_auth/projects/$projectId/network/securitygroups/urlHelpers.ts","../../src/client/routes/_auth/projects/$projectId/network/securitygroups/-components/SecurityGroupsList.tsx","../../src/client/routes/_auth/projects/$projectId/network/securitygroups/index.tsx?tsr-split=component"],"sourcesContent":["import { z } from \"zod\"\nimport { useForm, useStore } from \"@tanstack/react-form\"\nimport React from \"react\"\nimport { Modal, Stack, Message, Form, FormSection, TextInput } from \"@cloudoperators/juno-ui-components\"\nimport { Trans, useLingui } from \"@lingui/react/macro\"\nimport type { SecurityGroup } from \"@/server/Network/types/securityGroup\"\nimport { useModalTracking } from \"@/client/hooks/useModalTracking\"\n\ninterface DeleteSecurityGroupDialogProps {\n  isOpen: boolean\n  securityGroup: SecurityGroup\n  onClose: () => void\n  onDelete: (securityGroupId: string) => void\n  isDeleting?: boolean\n  error?: string | null\n}\n\nexport const DeleteSecurityGroupDialog: React.FC<DeleteSecurityGroupDialogProps> = ({\n  isOpen,\n  onClose,\n  securityGroup,\n  onDelete,\n  isDeleting = false,\n  error = null,\n}) => {\n  const { t } = useLingui()\n\n  const { trackClose, markSubmitted, resetTracking } = useModalTracking({\n    isOpen,\n    actionPrefix: \"network.securitygroup.delete\",\n  })\n\n  const formSchema = z.object({\n    confirm: z.string().refine((value) => value === \"delete\", {\n      message: t`Type \"delete\" to confirm`,\n    }),\n  })\n\n  const form = useForm({\n    defaultValues: {\n      confirm: \"\",\n    },\n    validators: {\n      onSubmit: formSchema,\n    },\n    onSubmit: async () => {\n      if (isDeleting) return\n\n      markSubmitted()\n      onDelete(securityGroup.id)\n    },\n  })\n\n  const canDelete = useStore(form.store, (state) => state.isSubmitting || state.values.confirm !== \"delete\")\n\n  const securityGroupName = securityGroup.name || securityGroup.id\n\n  const handleClose = () => {\n    trackClose()\n    form.reset()\n    resetTracking()\n    onClose()\n  }\n\n  return (\n    <Modal\n      open={isOpen}\n      onCancel={handleClose}\n      size=\"small\"\n      title={t`Delete Security Group \"${securityGroupName}\"`}\n      confirmButtonLabel={isDeleting ? t`Deleting...` : t`Delete`}\n      confirmButtonVariant=\"primary-danger\"\n      onConfirm={form.handleSubmit}\n      cancelButtonLabel={t`Cancel`}\n      disableConfirmButton={canDelete || isDeleting}\n      disableCancelButton={isDeleting}\n      disableCloseButton={isDeleting}\n    >\n      <Stack direction=\"vertical\" gap=\"4\">\n        {error && <Message variant=\"error\">{error}</Message>}\n\n        <p className=\"text-theme-default\">\n          <Trans>This action cannot be undone. The security group will be permanently deleted.</Trans>\n        </p>\n\n        <Form\n          className=\"mb-0\"\n          id=\"delete-security-group-form\"\n          onSubmit={(e) => {\n            e.preventDefault()\n            form.handleSubmit()\n          }}\n        >\n          <FormSection>\n            <form.Field\n              name=\"confirm\"\n              children={(field) => (\n                <TextInput\n                  label={t`Type \"delete\" to confirm`}\n                  id={field.name}\n                  name={field.name}\n                  value={field.state.value}\n                  onChange={(e) => field.handleChange(e.target.value)}\n                  placeholder=\"delete\"\n                  disabled={isDeleting}\n                  autoComplete=\"off\"\n                  autoFocus\n                  data-testid=\"delete-confirmation-input\"\n                  required\n                />\n              )}\n            />\n          </FormSection>\n        </Form>\n      </Stack>\n    </Modal>\n  )\n}\n","import {\n  DataGridCell,\n  DataGridRow,\n  PopupMenu,\n  PopupMenuItem,\n  PopupMenuOptions,\n  Checkbox,\n} from \"@cloudoperators/juno-ui-components\"\nimport { useLingui, Trans } from \"@lingui/react/macro\"\nimport type { SecurityGroup } from \"@/server/Network/types/securityGroup\"\n\nexport interface SecurityGroupPermissions {\n  canView: boolean\n  canCreate: boolean\n  canUpdate: boolean\n  canDelete: boolean\n  canCreateRule: boolean\n  canDeleteRule: boolean\n  canManageAccess: boolean\n  canViewRBAC: boolean\n}\n\ninterface SecurityGroupTableRowProps {\n  securityGroup: SecurityGroup\n  permissions: SecurityGroupPermissions\n  onEdit: (sg: SecurityGroup) => void\n  onDelete: (sg: SecurityGroup) => void\n  onViewDetails?: (sg: SecurityGroup) => void\n  isReadOnly?: boolean\n  showSelectColumn?: boolean\n  isSelected?: boolean\n  onSelect?: (sg: SecurityGroup) => void\n}\n\nexport function SecurityGroupTableRow({\n  securityGroup: sg,\n  permissions,\n  onEdit,\n  onDelete,\n  onViewDetails,\n  isReadOnly = false,\n  showSelectColumn = false,\n  isSelected = false,\n  onSelect,\n}: SecurityGroupTableRowProps) {\n  const { t } = useLingui()\n\n  const BooleanValue = ({ value }: { value: boolean | undefined }) => <span>{value ? t`Yes` : t`No`}</span>\n\n  const handleShowDetails = () => {\n    if (onViewDetails) {\n      onViewDetails(sg)\n    }\n  }\n\n  return (\n    <DataGridRow\n      key={sg.id}\n      data-testid={`security-group-row-${sg.id}`}\n      onClick={handleShowDetails}\n      className=\"hover:bg-theme-background-lvl-2 cursor-pointer\"\n    >\n      {showSelectColumn && (\n        <DataGridCell onClick={(e) => e.stopPropagation()}>\n          <Checkbox checked={isSelected} onChange={() => onSelect?.(sg)} />\n        </DataGridCell>\n      )}\n      <DataGridCell>\n        <div>\n          <p className=\"text-md\">{sg.name}</p>\n        </div>\n      </DataGridCell>\n      <DataGridCell>{sg.description || t`—`}</DataGridCell>\n      <DataGridCell>\n        <BooleanValue value={sg.shared} />\n        {sg.shared && (\n          <p>\n            <Trans>Owner</Trans>: <span className=\"text-theme-light text-xs\">{sg.project_id}</span>\n          </p>\n        )}\n      </DataGridCell>\n      <DataGridCell>\n        <BooleanValue value={sg.stateful} />\n      </DataGridCell>\n      <DataGridCell onClick={(e) => e.stopPropagation()} className=\"items-end justify-end pr-0\">\n        <PopupMenu>\n          <PopupMenuOptions>\n            <PopupMenuItem label={t`Show Details`} onClick={() => handleShowDetails()} />\n            {permissions.canUpdate && !isReadOnly && <PopupMenuItem label={t`Edit`} onClick={() => onEdit(sg)} />}\n            {permissions.canDelete && !isReadOnly && <PopupMenuItem label={t`Delete`} onClick={() => onDelete(sg)} />}\n          </PopupMenuOptions>\n        </PopupMenu>\n      </DataGridCell>\n    </DataGridRow>\n  )\n}\n","import { useState, useEffect, useRef } from \"react\"\nimport { DataGrid, DataGridCell, DataGridHeadCell, DataGridRow, Status } from \"@cloudoperators/juno-ui-components\"\nimport { useLingui } from \"@lingui/react/macro\"\nimport { useNavigate } from \"@tanstack/react-router\"\nimport { useProjectId } from \"@/client/hooks\"\nimport type { SecurityGroup } from \"@/server/Network/types/securityGroup\"\nimport type { UpdateSecurityGroupInput } from \"@/server/Network/types/securityGroup\"\nimport { EditSecurityGroupModal } from \"./-modals/EditSecurityGroupModal\"\nimport { DeleteSecurityGroupDialog } from \"./-modals/DeleteSecurityGroupDialog\"\nimport { SecurityGroupTableRow, type SecurityGroupPermissions } from \"./SecurityGroupTableRow\"\n\ninterface SecurityGroupListContainerProps {\n  securityGroups: SecurityGroup[]\n  isLoading: boolean\n  isError: boolean\n  error: { message?: string } | null\n  permissions: SecurityGroupPermissions\n  onCreateClick?: () => void\n  onDeleteSecurityGroup?: (securityGroupId: string) => void\n  isDeletingSecurityGroup?: boolean\n  deleteError?: string | null\n  onUpdateSecurityGroup?: (\n    securityGroupId: string,\n    data: Omit<UpdateSecurityGroupInput, \"securityGroupId\" | \"project_id\">\n  ) => Promise<void>\n  isUpdatingSecurityGroup?: boolean\n  updateError?: string | null\n  currentProjectId?: string\n  hasAnyBulkAction?: boolean\n  onClearUpdateError?: () => void\n}\n\nexport const SecurityGroupListContainer = ({\n  securityGroups,\n  isLoading,\n  isError,\n  error,\n  permissions,\n  onDeleteSecurityGroup,\n  isDeletingSecurityGroup = false,\n  deleteError = null,\n  onUpdateSecurityGroup,\n  isUpdatingSecurityGroup = false,\n  updateError = null,\n  currentProjectId,\n  hasAnyBulkAction = false,\n  onClearUpdateError,\n}: SecurityGroupListContainerProps) => {\n  const { t } = useLingui()\n  const navigate = useNavigate()\n  const projectId = useProjectId()\n  const [selectedSecurityGroup, setSelectedSecurityGroup] = useState<SecurityGroup | null>(null)\n  const [editModalOpen, setEditModalOpen] = useState(false)\n  const [deleteDialogOpen, setDeleteDialogOpen] = useState(false)\n  const prevIsDeletingRef = useRef<boolean>(false)\n  const prevIsUpdatingRef = useRef<boolean>(false)\n\n  const handleEdit = (sg: SecurityGroup) => {\n    // Clear error when selecting a different security group\n    if (selectedSecurityGroup && selectedSecurityGroup.id !== sg.id && onClearUpdateError) {\n      onClearUpdateError()\n    }\n    setSelectedSecurityGroup(sg)\n    setEditModalOpen(true)\n  }\n\n  const handleDelete = (sg: SecurityGroup) => {\n    setSelectedSecurityGroup(sg)\n    setDeleteDialogOpen(true)\n  }\n\n  const handleViewDetails = (sg: SecurityGroup) => {\n    navigate({\n      to: \"/projects/$projectId/network/securitygroups/$securityGroupId\",\n      params: { projectId, securityGroupId: sg.id },\n    })\n  }\n\n  const closeEditModal = () => {\n    setSelectedSecurityGroup(null)\n    setEditModalOpen(false)\n  }\n\n  const closeDeleteDialog = () => {\n    setSelectedSecurityGroup(null)\n    setDeleteDialogOpen(false)\n  }\n\n  // Close delete dialog when deletion completes successfully\n  useEffect(() => {\n    // Check if deletion just finished (was deleting before, now not deleting)\n    const deletionJustFinished = prevIsDeletingRef.current && !isDeletingSecurityGroup\n\n    // Close dialog if deletion just finished and there's no error\n    if (deletionJustFinished && deleteDialogOpen && !deleteError) {\n      closeDeleteDialog()\n    }\n\n    // Update the ref for next render\n    prevIsDeletingRef.current = isDeletingSecurityGroup\n  }, [isDeletingSecurityGroup, deleteError, deleteDialogOpen])\n\n  // Close edit modal when update completes successfully\n  useEffect(() => {\n    // Check if update just finished (was updating before, now not updating)\n    const updateJustFinished = prevIsUpdatingRef.current && !isUpdatingSecurityGroup\n\n    // Close modal if update just finished and there's no error\n    if (updateJustFinished && editModalOpen && !updateError) {\n      closeEditModal()\n    }\n\n    // Update the ref for next render\n    prevIsUpdatingRef.current = isUpdatingSecurityGroup\n  }, [isUpdatingSecurityGroup, updateError, editModalOpen])\n\n  // Loading state\n  if (isLoading) {\n    return <Status status=\"progress\" title={t`Loading...`} />\n  }\n\n  // Error state\n  if (isError) {\n    return <Status status=\"error\" title={error?.message ?? t`Failed to load security groups`} />\n  }\n\n  return (\n    <>\n      <DataGrid columns={hasAnyBulkAction ? 6 : 5} minContentColumns={hasAnyBulkAction ? [5] : [4]}>\n        <DataGridRow>\n          {hasAnyBulkAction && <DataGridHeadCell />}\n          {[t`Name`, t`Description`, t`Shared`, t`Stateful`, \"\"].map((label) => (\n            <DataGridHeadCell key={label}>{label}</DataGridHeadCell>\n          ))}\n        </DataGridRow>\n\n        {securityGroups && securityGroups.length > 0 ? (\n          securityGroups.map((sg) => {\n            // Compute isReadOnly only when the security group has an explicit project owner\n            const isReadOnly = Boolean(currentProjectId && sg.project_id && sg.project_id !== currentProjectId)\n\n            return (\n              <SecurityGroupTableRow\n                key={sg.id}\n                securityGroup={sg}\n                permissions={permissions}\n                onEdit={handleEdit}\n                onDelete={handleDelete}\n                onViewDetails={handleViewDetails}\n                isReadOnly={isReadOnly}\n                showSelectColumn={hasAnyBulkAction}\n                isSelected={false}\n                onSelect={() => {}}\n              />\n            )\n          })\n        ) : (\n          <DataGridRow>\n            <DataGridCell colSpan={hasAnyBulkAction ? 6 : 5}>\n              <Status\n                status=\"empty\"\n                title={t`No security groups found`}\n                body={t`There are no security groups available for this project with the current filters applied. Try adjusting your filter criteria or create a new security group to get started.`}\n              />\n            </DataGridCell>\n          </DataGridRow>\n        )}\n      </DataGrid>\n\n      {selectedSecurityGroup && (\n        <>\n          <EditSecurityGroupModal\n            securityGroup={selectedSecurityGroup}\n            open={editModalOpen}\n            onClose={closeEditModal}\n            onUpdate={(id, data) => {\n              if (onUpdateSecurityGroup) {\n                return onUpdateSecurityGroup(id, data)\n              }\n              return Promise.resolve()\n            }}\n            isLoading={isUpdatingSecurityGroup}\n            error={updateError}\n          />\n          <DeleteSecurityGroupDialog\n            securityGroup={selectedSecurityGroup}\n            isOpen={deleteDialogOpen}\n            onClose={closeDeleteDialog}\n            onDelete={(id) => {\n              if (onDeleteSecurityGroup) {\n                onDeleteSecurityGroup(id)\n              }\n            }}\n            isDeleting={isDeletingSecurityGroup}\n            error={deleteError}\n          />\n        </>\n      )}\n    </>\n  )\n}\n","import React, { useState } from \"react\"\nimport { Trans, useLingui } from \"@lingui/react/macro\"\nimport {\n  Modal,\n  Form,\n  FormRow,\n  FormSection,\n  TextInput,\n  Checkbox,\n  Button,\n  ButtonRow,\n  Spinner,\n  ModalFooter,\n  Textarea,\n  Message,\n} from \"@cloudoperators/juno-ui-components\"\nimport { CreateSecurityGroupInput } from \"@/server/Network/types/securityGroup\"\n\ninterface CreateSecurityGroupModalProps {\n  isOpen: boolean\n  onClose: () => void\n  onCreate: (securityGroupData: Omit<CreateSecurityGroupInput, \"project_id\">) => Promise<void>\n  isLoading?: boolean\n  error?: string | null\n}\n\ninterface SecurityGroupProperties {\n  name: string\n  description: string\n  stateful: boolean\n}\n\nconst defaultSecurityGroupValues: SecurityGroupProperties = {\n  name: \"\",\n  description: \"\",\n  stateful: true,\n}\n\nexport const CreateSecurityGroupModal: React.FC<CreateSecurityGroupModalProps> = ({\n  isOpen,\n  onClose,\n  onCreate,\n  isLoading = false,\n  error = null,\n}) => {\n  const { t } = useLingui()\n\n  const [properties, setProperties] = useState<SecurityGroupProperties>({ ...defaultSecurityGroupValues })\n  const [errors, setErrors] = useState<{ [key: string]: string }>({})\n\n  const handleInputChange = (e: React.ChangeEvent<HTMLInputElement | HTMLTextAreaElement>) => {\n    const { name, value, type } = e.target\n    const checked = (e.target as HTMLInputElement).checked\n\n    setProperties((prev) => ({\n      ...prev,\n      [name]: type === \"checkbox\" ? checked : value,\n    }))\n\n    if (errors[name]) {\n      setErrors((prev) => {\n        const newErrors = { ...prev }\n        delete newErrors[name]\n        return newErrors\n      })\n    }\n  }\n\n  const validateForm = (): boolean => {\n    const newErrors: { [key: string]: string } = {}\n\n    if (!properties.name || properties.name.trim() === \"\") {\n      newErrors.name = t`Security group name is required`\n    }\n\n    setErrors(newErrors)\n    return Object.keys(newErrors).length === 0\n  }\n\n  const handleSubmit = async (e: React.FormEvent) => {\n    e.preventDefault()\n\n    if (!validateForm()) {\n      return\n    }\n\n    const securityGroupData: Omit<CreateSecurityGroupInput, \"project_id\"> = {\n      name: properties.name.trim(),\n      description: properties.description.trim() || undefined,\n      stateful: properties.stateful,\n    }\n\n    await onCreate(securityGroupData)\n    handleClose()\n  }\n\n  const handleClose = () => {\n    setProperties({ ...defaultSecurityGroupValues })\n    setErrors({})\n    onClose()\n  }\n\n  return (\n    <Modal\n      open={isOpen}\n      onCancel={handleClose}\n      size=\"large\"\n      title={t`Create Security Group`}\n      modalFooter={\n        <ModalFooter className=\"flex justify-end\">\n          <ButtonRow>\n            <Button variant=\"default\" onClick={handleClose} disabled={isLoading}>\n              <Trans>Cancel</Trans>\n            </Button>\n            <Button\n              variant=\"primary\"\n              onClick={(e) => {\n                handleSubmit(e)\n              }}\n              disabled={isLoading}\n              data-testid=\"create-security-group-button\"\n            >\n              {isLoading ? <Spinner size=\"small\" /> : <Trans>Create Security Group</Trans>}\n            </Button>\n          </ButtonRow>\n        </ModalFooter>\n      }\n    >\n      {/* Error Message */}\n      {error && (\n        <Message dismissible={false} variant=\"error\" className=\"mb-4\">\n          {error}\n        </Message>\n      )}\n\n      {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>Creating security group...</Trans>\n          </span>\n        </div>\n      )}\n\n      {!isLoading && (\n        <Form className=\"mb-6\">\n          <FormSection className=\"mb-6\">\n            <FormRow className=\"mb-6\">\n              <TextInput\n                id=\"name\"\n                name=\"name\"\n                label={t`Name`}\n                value={properties.name}\n                onChange={handleInputChange}\n                required\n                errortext={errors.name}\n                placeholder={t`Type name`}\n                disabled={isLoading}\n              />\n            </FormRow>\n\n            <FormRow className=\"mb-6\">\n              <Textarea\n                id=\"description\"\n                name=\"description\"\n                label={t`Description`}\n                value={properties.description}\n                onChange={handleInputChange}\n                placeholder={t`Description`}\n                disabled={isLoading}\n                rows={3}\n              />\n            </FormRow>\n\n            <FormRow className=\"mb-0\">\n              <Checkbox\n                id=\"stateful\"\n                name=\"stateful\"\n                label={t`Stateful`}\n                checked={properties.stateful}\n                onChange={handleInputChange}\n                disabled={isLoading}\n                helptext={t`Stateful security groups track connection state. This setting cannot be changed after creation.`}\n              />\n            </FormRow>\n          </FormSection>\n        </Form>\n      )}\n    </Modal>\n  )\n}\n","import { SelectedFilter, Filter } from \"@/client/components/ListToolbar/types\"\n\ntype SecurityGroupsSearchParams = {\n  shared?: string\n  search?: string\n  sortBy?: string\n  sortDirection?: \"asc\" | \"desc\"\n}\n\n/**\n * Parses URL search params into SelectedFilter array for ListToolbar\n */\nexport const parseFiltersFromUrl = (searchParams: SecurityGroupsSearchParams): SelectedFilter[] => {\n  const filters: SelectedFilter[] = []\n\n  // Shared filter\n  if (searchParams.shared) {\n    filters.push({ name: \"shared\", value: searchParams.shared })\n  }\n\n  return filters\n}\n\n/**\n * Builds filter parameters for API request from SelectedFilter array\n */\nexport const buildFilterParams = (\n  selectedFilters: SelectedFilter[],\n  filterDefinitions: Filter[]\n): Record<string, string> => {\n  const params: Record<string, string> = {}\n\n  if (!selectedFilters?.length) return params\n\n  // Group selected filters by filter name\n  const filterGroups = selectedFilters\n    .filter((sf) => !sf.inactive)\n    .reduce(\n      (acc, sf) => {\n        if (!acc[sf.name]) acc[sf.name] = []\n        acc[sf.name].push(sf.value)\n        return acc\n      },\n      {} as Record<string, string[]>\n    )\n\n  // Build parameters based on whether filter supports multiple values\n  Object.entries(filterGroups).forEach(([filterName, values]) => {\n    const filterDef = filterDefinitions.find((f) => f.filterName === filterName)\n\n    if (filterDef?.supportsMultiValue && values.length > 1) {\n      params[filterName] = `in:${values.join(\",\")}`\n    } else {\n      params[filterName] = values[0]\n    }\n  })\n\n  return params\n}\n\n/**\n * Merges a newly selected filter into the current list.\n * - Ignores duplicates (same name + value).\n * - For single-value filters, replaces any existing entry with the same name.\n * - For multi-value filters, appends.\n */\nexport const applyFilterSelection = (\n  current: SelectedFilter[],\n  selected: SelectedFilter,\n  filterDefinitions: Filter[]\n): SelectedFilter[] => {\n  const alreadySelected = current.some((f) => f.name === selected.name && f.value === selected.value)\n  if (alreadySelected) return current\n\n  const supportsMulti = filterDefinitions.find((f) => f.filterName === selected.name)?.supportsMultiValue\n  return supportsMulti ? [...current, selected] : [...current.filter((f) => f.name !== selected.name), selected]\n}\n\n/**\n * Builds URL search params object from filter settings for navigation\n */\nexport const buildUrlSearchParams = (\n  selectedFilters: SelectedFilter[],\n  filterDefinitions: Filter[],\n  baseParams: {\n    search?: string\n    sortBy?: string\n    sortDirection?: \"asc\" | \"desc\"\n  }\n): SecurityGroupsSearchParams => {\n  const newParams: SecurityGroupsSearchParams = {\n    search: baseParams.search,\n    sortBy: baseParams.sortBy,\n    sortDirection: baseParams.sortDirection,\n  }\n\n  if (!selectedFilters?.length) return newParams\n\n  const filterGroups = selectedFilters\n    .filter((sf) => !sf.inactive)\n    .reduce(\n      (acc, sf) => {\n        if (!acc[sf.name]) acc[sf.name] = []\n        acc[sf.name].push(sf.value)\n        return acc\n      },\n      {} as Record<string, string[]>\n    )\n\n  Object.entries(filterGroups).forEach(([filterName, values]) => {\n    const filterDef = filterDefinitions.find((f) => f.filterName === filterName)\n\n    if (filterDef?.supportsMultiValue && values.length > 1) {\n      // Type assertion needed because we're dynamically setting filter fields\n      ;(newParams as Record<string, string>)[filterName] = `in:${values.join(\",\")}`\n    } else {\n      ;(newParams as Record<string, string>)[filterName] = values[0]\n    }\n  })\n\n  return newParams\n}\n","import { useState, useEffect } from \"react\"\nimport { Trans, useLingui } from \"@lingui/react/macro\"\nimport { useNavigate, useSearch } from \"@tanstack/react-router\"\nimport { Button, Stack, DataGridToolbar, SearchInput, toast, Status } from \"@cloudoperators/juno-ui-components\"\nimport { CreateSecurityGroupInput, UpdateSecurityGroupInput } from \"@/server/Network/types/securityGroup\"\nimport { ContentHeader } from \"@/client/components/ContentHeader/ContentHeader\"\nimport { trpcReact } from \"@/client/trpcClient\"\nimport { SortInput } from \"@/client/components/ListToolbar/SortInput\"\nimport { SelectedFilters } from \"@/client/components/ListToolbar/SelectedFilters\"\nimport { FiltersInput } from \"@/client/components/ListToolbar/FiltersInput\"\nimport { FilterSettings, SortSettings } from \"@/client/components/ListToolbar/types\"\nimport { SecurityGroupListContainer } from \"./SecurityGroupListContainer\"\nimport { CreateSecurityGroupModal } from \"./-modals/CreateSecurityGroupModal\"\nimport { useSecurityGroupPermissions } from \"../-hooks/useSecurityGroupPermissions\"\nimport { parseFiltersFromUrl, buildFilterParams, buildUrlSearchParams, applyFilterSelection } from \"../urlHelpers\"\nimport {\n  getSecurityGroupDeletedToast,\n  getSecurityGroupDeleteErrorToast,\n  getSecurityGroupUpdatedToast,\n  getSecurityGroupUpdateErrorToast,\n} from \"./SecurityGroupToastNotifications\"\n\ntype SecurityGroupSortKey = \"name\" | \"project_id\"\n\ntype SecurityGroupsSearchParams = {\n  shared?: string\n  search?: string\n  sortBy?: string\n  sortDirection?: \"asc\" | \"desc\"\n}\n\ntype RequiredSortSettings = {\n  options: SortSettings[\"options\"]\n  sortBy: string\n  sortDirection: \"asc\" | \"desc\"\n}\n\ninterface SecurityGroupsProps {\n  project: string\n}\n\nexport const SecurityGroups = ({ project: projectId }: SecurityGroupsProps) => {\n  const { t } = useLingui()\n  const navigate = useNavigate()\n  const searchParams = useSearch({ strict: false }) as SecurityGroupsSearchParams\n\n  const [sortSettings, setSortSettings] = useState<RequiredSortSettings>({\n    options: [\n      { label: t`Name`, value: \"name\" },\n      { label: t`Project id`, value: \"project_id\" },\n    ],\n    sortBy: searchParams.sortBy || \"name\",\n    sortDirection: searchParams.sortDirection || \"asc\",\n  })\n\n  const [filterSettings, setFilterSettings] = useState<FilterSettings>({\n    filters: [\n      {\n        displayName: t`Shared`,\n        filterName: \"shared\",\n        values: [\"true\", \"false\"],\n        supportsMultiValue: false,\n      },\n    ],\n    selectedFilters: parseFiltersFromUrl(searchParams),\n  })\n\n  const [searchTerm, setSearchTerm] = useState(searchParams.search || \"\")\n  const [createModalOpen, setCreateModalOpen] = useState(false)\n  const [deleteError, setDeleteError] = useState<string | null>(null)\n  const [createError, setCreateError] = useState<string | null>(null)\n  const [updateError, setUpdateError] = useState<string | null>(null)\n\n  const utils = trpcReact.useUtils()\n\n  useEffect(() => {\n    setSortSettings((prev) => ({\n      ...prev,\n      sortBy: searchParams.sortBy || \"name\",\n      sortDirection: searchParams.sortDirection || \"asc\",\n    }))\n    setFilterSettings((prev) => ({\n      ...prev,\n      selectedFilters: parseFiltersFromUrl(searchParams),\n    }))\n    setSearchTerm(searchParams.search || \"\")\n  }, [searchParams.sortBy, searchParams.sortDirection, searchParams.search, searchParams.shared])\n\n  const urlFilters = parseFiltersFromUrl(searchParams)\n  const urlSortBy = (searchParams.sortBy || \"name\") as SecurityGroupSortKey\n  const urlSortDirection = searchParams.sortDirection || \"asc\"\n  const urlSearchTerm = searchParams.search || \"\"\n\n  const {\n    data: securityGroupsData,\n    isLoading,\n    isError,\n    error,\n  } = trpcReact.network.securityGroup.list.useQuery(\n    {\n      project_id: projectId || \"\",\n      sort_key: urlSortBy,\n      sort_dir: urlSortDirection,\n      ...buildFilterParams(urlFilters, filterSettings.filters),\n      ...(urlSearchTerm ? { searchTerm: urlSearchTerm } : {}),\n    },\n    {\n      refetchOnWindowFocus: false,\n    }\n  )\n\n  const securityGroups = securityGroupsData || []\n  const listError =\n    isError && error?.data?.code === \"FORBIDDEN\" ? t`You do not have permission to view security groups` : null\n\n  const { permissions } = useSecurityGroupPermissions(projectId)\n\n  const createSecurityGroupMutation = trpcReact.network.securityGroup.create.useMutation({\n    onSuccess: (createdSecurityGroup) => {\n      utils.network.securityGroup.list.invalidate()\n      utils.network.securityGroup.getById.invalidate()\n      setCreateError(null)\n      navigate({\n        to: \"/projects/$projectId/network/securitygroups/$securityGroupId\",\n        params: {\n          projectId,\n          securityGroupId: createdSecurityGroup.id,\n        },\n      })\n    },\n    onError: (error) => {\n      setCreateError(error.message || t`Failed to create security group`)\n    },\n  })\n\n  const deleteSecurityGroupMutation = trpcReact.network.securityGroup.deleteById.useMutation({\n    onSuccess: () => {\n      utils.network.securityGroup.list.invalidate()\n      utils.network.securityGroup.getById.invalidate()\n      setDeleteError(null)\n    },\n    onError: (error) => {\n      setDeleteError(error.message || t`Failed to delete security group`)\n      const { message, ...options } = getSecurityGroupDeleteErrorToast(error.message)\n      toast.error(message, options)\n    },\n  })\n\n  const updateSecurityGroupMutation = trpcReact.network.securityGroup.update.useMutation({\n    onSuccess: () => {\n      utils.network.securityGroup.list.invalidate()\n      utils.network.securityGroup.getById.invalidate()\n      setUpdateError(null)\n    },\n    onError: (error) => {\n      setUpdateError(error.message || t`Failed to update security group`)\n      const { message, ...options } = getSecurityGroupUpdateErrorToast(error.message)\n      toast.error(message, options)\n    },\n  })\n\n  const handleCreateSecurityGroup = async (securityGroupData: Omit<CreateSecurityGroupInput, \"project_id\">) => {\n    setCreateError(null)\n    try {\n      await createSecurityGroupMutation.mutateAsync({ project_id: projectId, ...securityGroupData })\n    } catch {\n      // onError handles error state and UI feedback\n    }\n  }\n\n  const handleDeleteSecurityGroup = (securityGroupId: string) => {\n    setDeleteError(null)\n    const sgName = securityGroups.find((sg) => sg.id === securityGroupId)?.name || securityGroupId\n    deleteSecurityGroupMutation.mutate(\n      { project_id: projectId, securityGroupId },\n      {\n        onSuccess: () => {\n          const { message, ...options } = getSecurityGroupDeletedToast(sgName)\n          toast.success(message, options)\n        },\n      }\n    )\n  }\n\n  const handleUpdateSecurityGroup = async (\n    securityGroupId: string,\n    data: Omit<UpdateSecurityGroupInput, \"securityGroupId\" | \"project_id\">\n  ) => {\n    setUpdateError(null)\n    const sgName = data.name || securityGroups.find((sg) => sg.id === securityGroupId)?.name || securityGroupId\n    try {\n      await updateSecurityGroupMutation.mutateAsync({ project_id: projectId, securityGroupId, ...data })\n      const { message, ...options } = getSecurityGroupUpdatedToast(sgName)\n      toast.success(message, options)\n    } catch {\n      // onError handles error state and UI feedback\n    }\n  }\n\n  const handleClearUpdateError = () => {\n    setUpdateError(null)\n  }\n\n  const handleSortChange = (newSortSettings: SortSettings) => {\n    const settings: RequiredSortSettings = {\n      options: newSortSettings.options,\n      sortBy: newSortSettings.sortBy?.toString() || \"name\",\n      sortDirection: newSortSettings.sortDirection || \"asc\",\n    }\n    setSortSettings(settings)\n    navigate({\n      search: ((prev: SecurityGroupsSearchParams) => ({\n        ...prev,\n        sortBy: settings.sortBy,\n        sortDirection: settings.sortDirection,\n      })) as unknown as true,\n      replace: true,\n    })\n  }\n\n  const handleFilterChange = (newFilterSettings: FilterSettings) => {\n    setFilterSettings(newFilterSettings)\n    navigate({\n      search: ((prev: SecurityGroupsSearchParams) =>\n        buildUrlSearchParams(newFilterSettings.selectedFilters || [], newFilterSettings.filters, {\n          search: prev.search,\n          sortBy: prev.sortBy,\n          sortDirection: prev.sortDirection,\n        })) as unknown as true,\n      replace: true,\n    })\n  }\n\n  const handleSearchChange = (term: string | number | string[] | undefined) => {\n    const searchValue = typeof term === \"string\" ? term : \"\"\n    setSearchTerm(searchValue)\n    navigate({\n      search: ((prev: SecurityGroupsSearchParams) => ({\n        ...prev,\n        search: searchValue || undefined,\n      })) as unknown as true,\n      replace: true,\n    })\n  }\n\n  if (isLoading) {\n    return <Status status=\"progress\" title={t`Loading Security Groups...`} />\n  }\n\n  if (isError && !securityGroups.length) {\n    return (\n      <Stack className=\"py-8\" distribution=\"center\" alignment=\"center\" direction=\"vertical\">\n        {listError || t`Failed to load security groups`}\n      </Stack>\n    )\n  }\n\n  return (\n    <>\n      <ContentHeader title={t`Security Groups`} projectId={projectId} />\n\n      <Stack distribution=\"end\" alignment=\"center\" gap=\"2\" className=\"pb-2\">\n        <Stack gap=\"2\">\n          <SortInput\n            options={sortSettings.options}\n            sortBy={sortSettings.sortBy}\n            sortDirection={sortSettings.sortDirection ?? \"asc\"}\n            selectClassName=\"min-w-40\"\n            onSortByChange={(v) =>\n              handleSortChange({ ...sortSettings, sortBy: v, sortDirection: sortSettings.sortDirection })\n            }\n            onSortDirectionChange={(dir) => handleSortChange({ ...sortSettings, sortDirection: dir })}\n          />\n          {permissions.canCreate && (\n            <Button onClick={() => setCreateModalOpen(true)} variant=\"primary\" className=\"whitespace-nowrap\">\n              <Trans>Create Security Group</Trans>\n            </Button>\n          )}\n        </Stack>\n      </Stack>\n\n      <DataGridToolbar>\n        <Stack direction=\"vertical\" gap=\"2\">\n          <Stack distribution=\"between\" alignment=\"center\">\n            <FiltersInput\n              filters={filterSettings.filters}\n              selectClassName=\"sm:min-w-40\"\n              comboboxClassName=\"sm:min-w-40\"\n              onChange={(selected) => {\n                const newSelected = applyFilterSelection(\n                  filterSettings.selectedFilters || [],\n                  selected,\n                  filterSettings.filters\n                )\n                if (newSelected === (filterSettings.selectedFilters || [])) return\n                handleFilterChange({ ...filterSettings, selectedFilters: newSelected })\n              }}\n            />\n            <SearchInput\n              placeholder={t`Search security groups...`}\n              data-testid=\"searchbar\"\n              value={searchTerm}\n              onInput={(e: React.FormEvent<HTMLInputElement>) => {\n                const v = e.currentTarget.value\n                setSearchTerm(v)\n              }}\n              onSearch={(v) => {\n                handleSearchChange(typeof v === \"string\" ? v : \"\")\n              }}\n              onClear={() => {\n                setSearchTerm(\"\")\n                handleSearchChange(\"\")\n              }}\n            />\n          </Stack>\n          {filterSettings.selectedFilters && filterSettings.selectedFilters.length > 0 && (\n            <SelectedFilters\n              selectedFilters={filterSettings.selectedFilters}\n              onDelete={(filterToRemove) =>\n                handleFilterChange({\n                  ...filterSettings,\n                  selectedFilters: (filterSettings.selectedFilters || []).filter(\n                    (f) => !(f.name === filterToRemove.name && f.value === filterToRemove.value)\n                  ),\n                })\n              }\n              onClear={() => handleFilterChange({ ...filterSettings, selectedFilters: [] })}\n            />\n          )}\n        </Stack>\n      </DataGridToolbar>\n\n      <SecurityGroupListContainer\n        securityGroups={securityGroups}\n        isLoading={false}\n        isError={false}\n        error={null}\n        permissions={permissions}\n        onCreateClick={() => setCreateModalOpen(true)}\n        onDeleteSecurityGroup={handleDeleteSecurityGroup}\n        isDeletingSecurityGroup={deleteSecurityGroupMutation.isPending}\n        deleteError={deleteError}\n        onUpdateSecurityGroup={handleUpdateSecurityGroup}\n        isUpdatingSecurityGroup={updateSecurityGroupMutation.isPending}\n        updateError={updateError}\n        currentProjectId={projectId}\n        hasAnyBulkAction={false}\n        onClearUpdateError={handleClearUpdateError}\n      />\n\n      <CreateSecurityGroupModal\n        isOpen={createModalOpen}\n        onClose={() => {\n          setCreateError(null)\n          setCreateModalOpen(false)\n        }}\n        onCreate={handleCreateSecurityGroup}\n        isLoading={createSecurityGroupMutation.isPending}\n        error={createError}\n      />\n    </>\n  )\n}\n","import { createFileRoute } from \"@tanstack/react-router\"\nimport { t } from \"@lingui/core/macro\"\nimport { SecurityGroups } from \"./-components/SecurityGroupsList\"\nimport type { RouteInfo } from \"@/client/routes/routeInfo\"\n\nexport const Route = createFileRoute(\"/_auth/projects/$projectId/network/securitygroups/\")({\n  staticData: {\n    section: \"network\",\n    service: \"securitygroups\",\n    analytics: {\n      name: \"network.securitygroups.list\",\n    },\n  } satisfies RouteInfo,\n  head: () => ({ meta: [{ title: t`Security Groups` }] }),\n  component: RouteComponent,\n})\n\nfunction RouteComponent() {\n  const { projectId } = Route.useParams()\n  const { trpcClient } = Route.useRouteContext()\n\n  if (!trpcClient) {\n    throw new Error(\"trpcClient is not available in route context\")\n  }\n\n  return <SecurityGroups project={projectId} />\n}\n"],"mappings":";;;;;;;;;;;;;;;;;AAiBA,IAAaW,KAAuE,EAClFC,WACAC,YACAC,kBACAC,aACAC,gBAAa,IACbC,WAAQ,WACT;CACC,IAAM,EAAA,MAAA,GAAA,GAAA,MAAQC,EAAAA,GAER,EAAEC,eAAYC,kBAAeC,qBAAkBX,EAAiB;EACpEE;EACAU,cAAc;CAChB,CAAA,GAEMC,IAAavB,EAAEwB,OAAO,EAC1BC,SAASzB,EAAE0B,OAAM,CAAA,CAAGC,QAAQC,MAAUA,MAAU,UAAU,EACxDC,SAASC,EAAAA,EAAC,EAAA,IAAA,SAAyB,CAAA,EACrC,CAAA,EACF,CAAA,GAEMC,IAAO9B,EAAQ;EACnB+B,eAAe,EACbP,SAAS,GACX;EACAQ,YAAY,EACVC,UAAUX,EACZ;EACAW,UAAU,YAAA;GACJlB,MAEJI,EAAAA,GACAL,EAASD,EAAcqB,EAAE;EAC3B;CACF,CAAA,GAEMC,IAAYlC,EAAS6B,EAAKM,QAAQC,MAAUA,EAAMC,gBAAgBD,EAAME,OAAOf,YAAY,QAAA,GAE3FgB,IAAoB3B,EAAc4B,QAAQ5B,EAAcqB;CAS9D,OACE,gBAAC/B,GAAAA;EACCyC,MAAMjC;EACNkC,gBAVgB;GAIlBjC,AAHAM,EAAAA,GACAY,EAAKa,MAAK,GACVvB,EAAAA,GACAR,EAAAA;EACF;EAMIkC,MAAK;EACLC,OAAOlB,EAAAA,EAAC;;GAA0BW,QAAAA,EAAAA,qBAAAA;EAAmB,CAAA;EACrDQ,oBAAoBjC,IAAac,EAAAA,EAAC,EAAA,IAAA,SAAY,CAAA,IAAIA,EAAAA,EAAC,EAAA,IAAA,SAAO,CAAA;EAC1DoB,sBAAqB;EACrBC,WAAWpB,EAAKqB;EAChBC,mBAAmBvB,EAAAA,EAAC,EAAA,IAAA,SAAO,CAAA;EAC3BwB,sBAAsBlB,KAAapB;EACnCuC,qBAAqBvC;EACrBwC,oBAAoBxC;EAEpB,UAAA,gBAACX,GAAAA;GAAMoD,WAAU;GAAWC,KAAI;;IAC7BzC,KAAS,gBAACX,GAAAA;KAAQqD,SAAQ;KAAS1C,UAAAA;;IAEpC,gBAAC2C,KAAAA;KAAEC,WAAU;KACX,UAAA,gBAAA,GAAA,EAAA,IAAA,SAAA,CAAA;;IAGF,gBAACtD,GAAAA;KACCsD,WAAU;KACV1B,IAAG;KACHD,WAAW4B,MAAAA;MAET/B,AADA+B,EAAEC,eAAc,GAChBhC,EAAKqB,aAAY;KACnB;KAEA,UAAA,gBAAC5C,GAAAA,EACC,UAAA,gBAACuB,EAAKiC,OAAK;MACTtB,MAAK;MACLuB,WAAWC,MACT,gBAACzD,GAAAA;OACC0D,OAAOrC,EAAAA,EAAC,EAAA,IAAA,SAAyB,CAAA;OACjCK,IAAI+B,EAAMxB;OACVA,MAAMwB,EAAMxB;OACZd,OAAOsC,EAAM5B,MAAMV;OACnBwC,WAAWN,MAAMI,EAAMG,aAAaP,EAAEQ,OAAO1C,KAAK;OAClD2C,aAAY;OACZC,UAAUxD;OACVyD,cAAa;OACbC,WAAS;OACTC,eAAY;OACZC,UAAQ;;;;;;;AAS1B;;;ACnFA,SAAgBO,EAAsB,EACpCC,eAAeC,GACfC,gBACAC,WACAC,aACAC,kBACAC,gBAAa,IACbC,sBAAmB,IACnBC,gBAAa,IACbC,eAC2B;CAC3B,IAAM,EAAA,MAAA,GAAA,GAAA,MAAQC,EAAAA,GAERC,KAAgB,EAAEC,eAA4C,gBAACC,QAAAA,EAAMD,UAAAA,IAAQE,EAAAA,EAAC,EAAA,IAAA,SAAI,CAAA,IAAIA,EAAAA,EAAC,EAAA,IAAA,SAAG,CAAA,EAAA,CAAA,GAE1FC,UAAoB;EACxB,AAAIV,KACFA,EAAcJ,CAAAA;CAElB;CAEA,OACE,gBAACP,GAAAA;EAECsB,eAAa,sBAAsBf,EAAGgB;EACtCC,SAASH;EACTI,WAAU;;GAETZ,KACC,gBAACd,GAAAA;IAAayB,UAAUE,MAAMA,EAAEC,gBAAe;IAC7C,UAAA,gBAACvB,GAAAA;KAASwB,SAASd;KAAYe,gBAAgBd,IAAWR,CAAAA;;;GAG9D,gBAACR,GAAAA,EACC,UAAA,gBAAC+B,OAAAA,EACC,UAAA,gBAACC,KAAAA;IAAEN,WAAU;IAAWlB,UAAAA,EAAGyB;;GAG/B,gBAACjC,GAAAA,EAAcQ,UAAAA,EAAG0B,eAAeb,EAAAA,EAAC,EAAA,IAAA,SAAE,CAAA,EAAA,CAAA;GACpC,gBAACrB,GAAAA,EAAAA,UAAAA,CACC,gBAACkB,GAAAA,EAAaC,OAAOX,EAAG2B,OAAAA,CAAAA,GACvB3B,EAAG2B,UACF,gBAACH,KAAAA,EAAAA,UAAAA;IACC,gBAAA,GAAA,EAAA,IAAA,SAAA,CAAA;IAAoB;IAAE,gBAACZ,QAAAA;KAAKM,WAAU;KAA4BlB,UAAAA,EAAG4B;;;GAI3E,gBAACpC,GAAAA,EACC,UAAA,gBAACkB,GAAAA,EAAaC,OAAOX,EAAG6B,SAAAA,CAAAA,EAAAA,CAAAA;GAE1B,gBAACrC,GAAAA;IAAayB,UAAUE,MAAMA,EAAEC,gBAAe;IAAIF,WAAU;IAC3D,UAAA,gBAACxB,GAAAA,EACC,UAAA,gBAACE,GAAAA,EAAAA,UAAAA;KACC,gBAACD,GAAAA;MAAcmC,OAAOjB,EAAAA,EAAC,EAAA,IAAA,SAAa,CAAA;MAAGI,eAAeH,EAAAA;;KACrDb,EAAY8B,aAAa,CAAC1B,KAAc,gBAACV,GAAAA;MAAcmC,OAAOjB,EAAAA,EAAC,EAAA,IAAA,SAAK,CAAA;MAAGI,eAAef,EAAOF,CAAAA;;KAC7FC,EAAY+B,aAAa,CAAC3B,KAAc,gBAACV,GAAAA;MAAcmC,OAAOjB,EAAAA,EAAC,EAAA,IAAA,SAAO,CAAA;MAAGI,eAAed,EAASH,CAAAA;;;;;CAhCnGA,GAAAA,EAAGgB,EAAE;AAsChB;;;AC/DA,IAAa8B,MAA8B,EACzCC,mBACAC,cACAC,YACAC,UACAC,gBACAC,0BACAC,6BAA0B,IAC1BC,iBAAc,MACdC,0BACAC,6BAA0B,IAC1BC,iBAAc,MACdC,qBACAC,sBAAmB,IACnBC,4BACgC;CAChC,IAAM,EAAA,MAAA,GAAA,GAAA,MAAQC,EAAAA,GACRC,IAAWrB,EAAAA,GACXsB,IAAYrB,EAAAA,GACZ,CAACsB,GAAuBC,KAA4BhC,EAA+B,IAAA,GACnF,CAACiC,GAAeC,KAAoBlC,EAAS,EAAA,GAC7C,CAACmC,GAAkBC,KAAuBpC,EAAS,EAAA,GACnDqC,IAAoBnC,EAAgB,EAAA,GACpCoC,IAAoBpC,EAAgB,EAAA,GAEpCqC,MAAcC,MAAAA;EAMlBN,AAJIH,KAAyBA,EAAsBU,OAAOD,EAAGC,MAAMd,KACjEA,EAAAA,GAEFK,EAAyBQ,CAAAA,GACzBN,EAAiB,EAAA;CACnB,GAEMQ,MAAgBF,MAAAA;EAEpBJ,AADAJ,EAAyBQ,CAAAA,GACzBJ,EAAoB,EAAA;CACtB,GAEMO,KAAqBH,MAAAA;EACzBX,EAAS;GACPe,IAAI;GACJC,QAAQ;IAAEf;IAAWgB,iBAAiBN,EAAGC;GAAG;EAC9C,CAAA;CACF,GAEMM,UAAiB;EAErBb,AADAF,EAAyB,IAAA,GACzBE,EAAiB,EAAA;CACnB,GAEMc,UAAoB;EAExBZ,AADAJ,EAAyB,IAAA,GACzBI,EAAoB,EAAA;CACtB;CAwCA,OArCAnC,QAAU;EAURoC,AAR6BA,EAAkBa,WAAW,CAAC9B,KAG/Be,KAAoB,CAACd,KAC/C2B,EAAAA,GAIFX,EAAkBa,UAAU9B;CAC9B,GAAG;EAACA;EAAyBC;EAAac;CAAiB,CAAA,GAG3DlC,QAAU;EAURqC,AAR2BA,EAAkBY,WAAW,CAAC3B,KAG/BU,KAAiB,CAACT,KAC1CuB,EAAAA,GAIFT,EAAkBY,UAAU3B;CAC9B,GAAG;EAACA;EAAyBC;EAAaS;CAAc,CAAA,GAGpDlB,IACK,gBAACR,GAAAA;EAAO6C,QAAO;EAAWC,OAAOC,EAAAA,EAAC,EAAA,IAAA,SAAW,CAAA;MAIlDtC,IACK,gBAACT,GAAAA;EAAO6C,QAAO;EAAQC,OAAOpC,GAAOsC,WAAWD,EAAAA,EAAC,EAAA,IAAA,SAA+B,CAAA;MAIvF,gBAAA,GAAA,EAAA,UAAA,CACE,gBAACnD,GAAAA;EAASqD,SAAS9B,IAAmB,IAAI;EAAG+B,mBAAmB/B,IAAmB,CAAC,CAAE,IAAG,CAAC,CAAE;EAC1F,UAAA,CAAA,gBAACpB,GAAAA,EAAAA,UAAAA,CACEoB,KAAoB,gBAACrB,GAAAA,CAAAA,CAAAA,GACrB;GAACiD,EAAAA,EAAC,EAAA,IAAA,SAAK,CAAA;GAAGA,EAAAA,EAAC,EAAA,IAAA,SAAY,CAAA;GAAGA,EAAAA,EAAC,EAAA,IAAA,SAAO,CAAA;GAAGA,EAAAA,EAAC,EAAA,IAAA,SAAS,CAAA;GAAG;EAAG,CAAA,CAACI,KAAKC,MAC1D,gBAACtD,GAAAA,EAA8BsD,UAAAA,EAARA,GAAAA,CAAAA,CAAAA,CAAAA,EAAAA,CAAAA,GAI1B7C,KAAkBA,EAAe8C,SAAS,IACzC9C,EAAe4C,KAAKlB,MAAAA;GAElB,IAAMqB,IAAaC,GAAQrC,KAAoBe,EAAGuB,cAAcvB,EAAGuB,eAAetC;GAElF,OACE,gBAACb,GAAAA;IAECoD,eAAexB;IACFtB;IACb+C,QAAQ1B;IACR2B,UAAUxB;IACVyB,eAAexB;IACHkB;IACZO,kBAAkB1C;IAClB2C,YAAY;IACZC,gBAAU,CAAO;GATZ9B,GAAAA,EAAGC,EAAE;EAYhB,CAAA,IAEA,gBAACnC,GAAAA,EACC,UAAA,gBAACF,GAAAA;GAAamE,SAAS7C,IAAmB,IAAI;GAC5C,UAAA,gBAACnB,GAAAA;IACC6C,QAAO;IACPC,OAAOC,EAAAA,EAAC,EAAA,IAAA,SAAyB,CAAA;IACjCkB,MAAMlB,EAAAA,EAAC,EAAA,IAAA,SAA4K,CAAA;;;CAO5LvB,CAAAA,GAAAA,KACC,gBAAA,GAAA,EAAA,UAAA,CACE,gBAACrB,IAAAA;EACCsD,eAAejC;EACf0C,MAAMxC;EACNyC,SAAS3B;EACT4B,WAAWlC,GAAImC,MACTtD,IACKA,EAAsBmB,GAAImC,CAAAA,IAE5BC,QAAQC,QAAO;EAExB/D,WAAWQ;EACXN,OAAOO;CAET,CAAA,GAAA,gBAACb,GAAAA;EACCqD,eAAejC;EACfgD,QAAQ5C;EACRuC,SAAS1B;EACTkB,WAAWzB,MAAAA;GACT,AAAItB,KACFA,EAAsBsB,CAAAA;EAE1B;EACAuC,YAAY5D;EACZH,OAAOI;;AAMnB,GCxKM0E,IAAsD;CAC1DC,MAAM;CACNC,aAAa;CACbC,UAAU;AACZ,GAEaC,MAAqE,EAChFC,WACAC,YACAC,aACAC,eAAY,IACZC,WAAQ,WACT;CACC,IAAM,EAAA,MAAA,GAAA,GAAA,MAAQC,EAAAA,GAER,CAACC,GAAYC,KAAiBzB,EAAkC,EAAE,GAAGa,EAA2B,CAAA,GAChG,CAACa,GAAQC,KAAa3B,EAAoC,CAAC,CAAA,GAE3D4B,KAAqBC,MAAAA;EACzB,IAAM,EAAEf,SAAMgB,UAAOC,YAASF,EAAEG,QAC1BC,IAAU,EAAGD,OAA4BC;EAO/C,AALAR,GAAeS,OAAU;GACvB,GAAGA;IACFpB,IAAOiB,MAAS,aAAaE,IAAUH;EAC1C,EAAA,GAEIJ,EAAOZ,MACTa,GAAWO,MAAAA;GACT,IAAMC,IAAY,EAAE,GAAGD,EAAK;GAE5B,OADA,OAAOC,EAAUrB,IACVqB;EACT,CAAA;CAEJ,GAEMC,UAAe;EACnB,IAAMD,IAAuC,CAAC;EAO9C,QALI,CAACX,EAAWV,QAAQU,EAAWV,KAAKuB,KAAI,MAAO,QACjDF,EAAUrB,OAAOwB,EAAAA,EAAC,EAAA,IAAA,SAAgC,CAAA,IAGpDX,EAAUQ,CAAAA,GACHI,OAAOC,KAAKL,CAAAA,CAAAA,CAAWM,WAAW;CAC3C,GAEMC,IAAe,OAAOb,MAAAA;EAC1BA,EAAEc,eAAc,GAEXP,EAAAA,MAUL,MAAMhB,EAASwB;GALb9B,MAAMU,EAAWV,KAAKuB,KAAI;GAC1BtB,aAAaS,EAAWT,YAAYsB,KAAI,KAAMQ,KAAAA;GAC9C7B,UAAUQ,EAAWR;EAGR4B,CAAAA,GACfE,EAAAA;CACF,GAEMA,UAAc;EAGlB3B,AAFAM,EAAc,EAAE,GAAGZ,EAA2B,CAAA,GAC9Cc,EAAU,CAAC,CAAA,GACXR,EAAAA;CACF;CAEA,OACE,gBAAClB,GAAAA;EACC8C,MAAM7B;EACN8B,UAAUF;EACVG,MAAK;EACLC,OAAOZ,EAAAA,EAAC,EAAA,IAAA,SAAsB,CAAA;EAC9Ba,aACE,gBAACzC,GAAAA;GAAY0C,WAAU;GACrB,UAAA,gBAAC5C,GAAAA,EAAAA,UAAAA,CACC,gBAACD,GAAAA;IAAO8C,SAAQ;IAAUC,SAASR;IAAaS,UAAUlC;IACxD,UAAA,gBAAA,GAAA,EAAA,IAAA,SAAA,CAAA;GAEF,CAAA,GAAA,gBAACd,GAAAA;IACC8C,SAAQ;IACRC,UAAUzB,MAAAA;KACRa,EAAab,CAAAA;IACf;IACA0B,UAAUlC;IACVmC,eAAY;IAEXnC,UAAAA,IAAY,gBAACZ,GAAAA,EAAQwC,MAAK,QAAa,CAAA,IAAA,gBAAA,GAAA,EAAA,IAAA,SAAA,CAAA;;;;GAO/C3B,KACC,gBAACV,GAAAA;IAAQ6C,aAAa;IAAOJ,SAAQ;IAAQD,WAAU;IACpD9B,UAAAA;;GAIJD,KACC,gBAACqC,OAAAA;IAAIN,WAAU;IACb,UAAA,CAAA,gBAAC3C,GAAAA,EAAQ4C,SAAQ,UAAA,CAAA,GACjB,gBAACM,QAAAA;KAAKP,WAAU;KACd,UAAA,gBAAA,GAAA,EAAA,IAAA,SAAA,CAAA;;;GAKL,CAAC/B,KACA,gBAACnB,GAAAA;IAAKkD,WAAU;IACd,UAAA,gBAAChD,GAAAA;KAAYgD,WAAU;;MACrB,gBAACjD,GAAAA;OAAQiD,WAAU;OACjB,UAAA,gBAAC/C,GAAAA;QACCuD,IAAG;QACH9C,MAAK;QACL+C,OAAOvB,EAAAA,EAAC,EAAA,IAAA,SAAK,CAAA;QACbR,OAAON,EAAWV;QAClBgD,UAAUlC;QACVmC,UAAQ;QACRC,WAAWtC,EAAOZ;QAClBmD,aAAa3B,EAAAA,EAAC,EAAA,IAAA,SAAU,CAAA;QACxBiB,UAAUlC;;;MAId,gBAAClB,GAAAA;OAAQiD,WAAU;OACjB,UAAA,gBAACzC,GAAAA;QACCiD,IAAG;QACH9C,MAAK;QACL+C,OAAOvB,EAAAA,EAAC,EAAA,IAAA,SAAY,CAAA;QACpBR,OAAON,EAAWT;QAClB+C,UAAUlC;QACVqC,aAAa3B,EAAAA,EAAC,EAAA,IAAA,SAAY,CAAA;QAC1BiB,UAAUlC;QACV6C,MAAM;;;MAIV,gBAAC/D,GAAAA;OAAQiD,WAAU;OACjB,UAAA,gBAAC9C,GAAAA;QACCsD,IAAG;QACH9C,MAAK;QACL+C,OAAOvB,EAAAA,EAAC,EAAA,IAAA,SAAS,CAAA;QACjBL,SAAST,EAAWR;QACpB8C,UAAUlC;QACV2B,UAAUlC;QACV8C,UAAU7B,EAAAA,EAAC,EAAA,IAAA,SAAgG,CAAA;;;;;;;;AAQ3H,GClLa8B,KAAuBC,MAAAA;CAClC,IAAMC,IAA4B,CAAA;CAOlC,OAJID,EAAaE,UACfD,EAAQE,KAAK;EAAEC,MAAM;EAAUC,OAAOL,EAAaE;CAAO,CAAA,GAGrDD;AACT,GAKaK,MACXC,GACAC,MAAAA;CAEA,IAAMC,IAAiC,CAAC;CAExC,IAAI,CAACF,GAAiBG,QAAQ,OAAOD;CAGrC,IAAME,IAAeJ,EAClBK,QAAQC,MAAO,CAACA,EAAGC,QAAQ,CAAA,CAC3BC,QACEC,GAAKH,OACCG,EAAIH,EAAGT,UAAOY,EAAIH,EAAGT,QAAQ,CAAA,IAClCY,EAAIH,EAAGT,KAAK,CAACD,KAAKU,EAAGR,KAAK,GACnBW,IAET,CAAC,CAAA;CAcL,OAVAC,OAAOC,QAAQP,CAAAA,CAAAA,CAAcQ,SAAS,CAACC,GAAYC,OAAO;EAGxD,AAFkBb,EAAkBe,MAAMC,MAAMA,EAAEJ,eAAeA,CAE7DE,CAAAA,EAAWG,sBAAsBJ,EAAOX,SAAS,IACnDD,EAAOW,KAAc,MAAMC,EAAOK,KAAK,GAAA,MAEvCjB,EAAOW,KAAcC,EAAO;CAEhC,CAAA,GAEOZ;AACT,GAQakB,MACXC,GACAC,GACArB,MAEwBoB,EAAQG,MAAMP,MAAMA,EAAEpB,SAASyB,EAASzB,QAAQoB,EAAEnB,UAAUwB,EAASxB,KACzFyB,IAAwBF,IAENpB,EAAkBe,MAAMC,MAAMA,EAAEJ,eAAeS,EAASzB,IAAI,CAAA,EAAGqB,qBAC9D,CAAIG,GAAAA,GAASC,CAAS,IAAG,CAAID,GAAAA,EAAQhB,QAAQY,MAAMA,EAAEpB,SAASyB,EAASzB,IAAI,GAAGyB,CAAS,GAMnGI,MACX1B,GACAC,GACA0B,MAAAA;CAMA,IAAMC,IAAwC;EAC5CC,QAAQF,EAAWE;EACnBC,QAAQH,EAAWG;EACnBC,eAAeJ,EAAWI;CAC5B;CAEA,IAAI,CAAC/B,GAAiBG,QAAQ,OAAOyB;CAErC,IAAMxB,IAAeJ,EAClBK,QAAQC,MAAO,CAACA,EAAGC,QAAQ,CAAA,CAC3BC,QACEC,GAAKH,OACCG,EAAIH,EAAGT,UAAOY,EAAIH,EAAGT,QAAQ,CAAA,IAClCY,EAAIH,EAAGT,KAAK,CAACD,KAAKU,EAAGR,KAAK,GACnBW,IAET,CAAC,CAAA;CAcL,OAXAC,OAAOC,QAAQP,CAAAA,CAAAA,CAAcQ,SAAS,CAACC,GAAYC,OAAO;EAGxD,AAFkBb,EAAkBe,MAAMC,MAAMA,EAAEJ,eAAeA,CAE7DE,CAAAA,EAAWG,sBAAsBJ,EAAOX,SAAS,IAEjDyB,EAAqCf,KAAc,MAAMC,EAAOK,KAAK,GAAA,MAErES,EAAqCf,KAAcC,EAAO;CAEhE,CAAA,GAEOc;AACT,GChFa8B,MAAkB,EAAEC,SAASC,QAAgC;CACxE,IAAM,EAAA,MAAA,GAAA,GAAA,MAAQC,EAAAA,GACRC,IAAW5B,EAAAA,GACX6B,IAAe5B,GAAU,EAAE6B,QAAQ,GAAM,CAAA,GAEzC,CAACC,GAAcC,KAAmBlC,EAA+B;EACrEmC,SAAS,CACP;GAAEC,OAAOC,EAAAA,EAAC,EAAA,IAAA,SAAK,CAAA;GAAGC,OAAO;EAAO,GAChC;GAAEF,OAAOC,EAAAA,EAAC,EAAA,IAAA,SAAW,CAAA;GAAGC,OAAO;EAAa,CAC7C;EACDC,QAAQR,EAAaQ,UAAU;EAC/BC,eAAeT,EAAaS,iBAAiB;CAC/C,CAAA,GAEM,CAACC,GAAgBC,KAAqB1C,EAAyB;EACnE2C,SAAS,CACP;GACEC,aAAaP,EAAAA,EAAC,EAAA,IAAA,SAAO,CAAA;GACrBQ,YAAY;GACZC,QAAQ,CAAC,QAAQ,OAAQ;GACzBC,oBAAoB;EACtB,CACD;EACDC,iBAAiB9B,EAAoBa,CAAAA;CACvC,CAAA,GAEM,CAACkB,GAAYC,KAAiBlD,EAAS+B,EAAaoB,UAAU,EAAA,GAC9D,CAACC,GAAiBC,KAAsBrD,EAAS,EAAA,GACjD,CAACsD,GAAaC,KAAkBvD,EAAwB,IAAA,GACxD,CAACwD,GAAaC,KAAkBzD,EAAwB,IAAA,GACxD,CAAC0D,GAAaC,KAAkB3D,EAAwB,IAAA,GAExD4D,IAAQjD,EAAUkD,SAAQ;CAEhC5D,QAAU;EAURiD,AATAhB,GAAiB4B,OAAU;GACzB,GAAGA;GACHvB,QAAQR,EAAaQ,UAAU;GAC/BC,eAAeT,EAAaS,iBAAiB;EAC/C,EAAA,GACAE,GAAmBoB,OAAU;GAC3B,GAAGA;GACHd,iBAAiB9B,EAAoBa,CAAAA;EACvC,EAAA,GACAmB,EAAcnB,EAAaoB,UAAU,EAAA;CACvC,GAAG;EAACpB,EAAaQ;EAAQR,EAAaS;EAAeT,EAAaoB;EAAQpB,EAAagC;CAAO,CAAA;CAE9F,IAAMC,IAAa9C,EAAoBa,CAAAA,GACjCkC,KAAalC,EAAaQ,UAAU,QACpC2B,IAAmBnC,EAAaS,iBAAiB,OACjD2B,IAAgBpC,EAAaoB,UAAU,IAEvC,EACJiB,MAAMC,GACNC,cACAC,YACAC,aACE7D,EAAU8D,QAAQC,cAAcC,KAAKC,SACvC;EACEC,YAAYjD,KAAa;EACzBkD,UAAUb;EACVc,UAAUb;EACV,GAAG/C,GAAkB6C,GAAYvB,EAAeE,OAAO;EACvD,GAAIwB,IAAgB,EAAElB,YAAYkB,EAAc,IAAI,CAAC;CACvD,GACA,EACEa,sBAAsB,GACxB,CAAA,GAGIC,IAAiBZ,KAAsB,CAAA,GACvCa,KACJX,KAAWC,GAAOJ,MAAMe,SAAS,cAAc9C,EAAAA,EAAC,EAAA,IAAA,SAAmD,CAAA,IAAI,MAEnG,EAAE+C,mBAAgBnE,EAA4BW,CAAAA,GAE9CyD,KAA8B1E,EAAU8D,QAAQC,cAAcY,OAAOC,YAAY;EACrFC,YAAYC,MAAAA;GAIV3D,AAHA8B,EAAMa,QAAQC,cAAcC,KAAKe,WAAU,GAC3C9B,EAAMa,QAAQC,cAAciB,QAAQD,WAAU,GAC9CjC,EAAe,IAAA,GACf3B,EAAS;IACP8D,IAAI;IACJC,QAAQ;KACNjE;KACAkE,iBAAiBL,EAAqBM;IACxC;GACF,CAAA;EACF;EACAC,UAAUxB,MAAAA;GACRf,EAAee,EAAMyB,WAAW5D,EAAAA,EAAC,EAAA,IAAA,SAAgC,CAAA,CAAA;EACnE;CACF,CAAA,GAEM6D,KAA8BvF,EAAU8D,QAAQC,cAAcyB,WAAWZ,YAAY;EACzFC,iBAAW;GAGTjC,AAFAK,EAAMa,QAAQC,cAAcC,KAAKe,WAAU,GAC3C9B,EAAMa,QAAQC,cAAciB,QAAQD,WAAU,GAC9CnC,EAAe,IAAA;EACjB;EACAyC,UAAUxB,MAAAA;GACRjB,EAAeiB,EAAMyB,WAAW5D,EAAAA,EAAC,EAAA,IAAA,SAAgC,CAAA,CAAA;GACjE,IAAM,EAAE4D,YAAS,GAAG9D,MAAYZ,EAAiCiD,EAAMyB,OAAO;GAC9EzF,EAAMgE,MAAMyB,GAAS9D,CAAAA;EACvB;CACF,CAAA,GAEMiE,IAA8BzF,EAAU8D,QAAQC,cAAc2B,OAAOd,YAAY;EACrFC,iBAAW;GAGT7B,AAFAC,EAAMa,QAAQC,cAAcC,KAAKe,WAAU,GAC3C9B,EAAMa,QAAQC,cAAciB,QAAQD,WAAU,GAC9C/B,EAAe,IAAA;EACjB;EACAqC,UAAUxB,MAAAA;GACRb,EAAea,EAAMyB,WAAW5D,EAAAA,EAAC,EAAA,IAAA,SAAgC,CAAA,CAAA;GACjE,IAAM,EAAE4D,YAAS,GAAG9D,MAAYV,EAAiC+C,EAAMyB,OAAO;GAC9EzF,EAAMgE,MAAMyB,GAAS9D,CAAAA;EACvB;CACF,CAAA,GAEMmE,KAA4B,OAAOC,MAAAA;EACvC9C,EAAe,IAAA;EACf,IAAI;GACF,MAAM4B,GAA4BmB,YAAY;IAAE3B,YAAYjD;IAAW,GAAG2E;GAAkB,CAAA;EAC9F,QAAQ,CAER;CACF,GAEME,MAA6BX,MAAAA;EACjCvC,EAAe,IAAA;EACf,IAAMmD,IAASzB,EAAe0B,MAAMC,MAAOA,EAAGb,OAAOD,CAAAA,CAAAA,EAAkBe,QAAQf;EAC/EI,GAA4BY,OAC1B;GAAEjC,YAAYjD;GAAWkE;EAAgB,GACzC,EACEN,iBAAW;GACT,IAAM,EAAES,YAAS,GAAG9D,MAAYb,GAA6BoF,CAAAA;GAC7DlG,EAAMuG,QAAQd,GAAS9D,CAAAA;EACzB,EACF,CAAA;CAEJ,GAEM6E,KAA4B,OAChClB,GACA1B,MAAAA;EAEAT,EAAe,IAAA;EACf,IAAM+C,IAAStC,EAAKyC,QAAQ5B,EAAe0B,MAAMC,MAAOA,EAAGb,OAAOD,CAAAA,CAAAA,EAAkBe,QAAQf;EAC5F,IAAI;GACF,MAAMM,EAA4BI,YAAY;IAAE3B,YAAYjD;IAAWkE;IAAiB,GAAG1B;GAAK,CAAA;GAChG,IAAM,EAAE6B,YAAS,GAAG9D,MAAYX,GAA6BkF,CAAAA;GAC7DlG,EAAMuG,QAAQd,GAAS9D,CAAAA;EACzB,QAAQ,CAER;CACF,GAEM8E,WAAyB;EAC7BtD,EAAe,IAAA;CACjB,GAEMuD,MAAoBC,MAAAA;EACxB,IAAMC,IAAiC;GACrCjF,SAASgF,EAAgBhF;GACzBI,QAAQ4E,EAAgB5E,QAAQ8E,SAAAA,KAAc;GAC9C7E,eAAe2E,EAAgB3E,iBAAiB;EAClD;EAEAV,AADAI,EAAgBkF,CAAAA,GAChBtF,EAAS;GACPqB,SAAUW,OAAsC;IAC9C,GAAGA;IACHvB,QAAQ6E,EAAS7E;IACjBC,eAAe4E,EAAS5E;GAC1B;GACA8E,SAAS;EACX,CAAA;CACF,GAEMC,KAAsBC,MAAAA;EAE1B1F,AADAY,EAAkB8E,CAAAA,GAClB1F,EAAS;GACPqB,SAAUW,MACR1C,GAAqBoG,EAAkBxE,mBAAmB,CAAA,GAAIwE,EAAkB7E,SAAS;IACvFQ,QAAQW,EAAKX;IACbZ,QAAQuB,EAAKvB;IACbC,eAAesB,EAAKtB;GACtB,CAAA;GACF8E,SAAS;EACX,CAAA;CACF,GAEMG,MAAsBC,MAAAA;EAC1B,IAAMC,IAAc,OAAOD,KAAS,WAAWA,IAAO;EAEtD5F,AADAoB,EAAcyE,CAAAA,GACd7F,EAAS;GACPqB,SAAUW,OAAsC;IAC9C,GAAGA;IACHX,QAAQwE,KAAeC,KAAAA;GACzB;GACAN,SAAS;EACX,CAAA;CACF;CAcA,OAZIhD,IACK,gBAAC7D,GAAAA;EAAOoH,QAAO;EAAWC,OAAOzF,EAAAA,EAAC,EAAA,IAAA,SAA2B,CAAA;MAGlEkC,KAAW,CAACU,EAAe8C,SAE3B,gBAAC1H,GAAAA;EAAM2H,WAAU;EAAOC,cAAa;EAASC,WAAU;EAASC,WAAU;EACxEjD,UAAAA,MAAa7C,EAAAA,EAAC,EAAA,IAAA,SAA+B,CAAA;MAMlD,gBAAA,GAAA,EAAA,UAAA;EACE,gBAAC3B,GAAAA;GAAcoH,OAAOzF,EAAAA,EAAC,EAAA,IAAA,SAAgB,CAAA;GAAcT;;EAErD,gBAACvB,GAAAA;GAAM4H,cAAa;GAAMC,WAAU;GAASE,KAAI;GAAIJ,WAAU;GAC7D,UAAA,gBAAC3H,GAAAA;IAAM+H,KAAI;IACT,UAAA,CAAA,gBAACxH,GAAAA;KACCuB,SAASF,EAAaE;KACtBI,QAAQN,EAAaM;KACrBC,eAAeP,EAAaO,iBAAiB;KAC7C6F,iBAAgB;KAChBC,iBAAiBC,MACfrB,GAAiB;MAAE,GAAGjF;MAAcM,QAAQgG;MAAG/F,eAAeP,EAAaO;KAAc,CAAA;KAE3FgG,wBAAwBC,MAAQvB,GAAiB;MAAE,GAAGjF;MAAcO,eAAeiG;KAAI,CAAA;IAExFrD,CAAAA,GAAAA,EAAYsD,aACX,gBAACtI,GAAAA;KAAOuI,eAAetF,EAAmB,EAAA;KAAOuF,SAAQ;KAAUZ,WAAU;KAC3E,UAAA,gBAAA,GAAA,EAAA,IAAA,SAAA,CAAA;;;;EAMR,gBAAC1H,GAAAA,EACC,UAAA,gBAACD,GAAAA;GAAM8H,WAAU;GAAWC,KAAI;GAC9B,UAAA,CAAA,gBAAC/H,GAAAA;IAAM4H,cAAa;IAAUC,WAAU;IACtC,UAAA,CAAA,gBAACpH,GAAAA;KACC6B,SAASF,EAAeE;KACxB0F,iBAAgB;KAChBQ,mBAAkB;KAClBC,WAAWC,MAAAA;MACT,IAAMC,IAAc3H,GAClBoB,EAAeO,mBAAmB,CAAA,GAClC+F,GACAtG,EAAeE,OAAO;MAEpBqG,OAAiBvG,EAAeO,mBAAmB,CAAA,MACvDuE,EAAmB;OAAE,GAAG9E;OAAgBO,iBAAiBgG;MAAY,CAAA;KACvE;IAEF,CAAA,GAAA,gBAACzI,GAAAA;KACC0I,aAAa5G,EAAAA,EAAC,EAAA,IAAA,SAA0B,CAAA;KACxC6G,eAAY;KACZ5G,OAAOW;KACPkG,UAAUC,MAAAA;MACR,IAAMb,IAAIa,EAAEC,cAAc/G;MAC1BY,EAAcqF,CAAAA;KAChB;KACAe,WAAWf,MAAAA;MACTd,GAAmB,OAAOc,KAAM,WAAWA,IAAI,EAAA;KACjD;KACAgB,eAAS;MAEP9B,AADAvE,EAAc,EAAA,GACduE,GAAmB,EAAA;KACrB;;GAGHhF,CAAAA,GAAAA,EAAeO,mBAAmBP,EAAeO,gBAAgB+E,SAAS,KACzE,gBAAClH,GAAAA;IACCmC,iBAAiBP,EAAeO;IAChCwG,WAAWC,MACTlC,EAAmB;KACjB,GAAG9E;KACHO,kBAAkBP,EAAeO,mBAAmB,CAAA,EAAA,CAAI0G,QACrDC,MAAQA,EAAE9C,SAAS4C,EAAe5C,QAAQ8C,EAAErH,UAAUmH,EAAenH,KAAI;IAE9E,CAAA;IAEFiH,eAAehC,EAAmB;KAAE,GAAG9E;KAAgBO,iBAAiB,CAAA;IAAG,CAAA;;;EAMnF,gBAACjC,IAAAA;GACiBkE;GAChBX,WAAW;GACXC,SAAS;GACTC,OAAO;GACMY;GACbwE,qBAAqBvG,EAAmB,EAAA;GACxCwG,uBAAuBpD;GACvBqD,yBAAyB5D,GAA4B6D;GACxCzG;GACb0G,uBAAuBhD;GACvBiD,yBAAyB7D,EAA4B2D;GACxCrG;GACbwG,kBAAkBtI;GAClBuI,kBAAkB;GAClBC,oBAAoBnD;;EAGtB,gBAACjG,IAAAA;GACCqJ,QAAQjH;GACRkH,eAAS;IAEPjH,AADAI,EAAe,IAAA,GACfJ,EAAmB,EAAA;GACrB;GACAkH,UAAUjE;GACVhC,WAAWe,GAA4B0E;GACvCvF,OAAOhB;;;AAIf;;;ACzVA,SAASkH,IAAAA;CACP,IAAM,EAAEC,iBAAcF,EAAMG,UAAS,GAC/B,EAAEC,kBAAeJ,EAAMK,gBAAe;CAE5C,IAAI,CAACD,GACH,MAAUE,MAAM,8CAAA;CAGlB,OAAO,gBAAC,IAAA,EAAe,SAASJ,EAAAA,CAAAA;AAClC"}

package/dist/client/useModalTracking-BcOKTYRN.mjs

@@ -1,33 +0,0 @@
-import { useEffect as e, useRef as t } from "react";
-import { useRouteContext as n } from "@tanstack/react-router";
-//#region src/client/hooks/useModalTracking.ts
-var r = ({ isOpen: r, actionPrefix: i }) => {
-	let { onTrackEvent: a } = n({ strict: !1 }), o = t(!1), s = t(!1);
-	return e(() => {
-		r && !o.current && (a?.({
-			source: "modal",
-			action: `${i}.open`
-		}), o.current = !0);
-	}, [
-		r,
-		a,
-		i
-	]), {
-		trackClose: () => {
-			r && !s.current && a?.({
-				source: "modal",
-				action: `${i}.close`
-			});
-		},
-		markSubmitted: () => {
-			s.current = !0;
-		},
-		resetTracking: () => {
-			s.current = !1, o.current = !1;
-		}
-	};
-};
-//#endregion
-export { r as t };
-
-//# sourceMappingURL=useModalTracking-BcOKTYRN.mjs.map

package/dist/client/useModalTracking-BcOKTYRN.mjs.map

@@ -1 +0,0 @@
-{"version":3,"file":"useModalTracking-BcOKTYRN.mjs","names":["useEffect","useRef","useRouteContext","useModalTracking","isOpen","actionPrefix","onTrackEvent","strict","hasTrackedOpen","hasSubmitted","current","source","action","trackClose","markSubmitted","resetTracking"],"sources":["../../src/client/hooks/useModalTracking.ts"],"sourcesContent":["import { useEffect, useRef } from \"react\"\nimport { useRouteContext } from \"@tanstack/react-router\"\n\ninterface UseModalTrackingOptions {\n  isOpen: boolean\n  actionPrefix: string // e.g., \"storage.ceph.bucket.create\"\n}\n\ninterface UseModalTrackingReturn {\n  trackClose: () => void\n  markSubmitted: () => void\n  resetTracking: () => void\n}\n\n/**\n * Custom hook to handle modal open/close analytics tracking.\n *\n * Tracks:\n * - `.open` event when modal opens (once per modal open)\n * - `.close` event when modal closes without submission (cancelled)\n *\n * @example\n * const { trackClose, markSubmitted, resetTracking } = useModalTracking({\n *   isOpen,\n *   actionPrefix: \"storage.ceph.bucket.create\"\n * })\n *\n * // In handleClose:\n * trackClose()\n *\n * // In handleSubmit:\n * markSubmitted()\n *\n * // In cleanup/reset:\n * resetTracking()\n */\nexport const useModalTracking = ({ isOpen, actionPrefix }: UseModalTrackingOptions): UseModalTrackingReturn => {\n  const { onTrackEvent } = useRouteContext({ strict: false })\n  const hasTrackedOpen = useRef(false)\n  // Use useRef instead of useState to avoid timing race with synchronous close paths\n  // See: https://github.com/... - setState doesn't apply until next render, so trackClose()\n  // could read stale hasSubmitted === false even after markSubmitted() was called\n  const hasSubmitted = useRef(false)\n\n  // Track when user opens the modal (once per modal open)\n  useEffect(() => {\n    if (isOpen && !hasTrackedOpen.current) {\n      onTrackEvent?.({\n        source: \"modal\",\n        action: `${actionPrefix}.open`,\n      })\n      hasTrackedOpen.current = true\n    }\n  }, [isOpen, onTrackEvent, actionPrefix])\n\n  /**\n   * Track close event if user didn't submit.\n   * Call this at the start of your handleClose function.\n   */\n  const trackClose = () => {\n    if (isOpen && !hasSubmitted.current) {\n      onTrackEvent?.({\n        source: \"modal\",\n        action: `${actionPrefix}.close`,\n      })\n    }\n  }\n\n  /**\n   * Mark that the user submitted the form.\n   * Call this in your handleSubmit function before the mutation.\n   */\n  const markSubmitted = () => {\n    hasSubmitted.current = true\n  }\n\n  /**\n   * Reset tracking state.\n   * Call this in handleClose after tracking close event.\n   */\n  const resetTracking = () => {\n    hasSubmitted.current = false\n    hasTrackedOpen.current = false\n  }\n\n  return {\n    trackClose,\n    markSubmitted,\n    resetTracking,\n  }\n}\n"],"mappings":";;;AAoCA,IAAaG,KAAoB,EAAEC,WAAQC,sBAAuC;CAChF,IAAM,EAAEC,oBAAiBJ,EAAgB,EAAEK,QAAQ,GAAM,CAAA,GACnDC,IAAiBP,EAAO,EAAA,GAIxBQ,IAAeR,EAAO,EAAA;CA2C5B,OAxCAD,QAAU;EACR,AAAII,KAAU,CAACI,EAAeE,YAC5BJ,IAAe;GACbK,QAAQ;GACRC,QAAQ,GAAGP,EAAa;EAC1B,CAAA,GACAG,EAAeE,UAAU;CAE7B,GAAG;EAACN;EAAQE;EAAcD;CAAa,CAAA,GAgChC;EACLQ,kBA3BiB;GACjB,AAAIT,KAAU,CAACK,EAAaC,WAC1BJ,IAAe;IACbK,QAAQ;IACRC,QAAQ,GAAGP,EAAa;GAC1B,CAAA;EAEJ;EAqBES,qBAfoB;GACpBL,EAAaC,UAAU;EACzB;EAcEK,qBARoB;GAEpBP,AADAC,EAAaC,UAAU,IACvBF,EAAeE,UAAU;EAC3B;CAMA;AACF"}

package/dist/client/useSecurityGroupPermissions-BOyLQLdC.mjs

@@ -1,227 +0,0 @@
-import { K as e, L as t, M as n, P as r, X as i, ft as a, h as o, i as s, lt as c, m as l, p as u } from "./build-WuxXRAqf.mjs";
-import { a as d } from "./trpcClient-D7gpR7YG.mjs";
-import { jsx as f, jsxs as p } from "react/jsx-runtime";
-import { useEffect as m, useState as h } from "react";
-import { Trans as g, useLingui as _ } from "@lingui/react";
-//#region src/client/routes/_auth/projects/$projectId/network/securitygroups/-components/SecurityGroupToastNotifications.tsx
-var v = (e) => ({
-	message: /*#__PURE__*/ f(g, { id: "FT6BiH" }),
-	description: /*#__PURE__*/ f(g, {
-		id: "+rAGXM",
-		values: { name: e }
-	})
-}), y = (e) => ({
-	message: /*#__PURE__*/ f(g, { id: "xc8SHc" }),
-	description: /*#__PURE__*/ f(g, {
-		id: "K4twCt",
-		values: { errorMessage: e }
-	})
-}), b = (e) => ({
-	message: /*#__PURE__*/ f(g, { id: "pySxXV" }),
-	description: /*#__PURE__*/ f(g, {
-		id: "/GSSFQ",
-		values: { name: e }
-	})
-}), x = (e) => ({
-	message: /*#__PURE__*/ f(g, { id: "9PnW2j" }),
-	description: /*#__PURE__*/ f(g, {
-		id: "6x1HCw",
-		values: { errorMessage: e }
-	})
-}), S = () => ({
-	message: /*#__PURE__*/ f(g, { id: "3qYWKy" }),
-	description: /*#__PURE__*/ f(g, { id: "8Xn6tg" })
-}), C = (e) => ({
-	message: /*#__PURE__*/ f(g, { id: "3cksfP" }),
-	description: /*#__PURE__*/ f(g, {
-		id: "nqaM9R",
-		values: { errorMessage: e }
-	})
-}), w = () => ({
-	message: /*#__PURE__*/ f(g, { id: "ygiW4d" }),
-	description: /*#__PURE__*/ f(g, { id: "lbxRVC" })
-}), T = (e) => ({
-	message: /*#__PURE__*/ f(g, { id: "qToFUF" }),
-	description: /*#__PURE__*/ f(g, {
-		id: "/9TcRw",
-		values: { errorMessage: e }
-	})
-}), E = (e) => ({
-	message: /*#__PURE__*/ f(g, { id: "CpPgKl" }),
-	description: /*#__PURE__*/ f(g, {
-		id: "3Gviib",
-		values: { targetTenant: e }
-	})
-}), D = (e) => ({
-	message: /*#__PURE__*/ f(g, { id: "7xCEph" }),
-	description: /*#__PURE__*/ f(g, {
-		id: "tXYQKw",
-		values: { errorMessage: e }
-	})
-}), O = (e) => ({
-	message: /*#__PURE__*/ f(g, { id: "+lwzZX" }),
-	description: /*#__PURE__*/ f(g, {
-		id: "+W6219",
-		values: { targetTenant: e }
-	})
-}), k = (e) => ({
-	message: /*#__PURE__*/ f(g, { id: "YmvhrF" }),
-	description: /*#__PURE__*/ f(g, {
-		id: "Pc3uze",
-		values: { errorMessage: e }
-	})
-}), A = ({ securityGroup: d, open: v, onClose: y, onUpdate: b, isLoading: x = !1, error: S = null }) => {
-	let { i18n: C, _: w } = _(), [T, E] = h({
-		name: d.name || "",
-		description: d.description || ""
-	}), [D, O] = h({});
-	m(() => {
-		E({
-			name: d.name || "",
-			description: d.description || ""
-		});
-	}, [d]);
-	let k = (e) => {
-		let { name: t, value: n, type: r } = e.target, i = e.target.checked;
-		E((e) => ({
-			...e,
-			[t]: r === "checkbox" ? i : n
-		})), D[t] && O((e) => {
-			let n = { ...e };
-			return delete n[t], n;
-		});
-	}, A = () => {
-		let e = {};
-		return (!T.name || T.name.trim() === "") && (e.name = C._({ id: "lN/Z9n" })), O(e), Object.keys(e).length === 0;
-	}, j = async (e) => {
-		if (e.preventDefault(), A() && b) {
-			let e = {
-				name: T.name.trim(),
-				description: T.description.trim() || void 0
-			};
-			await b(d.id, e);
-		}
-	}, M = () => {
-		O({}), y();
-	};
-	return /*#__PURE__*/ p(i, {
-		open: v,
-		onCancel: M,
-		size: "large",
-		title: C._({ id: "yu9G3x" }),
-		modalFooter: /*#__PURE__*/ f(r, {
-			className: "flex justify-end",
-			children: /*#__PURE__*/ p(n, { children: [/*#__PURE__*/ f(s, {
-				variant: "default",
-				onClick: M,
-				disabled: x,
-				children: /*#__PURE__*/ f(g, { id: "dEgA5A" })
-			}), /*#__PURE__*/ f(s, {
-				variant: "primary",
-				onClick: (e) => {
-					j(e);
-				},
-				disabled: x,
-				"data-testid": "update-security-group-button",
-				children: x ? /*#__PURE__*/ f(e, { size: "small" }) : /*#__PURE__*/ f(g, { id: "Df0YHr" })
-			})] })
-		}),
-		children: [
-			S && /*#__PURE__*/ f(t, {
-				dismissible: !1,
-				variant: "error",
-				className: "mb-4",
-				children: S
-			}),
-			x && /*#__PURE__*/ p("div", {
-				className: "mb-4 flex items-center justify-center gap-2",
-				children: [/*#__PURE__*/ f(e, { variant: "primary" }), /*#__PURE__*/ f("span", {
-					className: "text-theme-high text-sm",
-					children: /*#__PURE__*/ f(g, { id: "V804LY" })
-				})]
-			}),
-			!x && /*#__PURE__*/ f(a, {
-				className: "mb-6",
-				children: /*#__PURE__*/ p(u, {
-					className: "mb-6",
-					children: [/*#__PURE__*/ f(o, {
-						className: "mb-6",
-						children: /*#__PURE__*/ f(l, {
-							id: "name",
-							name: "name",
-							label: C._({ id: "6YtxFj" }),
-							value: T.name,
-							onChange: k,
-							required: !0,
-							errortext: D.name,
-							placeholder: C._({ id: "Ac6dy9" }),
-							disabled: x
-						})
-					}), /*#__PURE__*/ f(o, {
-						className: "mb-6",
-						children: /*#__PURE__*/ f(c, {
-							id: "description",
-							name: "description",
-							label: C._({ id: "Nu4oKW" }),
-							value: T.description,
-							onChange: k,
-							placeholder: C._({ id: "Nu4oKW" }),
-							disabled: x,
-							rows: 3
-						})
-					})]
-				})
-			})
-		]
-	});
-};
-//#endregion
-//#region src/client/routes/_auth/projects/$projectId/network/securitygroups/-hooks/useSecurityGroupPermissions.ts
-function j(e) {
-	let { data: t = {
-		canView: !1,
-		canCreate: !1,
-		canUpdate: !1,
-		canDelete: !1,
-		canCreateRule: !1,
-		canDeleteRule: !1,
-		canManageAccess: !1,
-		canViewRBAC: !1
-	}, isLoading: n, isError: r } = d.network.canUser.useQuery({
-		project_id: e || "",
-		permission: [
-			"network:security_groups:read",
-			"network:security_groups:create",
-			"network:security_groups:update",
-			"network:security_groups:delete",
-			"network:security_group_rules:create",
-			"network:security_group_rules:delete",
-			"network:rbac_policies:create",
-			"network:rbac_policies:delete",
-			"network:rbac_policies:read"
-		]
-	}, {
-		enabled: !!e,
-		select: ([e, t, n, r, i, a, o, s, c]) => ({
-			canView: e,
-			canCreate: t,
-			canUpdate: n,
-			canDelete: r,
-			canCreateRule: i,
-			canDeleteRule: a,
-			canManageAccess: o && s,
-			canViewRBAC: c
-		}),
-		staleTime: Infinity,
-		gcTime: Infinity
-	});
-	return {
-		permissions: t,
-		isLoading: n,
-		isError: r
-	};
-}
-//#endregion
-export { k as a, v as c, T as d, w as f, E as i, C as l, b as m, A as n, O as o, x as p, D as r, y as s, j as t, S as u };
-
-//# sourceMappingURL=useSecurityGroupPermissions-BOyLQLdC.mjs.map

package/dist/client/useSecurityGroupPermissions-BOyLQLdC.mjs.map

@@ -1 +0,0 @@
-{"version":3,"file":"useSecurityGroupPermissions-BOyLQLdC.mjs","names":["getSecurityGroupDeletedToast","name","message","description","getSecurityGroupDeleteErrorToast","errorMessage","getSecurityGroupUpdatedToast","getSecurityGroupUpdateErrorToast","getSecurityGroupRuleCreatedToast","getSecurityGroupRuleCreateErrorToast","getSecurityGroupRuleDeletedToast","getSecurityGroupRuleDeleteErrorToast","getRBACPolicyAddedToast","targetTenant","getRBACPolicyAddErrorToast","getRBACPolicyDeletedToast","getRBACPolicyDeleteErrorToast","React","useState","useEffect","Modal","Form","FormRow","FormSection","TextInput","Button","ButtonRow","Spinner","ModalFooter","Textarea","Message","EditSecurityGroupModal","securityGroup","open","onClose","onUpdate","isLoading","error","useLingui","properties","setProperties","name","description","errors","setErrors","handleInputChange","e","value","type","target","checked","prev","newErrors","validateForm","trim","t","Object","keys","length","handleSubmit","preventDefault","updateData","undefined","id","handleClose","onCancel","size","title","modalFooter","className","variant","onClick","disabled","data-testid","dismissible","div","span","label","onChange","required","errortext","placeholder","rows","trpcReact","useSecurityGroupPermissions","projectId","data","permissions","canView","canCreate","canUpdate","canDelete","canCreateRule","canDeleteRule","canManageAccess","canViewRBAC","isLoading","isError","network","canUser","useQuery","project_id","permission","enabled","Boolean","select","canCreateRBAC","canDeleteRBAC","staleTime","Infinity","gcTime"],"sources":["../../src/client/routes/_auth/projects/$projectId/network/securitygroups/-components/SecurityGroupToastNotifications.tsx","../../src/client/routes/_auth/projects/$projectId/network/securitygroups/-components/-modals/EditSecurityGroupModal.tsx","../../src/client/routes/_auth/projects/$projectId/network/securitygroups/-hooks/useSecurityGroupPermissions.ts"],"sourcesContent":["import { ReactNode } from \"react\"\nimport { NotificationOptions } from \"@cloudoperators/juno-ui-components\"\nimport { Trans } from \"@lingui/react/macro\"\n\ntype ToastReturnType = { message: ReactNode } & NotificationOptions\n\n// ── Security Group operations ──────────────────────────────────────────────\n\nexport const getSecurityGroupDeletedToast = (name: string): ToastReturnType => ({\n  message: <Trans>Security Group Deleted</Trans>,\n  description: <Trans>Security group \"{name}\" was successfully deleted.</Trans>,\n})\n\nexport const getSecurityGroupDeleteErrorToast = (errorMessage: string): ToastReturnType => ({\n  message: <Trans>Failed to Delete Security Group</Trans>,\n  description: <Trans>Could not delete security group: {errorMessage}</Trans>,\n})\n\nexport const getSecurityGroupUpdatedToast = (name: string): ToastReturnType => ({\n  message: <Trans>Security Group Updated</Trans>,\n  description: <Trans>Security group \"{name}\" was successfully updated.</Trans>,\n})\n\nexport const getSecurityGroupUpdateErrorToast = (errorMessage: string): ToastReturnType => ({\n  message: <Trans>Failed to Update Security Group</Trans>,\n  description: <Trans>Could not update security group: {errorMessage}</Trans>,\n})\n\n// ── Rule operations ────────────────────────────────────────────────────────\n\nexport const getSecurityGroupRuleCreatedToast = (): ToastReturnType => ({\n  message: <Trans>Rule Created</Trans>,\n  description: <Trans>Security group rule was successfully created.</Trans>,\n})\n\nexport const getSecurityGroupRuleCreateErrorToast = (errorMessage: string): ToastReturnType => ({\n  message: <Trans>Failed to Create Rule</Trans>,\n  description: <Trans>Could not create security group rule: {errorMessage}</Trans>,\n})\n\nexport const getSecurityGroupRuleDeletedToast = (): ToastReturnType => ({\n  message: <Trans>Rule Deleted</Trans>,\n  description: <Trans>Security group rule was successfully deleted.</Trans>,\n})\n\nexport const getSecurityGroupRuleDeleteErrorToast = (errorMessage: string): ToastReturnType => ({\n  message: <Trans>Failed to Delete Rule</Trans>,\n  description: <Trans>Could not delete security group rule: {errorMessage}</Trans>,\n})\n\n// ── RBAC Policy operations ─────────────────────────────────────────────────\n\nexport const getRBACPolicyAddedToast = (targetTenant: string): ToastReturnType => ({\n  message: <Trans>Security Group Shared</Trans>,\n  description: <Trans>Security group was successfully shared with project \"{targetTenant}\".</Trans>,\n})\n\nexport const getRBACPolicyAddErrorToast = (errorMessage: string): ToastReturnType => ({\n  message: <Trans>Failed to Share Security Group</Trans>,\n  description: <Trans>Could not share security group: {errorMessage}</Trans>,\n})\n\nexport const getRBACPolicyDeletedToast = (targetTenant: string): ToastReturnType => ({\n  message: <Trans>Access Revoked</Trans>,\n  description: <Trans>Access for project \"{targetTenant}\" was successfully revoked.</Trans>,\n})\n\nexport const getRBACPolicyDeleteErrorToast = (errorMessage: string): ToastReturnType => ({\n  message: <Trans>Failed to Revoke Access</Trans>,\n  description: <Trans>Could not revoke access: {errorMessage}</Trans>,\n})\n","import React, { useState, useEffect } from \"react\"\nimport { Trans, useLingui } from \"@lingui/react/macro\"\nimport {\n  Modal,\n  Form,\n  FormRow,\n  FormSection,\n  TextInput,\n  Button,\n  ButtonRow,\n  Spinner,\n  ModalFooter,\n  Textarea,\n  Message,\n} from \"@cloudoperators/juno-ui-components\"\nimport type { SecurityGroup } from \"@/server/Network/types/securityGroup\"\nimport { UpdateSecurityGroupInput } from \"@/server/Network/types/securityGroup\"\n\ninterface EditSecurityGroupModalProps {\n  securityGroup: SecurityGroup\n  open: boolean\n  onClose: () => void\n  onUpdate?: (\n    securityGroupId: string,\n    data: Omit<UpdateSecurityGroupInput, \"securityGroupId\" | \"project_id\">\n  ) => Promise<void>\n  isLoading?: boolean\n  error?: string | null\n}\n\ninterface SecurityGroupProperties {\n  name: string\n  description: string\n}\n\nexport const EditSecurityGroupModal: React.FC<EditSecurityGroupModalProps> = ({\n  securityGroup,\n  open,\n  onClose,\n  onUpdate,\n  isLoading = false,\n  error = null,\n}) => {\n  const { t } = useLingui()\n\n  const [properties, setProperties] = useState<SecurityGroupProperties>({\n    name: securityGroup.name || \"\",\n    description: securityGroup.description || \"\",\n  })\n  const [errors, setErrors] = useState<{ [key: string]: string }>({})\n\n  // Update properties when securityGroup changes\n  useEffect(() => {\n    setProperties({\n      name: securityGroup.name || \"\",\n      description: securityGroup.description || \"\",\n    })\n  }, [securityGroup])\n\n  const handleInputChange = (e: React.ChangeEvent<HTMLInputElement | HTMLTextAreaElement>) => {\n    const { name, value, type } = e.target\n    const checked = (e.target as HTMLInputElement).checked\n\n    setProperties((prev) => ({\n      ...prev,\n      [name]: type === \"checkbox\" ? checked : value,\n    }))\n\n    if (errors[name]) {\n      setErrors((prev) => {\n        const newErrors = { ...prev }\n        delete newErrors[name]\n        return newErrors\n      })\n    }\n  }\n\n  const validateForm = (): boolean => {\n    const newErrors: { [key: string]: string } = {}\n\n    if (!properties.name || properties.name.trim() === \"\") {\n      newErrors.name = t`Security group name is required`\n    }\n\n    setErrors(newErrors)\n    return Object.keys(newErrors).length === 0\n  }\n\n  const handleSubmit = async (e: React.FormEvent) => {\n    e.preventDefault()\n\n    if (!validateForm()) {\n      return\n    }\n\n    if (onUpdate) {\n      // Prepare base update data without stateful\n      const updateData: Omit<UpdateSecurityGroupInput, \"securityGroupId\" | \"project_id\"> = {\n        name: properties.name.trim(),\n        description: properties.description.trim() || undefined,\n      }\n\n      // Note: We deliberately do NOT include 'stateful' field here\n      // because it requires special 'update_security_group:stateful' permission\n      // which needs cloud admin role. Regular users can only update name/description.\n\n      await onUpdate(securityGroup.id, updateData)\n    }\n  }\n\n  const handleClose = () => {\n    setErrors({})\n    onClose()\n  }\n\n  return (\n    <Modal\n      open={open}\n      onCancel={handleClose}\n      size=\"large\"\n      title={t`Edit Security Group`}\n      modalFooter={\n        <ModalFooter className=\"flex justify-end\">\n          <ButtonRow>\n            <Button variant=\"default\" onClick={handleClose} disabled={isLoading}>\n              <Trans>Cancel</Trans>\n            </Button>\n            <Button\n              variant=\"primary\"\n              onClick={(e) => {\n                handleSubmit(e)\n              }}\n              disabled={isLoading}\n              data-testid=\"update-security-group-button\"\n            >\n              {isLoading ? <Spinner size=\"small\" /> : <Trans>Update Security Group</Trans>}\n            </Button>\n          </ButtonRow>\n        </ModalFooter>\n      }\n    >\n      {/* Error Message */}\n      {error && (\n        <Message dismissible={false} variant=\"error\" className=\"mb-4\">\n          {error}\n        </Message>\n      )}\n\n      {isLoading && (\n        <div className=\"mb-4 flex items-center justify-center gap-2\">\n          <Spinner variant=\"primary\" />\n          <span className=\"text-theme-high text-sm\">\n            <Trans>Updating security group...</Trans>\n          </span>\n        </div>\n      )}\n\n      {!isLoading && (\n        <Form className=\"mb-6\">\n          <FormSection className=\"mb-6\">\n            <FormRow className=\"mb-6\">\n              <TextInput\n                id=\"name\"\n                name=\"name\"\n                label={t`Name`}\n                value={properties.name}\n                onChange={handleInputChange}\n                required\n                errortext={errors.name}\n                placeholder={t`Type name`}\n                disabled={isLoading}\n              />\n            </FormRow>\n\n            <FormRow className=\"mb-6\">\n              <Textarea\n                id=\"description\"\n                name=\"description\"\n                label={t`Description`}\n                value={properties.description}\n                onChange={handleInputChange}\n                placeholder={t`Description`}\n                disabled={isLoading}\n                rows={3}\n              />\n            </FormRow>\n            {/* Note: Stateful checkbox is not shown here because it requires 'update_security_group:stateful' permission (cloud admin only) */}\n          </FormSection>\n        </Form>\n      )}\n    </Modal>\n  )\n}\n","import { trpcReact } from \"@/client/trpcClient\"\n\nexport interface SecurityGroupPermissions {\n  canView: boolean\n  canCreate: boolean\n  canUpdate: boolean\n  canDelete: boolean\n  canCreateRule: boolean\n  canDeleteRule: boolean\n  canManageAccess: boolean\n  canViewRBAC: boolean\n}\n\n/**\n * Hook to fetch security group permissions for the current user\n * Uses React Query with infinite cache since permissions don't change during session\n */\nexport function useSecurityGroupPermissions(projectId: string) {\n  const {\n    data: permissions = {\n      canView: false,\n      canCreate: false,\n      canUpdate: false,\n      canDelete: false,\n      canCreateRule: false,\n      canDeleteRule: false,\n      canManageAccess: false,\n      canViewRBAC: false,\n    },\n    isLoading,\n    isError,\n  } = trpcReact.network.canUser.useQuery(\n    {\n      project_id: projectId || \"\",\n      permission: [\n        \"network:security_groups:read\",\n        \"network:security_groups:create\",\n        \"network:security_groups:update\",\n        \"network:security_groups:delete\",\n        \"network:security_group_rules:create\",\n        \"network:security_group_rules:delete\",\n        \"network:rbac_policies:create\",\n        \"network:rbac_policies:delete\",\n        \"network:rbac_policies:read\",\n      ],\n    },\n    {\n      enabled: Boolean(projectId), // Only fetch if we have a project ID\n      select: ([\n        canView,\n        canCreate,\n        canUpdate,\n        canDelete,\n        canCreateRule,\n        canDeleteRule,\n        canCreateRBAC,\n        canDeleteRBAC,\n        canViewRBAC,\n      ]) => ({\n        canView,\n        canCreate,\n        canUpdate,\n        canDelete,\n        canCreateRule,\n        canDeleteRule,\n        canManageAccess: canCreateRBAC && canDeleteRBAC,\n        canViewRBAC,\n      }),\n      staleTime: Infinity, // Permissions don't change during session\n      gcTime: Infinity, // Keep in cache forever (previously cacheTime)\n    }\n  )\n\n  return {\n    permissions,\n    isLoading,\n    isError,\n  }\n}\n"],"mappings":"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"}