@odigos/ui-kit 0.0.210 → 0.0.212

package/lib/components/_v2/index.d.ts

@@ -24,6 +24,7 @@ export * from './note';
 export * from './radio';
 export * from './search';
 export * from './segment';
+export * from './stepper';
 export * from './table';
 export * from './tag';
 export * from './textarea';

package/lib/components/_v2/stepper/index.d.ts

@@ -0,0 +1,11 @@
+import { type FC } from 'react';
+export interface StepperProps {
+    currentStep: number;
+    data: {
+        step: number;
+        label: string;
+        forceDoneBadge?: boolean;
+    }[];
+    gap?: number;
+}
+export declare const Stepper: FC<StepperProps>;

package/lib/components/v2.js

@@ -1 +1 @@
-export{_ as Badge,B as Button,h as ButtonSize,dW as ButtonTab,dX as ButtonTabList,j as ButtonVariants,C as Checkbox,dY as CheckboxList,dZ as CheckboxSize,aM as CliCommand,aB as DataCard,o as Drawer,ay as DropData,aA as DropDataAlignX,az as DropDataAlignY,y as DropDown,b as FieldMessage,a as FieldTitle,d_ as Header,cy as HoverActions,a7 as IconButton,a8 as IconButtonSize,I as Input,f as InputList,d as InputTable,aJ as Island,L as Loader,d$ as Modal,e0 as Navbar,N as NoData,r as Note,e1 as Radio,e2 as RadioGroup,e3 as RadioSize,q as Search,aw as SectionCard,e4 as SectionCardSize,v as Segment,ac as SegmentSize,aP as StatusCard,aH as Table,aI as TableVariant,e5 as Tag,w as TextArea,aQ as TextCard,T as Toggle,e as ToggleLabelAlign,e6 as ToggleList,ak as ToggleSize,e7 as ToggleVariant,t as Typography,p as TypographySize,al as TypographyVariants,W as WarningModal}from"../chunks/ui-components-CxdeQcW1.js";import"../icons.js";import"react/jsx-runtime";import"styled-components";import"zustand";import"react";import"javascript-time-ago";import"../chunks/vendor-D99eCWta.js";import"@xyflow/react";import"react-dom";import"prism-react-renderer";import"react-error-boundary";import"lottie-react";import"virtua";
+export{a3 as Badge,B as Button,h as ButtonSize,dZ as ButtonTab,d_ as ButtonTabList,j as ButtonVariants,C as Checkbox,d$ as CheckboxList,e0 as CheckboxSize,aO as CliCommand,aC as DataCard,p as Drawer,az as DropData,aB as DropDataAlignX,aA as DropDataAlignY,E as DropDown,b as FieldMessage,a as FieldTitle,e1 as Header,cC as HoverActions,aa as IconButton,ab as IconButtonSize,I as Input,f as InputList,d as InputTable,aK as Island,L as Loader,e2 as Modal,e3 as Navbar,N as NoData,s as Note,e4 as Radio,e5 as RadioGroup,e6 as RadioSize,r as Search,ax as SectionCard,e7 as SectionCardSize,x as Segment,af as SegmentSize,aR as StatusCard,aL as Stepper,aI as Table,aJ as TableVariant,e8 as Tag,y as TextArea,aS as TextCard,T as Toggle,e as ToggleLabelAlign,e9 as ToggleList,ak as ToggleSize,ea as ToggleVariant,v as Typography,q as TypographySize,al as TypographyVariants,W as WarningModal}from"../chunks/ui-components-DQ5eBxQh.js";import"../icons.js";import"react/jsx-runtime";import"styled-components";import"zustand";import"react";import"javascript-time-ago";import"../chunks/vendor-C150cdxb.js";import"@xyflow/react";import"react-dom";import"prism-react-renderer";import"react-error-boundary";import"lottie-react";import"virtua";

package/lib/components.js

@@ -1 +1 @@
-export{bo as AutocompleteInput,bI as Badge,bK as Button,bb as CancelWarning,n as CenterThis,aV as Checkbox,cP as Code,bf as ConditionDetails,bg as DataCard,aT as DataCardFieldTypes,cg as DataCardFields,dG as DataFinger,bM as DataTab,ba as DeleteWarning,cw as DescribeRow,D as Divider,b4 as DocsButton,b9 as Drawer,dH as DrawerFooter,dI as DrawerHeader,c2 as Dropdown,dJ as ErrorBoundary,c7 as ExtendArrow,aL as FadeLoader,aW as FieldError,aU as FieldLabel,F as FlexColumn,g as FlexRow,dK as Header,b0 as IconButton,cH as IconGroup,bC as IconTitleBadge,bx as IconWrapped,cs as IconsNav,dL as ImageControlled,aX as Input,a$ as InputList,aY as InputTable,bF as InteractiveTable,a_ as KeyValueInputsList,dM as LoadingText,bl as Modal,bm as ModalBody,b5 as MonitorsCheckboxes,bz as MonitorsIcons,bp as NavigationButtons,bG as NoDataFound,bn as NotificationNote,dN as Overlay,aG as PageContent,bZ as Popup,cJ as PopupForm,cO as ScrollX,S as ScrollY,b3 as SectionTitle,b2 as Segment,b$ as SelectionButton,bR as SkeletonLoader,br as Status,cf as Stepper,dO as TabList,bA as TableContainer,bB as TableTitleWrap,bE as TableWrap,ci as Tag,b7 as Text,b6 as TextArea,aZ as Toggle,cM as ToggleCodeComponent,O as Tooltip,bH as TraceLoader,aS as UpgradeRequiredWrapper,b_ as VerticalScroll,cl as WarningModal,dP as WhiteSpace,dQ as getLinksFromText,dR as getStrongsFromText,dS as renderText}from"./chunks/ui-components-CxdeQcW1.js";import"./icons.js";import"react/jsx-runtime";import"styled-components";import"zustand";import"react";import"javascript-time-ago";import"./chunks/vendor-D99eCWta.js";import"@xyflow/react";import"react-dom";import"prism-react-renderer";import"react-error-boundary";import"lottie-react";import"virtua";
+export{bq as AutocompleteInput,bK as Badge,bM as Button,bd as CancelWarning,o as CenterThis,aX as Checkbox,cT as Code,bh as ConditionDetails,bi as DataCard,aV as DataCardFieldTypes,cj as DataCardFields,dJ as DataFinger,bO as DataTab,bc as DeleteWarning,cA as DescribeRow,D as Divider,b6 as DocsButton,bb as Drawer,dK as DrawerFooter,dL as DrawerHeader,c4 as Dropdown,dM as ErrorBoundary,ca as ExtendArrow,aN as FadeLoader,aY as FieldError,aW as FieldLabel,F as FlexColumn,g as FlexRow,dN as Header,b2 as IconButton,cL as IconGroup,bE as IconTitleBadge,bz as IconWrapped,cw as IconsNav,dO as ImageControlled,aZ as Input,b1 as InputList,a_ as InputTable,bH as InteractiveTable,b0 as KeyValueInputsList,dP as LoadingText,bn as Modal,bo as ModalBody,b7 as MonitorsCheckboxes,bB as MonitorsIcons,br as NavigationButtons,bI as NoDataFound,bp as NotificationNote,dQ as Overlay,aH as PageContent,b$ as Popup,cN as PopupForm,cS as ScrollX,S as ScrollY,b5 as SectionTitle,b4 as Segment,c1 as SelectionButton,bT as SkeletonLoader,bt as Status,ci as Stepper,dR as TabList,bC as TableContainer,bD as TableTitleWrap,bG as TableWrap,cl as Tag,b9 as Text,b8 as TextArea,a$ as Toggle,cQ as ToggleCodeComponent,Y as Tooltip,bJ as TraceLoader,aU as UpgradeRequiredWrapper,c0 as VerticalScroll,co as WarningModal,dS as WhiteSpace,dT as getLinksFromText,dU as getStrongsFromText,dV as renderText}from"./chunks/ui-components-DQ5eBxQh.js";import"./icons.js";import"react/jsx-runtime";import"styled-components";import"zustand";import"react";import"javascript-time-ago";import"./chunks/vendor-C150cdxb.js";import"@xyflow/react";import"react-dom";import"prism-react-renderer";import"react-error-boundary";import"lottie-react";import"virtua";

package/lib/constants/destinations/index.d.ts

@@ -1,5 +1,6 @@
 export declare enum DestinationCategoryTypes {
     ALL = "all",
+    UNSAVED = "unsaved",
     EXISTS = "exists",
     DETECTED = "detected",
     SELF_HOSTED = "self-hosted",
@@ -10,6 +11,10 @@ export declare const DESTINATION_CATEGORIES: {
         TITLE: string;
         DESCRIPTION: string;
     };
+    unsaved: {
+        TITLE: string;
+        DESCRIPTION: string;
+    };
     exists: {
         TITLE: string;
         DESCRIPTION: string;

package/lib/constants/strings/index.d.ts

@@ -1,5 +1,7 @@
 export declare const DOCS_BASE_URL = "https://docs.odigos.io";
 export declare const DEFAULT_DATA_STREAM_NAME = "default";
+export declare const DEFAULT_CLUSTER_ID = "this-cluster";
+export declare const DEFAULT_CLUSTER_NAME = "This Cluster";
 export declare const STORAGE_KEYS: {
     SELECTED_DATA_STREAM: string;
     SELECTED_DATA_STREAM_WITH_PROXY: (proxyId: string) => string;
@@ -62,7 +64,16 @@ export declare const DISPLAY_TITLES: {
     TRY_SEARCH_OR_OTHER_NAMESPACE: string;
     PLEASE_MAKE_SURE_UNIGNORED_NAMESPACES: string;
     INSTALLATION: string;
+    SOURCES_SETUP: string;
+    DESTINATIONS_SETUP: string;
     SUMMARY: string;
+    REVIEW_SETUP: string;
+    NO_SOURCES_SELECTED: string;
+    ADD_SOURCE_PROMPT: string;
+    NO_DESTINATIONS_SELECTED: string;
+    ADD_DESTINATION_PROMPT: string;
+    GET_STARTED_WITH: string;
+    GET_STARTED_DESCRIPTION: string;
     TYPE: string;
     NOTES: string;
     STATUS: string;
@@ -133,6 +144,7 @@ export declare const DISPLAY_TITLES: {
     ADD_DESTINATION_DRAWER_DESCRIPTION: string;
 };
 export declare const BUTTON_TEXTS: {
+    GET_STARTED: string;
     ADD: string;
     ADD_NEW: string;
     NEW: string;

package/lib/constants.js

@@ -1 +1 @@
-export{a2 as ACTION_ATTRIBUTE_OPTIONS,be as ACTION_OPTIONS,a3 as ACTION_SAMPLER_OPTIONS,aF as BUTTON_TEXTS,ap as DEFAULT_DATA_STREAM_NAME,aa as DESTINATION_CATEGORIES,$ as DISPLAY_LANGUAGES,a5 as DISPLAY_TITLES,u as DOCS_BASE_URL,a9 as DestinationCategoryTypes,a6 as FORM_ALERTS,ae as INSTRUMENTATION_RULE_OPTIONS,ds as LANGUAGE_OPTIONS,M as MONITORS_OPTIONS,dt as OTEL_DISTRO_NAME_OPTIONS,c3 as STORAGE_KEYS,du as TOKEN_ABOUT_TO_EXPIRE}from"./chunks/ui-components-CxdeQcW1.js";import"./icons.js";import"react/jsx-runtime";import"styled-components";import"zustand";import"react";import"javascript-time-ago";import"./chunks/vendor-D99eCWta.js";import"@xyflow/react";import"react-dom";import"prism-react-renderer";import"react-error-boundary";import"lottie-react";import"virtua";
+export{a7 as ACTION_ATTRIBUTE_OPTIONS,bg as ACTION_OPTIONS,a8 as ACTION_SAMPLER_OPTIONS,aG as BUTTON_TEXTS,aq as DEFAULT_CLUSTER_ID,ap as DEFAULT_CLUSTER_NAME,c9 as DEFAULT_DATA_STREAM_NAME,ad as DESTINATION_CATEGORIES,a4 as DISPLAY_LANGUAGES,a9 as DISPLAY_TITLES,w as DOCS_BASE_URL,ac as DestinationCategoryTypes,U as FORM_ALERTS,ag as INSTRUMENTATION_RULE_OPTIONS,dw as LANGUAGE_OPTIONS,M as MONITORS_OPTIONS,dx as OTEL_DISTRO_NAME_OPTIONS,c5 as STORAGE_KEYS,dy as TOKEN_ABOUT_TO_EXPIRE}from"./chunks/ui-components-DQ5eBxQh.js";import"./icons.js";import"react/jsx-runtime";import"styled-components";import"zustand";import"react";import"javascript-time-ago";import"./chunks/vendor-C150cdxb.js";import"@xyflow/react";import"react-dom";import"prism-react-renderer";import"react-error-boundary";import"lottie-react";import"virtua";

package/lib/containers/_v2/_drawers/add-action-drawer/index.d.ts

@@ -3,8 +3,8 @@ import { type HeaderProps } from '@/components/_v2/drawer/header';
 import { type CreateActionFunc } from '@/types';
 export interface AddActionDrawerProps {
     onClose: HeaderProps['onClose'];
-    selectedConnectionIds: string[];
-    setSelectedConnectionIds: Dispatch<SetStateAction<string[]>>;
+    selectedConnectionIds?: string[];
+    setSelectedConnectionIds?: Dispatch<SetStateAction<string[]>>;
     createAction: CreateActionFunc;
 }
 export declare const AddActionDrawer: FC<AddActionDrawerProps>;

package/lib/containers/_v2/_drawers/add-destination-drawer/form-column/index.d.ts

@@ -1,9 +1,6 @@
-import type { SelectedArea } from '../types';
-import type { GenericFormResult } from '@/hooks';
-import { WideDrawerProps } from '@/snippets/_v2';
-import type { DestinationFormData } from '@/types';
+import type { WideDrawerProps } from '@/snippets/_v2';
+import { AddDestinationFormProps } from '@/containers/_v2/_forms/add-destination-form';
 export interface FormColumnProps {
-    selectedArea: SelectedArea | null;
-    genericForm: GenericFormResult<DestinationFormData>;
+    testConnection: AddDestinationFormProps['testConnection'];
 }
-export declare const formColumn: ({ selectedArea, genericForm }: FormColumnProps) => WideDrawerProps["leftColumn"];
+export declare const formColumn: ({ testConnection }: FormColumnProps) => WideDrawerProps["leftColumn"];

package/lib/containers/_v2/_drawers/add-destination-drawer/helpers.d.ts

@@ -1,14 +1,6 @@
-import { SelectedArea } from './types';
-import { GenericFormResult } from '@/hooks';
-import { type DestinationDynamicField, type DestinationFormData, type DestinationOption, type DestinationYamlProperties, type GetDestinationCategoriesResult, type GetPotentialDestinationsResult } from '@/types';
+import type { DestinationOption, GetDestinationCategoriesResult, GetPotentialDestinationsResult } from '@/types';
 export declare const getOptionsFromResults: (categoriesResult?: GetDestinationCategoriesResult, detectedResult?: GetPotentialDestinationsResult) => {
     detectedDestinations: DestinationOption[];
     selfHostedDestinations: DestinationOption[];
     managedDestinations: DestinationOption[];
 };
-export declare const buildDynamicFields: (fields: DestinationYamlProperties[]) => DestinationDynamicField[];
-export declare const INITIAL_FORM_DATA: (currentStreamName: string) => DestinationFormData;
-export declare const validateForm: (selectedArea: SelectedArea | null, genericForm: GenericFormResult<DestinationFormData>) => {
-    isOk: boolean;
-    preparedFormData: DestinationFormData;
-};

package/lib/containers/_v2/_drawers/add-destination-drawer/index.d.ts

@@ -1,12 +1,17 @@
 import { type FC, type Dispatch, type SetStateAction } from 'react';
-import { type HeaderProps } from '@/components/_v2/drawer/header';
-import { type CreateDestinationFunc, type GetDestinationCategoriesFunc, type GetPotentialDestinationsFunc } from '@/types';
+import type { HeaderProps } from '@/components/_v2/drawer/header';
+import { type UnsavedDestination } from '../../_forms';
+import type { CreateDestinationFunc, GetDestinationCategoriesFunc, GetPotentialDestinationsFunc, TestConnectionFunc } from '@/types';
 export interface AddDestinationDrawerProps {
-    onClose: HeaderProps['onClose'];
-    selectedConnectionIds: string[];
-    setSelectedConnectionIds: Dispatch<SetStateAction<string[]>>;
+    onClose?: HeaderProps['onClose'];
+    onBack?: (input: UnsavedDestination[]) => void;
+    onNext?: (input: UnsavedDestination[]) => void;
+    selectedConnectionIds?: string[];
+    setSelectedConnectionIds?: Dispatch<SetStateAction<string[]>>;
     getDestinationCategories: GetDestinationCategoriesFunc;
     getPotentialDestinations: GetPotentialDestinationsFunc;
+    initialInputs?: UnsavedDestination[] | null;
+    testConnection: TestConnectionFunc;
     createDestination: CreateDestinationFunc;
 }
 export declare const AddDestinationDrawer: FC<AddDestinationDrawerProps>;

package/lib/containers/_v2/_drawers/add-destination-drawer/lists-column/index.d.ts

@@ -1,13 +1,11 @@
+import type { Filters } from '../types';
 import { WideDrawerProps } from '@/snippets/_v2';
-import type { DestinationOption } from '@/types';
-import type { Filters, SelectedArea } from '../types';
 import { DestinationCategoryTypes } from '@/constants';
+import { type DestinationOption } from '@/types';
 export interface ListsColumnProps {
     isFetching: boolean;
     destinationsByCategory: Record<DestinationCategoryTypes, DestinationOption[]>;
     searchText: string;
     filters: Filters;
-    selectedArea: SelectedArea | null;
-    onSelect: (area: SelectedArea) => void;
 }
-export declare const listsColumn: ({ isFetching, destinationsByCategory, searchText, filters, selectedArea, onSelect }: ListsColumnProps) => WideDrawerProps["leftColumn"];
+export declare const listsColumn: ({ isFetching, destinationsByCategory, searchText, filters }: ListsColumnProps) => WideDrawerProps["leftColumn"];

package/lib/containers/_v2/_drawers/add-destination-drawer/types.d.ts

@@ -1,11 +1,6 @@
+import type { SignalType } from '@/types';
 import { DestinationCategoryTypes } from '@/constants';
-import type { DestinationDynamicField, DestinationOption, SignalType } from '@/types';
 export interface Filters {
     categoryType: DestinationCategoryTypes | null;
     signalType: SignalType | null;
 }
-export interface SelectedArea {
-    listType: DestinationCategoryTypes;
-    option: DestinationOption;
-    dynamicFields: DestinationDynamicField[];
-}

package/lib/containers/_v2/_drawers/add-rule-drawer/index.d.ts

@@ -3,8 +3,8 @@ import { type HeaderProps } from '@/components/_v2/drawer/header';
 import { type CreateInstrumentationRuleFunc } from '@/types';
 export interface AddRuleDrawerProps {
     onClose: HeaderProps['onClose'];
-    selectedConnectionIds: string[];
-    setSelectedConnectionIds: Dispatch<SetStateAction<string[]>>;
+    selectedConnectionIds?: string[];
+    setSelectedConnectionIds?: Dispatch<SetStateAction<string[]>>;
     createInstrumentationRule: CreateInstrumentationRuleFunc;
 }
 export declare const AddRuleDrawer: FC<AddRuleDrawerProps>;

package/lib/containers/_v2/_drawers/add-source-drawer/index.d.ts

@@ -1,10 +1,15 @@
 import { type FC, type Dispatch, type SetStateAction } from 'react';
-import { type PersistSourcesFunc, GetAllClusterSnapshots } from '@/types';
+import { type HeaderProps } from '@/components/_v2/drawer/header';
+import { type PersistSourceInput, type PersistSourcesFunc, type GetAllClusterSnapshots, type FetchNamespacesWithWorkloads } from '@/types';
 export interface AddSourceDrawerProps {
-    onClose: () => void;
-    selectedConnectionIds: string[];
-    setSelectedConnectionIds: Dispatch<SetStateAction<string[]>>;
-    getAllClusterSnapshots: GetAllClusterSnapshots;
+    onClose?: HeaderProps['onClose'];
+    onBack?: (input: PersistSourceInput) => void;
+    onNext?: (input: PersistSourceInput) => void;
+    selectedConnectionIds?: string[];
+    setSelectedConnectionIds?: Dispatch<SetStateAction<string[]>>;
+    getAllClusterSnapshots?: GetAllClusterSnapshots;
+    fetchNamespacesWithWorkloads?: FetchNamespacesWithWorkloads;
+    initialInputs?: PersistSourceInput | null;
     persistSources: PersistSourcesFunc;
 }
 export declare const AddSourceDrawer: FC<AddSourceDrawerProps>;

package/lib/containers/_v2/_drawers/add-source-drawer/namespaces-column/list/index.d.ts

@@ -2,6 +2,7 @@ import { type Dispatch, type SetStateAction, type FC } from 'react';
 import type { VisibleNamespace } from '../../utils';
 import type { HandleSourceChangeFunc, SelectedArea } from '../../types';
 export interface ListProps {
+    withCollapse: boolean;
     clusterId: string;
     clusterName: string;
     namespaces: VisibleNamespace[];

package/lib/containers/_v2/_forms/add-destination-form/context.d.ts

@@ -0,0 +1,36 @@
+import React, { type FC, Dispatch, SetStateAction } from 'react';
+import { type GenericFormResult } from '@/hooks';
+import { DestinationCategoryTypes } from '@/constants';
+import { type DestinationDynamicField, type DestinationFormData, type DestinationOption, type TestConnectionResponse } from '@/types';
+interface ActiveForm {
+    listType: DestinationCategoryTypes;
+    option: DestinationOption;
+    dynamicFields: DestinationDynamicField[];
+    errorMessage?: string;
+    unsavedIdx?: number;
+}
+export interface UnsavedDestination {
+    option: DestinationOption;
+    formData: DestinationFormData;
+    testResult?: TestConnectionResponse;
+}
+interface AddDestinationFormContextType {
+    activeForm: ActiveForm | null;
+    onChangeActiveForm: (payload: Omit<ActiveForm, 'dynamicFields'> | null) => void;
+    genericForm?: GenericFormResult<DestinationFormData>;
+    validateFormData: () => {
+        errorMessage?: string;
+        preparedFormData: DestinationFormData;
+    };
+    unsavedDestinations: UnsavedDestination[];
+    thisUnsavedDestination?: UnsavedDestination;
+    setUnsavedDestinations: Dispatch<SetStateAction<UnsavedDestination[]>>;
+    addUnsavedDestination: (payload: Omit<UnsavedDestination, 'option'>) => void;
+    updateUnsavedDestination: (idx: number, payload: Omit<UnsavedDestination, 'option'>) => void;
+    deleteUnsavedDestination: (idx: number) => void;
+}
+export declare const AddDestinationFormContextProvider: FC<{
+    children: React.ReactNode;
+}>;
+export declare const useAddDestinationFormContext: () => AddDestinationFormContextType;
+export {};

package/lib/containers/_v2/_forms/add-destination-form/dynamic-fields/index.d.ts

@@ -4,5 +4,6 @@ import { DestinationDynamicField, DestinationFormData, SignalType } from '@/type
 export interface DynamicFieldsProps extends Pick<GenericFormResult<DestinationFormData>, 'formData' | 'handleFormChange' | 'formErrors'> {
     signals: SignalType[];
     fields: DestinationDynamicField[];
+    disabled?: boolean;
 }
 export declare const DynamicFields: FC<DynamicFieldsProps>;

package/lib/containers/_v2/_forms/add-destination-form/index.d.ts

@@ -1,8 +1,7 @@
 import { type FC } from 'react';
-import { GenericFormResult } from '@/hooks';
-import { type DestinationFormData, type DestinationOption, DestinationDynamicField } from '@/types';
-export interface AddDestinationFormProps extends GenericFormResult<DestinationFormData> {
-    option: DestinationOption;
-    dynamicFields: DestinationDynamicField[];
+import { type TestConnectionFunc } from '@/types';
+export * from './context';
+export interface AddDestinationFormProps {
+    testConnection: TestConnectionFunc;
 }
 export declare const AddDestinationForm: FC<AddDestinationFormProps>;

package/lib/containers/_v2/central-connections/index.d.ts

@@ -1,5 +1,5 @@
 import { type FC, type CSSProperties } from 'react';
-import { type Connection, type GetEffectiveConfigFunc, type ApplyConfigurationsFunc, type GetAllClusterSnapshots, type PersistSourcesFunc, type GetDestinationCategoriesFunc, type GetPotentialDestinationsFunc, type CreateDestinationFunc, type CreateActionFunc, type CreateInstrumentationRuleFunc } from '@/types';
+import { type Connection, type GetEffectiveConfigFunc, type ApplyConfigurationsFunc, type GetAllClusterSnapshots, type PersistSourcesFunc, type GetDestinationCategoriesFunc, type GetPotentialDestinationsFunc, type CreateDestinationFunc, type CreateActionFunc, type CreateInstrumentationRuleFunc, TestConnectionFunc } from '@/types';
 export interface CentralConnectionsProps {
     tableRowsMaxHeight: CSSProperties['maxHeight'];
     connections?: Connection[];
@@ -14,6 +14,7 @@ export interface CentralConnectionsProps {
     persistSources?: PersistSourcesFunc;
     getDestinationCategories?: GetDestinationCategoriesFunc;
     getPotentialDestinations?: GetPotentialDestinationsFunc;
+    testConnection?: TestConnectionFunc;
     createDestination?: CreateDestinationFunc;
     createAction?: CreateActionFunc;
     createInstrumentationRule?: CreateInstrumentationRuleFunc;

package/lib/containers/_v2/index.d.ts

@@ -1,4 +1,5 @@
 export * from './_drawers';
 export * from './_forms';
 export * from './central-connections';
+export * from './onboarding';
 export * from './pipeline-collectors';

package/lib/containers/_v2/onboarding/background/index.d.ts

@@ -0,0 +1,7 @@
+import { CSSProperties, type ReactNode, type FC } from 'react';
+export interface BackgroundProps {
+    paddingXAxis?: CSSProperties['padding'];
+    paddingYAxis?: CSSProperties['padding'];
+    children?: ReactNode;
+}
+export declare const Background: FC<BackgroundProps>;

package/lib/containers/_v2/onboarding/get-started/index.d.ts

@@ -0,0 +1,5 @@
+import { FC } from 'react';
+export interface GetStartedProps {
+    onStart: () => void;
+}
+export declare const GetStarted: FC<GetStartedProps>;

package/lib/containers/_v2/onboarding/index.d.ts

@@ -0,0 +1,14 @@
+import { type CSSProperties, type FC } from 'react';
+import { type FetchNamespacesWithWorkloads, type PersistSourcesFunc, type GetDestinationCategoriesFunc, type GetPotentialDestinationsFunc, type TestConnectionFunc, type CreateDestinationFunc } from '@/types';
+export interface OnboardingProps {
+    pagePaddingXAxis?: CSSProperties['padding'];
+    pagePaddingYAxis?: CSSProperties['padding'];
+    fetchNamespacesWithWorkloads: FetchNamespacesWithWorkloads;
+    persistSources: PersistSourcesFunc;
+    getDestinationCategories: GetDestinationCategoriesFunc;
+    getPotentialDestinations: GetPotentialDestinationsFunc;
+    testConnection: TestConnectionFunc;
+    createDestination: CreateDestinationFunc;
+    onDone: () => void;
+}
+export declare const Onboarding: FC<OnboardingProps>;

package/lib/containers/_v2/onboarding/summary/index.d.ts

@@ -0,0 +1,12 @@
+import { type FC } from 'react';
+import { type UnsavedDestination } from '../../_forms';
+import { type PersistSourceInput } from '@/types';
+export interface SummaryProps {
+    setStep: (step: number) => void;
+    onSave: () => Promise<{
+        error?: string;
+    } | undefined>;
+    sourcesPayload: PersistSourceInput | null;
+    destinationsPayload: UnsavedDestination[] | null;
+}
+export declare const Summary: FC<SummaryProps>;

package/lib/containers/_v2/pipeline-collectors/general-info/yaml-drawer/index.d.ts

@@ -1,5 +1,5 @@
 import { type FC } from 'react';
-import { DrawerProps } from '@/components/_v2';
+import { type DrawerProps } from '@/components/_v2';
 import { type HeaderProps } from '@/components/_v2/drawer/header';
 export interface YamlDrawerProps {
     isOpen: DrawerProps['isOpen'];

package/lib/containers/service-map/helpers/aggregate-service-map.d.ts

@@ -0,0 +1,6 @@
+import type { ServiceMapSources, AggregatedServiceMap } from '@/types';
+export declare const stripLastDimension: (nodeId: string) => {
+    graphKey: string;
+    detail: string;
+};
+export declare const aggregateServiceMap: (raw: ServiceMapSources) => AggregatedServiceMap;

package/lib/containers/service-map/helpers/build-edges.d.ts

@@ -1,10 +1,10 @@
 import { DefaultTheme } from 'styled-components';
 import { type Edge, type Node } from '@xyflow/react';
-import { type ServiceMapSources } from '@/types';
+import { type AggregatedServiceMap } from '@/types';
 interface Params {
     theme: DefaultTheme;
     nodes: Node[];
-    serviceMap: ServiceMapSources;
+    aggregatedServiceMap: AggregatedServiceMap;
 }
-export declare const buildEdges: ({ theme, nodes, serviceMap }: Params) => Edge[];
+export declare const buildEdges: ({ theme, nodes, aggregatedServiceMap }: Params) => Edge[];
 export {};

package/lib/containers/service-map/helpers/build-map-nodes.d.ts

@@ -1,8 +1,9 @@
 import type { Node } from '@xyflow/react';
-import { type Source, type ServiceMapSources } from '@/types';
+import { type Source, type AggregatedServiceMap } from '@/types';
+export declare const toFlowNodeId: (graphKey: string) => string;
 interface Params {
     sources: Source[];
-    serviceMap: ServiceMapSources;
+    aggregatedServiceMap: AggregatedServiceMap;
 }
-export declare const buildMapNodes: ({ sources, serviceMap }: Params) => Node[];
+export declare const buildMapNodes: ({ sources, aggregatedServiceMap }: Params) => Node[];
 export {};

package/lib/containers/service-map/service-map-drawer.d.ts

@@ -0,0 +1,17 @@
+import { type FC } from 'react';
+import type { AggregatedServiceMap } from '@/types';
+export type DrawerState = {
+    type: 'node';
+    graphKey: string;
+} | {
+    type: 'edge';
+    sourceKey: string;
+    targetKey: string;
+} | null;
+interface Props {
+    drawerState: DrawerState;
+    aggregatedData: AggregatedServiceMap;
+    onClose: () => void;
+}
+export declare const ServiceMapDrawer: FC<Props>;
+export {};