@devtron-labs/devtron-fe-common-lib 1.16.0-pre-0 → 1.16.0-pre-1

package/dist/{@common-rjsf-BbpJlJFb.js → @common-rjsf-B8F7XWnV.js}

@@ -1,7 +1,7 @@
 import { j as n, as as b, au as k, at as W } from "./@vendor-CA9d7Ztm.js";
 import V, { forwardRef as J, useMemo as P } from "react";
 import K, { getDefaultRegistry as q } from "@rjsf/core";
-import { T as F, j as N, c as v, b as S, S as Y, i as z, a as w, d as A, e as G } from "./@code-editor-NdRFOYui.js";
+import { T as F, j as N, c as v, b as S, S as Y, i as z, a as w, d as A, e as G } from "./@code-editor-BfBObStX.js";
 import Q, { components as D } from "react-select";
 import { ReactComponent as X } from "./assets/ic-chevron-down.fc70d7a7.svg";
 import { getUiOptions as $, getTemplate as B, getSubmitButtonOptions as Z, ADDITIONAL_PROPERTY_FLAG as L, errorId as ee, englishStringTranslator as te, TranslatableString as ne, titleId as re, canExpand as ae, deepEquals as se } from "@rjsf/utils";

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

@@ -1,3 +1,3 @@
 import { BackdropProps } from './types';
-declare const Backdrop: ({ children, onEscape }: BackdropProps) => import('react').ReactPortal;
+declare const Backdrop: ({ children, onEscape, onClick }: BackdropProps) => import('react').ReactPortal;
 export default Backdrop;

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

@@ -1 +1,2 @@
 export { default as Backdrop } from './Backdrop';
+export * from './types';

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

@@ -1,8 +1,22 @@
-import { ReactNode } from 'react';
+import { MouseEvent, ReactNode } from 'react';
 export interface BackdropProps {
+    /**
+     * The content to be rendered within the backdrop component.
+     */
     children: ReactNode;
     /**
-     * @param onEscape: please wrap in a useCallback, with respective dependencies or []
+     * Callback function that gets triggered when the Escape key is pressed. \
+     * Should be wrapped in useCallback to prevent unnecessary re-renders.
+     * @example
+     * const handleEscape = useCallback(() => {
+     *   // Handle escape key press
+     * }, []);
      */
     onEscape: () => void;
+    /**
+     * Callback function that gets triggered when the backdrop is clicked.
+     * Useful for dismissing modals or other overlay content.
+     * @param e - The mouse event object from the click interaction
+     */
+    onClick?: (e: MouseEvent<HTMLDivElement>) => void;
 }

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

@@ -0,0 +1 @@
+export declare const createPortalContainerAndAppendToDOM: (portalContainerId: string) => HTMLDivElement;

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

@@ -1,6 +1,6 @@
 import { AnchorHTMLAttributes, ButtonHTMLAttributes, ReactElement } from 'react';
 import { LinkProps } from 'react-router-dom';
-import { TooltipProps } from '../../../Common/Tooltip/types';
+import { TooltipProps } from '../../../Common/Tooltip';
 import { ComponentSizeType } from '../../constants';
 export declare enum ButtonVariantType {
     primary = "primary",
@@ -112,7 +112,7 @@ export type ButtonProps<ComponentType extends ButtonComponentType = ButtonCompon
     /**
      * If true, the tooltip is shown for the button
      */
-    showTooltip: boolean;
+    showTooltip?: boolean;
     /**
      * Props for tooltip
      */

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

@@ -1,7 +1,7 @@
 import { DetailedHTMLProps, ReactElement, ReactNode } from 'react';
 import { ResizableTagTextAreaProps } from '../../../Common/CustomTagSelector';
 import { UseStateFiltersReturnType } from '../../../Common/Hooks';
-import { TooltipProps } from '../../../Common/Tooltip/types';
+import { TooltipProps } from '../../../Common/Tooltip';
 import { FileUploadProps } from '../FileUpload';
 import { SelectPickerOptionType, SelectPickerProps, SelectPickerTextAreaProps } from '../SelectPicker';
 /**

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

@@ -0,0 +1,9 @@
+import { PropsWithChildren } from 'react';
+import { GenericModalFooterProps, GenericModalHeaderProps, GenericModalProps } from './types';
+declare const GenericModal: {
+    ({ name, open, width, onClose, onEscape, closeOnBackdropClick, children, }: PropsWithChildren<GenericModalProps>): JSX.Element;
+    Header: ({ title }: GenericModalHeaderProps) => JSX.Element;
+    Body: ({ children }: PropsWithChildren<{}>) => JSX.Element;
+    Footer: ({ leftSideElement, buttonConfig, children, }: PropsWithChildren<GenericModalFooterProps>) => JSX.Element;
+};
+export default GenericModal;

package/dist/Shared/Components/GenericModal/GenericModal.context.d.ts

@@ -0,0 +1,6 @@
+import { PropsWithChildren } from 'react';
+import { GenericModalContextType } from './types';
+export declare const GenericModalProvider: ({ value, children }: PropsWithChildren<{
+    value: GenericModalContextType;
+}>) => JSX.Element;
+export declare const useGenericModalContext: () => GenericModalContextType;

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

@@ -0,0 +1,2 @@
+import { GenericModalProps } from './types';
+export declare const MODAL_WIDTH_TO_CLASS_NAME_MAP: Record<GenericModalProps['width'], string>;

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

@@ -0,0 +1,2 @@
+export { default as GenericModal } from './GenericModal.component';
+export * from './types';

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

@@ -0,0 +1,37 @@
+import { BackdropProps } from '../Backdrop';
+import { ButtonProps } from '../Button';
+export interface GenericModalProps extends Partial<Pick<BackdropProps, 'onEscape'>> {
+    /** Unique identifier for the modal */
+    name: string;
+    /** Controls whether the modal is visible or hidden */
+    open: boolean;
+    /** Callback function triggered when the modal is closed */
+    onClose: () => void;
+    /**
+     * Width of the modal (in pixels).
+     * @default 600
+     */
+    width?: 500 | 600 | 800;
+    /**
+     * Determines if the modal should close when the user clicks outside of it (on the backdrop).
+     * @default false
+     */
+    closeOnBackdropClick?: boolean;
+}
+export interface GenericModalContextType extends Pick<GenericModalProps, 'name' | 'onClose'> {
+}
+export interface GenericModalHeaderProps {
+    /** Title text displayed in the modal header */
+    title: string;
+}
+export interface GenericModalFooterProps {
+    /** Configuration for the buttons displayed in the modal footer */
+    buttonConfig?: {
+        /** Properties for the primary action button */
+        primaryButton?: ButtonProps;
+        /** Properties for the secondary action button */
+        secondaryButton?: ButtonProps;
+    };
+    /** Optional element to be displayed on the left side of the footer */
+    leftSideElement?: React.ReactNode;
+}

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

@@ -35,7 +35,6 @@ export declare const iconMap: {
     'ic-check': import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement>>;
     'ic-checks': import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement>>;
     'ic-ci-linked': import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement>>;
-    'ic-ci-webhook': import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement>>;
     'ic-circle-loader': import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement>>;
     'ic-clock': import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement>>;
     'ic-close-large': import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement>>;
@@ -54,6 +53,8 @@ export declare const iconMap: {
     'ic-delete-lightning': import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement>>;
     'ic-delete': import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement>>;
     'ic-delhivery': import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement>>;
+    'ic-deploy-color': import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement>>;
+    'ic-deploy-sync': import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement>>;
     'ic-devtron-ai': import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement>>;
     'ic-devtron-app': import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement>>;
     'ic-devtron-header-logo': import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement>>;
@@ -87,6 +88,7 @@ export declare const iconMap: {
     'ic-gear': import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement>>;
     'ic-gift-gradient': import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement>>;
     'ic-gift': import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement>>;
+    'ic-git-branch': import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement>>;
     'ic-git': import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement>>;
     'ic-github': import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement>>;
     'ic-gitlab': import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement>>;
@@ -119,6 +121,7 @@ export declare const iconMap: {
     'ic-lego': import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement>>;
     'ic-lightning-fill': import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement>>;
     'ic-lightning': import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement>>;
+    'ic-linked-build-color': import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement>>;
     'ic-livspace': import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement>>;
     'ic-logout': import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement>>;
     'ic-magnifying-glass': import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement>>;
@@ -193,6 +196,7 @@ export declare const iconMap: {
     'ic-users': import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement>>;
     'ic-view-variable-toggle': import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement>>;
     'ic-warning': import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement>>;
+    'ic-webhook': import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement>>;
     'ic-wifi-slash': import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement>>;
     'ic-world-globe': import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement>>;
 };

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

@@ -1,4 +1,4 @@
-import { TooltipProps } from '../../../Common/Tooltip/types';
+import { TooltipProps } from '../../../Common/Tooltip';
 export interface InvalidYAMLTippyWrapperProps {
     parsingError: string;
     restoreLastSavedYAML?: () => void;

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

@@ -1,5 +1,5 @@
 import { ClearIndicatorProps, ControlProps, DropdownIndicatorProps, InputProps, MenuListProps, MultiValueProps, MultiValueRemoveProps, OptionProps, ValueContainerProps } from 'react-select';
-import { TooltipProps } from '../../../Common/Tooltip/types';
+import { TooltipProps } from '../../../Common/Tooltip';
 import { SelectPickerGroupHeadingProps, SelectPickerOptionType, SelectPickerProps } from './type';
 export declare const getTooltipProps: (tooltipProps?: SelectPickerOptionType["tooltipProps"]) => TooltipProps;
 export declare const SelectPickerDropdownIndicator: <OptionValue>(props: DropdownIndicatorProps<SelectPickerOptionType<OptionValue>>) => JSX.Element;

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

@@ -3,7 +3,7 @@ import { GroupBase, GroupHeadingProps, Props as ReactSelectProps, SelectInstance
 import { CreatableProps } from 'react-select/creatable';
 import { ResizableTagTextAreaProps } from '../../../Common/CustomTagSelector';
 import { ServerErrors } from '../../../Common/ServerError';
-import { TooltipProps } from '../../../Common/Tooltip/types';
+import { TooltipProps } from '../../../Common/Tooltip';
 import { OptionType } from '../../../Common/Types';
 import { ComponentSizeType } from '../../constants';
 import { ButtonComponentType, ButtonProps, ButtonVariantType } from '../Button';

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

@@ -1,5 +1,5 @@
 import { LinkProps, NavLinkProps } from 'react-router-dom';
-import { TooltipProps } from '../../../Common/Tooltip/types';
+import { TooltipProps } from '../../../Common/Tooltip';
 import { ComponentSizeType } from '../../constants';
 import { DataAttributes } from '../../types';
 import { IconName } from '../Icon';

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

@@ -1,4 +1,4 @@
-import { TooltipProps } from '../../../Common/Tooltip/types';
+import { TooltipProps } from '../../../Common/Tooltip';
 import { TargetPlatformsDTO } from '../../types';
 export interface TargetPlatformBadgeListProps extends Required<Pick<TargetPlatformsDTO, 'targetPlatforms'>> {
 }

package/dist/Shared/Components/WorkflowOptionsModal/SourceTypeCard.d.ts

@@ -1,3 +1,3 @@
 import { SourceTypeCardProps } from './types';
-declare const SourceTypeCard: ({ title, subtitle, image, alt, dataTestId, type, handleCardAction, disableInfo, isDisabled, }: Readonly<SourceTypeCardProps>) => JSX.Element;
+declare const SourceTypeCard: ({ title, subtitle, dataTestId, icons, type, disableInfo, disabled, onCardAction, }: SourceTypeCardProps) => JSX.Element;
 export default SourceTypeCard;

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

@@ -1,3 +1,3 @@
 import { WorkflowOptionsModalProps } from './types';
-declare const WorkflowOptionsModal: ({ handleCloseWorkflowOptionsModal, addCIPipeline, addWebhookCD, addLinkedCD, showLinkedCDSource, changeCIPayload, workflows, getWorkflows, resetChangeCIPayload, linkedCDSourceVariant, isAppGroup, isTemplateView, }: Readonly<WorkflowOptionsModalProps>) => JSX.Element;
+declare const WorkflowOptionsModal: ({ open, addCIPipeline, addWebhookCD, addLinkedCD, showLinkedCDSource, changeCIPayload, workflows, getWorkflows, resetChangeCIPayload, linkedCDSourceVariant, isAppGroup, isTemplateView, onClose, }: Readonly<WorkflowOptionsModalProps>) => JSX.Element;
 export default WorkflowOptionsModal;

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

@@ -1,52 +1,86 @@
-import { PipelineType } from '../../../Common/Types';
+import { WorkflowNodeType } from '../../../Common/Types';
 import { CIPipelineNodeType } from '../../types';
-export declare const WORKFLOW_OPTIONS_MODAL: {
-    ACTION_TEXT: string;
-    ACTION_NOTE: string;
-    CHANGE_CI_TEXT: string;
-    CHANGE_CI_NOTE: string;
-};
-export declare const WORKFLOW_OPTIONS_MODAL_TYPES: {
-    DEFAULT: string;
-    RECIEVE: string;
-    JOB: string;
-};
 export declare const SOURCE_TYPE_CARD_VARIANTS: {
-    SOURCE_CODE: {
-        title: string;
-        subtitle: string;
-        image: string;
-        alt: string;
-        dataTestId: string;
-        type: CIPipelineNodeType;
-    };
-    LINKED_PIPELINE: {
-        title: string;
-        subtitle: string;
-        image: string;
-        alt: string;
-        dataTestId: string;
-        type: CIPipelineNodeType;
+    BUILD: {
+        BUILD_AND_DEPLOY_FROM_SOURCE_CODE: {
+            title: string;
+            subtitle: string;
+            dataTestId: string;
+            type: CIPipelineNodeType.CI_CD;
+            icons: ({
+                name: "ic-git-branch";
+                color: "N700";
+            } | {
+                name: "ic-build-color";
+                color: any;
+            } | {
+                name: "ic-deploy-color";
+                color: any;
+            })[];
+        };
+        BUILD_FROM_SOURCE_CODE: {
+            title: string;
+            subtitle: string;
+            dataTestId: string;
+            type: CIPipelineNodeType.CI;
+            icons: ({
+                name: "ic-git-branch";
+                color: "N700";
+            } | {
+                name: "ic-build-color";
+                color: any;
+            })[];
+        };
+        JOB: {
+            title: string;
+            subtitle: string;
+            dataTestId: string;
+            type: CIPipelineNodeType.JOB_CI;
+            icons: {
+                name: "ic-job-color";
+                color: any;
+            }[];
+        };
     };
-    EXTERNAL_SERVICE: {
-        title: string;
-        subtitle: string;
-        image: string;
-        alt: string;
-        dataTestId: string;
-        type: PipelineType;
+    RECEIVE: {
+        EXTERNAL_SERVICE: {
+            title: string;
+            subtitle: string;
+            dataTestId: string;
+            type: WorkflowNodeType.WEBHOOK;
+            icons: ({
+                name: "ic-webhook";
+                color: any;
+            } | {
+                name: "ic-deploy-color";
+                color: any;
+            })[];
+        };
+        LINKED_PIPELINE: {
+            title: string;
+            subtitle: string;
+            dataTestId: string;
+            type: CIPipelineNodeType.LINKED_CI;
+            icons: {
+                name: "ic-linked-build-color";
+                color: any;
+            }[];
+        };
     };
     JOB: {
-        title: string;
-        subtitle: string;
-        image: string;
-        alt: string;
-        dataTestId: string;
-        type: CIPipelineNodeType;
+        JOB: {
+            title: string;
+            subtitle: string;
+            dataTestId: string;
+            type: CIPipelineNodeType.JOB_CI;
+            icons: {
+                name: "ic-job-color";
+                color: any;
+            }[];
+        };
     };
 };
 export declare const NO_ENV_FOUND = "No environment found. Please create a CD Pipeline first.";
-export declare const CHANGE_SAME_CI = "Cannot change to same source type";
 export declare const REQUEST_IN_PROGRESS = "Request in progress";
 export declare const TOAST_MESSAGES: {
     SUCCESS_CHANGE_TO_WEBHOOK: string;

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

@@ -1 +1,2 @@
+export type { SourceTypeCardProps } from './types';
 export { default as WorkflowOptionsModal } from './WorkflowOptionsModal';

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

@@ -1,20 +1,19 @@
+import { WorkflowNodeType } from '../../../Common/Types';
 import { ChangeCIPayloadType, CIPipelineNodeType, WorkflowType } from '../../types';
 import { AppConfigProps } from '../../../Pages/index';
-interface LinkedCDSourceVariant {
+import { GenericModalProps } from '../GenericModal';
+import { IconsProps } from '../Icon';
+export interface SourceTypeCardProps {
     title: string;
     subtitle: string;
-    image: string;
-    alt: string;
     dataTestId: string;
-    type: string;
-}
-export interface SourceTypeCardProps extends LinkedCDSourceVariant {
-    handleCardAction: (e: React.MouseEvent | React.KeyboardEvent) => void;
+    type: CIPipelineNodeType | WorkflowNodeType.WEBHOOK;
+    disabled?: boolean;
     disableInfo: string;
-    isDisabled?: boolean;
+    icons: Pick<IconsProps, 'name' | 'color'>[];
+    onCardAction: (e: React.MouseEvent | React.KeyboardEvent) => void;
 }
-export interface WorkflowOptionsModalProps extends Required<Pick<AppConfigProps, 'isTemplateView'>> {
-    handleCloseWorkflowOptionsModal: () => void;
+export interface WorkflowOptionsModalProps extends Required<Pick<AppConfigProps, 'isTemplateView'>>, Pick<GenericModalProps, 'open' | 'onClose'> {
     addCIPipeline: (type: CIPipelineNodeType, workflowId?: number | string) => void;
     addWebhookCD: (workflowId?: number | string) => void;
     addLinkedCD: (changeCIPayload?: ChangeCIPayloadType) => void;
@@ -23,7 +22,6 @@ export interface WorkflowOptionsModalProps extends Required<Pick<AppConfigProps,
     changeCIPayload?: ChangeCIPayloadType;
     workflows?: WorkflowType[];
     getWorkflows?: () => void;
-    linkedCDSourceVariant?: LinkedCDSourceVariant;
+    linkedCDSourceVariant?: Pick<SourceTypeCardProps, 'title' | 'subtitle' | 'type' | 'icons' | 'dataTestId'>;
     isAppGroup?: boolean;
 }
-export {};

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

@@ -1,5 +1,6 @@
-import { PipelineType } from '../../../Common/Types';
-import { ChangeCIPayloadType } from '../../types';
+import { PipelineType, WorkflowNodeType } from '../../../Common/Types';
+import { ChangeCIPayloadType, CIPipelineNodeType } from '../../types';
+import { SourceTypeCardProps, WorkflowOptionsModalProps } from './types';
 export declare const getSwitchToWebhookPayload: (changeCIPayload: ChangeCIPayloadType) => {
     appId: number;
     pipelines: {
@@ -12,3 +13,13 @@ export declare const getSwitchToWebhookPayload: (changeCIPayload: ChangeCIPayloa
         switchFromCiPipelineId: number;
     }[];
 };
+export declare const getCurrentPipelineType: ({ workflows, changeCIPayload, }: Required<Pick<WorkflowOptionsModalProps, "workflows" | "changeCIPayload">>) => SourceTypeCardProps["type"];
+export declare const getBuildWorkflowCardsConfig: ({ currentPipelineType, changeCIPayload, isAppGroup, }: {
+    currentPipelineType: CIPipelineNodeType | WorkflowNodeType.WEBHOOK;
+} & Required<Pick<WorkflowOptionsModalProps, "changeCIPayload" | "isAppGroup">>) => Pick<SourceTypeCardProps, "title" | "dataTestId" | "disabled" | "type" | "subtitle" | "icons">[];
+export declare const getReceiveWorkflowCardsConfig: ({ currentPipelineType, linkedCDSourceVariant, isAppGroup, }: {
+    currentPipelineType: CIPipelineNodeType | WorkflowNodeType.WEBHOOK;
+} & Required<Pick<WorkflowOptionsModalProps, "linkedCDSourceVariant" | "isAppGroup">>) => Pick<SourceTypeCardProps, "title" | "dataTestId" | "disabled" | "type" | "subtitle" | "icons">[];
+export declare const getJobWorkflowCardsConfig: ({ currentPipelineType, isAppGroup, }: {
+    currentPipelineType: CIPipelineNodeType | WorkflowNodeType.WEBHOOK;
+} & Required<Pick<WorkflowOptionsModalProps, "isAppGroup">>) => Pick<SourceTypeCardProps, "title" | "dataTestId" | "disabled" | "type" | "subtitle" | "icons">[];

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

@@ -41,6 +41,7 @@ export * from './FlagImage';
 export * from './FloatingVariablesSuggestions';
 export * from './FramerComponents';
 export * from './GenericInfoCard';
+export * from './GenericModal';
 export * from './GenericSectionErrorState';
 export * from './GitCommitInfoGeneric';
 export * from './GitProviderIcon';

package/dist/Shared/types.d.ts

@@ -876,7 +876,8 @@ export declare enum CIPipelineNodeType {
     CI = "CI",
     LINKED_CI = "LINKED-CI",
     JOB_CI = "JOB-CI",
-    LINKED_CD = "LINKED_CD"
+    LINKED_CD = "LINKED_CD",
+    CI_CD = "CI_CD"
 }
 export interface ChangeCIPayloadType {
     appWorkflowId: number;