@devtron-labs/devtron-fe-common-lib 0.3.6 → 0.3.9-beta-1

package/dist/Common/index.d.ts

@@ -28,7 +28,6 @@ export { default as GenericFilterEmptyState } from './EmptyState/GenericFilterEm
 export * from './SearchBar';
 export * from './SortableTableHeaderCell';
 export { default as Toggle } from './Toggle/Toggle';
-export { default as ScanVulnerabilitiesTable } from './Security/ScanVulnerabilitiesTable';
 export { default as StyledRadioGroup } from './RadioGroup/RadioGroup';
 export * from './CIPipeline.Types';
 export * from './Policy.Types';

package/dist/Pages/App/AppConfigurations/utils.d.ts

@@ -1,2 +1,2 @@
 import { DeploymentStageType } from '../../../Shared/constants';
-export declare const getDeploymentStageTitle: (stage: DeploymentStageType) => "pre-deployment" | "post-deployment" | "deployment" | "-";
+export declare const getDeploymentStageTitle: (stage: DeploymentStageType) => "-" | "pre-deployment" | "post-deployment" | "deployment";

package/dist/Shared/Components/ImageCardAccordion/ImageCardAccordion.d.ts

@@ -1,3 +1,3 @@
 import { ImageCardAccordionProps } from './types';
-declare const ImageCardAccordion: ({ isSecurityModuleInstalled, artifactId, applicationId, environmentId, changesCard, isScanned, isScanEnabled, }: ImageCardAccordionProps) => JSX.Element;
+declare const ImageCardAccordion: ({ isSecurityModuleInstalled, artifactId, applicationId, environmentId, changesCard, isScanned, isScanEnabled, SecurityModalSidebar, getSecurityScan, }: ImageCardAccordionProps) => JSX.Element;
 export default ImageCardAccordion;

package/dist/Shared/Components/ImageCardAccordion/types.d.ts

@@ -1,6 +1,7 @@
 import { default as React, ReactNode } from 'react';
-import { CDModalTabType, VulnerabilityType } from '../../../Common';
+import { CDModalTabType, ResponseType, VulnerabilityType } from '../../../Common';
 import { MaterialSecurityInfoType } from '../../types';
+import { ApiResponseResultType, AppDetailsPayload, SidebarPropsType } from '../Security';
 export interface ImageCardAccordionProps extends MaterialSecurityInfoType {
     isSecurityModuleInstalled: boolean;
     artifactId: number;
@@ -9,6 +10,8 @@ export interface ImageCardAccordionProps extends MaterialSecurityInfoType {
     changesCard: ReactNode;
     isScanned: boolean;
     isScanEnabled: boolean;
+    SecurityModalSidebar: React.FC<SidebarPropsType>;
+    getSecurityScan: (props: Pick<AppDetailsPayload, 'appId' | 'envId' | 'artifactId'>) => Promise<ResponseType<ApiResponseResultType>>;
 }
 export interface SecurityDetailsType {
     vulnerabilities: VulnerabilityType[];

package/dist/Shared/Components/Security/SecurityModal/SecurityModal.d.ts

@@ -0,0 +1,14 @@
+import { default as React } from 'react';
+import { SecurityModalPropsType } from './types';
+/**
+ * NOTE: the security modal is split into 3 sections - ImageScan, CodeScan & Kubernetes Manifest;
+ * Each category has 1 or more subCategories from the set (Vulnerability, License, MisConfigurations & ExposedSecrets)
+ * Since each combination of category & subCategory results in the data being visualized through InfoCard & Table
+ * the components are declared & called only once and only the data (props) passed to these components differ
+ * between the different configurations of category & subCategory. Some row elements from some combinations
+ * of Category & SubCategory can allow users to view that particular data in detail (taking user to detailView)
+ * So to showcase the detail data, the data is set into detailViewData property of ModalState.
+ * For further detail please refer the types to understand the Api Response and workflow of the modal component.
+ * */
+declare const SecurityModal: React.FC<SecurityModalPropsType>;
+export default SecurityModal;

package/dist/Shared/Components/Security/SecurityModal/components/IndexedTextDisplay.d.ts

@@ -0,0 +1,4 @@
+import { default as React } from 'react';
+import { IndexedTextDisplayPropsType } from '../types';
+declare const IndexedTextDisplay: React.FC<IndexedTextDisplayPropsType>;
+export default IndexedTextDisplay;

package/dist/Shared/Components/Security/SecurityModal/components/InfoCard.d.ts

@@ -0,0 +1,4 @@
+import { default as React } from 'react';
+import { InfoCardPropsType } from '../types';
+declare const InfoCard: React.FC<InfoCardPropsType>;
+export default InfoCard;

package/dist/Shared/Components/Security/SecurityModal/components/OpenDetailViewButton.d.ts

@@ -0,0 +1,4 @@
+import { PropsWithChildren } from 'react';
+import { OpenDetailViewButtonProps } from '../types';
+declare const OpenDetailViewButton: ({ children, detailViewData, setDetailViewData, }: PropsWithChildren<OpenDetailViewButtonProps>) => JSX.Element;
+export default OpenDetailViewButton;

package/dist/Shared/Components/Security/SecurityModal/components/Table.d.ts

@@ -0,0 +1,4 @@
+import { default as React } from 'react';
+import { TablePropsType } from '../types';
+declare const Table: React.FC<TablePropsType>;
+export default Table;

package/dist/Shared/Components/Security/SecurityModal/components/index.d.ts

@@ -0,0 +1,3 @@
+export { default as Table } from './Table';
+export { default as InfoCard } from './InfoCard';
+export { default as OpenDetailViewButton } from './OpenDetailViewButton';

package/dist/Shared/Components/Security/SecurityModal/config/CodeScan.d.ts

@@ -0,0 +1,100 @@
+import { ApiResponseResultType, CodeScan, DetailViewDataType, EmptyStateType, InfoCardPropsType, OpenDetailViewButtonProps, SecurityModalStateType, StatusType, TablePropsType } from '../types';
+export declare const getCodeScanVulnerabilities: (data: CodeScan["vulnerability"]) => {
+    headers: ({
+        headerText: string;
+        isSortable: boolean;
+        width: number;
+        compareFunc?: undefined;
+        defaultSortOrder?: undefined;
+    } | {
+        headerText: string;
+        isSortable: boolean;
+        width: number;
+        compareFunc: (a: import('../types').SeveritiesDTO, b: import('../types').SeveritiesDTO) => number;
+        defaultSortOrder: import('../types').SortOrderEnum;
+    })[];
+    rows: {
+        id: number;
+        expandableComponent: any;
+        cells: {
+            component: JSX.Element;
+            cellContent: string;
+        }[];
+    }[];
+    defaultSortIndex: number;
+};
+export declare const getCodeScanLicense: (data: CodeScan["license"]) => {
+    headers: ({
+        headerText: string;
+        isSortable: boolean;
+        width: number;
+        compareFunc?: undefined;
+        defaultSortOrder?: undefined;
+    } | {
+        headerText: string;
+        isSortable: boolean;
+        width: number;
+        compareFunc: (a: import('../types').SeveritiesDTO, b: import('../types').SeveritiesDTO) => number;
+        defaultSortOrder: import('../types').SortOrderEnum;
+    })[];
+    rows: {
+        id: number;
+        expandableComponent: any;
+        cells: {
+            component: JSX.Element;
+            cellContent: string;
+        }[];
+    }[];
+    defaultSortIndex: number;
+};
+export declare const getCodeScanMisconfigurations: (data: CodeScan["misConfigurations"], setDetailViewData: OpenDetailViewButtonProps["setDetailViewData"], lastScanTimeString: string, status: StatusType["status"], scanToolName: StatusType["scanToolName"]) => {
+    headers: ({
+        headerText: string;
+        isSortable: boolean;
+        width: number;
+        compareFunc?: undefined;
+    } | {
+        headerText: string;
+        isSortable: boolean;
+        width: number;
+        compareFunc: (a: Record<import('../types').SeveritiesDTO, number>, b: Record<import('../types').SeveritiesDTO, number>) => number;
+    })[];
+    rows: {
+        id: number;
+        expandableComponent: any;
+        cells: ({
+            component: JSX.Element;
+            cellContent: string;
+        } | {
+            component: JSX.Element;
+            cellContent: Partial<Record<import('../types').SeveritiesDTO, number>>;
+        })[];
+    }[];
+};
+export declare const getCodeScanExposedSecrets: (data: CodeScan["exposedSecrets"], setDetailViewData: OpenDetailViewButtonProps["setDetailViewData"], lastScanTimeString: string, status: StatusType["status"], scanToolName: StatusType["scanToolName"]) => {
+    headers: ({
+        headerText: string;
+        isSortable: boolean;
+        width: number;
+        compareFunc?: undefined;
+    } | {
+        headerText: string;
+        isSortable: boolean;
+        width: number;
+        compareFunc: (a: Record<import('../types').SeveritiesDTO, number>, b: Record<import('../types').SeveritiesDTO, number>) => number;
+    })[];
+    rows: {
+        id: number;
+        expandableComponent: any;
+        cells: ({
+            component: JSX.Element;
+            cellContent: string;
+        } | {
+            component: JSX.Element;
+            cellContent: Partial<Record<import('../types').SeveritiesDTO, number>>;
+        })[];
+    }[];
+};
+export declare const getCodeScanTableData: (data: CodeScan, subCategory: SecurityModalStateType["subCategory"], setDetailViewData: OpenDetailViewButtonProps["setDetailViewData"]) => TablePropsType;
+export declare const getCodeScanInfoCardData: (data: CodeScan, subCategory: SecurityModalStateType["subCategory"]) => InfoCardPropsType;
+export declare const getCodeScanEmptyState: (data: ApiResponseResultType, subCategory: SecurityModalStateType["subCategory"], detailViewData: DetailViewDataType) => EmptyStateType;

package/dist/Shared/Components/Security/SecurityModal/config/EmptyState.d.ts

@@ -0,0 +1,2 @@
+import { ApiResponseResultType, DetailViewDataType, SecurityModalStateType } from '../types';
+export declare const getEmptyStateValues: (data: ApiResponseResultType, category: SecurityModalStateType["category"], subCategory: SecurityModalStateType["subCategory"], detailViewData: DetailViewDataType) => import('../types').EmptyStateType;

package/dist/Shared/Components/Security/SecurityModal/config/ImageScan.d.ts

@@ -0,0 +1,4 @@
+import { DetailViewDataType, ImageScan, SecurityModalStateType, TablePropsType, InfoCardPropsType, EmptyStateType, ApiResponseResultType, OpenDetailViewButtonProps } from '../types';
+export declare const getImageScanTableData: (data: ImageScan, subCategory: SecurityModalStateType["subCategory"], setDetailViewData: OpenDetailViewButtonProps["setDetailViewData"]) => TablePropsType;
+export declare const getImageScanInfoCardData: (data: ImageScan, subCategory: SecurityModalStateType["subCategory"]) => InfoCardPropsType;
+export declare const getImageScanEmptyState: (data: ApiResponseResultType, subCategory: SecurityModalStateType["subCategory"], detailViewData: DetailViewDataType) => EmptyStateType;

package/dist/Shared/Components/Security/SecurityModal/config/InfoCard.d.ts

@@ -0,0 +1,2 @@
+import { InfoCardPropsType, ApiResponseResultType, SecurityModalStateType } from '../types';
+export declare const getInfoCardData: (data: ApiResponseResultType, category: SecurityModalStateType["category"], subCategory: SecurityModalStateType["subCategory"]) => InfoCardPropsType;

package/dist/Shared/Components/Security/SecurityModal/config/KubernetesManifest.d.ts

@@ -0,0 +1,4 @@
+import { ApiResponseResultType, DetailViewDataType, EmptyStateType, InfoCardPropsType, KubernetesManifest, OpenDetailViewButtonProps, SecurityModalStateType, TablePropsType } from '../types';
+export declare const getKubernetesManifestTableData: (data: KubernetesManifest, subCategory: SecurityModalStateType["subCategory"], setDetailViewData: OpenDetailViewButtonProps["setDetailViewData"]) => TablePropsType;
+export declare const getKubernetesManifestInfoCardData: (data: KubernetesManifest, subCategory: SecurityModalStateType["subCategory"]) => InfoCardPropsType;
+export declare const getKubernetesManifestEmptyState: (data: ApiResponseResultType, subCategory: SecurityModalStateType["subCategory"], detailViewData: DetailViewDataType) => EmptyStateType;

package/dist/Shared/Components/Security/SecurityModal/config/Sidebar.d.ts

@@ -0,0 +1,2 @@
+import { SidebarDataType } from '../types';
+export declare const SIDEBAR_DATA: SidebarDataType[];

package/dist/Shared/Components/Security/SecurityModal/config/Table.d.ts

@@ -0,0 +1,2 @@
+import { ApiResponseResultType, OpenDetailViewButtonProps, SecurityModalStateType, TablePropsType } from '../types';
+export declare const getTableData: (data: ApiResponseResultType, category: SecurityModalStateType["category"], subCategory: SecurityModalStateType["subCategory"], setDetailViewData: OpenDetailViewButtonProps["setDetailViewData"]) => TablePropsType;

package/dist/Shared/Components/Security/SecurityModal/config/index.d.ts

@@ -0,0 +1,3 @@
+export { getTableData } from './Table';
+export { getInfoCardData } from './InfoCard';
+export { SIDEBAR_DATA } from './Sidebar';

package/dist/Shared/Components/Security/SecurityModal/constants.d.ts

@@ -0,0 +1,56 @@
+import { SeveritiesDTO, SortOrderEnum, EmptyStateType, StatusType } from './types';
+export declare const DEFAULT_SECURITY_MODAL_STATE: {
+    category: "imageScan";
+    subCategory: "vulnerability";
+    detailViewData: any;
+};
+export declare const CATEGORY_LABELS: {
+    readonly IMAGE_SCAN: "Image Scan";
+    readonly CODE_SCAN: "Code Scan";
+    readonly KUBERNETES_MANIFEST: "Kubernetes Manifest";
+};
+export declare const SUB_CATEGORY_LABELS: {
+    readonly VULNERABILITIES: "Vulnerability";
+    readonly LICENSE: "License Risks";
+    readonly MISCONFIGURATIONS: "Misconfigurations";
+    readonly EXPOSED_SECRETS: "Exposed Secrets";
+};
+export declare const SEVERITIES: {
+    readonly CRITICAL: {
+        readonly label: "Critical";
+        readonly color: "#B21212";
+    };
+    readonly HIGH: {
+        readonly label: "High";
+        readonly color: "#F33E3E";
+    };
+    readonly MEDIUM: {
+        readonly label: "Medium";
+        readonly color: "#FF7E5B";
+    };
+    readonly LOW: {
+        readonly label: "Low";
+        readonly color: "#FFB549";
+    };
+    readonly UNKNOWN: {
+        readonly label: "Unknown";
+        readonly color: "#B1B7BC";
+    };
+    readonly fail: {
+        readonly label: "Failures";
+        readonly color: "#F33E3E";
+    };
+    readonly success: {
+        readonly label: "Successes";
+        readonly color: "#1DAD70";
+    };
+    readonly exceptions: {
+        readonly label: "Exceptions";
+        readonly color: "#B1B7BC";
+    };
+};
+export declare const ORDERED_SEVERITY_KEYS: readonly [SeveritiesDTO.CRITICAL, SeveritiesDTO.HIGH, SeveritiesDTO.MEDIUM, SeveritiesDTO.LOW, SeveritiesDTO.UNKNOWN, SeveritiesDTO.FAILURES, SeveritiesDTO.EXCEPTIONS, SeveritiesDTO.SUCCESSES];
+export declare const SEVERITY_DEFAULT_SORT_ORDER = SortOrderEnum['DESC'];
+export declare const SCAN_FAILED_EMPTY_STATE: EmptyStateType;
+export declare const SCAN_IN_PROGRESS_EMPTY_STATE: EmptyStateType;
+export declare const MAP_SCAN_TOOL_NAME_TO_SCAN_TOOL_ID: Record<StatusType['scanToolName'], number>;

package/dist/Shared/Components/Security/SecurityModal/index.d.ts

@@ -0,0 +1,6 @@
+export { default as SecurityModal } from './SecurityModal';
+export { getSecurityScanSeveritiesCount, getTotalVulnerabilityCount, parseGetResourceScanDetailsResponse, parseExecutionDetailResponse, } from './utils';
+export type { AppDetailsPayload, ExecutionDetailsPayload, ApiResponseResultType, SidebarPropsType, SidebarDataChildType, SidebarDataType, GetResourceScanDetailsPayloadType, GetResourceScanDetailsResponseType, } from './types';
+export { SIDEBAR_DATA } from './config';
+export { CATEGORY_LABELS } from './constants';
+export { getExecutionDetails } from './service';

package/dist/Shared/Components/Security/SecurityModal/service.d.ts

@@ -0,0 +1,3 @@
+import { ResponseType } from '../../../../Common/Types';
+import { ApiResponseResultType, ExecutionDetailsPayload } from './types';
+export declare const getExecutionDetails: (executionDetailPayload: ExecutionDetailsPayload) => Promise<ResponseType<ApiResponseResultType>>;

package/dist/Shared/Components/Security/SecurityModal/types.d.ts

@@ -0,0 +1,262 @@
+import { default as React } from 'react';
+import { GenericEmptyStateType } from '../../../../Common/Types';
+import { LastExecutionResultType, NodeType, Nodes } from '../../../types';
+import { SegmentedBarChartProps } from '../../../../Common/SegmentedBarChart';
+import { ServerErrors } from '../../../../Common/ServerError';
+export interface GetResourceScanDetailsPayloadType {
+    name: string;
+    namespace: string;
+    group: string;
+    version: string;
+    kind: Nodes | NodeType;
+    clusterId: number;
+    appId?: string;
+    appType?: number;
+    deploymentType?: number;
+    isAppDetailView?: boolean;
+}
+export interface AppDetailsPayload {
+    appId?: number | string;
+    envId?: number | string;
+    installedAppId?: number | string;
+    artifactId?: number | string;
+    installedAppVersionHistoryId?: number | string;
+}
+export interface ExecutionDetailsPayload extends Partial<Pick<AppDetailsPayload, 'appId' | 'envId'>> {
+    imageScanDeployInfoId?: number | string;
+    artifactId?: number | string;
+}
+export declare const CATEGORIES: {
+    readonly IMAGE_SCAN: "imageScan";
+    readonly CODE_SCAN: "codeScan";
+    readonly KUBERNETES_MANIFEST: "kubernetesManifest";
+};
+export declare const SUB_CATEGORIES: {
+    readonly VULNERABILITIES: "vulnerability";
+    readonly LICENSE: "license";
+    readonly MISCONFIGURATIONS: "misConfigurations";
+    readonly EXPOSED_SECRETS: "exposedSecrets";
+};
+export declare enum SortOrderEnum {
+    'ASC' = 1,
+    'DESC' = -1
+}
+export type TableRowCellType = {
+    component: React.ReactNode | JSX.Element;
+    cellContent: string | object;
+};
+export type TableHeaderCellType = {
+    headerText: string;
+    isSortable: boolean;
+    width: number;
+    compareFunc?: (a: TableRowCellType['cellContent'], b: TableRowCellType['cellContent']) => number;
+    defaultSortOrder?: SortOrderEnum;
+};
+export interface TableRowType {
+    id: string | number;
+    cells: Array<TableRowCellType>;
+    expandableComponent: React.ReactNode | JSX.Element;
+}
+export interface TablePropsType {
+    headers: Array<TableHeaderCellType>;
+    rows: Array<TableRowType>;
+    defaultSortIndex?: number;
+    hasExpandableRows?: boolean;
+    headerTopPosition?: number;
+}
+export type TableSortStateType = {
+    index: number;
+    order: SortOrderEnum;
+};
+export interface InfoCardPropsType {
+    entities: SegmentedBarChartProps['entities'];
+    lastScanTimeString?: string;
+    scanToolId?: number;
+}
+export interface StatusType {
+    status: 'Completed' | 'Running' | 'Failed' | 'Progressing';
+    StartedOn: string;
+    scanToolName: 'TRIVY' | 'CLAIR';
+}
+export type DetailViewDataType = {
+    titlePrefix: string;
+    title: string;
+    status: StatusType['status'];
+} & TablePropsType & InfoCardPropsType;
+export type SecurityModalStateType = {
+    category: (typeof CATEGORIES)[keyof typeof CATEGORIES];
+    subCategory: (typeof SUB_CATEGORIES)[keyof typeof SUB_CATEGORIES];
+    detailViewData: DetailViewDataType[];
+};
+export interface SidebarPropsType {
+    isHelmApp: boolean;
+    modalState: SecurityModalStateType;
+    setModalState: React.Dispatch<React.SetStateAction<SecurityModalStateType>>;
+    isExternalCI: boolean;
+}
+export declare enum SeveritiesDTO {
+    CRITICAL = "CRITICAL",
+    HIGH = "HIGH",
+    MEDIUM = "MEDIUM",
+    LOW = "LOW",
+    UNKNOWN = "UNKNOWN",
+    FAILURES = "fail",
+    SUCCESSES = "success",
+    EXCEPTIONS = "exceptions"
+}
+type Summary<T extends 'severities' | 'status'> = Record<T, Partial<Record<SeveritiesDTO, number>>>;
+type GenericGroupType<T> = {
+    list: T[];
+};
+type GenericGroupTypeWithSummary<T> = {
+    summary: Summary<'severities'>;
+} & GenericGroupType<T>;
+type GenericGroupTypeWithMisConfSummary<T> = {
+    misConfSummary: Summary<'status'>;
+} & GenericGroupType<T>;
+export interface CodeScanVulnerabilityType {
+    cveId: string;
+    severity: SeveritiesDTO;
+    package: string;
+    currentVersion: string;
+    fixedInVersion: string;
+}
+export interface ImageScanVulnerabilityType extends CodeScanVulnerabilityType {
+    target?: string;
+}
+export interface ImageScanVulnerabilityListType extends StatusType {
+    image: string;
+    summary: Summary<'severities'>;
+    list: ImageScanVulnerabilityType[];
+}
+export interface CodeScanLicenseType {
+    classification: string;
+    severity: string;
+    license: string;
+    package: string;
+    source: string;
+}
+export interface ImageScanLicenseListType extends StatusType {
+    image: string;
+    summary: Summary<'severities'>;
+    list: CodeScanLicenseType[];
+}
+export type ImageScan = {
+    [SUB_CATEGORIES.VULNERABILITIES]: GenericGroupTypeWithSummary<ImageScanVulnerabilityListType>;
+    [SUB_CATEGORIES.LICENSE]: GenericGroupTypeWithSummary<ImageScanLicenseListType>;
+};
+export interface Line {
+    number: number;
+    content: string;
+    isCause: boolean;
+    truncated: boolean;
+}
+export interface CauseMetadata {
+    startLine: number;
+    EndLine: number;
+    lines?: Line[];
+}
+export interface CodeScanMisconfigurationsDetailListType {
+    id: string;
+    title: string;
+    message: string;
+    resolution: string;
+    status: string;
+    severity: string;
+    causeMetadata: CauseMetadata;
+}
+export interface CodeScanMisconfigurationsListType {
+    filePath: string;
+    link: string;
+    type: string;
+    misConfSummary: Summary<'status'>;
+    summary: Summary<'severities'>;
+    list: CodeScanMisconfigurationsDetailListType[];
+}
+export interface CodeScanExposedSecretsDetailListType {
+    severity: string;
+    ruleId: string;
+    category: string;
+    startLine: number;
+    EndLine: number;
+    title: string;
+    lines: Line[];
+}
+export interface CodeScanExposedSecretsListType {
+    filePath: string;
+    link: string;
+    summary: Summary<'severities'>;
+    list: CodeScanExposedSecretsDetailListType[];
+}
+export type CodeScan = {
+    [SUB_CATEGORIES.VULNERABILITIES]: GenericGroupTypeWithSummary<CodeScanVulnerabilityType>;
+    [SUB_CATEGORIES.LICENSE]: GenericGroupTypeWithSummary<CodeScanLicenseType>;
+    [SUB_CATEGORIES.MISCONFIGURATIONS]: GenericGroupTypeWithMisConfSummary<CodeScanMisconfigurationsListType>;
+    [SUB_CATEGORIES.EXPOSED_SECRETS]: GenericGroupTypeWithSummary<CodeScanExposedSecretsListType>;
+} & StatusType;
+export type KubernetesManifest = {
+    [SUB_CATEGORIES.MISCONFIGURATIONS]: GenericGroupTypeWithMisConfSummary<CodeScanMisconfigurationsListType>;
+    [SUB_CATEGORIES.EXPOSED_SECRETS]: GenericGroupTypeWithSummary<CodeScanExposedSecretsListType>;
+} & StatusType;
+export type ApiResponseResultType = {
+    scanned: boolean;
+    [CATEGORIES.IMAGE_SCAN]: ImageScan;
+    [CATEGORIES.CODE_SCAN]: CodeScan;
+    [CATEGORIES.KUBERNETES_MANIFEST]: KubernetesManifest;
+};
+interface SecurityModalBaseProps extends Partial<Pick<SidebarPropsType, 'isExternalCI'>> {
+    isLoading: boolean;
+    error: ServerErrors;
+    responseData: ApiResponseResultType;
+    handleModalClose: (event?: React.MouseEvent<HTMLElement>) => void;
+    Sidebar: React.FC<SidebarPropsType>;
+    isHelmApp?: boolean;
+    isResourceScan?: boolean;
+    isSecurityScanV2Enabled: boolean;
+}
+export type SecurityModalPropsType = SecurityModalBaseProps;
+export interface IndexedTextDisplayPropsType {
+    title: string;
+    lines: Line[];
+    link: string;
+}
+export type SidebarDataChildType = {
+    label: string;
+    value: {
+        category: (typeof CATEGORIES)[keyof typeof CATEGORIES];
+        subCategory: (typeof SUB_CATEGORIES)[keyof typeof SUB_CATEGORIES];
+    };
+};
+export type SidebarDataType = {
+    label: string;
+    isExpanded: boolean;
+    children: NonNullable<SidebarDataChildType[]>;
+    hideInHelmApp?: boolean;
+};
+export type EmptyStateType = Pick<GenericEmptyStateType, 'image' | 'SvgImage' | 'subTitle' | 'title' | 'children'>;
+export declare const VulnerabilityState: {
+    readonly [-1]: "Failed";
+    readonly 0: "Progressing";
+    readonly 1: "Completed";
+};
+export interface ImageVulnerabilityType {
+    image: string;
+    state: keyof typeof VulnerabilityState;
+    error?: string;
+    scanResult: LastExecutionResultType | null;
+}
+export interface VulnerabilityCountType {
+    unknownVulnerabilitiesCount: number;
+    lowVulnerabilitiesCount: number;
+    mediumVulnerabilitiesCount: number;
+    highVulnerabilitiesCount: number;
+    criticalVulnerabilitiesCount: number;
+}
+export interface GetResourceScanDetailsResponseType extends VulnerabilityCountType {
+    imageVulnerabilities: ImageVulnerabilityType[];
+}
+export interface OpenDetailViewButtonProps {
+    detailViewData: DetailViewDataType;
+    setDetailViewData: (detailViewData: DetailViewDataType) => void;
+}
+export {};

package/dist/Shared/Components/Security/SecurityModal/utils.d.ts

@@ -0,0 +1,34 @@
+import { ApiResponseResultType, SeveritiesDTO, GetResourceScanDetailsResponseType, ImageScanVulnerabilityType, ImageVulnerabilityType, VulnerabilityCountType } from './types';
+import { SEVERITIES } from './constants';
+export declare const mapSeveritiesToSegmentedBarChartEntities: (severities: Partial<Record<keyof typeof SEVERITIES, number>>) => {
+    color: "#B1B7BC" | "#B21212" | "#F33E3E" | "#FF7E5B" | "#FFB549" | "#1DAD70";
+    label: "Critical" | "High" | "Medium" | "Low" | "Unknown" | "Failures" | "Successes" | "Exceptions";
+    value: number;
+}[];
+export declare const stringifySeverities: (severities: Partial<Record<keyof typeof SEVERITIES, number>>) => string;
+export declare const getSeverityWeight: (severity: SeveritiesDTO) => number;
+export declare const compareSeverity: (a: SeveritiesDTO, b: SeveritiesDTO) => number;
+export declare const getSecurityScanSeveritiesCount: (data: ApiResponseResultType) => {
+    critical: number;
+    high: number;
+    medium: number;
+    low: number;
+    unknown: number;
+};
+export declare const compareSeverities: (a: Record<SeveritiesDTO, number>, b: Record<SeveritiesDTO, number>) => number;
+export declare const getScanCompletedEmptyState: (scanToolId: number) => {
+    SvgImage: import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement>>;
+    title: string;
+    children: JSX.Element;
+};
+export declare const compareStringAndObject: (a: string | object, b: string | object) => number;
+export declare const parseExecutionDetailResponse: (scanResult: any) => ApiResponseResultType;
+export declare const parseGetResourceScanDetailsResponse: (data: GetResourceScanDetailsResponseType) => ApiResponseResultType;
+export declare const getTotalVulnerabilityCount: (scannedResult: ImageVulnerabilityType[]) => VulnerabilityCountType;
+export declare const groupByTarget: (list: ImageScanVulnerabilityType[]) => {
+    source: string;
+    list: ImageScanVulnerabilityType[];
+    summary: {
+        severities: Partial<Record<SeveritiesDTO, number>>;
+    };
+}[];

package/dist/Shared/Components/Security/SecuritySummaryCard/SecuritySummaryCard.d.ts

@@ -0,0 +1,3 @@
+import { SecuritySummaryCardProps } from './types';
+declare const SecuritySummaryCard: ({ severityCount, scanToolId, rootClassName, isHelmApp, SecurityModalSidebar, responseData, isSecurityScanV2Enabled, }: SecuritySummaryCardProps) => JSX.Element;
+export default SecuritySummaryCard;

package/dist/Shared/Components/Security/SecuritySummaryCard/index.d.ts

@@ -0,0 +1 @@
+export { default as SecuritySummaryCard } from './SecuritySummaryCard';

package/dist/Shared/Components/Security/SecuritySummaryCard/types.d.ts

@@ -0,0 +1,11 @@
+import { SeverityCount } from '../../../types';
+import { ImageCardAccordionProps } from '@Shared/Components/ImageCardAccordion/types';
+import { ApiResponseResultType } from '../SecurityModal';
+export type SecuritySummaryCardProps = {
+    severityCount: SeverityCount;
+    scanToolId: number;
+    rootClassName?: string;
+    isHelmApp?: boolean;
+    isSecurityScanV2Enabled: boolean;
+    responseData: ApiResponseResultType;
+} & Pick<ImageCardAccordionProps, 'SecurityModalSidebar'>;

package/dist/Shared/Components/{Vulnerabilities → Security/Vulnerabilities}/Vulnerabilities.d.ts

@@ -1,3 +1,3 @@
 import { VulnerabilitiesProps } from './types';
-declare const Vulnerabilities: ({ isScanned, isScanEnabled, artifactId, applicationId, environmentId, setVulnerabilityCount, }: VulnerabilitiesProps) => JSX.Element;
+declare const Vulnerabilities: ({ isScanned, isScanEnabled, artifactId, applicationId, environmentId, setVulnerabilityCount, SecurityModalSidebar, getSecurityScan, }: VulnerabilitiesProps) => JSX.Element;
 export default Vulnerabilities;

package/dist/Shared/Components/{Vulnerabilities → Security/Vulnerabilities}/index.d.ts

@@ -1,2 +1,3 @@
 export { default as Vulnerabilities } from './Vulnerabilities';
 export * from './utils';
+export * from './service';

package/dist/Shared/Components/{Vulnerabilities → Security/Vulnerabilities}/service.d.ts

@@ -1,2 +1,2 @@
-import { LastExecutionResponseType } from '../../types';
+import { LastExecutionResponseType } from '../../../types';
 export declare function getLastExecutionByArtifactAppEnv(artifactId: string | number, appId: number | string, envId: number | string): Promise<LastExecutionResponseType>;

package/dist/Shared/Components/Security/Vulnerabilities/types.d.ts

@@ -0,0 +1,26 @@
+import { ResponseType } from '../../../../Common/Types';
+import { ImageCardAccordionProps } from '@Shared/Components/ImageCardAccordion/types';
+import { MaterialSecurityInfoType } from '../../../types';
+import { ApiResponseResultType } from '../SecurityModal';
+import { getLastExecutionByArtifactAppEnv } from './service';
+export interface VulnerabilitiesProps extends MaterialSecurityInfoType, Pick<ImageCardAccordionProps, 'SecurityModalSidebar' | 'getSecurityScan'> {
+    artifactId: number;
+    applicationId: number;
+    environmentId: number;
+    setVulnerabilityCount: React.Dispatch<React.SetStateAction<number>>;
+}
+export interface UseGetSecurityVulnerabilitiesProps extends Pick<ImageCardAccordionProps, 'getSecurityScan'> {
+    artifactId: string;
+    appId: string;
+    envId: string;
+    isScanned: boolean;
+    isScanEnabled: boolean;
+    isScanV2Enabled: boolean;
+}
+export interface UseGetSecurityVulnerabilitiesReturnType {
+    scanDetailsLoading: boolean;
+    scanResultResponse: ResponseType<ApiResponseResultType>;
+    executionDetailsResponse: Awaited<ReturnType<typeof getLastExecutionByArtifactAppEnv>>;
+    scanDetailsError: any;
+    reloadScanDetails: () => void;
+}