@backstage-community/plugin-multi-source-security-viewer 0.1.1

package/dist/components/PipelineRunLogs/PipelineRunStepper.esm.js

@@ -0,0 +1,19 @@
+import { Box, Stepper, Step, StepButton, StepLabel } from '@material-ui/core';
+import React from 'react';
+
+const PipelineRunStepper = ({
+  steps,
+  activeStep,
+  handleStepChange
+}) => {
+  return /* @__PURE__ */ React.createElement(React.Fragment, null, /* @__PURE__ */ React.createElement(Box, { sx: { maxWidth: 400 } }, /* @__PURE__ */ React.createElement(Stepper, { activeStep, orientation: "vertical", nonLinear: true }, steps.map((step, index) => /* @__PURE__ */ React.createElement(Step, { key: index }, /* @__PURE__ */ React.createElement(StepButton, { onClick: () => handleStepChange(index) }, /* @__PURE__ */ React.createElement(
+    StepLabel,
+    {
+      "data-testid": "step-label"
+    },
+    step.name
+  )))))));
+};
+
+export { PipelineRunStepper };
+//# sourceMappingURL=PipelineRunStepper.esm.js.map

package/dist/components/PipelineRunLogs/PipelineRunStepper.esm.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"PipelineRunStepper.esm.js","sources":["../../../src/components/PipelineRunLogs/PipelineRunStepper.tsx"],"sourcesContent":["/*\n * Copyright 2024 The Backstage Authors\n *\n * Licensed under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License.\n * You may obtain a copy of the License at\n *\n *     http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software\n * distributed under the License is distributed on an \"AS IS\" BASIS,\n * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n * See the License for the specific language governing permissions and\n * limitations under the License.\n */\nimport { Box, Step, StepButton, StepLabel, Stepper } from '@material-ui/core';\nimport React from 'react';\nimport { PipelineRunLogStep } from '../../types/pipelinerun';\n\ninterface PipelineRunStepperProps {\n  steps: PipelineRunLogStep[];\n  activeStep: number;\n  handleStepChange: (step: number) => void;\n}\n\nexport const PipelineRunStepper: React.FC<PipelineRunStepperProps> = ({\n  steps,\n  activeStep,\n  handleStepChange,\n}) => {\n  return (\n    <React.Fragment>\n      <Box sx={{ maxWidth: 400 }}>\n        <Stepper activeStep={activeStep} orientation=\"vertical\" nonLinear>\n          {steps.map((step, index) => (\n            <Step key={index}>\n              <StepButton onClick={() => handleStepChange(index)}>\n                <StepLabel\n                  data-testid=\"step-label\"\n                  // TODO: Needs EYECATCHER implementation for reporting step status\n                  // StepIconProps={{\n                  //   completed: index < activeStep,\n                  //   error: index > activeStep,\n                  //   active: index === activeStep,\n                  // }}\n                >\n                  {step.name}\n                </StepLabel>\n              </StepButton>\n            </Step>\n          ))}\n        </Stepper>\n      </Box>\n    </React.Fragment>\n  );\n};\n"],"names":[],"mappings":";;;AAyBO,MAAM,qBAAwD,CAAC;AAAA,EACpE,KAAA;AAAA,EACA,UAAA;AAAA,EACA;AACF,CAAM,KAAA;AACJ,EAAA,uBACG,KAAA,CAAA,aAAA,CAAA,KAAA,CAAM,QAAN,EAAA,IAAA,sCACE,GAAI,EAAA,EAAA,EAAA,EAAI,EAAE,QAAA,EAAU,GAAI,EAAA,EAAA,kBACtB,KAAA,CAAA,aAAA,CAAA,OAAA,EAAA,EAAQ,YAAwB,WAAY,EAAA,UAAA,EAAW,SAAS,EAAA,IAAA,EAAA,EAC9D,KAAM,CAAA,GAAA,CAAI,CAAC,IAAA,EAAM,0BACf,KAAA,CAAA,aAAA,CAAA,IAAA,EAAA,EAAK,GAAK,EAAA,KAAA,EAAA,sCACR,UAAW,EAAA,EAAA,OAAA,EAAS,MAAM,gBAAA,CAAiB,KAAK,CAC/C,EAAA,kBAAA,KAAA,CAAA,aAAA;AAAA,IAAC,SAAA;AAAA,IAAA;AAAA,MACC,aAAY,EAAA;AAAA,KAAA;AAAA,IAQX,IAAK,CAAA;AAAA,GAEV,CACF,CACD,CACH,CACF,CACF,CAAA;AAEJ;;;;"}

package/dist/components/Router.esm.js

@@ -0,0 +1,72 @@
+import React from 'react';
+import { Routes, Route } from 'react-router-dom';
+import { jenkinsJobRunRouteRef, githubActionsJobRouteRef } from '../routes.esm.js';
+import { useEntity } from '@backstage/plugin-catalog-react';
+import { mssvJenkinsApiRef } from '../api/jenkins.esm.js';
+import { isJenkinsAvailable } from '@backstage-community/plugin-jenkins';
+import { mssvGithubActionsApiRef } from '../api/github.esm.js';
+import { isGithubActionsAvailable } from '@backstage-community/plugin-github-actions';
+import { mssvGitlabCIApiRef } from '../api/gitlab.esm.js';
+import { isGitlabAvailable } from '@immobiliarelabs/backstage-plugin-gitlab';
+import { SecurityViewerMultiCIPipelines } from './SecurityViewer/SecurityViewerMultiCIPipelines.esm.js';
+
+const AVAILABLE_APIS = [
+  {
+    title: "Jenkins",
+    apiRef: mssvJenkinsApiRef,
+    availabilityCallback: isJenkinsAvailable
+  },
+  {
+    title: "Github Actions",
+    apiRef: mssvGithubActionsApiRef,
+    availabilityCallback: isGithubActionsAvailable
+  },
+  {
+    title: "Gitlab CI",
+    apiRef: mssvGitlabCIApiRef,
+    availabilityCallback: isGitlabAvailable
+  }
+];
+const Router = () => {
+  const { entity } = useEntity();
+  const multiCIConfig = AVAILABLE_APIS.reduce((acc, api) => {
+    if (api.availabilityCallback(entity)) {
+      acc.push({ title: api.title, apiRef: api.apiRef });
+    }
+    return acc;
+  }, []);
+  return /* @__PURE__ */ React.createElement(Routes, null, /* @__PURE__ */ React.createElement(
+    Route,
+    {
+      path: "/",
+      element: /* @__PURE__ */ React.createElement(SecurityViewerMultiCIPipelines, { multiCIConfig })
+    }
+  ), /* @__PURE__ */ React.createElement(
+    Route,
+    {
+      path: `${jenkinsJobRunRouteRef.path}`,
+      element: /* @__PURE__ */ React.createElement(
+        SecurityViewerMultiCIPipelines,
+        {
+          multiCIConfig,
+          isJenkinsDetail: true
+        }
+      )
+    }
+  ), /* @__PURE__ */ React.createElement(
+    Route,
+    {
+      path: `${githubActionsJobRouteRef.path}`,
+      element: /* @__PURE__ */ React.createElement(
+        SecurityViewerMultiCIPipelines,
+        {
+          multiCIConfig,
+          isGithubActionsDetail: true
+        }
+      )
+    }
+  ));
+};
+
+export { Router };
+//# sourceMappingURL=Router.esm.js.map

package/dist/components/Router.esm.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Router.esm.js","sources":["../../src/components/Router.tsx"],"sourcesContent":["/*\n * Copyright 2024 The Backstage Authors\n *\n * Licensed under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License.\n * You may obtain a copy of the License at\n *\n *     http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software\n * distributed under the License is distributed on an \"AS IS\" BASIS,\n * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n * See the License for the specific language governing permissions and\n * limitations under the License.\n */\nimport React from 'react';\nimport { Route, Routes } from 'react-router-dom';\nimport { githubActionsJobRouteRef, jenkinsJobRunRouteRef } from '../routes';\nimport { useEntity } from '@backstage/plugin-catalog-react';\nimport { ApiRef } from '@backstage/core-plugin-api/index';\nimport { Entity } from '@backstage/catalog-model';\nimport { mssvJenkinsApiRef } from '../api/jenkins';\nimport { isJenkinsAvailable } from '@backstage-community/plugin-jenkins';\nimport { mssvGithubActionsApiRef } from '../api/github';\nimport { isGithubActionsAvailable } from '@backstage-community/plugin-github-actions';\nimport { mssvGitlabCIApiRef } from '../api/gitlab';\nimport { isGitlabAvailable } from '@immobiliarelabs/backstage-plugin-gitlab';\nimport { MultiCIConfig } from '../types/multiCI';\nimport { SecurityViewerMultiCIPipelines } from './SecurityViewer/SecurityViewerMultiCIPipelines';\n\ntype ApiItem = {\n  title: string;\n  apiRef: ApiRef<any>;\n  availabilityCallback: (entity: Entity) => boolean;\n};\n\nconst AVAILABLE_APIS: ApiItem[] = [\n  {\n    title: 'Jenkins',\n    apiRef: mssvJenkinsApiRef,\n    availabilityCallback: isJenkinsAvailable,\n  },\n  {\n    title: 'Github Actions',\n    apiRef: mssvGithubActionsApiRef,\n    availabilityCallback: isGithubActionsAvailable,\n  },\n  {\n    title: 'Gitlab CI',\n    apiRef: mssvGitlabCIApiRef,\n    availabilityCallback: isGitlabAvailable,\n  },\n];\n\nexport const Router = () => {\n  const { entity } = useEntity();\n  const multiCIConfig = AVAILABLE_APIS.reduce((acc, api: ApiItem) => {\n    if (api.availabilityCallback(entity)) {\n      acc.push({ title: api.title, apiRef: api.apiRef });\n    }\n    return acc;\n  }, [] as MultiCIConfig[]);\n\n  return (\n    <Routes>\n      <Route\n        path=\"/\"\n        element={\n          <SecurityViewerMultiCIPipelines multiCIConfig={multiCIConfig} />\n        }\n      />\n      <Route\n        path={`${jenkinsJobRunRouteRef.path}`}\n        element={\n          <SecurityViewerMultiCIPipelines\n            multiCIConfig={multiCIConfig}\n            isJenkinsDetail\n          />\n        }\n      />\n      <Route\n        path={`${githubActionsJobRouteRef.path}`}\n        element={\n          <SecurityViewerMultiCIPipelines\n            multiCIConfig={multiCIConfig}\n            isGithubActionsDetail\n          />\n        }\n      />\n    </Routes>\n  );\n};\n"],"names":[],"mappings":";;;;;;;;;;;;AAoCA,MAAM,cAA4B,GAAA;AAAA,EAChC;AAAA,IACE,KAAO,EAAA,SAAA;AAAA,IACP,MAAQ,EAAA,iBAAA;AAAA,IACR,oBAAsB,EAAA;AAAA,GACxB;AAAA,EACA;AAAA,IACE,KAAO,EAAA,gBAAA;AAAA,IACP,MAAQ,EAAA,uBAAA;AAAA,IACR,oBAAsB,EAAA;AAAA,GACxB;AAAA,EACA;AAAA,IACE,KAAO,EAAA,WAAA;AAAA,IACP,MAAQ,EAAA,kBAAA;AAAA,IACR,oBAAsB,EAAA;AAAA;AAE1B,CAAA;AAEO,MAAM,SAAS,MAAM;AAC1B,EAAM,MAAA,EAAE,MAAO,EAAA,GAAI,SAAU,EAAA;AAC7B,EAAA,MAAM,aAAgB,GAAA,cAAA,CAAe,MAAO,CAAA,CAAC,KAAK,GAAiB,KAAA;AACjE,IAAI,IAAA,GAAA,CAAI,oBAAqB,CAAA,MAAM,CAAG,EAAA;AACpC,MAAI,GAAA,CAAA,IAAA,CAAK,EAAE,KAAO,EAAA,GAAA,CAAI,OAAO,MAAQ,EAAA,GAAA,CAAI,QAAQ,CAAA;AAAA;AAEnD,IAAO,OAAA,GAAA;AAAA,GACT,EAAG,EAAqB,CAAA;AAExB,EAAA,2CACG,MACC,EAAA,IAAA,kBAAA,KAAA,CAAA,aAAA;AAAA,IAAC,KAAA;AAAA,IAAA;AAAA,MACC,IAAK,EAAA,GAAA;AAAA,MACL,OAAA,kBACG,KAAA,CAAA,aAAA,CAAA,8BAAA,EAAA,EAA+B,aAA8B,EAAA;AAAA;AAAA,GAGlE,kBAAA,KAAA,CAAA,aAAA;AAAA,IAAC,KAAA;AAAA,IAAA;AAAA,MACC,IAAA,EAAM,CAAG,EAAA,qBAAA,CAAsB,IAAI,CAAA,CAAA;AAAA,MACnC,OACE,kBAAA,KAAA,CAAA,aAAA;AAAA,QAAC,8BAAA;AAAA,QAAA;AAAA,UACC,aAAA;AAAA,UACA,eAAe,EAAA;AAAA;AAAA;AACjB;AAAA,GAGJ,kBAAA,KAAA,CAAA,aAAA;AAAA,IAAC,KAAA;AAAA,IAAA;AAAA,MACC,IAAA,EAAM,CAAG,EAAA,wBAAA,CAAyB,IAAI,CAAA,CAAA;AAAA,MACtC,OACE,kBAAA,KAAA,CAAA,aAAA;AAAA,QAAC,8BAAA;AAAA,QAAA;AAAA,UACC,aAAA;AAAA,UACA,qBAAqB,EAAA;AAAA;AAAA;AACvB;AAAA,GAGN,CAAA;AAEJ;;;;"}

package/dist/components/SecurityViewer/SecurityViewerGithubActionsDetail.esm.js

@@ -0,0 +1,19 @@
+import { useRouteRefParams } from '@backstage/core-plugin-api';
+import React from 'react';
+import { githubActionsJobRouteRef } from '../../routes.esm.js';
+import { SecurityViewerPipelineDetailList } from './SecurityViewerPipelineDetailList.esm.js';
+import { mssvGithubActionsApiRef } from '../../api/github.esm.js';
+
+const SecurityViewerGithubActionsDetail = () => {
+  const { id } = useRouteRefParams(githubActionsJobRouteRef);
+  return /* @__PURE__ */ React.createElement(
+    SecurityViewerPipelineDetailList,
+    {
+      jobRef: `${id}`,
+      apiRef: mssvGithubActionsApiRef
+    }
+  );
+};
+
+export { SecurityViewerGithubActionsDetail };
+//# sourceMappingURL=SecurityViewerGithubActionsDetail.esm.js.map

package/dist/components/SecurityViewer/SecurityViewerGithubActionsDetail.esm.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"SecurityViewerGithubActionsDetail.esm.js","sources":["../../../src/components/SecurityViewer/SecurityViewerGithubActionsDetail.tsx"],"sourcesContent":["/*\n * Copyright 2024 The Backstage Authors\n *\n * Licensed under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License.\n * You may obtain a copy of the License at\n *\n *     http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software\n * distributed under the License is distributed on an \"AS IS\" BASIS,\n * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n * See the License for the specific language governing permissions and\n * limitations under the License.\n */\nimport { useRouteRefParams } from '@backstage/core-plugin-api';\nimport React from 'react';\nimport { githubActionsJobRouteRef } from '../../routes';\nimport { SecurityViewerPipelineDetailList } from './SecurityViewerPipelineDetailList';\nimport { mssvGithubActionsApiRef } from '../../api/github';\n\nexport const SecurityViewerGithubActionsDetail = () => {\n  const { id } = useRouteRefParams(githubActionsJobRouteRef);\n  return (\n    <SecurityViewerPipelineDetailList\n      jobRef={`${id}`}\n      apiRef={mssvGithubActionsApiRef}\n    />\n  );\n};\n"],"names":[],"mappings":";;;;;;AAqBO,MAAM,oCAAoC,MAAM;AACrD,EAAA,MAAM,EAAE,EAAA,EAAO,GAAA,iBAAA,CAAkB,wBAAwB,CAAA;AACzD,EACE,uBAAA,KAAA,CAAA,aAAA;AAAA,IAAC,gCAAA;AAAA,IAAA;AAAA,MACC,MAAA,EAAQ,GAAG,EAAE,CAAA,CAAA;AAAA,MACb,MAAQ,EAAA;AAAA;AAAA,GACV;AAEJ;;;;"}

package/dist/components/SecurityViewer/SecurityViewerJenkinsDetail.esm.js

@@ -0,0 +1,19 @@
+import React from 'react';
+import { SecurityViewerPipelineDetailList } from './SecurityViewerPipelineDetailList.esm.js';
+import { mssvJenkinsApiRef } from '../../api/jenkins.esm.js';
+import { jenkinsJobRunRouteRef } from '../../routes.esm.js';
+import { useRouteRefParams } from '@backstage/core-plugin-api';
+
+const SecurityViewerJenkinsDetail = () => {
+  const { jobFullName } = useRouteRefParams(jenkinsJobRunRouteRef);
+  return /* @__PURE__ */ React.createElement(
+    SecurityViewerPipelineDetailList,
+    {
+      jobRef: `${jobFullName}`,
+      apiRef: mssvJenkinsApiRef
+    }
+  );
+};
+
+export { SecurityViewerJenkinsDetail };
+//# sourceMappingURL=SecurityViewerJenkinsDetail.esm.js.map

package/dist/components/SecurityViewer/SecurityViewerJenkinsDetail.esm.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"SecurityViewerJenkinsDetail.esm.js","sources":["../../../src/components/SecurityViewer/SecurityViewerJenkinsDetail.tsx"],"sourcesContent":["/*\n * Copyright 2024 The Backstage Authors\n *\n * Licensed under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License.\n * You may obtain a copy of the License at\n *\n *     http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software\n * distributed under the License is distributed on an \"AS IS\" BASIS,\n * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n * See the License for the specific language governing permissions and\n * limitations under the License.\n */\nimport React from 'react';\nimport { SecurityViewerPipelineDetailList } from './SecurityViewerPipelineDetailList';\nimport { mssvJenkinsApiRef } from '../../api/jenkins';\nimport { jenkinsJobRunRouteRef } from '../../routes';\nimport { useRouteRefParams } from '@backstage/core-plugin-api';\n\nexport const SecurityViewerJenkinsDetail = () => {\n  const { jobFullName } = useRouteRefParams(jenkinsJobRunRouteRef);\n  return (\n    <SecurityViewerPipelineDetailList\n      jobRef={`${jobFullName}`}\n      apiRef={mssvJenkinsApiRef}\n    />\n  );\n};\n"],"names":[],"mappings":";;;;;;AAqBO,MAAM,8BAA8B,MAAM;AAC/C,EAAA,MAAM,EAAE,WAAA,EAAgB,GAAA,iBAAA,CAAkB,qBAAqB,CAAA;AAC/D,EACE,uBAAA,KAAA,CAAA,aAAA;AAAA,IAAC,gCAAA;AAAA,IAAA;AAAA,MACC,MAAA,EAAQ,GAAG,WAAW,CAAA,CAAA;AAAA,MACtB,MAAQ,EAAA;AAAA;AAAA,GACV;AAEJ;;;;"}

package/dist/components/SecurityViewer/SecurityViewerMultiCIPipelines.esm.js

@@ -0,0 +1,52 @@
+import React from 'react';
+import { ErrorBoundary } from '@backstage/core-components';
+import { makeStyles, Box, Paper, Typography } from '@material-ui/core';
+import Grid from '@mui/material/Grid';
+import { useDarkTheme } from '../../hooks/useDarkTheme.esm.js';
+import { QueryClient, QueryClientProvider } from '@tanstack/react-query';
+import { SecurityViewerTabbedMultiCISummaryList } from './SecurityViewerTabbedMultiCISummaryList.esm.js';
+import { SecurityViewerJenkinsDetail } from './SecurityViewerJenkinsDetail.esm.js';
+import { SecurityViewerGithubActionsDetail } from './SecurityViewerGithubActionsDetail.esm.js';
+import { useMssvViewPermission } from '../../hooks/useMssvViewPermisson.esm.js';
+import PermissionAlert from '../PermissionAlert/PermissionAlert.esm.js';
+import { EmptyStateSpinner } from '../EmptyState/EmptyStateSpinner.esm.js';
+
+const useStyles = makeStyles((theme) => ({
+  root: {
+    alignItems: "start"
+  },
+  title: {
+    margin: theme.spacing(0, 0, 2, 2),
+    fontWeight: 700
+  },
+  titleBox: {
+    marginTop: theme.spacing(2)
+  }
+}));
+const SecurityViewerMultiCIPipelines = ({ multiCIConfig, isJenkinsDetail, isGithubActionsDetail }) => {
+  useDarkTheme();
+  const classes = useStyles();
+  const queryClient = new QueryClient();
+  const isSummary = !isJenkinsDetail && !isGithubActionsDetail;
+  const { allowed: hasViewPermission, loading: viewPermissionLoading } = useMssvViewPermission();
+  if (!hasViewPermission) {
+    return viewPermissionLoading ? /* @__PURE__ */ React.createElement(EmptyStateSpinner, null) : /* @__PURE__ */ React.createElement(PermissionAlert, null);
+  }
+  return /* @__PURE__ */ React.createElement(React.Fragment, null, /* @__PURE__ */ React.createElement(Box, { className: classes.root }, /* @__PURE__ */ React.createElement(Paper, null, /* @__PURE__ */ React.createElement(Grid, { container: true }, /* @__PURE__ */ React.createElement(Grid, { item: true, xs: 12 }, /* @__PURE__ */ React.createElement(Box, { className: classes.titleBox }, /* @__PURE__ */ React.createElement(
+    Typography,
+    {
+      variant: "h4",
+      component: "h4",
+      className: classes.title
+    },
+    "Security Information"
+  ))), /* @__PURE__ */ React.createElement(Grid, { item: true, xs: 12 }, /* @__PURE__ */ React.createElement(ErrorBoundary, null, /* @__PURE__ */ React.createElement(QueryClientProvider, { client: queryClient }, isJenkinsDetail && /* @__PURE__ */ React.createElement(SecurityViewerJenkinsDetail, null), isGithubActionsDetail && /* @__PURE__ */ React.createElement(SecurityViewerGithubActionsDetail, null), isSummary && /* @__PURE__ */ React.createElement(
+    SecurityViewerTabbedMultiCISummaryList,
+    {
+      multiCIConfig
+    }
+  ))))))));
+};
+
+export { SecurityViewerMultiCIPipelines };
+//# sourceMappingURL=SecurityViewerMultiCIPipelines.esm.js.map

package/dist/components/SecurityViewer/SecurityViewerMultiCIPipelines.esm.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"SecurityViewerMultiCIPipelines.esm.js","sources":["../../../src/components/SecurityViewer/SecurityViewerMultiCIPipelines.tsx"],"sourcesContent":["/*\n * Copyright 2024 The Backstage Authors\n *\n * Licensed under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License.\n * You may obtain a copy of the License at\n *\n *     http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software\n * distributed under the License is distributed on an \"AS IS\" BASIS,\n * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n * See the License for the specific language governing permissions and\n * limitations under the License.\n */\nimport React from 'react';\nimport { ErrorBoundary } from '@backstage/core-components';\nimport { Box, Paper, Typography, makeStyles, Theme } from '@material-ui/core';\nimport Grid from '@mui/material/Grid';\nimport { useDarkTheme } from '../../hooks/useDarkTheme';\nimport { QueryClient, QueryClientProvider } from '@tanstack/react-query';\nimport { SecurityViewerTabbedMultiCISummaryList } from './SecurityViewerTabbedMultiCISummaryList';\nimport { MultiCIConfig } from '../../types/multiCI';\nimport { SecurityViewerJenkinsDetail } from './SecurityViewerJenkinsDetail';\nimport { SecurityViewerGithubActionsDetail } from './SecurityViewerGithubActionsDetail';\nimport { useMssvViewPermission } from '../../hooks/useMssvViewPermisson';\nimport PermissionAlert from '../PermissionAlert/PermissionAlert';\nimport { EmptyStateSpinner } from '../EmptyState/EmptyStateSpinner';\n\nconst useStyles = makeStyles((theme: Theme) => ({\n  root: {\n    alignItems: 'start',\n  },\n  title: {\n    margin: theme.spacing(0, 0, 2, 2),\n    fontWeight: 700,\n  },\n  titleBox: {\n    marginTop: theme.spacing(2),\n  },\n}));\n\ntype SecurityViewerMultiCIPipelinesProps = {\n  multiCIConfig: MultiCIConfig[];\n  isJenkinsDetail?: boolean;\n  isGithubActionsDetail?: boolean;\n};\n\nexport const SecurityViewerMultiCIPipelines: React.FC<\n  SecurityViewerMultiCIPipelinesProps\n> = ({ multiCIConfig, isJenkinsDetail, isGithubActionsDetail }) => {\n  useDarkTheme();\n  const classes = useStyles();\n  const queryClient = new QueryClient();\n  const isSummary = !isJenkinsDetail && !isGithubActionsDetail;\n  const { allowed: hasViewPermission, loading: viewPermissionLoading } =\n    useMssvViewPermission();\n\n  if (!hasViewPermission) {\n    return viewPermissionLoading ? <EmptyStateSpinner /> : <PermissionAlert />;\n  }\n\n  return (\n    <React.Fragment>\n      <Box className={classes.root}>\n        <Paper>\n          <Grid container>\n            <Grid item xs={12}>\n              <Box className={classes.titleBox}>\n                <Typography\n                  variant=\"h4\"\n                  component=\"h4\"\n                  className={classes.title}\n                >\n                  Security Information\n                </Typography>\n              </Box>\n            </Grid>\n            <Grid item xs={12}>\n              <ErrorBoundary>\n                <QueryClientProvider client={queryClient}>\n                  {isJenkinsDetail && <SecurityViewerJenkinsDetail />}\n                  {isGithubActionsDetail && (\n                    <SecurityViewerGithubActionsDetail />\n                  )}\n                  {isSummary && (\n                    <SecurityViewerTabbedMultiCISummaryList\n                      multiCIConfig={multiCIConfig}\n                    />\n                  )}\n                </QueryClientProvider>\n              </ErrorBoundary>\n            </Grid>\n          </Grid>\n        </Paper>\n      </Box>\n    </React.Fragment>\n  );\n};\n"],"names":[],"mappings":";;;;;;;;;;;;;AA6BA,MAAM,SAAA,GAAY,UAAW,CAAA,CAAC,KAAkB,MAAA;AAAA,EAC9C,IAAM,EAAA;AAAA,IACJ,UAAY,EAAA;AAAA,GACd;AAAA,EACA,KAAO,EAAA;AAAA,IACL,QAAQ,KAAM,CAAA,OAAA,CAAQ,CAAG,EAAA,CAAA,EAAG,GAAG,CAAC,CAAA;AAAA,IAChC,UAAY,EAAA;AAAA,GACd;AAAA,EACA,QAAU,EAAA;AAAA,IACR,SAAA,EAAW,KAAM,CAAA,OAAA,CAAQ,CAAC;AAAA;AAE9B,CAAE,CAAA,CAAA;AAQK,MAAM,iCAET,CAAC,EAAE,aAAe,EAAA,eAAA,EAAiB,uBAA4B,KAAA;AACjE,EAAa,YAAA,EAAA;AACb,EAAA,MAAM,UAAU,SAAU,EAAA;AAC1B,EAAM,MAAA,WAAA,GAAc,IAAI,WAAY,EAAA;AACpC,EAAM,MAAA,SAAA,GAAY,CAAC,eAAA,IAAmB,CAAC,qBAAA;AACvC,EAAA,MAAM,EAAE,OAAS,EAAA,iBAAA,EAAmB,OAAS,EAAA,qBAAA,KAC3C,qBAAsB,EAAA;AAExB,EAAA,IAAI,CAAC,iBAAmB,EAAA;AACtB,IAAA,OAAO,qBAAwB,mBAAA,KAAA,CAAA,aAAA,CAAC,iBAAkB,EAAA,IAAA,CAAA,uCAAM,eAAgB,EAAA,IAAA,CAAA;AAAA;AAG1E,EACE,uBAAA,KAAA,CAAA,aAAA,CAAC,KAAM,CAAA,QAAA,EAAN,IACC,kBAAA,KAAA,CAAA,aAAA,CAAC,OAAI,SAAW,EAAA,OAAA,CAAQ,IACtB,EAAA,kBAAA,KAAA,CAAA,aAAA,CAAC,KACC,EAAA,IAAA,kBAAA,KAAA,CAAA,aAAA,CAAC,QAAK,SAAS,EAAA,IAAA,EAAA,kBACZ,KAAA,CAAA,aAAA,CAAA,IAAA,EAAA,EAAK,IAAI,EAAA,IAAA,EAAC,EAAI,EAAA,EAAA,EAAA,kBACZ,KAAA,CAAA,aAAA,CAAA,GAAA,EAAA,EAAI,SAAW,EAAA,OAAA,CAAQ,QACtB,EAAA,kBAAA,KAAA,CAAA,aAAA;AAAA,IAAC,UAAA;AAAA,IAAA;AAAA,MACC,OAAQ,EAAA,IAAA;AAAA,MACR,SAAU,EAAA,IAAA;AAAA,MACV,WAAW,OAAQ,CAAA;AAAA,KAAA;AAAA,IACpB;AAAA,GAGH,CACF,CACA,kBAAA,KAAA,CAAA,aAAA,CAAC,QAAK,IAAI,EAAA,IAAA,EAAC,EAAI,EAAA,EAAA,EAAA,kBACZ,KAAA,CAAA,aAAA,CAAA,aAAA,EAAA,IAAA,sCACE,mBAAoB,EAAA,EAAA,MAAA,EAAQ,WAC1B,EAAA,EAAA,eAAA,oBAAoB,KAAA,CAAA,aAAA,CAAA,2BAAA,EAAA,IAA4B,GAChD,qBACC,oBAAA,KAAA,CAAA,aAAA,CAAC,iCAAkC,EAAA,IAAA,CAAA,EAEpC,SACC,oBAAA,KAAA,CAAA,aAAA;AAAA,IAAC,sCAAA;AAAA,IAAA;AAAA,MACC;AAAA;AAAA,GAGN,CACF,CACF,CACF,CACF,CACF,CACF,CAAA;AAEJ;;;;"}

package/dist/components/SecurityViewer/SecurityViewerPipelineDetailList.esm.js

@@ -0,0 +1,31 @@
+import React from 'react';
+import { PipelineRunList } from '../PipelineRunList/PipelineRunList.esm.js';
+import { usePipelineDetail } from '../../hooks/usePipelineDetail.esm.js';
+
+const SecurityViewerPipelineDetailList = ({ jobRef, apiRef }) => {
+  const [page, setPage] = React.useState(0);
+  const [pageSize, setPageSize] = React.useState(5);
+  const [pipelineDetailRuns, totalCount, loading, error] = usePipelineDetail(
+    apiRef,
+    jobRef,
+    page,
+    pageSize
+  );
+  const onUpdatePagination = (newPage, newPageSize) => {
+    setPage(newPage);
+    setPageSize(newPageSize);
+  };
+  return /* @__PURE__ */ React.createElement(React.Fragment, null, /* @__PURE__ */ React.createElement(
+    PipelineRunList,
+    {
+      data: pipelineDetailRuns,
+      totalCount,
+      loading,
+      error,
+      onUpdatePagination
+    }
+  ));
+};
+
+export { SecurityViewerPipelineDetailList };
+//# sourceMappingURL=SecurityViewerPipelineDetailList.esm.js.map

package/dist/components/SecurityViewer/SecurityViewerPipelineDetailList.esm.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"SecurityViewerPipelineDetailList.esm.js","sources":["../../../src/components/SecurityViewer/SecurityViewerPipelineDetailList.tsx"],"sourcesContent":["/*\n * Copyright 2024 The Backstage Authors\n *\n * Licensed under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License.\n * You may obtain a copy of the License at\n *\n *     http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software\n * distributed under the License is distributed on an \"AS IS\" BASIS,\n * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n * See the License for the specific language governing permissions and\n * limitations under the License.\n */\nimport React from 'react';\nimport { PipelineRunList } from '../PipelineRunList/PipelineRunList';\nimport { usePipelineDetail } from '../../hooks/usePipelineDetail';\nimport { ApiRef } from '@backstage/core-plugin-api';\nimport { MssvApi } from '../../api/mssv';\n\ntype SecurityViewerPipelineDetailListProps = {\n  jobRef: string;\n  apiRef: ApiRef<MssvApi>;\n};\n\nexport const SecurityViewerPipelineDetailList: React.FC<\n  SecurityViewerPipelineDetailListProps\n> = ({ jobRef, apiRef }) => {\n  const [page, setPage] = React.useState(0);\n  const [pageSize, setPageSize] = React.useState(5);\n  const [pipelineDetailRuns, totalCount, loading, error] = usePipelineDetail(\n    apiRef,\n    jobRef,\n    page,\n    pageSize,\n  );\n\n  const onUpdatePagination = (newPage: number, newPageSize: number) => {\n    setPage(newPage);\n    setPageSize(newPageSize);\n  };\n\n  return (\n    <React.Fragment>\n      <PipelineRunList\n        data={pipelineDetailRuns}\n        totalCount={totalCount}\n        loading={loading}\n        error={error}\n        onUpdatePagination={onUpdatePagination}\n      />\n    </React.Fragment>\n  );\n};\n"],"names":[],"mappings":";;;;AA0BO,MAAM,gCAET,GAAA,CAAC,EAAE,MAAA,EAAQ,QAAa,KAAA;AAC1B,EAAA,MAAM,CAAC,IAAM,EAAA,OAAO,CAAI,GAAA,KAAA,CAAM,SAAS,CAAC,CAAA;AACxC,EAAA,MAAM,CAAC,QAAU,EAAA,WAAW,CAAI,GAAA,KAAA,CAAM,SAAS,CAAC,CAAA;AAChD,EAAA,MAAM,CAAC,kBAAA,EAAoB,UAAY,EAAA,OAAA,EAAS,KAAK,CAAI,GAAA,iBAAA;AAAA,IACvD,MAAA;AAAA,IACA,MAAA;AAAA,IACA,IAAA;AAAA,IACA;AAAA,GACF;AAEA,EAAM,MAAA,kBAAA,GAAqB,CAAC,OAAA,EAAiB,WAAwB,KAAA;AACnE,IAAA,OAAA,CAAQ,OAAO,CAAA;AACf,IAAA,WAAA,CAAY,WAAW,CAAA;AAAA,GACzB;AAEA,EACE,uBAAA,KAAA,CAAA,aAAA,CAAC,KAAM,CAAA,QAAA,EAAN,IACC,kBAAA,KAAA,CAAA,aAAA;AAAA,IAAC,eAAA;AAAA,IAAA;AAAA,MACC,IAAM,EAAA,kBAAA;AAAA,MACN,UAAA;AAAA,MACA,OAAA;AAAA,MACA,KAAA;AAAA,MACA;AAAA;AAAA,GAEJ,CAAA;AAEJ;;;;"}

package/dist/components/SecurityViewer/SecurityViewerPipelineSummaryList.esm.js

@@ -0,0 +1,32 @@
+import React from 'react';
+import { PipelineRunList } from '../PipelineRunList/PipelineRunList.esm.js';
+import { usePipelineSummary } from '../../hooks/usePipelineSummary.esm.js';
+
+const SecurityViewerPipelineSummary = ({
+  apiRef
+}) => {
+  const [page, setPage] = React.useState(0);
+  const [pageSize, setPageSize] = React.useState(5);
+  const [pipelineSummary, totalCount, loading, error] = usePipelineSummary(
+    apiRef,
+    page,
+    pageSize
+  );
+  const onUpdatePagination = (newPage, newPageSize) => {
+    setPage(newPage);
+    setPageSize(newPageSize);
+  };
+  return /* @__PURE__ */ React.createElement(React.Fragment, null, /* @__PURE__ */ React.createElement(
+    PipelineRunList,
+    {
+      data: pipelineSummary,
+      totalCount,
+      loading,
+      error,
+      onUpdatePagination
+    }
+  ));
+};
+
+export { SecurityViewerPipelineSummary };
+//# sourceMappingURL=SecurityViewerPipelineSummaryList.esm.js.map

package/dist/components/SecurityViewer/SecurityViewerPipelineSummaryList.esm.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"SecurityViewerPipelineSummaryList.esm.js","sources":["../../../src/components/SecurityViewer/SecurityViewerPipelineSummaryList.tsx"],"sourcesContent":["/*\n * Copyright 2024 The Backstage Authors\n *\n * Licensed under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License.\n * You may obtain a copy of the License at\n *\n *     http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software\n * distributed under the License is distributed on an \"AS IS\" BASIS,\n * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n * See the License for the specific language governing permissions and\n * limitations under the License.\n */\nimport React from 'react';\nimport { ApiRef } from '@backstage/core-plugin-api';\nimport { PipelineRunList } from '../PipelineRunList/PipelineRunList';\nimport { usePipelineSummary } from '../../hooks/usePipelineSummary';\nimport { MssvApi } from '../../api/mssv';\n\nexport const SecurityViewerPipelineSummary = ({\n  apiRef,\n}: {\n  apiRef: ApiRef<MssvApi>;\n}) => {\n  const [page, setPage] = React.useState<number>(0);\n  const [pageSize, setPageSize] = React.useState<number>(5);\n  const [pipelineSummary, totalCount, loading, error] = usePipelineSummary(\n    apiRef,\n    page,\n    pageSize,\n  );\n  const onUpdatePagination = (newPage: number, newPageSize: number) => {\n    setPage(newPage);\n    setPageSize(newPageSize);\n  };\n\n  return (\n    <React.Fragment>\n      <PipelineRunList\n        data={pipelineSummary}\n        totalCount={totalCount}\n        loading={loading}\n        error={error}\n        onUpdatePagination={onUpdatePagination}\n      />\n    </React.Fragment>\n  );\n};\n"],"names":[],"mappings":";;;;AAqBO,MAAM,gCAAgC,CAAC;AAAA,EAC5C;AACF,CAEM,KAAA;AACJ,EAAA,MAAM,CAAC,IAAM,EAAA,OAAO,CAAI,GAAA,KAAA,CAAM,SAAiB,CAAC,CAAA;AAChD,EAAA,MAAM,CAAC,QAAU,EAAA,WAAW,CAAI,GAAA,KAAA,CAAM,SAAiB,CAAC,CAAA;AACxD,EAAA,MAAM,CAAC,eAAA,EAAiB,UAAY,EAAA,OAAA,EAAS,KAAK,CAAI,GAAA,kBAAA;AAAA,IACpD,MAAA;AAAA,IACA,IAAA;AAAA,IACA;AAAA,GACF;AACA,EAAM,MAAA,kBAAA,GAAqB,CAAC,OAAA,EAAiB,WAAwB,KAAA;AACnE,IAAA,OAAA,CAAQ,OAAO,CAAA;AACf,IAAA,WAAA,CAAY,WAAW,CAAA;AAAA,GACzB;AAEA,EACE,uBAAA,KAAA,CAAA,aAAA,CAAC,KAAM,CAAA,QAAA,EAAN,IACC,kBAAA,KAAA,CAAA,aAAA;AAAA,IAAC,eAAA;AAAA,IAAA;AAAA,MACC,IAAM,EAAA,eAAA;AAAA,MACN,UAAA;AAAA,MACA,OAAA;AAAA,MACA,KAAA;AAAA,MACA;AAAA;AAAA,GAEJ,CAAA;AAEJ;;;;"}

package/dist/components/SecurityViewer/SecurityViewerTabbedMultiCISummaryList.esm.js

@@ -0,0 +1,26 @@
+import React from 'react';
+import { makeStyles, Box, Tabs, Tab } from '@material-ui/core';
+import { SecurityViewerPipelineSummary } from './SecurityViewerPipelineSummaryList.esm.js';
+
+const useStyles = makeStyles((theme) => ({
+  tabbedContent: {
+    marginTop: theme.spacing(4)
+  }
+}));
+const SecurityViewerTabbedMultiCISummaryList = ({ multiCIConfig }) => {
+  const classes = useStyles();
+  const [tabValue, setTabValue] = React.useState(0);
+  const handleChange = (_event, newValue) => {
+    setTabValue(newValue);
+  };
+  return /* @__PURE__ */ React.createElement(React.Fragment, null, /* @__PURE__ */ React.createElement(Box, null, /* @__PURE__ */ React.createElement(Tabs, { value: tabValue, onChange: handleChange, "aria-label": "Multi CI" }, (multiCIConfig ?? []).map((config, index) => /* @__PURE__ */ React.createElement(Tab, { label: config.title, key: index, "aria-label": config.title }))), /* @__PURE__ */ React.createElement(Box, { className: classes.tabbedContent }, (multiCIConfig ?? []).map((_, index) => /* @__PURE__ */ React.createElement(Box, { key: `security-viewer-box-${index}` }, tabValue === index && /* @__PURE__ */ React.createElement(
+    SecurityViewerPipelineSummary,
+    {
+      key: `security-viewer-summary-${index}`,
+      apiRef: multiCIConfig[index].apiRef
+    }
+  ))))));
+};
+
+export { SecurityViewerTabbedMultiCISummaryList };
+//# sourceMappingURL=SecurityViewerTabbedMultiCISummaryList.esm.js.map

package/dist/components/SecurityViewer/SecurityViewerTabbedMultiCISummaryList.esm.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"SecurityViewerTabbedMultiCISummaryList.esm.js","sources":["../../../src/components/SecurityViewer/SecurityViewerTabbedMultiCISummaryList.tsx"],"sourcesContent":["/*\n * Copyright 2024 The Backstage Authors\n *\n * Licensed under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License.\n * You may obtain a copy of the License at\n *\n *     http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software\n * distributed under the License is distributed on an \"AS IS\" BASIS,\n * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n * See the License for the specific language governing permissions and\n * limitations under the License.\n */\nimport React from 'react';\nimport { Box, Tabs, Tab, makeStyles, Theme } from '@material-ui/core';\nimport { MultiCIConfig } from '../../types/multiCI';\nimport { SecurityViewerPipelineSummary } from './SecurityViewerPipelineSummaryList';\n\ntype SecurityViewerTabbedMultiCISummaryListProps = {\n  multiCIConfig: MultiCIConfig[];\n};\n\nconst useStyles = makeStyles((theme: Theme) => ({\n  tabbedContent: {\n    marginTop: theme.spacing(4),\n  },\n}));\n\nexport const SecurityViewerTabbedMultiCISummaryList: React.FC<\n  SecurityViewerTabbedMultiCISummaryListProps\n> = ({ multiCIConfig }) => {\n  const classes = useStyles();\n  const [tabValue, setTabValue] = React.useState(0);\n  const handleChange = (\n    _event: React.ChangeEvent<{}> | React.SyntheticEvent,\n    newValue: number,\n  ) => {\n    setTabValue(newValue);\n  };\n\n  return (\n    <React.Fragment>\n      <Box>\n        <Tabs value={tabValue} onChange={handleChange} aria-label=\"Multi CI\">\n          {(multiCIConfig ?? []).map((config, index) => (\n            <Tab label={config.title} key={index} aria-label={config.title} />\n          ))}\n        </Tabs>\n\n        <Box className={classes.tabbedContent}>\n          {(multiCIConfig ?? []).map((_, index) => (\n            <Box key={`security-viewer-box-${index}`}>\n              {tabValue === index && (\n                <SecurityViewerPipelineSummary\n                  key={`security-viewer-summary-${index}`}\n                  apiRef={multiCIConfig[index].apiRef}\n                />\n              )}\n            </Box>\n          ))}\n        </Box>\n      </Box>\n    </React.Fragment>\n  );\n};\n"],"names":[],"mappings":";;;;AAwBA,MAAM,SAAA,GAAY,UAAW,CAAA,CAAC,KAAkB,MAAA;AAAA,EAC9C,aAAe,EAAA;AAAA,IACb,SAAA,EAAW,KAAM,CAAA,OAAA,CAAQ,CAAC;AAAA;AAE9B,CAAE,CAAA,CAAA;AAEK,MAAM,sCAET,GAAA,CAAC,EAAE,aAAA,EAAoB,KAAA;AACzB,EAAA,MAAM,UAAU,SAAU,EAAA;AAC1B,EAAA,MAAM,CAAC,QAAU,EAAA,WAAW,CAAI,GAAA,KAAA,CAAM,SAAS,CAAC,CAAA;AAChD,EAAM,MAAA,YAAA,GAAe,CACnB,MAAA,EACA,QACG,KAAA;AACH,IAAA,WAAA,CAAY,QAAQ,CAAA;AAAA,GACtB;AAEA,EACE,uBAAA,KAAA,CAAA,aAAA,CAAC,KAAM,CAAA,QAAA,EAAN,IACC,kBAAA,KAAA,CAAA,aAAA,CAAC,2BACE,KAAA,CAAA,aAAA,CAAA,IAAA,EAAA,EAAK,KAAO,EAAA,QAAA,EAAU,QAAU,EAAA,YAAA,EAAc,cAAW,UACtD,EAAA,EAAA,CAAA,aAAA,IAAiB,EAAC,EAAG,GAAI,CAAA,CAAC,QAAQ,KAClC,qBAAA,KAAA,CAAA,aAAA,CAAC,GAAI,EAAA,EAAA,KAAA,EAAO,MAAO,CAAA,KAAA,EAAO,KAAK,KAAO,EAAA,YAAA,EAAY,MAAO,CAAA,KAAA,EAAO,CACjE,CACH,mBAEC,KAAA,CAAA,aAAA,CAAA,GAAA,EAAA,EAAI,SAAW,EAAA,OAAA,CAAQ,aACpB,EAAA,EAAA,CAAA,aAAA,IAAiB,EAAI,EAAA,GAAA,CAAI,CAAC,CAAA,EAAG,KAC7B,qBAAA,KAAA,CAAA,aAAA,CAAC,GAAI,EAAA,EAAA,GAAA,EAAK,CAAuB,oBAAA,EAAA,KAAK,CACnC,CAAA,EAAA,EAAA,QAAA,KAAa,KACZ,oBAAA,KAAA,CAAA,aAAA;AAAA,IAAC,6BAAA;AAAA,IAAA;AAAA,MACC,GAAA,EAAK,2BAA2B,KAAK,CAAA,CAAA;AAAA,MACrC,MAAA,EAAQ,aAAc,CAAA,KAAK,CAAE,CAAA;AAAA;AAAA,GAGnC,CACD,CACH,CACF,CACF,CAAA;AAEJ;;;;"}

package/dist/hooks/useDarkTheme.esm.js

@@ -0,0 +1,21 @@
+import React from 'react';
+import { useTheme } from '@material-ui/core/styles';
+
+const THEME_DARK = "dark";
+const THEME_DARK_CLASS = "pf-v6-theme-dark";
+const useDarkTheme = () => {
+  const {
+    palette: { type }
+  } = useTheme();
+  React.useEffect(() => {
+    const htmlTagElement = document.documentElement;
+    if (type === THEME_DARK) {
+      htmlTagElement.classList.add(THEME_DARK_CLASS);
+    } else {
+      htmlTagElement.classList.remove(THEME_DARK_CLASS);
+    }
+  }, [type]);
+};
+
+export { useDarkTheme };
+//# sourceMappingURL=useDarkTheme.esm.js.map

package/dist/hooks/useDarkTheme.esm.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useDarkTheme.esm.js","sources":["../../src/hooks/useDarkTheme.ts"],"sourcesContent":["/*\n * Copyright 2024 The Backstage Authors\n *\n * Licensed under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License.\n * You may obtain a copy of the License at\n *\n *     http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software\n * distributed under the License is distributed on an \"AS IS\" BASIS,\n * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n * See the License for the specific language governing permissions and\n * limitations under the License.\n */\nimport React from 'react';\nimport { useTheme } from '@material-ui/core/styles';\n\nconst THEME_DARK = 'dark';\nconst THEME_DARK_CLASS = 'pf-v6-theme-dark';\n\nexport const useDarkTheme = () => {\n  const {\n    palette: { type },\n  } = useTheme();\n\n  React.useEffect(() => {\n    const htmlTagElement = document.documentElement;\n    if (type === THEME_DARK) {\n      htmlTagElement.classList.add(THEME_DARK_CLASS);\n    } else {\n      htmlTagElement.classList.remove(THEME_DARK_CLASS);\n    }\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n  }, [type]);\n};\n"],"names":[],"mappings":";;;AAkBA,MAAM,UAAa,GAAA,MAAA;AACnB,MAAM,gBAAmB,GAAA,kBAAA;AAElB,MAAM,eAAe,MAAM;AAChC,EAAM,MAAA;AAAA,IACJ,OAAA,EAAS,EAAE,IAAK;AAAA,MACd,QAAS,EAAA;AAEb,EAAA,KAAA,CAAM,UAAU,MAAM;AACpB,IAAA,MAAM,iBAAiB,QAAS,CAAA,eAAA;AAChC,IAAA,IAAI,SAAS,UAAY,EAAA;AACvB,MAAe,cAAA,CAAA,SAAA,CAAU,IAAI,gBAAgB,CAAA;AAAA,KACxC,MAAA;AACL,MAAe,cAAA,CAAA,SAAA,CAAU,OAAO,gBAAgB,CAAA;AAAA;AAClD,GAEF,EAAG,CAAC,IAAI,CAAC,CAAA;AACX;;;;"}

package/dist/hooks/useMssvViewPermisson.esm.js

@@ -0,0 +1,12 @@
+import { usePermission } from '@backstage/plugin-permission-react';
+import { mssvViewPermission } from '@backstage-community/plugin-multi-source-security-viewer-common';
+
+const useMssvViewPermission = () => {
+  const mssvViewPermissionResult = usePermission({
+    permission: mssvViewPermission
+  });
+  return mssvViewPermissionResult;
+};
+
+export { useMssvViewPermission };
+//# sourceMappingURL=useMssvViewPermisson.esm.js.map

package/dist/hooks/useMssvViewPermisson.esm.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useMssvViewPermisson.esm.js","sources":["../../src/hooks/useMssvViewPermisson.ts"],"sourcesContent":["/*\n * Copyright 2025 The Backstage Authors\n *\n * Licensed under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License.\n * You may obtain a copy of the License at\n *\n *     http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software\n * distributed under the License is distributed on an \"AS IS\" BASIS,\n * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n * See the License for the specific language governing permissions and\n * limitations under the License.\n */\nimport { usePermission } from '@backstage/plugin-permission-react';\nimport { mssvViewPermission } from '@backstage-community/plugin-multi-source-security-viewer-common';\n\nexport const useMssvViewPermission = () => {\n  const mssvViewPermissionResult = usePermission({\n    permission: mssvViewPermission,\n  });\n\n  return mssvViewPermissionResult;\n};\n"],"names":[],"mappings":";;;AAkBO,MAAM,wBAAwB,MAAM;AACzC,EAAA,MAAM,2BAA2B,aAAc,CAAA;AAAA,IAC7C,UAAY,EAAA;AAAA,GACb,CAAA;AAED,EAAO,OAAA,wBAAA;AACT;;;;"}

package/dist/hooks/usePipelineDetail.esm.js

@@ -0,0 +1,39 @@
+import React from 'react';
+import { useEntity } from '@backstage/plugin-catalog-react';
+import { useApi, errorApiRef } from '@backstage/core-plugin-api';
+import { useQuery } from '@tanstack/react-query';
+import { useLocation } from 'react-router-dom';
+
+const usePipelineDetail = (apiRef, ref, page, pageSize) => {
+  const { entity } = useEntity();
+  const api = useApi(apiRef);
+  const location = useLocation();
+  const errorApi = useApi(errorApiRef);
+  const queryFn = async () => {
+    try {
+      return await api.getPipelineDetail({ entity, ref, page, pageSize }) || [];
+    } catch (e) {
+      errorApi.post(e);
+    }
+    return [];
+  };
+  const { data, isLoading, error } = useQuery({
+    queryKey: [
+      `${location.pathname}_${apiRef.id}_pipelineDetail`,
+      ref,
+      page,
+      pageSize
+    ],
+    queryFn
+  });
+  const { results, totalCount } = data ?? {
+    results: null,
+    totalCount: 0
+  };
+  return React.useMemo(() => {
+    return [results, totalCount, isLoading, error];
+  }, [results, totalCount, isLoading, error]);
+};
+
+export { usePipelineDetail };
+//# sourceMappingURL=usePipelineDetail.esm.js.map

package/dist/hooks/usePipelineDetail.esm.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"usePipelineDetail.esm.js","sources":["../../src/hooks/usePipelineDetail.ts"],"sourcesContent":["/*\n * Copyright 2024 The Backstage Authors\n *\n * Licensed under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License.\n * You may obtain a copy of the License at\n *\n *     http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software\n * distributed under the License is distributed on an \"AS IS\" BASIS,\n * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n * See the License for the specific language governing permissions and\n * limitations under the License.\n */\nimport React from 'react';\nimport { useEntity } from '@backstage/plugin-catalog-react';\nimport { ApiRef, errorApiRef, useApi } from '@backstage/core-plugin-api';\nimport { useQuery } from '@tanstack/react-query';\nimport { PipelineRunResult } from '../models/pipelineRunResult';\nimport { MssvApi, MssvApiResponse } from '../api/mssv';\nimport { useLocation } from 'react-router-dom';\n\nexport const usePipelineDetail = (\n  apiRef: ApiRef<MssvApi>,\n  ref: string,\n  page: number,\n  pageSize: number,\n): [PipelineRunResult[] | null, number, boolean, Error | null] => {\n  const { entity } = useEntity();\n  const api = useApi(apiRef);\n  const location = useLocation();\n  const errorApi = useApi(errorApiRef);\n\n  const queryFn = async () => {\n    try {\n      return (\n        (await api.getPipelineDetail({ entity, ref, page, pageSize })) || []\n      );\n    } catch (e) {\n      errorApi.post(e);\n    }\n    return [];\n  };\n\n  const { data, isLoading, error } = useQuery({\n    queryKey: [\n      `${location.pathname}_${apiRef.id}_pipelineDetail`,\n      ref,\n      page,\n      pageSize,\n    ],\n    queryFn,\n  });\n\n  const { results, totalCount } = (data as MssvApiResponse) ?? {\n    results: null,\n    totalCount: 0,\n  };\n\n  return React.useMemo(() => {\n    return [results, totalCount, isLoading, error];\n  }, [results, totalCount, isLoading, error]);\n};\n"],"names":[],"mappings":";;;;;;AAuBO,MAAM,iBAAoB,GAAA,CAC/B,MACA,EAAA,GAAA,EACA,MACA,QACgE,KAAA;AAChE,EAAM,MAAA,EAAE,MAAO,EAAA,GAAI,SAAU,EAAA;AAC7B,EAAM,MAAA,GAAA,GAAM,OAAO,MAAM,CAAA;AACzB,EAAA,MAAM,WAAW,WAAY,EAAA;AAC7B,EAAM,MAAA,QAAA,GAAW,OAAO,WAAW,CAAA;AAEnC,EAAA,MAAM,UAAU,YAAY;AAC1B,IAAI,IAAA;AACF,MACG,OAAA,MAAM,GAAI,CAAA,iBAAA,CAAkB,EAAE,MAAA,EAAQ,KAAK,IAAM,EAAA,QAAA,EAAU,CAAA,IAAM,EAAC;AAAA,aAE9D,CAAG,EAAA;AACV,MAAA,QAAA,CAAS,KAAK,CAAC,CAAA;AAAA;AAEjB,IAAA,OAAO,EAAC;AAAA,GACV;AAEA,EAAA,MAAM,EAAE,IAAA,EAAM,SAAW,EAAA,KAAA,KAAU,QAAS,CAAA;AAAA,IAC1C,QAAU,EAAA;AAAA,MACR,CAAG,EAAA,QAAA,CAAS,QAAQ,CAAA,CAAA,EAAI,OAAO,EAAE,CAAA,eAAA,CAAA;AAAA,MACjC,GAAA;AAAA,MACA,IAAA;AAAA,MACA;AAAA,KACF;AAAA,IACA;AAAA,GACD,CAAA;AAED,EAAA,MAAM,EAAE,OAAA,EAAS,UAAW,EAAA,GAAK,IAA4B,IAAA;AAAA,IAC3D,OAAS,EAAA,IAAA;AAAA,IACT,UAAY,EAAA;AAAA,GACd;AAEA,EAAO,OAAA,KAAA,CAAM,QAAQ,MAAM;AACzB,IAAA,OAAO,CAAC,OAAA,EAAS,UAAY,EAAA,SAAA,EAAW,KAAK,CAAA;AAAA,KAC5C,CAAC,OAAA,EAAS,UAAY,EAAA,SAAA,EAAW,KAAK,CAAC,CAAA;AAC5C;;;;"}

package/dist/hooks/usePipelineSummary.esm.js

@@ -0,0 +1,38 @@
+import React from 'react';
+import { useEntity } from '@backstage/plugin-catalog-react';
+import { useApi, errorApiRef } from '@backstage/core-plugin-api';
+import { useQuery } from '@tanstack/react-query';
+import { useLocation } from 'react-router-dom';
+
+const usePipelineSummary = (apiRef, page, pageSize) => {
+  const { entity } = useEntity();
+  const api = useApi(apiRef);
+  const location = useLocation();
+  const errorApi = useApi(errorApiRef);
+  const queryFn = async () => {
+    try {
+      return await api.getPipelineSummary({ entity, page, pageSize }) || [];
+    } catch (e) {
+      errorApi.post(e);
+    }
+    return [];
+  };
+  const { data, isLoading, error } = useQuery({
+    queryKey: [
+      `${location.pathname}_${apiRef.id}_pipelineSummary`,
+      page,
+      pageSize
+    ],
+    queryFn
+  });
+  const { results, totalCount } = data ?? {
+    results: null,
+    totalCount: 0
+  };
+  return React.useMemo(() => {
+    return [results, totalCount, isLoading, error];
+  }, [results, totalCount, isLoading, error]);
+};
+
+export { usePipelineSummary };
+//# sourceMappingURL=usePipelineSummary.esm.js.map

package/dist/hooks/usePipelineSummary.esm.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"usePipelineSummary.esm.js","sources":["../../src/hooks/usePipelineSummary.ts"],"sourcesContent":["/*\n * Copyright 2024 The Backstage Authors\n *\n * Licensed under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License.\n * You may obtain a copy of the License at\n *\n *     http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software\n * distributed under the License is distributed on an \"AS IS\" BASIS,\n * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n * See the License for the specific language governing permissions and\n * limitations under the License.\n */\nimport React from 'react';\nimport { useEntity } from '@backstage/plugin-catalog-react';\nimport { ApiRef, errorApiRef, useApi } from '@backstage/core-plugin-api';\nimport { useQuery } from '@tanstack/react-query';\nimport { PipelineRunResult } from '../models/pipelineRunResult';\nimport { MssvApi, MssvApiResponse } from '../api/mssv';\nimport { useLocation } from 'react-router-dom';\n\nexport const usePipelineSummary = (\n  apiRef: ApiRef<MssvApi>,\n  page: number,\n  pageSize: number,\n): [PipelineRunResult[] | null, number, boolean, Error | null] => {\n  const { entity } = useEntity();\n  const api = useApi(apiRef);\n  const location = useLocation();\n  const errorApi = useApi(errorApiRef);\n\n  const queryFn = async () => {\n    try {\n      return (await api.getPipelineSummary({ entity, page, pageSize })) || [];\n    } catch (e) {\n      errorApi.post(e);\n    }\n    return [];\n  };\n\n  const { data, isLoading, error } = useQuery({\n    queryKey: [\n      `${location.pathname}_${apiRef.id}_pipelineSummary`,\n      page,\n      pageSize,\n    ],\n    queryFn,\n  });\n\n  const { results, totalCount } = (data as MssvApiResponse) ?? {\n    results: null,\n    totalCount: 0,\n  };\n\n  return React.useMemo(() => {\n    return [results, totalCount, isLoading, error];\n  }, [results, totalCount, isLoading, error]);\n};\n"],"names":[],"mappings":";;;;;;AAuBO,MAAM,kBAAqB,GAAA,CAChC,MACA,EAAA,IAAA,EACA,QACgE,KAAA;AAChE,EAAM,MAAA,EAAE,MAAO,EAAA,GAAI,SAAU,EAAA;AAC7B,EAAM,MAAA,GAAA,GAAM,OAAO,MAAM,CAAA;AACzB,EAAA,MAAM,WAAW,WAAY,EAAA;AAC7B,EAAM,MAAA,QAAA,GAAW,OAAO,WAAW,CAAA;AAEnC,EAAA,MAAM,UAAU,YAAY;AAC1B,IAAI,IAAA;AACF,MAAQ,OAAA,MAAM,IAAI,kBAAmB,CAAA,EAAE,QAAQ,IAAM,EAAA,QAAA,EAAU,CAAA,IAAM,EAAC;AAAA,aAC/D,CAAG,EAAA;AACV,MAAA,QAAA,CAAS,KAAK,CAAC,CAAA;AAAA;AAEjB,IAAA,OAAO,EAAC;AAAA,GACV;AAEA,EAAA,MAAM,EAAE,IAAA,EAAM,SAAW,EAAA,KAAA,KAAU,QAAS,CAAA;AAAA,IAC1C,QAAU,EAAA;AAAA,MACR,CAAG,EAAA,QAAA,CAAS,QAAQ,CAAA,CAAA,EAAI,OAAO,EAAE,CAAA,gBAAA,CAAA;AAAA,MACjC,IAAA;AAAA,MACA;AAAA,KACF;AAAA,IACA;AAAA,GACD,CAAA;AAED,EAAA,MAAM,EAAE,OAAA,EAAS,UAAW,EAAA,GAAK,IAA4B,IAAA;AAAA,IAC3D,OAAS,EAAA,IAAA;AAAA,IACT,UAAY,EAAA;AAAA,GACd;AAEA,EAAO,OAAA,KAAA,CAAM,QAAQ,MAAM;AACzB,IAAA,OAAO,CAAC,OAAA,EAAS,UAAY,EAAA,SAAA,EAAW,KAAK,CAAA;AAAA,KAC5C,CAAC,OAAA,EAAS,UAAY,EAAA,SAAA,EAAW,KAAK,CAAC,CAAA;AAC5C;;;;"}

package/dist/index.d.ts

@@ -0,0 +1,15 @@
+/// <reference types="react" />
+import * as react from 'react';
+import * as _backstage_core_plugin_api from '@backstage/core-plugin-api';
+import { Entity } from '@backstage/catalog-model';
+
+/** @public */
+declare const multiSourceSecurityViewerPlugin: _backstage_core_plugin_api.BackstagePlugin<{
+    entityContent: _backstage_core_plugin_api.RouteRef<undefined>;
+}, {}, {}>;
+/** @public */
+declare const isMultiCIAvailable: (entity: Entity) => boolean;
+/** @public */
+declare const EntityMultiCIPipelinesContent: () => react.JSX.Element;
+
+export { EntityMultiCIPipelinesContent, isMultiCIAvailable, multiSourceSecurityViewerPlugin };

package/dist/index.esm.js

@@ -0,0 +1,2 @@
+export { EntityMultiCIPipelinesContent, isMultiCIAvailable, multiSourceSecurityViewerPlugin } from './plugin.esm.js';
+//# sourceMappingURL=index.esm.js.map

package/dist/index.esm.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.esm.js","sources":[],"sourcesContent":[],"names":[],"mappings":""}

package/dist/models/pipelineRunResult.esm.js

@@ -0,0 +1,99 @@
+import { transformECResult } from '@aonic-ui/pipelines';
+import { RunStatus } from '../types/pipelinerun.esm.js';
+import { cleanLogs, extractJSON, extractPipelineSteps } from '../utils/logs.esm.js';
+import { isNumber, isEmpty } from 'lodash';
+
+class PipelineRunResult {
+  /**
+   * Underlying data structure
+   */
+  data;
+  constructor(data) {
+    this.data = data;
+  }
+  get id() {
+    return isNumber(this.data?.id) ? this.data.id : this.data?.displayName || "N/A";
+  }
+  get type() {
+    return this?.tpaLink ? "Promote" : "Build";
+  }
+  get status() {
+    return this.data?.status || RunStatus.Unknown;
+  }
+  get logs() {
+    return cleanLogs(this.data?.logs || "");
+  }
+  get critical() {
+    return this.acsImageScanResult?.result?.summary?.CRITICAL ?? "N/A";
+  }
+  get important() {
+    return this.acsImageScanResult?.result?.summary?.IMPORTANT ?? "N/A";
+  }
+  get moderate() {
+    return this.acsImageScanResult?.result?.summary?.MODERATE ?? "N/A";
+  }
+  get low() {
+    return this.acsImageScanResult?.result?.summary?.LOW ?? "N/A";
+  }
+  get enterpriseContractPolicies() {
+    const data = extractJSON(
+      this.logs,
+      "EC_EYECATCHER_BEGIN",
+      "EC_EYECATCHER_END"
+    );
+    return transformECResult(data ?? {});
+  }
+  get acsImageScanResult() {
+    return extractJSON(
+      this.logs,
+      "ACS_IMAGE_SCAN_EYECATCHER_BEGIN",
+      "ACS_IMAGE_SCAN_EYECATCHER_END"
+    );
+  }
+  get acsImageCheckResults() {
+    return extractJSON(
+      this.logs,
+      "ACS_IMAGE_CHECK_EYECATCHER_BEGIN",
+      "ACS_IMAGE_CHECK_EYECATCHER_END"
+    );
+  }
+  get acsDeploymentCheckResults() {
+    return extractJSON(
+      this.logs,
+      "ACS_DEPLOY_EYECATCHER_BEGIN",
+      "ACS_DEPLOY_EYECATCHER_END"
+    );
+  }
+  get hasNoScanResults() {
+    return [
+      this.enterpriseContractPolicies,
+      this.acsImageScanResult,
+      this.acsImageCheckResults,
+      this.acsDeploymentCheckResults
+    ].every((value) => isEmpty(value));
+  }
+  get steps() {
+    return extractPipelineSteps(this.logs) || [];
+  }
+  get hasSteps() {
+    return this.steps.length > 0;
+  }
+  stepLogs(step) {
+    const found = this.steps.filter((v) => v.name === step);
+    return found ? found[0]?.logs ?? "" : "";
+  }
+  get tpaLink() {
+    const link = extractJSON(
+      this.logs,
+      "TPA_SBOM_URL_EYECATCHER_BEGIN",
+      "TPA_SBOM_URL_EYECATCHER_END"
+    );
+    return link?.TPA_SBOM_URL;
+  }
+  get isBuild() {
+    return this.type === "Build";
+  }
+}
+
+export { PipelineRunResult };
+//# sourceMappingURL=pipelineRunResult.esm.js.map