@devtron-labs/devtron-fe-common-lib 1.9.1-beta-2 → 1.9.1-beta-4

package/dist/Common/Constants.d.ts

@@ -30,96 +30,102 @@ export declare const PATTERNS: {
     ALPHANUMERIC_WITH_SPECIAL_CHAR_AND_SLASH: RegExp;
 };
 export declare const URLS: {
-    LOGIN_SSO: string;
-    PERMISSION_GROUPS: string;
-    APP: string;
-    APP_LIST: string;
-    CHARTS_DISCOVER: string;
-    JOB: string;
-    CREATE_JOB: string;
-    GETTING_STARTED: string;
-    STACK_MANAGER_ABOUT: string;
-    APP_LIST_HELM: string;
-    APP_CI_DETAILS: string;
-    LOGS: string;
-    CREATE: string;
-    RELEASES: string;
-    DEVTRON_CHARTS: string;
-    APP_DEPLOYMNENT_HISTORY: string;
-    APP_DETAILS: string;
-    APP_DETAILS_K8: string;
-    DETAILS: string;
-    CD_DETAILS: string;
-    APP_TRIGGER: string;
-    GLOBAL_CONFIG_DOCKER: string;
-    DEPLOYMENT_HISTORY_CONFIGURATIONS: string;
-    GLOBAL_CONFIG_SCOPED_VARIABLES: string;
-    GLOBAL_CONFIG_DEPLOYMENT_CHARTS_LIST: string;
-    GLOBAL_CONFIG_DEPLOYMENT_CHARTS_UPLOAD_CHART: string;
-    NETWORK_STATUS_INTERFACE: string;
-    RESOURCE_BROWSER: string;
-    COMPARE_CLUSTERS: string;
-    CONFIG_DRIFT: string;
+    readonly LOGIN_SSO: "/login/sso";
+    readonly PERMISSION_GROUPS: "/global-config/auth/groups";
+    readonly APP: "/app";
+    readonly APP_LIST: "list";
+    readonly CHARTS_DISCOVER: "/chart-store/discover";
+    readonly JOB: "/job";
+    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";
+    readonly RELEASES: "/releases";
+    readonly DEVTRON_CHARTS: "dc";
+    readonly APP_DEPLOYMNENT_HISTORY: "deployments";
+    readonly APP_DETAILS: "details";
+    readonly APP_DETAILS_K8: "k8s-resources";
+    readonly DETAILS: "/details";
+    readonly CD_DETAILS: "cd-details";
+    readonly APP_TRIGGER: "trigger";
+    readonly GLOBAL_CONFIG_DOCKER: "/global-config/docker";
+    readonly DEPLOYMENT_HISTORY_CONFIGURATIONS: "/configuration";
+    readonly GLOBAL_CONFIG_SCOPED_VARIABLES: "/global-config/scoped-variables";
+    readonly GLOBAL_CONFIG_DEPLOYMENT_CHARTS_LIST: "/global-config/deployment-charts";
+    readonly GLOBAL_CONFIG_DEPLOYMENT_CHARTS_UPLOAD_CHART: "/global-config/deployment-charts/upload-chart";
+    readonly NETWORK_STATUS_INTERFACE: "/network-status-interface";
+    readonly RESOURCE_BROWSER: "/resource-browser";
+    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";
 };
 export declare const ROUTES: {
-    APP: string;
-    APP_ARTIFACT_PROMOTE_MATERIAL: string;
-    APP_TEMPLATE_DATA: string;
-    PROJECT_LIST_MIN: string;
-    USER_CHECK_ROLE: string;
-    IMAGE_TAGGING: string;
-    CREATE_RESOURCE: string;
-    K8S_RESOURCE_CREATE: string;
-    CI_CONFIG_GET: string;
-    CD_MATERIAL_GET: string;
-    DEPLOYMENT_TEMPLATE_LIST: string;
-    INFRA_CONFIG_PROFILE: string;
-    SCAN_RESULT: string;
-    NOTIFIER: string;
-    APP_LIST: string;
-    TELEMETRY_EVENT: string;
-    SERVER_INFO_API: string;
-    ATTRIBUTES_USER: string;
-    GET: string;
-    UPDATE: string;
-    ENVIRONMENT_LIST_MIN: string;
-    CLUSTER: string;
-    API_RESOURCE: string;
-    GVK: string;
-    NAMESPACE: string;
-    CLUSTER_NOTE: string;
-    APPLICATION_NOTE: string;
-    GIT_HOST_EVENT: string;
-    HELM_DEPLOYMENT_STATUS_TIMELINE_INSTALLED_APP: string;
-    DEPLOYMENT_STATUS: string;
-    MANUAL_SYNC: string;
-    CD_CONFIG: string;
-    CONFIG_CD_PIPELINE: string;
-    MODULE_CONFIGURED: string;
-    RESOURCE_HISTORY_DEPLOYMENT: string;
-    ATTRIBUTES: string;
-    ATTRIBUTES_CREATE: string;
-    ATTRIBUTES_UPDATE: string;
-    APP_LIST_MIN: string;
-    CLUSTER_LIST_MIN: string;
-    CLUSTER_LIST_RAW: string;
-    PLUGIN_GLOBAL_LIST_DETAIL_V2: string;
-    PLUGIN_GLOBAL_LIST_V2: string;
-    PLUGIN_GLOBAL_LIST_TAGS: string;
-    PLUGIN_LIST_MIN: string;
-    DEPLOYMENT_CHARTS_LIST: string;
-    USER_LIST_MIN: string;
-    CONFIG_DATA: string;
-    K8S_RESOURCE: string;
-    K8S_RESOURCE_LIST: string;
-    FILE_UPLOAD: string;
-    PLUGIN_GLOBAL_VARIABLES: string;
-    CONFIG_COMPARE_SECRET: string;
-    SCOPED_GLOBAL_VARIABLES: string;
-    CD_TRIGGER_POST: string;
-    DELETE_RESOURCE: string;
-    NODE_CAPACITY: string;
-    ENVIRONMENT_DATA: string;
+    readonly APP: "app";
+    readonly APP_ARTIFACT_PROMOTE_MATERIAL: "app/artifact/promotion-request/material";
+    readonly APP_TEMPLATE_DATA: "app/template/data";
+    readonly PROJECT_LIST_MIN: "team/autocomplete";
+    readonly USER_CHECK_ROLE: "user/check/roles";
+    readonly IMAGE_TAGGING: "app/image-tagging";
+    readonly CREATE_RESOURCE: "k8s/resource/create";
+    readonly K8S_RESOURCE_CREATE: "k8s/resources/apply";
+    readonly CI_CONFIG_GET: "app/ci-pipeline";
+    readonly CD_MATERIAL_GET: "app/cd-pipeline";
+    readonly DEPLOYMENT_TEMPLATE_LIST: "app/template/list";
+    readonly INFRA_CONFIG_PROFILE: "infra-config/profile";
+    readonly SCAN_RESULT: "scan-result";
+    readonly NOTIFIER: "notification";
+    readonly APP_LIST: "app/list";
+    readonly TELEMETRY_EVENT: "telemetry/event";
+    readonly SERVER_INFO_API: "server";
+    readonly ATTRIBUTES_USER: "attributes/user";
+    readonly GET: "get";
+    readonly UPDATE: "update";
+    readonly ENVIRONMENT_LIST_MIN: "env/autocomplete";
+    readonly CLUSTER: "cluster";
+    readonly API_RESOURCE: "k8s/api-resources";
+    readonly GVK: "gvk";
+    readonly NAMESPACE: "env/namespace";
+    readonly CLUSTER_NOTE: "cluster/note";
+    readonly APPLICATION_NOTE: "app/note";
+    readonly GIT_HOST_EVENT: "git/host/event";
+    readonly HELM_DEPLOYMENT_STATUS_TIMELINE_INSTALLED_APP: "app-store/deployment-status/timeline";
+    readonly DEPLOYMENT_STATUS: "app/deployment-status/timeline";
+    readonly MANUAL_SYNC: "app/deployment-status/manual-sync";
+    readonly CD_CONFIG: "app/cd-pipeline";
+    readonly CONFIG_CD_PIPELINE: "config/cd-pipeline";
+    readonly MODULE_CONFIGURED: "module/config";
+    readonly RESOURCE_HISTORY_DEPLOYMENT: "resource/history/deployment";
+    readonly ATTRIBUTES: "attributes";
+    readonly ATTRIBUTES_CREATE: "attributes/create";
+    readonly ATTRIBUTES_UPDATE: "attributes/update";
+    readonly APP_LIST_MIN: "app/min";
+    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";
+    readonly PLUGIN_GLOBAL_LIST_V2: "plugin/global/list/v2";
+    readonly PLUGIN_GLOBAL_LIST_TAGS: "plugin/global/list/tags";
+    readonly PLUGIN_LIST_MIN: "plugin/global/list/v2/min";
+    readonly DEPLOYMENT_CHARTS_LIST: "deployment/template/fetch";
+    readonly USER_LIST_MIN: "user/list/min";
+    readonly CONFIG_DATA: "config/data";
+    readonly K8S_RESOURCE: "k8s/resource";
+    readonly K8S_RESOURCE_LIST: "k8s/resource/list";
+    readonly FILE_UPLOAD: "file/upload";
+    readonly PLUGIN_GLOBAL_VARIABLES: "plugin/global/list/global-variable";
+    readonly CONFIG_COMPARE_SECRET: "config/compare/secret";
+    readonly SCOPED_GLOBAL_VARIABLES: "global/variables";
+    readonly CD_TRIGGER_POST: "app/cd-pipeline/trigger";
+    readonly DELETE_RESOURCE: "k8s/resource/delete";
+    readonly NODE_CAPACITY: "k8s/capacity/node";
+    readonly RESOURCE_TEMPLATE: "resource/template";
+    readonly ENVIRONMENT_DATA: "global/environment-variables";
 };
 export declare enum KEY_VALUE {
     KEY = "key",

package/dist/Common/GenericDescription/utils.d.ts

@@ -0,0 +1 @@
+export declare const getParsedUpdatedOnDate: (updatedOn: string) => string;

package/dist/Common/Tooltip/constants.d.ts

@@ -1,3 +1,4 @@
 export declare const TOOLTIP_CONTENTS: {
     INVALID_INPUT: string;
 };
+export declare const SUB_PIXEL_ERROR = 1;

package/dist/Common/Types.d.ts

@@ -770,6 +770,10 @@ export interface CiMaterial {
     id: number;
     gitMaterialName: string;
     isRegex?: boolean;
+    /**
+     * Available only for template view
+     */
+    gitMaterialUrl: string;
 }
 export interface Task {
     name?: string;

package/dist/Common/index.d.ts

@@ -50,4 +50,3 @@ export * from './SegmentedBarChart';
 export * from './CodeEditor/types';
 export * from './Tooltip';
 export * from './SegmentedControl';
-export * from './DeleteCINodeButton';

package/dist/Pages/Applications/DevtronApps/Details/AppConfigurations/types.d.ts

@@ -1,3 +1,4 @@
+import { ResourceKindType } from '../../../../../Shared/types';
 import { ReactNode, SyntheticEvent } from 'react';
 export declare enum ConfigHeaderTabType {
     VALUES = "values",
@@ -32,3 +33,40 @@ export interface OverrideStrategyTippyContentProps {
      */
     children?: ReactNode;
 }
+export interface AppConfigProps {
+    appName: string;
+    resourceKind: Extract<ResourceKindType, ResourceKindType.devtronApplication | ResourceKindType.job>;
+    filteredEnvIds?: string;
+    isTemplateView?: boolean;
+}
+export declare enum GetTemplateAPIRouteType {
+    GIT_MATERIAL = "git-material",
+    CI_BUILD_CONFIG = "ci-build-config",
+    STAGE_STATUS = "stage-status",
+    CD_DEPLOY_CONFIG = "cd-deploy-config",
+    CD_ENV_LIST = "cd-env-list",
+    CONFIG_DEPLOYMENT_TEMPLATE = "config/deployment-template",
+    CONFIG_DEPLOYMENT_TEMPLATE_ENV = "config/deployment-template/env",
+    CONFIG_DATA = "config-data",
+    CONFIG_CM = "config/config-map",
+    CONFIG_CS = "config/secret",
+    WORKFLOW = "workflow",
+    WORKFLOW_LIST = "workflow/list",
+    OVERVIEW = "overview",
+    README = "readme",
+    CD_PIPELINE_LIST = "cd-pipeline/list",
+    EXTERNAL_CI_LIST = "external-ci/list",
+    EXTERNAL_CI = "external-ci",
+    CI_PIPELINE = "ci-pipeline",
+    CD_PIPELINE = "cd-pipeline",
+    CONFIG_STRATEGY = "config/strategy",
+    CHART_REF = "chartRef",
+    PIPELINE_SUGGEST_CI = "pipeline/suggest/ci",
+    PIPELINE_SUGGEST_CD = "pipeline/suggest/cd"
+}
+export interface GetTemplateAPIRouteProps {
+    type: GetTemplateAPIRouteType;
+    queryParams: {
+        id: string | number;
+    } & Record<string, any>;
+}

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

@@ -1,4 +1,4 @@
 import { default as React } from 'react';
 import { FloatingVariablesSuggestionsProps } from './types';
-declare const _default: React.MemoExoticComponent<({ zIndex, appId, envId, clusterId, bounds, hideObjectVariables, showValueOnHover, }: FloatingVariablesSuggestionsProps) => JSX.Element>;
+declare const _default: React.MemoExoticComponent<({ zIndex, appId, envId, clusterId, bounds, hideObjectVariables, showValueOnHover, isTemplateView, }: FloatingVariablesSuggestionsProps) => JSX.Element>;
 export default _default;

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

@@ -1,2 +1,4 @@
 import { FloatingVariablesSuggestionsProps, ScopedVariableType } from './types';
-export declare const getScopedVariables: (appId: FloatingVariablesSuggestionsProps["appId"], envId: FloatingVariablesSuggestionsProps["envId"], clusterId: FloatingVariablesSuggestionsProps["clusterId"], hideObjectVariables?: boolean) => Promise<ScopedVariableType[]>;
+export declare const getScopedVariables: (appId: FloatingVariablesSuggestionsProps["appId"], envId: FloatingVariablesSuggestionsProps["envId"], clusterId: FloatingVariablesSuggestionsProps["clusterId"], { hideObjectVariables, isTemplateView, }: Pick<FloatingVariablesSuggestionsProps, "isTemplateView"> & {
+    hideObjectVariables?: boolean;
+}) => Promise<ScopedVariableType[]>;

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

@@ -1,3 +1,4 @@
+import { AppConfigProps } from '../../../Pages/index';
 import { DraggableBounds } from 'react-draggable';
 export interface ScopedVariableType {
     variableName: string;
@@ -7,7 +8,7 @@ export interface ScopedVariableType {
     } | null;
     isRedacted: boolean;
 }
-export interface FloatingVariablesSuggestionsProps {
+export interface FloatingVariablesSuggestionsProps extends Required<Pick<AppConfigProps, 'isTemplateView'>> {
     zIndex: number;
     appId?: string;
     envId?: string;

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

@@ -0,0 +1,3 @@
+import { GenericInfoCardProps } from './types';
+declare const GenericInfoCard: ({ title, description, author, isLoading, borderVariant, Icon, onClick, linkProps, }: GenericInfoCardProps) => JSX.Element;
+export default GenericInfoCard;

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

@@ -0,0 +1,2 @@
+export { type GenericInfoCardProps, GenericInfoCardBorderVariant } from './types';
+export { default as GenericInfoCard } from './GenericInfoCard.component';

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

@@ -0,0 +1,26 @@
+import { MouseEventHandler, ReactElement } from 'react';
+import { LinkProps } from 'react-router-dom';
+type BaseGenericInfoCardProps = {
+    title: string;
+    description: string;
+    author: string;
+    Icon: ReactElement;
+} & ({
+    onClick?: never;
+    linkProps?: Pick<LinkProps, 'to' | 'target' | 'rel'>;
+} | {
+    onClick?: MouseEventHandler<HTMLDivElement>;
+    linkProps?: never;
+});
+export declare enum GenericInfoCardBorderVariant {
+    ROUNDED = "rounded",
+    NONE = "none"
+}
+export type GenericInfoCardProps = {
+    borderVariant: GenericInfoCardBorderVariant;
+} & (({
+    isLoading: true;
+} & Partial<Record<keyof BaseGenericInfoCardProps, never>>) | ({
+    isLoading?: boolean;
+} & BaseGenericInfoCardProps));
+export {};

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

@@ -0,0 +1,2 @@
+import { GenericInfoCardBorderVariant } from './types';
+export declare const getClassNameForBorderVariant: (variant: GenericInfoCardBorderVariant) => "" | "dc__border-n1";

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

@@ -1,2 +1,2 @@
 import { GitProviderIconProps } from './types';
-export declare const GitProviderIcon: ({ gitProvider, size }: GitProviderIconProps) => JSX.Element;
+export declare const GitProviderIcon: ({ gitProvider, size, gitRepoUrl }: GitProviderIconProps) => JSX.Element;

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

@@ -1,10 +1,15 @@
 import { GitProviderType } from '../../../Common/Constants';
 import { IconsProps } from '../Icon';
-export interface GitProviderIconProps {
-    gitProvider: GitProviderType;
+export type GitProviderIconProps = {
     /**
      * The size of the icon in pixels.
      * @default 20
      */
     size?: IconsProps['size'];
-}
+} & ({
+    gitProvider: GitProviderType;
+    gitRepoUrl?: never;
+} | {
+    gitProvider?: never;
+    gitRepoUrl: string;
+});

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

@@ -0,0 +1,2 @@
+import { IconName } from '../Icon';
+export declare const getGitIconName: (repoUrl: string) => IconName;

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

@@ -0,0 +1,2 @@
+import { GraphVisualizerProps } from './types';
+export declare const GraphVisualizer: ({ nodes: initialNodes, edges: initialEdges, setNodes, setEdges, }: GraphVisualizerProps) => JSX.Element;

package/dist/Shared/Components/GraphVisualizer/components/BaseNode.d.ts

@@ -0,0 +1,2 @@
+import { BaseNodeProps } from './types';
+export declare const BaseNode: ({ id, className, isConnectable, children }: BaseNodeProps) => JSX.Element;

package/dist/Shared/Components/GraphVisualizer/components/DropdownNode.d.ts

@@ -0,0 +1,3 @@
+import { NodeProps } from '@xyflow/react';
+import { DropdownNodeProps } from './types';
+export declare const DropdownNode: ({ id, data, isConnectable }: NodeProps<DropdownNodeProps>) => JSX.Element;

package/dist/Shared/Components/GraphVisualizer/components/IconNode.d.ts

@@ -0,0 +1,3 @@
+import { NodeProps } from '@xyflow/react';
+import { IconNodeProps } from './types';
+export declare const IconNode: ({ data, id, isConnectable }: NodeProps<IconNodeProps>) => JSX.Element;

package/dist/Shared/Components/GraphVisualizer/components/TextNode.d.ts

@@ -0,0 +1,3 @@
+import { NodeProps } from '@xyflow/react';
+import { TextNodeProps } from './types';
+export declare const TextNode: ({ id, data, isConnectable }: NodeProps<TextNodeProps>) => JSX.Element;

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

@@ -0,0 +1,4 @@
+export * from './IconNode';
+export * from './TextNode';
+export * from './DropdownNode';
+export * from './types';

package/dist/Shared/Components/GraphVisualizer/components/types.d.ts

@@ -0,0 +1,19 @@
+import { ReactElement, ReactNode } from 'react';
+import { Node } from '@xyflow/react';
+import { SelectPickerProps } from '../../SelectPicker';
+export interface BaseNodeProps {
+    id: string;
+    className?: string;
+    isConnectable: boolean;
+    children: ReactNode;
+}
+export type IconNodeProps = Node<{
+    icon: ReactElement;
+}, 'iconNode'>;
+export type TextNodeProps = Node<{
+    icon?: ReactElement;
+    text: string;
+}, 'textNode'>;
+export type DropdownNodeProps = Node<Omit<SelectPickerProps<string | number, false>, 'variant' | 'fullWidth' | 'classNamePrefix' | 'menuPosition' | 'menuSize' | 'menuPortalTarget' | 'error'> & {
+    isError?: boolean;
+}, 'dropdownNode'>;

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

@@ -0,0 +1,15 @@
+import { NodeTypes, Viewport } from '@xyflow/react';
+declare const nodeTypes: {
+    iconNode: ({ data, id, isConnectable }: import('@xyflow/react').NodeProps<import('./components').IconNodeProps>) => JSX.Element;
+    textNode: ({ id, data, isConnectable }: import('@xyflow/react').NodeProps<import('./components').TextNodeProps>) => JSX.Element;
+    dropdownNode: ({ id, data, isConnectable }: import('@xyflow/react').NodeProps<import('./components').DropdownNodeProps>) => JSX.Element;
+};
+export declare const NODE_TYPES: NodeTypes;
+export declare const NODE_WIDTH_MAP: Record<keyof typeof nodeTypes, number>;
+export declare const NODE_HEIGHT_MAP: Record<keyof typeof nodeTypes, number>;
+export declare const PADDING_X = 16;
+export declare const PADDING_Y = 20;
+export declare const NODE_GAP_X = 50;
+export declare const NODE_GAP_Y = 12;
+export declare const DEFAULT_VIEWPORT: Viewport;
+export {};

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

@@ -0,0 +1,2 @@
+export * from './GraphVisualizer';
+export type { GraphVisualizerProps, GraphVisualizerNode, GraphVisualizerEdge } from './types';

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

@@ -0,0 +1,12 @@
+import { Dispatch, SetStateAction } from 'react';
+import { Edge } from '@xyflow/react';
+import { DropdownNodeProps, IconNodeProps, TextNodeProps } from './components';
+export type GraphVisualizerExtendedNode = IconNodeProps | TextNodeProps | DropdownNodeProps;
+export type GraphVisualizerNode = Omit<IconNodeProps, 'position'> | Omit<TextNodeProps, 'position'> | Omit<DropdownNodeProps, 'position'>;
+export type GraphVisualizerEdge = Omit<Edge, 'type'>;
+export interface GraphVisualizerProps {
+    nodes: GraphVisualizerNode[];
+    setNodes: Dispatch<SetStateAction<GraphVisualizerNode[]>>;
+    edges: GraphVisualizerEdge[];
+    setEdges: Dispatch<SetStateAction<GraphVisualizerEdge[]>>;
+}

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

@@ -0,0 +1,17 @@
+import { Edge } from '@xyflow/react';
+import { GraphVisualizerExtendedNode, GraphVisualizerProps } from './types';
+/**
+ * Processes edges by assigning a default type and customizing the marker (arrow style).
+ *
+ * @param edges - List of all edges representing connections between nodes.
+ * @returns A new array of edges with updated properties.
+ */
+export declare const processEdges: (edges: GraphVisualizerProps["edges"]) => Edge[];
+/**
+ * Processes nodes by calculating their positions based on parent-child relationships.
+ *
+ * @param nodes - List of all nodes in the graph.
+ * @param edges - List of all edges representing parent-child relationships.
+ * @returns A new array of nodes with computed positions.
+ */
+export declare const processNodes: (nodes: GraphVisualizerProps["nodes"], edges: GraphVisualizerProps["edges"]) => GraphVisualizerExtendedNode[];

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

@@ -1,7 +1,6 @@
 import { IconBaseProps } from './types';
 export declare const iconMap: {
     'ic-aborted': import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement>>;
-    'ic-add': import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement>>;
     'ic-app-group': import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement>>;
     'ic-arrow-right': import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement>>;
     'ic-azure': import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement>>;
@@ -9,6 +8,7 @@ export declare const iconMap: {
     'ic-browser': import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement>>;
     'ic-build-color': import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement>>;
     'ic-cancelled': import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement>>;
+    'ic-card-stack': import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement>>;
     'ic-cd': 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>>;
@@ -17,9 +17,9 @@ export declare const iconMap: {
     'ic-close-small': import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement>>;
     'ic-code': import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement>>;
     'ic-container': import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement>>;
+    'ic-copy': import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement>>;
     'ic-crown': import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement>>;
     'ic-cube': import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement>>;
-    'ic-delete': import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement>>;
     'ic-dockerhub': import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement>>;
     'ic-ecr': import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement>>;
     'ic-env': import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement>>;
@@ -51,6 +51,7 @@ export declare const iconMap: {
     'ic-microsoft': import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement>>;
     'ic-missing': import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement>>;
     'ic-monitoring': import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement>>;
+    'ic-new': import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement>>;
     'ic-node-script': import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement>>;
     'ic-oidc': import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement>>;
     'ic-open-box': import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement>>;

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

@@ -1,7 +1,7 @@
 import { ReactNode } from 'react';
 export interface ModalSidebarPanelProps {
     rootClassName?: string;
-    heading: string;
+    heading: string | null;
     icon?: JSX.Element;
     children?: ReactNode;
     documentationLink: string;

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

@@ -1,15 +1,7 @@
-export declare const CommonGroupedDropdownStyles: {
-    container: (base: any, state: any) => any;
-    control: (base: any, state: any) => any;
-    singleValue: (base: any) => any;
-    option: (base: any, state: any) => any;
-    valueContainer: (base: any) => any;
-    dropdownIndicator: (base: any, state: any) => any;
-    group: (base: any) => any;
-    groupHeading: (base: any) => any;
-    menuList: (base: any) => any;
-    multiValue: (base: any) => any;
-    multiValueLabel: (base: any) => any;
-    placeholder: (base: any) => any;
-    menu: (base: any) => any;
-};
+import { DropdownIndicatorProps, StylesConfig } from 'react-select';
+export declare const CommonGroupedDropdownStyles: StylesConfig;
+export declare const APP_SELECTOR_STYLES: StylesConfig;
+export declare const AppSelectorDropdownIndicator: (props: DropdownIndicatorProps) => JSX.Element;
+export declare const AppSelectorNoOptionsMessage: (inputObj: {
+    inputValue: string;
+}) => string;

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

@@ -80,7 +80,7 @@ export declare enum SelectPickerVariantType {
     DEFAULT = "default",
     BORDER_LESS = "border-less"
 }
-export type SelectPickerProps<OptionValue = number | string, IsMulti extends boolean = false> = Pick<SelectProps<OptionValue, IsMulti>, 'name' | 'classNamePrefix' | 'options' | 'value' | 'onChange' | 'isSearchable' | 'isClearable' | 'hideSelectedOptions' | 'controlShouldRenderValue' | 'closeMenuOnSelect' | 'isDisabled' | 'isLoading' | 'required' | 'isOptionDisabled' | 'placeholder' | 'menuPosition' | 'getOptionLabel' | 'getOptionValue' | 'isOptionSelected' | 'menuIsOpen' | 'onMenuOpen' | 'onMenuClose' | 'autoFocus' | 'onBlur' | 'onKeyDown' | 'formatOptionLabel' | 'onInputChange' | 'inputValue' | 'filterOption'> & Partial<Pick<SelectProps<OptionValue, IsMulti>, 'renderMenuListFooter' | 'shouldRenderCustomOptions' | 'renderCustomOptions' | 'icon' | 'showSelectedOptionIcon' | 'renderOptionsFooter' | 'shouldRenderTextArea'>> & Required<Pick<SelectProps<OptionValue, IsMulti>, 'inputId'>> & Partial<Pick<CreatableProps<SelectPickerOptionType<OptionValue>, IsMulti, GroupBase<SelectPickerOptionType<OptionValue>>>, 'onCreateOption' | 'formatCreateLabel' | 'menuPortalTarget'>> & Omit<FormFieldWrapperProps, 'children'> & {
+export type SelectPickerProps<OptionValue = number | string, IsMulti extends boolean = false> = Pick<SelectProps<OptionValue, IsMulti>, 'name' | 'classNamePrefix' | 'options' | 'value' | 'onChange' | 'isSearchable' | 'isClearable' | 'hideSelectedOptions' | 'controlShouldRenderValue' | 'closeMenuOnSelect' | 'isDisabled' | 'isLoading' | 'required' | 'isOptionDisabled' | 'placeholder' | 'menuPosition' | 'getOptionLabel' | 'getOptionValue' | 'isOptionSelected' | 'menuIsOpen' | 'onMenuOpen' | 'onMenuClose' | 'autoFocus' | 'onBlur' | 'onKeyDown' | 'formatOptionLabel' | 'onInputChange' | 'inputValue' | 'filterOption' | 'noOptionsMessage'> & Partial<Pick<SelectProps<OptionValue, IsMulti>, 'renderMenuListFooter' | 'shouldRenderCustomOptions' | 'renderCustomOptions' | 'icon' | 'showSelectedOptionIcon' | 'renderOptionsFooter' | 'shouldRenderTextArea'>> & Required<Pick<SelectProps<OptionValue, IsMulti>, 'inputId'>> & Partial<Pick<CreatableProps<SelectPickerOptionType<OptionValue>, IsMulti, GroupBase<SelectPickerOptionType<OptionValue>>>, 'onCreateOption' | 'formatCreateLabel' | 'menuPortalTarget'>> & Omit<FormFieldWrapperProps, 'children'> & {
     /**
      * Custom selected options count for use cases like filters
      */

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, }: Readonly<WorkflowOptionsModalProps>) => JSX.Element;
+declare const WorkflowOptionsModal: ({ handleCloseWorkflowOptionsModal, addCIPipeline, addWebhookCD, addLinkedCD, showLinkedCDSource, changeCIPayload, workflows, getWorkflows, resetChangeCIPayload, linkedCDSourceVariant, isAppGroup, isTemplateView, }: Readonly<WorkflowOptionsModalProps>) => JSX.Element;
 export default WorkflowOptionsModal;

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

@@ -1,3 +1,4 @@
+import { AppConfigProps } from '../../../Pages/index';
 import { ChangeCIPayloadType, CIPipelineNodeType, WorkflowType } from '../../types';
 interface LinkedCDSourceVariant {
     title: string;
@@ -12,7 +13,7 @@ export interface SourceTypeCardProps extends LinkedCDSourceVariant {
     disableInfo: string;
     isDisabled?: boolean;
 }
-export interface WorkflowOptionsModalProps {
+export interface WorkflowOptionsModalProps extends Required<Pick<AppConfigProps, 'isTemplateView'>> {
     handleCloseWorkflowOptionsModal: () => void;
     addCIPipeline: (type: CIPipelineNodeType, workflowId?: number | string) => void;
     addWebhookCD: (workflowId?: number | string) => void;

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

@@ -59,6 +59,8 @@ export * from './ThemeSwitcher';
 export * from './TargetPlatforms';
 export * from './UnsavedChanges';
 export * from './UnsavedChangesDialog';
+export * from './GraphVisualizer';
+export * from './GenericInfoCard';
 export * from './Icon';
 export * from './StatusComponent';
 export * from './RegistryIcon';

package/dist/Shared/Services/app.service.d.ts

@@ -1,3 +1,4 @@
+import { AppConfigProps } from '../../Pages/index';
 import { ResponseType } from '../../Common';
 import { CIMaterialInfoType, GetCITriggerInfoParamsType, AppEnvDeploymentConfigDTO, AppEnvDeploymentConfigPayloadType } from './app.types';
 export declare const getCITriggerInfo: (params: GetCITriggerInfoParamsType) => Promise<CIMaterialInfoType>;
@@ -5,8 +6,10 @@ export declare const getCITriggerInfo: (params: GetCITriggerInfoParamsType) => P
  * The only difference between this and getCITriggerInfo is it doesn't have env and trigger related meta info
  */
 export declare const getArtifactInfo: (params: Pick<GetCITriggerInfoParamsType, "ciArtifactId">) => Promise<CIMaterialInfoType>;
-export declare const getAppEnvDeploymentConfig: ({ params, signal, }: {
+export declare const getAppEnvDeploymentConfig: ({ params, signal, isTemplateView, appId, }: {
     params: AppEnvDeploymentConfigPayloadType;
     signal?: AbortSignal;
+    isTemplateView: AppConfigProps["isTemplateView"];
+    appId: string | number | null;
 }) => Promise<ResponseType<AppEnvDeploymentConfigDTO>>;
 export declare const getCompareSecretsData: (params: AppEnvDeploymentConfigPayloadType[]) => Promise<AppEnvDeploymentConfigDTO[]>;

package/dist/Shared/Services/common.service.d.ts

@@ -1,7 +1,8 @@
+import { AppConfigProps } from '../../Pages/index';
 import { EnvironmentDataValuesDTO, GetPolicyApiUrlProps, GetResourceApiUrlProps, UserPreferencesType } from './types';
 export declare const getResourceApiUrl: <T>({ baseUrl, kind, version, suffix, queryParams }: GetResourceApiUrlProps<T>) => string;
 export declare const getPolicyApiUrl: <T>({ kind, version, queryParams, suffix }: GetPolicyApiUrlProps<T>) => string;
-export declare const saveCDPipeline: (request: any) => Promise<import('../../Common').ResponseType<any>>;
+export declare const saveCDPipeline: (request: any, { isTemplateView }: Required<Pick<AppConfigProps, "isTemplateView">>) => Promise<import('../../Common').ResponseType<any>>;
 export declare const getEnvironmentData: () => Promise<import('../../Common').ResponseType<EnvironmentDataValuesDTO>>;
 export declare const getUserPreferences: () => Promise<UserPreferencesType>;
 export declare const updateUserPreferences: (updatedUserPreferences: UserPreferencesType, shouldThrowError?: boolean) => Promise<boolean>;