@odigos/ui-kit 0.0.8 → 0.0.10

package/lib/{index-CKUgKtl0.js → index-Do8ODRlA.js}

@@ -1,15 +1,14 @@
 import React, { useState, useRef, forwardRef, useEffect, createElement, useCallback, useMemo, Fragment, useId } from 'react';
-import { NOTIFICATION_TYPE, OTHER_STATUS, PROGRAMMING_LANGUAGES, ENTITY_TYPES } from './types.js';
+import { STATUS_TYPE, OTHER_STATUS, PROGRAMMING_LANGUAGES, ENTITY_TYPES } from './types.js';
 import './index-DIcomki-.js';
 import styled, { css } from 'styled-components';
 import Theme from './theme.js';
-import { b as getStatusIcon, r as removeEmptyValuesFromObject, s as safeJsonStringify, f as flattenObjectKeys, m as mapConditions, c as capitalizeFirstLetter, g as getMonitorIcon, p as parseJsonStringToPrettyString, a as getProgrammingLanguageIcon, d as splitCamelString } from './index-BulCzWQI.js';
+import { b as getStatusIcon, r as removeEmptyValuesFromObject, s as safeJsonStringify, f as flattenObjectKeys, m as mapConditions, c as capitalizeFirstLetter, g as getMonitorIcon, p as parseJsonStringToPrettyString, a as getProgrammingLanguageIcon, d as splitCamelString } from './index-DB1gmCsH.js';
 import { s as safeJsonParse, i as isEmpty } from './index-BZS1ijMm.js';
-import { M as MinusIcon, f as CheckIcon, L as ListIcon, C as CodeIcon, E as ExtendArrowIcon, c as SortArrowsIcon, a as CopyIcon, b as NotebookIcon, X as XIcon, d as EyeClosedIcon, e as EyeOpenIcon, N as NoDataIcon, g as CrossIcon, S as SearchIcon, T as TrashIcon, P as PlusIcon, A as ArrowIcon } from './index-BJxaoI0G.js';
+import { M as MinusIcon, f as CheckIcon, L as ListIcon, C as CodeIcon, E as ExtendArrowIcon, I as ImageErrorIcon, c as SortArrowsIcon, a as CopyIcon, b as NotebookIcon, X as XIcon, d as EyeClosedIcon, e as EyeOpenIcon, N as NoDataIcon, g as CrossIcon, S as SearchIcon, T as TrashIcon, P as PlusIcon, A as ArrowIcon } from './index-D_Qn2U89.js';
 import { M as MONITORS_OPTIONS } from './index-CZe2VX28.js';
 import { u as useContainerSize, a as useCopy, g as useTransition, d as useKeyDown, e as useOnClickOutside } from './useTransition-Dfxjcy-C.js';
 import ReactDOM from 'react-dom';
-import { O as OdigosLogo } from './index-BGlk5VhF.js';
 import require$$0 from 'babel-runtime/helpers/extends';
 import require$$1$1 from 'babel-runtime/core-js/object/get-prototype-of';
 import require$$2 from 'babel-runtime/helpers/classCallCheck';
@@ -17,7 +16,7 @@ import require$$3 from 'babel-runtime/helpers/createClass';
 import require$$4 from 'babel-runtime/helpers/possibleConstructorReturn';
 import require$$5 from 'babel-runtime/helpers/inherits';
 import require$$1 from 'object-assign';
-import { I as InfoIcon } from './index-DLKEpJJm.js';
+import { I as InfoIcon } from './index-ixs381n-.js';
 
 const TextWrapper$2 = styled.div `
   color: ${({ $color, theme }) => $color || theme.text.secondary};
@@ -340,7 +339,7 @@ const Button$4 = ({ children, variant = 'primary', onClick, ...props }) => {
 const CancelWarning = ({ isOpen, noOverlay, name, onApprove, onDeny }) => {
     return (React.createElement(WarningModal, { isOpen: isOpen, noOverlay: noOverlay, title: `Cancel${name ? ` ${name}` : ''}`, description: 'Are you sure you want to cancel?', approveButton: {
             text: 'Confirm',
-            variant: NOTIFICATION_TYPE.WARNING,
+            variant: STATUS_TYPE.WARNING,
             onClick: onApprove,
         }, denyButton: {
             text: 'Go Back',
@@ -382,6 +381,20 @@ const ModalBody = styled.div `
   margin: ${({ $isNotModal }) => ($isNotModal ? '64px 0 0 0' : '64px 7vw 32px 7vw')};
   overflow-y: scroll;
 `;
+// common styles for focused-table containers
+const TableContainer = styled(FlexColumn) `
+  max-width: ${({ $maxWidth }) => $maxWidth || 'unset'};
+  width: 100%;
+`;
+const TableTitleWrap = styled(FlexRow) `
+  gap: 16px;
+  padding: 16px;
+`;
+const TableWrap = styled.div `
+  width: 100%;
+  max-height: ${({ $maxHeight }) => $maxHeight || 'unset'};
+  overflow-y: auto;
+`;
 
 const TooltipContainer = styled.div `
   position: relative;
@@ -3724,7 +3737,7 @@ const getComponentsFromPropertyString = (propertyString, theme) => {
                     return React.createElement("div", { key: useId(), style: { width: 16, height: 16 } });
                 let Icon = getStatusIcon(value, theme);
                 if (!Icon)
-                    Icon = getStatusIcon(NOTIFICATION_TYPE.WARNING, theme);
+                    Icon = getStatusIcon(STATUS_TYPE.WARNING, theme);
                 return React.createElement(Icon, { key: useId() });
             default:
                 console.warn('unexpected component type!', type);
@@ -3952,15 +3965,15 @@ const ExtendArrow = ({ extend, size = 14, align = 'center' }) => {
 
 const Container$q = styled.div `
   border-radius: 24px;
-  background-color: ${({ theme, $status }) => $status === NOTIFICATION_TYPE.ERROR
+  background-color: ${({ theme, $status }) => $status === STATUS_TYPE.ERROR
     ? theme.text.error + Theme.opacity.hex['010']
-    : $status === NOTIFICATION_TYPE.WARNING
+    : $status === STATUS_TYPE.WARNING
         ? theme.text.warning + Theme.opacity.hex['010']
         : theme.colors.secondary + Theme.opacity.hex['005']};
   &:hover {
-    background-color: ${({ theme, $status }) => $status === NOTIFICATION_TYPE.ERROR
+    background-color: ${({ theme, $status }) => $status === STATUS_TYPE.ERROR
     ? theme.text.error + Theme.opacity.hex['020']
-    : $status === NOTIFICATION_TYPE.WARNING
+    : $status === STATUS_TYPE.WARNING
         ? theme.text.warning + Theme.opacity.hex['020']
         : theme.colors.secondary + Theme.opacity.hex['010']};
   }
@@ -3991,9 +4004,9 @@ const ConditionDetails = ({ conditions: c, headerLabelError = 'Something Failed'
     const theme = Theme.useTheme();
     const [extend, setExtend] = useState(false);
     const conditions = mapConditions(c);
-    const errors = useMemo(() => conditions.filter(({ status }) => status === NOTIFICATION_TYPE.ERROR), [conditions]);
+    const errors = useMemo(() => conditions.filter(({ status }) => status === STATUS_TYPE.ERROR), [conditions]);
     const hasErrors = !!errors.length;
-    const warnings = useMemo(() => conditions.filter(({ status }) => status === NOTIFICATION_TYPE.WARNING), [conditions]);
+    const warnings = useMemo(() => conditions.filter(({ status }) => status === STATUS_TYPE.WARNING), [conditions]);
     const hasWarnings = !!warnings.length;
     const disableds = useMemo(() => conditions.filter(({ status }) => status === OTHER_STATUS.DISABLED), [conditions]);
     const hasDisableds = !!disableds.length;
@@ -4003,7 +4016,7 @@ const ConditionDetails = ({ conditions: c, headerLabelError = 'Something Failed'
     useEffect(() => {
         setExtend(hasErrors || hasWarnings || hasDisableds || hasLoadings);
     }, [hasErrors, hasWarnings, hasDisableds, hasLoadings]);
-    const overallStatus = hasErrors ? NOTIFICATION_TYPE.ERROR : hasWarnings ? NOTIFICATION_TYPE.WARNING : hasDisableds ? NOTIFICATION_TYPE.INFO : NOTIFICATION_TYPE.SUCCESS;
+    const overallStatus = hasErrors ? STATUS_TYPE.ERROR : hasWarnings ? STATUS_TYPE.WARNING : hasDisableds ? STATUS_TYPE.INFO : STATUS_TYPE.SUCCESS;
     const HeaderIcon = getStatusIcon(overallStatus, theme);
     const headerText = hasErrors ? headerLabelError : hasWarnings ? headerLabelWarning : hasDisableds ? headerLabelWarning : loading ? 'Loading...' : headerLabelSuccess;
     const headerTextColor = hasErrors ? theme.text.error : hasWarnings ? theme.text.warning : theme.text.info;
@@ -4017,13 +4030,13 @@ const ConditionDetails = ({ conditions: c, headerLabelError = 'Something Failed'
             React.createElement(Text, { color: headerSubTextColor, size: 12, family: 'secondary' }, headerSubText),
             React.createElement(ExtendArrow, { extend: extend, align: 'right' })),
         extend && (React.createElement(Body, null, conditions.map(({ status, type, reason, message, lastTransitionTime }, idx) => {
-            const Icon = status === 'loading' ? () => React.createElement(FadeLoader, { scale: 0.8 }) : status === 'disabled' ? getStatusIcon(NOTIFICATION_TYPE.INFO, theme) : getStatusIcon(status, theme);
-            const color = status === 'disabled' ? theme.text.info : status === NOTIFICATION_TYPE.ERROR ? theme.text.error : status === NOTIFICATION_TYPE.WARNING ? theme.text.warning : theme.text.info;
+            const Icon = status === 'loading' ? () => React.createElement(FadeLoader, { scale: 0.8 }) : status === 'disabled' ? getStatusIcon(STATUS_TYPE.INFO, theme) : getStatusIcon(status, theme);
+            const color = status === 'disabled' ? theme.text.info : status === STATUS_TYPE.ERROR ? theme.text.error : status === STATUS_TYPE.WARNING ? theme.text.warning : theme.text.info;
             const boldColor = status === 'disabled'
                 ? theme.text.info_secondary
-                : status === NOTIFICATION_TYPE.ERROR
+                : status === STATUS_TYPE.ERROR
                     ? theme.text.error_secondary
-                    : status === NOTIFICATION_TYPE.WARNING
+                    : status === STATUS_TYPE.WARNING
                         ? theme.text.warning_secondary
                         : theme.text.info_secondary;
             return (React.createElement(Row$1, { key: `condition-${idx}` },
@@ -4064,9 +4077,9 @@ const TextWrapper$1 = styled.div `
   display: flex;
   align-items: center;
 `;
-const Status = ({ title, subtitle, size = 12, family = 'secondary', status = NOTIFICATION_TYPE.DEFAULT, withIcon, withBorder, withBackground }) => {
+const Status = ({ title, subtitle, size = 12, family = 'secondary', status = STATUS_TYPE.DEFAULT, withIcon, withBorder, withBackground }) => {
     const theme = Theme.useTheme();
-    const statusType = status === OTHER_STATUS.LOADING ? NOTIFICATION_TYPE.INFO : status;
+    const statusType = status === OTHER_STATUS.LOADING ? STATUS_TYPE.INFO : status;
     const StatusIcon = status === OTHER_STATUS.LOADING ? () => React.createElement(FadeLoader, { scale: 0.8 }) : () => getStatusIcon(statusType, theme)({ size: size + 2 });
     return (React.createElement(Container$p, { "$size": size, "$status": statusType, "$withIcon": withIcon, "$withBorder": withBorder, "$withBackground": withBackground },
         withIcon && (React.createElement(IconWrapper$4, null,
@@ -4082,7 +4095,7 @@ const ImageControlled = ({ src = '', alt = '', size = 16 }) => {
     if (!!src && !hasError) {
         return React.createElement("img", { src: src, alt: alt, width: size, height: size, onError: () => setHasError(true) });
     }
-    return React.createElement(OdigosLogo, { size: size });
+    return React.createElement(ImageErrorIcon, { size: size });
 };
 
 const Container$o = styled.div `
@@ -4098,7 +4111,7 @@ const Container$o = styled.div `
 }};
 `;
 const IconWrapped = ({ icon: Icon, src = '', alt = '', status, size = 36 }) => {
-    return (React.createElement(Container$o, { "$status": status, "$size": size }, !!src ? React.createElement(ImageControlled, { src: src, size: size - 16 }) : !!Icon ? React.createElement(Icon, { size: size - 16 }) : React.createElement(OdigosLogo, { size: size - 16 })));
+    return (React.createElement(Container$o, { "$status": status, "$size": size }, src ? React.createElement(ImageControlled, { src: src, alt: alt, size: size - 16 }) : !!Icon ? React.createElement(Icon, { size: size - 16 }) : React.createElement(ImageErrorIcon, { size: size - 16 })));
 };
 
 const Container$n = styled.div `
@@ -4299,7 +4312,7 @@ const DataTab = ({ title, subTitle, icon, icons, iconSrc, iconSrcs, hoverText, s
             return null;
         return (React.createElement(React.Fragment, null,
             withSeperator && React.createElement(SubTitle$2, null, '•'),
-            React.createElement(Status, { status: isActive ? NOTIFICATION_TYPE.SUCCESS : NOTIFICATION_TYPE.ERROR, size: 10 })));
+            React.createElement(Status, { status: isActive ? STATUS_TYPE.SUCCESS : STATUS_TYPE.ERROR, size: 10 })));
     };
     return (React.createElement(Container$m, { ref: containerRef, "$status": status, "$faded": faded, "$withClick": !!onClick, onClick: onClick, ...props },
         React.createElement(FlexRow, { "$gap": 8 },
@@ -4608,7 +4621,7 @@ const renderValue = (type, value) => {
             return React.createElement(InteractiveTable, { ...params });
         }
         case DATA_CARD_FIELD_TYPES.ACTIVE_STATUS: {
-            return React.createElement(Status, { status: value == 'true' ? NOTIFICATION_TYPE.SUCCESS : NOTIFICATION_TYPE.ERROR, title: value == 'true' ? 'Active' : 'Inactive', size: 10, withIcon: true, withBorder: true });
+            return React.createElement(Status, { status: value == 'true' ? STATUS_TYPE.SUCCESS : STATUS_TYPE.ERROR, title: value == 'true' ? 'Active' : 'Inactive', size: 10, withIcon: true, withBorder: true });
         }
         case DATA_CARD_FIELD_TYPES.COPY_TEXT: {
             const str = typeof value === 'string' ? value : JSON.stringify(value);
@@ -4623,14 +4636,14 @@ const renderValue = (type, value) => {
             const { containerName, actualDevice, processes } = safeJsonParse(value, {
                 containerName: '',
                 actualDevice: { title: '', subTitle: '', tooltip: '' },
-                processes: [{ health: NOTIFICATION_TYPE.INFO, message: '', identifyingAttributes: [] }],
+                processes: [{ health: STATUS_TYPE.INFO, message: '', identifyingAttributes: [] }],
             });
             return (React.createElement(DataTab, { title: containerName, subTitle: `${processes.length} Instrumented Processes`, renderActions: () => {
-                    return (React.createElement(Status, { status: NOTIFICATION_TYPE.INFO, title: 'Instrumentation Device', subtitle: !actualDevice.subTitle || actualDevice.subTitle === '[]' ? 'none' : actualDevice.subTitle, withBorder: true }));
+                    return React.createElement(Status, { status: STATUS_TYPE.INFO, title: 'Instrumentation Device', subtitle: !actualDevice.subTitle || actualDevice.subTitle === '[]' ? 'none' : actualDevice.subTitle, withBorder: true });
                 }, isExtended: !!processes.length, renderExtended: () => {
                     return (React.createElement(FlexColStretched, { "$gap": 24 }, processes.map((process, idx) => (React.createElement(FlexColStretched, { key: `process-${idx}`, "$gap": 8 },
                         React.createElement(DescribeRow, { title: `Instrumented Process #${idx + 1}`, subTitle: process.message || '', value: {
-                                text: process.health === NOTIFICATION_TYPE.SUCCESS ? 'healthy' : 'unhealthy',
+                                text: process.health === STATUS_TYPE.SUCCESS ? 'healthy' : 'unhealthy',
                                 status: process.health,
                             } }),
                         process.identifyingAttributes.map(({ name, value }) => (React.createElement(DescribeRow, { key: useId(), title: name, subTitle: '', value: { text: value, status: undefined } }))))))));
@@ -4646,14 +4659,14 @@ const renderValue = (type, value) => {
                 otelDistroName: '',
             });
             const awaitingInstrumentation = !instrumented && !instrumentationMessage;
-            return (React.createElement(DataTab, { title: containerName, subTitle: `${language === PROGRAMMING_LANGUAGES.JAVASCRIPT ? 'Node.js' : capitalizeFirstLetter(language)}` + (!!runtimeVersion ? ` • Runtime Version: ${runtimeVersion}` : ''), iconSrc: getProgrammingLanguageIcon(language), isExtended: !!instrumentationMessage, renderExtended: () => {
+            return (React.createElement(DataTab, { title: containerName, subTitle: `${language === PROGRAMMING_LANGUAGES.JAVASCRIPT ? 'Node.js' : capitalizeFirstLetter(language)}` + (!!runtimeVersion ? ` • Runtime Version: ${runtimeVersion}` : ''), icon: getProgrammingLanguageIcon(language), isExtended: !!instrumentationMessage, renderExtended: () => {
                     if (!!instrumentationMessage) {
                         return (React.createElement(AlignCenter, null,
-                            React.createElement(Status, { status: NOTIFICATION_TYPE.INFO, title: splitCamelString(instrumentationMessage) })));
+                            React.createElement(Status, { status: STATUS_TYPE.INFO, title: splitCamelString(instrumentationMessage) })));
                     }
                     return null;
                 }, renderActions: () => {
-                    return (React.createElement(Status, { status: instrumented ? NOTIFICATION_TYPE.SUCCESS : awaitingInstrumentation ? NOTIFICATION_TYPE.WARNING : NOTIFICATION_TYPE.ERROR, title: instrumented ? 'Instrumented' : awaitingInstrumentation ? 'Instrumenting...' : 'Uninstrumented', subtitle: otelDistroName, withIcon: true, withBorder: true }));
+                    return (React.createElement(Status, { status: instrumented ? STATUS_TYPE.SUCCESS : awaitingInstrumentation ? STATUS_TYPE.WARNING : STATUS_TYPE.ERROR, title: instrumented ? 'Instrumented' : awaitingInstrumentation ? 'Instrumenting...' : 'Uninstrumented', subtitle: otelDistroName, withIcon: true, withBorder: true }));
                 } }));
         }
         default: {
@@ -4671,18 +4684,15 @@ const CardContainer = styled.div `
   padding: 24px;
   border-radius: 24px;
   border: 1px solid ${({ theme }) => theme.colors.border};
-  cursor: ${({ $clickable }) => ($clickable ? 'pointer' : 'default')};
+  background-color: ${({ theme, $hovered }) => ($hovered ? theme.colors.secondary + Theme.opacity.hex['010'] : 'transparent')};
   transition: background-color 0.3s;
-  ${({ $clickable, theme }) => $clickable &&
-    `&:hover {
-      background-color: ${theme.colors.secondary + Theme.opacity.hex['010']};
-    }`}
 `;
 const Header$1 = styled.div `
   width: 100%;
   display: flex;
   flex-direction: column;
   gap: 4px;
+  cursor: ${({ $clickable }) => ($clickable ? 'pointer' : 'default')};
 `;
 const Title$8 = styled(Text) `
   width: 100%;
@@ -4701,8 +4711,9 @@ const ActionWrapper = styled(FlexRow) `
 `;
 const DataCard = ({ title = 'Details', titleBadge, description, action: Action, withExtend, data }) => {
     const [extend, setExtend] = useState(false);
-    return (React.createElement(CardContainer, { "$clickable": !!withExtend, onClick: () => withExtend && setExtend((prev) => !prev) },
-        !!title || !!description || !!Action ? (React.createElement(Header$1, null,
+    const [hovered, setHovered] = useState(false);
+    return (React.createElement(CardContainer, { "$hovered": hovered },
+        !!title || !!description || !!Action ? (React.createElement(Header$1, { "$clickable": withExtend || false, onClick: () => withExtend && setExtend((prev) => !prev), onMouseEnter: () => withExtend && setHovered(true), onMouseLeave: () => withExtend && setHovered(false) },
             (!!title || !!Action) && (React.createElement(Title$8, null,
                 title,
                 titleBadge !== undefined && React.createElement(Badge, { label: titleBadge }),
@@ -4717,7 +4728,7 @@ const DeleteWarning = ({ isOpen, noOverlay, name, type, isLastItem, onApprove, o
     const actionText = type === ENTITY_TYPES.SOURCE ? 'uninstrument' : 'delete';
     return (React.createElement(WarningModal, { isOpen: isOpen, noOverlay: noOverlay, title: `${actionText.charAt(0).toUpperCase() + actionText.substring(1)}${name ? ` ${name}` : ''}`, description: `Are you sure you want to ${actionText}?`, note: isLastItem
             ? {
-                type: NOTIFICATION_TYPE.WARNING,
+                type: STATUS_TYPE.WARNING,
                 title: `You're about to ${actionText} the last ${type || name}`,
                 message: '',
             }
@@ -4786,11 +4797,20 @@ const Tab = styled(Text) `
   gap: 8px;
 `;
 const DrawerHeader = ({ onClose, icon, iconSrc, title, titleTooltip, replaceTitleWith: ReplaceTitleWith, actionButtons = [], tabs }) => {
+    const renderReplaceTitleWith = () => {
+        if (typeof ReplaceTitleWith === 'function') {
+            return React.createElement(ReplaceTitleWith, null);
+        }
+        if (ReplaceTitleWith) {
+            return ReplaceTitleWith;
+        }
+        return null;
+    };
     return (React.createElement(Container$j, null,
         React.createElement(TopRow, null,
             React.createElement(SectionItemsWrapper, null,
                 (!!icon || !!iconSrc) && React.createElement(IconWrapped, { icon: icon, src: iconSrc, alt: 'Drawer Item' }),
-                !!ReplaceTitleWith ? (React.createElement(ReplaceTitleWith, null)) : (React.createElement(Tooltip, { text: titleTooltip, withIcon: true }, title && React.createElement(Title$7, null, title)))),
+                renderReplaceTitleWith() || (React.createElement(Tooltip, { text: titleTooltip, withIcon: true }, title && React.createElement(Title$7, null, title)))),
             React.createElement(SectionItemsWrapper, { "$gap": 2 },
                 actionButtons.map((btn, i) => (React.createElement(ActionButton$1, { key: `header-action-button-${i}`, ...btn }))),
                 React.createElement(CloseButton, { "data-id": 'drawer-close', variant: 'secondary', onClick: onClose },
@@ -29574,4 +29594,4 @@ const WarningModal = ({ isOpen, noOverlay, title = '', description = '', note, a
                 React.createElement(FooterButton, { "data-id": 'deny', variant: denyButton.variant || 'secondary', onClick: onDeny }, denyButton.text)))));
 };
 
-export { FlexColumn as $, AutocompleteInput as A, Button$4 as B, CancelWarning as C, DataCard as D, ExtendArrow as E, FadeLoader as F, MonitorsIcons as G, Header as H, IconButton as I, NoDataFound as J, KeyValueInputsList as K, NotificationNote as L, Modal as M, NavigationButtons as N, Segment as O, SkeletonLoader as P, Status as Q, Stepper as R, SectionTitle as S, ToggleCodeComponent as T, Text as U, TextArea as V, Toggle as W, Tooltip as X, TraceLoader as Y, WarningModal as Z, FlexRow as _, Badge as a, CenterThis as a0, Overlay as a1, ModalBody as a2, getDefaultExportFromCjs as a3, Checkbox as b, Code as c, ConditionDetails as d, DataCardFields as e, DATA_CARD_FIELD_TYPES as f, DataTab as g, DeleteWarning as h, Divider as i, DocsButton as j, Drawer as k, DrawerHeader as l, DrawerFooter as m, Dropdown as n, FieldError as o, FieldLabel as p, IconGroup as q, IconTitleBadge as r, IconWrapped as s, IconsNav as t, ImageControlled as u, Input as v, InputList as w, InputTable as x, InteractiveTable as y, MonitorsCheckboxes as z };
+export { FlexColumn as $, AutocompleteInput as A, Button$4 as B, CancelWarning as C, DataCard as D, ExtendArrow as E, FadeLoader as F, MonitorsIcons as G, Header as H, IconButton as I, NoDataFound as J, KeyValueInputsList as K, NotificationNote as L, Modal as M, NavigationButtons as N, Segment as O, SkeletonLoader as P, Status as Q, Stepper as R, SectionTitle as S, ToggleCodeComponent as T, Text as U, TextArea as V, Toggle as W, Tooltip as X, TraceLoader as Y, WarningModal as Z, FlexRow as _, Badge as a, CenterThis as a0, Overlay as a1, ModalBody as a2, TableContainer as a3, TableTitleWrap as a4, TableWrap as a5, getDefaultExportFromCjs as a6, Checkbox as b, Code as c, ConditionDetails as d, DataCardFields as e, DATA_CARD_FIELD_TYPES as f, DataTab as g, DeleteWarning as h, Divider as i, DocsButton as j, Drawer as k, DrawerHeader as l, DrawerFooter as m, Dropdown as n, FieldError as o, FieldLabel as p, IconGroup as q, IconTitleBadge as r, IconWrapped as s, IconsNav as t, ImageControlled as u, Input as v, InputList as w, InputTable as x, InteractiveTable as y, MonitorsCheckboxes as z };

package/lib/{index-CKD2OX24.js → index-eF2JXMVR.js}

@@ -1,10 +1,10 @@
-import { NOTIFICATION_TYPE, OTHER_STATUS, ENTITY_TYPES, PLATFORM_TYPE } from './types.js';
-import { a as getProgrammingLanguageIcon } from './index-BulCzWQI.js';
+import { STATUS_TYPE, OTHER_STATUS, ENTITY_TYPES, PLATFORM_TYPE } from './types.js';
+import { a as getProgrammingLanguageIcon } from './index-DB1gmCsH.js';
 import 'react';
 import './index-DIcomki-.js';
 import 'styled-components';
 import { R as RulesIcon, A as ActionsIcon, D as DestinationsIcon, S as SourcesIcon, V as VmLogo } from './index-BjJpYtF1.js';
-import { K as K8sLogo } from './index-BGlk5VhF.js';
+import { O as OdigosLogo, K as K8sLogo } from './index-BGlk5VhF.js';
 
 const compareCondition = (renderCondition, fields) => {
     if (!renderCondition || !renderCondition.length)
@@ -61,7 +61,7 @@ const filterSources = (sources, filters) => {
     if (!!filters.languages?.length)
         filtered = filtered.filter((source) => !!filters.languages?.find((language) => !!source.containers?.find((cont) => cont.language === language.id)));
     if (!!filters.onlyErrors)
-        filtered = filtered.filter((source) => !!source.conditions?.find((cond) => cond.status === NOTIFICATION_TYPE.ERROR));
+        filtered = filtered.filter((source) => !!source.conditions?.find((cond) => cond.status === STATUS_TYPE.ERROR));
     if (!!filters.errors?.length)
         filtered = filtered.filter((source) => !!filters.errors?.find((error) => !!source.conditions?.find((cond) => cond.message === error.id)));
     return filtered;
@@ -77,11 +77,11 @@ const formatBytes = (bytes) => {
 };
 
 const getConditionsBooleans = (conditions) => {
-    const hasErrors = !!conditions?.find(({ status }) => status === NOTIFICATION_TYPE.ERROR);
-    const hasWarnings = !!conditions?.find(({ status }) => status === NOTIFICATION_TYPE.WARNING);
+    const hasErrors = !!conditions?.find(({ status }) => status === STATUS_TYPE.ERROR);
+    const hasWarnings = !!conditions?.find(({ status }) => status === STATUS_TYPE.WARNING);
     const hasDisableds = !!conditions?.find(({ status }) => status === OTHER_STATUS.DISABLED);
     const hasLoadings = !!conditions?.find(({ status }) => status === OTHER_STATUS.LOADING);
-    const priorotizedStatus = hasErrors ? NOTIFICATION_TYPE.ERROR : hasWarnings ? NOTIFICATION_TYPE.WARNING : hasDisableds ? NOTIFICATION_TYPE.INFO : undefined;
+    const priorotizedStatus = hasErrors ? STATUS_TYPE.ERROR : hasWarnings ? STATUS_TYPE.WARNING : hasDisableds ? STATUS_TYPE.INFO : undefined;
     return {
         hasErrors,
         hasWarnings,
@@ -154,6 +154,8 @@ const getMetricForEntity = (metrics, entityType, entityId) => {
 };
 
 const getPlatformIcon = (type) => {
+    if (!type)
+        return OdigosLogo;
     const LOGOS = {
         [PLATFORM_TYPE.K8S]: K8sLogo,
         [PLATFORM_TYPE.VM]: VmLogo,
@@ -162,6 +164,8 @@ const getPlatformIcon = (type) => {
 };
 
 const getPlatformLabel = (type) => {
+    if (!type)
+        return 'Unknown';
     const LABELS = {
         [PLATFORM_TYPE.K8S]: 'Kubernetes Cluster',
         [PLATFORM_TYPE.VM]: 'Virtual Machine',