@devtron-labs/devtron-fe-common-lib 1.9.5-beta-9 → 1.9.5-beta-11

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

@@ -18,6 +18,6 @@ export interface FetchInTimeParamsType<Data = object> {
     options?: APIOptions;
     isMultipartRequest?: boolean;
 }
-export interface FetchAPIParamsType<Data = object> extends Omit<FetchInTimeParamsType<Data>, 'options'>, Pick<APIOptions, 'preventAutoLogout' | 'preventLicenseRedirect'> {
+export interface FetchAPIParamsType<Data = object> extends Omit<FetchInTimeParamsType<Data>, 'options'>, Pick<APIOptions, 'preventAutoLogout' | 'preventLicenseRedirect' | 'shouldParseServerErrorForUnauthorizedUser'> {
     signal: AbortSignal;
 }

package/dist/Common/Constants.d.ts

@@ -1,6 +1,7 @@
 export declare const FALLBACK_REQUEST_TIMEOUT = 60000;
 export declare const Host: string;
 export declare const DOCUMENTATION_HOME_PAGE = "https://docs.devtron.ai";
+export declare const DEVTRON_HOME_PAGE = "https://devtron.ai/";
 export declare const DOCUMENTATION_VERSION = "/v/v0.7";
 export declare const DISCORD_LINK = "https://discord.devtron.ai/";
 export declare const DEFAULT_JSON_SCHEMA_URI = "https://json-schema.org/draft/2020-12/schema";
@@ -282,6 +283,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;

package/dist/Common/Types.d.ts

@@ -38,6 +38,10 @@ export interface APIOptions {
      * @default false
      */
     preventLicenseRedirect?: boolean;
+    /**
+     * @default false
+     */
+    shouldParseServerErrorForUnauthorizedUser?: boolean;
 }
 export interface OptionType<T = string, K = string> {
     value: T;

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, onMenuClose, onMenuOpen, }: 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' | 'onMenuOpen' | 'onMenuClose'>, 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, hideFormFieldInfo, ...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/DevtronLicenseCard/DevtronLicenseCard.d.ts

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

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

@@ -1,2 +1,3 @@
 export { default as DevtronLicenseCard } from './DevtronLicenseCard';
-export { default as InstallationFingerprintInfo } from './InstallationFingerprintInfo';
+export { parseDevtronLicenseDTOIntoLicenseCardData } from './utils';
+export * from './types';

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

@@ -1,4 +1,18 @@
-import { DevtronLicenseBaseDTO } from '../../index';
-export interface InstallFingerprintInfoProps extends Pick<DevtronLicenseBaseDTO, 'fingerprint'> {
-    showHelpTooltip?: boolean;
+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;
+});

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

@@ -1,5 +1,6 @@
-import { LicenseStatus } from '../../index';
+import { DevtronLicenseCardProps, DevtronLicenseDTO, LicenseStatus } from '../../index';
 export declare const getLicenseColorsAccordingToStatus: (licenseStatus: LicenseStatus) => {
     bgColor: string;
     textColor: string;
 };
+export declare const parseDevtronLicenseDTOIntoLicenseCardData: <isCentralDashboard extends boolean = false>(licenseDTO: DevtronLicenseDTO<isCentralDashboard>, currentUserEmail?: isCentralDashboard extends true ? string : never) => DevtronLicenseCardProps;

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

@@ -11,6 +11,7 @@ export declare const iconMap: {
     '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-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>>;

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

@@ -1,4 +1,2 @@
 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[];
+export declare const TESTIMONIAL_CARD_DATA: TestimonialCardConfig;

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

@@ -68,6 +68,9 @@ 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

@@ -4,7 +4,7 @@ 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, DevtronLicenseCardProps, DevtronLicenseDTO, GitTriggers, IntersectionChangeHandler, IntersectionOptions, PreventOutsideFocusProps, TargetPlatformItemDTO, TargetPlatformsDTO, WebhookEventNameType } from './types';
+import { BorderConfigType, GitTriggers, IntersectionChangeHandler, IntersectionOptions, PreventOutsideFocusProps, TargetPlatformItemDTO, TargetPlatformsDTO, WebhookEventNameType } from './types';
 import { AggregatedNodes, DeploymentStatusDetailsBreakdownDataType, DeploymentStatusDetailsType, PodMetadatum } from './Components';
 interface HighlightSearchTextProps {
     /**
@@ -100,5 +100,5 @@ export declare const deriveBorderRadiusAndBorderClassFromConfig: ({ borderConfig
     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/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';
@@ -906,22 +907,5 @@ export type DevtronLicenseDTO<isCentralDashboard extends boolean = false> = Devt
 } : {
     claimedByUserDetails?: never;
 });
-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 type CountryISO2Type = ParsedCountry['iso2'];
 export {};

package/dist/assets/ic-caret-left.3df25a7c.svg

@@ -0,0 +1,3 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" fill="none" viewBox="0 0 24 24">
+  <path stroke="#3B444C" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5" d="M15 19.5 7.5 12 15 4.5" vector-effect="non-scaling-stroke"/>
+</svg>