@devtron-labs/devtron-fe-common-lib 1.22.8-beta-1 → 1.22.8-beta-3

package/dist/Common/API/reactQueryHooks.d.ts

@@ -1,6 +1,7 @@
-import { QueryKey, UseMutationOptions, UseMutationResult, useQueryClient, UseQueryOptions, UseQueryResult } from '@tanstack/react-query';
+import { QueryKey, UseInfiniteQueryOptions, UseInfiniteQueryResult, UseMutationOptions, UseMutationResult, useQueryClient, UseQueryOptions, UseQueryResult } from '@tanstack/react-query';
 import { ServerErrors } from '../ServerError';
 import { ResponseType } from '../Types';
 export declare const useQuery: <TQueryFnData = unknown, TData = TQueryFnData, TQueryKey extends QueryKey = QueryKey, WrapWithResponseType extends boolean = true>(options: UseQueryOptions<WrapWithResponseType extends true ? ResponseType<TQueryFnData> : TQueryFnData, ServerErrors, TData, TQueryKey>) => UseQueryResult<TData, ServerErrors>;
 export declare const useMutation: <TData = unknown, TVariables = void, TContext = unknown>(options: UseMutationOptions<ResponseType<TData>, ServerErrors, TVariables, TContext>) => UseMutationResult<ResponseType<TData>, ServerErrors, TVariables, TContext>;
+export declare const useInfiniteQuery: <TQueryFnData = unknown, TData = TQueryFnData, TQueryKey extends QueryKey = QueryKey, WrapWithResponseType extends boolean = true>(options: UseInfiniteQueryOptions<WrapWithResponseType extends true ? ResponseType<TQueryFnData> : TQueryFnData, ServerErrors, TData, WrapWithResponseType extends true ? ResponseType<TQueryFnData> : TQueryFnData, TQueryKey>) => UseInfiniteQueryResult<TData, ServerErrors>;
 export { useQueryClient };

package/dist/Common/Common.service.d.ts

@@ -1,5 +1,5 @@
 import { MutableRefObject } from 'react';
-import { RuntimeParamsAPIResponseType, RuntimePluginVariables } from '../Shared/types';
+import { RegistryType, RuntimeParamsAPIResponseType, RuntimePluginVariables } from '../Shared/types';
 import { TeamList, ResponseType, DeploymentNodeType, CDMaterialServiceEnum, CDMaterialServiceQueryParams, CDMaterialResponseType, CDMaterialFilterQuery, EnvironmentListHelmResponse, UserApprovalMetadataType, GlobalVariableOptionType, UserRole, APIOptions, EnvAppsMetaDTO, GetAppsInfoForEnvProps, EnvironmentsGroupedByClustersType, AppsGroupedByProjectsType, ClusterDetailListType } from './Types';
 import { ApiResourceType } from '../Pages';
 export declare const getTeamListMin: () => Promise<TeamList>;
@@ -39,3 +39,14 @@ export declare const getAppsInfoForEnv: ({ envId, appIds }: GetAppsInfoForEnvPro
 export declare const getAppOptionsGroupedByProjects: () => Promise<AppsGroupedByProjectsType>;
 export declare const getEnvironmentOptionsGroupedByClusters: () => Promise<EnvironmentsGroupedByClustersType>;
 export declare const getDetailedClusterList: (clusterIds?: number[], signal?: AbortSignal) => Promise<ClusterDetailListType[]>;
+export declare const getDockerRegistriesListMin: (signal: AbortSignal) => Promise<ResponseType<{
+    id: string;
+    registryType: RegistryType;
+    isDefault: boolean;
+}[]>>;
+export declare const getGitProvidersListMin: (signal: AbortSignal) => Promise<ResponseType<{
+    id: number;
+    name: string;
+    url: string;
+    authMode: "SSH" | "USERNAME_PASSWORD" | "ANONYMOUS";
+}[]>>;

package/dist/Common/Constants.d.ts

@@ -10,6 +10,7 @@ export declare const LICENSE_DASHBOARD_HOME_PAGE = "https://license.devtron.ai/d
 export declare const DEVTRON_GPT_LINK = "https://chatgpt.com/g/g-6826efa4362c8191b23e7bfa0ac036db-devtron-expert";
 export declare const PATTERNS: {
     STRING: RegExp;
+    APP_NAME: string;
     DECIMAL_NUMBERS: RegExp;
     POSITIVE_DECIMAL_NUMBERS: RegExp;
     NATURAL_NUMBERS: RegExp;
@@ -42,6 +43,8 @@ export declare const URLS: {
     readonly APP_DEPLOYMNENT_HISTORY: "deployments";
     readonly APP_DETAILS: "details";
     readonly APP_DETAILS_K8: "k8s-resources";
+    readonly EXTERNAL_ARGO_APP: "eaa";
+    readonly EXTERNAL_FLUX_APP: "external-flux";
     readonly DETAILS: "/details";
     readonly CD_DETAILS: "cd-details";
     readonly APP_TRIGGER: "trigger";
@@ -59,7 +62,6 @@ export declare const URLS: {
     readonly APPLICATION_MANAGEMENT_TEMPLATES_DEVTRON_APP: "/application-management/templates/devtron-app";
     readonly APPLICATION_MANAGEMENT_TEMPLATES_DEVTRON_APP_CREATE: "/application-management/templates/devtron-app/create";
     readonly APPLICATION_MANAGEMENT_TEMPLATES_DEVTRON_APP_DETAIL: "/application-management/templates/devtron-app/detail/:appId";
-    readonly APPLICATION_MANAGEMENT_PROJECTS: "/application-management/projects";
     readonly APPLICATION_MANAGEMENT_CONFIGURATIONS: "/application-management/configurations";
     readonly APPLICATION_MANAGEMENT_CONFIGURATIONS_DEPLOYMENT_CHARTS: "/application-management/configurations/deployment-charts";
     readonly APPLICATION_MANAGEMENT_CONFIGURATIONS_SCOPED_VARIABLES: "/application-management/configurations/scoped-variables";
@@ -104,11 +106,13 @@ export declare const URLS: {
     readonly GLOBAL_CONFIG: "/global-configuration";
     readonly GLOBAL_CONFIG_DOCKER: "/global-configuration/docker";
     readonly GLOBAL_CONFIG_EDIT_CLUSTER: "/global-configuration/cluster-env/edit/:clusterId";
+    readonly GLOBAL_CONFIG_PROJECTS: "/global-configuration/projects";
     readonly PERMISSION_GROUPS: "/global-configuration/auth/groups";
     readonly EXTERNAL_APPS: "ea";
 };
 export declare const ROUTES: {
     readonly APP: "app";
+    readonly ATHENA: "athena";
     readonly APP_ARTIFACT_PROMOTE_MATERIAL: "app/artifact/promotion-request/material";
     readonly APP_TEMPLATE_DATA: "app/template/data";
     readonly ENVIRONMENT_CATEGORIES: "env/categories";
@@ -176,6 +180,8 @@ export declare const ROUTES: {
     readonly ENV: "env";
     readonly APP_METADATA: "app-metadata";
     readonly RESOURCE_CONFLICTS_LIST: "app/:appId/cd-pipeline/:pipelineId/history/:wfrId/helm-ownership-conflicts";
+    readonly GIT_PROVIDER_MIN: "git/provider/autocomplete";
+    readonly DOCKER_REGISTRY_MIN: "docker/registry/autocomplete";
 };
 export declare enum KEY_VALUE {
     KEY = "key",

package/dist/Common/DraggableWrapper/DraggableWrapper.d.ts

@@ -3,8 +3,6 @@ import { DraggableWrapperProps } from './types';
  * TODO: import it as lazy, after it is supported in common
  * 1. If using react select please use menuPlacement='auto'
  * 2. dragSelector will be used to identify the grabbable button that will grab the div to drag
- * 3. The wrapper is positioned at the viewport's top-left (top: 0, left: 0) using fixed positioning; parentRef is an optional
- *    reference that may be used for position calculations but is not the base origin for the coordinate system.
+ * 3. parentRef is the reference point from which we will derive the base top:0 ,left: 0 position
  */
-declare const DraggableWrapper: ({ children, zIndex, positionVariant, dragSelector, parentRef, boundaryGap, childDivProps, }: DraggableWrapperProps) => JSX.Element;
-export default DraggableWrapper;
+export default function DraggableWrapper({ children, zIndex, positionVariant, dragSelector, parentRef, boundaryGap, childDivProps, layoutFixDelta, }: DraggableWrapperProps): JSX.Element;

package/dist/Common/DraggableWrapper/types.d.ts

@@ -1,7 +1,6 @@
 import { HTMLAttributes, ReactNode, RefObject } from 'react';
 export declare enum DraggablePositionVariant {
     PARENT_BOTTOM_CENTER = "PARENT_BOTTOM_CENTER",
-    PARENT_BOTTOM_RIGHT = "PARENT_BOTTOM_RIGHT",
     SCREEN_BOTTOM_CENTER = "SCREEN_BOTTOM_CENTER",
     SCREEN_BOTTOM_RIGHT = "SCREEN_BOTTOM_RIGHT"
 }
@@ -17,8 +16,13 @@ export interface DraggableWrapperProps {
      */
     dragSelector: string;
     parentRef?: RefObject<HTMLDivElement>;
-    boundaryGap?: Record<'x' | 'y', number>;
+    boundaryGap?: number;
     childDivProps?: HTMLAttributes<HTMLDivElement>;
+    /**
+     * Delta for fixing the scrollable layout positioning
+     * @deprecated
+     */
+    layoutFixDelta?: number;
 }
 /**
  * dragClassName is the class that we feed to Draggable to identify dragging buttons

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

@@ -1,5 +1,5 @@
 import { DTFocusTrapType } from '../../Shared/Components/DTFocusTrap';
-export interface DrawerProps extends Pick<DTFocusTrapType, 'initialFocus'> {
+export interface DrawerProps extends Pick<DTFocusTrapType, 'initialFocus' | 'avoidFocusTrap'> {
     position: 'left' | 'right' | 'bottom' | 'top';
     children?: any;
     backdrop?: boolean;
@@ -12,4 +12,4 @@ export interface DrawerProps extends Pick<DTFocusTrapType, 'initialFocus'> {
     onEscape?: (e?: any) => void;
     disableTransition?: boolean;
 }
-export declare const Drawer: ({ children, position, height, width, minWidth, maxWidth, parentClassName, onEscape, onClose, disableTransition, initialFocus, }: DrawerProps) => JSX.Element;
+export declare const Drawer: ({ children, position, height, width, minWidth, maxWidth, parentClassName, onEscape, onClose, disableTransition, initialFocus, avoidFocusTrap, }: DrawerProps) => JSX.Element;

package/dist/Common/Modals/VisibleModal.d.ts

@@ -7,6 +7,7 @@ export declare class VisibleModal extends React.Component<{
     close?: (e?: any) => void;
     onEscape?: (e?: any) => void;
     initialFocus?: DTFocusTrapType['initialFocus'];
+    avoidFocusTrap?: boolean;
 }> {
     constructor(props: any);
     escFunction(): void;

package/dist/Common/SortableTableHeaderCell/SortableTableHeaderCell.d.ts

@@ -30,5 +30,5 @@ import { SortableTableHeaderCellProps } from './types';
  * />
  * ```
  */
-declare const SortableTableHeaderCell: ({ isSorted, triggerSorting, sortOrder, title, disabled, isSortable, showTippyOnTruncate, id, handleResize, isResizable, infoTooltipText, }: SortableTableHeaderCellProps) => JSX.Element;
+declare const SortableTableHeaderCell: ({ isSorted, triggerSorting, sortOrder, title, disabled, isSortable, showTippyOnTruncate, id, handleResize, isResizable, }: SortableTableHeaderCellProps) => JSX.Element;
 export default SortableTableHeaderCell;

package/dist/Common/SortableTableHeaderCell/types.d.ts

@@ -9,10 +9,6 @@ export type SortableTableHeaderCellProps = {
      * @default false
      */
     showTippyOnTruncate?: boolean;
-    /**
-     * If provided, shown in a tooltip on info-icon-outline beside the label
-     */
-    infoTooltipText?: string;
 } & ({
     /**
      * Unique identifier for the column

package/dist/Pages-Devtron-2.0/Navigation/types.d.ts

@@ -1,6 +1,6 @@
 import { customEnv, Never } from 'src';
 import { IconsProps } from '../../Shared/Components';
-export type NavigationItemID = 'application-management-overview' | 'application-management-devtron-applications' | 'application-management-application-groups' | 'application-management-bulk-edit' | 'application-management-application-templates' | 'application-management-projects' | 'application-management-configurations' | 'application-management-policies' | 'infrastructure-management-overview' | 'infrastructure-management-applications' | 'infrastructure-management-chart-store' | 'infrastructure-management-resource-browser' | 'infrastructure-management-resource-watcher' | 'infrastructure-management-catalog-framework' | 'software-release-management-overview' | 'software-release-management-release-hub' | 'software-release-management-tenants' | 'cost-visibility-overview' | 'cost-visibility-cost-breakdown' | 'cost-visibility-configurations' | 'security-center-overview' | 'security-center-security-vulnerabilities' | 'security-center-security-enablement' | 'security-center-security-policy' | 'automation-and-enablement-jobs' | 'automation-and-enablement-alerting' | 'automation-and-enablement-incident-response' | 'automation-and-enablement-api-portal' | 'automation-and-enablement-runbook-automation' | 'global-configuration-sso-login-services' | 'global-configuration-host-urls' | 'global-configuration-external-links' | 'global-configuration-chart-repository' | 'global-configuration-cluster-and-environments' | 'global-configuration-container-oci-registry' | 'global-configuration-authorization' | 'data-protection-overview' | 'data-protection-backup-and-schedule' | 'data-protection-restores' | 'data-protection-backup-repositories' | 'data-protection-backup-locations' | 'data-protection-history-and-logs';
+export type NavigationItemID = 'application-management-overview' | 'application-management-devtron-applications' | 'application-management-application-groups' | 'application-management-bulk-edit' | 'application-management-application-templates' | 'application-management-configurations' | 'application-management-policies' | 'infrastructure-management-overview' | 'infrastructure-management-applications' | 'infrastructure-management-chart-store' | 'infrastructure-management-resource-browser' | 'infrastructure-management-resource-watcher' | 'infrastructure-management-catalog-framework' | 'software-release-management-overview' | 'software-release-management-release-hub' | 'software-release-management-tenants' | 'cost-visibility-overview' | 'cost-visibility-cost-breakdown' | 'cost-visibility-configurations' | 'security-center-overview' | 'security-center-security-vulnerabilities' | 'security-center-security-enablement' | 'security-center-security-policy' | 'automation-and-enablement-jobs' | 'automation-and-enablement-alerting' | 'automation-and-enablement-incident-response' | 'automation-and-enablement-api-portal' | 'global-configuration-sso-login-services' | 'global-configuration-host-urls' | 'global-configuration-external-links' | 'global-configuration-chart-repository' | 'global-configuration-cluster-and-environments' | 'global-configuration-container-oci-registry' | 'global-configuration-authorization' | 'global-configuration-projects' | 'data-protection-overview' | 'data-protection-backup-and-schedule' | 'data-protection-restores' | 'data-protection-backup-repositories' | 'data-protection-backup-locations' | 'data-protection-history-and-logs';
 export type NavigationSubMenuItemID = 'application-management-configurations-gitops' | 'application-management-configurations-git-accounts' | 'application-management-configurations-deployment-charts' | 'application-management-configurations-notifications' | 'application-management-configurations-catalog-frameworks' | 'application-management-configurations-scoped-variables' | 'application-management-configurations-build-infra' | 'application-management-policies-deployment-window' | 'application-management-policies-approval-policy' | 'application-management-policies-plugin-policy' | 'application-management-policies-pull-image-digest' | 'application-management-policies-tag-policy' | 'application-management-policies-filter-conditions' | 'application-management-policies-image-promotion' | 'application-management-policies-lock-deployment-configuration' | 'cost-visibility-cost-breakdown-clusters' | 'cost-visibility-cost-breakdown-environments' | 'cost-visibility-cost-breakdown-projects' | 'cost-visibility-cost-breakdown-applications' | 'global-configuration-authorization-user-permissions' | 'global-configuration-authorization-permission-groups' | 'global-configuration-authorization-api-tokens';
 export type NavigationRootItemID = 'application-management' | 'infrastructure-management' | 'software-release-management' | 'cost-visibility' | 'security-center' | 'automation-and-enablement' | 'data-protection-management' | 'global-configuration';
 export type CommonNavigationItemType = {

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

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

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

@@ -1,5 +1,6 @@
 import { FunctionComponent, PropsWithChildren, ReactNode } from 'react';
 import { APIOptions, DeploymentAppTypes } from '../../../Common/Types';
+import { MainContext } from '../../Providers';
 import { AppDetails, ConfigDriftModalProps, DeploymentStatusDetailsBreakdownDataType, DeploymentStatusDetailsType, IntelligenceConfig } from '../../types';
 export declare enum AppStatusModalTabType {
     APP_STATUS = "appStatus",
@@ -13,6 +14,8 @@ export type AppStatusModalProps = {
     processVirtualEnvironmentDeploymentData: (data?: DeploymentStatusDetailsType) => DeploymentStatusDetailsBreakdownDataType;
     debugWithAIButton: FunctionComponent<{
         intelligenceConfig: IntelligenceConfig;
+        debugAgentContext: MainContext['debugAgentContext'];
+        onClick?: () => void;
     }>;
 } & ({
     type: 'release';
@@ -29,7 +32,7 @@ export type AppStatusModalProps = {
     appId?: never;
     envId?: never;
 });
-export interface AppStatusBodyProps extends Required<Pick<AppStatusModalProps, 'appDetails' | 'type' | 'debugWithAIButton'>> {
+export interface AppStatusBodyProps extends Required<Pick<AppStatusModalProps, 'appDetails' | 'type' | 'debugWithAIButton' | 'handleClose'>> {
     handleShowConfigDriftModal: () => void;
     selectedTab: AppStatusModalTabType;
     deploymentStatusDetailsBreakdownData: DeploymentStatusDetailsBreakdownDataType;

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

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

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

@@ -1,6 +1,6 @@
 import { MouseEvent, ReactNode } from 'react';
 import { DTFocusTrapType } from '../DTFocusTrap';
-export interface BackdropProps extends Pick<DTFocusTrapType, 'deactivateFocusOnEscape' | 'initialFocus' | 'onEscape' | 'returnFocusOnDeactivate'> {
+export interface BackdropProps extends Pick<DTFocusTrapType, 'deactivateFocusOnEscape' | 'initialFocus' | 'onEscape' | 'returnFocusOnDeactivate' | 'avoidFocusTrap'> {
     /**
      * The content to be rendered within the backdrop component.
      */

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

@@ -506,12 +506,6 @@ export interface AggregatedNodes {
         };
     };
 }
-export interface PodMetadatum {
-    name: string;
-    uid: string;
-    containers: string[];
-    isNew: boolean;
-}
 export declare const STATUS_SORTING_ORDER: {
     missing: number;
     degraded: number;

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

@@ -93,9 +93,7 @@ export type ChartProps = {
         placement?: TooltipProps['placement'];
         datasetValueFormatter?: (value: number) => string | number;
     };
-    /** A title for x axis */
     xScaleTitle?: string;
-    /** A title for y axis */
     yScaleTitle?: string;
 } & TypeAndDatasetsType;
 export type TransformDatasetProps = {

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

@@ -67,6 +67,7 @@ export type ConfirmationModalProps<isConfig extends boolean = false> = PropsWith
      * @default false
      */
     showConfetti?: boolean;
+    avoidFocusTrap?: boolean;
 }> & ButtonConfigAndVariantType<isConfig> & (isConfig extends false ? {
     /**
      * Function to handle modal close action.

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

@@ -1,8 +1,3 @@
-import { noop } from '../../../Common/Helper';
 import { DTFocusTrapType } from './types';
-export declare const useFocusTrapControl: () => {
-    disableFocusTrap: typeof noop;
-    resumeFocusTrap: typeof noop;
-};
-declare const DTFocusTrap: ({ onEscape, deactivateFocusOnEscape, children, initialFocus, returnFocusOnDeactivate, }: DTFocusTrapType) => JSX.Element;
+declare const DTFocusTrap: ({ onEscape, deactivateFocusOnEscape, children, initialFocus, returnFocusOnDeactivate, avoidFocusTrap, }: DTFocusTrapType) => JSX.Element;
 export default DTFocusTrap;

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

@@ -1,2 +1,2 @@
-export { default as DTFocusTrap, useFocusTrapControl } from './DTFocusTrap';
+export { default as DTFocusTrap } from './DTFocusTrap';
 export type { DTFocusTrapType } from './types';

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

@@ -30,5 +30,6 @@ export interface DTFocusTrapType extends Pick<FocusTrapProps['focusTrapOptions']
      * Setting this option to undefined (or to a function that returns undefined) will result in the first element in the focus trap's tab order receiving focus.
      */
     initialFocus?: FocusTargetOrFalse | undefined | (() => void);
+    avoidFocusTrap?: boolean;
 }
 export {};

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

@@ -104,6 +104,5 @@ export declare const DOCUMENTATION: {
     readonly COST_CALCULATION: "docs/user-guide/finops/overview-cost-visibility#how-is-the-cost-calculated";
     readonly COST_VISIBILITY_OVERVIEW: "docs/user-guide/finops/overview-cost-visibility";
     readonly SECURITY_CENTER: "docs/user-guide/security-features";
-    readonly AI_RECOMMENDATIONS: "docs/user-guide/ai-recommendations";
     readonly AUTOMATION_AND_ENABLEMENT: "docs/user-guide/automation";
 };

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<({ appId, envId, clusterId, hideObjectVariables, showValueOnHover, isTemplateView, boundaryGap, }: 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/constants.d.ts

@@ -1,4 +1,7 @@
+export declare const SUGGESTIONS_SIZE: {
+    width: number;
+    height: number;
+};
 export declare const NO_DEFINED_DESCRIPTION = "No Defined Description";
 export declare const NO_DEFINED_VALUE = "No Defined Value";
 export declare const SUGGESTIONS_INFO_TITLE = "What is scoped variable?";
-export declare const DRAG_SELECTOR = "handle-drag";

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

@@ -1,4 +1,4 @@
-import { DraggableWrapperProps } from '../../../Common/DraggableWrapper';
+import { DraggableBounds } from 'react-draggable';
 import { AppConfigProps } from '../../../Pages/index';
 export interface ScopedVariableType {
     variableName: string;
@@ -8,10 +8,12 @@ export interface ScopedVariableType {
     } | null;
     isRedacted: boolean;
 }
-export interface FloatingVariablesSuggestionsProps extends Required<Pick<AppConfigProps, 'isTemplateView'>>, Pick<DraggableWrapperProps, 'boundaryGap'> {
+export interface FloatingVariablesSuggestionsProps extends Required<Pick<AppConfigProps, 'isTemplateView'>> {
+    zIndex: number;
     appId?: string;
     envId?: string;
     clusterId?: string;
+    bounds?: DraggableBounds | string | false;
     /**
      * This will hide the variables with object/array values if set to true
      * @default true

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

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

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

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

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

@@ -1,6 +1,7 @@
 import { BackdropProps } from '../Backdrop';
 import { ButtonProps } from '../Button';
-export interface GenericModalProps extends Partial<Pick<BackdropProps, 'onEscape'>> {
+export type BorderVariantType = 'secondary' | 'none' | 'secondary-translucent';
+export interface GenericModalProps extends Partial<Pick<BackdropProps, 'onEscape' | 'avoidFocusTrap'>> {
     /** Unique identifier for the modal */
     name: string;
     /** Controls whether the modal is visible or hidden */
@@ -18,6 +19,8 @@ export interface GenericModalProps extends Partial<Pick<BackdropProps, 'onEscape
      * @default false
      */
     closeOnBackdropClick?: boolean;
+    borderVariant?: BorderVariantType;
+    alignCenter?: boolean;
 }
 export interface GenericModalContextType extends Pick<GenericModalProps, 'name' | 'onClose'> {
 }

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

@@ -57,6 +57,7 @@ export declare const iconMap: {
     'ic-bug': import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement>>;
     'ic-build-color': import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement>>;
     'ic-building': import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement>>;
+    'ic-bulb': 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>>;
@@ -80,6 +81,7 @@ export declare const iconMap: {
     'ic-clipboard': import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement>>;
     'ic-clock-counterclockwise': import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement>>;
     'ic-clock': import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement>>;
+    'ic-close-circle': import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement>>;
     'ic-close-large': import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement>>;
     'ic-close-small': import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement>>;
     'ic-cloud-upload': import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement>>;
@@ -89,7 +91,7 @@ export declare const iconMap: {
     'ic-code': import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement>>;
     'ic-coins-color-animated': import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement>>;
     'ic-coins': import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement>>;
-    'ic-configuration-file': import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement>>;
+    'ic-comment': import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement>>;
     'ic-container-registry': import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement>>;
     'ic-container': import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement>>;
     'ic-cookr': import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement>>;
@@ -98,6 +100,7 @@ export declare const iconMap: {
     'ic-cpu': 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-curved-arrow': import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement>>;
     'ic-database-backup': import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement>>;
     'ic-delete-dots': import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement>>;
     'ic-delete-lightning': import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement>>;
@@ -117,6 +120,7 @@ export declare const iconMap: {
     'ic-disconnect': import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement>>;
     'ic-discord-fill': import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement>>;
     'ic-dockerhub': import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement>>;
+    'ic-dot-circle': import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement>>;
     'ic-download': import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement>>;
     'ic-ecr': import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement>>;
     'ic-edit-lines': import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement>>;
@@ -178,7 +182,6 @@ export declare const iconMap: {
     'ic-help-outline': import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement>>;
     'ic-hibernate-circle': import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement>>;
     'ic-hibernate': import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement>>;
-    'ic-image-approve': import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement>>;
     'ic-in-progress': import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement>>;
     'ic-info-filled-color': import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement>>;
     'ic-info-filled': import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement>>;
@@ -220,6 +223,8 @@ export declare const iconMap: {
     'ic-monitoring': import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement>>;
     'ic-more-vertical': import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement>>;
     'ic-namespace': import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement>>;
+    'ic-nav-cursor': import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement>>;
+    'ic-new-chat': 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>>;
@@ -237,11 +242,16 @@ export declare const iconMap: {
     'ic-pause-circle': import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement>>;
     'ic-pause': import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement>>;
     'ic-pencil': import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement>>;
+    'ic-piggybank': import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement>>;
     'ic-play-outline': import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement>>;
+    'ic-priority-high-fill': import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement>>;
+    'ic-priority-low-fill': import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement>>;
     'ic-priority-medium-fill': import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement>>;
+    'ic-priority-urgent-fill': 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-ratings': import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement>>;
+    'ic-red-bulb': import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement>>;
     'ic-release-hub': import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement>>;
     'ic-resize-handle': import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement>>;
     'ic-resource-browser': import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement>>;
@@ -255,12 +265,9 @@ export declare const iconMap: {
     'ic-security-scan': import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement>>;
     'ic-security-vulnerability': import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement>>;
     'ic-selected': import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement>>;
-    'ic-ses': import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement>>;
     'ic-shapes': import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement>>;
     'ic-shield-check': import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement>>;
-    'ic-slack': import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement>>;
     'ic-sliders-vertical': import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement>>;
-    'ic-smtp': import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement>>;
     'ic-software-release-management': import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement>>;
     'ic-sort-ascending': import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement>>;
     'ic-sort-descending': import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement>>;
@@ -313,7 +320,6 @@ export declare const iconMap: {
     'ic-warning-fill': import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement>>;
     'ic-warning-stroke': import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement>>;
     'ic-warning': import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement>>;
-    'ic-webhook-config': 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/Illustration/Illustration.d.ts

@@ -1,9 +1,15 @@
 import { IllustrationBaseProps } from './types';
 export declare const illustrationMap: {
+    'img-celebration': import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement>>;
     'img-folder-empty': import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement>>;
+    'img-install-freemium-saas': import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement>>;
+    'img-install-via-aws-marketplace': import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement>>;
+    'img-installing-devtron': import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement>>;
     'img-mechanical-operation': import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement>>;
     'img-no-backup-location': import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement>>;
     'img-no-restores': import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement>>;
+    'img-page-not-found': import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement>>;
+    'cmd-bar-visual': string;
     'create-backup-schedule': string;
     'create-backup-snapshot': string;
     'img-code': string;

package/dist/Shared/Components/License/DevtronLicenseCard.d.ts

@@ -1,3 +1,3 @@
 import { DevtronLicenseCardProps } from './types';
-export declare const DevtronLicenseCard: ({ enterpriseName, licenseKey, licenseSuffix, expiryDate, licenseStatus, isTrial, isFreemium, ttl, appTheme, handleCopySuccess, licenseStatusError, }: DevtronLicenseCardProps) => JSX.Element;
+export declare const DevtronLicenseCard: ({ enterpriseName, licenseKey, licenseSuffix, expiryDate, licenseStatus, isTrial, isFreemium, ttl, appTheme, handleCopySuccess, licenseStatusError, isSaasInstance, }: DevtronLicenseCardProps) => JSX.Element;
 export default DevtronLicenseCard;

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

@@ -1,5 +1,6 @@
 export { default as ActivateLicenseDialog } from './ActivateLicenseDialog';
 export { default as DevtronLicenseCard } from './DevtronLicenseCard';
 export { ICDevtronWithBorder, default as InstallationFingerprintInfo } from './License.components';
+export { activateLicense } from './services';
 export * from './types';
 export { parseDevtronLicenseData, parseDevtronLicenseDTOIntoLicenseCardData } from './utils';

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

@@ -14,6 +14,7 @@ export type DevtronLicenseCardProps = {
     isFreemium: boolean;
     appTheme: AppThemeType;
     licenseStatusError: LicenseErrorStruct;
+    isSaasInstance: boolean;
 } & ({
     licenseKey: string;
     handleCopySuccess?: () => void;
@@ -23,6 +24,9 @@ export type DevtronLicenseCardProps = {
     handleCopySuccess?: never;
     licenseSuffix: string;
 });
+export interface LicenseCardSubTextProps extends Pick<DevtronLicenseCardProps, 'isFreemium' | 'licenseStatus' | 'licenseStatusError'> {
+    isFreeForever: boolean;
+}
 export type DevtronLicenseInfo = Omit<DevtronLicenseCardProps, 'appTheme'> & Pick<DevtronLicenseDTO, 'fingerprint' | 'showLicenseData' | 'licenseStatusError' | 'moduleLimits'>;
 export interface ActivateLicenseDialogProps extends Pick<DevtronLicenseBaseDTO, 'fingerprint'> {
     enterpriseName: string;

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

@@ -1,6 +1,6 @@
 import { DevtronLicenseDTO } from '../../types';
 import { DevtronLicenseCardProps, DevtronLicenseInfo } from './types';
-export declare const getLicenseColorsAccordingToStatus: ({ isFreemium, licenseStatus, licenseStatusError, }: Pick<DevtronLicenseCardProps, "licenseStatus" | "isFreemium" | "licenseStatusError">) => {
+export declare const getLicenseColorsAccordingToStatus: ({ isFreemium, licenseStatus, licenseStatusError, isSaasInstance, }: Pick<DevtronLicenseCardProps, "licenseStatus" | "isFreemium" | "licenseStatusError" | "isSaasInstance">) => {
     bgColor: string;
     textColor: string;
 };

package/dist/Shared/Components/Table/InternalTable.d.ts

@@ -1,3 +1,3 @@
 import { FiltersTypeEnum, InternalTableProps } from './types';
-declare const InternalTable: <RowData extends unknown, FilterVariant extends FiltersTypeEnum, AdditionalProps extends Record<string, any>>({ filtersVariant, filterData, rows, getRows, columns, ViewWrapper, resizableConfig, emptyStateConfig, additionalProps, areColumnsConfigurable, filter, setVisibleColumns, visibleColumns, stylesConfig, loading, bulkSelectionConfig, bulkSelectionReturnValue, id, handleClearBulkSelection, handleToggleBulkSelectionOnRow, paginationVariant, rowActionOnHoverConfig, pageSizeOptions, clearFilters: userGivenUrlClearFilters, rowStartIconConfig, onRowClick, areFiltersApplied: userProvidedAreFiltersApplied, }: InternalTableProps<RowData, FilterVariant, AdditionalProps>) => JSX.Element;
+declare const InternalTable: <RowData extends unknown, FilterVariant extends FiltersTypeEnum, AdditionalProps extends Record<string, any>>({ filtersVariant, filterData, rows, getRows, columns, ViewWrapper, resizableConfig, emptyStateConfig, additionalProps, areColumnsConfigurable, filter, setVisibleColumns, visibleColumns, stylesConfig, loading, bulkSelectionConfig, bulkSelectionReturnValue, id, handleClearBulkSelection, handleToggleBulkSelectionOnRow, paginationVariant, rowActionOnHoverConfig, pageSizeOptions, clearFilters: userGivenUrlClearFilters, }: InternalTableProps<RowData, FilterVariant, AdditionalProps>) => JSX.Element;
 export default InternalTable;

package/dist/Shared/Components/Table/TableContent.d.ts

@@ -1,3 +1,3 @@
 import { FiltersTypeEnum, TableContentProps } from './types';
-declare const TableContent: <RowData extends unknown, FilterVariant extends FiltersTypeEnum, AdditionalProps extends Record<string, any>>({ filterData, rows, resizableConfig, additionalProps, visibleColumns, stylesConfig, loading, bulkSelectionConfig, bulkSelectionReturnValue, handleClearBulkSelection, handleToggleBulkSelectionOnRow, paginationVariant, rowActionOnHoverConfig, pageSizeOptions, filteredRows, areFilteredRowsLoading, getRows, totalRows, rowStartIconConfig, onRowClick, }: TableContentProps<RowData, FilterVariant, AdditionalProps>) => JSX.Element;
+declare const TableContent: <RowData extends unknown, FilterVariant extends FiltersTypeEnum, AdditionalProps extends Record<string, any>>({ filterData, rows, resizableConfig, additionalProps, visibleColumns, stylesConfig, loading, bulkSelectionConfig, bulkSelectionReturnValue, handleClearBulkSelection, handleToggleBulkSelectionOnRow, paginationVariant, rowActionOnHoverConfig, pageSizeOptions, filteredRows, areFilteredRowsLoading, getRows, totalRows, }: TableContentProps<RowData, FilterVariant, AdditionalProps>) => JSX.Element;
 export default TableContent;

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

@@ -6,4 +6,3 @@ export declare const EVENT_TARGET: EventTarget;
 export declare const DRAG_SELECTOR_IDENTIFIER = "table-drag-selector";
 export declare const SHIMMER_DUMMY_ARRAY: number[];
 export declare const NO_ROWS_OR_GET_ROWS_ERROR: Error;
-export declare const ACTION_GUTTER_SIZE = 24;