@devtron-labs/devtron-fe-common-lib 1.9.6 → 1.9.8-beta-1

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

@@ -1,3 +1,3 @@
 import { FormFieldWrapperProps } from './types';
-declare const FormFieldWrapper: ({ layout, fullWidth, label, inputId, error, helperText, warningText, required, children, labelTippyCustomizedConfig, labelTooltipConfig, }: Required<FormFieldWrapperProps>) => JSX.Element;
+declare const FormFieldWrapper: ({ layout, fullWidth, label, inputId, error, helperText, warningText, required, children, labelTippyCustomizedConfig, labelTooltipConfig, hideFormFieldInfo, }: Omit<Required<FormFieldWrapperProps>, "hideFormFieldInfo"> & Pick<FormFieldWrapperProps, "hideFormFieldInfo">) => JSX.Element;
 export default FormFieldWrapper;

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

@@ -1,3 +1,4 @@
 export { default as FormFieldWrapper } from './FormFieldWrapper';
 export type { FormFieldWrapperProps } from './types';
 export { getFormFieldAriaAttributes } from './utils';
+export { default as FormFieldInfo } from './FormFieldInfo';

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

@@ -64,4 +64,8 @@ export interface FormFieldWrapperProps extends Pick<FormFieldLabelProps, 'label'
     children: ReactElement;
     borderRadiusConfig?: BorderConfigType;
     borderConfig?: BorderConfigType;
+    /**
+     * @default false
+     */
+    hideFormFieldInfo?: boolean;
 }

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/Header/types.d.ts

@@ -46,5 +46,4 @@ export interface HelpOptionType {
     name: string;
     link: string;
     icon: React.FunctionComponent<React.SVGProps<SVGSVGElement>>;
-    showSeparator?: boolean;
 }

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

@@ -6,10 +6,15 @@ export declare const iconMap: {
     'ic-arrow-right': import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement>>;
     'ic-azure': import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement>>;
     'ic-bitbucket': import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement>>;
+    'ic-book-open': import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement>>;
     'ic-browser': import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement>>;
     'ic-build-color': import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement>>;
+    'ic-calendar': 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-caret-left': import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement>>;
     'ic-cd': import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement>>;
+    'ic-chat-circle-dots': 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>>;
@@ -17,9 +22,12 @@ 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-devtron-header-logo': import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement>>;
+    'ic-devtron': 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>>;
@@ -44,6 +52,7 @@ export declare const iconMap: {
     'ic-info-outline': import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement>>;
     'ic-job-color': import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement>>;
     'ic-k8s-job': import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement>>;
+    'ic-key': import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement>>;
     'ic-ldap': import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement>>;
     'ic-login-devtron-logo': import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement>>;
     'ic-logout': import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement>>;
@@ -51,6 +60,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>>;
@@ -59,11 +69,13 @@ export declare const iconMap: {
     'ic-out-of-sync': import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement>>;
     'ic-paper-plane-color': import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement>>;
     'ic-quay': import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement>>;
+    'ic-quote': import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement>>;
     'ic-shield-check': import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement>>;
     'ic-stack': import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement>>;
     'ic-success': import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement>>;
     'ic-suspended': import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement>>;
     'ic-timeout-two-dash': import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement>>;
+    'ic-timer': import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement>>;
     'ic-unknown': import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement>>;
     'ic-user-key': import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement>>;
     'ic-warning': import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement>>;

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

@@ -0,0 +1,2 @@
+declare const LoginBanner: () => JSX.Element;
+export default LoginBanner;

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

@@ -0,0 +1,4 @@
+import { TestimonialCardConfig } from './types';
+export declare const TESTIMONIAL_CARD_DATA: TestimonialCardConfig[];
+export declare const TESTIMONIAL_CARD_INTERVAL = 5000;
+export declare const TRANSITION_EASE_CURVE: number[];

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

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

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

@@ -0,0 +1,7 @@
+import { IconsProps } from 'src';
+export interface TestimonialCardConfig {
+    quote: string;
+    name: string;
+    designation: string;
+    iconName: IconsProps['name'];
+}

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/PhoneInput/PhoneInput.component.d.ts

@@ -0,0 +1,3 @@
+import { PhoneInputProps } from './types';
+declare const PhoneInput: ({ error, onChange, required, phoneNumberInputName, countryCodeSelectName, phoneValue, countryCodeSelectSize, }: PhoneInputProps) => JSX.Element;
+export default PhoneInput;

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

@@ -0,0 +1 @@
+export { default as PhoneInput } from './PhoneInput.component';

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

@@ -0,0 +1,11 @@
+import { ComponentProps } from 'react';
+import { CountrySelect } from '../CountrySelect';
+export interface PhoneInputProps {
+    phoneValue: string;
+    onChange: (value: string, hasCountryChanged: boolean) => void;
+    error?: string | null;
+    countryCodeSelectName: string;
+    phoneNumberInputName: string;
+    required?: boolean;
+    countryCodeSelectSize?: ComponentProps<typeof CountrySelect>['size'];
+}

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/SelectPicker.component.d.ts

@@ -134,5 +134,5 @@ import { SelectPickerProps } from './type';
  * />
  * ```
  */
-declare const SelectPicker: <OptionValue, IsMulti extends boolean>({ error, icon, helperText, placeholder, label, showSelectedOptionIcon, size, disabledTippyContent, showSelectedOptionsCount, menuSize, optionListError, reloadOptionList, menuPosition, variant, disableDescriptionEllipsis, multiSelectProps, isMulti, name, classNamePrefix, shouldRenderCustomOptions, isSearchable, selectRef, shouldMenuAlignRight, fullWidth, customSelectedOptionsCount, renderMenuListFooter, isCreatable, onCreateOption, closeMenuOnSelect, shouldShowNoOptionsMessage, shouldRenderTextArea, onKeyDown, shouldHideMenu, warningText, layout, ariaLabel, borderConfig, borderRadiusConfig, labelTippyCustomizedConfig, labelTooltipConfig, ...props }: SelectPickerProps<OptionValue, IsMulti>) => JSX.Element;
+declare const SelectPicker: <OptionValue, IsMulti extends boolean>({ error, icon, helperText, placeholder, label, showSelectedOptionIcon, size, disabledTippyContent, showSelectedOptionsCount, menuSize, optionListError, reloadOptionList, menuPosition, variant, disableDescriptionEllipsis, multiSelectProps, isMulti, name, classNamePrefix, shouldRenderCustomOptions, isSearchable, selectRef, shouldMenuAlignRight, fullWidth, customSelectedOptionsCount, renderMenuListFooter, isCreatable, onCreateOption, closeMenuOnSelect, shouldShowNoOptionsMessage, shouldRenderTextArea, onKeyDown, shouldHideMenu, warningText, layout, ariaLabel, borderConfig, borderRadiusConfig, labelTippyCustomizedConfig, labelTooltipConfig, hideFormFieldInfo, ...props }: SelectPickerProps<OptionValue, IsMulti>) => JSX.Element;
 export default SelectPicker;

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/Textarea/Textarea.component.d.ts

@@ -1,3 +1,3 @@
 import { TextareaProps } from './types';
-declare const Textarea: ({ name, label, fullWidth, error, helperText, warningText, layout, required, onBlur, shouldTrim, size, ariaLabel, borderRadiusConfig, labelTooltipConfig, labelTippyCustomizedConfig, value, borderConfig, ...props }: TextareaProps) => JSX.Element;
+declare const Textarea: ({ name, label, fullWidth, error, helperText, warningText, layout, required, onBlur, shouldTrim, size, ariaLabel, borderRadiusConfig, labelTooltipConfig, labelTippyCustomizedConfig, hideFormFieldInfo, value, borderConfig, ...props }: TextareaProps) => JSX.Element;
 export default Textarea;

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';
@@ -67,4 +69,10 @@ export * from './CustomInput';
 export * from './InfoBlock';
 export * from './CodeEditorWrapper';
 export * from './SSOProviderIcon';
+export * from './Backdrop';
+export * from './CountrySelect';
+export * from './PhoneInput';
+export * from './FlagImage';
+export * from './DevtronLicenseCard';
+export * from './LoginBanner';
 export * from './Confetti';

package/dist/Shared/Helpers.d.ts

@@ -100,4 +100,5 @@ export declare const deriveBorderRadiusAndBorderClassFromConfig: ({ borderConfig
     borderRadiusConfig: BorderConfigType | undefined;
 }) => string;
 export declare const getClassNameForStickyHeaderWithShadow: (isStuck: boolean, topClassName?: string) => string;
+export declare const clearCookieOnLogout: () => void;
 export {};

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

@@ -1,11 +1,11 @@
 import { MutableRefObject, ReactNode } from 'react';
 import { ServerInfo } from '../Components/Header/types';
 import { SERVER_MODE } from '../../Common';
+import { LicenseInfoDialogType } from '..';
 export interface MainContext {
     serverMode: SERVER_MODE;
     setServerMode: (serverMode: SERVER_MODE) => void;
     isHelpGettingStartedClicked: boolean;
-    setPageOverflowEnabled: (isPageOverflowEnabled: boolean) => void;
     showCloseButtonAfterGettingStartedClicked: () => void;
     loginCount: number;
     setLoginCount: (loginCount: number) => void;
@@ -39,6 +39,9 @@ export interface MainContext {
     isManifestScanningEnabled: boolean;
     canOnlyViewPermittedEnvOrgLevel: boolean;
     viewIsPipelineRBACConfiguredNode: ReactNode;
+    handleOpenLicenseInfoDialog: (initialDialogType?: LicenseInfoDialogType.ABOUT | LicenseInfoDialogType.LICENSE) => void;
+    showLicenseData: boolean;
+    setShowLicenseData: (showLicenseData: boolean) => void;
 }
 export interface MainContextProviderProps {
     children: ReactNode;

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, UpdatedUserPreferencesType, 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: UpdatedUserPreferencesType, shouldThrowError?: boolean) => Promise<boolean>;

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

@@ -4,3 +4,4 @@ export * from './app.service';
 export * from './common.service';
 export * from './ToastManager';
 export * from './utils';
+export * from './template.service';

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

@@ -0,0 +1,2 @@
+import { GetTemplateAPIRouteProps } from '../../Pages/index';
+export declare const getTemplateAPIRoute: ({ type, queryParams: { id, ...restQueryParams } }: GetTemplateAPIRouteProps) => string;

package/dist/Shared/constants.d.ts

@@ -408,6 +408,8 @@ export declare const DC_DELETE_SUBTITLES: {
     DELETE_ENVIRONMENT_SUBTITLE: string;
     DELETE_CLUSTER_SUBTITLES: string;
 };
+export declare const EULA_LINK = "https://devtron.ai/end-user-license-agreement-eula";
+export declare const CONTACT_SUPPORT_LINK = "https://share.hsforms.com/1Yp3bvPAaRCaHUEH5vtMjEQ4368n";
 export declare const enum DeleteComponentsName {
     Cluster = "cluster",
     Job = "job pipeline",
@@ -417,3 +419,4 @@ export declare const Routes: {
     CI_PIPELINE_PATCH: string;
     WORKFLOW: string;
 };
+export declare const ENTERPRISE_SUPPORT_LINK = "enterprise@devtron.ai";

package/dist/Shared/types.d.ts

@@ -1,5 +1,6 @@
 import { Dayjs } from 'dayjs';
 import { APIOptions, ApprovalConfigDataType } from '../Common/Types';
+import { ParsedCountry } from 'react-international-phone';
 import { OptionType, CommonNodeAttr, VulnerabilityType, DeploymentAppTypes, ServerErrors, SortingParams, TriggerBlockType, ValueConstraintType, VariableType, RefVariableType, PluginType } from '../Common';
 import { BASE_CONFIGURATION_ENV_ID, EnvironmentTypeEnum, PatchOperationType } from './constants';
 import { SelectPickerOptionType } from './Components';
@@ -875,4 +876,57 @@ export interface AppEnvIdType {
     appId: number;
     envId: number;
 }
+export declare enum LicenseInfoDialogType {
+    ABOUT = "about",
+    LICENSE = "license",
+    UPDATE = "update"
+}
+export declare enum LicensingErrorCodes {
+    FingerPrintMisMatch = "11001",
+    LicenseExpired = "11002",
+    TamperedCertificate = "11002",
+    NoPublicKey = "11003",
+    InstallationModeMismatch = "11004",
+    NoCertFound = "11006"
+}
+export interface LicenseErrorStruct {
+    code: LicensingErrorCodes;
+    userMessage: string;
+}
+export interface DevtronLicenseBaseDTO {
+    fingerprint: string | null;
+    isTrial: boolean | null;
+    /**
+     * In timestamp format
+     */
+    expiry: string | null;
+    /**
+     * Can be negative, depicts time left in seconds for license to expire
+     */
+    ttl: number | null;
+    /**
+     * Show a reminder after these many DAYS left for license to expire, i.e,
+     * Show if `ttl` is less than `reminderThreshold` [converted to seconds]
+     */
+    reminderThreshold: number | null;
+    organisationMetadata: {
+        name: string | null;
+        domain: string | null;
+    } | null;
+    license: string | null;
+}
+export type DevtronLicenseDTO<isCentralDashboard extends boolean = false> = DevtronLicenseBaseDTO & (isCentralDashboard extends true ? {
+    claimedByUserDetails: {
+        firstName: string | null;
+        lastName: string | null;
+        email: string | null;
+    } | null;
+    showLicenseData?: never;
+    licenseStatusError?: never;
+} : {
+    claimedByUserDetails?: never;
+    showLicenseData: boolean;
+    licenseStatusError?: LicenseErrorStruct;
+});
+export type CountryISO2Type = ParsedCountry['iso2'];
 export {};

package/dist/Shared/validations.d.ts

@@ -17,6 +17,7 @@ export declare const MESSAGES: {
     INVALID_DATE: string;
     DATE_BEFORE_CURRENT_TIME: string;
 };
+export declare const MAX_DESCRIPTION_LENGTH = 350;
 export declare const validateLabelValue: (value: string) => string[];
 export declare const validateLabelKey: (key: string, skipValidationIfSpecialPrefix?: boolean) => {
     isValid: boolean;