@devtron-labs/devtron-fe-common-lib 1.10.16 → 1.10.18

package/dist/{@common-rjsf-CgbsOSx-.js → @common-rjsf-HdXVC2be.js}

@@ -1,7 +1,7 @@
 import { j as n, au as y, aw as k, av as W } from "./@vendor-DZHtXPTX.js";
 import V, { forwardRef as J, useMemo as P } from "react";
 import K, { getDefaultRegistry as q } from "@rjsf/core";
-import { T as F, j as N, c as v, b as S, a as Y, i as z, d as w, e as E, S as G } from "./@code-editor-vkgcMBll.js";
+import { T as F, j as N, c as v, b as S, a as Y, i as z, d as w, e as E, S as G } from "./@code-editor-rOxqP3qu.js";
 import Q, { components as D } from "react-select";
 import { ReactComponent as X } from "./assets/ic-chevron-down.fc70d7a7.svg";
 import { getUiOptions as B, getTemplate as $, getSubmitButtonOptions as Z, ADDITIONAL_PROPERTY_FLAG as L, errorId as ee, englishStringTranslator as te, TranslatableString as ne, titleId as re, canExpand as se, deepEquals as ae } from "@rjsf/utils";

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

@@ -10,6 +10,7 @@ export declare const getUpdatedSearchMatchesCount: (newQuery: SearchQuery, view:
     current: number;
 };
 export declare const updateDiffMinimapValues: (view: MergeView, transactions: readonly Transaction[], side: "a" | "b") => void;
+export declare const getScanLimit: (lhsValue: string, value: string) => 500 | 10000 | 5000 | 15000 | 20000;
 export declare const getFoldGutterElement: (open: boolean) => HTMLSpanElement;
 export declare const getReadOnlyElement: () => HTMLDivElement;
 export declare const getRevertControlButton: () => HTMLButtonElement;

package/dist/Common/Constants.d.ts

@@ -90,6 +90,7 @@ export declare const ROUTES: {
     readonly ATTRIBUTES_USER: "attributes/user";
     readonly GET: "get";
     readonly UPDATE: "update";
+    readonly PATCH: "patch";
     readonly ENVIRONMENT_LIST_MIN: "env/autocomplete";
     readonly CLUSTER: "cluster";
     readonly API_RESOURCE: "k8s/api-resources";

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

@@ -8,6 +8,10 @@ export type SegmentType = Pick<SelectPickerOptionType, 'value'> & {
      * If true, the segment will be in error state with error icon
      */
     isError?: boolean;
+    /**
+     * If true, the segment will be in disabled state
+     */
+    isDisabled?: boolean;
 } & (({
     /**
      * Label for the segment

package/dist/Common/Toggle/Toggle.d.ts

@@ -1,4 +1,4 @@
-declare const Toggle: ({ selected, onSelect, color, rootClassName, disabled, dataTestId, Icon, iconClass, throttleOnChange, shouldToggleValueOnLabelClick, ...props }: {
+declare const Toggle: ({ selected, onSelect, color, rootClassName, disabled, dataTestId, Icon, iconClass, throttleOnChange, shouldToggleValueOnLabelClick, isLoading, ...props }: {
     [x: string]: any;
     selected?: boolean;
     onSelect?: any;
@@ -10,5 +10,6 @@ declare const Toggle: ({ selected, onSelect, color, rootClassName, disabled, dat
     iconClass?: string;
     throttleOnChange?: boolean;
     shouldToggleValueOnLabelClick?: boolean;
+    isLoading?: boolean;
 }) => JSX.Element;
 export default Toggle;

package/dist/Common/Types.d.ts

@@ -349,6 +349,7 @@ export interface ApprovalConfigDataType extends Pick<UserApprovalInfo, 'currentC
             groupName: UserGroupDTO['name'];
         })[];
     };
+    isExceptionUser: boolean;
 }
 export declare enum ApprovalRuntimeStateType {
     init = 0,

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

@@ -2,5 +2,6 @@ export { default as ConfirmationModal, BaseConfirmationModal } from './Confirmat
 export { DeleteConfirmationModal } from './DeleteConfirmationModal';
 export { ForceDeleteConfirmationModal } from './ForceDeleteConfirmationModal';
 export { CannotDeleteModal } from './CannotDeleteModal';
-export { ConfirmationModalVariantType, type ConfirmationModalProps } from './types';
+export { ConfirmationModalVariantType, type ConfirmationModalProps, type DeleteConfirmationModalProps } from './types';
 export { ConfirmationModalProvider } from './ConfirmationModalContext';
+export { getConfirmationLabel } from './utils';

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

@@ -132,12 +132,3 @@ export declare const DATE_PICKER_IDS: {
     MONTH: string;
     TIME: string;
 };
-export declare const reactSelectStyles: {
-    container: (base: any) => any;
-    control: (base: any, state: any) => any;
-    valueContainer: (base: any) => any;
-    input: (base: any) => any;
-    dropdownIndicator: (base: any, state: any) => any;
-    option: (base: any) => any;
-    menuList: (base: any) => any;
-};

package/dist/Shared/Components/FramerComponents/MotionDiv.d.ts

@@ -0,0 +1,2 @@
+import { HTMLMotionProps } from 'framer-motion';
+export declare const MotionDiv: (props: HTMLMotionProps<"div">) => JSX.Element;

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

@@ -0,0 +1,3 @@
+import { AnimatePresence } from 'framer-motion';
+export * from './MotionDiv';
+export { AnimatePresence };

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

@@ -6,6 +6,7 @@ export declare const iconMap: {
     'ic-apica': import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement>>;
     'ic-app-group': import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement>>;
     'ic-arrow-right': import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement>>;
+    'ic-arrows-left-right': import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement>>;
     'ic-ather': import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement>>;
     'ic-azure': import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement>>;
     'ic-bharatpe': import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement>>;
@@ -19,10 +20,12 @@ export declare const iconMap: {
     '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-check': 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>>;
     'ic-clock': 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-code': import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement>>;
     'ic-container': import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement>>;
@@ -30,6 +33,7 @@ export declare const iconMap: {
     '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-lightning': import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement>>;
     'ic-delete': import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement>>;
     'ic-delhivery': import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement>>;
     'ic-devtron-header-logo': import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement>>;
@@ -39,6 +43,7 @@ export declare const iconMap: {
     'ic-env': import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement>>;
     'ic-error': import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement>>;
     'ic-failure': import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement>>;
+    'ic-folder-user': import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement>>;
     'ic-gear': import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement>>;
     'ic-git': import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement>>;
     'ic-github': import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement>>;
@@ -59,9 +64,12 @@ export declare const iconMap: {
     'ic-job-color': import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement>>;
     'ic-k8s-job': import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement>>;
     'ic-ldap': import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement>>;
+    'ic-lightning-fill': import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement>>;
+    'ic-lightning': import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement>>;
     'ic-livspace': 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>>;
+    'ic-medium-delete': import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement>>;
     'ic-medium-paintbucket': import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement>>;
     'ic-microsoft': import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement>>;
     'ic-missing': import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement>>;
@@ -74,11 +82,16 @@ export declare const iconMap: {
     'ic-openshift': import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement>>;
     'ic-out-of-sync': import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement>>;
     'ic-paper-plane-color': import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement>>;
+    'ic-pencil': 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-sort-ascending': import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement>>;
+    'ic-sort-descending': import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement>>;
+    'ic-sortable': import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement>>;
     'ic-spinny': import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement>>;
     'ic-stack': import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement>>;
+    'ic-stamp': 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-tata1mg': import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement>>;
@@ -87,6 +100,7 @@ export declare const iconMap: {
     'ic-travclan': 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-users': import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement>>;
     'ic-warning': import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement>>;
 };
 export type IconName = keyof typeof iconMap;

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

@@ -18,6 +18,6 @@ export interface IconBaseProps {
      * If `null`, the default color present in icon is used.
      * @example `'B500'`, `'N200'`, `'G50'`, `'R700'`
      */
-    color: `${'B' | 'N' | 'G' | 'Y' | 'R' | 'V' | 'O'}${`${1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9}00` | '50'}` | 'white' | 'black' | null;
+    color: `${'B' | 'N' | 'G' | 'Y' | 'R' | 'V' | 'O'}${`${1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9}00` | '50' | '0'}` | 'white' | 'black' | null;
 }
 export {};

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

@@ -2,6 +2,17 @@ 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;
+/**
+ *
+ * @returns {string}
+ * @description Returns the no matching result text for the select component.
+ */
+export declare const getNoMatchingResultText: () => string;
+/**
+ * @param inputObj
+ * @returns {string}
+ * @description Returns the no options message for the select component.
+ */
 export declare const AppSelectorNoOptionsMessage: (inputObj: {
     inputValue: string;
 }) => string;

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

@@ -12,3 +12,4 @@ export declare const SelectPickerMenuList: <OptionValue>(props: MenuListProps<Se
 export declare const SelectPickerMultiValueLabel: <OptionValue, IsMulti extends boolean>({ getIsOptionValid, ...props }: MultiValueProps<SelectPickerOptionType<OptionValue>, true> & Pick<SelectPickerProps<OptionValue, IsMulti>["multiSelectProps"], "getIsOptionValid">) => JSX.Element;
 export declare const SelectPickerMultiValueRemove: (props: MultiValueRemoveProps) => JSX.Element;
 export declare const SelectPickerGroupHeading: <OptionValue>({ isGroupHeadingSelectable, ...props }: SelectPickerGroupHeadingProps<OptionValue>) => JSX.Element;
+export declare const renderLoadingMessage: () => JSX.Element;

package/dist/Shared/Components/TabGroup/TabGroup.helpers.d.ts

@@ -1,5 +1,5 @@
-import { TabProps } from './TabGroup.types';
-export declare const getTabIcon: ({ icon: Icon, showError, showWarning, className, }: Pick<TabProps, "showError" | "showWarning" | "icon"> & {
+import { TabGroupProps, TabProps } from './TabGroup.types';
+export declare const getTabIcon: ({ icon, showError, showWarning, className, size, active, }: Pick<TabProps, "showError" | "showWarning" | "icon" | "active"> & Pick<TabGroupProps, "size"> & {
     className: string;
 }) => JSX.Element;
 export declare const getTabBadge: (badge: TabProps["badge"], className: string) => JSX.Element;

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

@@ -2,6 +2,7 @@ import { LinkProps, NavLinkProps } from 'react-router-dom';
 import { ComponentSizeType } from '../../constants';
 import { DataAttributes } from '../../types';
 import { TooltipProps } from '@Common/Tooltip/types';
+import { IconName } from '../Icon';
 type TabComponentProps<TabTypeProps> = TabTypeProps & DataAttributes;
 type ConditionalTabType = {
     /**
@@ -79,10 +80,11 @@ export type TabProps = {
      */
     description?: string | string[];
     /**
-     * Icon component to be displayed in the tab.
-     * This should be a functional component that renders an SVG.
+     * Icon to be displayed in the tab.
+     * This can either be a functional component that renders a SVG
+     * or a string representing the name of the icon to be rendered by the Icon component.
      */
-    icon?: React.FunctionComponent<React.SVGProps<SVGSVGElement>>;
+    icon?: React.FunctionComponent<React.SVGProps<SVGSVGElement>> | IconName;
     /**
      * Badge number to be displayed on the tab, typically for notifications.
      */

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

@@ -1,7 +1,9 @@
+import { IconsProps } from '../Icon';
 import { TabGroupProps } from './TabGroup.types';
 export declare const getClassNameBySizeMap: ({ hideTopPadding, alignActiveBorderWithContainer, }: Pick<TabGroupProps, "hideTopPadding" | "alignActiveBorderWithContainer">) => Record<TabGroupProps["size"], {
     tabClassName: string;
     iconClassName: string;
     badgeClassName: string;
 }>;
+export declare const TAB_ICON_SIZE_MAP: Record<TabGroupProps['size'], IconsProps['size']>;
 export declare const tabGroupClassMap: Record<TabGroupProps['size'], string>;

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

@@ -77,4 +77,5 @@ export * from './FlagImage';
 export * from './DevtronLicenseCard';
 export * from './LoginBanner';
 export * from './Confetti';
+export * from './FramerComponents';
 export * from './ActionMenu';

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

@@ -3,3 +3,5 @@ export * from './useGetResourceKindsOptions';
 export * from './UseDownload';
 export * from './useForm';
 export * from './useStickyEvent';
+export * from './useOneTimePrompt';
+export * from './useUserPreferences';

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

@@ -57,6 +57,8 @@ export declare const useForm: <T extends Record<keyof T, any> = {}>(options?: {
         shouldDirty?: boolean;
         /** A boolean indicating whether to mark the field as touched after setting the value. */
         shouldTouch?: boolean;
+        /** A boolean indicating whether to trigger validation after setting the value. */
+        triggerError?: boolean;
     }) => void;
     reset: (formData: T, resetOptions?: {
         /** A boolean indicating whether to retain the current dirty state of the form fields. */
@@ -67,8 +69,14 @@ export declare const useForm: <T extends Record<keyof T, any> = {}>(options?: {
         keepErrors?: boolean;
         /** A boolean indicating whether the form should check for dirty state upon reset. */
         triggerDirty?: boolean;
+        /** A boolean indicating whether the form should check for errors upon reset. */
+        triggerError?: boolean;
         /** A boolean indicating whether the initial values of the form should be retained after reset. If false, provided formData will become initial data. */
         keepInitialValues?: boolean;
+        /** Partial initial values to override the current initial values upon reset.
+         * @note `keepInitialValues` will have no effect when this is provided.
+         */
+        formInitialValues?: Partial<T>;
     }) => void;
     /** An object representing additional form state. */
     formState: {

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

@@ -0,0 +1 @@
+export declare const ONE_TIME_PROMPT_LOCAL_STORAGE_KEY = "one-time-prompt-do-not-show-again";

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

@@ -0,0 +1 @@
+export * from './useOneTimePrompt';

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

@@ -0,0 +1,3 @@
+export interface UseOneTimePromptProps {
+    localStorageKey: string;
+}

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

@@ -0,0 +1,6 @@
+import { UseOneTimePromptProps } from './types';
+export declare const useOneTimePrompt: ({ localStorageKey }: UseOneTimePromptProps) => {
+    showPrompt: boolean;
+    handleClose: () => void;
+    handleDoNotShowAgainClose: () => void;
+};

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

@@ -0,0 +1,4 @@
+export { useUserPreferences } from './useUserPrefrences';
+export * from './constants';
+export * from './types';
+export { updateUserPreferences, getUserPreferences } from './service';

package/dist/Shared/Hooks/useUserPreferences/service.d.ts

@@ -0,0 +1,8 @@
+import { UserPreferencesType, UserPreferenceResourceProps } from './types';
+/**
+ * @returns UserPreferencesType
+ * @description This function fetches the user preferences from the server. It uses the `get` method to make a request to the server and retrieves the user preferences based on the `USER_PREFERENCES_ATTRIBUTE_KEY`. The result is parsed and returned as a `UserPreferencesType` object.
+ * @throws Will throw an error if the request fails or if the result is not in the expected format.
+ */
+export declare const getUserPreferences: () => Promise<UserPreferencesType>;
+export declare const updateUserPreferences: ({ path, value, shouldThrowError, }: UserPreferenceResourceProps) => Promise<boolean>;

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

@@ -0,0 +1,80 @@
+import { AppThemeType, BaseAppMetaData, ResourceKindType } from '../../index';
+import { ThemeConfigType, ThemePreferenceType } from '@Shared/Providers/ThemeProvider/types';
+import { USER_PREFERENCES_ATTRIBUTE_KEY } from '@Shared/Hooks/useUserPreferences/constants';
+export interface GetUserPreferencesQueryParamsType {
+    key: typeof USER_PREFERENCES_ATTRIBUTE_KEY;
+}
+export declare enum ViewIsPipelineRBACConfiguredRadioTabs {
+    ALL_ENVIRONMENTS = "All environments",
+    ACCESS_ONLY = "Access only"
+}
+export declare enum UserPreferenceResourceActions {
+    RECENTLY_VISITED = "recently-visited"
+}
+export interface UserResourceKindActionType {
+    [UserPreferenceResourceActions.RECENTLY_VISITED]: BaseAppMetaData[];
+}
+export interface UserPreferenceResourceType {
+    [ResourceKindType.devtronApplication]: UserResourceKindActionType;
+}
+export interface GetUserPreferencesParsedDTO {
+    viewPermittedEnvOnly?: boolean;
+    /**
+     * Computed app theme for the user
+     *
+     * Could be 'light' | 'dark' | 'system-light' | 'system-dark'
+     */
+    computedAppTheme?: AppThemeType | `system-${AppThemeType}`;
+    /**
+     * @description resources object with key as resource kind and value as ResourceType
+     *
+     */
+    resources?: UserPreferenceResourceType;
+}
+export interface UserPreferencesPayloadValueType extends GetUserPreferencesParsedDTO {
+}
+export interface UpdateUserPreferencesPayloadType extends Pick<GetUserPreferencesQueryParamsType, 'key'> {
+    value: string;
+}
+export interface UserPreferencesType {
+    /**
+     * Preferred theme for the user
+     * If null, would forcibly show user theme switcher dialog for user to select
+     */
+    themePreference?: ThemePreferenceType | null;
+    /**
+     * @type {ViewIsPipelineRBACConfiguredRadioTabs}
+     * @description pipelineRBACViewSelectedTab is used to store the selected tab in the pipeline RBAC view
+     * @default ViewIsPipelineRBACConfiguredRadioTabs.VIEW_PERMITTED_ENV
+     */
+    pipelineRBACViewSelectedTab?: ViewIsPipelineRBACConfiguredRadioTabs;
+    /**
+     * @description resources object
+     */
+    resources?: GetUserPreferencesParsedDTO['resources'];
+}
+export interface UpdatedUserPreferencesType extends UserPreferencesType, Pick<ThemeConfigType, 'appTheme'> {
+}
+export interface UseUserPreferencesProps {
+    migrateUserPreferences?: (userPreferencesResponse: UserPreferencesType) => Promise<UserPreferencesType>;
+}
+export type UserPathValueMapType = {
+    path: 'themePreference';
+    value: Required<Pick<UpdatedUserPreferencesType, 'themePreference' | 'appTheme'>>;
+} | {
+    path: 'pipelineRBACViewSelectedTab';
+    value: Required<Pick<UserPreferencesType, 'pipelineRBACViewSelectedTab'>>;
+} | {
+    path: 'resources';
+    value: Required<BaseAppMetaData[]>;
+};
+export type UserPreferenceResourceProps = UserPathValueMapType & {
+    shouldThrowError?: boolean;
+};
+export interface UserPreferenceRecentlyVisitedAppsTypes {
+    appId: number;
+    appName: string;
+}
+export interface UserPreferenceFilteredListTypes extends UserPreferenceRecentlyVisitedAppsTypes {
+    userPreferencesResponse: UserPreferencesType;
+}

package/dist/Shared/Hooks/useUserPreferences/useUserPrefrences.d.ts

@@ -0,0 +1,10 @@
+import { ServerErrors } from '../../../Common/ServerError';
+import { UserPreferenceRecentlyVisitedAppsTypes, UserPreferencesType, UseUserPreferencesProps, ViewIsPipelineRBACConfiguredRadioTabs } from './types';
+export declare const useUserPreferences: ({ migrateUserPreferences }: UseUserPreferencesProps) => {
+    userPreferences: UserPreferencesType;
+    userPreferencesError: ServerErrors;
+    handleFetchUserPreferences: () => Promise<void>;
+    handleUpdatePipelineRBACViewSelectedTab: (selectedTab: ViewIsPipelineRBACConfiguredRadioTabs) => void;
+    handleUpdateUserThemePreference: (themePreference: UserPreferencesType["themePreference"]) => void;
+    fetchRecentlyVisitedParsedApps: ({ appId, appName }: UserPreferenceRecentlyVisitedAppsTypes) => Promise<void>;
+};

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

@@ -0,0 +1,4 @@
+import { BaseAppMetaData } from '../../index';
+import { UserPreferenceFilteredListTypes, UserPreferenceResourceType } from './types';
+export declare const getUserPreferenceResourcesMetadata: (recentlyVisited: BaseAppMetaData[]) => UserPreferenceResourceType;
+export declare const getFilteredUniqueAppList: ({ userPreferencesResponse, appId, appName, }: UserPreferenceFilteredListTypes) => BaseAppMetaData[];

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

@@ -1,8 +1,6 @@
 import { AppConfigProps } from '../../Pages/index';
-import { EnvironmentDataValuesDTO, GetPolicyApiUrlProps, GetResourceApiUrlProps, UpdatedUserPreferencesType, UserPreferencesType } from './types';
+import { EnvironmentDataValuesDTO, GetPolicyApiUrlProps, GetResourceApiUrlProps } 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, { 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/types.d.ts

@@ -1,8 +1,10 @@
 import { MainContext } from '../Providers';
-import { AppThemeType, ThemeConfigType, ThemePreferenceType } from '@Shared/Providers/ThemeProvider/types';
 import { getUrlWithSearchParams } from '../../Common';
-import { PolicyKindType, ResourceKindType, ResourceVersionType, ViewIsPipelineRBACConfiguredRadioTabs } from '../types';
-import { USER_PREFERENCES_ATTRIBUTE_KEY } from './constants';
+import { PolicyKindType, ResourceKindType, ResourceVersionType } from '../types';
+export interface BaseAppMetaData {
+    appId: number;
+    appName: string;
+}
 export interface ClusterType {
     id: number;
     name: string;
@@ -37,31 +39,4 @@ export interface EnvironmentDataValuesDTO extends Pick<MainContext, 'featureGitO
     canOnlyViewPermittedEnvOrgLevel: boolean;
     devtronManagedLicensingEnabled: boolean;
 }
-export interface GetUserPreferencesQueryParamsType {
-    key: typeof USER_PREFERENCES_ATTRIBUTE_KEY;
-}
-export interface GetUserPreferencesParsedDTO {
-    viewPermittedEnvOnly?: boolean;
-    /**
-     * Computed app theme for the user
-     *
-     * Could be 'light' | 'dark' | 'system-light' | 'system-dark'
-     */
-    computedAppTheme: AppThemeType | `system-${AppThemeType}`;
-}
-export interface UserPreferencesPayloadValueType extends GetUserPreferencesParsedDTO {
-}
-export interface UpdateUserPreferencesPayloadType extends Pick<GetUserPreferencesQueryParamsType, 'key'> {
-    value: string;
-}
-export interface UserPreferencesType {
-    /**
-     * Preferred theme for the user
-     * If null, would forcibly show user theme switcher dialog for user to select
-     */
-    themePreference: ThemePreferenceType | null;
-    pipelineRBACViewSelectedTab: ViewIsPipelineRBACConfiguredRadioTabs;
-}
-export interface UpdatedUserPreferencesType extends UserPreferencesType, Pick<ThemeConfigType, 'appTheme'> {
-}
 export {};

package/dist/Shared/constants.d.ts

@@ -72,6 +72,18 @@ export declare enum TIMELINE_STATUS {
     HELM_MANIFEST_PUSHED_TO_HELM_REPO = "HELM_MANIFEST_PUSHED_TO_HELM_REPO",
     HELM_MANIFEST_PUSHED_TO_HELM_REPO_FAILED = "HELM_MANIFEST_PUSHED_TO_HELM_REPO_FAILED"
 }
+/**
+ * Constants for NO MATCHING result
+ */
+export declare const NO_MATCHING_RESULT = "No matching results";
+/**
+ * Constants for TYPE 3 CHARACTERS
+ */
+export declare const TYPE_3_CHARACTERS_TO_SEE_MATCHING_RESULTS = "Type 3 chars to see matching results";
+/**
+ * Constants for TYPE TO SEE MATCHING RESULTS
+ */
+export declare const TYPE_TO_SEE_MATCHING_RESULTS = "Type to see matching results";
 export declare const EMPTY_STATE_STATUS: {
     DATA_NOT_AVAILABLE: string;
     API_TOKEN: {

package/dist/Shared/types.d.ts

@@ -340,8 +340,7 @@ export declare enum CDMaterialSidebarType {
  * }
  * ```
  *
- * @example Usage with `PatchOperationType.remove`
- * Note: Value is not allowed for remove operation
+ * @example Usage with `PatchOperationType.remove` without value
  *
  * ```ts
  * const query: PatchQueryType<string> = {
@@ -349,8 +348,18 @@ export declare enum CDMaterialSidebarType {
  *  path: 'name'
  * }
  * ```
+ *
+ * @example Usage with `PatchOperationType.remove` with value
+ *
+ * ```ts
+ * const query: PatchQueryType<string, number, true> = {
+ *  op: PatchOperationType.remove,
+ *  path: 'name'
+ *  value: 1
+ * }
+ * ```
  */
-export type PatchQueryType<T extends string, K = unknown> = {
+export type PatchQueryType<T extends string, K = unknown, IsRemoveValueEnabled extends boolean = false> = {
     /**
      * The path of the json to be patched
      */
@@ -369,7 +378,7 @@ export type PatchQueryType<T extends string, K = unknown> = {
      * Operation type for patch
      */
     op: PatchOperationType.remove;
-    value?: never;
+    value?: IsRemoveValueEnabled extends true ? K : never;
 } | {
     /**
      * Operation type for add
@@ -841,10 +850,6 @@ export declare const TriggerType: {
     readonly Auto: "AUTOMATIC";
     readonly Manual: "MANUAL";
 };
-export declare enum ViewIsPipelineRBACConfiguredRadioTabs {
-    ALL_ENVIRONMENTS = "All environments",
-    ACCESS_ONLY = "Access only"
-}
 export type ComponentLayoutType = 'row' | 'column';
 export interface BorderConfigType {
     /**