@devtron-labs/devtron-fe-common-lib 1.12.0-pre-9 → 1.13.0-beta-1

package/dist/Common/Checkbox/Checkbox.d.ts

@@ -0,0 +1,2 @@
+import { CheckboxProps } from '../Types';
+export declare const Checkbox: ({ rootClassName, onClick, name, disabled, value, onChange, tabIndex, isChecked, id, dataTestId, children, }: CheckboxProps) => JSX.Element;

package/dist/Common/Checkbox/index.d.ts

@@ -0,0 +1 @@
+export * from './Checkbox';

package/dist/Common/Constants.d.ts

@@ -13,6 +13,7 @@ export declare const DOCUMENTATION: {
     GLOBAL_CONFIG_BUILD_INFRA: string;
     ENTERPRISE_LICENSE: string;
     KUBE_CONFIG: string;
+    TENANT_INSTALLATION: string;
 };
 export declare const PATTERNS: {
     STRING: RegExp;
@@ -42,7 +43,6 @@ export declare const URLS: {
     readonly CREATE_JOB: "create-job";
     readonly GETTING_STARTED: "getting-started";
     readonly STACK_MANAGER_ABOUT: "/stack-manager/about";
-    readonly APP_LIST_HELM: "h";
     readonly APP_CI_DETAILS: "ci-details";
     readonly LOGS: "Logs";
     readonly CREATE: "/create";
@@ -64,7 +64,6 @@ export declare const URLS: {
     readonly COMPARE_CLUSTERS: "/compare-clusters";
     readonly APP_CONFIG: "edit";
     readonly GLOBAL_CONFIG: "/global-config";
-    readonly CONFIG_DRIFT: "config-drift";
     readonly GLOBAL_CONFIG_TEMPLATES_DEVTRON_APP: "/global-config/templates/devtron-apps";
     readonly GLOBAL_CONFIG_TEMPLATES_DEVTRON_APP_CREATE: "/global-config/templates/devtron-apps/create";
     readonly GLOBAL_CONFIG_TEMPLATES_DEVTRON_APP_DETAIL: "/global-config/templates/devtron-apps/detail/:appId";
@@ -111,6 +110,7 @@ export declare const ROUTES: {
     readonly ATTRIBUTES_CREATE: "attributes/create";
     readonly ATTRIBUTES_UPDATE: "attributes/update";
     readonly APP_LIST_MIN: "app/min";
+    readonly APP_DETAIL: "app/detail";
     readonly CLUSTER_LIST_MIN: "cluster/autocomplete";
     readonly CLUSTER_LIST_RAW: "k8s/capacity/cluster/list/raw";
     readonly PLUGIN_GLOBAL_LIST_DETAIL_V2: "plugin/global/list/detail/v2";

package/dist/Common/Drawer/index.d.ts

@@ -0,0 +1 @@
+export * from './Drawer';

package/dist/Common/EmptyState/index.d.ts

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

package/dist/Common/Helper.d.ts

@@ -1,7 +1,7 @@
 import { default as React, SyntheticEvent } from 'react';
 import { JSONPathOptions } from 'jsonpath-plus';
 import { AsyncOptions, DeploymentNodeType, UseSearchString } from './Types';
-import { scrollableInterface } from '../Shared';
+import { scrollableInterface, AppType } from '../Shared';
 import * as Sentry from '@sentry/browser';
 export declare function showError(serverError: any, showToastOnUnknownError?: boolean, hideAccessError?: boolean): void;
 interface ConditionalWrapper<T> {
@@ -95,8 +95,10 @@ export declare const flatMapOfJSONPaths: (paths: string[], json: object, resultT
 export declare const applyCompareDiffOnUneditedDocument: (uneditedDocument: object, editedDocument: object) => any;
 /**
  * Returns a debounced variant of the function
+ * @deprecated - It should use useRef instead, pls use useDebounce
  */
 export declare const debounce: (func: any, timeout?: number) => (this: any, ...args: any[]) => void;
+export declare const useDebounce: <Callback extends (...args: any[]) => void>(cb: Callback, delay: number) => (...args: Parameters<Callback>) => void;
 /**
  * Returns a capitalized string with first letter in uppercase and rest in lowercase
  */
@@ -144,4 +146,6 @@ export declare const getGoLangFormattedDateWithTimezone: (dateFormat: string) =>
  */
 export declare const getHashedValue: (value: string) => Promise<string | null>;
 export declare const getTTLInHumanReadableFormat: (ttl: number) => string;
+export declare const getAIAnalyticsEvents: (context: string, appType?: AppType) => string;
+export declare const findRight: <T>(arr: T[], predicate: (item: T) => boolean) => T | null;
 export {};

package/dist/Common/Toggle/Toggle.d.ts

@@ -1,4 +1,5 @@
-declare const Toggle: ({ selected, onSelect, color, rootClassName, disabled, dataTestId, Icon, iconClass, throttleOnChange, shouldToggleValueOnLabelClick, isLoading, ...props }: {
+import { CHECKBOX_VALUE } from '../Types';
+declare const Toggle: ({ selected, onSelect, color, rootClassName, disabled, dataTestId, Icon, iconClass, throttleOnChange, shouldToggleValueOnLabelClick, isLoading, value, isControlled, ...props }: {
     [x: string]: any;
     selected?: boolean;
     onSelect?: any;
@@ -11,5 +12,7 @@ declare const Toggle: ({ selected, onSelect, color, rootClassName, disabled, dat
     throttleOnChange?: boolean;
     shouldToggleValueOnLabelClick?: boolean;
     isLoading?: boolean;
+    value?: CHECKBOX_VALUE;
+    isControlled?: boolean;
 }) => JSX.Element;
 export default Toggle;

package/dist/Common/Types.d.ts

@@ -75,6 +75,7 @@ export interface CheckboxProps {
     onClick?: (event: any) => void;
     id?: string;
     dataTestId?: string;
+    children?: ReactNode;
 }
 export interface TippyCustomizedProps extends Pick<TippyProps, 'appendTo'> {
     theme: TippyTheme;
@@ -110,6 +111,7 @@ export interface InfoIconTippyProps extends Pick<TippyCustomizedProps, 'heading'
     dataTestid?: string;
     children?: TippyCustomizedProps['children'];
     iconClassName?: string;
+    buttonPadding?: string;
 }
 export interface GenericEmptyStateType {
     title: ReactNode;

package/dist/Common/index.d.ts

@@ -15,9 +15,8 @@ export { default as DevtronCopyright } from './DevtronCopyright';
 export * from './DevtronProgressing';
 export * from './Dialogs';
 export * from './DraggableWrapper';
-export * from './Drawer/Drawer';
-export { default as GenericEmptyState } from './EmptyState/GenericEmptyState';
-export { default as GenericFilterEmptyState } from './EmptyState/GenericFilterEmptyState';
+export * from './Drawer';
+export * from './EmptyState';
 export { default as ErrorScreenManager } from './ErrorScreenManager';
 export { default as ErrorScreenNotAuthorized } from './ErrorScreenNotAuthorized';
 export * from './GenericDescription';

package/dist/Shared/Components/AppStatusModal/AppStatusBody.d.ts

@@ -0,0 +1,2 @@
+import { AppStatusBodyProps } from './types';
+export declare const AppStatusBody: ({ appDetails, type, handleShowConfigDriftModal, deploymentStatusDetailsBreakdownData, selectedTab, debugWithAIButton: ExplainWithAIButton, }: AppStatusBodyProps) => JSX.Element;

package/dist/Shared/Components/AppStatusModal/AppStatusContent.d.ts

@@ -0,0 +1,3 @@
+import { AppStatusContentProps } from './types';
+declare const AppStatusContent: ({ appDetails, handleShowConfigDriftModal, filterHealthyNodes, isCardLayout, }: AppStatusContentProps) => JSX.Element;
+export default AppStatusContent;

package/dist/Shared/Components/AppStatusModal/AppStatusModal.component.d.ts

@@ -0,0 +1,3 @@
+import { AppStatusModalProps } from './types';
+declare const AppStatusModal: ({ titleSegments, handleClose, type, appDetails: appDetailsProp, processVirtualEnvironmentDeploymentData, updateDeploymentStatusDetailsBreakdownData, isConfigDriftEnabled, configDriftModal: ConfigDriftModal, appId, envId, initialTab, debugWithAIButton, }: AppStatusModalProps) => JSX.Element;
+export default AppStatusModal;

package/dist/Shared/Components/AppStatusModal/AppStatusModalTabList.d.ts

@@ -0,0 +1,3 @@
+import { AppStatusModalTabListProps } from './types';
+declare const AppStatusModalTabList: ({ handleSelectTab, appDetails, type, selectedTab, deploymentStatusDetailsBreakdownData, }: AppStatusModalTabListProps) => JSX.Element;
+export default AppStatusModalTabList;

package/dist/Shared/Components/AppStatusModal/constants.d.ts

@@ -0,0 +1,4 @@
+export declare const APP_STATUS_CUSTOM_MESSAGES: {
+    HIBERNATED: string;
+    'PARTIALLY HIBERNATED': string;
+};

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

@@ -0,0 +1,3 @@
+export { default as AppStatusContent } from './AppStatusContent';
+export { default as AppStatusModal } from './AppStatusModal.component';
+export { AppStatusModalTabType } from './types';

package/dist/Shared/Components/AppStatusModal/service.d.ts

@@ -0,0 +1,4 @@
+import { AppDetails, DeploymentStatusDetailsBreakdownDataType } from '../../types';
+import { GetAppDetailsParamsType, GetDeploymentStatusWithTimelineParamsType } from './types';
+export declare const getAppDetails: ({ appId, envId, abortControllerRef, }: GetAppDetailsParamsType) => Promise<AppDetails>;
+export declare const getDeploymentStatusWithTimeline: ({ abortControllerRef, appId, envId, showTimeline, virtualEnvironmentConfig, isHelmApp, }: GetDeploymentStatusWithTimelineParamsType) => Promise<DeploymentStatusDetailsBreakdownDataType>;

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

@@ -0,0 +1,78 @@
+import { FunctionComponent, PropsWithChildren, ReactNode } from 'react';
+import { APIOptions } from '../../../Common/Types';
+import { AppDetails, ConfigDriftModalProps, DeploymentStatusDetailsBreakdownDataType, DeploymentStatusDetailsType, IntelligenceConfig } from '../../types';
+export declare enum AppStatusModalTabType {
+    APP_STATUS = "appStatus",
+    DEPLOYMENT_STATUS = "deploymentStatus"
+}
+export type AppStatusModalProps = {
+    titleSegments: string[];
+    handleClose: () => void;
+    isConfigDriftEnabled: boolean;
+    configDriftModal: FunctionComponent<ConfigDriftModalProps>;
+    processVirtualEnvironmentDeploymentData: (data?: DeploymentStatusDetailsType) => DeploymentStatusDetailsBreakdownDataType;
+    debugWithAIButton: FunctionComponent<{
+        intelligenceConfig: IntelligenceConfig;
+    }>;
+} & ({
+    type: 'release';
+    appId: number;
+    envId: number;
+    appDetails?: never;
+    initialTab?: never;
+    updateDeploymentStatusDetailsBreakdownData?: never;
+} | {
+    type: 'devtron-app' | 'other-apps' | 'stack-manager';
+    appDetails: AppDetails;
+    initialTab: AppStatusModalTabType;
+    updateDeploymentStatusDetailsBreakdownData: (data: DeploymentStatusDetailsBreakdownDataType) => void;
+    appId?: never;
+    envId?: never;
+});
+export interface AppStatusBodyProps extends Required<Pick<AppStatusModalProps, 'appDetails' | 'type' | 'debugWithAIButton'>> {
+    handleShowConfigDriftModal: () => void;
+    selectedTab: AppStatusModalTabType;
+    deploymentStatusDetailsBreakdownData: DeploymentStatusDetailsBreakdownDataType;
+}
+export interface AppStatusContentProps extends Required<Pick<AppStatusBodyProps, 'appDetails'>>, Partial<Pick<AppStatusBodyProps, 'handleShowConfigDriftModal'>> {
+    /**
+     * @default false
+     */
+    filterHealthyNodes?: boolean;
+    /**
+     * @default true
+     */
+    isCardLayout?: boolean;
+}
+export interface GetFilteredFlattenedNodesFromAppDetailsParamsType extends Pick<AppStatusContentProps, 'appDetails' | 'filterHealthyNodes'> {
+}
+/**
+ * Params for getAppDetails which is called in case of release [i.e, devtron apps]
+ */
+export interface GetAppDetailsParamsType extends Pick<APIOptions, 'abortControllerRef'> {
+    appId: number;
+    envId: number;
+}
+export type GetDeploymentStatusWithTimelineParamsType = Pick<APIOptions, 'abortControllerRef'> & {
+    /**
+     * Incase of helm apps this is installed app id
+     */
+    appId: number;
+    envId: number;
+    showTimeline: boolean;
+    virtualEnvironmentConfig?: {
+        processVirtualEnvironmentDeploymentData: AppStatusModalProps['processVirtualEnvironmentDeploymentData'];
+        wfrId: AppDetails['resourceTree']['wfrId'];
+    };
+    isHelmApp?: boolean;
+};
+export interface AppStatusModalTabListProps extends Pick<AppStatusModalProps, 'appDetails' | 'type'> {
+    handleSelectTab: (updatedTab: AppStatusModalTabType) => void;
+    selectedTab: AppStatusModalTabType;
+    deploymentStatusDetailsBreakdownData: DeploymentStatusDetailsBreakdownDataType;
+}
+export interface StatusHeadingContainerProps extends PropsWithChildren<Pick<AppStatusBodyProps, 'type'>> {
+    appId: number;
+    envId?: number;
+    actionItem?: ReactNode;
+}

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

@@ -0,0 +1,8 @@
+import { GenericEmptyStateType } from '../../../Common/Types';
+import { AppDetails, DeploymentStatusDetailsBreakdownDataType, Node } from '../../types';
+import { AppStatusModalProps, GetFilteredFlattenedNodesFromAppDetailsParamsType as GetFlattenedNodesFromAppDetailsParamsType } from './types';
+export declare const getAppStatusMessageFromAppDetails: (appDetails: AppDetails) => string;
+export declare const getFlattenedNodesFromAppDetails: ({ appDetails, filterHealthyNodes, }: GetFlattenedNodesFromAppDetailsParamsType) => Node[];
+export declare const getResourceKey: (nodeDetails: Node) => string;
+export declare const getShowDeploymentStatusModal: ({ type, appDetails, }: Pick<AppStatusModalProps, "type" | "appDetails">) => boolean;
+export declare const getEmptyViewImageFromHelmDeploymentStatus: (status: DeploymentStatusDetailsBreakdownDataType["deploymentStatus"]) => GenericEmptyStateType["image"];

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

@@ -14,7 +14,9 @@ export declare enum ButtonStyleType {
     negativeGrey = "negative-grey",
     positive = "positive",
     warning = "warning",
-    neutral = "neutral"
+    neutral = "neutral",
+    neutralN0 = "neutral-n0",
+    neutralWhite = "neutral-white"
 }
 export declare enum ButtonComponentType {
     button = "button",

package/dist/Shared/Components/CICDHistory/DeploymentStatusBreakdown.d.ts

@@ -1,3 +1,3 @@
 import { DeploymentStatusDetailBreakdownType } from './types';
-declare const DeploymentStatusDetailBreakdown: ({ deploymentStatusDetailsBreakdownData, isVirtualEnvironment, }: DeploymentStatusDetailBreakdownType) => JSX.Element;
+declare const DeploymentStatusDetailBreakdown: ({ deploymentStatusDetailsBreakdownData, isVirtualEnvironment, appDetails, rootClassName, }: DeploymentStatusDetailBreakdownType) => JSX.Element;
 export default DeploymentStatusDetailBreakdown;

package/dist/Shared/Components/CICDHistory/DeploymentStatusDetailRow.d.ts

@@ -1,2 +1,2 @@
 import { DeploymentStatusDetailRowType } from './types';
-export declare const DeploymentStatusDetailRow: ({ type, hideVerticalConnector, deploymentDetailedData, }: DeploymentStatusDetailRowType) => JSX.Element;
+export declare const DeploymentStatusDetailRow: ({ type, hideVerticalConnector, deploymentDetailedData, appDetails, }: DeploymentStatusDetailRowType) => JSX.Element;

package/dist/Shared/Components/CICDHistory/constants.d.ts

@@ -84,3 +84,4 @@ export declare const PROGRESSING_STATUS: {
     readonly [x: string]: "progressing" | "starting" | "initiating" | "queued" | "running";
 };
 export declare const FAILED_WORKFLOW_STAGE_STATUS_MAP: Record<Extract<WorkflowStageStatusType, WorkflowStageStatusType.ABORTED | WorkflowStageStatusType.FAILED | WorkflowStageStatusType.TIMEOUT>, true>;
+export declare const APP_HEALTH_DROP_DOWN_LIST: string[];

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

@@ -1,4 +1,3 @@
-export { default as AppStatusDetailsChart } from './AppStatusDetailsChart';
 export { default as Artifacts } from './Artifacts';
 export { default as CDEmptyState } from './CDEmptyState';
 export * from './CiPipelineSourceConfig';

package/dist/Shared/Components/CICDHistory/service.d.ts

@@ -10,6 +10,9 @@ export declare function getTriggerDetails({ appId, envId, pipelineId, triggerId,
 export declare const getTagDetails: (params: any) => Promise<ResponseType<any>>;
 export declare const cancelCiTrigger: (params: any, isForceAbort: any) => Promise<ResponseType<any>>;
 export declare const cancelPrePostCdTrigger: (pipelineId: any, workflowRunner: any, isForceAbort: boolean) => Promise<ResponseType<any>>;
+/**
+ * @deprecated
+ */
 export declare function getDeploymentStatusDetail(appId: string, envId: string, showTimeline: boolean, triggerId?: string, isHelmApps?: boolean, installedAppVersionHistoryId?: number): Promise<DeploymentStatusDetailsResponse>;
 export declare function getManualSync(params: {
     appId: string;

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

@@ -2,7 +2,7 @@ import { CSSProperties, ReactElement, ReactNode } from 'react';
 import { SupportedKeyboardKeysType } from '@Common/Hooks/UseRegisterShortcut/types';
 import { DeploymentAppTypes, FilterConditionsListType, ImageComment, OptionType, PaginationProps, PromotionApprovalMetadataType, ReleaseTag, ResponseType, UserApprovalMetadataType, useScrollable } from '../../../Common';
 import { DeploymentStageType } from '../../constants';
-import { AggregationKeys, GitTriggers, Node, NodeType, ResourceKindType, ResourceVersionType, TargetPlatformsDTO } from '../../types';
+import { AggregationKeys, AppDetails, DeploymentStatusDetailsBreakdownDataType, DeploymentStatusDetailsType, DeploymentStatusTimelineType, GitTriggers, Node, NodeType, ResourceKindType, ResourceVersionType, TargetPlatformsDTO } from '../../types';
 import { TargetPlatformBadgeListProps } from '../TargetPlatforms';
 export declare enum HistoryComponentType {
     CI = "CI",
@@ -296,66 +296,7 @@ export type FinishedType = {
     status?: never;
     finishedOn?: never;
 });
-export interface SyncStageResourceDetail {
-    id: number;
-    cdWorkflowRunnerId: number;
-    resourceGroup: string;
-    resourceKind: string;
-    resourceName: string;
-    resourcePhase: string;
-    resourceStatus: string;
-    statusMessage: string;
-}
-export interface DeploymentStatusDetailsTimelineType {
-    id: number;
-    cdWorkflowRunnerId: number;
-    status: string;
-    statusDetail: string;
-    statusTime: string;
-    resourceDetails?: SyncStageResourceDetail[];
-}
-export interface DeploymentStatusDetailsType extends Pick<History, 'isDeploymentWithoutApproval'> {
-    deploymentFinishedOn: string;
-    deploymentStartedOn: string;
-    triggeredBy: string;
-    statusFetchCount: number;
-    statusLastFetchedAt: string;
-    timelines: DeploymentStatusDetailsTimelineType[];
-    wfrStatus?: string;
-}
-export interface DeploymentStatusDetailsResponse extends ResponseType {
-    result?: DeploymentStatusDetailsType;
-}
-interface DeploymentStatusDetailRow {
-    icon: string;
-    displayText: ReactNode;
-    displaySubText: string;
-    time: string;
-    resourceDetails?: any;
-    isCollapsed?: boolean;
-    kubeList?: {
-        icon: any;
-        message: string;
-    }[];
-    timelineStatus?: string;
-}
-export interface DeploymentStatusDetailsBreakdownDataType {
-    deploymentStatus: string;
-    deploymentStatusText: string;
-    deploymentTriggerTime: string;
-    deploymentEndTime: string;
-    deploymentError: string;
-    triggeredBy: string;
-    nonDeploymentError: string;
-    deploymentStatusBreakdown: {
-        DEPLOYMENT_INITIATED: DeploymentStatusDetailRow;
-        GIT_COMMIT?: DeploymentStatusDetailRow;
-        ARGOCD_SYNC?: DeploymentStatusDetailRow;
-        KUBECTL_APPLY?: DeploymentStatusDetailRow;
-        APP_HEALTH?: DeploymentStatusDetailRow;
-        HELM_PACKAGE_GENERATED?: DeploymentStatusDetailRow;
-    };
-}
+export type DeploymentStatusDetailsResponse = ResponseType<DeploymentStatusDetailsType>;
 export interface DeploymentDetailStepsType extends Pick<History, 'isDeploymentWithoutApproval'> {
     deploymentStatus?: string;
     deploymentAppType?: DeploymentAppTypes;
@@ -456,19 +397,17 @@ export interface LogsRendererType extends Pick<HistoryLogsProps, 'fullScreenView
 export interface DeploymentStatusDetailBreakdownType {
     deploymentStatusDetailsBreakdownData: DeploymentStatusDetailsBreakdownDataType;
     isVirtualEnvironment?: boolean;
+    /**
+     * Won't be available if coming directly to deployment history from url
+     */
+    appDetails: AppDetails | null;
+    rootClassName?: string;
 }
-export interface DeploymentStatusDetailRowType {
-    type: string;
+export interface DeploymentStatusDetailRowType extends Pick<DeploymentStatusDetailBreakdownType, 'appDetails'> {
+    type: DeploymentStatusTimelineType;
     hideVerticalConnector?: boolean;
     deploymentDetailedData: DeploymentStatusDetailsBreakdownDataType;
 }
-export interface ErrorInfoStatusBarType {
-    nonDeploymentError: string;
-    type: string;
-    errorMessage: string;
-    hideVerticalConnector?: boolean;
-    hideErrorIcon?: boolean;
-}
 export interface DeploymentConfigurationsRes extends ResponseType {
     result?: DeploymentTemplateList[];
 }
@@ -508,12 +447,6 @@ export interface DeploymentHistorySidebarType {
     deploymentHistoryList: DeploymentTemplateList[];
     setDeploymentHistoryList: React.Dispatch<React.SetStateAction<DeploymentTemplateList[]>>;
 }
-export interface AppStatusDetailsChartType {
-    filterRemoveHealth?: boolean;
-    showFooter: boolean;
-    showConfigDriftInfo?: boolean;
-    onClose?: () => void;
-}
 export interface StatusFilterButtonType {
     nodes: Array<Node>;
     selectedTab: string;

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

@@ -1,10 +1,11 @@
 import { ReactElement } from 'react';
-import { Node } from '../../types';
-import { DeploymentHistoryResultObject, ExecutionInfoType, NodeFilters, NodeStatus, StageStatusType, TriggerHistoryFilterCriteriaProps, TriggerHistoryFilterCriteriaType, WorkflowExecutionStagesMapDTO, WorkflowStageStatusType } from './types';
+import { DeploymentAppTypes } from '../../../Common/Types';
+import { DeploymentStatusBreakdownItemType, Node } from '../../types';
+import { TabGroupProps } from '../TabGroup';
+import { DeploymentHistoryResultObject, ExecutionInfoType, History, NodeFilters, NodeStatus, StageStatusType, TriggerHistoryFilterCriteriaProps, TriggerHistoryFilterCriteriaType, WorkflowExecutionStagesMapDTO, WorkflowStageStatusType } from './types';
 export declare const getTriggerHistoryFilterCriteria: ({ appId, envId, releaseId, showCurrentReleaseDeployments, }: TriggerHistoryFilterCriteriaProps) => TriggerHistoryFilterCriteriaType;
 export declare const getParsedTriggerHistory: (result: any) => DeploymentHistoryResultObject;
 export declare const buildHoverHtmlForWebhook: (eventName: any, condition: any, selectors: any) => JSX.Element;
-export declare const renderIcon: (iconState: string) => JSX.Element;
 export declare const getStageStatusIcon: (status: StageStatusType) => JSX.Element;
 export declare const getLogSearchIndex: ({ stageIndex, lineNumberInsideStage, }: Record<"stageIndex" | "lineNumberInsideStage", number>) => string;
 export declare const sanitizeWorkflowExecutionStages: (workflowExecutionStages: WorkflowExecutionStagesMapDTO["workflowExecutionStages"]) => ExecutionInfoType | null;
@@ -36,3 +37,6 @@ export declare const getStatusFilters: ({ allNodeCount, missingNodeCount, failed
 };
 export declare const getAppStatusIcon: (status: NodeStatus | NodeFilters, hideMessage?: boolean) => JSX.Element;
 export declare const getTriggerStatusIcon: (status: string) => string;
+export declare const renderDeploymentTimelineIcon: (iconState: DeploymentStatusBreakdownItemType["icon"]) => JSX.Element;
+export declare const getDeploymentTimelineBGColorFromIcon: (icon: DeploymentStatusBreakdownItemType["icon"]) => string;
+export declare const getTriggerOutputTabs: (triggerDetails: History, deploymentAppType: DeploymentAppTypes) => TabGroupProps["tabs"];

package/dist/Shared/Components/DeploymentStatusBreakdown/constants.d.ts

@@ -0,0 +1,10 @@
+import { DEPLOYMENT_STATUS } from '../../constants';
+import { DeploymentPhaseType, DeploymentStatusTimelineType } from '../../types';
+import { WorkflowRunnerStatusDTO } from './types';
+export declare const DEPLOYMENT_STATUS_TEXT_MAP: Readonly<Record<(typeof DEPLOYMENT_STATUS)[keyof typeof DEPLOYMENT_STATUS], string>>;
+export declare const WFR_STATUS_DTO_TO_DEPLOYMENT_STATUS_MAP: Readonly<Record<WorkflowRunnerStatusDTO, (typeof DEPLOYMENT_STATUS)[keyof typeof DEPLOYMENT_STATUS]>>;
+export declare const PROGRESSING_DEPLOYMENT_STATUS: Readonly<(typeof DEPLOYMENT_STATUS)[keyof typeof DEPLOYMENT_STATUS][]>;
+export declare const SUCCESSFUL_DEPLOYMENT_STATUS: typeof PROGRESSING_DEPLOYMENT_STATUS;
+export declare const FAILED_DEPLOYMENT_STATUS: typeof PROGRESSING_DEPLOYMENT_STATUS;
+export declare const PHYSICAL_ENV_DEPLOYMENT_TIMELINE_ORDER: Readonly<DeploymentStatusTimelineType[]>;
+export declare const DEPLOYMENT_PHASES: Readonly<DeploymentPhaseType[]>;

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

@@ -0,0 +1,3 @@
+export * from './constants';
+export * from './types';
+export * from './utils';

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

@@ -0,0 +1,22 @@
+import { DEPLOYMENT_STATUS } from '../../constants';
+import { DeploymentStatusBreakdownItemType, DeploymentStatusDetailsType, DeploymentStatusTimelineType } from '../../types';
+export declare enum WorkflowRunnerStatusDTO {
+    PROGRESSING = "Progressing",
+    ABORTED = "Aborted",
+    FAILED = "Failed",
+    SUCCEEDED = "Succeeded",
+    TIMED_OUT = "TimedOut",
+    UNABLE_TO_FETCH = "UnableToFetch",
+    STARTING = "Starting",
+    QUEUED = "Queued",
+    INITIATING = "Initiating",
+    HEALTHY = "Healthy",
+    DEGRADED = "Degraded"
+}
+export interface ProcessUnableToFetchOrTimedOutStatusType {
+    timelineData: DeploymentStatusBreakdownItemType;
+    timelineStatusType: DeploymentStatusTimelineType;
+    deploymentStatus: typeof DEPLOYMENT_STATUS.UNABLE_TO_FETCH | typeof DEPLOYMENT_STATUS.TIMED_OUT;
+    statusLastFetchedAt: DeploymentStatusDetailsType['statusLastFetchedAt'] | null;
+    statusFetchCount: DeploymentStatusDetailsType['statusFetchCount'] | null;
+}

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

@@ -0,0 +1,20 @@
+import { DeploymentStatusDetailsBreakdownDataType, DeploymentStatusDetailsType } from '../../types';
+/**
+ * @description
+ * This function processes the deployment status details data and returns a breakdown of the deployment status.
+ * Cases it handles:
+ * 1. If timelines are not present, say the case of helm deployment, we will parse the wfrStatus and put the status and basic deployment info [triggeredBy, deploymentStartedOn, deploymentFinishedOn] into the breakdown data and return it.
+ * 2. In case of gitops:
+ *  - There are five timelines in chronological order:
+ *    - Deployment Initiated
+ *    - Git commit
+ *    - ArgoCD Sync
+ *    - Kubectl Apply
+ *    - App Health
+ *  - Basic flow is we traverse the timelines in order, if find the last status for that specific timeline from response by traversing the timelines in reverse order.
+ *  - If element is found, we will parse the status and set the icon, display text, time, etc. for that timeline and set the next timeline to inprogress.
+ *  - If element is not found, we will parse on basis of factors like:
+ *   - If this timeline is not inprogress and deploymentStatus is progressing, we will set the current timeline to waiting.
+ *   - In similar fashion based on the deploymentStatus we will set the icon and display text for the timeline.
+ */
+export declare const processDeploymentStatusDetailsData: (data?: DeploymentStatusDetailsType) => DeploymentStatusDetailsBreakdownDataType;

package/dist/Shared/Components/Error/ErrorBar.d.ts

@@ -1,3 +1,3 @@
 import { ErrorBarType } from './types';
-declare const ErrorBar: ({ appDetails }: ErrorBarType) => JSX.Element;
+declare const ErrorBar: ({ appDetails, useParentMargin }: ErrorBarType) => JSX.Element;
 export default ErrorBar;

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

@@ -1,6 +1,10 @@
 import { AppDetails } from '../../types';
 export interface ErrorBarType {
     appDetails: AppDetails;
+    /**
+     * @default true
+     */
+    useParentMargin?: boolean;
 }
 export declare enum AppDetailsErrorType {
     ERRIMAGEPULL = "errimagepull",

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

@@ -1,2 +1,3 @@
 import { AppDetails } from '../../types';
+export declare const getIsImagePullBackOff: (appDetails: AppDetails) => boolean;
 export declare const renderErrorHeaderMessage: (appDetails: AppDetails, key: string, onClickActionButton?: any) => JSX.Element;

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

@@ -1,3 +1,3 @@
-import { AnimatePresence } from 'framer-motion';
+import { AnimatePresence, motion } from 'framer-motion';
 export * from './MotionDiv';
-export { AnimatePresence };
+export { AnimatePresence, motion };

package/dist/Shared/Components/Header/PageHeader.d.ts

@@ -1,3 +1,3 @@
 import { PageHeaderType } from './types';
-declare const PageHeader: ({ headerName, additionalHeaderInfo, showTabs, renderHeaderTabs, isBreadcrumbs, breadCrumbs, renderActionButtons, showCloseButton, onClose, markAsBeta, showAnnouncementHeader, tippyProps, }: PageHeaderType) => JSX.Element;
+declare const PageHeader: ({ headerName, additionalHeaderInfo, showTabs, renderHeaderTabs, isBreadcrumbs, breadCrumbs, renderActionButtons, showCloseButton, onClose, markAsBeta, tippyProps, }: PageHeaderType) => JSX.Element;
 export default PageHeader;

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

@@ -16,7 +16,6 @@ export interface PageHeaderType {
     showCloseButton?: boolean;
     onClose?: () => void;
     markAsBeta?: boolean;
-    showAnnouncementHeader?: boolean;
     tippyProps?: Pick<TippyCustomizedProps, 'additionalContent'> & {
         isTippyCustomized?: boolean;
         tippyRedirectLink?: string;