@odigos/ui-kit 0.0.222 → 0.0.224

package/lib/contexts.js

@@ -1 +1 @@
-export{f8 as OdigosProvider,f9 as StorybookProvider,bN as checkVersionSupport,a2 as useOdigos,fa as useStorybook}from"./chunks/ui-components-DmCQvtmV.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";
+export{f9 as OdigosProvider,fa as StorybookProvider,bP as checkVersionSupport,a3 as useOdigos,fb as useStorybook}from"./chunks/ui-components-CI2PiWkX.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/functions/index.d.ts

@@ -51,6 +51,7 @@ export * from './map-signals';
 export * from './numbers-only';
 export * from './parse-boolean-from-string';
 export * from './parse-json-string-to-pretty-string';
+export * from './prepare-destination-form-data';
 export * from './remove-empty-values-from-object';
 export * from './safe-json-parse';
 export * from './safe-json-stringify';

package/lib/functions/prepare-destination-form-data/index.d.ts

@@ -0,0 +1,2 @@
+import type { DestinationFormData } from '@/types';
+export declare const prepareDestinationFormData: (formData: DestinationFormData) => DestinationFormData;

package/lib/functions.js

@@ -1 +1 @@
-export{dK as capitalizeFirstLetter,eH as cleanObjectEmptyStringsValues,z as compareCondition,v as deepClone,de as entityIdKey,cX as filterActions,dp as filterDestinations,dm as filterDestinationsByStream,dn as filterSources,dl as filterSourcesByStream,eI as flattenObjectKeys,dg as formatBytes,ei as formatDuration,g as generateId,cI as getActionIcon,cR as getConditionsBooleans,ec as getContainersIcons,ef as getContainersInstrumentedCount,eJ as getDeepValue,bg as getDestinationIcon,eK as getDetectedLanguageIcons,d2 as getEntityIcon,cE as getEntityId,dd as getEntityIdKey,cZ as getEntityLabel,eL as getIdFromSseTarget,dh as getInstrumentationRuleIcon,eM as getMainContainerLanguage,dO as getMetricForEntity,eN as getMonitorIcon,eO as getPlatformIcon,eP as getPlatformLabel,a1 as getProgrammingLanguageIcon,ek as getRecursiveValues,di as getSourceLanguageIcons,eQ as getSseTargetFromId,eR as getStatusColor,bU as getStatusFromPodStatus,cV as getStatusIcon,e1 as getStatusTypeFromOdigosHealth,eS as getValueForRange,dX as getVirtualServiceIcon,dU as getWorkloadId,dJ as getYamlFieldsForDestination,e2 as hasUnhealthyInstances,l as isEmpty,eT as isLegalK8sLabel,bF as isOverTime,e7 as isStringABoolean,eU as isTimeElapsed,eV as isValidVersion,cU as mapConditions,dH as mapDestinationFieldsForDisplay,L as mapExportedSignals,H as mapSupportedSignals,eW as numbersOnly,e8 as parseBooleanFromString,eX as parseJsonStringToPrettyString,eY as removeEmptyValuesFromObject,M as safeJsonParse,eZ as safeJsonStringify,e_ as setDeepValue,d8 as sleep,dw as splitCamelString,e$ as stringifyNonStringValues,cL as trimVersion}from"./chunks/ui-components-DmCQvtmV.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";
+export{dL as capitalizeFirstLetter,eI as cleanObjectEmptyStringsValues,z as compareCondition,v as deepClone,df as entityIdKey,cY as filterActions,dq as filterDestinations,dn as filterDestinationsByStream,dp as filterSources,dm as filterSourcesByStream,eJ as flattenObjectKeys,dh as formatBytes,ej as formatDuration,g as generateId,cJ as getActionIcon,cS as getConditionsBooleans,ed as getContainersIcons,eg as getContainersInstrumentedCount,eK as getDeepValue,bi as getDestinationIcon,eL as getDetectedLanguageIcons,d3 as getEntityIcon,cF as getEntityId,de as getEntityIdKey,c_ as getEntityLabel,eM as getIdFromSseTarget,di as getInstrumentationRuleIcon,eN as getMainContainerLanguage,dP as getMetricForEntity,eO as getMonitorIcon,eP as getPlatformIcon,eQ as getPlatformLabel,a2 as getProgrammingLanguageIcon,el as getRecursiveValues,dj as getSourceLanguageIcons,eR as getSseTargetFromId,eS as getStatusColor,bW as getStatusFromPodStatus,cW as getStatusIcon,e2 as getStatusTypeFromOdigosHealth,eT as getValueForRange,dY as getVirtualServiceIcon,dV as getWorkloadId,dK as getYamlFieldsForDestination,e3 as hasUnhealthyInstances,l as isEmpty,eU as isLegalK8sLabel,bH as isOverTime,e8 as isStringABoolean,eV as isTimeElapsed,eW as isValidVersion,cV as mapConditions,dI as mapDestinationFieldsForDisplay,L as mapExportedSignals,H as mapSupportedSignals,eX as numbersOnly,e9 as parseBooleanFromString,eY as parseJsonStringToPrettyString,R as prepareDestinationFormData,eZ as removeEmptyValuesFromObject,M as safeJsonParse,e_ as safeJsonStringify,e$ as setDeepValue,d9 as sleep,dx as splitCamelString,f0 as stringifyNonStringValues,cM as trimVersion}from"./chunks/ui-components-CI2PiWkX.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/hooks.js

@@ -1 +1 @@
-export{cD as useActionFormData,fb as useBodyScroll,dq as useClickNode,dV as useClickNotification,dk as useContainerSize,u as useCopy,dB as useDataStreamFormData,dI as useDestinationFormData,t as useGenericForm,dR as useInstrumentationRuleFormData,bD as useKeyDown,dv as useOnClickOutside,dr as usePopup,ch as useScrollTo,dA as useSessionStorage,e9 as useSourceFormData,ed as useSourceSelectionFormData,bE as useTimeAgo}from"./chunks/ui-components-DmCQvtmV.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";
+export{cE as useActionFormData,fc as useBodyScroll,dr as useClickNode,dW as useClickNotification,dl as useContainerSize,u as useCopy,dC as useDataStreamFormData,dJ as useDestinationFormData,t as useGenericForm,dS as useInstrumentationRuleFormData,bF as useKeyDown,dw as useOnClickOutside,ds as usePopup,ci as useScrollTo,dB as useSessionStorage,ea as useSourceFormData,ee as useSourceSelectionFormData,bG as useTimeAgo}from"./chunks/ui-components-CI2PiWkX.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/snippets/v2.js

@@ -1,22 +1,22 @@
-import{cc as e,r as a,n as r,o as s,d as i,bh as t,y as n,m as o,M as l,p as d,I as c,k as p,a2 as h,a8 as u,v as g,dy as m,F as v,i as b,c as f,j as x,em as y,df as w,b as $,N as C,Q as M,a as L,bp as S,be as k,e as O,bY as D,e0 as N}from"../chunks/ui-components-DmCQvtmV.js";export{A as ActionType,bZ as Actions}from"../chunks/ui-components-DmCQvtmV.js";import{jsx as I,Fragment as H,jsxs as T}from"react/jsx-runtime";import j from"styled-components";import{OdigosLogoTextEnterprise as q,OdigosLogoTextCommunity as V,ArrowLeftIcon as z,ArrowRightIcon as R,VSquareIcon as E}from"../icons.js";import{useState as F,useRef as P,useEffect as B,forwardRef as K,useImperativeHandle as X,useCallback as Z,useMemo as G}from"react";export{Y as YamlSectionCard}from"../chunks/index-CIq3IoU4.js";import"zustand";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";const J=({isOpen:a,onClose:r,onDeny:s,onApprove:i})=>I(e,{title:"Discard changes?",description:"You have unsaved changes.\nIf you cancel now, your changes won't be saved.",isOpen:a,onClose:r,onDeny:s,denyLabel:"Keep editing",onApprove:i,approveLabel:"Discard changes"});var U;!function(e){e.Default="default",e.Action="action",e.Endpoint="endpoint",e.Scope="scope",e.Duration="duration"}(U||(U={}));const _=[U.Action,U.Endpoint,U.Scope,U.Duration],Q=j.span`
+import{cd as e,r as a,n as r,o as s,d as i,bj as t,y as n,m as o,M as l,p as d,I as c,k as p,a3 as h,a9 as u,v as g,dz as v,F as m,i as b,c as f,j as x,en as y,dg as w,b as $,N as C,Q as M,a as L,br as S,bg as k,e as O,b_ as D,e1 as N}from"../chunks/ui-components-CI2PiWkX.js";export{A as ActionType,b$ as Actions}from"../chunks/ui-components-CI2PiWkX.js";import{jsx as I,Fragment as H,jsxs as T}from"react/jsx-runtime";import{Fragment as j,useState as q,useRef as z,useEffect as V,forwardRef as R,useImperativeHandle as F,useCallback as E,useMemo as P}from"react";import B from"styled-components";import{OdigosLogoTextEnterprise as K,OdigosLogoTextCommunity as X,ArrowLeftIcon as _,ArrowRightIcon as G,VSquareIcon as J}from"../icons.js";export{Y as YamlSectionCard}from"../chunks/index-Au62BabI.js";import"zustand";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";const U=({isOpen:a,onClose:r,onDeny:s,onApprove:i})=>I(e,{title:"Discard changes?",description:"You have unsaved changes.\nIf you cancel now, your changes won't be saved.",isOpen:a,onClose:r,onDeny:s,denyLabel:"Keep editing",onApprove:i,approveLabel:"Discard changes"});var Z;!function(e){e.Default="default",e.Action="action",e.Endpoint="endpoint",e.Scope="scope",e.Duration="duration"}(Z||(Z={}));const Q=[Z.Action,Z.Endpoint,Z.Scope,Z.Duration],W=B.span`
   font-family: ${({theme:e,$isMono:a})=>a?e.font_family.secondary:e.font_family.primary};
   font-size: ${({theme:e})=>e.v2.text.size.xxs}px;
   line-height: 20px;
   color: ${({theme:e,$variant:a})=>{const r=e.v2.colors;switch(a){case"action":return r.green[400];case"endpoint":return r.purple[300];case"scope":return r.yellow[400];case"duration":return r.orange[600];default:return r.white[500]}}};
-`,W=({parts:e})=>I(H,{children:e.map((e,a)=>I(Q,{$variant:e.variant,$isMono:_.includes(e.variant),children:e.text},a))}),ee=({isOpen:a,onClose:r,onDeny:s,onApprove:i,action:t="delete",target:n})=>{const o=t.charAt(0).toUpperCase()+t.substring(1),l=n?.endsWith("s")?"these":"this";return I(e,{title:`${o}${n?` ${n}`:""}?`,description:`Are you sure you want to ${t}${n?` ${l} ${n}`:""}?`,isOpen:a,onClose:r,onDeny:s,denyLabel:"Go back",onApprove:i,approveLabel:o})},ae=({componentType:e,inputType:h,name:u,label:g,tooltip:m,badge:v,placeholder:b,required:f,disabled:x,value:y,setValue:w,errorMessage:$,warnMessage:C,helpMessage:M,dropdownOptions:L,dropdownNoSearch:S,dropdownNoCheckbox:k})=>{switch(e){case a.Input:return I(c,{name:u,type:h,label:g,tooltip:m,badge:v,placeholder:b,required:f,disabled:x,value:y??"",onChange:e=>{const a=e.target.value;w(h===p.Number?""===a?null:Number(a):a)},errorMessage:$,warnMessage:C,helpMessage:M},u);case a.MultiInput:return I(d,{name:u,label:g,tooltip:m,badge:v,placeholder:b,required:f,disabled:x,values:Array.isArray(y)?y:l(y,[]),setValues:e=>w(e),errorMessage:$,warnMessage:C,helpMessage:M},u);case a.KeyValuePair:return I(o,{name:u,label:g,tooltip:m,badge:v,required:f,disabled:x,limitFieldsPerRow:2,columns:[{keyName:"key",label:"Key"},{keyName:"value",label:"Value"}],values:Array.isArray(y)?y:l(y,[]),setValues:e=>w(e),errorMessage:$,warnMessage:C,helpMessage:M},u);case a.TextArea:return I(n,{name:u,label:g,tooltip:m,badge:v,required:f,disabled:x,placeholder:b,value:y??"",onChange:e=>w(e.target.value),errorMessage:$,warnMessage:C,helpMessage:M},u);case a.Dropdown:return I(t,{name:u,label:g,tooltip:m,badge:v,placeholder:b,required:f,disabled:x,withSearch:!S,options:L?.map(e=>({id:e.id||"",label:e.value||"",withCheckbox:!k}))||[],values:y?[String(y)]:[],setValues:e=>w(e[0]),errorMessage:$,warnMessage:C,helpMessage:M},u);case a.Checkbox:return I(i,{name:u,label:g,tooltip:m,badge:v,value:!0===y||"true"===y,onChange:e=>w(e),disabled:x,errorMessage:$,warnMessage:C,helpMessage:M},u);case a.Toggle:return I(r,{name:u,labelAlign:s.Right,label:g,tooltip:m,badge:v,value:!0===y||"true"===y,onChange:e=>w(e),disabled:x,errorMessage:$,warnMessage:C,helpMessage:M},u);default:return null}},re=({size:e=200})=>{const{tier:a}=h();return a===u.Onprem?I(q,{size:e}):I(V,{size:e})},se=(e,a)=>!a?.length||!!a?.find(a=>a===e),ie=({title:e="Signals",required:a,errorMessage:r,allowedSignals:s,selectedSignals:t,setSelectedSignals:n,disabled:o})=>{const[l,d]=F(1===t.length),c=P(JSON.stringify(t));B(()=>{const e=g(t);e.length||m.forEach(({id:a})=>{se(a,s)&&e.push(a)});const a=JSON.stringify(e);c.current!==a&&(c.current=a,n(e),d(1===e.length))},[s,t]);return T(v,{$gap:12,children:[I(b,{label:e,required:a}),I(f,{$gap:12,children:m.map(e=>{const a=se(e.id,s),r=((e,a)=>!!a?.find(a=>a===e))(e.id,t);return a?I(i,{label:e.value,disabled:o||!a||l&&r,value:r,onChange:a=>((e,a)=>{const r=e,s=a?[...t,r]:t.filter(e=>e!==r);n(s),d(1===s.length)})(e.id,a)},e.id):null})}),I(x,{errorMessage:r})]})},te=({minSupportedVersion:a,currentVersion:r})=>I(e,{isOpen:!0,onClose:()=>{},relativeToParent:!0,visual:()=>I(y,{scale:2.4,icon:()=>I("svg",{xmlns:"http://www.w3.org/2000/svg",width:"22",height:"21",viewBox:"0 0 22 21",fill:"none",children:I("path",{fill:"#151618",d:"M9.4844 0.730003C9.99694 -0.243259 11.4076 -0.24341 11.92 0.730003L11.9685 0.831353L14.3039 6.22012L20.153 6.77755C21.3553 6.89211 21.841 8.38683 20.9358 9.18621L16.5314 13.0731L17.8091 18.8079C18.0716 19.9868 16.8005 20.9109 15.7605 20.2969L10.7017 17.3093L5.64282 20.2969C4.60289 20.9104 3.33173 19.9866 3.59427 18.8079L4.87192 13.0741L0.468608 9.18621C-0.43662 8.38693 0.0482932 6.8924 1.25029 6.77755L7.09837 6.22012L9.43588 0.831353L9.4844 0.730003ZM8.55284 7.02876C8.35287 7.48992 7.9179 7.80589 7.41751 7.85357L2.03952 8.36571L6.09027 11.941C6.46691 12.2737 6.63296 12.7852 6.5237 13.2758L5.34956 18.5459L10.0008 15.8009L10.1669 15.7179C10.5087 15.574 10.8945 15.5741 11.2364 15.7179L11.4036 15.8009L16.0538 18.5459L14.8807 13.2758C14.7714 12.7851 14.9374 12.2737 15.3141 11.941L19.3627 8.36571L13.9858 7.85357C13.4855 7.80587 13.0505 7.4899 12.8505 7.02876L10.7017 2.07342L8.55284 7.02876Z"})})}),title:"Upgrade Required",description:`To use this feature, please upgrade to Odigos v${a} or later.\nCurrent version: ${r}.`}),ne=j.div`
+`,ee=({parts:e})=>I(H,{children:e.map((e,a)=>T(j,{children:[0!==a&&I(H,{children:" "}),I(W,{$variant:e.variant,$isMono:Q.includes(e.variant),children:e.text})]},`${e.variant}-${a}`))}),ae=({isOpen:a,onClose:r,onDeny:s,onApprove:i,action:t="delete",target:n})=>{const o=t.charAt(0).toUpperCase()+t.substring(1),l=n?.endsWith("s")?"these":"this";return I(e,{title:`${o}${n?` ${n}`:""}?`,description:`Are you sure you want to ${t}${n?` ${l} ${n}`:""}?`,isOpen:a,onClose:r,onDeny:s,denyLabel:"Go back",onApprove:i,approveLabel:o})},re=({componentType:e,inputType:h,name:u,label:g,tooltip:v,badge:m,placeholder:b,required:f,disabled:x,value:y,setValue:w,errorMessage:$,warnMessage:C,helpMessage:M,dropdownOptions:L,dropdownNoSearch:S,dropdownNoCheckbox:k})=>{switch(e){case a.Input:return I(c,{name:u,type:h,label:g,tooltip:v,badge:m,placeholder:b,required:f,disabled:x,value:y??"",onChange:e=>{const a=e.target.value;w(h===p.Number?""===a?null:Number(a):a)},errorMessage:$,warnMessage:C,helpMessage:M},u);case a.MultiInput:return I(d,{name:u,label:g,tooltip:v,badge:m,placeholder:b,required:f,disabled:x,values:Array.isArray(y)?y:l(y,[]),setValues:e=>w(e),errorMessage:$,warnMessage:C,helpMessage:M},u);case a.KeyValuePair:return I(o,{name:u,label:g,tooltip:v,badge:m,required:f,disabled:x,limitFieldsPerRow:2,columns:[{keyName:"key",label:"Key"},{keyName:"value",label:"Value"}],values:Array.isArray(y)?y:l(y,[]),setValues:e=>w(e),errorMessage:$,warnMessage:C,helpMessage:M},u);case a.TextArea:return I(n,{name:u,label:g,tooltip:v,badge:m,required:f,disabled:x,placeholder:b,value:y??"",onChange:e=>w(e.target.value),errorMessage:$,warnMessage:C,helpMessage:M},u);case a.Dropdown:return I(t,{name:u,label:g,tooltip:v,badge:m,placeholder:b,required:f,disabled:x,withSearch:!S,options:L?.map(e=>({id:e.id||"",label:e.value||"",withCheckbox:!k}))||[],values:y?[String(y)]:[],setValues:e=>w(e[0]),errorMessage:$,warnMessage:C,helpMessage:M},u);case a.Checkbox:return I(i,{name:u,label:g,tooltip:v,badge:m,value:!0===y||"true"===y,onChange:e=>w(e),disabled:x,errorMessage:$,warnMessage:C,helpMessage:M},u);case a.Toggle:return I(r,{name:u,labelAlign:s.Right,label:g,tooltip:v,badge:m,value:!0===y||"true"===y,onChange:e=>w(e),disabled:x,errorMessage:$,warnMessage:C,helpMessage:M},u);default:return null}},se=({size:e=200})=>{const{tier:a}=h();return a===u.Onprem?I(K,{size:e}):I(X,{size:e})},ie=(e,a)=>!a?.length||!!a?.find(a=>a===e),te=({title:e="Signals",required:a,errorMessage:r,allowedSignals:s,selectedSignals:t,setSelectedSignals:n,disabled:o})=>{const[l,d]=q(1===t.length),c=z(JSON.stringify(t));V(()=>{const e=g(t);e.length||v.forEach(({id:a})=>{ie(a,s)&&e.push(a)});const a=JSON.stringify(e);c.current!==a&&(c.current=a,n(e),d(1===e.length))},[s,t]);return T(m,{$gap:12,children:[I(b,{label:e,required:a}),I(f,{$gap:12,children:v.map(e=>{const a=ie(e.id,s),r=((e,a)=>!!a?.find(a=>a===e))(e.id,t);return a?I(i,{label:e.value,disabled:o||!a||l&&r,value:r,onChange:a=>((e,a)=>{const r=e,s=a?[...t,r]:t.filter(e=>e!==r);n(s),d(1===s.length)})(e.id,a)},e.id):null})}),I(x,{errorMessage:r})]})},ne=({minSupportedVersion:a,currentVersion:r})=>I(e,{isOpen:!0,onClose:()=>{},relativeToParent:!0,visual:()=>I(y,{scale:2.4,icon:()=>I("svg",{xmlns:"http://www.w3.org/2000/svg",width:"22",height:"21",viewBox:"0 0 22 21",fill:"none",children:I("path",{fill:"#151618",d:"M9.4844 0.730003C9.99694 -0.243259 11.4076 -0.24341 11.92 0.730003L11.9685 0.831353L14.3039 6.22012L20.153 6.77755C21.3553 6.89211 21.841 8.38683 20.9358 9.18621L16.5314 13.0731L17.8091 18.8079C18.0716 19.9868 16.8005 20.9109 15.7605 20.2969L10.7017 17.3093L5.64282 20.2969C4.60289 20.9104 3.33173 19.9866 3.59427 18.8079L4.87192 13.0741L0.468608 9.18621C-0.43662 8.38693 0.0482932 6.8924 1.25029 6.77755L7.09837 6.22012L9.43588 0.831353L9.4844 0.730003ZM8.55284 7.02876C8.35287 7.48992 7.9179 7.80589 7.41751 7.85357L2.03952 8.36571L6.09027 11.941C6.46691 12.2737 6.63296 12.7852 6.5237 13.2758L5.34956 18.5459L10.0008 15.8009L10.1669 15.7179C10.5087 15.574 10.8945 15.5741 11.2364 15.7179L11.4036 15.8009L16.0538 18.5459L14.8807 13.2758C14.7714 12.7851 14.9374 12.2737 15.3141 11.941L19.3627 8.36571L13.9858 7.85357C13.4855 7.80587 13.0505 7.4899 12.8505 7.02876L10.7017 2.07342L8.55284 7.02876Z"})})}),title:"Upgrade Required",description:`To use this feature, please upgrade to Odigos v${a} or later.\nCurrent version: ${r}.`}),oe=B.div`
   display: flex;
   flex-direction: column;
   justify-content: flex-end;
   width: ${({$width:e})=>e};
   gap: ${({$columnHasHeader:e})=>e?"0":"12px"};
-`,oe=j.div`
+`,le=B.div`
   display: flex;
   align-items: center;
   min-height: 24px;
   padding: 12px;
   border-radius: 16px 16px 0 0;
   background-color: ${({theme:e})=>e.v2.colors.silver[800]};
-`,le=j.div`
+`,de=B.div`
   display: flex;
   flex-direction: column;
   gap: ${({$gap:e})=>e}px;
@@ -27,27 +27,27 @@ import{cc as e,r as a,n as r,o as s,d as i,bh as t,y as n,m as o,M as l,p as d,I
   background-color: ${({theme:e})=>e.v2.colors.silver[900]};
   overflow-y: auto;
   overflow-x: hidden;
-`,de=({isLeft:e,isRight:a,heightOffset:r=0,width:s,header:i,list:t})=>T(ne,{$width:s,$columnHasHeader:!!i,children:[i&&I(oe,{children:i}),I(le,{$gap:8,$isLeft:e,$isRight:a,$heightOffset:r,$columnHasHeader:!!i,children:t.length?t.length>1?I(w,{gap:8,elements:t}):I(H,{children:t[0]}):I($,{$height:"100%",children:I(C,{})})})]}),ce="75vw",pe=j.div`
+`,ce=({isLeft:e,isRight:a,heightOffset:r=0,width:s,header:i,list:t})=>T(oe,{$width:s,$columnHasHeader:!!i,children:[i&&I(le,{children:i}),I(de,{$gap:8,$isLeft:e,$isRight:a,$heightOffset:r,$columnHasHeader:!!i,children:t.length?t.length>1?I(w,{gap:8,elements:t}):I(H,{children:t[0]}):I($,{$height:"100%",children:I(C,{})})})]}),pe="75vw",he=B.div`
   display: flex;
   flex-direction: column;
   border-radius: 16px;
   background-color: ${({theme:e})=>e.v2.colors.silver[1e3]};
   overflow: hidden;
-`,he=j.div`
+`,ue=B.div`
   display: flex;
   gap: 12px;
   padding: 16px 16px 0 16px;
   background-color: ${({theme:e})=>e.v2.colors.silver[1e3]};
   position: sticky;
   top: 0;
-`,ue=j.div`
+`,ge=B.div`
   padding: 12px 12px 0 12px;
-`,ge=j.div`
+`,ve=B.div`
   display: flex;
   gap: 12px;
   padding: 16px;
-`,me=j.div`
+`,me=B.div`
   padding: 5vh 10vw;
   border-radius: 12px;
   background-color: ${({theme:e})=>e.v2.colors.silver[800]};
-`,ve=K(({isOpen:e,withOverlay:a,disableAnimation:r,onClose:s,onBack:i,onNext:t,nextIsSkip:n,onSave:o,disableSave:l,connectionIds:d,header:c,subHeader:p,leftColumn:h,rightColumn:u,search:g,filters:m,errorMessage:v,isFormDirty:b,hideDirtyNote:f,isFetching:x,progress:y},w)=>{const[C,A]=F(!1),[H,j]=F(!1),[q,V]=F(void 0);X(w,()=>({clearErrors:()=>V(void 0)}));const P=H,Y=Z(()=>{b&&!C?A(!0):(A(!1),s?.())},[b,C,s]),B=l||H||"boolean"==typeof b&&!b,K=Z(async()=>{j(!0);const e=await o();j(!1),e?.error?V(e.error):(d?.setValue([]),s?.())},[o,d,s]),U=!!g||!!d||!!m,_=!!p,Q=(U?48:0)+(_?50:0),W=G(()=>x?{status:M.Info,message:"Fetching Data..."}:H&&!y?{status:M.Info,message:"Saving Changes..."}:q||v?{status:M.Error,message:q||v}:"boolean"==typeof b&&b&&!f?{status:M.Info,message:'The values don\'t reflect the current configurations of the selected clusters.\n"Save" will override the current configurations.'}:"boolean"!=typeof b||b||f?void 0:{status:M.Success,message:"The values reflect the current configuration of the selected cluster."},[x,H,y,q,v,b,f]),ee=G(()=>i?{label:"Back",leftIcon:z,variant:L.Secondary,onClick:i}:{label:"Cancel",variant:L.Secondary,onClick:Y,disabled:P},[i,Y,P]),ae=G(()=>t?n?{"data-id":"wide-drawer-skip",label:"Skip",rightIcon:R,variant:L.Secondary,onClick:t}:{"data-id":"wide-drawer-next",label:"Next",rightIcon:R,variant:L.Primary,onClick:t}:{"data-id":"wide-drawer-save",label:"Save",variant:L.Primary,onClick:K,disabled:B},[t,n,K,B]);return T(S,{width:ce,isOpen:e,disableAnimation:r,hideOverlay:!H&&!a,header:{...c,onClose:s?Y:void 0,onCloseDisabled:P},footer:{note:W,actions:[ee,ae]},children:[H?I($,{$height:"calc(100vh - 136px)",children:I(me,{children:I(k,{titleSize:O.S,subTitleSize:O.XXXS,withGradient:!0,withSpinner:!0,...y})})}):T(pe,{children:[U&&T(he,{children:[d&&I(D,{icon:E,title:"Selected Clusters",badge:{label:d.value.length}}),g&&I(N,{width:"100%",...g}),m]}),_&&I(ue,{children:I(D,{icon:p.icon,title:p.title,subTitle:p.description,badge:p.badge})}),T(ge,{children:[I(de,{isLeft:!0,heightOffset:Q,...h}),I(de,{isRight:!0,heightOffset:Q,...u})]})]}),I(J,{isOpen:C,onClose:()=>A(!1),onApprove:Y})]})});ve.displayName=ve.name;export{J as CancelModal,W as ColoredSpan,U as ColoredSpanVariant,ee as DeleteModal,ae as DynamicField,re as OdigosLogoTextByTier,D as RichTitle,ie as SignalsCheckboxList,te as UpgradeModal,ce as WIDE_DRAWER_WIDTH,ve as WideDrawer};
+`,be=R(({isOpen:e,withOverlay:a,disableAnimation:r,onClose:s,onBack:i,onNext:t,nextIsSkip:n,onSave:o,disableSave:l,connectionIds:d,header:c,subHeader:p,leftColumn:h,rightColumn:u,search:g,filters:v,errorMessage:m,isFormDirty:b,hideDirtyNote:f,isFetching:x,progress:y},w)=>{const[C,A]=q(!1),[H,j]=q(!1),[z,V]=q(void 0);F(w,()=>({clearErrors:()=>V(void 0)}));const R=H,B=E(()=>{b&&!C?A(!0):(A(!1),s?.())},[b,C,s]),K=l||H||"boolean"==typeof b&&!b,X=E(async()=>{j(!0);const e=await o();j(!1),e?.error?V(e.error):(d?.setValue([]),s?.())},[o,d,s]),Y=!!g||!!d||!!v,Z=!!p,Q=(Y?48:0)+(Z?50:0),W=P(()=>x?{status:M.Info,message:"Fetching Data..."}:H&&!y?{status:M.Info,message:"Saving Changes..."}:z||m?{status:M.Error,message:z||m}:"boolean"==typeof b&&b&&!f?{status:M.Info,message:'The values don\'t reflect the current configurations of the selected clusters.\n"Save" will override the current configurations.'}:"boolean"!=typeof b||b||f?void 0:{status:M.Success,message:"The values reflect the current configuration of the selected cluster."},[x,H,y,z,m,b,f]),ee=P(()=>i?{label:"Back",leftIcon:_,variant:L.Secondary,onClick:i}:{label:"Cancel",variant:L.Secondary,onClick:B,disabled:R},[i,B,R]),ae=P(()=>t?n?{"data-id":"wide-drawer-skip",label:"Skip",rightIcon:G,variant:L.Secondary,onClick:t}:{"data-id":"wide-drawer-next",label:"Next",rightIcon:G,variant:L.Primary,onClick:t}:{"data-id":"wide-drawer-save",label:"Save",variant:L.Primary,onClick:X,disabled:K},[t,n,X,K]);return T(S,{width:pe,isOpen:e,disableAnimation:r,hideOverlay:!H&&!a,header:{...c,onClose:s?B:void 0,onCloseDisabled:R},footer:{note:W,actions:[ee,ae]},children:[H?I($,{$height:"calc(100vh - 136px)",children:I(me,{children:I(k,{titleSize:O.S,subTitleSize:O.XXXS,withGradient:!0,withSpinner:!0,...y})})}):T(he,{children:[Y&&T(ue,{children:[d&&I(D,{icon:J,title:"Selected Clusters",badge:{label:d.value.length}}),g&&I(N,{width:"100%",...g}),v]}),Z&&I(ge,{children:I(D,{icon:p.icon,title:p.title,subTitle:p.description,badge:p.badge})}),T(ve,{children:[I(ce,{isLeft:!0,heightOffset:Q,...h}),I(ce,{isRight:!0,heightOffset:Q,...u})]})]}),I(U,{isOpen:C,onClose:()=>A(!1),onApprove:B})]})});be.displayName=be.name;export{U as CancelModal,ee as ColoredSpan,Z as ColoredSpanVariant,ae as DeleteModal,re as DynamicField,se as OdigosLogoTextByTier,D as RichTitle,te as SignalsCheckboxList,ne as UpgradeModal,pe as WIDE_DRAWER_WIDTH,be as WideDrawer};

package/lib/snippets.js

@@ -1 +1 @@
-export{cs as AddButton,e3 as CopyText,d_ as EditButton,dZ as Flow,fc as MapItemNode,fd as NoDataNode,dF as NoteBackToSummary,e5 as PodContainer,eb as SourceContainer}from"./chunks/ui-components-DmCQvtmV.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";
+export{ct as AddButton,e4 as CopyText,d$ as EditButton,d_ as Flow,fd as MapItemNode,fe as NoDataNode,dG as NoteBackToSummary,e6 as PodContainer,ec as SourceContainer}from"./chunks/ui-components-CI2PiWkX.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/store.js

@@ -1 +1 @@
-export{bo as ProgressKeys,dY as useActiveNodeStore,eh as useDarkMode,E as useDataStreamStore,cz as useDrawerStore,bi as useEntityStore,cW as useFilterStore,cK as useModalStore,dQ as useNotificationStore,bn as useProgressStore,da as useSelectedStore,dC as useSetupStore}from"./chunks/ui-components-DmCQvtmV.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";
+export{bq as ProgressKeys,dZ as useActiveNodeStore,ei as useDarkMode,E as useDataStreamStore,cA as useDrawerStore,bk as useEntityStore,cX as useFilterStore,cL as useModalStore,dR as useNotificationStore,bp as useProgressStore,db as useSelectedStore,dD as useSetupStore}from"./chunks/ui-components-CI2PiWkX.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/theme.js

@@ -1 +1 @@
-export{f4 as Provider,f5 as animations,f6 as opacity,f7 as palettes}from"./chunks/ui-components-DmCQvtmV.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";
+export{f5 as Provider,f6 as animations,f7 as opacity,f8 as palettes}from"./chunks/ui-components-CI2PiWkX.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/types.js

@@ -1 +1 @@
-export{en as ActionCategory,f as ActionKeyTypes,s as ActionType,eo as AddNodeTypes,ep as BooleanOperation,R as CodeAttributesKeyTypes,cJ as Crud,Z as CustomInstrumentationsKeyTypes,dc as DesiredStateProgress,eq as DestinationTypes,er as EdgeTypes,a9 as EntityTypes,r as FieldTypes,X as GolangCustomProbe,V as HeadersCollectionKeyTypes,k as InputTypes,es as InstallationMethod,_ as InstrumentationRuleType,et as IntrumentationStatus,Y as JavaCustomProbe,eu as JsonOperation,K as K8sAttributesFrom,ea as K8sResourceKind,ev as ListDirection,dW as NodeTypes,ew as NumberOperation,ex as OtelDistroName,dG as OtherEntityTypes,cT as OtherStatus,bk as OtherStatusType,W as PayloadCollectionKeyTypes,ey as PlatformType,ez as PodContainerLifecycleStatus,eA as PodContainerStatus,eB as PodPhase,eC as Profile,aG as ProgrammingLanguages,eD as SIGNAL_KEY_TO_TYPE,dL as SIGNAL_TYPE_TO_KEY,eE as SignalKey,J as SignalType,eF as SortDirection,Q as StatusType,eG as StringOperation,a8 as Tier,c0 as WorkloadRolloutStatus}from"./chunks/ui-components-DmCQvtmV.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";
+export{eo as ActionCategory,f as ActionKeyTypes,s as ActionType,ep as AddNodeTypes,eq as BooleanOperation,U as CodeAttributesKeyTypes,cK as Crud,_ as CustomInstrumentationsKeyTypes,dd as DesiredStateProgress,er as DestinationTypes,es as EdgeTypes,aa as EntityTypes,r as FieldTypes,Y as GolangCustomProbe,W as HeadersCollectionKeyTypes,k as InputTypes,et as InstallationMethod,$ as InstrumentationRuleType,eu as IntrumentationStatus,Z as JavaCustomProbe,ev as JsonOperation,K as K8sAttributesFrom,eb as K8sResourceKind,ew as ListDirection,dX as NodeTypes,ex as NumberOperation,ey as OtelDistroName,dH as OtherEntityTypes,cU as OtherStatus,bm as OtherStatusType,X as PayloadCollectionKeyTypes,ez as PlatformType,eA as PodContainerLifecycleStatus,eB as PodContainerStatus,eC as PodPhase,eD as Profile,aH as ProgrammingLanguages,eE as SIGNAL_KEY_TO_TYPE,dM as SIGNAL_TYPE_TO_KEY,eF as SignalKey,J as SignalType,eG as SortDirection,Q as StatusType,eH as StringOperation,a9 as Tier,c2 as WorkloadRolloutStatus}from"./chunks/ui-components-CI2PiWkX.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/visuals.js

@@ -1 +1 @@
-export{fq as VISUAL_ODIGOS_LOGO_HEIGHT,fr as VISUAL_ODIGOS_LOGO_WIDTH,em as VisualGreenRings,fs as VisualOdigosLogo}from"./chunks/ui-components-DmCQvtmV.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";
+export{fr as VISUAL_ODIGOS_LOGO_HEIGHT,fs as VISUAL_ODIGOS_LOGO_WIDTH,en as VisualGreenRings,ft as VisualOdigosLogo}from"./chunks/ui-components-CI2PiWkX.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/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@odigos/ui-kit",
-  "version": "0.0.222",
+  "version": "0.0.224",
   "author": "Odigos",
   "license": "MIT",
   "repository": {