@devtron-labs/devtron-fe-common-lib 1.8.9 → 1.8.10-beta-1

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

@@ -0,0 +1,16 @@
+import { APIOptions, ResponseType } from '..';
+import { CoreAPIConstructorParamsType } from './types';
+declare class CoreAPI {
+    handleLogout: () => void;
+    host: string;
+    timeout: number;
+    constructor({ handleLogout, host, timeout }: CoreAPIConstructorParamsType);
+    private fetchAPI;
+    private fetchInTime;
+    post: <T = any, K = object>(url: string, data: K, options?: APIOptions, isMultipartRequest?: boolean) => Promise<ResponseType<T>>;
+    put: <T = any, K = object>(url: string, data: K, options?: APIOptions) => Promise<ResponseType<T>>;
+    patch: <T = any, K = object>(url: string, data: K, options?: APIOptions) => Promise<ResponseType<T>>;
+    get: <T = any>(url: string, options?: APIOptions) => Promise<ResponseType<T>>;
+    trash: <T = any, K = object>(url: string, data?: K, options?: APIOptions) => Promise<ResponseType<T>>;
+}
+export default CoreAPI;

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

@@ -0,0 +1,70 @@
+export declare const RESPONSE_MESSAGES: {
+    100: string;
+    101: string;
+    102: string;
+    200: string;
+    201: string;
+    202: string;
+    203: string;
+    204: string;
+    205: string;
+    206: string;
+    207: string;
+    208: string;
+    226: string;
+    300: string;
+    301: string;
+    302: string;
+    303: string;
+    304: string;
+    305: string;
+    307: string;
+    308: string;
+    400: string;
+    401: string;
+    402: string;
+    403: string;
+    404: string;
+    405: string;
+    406: string;
+    407: string;
+    408: string;
+    409: string;
+    410: string;
+    411: string;
+    412: string;
+    413: string;
+    414: string;
+    415: string;
+    416: string;
+    417: string;
+    418: string;
+    420: string;
+    422: string;
+    423: string;
+    424: string;
+    425: string;
+    426: string;
+    428: string;
+    429: string;
+    431: string;
+    444: string;
+    449: string;
+    450: string;
+    451: string;
+    499: string;
+    500: string;
+    501: string;
+    502: string;
+    503: string;
+    504: string;
+    505: string;
+    506: string;
+    507: string;
+    508: string;
+    509: string;
+    510: string;
+    511: string;
+    598: string;
+    599: string;
+};

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

@@ -0,0 +1,3 @@
+export declare const post: <T = any, K = object>(url: string, data: K, options?: import('..').APIOptions, isMultipartRequest?: boolean) => Promise<import('..').ResponseType<T>>, put: <T = any, K = object>(url: string, data: K, options?: import('..').APIOptions) => Promise<import('..').ResponseType<T>>, patch: <T = any, K = object>(url: string, data: K, options?: import('..').APIOptions) => Promise<import('..').ResponseType<T>>, get: <T = any>(url: string, options?: import('..').APIOptions) => Promise<import('..').ResponseType<T>>, trash: <T = any, K = object>(url: string, data?: K, options?: import('..').APIOptions) => Promise<import('..').ResponseType<T>>;
+export { getIsRequestAborted, abortPreviousRequests } from './utils';
+export { default as CoreAPI } from './CoreAPI';

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

@@ -0,0 +1,26 @@
+import { APIOptions } from '..';
+export interface CoreAPIConstructorParamsType {
+    handleLogout: () => void;
+    /**
+     * @default Host
+     */
+    host?: string;
+    /**
+     * @default FALLBACK_REQUEST_TIMEOUT
+     */
+    timeout?: number;
+}
+export interface FetchInTimeParamsType<Data = object> {
+    url: string;
+    type: 'POST' | 'PUT' | 'PATCH' | 'GET' | 'DELETE';
+    data: Data;
+    options?: APIOptions;
+    isMultipartRequest?: boolean;
+}
+export interface FetchAPIParamsType<Data = object> extends Omit<FetchInTimeParamsType<Data>, 'options'> {
+    signal: AbortSignal;
+    /**
+     * @default false
+     */
+    preventAutoLogout?: boolean;
+}

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

@@ -0,0 +1,11 @@
+import { MutableRefObject } from 'react';
+export declare const handleServerError: (contentType: string, response: Response) => Promise<never>;
+/**
+ * Aborts the previous request before triggering next request
+ */
+export declare const abortPreviousRequests: <T>(callback: () => Promise<T>, abortControllerRef: MutableRefObject<AbortController>) => Promise<T>;
+/**
+ * Returns true if the error is due to a aborted request
+ */
+export declare const getIsRequestAborted: (error: any) => boolean;
+export declare const handleDashboardLogout: () => void;

package/dist/Common/Constants.d.ts

@@ -281,6 +281,7 @@ export declare const API_STATUS_CODES: {
     PERMISSION_DENIED: number;
     NOT_FOUND: number;
     REQUEST_TIMEOUT: number;
+    CONFLICT: number;
     EXPECTATION_FAILED: number;
     UNPROCESSABLE_ENTITY: number;
     LOCKED: number;
@@ -312,6 +313,7 @@ export declare const DATE_TIME_FORMATS: {
     TWELVE_HOURS_EXPORT_FORMAT: string;
     DD_MMM_YYYY_HH_MM: string;
     DD_MMM_YYYY: string;
+    'DD/MM/YYYY': string;
 };
 export declare const SEMANTIC_VERSION_DOCUMENTATION_LINK = "https://semver.org/";
 export declare const VULNERABILITIES_SORT_PRIORITY: {

package/dist/Common/RJSF/Form.d.ts

@@ -1,3 +1,3 @@
 import { default as RJSF } from '@rjsf/core';
 import { FormProps } from './types';
-export declare const RJSFForm: import('react').ForwardRefExoticComponent<Pick<FormProps, "className" | "children" | "disabled" | "id" | "name" | "target" | "onFocus" | "onBlur" | "onChange" | "onSubmit" | "onError" | "autoComplete" | "noValidate" | "tagName" | "readonly" | "schema" | "uiSchema" | "formContext" | "formData" | "idPrefix" | "idSeparator" | "fields" | "templates" | "widgets" | "translateString" | "acceptcharset" | "acceptCharset" | "action" | "enctype" | "method" | "customValidate" | "extraErrors" | "extraErrorsBlockSubmit" | "noHtml5Validate" | "liveValidate" | "liveOmit" | "omitExtraData" | "showErrorList" | "transformErrors" | "focusOnFirstError" | "experimental_defaultFormStateBehavior" | "_internalFormWrapper"> & import('react').RefAttributes<RJSF<any, import('./types').RJSFFormSchema, any>>>;
+export declare const RJSFForm: import('react').ForwardRefExoticComponent<Pick<FormProps, "className" | "children" | "disabled" | "id" | "name" | "target" | "onFocus" | "onBlur" | "onChange" | "onSubmit" | "onError" | "autoComplete" | "noValidate" | "method" | "tagName" | "readonly" | "schema" | "uiSchema" | "formContext" | "formData" | "idPrefix" | "idSeparator" | "fields" | "templates" | "widgets" | "translateString" | "acceptcharset" | "acceptCharset" | "action" | "enctype" | "customValidate" | "extraErrors" | "extraErrorsBlockSubmit" | "noHtml5Validate" | "liveValidate" | "liveOmit" | "omitExtraData" | "showErrorList" | "transformErrors" | "focusOnFirstError" | "experimental_defaultFormStateBehavior" | "_internalFormWrapper"> & import('react').RefAttributes<RJSF<any, import('./types').RJSFFormSchema, any>>>;

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

@@ -11,4 +11,5 @@ export interface SegmentedBarChartProps {
     isProportional?: boolean;
     swapLegendAndBar?: boolean;
     showAnimationOnBar?: boolean;
+    isLoading?: boolean;
 }

package/dist/Common/index.d.ts

@@ -1,7 +1,6 @@
 export * from './Constants';
 export * from './ServerError';
 export * from './Types';
-export * from './Api';
 export { default as Reload } from './Reload';
 export { default as ErrorScreenManager } from './ErrorScreenManager';
 export { default as ErrorScreenNotAuthorized } from './ErrorScreenNotAuthorized';
@@ -50,3 +49,4 @@ export * from './SegmentedBarChart';
 export * from './CodeEditor/types';
 export * from './Tooltip';
 export * from './SegmentedControl';
+export * from './API';

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

@@ -0,0 +1,3 @@
+import { CountrySelectProps } from './types';
+declare const CountrySelect: ({ selectedCountry, label, required, error, handleChange, placeholder, name, variant, size, }: CountrySelectProps) => JSX.Element;
+export default CountrySelect;

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

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

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

@@ -0,0 +1,7 @@
+import { CountryISO2Type } from '../../index';
+import { SelectPickerProps } from '../SelectPicker';
+export interface CountrySelectProps extends Pick<SelectPickerProps, 'required' | 'label' | 'error' | 'placeholder' | 'size'>, Required<Pick<SelectPickerProps, 'name'>> {
+    selectedCountry: CountryISO2Type;
+    handleChange: (iso2: CountryISO2Type) => void;
+    variant?: 'default' | 'selectPhoneCode';
+}

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

@@ -0,0 +1,4 @@
+import { ParsedCountry } from 'react-international-phone';
+import { CountrySelectProps } from './types';
+import { SelectPickerOptionType } from '../SelectPicker';
+export declare const getCountryOptions: (variant: CountrySelectProps["variant"]) => SelectPickerOptionType<ParsedCountry>[];

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

@@ -1,3 +1,3 @@
 import { CustomInputProps } from './types';
-declare const CustomInput: ({ name, label, fullWidth, error, helperText, warningText, layout, required, onBlur, shouldTrim, size, ariaLabel, borderConfig, borderRadiusConfig, type, autoFocus, endIconButtonConfig, labelTippyCustomizedConfig, labelTooltipConfig, ...props }: CustomInputProps) => JSX.Element;
+declare const CustomInput: ({ name, label, fullWidth, error, helperText, warningText, layout, required, onBlur, shouldTrim, size, ariaLabel, borderConfig, borderRadiusConfig, type, autoFocus, endIconButtonConfig, labelTippyCustomizedConfig, labelTooltipConfig, inputRef: inputRefProp, ...props }: CustomInputProps) => JSX.Element;
 export default CustomInput;

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

@@ -1,4 +1,4 @@
-import { InputHTMLAttributes } from 'react';
+import { InputHTMLAttributes, MutableRefObject } from 'react';
 import { ComponentSizeType } from '../../constants';
 import { FormFieldWrapperProps } from '../FormFieldWrapper';
 import { ButtonComponentType, ButtonProps } from '../Button';
@@ -27,6 +27,10 @@ export interface CustomInputProps extends Omit<FormFieldWrapperProps, 'children'
      * End icon button configuration
      */
     endIconButtonConfig?: Required<Pick<ButtonProps<ButtonComponentType.button>, 'icon' | 'onClick' | 'ariaLabel'>> & Pick<ButtonProps<ButtonComponentType.button>, 'disabled' | 'showAriaLabelInTippy' | 'style'>;
+    /**
+     * Ref for the input element
+     */
+    inputRef?: MutableRefObject<HTMLInputElement>;
 }
 export interface PasswordFieldProps extends Omit<CustomInputProps, 'endIconButtonConfig' | 'type'> {
     /**

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

@@ -0,0 +1,3 @@
+import { FlagImageProps } from './types';
+declare const FlagImage: ({ country, size }: FlagImageProps) => JSX.Element;
+export default FlagImage;

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

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

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

@@ -0,0 +1,5 @@
+import { CountryISO2Type } from '../../index';
+export interface FlagImageProps {
+    country: CountryISO2Type;
+    size?: number;
+}

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

@@ -5,10 +5,13 @@ 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-cancelled': 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>>;
@@ -18,6 +21,8 @@ export declare const iconMap: {
     'ic-container': 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-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>>;
@@ -42,6 +47,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>>;
@@ -62,6 +68,7 @@ export declare const iconMap: {
     '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/LicenseInfoDialog/LicenseInfoDialog.components.d.ts

@@ -0,0 +1,31 @@
+export declare enum LicenseStatus {
+    ACTIVE = "ACTIVE",
+    EXPIRED = "EXPIRED",
+    REMINDER_THRESHOLD_REACHED = "REMINDER_THRESHOLD_REACHED"
+}
+export type DevtronLicenseCardProps = {
+    enterpriseName: string;
+    expiryDate: string;
+    ttl: number;
+    licenseStatus: LicenseStatus;
+    isTrial: boolean;
+} & ({
+    licenseKey: string;
+    licenseSuffix?: never;
+} | {
+    licenseKey?: never;
+    licenseSuffix: string;
+});
+export declare const getColorAccordingToStatus: (licenseStatus: LicenseStatus) => {
+    bgColor: string;
+    textColor: string;
+};
+export declare const DevtronLicenseCard: ({ enterpriseName, licenseKey, licenseSuffix, expiryDate, licenseStatus, isTrial, ttl, }: DevtronLicenseCardProps) => JSX.Element;
+export declare const InstallationFingerprintInfo: ({ installationFingerprint, showHelpTip, }: {
+    installationFingerprint: string;
+    showHelpTip?: boolean;
+}) => JSX.Element;
+export declare const LicenseInfo: ({ handleUpdateLicenseClick }: {
+    handleUpdateLicenseClick: () => void;
+}) => JSX.Element;
+export declare const AboutDevtron: () => JSX.Element;

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

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

package/dist/Shared/Components/LicenseInfoDialog/UpdateLicenseDialog.d.ts

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

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

@@ -0,0 +1,2 @@
+import { OptionType } from '../../../Common/index';
+export declare const ABOUT_DEVTRON_TABS: OptionType[];

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

@@ -0,0 +1,2 @@
+export { default as LicenseInfoDialog } from './LicenseInfoDialog';
+export { DevtronLicenseCard } from './LicenseInfoDialog.components';

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

@@ -0,0 +1,5 @@
+export declare enum LicenseInfoDialogType {
+    ABOUT = "about",
+    LICENSE = "license",
+    UPDATE = "update"
+}

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) => void;
+    error?: string | null;
+    countryCodeSelectName: string;
+    phoneNumberInputName: string;
+    required?: boolean;
+    countryCodeSelectSize?: ComponentProps<typeof CountrySelect>['size'];
+}

package/dist/Shared/Components/Security/SecurityModal/utils.d.ts

@@ -1,7 +1,7 @@
 import { ScanResultDTO, SeveritiesDTO, GetResourceScanDetailsResponseType, ImageScanVulnerabilityType, ImageVulnerabilityType, VulnerabilityCountType } from './types';
 import { SEVERITIES } from './constants';
 export declare const mapSeveritiesToSegmentedBarChartEntities: (severities: Partial<Record<keyof typeof SEVERITIES, number>>) => {
-    color: "var(--G500)" | "var(--N300)" | "var(--R700)" | "var(--R500)" | "var(--O500)" | "var(--Y500)";
+    color: "var(--G500)" | "var(--R500)" | "var(--N300)" | "var(--R700)" | "var(--O500)" | "var(--Y500)";
     label: "Unknown" | "Critical" | "High" | "Medium" | "Low" | "Failures" | "Successes" | "Exceptions";
     value: number;
 }[];

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

@@ -67,3 +67,8 @@ export * from './CustomInput';
 export * from './InfoBlock';
 export * from './CodeEditorWrapper';
 export * from './SSOProviderIcon';
+export * from './Backdrop';
+export * from './LicenseInfoDialog';
+export * from './CountrySelect';
+export * from './PhoneInput';
+export * from './FlagImage';

package/dist/Shared/Helpers.d.ts

@@ -4,8 +4,9 @@ import { Pair } from 'yaml';
 import { StrictRJSFSchema } from '@rjsf/utils';
 import { MaterialHistoryType } from '@Shared/Services/app.types';
 import { MaterialInfo, SortingOrder, UserApprovalConfigType, ApprovalConfigDataType, UserApprovalInfo } from '../Common';
-import { BorderConfigType, GitTriggers, IntersectionChangeHandler, IntersectionOptions, PreventOutsideFocusProps, TargetPlatformItemDTO, TargetPlatformsDTO, WebhookEventNameType } from './types';
+import { BorderConfigType, DevtronLicenseDTO, GitTriggers, IntersectionChangeHandler, IntersectionOptions, PreventOutsideFocusProps, TargetPlatformItemDTO, TargetPlatformsDTO, WebhookEventNameType } from './types';
 import { AggregatedNodes, DeploymentStatusDetailsBreakdownDataType, DeploymentStatusDetailsType, PodMetadatum } from './Components';
+import { DevtronLicenseCardProps } from './Components/LicenseInfoDialog/LicenseInfoDialog.components';
 interface HighlightSearchTextProps {
     /**
      * The text to be highlighted
@@ -99,4 +100,7 @@ export declare const deriveBorderRadiusAndBorderClassFromConfig: ({ borderConfig
     borderConfig: BorderConfigType | undefined;
     borderRadiusConfig: BorderConfigType | undefined;
 }) => string;
+export declare const getClassNameForStickyHeaderWithShadow: (isStuck: boolean, topClassName?: string) => string;
+export declare const parseDevtronLicenseDTOIntoLicenseCardData: <isCentralDashboard extends boolean = false>(licenseDTO: DevtronLicenseDTO<isCentralDashboard>, currentUserEmail?: isCentralDashboard extends true ? string : never) => DevtronLicenseCardProps;
+export declare const clearCookieOnLogout: () => void;
 export {};

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

@@ -2,3 +2,4 @@ export * from './UsePrompt';
 export * from './useGetResourceKindsOptions';
 export * from './UseDownload';
 export * from './useForm';
+export * from './useStickyEvent';

package/dist/Shared/Hooks/useStickyEvent/constants.d.ts

@@ -0,0 +1,3 @@
+export declare const FALLBACK_SENTINEL_HEIGHT = "1px";
+export declare const OBSERVER_THRESHOLD = 1;
+export declare const OBSERVER_ROOT_MARGIN = "0px";

package/dist/Shared/Hooks/useStickyEvent/index.d.ts

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

package/dist/Shared/Hooks/useStickyEvent/types.d.ts

@@ -0,0 +1,32 @@
+import { MutableRefObject } from 'react';
+export type UseStickyEventProps<T extends HTMLElement = HTMLDivElement> = {
+    /**
+     * Unique identifier used to create the id of the sentinel element
+     *
+     * A sentinel element is used to determine when the sticky element is 'stuck'
+     * It is dynamically created and appended to the DOM
+     */
+    identifier: string;
+    /**
+     * Indicates whether the sticky element is conditionally rendered.
+     * - Set to true if the sticky element is mounted.
+     * - Set to false if the sticky element is not mounted.
+     * - If the sticky element is always rendered, this flag can be ignored.
+     */
+    isStickyElementMounted?: boolean;
+} & ({
+    /**
+     * Reference to the scroll container element that contains the sticky element
+     *
+     * Either the reference can be passed or its querySelector
+     */
+    containerRef: MutableRefObject<T>;
+    containerSelector?: never;
+} | {
+    containerSelector: string;
+    containerRef?: never;
+});
+export interface UseStickyEventReturnType<T extends HTMLElement = HTMLDivElement> {
+    isStuck: boolean;
+    stickyElementRef: MutableRefObject<T>;
+}

package/dist/Shared/Hooks/useStickyEvent/useStickyEvent.d.ts

@@ -0,0 +1,8 @@
+import { UseStickyEventProps, UseStickyEventReturnType } from './types';
+/**
+ * Please read
+ *   https://developer.chrome.com/docs/css-ui/sticky-headers
+ * as a reference for the implementation
+ */
+declare const useStickyEvent: <T extends HTMLElement = HTMLDivElement>({ containerSelector, containerRef, identifier, isStickyElementMounted, }: UseStickyEventProps<T>) => UseStickyEventReturnType<T>;
+export default useStickyEvent;

package/dist/Shared/Hooks/useStickyEvent/utils.d.ts

@@ -0,0 +1,2 @@
+import { UseStickyEventReturnType } from './types';
+export declare const getHeightForStickyElementTopOffset: <T extends HTMLElement>({ stickyElementRef, }: Pick<UseStickyEventReturnType<T>, "stickyElementRef">) => string;

package/dist/Shared/constants.d.ts

@@ -407,3 +407,5 @@ 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";

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,36 @@ export interface AppEnvIdType {
     appId: number;
     envId: number;
 }
+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;
+} : {
+    claimedByUserDetails?: never;
+});
+export type CountryISO2Type = ParsedCountry['iso2'];
 export {};