@odigos/ui-kit 0.0.128 → 0.0.129

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (75) hide show
  1. package/CHANGELOG.md +8 -0
  2. package/lib/chunks/ui-components-a3c3ae8b.js +1770 -0
  3. package/lib/components/_v2/button/index.d.ts +4 -2
  4. package/lib/components/_v2/index.d.ts +1 -0
  5. package/lib/components/_v2/segment/index.d.ts +12 -0
  6. package/lib/components/tab-list/index.d.ts +2 -2
  7. package/lib/components/v2.js +1 -1
  8. package/lib/components.js +1 -1
  9. package/lib/constants.js +1 -1
  10. package/lib/containers.js +108 -108
  11. package/lib/functions.js +1 -1
  12. package/lib/hooks.js +1 -1
  13. package/lib/icons/{status/info-icon → common/book-icon}/index.d.ts +1 -1
  14. package/lib/icons/common/delete-icon/index.d.ts +2 -0
  15. package/lib/icons/common/dots-horizontal-icon/index.d.ts +2 -0
  16. package/lib/icons/common/dots-vertical-icon/index.d.ts +2 -0
  17. package/lib/icons/common/download-icon/index.d.ts +2 -0
  18. package/lib/icons/common/exclamation-circle-icon/index.d.ts +2 -0
  19. package/lib/icons/common/exclamation-triangle-icon/index.d.ts +2 -0
  20. package/lib/icons/common/expand-icon/index.d.ts +2 -0
  21. package/lib/icons/common/{help-icon → home-icon}/index.d.ts +1 -1
  22. package/lib/icons/common/i-square-icon/index.d.ts +2 -0
  23. package/lib/icons/common/index.d.ts +23 -3
  24. package/lib/icons/common/question-circle-icon/index.d.ts +2 -0
  25. package/lib/icons/common/refresh-icon/index.d.ts +2 -0
  26. package/lib/icons/common/server-disconnected-icon/index.d.ts +2 -0
  27. package/lib/icons/common/user-circle-icon/index.d.ts +2 -0
  28. package/lib/icons/common/v-icon/index.d.ts +2 -0
  29. package/lib/icons/common/v-square-icon/index.d.ts +2 -0
  30. package/lib/icons/common/x-square-icon/index.d.ts +2 -0
  31. package/lib/icons/index.d.ts +0 -2
  32. package/lib/icons/on-off/index.d.ts +2 -0
  33. package/lib/icons/on-off/sound-off-icon/index.d.ts +2 -0
  34. package/lib/icons/on-off/sound-on-icon/index.d.ts +2 -0
  35. package/lib/icons/overview/action-icon/index.d.ts +2 -0
  36. package/lib/icons/overview/data-stream-icon/index.d.ts +2 -0
  37. package/lib/icons/overview/destination-icon/index.d.ts +2 -0
  38. package/lib/icons/overview/gateway-icon/index.d.ts +2 -0
  39. package/lib/icons/overview/index.d.ts +12 -6
  40. package/lib/icons/overview/instrumentation-rule-icon/index.d.ts +2 -0
  41. package/lib/icons/overview/log-icon/index.d.ts +2 -0
  42. package/lib/icons/overview/pipeline-collector-icon/index.d.ts +2 -0
  43. package/lib/icons/overview/pod-icon/index.d.ts +2 -0
  44. package/lib/icons/overview/replica-icon/index.d.ts +2 -0
  45. package/lib/icons/overview/source-icon/index.d.ts +2 -0
  46. package/lib/icons/overview/yaml-icon/index.d.ts +2 -0
  47. package/lib/icons.js +1 -1
  48. package/lib/snippets/note-back-to-summary/index.d.ts +1 -1
  49. package/lib/snippets.js +1 -1
  50. package/lib/store/useSetupStore.d.ts +1 -1
  51. package/lib/store.js +1 -1
  52. package/lib/theme.js +1 -1
  53. package/lib/types.js +1 -1
  54. package/lib/visuals.js +1 -1
  55. package/package.json +1 -1
  56. package/lib/chunks/ui-components-b0804608.js +0 -1741
  57. package/lib/icons/common/refresh-arrows-icon/index.d.ts +0 -2
  58. package/lib/icons/math/index.d.ts +0 -4
  59. package/lib/icons/overview/actions-icon/index.d.ts +0 -2
  60. package/lib/icons/overview/data-streams-icon/index.d.ts +0 -2
  61. package/lib/icons/overview/destinations-icon/index.d.ts +0 -2
  62. package/lib/icons/overview/rules-icon/index.d.ts +0 -2
  63. package/lib/icons/overview/sources-icon/index.d.ts +0 -2
  64. package/lib/icons/status/check-circled-icon/index.d.ts +0 -2
  65. package/lib/icons/status/check-icon/index.d.ts +0 -2
  66. package/lib/icons/status/cross-circled-icon/index.d.ts +0 -2
  67. package/lib/icons/status/cross-icon/index.d.ts +0 -2
  68. package/lib/icons/status/error-round-icon/index.d.ts +0 -2
  69. package/lib/icons/status/error-triangle-icon/index.d.ts +0 -2
  70. package/lib/icons/status/index.d.ts +0 -8
  71. package/lib/icons/status/warning-triangle-icon/index.d.ts +0 -2
  72. /package/lib/icons/{math → common}/minus-circled-icon/index.d.ts +0 -0
  73. /package/lib/icons/{math → common}/minus-icon/index.d.ts +0 -0
  74. /package/lib/icons/{math → common}/plus-circled-icon/index.d.ts +0 -0
  75. /package/lib/icons/{math → common}/plus-icon/index.d.ts +0 -0
@@ -1,1741 +0,0 @@
1
- import{SamplerIcon as e,PiiMaskingIcon as t,ImageErrorIcon as o,K8sLogo as n,AddClusterInfoIcon as i,DeleteAttributeIcon as a,RenameAttributeIcon as r,CodeAttributesIcon as s,CustomInstrumentationIcon as l,HeadersCollectionIcon as c,PayloadCollectionIcon as d,JavaLogo as p,GoLogo as u,NodejsLogo as m,PythonLogo as h,DotnetLogo as g,CSharpLogo as x,CPlusPlusLogo as $,PhpLogo as f,RubyLogo as b,RustLogo as y,SwiftLogo as w,ElixirLogo as k,MysqlLogo as v,NginxLogo as E,PostgresLogo as C,RedisLogo as S,KafkaLogo as A,AlaudaLogo as D,AlibabaCloudLogo as T,AppDynamicsLogo as N,AxiomLogo as I,AzureBlobLogo as O,AzureMonitorLogo as z,BetterStackLogo as _,BonreeLogo as F,CauselyLogo as R,ChecklyLogo as L,ChronosphereLogo as M,ClickhouseLogo as B,AwsCloudwatchLogo as P,CoralogixLogo as j,Dash0Logo as U,DatadogLogo as V,OpenTelemetryLogo as W,DynatraceLogo as q,ElasticApmLogo as G,ElasticSearchLogo as H,GoogleCloudPlatformLogo as J,GrafanaLogo as K,GreptimeLogo as Y,GroundcoverLogo as X,HoneycombLogo as Q,HyperDxLogo as Z,InstanaLogo as ee,JaegerLogo as te,KloudmateLogo as oe,Last9Logo as ne,LightstepLogo as ie,LogzioLogo as ae,LokiLogo as re,LumigoLogo as se,MiddlewareLogo as le,NewRelicLogo as ce,ObserveLogo as de,OdigosLogo as pe,OneUptimeLogo as ue,OpenObserveLogo as me,OpsVerseLogo as he,OracleLogo as ge,PrometheusLogo as xe,QrynLogo as $e,GigapipeLogo as fe,QuickwitLogo as be,AwsS3Logo as ye,SeqLogo as we,SignozLogo as ke,SplunkLogo as ve,SumoLogicLogo as Ee,TelemetryHubLogo as Ce,TempoLogo as Se,TingyunLogo as Ae,TraceloopLogo as De,UptraceLogo as Te,VictoriaMetricsLogo as Ne,AwsXrayLogo as Ie,NamespacesIcon as Oe,SourcesIcon as ze,DestinationsIcon as _e,ActionsIcon as Fe,RulesIcon as Re,LogsIcon as Le,MetricsIcon as Me,TracesIcon as Be,VmLogo as Pe,InfoIcon as je,ErrorRoundIcon as Ue,WarningTriangleIcon as Ve,CheckCircledIcon as We,ArrowIcon as qe,HelpIcon as Ge,MinusIcon as He,CheckIcon as Je,ListIcon as Ke,CodeIcon as Ye,ExtendArrowIcon as Xe,PlusIcon as Qe,CopyIcon as Ze,EditIcon as et,EditedIcon as tt,SortArrowsIcon as ot,NotebookIcon as nt,XIcon as it,EyeClosedIcon as at,EyeOpenIcon as rt,NoDataIcon as st,CrossIcon as lt,SearchIcon as ct,TrashIcon as dt,DotIcon as pt}from"../icons.js";import{create as ut}from"zustand";import mt,{Fragment as ht,useMemo as gt,useState as xt,useEffect as $t,useRef as ft,forwardRef as bt,useCallback as yt,memo as wt}from"react";import kt from"javascript-time-ago";import{p as vt,c as Et,s as Ct,e as St,u as At}from"./vendor-f206ac21.js";import Dt,{ThemeProvider as Tt,keyframes as Nt,useTheme as It,css as Ot}from"styled-components";import{Handle as zt,Position as _t,ReactFlow as Ft,Controls as Rt}from"@xyflow/react";import Lt,{createPortal as Mt}from"react-dom";import{Highlight as Bt,themes as Pt}from"prism-react-renderer";import{ErrorBoundary as jt}from"react-error-boundary";import Ut from"lottie-react";const Vt=ut(e=>({activeNodeType:null,activeNodeId:null,setActiveNodeType:t=>e({activeNodeType:t}),setActiveNodeId:t=>e({activeNodeId:t})}));var Wt,qt,Gt,Ht,Jt,Kt,Yt,Xt,Qt,Zt,eo,to,oo,no,io,ao,ro,so,lo,co,po,uo,mo,ho,go,xo,$o,fo,bo,yo,wo,ko,vo,Eo;!function(e){e.Attributes="attributes",e.Samplers="samplers"}(Wt||(Wt={})),function(e){e.K8sAttributes="K8sAttributesResolver",e.AddClusterInfo="AddClusterInfo",e.DeleteAttributes="DeleteAttribute",e.RenameAttributes="RenameAttribute",e.PiiMasking="PiiMasking",e.ErrorSampler="ErrorSampler",e.ProbabilisticSampler="ProbabilisticSampler",e.LatencySampler="LatencySampler",e.ServiceNameSampler="ServiceNameSampler",e.SpanAttributeSampler="SpanAttributeSampler"}(qt||(qt={})),function(e){e.CollectContainerAttributes="collectContainerAttributes",e.CollectReplicaSetAttributes="collectReplicaSetAttributes",e.CollectWorkloadId="collectWorkloadId",e.CollectClusterId="collectClusterId",e.LabelsAttributes="labelsAttributes",e.AnnotationsAttributes="annotationsAttributes",e.ClusterAttributes="clusterAttributes",e.OverwriteExistingValues="overwriteExistingValues",e.AttributeNamesToDelete="attributeNamesToDelete",e.Renames="renames",e.PiiCategories="piiCategories",e.FallbackSamplingRatio="fallbackSamplingRatio",e.SamplingPercentage="samplingPercentage",e.EndpointsFilters="endpointsFilters",e.ServicesNameFilters="servicesNameFilters",e.AttributeFilters="attributeFilters"}(Gt||(Gt={})),function(e){e.Pod="pod",e.Namespace="namespace"}(Ht||(Ht={})),function(e){e.EXISTS="exists",e.EQUALS="equals",e.NOT_EQUALS="not_equals",e.CONTAINS="contains",e.NOT_CONTAINS="not_contains",e.REGEX="regex"}(Jt||(Jt={})),function(e){e.EXISTS="exists",e.EQUALS="equals",e.NOT_EQUALS="not_equals",e.GREATER_THAN="greater_than",e.LESS_THAN="less_than",e.GREATER_THAN_OR_EQUAL="greater_than_or_equal",e.LESS_THAN_OR_EQUAL="less_than_or_equal"}(Kt||(Kt={})),function(e){e.EXISTS="exists",e.EQUALS="equals"}(Yt||(Yt={})),function(e){e.EXISTS="exists",e.EQUALS="equals",e.NOT_EQUALS="not_equals",e.IS_VALID_JSON="is_valid_json",e.IS_INVALID_JSON="is_invalid_json",e.JSONPATH_EXISTS="jsonpath_exists",e.KEY_EQUALS="key_equals",e.KEY_NOT_EQUALS="key_not_equals"}(Xt||(Xt={})),function(e){e.Community="community",e.Cloud="cloud",e.Onprem="onprem"}(Qt||(Qt={})),function(e){e.K8s="k8s",e.Vm="vm"}(Zt||(Zt={})),function(e){e.Cli="odigos-cli",e.Helm="helm",e.Operator="odigos-operator"}(eo||(eo={})),function(e){e.Go="go",e.JavaScript="javascript",e.Python="python",e.Java="java",e.DotNet="dotnet",e.CSharp="csharp",e.CPlusPlus="cplusplus",e.Php="php",e.Ruby="ruby",e.Rust="rust",e.Swift="swift",e.Elixir="elixir",e.MySql="mysql",e.Nginx="nginx",e.Postgres="postgres",e.Redis="redis",e.Kafka="kafka",e.Ignored="ignored",e.Unknown="unknown",e.Processing="processing",e.NoContainers="no containers",e.NoRunningPods="no running pods"}(to||(to={})),function(e){e.Create="Create",e.Read="Read",e.Update="Update",e.Delete="Delete"}(oo||(oo={})),function(e){e.Namespace="Namespace",e.Source="Source",e.Destination="Destination",e.Action="Action",e.InstrumentationRule="InstrumentationRule"}(no||(no={})),function(e){e.DataStream="DataStream"}(io||(io={})),function(e){e.Input="input",e.MultiInput="multiInput",e.MultiTabledInput="multiTabledInput",e.KeyValuePair="keyValuePairs",e.TextArea="textarea",e.Dropdown="dropdown",e.Checkbox="checkbox",e.Toggle="toggle"}(ao||(ao={})),function(e){e.Text="text",e.Password="password",e.Number="number"}(ro||(ro={})),function(e){e.Warning="warning",e.Error="error",e.Success="success",e.Info="info",e.Default="default"}(so||(so={})),function(e){e.INSTRUMENTED="Instrumented",e.INSTRUMENTING="Instrumenting",e.UNINSTRUMENTED="Uninstrumented",e.NOT_INSTRUMENTED="Not Instrumented"}(lo||(lo={})),function(e){e.Loading="loading",e.Disabled="disabled"}(co||(co={})),function(e){e.Ascending="asc",e.Descending="desc"}(po||(po={})),function(e){e.CodeAttributes="code-attributes",e.FullPayloadCollection="full-payload-collection",e.DbPayloadCollection="db-payload-collection",e.QueryOperationDetector="query-operation-detector",e.AllowConcurrentAgents="allow_concurrent_agents",e.JavaEbpfInstrumentations="java-ebpf-instrumentations",e.JavaNativeInstrumentations="java-native-instrumentations",e.SizeS="size_s",e.SizeM="size_m",e.SizeL="size_l"}(uo||(uo={})),function(e){e.Header="header",e.Add="add",e.Base="base",e.Edged="edged",e.Frame="frame",e.Scroll="scroll",e.Skeleton="skeleton",e.MapItem="map-item",e.NoData="no-data",e.OdiLogo="odilogo"}(mo||(mo={})),function(e){e.Labeled="labeled"}(ho||(ho={})),function(e){e.AddRule="addRule",e.AddSource="addSource",e.AddAction="addAction",e.AddDestination="addDestination"}(go||(go={})),function(e){e.Alauda="alauda",e.AlibabaCloud="alibabacloud",e.AppDynamics="appdynamics",e.Axiom="axiom",e.AzureBlob="azureblob",e.AzureMonitor="azuremonitor",e.BetterStack="betterstack",e.Bonree="bonree",e.Causely="causely",e.Checkly="checkly",e.Chronosphere="chronosphere",e.ClickHouse="clickhouse",e.CloudWatch="cloudwatch",e.Coralogix="coralogix",e.Dash0="dash0",e.Datadog="datadog",e.Dynamic="dynamic",e.Dynatrace="dynatrace",e.ElasticApm="elasticapm",e.ElasticSearch="elasticsearch",e.GoogleCloud="googlecloud",e.GoogleCloudOTLP="googlecloudotlp",e.GrafanaCloudLoki="grafanacloudloki",e.GrafanaCloudPrometheus="grafanacloudprometheus",e.GrafanaCloudTempo="grafanacloudtempo",e.Greptime="greptime",e.Groundcover="groundcover",e.Honeycomb="honeycomb",e.HyperDX="hyperdx",e.Instana="instana",e.Jaeger="jaeger",e.Kafka="kafka",e.Kloudmate="kloudmate",e.Last9="last9",e.Lightstep="lightstep",e.LogzIo="logzio",e.Loki="loki",e.Lumigo="lumigo",e.Middleware="middleware",e.NewRelic="newrelic",e.Observe="observe",e.Odigos="odigos",e.OneUptime="oneuptime",e.OpenObserve="openobserve",e.Opsverse="opsverse",e.Oracle="oracle",e.OTLP="otlp",e.OTLPHttp="otlphttp",e.Prometheus="prometheus",e.Qryn="qryn",e.QrynOss="qryn-oss",e.Quickwit="quickwit",e.S3="s3",e.Seq="seq",e.Signoz="signoz",e.Splunk="splunk",e.SplunkSapm="splunksapm",e.SplunkOtlp="splunkotlp",e.SumoLogic="sumologic",e.TelemetryHub="telemetryhub",e.Tempo="tempo",e.Tingyun="tingyun",e.Traceloop="traceloop",e.Uptrace="uptrace",e.VictoriaMetrics="victoriametrics",e.VictoriaMetricsCloud="victoriametricscloud",e.XRay="xray"}(xo||(xo={})),function(e){e.CodeAttributes="CodeAttributes",e.HeadersCollection="HeadersCollection",e.PayloadCollection="PayloadCollection",e.CustomInstrumentation="CustomInstrumentation",e.UnknownType="UnknownType"}($o||($o={})),function(e){e.Column="column",e.FilePath="filePath",e.Function="function",e.LineNumber="lineNumber",e.Namespace="namespace",e.StackTrace="stacktrace"}(fo||(fo={})),function(e){e.HeaderKeys="headerKeys"}(bo||(bo={})),function(e){e.Java="java",e.Golang="golang"}(yo||(yo={}));class Co{className;methodName;constructor(e,t){this.className=e,this.methodName=t}Verify(){return!!this.className&&!!this.methodName}toString(){return this.Verify()?`${this.className}.${this.methodName}`:"[Faulty Java Probe]"}}class So{packageName;functionName;receiverName;receiverMethodName;constructor(e,t,o,n){this.packageName=e,this.functionName=t||"",this.receiverName=o||"",this.receiverMethodName=n||""}Verify(){return!(!this.packageName||(this.functionName?this.receiverMethodName||this.receiverName:!this.receiverMethodName||!this.receiverName))}toString(){return this.Verify()?this.functionName?`${this.packageName}.${this.functionName}`:this.receiverName&&this.receiverMethodName?`${this.packageName}.(${this.receiverName}).${this.receiverMethodName}`:"":"[Faulty Golang Probe]"}}!function(e){e.HttpRequest="httpRequest",e.HttpResponse="httpResponse",e.DbQuery="dbQuery",e.Messaging="messaging"}(wo||(wo={})),function(e){e.Logs="logs",e.Metrics="metrics",e.Traces="traces"}(ko||(ko={})),function(e){e.Deployment="Deployment",e.DaemonSet="DaemonSet",e.StatefulSet="StatefulSet",e.CronJob="CronJob",e.DeploymentConfig="DeploymentConfig"}(vo||(vo={})),function(e){e.Error="Error",e.Failure="Failure",e.Notice="Notice",e.Pending="Pending",e.Waiting="Waiting",e.Unsupported="Unsupported",e.Disabled="Disabled",e.Success="Success",e.Irrelevant="Irrelevant",e.Unknown="Unknown"}(Eo||(Eo={}));const Ao=s=>{const l=s?.toLowerCase(),c=l?.includes(Wt.Samplers),d=l===Wt.Attributes;return c?e:d?t:{[qt.K8sAttributes]:n,[qt.AddClusterInfo]:i,[qt.DeleteAttributes]:a,[qt.PiiMasking]:t,[qt.RenameAttributes]:r,[qt.ErrorSampler]:e,[qt.ProbabilisticSampler]:e,[qt.LatencySampler]:e,[qt.ServiceNameSampler]:e,[qt.SpanAttributeSampler]:e}[s]||o},Do=[{label:"Attributes",icon:Ao(Wt.Attributes),items:[{type:qt.K8sAttributes,icon:Ao(qt.K8sAttributes),label:"Kubernetes Attributes",description:"Add dynamic k8s resource attributes to your data.",allowedSignals:[ko.Traces,ko.Metrics,ko.Logs],docsEndpoint:"/pipeline/actions/attributes/k8sattributes",docsDescription:"This action adds kubernetes related resource attributes to spans, metrics data points and log records."},{type:qt.AddClusterInfo,icon:Ao(qt.AddClusterInfo),label:"Add Cluster Info",description:"Add static cluster-scoped attributes to your data.",allowedSignals:[ko.Traces,ko.Metrics,ko.Logs],docsEndpoint:"/pipeline/actions/attributes/addclusterinfo",docsDescription:"This action adds static resource attributes to spans, metrics data points and log records. It is useful to add cluster-wide attributes to all telemetry signals."},{type:qt.DeleteAttributes,icon:Ao(qt.DeleteAttributes),label:"Delete Attribute",description:"Delete attributes from logs, metrics, and traces.",allowedSignals:[ko.Traces,ko.Metrics,ko.Logs],docsEndpoint:"/pipeline/actions/attributes/deleteattribute",docsDescription:"This action will delete the specified attributes from all telemetry signals that are specified in the signals field, regardless of the source, or any other condition."},{type:qt.RenameAttributes,icon:Ao(qt.RenameAttributes),label:"Rename Attribute",description:"Rename attributes in logs, metrics, and traces.",allowedSignals:[ko.Traces,ko.Metrics,ko.Logs],docsEndpoint:"/pipeline/actions/attributes/renameattribute",docsDescription:"This action will rename the specified attributes from all telemetry signals that are specified in the signals field, regardless of the source, or any other condition."},{type:qt.PiiMasking,icon:Ao(qt.PiiMasking),label:"PII Masking",description:"Mask PII data in your traces.",allowedSignals:[ko.Traces],docsEndpoint:"/pipeline/actions/attributes/piimasking",docsDescription:"This action processes a list of PII categories to be masked from the traces."}]},{label:"Samplers",icon:Ao(Wt.Samplers),items:[{type:qt.ErrorSampler,icon:Ao(Wt.Samplers),label:"Error Sampler",description:"Sample errors based on percentage.",allowedSignals:[ko.Traces],docsEndpoint:"/pipeline/actions/sampling/errorsampler",docsDescription:"This action is a Global Action that supports error sampling by filtering out non-error traces."},{type:qt.LatencySampler,icon:Ao(Wt.Samplers),label:"Latency Sampler",description:"Add latency to your traces.",allowedSignals:[ko.Traces],docsEndpoint:"/pipeline/actions/sampling/latencysampler",docsDescription:"This action is an Endpoint Action that samples traces based on their duration for a specific service and endpoint (HTTP route) filter."},{type:qt.ProbabilisticSampler,icon:Ao(Wt.Samplers),label:"Probabilistic Sampler",description:"Sample traces based on percentage.",allowedSignals:[ko.Traces],docsEndpoint:"/pipeline/actions/sampling/probabilisticsampler",docsDescription:"This action supports probabilistic sampling based on a configured sampling percentage applied to the TraceID."},{type:qt.ServiceNameSampler,icon:Ao(Wt.Samplers),label:"Service Name Sampler",description:"Sample traces based on the presence of specified services within a trace.",allowedSignals:[ko.Traces],docsEndpoint:"/pipeline/actions/sampling/servicenamesampler",docsDescription:"This action supports service name sampling based on the presence of specified services within a trace."},{type:qt.SpanAttributeSampler,icon:Ao(Wt.Samplers),label:"Span Attributes Sampler",description:"Sample traces based on the presence or value of specific attributes within a trace.",allowedSignals:[ko.Traces],docsEndpoint:"/pipeline/actions/sampling/spanattributesampler",docsDescription:"This action supports service name sampling based on the presence or value of specific attributes within a trace."}]}],To={DETECTED:{TITLE:"Detected by Odigos",DESCRIPTION:"Odigos found these destinations in your cluster and pre-filled their details. Review and enable them to start sending data."},EXISTS:{TITLE:"Already configured",DESCRIPTION:"These are destinations that you have already configured in other data-streams and can reuse them."},MANAGED:{TITLE:"Managed",DESCRIPTION:"Effortless monitoring with scalable performance management."},SELF_HOSTED:{TITLE:"Self-hosted",DESCRIPTION:"Full control and customization for advanced application monitoring."}},No=e=>({[$o.CodeAttributes]:s,[$o.CustomInstrumentation]:l,[$o.HeadersCollection]:c,[$o.PayloadCollection]:d,[$o.UnknownType]:o}[e]||o),Io=[{type:$o.CodeAttributes,icon:No($o.CodeAttributes),label:"Code Attributes",description:"Collect code attributes containing payload data to traces.",docsEndpoint:"/pipeline/rules/codeattributes",docsDescription:'The "Code Attributes" Rule can be used to add code attributes containing payload data to traces.',supportedLanguages:[to.Go,to.Python]},{type:$o.CustomInstrumentation,icon:No($o.CustomInstrumentation),label:"Custom Instrumentation",description:"Define custom instrumentation for specific class and methods(i.e for Java) or explicit symbol(i.e. Golang).",docsEndpoint:"/pipeline/rules/custominstrumentation",docsDescription:'The "Custom Instrumentation" Rule can be used to instrument a specific symbol(i.e for Golang), or a class and method combination (i.e. for Java) for detailed tracing.',supportedLanguages:[to.Go,to.Java]},{type:$o.HeadersCollection,icon:No($o.HeadersCollection),label:"Headers Collection",description:"Collect span attributes containing HTTP Headers data to traces.",docsEndpoint:"/pipeline/rules/headerscollection",docsDescription:'The "Headers Collection" Rule can be used to add span attributes containing HTTP Headers data to traces.',supportedLanguages:[to.Go,to.Java,to.JavaScript]},{type:$o.PayloadCollection,icon:No($o.PayloadCollection),label:"Payload Collection",description:"Collect span attributes containing payload data to traces.",docsEndpoint:"/pipeline/rules/payloadcollection",docsDescription:'The "Payload Collection" Rule can be used to add span attributes containing payload data to traces.',supportedLanguages:[to.Go]}],Oo=[{id:ko.Logs,value:"Logs"},{id:ko.Metrics,value:"Metrics"},{id:ko.Traces,value:"Traces"}],zo=e=>e.charAt(0).toUpperCase()+e.slice(1),_o=e=>{const t=e=>e.filter(e=>"object"==typeof e&&null!==e?""!==e.key&&""!==e.value:""!==e),o=e=>Object.fromEntries(Object.entries(e).filter(([e,t])=>""!==e&&""!==t).map(([e,n])=>Array.isArray(n)?[e,t(n)]:"object"==typeof n&&null!==n?[e,o(n)]:[e,n]));return Object.entries(e).reduce((e,[n,i])=>{try{const a=JSON.parse(i);Array.isArray(a)?e[n]=JSON.stringify(t(a)):e[n]="object"==typeof a&&null!==a?JSON.stringify(o(a)):i}catch(a){"object"==typeof i&&null!==i?Array.isArray(i)?e[n]=JSON.stringify(t(i)):e[n]=JSON.stringify(o(i)):e[n]=i}return e},{})};var Fo;!function(e){e.SIGNALS="SIGNALS"}(Fo||(Fo={}));const Ro=(e,t,o)=>{if(!e||!e.length)return!0;if(1===e.length)return"true"==e[0];const[n,i,a]=e;if(n===Fo.SIGNALS)switch(i){case"INCLUDES":return t?.includes(a);case"EXCLUDES":return!t?.includes(a);default:return!0}const r=o.find(e=>e.name===n);if(!r)return!0;switch(i){case"===":case"==":return r.value===a;case"!==":case"!=":return r.value!==a;case">":return Number(r.value)>Number(a);case"<":return Number(r.value)<Number(a);case">=":return Number(r.value)>=Number(a);case"<=":return Number(r.value)<=Number(a);default:return!0}},Lo=e=>JSON.parse(JSON.stringify(e)),Mo=(e,t)=>{let o=[...e];return t.monitors?.length&&(o=o.filter(e=>!!t.monitors?.find(t=>e.signals?.find(e=>e.toLowerCase()===t.id)))),o},Bo=(e,t)=>{let o=[...e];return t.monitors?.length&&(o=o.filter(e=>!!t.monitors?.find(t=>e.exportedSignals[t.id]))),o},Po=(e,t)=>t?e.filter(e=>e.dataStreamNames.includes(t)||!e.dataStreamNames.length):[],jo=(e,t)=>{let o=[...e];return t.namespaces?.length&&(o=o.filter(({namespace:e})=>!!t.namespaces?.find(({id:t})=>t===e))),t.kinds?.length&&(o=o.filter(({kind:e})=>!!t.kinds?.find(({id:t})=>t===e))),t.languages?.length&&(o=o.filter(({containers:e})=>!!t.languages?.find(({id:t})=>!!e?.find(({language:e})=>t===e)))),t.conditions?.length&&(o=o.filter(({conditions:e})=>!!t.conditions?.find(({id:t})=>!!e?.find(({type:e,reason:o})=>t===`${e}#${o}`)))),t.onlyErrors&&(o=o.filter(e=>!!e.conditions?.find(e=>e.status===so.Error))),t.errors?.length&&(o=o.filter(e=>!!t.errors?.find(t=>!!e.conditions?.find(e=>e.message===t.id)))),o},Uo=(e,t)=>t?e.filter(e=>e.dataStreamNames.includes(t)||t===Ln&&!e.dataStreamNames.length):[],Vo=(e,t="",o={})=>{for(const n in e)if(e.hasOwnProperty(n)){const i=e[n],a=t?`${t}.${n}`:n;null===i||"object"!=typeof i||Array.isArray(i)?Array.isArray(i)?i.forEach((e,t)=>{const n=`${a}[${t}]`;null!==e&&"object"==typeof e?Vo(e,n,o):o[n]=e}):o[a]=i:Vo(i,a,o)}return o},Wo=e=>{if(!e)return"0 KB/s";const t=Math.floor(Math.log(e)/Math.log(1024));return`${(e/Math.pow(1024,t)).toFixed(0===t?0:1)} ${["Bytes/s","KB/s","MB/s","GB/s","TB/s"][t]}`},qo=e=>{if(!e)return"0 ns";if(e<1e3)return`${e.toFixed(0)} ns`;if(e<1e6){const t=e/1e3;return`${t.toFixed(t<10?2:0)} μs`}if(e<1e9){const t=e/1e6;return`${t.toFixed(t<10?2:0)} ms`}if(e<6e10){const t=e/1e9;return`${t.toFixed(t<10?2:0)} s`}if(e<36e11){const t=e/6e10;return`${t.toFixed(t<10?2:0)} m`}if(e<864e11){const t=e/36e11;return`${t.toFixed(t<10?2:0)} h`}{const t=e/864e11;return`${t.toFixed(t<10?2:0)} d`}},Go=e=>{const t=e?.filter(({status:e})=>e===so.Error),o=e?.filter(({status:e})=>e===so.Warning),n=e?.filter(({status:e})=>e===co.Disabled),i=e?.filter(({status:e})=>e===co.Loading),a=t.length>0,r=o.length>0,s=n.length>0;return{errors:t,hasErrors:a,warnings:o,hasWarnings:r,disableds:n,hasDisableds:s,loadings:i,hasLoadings:i.length>0,priorotizedStatus:a?so.Error:r?so.Warning:s?so.Info:void 0}},Ho=e=>{const t=e?.reduce((e,t)=>t.instrumented?e+1:e,0);return`${t}/${e?.length||0} instrumented`},Jo=e=>({[to.Java]:p,[to.Go]:u,[to.JavaScript]:m,[to.Python]:h,[to.DotNet]:g,[to.CSharp]:x,[to.CPlusPlus]:$,[to.Php]:f,[to.Ruby]:b,[to.Rust]:y,[to.Swift]:w,[to.Elixir]:k,[to.MySql]:v,[to.Nginx]:E,[to.Postgres]:C,[to.Redis]:S,[to.Kafka]:A,[to.Ignored]:o,[to.Unknown]:o,[to.Processing]:o,[to.NoContainers]:o,[to.NoRunningPods]:o}[e]||o),Ko=e=>e?.map(({language:e})=>Jo(e))||[],Yo=(e,t)=>{const o={[xo.Alauda]:D,[xo.AlibabaCloud]:T,[xo.AppDynamics]:N,[xo.Axiom]:I,[xo.AzureBlob]:O,[xo.AzureMonitor]:z,[xo.BetterStack]:_,[xo.Bonree]:F,[xo.Causely]:R,[xo.Checkly]:L,[xo.Chronosphere]:M,[xo.ClickHouse]:B,[xo.CloudWatch]:P,[xo.Coralogix]:j,[xo.Dash0]:U,[xo.Datadog]:V,[xo.Dynamic]:W,[xo.Dynatrace]:q,[xo.ElasticApm]:G,[xo.ElasticSearch]:H,[xo.GoogleCloud]:J,[xo.GoogleCloudOTLP]:J,[xo.GrafanaCloudLoki]:K,[xo.GrafanaCloudPrometheus]:K,[xo.GrafanaCloudTempo]:K,[xo.Greptime]:Y,[xo.Groundcover]:X,[xo.Honeycomb]:Q,[xo.HyperDX]:Z,[xo.Instana]:ee,[xo.Jaeger]:te,[xo.Kafka]:A,[xo.Kloudmate]:oe,[xo.Last9]:ne,[xo.Lightstep]:ie,[xo.LogzIo]:ae,[xo.Loki]:re,[xo.Lumigo]:se,[xo.Middleware]:le,[xo.NewRelic]:ce,[xo.Observe]:de,[xo.Odigos]:pe,[xo.OneUptime]:ue,[xo.OpenObserve]:me,[xo.Opsverse]:he,[xo.Oracle]:ge,[xo.OTLP]:W,[xo.OTLPHttp]:W,[xo.Prometheus]:xe,[xo.Qryn]:$e,[xo.QrynOss]:fe,[xo.Quickwit]:be,[xo.S3]:ye,[xo.Seq]:we,[xo.Signoz]:ke,[xo.Splunk]:ve,[xo.SplunkSapm]:ve,[xo.SplunkOtlp]:ve,[xo.SumoLogic]:Ee,[xo.TelemetryHub]:Ce,[xo.Tempo]:Se,[xo.Tingyun]:Ae,[xo.Traceloop]:De,[xo.Uptrace]:Te,[xo.VictoriaMetrics]:Ne,[xo.VictoriaMetricsCloud]:Ne,[xo.XRay]:Ie}[e];return o&&!t?{icon:o}:{iconSrc:`https://d15jtxgb40qetw.cloudfront.net/${e}.svg`}},Xo=e=>({[no.Namespace]:Oe,[no.Source]:ze,[no.Destination]:_e,[no.Action]:Fe,[no.InstrumentationRule]:Re}[e]),Qo=e=>"ruleId"in e&&e.ruleId?e.ruleId:"id"in e&&e.id?e.id:"namespace"in e&&e.namespace&&"kind"in e&&e.kind&&"name"in e&&e.name?{namespace:e.namespace,name:e.name,kind:e.kind}:"name"in e&&e.name?e.name:void 0,Zo=(e,t,o)=>{const{extended:n,prioritizeDisplayName:i}=o||{};let a="",r="";switch(t){case no.InstrumentationRule:const t=e;a=t.type,r=t.ruleName;break;case no.Source:const o=e;a=o.name,r=o.otelServiceName;break;case no.Action:const n=e;a=n.type,r=n.name;break;case no.Destination:const i=e;a=i.destinationType.displayName,r=i.name;break;case no.Namespace:const s=e;a=s.name,r=s.name}return n?a+(r&&r!==a?` (${r})`:""):i&&r||a},en=(e,t)=>{if(t===no.Source){const t={namespace:"",name:"",kind:""};return e.split("&").forEach(e=>{const[o,n]=e.split("=");t[o]=n}),t}return e},tn=e=>{const{numberOfInstances:t,containers:o}=e;if(!o)return t&&t>0?to.Processing:to.NoRunningPods;const n=o?.filter(e=>e.language!==to.Ignored);if(!n.length)return to.NoContainers;const i=n.find(e=>e.language!==to.Unknown);return i?i.language:to.Unknown},on=(e,t,o)=>(t===no.Source?e?.sources.find(e=>e.kind===o.kind&&e.name===o.name&&e.namespace===o.namespace):e?.destinations.find(e=>e.id===o))||{throughput:0},nn=e=>({[ko.Logs]:Le,[ko.Metrics]:Me,[ko.Traces]:Be}[e]),an=e=>e?{[Zt.K8s]:n,[Zt.Vm]:Pe}[e]:pe,rn=e=>e?{[Zt.K8s]:"Kubernetes Cluster",[Zt.Vm]:"Virtual Machine"}[e]:"Unknown",sn=(e,t,o)=>{const n=e[t];return n?n.flatMap(e=>{const n=e[o],i=[];return void 0!==n&&(Array.isArray(n)?i.push(...n):i.push(n)),i.push(...sn(e,t,o)),i}):[]},ln=(e,t)=>{if(t===no.Source){let t="";return Object.entries(e).forEach(([e,o])=>{t+=`${e}=${o}&`}),t.slice(0,-1),t}return e},cn=(e,t,o)=>{switch(t){case so.Default:return e.v2.colors.purple[o];case so.Info:return e.v2.colors.blue[o];case so.Error:return e.v2.colors.red[o];case so.Warning:return e.v2.colors.yellow[o];case so.Success:return e.v2.colors.green[o];default:return e.v2.colors.white[500]}},dn=(e,t)=>({[so.Default]:o=>pe({fill:cn(t,e,"300"),...o}),[so.Info]:o=>je({fill:cn(t,e,"400"),...o}),[so.Error]:o=>Ue({fill:cn(t,e,"500"),...o}),[so.Warning]:o=>Ve({fill:cn(t,e,"500"),...o}),[so.Success]:o=>We({fill:cn(t,e,"500"),...o})}[e]),pn=e=>{switch(e){case Eo.Success:return so.Success;case Eo.Error:case Eo.Failure:return so.Error;case Eo.Notice:return so.Warning;case Eo.Unsupported:case Eo.Unknown:return so.Info;case Eo.Irrelevant:case Eo.Disabled:return co.Disabled;case Eo.Waiting:return co.Loading;case Eo.Pending:default:return so.Default}},un=(e,t)=>{const o=t.find(([t,o])=>e>=t&&(null===o||e<=o));return o?.[2]||null},mn=({namespace:e,name:t,kind:o})=>({namespace:e,name:t,kind:o});function hn(e,t){if(!e)return t;if("object"==typeof e)return e;try{return JSON.parse(e)}catch(e){return t}}const gn=(e,t)=>{const o=[],n=JSON.parse(JSON.stringify(e));for(const e of n){const n=hn(t.fields,{}),i=e.items.findIndex(e=>e.type===t.destinationType.type);-1!==i&&o.push(...e.items[i].fields.map(e=>({...e,initialValue:n[e.name]})))}return o},xn=(e,t)=>{const o=e=>e?.some(({healthy:e})=>e.status!==so.Success);return e?.length?e.some(({instrumentationInstances:e})=>o(e)):o(t)??!1},$n=e=>Array.isArray(e)?!e?.length:"object"==typeof e?!Object.keys(e||{}).length:[void 0,null,""].includes(e),fn=e=>!!e&&(!(e.length>63)&&/^(([A-Za-z0-9][-A-Za-z0-9_.]*)?[A-Za-z0-9])?$/.test(e)),bn=(e,t=0)=>{const o=(new Date).getTime();return new Date(e).getTime()-o<=t},yn=e=>{const t=String(e).trim().toLowerCase();return["true","false","1","0"].includes(t)},wn=(e,t=0)=>(new Date).getTime()-new Date(e).getTime()>=t,kn=/^(\d+\.)?(\d+\.)?(\*|\d+)$/,vn=e=>kn.test(e),En=e=>e?e.replace(/([a-z0-9])([A-Z])/g,"$1 $2"):"",Cn=e=>e?.map(({status:e,type:t,reason:o,message:n,lastTransitionTime:i})=>({status:e,type:En(t),reason:o?En(o):"",message:n,lastTransitionTime:i}))||[],Sn=(e,t)=>{const o=hn(e.fields,{});return t.length?t.map(e=>({key:e.name,name:e.displayName||e.name,value:o[e.name]??null})).filter(e=>null!==e.value):Object.entries(o).map(([e,t])=>({key:e,name:e,value:t}))},An=e=>e?Object.keys(e).filter(t=>e[t]):[],Dn=e=>e.replace(/[^\d]/g,""),Tn=e=>{const t=String(e).trim().toLowerCase();return"true"===t||"1"===t},Nn=e=>{let t="";try{const o=JSON.parse(e);t=Array.isArray(o)?o.map(e=>"object"==typeof e&&null!==e?`${e.key}: ${e.value}`:e).join(", "):"object"==typeof o&&null!==o?Object.entries(o).map(([e,t])=>`${e}: ${t}`).join(", "):e}catch(o){t=e}return t},In=e=>{if("object"!=typeof e)return e;const t=Array.isArray(e)?[]:{};return Object.keys(e).forEach(o=>{const n=e[o];if(Array.isArray(n)){const e=n.filter(e=>null!=e&&""!==e);e.length>0&&(t[o]=e.map(e=>In(e)))}else if("object"==typeof n&&null!==n){const e=In(n);Object.keys(e).length>0&&(t[o]=e)}else[void 0,null,""].includes(n)||(t[o]=n)}),t},On=(e,t=2)=>JSON.stringify(e||{},null,t),zn=async(e=1e3)=>new Promise(t=>setTimeout(t,e)),_n=e=>Object.entries(e).reduce((e,[t,o])=>(e[t]="string"==typeof o?o:JSON.stringify(o),e),{}),Fn={[to.Go]:"Go",[to.Java]:"Java",[to.JavaScript]:"Node.js",[to.Python]:"Python",[to.DotNet]:".NET",[to.CSharp]:"C#",[to.CPlusPlus]:"C++",[to.Php]:"PHP",[to.Ruby]:"Ruby",[to.Rust]:"Rust",[to.Swift]:"Swift",[to.Elixir]:"Elixir",[to.MySql]:"MySQL",[to.Nginx]:"Nginx",[to.Postgres]:"PostgreSQL",[to.Redis]:"Redis",[to.Kafka]:"Kafka",[to.Ignored]:"Ignored",[to.Unknown]:"Unknown",[to.Processing]:"Processing",[to.NoContainers]:"No Containers",[to.NoRunningPods]:"No Running Pods"},Rn=[{id:to.Go,value:Fn[to.Go],icon:Jo(to.Go)},{id:to.Java,value:Fn[to.Java],icon:Jo(to.Java)},{id:to.JavaScript,value:Fn[to.JavaScript],icon:Jo(to.JavaScript)},{id:to.Python,value:Fn[to.Python],icon:Jo(to.Python)},{id:to.Php,value:Fn[to.Php],icon:Jo(to.Php)},{id:to.Ruby,value:Fn[to.Ruby],icon:Jo(to.Ruby)},{id:to.Rust,value:Fn[to.Rust],icon:Jo(to.Rust)},{id:to.DotNet,value:Fn[to.DotNet],icon:Jo(to.DotNet)},{id:to.CSharp,value:Fn[to.CSharp],icon:Jo(to.CSharp)},{id:to.CPlusPlus,value:Fn[to.CPlusPlus],icon:Jo(to.CPlusPlus)},{id:to.Swift,value:Fn[to.Swift],icon:Jo(to.Swift)},{id:to.Elixir,value:Fn[to.Elixir],icon:Jo(to.Elixir)}],Ln="default",Mn={SELECTED_DATA_STREAM:"SELECTED_DATA_STREAM",SELECTED_DATA_STREAM_WITH_PROXY:e=>`SELECTED_DATA_STREAM_${e}`,OVERVIEW_FILTERS:"OVERVIEW_FILTERS",DARK_MODE:"DARK_MODE"},Bn={REQUIRED_FIELDS:"Required fields are missing",FIELD_IS_REQUIRED:"This field is required",FORBIDDEN:"Forbidden",ENTERPRISE_ONLY:(e="This")=>`${e} is an Enterprise feature. Please upgrade your plan.`,DEFINED_FOR_ALL_STREAMS:e=>`${e} are defined for all Data Streams.`,CANNOT_EDIT_RULE:"Cannot edit a system-managed instrumentation rule",CANNOT_DELETE_RULE:"Cannot delete a system-managed instrumentation rule",LATENCY_HTTP_ROUTE:'HTTP route must start with a forward slash "/"',READONLY_WARNING:"You're not allowed to create/update/delete in readonly mode",ILLEGAL_K8S_LABEL:'Must be 63 characters or less, must consist of alphanumeric characters, "-", "_", or ".", and must start & end with an alphanumeric character (e.g., my-name, 123.abc).',INVALID_VERSION:'Invalid version format, must be in the format of "major.minor.patch" (e.g. 1.0.0)'},Pn={NAMESPACE:"Namespace",NAME:"Name",KIND:"Kind",CONNECTION:"Connection",CONNECTIONS:"Connections",DATA_STREAM:"Data Stream",DATA_STREAMS:"Data Streams",STREAM_NAME:"Data Stream Name",NAME_YOUR_STREAM:"Name your Data Stream",NAME_YOUR_STREAM_PLACEHOLDER:"e.g. Highest priority",STREAM_DESCRIPTION:"Provide a clear and descriptive name for your pipeline to ensure its purpose is easily understood by you and your team.",STREAM_CONFIRM:"Confirm your new Data Stream",DATA_STREAM_EXISTS_WARNING:(e,t)=>`A Data Stream with this name already exists, you can still rename the current "${e}", but it will merge into the existing "${t}".`,ACTION:"Action",ACTIONS:"Actions",ADD_ACTION:"Add Action",ACTION_DETAILS:"Action Details",INSTRUMENTATION_RULE:"Instrumentation Rule",INSTRUMENTATION_RULES:"Instrumentation Rules",ADD_INSTRUMENTATION_RULE:"Add Instrumentation Rule",INSTRUMENTATION_RULE_DETAILS:"Instrumentation Rule Details",DESTINATION:"Destination",DESTINATIONS:"Destinations",ADD_DESTINATION:"Add Destination",ADD_DESTINATIONS:"Add Destinations",ADD_DESTINATION_DESCRIPTION:"Add a destination to send your telemetry data to. You can add multiple destinations.",DESTINATION_DETAILS:"Destination Details",SELECTED_DESTINATIONS:"Selected Destinations",SOURCE:"Source",SOURCES:"Sources",ADD_SOURCE:"Add Source",SOURCE_DETAILS:"Source Details",SELECT_SOURCES:"Select Sources",SELECTED_SOURCES:"Selected Sources",SELECT_SOURCES_DESCRIPTION:"Choose which sources to monitor in your pipeline.",NO_SOURCES:"No sources",NO_SOURCES_GO_BACK:"No sources selected. Please go back to select sources.",PLEASE_ADD_SOURCE:"Please add a source",NO_SOURCES_NAMESPACE:"No sources available in this namespace",TRY_SEARCH_OR_OTHER_NAMESPACE:"Try searching again or select another namespace.",PLEASE_MAKE_SURE_UNIGNORED_NAMESPACES:"Please make sure your cluster has unignored namespaces",INSTALLATION:"Installation",SUMMARY:"Summary",TYPE:"Type",NOTES:"Notes",STATUS:"Status",READONLY:"Readonly",LANGUAGE:"Language",VERSION:"Version",RUNTIME_VERSION:"Runtime Version",VERSION_PLACEHOLDER:"1.0.0",MONITORS:"Monitors",SIGNALS_FOR_PROCESSING:"Signals for Processing",MANAGED_BY_PROFILE:"Managed by Profile",TIER:"Tier",ENTERPRISE:"Enterprise",ENTERPRISE_TIER:"Enterprise Tier",COMMUNITY:"Community",COMMUNITY_TIER:"Community Tier",API_TOKEN:"API Token",API_TOKENS:"API Tokens",DESCRIBE_ODIGOS:"Describe Odigos",DESCRIBE_SOURCE:"Describe Source",DETECTED_CONTAINERS:"Detected Containers",DETECTED_CONTAINERS_DESCRIPTION:"The system automatically instruments the containers it detects with a supported programming language.",DETECTED_PROCESSES:"Detected Processes",DETECTED_PROCESSES_DESCRIPTION:"The system automatically instruments the processes it detects with a supported programming language.",CONTAINER_NAME:"Container Name",FILTERED_COUNT_TOOLTIP:"Represents filtered amount, out of total amount",SEARCH_NAMESPACES:"Search Namespaces",SEARCH_SOURCES:"Search Sources",SELECT_ALL:"Select All",ONLY_SELECTED:"Only selected",ONLY_RUNNING_INSTANCES:"Only running instances",TO_COLLECT_OTEL_DATA:"To collect OpenTelemetry data",TO_MONITOR_OTEL_DATA:"To monitor OpenTelemetry data",TO_MODIFY_OTEL_DATA:"To modify OpenTelemetry data",QUICK_BACK_TO_SUMMARY:"When you finish editing you can quickly go back to the summary.",GO_TO_SUMMARY:"Go to summary",FUTURE_APPS_TITLE:"Auto-instrument new apps",FUTURE_APPS_DESCRIPTION:"When enabled, new applications will be instrumented automatically and included in the current data stream.",OVERIDE:"Override",OVERIDDEN:"Overridden",OVERRIDE_RUNTIME_DETAILS:"Override Runtime Details",OVERRIDE_RUNTIME_WARNING:"This is an advanced configuration. If the selected programming language is incorrect, data collection may be incomplete or may not occur at all.",ACTIVE:"Active",INACTIVE:"Inactive",ENABLED:"Enabled",DISABLED:"Disabled",NO_TRACES_FOUND:"No traces found",ARE_SERVICES_INSTRUMENTED_AND_PRODUCING_TRAFFIC:"Are your services instrumented & producing traffic?",JAVA_CUSTOM_PROBES:"Java Custom Probes",GOLANG_CUSTOM_PROBES:"Golang Custom Probes"},jn={ADD:"Add",ADD_NEW:"Add New",NEW:"New",SELECT:"Select",CREATE:"Create",UPDATE:"Update",EDIT:"Edit",DELETE:"Delete",CANCEL:"Cancel",DONE:"Done",SAVE:"Save",BACK:"Back",NEXT:"Next",TEST:"Test",TEST_CONNECTION:"Test Connection",INSTRUMENT:"Instrument",UNINSTRUMENT:"Uninstrument"},Un=6048e5,Vn=ut()(vt(e=>({darkMode:!0,setDarkMode:t=>e({darkMode:t})}),{name:Mn.DARK_MODE,storage:"undefined"!=typeof window?Et(()=>localStorage):void 0})),Wn={dataStreamsLoading:!1,dataStreams:[],selectedStreamName:""},qn=ut(e=>({...Wn,setDataStreamsLoading:t=>e({dataStreamsLoading:t}),setDataStreams:t=>e({dataStreams:t}),addDataStreams:t=>e(e=>{const o=[...e.dataStreams,...t].map(e=>[e.name,e]);return{dataStreams:Array.from(new Map(o).values())}}),removeDataStreams:t=>e(e=>({dataStreams:e.dataStreams.filter(e=>!t.find(t=>t.name===e.name))})),setSelectedStreamName:t=>e({selectedStreamName:t}),resetDataStreamStore:()=>e(Wn)})),Gn=ut(e=>({drawerType:null,drawerEntityId:null,setDrawerType:t=>e({drawerType:t}),setDrawerEntityId:t=>e({drawerEntityId:t})})),Hn=ut(e=>({namespacesLoading:!1,namespaces:[],sourcesLoading:!1,sources:[],destinationsLoading:!1,destinations:[],actionsLoading:!1,actions:[],instrumentationRulesLoading:!1,instrumentationRules:[],setEntitiesLoading:(t,o)=>{const n=t===no.Namespace?"namespacesLoading":t===no.Source?"sourcesLoading":t===no.Destination?"destinationsLoading":t===no.Action?"actionsLoading":t===no.InstrumentationRule?"instrumentationRulesLoading":"NONE";"NONE"!==n&&e({[n]:o})},setEntities:(t,o)=>{const n=t===no.Namespace?"namespaces":t===no.Source?"sources":t===no.Destination?"destinations":t===no.Action?"actions":t===no.InstrumentationRule?"instrumentationRules":"NONE";"NONE"!==n&&e({[n]:o})},addEntities:(t,o)=>{const n=t===no.Namespace?"namespaces":t===no.Source?"sources":t===no.Destination?"destinations":t===no.Action?"actions":t===no.InstrumentationRule?"instrumentationRules":"NONE";"NONE"!==n&&e(e=>{const t=[...e[n]];return o.forEach(e=>{const o=t.findIndex(t=>JSON.stringify(Qo(t))===JSON.stringify(Qo(e)));-1!==o?t[o]={...t[o],...e}:t.push(e)}),{[n]:t}})},removeEntities:(t,o)=>{const n=t===no.Namespace?"namespaces":t===no.Source?"sources":t===no.Destination?"destinations":t===no.Action?"actions":t===no.InstrumentationRule?"instrumentationRules":"NONE";"NONE"!==n&&e(e=>{const i=[...e[n]];return o.forEach(e=>{const o=i.findIndex(o=>t===no.Source?JSON.stringify(Qo(o))===JSON.stringify(Qo(e)):Qo(o)===e);-1!==o&&i.splice(o,1)}),{[n]:i}})},resetEntityStore:()=>{e({namespacesLoading:!1,namespaces:[],sourcesLoading:!1,sources:[],destinationsLoading:!1,destinations:[],actionsLoading:!1,actions:[],instrumentationRulesLoading:!1,instrumentationRules:[]})}})),Jn=()=>({searchText:"",statuses:[],platformTypes:[],namespaces:[],kinds:[],monitors:[],languages:[],conditions:[],errors:[],onlyErrors:!1}),Kn=ut(e=>({searchText:"",setSearchText:t=>e({searchText:t}),statuses:[],setStatuses:t=>e({statuses:t}),platformTypes:[],setPlatformTypes:t=>e({platformTypes:t}),namespaces:[],setNamespaces:t=>e({namespaces:t}),kinds:[],setKinds:t=>e({kinds:t}),monitors:[],setMonitors:t=>e({monitors:t}),languages:[],setLanguages:t=>e({languages:t}),conditions:[],setConditions:t=>e({conditions:t}),errors:[],setErrors:t=>e({errors:t}),onlyErrors:!1,setOnlyErrors:t=>e({onlyErrors:t}),setAll:t=>e(t),clearAll:()=>e({searchText:"",statuses:[],platformTypes:[],namespaces:[],kinds:[],monitors:[],languages:[],conditions:[],errors:[],onlyErrors:!1}),getEmptyState:Jn})),Yn=ut(e=>({isAwaitingInstrumentation:!1,sourcesToCreate:0,sourcesCreated:0,sourcesToDelete:0,sourcesDeleted:0,setInstrumentAwait:t=>e({isAwaitingInstrumentation:t}),setInstrumentCount:(t,o)=>e({[t]:o})})),Xn=ut(e=>({currentModal:"",setCurrentModal:t=>e({currentModal:t})})),Qn=ut((e,t)=>({notifications:[],addNotification:o=>{const n=new Date,i=`${n.getTime().toString()}${o.target?`#${o.target}`:""}`,{notifications:a}=t();a.some(e=>e.type===o.type&&e.title===o.title&&e.message===o.message&&!e.dismissed)||e(e=>({notifications:[{...o,id:i,time:n.toISOString(),dismissed:!1,seen:!1},...e.notifications]}))},markAsDismissed:t=>{e(e=>{const o=e.notifications.findIndex(e=>e.id===t);return-1!==o&&(e.notifications[o].dismissed=!0),{notifications:e.notifications}})},markAsSeen:t=>{e(e=>{const o=e.notifications.findIndex(e=>e.id===t);return-1!==o&&(e.notifications[o].seen=!0),{notifications:e.notifications}})},removeNotification:t=>{e(e=>{const o=e.notifications.findIndex(e=>e.id===t);return-1!==o&&e.notifications.splice(o,1),{notifications:e.notifications}})},removeNotifications:t=>{t&&e(e=>({notifications:e.notifications.filter(e=>e.id.split("#")[1]!==t)}))}})),Zn=(e,t)=>{const o=e.entityType===t.entityType,n="string"==typeof e.entityId&&"string"==typeof t.entityId?e.entityId===t.entityId:"object"==typeof e.entityId&&"object"==typeof t.entityId?e.entityId.namespace===t.entityId.namespace&&e.entityId.name===t.entityId.name&&e.entityId.kind===t.entityId.kind:!e.entityId&&!t.entityId;return o&&n},ei=ut((e,t)=>({pendingItems:[],setPendingItems:t=>e({pendingItems:t}),addPendingItems:t=>e(e=>({pendingItems:e.pendingItems.concat(t.filter(t=>!e.pendingItems.some(e=>Zn(e,t))))})),removePendingItems:t=>e(e=>({pendingItems:e.pendingItems.filter(e=>!t.find(t=>Zn(e,t)))})),isThisPending:e=>{const{pendingItems:o}=t();let n=!1;for(let t=0;t<o.length;t++){const i=o[t];if(i.entityType===e.entityType&&(!e.entityId||(i.entityType===no.Source?i.entityId&&e.entityId&&i.entityId.namespace===e.entityId.namespace&&i.entityId.name===e.entityId.name&&i.entityId.kind===e.entityId.kind:i.entityId===e.entityId))){n=!0;break}}return n}})),ti=ut(e=>({selectedConnection:null,setSelectedConnection:t=>e({selectedConnection:t}),selectedSources:{},setSelectedSources:t=>e({selectedSources:t}),resetSelectedState:()=>e(()=>({selectedSources:{},selectedConnection:null}))})),oi={fetchedAllNamespaces:!1,availableSources:{},configuredSources:{},configuredFutureApps:{},configuredDestinations:[],configuredDestinationsUpdateOnly:[]},ni=(e,t)=>e.destinationType.type!==t.destinationType.type,ii=ut(e=>({...oi,setFetchedAllNamespaces:t=>e({fetchedAllNamespaces:t}),setAvailableSources:t=>e({availableSources:t}),setConfiguredSources:t=>e({configuredSources:t}),setConfiguredFutureApps:t=>e({configuredFutureApps:t}),setConfiguredDestinations:t=>e({configuredDestinations:t}),addConfiguredDestination:t=>e(e=>({configuredDestinations:[...e.configuredDestinations,t]})),removeConfiguredDestination:t=>e(e=>({configuredDestinations:e.configuredDestinations.filter(e=>ni(e,t))})),setConfiguredDestinationsUpdateOnly:t=>e({configuredDestinationsUpdateOnly:t}),addConfiguredDestinationUpdateOnly:t=>e(e=>{const o=[...e.configuredDestinationsUpdateOnly,t].map(e=>[e.id,e]);return{configuredDestinationsUpdateOnly:Array.from(new Map(o).values())}}),removeConfiguredDestinationUpdateOnly:t=>e(e=>({configuredDestinationsUpdateOnly:e.configuredDestinationsUpdateOnly.filter(e=>ni(e,t))})),resetState:()=>e(()=>({...oi}))})),ai={v2:{text:{size:{xxs:12,xs:14,s:16,m:20,l:24,xl:32,xxl:40,xxxl:48}},colors:{black:{500:"#151618"},white:{500:"#FFFFFF"},purple:{100:"#E1D4FF",200:"#C3AAFF",300:"#A57FFF",400:"#8854FF",500:"#6A2AFF",600:"#5925D0",700:"#4822A2",800:"#371E73",900:"#271A45"},green:{100:"#DCFDFA",200:"#B9FBF6",300:"#96FAF1",400:"#73F8ED",500:"#50F6E8",600:"#44C9BE",700:"#399D94",800:"#2D6F6A",900:"#224340"},grey:{25:"#F6F6F6",50:"#ECECED",100:"#DADADB",150:"#B8B8B8",200:"#B4B5B7",300:"#8F9093",400:"#696B6F",500:"#44464B",600:"#3A3C40",700:"#313236",800:"#282A2E",900:"#1B1B1C"},silver:{25:"#F6F6F7",50:"#EDEDEE",100:"#DADCDE",200:"#B6B8BD",300:"#91959C",400:"#6D717B",500:"#484E5A",600:"#3E424C",700:"#34383F",750:"#2C2F36",800:"#26292F",900:"#1F2125"},red:{100:"#FFE5E7",200:"#FFCBD0",300:"#FFB0B8",400:"#FF96A1",500:"#FF7C89",600:"#D06772",700:"#A2535B",800:"#733F44",900:"#452B2D",1e3:"#2E2022"},blue:{100:"#EBF0FA",200:"#D6E1F4",300:"#ADC3EA",400:"#84A4DF",500:"#5C86D5",600:"#3368CA",700:"#2D57A6",800:"#274782",900:"#21375E",1e3:"#1C273A"},yellow:{100:"#FFFBF1",200:"#FFF7E2",300:"#FFEFC6",400:"#FFE7A9",500:"#FFDF8D",600:"#FFD770",700:"#D0B05E",800:"#A28A4C",900:"#73633A",1e3:"#453D28"},beige:{600:"#EEC990"},pink:{600:"#F576A2"},orange:{600:"#F29142"}}},colors:{majestic_blue:"#444AD9",majestic_blue_soft:"#6C7AE8",orange_og:"#FE9239",orange_soft:"#FFB160",dark_red:"#802828",darker_red:"#611F1F",darkest_red:"#281515",darkest_red_hover:"#351515",dark_green:"#2D4323"},text:{},font_family:{primary:"Inter, sans-serif",secondary:"Kode Mono, sans-serif",code:"IBM Plex Mono, monospace"}},ri={v2:ai.v2,darkMode:!0,colors:{...ai.colors,primary:"#111111",secondary:"#F9F9F9",border:"#525252",dark_grey:"#151515",translucent_bg:"#1A1A1A",dropdown_bg:"#242424",dropdown_bg_2:"#333333",warning:"#472300",error:"#431919",success:"#172013",info:"#242424",default:"#181944"},text:{white:"#FFFFFF",primary:"#111111",secondary:"#F9F9F9",grey:"#B8B8B8",dark_grey:"#8F8F8F",darker_grey:"#7A7A7A",light_grey:"#CCD0D2",dark_button:"#0A1824",warning:"#E9CF35",warning_secondary:"#FFA349",error:"#EF7676",error_secondary:"#DB5151",success:"#81AF65",success_secondary:"#51DB51",info:"#B8B8B8",info_secondary:"#CCDDDD",default:"#AABEF7",default_secondary:"#8CBEFF"},font_family:ai.font_family},si={v2:ai.v2,darkMode:!1,colors:{...ai.colors,primary:"#EEEEEE",secondary:"#060606",border:"#ADADAD",dark_grey:"#EAEAEA",translucent_bg:"#E5E5E5",dropdown_bg:"#DBDBDB",dropdown_bg_2:"#CCCCCC",warning:"#F6F092",error:"#FACECE",success:"#C8DEB8",info:"#E0E0E0",default:"#CAD9FB"},text:{white:"#FFFFFF",primary:"#EEEEEE",secondary:"#060606",grey:"#474747",dark_grey:"#707070",darker_grey:"#858585",light_grey:"#332F2D",dark_button:"#F5E7DB",warning:"#A56F12",warning_secondary:"#CA9416",error:"#B63A3A",error_secondary:"#DB5151",success:"#4E763A",success_secondary:"#67964C",info:"#525252",info_secondary:"#7A7A7A",default:"#444AD9",default_secondary:"#6C7AE8"},font_family:ai.font_family},li=e=>e?ri:si;Ct('@import url("https://fonts.googleapis.com/css2?family=Inter:wght@400;700&display=swap");@import url("https://fonts.googleapis.com/css2?family=Kode+Mono:wght@100;200;300;400;500;600;700&display=swap");@import url("https://fonts.googleapis.com/css2?family=Inter+Tight:wght@400;700&display=swap");@import url("https://fonts.googleapis.com/css2?family=IBM+Plex+Mono:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;1,100;1,200;1,300;1,400;1,500;1,600;1,700&display=swap");*{-ms-overflow-style:none;scrollbar-width:none}::-webkit-scrollbar{display:none}svg{transition:all .3s}input{all:unset}input:-webkit-autofill,input:-webkit-autofill:active,input:-webkit-autofill:focus,input:-webkit-autofill:hover{-webkit-transition:all 50000s ease-in-out 0s;transition:all 50000s ease-in-out 0s}');const ci={in:{left:Nt`
2
- from { transform: translateX(-100%); }
3
- to { transform: translateX(0); }
4
- `,right:Nt`
5
- from { transform: translateX(100%); }
6
- to { transform: translateX(0); }
7
- `,top:Nt`
8
- from { transform: translateY(-100%); }
9
- to { transform: translateY(0); }
10
- `,bottom:Nt`
11
- from { transform: translateY(100%); }
12
- to { transform: translateY(0); }
13
- `,center:Nt`
14
- from { transform: translate(-50%, 100%); }
15
- to { transform: translate(-50%, -50%); }
16
- `},out:{left:Nt`
17
- from { transform: translateX(0); }
18
- to { transform: translateX(-100%); }
19
- `,right:Nt`
20
- from { transform: translateX(0); }
21
- to { transform: translateX(100%); }
22
- `,top:Nt`
23
- from { transform: translateY(0); }
24
- to { transform: translateY(-100%); }
25
- `,bottom:Nt`
26
- from { transform: translateY(0); }
27
- to { transform: translateY(100%); }
28
- `,center:Nt`
29
- from { transform: translate(-50%, -50%); }
30
- to { transform: translate(-50%, 100%); }
31
- `}},di={in:Nt`
32
- from { width: 0%; }
33
- to { width: 100%; }
34
- `,out:Nt`
35
- from { width: 100%; }
36
- to { width: 0%; }
37
- `},pi=Nt`
38
- 0% {
39
- transform: scale(1);
40
- opacity: 1;
41
- }
42
- 75%, 100% {
43
- transform: scale(2);
44
- opacity: 0;
45
- }
46
- `,ui=Nt`
47
- 0% {
48
- background-position: -500px 0;
49
- }
50
- 100% {
51
- background-position: 500px 0;
52
- }
53
- `,mi={Provider:({children:e})=>{const{darkMode:t}=Vn();return mt.createElement(Tt,{theme:li(t)},e)},useTheme:It,opacity:Object.freeze({__proto__:null,hex:{100:"FF","099":"FC","098":"FA","097":"F7","096":"F5","095":"F2","094":"F0","093":"ED","092":"EB","091":"E8","090":"E6","089":"E3","088":"E0","087":"DE","086":"DB","085":"D9","084":"D6","083":"D4","082":"D1","081":"CF","080":"CC","079":"C9","078":"C7","077":"C4","076":"C2","075":"BF","074":"BD","073":"BA","072":"B8","071":"B5","070":"B3","069":"B0","068":"AD","067":"AB","066":"A8","065":"A6","064":"A3","063":"A1","062":"9E","061":"9C","060":"99","059":"96","058":"94","057":"91","056":"8F","055":"8C","054":"8A","053":"87","052":"85","051":"82","050":"80","049":"7D","048":"7A","047":"78","046":"75","045":"73","044":"70","043":"6E","042":"6B","041":"69","040":"66","039":"63","038":"61","037":"5E","036":"5C","035":"59","034":"57","033":"54","032":"52","031":"4F","030":"4D","029":"4A","028":"47","027":"45","026":"42","025":"40","024":"3D","023":"3B","022":"38","021":"36","020":"33","019":"30","018":"2E","017":"2B","016":"29","015":"26","014":"24","013":"21","012":"1F","011":"1C","010":"1A","009":"17","008":"14","007":"12","006":"0F","005":"0D","004":"0A","003":"08","002":"05","001":"03","000":"00"}}),animations:Object.freeze({__proto__:null,ping:pi,progress:di,shimmer:ui,slide:ci})},hi=Dt.div`
54
- color: ${({$color:e,theme:t})=>e||t.text.secondary};
55
- font-size: ${({$size:e})=>void 0!==e?e:16}px;
56
- font-weight: ${({$weight:e})=>void 0!==e?e:300};
57
- text-align: ${({$align:e})=>e||"left"};
58
- opacity: ${({$opacity:e})=>void 0!==e?e:1};
59
- text-decoration: ${({$decoration:e})=>e||"none"};
60
- text-transform: ${({$transform:e,$family:t})=>e||("secondary"===t?"uppercase":"none")};
61
- font-family: ${({theme:e,$family:t="primary"})=>e.font_family[t]};
62
- white-space: ${({$nowrap:e})=>e?"nowrap":"unset"};
63
- text-wrap: ${({$nowrap:e})=>e?"nowrap":"unset"};
64
- `,gi=e=>{const t=e.match(/<a[^>]*href="([^"]*)"[^>]*>(.*?)<\/a>/g);return t?.map(e=>{const[t,o,n]=e.split('"');return{original:e,href:o,label:n.replace("</a>","").replace(">","")}})},xi=e=>{const t=e.match(/<strong[^>]*>(.*?)<\/strong>/g);return t?.map(e=>{const t=e.replace(/<strong[^>]*>/,"").replace(/<\/strong>/,"");return{original:e,label:t}})},$i=(e,t)=>{const o=gi(e);o?.forEach((t,o)=>{e=e.replace(t.original,`LINK-${o}###`)});const n=xi(e);return n?.forEach((t,o)=>{e=e.replace(t.original,`STRONG-${o}###`)}),e.split(" ").map(e=>{if(e.includes("LINK-")){const[n,i]=e.split("###"),a=o?.[parseInt(n.replace("LINK-",""))];return mt.createElement(ht,{key:e},mt.createElement("a",{href:a?.href,target:"_blank",style:{color:t.colors.majestic_blue_soft}},a?.label),i?`${i} `:" ")}if(e.includes("STRONG-")){const[t,o]=e.split("###"),i=n?.[parseInt(t.replace("STRONG-",""))];return mt.createElement(ht,{key:e},mt.createElement("strong",{style:{fontWeight:600}},i?.label),o?`${o} `:" ")}return e+" "})},fi=({children:e,color:t,size:o,weight:n,align:i,family:a,opacity:r,decoration:s,transform:l,nowrap:c,...d})=>{const p=mi.useTheme(),u=gt(()=>(e?["string","number"].includes(typeof e)?e.toString():Array.isArray(e)?e.map(e=>"object"==typeof e&&Object.hasOwn(e,"props")?e.props.children:e).filter(e=>e&&["string","number"].includes(typeof e)).join(" "):"":"").split("\n"),[e]);return mt.createElement(hi,{$color:t,$size:o,$weight:n,$align:i,$family:a,$opacity:r,$decoration:s,$transform:l,$nowrap:c,...d},u.length?u.map((e,t)=>mt.createElement(ht,{key:`text-${t}-${e}`},$i(e,p),t!==u.length-1?mt.createElement("br",null):null)):e)},bi=Nt`
65
- 0% {
66
- background-position: 0% 50%;
67
- }
68
- 100% {
69
- background-position: 100% 50%;
70
- }
71
- `,yi=Dt(fi)`
72
- background: ${({$textColor:e,$stripColor:t})=>`linear-gradient(45deg, ${e} 0%, ${e} 40%, ${t} 50%, ${e} 60%, ${e} 100%)`};
73
- background-size: 250% 100%; /* Expand background to allow movement */
74
- background-clip: text;
75
- color: transparent;
76
- animation: ${bi} 1s reverse linear infinite;
77
- `,wi=({children:e="Loading...",textColor:t,stripColor:o,...n})=>{const i=mi.useTheme(),a=t||i.v2.colors.white[500],r=o||i.v2.colors.black[500];return mt.createElement(yi,{$textColor:a,$stripColor:r,...n},e)};var ki,vi,Ei;!function(e){e.H1="h1",e.H2="h2",e.H3="h3",e.H4="h4",e.H5="h5",e.H6="h6",e.P="p",e.Span="span"}(ki||(ki={})),function(e){e.XXS="xxs",e.XS="xs",e.S="s",e.M="m",e.L="l",e.XL="xl",e.XXL="xxl",e.XXXL="xxxl"}(vi||(vi={})),function(e){e.Left="left",e.Right="right",e.Center="center"}(Ei||(Ei={}));const Ci=Dt.p`
78
- margin: 0;
79
- color: ${({$color:e,theme:t})=>e||t.v2.colors.white[500]};
80
- font-family: ${({theme:e})=>e.font_family.primary};
81
- font-size: ${({theme:e,$size:t})=>e.v2.text.size[t]}px;
82
- font-weight: ${({$weight:e})=>e};
83
- text-align: ${({$align:e})=>e};
84
- text-transform: ${({$transform:e})=>e};
85
- line-height: ${({theme:e,$lineHeight:t,$size:o})=>t||`${e.v2.text.size[o]+2}px`};
86
- `,Si=({children:e,variant:t=ki.P,color:o,size:n=vi.S,weight:i=400,align:a=Ei.Left,lineHeight:r,transform:s,...l})=>mt.createElement(Ci,{as:t,$color:o,$size:n,$weight:i,$align:a,$lineHeight:r,$transform:s,...l},e);var Ai,Di;!function(e){e.Primary="primary",e.Secondary="secondary",e.Text="text"}(Ai||(Ai={})),function(e){e.S="small",e.M="medium",e.L="large"}(Di||(Di={}));const Ti=Dt.button`
87
- display: flex;
88
- align-items: center;
89
- justify-content: center;
90
- gap: 8px;
91
- border: none;
92
- border-radius: 6px;
93
- ${({$size:e})=>e===Di.S?Ot`
94
- height: 32px;
95
- padding: 8px 16px;
96
- `:e===Di.M?Ot`
97
- height: 38px;
98
- padding: 8px 18px;
99
- `:Ot`
100
- height: 44px;
101
- padding: 8px 22px;
102
- `}
103
-
104
- cursor: pointer;
105
- &:disabled {
106
- background-color: ${({theme:e})=>e.v2.colors.silver[800]};
107
- cursor: not-allowed;
108
- }
109
- &:enabled {
110
- ${({$variant:e})=>e===Ai.Primary?Ot`
111
- background-color: ${({theme:e})=>e.v2.colors.purple[500]};
112
- &:hover {
113
- background-color: ${({theme:e})=>e.v2.colors.purple[600]};
114
- }
115
- &:active {
116
- background-color: ${({theme:e})=>e.v2.colors.purple[700]};
117
- }
118
- `:e===Ai.Secondary?Ot`
119
- background-color: ${({theme:e})=>e.v2.colors.silver[750]};
120
- &:hover {
121
- background-color: ${({theme:e})=>e.v2.colors.silver[600]};
122
- }
123
- &:active {
124
- background-color: ${({theme:e})=>e.v2.colors.silver[500]};
125
- }
126
- `:e===Ai.Text?Ot`
127
- background-color: transparent;
128
- &:hover {
129
- background-color: ${({theme:e})=>e.v2.colors.silver[800]};
130
- }
131
- &:active {
132
- background-color: ${({theme:e})=>e.v2.colors.silver[900]};
133
- }
134
- `:""}
135
- }
136
- `,Ni=({label:e,leftIcon:t,rightIcon:o,variant:n=Ai.Primary,size:i=Di.M,loading:a,disabled:r,onClick:s,...l})=>{const c=mi.useTheme(),d=i===Di.L?18:16,p=i===Di.L?vi.S:vi.XS,u=r?c.v2.colors.grey[400]:c.v2.colors.white[500];return mt.createElement(Ti,{$variant:n,$size:i,disabled:r,onClick:a?void 0:s,...l},t&&mt.createElement(t,{size:d,fill:u}),a?mt.createElement(wi,{size:14,textColor:u}):mt.createElement(Si,{size:p,weight:500,lineHeight:20,color:u},e),o&&mt.createElement(o,{size:d,fill:u}))},Ii=Dt.button`
137
- width: 100%;
138
- padding: 0;
139
- padding-right: 12px;
140
- display: flex;
141
- align-items: center;
142
- justify-content: flex-start;
143
- gap: 12px;
144
- border-radius: 8px;
145
- border: none;
146
- ${({$hovered:e})=>e?Ot`
147
- background-color: ${({theme:e})=>e.v2.colors.silver[750]};
148
- `:Ot`
149
- background-color: ${({theme:e})=>e.v2.colors.silver[800]};
150
- `}
151
- overflow: hidden;
152
- cursor: pointer;
153
- &:disabled {
154
- cursor: not-allowed;
155
- }
156
- `,Oi=Dt.div`
157
- width: ${({$hasIcon:e})=>e?"56px":"0"};
158
- height: 56px;
159
- display: flex;
160
- align-items: center;
161
- justify-content: center;
162
- ${({$hovered:e})=>e?Ot`
163
- background-color: ${({theme:e})=>e.v2.colors.silver[600]};
164
- `:Ot`
165
- background-color: ${({theme:e})=>e.v2.colors.silver[700]};
166
- `}
167
- `,zi=Dt.div`
168
- width: ${({$hasIcon:e})=>e?"calc(100% - 56px)":"100%"};
169
- display: flex;
170
- justify-content: space-between;
171
- align-items: center;
172
- gap: 8px;
173
- `,_i=({label:e,icon:t,loading:o,onClick:n})=>{const[i,a]=xt(!1);return mt.createElement(Ii,{$hovered:i,type:"button",disabled:o,onClick:n,onMouseEnter:()=>a(!0),onMouseLeave:()=>a(!1)},mt.createElement(Oi,{$hovered:i,$hasIcon:!!t},t&&mt.createElement(t,{size:36})),mt.createElement(zi,{$hasIcon:!!t},o?mt.createElement(wi,{size:16}):mt.createElement(Si,{variant:ki.Span,align:Ei.Center},e),mt.createElement(qe,{rotate:180,size:24})))},Fi=Dt.div`
174
- padding: 4px 0 0 0;
175
- `,Ri=Dt(fi)`
176
- font-size: 12px;
177
- color: ${({theme:e})=>e.text.error};
178
- `,Li=({children:e})=>mt.createElement(Fi,null,mt.createElement(Ri,null,e)),Mi=Dt.div`
179
- position: relative;
180
- width: 100%;
181
- `,Bi=Dt.div`
182
- width: calc(100% - 16px);
183
- display: flex;
184
- align-items: center;
185
- height: 36px;
186
- gap: 8px;
187
- padding-left: 12px;
188
- transition: border-color 0.3s;
189
- border-radius: 32px;
190
- border: 1px solid ${({theme:e,$hasError:t})=>t?e.text.error:e.colors.border};
191
-
192
- &:hover {
193
- border-color: ${({theme:e,$hasError:t})=>t?e.text.error_secondary:e.colors.secondary};
194
- }
195
- &:focus-within {
196
- border-color: ${({theme:e,$hasError:t})=>t?e.text.error_secondary:e.colors.secondary};
197
- }
198
- `,Pi=Dt.input`
199
- flex: 1;
200
- border: none;
201
- outline: none;
202
- background: none;
203
- color: ${({theme:e})=>e.text.secondary};
204
- font-size: 14px;
205
- font-family: ${({theme:e})=>e.font_family.primary};
206
- font-weight: 300;
207
- &::placeholder {
208
- color: ${({theme:e})=>e.text.secondary};
209
- font-family: ${({theme:e})=>e.font_family.primary};
210
- opacity: 0.4;
211
- font-size: 14px;
212
- font-weight: 300;
213
- line-height: 22px;
214
- }
215
-
216
- &:disabled {
217
- cursor: not-allowed;
218
- }
219
- `,ji=Dt.ul`
220
- position: absolute;
221
- max-height: 500px;
222
- top: 32px;
223
- border-radius: 24px;
224
- width: calc(100% - 32px);
225
- overflow-y: auto;
226
- background-color: ${({theme:e})=>e.colors.dropdown_bg};
227
- border: 1px solid ${({theme:e})=>e.colors.border};
228
- z-index: 9999;
229
- padding: 12px;
230
- `,Ui=Dt.li`
231
- width: calc(100% - 24px);
232
- padding: 8px 12px;
233
- cursor: ${({$isList:e})=>e?"default":"pointer"};
234
- border-radius: 24px;
235
- gap: 8px;
236
- display: flex;
237
- align-items: ${({$isList:e})=>e?"flex-start":"center"};
238
- background: transparent;
239
- &:hover {
240
- background: ${({theme:e,$isList:t})=>!t&&e.colors.dropdown_bg_2};
241
- }
242
- `,Vi=Dt.div`
243
- width: 100%;
244
- `,Wi=Dt.div`
245
- display: flex;
246
- width: 100%;
247
- `,qi=Dt.div`
248
- width: 1px;
249
- height: 52px;
250
- background-color: ${({theme:e})=>e.colors.dropdown_bg_2};
251
- position: absolute;
252
- left: 33px;
253
- `,Gi=Dt.div`
254
- display: flex;
255
- flex-direction: column;
256
- gap: 4px;
257
- `,Hi=Dt(fi)`
258
- flex: 1;
259
- font-size: 14px;
260
- `,Ji=Dt(fi)`
261
- color: ${({theme:e})=>e.text.grey};
262
- font-size: 10px;
263
- line-height: 150%;
264
- `,Ki=Dt.ul`
265
- padding-left: 0px;
266
- margin: 4px 0 0 0;
267
- list-style: none;
268
- width: 100%;
269
- `,Yi=(e,t)=>t?e.reduce((e,o)=>{if(o.items){const n=Yi(o.items,t);n.length&&e.push({...o,items:n})}else o.label.toLowerCase().includes(t.toLowerCase())&&e.push(o);return e},[]):e,Xi=({placeholder:e="Type to search...",options:t,selectedOption:o,onOptionSelect:n,defaultText:i,onTextChange:a,style:r,disabled:s,errorMessage:l,...c})=>{const[d,p]=xt(o?.label||i||""),[u,m]=xt(Yi(t,d)),[h,g]=xt(!1);xt(-1),$t(()=>m(Yi(t,d)),[t]);const x=o?.icon,$=e=>{e&&(p(e.label),a?.(e.label)),g(!e),n?.(e)};return mt.createElement(Mi,{style:r},mt.createElement(Bi,{$hasError:!!l},x&&mt.createElement(x,null),mt.createElement(Pi,{type:"text",value:d,placeholder:e,onChange:e=>{e.stopPropagation();const o=e.target.value,n=Yi(t,o),i=1===n.length&&n[0].label===o?n[0]:void 0;p(o),a?.(o),m(n),$(i)},onKeyDown:e=>{["Enter"].includes(e.key)||e.stopPropagation()},disabled:s,onBlur:()=>!s&&g(!1),onFocus:()=>!s&&g(!0),...c})),h&&u.length?mt.createElement(ji,null,u.map(e=>mt.createElement(Qi,{key:e.type||e.label,option:e,onClick:$}))):null,l&&mt.createElement(Li,null,l))},Qi=({option:e,renderIcon:t=!0,onClick:o})=>{const n=!!e.items&&e.items.length>0,i=e.icon;return mt.createElement(Ui,{"data-id":`option-${e.type||e.label}`,$isList:n,onMouseDown:()=>n?null:o(e)},i&&t&&mt.createElement(i,null),mt.createElement(Vi,null,mt.createElement(Gi,null,mt.createElement(Hi,null,e.label),mt.createElement(Ji,null,e.description)),n&&mt.createElement(Ki,null,e.items?.map(e=>mt.createElement(Wi,{key:e.type||e.label},mt.createElement(qi,null),mt.createElement(Qi,{option:e,renderIcon:!1,onClick:o}))))))},Zi=Dt.span`
270
- display: flex;
271
- align-items: center;
272
- justify-content: center;
273
-
274
- min-height: 16px;
275
- min-width: 16px;
276
- width: fit-content;
277
- padding: 4px;
278
- gap: 2px;
279
-
280
- border-radius: 50px;
281
- border: 1px solid ${({theme:e,$filled:t,$status:o})=>o?e.text[o]+(t?"":mi.opacity.hex["050"]):t?"transparent":e.colors.border};
282
- background-color: ${({theme:e,$filled:t,$status:o})=>t?o?e.colors[o]:e.colors.majestic_blue:"transparent"};
283
- color: ${({theme:e,$filled:t,$status:o})=>t&&o?e.text.secondary:t?e.text.white:o?e.text[o]:e.text.grey};
284
- font-family: ${({theme:e})=>e.font_family.secondary};
285
- font-size: 12px;
286
- white-space: nowrap;
287
-
288
- ${({theme:e,$filled:t,$status:o,$clickable:n})=>n&&`&:hover {\n cursor: pointer;\n background-color: ${o?e.colors[o]+mi.opacity.hex["020"]:t?e.colors.majestic_blue_soft:e.colors.secondary+mi.opacity.hex["020"]};\n }`}
289
- `,ea=({label:e,filled:t,status:o,withIcon:n,onClick:i})=>{const a=mi.useTheme(),r=o&&n?dn(o,a):null;return mt.createElement(Zi,{$filled:t,$status:o,$clickable:!!i,onClick:i},!!r&&mt.createElement(r,null),e)},ta=Dt.div`
290
- height: fit-content;
291
- border: 2px solid transparent;
292
- padding: 2px;
293
- border-radius: 32px;
294
- background-color: transparent;
295
- transition: border-color 0.3s ease;
296
- &:focus-within {
297
- border-color: ${({theme:e})=>e.colors.secondary};
298
- }
299
- `,oa={primary:Ot`
300
- border: 1px solid ${({theme:e})=>e.text.secondary+mi.opacity.hex["024"]};
301
- background: ${({theme:e})=>e.colors.secondary};
302
- color: ${({theme:e})=>e.colors.primary};
303
- &:hover {
304
- background: ${({theme:e})=>e.colors.secondary+mi.opacity.hex["080"]};
305
- }
306
- &:active {
307
- background: ${({theme:e})=>e.text.secondary+mi.opacity.hex["060"]};
308
- }
309
- `,secondary:Ot`
310
- border: 1px solid ${({theme:e})=>e.colors.border};
311
- background: ${({theme:e})=>e.colors.primary};
312
- color: ${({theme:e})=>e.colors.secondary};
313
- &:hover {
314
- border: 1px solid ${({theme:e})=>e.text.darker_grey};
315
- background: ${({theme:e})=>e.colors.secondary+mi.opacity.hex["010"]};
316
- }
317
- &:active {
318
- border: 1px solid ${({theme:e})=>e.text.dark_grey};
319
- background: ${({theme:e})=>e.colors.secondary+mi.opacity.hex["015"]};
320
- }
321
- `,tertiary:Ot`
322
- border-color: transparent;
323
- background: transparent;
324
- &:hover {
325
- background: ${({theme:e})=>e.colors.dropdown_bg_2+mi.opacity.hex["040"]};
326
- }
327
- &:active {
328
- background: ${({theme:e})=>e.colors.dropdown_bg_2};
329
- }
330
- `,danger:Ot`
331
- border-color: transparent;
332
- background: ${({theme:e})=>e.text.error};
333
- &:hover {
334
- background: ${({theme:e})=>e.text.error+mi.opacity.hex["090"]};
335
- }
336
- &:active {
337
- background: ${({theme:e})=>e.text.error+mi.opacity.hex["080"]};
338
- }
339
- `,warning:Ot`
340
- border-color: transparent;
341
- background: ${({theme:e})=>e.text.warning};
342
- &:hover {
343
- background: ${({theme:e})=>e.text.warning+mi.opacity.hex["090"]};
344
- }
345
- &:active {
346
- background: ${({theme:e})=>e.text.warning+mi.opacity.hex["080"]};
347
- }
348
- `},na=Dt.button`
349
- height: 36px;
350
- border-radius: 32px;
351
- cursor: pointer;
352
- display: flex;
353
- align-items: center;
354
- justify-content: center;
355
- gap: 8px;
356
- padding: 0 12px;
357
- font-family: ${({theme:e})=>e.font_family.secondary};
358
- text-transform: uppercase;
359
- text-decoration: underline;
360
- font-weight: 600;
361
- outline: none;
362
- ${({$variant:e})=>e&&oa[e]}
363
- ${({disabled:e,$variant:t})=>e&&Ot`
364
- opacity: 0.5;
365
- cursor: not-allowed;
366
-
367
- ${"primary"===t?Ot`
368
- color: ${({theme:e})=>e.colors.secondary};
369
- background: ${({theme:e})=>e.text.secondary+mi.opacity.hex["010"]};
370
- &:hover {
371
- background: ${({theme:e})=>e.text.secondary+mi.opacity.hex["015"]};
372
- }
373
- `:""}
374
- `}
375
- `,ia=({children:e,variant:t="primary",onClick:o,...n})=>{const i=ft(null);return mt.createElement(ta,{$variant:t},mt.createElement(na,{ref:i,$variant:t,onClick:e=>{o&&o(e),i.current?.blur()},...n},e))},aa=({isOpen:e,noOverlay:t,name:o,onApprove:n,onDeny:i})=>mt.createElement(Xd,{isOpen:e,noOverlay:t,title:"Cancel"+(o?` ${o}`:""),description:"Are you sure you want to cancel?",approveButton:{text:"Confirm",variant:so.Warning,onClick:n},denyButton:{text:"Go Back",onClick:i}}),ra=Dt.div`
376
- position: absolute;
377
- ${({$top:e})=>void 0!==e&&`top: ${e}px;`}
378
- ${({$bottom:e})=>void 0!==e&&`bottom: ${e}px;`}
379
- ${({$left:e})=>void 0!==e&&`left: ${e}px;`}
380
- ${({$right:e})=>void 0!==e&&`right: ${e}px;`}
381
- z-index: 9999;
382
-
383
- background-color: ${({theme:e})=>e.colors.info};
384
- border: 1px solid ${({theme:e})=>e.colors.border};
385
- border-radius: ${({$borderRadius:e})=>void 0!==e?e:"24px"};
386
- max-width: ${({$maxWidth:e})=>void 0!==e?e:"unset"};
387
- width: ${({$width:e})=>void 0!==e?e:"unset"};
388
-
389
- ${({$asPortal:e,$withPointerEvents:t})=>e&&!t&&"pointer-events: none;"}
390
- `,sa=Dt.div`
391
- padding: ${({$padding:e})=>void 0!==e?e:"12px"};
392
- border-bottom: 1px solid ${({theme:e})=>e.colors.border};
393
- `,la=Dt.div`
394
- padding: ${({$padding:e})=>void 0!==e?e:"12px"};
395
- `,ca=Dt.div`
396
- padding: ${({$padding:e})=>void 0!==e?e:"12px"};
397
- border-top: 1px solid ${({theme:e})=>e.colors.border};
398
- `,da=bt(({isOpen:e,asPortal:t,...o},n)=>{const i=gt(()=>{const{children:e,top:i,bottom:a,left:r,right:s,borderRadius:l,padding:c,maxWidth:d,width:p,header:u,footer:m,withPointerEvents:h,...g}=o;return mt.createElement(ra,{ref:n,$top:i,$bottom:a,$left:r,$right:s,$borderRadius:l,$padding:c,$maxWidth:d,$width:p,$asPortal:t,$withPointerEvents:h,...g},u&&mt.createElement(sa,{$padding:c},u),mt.createElement(la,{$padding:c},e),m&&mt.createElement(ca,{$padding:c},m))},[n,o,t]);return e?t?Lt.createPortal(i,document.body):i:null});da.displayName=da.name;const pa=e=>{function t(){return void 0===e?{}:Lo(e)}const[o,n]=xt(t()),[i,a]=xt({}),r=gt(()=>void 0!==e&&JSON.stringify(o)!==JSON.stringify(e),[e,o]);return $t(()=>{void 0!==e&&"{}"===JSON.stringify(o)&&n(t())},[e,o]),{formData:o,formErrors:i,isFormDirty:r,handleFormChange:(e,t,o)=>{if(e){const o=e.toString().split(".");1===o.length?n(o=>({...o,[e]:t})):n(e=>{const n=Lo(e);let i=n;for(let e=0;e<o.length-1;e++){const t=o[e];i[t]&&"object"==typeof i[t]||(i[t]={}),i=i[t]}return i[o[o.length-1]]=t,n})}else o&&n({...o})},handleErrorChange:(e,t,o)=>{e?a(o=>({...o,[e]:t})):o&&a({...o})},resetFormData:()=>{n(t()),a({})}}},ua={type:"",name:"",notes:"",signals:[],disabled:!1,fields:{clusterAttributes:null,overwriteExistingValues:null,renames:null,attributeNamesToDelete:null,piiCategories:null,fallbackSamplingRatio:null,samplingPercentage:null,endpointsFilters:null,servicesNameFilters:null,attributeFilters:null}},ma=()=>{const{addNotification:e}=Qn(),{formData:t,formErrors:o,handleFormChange:n,handleErrorChange:i,resetFormData:a}=pa(ua);return{formData:t,formErrors:o,handleFormChange:n,resetFormData:a,validateForm:o=>{const n={};let a=!0;return Object.entries(t).forEach(([e,t])=>{switch(e){case"type":case"signals":$n(t)&&(n[e]=Bn.FIELD_IS_REQUIRED)}}),a=!Object.values(n).length,!a&&o?.withAlert&&e({type:so.Warning,title:o.alertTitle,message:Bn.REQUIRED_FIELDS,hideFromHistory:!0}),i(void 0,void 0,n),a},loadFormWithDrawerItem:({type:e,fields:t})=>{const o={...Lo(ua),type:e};Object.entries(t).forEach(([e,t])=>{if(t)switch(e){case"actionName":o.name=t;break;case"type":case"notes":case"signals":case"disabled":o[e]=t;break;case Gt.CollectContainerAttributes:case Gt.CollectReplicaSetAttributes:case Gt.CollectWorkloadId:case Gt.CollectClusterId:case Gt.LabelsAttributes:case Gt.AnnotationsAttributes:case Gt.ClusterAttributes:case Gt.OverwriteExistingValues:case Gt.AttributeNamesToDelete:case Gt.Renames:case Gt.PiiCategories:case Gt.FallbackSamplingRatio:case Gt.SamplingPercentage:case Gt.EndpointsFilters:case Gt.ServicesNameFilters:case Gt.AttributeFilters:o.fields||(o.fields={}),o.fields[e]=t}}),n(void 0,void 0,o)}}},ha=e=>{$t(()=>{if(e){const e=document.body.style.overflow;return document.body.style.overflow="hidden",()=>{document.body.style.overflow=e}}},[e])},ga=()=>{const{setCurrentModal:e}=Xn(),{setDrawerType:t,setDrawerEntityId:o}=Gn(),{setActiveNodeType:n,setActiveNodeId:i,activeNodeId:a}=Vt();return{onClickNode:(r,s)=>{const{id:l,type:c,data:{id:d,type:p}}=s;switch(a===l?(n(null),i(null)):(n(c),i(l)),p){case no.Source:case no.Destination:case no.Action:case no.InstrumentationRule:t(p),o(d);break;case go.AddSource:e(no.Source);break;case go.AddDestination:e(no.Destination);break;case go.AddAction:e(no.Action);break;case go.AddRule:e(no.InstrumentationRule)}}}},xa=()=>{const{setDrawerType:e,setDrawerEntityId:t}=Gn(),{markAsDismissed:o,markAsSeen:n}=Qn();return{onClickNotification:(i,a)=>{const{id:r,crdType:s,target:l}=i,{dismissToast:c}=a||{};if(s&&l)switch(s){case no.InstrumentationRule:e(no.InstrumentationRule),t(en(l,no.InstrumentationRule));break;case no.Source:case"InstrumentationConfig":case"InstrumentationInstance":e(no.Source),t(en(l,no.Source));break;case no.Action:e(no.Action),t(en(l,no.Action));break;case no.Destination:case"Destination":e(no.Destination),t(en(l,no.Destination))}n(r),c&&o(r)}}},$a=()=>{const{selectedConnection:e}=ti();return{selectedConnection:e,isVm:e?.type===Zt.Vm}},fa=()=>{const e=ft(null),[t,o]=xt(0),[n,i]=xt(0);return $t(()=>{const t=()=>{if(e.current){const{width:t,height:n}=e.current.getBoundingClientRect();o(t),i(n)}};return t(),window.addEventListener("resize",t),()=>window.removeEventListener("resize",t)},[]),{containerRef:e,containerWidth:t,containerHeight:n}},ba=()=>{const[e,t]=xt(!1),[o,n]=xt(-1);return{isCopied:e,copiedIndex:o,clickCopy:async(o,i)=>{if(!e){if(t(!0),void 0!==i&&n(i),navigator?.clipboard&&navigator.clipboard.writeText)try{await navigator.clipboard.writeText(o)}catch(e){}else{const e=document.createElement("textarea");e.value=o,document.body.appendChild(e),e.select();try{document.execCommand("copy")}catch(e){}document.body.removeChild(e)}setTimeout(()=>{t(!1),n(-1)},1e3)}}}},ya=e=>{const{addNotification:t}=Qn(),{formData:o,handleFormChange:n,formErrors:i,handleErrorChange:a,resetFormData:r}=pa(e);return{formData:o,formErrors:i,handleFormChange:n,resetFormData:r,validateForm:e=>{const n={};let i=!0;return o.name?fn(o.name)?n.name=void 0:(i=!1,n.name=Bn.ILLEGAL_K8S_LABEL):(i=!1,n.name=Bn.FIELD_IS_REQUIRED),!i&&e?.withAlert&&t({type:so.Warning,title:e.alertTitle,message:Bn.REQUIRED_FIELDS,hideFromHistory:!0}),a(void 0,void 0,n),i},loadFormWithDrawerItem:({name:t})=>{const o={...Lo(e),name:t};n(void 0,void 0,o)}}},wa={type:"",name:"",exportedSignals:{logs:!1,metrics:!1,traces:!1},fields:[],disabled:!1},ka=e=>{const{supportedSignals:t,preLoadedFields:o}=e||{},{addNotification:n}=Qn(),{formData:i,formErrors:a,handleFormChange:r,handleErrorChange:s,resetFormData:l}=pa(wa),[c,d]=xt([]),[p,u]=xt([]);return $t(()=>{var e;u(c?(e=c,e.filter(e=>!!e).map(e=>{const{name:t,componentType:o,componentProperties:n,displayName:i,initialValue:a,renderCondition:r}=e;if(o===ao.Dropdown){const e=hn(n,{}),s=Array.isArray(e.values)?e.values.map(e=>({id:e,value:e})):Object.entries(e.values).map(([e,t])=>({id:e,value:t}));return{name:t,componentType:o,title:i,value:a,placeholder:e.placeholder||"Select an option",options:s,renderCondition:r,...e}}return{name:t,componentType:o,title:i,value:a,renderCondition:r,...hn(n,{})}})).map(e=>{if(o){const t="string"==typeof o?hn(o,{}):o;if(e.name in t)return{...e,value:t[e.name]}}return e}):[])},[c,o]),$t(()=>{if(p){const e=p.map(e=>({key:e.name,value:e.value}));r("fields",e)}},[p]),$t(()=>{if(t&&0===An(i.exportedSignals).length){const{logs:e,metrics:o,traces:n}=t;r("exportedSignals",{logs:e.supported,metrics:o.supported,traces:n.supported})}},[t,i]),{formData:i,formErrors:a,handleFormChange:r,resetFormData:l,validateForm:e=>{const t={};let o=!0;return p.forEach(({name:e,value:n,required:i})=>{i&&!n&&(o=!1,t[e]=Bn.FIELD_IS_REQUIRED)}),!o&&e?.withAlert&&n({type:so.Warning,title:e.alertTitle,message:Bn.REQUIRED_FIELDS,hideFromHistory:!0}),s(void 0,void 0,t),o},loadFormWithDrawerItem:({destinationType:{type:e},name:t,disabled:o,exportedSignals:n,fields:i})=>{const a={...Lo(wa),type:e,name:t,disabled:o,exportedSignals:n,fields:Object.entries(hn(i,{})).map(([e,t])=>({key:e,value:t}))};return r(void 0,void 0,a),a},yamlFields:c,setYamlFields:d,dynamicFields:p,setDynamicFields:u}},va={ruleName:"",notes:"",disabled:!1,workloads:null,instrumentationLibraries:null,payloadCollection:{[wo.HttpRequest]:null,[wo.HttpResponse]:null,[wo.DbQuery]:null,[wo.Messaging]:null},codeAttributes:{[fo.Column]:null,[fo.FilePath]:null,[fo.Function]:null,[fo.LineNumber]:null,[fo.Namespace]:null,[fo.StackTrace]:null},headersCollection:null,customInstrumentations:{[yo.Java]:null,[yo.Golang]:null}},Ea=()=>{const{formData:e,formErrors:t,handleFormChange:o,handleErrorChange:n,resetFormData:i}=pa(va);return{formData:e,formErrors:t,handleFormChange:o,resetFormData:i,validateForm:()=>(n(void 0,void 0,{}),!0),loadFormWithDrawerItem:({ruleName:e,notes:t,disabled:n,payloadCollection:i,codeAttributes:a,headersCollection:r,customInstrumentations:s})=>{const l={...Lo(va),ruleName:e,notes:t,disabled:n};i&&(l.payloadCollection={[wo.HttpRequest]:i[wo.HttpRequest]?{}:null,[wo.HttpResponse]:i[wo.HttpResponse]?{}:null,[wo.DbQuery]:i[wo.DbQuery]?{}:null,[wo.Messaging]:i[wo.Messaging]?{}:null}),a&&(l.codeAttributes={[fo.Column]:a[fo.Column]||null,[fo.FilePath]:a[fo.FilePath]||null,[fo.Function]:a[fo.Function]||null,[fo.LineNumber]:a[fo.LineNumber]||null,[fo.Namespace]:a[fo.Namespace]||null,[fo.StackTrace]:a[fo.StackTrace]||null}),r&&(l.headersCollection=r),s&&(l.customInstrumentations={[yo.Java]:s[yo.Java]||null,[yo.Golang]:s[yo.Golang]||null}),o(void 0,void 0,l)}}},Ca=({active:e,key:t,withAltKey:o,withCtrlKey:n,withShiftKey:i,withMetaKey:a},r)=>($t(()=>{const s=s=>{e&&t===s.key&&(!o||o&&s.altKey)&&(!n||n&&s.ctrlKey)&&(!i||i&&s.shiftKey)&&(!a||a&&s.metaKey)&&(s.preventDefault(),s.stopPropagation(),r(s))};return window.addEventListener("keydown",s),()=>{window.removeEventListener("keydown",s)}},[t,e,o,n,i,a,r]),null),Sa=(e,t)=>{$t(()=>{const o=o=>{e.current&&!e.current.contains(o.target)&&t()};return document.addEventListener("mousedown",o),document.addEventListener("touchstart",o),()=>{document.removeEventListener("mousedown",o),document.removeEventListener("touchstart",o)}},[e,t])},Aa=({defaultClientHeight:e=0,defaultClientwidth:t=0,onClickOutside:o}={})=>{const n=ft(null),[i,a]=xt(!1),[r,s]=xt({top:0,left:0});return Sa(n,()=>{i&&(a(!1),o?.())}),{popupRef:n,popupOpen:i,setPopupOpen:a,popupPosition:r,handlePosition:(o,i)=>{const{innerWidth:a,innerHeight:r}=window;let l=i,c=o;l>=r/2&&(l+=-(n.current?.clientHeight||e)),c>=a/2&&(c+=-(n.current?.clientWidth||t)),s({top:l,left:c})}}},Da=()=>({getItemSS:(e,t)=>{const o=sessionStorage.getItem(e);return o?hn(o,t):t},setItemSS:(e,t)=>{sessionStorage.setItem(e,JSON.stringify(t))},removeItemSS:e=>{sessionStorage.removeItem(e)}}),Ta={otelServiceName:"",currentStreamName:""},Na=()=>{const{formData:e,formErrors:t,handleFormChange:o,handleErrorChange:n,resetFormData:i}=pa(Ta);return{formData:e,formErrors:t,handleFormChange:o,resetFormData:i,validateForm:()=>(n(void 0,void 0,{}),!0),loadFormWithDrawerItem:({otelServiceName:e,name:t})=>{const n={...Lo(Ta),otelServiceName:e||t||""};o(void 0,void 0,n)}}},Ia=(e,t,o)=>{const n="boolean"==typeof o,i=!!e.dataStreamNames?.length||!!e.currentStreamName?.length,a=i&&e.dataStreamNames?.includes(t)||e.currentStreamName===t,r=(n?o:e.selected&&(!i||a))||!1;return{namespace:e.namespace,name:e.name,kind:e.kind,selected:r,numberOfInstances:e.numberOfInstances}},Oa=(e,t,o)=>({...Ia(e,t,o),currentStreamName:t}),za=(e,t,o)=>{const n="boolean"==typeof o,i=e.dataStreamNames?.includes(t),a=(n?o:e.selected)||!1;return{namespace:e.name,selected:!(!i&&!n)&&a,currentStreamName:t}},_a=e=>{const{fetchSingleNamespace:t}=e||{},{namespaces:o}=Hn(),{selectedStreamName:n}=qn(),i=ft(!1),{configuredSources:a,configuredFutureApps:r,availableSources:s,setAvailableSources:l,setFetchedAllNamespaces:c}=ii(),[d,p]=xt(s),[u,m]=xt(""),[h,g]=xt(!1),[x,$]=xt([]),[f,b]=xt(""),[y,w]=xt(r),[k,v]=xt(((e,t,o)=>{const n={};return Object.entries(e).forEach(([e,t])=>{n[e]=t.map(e=>Oa(e,o))}),Object.entries(t).forEach(([e,t])=>{t.forEach(t=>{const i=n[e].findIndex(e=>e.name===t.name&&e.kind===t.kind),a=Oa(t,o);-1!==i?n[e][i]=a:n[e].push(a)})}),n})(s,a,n)),E=async(e,o)=>{if(t){if(m(e.name),x.includes(e.name))v(t=>({...t,[e.name]:t[e.name].map(e=>({...e,selected:"boolean"==typeof o?o:e.selected,currentStreamName:n}))}));else{const{data:i}=await t({variables:{namespaceName:e.name}}),{name:a,sources:r=[]}=i?.computePlatform?.k8sActualNamespace||{};if(!a)return;const s=r.map(e=>Ia(e,n));$(e=>[...e,a]),l({...ii.getState().availableSources,[a]:s}),p(e=>({...e,[a]:s})),v(e=>({...e,[a]:"boolean"!=typeof o&&e[a]?.length?e[a]:r.map(e=>Oa(e,n,o))}))}m("")}};$t(()=>(i.current=!0,o?.length&&!ii.getState().fetchedAllNamespaces&&(p(e=>{const t={...e};return o.forEach(({name:e})=>t[e]=t[e]||[]),t}),v(e=>{const t={...e};return o.forEach(({name:e})=>t[e]=t[e]||[]),t}),w(e=>{const t={...e};return o.forEach(e=>t[e.name]=t[e.name]||za(e,n)),t}),(async()=>{for await(const e of o)i.current&&await E(e)})(),i.current&&c(!0)),()=>{i.current=!1}),[o,n]);const[C,S]=xt(""),[A,D]=xt(no.Source),[T,N]=xt(!1),[I,O]=xt(!1),z=gt(()=>{const e=(e,t)=>!C||A!==t||A===t&&e.toLowerCase().includes(C),t={};return Object.entries(k).filter(([t])=>e(t,no.Namespace)).forEach(([o,n])=>{const i=n.filter(t=>e(t.name,no.Source)&&(!T||t.selected)&&(e=>!I||(e.numberOfInstances||0)>0)(t));(!C||C&&i.length)&&(t[o]=i)}),t},[k,C,A,T,I]);return{fetchingNamespace:u,fetchedNamespaces:x,availableSources:d,filteredNamespacesAndSources:z,getApiSourcesPayload:()=>{const e={};return Object.entries(k).forEach(([t,o])=>{o.forEach(o=>{const n=d[t]?.find(e=>e.name===o.name&&e.kind===o.kind);n?.selected!==o.selected&&(e[t]||(e[t]=[]),e[t].push(o))})}),e},getApiFutureAppsPayload:()=>{const e={};return Object.entries(y).forEach(([t,i])=>{const a=o?.find(e=>e.name===t);(i.selected&&!a?.dataStreamNames?.includes(n)||!i.selected&&a?.dataStreamNames?.includes(n))&&(e[t]=i)}),e},selectedNamespace:f,onSelectNamespace:(e,t)=>{const n=o.find(t=>t.name===e);if(n){const o="boolean"==typeof t;b(t=>t!==e||o?e:""),E(n,t),o&&g(!1)}},selectedAllNamespaces:h,onSelectAllNamespaces:e=>{g(e),o.forEach(t=>E(t,e))},selectedSources:k,onSelectSource:(e,t)=>{const o=t||f;if(!o)return;const i=[...k[o]||[]],a=i.findIndex(({name:t,kind:o})=>t===e.name&&o===e.kind);if(-1!==a){const e={...i[a],selected:!i[a].selected,currentStreamName:n};i[a]=e}else i.push({...e,selected:!0,currentStreamName:n});v(e=>({...e,[o]:i})),g(!1)},selectedFutureApps:y,onSelectFutureApps:(e,t)=>{const i=t||f;if(!i)return;const a=o.find(e=>e.name===t);a&&w(t=>({...t,[i]:za(a,n,e)}))},searchText:C,setSearchText:S,searchBy:A,setSearchBy:D,showSelectedOnly:T,setShowSelectedOnly:N,showRunningOnly:I,setShowRunningOnly:O}};kt.addDefaultLocale(St);const Fa=()=>new kt("en-US"),Ra=({container:e,animateIn:t,animateOut:o,duration:n=300})=>{const i=Dt(e)`
399
- animation-name: ${({$isEntering:e,$isLeaving:n})=>e?t:n?o:"none"};
400
- animation-duration: ${n}ms;
401
- animation-fill-mode: forwards;
402
- `;return yt(({children:e,enter:t,...o})=>{const[a,r]=xt(!1);return $t(()=>{const e=setTimeout(()=>r(t),n+50);return()=>clearTimeout(e)},[t,n]),t||a?mt.createElement(i,{$isEntering:t,$isLeaving:!t&&a,...o},e):null},[])},La=Dt.div`
403
- display: flex;
404
- flex-direction: row;
405
- flex-wrap: ${({$wrap:e="unset"})=>e};
406
- align-items: ${({$alignItems:e="center"})=>e};
407
- justify-content: ${({$justifyContent:e="unset"})=>e};
408
- gap: ${({$gap:e=2})=>e}px;
409
- `,Ma=Dt.div`
410
- display: flex;
411
- flex-direction: column;
412
- flex-wrap: ${({$wrap:e="unset"})=>e};
413
- align-items: ${({$alignItems:e="unset"})=>e};
414
- justify-content: ${({$justifyContent:e="unset"})=>e};
415
- gap: ${({$gap:e=2})=>e}px;
416
- `,Ba=Dt(Ma)`
417
- width: ${({$width:e})=>e||"100%"};
418
- height: ${({$height:e})=>e||"unset"};
419
- align-items: center;
420
- justify-content: center;
421
- `,Pa=Dt.div`
422
- display: flex;
423
- flex-direction: column;
424
- padding: 12px;
425
- overflow-y: scroll;
426
- `,ja=Dt.div`
427
- position: fixed;
428
- top: 0;
429
- left: 0;
430
- right: 0;
431
- bottom: 0;
432
- z-index: 1000;
433
- background: rgba(0, 0, 0, 0.5);
434
- backdrop-filter: blur(1px);
435
- `,Ua=Dt.div`
436
- width: 800px;
437
- min-height: ${({$minHeight:e})=>e||"unset"};
438
- height: ${({$isNotModal:e})=>e?"fit-content":"calc(100vh - 350px)"};
439
- margin: ${({$isNotModal:e})=>e?"64px 0 0 0":"64px 7vw 32px 7vw"};
440
- padding: 0 2px;
441
- overflow-y: scroll;
442
- `,Va=Dt(Ma)`
443
- max-width: ${({$maxWidth:e})=>e||"unset"};
444
- width: 100%;
445
- `,Wa=Dt(La)`
446
- gap: 16px;
447
- padding: 16px;
448
- `,qa=Dt.div`
449
- width: 100%;
450
- max-height: ${({$maxHeight:e})=>e||"unset"};
451
- overflow-y: auto;
452
- `,Ga=Dt.div`
453
- position: relative;
454
- display: flex;
455
- align-items: center;
456
- gap: 4px;
457
- // cursor: help;
458
- `,Ha=Dt(fi)`
459
- word-break: break-word;
460
- white-space: pre-wrap;
461
- `,Ja=({withIcon:e,titleIcon:t,title:o,text:n,timestamp:i,children:a})=>{const r=mi.useTheme(),{popupRef:s,popupOpen:l,setPopupOpen:c,popupPosition:d,handlePosition:p}=Aa({defaultClientHeight:40,defaultClientwidth:Math.min(7.5*(n?.length||0),300)}),u=gt(()=>!!gi(n||"")?.length,[n]),m=e=>{const{type:t,clientX:o,clientY:n}=e;u?p(d.left||o,d.top||n):p(o,n),c("mouseleave"!==t)};return n?mt.createElement(Ga,{onMouseEnter:m,onMouseMove:m,onMouseLeave:m},a,e&&mt.createElement(Ge,{fill:r.v2.colors.silver[200]}),mt.createElement(da,{ref:s,isOpen:l,top:d.top,left:d.left,asPortal:!0,withPointerEvents:u,onMouseEnter:u?m:void 0,maxWidth:"270px",borderRadius:"16px",padding:"8px 12px"},(!!t||!!o)&&mt.createElement(La,{style:{marginBottom:"4px"},$gap:4},t&&mt.createElement(t,{size:12,fill:r.text.secondary}),o&&mt.createElement(fi,{size:12,color:r.text.secondary},o)),mt.createElement(Ha,{size:12,color:r.text.info},n),!!i&&mt.createElement(fi,{size:10,color:r.text.darker_grey,family:"secondary",style:{marginTop:"8px"}},new Date(i).toLocaleString()))):mt.createElement(mt.Fragment,null,a)},Ka=Dt.div`
462
- display: flex;
463
- align-items: center;
464
- gap: 8px;
465
- cursor: ${({$disabled:e})=>e?"not-allowed":"pointer"};
466
- opacity: ${({$disabled:e})=>e?.6:1};
467
- `,Ya=Dt.div`
468
- width: 18px;
469
- height: 18px;
470
- border-radius: 6px;
471
- border: 1px dashed ${({$isChecked:e,$isPartiallyChecked:t,theme:o})=>e||t?"transparent":o.colors.secondary};
472
- display: flex;
473
- align-items: center;
474
- justify-content: center;
475
- background-color: ${({$isChecked:e,$isPartiallyChecked:t,theme:o})=>e?o.colors.majestic_blue:t?o.colors.majestic_blue_soft:o.colors.secondary+mi.opacity.hex["020"]};
476
- pointer-events: ${({$disabled:e})=>e?"none":"auto"};
477
- transition: border 0.3s;
478
- &:hover {
479
- border: 1px solid ${({theme:e})=>e.colors.secondary};
480
- }
481
- `,Xa=({title:e,titleColor:t,tooltip:o,value:n=!1,partiallyChecked:i=!1,onChange:a,disabled:r,style:s,errorMessage:l,allowPropagation:c=!1})=>{const d=mi.useTheme(),[p,u]=xt(n);return $t(()=>u(n),[n]),mt.createElement(Ma,null,mt.createElement(Ka,{"data-id":"checkbox"+(e?`-${e}`:""),$disabled:r,onClick:e=>{r||(c||e.stopPropagation(),a?a(!!i||!p):u(e=>!!i||!e))},style:s},mt.createElement(Ya,{$isChecked:p,$isPartiallyChecked:i,$disabled:r},i?mt.createElement(He,{fill:d.text.white}):p?mt.createElement(Je,{fill:d.text.white}):null),e&&mt.createElement(Ja,{text:o,withIcon:!0},mt.createElement(fi,{size:12,color:t||d.text.grey,style:{maxWidth:"90%"}},e))),!!l&&mt.createElement(Li,null,l))},Qa=Dt(La)`
482
- gap: 0;
483
- `,Za=Dt.button`
484
- padding: 4px 8px;
485
- background-color: ${({theme:e,$selected:t})=>t?e.colors.dropdown_bg_2:"transparent"};
486
- border-radius: ${({$position:e})=>"left"===e?"32px 0px 0px 32px":"right"===e?"0px 32px 32px 0px":"0"};
487
- border: 1px solid ${({theme:e})=>e.colors.border};
488
- display: flex;
489
- align-items: center;
490
- justify-content: center;
491
- cursor: pointer;
492
- &:hover {
493
- border: 1px solid ${({theme:e})=>e.colors.secondary};
494
- }
495
- `,er=({isPrettyMode:e,setIsPrettyMode:t})=>mt.createElement(Qa,null,mt.createElement(Za,{$position:"left",$selected:e,onClick:()=>t(!0)},mt.createElement(Ke,null)),mt.createElement(Za,{$position:"right",$selected:!e,onClick:()=>t(!1)},mt.createElement(Ye,null))),tr=Dt.table`
496
- border-collapse: collapse;
497
- font-family: ${({theme:e})=>e.font_family.primary};
498
- `,or=Dt.tbody``,nr=Dt.tr`
499
- td:first-child {
500
- padding-left: 0 !important;
501
- }
502
- td:last-child {
503
- padding-right: 0 !important;
504
- }
505
- `,ir=Dt.td`
506
- vertical-align: top;
507
- padding: 4px 6px;
508
- `,ar=Dt(fi)`
509
- white-space: nowrap;
510
- `,rr=Dt.span`
511
- white-space: ${({$noWrap:e})=>e?"nowrap":"pre-wrap"};
512
- overflow-wrap: break-word;
513
- word-break: break-word;
514
- word-wrap: break-word;
515
- /* Fallback for older browsers */
516
- -ms-word-break: break-all;
517
- font-size: 12px;
518
- `,sr=({language:e,code:t,flatten:o,pretty:n})=>{const{darkMode:i}=mi.useTheme();let a="";if("json"===e){const e=hn(t,{}),n=In(e);a=On(o?Vo(n):n)}else a=t;return n&&"json"===e?mt.createElement(lr,{darkMode:i,str:a}):mt.createElement(Bt,{theme:i?Pt.palenight:Pt.vsLight,language:e,code:a},({getLineProps:e,getTokenProps:t,tokens:o})=>mt.createElement("pre",null,o.map((o,n)=>mt.createElement("div",{key:`line-${n}`,...e({line:o})},o.map((e,o)=>mt.createElement(rr,{key:`line-${n}-token-${o}`,...t({token:e})}))))))},lr=({darkMode:e,str:t})=>{const o=mi.useTheme();return mt.createElement(Bt,{theme:e?Pt.palenight:Pt.vsLight,language:"json",code:t},({getLineProps:e,getTokenProps:t,tokens:n})=>mt.createElement(tr,null,mt.createElement(or,null,n.map((n,i)=>{const a=(e=>{const t=["punctuation","plain","operator"];return e.filter(e=>!t.includes(e.types[0])).map(({types:e,content:t})=>{const o=[...e],n=["property","string"].includes(o[0])?t.replace(/"/g,""):t;return"string"===o[0]&&(["true","false"].includes(n.split("@")[0])&&(o[0]="boolean"),n.split("@")[0].match(/^[0-9]+$/)&&(o[0]="number")),{types:o,content:n}})})(n),r=e({line:a});return 1===a.length&&"property"===a[0].types[0]?mt.createElement(ht,{key:`line-${i}`},((e,t)=>{const n=new Array(2).fill(e=>mt.createElement(nr,{...e},mt.createElement(ir,null),mt.createElement(ir,null)));return mt.createElement(ht,null,n.map((e,n)=>mt.createElement(e,{key:`empty-row-${t}-${n}`,style:0===n?{borderBottom:`1px solid ${o.colors.border}`}:{}})))})(0,i),mt.createElement(nr,{...r},mt.createElement(ir,null,mt.createElement(ar,null,a[0].content)),mt.createElement(ir,null))):2===a.length?mt.createElement(nr,{key:`line-${i}`,...r},a.map((e,n)=>{const{text:a,components:r}=((e,t)=>{const[o,...n]=e.split("@");return{text:o,components:n?.map((e,o)=>{if(!e.includes("="))return null;const[n,i]=e.split("=");switch(n){case"tooltip":return mt.createElement(Ja,{key:`${n}-${i}-${o}`,withIcon:!0,text:i});case"status":if("none"===i)return mt.createElement("div",{key:`${n}-${i}-${o}`,style:{width:16,height:16}});let e=dn(i,t);return e||(e=dn(so.Warning,t)),mt.createElement(e,{key:`${n}-${i}-${o}`});default:return null}})?.filter(e=>!!e)||[]}})(e.content,o),s=0===n;return mt.createElement(ir,{key:`line-${i}-token-${n}`},mt.createElement(La,null,mt.createElement(La,null,r),mt.createElement(rr,{$noWrap:s,...t({token:e})},a)))})):(a.length,null)}))))},cr={cm:!0,mm:!0,in:!0,px:!0,pt:!0,pc:!0,em:!0,ex:!0,ch:!0,rem:!0,vw:!0,vh:!0,vmin:!0,vmax:!0,"%":!0};function dr(e){if("number"==typeof e)return{value:e,unit:"px"};let t;const o=(e.match(/^[0-9.]*/)||"").toString();t=o.includes(".")?parseFloat(o):parseInt(o,10);const n=(e.match(/[^0-9]*$/)||"").toString();return cr[n]?{value:t,unit:n}:{value:t,unit:"px"}}function pr(e){const t=dr(e);return`${t.value}${t.unit}`}const ur=(()=>{const e="react-spinners-FadeLoader-fade";if("undefined"==typeof window||!window.document)return e;const t=document.createElement("style");document.head.appendChild(t);const o=t.sheet,n=`\n @keyframes ${e} {\n 50% {opacity: 0.3} 100% {opacity: 1}\n }\n `;return o&&o.insertRule(n,0),e})(),mr=({loading:e=!0,color:t,scale:o=1,speedMultiplier:n=1,cssOverride:i={},style:a={},...r})=>{const s=mi.useTheme(),l=t||s.text.secondary;if(!e)return null;const{value:c}=dr(2),d=c+4.2,p=d/2+d/5.5,u=4*d*o,m={position:"relative",width:`${u}px`,height:`${u}px`,scale:o,...a,...i},h=(e,t)=>({position:"absolute",width:pr(1.5),height:pr(4),borderRadius:pr(2),backgroundColor:l,transition:"2s",animationFillMode:"both",animation:`${ur} ${1.2/n}s ${.12*e}s infinite ease-in-out`,transform:`translate(-50%, -50%) rotate(${t}deg)`});return mt.createElement("span",{style:m,...r},mt.createElement("span",{style:{...h(1,0),top:`calc(50% + ${d}px)`,left:"50%"}}),mt.createElement("span",{style:{...h(2,-45),top:`calc(50% + ${p}px)`,left:`calc(50% + ${p}px)`}}),mt.createElement("span",{style:{...h(3,90),top:"50%",left:`calc(50% + ${d}px)`}}),mt.createElement("span",{style:{...h(4,45),top:`calc(50% + ${-1*p}px)`,left:`calc(50% + ${p}px)`}}),mt.createElement("span",{style:{...h(5,0),top:`calc(50% + ${-1*d}px)`,left:"50%"}}),mt.createElement("span",{style:{...h(6,-45),top:`calc(50% + ${-1*p}px)`,left:`calc(50% + ${-1*p}px)`}}),mt.createElement("span",{style:{...h(7,90),top:"50%",left:`calc(50% + ${-1*d}px)`}}),mt.createElement("span",{style:{...h(8,45),top:`calc(50% + ${p}px)`,left:`calc(50% + ${-1*p}px)`}}))},hr=Dt.div`
519
- margin: ${({$align:e})=>"right"===e?"auto 6px auto auto":"left"===e?"auto auto auto 6px":"auto"};
520
- display: flex;
521
- align-items: center;
522
- justify-content: center;
523
- `,gr=({extend:e,size:t=14,align:o="center"})=>mt.createElement(hr,{$align:o},mt.createElement(Xe,{size:t,rotate:e?180:0})),xr=Dt.div`
524
- border-radius: 24px;
525
- background-color: ${({theme:e,$status:t})=>t===so.Error?e.text.error+mi.opacity.hex["010"]:t===so.Warning?e.text.warning+mi.opacity.hex["010"]:e.colors.secondary+mi.opacity.hex["005"]};
526
- &:hover {
527
- background-color: ${({theme:e,$status:t})=>t===so.Error?e.text.error+mi.opacity.hex["020"]:t===so.Warning?e.text.warning+mi.opacity.hex["020"]:e.colors.secondary+mi.opacity.hex["010"]};
528
- }
529
- cursor: pointer;
530
- transition: background 0.3s;
531
- `,$r=Dt.div`
532
- display: flex;
533
- align-items: center;
534
- gap: 12px;
535
- padding: 12px 18px;
536
- `,fr=Dt.div`
537
- display: flex;
538
- flex-direction: column;
539
- gap: 8px;
540
- padding: 6px 18px 12px 18px;
541
- `,br=Dt.div`
542
- display: flex;
543
- align-items: center;
544
- gap: 12px;
545
- `,yr=Dt(fi)`
546
- white-space: nowrap;
547
- `,wr=Dt(Ma)`
548
- width: 16px;
549
- `,kr=({conditions:e,headerLabelError:t="Something Failed",headerLabelWarning:o="Something isn't right",headerLabelSuccess:n="Everything Successful"})=>{const i=mi.useTheme(),[a,r]=xt(!1),s=gt(()=>Cn(e),[e]),{errors:l,hasErrors:c,warnings:d,hasWarnings:p,hasDisableds:u,hasLoadings:m}=gt(()=>Go(s),[s]);$t(()=>{r(c||p||u||m)},[c,p,u,m]);const h=(!s.length||m)&&!c&&!p&&!u,g=c?so.Error:p?so.Warning:u?so.Info:so.Success,x=dn(g,i),$=c?t:p||u?o:h?"Loading...":n,f=c?i.text.error:p?i.text.warning:i.text.info,b=`(${c?l.length:p?d.length:s.length}/${s.length})`,y=c?i.text.error_secondary:p?i.text.warning_secondary:i.text.info_secondary,w=yt(()=>r(e=>!e),[]);return mt.createElement(xr,{onClick:w,$status:g},mt.createElement($r,null,h?mt.createElement(mr,null):mt.createElement(x,null),mt.createElement(fi,{color:f,size:14},$),mt.createElement(fi,{color:y,size:12,family:"secondary"},b),mt.createElement(gr,{extend:a,align:"right"})),a&&mt.createElement(fr,null,s.map(({status:e,type:t,reason:o,message:n,lastTransitionTime:a},r)=>{const s=e===co.Loading?()=>mt.createElement(mr,{scale:.8}):e===co.Disabled?dn(so.Info,i):dn(e,i),l=e===co.Disabled?i.text.info:e===so.Error?i.text.error:e===so.Warning?i.text.warning:i.text.info,c=e===co.Disabled?i.text.info_secondary:e===so.Error?i.text.error_secondary:e===so.Warning?i.text.warning_secondary:i.text.info_secondary;return mt.createElement(br,{key:`condition-${r}`},mt.createElement(wr,null,mt.createElement(s,null)),mt.createElement(La,{$gap:12,style:{width:"100%",justifyContent:"space-between"}},mt.createElement(fi,{color:l,size:12},mt.createElement(yr,{color:c,size:12,weight:700},t),n||o),mt.createElement(yr,{color:l,size:12},new Date(a).toLocaleString())))})))},vr=Dt.div`
550
- width: ${({$orientation:e,$thickness:t,$length:o})=>"vertical"===e?`${t}px`:o||"100%"};
551
- height: ${({$orientation:e,$thickness:t,$length:o})=>"horizontal"===e?`${t}px`:o||"100%"};
552
- margin: ${({$orientation:e,$margin:t})=>t||("horizontal"===e?"8px 0":"0 8px")};
553
- background-color: ${({$type:e,theme:t})=>(e?t.text[e]:t.colors.border)+mi.opacity.hex["050"]};
554
- opacity: ${({$opacity:e})=>e||1};
555
- `,Er=({orientation:e="horizontal",type:t,thickness:o=1,length:n,margin:i,opacity:a})=>mt.createElement(vr,{$orientation:e,$type:t,$thickness:o,$length:n,$margin:i,$opacity:a}),Cr=Dt.div`
556
- display: flex;
557
- align-items: center;
558
- gap: ${({$size:e})=>e/3}px;
559
- padding: ${({$size:e,$withBorder:t,$withBackground:o})=>t||o?`${e/(t?3:2)}px ${e/(t?1.5:1)}px`:"0"};
560
- width: ${({$width:e})=>e||"fit-content"};
561
- border-radius: 360px;
562
- border: ${({$withBorder:e,$status:t,theme:o})=>e?`1px solid ${o.text[t]+mi.opacity.hex["050"]}`:"none"};
563
- background: ${({$withBackground:e,$status:t,theme:o})=>e?`linear-gradient(90deg, transparent 0%, ${o.text[t]+mi.opacity.hex["030"]} 100%)`:"transparent"};
564
- `,Sr=Dt.div`
565
- display: flex;
566
- align-items: center;
567
- `,Ar=Dt.div`
568
- display: flex;
569
- align-items: center;
570
- `,Dr=({title:e,subtitle:t,status:o=so.Default,forceIcon:n,withIcon:i,withBorder:a,withBackground:r,width:s,size:l=12,family:c="secondary",nowrap:d=!1})=>{const p=mi.useTheme(),u=[co.Loading,co.Disabled].includes(o)?so.Info:o,m=n?()=>mt.createElement(n,{size:l+2,fill:p.text[u]}):o===co.Loading?()=>mt.createElement(mr,{scale:.8}):()=>dn(u,p)?.({size:l+2});return mt.createElement(Cr,{$status:u,$width:s,$size:l,$withIcon:i,$withBorder:a,$withBackground:r},i&&mt.createElement(Sr,null,mt.createElement(m,null)),(!!e||!!t)&&mt.createElement(Ar,null,!!e&&mt.createElement(fi,{size:l,family:c,color:p.text[u],nowrap:d},e),!!e&&!!t&&mt.createElement(Er,{orientation:"vertical",length:l-2+"px",type:u}),!!t&&mt.createElement(fi,{size:l-2,family:c,color:p.text[`${u}_secondary`],nowrap:d},t)))},Tr=({label:e,onClick:t,variant:o="tertiary",textProps:n,...i})=>{const a=mi.useTheme();return mt.createElement(ia,{onClick:t,variant:o,...i},mt.createElement(Qe,{fill:"primary"===o?a.text.primary:a.text.info}),mt.createElement(fi,{size:14,family:"secondary",decoration:"underline",color:"primary"===o?a.text.primary:void 0,...n},e||jn.ADD))},Nr=Dt.button`
571
- position: relative;
572
- width: ${({$size:e})=>e}px;
573
- height: ${({$size:e})=>e}px;
574
- border: ${({theme:e,$withBorder:t})=>t?`1px solid ${e.colors.border}`:"none"};
575
- border-radius: 100%;
576
- background-color: ${({$backgroundColor:e})=>e||"transparent"};
577
- display: flex;
578
- align-items: center;
579
- justify-content: center;
580
- cursor: pointer;
581
- &:hover {
582
- background-color: ${({theme:e,$backgroundColor:t})=>t?t+mi.opacity.hex["070"]:e.colors.dropdown_bg_2};
583
- }
584
- `,Ir=Dt.div`
585
- position: absolute;
586
- top: ${({$size:e})=>e/5}px;
587
- right: ${({$size:e})=>e/5}px;
588
- width: 6px;
589
- height: 6px;
590
- border-radius: 100%;
591
- background-color: ${({theme:e,$color:t})=>t||e.colors.secondary};
592
-
593
- &::after {
594
- content: '';
595
- position: absolute;
596
- inset: 0;
597
- border-radius: 100%;
598
- background-color: ${({theme:e,$color:t})=>t||e.colors.secondary};
599
- animation: ${mi.animations.ping} 1.5s cubic-bezier(0, 0, 0.2, 1) infinite;
600
- }
601
- `,Or=({children:e,onClick:t,tooltip:o,size:n=36,withPing:i,pingColor:a,withBorder:r,backgroundColor:s,...l})=>mt.createElement(Ja,{text:o},mt.createElement(Nr,{$size:n,$withBorder:r,$backgroundColor:s,onClick:t,...l},i&&mt.createElement(Ir,{$size:n,$color:a}),e)),zr=Dt(La)`
602
- width: 100%;
603
- border-radius: 8px;
604
- background-color: ${({theme:e})=>e.colors.secondary+mi.opacity.hex["010"]};
605
- pre {
606
- color: ${({theme:e})=>e.text.default};
607
- font-size: 12px;
608
- overflow-x: auto;
609
- width: 100%;
610
- padding-left: 12px;
611
- }
612
- `,_r=({value:e,callbackCopyDone:t})=>{const{clickCopy:o,isCopied:n}=ba();return mt.createElement(zr,null,mt.createElement("pre",null,e),mt.createElement(Or,{onClick:n=>{n.stopPropagation(),o(e),t?.()},tooltip:n?"Copied!":"Copy"},n?mt.createElement(Je,null):mt.createElement(Ze,null)))},Fr=({label:e,onClick:t,variant:o="tertiary",...n})=>{const i=mi.useTheme();return mt.createElement(ia,{onClick:t,variant:o,...n},mt.createElement(et,{fill:"primary"===o?i.text.primary:i.text.info}),mt.createElement(fi,{size:14,family:"secondary",decoration:"underline",color:"primary"===o?i.text.primary:void 0},e||jn.EDIT))},Rr=({onClick:e})=>mt.createElement(Yc,{type:so.Default,icon:je,message:Pn.QUICK_BACK_TO_SUMMARY,action:{label:Pn.GO_TO_SUMMARY,onClick:e}}),Lr=Dt(fi)`
613
- max-width: ${({$maxWidth:e})=>e?`${e}px`:"unset"};
614
- white-space: nowrap;
615
- overflow-x: auto;
616
-
617
- &::after {
618
- // This is to prevent the "browser default tooltip" from appearing when the title is too long
619
- content: '';
620
- display: block;
621
- }
622
- `,Mr=({maxWidth:e,text:t,textSize:o=16,textColor:n})=>{const[i,a]=xt(!1),r=ft(null);return $t(()=>{if(r.current){const{clientWidth:t}=r.current;a(t<1.05*(e-o)&&t>.95*(e-o))}},[e,o,t]),mt.createElement(La,{$gap:0},t&&mt.createElement(Ja,{text:i?t:void 0},mt.createElement(Lr,{ref:r,$maxWidth:e-o,size:o,color:n},t)),i&&mt.createElement(Lr,{$maxWidth:o,size:o,color:n},"..."))},Br=({src:e="",alt:t="",size:n=16})=>{const[i,a]=xt(!1);return e&&!i?mt.createElement("img",{src:e,alt:t,width:n,height:n,onError:()=>a(!0)}):mt.createElement(o,{size:n})},Pr=Dt.div`
623
- display: flex;
624
- align-items: center;
625
- justify-content: center;
626
- width: ${({$size:e})=>e}px;
627
- height: ${({$size:e})=>e}px;
628
- border-radius: 8px;
629
- background: ${({$status:e,theme:t})=>{const o=t.colors[e||"dropdown_bg_2"];return`linear-gradient(180deg, ${o} 0%, ${o+mi.opacity.hex["030"]} 100%)`}};
630
- `,jr=({icon:e,src:t="",alt:n="",status:i,size:a=36})=>mt.createElement(Pr,{$status:i,$size:a},t?mt.createElement(Br,{src:t,alt:n,size:a-12}):e?mt.createElement(e,{size:a-12}):mt.createElement(o,{size:a-12})),Ur=Dt.div`
631
- position: relative;
632
- display: flex;
633
- flex-wrap: wrap;
634
- align-items: center;
635
- justify-content: center;
636
- width: ${({$size:e})=>e}px;
637
- height: ${({$size:e})=>e}px;
638
- `,Vr=Dt.div`
639
- position: absolute;
640
- top: ${({$top:e})=>e}px;
641
- left: ${({$left:e})=>e}px;
642
- z-index: ${({$zIndex:e})=>e};
643
- display: flex;
644
- align-items: center;
645
- justify-content: center;
646
- width: ${({$size:e})=>e}px;
647
- height: ${({$size:e})=>e}px;
648
- border-radius: 100%;
649
- border: 1px solid ${({theme:e,$status:t})=>(t?e.text[t]:e.colors.border)+mi.opacity.hex["030"]};
650
- background: ${({$status:e,theme:t})=>{const o=t.colors[e||"dropdown_bg_2"];return`linear-gradient(180deg, ${o} 0%, ${o+mi.opacity.hex["030"]} 100%)`}};
651
- `,Wr=({icons:e=[],iconSrcs:t=[],status:o,size:n=36,id:i})=>{const a=mi.useTheme(),r=1===e.length||1===t.length?n-12:n/2.7;if(t.length>0)return mt.createElement(Wr,{icons:t.map(e=>()=>mt.createElement(Br,{src:e,size:r})),status:o,size:n,id:i});if(1===e.length)return mt.createElement(jr,{icon:e[0],status:o,size:n});const s=t=>e.length<=2?.5*r:0===t||1===t?0:1.15*r,l=e=>0===e?0:1===e?1.15*r:1.15*r*.5;return mt.createElement(Ur,{$status:o,$size:n},e.map((t,n)=>n>2?null:mt.createElement(Vr,{key:`icon-${i}-${n}`,$status:o,$size:1.5*r,$top:s(n),$left:l(n),$zIndex:n+1},2===n&&e.length>3?mt.createElement(fi,{family:"secondary",color:a.text.dark_grey,size:.8*r},"+",e.length-2):mt.createElement(t,{size:r}))))},qr=Oo.map(({id:e})=>e),Gr=({monitors:e=qr,withTooltips:t,withLabels:o,size:n=12,color:i})=>{const a=mi.useTheme(),r=i||a.text.grey;return mt.createElement(La,{$gap:o?n:n/2},e.filter(e=>!!e).map(e=>{const i=e.toLowerCase(),a=zo(i),s=nn(i);return s?mt.createElement(Ja,{key:i,text:t?a:""},mt.createElement(La,{$gap:n/3},mt.createElement(s,{size:o?n+2:n,fill:r}),o&&mt.createElement(fi,{size:n,color:r},a))):null}))},Hr=Dt.div`
652
- visibility: hidden;
653
- `,Jr=Dt.div`
654
- display: flex;
655
- flex-direction: column;
656
- align-self: stretch;
657
- padding: 16px;
658
- width: calc(100% - 32px);
659
- border-radius: 16px;
660
- background-color: ${({theme:e,$status:t,$bgColor:o})=>o||(t?e.text[t]+mi.opacity.hex["010"]:e.colors.secondary+mi.opacity.hex["005"])};
661
- opacity: ${({$faded:e})=>e?.5:1};
662
-
663
- ${({theme:e,$status:t,$bgColorHover:o,$withClick:n})=>n?Ot`
664
- &:hover {
665
- cursor: pointer;
666
- background-color: ${o||(t?e.text[t]+mi.opacity.hex["020"]:e.colors.secondary+mi.opacity.hex["010"])};
667
- ${Hr} {
668
- visibility: visible;
669
- }
670
- }
671
- `:`\n &:hover {\n ${Hr} {\n visibility: visible;\n }\n }\n `}
672
- `,Kr=Dt.div`
673
- display: flex;
674
- align-items: center;
675
- gap: 8px;
676
- margin-left: auto;
677
- `,Yr=Dt(fi)`
678
- margin-right: 16px;
679
- `,Xr=Dt(fi)`
680
- font-size: 10px;
681
- color: ${({theme:e})=>e.text.grey};
682
- `,Qr=({title:e,subTitle:t,hoverText:o,onClick:n,renderActions:i,iconProps:{icon:a,icons:r,iconSrc:s,iconSrcs:l}={},visualProps:{status:c,faded:d,bgColor:p,bgColorHover:u,monitors:m,monitorsWithLabels:h,componentsUnderTitles:g}={},checkboxProps:{withCheckbox:x,isCheckboxDisabled:$,isChecked:f,isLoading:b,onCheckboxChange:y}={},extendableProps:{withExtend:w,isExtended:k,renderExtended:v}={},...E})=>{const C=mi.useTheme(),[S,A]=xt(k||!1),[D,T]=xt(0),N=ft(null),I=ft(null),O=ft(null);return $t(()=>{if(N.current){const e=N.current.clientWidth,t=I.current?.clientWidth||0;T(e-((x?125:85)+t))}},[x]),mt.createElement(Jr,{ref:N,$status:c,$faded:d,$bgColor:p,$bgColorHover:u,$withClick:!!n,onClick:n,...E},mt.createElement(La,{$gap:8},mt.createElement(La,{$gap:16},b?mt.createElement(mr,null):x?mt.createElement(Xa,{value:f,onChange:y,disabled:$}):null,r?.length||l?.length?mt.createElement(Wr,{icons:r,iconSrcs:l,status:c,id:`${e}-${t}`}):a||s?mt.createElement(jr,{icon:a,src:s,status:c}):null),mt.createElement(Ma,{$gap:4},e&&mt.createElement(Mr,{maxWidth:D,text:e,textSize:14}),mt.createElement(La,{$gap:4},t&&mt.createElement(Mr,{maxWidth:D-(O.current?.clientWidth||0),text:t,textSize:10,textColor:C.text.grey}),m&&m.length>0&&mt.createElement(La,{$gap:4,ref:O},t&&mt.createElement(Xr,null,"•"),mt.createElement(Gr,{monitors:m,withLabels:h,size:10}))),g&&g.length>0?mt.createElement(La,{$gap:4},g?.map((e,t)=>mt.createElement(ht,{key:`componentsUnderTitles-${t}`},e))):null),mt.createElement(Kr,{ref:I},!!o&&mt.createElement(Hr,null,mt.createElement(Yr,{size:14,family:"secondary"},o)),i&&i(),w&&mt.createElement(ht,null,mt.createElement(Er,{orientation:"vertical",length:"16px",margin:"0 2px"}),mt.createElement(Or,{onClick:()=>A(e=>!e)},mt.createElement(gr,{extend:S}))))),S&&v&&mt.createElement(Ma,null,mt.createElement(Er,{margin:"16px 0"}),v()))},Zr=Dt(La)`
683
- width: 100%;
684
- justify-content: space-between;
685
- `,es=Dt(fi)`
686
- font-size: 12px;
687
- color: ${({theme:e})=>e.text.grey};
688
- `,ts=Dt(fi)`
689
- font-size: 10px;
690
- color: ${({theme:e})=>e.text.darker_grey};
691
- `,os=Dt.div`
692
- display: flex;
693
- align-items: center;
694
- gap: 8px;
695
- margin-left: auto;
696
- `,ns=Dt(fi)`
697
- font-size: 12px;
698
- text-align: right;
699
- `,is=({title:e,subTitle:t,tooltip:o,value:n})=>mt.createElement(Zr,null,mt.createElement(Ma,{$gap:4},mt.createElement(Ja,{text:o||""},e&&mt.createElement(es,null,e),t&&mt.createElement(ts,null,t))),mt.createElement(os,null,n?.status?mt.createElement(Dr,{status:"transitioning"===n.status?co.Loading:n.status,title:n.text||n.status,withBorder:!0,withIcon:!0}):mt.createElement(ns,null,n?.text||"-"))),as=Dt(Ma)`
700
- width: 100%;
701
- `,rs=({containerName:e,actualDevices:t,started:o,ready:n,instrumentationInstances:i})=>{const a=gt(()=>{const e=[];return o?.name&&e.push(mt.createElement(Dr,{status:yn(o.value)?Tn(o.value)?so.Success:so.Error:so.Default,title:o.name,withIcon:!0,withBorder:!0,size:8})),n?.name&&e.push(mt.createElement(Dr,{status:yn(n.value)?Tn(n.value)?so.Success:so.Error:so.Default,title:n.name,withIcon:!0,withBorder:!0,size:8})),e},[o?.name,o?.value,n?.name,n?.value]);return mt.createElement(Qr,{title:e.value,subTitle:i.length?`${i.length} Instrumented Processes`:void 0,visualProps:{componentsUnderTitles:a},renderActions:()=>mt.createElement(Dr,{status:so.Info,title:"Instrumentation Device",subtitle:t.value&&"[]"!==t.value?t.value:"none",withBorder:!0}),extendableProps:{isExtended:!!i.length,renderExtended:()=>mt.createElement(as,{$gap:24},i.map((e,t)=>mt.createElement(as,{key:`process-${t}`,$gap:8},mt.createElement(is,{title:`Instrumented Process #${t+1}`,subTitle:e.message?.value||"",value:{status:e.healthy.status,text:e.healthy.status===so.Success?"healthy":"unhealthy"}}),e.identifyingAttributes?.map(({name:e,value:t})=>mt.createElement(is,{key:`describe-${e}-${t}`,title:e,subTitle:"",value:{text:t,status:void 0}})))))}})},ss=Dt(Ma)`
702
- max-width: 300px;
703
- padding: 12px;
704
- border-radius: 12px;
705
- background-color: ${({theme:e})=>e.colors.dropdown_bg};
706
- justify-content: center;
707
- `,ls=wt(({id:e,data:t})=>{const{title:o,subTitle:n}=t;return mt.createElement(ss,{"data-id":e},mt.createElement(Ml,{title:o,subTitle:n}))});ls.displayName=ls.name;const cs=Dt.div`
708
- padding: 6px;
709
- border-radius: 12px;
710
- background-color: ${({theme:e})=>e.colors.dropdown_bg};
711
- cursor: pointer;
712
- `,ds=Dt.div`
713
- position: relative;
714
- `,ps=Dt(La)`
715
- position: absolute;
716
- bottom: -24px;
717
- left: 50%;
718
- transform: translateX(-50%);
719
- gap: 4px;
720
- `,us=Dt.div`
721
- position: absolute;
722
- bottom: 100%;
723
- left: 100%;
724
- width: 300px;
725
- padding: 12px;
726
- border-radius: 16px;
727
- border: 1px solid ${({theme:e})=>e.colors.border};
728
- background-color: ${({theme:e})=>e.colors.dropdown_bg};
729
- `,ms=({title:e,value:t})=>{const o=mi.useTheme();return mt.createElement(La,{$justifyContent:"space-between"},mt.createElement(fi,{size:12,color:o.text.info},e),mt.createElement(fi,{size:12,family:"secondary"},t))},hs=wt(({id:e,data:t})=>{const{id:o,status:n,title:i,icons:a,serviceMapEntry:r}=t,{activeNodeType:s,activeNodeId:l}=Vt(),c=mi.useTheme(),d=n===so.Error?dn(n,c):null;return mt.createElement(mt.Fragment,null,mt.createElement(zt,{type:"source",position:_t.Bottom,style:{visibility:"hidden"}}),mt.createElement(zt,{type:"target",position:_t.Top,style:{visibility:"hidden"}}),mt.createElement(ds,{"data-id":e},mt.createElement(cs,null,mt.createElement(Wr,{id:o,icons:a,status:n})),mt.createElement(ps,null,d&&mt.createElement(d,null),mt.createElement(Mr,{maxWidth:100,text:i})),s===mo.MapItem&&l===e&&mt.createElement(us,null,mt.createElement(La,{$gap:12},mt.createElement(Wr,{id:o,icons:a,status:n}),mt.createElement(fi,{size:20},i)),r&&r.services.length>0?r.services.map(({serviceName:e,requests:t,dateTime:n})=>mt.createElement("div",{key:`from-${o}-to-${e}`},mt.createElement(Er,null),mt.createElement(ms,{title:"Connected Service",value:e}),mt.createElement(ms,{title:"Outgoing Requests",value:t}),mt.createElement(ms,{title:"Last Requested At",value:new Date(n).toLocaleString()}))):mt.createElement(mt.Fragment,null,mt.createElement(Er,null),mt.createElement(Ml,{title:"No outgoing connections",subTitle:" "})))))});hs.displayName=hs.name;const gs=Dt.div`
730
- height: calc(100vh - 160px);
731
- .react-flow__attribution {
732
- visibility: hidden;
733
- }
734
- `,xs=Dt.div`
735
- button {
736
- padding: 8px;
737
- margin: 8px;
738
- border-radius: 8px;
739
- border: 1px solid ${({theme:e})=>e.colors.border} !important;
740
- background-color: ${({theme:e})=>e.colors.dropdown_bg};
741
- path {
742
- fill: ${({theme:e})=>e.text.secondary};
743
- }
744
- &:hover {
745
- background-color: ${({theme:e})=>e.colors.dropdown_bg_2};
746
- }
747
- }
748
- `,$s={[mo.MapItem]:hs,[mo.NoData]:ls},fs=({nodes:e,edges:t,onNodesChange:o,onEdgesChange:n,fitView:i=!1,zoomOnScroll:a=!1})=>{const{onClickNode:r}=ga(),{setActiveNodeType:s,setActiveNodeId:l}=Vt();return mt.createElement(gs,null,mt.createElement(Ft,{fitView:i,zoomOnScroll:a,nodes:e,nodeTypes:$s,edges:t,onNodeClick:r,onNodesChange:e=>{setTimeout(()=>o(e),0)},onEdgesChange:e=>{setTimeout(()=>n(e),0)},onBlur:()=>{s(null),l(null)},onlyRenderVisibleElements:!0},mt.createElement(xs,null,mt.createElement(Rt,{position:"bottom-right",orientation:"horizontal",showInteractive:!1,showZoom:!0,showFitView:!0,fitViewOptions:{duration:300,padding:.02,includeHiddenNodes:!0}}))))},bs=Dt.div`
749
- position: relative;
750
- `,ys=({defaultLanguage:e=to.Unknown,defaultVersion:t="",handleSave:o})=>{const{addNotification:n}=Qn(),{formData:i,handleFormChange:a,resetFormData:r}=pa({language:e,version:t}),[s,l]=xt(!1),c=()=>{l(!1),r()};return mt.createElement(bs,null,mt.createElement(Or,{tooltip:Pn.OVERRIDE_RUNTIME_DETAILS,size:32,onClick:()=>{l(!0)}},mt.createElement(et,null)),mt.createElement(Zc,{flipX:!0,clientX:36,isOpen:s,onClose:c,onSave:()=>{!i.version||vn(i.version)?(o(i),c()):n({type:so.Warning,message:Bn.INVALID_VERSION,hideFromHistory:!0})},withDelete:!0,onDelete:()=>{o({language:null,version:""}),c()},title:Pn.OVERRIDE_RUNTIME_DETAILS,warning:Pn.OVERRIDE_RUNTIME_WARNING},mt.createElement(Vl,{title:Pn.LANGUAGE,options:Rn,value:Rn.find(e=>e.id===i.language),onSelect:e=>a("language",e.id),required:!0}),mt.createElement(zl,{title:Pn.RUNTIME_VERSION,placeholder:Pn.VERSION_PLACEHOLDER,value:i.version,onChange:e=>a("version",e.target.value),required:!1})))},ws=Dt(La)`
751
- width: 100%;
752
- justify-content: center;
753
- `,ks=({containerName:e,language:t,runtimeVersion:o,overriden:n,instrumented:i,instrumentationMessage:a,otelDistroName:r,callbackRuntimeOverride:s})=>{const l=mi.useTheme(),c=i?so.Success:a?so.Info:so.Warning,d=i?lo.INSTRUMENTED:a?lo.NOT_INSTRUMENTED:lo.INSTRUMENTING;return mt.createElement(Qr,{title:e,subTitle:`${t?Fn[t]:"no runtime info"}`+(o?` • Runtime Version: ${o}`:""),iconProps:{icon:Jo(t)},extendableProps:{isExtended:!!a,renderExtended:()=>mt.createElement(ws,null,mt.createElement(fi,{size:12,family:"secondary",color:l.text.info},En(a)))},renderActions:()=>mt.createElement(mt.Fragment,null,mt.createElement(Dr,{status:c,title:d,subtitle:r||void 0,withIcon:!0,withBorder:!0}),n&&mt.createElement(Dr,{status:so.Default,forceIcon:tt,title:Pn.OVERIDDEN,withIcon:!0,withBorder:!0}),s&&mt.createElement(ys,{defaultLanguage:t,defaultVersion:o,handleSave:t=>s({...t,containerName:e})}))})},vs=Dt.tr`
754
- cursor: ${({$withHover:e})=>e?"pointer":"default"};
755
- opacity: ${({$faded:e})=>e?.5:1};
756
- `,Es=Dt.td`
757
- position: relative;
758
- width: fit-content;
759
- padding: 16px 8px 16px ${({$isFirst:e})=>e?"16px":"8px"};
760
- color: ${({theme:e})=>e.text.secondary};
761
- font-family: ${({theme:e})=>e.font_family.primary};
762
- font-size: 14px;
763
- white-space: nowrap;
764
- `,Cs=Dt(fi)`
765
- font-size: 14px;
766
- color: ${({$color:e,theme:t})=>e??t.text.secondary};
767
- line-height: 16px;
768
-
769
- overflow: hidden;
770
- overflow-wrap: break-word;
771
- white-space: wrap;
772
- text-wrap: wrap;
773
- text-overflow: ellipsis;
774
- display: -webkit-box;
775
- -webkit-line-clamp: 2;
776
- -webkit-box-orient: vertical;
777
- `,Ss=Dt.div`
778
- position: absolute;
779
- top: 0;
780
- left: 0;
781
- z-index: -1;
782
- width: ${({$width:e})=>e}px;
783
- height: ${({$height:e})=>e}px;
784
- border-radius: 16px;
785
- background-color: ${({theme:e,$hovered:t,$status:o})=>t?o?e.text[o]+mi.opacity.hex["020"]:e.colors.majestic_blue+mi.opacity.hex["030"]:o?e.text[o]+mi.opacity.hex["010"]:e.colors.secondary+mi.opacity.hex["005"]};
786
- `,As=({index:e,columns:t,cells:o,onClick:n,status:i,faded:a})=>{const{containerRef:r,containerHeight:s,containerWidth:l}=fa(),[c,d]=xt(!1);return mt.createElement(vs,{ref:r,onMouseEnter:()=>!!n&&d(!0),onMouseLeave:()=>!!n&&d(!1),onClick:()=>!!n&&n(),$withHover:!!n,$faded:a},t.map(({key:t},n)=>{const a=o.find(({columnKey:e})=>e===t);if(!a)return null;const{value:r,textColor:d,withTooltip:p,icon:u,component:m}=a;return mt.createElement(Es,{key:`table-row-${t}-${r}-${e}-${n}`,$isFirst:0===n},u?mt.createElement(jr,{icon:u}):m?mt.createElement(m,null):mt.createElement(Ja,{text:p&&r?String(r):""},mt.createElement(Cs,{$color:d},$n(r)?"-":r)),0===n&&mt.createElement(Ss,{$height:s,$width:l,$top:s*e,$hovered:c,$status:i}))}))},Ds=Dt.div`
787
- width: 100%;
788
- `,Ts=Dt.table`
789
- position: relative;
790
- z-index: 0;
791
- width: 100%;
792
- border-collapse: separate;
793
- border-spacing: 0 12px;
794
- `,Ns=Dt.thead`
795
- // only supported with "border-collapse: collapse;"
796
- // border-top: 1px solid ${({theme:e})=>e.colors.dropdown_bg_2};
797
- // border-bottom: 1px solid ${({theme:e})=>e.colors.dropdown_bg_2};
798
- `,Is=Dt.th`
799
- // only required with "border-collapse: separate;"
800
- border-top: 1px solid ${({theme:e})=>e.colors.dropdown_bg_2};
801
- border-bottom: 1px solid ${({theme:e})=>e.colors.dropdown_bg_2};
802
-
803
- padding: 8px;
804
- `,Os=Dt(La)`
805
- cursor: pointer;
806
- &:hover {
807
- * {
808
- color: ${({theme:e})=>e.text.secondary};
809
- }
810
- }
811
- `,zs=Dt(fi)`
812
- color: ${({theme:e})=>e.text.darker_grey};
813
- font-family: ${({theme:e})=>e.font_family.secondary};
814
- text-transform: uppercase;
815
- font-size: 12px;
816
- font-weight: 500;
817
- text-wrap: nowrap;
818
- `,_s=Dt.tbody``,Fs=({columns:e,rows:t})=>{const[o,n]=xt(po.Ascending),[i,a]=xt("name"),r=yt(e=>{i===e?n(e=>e===po.Ascending?po.Descending:po.Ascending):(a(e),n(po.Ascending))},[i]),s=gt(()=>{const n=(e,t)=>e.cells.find(({columnKey:e})=>e===t)?.value??null;return(i?[...t].sort((e,t)=>{const a=n(e,i),r=n(t,i);return(o===po.Ascending?1:-1)*((e,t)=>"number"==typeof e&&"number"==typeof t?e-t:"string"==typeof e&&"string"==typeof t?e.localeCompare(t):"boolean"==typeof e&&"boolean"==typeof t?e===t?0:e?1:-1:String(e).localeCompare(String(t)))(a,r)}):t).map(({status:t,faded:o,cells:n,onClick:i},a)=>mt.createElement(As,{key:`row-${a}`,index:a,columns:e,cells:n,onClick:i,status:t,faded:o}))},[e,t,i,o]);return mt.createElement(Ds,null,mt.createElement(Ts,null,mt.createElement(Ns,null,mt.createElement("tr",null,e.map(({key:e,title:t,sortable:o})=>mt.createElement(Is,{key:`column-${e}`},o?mt.createElement(Os,{onClick:()=>r(e)},mt.createElement(ot,null),mt.createElement(zs,null,t)):mt.createElement(zs,null,t))))),mt.createElement(_s,null,s)))};var Rs;!function(e){e.Code="code",e.Table="table",e.Badge="badge",e.Loader="loader",e.Divider="divider",e.Monitors="monitors",e.CopyText="copy-text",e.ActiveStatus="active-status"}(Rs||(Rs={}));const Ls=Dt.div`
819
- display: flex;
820
- flex-wrap: wrap;
821
- gap: 16px 32px;
822
- width: 100%;
823
- `,Ms=Dt.div`
824
- display: flex;
825
- flex-direction: column;
826
- gap: 2px;
827
- width: ${({$width:e})=>e};
828
- `,Bs=Dt(fi)`
829
- color: ${({theme:e})=>e.text.grey};
830
- font-size: 10px;
831
- line-height: 16px;
832
- `,Ps=Dt(fi)`
833
- font-size: 12px;
834
- white-space: pre-wrap;
835
- `,js=({data:e})=>mt.createElement(Ls,null,e?.map(({type:e,title:t,titleIcon:o,tooltip:n,value:i},a)=>mt.createElement(Ms,{key:`data-field-${t||(i?JSON.stringify(i):a)}`,$width:e&&[Rs.Code,Rs.Table].includes(e)?"inherit":e&&[Rs.Loader,Rs.Divider,Rs.CopyText].includes(e)?"100%":"unset"},mt.createElement(Ja,{text:n,withIcon:!0},mt.createElement(La,{$alignItems:"center",$gap:4},o&&mt.createElement(o,{size:14}),!!t&&mt.createElement(Bs,{transform:"capitalize"},t))),mt.createElement(Us,{type:e,value:i})))),Us=({type:e,value:t})=>{const o=mi.useTheme();switch(e){case Rs.Divider:return mt.createElement(Er,{length:"100%",margin:"0"});case Rs.Loader:return mt.createElement(Ba,null,mt.createElement(mr,{scale:1.2}));case Rs.Monitors:return mt.createElement(Gr,{monitors:t?.split(", ")||[],withLabels:!0,color:o.colors.secondary});case Rs.Badge:{const{label:e,filled:o,...n}=hn(t,{label:"-",filled:!1});return mt.createElement(ea,{label:e,filled:o,...n})}case Rs.Code:{const{language:e,code:o,...n}=hn(t,{language:"",code:""});return mt.createElement(sr,{language:e,code:o,...n})}case Rs.Table:{const{columns:e,rows:o,...n}=hn(t,{columns:[],rows:[{status:void 0,cells:[]}]});return mt.createElement(Fs,{columns:e,rows:o,...n})}case Rs.ActiveStatus:return mt.createElement(Dr,{status:"true"==t?so.Success:so.Error,title:"true"==t?Pn.ENABLED:Pn.DISABLED,size:10,withIcon:!0,withBorder:!0});case Rs.CopyText:{const e="string"==typeof t?t:JSON.stringify(t);return mt.createElement(_r,{value:e})}default:return mt.createElement(Ps,null,Nn("string"==typeof t?t||"-":""))}},Vs=Dt.div`
836
- display: flex;
837
- flex-direction: column;
838
- align-items: flex-start;
839
- align-self: stretch;
840
- gap: 16px;
841
- padding: 24px;
842
- border-radius: 24px;
843
- border: 1px solid ${({theme:e})=>e.colors.border};
844
- background-color: ${({theme:e,$hovered:t})=>t?e.colors.secondary+mi.opacity.hex["010"]:"transparent"};
845
- transition: background-color 0.3s;
846
- `,Ws=Dt.div`
847
- width: 100%;
848
- display: flex;
849
- flex-direction: column;
850
- gap: 4px;
851
- cursor: ${({$clickable:e})=>e?"pointer":"default"};
852
- `,qs=Dt(fi)`
853
- width: 100%;
854
- display: flex;
855
- align-items: center;
856
- gap: 8px;
857
- font-size: 16px;
858
- `,Gs=Dt(fi)`
859
- font-size: 12px;
860
- color: ${({theme:e})=>e.text.grey};
861
- `,Hs=Dt(La)`
862
- margin-left: auto;
863
- gap: 8px;
864
- `,Js=({title:e="Details",titleBadge:t,titleIcon:o,description:n,action:i,withExtend:a,initialExtended:r=!1,data:s,children:l})=>{const[c,d]=xt(r),[p,u]=xt(!1);return mt.createElement(Vs,{$hovered:p},e||o||n||i?mt.createElement(Ws,{$clickable:a||!1,onClick:()=>a&&d(e=>!e),onMouseEnter:()=>a&&u(!0),onMouseLeave:()=>a&&u(!1)},mt.createElement(La,null,mt.createElement(La,{$alignItems:"center",$gap:8},o&&mt.createElement(La,{$alignItems:"center"},mt.createElement(o,{size:20})),!!e&&mt.createElement(qs,{transform:"capitalize"},e),t===co.Loading?mt.createElement(mr,null):void 0!==t&&mt.createElement(ea,{label:t})),(!!i||a)&&mt.createElement(Hs,null,"function"==typeof i?mt.createElement(i,null):i,a&&mt.createElement(gr,{extend:c}))),!!n&&mt.createElement(Gs,null,n)):null,(!a||a&&c)&&(l||mt.createElement(js,{data:s})))},Ks=Dt.div`
865
- visibility: hidden;
866
- `,Ys=Dt(La)`
867
- align-self: stretch;
868
- width: calc(100% - 32px);
869
- padding: 16px;
870
- border-radius: 16px;
871
- background-color: ${({theme:e})=>e.colors.secondary+mi.opacity.hex["005"]};
872
- ${({theme:e,$withClick:t})=>t?Ot`
873
- &:hover {
874
- cursor: pointer;
875
- background-color: ${e.colors.secondary+mi.opacity.hex["010"]};
876
- ${Ks} {
877
- visibility: visible;
878
- }
879
- }
880
- `:`\n &:hover {\n ${Ks} {\n visibility: visible;\n }\n }\n `}
881
- `,Xs=Dt(La)`
882
- margin-left: auto;
883
- gap: 8px;
884
- `,Qs=Dt(fi)`
885
- font-size: 10px;
886
- color: ${({theme:e})=>e.text.grey};
887
- `,Zs=({title:e,subTitle:t,icons:o,iconSrcs:n,onClick:i,renderActions:a})=>{const r=mi.useTheme(),[s,l]=xt(0),c=ft(null),d=ft(null);return $t(()=>{if(c.current){const e=c.current.clientWidth,t=d.current?.clientWidth||0;l(e-(85+t))}},[]),mt.createElement(Ys,{ref:c,$gap:8,$withClick:!!i,onClick:i},mt.createElement(Wr,{id:`${e}-${t}`,icons:o,iconSrcs:n}),e&&mt.createElement(Mr,{maxWidth:s/2,text:e,textSize:14}),e&&t&&mt.createElement(Qs,null,"•"),t&&mt.createElement(Mr,{maxWidth:s/2,text:t,textSize:10,textColor:r.text.grey}),mt.createElement(Xs,{ref:d},a&&mt.createElement(mt.Fragment,null,mt.createElement(Er,{orientation:"vertical",length:"24px",margin:"0"}),a())))},el=({isOpen:e,noOverlay:t,name:o,type:n,isLastItem:i,onApprove:a,onDeny:r})=>{const s=n===no.Source?"uninstrument":"delete";return mt.createElement(Xd,{isOpen:e,noOverlay:t,title:`${s.charAt(0).toUpperCase()+s.substring(1)}${o?` ${o}`:""}`,description:`Are you sure you want to ${s}?`,note:i?{type:so.Warning,title:`You're about to ${s} the last ${n||o}`,message:""}:void 0,approveButton:{text:"Confirm",variant:"danger",onClick:a},denyButton:{text:"Go Back",onClick:r}})},tl=Dt(ia)`
888
- display: flex;
889
- align-items: center;
890
- justify-content: center;
891
- font-size: 14px;
892
- gap: 6px;
893
- min-width: 100px;
894
- `,ol=({endpoint:e="/",variant:t="secondary"})=>mt.createElement(tl,{variant:t,onClick:()=>window.open(`https://docs.odigos.io${e}`,"_blank","noopener noreferrer")},mt.createElement(nt,{size:18}),"Docs"),nl=Dt(La)`
895
- border-bottom: ${({$hideBorder:e,theme:t})=>e?"none":`1px solid ${t.colors.border}`};
896
- `,il=Dt(fi)`
897
- padding: 12px;
898
- font-size: 14px;
899
- color: ${({theme:e,$selected:t})=>t?e.text.secondary:e.text.grey};
900
- border-bottom: 2px solid ${({theme:e,$selected:t})=>t?e.colors.majestic_blue:"transparent"};
901
- cursor: pointer;
902
- display: flex;
903
- align-items: center;
904
- gap: 8px;
905
- `,al=({tabs:e,hideBorder:t=!1})=>e?.length?mt.createElement(nl,{$hideBorder:t},e.map(({label:e,icon:t,onClick:o,selected:n})=>mt.createElement(il,{key:`tab-${e}`,onClick:o,$selected:n},e,t&&mt.createElement(t,null)))):null,rl=Dt.section`
906
- padding: 0px 32px;
907
- border-bottom: 1px solid ${({theme:e})=>e.colors.border};
908
- `,sl=Dt.div`
909
- height: 76px;
910
- display: flex;
911
- justify-content: space-between;
912
- flex-shrink: 0;
913
- align-self: stretch;
914
- `,ll=Dt.div`
915
- display: flex;
916
- align-items: center;
917
- gap: ${({$gap:e})=>e||16}px;
918
- `,cl=Dt(fi)`
919
- font-size: 18px;
920
- line-height: 26px;
921
- max-width: ${({$maxWidth:e})=>e};
922
- overflow: hidden;
923
- white-space: nowrap;
924
- text-overflow: ellipsis;
925
- `,dl=Dt(ia)`
926
- gap: 8px;
927
- `,pl=Dt(ia)``,ul=({onClose:e,width:t,icons:o,iconSrcs:n,title:i,titleTooltip:a,replaceTitleWith:r,actions:s,actionButtons:l=[],tabs:c})=>mt.createElement(rl,null,mt.createElement(sl,null,mt.createElement(ll,null,o?.length||n?.length?mt.createElement(Wr,{icons:o,iconSrcs:n,id:`drawer-header-${i}`}):null,("function"==typeof r?mt.createElement(r,null):r||null)||mt.createElement(Ja,{text:a||i,withIcon:!!a},i&&mt.createElement(cl,{$maxWidth:`calc(${t} ${s||l.length?"/ 5":"- 192px"})`},i))),mt.createElement(ll,{$gap:2},s,l.map((e,t)=>mt.createElement(dl,{key:`header-action-button-${t}`,...e})),mt.createElement(pl,{"data-id":"drawer-close",variant:"secondary",onClick:e},mt.createElement(it,{size:12})))),mt.createElement(al,{tabs:c,hideBorder:!0})),ml=Dt.div`
928
- display: flex;
929
- justify-content: space-between;
930
- gap: 8px;
931
- padding: 24px 18px 24px 32px;
932
- border-top: 1px solid ${({theme:e})=>e.colors.border};
933
- background-color: ${({theme:e})=>e.colors.translucent_bg};
934
- transform: translateY(100%);
935
- `,hl=Dt(La)`
936
- margin-right: auto;
937
- `,gl=Dt(La)`
938
- margin: 0 auto;
939
- `,xl=Dt(La)`
940
- margin-left: auto;
941
- `,$l=Dt(ia)`
942
- min-width: 140px;
943
- font-size: 14px;
944
- `,fl=({isOpen:e,leftButtons:t=[],centerButtons:o=[],rightButtons:n=[]})=>{const i=Ra({container:ml,animateIn:mi.animations.slide.in.bottom,animateOut:mi.animations.slide.out.bottom});return mt.createElement(i,{enter:e},mt.createElement(hl,null,t.map((e,t)=>mt.createElement($l,{key:`footer-left-button-${t}`,...e}))),mt.createElement(gl,null,o.map((e,t)=>mt.createElement($l,{key:`footer-center-button-${t}`,...e}))),mt.createElement(xl,null,n.map((e,t)=>mt.createElement($l,{key:`footer-right-button-${t}`,...e}))))},bl=Dt.div`
945
- position: fixed;
946
- top: 0;
947
- bottom: 0;
948
- ${({$position:e})=>e}: 0;
949
- z-index: 1000;
950
- width: ${({$width:e})=>e};
951
- background: ${({theme:e})=>e.colors.translucent_bg};
952
- box-shadow: 0 2px 10px ${({theme:e})=>e.colors.primary+mi.opacity.hex["010"]};
953
- overflow-y: auto;
954
- `,yl=Dt.div`
955
- display: flex;
956
- flex-direction: column;
957
- height: 100%;
958
- `,wl=Dt.div`
959
- flex-grow: 1;
960
- padding: 24px 32px;
961
- overflow-y: auto;
962
- `,kl=({isOpen:e,onClose:t,closeOnEscape:o=!0,position:n="right",width:i="300px",children:a,header:r,footer:s})=>{Ca({key:"Escape",active:e&&o},()=>t()),ha(e);const l=Ra({container:bl,animateIn:mi.animations.slide.in[n],animateOut:mi.animations.slide.out[n]});return e?Lt.createPortal(mt.createElement(mt.Fragment,null,mt.createElement(ja,{hidden:!e,onClick:t}),mt.createElement(l,{"data-id":"drawer",enter:e,$position:n,$width:i},mt.createElement(yl,null,mt.createElement(ul,{onClose:t,width:i,...r}),mt.createElement(wl,null,a),mt.createElement(fl,{...s})))),document.body):null},vl=Dt.div`
963
- display: flex;
964
-
965
- align-items: center;
966
- gap: 6px;
967
- margin-bottom: 4px;
968
- `,El=Dt(fi)`
969
- font-size: 14px;
970
- opacity: 0.8;
971
- line-height: 22px;
972
- overflow: hidden;
973
- white-space: nowrap;
974
- text-overflow: ellipsis;
975
- color: ${({$status:e,theme:t})=>e?t.text[e]:t.text.secondary};
976
- `,Cl=Dt(fi)`
977
- font-size: 12px;
978
- color: ${({theme:e})=>e.text.darker_grey};
979
- opacity: 0.8;
980
- `,Sl=({title:e,required:t,tooltip:o,style:n,status:i})=>e?mt.createElement(vl,{style:n},mt.createElement(Ja,{text:o,withIcon:!0},mt.createElement(El,{$status:i},e),!t&&mt.createElement(Cl,null,"(optional)"))):null,Al=Dt.div`
981
- display: flex;
982
- flex-direction: column;
983
- position: relative;
984
- width: 100%;
985
- `,Dl=Dt.div`
986
- width: 100%;
987
- display: flex;
988
- align-items: center;
989
- height: 36px;
990
- gap: 12px;
991
- transition: border-color 0.3s;
992
- border-radius: 32px;
993
- border: 1px solid ${({theme:e})=>e.colors.border};
994
- ${({$disabled:e})=>e&&Ot`
995
- cursor: not-allowed;
996
- opacity: 0.6;
997
- `}
998
- ${({$isActive:e,$hasError:t,$status:o})=>e?Ot`
999
- border-color: ${({theme:e})=>e.colors.secondary};
1000
- `:t?Ot`
1001
- border-color: ${({theme:e})=>e.text.error};
1002
- `:o?Ot`
1003
- border-color: ${({theme:e})=>e.text[o]};
1004
- `:""}
1005
- &:hover {
1006
- border-color: ${({theme:e})=>e.colors.secondary};
1007
- }
1008
- &:focus-within {
1009
- border-color: ${({theme:e})=>e.colors.secondary};
1010
- }
1011
- `,Tl=Dt.input`
1012
- padding-left: ${({$hasIcon:e})=>e?"0":"16px"};
1013
- flex: 1;
1014
- min-width: 150px;
1015
- width: 100%;
1016
- border: none;
1017
- outline: none;
1018
- background: none;
1019
- color: ${({theme:e})=>e.text.secondary};
1020
- font-size: 14px;
1021
- font-family: ${({theme:e})=>e.font_family.primary};
1022
- font-weight: 300;
1023
- &::placeholder {
1024
- color: ${({theme:e})=>e.text.secondary};
1025
- font-family: ${({theme:e})=>e.font_family.primary};
1026
- opacity: 0.4;
1027
- font-size: 14px;
1028
- font-weight: 300;
1029
- line-height: 22px; /* 157.143% */
1030
- }
1031
- &:disabled {
1032
- cursor: not-allowed;
1033
- opacity: 0.6;
1034
- }
1035
- &::-webkit-inner-spin-button,
1036
- &::-webkit-outer-spin-button {
1037
- -webkit-appearance: none;
1038
- margin: 0;
1039
- }
1040
- `,Nl=Dt.div`
1041
- display: flex;
1042
- align-items: center;
1043
- margin-left: 12px;
1044
- `,Il=Dt(Nl)`
1045
- cursor: pointer;
1046
- `,Ol=Dt.button`
1047
- background-color: ${({theme:e})=>e.colors.primary};
1048
- border: none;
1049
- color: ${({theme:e})=>e.text.secondary};
1050
- padding: 8px 16px;
1051
- border-radius: 20px;
1052
- cursor: pointer;
1053
- margin-left: 8px;
1054
- &:hover {
1055
- background-color: ${({theme:e})=>e.colors.secondary};
1056
- }
1057
- &:disabled {
1058
- background-color: ${({theme:e})=>e.colors.border};
1059
- cursor: not-allowed;
1060
- }
1061
- `,zl=({icon:e,buttonLabel:t,onButtonClick:o,hasError:n,errorMessage:i,title:a,tooltip:r,required:s,value:l,onChange:c,type:d=ro.Text,name:p,status:u,...m})=>{const h=mi.useTheme(),g=d===ro.Password,[x,$]=xt(!1);return mt.createElement(Al,null,mt.createElement(Sl,{title:a,required:s,tooltip:r,status:u}),mt.createElement(Dl,{$disabled:m.disabled,$hasError:n||!!i,$isActive:!!m.autoFocus,$status:u},g?mt.createElement(Il,{onClick:()=>$(e=>!e)},x?mt.createElement(at,{size:14,fill:h.text.grey}):mt.createElement(rt,{size:14,fill:h.text.grey})):e?mt.createElement(Nl,null,mt.createElement(e,{size:14,fill:h.text.grey})):null,mt.createElement(Tl,{"data-id":p,type:x||d===ro.Number?ro.Text:d,$hasIcon:!!e||g,name:p,value:l,onChange:e=>{e.stopPropagation(),d===ro.Number&&(e.target.value=Dn(e.target.value)),c?.(e)},onKeyDown:e=>{["Enter"].includes(e.key)||e.stopPropagation()},...m}),t&&o&&mt.createElement(Ol,{onClick:o,disabled:m.disabled},t)),!!i&&mt.createElement(Li,null,i))},_l=Dt.div`
1062
- display: flex;
1063
- flex-direction: column;
1064
- align-items: center;
1065
- `,Fl=Dt.div`
1066
- display: flex;
1067
- align-items: center;
1068
- gap: 8px;
1069
- `,Rl=Dt(fi)`
1070
- color: ${({theme:e})=>e.text.darker_grey};
1071
- `,Ll=Dt(fi)`
1072
- color: ${({theme:e})=>e.colors.border};
1073
- font-size: 14px;
1074
- font-weight: 200;
1075
- line-height: 20px;
1076
- text-align: center;
1077
- `,Ml=({title:e="No data found",subTitle:t="Check your search phrase and try one more time"})=>{const o=mi.useTheme();return mt.createElement(_l,null,mt.createElement(Fl,null,mt.createElement(st,{fill:o.text.dark_grey}),mt.createElement(Rl,null,e)),t&&mt.createElement(Ll,null,t))},Bl=Dt.div`
1078
- display: flex;
1079
- flex-direction: column;
1080
- min-width: 120px;
1081
- width: 100%;
1082
- opacity: ${({$disabled:e})=>e?.5:1};
1083
- `,Pl=Dt.div`
1084
- position: relative;
1085
- `,jl=Dt.div`
1086
- display: flex;
1087
- align-items: center;
1088
- justify-content: space-between;
1089
- height: 36px;
1090
- padding: ${({$isMulti:e,$hasSelections:t})=>e&&t?"0 16px 0 6px":"0 16px"};
1091
- border-radius: 32px;
1092
- cursor: ${({$disabled:e})=>e?"not-allowed":"pointer"};
1093
-
1094
- ${({$isOpen:e,$isMulti:t,theme:o})=>e&&!t?Ot`
1095
- border: 1px solid ${o.text.grey};
1096
- background: ${o.colors.dropdown_bg_2};
1097
- `:Ot`
1098
- border: 1px solid ${o.colors.border};
1099
- background: transparent;
1100
- `};
1101
-
1102
- ${({$hasError:e,$status:t})=>e?Ot`
1103
- border-color: ${({theme:e})=>e.text.error};
1104
- `:t?Ot`
1105
- border-color: ${({theme:e})=>e.text[t]};
1106
- `:""}
1107
-
1108
- &:hover {
1109
- border-color: ${({$isMulti:e,$hasSelections:t,$disabled:o,theme:n})=>o?"auto":e&&t?n.colors.border:n.colors.secondary};
1110
- }
1111
- `,Ul=Dt.div`
1112
- display: flex;
1113
- align-items: center;
1114
- gap: 4px;
1115
- `,Vl=({options:e,value:t,onSelect:o,onDeselect:n,title:i,tooltip:a,placeholder:r,disabled:s=!1,isMulti:l=!1,showSearch:c=!1,required:d=!1,errorMessage:p,hasError:u=!1,status:m})=>{const[h,g]=xt(!1),[x,$]=xt(!1),f=ft(null);Sa(f,()=>g(!1));const b=()=>{(()=>{if(f.current){const e=f.current.getBoundingClientRect().bottom+300>window.innerHeight;$(e)}})(),g(e=>!e)},y=Array.isArray(t)?t.length:0;return mt.createElement(Bl,{$disabled:s},mt.createElement(Sl,{title:i,required:d,tooltip:a,status:m}),mt.createElement(Pl,{ref:f},mt.createElement(jl,{$isOpen:h,$isMulti:l,$hasSelections:!!Array.isArray(t)&&!!t.length,$hasError:!!p||u,$status:m,$disabled:s,onClick:()=>!s&&b()},mt.createElement(Hl,{value:t,placeholder:r,onDeselect:n}),mt.createElement(Ul,null,l&&mt.createElement(ea,{label:y,filled:!!y}),mt.createElement(gr,{extend:h}))),h&&mt.createElement(Yl,{openUpwards:x,options:e,value:t,onSelect:e=>{o?.(e),l||b()},onDeselect:e=>{n?.(e),l||b()},isMulti:l,showSearch:c})),!!p&&mt.createElement(Li,null,p))},Wl=Dt(Ul)`
1116
- max-width: calc(100% - 50px);
1117
- overflow-x: auto;
1118
- `,ql=Dt(fi)`
1119
- display: flex;
1120
- align-items: center;
1121
- gap: 2px;
1122
- padding: 4px 12px;
1123
- background: ${({theme:e})=>e.colors.dropdown_bg_2};
1124
- border-radius: 360px;
1125
- white-space: nowrap;
1126
- text-overflow: ellipsis;
1127
- img {
1128
- &:hover {
1129
- transform: scale(2);
1130
- transition: transform 0.3s;
1131
- }
1132
- }
1133
- `,Gl=Dt(fi)``,Hl=({value:e,placeholder:t,onDeselect:o})=>{const n=mi.useTheme();return Array.isArray(e)?e.length?mt.createElement(Wl,null,e.map(e=>mt.createElement(ql,{key:`multi-label-${e.id}`,size:14},e.value,mt.createElement(Er,{orientation:"vertical",length:"10px",margin:"0 4px"}),mt.createElement(lt,{size:12,onClick:t=>{t.stopPropagation(),o?.(e)}})))):mt.createElement(Gl,{size:14,color:n.text.darker_grey},t):mt.createElement(Gl,{size:14,color:e?.value?void 0:n.text.darker_grey},e?.value||t)},Jl=Dt.div`
1134
- position: absolute;
1135
- ${({$openUpwards:e})=>e?"bottom":"top"}: calc(100% + 8px);
1136
- left: 0;
1137
- z-index: 1;
1138
- display: flex;
1139
- flex-direction: column;
1140
- overflow-y: auto;
1141
- width: calc(100% - 16px);
1142
- max-height: 200px;
1143
- gap: 8px;
1144
- padding: 8px;
1145
- background-color: ${({theme:e})=>e.colors.dropdown_bg_2};
1146
- border: 1px solid ${({theme:e})=>e.colors.border};
1147
- border-radius: 24px;
1148
- `,Kl=Dt.div`
1149
- display: flex;
1150
- flex-direction: column;
1151
- align-items: center;
1152
- `,Yl=({openUpwards:e,options:t,value:o,onSelect:n,onDeselect:i,isMulti:a,showSearch:r})=>{const[s,l]=xt(""),c=t.filter(e=>e.value?.toLowerCase().includes(s?.toLowerCase()));return mt.createElement(Jl,{$openUpwards:e},r&&mt.createElement(Kl,null,mt.createElement(zl,{placeholder:"Search...",icon:ct,value:s,onChange:e=>l(e.target.value)}),mt.createElement(Er,{thickness:1,margin:"8px 0 0 0"})),0===c.length?mt.createElement(Ml,{subTitle:r&&s?void 0:" "}):c.map((e,t)=>mt.createElement(Ql,{key:`dropdown-option-${e.id||t}`,option:e,value:o,isMulti:a,onSelect:n,onDeselect:i})))},Xl=Dt.div`
1153
- padding: 8px 12px;
1154
- cursor: pointer;
1155
- display: flex;
1156
- justify-content: space-between;
1157
- align-items: center;
1158
- border-radius: 32px;
1159
- &:hover,
1160
- &.selected {
1161
- background: ${({theme:e})=>e.colors.majestic_blue+mi.opacity.hex["024"]};
1162
- }
1163
- `,Ql=({option:e,value:t,isMulti:o,onSelect:n,onDeselect:i})=>{const a=mi.useTheme(),r=Array.isArray(t)?!!t?.find(t=>t.id===e.id):t?.id===e.id,s=t=>t?n?.(e):i?.(e);return o?mt.createElement(Xl,{className:r?"selected":"",onClick:()=>s(!r)},mt.createElement(Xa,{title:e.value||"",titleColor:a.text.secondary,value:r,onChange:s,style:{width:"100%"}})):mt.createElement(Xl,{className:r?"selected":"",onClick:()=>r?i?.(e):n?.(e)},mt.createElement(La,{$gap:8},e.icon&&mt.createElement(e.icon,null),mt.createElement(fi,{size:14},e.value)),r&&mt.createElement(Je,null))},Zl=({error:e})=>{const t=mi.useTheme(),o={container:{display:"flex",flexDirection:"column",alignItems:"center",textAlign:"center",color:t.text.error,fontFamily:t.font_family.primary},errorMessage:{padding:10,borderRadius:5,whiteSpace:"pre-wrap",background:t.colors.error},errorStack:{whiteSpace:"pre-wrap",fontSize:"12px"},errorStackWrapper:{textAlign:"left",marginTop:10},infoText:{marginTop:100,color:t.text.secondary,fontSize:"14px"}};return mt.createElement("div",{style:o.container},mt.createElement("h2",null,"Something went wrong!"),mt.createElement("pre",{style:o.errorMessage},e?.message||"Unknown Error"),mt.createElement("details",{style:o.errorStackWrapper},mt.createElement("summary",null,"Stack Trace"),mt.createElement("pre",{style:o.errorStack},e?.stack||"Unknown Stack")),mt.createElement("p",{style:o.infoText},"Try refreshing the page or contact support"),mt.createElement(ia,{variant:"secondary",onClick:()=>window.location.reload(),style:{fontSize:"1rem"}},"Reload"))},ec=({children:e})=>mt.createElement(jt,{FallbackComponent:e=>mt.createElement(mi.Provider,null,mt.createElement(Zl,{...e}))},e),tc=Dt(La)`
1164
- position: relative;
1165
- width: calc(100% - 24px);
1166
- padding: 12px;
1167
- background-color: ${({theme:e})=>e.colors.dark_grey};
1168
- border-bottom: 1px solid ${({theme:e})=>e.colors.border+mi.opacity.hex["050"]};
1169
- `,oc=Dt(La)`
1170
- margin-right: auto;
1171
- margin-left: 32px;
1172
- gap: 12px;
1173
- `,nc=Dt(La)`
1174
- margin-left: auto;
1175
- margin-right: 32px;
1176
- gap: 12px;
1177
- `,ic=Dt(La)`
1178
- position: absolute;
1179
- left: 50%;
1180
- transform: translateX(-50%);
1181
- gap: 12px;
1182
- `,ac=({left:e=[],center:t=[],right:o=[]})=>mt.createElement(tc,null,mt.createElement(oc,null,e.map((e,t)=>e&&mt.createElement(ht,{key:t},e))),mt.createElement(ic,null,t.map((e,t)=>e&&mt.createElement(ht,{key:t},e))),mt.createElement(nc,null,o.map((e,t)=>e&&mt.createElement(ht,{key:t},e)))),rc=Dt(fi)`
1183
- color: ${({theme:e})=>e.text.grey};
1184
- `,sc=({icon:e,title:t,badge:o,badgeTooltip:n,loading:i})=>mt.createElement(La,{$gap:6},e&&mt.createElement(e,null),mt.createElement(rc,{size:14},t),void 0!==o&&mt.createElement(Ja,{text:n},mt.createElement(ea,{label:o})),i&&mt.createElement(mr,null)),lc=Dt.div`
1185
- width: fit-content;
1186
- height: fit-content;
1187
- padding: 4px;
1188
- gap: 4px;
1189
- border-radius: 32px;
1190
- border: 1px solid ${({theme:e})=>e.colors.border+mi.opacity.hex["070"]};
1191
-
1192
- display: flex;
1193
- flex-direction: ${({$orientation:e,$flip:t})=>("horizontal"===e?"row":"column")+(t?"-reverse":"")};
1194
- align-items: center;
1195
- justify-content: center;
1196
- `,cc=Dt.div`
1197
- width: 32px;
1198
- height: 32px;
1199
-
1200
- border-radius: 100%;
1201
- background-color: ${({theme:e,$selected:t})=>t?e.colors.majestic_blue+mi.opacity.hex["070"]:e.colors.secondary+mi.opacity.hex["012"]};
1202
- transition: background-color 0.3s;
1203
-
1204
- display: flex;
1205
- align-items: center;
1206
- justify-content: center;
1207
-
1208
- cursor: pointer;
1209
- `,dc=({orientation:e="vertical",flip:t,mainIcons:o,subIcons:n})=>mt.createElement(lc,{$orientation:e,$flip:t},o.map(({icon:e,selected:t,onClick:o,tooltip:n},i)=>mt.createElement(Ja,{key:`main-nav-icon-${i}`,text:n},mt.createElement(cc,{$selected:t,onClick:o},mt.createElement(e,{size:20})))),!!o.length&&!!n.length&&mt.createElement(Er,{orientation:"vertical"===e?"horizontal":"vertical",margin:"0",length:"20px"}),n.map(({icon:e,selected:t,onClick:o,tooltip:n},i)=>mt.createElement(Ja,{key:`sub-nav-icon-${i}`,text:n},mt.createElement(cc,{$selected:t,onClick:o},mt.createElement(e,{size:20}))))),pc=Dt.div`
1210
- display: flex;
1211
- flex-direction: column;
1212
- width: 100%;
1213
- `,uc=Dt.div`
1214
- display: flex;
1215
- flex-direction: column;
1216
- gap: 8px;
1217
- `,mc=Dt.div`
1218
- display: flex;
1219
- align-items: center;
1220
- gap: 16px;
1221
- `,hc=Dt(Or)`
1222
- cursor: ${({$disabled:e})=>e?"not-allowed":"pointer"};
1223
- opacity: ${({$disabled:e})=>e?.5:1};
1224
- `,gc=({initialValues:e=[],value:t,onChange:o,title:n,tooltip:i,required:a,errorMessage:r})=>{const[s,l]=xt(t||e);$t(()=>{s.length||l([""])},[]);const c=s.filter(e=>!!e.trim()),d=ft(JSON.stringify(c));$t(()=>{const e=JSON.stringify(c);d.current!==e&&(d.current=e,o&&o(c))},[c,o]);const p=(e,t)=>{l(o=>{const n=[...o];return n[t]=e,n})},u=s.length<=1,m=s.some(e=>""===e.trim()),h=u&&m;return mt.createElement(pc,null,mt.createElement(Sl,{title:n,required:a,tooltip:i}),mt.createElement(uc,null,s.map((e,t)=>{const o=t===s.length-1;return mt.createElement(mc,{key:`input-list-${t}`},mt.createElement(zl,{value:e,onChange:e=>p(e.target.value,t),hasError:!!r,autoFocus:$n(e)&&!u&&o}),t===s.length-1&&mt.createElement(hc,{withBorder:!0,size:30,$disabled:m,onClick:m?void 0:()=>{l(e=>{const t=[...e];return t.push(""),t})}},mt.createElement(Qe,null)),mt.createElement(hc,{size:30,$disabled:h,onClick:h?void 0:()=>(e=>{u?p("",e):l(t=>t.filter((t,o)=>o!==e))})(t)},mt.createElement(dt,null)))})),!!r&&mt.createElement(Li,null,r))},xc=({col:e,colIdx:t,row:o,rowIdx:n,rowsLength:i,maxWidth:a,handleChange:r,errorMessage:s,limitFieldsPerRow:l})=>{const{keyName:c,title:d,tooltip:p,placeholder:u,required:m,type:h,componentType:g,options:x,renderCondition:$}=e,f=o[c];return $&&!$(o)?null:mt.createElement("td",{key:`input-table-${n}-${c}`,style:{maxWidth:a,padding:"4px 6px 4px 0"}},(()=>{if(g===ao.Dropdown){const e=x?.find(e=>e.id===f);return mt.createElement(Vl,{title:l?d:void 0,tooltip:l?p:void 0,placeholder:u,required:m,options:x||[],value:e,onSelect:e=>r(c,e.id,n),onDeselect:()=>r(c,"",n),hasError:!!s&&(!m||m&&$n(f))})}{const e=i>1&&n===i-1&&0===t&&$n(f);return mt.createElement(zl,{title:l?d:void 0,tooltip:l?p:void 0,placeholder:u,type:h,required:m,autoFocus:e,value:f,onChange:({target:{value:e}})=>r(c,e,n),style:{maxWidth:a,paddingLeft:10},hasError:!!s&&(!m||m&&$n(f))})}})())},$c=Dt.div`
1225
- display: flex;
1226
- flex-direction: column;
1227
- width: 100%;
1228
- `,fc=Dt.button`
1229
- margin-top: ${({$marginTop:e})=>e};
1230
- background: none;
1231
- border: none;
1232
- cursor: ${({disabled:e})=>e?"not-allowed":"pointer"};
1233
- opacity: ${({disabled:e})=>e?.5:1};
1234
- `,bc=({columns:e,initialValues:t=[],value:o,onChange:n,errorMessage:i,limitFieldsPerRow:a,title:r=""})=>{const[s,l]=xt({}),[c,d]=xt(o||t),p=gt(()=>new Map(e.map(e=>[e.keyName,e])),[e]);$t(()=>{if(!c.length){const t={};e.forEach(({keyName:e})=>t[e]=""),l(t),d([t])}},[]);const u=c.filter(e=>{for(const[t,o]of Object.entries(e)){const n=p.get(t);if((!n?.renderCondition||n.renderCondition(e))&&n?.required&&$n(o))return!1}return!0}),m=ft(JSON.stringify(u)),h=u.length!==c.length,g=`${Math.floor(640/((a||e.length)+.4))}px`;$t(()=>{const e=JSON.stringify(u);m.current!==e&&(m.current=e,n&&n(u))},[u,n]);const x=(e,t,o)=>{d(n=>{const i=Lo(n);return i[o][e]=t,i})},$=gt(()=>{if(a){const t=[];for(let o=0;;o+=a){const n=e.slice(o,o+a);if(!n.length)break;t.push(n)}return t}return[e]},[a,e]);return mt.createElement($c,null,mt.createElement(Sl,{title:r}),mt.createElement("table",{style:{borderCollapse:"collapse"}},!a&&mt.createElement("thead",null,mt.createElement("tr",null,e.map(({title:e,tooltip:t,required:o})=>mt.createElement("th",{key:`input-table-head-${e}`,style:{maxWidth:g}},mt.createElement(Sl,{title:e,required:o,tooltip:t}))),mt.createElement("th",null))),mt.createElement("tbody",null,c.map((t,o)=>mt.createElement(ht,{key:`input-table-row-${o}`},a&&o>0?mt.createElement("tr",null,mt.createElement("td",{colSpan:$.length},mt.createElement(Er,null))):null,$.map((n,r)=>mt.createElement("tr",{key:`input-table-matrix-${o}-${r}`},n.map((e,n)=>mt.createElement(xc,{key:`input-table-row-${o}-col-${n}`,col:e,colIdx:n,row:t,rowIdx:o,rowsLength:c.length,maxWidth:g,limitFieldsPerRow:a,errorMessage:i,handleChange:x})),0===r&&mt.createElement("td",null,mt.createElement(fc,{$marginTop:a?"24px":"0",onClick:()=>{return t=o,void(c.length>1?d(e=>e.filter((e,o)=>o!==t)):e.forEach(({keyName:e,type:o})=>x(e,o===ro.Number?"0":"",t)));var t}},mt.createElement(dt,null))))))))),!!i&&mt.createElement(Li,null,i),mt.createElement(Tr,{onClick:()=>{d(e=>{const t=Lo(e);return t.push(Lo(s)),t})},disabled:h}))},yc=Dt.div`
1235
- display: flex;
1236
- flex-direction: column;
1237
- width: 100%;
1238
- `,wc=Dt.div`
1239
- display: flex;
1240
- flex-direction: column;
1241
- gap: 8px;
1242
- `,kc=Dt.div`
1243
- display: flex;
1244
- align-items: center;
1245
- gap: 8px;
1246
- `,vc=Dt.div`
1247
- width: 100%;
1248
- max-width: ${({$maxWidth:e})=>e?`${e}px`:"unset"};
1249
- `,Ec=Dt(Or)`
1250
- cursor: ${({$disabled:e})=>e?"not-allowed":"pointer"};
1251
- opacity: ${({$disabled:e})=>e?.5:1};
1252
- `,Cc={key:"",value:""},Sc=({initialKeyValuePairs:e=[],value:t,onChange:o,title:n,tooltip:i,disabled:a,required:r,errorMessage:s,keyPlaceholder:l="Key",valuePlaceholder:c="Value",inputMaxWidth:d=300})=>{const[p,u]=xt(t||e);$t(()=>{p.length||u([{...Cc}])},[]);const m=p.filter(({key:e,value:t})=>!$n(e.trim())&&!$n(t.trim())),h=ft(JSON.stringify(m));$t(()=>{const e=JSON.stringify(m);h.current!==e&&(h.current=e,o&&o(m))},[m,o]);const g=(e,t,o)=>{u(n=>{const i=[...n];return i[o][e]=t,i})},x=p.length<=1,$=a||p.some(({key:e,value:t})=>""===e.trim()||""===t.trim()),f=a||x&&$;return mt.createElement(yc,null,mt.createElement(Sl,{title:n,required:r,tooltip:i}),mt.createElement(wc,null,p.map(({key:e,value:t},o)=>mt.createElement(kc,{key:`key-value-input-list-${o}`},mt.createElement(vc,{$maxWidth:d},mt.createElement(zl,{placeholder:l,disabled:a,value:e,onChange:e=>g("key",e.target.value,o),hasError:!!s&&(!r||r&&!e),autoFocus:$n(t)&&!x&&o===p.length-1})),mt.createElement(vc,{$maxWidth:o===p.length-1?d-38:d},mt.createElement(zl,{placeholder:c,disabled:a,value:t,onChange:e=>g("value",e.target.value,o),hasError:!!s&&(!r||r&&$n(t)),autoFocus:!1})),o===p.length-1&&mt.createElement(Ec,{withBorder:!0,size:30,$disabled:$,onClick:$?void 0:()=>{u(e=>{const t=[...e];return t.push({...Cc}),t})}},mt.createElement(Qe,null)),mt.createElement(Ec,{size:30,$disabled:f,onClick:f?void 0:()=>(e=>{x?(g("key","",e),g("value","",e)):u(t=>t.filter((t,o)=>o!==e))})(o)},mt.createElement(dt,null))))),!!s&&mt.createElement(Li,null,s))},Ac=Dt.div`
1253
- position: fixed;
1254
- top: 50%;
1255
- left: 50%;
1256
- transform: translate(-50%, -50%);
1257
- z-index: 1000;
1258
- width: fit-content;
1259
- background: ${({theme:e})=>e.colors.translucent_bg};
1260
- border: ${({theme:e})=>`1px solid ${e.colors.border}`};
1261
- border-radius: 40px;
1262
- box-shadow: ${({theme:e})=>{const t=e.colors.primary+mi.opacity.hex["010"];return`0px 1px 1px 0px ${t}, 0px 2px 2px 0px ${t}, 0px 5px 5px 0px ${t}, 0px 10px 10px 0px ${t}, 0px 0px 8px 0px ${t}`}};
1263
- `,Dc=Dt.div`
1264
- display: flex;
1265
- justify-content: space-between;
1266
- align-items: center;
1267
- height: 80px;
1268
- border-bottom: 1px solid ${({theme:e})=>e.colors.border};
1269
- padding: 0 24px;
1270
- `,Tc=Dt.div`
1271
- cursor: pointer;
1272
- display: flex;
1273
- align-items: center;
1274
- gap: 8px;
1275
- `,Nc=Dt.div`
1276
- display: flex;
1277
- align-items: center;
1278
- gap: 8px;
1279
- `,Ic=Dt(Ba)`
1280
- min-width: 350px;
1281
- min-height: 150px;
1282
- `,Oc=Dt.div`
1283
- position: absolute;
1284
- left: 50%;
1285
- transform: translateX(-50%);
1286
- display: flex;
1287
- align-items: center;
1288
- justify-content: center;
1289
- width: 100%;
1290
- pointer-events: none;
1291
- `,zc=Dt(fi)`
1292
- text-transform: uppercase;
1293
- font-family: ${({theme:e})=>e.font_family.secondary};
1294
- pointer-events: auto;
1295
- `,_c=Dt(fi)`
1296
- text-transform: uppercase;
1297
- font-weight: 500;
1298
- font-size: 14px;
1299
- font-family: ${({theme:e})=>e.font_family.secondary};
1300
- text-decoration: underline;
1301
- cursor: pointer;
1302
- `,Fc=({isOpen:e,noOverlay:t,header:o,actionComponent:n,onClose:i,children:a,closeOnEscape:r=!0})=>{Ca({key:"Escape",active:e&&r},()=>i()),ha(e);const s=Ra({container:Ac,animateIn:mi.animations.slide.in.center,animateOut:mi.animations.slide.out.center});return e?Lt.createPortal(mt.createElement(mt.Fragment,null,mt.createElement(ja,{hidden:!e,onClick:i,style:{opacity:t?0:1}}),mt.createElement(s,{"data-id":"modal"+(o?`-${o.title.replaceAll(" ","-")}`:""),enter:e},o&&mt.createElement(Dc,null,mt.createElement(Tc,{onClick:i},mt.createElement(it,null),mt.createElement(_c,null,"Cancel")),mt.createElement(Oc,null,mt.createElement(zc,null,o.title)),mt.createElement(Nc,null,n)),mt.createElement(Ic,null,a))),document.body):null},Rc=Dt.div`
1303
- display: flex;
1304
- flex-direction: ${({$isVertical:e})=>e?"column":"row"};
1305
- gap: ${({$isVertical:e})=>e?"12px":"24px"};
1306
- ${({$hasError:e})=>e&&Ot`
1307
- border: 1px solid ${({theme:e})=>e.text.error};
1308
- border-radius: 32px;
1309
- padding: 8px;
1310
- `}
1311
- `,Lc=(e,t)=>!t?.length||!!t?.find(t=>t===e),Mc=({isVertical:e,title:t="Monitors",required:o,errorMessage:n,allowedSignals:i,selectedSignals:a,setSelectedSignals:r})=>{const[s,l]=xt(1===a.length),c=ft(JSON.stringify(a));return $t(()=>{const e=a;e.length||Oo.forEach(({id:t})=>{Lc(t,i)&&e.push(t)});const t=JSON.stringify(e);return c.current!==t&&(c.current=t,r(e),l(1===e.length)),()=>{c.current=""}},[i]),mt.createElement("div",null,t&&mt.createElement(Sl,{title:t,required:o}),mt.createElement(Rc,{$isVertical:e,$hasError:!!n},Oo.map(e=>{const t=Lc(e.id,i),o=((e,t)=>!!t?.find(t=>t===e))(e.id,a);return t?mt.createElement(Xa,{key:e.id,title:e.value,disabled:!t||s&&o,value:o,onChange:t=>((e,t)=>{const o=e,n=t?[...a,o]:a.filter(e=>e!==o);r(n),l(1===n.length)})(e.id,t)}):null})),!!n&&mt.createElement(Li,null,n))},Bc=Dt.div`
1312
- display: flex;
1313
- gap: 8px;
1314
- align-items: center;
1315
- `,Pc=Dt(ia)`
1316
- display: flex;
1317
- align-items: center;
1318
- justify-content: center;
1319
- gap: 8px;
1320
- min-width: 90px;
1321
- `,jc=({buttons:e})=>{const t=mi.useTheme(),o=({button:t,index:o})=>e.length>1&&0===o&&(t.icon||t.iconSrc),n=({button:e,rotate:o})=>e.icon?mt.createElement(e.icon,{size:14,rotate:o,fill:t.text[e.variant||"secondary"]}):e.iconSrc?mt.createElement("img",{src:e.iconSrc,alt:e.label,width:8,height:12}):null;return mt.createElement(Bc,null,e.map((e,t)=>mt.createElement(Ja,{key:t,text:e.tooltip||""},mt.createElement(Pc,{key:t,variant:e.variant||"secondary",onClick:e.onClick,disabled:e.disabled},o({button:e,index:t})&&n({button:e,rotate:0}),e.label,!o({button:e,index:t})&&n({button:e,rotate:180})))))},Uc=Dt.div`
1322
- position: relative;
1323
- &.animated {
1324
- overflow: hidden;
1325
- padding-bottom: 1px;
1326
- border-radius: 32px;
1327
- animation: ${({$isLeaving:e})=>e?mi.animations.slide.out.bottom:mi.animations.slide.in.bottom} ${({$duration:e})=>e/10}ms forwards;
1328
- }
1329
- `,Vc=Dt.div`
1330
- position: absolute;
1331
- bottom: -1px;
1332
- left: 0;
1333
- z-index: -1;
1334
- width: 100%;
1335
- height: 100%;
1336
- border-radius: 32px;
1337
- background-color: ${({$type:e,theme:t})=>t.text[e]};
1338
- animation: ${mi.animations.progress.out} ${({$duration:e})=>""+(e-e/10)}ms forwards;
1339
- `,Wc=Dt.div`
1340
- display: flex;
1341
- align-items: center;
1342
- flex: 1;
1343
- gap: 8px;
1344
- padding: 0 12px;
1345
- border-radius: 32px;
1346
- background-color: ${({$type:e,theme:t})=>t.colors[e]};
1347
- `,qc=Dt.div`
1348
- display: flex;
1349
- align-items: center;
1350
- margin: 0 auto 0 0;
1351
- padding: 8px 0;
1352
- max-width: ${({$withAction:e,$overrideMaxWidth:t})=>t||(e?"400px":"500px")};
1353
- min-height: 12px;
1354
- `,Gc=Dt(fi)`
1355
- font-size: 14px;
1356
- color: ${({$type:e,theme:t})=>t.text[e]};
1357
- `,Hc=Dt(fi)`
1358
- color: ${({$type:e,theme:t})=>t.text[e]};
1359
- font-size: 12px;
1360
- `,Jc=Dt(La)``,Kc=Dt(fi)`
1361
- text-transform: uppercase;
1362
- text-decoration: underline;
1363
- font-size: 12px;
1364
- font-family: ${({theme:e})=>e.font_family.secondary};
1365
- white-space: nowrap;
1366
- cursor: pointer;
1367
- &:hover {
1368
- transform: scale(1.1);
1369
- transition: transform 0.3s;
1370
- }
1371
- `,Yc=({type:e,icon:t,title:o,message:n,action:i,onClose:a,duration:r=5e3,overrideMaxWidth:s,style:l})=>{const c=mi.useTheme(),[d,p]=xt(!1),u=ft(null),m=ft(null),h=e=>{a&&(p(!0),a({asSeen:e?.asSeen}))};$t(()=>(u.current=setTimeout(()=>h({asSeen:!1}),r),()=>{u.current&&clearTimeout(u.current)}),[r]);const g=t||dn(e,c);return mt.createElement(Uc,{className:a?"animated":"",$duration:r,$isLeaving:d,onMouseEnter:()=>{u.current&&clearTimeout(u.current),m.current&&(m.current.style.animationPlayState="paused")},onMouseLeave:()=>{if(m.current){const e=m.current.offsetWidth/m.current.parentElement.offsetWidth*r;u.current=setTimeout(()=>h({asSeen:!1}),e),m.current.style.animationPlayState="running"}}},mt.createElement(Wc,{"data-id":"toast",$type:e,style:l},mt.createElement(g,{fill:c.text[e]}),mt.createElement(qc,{$withAction:!!i,$overrideMaxWidth:s},o&&mt.createElement(Gc,{$type:e},o),o&&n&&mt.createElement(Er,{orientation:"vertical",type:e}),n&&mt.createElement(Hc,{$type:e},n)),(!!i||!!a)&&mt.createElement(Jc,null,i&&mt.createElement(Kc,{"data-id":"toast-action",onClick:i.onClick},i.label),a&&mt.createElement(Or,{"data-id":"toast-close",onClick:()=>h({asSeen:!0})},mt.createElement(it,{size:12})))),a&&mt.createElement(Vc,{ref:m,$duration:r,$type:e}))},Xc=Dt(Ma)`
1372
- gap: 12px;
1373
- `,Qc=Dt(La)`
1374
- width: 100%;
1375
- gap: 12px;
1376
- align-items: flex-end;
1377
- `,Zc=({clientX:e=0,flipX:t,clientY:o=0,flipY:n,isOpen:i,onClose:a,onSave:r,withDelete:s,onDelete:l,title:c,titleTooltip:d,warning:p,children:u})=>{const m=mi.useTheme(),{popupRef:h,popupPosition:g,handlePosition:x}=Aa({onClickOutside:a});return Ca({key:"Enter",active:i},r),$t(()=>x(e,o),[e,o]),0===g.top&&0!==o||0===g.left&&0!==e?null:mt.createElement(da,{ref:h,isOpen:i,top:n?void 0:g.top,bottom:n?g.top:void 0,left:t?void 0:g.left,right:t?g.left:void 0,padding:"24px"},mt.createElement(Xc,null,mt.createElement(Ja,{text:d,withIcon:!0},mt.createElement(fi,{size:14},c)),mt.createElement(Qc,null,u,mt.createElement(La,{$gap:6},mt.createElement(Or,{withBorder:!0,onClick:a,tooltip:"Cancel"},mt.createElement(lt,null)),mt.createElement(Or,{withBorder:!0,backgroundColor:m.colors.secondary,onClick:r,tooltip:"Save"},mt.createElement(Je,{fill:m.text.primary})),s&&mt.createElement(Or,{onClick:l,tooltip:"Undo"},mt.createElement(dt,null)))),p&&mt.createElement(Yc,{type:so.Warning,message:p})))},ed=Dt.div`
1378
- height: ${({$height:e})=>e}px;
1379
- width: 100%;
1380
- overflow: auto;
1381
- `,td=Dt.div`
1382
- height: ${({$height:e})=>e}px;
1383
- width: 100%;
1384
- position: relative;
1385
- `,od=Dt.div`
1386
- height: ${({$height:e})=>e}px;
1387
- width: 100%;
1388
- position: absolute;
1389
- top: 0;
1390
- left: 0;
1391
- transform: translateY(${({$yOffset:e})=>e}px);
1392
- `,nd=({containerHeight:e,elementHeight:t,elements:o})=>{const n=ft(null),i=At({enabled:o.length>0,horizontal:!1,count:o.length,getScrollElement:()=>n.current,estimateSize:()=>t,overscan:2});return mt.createElement(ed,{ref:n,$height:e},mt.createElement(td,{$height:i.getTotalSize()},i.getVirtualItems().map(e=>{const t=e.index>o.length-1,n=o[e.index];return mt.createElement(od,{key:e.key,$height:e.size,$yOffset:e.start},t?mt.createElement(Ba,null,mt.createElement(wi,null)):n)})))},id=Dt.div`
1393
- display: flex;
1394
- justify-content: space-between;
1395
- align-items: center;
1396
- gap: 16px;
1397
- `,ad=Dt.div`
1398
- display: flex;
1399
- flex-direction: column;
1400
- gap: 4px;
1401
- `,rd=Dt.div`
1402
- display: flex;
1403
- align-items: center;
1404
- gap: 8px;
1405
- `,sd=Dt(fi)``,ld=Dt(fi)``,cd=({title:e,description:t,badgeLabel:o,icon:n,actionButton:i,size:a="medium"})=>{const r="small"===a?16:"medium"===a?20:24,s="small"===a?12:"medium"===a?14:16;return mt.createElement(id,null,mt.createElement(ad,null,mt.createElement(rd,null,n&&mt.createElement(n,{size:r}),mt.createElement(sd,{weight:300,size:r},e),void 0!==o&&mt.createElement(ea,{label:o,filled:!!o})),mt.createElement(ld,{weight:200,opacity:.8,size:s},t)),i&&mt.createElement("div",null,i))},dd=Dt.div`
1406
- position: relative;
1407
- gap: 0;
1408
- z-index: 0;
1409
- display: grid;
1410
- grid-template-columns: repeat(${({$count:e})=>e}, 1fr);
1411
- `,pd=Dt.button`
1412
- flex: 1;
1413
- display: flex;
1414
- align-items: center;
1415
- justify-content: center;
1416
- gap: 4px;
1417
- padding: 6px 12px;
1418
- background-color: transparent;
1419
- border-radius: ${({$isFirstItem:e,$isLastItem:t})=>e?"32px 0px 0px 32px":t?"0px 32px 32px 0px":"0"};
1420
- border: 1px solid ${({theme:e})=>e.colors.border};
1421
- cursor: pointer;
1422
- &:hover {
1423
- border: 1px solid ${({theme:e})=>e.colors.secondary};
1424
- }
1425
- `,ud=Dt.div`
1426
- position: absolute;
1427
- top: ${({$y:e})=>e}px;
1428
- left: ${({$x:e})=>e}px;
1429
- z-index: -1;
1430
- width: ${({$width:e})=>e}px;
1431
- height: ${({$height:e})=>e}px;
1432
- background-color: ${({theme:e,$bgColor:t})=>t||e.colors.dropdown_bg_2};
1433
- border-radius: ${({$isFirstItem:e,$isLastItem:t})=>e?"32px 0px 0px 32px":t?"0px 32px 32px 0px":"0"};
1434
- transition: all 0.3s;
1435
- `,md=({options:e=[],selected:t,setSelected:o})=>{const n=e.findIndex(e=>e.value===t),[i,a]=xt(e[n]?.selectedBgColor||""),[r,s]=xt({width:0,height:0}),[l,c]=xt({x:0,y:0}),d=ft(null);return $t(()=>{d.current&&(s({width:d.current.offsetWidth,height:d.current.offsetHeight}),c({x:d.current.offsetWidth*n,y:0}))},[t,n]),mt.createElement(dd,{$count:e.length},e.map(({icon:n,label:i,value:r,selectedBgColor:s,selectedTextColor:l},c)=>{const p=t===r;return mt.createElement(pd,{key:`segment-${i||c}-${r}`,ref:p?d:void 0,$isFirstItem:0===c,$isLastItem:c===e.length-1,onClick:()=>{o(r),a(s||"")}},n&&mt.createElement(n,null),i&&mt.createElement(fi,{size:12,family:"secondary",decoration:"underline",color:p?l:void 0},i))}),mt.createElement(ud,{$bgColor:i,$width:r.width,$height:r.height,$x:l.x,$y:l.y,$isFirstItem:0===n,$isLastItem:n===e.length-1}))},hd=Dt(ia)`
1436
- gap: 8px;
1437
- text-transform: none;
1438
- text-decoration: none;
1439
- border: ${({theme:e,$withBorder:t})=>`1px solid ${t?e.colors.border:"transparent"}`};
1440
- &.not-selected {
1441
- background-color: ${({theme:e,$color:t})=>t||e.colors.dropdown_bg_2+mi.opacity.hex["060"]};
1442
- &:hover {
1443
- background-color: ${({theme:e,$hoverColor:t})=>t||e.colors.dropdown_bg_2};
1444
- }
1445
- }
1446
- &.selected {
1447
- background-color: ${({theme:e})=>e.colors.majestic_blue+mi.opacity.hex["030"]};
1448
- }
1449
- `,gd=Dt(fi)`
1450
- white-space: nowrap;
1451
- overflow: hidden;
1452
- text-overflow: ellipsis;
1453
- font-size: 14px;
1454
- `,xd=({label:e,onClick:t,icon:o,iconSrc:n,badgeLabel:i,badgeFilled:a,isSelected:r,withBorder:s,color:l,hoverColor:c,style:d})=>{const p=mi.useTheme();return mt.createElement(hd,{onClick:t,className:r?"selected":"not-selected",$withBorder:s,$color:l,$hoverColor:c,style:d},o&&mt.createElement("div",null,mt.createElement(o,{fill:p.text.info})),n&&mt.createElement("div",null,mt.createElement("img",{src:n,alt:"",width:16,height:16})),mt.createElement(gd,null,e),r&&mt.createElement("div",null,mt.createElement(Je,{fill:p.colors.majestic_blue_soft})),void 0!==i&&mt.createElement(ea,{label:i,filled:a||r}))},$d=Dt.div`
1455
- display: flex;
1456
- flex-direction: column;
1457
- gap: 16px;
1458
- ${({$maxWidth:e})=>e&&`max-width: ${e};`}
1459
- `,fd=Dt.div`
1460
- display: flex;
1461
- align-items: center;
1462
- gap: 16px;
1463
- `,bd=Dt.div`
1464
- width: 50px;
1465
- height: 50px;
1466
- border-radius: 8px;
1467
- background: ${({theme:e})=>`linear-gradient(90deg, ${e.colors.dropdown_bg_2} 25%, ${e.colors.dropdown_bg_2} 50%, ${e.colors.border} 75%)`};
1468
- background-size: 200% 100%;
1469
- animation: ${mi.animations.shimmer} 10s infinite linear;
1470
- `,yd=Dt(Ma)`
1471
- flex: 1;
1472
- gap: 12px;
1473
- `,wd=Dt.div`
1474
- width: ${({$width:e})=>e};
1475
- height: 16px;
1476
- background: ${({theme:e})=>`linear-gradient(90deg, ${e.colors.dropdown_bg_2} 25%, ${e.colors.dropdown_bg_2} 50%, ${e.colors.border} 75%)`};
1477
- background-size: 200% 100%;
1478
- animation: ${mi.animations.shimmer} 1.5s infinite linear;
1479
- border-radius: 4px;
1480
- `,kd=({size:e=5,maxWidth:t})=>mt.createElement($d,{$maxWidth:t},[...Array(e)].map((e,t)=>mt.createElement(fd,{key:t},mt.createElement(bd,null),mt.createElement(yd,null,mt.createElement(wd,{$width:"80%"}),mt.createElement(wd,{$width:"100%"})))));var vd;!function(e){e.Active="active",e.Disabled="disabled",e.Finished="finish"}(vd||(vd={}));const Ed=Dt.div`
1481
- display: flex;
1482
- flex-direction: column;
1483
- gap: 32px;
1484
- `,Cd=Dt.div`
1485
- display: flex;
1486
- gap: 16px;
1487
- padding: 8px;
1488
- opacity: ${({$state:e})=>e===vd.Active?1:e===vd.Disabled?.5:.8};
1489
- transition: all 0.3s;
1490
- `,Sd=Dt(La)`
1491
- justify-content: center;
1492
- width: 24px;
1493
- height: 24px;
1494
- border-radius: 32px;
1495
- border: ${({theme:e,$state:t})=>t===vd.Disabled?`1px dashed ${e.text.dark_grey}`:`1px solid ${e.colors.secondary}`};
1496
- opacity: ${({$state:e})=>e===vd.Finished?.8:1};
1497
- `,Ad=Dt(Ma)`
1498
- justify-content: center;
1499
- gap: 8px;
1500
- `,Dd=Dt(fi)``,Td=Dt(fi)``,Nd=({data:e,currentStep:t=0})=>{const[o,n]=xt([]);return $t(()=>{n(e.map((e,o)=>o<t-1?{...e,state:vd.Finished,subtitle:e.subtitle||so.Success}:o===t-1?{...e,state:vd.Active,subtitle:""}:{...e,state:vd.Disabled,subtitle:""}))},[t,e]),mt.createElement(Ed,null,o.map((e,t)=>mt.createElement(Cd,{key:t,$state:e.state},mt.createElement(Sd,{$state:e.state},[vd.Active,vd.Disabled].includes(e.state)?mt.createElement(fi,{size:12},e.stepNumber):e.state===vd.Finished?mt.createElement(Je,{size:20}):null),mt.createElement(Ad,null,mt.createElement(Dd,{family:"secondary"},e.title),e.subtitle&&mt.createElement(Td,{size:10,weight:300},e.subtitle)))))},Id=Dt(La)`
1501
- width: fit-content;
1502
- gap: 6px;
1503
- padding: 6px 12px;
1504
- border-radius: 360px;
1505
- background-color: ${({$type:e,theme:t})=>t.colors[e]};
1506
- `,Od=Dt(fi)`
1507
- color: ${({$type:e,theme:t})=>t.text[e]};
1508
- `,zd=({type:e=so.Info,icon:t,title:o,size:n,family:i,children:a,...r})=>mt.createElement(Id,{$type:e},t&&mt.createElement(t,null),mt.createElement(Od,{$type:e,size:n||12,family:i||"secondary",...r},a||o)),_d=Dt.div`
1509
- display: flex;
1510
- flex-direction: column;
1511
- position: relative;
1512
- width: 100%;
1513
- `,Fd=Dt.div`
1514
- width: 100%;
1515
- display: flex;
1516
- align-items: center;
1517
- gap: 12px;
1518
- transition: border-color 0.3s;
1519
- border-radius: 24px;
1520
- border: 1px solid ${({theme:e})=>e.colors.border};
1521
- ${({$disabled:e})=>e&&Ot`
1522
- background-color: ${({theme:e})=>e.colors.border};
1523
- cursor: not-allowed;
1524
- opacity: 0.6;
1525
- `}
1526
-
1527
- ${({$hasError:e})=>e&&Ot`
1528
- border-color: ${({theme:e})=>e.text.error};
1529
- `}
1530
-
1531
- ${({$isActive:e})=>e&&Ot`
1532
- border-color: ${({theme:e})=>e.colors.secondary};
1533
- `}
1534
-
1535
- &:hover {
1536
- border-color: ${({theme:e})=>e.colors.secondary};
1537
- }
1538
- &:focus-within {
1539
- border-color: ${({theme:e})=>e.colors.secondary};
1540
- }
1541
- `,Rd=Dt.textarea`
1542
- flex: 1;
1543
- border: none;
1544
- outline: none;
1545
- background: none;
1546
- color: ${({theme:e})=>e.text.secondary};
1547
- font-size: 14px;
1548
- padding: 12px 20px 0;
1549
- font-family: ${({theme:e})=>e.font_family.primary};
1550
- font-weight: 300;
1551
- line-height: 22px;
1552
- &::placeholder {
1553
- color: ${({theme:e})=>e.text.secondary};
1554
- font-family: ${({theme:e})=>e.font_family.primary};
1555
- opacity: 0.4;
1556
- font-size: 14px;
1557
- font-weight: 300;
1558
- line-height: 22px; /* 157.143% */
1559
- }
1560
-
1561
- &:disabled {
1562
- background-color: ${({theme:e})=>e.colors.border};
1563
- cursor: not-allowed;
1564
- }
1565
- `,Ld=({errorMessage:e,title:t,tooltip:o,required:n,onChange:i,name:a,...r})=>{const s=ft(null),l=e=>{s.current&&(s.current.style.height="auto",e&&(s.current.style.height=`${s.current.scrollHeight}px`))};return mt.createElement(_d,null,mt.createElement(Sl,{title:t,required:n,tooltip:o}),mt.createElement(Fd,{$disabled:r.disabled,$hasError:!!e,$isActive:!!r.autoFocus},mt.createElement(Rd,{ref:s,"data-id":a,name:a,onFocus:()=>l(!0),onBlur:()=>l(!1),onChange:e=>{e.stopPropagation(),l(!0),i?.(e)},onKeyDown:e=>{e.stopPropagation()},...r})),!!e&&mt.createElement(Li,null,e))},Md=Dt.div`
1566
- display: flex;
1567
- align-items: center;
1568
- gap: 12px;
1569
- cursor: ${({$disabled:e})=>e?"not-allowed":"pointer"};
1570
- opacity: ${({$disabled:e})=>e?.6:1};
1571
- `,Bd=Dt.div`
1572
- width: 24px;
1573
- height: 12px;
1574
- border: 1px ${({$isActive:e,theme:t})=>e?`solid ${t.colors.majestic_blue}`:`dashed ${t.text.grey}`};
1575
- border-radius: 20px;
1576
- display: flex;
1577
- align-items: center;
1578
- padding: 2px;
1579
- background-color: transparent;
1580
- pointer-events: ${({$disabled:e})=>e?"none":"auto"};
1581
- cursor: ${({$disabled:e})=>e?"not-allowed":"pointer"};
1582
- opacity: ${({$isActive:e})=>e?1:.5};
1583
- transition: border-color 0.3s, opacity 0.3s;
1584
- &::before {
1585
- content: '';
1586
- width: 12px;
1587
- height: 12px;
1588
- border-radius: 50%;
1589
- background-color: ${({$isActive:e,theme:t})=>e?t.colors.majestic_blue:t.colors.secondary};
1590
- transform: ${({$isActive:e})=>e?"translateX(12px)":"translateX(0)"};
1591
- transition: background-color 0.3s, transform 0.3s;
1592
- }
1593
- `,Pd=({title:e,tooltip:t,initialValue:o=!1,onChange:n,disabled:i,allowPropagation:a=!1,flipHorizontally:r})=>{const[s,l]=xt(o);return $t(()=>l(o),[o]),mt.createElement(Md,{$disabled:i,onClick:e=>{i||(a||e.stopPropagation(),n?n(!s):l(e=>!e))}},!r&&mt.createElement(Bd,{$disabled:i,$isActive:s}),(e||t)&&mt.createElement(Ja,{text:t,withIcon:!0},e&&mt.createElement(fi,{size:14},e)),r&&mt.createElement(Bd,{$disabled:i,$isActive:s}))};var jd={v:"5.12.1",fr:60,ip:0,op:80,w:220,h:620,nm:"Odigos - Trace Loader",ddd:0,assets:[{id:"comp_0",nm:"moving lines-5",fr:60,layers:[{ddd:0,ind:1,ty:4,nm:"moving lines-5",sr:1,ks:{o:{a:0,k:100,ix:11},r:{a:0,k:0,ix:10},p:{a:0,k:[6.097,.571,0],ix:2,l:2},a:{a:0,k:[-.046,-149.04,0],ix:1,l:2},s:{a:0,k:[100,100,100],ix:6,l:2}},ao:0,shapes:[{ty:"gr",it:[{ind:0,ty:"sh",ix:1,ks:{a:0,k:{i:[[0,0],[0,0]],o:[[0,0],[0,0]],v:[[-.055,-173.88],[.095,546.629]],c:!1},ix:2},nm:"Path 1",mn:"ADBE Vector Shape - Group",hd:!1},{ty:"st",c:{a:0,k:[.976470588235,.976470588235,.976470588235,1],ix:3},o:{a:0,k:100,ix:4},w:{a:0,k:6,ix:5},lc:1,lj:1,ml:4,bm:0,nm:"Stroke 1",mn:"ADBE Vector Graphic - Stroke",hd:!1},{ty:"tr",p:{a:0,k:[0,0],ix:2},a:{a:0,k:[0,0],ix:1},s:{a:0,k:[85.714,85.714],ix:3},r:{a:0,k:0,ix:6},o:{a:0,k:100,ix:7},sk:{a:0,k:0,ix:4},sa:{a:0,k:0,ix:5},nm:"Transform"}],nm:"Vector",np:2,cix:2,bm:0,ix:1,mn:"ADBE Vector Group",hd:!1},{ty:"tm",s:{a:1,k:[{i:{x:[.757],y:[.459]},o:{x:[.441],y:[0]},t:2.4,s:[0]},{i:{x:[.574],y:[.569]},o:{x:[.451],y:[.436]},t:18.172,s:[23.624]},{i:{x:[.571],y:[1]},o:{x:[.173],y:[.635]},t:36.174,s:[85.889]},{t:51,s:[100]}],ix:1},e:{a:1,k:[{i:{x:[.757],y:[.582]},o:{x:[.441],y:[0]},t:0,s:[0]},{i:{x:[.574],y:[.569]},o:{x:[.451],y:[.436]},t:12.174,s:[23.624]},{i:{x:[.571],y:[1]},o:{x:[.173],y:[.635]},t:30.174,s:[85.889]},{t:45,s:[100]}],ix:2},o:{a:0,k:0,ix:3},m:1,ix:2,nm:"Trim Paths 1",mn:"ADBE Vector Filter - Trim",hd:!1}],ip:0,op:51,st:-26,ct:1,bm:0}]},{id:"comp_1",nm:"moving lines-4",fr:60,layers:[{ddd:0,ind:1,ty:4,nm:"moving lines-4",sr:1,ks:{o:{a:0,k:100,ix:11},r:{a:0,k:0,ix:10},p:{a:0,k:[5.475,.571,0],ix:2,l:2},a:{a:0,k:[.144,-156.04,0],ix:1,l:2},s:{a:0,k:[100,100,100],ix:6,l:2}},ao:0,shapes:[{ty:"gr",it:[{ind:0,ty:"sh",ix:1,ks:{a:0,k:{i:[[0,0],[0,0]],o:[[0,0],[0,0]],v:[[.167,-182.047],[.314,547.797]],c:!1},ix:2},nm:"Path 1",mn:"ADBE Vector Shape - Group",hd:!1},{ty:"st",c:{a:0,k:[.976470588235,.976470588235,.976470588235,1],ix:3},o:{a:0,k:100,ix:4},w:{a:0,k:6,ix:5},lc:1,lj:1,ml:4,bm:0,nm:"Stroke 1",mn:"ADBE Vector Graphic - Stroke",hd:!1},{ty:"tr",p:{a:0,k:[0,0],ix:2},a:{a:0,k:[0,0],ix:1},s:{a:0,k:[85.714,85.714],ix:3},r:{a:0,k:0,ix:6},o:{a:0,k:100,ix:7},sk:{a:0,k:0,ix:4},sa:{a:0,k:0,ix:5},nm:"Transform"}],nm:"Vector",np:2,cix:2,bm:0,ix:1,mn:"ADBE Vector Group",hd:!1},{ty:"tm",s:{a:1,k:[{i:{x:[.757],y:[.459]},o:{x:[.441],y:[0]},t:17.9,s:[0]},{i:{x:[.574],y:[.569]},o:{x:[.451],y:[.436]},t:38.055,s:[23.624]},{i:{x:[.571],y:[1]},o:{x:[.173],y:[.635]},t:61.053,s:[85.889]},{t:80,s:[100]}],ix:1},e:{a:1,k:[{i:{x:[.757],y:[.582]},o:{x:[.441],y:[0]},t:0,s:[0]},{i:{x:[.574],y:[.569]},o:{x:[.451],y:[.436]},t:15.553,s:[23.624]},{i:{x:[.571],y:[1]},o:{x:[.173],y:[.635]},t:38.555,s:[85.889]},{t:57.5,s:[100]}],ix:2},o:{a:0,k:0,ix:3},m:1,ix:2,nm:"Trim Paths 1",mn:"ADBE Vector Filter - Trim",hd:!1}],ip:0,op:80,st:-26,ct:1,bm:0}]},{id:"comp_2",nm:"moving lines-3",fr:60,layers:[{ddd:0,ind:1,ty:4,nm:"moving lines-3",sr:1,ks:{o:{a:0,k:100,ix:11},r:{a:0,k:0,ix:10},p:{a:0,k:[5.841,.571,0],ix:2,l:2},a:{a:0,k:[.324,-150.04,0],ix:1,l:2},s:{a:0,k:[100,100,100],ix:6,l:2}},ao:0,shapes:[{ty:"gr",it:[{ind:0,ty:"sh",ix:1,ks:{a:0,k:{i:[[0,0],[0,0]],o:[[0,0],[0,0]],v:[[.382,-175.047],[-.051,538.464]],c:!1},ix:2},nm:"Path 1",mn:"ADBE Vector Shape - Group",hd:!1},{ty:"st",c:{a:0,k:[.976470588235,.976470588235,.976470588235,1],ix:3},o:{a:0,k:100,ix:4},w:{a:0,k:6,ix:5},lc:1,lj:1,ml:4,bm:0,nm:"Stroke 1",mn:"ADBE Vector Graphic - Stroke",hd:!1},{ty:"tr",p:{a:0,k:[0,0],ix:2},a:{a:0,k:[0,0],ix:1},s:{a:0,k:[85.714,85.714],ix:3},r:{a:0,k:0,ix:6},o:{a:0,k:100,ix:7},sk:{a:0,k:0,ix:4},sa:{a:0,k:0,ix:5},nm:"Transform"}],nm:"Vector",np:2,cix:2,bm:0,ix:1,mn:"ADBE Vector Group",hd:!1},{ty:"tm",s:{a:1,k:[{i:{x:[.757],y:[.459]},o:{x:[.441],y:[0]},t:6,s:[0]},{i:{x:[.574],y:[.569]},o:{x:[.451],y:[.436]},t:23.525,s:[23.624]},{i:{x:[.571],y:[1]},o:{x:[.173],y:[.635]},t:43.525,s:[85.889]},{t:60,s:[100]}],ix:1},e:{a:1,k:[{i:{x:[.757],y:[.582]},o:{x:[.441],y:[0]},t:0,s:[0]},{i:{x:[.574],y:[.569]},o:{x:[.451],y:[.436]},t:13.525,s:[23.624]},{i:{x:[.571],y:[1]},o:{x:[.173],y:[.635]},t:33.525,s:[85.889]},{t:50,s:[100]}],ix:2},o:{a:0,k:0,ix:3},m:1,ix:2,nm:"Trim Paths 1",mn:"ADBE Vector Filter - Trim",hd:!1}],ip:0,op:60,st:-26,ct:1,bm:0}]}],layers:[{ddd:0,ind:1,ty:0,nm:"moving lines-5",refId:"comp_0",sr:1,ks:{o:{a:0,k:100,ix:11},r:{a:0,k:0,ix:10},p:{a:0,k:[213,1,0],ix:2,l:2},a:{a:0,k:[6,0,0],ix:1,l:2},s:{a:0,k:[100,99.4,100],ix:6,l:2}},ao:0,w:12,h:619,ip:-22,op:29,st:-22,ct:1,bm:0},{ddd:0,ind:2,ty:0,nm:"moving lines-5",refId:"comp_0",sr:1,ks:{o:{a:0,k:100,ix:11},r:{a:0,k:0,ix:10},p:{a:0,k:[213,1,0],ix:2,l:2},a:{a:0,k:[6,0,0],ix:1,l:2},s:{a:0,k:[100,99.4,100],ix:6,l:2}},ao:0,w:12,h:619,ip:56,op:107,st:56,ct:1,bm:0},{ddd:0,ind:3,ty:0,nm:"moving lines-5",refId:"comp_0",sr:1,ks:{o:{a:0,k:100,ix:11},r:{a:0,k:0,ix:10},p:{a:0,k:[213,1,0],ix:2,l:2},a:{a:0,k:[6,0,0],ix:1,l:2},s:{a:0,k:[100,99.4,100],ix:6,l:2}},ao:0,w:12,h:619,ip:22,op:73,st:22,ct:1,bm:0},{ddd:0,ind:4,ty:0,nm:"moving lines-4",refId:"comp_1",sr:1,ks:{o:{a:0,k:100,ix:11},r:{a:0,k:0,ix:10},p:{a:0,k:[110.5,1,0],ix:2,l:2},a:{a:0,k:[5.5,0,0],ix:1,l:2},s:{a:0,k:[100,98.2,100],ix:6,l:2}},ao:0,w:11,h:627,ip:-65,op:15,st:-65,ct:1,bm:0},{ddd:0,ind:5,ty:0,nm:"moving lines-4",refId:"comp_1",sr:1,ks:{o:{a:0,k:100,ix:11},r:{a:0,k:0,ix:10},p:{a:0,k:[110.5,1,0],ix:2,l:2},a:{a:0,k:[5.5,0,0],ix:1,l:2},s:{a:0,k:[100,98.2,100],ix:6,l:2}},ao:0,w:11,h:627,ip:14,op:94,st:14,ct:1,bm:0},{ddd:0,ind:6,ty:0,nm:"moving lines-3",refId:"comp_2",sr:1,ks:{o:{a:0,k:100,ix:11},r:{a:0,k:0,ix:10},p:{a:0,k:[7,1,0],ix:2,l:2},a:{a:0,k:[5.5,0,0],ix:1,l:2},s:{a:0,k:[100,100.4,100],ix:6,l:2}},ao:0,w:11,h:613,ip:2,op:62,st:2,ct:1,bm:0},{ddd:0,ind:7,ty:0,nm:"moving lines-3",refId:"comp_2",sr:1,ks:{o:{a:0,k:100,ix:11},r:{a:0,k:0,ix:10},p:{a:0,k:[7,1,0],ix:2,l:2},a:{a:0,k:[5.5,0,0],ix:1,l:2},s:{a:0,k:[100,100.4,100],ix:6,l:2}},ao:0,w:11,h:613,ip:-36,op:20,st:-40,ct:1,bm:0},{ddd:0,ind:8,ty:0,nm:"moving lines-3",refId:"comp_2",sr:1,ks:{o:{a:0,k:100,ix:11},r:{a:0,k:0,ix:10},p:{a:0,k:[7,1,0],ix:2,l:2},a:{a:0,k:[5.5,0,0],ix:1,l:2},s:{a:0,k:[100,100.4,100],ix:6,l:2}},ao:0,w:11,h:613,ip:39,op:99,st:39,ct:1,bm:0},{ddd:0,ind:9,ty:4,nm:"Vector :M",sr:1,ks:{o:{a:0,k:100,ix:11},r:{a:0,k:0,ix:10},p:{a:0,k:[110,309.736,0],ix:2,l:2},a:{a:0,k:[308.5,313.236,0],ix:1,l:2},s:{a:0,k:[100,100,100],ix:6,l:2}},ao:0,shapes:[{ind:0,ty:"sh",ix:1,ks:{a:0,k:{i:[[0,0],[0,0]],o:[[0,0],[0,0]],v:[[205.677,618.844],[205.677,4.807]],c:!1},ix:2},nm:"Path 1",mn:"ADBE Vector Shape - Group",hd:!1},{ind:1,ty:"sh",ix:2,ks:{a:0,k:{i:[[0,0],[0,0]],o:[[0,0],[0,0]],v:[[411.428,618.822],[411.333,4.99]],c:!1},ix:2},nm:"Path 6",mn:"ADBE Vector Shape - Group",hd:!1},{ind:2,ty:"sh",ix:3,ks:{a:0,k:{i:[[0,0],[0,0]],o:[[0,0],[0,0]],v:[[308.5,618.796],[308.5,5.145]],c:!1},ix:2},nm:"Path 7",mn:"ADBE Vector Shape - Group",hd:!1},{ty:"st",c:{a:0,k:[.975244164467,.975244164467,.975244164467,.639999985695],ix:3},o:{a:0,k:64,ix:4},w:{a:0,k:1,ix:5},lc:1,lj:1,ml:4,bm:0,nm:"Stroke 7",mn:"ADBE Vector Graphic - Stroke",hd:!1}],ip:0,op:684,st:0,ct:1,bm:0}],markers:[],props:{}};const Ud=Dt.div`
1594
- width: ${({$width:e})=>e}px;
1595
- height: ${({$height:e})=>e}px;
1596
- position: relative;
1597
- `,Vd=({width:e=620})=>{const{darkMode:t}=mi.useTheme(),o=e/(620/220),n=e;return mt.createElement(Ud,{$width:n,$height:o},mt.createElement(Ut,{autoplay:!0,loop:!0,animationData:jd,style:{width:o,height:n,transform:"rotate(-90deg)",position:"absolute",top:-(o-o/10),left:o-o/10,filter:t?"invert(0)":"invert(1)"}}))},Wd=Dt.div`
1598
- padding: 24px 32px;
1599
- `,qd=Dt.div`
1600
- padding: ${({$withNote:e})=>e?"12px 0px":"12px 0px 32px 0"};
1601
- `,Gd=Dt(fi)`
1602
- font-size: 20px;
1603
- line-height: 28px;
1604
- `,Hd=Dt(fi)`
1605
- color: ${({theme:e})=>e.text.grey};
1606
- width: 416px;
1607
- font-style: normal;
1608
- font-weight: 300;
1609
- line-height: 24px;
1610
- `,Jd=Dt.div`
1611
- display: flex;
1612
- justify-content: space-between;
1613
- gap: 12px;
1614
- `,Kd=Dt(ia)`
1615
- width: 250px;
1616
- `,Yd=Dt.div`
1617
- margin-bottom: 12px;
1618
- `,Xd=({isOpen:e,noOverlay:t,title:o="",description:n="",note:i,approveButton:a,denyButton:r,closeOnEscape:s=!0})=>{Ca({key:"Enter",active:e&&s},()=>a.onClick());const l=()=>r.onClick();return mt.createElement(Fc,{isOpen:e,noOverlay:t,onClose:l},mt.createElement(Wd,null,mt.createElement(Gd,null,o),mt.createElement(qd,{$withNote:!!i},mt.createElement(Hd,null,n)),!!i&&mt.createElement(Yd,null,mt.createElement(Yc,{type:i.type,title:i.title,message:i.message})),mt.createElement(Jd,null,mt.createElement(Kd,{"data-id":"approve",variant:a.variant||"primary",onClick:()=>a.onClick()},a.text),mt.createElement(Kd,{"data-id":"deny",variant:r.variant||"secondary",onClick:l},r.text))))},Qd=({buttons:e})=>mt.createElement(Ma,{$gap:12},e.map(e=>mt.createElement(_i,{key:e.label,...e})));var Zd;!function(e){e.S="small",e.L="large"}(Zd||(Zd={}));const ep=Dt.div`
1619
- width: fit-content;
1620
- display: flex;
1621
- align-items: center;
1622
- gap: 8px;
1623
- cursor: ${({$disabled:e})=>e?"not-allowed":"pointer"};
1624
- `,tp=Dt.div`
1625
- width: ${({$size:e})=>e===Zd.S?"16px":"20px"};
1626
- height: ${({$size:e})=>e===Zd.S?"16px":"20px"};
1627
- display: flex;
1628
- align-items: center;
1629
- justify-content: center;
1630
- border-radius: 4px;
1631
- border: 1px solid ${({$borderColor:e})=>e};
1632
- background-color: ${({$backgroundColor:e})=>e};
1633
- `,op=({label:e,size:t=Zd.L,disabled:o,partiallyChecked:n,value:i,onChange:a})=>{const r=mi.useTheme(),[s,l]=xt(!1),c=n||i,d=t===Zd.S?8:12,p=o?r.v2.colors.grey[400]:r.v2.colors.white[500],u=c?"transparent":o?r.v2.colors.grey[700]:s?r.v2.colors.silver[400]:r.v2.colors.silver[600],m=o?r.v2.colors.grey[600]:c?r.v2.colors.purple[500]:r.v2.colors.silver[900];return mt.createElement(ep,{"data-id":"checkbox"+(e?`-${e}`:""),onClick:e=>{e.stopPropagation(),o||a(!!n||!i)},$disabled:o,onMouseEnter:()=>l(!0),onMouseLeave:()=>l(!1)},mt.createElement(tp,{$size:t,$borderColor:u,$backgroundColor:m},n?mt.createElement(He,{size:d,fill:p}):i?mt.createElement(Je,{size:d,fill:p}):null),e&&mt.createElement(Si,{size:t===Zd.S?vi.XXS:vi.XS},e))};var np;!function(e){e.HORIZONTAL="horizontal",e.VERTICAL="vertical"}(np||(np={}));const ip=Dt.div`
1634
- display: flex;
1635
- flex-direction: ${({$flexDirection:e})=>e};
1636
- gap: ${({$gap:e})=>e}px;
1637
- `,ap=({label:e,size:t,disabled:o,direction:n,withSelectAll:i,options:a,values:r,setValues:s})=>{const l=gt(()=>a.every(e=>r[e.id]),[a,r]),c=gt(()=>a.some(e=>r[e.id])&&a.some(e=>!r[e.id]),[a,r]),d=(e,t)=>{s(o=>{const n={...o};return e?n[e]=t:a.forEach(e=>n[e.id]=t),n})};return mt.createElement(ip,{$flexDirection:n===np.HORIZONTAL?"row":"column",$gap:n===np.HORIZONTAL?16:8},e&&i?mt.createElement(op,{label:e,partiallyChecked:c,value:l,onChange:e=>d("",e)}):e&&!i?mt.createElement(Si,null,e):null,a.map(n=>mt.createElement(op,{key:`${e}-checkbox-${n.id}`,...n,value:r[n.id],onChange:e=>d(n.id,e),disabled:o,size:t})))},rp=Dt.span`
1638
- font-family: ${({theme:e})=>e.font_family.primary};
1639
- font-size: 14px;
1640
- font-weight: 400;
1641
- color: ${({theme:e})=>e.text.error};
1642
- `,sp=Dt.span`
1643
- font-family: ${({theme:e})=>e.font_family.primary};
1644
- font-size: 14px;
1645
- font-weight: 400;
1646
- color: ${({theme:e})=>e.v2.colors.silver[200]};
1647
- `,lp=Dt.div`
1648
- padding: 12px;
1649
- display: flex;
1650
- align-self: stretch;
1651
- align-items: center;
1652
- gap: 8px;
1653
- border-radius: 6px;
1654
-
1655
- border: 1px solid ${({theme:e,$disabled:t,$error:o})=>t?e.v2.colors.grey[600]:o?e.v2.colors.red[500]:e.v2.colors.silver[500]};
1656
- background: ${({theme:e,$disabled:t})=>t?e.v2.colors.grey[800]:e.v2.colors.black[500]};
1657
- ${({$disabled:e,$error:t})=>!e&&!t&&Ot`
1658
- &:hover,
1659
- &:active,
1660
- &:focus-within {
1661
- border: 1px solid ${({theme:e})=>e.v2.colors.silver[300]};
1662
- }
1663
- `}
1664
- `,cp=Dt.input`
1665
- flex: 1;
1666
- font-family: ${({theme:e})=>e.font_family.primary};
1667
- font-size: 14px;
1668
- font-weight: 400;
1669
- line-height: 22px;
1670
-
1671
- cursor: text;
1672
- color: ${({theme:e})=>e.v2.colors.white[500]};
1673
- &::placeholder {
1674
- color: ${({theme:e})=>e.v2.colors.silver[200]};
1675
- }
1676
-
1677
- &:disabled {
1678
- cursor: not-allowed;
1679
- color: ${({theme:e})=>e.v2.colors.grey[400]};
1680
- &::placeholder {
1681
- color: ${({theme:e})=>e.v2.colors.grey[400]};
1682
- }
1683
- }
1684
-
1685
- overflow: hidden;
1686
- text-overflow: ellipsis;
1687
- white-space: nowrap;
1688
- `,dp=Dt.div`
1689
- cursor: pointer;
1690
- `,pp=({label:e,required:t,tooltip:o,leftIcon:n,rightIcon:i,errorMessage:a,helpMessage:r,type:s=ro.Text,name:l,value:c,onChange:d,disabled:p,...u})=>{const m=mi.useTheme(),h=s===ro.Password,[g,x]=xt(!1),$=c?m.v2.colors.white[500]:p?m.v2.colors.grey[400]:m.v2.colors.silver[200];return mt.createElement(Ma,{$gap:6},mt.createElement(La,{$justifyContent:"space-between"},e&&mt.createElement(sp,null,e),mt.createElement(La,{$gap:10},o&&mt.createElement(Ja,{text:o,withIcon:!0}),t&&mt.createElement(rp,null,"*"))),mt.createElement(lp,{$disabled:p,$error:!!a},n?mt.createElement(n,{size:18,fill:$}):null,mt.createElement(cp,{"data-id":l,type:g||s===ro.Number?ro.Text:s,name:l,value:c,onChange:e=>{e.stopPropagation(),s===ro.Number&&(e.target.value=Dn(e.target.value)),d?.(e)},onKeyDown:e=>{["Enter"].includes(e.key)||e.stopPropagation()},disabled:p,...u}),h?mt.createElement(dp,{onClick:()=>x(e=>!e)},g?mt.createElement(at,{size:18,strokeWidth:2,fill:$}):mt.createElement(rt,{size:18,strokeWidth:2,fill:$})):i?mt.createElement(i,{size:18,fill:$}):null),a?mt.createElement(La,{$gap:4},mt.createElement(je,{size:12,fill:m.v2.colors.red[500]}),mt.createElement(Si,{size:vi.XXS,weight:400,color:m.v2.colors.red[500]},a)):r?mt.createElement(La,{$gap:4},mt.createElement(je,{size:12,fill:m.v2.colors.silver[200]}),mt.createElement(Si,{size:vi.XXS,weight:400,color:m.v2.colors.silver[200]},r)):null)},up=Dt.div`
1691
- position: fixed;
1692
- top: 50%;
1693
- left: 50%;
1694
- transform: translate(-50%, -50%);
1695
- z-index: 1000;
1696
- width: fit-content;
1697
- border-radius: 20px;
1698
- background: ${({theme:e})=>e.v2.colors.black[500]};
1699
- box-shadow: 0 0 34px 0 rgba(0, 0, 0, 0.7);
1700
- overflow: hidden;
1701
- `,mp=Dt.div`
1702
- position: relative;
1703
- `,hp=Dt.div`
1704
- position: absolute;
1705
- top: 16px;
1706
- left: 16px;
1707
- `,gp=({isOpen:e,onBack:t,onClose:o,children:n})=>(ha(e),e?Mt(mt.createElement(mt.Fragment,null,mt.createElement(ja,{hidden:!e,onClick:o}),mt.createElement(up,null,mt.createElement(mp,null,t&&mt.createElement(hp,null,mt.createElement(Or,{onClick:t},mt.createElement(qe,{size:36}))),n))),document.body):null),xp=Dt.div`
1708
- display: flex;
1709
- align-items: center;
1710
- gap: 10px;
1711
- padding: 4px;
1712
- border-radius: 8px;
1713
- background-color: ${({theme:e,$status:t})=>cn(e,t,[so.Info].includes(t)?"1000":"900")};
1714
- `,$p=Dt.div`
1715
- width: 36px;
1716
- height: 36px;
1717
- display: flex;
1718
- align-items: center;
1719
- justify-content: center;
1720
- border-radius: 6px;
1721
- background-color: ${({theme:e,$status:t})=>cn(e,t,[so.Info].includes(t)?"900":"800")};
1722
- `,fp=({status:e,message:t})=>{const o=mi.useTheme(),n=dn(e,o);return mt.createElement(xp,{$status:e},mt.createElement("div",null,mt.createElement($p,{$status:e},mt.createElement(n,{size:24}))),mt.createElement(Si,{color:cn(o,e,e===so.Default?"300":e===so.Info?"400":"500"),size:vi.XXS,weight:400},t))};var bp;!function(e){e.S="small",e.L="large"}(bp||(bp={}));const yp=Dt.div`
1723
- width: fit-content;
1724
- display: flex;
1725
- align-items: center;
1726
- gap: 8px;
1727
- cursor: ${({$disabled:e})=>e?"not-allowed":"pointer"};
1728
- `,wp=Dt.div`
1729
- width: ${({$size:e})=>e===bp.S?"16px":"20px"};
1730
- height: ${({$size:e})=>e===bp.S?"16px":"20px"};
1731
- display: flex;
1732
- align-items: center;
1733
- justify-content: center;
1734
- border-radius: 100%;
1735
- border: 1px solid ${({$borderColor:e})=>e};
1736
- background-color: ${({$backgroundColor:e})=>e};
1737
- `,kp=({label:e,value:t,onChange:o,disabled:n,size:i=bp.L})=>{const a=mi.useTheme(),[r,s]=xt(!1),l=t,c=i===bp.S?6:8,d=n?a.v2.colors.grey[400]:a.v2.colors.white[500],p=l?"transparent":n?a.v2.colors.grey[700]:r?a.v2.colors.silver[400]:a.v2.colors.silver[600],u=n?a.v2.colors.grey[600]:l?a.v2.colors.purple[500]:a.v2.colors.silver[900];return mt.createElement(yp,{"data-id":"radio"+(e?`-${e}`:""),onClick:e=>{e.stopPropagation(),n||o(!t)},$disabled:n,onMouseEnter:()=>s(!0),onMouseLeave:()=>s(!1)},mt.createElement(wp,{$size:i,$borderColor:p,$backgroundColor:u},t?mt.createElement(pt,{size:c,fill:d}):null),e&&mt.createElement(Si,{size:i===bp.S?vi.XXS:vi.XS},e))};var vp;!function(e){e.HORIZONTAL="horizontal",e.VERTICAL="vertical"}(vp||(vp={}));const Ep=Dt.div`
1738
- display: flex;
1739
- flex-direction: ${({$flexDirection:e})=>e};
1740
- gap: ${({$gap:e})=>e}px;
1741
- `,Cp=({label:e,direction:t,disabled:o,size:n,options:i,values:a,setValues:r})=>mt.createElement(Ep,{$flexDirection:t===vp.HORIZONTAL?"row":"column",$gap:t===vp.HORIZONTAL?16:8},e&&mt.createElement(Si,null,e),i.map(t=>mt.createElement(kp,{key:`${e}-radio-${t.id}`,...t,value:a[t.id],onChange:e=>{return o=t.id,n=e,void r(e=>{const t={...e};return Object.keys(t).forEach(e=>t[e]=!1),t[o]=n,t});var o,n},disabled:o,size:n})));export{Ja as $,qt as A,jn as B,Xa as C,Pn as D,no as E,Sl as F,kr as G,Js as H,zl as I,oo as J,Ht as K,Ma as L,Mc as M,Xn as N,Fc as O,jc as P,Ua as Q,Yc as R,md as S,mi as T,Bn as U,Xi as V,Er as W,Go as X,Dr as Y,La as Z,Cn as _,Rs as a,ka as a$,co as a0,dn as a1,Kn as a2,Mo as a3,jr as a4,Zo as a5,Gr as a6,Va as a7,Wa as a8,sc as a9,Uo as aA,Bo as aB,Po as aC,ga as aD,Aa as aE,da as aF,xd as aG,Pa as aH,Sa as aI,En as aJ,Vl as aK,Fn as aL,Oo as aM,Mn as aN,Da as aO,ya as aP,ii as aQ,Ln as aR,Or as aS,gr as aT,Tr as aU,Rr as aV,io as aW,Sn as aX,Ro as aY,hn as aZ,ko as a_,Xo as aa,qa as ab,Fs as ac,Ba as ad,Ml as ae,Vd as af,ea as ag,zn as ah,wi as ai,ia as aj,ti as ak,Yn as al,Qr as am,mr as an,Qo as ao,An as ap,Wo as aq,nd as ar,No as as,Yo as at,Ko as au,kd as av,$a as aw,qn as ax,fa as ay,jo as az,Li as b,Eo as b$,gn as b0,zo as b1,To as b2,Lo as b3,Nd as b4,js as b5,on as b6,bo as b7,Co as b8,yo as b9,to as bA,_a as bB,Wr as bC,Ho as bD,bn as bE,ba as bF,pa as bG,Zc as bH,Vn as bI,qo as bJ,er as bK,sn as bL,Mr as bM,Wt as bN,Jt as bO,Kt as bP,Yt as bQ,Xt as bR,Qt as bS,Zt as bT,eo as bU,lo as bV,po as bW,uo as bX,ho as bY,go as bZ,xo as b_,So as ba,fo as bb,wo as bc,$o as bd,zd as be,Jo as bf,Ea as bg,Io as bh,Ra as bi,mn as bj,Fa as bk,xa as bl,mo as bm,fs as bn,Fr as bo,dc as bp,pn as bq,xn as br,_r as bs,is as bt,rs as bu,yn as bv,Tn as bw,Na as bx,ks as by,vo as bz,Gt as c,_o as c0,Vo as c1,en as c2,tn as c3,nn as c4,an as c5,rn as c6,ln as c7,cn as c8,un as c9,ja as cA,Ai as cB,Di as cC,Ni as cD,_i as cE,Qd as cF,Zd as cG,op as cH,np as cI,ap as cJ,pp as cK,gp as cL,fp as cM,bp as cN,kp as cO,vp as cP,Cp as cQ,ki as cR,vi as cS,Ei as cT,Si as cU,fn as ca,wn as cb,vn as cc,Dn as cd,Nn as ce,In as cf,On as cg,_n as ch,Rn as ci,Un as cj,Vt as ck,ha as cl,hs as cm,ls as cn,sr as co,Zs as cp,ul as cq,fl as cr,ec as cs,ac as ct,Br as cu,al as cv,gi as cw,xi as cx,$i as cy,Xd as cz,ro as d,bc as e,Pd as f,Sc as g,gc as h,$n as i,ao as j,fi as k,cd as l,ol as m,Ld as n,Qn as o,Gn as p,Ca as q,kl as r,el as s,aa as t,ei as u,so as v,Hn as w,ma as x,Do as y,Ao as z};