@devtron-labs/devtron-fe-common-lib 1.20.3-pre-6 → 1.20.3-pre-7

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

@@ -6,12 +6,6 @@ declare class CoreAPI {
     host: string;
     timeout: number;
     constructor({ handleLogout, host, timeout, handleRedirectToLicenseActivation }: CoreAPIConstructorParamsType);
-    /**
-     * Constructs the final URL by detecting service paths and applying appropriate routing
-     * @param url - The endpoint URL
-     * @returns The final URL with correct base path
-     */
-    private constructUrl;
     private fetchAPI;
     /**
      * Merges multiple AbortSignals into a single AbortSignal that aborts
@@ -30,5 +24,6 @@ declare class CoreAPI {
     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>>;
+    setGlobalAPITimeout: (timeout: number) => void;
 }
 export default CoreAPI;

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

@@ -1,4 +1,4 @@
-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 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>>, setGlobalAPITimeout: (timeout: number) => void;
 export { default as CoreAPI } from './CoreAPI';
 export { QueryClientProvider } from './QueryClientProvider';
 export * from './reactQueryHooks';

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

@@ -1,6 +1,6 @@
 import { MutableRefObject } from 'react';
 import { RuntimeParamsAPIResponseType, RuntimePluginVariables } from '../Shared/types';
-import { TeamList, ResponseType, DeploymentNodeType, CDMaterialServiceEnum, CDMaterialServiceQueryParams, CDMaterialResponseType, CDMaterialFilterQuery, EnvironmentListHelmResponse, UserApprovalMetadataType, GlobalVariableOptionType, UserRole, APIOptions, EnvAppsMetaDTO, GetAppsInfoForEnvProps, EnvironmentsGroupedByClustersType, AppsGroupedByProjectsType } from './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>;
 export declare const SourceTypeMap: {
@@ -38,3 +38,4 @@ export declare const getGlobalVariables: ({ appId, isCD, abortControllerRef, }:
 export declare const getAppsInfoForEnv: ({ envId, appIds }: GetAppsInfoForEnvProps) => Promise<EnvAppsMetaDTO>;
 export declare const getAppOptionsGroupedByProjects: () => Promise<AppsGroupedByProjectsType>;
 export declare const getEnvironmentOptionsGroupedByClusters: () => Promise<EnvironmentsGroupedByClustersType>;
+export declare const getDetailedClusterList: (clusterIds?: number[], signal?: AbortSignal) => Promise<ClusterDetailListType[]>;

package/dist/Common/Constants.d.ts

@@ -1,10 +1,6 @@
 import { SelectPickerOptionType } from '../Shared/Components';
 export declare const FALLBACK_REQUEST_TIMEOUT = 60000;
 export declare const Host: string;
-export declare const SERVICE_PATHS: {
-    readonly ATHENA: "athena";
-    readonly ORCHESTRATOR: "orchestrator";
-};
 export declare const DOCUMENTATION_HOME_PAGE = "https://docs.devtron.ai";
 export declare const DEVTRON_HOME_PAGE = "https://devtron.ai/";
 export declare const DOCUMENTATION_VERSION = "/devtron/v1.7";
@@ -66,7 +62,6 @@ export declare const URLS: {
     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_CATALOG_FRAMEWORK: "/application-management/configurations/catalog-framework";
     readonly APPLICATION_MANAGEMENT_CONFIGURATIONS_SCOPED_VARIABLES: "/application-management/configurations/scoped-variables";
     readonly APPLICATION_MANAGEMENT_CONFIGURATIONS_BUILD_INFRA: "/application-management/configurations/build-infra";
     readonly APPLICATION_MANAGEMENT_CONFIGURATIONS_NOTIFICATIONS: "/application-management/configurations/notifications";
@@ -358,6 +353,7 @@ export declare const DATE_TIME_FORMATS: {
     DD_MMM_YYYY_HH_MM: string;
     DD_MMM_YYYY: string;
     'DD/MM/YYYY': string;
+    DD_MMM: string;
 };
 export declare const SEMANTIC_VERSION_DOCUMENTATION_LINK = "https://semver.org/";
 export declare const VULNERABILITIES_SORT_PRIORITY: {

package/dist/Common/Types.d.ts

@@ -4,7 +4,8 @@ import { UserGroupDTO } from '../Pages/GlobalConfigurations';
 import { ImageComment, ReleaseTag } from './ImageTags.Types';
 import { MandatoryPluginBaseStateType, RegistryType, RuntimePluginVariables, Severity, PolicyBlockInfo, TargetPlatformItemDTO, ComponentLayoutType, StatusType, DocLinkProps, DeploymentStrategyType, EnvironmentType } from '../Shared';
 import { ACTION_STATE, DEPLOYMENT_WINDOW_TYPE, DockerConfigOverrideType, RefVariableType, SortingOrder, TaskErrorObj, VariableTypeFormat } from '.';
-import { IllustrationName } from '../Shared/Components';
+import { IllustrationName, SelectPickerOptionType } from '../Shared/Components';
+import { ClusterStatusType } from '../Pages/ResourceBrowser';
 /**
  * Generic response type object with support for overriding the result type
  *
@@ -943,4 +944,28 @@ export type EnvironmentsGroupedByClustersType = {
     clusterName: EnvironmentType['cluster'];
     envList: EnvironmentType[];
 }[];
+export interface ClusterDetailDTO {
+    category: ClusterEnvironmentCategoryType;
+    cluster_name: string;
+    description: string;
+    id: number;
+    insecureSkipTlsVerify: boolean;
+    installationId: number;
+    isProd: boolean;
+    isVirtualCluster: boolean;
+    server_url: string;
+    sshTunnelConfig: any;
+    prometheus_url: string;
+    proxyUrl: string;
+    toConnectWithSSHTunnel: boolean;
+    clusterStatus: ClusterStatusType;
+}
+export interface ClusterDetailListType extends Omit<ClusterDetailDTO, 'server_url' | 'cluster_name' | 'prometheus_url' | 'id' | 'category' | 'clusterStatus'> {
+    serverUrl: ClusterDetailDTO['server_url'];
+    clusterName: ClusterDetailDTO['cluster_name'];
+    prometheusUrl: ClusterDetailDTO['prometheus_url'];
+    clusterId: ClusterDetailDTO['id'];
+    category: SelectPickerOptionType;
+    status: ClusterStatusType;
+}
 export {};

package/dist/Pages/ResourceBrowser/ResourceBrowser.Types.d.ts

@@ -1,4 +1,5 @@
-import { ReactNode, RefObject } from 'react';
+import { RefObject } from 'react';
+import { FiltersTypeEnum, TableViewWrapperProps } from '../../Shared/Components';
 import { Nodes, NodeType } from '../../Shared/types';
 export interface GVKType {
     Group: string;
@@ -136,8 +137,7 @@ export interface GVKOptionValueType {
     kind: string;
     apiVersion: string;
 }
-export interface ResourceRecommenderActionMenuProps {
-    children: ReactNode;
+export interface ResourceRecommenderActionMenuProps extends Pick<TableViewWrapperProps<K8sResourceDetailDataType, FiltersTypeEnum.URL>, 'filteredRows'> {
     lastScannedOn: string;
 }
 export {};

package/dist/Pages-Devtron-2.0/ApplicationManagement/Shared/index.d.ts

@@ -1 +1 @@
-export * from './PageHeader';
+export * from './ApplicationManagementIcon';

package/dist/Pages-Devtron-2.0/InfrastructureManagement/Shared/index.d.ts

@@ -1,2 +1 @@
-export * from './ApplicationManagementIcon';
 export * from './InfrastructureManagementIcon';

package/dist/Shared/Components/ActionMenu/useActionMenu.hook.d.ts

@@ -64,7 +64,7 @@ export declare const useActionMenu: <T extends string | number>({ id, position,
         itemRef?: string;
         results?: number;
         unselectable?: "on" | "off";
-        inputMode?: "search" | "text" | "none" | "url" | "tel" | "email" | "numeric" | "decimal";
+        inputMode?: "search" | "text" | "none" | "url" | "decimal" | "tel" | "email" | "numeric";
         "aria-activedescendant"?: string;
         "aria-atomic"?: boolean | "true" | "false";
         "aria-autocomplete"?: "none" | "list" | "inline" | "both";

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

@@ -1,3 +1,4 @@
 export { default as Chart } from './Chart.component';
 export { CHART_COLORS } from './constants';
 export type { ChartColorKey, ChartProps, ChartType, SimpleDataset, SimpleDatasetForPie } from './types';
+export { chartColorGenerator } from './utils';

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

@@ -1,9 +1,11 @@
-import { ChartOptions } from 'chart.js';
+import { ReactNode } from 'react';
+import { ChartOptions, TooltipOptions } from 'chart.js';
+import { TooltipProps } from '../../../Common/Tooltip';
 import { AppThemeType } from '../../Providers';
 import { Never } from '../../types';
 export type ChartType = 'area' | 'pie' | 'stackedBar' | 'stackedBarHorizontal' | 'line';
-type ColorTokensType = 'DeepPlum' | 'Magenta' | 'Slate' | 'Lavender' | 'SkyBlue' | 'AquaTeal' | 'LimeGreen' | 'CoralRed' | 'GoldenYellow' | 'CharcoalGray' | 'Gray';
-type VariantsType = 50 | 100 | 200 | 300 | 400 | 500 | 600 | 700 | 800 | 900 | 950;
+export type ColorTokensType = 'DeepPlum' | 'Magenta' | 'Slate' | 'Lavender' | 'SkyBlue' | 'AquaTeal' | 'LimeGreen' | 'CoralRed' | 'GoldenYellow' | 'CharcoalGray' | 'Gray';
+export type VariantsType = 50 | 100 | 200 | 300 | 400 | 500 | 600 | 700 | 800 | 900 | 950;
 export type ChartColorKey = `${ColorTokensType}${VariantsType}`;
 export type ChartTypeWithoutPie = Exclude<ChartType, 'pie'>;
 interface BaseSimpleDataset {
@@ -62,6 +64,13 @@ export type ChartProps = {
      * Callback function for chart click events
      */
     onChartClick?: ChartOptions['onClick'];
+    tooltipConfig?: {
+        getTooltipContent?: (args: Parameters<TooltipOptions['external']>[0]) => ReactNode;
+        /**
+         * @default 'top'
+         */
+        placement?: TooltipProps['placement'];
+    };
 } & TypeAndDatasetsType;
 export type TransformDatasetProps = {
     appTheme: AppThemeType;
@@ -81,5 +90,6 @@ export type TransformDataForChartProps = {
 } & TypeAndDatasetsType;
 export interface GetDefaultOptionsParams extends Pick<ChartProps, 'hideAxis' | 'onChartClick' | 'type' | 'xAxisMax' | 'yAxisMax'> {
     appTheme: AppThemeType;
+    externalTooltipHandler: TooltipOptions['external'];
 }
 export {};

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

@@ -1,7 +1,8 @@
-import { ChartDataset, ChartOptions, ChartType as ChartJSChartType } from 'chart.js';
+import { ReactNode } from 'react';
+import { ChartDataset, ChartOptions, ChartType as ChartJSChartType, TooltipOptions } from 'chart.js';
 import { ChartType, GetDefaultOptionsParams, TransformDataForChartProps } from './types';
 export declare const getChartJSType: (type: ChartType) => ChartJSChartType;
-export declare const getDefaultOptions: ({ type, appTheme, hideAxis, xAxisMax, yAxisMax, onChartClick, }: GetDefaultOptionsParams) => ChartOptions;
+export declare const getDefaultOptions: ({ type, appTheme, hideAxis, xAxisMax, yAxisMax, onChartClick, externalTooltipHandler, }: GetDefaultOptionsParams) => ChartOptions;
 export declare const transformDataForChart: (props: TransformDataForChartProps) => (ChartDataset<"line"> | {
     label: string;
     data: number[];
@@ -10,3 +11,5 @@ export declare const transformDataForChart: (props: TransformDataForChartProps)
     pointBackgroundColor: string | import('chart.js/dist/types/utils')._DeepPartialObject<CanvasGradient> | import('chart.js/dist/types/utils')._DeepPartialObject<CanvasPattern> | readonly (string | import('chart.js/dist/types/utils')._DeepPartialObject<CanvasGradient> | import('chart.js/dist/types/utils')._DeepPartialObject<CanvasPattern>)[] | ((ctx: import('chart.js').ScriptableContext<"line">, options: import('chart.js/dist/types/basic').AnyObject) => import('chart.js').Color);
     pointBorderColor: string | import('chart.js/dist/types/utils')._DeepPartialObject<CanvasGradient> | import('chart.js/dist/types/utils')._DeepPartialObject<CanvasPattern> | readonly (string | import('chart.js/dist/types/utils')._DeepPartialObject<CanvasGradient> | import('chart.js/dist/types/utils')._DeepPartialObject<CanvasPattern>)[] | ((ctx: import('chart.js').ScriptableContext<"line">, options: import('chart.js/dist/types/basic').AnyObject) => import('chart.js').Color);
 })[];
+export declare function chartColorGenerator(): Generator<"DeepPlum500" | "DeepPlum300" | "DeepPlum100" | "DeepPlum50" | "DeepPlum600" | "DeepPlum400" | "DeepPlum200" | "DeepPlum700" | "DeepPlum800" | "DeepPlum900" | "DeepPlum950" | "Magenta500" | "Magenta300" | "Magenta100" | "Magenta50" | "Magenta600" | "Magenta400" | "Magenta200" | "Magenta700" | "Magenta800" | "Magenta900" | "Magenta950" | "Slate500" | "Slate300" | "Slate100" | "Slate50" | "Slate600" | "Slate400" | "Slate200" | "Slate700" | "Slate800" | "Slate900" | "Slate950" | "Lavender500" | "Lavender300" | "Lavender100" | "Lavender50" | "Lavender600" | "Lavender400" | "Lavender200" | "Lavender700" | "Lavender800" | "Lavender900" | "Lavender950" | "SkyBlue500" | "SkyBlue300" | "SkyBlue100" | "SkyBlue50" | "SkyBlue600" | "SkyBlue400" | "SkyBlue200" | "SkyBlue700" | "SkyBlue800" | "SkyBlue900" | "SkyBlue950" | "AquaTeal500" | "AquaTeal300" | "AquaTeal100" | "AquaTeal50" | "AquaTeal600" | "AquaTeal400" | "AquaTeal200" | "AquaTeal700" | "AquaTeal800" | "AquaTeal900" | "AquaTeal950" | "LimeGreen500" | "LimeGreen300" | "LimeGreen100" | "LimeGreen50" | "LimeGreen600" | "LimeGreen400" | "LimeGreen200" | "LimeGreen700" | "LimeGreen800" | "LimeGreen900" | "LimeGreen950" | "CoralRed500" | "CoralRed300" | "CoralRed100" | "CoralRed50" | "CoralRed600" | "CoralRed400" | "CoralRed200" | "CoralRed700" | "CoralRed800" | "CoralRed900" | "CoralRed950" | "GoldenYellow500" | "GoldenYellow300" | "GoldenYellow100" | "GoldenYellow50" | "GoldenYellow600" | "GoldenYellow400" | "GoldenYellow200" | "GoldenYellow700" | "GoldenYellow800" | "GoldenYellow900" | "GoldenYellow950" | "CharcoalGray500" | "CharcoalGray300" | "CharcoalGray100" | "CharcoalGray50" | "CharcoalGray600" | "CharcoalGray400" | "CharcoalGray200" | "CharcoalGray700" | "CharcoalGray800" | "CharcoalGray900" | "CharcoalGray950" | "Gray500" | "Gray300" | "Gray100" | "Gray50" | "Gray600" | "Gray400" | "Gray200" | "Gray700" | "Gray800" | "Gray900" | "Gray950", void, unknown>;
+export declare const buildChartTooltipFromContext: ({ title, body, labelColors: labelColorsProp, }: Pick<Parameters<TooltipOptions["external"]>[0]["tooltip"], "title" | "body" | "labelColors">) => ReactNode;

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

@@ -0,0 +1,3 @@
+import { ClusterStatusIconProps } from './types';
+declare const ClusterStatusIcon: ({ clusterStatus, isVirtualCluster }: ClusterStatusIconProps) => JSX.Element;
+export default ClusterStatusIcon;

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

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

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

@@ -0,0 +1,5 @@
+import { ClusterStatusType } from '../../../Pages/ResourceBrowser';
+export interface ClusterStatusIconProps {
+    clusterStatus: ClusterStatusType;
+    isVirtualCluster: boolean;
+}

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

@@ -0,0 +1,2 @@
+import { ClusterStatusType } from '../../../Pages/ResourceBrowser';
+export declare const getBulletColorAccToStatus: (status: ClusterStatusType) => "bcg-5" | "bcr-5" | "bcy-5";

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

@@ -1,2 +1,2 @@
 import { ForceDeleteConfirmationProps } from './types';
-export declare const ForceDeleteConfirmationModal: ({ title, subtitle, onDelete, closeConfirmationModal, }: ForceDeleteConfirmationProps) => JSX.Element;
+export declare const ForceDeleteConfirmationModal: ({ title, subtitle, onDelete, closeConfirmationModal, isDeleting, }: ForceDeleteConfirmationProps) => JSX.Element;

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

@@ -135,7 +135,7 @@ export interface CannotDeleteModalProps extends Partial<Pick<DeleteConfirmationM
  * This interface extends selected properties from `DeleteConfirmationModalProps`
  * and `ConfirmationModalProps` to configure the force delete confirmation modal.
  */
-export interface ForceDeleteConfirmationProps extends Partial<Pick<DeleteConfirmationModalProps, 'onDelete' | 'closeConfirmationModal'>>, Partial<Pick<ConfirmationModalProps, 'title' | 'subtitle'>> {
+export interface ForceDeleteConfirmationProps extends Partial<Pick<DeleteConfirmationModalProps, 'onDelete' | 'closeConfirmationModal' | 'isDeleting'>>, Partial<Pick<ConfirmationModalProps, 'title' | 'subtitle'>> {
 }
 export interface ConfirmationModalContextType {
     settersRef: MutableRefObject<{

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

@@ -86,6 +86,7 @@ export declare const DOCUMENTATION: {
     readonly GLOBAL_CONFIG_PLUGINS_POLICY: "global-configurations/plugins-policy";
     readonly GLOBAL_CONFIG_APPROVAL_POLICY: "global-configurations/approval-policy";
     readonly GLOBAL_CONFIG_SSO_LOGIN_LDAP: "global-configurations/authorization/sso-login/ldap";
+    readonly GLOBAL_CONFIG_SSO_LOGIN_OIDC: "global-configurations/authorization/sso-login/oidc";
     readonly GLOBAL_CONFIG_SSO_LOGIN_MICROSOFT: "global-configurations/authorization/sso-login/microsoft";
     readonly GLOBAL_CONFIG_PULL_IMAGE_DIGEST: "global-configurations/pull-image-digest";
     readonly GLOBAL_CONFIG_TAGS: "getting-started/global-configurations/tags-policy";

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

@@ -0,0 +1,3 @@
+import { ExportToCsvProps } from './types';
+declare const ExportToCsv: <HeaderItemType extends string>({ apiPromise, fileName, triggerElementConfig, disabled, modalConfig, headers, downloadRequestId, }: ExportToCsvProps<HeaderItemType>) => JSX.Element;
+export default ExportToCsv;

package/dist/Shared/Components/ExportToCsv/ExportToCsvDialog.d.ts

@@ -0,0 +1,3 @@
+import { ExportToCsvDialogProps } from './types';
+declare const ExportToCsvDialog: ({ exportDataError, isLoading, initiateDownload, handleCancelRequest, }: ExportToCsvDialogProps) => JSX.Element;
+export default ExportToCsvDialog;

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

@@ -0,0 +1,2 @@
+export { default as ExportToCsv } from './ExportToCsv';
+export * from './types';

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

@@ -0,0 +1,64 @@
+import { ServerErrors } from '../../../Common/ServerError';
+import { APIOptions } from '../../../Common/Types';
+import { ButtonProps } from '../Button';
+type TriggerElementConfigType = {
+    buttonProps: ButtonProps;
+    showOnlyIcon?: boolean;
+    customButton?: never;
+    isExternalTrigger?: false;
+} | {
+    customButton: {
+        content: JSX.Element;
+        className: string;
+    };
+    buttonProps?: never;
+    showOnlyIcon?: false;
+    isExternalTrigger?: false;
+} | {
+    isExternalTrigger: true;
+    showOnlyIcon?: false;
+    buttonProps?: never;
+    customButton?: never;
+} | {
+    showOnlyIcon: true;
+    buttonProps?: never;
+    customButton?: never;
+    isExternalTrigger?: false;
+};
+export interface ExportToCsvProps<HeaderItemKeyType extends string> {
+    headers: {
+        label: string;
+        key: HeaderItemKeyType;
+    }[];
+    apiPromise: ({ signal, }: Pick<APIOptions, 'signal'>) => Promise<Record<HeaderItemKeyType, string | number | boolean>[]>;
+    fileName: string;
+    /**
+     * If nothing given will render a Button with "Export CSV" text
+     */
+    triggerElementConfig?: TriggerElementConfigType;
+    /**
+     * @default false
+     */
+    disabled?: boolean;
+    /**
+     * If not given would show default dialog
+     */
+    modalConfig?: {
+        hideDialog: false;
+        renderCustomModal?: (proceedWithDownload: (shouldProceed: boolean) => void) => JSX.Element;
+    } | {
+        hideDialog: true;
+        renderCustomModal?: never;
+    };
+    /**
+     * If given, would trigger export on when this changes and has some value
+     */
+    downloadRequestId?: string | number;
+}
+export interface ExportToCsvDialogProps {
+    isLoading: boolean;
+    exportDataError: ServerErrors;
+    initiateDownload: () => void;
+    handleCancelRequest: () => void;
+}
+export {};

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

@@ -10,6 +10,7 @@ export declare const iconMap: {
     'ic-app-template': import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement>>;
     'ic-argocd-app': import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement>>;
     'ic-arrow-clockwise': import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement>>;
+    'ic-arrow-line-down': import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement>>;
     'ic-arrow-right': import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement>>;
     'ic-arrow-square-out': import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement>>;
     'ic-arrows-clockwise': import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement>>;
@@ -27,6 +28,7 @@ export declare const iconMap: {
     'ic-bg-production-pipelines': import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement>>;
     'ic-bg-project': import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement>>;
     'ic-bg-scan': import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement>>;
+    'ic-bg-webhook': import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement>>;
     'ic-bharatpe': 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>>;
@@ -55,7 +57,6 @@ 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': 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-vms': import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement>>;
@@ -92,6 +93,7 @@ export declare const iconMap: {
     'ic-dockerhub': 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>>;
     'ic-edit': import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement>>;
     'ic-email': import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement>>;
     'ic-enterprise-feat': import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement>>;
@@ -120,6 +122,7 @@ export declare const iconMap: {
     'ic-folder': import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement>>;
     'ic-gavel': import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement>>;
     'ic-gear': import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement>>;
+    'ic-gift-animated': import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement>>;
     'ic-gift-gradient': import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement>>;
     'ic-gift': import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement>>;
     'ic-git-branch': import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement>>;
@@ -131,7 +134,6 @@ export declare const iconMap: {
     'ic-google-container-registry': import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement>>;
     'ic-google-gke': import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement>>;
     'ic-google': import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement>>;
-    'ic-graph-negative': import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement>>;
     'ic-grid-view': import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement>>;
     'ic-group-filter-applied': import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement>>;
     'ic-group-filter': import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement>>;
@@ -201,8 +203,10 @@ export declare const iconMap: {
     'ic-pause-circle': import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement>>;
     'ic-pencil': import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement>>;
     'ic-play-outline': import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement>>;
+    'ic-priority-medium-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-resize-handle': import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement>>;
     'ic-right-panel-collapse': import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement>>;
     'ic-rocket-gear': import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement>>;
@@ -231,6 +235,7 @@ export declare const iconMap: {
     'ic-strategy-recreate': import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement>>;
     'ic-strategy-rolling-color': import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement>>;
     'ic-strategy-rolling': import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement>>;
+    'ic-success-blue': import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement>>;
     'ic-success': import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement>>;
     'ic-sun': import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement>>;
     'ic-suspended': import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement>>;
@@ -262,18 +267,6 @@ export declare const iconMap: {
     '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>>;
-    'ic-bulb': import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement>>;
-    'ic-red-bulb': import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement>>;
-    'ic-failure-color': import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement>>;
-    'ic-dot-circle': import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement>>;
-    'ic-circle-progress': import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement>>;
-    'ic-piggybank': 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-spider': import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement>>;
-    'ic-vector': import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement>>;
 };
 export type IconName = keyof typeof iconMap;
 export interface IconsProps extends Omit<IconBaseProps, 'name' | 'iconMap'> {

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

@@ -27,7 +27,7 @@ export interface IconBaseProps {
      *
      * @example 'B500', 'N200', 'G50', 'R700'
      */
-    color?: IconBaseColorType;
+    color: IconBaseColorType;
     /**
      * A unique identifier for testing purposes, typically used in test automation.
      */

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

@@ -2,6 +2,7 @@ import { IllustrationBaseProps } from './types';
 export declare const illustrationMap: {
     'img-mechanical-operation': import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement>>;
     'img-code': string;
+    'img-devtron-freemium': string;
     'img-man-on-rocket': string;
     'img-no-result': string;
     'no-cluster-cost-enabled': string;

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

@@ -1,7 +1,7 @@
 import { Dispatch, FunctionComponent, MouseEvent, PropsWithChildren, SetStateAction } from 'react';
 import { GenericFilterEmptyStateProps } from '../../../Common/EmptyState/types';
 import { UseStateFiltersProps, UseStateFiltersReturnType, UseUrlFiltersProps, UseUrlFiltersReturnType } from '../../../Common/Hooks';
-import { APIOptions, GenericEmptyStateType } from '../../../Common/index';
+import { GenericEmptyStateType } from '../../../Common/index';
 import { PageSizeOption } from '../../../Common/Pagination/types';
 import { SortableTableHeaderCellProps, useResizableTableConfig } from '../../../Common/SortableTableHeaderCell';
 import { useBulkSelection, UseBulkSelectionProps } from '../BulkSelection';
@@ -177,7 +177,7 @@ export type InternalTableProps<RowData extends unknown, FilterVariant extends Fi
 } | {
     rows?: never;
     /** NOTE: Sorting on frontend is only handled if rows is provided instead of getRows */
-    getRows: (props: GetRowsProps, abortControllerRef: APIOptions['abortControllerRef']) => Promise<{
+    getRows: (props: GetRowsProps, signal: AbortSignal) => Promise<{
         rows: RowsType<RowData>;
         totalRows: number;
     }>;
@@ -206,9 +206,11 @@ export interface GetFilteringPromiseProps<RowData extends unknown> {
     searchSortTimeoutRef: React.MutableRefObject<number>;
     callback: () => Promise<RowsType<RowData>> | RowsType<RowData>;
 }
-export interface TableContentProps<RowData extends unknown, FilterVariant extends FiltersTypeEnum, AdditionalProps extends Record<string, any>> extends Pick<InternalTableProps<RowData, FilterVariant, AdditionalProps>, 'filterData' | 'rows' | 'resizableConfig' | 'additionalProps' | 'visibleColumns' | 'stylesConfig' | 'loading' | 'bulkSelectionConfig' | 'bulkSelectionReturnValue' | 'handleClearBulkSelection' | 'handleToggleBulkSelectionOnRow' | 'paginationVariant' | 'RowActionsOnHoverComponent' | 'pageSizeOptions' | 'getRows'> {
+export interface RowsResultType<RowData extends unknown> {
     filteredRows: RowsType<RowData>;
-    areFilteredRowsLoading: boolean;
     totalRows: number;
 }
+export interface TableContentProps<RowData extends unknown, FilterVariant extends FiltersTypeEnum, AdditionalProps extends Record<string, any>> extends Pick<InternalTableProps<RowData, FilterVariant, AdditionalProps>, 'filterData' | 'rows' | 'resizableConfig' | 'additionalProps' | 'visibleColumns' | 'stylesConfig' | 'loading' | 'bulkSelectionConfig' | 'bulkSelectionReturnValue' | 'handleClearBulkSelection' | 'handleToggleBulkSelectionOnRow' | 'paginationVariant' | 'RowActionsOnHoverComponent' | 'pageSizeOptions' | 'getRows'>, RowsResultType<RowData> {
+    areFilteredRowsLoading: boolean;
+}
 export {};

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

@@ -16,6 +16,7 @@ export * from './ButtonWithSelector';
 export * from './Charts';
 export * from './Chip';
 export * from './CICDHistory';
+export * from './ClusterStatusIcon';
 export * from './CMCS';
 export * from './CodeEditor';
 export * from './Collapse';
@@ -37,6 +38,7 @@ export * from './EditImageFormField';
 export * from './EnvironmentSelector';
 export * from './Error';
 export * from './ExcludedImageNode';
+export * from './ExportToCsv';
 export * from './FeatureDescription';
 export * from './FileUpload';
 export * from './FilterChips';

package/dist/Shared/Helpers.d.ts

@@ -104,4 +104,5 @@ export declare const getAppDetailsURL: (appId: number | string, envId?: number |
 export declare const smoothScrollToTop: (scrollContainer: HTMLElement, targetPosition: number) => import('framer-motion').AnimationPlaybackControls;
 export declare const getGroupVersionFromApiVersion: (apiVersion: string) => Pick<Node, "group" | "version">;
 export declare const YAMLtoJSON: (yamlString: string) => string;
+export declare const formatNumberToCurrency: (value: number, currency: string) => string;
 export {};

package/dist/assets/ic-arrow-line-down.b6a98848.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="M12 3.25V17.5m0 0-6.75-6.75M12 17.5l6.75-6.75m-15 9.75h16.5"/>
+</svg>

package/dist/assets/{ic-bg-build.7de825b3.svg → ic-bg-build.8609d0ea.svg}

@@ -1,6 +1,6 @@
 <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" fill="none" viewBox="0 0 24 24">
   <g clip-path="url(#a)">
-    <rect width="24" height="24" fill="#FFE5DE" rx="6"/>
+    <rect width="24" height="24" fill="var(--O100)" rx="6"/>
     <path fill="#8898A6" fill-rule="evenodd" d="M17.396 6.271 15.98 7.67a.452.452 0 0 0 0 .643l1.052 1.04c.18.177.47.177.65 0l1.416-1.4a.18.18 0 0 1 .298.08c.268.98.014 2.07-.764 2.838a2.986 2.986 0 0 1-3.13.672l-6.125 6.62a1.646 1.646 0 0 1-2.362.052 1.603 1.603 0 0 1 .06-2.343l6.713-5.984a2.902 2.902 0 0 1 .656-3.156 2.986 2.986 0 0 1 2.871-.755.175.175 0 0 1 .08.294Zm-9.679 10.79c0 .267.22.484.49.484s.49-.217.49-.485a.487.487 0 0 0-.49-.483c-.27 0-.49.216-.49.483Z" clip-rule="evenodd"/>
     <path fill="#F4910D" fill-rule="evenodd" d="m8.355 10.166 1.679-1.659 8.104 8.011c.32.316.32.829 0 1.145l-.52.514a.826.826 0 0 1-1.158 0l-8.105-8.011Z" clip-rule="evenodd"/>
     <path fill="#66757F" fill-rule="evenodd" d="m7.1 11.927.47-.465.044-.31a.485.485 0 0 1 .654-.38l2.098-2.074-.083-.655a1.49 1.49 0 0 1 .432-1.246 1.8 1.8 0 0 1 1.266-.518h.833c-1.312-1.296-2.55-1.368-3.716-.216L6.212 8.916a.826.826 0 0 1-.627.236L5.21 9.13l-.47.464a.803.803 0 0 0 0 1.145l1.201 1.188a.826.826 0 0 0 1.158 0Z" clip-rule="evenodd"/>

package/dist/assets/{ic-bg-production-pipelines.5965401c.svg → ic-bg-production-pipelines.2951cdc0.svg}

@@ -3,7 +3,7 @@
     <rect width="24" height="24" fill="#E9FBF4" rx="6"/>
     <path fill="#FF6B6B" d="M7.273 13.64c-1.055.055-2.858.653-2.684 1.903.44 3.172-3.027 4.19 1.588 4.19 2.321 0 3.785-1.018 4.006-3.155l-.627-2.423-2.283-.515Z"/>
     <path fill="#FFC266" d="M8.103 14.479c-.49.025-1.327.303-1.247.884.205 1.473-1.406 1.946.738 1.946 1.078 0 1.759-.473 1.861-1.466l-.237-1.197-1.115-.168Z"/>
-    <path fill="#F33E3E" d="M9.162 16.672c-.627 1.14-1.87 1.69-3.576 1.69-.668 0-1.167-.021-1.532-.067-.493 1.05-.733 1.44 2.123 1.44 2.321 0 3.785-1.019 4.006-3.156l-.527-.532-.18-.182a3.652 3.652 0 0 1-.052.182 1.569 1.569 0 0 1-.262.625Z"/>
+    <path fill="#C73232" d="M9.162 16.672c-.627 1.14-1.87 1.69-3.576 1.69-.668 0-1.167-.021-1.532-.067-.493 1.05-.733 1.44 2.123 1.44 2.321 0 3.785-1.019 4.006-3.156l-.527-.532-.18-.182a3.64 3.64 0 0 1-.052.182 1.569 1.569 0 0 1-.262.625Z"/>
     <path fill="#FFB549" d="M8.964 15.349c-.23.712-.859 1.053-1.776 1.053a8.38 8.38 0 0 1-.47-.01c-.27.676-.657.918.876.918.715 0 1.255-.208 1.568-.638.125-.173.214-.38.262-.625a1.87 1.87 0 0 0 .031-.203l-.49-.495Z"/>
     <path fill="#B6E9D3" d="m8.55 11.901-1.377.808c-.276.162-.23.597-.01.82l.11.11.83.84 1.352 1.364.728.735.38.383c.22.222.651.268.812-.01l.8-1.39-.905-3.519-2.72-.14Zm11.148-8.108c-.662-.122-1.867.006-3.335.508l.66 2.45 2.683.916c.5-1.491.625-2.713.498-3.376-.073-.387-.12-.426-.506-.498Z"/>
     <path fill="#1DAD70" d="M12.14 6.521c-1.838-.67-3.26-.364-4.703.954-.67.65-1.783 1.504-.863 2.432l1.143 1.154 3.286-1.675L12.14 6.52Zm5.365 5.416-3.09 1.289-1.408 3.175 1.143 1.155c.92.928 1.766-.196 2.41-.871.667-.745 1.855-2.163.945-4.748Z"/>
@@ -11,7 +11,8 @@
     <path fill="#7ACCAA" d="M19.49 3.765c.065.695-.08 1.815-.528 3.152l.744.75c.5-1.491.624-2.713.498-3.376-.073-.387-.12-.427-.506-.498a2.132 2.132 0 0 0-.208-.028Z"/>
     <path fill="#D0D4D9" d="M18.7 7.634a16.87 16.87 0 0 1-1.94 3.553 18.227 18.227 0 0 1-1.27 1.59 18.82 18.82 0 0 1-1.566 1.559c-.511.452-1.064.893-1.66 1.315l.516.522.227.229a18.857 18.857 0 0 0 4.497-4.465 16.884 16.884 0 0 0 1.942-3.553c.096-.244.183-.484.26-.717l-.744-.75a13.42 13.42 0 0 1-.261.717Z"/>
     <path fill="#7ACCAA" d="m11.268 14.646-.799 1.39c-.16.279-.592.233-.813.01l.527.533.38.383c.22.222.651.268.812-.01l.8-1.39-.907-.915Z"/>
-    <path fill="#168859" d="M17.504 11.937c-.151.213-.31.427-.476.64.215 1.812-.691 2.887-1.243 3.502-.529.554-1.192 1.41-1.922 1.187l.287.29c.92.928 1.766-.196 2.41-.871.667-.745 1.855-2.163.944-4.748ZM10.975 6.22A18.879 18.879 0 0 0 7 10.338l.718.725a18.877 18.877 0 0 1 4.422-4.54 5.755 5.755 0 0 0-1.164-.301Zm.847 6.395-1.282 1.294h-.002l-.176-.177-.177-.179 1.281-1.292a.25.25 0 1 1 .356.354Z"/>
+    <path fill="#168859" d="M17.504 11.937c-.151.213-.31.427-.476.64.215 1.812-.691 2.887-1.243 3.502-.529.554-1.192 1.41-1.922 1.187l.287.29c.92.928 1.766-.196 2.41-.871.667-.745 1.855-2.163.944-4.748ZM10.975 6.22A18.879 18.879 0 0 0 7 10.338l.718.725a18.877 18.877 0 0 1 4.422-4.54 5.755 5.755 0 0 0-1.164-.301Z"/>
+    <path fill="#95D199" d="m11.822 12.615-1.282 1.294h-.002l-.176-.177-.177-.179 1.281-1.292a.25.25 0 1 1 .356.354Z"/>
   </g>
   <defs>
     <clipPath id="a">

package/dist/assets/ic-bg-webhook.b455152d.svg

@@ -0,0 +1,13 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" fill="none" viewBox="0 0 24 24">
+  <g clip-path="url(#a)">
+    <rect width="24" height="24" fill="#EDF1F5" rx="6"/>
+    <path fill="#3B444C" fill-rule="evenodd" d="M12 6.273a1.636 1.636 0 0 1 1.43 2.433l2.115 3.529.053-.02a4.08 4.08 0 0 1 1.086-.208L16.91 12a4.09 4.09 0 1 1-2.782 7.09.818.818 0 0 1 1.113-1.2 2.454 2.454 0 1 0 .404-3.904.818.818 0 0 1-1.07-.2l-.054-.08-2.494-4.162-.026.001c-.863 0-1.57-.667-1.632-1.514l-.004-.122c0-.904.732-1.637 1.636-1.637Z" clip-rule="evenodd"/>
+    <path fill="#EB456D" d="M12 3.818a4.09 4.09 0 0 1 4.09 4.091.818.818 0 0 1-1.63.096l-.005-.096a2.455 2.455 0 1 0-3.584 2.18.818.818 0 0 1 .31 1.17l-2.634 4.085a1.636 1.636 0 1 1-1.376-.887l2.201-3.413-.03-.024A4.087 4.087 0 0 1 7.914 8.1l-.005-.192A4.09 4.09 0 0 1 12 3.82Z"/>
+    <path fill="#3B444C" fill-rule="evenodd" d="M6.746 12.734a.818.818 0 0 1-.491 1.048 2.456 2.456 0 1 0 3.286 2.453l.004-.144c0-.42.316-.766.723-.813l.096-.005h5.128a1.636 1.636 0 1 1 0 1.636h-4.394l-.008.048a4.093 4.093 0 0 1-3.822 3.22l-.177.005a4.09 4.09 0 0 1-1.393-7.938.818.818 0 0 1 1.048.49Z" clip-rule="evenodd"/>
+  </g>
+  <defs>
+    <clipPath id="a">
+      <path fill="#fff" d="M0 0h24v24H0z"/>
+    </clipPath>
+  </defs>
+</svg>

package/dist/assets/ic-edit-lines.57927b07.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="M3 15h6m7-1.5 2.834 2.765M3 9h10M3 3h17.5M3 21h3.938m7.161 0h-2.656a.442.442 0 0 1-.443-.443v-2.473a.444.444 0 0 1 .13-.313l6.641-6.641a.443.443 0 0 1 .626 0l2.473 2.473a.443.443 0 0 1 0 .626L14.1 21Z" vector-effect="non-scaling-stroke"/>
+</svg>

package/dist/assets/ic-gift-animated.d848dfa3.svg

@@ -0,0 +1 @@
+<svg width="50" height="50" viewBox="0 0 50 50" fill="none" xmlns="http://www.w3.org/2000/svg"><style>@keyframes top-move{0%,20%,to{transform:translateY(0)}10%{transform:translateY(-5px)}}@keyframes top-shake{0%,25%,5%,to{transform:rotate(0deg)}10%{transform:rotate(-8deg)}15%{transform:rotate(8deg)}}@keyframes bottom-jump{0%{transform:translateY(0)}5%{transform:translateY(-5px)}15%,to{transform:translateX(0)}}</style><g style="animation:bottom-jump 5s infinite ease-out;transform-origin:center;transform-box:fill-box"><path d="M8 27.996h34v19a3 3 0 0 1-3 3H11a3 3 0 0 1-3-3z" fill="#D0DBF7"/><path fill="#376CFB" d="M19 27.996h12v22H19z"/></g><g style="animation:top-move 5s infinite ease-out;transform-origin:center;transform-box:fill-box"><g style="animation:top-shake 5s infinite ease-out;transform-origin:center;transform-box:fill-box"><path d="M12.49 12.819c1.226-2.666 4.074-3.172 6.21-2.619 1.97.512 3.69 1.925 4.93 3.37 1.227 1.428 2.146 3.078 2.354 4.252l.208 1.174H16.036c-1.625 0-2.904-.794-3.56-2.037-.642-1.213-.632-2.734.014-4.14m5.708-.683c-1.58-.41-3.214.048-3.89 1.519-.427.928-.373 1.787-.065 2.37.293.553.87.971 1.793.971h7.526a11.3 11.3 0 0 0-1.449-2.124c-1.106-1.289-2.498-2.369-3.915-2.736" fill="#376CFB"/><path d="M37.51 12.819c-1.226-2.666-4.075-3.172-6.21-2.619-1.97.512-3.69 1.925-4.93 3.37-1.227 1.428-2.146 3.078-2.354 4.252l-.208 1.174h10.156c1.625 0 2.904-.794 3.56-2.037.642-1.213.632-2.734-.014-4.14m-5.708-.683c1.58-.41 3.214.048 3.89 1.519.427.928.373 1.787.065 2.37-.293.553-.87.971-1.793.971h-7.526a11.3 11.3 0 0 1 1.449-2.124c1.106-1.289 2.499-2.369 3.915-2.736" fill="#376CFB"/><path fill="#00173F" opacity=".15" d="M8 27.996h34v3H8z"/><rect x="5" y="16.996" width="40" height="11" rx="3" fill="#E6ECFF"/><path fill="#4294FF" d="M16 16.996h18v11H16z"/></g></g></svg>

package/dist/assets/{ic-graph-negative.d49ba2b7.svg → ic-priority-medium-fill.7bab0ff8.svg}

@@ -1,4 +1,4 @@
 <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" fill="none" viewBox="0 0 24 24">
-  <path fill="#F33E3E" d="M5.25 12h-1.5a1.5 1.5 0 0 0-1.5 1.5v6a1.5 1.5 0 0 0 1.5 1.5h1.5a1.5 1.5 0 0 0 1.5-1.5v-6a1.5 1.5 0 0 0-1.5-1.5Zm7.5-4.5h-1.5A1.5 1.5 0 0 0 9.75 9v10.5a1.5 1.5 0 0 0 1.5 1.5h1.5a1.5 1.5 0 0 0 1.5-1.5V9a1.5 1.5 0 0 0-1.5-1.5Z"/>
-  <path fill="#B1B7BC" d="M20.25 3h-1.5a1.5 1.5 0 0 0-1.5 1.5v15a1.5 1.5 0 0 0 1.5 1.5h1.5a1.5 1.5 0 0 0 1.5-1.5v-15a1.5 1.5 0 0 0-1.5-1.5Z" opacity=".4"/>
+  <path fill="#3B444C" d="M5.25 12h-1.5a1.5 1.5 0 0 0-1.5 1.5v6a1.5 1.5 0 0 0 1.5 1.5h1.5a1.5 1.5 0 0 0 1.5-1.5v-6a1.5 1.5 0 0 0-1.5-1.5Zm7.5-4.5h-1.5A1.5 1.5 0 0 0 9.75 9v10.5a1.5 1.5 0 0 0 1.5 1.5h1.5a1.5 1.5 0 0 0 1.5-1.5V9a1.5 1.5 0 0 0-1.5-1.5Z"/>
+  <path fill="#3B444C" d="M20.25 3h-1.5a1.5 1.5 0 0 0-1.5 1.5v15a1.5 1.5 0 0 0 1.5 1.5h1.5a1.5 1.5 0 0 0 1.5-1.5v-15a1.5 1.5 0 0 0-1.5-1.5Z" opacity=".4"/>
 </svg>