@devtron-labs/devtron-fe-common-lib 1.13.0 → 1.14.0

package/dist/Shared/Components/Popover/utils.d.ts

@@ -0,0 +1,92 @@
+import { HTMLMotionProps } from 'framer-motion';
+import { UsePopoverProps } from './types';
+export declare const getPopoverAlignmentStyle: ({ position, alignment }: Pick<UsePopoverProps, "position" | "alignment">) => {
+    right: number;
+    left?: undefined;
+    bottom?: undefined;
+    top?: undefined;
+} | {
+    left: string;
+    right?: undefined;
+    bottom?: undefined;
+    top?: undefined;
+} | {
+    left: number;
+    right?: undefined;
+    bottom?: undefined;
+    top?: undefined;
+} | {
+    bottom: number;
+    right?: undefined;
+    left?: undefined;
+    top?: undefined;
+} | {
+    top: string;
+    right?: undefined;
+    left?: undefined;
+    bottom?: undefined;
+} | {
+    top: number;
+    right?: undefined;
+    left?: undefined;
+    bottom?: undefined;
+};
+export declare const getPopoverPositionStyle: ({ position }: Pick<UsePopoverProps, "position">) => {
+    bottom: string;
+    marginBottom: number;
+    right?: undefined;
+    marginRight?: undefined;
+    left?: undefined;
+    marginLeft?: undefined;
+    top?: undefined;
+    marginTop?: undefined;
+} | {
+    right: string;
+    marginRight: number;
+    bottom?: undefined;
+    marginBottom?: undefined;
+    left?: undefined;
+    marginLeft?: undefined;
+    top?: undefined;
+    marginTop?: undefined;
+} | {
+    left: string;
+    marginLeft: number;
+    bottom?: undefined;
+    marginBottom?: undefined;
+    right?: undefined;
+    marginRight?: undefined;
+    top?: undefined;
+    marginTop?: undefined;
+} | {
+    top: string;
+    marginTop: number;
+    bottom?: undefined;
+    marginBottom?: undefined;
+    right?: undefined;
+    marginRight?: undefined;
+    left?: undefined;
+    marginLeft?: undefined;
+};
+export declare const getPopoverFramerProps: ({ position, alignment }: Pick<UsePopoverProps, "position" | "alignment">) => {
+    initial: {
+        [x: string]: number;
+        opacity: number;
+    };
+    animate: {
+        [x: string]: number;
+        opacity: number;
+    };
+    exit: {
+        [x: string]: number;
+        opacity: number;
+    };
+    transformTemplate: HTMLMotionProps<"div">["transformTemplate"];
+};
+export declare const getPopoverActualPositionAlignment: ({ position, alignment, triggerRect, popoverRect, }: Pick<UsePopoverProps, "position" | "alignment"> & {
+    triggerRect: DOMRect;
+    popoverRect: DOMRect;
+}) => {
+    fallbackPosition: "top" | "bottom" | "right" | "left";
+    fallbackAlignment: "start" | "middle" | "end";
+};

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

@@ -1,5 +1,5 @@
 import { default as React } from 'react';
-import { SegmentedBarChartProps } from '../../../../Common/SegmentedBarChart';
+import { Entity } from '@Common/SegmentedBarChart/types';
 import { ServerErrors } from '../../../../Common/ServerError';
 import { GenericEmptyStateType } from '../../../../Common/Types';
 import { LastExecutionResultType, Nodes, NodeType } from '../../../types';
@@ -72,7 +72,7 @@ export interface StatusType {
     scanToolUrl: string;
 }
 export interface InfoCardPropsType extends Pick<StatusType, 'scanToolName' | 'scanToolUrl'> {
-    entities: SegmentedBarChartProps['entities'];
+    entities: NonNullable<Entity[]>;
     lastScanTimeString?: string;
 }
 export type DetailViewDataType = {

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

@@ -1,7 +1,7 @@
 import { SEVERITIES } from './constants';
 import { GetResourceScanDetailsResponseType, ImageScanVulnerabilityType, ImageVulnerabilityType, ScanResultDTO, SeveritiesDTO, VulnerabilityCountType } from './types';
 export declare const mapSeveritiesToSegmentedBarChartEntities: (severities: Partial<Record<keyof typeof SEVERITIES, number>>) => {
-    color: "var(--R500)" | "var(--N300)" | "var(--O500)" | "var(--G500)" | "var(--Y500)" | "var(--R700)";
+    color: "var(--R500)" | "var(--N300)" | "var(--O500)" | "var(--Y500)" | "var(--G500)" | "var(--R700)";
     label: "Unknown" | "Critical" | "High" | "Medium" | "Low" | "Failures" | "Successes" | "Exceptions";
     value: number;
 }[];

package/dist/Shared/Components/SelectPicker/common.d.ts

@@ -8,8 +8,10 @@ export declare const SelectPickerControl: <OptionValue>(props: ControlProps<Sele
 export declare const SelectPickerInput: <OptionValue>(props: InputProps<SelectPickerOptionType<OptionValue>>) => JSX.Element;
 export declare const SelectPickerValueContainer: <OptionValue, IsMulti extends boolean>({ showSelectedOptionsCount, customSelectedOptionsCount, ...props }: ValueContainerProps<SelectPickerOptionType<OptionValue>> & Pick<SelectPickerProps<OptionValue, IsMulti>, "showSelectedOptionsCount" | "customSelectedOptionsCount">) => JSX.Element;
 export declare const SelectPickerOption: <OptionValue, IsMulti extends boolean>({ disableDescriptionEllipsis, ...props }: OptionProps<SelectPickerOptionType<OptionValue>> & Pick<SelectPickerProps<OptionValue, IsMulti>, "disableDescriptionEllipsis">) => JSX.Element;
+export declare const SelectPickerMenuListFooter: ({ menuListFooterConfig, }: Required<Pick<SelectPickerProps, "menuListFooterConfig">>) => JSX.Element;
 export declare const SelectPickerMenuList: <OptionValue>(props: MenuListProps<SelectPickerOptionType<OptionValue>>) => JSX.Element;
 export declare const SelectPickerMultiValueLabel: <OptionValue, IsMulti extends boolean>({ getIsOptionValid, ...props }: MultiValueProps<SelectPickerOptionType<OptionValue>, true> & Pick<SelectPickerProps<OptionValue, IsMulti>["multiSelectProps"], "getIsOptionValid">) => JSX.Element;
 export declare const SelectPickerMultiValueRemove: (props: MultiValueRemoveProps) => JSX.Element;
 export declare const SelectPickerGroupHeading: <OptionValue>({ isGroupHeadingSelectable, ...props }: SelectPickerGroupHeadingProps<OptionValue>) => JSX.Element;
 export declare const renderLoadingMessage: () => JSX.Element;
+export declare const ValueContainerWithLoadingShimmer: (props: ValueContainerProps) => JSX.Element;

package/dist/Shared/Components/SelectPicker/index.d.ts

@@ -1,3 +1,4 @@
+export { ValueContainerWithLoadingShimmer } from './common';
 export { default as FilterSelectPicker } from './FilterSelectPicker';
 export { default as SelectPicker } from './SelectPicker.component';
 export * from './SelectPickerTextArea.component';

package/dist/Shared/Components/SelectPicker/type.d.ts

@@ -40,6 +40,10 @@ type MenuListFooterConfigType = {
     buttonProps: {
         variant: ButtonVariantType.primary | ButtonVariantType.borderLess;
     } & Omit<ButtonProps<ButtonComponentType>, 'size' | 'fullWidth' | 'icon' | 'endIcon' | 'variant' | 'style'>;
+} | {
+    type: 'customNode';
+    value: ReactElement;
+    buttonProps?: never;
 };
 declare module 'react-select/base' {
     interface Props<Option, IsMulti extends boolean, Group extends GroupBase<Option>> {

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

@@ -16,7 +16,8 @@ export declare enum StatusType {
     PROGRESSING = "PROGRESSING",
     INPROGRESS = "INPROGRESS",
     HIBERNATING = "HIBERNATING",
-    TIMED_OUT = "TIMED_OUT"
+    TIMED_OUT = "TIMED_OUT",
+    DELETING = "DELETING"
 }
 export interface StatusComponentProps {
     /** The status to display, either a predefined StatusType or a custom string. */

package/dist/Shared/Components/TabGroup/TabGroup.helpers.d.ts

@@ -1,5 +1,5 @@
 import { TabGroupProps, TabProps } from './TabGroup.types';
-export declare const getTabIcon: ({ icon, showError, showWarning, className, size, active, }: Pick<TabProps, "showError" | "showWarning" | "icon" | "active"> & Pick<TabGroupProps, "size"> & {
+export declare const getTabIcon: ({ icon, showError, showWarning, className, size, active, iconElement, }: Pick<TabProps, "showError" | "showWarning" | "icon" | "active" | "iconElement"> & Pick<TabGroupProps, "size"> & {
     className: string;
 }) => JSX.Element;
 export declare const getTabBadge: (badge: TabProps["badge"], className: string) => JSX.Element;

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

@@ -65,6 +65,38 @@ type TabTooltipProps = {
     shouldWrapTooltip?: never;
     tooltipProps?: never;
 };
+/**
+ * Represents the properties for defining an icon in a tab group.
+ * This type allows for three configurations:
+ *
+ * 1. **Icon as a functional component or string**:
+ *    - Use the `icon` property to specify either a functional component that renders an SVG or a string representing the name of the icon.
+ *    - The `iconElement` property must not be provided in this case.
+ *
+ * 2. **Icon as a JSX element**:
+ *    - Use the `iconElement` property to specify a JSX element representing the icon.
+ *    - The `icon` property must not be provided in this case.
+ *
+ * 3. **No icon**:
+ *    - Neither `icon` nor `iconElement` is provided, resulting in no icon being displayed.
+ *
+ */
+type TabGroupIconProp = {
+    /**
+     * A functional component rendering an SVG or a string representing the icon name. Mutually exclusive with `iconElement`.
+     */
+    icon: React.FunctionComponent<React.SVGProps<SVGSVGElement>> | IconName;
+    iconElement?: never;
+} | {
+    icon?: never;
+    /**
+     * A JSX element representing the icon. Mutually exclusive with `icon`.
+     */
+    iconElement: JSX.Element;
+} | {
+    icon?: never;
+    iconElement?: never;
+};
 export type TabProps = {
     /**
      * Unique identifier for the tab.
@@ -79,12 +111,6 @@ export type TabProps = {
      * @note - If passed as a `string[]`, it will be rendered with a bullet in-between strings.
      */
     description?: string | string[];
-    /**
-     * Icon to be displayed in the tab.
-     * This can either be a functional component that renders a SVG
-     * or a string representing the name of the icon to be rendered by the Icon component.
-     */
-    icon?: React.FunctionComponent<React.SVGProps<SVGSVGElement>> | IconName;
     /**
      * Badge number to be displayed on the tab, typically for notifications.
      */
@@ -107,7 +133,7 @@ export type TabProps = {
      * Disables the tab, preventing interaction and indicating an inactive state.
      */
     disabled?: boolean;
-} & ConditionalTabType & TabTooltipProps;
+} & ConditionalTabType & TabTooltipProps & TabGroupIconProp;
 export interface TabGroupProps {
     /**
      * Array of tabs to be rendered.

package/dist/Shared/Components/TargetPlatforms/TargetPlatformListTooltip.d.ts

@@ -1,3 +1,3 @@
 import { TargetPlatformListTooltipProps } from './types';
-declare const TargetPlatformListTooltip: ({ targetPlatforms, children }: TargetPlatformListTooltipProps) => JSX.Element;
+declare const TargetPlatformListTooltip: ({ targetPlatforms, children, appendTo }: TargetPlatformListTooltipProps) => JSX.Element;
 export default TargetPlatformListTooltip;

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

@@ -2,6 +2,5 @@ import { TooltipProps } from '@Common/Tooltip/types';
 import { TargetPlatformsDTO } from '../../types';
 export interface TargetPlatformBadgeListProps extends Required<Pick<TargetPlatformsDTO, 'targetPlatforms'>> {
 }
-export interface TargetPlatformListTooltipProps extends Pick<TargetPlatformsDTO, 'targetPlatforms'> {
-    children: TooltipProps['children'];
+export interface TargetPlatformListTooltipProps extends Pick<TargetPlatformsDTO, 'targetPlatforms'>, Pick<TooltipProps, 'children' | 'appendTo'> {
 }

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

@@ -3,8 +3,8 @@ export * from './ActionMenu';
 export * from './ActivityIndicator';
 export * from './AnimatedDeployButton';
 export * from './AnimatedTimer';
-export * from './AnnouncementBanner';
 export * from './APIResponseHandler';
+export * from './AppStatusModal';
 export * from './ArtifactInfoModal';
 export * from './Backdrop';
 export * from './BulkOperations';
@@ -24,12 +24,12 @@ export * from './CountrySelect';
 export * from './CustomInput';
 export * from './DatePicker';
 export * from './DeploymentConfigDiff';
+export * from './DeploymentStatusBreakdown';
 export * from './DetectBottom';
 export * from './DiffViewer';
 export * from './DynamicDataTable';
 export * from './EditableTextArea';
 export * from './EditImageFormField';
-export * from './EnterpriseTag';
 export * from './EnvironmentSelector';
 export * from './Error';
 export * from './ExcludedImageNode';

package/dist/Shared/Helpers.d.ts

@@ -4,7 +4,7 @@ import { StrictRJSFSchema } from '@rjsf/utils';
 import { Pair } from 'yaml';
 import { MaterialHistoryType } from '@Shared/Services/app.types';
 import { ApprovalConfigDataType, MaterialInfo, SortingOrder, UserApprovalConfigType, UserApprovalInfo } from '../Common';
-import { AggregatedNodes, DeploymentStatusDetailsBreakdownDataType, DeploymentStatusDetailsType, PodMetadatum } from './Components';
+import { AggregatedNodes, PodMetadatum } from './Components';
 import { BorderConfigType, GetTimeDifferenceParamsType, GitTriggers, IntersectionChangeHandler, IntersectionOptions, PreventOutsideFocusProps, TargetPlatformItemDTO, TargetPlatformsDTO, WebhookEventNameType } from './types';
 interface HighlightSearchTextProps {
     /**
@@ -36,7 +36,6 @@ export declare const isNullOrUndefined: (value: unknown) => boolean;
 export declare const handleDisableSubmitOnEnter: (event: React.KeyboardEvent<HTMLFormElement>) => void;
 export declare const getKeyToBooleanMapFromArray: <T extends string | number>(arr?: T[]) => Record<T, boolean>;
 export declare const renderValidInputButtonTippy: (children: ReactElement) => JSX.Element;
-export declare const processDeploymentStatusDetailsData: (data?: DeploymentStatusDetailsType) => DeploymentStatusDetailsBreakdownDataType;
 export declare function aggregateNodes(nodes: any[], podMetadata: PodMetadatum[]): AggregatedNodes;
 export declare const decode: (data: any, isEncoded?: boolean) => {};
 export declare const isTimeStringAvailable: (time: string) => boolean;
@@ -101,4 +100,5 @@ export declare const deriveBorderRadiusAndBorderClassFromConfig: ({ borderConfig
 }) => string;
 export declare const getClassNameForStickyHeaderWithShadow: (isStuck: boolean, topClassName?: string) => string;
 export declare const clearCookieOnLogout: () => void;
+export declare const getAppDetailsURL: (appId: number | string, envId?: number | string) => string;
 export {};

package/dist/Shared/Providers/index.d.ts

@@ -1,5 +1,5 @@
 export * from './ImageSelectionUtility';
 export * from './MainContextProvider';
 export * from './ThemeProvider';
-export type { MainContext } from './types';
+export type { MainContext, ReloadVersionConfigTypes } from './types';
 export * from './UserEmailProvider';

package/dist/Shared/Providers/types.d.ts

@@ -1,7 +1,16 @@
 import { Dispatch, MutableRefObject, ReactNode, SetStateAction } from 'react';
 import { SERVER_MODE } from '../../Common';
 import { ServerInfo } from '../Components/Header/types';
-import { DevtronLicenseInfo, IntelligenceConfig, LicenseInfoDialogType } from '..';
+import { DevtronLicenseInfo, IntelligenceConfig, LicenseInfoDialogType, ToastManager } from '..';
+export interface ReloadVersionConfigTypes {
+    bgUpdated: boolean;
+    handleAppUpdate: () => void;
+    doesNeedRefresh: boolean;
+    updateServiceWorker: () => Promise<void>;
+    handleControllerChange: () => void;
+    updateToastRef: MutableRefObject<ReturnType<typeof ToastManager.showToast>> | null;
+    isRefreshing: boolean;
+}
 export interface MainContext {
     serverMode: SERVER_MODE;
     setServerMode: (serverMode: SERVER_MODE) => void;
@@ -46,6 +55,7 @@ export interface MainContext {
     licenseData: DevtronLicenseInfo;
     setLicenseData: Dispatch<SetStateAction<DevtronLicenseInfo>>;
     canFetchHelmAppStatus: boolean;
+    reloadVersionConfig: ReloadVersionConfigTypes;
     intelligenceConfig: IntelligenceConfig;
     setIntelligenceConfig: Dispatch<SetStateAction<IntelligenceConfig>>;
 }

package/dist/Shared/constants.d.ts

@@ -1,5 +1,6 @@
-import { OptionType } from '../Common/Types';
-import { CDMaterialSidebarType, ConfigKeysWithLockType, ConfigurationType } from './types';
+import { DeploymentNodeType, OptionType } from '../Common/Types';
+import { InfoBlockProps } from './Components';
+import { CDMaterialSidebarType, ConfigKeysWithLockType, ConfigurationType, IconBaseColorType } from './types';
 export declare const ARTIFACT_STATUS: {
     PROGRESSING: string;
     DEGRADED: string;
@@ -50,28 +51,6 @@ export declare enum EnvironmentTypeEnum {
     production = "Production",
     nonProduction = "Non-Production"
 }
-export declare enum TIMELINE_STATUS {
-    DEPLOYMENT_INITIATED = "DEPLOYMENT_INITIATED",
-    GIT_COMMIT = "GIT_COMMIT",
-    GIT_COMMIT_FAILED = "GIT_COMMIT_FAILED",
-    ARGOCD_SYNC = "ARGOCD_SYNC",
-    ARGOCD_SYNC_FAILED = "ARGOCD_SYNC_FAILED",
-    KUBECTL_APPLY = "KUBECTL_APPLY",
-    KUBECTL_APPLY_STARTED = "KUBECTL_APPLY_STARTED",
-    KUBECTL_APPLY_SYNCED = "KUBECTL_APPLY_SYNCED",
-    HEALTHY = "HEALTHY",
-    APP_HEALTH = "APP_HEALTH",
-    DEPLOYMENT_FAILED = "FAILED",
-    FETCH_TIMED_OUT = "TIMED_OUT",
-    UNABLE_TO_FETCH_STATUS = "UNABLE_TO_FETCH_STATUS",
-    DEGRADED = "DEGRADED",
-    DEPLOYMENT_SUPERSEDED = "DEPLOYMENT_SUPERSEDED",
-    ABORTED = "ABORTED",
-    INPROGRESS = "INPROGRESS",
-    HELM_PACKAGE_GENERATED = "HELM_PACKAGE_GENERATED",
-    HELM_MANIFEST_PUSHED_TO_HELM_REPO = "HELM_MANIFEST_PUSHED_TO_HELM_REPO",
-    HELM_MANIFEST_PUSHED_TO_HELM_REPO_FAILED = "HELM_MANIFEST_PUSHED_TO_HELM_REPO_FAILED"
-}
 /**
  * Constants for NO MATCHING result
  */
@@ -435,3 +414,18 @@ export declare const Routes: {
 };
 export declare const ENTERPRISE_SUPPORT_LINK = "enterprise@devtron.ai";
 export declare const INVALID_LICENSE_KEY = "inValid";
+export declare enum InfoBlockVariant {
+    ERROR = "error",
+    HELP = "help",
+    INFORMATION = "information",
+    SUCCESS = "success",
+    WARNING = "warning",
+    NEUTRAL = "neutral"
+}
+export type InfoBlockVariantType = 'error' | 'help' | 'information' | 'success' | 'warning' | 'neutral';
+export declare const VARIANT_TO_BG_MAP: Record<InfoBlockProps['variant'], string>;
+export declare const VARIANT_TO_ICON_COLOR_MAP: Record<InfoBlockProps['variant'], IconBaseColorType>;
+export declare const VARIANT_TO_BORDER_MAP: Record<InfoBlockProps['variant'], string>;
+export declare const DEPLOYMENT_STAGE_TO_NODE_MAP: Readonly<Record<DeploymentStageType, DeploymentNodeType>>;
+export declare const APP_DETAILS_FALLBACK_POLLING_INTERVAL = 30000;
+export declare const PROGRESSING_DEPLOYMENT_STATUS_POLLING_INTERVAL = 10000;

package/dist/Shared/types.d.ts

@@ -1,9 +1,11 @@
+import { ReactNode } from 'react';
 import { ParsedCountry } from 'react-international-phone';
 import { Dayjs } from 'dayjs';
 import { APIOptions, ApprovalConfigDataType } from '../Common/Types';
+import { ReleaseMode } from '../Pages/index';
 import { CommonNodeAttr, DeploymentAppTypes, OptionType, PluginType, RefVariableType, SegmentedControlProps, ServerErrors, SortingParams, TriggerBlockType, ValueConstraintType, VariableType, VulnerabilityType } from '../Common';
-import { SelectPickerOptionType } from './Components';
-import { BASE_CONFIGURATION_ENV_ID, EnvironmentTypeEnum, PatchOperationType } from './constants';
+import { SelectPickerOptionType, WorkflowRunnerStatusDTO } from './Components';
+import { BASE_CONFIGURATION_ENV_ID, DEPLOYMENT_STATUS, EnvironmentTypeEnum, PatchOperationType } from './constants';
 export declare enum EnvType {
     CHART = "helm_charts",
     APPLICATION = "apps"
@@ -111,6 +113,7 @@ export interface Node {
     canBeHibernated: boolean;
     isHibernated: boolean;
     hasDrift?: boolean;
+    status?: string;
 }
 export interface iNodes extends Array<iNode> {
 }
@@ -127,6 +130,7 @@ export interface ResourceTree {
     podMetadata: Array<PodMetaData>;
     status: string;
     resourcesSyncResult?: Record<string, string>;
+    wfrId?: number;
 }
 export declare enum AppType {
     DEVTRON_APP = "devtron_app",
@@ -197,6 +201,12 @@ export interface AppDetails {
     chartAvatar?: string;
     fluxTemplateType?: string;
     FluxAppStatusDetail?: FluxAppStatusDetail;
+    isPipelineTriggered?: boolean;
+    releaseMode?: ReleaseMode;
+}
+export interface ConfigDriftModalProps extends Required<Pick<AppDetails, 'appId'>> {
+    envId: number;
+    handleCloseModal?: () => void;
 }
 export declare enum RegistryType {
     GIT = "git",
@@ -405,6 +415,7 @@ export declare enum ResourceKindType {
     releaseChannel = "release-channel",
     tenant = "tenant",
     installation = "installation",
+    infrastructureInstallation = "installations",
     environment = "environment",
     cdPipeline = "cd-pipeline",
     ciPipeline = "ci-pipeline",
@@ -941,6 +952,10 @@ export type CountryISO2Type = ParsedCountry['iso2'];
 export declare enum ResponseHeaders {
     LICENSE_STATUS = "X-License-Status"
 }
+export declare enum InstallationClusterType {
+    EKS_AUTO_CLUSTER = "eksAutoCluster",
+    EKS_MANUAL_CLUSTER = "eksManualCluster"
+}
 export type IconBaseSizeType = 6 | 8 | 10 | 12 | 14 | 16 | 18 | 20 | 22 | 24 | 28 | 30 | 32 | 34 | 36 | 40 | 42 | 44 | 48 | 72 | 80;
 export type IconBaseColorType = `${'B' | 'N' | 'G' | 'Y' | 'R' | 'V' | 'O'}${`${1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9}00` | '50' | '0'}` | 'white' | 'black' | null;
 export interface GetTimeDifferenceParamsType {
@@ -955,6 +970,99 @@ export declare enum RegistryCredentialsType {
     USERNAME_PASSWORD = "username_password",
     ANONYMOUS = "anonymous"
 }
+export interface SyncStageResourceDetail {
+    id: number;
+    cdWorkflowRunnerId: number;
+    resourceGroup: string;
+    resourceKind: string;
+    resourceName: string;
+    resourcePhase: string;
+    resourceStatus: string;
+    statusMessage: string;
+}
+export declare enum TIMELINE_STATUS {
+    DEPLOYMENT_INITIATED = "DEPLOYMENT_INITIATED",
+    GIT_COMMIT = "GIT_COMMIT",
+    GIT_COMMIT_FAILED = "GIT_COMMIT_FAILED",
+    ARGOCD_SYNC = "ARGOCD_SYNC",
+    ARGOCD_SYNC_FAILED = "ARGOCD_SYNC_FAILED",
+    KUBECTL_APPLY = "KUBECTL_APPLY",
+    KUBECTL_APPLY_STARTED = "KUBECTL_APPLY_STARTED",
+    KUBECTL_APPLY_SYNCED = "KUBECTL_APPLY_SYNCED",
+    HEALTHY = "HEALTHY",
+    APP_HEALTH = "APP_HEALTH",
+    DEPLOYMENT_FAILED = "FAILED",
+    FETCH_TIMED_OUT = "TIMED_OUT",
+    UNABLE_TO_FETCH_STATUS = "UNABLE_TO_FETCH_STATUS",
+    DEGRADED = "DEGRADED",
+    DEPLOYMENT_SUPERSEDED = "DEPLOYMENT_SUPERSEDED",
+    ABORTED = "ABORTED",
+    INPROGRESS = "INPROGRESS",
+    HELM_PACKAGE_GENERATED = "HELM_PACKAGE_GENERATED",
+    HELM_PACKAGE_GENERATION_FAILED = "HELM_PACKAGE_GENERATION_FAILED",
+    HELM_MANIFEST_PUSHED_TO_HELM_REPO = "HELM_MANIFEST_PUSHED_TO_HELM_REPO",
+    HELM_MANIFEST_PUSHED_TO_HELM_REPO_FAILED = "HELM_MANIFEST_PUSHED_TO_HELM_REPO_FAILED"
+}
+export interface DeploymentStatusDetailsTimelineType extends Pick<SyncStageResourceDetail, 'id' | 'cdWorkflowRunnerId'> {
+    status: TIMELINE_STATUS;
+    statusDetail: string;
+    statusTime: string;
+    resourceDetails?: SyncStageResourceDetail[];
+}
+export interface DeploymentStatusDetailsType {
+    deploymentFinishedOn: string;
+    deploymentStartedOn: string;
+    triggeredBy: string;
+    statusFetchCount: number;
+    statusLastFetchedAt: string;
+    timelines: DeploymentStatusDetailsTimelineType[];
+    wfrStatus?: WorkflowRunnerStatusDTO;
+    isDeploymentWithoutApproval: boolean;
+}
+export type DeploymentStatusTimelineType = TIMELINE_STATUS.DEPLOYMENT_INITIATED | TIMELINE_STATUS.GIT_COMMIT | TIMELINE_STATUS.ARGOCD_SYNC | TIMELINE_STATUS.KUBECTL_APPLY | TIMELINE_STATUS.APP_HEALTH | TIMELINE_STATUS.HELM_PACKAGE_GENERATED | TIMELINE_STATUS.HELM_MANIFEST_PUSHED_TO_HELM_REPO;
+export type DeploymentStatusBreakdownItemIconType = 'success' | 'failed' | 'unknown' | 'inprogress' | 'unreachable' | 'loading' | 'disconnect' | 'timed_out' | '';
+export declare enum DeploymentPhaseType {
+    PRE_SYNC = "PreSync",
+    SYNC = "Sync",
+    POST_SYNC = "PostSync",
+    SKIP = "Skip",
+    SYNC_FAIL = "SyncFail"
+}
+export interface DeploymentStatusBreakdownItemType {
+    icon: DeploymentStatusBreakdownItemIconType;
+    displayText: ReactNode;
+    displaySubText: string;
+    time: string;
+    /**
+     * Shown in accordion details if type is TIMELINE_STATUS.KUBECTL_APPLY to display resource details
+     */
+    resourceDetails?: SyncStageResourceDetail[];
+    isCollapsed?: boolean;
+    /**
+     * Sub-Steps in accordion details in case type is TIMELINE_STATUS.KUBECTL_APPLY
+     */
+    subSteps?: {
+        icon: DeploymentStatusBreakdownItemIconType;
+        message: string;
+        phase?: DeploymentPhaseType;
+    }[];
+    /**
+     * To be shown in accordion details below heading tile
+     */
+    timelineStatus?: ReactNode;
+    showHelmManifest?: boolean;
+}
+export interface DeploymentStatusDetailsBreakdownDataType {
+    deploymentStatus: (typeof DEPLOYMENT_STATUS)[keyof typeof DEPLOYMENT_STATUS];
+    deploymentTriggerTime: string;
+    deploymentEndTime: string;
+    triggeredBy: string;
+    deploymentStatusBreakdown: Partial<Record<DeploymentStatusTimelineType, DeploymentStatusBreakdownItemType>>;
+    errorBarConfig?: {
+        deploymentErrorMessage: string;
+        nextTimelineToProcess: DeploymentStatusTimelineType;
+    } | null;
+}
 export interface IntelligenceConfig {
     clusterId: number;
     metadata: Record<string, string>;