npm - @cobaltcore-dev/aurora - Versions diffs - 0.4.0 → 0.5.0 - Mend

@cobaltcore-dev/aurora 0.4.0 → 0.5.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (157) hide show

package/dist/client/{_pcaId-CbBhBrX1.mjs.map → _pcaId-B-f_6kqs.mjs.map} RENAMED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"_pcaId-CbBhBrX1.mjs","names":["useNavigate","DataGridCell","DataGridRow","PopupMenu","PopupMenuItem","PopupMenuOptions","PcaCertificatesTableRow","certificate","useLingui","navigate","navigateToCertificateDetailsPage","from","to","params","prev","certificateId","id","data-testid","onClick","certificate_authority_id","e","stopPropagation","className","label","t","disabled","z","useForm","useStore","Modal","Form","FormSection","Spinner","Message","Textarea","trpcReact","useProjectId","IssueEndEntityCertificateModal","open","onClose","pcaId","useLingui","projectId","utils","useUtils","isPending","createCertificateMutation","services","pca","createCertificate","useMutation","onSettled","listCertificates","invalidate","formSchema","object","csr","string","trim","min","form","defaultValues","validators","onSubmit","value","mutateAsync","project_id","certificate_authority_id","replace","configuration","validity","not_after","Math","floor","Date","now","handleClose","reset","currentCsr","store","state","values","size","title","t","onCancel","cancelButtonLabel","confirmButtonLabel","onConfirm","handleSubmit","disableConfirmButton","length","error","dismissible","variant","className","message","div","span","id","e","preventDefault","Field","name","children","field","onBlur","handleBlur","onChange","handleChange","target","placeholder","errortext","meta","errors","map","join","disabled","Stack","Spinner","DataGrid","DataGridRow","DataGridCell","ContentHeading","DataGridHeadCell","Button","trpcReact","useProjectId","useModal","PcaCertificatesTableRow","IssueEndEntityCertificateModal","PcaCertificatesListContainer","pcaId","pcaState","useLingui","projectId","createIssueEndEntityOpen","toggleIssueEndEntity","columns","t","data","pcaCertificates","isLoading","isError","error","services","pca","listCertificates","useQuery","project_id","certificate_authority_id","className","distribution","alignment","direction","variant","size","message","div","label","onClick","open","onClose","length","data-testid","colSpan","p","map","certificate","id","Modal","Spinner","Message","trpcReact","useProjectId","VALIDITY_SECONDS","IssueSelfSignedCertificateModal","open","onClose","pca","useLingui","projectId","utils","useUtils","isPending","createCertificateMutation","services","createCertificate","useMutation","onSettled","listCertificates","invalidate","handleConfirm","csr","mutateAsync","project_id","certificate_authority_id","id","configuration","validity","not_after","Math","floor","Date","now","handleClose","reset","title","t","onCancel","cancelButtonLabel","confirmButtonLabel","onConfirm","disableConfirmButton","error","dismissible","variant","className","message","div","span","useRef","z","useForm","useStore","Modal","Form","FormSection","Spinner","Message","Textarea","Button","trpcReact","useProjectId","ImportExternallySignedCertificateModal","open","onClose","pcaId","useLingui","projectId","utils","useUtils","isPending","importMutation","services","pca","import","useMutation","onSettled","getById","invalidate","formSchema","object","imported_certificate_chain","string","trim","min","form","defaultValues","validators","onSubmit","mutateAsync","project_id","certificate_authority_id","state","values","handleClose","reset","fileInputRef","currentChain","store","handleFileChange","e","file","target","files","reader","FileReader","onload","event","text","result","chainValue","name","endsWith","parsed","JSON","parse","setFieldValue","error","console","readAsText","size","title","t","onCancel","cancelButtonLabel","confirmButtonLabel","onConfirm","handleSubmit","disableConfirmButton","dismissible","variant","className","message","div","span","id","preventDefault","onClick","current","click","input","ref","type","accept","onChange","Field","children","field","value","onBlur","handleBlur","handleChange","placeholder","errortext","meta","errors","map","join","disabled","Fragment","MdDownload","MdContentCopy","useNavigate","Button","DescriptionDefinition","DescriptionList","DescriptionTerm","Divider","Stack","useProjectId","useModal","DeletePcaModal","STATE_CONFIG","PcaCertificatesListContainer","IssueSelfSignedCertificateModal","ImportExternallySignedCertificateModal","PcaDetailsView","pca","useLingui","navigate","projectId","issueSelfSignedModalOpen","toggleIssueSelfSignedModal","importExternallySignedModalOpen","toggleImportExternallySignedModal","deletePcaModalOpen","toggleDeletePcaModal","navigateToPcaList","to","params","basicInfo","label","t","value","id","project_id","configuration","subject","common_name","certificate","validity","not_before","undefined","not_after","Math","round","direction","gap","distribution","alignment","div","className","state","icon","text","onClick","p","alignTerms","map","csr","pcaId","open","onClose","onSuccess","pcaState","useNavigate","Trans","Button","Spinner","Stack","trpcReact","useProjectId","PcaDetailsView","Route","RouteComponent","navigate","projectId","pcaId","useParams","isLoading","isError","error","data","pca","services","getById","useQuery","project_id","certificate_authority_id","handleBack","to","params","errorMessage","message","component"],"sources":["../../src/client/routes/_auth/projects/$projectId/services/pca/$pcaId/-components/-table/PcaCertificatesTableRow.tsx","../../src/client/routes/_auth/projects/$projectId/services/pca/$pcaId/-components/-modals/IssueEndEntityCertificateModal.tsx","../../src/client/routes/_auth/projects/$projectId/services/pca/$pcaId/-components/PcaCertificatesListContainer.tsx","../../src/client/routes/_auth/projects/$projectId/services/pca/$pcaId/-components/-modals/IssueSelfSignedCertificateModal.tsx","../../src/client/routes/_auth/projects/$projectId/services/pca/$pcaId/-components/-modals/ImportExternallySignedCertificateModal.tsx","../../src/client/routes/_auth/projects/$projectId/services/pca/$pcaId/-components/PcaDetailsView.tsx","../../src/client/routes/_auth/projects/$projectId/services/pca/$pcaId/index.tsx?tsr-split=component"],"sourcesContent":["import { useNavigate } from \"@tanstack/react-router\"\nimport { useLingui } from \"@lingui/react/macro\"\nimport {\n DataGridCell,\n DataGridRow,\n PopupMenu,\n PopupMenuItem,\n PopupMenuOptions,\n} from \"@cloudoperators/juno-ui-components\"\nimport { Certificate } from \"@/server/Services/types/pca\"\n\ninterface PcaCertificatesTableRowProps {\n certificate: Certificate\n}\n\nexport const PcaCertificatesTableRow = ({ certificate }: PcaCertificatesTableRowProps) => {\n const { t } = useLingui()\n const navigate = useNavigate()\n\n const navigateToCertificateDetailsPage = () =>\n navigate({\n from: \"/projects/$projectId/services/pca/$pcaId/\",\n to: \"$certificateId\",\n params: (prev) => ({ ...prev, certificateId: certificate.id }),\n })\n\n return (\n <DataGridRow\n key={certificate.id}\n data-testid={`pca-certificate-row-${certificate.id}`}\n onClick={navigateToCertificateDetailsPage}\n >\n <DataGridCell>{certificate.certificate_authority_id}</DataGridCell>\n <DataGridCell>{certificate.id}</DataGridCell>\n <DataGridCell onClick={(e) => e.stopPropagation()} className=\"items-end pr-0\">\n <PopupMenu>\n <PopupMenuOptions>\n {/* I will enable this button on create-certificate task of the EPIC /}\n <PopupMenuItem label={t`Create Certificate`} disabled />\n </PopupMenuOptions>\n </PopupMenu>\n </DataGridCell>\n </DataGridRow>\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, Textarea } from \"@cloudoperators/juno-ui-components\"\nimport { trpcReact } from \"@/client/trpcClient\"\nimport { useProjectId } from \"@/client/hooks\"\n\nexport interface IssueEndEntityCertificateModalProps {\n open: boolean\n onClose: () => void\n pcaId: string\n}\n\nexport const IssueEndEntityCertificateModal = ({ open, onClose, pcaId }: IssueEndEntityCertificateModalProps) => {\n const { t } = useLingui()\n const projectId = useProjectId()\n const utils = trpcReact.useUtils()\n\n const { isPending, ...createCertificateMutation } = trpcReact.services.pca.createCertificate.useMutation({\n onSettled: () => utils.services.pca.listCertificates.invalidate(),\n })\n\n const formSchema = z.object({\n csr: z.string().trim().min(1),\n })\n\n const form = useForm({\n defaultValues: {\n csr: \"\",\n },\n validators: {\n onSubmit: formSchema,\n },\n onSubmit: async ({ value }) => {\n if (isPending) return\n\n await createCertificateMutation.mutateAsync({\n project_id: projectId,\n certificate_authority_id: pcaId,\n // Normalize to one format so users can paste raw multi-line CSRs with \\n along with already formatted ones\n csr: value.csr.replace(/\\\\n/g, \"\\n\"),\n configuration: { validity: { not_after: Math.floor(Date.now() / 1000) + 8 60 * 60 } },\n })\n handleClose()\n },\n })\n\n const handleClose = () => {\n if (isPending) return\n\n form.reset()\n createCertificateMutation.reset()\n onClose()\n }\n\n const currentCsr = useStore(form.store, (state) => state.values.csr)\n\n return (\n <Modal\n open={open}\n size=\"large\"\n title={t`Issue End Entity Certificate`}\n onCancel={handleClose}\n cancelButtonLabel={t`Cancel`}\n confirmButtonLabel={t`Save`}\n onConfirm={form.handleSubmit}\n disableConfirmButton={isPending \|\| !(currentCsr.trim().length > 0)}\n >\n {createCertificateMutation.error && (\n <Message dismissible={false} variant=\"error\" className=\"mb-4\">\n {createCertificateMutation.error?.message}\n </Message>\n )}\n\n {isPending && (\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>Issuing End Entity Certificate...</Trans>\n </span>\n </div>\n )}\n\n {!isPending && (\n <Form\n className=\"mb-0\"\n id=\"issue-end-entity-certificate-form\"\n onSubmit={(e) => {\n e.preventDefault()\n form.handleSubmit()\n }}\n >\n <FormSection>\n <form.Field\n name=\"csr\"\n children={(field) => (\n <Textarea\n id={field.name}\n name={field.name}\n value={field.state.value}\n onBlur={field.handleBlur}\n onChange={(e) => field.handleChange(e.target.value)}\n placeholder={t`Paste CSR code`}\n errortext={field.state.meta.errors.map((e) => e?.message).join(\", \")}\n disabled={isPending}\n />\n )}\n />\n </FormSection>\n </Form>\n )}\n </Modal>\n )\n}\n","import { Trans, useLingui } from \"@lingui/react/macro\"\nimport {\n Stack,\n Spinner,\n DataGrid,\n DataGridRow,\n DataGridCell,\n ContentHeading,\n DataGridHeadCell,\n Button,\n} from \"@cloudoperators/juno-ui-components\"\nimport { CertificateAuthority } from \"@/server/Services/types/pca\"\nimport { trpcReact } from \"@/client/trpcClient\"\nimport { useProjectId } from \"@/client/hooks\"\nimport { useModal } from \"@/client/utils/useModal\"\nimport { PcaCertificatesTableRow } from \"./-table/PcaCertificatesTableRow\"\nimport { IssueEndEntityCertificateModal } from \"./-modals/IssueEndEntityCertificateModal\"\n\ninterface PcaCertificatesListContainerProps {\n pcaId: string\n pcaState: CertificateAuthority[\"state\"]\n}\n\nexport const PcaCertificatesListContainer = ({ pcaId, pcaState }: PcaCertificatesListContainerProps) => {\n const { t } = useLingui()\n const projectId = useProjectId()\n const [createIssueEndEntityOpen, toggleIssueEndEntity] = useModal(false)\n\n const columns = () =>\n [\n t`CA ID`,\n t`ID`,\n \"\", // empty column for item-action with context menu containing \"Delete CA\" button\n ] as const\n\n const {\n data: pcaCertificates = [],\n isLoading,\n isError,\n error,\n } = trpcReact.services.pca.listCertificates.useQuery({\n project_id: projectId,\n certificate_authority_id: pcaId,\n })\n\n if (isLoading) {\n return (\n <Stack className=\"py-8\" distribution=\"center\" alignment=\"center\" direction=\"vertical\">\n <Spinner variant=\"primary\" size=\"large\" className=\"mb-2\" />\n <Trans>Loading Certificates issued by Certificate Authority...</Trans>\n </Stack>\n )\n }\n\n if (isError) {\n return (\n <Stack className=\"py-8\" distribution=\"center\" alignment=\"center\" direction=\"vertical\">\n {error?.message ?? t`Failed to load Certificates issued by Certificate Authority.`}\n </Stack>\n )\n }\n\n return (\n <div className=\"relative\">\n {pcaState === \"READY\" && (\n <>\n <Button variant=\"primary\" label={t`Issue End Entity Certificate`} onClick={toggleIssueEndEntity} />\n {createIssueEndEntityOpen && (\n <IssueEndEntityCertificateModal\n open={createIssueEndEntityOpen}\n onClose={toggleIssueEndEntity}\n pcaId={pcaId}\n />\n )}\n </>\n )}\n\n {pcaCertificates.length === 0 ? (\n <DataGrid columns={columns().length} className=\"pca-certificates\" data-testid=\"no-pcas-certificates\">\n <DataGridRow>\n <DataGridCell colSpan={columns().length}>\n <ContentHeading>\n <Trans>No Certificates issued by this Certificate Authority found</Trans>\n </ContentHeading>\n <p>\n <Trans>There are no Certificates available for this Certificate Authority.</Trans>\n </p>\n </DataGridCell>\n </DataGridRow>\n </DataGrid>\n ) : (\n <DataGrid columns={columns().length}>\n <DataGridRow>\n {columns().map((label) => (\n <DataGridHeadCell key={label}>{label}</DataGridHeadCell>\n ))}\n </DataGridRow>\n {pcaCertificates.map((certificate) => (\n <PcaCertificatesTableRow key={certificate.id} certificate={certificate} />\n ))}\n </DataGrid>\n )}\n </div>\n )\n}\n","import { Trans, useLingui } from \"@lingui/react/macro\"\nimport { Modal, Spinner, Message } from \"@cloudoperators/juno-ui-components\"\nimport { CertificateAuthority } from \"@/server/Services/types/pca\"\nimport { trpcReact } from \"@/client/trpcClient\"\nimport { useProjectId } from \"@/client/hooks\"\n\nconst VALIDITY_SECONDS = 86400 // 1 day\n\nexport interface IssueSelfSignedCertificateModalProps {\n open: boolean\n onClose: () => void\n pca: CertificateAuthority\n}\n\nexport const IssueSelfSignedCertificateModal = ({ open, onClose, pca }: IssueSelfSignedCertificateModalProps) => {\n const { t } = useLingui()\n const projectId = useProjectId()\n const utils = trpcReact.useUtils()\n\n const { isPending, ...createCertificateMutation } = trpcReact.services.pca.createCertificate.useMutation({\n onSettled: () => utils.services.pca.listCertificates.invalidate(),\n })\n\n const handleConfirm = async () => {\n if (isPending \|\| !pca.csr) return\n\n await createCertificateMutation.mutateAsync({\n project_id: projectId,\n certificate_authority_id: pca.id,\n csr: pca.csr,\n configuration: {\n validity: {\n not_after: Math.floor(Date.now() / 1000) + VALIDITY_SECONDS,\n },\n },\n })\n onClose()\n }\n\n const handleClose = () => {\n if (isPending) return\n\n createCertificateMutation.reset()\n onClose()\n }\n\n return (\n <Modal\n open={open}\n title={t`Issue Self Signed Certificate`}\n onCancel={handleClose}\n cancelButtonLabel={t`Cancel`}\n confirmButtonLabel={t`Issue Certificate`}\n onConfirm={handleConfirm}\n disableConfirmButton={isPending \|\| !pca.csr}\n >\n {createCertificateMutation.error && (\n <Message dismissible={false} variant=\"error\" className=\"mb-4\">\n {createCertificateMutation.error?.message}\n </Message>\n )}\n\n {isPending ? (\n <div className=\"flex items-center justify-center gap-2\">\n <Spinner variant=\"primary\" />\n <span className=\"text-theme-high text-sm\">\n <Trans>Issuing Self-Signed Certificate...</Trans>\n </span>\n </div>\n ) : (\n <Trans>This action will create a self-signed CA certificate.</Trans>\n )}\n </Modal>\n )\n}\n","import { useRef } from \"react\"\nimport { z } from \"zod\"\nimport { useForm, useStore } from \"@tanstack/react-form\"\nimport { Trans, useLingui } from \"@lingui/react/macro\"\nimport { Modal, Form, FormSection, Spinner, Message, Textarea, Button } from \"@cloudoperators/juno-ui-components\"\nimport { trpcReact } from \"@/client/trpcClient\"\nimport { useProjectId } from \"@/client/hooks\"\n\nexport interface ImportExternallySignedCertificateModalProps {\n open: boolean\n onClose: () => void\n pcaId: string\n}\n\nexport const ImportExternallySignedCertificateModal = ({\n open,\n onClose,\n pcaId,\n}: ImportExternallySignedCertificateModalProps) => {\n const { t } = useLingui()\n const projectId = useProjectId()\n const utils = trpcReact.useUtils()\n\n const { isPending, ...importMutation } = trpcReact.services.pca.import.useMutation({\n onSettled: () => utils.services.pca.getById.invalidate(),\n })\n\n const formSchema = z.object({\n imported_certificate_chain: z.string().trim().min(1),\n })\n\n const form = useForm({\n defaultValues: {\n imported_certificate_chain: \"\",\n },\n validators: {\n onSubmit: formSchema,\n },\n onSubmit: async () => {\n if (isPending) return\n\n await importMutation.mutateAsync({\n project_id: projectId,\n certificate_authority_id: pcaId,\n imported_certificate_chain: form.state.values.imported_certificate_chain,\n })\n handleClose()\n },\n })\n\n const handleClose = () => {\n if (isPending) return\n\n form.reset()\n importMutation.reset()\n onClose()\n }\n\n const fileInputRef = useRef<HTMLInputElement>(null)\n\n const currentChain = useStore(form.store, (state) => state.values.imported_certificate_chain)\n\n const handleFileChange = (e: React.ChangeEvent<HTMLInputElement>) => {\n const file = e.target.files?.[0]\n if (!file) return\n\n const reader = new FileReader()\n reader.onload = (event) => {\n try {\n const text = event.target?.result as string\n let chainValue = text\n\n if (file.name.endsWith(\".json\")) {\n try {\n const parsed = JSON.parse(text)\n // Validate that imported_certificate_chain is a string, fallback to raw text\n chainValue =\n typeof parsed.imported_certificate_chain === \"string\" ? parsed.imported_certificate_chain : text\n } catch {\n // If JSON parsing fails, use raw text\n chainValue = text\n }\n }\n\n form.setFieldValue(\"imported_certificate_chain\", chainValue)\n } catch (error) {\n console.error(\"Failed to read certificate file:\", error)\n }\n }\n reader.readAsText(file)\n }\n\n return (\n <Modal\n open={open}\n size=\"large\"\n title={t`Import Externally Signed Certificate`}\n onCancel={handleClose}\n cancelButtonLabel={t`Cancel`}\n confirmButtonLabel={t`Save`}\n onConfirm={form.handleSubmit}\n disableConfirmButton={isPending \|\| !currentChain.trim()}\n >\n {importMutation.error && (\n <Message dismissible={false} variant=\"error\" className=\"mb-4\">\n {importMutation.error?.message}\n </Message>\n )}\n\n {isPending && (\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>Importing Certificate...</Trans>\n </span>\n </div>\n )}\n\n {!isPending && (\n <Form\n className=\"mb-0\"\n id=\"import-externally-signed-certificate-form\"\n onSubmit={(e) => {\n e.preventDefault()\n form.handleSubmit()\n }}\n >\n <FormSection>\n <div className=\"mb-2\">\n <Button onClick={() => fileInputRef.current?.click()}>{t`Choose Certificate to Import`}</Button>\n <input\n ref={fileInputRef}\n type=\"file\"\n accept=\".pem,.crt,.cer,.json\"\n className=\"sr-only\"\n onChange={handleFileChange}\n />\n </div>\n <form.Field\n name=\"imported_certificate_chain\"\n children={(field) => (\n <Textarea\n id={field.name}\n name={field.name}\n value={field.state.value}\n onBlur={field.handleBlur}\n onChange={(e) => field.handleChange(e.target.value)}\n placeholder={t`Paste the code`}\n errortext={field.state.meta.errors.map((e) => e?.message).join(\", \")}\n disabled={isPending}\n />\n )}\n />\n </FormSection>\n </Form>\n )}\n </Modal>\n )\n}\n","import { Fragment } from \"react\"\nimport { MdDownload, MdContentCopy } from \"react-icons/md\"\nimport { useNavigate } from \"@tanstack/react-router\"\nimport { Trans, useLingui } from \"@lingui/react/macro\"\nimport {\n Button,\n DescriptionDefinition,\n DescriptionList,\n DescriptionTerm,\n Divider,\n Stack,\n} from \"@cloudoperators/juno-ui-components/index\"\nimport { CertificateAuthority } from \"@/server/Services/types/pca\"\nimport { useProjectId } from \"@/client/hooks\"\nimport { useModal } from \"@/client/utils/useModal\"\nimport { DeletePcaModal } from \"../../-components/-modals/DeletePcaModal\"\nimport { STATE_CONFIG } from \"../../-components/-table/constants\"\nimport { PcaCertificatesListContainer } from \"./PcaCertificatesListContainer\"\nimport { IssueSelfSignedCertificateModal } from \"./-modals/IssueSelfSignedCertificateModal\"\nimport { ImportExternallySignedCertificateModal } from \"./-modals/ImportExternallySignedCertificateModal\"\n\ninterface PcaDetailsViewProps {\n pca: CertificateAuthority\n}\n\nexport const PcaDetailsView = ({ pca }: PcaDetailsViewProps) => {\n const { t } = useLingui()\n const navigate = useNavigate()\n const projectId = useProjectId()\n const [issueSelfSignedModalOpen, toggleIssueSelfSignedModal] = useModal(false)\n const [importExternallySignedModalOpen, toggleImportExternallySignedModal] = useModal(false)\n const [deletePcaModalOpen, toggleDeletePcaModal] = useModal(false)\n\n const navigateToPcaList = () =>\n navigate({\n to: \"/projects/$projectId/services/pca\",\n params: { projectId },\n })\n\n const basicInfo = [\n { label: t`CA ID`, value: pca.id },\n { label: t`Project ID`, value: pca.project_id },\n { label: t`Subject`, value: pca.configuration?.subject?.common_name },\n {\n label: t`Duration/validity`,\n value:\n pca.certificate?.validity.not_before !== undefined && pca.certificate?.validity.not_after !== undefined\n ? `${Math.round(\n (pca.certificate.validity.not_after - pca.certificate.validity.not_before) / (60 * 60 * 24)\n )} days`\n : undefined,\n },\n ] as const\n\n return (\n <>\n <Stack direction=\"vertical\" gap=\"3\">\n <Stack direction=\"horizontal\" distribution=\"between\">\n <Stack gap=\"2\" alignment=\"center\">\n <div className=\"text-theme-default text-2xl font-semibold\">\n {`${pca.configuration?.subject?.common_name} Certificate Authority Details`}\n </div>\n {/* temporary bg, I will resolve this as soon as I will have sync with designers /}\n <div className=\"bg-aurora-blue-200 flex items-center gap-1 rounded-sm px-1 py-0.5\">\n {STATE_CONFIG[pca.state].icon} {STATE_CONFIG[pca.state].text}\n </div>\n </Stack>\n <Button onClick={toggleDeletePcaModal}>\n <Trans>Delete Certificate Authority</Trans>\n </Button>\n </Stack>\n\n <p className=\"text-theme-highest text-sm\">\n <Trans>Manage your Private Certificate Authority infrastructure</Trans>\n </p>\n\n {pca.state === \"AWAITING_CERTIFICATE\" && (\n <Stack direction=\"vertical\" gap=\"1\" className=\"bg-dt-background mb-1 rounded-sm p-2\">\n <Stack direction=\"vertical\" gap=\"1\">\n <div className=\"text-base font-bold\">\n <Trans>Lifecycle action</Trans>\n </div>\n <div>\n <Trans>Add a Signed Certificate to your CA to activate it</Trans>\n </div>\n </Stack>\n <Stack direction=\"horizontal\" gap=\"2\" distribution=\"end\">\n <Button onClick={toggleIssueSelfSignedModal}>\n <Trans>Issue Self-Signed Certificate</Trans>\n </Button>\n <Button onClick={toggleImportExternallySignedModal}>\n <Trans>Import Signed Certificate</Trans>\n </Button>\n </Stack>\n </Stack>\n )}\n\n <Stack gap=\"4\" className=\"grid grid-cols-2 items-start\">\n <DescriptionList alignTerms=\"right\" className=\"w-full\">\n {basicInfo.map(({ label, value }) => (\n <Fragment key={label}>\n <DescriptionTerm>{label}</DescriptionTerm>\n <DescriptionDefinition>{value \|\| \"—\"}</DescriptionDefinition>\n </Fragment>\n ))}\n </DescriptionList>\n\n <div className=\"bg-dt-background w-full rounded-sm\">\n <div className=\"text-theme-default p-4 text-xl font-bold\">\n Certificate {`${pca.configuration?.subject?.common_name}`}\n </div>\n <Divider />\n\n <div className=\"p-4 text-sm break-all whitespace-pre-wrap\">{pca?.csr}</div>\n\n {/ I will implement downloading-copying functionality at issue/import part of the epic as I need to clarify some stuff with design-clavis team */}\n <Divider />\n <Stack gap=\"2\" distribution=\"end\" className=\"p-4\">\n <Button>\n <MdDownload />\n </Button>\n <Button>\n <MdContentCopy />\n </Button>\n </Stack>\n </div>\n </Stack>\n </Stack>\n\n {importExternallySignedModalOpen && (\n <ImportExternallySignedCertificateModal\n pcaId={pca.id}\n open={importExternallySignedModalOpen}\n onClose={toggleImportExternallySignedModal}\n />\n )}\n\n {issueSelfSignedModalOpen && (\n <IssueSelfSignedCertificateModal\n pca={pca}\n open={issueSelfSignedModalOpen}\n onClose={toggleIssueSelfSignedModal}\n />\n )}\n\n {deletePcaModalOpen && (\n <DeletePcaModal\n pca={pca}\n open={deletePcaModalOpen}\n onClose={toggleDeletePcaModal}\n onSuccess={navigateToPcaList}\n />\n )}\n\n <PcaCertificatesListContainer pcaId={pca.id} pcaState={pca.state} />\n </>\n )\n}\n","import { createFileRoute, redirect, useNavigate } from \"@tanstack/react-router\"\nimport { Trans } from \"@lingui/react/macro\"\nimport { Button, Spinner, Stack } from \"@cloudoperators/juno-ui-components/index\"\nimport { getServiceIndex } from \"@/server/Authentication/helpers\"\nimport type { RouteInfo } from \"@/client/routes/routeInfo\"\nimport { trpcReact } from \"@/client/trpcClient\"\nimport { useProjectId } from \"@/client/hooks/useProjectId\"\nimport { PcaDetailsView } from \"./-components/PcaDetailsView\"\n\nexport const Route = createFileRoute(\"/_auth/projects/$projectId/services/pca/$pcaId/\")({\n staticData: {\n section: \"services\",\n service: \"pca\",\n isDetail: true,\n sectionCrumb: { labelKey: \"Services\" },\n crumb: { labelKey: \"PCA (Clavis)\", to: \"/projects/$projectId/services/pca\" },\n } satisfies RouteInfo,\n loader: async ({ context, params }) => {\n const pca = await context.trpcClient?.services.pca.getById.query({\n project_id: params.projectId,\n certificate_authority_id: params.pcaId,\n })\n return { pcaTitle: pca?.configuration?.subject?.common_name \|\| pca?.id \|\| null }\n },\n head: ({ loaderData }) => ({\n meta: [{ title: loaderData?.pcaTitle ?? \"Certificate Authority\" }],\n }),\n component: RouteComponent,\n beforeLoad: async ({ context, params }) => {\n const { trpcClient } = context\n const availableServices = (await trpcClient?.auth.getAvailableServices.query()) \|\| []\n const serviceIndex = getServiceIndex(availableServices)\n // temporary as clavis is not fully GA, after GA replace with [\"pca\"]?.[\"clavis\"]\n const pcaServices = serviceIndex[\"pca\"]?.[\"clavis-beta\"] \|\| serviceIndex[\"pca\"]?.[\"clavis-dev\"]\n\n // Redirect if clavis service not available\n if (!pcaServices) {\n throw redirect({\n to: \"/projects/$projectId/services/pca\",\n params: { projectId: params.projectId },\n })\n }\n },\n})\n\nfunction RouteComponent() {\n const navigate = useNavigate()\n const projectId = useProjectId()\n const { pcaId } = Route.useParams()\n\n const {\n isLoading,\n isError,\n error,\n data: pca,\n } = trpcReact.services.pca.getById.useQuery({\n project_id: projectId,\n certificate_authority_id: pcaId,\n })\n\n // Loading state\n if (isLoading) {\n return (\n <Stack className=\"fixed inset-0\" distribution=\"center\" alignment=\"center\" direction=\"vertical\">\n <Spinner variant=\"primary\" size=\"large\" className=\"mb-2\" />\n <Trans>Loading Certificate Authority Details...</Trans>\n </Stack>\n )\n }\n\n const handleBack = () =>\n navigate({\n to: \"/projects/$projectId/services/pca\",\n params: { projectId },\n })\n\n // Error state\n if (isError) {\n const errorMessage = error?.message \|\| \"Unknown error\"\n return (\n <Stack className=\"fixed inset-0\" distribution=\"center\" alignment=\"center\" direction=\"vertical\" gap=\"5\">\n <p className=\"text-theme-error font-semibold\">\n <Trans>Error loading Certificate Authority</Trans>\n </p>\n <p className=\"text-theme-highest\">{errorMessage}</p>\n <Button onClick={handleBack} variant=\"primary\">\n <Trans>Back to Certificate Authorities</Trans>\n </Button>\n </Stack>\n )\n }\n\n // No data state\n if (!pca) {\n return (\n <Stack className=\"fixed inset-0\" distribution=\"center\" alignment=\"center\" direction=\"vertical\" gap=\"5\">\n <p className=\"text-theme-secondary\">\n <Trans>Certificate Authority not found</Trans>\n </p>\n <Button onClick={handleBack} variant=\"primary\">\n <Trans>Back to Certificate Authorities</Trans>\n </Button>\n </Stack>\n )\n }\n\n return <PcaDetailsView pca={pca} />\n}\n"],"mappings":"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"}
1	+ {"version":3,"file":"_pcaId-B-f_6kqs.mjs","names":["useNavigate","DataGridCell","DataGridRow","PopupMenu","PopupMenuItem","PopupMenuOptions","PcaCertificatesTableRow","certificate","useLingui","navigate","navigateToCertificateDetailsPage","from","to","params","prev","certificateId","id","data-testid","onClick","certificate_authority_id","e","stopPropagation","className","label","t","disabled","z","useForm","useStore","Modal","Form","FormSection","Spinner","Message","Textarea","trpcReact","useProjectId","IssueEndEntityCertificateModal","open","onClose","pcaId","useLingui","projectId","utils","useUtils","isPending","createCertificateMutation","services","pca","createCertificate","useMutation","onSettled","listCertificates","invalidate","formSchema","object","csr","string","trim","min","form","defaultValues","validators","onSubmit","value","mutateAsync","project_id","certificate_authority_id","replace","configuration","validity","not_after","Math","floor","Date","now","handleClose","reset","currentCsr","store","state","values","size","title","t","onCancel","cancelButtonLabel","confirmButtonLabel","onConfirm","handleSubmit","disableConfirmButton","length","error","dismissible","variant","className","message","div","span","id","e","preventDefault","Field","name","children","field","onBlur","handleBlur","onChange","handleChange","target","placeholder","errortext","meta","errors","map","join","disabled","Stack","Spinner","DataGrid","DataGridRow","DataGridCell","ContentHeading","DataGridHeadCell","Button","trpcReact","useProjectId","useModal","PcaCertificatesTableRow","IssueEndEntityCertificateModal","PcaCertificatesListContainer","pcaId","pcaState","useLingui","projectId","createIssueEndEntityOpen","toggleIssueEndEntity","columns","t","data","pcaCertificates","isLoading","isError","error","services","pca","listCertificates","useQuery","project_id","certificate_authority_id","className","distribution","alignment","direction","variant","size","message","div","label","onClick","open","onClose","length","data-testid","colSpan","p","map","certificate","id","Modal","Spinner","Message","trpcReact","useProjectId","VALIDITY_SECONDS","IssueSelfSignedCertificateModal","open","onClose","pca","useLingui","projectId","utils","useUtils","isPending","createCertificateMutation","services","createCertificate","useMutation","onSettled","listCertificates","invalidate","handleConfirm","csr","mutateAsync","project_id","certificate_authority_id","id","configuration","validity","not_after","Math","floor","Date","now","handleClose","reset","title","t","onCancel","cancelButtonLabel","confirmButtonLabel","onConfirm","disableConfirmButton","error","dismissible","variant","className","message","div","span","useRef","z","useForm","useStore","Modal","Form","FormSection","Spinner","Message","Textarea","Button","trpcReact","useProjectId","ImportExternallySignedCertificateModal","open","onClose","pcaId","useLingui","projectId","utils","useUtils","isPending","importMutation","services","pca","import","useMutation","onSettled","getById","invalidate","formSchema","object","imported_certificate_chain","string","trim","min","form","defaultValues","validators","onSubmit","mutateAsync","project_id","certificate_authority_id","state","values","handleClose","reset","fileInputRef","currentChain","store","handleFileChange","e","file","target","files","reader","FileReader","onload","event","text","result","chainValue","name","endsWith","parsed","JSON","parse","setFieldValue","error","console","readAsText","size","title","t","onCancel","cancelButtonLabel","confirmButtonLabel","onConfirm","handleSubmit","disableConfirmButton","dismissible","variant","className","message","div","span","id","preventDefault","onClick","current","click","input","ref","type","accept","onChange","Field","children","field","value","onBlur","handleBlur","handleChange","placeholder","errortext","meta","errors","map","join","disabled","Fragment","MdDownload","MdContentCopy","useNavigate","Button","DescriptionDefinition","DescriptionList","DescriptionTerm","Divider","Stack","useProjectId","useModal","DeletePcaModal","STATE_CONFIG","PcaCertificatesListContainer","IssueSelfSignedCertificateModal","ImportExternallySignedCertificateModal","PcaDetailsView","pca","useLingui","navigate","projectId","issueSelfSignedModalOpen","toggleIssueSelfSignedModal","importExternallySignedModalOpen","toggleImportExternallySignedModal","deletePcaModalOpen","toggleDeletePcaModal","navigateToPcaList","to","params","basicInfo","label","t","value","id","project_id","configuration","subject","common_name","certificate","validity","not_before","undefined","not_after","Math","round","direction","gap","distribution","alignment","div","className","state","icon","text","onClick","p","alignTerms","map","csr","pcaId","open","onClose","onSuccess","pcaState","useNavigate","Trans","Button","Spinner","Stack","trpcReact","useProjectId","PcaDetailsView","Route","RouteComponent","navigate","projectId","pcaId","useParams","isLoading","isError","error","data","pca","services","getById","useQuery","project_id","certificate_authority_id","handleBack","to","params","errorMessage","message","component"],"sources":["../../src/client/routes/_auth/projects/$projectId/services/pca/$pcaId/-components/-table/PcaCertificatesTableRow.tsx","../../src/client/routes/_auth/projects/$projectId/services/pca/$pcaId/-components/-modals/IssueEndEntityCertificateModal.tsx","../../src/client/routes/_auth/projects/$projectId/services/pca/$pcaId/-components/PcaCertificatesListContainer.tsx","../../src/client/routes/_auth/projects/$projectId/services/pca/$pcaId/-components/-modals/IssueSelfSignedCertificateModal.tsx","../../src/client/routes/_auth/projects/$projectId/services/pca/$pcaId/-components/-modals/ImportExternallySignedCertificateModal.tsx","../../src/client/routes/_auth/projects/$projectId/services/pca/$pcaId/-components/PcaDetailsView.tsx","../../src/client/routes/_auth/projects/$projectId/services/pca/$pcaId/index.tsx?tsr-split=component"],"sourcesContent":["import { useNavigate } from \"@tanstack/react-router\"\nimport { useLingui } from \"@lingui/react/macro\"\nimport {\n DataGridCell,\n DataGridRow,\n PopupMenu,\n PopupMenuItem,\n PopupMenuOptions,\n} from \"@cloudoperators/juno-ui-components\"\nimport { Certificate } from \"@/server/Services/types/pca\"\n\ninterface PcaCertificatesTableRowProps {\n certificate: Certificate\n}\n\nexport const PcaCertificatesTableRow = ({ certificate }: PcaCertificatesTableRowProps) => {\n const { t } = useLingui()\n const navigate = useNavigate()\n\n const navigateToCertificateDetailsPage = () =>\n navigate({\n from: \"/projects/$projectId/services/pca/$pcaId/\",\n to: \"$certificateId\",\n params: (prev) => ({ ...prev, certificateId: certificate.id }),\n })\n\n return (\n <DataGridRow\n key={certificate.id}\n data-testid={`pca-certificate-row-${certificate.id}`}\n onClick={navigateToCertificateDetailsPage}\n >\n <DataGridCell>{certificate.certificate_authority_id}</DataGridCell>\n <DataGridCell>{certificate.id}</DataGridCell>\n <DataGridCell onClick={(e) => e.stopPropagation()} className=\"items-end pr-0\">\n <PopupMenu>\n <PopupMenuOptions>\n {/* I will enable this button on create-certificate task of the EPIC /}\n <PopupMenuItem label={t`Create Certificate`} disabled />\n </PopupMenuOptions>\n </PopupMenu>\n </DataGridCell>\n </DataGridRow>\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, Textarea } from \"@cloudoperators/juno-ui-components\"\nimport { trpcReact } from \"@/client/trpcClient\"\nimport { useProjectId } from \"@/client/hooks\"\n\nexport interface IssueEndEntityCertificateModalProps {\n open: boolean\n onClose: () => void\n pcaId: string\n}\n\nexport const IssueEndEntityCertificateModal = ({ open, onClose, pcaId }: IssueEndEntityCertificateModalProps) => {\n const { t } = useLingui()\n const projectId = useProjectId()\n const utils = trpcReact.useUtils()\n\n const { isPending, ...createCertificateMutation } = trpcReact.services.pca.createCertificate.useMutation({\n onSettled: () => utils.services.pca.listCertificates.invalidate(),\n })\n\n const formSchema = z.object({\n csr: z.string().trim().min(1),\n })\n\n const form = useForm({\n defaultValues: {\n csr: \"\",\n },\n validators: {\n onSubmit: formSchema,\n },\n onSubmit: async ({ value }) => {\n if (isPending) return\n\n await createCertificateMutation.mutateAsync({\n project_id: projectId,\n certificate_authority_id: pcaId,\n // Normalize to one format so users can paste raw multi-line CSRs with \\n along with already formatted ones\n csr: value.csr.replace(/\\\\n/g, \"\\n\"),\n configuration: { validity: { not_after: Math.floor(Date.now() / 1000) + 8 60 * 60 } },\n })\n handleClose()\n },\n })\n\n const handleClose = () => {\n if (isPending) return\n\n form.reset()\n createCertificateMutation.reset()\n onClose()\n }\n\n const currentCsr = useStore(form.store, (state) => state.values.csr)\n\n return (\n <Modal\n open={open}\n size=\"large\"\n title={t`Issue End Entity Certificate`}\n onCancel={handleClose}\n cancelButtonLabel={t`Cancel`}\n confirmButtonLabel={t`Save`}\n onConfirm={form.handleSubmit}\n disableConfirmButton={isPending \|\| !(currentCsr.trim().length > 0)}\n >\n {createCertificateMutation.error && (\n <Message dismissible={false} variant=\"error\" className=\"mb-4\">\n {createCertificateMutation.error?.message}\n </Message>\n )}\n\n {isPending && (\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>Issuing End Entity Certificate...</Trans>\n </span>\n </div>\n )}\n\n {!isPending && (\n <Form\n className=\"mb-0\"\n id=\"issue-end-entity-certificate-form\"\n onSubmit={(e) => {\n e.preventDefault()\n form.handleSubmit()\n }}\n >\n <FormSection>\n <form.Field\n name=\"csr\"\n children={(field) => (\n <Textarea\n id={field.name}\n name={field.name}\n value={field.state.value}\n onBlur={field.handleBlur}\n onChange={(e) => field.handleChange(e.target.value)}\n placeholder={t`Paste CSR code`}\n errortext={field.state.meta.errors.map((e) => e?.message).join(\", \")}\n disabled={isPending}\n />\n )}\n />\n </FormSection>\n </Form>\n )}\n </Modal>\n )\n}\n","import { Trans, useLingui } from \"@lingui/react/macro\"\nimport {\n Stack,\n Spinner,\n DataGrid,\n DataGridRow,\n DataGridCell,\n ContentHeading,\n DataGridHeadCell,\n Button,\n} from \"@cloudoperators/juno-ui-components\"\nimport { CertificateAuthority } from \"@/server/Services/types/pca\"\nimport { trpcReact } from \"@/client/trpcClient\"\nimport { useProjectId } from \"@/client/hooks\"\nimport { useModal } from \"@/client/utils/useModal\"\nimport { PcaCertificatesTableRow } from \"./-table/PcaCertificatesTableRow\"\nimport { IssueEndEntityCertificateModal } from \"./-modals/IssueEndEntityCertificateModal\"\n\ninterface PcaCertificatesListContainerProps {\n pcaId: string\n pcaState: CertificateAuthority[\"state\"]\n}\n\nexport const PcaCertificatesListContainer = ({ pcaId, pcaState }: PcaCertificatesListContainerProps) => {\n const { t } = useLingui()\n const projectId = useProjectId()\n const [createIssueEndEntityOpen, toggleIssueEndEntity] = useModal(false)\n\n const columns = () =>\n [\n t`CA ID`,\n t`ID`,\n \"\", // empty column for item-action with context menu containing \"Delete CA\" button\n ] as const\n\n const {\n data: pcaCertificates = [],\n isLoading,\n isError,\n error,\n } = trpcReact.services.pca.listCertificates.useQuery({\n project_id: projectId,\n certificate_authority_id: pcaId,\n })\n\n if (isLoading) {\n return (\n <Stack className=\"py-8\" distribution=\"center\" alignment=\"center\" direction=\"vertical\">\n <Spinner variant=\"primary\" size=\"large\" className=\"mb-2\" />\n <Trans>Loading Certificates issued by Certificate Authority...</Trans>\n </Stack>\n )\n }\n\n if (isError) {\n return (\n <Stack className=\"py-8\" distribution=\"center\" alignment=\"center\" direction=\"vertical\">\n {error?.message ?? t`Failed to load Certificates issued by Certificate Authority.`}\n </Stack>\n )\n }\n\n return (\n <div className=\"relative\">\n {pcaState === \"READY\" && (\n <>\n <Button variant=\"primary\" label={t`Issue End Entity Certificate`} onClick={toggleIssueEndEntity} />\n {createIssueEndEntityOpen && (\n <IssueEndEntityCertificateModal\n open={createIssueEndEntityOpen}\n onClose={toggleIssueEndEntity}\n pcaId={pcaId}\n />\n )}\n </>\n )}\n\n {pcaCertificates.length === 0 ? (\n <DataGrid columns={columns().length} className=\"pca-certificates\" data-testid=\"no-pcas-certificates\">\n <DataGridRow>\n <DataGridCell colSpan={columns().length}>\n <ContentHeading>\n <Trans>No Certificates issued by this Certificate Authority found</Trans>\n </ContentHeading>\n <p>\n <Trans>There are no Certificates available for this Certificate Authority.</Trans>\n </p>\n </DataGridCell>\n </DataGridRow>\n </DataGrid>\n ) : (\n <DataGrid columns={columns().length}>\n <DataGridRow>\n {columns().map((label) => (\n <DataGridHeadCell key={label}>{label}</DataGridHeadCell>\n ))}\n </DataGridRow>\n {pcaCertificates.map((certificate) => (\n <PcaCertificatesTableRow key={certificate.id} certificate={certificate} />\n ))}\n </DataGrid>\n )}\n </div>\n )\n}\n","import { Trans, useLingui } from \"@lingui/react/macro\"\nimport { Modal, Spinner, Message } from \"@cloudoperators/juno-ui-components\"\nimport { CertificateAuthority } from \"@/server/Services/types/pca\"\nimport { trpcReact } from \"@/client/trpcClient\"\nimport { useProjectId } from \"@/client/hooks\"\n\nconst VALIDITY_SECONDS = 86400 // 1 day\n\nexport interface IssueSelfSignedCertificateModalProps {\n open: boolean\n onClose: () => void\n pca: CertificateAuthority\n}\n\nexport const IssueSelfSignedCertificateModal = ({ open, onClose, pca }: IssueSelfSignedCertificateModalProps) => {\n const { t } = useLingui()\n const projectId = useProjectId()\n const utils = trpcReact.useUtils()\n\n const { isPending, ...createCertificateMutation } = trpcReact.services.pca.createCertificate.useMutation({\n onSettled: () => utils.services.pca.listCertificates.invalidate(),\n })\n\n const handleConfirm = async () => {\n if (isPending \|\| !pca.csr) return\n\n await createCertificateMutation.mutateAsync({\n project_id: projectId,\n certificate_authority_id: pca.id,\n csr: pca.csr,\n configuration: {\n validity: {\n not_after: Math.floor(Date.now() / 1000) + VALIDITY_SECONDS,\n },\n },\n })\n onClose()\n }\n\n const handleClose = () => {\n if (isPending) return\n\n createCertificateMutation.reset()\n onClose()\n }\n\n return (\n <Modal\n open={open}\n title={t`Issue Self Signed Certificate`}\n onCancel={handleClose}\n cancelButtonLabel={t`Cancel`}\n confirmButtonLabel={t`Issue Certificate`}\n onConfirm={handleConfirm}\n disableConfirmButton={isPending \|\| !pca.csr}\n >\n {createCertificateMutation.error && (\n <Message dismissible={false} variant=\"error\" className=\"mb-4\">\n {createCertificateMutation.error?.message}\n </Message>\n )}\n\n {isPending ? (\n <div className=\"flex items-center justify-center gap-2\">\n <Spinner variant=\"primary\" />\n <span className=\"text-theme-high text-sm\">\n <Trans>Issuing Self-Signed Certificate...</Trans>\n </span>\n </div>\n ) : (\n <Trans>This action will create a self-signed CA certificate.</Trans>\n )}\n </Modal>\n )\n}\n","import { useRef } from \"react\"\nimport { z } from \"zod\"\nimport { useForm, useStore } from \"@tanstack/react-form\"\nimport { Trans, useLingui } from \"@lingui/react/macro\"\nimport { Modal, Form, FormSection, Spinner, Message, Textarea, Button } from \"@cloudoperators/juno-ui-components\"\nimport { trpcReact } from \"@/client/trpcClient\"\nimport { useProjectId } from \"@/client/hooks\"\n\nexport interface ImportExternallySignedCertificateModalProps {\n open: boolean\n onClose: () => void\n pcaId: string\n}\n\nexport const ImportExternallySignedCertificateModal = ({\n open,\n onClose,\n pcaId,\n}: ImportExternallySignedCertificateModalProps) => {\n const { t } = useLingui()\n const projectId = useProjectId()\n const utils = trpcReact.useUtils()\n\n const { isPending, ...importMutation } = trpcReact.services.pca.import.useMutation({\n onSettled: () => utils.services.pca.getById.invalidate(),\n })\n\n const formSchema = z.object({\n imported_certificate_chain: z.string().trim().min(1),\n })\n\n const form = useForm({\n defaultValues: {\n imported_certificate_chain: \"\",\n },\n validators: {\n onSubmit: formSchema,\n },\n onSubmit: async () => {\n if (isPending) return\n\n await importMutation.mutateAsync({\n project_id: projectId,\n certificate_authority_id: pcaId,\n imported_certificate_chain: form.state.values.imported_certificate_chain,\n })\n handleClose()\n },\n })\n\n const handleClose = () => {\n if (isPending) return\n\n form.reset()\n importMutation.reset()\n onClose()\n }\n\n const fileInputRef = useRef<HTMLInputElement>(null)\n\n const currentChain = useStore(form.store, (state) => state.values.imported_certificate_chain)\n\n const handleFileChange = (e: React.ChangeEvent<HTMLInputElement>) => {\n const file = e.target.files?.[0]\n if (!file) return\n\n const reader = new FileReader()\n reader.onload = (event) => {\n try {\n const text = event.target?.result as string\n let chainValue = text\n\n if (file.name.endsWith(\".json\")) {\n try {\n const parsed = JSON.parse(text)\n // Validate that imported_certificate_chain is a string, fallback to raw text\n chainValue =\n typeof parsed.imported_certificate_chain === \"string\" ? parsed.imported_certificate_chain : text\n } catch {\n // If JSON parsing fails, use raw text\n chainValue = text\n }\n }\n\n form.setFieldValue(\"imported_certificate_chain\", chainValue)\n } catch (error) {\n console.error(\"Failed to read certificate file:\", error)\n }\n }\n reader.readAsText(file)\n }\n\n return (\n <Modal\n open={open}\n size=\"large\"\n title={t`Import Externally Signed Certificate`}\n onCancel={handleClose}\n cancelButtonLabel={t`Cancel`}\n confirmButtonLabel={t`Save`}\n onConfirm={form.handleSubmit}\n disableConfirmButton={isPending \|\| !currentChain.trim()}\n >\n {importMutation.error && (\n <Message dismissible={false} variant=\"error\" className=\"mb-4\">\n {importMutation.error?.message}\n </Message>\n )}\n\n {isPending && (\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>Importing Certificate...</Trans>\n </span>\n </div>\n )}\n\n {!isPending && (\n <Form\n className=\"mb-0\"\n id=\"import-externally-signed-certificate-form\"\n onSubmit={(e) => {\n e.preventDefault()\n form.handleSubmit()\n }}\n >\n <FormSection>\n <div className=\"mb-2\">\n <Button onClick={() => fileInputRef.current?.click()}>{t`Choose Certificate to Import`}</Button>\n <input\n ref={fileInputRef}\n type=\"file\"\n accept=\".pem,.crt,.cer,.json\"\n className=\"sr-only\"\n onChange={handleFileChange}\n />\n </div>\n <form.Field\n name=\"imported_certificate_chain\"\n children={(field) => (\n <Textarea\n id={field.name}\n name={field.name}\n value={field.state.value}\n onBlur={field.handleBlur}\n onChange={(e) => field.handleChange(e.target.value)}\n placeholder={t`Paste the code`}\n errortext={field.state.meta.errors.map((e) => e?.message).join(\", \")}\n disabled={isPending}\n />\n )}\n />\n </FormSection>\n </Form>\n )}\n </Modal>\n )\n}\n","import { Fragment } from \"react\"\nimport { MdDownload, MdContentCopy } from \"react-icons/md\"\nimport { useNavigate } from \"@tanstack/react-router\"\nimport { Trans, useLingui } from \"@lingui/react/macro\"\nimport {\n Button,\n DescriptionDefinition,\n DescriptionList,\n DescriptionTerm,\n Divider,\n Stack,\n} from \"@cloudoperators/juno-ui-components/index\"\nimport { CertificateAuthority } from \"@/server/Services/types/pca\"\nimport { useProjectId } from \"@/client/hooks\"\nimport { useModal } from \"@/client/utils/useModal\"\nimport { DeletePcaModal } from \"../../-components/-modals/DeletePcaModal\"\nimport { STATE_CONFIG } from \"../../-components/-table/constants\"\nimport { PcaCertificatesListContainer } from \"./PcaCertificatesListContainer\"\nimport { IssueSelfSignedCertificateModal } from \"./-modals/IssueSelfSignedCertificateModal\"\nimport { ImportExternallySignedCertificateModal } from \"./-modals/ImportExternallySignedCertificateModal\"\n\ninterface PcaDetailsViewProps {\n pca: CertificateAuthority\n}\n\nexport const PcaDetailsView = ({ pca }: PcaDetailsViewProps) => {\n const { t } = useLingui()\n const navigate = useNavigate()\n const projectId = useProjectId()\n const [issueSelfSignedModalOpen, toggleIssueSelfSignedModal] = useModal(false)\n const [importExternallySignedModalOpen, toggleImportExternallySignedModal] = useModal(false)\n const [deletePcaModalOpen, toggleDeletePcaModal] = useModal(false)\n\n const navigateToPcaList = () =>\n navigate({\n to: \"/projects/$projectId/services/pca\",\n params: { projectId },\n })\n\n const basicInfo = [\n { label: t`CA ID`, value: pca.id },\n { label: t`Project ID`, value: pca.project_id },\n { label: t`Subject`, value: pca.configuration?.subject?.common_name },\n {\n label: t`Duration/validity`,\n value:\n pca.certificate?.validity.not_before !== undefined && pca.certificate?.validity.not_after !== undefined\n ? `${Math.round(\n (pca.certificate.validity.not_after - pca.certificate.validity.not_before) / (60 * 60 * 24)\n )} days`\n : undefined,\n },\n ] as const\n\n return (\n <>\n <Stack direction=\"vertical\" gap=\"3\">\n <Stack direction=\"horizontal\" distribution=\"between\">\n <Stack gap=\"2\" alignment=\"center\">\n <div className=\"text-theme-default text-2xl font-semibold\">\n {`${pca.configuration?.subject?.common_name} Certificate Authority Details`}\n </div>\n {/* temporary bg, I will resolve this as soon as I will have sync with designers /}\n <div className=\"bg-aurora-blue-200 flex items-center gap-1 rounded-sm px-1 py-0.5\">\n {STATE_CONFIG[pca.state].icon} {STATE_CONFIG[pca.state].text}\n </div>\n </Stack>\n <Button onClick={toggleDeletePcaModal}>\n <Trans>Delete Certificate Authority</Trans>\n </Button>\n </Stack>\n\n <p className=\"text-theme-highest text-sm\">\n <Trans>Manage your Private Certificate Authority infrastructure</Trans>\n </p>\n\n {pca.state === \"AWAITING_CERTIFICATE\" && (\n <Stack direction=\"vertical\" gap=\"1\" className=\"bg-dt-background mb-1 rounded-sm p-2\">\n <Stack direction=\"vertical\" gap=\"1\">\n <div className=\"text-base font-bold\">\n <Trans>Lifecycle action</Trans>\n </div>\n <div>\n <Trans>Add a Signed Certificate to your CA to activate it</Trans>\n </div>\n </Stack>\n <Stack direction=\"horizontal\" gap=\"2\" distribution=\"end\">\n <Button onClick={toggleIssueSelfSignedModal}>\n <Trans>Issue Self-Signed Certificate</Trans>\n </Button>\n <Button onClick={toggleImportExternallySignedModal}>\n <Trans>Import Signed Certificate</Trans>\n </Button>\n </Stack>\n </Stack>\n )}\n\n <Stack gap=\"4\" className=\"grid grid-cols-2 items-start\">\n <DescriptionList alignTerms=\"right\" className=\"w-full\">\n {basicInfo.map(({ label, value }) => (\n <Fragment key={label}>\n <DescriptionTerm>{label}</DescriptionTerm>\n <DescriptionDefinition>{value \|\| \"—\"}</DescriptionDefinition>\n </Fragment>\n ))}\n </DescriptionList>\n\n <div className=\"bg-dt-background w-full rounded-sm\">\n <div className=\"text-theme-default p-4 text-xl font-bold\">\n Certificate {`${pca.configuration?.subject?.common_name}`}\n </div>\n <Divider />\n\n <div className=\"p-4 text-sm break-all whitespace-pre-wrap\">{pca?.csr}</div>\n\n {/ I will implement downloading-copying functionality at issue/import part of the epic as I need to clarify some stuff with design-clavis team */}\n <Divider />\n <Stack gap=\"2\" distribution=\"end\" className=\"p-4\">\n <Button>\n <MdDownload />\n </Button>\n <Button>\n <MdContentCopy />\n </Button>\n </Stack>\n </div>\n </Stack>\n </Stack>\n\n {importExternallySignedModalOpen && (\n <ImportExternallySignedCertificateModal\n pcaId={pca.id}\n open={importExternallySignedModalOpen}\n onClose={toggleImportExternallySignedModal}\n />\n )}\n\n {issueSelfSignedModalOpen && (\n <IssueSelfSignedCertificateModal\n pca={pca}\n open={issueSelfSignedModalOpen}\n onClose={toggleIssueSelfSignedModal}\n />\n )}\n\n {deletePcaModalOpen && (\n <DeletePcaModal\n pca={pca}\n open={deletePcaModalOpen}\n onClose={toggleDeletePcaModal}\n onSuccess={navigateToPcaList}\n />\n )}\n\n <PcaCertificatesListContainer pcaId={pca.id} pcaState={pca.state} />\n </>\n )\n}\n","import { createFileRoute, redirect, useNavigate } from \"@tanstack/react-router\"\nimport { Trans } from \"@lingui/react/macro\"\nimport { Button, Spinner, Stack } from \"@cloudoperators/juno-ui-components/index\"\nimport { getServiceIndex } from \"@/server/Authentication/helpers\"\nimport type { RouteInfo } from \"@/client/routes/routeInfo\"\nimport { trpcReact } from \"@/client/trpcClient\"\nimport { useProjectId } from \"@/client/hooks/useProjectId\"\nimport { PcaDetailsView } from \"./-components/PcaDetailsView\"\n\nexport const Route = createFileRoute(\"/_auth/projects/$projectId/services/pca/$pcaId/\")({\n staticData: {\n section: \"services\",\n service: \"pca\",\n isDetail: true,\n sectionCrumb: { labelKey: \"Services\" },\n crumb: { labelKey: \"PCA (Clavis)\", to: \"/projects/$projectId/services/pca\" },\n } satisfies RouteInfo,\n loader: async ({ context, params }) => {\n const pca = await context.trpcClient?.services.pca.getById.query({\n project_id: params.projectId,\n certificate_authority_id: params.pcaId,\n })\n return { pcaTitle: pca?.configuration?.subject?.common_name \|\| pca?.id \|\| null }\n },\n head: ({ loaderData }) => ({\n meta: [{ title: loaderData?.pcaTitle ?? \"Certificate Authority\" }],\n }),\n component: RouteComponent,\n beforeLoad: async ({ context, params }) => {\n const { trpcClient } = context\n const availableServices = (await trpcClient?.auth.getAvailableServices.query()) \|\| []\n const serviceIndex = getServiceIndex(availableServices)\n // temporary as clavis is not fully GA, after GA replace with [\"pca\"]?.[\"clavis\"]\n const pcaServices = serviceIndex[\"pca\"]?.[\"clavis-beta\"] \|\| serviceIndex[\"pca\"]?.[\"clavis-dev\"]\n\n // Redirect if clavis service not available\n if (!pcaServices) {\n throw redirect({\n to: \"/projects/$projectId/services/pca\",\n params: { projectId: params.projectId },\n })\n }\n },\n})\n\nfunction RouteComponent() {\n const navigate = useNavigate()\n const projectId = useProjectId()\n const { pcaId } = Route.useParams()\n\n const {\n isLoading,\n isError,\n error,\n data: pca,\n } = trpcReact.services.pca.getById.useQuery({\n project_id: projectId,\n certificate_authority_id: pcaId,\n })\n\n // Loading state\n if (isLoading) {\n return (\n <Stack className=\"fixed inset-0\" distribution=\"center\" alignment=\"center\" direction=\"vertical\">\n <Spinner variant=\"primary\" size=\"large\" className=\"mb-2\" />\n <Trans>Loading Certificate Authority Details...</Trans>\n </Stack>\n )\n }\n\n const handleBack = () =>\n navigate({\n to: \"/projects/$projectId/services/pca\",\n params: { projectId },\n })\n\n // Error state\n if (isError) {\n const errorMessage = error?.message \|\| \"Unknown error\"\n return (\n <Stack className=\"fixed inset-0\" distribution=\"center\" alignment=\"center\" direction=\"vertical\" gap=\"5\">\n <p className=\"text-theme-error font-semibold\">\n <Trans>Error loading Certificate Authority</Trans>\n </p>\n <p className=\"text-theme-highest\">{errorMessage}</p>\n <Button onClick={handleBack} variant=\"primary\">\n <Trans>Back to Certificate Authorities</Trans>\n </Button>\n </Stack>\n )\n }\n\n // No data state\n if (!pca) {\n return (\n <Stack className=\"fixed inset-0\" distribution=\"center\" alignment=\"center\" direction=\"vertical\" gap=\"5\">\n <p className=\"text-theme-secondary\">\n <Trans>Certificate Authority not found</Trans>\n </p>\n <Button onClick={handleBack} variant=\"primary\">\n <Trans>Back to Certificate Authorities</Trans>\n </Button>\n </Stack>\n )\n }\n\n return <PcaDetailsView pca={pca} />\n}\n"],"mappings":"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"}

package/dist/client/{_pcaId-BYCoeK6_.mjs → _pcaId-ChnM_t-9.mjs} RENAMED Viewed

@@ -1,4 +1,4 @@
-import { t as e } from "./helpers--JWXi40U.mjs";
+import { t as e } from "./helpers-1PpYf-fC.mjs";
 import { createFileRoute as t, lazyRouteComponent as n, redirect as r } from "@tanstack/react-router";
 var i = t("/_auth/projects/$projectId/services/pca/$pcaId/")({
 	staticData: {
@@ -19,7 +19,7 @@ var i = t("/_auth/projects/$projectId/services/pca/$pcaId/")({
 		return { pcaTitle: n?.configuration?.subject?.common_name || n?.id || null };
 	},
 	head: ({ loaderData: e }) => ({ meta: [{ title: e?.pcaTitle ?? "Certificate Authority" }] }),
-	component: n(() => import("./_pcaId-CbBhBrX1.mjs"), "component"),
+	component: n(() => import("./_pcaId-B-f_6kqs.mjs"), "component"),
 	beforeLoad: async ({ context: t, params: n }) => {
 		let { trpcClient: i } = t, a = e(await i?.auth.getAvailableServices.query() || []);
 		if (!(a.pca?.["clavis-beta"] || a.pca?.["clavis-dev"])) throw r({
@@ -31,4 +31,4 @@ var i = t("/_auth/projects/$projectId/services/pca/$pcaId/")({
 //#endregion
 export { i as t };
-//# sourceMappingURL=_pcaId-BYCoeK6_.mjs.map
+//# sourceMappingURL=_pcaId-ChnM_t-9.mjs.map

package/dist/client/{_pcaId-BYCoeK6_.mjs.map → _pcaId-ChnM_t-9.mjs.map} RENAMED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"_pcaId-~~BYCoeK6_~~.mjs","names":["createFileRoute","redirect","getServiceIndex","Route","staticData","section","service","isDetail","sectionCrumb","labelKey","crumb","to","RouteInfo","loader","context","params","pca","trpcClient","services","getById","query","project_id","projectId","certificate_authority_id","pcaId","pcaTitle","configuration","subject","common_name","id","head","loaderData","meta","title","component","lazyRouteComponent","$$splitComponentImporter","beforeLoad","availableServices","auth","getAvailableServices","serviceIndex","pcaServices"],"sources":["../../src/client/routes/_auth/projects/$projectId/services/pca/$pcaId/index.tsx"],"sourcesContent":["import { createFileRoute, redirect, useNavigate } from \"@tanstack/react-router\"\nimport { Trans } from \"@lingui/react/macro\"\nimport { Button, Spinner, Stack } from \"@cloudoperators/juno-ui-components/index\"\nimport { getServiceIndex } from \"@/server/Authentication/helpers\"\nimport type { RouteInfo } from \"@/client/routes/routeInfo\"\nimport { trpcReact } from \"@/client/trpcClient\"\nimport { useProjectId } from \"@/client/hooks/useProjectId\"\nimport { PcaDetailsView } from \"./-components/PcaDetailsView\"\n\nexport const Route = createFileRoute(\"/_auth/projects/$projectId/services/pca/$pcaId/\")({\n staticData: {\n section: \"services\",\n service: \"pca\",\n isDetail: true,\n sectionCrumb: { labelKey: \"Services\" },\n crumb: { labelKey: \"PCA (Clavis)\", to: \"/projects/$projectId/services/pca\" },\n } satisfies RouteInfo,\n loader: async ({ context, params }) => {\n const pca = await context.trpcClient?.services.pca.getById.query({\n project_id: params.projectId,\n certificate_authority_id: params.pcaId,\n })\n return { pcaTitle: pca?.configuration?.subject?.common_name \|\| pca?.id \|\| null }\n },\n head: ({ loaderData }) => ({\n meta: [{ title: loaderData?.pcaTitle ?? \"Certificate Authority\" }],\n }),\n component: RouteComponent,\n beforeLoad: async ({ context, params }) => {\n const { trpcClient } = context\n const availableServices = (await trpcClient?.auth.getAvailableServices.query()) \|\| []\n const serviceIndex = getServiceIndex(availableServices)\n // temporary as clavis is not fully GA, after GA replace with [\"pca\"]?.[\"clavis\"]\n const pcaServices = serviceIndex[\"pca\"]?.[\"clavis-beta\"] \|\| serviceIndex[\"pca\"]?.[\"clavis-dev\"]\n\n // Redirect if clavis service not available\n if (!pcaServices) {\n throw redirect({\n to: \"/projects/$projectId/services/pca\",\n params: { projectId: params.projectId },\n })\n }\n },\n})\n\nfunction RouteComponent() {\n const navigate = useNavigate()\n const projectId = useProjectId()\n const { pcaId } = Route.useParams()\n\n const {\n isLoading,\n isError,\n error,\n data: pca,\n } = trpcReact.services.pca.getById.useQuery({\n project_id: projectId,\n certificate_authority_id: pcaId,\n })\n\n // Loading state\n if (isLoading) {\n return (\n <Stack className=\"fixed inset-0\" distribution=\"center\" alignment=\"center\" direction=\"vertical\">\n <Spinner variant=\"primary\" size=\"large\" className=\"mb-2\" />\n <Trans>Loading Certificate Authority Details...</Trans>\n </Stack>\n )\n }\n\n const handleBack = () =>\n navigate({\n to: \"/projects/$projectId/services/pca\",\n params: { projectId },\n })\n\n // Error state\n if (isError) {\n const errorMessage = error?.message \|\| \"Unknown error\"\n return (\n <Stack className=\"fixed inset-0\" distribution=\"center\" alignment=\"center\" direction=\"vertical\" gap=\"5\">\n <p className=\"text-theme-error font-semibold\">\n <Trans>Error loading Certificate Authority</Trans>\n </p>\n <p className=\"text-theme-highest\">{errorMessage}</p>\n <Button onClick={handleBack} variant=\"primary\">\n <Trans>Back to Certificate Authorities</Trans>\n </Button>\n </Stack>\n )\n }\n\n // No data state\n if (!pca) {\n return (\n <Stack className=\"fixed inset-0\" distribution=\"center\" alignment=\"center\" direction=\"vertical\" gap=\"5\">\n <p className=\"text-theme-secondary\">\n <Trans>Certificate Authority not found</Trans>\n </p>\n <Button onClick={handleBack} variant=\"primary\">\n <Trans>Back to Certificate Authorities</Trans>\n </Button>\n </Stack>\n )\n }\n\n return <PcaDetailsView pca={pca} />\n}\n"],"mappings":";;AASA,IAAaG,IAAQH,EAAgB,~~kDAAA~~,~~CAAmD~~;CACtFI,YAAY;EACVC,SAAS;EACTC,SAAS;EACTC,UAAU;EACVC,cAAc,EAAEC,UAAU,~~YAAW~~;EACrCC,OAAO;GAAED,UAAU;GAAgBE,IAAI;~~GAAoC~~;~~EAC7E~~;CACAE,QAAQ,OAAO,EAAEC,YAASC,gBAAQ;EAChC,IAAMC,IAAM,MAAMF,EAAQG,YAAYC,SAASF,IAAIG,QAAQC,MAAM;GAC/DC,YAAYN,EAAOO;GACnBC,0BAA0BR,EAAOS;~~GACnC~~,CAAA;~~AACA~~,~~SAAO~~,EAAEC,UAAUT,GAAKU,eAAeC,SAASC,eAAeZ,GAAKa,MAAM,~~MAAK;;CAEjFC~~,OAAO,EAAEC,qBAAkB,EACzBC,MAAM,CAAC,EAAEC,OAAOF,GAAYN,YAAY,~~yBAAwB~~,~~CAAC~~,~~EACnE~~;CACAS,WAASC,yCAAA,~~YAAA~~;CACTE,YAAY,OAAO,EAAEvB,YAASC,gBAAQ;EACpC,IAAM,EAAEE,kBAAeH,GAEjB2B,IAAevC,EADK,MAAOe,GAAYsB,KAAKC,qBAAqBpB,~~OAAAA~~,~~IAAY~~,~~EAAE~~,~~CAChDkB~~;~~AAKrC~~,~~MAAI~~,EAHgBG,EAAa,MAAS,kBAAkBA,EAAa,MAAS,~~eAIhF~~,~~OAAMxC~~,EAAS;GACbU,IAAI;GACJI,QAAQ,EAAEO,WAAWP,EAAOO,~~WAAU~~;~~GACxC~~,CAAA~~;;CAGN~~,CAAA"}
1	+ {"version":3,"file":"_pcaId-ChnM_t-9.mjs","names":["createFileRoute","redirect","getServiceIndex","Route","staticData","section","service","isDetail","sectionCrumb","labelKey","crumb","to","RouteInfo","loader","context","params","pca","trpcClient","services","getById","query","project_id","projectId","certificate_authority_id","pcaId","pcaTitle","configuration","subject","common_name","id","head","loaderData","meta","title","component","lazyRouteComponent","$$splitComponentImporter","beforeLoad","availableServices","auth","getAvailableServices","serviceIndex","pcaServices"],"sources":["../../src/client/routes/_auth/projects/$projectId/services/pca/$pcaId/index.tsx"],"sourcesContent":["import { createFileRoute, redirect, useNavigate } from \"@tanstack/react-router\"\nimport { Trans } from \"@lingui/react/macro\"\nimport { Button, Spinner, Stack } from \"@cloudoperators/juno-ui-components/index\"\nimport { getServiceIndex } from \"@/server/Authentication/helpers\"\nimport type { RouteInfo } from \"@/client/routes/routeInfo\"\nimport { trpcReact } from \"@/client/trpcClient\"\nimport { useProjectId } from \"@/client/hooks/useProjectId\"\nimport { PcaDetailsView } from \"./-components/PcaDetailsView\"\n\nexport const Route = createFileRoute(\"/_auth/projects/$projectId/services/pca/$pcaId/\")({\n staticData: {\n section: \"services\",\n service: \"pca\",\n isDetail: true,\n sectionCrumb: { labelKey: \"Services\" },\n crumb: { labelKey: \"PCA (Clavis)\", to: \"/projects/$projectId/services/pca\" },\n } satisfies RouteInfo,\n loader: async ({ context, params }) => {\n const pca = await context.trpcClient?.services.pca.getById.query({\n project_id: params.projectId,\n certificate_authority_id: params.pcaId,\n })\n return { pcaTitle: pca?.configuration?.subject?.common_name \|\| pca?.id \|\| null }\n },\n head: ({ loaderData }) => ({\n meta: [{ title: loaderData?.pcaTitle ?? \"Certificate Authority\" }],\n }),\n component: RouteComponent,\n beforeLoad: async ({ context, params }) => {\n const { trpcClient } = context\n const availableServices = (await trpcClient?.auth.getAvailableServices.query()) \|\| []\n const serviceIndex = getServiceIndex(availableServices)\n // temporary as clavis is not fully GA, after GA replace with [\"pca\"]?.[\"clavis\"]\n const pcaServices = serviceIndex[\"pca\"]?.[\"clavis-beta\"] \|\| serviceIndex[\"pca\"]?.[\"clavis-dev\"]\n\n // Redirect if clavis service not available\n if (!pcaServices) {\n throw redirect({\n to: \"/projects/$projectId/services/pca\",\n params: { projectId: params.projectId },\n })\n }\n },\n})\n\nfunction RouteComponent() {\n const navigate = useNavigate()\n const projectId = useProjectId()\n const { pcaId } = Route.useParams()\n\n const {\n isLoading,\n isError,\n error,\n data: pca,\n } = trpcReact.services.pca.getById.useQuery({\n project_id: projectId,\n certificate_authority_id: pcaId,\n })\n\n // Loading state\n if (isLoading) {\n return (\n <Stack className=\"fixed inset-0\" distribution=\"center\" alignment=\"center\" direction=\"vertical\">\n <Spinner variant=\"primary\" size=\"large\" className=\"mb-2\" />\n <Trans>Loading Certificate Authority Details...</Trans>\n </Stack>\n )\n }\n\n const handleBack = () =>\n navigate({\n to: \"/projects/$projectId/services/pca\",\n params: { projectId },\n })\n\n // Error state\n if (isError) {\n const errorMessage = error?.message \|\| \"Unknown error\"\n return (\n <Stack className=\"fixed inset-0\" distribution=\"center\" alignment=\"center\" direction=\"vertical\" gap=\"5\">\n <p className=\"text-theme-error font-semibold\">\n <Trans>Error loading Certificate Authority</Trans>\n </p>\n <p className=\"text-theme-highest\">{errorMessage}</p>\n <Button onClick={handleBack} variant=\"primary\">\n <Trans>Back to Certificate Authorities</Trans>\n </Button>\n </Stack>\n )\n }\n\n // No data state\n if (!pca) {\n return (\n <Stack className=\"fixed inset-0\" distribution=\"center\" alignment=\"center\" direction=\"vertical\" gap=\"5\">\n <p className=\"text-theme-secondary\">\n <Trans>Certificate Authority not found</Trans>\n </p>\n <Button onClick={handleBack} variant=\"primary\">\n <Trans>Back to Certificate Authorities</Trans>\n </Button>\n </Stack>\n )\n }\n\n return <PcaDetailsView pca={pca} />\n}\n"],"mappings":";;AASA,IAAaG,IAAQH,EAAgB,iDAAA,EAAmD;CACtFI,YAAY;EACVC,SAAS;EACTC,SAAS;EACTC,UAAU;EACVC,cAAc,EAAEC,UAAU,WAAW;EACrCC,OAAO;GAAED,UAAU;GAAgBE,IAAI;EAAoC;CAC7E;CACAE,QAAQ,OAAO,EAAEC,YAASC,gBAAQ;EAChC,IAAMC,IAAM,MAAMF,EAAQG,YAAYC,SAASF,IAAIG,QAAQC,MAAM;GAC/DC,YAAYN,EAAOO;GACnBC,0BAA0BR,EAAOS;EACnC,CAAA;EACA,OAAO,EAAEC,UAAUT,GAAKU,eAAeC,SAASC,eAAeZ,GAAKa,MAAM,KAAK;CACjF;CACAC,OAAO,EAAEC,qBAAkB,EACzBC,MAAM,CAAC,EAAEC,OAAOF,GAAYN,YAAY,wBAAwB,CAAA,EAClE;CACAS,WAASC,yCAAA,WAAA;CACTE,YAAY,OAAO,EAAEvB,YAASC,gBAAQ;EACpC,IAAM,EAAEE,kBAAeH,GAEjB2B,IAAevC,EADK,MAAOe,GAAYsB,KAAKC,qBAAqBpB,MAAAA,KAAY,CAAA,CAC9CkB;EAKrC,IAAI,EAHgBG,EAAa,MAAS,kBAAkBA,EAAa,MAAS,gBAIhF,MAAMxC,EAAS;GACbU,IAAI;GACJI,QAAQ,EAAEO,WAAWP,EAAOO,UAAU;EACxC,CAAA;CAEJ;AACF,CAAA"}

package/dist/client/_projectId-26bw-_rm.mjs ADDED Viewed

@@ -0,0 +1,46 @@
+import { jsx as e } from "react/jsx-runtime";
+import { useEffect as t, useRef as n, useState as r } from "react";
+import { createPortal as i } from "react-dom";
+import { createFileRoute as a, lazyRouteComponent as o, useRouteContext as s } from "@tanstack/react-router";
+//#region src/client/components/Slot.tsx
+function c({ children: a }) {
+	let o = n(null), [s, c] = r(null);
+	return t(() => {
+		o.current && c(o.current.shadowRoot ?? o.current.attachShadow({ mode: "open" }));
+	}, []), /*#__PURE__*/ e("div", {
+		ref: o,
+		style: { display: "contents" },
+		children: s && /*#__PURE__*/ i(a, s)
+	});
+}
+function l({ component: t, useShadowDOM: n = !0 }) {
+	let { trpcClient: r } = s({ strict: !1 });
+	if (!r) return null;
+	let i = /*#__PURE__*/ e(t, { auroraContext: { client: r } });
+	return n ? /*#__PURE__*/ e(c, { children: i }) : i;
+}
+var u = a("/_auth/projects/$projectId")({
+	component: o(() => import("./_projectId-CCtpAQ8m.mjs"), "component"),
+	errorComponent: o(() => import("./_projectId-Dhb4AyBD.mjs"), "errorComponent"),
+	loader: async (e) => {
+		let { context: t, params: n } = e, r = await t.trpcClient?.auth.setCurrentScope.mutate({
+			type: "project",
+			projectId: n.projectId || ""
+		}), i = await t.trpcClient?.auth.getAvailableServices.query(), a = r?.domain?.id || "";
+		return {
+			trpcClient: t.trpcClient,
+			crumbDomain: {
+				path: "/projects",
+				name: r?.domain?.name
+			},
+			crumbProject: r?.project,
+			availableServices: i,
+			accountId: a,
+			projectId: n.projectId
+		};
+	}
+});
+//#endregion
+export { l as n, u as t };
+//# sourceMappingURL=_projectId-26bw-_rm.mjs.map

package/dist/client/_projectId-26bw-_rm.mjs.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"file":"_projectId-26bw-_rm.mjs","names":["useRef","useState","useEffect","createPortal","useRouteContext","SlotShadowRoot","children","ref","root","setRoot","current","shadowRoot","attachShadow","mode","div","style","display","Slot","component","Component","useShadowDOM","trpcClient","strict","content","auroraContext","client","createFileRoute","Route","component","lazyRouteComponent","$$splitComponentImporter","errorComponent","$$splitErrorComponentImporter","loader","options","context","params","data","trpcClient","auth","setCurrentScope","mutate","type","projectId","availableServices","getAvailableServices","query","accountId","domain","id","crumbDomain","path","name","crumbProject","project"],"sources":["../../src/client/components/Slot.tsx","../../src/client/routes/_auth/projects/$projectId.tsx"],"sourcesContent":["import { useRef, useState, useEffect, type ReactNode, type FC } from \"react\"\nimport { createPortal } from \"react-dom\"\nimport { useRouteContext } from \"@tanstack/react-router\"\nimport type { SlotProps } from \"../AuroraApp\"\n\nfunction SlotShadowRoot({ children }: { children: ReactNode }) {\n const ref = useRef<HTMLDivElement>(null)\n const [root, setRoot] = useState<ShadowRoot | null>(null)\n\n useEffect(() => {\n if (!ref.current) return\n setRoot(ref.current.shadowRoot ?? ref.current.attachShadow({ mode: \"open\" }))\n }, [])\n\n return (\n <div ref={ref} style={{ display: \"contents\" }}>\n {root && createPortal(children, root)}\n </div>\n )\n}\n\nexport function Slot({\n component: Component,\n useShadowDOM = true,\n}: {\n component: FC<SlotProps>\n useShadowDOM?: boolean\n}) {\n const { trpcClient } = useRouteContext({ strict: false })\n\n if (!trpcClient) return null\n\n const content = <Component auroraContext={{ client: trpcClient }} />\n\n if (!useShadowDOM) {\n return content\n }\n\n return <SlotShadowRoot>{content}</SlotShadowRoot>\n}\n","import { createFileRoute, Outlet, useLoaderData } from \"@tanstack/react-router\"\nimport { AppShell, Container, Stack } from \"@cloudoperators/juno-ui-components\"\nimport { SideNavBar } from \"@/client/routes/_auth/projects/-components/SideNavBar\"\nimport { ProjectInfoBox } from \"@/client/components/ProjectView/ProjectInfoBox\"\nimport { RouteError } from \"@/client/components/Error/RouteError\"\n\nexport const Route = createFileRoute(\"/_auth/projects/$projectId\")({\n component: RouteComponent,\n errorComponent: ({ error }) => {\n return <RouteError error={error} />\n },\n loader: async (options) => {\n const { context, params } = options\n const data = await context.trpcClient?.auth.setCurrentScope.mutate({\n type: \"project\",\n projectId: params.projectId || \"\",\n })\n const availableServices = await context.trpcClient?.auth.getAvailableServices.query()\n\n // Extract accountId (domain id) from the rescoped token\n // This is needed for SideNavBar navigation until we refactor it\n const accountId = data?.domain?.id || \"\"\n\n return {\n trpcClient: context.trpcClient,\n crumbDomain: { path: `/projects`, name: data?.domain?.name },\n crumbProject: data?.project,\n availableServices,\n accountId, // Keep for SideNavBar compatibility\n projectId: params.projectId,\n }\n },\n})\n\nfunction RouteComponent() {\n const { availableServices, projectId, crumbProject } = useLoaderData({ from: Route.id })\n\n return (\n <AppShell\n embedded\n sideNavigation={\n <SideNavBar\n availableServices={availableServices!}\n projectId={projectId}\n projectName={crumbProject?.name || projectId}\n />\n }\n className=\"h-min-screen\"\n >\n <Container>\n <Stack direction=\"vertical\" distribution=\"start\" alignment=\"stretch\" className=\"xl:flex-row\" gap=\"6\">\n {/* Main content area */}\n <div className=\"min-w-0 flex-1\">\n <ProjectInfoBox\n projectInfo={{\n id: projectId,\n name: crumbProject?.name || projectId,\n domain: crumbProject?.domain,\n }}\n />\n <Outlet />\n </div>\n </Stack>\n </Container>\n </AppShell>\n )\n}\n"],"mappings":";;;;;AAKA,SAASK,EAAe,EAAEC,eAAmC;CAC3D,IAAMC,IAAMP,EAAuB,IAAA,GAC7B,CAACQ,GAAMC,KAAWR,EAA4B,IAAA;CAOpD,OALAC,QAAU;EACHK,EAAIG,WACTD,EAAQF,EAAIG,QAAQC,cAAcJ,EAAIG,QAAQE,aAAa,EAAEC,MAAM,OAAO,CAAA,CAAA;CAC5E,GAAG,CAAA,CAAE,GAGH,gBAACC,OAAAA;EAASP;EAAKQ,OAAO,EAAEC,SAAS,WAAW;YACzCR,KAAQL,gBAAaG,GAAUE,CAAAA;;AAGtC;AAEA,SAAgBS,EAAK,EACnBC,WAAWC,GACXC,kBAAe,MAIhB;CACC,IAAM,EAAEC,kBAAejB,EAAgB,EAAEkB,QAAQ,GAAM,CAAA;CAEvD,IAAI,CAACD,GAAY,OAAO;CAExB,IAAME,IAAU,gBAACJ,GAAAA,EAAUK,eAAe,EAAEC,QAAQJ,EAAW,EAAA,CAAA;CAM/D,OAJKD,IAIE,gBAACf,GAAAA,EAAAA,UAAgBkB,EAAAA,CAAAA,IAHfA;AAIX;ACjCA,IAAaI,IAAQD,EAAgB,4BAAA,EAA8B;CACjEE,WAASC,6CAAA,WAAA;CACTE,gBAAcF,6CAAA,gBAAA;CAGdI,QAAQ,OAAOC,MAAAA;EACb,IAAM,EAAEC,YAASC,cAAWF,GACtBG,IAAO,MAAMF,EAAQG,YAAYC,KAAKC,gBAAgBC,OAAO;GACjEC,MAAM;GACNC,WAAWP,EAAOO,aAAa;EACjC,CAAA,GACMC,IAAoB,MAAMT,EAAQG,YAAYC,KAAKM,qBAAqBC,MAAAA,GAIxEC,IAAYV,GAAMW,QAAQC,MAAM;EAEtC,OAAO;GACLX,YAAYH,EAAQG;GACpBY,aAAa;IAAEC,MAAM;IAAaC,MAAMf,GAAMW,QAAQI;GAAK;GAC3DC,cAAchB,GAAMiB;GACpBV;GACAG;GACAJ,WAAWP,EAAOO;EACpB;CACF;AACF,CAAA"}

package/dist/client/{_projectId-BwLMEMGC.mjs → _projectId-BK9UqeYw.mjs} RENAMED Viewed

@@ -1,19 +1,19 @@
-import { b as e, nt as t } from "./build-BJDfnAyi.mjs";
-import { t as n } from "./helpers--JWXi40U.mjs";
-import { t as r } from "./ContentHeader-BXZoN3B9.mjs";
+import { b as e, nt as t } from "./build-DracvfrJ.mjs";
+import { t as n } from "./helpers-1PpYf-fC.mjs";
+import { t as r } from "./ContentHeader-xQVhO2yT.mjs";
 import { jsx as i, jsxs as a } from "react/jsx-runtime";
 import { Link as o, useLoaderData as s } from "@tanstack/react-router";
 import { Trans as c, useLingui as l } from "@lingui/react";
 //#region src/client/routes/_auth/projects/$projectId/index.tsx?tsr-split=component
 function u({ title: t, links: n }) {
-	return /* @__PURE__ */ a(e, {
+	return /*#__PURE__*/ a(e, {
 		className: "p-5",
-		children: [/* @__PURE__ */ i("h3", {
+		children: [/*#__PURE__*/ i("h3", {
 			className: "text-theme-high mb-3 text-base font-semibold",
 			children: t
-		}), /* @__PURE__ */ i("ul", {
+		}), /*#__PURE__*/ i("ul", {
 			className: "space-y-1.5",
-			children: n.map(({ label: e, to: t }) => /* @__PURE__ */ i("li", { children: /* @__PURE__ */ i(o, {
+			children: n.map(({ label: e, to: t }) => /*#__PURE__*/ i("li", { children: /*#__PURE__*/ i(o, {
 				to: t,
 				className: "text-theme-accent hover:text-theme-accent/80 text-sm",
 				children: e
@@ -62,23 +62,23 @@ function d() {
 			label: "PCA (Clavis)",
 			to: `${h}/services/pca`
 		}]
-	}), /* @__PURE__ */ a(t, {
+	}), /*#__PURE__*/ a(t, {
 		direction: "vertical",
 		gap: "6",
 		className: "pb-4",
-		children: [/* @__PURE__ */ i(r, {
+		children: [/*#__PURE__*/ i(r, {
 			title: e?.name ?? f._({ id: "e0NrBM" }),
 			projectId: d
-		}), g.length > 0 ? /* @__PURE__ */ i("div", {
+		}), g.length > 0 ? /*#__PURE__*/ i("div", {
 			className: "grid grid-cols-1 gap-4 sm:grid-cols-2 lg:grid-cols-3",
-			children: g.map((e) => /* @__PURE__ */ i(u, { ...e }, e.title))
-		}) : /* @__PURE__ */ i("p", {
+			children: g.map((e) => /*#__PURE__*/ i(u, { ...e }, e.title))
+		}) : /*#__PURE__*/ i("p", {
 			className: "text-theme-light text-sm",
-			children: /* @__PURE__ */ i(c, { id: "Q1W//7" })
+			children: /*#__PURE__*/ i(c, { id: "Q1W//7" })
 		})]
 	});
 }
 //#endregion
 export { d as component };
-//# sourceMappingURL=_projectId-BwLMEMGC.mjs.map
+//# sourceMappingURL=_projectId-BK9UqeYw.mjs.map

package/dist/client/{_projectId-BwLMEMGC.mjs.map → _projectId-BK9UqeYw.mjs.map} RENAMED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"_projectId-~~BwLMEMGC~~.mjs","names":["Link","useLoaderData","Box","Stack","getServiceIndex","Trans","useLingui","ContentHeader","ServiceCardProps","title","links","label","to","ServiceCard","map","RouteComponent","crumbProject","availableServices","projectId","from","t","serviceIndex","base","cards","push","storageLinks","name","length","card","component"],"sources":["../../src/client/routes/_auth/projects/$projectId/index.tsx?tsr-split=component"],"sourcesContent":["import { createFileRoute, Link, useLoaderData } from \"@tanstack/react-router\"\nimport { Box, Stack } from \"@cloudoperators/juno-ui-components\"\nimport { getServiceIndex } from \"@/server/Authentication/helpers\"\nimport { Trans } from \"@lingui/react/macro\"\nimport { useLingui } from \"@lingui/react/macro\"\nimport { ContentHeader } from \"@/client/components/ContentHeader/ContentHeader\"\n\nexport const Route = createFileRoute(\"/_auth/projects/$projectId/\")({\n component: RouteComponent,\n})\n\ninterface ServiceCardProps {\n title: string\n links: { label: string; to: string }[]\n}\n\nfunction ServiceCard({ title, links }: ServiceCardProps) {\n return (\n <Box className=\"p-5\">\n <h3 className=\"text-theme-high mb-3 text-base font-semibold\">{title}</h3>\n <ul className=\"space-y-1.5\">\n {links.map(({ label, to }) => (\n <li key={label}>\n <Link to={to} className=\"text-theme-accent hover:text-theme-accent/80 text-sm\">\n {label}\n </Link>\n </li>\n ))}\n </ul>\n </Box>\n )\n}\n\nfunction RouteComponent() {\n const { crumbProject, availableServices, projectId } = useLoaderData({\n from: \"/_auth/projects/$projectId\",\n })\n const { t } = useLingui()\n\n const serviceIndex = getServiceIndex(availableServices ?? [])\n const base = `/projects/${projectId}`\n\n const cards: ServiceCardProps[] = []\n\n if (serviceIndex[\"image\"]?.[\"glance\"] \|\| serviceIndex[\"compute\"]?.[\"nova\"]) {\n const links: { label: string; to: string }[] = []\n if (serviceIndex[\"image\"]?.[\"glance\"]) links.push({ label: \"Images\", to: `${base}/compute/images` })\n if (serviceIndex[\"compute\"]?.[\"nova\"]) links.push({ label: \"Flavors\", to: `${base}/compute/flavors` })\n cards.push({ title: \"Compute\", links })\n }\n\n if (serviceIndex[\"network\"]) {\n cards.push({\n title: \"Network\",\n links: [\n { label: \"Security Groups\", to: `${base}/network/securitygroups` },\n { label: \"Floating IPs\", to: `${base}/network/floatingips` },\n ],\n })\n }\n\n // Storage section - always show Ceph, optionally add Swift\n const storageLinks: { label: string; to: string }[] = []\n if (serviceIndex[\"object-store\"]?.[\"swift\"]) {\n storageLinks.push({ label: \"Swift\", to: `${base}/storage/swift/containers` })\n }\n storageLinks.push({ label: \"Ceph\", to: `${base}/storage/ceph/containers` })\n cards.push({ title: \"Storage\", links: storageLinks })\n\n // temporary as clavis is not fully GA, after GA replace with [\"pca\"]?.[\"clavis\"]\n if (serviceIndex[\"pca\"]?.[\"clavis-dev\"] \|\| serviceIndex[\"pca\"]?.[\"clavis-beta\"]) {\n cards.push({\n title: \"Services\",\n links: [{ label: \"PCA (Clavis)\", to: `${base}/services/pca` }],\n })\n }\n\n return (\n <Stack direction=\"vertical\" gap=\"6\" className=\"pb-4\">\n <ContentHeader title={crumbProject?.name ?? t`Project`} projectId={projectId} />\n {cards.length > 0 ? (\n <div className=\"grid grid-cols-1 gap-4 sm:grid-cols-2 lg:grid-cols-3\">\n {cards.map((card) => (\n <ServiceCard key={card.title} {...card} />\n ))}\n </div>\n ) : (\n <p className=\"text-theme-light text-sm\">\n <Trans>No services available for this project.</Trans>\n </p>\n )}\n </Stack>\n )\n}\n"],"mappings":";;;;;;;AAgBA,SAASa,EAAY,EAAEJ,UAAOC,YAAyB;~~AACrD~~,~~QACE~~,~~kBAAC~~,GAAA;EAAI,WAAU;aACb,~~kBAAC~~,MAAA;GAAG,WAAU;aAAgDD;MAC9D,~~kBAAC~~,MAAA;GAAG,WAAU;aACXC,EAAMI,KAAK,EAAEH,UAAOC,YACnB,~~kBAAC~~,MAAA,EAAA,UACC,~~kBAAC~~,GAAA;IAASA;IAAI,WAAU;cACrBD;SAFIA,~~EAAAA~~,CAAAA~~;;;;AAWnB~~,SAASI,IAAAA;CACP,IAAM,EAAEC,iBAAcC,sBAAmBC,iBAAcjB,EAAc,EACnEkB,MAAM,~~8BACR~~,CAAA,~~EACM~~,EAAA,MAAA,GAAA,GAAA,MAAQb,~~GAAAA~~,~~EAERe~~,IAAejB,EAAgBa,KAAqB,~~EAAE,~~CAAA,~~EACtDK~~,IAAO,aAAaJ,KAEpBK,IAA4B,~~EAAE~~;~~AAEpC~~,~~KAAIF~~,EAAa,OAAW,UAAaA,EAAa,SAAa,MAAS;EAC1E,IAAMX,IAAyC,~~EAAE~~;~~AAGjDa~~,~~EAFIF~~,EAAa,OAAW,UAAWX,EAAMc,KAAK;GAAEb,OAAO;GAAUC,IAAI,GAAGU,EAAI;~~GAAkB~~,CAAA,~~EAC9FD~~,EAAa,SAAa,QAASX,EAAMc,KAAK;GAAEb,OAAO;GAAWC,IAAI,GAAGU,EAAI;~~GAAmB~~,CAAA,~~EACpGC~~,EAAMC,KAAK;GAAEf,OAAO;GAAWC;~~GAAM~~,CAAA~~;;AAGvC~~,~~CAAIW~~,EAAa,WACfE,EAAMC,KAAK;EACTf,OAAO;EACPC,OAAO,CACL;GAAEC,OAAO;GAAmBC,IAAI,GAAGU,EAAI;~~GAA0B~~,~~EACjE~~;GAAEX,OAAO;GAAgBC,IAAI,GAAGU,EAAI;~~GAAuB~~,~~CAAC~~;~~EAEhE~~,CAAA;CAIF,IAAMG,IAAgD,~~EAAE~~;~~AAexD~~,~~QAdIJ~~,EAAa,iBAAkB,SACjCI,EAAaD,KAAK;EAAEb,OAAO;EAASC,IAAI,GAAGU,EAAI;~~EAA4B~~,CAAA,~~EAE7EG~~,EAAaD,KAAK;EAAEb,OAAO;EAAQC,IAAI,GAAGU,EAAI;~~EAA2B~~,CAAA,~~EACzEC~~,EAAMC,KAAK;EAAEf,OAAO;EAAWC,OAAOe;~~EAAa~~,CAAA,~~GAG~~/CJ,EAAa,MAAS,iBAAiBA,EAAa,MAAS,mBAC/DE,EAAMC,KAAK;EACTf,OAAO;EACPC,OAAO,CAAC;GAAEC,OAAO;GAAgBC,IAAI,GAAGU,EAAI;~~GAAgB~~,~~CAAC~~;~~EAC/D~~,CAAA,~~EAIA~~,~~kBAAC~~,GAAA;EAAM,WAAU;EAAW,KAAI;EAAI,WAAU;aAC5C,~~kBAAC~~,GAAA;GAAc,OAAON,GAAcU,QAAQN,EAAAA,EAAC,EAAA,IAAA,~~UAAA~~,CAAA;GAAsBF;MAClEK,EAAMI,SAAS,IACd,~~kBAAC~~,OAAA;GAAI,WAAU;aACZJ,EAAMT,KAAKc,MACV,~~kBAAC~~,GAAA,EAA6B,GAAIA,~~GAAAA~~,~~EAAhBA~~,EAAKnB,~~MAAK~~,CAAA;OAIhC,~~kBAAC~~,KAAA;GAAE,WAAU;aACX,~~kBAAA~~,GAAA,EAAA,IAAA,~~UAAA~~,CAAA"}
1	+ {"version":3,"file":"_projectId-BK9UqeYw.mjs","names":["Link","useLoaderData","Box","Stack","getServiceIndex","Trans","useLingui","ContentHeader","ServiceCardProps","title","links","label","to","ServiceCard","map","RouteComponent","crumbProject","availableServices","projectId","from","t","serviceIndex","base","cards","push","storageLinks","name","length","card","component"],"sources":["../../src/client/routes/_auth/projects/$projectId/index.tsx?tsr-split=component"],"sourcesContent":["import { createFileRoute, Link, useLoaderData } from \"@tanstack/react-router\"\nimport { Box, Stack } from \"@cloudoperators/juno-ui-components\"\nimport { getServiceIndex } from \"@/server/Authentication/helpers\"\nimport { Trans } from \"@lingui/react/macro\"\nimport { useLingui } from \"@lingui/react/macro\"\nimport { ContentHeader } from \"@/client/components/ContentHeader/ContentHeader\"\n\nexport const Route = createFileRoute(\"/_auth/projects/$projectId/\")({\n component: RouteComponent,\n})\n\ninterface ServiceCardProps {\n title: string\n links: { label: string; to: string }[]\n}\n\nfunction ServiceCard({ title, links }: ServiceCardProps) {\n return (\n <Box className=\"p-5\">\n <h3 className=\"text-theme-high mb-3 text-base font-semibold\">{title}</h3>\n <ul className=\"space-y-1.5\">\n {links.map(({ label, to }) => (\n <li key={label}>\n <Link to={to} className=\"text-theme-accent hover:text-theme-accent/80 text-sm\">\n {label}\n </Link>\n </li>\n ))}\n </ul>\n </Box>\n )\n}\n\nfunction RouteComponent() {\n const { crumbProject, availableServices, projectId } = useLoaderData({\n from: \"/_auth/projects/$projectId\",\n })\n const { t } = useLingui()\n\n const serviceIndex = getServiceIndex(availableServices ?? [])\n const base = `/projects/${projectId}`\n\n const cards: ServiceCardProps[] = []\n\n if (serviceIndex[\"image\"]?.[\"glance\"] \|\| serviceIndex[\"compute\"]?.[\"nova\"]) {\n const links: { label: string; to: string }[] = []\n if (serviceIndex[\"image\"]?.[\"glance\"]) links.push({ label: \"Images\", to: `${base}/compute/images` })\n if (serviceIndex[\"compute\"]?.[\"nova\"]) links.push({ label: \"Flavors\", to: `${base}/compute/flavors` })\n cards.push({ title: \"Compute\", links })\n }\n\n if (serviceIndex[\"network\"]) {\n cards.push({\n title: \"Network\",\n links: [\n { label: \"Security Groups\", to: `${base}/network/securitygroups` },\n { label: \"Floating IPs\", to: `${base}/network/floatingips` },\n ],\n })\n }\n\n // Storage section - always show Ceph, optionally add Swift\n const storageLinks: { label: string; to: string }[] = []\n if (serviceIndex[\"object-store\"]?.[\"swift\"]) {\n storageLinks.push({ label: \"Swift\", to: `${base}/storage/swift/containers` })\n }\n storageLinks.push({ label: \"Ceph\", to: `${base}/storage/ceph/containers` })\n cards.push({ title: \"Storage\", links: storageLinks })\n\n // temporary as clavis is not fully GA, after GA replace with [\"pca\"]?.[\"clavis\"]\n if (serviceIndex[\"pca\"]?.[\"clavis-dev\"] \|\| serviceIndex[\"pca\"]?.[\"clavis-beta\"]) {\n cards.push({\n title: \"Services\",\n links: [{ label: \"PCA (Clavis)\", to: `${base}/services/pca` }],\n })\n }\n\n return (\n <Stack direction=\"vertical\" gap=\"6\" className=\"pb-4\">\n <ContentHeader title={crumbProject?.name ?? t`Project`} projectId={projectId} />\n {cards.length > 0 ? (\n <div className=\"grid grid-cols-1 gap-4 sm:grid-cols-2 lg:grid-cols-3\">\n {cards.map((card) => (\n <ServiceCard key={card.title} {...card} />\n ))}\n </div>\n ) : (\n <p className=\"text-theme-light text-sm\">\n <Trans>No services available for this project.</Trans>\n </p>\n )}\n </Stack>\n )\n}\n"],"mappings":";;;;;;;AAgBA,SAASa,EAAY,EAAEJ,UAAOC,YAAyB;CACrD,OACE,gBAAC,GAAA;EAAI,WAAU;aACb,gBAAC,MAAA;GAAG,WAAU;aAAgDD;MAC9D,gBAAC,MAAA;GAAG,WAAU;aACXC,EAAMI,KAAK,EAAEH,UAAOC,YACnB,gBAAC,MAAA,EAAA,UACC,gBAAC,GAAA;IAASA;IAAI,WAAU;cACrBD;SAFIA,CAAAA,CAAAA;;;AASnB;AAEA,SAASI,IAAAA;CACP,IAAM,EAAEC,iBAAcC,sBAAmBC,iBAAcjB,EAAc,EACnEkB,MAAM,6BACR,CAAA,GACM,EAAA,MAAA,GAAA,GAAA,MAAQb,EAAAA,GAERe,IAAejB,EAAgBa,KAAqB,CAAA,CAAE,GACtDK,IAAO,aAAaJ,KAEpBK,IAA4B,CAAA;CAElC,IAAIF,EAAa,OAAW,UAAaA,EAAa,SAAa,MAAS;EAC1E,IAAMX,IAAyC,CAAA;EAG/Ca,AAFIF,EAAa,OAAW,UAAWX,EAAMc,KAAK;GAAEb,OAAO;GAAUC,IAAI,GAAGU,EAAI;EAAkB,CAAA,GAC9FD,EAAa,SAAa,QAASX,EAAMc,KAAK;GAAEb,OAAO;GAAWC,IAAI,GAAGU,EAAI;EAAmB,CAAA,GACpGC,EAAMC,KAAK;GAAEf,OAAO;GAAWC;EAAM,CAAA;CACvC;CAEA,AAAIW,EAAa,WACfE,EAAMC,KAAK;EACTf,OAAO;EACPC,OAAO,CACL;GAAEC,OAAO;GAAmBC,IAAI,GAAGU,EAAI;EAA0B,GACjE;GAAEX,OAAO;GAAgBC,IAAI,GAAGU,EAAI;EAAuB,CAAA;CAE/D,CAAA;CAIF,IAAMG,IAAgD,CAAA;CAetD,OAdIJ,EAAa,iBAAkB,SACjCI,EAAaD,KAAK;EAAEb,OAAO;EAASC,IAAI,GAAGU,EAAI;CAA4B,CAAA,GAE7EG,EAAaD,KAAK;EAAEb,OAAO;EAAQC,IAAI,GAAGU,EAAI;CAA2B,CAAA,GACzEC,EAAMC,KAAK;EAAEf,OAAO;EAAWC,OAAOe;CAAa,CAAA,IAG/CJ,EAAa,MAAS,iBAAiBA,EAAa,MAAS,mBAC/DE,EAAMC,KAAK;EACTf,OAAO;EACPC,OAAO,CAAC;GAAEC,OAAO;GAAgBC,IAAI,GAAGU,EAAI;EAAgB,CAAA;CAC9D,CAAA,GAIA,gBAAC,GAAA;EAAM,WAAU;EAAW,KAAI;EAAI,WAAU;aAC5C,gBAAC,GAAA;GAAc,OAAON,GAAcU,QAAQN,EAAAA,EAAC,EAAA,IAAA,SAAA,CAAA;GAAsBF;MAClEK,EAAMI,SAAS,IACd,gBAAC,OAAA;GAAI,WAAU;aACZJ,EAAMT,KAAKc,MACV,gBAAC,GAAA,EAA6B,GAAIA,EAAAA,GAAhBA,EAAKnB,KAAK,CAAA;OAIhC,gBAAC,KAAA;GAAE,WAAU;aACX,gBAAA,GAAA,EAAA,IAAA,SAAA,CAAA;;;AAKV"}