@odigos/ui-kit 0.0.231 → 0.0.232
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.
- package/CHANGELOG.md +21 -0
- package/lib/chunks/index-Bbukn13F.js +77 -0
- package/lib/chunks/{index-tFZXUKvO.js → index-Cw4LkdaE.js} +1 -1
- package/lib/chunks/index-D7sjsMOG.js +145 -0
- package/lib/chunks/{ui-components-CvK0mvVN.js → ui-components-of0mjGMv.js} +438 -426
- package/lib/components/_v2/cards/section-card/index.d.ts +11 -0
- package/lib/components/_v2/drop-down/index.d.ts +1 -1
- package/lib/components/_v2/search/index.d.ts +2 -0
- package/lib/components/_v2/segment/index.d.ts +1 -0
- package/lib/components/_v2/typography/index.d.ts +20 -1
- package/lib/components/_v2/warning-modal/index.d.ts +5 -5
- package/lib/components/v2.js +1 -1
- package/lib/components.js +1 -1
- package/lib/constants/strings/index.d.ts +6 -0
- package/lib/constants.js +1 -1
- package/lib/containers/_v2/_forms/data-stream-form/index.d.ts +6 -0
- package/lib/containers/_v2/_forms/data-stream-form/merge-warning.d.ts +11 -0
- package/lib/containers/_v2/_forms/index.d.ts +1 -0
- package/lib/containers/_v2/_modals/add-data-stream-modal/index.d.ts +8 -0
- package/lib/containers/_v2/_modals/edit-data-stream-modal/index.d.ts +8 -0
- package/lib/containers/_v2/_modals/index.d.ts +2 -0
- package/lib/containers/_v2/index.d.ts +2 -0
- package/lib/containers/_v2/overview/columns/column/empty-add.d.ts +7 -0
- package/lib/containers/_v2/overview/columns/column/head.d.ts +14 -0
- package/lib/containers/_v2/overview/columns/column/index.d.ts +12 -0
- package/lib/containers/_v2/overview/columns/column/list-item.d.ts +17 -0
- package/lib/containers/_v2/overview/columns/column/namespace-divider.d.ts +7 -0
- package/lib/containers/_v2/overview/columns/column/source-visual-state.d.ts +9 -0
- package/lib/containers/_v2/overview/columns/index.d.ts +11 -0
- package/lib/containers/_v2/overview/data-stream-select/index.d.ts +12 -0
- package/lib/containers/_v2/overview/drawers/index.d.ts +31 -0
- package/lib/containers/_v2/overview/filters/index.d.ts +2 -0
- package/lib/containers/_v2/overview/index.d.ts +14 -0
- package/lib/containers/_v2/overview/multi-source-control/index.d.ts +7 -0
- package/lib/containers/_v2/overview/search/builder.d.ts +25 -0
- package/lib/containers/_v2/overview/search/index.d.ts +7 -0
- package/lib/containers/source-drawer/index.d.ts +2 -2
- package/lib/containers/v2.js +334 -33
- package/lib/containers.js +122 -198
- package/lib/contexts/data-stream-form-context.d.ts +60 -0
- package/lib/contexts/index.d.ts +1 -0
- package/lib/contexts.js +1 -1
- package/lib/functions.js +1 -1
- package/lib/hooks/useOnClickOutside.d.ts +1 -0
- package/lib/hooks.js +1 -1
- package/lib/icons/common/index.d.ts +1 -0
- package/lib/icons/common/star-icon/index.d.ts +2 -0
- package/lib/icons.js +1 -1
- package/lib/mock-data/index.d.ts +1 -0
- package/lib/mock-data/sources/index.d.ts +1 -0
- package/lib/snippets/_v2/cancel-modal/index.d.ts +4 -1
- package/lib/snippets/_v2/delete-modal/index.d.ts +3 -1
- package/lib/snippets/_v2/rich-title/index.d.ts +1 -0
- package/lib/snippets/v2.js +1 -1
- package/lib/snippets.js +1 -1
- package/lib/store.js +1 -1
- package/lib/theme/palettes/index.d.ts +10 -0
- package/lib/theme.js +1 -1
- package/lib/types/actions/index.d.ts +2 -0
- package/lib/types/config/index.d.ts +2 -0
- package/lib/types/destinations/index.d.ts +1 -0
- package/lib/types/instrumentation-rules/index.d.ts +2 -0
- package/lib/types/sources/index.d.ts +44 -0
- package/lib/types.js +1 -1
- package/lib/visuals/index.d.ts +1 -0
- package/lib/visuals/visual-purple-rings/index.d.ts +7 -0
- package/lib/visuals.js +1 -1
- package/package.json +11 -11
- package/lib/chunks/index-DAOWyONO.js +0 -145
|
@@ -1,6 +1,6 @@
|
|
|
1
|
-
import{jsx as e,jsxs as t,Fragment as r}from"react/jsx-runtime";import o,{css as n,useTheme as i,keyframes as a,ThemeProvider as s}from"styled-components";import{SamplerIcon as l,PiiMaskingIcon as c,ActionIcon as d,RenameAttributeIcon as p,DeleteAttributeIcon as u,AddClusterInfoIcon as h,K8sLogo as m,ImageErrorIcon as g,KafkaLogo as f,RedisLogo as x,PostgresLogo as y,NginxLogo as b,MysqlLogo as v,ElixirLogo as $,SwiftLogo as w,RustLogo as S,RubyLogo as k,PhpLogo as C,CPlusPlusLogo as E,CSharpLogo as A,DotnetLogo as D,PythonLogo as T,NodejsLogo as I,GoLogo as N,JavaLogo as R,AwsXrayLogo as O,VictoriaMetricsLogo as _,UptraceLogo as F,TraceloopLogo as P,TingyunLogo as L,TempoLogo as z,TelemetryHubLogo as M,SumoLogicLogo as B,SplunkLogo as U,SignozLogo as j,SeqLogo as W,AwsS3Logo as H,QuickwitLogo as X,GigapipeLogo as G,QrynLogo as V,PrometheusLogo as K,OpenTelemetryLogo as q,OracleLogo as J,OpsVerseLogo as Y,OpenObserveLogo as Q,OneUptimeLogo as Z,OdigosLogo as ee,ObserveLogo as te,NewRelicLogo as re,MiddlewareLogo as oe,LumigoLogo as ne,LokiLogo as ie,LogzioLogo as ae,LightstepLogo as se,Last9Logo as le,KloudmateLogo as ce,JaegerLogo as de,InstanaLogo as pe,HyperDxLogo as ue,HoneycombLogo as he,GroundcoverLogo as me,GreptimeLogo as ge,GrafanaLogo as fe,GoogleCloudPlatformLogo as xe,ElasticSearchLogo as ye,ElasticApmLogo as be,DynatraceLogo as ve,DatadogLogo as $e,Dash0Logo as we,CoralogixLogo as Se,AwsCloudwatchLogo as ke,ClickhouseLogo as Ce,ChronosphereLogo as Ee,ChecklyLogo as Ae,CauselyLogo as De,BonreeLogo as Te,BetterStackLogo as Ie,AzureMonitorLogo as Ne,AzureBlobLogo as Re,AxiomLogo as Oe,AppDynamicsLogo as _e,AlibabaCloudLogo as Fe,AlaudaLogo as Pe,SamplingIcon as Le,InstrumentationRuleIcon as ze,DestinationIcon as Me,SourceIcon as Be,NamespacesIcon as Ue,PayloadCollectionIcon as je,HeadersCollectionIcon as We,CustomInstrumentationIcon as He,CodeAttributesIcon as Xe,TracesIcon as Ge,MetricsIcon as Ve,LogsIcon as Ke,VmLogo as qe,DotsHorizontalIcon as Je,QuestionCircleIcon as Ye,XSquareIcon as Qe,VSquareIcon as Ze,ExclamationTriangleIcon as et,ExclamationCircleIcon as tt,ISquareIcon as rt,AwsLogo as ot,AwsSecretsManagerLogo as nt,AwsStepFunctionsLogo as it,AwsEventBridgeLogo as at,AwsBedrockLogo as st,AwsApiGatewayLogo as lt,AwsEc2Logo as ct,AwsKinesisLogo as dt,AwsLambdaLogo as pt,AwsSnsLogo as ut,AwsSqsLogo as ht,AwsDynamoDbLogo as mt,AwsStsLogo as gt,VIcon as ft,CopyIcon as xt,XIcon as yt,MinusIcon as bt,ListIcon as vt,CodeIcon as $t,ExtendArrowIcon as wt,PlusIcon as St,EditIcon as kt,NoDataIcon as Ct,RefreshIcon as Et,EyeClosedIcon as At,EyeOpenIcon as Dt,SearchIcon as Tt,TrashIcon as It,EditedIcon as Nt,SortArrowsIcon as Rt,NotebookIcon as Ot,ChevronUpIcon as _t,ChevronDownIcon as Ft,ArrowIcon as Pt,DotsVerticalIcon as Lt,DotIcon as zt,FilterIcon as Mt}from"../icons.js";import{create as Bt}from"zustand";import{forwardRef as Ut,Fragment as jt,useState as Wt,useEffect as Ht,useMemo as Xt,useRef as Gt,useCallback as Vt,useContext as Kt,createContext as qt,memo as Jt,useLayoutEffect as Yt}from"react";import Qt from"javascript-time-ago";import{p as Zt,c as er,s as tr,l as rr}from"./vendor-C150cdxb.js";import{Handle as or,Position as nr,ReactFlowProvider as ir,ReactFlow as ar,Controls as sr,ControlButton as lr,useReactFlow as cr}from"@xyflow/react";import dr,{createPortal as pr}from"react-dom";import{Highlight as ur,themes as hr}from"prism-react-renderer";import{ErrorBoundary as mr}from"react-error-boundary";import gr from"lottie-react";import{VList as fr}from"virtua";const xr=e=>e.charAt(0).toUpperCase()+e.slice(1),yr=e=>{const t=e=>e.filter(e=>"object"==typeof e&&null!==e?""!==e.key&&""!==e.value:""!==e),r=e=>Object.fromEntries(Object.entries(e).filter(([e,t])=>""!==e&&""!==t).map(([e,o])=>Array.isArray(o)?[e,t(o)]:"object"==typeof o&&null!==o?[e,r(o)]:[e,o]));return Object.entries(e).reduce((e,[o,n])=>{try{const i=JSON.parse(n);Array.isArray(i)?e[o]=JSON.stringify(t(i)):e[o]="object"==typeof i&&null!==i?JSON.stringify(r(i)):n}catch(i){"object"==typeof n&&null!==n?Array.isArray(n)?e[o]=JSON.stringify(t(n)):e[o]=JSON.stringify(r(n)):e[o]=n}return e},{})};var br;!function(e){e.SIGNALS="SIGNALS"}(br||(br={}));const vr=(e,t,r)=>{if(!e||!e.length)return!0;if(1===e.length)return"true"==e[0];const[o,n,i]=e;if(o===br.SIGNALS)switch(n){case"INCLUDES":return t?.includes(i);case"EXCLUDES":return!t?.includes(i);default:return!0}const a=r.find(e=>e.name===o||e.key===o);if(!a)return!1;const s=null==a.value?"":String(a.value);switch(n){case"===":case"==":return s===i;case"!==":case"!=":return s!==i;case">":return Number(s)>Number(i);case"<":return Number(s)<Number(i);case">=":return Number(s)>=Number(i);case"<=":return Number(s)<=Number(i);default:return!0}},$r=e=>JSON.parse(JSON.stringify(e)),wr=(e,t)=>t.split(".").reduce((e,t)=>e?.[t],e),Sr=(e,t,r)=>{const o=t.split(".");let n=e;for(let e=0;e<o.length-1;e++)o[e]in n&&"object"==typeof n[o[e]]||(n[o[e]]={}),n=n[o[e]];n[o[o.length-1]]=r},kr=(e,t)=>{let r=[...e];return t.monitors?.length&&(r=r.filter(e=>!!t.monitors?.find(t=>e.signals?.find(e=>e.toLowerCase()===t.id)))),r},Cr=(e,t)=>{let r=[...e];return t.monitors?.length&&(r=r.filter(e=>!!t.monitors?.find(t=>e.exportedSignals[t.id]))),r},Er=(e,t)=>t?e.filter(e=>e.dataStreamNames.includes(t)||!e.dataStreamNames.length):[];var Ar,Dr,Tr,Ir,Nr,Rr,Or,_r,Fr,Pr,Lr,zr,Mr,Br,Ur,jr,Wr,Hr,Xr,Gr,Vr,Kr,qr,Jr,Yr,Qr,Zr,eo,to,ro,oo,no,io,ao,so,lo,co,po,uo,ho,mo,go;!function(e){e.Attributes="attributes",e.Samplers="samplers"}(Ar||(Ar={})),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",e.URLTemplatization="URLTemplatization"}(Dr||(Dr={})),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",e.UrlTemplatizationRulesGroups="urlTemplatizationRulesGroups"}(Tr||(Tr={})),function(e){e.Pod="pod",e.Namespace="namespace",e.Node="node"}(Ir||(Ir={})),function(e){e.EXISTS="exists",e.EQUALS="equals",e.NOT_EQUALS="not_equals",e.CONTAINS="contains",e.NOT_CONTAINS="not_contains",e.REGEX="regex"}(Nr||(Nr={})),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"}(Rr||(Rr={})),function(e){e.EXISTS="exists",e.EQUALS="equals"}(Or||(Or={})),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"}(_r||(_r={})),function(e){e.Horizontal="horizontal",e.Vertical="vertical"}(Fr||(Fr={})),function(e){e.Ascending="ascending",e.Descending="descending"}(Pr||(Pr={})),function(e){e.Community="community",e.Onprem="onprem"}(Lr||(Lr={})),function(e){e.K8s="k8s",e.Vm="vm"}(zr||(zr={})),function(e){e.Cli="odigos-cli",e.Helm="helm",e.Operator="odigos-operator"}(Mr||(Mr={})),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"}(Br||(Br={})),function(e){e.Create="Create",e.Read="Read",e.Update="Update",e.Delete="Delete"}(Ur||(Ur={})),function(e){e.Namespace="Namespace",e.Source="Source",e.Destination="Destination",e.Action="Action",e.InstrumentationRule="InstrumentationRule",e.SamplingRule="SamplingRule"}(jr||(jr={})),function(e){e.DataStream="DataStream"}(Wr||(Wr={})),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",e.Time="time"}(Hr||(Hr={})),function(e){e.Text="text",e.Password="password",e.Number="number"}(Xr||(Xr={})),function(e){e.Warning="warning",e.Error="error",e.Success="success",e.Info="info",e.Default="default"}(Gr||(Gr={})),function(e){e.INSTRUMENTED="Instrumented",e.INSTRUMENTING="Instrumenting",e.UNINSTRUMENTED="Uninstrumented",e.NOT_INSTRUMENTED="Not Instrumented"}(Vr||(Vr={})),function(e){e.Loading="loading",e.Disabled="disabled"}(Kr||(Kr={})),function(e){e.Disabled="disabled",e.Unknown="unknown"}(qr||(qr={})),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"}(Jr||(Jr={})),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"}(Yr||(Yr={})),function(e){e.Labeled="labeled"}(Qr||(Qr={})),function(e){e.AddRule="addRule",e.AddSource="addSource",e.AddAction="addAction",e.AddDestination="addDestination"}(Zr||(Zr={})),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.Signalfx="signalfx",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"}(eo||(eo={})),function(e){e.Deployment="Deployment",e.DaemonSet="DaemonSet",e.StatefulSet="StatefulSet",e.CronJob="CronJob",e.Pod="Pod",e.StaticPod="StaticPod",e.Rollout="Rollout",e.ConfigMap="ConfigMap",e.DeploymentConfig="DeploymentConfig"}(to||(to={})),function(e){e.GolangCommunity="golang-community",e.NodejsCommunity="nodejs-community",e.PythonCommunity="python-community",e.JavaCommunity="java-community",e.DotNetCommunity="dotnet-community",e.RubyCommunity="ruby-community",e.PhpCommunity="php-community",e.GolangEnterprise="golang-enterprise",e.NodejsEnterprise="nodejs-enterprise",e.PythonEnterprise="python-enterprise",e.JavaEnterprise="java-enterprise",e.JavaEbpfInstrumentations="java-ebpf-instrumentations",e.OpentelemetryEbpfInstrumentation="opentelemetry-ebpf-instrumentation",e.DotNetLegacy="dotnet-legacy",e.DotNetEnterprise="dotnet-enterprise",e.RubyEnterprise="ruby-enterprise",e.CPlusPlusEnterprise="cplusplus-enterprise",e.MySqlEnterprise="mysql-enterprise"}(ro||(ro={})),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"}(oo||(oo={})),function(e){e.CodeAttributes="CodeAttributes",e.HeadersCollection="HeadersCollection",e.PayloadCollection="PayloadCollection",e.CustomInstrumentation="CustomInstrumentation",e.UnknownType="UnknownType"}(no||(no={})),function(e){e.Column="column",e.FilePath="filePath",e.Function="function",e.LineNumber="lineNumber",e.Namespace="namespace",e.StackTrace="stacktrace"}(io||(io={})),function(e){e.HeaderKeys="headerKeys"}(ao||(ao={})),function(e){e.Java="java",e.Golang="golang"}(so||(so={}));class fo{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 xo{packageName;functionName;receiverName;receiverMethodName;constructor(e,t,r,o){this.packageName=e,this.functionName=t||"",this.receiverName=r||"",this.receiverMethodName=o||""}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"}(lo||(lo={})),function(e){e.Healthy="Healthy",e.Updating="Updating",e.Degraded="Degraded",e.Failed="Failed",e.Down="Down",e.Unknown="Unknown"}(co||(co={})),function(e){e.Pending="Pending",e.Running="Running",e.Succeeded="Succeeded",e.Failed="Failed",e.Unknown="Unknown"}(po||(po={})),function(e){e.ContainerCreating="ContainerCreating",e.CrashLoopBackOff="CrashLoopBackOff",e.CreateContainerError="CreateContainerError",e.CreateContainerConfigError="CreateContainerConfigError",e.ErrImagePull="ErrImagePull",e.ErrImageNeverPull="ErrImageNeverPull",e.ImagePullBackOff="ImagePullBackOff",e.InvalidImageName="InvalidImageName",e.RegistryUnavailable="RegistryUnavailable",e.NetworkNotReady="NetworkNotReady",e.Running="Running",e.Completed="Completed",e.Error="Error",e.OOMKilled="OOMKilled",e.ContainerCannotRun="ContainerCannotRun",e.DeadlineExceeded="DeadlineExceeded",e.StartError="StartError"}(uo||(uo={})),function(e){e.Running="Running",e.Waiting="Waiting",e.Terminated="Terminated"}(ho||(ho={})),function(e){e.Logs="LOGS",e.Metrics="METRICS",e.Traces="TRACES"}(mo||(mo={})),function(e){e.Logs="logs",e.Metrics="metrics",e.Traces="traces"}(go||(go={}));const yo={[mo.Logs]:go.Logs,[mo.Metrics]:go.Metrics,[mo.Traces]:go.Traces},bo={[go.Logs]:mo.Logs,[go.Metrics]:mo.Metrics,[go.Traces]:mo.Traces},vo=(e,t)=>{let r=e;if(t.namespaces?.length){const e=new Set(t.namespaces.map(({id:e})=>e));r=r.filter(({namespace:t})=>e.has(t))}if(t.kinds?.length){const e=new Set(t.kinds.map(({id:e})=>e));r=r.filter(({kind:t})=>e.has(t))}if(t.languages?.length){const e=new Set(t.languages.map(({id:e})=>e));r=r.filter(({containers:t})=>t?.some(t=>{const r=t.overrides?.runtimeInfo?.language??t.runtimeInfo?.language;return!!r&&e.has(r)}))}if(t.conditions?.length){const e=new Set(t.conditions.map(({id:e})=>e));r=r.filter(({conditions:t})=>t?.some(({type:t,reason:r})=>e.has(`${t}#${r}`)))}if(t.podsAgentInjectionStatus?.length){const e=new Set(t.podsAgentInjectionStatus.map(({id:e})=>e));r=r.filter(({podsAgentInjectionStatus:t})=>e.has(t?.reasonEnum)||e.has(t?.message))}if(t.onlyErrors&&(r=r.filter(e=>e.conditions?.some(e=>e.status===Gr.Error))),t.errors?.length){const e=new Set(t.errors.map(({id:e})=>e));r=r.filter(t=>t.conditions?.some(t=>e.has(t.message)))}return r},$o="https://docs.odigos.io",wo="default",So="this-cluster",ko="This Cluster",Co={SELECTED_DATA_STREAM:"SELECTED_DATA_STREAM",SELECTED_DATA_STREAM_WITH_PROXY:e=>`SELECTED_DATA_STREAM_${e}`,OVERVIEW_FILTERS:"OVERVIEW_FILTERS",DARK_MODE:"DARK_MODE"},Eo={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)'},Ao={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",SOURCES_SETUP:"Sources setup",DESTINATIONS_SETUP:"Destinations setup",SUMMARY:"Summary",REVIEW_SETUP:"Review your setup and confirm your choices.",NO_SOURCES_SELECTED:"No sources selected",ADD_SOURCE_PROMPT:"Add at least one source to start collecting data",NO_DESTINATIONS_SELECTED:"No destinations selected",ADD_DESTINATION_PROMPT:"Add destination so your data has somewhere to go",GET_STARTED_WITH:"Get started with",GET_STARTED_DESCRIPTION:"First, select the sources you want Odigos to monitor. Next, choose where your data should be sent by configuring destinations.",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:"Instrument entire namespace",FUTURE_APPS_DESCRIPTION:"When enabled, all applications in the namespace and new applications will be instrumented automatically and included in the current data stream using a Namespace Source.",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",ROLLBACK_OCCURRED_MESSAGE:"Odigos detected a crash and rolled back instrumentation to protect your workload.",ROLLBACK_RECOVER:"Recover",FETCHING_NAMESPACES:"Fetching namespaces",FETCHING_NAMESPACES_SUBTITLE:"Please wait while we fetch the namespaces",ADD_SOURCES_DESCRIPTION:"Choose which sources to monitor in your pipeline.",CREATING_SOURCES:"Creating Sources...",CREATING_SOURCES_SUBTITLE:"This may take a few moments while sources are being created.",SELECT_NAMESPACE:"Select namespace from the list",SELECT_NAMESPACE_SUBTITLE:"Add namespace so you can select workloads from it.",CREATING_ACTION:"Creating action",CREATING_ACTION_SUBTITLE:"Please wait while we create the action",ADD_ACTION_DESCRIPTION:"Select an action to modify telemetry data before it's sent to destinations. Choose an action type and configure its details.",CREATING_INSTRUMENTATION_RULE:"Creating instrumentation rule",CREATING_INSTRUMENTATION_RULE_SUBTITLE:"Please wait while we create the instrumentation rule",ADD_INSTRUMENTATION_RULE_DESCRIPTION:"Define how telemetry is recorded from your application. Choose a rule type and configure the details.",CREATING_DESTINATION:"Creating destination",CREATING_DESTINATION_SUBTITLE:"Please wait while we create the destination",ADD_DESTINATION_DRAWER_DESCRIPTION:"Add backend destination you want to connect with Odigos."},Do={GET_STARTED:"Get started",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"},To=(e,t)=>t?e.filter(e=>e.dataStreamNames.includes(t)||t===wo&&!e.dataStreamNames.length):[],Io=(e,t="",r={})=>{for(const o in e)if(e.hasOwnProperty(o)){const n=e[o],i=t?`${t}.${o}`:o;null===n||"object"!=typeof n||Array.isArray(n)?Array.isArray(n)?n.forEach((e,t)=>{const o=`${i}[${t}]`;null!==e&&"object"==typeof e?Io(e,o,r):r[o]=e}):r[i]=n:Io(n,i,r)}return r},No=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]}`},Ro=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`}},Oo=()=>{const e=crypto.getRandomValues(new Uint8Array(16));let t=0;return"10000000-1000-4000-8000-100000000000".replace(/[018]/g,r=>{const o=e[t%16];t++;return("1"===r?o:"0"===r?63&o|128:15&o|64).toString(16)})},_o=e=>{const t=e?.toLowerCase(),r=t?.includes(Ar.Samplers),o=t===Ar.Attributes;if(r)return l;if(o)return c;return{[Dr.K8sAttributes]:m,[Dr.AddClusterInfo]:h,[Dr.DeleteAttributes]:u,[Dr.PiiMasking]:c,[Dr.RenameAttributes]:p,[Dr.URLTemplatization]:d,[Dr.ErrorSampler]:l,[Dr.ProbabilisticSampler]:l,[Dr.LatencySampler]:l,[Dr.ServiceNameSampler]:l,[Dr.SpanAttributeSampler]:l}[e]||g},Fo=e=>{const t=e?.filter(({status:e})=>e===Gr.Error),r=e?.filter(({status:e})=>e===Gr.Warning),o=e?.filter(({status:e})=>e===Kr.Disabled),n=e?.filter(({status:e})=>e===Kr.Loading),i=t.length>0,a=r.length>0,s=o.length>0;return{errors:t,hasErrors:i,warnings:r,hasWarnings:a,disableds:o,hasDisableds:s,loadings:n,hasLoadings:n.length>0,priorotizedStatus:i?Gr.Error:a?Gr.Warning:s?Gr.Info:void 0}},Po=e=>{const t=e?.reduce((e,t)=>t.agentEnabled?.agentEnabled?e+1:e,0);return`${t}/${e?.length||0} instrumented`},Lo=e=>({[Br.Java]:R,[Br.Go]:N,[Br.JavaScript]:I,[Br.Python]:T,[Br.DotNet]:D,[Br.CSharp]:A,[Br.CPlusPlus]:E,[Br.Php]:C,[Br.Ruby]:k,[Br.Rust]:S,[Br.Swift]:w,[Br.Elixir]:$,[Br.MySql]:v,[Br.Nginx]:b,[Br.Postgres]:y,[Br.Redis]:x,[Br.Kafka]:f,[Br.Ignored]:g,[Br.Unknown]:g,[Br.Processing]:g,[Br.NoContainers]:g,[Br.NoRunningPods]:g}[e]||g),zo=e=>e?.map(e=>{return Lo((t=e,t.overrides?.runtimeInfo?.language??t.runtimeInfo?.language??"unknown"));var t})||[],Mo=e=>e?.map(e=>Lo(e))||[],Bo=e=>e.detectedLanguages?.length?Mo(e.detectedLanguages):zo(e.containers),Uo=(e,t)=>{const r={[eo.Alauda]:Pe,[eo.AlibabaCloud]:Fe,[eo.AppDynamics]:_e,[eo.Axiom]:Oe,[eo.AzureBlob]:Re,[eo.AzureMonitor]:Ne,[eo.BetterStack]:Ie,[eo.Bonree]:Te,[eo.Causely]:De,[eo.Checkly]:Ae,[eo.Chronosphere]:Ee,[eo.ClickHouse]:Ce,[eo.CloudWatch]:ke,[eo.Coralogix]:Se,[eo.Dash0]:we,[eo.Datadog]:$e,[eo.Dynamic]:q,[eo.Dynatrace]:ve,[eo.ElasticApm]:be,[eo.ElasticSearch]:ye,[eo.GoogleCloud]:xe,[eo.GoogleCloudOTLP]:xe,[eo.GrafanaCloudLoki]:fe,[eo.GrafanaCloudPrometheus]:fe,[eo.GrafanaCloudTempo]:fe,[eo.Greptime]:ge,[eo.Groundcover]:me,[eo.Honeycomb]:he,[eo.HyperDX]:ue,[eo.Instana]:pe,[eo.Jaeger]:de,[eo.Kafka]:f,[eo.Kloudmate]:ce,[eo.Last9]:le,[eo.Lightstep]:se,[eo.LogzIo]:ae,[eo.Loki]:ie,[eo.Lumigo]:ne,[eo.Middleware]:oe,[eo.NewRelic]:re,[eo.Observe]:te,[eo.Odigos]:ee,[eo.OneUptime]:Z,[eo.OpenObserve]:Q,[eo.Opsverse]:Y,[eo.Oracle]:J,[eo.OTLP]:q,[eo.OTLPHttp]:q,[eo.Prometheus]:K,[eo.Qryn]:V,[eo.QrynOss]:G,[eo.Quickwit]:X,[eo.S3]:H,[eo.Seq]:W,[eo.Signalfx]:U,[eo.Signoz]:j,[eo.Splunk]:U,[eo.SplunkSapm]:U,[eo.SplunkOtlp]:U,[eo.SumoLogic]:B,[eo.TelemetryHub]:M,[eo.Tempo]:z,[eo.Tingyun]:L,[eo.Traceloop]:P,[eo.Uptrace]:F,[eo.VictoriaMetrics]:_,[eo.VictoriaMetricsCloud]:_,[eo.XRay]:O}[e];return r&&!t?{icon:r}:{iconSrc:`https://d15jtxgb40qetw.cloudfront.net/${e}.svg`}},jo=e=>({[jr.Namespace]:Ue,[jr.Source]:Be,[jr.Destination]:Me,[jr.Action]:d,[jr.InstrumentationRule]:ze,[jr.SamplingRule]:Le}[e]),Wo=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,Ho=e=>e?"string"==typeof e?e:`${e.namespace}/${e.kind}/${e.name}`:"",Xo=e=>Ho(Wo(e)),Go=(e,t,r)=>{const{extended:o,prioritizeDisplayName:n}=r||{};let i="",a="";switch(t){case jr.InstrumentationRule:const t=e;i=t.type,a=t.ruleName;break;case jr.Source:const r=e;i=r.name,a=r.otelServiceName;break;case jr.Action:const o=e;i=o.type,a=o.name;break;case jr.Destination:const n=e;i=n.destinationType.displayName,a=n.name;break;case jr.Namespace:const s=e;i=s.name,a=s.name}return o?i+(a&&a!==i?` (${a})`:""):n&&a||i},Vo=(e,t)=>{if(t===jr.Source){const t={namespace:"",name:"",kind:""};return e.split("&").forEach(e=>{const[r,o]=e.split("=");t[r]=o}),t}return e},Ko=e=>({[no.CodeAttributes]:Xe,[no.CustomInstrumentation]:He,[no.HeadersCollection]:We,[no.PayloadCollection]:je,[no.UnknownType]:g}[e]||g),qo=e=>e.overrides?.runtimeInfo?.language??e.runtimeInfo?.language??Br.Unknown,Jo=e=>{const{numberOfInstances:t,containers:r}=e;if(!r)return t&&t>0?Br.Processing:Br.NoRunningPods;const o=r?.filter(e=>qo(e)!==Br.Ignored);if(!o.length)return Br.NoContainers;const n=o.find(e=>qo(e)!==Br.Unknown);return n?qo(n):Br.Unknown},Yo=(e,t,r)=>(t===jr.Source?e?.sources.find(e=>e.kind===r.kind&&e.name===r.name&&e.namespace===r.namespace):e?.destinations.find(e=>e.id===r))||{throughput:0},Qo=e=>({[mo.Logs]:Ke,[mo.Metrics]:Ve,[mo.Traces]:Ge}[e]),Zo=e=>{if(!e)return ee;return{[zr.K8s]:m,[zr.Vm]:qe}[e]},en=e=>{if(!e)return"Unknown";return{[zr.K8s]:"Kubernetes Cluster",[zr.Vm]:"Virtual Machine"}[e]},tn=(e,t,r)=>{const o=e[t];return o?o.flatMap(e=>{const o=e[r],n=[];return void 0!==o&&(Array.isArray(o)?n.push(...o):n.push(o)),n.push(...tn(e,t,r)),n}):[]},rn=(e,t)=>{if(t===jr.Source){let t="";return Object.entries(e).forEach(([e,r])=>{t+=`${e}=${r}&`}),t.slice(0,-1),t}return e},on=(e,t,r)=>{switch(t){case Gr.Default:return e.v2.colors.purple[r];case Gr.Info:return e.v2.colors.blue[r];case Gr.Error:return e.v2.colors.red[r];case Gr.Warning:return e.v2.colors.yellow[r];case Gr.Success:return e.v2.colors.green[r];case Kr.Loading:case qr.Disabled:case qr.Unknown:return e.v2.colors.silver[r];default:return e.v2.colors.white[500]}},nn=e=>{switch(e){case co.Updating:case po.Pending:case uo.ContainerCreating:case ho.Waiting:return Gr.Info;case co.Healthy:case po.Succeeded:case po.Running:case uo.Running:case ho.Running:return Gr.Success;case co.Degraded:return Gr.Warning;case co.Failed:case po.Failed:case uo.Error:case uo.CrashLoopBackOff:case uo.CreateContainerError:case uo.CreateContainerConfigError:case uo.ErrImagePull:case uo.ErrImageNeverPull:case uo.ImagePullBackOff:case uo.InvalidImageName:case uo.RegistryUnavailable:case uo.NetworkNotReady:case uo.OOMKilled:case uo.ContainerCannotRun:case ho.Terminated:case uo.DeadlineExceeded:case uo.StartError:return Gr.Error;case co.Down:case uo.Completed:return qr.Disabled;case co.Unknown:case po.Unknown:default:return qr.Unknown}};var an,sn;!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"}(an||(an={})),function(e){e.XXXS="xxxs",e.XXS="xxs",e.XS="xs",e.S="s",e.M="m",e.L="l",e.XL="xl",e.XXL="xxl",e.XXXL="xxxl"}(sn||(sn={}));const ln=o.p`
|
|
1
|
+
import{jsx as e,jsxs as t,Fragment as r}from"react/jsx-runtime";import o,{css as n,useTheme as i,keyframes as a,ThemeProvider as s}from"styled-components";import{SamplerIcon as l,PiiMaskingIcon as c,ActionIcon as d,RenameAttributeIcon as p,DeleteAttributeIcon as u,AddClusterInfoIcon as h,K8sLogo as m,ImageErrorIcon as g,KafkaLogo as f,RedisLogo as y,PostgresLogo as x,NginxLogo as b,MysqlLogo as v,ElixirLogo as $,SwiftLogo as w,RustLogo as S,RubyLogo as k,PhpLogo as C,CPlusPlusLogo as E,CSharpLogo as A,DotnetLogo as D,PythonLogo as T,NodejsLogo as I,GoLogo as N,JavaLogo as R,AwsXrayLogo as O,VictoriaMetricsLogo as _,UptraceLogo as F,TraceloopLogo as P,TingyunLogo as L,TempoLogo as z,TelemetryHubLogo as M,SumoLogicLogo as B,SplunkLogo as U,SignozLogo as j,SeqLogo as W,AwsS3Logo as H,QuickwitLogo as X,GigapipeLogo as G,QrynLogo as V,PrometheusLogo as K,OpenTelemetryLogo as q,OracleLogo as J,OpsVerseLogo as Y,OpenObserveLogo as Q,OneUptimeLogo as Z,OdigosLogo as ee,ObserveLogo as te,NewRelicLogo as re,MiddlewareLogo as oe,LumigoLogo as ne,LokiLogo as ie,LogzioLogo as ae,LightstepLogo as se,Last9Logo as le,KloudmateLogo as ce,JaegerLogo as de,InstanaLogo as pe,HyperDxLogo as ue,HoneycombLogo as he,GroundcoverLogo as me,GreptimeLogo as ge,GrafanaLogo as fe,GoogleCloudPlatformLogo as ye,ElasticSearchLogo as xe,ElasticApmLogo as be,DynatraceLogo as ve,DatadogLogo as $e,Dash0Logo as we,CoralogixLogo as Se,AwsCloudwatchLogo as ke,ClickhouseLogo as Ce,ChronosphereLogo as Ee,ChecklyLogo as Ae,CauselyLogo as De,BonreeLogo as Te,BetterStackLogo as Ie,AzureMonitorLogo as Ne,AzureBlobLogo as Re,AxiomLogo as Oe,AppDynamicsLogo as _e,AlibabaCloudLogo as Fe,AlaudaLogo as Pe,SamplingIcon as Le,InstrumentationRuleIcon as ze,DestinationIcon as Me,SourceIcon as Be,NamespacesIcon as Ue,PayloadCollectionIcon as je,HeadersCollectionIcon as We,CustomInstrumentationIcon as He,CodeAttributesIcon as Xe,TracesIcon as Ge,MetricsIcon as Ve,LogsIcon as Ke,VmLogo as qe,DotsHorizontalIcon as Je,QuestionCircleIcon as Ye,XSquareIcon as Qe,VSquareIcon as Ze,ExclamationTriangleIcon as et,ExclamationCircleIcon as tt,ISquareIcon as rt,AwsLogo as ot,AwsSecretsManagerLogo as nt,AwsStepFunctionsLogo as it,AwsEventBridgeLogo as at,AwsBedrockLogo as st,AwsApiGatewayLogo as lt,AwsEc2Logo as ct,AwsKinesisLogo as dt,AwsLambdaLogo as pt,AwsSnsLogo as ut,AwsSqsLogo as ht,AwsDynamoDbLogo as mt,AwsStsLogo as gt,VIcon as ft,CopyIcon as yt,XIcon as xt,MinusIcon as bt,ListIcon as vt,CodeIcon as $t,ExtendArrowIcon as wt,PlusIcon as St,EditIcon as kt,NoDataIcon as Ct,RefreshIcon as Et,EyeClosedIcon as At,EyeOpenIcon as Dt,SearchIcon as Tt,TrashIcon as It,EditedIcon as Nt,SortArrowsIcon as Rt,NotebookIcon as Ot,ChevronUpIcon as _t,ChevronDownIcon as Ft,ArrowIcon as Pt,DotsVerticalIcon as Lt,DotIcon as zt,FilterIcon as Mt}from"../icons.js";import{create as Bt}from"zustand";import{forwardRef as Ut,Fragment as jt,useState as Wt,useEffect as Ht,useMemo as Xt,useRef as Gt,useCallback as Vt,useContext as Kt,createContext as qt,memo as Jt,useLayoutEffect as Yt}from"react";import Qt from"javascript-time-ago";import{p as Zt,c as er,s as tr,l as rr}from"./vendor-C150cdxb.js";import{Handle as or,Position as nr,ReactFlowProvider as ir,ReactFlow as ar,Controls as sr,ControlButton as lr,useReactFlow as cr}from"@xyflow/react";import dr,{createPortal as pr}from"react-dom";import{Highlight as ur,themes as hr}from"prism-react-renderer";import{ErrorBoundary as mr}from"react-error-boundary";import gr from"lottie-react";import{VList as fr}from"virtua";const yr=e=>e.charAt(0).toUpperCase()+e.slice(1),xr=e=>{const t=e=>e.filter(e=>"object"==typeof e&&null!==e?""!==e.key&&""!==e.value:""!==e),r=e=>Object.fromEntries(Object.entries(e).filter(([e,t])=>""!==e&&""!==t).map(([e,o])=>Array.isArray(o)?[e,t(o)]:"object"==typeof o&&null!==o?[e,r(o)]:[e,o]));return Object.entries(e).reduce((e,[o,n])=>{try{const i=JSON.parse(n);Array.isArray(i)?e[o]=JSON.stringify(t(i)):e[o]="object"==typeof i&&null!==i?JSON.stringify(r(i)):n}catch(i){"object"==typeof n&&null!==n?Array.isArray(n)?e[o]=JSON.stringify(t(n)):e[o]=JSON.stringify(r(n)):e[o]=n}return e},{})};var br;!function(e){e.SIGNALS="SIGNALS"}(br||(br={}));const vr=(e,t,r)=>{if(!e||!e.length)return!0;if(1===e.length)return"true"==e[0];const[o,n,i]=e;if(o===br.SIGNALS)switch(n){case"INCLUDES":return t?.includes(i);case"EXCLUDES":return!t?.includes(i);default:return!0}const a=r.find(e=>e.name===o||e.key===o);if(!a)return!1;const s=null==a.value?"":String(a.value);switch(n){case"===":case"==":return s===i;case"!==":case"!=":return s!==i;case">":return Number(s)>Number(i);case"<":return Number(s)<Number(i);case">=":return Number(s)>=Number(i);case"<=":return Number(s)<=Number(i);default:return!0}},$r=e=>JSON.parse(JSON.stringify(e)),wr=(e,t)=>t.split(".").reduce((e,t)=>e?.[t],e),Sr=(e,t,r)=>{const o=t.split(".");let n=e;for(let e=0;e<o.length-1;e++)o[e]in n&&"object"==typeof n[o[e]]||(n[o[e]]={}),n=n[o[e]];n[o[o.length-1]]=r},kr=(e,t)=>{let r=[...e];return t.monitors?.length&&(r=r.filter(e=>!!t.monitors?.find(t=>e.signals?.find(e=>e.toLowerCase()===t.id)))),r},Cr=(e,t)=>{let r=[...e];return t.monitors?.length&&(r=r.filter(e=>!!t.monitors?.find(t=>e.exportedSignals[t.id]))),r},Er=(e,t)=>t?e.filter(e=>e.dataStreamNames.includes(t)||!e.dataStreamNames.length):[];var Ar,Dr,Tr,Ir,Nr,Rr,Or,_r,Fr,Pr,Lr,zr,Mr,Br,Ur,jr,Wr,Hr,Xr,Gr,Vr,Kr,qr,Jr,Yr,Qr,Zr,eo,to,ro,oo,no,io,ao,so,lo,co,po,uo,ho,mo,go;!function(e){e.Attributes="attributes",e.Samplers="samplers"}(Ar||(Ar={})),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",e.URLTemplatization="URLTemplatization"}(Dr||(Dr={})),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",e.UrlTemplatizationRulesGroups="urlTemplatizationRulesGroups"}(Tr||(Tr={})),function(e){e.Pod="pod",e.Namespace="namespace",e.Node="node"}(Ir||(Ir={})),function(e){e.EXISTS="exists",e.EQUALS="equals",e.NOT_EQUALS="not_equals",e.CONTAINS="contains",e.NOT_CONTAINS="not_contains",e.REGEX="regex"}(Nr||(Nr={})),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"}(Rr||(Rr={})),function(e){e.EXISTS="exists",e.EQUALS="equals"}(Or||(Or={})),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"}(_r||(_r={})),function(e){e.Horizontal="horizontal",e.Vertical="vertical"}(Fr||(Fr={})),function(e){e.Ascending="ascending",e.Descending="descending"}(Pr||(Pr={})),function(e){e.Community="community",e.Onprem="onprem"}(Lr||(Lr={})),function(e){e.K8s="k8s",e.Vm="vm"}(zr||(zr={})),function(e){e.Cli="odigos-cli",e.Helm="helm",e.Operator="odigos-operator"}(Mr||(Mr={})),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"}(Br||(Br={})),function(e){e.Create="Create",e.Read="Read",e.Update="Update",e.Delete="Delete"}(Ur||(Ur={})),function(e){e.Namespace="Namespace",e.Source="Source",e.Destination="Destination",e.Action="Action",e.InstrumentationRule="InstrumentationRule",e.SamplingRule="SamplingRule"}(jr||(jr={})),function(e){e.DataStream="DataStream"}(Wr||(Wr={})),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",e.Time="time"}(Hr||(Hr={})),function(e){e.Text="text",e.Password="password",e.Number="number"}(Xr||(Xr={})),function(e){e.Warning="warning",e.Error="error",e.Success="success",e.Info="info",e.Default="default"}(Gr||(Gr={})),function(e){e.INSTRUMENTED="Instrumented",e.INSTRUMENTING="Instrumenting",e.UNINSTRUMENTED="Uninstrumented",e.NOT_INSTRUMENTED="Not Instrumented"}(Vr||(Vr={})),function(e){e.Loading="loading",e.Disabled="disabled"}(Kr||(Kr={})),function(e){e.Disabled="disabled",e.Unknown="unknown"}(qr||(qr={})),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"}(Jr||(Jr={})),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"}(Yr||(Yr={})),function(e){e.Labeled="labeled"}(Qr||(Qr={})),function(e){e.AddRule="addRule",e.AddSource="addSource",e.AddAction="addAction",e.AddDestination="addDestination"}(Zr||(Zr={})),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.Signalfx="signalfx",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"}(eo||(eo={})),function(e){e.Deployment="Deployment",e.DaemonSet="DaemonSet",e.StatefulSet="StatefulSet",e.CronJob="CronJob",e.Pod="Pod",e.StaticPod="StaticPod",e.Rollout="Rollout",e.ConfigMap="ConfigMap",e.DeploymentConfig="DeploymentConfig"}(to||(to={})),function(e){e.GolangCommunity="golang-community",e.NodejsCommunity="nodejs-community",e.PythonCommunity="python-community",e.JavaCommunity="java-community",e.DotNetCommunity="dotnet-community",e.RubyCommunity="ruby-community",e.PhpCommunity="php-community",e.GolangEnterprise="golang-enterprise",e.NodejsEnterprise="nodejs-enterprise",e.PythonEnterprise="python-enterprise",e.JavaEnterprise="java-enterprise",e.JavaEbpfInstrumentations="java-ebpf-instrumentations",e.OpentelemetryEbpfInstrumentation="opentelemetry-ebpf-instrumentation",e.DotNetLegacy="dotnet-legacy",e.DotNetEnterprise="dotnet-enterprise",e.RubyEnterprise="ruby-enterprise",e.CPlusPlusEnterprise="cplusplus-enterprise",e.MySqlEnterprise="mysql-enterprise"}(ro||(ro={})),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"}(oo||(oo={})),function(e){e.CodeAttributes="CodeAttributes",e.HeadersCollection="HeadersCollection",e.PayloadCollection="PayloadCollection",e.CustomInstrumentation="CustomInstrumentation",e.UnknownType="UnknownType"}(no||(no={})),function(e){e.Column="column",e.FilePath="filePath",e.Function="function",e.LineNumber="lineNumber",e.Namespace="namespace",e.StackTrace="stacktrace"}(io||(io={})),function(e){e.HeaderKeys="headerKeys"}(ao||(ao={})),function(e){e.Java="java",e.Golang="golang"}(so||(so={}));class fo{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 yo{packageName;functionName;receiverName;receiverMethodName;constructor(e,t,r,o){this.packageName=e,this.functionName=t||"",this.receiverName=r||"",this.receiverMethodName=o||""}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"}(lo||(lo={})),function(e){e.Healthy="Healthy",e.Updating="Updating",e.Degraded="Degraded",e.Failed="Failed",e.Down="Down",e.Unknown="Unknown"}(co||(co={})),function(e){e.Pending="Pending",e.Running="Running",e.Succeeded="Succeeded",e.Failed="Failed",e.Unknown="Unknown"}(po||(po={})),function(e){e.ContainerCreating="ContainerCreating",e.CrashLoopBackOff="CrashLoopBackOff",e.CreateContainerError="CreateContainerError",e.CreateContainerConfigError="CreateContainerConfigError",e.ErrImagePull="ErrImagePull",e.ErrImageNeverPull="ErrImageNeverPull",e.ImagePullBackOff="ImagePullBackOff",e.InvalidImageName="InvalidImageName",e.RegistryUnavailable="RegistryUnavailable",e.NetworkNotReady="NetworkNotReady",e.Running="Running",e.Completed="Completed",e.Error="Error",e.OOMKilled="OOMKilled",e.ContainerCannotRun="ContainerCannotRun",e.DeadlineExceeded="DeadlineExceeded",e.StartError="StartError"}(uo||(uo={})),function(e){e.Running="Running",e.Waiting="Waiting",e.Terminated="Terminated"}(ho||(ho={})),function(e){e.Logs="LOGS",e.Metrics="METRICS",e.Traces="TRACES"}(mo||(mo={})),function(e){e.Logs="logs",e.Metrics="metrics",e.Traces="traces"}(go||(go={}));const xo={[mo.Logs]:go.Logs,[mo.Metrics]:go.Metrics,[mo.Traces]:go.Traces},bo={[go.Logs]:mo.Logs,[go.Metrics]:mo.Metrics,[go.Traces]:mo.Traces},vo=(e,t)=>{let r=e;if(t.namespaces?.length){const e=new Set(t.namespaces.map(({id:e})=>e));r=r.filter(({namespace:t})=>e.has(t))}if(t.kinds?.length){const e=new Set(t.kinds.map(({id:e})=>e));r=r.filter(({kind:t})=>e.has(t))}if(t.languages?.length){const e=new Set(t.languages.map(({id:e})=>e));r=r.filter(({containers:t})=>t?.some(t=>{const r=t.overrides?.runtimeInfo?.language??t.runtimeInfo?.language;return!!r&&e.has(r)}))}if(t.conditions?.length){const e=new Set(t.conditions.map(({id:e})=>e));r=r.filter(({conditions:t})=>t?.some(({type:t,reason:r})=>e.has(`${t}#${r}`)))}if(t.podsAgentInjectionStatus?.length){const e=new Set(t.podsAgentInjectionStatus.map(({id:e})=>e));r=r.filter(({podsAgentInjectionStatus:t})=>e.has(t?.reasonEnum)||e.has(t?.message))}if(t.onlyErrors&&(r=r.filter(e=>e.conditions?.some(e=>e.status===Gr.Error))),t.errors?.length){const e=new Set(t.errors.map(({id:e})=>e));r=r.filter(t=>t.conditions?.some(t=>e.has(t.message)))}return r},$o="https://docs.odigos.io",wo="default",So="this-cluster",ko="This Cluster",Co={SELECTED_DATA_STREAM:"SELECTED_DATA_STREAM",SELECTED_DATA_STREAM_WITH_PROXY:e=>`SELECTED_DATA_STREAM_${e}`,OVERVIEW_FILTERS:"OVERVIEW_FILTERS",DARK_MODE:"DARK_MODE"},Eo={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)'},Ao={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",RENAME_STREAM:e=>`Rename "${e}"`,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}".`,DATA_STREAM_MERGE_WARNING:(e,t)=>e?`A Data Stream named "${t}" already exists. Saving will merge "${e}" into "${t}" - both streams will share the same configuration going forward.`:`A Data Stream named "${t}" already exists. Saving will merge into "${t}" - the new stream will share the existing configuration going forward.`,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",SOURCES_SETUP:"Sources setup",DESTINATIONS_SETUP:"Destinations setup",SUMMARY:"Summary",REVIEW_SETUP:"Review your setup and confirm your choices.",NO_SOURCES_SELECTED:"No sources selected",ADD_SOURCE_PROMPT:"Add at least one source to start collecting data",NO_DESTINATIONS_SELECTED:"No destinations selected",ADD_DESTINATION_PROMPT:"Add destination so your data has somewhere to go",GET_STARTED_WITH:"Get started with",GET_STARTED_DESCRIPTION:"First, select the sources you want Odigos to monitor. Next, choose where your data should be sent by configuring destinations.",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",NO_DATA_INSTRUMENTATION_RULES:"To configure how telemetry is collected",NO_DATA_SOURCES:"To start collecting telemetry from a Kubernetes workload",NO_DATA_ACTIONS:"To process telemetry before export",NO_DATA_DESTINATIONS:"To send telemetry to an observability backend",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:"Instrument entire namespace",FUTURE_APPS_DESCRIPTION:"When enabled, all applications in the namespace and new applications will be instrumented automatically and included in the current data stream using a Namespace Source.",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",ROLLBACK_OCCURRED_MESSAGE:"Odigos detected a crash and rolled back instrumentation to protect your workload.",ROLLBACK_RECOVER:"Recover",FETCHING_NAMESPACES:"Fetching namespaces",FETCHING_NAMESPACES_SUBTITLE:"Please wait while we fetch the namespaces",ADD_SOURCES_DESCRIPTION:"Choose which sources to monitor in your pipeline.",CREATING_SOURCES:"Creating Sources...",CREATING_SOURCES_SUBTITLE:"This may take a few moments while sources are being created.",SELECT_NAMESPACE:"Select namespace from the list",SELECT_NAMESPACE_SUBTITLE:"Add namespace so you can select workloads from it.",CREATING_ACTION:"Creating action",CREATING_ACTION_SUBTITLE:"Please wait while we create the action",ADD_ACTION_DESCRIPTION:"Select an action to modify telemetry data before it's sent to destinations. Choose an action type and configure its details.",CREATING_INSTRUMENTATION_RULE:"Creating instrumentation rule",CREATING_INSTRUMENTATION_RULE_SUBTITLE:"Please wait while we create the instrumentation rule",ADD_INSTRUMENTATION_RULE_DESCRIPTION:"Define how telemetry is recorded from your application. Choose a rule type and configure the details.",CREATING_DESTINATION:"Creating destination",CREATING_DESTINATION_SUBTITLE:"Please wait while we create the destination",ADD_DESTINATION_DRAWER_DESCRIPTION:"Add backend destination you want to connect with Odigos."},Do={GET_STARTED:"Get started",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"},To=(e,t)=>t?e.filter(e=>e.dataStreamNames.includes(t)||t===wo&&!e.dataStreamNames.length):[],Io=(e,t="",r={})=>{for(const o in e)if(e.hasOwnProperty(o)){const n=e[o],i=t?`${t}.${o}`:o;null===n||"object"!=typeof n||Array.isArray(n)?Array.isArray(n)?n.forEach((e,t)=>{const o=`${i}[${t}]`;null!==e&&"object"==typeof e?Io(e,o,r):r[o]=e}):r[i]=n:Io(n,i,r)}return r},No=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]}`},Ro=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`}},Oo=()=>{const e=crypto.getRandomValues(new Uint8Array(16));let t=0;return"10000000-1000-4000-8000-100000000000".replace(/[018]/g,r=>{const o=e[t%16];t++;return("1"===r?o:"0"===r?63&o|128:15&o|64).toString(16)})},_o=e=>{const t=e?.toLowerCase(),r=t?.includes(Ar.Samplers),o=t===Ar.Attributes;if(r)return l;if(o)return c;return{[Dr.K8sAttributes]:m,[Dr.AddClusterInfo]:h,[Dr.DeleteAttributes]:u,[Dr.PiiMasking]:c,[Dr.RenameAttributes]:p,[Dr.URLTemplatization]:d,[Dr.ErrorSampler]:l,[Dr.ProbabilisticSampler]:l,[Dr.LatencySampler]:l,[Dr.ServiceNameSampler]:l,[Dr.SpanAttributeSampler]:l}[e]||g},Fo=e=>{const t=e?.filter(({status:e})=>e===Gr.Error),r=e?.filter(({status:e})=>e===Gr.Warning),o=e?.filter(({status:e})=>e===Kr.Disabled),n=e?.filter(({status:e})=>e===Kr.Loading),i=t.length>0,a=r.length>0,s=o.length>0;return{errors:t,hasErrors:i,warnings:r,hasWarnings:a,disableds:o,hasDisableds:s,loadings:n,hasLoadings:n.length>0,priorotizedStatus:i?Gr.Error:a?Gr.Warning:s?Gr.Info:void 0}},Po=e=>{const t=e?.reduce((e,t)=>t.agentEnabled?.agentEnabled?e+1:e,0);return`${t}/${e?.length||0} instrumented`},Lo=e=>({[Br.Java]:R,[Br.Go]:N,[Br.JavaScript]:I,[Br.Python]:T,[Br.DotNet]:D,[Br.CSharp]:A,[Br.CPlusPlus]:E,[Br.Php]:C,[Br.Ruby]:k,[Br.Rust]:S,[Br.Swift]:w,[Br.Elixir]:$,[Br.MySql]:v,[Br.Nginx]:b,[Br.Postgres]:x,[Br.Redis]:y,[Br.Kafka]:f,[Br.Ignored]:g,[Br.Unknown]:g,[Br.Processing]:g,[Br.NoContainers]:g,[Br.NoRunningPods]:g}[e]||g),zo=e=>e?.map(e=>{return Lo((t=e,t.overrides?.runtimeInfo?.language??t.runtimeInfo?.language??"unknown"));var t})||[],Mo=e=>e?.map(e=>Lo(e))||[],Bo=e=>e.detectedLanguages?.length?Mo(e.detectedLanguages):zo(e.containers),Uo=(e,t)=>{const r={[eo.Alauda]:Pe,[eo.AlibabaCloud]:Fe,[eo.AppDynamics]:_e,[eo.Axiom]:Oe,[eo.AzureBlob]:Re,[eo.AzureMonitor]:Ne,[eo.BetterStack]:Ie,[eo.Bonree]:Te,[eo.Causely]:De,[eo.Checkly]:Ae,[eo.Chronosphere]:Ee,[eo.ClickHouse]:Ce,[eo.CloudWatch]:ke,[eo.Coralogix]:Se,[eo.Dash0]:we,[eo.Datadog]:$e,[eo.Dynamic]:q,[eo.Dynatrace]:ve,[eo.ElasticApm]:be,[eo.ElasticSearch]:xe,[eo.GoogleCloud]:ye,[eo.GoogleCloudOTLP]:ye,[eo.GrafanaCloudLoki]:fe,[eo.GrafanaCloudPrometheus]:fe,[eo.GrafanaCloudTempo]:fe,[eo.Greptime]:ge,[eo.Groundcover]:me,[eo.Honeycomb]:he,[eo.HyperDX]:ue,[eo.Instana]:pe,[eo.Jaeger]:de,[eo.Kafka]:f,[eo.Kloudmate]:ce,[eo.Last9]:le,[eo.Lightstep]:se,[eo.LogzIo]:ae,[eo.Loki]:ie,[eo.Lumigo]:ne,[eo.Middleware]:oe,[eo.NewRelic]:re,[eo.Observe]:te,[eo.Odigos]:ee,[eo.OneUptime]:Z,[eo.OpenObserve]:Q,[eo.Opsverse]:Y,[eo.Oracle]:J,[eo.OTLP]:q,[eo.OTLPHttp]:q,[eo.Prometheus]:K,[eo.Qryn]:V,[eo.QrynOss]:G,[eo.Quickwit]:X,[eo.S3]:H,[eo.Seq]:W,[eo.Signalfx]:U,[eo.Signoz]:j,[eo.Splunk]:U,[eo.SplunkSapm]:U,[eo.SplunkOtlp]:U,[eo.SumoLogic]:B,[eo.TelemetryHub]:M,[eo.Tempo]:z,[eo.Tingyun]:L,[eo.Traceloop]:P,[eo.Uptrace]:F,[eo.VictoriaMetrics]:_,[eo.VictoriaMetricsCloud]:_,[eo.XRay]:O}[e];return r&&!t?{icon:r}:{iconSrc:`https://d15jtxgb40qetw.cloudfront.net/${e}.svg`}},jo=e=>({[jr.Namespace]:Ue,[jr.Source]:Be,[jr.Destination]:Me,[jr.Action]:d,[jr.InstrumentationRule]:ze,[jr.SamplingRule]:Le}[e]),Wo=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,Ho=e=>e?"string"==typeof e?e:`${e.namespace}/${e.kind}/${e.name}`:"",Xo=e=>Ho(Wo(e)),Go=(e,t,r)=>{const{extended:o,prioritizeDisplayName:n}=r||{};let i="",a="";switch(t){case jr.InstrumentationRule:const t=e;i=t.type,a=t.ruleName;break;case jr.Source:const r=e;i=r.name,a=r.otelServiceName;break;case jr.Action:const o=e;i=o.type,a=o.name;break;case jr.Destination:const n=e;i=n.destinationType.displayName,a=n.name;break;case jr.Namespace:const s=e;i=s.name,a=s.name}return o?i+(a&&a!==i?` (${a})`:""):n&&a||i},Vo=(e,t)=>{if(t===jr.Source){const t={namespace:"",name:"",kind:""};return e.split("&").forEach(e=>{const[r,o]=e.split("=");t[r]=o}),t}return e},Ko=e=>({[no.CodeAttributes]:Xe,[no.CustomInstrumentation]:He,[no.HeadersCollection]:We,[no.PayloadCollection]:je,[no.UnknownType]:g}[e]||g),qo=e=>e.overrides?.runtimeInfo?.language??e.runtimeInfo?.language??Br.Unknown,Jo=e=>{const{numberOfInstances:t,containers:r}=e;if(!r)return t&&t>0?Br.Processing:Br.NoRunningPods;const o=r?.filter(e=>qo(e)!==Br.Ignored);if(!o.length)return Br.NoContainers;const n=o.find(e=>qo(e)!==Br.Unknown);return n?qo(n):Br.Unknown},Yo=(e,t,r)=>(t===jr.Source?e?.sources.find(e=>e.kind===r.kind&&e.name===r.name&&e.namespace===r.namespace):e?.destinations.find(e=>e.id===r))||{throughput:0},Qo=e=>({[mo.Logs]:Ke,[mo.Metrics]:Ve,[mo.Traces]:Ge}[e]),Zo=e=>{if(!e)return ee;return{[zr.K8s]:m,[zr.Vm]:qe}[e]},en=e=>{if(!e)return"Unknown";return{[zr.K8s]:"Kubernetes Cluster",[zr.Vm]:"Virtual Machine"}[e]},tn=(e,t,r)=>{const o=e[t];return o?o.flatMap(e=>{const o=e[r],n=[];return void 0!==o&&(Array.isArray(o)?n.push(...o):n.push(o)),n.push(...tn(e,t,r)),n}):[]},rn=(e,t)=>{if(t===jr.Source){let t="";return Object.entries(e).forEach(([e,r])=>{t+=`${e}=${r}&`}),t.slice(0,-1),t}return e},on=(e,t,r)=>{switch(t){case Gr.Default:return e.v2.colors.purple[r];case Gr.Info:return e.v2.colors.blue[r];case Gr.Error:return e.v2.colors.red[r];case Gr.Warning:return e.v2.colors.yellow[r];case Gr.Success:return e.v2.colors.green[r];case Kr.Loading:case qr.Disabled:case qr.Unknown:return e.v2.colors.silver[r];default:return e.v2.colors.white[500]}},nn=e=>{switch(e){case co.Updating:case po.Pending:case uo.ContainerCreating:case ho.Waiting:return Gr.Info;case co.Healthy:case po.Succeeded:case po.Running:case uo.Running:case ho.Running:return Gr.Success;case co.Degraded:return Gr.Warning;case co.Failed:case po.Failed:case uo.Error:case uo.CrashLoopBackOff:case uo.CreateContainerError:case uo.CreateContainerConfigError:case uo.ErrImagePull:case uo.ErrImageNeverPull:case uo.ImagePullBackOff:case uo.InvalidImageName:case uo.RegistryUnavailable:case uo.NetworkNotReady:case uo.OOMKilled:case uo.ContainerCannotRun:case ho.Terminated:case uo.DeadlineExceeded:case uo.StartError:return Gr.Error;case co.Down:case uo.Completed:return qr.Disabled;case co.Unknown:case po.Unknown:default:return qr.Unknown}};var an,sn,ln;!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"}(an||(an={})),function(e){e.XXXS="xxxs",e.XXS="xxs",e.XS="xs",e.S="s",e.M="m",e.L="l",e.XL="xl",e.XXL="xxl",e.XXXL="xxxl"}(sn||(sn={})),function(e){e.Primary="primary",e.Secondary="secondary",e.Tertiary="tertiary",e.Disable="disable",e.Error="error",e.Mandatory="mandatory",e.Link="link",e.Success="success"}(ln||(ln={}));const cn=new Set(Object.values(ln)),dn=(e,t)=>{if("string"!=typeof(r=t)||!cn.has(r))return t;var r;switch(t){case ln.Primary:return e.v2.colors.white[500];case ln.Secondary:return e.v2.colors.silver[200];case ln.Tertiary:return e.v2.colors.black[500];case ln.Disable:return e.v2.colors.grey[400];case ln.Error:return e.v2.colors.red[500];case ln.Mandatory:return e.v2.colors.red[600];case ln.Link:return e.v2.colors.purple[400];case ln.Success:return e.v2.colors.green[400];default:return}},pn=o.p`
|
|
2
2
|
margin: 0;
|
|
3
|
-
color: ${({$color:e,theme:t})=>e||t.v2.colors.grey[50]};
|
|
3
|
+
color: ${({$color:e,theme:t})=>dn(t,e)||t.v2.colors.grey[50]};
|
|
4
4
|
font-family: ${({theme:e})=>e.font_family.primary};
|
|
5
5
|
font-size: ${({theme:e,$size:t})=>e.v2.text.size[t]}px;
|
|
6
6
|
font-weight: ${({$weight:e})=>e};
|
|
@@ -26,11 +26,11 @@ import{jsx as e,jsxs as t,Fragment as r}from"react/jsx-runtime";import o,{css as
|
|
|
26
26
|
text-decoration: underline;
|
|
27
27
|
}
|
|
28
28
|
`}
|
|
29
|
-
`,
|
|
29
|
+
`,un=Ut(({children:r,variant:o=an.P,color:n,size:i=sn.S,weight:a=400,opacity:s=1,align:l="left",lineHeight:c,transform:d,nowrap:p,underline:u,onClick:h,disabled:m,...g},f)=>{const y=r?.toString().split("\n")||[];return e(pn,{ref:f,as:o,$color:n,$size:i,$weight:a,$opacity:s,$align:l,$lineHeight:c,$transform:d,$nowrap:p,$underline:u,$withClick:!!h&&!m,onClick:m?void 0:h,...g,children:y.map((r,o)=>t(jt,{children:[r,o!==y.length-1&&e("br",{})]},`typography-${o}-${r}`))})});un.displayName="Typography";const hn=o.div`
|
|
30
30
|
border-radius: 100%;
|
|
31
31
|
background-color: ${({theme:e})=>e.v2.colors.silver[700]};
|
|
32
32
|
position: relative;
|
|
33
|
-
`,
|
|
33
|
+
`,mn=o.div`
|
|
34
34
|
width: 80px;
|
|
35
35
|
height: 80px;
|
|
36
36
|
border-radius: 100%;
|
|
@@ -44,12 +44,12 @@ import{jsx as e,jsxs as t,Fragment as r}from"react/jsx-runtime";import o,{css as
|
|
|
44
44
|
transform: rotate(360deg);
|
|
45
45
|
}
|
|
46
46
|
}
|
|
47
|
-
`,
|
|
47
|
+
`,gn=o(un)`
|
|
48
48
|
position: absolute;
|
|
49
49
|
top: 50%;
|
|
50
50
|
left: 50%;
|
|
51
51
|
transform: translate(-50%, -50%);
|
|
52
|
-
`,
|
|
52
|
+
`,fn=({percentage:r})=>t(hn,{children:[e(mn,{}),"number"==typeof r?e(gn,{size:sn.M,weight:500,children:`${r}%`}):null]}),yn={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 xn(e){if("number"==typeof e)return{value:e,unit:"px"};let t;const r=(e.match(/^[0-9.]*/)||"").toString();t=r.includes(".")?parseFloat(r):parseInt(r,10);const o=(e.match(/[^0-9]*$/)||"").toString();return yn[o]?{value:t,unit:o}:{value:t,unit:"px"}}function bn(e){const t=xn(e);return`${t.value}${t.unit}`}const vn=((e,t,r)=>{const o=`react-spinners-${e}-${r}`;if("undefined"==typeof window||!window.document)return o;const n=document.createElement("style");document.head.appendChild(n);const i=n.sheet,a=`\n @keyframes ${o} {\n ${t}\n }\n `;return i&&i.insertRule(a,0),o})("SpinnerOld","50% {opacity: 0.3} 100% {opacity: 1}","fade"),$n=({loading:r=!0,color:o,scale:n=1,speedMultiplier:a=1,cssOverride:s={},style:l={},...c})=>{const d=i(),p=o||d.text.secondary;if(!r)return null;const{value:u}=xn(2),h=u+4.2,m=h/2+h/5.5,g=4*h*n,f={position:"relative",width:`${g}px`,height:`${g}px`,scale:n,...l,...s},y=(e,t)=>({position:"absolute",width:bn(1.5),height:bn(4),borderRadius:bn(2),backgroundColor:p,transition:"2s",animationFillMode:"both",animation:`${vn} ${1.2/a}s ${.12*e}s infinite ease-in-out`,transform:`translate(-50%, -50%) rotate(${t}deg)`});return t("span",{style:f,...c,children:[e("span",{style:{...y(1,0),top:`calc(50% + ${h}px)`,left:"50%"}}),e("span",{style:{...y(2,-45),top:`calc(50% + ${m}px)`,left:`calc(50% + ${m}px)`}}),e("span",{style:{...y(3,90),top:"50%",left:`calc(50% + ${h}px)`}}),e("span",{style:{...y(4,45),top:`calc(50% + ${-1*m}px)`,left:`calc(50% + ${m}px)`}}),e("span",{style:{...y(5,0),top:`calc(50% + ${-1*h}px)`,left:"50%"}}),e("span",{style:{...y(6,-45),top:`calc(50% + ${-1*m}px)`,left:`calc(50% + ${-1*m}px)`}}),e("span",{style:{...y(7,90),top:"50%",left:`calc(50% + ${-1*h}px)`}}),e("span",{style:{...y(8,45),top:`calc(50% + ${m}px)`,left:`calc(50% + ${-1*m}px)`}})]})},wn=o.div`
|
|
53
53
|
width: ${({$size:e})=>e}px;
|
|
54
54
|
height: ${({$size:e})=>e}px;
|
|
55
55
|
border-radius: 100%;
|
|
@@ -57,7 +57,7 @@ import{jsx as e,jsxs as t,Fragment as r}from"react/jsx-runtime";import o,{css as
|
|
|
57
57
|
display: flex;
|
|
58
58
|
align-items: center;
|
|
59
59
|
justify-content: center;
|
|
60
|
-
`,
|
|
60
|
+
`,Sn=({scale:t,icon:r})=>{const o=i();return e(wn,{$size:45*t,$color:"rgba(80, 246, 232, 0.10)",children:e(wn,{$size:43*t,$color:"rgba(80, 246, 232, 0.20)",children:e(wn,{$size:39*t,$color:"rgba(80, 246, 232, 0.40)",children:e(wn,{$size:33*t,$color:"rgba(80, 246, 232, 0.60)",children:e(wn,{$size:23*t,$color:"#50F6E8",children:e(r,{size:16*t,fill:o.v2.colors.black[500]})})})})})})},kn=434,Cn=635,En=o.div`
|
|
61
61
|
width: ${434}px;
|
|
62
62
|
height: ${635}px;
|
|
63
63
|
display: flex;
|
|
@@ -67,12 +67,20 @@ import{jsx as e,jsxs as t,Fragment as r}from"react/jsx-runtime";import o,{css as
|
|
|
67
67
|
padding: 16px;
|
|
68
68
|
background: linear-gradient(180deg, #0b0517 2.82%, #190d31 100%);
|
|
69
69
|
position: relative;
|
|
70
|
-
`,
|
|
70
|
+
`,An=o.div`
|
|
71
71
|
position: absolute;
|
|
72
72
|
top: 50%;
|
|
73
73
|
left: 50%;
|
|
74
74
|
transform: translate(-50%, -50%);
|
|
75
|
-
`,
|
|
75
|
+
`,Dn=()=>t(En,{children:[e(An,{children:t("svg",{xmlns:"http://www.w3.org/2000/svg",width:"464",height:"464",viewBox:"0 0 464 464",fill:"none",children:[e("path",{opacity:"0.1",d:"M231.567 463.134C359.458 463.134 463.134 359.458 463.134 231.567C463.134 103.676 359.458 0 231.567 0C103.676 0 0 103.676 0 231.567C0 359.458 103.676 463.134 231.567 463.134Z",fill:"url(#paint0_radial_164_65835)"}),e("defs",{children:t("radialGradient",{id:"paint0_radial_164_65835",cx:"0",cy:"0",r:"1",gradientUnits:"userSpaceOnUse",gradientTransform:"translate(201.232 229.641) scale(231.217)",children:[e("stop",{stopColor:"#7C3BFF",stopOpacity:"0.1"}),e("stop",{offset:"0.41",stopColor:"#7C3BFF",stopOpacity:"0.11"}),e("stop",{offset:"0.56",stopColor:"#7C3BFF",stopOpacity:"0.13"}),e("stop",{offset:"0.67",stopColor:"#7C3BFF",stopOpacity:"0.18"}),e("stop",{offset:"0.75",stopColor:"#7C3BFF",stopOpacity:"0.25"}),e("stop",{offset:"0.83",stopColor:"#7C3BFF",stopOpacity:"0.33"}),e("stop",{offset:"0.89",stopColor:"#7C3BFF",stopOpacity:"0.44"}),e("stop",{offset:"0.95",stopColor:"#7C3BFF",stopOpacity:"0.56"}),e("stop",{offset:"1",stopColor:"#7C3BFF",stopOpacity:"0.7"})]})})]})}),e(An,{children:t("svg",{xmlns:"http://www.w3.org/2000/svg",width:"432",height:"432",viewBox:"0 0 432 432",fill:"none",children:[e("path",{opacity:"0.3",d:"M215.921 431.841C335.17 431.841 431.841 335.17 431.841 215.921C431.841 96.6709 335.17 0 215.921 0C96.6709 0 0 96.6709 0 215.921C0 335.17 96.6709 431.841 215.921 431.841Z",fill:"url(#paint0_radial_164_65836)"}),e("defs",{children:t("radialGradient",{id:"paint0_radial_164_65836",cx:"0",cy:"0",r:"1",gradientUnits:"userSpaceOnUse",gradientTransform:"translate(204.229 214.376) scale(216.276)",children:[e("stop",{stopColor:"#7C3BFF",stopOpacity:"0.1"}),e("stop",{offset:"0.38",stopColor:"#7C3BFF",stopOpacity:"0.11"}),e("stop",{offset:"0.52",stopColor:"#7C3BFF",stopOpacity:"0.13"}),e("stop",{offset:"0.62",stopColor:"#7C3BFF",stopOpacity:"0.18"}),e("stop",{offset:"0.69",stopColor:"#7C3BFF",stopOpacity:"0.25"}),e("stop",{offset:"0.76",stopColor:"#7C3BFF",stopOpacity:"0.33"}),e("stop",{offset:"0.82",stopColor:"#7C3BFF",stopOpacity:"0.44"}),e("stop",{offset:"0.88",stopColor:"#7C3BFF",stopOpacity:"0.57"}),e("stop",{offset:"0.93",stopColor:"#7C3BFF",stopOpacity:"0.72"}),e("stop",{offset:"0.97",stopColor:"#7C3BFF",stopOpacity:"0.88"}),e("stop",{offset:"1",stopColor:"#7C3BFF"})]})})]})}),e(An,{children:t("svg",{xmlns:"http://www.w3.org/2000/svg",width:"374",height:"374",viewBox:"0 0 374 374",fill:"none",children:[e("path",{opacity:"0.5",d:"M186.963 373.927C290.22 373.927 373.927 290.22 373.927 186.963C373.927 83.7063 290.22 0 186.963 0C83.7063 0 0 83.7063 0 186.963C0 290.22 83.7063 373.927 186.963 373.927Z",fill:"url(#paint0_radial_164_65837)"}),e("defs",{children:t("radialGradient",{id:"paint0_radial_164_65837",cx:"0",cy:"0",r:"1",gradientUnits:"userSpaceOnUse",gradientTransform:"translate(166.792 184.246) scale(186.963)",children:[e("stop",{stopColor:"#7C3BFF",stopOpacity:"0.1"}),e("stop",{offset:"0.31",stopColor:"#7C3BFF",stopOpacity:"0.11"}),e("stop",{offset:"0.45",stopColor:"#7C3BFF",stopOpacity:"0.14"}),e("stop",{offset:"0.56",stopColor:"#7C3BFF",stopOpacity:"0.19"}),e("stop",{offset:"0.65",stopColor:"#7C3BFF",stopOpacity:"0.26"}),e("stop",{offset:"0.73",stopColor:"#7C3BFF",stopOpacity:"0.35"}),e("stop",{offset:"0.8",stopColor:"#7C3BFF",stopOpacity:"0.46"}),e("stop",{offset:"0.86",stopColor:"#7C3BFF",stopOpacity:"0.6"}),e("stop",{offset:"0.92",stopColor:"#7C3BFF",stopOpacity:"0.76"}),e("stop",{offset:"0.98",stopColor:"#7C3BFF",stopOpacity:"0.93"}),e("stop",{offset:"1",stopColor:"#7C3BFF"})]})})]})}),e(An,{children:t("svg",{xmlns:"http://www.w3.org/2000/svg",width:"257",height:"257",viewBox:"0 0 257 257",fill:"none",children:[e("path",{opacity:"0.7",d:"M128.193 256.387C198.992 256.387 256.387 198.992 256.387 128.193C256.387 57.3941 198.992 0 128.193 0C57.3941 0 0 57.3941 0 128.193C0 198.992 57.3941 256.387 128.193 256.387Z",fill:"url(#paint0_radial_164_65838)"}),e("defs",{children:t("radialGradient",{id:"paint0_radial_164_65838",cx:"0",cy:"0",r:"1",gradientUnits:"userSpaceOnUse",gradientTransform:"translate(113.263 126.219) scale(128.08)",children:[e("stop",{stopColor:"#7C3BFF",stopOpacity:"0.1"}),e("stop",{offset:"0.31",stopColor:"#7C3BFF",stopOpacity:"0.11"}),e("stop",{offset:"0.45",stopColor:"#7C3BFF",stopOpacity:"0.14"}),e("stop",{offset:"0.56",stopColor:"#7C3BFF",stopOpacity:"0.19"}),e("stop",{offset:"0.65",stopColor:"#7C3BFF",stopOpacity:"0.26"}),e("stop",{offset:"0.73",stopColor:"#7C3BFF",stopOpacity:"0.35"}),e("stop",{offset:"0.8",stopColor:"#7C3BFF",stopOpacity:"0.46"}),e("stop",{offset:"0.86",stopColor:"#7C3BFF",stopOpacity:"0.6"}),e("stop",{offset:"0.92",stopColor:"#7C3BFF",stopOpacity:"0.76"}),e("stop",{offset:"0.98",stopColor:"#7C3BFF",stopOpacity:"0.93"}),e("stop",{offset:"1",stopColor:"#7C3BFF"})]})})]})}),e(An,{children:e(ee,{size:112})})]}),Tn=o.div`
|
|
76
|
+
width: ${({$size:e})=>e}px;
|
|
77
|
+
height: ${({$size:e})=>e}px;
|
|
78
|
+
border-radius: 100%;
|
|
79
|
+
background: ${({$color:e})=>e};
|
|
80
|
+
display: flex;
|
|
81
|
+
align-items: center;
|
|
82
|
+
justify-content: center;
|
|
83
|
+
`,In=({scale:t=1,icon:r})=>{const o=i();return e(Tn,{$size:73*t,$color:"rgba(106, 42, 255, 0.10)",children:e(Tn,{$size:71*t,$color:"rgba(106, 42, 255, 0.20)",children:e(Tn,{$size:65*t,$color:"rgba(106, 42, 255, 0.40)",children:e(Tn,{$size:56*t,$color:"rgba(106, 42, 255, 0.60)",children:e(Tn,{$size:39*t,$color:o.v2.colors.purple[500],children:e(r,{size:32*t,fill:o.v2.colors.white[500]})})})})})})},Nn=o.div`
|
|
76
84
|
flex: 1;
|
|
77
85
|
align-self: stretch;
|
|
78
86
|
display: flex;
|
|
@@ -82,7 +90,7 @@ import{jsx as e,jsxs as t,Fragment as r}from"react/jsx-runtime";import o,{css as
|
|
|
82
90
|
|
|
83
91
|
max-height: calc(100vh - 24px - ${({$heightOffset:e})=>e||0}px);
|
|
84
92
|
padding: 24px 24px 0 24px;
|
|
85
|
-
`,
|
|
93
|
+
`,Rn=o.div`
|
|
86
94
|
position: relative;
|
|
87
95
|
|
|
88
96
|
// inherit all the properties of the parent (PageContent)
|
|
@@ -92,9 +100,9 @@ import{jsx as e,jsxs as t,Fragment as r}from"react/jsx-runtime";import o,{css as
|
|
|
92
100
|
flex-direction: inherit;
|
|
93
101
|
gap: inherit;
|
|
94
102
|
overflow-x: inherit;
|
|
95
|
-
`,
|
|
103
|
+
`,On=o.div`
|
|
96
104
|
padding: ${({$padding:e})=>e||"12px"};
|
|
97
|
-
`,
|
|
105
|
+
`,_n=o.div`
|
|
98
106
|
display: flex;
|
|
99
107
|
flex-direction: row;
|
|
100
108
|
flex-wrap: ${({$wrap:e="unset"})=>e};
|
|
@@ -105,7 +113,7 @@ import{jsx as e,jsxs as t,Fragment as r}from"react/jsx-runtime";import o,{css as
|
|
|
105
113
|
height: ${({$height:e})=>e||"unset"};
|
|
106
114
|
margin: ${({$margin:e="unset"})=>e};
|
|
107
115
|
padding: ${({$padding:e="unset"})=>e};
|
|
108
|
-
`,
|
|
116
|
+
`,Fn=o.div`
|
|
109
117
|
display: flex;
|
|
110
118
|
flex-direction: column;
|
|
111
119
|
flex-wrap: ${({$wrap:e="unset"})=>e};
|
|
@@ -116,57 +124,59 @@ import{jsx as e,jsxs as t,Fragment as r}from"react/jsx-runtime";import o,{css as
|
|
|
116
124
|
height: ${({$height:e})=>e||"unset"};
|
|
117
125
|
margin: ${({$margin:e="unset"})=>e};
|
|
118
126
|
padding: ${({$padding:e="unset"})=>e};
|
|
119
|
-
`,
|
|
127
|
+
`,Pn=o(Fn)`
|
|
120
128
|
width: ${({$width:e})=>e||"100%"};
|
|
121
129
|
height: ${({$height:e})=>e||"unset"};
|
|
122
130
|
padding: ${({$padding:e})=>e||"unset"};
|
|
123
131
|
align-items: center;
|
|
124
132
|
justify-content: center;
|
|
125
|
-
`,
|
|
133
|
+
`,Ln=o.div`
|
|
126
134
|
display: flex;
|
|
127
135
|
flex-direction: column;
|
|
128
136
|
padding: 12px;
|
|
129
137
|
overflow-y: scroll;
|
|
130
|
-
`,
|
|
138
|
+
`,zn=o.div`
|
|
131
139
|
position: ${({$relativeToParent:e})=>e?"absolute":"fixed"};
|
|
132
140
|
top: 0;
|
|
133
141
|
left: 0;
|
|
134
142
|
right: 0;
|
|
135
143
|
bottom: 0;
|
|
136
|
-
|
|
144
|
+
// Sits at the modal/drawer layer; rendered before the surface in JSX so the surface
|
|
145
|
+
// visually stacks above it via DOM order while sharing the same z-index level.
|
|
146
|
+
z-index: ${({theme:e})=>e.v2.zIndex.modal};
|
|
137
147
|
background: rgba(0, 0, 0, 0.6);
|
|
138
148
|
backdrop-filter: blur(2px);
|
|
139
|
-
`,
|
|
149
|
+
`,Mn=o.div`
|
|
140
150
|
width: 800px;
|
|
141
151
|
min-height: ${({$minHeight:e})=>e||"unset"};
|
|
142
152
|
height: ${({$isNotModal:e})=>e?"fit-content":"calc(100vh - 350px)"};
|
|
143
153
|
margin: ${({$isNotModal:e})=>e?"64px 0 0 0":"64px 7vw 32px 7vw"};
|
|
144
154
|
padding: 0 2px;
|
|
145
155
|
overflow-y: scroll;
|
|
146
|
-
`,
|
|
156
|
+
`,Bn=o(Fn)`
|
|
147
157
|
max-width: ${({$maxWidth:e})=>e||"unset"};
|
|
148
158
|
width: 100%;
|
|
149
|
-
`,
|
|
159
|
+
`,Un=o(_n)`
|
|
150
160
|
gap: 16px;
|
|
151
161
|
padding: 16px;
|
|
152
|
-
`,
|
|
162
|
+
`,jn=o.div`
|
|
153
163
|
width: 100%;
|
|
154
164
|
max-height: ${({$maxHeight:e})=>e||"unset"};
|
|
155
165
|
overflow-y: auto;
|
|
156
|
-
`,
|
|
166
|
+
`,Wn=a`
|
|
157
167
|
0% {
|
|
158
168
|
background-position: 0% 50%;
|
|
159
169
|
}
|
|
160
170
|
100% {
|
|
161
171
|
background-position: 100% 50%;
|
|
162
172
|
}
|
|
163
|
-
`,
|
|
173
|
+
`,Hn=o(un)`
|
|
164
174
|
background: ${({$titleColor:e,$gradientColor:t})=>`linear-gradient(45deg, ${e} 0%, ${e} 40%, ${t} 50%, ${e} 60%, ${e} 100%)`};
|
|
165
175
|
background-size: 250% 100%; /* Expand background to allow movement */
|
|
166
176
|
background-clip: text;
|
|
167
177
|
color: transparent;
|
|
168
|
-
animation: ${
|
|
169
|
-
`,
|
|
178
|
+
animation: ${Wn} 1s reverse linear infinite;
|
|
179
|
+
`,Xn=e=>{const t=Math.max(0,Date.now()-e),r=Math.floor(t/1e3),o=Math.floor(r/60),n=r%60;return`${String(o).padStart(2,"0")}:${String(n).padStart(2,"0")}`},Gn=({icon:r,title:o,titleColor:n,titleSize:a=sn.S,subTitle:s,subTitleColor:l,subTitleSize:c=sn.XXXS,startedAt:d,withGradient:p,gradientColor:u,withSpinner:h,withSpinnerOld:m,scaleSpinnerOld:g=1,percentage:f,withVisual:y,visualIcon:x=Je})=>{const b=i(),[v,$]=Wt(()=>d?Xn(d):"");Ht(()=>{if(!d)return;$(Xn(d));const e=setInterval(()=>$(Xn(d)),1e3);return()=>clearInterval(e)},[d]);const w=n||b.v2.colors.white[500],S=l||b.v2.colors.silver[200],k=u||b.v2.colors.black[500];return t(Fn,{$gap:16,$alignItems:"center",children:[y?e(Sn,{scale:1.7,icon:x}):h?e(fn,{percentage:f}):m?e($n,{scale:g}):null,(o||s||d||r)&&t(Fn,{$gap:8,$alignItems:"center",children:[t(_n,{$gap:4,children:[r&&e(r,{}),p?e(Hn,{align:"center",size:a,$titleColor:w,$gradientColor:k,children:o}):e(un,{align:"center",size:a,color:w,children:o})]}),s?e(un,{align:"center",size:c,color:S,children:s}):null,v?e(un,{align:"center",size:c,color:w,children:v}):null]})]})},Vn=(e,t)=>{const r={[Gr.Default]:r=>ee({fill:on(t,e,"300"),...r}),[Gr.Info]:r=>rt({fill:on(t,e,"400"),...r}),[Gr.Error]:r=>tt({fill:on(t,e,"500"),...r}),[Gr.Warning]:r=>et({fill:on(t,e,"500"),...r}),[Gr.Success]:r=>Ze({fill:on(t,e,"500"),...r}),[Kr.Loading]:e=>Gn({withSpinnerOld:!0,...e}),[qr.Disabled]:r=>Qe({fill:on(t,e,"400"),...r}),[qr.Unknown]:r=>Ye({fill:on(t,e,"300"),...r})};return r[e]},Kn=e=>{switch(e){case oo.Success:return Gr.Success;case oo.Error:case oo.Failure:return Gr.Error;case oo.Notice:return Gr.Warning;case oo.Unsupported:case oo.Unknown:return Gr.Info;case oo.Irrelevant:case oo.Disabled:return Kr.Disabled;case oo.Waiting:return Kr.Loading;case oo.Pending:default:return Gr.Default}},qn=(e,t)=>{const r=t.find(([t,r])=>e>=t&&(null===r||e<=r));return r?.[2]||null},Jn={redis:y,mysql:v,postgresql:x,postgres:x,kafka:f,elasticsearch:xe,clickhouse:Ce,oracle:J,aws:ot},Yn={sts:gt,dynamodb:mt,s3:H,sqs:ht,sns:ut,lambda:pt,kinesis:dt,ec2:ct,apigateway:lt,apigatewayv2:lt,bedrock:st,bedrockruntime:st,eventbridge:at,sfn:it,stepfunctions:it,secretsmanager:nt,cloudwatch:ke},Qn=e=>{const t=e.attributes,r=t["db.system"];if(r){const e=Jn[r.toLowerCase()];if(e)return e}const o=t["messaging.system"];if(o){const e=Jn[o.toLowerCase()];if(e)return e}const n=t["rpc.system"];if(n?.toLowerCase().includes("aws")){const e=t["rpc.service"]?.toLowerCase();if(e){const t=Yn[e];if(t)return t}return ot}const i=e.serviceName.toLowerCase();for(const[e,t]of Object.entries(Jn))if(i.includes(e))return t;return Me},Zn=({namespace:e,name:t,kind:r})=>({namespace:e,name:t,kind:r});function ei(e,t){if(!e)return t;if("object"==typeof e)return e;try{return JSON.parse(e)}catch(e){return t}}const ti=(e,t)=>{const r=[],o=JSON.parse(JSON.stringify(e));for(const e of o){const o=ei(t.fields,{}),n=e.items.findIndex(e=>e.type===t.destinationType.type);-1!==n&&r.push(...e.items[n].fields.map(e=>({...e,initialValue:o[e.name]})))}return r},ri=(e,t)=>{const r=e=>e?.some(({healthy:e})=>e.status!==Gr.Success);return e?.length?e.some(({instrumentationInstances:e})=>r(e)):r(t)??!1},oi=e=>Array.isArray(e)?!e?.length:"object"==typeof e?!Object.keys(e||{}).length:[void 0,null,""].includes(e),ni=e=>{if(!e)return!1;if(e.length>63)return!1;return/^(([A-Za-z0-9][-A-Za-z0-9_.]*)?[A-Za-z0-9])?$/.test(e)},ii=(e,t=0)=>{const r=(new Date).getTime();return new Date(e).getTime()-r<=t},ai=e=>{const t=String(e).trim().toLowerCase();return["true","false","1","0"].includes(t)},si=(e,t=0)=>(new Date).getTime()-new Date(e).getTime()>=t,li=/^(\d+\.)?(\d+\.)?(\*|\d+)$/,ci=e=>li.test(e),di=e=>e?e.replace(/([a-z0-9])([A-Z])/g,"$1 $2"):"",pi=e=>e?.map(({status:e,type:t,reason:r,message:o})=>({status:e?.toLowerCase(),type:di(t),reason:r?di(r):"",message:o}))||[],ui=(e,t)=>{const r=ei(e.fields,{});return t.length?t.map(e=>({key:e.name,name:e.displayName||e.name,value:r[e.name]??null})).filter(e=>null!==e.value):Object.entries(r).map(([e,t])=>({key:e,name:e,value:t}))},hi=e=>e?Object.keys(e).filter(t=>e[t]).map(e=>bo[e]):[],mi=e=>e?Object.keys(e).filter(t=>e[t].supported).map(e=>bo[e]):[],gi=e=>e.replace(/[^\d]/g,""),fi=e=>{const t=String(e).trim().toLowerCase();return"true"===t||"1"===t},yi=e=>{let t="";try{const r=JSON.parse(e);t=Array.isArray(r)?r.map(e=>"object"==typeof e&&null!==e?`${e.key}: ${e.value}`:e).join(", "):"object"==typeof r&&null!==r?Object.entries(r).map(([e,t])=>`${e}: ${t}`).join(", "):e}catch(r){t=e}return t},xi=e=>{const t=e.fields.reduce((e,{key:t,value:r})=>{const o=(e=>{if(null!=e){if("string"==typeof e)return e;if("number"==typeof e||"boolean"==typeof e)return String(e);try{return JSON.stringify(e)}catch{return}}})(r);return void 0!==o&&e.push({key:t,value:o}),e},[]);return{...e,fields:t}},bi=e=>{if("object"!=typeof e)return e;const t=Array.isArray(e)?[]:{};return Object.keys(e).forEach(r=>{const o=e[r];if(Array.isArray(o)){const e=o.filter(e=>null!=e&&""!==e);e.length>0&&(t[r]=e.map(e=>bi(e)))}else if("object"==typeof o&&null!==o){const e=bi(o);Object.keys(e).length>0&&(t[r]=e)}else[void 0,null,""].includes(o)||(t[r]=o)}),t},vi=(e,t=2)=>JSON.stringify(e||{},null,t),$i=async(e=1e3)=>new Promise(t=>setTimeout(t,e)),wi=e=>Object.entries(e).reduce((e,[t,r])=>(e[t]="string"==typeof r?r:JSON.stringify(r),e),{}),Si=e=>{let t=e.toString().replace("v","").split("-")[0];t=t.match(/[\d.]+/)?.[0]||"";const r=t.split(".");return 1e4*parseInt(r[0]||"0",10)+parseInt(r[1]||"0",10)},ki=o.div`
|
|
170
180
|
color: ${({$color:e,theme:t})=>e||t.text.secondary};
|
|
171
181
|
font-size: ${({$size:e})=>void 0!==e?e:16}px;
|
|
172
182
|
font-weight: ${({$weight:e})=>void 0!==e?e:300};
|
|
@@ -177,15 +187,15 @@ import{jsx as e,jsxs as t,Fragment as r}from"react/jsx-runtime";import o,{css as
|
|
|
177
187
|
font-family: ${({theme:e,$family:t="primary"})=>e.font_family[t]};
|
|
178
188
|
white-space: ${({$nowrap:e})=>e?"nowrap":"unset"};
|
|
179
189
|
text-wrap: ${({$nowrap:e})=>e?"nowrap":"unset"};
|
|
180
|
-
`,
|
|
190
|
+
`,Ci=e=>{const t=e.match(/<a[^>]*href="([^"]*)"[^>]*>(.*?)<\/a>/g);return t?.map(e=>{const[t,r,o]=e.split('"');return{original:e,href:r,label:o.replace("</a>","").replace(">","")}})},Ei=e=>{const t=e.match(/<strong[^>]*>(.*?)<\/strong>/g);return t?.map(e=>{const t=e.replace(/<strong[^>]*>/,"").replace(/<\/strong>/,"");return{original:e,label:t}})},Ai=(r,o)=>{const n=Ci(r);n?.forEach((e,t)=>{r=r.replace(e.original,`LINK-${t}###`)});const i=Ei(r);i?.forEach((e,t)=>{r=r.replace(e.original,`STRONG-${t}###`)});return r.split(" ").map(r=>{if(r.includes("LINK-")){const[i,a]=r.split("###"),s=n?.[parseInt(i.replace("LINK-",""))];return t(jt,{children:[e("a",{href:s?.href,target:"_blank",rel:"noreferrer",style:{color:o.colors.majestic_blue_soft},children:s?.label}),a?`${a} `:" "]},r)}if(r.includes("STRONG-")){const[o,n]=r.split("###"),a=i?.[parseInt(o.replace("STRONG-",""))];return t(jt,{children:[e("strong",{style:{fontWeight:600},children:a?.label}),n?`${n} `:" "]},r)}return r+" "})},Di=({children:r,color:o,size:n,weight:a,align:s,family:l,opacity:c,decoration:d,transform:p,nowrap:u,...h})=>{const m=i(),g=Xt(()=>(r?["string","number"].includes(typeof r)?r.toString():Array.isArray(r)?r.map(e=>"object"==typeof e&&Object.hasOwn(e,"props")?e.props.children:e).filter(e=>e&&["string","number"].includes(typeof e)).join(" "):"":"").split("\n"),[r]);return e(ki,{$color:o,$size:n,$weight:a,$align:s,$family:l,$opacity:c,$decoration:d,$transform:p,$nowrap:u,...h,children:g.length?g.map((r,o)=>t(jt,{children:[Ai(r,m),o!==g.length-1?e("br",{}):null]},`text-${o}-${r}`)):r})},Ti=o.div`
|
|
181
191
|
padding: 4px 0 0 0;
|
|
182
|
-
`,
|
|
192
|
+
`,Ii=o(Di)`
|
|
183
193
|
font-size: 12px;
|
|
184
194
|
color: ${({theme:e})=>e.text.error};
|
|
185
|
-
`,
|
|
195
|
+
`,Ni=({children:t})=>e(Ti,{children:e(Ii,{children:t})}),Ri=o.div`
|
|
186
196
|
position: relative;
|
|
187
197
|
width: 100%;
|
|
188
|
-
`,
|
|
198
|
+
`,Oi=o.div`
|
|
189
199
|
width: calc(100% - 16px);
|
|
190
200
|
display: flex;
|
|
191
201
|
align-items: center;
|
|
@@ -202,7 +212,7 @@ import{jsx as e,jsxs as t,Fragment as r}from"react/jsx-runtime";import o,{css as
|
|
|
202
212
|
&:focus-within {
|
|
203
213
|
border-color: ${({theme:e,$hasError:t})=>t?e.text.error_secondary:e.colors.secondary};
|
|
204
214
|
}
|
|
205
|
-
`,
|
|
215
|
+
`,_i=o.input`
|
|
206
216
|
flex: 1;
|
|
207
217
|
border: none;
|
|
208
218
|
outline: none;
|
|
@@ -223,7 +233,7 @@ import{jsx as e,jsxs as t,Fragment as r}from"react/jsx-runtime";import o,{css as
|
|
|
223
233
|
&:disabled {
|
|
224
234
|
cursor: not-allowed;
|
|
225
235
|
}
|
|
226
|
-
`,
|
|
236
|
+
`,Fi=o.ul`
|
|
227
237
|
position: absolute;
|
|
228
238
|
max-height: 500px;
|
|
229
239
|
top: 32px;
|
|
@@ -234,7 +244,7 @@ import{jsx as e,jsxs as t,Fragment as r}from"react/jsx-runtime";import o,{css as
|
|
|
234
244
|
border: 1px solid ${({theme:e})=>e.colors.border};
|
|
235
245
|
z-index: 9999;
|
|
236
246
|
padding: 12px;
|
|
237
|
-
`,
|
|
247
|
+
`,Pi=o.li`
|
|
238
248
|
width: calc(100% - 24px);
|
|
239
249
|
padding: 8px 12px;
|
|
240
250
|
cursor: ${({$isList:e})=>e?"default":"pointer"};
|
|
@@ -246,34 +256,34 @@ import{jsx as e,jsxs as t,Fragment as r}from"react/jsx-runtime";import o,{css as
|
|
|
246
256
|
&:hover {
|
|
247
257
|
background: ${({theme:e,$isList:t})=>!t&&e.colors.dropdown_bg_2};
|
|
248
258
|
}
|
|
249
|
-
`,
|
|
259
|
+
`,Li=o.div`
|
|
250
260
|
width: 100%;
|
|
251
|
-
`,
|
|
261
|
+
`,zi=o.div`
|
|
252
262
|
display: flex;
|
|
253
263
|
width: 100%;
|
|
254
|
-
`,
|
|
264
|
+
`,Mi=o.div`
|
|
255
265
|
width: 1px;
|
|
256
266
|
height: 52px;
|
|
257
267
|
background-color: ${({theme:e})=>e.colors.dropdown_bg_2};
|
|
258
268
|
position: absolute;
|
|
259
269
|
left: 33px;
|
|
260
|
-
`,
|
|
270
|
+
`,Bi=o.div`
|
|
261
271
|
display: flex;
|
|
262
272
|
flex-direction: column;
|
|
263
273
|
gap: 4px;
|
|
264
|
-
`,
|
|
274
|
+
`,Ui=o(Di)`
|
|
265
275
|
flex: 1;
|
|
266
276
|
font-size: 14px;
|
|
267
|
-
`,
|
|
277
|
+
`,ji=o(Di)`
|
|
268
278
|
color: ${({theme:e})=>e.text.grey};
|
|
269
279
|
font-size: 10px;
|
|
270
280
|
line-height: 150%;
|
|
271
|
-
`,
|
|
281
|
+
`,Wi=o.ul`
|
|
272
282
|
padding-left: 0px;
|
|
273
283
|
margin: 4px 0 0 0;
|
|
274
284
|
list-style: none;
|
|
275
285
|
width: 100%;
|
|
276
|
-
`,Mi=(e,t)=>t?e.reduce((e,r)=>{if(r.items){const o=Mi(r.items,t);o.length&&e.push({...r,items:o})}else r.label.toLowerCase().includes(t.toLowerCase())&&e.push(r);return e},[]):e,Bi=({placeholder:r="Type to search...",options:o,selectedOption:n,onOptionSelect:i,defaultText:a,onTextChange:s,style:l,disabled:c,errorMessage:d,...p})=>{const[u,h]=Wt(n?.label||a||""),[m,g]=Wt(Mi(o,u)),[f,x]=Wt(!1);Wt(-1),Ht(()=>g(Mi(o,u)),[o]);const y=n?.icon,b=e=>{e&&(h(e.label),s?.(e.label)),x(!e),i?.(e)};return t(Ai,{style:l,children:[t(Di,{$hasError:!!d,children:[y&&e(y,{}),e(Ti,{type:"text",value:u,placeholder:r,onChange:e=>{e.stopPropagation();const t=e.target.value,r=Mi(o,t),n=1===r.length&&r[0].label===t?r[0]:void 0;h(t),s?.(t),g(r),b(n)},onKeyDown:e=>{["Enter"].includes(e.key)||e.stopPropagation()},disabled:c,onBlur:()=>!c&&x(!1),onFocus:()=>!c&&x(!0),...p})]}),f&&m.length?e(Ii,{children:m.map(t=>e(Ui,{option:t,onClick:b},t.type||t.label))}):null,d&&e(Ei,{children:d})]})},Ui=({option:r,renderIcon:o=!0,onClick:n})=>{const i=!!r.items&&r.items.length>0,a=r.icon;return t(Ni,{"data-id":`option-${r.type||r.label}`,$isList:i,onMouseDown:()=>i?null:n(r),children:[a&&o&&e(a,{}),t(Ri,{children:[t(Fi,{children:[e(Pi,{children:r.label}),e(Li,{children:r.description})]}),i&&e(zi,{children:r.items?.map(r=>t(Oi,{children:[e(_i,{}),e(Ui,{option:r,renderIcon:!1,onClick:n})]},r.type||r.label))})]})]})},ji=Bt(e=>({activeNodeType:null,activeNodeId:null,setActiveNodeType:t=>e({activeNodeType:t}),setActiveNodeId:t=>e({activeNodeId:t})})),Wi=[{type:Dr.K8sAttributes,icon:_o(Dr.K8sAttributes),label:"Kubernetes Attributes",description:"Add dynamic k8s resource attributes to your data.",allowedSignals:[mo.Traces,mo.Metrics,mo.Logs],docsEndpoint:"/pipeline/actions/attributes/k8sattributes",docsDescription:"This action adds kubernetes related resource attributes to spans, metrics data points and log records."},{type:Dr.AddClusterInfo,icon:_o(Dr.AddClusterInfo),label:"Add Cluster Info",description:"Add static cluster-scoped attributes to your data.",allowedSignals:[mo.Traces,mo.Metrics,mo.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:Dr.DeleteAttributes,icon:_o(Dr.DeleteAttributes),label:"Delete Attribute",description:"Delete attributes from logs, metrics, and traces.",allowedSignals:[mo.Traces,mo.Metrics,mo.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:Dr.RenameAttributes,icon:_o(Dr.RenameAttributes),label:"Rename Attribute",description:"Rename attributes in logs, metrics, and traces.",allowedSignals:[mo.Traces,mo.Metrics,mo.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:Dr.PiiMasking,icon:_o(Dr.PiiMasking),label:"PII Masking",description:"Mask PII data in your traces.",allowedSignals:[mo.Traces],docsEndpoint:"/pipeline/actions/attributes/piimasking",docsDescription:"This action processes a list of PII categories to be masked from the traces."},{type:Dr.URLTemplatization,icon:_o(Dr.URLTemplatization),label:"URL Templatization",description:"Replace dynamic URL path segments with named placeholders to reduce span cardinality.",allowedSignals:[mo.Traces],docsEndpoint:"/pipeline/actions/attributes/urltemplatization",docsDescription:"Normalizes HTTP URL paths by replacing dynamic segments (IDs, UUIDs, dates) with named placeholders (e.g. /user/1234 → /user/{id}). Reduces cardinality of http.route and span names, improving usability in telemetry backends.",minVersion:yi("v1.21.0")}],Hi=[{type:Dr.ErrorSampler,icon:_o(Ar.Samplers),label:"Error Sampler",description:"Sample errors based on percentage.",allowedSignals:[mo.Traces],docsEndpoint:"/pipeline/actions/sampling/errorsampler",docsDescription:"This action is a Global Action that supports error sampling by filtering out non-error traces."},{type:Dr.LatencySampler,icon:_o(Ar.Samplers),label:"Latency Sampler",description:"Add latency to your traces.",allowedSignals:[mo.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:Dr.ProbabilisticSampler,icon:_o(Ar.Samplers),label:"Probabilistic Sampler",description:"Sample traces based on percentage.",allowedSignals:[mo.Traces],docsEndpoint:"/pipeline/actions/sampling/probabilisticsampler",docsDescription:"This action supports probabilistic sampling based on a configured sampling percentage applied to the TraceID."},{type:Dr.ServiceNameSampler,icon:_o(Ar.Samplers),label:"Service Name Sampler",description:"Sample traces based on the presence of specified services within a trace.",allowedSignals:[mo.Traces],docsEndpoint:"/pipeline/actions/sampling/servicenamesampler",docsDescription:"This action supports service name sampling based on the presence of specified services within a trace."},{type:Dr.SpanAttributeSampler,icon:_o(Ar.Samplers),label:"Span Attributes Sampler",description:"Sample traces based on the presence or value of specific attributes within a trace.",allowedSignals:[mo.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."}],Xi=[{label:"Attributes",icon:_o(Ar.Attributes),items:Wi},{label:"Samplers",icon:_o(Ar.Samplers),items:Hi}];var Gi;!function(e){e.ALL="all",e.UNSAVED="unsaved",e.EXISTS="exists",e.DETECTED="detected",e.SELF_HOSTED="self-hosted",e.MANAGED="managed"}(Gi||(Gi={}));const Vi={[Gi.ALL]:{TITLE:"All",DESCRIPTION:"All destinations"},[Gi.UNSAVED]:{TITLE:"Selected",DESCRIPTION:"These are destinations that you have not yet saved."},[Gi.EXISTS]:{TITLE:"Already configured",DESCRIPTION:"These are destinations that you have already configured in other data-streams and can reuse them."},[Gi.DETECTED]:{TITLE:"Detected by system",DESCRIPTION:"Odigos found these destinations in your cluster and pre-filled their details. Review and enable them to start sending data."},[Gi.SELF_HOSTED]:{TITLE:"Self hosted",DESCRIPTION:"Full control and customization for advanced application monitoring."},[Gi.MANAGED]:{TITLE:"Managed",DESCRIPTION:"Effortless monitoring with scalable performance management."}},Ki=[{type:no.CodeAttributes,icon:Ko(no.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:[Br.Go,Br.Python]},{type:no.CustomInstrumentation,icon:Ko(no.CustomInstrumentation),label:"Custom Instrumentation",description:"Define custom instrumentation for specific class and methods (i.e. for Java) or explicit symbol (i.e. for 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:[Br.Go,Br.Java]},{type:no.HeadersCollection,icon:Ko(no.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:[Br.Go,Br.Java,Br.JavaScript]},{type:no.PayloadCollection,icon:Ko(no.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:[Br.Go,Br.JavaScript]}],qi="Cancel",Ji="Save",Yi="Edit rule",Qi="Edit auto rule",Zi="Create rule",ea="Delete rule",ta="Save",ra="Create your first rule",oa="No Rules Exist",na="No Results",ia=e=>`No rules match the search term "${e}"`,aa="Rule name",sa="Rule type",la="Select the type of condition that makes a trace highly relevant.",ca="Rule Enabled",da="Rule Disabled",pa="Enabled",ua="Disabled",ha="Note",ma="HTTP route",ga="Method",fa="Keep Percentage",xa="Drop Percentage",ya="Keep traces with duration larger than",ba="Keep traces with errors",va="Keep at least this percentage of matching traces",$a="Keep at most this percentage of matching traces",wa="Custom percentage",Sa="Disabled rule",ka="Sample",Ca="Keep all",Ea="Drop all",Aa="Operation type",Da="HTTP route prefix",Ta="Templated path",Ia="Templated path prefix",Na="Kafka topic",Ra="Custom duration (ms)",Oa="No preview available",_a="Server address",Fa="Drop at most this percentage of matching traces",Pa="Unnamed rule",La="Sampling Preview",za="Source Scope",Ma="Operation",Ba="Duration",Ua="Errors",ja="Keep Percentage",Wa="Drop Percentage",Ha="Define which sources this rule applies to. You can target specific services, namespaces, or apply the rule to the entire cluster.",Xa="Define which operations this rule applies to. You can target specific endpoints or requests, or apply the rule to all operations in the selected services.",Ga="Define a duration threshold for this rule. Traces with a duration longer than the specified value will be considered important and retained.",Va="Retain traces with errors from the selected services and operations.",Ka="Specify the exact percentage of matching traces to keep",qa="Specify the exact percentage of matching traces to drop",Ja="Type rule name",Ya="Add note here...",Qa="Type here",Za="Search source name",es="e.g. collector.my.vendor.com",ts="Optional notes (not used by the system). Add any context or details for this sampling rule.",rs="Rule will apply to all sources in the cluster",os="If multiple source scopes are set, they must all match simultaneously.",ns="All sources",is="-",as="All",ss="All operations",ls="HTTP server endpoint",cs="HTTP client endpoint",ds="Kafka consumer",ps="Kafka producer",us="Sampling Rules",hs='Control how traces are categorized based on "Importance" and potential value, for fine grain control of what is kept and what is dropped.',ms="Refresh",gs="Create rule",fs="Sampling docs",xs="75vw",ys="Delete rule?",bs="Are you sure you want to delete this sampling rule?",vs="Delete",$s="Cancel",ws="Kubernetes Health Probes",Ss="Keep All Error Traces",ks="Drop Traces Cluster-Wide",Cs="A rule with the same matching conditions already exists.",Es="Create 'Noisy Operation Kubernetes Health Probes' rule",As="Edit 'Noisy Operation Kubernetes Health Probes' rule",Ds="Automatically detect and sample health probe traces across the cluster.",Ts="Create 'Highly Relevant Operations' rule",Is="Edit 'Highly Relevant Operations' rule",Ns="Automatically keep all error traces across the entire cluster.",Rs="Create 'Cost Reduction' rule",Os="Edit 'Cost Reduction' rule",_s="Automatically drop a percentage of traces across the entire cluster.",Fs={noisy:"Rules that reduce noise from high-volume, low-value operations using Head Sampling.",highlyRelevant:"Add a rule to identify highly relevant operations. Traces with errors, long duration, or from critical endpoints and key workflows will be retained so important transactions are always available for analysis.",costReduction:"Rules that optimize costs by sampling less critical data using Tail Sampling."},Ps={noisy:Es,highlyRelevant:Ts,costReduction:Rs},Ls={noisy:As,highlyRelevant:Is,costReduction:Os},zs={noisy:"Noisy Operation",highlyRelevant:"Highly Relevant",costReduction:"Cost Reduction"},Ms=[{id:mo.Logs,value:"Logs"},{id:mo.Metrics,value:"Metrics"},{id:mo.Traces,value:"Traces"}],Bs={[Br.Go]:"Go",[Br.Java]:"Java",[Br.JavaScript]:"Node.js",[Br.Python]:"Python",[Br.DotNet]:".NET",[Br.CSharp]:"C#",[Br.CPlusPlus]:"C++",[Br.Php]:"PHP",[Br.Ruby]:"Ruby",[Br.Rust]:"Rust",[Br.Swift]:"Swift",[Br.Elixir]:"Elixir",[Br.MySql]:"MySQL",[Br.Nginx]:"Nginx",[Br.Postgres]:"PostgreSQL",[Br.Redis]:"Redis",[Br.Kafka]:"Kafka",[Br.Ignored]:"Ignored",[Br.Unknown]:"Unknown",[Br.Processing]:"Processing",[Br.NoContainers]:"No Containers",[Br.NoRunningPods]:"No Running Pods"},Us=[{id:Br.Go,value:Bs[Br.Go],icon:Lo(Br.Go)},{id:Br.Java,value:Bs[Br.Java],icon:Lo(Br.Java)},{id:Br.JavaScript,value:Bs[Br.JavaScript],icon:Lo(Br.JavaScript)},{id:Br.Python,value:Bs[Br.Python],icon:Lo(Br.Python)},{id:Br.Php,value:Bs[Br.Php],icon:Lo(Br.Php)},{id:Br.Ruby,value:Bs[Br.Ruby],icon:Lo(Br.Ruby)},{id:Br.Rust,value:Bs[Br.Rust],icon:Lo(Br.Rust)},{id:Br.DotNet,value:Bs[Br.DotNet],icon:Lo(Br.DotNet)},{id:Br.CSharp,value:Bs[Br.CSharp],icon:Lo(Br.CSharp)},{id:Br.CPlusPlus,value:Bs[Br.CPlusPlus],icon:Lo(Br.CPlusPlus)},{id:Br.Swift,value:Bs[Br.Swift],icon:Lo(Br.Swift)},{id:Br.Elixir,value:Bs[Br.Elixir],icon:Lo(Br.Elixir)}],js={id:ro.OpentelemetryEbpfInstrumentation,value:ro.OpentelemetryEbpfInstrumentation,icon:q},Ws={[Br.Go]:{community:[{id:ro.GolangCommunity,value:ro.GolangCommunity,icon:Lo(Br.Go)},js],enterprise:[{id:ro.GolangEnterprise,value:ro.GolangEnterprise,icon:Lo(Br.Go)}]},[Br.JavaScript]:{community:[{id:ro.NodejsCommunity,value:ro.NodejsCommunity,icon:Lo(Br.JavaScript)},js],enterprise:[{id:ro.NodejsEnterprise,value:ro.NodejsEnterprise,icon:Lo(Br.JavaScript)}]},[Br.Python]:{community:[{id:ro.PythonCommunity,value:ro.PythonCommunity,icon:Lo(Br.Python)},js],enterprise:[{id:ro.PythonEnterprise,value:ro.PythonEnterprise,icon:Lo(Br.Python)}]},[Br.Java]:{community:[{id:ro.JavaCommunity,value:ro.JavaCommunity,icon:Lo(Br.Java)},js],enterprise:[{id:ro.JavaEnterprise,value:ro.JavaEnterprise,icon:Lo(Br.Java)},{id:ro.JavaEbpfInstrumentations,value:ro.JavaEbpfInstrumentations,icon:Lo(Br.Java)}]},[Br.DotNet]:{community:[{id:ro.DotNetCommunity,value:ro.DotNetCommunity,icon:Lo(Br.DotNet)},js],enterprise:[{id:ro.DotNetEnterprise,value:ro.DotNetEnterprise,icon:Lo(Br.DotNet)}]},[Br.Ruby]:{community:[{id:ro.RubyCommunity,value:ro.RubyCommunity,icon:Lo(Br.Ruby)},js],enterprise:[{id:ro.RubyEnterprise,value:ro.RubyEnterprise,icon:Lo(Br.Ruby)}]},[Br.Php]:{community:[{id:ro.PhpCommunity,value:ro.PhpCommunity,icon:Lo(Br.Php)},js],enterprise:[]},[Br.CSharp]:{community:[],enterprise:[{id:ro.CPlusPlusEnterprise,value:ro.CPlusPlusEnterprise,icon:Lo(Br.CSharp)}]},[Br.MySql]:{community:[],enterprise:[{id:ro.MySqlEnterprise,value:ro.MySqlEnterprise,icon:Lo(Br.MySql)}]},[Br.CPlusPlus]:{community:[js],enterprise:[]},[Br.Rust]:{community:[js],enterprise:[]},[Br.Swift]:{community:[js],enterprise:[]},[Br.Elixir]:{community:[js],enterprise:[]},[Br.Nginx]:{community:[js],enterprise:[]},[Br.Postgres]:{community:[js],enterprise:[]},[Br.Redis]:{community:[js],enterprise:[]},[Br.Kafka]:{community:[js],enterprise:[]},[Br.Ignored]:{community:[],enterprise:[]},[Br.Unknown]:{community:[],enterprise:[]},[Br.Processing]:{community:[],enterprise:[]},[Br.NoContainers]:{community:[],enterprise:[]},[Br.NoRunningPods]:{community:[],enterprise:[]}},Hs=6048e5,Xs=Bt()(Zt(e=>({darkMode:!0,setDarkMode:t=>e({darkMode:t})}),{name:Co.DARK_MODE,storage:"undefined"!=typeof window?er(()=>localStorage):void 0})),Gs={dataStreamsLoading:!1,dataStreams:[],selectedStreamName:wo},Vs=Bt(e=>({...Gs,setDataStreamsLoading:t=>e({dataStreamsLoading:t}),setDataStreams:t=>e({dataStreams:t}),addDataStreams:t=>e(e=>{const r=[...e.dataStreams,...t].map(e=>[e.name,e]);return{dataStreams:Array.from(new Map(r).values())}}),removeDataStreams:t=>e(e=>({dataStreams:e.dataStreams.filter(e=>!t.find(t=>t.name===e.name))})),setSelectedStreamName:t=>e({selectedStreamName:t}),resetDataStreamStore:()=>e(Gs)})),Ks=Bt(e=>({drawerType:null,drawerEntityId:null,setDrawerType:t=>e({drawerType:t}),setDrawerEntityId:t=>e({drawerEntityId:t})})),qs=Bt(e=>({namespacesLoading:!1,namespaces:[],sourcesLoading:!1,sources:[],destinationsLoading:!1,destinations:[],actionsLoading:!1,actions:[],instrumentationRulesLoading:!1,instrumentationRules:[],setEntitiesLoading:(t,r)=>{const o=t===jr.Namespace?"namespacesLoading":t===jr.Source?"sourcesLoading":t===jr.Destination?"destinationsLoading":t===jr.Action?"actionsLoading":t===jr.InstrumentationRule?"instrumentationRulesLoading":"NONE";"NONE"!==o&&e({[o]:r})},setEntities:(t,r)=>{const o=t===jr.Namespace?"namespaces":t===jr.Source?"sources":t===jr.Destination?"destinations":t===jr.Action?"actions":t===jr.InstrumentationRule?"instrumentationRules":"NONE";"NONE"!==o&&e({[o]:r})},addEntities:(t,r)=>{const o=t===jr.Namespace?"namespaces":t===jr.Source?"sources":t===jr.Destination?"destinations":t===jr.Action?"actions":t===jr.InstrumentationRule?"instrumentationRules":"NONE";"NONE"!==o&&e(e=>{const t=[...e[o]],n=new Map;return t.forEach((e,t)=>{n.set(Xo(e),t)}),r.forEach(e=>{const r=Xo(e),o=n.get(r);void 0!==o?t[o]={...t[o],...e}:(n.set(r,t.length),t.push(e))}),{[o]:t}})},removeEntities:(t,r)=>{const o=t===jr.Namespace?"namespaces":t===jr.Source?"sources":t===jr.Destination?"destinations":t===jr.Action?"actions":t===jr.InstrumentationRule?"instrumentationRules":"NONE";"NONE"!==o&&e(e=>{const t=new Set(r.map(e=>Ho(e))),n=e[o].filter(e=>!t.has(Xo(e)));return{[o]:n}})},resetEntityStore:()=>{e({namespacesLoading:!1,namespaces:[],sourcesLoading:!1,sources:[],destinationsLoading:!1,destinations:[],actionsLoading:!1,actions:[],instrumentationRulesLoading:!1,instrumentationRules:[]})}})),Js=()=>({searchText:"",statuses:[],platformTypes:[],namespaces:[],kinds:[],monitors:[],languages:[],conditions:[],podsAgentInjectionStatus:[],errors:[],onlyErrors:!1}),Ys=Bt(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}),podsAgentInjectionStatus:[],setPodsAgentInjectionStatus:t=>e({podsAgentInjectionStatus: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:[],podsAgentInjectionStatus:[],errors:[],onlyErrors:!1}),getEmptyState:Js})),Qs=Bt(e=>({currentModal:"",setCurrentModal:t=>e({currentModal:t})})),Zs=Bt((e,t)=>({notifications:[],addNotification:r=>{const o=new Date,n=`${o.getTime().toString()}${r.target?`#${r.target}`:""}`,{notifications:i}=t();i.some(e=>e.type===r.type&&e.title===r.title&&e.message===r.message&&!e.dismissed)||e(e=>({notifications:[{...r,id:n,time:o.toISOString(),dismissed:!1,seen:!1},...e.notifications]}))},markAsDismissed:t=>{e(e=>{const r=e.notifications.findIndex(e=>e.id===t);return-1!==r&&(e.notifications[r].dismissed=!0),{notifications:e.notifications}})},markAsSeen:t=>{e(e=>{const r=e.notifications.findIndex(e=>e.id===t);return-1!==r&&(e.notifications[r].seen=!0),{notifications:e.notifications}})},removeNotification:t=>{e(e=>{const r=e.notifications.findIndex(e=>e.id===t);return-1!==r&&e.notifications.splice(r,1),{notifications:e.notifications}})},removeNotifications:t=>{t&&e(e=>({notifications:e.notifications.filter(e=>e.id.split("#")[1]!==t)}))}}));var el;!function(e){e.Instrumenting="instrumenting",e.Uninstrumenting="uninstrumenting",e.BulkInstrumenting="bulk-instrumenting",e.BulkUninstrumenting="bulk-uninstrumenting",e.DownloadingDiagnose="downloading-diagnose"}(el||(el={}));const tl=(e,t)=>({...t?.[e]||{total:0,current:0,percentage:0}}),rl=e=>(e.total<e.current&&(e.total=e.current+1),e.percentage=Math.round(e.current/e.total*100),e),ol=Bt((e,t)=>({progress:{},setProgress:(r,o)=>{const n=t(),i=tl();return"number"==typeof o.total&&(i.total=o.total),"number"==typeof o.current&&(i.current=o.current),Array.isArray(o.list)&&(i.list=o.list),e({progress:{...n.progress,[r]:rl(i)}})},addProgress:(r,o,n)=>{const i=t(),a=tl(r,i.progress);return a.current+=o,n&&(a.list=a.list?.map(e=>e.label===n.label?{...e,status:n.status}:e)),e({progress:{...i.progress,[r]:rl(a)}})},resetProgress:t=>e({progress:{[t]:void 0}})})),nl=Bt(e=>({selectedSources:{},setSelectedSources:t=>e({selectedSources:t}),resetSelectedState:()=>e(()=>({selectedSources:{},selectedConnection:null}))})),il={configuredSources:{},configuredFutureApps:{},configuredDestinations:[],configuredDestinationsUpdateOnly:[]},al=(e,t)=>e.destinationType.type!==t.destinationType.type,sl=Bt(e=>({...il,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=>al(e,t))})),setConfiguredDestinationsUpdateOnly:t=>e({configuredDestinationsUpdateOnly:t}),addConfiguredDestinationUpdateOnly:t=>e(e=>{const r=[...e.configuredDestinationsUpdateOnly,t].map(e=>[e.id,e]);return{configuredDestinationsUpdateOnly:Array.from(new Map(r).values())}}),removeConfiguredDestinationUpdateOnly:t=>e(e=>({configuredDestinationsUpdateOnly:e.configuredDestinationsUpdateOnly.filter(e=>al(e,t))})),clearStore:()=>e(()=>({...il}))})),ll={v2:{text:{size:{xxxs:10,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",1e3:"#1B1C1D"},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"}},cl={v2:ll.v2,darkMode:!0,colors:{...ll.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:ll.font_family},dl={v2:ll.v2,darkMode:!1,colors:{...ll.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:ll.font_family},pl=e=>e?cl:dl;var ul=Object.freeze({__proto__:null,baseTheme:ll,darkModeTheme:cl,getTheme:pl,lightModeTheme:dl});tr('@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}*{animation-duration:.3s;animation-fill-mode:forwards;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 hl=({children:t})=>{const{darkMode:r}=Xs();return e(s,{theme:pl(r),children:t})},ml={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"};var gl=Object.freeze({__proto__:null,hex:ml});const fl={in:{left:a`
|
|
286
|
+
`,Hi=(e,t)=>t?e.reduce((e,r)=>{if(r.items){const o=Hi(r.items,t);o.length&&e.push({...r,items:o})}else r.label.toLowerCase().includes(t.toLowerCase())&&e.push(r);return e},[]):e,Xi=({placeholder:r="Type to search...",options:o,selectedOption:n,onOptionSelect:i,defaultText:a,onTextChange:s,style:l,disabled:c,errorMessage:d,...p})=>{const[u,h]=Wt(n?.label||a||""),[m,g]=Wt(Hi(o,u)),[f,y]=Wt(!1);Wt(-1),Ht(()=>g(Hi(o,u)),[o]);const x=n?.icon,b=e=>{e&&(h(e.label),s?.(e.label)),y(!e),i?.(e)};return t(Ri,{style:l,children:[t(Oi,{$hasError:!!d,children:[x&&e(x,{}),e(_i,{type:"text",value:u,placeholder:r,onChange:e=>{e.stopPropagation();const t=e.target.value,r=Hi(o,t),n=1===r.length&&r[0].label===t?r[0]:void 0;h(t),s?.(t),g(r),b(n)},onKeyDown:e=>{["Enter"].includes(e.key)||e.stopPropagation()},disabled:c,onBlur:()=>!c&&y(!1),onFocus:()=>!c&&y(!0),...p})]}),f&&m.length?e(Fi,{children:m.map(t=>e(Gi,{option:t,onClick:b},t.type||t.label))}):null,d&&e(Ni,{children:d})]})},Gi=({option:r,renderIcon:o=!0,onClick:n})=>{const i=!!r.items&&r.items.length>0,a=r.icon;return t(Pi,{"data-id":`option-${r.type||r.label}`,$isList:i,onMouseDown:()=>i?null:n(r),children:[a&&o&&e(a,{}),t(Li,{children:[t(Bi,{children:[e(Ui,{children:r.label}),e(ji,{children:r.description})]}),i&&e(Wi,{children:r.items?.map(r=>t(zi,{children:[e(Mi,{}),e(Gi,{option:r,renderIcon:!1,onClick:n})]},r.type||r.label))})]})]})},Vi=Bt(e=>({activeNodeType:null,activeNodeId:null,setActiveNodeType:t=>e({activeNodeType:t}),setActiveNodeId:t=>e({activeNodeId:t})})),Ki=[{type:Dr.K8sAttributes,icon:_o(Dr.K8sAttributes),label:"Kubernetes Attributes",description:"Add dynamic k8s resource attributes to your data.",allowedSignals:[mo.Traces,mo.Metrics,mo.Logs],docsEndpoint:"/pipeline/actions/attributes/k8sattributes",docsDescription:"This action adds kubernetes related resource attributes to spans, metrics data points and log records."},{type:Dr.AddClusterInfo,icon:_o(Dr.AddClusterInfo),label:"Add Cluster Info",description:"Add static cluster-scoped attributes to your data.",allowedSignals:[mo.Traces,mo.Metrics,mo.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:Dr.DeleteAttributes,icon:_o(Dr.DeleteAttributes),label:"Delete Attribute",description:"Delete attributes from logs, metrics, and traces.",allowedSignals:[mo.Traces,mo.Metrics,mo.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:Dr.RenameAttributes,icon:_o(Dr.RenameAttributes),label:"Rename Attribute",description:"Rename attributes in logs, metrics, and traces.",allowedSignals:[mo.Traces,mo.Metrics,mo.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:Dr.PiiMasking,icon:_o(Dr.PiiMasking),label:"PII Masking",description:"Mask PII data in your traces.",allowedSignals:[mo.Traces],docsEndpoint:"/pipeline/actions/attributes/piimasking",docsDescription:"This action processes a list of PII categories to be masked from the traces."},{type:Dr.URLTemplatization,icon:_o(Dr.URLTemplatization),label:"URL Templatization",description:"Replace dynamic URL path segments with named placeholders to reduce span cardinality.",allowedSignals:[mo.Traces],docsEndpoint:"/pipeline/actions/attributes/urltemplatization",docsDescription:"Normalizes HTTP URL paths by replacing dynamic segments (IDs, UUIDs, dates) with named placeholders (e.g. /user/1234 → /user/{id}). Reduces cardinality of http.route and span names, improving usability in telemetry backends.",minVersion:Si("v1.21.0")}],qi=[{type:Dr.ErrorSampler,icon:_o(Ar.Samplers),label:"Error Sampler",description:"Sample errors based on percentage.",allowedSignals:[mo.Traces],docsEndpoint:"/pipeline/actions/sampling/errorsampler",docsDescription:"This action is a Global Action that supports error sampling by filtering out non-error traces."},{type:Dr.LatencySampler,icon:_o(Ar.Samplers),label:"Latency Sampler",description:"Add latency to your traces.",allowedSignals:[mo.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:Dr.ProbabilisticSampler,icon:_o(Ar.Samplers),label:"Probabilistic Sampler",description:"Sample traces based on percentage.",allowedSignals:[mo.Traces],docsEndpoint:"/pipeline/actions/sampling/probabilisticsampler",docsDescription:"This action supports probabilistic sampling based on a configured sampling percentage applied to the TraceID."},{type:Dr.ServiceNameSampler,icon:_o(Ar.Samplers),label:"Service Name Sampler",description:"Sample traces based on the presence of specified services within a trace.",allowedSignals:[mo.Traces],docsEndpoint:"/pipeline/actions/sampling/servicenamesampler",docsDescription:"This action supports service name sampling based on the presence of specified services within a trace."},{type:Dr.SpanAttributeSampler,icon:_o(Ar.Samplers),label:"Span Attributes Sampler",description:"Sample traces based on the presence or value of specific attributes within a trace.",allowedSignals:[mo.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."}],Ji=[{label:"Attributes",icon:_o(Ar.Attributes),items:Ki},{label:"Samplers",icon:_o(Ar.Samplers),items:qi}];var Yi;!function(e){e.ALL="all",e.UNSAVED="unsaved",e.EXISTS="exists",e.DETECTED="detected",e.SELF_HOSTED="self-hosted",e.MANAGED="managed"}(Yi||(Yi={}));const Qi={[Yi.ALL]:{TITLE:"All",DESCRIPTION:"All destinations"},[Yi.UNSAVED]:{TITLE:"Selected",DESCRIPTION:"These are destinations that you have not yet saved."},[Yi.EXISTS]:{TITLE:"Already configured",DESCRIPTION:"These are destinations that you have already configured in other data-streams and can reuse them."},[Yi.DETECTED]:{TITLE:"Detected by system",DESCRIPTION:"Odigos found these destinations in your cluster and pre-filled their details. Review and enable them to start sending data."},[Yi.SELF_HOSTED]:{TITLE:"Self hosted",DESCRIPTION:"Full control and customization for advanced application monitoring."},[Yi.MANAGED]:{TITLE:"Managed",DESCRIPTION:"Effortless monitoring with scalable performance management."}},Zi=[{type:no.CodeAttributes,icon:Ko(no.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:[Br.Go,Br.Python]},{type:no.CustomInstrumentation,icon:Ko(no.CustomInstrumentation),label:"Custom Instrumentation",description:"Define custom instrumentation for specific class and methods (i.e. for Java) or explicit symbol (i.e. for 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:[Br.Go,Br.Java]},{type:no.HeadersCollection,icon:Ko(no.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:[Br.Go,Br.Java,Br.JavaScript]},{type:no.PayloadCollection,icon:Ko(no.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:[Br.Go,Br.JavaScript]}],ea="Cancel",ta="Save",ra="Edit rule",oa="Edit auto rule",na="Create rule",ia="Delete rule",aa="Save",sa="Create your first rule",la="No Rules Exist",ca="No Results",da=e=>`No rules match the search term "${e}"`,pa="Rule name",ua="Rule type",ha="Select the type of condition that makes a trace highly relevant.",ma="Rule Enabled",ga="Rule Disabled",fa="Enabled",ya="Disabled",xa="Note",ba="HTTP route",va="Method",$a="Keep Percentage",wa="Drop Percentage",Sa="Keep traces with duration larger than",ka="Keep traces with errors",Ca="Keep at least this percentage of matching traces",Ea="Keep at most this percentage of matching traces",Aa="Custom percentage",Da="Disabled rule",Ta="Sample",Ia="Keep all",Na="Drop all",Ra="Operation type",Oa="HTTP route prefix",_a="Templated path",Fa="Templated path prefix",Pa="Kafka topic",La="Custom duration (ms)",za="No preview available",Ma="Server address",Ba="Drop at most this percentage of matching traces",Ua="Unnamed rule",ja="Sampling Preview",Wa="Source Scope",Ha="Operation",Xa="Duration",Ga="Errors",Va="Keep Percentage",Ka="Drop Percentage",qa="Define which sources this rule applies to. You can target specific services, namespaces, or apply the rule to the entire cluster.",Ja="Define which operations this rule applies to. You can target specific endpoints or requests, or apply the rule to all operations in the selected services.",Ya="Define a duration threshold for this rule. Traces with a duration longer than the specified value will be considered important and retained.",Qa="Retain traces with errors from the selected services and operations.",Za="Specify the exact percentage of matching traces to keep",es="Specify the exact percentage of matching traces to drop",ts="Type rule name",rs="Add note here...",os="Type here",ns="Search source name",is="e.g. collector.my.vendor.com",as="Optional notes (not used by the system). Add any context or details for this sampling rule.",ss="Rule will apply to all sources in the cluster",ls="If multiple source scopes are set, they must all match simultaneously.",cs="All sources",ds="-",ps="All",us="All operations",hs="HTTP server endpoint",ms="HTTP client endpoint",gs="Kafka consumer",fs="Kafka producer",ys="Sampling Rules",xs='Control how traces are categorized based on "Importance" and potential value, for fine grain control of what is kept and what is dropped.',bs="Refresh",vs="Create rule",$s="Sampling docs",ws="75vw",Ss="Delete rule?",ks="Are you sure you want to delete this sampling rule?",Cs="Delete",Es="Cancel",As="Kubernetes Health Probes",Ds="Keep All Error Traces",Ts="Drop Traces Cluster-Wide",Is="A rule with the same matching conditions already exists.",Ns="Create 'Noisy Operation Kubernetes Health Probes' rule",Rs="Edit 'Noisy Operation Kubernetes Health Probes' rule",Os="Automatically detect and sample health probe traces across the cluster.",_s="Create 'Highly Relevant Operations' rule",Fs="Edit 'Highly Relevant Operations' rule",Ps="Automatically keep all error traces across the entire cluster.",Ls="Create 'Cost Reduction' rule",zs="Edit 'Cost Reduction' rule",Ms="Automatically drop a percentage of traces across the entire cluster.",Bs={noisy:"Rules that reduce noise from high-volume, low-value operations using Head Sampling.",highlyRelevant:"Add a rule to identify highly relevant operations. Traces with errors, long duration, or from critical endpoints and key workflows will be retained so important transactions are always available for analysis.",costReduction:"Rules that optimize costs by sampling less critical data using Tail Sampling."},Us={noisy:Ns,highlyRelevant:_s,costReduction:Ls},js={noisy:Rs,highlyRelevant:Fs,costReduction:zs},Ws={noisy:"Noisy Operation",highlyRelevant:"Highly Relevant",costReduction:"Cost Reduction"},Hs=[{id:mo.Logs,value:"Logs"},{id:mo.Metrics,value:"Metrics"},{id:mo.Traces,value:"Traces"}],Xs={[Br.Go]:"Go",[Br.Java]:"Java",[Br.JavaScript]:"Node.js",[Br.Python]:"Python",[Br.DotNet]:".NET",[Br.CSharp]:"C#",[Br.CPlusPlus]:"C++",[Br.Php]:"PHP",[Br.Ruby]:"Ruby",[Br.Rust]:"Rust",[Br.Swift]:"Swift",[Br.Elixir]:"Elixir",[Br.MySql]:"MySQL",[Br.Nginx]:"Nginx",[Br.Postgres]:"PostgreSQL",[Br.Redis]:"Redis",[Br.Kafka]:"Kafka",[Br.Ignored]:"Ignored",[Br.Unknown]:"Unknown",[Br.Processing]:"Processing",[Br.NoContainers]:"No Containers",[Br.NoRunningPods]:"No Running Pods"},Gs=[{id:Br.Go,value:Xs[Br.Go],icon:Lo(Br.Go)},{id:Br.Java,value:Xs[Br.Java],icon:Lo(Br.Java)},{id:Br.JavaScript,value:Xs[Br.JavaScript],icon:Lo(Br.JavaScript)},{id:Br.Python,value:Xs[Br.Python],icon:Lo(Br.Python)},{id:Br.Php,value:Xs[Br.Php],icon:Lo(Br.Php)},{id:Br.Ruby,value:Xs[Br.Ruby],icon:Lo(Br.Ruby)},{id:Br.Rust,value:Xs[Br.Rust],icon:Lo(Br.Rust)},{id:Br.DotNet,value:Xs[Br.DotNet],icon:Lo(Br.DotNet)},{id:Br.CSharp,value:Xs[Br.CSharp],icon:Lo(Br.CSharp)},{id:Br.CPlusPlus,value:Xs[Br.CPlusPlus],icon:Lo(Br.CPlusPlus)},{id:Br.Swift,value:Xs[Br.Swift],icon:Lo(Br.Swift)},{id:Br.Elixir,value:Xs[Br.Elixir],icon:Lo(Br.Elixir)}],Vs={id:ro.OpentelemetryEbpfInstrumentation,value:ro.OpentelemetryEbpfInstrumentation,icon:q},Ks={[Br.Go]:{community:[{id:ro.GolangCommunity,value:ro.GolangCommunity,icon:Lo(Br.Go)},Vs],enterprise:[{id:ro.GolangEnterprise,value:ro.GolangEnterprise,icon:Lo(Br.Go)}]},[Br.JavaScript]:{community:[{id:ro.NodejsCommunity,value:ro.NodejsCommunity,icon:Lo(Br.JavaScript)},Vs],enterprise:[{id:ro.NodejsEnterprise,value:ro.NodejsEnterprise,icon:Lo(Br.JavaScript)}]},[Br.Python]:{community:[{id:ro.PythonCommunity,value:ro.PythonCommunity,icon:Lo(Br.Python)},Vs],enterprise:[{id:ro.PythonEnterprise,value:ro.PythonEnterprise,icon:Lo(Br.Python)}]},[Br.Java]:{community:[{id:ro.JavaCommunity,value:ro.JavaCommunity,icon:Lo(Br.Java)},Vs],enterprise:[{id:ro.JavaEnterprise,value:ro.JavaEnterprise,icon:Lo(Br.Java)},{id:ro.JavaEbpfInstrumentations,value:ro.JavaEbpfInstrumentations,icon:Lo(Br.Java)}]},[Br.DotNet]:{community:[{id:ro.DotNetCommunity,value:ro.DotNetCommunity,icon:Lo(Br.DotNet)},Vs],enterprise:[{id:ro.DotNetEnterprise,value:ro.DotNetEnterprise,icon:Lo(Br.DotNet)}]},[Br.Ruby]:{community:[{id:ro.RubyCommunity,value:ro.RubyCommunity,icon:Lo(Br.Ruby)},Vs],enterprise:[{id:ro.RubyEnterprise,value:ro.RubyEnterprise,icon:Lo(Br.Ruby)}]},[Br.Php]:{community:[{id:ro.PhpCommunity,value:ro.PhpCommunity,icon:Lo(Br.Php)},Vs],enterprise:[]},[Br.CSharp]:{community:[],enterprise:[{id:ro.CPlusPlusEnterprise,value:ro.CPlusPlusEnterprise,icon:Lo(Br.CSharp)}]},[Br.MySql]:{community:[],enterprise:[{id:ro.MySqlEnterprise,value:ro.MySqlEnterprise,icon:Lo(Br.MySql)}]},[Br.CPlusPlus]:{community:[Vs],enterprise:[]},[Br.Rust]:{community:[Vs],enterprise:[]},[Br.Swift]:{community:[Vs],enterprise:[]},[Br.Elixir]:{community:[Vs],enterprise:[]},[Br.Nginx]:{community:[Vs],enterprise:[]},[Br.Postgres]:{community:[Vs],enterprise:[]},[Br.Redis]:{community:[Vs],enterprise:[]},[Br.Kafka]:{community:[Vs],enterprise:[]},[Br.Ignored]:{community:[],enterprise:[]},[Br.Unknown]:{community:[],enterprise:[]},[Br.Processing]:{community:[],enterprise:[]},[Br.NoContainers]:{community:[],enterprise:[]},[Br.NoRunningPods]:{community:[],enterprise:[]}},qs=6048e5,Js=Bt()(Zt(e=>({darkMode:!0,setDarkMode:t=>e({darkMode:t})}),{name:Co.DARK_MODE,storage:"undefined"!=typeof window?er(()=>localStorage):void 0})),Ys={dataStreamsLoading:!1,dataStreams:[],selectedStreamName:wo},Qs=Bt(e=>({...Ys,setDataStreamsLoading:t=>e({dataStreamsLoading:t}),setDataStreams:t=>e({dataStreams:t}),addDataStreams:t=>e(e=>{const r=[...e.dataStreams,...t].map(e=>[e.name,e]);return{dataStreams:Array.from(new Map(r).values())}}),removeDataStreams:t=>e(e=>({dataStreams:e.dataStreams.filter(e=>!t.find(t=>t.name===e.name))})),setSelectedStreamName:t=>e({selectedStreamName:t}),resetDataStreamStore:()=>e(Ys)})),Zs=Bt(e=>({drawerType:null,drawerEntityId:null,setDrawerType:t=>e({drawerType:t}),setDrawerEntityId:t=>e({drawerEntityId:t})})),el=Bt(e=>({namespacesLoading:!1,namespaces:[],sourcesLoading:!1,sources:[],destinationsLoading:!1,destinations:[],actionsLoading:!1,actions:[],instrumentationRulesLoading:!1,instrumentationRules:[],setEntitiesLoading:(t,r)=>{const o=t===jr.Namespace?"namespacesLoading":t===jr.Source?"sourcesLoading":t===jr.Destination?"destinationsLoading":t===jr.Action?"actionsLoading":t===jr.InstrumentationRule?"instrumentationRulesLoading":"NONE";"NONE"!==o&&e({[o]:r})},setEntities:(t,r)=>{const o=t===jr.Namespace?"namespaces":t===jr.Source?"sources":t===jr.Destination?"destinations":t===jr.Action?"actions":t===jr.InstrumentationRule?"instrumentationRules":"NONE";"NONE"!==o&&e({[o]:r})},addEntities:(t,r)=>{const o=t===jr.Namespace?"namespaces":t===jr.Source?"sources":t===jr.Destination?"destinations":t===jr.Action?"actions":t===jr.InstrumentationRule?"instrumentationRules":"NONE";"NONE"!==o&&e(e=>{const t=[...e[o]],n=new Map;return t.forEach((e,t)=>{n.set(Xo(e),t)}),r.forEach(e=>{const r=Xo(e),o=n.get(r);void 0!==o?t[o]={...t[o],...e}:(n.set(r,t.length),t.push(e))}),{[o]:t}})},removeEntities:(t,r)=>{const o=t===jr.Namespace?"namespaces":t===jr.Source?"sources":t===jr.Destination?"destinations":t===jr.Action?"actions":t===jr.InstrumentationRule?"instrumentationRules":"NONE";"NONE"!==o&&e(e=>{const t=new Set(r.map(e=>Ho(e))),n=e[o].filter(e=>!t.has(Xo(e)));return{[o]:n}})},resetEntityStore:()=>{e({namespacesLoading:!1,namespaces:[],sourcesLoading:!1,sources:[],destinationsLoading:!1,destinations:[],actionsLoading:!1,actions:[],instrumentationRulesLoading:!1,instrumentationRules:[]})}})),tl=()=>({searchText:"",statuses:[],platformTypes:[],namespaces:[],kinds:[],monitors:[],languages:[],conditions:[],podsAgentInjectionStatus:[],errors:[],onlyErrors:!1}),rl=Bt(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}),podsAgentInjectionStatus:[],setPodsAgentInjectionStatus:t=>e({podsAgentInjectionStatus: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:[],podsAgentInjectionStatus:[],errors:[],onlyErrors:!1}),getEmptyState:tl})),ol=Bt(e=>({currentModal:"",setCurrentModal:t=>e({currentModal:t})})),nl=Bt((e,t)=>({notifications:[],addNotification:r=>{const o=new Date,n=`${o.getTime().toString()}${r.target?`#${r.target}`:""}`,{notifications:i}=t();i.some(e=>e.type===r.type&&e.title===r.title&&e.message===r.message&&!e.dismissed)||e(e=>({notifications:[{...r,id:n,time:o.toISOString(),dismissed:!1,seen:!1},...e.notifications]}))},markAsDismissed:t=>{e(e=>{const r=e.notifications.findIndex(e=>e.id===t);return-1!==r&&(e.notifications[r].dismissed=!0),{notifications:e.notifications}})},markAsSeen:t=>{e(e=>{const r=e.notifications.findIndex(e=>e.id===t);return-1!==r&&(e.notifications[r].seen=!0),{notifications:e.notifications}})},removeNotification:t=>{e(e=>{const r=e.notifications.findIndex(e=>e.id===t);return-1!==r&&e.notifications.splice(r,1),{notifications:e.notifications}})},removeNotifications:t=>{t&&e(e=>({notifications:e.notifications.filter(e=>e.id.split("#")[1]!==t)}))}}));var il;!function(e){e.Instrumenting="instrumenting",e.Uninstrumenting="uninstrumenting",e.BulkInstrumenting="bulk-instrumenting",e.BulkUninstrumenting="bulk-uninstrumenting",e.DownloadingDiagnose="downloading-diagnose"}(il||(il={}));const al=(e,t)=>({...t?.[e]||{total:0,current:0,percentage:0}}),sl=e=>(e.total<e.current&&(e.total=e.current+1),e.percentage=Math.round(e.current/e.total*100),e),ll=Bt((e,t)=>({progress:{},setProgress:(r,o)=>{const n=t(),i=al();return"number"==typeof o.total&&(i.total=o.total),"number"==typeof o.current&&(i.current=o.current),Array.isArray(o.list)&&(i.list=o.list),e({progress:{...n.progress,[r]:sl(i)}})},addProgress:(r,o,n)=>{const i=t(),a=al(r,i.progress);return a.current+=o,n&&(a.list=a.list?.map(e=>e.label===n.label?{...e,status:n.status}:e)),e({progress:{...i.progress,[r]:sl(a)}})},resetProgress:t=>e({progress:{[t]:void 0}})})),cl=Bt(e=>({selectedSources:{},setSelectedSources:t=>e({selectedSources:t}),resetSelectedState:()=>e(()=>({selectedSources:{},selectedConnection:null}))})),dl={configuredSources:{},configuredFutureApps:{},configuredDestinations:[],configuredDestinationsUpdateOnly:[]},pl=(e,t)=>e.destinationType.type!==t.destinationType.type,ul=Bt(e=>({...dl,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=>pl(e,t))})),setConfiguredDestinationsUpdateOnly:t=>e({configuredDestinationsUpdateOnly:t}),addConfiguredDestinationUpdateOnly:t=>e(e=>{const r=[...e.configuredDestinationsUpdateOnly,t].map(e=>[e.id,e]);return{configuredDestinationsUpdateOnly:Array.from(new Map(r).values())}}),removeConfiguredDestinationUpdateOnly:t=>e(e=>({configuredDestinationsUpdateOnly:e.configuredDestinationsUpdateOnly.filter(e=>pl(e,t))})),clearStore:()=>e(()=>({...dl}))})),hl={v2:{text:{size:{xxxs:10,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:"#8855FF",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",1e3:"#1B1C1D"},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:{500:"#FF7CC8",600:"#FF7CA9"},orange:{600:"#F29142"}},zIndex:{base:1,island:100,drawer:1e3,modal:1e3,dropdown:1100,popover:1100,tooltip:1200}},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"}},ml={v2:hl.v2,darkMode:!0,colors:{...hl.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:hl.font_family},gl={v2:hl.v2,darkMode:!1,colors:{...hl.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:hl.font_family},fl=e=>e?ml:gl;var yl=Object.freeze({__proto__:null,baseTheme:hl,darkModeTheme:ml,getTheme:fl,lightModeTheme:gl});tr('@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}*{animation-duration:.3s;animation-fill-mode:forwards;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 xl=({children:t})=>{const{darkMode:r}=Js();return e(s,{theme:fl(r),children:t})},bl={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"};var vl=Object.freeze({__proto__:null,hex:bl});const $l={in:{left:a`
|
|
277
287
|
from { transform: translateX(-100%); }
|
|
278
288
|
to { transform: translateX(0); }
|
|
279
289
|
`,right:a`
|
|
@@ -303,7 +313,7 @@ import{jsx as e,jsxs as t,Fragment as r}from"react/jsx-runtime";import o,{css as
|
|
|
303
313
|
`,center:a`
|
|
304
314
|
from { transform: translate(-50%, -50%); }
|
|
305
315
|
to { transform: translate(-50%, 100%); }
|
|
306
|
-
`}},
|
|
316
|
+
`}},wl={in:a`
|
|
307
317
|
from {
|
|
308
318
|
width: 0%;
|
|
309
319
|
}
|
|
@@ -317,7 +327,7 @@ import{jsx as e,jsxs as t,Fragment as r}from"react/jsx-runtime";import o,{css as
|
|
|
317
327
|
to {
|
|
318
328
|
width: 0%;
|
|
319
329
|
}
|
|
320
|
-
`},
|
|
330
|
+
`},Sl=a`
|
|
321
331
|
0% {
|
|
322
332
|
transform: scale(1);
|
|
323
333
|
opacity: 1;
|
|
@@ -326,14 +336,14 @@ import{jsx as e,jsxs as t,Fragment as r}from"react/jsx-runtime";import o,{css as
|
|
|
326
336
|
transform: scale(2);
|
|
327
337
|
opacity: 0;
|
|
328
338
|
}
|
|
329
|
-
`,
|
|
339
|
+
`,kl=a`
|
|
330
340
|
0% {
|
|
331
341
|
background-position: -500px 0;
|
|
332
342
|
}
|
|
333
343
|
100% {
|
|
334
344
|
background-position: 500px 0;
|
|
335
345
|
}
|
|
336
|
-
`,
|
|
346
|
+
`,Cl={in:a`
|
|
337
347
|
from {
|
|
338
348
|
opacity: 0;
|
|
339
349
|
}
|
|
@@ -347,7 +357,7 @@ import{jsx as e,jsxs as t,Fragment as r}from"react/jsx-runtime";import o,{css as
|
|
|
347
357
|
to {
|
|
348
358
|
opacity: 0;
|
|
349
359
|
}
|
|
350
|
-
`};var
|
|
360
|
+
`};var El=Object.freeze({__proto__:null,fade:Cl,ping:Sl,progress:wl,shimmer:kl,slide:$l});const Al=o.span`
|
|
351
361
|
display: flex;
|
|
352
362
|
align-items: center;
|
|
353
363
|
justify-content: center;
|
|
@@ -359,15 +369,15 @@ import{jsx as e,jsxs as t,Fragment as r}from"react/jsx-runtime";import o,{css as
|
|
|
359
369
|
gap: 2px;
|
|
360
370
|
|
|
361
371
|
border-radius: 50px;
|
|
362
|
-
border: 1px solid ${({theme:e,$filled:t,$status:r})=>r?e.text[r]+(t?"":
|
|
372
|
+
border: 1px solid ${({theme:e,$filled:t,$status:r})=>r?e.text[r]+(t?"":bl["050"]):t?"transparent":e.colors.border};
|
|
363
373
|
background-color: ${({theme:e,$filled:t,$status:r})=>t?r?e.colors[r]:e.colors.majestic_blue:"transparent"};
|
|
364
374
|
color: ${({theme:e,$filled:t,$status:r})=>t&&r?e.text.secondary:t?e.text.white:r?e.text[r]:e.text.grey};
|
|
365
375
|
font-family: ${({theme:e})=>e.font_family.secondary};
|
|
366
376
|
font-size: 12px;
|
|
367
377
|
white-space: nowrap;
|
|
368
378
|
|
|
369
|
-
${({theme:e,$filled:t,$status:r,$clickable:o})=>o&&`&:hover {\n cursor: pointer;\n background-color: ${r?e.colors[r]+
|
|
370
|
-
`,
|
|
379
|
+
${({theme:e,$filled:t,$status:r,$clickable:o})=>o&&`&:hover {\n cursor: pointer;\n background-color: ${r?e.colors[r]+bl["020"]:t?e.colors.majestic_blue_soft:e.colors.secondary+bl["020"]};\n }`}
|
|
380
|
+
`,Dl=({label:r,filled:o,status:n,withIcon:a,onClick:s})=>{const l=i(),c=n&&a?Vn(n,l):null;return t(Al,{$filled:o,$status:n,$clickable:!!s,onClick:s,children:[!!c&&e(c,{}),r]})},Tl=o.div`
|
|
371
381
|
height: fit-content;
|
|
372
382
|
border: 2px solid transparent;
|
|
373
383
|
padding: 2px;
|
|
@@ -377,15 +387,15 @@ import{jsx as e,jsxs as t,Fragment as r}from"react/jsx-runtime";import o,{css as
|
|
|
377
387
|
&:focus-within {
|
|
378
388
|
border-color: ${({theme:e})=>e.colors.secondary};
|
|
379
389
|
}
|
|
380
|
-
`,
|
|
381
|
-
border: 1px solid ${({theme:e})=>e.text.secondary+
|
|
390
|
+
`,Il={primary:n`
|
|
391
|
+
border: 1px solid ${({theme:e})=>e.text.secondary+bl["024"]};
|
|
382
392
|
background: ${({theme:e})=>e.colors.secondary};
|
|
383
393
|
color: ${({theme:e})=>e.colors.primary};
|
|
384
394
|
&:hover {
|
|
385
|
-
background: ${({theme:e})=>e.colors.secondary+
|
|
395
|
+
background: ${({theme:e})=>e.colors.secondary+bl["080"]};
|
|
386
396
|
}
|
|
387
397
|
&:active {
|
|
388
|
-
background: ${({theme:e})=>e.text.secondary+
|
|
398
|
+
background: ${({theme:e})=>e.text.secondary+bl["060"]};
|
|
389
399
|
}
|
|
390
400
|
`,secondary:n`
|
|
391
401
|
border: 1px solid ${({theme:e})=>e.colors.border};
|
|
@@ -393,17 +403,17 @@ import{jsx as e,jsxs as t,Fragment as r}from"react/jsx-runtime";import o,{css as
|
|
|
393
403
|
color: ${({theme:e})=>e.colors.secondary};
|
|
394
404
|
&:hover {
|
|
395
405
|
border: 1px solid ${({theme:e})=>e.text.darker_grey};
|
|
396
|
-
background: ${({theme:e})=>e.colors.secondary+
|
|
406
|
+
background: ${({theme:e})=>e.colors.secondary+bl["010"]};
|
|
397
407
|
}
|
|
398
408
|
&:active {
|
|
399
409
|
border: 1px solid ${({theme:e})=>e.text.dark_grey};
|
|
400
|
-
background: ${({theme:e})=>e.colors.secondary+
|
|
410
|
+
background: ${({theme:e})=>e.colors.secondary+bl["015"]};
|
|
401
411
|
}
|
|
402
412
|
`,tertiary:n`
|
|
403
413
|
border-color: transparent;
|
|
404
414
|
background: transparent;
|
|
405
415
|
&:hover {
|
|
406
|
-
background: ${({theme:e})=>e.colors.dropdown_bg_2+
|
|
416
|
+
background: ${({theme:e})=>e.colors.dropdown_bg_2+bl["040"]};
|
|
407
417
|
}
|
|
408
418
|
&:active {
|
|
409
419
|
background: ${({theme:e})=>e.colors.dropdown_bg_2};
|
|
@@ -412,21 +422,21 @@ import{jsx as e,jsxs as t,Fragment as r}from"react/jsx-runtime";import o,{css as
|
|
|
412
422
|
border-color: transparent;
|
|
413
423
|
background: ${({theme:e})=>e.text.error};
|
|
414
424
|
&:hover {
|
|
415
|
-
background: ${({theme:e})=>e.text.error+
|
|
425
|
+
background: ${({theme:e})=>e.text.error+bl["090"]};
|
|
416
426
|
}
|
|
417
427
|
&:active {
|
|
418
|
-
background: ${({theme:e})=>e.text.error+
|
|
428
|
+
background: ${({theme:e})=>e.text.error+bl["080"]};
|
|
419
429
|
}
|
|
420
430
|
`,warning:n`
|
|
421
431
|
border-color: transparent;
|
|
422
432
|
background: ${({theme:e})=>e.text.warning};
|
|
423
433
|
&:hover {
|
|
424
|
-
background: ${({theme:e})=>e.text.warning+
|
|
434
|
+
background: ${({theme:e})=>e.text.warning+bl["090"]};
|
|
425
435
|
}
|
|
426
436
|
&:active {
|
|
427
|
-
background: ${({theme:e})=>e.text.warning+
|
|
437
|
+
background: ${({theme:e})=>e.text.warning+bl["080"]};
|
|
428
438
|
}
|
|
429
|
-
`},
|
|
439
|
+
`},Nl=o.button`
|
|
430
440
|
height: 36px;
|
|
431
441
|
border-radius: 32px;
|
|
432
442
|
cursor: pointer;
|
|
@@ -440,20 +450,20 @@ import{jsx as e,jsxs as t,Fragment as r}from"react/jsx-runtime";import o,{css as
|
|
|
440
450
|
text-decoration: underline;
|
|
441
451
|
font-weight: 600;
|
|
442
452
|
outline: none;
|
|
443
|
-
${({$variant:e})=>e&&
|
|
453
|
+
${({$variant:e})=>e&&Il[e]}
|
|
444
454
|
${({disabled:e,$variant:t})=>e&&n`
|
|
445
455
|
opacity: 0.5;
|
|
446
456
|
cursor: not-allowed;
|
|
447
457
|
|
|
448
458
|
${"primary"===t?n`
|
|
449
459
|
color: ${({theme:e})=>e.colors.secondary};
|
|
450
|
-
background: ${({theme:e})=>e.text.secondary+
|
|
460
|
+
background: ${({theme:e})=>e.text.secondary+bl["010"]};
|
|
451
461
|
&:hover {
|
|
452
|
-
background: ${({theme:e})=>e.text.secondary+
|
|
462
|
+
background: ${({theme:e})=>e.text.secondary+bl["015"]};
|
|
453
463
|
}
|
|
454
464
|
`:""}
|
|
455
465
|
`}
|
|
456
|
-
`,
|
|
466
|
+
`,Rl=({children:t,variant:r="primary",onClick:o,...n})=>{const i=Gt(null);return e(Tl,{$variant:r,children:e(Nl,{ref:i,$variant:r,onClick:e=>{o&&o(e),i.current?.blur()},...n,children:t})})},Ol=e=>{function t(){return void 0===e?{}:$r(e)}const[r,o]=Wt(t()),[n,i]=Wt({}),[a,s]=Wt(t()),l=Vt((e,t)=>{const r={};if(!t||"object"!=typeof t)return e?{...e}:r;for(const[o,n]of Object.entries(e)){const e=o;if(Array.isArray(n)){const o=t[e];Array.isArray(o)&&n.length===o.length&&n.every((e,t)=>"object"==typeof e&&null!==e?0===Object.keys(l(e,o[t])).length:e===o[t])||(r[e]=t[e])}else if("object"==typeof n&&null!==n)if(null==t[e]||"object"!=typeof t[e])r[e]=t[e];else{const o=l(n,t[e]);Object.keys(o).length>0&&(r[e]=o)}else n!==t[e]&&(r[e]=t[e])}for(const o of Object.keys(t))o in e||(r[o]=t[o]);return r},[]),c=(e,t)=>0===Object.keys(l(e,t)).length,d=Xt(()=>!c(a,r),[a,r]);Ht(()=>{const n=t();void 0!==e&&"{}"===JSON.stringify(r)&&"{}"!==JSON.stringify(n)&&(o(n),s(n))},[e,r]);const p=Vt((e,t)=>wr("formData"===e?r:n,t.toString()),[r,n]);return{formData:r,formErrors:n,getFormDiff:l,areFormValuesEqual:c,isFormDirty:d,handleFormChange:(e,t,r)=>{if(e){const r=e.toString().split(".");1===r.length?o(r=>({...r,[e]:t})):o(e=>{const o=$r(e);let n=o;for(let e=0;e<r.length-1;e++){const t=r[e];n[t]&&"object"==typeof n[t]||(n[t]={}),n=n[t]}return n[r[r.length-1]]=t,o})}else r&&o({...r})},handleErrorChange:(e,t,r)=>{if(e){const r=e.toString().split(".");1===r.length?i(r=>({...r,[e]:t})):i(e=>{const o=$r(e);let n=o;for(let e=0;e<r.length-1;e++){const t=r[e];n[t]&&"object"==typeof n[t]||(n[t]={}),n=n[t]}return n[r[r.length-1]]=t,o})}else r&&i({...r})},resetFormData:e=>{const r=e||t();o(r),s(r),i({})},getNestedValue:p}},_l={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,urlTemplatizationRulesGroups:null}},Fl=()=>{const{addNotification:e}=nl(),{formData:t,formErrors:r,handleFormChange:o,handleErrorChange:n,resetFormData:i}=Ol(_l),a=e=>e&&Array.isArray(e)?e.map(e=>!e.fromSources?.length&&e.from?{...e,fromSources:[e.from]}:e):e;return{formData:t,formErrors:r,handleFormChange:o,resetFormData:i,validateForm:r=>{const o={};let i=!0;if(Object.entries(t).forEach(([e,t])=>{switch(e){case"type":case"signals":oi(t)&&(o[e]=Eo.FIELD_IS_REQUIRED)}}),t.type===Dr.URLTemplatization){const e=t.fields?.urlTemplatizationRulesGroups;if(e)for(const t of e)if(t.templatizationRules?.some(e=>!e.template?.trim())){o.fields=Eo.FIELD_IS_REQUIRED;break}}return i=!Object.values(o).length,!i&&r?.withAlert&&e({type:Gr.Warning,title:r.alertTitle,message:Eo.REQUIRED_FIELDS,hideFromHistory:!0}),n(void 0,void 0,o),i},loadFormWithDrawerItem:({type:e,signals:t,name:r,notes:n,disabled:i,fields:s})=>{const l={...$r(_l),type:e,signals:t,name:r,notes:n,disabled:i};Object.entries(s).forEach(([e,t])=>{if(t)switch(e){case Tr.LabelsAttributes:case Tr.AnnotationsAttributes:l.fields||(l.fields={}),l.fields[e]=a(t);break;case Tr.CollectContainerAttributes:case Tr.CollectReplicaSetAttributes:case Tr.CollectWorkloadId:case Tr.CollectClusterId:case Tr.ClusterAttributes:case Tr.OverwriteExistingValues:case Tr.AttributeNamesToDelete:case Tr.Renames:case Tr.PiiCategories:case Tr.FallbackSamplingRatio:case Tr.SamplingPercentage:case Tr.EndpointsFilters:case Tr.ServicesNameFilters:case Tr.AttributeFilters:case Tr.UrlTemplatizationRulesGroups:l.fields||(l.fields={}),l.fields[e]=t}}),o(void 0,void 0,l)}}},Pl=e=>{Ht(()=>{if(e){const e=document.body.style.overflow;return document.body.style.overflow="hidden",()=>{document.body.style.overflow=e}}},[e])},Ll=()=>{const{setCurrentModal:e}=ol(),{setDrawerType:t,setDrawerEntityId:r}=Zs(),{setActiveNodeType:o,setActiveNodeId:n,activeNodeId:i}=Vi();return{onClickNode:(a,s)=>{const{id:l,type:c,data:{id:d,type:p}}=s;switch(i===l?(o(null),n(null)):(o(c),n(l)),p){case jr.Source:case jr.Destination:case jr.Action:case jr.InstrumentationRule:t(p),r(d);break;case Zr.AddSource:e(jr.Source);break;case Zr.AddDestination:e(jr.Destination);break;case Zr.AddAction:e(jr.Action);break;case Zr.AddRule:e(jr.InstrumentationRule)}}}},zl=()=>{const{setDrawerType:e,setDrawerEntityId:t}=Zs(),{markAsDismissed:r,markAsSeen:o}=nl();return{onClickNotification:(n,i)=>{const{id:a,crdType:s,target:l}=n,{dismissToast:c}=i||{};if(s&&l)switch(s){case jr.InstrumentationRule:e(jr.InstrumentationRule),t(Vo(l,jr.InstrumentationRule));break;case jr.Source:case"InstrumentationConfig":case"InstrumentationInstance":e(jr.Source),t(Vo(l,jr.Source));break;case jr.Action:e(jr.Action),t(Vo(l,jr.Action));break;case jr.Destination:case"Destination":e(jr.Destination),t(Vo(l,jr.Destination))}o(a),c&&r(a)}}},Ml=()=>{const e=Gt(null),[t,r]=Wt(0),[o,n]=Wt(0);return Ht(()=>{const t=()=>{if(e.current){const{width:t,height:o}=e.current.getBoundingClientRect();r(t),n(o)}};return t(),window.addEventListener("resize",t),()=>window.removeEventListener("resize",t)},[]),{containerRef:e,containerWidth:t,containerHeight:o}};var Bl;!function(e){e[e.XS=16]="XS",e[e.S=18]="S",e[e.M=24]="M",e[e.L=32]="L"}(Bl||(Bl={}));const Ul=o.div`
|
|
457
467
|
width: ${({$size:e})=>1.5*e}px;
|
|
458
468
|
height: ${({$size:e})=>1.5*e}px;
|
|
459
469
|
display: flex;
|
|
@@ -464,7 +474,7 @@ import{jsx as e,jsxs as t,Fragment as r}from"react/jsx-runtime";import o,{css as
|
|
|
464
474
|
&:hover {
|
|
465
475
|
background: ${({theme:e})=>e.v2.colors.silver[900]};
|
|
466
476
|
}
|
|
467
|
-
`,Ll=({"data-id":t,icon:r,size:o=Fl.S,onClick:n,disabled:i})=>e(Pl,{"data-id":t,$size:o,$disabled:i,onClick:e=>{n&&!i&&(e.stopPropagation(),n(e))},children:e(r,{size:o})}),zl=({onDone:t}={})=>{const[r,o]=Wt(!1),[n,i]=Wt(-1),a=Vt(async(e,n)=>{if(!r){if(o(!0),void 0!==n&&i(n),navigator?.clipboard&&navigator.clipboard.writeText)try{await navigator.clipboard.writeText(e)}catch(e){}else{const t=document.createElement("textarea");t.value=e,document.body.appendChild(t),t.select();try{document.execCommand("copy")}catch(e){}document.body.removeChild(t)}t?.(),setTimeout(()=>{o(!1),i(-1)},1e3)}},[r,t]);return{CopyButton:Vt(({value:t,size:o})=>e(Ll,{icon:r?ft:xt,size:o,onClick:()=>a(t)}),[r]),isCopied:r,copiedIndex:n,clickCopy:a}},Ml=e=>{const{addNotification:t}=Zs(),{formData:r,handleFormChange:o,formErrors:n,handleErrorChange:i,resetFormData:a}=Dl(e);return{formData:r,formErrors:n,handleFormChange:o,resetFormData:a,validateForm:e=>{const o={};let n=!0;return r.name?Zn(r.name)?o.name=void 0:(n=!1,o.name=Eo.ILLEGAL_K8S_LABEL):(n=!1,o.name=Eo.FIELD_IS_REQUIRED),!n&&e?.withAlert&&t({type:Gr.Warning,title:e.alertTitle,message:Eo.REQUIRED_FIELDS,hideFromHistory:!0}),i(void 0,void 0,o),n},loadFormWithDrawerItem:({name:t})=>{const r={...$r(e),name:t};o(void 0,void 0,r)}}},Bl={type:"",name:"",exportedSignals:{logs:!1,metrics:!1,traces:!1},fields:[],disabled:!1},Ul=e=>{const{supportedSignals:t,preLoadedFields:r}=e||{},{addNotification:o}=Zs(),{formData:n,formErrors:i,handleFormChange:a,handleErrorChange:s,resetFormData:l}=Dl(Bl),[c,d]=Wt([]),[p,u]=Wt([]);Ht(()=>{var e;u(c?(e=c,e.filter(e=>!!e).map(e=>{const{name:t,componentType:r,componentProperties:o,displayName:n,initialValue:i,renderCondition:a}=e;if(r===Hr.Dropdown){const e=qn(o,{}),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:r,title:n,value:i,placeholder:e.placeholder||"Select an option",options:s,renderCondition:a,...e}}return{name:t,componentType:r,title:n,value:i,renderCondition:a,...qn(o,{})}})).map(e=>{if(r){const t="string"==typeof r?qn(r,{}):r;if(e.name in t)return{...e,value:t[e.name]}}return e}):[])},[c,r]),Ht(()=>{if(p){const e=p.map(e=>({key:e.name,value:e.value}));a("fields",e)}},[p]),Ht(()=>{if(t&&0===li(n.exportedSignals).length){const{logs:e,metrics:r,traces:o}=t;a("exportedSignals",{logs:e.supported,metrics:r.supported,traces:o.supported})}},[t,n.exportedSignals]);return{formData:n,formErrors:i,handleFormChange:a,resetFormData:l,validateForm:e=>{const t={};let r=!0;return p.forEach(({name:e,value:o,required:n})=>{n&&!o&&(r=!1,t[e]=Eo.FIELD_IS_REQUIRED)}),!r&&e?.withAlert&&o({type:Gr.Warning,title:e.alertTitle,message:Eo.REQUIRED_FIELDS,hideFromHistory:!0}),s(void 0,void 0,t),r},loadFormWithDrawerItem:({destinationType:{type:e},name:t,disabled:r,exportedSignals:o,fields:n})=>{const i={...$r(Bl),type:e,name:t,disabled:r,exportedSignals:o,fields:Object.entries(qn(n,{})).map(([e,t])=>({key:e,value:t}))};return a(void 0,void 0,i),i},yamlFields:c,setYamlFields:d,dynamicFields:p,setDynamicFields:u}},jl={ruleName:"",notes:"",disabled:!1,workloads:null,instrumentationLibraries:null,payloadCollection:{[lo.HttpRequest]:null,[lo.HttpResponse]:null,[lo.DbQuery]:null,[lo.Messaging]:null},codeAttributes:{[io.Column]:null,[io.FilePath]:null,[io.Function]:null,[io.LineNumber]:null,[io.Namespace]:null,[io.StackTrace]:null},headersCollection:null,customInstrumentations:{[so.Java]:null,[so.Golang]:null}},Wl=()=>{const{formData:e,formErrors:t,handleFormChange:r,handleErrorChange:o,resetFormData:n}=Dl(jl);return{formData:e,formErrors:t,handleFormChange:r,resetFormData:n,validateForm:()=>(o(void 0,void 0,{}),!0),loadFormWithDrawerItem:({ruleName:e,notes:t,disabled:o,payloadCollection:n,codeAttributes:i,headersCollection:a,customInstrumentations:s})=>{const l={...$r(jl),ruleName:e,notes:t,disabled:o};n&&(l.payloadCollection={[lo.HttpRequest]:n[lo.HttpRequest]?{}:null,[lo.HttpResponse]:n[lo.HttpResponse]?{}:null,[lo.DbQuery]:n[lo.DbQuery]?{}:null,[lo.Messaging]:n[lo.Messaging]?{}:null}),i&&(l.codeAttributes={[io.Column]:i[io.Column]||null,[io.FilePath]:i[io.FilePath]||null,[io.Function]:i[io.Function]||null,[io.LineNumber]:i[io.LineNumber]||null,[io.Namespace]:i[io.Namespace]||null,[io.StackTrace]:i[io.StackTrace]||null}),a&&(l.headersCollection=a),s&&(l.customInstrumentations={[so.Java]:s[so.Java]||null,[so.Golang]:s[so.Golang]||null}),r(void 0,void 0,l)}}},Hl=({active:e,key:t,withAltKey:r,withCtrlKey:o,withShiftKey:n,withMetaKey:i},a)=>(Ht(()=>{const s=s=>{e&&t===s.key&&(!r||r&&s.altKey)&&(!o||o&&s.ctrlKey)&&(!n||n&&s.shiftKey)&&(!i||i&&s.metaKey)&&(s.preventDefault(),s.stopPropagation(),a(s))};return window.addEventListener("keydown",s),()=>{window.removeEventListener("keydown",s)}},[t,e,r,o,n,i,a]),null),Xl=(e,t)=>{Ht(()=>{const r=r=>{e.current&&!e.current.contains(r.target)&&t()};return document.addEventListener("mousedown",r),document.addEventListener("touchstart",r),()=>{document.removeEventListener("mousedown",r),document.removeEventListener("touchstart",r)}},[e,t])},Gl=({sectionNames:e,threshold:t=.4})=>{const[r,o]=Wt(e[0]||""),[n,i]=Wt(null),a=Gt({}),s=Gt(!1),l=Gt(!1),c=Vt((e,t)=>{a.current[e]=t},[]),d=Vt(e=>{i(e)},[]),p=Vt(e=>{l.current=!0,o(e)},[]);return Ht(()=>{if(!l.current)return;l.current=!1;const e=a.current[r];if(!e)return;s.current=!0,e.scrollIntoView({behavior:"smooth",block:"start"});const t=setTimeout(()=>{s.current=!1},600);return()=>clearTimeout(t)},[r]),Ht(()=>{const r=a.current,i=e.map(e=>r[e]).filter(Boolean);if(!i.length)return;const l=new IntersectionObserver(e=>{if(!s.current)for(const t of e)if(t.isIntersecting){const e=t.target.getAttribute("data-section-name");e&&o(e);break}},{threshold:t,root:n});return i.forEach(e=>l.observe(e)),()=>l.disconnect()},[e,t,n]),{selectedSection:r,setSelectedSection:p,setSectionRef:c,setScrollContainerRef:d}},Vl=({defaultClientHeight:e=0,defaultClientwidth:t=0,onClickOutside:r,positionMode:o="local"}={})=>{const n=Gt(null),[i,a]=Wt(!1),[s,l]=Wt({top:0,left:0}),[c,d]=Wt({edge:"top",align:"left"});Xl(n,()=>{i&&(a(!1),r?.())});return{popupRef:n,popupOpen:i,setPopupOpen:a,popupPosition:s,arrowPlacement:c,handlePosition:(r,i)=>{if("local"===o)return void l({top:i,left:r});const{innerWidth:a,innerHeight:s}=window,c=n.current?.clientWidth||t,p=n.current?.clientHeight||e,u=r/a,h=u<1/3?"left":u>2/3?"right":"center";d({edge:i<s/2?"top":"bottom",align:h});let m=i,g=r;if(m>=s/2&&(m+=-p),"center"===h){g=r-c/2;const e=8;g=Math.max(e,Math.min(g,a-c-e))}else g>=a/2&&(g=r-c);l({top:m,left:g})}}},Kl=()=>({getItemSS:(e,t)=>{const r=sessionStorage.getItem(e);return r?qn(r,t):t},setItemSS:(e,t)=>{sessionStorage.setItem(e,JSON.stringify(t))},removeItemSS:e=>{sessionStorage.removeItem(e)}}),ql={otelServiceName:"",currentStreamName:""},Jl=()=>{const{formData:e,formErrors:t,handleFormChange:r,handleErrorChange:o,resetFormData:n}=Dl(ql);return{formData:e,formErrors:t,handleFormChange:r,resetFormData:n,validateForm:()=>(o(void 0,void 0,{}),!0),loadFormWithDrawerItem:({otelServiceName:e,name:t})=>{const o={...$r(ql),otelServiceName:e||t||""};r(void 0,void 0,o)}}},Yl=qt({platformType:zr.K8s,tier:Lr.Community,version:"v0.0.0"}),Ql=({children:t,platformType:r,tier:o,version:n})=>{const i=Xt(()=>({platformType:r,tier:o,version:n}),[r,o,n]);return e(Yl.Provider,{value:i,children:t})},Zl=(e,t)=>!t||yi(e)>=yi(t),ec=e=>{const t=Kt(Yl),r=Zl(t.version,e),o=t.platformType===zr.Vm;return{...t,isVersionSupported:r,isVm:o,isEnterprise:t.tier===Lr.Onprem}},tc=new Set([to.StaticPod]),rc=e=>{const t=e.workloads.filter(({selected:e})=>e).length,r=e.workloads.length;return{selectedCount:t,isAllSourced:t>0&&t===r,isSomeSourced:t>0&&t<r,isFutureApps:e.selected||!1}},oc=(e,t,r)=>{if(t&&!e.name.toLowerCase().includes(t.toLowerCase()))return!1;if(r.showOnlySelected){const{isAllSourced:t,isSomeSourced:r,isFutureApps:o}=rc(e);return t||r||o}return!0},nc=(e,t,r)=>!(t&&!e.name.toLowerCase().includes(t.toLowerCase()))&&(!r.showOnlySelected||e.selected),ic=(e,t,r)=>{const o=!!e.dataStreamNames?.length||!!e.currentStreamName?.length,n=o&&e.dataStreamNames?.includes(t)||e.currentStreamName===t,i=e.selected&&(!o||n)||!1;return{namespace:e.namespace,name:e.name,kind:e.kind,selected:i,numberOfInstances:e.numberOfInstances}},ac=(e,t,r)=>({...ic(e,t),currentStreamName:t}),sc=(e,t,r)=>{const o="boolean"==typeof r,n=e.dataStreamNames?.includes(t),i=(o?r:e.selected)||!1;return{namespace:e.name,selected:!(!n&&!o)&&i,currentStreamName:t}},lc=e=>{const{fetchNamespacesWithWorkloads:t}=e,{tier:r}=ec(),o=e=>r!==Lr.Onprem&&tc.has(e),{selectedStreamName:n}=Vs(),{namespaces:i,addEntities:a}=qs(),[s,l]=Wt(!1),[c,d]=Wt({}),[p,u]=Wt(!1),[h,m]=Wt(""),[g,f]=Wt({}),[x,y]=Wt({}),[b,v]=Wt(""),[$,w]=Wt(jr.Source),[S,k]=Wt(!1),[C,E]=Wt(!1),A=Xt(()=>{const e=(e,t)=>!b||$!==t||$===t&&e.toLowerCase().includes(b),t={};return Object.entries(x).filter(([t])=>e(t,jr.Namespace)).forEach(([r,o])=>{const n=o.filter(t=>{return e(t.name,jr.Source)&&(r=t,!S||r.selected)&&(e=>!C||(e.numberOfInstances||0)>0)(t);var r});(!b||b&&($===jr.Namespace||$===jr.Source&&n.length))&&(t[r]=n)}),t},[x,b,$,S,C]);return Ht(()=>{(async()=>{l(!0);const e=await t();l(!1);const r=e.data;if(!r?.length)return;const o=[...r].sort((e,t)=>e.name.localeCompare(t.name)),i={},s={},c={};for(const e of o){const t=[...e.sources||[]].sort((e,t)=>e.name.localeCompare(t.name));i[e.name]=t.map(e=>ic(e,n)),s[e.name]=t.map(e=>ac(e,n)),c[e.name]=sc(e,n)}a(jr.Namespace,r.map(({sources:e,...t})=>t));const{configuredSources:p,configuredFutureApps:u}=sl.getState();Object.entries(p).forEach(([e,t])=>{s[e]&&t.forEach(t=>{const r=s[e].findIndex(e=>e.name===t.name&&e.kind===t.kind);-1!==r&&(s[e][r]={...s[e][r],selected:t.selected,currentStreamName:t.currentStreamName})})}),Object.entries(u).forEach(([e,t])=>{c[e]&&(c[e]=t)}),d(i),y(s),f(c)})()},[n]),{loading:s,availableSources:c,filteredNamespacesAndSources:A,getApiSourcesPayload:()=>{const e={};return Object.entries(x).forEach(([t,r])=>{r.forEach(r=>{const o=c[t]?.find(e=>e.name===r.name&&e.kind===r.kind);o?.selected!==r.selected&&(e[t]||(e[t]=[]),e[t].push(r))})}),e},getApiFutureAppsPayload:()=>{const e={};return Object.entries(g).forEach(([t,r])=>{const o=i?.find(e=>e.name===t);(r.selected&&!o?.dataStreamNames?.includes(n)||!r.selected&&o?.dataStreamNames?.includes(n))&&(e[t]=r)}),e},selectedNamespace:h,onSelectNamespace:(e,t)=>{if(i.find(t=>t.name===e)){const r="boolean"==typeof t;m(t=>t!==e||r?e:""),r&&(y(r=>({...r,[e]:(r[e]||[]).map(e=>t&&o(e.kind)?e:{...e,selected:t,currentStreamName:n})})),u(!1))}},selectedAllNamespaces:p,onSelectAllNamespaces:e=>{u(e),y(t=>{const r={};for(const[i,a]of Object.entries(t))r[i]=a.map(t=>e&&o(t.kind)?t:{...t,selected:e,currentStreamName:n});return r})},selectedSources:x,onSelectSource:(e,t)=>{const r=t||h;if(!r)return;if(o(e.kind))return;const i=[...x[r]||[]],a=i.findIndex(({name:t,kind:r})=>t===e.name&&r===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});y(e=>({...e,[r]:i})),u(!1)},selectedFutureApps:g,onSelectFutureApps:(e,t)=>{const r=t||h;if(!r)return;const o=i.find(e=>e.name===t);o&&f(t=>({...t,[r]:sc(o,n,e)}))},searchText:b,setSearchText:v,searchBy:$,setSearchBy:w,showSelectedOnly:S,setShowSelectedOnly:k,showRunningOnly:C,setShowRunningOnly:E}};try{Qt.addDefaultLocale(rr)}catch(e){}const cc=()=>{const e=Gt(new Qt(rr.locale));return{formatTimeAgo:Vt(t=>{try{return"string"==typeof t&&(t=t.replace("t","T").replace("z","Z")),e.current.format(new Date(t))}catch(e){return"-"}},[])}},dc=o.div`
|
|
477
|
+
`,jl=({"data-id":t,icon:r,size:o=Bl.S,onClick:n,disabled:i})=>e(Ul,{"data-id":t,$size:o,$disabled:i,onClick:e=>{n&&!i&&(e.stopPropagation(),n(e))},children:e(r,{size:o})}),Wl=({onDone:t}={})=>{const[r,o]=Wt(!1),[n,i]=Wt(-1),a=Vt(async(e,n)=>{if(!r){if(o(!0),void 0!==n&&i(n),navigator?.clipboard&&navigator.clipboard.writeText)try{await navigator.clipboard.writeText(e)}catch(e){}else{const t=document.createElement("textarea");t.value=e,document.body.appendChild(t),t.select();try{document.execCommand("copy")}catch(e){}document.body.removeChild(t)}t?.(),setTimeout(()=>{o(!1),i(-1)},1e3)}},[r,t]);return{CopyButton:Vt(({value:t,size:o})=>e(jl,{icon:r?ft:yt,size:o,onClick:()=>a(t)}),[r]),isCopied:r,copiedIndex:n,clickCopy:a}},Hl=e=>{const{addNotification:t}=nl(),{formData:r,handleFormChange:o,formErrors:n,handleErrorChange:i,resetFormData:a}=Ol(e);return{formData:r,formErrors:n,handleFormChange:o,resetFormData:a,validateForm:e=>{const o={};let n=!0;return r.name?ni(r.name)?o.name=void 0:(n=!1,o.name=Eo.ILLEGAL_K8S_LABEL):(n=!1,o.name=Eo.FIELD_IS_REQUIRED),!n&&e?.withAlert&&t({type:Gr.Warning,title:e.alertTitle,message:Eo.REQUIRED_FIELDS,hideFromHistory:!0}),i(void 0,void 0,o),n},loadFormWithDrawerItem:({name:t})=>{const r={...$r(e),name:t};o(void 0,void 0,r)}}},Xl={type:"",name:"",exportedSignals:{logs:!1,metrics:!1,traces:!1},fields:[],disabled:!1},Gl=e=>{const{supportedSignals:t,preLoadedFields:r}=e||{},{addNotification:o}=nl(),{formData:n,formErrors:i,handleFormChange:a,handleErrorChange:s,resetFormData:l}=Ol(Xl),[c,d]=Wt([]),[p,u]=Wt([]);Ht(()=>{var e;u(c?(e=c,e.filter(e=>!!e).map(e=>{const{name:t,componentType:r,componentProperties:o,displayName:n,initialValue:i,renderCondition:a}=e;if(r===Hr.Dropdown){const e=ei(o,{}),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:r,title:n,value:i,placeholder:e.placeholder||"Select an option",options:s,renderCondition:a,...e}}return{name:t,componentType:r,title:n,value:i,renderCondition:a,...ei(o,{})}})).map(e=>{if(r){const t="string"==typeof r?ei(r,{}):r;if(e.name in t)return{...e,value:t[e.name]}}return e}):[])},[c,r]),Ht(()=>{if(p){const e=p.map(e=>({key:e.name,value:e.value}));a("fields",e)}},[p]),Ht(()=>{if(t&&0===hi(n.exportedSignals).length){const{logs:e,metrics:r,traces:o}=t;a("exportedSignals",{logs:e.supported,metrics:r.supported,traces:o.supported})}},[t,n.exportedSignals]);return{formData:n,formErrors:i,handleFormChange:a,resetFormData:l,validateForm:e=>{const t={};let r=!0;return p.forEach(({name:e,value:o,required:n})=>{n&&!o&&(r=!1,t[e]=Eo.FIELD_IS_REQUIRED)}),!r&&e?.withAlert&&o({type:Gr.Warning,title:e.alertTitle,message:Eo.REQUIRED_FIELDS,hideFromHistory:!0}),s(void 0,void 0,t),r},loadFormWithDrawerItem:({destinationType:{type:e},name:t,disabled:r,exportedSignals:o,fields:n})=>{const i={...$r(Xl),type:e,name:t,disabled:r,exportedSignals:o,fields:Object.entries(ei(n,{})).map(([e,t])=>({key:e,value:t}))};return a(void 0,void 0,i),i},yamlFields:c,setYamlFields:d,dynamicFields:p,setDynamicFields:u}},Vl={ruleName:"",notes:"",disabled:!1,workloads:null,instrumentationLibraries:null,payloadCollection:{[lo.HttpRequest]:null,[lo.HttpResponse]:null,[lo.DbQuery]:null,[lo.Messaging]:null},codeAttributes:{[io.Column]:null,[io.FilePath]:null,[io.Function]:null,[io.LineNumber]:null,[io.Namespace]:null,[io.StackTrace]:null},headersCollection:null,customInstrumentations:{[so.Java]:null,[so.Golang]:null}},Kl=()=>{const{formData:e,formErrors:t,handleFormChange:r,handleErrorChange:o,resetFormData:n}=Ol(Vl);return{formData:e,formErrors:t,handleFormChange:r,resetFormData:n,validateForm:()=>(o(void 0,void 0,{}),!0),loadFormWithDrawerItem:({ruleName:e,notes:t,disabled:o,payloadCollection:n,codeAttributes:i,headersCollection:a,customInstrumentations:s})=>{const l={...$r(Vl),ruleName:e,notes:t,disabled:o};n&&(l.payloadCollection={[lo.HttpRequest]:n[lo.HttpRequest]?{}:null,[lo.HttpResponse]:n[lo.HttpResponse]?{}:null,[lo.DbQuery]:n[lo.DbQuery]?{}:null,[lo.Messaging]:n[lo.Messaging]?{}:null}),i&&(l.codeAttributes={[io.Column]:i[io.Column]||null,[io.FilePath]:i[io.FilePath]||null,[io.Function]:i[io.Function]||null,[io.LineNumber]:i[io.LineNumber]||null,[io.Namespace]:i[io.Namespace]||null,[io.StackTrace]:i[io.StackTrace]||null}),a&&(l.headersCollection=a),s&&(l.customInstrumentations={[so.Java]:s[so.Java]||null,[so.Golang]:s[so.Golang]||null}),r(void 0,void 0,l)}}},ql=({active:e,key:t,withAltKey:r,withCtrlKey:o,withShiftKey:n,withMetaKey:i},a)=>(Ht(()=>{const s=s=>{e&&t===s.key&&(!r||r&&s.altKey)&&(!o||o&&s.ctrlKey)&&(!n||n&&s.shiftKey)&&(!i||i&&s.metaKey)&&(s.preventDefault(),s.stopPropagation(),a(s))};return window.addEventListener("keydown",s),()=>{window.removeEventListener("keydown",s)}},[t,e,r,o,n,i,a]),null),Jl="data-ignore-outside-click",Yl=(e,t)=>{const r=Gt(t);r.current=t,Ht(()=>{const t=t=>{const o=t.target;e.current&&!e.current.contains(o)&&((e=>{let t=e;for(;t;){if(t instanceof Element&&t.hasAttribute(Jl))return!0;t=t.parentNode}return!1})(o)||r.current())};return document.addEventListener("mousedown",t),document.addEventListener("touchstart",t),()=>{document.removeEventListener("mousedown",t),document.removeEventListener("touchstart",t)}},[e])},Ql=({sectionNames:e,threshold:t=.4})=>{const[r,o]=Wt(e[0]||""),[n,i]=Wt(null),a=Gt({}),s=Gt(!1),l=Gt(!1),c=Vt((e,t)=>{a.current[e]=t},[]),d=Vt(e=>{i(e)},[]),p=Vt(e=>{l.current=!0,o(e)},[]);return Ht(()=>{if(!l.current)return;l.current=!1;const e=a.current[r];if(!e)return;s.current=!0,e.scrollIntoView({behavior:"smooth",block:"start"});const t=setTimeout(()=>{s.current=!1},600);return()=>clearTimeout(t)},[r]),Ht(()=>{const r=a.current,i=e.map(e=>r[e]).filter(Boolean);if(!i.length)return;const l=new IntersectionObserver(e=>{if(!s.current)for(const t of e)if(t.isIntersecting){const e=t.target.getAttribute("data-section-name");e&&o(e);break}},{threshold:t,root:n});return i.forEach(e=>l.observe(e)),()=>l.disconnect()},[e,t,n]),{selectedSection:r,setSelectedSection:p,setSectionRef:c,setScrollContainerRef:d}},Zl=({defaultClientHeight:e=0,defaultClientwidth:t=0,onClickOutside:r,positionMode:o="local"}={})=>{const n=Gt(null),[i,a]=Wt(!1),[s,l]=Wt({top:0,left:0}),[c,d]=Wt({edge:"top",align:"left"});Yl(n,()=>{i&&(a(!1),r?.())});return{popupRef:n,popupOpen:i,setPopupOpen:a,popupPosition:s,arrowPlacement:c,handlePosition:(r,i)=>{if("local"===o)return void l({top:i,left:r});const{innerWidth:a,innerHeight:s}=window,c=n.current?.clientWidth||t,p=n.current?.clientHeight||e,u=r/a,h=u<1/3?"left":u>2/3?"right":"center";d({edge:i<s/2?"top":"bottom",align:h});let m=i,g=r;if(m>=s/2&&(m+=-p),"center"===h){g=r-c/2;const e=8;g=Math.max(e,Math.min(g,a-c-e))}else g>=a/2&&(g=r-c);l({top:m,left:g})}}},ec=()=>({getItemSS:(e,t)=>{const r=sessionStorage.getItem(e);return r?ei(r,t):t},setItemSS:(e,t)=>{sessionStorage.setItem(e,JSON.stringify(t))},removeItemSS:e=>{sessionStorage.removeItem(e)}}),tc={otelServiceName:"",currentStreamName:""},rc=()=>{const{formData:e,formErrors:t,handleFormChange:r,handleErrorChange:o,resetFormData:n}=Ol(tc);return{formData:e,formErrors:t,handleFormChange:r,resetFormData:n,validateForm:()=>(o(void 0,void 0,{}),!0),loadFormWithDrawerItem:({otelServiceName:e,name:t})=>{const o={...$r(tc),otelServiceName:e||t||""};r(void 0,void 0,o)}}},oc=qt({platformType:zr.K8s,tier:Lr.Community,version:"v0.0.0"}),nc=({children:t,platformType:r,tier:o,version:n})=>{const i=Xt(()=>({platformType:r,tier:o,version:n}),[r,o,n]);return e(oc.Provider,{value:i,children:t})},ic=(e,t)=>!t||Si(e)>=Si(t),ac=e=>{const t=Kt(oc),r=ic(t.version,e),o=t.platformType===zr.Vm;return{...t,isVersionSupported:r,isVm:o,isEnterprise:t.tier===Lr.Onprem}},sc=new Set([to.StaticPod]),lc=e=>{const t=e.workloads.filter(({selected:e})=>e).length,r=e.workloads.length;return{selectedCount:t,isAllSourced:t>0&&t===r,isSomeSourced:t>0&&t<r,isFutureApps:e.selected||!1}},cc=(e,t,r)=>{if(t&&!e.name.toLowerCase().includes(t.toLowerCase()))return!1;if(r.showOnlySelected){const{isAllSourced:t,isSomeSourced:r,isFutureApps:o}=lc(e);return t||r||o}return!0},dc=(e,t,r)=>!(t&&!e.name.toLowerCase().includes(t.toLowerCase()))&&(!r.showOnlySelected||e.selected),pc=(e,t,r)=>{const o=!!e.dataStreamNames?.length||!!e.currentStreamName?.length,n=o&&e.dataStreamNames?.includes(t)||e.currentStreamName===t,i=e.selected&&(!o||n)||!1;return{namespace:e.namespace,name:e.name,kind:e.kind,selected:i,numberOfInstances:e.numberOfInstances}},uc=(e,t,r)=>({...pc(e,t),currentStreamName:t}),hc=(e,t,r)=>{const o="boolean"==typeof r,n=e.dataStreamNames?.includes(t),i=(o?r:e.selected)||!1;return{namespace:e.name,selected:!(!n&&!o)&&i,currentStreamName:t}},mc=e=>{const{fetchNamespacesWithWorkloads:t}=e,{tier:r}=ac(),o=e=>r!==Lr.Onprem&&sc.has(e),{selectedStreamName:n}=Qs(),{namespaces:i,addEntities:a}=el(),[s,l]=Wt(!1),[c,d]=Wt({}),[p,u]=Wt(!1),[h,m]=Wt(""),[g,f]=Wt({}),[y,x]=Wt({}),[b,v]=Wt(""),[$,w]=Wt(jr.Source),[S,k]=Wt(!1),[C,E]=Wt(!1),A=Xt(()=>{const e=(e,t)=>!b||$!==t||$===t&&e.toLowerCase().includes(b),t={};return Object.entries(y).filter(([t])=>e(t,jr.Namespace)).forEach(([r,o])=>{const n=o.filter(t=>{return e(t.name,jr.Source)&&(r=t,!S||r.selected)&&(e=>!C||(e.numberOfInstances||0)>0)(t);var r});(!b||b&&($===jr.Namespace||$===jr.Source&&n.length))&&(t[r]=n)}),t},[y,b,$,S,C]);return Ht(()=>{(async()=>{l(!0);const e=await t();l(!1);const r=e.data;if(!r?.length)return;const o=[...r].sort((e,t)=>e.name.localeCompare(t.name)),i={},s={},c={};for(const e of o){const t=[...e.sources||[]].sort((e,t)=>e.name.localeCompare(t.name));i[e.name]=t.map(e=>pc(e,n)),s[e.name]=t.map(e=>uc(e,n)),c[e.name]=hc(e,n)}a(jr.Namespace,r.map(({sources:e,...t})=>t));const{configuredSources:p,configuredFutureApps:u}=ul.getState();Object.entries(p).forEach(([e,t])=>{s[e]&&t.forEach(t=>{const r=s[e].findIndex(e=>e.name===t.name&&e.kind===t.kind);-1!==r&&(s[e][r]={...s[e][r],selected:t.selected,currentStreamName:t.currentStreamName})})}),Object.entries(u).forEach(([e,t])=>{c[e]&&(c[e]=t)}),d(i),x(s),f(c)})()},[n]),{loading:s,availableSources:c,filteredNamespacesAndSources:A,getApiSourcesPayload:()=>{const e={};return Object.entries(y).forEach(([t,r])=>{r.forEach(r=>{const o=c[t]?.find(e=>e.name===r.name&&e.kind===r.kind);o?.selected!==r.selected&&(e[t]||(e[t]=[]),e[t].push(r))})}),e},getApiFutureAppsPayload:()=>{const e={};return Object.entries(g).forEach(([t,r])=>{const o=i?.find(e=>e.name===t);(r.selected&&!o?.dataStreamNames?.includes(n)||!r.selected&&o?.dataStreamNames?.includes(n))&&(e[t]=r)}),e},selectedNamespace:h,onSelectNamespace:(e,t)=>{if(i.find(t=>t.name===e)){const r="boolean"==typeof t;m(t=>t!==e||r?e:""),r&&(x(r=>({...r,[e]:(r[e]||[]).map(e=>t&&o(e.kind)?e:{...e,selected:t,currentStreamName:n})})),u(!1))}},selectedAllNamespaces:p,onSelectAllNamespaces:e=>{u(e),x(t=>{const r={};for(const[i,a]of Object.entries(t))r[i]=a.map(t=>e&&o(t.kind)?t:{...t,selected:e,currentStreamName:n});return r})},selectedSources:y,onSelectSource:(e,t)=>{const r=t||h;if(!r)return;if(o(e.kind))return;const i=[...y[r]||[]],a=i.findIndex(({name:t,kind:r})=>t===e.name&&r===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});x(e=>({...e,[r]:i})),u(!1)},selectedFutureApps:g,onSelectFutureApps:(e,t)=>{const r=t||h;if(!r)return;const o=i.find(e=>e.name===t);o&&f(t=>({...t,[r]:hc(o,n,e)}))},searchText:b,setSearchText:v,searchBy:$,setSearchBy:w,showSelectedOnly:S,setShowSelectedOnly:k,showRunningOnly:C,setShowRunningOnly:E}};try{Qt.addDefaultLocale(rr)}catch(e){}const gc=()=>{const e=Gt(new Qt(rr.locale));return{formatTimeAgo:Vt(t=>{try{return"string"==typeof t&&(t=t.replace("t","T").replace("z","Z")),e.current.format(new Date(t))}catch(e){return"-"}},[])}},fc=o.div`
|
|
468
478
|
position: fixed;
|
|
469
479
|
top: 50%;
|
|
470
480
|
left: 50%;
|
|
@@ -474,28 +484,28 @@ import{jsx as e,jsxs as t,Fragment as r}from"react/jsx-runtime";import o,{css as
|
|
|
474
484
|
background: ${({theme:e})=>e.colors.translucent_bg};
|
|
475
485
|
border: ${({theme:e})=>`1px solid ${e.colors.border}`};
|
|
476
486
|
border-radius: 40px;
|
|
477
|
-
box-shadow: ${({theme:e})=>{const t=e.colors.primary+
|
|
478
|
-
animation-name: ${
|
|
479
|
-
`,
|
|
487
|
+
box-shadow: ${({theme:e})=>{const t=e.colors.primary+bl["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}`}};
|
|
488
|
+
animation-name: ${$l.in.center};
|
|
489
|
+
`,yc=o.div`
|
|
480
490
|
display: flex;
|
|
481
491
|
justify-content: space-between;
|
|
482
492
|
align-items: center;
|
|
483
493
|
height: 80px;
|
|
484
494
|
border-bottom: 1px solid ${({theme:e})=>e.colors.border};
|
|
485
495
|
padding: 0 24px;
|
|
486
|
-
`,
|
|
496
|
+
`,xc=o.div`
|
|
487
497
|
cursor: pointer;
|
|
488
498
|
display: flex;
|
|
489
499
|
align-items: center;
|
|
490
500
|
gap: 8px;
|
|
491
|
-
`,
|
|
501
|
+
`,bc=o.div`
|
|
492
502
|
display: flex;
|
|
493
503
|
align-items: center;
|
|
494
504
|
gap: 8px;
|
|
495
|
-
`,
|
|
505
|
+
`,vc=o(Pn)`
|
|
496
506
|
min-width: 350px;
|
|
497
507
|
min-height: 150px;
|
|
498
|
-
|
|
508
|
+
`,$c=o.div`
|
|
499
509
|
position: absolute;
|
|
500
510
|
left: 50%;
|
|
501
511
|
transform: translateX(-50%);
|
|
@@ -504,24 +514,24 @@ import{jsx as e,jsxs as t,Fragment as r}from"react/jsx-runtime";import o,{css as
|
|
|
504
514
|
justify-content: center;
|
|
505
515
|
width: 100%;
|
|
506
516
|
pointer-events: none;
|
|
507
|
-
`,
|
|
517
|
+
`,wc=o(Di)`
|
|
508
518
|
text-transform: uppercase;
|
|
509
519
|
font-family: ${({theme:e})=>e.font_family.secondary};
|
|
510
520
|
pointer-events: auto;
|
|
511
|
-
`,
|
|
521
|
+
`,Sc=o(Di)`
|
|
512
522
|
text-transform: uppercase;
|
|
513
523
|
font-weight: 500;
|
|
514
524
|
font-size: 14px;
|
|
515
525
|
font-family: ${({theme:e})=>e.font_family.secondary};
|
|
516
526
|
text-decoration: underline;
|
|
517
527
|
cursor: pointer;
|
|
518
|
-
`,
|
|
528
|
+
`,kc=({isOpen:o,noOverlay:n,header:i,actionComponent:a,onClose:s,children:l,closeOnEscape:c=!0})=>(ql({key:"Escape",active:o&&c},()=>s()),Pl(o),o?dr.createPortal(t(r,{children:[e(zn,{hidden:!o,onClick:s,style:{opacity:n?0:1}}),t(fc,{"data-id":"modal"+(i?`-${i.title.replaceAll(" ","-")}`:""),children:[i&&t(yc,{children:[t(xc,{onClick:s,children:[e(xt,{}),e(Sc,{children:"Cancel"})]}),e($c,{children:e(wc,{children:i.title})}),e(bc,{children:a})]}),e(vc,{children:l})]})]}),document.body):null),Cc=o.div`
|
|
519
529
|
width: ${({$orientation:e,$thickness:t,$length:r})=>"vertical"===e?`${t}px`:r||"100%"};
|
|
520
530
|
height: ${({$orientation:e,$thickness:t,$length:r})=>"horizontal"===e?`${t}px`:r||"100%"};
|
|
521
531
|
margin: ${({$orientation:e,$margin:t})=>t||("horizontal"===e?"8px 0":"0 8px")};
|
|
522
|
-
background-color: ${({$type:e,theme:t})=>(e?t.text[e]:t.colors.border)+
|
|
532
|
+
background-color: ${({$type:e,theme:t})=>(e?t.text[e]:t.colors.border)+bl["050"]};
|
|
523
533
|
opacity: ${({$opacity:e})=>e||1};
|
|
524
|
-
`,
|
|
534
|
+
`,Ec=({orientation:t="horizontal",type:r,thickness:o=1,length:n,margin:i,opacity:a})=>e(Cc,{$orientation:t,$type:r,$thickness:o,$length:n,$margin:i,$opacity:a}),Ac=o.div`
|
|
525
535
|
/* Portal: viewport coords (usePopup positionMode viewport). Non-portal: offset-parent coords, absolute. */
|
|
526
536
|
position: ${({$asPortal:e})=>e?"fixed":"absolute"};
|
|
527
537
|
${({$top:e})=>void 0!==e&&`top: ${e}px;`}
|
|
@@ -537,15 +547,15 @@ import{jsx as e,jsxs as t,Fragment as r}from"react/jsx-runtime";import o,{css as
|
|
|
537
547
|
width: ${({$width:e})=>void 0!==e?e:"unset"};
|
|
538
548
|
|
|
539
549
|
${({$asPortal:e,$withPointerEvents:t})=>e&&!t&&"pointer-events: none;"}
|
|
540
|
-
`,
|
|
550
|
+
`,Dc=o.div`
|
|
541
551
|
padding: ${({$padding:e})=>void 0!==e?e:"12px"};
|
|
542
552
|
border-bottom: 1px solid ${({theme:e})=>e.colors.border};
|
|
543
|
-
`,
|
|
553
|
+
`,Tc=o.div`
|
|
544
554
|
padding: ${({$padding:e})=>void 0!==e?e:"12px"};
|
|
545
|
-
`,
|
|
555
|
+
`,Ic=o.div`
|
|
546
556
|
padding: ${({$padding:e})=>void 0!==e?e:"12px"};
|
|
547
557
|
border-top: 1px solid ${({theme:e})=>e.colors.border};
|
|
548
|
-
`,
|
|
558
|
+
`,Nc=Ut(({isOpen:r,asPortal:o,...n},i)=>{const a=Xt(()=>{const{children:r,top:a,bottom:s,left:l,right:c,borderRadius:d,padding:p,maxWidth:u,width:h,header:m,footer:g,withPointerEvents:f,...y}=n;return t(Ac,{ref:i,$top:a,$bottom:s,$left:l,$right:c,$borderRadius:d,$padding:p,$maxWidth:u,$width:h,$asPortal:o,$withPointerEvents:f,...y,children:[m&&e(Dc,{$padding:p,children:m}),e(Tc,{$padding:p,children:r}),g&&e(Ic,{$padding:p,children:g})]})},[i,n,o]);return r?o?dr.createPortal(a,document.body):a:null});Nc.displayName=Nc.name;const Rc=o.div`
|
|
549
559
|
width: ${({$fullWidth:e})=>e?"100%":"fit-content"};
|
|
550
560
|
position: relative;
|
|
551
561
|
display: flex;
|
|
@@ -559,13 +569,13 @@ import{jsx as e,jsxs as t,Fragment as r}from"react/jsx-runtime";import o,{css as
|
|
|
559
569
|
text-overflow: ellipsis;
|
|
560
570
|
white-space: nowrap;
|
|
561
571
|
`}
|
|
562
|
-
`,
|
|
572
|
+
`,Oc=o.div`
|
|
563
573
|
display: flex;
|
|
564
574
|
flex-direction: column;
|
|
565
575
|
align-items: flex-start;
|
|
566
576
|
gap: 8px;
|
|
567
577
|
width: 100%;
|
|
568
|
-
`,
|
|
578
|
+
`,_c=o.div`
|
|
569
579
|
display: flex;
|
|
570
580
|
width: 100%;
|
|
571
581
|
flex-shrink: 0;
|
|
@@ -575,7 +585,7 @@ import{jsx as e,jsxs as t,Fragment as r}from"react/jsx-runtime";import o,{css as
|
|
|
575
585
|
${({$align:e})=>"left"===e&&"\n justify-content: flex-start;\n padding-left: 20px;\n padding-right: 10px;\n "}
|
|
576
586
|
${({$align:e})=>"right"===e&&"\n justify-content: flex-end;\n padding-left: 10px;\n padding-right: 20px;\n "}
|
|
577
587
|
${({$align:e})=>"center"===e&&"\n justify-content: center;\n align-items: center;\n min-height: 8px;\n "}
|
|
578
|
-
`,
|
|
588
|
+
`,Fc=o.div`
|
|
579
589
|
width: 0;
|
|
580
590
|
height: 0;
|
|
581
591
|
border-style: solid;
|
|
@@ -584,18 +594,18 @@ import{jsx as e,jsxs as t,Fragment as r}from"react/jsx-runtime";import o,{css as
|
|
|
584
594
|
flex-shrink: 0;
|
|
585
595
|
|
|
586
596
|
${({$pointsUp:e,theme:t})=>e?`\n border-bottom: 8px solid ${t.v2.colors.black[500]};\n border-top-width: 0;\n `:`\n border-top: 8px solid ${t.v2.colors.black[500]};\n border-bottom-width: 0;\n `}
|
|
587
|
-
`,
|
|
597
|
+
`,Pc=o.div`
|
|
588
598
|
display: flex;
|
|
589
599
|
flex-direction: column;
|
|
590
600
|
align-items: stretch;
|
|
591
601
|
min-width: 0;
|
|
592
|
-
`,
|
|
602
|
+
`,Lc=o.div`
|
|
593
603
|
background-color: ${({theme:e})=>e.v2.colors.black[500]};
|
|
594
604
|
border-radius: 4px;
|
|
595
605
|
padding: 8px;
|
|
596
606
|
box-sizing: border-box;
|
|
597
607
|
min-width: 0;
|
|
598
|
-
`,
|
|
608
|
+
`,zc=({withIcon:o,titleIcon:n,title:a,text:s,timestamp:l,children:c,fullWidth:d=!1,keepAlive:p=!1,ellipsis:u=!1})=>{const h=i(),{popupRef:m,popupOpen:g,setPopupOpen:f,popupPosition:y,arrowPlacement:x,handlePosition:b}=Zl({positionMode:"viewport",defaultClientHeight:48,defaultClientwidth:Math.min(7.5*(s?.length||0),300)}),v=Xt(()=>!!Ci(s||"")?.length,[s]),$=e=>{const{type:t,clientX:r,clientY:o}=e;v?b(y.left||r,y.top||o):b(r,o),f("mouseleave"!==t)};return s||p?t(Rc,{$fullWidth:d,$ellipsis:u,$hasText:!!s,onMouseEnter:$,onMouseMove:$,onMouseLeave:$,children:[c,o&&e(Ye,{fill:h.v2.colors.white[500]}),e(Nc,{ref:m,isOpen:g&&!!s,top:y.top,left:y.left,asPortal:!0,withPointerEvents:v,onMouseEnter:v?$:void 0,style:{backgroundColor:"transparent",border:"none"},maxWidth:"270px",borderRadius:"0",padding:"0",children:t(Pc,{children:["top"===x.edge&&e(_c,{$align:x.align,children:e(Fc,{$pointsUp:!0})}),e(Lc,{children:t(Oc,{children:[(!!n||!!a)&&t(_n,{$gap:4,style:{alignItems:"center"},children:[n&&e(n,{size:16},"icon"),a&&e(un,{size:sn.XS,children:a},"title")]}),!!s&&e(un,{size:sn.XXXS,children:s}),!!l&&e(un,{size:sn.XXXS,color:ln.Secondary,children:new Date(l).toLocaleString()})]})}),"bottom"===x.edge&&e(_c,{$align:x.align,children:e(Fc,{$pointsUp:!1})})]})})]}):e(r,{children:c})},Mc=o.button`
|
|
599
609
|
position: relative;
|
|
600
610
|
width: ${({$size:e})=>e}px;
|
|
601
611
|
height: ${({$size:e})=>e}px;
|
|
@@ -607,9 +617,9 @@ import{jsx as e,jsxs as t,Fragment as r}from"react/jsx-runtime";import o,{css as
|
|
|
607
617
|
justify-content: center;
|
|
608
618
|
cursor: pointer;
|
|
609
619
|
&:hover {
|
|
610
|
-
background-color: ${({theme:e,$backgroundColor:t})=>t?t+
|
|
620
|
+
background-color: ${({theme:e,$backgroundColor:t})=>t?t+bl["070"]:e.colors.dropdown_bg_2};
|
|
611
621
|
}
|
|
612
|
-
`,
|
|
622
|
+
`,Bc=o.div`
|
|
613
623
|
position: absolute;
|
|
614
624
|
top: ${({$size:e})=>e/5}px;
|
|
615
625
|
right: ${({$size:e})=>e/5}px;
|
|
@@ -624,17 +634,17 @@ import{jsx as e,jsxs as t,Fragment as r}from"react/jsx-runtime";import o,{css as
|
|
|
624
634
|
inset: 0;
|
|
625
635
|
border-radius: 100%;
|
|
626
636
|
background-color: ${({theme:e,$color:t})=>t||e.colors.secondary};
|
|
627
|
-
animation: ${
|
|
637
|
+
animation: ${Sl} 1.5s cubic-bezier(0, 0, 0.2, 1) infinite;
|
|
628
638
|
}
|
|
629
|
-
`,
|
|
639
|
+
`,Uc=({children:r,onClick:o,tooltip:n,size:i=36,withPing:a,pingColor:s,withBorder:l,backgroundColor:c,...d})=>e(zc,{text:n,children:t(Mc,{$size:i,$withBorder:l,$backgroundColor:c,onClick:o,...d,children:[a&&e(Bc,{$size:i,$color:s}),r]})}),jc=o.div`
|
|
630
640
|
position: relative;
|
|
631
641
|
&.animated {
|
|
632
642
|
overflow: hidden;
|
|
633
643
|
padding-bottom: 1px;
|
|
634
644
|
border-radius: 32px;
|
|
635
|
-
animation: ${({$isLeaving:e})=>e
|
|
645
|
+
animation: ${({$isLeaving:e})=>e?$l.out.bottom:$l.in.bottom} ${({$duration:e})=>e/10}ms forwards;
|
|
636
646
|
}
|
|
637
|
-
`,
|
|
647
|
+
`,Wc=o.div`
|
|
638
648
|
position: absolute;
|
|
639
649
|
bottom: -1px;
|
|
640
650
|
left: 0;
|
|
@@ -643,8 +653,8 @@ import{jsx as e,jsxs as t,Fragment as r}from"react/jsx-runtime";import o,{css as
|
|
|
643
653
|
height: 100%;
|
|
644
654
|
border-radius: 32px;
|
|
645
655
|
background-color: ${({$type:e,theme:t})=>t.text[e]};
|
|
646
|
-
animation: ${
|
|
647
|
-
`,
|
|
656
|
+
animation: ${wl.out} ${({$duration:e})=>""+(e-e/10)}ms forwards;
|
|
657
|
+
`,Hc=o.div`
|
|
648
658
|
display: flex;
|
|
649
659
|
align-items: center;
|
|
650
660
|
flex: 1;
|
|
@@ -652,20 +662,20 @@ import{jsx as e,jsxs as t,Fragment as r}from"react/jsx-runtime";import o,{css as
|
|
|
652
662
|
padding: 0 12px;
|
|
653
663
|
border-radius: 32px;
|
|
654
664
|
background-color: ${({$type:e,theme:t})=>t.colors[e]};
|
|
655
|
-
`,
|
|
665
|
+
`,Xc=o.div`
|
|
656
666
|
display: flex;
|
|
657
667
|
align-items: center;
|
|
658
668
|
margin: 0 auto 0 0;
|
|
659
669
|
padding: 8px 0;
|
|
660
670
|
max-width: ${({$withAction:e,$overrideMaxWidth:t})=>t||(e?"400px":"500px")};
|
|
661
671
|
min-height: 12px;
|
|
662
|
-
`,
|
|
672
|
+
`,Gc=o(Di)`
|
|
663
673
|
font-size: 14px;
|
|
664
674
|
color: ${({$type:e,theme:t})=>t.text[e]};
|
|
665
|
-
`,
|
|
675
|
+
`,Vc=o(Di)`
|
|
666
676
|
color: ${({$type:e,theme:t})=>t.text[e]};
|
|
667
677
|
font-size: 12px;
|
|
668
|
-
`,
|
|
678
|
+
`,Kc=o(_n)``,qc=o(Di)`
|
|
669
679
|
text-transform: uppercase;
|
|
670
680
|
text-decoration: underline;
|
|
671
681
|
font-size: 12px;
|
|
@@ -676,34 +686,34 @@ import{jsx as e,jsxs as t,Fragment as r}from"react/jsx-runtime";import o,{css as
|
|
|
676
686
|
transform: scale(1.1);
|
|
677
687
|
transition: transform 0.3s;
|
|
678
688
|
}
|
|
679
|
-
`,
|
|
689
|
+
`,Jc=({type:r,icon:o,title:n,message:a,action:s,onClose:l,duration:c=5e3,overrideMaxWidth:d,style:p})=>{const u=i(),[h,m]=Wt(!1),g=Gt(null),f=Gt(null),y=e=>{l&&(m(!0),l({asSeen:e?.asSeen}))};Ht(()=>(g.current=setTimeout(()=>y({asSeen:!1}),c),()=>{g.current&&clearTimeout(g.current)}),[c]);const x=o||Vn(r,u);return t(jc,{className:l?"animated":"",$duration:c,$isLeaving:h,onMouseEnter:()=>{g.current&&clearTimeout(g.current),f.current&&(f.current.style.animationPlayState="paused")},onMouseLeave:()=>{if(f.current){const e=f.current.offsetWidth/f.current.parentElement.offsetWidth*c;g.current=setTimeout(()=>y({asSeen:!1}),e),f.current.style.animationPlayState="running"}},children:[t(Hc,{"data-id":"toast",$type:r,style:p,children:[e(x,{fill:u.text[r]}),t(Xc,{$withAction:!!s,$overrideMaxWidth:d,children:[n&&e(Gc,{$type:r,children:n}),n&&a&&e(Ec,{orientation:"vertical",type:r}),a&&e(Vc,{$type:r,children:a})]}),(!!s||!!l)&&t(Kc,{children:[s&&e(qc,{"data-id":"toast-action",onClick:s.onClick,children:s.label}),l&&e(Uc,{"data-id":"toast-close",onClick:()=>y({asSeen:!0}),children:e(xt,{size:12})})]})]}),l&&e(Wc,{ref:f,$duration:c,$type:r})]})},Yc=o.div`
|
|
680
690
|
padding: 24px 32px;
|
|
681
|
-
`,
|
|
691
|
+
`,Qc=o.div`
|
|
682
692
|
padding: ${({$withNote:e})=>e?"12px 0px":"12px 0px 32px 0"};
|
|
683
|
-
`,
|
|
693
|
+
`,Zc=o(Di)`
|
|
684
694
|
font-size: 20px;
|
|
685
695
|
line-height: 28px;
|
|
686
|
-
`,
|
|
696
|
+
`,ed=o(Di)`
|
|
687
697
|
color: ${({theme:e})=>e.text.grey};
|
|
688
698
|
width: 416px;
|
|
689
699
|
font-style: normal;
|
|
690
700
|
font-weight: 300;
|
|
691
701
|
line-height: 24px;
|
|
692
|
-
`,
|
|
702
|
+
`,td=o.div`
|
|
693
703
|
display: flex;
|
|
694
704
|
justify-content: space-between;
|
|
695
705
|
gap: 12px;
|
|
696
|
-
`,
|
|
706
|
+
`,rd=o(Rl)`
|
|
697
707
|
width: 250px;
|
|
698
|
-
`,
|
|
708
|
+
`,od=o.div`
|
|
699
709
|
margin-bottom: 12px;
|
|
700
|
-
`,
|
|
710
|
+
`,nd=({isOpen:r,noOverlay:o,title:n="",description:i="",note:a,approveButton:s,denyButton:l,closeOnEscape:c=!0})=>{ql({key:"Enter",active:r&&c},()=>s.onClick());const d=()=>l.onClick();return e(kc,{isOpen:r,noOverlay:o,onClose:d,children:t(Yc,{children:[e(Zc,{children:n}),e(Qc,{$withNote:!!a,children:e(ed,{children:i})}),!!a&&e(od,{children:e(Jc,{type:a.type,title:a.title,message:a.message})}),t(td,{children:[e(rd,{"data-id":"approve",variant:s.variant||"primary",onClick:()=>s.onClick(),children:s.text}),e(rd,{"data-id":"deny",variant:l.variant||"secondary",onClick:d,children:l.text})]})]})})},id=({isOpen:t,noOverlay:r,name:o,onApprove:n,onDeny:i})=>e(nd,{isOpen:t,noOverlay:r,title:"Cancel"+(o?` ${o}`:""),description:"Are you sure you want to cancel?",approveButton:{text:"Confirm",variant:Gr.Warning,onClick:n},denyButton:{text:"Go Back",onClick:i}}),ad=o.div`
|
|
701
711
|
display: flex;
|
|
702
712
|
align-items: center;
|
|
703
713
|
gap: 8px;
|
|
704
714
|
cursor: ${({$disabled:e})=>e?"not-allowed":"pointer"};
|
|
705
715
|
opacity: ${({$disabled:e})=>e?.6:1};
|
|
706
|
-
`,
|
|
716
|
+
`,sd=o.div`
|
|
707
717
|
width: 18px;
|
|
708
718
|
height: 18px;
|
|
709
719
|
border-radius: 6px;
|
|
@@ -711,15 +721,15 @@ import{jsx as e,jsxs as t,Fragment as r}from"react/jsx-runtime";import o,{css as
|
|
|
711
721
|
display: flex;
|
|
712
722
|
align-items: center;
|
|
713
723
|
justify-content: center;
|
|
714
|
-
background-color: ${({$isChecked:e,$isPartiallyChecked:t,theme:r})=>e?r.colors.majestic_blue:t?r.colors.majestic_blue_soft:r.colors.secondary+
|
|
724
|
+
background-color: ${({$isChecked:e,$isPartiallyChecked:t,theme:r})=>e?r.colors.majestic_blue:t?r.colors.majestic_blue_soft:r.colors.secondary+bl["020"]};
|
|
715
725
|
pointer-events: ${({$disabled:e})=>e?"none":"auto"};
|
|
716
726
|
transition: border 0.3s;
|
|
717
727
|
&:hover {
|
|
718
728
|
border: 1px solid ${({theme:e})=>e.colors.secondary};
|
|
719
729
|
}
|
|
720
|
-
`,
|
|
730
|
+
`,ld=({title:r,titleColor:o,tooltip:n,value:a=!1,partiallyChecked:s=!1,onChange:l,disabled:c,style:d,errorMessage:p,allowPropagation:u=!1})=>{const h=i(),[m,g]=Wt(a);Ht(()=>g(a),[a]);return t(Fn,{children:[t(ad,{"data-id":"checkbox"+(r?`-${r}`:""),$disabled:c,onClick:e=>{c||(u||e.stopPropagation(),l?l(!!s||!m):g(e=>!!s||!e))},style:d,children:[e(sd,{$isChecked:m,$isPartiallyChecked:s,$disabled:c,children:s?e(bt,{fill:h.text.white}):m?e(ft,{fill:h.text.white}):null}),r&&e(zc,{text:n,withIcon:!0,children:e(Di,{size:12,color:o||h.text.grey,style:{maxWidth:"90%"},children:r})})]}),!!p&&e(Ni,{children:p})]})},cd=o(_n)`
|
|
721
731
|
gap: 0;
|
|
722
|
-
`,
|
|
732
|
+
`,dd=o.button`
|
|
723
733
|
padding: 4px 8px;
|
|
724
734
|
background-color: ${({theme:e,$selected:t})=>t?e.colors.dropdown_bg_2:"transparent"};
|
|
725
735
|
border-radius: ${({$position:e})=>"left"===e?"32px 0px 0px 32px":"right"===e?"0px 32px 32px 0px":"0"};
|
|
@@ -731,22 +741,22 @@ import{jsx as e,jsxs as t,Fragment as r}from"react/jsx-runtime";import o,{css as
|
|
|
731
741
|
&:hover {
|
|
732
742
|
border: 1px solid ${({theme:e})=>e.colors.secondary};
|
|
733
743
|
}
|
|
734
|
-
`,
|
|
744
|
+
`,pd=({isPrettyMode:r,setIsPrettyMode:o})=>t(cd,{children:[e(dd,{$position:"left",$selected:r,onClick:()=>o(!0),children:e(vt,{})}),e(dd,{$position:"right",$selected:!r,onClick:()=>o(!1),children:e($t,{})})]}),ud=o.table`
|
|
735
745
|
border-collapse: collapse;
|
|
736
746
|
font-family: ${({theme:e})=>e.font_family.primary};
|
|
737
|
-
`,
|
|
747
|
+
`,hd=o.tbody``,md=o.tr`
|
|
738
748
|
td:first-child {
|
|
739
749
|
padding-left: 0 !important;
|
|
740
750
|
}
|
|
741
751
|
td:last-child {
|
|
742
752
|
padding-right: 0 !important;
|
|
743
753
|
}
|
|
744
|
-
`,
|
|
754
|
+
`,gd=o.td`
|
|
745
755
|
vertical-align: top;
|
|
746
756
|
padding: 4px 6px;
|
|
747
|
-
`,
|
|
757
|
+
`,fd=o(Di)`
|
|
748
758
|
white-space: nowrap;
|
|
749
|
-
`,
|
|
759
|
+
`,yd=o.span`
|
|
750
760
|
white-space: ${({$noWrap:e})=>e?"nowrap":"pre-wrap"};
|
|
751
761
|
overflow-wrap: break-word;
|
|
752
762
|
word-break: break-word;
|
|
@@ -754,56 +764,56 @@ import{jsx as e,jsxs as t,Fragment as r}from"react/jsx-runtime";import o,{css as
|
|
|
754
764
|
/* Fallback for older browsers */
|
|
755
765
|
-ms-word-break: break-all;
|
|
756
766
|
font-size: 12px;
|
|
757
|
-
`,
|
|
767
|
+
`,xd=({language:t,code:r,theme:o,flatten:n,pretty:a})=>{const{darkMode:s}=i(),l=o?hr[o]:s?hr.palenight:hr.vsLight;let c="";if("json"===t){const e=ei(r,{}),t=bi(e);c=vi(n?Io(t):t)}else c=r;return a&&"json"===t?e(bd,{darkMode:s,str:c}):e(ur,{theme:l||(s?hr.palenight:hr.vsLight),language:t,code:c,children:({getLineProps:t,getTokenProps:r,tokens:o})=>e("pre",{children:o.map((o,n)=>e("div",{...t({line:o}),children:o.map((t,o)=>e(yd,{...r({token:t})},`line-${n}-token-${o}`))},`line-${n}`))})})},bd=({darkMode:r,str:o})=>{const n=i(),a=(r,o)=>{const i=new Array(r).fill(r=>t(md,{...r,children:[e(gd,{}),e(gd,{})]}));return e(jt,{children:i.map((t,r)=>e(t,{style:0===r?{borderBottom:`1px solid ${n.colors.border}`}:{}},`empty-row-${o}-${r}`))})};return e(ur,{theme:r?hr.palenight:hr.vsLight,language:"json",code:o,children:({getLineProps:r,getTokenProps:o,tokens:i})=>e(ud,{children:e(hd,{children:i.map((i,s)=>{const l=(e=>{const t=["punctuation","plain","operator"];return e.filter(e=>!t.includes(e.types[0])).map(({types:e,content:t})=>{const r=[...e],o=["property","string"].includes(r[0])?t.replace(/"/g,""):t;return"string"===r[0]&&(["true","false"].includes(o.split("@")[0])&&(r[0]="boolean"),o.split("@")[0].match(/^[0-9]+$/)&&(r[0]="number")),{types:r,content:o}})})(i),c=r({line:l});return 1===l.length&&"property"===l[0].types[0]?t(jt,{children:[a(2,s),t(md,{...c,children:[e(gd,{children:e(fd,{children:l[0].content})}),e(gd,{})]})]},`line-${s}`):2===l.length?e(md,{...c,children:l.map((r,i)=>{const{text:a,components:l}=((t,r)=>{const[o,...n]=t.split("@");return{text:o,components:n?.map((t,o)=>{if(!t.includes("="))return null;const[n,i]=t.split("=");switch(n){case"tooltip":return e(zc,{withIcon:!0,text:i},`${n}-${i}-${o}`);case"status":if("none"===i)return e("div",{style:{width:16,height:16}},`${n}-${i}-${o}`);let t=Vn(i,r);return t||(t=Vn(Gr.Warning,r)),e(t,{},`${n}-${i}-${o}`);default:return null}})?.filter(e=>!!e)||[]}})(r.content,n),c=0===i;return e(gd,{children:t(_n,{children:[e(_n,{children:l}),e(yd,{$noWrap:c,...o({token:r}),children:a})]})},`line-${s}-token-${i}`)})},`line-${s}`):(l.length,null)})})})})},vd={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 $d(e){if("number"==typeof e)return{value:e,unit:"px"};let t;const r=(e.match(/^[0-9.]*/)||"").toString();t=r.includes(".")?parseFloat(r):parseInt(r,10);const o=(e.match(/[^0-9]*$/)||"").toString();return vd[o]?{value:t,unit:o}:{value:t,unit:"px"}}function wd(e){const t=$d(e);return`${t.value}${t.unit}`}const Sd=((e,t,r)=>{const o=`react-spinners-${e}-${r}`;if("undefined"==typeof window||!window.document)return o;const n=document.createElement("style");document.head.appendChild(n);const i=n.sheet,a=`\n @keyframes ${o} {\n ${t}\n }\n `;return i&&i.insertRule(a,0),o})("FadeLoader","50% {opacity: 0.3} 100% {opacity: 1}","fade"),kd=({loading:r=!0,color:o,scale:n=1,speedMultiplier:a=1,cssOverride:s={},style:l={},...c})=>{const d=i(),p=o||d.text.secondary;if(!r)return null;const{value:u}=$d(2),h=u+4.2,m=h/2+h/5.5,g=4*h*n,f={position:"relative",width:`${g}px`,height:`${g}px`,scale:n,...l,...s},y=(e,t)=>({position:"absolute",width:wd(1.5),height:wd(4),borderRadius:wd(2),backgroundColor:p,transition:"2s",animationFillMode:"both",animation:`${Sd} ${1.2/a}s ${.12*e}s infinite ease-in-out`,transform:`translate(-50%, -50%) rotate(${t}deg)`});return t("span",{style:f,...c,children:[e("span",{style:{...y(1,0),top:`calc(50% + ${h}px)`,left:"50%"}}),e("span",{style:{...y(2,-45),top:`calc(50% + ${m}px)`,left:`calc(50% + ${m}px)`}}),e("span",{style:{...y(3,90),top:"50%",left:`calc(50% + ${h}px)`}}),e("span",{style:{...y(4,45),top:`calc(50% + ${-1*m}px)`,left:`calc(50% + ${m}px)`}}),e("span",{style:{...y(5,0),top:`calc(50% + ${-1*h}px)`,left:"50%"}}),e("span",{style:{...y(6,-45),top:`calc(50% + ${-1*m}px)`,left:`calc(50% + ${-1*m}px)`}}),e("span",{style:{...y(7,90),top:"50%",left:`calc(50% + ${-1*h}px)`}}),e("span",{style:{...y(8,45),top:`calc(50% + ${m}px)`,left:`calc(50% + ${-1*m}px)`}})]})},Cd=o.div`
|
|
758
768
|
margin: ${({$align:e})=>"right"===e?"auto 6px auto auto":"left"===e?"auto auto auto 6px":"auto"};
|
|
759
769
|
display: flex;
|
|
760
770
|
align-items: center;
|
|
761
771
|
justify-content: center;
|
|
762
|
-
`,
|
|
772
|
+
`,Ed=({extend:t,size:r=14,align:o="center"})=>e(Cd,{$align:o,children:e(wt,{size:r,rotate:t?180:0})}),Ad=o.div`
|
|
763
773
|
border-radius: 24px;
|
|
764
|
-
background-color: ${({theme:e,$status:t})=>t===Gr.Error?e.text.error+
|
|
774
|
+
background-color: ${({theme:e,$status:t})=>t===Gr.Error?e.text.error+bl["010"]:t===Gr.Warning?e.text.warning+bl["010"]:e.colors.secondary+bl["005"]};
|
|
765
775
|
&:hover {
|
|
766
|
-
background-color: ${({theme:e,$status:t})=>t===Gr.Error?e.text.error+
|
|
776
|
+
background-color: ${({theme:e,$status:t})=>t===Gr.Error?e.text.error+bl["020"]:t===Gr.Warning?e.text.warning+bl["020"]:e.colors.secondary+bl["010"]};
|
|
767
777
|
}
|
|
768
778
|
cursor: pointer;
|
|
769
779
|
transition: background 0.3s;
|
|
770
|
-
`,
|
|
780
|
+
`,Dd=o.div`
|
|
771
781
|
display: flex;
|
|
772
782
|
align-items: center;
|
|
773
783
|
gap: 12px;
|
|
774
784
|
padding: 12px 18px;
|
|
775
|
-
`,
|
|
785
|
+
`,Td=o.div`
|
|
776
786
|
display: flex;
|
|
777
787
|
flex-direction: column;
|
|
778
788
|
gap: 8px;
|
|
779
789
|
padding: 6px 18px 12px 18px;
|
|
780
|
-
`,
|
|
790
|
+
`,Id=o.div`
|
|
781
791
|
display: flex;
|
|
782
792
|
align-items: center;
|
|
783
793
|
gap: 12px;
|
|
784
|
-
`,
|
|
794
|
+
`,Nd=o(Di)`
|
|
785
795
|
white-space: nowrap;
|
|
786
|
-
`,
|
|
796
|
+
`,Rd=o(Fn)`
|
|
787
797
|
width: 16px;
|
|
788
|
-
`,
|
|
798
|
+
`,Od=({conditions:r,headerLabelError:o="Something Failed",headerLabelWarning:n="Something isn't right",headerLabelSuccess:a="Everything Successful"})=>{const s=i(),[l,c]=Wt(!1),d=Xt(()=>pi(r),[r]),{errors:p,hasErrors:u,warnings:h,hasWarnings:m,hasDisableds:g,hasLoadings:f}=Xt(()=>Fo(d),[d]);Ht(()=>{c(u||m||g)},[u,m,g]);const y=(!d.length||f)&&!u&&!m&&!g,x=u?Gr.Error:m?Gr.Warning:g?Gr.Info:Gr.Success,b=Vn(x,s),v=u?o:m||g?n:y?"Loading...":a,$=u?s.text.error:m?s.text.warning:s.text.info,w=`(${u?p.length:m?h.length:d.length}/${d.length})`,S=u?s.text.error_secondary:m?s.text.warning_secondary:s.text.info_secondary,k=Vt(()=>c(e=>!e),[]);return t(Ad,{onClick:k,$status:x,children:[t(Dd,{children:[e(y?kd:b,{}),e(Di,{color:$,size:14,children:v}),e(Di,{color:S,size:12,family:"secondary",children:w}),e(Ed,{extend:l,align:"right"})]}),l&&e(Td,{children:d.map(({status:r,type:o,reason:n,message:i},a)=>{const l=r===Kr.Loading?()=>e(kd,{scale:.8}):r===Kr.Disabled?Vn(Gr.Info,s):Vn(r,s),c=r===Kr.Disabled?s.text.info:r===Gr.Error?s.text.error:r===Gr.Warning?s.text.warning:s.text.info,d=r===Kr.Disabled?s.text.info_secondary:r===Gr.Error?s.text.error_secondary:r===Gr.Warning?s.text.warning_secondary:s.text.info_secondary;return t(Id,{children:[e(Rd,{children:e(l,{})}),t(Di,{color:c,size:12,children:[e(Nd,{color:d,size:12,weight:700,children:o}),i||n]})]},`condition-${a}`)})})]})},_d=o.div`
|
|
789
799
|
display: flex;
|
|
790
800
|
align-items: center;
|
|
791
801
|
gap: ${({$size:e})=>e/3}px;
|
|
792
802
|
padding: ${({$size:e,$withBorder:t,$withBackground:r})=>t||r?`${e/(t?3:2)}px ${e/(t?1.5:1)}px`:"0"};
|
|
793
803
|
width: ${({$width:e})=>e||"fit-content"};
|
|
794
804
|
border-radius: 360px;
|
|
795
|
-
border: ${({$withBorder:e,$status:t,theme:r})=>e?`1px solid ${r.text[t]+
|
|
796
|
-
background: ${({$withBackground:e,$status:t,theme:r})=>e?`linear-gradient(90deg, transparent 0%, ${r.text[t]+
|
|
797
|
-
`,
|
|
805
|
+
border: ${({$withBorder:e,$status:t,theme:r})=>e?`1px solid ${r.text[t]+bl["050"]}`:"none"};
|
|
806
|
+
background: ${({$withBackground:e,$status:t,theme:r})=>e?`linear-gradient(90deg, transparent 0%, ${r.text[t]+bl["030"]} 100%)`:"transparent"};
|
|
807
|
+
`,Fd=o.div`
|
|
798
808
|
display: flex;
|
|
799
809
|
align-items: center;
|
|
800
|
-
`,
|
|
810
|
+
`,Pd=o.div`
|
|
801
811
|
display: flex;
|
|
802
812
|
align-items: center;
|
|
803
|
-
`,
|
|
813
|
+
`,Ld=({title:r,subtitle:o,status:n=Gr.Default,forceIcon:a,withIcon:s,withBorder:l,withBackground:c,width:d,size:p=12,family:u="secondary",nowrap:h=!1})=>{const m=i(),g=[Kr.Loading,Kr.Disabled].includes(n)?Gr.Info:n,f=a?()=>e(a,{size:p+2,fill:m.text[g]}):n===Kr.Loading?()=>e(kd,{scale:.8}):()=>Vn(g,m)?.({size:p+2});return t(_d,{$status:g,$width:d,$size:p,$withIcon:s,$withBorder:l,$withBackground:c,children:[s&&e(Fd,{children:e(f,{})}),(!!r||!!o)&&t(Pd,{children:[!!r&&e(Di,{size:p,family:u,color:m.text[g],nowrap:h,children:r}),!!r&&!!o&&e(Ec,{orientation:"vertical",length:p-2+"px",type:g}),!!o&&e(Di,{size:p-2,family:u,color:m.text[`${g}_secondary`],nowrap:h,children:o})]})]})},zd=({label:r,onClick:o,variant:n="tertiary",textProps:a,...s})=>{const l=i();return t(Rl,{onClick:o,variant:n,...s,children:[e(St,{fill:"primary"===n?l.text.primary:l.text.info}),e(Di,{size:14,family:"secondary",decoration:"underline",color:"primary"===n?l.text.primary:void 0,...a,children:r||Do.ADD})]})},Md=o(_n)`
|
|
804
814
|
width: 100%;
|
|
805
815
|
border-radius: 8px;
|
|
806
|
-
background-color: ${({theme:e})=>e.colors.secondary+
|
|
816
|
+
background-color: ${({theme:e})=>e.colors.secondary+bl["010"]};
|
|
807
817
|
pre {
|
|
808
818
|
color: ${({theme:e})=>e.text.default};
|
|
809
819
|
font-size: 12px;
|
|
@@ -811,7 +821,7 @@ import{jsx as e,jsxs as t,Fragment as r}from"react/jsx-runtime";import o,{css as
|
|
|
811
821
|
width: 100%;
|
|
812
822
|
padding-left: 12px;
|
|
813
823
|
}
|
|
814
|
-
`,
|
|
824
|
+
`,Bd=({value:r,callbackCopyDone:o})=>{const{clickCopy:n,isCopied:i}=Wl();return t(Md,{children:[e("pre",{children:r}),e(Uc,{onClick:e=>{e.stopPropagation(),n(r),o?.()},tooltip:i?"Copied!":"Copy",children:e(i?ft:yt,{})})]})},Ud=({label:r,onClick:o,variant:n="tertiary",...a})=>{const s=i();return t(Rl,{onClick:o,variant:n,...a,children:[e(kt,{fill:"primary"===n?s.text.primary:s.text.info}),e(Di,{size:14,family:"secondary",decoration:"underline",color:"primary"===n?s.text.primary:void 0,children:r||Do.EDIT})]})},jd=({onClick:t})=>e(Jc,{type:Gr.Default,icon:rt,message:Ao.QUICK_BACK_TO_SUMMARY,action:{label:Ao.GO_TO_SUMMARY,onClick:t}}),Wd=o(Di)`
|
|
815
825
|
max-width: ${({$maxWidth:e})=>e?`${e}px`:"unset"};
|
|
816
826
|
white-space: nowrap;
|
|
817
827
|
overflow-x: auto;
|
|
@@ -821,15 +831,15 @@ import{jsx as e,jsxs as t,Fragment as r}from"react/jsx-runtime";import o,{css as
|
|
|
821
831
|
content: '';
|
|
822
832
|
display: block;
|
|
823
833
|
}
|
|
824
|
-
`,
|
|
834
|
+
`,Hd=({maxWidth:r,text:o,textSize:n=16,textColor:i})=>{const[a,s]=Wt(!1),l=Gt(null);return Ht(()=>{if(l.current){const{clientWidth:e}=l.current;s(e<1.05*(r-n)&&e>.95*(r-n))}},[r,n,o]),t(_n,{$gap:0,children:[o&&e(zc,{text:a?o:void 0,children:e(Wd,{ref:l,$maxWidth:r-n,size:n,color:i,children:o})}),a&&e(Wd,{$maxWidth:n,size:n,color:i,children:"..."})]})},Xd=({src:t="",alt:r="",size:o=16})=>{const[n,i]=Wt(!1);return t&&!n?e("img",{src:t,alt:r,width:o,height:o,onError:()=>i(!0)}):e(g,{size:o})},Gd=o.div`
|
|
825
835
|
display: flex;
|
|
826
836
|
align-items: center;
|
|
827
837
|
justify-content: center;
|
|
828
838
|
width: ${({$size:e})=>e}px;
|
|
829
839
|
height: ${({$size:e})=>e}px;
|
|
830
840
|
border-radius: 8px;
|
|
831
|
-
background: ${({$status:e,theme:t})=>{const r=t.colors[e||"dropdown_bg_2"];return`linear-gradient(180deg, ${r} 0%, ${r+
|
|
832
|
-
`,
|
|
841
|
+
background: ${({$status:e,theme:t})=>{const r=t.colors[e||"dropdown_bg_2"];return`linear-gradient(180deg, ${r} 0%, ${r+bl["030"]} 100%)`}};
|
|
842
|
+
`,Vd=({icon:t,src:r="",alt:o="",status:n,size:i=36})=>e(Gd,{$status:n,$size:i,children:r?e(Xd,{src:r,alt:o,size:i-12}):e(t||g,{size:i-12})}),Kd=o.div`
|
|
833
843
|
position: relative;
|
|
834
844
|
display: flex;
|
|
835
845
|
flex-wrap: wrap;
|
|
@@ -837,7 +847,7 @@ import{jsx as e,jsxs as t,Fragment as r}from"react/jsx-runtime";import o,{css as
|
|
|
837
847
|
justify-content: center;
|
|
838
848
|
width: ${({$size:e})=>e}px;
|
|
839
849
|
height: ${({$size:e})=>e}px;
|
|
840
|
-
`,
|
|
850
|
+
`,qd=o.div`
|
|
841
851
|
position: absolute;
|
|
842
852
|
top: ${({$top:e})=>e}px;
|
|
843
853
|
left: ${({$left:e})=>e}px;
|
|
@@ -848,73 +858,73 @@ import{jsx as e,jsxs as t,Fragment as r}from"react/jsx-runtime";import o,{css as
|
|
|
848
858
|
width: ${({$size:e})=>e}px;
|
|
849
859
|
height: ${({$size:e})=>e}px;
|
|
850
860
|
border-radius: 100%;
|
|
851
|
-
border: 1px solid ${({theme:e,$status:t})=>(t?e.text[t]:e.colors.border)+
|
|
852
|
-
background: ${({$status:e,theme:t})=>{const r=t.colors[e||"dropdown_bg_2"];return`linear-gradient(180deg, ${r} 0%, ${r+
|
|
853
|
-
`,
|
|
861
|
+
border: 1px solid ${({theme:e,$status:t})=>(t?e.text[t]:e.colors.border)+bl["030"]};
|
|
862
|
+
background: ${({$status:e,theme:t})=>{const r=t.colors[e||"dropdown_bg_2"];return`linear-gradient(180deg, ${r} 0%, ${r+bl["030"]} 100%)`}};
|
|
863
|
+
`,Jd=({icons:r=[],iconSrcs:o=[],status:n,size:a=36,id:s})=>{const l=i(),c=1===r.length||1===o.length?a-12:a/2.7;if(o.length>0)return e(Jd,{icons:o.map(t=>()=>e(Xd,{src:t,size:c})),status:n,size:a,id:s});if(1===r.length)return e(Vd,{icon:r[0],status:n,size:a});const d=e=>r.length<=2?.5*c:0===e||1===e?0:1.15*c,p=e=>0===e?0:1===e?1.15*c:1.15*c*.5;return e(Kd,{$status:n,$size:a,children:r.map((o,i)=>i>2?null:e(qd,{$status:n,$size:1.5*c,$top:d(i),$left:p(i),$zIndex:i+1,children:2===i&&r.length>3?t(Di,{family:"secondary",color:l.text.dark_grey,size:.8*c,children:["+",r.length-2]}):e(o,{size:c})},`icon-${s}-${i}`))})},Yd=Hs.map(({id:e})=>e),Qd=({monitors:r=Yd,withTooltips:o,withLabels:n,size:a=12,color:s})=>{const l=i(),c=s||l.text.grey;return e(_n,{$gap:n?a:a/2,children:r.map(r=>{const i=yr(r.toLowerCase()),s=Qo(r);return s?e(zc,{text:o?i:"",children:t(_n,{$gap:a/3,children:[e(s,{size:n?a+2:a,fill:c}),n&&e(Di,{size:a,color:c,children:i})]})},r):null})})},Zd=o.div`
|
|
854
864
|
visibility: hidden;
|
|
855
|
-
`,
|
|
865
|
+
`,ep=o.div`
|
|
856
866
|
display: flex;
|
|
857
867
|
flex-direction: column;
|
|
858
868
|
align-self: stretch;
|
|
859
869
|
padding: 16px;
|
|
860
870
|
width: calc(100% - 32px);
|
|
861
871
|
border-radius: 16px;
|
|
862
|
-
background-color: ${({theme:e,$status:t,$bgColor:r})=>r||(t?e.text[t]+
|
|
872
|
+
background-color: ${({theme:e,$status:t,$bgColor:r})=>r||(t?e.text[t]+bl["010"]:e.colors.secondary+bl["005"])};
|
|
863
873
|
opacity: ${({$faded:e})=>e?.5:1};
|
|
864
874
|
|
|
865
875
|
${({theme:e,$status:t,$bgColorHover:r,$withClick:o})=>o?n`
|
|
866
876
|
&:hover {
|
|
867
877
|
cursor: pointer;
|
|
868
|
-
background-color: ${r||(t?e.text[t]+
|
|
869
|
-
${
|
|
878
|
+
background-color: ${r||(t?e.text[t]+bl["020"]:e.colors.secondary+bl["010"])};
|
|
879
|
+
${Zd} {
|
|
870
880
|
visibility: visible;
|
|
871
881
|
}
|
|
872
882
|
}
|
|
873
|
-
`:`\n &:hover {\n ${
|
|
874
|
-
`,
|
|
883
|
+
`:`\n &:hover {\n ${Zd} {\n visibility: visible;\n }\n }\n `}
|
|
884
|
+
`,tp=o.div`
|
|
875
885
|
display: flex;
|
|
876
886
|
align-items: center;
|
|
877
887
|
gap: 8px;
|
|
878
888
|
margin-left: auto;
|
|
879
|
-
`,
|
|
889
|
+
`,rp=o(Di)`
|
|
880
890
|
margin-right: 16px;
|
|
881
|
-
`,
|
|
891
|
+
`,op=o(Di)`
|
|
882
892
|
font-size: 10px;
|
|
883
893
|
color: ${({theme:e})=>e.text.grey};
|
|
884
|
-
`,
|
|
894
|
+
`,np=({title:r,subTitle:o,hoverText:n,onClick:a,renderActions:s,iconProps:{icon:l,icons:c,iconSrc:d,iconSrcs:p}={},visualProps:{status:u,faded:h,bgColor:m,bgColorHover:g,monitors:f,monitorsWithLabels:y,componentsUnderTitles:x}={},checkboxProps:{withCheckbox:b,isCheckboxDisabled:v,isChecked:$,isLoading:w,onCheckboxChange:S}={},extendableProps:{withExtend:k,isExtended:C,renderExtended:E}={},...A})=>{const D=i(),[T,I]=Wt(C||!1),[N,R]=Wt(0),O=Gt(null),_=Gt(null),F=Gt(null);return Ht(()=>{if(O.current){const e=O.current.clientWidth,t=_.current?.clientWidth||0;R(e-((b?125:85)+t))}},[b]),t(ep,{ref:O,$status:u,$faded:h,$bgColor:m,$bgColorHover:g,$withClick:!!a,onClick:a,...A,children:[t(_n,{$gap:8,children:[t(_n,{$gap:16,children:[w?e(kd,{}):b?e(ld,{value:$,onChange:S,disabled:v}):null,c?.length||p?.length?e(Jd,{icons:c,iconSrcs:p,status:u,id:`${r}-${o}`}):l||d?e(Vd,{icon:l,src:d,status:u}):null]}),t(Fn,{$gap:4,children:[r&&e(Hd,{maxWidth:N,text:r,textSize:14}),t(_n,{$gap:4,children:[o&&e(Hd,{maxWidth:N-(F.current?.clientWidth||0),text:o,textSize:10,textColor:D.text.grey}),f&&f.length>0&&t(_n,{$gap:4,ref:F,children:[o&&e(op,{children:"•"}),e(Qd,{monitors:f,withLabels:y,size:10})]})]}),x&&x.length>0?e(_n,{$gap:4,children:x?.map((t,r)=>e(jt,{children:t},`componentsUnderTitles-${r}`))}):null]}),t(tp,{ref:_,children:[!!n&&e(Zd,{children:e(rp,{size:14,family:"secondary",children:n})}),s&&s(),k&&t(jt,{children:[e(Ec,{orientation:"vertical",length:"16px",margin:"0 2px"}),e(Uc,{onClick:()=>I(e=>!e),children:e(Ed,{extend:T})})]})]})]}),T&&E&&t(Fn,{children:[e(Ec,{margin:"16px 0"}),E()]})]})},ip=o(_n)`
|
|
885
895
|
width: 100%;
|
|
886
896
|
justify-content: space-between;
|
|
887
|
-
`,
|
|
897
|
+
`,ap=o(Di)`
|
|
888
898
|
font-size: 12px;
|
|
889
899
|
color: ${({theme:e})=>e.text.grey};
|
|
890
|
-
`,
|
|
900
|
+
`,sp=o(Di)`
|
|
891
901
|
font-size: 10px;
|
|
892
902
|
color: ${({theme:e})=>e.text.darker_grey};
|
|
893
|
-
`,
|
|
903
|
+
`,lp=o.div`
|
|
894
904
|
display: flex;
|
|
895
905
|
align-items: center;
|
|
896
906
|
gap: 8px;
|
|
897
907
|
margin-left: auto;
|
|
898
|
-
`,
|
|
908
|
+
`,cp=o(Di)`
|
|
899
909
|
font-size: 12px;
|
|
900
910
|
text-align: right;
|
|
901
|
-
`,
|
|
911
|
+
`,dp=({title:r,subTitle:o,tooltip:n,value:i})=>t(ip,{children:[e(Fn,{$gap:4,children:t(zc,{text:n||"",children:[r&&e(ap,{children:r},"title"),o&&e(sp,{children:o},"subtitle")]})}),e(lp,{children:i?.status?e(Ld,{status:"transitioning"===i.status?Kr.Loading:i.status,title:i.text||i.status,withBorder:!0,withIcon:!0}):e(cp,{children:i?.text||"-"})})]}),pp=o(Fn)`
|
|
902
912
|
width: 100%;
|
|
903
|
-
`,
|
|
913
|
+
`,up=({containerName:r,actualDevices:o,started:n,ready:i,instrumentationInstances:a})=>{const s=Xt(()=>{const t=[];return n?.name&&t.push(e(Ld,{status:ai(n.value)?fi(n.value)?Gr.Success:Gr.Error:Gr.Default,title:n.name,withIcon:!0,withBorder:!0,size:8},"started")),i?.name&&t.push(e(Ld,{status:ai(i.value)?fi(i.value)?Gr.Success:Gr.Error:Gr.Default,title:i.name,withIcon:!0,withBorder:!0,size:8},"ready")),t},[n?.name,n?.value,i?.name,i?.value]);return e(np,{title:r.value,subTitle:a.length?`${a.length} Instrumented Processes`:void 0,visualProps:{componentsUnderTitles:s},renderActions:()=>e(Ld,{status:Gr.Info,title:"Instrumentation Device",subtitle:o.value&&"[]"!==o.value?o.value:"none",withBorder:!0}),extendableProps:{isExtended:!!a.length,renderExtended:()=>e(pp,{$gap:24,children:a.map((r,o)=>t(pp,{$gap:8,children:[e(dp,{title:`Instrumented Process #${o+1}`,subTitle:r.message?.value||"",value:{status:r.healthy.status,text:r.healthy.status===Gr.Success?"healthy":"unhealthy"}}),r.identifyingAttributes?.map(({name:t,value:r})=>e(dp,{title:t,subTitle:"",value:{text:r,status:void 0}},`describe-${t}-${r}`))]},`process-${o}`))})}})},hp=({title:r="Data not found",subTitle:o})=>{const n=i().v2.colors.grey[400];return t(Pn,{children:[t(_n,{$gap:8,children:[e(Ct,{fill:n}),e(un,{size:sn.XS,color:n,align:"center",children:r})]}),o&&e(un,{size:sn.XXS,color:n,align:"center",children:o})]})},mp=o(Fn)`
|
|
904
914
|
max-width: 300px;
|
|
905
915
|
padding: 12px;
|
|
906
916
|
border-radius: 12px;
|
|
907
917
|
background-color: ${({theme:e})=>e.colors.dropdown_bg};
|
|
908
918
|
justify-content: center;
|
|
909
|
-
`,
|
|
919
|
+
`,gp=Jt(({id:t,data:r})=>{const{title:o,subTitle:n}=r;return e(mp,{"data-id":t,children:e(hp,{title:o,subTitle:n})})});gp.displayName=gp.name;const fp=o.div`
|
|
910
920
|
padding: 6px;
|
|
911
921
|
border-radius: 12px;
|
|
912
922
|
background-color: ${({theme:e})=>e.colors.dropdown_bg};
|
|
913
923
|
cursor: pointer;
|
|
914
924
|
${({$isVirtual:e,theme:t})=>e&&`\n border: 1px dashed ${t.colors.border};\n opacity: 0.8;\n `}
|
|
915
|
-
`,
|
|
925
|
+
`,yp=o.div`
|
|
916
926
|
position: relative;
|
|
917
|
-
`,
|
|
927
|
+
`,xp=o.div`
|
|
918
928
|
position: absolute;
|
|
919
929
|
top: 100%;
|
|
920
930
|
margin-top: 4px;
|
|
@@ -926,12 +936,12 @@ import{jsx as e,jsxs as t,Fragment as r}from"react/jsx-runtime";import o,{css as
|
|
|
926
936
|
gap: 2px;
|
|
927
937
|
width: 140px;
|
|
928
938
|
text-align: center;
|
|
929
|
-
`,
|
|
939
|
+
`,bp=Jt(({id:o,data:n})=>{const{id:a,status:s,title:l,icons:c,isVirtual:d}=n,p=i(),u=d||s!==Gr.Error?null:Vn(s,p);return t(r,{children:[e(or,{type:"source",position:nr.Right,style:{visibility:"hidden"}}),e(or,{type:"target",position:nr.Left,style:{visibility:"hidden"}}),t(yp,{"data-id":o,children:[e(fp,{$isVirtual:d,children:e(Jd,{id:a,icons:c,status:d?void 0:s})}),t(xp,{children:[u&&e(u,{}),e(Di,{size:12,style:{textAlign:"center",wordBreak:"break-word",lineHeight:"1.3"},children:l})]})]})]})});bp.displayName=bp.name;const vp={duration:300,padding:.1,includeHiddenNodes:!0},$p=o.div`
|
|
930
940
|
height: 100%;
|
|
931
941
|
.react-flow__attribution {
|
|
932
942
|
visibility: hidden;
|
|
933
943
|
}
|
|
934
|
-
`,
|
|
944
|
+
`,wp=o.div`
|
|
935
945
|
button {
|
|
936
946
|
padding: 8px;
|
|
937
947
|
margin: 8px;
|
|
@@ -948,17 +958,17 @@ import{jsx as e,jsxs as t,Fragment as r}from"react/jsx-runtime";import o,{css as
|
|
|
948
958
|
transform: scale(1.4);
|
|
949
959
|
}
|
|
950
960
|
}
|
|
951
|
-
`,xp={[Yr.MapItem]:hp,[Yr.NoData]:cp},yp=({trigger:e})=>{const{fitView:t}=cr(),r=Gt(!0);return Ht(()=>{r.current?r.current=!1:e>0&&requestAnimationFrame(()=>t(mp))},[e,t]),null},bp=({nodes:r,edges:o,onNodesChange:n,onEdgesChange:i,fitViewTrigger:a=0,zoomOnScroll:s=!1,onEdgeClick:l,onNodeMouseEnter:c,onNodeMouseLeave:d,onRefresh:p})=>{const{onClickNode:u}=Rl(),{setActiveNodeType:h,setActiveNodeId:m}=ji();return t(ar,{zoomOnScroll:s,nodes:r,nodeTypes:xp,edges:o,onNodeClick:u,onEdgeClick:l,onNodeMouseEnter:c,onNodeMouseLeave:d,onNodesChange:n,onEdgesChange:i,onBlur:()=>{h(null),m(null)},children:[e(yp,{trigger:a}),e(fp,{children:e(sr,{position:"bottom-right",orientation:"horizontal",showInteractive:!1,showZoom:!0,showFitView:!0,fitViewOptions:mp,children:p&&e(lr,{onClick:p,children:e(Et,{size:20})})})})]})},vp=t=>e(gp,{children:e(ir,{children:e(bp,{...t})})}),$p={type:"",disabled:!1,name:"",notes:"",signals:[],fields:{}},wp=qt(null),Sp="All row fields are required",kp="At least one row is required",Cp=Eo.LATENCY_HTTP_ROUTE,Ep=e=>"string"==typeof e?!e.trim():Qn(e),Ap=(e,t)=>!!e&&t.every(t=>{const r=e[t];return Array.isArray(r)?r.length>0:!Ep(r)}),Dp=({children:t})=>{const[r,o]=Wt(null),[n,i]=Wt(void 0),a=Dl($p),s=Vt(e=>{a.resetFormData(),a.handleErrorChange(void 0,void 0,{}),i(void 0),e?.type&&a.handleFormChange("type",e.type),o(e)},[]),l=Vt(e=>{var t;a.resetFormData((({type:e,name:t,notes:r,disabled:o,signals:n,fields:i})=>({type:e,name:t||"",notes:r||"",disabled:!!o,signals:n??[],fields:i??{}}))(e)),a.handleErrorChange(void 0,void 0,{}),i(void 0),o((t=e.type,Wi.find(e=>e.type===t)??Hi.find(e=>e.type===t)??null))},[]),c=Vt(()=>{if(!r)return{errorMessage:"No action type selected",preparedFormData:$r($p)};const e=(e=>{const t=$r(e),r=t.fields||{},o=r[Tr.UrlTemplatizationRulesGroups];o?.length&&(r[Tr.UrlTemplatizationRulesGroups]=o.map(e=>({...e,templatizationRules:(e.templatizationRules||[]).filter(e=>!!e.template?.trim())})));const n=r[Tr.AttributeNamesToDelete];n?.length&&(r[Tr.AttributeNamesToDelete]=n.filter(e=>!!e?.trim()));const i=r[Tr.Renames];return i&&(r[Tr.Renames]=Object.fromEntries(Object.entries(i).filter(([e,t])=>!!e?.trim()&&!!t?.trim()))),t.fields=r,t})(a.formData),t={};Qn(e.signals)&&(t.signals=Eo.FIELD_IS_REQUIRED),r.type&&Object.assign(t,((e,t,r)=>{const o={},n=t.fields||{},i=r.fields||{};switch(e){case Dr.K8sAttributes:{const e=!(n[Tr.CollectContainerAttributes]||n[Tr.CollectReplicaSetAttributes]||n[Tr.CollectWorkloadId]||n[Tr.CollectClusterId]),t=!n[Tr.LabelsAttributes]?.length,r=!n[Tr.AnnotationsAttributes]?.length;e&&t&&r&&(o[Tr.CollectContainerAttributes]="Enable at least one option or add a label/annotation row");const i=n[Tr.LabelsAttributes];i?.some(e=>!Ap(e,["labelKey","attributeKey","fromSources"]))&&(o[Tr.LabelsAttributes]=Sp);const a=n[Tr.AnnotationsAttributes];a?.some(e=>!Ap(e,["annotationKey","attributeKey","fromSources"]))&&(o[Tr.AnnotationsAttributes]=Sp);break}case Dr.AddClusterInfo:{const e=n[Tr.ClusterAttributes];e?.length?e.some(e=>!Ap(e,["attributeName","attributeStringValue"]))&&(o[Tr.ClusterAttributes]=Sp):o[Tr.ClusterAttributes]=kp;break}case Dr.DeleteAttributes:{const e=i[Tr.AttributeNamesToDelete]||[],t=n[Tr.AttributeNamesToDelete]||[];t.length?e.length>t.length&&(o[Tr.AttributeNamesToDelete]=Sp):o[Tr.AttributeNamesToDelete]=e.length?Sp:kp;break}case Dr.RenameAttributes:{const e=Object.entries(i[Tr.Renames]||{}),t=Object.entries(n[Tr.Renames]||{}),r=e.some(([e,t])=>!e?.trim()||!t?.trim());t.length?r&&(o[Tr.Renames]=Sp):o[Tr.Renames]=e.length?Sp:kp;break}case Dr.PiiMasking:{const e=n[Tr.PiiCategories];e?.length||(o[Tr.PiiCategories]="Select at least one attribute to mask");break}case Dr.ErrorSampler:Ep(n[Tr.FallbackSamplingRatio])&&(o[Tr.FallbackSamplingRatio]=Eo.FIELD_IS_REQUIRED);break;case Dr.ProbabilisticSampler:Ep(n[Tr.SamplingPercentage])&&(o[Tr.SamplingPercentage]=Eo.FIELD_IS_REQUIRED);break;case Dr.LatencySampler:{const e=n[Tr.EndpointsFilters];e?.length?e.some(e=>!Ap(e,["serviceName","httpRoute","minimumLatencyThreshold","fallbackSamplingRatio"]))?o[Tr.EndpointsFilters]=Sp:e.some(e=>!!e.httpRoute&&!e.httpRoute.startsWith("/"))&&(o[Tr.EndpointsFilters]=Cp):o[Tr.EndpointsFilters]=kp;break}case Dr.ServiceNameSampler:{const e=n[Tr.ServicesNameFilters];e?.length?e.some(e=>!Ap(e,["serviceName","samplingRatio","fallbackSamplingRatio"]))&&(o[Tr.ServicesNameFilters]=Sp):o[Tr.ServicesNameFilters]=kp;break}case Dr.SpanAttributeSampler:{const e=n[Tr.AttributeFilters],t=["stringCondition","numberCondition","booleanCondition","jsonCondition"],r=new Set(["exists","is_valid_json","is_invalid_json","jsonpath_exists"]);e?.length?e.some(e=>{if(!Ap(e,["serviceName","attributeKey","fallbackSamplingRatio"]))return!0;const o=e.condition||{},n=t.find(e=>!!o[e]);if(!n)return!0;const i=o[n]||{},a=i.operation;return!a||!(r.has(a)||!Ep(i.expectedValue))})&&(o[Tr.AttributeFilters]=Sp):o[Tr.AttributeFilters]=kp;break}case Dr.URLTemplatization:{const e=n[Tr.UrlTemplatizationRulesGroups];(!e?.length||e.some(e=>!e.templatizationRules?.length))&&(o[Tr.UrlTemplatizationRulesGroups]="Each rule group needs at least one non-blank template");break}}return o})(r.type,e,a.formData)),a.handleErrorChange(void 0,void 0,t);const o=Object.keys(t).length>0?"Invalid form values":void 0;return i(o),{errorMessage:o,preparedFormData:e}},[a,r]),d=Xt(()=>({selectedOption:r,onSelectOption:s,loadAction:l,genericForm:a,validateFormData:c,errorMessage:n}),[r,s,l,a,c,n]);return e(wp.Provider,{value:d,children:t})},Tp=()=>{const e=Kt(wp);if(!e)throw new Error("useActionFormContext must be used within an ActionFormContextProvider");return e},Ip={type:"",name:"",currentStreamName:"",disabled:!1,exportedSignals:{logs:!1,metrics:!1,traces:!1},fields:[]},Np={activeForm:null,onChangeActiveForm:()=>{},loadDestination:()=>{},genericForm:void 0,formErrorMessage:void 0,validateFormData:()=>({isOk:!1,preparedFormData:$r(Ip)}),unsavedDestinations:[],thisUnsavedDestination:void 0,setUnsavedDestinations:()=>{},addUnsavedDestination:()=>{},updateUnsavedDestination:()=>{},deleteUnsavedDestination:()=>{}},Rp=qt(Np),Op=e=>e.filter(e=>!!e).map(e=>{const{name:t,componentType:r,componentProperties:o,displayName:n,initialValue:i,renderCondition:a}=e,s=r===Hr.Dropdown,l=qn(o,{});return{componentType:r,renderCondition:a,name:t,title:n,value:i,placeholder:l.placeholder||(s?"Select an option":void 0),options:s&&Array.isArray(l.values)?l.values.map(e=>({id:e,value:e})):void 0,...l}}),_p=({children:t})=>{const{selectedStreamName:r}=Vs(),[o,n]=Wt(null),[i,a]=Wt(),[s,l]=Wt(Np.unsavedDestinations),c=Xt(()=>"number"==typeof o?.unsavedIdx?s[o.unsavedIdx]:void 0,[o,s]),d=Vt((e,t)=>{o&&(l(t=>[...t,{...e,option:o.option}]),n(t?e=>e?{...e,listType:Gi.UNSAVED,unsavedIdx:s.length}:null:null))},[o,s.length]),p=Vt((e,t,r)=>{o&&(l(r=>r.map((r,n)=>n===e?{...r,...t,option:o.option}:r)),n(r?e=>e?{...e,listType:Gi.UNSAVED}:null:null))},[o]),u=Vt(e=>{l(t=>t.filter((t,r)=>r!==e)),n(null)},[]),h=Dl({...Ip,currentStreamName:r});Ht(()=>{if(o&&o.listType!==Gi.EXISTS)if(c)h.resetFormData({...c.formData});else{const e=ci(o.option.supportedSignals);h.resetFormData({type:o.option.type,name:o.option.displayName,currentStreamName:r,disabled:!1,exportedSignals:{logs:e.includes(mo.Logs),metrics:e.includes(mo.Metrics),traces:e.includes(mo.Traces)},fields:o.dynamicFields.map(e=>({key:e.name,value:e.value}))})}},[o,c]);const m=Vt(e=>{h.resetFormData(),h.handleErrorChange(void 0,void 0,{}),a(void 0),n(e?{...e,dynamicFields:e.option?.fields?Op(e.option.fields):[]}:null)},[]),g=Vt((e,t)=>{let o;for(const r of t){const t=r.items.find(t=>t.type===e.destinationType.type);if(t){o=t;break}}const i=qn(e.fields,{}),s={id:e.id,type:e.destinationType.type,displayName:e.name||e.destinationType.displayName,selected:!0,testConnectionSupported:o?.testConnectionSupported??!1,supportedSignals:e.destinationType.supportedSignals,fields:o?o.fields.map(e=>({...e,initialValue:i[e.name]??e.initialValue})):[]},l=Op(s.fields);n({listType:Gi.EXISTS,option:s,dynamicFields:l}),a(void 0),h.resetFormData({type:e.destinationType.type,name:e.name||e.destinationType.displayName,currentStreamName:r,disabled:!!e.disabled,exportedSignals:{logs:!!e.exportedSignals?.logs,metrics:!!e.exportedSignals?.metrics,traces:!!e.exportedSignals?.traces},fields:l.map(e=>({key:e.name,value:e.value}))})},[r]),f=Vt(()=>{const e=$r(h.formData),t={};o?.dynamicFields.forEach(({name:r,required:o})=>{if(o){const o=e.fields.find(e=>e.key===r)?.value;Qn(o)&&(t[r]=Eo.FIELD_IS_REQUIRED)}});li(e.exportedSignals).length||(t.exportedSignals=Eo.FIELD_IS_REQUIRED);const r=0===Object.keys(t).length?void 0:"Invalid form values";return h.handleErrorChange(void 0,void 0,t),a(r),{errorMessage:r,preparedFormData:e}},[h,o]);return e(Rp.Provider,{value:{activeForm:o,onChangeActiveForm:m,loadDestination:g,genericForm:h,formErrorMessage:i,validateFormData:f,unsavedDestinations:s,thisUnsavedDestination:c,setUnsavedDestinations:l,addUnsavedDestination:d,updateUnsavedDestination:p,deleteUnsavedDestination:u},children:t})},Fp=()=>Kt(Rp),Pp={disabled:!1,ruleName:"",notes:"",workloads:null,instrumentationLibraries:null,payloadCollection:null,codeAttributes:null,headersCollection:null,customInstrumentations:null},Lp=qt(null),zp=({children:t})=>{const[r,o]=Wt(null),[n,i]=Wt(void 0),a=Dl(Pp),s=Vt(e=>{a.resetFormData(),a.handleErrorChange(void 0,void 0,{}),i(void 0),o(e)},[]),l=Vt(e=>{var t;a.resetFormData((({ruleName:e,notes:t,disabled:r,workloads:o,instrumentationLibraries:n,payloadCollection:i,codeAttributes:a,headersCollection:s,customInstrumentations:l})=>({ruleName:e||"",notes:t||"",disabled:!!r,workloads:o??null,instrumentationLibraries:n??null,payloadCollection:i??null,codeAttributes:a??null,headersCollection:s??null,customInstrumentations:l??null}))(e)),a.handleErrorChange(void 0,void 0,{}),i(void 0),o((t=e.type,Ki.find(e=>e.type===t)??null))},[]),c=Vt(()=>{if(!r)return{errorMessage:"No rule type selected",preparedFormData:$r(Pp)};const e=(e=>{const t=$r(e);return t.headersCollection?.[ao.HeaderKeys]?.length&&(t.headersCollection[ao.HeaderKeys]=t.headersCollection[ao.HeaderKeys].map(e=>e.trim()).filter(e=>e)),t.customInstrumentations?.[so.Golang]?.length&&(t.customInstrumentations[so.Golang]=t.customInstrumentations[so.Golang].map(e=>new xo(e.packageName,e.functionName,e.receiverName,e.receiverMethodName)).filter(e=>{return t=e,!!(t.packageName?.trim()||t.functionName?.trim()||t.receiverName?.trim()||t.receiverMethodName?.trim());var t})),t.customInstrumentations?.[so.Java]?.length&&(t.customInstrumentations[so.Java]=t.customInstrumentations[so.Java].map(e=>new fo(e.className,e.methodName)).filter(e=>{return t=e,!(!t.className?.trim()&&!t.methodName?.trim());var t})),t})(a.formData),t=((e,t)=>{const r={};switch(e){case no.CodeAttributes:Object.values(t.codeAttributes||{}).some(e=>null!=e)||(r.codeAttributes="Code attributes are required");break;case no.PayloadCollection:Object.values(t.payloadCollection||{}).some(e=>null!=e)||(r.payloadCollection="Payload collection are required");break;case no.HeadersCollection:t.headersCollection?.[ao.HeaderKeys]?.length||(r.headersCollection="Header keys are required");break;case no.CustomInstrumentation:{const e=t.customInstrumentations?.[so.Golang]||[],o=t.customInstrumentations?.[so.Java]||[];if(!e.length&&!o.length){r.customInstrumentations="Custom instrumentation are required";break}const n=e.findIndex(e=>!new xo(e.packageName,e.functionName,e.receiverName,e.receiverMethodName).Verify());if(-1!==n){r.customInstrumentations=`Golang probe #${n+1} is invalid: provide a package name plus either a function name OR both a receiver name and receiver method name`;break}const i=o.findIndex(e=>!new fo(e.className,e.methodName).Verify());if(-1!==i){r.customInstrumentations=`Java probe #${i+1} is invalid: both class name and method name are required`;break}break}}return r})(r.type,e);a.handleErrorChange(void 0,void 0,t);const o=Object.keys(t).length>0?"Invalid form values":void 0;return i(o),{errorMessage:o,preparedFormData:e}},[a,r]),d=Xt(()=>({selectedOption:r,onSelectOption:s,loadRule:l,genericForm:a,validateFormData:c,errorMessage:n}),[r,s,l,a,c,n]);return e(Lp.Provider,{value:d,children:t})},Mp=()=>{const e=Kt(Lp);if(!e)throw new Error("useRuleFormContext must be used within a RuleFormContextProvider");return e};function Bp(e){return{name:"",notes:"",disabled:!1,ruleType:"Relevance",sourceScopes:[],operationType:"all",routeType:"route",route:"",serverAddress:"",method:"",kafkaTopic:"",durationPreset:"500",customDurationMs:"",keepErrors:!1,percentageMode:"costReduction"===e?"sample":"all",percentagePreset:"0",customPercentage:""}}function Up(e){if(!e.sourceScopes.length)return null;const t=[];for(const r of e.sourceScopes)if("source"===r.scopeType&&r.workloadName){const e={workloadName:r.workloadName};r.workloadKind&&(e.workloadKind=r.workloadKind),r.workloadNamespace&&(e.workloadNamespace=r.workloadNamespace),t.push(e)}else"namespace"===r.scopeType&&r.workloadNamespace?t.push({workloadNamespace:r.workloadNamespace}):"language"===r.scopeType&&r.workloadLanguage&&t.push({workloadLanguage:r.workloadLanguage});return t.length?t:null}function jp(e){return Up(e)}function Wp(e){if("all"===e.percentageMode)return null;if("custom"===e.percentagePreset){const t=parseFloat(e.customPercentage);return isNaN(t)?null:t}return parseFloat(e.percentagePreset)}function Hp(e){if("custom"===e.durationPreset){const t=parseFloat(e.customDurationMs);return isNaN(t)?null:t}return parseInt(e.durationPreset,10)}function Xp(e){return{httpServer:{[e.routeType]:e.route||null,method:e.method||null}}}function Gp(e){return"all"===e.operationType?null:"httpServer"===e.operationType?Xp(e):"httpClient"===e.operationType?{httpClient:{serverAddress:e.serverAddress||null,["route"===e.routeType?"templatedPath":"templatedPathPrefix"]:e.route||null,method:e.method||null}}:null}function Vp(e){return"all"===e.operationType?null:"httpServer"===e.operationType?Xp(e):"kafkaConsumer"===e.operationType?{kafkaConsumer:{kafkaTopic:e.kafkaTopic||null}}:"kafkaProducer"===e.operationType?{kafkaProducer:{kafkaTopic:e.kafkaTopic||null}}:null}function Kp(e){return{ruleId:"",name:e.name||null,disabled:!1,notes:e.notes||null,sourceScopes:Up(e),percentageAtMost:Wp(e),operation:Gp(e)}}function qp(e){return{ruleId:"",name:e.name||null,disabled:!1,notes:e.notes||null,sourceScopes:Up(e),error:e.keepErrors,durationAtLeastMs:"Duration"===e.ruleType?Hp(e):null,percentageAtLeast:Wp(e),operation:Vp(e)}}function Jp(e){return{ruleId:"",name:e.name||null,disabled:!1,notes:e.notes||null,sourceScopes:Up(e),percentageAtMost:Wp(e)??0,operation:Vp(e)}}function Yp(e){return{name:e.name||null,disabled:e.disabled,sourceScopes:jp(e),operation:Gp(e),percentageAtMost:Wp(e),notes:e.notes||null}}function Qp(e){return{name:e.name||null,disabled:e.disabled,sourceScopes:jp(e),error:"Error"===e.ruleType,durationAtLeastMs:"Duration"===e.ruleType?Hp(e):null,operation:Vp(e),percentageAtLeast:Wp(e),notes:e.notes||null}}function Zp(e){return{name:e.name||null,disabled:e.disabled,sourceScopes:jp(e),operation:Vp(e),percentageAtMost:Wp(e)??0,notes:e.notes||null}}const eu=["5000","1000","500","100","50"],tu=["50","25","10","1","0.5","0.1","0"];function ru(e){if(null==e)return{percentageMode:"all",percentagePreset:"0",customPercentage:""};const t=tu.find(t=>Number(t)===e);return t?{percentageMode:"sample",percentagePreset:t,customPercentage:""}:{percentageMode:"sample",percentagePreset:"custom",customPercentage:String(e)}}function ou(e){if(!e)return{operationType:"all",routeType:"route",route:"",serverAddress:"",method:"",kafkaTopic:""};const t=e;if(t.httpServer){return{operationType:"httpServer",routeType:t.httpServer.routePrefix?"routePrefix":"route",route:t.httpServer.route||t.httpServer.routePrefix||"",serverAddress:"",method:t.httpServer.method||"",kafkaTopic:""}}return t.kafkaConsumer?{operationType:"kafkaConsumer",routeType:"route",route:"",serverAddress:"",method:"",kafkaTopic:t.kafkaConsumer.kafkaTopic||""}:t.kafkaProducer?{operationType:"kafkaProducer",routeType:"route",route:"",serverAddress:"",method:"",kafkaTopic:t.kafkaProducer.kafkaTopic||""}:{operationType:"all",routeType:"route",route:"",serverAddress:"",method:"",kafkaTopic:""}}function nu(e){const t=Bp(),r=(o=e.rule.sourceScopes,o?.length?o.map(e=>e.workloadLanguage?{scopeType:"language",workloadName:"",workloadKind:"",workloadNamespace:"",workloadLanguage:e.workloadLanguage}:e.workloadName?{scopeType:"source",workloadName:e.workloadName,workloadKind:e.workloadKind??"",workloadNamespace:e.workloadNamespace??"",workloadLanguage:""}:e.workloadNamespace?{scopeType:"namespace",workloadName:"",workloadKind:"",workloadNamespace:e.workloadNamespace,workloadLanguage:""}:{scopeType:"all",workloadName:"",workloadKind:"",workloadNamespace:"",workloadLanguage:""}).filter(e=>"all"!==e.scopeType):[]);var o;const n=function(e){return"highlyRelevant"!==e.category?"Relevance":e.rule.error?"Error":null!=e.rule.durationAtLeastMs?"Duration":"Relevance"}(e);let i,a,s={durationPreset:"500",customDurationMs:""},l=!1;switch(e.category){case"noisy":i=function(e){const t=e.rule.operation;if(!t)return{operationType:"all",routeType:"route",route:"",serverAddress:"",method:"",kafkaTopic:""};if(t.httpServer)return{operationType:"httpServer",routeType:t.httpServer.routePrefix?"routePrefix":"route",route:t.httpServer.route||t.httpServer.routePrefix||"",serverAddress:"",method:t.httpServer.method||"",kafkaTopic:""};if(t.httpClient)return{operationType:"httpClient",routeType:t.httpClient.templatedPathPrefix?"routePrefix":"route",route:t.httpClient.templatedPath||t.httpClient.templatedPathPrefix||"",serverAddress:t.httpClient.serverAddress||"",method:t.httpClient.method||"",kafkaTopic:""};return{operationType:"all",routeType:"route",route:"",serverAddress:"",method:"",kafkaTopic:""}}(e),a=ru(e.rule.percentageAtMost);break;case"highlyRelevant":i=ou(e.rule.operation),a=ru(e.rule.percentageAtLeast),s=function(e){if(null==e)return{durationPreset:"500",customDurationMs:""};const t=eu.find(t=>Number(t)===e);return t?{durationPreset:t,customDurationMs:""}:{durationPreset:"custom",customDurationMs:String(e)}}(e.rule.durationAtLeastMs),l=e.rule.error;break;case"costReduction":i=ou(e.rule.operation),a=ru(e.rule.percentageAtMost)}return{...t,name:e.rule.name||"",notes:e.rule.notes||"",disabled:e.rule.disabled,ruleType:n,sourceScopes:r,...i,...s,keepErrors:l,...a}}var iu;!function(e){e.Default="default",e.Action="action",e.Endpoint="endpoint",e.Scope="scope",e.Duration="duration"}(iu||(iu={}));const au=[iu.Action,iu.Endpoint,iu.Scope,iu.Duration],su=o.span`
|
|
961
|
+
`,Sp={[Yr.MapItem]:bp,[Yr.NoData]:gp},kp=({trigger:e})=>{const{fitView:t}=cr(),r=Gt(!0);return Ht(()=>{r.current?r.current=!1:e>0&&requestAnimationFrame(()=>t(vp))},[e,t]),null},Cp=({nodes:r,edges:o,onNodesChange:n,onEdgesChange:i,fitViewTrigger:a=0,zoomOnScroll:s=!1,onEdgeClick:l,onNodeMouseEnter:c,onNodeMouseLeave:d,onRefresh:p})=>{const{onClickNode:u}=Ll(),{setActiveNodeType:h,setActiveNodeId:m}=Vi();return t(ar,{zoomOnScroll:s,nodes:r,nodeTypes:Sp,edges:o,onNodeClick:u,onEdgeClick:l,onNodeMouseEnter:c,onNodeMouseLeave:d,onNodesChange:n,onEdgesChange:i,onBlur:()=>{h(null),m(null)},children:[e(kp,{trigger:a}),e(wp,{children:e(sr,{position:"bottom-right",orientation:"horizontal",showInteractive:!1,showZoom:!0,showFitView:!0,fitViewOptions:vp,children:p&&e(lr,{onClick:p,children:e(Et,{size:20})})})})]})},Ep=t=>e($p,{children:e(ir,{children:e(Cp,{...t})})}),Ap={type:"",disabled:!1,name:"",notes:"",signals:[],fields:{}},Dp=qt(null),Tp="All row fields are required",Ip="At least one row is required",Np=Eo.LATENCY_HTTP_ROUTE,Rp=e=>"string"==typeof e?!e.trim():oi(e),Op=(e,t)=>!!e&&t.every(t=>{const r=e[t];return Array.isArray(r)?r.length>0:!Rp(r)}),_p=({children:t})=>{const[r,o]=Wt(null),[n,i]=Wt(void 0),a=Ol(Ap),s=Vt(e=>{a.resetFormData(),a.handleErrorChange(void 0,void 0,{}),i(void 0),e?.type&&a.handleFormChange("type",e.type),o(e)},[]),l=Vt(e=>{var t;a.resetFormData((({type:e,name:t,notes:r,disabled:o,signals:n,fields:i})=>({type:e,name:t||"",notes:r||"",disabled:!!o,signals:n??[],fields:i??{}}))(e)),a.handleErrorChange(void 0,void 0,{}),i(void 0),o((t=e.type,Ki.find(e=>e.type===t)??qi.find(e=>e.type===t)??null))},[]),c=Vt(()=>{if(!r)return{errorMessage:"No action type selected",preparedFormData:$r(Ap)};const e=(e=>{const t=$r(e),r=t.fields||{},o=r[Tr.UrlTemplatizationRulesGroups];o?.length&&(r[Tr.UrlTemplatizationRulesGroups]=o.map(e=>({...e,templatizationRules:(e.templatizationRules||[]).filter(e=>!!e.template?.trim())})));const n=r[Tr.AttributeNamesToDelete];n?.length&&(r[Tr.AttributeNamesToDelete]=n.filter(e=>!!e?.trim()));const i=r[Tr.Renames];return i&&(r[Tr.Renames]=Object.fromEntries(Object.entries(i).filter(([e,t])=>!!e?.trim()&&!!t?.trim()))),t.fields=r,t})(a.formData),t={};oi(e.signals)&&(t.signals=Eo.FIELD_IS_REQUIRED),r.type&&Object.assign(t,((e,t,r)=>{const o={},n=t.fields||{},i=r.fields||{};switch(e){case Dr.K8sAttributes:{const e=!(n[Tr.CollectContainerAttributes]||n[Tr.CollectReplicaSetAttributes]||n[Tr.CollectWorkloadId]||n[Tr.CollectClusterId]),t=!n[Tr.LabelsAttributes]?.length,r=!n[Tr.AnnotationsAttributes]?.length;e&&t&&r&&(o[Tr.CollectContainerAttributes]="Enable at least one option or add a label/annotation row");const i=n[Tr.LabelsAttributes];i?.some(e=>!Op(e,["labelKey","attributeKey","fromSources"]))&&(o[Tr.LabelsAttributes]=Tp);const a=n[Tr.AnnotationsAttributes];a?.some(e=>!Op(e,["annotationKey","attributeKey","fromSources"]))&&(o[Tr.AnnotationsAttributes]=Tp);break}case Dr.AddClusterInfo:{const e=n[Tr.ClusterAttributes];e?.length?e.some(e=>!Op(e,["attributeName","attributeStringValue"]))&&(o[Tr.ClusterAttributes]=Tp):o[Tr.ClusterAttributes]=Ip;break}case Dr.DeleteAttributes:{const e=i[Tr.AttributeNamesToDelete]||[],t=n[Tr.AttributeNamesToDelete]||[];t.length?e.length>t.length&&(o[Tr.AttributeNamesToDelete]=Tp):o[Tr.AttributeNamesToDelete]=e.length?Tp:Ip;break}case Dr.RenameAttributes:{const e=Object.entries(i[Tr.Renames]||{}),t=Object.entries(n[Tr.Renames]||{}),r=e.some(([e,t])=>!e?.trim()||!t?.trim());t.length?r&&(o[Tr.Renames]=Tp):o[Tr.Renames]=e.length?Tp:Ip;break}case Dr.PiiMasking:{const e=n[Tr.PiiCategories];e?.length||(o[Tr.PiiCategories]="Select at least one attribute to mask");break}case Dr.ErrorSampler:Rp(n[Tr.FallbackSamplingRatio])&&(o[Tr.FallbackSamplingRatio]=Eo.FIELD_IS_REQUIRED);break;case Dr.ProbabilisticSampler:Rp(n[Tr.SamplingPercentage])&&(o[Tr.SamplingPercentage]=Eo.FIELD_IS_REQUIRED);break;case Dr.LatencySampler:{const e=n[Tr.EndpointsFilters];e?.length?e.some(e=>!Op(e,["serviceName","httpRoute","minimumLatencyThreshold","fallbackSamplingRatio"]))?o[Tr.EndpointsFilters]=Tp:e.some(e=>!!e.httpRoute&&!e.httpRoute.startsWith("/"))&&(o[Tr.EndpointsFilters]=Np):o[Tr.EndpointsFilters]=Ip;break}case Dr.ServiceNameSampler:{const e=n[Tr.ServicesNameFilters];e?.length?e.some(e=>!Op(e,["serviceName","samplingRatio","fallbackSamplingRatio"]))&&(o[Tr.ServicesNameFilters]=Tp):o[Tr.ServicesNameFilters]=Ip;break}case Dr.SpanAttributeSampler:{const e=n[Tr.AttributeFilters],t=["stringCondition","numberCondition","booleanCondition","jsonCondition"],r=new Set(["exists","is_valid_json","is_invalid_json","jsonpath_exists"]);e?.length?e.some(e=>{if(!Op(e,["serviceName","attributeKey","fallbackSamplingRatio"]))return!0;const o=e.condition||{},n=t.find(e=>!!o[e]);if(!n)return!0;const i=o[n]||{},a=i.operation;return!a||!(r.has(a)||!Rp(i.expectedValue))})&&(o[Tr.AttributeFilters]=Tp):o[Tr.AttributeFilters]=Ip;break}case Dr.URLTemplatization:{const e=n[Tr.UrlTemplatizationRulesGroups];(!e?.length||e.some(e=>!e.templatizationRules?.length))&&(o[Tr.UrlTemplatizationRulesGroups]="Each rule group needs at least one non-blank template");break}}return o})(r.type,e,a.formData)),a.handleErrorChange(void 0,void 0,t);const o=Object.keys(t).length>0?"Invalid form values":void 0;return i(o),{errorMessage:o,preparedFormData:e}},[a,r]),d=Xt(()=>({selectedOption:r,onSelectOption:s,loadAction:l,genericForm:a,validateFormData:c,errorMessage:n}),[r,s,l,a,c,n]);return e(Dp.Provider,{value:d,children:t})},Fp=()=>{const e=Kt(Dp);if(!e)throw new Error("useActionFormContext must be used within an ActionFormContextProvider");return e},Pp={name:""},Lp=qt(null),zp=({children:t,defaultExcludeName:r=""})=>{const{dataStreams:o}=Qs(),[n,i]=Wt(void 0),[a,s]=Wt(r),[l,c]=Wt(void 0),[d,p]=Wt(null),u=Gt(null),h=Ol(Pp),m=Vt(e=>{h.resetFormData({name:e}),h.handleErrorChange(void 0,void 0,{}),i(void 0),s(e),c(e),p(null),u.current=null},[]),g=Vt(()=>{const e=$r(h.formData),t=(e=>{const t={};return e.name?ni(e.name)||(t.name=Eo.ILLEGAL_K8S_LABEL):t.name=Eo.FIELD_IS_REQUIRED,t})(e);h.handleErrorChange(void 0,void 0,t);const r=Object.keys(t).length>0?Eo.REQUIRED_FIELDS:void 0;return i(r),{errorMessage:r,preparedFormData:e}},[h]),f=Vt(async e=>{const{errorMessage:t,preparedFormData:r}=g();if(t)return;const n=o.find(e=>e.name===r.name&&e.name!==a);if(n)return u.current=e,void p({preparedFormData:r,existingName:n.name,editingName:l});await e(r)},[g,o,a,l]),y=Vt(async()=>{const e=u.current,t=d?.preparedFormData;u.current=null,p(null),e&&t&&await e(t)},[d]),x=Vt(()=>{u.current=null,p(null)},[]),b=Xt(()=>({genericForm:h,loadDataStream:m,editingName:l,validateFormData:g,requestSubmit:f,pendingMerge:d,confirmMerge:y,cancelMerge:x,errorMessage:n,excludeName:a,setExcludeName:s}),[h,m,l,g,f,d,y,x,n,a]);return e(Lp.Provider,{value:b,children:t})},Mp=()=>{const e=Kt(Lp);if(!e)throw new Error("useDataStreamFormContext must be used within a DataStreamFormContextProvider");return e},Bp={type:"",name:"",currentStreamName:"",disabled:!1,exportedSignals:{logs:!1,metrics:!1,traces:!1},fields:[]},Up={activeForm:null,onChangeActiveForm:()=>{},loadDestination:()=>{},genericForm:void 0,formErrorMessage:void 0,validateFormData:()=>({isOk:!1,preparedFormData:$r(Bp)}),unsavedDestinations:[],thisUnsavedDestination:void 0,setUnsavedDestinations:()=>{},addUnsavedDestination:()=>{},updateUnsavedDestination:()=>{},deleteUnsavedDestination:()=>{}},jp=qt(Up),Wp=e=>e.filter(e=>!!e).map(e=>{const{name:t,componentType:r,componentProperties:o,displayName:n,initialValue:i,renderCondition:a}=e,s=r===Hr.Dropdown,l=ei(o,{});return{componentType:r,renderCondition:a,name:t,title:n,value:i,placeholder:l.placeholder||(s?"Select an option":void 0),options:s&&Array.isArray(l.values)?l.values.map(e=>({id:e,value:e})):void 0,...l}}),Hp=({children:t})=>{const{selectedStreamName:r}=Qs(),o=el(e=>e.destinations),[n,i]=Wt(null),[a,s]=Wt(),[l,c]=Wt(Up.unsavedDestinations),d=Xt(()=>"number"==typeof n?.unsavedIdx?l[n.unsavedIdx]:void 0,[n,l]),p=Vt((e,t)=>{n&&(c(t=>[...t,{...e,option:n.option}]),i(t?e=>e?{...e,listType:Yi.UNSAVED,unsavedIdx:l.length}:null:null))},[n,l.length]),u=Vt((e,t,r)=>{n&&(c(r=>r.map((r,o)=>o===e?{...r,...t,option:n.option}:r)),i(r?e=>e?{...e,listType:Yi.UNSAVED}:null:null))},[n]),h=Vt(e=>{c(t=>t.filter((t,r)=>r!==e)),i(null)},[]),m=Ol({...Bp,currentStreamName:r});Ht(()=>{if(!n)return;if(d)return void m.resetFormData({...d.formData});if(n.listType===Yi.EXISTS&&n.option.id){const e=o.find(e=>e.id===n.option.id);if(e)return void m.resetFormData({type:e.destinationType.type,name:e.name||e.destinationType.displayName,currentStreamName:r,disabled:!!e.disabled,exportedSignals:{logs:!!e.exportedSignals?.logs,metrics:!!e.exportedSignals?.metrics,traces:!!e.exportedSignals?.traces},fields:n.dynamicFields.map(e=>({key:e.name,value:e.value}))})}const e=mi(n.option.supportedSignals);m.resetFormData({type:n.option.type,name:n.option.displayName,currentStreamName:r,disabled:!1,exportedSignals:{logs:e.includes(mo.Logs),metrics:e.includes(mo.Metrics),traces:e.includes(mo.Traces)},fields:n.dynamicFields.map(e=>({key:e.name,value:e.value}))})},[n,d]);const g=Vt(e=>{m.resetFormData(),m.handleErrorChange(void 0,void 0,{}),s(void 0),i(e?{...e,dynamicFields:e.option?.fields?Wp(e.option.fields):[]}:null)},[]),f=Vt((e,t)=>{let r;for(const o of t){const t=o.items.find(t=>t.type===e.destinationType.type);if(t){r=t;break}}const o=ei(e.fields,{}),n={id:e.id,type:e.destinationType.type,displayName:e.name||e.destinationType.displayName,selected:!0,testConnectionSupported:r?.testConnectionSupported??!1,supportedSignals:e.destinationType.supportedSignals,fields:r?r.fields.map(e=>({...e,initialValue:o[e.name]??e.initialValue})):[]},a=Wp(n.fields);i({listType:Yi.EXISTS,option:n,dynamicFields:a}),s(void 0)},[]),y=Vt(()=>{const e=$r(m.formData),t={};n?.dynamicFields.forEach(({name:r,required:o})=>{if(o){const o=e.fields.find(e=>e.key===r)?.value;oi(o)&&(t[r]=Eo.FIELD_IS_REQUIRED)}});hi(e.exportedSignals).length||(t.exportedSignals=Eo.FIELD_IS_REQUIRED);const r=0===Object.keys(t).length?void 0:"Invalid form values";return m.handleErrorChange(void 0,void 0,t),s(r),{errorMessage:r,preparedFormData:e}},[m,n]);return e(jp.Provider,{value:{activeForm:n,onChangeActiveForm:g,loadDestination:f,genericForm:m,formErrorMessage:a,validateFormData:y,unsavedDestinations:l,thisUnsavedDestination:d,setUnsavedDestinations:c,addUnsavedDestination:p,updateUnsavedDestination:u,deleteUnsavedDestination:h},children:t})},Xp=()=>Kt(jp),Gp={disabled:!1,ruleName:"",notes:"",workloads:null,instrumentationLibraries:null,payloadCollection:null,codeAttributes:null,headersCollection:null,customInstrumentations:null},Vp=qt(null),Kp=({children:t})=>{const[r,o]=Wt(null),[n,i]=Wt(void 0),a=Ol(Gp),s=Vt(e=>{a.resetFormData(),a.handleErrorChange(void 0,void 0,{}),i(void 0),o(e)},[]),l=Vt(e=>{var t;a.resetFormData((({ruleName:e,notes:t,disabled:r,workloads:o,instrumentationLibraries:n,payloadCollection:i,codeAttributes:a,headersCollection:s,customInstrumentations:l})=>({ruleName:e||"",notes:t||"",disabled:!!r,workloads:o??null,instrumentationLibraries:n??null,payloadCollection:i??null,codeAttributes:a??null,headersCollection:s??null,customInstrumentations:l??null}))(e)),a.handleErrorChange(void 0,void 0,{}),i(void 0),o((t=e.type,Zi.find(e=>e.type===t)??null))},[]),c=Vt(()=>{if(!r)return{errorMessage:"No rule type selected",preparedFormData:$r(Gp)};const e=(e=>{const t=$r(e);return t.headersCollection?.[ao.HeaderKeys]?.length&&(t.headersCollection[ao.HeaderKeys]=t.headersCollection[ao.HeaderKeys].map(e=>e.trim()).filter(e=>e)),t.customInstrumentations?.[so.Golang]?.length&&(t.customInstrumentations[so.Golang]=t.customInstrumentations[so.Golang].map(e=>new yo(e.packageName,e.functionName,e.receiverName,e.receiverMethodName)).filter(e=>{return t=e,!!(t.packageName?.trim()||t.functionName?.trim()||t.receiverName?.trim()||t.receiverMethodName?.trim());var t})),t.customInstrumentations?.[so.Java]?.length&&(t.customInstrumentations[so.Java]=t.customInstrumentations[so.Java].map(e=>new fo(e.className,e.methodName)).filter(e=>{return t=e,!(!t.className?.trim()&&!t.methodName?.trim());var t})),t})(a.formData),t=((e,t)=>{const r={};switch(e){case no.CodeAttributes:Object.values(t.codeAttributes||{}).some(e=>null!=e)||(r.codeAttributes="Code attributes are required");break;case no.PayloadCollection:Object.values(t.payloadCollection||{}).some(e=>null!=e)||(r.payloadCollection="Payload collection are required");break;case no.HeadersCollection:t.headersCollection?.[ao.HeaderKeys]?.length||(r.headersCollection="Header keys are required");break;case no.CustomInstrumentation:{const e=t.customInstrumentations?.[so.Golang]||[],o=t.customInstrumentations?.[so.Java]||[];if(!e.length&&!o.length){r.customInstrumentations="Custom instrumentation are required";break}const n=e.findIndex(e=>!new yo(e.packageName,e.functionName,e.receiverName,e.receiverMethodName).Verify());if(-1!==n){r.customInstrumentations=`Golang probe #${n+1} is invalid: provide a package name plus either a function name OR both a receiver name and receiver method name`;break}const i=o.findIndex(e=>!new fo(e.className,e.methodName).Verify());if(-1!==i){r.customInstrumentations=`Java probe #${i+1} is invalid: both class name and method name are required`;break}break}}return r})(r.type,e);a.handleErrorChange(void 0,void 0,t);const o=Object.keys(t).length>0?"Invalid form values":void 0;return i(o),{errorMessage:o,preparedFormData:e}},[a,r]),d=Xt(()=>({selectedOption:r,onSelectOption:s,loadRule:l,genericForm:a,validateFormData:c,errorMessage:n}),[r,s,l,a,c,n]);return e(Vp.Provider,{value:d,children:t})},qp=()=>{const e=Kt(Vp);if(!e)throw new Error("useRuleFormContext must be used within a RuleFormContextProvider");return e};function Jp(e){return{name:"",notes:"",disabled:!1,ruleType:"Relevance",sourceScopes:[],operationType:"all",routeType:"route",route:"",serverAddress:"",method:"",kafkaTopic:"",durationPreset:"500",customDurationMs:"",keepErrors:!1,percentageMode:"costReduction"===e?"sample":"all",percentagePreset:"0",customPercentage:""}}function Yp(e){if(!e.sourceScopes.length)return null;const t=[];for(const r of e.sourceScopes)if("source"===r.scopeType&&r.workloadName){const e={workloadName:r.workloadName};r.workloadKind&&(e.workloadKind=r.workloadKind),r.workloadNamespace&&(e.workloadNamespace=r.workloadNamespace),t.push(e)}else"namespace"===r.scopeType&&r.workloadNamespace?t.push({workloadNamespace:r.workloadNamespace}):"language"===r.scopeType&&r.workloadLanguage&&t.push({workloadLanguage:r.workloadLanguage});return t.length?t:null}function Qp(e){return Yp(e)}function Zp(e){if("all"===e.percentageMode)return null;if("custom"===e.percentagePreset){const t=parseFloat(e.customPercentage);return isNaN(t)?null:t}return parseFloat(e.percentagePreset)}function eu(e){if("custom"===e.durationPreset){const t=parseFloat(e.customDurationMs);return isNaN(t)?null:t}return parseInt(e.durationPreset,10)}function tu(e){return{httpServer:{[e.routeType]:e.route||null,method:e.method||null}}}function ru(e){return"all"===e.operationType?null:"httpServer"===e.operationType?tu(e):"httpClient"===e.operationType?{httpClient:{serverAddress:e.serverAddress||null,["route"===e.routeType?"templatedPath":"templatedPathPrefix"]:e.route||null,method:e.method||null}}:null}function ou(e){return"all"===e.operationType?null:"httpServer"===e.operationType?tu(e):"kafkaConsumer"===e.operationType?{kafkaConsumer:{kafkaTopic:e.kafkaTopic||null}}:"kafkaProducer"===e.operationType?{kafkaProducer:{kafkaTopic:e.kafkaTopic||null}}:null}function nu(e){return{ruleId:"",name:e.name||null,disabled:!1,notes:e.notes||null,sourceScopes:Yp(e),percentageAtMost:Zp(e),operation:ru(e)}}function iu(e){return{ruleId:"",name:e.name||null,disabled:!1,notes:e.notes||null,sourceScopes:Yp(e),error:e.keepErrors,durationAtLeastMs:"Duration"===e.ruleType?eu(e):null,percentageAtLeast:Zp(e),operation:ou(e)}}function au(e){return{ruleId:"",name:e.name||null,disabled:!1,notes:e.notes||null,sourceScopes:Yp(e),percentageAtMost:Zp(e)??0,operation:ou(e)}}function su(e){return{name:e.name||null,disabled:e.disabled,sourceScopes:Qp(e),operation:ru(e),percentageAtMost:Zp(e),notes:e.notes||null}}function lu(e){return{name:e.name||null,disabled:e.disabled,sourceScopes:Qp(e),error:"Error"===e.ruleType,durationAtLeastMs:"Duration"===e.ruleType?eu(e):null,operation:ou(e),percentageAtLeast:Zp(e),notes:e.notes||null}}function cu(e){return{name:e.name||null,disabled:e.disabled,sourceScopes:Qp(e),operation:ou(e),percentageAtMost:Zp(e)??0,notes:e.notes||null}}const du=["5000","1000","500","100","50"],pu=["50","25","10","1","0.5","0.1","0"];function uu(e){if(null==e)return{percentageMode:"all",percentagePreset:"0",customPercentage:""};const t=pu.find(t=>Number(t)===e);return t?{percentageMode:"sample",percentagePreset:t,customPercentage:""}:{percentageMode:"sample",percentagePreset:"custom",customPercentage:String(e)}}function hu(e){if(!e)return{operationType:"all",routeType:"route",route:"",serverAddress:"",method:"",kafkaTopic:""};const t=e;if(t.httpServer){return{operationType:"httpServer",routeType:t.httpServer.routePrefix?"routePrefix":"route",route:t.httpServer.route||t.httpServer.routePrefix||"",serverAddress:"",method:t.httpServer.method||"",kafkaTopic:""}}return t.kafkaConsumer?{operationType:"kafkaConsumer",routeType:"route",route:"",serverAddress:"",method:"",kafkaTopic:t.kafkaConsumer.kafkaTopic||""}:t.kafkaProducer?{operationType:"kafkaProducer",routeType:"route",route:"",serverAddress:"",method:"",kafkaTopic:t.kafkaProducer.kafkaTopic||""}:{operationType:"all",routeType:"route",route:"",serverAddress:"",method:"",kafkaTopic:""}}function mu(e){const t=Jp(),r=(o=e.rule.sourceScopes,o?.length?o.map(e=>e.workloadLanguage?{scopeType:"language",workloadName:"",workloadKind:"",workloadNamespace:"",workloadLanguage:e.workloadLanguage}:e.workloadName?{scopeType:"source",workloadName:e.workloadName,workloadKind:e.workloadKind??"",workloadNamespace:e.workloadNamespace??"",workloadLanguage:""}:e.workloadNamespace?{scopeType:"namespace",workloadName:"",workloadKind:"",workloadNamespace:e.workloadNamespace,workloadLanguage:""}:{scopeType:"all",workloadName:"",workloadKind:"",workloadNamespace:"",workloadLanguage:""}).filter(e=>"all"!==e.scopeType):[]);var o;const n=function(e){return"highlyRelevant"!==e.category?"Relevance":e.rule.error?"Error":null!=e.rule.durationAtLeastMs?"Duration":"Relevance"}(e);let i,a,s={durationPreset:"500",customDurationMs:""},l=!1;switch(e.category){case"noisy":i=function(e){const t=e.rule.operation;if(!t)return{operationType:"all",routeType:"route",route:"",serverAddress:"",method:"",kafkaTopic:""};if(t.httpServer)return{operationType:"httpServer",routeType:t.httpServer.routePrefix?"routePrefix":"route",route:t.httpServer.route||t.httpServer.routePrefix||"",serverAddress:"",method:t.httpServer.method||"",kafkaTopic:""};if(t.httpClient)return{operationType:"httpClient",routeType:t.httpClient.templatedPathPrefix?"routePrefix":"route",route:t.httpClient.templatedPath||t.httpClient.templatedPathPrefix||"",serverAddress:t.httpClient.serverAddress||"",method:t.httpClient.method||"",kafkaTopic:""};return{operationType:"all",routeType:"route",route:"",serverAddress:"",method:"",kafkaTopic:""}}(e),a=uu(e.rule.percentageAtMost);break;case"highlyRelevant":i=hu(e.rule.operation),a=uu(e.rule.percentageAtLeast),s=function(e){if(null==e)return{durationPreset:"500",customDurationMs:""};const t=du.find(t=>Number(t)===e);return t?{durationPreset:t,customDurationMs:""}:{durationPreset:"custom",customDurationMs:String(e)}}(e.rule.durationAtLeastMs),l=e.rule.error;break;case"costReduction":i=hu(e.rule.operation),a=uu(e.rule.percentageAtMost)}return{...t,name:e.rule.name||"",notes:e.rule.notes||"",disabled:e.rule.disabled,ruleType:n,sourceScopes:r,...i,...s,keepErrors:l,...a}}var gu;!function(e){e.Default="default",e.Action="action",e.Endpoint="endpoint",e.Scope="scope",e.Duration="duration"}(gu||(gu={}));const fu=[gu.Action,gu.Endpoint,gu.Scope,gu.Duration],yu=o.span`
|
|
952
962
|
font-family: ${({theme:e,$isMono:t})=>t?e.font_family.secondary:e.font_family.primary};
|
|
953
963
|
font-size: ${({theme:e})=>e.v2.text.size.xxs}px;
|
|
954
964
|
line-height: 20px;
|
|
955
965
|
color: ${({theme:e,$variant:t})=>{const r=e.v2.colors;switch(t){case"action":return r.green[400];case"endpoint":return r.purple[300];case"scope":return r.yellow[400];case"duration":return r.orange[600];default:return r.white[500]}}};
|
|
956
|
-
`,
|
|
966
|
+
`,xu=o.span`
|
|
957
967
|
display: inline;
|
|
958
968
|
cursor: help;
|
|
959
969
|
text-decoration: underline dotted;
|
|
960
970
|
text-underline-offset: 3px;
|
|
961
|
-
`,
|
|
971
|
+
`,bu=o.div`
|
|
962
972
|
display: flex;
|
|
963
973
|
flex-direction: column;
|
|
964
974
|
gap: 4px;
|
|
@@ -966,13 +976,13 @@ import{jsx as e,jsxs as t,Fragment as r}from"react/jsx-runtime";import o,{css as
|
|
|
966
976
|
border-radius: 4px;
|
|
967
977
|
padding: 8px;
|
|
968
978
|
max-width: 300px;
|
|
969
|
-
`,du=({items:r,children:o})=>{const{popupRef:n,popupOpen:i,setPopupOpen:a,popupPosition:s,handlePosition:l}=Vl({positionMode:"viewport",defaultClientHeight:48,defaultClientwidth:240}),c=e=>{l(e.clientX,e.clientY),a("mouseleave"!==e.type)};return t(lu,{onMouseEnter:c,onMouseMove:c,onMouseLeave:c,children:[o,e(Cc,{ref:n,isOpen:i,top:s.top,left:s.left,asPortal:!0,style:{backgroundColor:"transparent",border:"none"},borderRadius:"0",padding:"0",maxWidth:"300px",children:e(cu,{children:r.map((t,r)=>e(cn,{size:sn.XXXS,children:t},r))})})]})},pu=({parts:o})=>e(r,{children:o.map((o,n)=>{const i=e(su,{$variant:o.variant,$isMono:au.includes(o.variant),children:o.text});return t(jt,{children:[0!==n&&e(r,{children:" "}),o.tooltipItems?.length?e(du,{items:o.tooltipItems,children:i}):i]},`${o.variant}-${n}`)})});var uu;!function(e){e.Noisy="noisy",e.HighlyRelevant="highly-relevant",e.CostReduction="cost-reduction"}(uu||(uu={}));const hu=[{value:uu.Noisy,label:"1. Noisy Operations",tooltip:"Rules that reduce noise from high-volume, low-value operations"},{value:uu.HighlyRelevant,label:"2. Highly Relevant Operations",tooltip:"Rules that prioritize important traces for retention"},{value:uu.CostReduction,label:"3. Cost Reduction",tooltip:"Rules that optimize costs by sampling less critical data"}],mu={[uu.Noisy]:"This is the most efficient way to sample (with Head Sampling). Prefer to use it where possible.",[uu.HighlyRelevant]:'Any trace from the "Noisy Operations" category is sampled prior to checking highly relevance.',[uu.CostReduction]:"Cost reduction rules use Tail Sampling to drop traces that are unlikely to be useful for debugging or monitoring."},gu={[uu.Noisy]:"Noisy Operations rules list",[uu.HighlyRelevant]:"Highly Relevant Operations rules list",[uu.CostReduction]:"Cost Reduction rules list"},fu={[uu.Noisy]:"noisy",[uu.HighlyRelevant]:"highlyRelevant",[uu.CostReduction]:"costReduction"};function xu(e){if(e.workloadName){const t=e.workloadKind?.toLowerCase()||"deployment";return e.workloadNamespace?`${t} '${e.workloadName}' in namespace '${e.workloadNamespace}'`:`${t} '${e.workloadName}'`}return e.workloadNamespace?`namespace '${e.workloadNamespace}'`:e.workloadLanguage?`${e.workloadLanguage} services`:""}function yu(e){if(!e?.length)return[{text:" for ",variant:iu.Default},{text:"all services in the cluster",variant:iu.Scope}];const t=e.map(xu).filter(Boolean);if(!t.length)return[{text:" for ",variant:iu.Default},{text:"all services in the cluster",variant:iu.Scope}];const r=[{text:" for ",variant:iu.Default}],o=t.slice(0,2),n=t.slice(2);return o.forEach((e,t)=>{t>0&&r.push({text:", ",variant:iu.Default}),r.push({text:e,variant:iu.Scope})}),n.length>0&&r.push({text:` + ${n.length} more`,variant:iu.Default,tooltipItems:n}),r}function bu(e,t){if(!e)return[];const r=(o=e).startsWith("/")?o.slice(1):o;var o;const n=[{text:" starting at ",variant:iu.Default}];return t?n.push({text:`${t} /${r}`,variant:iu.Endpoint}):n.push({text:`endpoint /${r}`,variant:iu.Endpoint}),n}function vu(e){const t=[];if(null!=e.percentageAtMost?(t.push({text:`Drop ${100-e.percentageAtMost}%`,variant:iu.Action}),t.push({text:" of traces",variant:iu.Default})):t.push({text:"Drop all traces",variant:iu.Action}),e.operation){const r=e.operation.httpServer?.route||e.operation.httpServer?.routePrefix,o=e.operation.httpServer?.method||e.operation.httpClient?.method;t.push(...bu(r,o));const n=e.operation.httpClient,i=n?.templatedPath||n?.templatedPathPrefix,a=n?.serverAddress;if((i||a)&&!r){const e=i&&a?`${a}/${i}`:i||a;t.push({text:" to ",variant:iu.Default}),o?t.push({text:`${o} /${e}`,variant:iu.Endpoint}):t.push({text:`/${e}`,variant:iu.Endpoint})}}else t.push({text:" on ",variant:iu.Default}),t.push({text:"any operation",variant:iu.Endpoint});return t.push(...yu(e.sourceScopes)),t}function $u(e){const t=[];if(null!=e.percentageAtLeast?(t.push({text:`Keep at least ${e.percentageAtLeast}%`,variant:iu.Action}),t.push({text:" of traces",variant:iu.Default})):t.push({text:"Keep all traces",variant:iu.Action}),e.operation){const r=e.operation.httpServer?.route||e.operation.httpServer?.routePrefix,o=e.operation.httpServer?.method;t.push(...bu(r,o))}else t.push({text:" on ",variant:iu.Default}),t.push({text:"any operation",variant:iu.Endpoint});return t.push(...yu(e.sourceScopes)),!e.error&&null!=e.durationAtLeastMs&&e.durationAtLeastMs>0&&(t.push({text:" with duration > ",variant:iu.Default}),t.push({text:`${e.durationAtLeastMs}ms`,variant:iu.Duration})),t}function wu(e){const t=[];if(t.push({text:`Drop ${100-e.percentageAtMost}%`,variant:iu.Action}),t.push({text:" of traces",variant:iu.Default}),e.operation){const r=e.operation.httpServer?.route||e.operation.httpServer?.routePrefix,o=e.operation.httpServer?.method;t.push(...bu(r,o));const n=e.operation.kafkaConsumer?.kafkaTopic;n&&!r&&(t.push({text:" from ",variant:iu.Default}),t.push({text:`topic '${n}'`,variant:iu.Endpoint}))}else t.push({text:" on ",variant:iu.Default}),t.push({text:"any operation",variant:iu.Endpoint});return t.push(...yu(e.sourceScopes)),t}function Su(e){return e.error?"Error":null!=e.durationAtLeastMs?"Duration":"Relevance"}function ku(e,t,r){const o=fu[t],n=[];for(const i of e)switch(t){case uu.Noisy:for(const e of i.noisyOperations)r?.has(e.ruleId)||n.push({ruleId:e.ruleId,samplingId:i.id,name:e.name??null,disabled:e.disabled,notes:e.notes??null,summary:vu(e),category:o});break;case uu.HighlyRelevant:for(const e of i.highlyRelevantOperations)r?.has(e.ruleId)||n.push({ruleId:e.ruleId,samplingId:i.id,name:e.name??null,disabled:e.disabled,notes:e.notes??null,summary:$u(e),category:o,typeBadge:Su(e)});break;case uu.CostReduction:for(const e of i.costReductionRules)r?.has(e.ruleId)||n.push({ruleId:e.ruleId,samplingId:i.id,name:e.name??null,disabled:e.disabled,notes:e.notes??null,summary:wu(e),category:o})}return n}function Cu(e,t){switch(e){case"noisy":return vu(t);case"highlyRelevant":return $u(t);case"costReduction":return wu(t)}}function Eu(e,t,r,o){for(const n of e)if(n.id===t)switch(o){case"noisy":{const e=n.noisyOperations.find(e=>e.ruleId===r);if(e)return{category:"noisy",samplingId:n.id,rule:e};break}case"highlyRelevant":{const e=n.highlyRelevantOperations.find(e=>e.ruleId===r);if(e)return{category:"highlyRelevant",samplingId:n.id,rule:e};break}case"costReduction":{const e=n.costReductionRules.find(e=>e.ruleId===r);if(e)return{category:"costReduction",samplingId:n.id,rule:e};break}}return null}function Au(e,t){const r=Eu(e,t.samplingId,t.rule.ruleId,t.category);return r?{...r,summary:Cu(r.category,r.rule)}:null}function Du(e,t){const r=Eu(e,t.samplingId,t.ruleId,t.category);return r?{...r,summary:t.summary}:null}function Tu(e){return null==e||Array.isArray(e)&&0===e.length?null:e}function Iu(e,t){return JSON.stringify({sourceScopes:Tu(e),operation:Tu(t)})}function Nu(e,t,r,o){return JSON.stringify({sourceScopes:Tu(e),error:t??!1,durationAtLeastMs:Tu(r),operation:Tu(o)})}function Ru(e,t){return JSON.stringify({sourceScopes:Tu(e),operation:Tu(t)})}function Ou(e,t,r,o){switch(t){case"noisy":{const t=Iu(r.sourceScopes,r.operation);for(const r of e)for(const e of r.noisyOperations)if((!o||e.ruleId!==o)&&Iu(e.sourceScopes,e.operation)===t)return e.ruleId;return null}case"highlyRelevant":{const t=Nu(r.sourceScopes,r.error,r.durationAtLeastMs,r.operation);for(const r of e)for(const e of r.highlyRelevantOperations)if((!o||e.ruleId!==o)&&Nu(e.sourceScopes,e.error,e.durationAtLeastMs,e.operation)===t)return e.ruleId;return null}case"costReduction":{const t=Ru(r.sourceScopes,r.operation);for(const r of e)for(const e of r.costReductionRules)if((!o||e.ruleId!==o)&&Ru(e.sourceScopes,e.operation)===t)return e.ruleId;return null}}}function _u(e){if(!e||!e.enabled)return[{text:"Auto rule is ",variant:iu.Default},{text:"disabled",variant:iu.Action}];return[{text:`Keep ${e.keepPercentage??0}%`,variant:iu.Action},{text:" of ",variant:iu.Default},{text:"traces for kubelet health probes in the entire cluster",variant:iu.Scope}]}function Fu(e){return!(!0!==e.error||e.sourceScopes&&0!==e.sourceScopes.length||e.operation||null!=e.percentageAtLeast&&100!==e.percentageAtLeast)}function Pu(e){for(const t of e){const e=t.highlyRelevantOperations.find(Fu);if(e)return{rule:e,samplingId:t.id}}return null}function Lu(e){return!e||e.disabled?[{text:"Auto rule is ",variant:iu.Default},{text:"disabled",variant:iu.Action}]:[{text:"Keep all traces",variant:iu.Action},{text:" of ",variant:iu.Default},{text:"error traces across the entire cluster",variant:iu.Scope}]}function zu(e){return!(e.sourceScopes&&0!==e.sourceScopes.length||e.operation)}function Mu(e){for(const t of e){const e=t.costReductionRules.find(zu);if(e)return{rule:e,samplingId:t.id}}return null}function Bu(e){return!e||e.disabled?[{text:" is ",variant:iu.Default},{text:"disabled",variant:iu.Action}]:[{text:`Drop ${100-e.percentageAtMost}%`,variant:iu.Action},{text:" of ",variant:iu.Default},{text:"traces across the entire cluster",variant:iu.Scope}]}var Uu;!function(e){e.Create="create",e.View="view",e.EditAutoNoisy="edit-auto-noisy",e.EditAutoCostReduction="edit-auto-cost-reduction",e.EditAutoHighlyRelevant="edit-auto-highly-relevant"}(Uu||(Uu={}));const ju=qt(null),Wu=["50","25","10","1"];function Hu(e){const t=String(e);return Wu.includes(t)?t:"custom"}const Xu=({category:t,sourceOptions:r=[],namespaceOptions:o=[],children:n})=>{const{formData:i,handleFormChange:a,resetFormData:s}=Dl(Bp(t)),[l,c]=Wt(null);Ht(()=>{s(Bp(t)),c(null)},[t]);const d=Vt(e=>{c(null),a(void 0,void 0,{...i,...e})},[i,a]),p=Vt(()=>{s(Bp(t)),c(null)},[t,s]),u=Xt(()=>({formType:Uu.Create,category:t,formData:i,handleChange:d,resetForm:p,duplicateWarning:l,setDuplicateWarning:c,sourceOptions:r,namespaceOptions:o}),[t,i,d,p,l,r,o]);return e(ju.Provider,{value:u,children:n})},Gu=({data:t,defaultEditMode:r,sourceOptions:o=[],namespaceOptions:n=[],children:i})=>{const[a,s]=Wt(!1),{formData:l,handleFormChange:c,resetFormData:d}=Dl(void 0),p=Gt(null),[u,h]=Wt(null);Ht(()=>{t!==p.current&&(p.current=t,t&&r?(d(nu(t)),h(null),s(!0)):(s(!1),h(null)))},[t,r]);const m=Vt(e=>{h(null),c(void 0,void 0,{...l,...e})},[l,c]),g=Vt(()=>{t&&(d(nu(t)),h(null),s(!0))},[t,d]),f=Vt(()=>{s(!1),h(null)},[]),x=Xt(()=>({formType:Uu.View,data:t,isEditing:a,formData:l,handleChange:m,handleEdit:g,handleCancelEdit:f,duplicateWarning:u,setDuplicateWarning:h,sourceOptions:o,namespaceOptions:n}),[t,a,l,m,g,f,u,o,n]);return e(ju.Provider,{value:x,children:i})};function Vu(e){const[t,r]=Wt(()=>0===e?"all":"sample"),[o,n]=Wt(()=>Hu(e)),[i,a]=Wt(()=>"custom"===Hu(e)?String(e):"");Ht(()=>{r(0===e?"all":"sample");const t=Hu(e);n(t),a("custom"===t?String(e):"")},[e]);const s=Xt(()=>"all"===t?0:"custom"===o?Number(i)||0:Number(o),[t,o,i]);return{percentageMode:t,setPercentageMode:r,percentagePreset:o,setPercentagePreset:n,customPercentage:i,setCustomPercentage:a,resolvedPercentage:s}}const Ku=({enabled:t,keepPercentage:r,children:o})=>{const[n,i]=Wt(t),a=Vu(r);Ht(()=>{i(t)},[t]);const s=Xt(()=>_u({enabled:n,keepPercentage:a.resolvedPercentage}),[n,a.resolvedPercentage]),l=Xt(()=>({formType:Uu.EditAutoNoisy,localEnabled:n,setLocalEnabled:i,...a,summary:s}),[n,a,s]);return e(ju.Provider,{value:l,children:o})},qu=({enabled:t,dropPercentage:r,children:o})=>{const[n,i]=Wt(t),a=Vu(r);Ht(()=>{i(t)},[t]);const s=Xt(()=>Bu(n?{disabled:!1,percentageAtMost:a.resolvedPercentage}:null),[n,a.resolvedPercentage]),l=Xt(()=>({formType:Uu.EditAutoCostReduction,localEnabled:n,setLocalEnabled:i,...a,summary:s}),[n,a,s]);return e(ju.Provider,{value:l,children:o})},Ju=({enabled:t,children:r})=>{const[o,n]=Wt(t);Ht(()=>{n(t)},[t]);const i=Xt(()=>Lu(o?{disabled:!1}:null),[o]),a=Xt(()=>({formType:Uu.EditAutoHighlyRelevant,localEnabled:o,setLocalEnabled:n,summary:i}),[o,i]);return e(ju.Provider,{value:a,children:r})},Yu=t=>{switch(t.formType){case Uu.Create:return e(Xu,{...t});case Uu.View:return e(Gu,{...t});case Uu.EditAutoNoisy:return e(Ku,{...t});case Uu.EditAutoCostReduction:return e(qu,{...t});case Uu.EditAutoHighlyRelevant:return e(Ju,{...t})}};function Qu(e){const t=Kt(ju);if(!t)throw new Error("useSamplingRulesFormContext must be used within a SamplingRulesFormProvider");if(e&&t.formType!==e)throw new Error(`Expected formType "${e}" but found "${t.formType}"`);return t}const Zu=qt({snapshots:null,setSnapshots:()=>{},isFetching:!1,setIsFetching:()=>{},formData:[],handleSourceChange:()=>{},handleSelectAll:()=>{},formDiff:{},isFormDirty:!1}),eh=({children:t,selectedConnectionIds:r,initialInputs:o})=>{const{tier:n}=ec(),i=n===Lr.Onprem,{selectedStreamName:a}=Vs(),[s,l]=Wt(!1),[c,d]=Wt(null),[p,u]=Wt([]);Ht(()=>{c&&u(e=>{const t=((e,t)=>$r(((e,t)=>e.clusters.filter(({clusterId:e})=>!t||t.includes(e)))(e,t)))(c,r);return t.map(t=>{const r=e?.find(e=>e.clusterId===t.clusterId),n=r??t;if(o?.[t.clusterId]){const e=o[t.clusterId],r=$r(n);return e.forEach(e=>{const t=r.namespaces.find(t=>t.name===e.namespace);if(t)if(e.name&&e.kind){const r=t.workloads.find(t=>t.name===e.name&&t.kind===e.kind);r&&(r.selected=e.selected)}else t.selected=e.selected,e.selected&&t.workloads.forEach(e=>{tc.has(e.kind)&&!i||(e.selected=!0)})}),r}return n})})},[c,r,o]);const{formDiff:h,isFormDirty:m}=Xt(()=>{const e=((e,t,r)=>{const o={};return e.forEach(e=>{e.namespaces.forEach(n=>{const i=t.find(t=>t.clusterId===e.clusterId)?.namespaces.find(e=>e.name===n.name),a=n.selected||!1,s=a!==i?.selected;if(s&&(o[e.clusterId]||(o[e.clusterId]=[]),o[e.clusterId].push({namespace:n.name,selected:a,currentStreamName:r}),a&&(o[e.clusterId]=o[e.clusterId].filter(e=>e.namespace!==n.name||e.namespace===n.name&&(!e.name||!e.kind)))),!s||!a){const t=((e,t,r)=>{const o=[];return t.workloads.forEach(n=>{const i=e?.workloads.find(e=>e.name===n.name&&e.kind===n.kind);n.selected!==i?.selected&&o.push({namespace:t.name,name:n.name,kind:n.kind,selected:n.selected||!1,currentStreamName:r})}),o})(i,n,r);t.length>0&&(o[e.clusterId]||(o[e.clusterId]=[]),o[e.clusterId].push(...t))}})}),o})(p,c?.clusters||[],a);return{formDiff:e,isFormDirty:Object.keys(e).length>0}},[p,c,a]),g=Vt(e=>!i&&tc.has(e),[i]),f=Vt(({clusterId:e,workloadId:t,selected:r,auto:o})=>{u(n=>{const i=$r(n),a=i.findIndex(t=>t.clusterId===e);if(-1===a)return i;const s=i[a].namespaces.findIndex(e=>e.name===t.namespace);if(-1===s)return i;if(t.kind&&t.name){const e=i[a].namespaces[s].workloads.findIndex(e=>e.name===t.name&&e.kind===t.kind);if(-1===e)return i;const o="boolean"==typeof r?r:!i[a].namespaces[s].workloads[e].selected;if(i[a].namespaces[s].workloads[e].selected=o,o){const e=i[a].namespaces[s].workloads.filter(e=>!g(e.kind));e.every(e=>e.selected)&&(i[a].namespaces[s].selected=!0)}else i[a].namespaces[s].selected=!1}else{const e="boolean"==typeof o?o:!i[a].namespaces[s].selected;i[a].namespaces[s].selected=e,e?i[a].namespaces[s].workloads.forEach(e=>{g(e.kind)||(e.selected=!0)}):"boolean"!=typeof r||r||i[a].namespaces[s].workloads.forEach(e=>{e.selected=!1})}return i})},[g]),x=Vt(({clusterId:e,namespaceName:t,boolean:r,searchText:o="",searchBy:n="",filters:i})=>{u(a=>{const s=$r(a),l=n===jr.Namespace?o:"",c=n===jr.Source?o:"",d=!!l||!!c||!!i?.showOnlySelected;return s.forEach((o,n)=>{e&&o.clusterId!==e||o.namespaces.forEach(({name:e,workloads:o},a)=>{if(!t||e===t)if(d)if(t){o.forEach((e,t)=>{r&&g(e.kind)||nc(e,c,i||{showOnlySelected:!1})&&(s[n].namespaces[a].workloads[t].selected=r)});const e=s[n].namespaces[a].workloads.filter(e=>!g(e.kind)),t=e.every(e=>e.selected);s[n].namespaces[a].selected=t}else{if(!oc(s[n].namespaces[a],l,i||{showOnlySelected:!1}))return;s[n].namespaces[a].selected=r,o.forEach((e,t)=>{r&&g(e.kind)||(s[n].namespaces[a].workloads[t].selected=r)})}else s[n].namespaces[a].selected=r,o.forEach((e,t)=>{r&&g(e.kind)||(s[n].namespaces[a].workloads[t].selected=r)})})}),s})},[g]);return e(Zu.Provider,{value:{snapshots:c,setSnapshots:d,isFetching:s,setIsFetching:l,formData:p,handleSourceChange:f,handleSelectAll:x,formDiff:h,isFormDirty:m},children:t})},th=()=>Kt(Zu),rh=qt({formType:void 0}),oh=({children:t,formType:r})=>{const o=Xt(()=>({formType:r}),[r]);return e(rh.Provider,{value:o,children:t})},nh=()=>Kt(rh),ih=o.div`
|
|
979
|
+
`,vu=({items:r,children:o})=>{const{popupRef:n,popupOpen:i,setPopupOpen:a,popupPosition:s,handlePosition:l}=Zl({positionMode:"viewport",defaultClientHeight:48,defaultClientwidth:240}),c=e=>{l(e.clientX,e.clientY),a("mouseleave"!==e.type)};return t(xu,{onMouseEnter:c,onMouseMove:c,onMouseLeave:c,children:[o,e(Nc,{ref:n,isOpen:i,top:s.top,left:s.left,asPortal:!0,style:{backgroundColor:"transparent",border:"none"},borderRadius:"0",padding:"0",maxWidth:"300px",children:e(bu,{children:r.map((t,r)=>e(un,{size:sn.XXXS,children:t},r))})})]})},$u=({parts:o})=>e(r,{children:o.map((o,n)=>{const i=e(yu,{$variant:o.variant,$isMono:fu.includes(o.variant),children:o.text});return t(jt,{children:[0!==n&&e(r,{children:" "}),o.tooltipItems?.length?e(vu,{items:o.tooltipItems,children:i}):i]},`${o.variant}-${n}`)})});var wu;!function(e){e.Noisy="noisy",e.HighlyRelevant="highly-relevant",e.CostReduction="cost-reduction"}(wu||(wu={}));const Su=[{value:wu.Noisy,label:"1. Noisy Operations",tooltip:"Rules that reduce noise from high-volume, low-value operations"},{value:wu.HighlyRelevant,label:"2. Highly Relevant Operations",tooltip:"Rules that prioritize important traces for retention"},{value:wu.CostReduction,label:"3. Cost Reduction",tooltip:"Rules that optimize costs by sampling less critical data"}],ku={[wu.Noisy]:"This is the most efficient way to sample (with Head Sampling). Prefer to use it where possible.",[wu.HighlyRelevant]:'Any trace from the "Noisy Operations" category is sampled prior to checking highly relevance.',[wu.CostReduction]:"Cost reduction rules use Tail Sampling to drop traces that are unlikely to be useful for debugging or monitoring."},Cu={[wu.Noisy]:"Noisy Operations rules list",[wu.HighlyRelevant]:"Highly Relevant Operations rules list",[wu.CostReduction]:"Cost Reduction rules list"},Eu={[wu.Noisy]:"noisy",[wu.HighlyRelevant]:"highlyRelevant",[wu.CostReduction]:"costReduction"};function Au(e){if(e.workloadName){const t=e.workloadKind?.toLowerCase()||"deployment";return e.workloadNamespace?`${t} '${e.workloadName}' in namespace '${e.workloadNamespace}'`:`${t} '${e.workloadName}'`}return e.workloadNamespace?`namespace '${e.workloadNamespace}'`:e.workloadLanguage?`${e.workloadLanguage} services`:""}function Du(e){if(!e?.length)return[{text:" for ",variant:gu.Default},{text:"all services in the cluster",variant:gu.Scope}];const t=e.map(Au).filter(Boolean);if(!t.length)return[{text:" for ",variant:gu.Default},{text:"all services in the cluster",variant:gu.Scope}];const r=[{text:" for ",variant:gu.Default}],o=t.slice(0,2),n=t.slice(2);return o.forEach((e,t)=>{t>0&&r.push({text:", ",variant:gu.Default}),r.push({text:e,variant:gu.Scope})}),n.length>0&&r.push({text:` + ${n.length} more`,variant:gu.Default,tooltipItems:n}),r}function Tu(e,t){if(!e)return[];const r=(o=e).startsWith("/")?o.slice(1):o;var o;const n=[{text:" starting at ",variant:gu.Default}];return t?n.push({text:`${t} /${r}`,variant:gu.Endpoint}):n.push({text:`endpoint /${r}`,variant:gu.Endpoint}),n}function Iu(e){const t=[];if(null!=e.percentageAtMost?(t.push({text:`Drop ${100-e.percentageAtMost}%`,variant:gu.Action}),t.push({text:" of traces",variant:gu.Default})):t.push({text:"Drop all traces",variant:gu.Action}),e.operation){const r=e.operation.httpServer?.route||e.operation.httpServer?.routePrefix,o=e.operation.httpServer?.method||e.operation.httpClient?.method;t.push(...Tu(r,o));const n=e.operation.httpClient,i=n?.templatedPath||n?.templatedPathPrefix,a=n?.serverAddress;if((i||a)&&!r){const e=i&&a?`${a}/${i}`:i||a;t.push({text:" to ",variant:gu.Default}),o?t.push({text:`${o} /${e}`,variant:gu.Endpoint}):t.push({text:`/${e}`,variant:gu.Endpoint})}}else t.push({text:" on ",variant:gu.Default}),t.push({text:"any operation",variant:gu.Endpoint});return t.push(...Du(e.sourceScopes)),t}function Nu(e){const t=[];if(null!=e.percentageAtLeast?(t.push({text:`Keep at least ${e.percentageAtLeast}%`,variant:gu.Action}),t.push({text:" of traces",variant:gu.Default})):t.push({text:"Keep all traces",variant:gu.Action}),e.operation){const r=e.operation.httpServer?.route||e.operation.httpServer?.routePrefix,o=e.operation.httpServer?.method;t.push(...Tu(r,o))}else t.push({text:" on ",variant:gu.Default}),t.push({text:"any operation",variant:gu.Endpoint});return t.push(...Du(e.sourceScopes)),!e.error&&null!=e.durationAtLeastMs&&e.durationAtLeastMs>0&&(t.push({text:" with duration > ",variant:gu.Default}),t.push({text:`${e.durationAtLeastMs}ms`,variant:gu.Duration})),t}function Ru(e){const t=[];if(t.push({text:`Drop ${100-e.percentageAtMost}%`,variant:gu.Action}),t.push({text:" of traces",variant:gu.Default}),e.operation){const r=e.operation.httpServer?.route||e.operation.httpServer?.routePrefix,o=e.operation.httpServer?.method;t.push(...Tu(r,o));const n=e.operation.kafkaConsumer?.kafkaTopic;n&&!r&&(t.push({text:" from ",variant:gu.Default}),t.push({text:`topic '${n}'`,variant:gu.Endpoint}))}else t.push({text:" on ",variant:gu.Default}),t.push({text:"any operation",variant:gu.Endpoint});return t.push(...Du(e.sourceScopes)),t}function Ou(e){return e.error?"Error":null!=e.durationAtLeastMs?"Duration":"Relevance"}function _u(e,t,r){const o=Eu[t],n=[];for(const i of e)switch(t){case wu.Noisy:for(const e of i.noisyOperations)r?.has(e.ruleId)||n.push({ruleId:e.ruleId,samplingId:i.id,name:e.name??null,disabled:e.disabled,notes:e.notes??null,summary:Iu(e),category:o});break;case wu.HighlyRelevant:for(const e of i.highlyRelevantOperations)r?.has(e.ruleId)||n.push({ruleId:e.ruleId,samplingId:i.id,name:e.name??null,disabled:e.disabled,notes:e.notes??null,summary:Nu(e),category:o,typeBadge:Ou(e)});break;case wu.CostReduction:for(const e of i.costReductionRules)r?.has(e.ruleId)||n.push({ruleId:e.ruleId,samplingId:i.id,name:e.name??null,disabled:e.disabled,notes:e.notes??null,summary:Ru(e),category:o})}return n}function Fu(e,t){switch(e){case"noisy":return Iu(t);case"highlyRelevant":return Nu(t);case"costReduction":return Ru(t)}}function Pu(e,t,r,o){for(const n of e)if(n.id===t)switch(o){case"noisy":{const e=n.noisyOperations.find(e=>e.ruleId===r);if(e)return{category:"noisy",samplingId:n.id,rule:e};break}case"highlyRelevant":{const e=n.highlyRelevantOperations.find(e=>e.ruleId===r);if(e)return{category:"highlyRelevant",samplingId:n.id,rule:e};break}case"costReduction":{const e=n.costReductionRules.find(e=>e.ruleId===r);if(e)return{category:"costReduction",samplingId:n.id,rule:e};break}}return null}function Lu(e,t){const r=Pu(e,t.samplingId,t.rule.ruleId,t.category);return r?{...r,summary:Fu(r.category,r.rule)}:null}function zu(e,t){const r=Pu(e,t.samplingId,t.ruleId,t.category);return r?{...r,summary:t.summary}:null}function Mu(e){return null==e||Array.isArray(e)&&0===e.length?null:e}function Bu(e,t){return JSON.stringify({sourceScopes:Mu(e),operation:Mu(t)})}function Uu(e,t,r,o){return JSON.stringify({sourceScopes:Mu(e),error:t??!1,durationAtLeastMs:Mu(r),operation:Mu(o)})}function ju(e,t){return JSON.stringify({sourceScopes:Mu(e),operation:Mu(t)})}function Wu(e,t,r,o){switch(t){case"noisy":{const t=Bu(r.sourceScopes,r.operation);for(const r of e)for(const e of r.noisyOperations)if((!o||e.ruleId!==o)&&Bu(e.sourceScopes,e.operation)===t)return e.ruleId;return null}case"highlyRelevant":{const t=Uu(r.sourceScopes,r.error,r.durationAtLeastMs,r.operation);for(const r of e)for(const e of r.highlyRelevantOperations)if((!o||e.ruleId!==o)&&Uu(e.sourceScopes,e.error,e.durationAtLeastMs,e.operation)===t)return e.ruleId;return null}case"costReduction":{const t=ju(r.sourceScopes,r.operation);for(const r of e)for(const e of r.costReductionRules)if((!o||e.ruleId!==o)&&ju(e.sourceScopes,e.operation)===t)return e.ruleId;return null}}}function Hu(e){if(!e||!e.enabled)return[{text:"Auto rule is ",variant:gu.Default},{text:"disabled",variant:gu.Action}];return[{text:`Keep ${e.keepPercentage??0}%`,variant:gu.Action},{text:" of ",variant:gu.Default},{text:"traces for kubelet health probes in the entire cluster",variant:gu.Scope}]}function Xu(e){return!(!0!==e.error||e.sourceScopes&&0!==e.sourceScopes.length||e.operation||null!=e.percentageAtLeast&&100!==e.percentageAtLeast)}function Gu(e){for(const t of e){const e=t.highlyRelevantOperations.find(Xu);if(e)return{rule:e,samplingId:t.id}}return null}function Vu(e){return!e||e.disabled?[{text:"Auto rule is ",variant:gu.Default},{text:"disabled",variant:gu.Action}]:[{text:"Keep all traces",variant:gu.Action},{text:" of ",variant:gu.Default},{text:"error traces across the entire cluster",variant:gu.Scope}]}function Ku(e){return!(e.sourceScopes&&0!==e.sourceScopes.length||e.operation)}function qu(e){for(const t of e){const e=t.costReductionRules.find(Ku);if(e)return{rule:e,samplingId:t.id}}return null}function Ju(e){return!e||e.disabled?[{text:" is ",variant:gu.Default},{text:"disabled",variant:gu.Action}]:[{text:`Drop ${100-e.percentageAtMost}%`,variant:gu.Action},{text:" of ",variant:gu.Default},{text:"traces across the entire cluster",variant:gu.Scope}]}var Yu;!function(e){e.Create="create",e.View="view",e.EditAutoNoisy="edit-auto-noisy",e.EditAutoCostReduction="edit-auto-cost-reduction",e.EditAutoHighlyRelevant="edit-auto-highly-relevant"}(Yu||(Yu={}));const Qu=qt(null),Zu=["50","25","10","1"];function eh(e){const t=String(e);return Zu.includes(t)?t:"custom"}const th=({category:t,sourceOptions:r=[],namespaceOptions:o=[],children:n})=>{const{formData:i,handleFormChange:a,resetFormData:s}=Ol(Jp(t)),[l,c]=Wt(null);Ht(()=>{s(Jp(t)),c(null)},[t]);const d=Vt(e=>{c(null),a(void 0,void 0,{...i,...e})},[i,a]),p=Vt(()=>{s(Jp(t)),c(null)},[t,s]),u=Xt(()=>({formType:Yu.Create,category:t,formData:i,handleChange:d,resetForm:p,duplicateWarning:l,setDuplicateWarning:c,sourceOptions:r,namespaceOptions:o}),[t,i,d,p,l,r,o]);return e(Qu.Provider,{value:u,children:n})},rh=({data:t,defaultEditMode:r,sourceOptions:o=[],namespaceOptions:n=[],children:i})=>{const[a,s]=Wt(!1),{formData:l,handleFormChange:c,resetFormData:d}=Ol(void 0),p=Gt(null),[u,h]=Wt(null);Ht(()=>{t!==p.current&&(p.current=t,t&&r?(d(mu(t)),h(null),s(!0)):(s(!1),h(null)))},[t,r]);const m=Vt(e=>{h(null),c(void 0,void 0,{...l,...e})},[l,c]),g=Vt(()=>{t&&(d(mu(t)),h(null),s(!0))},[t,d]),f=Vt(()=>{s(!1),h(null)},[]),y=Xt(()=>({formType:Yu.View,data:t,isEditing:a,formData:l,handleChange:m,handleEdit:g,handleCancelEdit:f,duplicateWarning:u,setDuplicateWarning:h,sourceOptions:o,namespaceOptions:n}),[t,a,l,m,g,f,u,o,n]);return e(Qu.Provider,{value:y,children:i})};function oh(e){const[t,r]=Wt(()=>0===e?"all":"sample"),[o,n]=Wt(()=>eh(e)),[i,a]=Wt(()=>"custom"===eh(e)?String(e):"");Ht(()=>{r(0===e?"all":"sample");const t=eh(e);n(t),a("custom"===t?String(e):"")},[e]);const s=Xt(()=>"all"===t?0:"custom"===o?Number(i)||0:Number(o),[t,o,i]);return{percentageMode:t,setPercentageMode:r,percentagePreset:o,setPercentagePreset:n,customPercentage:i,setCustomPercentage:a,resolvedPercentage:s}}const nh=({enabled:t,keepPercentage:r,children:o})=>{const[n,i]=Wt(t),a=oh(r);Ht(()=>{i(t)},[t]);const s=Xt(()=>Hu({enabled:n,keepPercentage:a.resolvedPercentage}),[n,a.resolvedPercentage]),l=Xt(()=>({formType:Yu.EditAutoNoisy,localEnabled:n,setLocalEnabled:i,...a,summary:s}),[n,a,s]);return e(Qu.Provider,{value:l,children:o})},ih=({enabled:t,dropPercentage:r,children:o})=>{const[n,i]=Wt(t),a=oh(r);Ht(()=>{i(t)},[t]);const s=Xt(()=>Ju(n?{disabled:!1,percentageAtMost:a.resolvedPercentage}:null),[n,a.resolvedPercentage]),l=Xt(()=>({formType:Yu.EditAutoCostReduction,localEnabled:n,setLocalEnabled:i,...a,summary:s}),[n,a,s]);return e(Qu.Provider,{value:l,children:o})},ah=({enabled:t,children:r})=>{const[o,n]=Wt(t);Ht(()=>{n(t)},[t]);const i=Xt(()=>Vu(o?{disabled:!1}:null),[o]),a=Xt(()=>({formType:Yu.EditAutoHighlyRelevant,localEnabled:o,setLocalEnabled:n,summary:i}),[o,i]);return e(Qu.Provider,{value:a,children:r})},sh=t=>{switch(t.formType){case Yu.Create:return e(th,{...t});case Yu.View:return e(rh,{...t});case Yu.EditAutoNoisy:return e(nh,{...t});case Yu.EditAutoCostReduction:return e(ih,{...t});case Yu.EditAutoHighlyRelevant:return e(ah,{...t})}};function lh(e){const t=Kt(Qu);if(!t)throw new Error("useSamplingRulesFormContext must be used within a SamplingRulesFormProvider");if(e&&t.formType!==e)throw new Error(`Expected formType "${e}" but found "${t.formType}"`);return t}const ch=qt({snapshots:null,setSnapshots:()=>{},isFetching:!1,setIsFetching:()=>{},formData:[],handleSourceChange:()=>{},handleSelectAll:()=>{},formDiff:{},isFormDirty:!1}),dh=({children:t,selectedConnectionIds:r,initialInputs:o})=>{const{tier:n}=ac(),i=n===Lr.Onprem,{selectedStreamName:a}=Qs(),[s,l]=Wt(!1),[c,d]=Wt(null),[p,u]=Wt([]);Ht(()=>{c&&u(e=>{const t=((e,t)=>$r(((e,t)=>e.clusters.filter(({clusterId:e})=>!t||t.includes(e)))(e,t)))(c,r);return t.map(t=>{const r=e?.find(e=>e.clusterId===t.clusterId),n=r??t;if(o?.[t.clusterId]){const e=o[t.clusterId],r=$r(n);return e.forEach(e=>{const t=r.namespaces.find(t=>t.name===e.namespace);if(t)if(e.name&&e.kind){const r=t.workloads.find(t=>t.name===e.name&&t.kind===e.kind);r&&(r.selected=e.selected)}else t.selected=e.selected,e.selected&&t.workloads.forEach(e=>{sc.has(e.kind)&&!i||(e.selected=!0)})}),r}return n})})},[c,r,o]);const{formDiff:h,isFormDirty:m}=Xt(()=>{const e=((e,t,r)=>{const o={};return e.forEach(e=>{e.namespaces.forEach(n=>{const i=t.find(t=>t.clusterId===e.clusterId)?.namespaces.find(e=>e.name===n.name),a=n.selected||!1;if(a!==i?.selected)o[e.clusterId]||(o[e.clusterId]=[]),o[e.clusterId].push({namespace:n.name,selected:a,currentStreamName:r}),a?o[e.clusterId]=o[e.clusterId].filter(e=>e.namespace!==n.name||e.namespace===n.name&&(!e.name||!e.kind)):n.workloads.forEach(t=>{t.selected&&o[e.clusterId].push({namespace:n.name,name:t.name,kind:t.kind,selected:!0,currentStreamName:r})});else{const t=((e,t,r)=>{const o=[];return t.workloads.forEach(n=>{const i=e?.workloads.find(e=>e.name===n.name&&e.kind===n.kind);n.selected!==i?.selected&&o.push({namespace:t.name,name:n.name,kind:n.kind,selected:n.selected||!1,currentStreamName:r})}),o})(i,n,r);t.length>0&&(o[e.clusterId]||(o[e.clusterId]=[]),o[e.clusterId].push(...t))}})}),o})(p,c?.clusters||[],a);return{formDiff:e,isFormDirty:Object.keys(e).length>0}},[p,c,a]),g=Vt(e=>!i&&sc.has(e),[i]),f=Vt(({clusterId:e,workloadId:t,selected:r,auto:o})=>{u(n=>{const i=$r(n),a=i.findIndex(t=>t.clusterId===e);if(-1===a)return i;const s=i[a].namespaces.findIndex(e=>e.name===t.namespace);if(-1===s)return i;if(t.kind&&t.name){const e=i[a].namespaces[s].workloads.findIndex(e=>e.name===t.name&&e.kind===t.kind);if(-1===e)return i;const o="boolean"==typeof r?r:!i[a].namespaces[s].workloads[e].selected;if(i[a].namespaces[s].workloads[e].selected=o,o){const e=i[a].namespaces[s].workloads.filter(e=>!g(e.kind));e.every(e=>e.selected)&&(i[a].namespaces[s].selected=!0)}else i[a].namespaces[s].selected=!1}else{const e="boolean"==typeof o?o:!i[a].namespaces[s].selected;i[a].namespaces[s].selected=e,e?i[a].namespaces[s].workloads.forEach(e=>{g(e.kind)||(e.selected=!0)}):"boolean"!=typeof r||r||i[a].namespaces[s].workloads.forEach(e=>{e.selected=!1})}return i})},[g]),y=Vt(({clusterId:e,namespaceName:t,boolean:r,searchText:o="",searchBy:n="",filters:i})=>{u(a=>{const s=$r(a),l=n===jr.Namespace?o:"",c=n===jr.Source?o:"",d=!!l||!!c||!!i?.showOnlySelected;return s.forEach((o,n)=>{e&&o.clusterId!==e||o.namespaces.forEach(({name:e,workloads:o},a)=>{if(!t||e===t)if(d)if(t){o.forEach((e,t)=>{r&&g(e.kind)||dc(e,c,i||{showOnlySelected:!1})&&(s[n].namespaces[a].workloads[t].selected=r)});const e=s[n].namespaces[a].workloads.filter(e=>!g(e.kind)),t=e.every(e=>e.selected);s[n].namespaces[a].selected=t}else{if(!cc(s[n].namespaces[a],l,i||{showOnlySelected:!1}))return;s[n].namespaces[a].selected=r,o.forEach((e,t)=>{r&&g(e.kind)||(s[n].namespaces[a].workloads[t].selected=r)})}else s[n].namespaces[a].selected=r,o.forEach((e,t)=>{r&&g(e.kind)||(s[n].namespaces[a].workloads[t].selected=r)})})}),s})},[g]);return e(ch.Provider,{value:{snapshots:c,setSnapshots:d,isFetching:s,setIsFetching:l,formData:p,handleSourceChange:f,handleSelectAll:y,formDiff:h,isFormDirty:m},children:t})},ph=()=>Kt(ch),uh=qt({formType:void 0}),hh=({children:t,formType:r})=>{const o=Xt(()=>({formType:r}),[r]);return e(uh.Provider,{value:o,children:t})},mh=()=>Kt(uh),gh=o.div`
|
|
970
980
|
display: flex;
|
|
971
981
|
|
|
972
982
|
align-items: center;
|
|
973
983
|
gap: 6px;
|
|
974
984
|
margin-bottom: 4px;
|
|
975
|
-
`,
|
|
985
|
+
`,fh=o(Di)`
|
|
976
986
|
font-size: 14px;
|
|
977
987
|
opacity: 0.8;
|
|
978
988
|
line-height: 22px;
|
|
@@ -980,16 +990,16 @@ import{jsx as e,jsxs as t,Fragment as r}from"react/jsx-runtime";import o,{css as
|
|
|
980
990
|
white-space: nowrap;
|
|
981
991
|
text-overflow: ellipsis;
|
|
982
992
|
color: ${({$status:e,theme:t})=>e?t.text[e]:t.text.secondary};
|
|
983
|
-
`,
|
|
993
|
+
`,yh=o(Di)`
|
|
984
994
|
font-size: 12px;
|
|
985
995
|
color: ${({theme:e})=>e.text.darker_grey};
|
|
986
996
|
opacity: 0.8;
|
|
987
|
-
`,
|
|
997
|
+
`,xh=({title:r,required:o,tooltip:n,style:i,status:a})=>r?e(gh,{style:i,children:t(zc,{text:n,withIcon:!0,children:[e(fh,{$status:a,children:r}),!o&&e(yh,{children:"(optional)"})]})}):null,bh=o.div`
|
|
988
998
|
display: flex;
|
|
989
999
|
flex-direction: column;
|
|
990
1000
|
position: relative;
|
|
991
1001
|
width: 100%;
|
|
992
|
-
`,
|
|
1002
|
+
`,vh=o.div`
|
|
993
1003
|
width: 100%;
|
|
994
1004
|
display: flex;
|
|
995
1005
|
align-items: center;
|
|
@@ -1015,7 +1025,7 @@ import{jsx as e,jsxs as t,Fragment as r}from"react/jsx-runtime";import o,{css as
|
|
|
1015
1025
|
&:focus-within {
|
|
1016
1026
|
border-color: ${({theme:e})=>e.colors.secondary};
|
|
1017
1027
|
}
|
|
1018
|
-
|
|
1028
|
+
`,$h=o.input`
|
|
1019
1029
|
padding-left: ${({$hasIcon:e})=>e?"0":"16px"};
|
|
1020
1030
|
flex: 1;
|
|
1021
1031
|
min-width: 150px;
|
|
@@ -1044,13 +1054,13 @@ import{jsx as e,jsxs as t,Fragment as r}from"react/jsx-runtime";import o,{css as
|
|
|
1044
1054
|
-webkit-appearance: none;
|
|
1045
1055
|
margin: 0;
|
|
1046
1056
|
}
|
|
1047
|
-
`,
|
|
1057
|
+
`,wh=o.div`
|
|
1048
1058
|
display: flex;
|
|
1049
1059
|
align-items: center;
|
|
1050
1060
|
margin-left: 12px;
|
|
1051
|
-
`,
|
|
1061
|
+
`,Sh=o(wh)`
|
|
1052
1062
|
cursor: pointer;
|
|
1053
|
-
`,
|
|
1063
|
+
`,kh=o.button`
|
|
1054
1064
|
background-color: ${({theme:e})=>e.colors.primary};
|
|
1055
1065
|
border: none;
|
|
1056
1066
|
color: ${({theme:e})=>e.text.secondary};
|
|
@@ -1065,15 +1075,15 @@ import{jsx as e,jsxs as t,Fragment as r}from"react/jsx-runtime";import o,{css as
|
|
|
1065
1075
|
background-color: ${({theme:e})=>e.colors.border};
|
|
1066
1076
|
cursor: not-allowed;
|
|
1067
1077
|
}
|
|
1068
|
-
`,
|
|
1078
|
+
`,Ch=({icon:r,buttonLabel:o,onButtonClick:n,hasError:a,errorMessage:s,title:l,tooltip:c,required:d,value:p,onChange:u,type:h=Xr.Text,name:m,status:g,...f})=>{const y=i(),x=h===Xr.Password,[b,v]=Wt(!1);return t(bh,{children:[e(xh,{title:l,required:d,tooltip:c,status:g}),t(vh,{$disabled:f.disabled,$hasError:a||!!s,$isActive:!!f.autoFocus,$status:g,children:[x?e(Sh,{onClick:()=>v(e=>!e),children:e(b?At:Dt,{size:14,fill:y.text.grey})}):r?e(wh,{children:e(r,{size:14,fill:y.text.grey})}):null,e($h,{"data-id":m,type:b||h===Xr.Number?Xr.Text:h,$hasIcon:!!r||x,name:m,value:p,onChange:e=>{e.stopPropagation(),h===Xr.Number&&(e.target.value=gi(e.target.value)),u?.(e)},onKeyDown:e=>{["Enter"].includes(e.key)||e.stopPropagation()},...f}),o&&n&&e(kh,{onClick:n,disabled:f.disabled,children:o})]}),!!s&&e(Ni,{children:s})]})},Eh=o.div`
|
|
1069
1079
|
display: flex;
|
|
1070
1080
|
flex-direction: column;
|
|
1071
1081
|
min-width: 120px;
|
|
1072
1082
|
width: 100%;
|
|
1073
1083
|
opacity: ${({$disabled:e})=>e?.5:1};
|
|
1074
|
-
`,
|
|
1084
|
+
`,Ah=o.div`
|
|
1075
1085
|
position: relative;
|
|
1076
|
-
`,
|
|
1086
|
+
`,Dh=o.div`
|
|
1077
1087
|
display: flex;
|
|
1078
1088
|
align-items: center;
|
|
1079
1089
|
justify-content: space-between;
|
|
@@ -1099,14 +1109,14 @@ import{jsx as e,jsxs as t,Fragment as r}from"react/jsx-runtime";import o,{css as
|
|
|
1099
1109
|
&:hover {
|
|
1100
1110
|
border-color: ${({$isMulti:e,$hasSelections:t,$disabled:r,theme:o})=>r?"auto":e&&t?o.colors.border:o.colors.secondary};
|
|
1101
1111
|
}
|
|
1102
|
-
`,
|
|
1112
|
+
`,Th=o.div`
|
|
1103
1113
|
display: flex;
|
|
1104
1114
|
align-items: center;
|
|
1105
1115
|
gap: 4px;
|
|
1106
|
-
`,
|
|
1116
|
+
`,Ih=({options:r,value:o,onSelect:n,onDeselect:i,title:a,tooltip:s,placeholder:l,disabled:c=!1,isMulti:d=!1,showSearch:p=!1,required:u=!1,errorMessage:h,hasError:m=!1,status:g})=>{const[f,y]=Wt(!1),[x,b]=Wt(!1),v=Gt(null);Yl(v,()=>y(!1));const $=()=>{(()=>{if(v.current){const e=v.current.getBoundingClientRect().bottom+300>window.innerHeight;b(e)}})(),y(e=>!e)},w=Array.isArray(o)?o.length:0;return t(Eh,{$disabled:c,children:[e(xh,{title:a,required:u,tooltip:s,status:g}),t(Ah,{ref:v,children:[t(Dh,{$isOpen:f,$isMulti:d,$hasSelections:!!Array.isArray(o)&&!!o.length,$hasError:!!h||m,$status:g,$disabled:c,onClick:()=>!c&&$(),children:[e(_h,{value:o,placeholder:l,onDeselect:i}),t(Th,{children:[d&&e(Dl,{label:w,filled:!!w}),e(Ed,{extend:f})]})]}),f&&e(Lh,{openUpwards:x,options:r,value:o,onSelect:e=>{n?.(e),d||$()},onDeselect:e=>{i?.(e),d||$()},isMulti:d,showSearch:p})]}),!!h&&e(Ni,{children:h})]})},Nh=o(Th)`
|
|
1107
1117
|
max-width: calc(100% - 50px);
|
|
1108
1118
|
overflow-x: auto;
|
|
1109
|
-
`,
|
|
1119
|
+
`,Rh=o(Di)`
|
|
1110
1120
|
display: flex;
|
|
1111
1121
|
align-items: center;
|
|
1112
1122
|
gap: 2px;
|
|
@@ -1121,7 +1131,7 @@ import{jsx as e,jsxs as t,Fragment as r}from"react/jsx-runtime";import o,{css as
|
|
|
1121
1131
|
transition: transform 0.3s;
|
|
1122
1132
|
}
|
|
1123
1133
|
}
|
|
1124
|
-
`,
|
|
1134
|
+
`,Oh=o(Di)``,_h=({value:r,placeholder:o,onDeselect:n})=>{const a=i();return Array.isArray(r)?r.length?e(Nh,{children:r.map(r=>t(Rh,{size:14,children:[r.value,e(Ec,{orientation:"vertical",length:"10px",margin:"0 4px"}),e(xt,{size:12,onClick:e=>{e.stopPropagation(),n?.(r)}})]},`multi-label-${r.id}`))}):e(Oh,{size:14,color:a.text.darker_grey,children:o}):e(Oh,{size:14,color:r?.value?void 0:a.text.darker_grey,children:r?.value||o})},Fh=o.div`
|
|
1125
1135
|
position: absolute;
|
|
1126
1136
|
${({$openUpwards:e})=>e?"bottom":"top"}: calc(100% + 8px);
|
|
1127
1137
|
left: 0;
|
|
@@ -1136,11 +1146,11 @@ import{jsx as e,jsxs as t,Fragment as r}from"react/jsx-runtime";import o,{css as
|
|
|
1136
1146
|
background-color: ${({theme:e})=>e.colors.dropdown_bg_2};
|
|
1137
1147
|
border: 1px solid ${({theme:e})=>e.colors.border};
|
|
1138
1148
|
border-radius: 24px;
|
|
1139
|
-
`,
|
|
1149
|
+
`,Ph=o.div`
|
|
1140
1150
|
display: flex;
|
|
1141
1151
|
flex-direction: column;
|
|
1142
1152
|
align-items: center;
|
|
1143
|
-
`,
|
|
1153
|
+
`,Lh=({openUpwards:r,options:o,value:n,onSelect:i,onDeselect:a,isMulti:s,showSearch:l})=>{const[c,d]=Wt(""),p=o.filter(e=>e.value?.toLowerCase().includes(c?.toLowerCase()));return t(Fh,{$openUpwards:r,children:[l&&t(Ph,{children:[e(Ch,{placeholder:"Search...",icon:Tt,value:c,onChange:e=>d(e.target.value)}),e(Ec,{thickness:1,margin:"8px 0 0 0"})]}),0===p.length?e(hp,{subTitle:l&&c?void 0:" "}):p.map((t,r)=>e(Mh,{option:t,value:n,isMulti:s,onSelect:i,onDeselect:a},`dropdown-option-${t.id||r}`))]})},zh=o.div`
|
|
1144
1154
|
padding: 8px 12px;
|
|
1145
1155
|
cursor: pointer;
|
|
1146
1156
|
display: flex;
|
|
@@ -1149,23 +1159,23 @@ import{jsx as e,jsxs as t,Fragment as r}from"react/jsx-runtime";import o,{css as
|
|
|
1149
1159
|
border-radius: 32px;
|
|
1150
1160
|
&:hover,
|
|
1151
1161
|
&.selected {
|
|
1152
|
-
background: ${({theme:e})=>e.colors.majestic_blue+
|
|
1162
|
+
background: ${({theme:e})=>e.colors.majestic_blue+bl["024"]};
|
|
1153
1163
|
}
|
|
1154
|
-
`,
|
|
1164
|
+
`,Mh=({option:r,value:o,isMulti:n,onSelect:a,onDeselect:s})=>{const l=i(),c=Array.isArray(o)?!!o?.find(e=>e.id===r.id):o?.id===r.id,d=e=>e?a?.(r):s?.(r);return n?e(zh,{className:c?"selected":"",onClick:()=>d(!c),children:e(ld,{title:r.value||"",titleColor:l.text.secondary,value:c,onChange:d,style:{width:"100%"}})}):t(zh,{className:c?"selected":"",onClick:()=>c?s?.(r):a?.(r),children:[t(_n,{$gap:8,children:[r.icon&&e(r.icon,{}),e(Di,{size:14,children:r.value})]}),c&&e(ft,{})]})},Bh=o(Fn)`
|
|
1155
1165
|
gap: 12px;
|
|
1156
|
-
`,
|
|
1166
|
+
`,Uh=o(_n)`
|
|
1157
1167
|
width: 100%;
|
|
1158
1168
|
gap: 12px;
|
|
1159
1169
|
align-items: flex-end;
|
|
1160
|
-
`,
|
|
1170
|
+
`,jh=({clientX:r=0,flipX:o,clientY:n=0,flipY:a,isOpen:s,onClose:l,onSave:c,withDelete:d,onDelete:p,title:u,titleTooltip:h,warning:m,children:g})=>{const f=i(),{popupRef:y,popupPosition:x,handlePosition:b}=Zl({onClickOutside:l});return ql({key:"Enter",active:s},c),Ht(()=>b(r,n),[r,n]),0===x.top&&0!==n||0===x.left&&0!==r?null:e(Nc,{ref:y,isOpen:s,top:a?void 0:x.top,bottom:a?x.top:void 0,left:o?void 0:x.left,right:o?x.left:void 0,padding:"24px",children:t(Bh,{children:[e(zc,{text:h,withIcon:!0,children:e(Di,{size:14,children:u})}),t(Uh,{children:[g,t(_n,{$gap:6,children:[e(Uc,{withBorder:!0,onClick:l,tooltip:"Cancel",children:e(xt,{})}),e(Uc,{withBorder:!0,backgroundColor:f.colors.secondary,onClick:c,tooltip:"Save",children:e(ft,{fill:f.text.primary})}),d&&e(Uc,{onClick:p,tooltip:"Undo",children:e(It,{})})]})]}),m&&e(Jc,{type:Gr.Warning,message:m})]})})},Wh=o.div`
|
|
1161
1171
|
position: relative;
|
|
1162
|
-
`,
|
|
1172
|
+
`,Hh=({defaultLanguage:r=Br.Unknown,defaultVersion:o="",defaultOtelDistroName:n=null,handleSave:i})=>{const{tier:a}=ac(),{addNotification:s}=nl(),{formData:l,handleFormChange:c,resetFormData:d}=Ol({language:r,version:o,otelDistroName:n}),[p,u]=Wt(!1),h=()=>{u(!1),d()},m=Xt(()=>{if(!l.language)return[];const e=Ks[l.language].community,t=a===Lr.Onprem?Ks[l.language].enterprise:[];return e.concat(t)},[l.language,a]);return t(Wh,{children:[e(Uc,{tooltip:Ao.OVERRIDE_RUNTIME_DETAILS,size:32,onClick:()=>{u(!0)},children:e(kt,{})}),e(jh,{flipX:!0,clientX:36,isOpen:p,onClose:h,onSave:async()=>{!l.version||ci(l.version)?(await i({...l}),h()):s({type:Gr.Warning,message:Eo.INVALID_VERSION,hideFromHistory:!0})},withDelete:!0,onDelete:async()=>{await i({language:null,version:"",otelDistroName:null}),h()},title:Ao.OVERRIDE_RUNTIME_DETAILS,warning:Ao.OVERRIDE_RUNTIME_WARNING,children:t(Fn,{$gap:12,children:[t(_n,{$gap:12,children:[e(Ih,{title:Ao.LANGUAGE,options:Gs,value:Gs.find(e=>e.id===l.language),onSelect:e=>{c("language",e.id),c("version",""),c("otelDistroName",null)},required:!0}),e(Ch,{title:Ao.RUNTIME_VERSION,placeholder:Ao.VERSION_PLACEHOLDER,value:l.version,onChange:e=>c("version",e.target.value),required:!1})]}),l.language&&e(Ih,{title:"Otel Distro Name",options:m,value:m.find(e=>e.id===l.otelDistroName),onSelect:e=>c("otelDistroName",e.id),required:!1})]})})]})},Xh=o(_n)`
|
|
1163
1173
|
width: 100%;
|
|
1164
1174
|
justify-content: center;
|
|
1165
|
-
`,
|
|
1175
|
+
`,Gh=({containerName:o,runtimeInfo:n,agentEnabled:a,overrides:s,callbackRuntimeOverride:l})=>{const c=i(),d=s?.runtimeInfo??n,p=d?.language??Br.Unknown,u=d?.runtimeVersion??"",h=null!=s?.runtimeInfo,m=a?.agentEnabled??!1,g=a?.agentEnabledStatus?.message??"",f=a?.otelDistroName??null,y=m?Gr.Success:g?Gr.Info:Gr.Warning,x=m?Vr.INSTRUMENTED:g?Vr.NOT_INSTRUMENTED:Vr.INSTRUMENTING;return e(np,{title:o,subTitle:`${p?Xs[p]:"no runtime info"}`+(u?` • Runtime Version: ${u}`:""),iconProps:{icon:Lo(p)},extendableProps:{isExtended:!!g,renderExtended:()=>e(Xh,{children:e(Di,{size:12,family:"secondary",color:c.text.info,children:di(g)})})},renderActions:()=>t(r,{children:[e(Ld,{status:y,title:x,subtitle:f||void 0,withIcon:!0,withBorder:!0}),h&&e(Ld,{status:Gr.Default,forceIcon:Nt,title:Ao.OVERIDDEN,withIcon:!0,withBorder:!0}),l&&e(Hh,{defaultLanguage:p,defaultVersion:u??"",defaultOtelDistroName:f,handleSave:e=>l({...e,containerName:o})})]})})},Vh=o.tr`
|
|
1166
1176
|
cursor: ${({$withHover:e})=>e?"pointer":"default"};
|
|
1167
1177
|
opacity: ${({$faded:e})=>e?.5:1};
|
|
1168
|
-
`,
|
|
1178
|
+
`,Kh=o.td`
|
|
1169
1179
|
position: relative;
|
|
1170
1180
|
width: fit-content;
|
|
1171
1181
|
padding: 16px 8px 16px ${({$isFirst:e})=>e?"16px":"8px"};
|
|
@@ -1173,7 +1183,7 @@ import{jsx as e,jsxs as t,Fragment as r}from"react/jsx-runtime";import o,{css as
|
|
|
1173
1183
|
font-family: ${({theme:e})=>e.font_family.primary};
|
|
1174
1184
|
font-size: 14px;
|
|
1175
1185
|
white-space: nowrap;
|
|
1176
|
-
`,
|
|
1186
|
+
`,qh=o(Di)`
|
|
1177
1187
|
font-size: 14px;
|
|
1178
1188
|
color: ${({$color:e,theme:t})=>e??t.text.secondary};
|
|
1179
1189
|
line-height: 16px;
|
|
@@ -1186,7 +1196,7 @@ import{jsx as e,jsxs as t,Fragment as r}from"react/jsx-runtime";import o,{css as
|
|
|
1186
1196
|
display: -webkit-box;
|
|
1187
1197
|
-webkit-line-clamp: 2;
|
|
1188
1198
|
-webkit-box-orient: vertical;
|
|
1189
|
-
`,
|
|
1199
|
+
`,Jh=o.div`
|
|
1190
1200
|
position: absolute;
|
|
1191
1201
|
top: 0;
|
|
1192
1202
|
left: 0;
|
|
@@ -1194,57 +1204,57 @@ import{jsx as e,jsxs as t,Fragment as r}from"react/jsx-runtime";import o,{css as
|
|
|
1194
1204
|
width: ${({$width:e})=>e}px;
|
|
1195
1205
|
height: ${({$height:e})=>e}px;
|
|
1196
1206
|
border-radius: 16px;
|
|
1197
|
-
background-color: ${({theme:e,$hovered:t,$status:r})=>t?r?e.text[r]+
|
|
1198
|
-
`,
|
|
1207
|
+
background-color: ${({theme:e,$hovered:t,$status:r})=>t?r?e.text[r]+bl["020"]:e.colors.majestic_blue+bl["030"]:r?e.text[r]+bl["010"]:e.colors.secondary+bl["005"]};
|
|
1208
|
+
`,Yh=({index:r,columns:o,cells:n,onClick:i,status:a,faded:s})=>{const{containerRef:l,containerHeight:c,containerWidth:d}=Ml(),[p,u]=Wt(!1);return e(Vh,{ref:l,onMouseEnter:()=>!!i&&u(!0),onMouseLeave:()=>!!i&&u(!1),onClick:()=>!!i&&i(),$withHover:!!i,$faded:s,children:o.map(({key:o},i)=>{const s=n.find(({columnKey:e})=>e===o);if(!s)return null;const{value:l,textColor:u,withTooltip:h,icon:m,component:g}=s;return t(Kh,{$isFirst:0===i,children:[m?e(Vd,{icon:m}):g?e(g,{}):e(zc,{text:h&&l?String(l):"",children:e(qh,{$color:u,children:oi(l)?"-":l})}),0===i&&e(Jh,{$height:c,$width:d,$top:c*r,$hovered:p,$status:a})]},`table-row-${o}-${l}-${r}-${i}`)})})},Qh=o.div`
|
|
1199
1209
|
width: 100%;
|
|
1200
|
-
`,
|
|
1210
|
+
`,Zh=o.table`
|
|
1201
1211
|
position: relative;
|
|
1202
1212
|
z-index: 0;
|
|
1203
1213
|
width: 100%;
|
|
1204
1214
|
border-collapse: separate;
|
|
1205
1215
|
border-spacing: 0 12px;
|
|
1206
|
-
`,
|
|
1216
|
+
`,em=o.thead`
|
|
1207
1217
|
// only supported with "border-collapse: collapse;"
|
|
1208
1218
|
// border-top: 1px solid ${({theme:e})=>e.colors.dropdown_bg_2};
|
|
1209
1219
|
// border-bottom: 1px solid ${({theme:e})=>e.colors.dropdown_bg_2};
|
|
1210
|
-
`,
|
|
1220
|
+
`,tm=o.th`
|
|
1211
1221
|
// only required with "border-collapse: separate;"
|
|
1212
1222
|
border-top: 1px solid ${({theme:e})=>e.colors.dropdown_bg_2};
|
|
1213
1223
|
border-bottom: 1px solid ${({theme:e})=>e.colors.dropdown_bg_2};
|
|
1214
1224
|
|
|
1215
1225
|
padding: 8px;
|
|
1216
|
-
`,
|
|
1226
|
+
`,rm=o(_n)`
|
|
1217
1227
|
cursor: pointer;
|
|
1218
1228
|
&:hover {
|
|
1219
1229
|
* {
|
|
1220
1230
|
color: ${({theme:e})=>e.text.secondary};
|
|
1221
1231
|
}
|
|
1222
1232
|
}
|
|
1223
|
-
`,
|
|
1233
|
+
`,om=o(Di)`
|
|
1224
1234
|
color: ${({theme:e})=>e.text.darker_grey};
|
|
1225
1235
|
font-family: ${({theme:e})=>e.font_family.secondary};
|
|
1226
1236
|
text-transform: uppercase;
|
|
1227
1237
|
font-size: 12px;
|
|
1228
1238
|
font-weight: 500;
|
|
1229
1239
|
text-wrap: nowrap;
|
|
1230
|
-
`,
|
|
1240
|
+
`,nm=o.tbody``,im=({columns:r,rows:o})=>{const[n,i]=Wt(Pr.Ascending),[a,s]=Wt("name"),l=Vt(e=>{a===e?i(e=>e===Pr.Ascending?Pr.Descending:Pr.Ascending):(s(e),i(Pr.Ascending))},[a]),c=Xt(()=>{const t=(e,t)=>e.cells.find(({columnKey:e})=>e===t)?.value??null;return(a?[...o].sort((e,r)=>{const o=t(e,a),i=t(r,a);return(n===Pr.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)))(o,i)}):o).map(({status:t,faded:o,cells:n,onClick:i},a)=>e(Yh,{index:a,columns:r,cells:n,onClick:i,status:t,faded:o},`row-${a}`))},[r,o,a,n]);return e(Qh,{children:t(Zh,{children:[e(em,{children:e("tr",{children:r.map(({key:r,title:o,sortable:n})=>e(tm,{children:n?t(rm,{onClick:()=>l(r),children:[e(Rt,{}),e(om,{children:o})]}):e(om,{children:o})},`column-${r}`))})}),e(nm,{children:c})]})})};var am;!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"}(am||(am={}));const sm=o.div`
|
|
1231
1241
|
display: flex;
|
|
1232
1242
|
flex-wrap: wrap;
|
|
1233
1243
|
gap: 16px 32px;
|
|
1234
1244
|
width: 100%;
|
|
1235
|
-
`,
|
|
1245
|
+
`,lm=o.div`
|
|
1236
1246
|
display: flex;
|
|
1237
1247
|
flex-direction: column;
|
|
1238
1248
|
gap: 2px;
|
|
1239
1249
|
width: ${({$width:e})=>e};
|
|
1240
|
-
`,
|
|
1250
|
+
`,cm=o(Di)`
|
|
1241
1251
|
color: ${({theme:e})=>e.text.grey};
|
|
1242
1252
|
font-size: 10px;
|
|
1243
1253
|
line-height: 16px;
|
|
1244
|
-
`,
|
|
1254
|
+
`,dm=o(Di)`
|
|
1245
1255
|
font-size: 12px;
|
|
1246
1256
|
white-space: pre-wrap;
|
|
1247
|
-
`,
|
|
1257
|
+
`,pm=({data:r})=>e(sm,{children:r?.map(({type:r,title:o,titleIcon:n,tooltip:i,value:a},s)=>t(lm,{$width:r&&[am.Code,am.Table].includes(r)?"inherit":r&&[am.Loader,am.Divider,am.CopyText].includes(r)?"100%":"unset",children:[e(zc,{text:i,withIcon:!0,children:t(_n,{$alignItems:"center",$gap:4,children:[n&&e(n,{size:14}),!!o&&e(cm,{transform:"capitalize",children:o})]})}),e(um,{type:r,value:a})]},`data-field-${o||(a?JSON.stringify(a):s)}`))}),um=({type:t,value:r})=>{const o=i();switch(t){case am.Divider:return e(Ec,{length:"100%",margin:"0"});case am.Loader:return e(Pn,{children:e(kd,{scale:1.2})});case am.Monitors:return e(Qd,{monitors:r?.split(", ")||[],withLabels:!0,color:o.colors.secondary});case am.Badge:{const{label:t,filled:o,...n}=ei(r,{label:"-",filled:!1});return e(Dl,{label:t,filled:o,...n})}case am.Code:{const{language:t,code:o,...n}=ei(r,{language:"",code:""});return e(xd,{language:t,code:o,...n})}case am.Table:{const{columns:t,rows:o,...n}=ei(r,{columns:[],rows:[{status:void 0,cells:[]}]});return e(im,{columns:t,rows:o,...n})}case am.ActiveStatus:return e(Ld,{status:"true"==r?Gr.Success:Gr.Error,title:"true"==r?Ao.ENABLED:Ao.DISABLED,size:10,withIcon:!0,withBorder:!0});case am.CopyText:{const t="string"==typeof r?r:JSON.stringify(r);return e(Bd,{value:t})}default:return e(dm,{children:yi("string"==typeof r?r||"-":"")})}},hm=o.div`
|
|
1248
1258
|
display: flex;
|
|
1249
1259
|
flex-direction: column;
|
|
1250
1260
|
align-items: flex-start;
|
|
@@ -1253,90 +1263,90 @@ import{jsx as e,jsxs as t,Fragment as r}from"react/jsx-runtime";import o,{css as
|
|
|
1253
1263
|
padding: 24px;
|
|
1254
1264
|
border-radius: 24px;
|
|
1255
1265
|
border: 1px solid ${({theme:e})=>e.colors.border};
|
|
1256
|
-
background-color: ${({theme:e,$hovered:t})=>t?e.colors.secondary+
|
|
1266
|
+
background-color: ${({theme:e,$hovered:t})=>t?e.colors.secondary+bl["010"]:"transparent"};
|
|
1257
1267
|
transition: background-color 0.3s;
|
|
1258
|
-
`,
|
|
1268
|
+
`,mm=o.div`
|
|
1259
1269
|
width: 100%;
|
|
1260
1270
|
display: flex;
|
|
1261
1271
|
flex-direction: column;
|
|
1262
1272
|
gap: 4px;
|
|
1263
1273
|
cursor: ${({$clickable:e})=>e?"pointer":"default"};
|
|
1264
|
-
`,
|
|
1274
|
+
`,gm=o(Di)`
|
|
1265
1275
|
width: 100%;
|
|
1266
1276
|
display: flex;
|
|
1267
1277
|
align-items: center;
|
|
1268
1278
|
gap: 8px;
|
|
1269
1279
|
font-size: 16px;
|
|
1270
|
-
`,
|
|
1280
|
+
`,fm=o(Di)`
|
|
1271
1281
|
font-size: 12px;
|
|
1272
1282
|
color: ${({theme:e})=>e.text.grey};
|
|
1273
|
-
`,
|
|
1283
|
+
`,ym=o(_n)`
|
|
1274
1284
|
margin-left: auto;
|
|
1275
1285
|
gap: 8px;
|
|
1276
|
-
`,
|
|
1286
|
+
`,xm=({title:r="Details",titleBadge:o,titleIcon:n,description:i,action:a,withExtend:s,initialExtended:l=!1,data:c,children:d})=>{const[p,u]=Wt(l),[h,m]=Wt(!1);return t(hm,{$hovered:h,children:[r||n||i||a?t(mm,{$clickable:s||!1,onClick:()=>s&&u(e=>!e),onMouseEnter:()=>s&&m(!0),onMouseLeave:()=>s&&m(!1),children:[t(_n,{children:[t(_n,{$alignItems:"center",$gap:8,children:[n&&e(_n,{$alignItems:"center",children:e(n,{size:20})}),!!r&&e(gm,{transform:"capitalize",children:r}),o===Kr.Loading?e(kd,{}):void 0!==o&&e(Dl,{label:o})]}),(!!a||s)&&t(ym,{children:["function"==typeof a?e(a,{hovered:h}):a,s&&e(Ed,{extend:p})]})]}),!!i&&e(fm,{children:i})]}):null,(!s||s&&p)&&(d||e(pm,{data:c}))]})},bm=o.div`
|
|
1277
1287
|
visibility: hidden;
|
|
1278
|
-
`,
|
|
1288
|
+
`,vm=o(_n)`
|
|
1279
1289
|
align-self: stretch;
|
|
1280
1290
|
width: calc(100% - 32px);
|
|
1281
1291
|
padding: 16px;
|
|
1282
1292
|
border-radius: 16px;
|
|
1283
|
-
background-color: ${({theme:e})=>e.colors.secondary+
|
|
1293
|
+
background-color: ${({theme:e})=>e.colors.secondary+bl["005"]};
|
|
1284
1294
|
${({theme:e,$withClick:t})=>t?n`
|
|
1285
1295
|
&:hover {
|
|
1286
1296
|
cursor: pointer;
|
|
1287
|
-
background-color: ${e.colors.secondary+
|
|
1288
|
-
${
|
|
1297
|
+
background-color: ${e.colors.secondary+bl["010"]};
|
|
1298
|
+
${bm} {
|
|
1289
1299
|
visibility: visible;
|
|
1290
1300
|
}
|
|
1291
1301
|
}
|
|
1292
|
-
`:`\n &:hover {\n ${
|
|
1293
|
-
|
|
1302
|
+
`:`\n &:hover {\n ${bm} {\n visibility: visible;\n }\n }\n `}
|
|
1303
|
+
`,$m=o(_n)`
|
|
1294
1304
|
margin-left: auto;
|
|
1295
1305
|
gap: 8px;
|
|
1296
|
-
`,
|
|
1306
|
+
`,wm=o(Di)`
|
|
1297
1307
|
font-size: 10px;
|
|
1298
1308
|
color: ${({theme:e})=>e.text.grey};
|
|
1299
|
-
`,
|
|
1309
|
+
`,Sm=({title:o,subTitle:n,icons:a,iconSrcs:s,onClick:l,renderActions:c})=>{const d=i(),[p,u]=Wt(0),h=Gt(null),m=Gt(null);return Ht(()=>{if(h.current){const e=h.current.clientWidth,t=m.current?.clientWidth||0;u(e-(85+t))}},[]),t(vm,{ref:h,$gap:8,$withClick:!!l,onClick:l,children:[e(Jd,{id:`${o}-${n}`,icons:a,iconSrcs:s}),o&&e(Hd,{maxWidth:p/2,text:o,textSize:14}),o&&n&&e(wm,{children:"•"}),n&&e(Hd,{maxWidth:p/2,text:n,textSize:10,textColor:d.text.grey}),e($m,{ref:m,children:c&&t(r,{children:[e(Ec,{orientation:"vertical",length:"24px",margin:"0"}),c()]})})]})},km=({isOpen:t,noOverlay:r,name:o,type:n,isLastItem:i,onApprove:a,onDeny:s})=>{const l=n===jr.Source?"uninstrument":"delete";return e(nd,{isOpen:t,noOverlay:r,title:`${l.charAt(0).toUpperCase()+l.substring(1)}${o?` ${o}`:""}`,description:`Are you sure you want to ${l}?`,note:i?{type:Gr.Warning,title:`You're about to ${l} the last ${n||o}`,message:""}:void 0,approveButton:{text:"Confirm",variant:"danger",onClick:a},denyButton:{text:"Go Back",onClick:s}})},Cm=o(Rl)`
|
|
1300
1310
|
display: flex;
|
|
1301
1311
|
align-items: center;
|
|
1302
1312
|
justify-content: center;
|
|
1303
1313
|
font-size: 14px;
|
|
1304
1314
|
gap: 6px;
|
|
1305
1315
|
min-width: 100px;
|
|
1306
|
-
`,
|
|
1316
|
+
`,Em=({endpoint:r="/",variant:o="secondary"})=>t(Cm,{variant:o,onClick:()=>window.open(`https://docs.odigos.io${r}`,"_blank","noopener noreferrer"),children:[e(Ot,{size:18}),"Docs"]}),Am=o(_n)`
|
|
1307
1317
|
border-bottom: ${({$hideBorder:e,theme:t})=>e?"none":`1px solid ${t.colors.border}`};
|
|
1308
|
-
`,
|
|
1318
|
+
`,Dm=o.div`
|
|
1309
1319
|
display: flex;
|
|
1310
1320
|
align-items: center;
|
|
1311
1321
|
border-bottom: 2px solid ${({theme:e,$selected:t})=>t?e.colors.majestic_blue:"transparent"};
|
|
1312
1322
|
cursor: pointer;
|
|
1313
|
-
`,
|
|
1323
|
+
`,Tm=o(Di)`
|
|
1314
1324
|
padding: 12px;
|
|
1315
1325
|
font-size: 14px;
|
|
1316
1326
|
color: ${({theme:e,$selected:t})=>t?e.text.secondary:e.text.grey};
|
|
1317
|
-
`,
|
|
1327
|
+
`,Im=({tabs:r,hideBorder:o=!1})=>r?.length?e(Am,{$hideBorder:o,children:r.map(({label:r,icon:o,onClick:n,selected:i})=>t(Dm,{onClick:n,$selected:i,children:[e(Tm,{$selected:i,children:r}),o&&e(o,{})]},`tab-${r}`))}):null,Nm=o.section`
|
|
1318
1328
|
padding: 0px 32px;
|
|
1319
1329
|
border-bottom: 1px solid ${({theme:e})=>e.colors.border};
|
|
1320
|
-
`,
|
|
1330
|
+
`,Rm=o.div`
|
|
1321
1331
|
height: 76px;
|
|
1322
1332
|
display: flex;
|
|
1323
1333
|
justify-content: space-between;
|
|
1324
1334
|
flex-shrink: 0;
|
|
1325
1335
|
align-self: stretch;
|
|
1326
|
-
`,
|
|
1336
|
+
`,Om=o.div`
|
|
1327
1337
|
display: flex;
|
|
1328
1338
|
align-items: center;
|
|
1329
1339
|
gap: ${({$gap:e})=>e||16}px;
|
|
1330
|
-
`,
|
|
1340
|
+
`,_m=o(Di)`
|
|
1331
1341
|
font-size: 18px;
|
|
1332
1342
|
line-height: 26px;
|
|
1333
1343
|
max-width: ${({$maxWidth:e})=>e};
|
|
1334
1344
|
overflow: hidden;
|
|
1335
1345
|
white-space: nowrap;
|
|
1336
1346
|
text-overflow: ellipsis;
|
|
1337
|
-
`,
|
|
1347
|
+
`,Fm=o(Rl)`
|
|
1338
1348
|
gap: 8px;
|
|
1339
|
-
`,
|
|
1349
|
+
`,Pm=o(Rl)``,Lm=({onClose:r,width:o,icons:n,iconSrcs:i,title:a,titleTooltip:s,replaceTitleWith:l,actions:c,actionButtons:d=[],tabs:p})=>t(Nm,{children:[t(Rm,{children:[t(Om,{children:[n?.length||i?.length?e(Jd,{icons:n,iconSrcs:i,id:`drawer-header-${a}`}):null,("function"==typeof l?e(l,{}):l||null)||e(zc,{text:s||a,withIcon:!!s,children:a&&e(_m,{$maxWidth:`calc(${o} ${c||d.length?"/ 5":"- 192px"})`,children:a})})]}),t(Om,{$gap:2,children:[c,d.map((t,r)=>e(Fm,{...t},`header-action-button-${r}`)),e(Pm,{"data-id":"drawer-close",variant:"secondary",onClick:r,children:e(xt,{size:12})})]})]}),e(Im,{tabs:p,hideBorder:!0})]}),zm=o.div`
|
|
1340
1350
|
display: flex;
|
|
1341
1351
|
justify-content: space-between;
|
|
1342
1352
|
gap: 8px;
|
|
@@ -1344,17 +1354,17 @@ import{jsx as e,jsxs as t,Fragment as r}from"react/jsx-runtime";import o,{css as
|
|
|
1344
1354
|
border-top: 1px solid ${({theme:e})=>e.colors.border};
|
|
1345
1355
|
background-color: ${({theme:e})=>e.colors.translucent_bg};
|
|
1346
1356
|
transform: translateY(100%);
|
|
1347
|
-
animation-name: ${
|
|
1348
|
-
`,
|
|
1357
|
+
animation-name: ${$l.in.bottom};
|
|
1358
|
+
`,Mm=o(_n)`
|
|
1349
1359
|
margin-right: auto;
|
|
1350
|
-
`,
|
|
1360
|
+
`,Bm=o(_n)`
|
|
1351
1361
|
margin: 0 auto;
|
|
1352
|
-
`,
|
|
1362
|
+
`,Um=o(_n)`
|
|
1353
1363
|
margin-left: auto;
|
|
1354
|
-
`,
|
|
1364
|
+
`,jm=o(Rl)`
|
|
1355
1365
|
min-width: 140px;
|
|
1356
1366
|
font-size: 14px;
|
|
1357
|
-
`,
|
|
1367
|
+
`,Wm=({isOpen:r,leftButtons:o=[],centerButtons:n=[],rightButtons:i=[]})=>r?t(zm,{children:[e(Mm,{children:o.map((t,r)=>e(jm,{...t},`footer-left-button-${r}`))}),e(Bm,{children:n.map((t,r)=>e(jm,{...t},`footer-center-button-${r}`))}),e(Um,{children:i.map((t,r)=>e(jm,{...t},`footer-right-button-${r}`))})]}):null,Hm=o.div`
|
|
1358
1368
|
position: fixed;
|
|
1359
1369
|
top: 0;
|
|
1360
1370
|
bottom: 0;
|
|
@@ -1362,56 +1372,56 @@ import{jsx as e,jsxs as t,Fragment as r}from"react/jsx-runtime";import o,{css as
|
|
|
1362
1372
|
z-index: 1000;
|
|
1363
1373
|
width: ${({$width:e})=>e};
|
|
1364
1374
|
background: ${({theme:e})=>e.colors.translucent_bg};
|
|
1365
|
-
box-shadow: 0 2px 10px ${({theme:e})=>e.colors.primary+
|
|
1375
|
+
box-shadow: 0 2px 10px ${({theme:e})=>e.colors.primary+bl["010"]};
|
|
1366
1376
|
overflow-y: auto;
|
|
1367
|
-
animation-name: ${({$position:e})
|
|
1368
|
-
`,
|
|
1377
|
+
animation-name: ${({$position:e})=>$l.in[e]};
|
|
1378
|
+
`,Xm=o.div`
|
|
1369
1379
|
display: flex;
|
|
1370
1380
|
flex-direction: column;
|
|
1371
1381
|
height: 100%;
|
|
1372
|
-
`,
|
|
1382
|
+
`,Gm=o.div`
|
|
1373
1383
|
flex-grow: 1;
|
|
1374
1384
|
padding: 24px 32px;
|
|
1375
1385
|
overflow-y: auto;
|
|
1376
|
-
`,
|
|
1386
|
+
`,Vm=({isOpen:o,onClose:n,closeOnEscape:i=!0,position:a="right",width:s="300px",children:l,header:c,footer:d})=>(ql({key:"Escape",active:o&&i},()=>n()),Pl(o),o?dr.createPortal(t(r,{children:[e(zn,{hidden:!o,onClick:n}),e(Hm,{"data-id":"drawer",$position:a,$width:s,children:t(Xm,{children:[e(Lm,{onClose:n,width:s,...c}),e(Gm,{children:l}),e(Wm,{...d})]})})]}),document.body):null),Km=({error:r})=>{const o=i(),n={container:{display:"flex",flexDirection:"column",alignItems:"center",textAlign:"center",color:o.text.error,fontFamily:o.font_family.primary},errorMessage:{padding:10,borderRadius:5,whiteSpace:"pre-wrap",background:o.colors.error},errorStack:{whiteSpace:"pre-wrap",fontSize:"12px"},errorStackWrapper:{textAlign:"left",marginTop:10},infoText:{marginTop:100,color:o.text.secondary,fontSize:"14px"}};return t("div",{style:n.container,children:[e("h2",{children:"Something went wrong!"}),e("pre",{style:n.errorMessage,children:r?.message||"Unknown Error"}),t("details",{style:n.errorStackWrapper,children:[e("summary",{children:"Stack Trace"}),e("pre",{style:n.errorStack,children:r?.stack||"Unknown Stack"})]}),e("p",{style:n.infoText,children:"Try refreshing the page or contact support"}),e(Rl,{variant:"secondary",onClick:()=>window.location.reload(),style:{fontSize:"1rem"},children:"Reload"})]})},qm=({children:t})=>e(mr,{FallbackComponent:({error:t,...r})=>e(xl,{children:e(Km,{...r,error:t})}),children:t}),Jm=o(_n)`
|
|
1377
1387
|
position: relative;
|
|
1378
1388
|
width: calc(100% - 24px);
|
|
1379
1389
|
padding: 12px;
|
|
1380
1390
|
background-color: ${({theme:e})=>e.colors.dark_grey};
|
|
1381
|
-
border-bottom: 1px solid ${({theme:e})=>e.colors.border+
|
|
1382
|
-
`,
|
|
1391
|
+
border-bottom: 1px solid ${({theme:e})=>e.colors.border+bl["050"]};
|
|
1392
|
+
`,Ym=o(_n)`
|
|
1383
1393
|
margin-right: auto;
|
|
1384
1394
|
margin-left: 32px;
|
|
1385
1395
|
gap: 12px;
|
|
1386
|
-
`,
|
|
1396
|
+
`,Qm=o(_n)`
|
|
1387
1397
|
margin-left: auto;
|
|
1388
1398
|
margin-right: 32px;
|
|
1389
1399
|
gap: 12px;
|
|
1390
|
-
`,
|
|
1400
|
+
`,Zm=o(_n)`
|
|
1391
1401
|
position: absolute;
|
|
1392
1402
|
left: 50%;
|
|
1393
1403
|
transform: translateX(-50%);
|
|
1394
1404
|
gap: 12px;
|
|
1395
|
-
`,
|
|
1405
|
+
`,eg=({left:r=[],center:o=[],right:n=[]})=>t(Jm,{children:[e(Ym,{children:r.map((t,r)=>t&&e(jt,{children:t},r))}),e(Zm,{children:o.map((t,r)=>t&&e(jt,{children:t},r))}),e(Qm,{children:n.map((t,r)=>t&&e(jt,{children:t},r))})]}),tg=o(Di)`
|
|
1396
1406
|
color: ${({theme:e})=>e.text.grey};
|
|
1397
|
-
`,
|
|
1407
|
+
`,rg=({icon:r,title:o,badge:n,badgeTooltip:i,loading:a})=>t(_n,{$gap:6,children:[r&&e(r,{}),e(tg,{size:14,children:o}),void 0!==n&&e(zc,{text:i,children:e(Dl,{label:n})}),a&&e(kd,{})]}),og=o.div`
|
|
1398
1408
|
width: fit-content;
|
|
1399
1409
|
height: fit-content;
|
|
1400
1410
|
padding: 4px;
|
|
1401
1411
|
gap: 4px;
|
|
1402
1412
|
border-radius: 32px;
|
|
1403
|
-
border: 1px solid ${({theme:e})=>e.colors.border+
|
|
1413
|
+
border: 1px solid ${({theme:e})=>e.colors.border+bl["070"]};
|
|
1404
1414
|
|
|
1405
1415
|
display: flex;
|
|
1406
1416
|
flex-direction: ${({$orientation:e,$flip:t})=>("horizontal"===e?"row":"column")+(t?"-reverse":"")};
|
|
1407
1417
|
align-items: center;
|
|
1408
1418
|
justify-content: center;
|
|
1409
|
-
`,
|
|
1419
|
+
`,ng=o.div`
|
|
1410
1420
|
width: 32px;
|
|
1411
1421
|
height: 32px;
|
|
1412
1422
|
|
|
1413
1423
|
border-radius: 100%;
|
|
1414
|
-
background-color: ${({theme:e,$selected:t})=>t?e.colors.majestic_blue+
|
|
1424
|
+
background-color: ${({theme:e,$selected:t})=>t?e.colors.majestic_blue+bl["070"]:e.colors.secondary+bl["012"]};
|
|
1415
1425
|
transition: background-color 0.3s;
|
|
1416
1426
|
|
|
1417
1427
|
display: flex;
|
|
@@ -1419,63 +1429,63 @@ import{jsx as e,jsxs as t,Fragment as r}from"react/jsx-runtime";import o,{css as
|
|
|
1419
1429
|
justify-content: center;
|
|
1420
1430
|
|
|
1421
1431
|
cursor: pointer;
|
|
1422
|
-
`,
|
|
1432
|
+
`,ig=({orientation:r="vertical",flip:o,mainIcons:n,subIcons:i})=>t(og,{$orientation:r,$flip:o,children:[n.map(({icon:t,selected:r,onClick:o,tooltip:n},i)=>e(zc,{text:n,children:e(ng,{$selected:r,onClick:o,children:e(t,{size:20})})},`main-nav-icon-${i}`)),!!n.length&&!!i.length&&e(Ec,{orientation:"vertical"===r?"horizontal":"vertical",margin:"0",length:"20px"}),i.map(({icon:t,selected:r,onClick:o,tooltip:n},i)=>e(zc,{text:n,children:e(ng,{$selected:r,onClick:o,children:e(t,{size:20})})},`sub-nav-icon-${i}`))]}),ag=o.div`
|
|
1423
1433
|
display: flex;
|
|
1424
1434
|
flex-direction: column;
|
|
1425
1435
|
width: 100%;
|
|
1426
|
-
`,
|
|
1436
|
+
`,sg=o.div`
|
|
1427
1437
|
display: flex;
|
|
1428
1438
|
flex-direction: column;
|
|
1429
1439
|
gap: 8px;
|
|
1430
|
-
`,
|
|
1440
|
+
`,lg=o.div`
|
|
1431
1441
|
display: flex;
|
|
1432
1442
|
align-items: center;
|
|
1433
1443
|
gap: 16px;
|
|
1434
|
-
`,
|
|
1444
|
+
`,cg=o(Uc)`
|
|
1435
1445
|
cursor: ${({$disabled:e})=>e?"not-allowed":"pointer"};
|
|
1436
1446
|
opacity: ${({$disabled:e})=>e?.5:1};
|
|
1437
|
-
`,
|
|
1447
|
+
`,dg=({initialValues:r=[],value:o,onChange:n,title:i,tooltip:a,required:s,errorMessage:l})=>{const[c,d]=Wt(o||r);Ht(()=>{c.length||d([""])},[]);const p=c.filter(e=>!!e.trim()),u=Gt(JSON.stringify(p));Ht(()=>{const e=JSON.stringify(p);u.current!==e&&(u.current=e,n&&n(p))},[p]);const h=(e,t)=>{d(r=>{const o=[...r];return o[t]=e,o})},m=c.length<=1,g=c.some(e=>""===e.trim()),f=m&&g;return t(ag,{children:[e(xh,{title:i,required:s,tooltip:a}),e(sg,{children:c.map((r,o)=>{const n=o===c.length-1;return t(lg,{children:[e(Ch,{value:r,onChange:e=>h(e.target.value,o),hasError:!!l,autoFocus:oi(r)&&!m&&n}),o===c.length-1&&e(cg,{withBorder:!0,size:30,$disabled:g,onClick:g?void 0:()=>{d(e=>{const t=[...e];return t.push(""),t})},children:e(St,{})}),e(cg,{size:30,$disabled:f,onClick:f?void 0:()=>(e=>{m?h("",e):d(t=>t.filter((t,r)=>r!==e))})(o),children:e(It,{})})]},`input-list-${o}`)})}),!!l&&e(Ni,{children:l})]})},pg=({col:t,colIdx:r,row:o,rowIdx:n,rowsLength:i,maxWidth:a,handleChange:s,errorMessage:l,limitFieldsPerRow:c})=>{const{keyName:d,title:p,tooltip:u,placeholder:h,required:m,type:g,componentType:f,options:y,renderCondition:x}=t,b=o[d];if(x&&!x(o))return null;return e("td",{style:{maxWidth:a,padding:"4px 6px 4px 0"},children:(()=>{switch(f){case Hr.Dropdown:const t=y?.find(e=>e.id===b);return e(Ih,{title:c?p:void 0,tooltip:c?u:void 0,placeholder:h,required:m,options:y||[],value:t,onSelect:e=>s(d,e.id,n),onDeselect:()=>s(d,"",n),hasError:!!l&&(!m||m&&oi(b))});case"multi-dropdown":const o=Array.isArray(b)&&y?.filter(e=>b.includes(e.id))||[];return e(Ih,{title:c?p:void 0,tooltip:c?u:void 0,placeholder:h,required:m,options:y||[],value:o,isMulti:!0,onSelect:e=>{const t=[...Array.isArray(b)?b:[],e.id];s(d,t,n)},onDeselect:e=>{const t=(Array.isArray(b)?b:[]).filter(t=>t!==e.id);s(d,t,n)},hasError:!!l&&(!m||m&&oi(b))});default:const f=i>1&&n===i-1&&0===r&&oi(b);return e(Ch,{title:c?p:void 0,tooltip:c?u:void 0,placeholder:h,type:g,required:m,autoFocus:f,value:b,onChange:({target:{value:e}})=>s(d,e,n),style:{maxWidth:a,paddingLeft:10},hasError:!!l&&(!m||m&&oi(b))})}})()},`input-table-${n}-${d}`)},ug=o.div`
|
|
1438
1448
|
display: flex;
|
|
1439
1449
|
flex-direction: column;
|
|
1440
1450
|
width: 100%;
|
|
1441
|
-
`,
|
|
1451
|
+
`,hg=o.button`
|
|
1442
1452
|
margin-top: ${({$marginTop:e})=>e};
|
|
1443
1453
|
background: none;
|
|
1444
1454
|
border: none;
|
|
1445
1455
|
cursor: ${({disabled:e})=>e?"not-allowed":"pointer"};
|
|
1446
1456
|
opacity: ${({disabled:e})=>e?.5:1};
|
|
1447
|
-
`,
|
|
1457
|
+
`,mg=({columns:r,initialValues:o=[],value:n,onChange:i,errorMessage:a,limitFieldsPerRow:s,title:l=""})=>{const[c,d]=Wt({}),[p,u]=Wt(n||o),h=Xt(()=>new Map(r.map(e=>[e.keyName,e])),[r]);Ht(()=>{if(!p.length){const e={};r.forEach(({keyName:t})=>e[t]=""),d(e),u([e])}},[]);const m=p.filter(e=>{for(const[t,r]of Object.entries(e)){const o=h.get(t);if((!o?.renderCondition||o.renderCondition(e))&&(o?.required&&oi(r)))return!1}return!0}),g=Gt(JSON.stringify(m)),f=m.length!==p.length,y=`${Math.floor(640/((s||r.length)+.4))}px`;Ht(()=>{const e=JSON.stringify(m);g.current!==e&&(g.current=e,i&&i(m))},[m]);const x=(e,t,r)=>{u(o=>{const n=$r(o);return n[r][e]=t,n})},b=Xt(()=>{if(s){const e=[];for(let t=0;;t+=s){const o=r.slice(t,t+s);if(!o.length)break;e.push(o)}return e}return[r]},[s,r]);return t(ug,{children:[e(xh,{title:l}),t("table",{style:{borderCollapse:"collapse"},children:[!s&&e("thead",{children:t("tr",{children:[r.map(({title:t,tooltip:r,required:o})=>e("th",{style:{maxWidth:y},children:e(xh,{title:t,required:o,tooltip:r})},`input-table-head-${t}`)),e("th",{})]})}),e("tbody",{children:p.map((o,n)=>t(jt,{children:[s&&n>0?e("tr",{children:e("td",{colSpan:b.length,children:e(Ec,{})})}):null,b.map((i,l)=>t("tr",{children:[i.map((t,r)=>e(pg,{col:t,colIdx:r,row:o,rowIdx:n,rowsLength:p.length,maxWidth:y,limitFieldsPerRow:s,errorMessage:a,handleChange:x},`input-table-row-${n}-col-${r}`)),0===l&&e("td",{children:e(hg,{$marginTop:s?"24px":"0",onClick:()=>{return e=n,void(p.length>1?u(t=>t.filter((t,r)=>r!==e)):r.forEach(({keyName:t,type:r})=>x(t,r===Xr.Number?"0":"",e)));var e},children:e(It,{})})})]},`input-table-matrix-${n}-${l}`))]},`input-table-row-${n}`))})]}),!!a&&e(Ni,{children:a}),e(zd,{onClick:()=>{u(e=>{const t=$r(e);return t.push($r(c)),t})},disabled:f})]})},gg=o.div`
|
|
1448
1458
|
display: flex;
|
|
1449
1459
|
flex-direction: column;
|
|
1450
1460
|
width: 100%;
|
|
1451
|
-
`,
|
|
1461
|
+
`,fg=o.div`
|
|
1452
1462
|
display: flex;
|
|
1453
1463
|
flex-direction: column;
|
|
1454
1464
|
gap: 8px;
|
|
1455
|
-
`,
|
|
1465
|
+
`,yg=o.div`
|
|
1456
1466
|
display: flex;
|
|
1457
1467
|
align-items: center;
|
|
1458
1468
|
gap: 8px;
|
|
1459
|
-
`,
|
|
1469
|
+
`,xg=o.div`
|
|
1460
1470
|
width: 100%;
|
|
1461
1471
|
max-width: ${({$maxWidth:e})=>e?`${e}px`:"unset"};
|
|
1462
|
-
`,
|
|
1472
|
+
`,bg=o(Uc)`
|
|
1463
1473
|
cursor: ${({$disabled:e})=>e?"not-allowed":"pointer"};
|
|
1464
1474
|
opacity: ${({$disabled:e})=>e?.5:1};
|
|
1465
|
-
`,
|
|
1475
|
+
`,vg={key:"",value:""},$g=({initialKeyValuePairs:r=[],value:o,onChange:n,title:i,tooltip:a,disabled:s,required:l,errorMessage:c,keyPlaceholder:d="Key",valuePlaceholder:p="Value",inputMaxWidth:u=300})=>{const[h,m]=Wt(o||r);Ht(()=>{h.length||m([{...vg}])},[]);const g=h.filter(({key:e,value:t})=>!oi(e.trim())&&!oi(t.trim())),f=Gt(JSON.stringify(g));Ht(()=>{const e=JSON.stringify(g);f.current!==e&&(f.current=e,n&&n(g))},[g]);const y=(e,t,r)=>{m(o=>{const n=[...o];return n[r][e]=t,n})},x=h.length<=1,b=s||h.some(({key:e,value:t})=>""===e.trim()||""===t.trim()),v=s||x&&b;return t(gg,{children:[e(xh,{title:i,required:l,tooltip:a}),e(fg,{children:h.map(({key:r,value:o},n)=>t(yg,{children:[e(xg,{$maxWidth:u,children:e(Ch,{placeholder:d,disabled:s,value:r,onChange:e=>y("key",e.target.value,n),hasError:!!c&&(!l||l&&!r),autoFocus:oi(o)&&!x&&n===h.length-1})}),e(xg,{$maxWidth:n===h.length-1?u-38:u,children:e(Ch,{placeholder:p,disabled:s,value:o,onChange:e=>y("value",e.target.value,n),hasError:!!c&&(!l||l&&oi(o)),autoFocus:!1})}),n===h.length-1&&e(bg,{withBorder:!0,size:30,$disabled:b,onClick:b?void 0:()=>{m(e=>{const t=[...e];return t.push({...vg}),t})},children:e(St,{})}),e(bg,{size:30,$disabled:v,onClick:v?void 0:()=>(e=>{x?(y("key","",e),y("value","",e)):m(t=>t.filter((t,r)=>r!==e))})(n),children:e(It,{})})]},`key-value-input-list-${n}`))}),!!c&&e(Ni,{children:c})]})},wg=a`
|
|
1466
1476
|
0% {
|
|
1467
1477
|
background-position: 0% 50%;
|
|
1468
1478
|
}
|
|
1469
1479
|
100% {
|
|
1470
1480
|
background-position: 100% 50%;
|
|
1471
1481
|
}
|
|
1472
|
-
`,
|
|
1482
|
+
`,Sg=o(Di)`
|
|
1473
1483
|
background: ${({$textColor:e,$stripColor:t})=>`linear-gradient(45deg, ${e} 0%, ${e} 40%, ${t} 50%, ${e} 60%, ${e} 100%)`};
|
|
1474
1484
|
background-size: 250% 100%; /* Expand background to allow movement */
|
|
1475
1485
|
background-clip: text;
|
|
1476
1486
|
color: transparent;
|
|
1477
|
-
animation: ${
|
|
1478
|
-
`,
|
|
1487
|
+
animation: ${wg} 1s reverse linear infinite;
|
|
1488
|
+
`,kg=({children:t="Loading...",textColor:r,stripColor:o,...n})=>{const a=i(),s=r||a.v2.colors.white[500],l=o||a.v2.colors.black[500];return e(Sg,{$textColor:s,$stripColor:l,...n,children:t})},Cg=o.div`
|
|
1479
1489
|
display: flex;
|
|
1480
1490
|
flex-direction: ${({$isVertical:e})=>e?"column":"row"};
|
|
1481
1491
|
gap: ${({$isVertical:e})=>e?"12px":"24px"};
|
|
@@ -1484,17 +1494,17 @@ import{jsx as e,jsxs as t,Fragment as r}from"react/jsx-runtime";import o,{css as
|
|
|
1484
1494
|
border-radius: 32px;
|
|
1485
1495
|
padding: 8px;
|
|
1486
1496
|
`}
|
|
1487
|
-
`,
|
|
1497
|
+
`,Eg=(e,t)=>!t?.length||!!t?.find(t=>t===e),Ag=({isVertical:r,title:o="Monitors",required:n,errorMessage:i,allowedSignals:a,selectedSignals:s,setSelectedSignals:l})=>{const[c,d]=Wt(1===s.length),p=Gt(JSON.stringify(s));Ht(()=>{const e=s;e.length||Hs.forEach(({id:t})=>{Eg(t,a)&&e.push(t)});const t=JSON.stringify(e);return p.current!==t&&(p.current=t,l(e),d(1===e.length)),()=>{p.current=""}},[a]);return t("div",{children:[o&&e(xh,{title:o,required:n}),e(Cg,{$isVertical:r,$hasError:!!i,children:Hs.map(t=>{const r=Eg(t.id,a),o=((e,t)=>!!t?.find(t=>t===e))(t.id,s);return r?e(ld,{title:t.value,disabled:!r||c&&o,value:o,onChange:e=>((e,t)=>{const r=e,o=t?[...s,r]:s.filter(e=>e!==r);l(o),d(1===o.length)})(t.id,e)},t.id):null})}),!!i&&e(Ni,{children:i})]})},Dg=o.div`
|
|
1488
1498
|
display: flex;
|
|
1489
1499
|
gap: 8px;
|
|
1490
1500
|
align-items: center;
|
|
1491
|
-
`,
|
|
1501
|
+
`,Tg=o(Rl)`
|
|
1492
1502
|
display: flex;
|
|
1493
1503
|
align-items: center;
|
|
1494
1504
|
justify-content: center;
|
|
1495
1505
|
gap: 8px;
|
|
1496
1506
|
min-width: 90px;
|
|
1497
|
-
`,
|
|
1507
|
+
`,Ig=({buttons:r})=>{const o=i(),n=({button:e,index:t})=>r.length>1&&0===t&&(e.icon||e.iconSrc),a=({button:t,rotate:r})=>t.icon?e(t.icon,{size:14,rotate:r,fill:o.text[t.variant||"secondary"]}):t.iconSrc?e("img",{src:t.iconSrc,alt:t.label,width:8,height:12}):null;return e(Dg,{children:r.map((r,o)=>e(zc,{text:r.tooltip||"",children:t(Tg,{variant:r.variant||"secondary",onClick:r.onClick,disabled:r.disabled,children:[n({button:r,index:o})&&a({button:r,rotate:0}),r.label,!n({button:r,index:o})&&a({button:r,rotate:180})]},o)},o))})},Ng=o.div`
|
|
1498
1508
|
width: 100%;
|
|
1499
1509
|
height: 100%;
|
|
1500
1510
|
|
|
@@ -1502,26 +1512,26 @@ import{jsx as e,jsxs as t,Fragment as r}from"react/jsx-runtime";import o,{css as
|
|
|
1502
1512
|
animation: none !important;
|
|
1503
1513
|
transition: none !important;
|
|
1504
1514
|
}
|
|
1505
|
-
`,
|
|
1515
|
+
`,Rg=({width:t="100%",height:r="100%",gap:o=0,elements:n,noAnimation:i=!1,onTopIndexChange:a})=>{const s=Gt(null),l=Xt(()=>o?n.map((t,r)=>e("div",{style:{paddingBottom:o},children:t},`scroll-y-item-${r}`)):n,[n,o]),c=Vt(e=>{if(!a||!s.current)return;const t=s.current.findItemIndex(e);a(t)},[a]),d=e(fr,{ref:s,style:{width:t,height:r},onScroll:a?c:void 0,children:l});return i?e(Ng,{children:d}):d},Og=o.div`
|
|
1506
1516
|
display: flex;
|
|
1507
1517
|
justify-content: space-between;
|
|
1508
1518
|
align-items: center;
|
|
1509
1519
|
gap: 16px;
|
|
1510
|
-
`,
|
|
1520
|
+
`,_g=o.div`
|
|
1511
1521
|
display: flex;
|
|
1512
1522
|
flex-direction: column;
|
|
1513
1523
|
gap: 4px;
|
|
1514
|
-
`,
|
|
1524
|
+
`,Fg=o.div`
|
|
1515
1525
|
display: flex;
|
|
1516
1526
|
align-items: center;
|
|
1517
1527
|
gap: 8px;
|
|
1518
|
-
`,
|
|
1528
|
+
`,Pg=o(Di)``,Lg=o(Di)``,zg=({title:r,description:o,badgeLabel:n,icon:i,actionButton:a,size:s="medium"})=>{const l="small"===s?16:"medium"===s?20:24,c="small"===s?12:"medium"===s?14:16;return t(Og,{children:[t(_g,{children:[t(Fg,{children:[i&&e(i,{size:l}),e(Pg,{weight:300,size:l,children:r}),void 0!==n&&e(Dl,{label:n,filled:!!n})]}),e(Lg,{weight:200,opacity:.8,size:c,children:o})]}),a&&e("div",{children:a})]})},Mg=o.div`
|
|
1519
1529
|
position: relative;
|
|
1520
1530
|
gap: 0;
|
|
1521
1531
|
z-index: 0;
|
|
1522
1532
|
display: grid;
|
|
1523
1533
|
grid-template-columns: repeat(${({$count:e})=>e}, 1fr);
|
|
1524
|
-
`,
|
|
1534
|
+
`,Bg=o.button`
|
|
1525
1535
|
flex: 1;
|
|
1526
1536
|
display: flex;
|
|
1527
1537
|
align-items: center;
|
|
@@ -1535,7 +1545,7 @@ import{jsx as e,jsxs as t,Fragment as r}from"react/jsx-runtime";import o,{css as
|
|
|
1535
1545
|
&:hover {
|
|
1536
1546
|
border: 1px solid ${({theme:e})=>e.colors.secondary};
|
|
1537
1547
|
}
|
|
1538
|
-
`,
|
|
1548
|
+
`,Ug=o.div`
|
|
1539
1549
|
position: absolute;
|
|
1540
1550
|
top: ${({$y:e})=>e}px;
|
|
1541
1551
|
left: ${({$x:e})=>e}px;
|
|
@@ -1545,85 +1555,85 @@ import{jsx as e,jsxs as t,Fragment as r}from"react/jsx-runtime";import o,{css as
|
|
|
1545
1555
|
background-color: ${({theme:e,$bgColor:t})=>t||e.colors.dropdown_bg_2};
|
|
1546
1556
|
border-radius: ${({$isFirstItem:e,$isLastItem:t})=>e?"32px 0px 0px 32px":t?"0px 32px 32px 0px":"0"};
|
|
1547
1557
|
transition: all 0.3s;
|
|
1548
|
-
`,
|
|
1558
|
+
`,jg=({options:r=[],selected:o,setSelected:n})=>{const i=r.findIndex(e=>e.value===o),[a,s]=Wt(r[i]?.selectedBgColor||""),[l,c]=Wt({width:0,height:0}),[d,p]=Wt({x:0,y:0}),u=Gt(null);return Ht(()=>{u.current&&(c({width:u.current.offsetWidth,height:u.current.offsetHeight}),p({x:u.current.offsetWidth*i,y:0}))},[o,i]),t(Mg,{$count:r.length,children:[r.map(({icon:i,label:a,value:l,selectedBgColor:c,selectedTextColor:d},p)=>{const h=o===l;return t(Bg,{ref:h?u:void 0,$isFirstItem:0===p,$isLastItem:p===r.length-1,onClick:()=>{n(l),s(c||"")},children:[i&&e(i,{}),a&&e(Di,{size:12,family:"secondary",decoration:"underline",color:h?d:void 0,children:a})]},`segment-${a||p}-${l}`)}),e(Ug,{$bgColor:a,$width:l.width,$height:l.height,$x:d.x,$y:d.y,$isFirstItem:0===i,$isLastItem:i===r.length-1})]})},Wg=o(Rl)`
|
|
1549
1559
|
gap: 8px;
|
|
1550
1560
|
text-transform: none;
|
|
1551
1561
|
text-decoration: none;
|
|
1552
1562
|
border: ${({theme:e,$withBorder:t})=>`1px solid ${t?e.colors.border:"transparent"}`};
|
|
1553
1563
|
&.not-selected {
|
|
1554
|
-
background-color: ${({theme:e,$color:t})=>t||e.colors.dropdown_bg_2+
|
|
1564
|
+
background-color: ${({theme:e,$color:t})=>t||e.colors.dropdown_bg_2+bl["060"]};
|
|
1555
1565
|
&:hover {
|
|
1556
1566
|
background-color: ${({theme:e,$hoverColor:t})=>t||e.colors.dropdown_bg_2};
|
|
1557
1567
|
}
|
|
1558
1568
|
}
|
|
1559
1569
|
&.selected {
|
|
1560
|
-
background-color: ${({theme:e})=>e.colors.majestic_blue+
|
|
1570
|
+
background-color: ${({theme:e})=>e.colors.majestic_blue+bl["030"]};
|
|
1561
1571
|
}
|
|
1562
|
-
`,
|
|
1572
|
+
`,Hg=o(Di)`
|
|
1563
1573
|
white-space: nowrap;
|
|
1564
1574
|
overflow: hidden;
|
|
1565
1575
|
text-overflow: ellipsis;
|
|
1566
1576
|
font-size: 14px;
|
|
1567
|
-
`,
|
|
1577
|
+
`,Xg=({label:r,onClick:o,icon:n,iconSrc:a,badgeLabel:s,badgeFilled:l,isSelected:c,withBorder:d,color:p,hoverColor:u,style:h})=>{const m=i();return t(Wg,{onClick:o,className:c?"selected":"not-selected",$withBorder:d,$color:p,$hoverColor:u,style:h,children:[n&&e("div",{children:e(n,{fill:m.text.info})}),a&&e("div",{children:e("img",{src:a,alt:"",width:16,height:16})}),e(Hg,{children:r}),c&&e("div",{children:e(ft,{fill:m.colors.majestic_blue_soft})}),void 0!==s&&e(Dl,{label:s,filled:l||c})]})},Gg=o.div`
|
|
1568
1578
|
display: flex;
|
|
1569
1579
|
flex-direction: column;
|
|
1570
1580
|
gap: 16px;
|
|
1571
1581
|
${({$maxWidth:e})=>e&&`max-width: ${e};`}
|
|
1572
|
-
`,
|
|
1582
|
+
`,Vg=o.div`
|
|
1573
1583
|
display: flex;
|
|
1574
1584
|
align-items: center;
|
|
1575
1585
|
gap: 16px;
|
|
1576
|
-
`,
|
|
1586
|
+
`,Kg=o.div`
|
|
1577
1587
|
width: 50px;
|
|
1578
1588
|
height: 50px;
|
|
1579
1589
|
border-radius: 8px;
|
|
1580
|
-
background: ${({theme:e})=>`linear-gradient(90deg, ${e.colors.
|
|
1590
|
+
background: ${({theme:e})=>`linear-gradient(90deg, ${e.v2.colors.grey[600]} 25%, ${e.v2.colors.grey[600]} 50%, ${e.v2.colors.silver[500]} 75%)`};
|
|
1581
1591
|
background-size: 200% 100%;
|
|
1582
|
-
animation: ${
|
|
1583
|
-
`,
|
|
1592
|
+
animation: ${kl} 10s infinite linear;
|
|
1593
|
+
`,qg=o(Fn)`
|
|
1584
1594
|
flex: 1;
|
|
1585
1595
|
gap: 12px;
|
|
1586
|
-
`,
|
|
1596
|
+
`,Jg=o.div`
|
|
1587
1597
|
width: ${({$width:e})=>e};
|
|
1588
1598
|
height: 16px;
|
|
1589
|
-
background: ${({theme:e})=>`linear-gradient(90deg, ${e.colors.
|
|
1599
|
+
background: ${({theme:e})=>`linear-gradient(90deg, ${e.v2.colors.grey[600]} 25%, ${e.v2.colors.grey[600]} 50%, ${e.v2.colors.silver[500]} 75%)`};
|
|
1590
1600
|
background-size: 200% 100%;
|
|
1591
|
-
animation: ${
|
|
1601
|
+
animation: ${kl} 1.5s infinite linear;
|
|
1592
1602
|
border-radius: 4px;
|
|
1593
|
-
`,
|
|
1603
|
+
`,Yg=({size:r=5,maxWidth:o})=>e(Gg,{$maxWidth:o,children:[...Array(r)].map((r,o)=>t(Vg,{children:[e(Kg,{}),t(qg,{children:[e(Jg,{$width:"80%"}),e(Jg,{$width:"100%"})]})]},o))});var Qg;!function(e){e.Active="active",e.Disabled="disabled",e.Finished="finish"}(Qg||(Qg={}));const Zg=o.div`
|
|
1594
1604
|
display: flex;
|
|
1595
1605
|
flex-direction: column;
|
|
1596
1606
|
gap: 32px;
|
|
1597
|
-
`,
|
|
1607
|
+
`,ef=o.div`
|
|
1598
1608
|
display: flex;
|
|
1599
1609
|
gap: 16px;
|
|
1600
1610
|
padding: 8px;
|
|
1601
|
-
opacity: ${({$state:e})=>e===
|
|
1611
|
+
opacity: ${({$state:e})=>e===Qg.Active?1:e===Qg.Disabled?.5:.8};
|
|
1602
1612
|
transition: all 0.3s;
|
|
1603
|
-
`,
|
|
1613
|
+
`,tf=o(_n)`
|
|
1604
1614
|
justify-content: center;
|
|
1605
1615
|
width: 24px;
|
|
1606
1616
|
height: 24px;
|
|
1607
1617
|
border-radius: 32px;
|
|
1608
|
-
border: ${({theme:e,$state:t})=>t===
|
|
1609
|
-
opacity: ${({$state:e})=>e===
|
|
1610
|
-
`,
|
|
1618
|
+
border: ${({theme:e,$state:t})=>t===Qg.Disabled?`1px dashed ${e.text.dark_grey}`:`1px solid ${e.colors.secondary}`};
|
|
1619
|
+
opacity: ${({$state:e})=>e===Qg.Finished?.8:1};
|
|
1620
|
+
`,rf=o(Fn)`
|
|
1611
1621
|
justify-content: center;
|
|
1612
1622
|
gap: 8px;
|
|
1613
|
-
`,
|
|
1623
|
+
`,of=o(Di)``,nf=o(Di)``,af=({data:r,currentStep:o=0})=>{const[n,i]=Wt([]);return Ht(()=>{i(r.map((e,t)=>t<o-1?{...e,state:Qg.Finished,subtitle:e.subtitle||Gr.Success}:t===o-1?{...e,state:Qg.Active,subtitle:""}:{...e,state:Qg.Disabled,subtitle:""}))},[o,r]),e(Zg,{children:n.map((r,o)=>t(ef,{$state:r.state,children:[e(tf,{$state:r.state,children:[Qg.Active,Qg.Disabled].includes(r.state)?e(Di,{size:12,children:r.stepNumber}):r.state===Qg.Finished?e(ft,{size:20}):null}),t(rf,{children:[e(of,{family:"secondary",children:r.title}),r.subtitle&&e(nf,{size:10,weight:300,children:r.subtitle})]})]},o))})},sf=o(_n)`
|
|
1614
1624
|
width: fit-content;
|
|
1615
1625
|
gap: 6px;
|
|
1616
1626
|
padding: 6px 12px;
|
|
1617
1627
|
border-radius: 360px;
|
|
1618
1628
|
background-color: ${({$type:e,theme:t})=>t.colors[e]};
|
|
1619
|
-
`,
|
|
1629
|
+
`,lf=o(Di)`
|
|
1620
1630
|
color: ${({$type:e,theme:t})=>t.text[e]};
|
|
1621
|
-
`,
|
|
1631
|
+
`,cf=({type:r=Gr.Info,icon:o,title:n,size:i,family:a,children:s,...l})=>t(sf,{$type:r,children:[o&&e(o,{}),e(lf,{$type:r,size:i||12,family:a||"secondary",...l,children:s||n})]}),df=o.div`
|
|
1622
1632
|
display: flex;
|
|
1623
1633
|
flex-direction: column;
|
|
1624
1634
|
position: relative;
|
|
1625
1635
|
width: 100%;
|
|
1626
|
-
`,
|
|
1636
|
+
`,pf=o.div`
|
|
1627
1637
|
width: 100%;
|
|
1628
1638
|
display: flex;
|
|
1629
1639
|
align-items: center;
|
|
@@ -1651,7 +1661,7 @@ import{jsx as e,jsxs as t,Fragment as r}from"react/jsx-runtime";import o,{css as
|
|
|
1651
1661
|
&:focus-within {
|
|
1652
1662
|
border-color: ${({theme:e})=>e.colors.secondary};
|
|
1653
1663
|
}
|
|
1654
|
-
`,
|
|
1664
|
+
`,uf=o.textarea`
|
|
1655
1665
|
flex: 1;
|
|
1656
1666
|
border: none;
|
|
1657
1667
|
outline: none;
|
|
@@ -1675,13 +1685,13 @@ import{jsx as e,jsxs as t,Fragment as r}from"react/jsx-runtime";import o,{css as
|
|
|
1675
1685
|
background-color: ${({theme:e})=>e.colors.border};
|
|
1676
1686
|
cursor: not-allowed;
|
|
1677
1687
|
}
|
|
1678
|
-
`,
|
|
1688
|
+
`,hf=({errorMessage:r,title:o,tooltip:n,required:i,onChange:a,name:s,...l})=>{const c=Gt(null),d=e=>{c.current&&(c.current.style.height="auto",e&&(c.current.style.height=`${c.current.scrollHeight}px`))};return t(df,{children:[e(xh,{title:o,required:i,tooltip:n}),e(pf,{$disabled:l.disabled,$hasError:!!r,$isActive:!!l.autoFocus,children:e(uf,{ref:c,"data-id":s,name:s,onFocus:()=>d(!0),onBlur:()=>d(!1),onChange:e=>{e.stopPropagation(),d(!0),a?.(e)},onKeyDown:e=>{e.stopPropagation()},...l})}),!!r&&e(Ni,{children:r})]})},mf=o.div`
|
|
1679
1689
|
display: flex;
|
|
1680
1690
|
align-items: center;
|
|
1681
1691
|
gap: 12px;
|
|
1682
1692
|
cursor: ${({$disabled:e})=>e?"not-allowed":"pointer"};
|
|
1683
1693
|
opacity: ${({$disabled:e})=>e?.6:1};
|
|
1684
|
-
`,
|
|
1694
|
+
`,gf=o.div`
|
|
1685
1695
|
width: 24px;
|
|
1686
1696
|
height: 12px;
|
|
1687
1697
|
border: 1px ${({$isActive:e,theme:t})=>e?`solid ${t.colors.majestic_blue}`:`dashed ${t.text.grey}`};
|
|
@@ -1703,11 +1713,11 @@ import{jsx as e,jsxs as t,Fragment as r}from"react/jsx-runtime";import o,{css as
|
|
|
1703
1713
|
transform: ${({$isActive:e})=>e?"translateX(12px)":"translateX(0)"};
|
|
1704
1714
|
transition: background-color 0.3s, transform 0.3s;
|
|
1705
1715
|
}
|
|
1706
|
-
`,
|
|
1716
|
+
`,ff=({title:r,tooltip:o,initialValue:n=!1,onChange:i,disabled:a,allowPropagation:s=!1,flipHorizontally:l})=>{const[c,d]=Wt(n);Ht(()=>d(n),[n]);return t(mf,{$disabled:a,onClick:e=>{a||(s||e.stopPropagation(),i?i(!c):d(e=>!e))},children:[!l&&e(gf,{$disabled:a,$isActive:c}),(r||o)&&e(zc,{text:o,withIcon:!0,children:r&&e(Di,{size:14,children:r})}),l&&e(gf,{$disabled:a,$isActive:c})]})};var yf={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 xf=o.div`
|
|
1707
1717
|
width: ${({$width:e})=>e}px;
|
|
1708
1718
|
height: ${({$height:e})=>e}px;
|
|
1709
1719
|
position: relative;
|
|
1710
|
-
`,
|
|
1720
|
+
`,bf=({width:t=620})=>{const{darkMode:r}=i(),o=t/(620/220);return e(xf,{$width:t,$height:o,children:e(gr,{autoplay:!0,loop:!0,animationData:yf,style:{width:o,height:t,transform:"rotate(-90deg)",position:"absolute",top:-(o-o/10),left:o-o/10,filter:r?"invert(0)":"invert(1)"}})})},vf=o.div`
|
|
1711
1721
|
display: flex;
|
|
1712
1722
|
align-items: center;
|
|
1713
1723
|
justify-content: center;
|
|
@@ -1717,17 +1727,17 @@ import{jsx as e,jsxs as t,Fragment as r}from"react/jsx-runtime";import o,{css as
|
|
|
1717
1727
|
padding: ${({$hasLabel:e})=>e?"4px 8px":"4px"};
|
|
1718
1728
|
border-radius: 100px;
|
|
1719
1729
|
background-color: ${({$backgroundColor:e})=>e};
|
|
1720
|
-
|
|
1730
|
+
`,$f=({label:r,leftIcon:o,rightIcon:n,tooltip:a,status:s=qr.Unknown,useSecondaryTone:l=!1,invertColors:c=!1,textSize:d,textColor:p,backgroundColor:u,minWidth:h="unset",fullWidth:m=!1})=>{const g=i(),f=r?.toString(),y=s?[qr.Disabled].includes(s)?on(g,s,c?"400":"700"):[qr.Unknown].includes(s)?on(g,s,"600"):on(g,s,c?l?"400":"300":l?"700":"500"):g.v2.colors.grey[200],x=p||(c&&![qr.Unknown].includes(s)?y:[qr.Disabled].includes(s)?g.v2.colors.grey[400]:[Gr.Error,Gr.Warning,Gr.Success].includes(s)?g.v2.colors.black[500]:g.v2.colors.white[500]),b=u||(c&&![qr.Unknown].includes(s)?[qr.Disabled].includes(s)?g.v2.colors.grey[700]:g.v2.colors.silver[600]:y);return e(zc,{text:a,fullWidth:m,children:t(vf,{$backgroundColor:b,$minWidth:h,$fullWidth:m,$hasLabel:!!f,children:[o&&e(o,{fill:x,size:14}),f&&e(un,{color:x,size:d||sn.XXS,nowrap:!0,children:f}),n&&e(n,{fill:x,size:14})]})})},wf=o.span`
|
|
1721
1731
|
font-family: ${({theme:e})=>e.font_family.primary};
|
|
1722
1732
|
font-size: ${({$smallAndDark:e})=>e?"12px":"14px"};
|
|
1723
1733
|
font-weight: 400;
|
|
1724
1734
|
color: ${({theme:e,$smallAndDark:t})=>t?e.v2.colors.grey[400]:e.v2.colors.silver[200]};
|
|
1725
|
-
`,
|
|
1735
|
+
`,Sf=o.span`
|
|
1726
1736
|
font-family: ${({theme:e})=>e.font_family.primary};
|
|
1727
1737
|
font-size: 14px;
|
|
1728
1738
|
font-weight: 400;
|
|
1729
1739
|
color: ${({theme:e})=>e.v2.colors.red[500]};
|
|
1730
|
-
`,
|
|
1740
|
+
`,kf=({label:r,tooltip:o,required:n,badge:i,width:a,smallAndDark:s})=>r||o||n?t(_n,{$width:a,$justifyContent:"space-between",children:[r&&e(wf,{$smallAndDark:s,children:r}),t(_n,{$gap:4,children:[i&&e($f,{...i,textSize:sn.XXXS}),n&&e(Sf,{children:"*"}),o&&e(zc,{text:o,withIcon:!0})]})]}):null,Cf=({errorMessage:r,warnMessage:o,helpMessage:n})=>{const a=i(),s=r?a.v2.colors.red[500]:o?a.v2.colors.yellow[500]:a.v2.colors.silver[200],l=e(rt,{size:12,fill:s});return r||o||n?t(_n,{$alignItems:"center",children:[l&&e(Fn,{children:l}),e(un,{size:sn.XXS,weight:400,color:s,children:r||o||n})]}):null},Ef=o.div`
|
|
1731
1741
|
padding: ${({$small:e})=>e?"4px":"6px 12px"};
|
|
1732
1742
|
|
|
1733
1743
|
display: flex;
|
|
@@ -1745,7 +1755,7 @@ import{jsx as e,jsxs as t,Fragment as r}from"react/jsx-runtime";import o,{css as
|
|
|
1745
1755
|
border: 1px solid ${({theme:e})=>e.v2.colors.silver[300]};
|
|
1746
1756
|
}
|
|
1747
1757
|
`}
|
|
1748
|
-
`,
|
|
1758
|
+
`,Af=o.input`
|
|
1749
1759
|
max-width: ${({$maxWidth:e})=>e||"unset"};
|
|
1750
1760
|
width: ${({$width:e})=>e||"unset"};
|
|
1751
1761
|
|
|
@@ -1771,12 +1781,12 @@ import{jsx as e,jsxs as t,Fragment as r}from"react/jsx-runtime";import o,{css as
|
|
|
1771
1781
|
overflow: hidden;
|
|
1772
1782
|
text-overflow: ellipsis;
|
|
1773
1783
|
white-space: nowrap;
|
|
1774
|
-
`,
|
|
1784
|
+
`,Df=o.div`
|
|
1775
1785
|
display: flex;
|
|
1776
1786
|
align-items: center;
|
|
1777
1787
|
justify-content: center;
|
|
1778
1788
|
cursor: pointer;
|
|
1779
|
-
`,
|
|
1789
|
+
`,Tf=({label:r,required:o,tooltip:n,badge:a,leftIcon:s,rightIcon:l,hasError:c,errorMessage:d,warnMessage:p,helpMessage:u,type:h=Xr.Text,name:m,value:g,onChange:f,disabled:y,maxWidth:x,width:b,small:v=!1,onClick:$,...w})=>{const S=i(),k=h===Xr.Password,[C,E]=Wt(!1),[A,D]=Wt(null),T=c||!!d||!!A,I=g?S.v2.colors.white[500]:y?S.v2.colors.grey[400]:S.v2.colors.silver[200],N=v?14:18;return t(Fn,{$width:b,$gap:6,children:[e(kf,{label:r,tooltip:n,required:o,badge:a}),t(Ef,{$small:v,$disabled:y,$error:T,onClick:y?void 0:$,children:[s?e(s,{size:N,fill:I}):null,e(Af,{"data-id":m,type:C||h===Xr.Number?Xr.Text:h,name:m,value:g,onChange:e=>{e.stopPropagation();const t=e.target.value;h===Xr.Number&&(e.target.value=gi(t),t&&t!==e.target.value?D("Please enter a valid number"):D(null)),f?.(e)},onKeyDown:e=>{["Enter"].includes(e.key)||e.stopPropagation()},disabled:y,$maxWidth:x,$width:b,$small:v,...w}),k?e(Df,{onClick:()=>E(e=>!e),children:e(C?At:Dt,{size:N,fill:I})}):l?e(l,{size:N,fill:I}):null]}),e(Cf,{errorMessage:A||d,warnMessage:p,helpMessage:u})]})};var If,Nf;!function(e){e.S="s",e.L="l"}(If||(If={})),function(e){e.Filled="filled",e.Underline="underline"}(Nf||(Nf={}));const Rf=o.div`
|
|
1780
1790
|
display: flex;
|
|
1781
1791
|
align-items: center;
|
|
1782
1792
|
gap: 2px;
|
|
@@ -1784,20 +1794,20 @@ import{jsx as e,jsxs as t,Fragment as r}from"react/jsx-runtime";import o,{css as
|
|
|
1784
1794
|
border-radius: 8px;
|
|
1785
1795
|
border: 1px solid ${({theme:e})=>e.v2.colors.grey[500]};
|
|
1786
1796
|
background-color: ${({theme:e})=>e.v2.colors.silver[700]};
|
|
1787
|
-
`,
|
|
1797
|
+
`,Of=o.button`
|
|
1788
1798
|
flex: 1;
|
|
1789
1799
|
display: flex;
|
|
1790
1800
|
align-items: center;
|
|
1791
1801
|
justify-content: center;
|
|
1792
1802
|
gap: 8px;
|
|
1793
|
-
padding: ${({$size:e})=>e===
|
|
1803
|
+
padding: ${({$size:e})=>e===If.S?"4px 8px":"8px 16px"};
|
|
1794
1804
|
border-radius: 6px;
|
|
1795
|
-
border:
|
|
1805
|
+
border: 1px solid ${({$isSelected:e,$selectedBorderColor:t})=>e&&t?t:"transparent"};
|
|
1796
1806
|
box-shadow: ${({$isSelected:e})=>e?"0 0 11px 0 rgba(0, 0, 0, 0.32)":"none"};
|
|
1797
1807
|
|
|
1798
1808
|
${({$disabled:e,$isSelected:t,$selectedBgColor:r,theme:o})=>e?n`
|
|
1799
1809
|
cursor: not-allowed;
|
|
1800
|
-
background-color: ${t?(r||o.v2.colors.black[500])+
|
|
1810
|
+
background-color: ${t?(r||o.v2.colors.black[500])+bl["040"]:"transparent"};
|
|
1801
1811
|
`:n`
|
|
1802
1812
|
cursor: pointer;
|
|
1803
1813
|
background-color: ${t?r||o.v2.colors.black[500]:"transparent"};
|
|
@@ -1805,10 +1815,10 @@ import{jsx as e,jsxs as t,Fragment as r}from"react/jsx-runtime";import o,{css as
|
|
|
1805
1815
|
background-color: ${t?r||o.v2.colors.black[500]:o.v2.colors.silver[800]};
|
|
1806
1816
|
}
|
|
1807
1817
|
`}
|
|
1808
|
-
`,
|
|
1818
|
+
`,_f=o.div`
|
|
1809
1819
|
display: flex;
|
|
1810
1820
|
align-items: stretch;
|
|
1811
|
-
`,
|
|
1821
|
+
`,Ff=o.button`
|
|
1812
1822
|
display: flex;
|
|
1813
1823
|
height: 34px;
|
|
1814
1824
|
padding: 8px 12px 8px 16px;
|
|
@@ -1827,7 +1837,7 @@ import{jsx as e,jsxs as t,Fragment as r}from"react/jsx-runtime";import o,{css as
|
|
|
1827
1837
|
&:hover {
|
|
1828
1838
|
border-bottom-color: ${({theme:e,$isSelected:t})=>t?e.v2.colors.white[500]:e.v2.colors.grey[500]};
|
|
1829
1839
|
}
|
|
1830
|
-
`,
|
|
1840
|
+
`,Pf=({"data-id":o,size:n=If.L,variant:a=Nf.Filled,options:s=[],selected:l,setSelected:c,disabled:d})=>{const p=i(),u=a===Nf.Underline,h=u?Ff:Of;return e(u?_f:Rf,{"data-id":o,children:s.map(({value:o,label:i,icon:a,tooltip:s,selectedBgColor:m,selectedBorderColor:g,disabled:f},y)=>{const x=l===o,b=f||d,v=b?p.v2.colors.grey[400]:u||x?p.v2.colors.white[500]:p.v2.colors.grey[300],$=n===If.S?sn.XXS:sn.XS,w=x?500:400,S=t(r,{children:[a&&e(a,{fill:v}),i&&e(un,{size:$,weight:w,color:v,nowrap:!0,children:i})]});return e(h,{onClick:()=>!b&&c(o),$disabled:b,$isSelected:x,$size:n,...!u&&{$selectedBgColor:m,$selectedBorderColor:g},children:s?e(zc,{text:s,withIcon:!0,children:S}):S},`segment-${i||y}-${o}`)})})},Lf=o.div`
|
|
1831
1841
|
box-sizing: border-box !important;
|
|
1832
1842
|
width: ${({$width:e})=>e??"fit-content"};
|
|
1833
1843
|
padding: ${({$withSegment:e})=>e?"2px 2px 2px 12px":"6px 12px"};
|
|
@@ -1841,7 +1851,7 @@ import{jsx as e,jsxs as t,Fragment as r}from"react/jsx-runtime";import o,{css as
|
|
|
1841
1851
|
border: none;
|
|
1842
1852
|
border-radius: 6px;
|
|
1843
1853
|
background: ${({$isHovered:e,$isActive:t,$idleBackgroundColor:r,$emphasizeBackgroundColor:o,theme:n})=>{const i=r??n.v2.colors.silver[800],a=o??n.v2.colors.silver[700];return e||t?a:i}};
|
|
1844
|
-
`,
|
|
1854
|
+
`,zf=o.input`
|
|
1845
1855
|
min-width: 0;
|
|
1846
1856
|
flex: 1;
|
|
1847
1857
|
font-family: ${({theme:e})=>e.font_family.primary};
|
|
@@ -1858,7 +1868,7 @@ import{jsx as e,jsxs as t,Fragment as r}from"react/jsx-runtime";import o,{css as
|
|
|
1858
1868
|
overflow: hidden;
|
|
1859
1869
|
text-overflow: ellipsis;
|
|
1860
1870
|
white-space: nowrap;
|
|
1861
|
-
`,
|
|
1871
|
+
`,Mf=({"data-id":r,value:o,onChange:n,onFocus:a,onBlur:s,placeholder:l,width:c,segment:d,idleBackgroundColor:p,emphasizeBackgroundColor:u})=>{const h=i(),[m,g]=Wt(!1),[f,y]=Wt(!1),[x,b]=Wt(!1),v=m?h.v2.colors.white[500]:h.v2.colors.silver[200],$=!!d?.options?.length,w=Xt(()=>{if($)return d?.options.find(e=>e.value===d.selected)?.label},[$,d?.options,d?.selected]),S=Xt(()=>l||($&&w?`Search by ${w.toLowerCase()}`:"Search..."),[l,$,w]);return t(Lf,{$width:c,$withSegment:$,onMouseEnter:()=>y(!0),onMouseLeave:()=>y(!1),$isHovered:f&&!x,$isActive:m,$idleBackgroundColor:p,$emphasizeBackgroundColor:u,children:[e(Tt,{size:18,fill:v}),e(zf,{"data-id":r??"search",name:"search",type:"text",placeholder:S,value:o,onChange:e=>{e.stopPropagation(),n(e.target.value)},onFocus:()=>{g(!0),a?.()},onBlur:()=>{g(!1),s?.()},$textColor:v}),$&&e("div",{style:{flexShrink:0},onMouseEnter:()=>b(!0),onMouseLeave:()=>b(!1),children:e(Pf,{"data-id":d["data-id"],options:d.options,selected:d.selected,setSelected:d.setSelected,size:If.S})})]})};var Bf,Uf;!function(e){e.Primary="primary",e.Secondary="secondary",e.Text="text"}(Bf||(Bf={})),function(e){e.S="small",e.M="medium",e.L="large"}(Uf||(Uf={}));const jf=o.button`
|
|
1862
1872
|
display: flex;
|
|
1863
1873
|
align-items: center;
|
|
1864
1874
|
justify-content: center;
|
|
@@ -1868,14 +1878,14 @@ import{jsx as e,jsxs as t,Fragment as r}from"react/jsx-runtime";import o,{css as
|
|
|
1868
1878
|
`}
|
|
1869
1879
|
border: none;
|
|
1870
1880
|
border-radius: 6px;
|
|
1871
|
-
${({$size:e,$hasLabel:t})=>e===
|
|
1881
|
+
${({$size:e,$hasLabel:t})=>e===Uf.S?n`
|
|
1872
1882
|
height: 32px;
|
|
1873
1883
|
${t?n`
|
|
1874
1884
|
padding: 8px 16px;
|
|
1875
1885
|
`:n`
|
|
1876
1886
|
width: 32px;
|
|
1877
1887
|
`}
|
|
1878
|
-
`:e===
|
|
1888
|
+
`:e===Uf.M?n`
|
|
1879
1889
|
height: 38px;
|
|
1880
1890
|
${t?n`
|
|
1881
1891
|
padding: 8px 18px;
|
|
@@ -1900,7 +1910,7 @@ import{jsx as e,jsxs as t,Fragment as r}from"react/jsx-runtime";import o,{css as
|
|
|
1900
1910
|
${({$withShadow:e})=>e?n`
|
|
1901
1911
|
box-shadow: 0 0 11px 0 rgba(0, 0, 0, 0.32);
|
|
1902
1912
|
`:""}
|
|
1903
|
-
${({$variant:e})=>e===
|
|
1913
|
+
${({$variant:e})=>e===Bf.Primary?n`
|
|
1904
1914
|
background-color: ${({theme:e})=>e.v2.colors.purple[500]};
|
|
1905
1915
|
&:hover {
|
|
1906
1916
|
background-color: ${({theme:e})=>e.v2.colors.purple[600]};
|
|
@@ -1908,7 +1918,7 @@ import{jsx as e,jsxs as t,Fragment as r}from"react/jsx-runtime";import o,{css as
|
|
|
1908
1918
|
&:active {
|
|
1909
1919
|
background-color: ${({theme:e})=>e.v2.colors.purple[700]};
|
|
1910
1920
|
}
|
|
1911
|
-
`:e===
|
|
1921
|
+
`:e===Bf.Secondary?n`
|
|
1912
1922
|
background-color: ${({theme:e})=>e.v2.colors.silver[750]};
|
|
1913
1923
|
&:hover {
|
|
1914
1924
|
background-color: ${({theme:e})=>e.v2.colors.silver[600]};
|
|
@@ -1916,7 +1926,7 @@ import{jsx as e,jsxs as t,Fragment as r}from"react/jsx-runtime";import o,{css as
|
|
|
1916
1926
|
&:active {
|
|
1917
1927
|
background-color: ${({theme:e})=>e.v2.colors.silver[500]};
|
|
1918
1928
|
}
|
|
1919
|
-
`:e===
|
|
1929
|
+
`:e===Bf.Text?n`
|
|
1920
1930
|
background-color: transparent;
|
|
1921
1931
|
&:hover {
|
|
1922
1932
|
background-color: ${({theme:e})=>e.v2.colors.silver[800]};
|
|
@@ -1926,7 +1936,7 @@ import{jsx as e,jsxs as t,Fragment as r}from"react/jsx-runtime";import o,{css as
|
|
|
1926
1936
|
}
|
|
1927
1937
|
`:""}
|
|
1928
1938
|
}
|
|
1929
|
-
`,
|
|
1939
|
+
`,Wf=Ut(({"data-id":o,label:n,tooltip:a,hideTooltipIcon:s,leftIcon:l,rightIcon:c,variant:d=Bf.Primary,size:p=Uf.M,iconSize:u,loading:h,fullWidth:m,withShadow:g,textColor:f,disabled:y,onClick:x,...b},v)=>{const $=i(),w=u||(p===Uf.L?18:16),S=p===Uf.L?sn.S:sn.XS,k=f||(y?$.v2.colors.grey[400]:$.v2.colors.white[500]),[C,E]=Wt(!1),A=Vt(async e=>{e.stopPropagation(),E(!0),await(x?.(e)),E(!1)},[x]);return e(jf,{ref:v,"data-id":o,$variant:d,$size:p,$fullWidth:m,$withShadow:g,$hasLabel:!!n,disabled:y,onClick:h||C?void 0:A,...b,children:e(zc,{text:a,withIcon:!s,children:h||C?n?e(kg,{size:$.v2.text.size[S],textColor:k}):e(kd,{}):t(r,{children:[l&&e(l,{size:w,fill:k}),n?e(un,{size:S,weight:500,color:k,nowrap:!0,children:n}):null,c&&e(c,{size:w,fill:k})]})})})});Wf.displayName=Wf.name;const Hf=o.div`
|
|
1930
1940
|
display: flex;
|
|
1931
1941
|
align-items: center;
|
|
1932
1942
|
justify-content: center;
|
|
@@ -1935,38 +1945,38 @@ import{jsx as e,jsxs as t,Fragment as r}from"react/jsx-runtime";import o,{css as
|
|
|
1935
1945
|
padding: 8px;
|
|
1936
1946
|
border-radius: 100%;
|
|
1937
1947
|
background-color: ${({theme:e})=>e.v2.colors.silver[700]};
|
|
1938
|
-
`,
|
|
1948
|
+
`,Xf=({icon:r=xt,hideIcon:o=!1,title:n="No data",subTitle:a,button:s})=>{const l=i().v2.colors.silver[200];return t(Fn,{$gap:12,$alignItems:"center",children:[!o&&e(Hf,{children:e(r,{size:32,fill:l})}),t(Fn,{$gap:4,$alignItems:"center",children:[e(un,{size:sn.S,align:"center",children:n}),a&&e(un,{size:sn.XXS,align:"center",color:l,children:a})]}),s&&e(Wf,{variant:Bf.Secondary,...s})]})};var Gf;!function(e){e.S="small",e.L="large"}(Gf||(Gf={}));const Vf=o.div`
|
|
1939
1949
|
width: fit-content;
|
|
1940
1950
|
display: flex;
|
|
1941
1951
|
align-items: center;
|
|
1942
1952
|
gap: 8px;
|
|
1943
1953
|
cursor: ${({$disabled:e})=>e?"not-allowed":"pointer"};
|
|
1944
|
-
`,
|
|
1945
|
-
width: ${({$size:e})=>e===
|
|
1946
|
-
height: ${({$size:e})=>e===
|
|
1954
|
+
`,Kf=o.div`
|
|
1955
|
+
width: ${({$size:e})=>e===Gf.S?"16px":"20px"};
|
|
1956
|
+
height: ${({$size:e})=>e===Gf.S?"16px":"20px"};
|
|
1947
1957
|
display: flex;
|
|
1948
1958
|
align-items: center;
|
|
1949
1959
|
justify-content: center;
|
|
1950
1960
|
border-radius: 4px;
|
|
1951
1961
|
border: 1px solid ${({$borderColor:e})=>e};
|
|
1952
1962
|
background-color: ${({$backgroundColor:e})=>e};
|
|
1953
|
-
`,
|
|
1963
|
+
`,qf=({name:r,label:o,tooltip:n,badge:a,size:s=Gf.L,disabled:l,partiallyChecked:c,value:d,onChange:p,errorMessage:u,warnMessage:h,helpMessage:m})=>{const g=i(),[f,y]=Wt(!1),x=c||d,b=s===Gf.S?12:16,v=l?g.v2.colors.grey[400]:g.v2.colors.white[500],$=x?"transparent":l?g.v2.colors.grey[700]:f?g.v2.colors.silver[400]:g.v2.colors.silver[600],w=l?g.v2.colors.grey[600]:x?g.v2.colors.purple[500]:g.v2.colors.silver[900];return t(Fn,{$gap:4,children:[t(_n,{$justifyContent:"space-between",children:[t(Vf,{"data-id":r||"checkbox"+(o?`-${o}`:""),onClick:e=>{e.stopPropagation(),l||p(!!c||!d)},$disabled:l,onMouseEnter:()=>y(!0),onMouseLeave:()=>y(!1),children:[e(Kf,{$size:s,$borderColor:$,$backgroundColor:w,children:c?e(bt,{size:b,fill:v}):d?e(ft,{size:b,fill:v}):null}),o&&e(un,{size:s===Gf.S?sn.XXS:sn.XS,nowrap:!0,children:o})]}),e(kf,{tooltip:n,badge:a})]}),e(Cf,{errorMessage:u,warnMessage:h,helpMessage:m})]})},Jf=o.div`
|
|
1954
1964
|
display: flex;
|
|
1955
1965
|
flex-direction: ${({$direction:e})=>e===Fr.Horizontal?"row":"column"};
|
|
1956
1966
|
gap: ${({$direction:e})=>e===Fr.Horizontal?16:8}px;
|
|
1957
|
-
`,
|
|
1967
|
+
`,Yf=({direction:r=Fr.Vertical,title:o,size:n,disabled:i,withSelectAll:a,options:s,values:l,setValues:c})=>{const d=n===Gf.S?sn.XXS:sn.XS,p=Xt(()=>s.every(e=>l[e.id]),[s,l]),u=Xt(()=>s.some(e=>l[e.id])&&s.some(e=>!l[e.id]),[s,l]),h=(e,t)=>{c(r=>{const o={...r};return e?o[e]=t:s.forEach(e=>o[e.id]=t),o})};return t(Jf,{$direction:r,children:[o&&a?e(qf,{label:o,partiallyChecked:u,value:p,onChange:e=>h("",e),size:n}):o&&!a?e(un,{size:d,children:o}):null,s.map(t=>e(qf,{...t,value:l[t.id],onChange:e=>h(t.id,e),disabled:i,size:n},`${o}-checkbox-${t.id}`))]})};var Qf,Zf;!function(e){e.Left="left",e.Right="right"}(Qf||(Qf={})),function(e){e.Top="top",e.Bottom="bottom"}(Zf||(Zf={}));const ey=o.div`
|
|
1958
1968
|
position: relative;
|
|
1959
1969
|
display: flex;
|
|
1960
1970
|
flex-direction: column;
|
|
1961
1971
|
gap: 4px;
|
|
1962
|
-
`,
|
|
1972
|
+
`,ty=o.div`
|
|
1963
1973
|
position: fixed;
|
|
1964
1974
|
${({$coords:e})=>null!=e.top?`top: ${e.top}px;`:""}
|
|
1965
1975
|
${({$coords:e})=>null!=e.bottom?`bottom: ${e.bottom}px;`:""}
|
|
1966
1976
|
${({$coords:e})=>null!=e.left?`left: ${e.left}px;`:""}
|
|
1967
1977
|
${({$coords:e})=>null!=e.right?`right: ${e.right}px;`:""}
|
|
1968
1978
|
${({$coords:e})=>null!=e.width?`width: ${e.width-16}px;`:""}
|
|
1969
|
-
z-index:
|
|
1979
|
+
z-index: ${({theme:e})=>e.v2.zIndex.dropdown};
|
|
1970
1980
|
|
|
1971
1981
|
display: flex;
|
|
1972
1982
|
flex-direction: column;
|
|
@@ -1977,7 +1987,7 @@ import{jsx as e,jsxs as t,Fragment as r}from"react/jsx-runtime";import o,{css as
|
|
|
1977
1987
|
border-radius: 6px;
|
|
1978
1988
|
background-color: ${({theme:e})=>e.v2.colors.silver[900]};
|
|
1979
1989
|
box-shadow: 0 0 24px 0 rgba(0, 0, 0, 0.3);
|
|
1980
|
-
`,
|
|
1990
|
+
`,ry=o.div`
|
|
1981
1991
|
display: flex;
|
|
1982
1992
|
flex-direction: column;
|
|
1983
1993
|
gap: 0;
|
|
@@ -1985,7 +1995,7 @@ import{jsx as e,jsxs as t,Fragment as r}from"react/jsx-runtime";import o,{css as
|
|
|
1985
1995
|
width: 100%;
|
|
1986
1996
|
max-height: ${({$maxHeight:e})=>e||"230px"};
|
|
1987
1997
|
overflow-y: auto;
|
|
1988
|
-
`,
|
|
1998
|
+
`,oy=o.div`
|
|
1989
1999
|
display: flex;
|
|
1990
2000
|
align-items: center;
|
|
1991
2001
|
gap: 8px;
|
|
@@ -2001,7 +2011,7 @@ import{jsx as e,jsxs as t,Fragment as r}from"react/jsx-runtime";import o,{css as
|
|
|
2001
2011
|
background-color: ${({theme:e})=>e.v2.colors.grey[700]};
|
|
2002
2012
|
}
|
|
2003
2013
|
`}
|
|
2004
|
-
`,
|
|
2014
|
+
`,ny=({defaultOpen:r,open:o,onOpenChange:n,alignX:a,alignY:s,items:l,selectedIds:c,setSelectedIds:d,label:p,withMultiSelect:u,withSearch:h,fullWidth:m,maxHeight:g,buttonProps:f,iconButtonProps:y,isLoading:x,emptyMessage:b,children:v})=>{const $=i(),w=void 0!==o,S=!!f||!!y||!!v,[k,C]=Wt(r??!S),E=w?o:k,A=Vt(e=>{w||C(e),n?.(e)},[w,n]),[D,T]=Wt({x:a||Qf.Left,y:s||Zf.Bottom}),I=Gt(null),N=Gt(null),[R,O]=Wt({}),_=Vt((e,t)=>{const r=I.current?.getBoundingClientRect();if(!r)return;const o=S?8:0;O({top:t===Zf.Bottom?S?r.bottom+o:r.top:void 0,bottom:t===Zf.Top?S?window.innerHeight-r.top+o:window.innerHeight-r.bottom:void 0,left:e===Qf.Left?r.left:void 0,right:e===Qf.Right?window.innerWidth-r.right:void 0,width:m?r.width:void 0})},[S,m]),F=e=>{const t=!E;if(A(t),!t)return;const r={x:a||(e.clientX>window.innerWidth/2?Qf.Right:Qf.Left),y:s||(e.clientY>window.innerHeight/2?Zf.Top:Zf.Bottom)};T(r),_(r.x,r.y)};Yt(()=>{E&&_(D.x,D.y)},[E,D.x,D.y,_]),Ht(()=>{if(!E)return;const e=e=>{const t=e.target;I.current?.contains(t)||N.current?.contains(t)||A(!1)};return document.addEventListener("mousedown",e),document.addEventListener("touchstart",e),()=>{document.removeEventListener("mousedown",e),document.removeEventListener("touchstart",e)}},[E,A]),Ht(()=>{if(!E)return;const e=()=>A(!1),t=()=>A(!1);return document.addEventListener("scroll",e,!0),window.addEventListener("resize",t),()=>{document.removeEventListener("scroll",e,!0),window.removeEventListener("resize",t)}},[E,A]);const P=e=>{d(u?c.includes(e)?c.filter(t=>t!==e):[...c,e]:[e]),S&&!u&&A(!1)},[L,z]=Wt(""),M=Xt(()=>L?l.filter(e=>e?.label?.toLowerCase().includes(L.toLowerCase())):l,[l.length,L]);return t(ey,{ref:I,children:[p&&e(kf,{label:p}),f&&e(Wf,{...f,fullWidth:m,rightIcon:E?_t:Ft,onClick:F}),y&&e(jl,{...y,onClick:F}),"function"==typeof v?v({ChevronIcon:E?_t:Ft,handleClick:F}):v,E&&pr(t(ty,{ref:N,$coords:R,"data-ignore-outside-click":"true",children:[h&&e(Mf,{value:L,onChange:z,width:"100%"}),x?e(Gn,{withSpinner:!0,title:"Loading...",titleSize:sn.XS}):M.length?e(ry,{$maxHeight:g,children:M.map(r=>{if(!r)return null;const{id:o,label:n,icon:i,withCheckbox:a}=r,s=c.includes(o);return t(oy,{"data-id":`option-${o}`,$selected:s&&!a,onClick:()=>P(o),children:[a&&e(qf,{value:s,onChange:()=>P(o)}),i&&e(i,{size:14,fill:r.color||$.v2.colors.white[500]}),e(un,{size:sn.XS,nowrap:!0,color:r.color||ln.Primary,children:n})]},o)})}):e(On,{$padding:"6px 0",children:e(Xf,{hideIcon:!0,title:"No results",subTitle:b})}),u&&!!M.length&&e(Wf,{label:"Done",onClick:()=>A(!1)})]}),document.body)]})},iy=t=>{const{"data-id":r,options:o,placeholder:n="Search...",isLoading:i}=t,a=!0===t.multiple,[s,l]=Wt(""),[c,d]=Wt(!1),p=Xt(()=>a?t.value:t.value?[t.value]:[],[a,t.value]),u=Xt(()=>{if(a){const e=p.length;return e?1===e?o.find(e=>e.id===p[0])?.label??"":`${e} selected`:""}return t.value?o.find(e=>e.id===t.value)?.label??"":""},[a,t,o,p]),h=c?s:u,m=Xt(()=>{const e=a?o.map(e=>({...e,withCheckbox:!0})):o;if(!s)return e;const t=s.toLowerCase();return e.filter(e=>e.label.toLowerCase().includes(t))},[a,o,s]),g=Vt(()=>{l(""),d(!0)},[]),f=Vt(e=>{l(e.target.value),c||d(!0),a||e.target.value||!t.value||t.onSelect(null)},[c,a,t]),y=Vt(e=>{d(e),e||l("")},[]),x=Vt(e=>{if(a)return void t.onSelect(e);const r=o.find(t=>t.id===e[0]);r&&(t.onSelect(r),l(""),d(!1))},[a,t,o]),b=c&&(i||m.length>0||s.length>0);return e(ny,{open:b,onOpenChange:y,items:m,selectedIds:p,setSelectedIds:x,withMultiSelect:a,isLoading:i,emptyMessage:`No results matched the filter '${s}'`,fullWidth:!0,alignY:Zf.Bottom,children:e(Tf,{name:r,leftIcon:Tt,placeholder:n,value:h,onChange:f,onFocus:g})})},ay=o.button`
|
|
2005
2015
|
width: 100%;
|
|
2006
2016
|
padding: 0;
|
|
2007
2017
|
padding-right: 12px;
|
|
@@ -2022,7 +2032,7 @@ import{jsx as e,jsxs as t,Fragment as r}from"react/jsx-runtime";import o,{css as
|
|
|
2022
2032
|
cursor: not-allowed;
|
|
2023
2033
|
opacity: 0.5;
|
|
2024
2034
|
}
|
|
2025
|
-
`,
|
|
2035
|
+
`,sy=o.div`
|
|
2026
2036
|
width: ${({$hasIcon:e})=>e?"56px":"0"};
|
|
2027
2037
|
height: 56px;
|
|
2028
2038
|
display: flex;
|
|
@@ -2033,20 +2043,20 @@ import{jsx as e,jsxs as t,Fragment as r}from"react/jsx-runtime";import o,{css as
|
|
|
2033
2043
|
`:n`
|
|
2034
2044
|
background-color: ${({theme:e})=>e.v2.colors.silver[700]};
|
|
2035
2045
|
`}
|
|
2036
|
-
`,
|
|
2046
|
+
`,ly=o.div`
|
|
2037
2047
|
width: ${({$hasIcon:e})=>e?"calc(100% - 56px)":"100%"};
|
|
2038
2048
|
display: flex;
|
|
2039
2049
|
justify-content: space-between;
|
|
2040
2050
|
align-items: center;
|
|
2041
2051
|
gap: 8px;
|
|
2042
|
-
`,
|
|
2052
|
+
`,cy=({label:r,icon:o,loading:n,disabled:i,onClick:a})=>{const[s,l]=Wt(!1);return t(ay,{$hovered:s,type:"button",disabled:i||n,onClick:a,onMouseEnter:()=>l(!0),onMouseLeave:()=>l(!1),children:[e(sy,{$hovered:s,$hasIcon:!!o,children:o&&e(o,{size:36})}),t(ly,{$hasIcon:!!o,children:[n?e(kg,{size:16}):e(un,{variant:an.Span,align:"center",children:r}),e(Pt,{rotate:90,size:24})]})]})},dy=({buttons:t})=>e(Fn,{$gap:12,children:t.map(t=>e(cy,{...t},t.label))});var py;!function(e){e.Button="button",e.ButtonDropData="button-drop-data"}(py||(py={}));const uy=({onAnyClick:t,actions:r})=>e(_n,{$gap:8,$alignItems:"center",children:r?.map(r=>{if(!r)return null;switch(r.type){case py.Button:return e(Wf,{...r.buttonProps,onClick:e=>{r.buttonProps?.onClick?.(e),t?.()}},r.id);case py.ButtonDropData:return e(ny,{...r.dropDataProps,items:r.dropDataProps?.items??[],withMultiSelect:!1,selectedIds:[],setSelectedIds:e=>{r.buttonProps?.onClick?.(e[0]),t?.()},buttonProps:r.buttonProps},r.id);default:return null}})}),hy=({children:t,fullText:r,...o})=>{const n=Gt(null),[i,a]=Wt(!1);Yt(()=>{const e=n.current;if(!e)return;const t=()=>{a(e.scrollWidth>e.clientWidth+1)};t();const r=new ResizeObserver(t);return r.observe(e),()=>r.disconnect()},[t]),Ht(()=>{if("undefined"==typeof document||!document.fonts?.ready)return;let e=!1;return document.fonts.ready.then(()=>{const t=n.current;!e&&t&&a(t.scrollWidth>t.clientWidth+1)}),()=>{e=!0}},[t]);const s=i?r??(null==t?"":String(t)):"";return e(zc,{text:s,fullWidth:!0,ellipsis:!0,keepAlive:!0,children:e(un,{ref:n,...o,children:t})})},my=o.div`
|
|
2043
2053
|
display: flex;
|
|
2044
2054
|
align-items: center;
|
|
2045
2055
|
justify-content: center;
|
|
2046
2056
|
padding: 8px;
|
|
2047
2057
|
border-radius: 8px;
|
|
2048
2058
|
background-color: ${({theme:e})=>e.v2.colors.silver[900]};
|
|
2049
|
-
`,
|
|
2059
|
+
`,gy=({icon:r,title:o,subTitle:n,withCopy:i,badge:a,gap:s,children:l})=>{const{CopyButton:c}=Wl();return t(_n,{$gap:n?8:6,$alignItems:"center",children:[r&&(n?e(my,{children:e(r,{size:24})}):e(r,{size:24})),o||a||n?t(Fn,{children:[o||a?t(_n,{$gap:6,$alignItems:"center",children:[o&&e(un,{nowrap:!0,children:o}),i&&o&&e(c,{value:o,size:Bl.XS}),a&&e($f,{...a})]}):null,n&&e(un,{size:sn.XXS,color:ln.Secondary,nowrap:!0,children:n})]}):null,e(_n,{$gap:s,$margin:`0 0 0 ${s??0}px`,$alignItems:"center",children:l})]})},fy=o.div`
|
|
2050
2060
|
display: flex;
|
|
2051
2061
|
flex-direction: column;
|
|
2052
2062
|
gap: ${({$moreSpacing:e})=>e?"16px":"12px"};
|
|
@@ -2055,19 +2065,19 @@ import{jsx as e,jsxs as t,Fragment as r}from"react/jsx-runtime";import o,{css as
|
|
|
2055
2065
|
padding: ${({$moreSpacing:e})=>e?"16px":"12px"};
|
|
2056
2066
|
border-radius: ${({$moreSpacing:e})=>e?"16px":"12px"};
|
|
2057
2067
|
background-color: ${({theme:e,$bgTint:t})=>e.v2.colors.silver[t]};
|
|
2058
|
-
`,
|
|
2068
|
+
`,yy=o.div`
|
|
2059
2069
|
display: flex;
|
|
2060
2070
|
align-items: center;
|
|
2061
2071
|
flex-wrap: wrap;
|
|
2062
2072
|
width: 100%;
|
|
2063
|
-
`,
|
|
2073
|
+
`,xy=o.div`
|
|
2064
2074
|
width: calc(${({$cellsPerRow:e})=>100/e+"%"} - 16px);
|
|
2065
2075
|
margin: 8px;
|
|
2066
2076
|
display: flex;
|
|
2067
2077
|
flex-direction: column;
|
|
2068
2078
|
gap: 4px;
|
|
2069
2079
|
min-width: 0;
|
|
2070
|
-
`,
|
|
2080
|
+
`,by=({item:r,cellsPerRow:o})=>{const{CopyButton:n}=Wl(),{title:i,label:a,withCopy:s,badge:l}=r;return t(xy,{$cellsPerRow:o,children:[!!i&&e(hy,{size:sn.XXXS,color:ln.Secondary,nowrap:!0,children:i}),t(_n,{$gap:4,children:[l&&e($f,{...l}),a&&e(hy,{size:sn.XS,nowrap:!0,children:a}),s&&e(n,{value:a||l?.label?.toString()||"",size:Bl.XS})]})]})},vy=({bgTint:r="900",fullHeight:o=!1,moreSpacing:n=!1,richTitle:i,withCollapse:a,collapseIsDefaultOpen:s,actions:l=[],cellsPerRow:c,items:d,children:p})=>{const[u,h]=Wt(s||!1),m=!a||a&&u;return t(fy,{$bgTint:r,$fullHeight:o,$moreSpacing:n,children:[(i||a)&&t(_n,{$gap:16,$justifyContent:"space-between",children:[i?e(gy,{...i}):e("div",{}),t(_n,{children:[m&&e(uy,{actions:l}),a&&e(_n,{$gap:8,$alignItems:"center",children:e(Wf,{variant:Bf.Text,size:Uf.S,leftIcon:u?_t:Ft,onClick:()=>h(e=>!e)})})]})]}),m&&d?e(yy,{children:d.map(t=>e(by,{item:t,cellsPerRow:c&&c<d.length?c:d.length},t.id))}):null,m&&p]})};var $y;!function(e){e.S="small",e.M="medium"}($y||($y={}));const wy=o.div`
|
|
2071
2081
|
display: flex;
|
|
2072
2082
|
flex-direction: column;
|
|
2073
2083
|
gap: ${({$gap:e})=>e}px;
|
|
@@ -2076,7 +2086,7 @@ import{jsx as e,jsxs as t,Fragment as r}from"react/jsx-runtime";import o,{css as
|
|
|
2076
2086
|
padding: ${({$padding:e})=>e}px;
|
|
2077
2087
|
border-radius: 16px;
|
|
2078
2088
|
background-color: ${({theme:e})=>e.v2.colors.silver[1e3]};
|
|
2079
|
-
`,
|
|
2089
|
+
`,Sy=Ut(({id:r,size:o=$y.M,fullHeight:n=!1,richTitle:i,customTitle:a,search:s,customSearch:l,filters:c,actions:d,children:p},u)=>{const h=o===$y.S?4:16,m=o===$y.S?12:16,g=a??(i?e(gy,{...i}):null),f=l??(s?e(Mf,{...s}):null),y=!!g||!!f,x=!!d&&d.length>0;return t(wy,{ref:u,id:r,"data-section-name":r,$padding:m,$gap:h,$fullHeight:n,children:[y||x?t(_n,{$gap:h,$justifyContent:"space-between",children:[y?t(_n,{$gap:h,$alignItems:"center",children:[g,f,c]}):null,x&&e(uy,{actions:d??[]})]}):null,p]})});Sy.displayName="SectionCard";const ky=o.div`
|
|
2080
2090
|
flex: 1;
|
|
2081
2091
|
align-self: stretch;
|
|
2082
2092
|
display: flex;
|
|
@@ -2085,7 +2095,7 @@ import{jsx as e,jsxs as t,Fragment as r}from"react/jsx-runtime";import o,{css as
|
|
|
2085
2095
|
padding: 16px;
|
|
2086
2096
|
border-radius: 12px;
|
|
2087
2097
|
background-color: ${({theme:e,$status:t})=>on(e,t,t===qr.Unknown?"750":"500")};
|
|
2088
|
-
`,
|
|
2098
|
+
`,Cy=o.div`
|
|
2089
2099
|
display: flex;
|
|
2090
2100
|
align-items: center;
|
|
2091
2101
|
justify-content: center;
|
|
@@ -2093,8 +2103,8 @@ import{jsx as e,jsxs as t,Fragment as r}from"react/jsx-runtime";import o,{css as
|
|
|
2093
2103
|
height: fit-content;
|
|
2094
2104
|
padding: 8px;
|
|
2095
2105
|
border-radius: 12px;
|
|
2096
|
-
background-color: ${({theme:e,$status:t})=>t===qr.Unknown?on(e,t,"800"):on(e,t,"900")+
|
|
2097
|
-
`,
|
|
2106
|
+
background-color: ${({theme:e,$status:t})=>t===qr.Unknown?on(e,t,"800"):on(e,t,"900")+bl["015"]};
|
|
2107
|
+
`,Ey=({status:r,icon:o,title:n,description:a})=>{const s=i(),l=o??Vn(r,s),c=[Gr.Default,Gr.Info,qr.Disabled,qr.Unknown].includes(r)?s.v2.colors.white[500]:s.v2.colors.black[500];return t(ky,{$status:r,children:[e(Cy,{$status:r,children:e(l,{size:32,fill:c})}),t(Fn,{$gap:2,$justifyContent:"center",children:[e(un,{size:sn.M,weight:500,color:c,nowrap:!0,children:n}),e(un,{size:sn.XXS,weight:300,color:c,nowrap:!0,children:a})]})]})},Ay=o.div`
|
|
2098
2108
|
flex: 0.5;
|
|
2099
2109
|
display: flex;
|
|
2100
2110
|
flex-direction: column;
|
|
@@ -2102,25 +2112,25 @@ import{jsx as e,jsxs as t,Fragment as r}from"react/jsx-runtime";import o,{css as
|
|
|
2102
2112
|
padding: 12px;
|
|
2103
2113
|
border-radius: 12px;
|
|
2104
2114
|
background-color: ${({theme:e})=>e.v2.colors.silver[800]};
|
|
2105
|
-
`,
|
|
2115
|
+
`,Dy=["-","N/A","undefined","null","undefined/undefined","null/null"],Ty=({title:r,cells:o})=>{const n=i();return t(Ay,{children:[e(un,{size:sn.XXS,color:n.v2.colors.grey[150],children:r}),e(_n,{$gap:32,children:o.map(o=>t(Fn,{$gap:2,children:[!o.isLoading||o.value&&!Dy.includes(o.value)?e(un,{size:o.label?sn.M:sn.L,children:o.value}):e(kd,{scale:.9}),o.label&&e(un,{size:sn.XXS,children:o.label})]},`${r}-${o.label}-${o.value}`))})]})};var Iy;!function(e){e.CurrentOfMax="currentOfMax",e.GoodAgainstBad="goodAgainstBad"}(Iy||(Iy={}));const Ny=o.div`
|
|
2106
2116
|
display: flex;
|
|
2107
2117
|
align-items: flex-end;
|
|
2108
2118
|
justify-content: space-between;
|
|
2109
2119
|
gap: 24px;
|
|
2110
2120
|
width: fit-content;
|
|
2111
|
-
`,
|
|
2121
|
+
`,Ry=o.div`
|
|
2112
2122
|
position: relative;
|
|
2113
2123
|
display: flex;
|
|
2114
2124
|
flex-direction: column;
|
|
2115
2125
|
align-items: center;
|
|
2116
2126
|
width: ${({$width:e})=>e??150}px;
|
|
2117
2127
|
flex-shrink: 0;
|
|
2118
|
-
`,
|
|
2128
|
+
`,Oy=o.svg`
|
|
2119
2129
|
display: block;
|
|
2120
2130
|
width: 100%;
|
|
2121
2131
|
height: auto;
|
|
2122
2132
|
overflow: visible;
|
|
2123
|
-
`,
|
|
2133
|
+
`,_y=o(Fn)`
|
|
2124
2134
|
position: absolute;
|
|
2125
2135
|
left: 0;
|
|
2126
2136
|
right: 0;
|
|
@@ -2128,14 +2138,14 @@ import{jsx as e,jsxs as t,Fragment as r}from"react/jsx-runtime";import o,{css as
|
|
|
2128
2138
|
align-items: center;
|
|
2129
2139
|
gap: 2px;
|
|
2130
2140
|
pointer-events: none;
|
|
2131
|
-
`,
|
|
2141
|
+
`,Fy=o.span`
|
|
2132
2142
|
display: inline-block;
|
|
2133
2143
|
flex-shrink: 0;
|
|
2134
2144
|
width: 9px;
|
|
2135
2145
|
height: 9px;
|
|
2136
2146
|
border-radius: 50%;
|
|
2137
2147
|
background-color: ${({$color:e})=>e};
|
|
2138
|
-
`,
|
|
2148
|
+
`,Py=e=>{if(null==e||""===e)return{number:0,prefix:"",suffix:""};if("number"==typeof e)return{number:e,prefix:"",suffix:""};const t=e.match(/^(\D*)(-?\d*\.?\d+)(.*)$/);return t?{number:parseFloat(t[2]),prefix:t[1]??"",suffix:(t[3]??"").trim()}:{number:0,prefix:"",suffix:""}},Ly=10,zy=(e,t,r,o)=>{const n=o*Math.PI/180;return{x:e+r*Math.cos(n),y:t-r*Math.sin(n)}},My=(e,t,r,o,n)=>{const i=zy(e,t,r,o),a=zy(e,t,r,n),s=o>n?1:0,l=Math.abs(o-n)>180?1:0;return`M ${i.x} ${i.y} A ${r} ${r} 0 ${l} ${s} ${a.x} ${a.y}`},By=({variant:r=Iy.CurrentOfMax,gaugeWidth:o,title:n,min:a=0,max:s,current:l,primaryLabel:c,primaryColor:d,secondaryLabel:p,secondaryColor:u})=>{const{number:h}=Py(a),{number:m}=Py(s),{number:g,prefix:f,suffix:y}=Py(l),x=i(),b=((e,t,r)=>Math.min(Math.max(e,t),r))((g-h)/Math.max(m-h,1),0,1),v=180-180*b,$=b>0?My(60,60,55,180,v):null,w=b<1?My(60,60,55,v,0):null,S=zy(60,60,55,180),k=zy(60,60,55,0),C=d??(r===Iy.GoodAgainstBad?x.v2.colors.green[500]:x.v2.colors.purple[400]),E=u??(r===Iy.GoodAgainstBad?x.v2.colors.red[500]:x.v2.colors.silver[500]),[A,D]=Wt(null),T=e=>`${f}${e}${y}`,I=r===Iy.GoodAgainstBad?Math.max(m-g,0):m,N="primary"===A?c:"secondary"===A?p:"",R="primary"===A?T(g):"secondary"===A?T(I):"",O=()=>D("primary"),_=()=>D("secondary"),F=()=>D(null);return t(Ny,{children:[t(Ry,{$width:o,children:[e(zc,{keepAlive:!0,fullWidth:!0,title:N,text:R,children:t(Oy,{viewBox:"0 0 120 65",role:"img","aria-label":`${n}: ${g} of ${m}`,children:[$&&e("path",{d:$,fill:"none",stroke:C,strokeWidth:Ly,strokeLinecap:1===b?"round":"butt",onMouseEnter:O,onMouseLeave:F}),w&&e("path",{d:w,fill:"none",stroke:E,strokeWidth:Ly,strokeLinecap:0===b?"round":"butt",onMouseEnter:_,onMouseLeave:F}),b>0&&e("circle",{cx:S.x,cy:S.y,r:5,fill:C,onMouseEnter:O,onMouseLeave:F}),b<1&&e("circle",{cx:k.x,cy:k.y,r:5,fill:E,onMouseEnter:_,onMouseLeave:F})]})}),n&&t(_y,{children:[e(un,{size:sn.XXXS,color:x.v2.colors.grey[150],align:"center",children:n}),e(un,{size:sn.L,weight:500,align:"center",children:`${f}${g}${y}`})]})]}),t(Fn,{$gap:7,children:[t(_n,{$gap:8,$alignItems:"center",children:[e(Fy,{$color:C}),e(un,{size:sn.XXXS,color:x.v2.colors.grey[150],nowrap:!0,children:c})]}),t(_n,{$gap:8,$alignItems:"center",children:[e(Fy,{$color:E}),e(un,{size:sn.XXXS,color:x.v2.colors.grey[150],nowrap:!0,children:p})]})]})]})},Uy=o(_n)`
|
|
2139
2149
|
width: calc(100% - 20px);
|
|
2140
2150
|
padding: 10px;
|
|
2141
2151
|
border-radius: 6px;
|
|
@@ -2144,24 +2154,24 @@ import{jsx as e,jsxs as t,Fragment as r}from"react/jsx-runtime";import o,{css as
|
|
|
2144
2154
|
align-items: center;
|
|
2145
2155
|
justify-content: space-between;
|
|
2146
2156
|
gap: 12px;
|
|
2147
|
-
`,
|
|
2157
|
+
`,jy=o.div`
|
|
2148
2158
|
position: relative;
|
|
2149
2159
|
width: ${({$hideCopy:e})=>e?"100%":"calc(100% - 24px - 12px)"};
|
|
2150
2160
|
display: flex;
|
|
2151
2161
|
align-items: center;
|
|
2152
2162
|
gap: 4px;
|
|
2153
|
-
`,
|
|
2163
|
+
`,Wy=o.pre`
|
|
2154
2164
|
flex: 1;
|
|
2155
2165
|
margin: 0;
|
|
2156
2166
|
padding: 0;
|
|
2157
2167
|
font-size: 14px;
|
|
2158
2168
|
color: #5ffb98; // TODO: add to theme
|
|
2159
2169
|
overflow-x: auto;
|
|
2160
|
-
`,
|
|
2170
|
+
`,Hy=o.span`
|
|
2161
2171
|
flex-shrink: 0;
|
|
2162
2172
|
font-size: 14px;
|
|
2163
2173
|
color: #5ffb98; // TODO: add to theme
|
|
2164
|
-
`,
|
|
2174
|
+
`,Xy=({value:r,hideCopy:o=!1,onDone:n})=>{const{CopyButton:i}=Wl({onDone:n}),a=Gt(null),[s,l]=Wt(!1);return Ht(()=>{const e=()=>{if(a.current){const{scrollWidth:e,clientWidth:t}=a.current;l(e>t)}};e();const t=new ResizeObserver(e);return a.current&&t.observe(a.current),()=>{t.disconnect()}},[r]),t(Uy,{children:[t(jy,{$hideCopy:o,children:[e(Wy,{ref:a,children:r}),s&&e(Hy,{children:"..."})]}),!o&&e(i,{value:r,size:Bl.XS})]})},Gy=o.div`
|
|
2165
2175
|
display: flex;
|
|
2166
2176
|
align-items: center;
|
|
2167
2177
|
gap: 8px;
|
|
@@ -2176,7 +2186,7 @@ import{jsx as e,jsxs as t,Fragment as r}from"react/jsx-runtime";import o,{css as
|
|
|
2176
2186
|
background-color: ${t};
|
|
2177
2187
|
}
|
|
2178
2188
|
`}
|
|
2179
|
-
`,
|
|
2189
|
+
`,Vy=o.div`
|
|
2180
2190
|
display: flex;
|
|
2181
2191
|
align-items: center;
|
|
2182
2192
|
justify-content: center;
|
|
@@ -2185,44 +2195,44 @@ import{jsx as e,jsxs as t,Fragment as r}from"react/jsx-runtime";import o,{css as
|
|
|
2185
2195
|
height: 42px;
|
|
2186
2196
|
border-radius: 11px;
|
|
2187
2197
|
background-color: ${({$backgroundColor:e})=>e};
|
|
2188
|
-
`,
|
|
2198
|
+
`,Ky=o(Fn)`
|
|
2189
2199
|
flex: 1;
|
|
2190
2200
|
min-width: 0;
|
|
2191
|
-
`,
|
|
2201
|
+
`,qy=o.div`
|
|
2192
2202
|
display: flex;
|
|
2193
2203
|
align-items: center;
|
|
2194
2204
|
justify-content: center;
|
|
2195
2205
|
flex-shrink: 0;
|
|
2196
2206
|
width: 24px;
|
|
2197
2207
|
height: 24px;
|
|
2198
|
-
`,
|
|
2208
|
+
`,Jy=({status:r,title:o,subTitle:n,badgeLabel:a,loading:s,isExtended:l=!1,toggleExtended:c,invertColors:d=!1})=>{const p=i(),u=Vn(r,p),h=c?l?_t:Ft:void 0,m=r===qr.Unknown,g=r===qr.Disabled,f=[Gr.Error,Gr.Warning,Gr.Success].includes(r),y=on(p,r,g?d?"400":"700":m?"600":d?"300":"500"),x=g?p.v2.colors.grey[400]:d?p.v2.colors.white[500]:f?p.v2.colors.black[500]:p.v2.colors.white[500],b=d&&!m?y:x,v=d&&!m?g?p.v2.colors.grey[700]:l?p.v2.colors.silver[500]:p.v2.colors.silver[600]:"rgba(21, 22, 24, 0.1)",$=d||m?l?p.v2.colors.silver[700]:p.v2.colors.silver[800]:g?l?p.v2.colors.grey[800]:p.v2.colors.grey[900]:on(p,r,l?"400":"500"),w=d||m?l?p.v2.colors.silver[600]:p.v2.colors.silver[700]:g?l?p.v2.colors.grey[700]:p.v2.colors.grey[800]:on(p,r,l?"700":"800");return t(Gy,{$withHover:!!c,$isExtended:l,$backgroundColor:$,$hoverBackgroundColor:w,onClick:c,children:[e(Vy,{$backgroundColor:v,children:s?e(kd,{scale:1.2}):e(u,{size:32,fill:b})}),t(Ky,{$gap:4,$justifyContent:"center",children:[t(_n,{$gap:10,$alignItems:"center",children:[e(un,{size:sn.S,weight:500,color:x,children:o}),a&&e($f,{label:a,backgroundColor:p.v2.colors.silver[600],textColor:p.v2.colors.white[500],textSize:sn.XXXS})]}),n&&e(un,{size:sn.XXXS,color:x,children:n})]}),h&&e(qy,{children:e(h,{size:24,fill:x})})]})},Yy=o.div`
|
|
2199
2209
|
display: flex;
|
|
2200
2210
|
flex-direction: column;
|
|
2201
2211
|
width: 100%;
|
|
2202
2212
|
border-radius: 12px;
|
|
2203
2213
|
overflow: hidden;
|
|
2204
|
-
`,
|
|
2214
|
+
`,Qy=o.div`
|
|
2205
2215
|
display: flex;
|
|
2206
2216
|
flex-direction: column;
|
|
2207
2217
|
gap: 8px;
|
|
2208
2218
|
padding: 8px 12px 16px 12px;
|
|
2209
2219
|
background-color: ${({theme:e})=>e.v2.colors.silver[900]};
|
|
2210
|
-
`,
|
|
2220
|
+
`,Zy=o.div`
|
|
2211
2221
|
display: flex;
|
|
2212
2222
|
align-items: center;
|
|
2213
2223
|
gap: 8px;
|
|
2214
|
-
`,
|
|
2224
|
+
`,ex=o.div`
|
|
2215
2225
|
display: flex;
|
|
2216
2226
|
align-items: center;
|
|
2217
2227
|
justify-content: center;
|
|
2218
2228
|
flex-shrink: 0;
|
|
2219
2229
|
width: 18px;
|
|
2220
2230
|
height: 18px;
|
|
2221
|
-
`,
|
|
2231
|
+
`,tx=({conditions:r,title:o,subTitle:n})=>{const a=i(),[s,l]=Wt(!1),c=Vt(()=>l(e=>!e),[]),d=Xt(()=>pi(r),[r]),{errors:p,hasErrors:u,warnings:h,hasWarnings:m,hasDisableds:g,hasLoadings:f}=Xt(()=>Fo(d),[d]);Ht(()=>{l(u||m||g)},[u,m,g]);const y=Xt(()=>(!d.length||f)&&!u&&!m&&!g,[d.length,f,u,m,g]),x=Xt(()=>u?Gr.Error:m?Gr.Warning:g?Gr.Info:Gr.Success,[u,m,g]),b=Xt(()=>o||(1===d.length?di(d[0].reason||d[0].type):void 0)||(({hasErrors:e,hasWarnings:t,hasDisableds:r,loading:o})=>{const n="Something isn't right";return e?"Something Failed":t||r?n:o?"Loading...":"Everything Successful"})({hasErrors:u,hasWarnings:m,hasDisableds:g,loading:y}),[o,d,u,m,g,y]),v=Xt(()=>n||1===d.length&&d[0].message||void 0,[n,d]),$=Xt(()=>`${u?p.length:m?h.length:d.length}/${d.length}`,[u,p.length,m,h.length,d.length]);return t(Yy,{children:[e(Jy,{status:x,invertColors:!0,title:b,subTitle:v,badgeLabel:$,loading:y,isExtended:s,toggleExtended:c}),s&&e(Qy,{children:d.map(({status:r,type:o,reason:n,message:i},s)=>{const l=r===Kr.Loading,c=r===Kr.Disabled?Gr.Info:r,d=l?null:Vn(c,a),p=r===Gr.Error?on(a,Gr.Error,"500"):r===Gr.Warning?on(a,Gr.Warning,"500"):a.v2.colors.white[500],u=[o,i||n].filter(Boolean).join(" - ");return t(Zy,{children:[e(ex,{children:l||!d?e(Gn,{withSpinnerOld:!0}):e(d,{size:18})}),e(un,{size:sn.XXXS,color:p,lineHeight:"16px",children:u})]},`condition-${s}`)})})]})};var rx,ox,nx;!function(e){e.Default="default",e.SuccessError="successError"}(rx||(rx={})),function(e){e.S="small",e.L="large"}(ox||(ox={})),function(e){e.Left="left",e.Right="right"}(nx||(nx={}));const ix=o.div`
|
|
2222
2232
|
display: flex;
|
|
2223
2233
|
align-items: center;
|
|
2224
2234
|
gap: ${({$gap:e})=>e}px;
|
|
2225
|
-
`,
|
|
2235
|
+
`,ax=o.div`
|
|
2226
2236
|
position: relative;
|
|
2227
2237
|
display: flex;
|
|
2228
2238
|
align-items: center;
|
|
@@ -2232,11 +2242,11 @@ import{jsx as e,jsxs as t,Fragment as r}from"react/jsx-runtime";import o,{css as
|
|
|
2232
2242
|
height: ${({$size:e})=>e}px;
|
|
2233
2243
|
padding: ${4}px;
|
|
2234
2244
|
border-radius: ${({$size:e})=>2*e}px;
|
|
2235
|
-
background-color: ${({$disabled:e,$onBgColor:t,$offBgColor:r,$variant:o,$value:n,theme:i})=>{if(e)return i.v2.colors.grey[800];if(t&&n)return t;if(r&&!n)return r;switch(o){case
|
|
2245
|
+
background-color: ${({$disabled:e,$onBgColor:t,$offBgColor:r,$variant:o,$value:n,theme:i})=>{if(e)return i.v2.colors.grey[800];if(t&&n)return t;if(r&&!n)return r;switch(o){case rx.SuccessError:return n?i.v2.colors.green[500]:i.v2.colors.red[500];case rx.Default:default:return n?i.v2.colors.purple[500]:i.v2.colors.grey[400]}}};
|
|
2236
2246
|
|
|
2237
2247
|
border: 1px solid ${({$disabled:e,theme:t})=>e?t.v2.colors.grey[600]:"transparent"};
|
|
2238
2248
|
cursor: ${({$disabled:e})=>e?"not-allowed":"pointer"};
|
|
2239
|
-
`,
|
|
2249
|
+
`,sx=o.div`
|
|
2240
2250
|
position: absolute;
|
|
2241
2251
|
top: 50%;
|
|
2242
2252
|
left: ${({$value:e,$size:t})=>e?`calc(100% - ${t}px - 4px)`:"4px"};
|
|
@@ -2246,17 +2256,17 @@ import{jsx as e,jsxs as t,Fragment as r}from"react/jsx-runtime";import o,{css as
|
|
|
2246
2256
|
border-radius: 100%;
|
|
2247
2257
|
background-color: ${({$color:e})=>e};
|
|
2248
2258
|
box-shadow: ${({$disabled:e})=>e?"0 0 40px 0 rgba(0, 0, 0, 0.07)":"0 0 10px 0 rgba(0, 0, 0, 0.50)"};
|
|
2249
|
-
`,
|
|
2259
|
+
`,lx=({variant:o=rx.Default,size:n=ox.L,name:a,label:s,labelAlign:l=nx.Right,labelColor:c,tooltip:d,badge:p,value:u,onChange:h,disabled:m,withIcon:g,onIcon:f=ft,offIcon:y=xt,onBgColor:x,offBgColor:b,errorMessage:v,warnMessage:$,helpMessage:w})=>{const S=i(),k=m?S.v2.colors.grey[400]:S.v2.colors.white[500],C=n===ox.S?10:16,E=c||S.v2.colors.silver[200],A=n===ox.S?sn.XXXS:sn.XS,D=n===ox.S?8:12;return t(Fn,{$gap:4,children:[t(_n,{$justifyContent:"space-between",children:[t(ix,{"data-id":a||"toggle"+(s?`-${s}`:""),"data-toggle-value":u?"true":"false",$gap:D,children:[s&&l===nx.Left&&e(un,{color:E,size:A,nowrap:!0,children:s}),t(ax,{$onBgColor:x,$offBgColor:b,$variant:o,$size:C,$value:u,$disabled:m,onClick:e=>{e.stopPropagation(),m||h(!u)},children:[e(sx,{$color:k,$size:C,$value:u,$disabled:m}),g&&t(r,{children:[e(f,{size:C,fill:k}),e(y,{size:C,fill:k})]})]}),s&&l===nx.Right&&e(un,{color:E,size:A,nowrap:!0,children:s})]}),e(kf,{tooltip:d,badge:p})]}),e(Cf,{errorMessage:v,warnMessage:$,helpMessage:w})]})},cx=o.div`
|
|
2250
2260
|
display: flex;
|
|
2251
2261
|
flex-direction: ${({$direction:e})=>e===Fr.Horizontal?"row":"column"};
|
|
2252
2262
|
gap: ${({$direction:e})=>e===Fr.Horizontal?16:8}px;
|
|
2253
|
-
`,
|
|
2263
|
+
`,dx=({direction:r=Fr.Vertical,title:o,size:n,disabled:i,options:a,values:s,setValues:l})=>{const c=n===ox.S?sn.XS:sn.S;return t(cx,{$direction:r,children:[o&&e(un,{size:c,children:o}),a.map(t=>e(lx,{...t,labelAlign:nx.Right,value:s[t.id],onChange:e=>{return r=t.id,o=e,void l(e=>{const t={...e};return r?t[r]=o:a.forEach(e=>t[e.id]=o),t});var r,o},disabled:i,size:n},`${o}-toggle-${t.id}`))]})},px=o.div`
|
|
2254
2264
|
display: flex;
|
|
2255
2265
|
align-items: center;
|
|
2256
2266
|
justify-content: space-between;
|
|
2257
2267
|
width: 100%;
|
|
2258
2268
|
overflow: hidden;
|
|
2259
|
-
`,
|
|
2269
|
+
`,ux=o.div`
|
|
2260
2270
|
display: flex;
|
|
2261
2271
|
align-items: center;
|
|
2262
2272
|
gap: 16px;
|
|
@@ -2264,7 +2274,7 @@ import{jsx as e,jsxs as t,Fragment as r}from"react/jsx-runtime";import o,{css as
|
|
|
2264
2274
|
min-width: 0;
|
|
2265
2275
|
flex: 1;
|
|
2266
2276
|
overflow: hidden;
|
|
2267
|
-
`,
|
|
2277
|
+
`,hx=o.div`
|
|
2268
2278
|
display: flex;
|
|
2269
2279
|
align-items: center;
|
|
2270
2280
|
justify-content: center;
|
|
@@ -2273,15 +2283,15 @@ import{jsx as e,jsxs as t,Fragment as r}from"react/jsx-runtime";import o,{css as
|
|
|
2273
2283
|
height: 36px;
|
|
2274
2284
|
border-radius: 8px;
|
|
2275
2285
|
background: ${({theme:e})=>e.v2.colors.silver[800]};
|
|
2276
|
-
`,
|
|
2286
|
+
`,mx=o.img`
|
|
2277
2287
|
width: 24px;
|
|
2278
2288
|
height: 24px;
|
|
2279
|
-
`,
|
|
2289
|
+
`,gx=o.div`
|
|
2280
2290
|
display: flex;
|
|
2281
2291
|
align-items: center;
|
|
2282
2292
|
gap: 16px;
|
|
2283
2293
|
flex-shrink: 0;
|
|
2284
|
-
`,
|
|
2294
|
+
`,fx=({icon:r,iconSrc:o,title:n,subTitle:i,toggleProps:a,actions:s,onClose:l,onCloseDisabled:c})=>t(px,{children:[t(ux,{children:[r?e(hx,{children:e(r,{size:24})}):o?e(hx,{children:e(mx,{src:o,alt:n||"icon"})}):null,(n||i)&&t(Fn,{$gap:6,children:[n&&e(un,{size:sn.S,weight:500,children:n}),i&&e(un,{size:sn.XXS,children:i})]})]}),t(gx,{children:[a&&e(lx,{...a}),s?.length?e(ny,{iconButtonProps:{"data-id":"drawer-actions",icon:Lt},items:s,selectedIds:s?.filter(e=>e?.active)?.map(e=>e?.id)??[],setSelectedIds:e=>s?.find(t=>t?.id===e[0])?.onClick?.()}):null,l&&e(jl,{"data-id":"drawer-close",icon:xt,size:Bl.M,onClick:l,disabled:c})]})]}),yx=o.div`
|
|
2285
2295
|
display: flex;
|
|
2286
2296
|
align-items: center;
|
|
2287
2297
|
gap: 10px;
|
|
@@ -2290,8 +2300,8 @@ import{jsx as e,jsxs as t,Fragment as r}from"react/jsx-runtime";import o,{css as
|
|
|
2290
2300
|
`}
|
|
2291
2301
|
padding: 4px 12px 4px 4px;
|
|
2292
2302
|
border-radius: 8px;
|
|
2293
|
-
background-color: ${({theme:e,$status:t})=>on(e,t,[Gr.Info].includes(t)?"1000":"900")};
|
|
2294
|
-
`,
|
|
2303
|
+
background-color: ${({theme:e,$status:t})=>on(e,t,[Gr.Info,Gr.Warning].includes(t)?"1000":"900")};
|
|
2304
|
+
`,xx=o.div`
|
|
2295
2305
|
width: ${({$smallIcon:e})=>e?"24px":"32px"};
|
|
2296
2306
|
height: ${({$smallIcon:e})=>e?"24px":"32px"};
|
|
2297
2307
|
display: flex;
|
|
@@ -2299,28 +2309,28 @@ import{jsx as e,jsxs as t,Fragment as r}from"react/jsx-runtime";import o,{css as
|
|
|
2299
2309
|
justify-content: center;
|
|
2300
2310
|
border-radius: 6px;
|
|
2301
2311
|
background-color: ${({theme:e,$status:t})=>on(e,t,[Gr.Info].includes(t)?"900":"800")};
|
|
2302
|
-
`,
|
|
2312
|
+
`,bx=o.div`
|
|
2303
2313
|
margin-left: auto;
|
|
2304
2314
|
margin-right: 8px;
|
|
2305
2315
|
cursor: pointer;
|
|
2306
2316
|
&:hover {
|
|
2307
2317
|
transform: scale(1.2);
|
|
2308
2318
|
}
|
|
2309
|
-
`,
|
|
2319
|
+
`,vx=({status:r,message:o,action:n,fullWidth:a,smallIcon:s})=>{const l=i(),c=Vn(r,l),d=on(l,r,r===Gr.Default?"300":r===Gr.Info?"400":"500");return t(yx,{$status:r,$fullWidth:a,children:[e("div",{children:e(xx,{$status:r,$smallIcon:s,children:e(c,{size:s?18:24})})}),e(un,{color:d,size:sn.XXXS,weight:400,children:o}),n&&e(bx,{"data-id":n["data-id"],onClick:n.onClick,children:e(un,{color:d,size:sn.XXS,weight:500,underline:!0,children:n.label})})]})},$x=o.div`
|
|
2310
2320
|
display: flex;
|
|
2311
2321
|
align-items: center;
|
|
2312
2322
|
gap: 8px;
|
|
2313
2323
|
padding: 4px 12px;
|
|
2314
|
-
`,
|
|
2324
|
+
`,wx=o.div`
|
|
2315
2325
|
flex: 1;
|
|
2316
|
-
`,
|
|
2326
|
+
`,Sx=o.div`
|
|
2317
2327
|
width: 150px;
|
|
2318
|
-
`,
|
|
2328
|
+
`,kx=({note:r,actions:o,children:n})=>n?e($x,{children:n}):t($x,{children:[r&&e(vx,{...r}),e(wx,{}),o?.map((t,r)=>e(Sx,{children:e(Wf,{fullWidth:!0,...t})},t["data-id"]||`drawer-footer-button-${r}`))]}),Cx=o.div`
|
|
2319
2329
|
position: fixed;
|
|
2320
2330
|
top: 0;
|
|
2321
2331
|
bottom: 0;
|
|
2322
2332
|
${({$position:e})=>e}: 0;
|
|
2323
|
-
z-index:
|
|
2333
|
+
z-index: ${({theme:e})=>e.v2.zIndex.drawer};
|
|
2324
2334
|
|
|
2325
2335
|
display: flex;
|
|
2326
2336
|
flex-direction: column;
|
|
@@ -2334,16 +2344,16 @@ import{jsx as e,jsxs as t,Fragment as r}from"react/jsx-runtime";import o,{css as
|
|
|
2334
2344
|
overflow: hidden;
|
|
2335
2345
|
|
|
2336
2346
|
${({$disableAnimation:e,$position:t})=>!e&&n`
|
|
2337
|
-
animation-name: ${
|
|
2347
|
+
animation-name: ${$l.in[t]};
|
|
2338
2348
|
`}
|
|
2339
|
-
`,
|
|
2349
|
+
`,Ex=o.div`
|
|
2340
2350
|
display: flex;
|
|
2341
2351
|
flex-direction: column;
|
|
2342
2352
|
gap: 12px;
|
|
2343
2353
|
|
|
2344
2354
|
height: calc(100% - ${56}px);
|
|
2345
2355
|
overflow-y: auto;
|
|
2346
|
-
`,
|
|
2356
|
+
`,Ax=({isOpen:o,hideOverlay:n=!1,disableAnimation:i=!1,position:a="right",width:s="600px",header:l,footer:c,children:d})=>(Pl(o),o?pr(t(r,{children:[!n&&e(zn,{onClick:l?.onCloseDisabled?void 0:l?.onClose}),t(Cx,{"data-id":"drawer",$position:a,$width:s,$disableAnimation:i,children:[l&&e(fx,{...l}),e(Ex,{children:d}),c&&e(kx,{...c})]})]}),document.body):null),Dx=({options:t,values:r,setValues:o,withMultiSelect:n,withSearch:i,...a})=>{const s=Xt(()=>r?.length?`Selected: ${t.filter(e=>r.includes(e.id)).map(e=>e.label).join(", ")||"none"}`:"",[t,r]);return e(ny,{withMultiSelect:n,withSearch:i,alignX:Qf.Left,items:t,selectedIds:r,setSelectedIds:o,children:({ChevronIcon:t,handleClick:r})=>e(Tf,{placeholder:"Select options...",...a,rightIcon:t,value:s,onChange:()=>{},onClick:r})})},Tx=o.header`
|
|
2347
2357
|
position: relative;
|
|
2348
2358
|
width: calc(100% - 36px);
|
|
2349
2359
|
padding: 12px 18px;
|
|
@@ -2351,12 +2361,12 @@ import{jsx as e,jsxs as t,Fragment as r}from"react/jsx-runtime";import o,{css as
|
|
|
2351
2361
|
display: flex;
|
|
2352
2362
|
align-items: center;
|
|
2353
2363
|
justify-content: space-between;
|
|
2354
|
-
`,
|
|
2364
|
+
`,Ix=o(_n)`
|
|
2355
2365
|
position: absolute;
|
|
2356
2366
|
left: 50%;
|
|
2357
2367
|
transform: translateX(-50%);
|
|
2358
2368
|
gap: 16px;
|
|
2359
|
-
|
|
2369
|
+
`,Nx=({left:r=[],center:o=[],right:n=[]})=>t(Tx,{children:[e(_n,{$gap:16,children:r}),e(Ix,{children:o}),e(_n,{$gap:16,children:n})]}),Rx=o.div`
|
|
2360
2370
|
display: flex;
|
|
2361
2371
|
align-items: center;
|
|
2362
2372
|
gap: 2px;
|
|
@@ -2371,17 +2381,17 @@ import{jsx as e,jsxs as t,Fragment as r}from"react/jsx-runtime";import o,{css as
|
|
|
2371
2381
|
left: ${({$left:e})=>e||"unset"};
|
|
2372
2382
|
top: 50%;
|
|
2373
2383
|
transform: translateY(-50%);
|
|
2374
|
-
`,
|
|
2384
|
+
`,Ox=({isOpen:t,actions:r,positionRight:o,positionLeft:n})=>t?e(Rx,{$right:o,$left:n,children:r.map(t=>{if(!t)return null;const{tooltip:r,...o}=t;return e(zc,{text:r||"",children:e(Wf,{...o,variant:Bf.Secondary,size:Uf.S})},o.id)})}):null,_x=({values:r,setValues:o,name:n,label:a,tooltip:s,badge:l,required:c,errorMessage:d,warnMessage:p,helpMessage:u,placeholder:h,disabled:m})=>{const g=i(),f=r.length<=1,y=m,x=m||f&&y,b=r.length?r:[""];return t(Fn,{"data-id":n,$gap:6,children:[e(kf,{label:a,tooltip:s,required:c,badge:l}),e(Fn,{$gap:8,children:b.map((n,i)=>{const a=i===b.length-1;return t(_n,{$gap:8,$alignItems:"center",children:[e(Tf,{width:"100%",autoFocus:oi(n)&&!f&&a,value:n,onChange:e=>((e,t)=>{const n=[...r||[]];n[t]=e,o(n)})(e.target.value,i),disabled:m,placeholder:h,hasError:!!d}),a&&e(Wf,{leftIcon:St,variant:Bf.Secondary,size:Uf.S,disabled:y,onClick:()=>(()=>{const e=[...r||[]];e.push(""),o(e)})()}),e(Wf,{leftIcon:x?It:()=>e(It,{fill:g.v2.colors.red[500]}),variant:Bf.Secondary,size:Uf.S,disabled:x,onClick:()=>(e=>{const t=[...r||[]].filter((t,r)=>r!==e);t.length||t.push(""),o(t)})(i)})]},`input-list-${i}`)})}),e(Cf,{errorMessage:d,warnMessage:p,helpMessage:u})]})},Fx=({col:t,colIdx:r,row:o,rowIdx:n,rowsLength:i,handleChange:a,errorMessage:s,disabled:l})=>{const{keyName:c,componentType:d,inputType:p,label:u,placeholder:h,options:m,renderCondition:g}=t,f=o[c];if(g&&!g(o))return null;switch(d){case Hr.Dropdown:case"multi-dropdown":{const t="multi-dropdown"===d,r=Array.isArray(f)?f:null!=f&&""!==f?[String(f)]:[],o=m?.filter(e=>r.includes(e.id)).map(e=>e.id)||[];return e(Dx,{name:c,label:h?u:void 0,placeholder:h||u,options:m||[],withMultiSelect:t,withSearch:t,values:o,setValues:e=>a(c,t?e:e[0]??"",n),disabled:l,hasError:!!s},c)}default:const t=i>1&&0===n&&0===r&&oi(f);return e(Tf,{name:c,label:h?u:void 0,placeholder:h||u,autoFocus:t,type:p,value:f,onChange:({target:{value:e}})=>a(c,e,n),disabled:l,hasError:!!s})}},Px=o.table`
|
|
2375
2385
|
width: 100%;
|
|
2376
2386
|
border-collapse: separate;
|
|
2377
2387
|
border-spacing: 0 8px;
|
|
2378
|
-
`,
|
|
2388
|
+
`,Lx=o.td`
|
|
2379
2389
|
padding: 0 8px 0 0;
|
|
2380
|
-
`,
|
|
2390
|
+
`,zx=o.td`
|
|
2381
2391
|
width: 72px;
|
|
2382
2392
|
padding-bottom: 2px;
|
|
2383
2393
|
vertical-align: bottom;
|
|
2384
|
-
`,
|
|
2394
|
+
`,Mx=({columns:r,values:o,setValues:n,name:a,label:s,tooltip:l,badge:c,required:d,disabled:p,errorMessage:u,warnMessage:h,helpMessage:m,limitFieldsPerRow:g})=>{const f=i(),y=Xt(()=>{const e={};return r.forEach(({keyName:t})=>e[t]=""),e},[r]),x=(e,t,r)=>{const i=o.length?$r(o):[$r(y)];i[r][e]=t,n(i)},b=Xt(()=>{if(g){const e=[];for(let t=0;;t+=g){const o=r.slice(t,t+g);if(!o.length)break;e.push(o)}return e}return[r]},[g,r]),v=o.length?o:[y];return t(Fn,{"data-id":a,$gap:0,children:[e(kf,{label:s,tooltip:l,required:d,badge:c}),e(Px,{children:e("tbody",{children:v.map((r,i)=>{const a=i===v.length-1;return t(jt,{children:[g&&i>0?e("tr",{children:e(Lx,{colSpan:b.length})}):null,b.map((s,l)=>t("tr",{children:[s.map((t,o)=>t.renderCondition&&!t.renderCondition(r)?null:e(Lx,{children:e(Fx,{col:t,colIdx:o,row:r,rowIdx:i,rowsLength:v.length,handleChange:x,disabled:p,errorMessage:u})},`input-table-row-${i}-col-${l}-${o}`)),0===l&&e(zx,{children:t(_n,{$gap:8,$justifyContent:"flex-end",children:[a&&e(Wf,{leftIcon:St,variant:Bf.Secondary,size:Uf.S,disabled:p,onClick:()=>(()=>{const e=$r(o);e.push($r(y)),n(e)})()}),e(Wf,{leftIcon:p?It:()=>e(It,{fill:f.v2.colors.red[500]}),variant:Bf.Secondary,size:Uf.S,disabled:p,onClick:()=>(e=>{const t=o.filter((t,r)=>r!==e);t.length||t.push($r(y)),n(t)})(i)})]})})]},`input-table-matrix-${i}-${l}`))]},`input-table-row-${i}`)})})}),e(Cf,{errorMessage:u,warnMessage:h,helpMessage:m})]})},Bx=o.div`
|
|
2385
2395
|
display: flex;
|
|
2386
2396
|
align-items: center;
|
|
2387
2397
|
justify-content: space-between;
|
|
@@ -2389,39 +2399,39 @@ import{jsx as e,jsxs as t,Fragment as r}from"react/jsx-runtime";import o,{css as
|
|
|
2389
2399
|
|
|
2390
2400
|
padding: 18px 16px;
|
|
2391
2401
|
border-radius: 18px;
|
|
2392
|
-
background-color: ${({theme:e})=>e.v2.colors.black[500]+
|
|
2402
|
+
background-color: ${({theme:e})=>e.v2.colors.black[500]+bl["095"]};
|
|
2393
2403
|
box-shadow: 0 4px 16.7px 0 rgba(0, 0, 0, 0.83);
|
|
2394
2404
|
|
|
2395
2405
|
position: fixed;
|
|
2396
2406
|
bottom: 0;
|
|
2397
2407
|
left: 50%;
|
|
2398
|
-
z-index:
|
|
2399
|
-
animation-name: ${
|
|
2400
|
-
`,
|
|
2408
|
+
z-index: ${({theme:e})=>e.v2.zIndex.island};
|
|
2409
|
+
animation-name: ${$l.in.center};
|
|
2410
|
+
`,Ux=({isOpen:r,onClose:o,richTitle:n,actions:i})=>r?t(Bx,{children:[e(gy,{...n}),e(uy,{onAnyClick:o,actions:i})]}):null,jx=o.div`
|
|
2401
2411
|
position: ${({$relativeToParent:e})=>e?"absolute":"fixed"};
|
|
2402
2412
|
top: 50%;
|
|
2403
2413
|
left: 50%;
|
|
2404
2414
|
transform: translate(-50%, -50%);
|
|
2405
|
-
z-index:
|
|
2415
|
+
z-index: ${({theme:e})=>e.v2.zIndex.modal};
|
|
2406
2416
|
width: fit-content;
|
|
2407
2417
|
border-radius: 20px;
|
|
2408
2418
|
background: ${({theme:e})=>e.v2.colors.black[500]};
|
|
2409
2419
|
box-shadow: 0 0 34px 0 rgba(0, 0, 0, 0.7);
|
|
2410
2420
|
overflow: hidden;
|
|
2411
2421
|
|
|
2412
|
-
animation-name: ${
|
|
2413
|
-
`,
|
|
2422
|
+
animation-name: ${$l.in.center};
|
|
2423
|
+
`,Wx=o.div`
|
|
2414
2424
|
position: relative;
|
|
2415
|
-
`,
|
|
2425
|
+
`,Hx=o.div`
|
|
2416
2426
|
position: absolute;
|
|
2417
2427
|
top: 16px;
|
|
2418
2428
|
left: 16px;
|
|
2419
|
-
`,
|
|
2429
|
+
`,Xx=({isOpen:o,hideOverlay:n=!1,relativeToParent:i=!1,onBack:a,onClose:s,children:l})=>{if(Pl(o),!o)return null;const c=t(r,{children:[!n&&e(zn,{$relativeToParent:i,onClick:s}),e(jx,{"data-id":"modal",$relativeToParent:i,children:t(Wx,{children:[a&&e(Hx,{children:e(jl,{icon:t=>e(Pt,{rotate:-90,...t}),size:Bl.L,onClick:a})}),l]})})]});return i?c:pr(c,document.body)},Gx=o.div`
|
|
2420
2430
|
position: relative;
|
|
2421
2431
|
width: ${64}px;
|
|
2422
2432
|
height: ${({$height:e})=>e};
|
|
2423
2433
|
flex-shrink: 0;
|
|
2424
|
-
`,
|
|
2434
|
+
`,Vx=o.aside`
|
|
2425
2435
|
position: absolute;
|
|
2426
2436
|
top: 0;
|
|
2427
2437
|
left: 0;
|
|
@@ -2439,7 +2449,7 @@ import{jsx as e,jsxs as t,Fragment as r}from"react/jsx-runtime";import o,{css as
|
|
|
2439
2449
|
transition:
|
|
2440
2450
|
width 200ms ease,
|
|
2441
2451
|
padding 200ms ease;
|
|
2442
|
-
`,
|
|
2452
|
+
`,Kx=o.button`
|
|
2443
2453
|
display: flex;
|
|
2444
2454
|
align-items: center;
|
|
2445
2455
|
width: 100%;
|
|
@@ -2459,58 +2469,58 @@ import{jsx as e,jsxs as t,Fragment as r}from"react/jsx-runtime";import o,{css as
|
|
|
2459
2469
|
&:active {
|
|
2460
2470
|
background-color: ${({theme:e,$selected:t})=>t?e.v2.colors.purple[700]:e.v2.colors.silver[900]};
|
|
2461
2471
|
}
|
|
2462
|
-
`,
|
|
2472
|
+
`,qx=o.div`
|
|
2463
2473
|
width: ${40}px;
|
|
2464
2474
|
height: ${40}px;
|
|
2465
2475
|
display: flex;
|
|
2466
2476
|
align-items: center;
|
|
2467
2477
|
justify-content: center;
|
|
2468
2478
|
flex-shrink: 0;
|
|
2469
|
-
`,
|
|
2479
|
+
`,Jx=o.div`
|
|
2470
2480
|
flex: 1 1 0;
|
|
2471
2481
|
min-width: 0;
|
|
2472
2482
|
overflow: hidden;
|
|
2473
2483
|
padding-right: 12px;
|
|
2474
2484
|
pointer-events: none;
|
|
2475
|
-
`,
|
|
2485
|
+
`,Yx=({height:r,icons:o})=>{const n=i(),[a,s]=Wt(!1);return e(Gx,{$height:r,children:e(Vx,{$expanded:a,onMouseEnter:()=>s(!0),onMouseLeave:()=>s(!1),children:o.map(({id:r,label:o,selected:i,icon:s,onClick:l})=>t(Kx,{$selected:i,onClick:l,"aria-label":o,title:a?void 0:o,children:[e(qx,{children:e(s,{size:24,fill:n.v2.colors.white[500]})}),a&&e(Jx,{children:e(un,{size:sn.S,weight:500,color:ln.Primary,nowrap:!0,children:o})})]},r))})})};var Qx;!function(e){e.S="small",e.L="large"}(Qx||(Qx={}));const Zx=o.div`
|
|
2476
2486
|
width: fit-content;
|
|
2477
2487
|
display: flex;
|
|
2478
2488
|
align-items: center;
|
|
2479
2489
|
gap: 8px;
|
|
2480
2490
|
cursor: ${({$disabled:e})=>e?"not-allowed":"pointer"};
|
|
2481
|
-
`,
|
|
2482
|
-
width: ${({$size:e})=>e===
|
|
2483
|
-
height: ${({$size:e})=>e===
|
|
2491
|
+
`,eb=o.div`
|
|
2492
|
+
width: ${({$size:e})=>e===Qx.S?"16px":"20px"};
|
|
2493
|
+
height: ${({$size:e})=>e===Qx.S?"16px":"20px"};
|
|
2484
2494
|
display: flex;
|
|
2485
2495
|
align-items: center;
|
|
2486
2496
|
justify-content: center;
|
|
2487
2497
|
border-radius: 100%;
|
|
2488
2498
|
border: 1px solid ${({$borderColor:e})=>e};
|
|
2489
2499
|
background-color: ${({$backgroundColor:e})=>e};
|
|
2490
|
-
`,
|
|
2500
|
+
`,tb=({"data-id":r,label:o,value:n,onChange:a,disabled:s,size:l=Qx.L})=>{const c=i(),[d,p]=Wt(!1),u=n,h=l===Qx.S?6:8,m=s?c.v2.colors.grey[400]:c.v2.colors.white[500],g=u?"transparent":s?c.v2.colors.grey[700]:d?c.v2.colors.silver[400]:c.v2.colors.silver[600],f=s?c.v2.colors.grey[600]:u?c.v2.colors.purple[500]:c.v2.colors.silver[900];return t(Zx,{"data-id":r??"radio"+(o?`-${o}`:""),onClick:e=>{e.stopPropagation(),s||a(!n)},$disabled:s,onMouseEnter:()=>p(!0),onMouseLeave:()=>p(!1),children:[e(eb,{$size:l,$borderColor:g,$backgroundColor:f,children:n?e(zt,{size:h,fill:m}):null}),o&&e(un,{size:l===Qx.S?sn.XXS:sn.XS,children:o})]})},rb=o.div`
|
|
2491
2501
|
display: flex;
|
|
2492
2502
|
flex-direction: ${({$flexDirection:e})=>e};
|
|
2493
2503
|
gap: ${({$gap:e})=>e}px;
|
|
2494
|
-
`,
|
|
2504
|
+
`,ob=({label:r,direction:o,disabled:n,size:i,options:a,values:s,setValues:l})=>t(rb,{$flexDirection:o===Fr.Horizontal?"row":"column",$gap:o===Fr.Horizontal?16:8,children:[r&&e(un,{children:r}),a.map(t=>e(tb,{...t,value:s[t.id],onChange:e=>{return r=t.id,o=e,void l(e=>{const t={...e};return Object.keys(t).forEach(e=>t[e]=!1),t[r]=o,t});var r,o},disabled:n,size:i},`${r}-radio-${t.id}`))]}),nb=({currentStep:r,data:o,gap:n=12})=>e(Fn,{$gap:n,children:o.map(o=>{const n=o.step<r,i=o.step===r;return t(_n,{$gap:8,children:[n||o.forceDoneBadge?e($f,{status:Gr.Success,label:"",leftIcon:ft}):e($f,{status:Gr.Default,label:o.step.toString()}),e(un,{size:i?sn.M:sn.XS,weight:i?500:400,opacity:i?1:.7,children:o.label})]},`stepper-item-${o.step}`)})});var ib;!function(e){e.Data="data",e.Pretty="pretty"}(ib||(ib={}));const ab=o.div`
|
|
2495
2505
|
height: ${({$maxHeight:e})=>e};
|
|
2496
2506
|
width: 100%;
|
|
2497
2507
|
display: flex;
|
|
2498
2508
|
flex-direction: column;
|
|
2499
2509
|
overflow: hidden;
|
|
2500
|
-
`,
|
|
2510
|
+
`,sb=o.div`
|
|
2501
2511
|
width: 100%;
|
|
2502
2512
|
flex: 1;
|
|
2503
2513
|
display: flex;
|
|
2504
2514
|
flex-direction: column;
|
|
2505
|
-
`,
|
|
2515
|
+
`,lb=o.div`
|
|
2506
2516
|
flex-shrink: 0;
|
|
2507
2517
|
position: relative;
|
|
2508
2518
|
z-index: 2;
|
|
2509
|
-
`,
|
|
2519
|
+
`,cb=o.div`
|
|
2510
2520
|
position: relative;
|
|
2511
2521
|
display: flex;
|
|
2512
2522
|
width: 100%;
|
|
2513
|
-
`,
|
|
2523
|
+
`,db=o.div`
|
|
2514
2524
|
position: relative;
|
|
2515
2525
|
min-width: ${({$minWidth:e})=>e?`${e}px`:"auto"};
|
|
2516
2526
|
flex: ${({$flex:e})=>e??1};
|
|
@@ -2521,12 +2531,12 @@ import{jsx as e,jsxs as t,Fragment as r}from"react/jsx-runtime";import o,{css as
|
|
|
2521
2531
|
|
|
2522
2532
|
${({$variant:e,$backgroundColor:t})=>{if(t)return n`
|
|
2523
2533
|
background-color: ${t};
|
|
2524
|
-
`;switch(e){case
|
|
2534
|
+
`;switch(e){case ib.Data:return n`
|
|
2525
2535
|
background-color: ${({theme:e})=>e.v2.colors.silver[750]};
|
|
2526
|
-
`;case
|
|
2536
|
+
`;case ib.Pretty:return n`
|
|
2527
2537
|
background-color: transparent;
|
|
2528
2538
|
`;default:return""}}}
|
|
2529
|
-
`,
|
|
2539
|
+
`,pb=o.div`
|
|
2530
2540
|
position: absolute;
|
|
2531
2541
|
top: 50%;
|
|
2532
2542
|
right: 0;
|
|
@@ -2534,7 +2544,7 @@ import{jsx as e,jsxs as t,Fragment as r}from"react/jsx-runtime";import o,{css as
|
|
|
2534
2544
|
width: 1px;
|
|
2535
2545
|
height: 18px;
|
|
2536
2546
|
background: ${({theme:e})=>e.v2.colors.silver[500]};
|
|
2537
|
-
`,
|
|
2547
|
+
`,ub=o.div`
|
|
2538
2548
|
min-width: ${({$minWidth:e})=>e?`${e}px`:"auto"};
|
|
2539
2549
|
flex: ${({$flex:e})=>e??1};
|
|
2540
2550
|
overflow: hidden;
|
|
@@ -2545,23 +2555,23 @@ import{jsx as e,jsxs as t,Fragment as r}from"react/jsx-runtime";import o,{css as
|
|
|
2545
2555
|
cursor: ${({$withClick:e})=>e?"pointer":"default"};
|
|
2546
2556
|
box-sizing: border-box;
|
|
2547
2557
|
|
|
2548
|
-
${({$variant:e,$selected:t,$hovered:r,$isLastRow:o,$isFirstCell:i,$isLastCell:a})=>{switch(e){case
|
|
2558
|
+
${({$variant:e,$selected:t,$hovered:r,$isLastRow:o,$isFirstCell:i,$isLastCell:a})=>{switch(e){case ib.Data:return n`
|
|
2549
2559
|
border-bottom: ${({theme:e})=>o?"none":`1px solid ${e.v2.colors.silver[500]}`};
|
|
2550
2560
|
border-radius: ${o?i?"0 0 0 4px":a?"0 0 4px 0":"0":"0"};
|
|
2551
2561
|
background-color: ${({theme:e})=>t?e.v2.colors.blue[1e3]:r?e.v2.colors.silver[700]:e.v2.colors.silver[800]};
|
|
2552
|
-
`;case
|
|
2562
|
+
`;case ib.Pretty:return n`
|
|
2553
2563
|
border: none;
|
|
2554
2564
|
border-radius: ${i?"12px 0 0 12px":a?"0 12px 12px 0":"0"};
|
|
2555
2565
|
background-color: ${({theme:e})=>t?e.v2.colors.blue[1e3]:r?e.v2.colors.silver[700]:e.v2.colors.silver[900]};
|
|
2556
2566
|
`;default:return""}}}
|
|
2557
|
-
`,
|
|
2567
|
+
`,hb=o.div`
|
|
2558
2568
|
width: 100%;
|
|
2559
2569
|
display: flex;
|
|
2560
2570
|
align-items: center;
|
|
2561
2571
|
justify-content: ${({$textAlign:e})=>"right"===e?"flex-end":"left"===e?"flex-start":"center"===e?"center":"unset"};
|
|
2562
2572
|
gap: 4px;
|
|
2563
2573
|
text-align: ${({$textAlign:e})=>e||"left"};
|
|
2564
|
-
`,
|
|
2574
|
+
`,mb=({variant:r,columns:o,rows:n,getRowActions:i,rowActionsPushRightPosition:a,rowActionsPushLeftPosition:s,withCheckboxes:l})=>{const[c,d]=Wt(null),p=Xt(()=>n.map((p,u)=>{const{cells:h,onClick:m,isSelected:g=!1,onSelect:f,onDeselect:y,hideCheckbox:x}=p,b=c===u,v=i(p),$=(e,t)=>({$isLastRow:u===n.length-1,$isFirstCell:e,$isLastCell:t,$selected:g,$withClick:!!m,onClick:()=>m?.(),$hovered:!!m&&b,onMouseEnter:()=>d(u),onMouseLeave:()=>d(null)});return t(cb,{children:[l&&e(ub,{$variant:r,style:{flex:"0 0 68px"},...$(!0,!1),children:!x&&e(qf,{value:g,onChange:()=>g?y?.():f?.()})},"checkbox-column"),o.map(({key:n,withTooltip:i,textAlign:c,flex:d,minWidth:p},m)=>{const g=h.find(e=>e.key===n),f=0===m&&!l,y=m===o.length-1,x=v.length&&(a&&y||s&&f||!a&&!s&&y),w=e(_n,{$width:"100%",$justifyContent:"right"===c?"flex-end":"center"===c?"center":"flex-start",children:g?.component?e(g.component,{}):e(un,{size:sn.XS,children:g?.rawValue||"-"})});return t(ub,{$variant:r,$flex:d,$minWidth:p,...$(f,y),children:[i?e(zc,{text:g?.rawValue?.toString()||"",ellipsis:!0,children:w}):w,x?e(Ox,{isOpen:b,actions:v,positionRight:a,positionLeft:s}):null]},`row-${u}-cell-${m}`)})]},`row-${u}`)}),[n,c,i,a,s,l,o]);return e(Rg,{gap:r===ib.Pretty?8:0,elements:p})},gb=({columnKey:t,sortDirection:r,sortByKey:o,onSort:n})=>{const a=i(),s=o===t?a.v2.colors.white[500]:a.v2.colors.grey[400],l=r===Pr.Ascending?0:180;return e(jl,{icon:t=>e(Pt,{fill:s,rotate:l,...t}),onClick:()=>n(t)})},fb=({columnKey:t,filters:r,onFilter:o,rowsUnfiltered:n,filterOverride:a})=>{const s=i(),l=r[t]?.length?s.v2.colors.white[500]:s.v2.colors.grey[400],c=Xt(()=>{if(a)return a.options.map(({id:e,label:t})=>({id:e,label:t,withCheckbox:!0}));return Array.from(new Set(n.map(e=>e.cells.find(e=>e.key===t)?.rawValue?.toString()).filter(e=>!!e))).sort((e,t)=>e.localeCompare(t)).map(e=>({id:e,label:e,withCheckbox:!0}))},[n,t,a]);return e(ny,{items:c,withMultiSelect:!0,selectedIds:r[t]?.map(e=>e.toString())??[],setSelectedIds:e=>o(t,e),defaultOpen:!1,iconButtonProps:{icon:t=>e(Mt,{fill:l,...t})}})},yb=({variant:r,backgroundColor:o,columns:n,rowsUnfiltered:i,sortDirection:a,sortByKey:s,onSort:l,filters:c,onFilter:d,withCheckboxes:p,partiallySelected:u,allSelected:h,onSelectAll:m})=>t(cb,{children:[p&&e(db,{$variant:r,$backgroundColor:o,$isFirst:!0,$isLast:!1,style:{flex:"0 0 68px"},children:e(qf,{partiallyChecked:u&&!h,value:h||!1,onChange:m})},"checkbox-column"),n.map(({key:u,label:h,withTooltip:m,tooltip:g,noSort:f,noFilter:y,filterOverride:x,flex:b,minWidth:v,textAlign:$},w)=>{const S=0===w&&!p,k=w===n.length-1,C=e(un,{size:sn.XS,align:$,children:h});return t(db,{$variant:r,$backgroundColor:o,$flex:b,$minWidth:v,$isFirst:S,$isLast:k,children:[t(hb,{$textAlign:$,children:[g||m?e(zc,{text:g||h,children:C}):C,!f&&e(gb,{columnKey:u,sortDirection:a,sortByKey:s,onSort:l}),!y&&e(fb,{columnKey:u,filters:c,onFilter:d,rowsUnfiltered:i,filterOverride:x})]}),!k&&r===ib.Data&&e(pb,{})]},`column-${u}`)})]}),xb=({variant:r,maxHeight:o="256px",headerBackgroundColor:n,hideHeader:i=!1,isLoading:a,noDataProps:s,columns:l,rows:c,getRowActions:d,rowActionsPushRightPosition:p,rowActionsPushLeftPosition:u,withCheckboxes:h,filters:m,onFiltersChange:g})=>{const[f,y]=Wt(Pr.Ascending),[x,b]=Wt(""),[v,$]=Wt({}),w=m??v,S=Vt(e=>{b(e),y(e=>e===Pr.Ascending?Pr.Descending:Pr.Ascending)},[]),k=Vt((e,t)=>{const r={...w,[e]:t};g&&g(r),void 0===m&&$(r)},[w,g,m]),C=Xt(()=>{const e=(e,t)=>{const r=e.cells.find(e=>e.key===t);return r&&(r.rawValue?.toString()||r.component?.({})?.props?.children?.toString())||""};return(x?[...c].sort((t,r)=>{const o=e(t,x),n=e(r,x);return(f===Pr.Ascending?1:-1)*((e,t)=>"string"==typeof e&&"string"==typeof t?e.localeCompare(t):"number"==typeof e&&"number"==typeof t?e-t:"boolean"==typeof e&&"boolean"==typeof t?e===t?0:e?1:-1:String(e).localeCompare(String(t)))(o,n)}):c).filter(t=>{for(const[r,o]of Object.entries(w)){if(!o.length)continue;const n=l.find(e=>e.key===r)?.filterOverride;if(n){if(!n.filterRow(t,o))return!1}else if(!o.includes(e(t,r)))return!1}return!0})},[c,x,f,w,l]),{partiallySelected:E,allSelected:A}=Xt(()=>{const e=C.filter(e=>!e.hideCheckbox);return{partiallySelected:e.length>0&&e.some(e=>e.isSelected),allSelected:e.length>0&&e.every(e=>e.isSelected)}},[C]);return e(ab,{$maxHeight:o,children:t(sb,{$variant:r,children:[!i&&e(lb,{children:e(yb,{variant:r,backgroundColor:n,columns:l,rowsUnfiltered:c,sortDirection:f,sortByKey:x,onSort:S,filters:w,onFilter:k,withCheckboxes:h,partiallySelected:E,allSelected:A,onSelectAll:e=>{e?C.forEach(e=>!e.hideCheckbox&&e.onSelect?.()):C.forEach(e=>!e.hideCheckbox&&e.onDeselect?.())}})}),C.length?e(mb,{variant:r,columns:l,rows:C,getRowActions:d||(()=>[]),rowActionsPushRightPosition:p,rowActionsPushLeftPosition:u,withCheckboxes:h}):e(Pn,{style:{height:o},children:a?e(Gn,{withSpinner:!0}):e(Xf,{...s})})]})})},bb=o.div`
|
|
2565
2575
|
display: flex;
|
|
2566
2576
|
align-items: center;
|
|
2567
2577
|
justify-content: center;
|
|
@@ -2593,7 +2603,7 @@ import{jsx as e,jsxs as t,Fragment as r}from"react/jsx-runtime";import o,{css as
|
|
|
2593
2603
|
background-color: ${({theme:e})=>e.v2.colors.silver[750]};
|
|
2594
2604
|
border: 1px solid transparent;
|
|
2595
2605
|
`}
|
|
2596
|
-
`,
|
|
2606
|
+
`,vb=({label:r,leftIcon:o,rightIcon:n,onClick:a,disabled:s,flex:l})=>{const c=i(),d=s?c.v2.colors.grey[400]:c.v2.colors.white[500];return t(bb,{$disabled:s,$withClick:!!a,onClick:()=>!s&&a?.(),$flex:l,children:[o&&e(o,{fill:d,size:16}),e(un,{color:d,size:sn.XS,nowrap:!0,children:r}),n&&e(n,{fill:d,size:16})]})},$b=o.div`
|
|
2597
2607
|
padding: 6px 12px;
|
|
2598
2608
|
|
|
2599
2609
|
display: flex;
|
|
@@ -2611,7 +2621,7 @@ import{jsx as e,jsxs as t,Fragment as r}from"react/jsx-runtime";import o,{css as
|
|
|
2611
2621
|
border: 1px solid ${({theme:e})=>e.v2.colors.silver[300]};
|
|
2612
2622
|
}
|
|
2613
2623
|
`}
|
|
2614
|
-
`,
|
|
2624
|
+
`,wb=o.textarea`
|
|
2615
2625
|
max-width: ${({$maxWidth:e})=>e||"unset"};
|
|
2616
2626
|
min-height: ${({$minHeight:e})=>e||"50px"};
|
|
2617
2627
|
flex: 1;
|
|
@@ -2636,24 +2646,26 @@ import{jsx as e,jsxs as t,Fragment as r}from"react/jsx-runtime";import o,{css as
|
|
|
2636
2646
|
color: ${({theme:e})=>e.v2.colors.grey[400]};
|
|
2637
2647
|
}
|
|
2638
2648
|
}
|
|
2639
|
-
`,
|
|
2649
|
+
`,Sb=({label:r,required:o,tooltip:n,badge:i,errorMessage:a,warnMessage:s,helpMessage:l,name:c,value:d,onChange:p,disabled:u,maxWidth:h,minHeight:m,...g})=>{const f=Gt(null),y=()=>{f.current&&(f.current.style.height="auto",f.current.style.height=`${f.current.scrollHeight}px`)};return t(Fn,{$gap:6,children:[e(kf,{label:r,tooltip:n,required:o,badge:i}),e($b,{$disabled:u,$error:!!a,children:e(wb,{ref:f,"data-id":c,name:c,value:d,onChange:e=>{e.stopPropagation(),y(),p?.(e)},onKeyDown:e=>{e.stopPropagation()},onFocus:y,onBlur:y,disabled:u,$maxWidth:h,$minHeight:m,...g})}),e(Cf,{errorMessage:a,warnMessage:s,helpMessage:l})]})},kb=[{id:"ms",label:"milliseconds"},{id:"s",label:"seconds"},{id:"m",label:"minutes"},{id:"h",label:"hours"}],Cb=o.div`
|
|
2640
2650
|
flex: 1;
|
|
2641
2651
|
min-width: 0;
|
|
2642
|
-
`,
|
|
2652
|
+
`,Eb=o.div`
|
|
2643
2653
|
flex: 0 0 auto;
|
|
2644
2654
|
min-width: 140px;
|
|
2645
|
-
`,
|
|
2646
|
-
width:
|
|
2647
|
-
`,
|
|
2655
|
+
`,Ab=({name:r,label:o,tooltip:n,badge:i,placeholder:a,required:s,disabled:l,value:c,setValue:d,units:p=kb,defaultUnit:u,errorMessage:h,warnMessage:m,helpMessage:g,hasError:f,width:y})=>{const x=Xt(()=>u&&p.some(e=>e.id===u)?u:p[0]?.id||"s",[u,p]),{num:b,unit:v}=Xt(()=>((e,t,r)=>{if(null==e||""===e)return{num:"",unit:r};const o=[...t.map(e=>e.id)].sort((e,t)=>t.length-e.length),n=new RegExp(`^\\s*(\\d+)\\s*(${o.join("|")})\\s*$`,"i"),i=String(e).match(n);if(i)return{num:i[1],unit:i[2].toLowerCase()};const a=String(e).match(/^\s*(\d+)\s*$/);return a?{num:a[1],unit:r}:{num:"",unit:r}})(c,p,x),[c,p,x]),$=(e,t)=>{d(""!==e?`${e}${t}`:"")};return t(Fn,{$width:y,$gap:6,children:[e(kf,{label:o,tooltip:n,required:s,badge:i}),t(_n,{$gap:8,$alignItems:"center",children:[e(Cb,{children:e(Tf,{name:r,placeholder:a,disabled:l,hasError:f||!!h,inputMode:"numeric",value:b,onChange:e=>$(gi(e.target.value),v)})}),e(Eb,{children:e(Dx,{name:`${r}-unit`,disabled:l,hasError:f||!!h,withSearch:!1,options:p,values:[v],setValues:e=>$(b,e[0]||v)})})]}),e(Cf,{errorMessage:h,warnMessage:m,helpMessage:g})]})},Db=o.div`
|
|
2656
|
+
min-width: 500px;
|
|
2657
|
+
`,Tb=o.div`
|
|
2648
2658
|
display: flex;
|
|
2649
2659
|
flex-direction: column;
|
|
2650
2660
|
align-items: center;
|
|
2651
2661
|
gap: 16px;
|
|
2652
2662
|
padding: 24px;
|
|
2653
|
-
|
|
2663
|
+
width: calc(100% - 48px);
|
|
2664
|
+
`,Ib=o.div`
|
|
2654
2665
|
display: flex;
|
|
2655
2666
|
justify-content: center;
|
|
2656
2667
|
gap: 16px;
|
|
2657
2668
|
padding: 16px 24px;
|
|
2669
|
+
width: calc(100% - 48px);
|
|
2658
2670
|
background-color: ${({theme:e})=>e.v2.colors.silver[1e3]};
|
|
2659
|
-
|
|
2671
|
+
`,Nb=({visual:r,title:o,description:n,isOpen:i,onClose:a,denyButton:s,approveButton:l,children:c,...d})=>e(Xx,{isOpen:i,onClose:a,...d,children:t(Db,{children:[t(Tb,{children:[r&&e(r,{}),e(un,{size:sn.M,weight:500,color:ln.Primary,children:o}),e(Fn,{$alignItems:"center",$gap:4,children:n.split("\n").map(t=>e(un,{size:sn.XS,weight:400,color:ln.Secondary,children:t},t))}),c]}),(s||l)&&t(Ib,{children:[s&&e(Wf,{"data-id":"deny",...s}),l&&e(Wf,{"data-id":"approve",...l})]})]})});export{$r as $,py as A,Uf as B,xd as C,vy as D,jr as E,_n as F,am as G,di as H,Ch as I,Ld as J,Kn as K,Gn as L,kd as M,Xf as N,Kr as O,Br as P,hp as Q,Gr as R,Pf as S,Di as T,ri as U,Bd as V,Ec as W,dp as X,up as Y,xm as Z,Ox as _,Bf as a,Yi as a$,Jc as a0,ai as a1,fi as a2,el as a3,ac as a4,Qs as a5,To as a6,rc as a7,Zn as a8,to as a9,io as aA,ao as aB,lo as aC,yo as aD,fo as aE,so as aF,no as aG,qp as aH,Xs as aI,Lo as aJ,Mp as aK,Nb as aL,lh as aM,Yu as aN,Ds as aO,Ba as aP,es as aQ,Ka as aR,Ts as aS,As as aT,fa as aU,ya as aV,Sy as aW,Aa as aX,bl as aY,Ki as aZ,qi as a_,Od as aa,Gh as ab,nd as ac,zo as ad,Tr as ae,kf as af,qf as ag,Cf as ah,Tf as ai,Xr as aj,oi as ak,Mx as al,Ir as am,_x as an,Hr as ao,Dr as ap,Fp as aq,$o as ar,Sb as as,vr as at,Xp as au,vx as av,mo as aw,hi as ax,mi as ay,xi as az,Pn as b,rl as b$,Dx as b0,jl as b1,Bl as b2,Qi as b3,Uo as b4,ei as b5,Zi as b6,dc as b7,sc as b8,qr as b9,sh as bA,Bs as bB,js as bC,Ua as bD,na as bE,Us as bF,Ps as bG,Fs as bH,Ms as bI,zs as bJ,Os as bK,Rs as bL,ta as bM,ws as bN,gc as bO,ii as bP,ny as bQ,Zf as bR,Qf as bS,ic as bT,Nn as bU,dh as bV,Hp as bW,_p as bX,Kp as bY,Ux as bZ,nb as b_,Lr as ba,an as bb,cc as bc,lc as bd,ll as be,ph as bf,il as bg,ko as bh,So as bi,Wo as bj,Ax as bk,On as bl,tx as bm,_o as bn,Ol as bo,ui as bp,Er as bq,ti as br,nl as bs,Eo as bt,vb as bu,Ko as bv,ea as bw,aa as bx,ra as by,ia as bz,Zs as c,ys as c$,Co as c0,Yl as c1,Hs as c2,ec as c3,Ll as c4,Go as c5,jo as c6,ol as c7,Gf as c8,cl as c9,$u as cA,Da as cB,ps as cC,ca as cD,sa as cE,la as cF,da as cG,wu as cH,Hu as cI,Gu as cJ,Vu as cK,qu as cL,Ju as cM,Lu as cN,_u as cO,cu as cP,lu as cQ,su as cR,zu as cS,Fu as cT,Eu as cU,Wu as cV,Is as cW,$s as cX,bs as cY,vs as cZ,xs as c_,hy as ca,Vn as cb,oo as cc,Xo as cd,Rg as ce,Yg as cf,Fo as cg,Ho as ch,No as ci,Bo as cj,Ml as ck,vo as cl,Cr as cm,kr as cn,ul as co,zp as cp,wo as cq,gy as cr,uy as cs,nn as ct,Xy as cu,co as cv,Ey as cw,By as cx,Ty as cy,Rn as cz,ql as d,Yr as d$,Su as d0,ku as d1,Cu as d2,Cs as d3,Es as d4,ks as d5,Ss as d6,Ql as d7,xh as d8,ld as d9,rg as dA,jn as dB,im as dC,bf as dD,Dl as dE,$i as dF,Rl as dG,np as dH,Zl as dI,Nc as dJ,Ln as dK,Xg as dL,Ih as dM,Hl as dN,Ed as dO,jd as dP,Wr as dQ,Gl as dR,yr as dS,xo as dT,af as dU,pm as dV,Yo as dW,cf as dX,Kl as dY,$l as dZ,zl as d_,Ni as da,mg as db,ff as dc,$g as dd,dg as de,Uc as df,zd as dg,jg as dh,zg as di,Em as dj,Ag as dk,hf as dl,Fl as dm,Ji as dn,Ur as dp,Si as dq,kc as dr,Mn as ds,Xi as dt,Ig as du,pi as dv,Vd as dw,Qd as dx,Bn as dy,Un as dz,Do as e,Iu as e$,Qn as e0,Vi as e1,Ep as e2,Ud as e3,ig as e4,mc as e5,Jd as e6,Po as e7,jh as e8,Js as e9,ds as eA,ms as eB,us as eC,gs as eD,fs as eE,Za as eF,$a as eG,wa as eH,Ca as eI,Ea as eJ,Ta as eK,Na as eL,Ia as eM,pa as eN,ua as eO,xa as eP,ts as eQ,rs as eR,as as eS,Ws as eT,ha as eU,gu as eV,oa as eW,Ru as eX,au as eY,Nu as eZ,iu as e_,Ro as ea,pd as eb,tn as ec,Hd as ed,Ab as ee,Ga as ef,ka as eg,Xa as eh,Sa as ei,Qa as ej,Ya as ek,La as el,Ha as em,Ja as en,is as eo,Ma as ep,tb as eq,os as er,_a as es,ba as et,Fa as eu,Oa as ev,va as ew,Pa as ex,hs as ey,Ra as ez,Vm as f,Ks as f$,nu as f0,ja as f1,za as f2,Wa as f3,ss as f4,qa as f5,ls as f6,iy as f7,ns as f8,Sn as f9,wr as fA,Mo as fB,Vo as fC,Jo as fD,Qo as fE,Zo as fF,en as fG,rn as fH,on as fI,qn as fJ,ni as fK,si as fL,ci as fM,gi as fN,yi as fO,bi as fP,vi as fQ,Sr as fR,wi as fS,cs as fT,Ls as fU,_s as fV,Ns as fW,ga as fX,ma as fY,Gs as fZ,Vs as f_,Ar as fa,Zr as fb,Or as fc,eo as fd,Qr as fe,Mr as ff,Vr as fg,_r as fh,Fr as fi,Rr as fj,ro as fk,zr as fl,ho as fm,uo as fn,po as fo,Jr as fp,bo as fq,go as fr,Pr as fs,Nr as ft,Cn as fu,kn as fv,Dn as fw,In as fx,xr as fy,Io as fz,Oo as g,Va as g0,qs as g1,xl as g2,El as g3,vl as g4,yl as g5,Jl as g6,Pl as g7,nc as g8,hh as g9,$y as gA,dx as gB,rx as gC,mh as ga,bp as gb,gp as gc,Sm as gd,Wm as ge,Lm as gf,qm as gg,eg as gh,Xd as gi,kg as gj,zn as gk,Im as gl,Ci as gm,Ei as gn,Ai as go,cy as gp,dy as gq,Yf as gr,Jy as gs,kb as gt,Iy as gu,Nx as gv,Xx as gw,Yx as gx,ob as gy,Qx as gz,km as h,id as i,lx as j,ox as k,nx as l,Wf as m,un as n,ln as o,sn as p,zc as q,Nf as r,If as s,xb as t,Wl as u,ib as v,Mf as w,$f as x,Fn as y,Ao as z};
|