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

package/dist/Pages/Applications/DevtronApps/Details/CIPipeline/constants.d.ts

@@ -1,3 +1,11 @@
 import { SelectPickerOptionType } from '../../../../../Shared/Components';
 export declare const IO_VARIABLES_VALUE_COLUMN_BOOL_OPTIONS: SelectPickerOptionType<string>[];
 export declare const IO_VARIABLES_VALUE_COLUMN_DATE_OPTIONS: SelectPickerOptionType<string>[];
+export declare const VALUE_COLUMN_DROPDOWN_LABEL: {
+    readonly CHOICES: "Choices";
+    readonly SUPPORTED_DATE_FORMATS: "Supported date formats";
+    readonly SYSTEM_VARIABLES: "System variables";
+    readonly PRE_BUILD_STAGE: "From Pre-build Stage";
+    readonly POST_BUILD_STAGE: "From Post-build Stage";
+    readonly PREVIOUS_STEPS: "From Previous Steps";
+};

package/dist/Shared/Components/ActionMenu/useActionMenu.hook.d.ts

@@ -13,7 +13,7 @@ export declare const useActionMenu: <T extends string | number>({ id, position,
     triggerProps: import('react').ClassAttributes<HTMLDivElement> & import('react').HTMLAttributes<HTMLDivElement> & {
         bounds: Pick<DOMRect, "left" | "top" | "height" | "width">;
     };
-    overlayProps: import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>;
+    overlayProps: Omit<import('..').BackdropProps, "children">;
     popoverProps: {
         slot?: string;
         title?: string;

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, hasClearBackground, onBackdropMount }: 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,34 @@
-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;
+    /**
+     * Determines if the backdrop should be transparent.
+     * When true, the backdrop will not have any background color or blur filter.
+     * @default false
+     */
+    hasClearBackground?: boolean;
+    /**
+     * Callback function that gets triggered when the backdrop component mounts or unmounts.
+     * This can be used to perform side effects or state updates when the backdrop's visibility changes.
+     * @param isMounted - A boolean indicating whether the backdrop is currently mounted (true) or not (false)
+     */
+    onBackdropMount?: (isMounted: boolean) => 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/Popover/types.d.ts

@@ -1,5 +1,6 @@
 import { DetailedHTMLProps, KeyboardEvent, LegacyRef, MutableRefObject, ReactElement } from 'react';
 import { HTMLMotionProps } from 'framer-motion';
+import { BackdropProps } from '../Backdrop';
 import { ButtonProps } from '../Button';
 export interface UsePopoverProps {
     /**
@@ -74,9 +75,9 @@ export interface UsePopoverReturnType {
     };
     /**
      * Props to be spread onto the overlay element of the popover.
-     * These props include standard HTML attributes for a `div` element.
+     * These props include backdrop properties.
      */
-    overlayProps: DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>;
+    overlayProps: Omit<BackdropProps, 'children'>;
     /**
      * Props to be spread onto the popover element itself.
      * Includes motion-related props for animations and a `ref` to the popover's `div` element.

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

@@ -88,5 +88,5 @@ export declare const getPopoverActualPositionAlignment: ({ position, alignment,
     popoverRect: DOMRect;
 }) => {
     fallbackPosition: "top" | "bottom" | "right" | "left";
-    fallbackAlignment: "start" | "middle" | "end";
+    fallbackAlignment: "middle" | "end" | "start";
 };

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;