@databrainhq/plugin 0.16.19 → 0.16.20-uat
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/dist/webcomponents.es.js
CHANGED
|
@@ -218673,7 +218673,11 @@ const wI0 = "_dbcLastLevel_1y1tv_19", QI0 = "_otherLevels_1y1tv_35", MI0 = "_cli
|
|
|
218673
218673
|
C && /* @__PURE__ */ h.jsx(o5, { variant: "body-text-2", color: "alert", children: C })
|
|
218674
218674
|
] }), gE = ({ children: t }) => {
|
|
218675
218675
|
const [n, i] = U0.useState(), a = (o) => {
|
|
218676
|
-
const s = [
|
|
218676
|
+
const s = [
|
|
218677
|
+
".dbn-selectBox",
|
|
218678
|
+
".dbn-selectBox-text",
|
|
218679
|
+
"#dbn-fullscreenView"
|
|
218680
|
+
], r = new RegExp(
|
|
218677
218681
|
s.map((l) => `${l}\\s*[^}]*}`).join("|"),
|
|
218678
218682
|
"g"
|
|
218679
218683
|
), C = o.match(r);
|
|
@@ -2054,7 +2054,7 @@ Valid keys: `+JSON.stringify(Object.keys(v0),null," "));var o3=y7(x3,_3,P0,J0,W
|
|
|
2054
2054
|
${u===n?`${fc["active-dimension"]} dbn-active-crumb ${fc.disabledLevel}`:`${fc.otherLevels} dbn-crumb ${fc.clickableLevels}`}
|
|
2055
2055
|
`,onClick:()=>{o(u)},children:[e.toString()[0].toUpperCase()+e.toString().substring(1),u===t.length-1?"":" > "]},e))})}),Hg2=({drillDownSettings:t,onResetLevel:n,onDrillLevelClick:i,isMetricCard:o,isMetricFilter:a,isShowBreadCrumb:s})=>{var l,e,u,A;const r=U0.useMemo(()=>{var f,d,g,E,m;return!!((m=(E=(f=t==null?void 0:t.configV2)==null?void 0:f.levels)==null?void 0:E[((g=(d=t==null?void 0:t.configV2)==null?void 0:d.levels)==null?void 0:g.length)-1])!=null&&m.isEnable)},[(l=t==null?void 0:t.configV2)==null?void 0:l.levels]),C=U0.useMemo(()=>{var f,d;return((d=(f=t==null?void 0:t.configV2)==null?void 0:f.levels)==null?void 0:d.findIndex(g=>g.isEnable))||0},[(e=t==null?void 0:t.configV2)==null?void 0:e.levels]);return h.jsx("div",{className:`${fc["dbc-container"]} ${r?o?a?"":fc.dbcLastCardLevel:fc.dbcLastLevel:""}`,children:s&&h.jsx(h.Fragment,{children:(A=(u=t==null?void 0:t.configV2)==null?void 0:u.levels)==null?void 0:A.map((f,d)=>{var g,E,m,L;return h.jsxs(h.Fragment,{children:[d!==0?h.jsx("span",{className:`${fc.otherLevels} dbn-crumb`,children:">"}):null,h.jsx("span",{className:`${f!=null&&f.isEnable?`${fc["active-dimension"]} dbn-active-crumb`:`${fc.otherLevels} dbn-crumb`} ${C===d?fc.disabledLevel:fc.clickableLevels}`,onClick:async()=>{C===d||!(f!=null&&f.index)||await i(f==null?void 0:f.index)},children:(E=(g=f==null?void 0:f.name)==null?void 0:g.toLowerCase())!=null&&E.includes("drill level")?(L=(m=f==null?void 0:f.dimensions)==null?void 0:m[0])==null?void 0:L.alias:f==null?void 0:f.name},f==null?void 0:f.index)]})})})})},kk={imgDiv:"_imgDiv_amk94_1",chartTypePanel:"_chartTypePanel_amk94_9",chartOptions:"_chartOptions_amk94_17",chartOption:"_chartOption_amk94_17"},Ok=({chartTypePanelProps:{onChartChange:t,enabledCharts:n,selectedChart:i,isOpen:o,onClose:a,zIndex:s,inline:r,onClickSettings:C}})=>{const[l,e]=U0.useState(""),[u,A]=U0.useState(oP||[]),[f,d]=U0.useState("");return U0.useEffect(()=>{const g=Object.values(C22),E=oP.map(m=>{var w;const L=(w=m==null?void 0:m.value)==null?void 0:w.filter(x=>{var S;return g==null?void 0:g.includes((S=x==null?void 0:x.name)==null?void 0:S.toLowerCase())});return(L==null?void 0:L.length)>0?{...m,value:L}:null}).filter(m=>m!==null);if(l){const m=cq2(E,l);A(m)}else A(E)},[l]),h.jsx(ad,{isOpen:o,onClose:a,size:"small",side:"right",hideFooter:!0,headerTitle:"Chart Types",zIndex:s,children:h.jsxs("div",{className:kk.chartTypePanel,id:"chart-types",children:[h.jsx(Rm,{setSearchKeyword:e}),u!=null&&u.length?u==null?void 0:u.map((g,E)=>{var m;return h.jsxs("div",{className:"dbn-w-full dbn-flex dbn-flex-col dbn-gap-3",children:[h.jsx(o6,{variant:"heading-6",children:g.key}),h.jsx("div",{className:kk.chartOptions,children:(m=g.value)==null?void 0:m.map((L,w)=>{var D,_,W,c2;const x=!n.includes((D=L.name)==null?void 0:D.toLowerCase()),S=["top","top-left","top-right"].includes((L==null?void 0:L.position)||"")?L==null?void 0:L.position:E===(u==null?void 0:u.length)-1?(_=ja2(w+1))==null?void 0:_.replace("bottom","top"):ja2(w+1);return h.jsx(_u2,{text:L.label,subText:x?L.enabledCondition:"",headingIcon:x?"stop":void 0,position:S,children:h.jsx("div",{className:kk.chartOption,"data-testid":(W=L.name)==null?void 0:W.toLowerCase().replaceAll(" ","-"),children:h.jsx(i8,{id:L.name.replaceAll(" ","-"),type:"button",variant:"popover",onClick:()=>{var M2;t((M2=L.name)==null?void 0:M2.toLowerCase())},isDisabled:x,className:"dbn-w-full dbn-h-fit",children:h.jsx("div",{className:`${kk.imgDiv} ${((c2=L.name)==null?void 0:c2.toLowerCase())!==i?"dbn-border-secondary":"dbn-border-primary dbn-border"}`,children:h.jsx("img",{src:x?L.disabledIcon:L.icon,alt:"",style:{width:"109px",height:"81px"}})})},L.name)},L.name)},L.name)})})]},g.key)}):h.jsx(Ml,{message:"No Charts Available.",subText:"Try adjusting your search.",msgGap:"4px",subTextGap:"6px",msgVariant:"sec-heading-4"})]})})},qn0=({isOpen:t,onClose:n,report:i,isLoading:o,subText:a,zIndex:s,inline:r})=>{const[C,l]=U0.useState(!1),e=()=>{var u;return h.jsxs("div",{className:"dbn-w-full dbn-h-full dbn-px-6 dbn-py-3",children:[h.jsxs("div",{className:"dbn-w-full dbn-flex dbn-justify-between dbn-items-center dbn-py-4",children:[h.jsxs("span",{className:"dbn-flex dbn-flex-col dbn-gap-2 dbn-items-center",children:[h.jsx(o6,{variant:"heading-3",children:"Summary"},"summary"),a&&h.jsx(o6,{variant:"small-text",children:a},a)]}),h.jsx(i8,{variant:"popover",leftIcon:h.jsx(p8,{name:"cross",size:"xs"}),onClick:n})]}),o?h.jsx(Gl,{variant:"list"}):h.jsx("div",{className:"dbn-h-[90%] dbn-w-full dbn-overflow-auto",children:i!=null&&i.split(`
|
|
2056
2056
|
`).length?h.jsxs(Pa,{direction:"col",className:"dbn-gap-2",children:[(u=i==null?void 0:i.split(`
|
|
2057
|
-
`))==null?void 0:u.map(A=>h.jsx(o6,{children:A},A)),h.jsx(i8,{variant:"popover",onClick:()=>{Ua2(i),l(!0),setTimeout(()=>{l(!1)},3e3)},leftIcon:h.jsx(p8,{name:"copy"}),children:C?"Copied":"Copy"})]}):h.jsx(o6,{children:"Not Found"},"not found")})]})};return h.jsx(h.Fragment,{children:r?e():h.jsx(ad,{isOpen:t,onClose:n,hideFooter:!0,side:"right",size:"small",hideHeader:!0,zIndex:s,children:e()})})},Dg2={lessWidth:"_lessWidth_1lhha_1",moreWidth:"_moreWidth_1lhha_9"},$n0=({deleteConfig:t,onDeleteMetric:n,setDeleteConfig:i,error:o,isDeletingMetric:a})=>{const[s,r]=U0.useState(!1);return h.jsxs(Gu,{isOpen:(t==null?void 0:t.isDelete)||!1,onClose:()=>i==null?void 0:i({isDelete:!1,step:0}),headerTitle:"Delete Metric",zIndex:9999999999,children:[h.jsx("div",{className:`dbn-px-6 dbn-pb-4 ${(t==null?void 0:t.step)===0?Dg2.lessWidth:Dg2.moreWidth}`,children:(t==null?void 0:t.step)===0?h.jsxs("div",{className:"dbn-w-full dbn-flex dbn-flex-col dbn-gap-4",children:[h.jsxs(o6,{variant:"body-text-2",color:"light-text",children:["Deleting ‘",t==null?void 0:t.name,"’ will permanently remove it from the dashboard and the metrics list."]}),h.jsx(o6,{variant:"body-text-2",color:"light-text",children:"This action can’t be undone."})]}):h.jsxs(Pa,{direction:"col",className:"dbn-gap-4",children:[h.jsx(o6,{variant:"body-text-2",children:"Deleting this metric will permanently remove it from all dashboards and the metrics list. This action is irreversible. If you need to recover this metric, please do so before proceeding."}),h.jsxs(Pa,{direction:"col",className:"dbn-gap-2",children:[h.jsx(o6,{variant:"heading-5",children:"I understand that:"}),h.jsxs("ul",{className:"dbn-w-full dbn-flex dbn-flex-col dbn-gap-0",children:[h.jsxs("li",{className:"dbn-w-full dbn-flex dbn-gap-2 dbn-items-center",children:[h.jsx("span",{className:"dbn-w-1.5 dbn-h-1.5 dbn-block dbn-bg-primary dbn-rounded-full"}),h.jsx(o6,{variant:"body-text-2",children:"The metric will be permanently deleted."})]}),h.jsxs("li",{className:"dbn-w-full dbn-flex dbn-gap-2 dbn-items-center",children:[h.jsx("span",{className:"dbn-w-1.5 dbn-h-1.5 dbn-block dbn-bg-primary dbn-rounded-full"}),h.jsx(o6,{variant:"body-text-2",children:"Associated dashboards will lose access to it."})]}),h.jsxs("li",{className:"dbn-w-full dbn-flex dbn-gap-2 dbn-items-center",children:[h.jsx("span",{className:"dbn-w-1.5 dbn-h-1.5 dbn-block dbn-bg-primary dbn-rounded-full"}),h.jsx(o6,{variant:"body-text-2",children:"This action cannot be undone."})]})]})]}),h.jsxs(Pa,{direction:"col",className:"dbn-gap-2",children:[h.jsxs(o6,{variant:"body-text-2",children:["Type"," ",h.jsxs("span",{className:"dbn-font-medium",children:["'",t==null?void 0:t.name,"'"]})," ","to confirm"]}),h.jsx(c5,{placeholder:"Type here",name:"delete-metric-name",value:t==null?void 0:t.confirmedName,onChange:C=>{C.target.value&&C.target.value!==(t==null?void 0:t.name)?r(!0):r(!1),i==null||i(l=>({...l,confirmedName:C.target.value}))},error:s?"Metric name does not match. Please try again.":"",onPaste:C=>C.preventDefault(),autoComplete:"off"})]}),o?h.jsx(ml,{text:o,variant:"error"}):null]})}),h.jsxs(td,{children:[h.jsx(i8,{variant:"tab",onClick:()=>i==null?void 0:i({isDelete:!1,step:0}),children:"Cancel"}),h.jsx(i8,{variant:"primary",onClick:()=>{(t==null?void 0:t.step)===0&&(i==null||i(C=>({...C,step:1}))),(t==null?void 0:t.step)===1&&(t!=null&&t.id)&&(n==null||n(t==null?void 0:t.id))},className:"dbn-bg-alert hover:dbn-bg-discard-hover",dataTestTitle:"delete",isDisabled:(t==null?void 0:t.step)===1&&(a||(t==null?void 0:t.confirmedName)!==(t==null?void 0:t.name)),children:(t==null?void 0:t.step)===0?"Continue":"Delete Permanently"})]})]})},ov={shimmer:"_shimmer_1ad7p_19"},Gl=({height:t="6",className:n,variant:i,tableRows:o})=>{if(i==="table"){const a=o||6,s=[];for(let r=0;r<a;r+=1)s.push(h.jsxs("div",{children:["Item ",r+1]},r));return h.jsx("div",{className:"dbn-w-full",children:h.jsxs("table",{className:"dbn-w-full",children:[h.jsx("thead",{className:"dbn-bg-white dbn-border-b dbn-border-secondary dbn-p-2",children:h.jsx("tr",{className:"dbn-w-full",children:s==null?void 0:s.map((r,C)=>h.jsx("th",{className:"dbn-p-4 dbn-border-r dbn-border-secondary dbn-bg-gray",children:h.jsx("div",{className:`${ov.shimmer} dbn-bg-gray dbn-rounded-md dbn-w-full dbn-h-${t} ${n}`})},`${C}_th`))})}),h.jsx("tbody",{children:s==null?void 0:s.map((r,C)=>h.jsx("tr",{children:s==null?void 0:s.map((l,e)=>h.jsx("td",{className:"dbn-p-4",children:h.jsx("div",{className:`${ov.shimmer} dbn-bg-gray dbn-rounded-md dbn-w-full dbn-h-${t} ${n}`})},`${e}_${C}`))},C))})]})})}return i==="list"?h.jsxs("div",{className:"dbn-w-full dbn-flex dbn-flex-col dbn-gap-3",children:[h.jsx("div",{className:`${ov.shimmer} dbn-bg-gray dbn-rounded-md dbn-w-full dbn-h-${t} ${n}`}),h.jsx("div",{className:`${ov.shimmer} dbn-bg-gray dbn-rounded-md dbn-w-full dbn-h-${t} ${n}`}),h.jsx("div",{className:`${ov.shimmer} dbn-bg-gray dbn-rounded-md dbn-w-full dbn-h-${t} ${n}`}),h.jsx("div",{className:`${ov.shimmer} dbn-bg-gray dbn-rounded-md dbn-w-full dbn-h-${t} ${n}`}),h.jsx("div",{className:`${ov.shimmer} dbn-bg-gray dbn-rounded-md dbn-w-full dbn-h-${t} ${n}`})]}):h.jsx("div",{className:`${ov.shimmer} dbn-bg-gray dbn-rounded-md dbn-w-full dbn-h-${t} ${n}`})},Pk=({userIdentifier:t,metric:n,colors:i,underlyingTheme:o,rlsFilters:a,metricFilterOptions:s,onMinimize:r,onArchive:C,clientId:l,tenancyLevel:e,companyId:u,externalDashboardId:A,userProvidedDashboardId:f,isAllowedToUpdateMetrics:d,sharingSettingsId:g,appFilters:E,isInternalApp:m,isShowChartConfigTab:L,isHideChartSettings:w,isHideTablePreview:x,isAllClient:S,globalFilters:D={tableName:"",filters:[]},onDownload:_,downloadMetrics:W,isFrontendApp:c2,guestToken:M2,encryptedClient:o2,workspaceId:g2,clientColumnType:H2,isEnableMetricSummary:T2,hideDatePickerOptions:m2,chartAppearance:O2,enableEmailCsv:Y2,shouldFitFullScreen:f0,onServerEvent:p0,disableDownloadPng:Q0,isAllowToDownloadMetrics:v0,datasourceId:_2,appliedMetricFilters:Y0,language:b0,translationDictionary:P0,onDeleteMetric:J0,deleteConfig:W2,setDeleteConfig:x3,deleteError:D1,isDeletingExternalMetric:B3,calendarType:_3="default",onEditMetric:y7,isDataApp:o3,canDeleteMetric:g7=!1,randomId:N3,disableDownloadDataNoFilters:M6=!1,disableDownloadUnderlyingDataNoFilters:r6=!1,viewMetricData:x6,dataMartTables:w3,refetchDashboardData:r0})=>{var se,z4,te,q4,it,x9,n4,n1,A3,q3,V3,i6,c3,s7,Q6,Z6,N8,J8,R9,Q7,$3,V1,e7,n6,L6,Y6,K8,a8,P8,s9,w9,M5,s4,z5,C4,m4,re,_e,mt,ar,bt,Fn,Kn,Di,_i,Xi,Si,Ki,co,bo,An,fi,Ji,ge,Hr,nn,di,Jn,pr,s8,r8,i9,y8,O9,U8,$9,T5,R5;const K3=U0.useRef(),[K7,e6]=U0.useState([]),[c6,f6]=U0.useState(!1),[H6,I1]=U0.useState(!1),[m3,d7]=U0.useState(!1),S7=U0.useMemo(()=>{var l8;return{...D,filters:(l8=D==null?void 0:D.filters)==null?void 0:l8.filter(A9=>{var t9;return!((t9=A9==null?void 0:A9.restrictedMetrics)!=null&&t9.some(S9=>S9.value===(n==null?void 0:n.id)))})}},[D,n]),{refetchMetricData:b7,queryError:n3,dataDb:p7,drillDownSettings:U7,variables:Y7,getUnderlyingData:U6,handleChartClick:X7,columnName:w6,setShowChartPopup:h8,isShowChartPopup:o9,isQueryLoading:Y8,chartParams:m9,onChangeFilterValue:O8,onDrillDown:s5,drilledLevel:Q8,dimensions:n5,isEnableNextBtn:h9,isEnablePrevBtn:r4,paginationInfo:b5,onChangePage:B4,isExternalChart:x1,onDrillLevelClick:b9,metricFilters:J9,filterValues:I5,dynamicOptions:f5,isSingleValueNull:W5,containerRef:v6,chartSettings:S1,setChartSettings:z7,leftPositionedMetricFilters:F6,rightPositionedMetricFilters:B6,updateFilter:J3,tableResultsDownloadData:d6,appliedMetricFilters:J7,pivotHeaderOptions:V7,pivotDrillState:T7,onDrillPivotTable:C3,legendData:$7,timeseriesDimension:q7,isPythonMode:g8,isSorted:v9,isInavlidForSort:c8,sortOrder:O3,setSortOrder:G9,onAddComparison:v8,groupedRlsConditions:X8,onGenerateMetricSummary:J6,summary:u5,setSummary:f8,setNotFirstRender:i5,dataMartRelationships:p4,onChartChange:$5,isCompareValue:ae,isShowChartPropertyPanel:N4,setShowChartPropertyPanel:M4,columnList:e4,metricName:Ie,drilldownCols:Z5,switchMeasureOptions:R6,dateFilter:_8,enabledCharts:S6,tableColumnFilters:M8,onChangePaginationColumnFilters:c9,customSwitchXAxis:D9}=H_({dataMartTables:w3,viewMetricData:x6,datasourceId:_2,metric:n,rlsFilters:a,tenancyLevel:e,clientId:l,appFilters:E,isInternalApp:m,metricFilterOptions:s,isAllClient:S,globalFilters:S7,isFrontendApp:c2,guestToken:M2,encryptedClientId:o2,workspaceId:g2,onServerEvent:p0,clientColumnType:H2,appliedCardMetricFilters:Y0,language:b0,translationDictionary:P0,calendarType:_3,isFullScreen:N3}),{updateExternalMetric:q8,error:F5,isLoading:o8,onPublishMetric:f9}=EM({onServerEvent:p0,onSuccess:async()=>{d7(!1),r(),r0==null||r0()},selectedColumns:[],companyIntegrationId:n.companyIntegrationId,query:n.query,metricQuery:n.metricQuery,integrationName:n.integrationName,outputColumns:n.outputColumns,chartSettings:S1,datasetMetricSettings:n.datasetMetricSettings,clientId:l,companyId:u,isLiveMode:n.isLive,timeGrain:n.timeGrain,dashboardIds:[A],isEnableGroupBy:n.isEnableGroupBy,groupBy:n.groupBy,selectedGroupBy:n.selectedGroupBy,metric:n}),{isDisableDownloadSettings:p9}=D_({sharingSettingsId:g,workspaceId:g2}),I9=U0.useMemo(()=>(Y2==null?void 0:Y2.toString())&&Y2||!(Y2!=null&&Y2.toString())&&!p9,[p9,Y2]),F9=U0.useMemo(()=>{var A9;let l8=XY({chartSettings:S1,translationDictionary:P0,variables:Y7,language:b0});return(A9=n==null?void 0:n.drillDownSettings)!=null&&A9.isEnableGroupBy&&p7.length&&Q8===(n5==null?void 0:n5.length)&&(l8={...l8,chartType:"table",yAxisList:n5!=null&&n5[0]?[n5==null?void 0:n5[0],...S1.yAxisList||[]]:S1.yAxisList}),l8},[(se=n==null?void 0:n.drillDownSettings)==null?void 0:se.isEnableGroupBy,p7.length,Q8,n5,S1,Y7,b0,P0]),m5=l8=>{var A9,t9,S9,b4,J5,Xe,Ze,pt,Re,ne,me,Se,be;return S1.chartType===B0.table||(A9=n.drillDownSettings)!=null&&A9.isEnableGroupBy&&Q8===(n5==null?void 0:n5.length)?(t9=l8==null?void 0:l8.find(yn=>{var qn,$n;return yn.columnName===(($n=(qn=n==null?void 0:n.clickActions)==null?void 0:qn.chart)==null?void 0:$n.valueColumn)}))==null?void 0:t9.value:[B0.sankey,B0.treeMap].includes(S1==null?void 0:S1.chartType)?l8==null?void 0:l8.value:((b4=(S9=n.clickActions)==null?void 0:S9.chart)==null?void 0:b4.valueColumn)===(S1==null?void 0:S1.xAxis)||(S1==null?void 0:S1.chartType)===B0.gauge&&((Xe=(J5=n.clickActions)==null?void 0:J5.chart)==null?void 0:Xe.valueColumn)===((pt=(Ze=S1==null?void 0:S1.gaugeSettings)==null?void 0:Ze.dimensions)==null?void 0:pt.join(", "))?l8==null?void 0:l8.name:(l8==null?void 0:l8.seriesName)===((ne=(Re=n.clickActions)==null?void 0:Re.chart)==null?void 0:ne.valueColumn)||(S1==null?void 0:S1.chartType)===B0.gauge&&((Se=(me=n.clickActions)==null?void 0:me.chart)==null?void 0:Se.valueColumn)===((be=S1==null?void 0:S1.gaugeSettings)==null?void 0:be.metric)||[B0.funnel].includes(S1.chartType)?l8==null?void 0:l8.value:null},t5=U0.useMemo(()=>{var A9,t9,S9,b4,J5;const l8=Object.keys((p7==null?void 0:p7[0])||{})||[];if(S1.chartType===B0.timeSeries){const Xe=(A9=n==null?void 0:n.chartOptions)==null?void 0:A9.xAxis,Ze=S1==null?void 0:S1.xAxis,pt=!!((b4=(S9=(t9=S1==null?void 0:S1.timeSeriesSettings)==null?void 0:t9.groupBySettings)==null?void 0:S9.options)!=null&&b4.find(Re=>{var ne,me,Se;return(Se=Xe==null?void 0:Xe.toLowerCase())==null?void 0:Se.includes(((me=(ne=Re==null?void 0:Re.split("____"))==null?void 0:ne[0])==null?void 0:me.toLowerCase())||"")}));if(Xe&&Ze&&!pt)return p7==null?void 0:p7.map(Re=>l8.reduce((ne,me)=>{var Se,be;return me===Ze?ne[Xe||""]=RS(((be=(Se=S1==null?void 0:S1.timeSeriesSettings)==null?void 0:Se.groupBySettings)==null?void 0:be.value)||"monthly",Re[me]):ne[me]=Re[me],ne},{}))}if(ae&&((J5=S1==null?void 0:S1.customSettings)!=null&&J5.comparisonTimeLabel)){const Xe="_timestamp";return p7==null?void 0:p7.map(Ze=>l8.reduce((pt,Re)=>{var ne;return Re===Xe?pt[((ne=S1==null?void 0:S1.customSettings)==null?void 0:ne.comparisonTimeLabel)||""]=Ze[Re]:pt[Re]=Ze[Re],pt},{}))}return p7},[p7,ae,(z4=S1==null?void 0:S1.customSettings)==null?void 0:z4.comparisonTimeLabel,S1==null?void 0:S1.chartType,n==null?void 0:n.chartOptions,S1==null?void 0:S1.xAxis,(q4=(te=S1==null?void 0:S1.timeSeriesSettings)==null?void 0:te.groupBySettings)==null?void 0:q4.value]),Z4=U0.useMemo(()=>YQ(i||[],(S1==null?void 0:S1.chartColors)||[]),[i,S1==null?void 0:S1.chartColors]),l4=U0.useMemo(()=>[B0.row,B0.horizontalStack].includes(S1==null?void 0:S1.chartType)?"Dynamic y-axis":"Dynamic x-axis",[S1==null?void 0:S1.chartType]),K9=U0.useMemo(()=>[B0.row,B0.horizontalStack].includes(S1==null?void 0:S1.chartType)?"Dynamic x-axis":"Dynamic y-axis",[S1==null?void 0:S1.chartType]);U0.useEffect(()=>{var l8;if(localStorage.getItem("fsMetricCs")){const A9=(l8=JSON.parse(localStorage.getItem("fsMetricCs")||""))==null?void 0:l8.defaultRowSize;A9&&z7(t9=>({...t9,tableSettings:{...t9.tableSettings,defaultRowSize:A9}}))}},[]),U0.useEffect(()=>{var l8;localStorage.setItem("fsMetricCs",JSON.stringify({metricId:n.id,defaultRowSize:(l8=S1==null?void 0:S1.tableSettings)==null?void 0:l8.defaultRowSize}))},[S1]);const k5=U0.useMemo(()=>{var l8,A9,t9,S9,b4;return(S1==null?void 0:S1.chartType)===B0.singleValue&&((l8=S1==null?void 0:S1.customSettings)!=null&&l8.singleValuePrefix)?nl(((A9=S1==null?void 0:S1.customSettings)==null?void 0:A9.singleValuePrefix)||"^^^^^",Y7):(t9=S1==null?void 0:S1.customSettings)!=null&&t9.labelPrefix?nl(((S9=S1==null?void 0:S1.customSettings)==null?void 0:S9.labelPrefix)||"^^^^^",Y7):(b4=S1==null?void 0:S1.customSettings)==null?void 0:b4.labelPrefix},[S1==null?void 0:S1.chartType,(it=S1==null?void 0:S1.customSettings)==null?void 0:it.labelPrefix,(x9=S1==null?void 0:S1.customSettings)==null?void 0:x9.singleValuePrefix,Y7]),V4=U0.useMemo(()=>{var l8,A9,t9,S9,b4;return(S1==null?void 0:S1.chartType)===B0.singleValue&&((l8=S1==null?void 0:S1.customSettings)!=null&&l8.singleValueSuffix)?nl(((A9=S1==null?void 0:S1.customSettings)==null?void 0:A9.singleValueSuffix)||"^^^^^",Y7):(t9=S1==null?void 0:S1.customSettings)!=null&&t9.labelSuffix?nl(((S9=S1==null?void 0:S1.customSettings)==null?void 0:S9.labelSuffix)||"^^^^^",Y7):(b4=S1==null?void 0:S1.customSettings)==null?void 0:b4.labelSuffix},[S1==null?void 0:S1.chartType,(n4=S1==null?void 0:S1.customSettings)==null?void 0:n4.labelSuffix,(n1=S1==null?void 0:S1.customSettings)==null?void 0:n1.singleValueSuffix,Y7]),T4=U0.useMemo(()=>{var l8;return(S1==null?void 0:S1.chartType)===B0.table&&!!((l8=S1==null?void 0:S1.tableSettings)!=null&&l8.enableTableSearch)},[S1==null?void 0:S1.chartType,(A3=S1==null?void 0:S1.tableSettings)==null?void 0:A3.enableTableSearch]),O4=U0.useMemo(()=>{var l8,A9,t9,S9,b4,J5,Xe;return((l8=S1==null?void 0:S1.dynamicXAxis)==null?void 0:l8.isEnabled)||((A9=S1==null?void 0:S1.dynamicYAxis)==null?void 0:A9.isEnabled)||(S1==null?void 0:S1.isDynamicSeries)||((t9=S1==null?void 0:S1.customSettings)==null?void 0:t9.isEnableSwitchMeasure)||((S9=S1==null?void 0:S1.timeSeriesSettings)==null?void 0:S9.groupBySettings.isDynamic)||((b4=S1==null?void 0:S1.customSettings)==null?void 0:b4.showSelectLegend)||((J5=S1==null?void 0:S1.pivotTableSettings2)==null?void 0:J5.isDynamicHeaders)&&(S1==null?void 0:S1.chartType)===B0.pivotV2||((Xe=S1==null?void 0:S1.pivotTableSettings3)==null?void 0:Xe.isDynamicHeaders)&&(S1==null?void 0:S1.chartType)===B0.pivotV3},[(q3=S1==null?void 0:S1.dynamicXAxis)==null?void 0:q3.isEnabled,(V3=S1==null?void 0:S1.dynamicYAxis)==null?void 0:V3.isEnabled,S1==null?void 0:S1.isDynamicSeries,(i6=S1==null?void 0:S1.timeSeriesSettings)==null?void 0:i6.groupBySettings.isDynamic,(c3=S1==null?void 0:S1.customSettings)==null?void 0:c3.showSelectLegend,(s7=S1==null?void 0:S1.pivotTableSettings2)==null?void 0:s7.isDynamicHeaders,(Q6=S1==null?void 0:S1.pivotTableSettings3)==null?void 0:Q6.isDynamicHeaders,S1==null?void 0:S1.chartType,(Z6=S1==null?void 0:S1.customSettings)==null?void 0:Z6.isEnableSwitchMeasure]);return h.jsxs("div",{className:`${Bs.fullScreen} ${f0?Bs.fitFull:Bs.screen}`,children:[h.jsxs("section",{className:Bs.header,children:[h.jsxs("div",{className:Bs.headerBlock,children:[h.jsx(ha,{text:"Back",children:h.jsx(i8,{variant:"popover",type:"button",onClick:r,leftIcon:h.jsx("div",{className:Bs.backButton,children:h.jsx(p8,{name:"arrow-left"})})})}),h.jsx(o6,{variant:"body-text-1",children:Ie}),(N8=S7==null?void 0:S7.filters)!=null&&N8.length?h.jsx(ml,{text:"Global Filters are applied.",variant:"info"}):null,(J8=W==null?void 0:W.find(l8=>l8.id===(n==null?void 0:n.id)))!=null&&J8.isInProgress?h.jsx(ml,{text:"Download is in progress",variant:"primary"}):null]}),h.jsxs("div",{className:`${Bs.headerBlock} ${Bs.headerBlockRight}`,children:[c2&&(n!=null&&n.id)&&g7?h.jsx(i8,{variant:"popover",type:"button",onClick:()=>x3==null?void 0:x3({isDelete:!0,step:0,id:(n==null?void 0:n.id)||"",name:(n==null?void 0:n.name)||""}),leftIcon:h.jsx(ha,{text:"Delete Metric",children:h.jsx("div",{className:Bs.backButton,"data-testid":"delete-metric-btn",children:h.jsx(p8,{name:"delete",color:"alert"})})})}):null,T2&&h.jsx(i8,{variant:"popover",type:"button",onClick:()=>{J6(),M4(!1),I1(!1)},leftIcon:h.jsx(ha,{text:"AI Insights",showTooltip:!u5.isOpen,children:h.jsx("div",{className:Bs.backButton,"data-testid":"ai-insights-btn",children:h.jsx(p8,{name:"wand"})})}),isDisabled:!(p7!=null&&p7.length)}),w?null:h.jsx(ha,{text:"Chart Types",showTooltip:!H6,children:h.jsx(i8,{variant:"popover",type:"button",onClick:()=>{I1(!0),f8(l8=>({...l8,isOpen:!1,isLoading:!1}))},leftIcon:h.jsx("div",{className:Bs.backButton,"data-testid":"chart-types-btn",children:h.jsx(p8,{name:"bar-chart"})})})}),C?h.jsx(ha,{text:"Archive Metric",children:h.jsx(i8,{variant:"popover",type:"button",onClick:()=>C(n.id,(n==null?void 0:n.metricId)||""),leftIcon:h.jsx("div",{className:Bs.backButton,"data-testid":"archive-metric-btn",children:h.jsx(p8,{name:"archive"})})})}):null,c2||(v0??!0)?h.jsx(bn0,{disableDownloadDataNoFilters:M6,timeseriesSettings:g8||(S1==null?void 0:S1.chartType)!==B0.timeSeries?void 0:{format:((Q7=(R9=S1==null?void 0:S1.timeSeriesSettings)==null?void 0:R9.groupBySettings)==null?void 0:Q7.value)||"monthly",seriesField:(S1==null?void 0:S1.seriesField)||"",isFiscal:_3==="ind"},isPythonMode:(V1=($3=n==null?void 0:n.datasetMetricSettings)==null?void 0:$3.newDatasetSettings)==null?void 0:V1.isPythonMode,onServerEvent:p0,isEnableEmailRawCsvDownload:I9,disableDownloadPng:Q0!=null&&Q0.toString()?Q0:!1,data:d6||[],chartRef:K3,metricName:Ie,onRawCsvData:()=>f6(!0),chartOptions:S1,companyIntegrationId:n.companyIntegrationId,integrationName:n.integrationName,metricData:{globalFilters:S7,rlsConditions:J7,tenancyLevel:e,id:n==null?void 0:n.id,dataSecuritySettings:{csvColumns:[]},filterValues:I5,isAllClient:S,options:{clientId:c2?o2||"":l,isFrontend:c2,token:M2}},updateDownloadProgress:l8=>_(n==null?void 0:n.id,l8)}):null,(n==null?void 0:n.createdByIdentifier)&&t&&(n==null?void 0:n.createdByIdentifier)===t&&h.jsx(ha,{text:n!=null&&n.isPublished?"Private":"Publish",children:h.jsx(i8,{type:"button",variant:"popover",onClick:()=>{f9==null||f9(n)},isDisabled:o8,leftIcon:h.jsx("div",{className:Bs.backButton,"data-testid":"publish-metric-btn",children:h.jsx(p8,{name:n!=null&&n.isPublished?"eye-slash":"eye"})})})})]}),h.jsx(ha,{text:"Close FS",children:h.jsx(i8,{variant:"popover",type:"button",onClick:r,leftIcon:h.jsx("div",{className:Bs.backButton,"data-testid":"close-fullscreen-btn",children:h.jsx(p8,{name:"cross"})})})})]}),h.jsxs("section",{className:Bs.body,onContextMenu:l8=>{l8.preventDefault()},id:"dbn-fullscreenView",children:[h.jsxs("div",{className:Bs.data,"data-state":u5.isOpen?"summary-open":"summary-closed",children:[h.jsxs("div",{className:`${Bs.metric} ${[B0.table,B0.trendAnalyzer].includes((S1==null?void 0:S1.chartType)||"")?Bs.tableMetric:""} ${x?Bs.fullMetric:""}`,ref:v6,children:[h.jsxs("div",{className:Bs.metricHeader,children:[O4&&h.jsx("div",{className:Bs.metricFilters,children:!!p7.length&&h.jsxs("div",{className:"dbn-w-full dbn-flex dbn-flex-wrap dbn-justify-end dbn-items-center dbn-gap-2",children:[(e7=S1==null?void 0:S1.dynamicXAxis)!=null&&e7.isEnabled?h.jsx(_4,{options:[...((n6=S1==null?void 0:S1.dynamicXAxis)==null?void 0:n6.options)||[],...(L6=S1==null?void 0:S1.dynamicXAxis)!=null&&L6.isEnableCustomFields?D9||[]:[]],onChange:l8=>z7(A9=>({...A9,dynamicXAxis:{...A9.dynamicXAxis,selectedOption:l8},xAxis:l8.value})),selectedOption:S1.dynamicXAxis.selectedOption||{value:"",label:""},label:l4,labelVariant:"floating",menuZIndex:999999999999}):null,(Y6=S1==null?void 0:S1.dynamicYAxis)!=null&&Y6.isEnabled?(K8=S1==null?void 0:S1.dynamicYAxis)!=null&&K8.isEnabledMultiselect?h.jsx(Xa,{options:((a8=S1.dynamicYAxis)==null?void 0:a8.options)||[],onChange:l8=>z7(A9=>({...A9,dynamicYAxis:{...A9.dynamicYAxis,selectedOption:l8==null?void 0:l8.map(t9=>({value:t9==null?void 0:t9.value,label:t9==null?void 0:t9.value}))},yAxisList:l8!=null&&l8.length?[...l8==null?void 0:l8.map(t9=>t9==null?void 0:t9.value)]:[]})),selectedOption:((P8=S1==null?void 0:S1.dynamicYAxis)==null?void 0:P8.selectedOption)||[{value:"",label:""}],label:K9,labelVariant:"floating",menuZIndex:999999999999}):h.jsx(_4,{options:((s9=S1.dynamicYAxis)==null?void 0:s9.options)||[],onChange:l8=>z7(A9=>({...A9,dynamicYAxis:{...A9.dynamicYAxis,selectedOption:[l8]},yAxisList:l8.value?[l8.value]:[]})),selectedOption:((M5=(w9=S1==null?void 0:S1.dynamicYAxis)==null?void 0:w9.selectedOption)==null?void 0:M5[0])||{value:"",label:""},label:K9,labelVariant:"floating",menuZIndex:999999999999}):null,(s4=S1==null?void 0:S1.customSettings)!=null&&s4.isEnableSwitchMeasure?h.jsx(_4,{options:R6,onChange:l8=>z7(A9=>{var t9,S9;return{...A9,sankeyValues:[((t9=A9==null?void 0:A9.sankeyValues)==null?void 0:t9[0])||"",((S9=A9==null?void 0:A9.sankeyValues)==null?void 0:S9[1])||"",l8.value]}}),selectedOption:{value:((z5=S1.sankeyValues)==null?void 0:z5[2])||"",label:((C4=S1.sankeyValues)==null?void 0:C4[2])||""},label:"Switch Measure",labelVariant:"floating",menuZIndex:999999999999}):null,S1!=null&&S1.isDynamicSeries?h.jsx(_4,{options:f5,onChange:l8=>z7(A9=>({...A9,seriesField:l8.value})),selectedOption:{label:(S1==null?void 0:S1.seriesField)||"ungrouped",value:(S1==null?void 0:S1.seriesField)||"ungrouped"},label:"Group by",labelVariant:"floating",menuZIndex:999999999999}):null,(m4=S1.timeSeriesSettings)!=null&&m4.groupBySettings.isDynamic?h.jsx(_4,{options:(re=S1.timeSeriesSettings.groupBySettings.options)==null?void 0:re.map(l8=>{var A9;return{label:l8.split("____").length>1?l8.split("____")[1]||((A9=l8==null?void 0:l8.split("____"))==null?void 0:A9[0]):l8,value:l8.split("____")[0]}}),onChange:l8=>z7(A9=>{var t9;return{...A9,timeSeriesSettings:{...A9.timeSeriesSettings,groupBySettings:{...(t9=A9.timeSeriesSettings)==null?void 0:t9.groupBySettings,value:l8.value}},xAxis:g8?A9.xAxis:`${l8.value} of ${q7}`}}),menuZIndex:999999999999,selectedOption:{label:xa2(((mt=(_e=S1==null?void 0:S1.timeSeriesSettings)==null?void 0:_e.groupBySettings)==null?void 0:mt.value)||""),value:(bt=(ar=S1==null?void 0:S1.timeSeriesSettings)==null?void 0:ar.groupBySettings)==null?void 0:bt.value},labelVariant:"floating",label:"Timeseries"}):null,((Fn=S1.pivotTableSettings2)==null?void 0:Fn.isDynamicHeaders)&&S1.chartType===B0.pivotV2||((Kn=S1.pivotTableSettings3)==null?void 0:Kn.isDynamicHeaders)&&S1.chartType===B0.pivotV3&&h.jsx(Xa,{onChange:l8=>{z7(A9=>{var t9;return{...A9,pivotTableSettings2:{...A9.pivotTableSettings2,headers:l8==null?void 0:l8.map(S9=>S9.value),dimensions:(t9=V7.filter(S9=>!l8.some(b4=>b4.value===S9.value)))==null?void 0:t9.map(S9=>S9.value)},pivotTableSettings3:{...A9.pivotTableSettings3,rows:l8==null?void 0:l8.map(S9=>S9.value)}}})},options:V7,selectedOption:(S1==null?void 0:S1.chartType)===B0.pivotV3?(V7==null?void 0:V7.filter(l8=>{var A9,t9;return(t9=(A9=S1==null?void 0:S1.pivotTableSettings3)==null?void 0:A9.rows)==null?void 0:t9.includes(l8.value)}))||[]:(V7==null?void 0:V7.filter(l8=>{var A9,t9;return(t9=(A9=S1==null?void 0:S1.pivotTableSettings2)==null?void 0:A9.headers)==null?void 0:t9.includes(l8.value)}))||[],isSearchEnabled:!0,menuWidth:"300px",menuZIndex:999999999999}),(Di=S1.customSettings)!=null&&Di.showSelectLegend?h.jsx(Xa,{label:"legend",labelVariant:"floating",options:$7!=null&&$7.length?$7==null?void 0:$7.map(l8=>({value:l8,label:l8})):[],onChange:l8=>{z7(A9=>({...A9,selectedSeries:(l8==null?void 0:l8.map(t9=>t9.value))||[]}))},selectedOption:((_i=$7==null?void 0:$7.filter(l8=>{var A9;return(A9=S1==null?void 0:S1.selectedSeries)==null?void 0:A9.some(t9=>t9===l8)}))==null?void 0:_i.map(l8=>({value:l8,label:l8})))||[],isSearchEnabled:!0,menuZIndex:999999999999}):null]})}),(!!J9.length||T4)&&h.jsxs("div",{className:`${Bs.metricFilters} ${O4?"":"dbn-h-full"}`,children:[h.jsxs("div",{className:`${S1!=null&&S1.isEnableComparisonFilter&&[B0.line].includes(S1.chartType)?"dbn-h-auto":"dbn-h-full"} dbn-w-full dbn-flex dbn-justify-between dbn-items-start`,children:[h.jsxs("div",{className:`${Bs.metricFilters} dbn-h-full ${T4?"dbn-w-[70%]":""}`,children:[h.jsx(KK,{filters:J9,updateFilter:J3}),(Xi=F6.filter(l8=>!l8.group))==null?void 0:Xi.map((l8,A9)=>h.jsx(hE,{globalFilters:S7,datasourceId:_2,isAllClient:S,hideDatePickerOptions:m2,workspaceId:g2,rlsConditions:l8,onChangeFilterValue:O8,clientId:l,className:F6.length-1===A9?Bs.filterTopLeft:"",rlsConditionList:[...F6,...B6],tenancyLevel:e,clientColumnType:H2},l8.name)),(Si=B6.filter(l8=>!l8.group))==null?void 0:Si.map((l8,A9)=>h.jsx(hE,{globalFilters:S7,datasourceId:_2,isAllClient:S,hideDatePickerOptions:m2,workspaceId:g2,rlsConditions:l8,onChangeFilterValue:O8,clientId:l,className:A9===0?Bs.filterTopRight:"",rlsConditionList:[...F6,...B6],tenancyLevel:e,clientColumnType:H2},l8.name)),(S1==null?void 0:S1.isEnableComparisonFilter)&&[B0.line].includes(S1.chartType)&&h.jsx(i8,{variant:"primary",onClick:()=>{v8()},children:"Add Comparison"})]}),T4&&h.jsx("div",{className:"dbn-h-full dbn-w-[30%]",children:h.jsx(My,{value:typeof(K7==null?void 0:K7[0])=="string"?K7==null?void 0:K7[0]:"",onChange:l8=>e6(()=>[String(l8)]),placeholder:"Search",className:p7!=null&&p7.length?"":"dbn-invisible"})})]}),X8&&(S1==null?void 0:S1.isEnableComparisonFilter)&&[B0.line].includes(S1.chartType)&&((Ki=Object.keys(X8))==null?void 0:Ki.map(l8=>{var A9;return h.jsxs("div",{className:`${Bs.metricFilters} dbn-h-auto`,children:[(A9=X8==null?void 0:X8[l8])==null?void 0:A9.map((t9,S9)=>h.jsx(hE,{globalFilters:S7,datasourceId:_2,isAllClient:S,hideDatePickerOptions:m2,workspaceId:g2,rlsConditions:t9,onChangeFilterValue:O8,clientId:l,className:S9===0?Bs.filterTopRight:"",rlsConditionList:[...F6,...B6],tenancyLevel:e,clientColumnType:H2},t9.name)),h.jsx(i8,{variant:"popover",leftIcon:h.jsx(p8,{name:"cross"}),className:"dbn-h-9 dbn-flex dbn-items-center dbn-justify-center dbn-px-2 dbn-w-full dbn-border dbn-border-secondary dbn-rounded-md",onClick:()=>{v8(!0)}})]})}))]})]}),h.jsxs("div",{className:`${Bs.chartWrapper} ${[B0.table,B0.trendAnalyzer].includes((S1==null?void 0:S1.chartType)||"")?Bs.tableChartWrapper:""}`,children:[![B0.boxplot,B0.horizontalStackTable,B0.pivot,B0.pivotV2,B0.pivotV3,B0.gauge].includes(S1==null?void 0:S1.chartType)||S1.chartType===B0.gauge&&n.clickActions.chart.isEnable?h.jsx(oJ,{disableDownloadUnderlyingDataNoFilters:r6,language:b0,underlyingTheme:o,translationDictionary:P0,clientColumnType:H2,isOpen:o9,setOpen:h8,isInavlidForSort:c8,isGaugeChart:S1.chartType===B0.gauge,value:m9==null?void 0:m9.name,columnName:w6,getUnderlyingData:U6,elementRef:{containerRef:v6,event:(co=m9==null?void 0:m9.event)==null?void 0:co.event},position:"dynamic",isSingleValueChart:!![B0.singleValue].includes(S1==null?void 0:S1.chartType),isEnableSort:(bo=S1==null?void 0:S1.customSettings)==null?void 0:bo.isEnableSort,setSortOrder:G9,rawCsvDownloadButtonProps:{data:[],fileName:n==null?void 0:n.name,companyIntegrationId:n==null?void 0:n.companyIntegrationId,integrationName:n==null?void 0:n.integrationName,isPythonMode:g8,metricData:{options:{clientId:c2?o2||"":l,isFrontend:c2,token:M2},globalFilters:{...S7,filters:((An=S7==null?void 0:S7.filters)==null?void 0:An.filter(l8=>l8.isVariableFilter))||[]},rlsConditions:J7==null?void 0:J7.filter(l8=>l8.isVariableFilter),tenancyLevel:e,id:n==null?void 0:n.id,dataSecuritySettings:{csvColumns:[]},filterValues:I5,isAllClient:S},updateDownloadProgress:()=>{},children:h.jsx(h.Fragment,{children:h.jsx(p8,{name:"download"})})}}):null,!((fi=F9==null?void 0:F9.tableSettings)!=null&&fi.isEnableColumnFilter&&((Ji=F9==null?void 0:F9.tableSettings)!=null&&Ji.isServerSidePagination))&&h.jsx(gg2,{isLoading:Y8,isDataLength:!!p7.length,isSingleValue:S1.singleValue,dataDb:p7[0],chartType:"",error:n3,onReload:()=>b7()}),((ge=n==null?void 0:n.drillDownSettings)==null?void 0:ge.isEnableGroupBy)&&!!p7.length&&h.jsx(h.Fragment,{children:h.jsx(Hg2,{drillDownSettings:U7,onResetLevel:async()=>await b9("",!0),onDrillLevelClick:async l8=>await b9(l8),isShowBreadCrumb:!!((nn=(Hr=U7==null?void 0:U7.configV2)==null?void 0:Hr.levels)!=null&&nn.length)&&![B0.horizontalStackTable,B0.pivot,B0.sankey,B0.pivotV2,B0.pivotV3].includes(S1==null?void 0:S1.chartType)})}),!Y8&&(p7!=null&&p7.length||(di=F9==null?void 0:F9.tableSettings)!=null&&di.isEnableColumnFilter&&((Jn=F9==null?void 0:F9.tableSettings)!=null&&Jn.isServerSidePagination))&&!W5?h.jsx(Hy,{isDashboard:!0,dateFilter:_8,language:b0,translationDictionary:P0,drilldownCols:Z5,variables:Y7,isPythonMode:g8,onDrillPivotTable:C3,chartAppearance:O2,pivotDrillState:T7,chartOptions:F9,sortOrder:O3,seriesName:m9==null?void 0:m9.seriesName,isSortReversed:v9&&[B0.row,B0.horizontalStack].includes((S1==null?void 0:S1.chartType)||""),data:p7,colors:Z4||S1!=null&&S1.isCustomColorApplied?S1==null?void 0:S1.chartColors:i||(S1==null?void 0:S1.chartColors),events:{click:(l8,A9)=>{var S9,b4,J5,Xe,Ze,pt,Re,ne,me,Se,be;const t9=(S9=Object.keys(l8))!=null&&S9.length?l8:A9;if([B0.progressBar,B0.linearGauge].includes(S1.chartType)){X7(l8),h8(!0);return}if((b4=n.drillDownSettings)!=null&&b4.isEnableGroupBy&&(n5==null?void 0:n5.length)!==Q8){const he=S1.chartType==="table"?(J5=A9==null?void 0:A9.find(yn=>yn.columnName===(n5==null?void 0:n5[Q8])))==null?void 0:J5.value:"";(ne=(Re=(Xe=U7==null?void 0:U7.configV2)==null?void 0:Xe.levels)==null?void 0:Re[((pt=(Ze=U7==null?void 0:U7.configV2)==null?void 0:Ze.levels)==null?void 0:pt.length)-1])!=null&&ne.isEnable||s5(S1.chartType==="table"?{name:he,rowFilters:A9}:l8)}(!((me=n.drillDownSettings)!=null&&me.isEnableGroupBy)||(Se=n.drillDownSettings)!=null&&Se.isEnableGroupBy&&(n5==null?void 0:n5.length)===Q8)&&((be=n.clickActions.chart)!=null&&be.isEnable)&&XK(n.clickActions.chart,m5(t9)||void 0)},contextmenu:l8=>{[B0.progressBar,B0.linearGauge].includes(S1.chartType)||(X7(l8),h8(!0))}},className:[B0.table,B0.trendAnalyzer].includes((S1==null?void 0:S1.chartType)||"")?"":Bs.chart,isEnableDrillDown:(pr=n.drillDownSettings)==null?void 0:pr.isEnableGroupBy,config:{tableColumnFilters:M8,onChangePaginationColumnFilters:c9,ref:K3,chartClickConfig:(s8=n.clickActions)==null?void 0:s8.chart,onColumnSizingChange:l8=>z7(A9=>({...A9,tableSettings:{...A9.tableSettings,columnSizing:l8}})),onChartReady:()=>i5(!0),isInfiniteScroll:!1,onChangePage:B4,isExternalChart:x1,isEnableNextBtn:h9,isEnablePrevBtn:r4,paginationInfo:b5,setChartSettings:z7,dropdownZindex:S1.chartType===B0.table?999999999999:void 0,isFullScreenChart:!0},externalGlobalFilter:T4?K7:void 0,setExternalGlobalFilter:T4?e6:void 0}):null,!p7.length&&Y8?h.jsx("div",{className:"dbn-w-full dbn-h-[350px]",children:S1.chartType==="table"?h.jsx(Gl,{variant:"table"}):h.jsx(sA,{})}):null]})]}),!x&&S1.chartType!=="table"&&!W5?h.jsx("div",{"data-testid":"table-view-chart",className:"dbn-flex-1 dbn-border dbn-border-secondary dbn-rounded-2xl dbn-p-6",children:h.jsx(qM,{onChangePaginationColumnFilters:c9,tableColumnFilters:M8,language:b0,translationDictionary:P0,data:t5,isLoading:Y8,error:"",tableName:"Table Preview",headerAlignment:"left",comboFormatter:(S1==null?void 0:S1.chartType)===B0.combo?(i9=(r8=S1==null?void 0:S1.customSettings)==null?void 0:r8.comboAxisSettings)==null?void 0:i9.map(l8=>({...l8,suffix:l8!=null&&l8.suffix?nl((l8==null?void 0:l8.suffix)||"^^^^^",Y7):l8==null?void 0:l8.suffix,prefix:l8!=null&&l8.prefix?nl((l8==null?void 0:l8.prefix)||"^^^^^",Y7):l8==null?void 0:l8.prefix})):[],tableSettings:{enableFilter:!0,enableSorting:!0,enableStripedRows:!0,enableTableSearch:!0,showRowHover:!0,showTableTitle:!0,showTableDesc:!0,lineGap:"large",contentAlignment:"left",hideVerticalDivider:!1,tableFormatter:(y8=S1==null?void 0:S1.customSettings)==null?void 0:y8.numberFormatter,tablePrefix:k5,tableSuffix:V4,isEnableNumberFormatting:!0,formattedColumns:(S1==null?void 0:S1.yAxisList)||[],tableTitle:"Underlying Data",customHeaderColor:{isEnabled:!0,color:(O9=o==null?void 0:o.header)==null?void 0:O9.bgColor,textColor:(U8=o==null?void 0:o.header)==null?void 0:U8.fontColor},headerFontBold:(($9=o==null?void 0:o.header)==null?void 0:$9.fontWeight)==="boldfont",contentColor:(T5=o==null?void 0:o.content)==null?void 0:T5.fontColor,contentWeight:Number((R5=o==null?void 0:o.content)==null?void 0:R5.fontWeight)},dropdownZindex:999999999999})}):null]}),H6?h.jsx(Ok,{chartTypePanelProps:{selectedChart:S1.chartType,onChartChange:$5,enabledCharts:S6,isOpen:H6,onClose:()=>I1(!1),zIndex:9999999999,inline:!0,onClickSettings:()=>{I1(!1),M4(!0)}}}):null,N4?h.jsx("div",{className:Bs.chartPanelContainer,children:h.jsx(Bn0,{isOpen:N4,onClose:()=>M4(!1),zIndex:9999999999,chartSettings:S1,setChartSettings:z7,columnList:e4,inline:!0,onClickBack:()=>{M4(!1),I1(!0)}})}):null,u5.isOpen?h.jsx("div",{className:Bs.chartPanelContainer,children:h.jsx(qn0,{inline:!0,isOpen:u5.isOpen,onClose:()=>f8(l8=>({...l8,isOpen:!1,isLoading:!1})),report:u5.report,isLoading:u5.isLoading,zIndex:9999999999})}):null]}),h.jsx(yV,{workspaceId:g2,metricItem:n,isShowRawCsvModal:c6,onCloseModal:f6,sharingSettingsId:g,query:Ab({query:Zd((n==null?void 0:n.query)||"",(n==null?void 0:n.companyId)||""),dbName:(n==null?void 0:n.integrationName)||"",rlsConditions:J7,tenancyLevel:e,clientId:l,globalFilters:S7,values:a==null?void 0:a.filterValues,isAllClient:S,clientColumnType:H2,dataMartRelationships:p4})}),d&&h.jsx(Gu,{isOpen:m3,onClose:()=>d7(!1),headerTitle:"Update Metric",zIndex:9999999999,children:h.jsx(IN,{onCancel:()=>d7(!1),onSubmit:q8,error:F5,isCreatingMetric:o8,defaultValues:{name:n.name,description:n.description,isLive:n.isLive,metricId:n.isCreatedByClient?n.metricId:`update_${n.metricId}_by_${l}_${Date.now()}`}})}),h.jsx($n0,{deleteConfig:W2,onDeleteMetric:J0,setDeleteConfig:x3,error:D1,isDeletingMetric:B3})]})},ei0=({createElementPanelProps:{isOpen:t,onClose:n,element:i,clientId:o,companyId:a,externalDashboardId:s,userProvidedDashboardId:r,onServerEvent:C,refetchDashboardData:l}})=>{const[e,u]=U0.useState(!1),[A,f]=U0.useState(!1),{updateExternalMetric:d,error:g,isLoading:E,setValue:m,watch:L,register:w,handleSubmit:x,reset:S,control:D}=EM({onSuccess:async()=>{n(),l==null||l()},selectedColumns:[],companyIntegrationId:i==null?void 0:i.companyIntegrationId,query:i==null?void 0:i.query,metricQuery:i==null?void 0:i.metricQuery,integrationName:i==null?void 0:i.integrationName,outputColumns:i==null?void 0:i.outputColumns,clientId:o,companyId:a,isLiveMode:i==null?void 0:i.isLive,timeGrain:i==null?void 0:i.timeGrain,dashboardIds:[s],isEnableGroupBy:i==null?void 0:i.isEnableGroupBy,groupBy:i==null?void 0:i.groupBy,selectedGroupBy:i==null?void 0:i.selectedGroupBy,metric:i,onServerEvent:C}),[_,W]=U0.useState({isOpenInNewTab:!1,link:"",targetWord:""}),c2=M2=>{d==null||d(M2,!0)};return U0.useEffect(()=>{var M2,o2,g2,H2,T2,m2,O2,Y2,f0,p0,Q0,v0,_2,Y0,b0,P0,J0,W2,x3,D1,B3,_3,y7,o3,g7,N3,M6,r6,x6;i!=null&&i.id&&(m("metricId",i.metricId),m("elementTitle",i.name),m("description",i.description),m("isDisableCardAppearance",(M2=i==null?void 0:i.elementSettings)==null?void 0:M2.isDisableCardAppearance),(o2=i==null?void 0:i.elementSettings)!=null&&o2.titleAlignment&&m("titleAlignment",(g2=i==null?void 0:i.elementSettings)==null?void 0:g2.titleAlignment),(H2=i==null?void 0:i.elementSettings)!=null&&H2.descAlignment&&m("descAlignment",(T2=i==null?void 0:i.elementSettings)==null?void 0:T2.descAlignment),(O2=(m2=i==null?void 0:i.elementSettings)==null?void 0:m2.textBox)!=null&&O2.text?(f(!0),m("text",(f0=(Y2=i==null?void 0:i.elementSettings)==null?void 0:Y2.textBox)==null?void 0:f0.text),m("fontColor",(Q0=(p0=i==null?void 0:i.elementSettings)==null?void 0:p0.textBox)==null?void 0:Q0.fontColor),m("fontWeight",(_2=(v0=i==null?void 0:i.elementSettings)==null?void 0:v0.textBox)==null?void 0:_2.fontWeight),m("fontSize",(b0=(Y0=i==null?void 0:i.elementSettings)==null?void 0:Y0.textBox)==null?void 0:b0.fontSize),m("textAlignment",(J0=(P0=i==null?void 0:i.elementSettings)==null?void 0:P0.textBox)==null?void 0:J0.alignment),m("textLink",(x3=(W2=i==null?void 0:i.elementSettings)==null?void 0:W2.textBox)==null?void 0:x3.link),m("targetWord",(B3=(D1=i==null?void 0:i.elementSettings)==null?void 0:D1.textBox)==null?void 0:B3.targetWord),m("isOpenInNewTab",(y7=(_3=i==null?void 0:i.elementSettings)==null?void 0:_3.textBox)==null?void 0:y7.isOpenInNewTab),W({isOpenInNewTab:(g7=(o3=i==null?void 0:i.elementSettings)==null?void 0:o3.textBox)==null?void 0:g7.isOpenInNewTab,link:(M6=(N3=i==null?void 0:i.elementSettings)==null?void 0:N3.textBox)==null?void 0:M6.link,targetWord:(x6=(r6=i==null?void 0:i.elementSettings)==null?void 0:r6.textBox)==null?void 0:x6.targetWord})):f(!1))},[i]),h.jsxs(h.Fragment,{children:[h.jsx(ad,{isOpen:t,onClose:()=>{S(),n()},size:"small",side:"right",hideFooter:!0,headerTitle:"Add Element",dataTestTitle:"elementPanel",children:h.jsxs("form",{className:"dbn-w-full dbn-h-full dbn-px-6 dbn-flex dbn-flex-col dbn-gap-6",onSubmit:x(c2),children:[h.jsxs("div",{className:"dbn-w-full dbn-flex dbn-flex-col dbn-gap-4",children:[h.jsx(c5,{type:"text",placeholder:"Enter title",label:"Title",register:w("elementTitle")}),h.jsx(c5,{type:"text",placeholder:"Enter description",label:"Description",register:w("description")}),h.jsx(SE,{name:"titleAlignment",control:D,render:({field:M2})=>h.jsx(h.Fragment,{children:h.jsx(_4,{buttonWidth:"100%",menuWidth:"100%",label:"Title alignment",options:[{label:"left",value:"left"},{label:"right",value:"right"},{label:"center",value:"center"}],onChange:o2=>{m("titleAlignment",o2.value)},selectedOption:{label:(M2==null?void 0:M2.value)||"",value:M2.value||""}})})}),h.jsx(SE,{name:"descAlignment",control:D,render:({field:M2})=>h.jsx(h.Fragment,{children:h.jsx(_4,{buttonWidth:"100%",menuWidth:"100%",label:"Description alignment",options:[{label:"left",value:"left"},{label:"right",value:"right"},{label:"center",value:"center"}],onChange:o2=>{m("descAlignment",o2.value)},selectedOption:{label:(M2==null?void 0:M2.value)||"",value:M2.value||""}})})})]}),h.jsx(t4,{name:"enableMetricCard",placeholder:"Merge Card to Background",enabled:L("isDisableCardAppearance"),onChange:()=>m("isDisableCardAppearance",!L("isDisableCardAppearance"))}),A?null:h.jsx("div",{className:"dbn-w-full dbn-flex dbn-flex-col dbn-gap-3",children:h.jsx(i8,{variant:"tab",leftIcon:h.jsx(p8,{name:"plus",size:"sm"}),onClick:()=>f(!0),fitContainer:!0,children:"Text box"})}),A?h.jsxs("div",{className:"dbn-py-5 dbn-w-full dbn-flex dbn-flex-col dbn-gap-3 dbn-border-y dbn-border-secondary",children:[h.jsxs("div",{className:"dbn-w-full dbn-flex dbn-flex-row dbn-items-center dbn-justify-between",children:[h.jsx(o6,{variant:"heading-5",children:"Text box"}),h.jsx(i8,{variant:"popover",leftIcon:h.jsx(p8,{name:"delete",color:"alert"}),onClick:()=>{f(!1),m("text",""),m("fontWeight",""),m("fontSize",""),m("textAlignment",""),m("textLink",""),m("isOpenInNewTab",""),m("targetWord",""),W({isOpenInNewTab:!1,link:"",targetWord:""})}})]}),h.jsxs("div",{className:"dbn-w-full dbn-flex dbn-gap-2 dbn-items-center",children:[h.jsx(c5,{type:"text",placeholder:"Enter text",label:"",register:w("text")}),h.jsx(i8,{variant:"popover",leftIcon:h.jsx(p8,{name:"link",size:"lg"}),onClick:()=>u(!0)})]}),h.jsxs("div",{className:"dbn-w-full dbn-flex dbn-gap-4",children:[h.jsx(c5,{type:"text",placeholder:"Regular",label:"Font weight",register:w("fontWeight")}),h.jsx(c5,{type:"text",placeholder:"36px",label:"Font size",register:w("fontSize")})]}),h.jsx(bs,{name:"font color",label:"Font color",onChange:M2=>m("fontColor",M2),value:L("fontColor")||"#000000",defaultValue:"#000000"}),h.jsxs("div",{className:"dbn-w-full dbn-flex dbn-gap-6 dbn-py-2 dbn-items-center dbn-justify-center",children:[h.jsx(i8,{variant:"popover",leftIcon:h.jsx(p8,{name:"align-left",size:"lg"}),onClick:()=>m("textAlignment","left"),className:L("textAlignment")==="left"||!L("textAlignment")?"dbn-bg-gray dbn-p-1":""}),h.jsx(i8,{variant:"popover",leftIcon:h.jsx(p8,{name:"align-space-even",size:"lg"}),onClick:()=>m("textAlignment","center"),className:L("textAlignment")==="center"?"dbn-bg-gray dbn-p-1":""}),h.jsx(i8,{variant:"popover",leftIcon:h.jsx(p8,{name:"align-right",size:"lg"}),onClick:()=>m("textAlignment","right"),className:L("textAlignment")==="right"?"dbn-bg-gray dbn-p-1":""})]})]}):null,h.jsxs("div",{className:"dbn-w-full dbn-flex dbn-gap-4 dbn-items-center dbn-justify-end dbn-pb-4",children:[g?h.jsx(o6,{variant:"body-text-2",color:"alert",children:g}):null,h.jsx(i8,{type:"submit",variant:"primary",children:E?"Saving...":"Save"})]})]})}),h.jsxs(Gu,{isOpen:e,onClose:()=>u(!1),customHeader:h.jsxs("div",{className:"dbn-w-full dbn-flex dbn-items-center dbn-justify-between",children:[h.jsxs("div",{className:"dbn-flex dbn-items-center dbn-gap-2",children:[h.jsx(p8,{name:"link",size:"lg"}),h.jsx(o6,{variant:"heading-3",children:"Insert Link"})]}),h.jsx(i8,{variant:"tertiary",type:"button",onClick:()=>{W({isOpenInNewTab:L("isOpenInNewTab")||!1,link:L("textLink")||"",targetWord:L("targetWord")||""}),u(!1)},leftIcon:h.jsx(p8,{name:"cross",size:"xs"}),style:{padding:"0",height:"16px"}})]}),children:[h.jsxs("div",{className:"dbn-w-[500px] dbn-flex dbn-flex-col dbn-gap-4 dbn-pb-4 dbn-px-5",children:[h.jsx(c5,{type:"text",placeholder:"Paste your link here",label:"",value:_.link,onChange:M2=>W(o2=>({...o2,link:M2.target.value}))}),h.jsx(c5,{type:"text",placeholder:"Enter the target word or sentence",label:"Target",value:_.targetWord,onChange:M2=>W(o2=>({...o2,targetWord:M2.target.value}))}),h.jsx(cf,{label:"Open link in new tab",onChange:()=>{W(M2=>({...M2,isOpenInNewTab:!M2.isOpenInNewTab}))},checked:_.isOpenInNewTab})]}),h.jsxs(td,{children:[h.jsx(i8,{type:"button",variant:"tab",onClick:()=>{S(),W({isOpenInNewTab:!1,link:"",targetWord:""}),m("textLink",""),m("isOpenInNewTab",""),m("targetWord",""),u(!1)},children:"Discard"}),h.jsx(i8,{type:"submit",variant:"primary",onClick:()=>{m("textLink",_.link),m("isOpenInNewTab",_.isOpenInNewTab),m("targetWord",_.targetWord),u(!1)},children:"Add link"})]})]})]})},Sg2={"MetricList-wrapper":"_MetricList-wrapper_m57he_9","MetricList-wrapper-move":"_MetricList-wrapper-move_m57he_25"},ti0=({props:{metricList:t,mainMetricItem:n,metricCardColor:i,isAllowedToChangeLayout:o,isMobileScreen:a,isShadowDisableOnHover:s,disableMetricCardBorder:r,isAllowedToUpdateMetrics:C,isEditLayoutEnabled:l,isHoverLongDesc:e,setOpenElementPanel:u,setUpdateElement:A,isEnableEmailRawCsvDownload:f,setRawCsvModal:d,language:g,translationDictionary:E,datasourceId:m,metricStore:L,setHoverLongDesc:w,setHoverSubHeader:x,setPopupOpen:S,setMetricStore:D,setDownloadMetrics:_,isAllClient:W,clientColumnType:c2,noDataImg:M2,isAllowedToSeeUnderlyingData:o2,chartAppearance:g2,hideDatePickerOptions:H2,isDisableMetricLoader:T2,onServerEvent:m2,workspaceId:O2,token:Y2,downloadMetrics:f0,dropdownTheme:p0,underlyingTheme:Q0,optionsIcon:v0,disableFullscreen:_2,setFullScreenModal:Y0,client:b0,chartColors:P0,globalFilters:J0,companyTenancyType:W2,appFilters:x3,params:D1,isAllowedToDeleteMetrics:B3,setArchiveModal:_3,setCrossDashboardFilters:y7,crossDashboardFilters:o3,enableMultiMetricFilters:g7,enableDownloadCsv:N3,parentHeight:M6,parentWidth:r6,filters:x6,scrollToTop:w3,calendarType:r0,isDisableClick:K3,bgColor:K7,chartFontSettings:e6,disableDownloadDataNoFilters:c6=!1,disableDownloadUnderlyingDataNoFilters:f6=!1,setMetricMetadata:H6,viewMetricData:I1,generatingPdf:m3,dataMartTables:d7,onEditMetric:S7}})=>{var h8,o9;const[b7,n3]=U0.useState([]),[p7,U7]=U0.useState([]),Y7=U0.useMemo(()=>{let Y8=[];const m9=[n,...t].map(O8=>{var r4,b5,B4,x1,b9,J9;const s5=`${O8==null?void 0:O8.id}-sub-card`,Q8=(r4=O8==null?void 0:O8.chartOptions)==null?void 0:r4.cardLayout;[B0.linearGauge,B0.progressBar].includes((b5=O8==null?void 0:O8.chartOptions)==null?void 0:b5.chartType)&&(Y8=[...Y8,{id:s5,height:(Q8==null?void 0:Q8.h)??((B4=O8==null?void 0:O8.resizeAttributes)==null?void 0:B4.height)??10}]);const n5=r6||5,h9=M6?(M6||10)/[n,...t].length:5;return{i:s5,w:(Q8==null?void 0:Q8.w)??n5,h:(Q8==null?void 0:Q8.h)??h9,x:(Q8==null?void 0:Q8.x)??((x1=O8==null?void 0:O8.resizeAttributes)==null?void 0:x1.xAxis)??0,y:(Q8==null?void 0:Q8.y)??((b9=O8==null?void 0:O8.resizeAttributes)==null?void 0:b9.yAxis)??0,minW:O8.isMetric?[B0.singleValue,B0.pivot,B0.pivotV2,B0.pivotV3,B0.progressBar,B0.linearGauge].includes((J9=O8==null?void 0:O8.chartOptions)==null?void 0:J9.chartType)?2:3:1,minH:3,maxH:M6}});return U7(Y8),m9},[n,t,M6,r6]),U6=U0.useMemo(()=>Y7.sort((Y8,m9)=>Y8.y!==m9.y?Y8.y-m9.y:Y8.x-m9.x),[Y7]),X7=U0.useMemo(()=>[n,...t].map((Y8,m9)=>{var v6,S1,z7,F6,B6;const O8=(v6=p7.find(J3=>J3.id===(Y8==null?void 0:Y8.id)))==null?void 0:v6.height,s5=Y8.isMetric,Q8=((S1=n==null?void 0:n.chartOptions)==null?void 0:S1.mergedCards)||[],n5=!!((z7=Y8==null?void 0:Y8.elementSettings)!=null&&z7.isDisableCardAppearance),h9=(!s5&&!n5||s5)&&!i?"dbn-white":"",r4=o?Sg2["MetricList-wrapper-move"]:"",b5=r?"dbn-border-0":"",B4=!s5&&!n5||s5?"dbn-metric-card-container":"",x1=`${Sg2["MetricList-wrapper"]} ${h9} ${r4} ${b5} ${B4} dbn-shadow-none !important`,b9=()=>{!s5&&C&&!l&&(u(!0),A(Y8))},J9={cursor:"auto",backgroundColor:K7,zIndex:e?Y7.length-m9:10,maxWidth:"100%"},I5=(J3,d6)=>{_(d6?J7=>[...J7,{id:J3,isInProgress:d6}]:J7=>J7.filter(V7=>V7.id!==J3))},f5=f?(J3,d6,J7)=>d({show:!0,metric:Y8,filterValues:J3,rlsConditions:d6,dataMartRelationships:J7}):void 0,W5=C?l?void 0:J3=>f||N3?h.jsxs(i8,{type:"button",variant:"popover",onClick:()=>S7==null?void 0:S7(J3),fitContainer:!0,className:"dbn-justify-start dbn-gap-[3px]",children:[h.jsx(p8,{name:"pencil-simple-line"}),"Edit Metric"]}):h.jsx(i8,{className:"dbn-border dbn-border-secondary dbn-rounded-md dbn-p-1.5 dbn-w-[30px] dbn-h-[30px]",variant:"popover",onClick:()=>S7==null?void 0:S7(J3),leftIcon:h.jsx(p8,{name:"pencil-simple-line",size:"xs"})}):void 0;return h.jsx("div",{className:x1,id:`${Y8==null?void 0:Y8.id}-sub-card`,tabIndex:0,role:"button",style:J9,onClick:b9,"data-testid":`${(F6=Y8==null?void 0:Y8.name)==null?void 0:F6.toLowerCase().replaceAll(" ","-")}-card`,children:h.jsx(Vk,{dataMartTables:d7,viewMetricData:I1,setMetricMetadata:H6,disableDownloadDataNoFilters:c6,disableDownloadUnderlyingDataNoFilters:f6,calendarType:r0,disableFullscreen:!!_2,isDisableClick:K3,language:g,translationDictionary:E,datasourceId:m,metricStore:L,disableBorder:r,setHoverLongDesc:w,setPopupOpen:S,chartFontSettings:e6,setHoverSubHeader:x,setMetricStore:D,isAllClient:W,clientColumnType:c2,isMergedMetric:!!Q8.length&&!a,metricCardColor:i,isShadowDisableOnHover:s,noDataImg:M2,isAllowedToSeeUnderlyingData:o2,chartAppearance:g2,hideDatePickerOptions:H2,chartHeight:O8||void 0,isEditLayoutEnabled:l,isDisableMetricLoader:T2,onServerEvent:m2,workspaceId:O2,guestToken:Y2,isFrontendApp:!1,downloadMetrics:f0,onDownload:I5,metricItem:Y8,dropdownTheme:p0,underlyingTheme:Q0,optionsIcon:v0,onMaximize:void 0,client:b0,colors:P0,globalFilters:{tableName:(J0==null?void 0:J0.tableName)||"",filters:[...(J0==null?void 0:J0.filters)||[],...(B6=b7==null?void 0:b7.filter(J3=>J3==null?void 0:J3.value))==null?void 0:B6.map(J3=>Ra2(J3))]},param:D1==null?void 0:D1.find(J3=>J3.metricId===Y8.metricId),appFilters:x3==null?void 0:x3.find(J3=>J3.metricId===Y8.metricId),companyTenancyType:W2,onArchive:B3?J3=>_3({id:J3,show:!0,metricId:(Y8==null?void 0:Y8.metricId)||""}):void 0,disableActions:l,isDisableMorePopup:l,setCrossDashboardFilters:y7,crossDashboardFilters:o3,enableMultiMetricFilters:g7,enableDownloadCsv:N3,onDownloadRawCsv:f5,generatingPdf:m3,renderEditMetric:W5})},`${Y8==null?void 0:Y8.id}-sub-card`)}),[d7,c6,f6,n,U6,t,p7,i,o,r,e,Y7.length,f,g,E,m,L,w,x,S,D,W,c2,a,s,M2,o2,g2,H2,l,T2,m2,O2,Y2,f0,p0,Q0,v0,_2,b0,P0,J0==null?void 0:J0.tableName,J0==null?void 0:J0.filters,b7,D1,x3,W2,B3,y7,o3,g7,N3,C,u,A,_,d,Y0,_3,r0,I1,m3]),w6=U0.useMemo(()=>{var Y8;return(Y8=n==null?void 0:n.chartOptions)==null?void 0:Y8.isNewLayout},[(h8=n==null?void 0:n.chartOptions)==null?void 0:h8.isNewLayout]);return h.jsxs(h.Fragment,{children:[!!(x6!=null&&x6.length)&&h.jsx("div",{className:"dbn-w-full dbn-flex dbn-gap-2 dbn-p-2 dbn-items-end dbn-z-[19] dbn-justify-start",children:h.jsx(z_,{parentAppliedFilter:(J0==null?void 0:J0.filters)||[],isEditLayoutEnabled:!1,clientColumnType:c2,hideDatePickerOptions:[],appliedfilters:b7,setAppliedFilters:n3,filters:[{tableName:"",columns:x6}],internal:{isInternal:!0,workspaceId:O2||""},clientId:b0,isAllClient:W,theme:p0,tenancyLevel:W2,layout:{adminLayout:((o9=n==null?void 0:n.chartOptions)==null?void 0:o9.filterLayout)||[],clientLayout:[],isLocked:!0,onChange:()=>{}},datasourceId:m})}),h.jsx(Zk,{layouts:{lg:U6},rowHeight:30,breakpoints:{lg:1800,md:996,sm:768,xs:480,xxs:0},cols:{lg:w6&&r6||12,md:w6&&r6||12,sm:w6&&r6||12,xs:w6&&r6||4,xxs:w6&&r6||2},margin:[10,10],containerPadding:[0,0],draggableHandle:"metric-sub-card",isDraggable:!1,isDroppable:!1,isResizable:!1,children:X7},l?"reset":"default")]})},Zk=fg2.WidthProvider(fg2.Responsive),ri0=({userIdentifier:t,noDataFoundSvg:n,isShowNoDataFoundScreen:i,chartColors:o,globalFilters:a,dataLimit:s,client:r,companyId:C,isAllowedToUpdateMetrics:l,isAllowedToDeleteMetrics:e,isAllowedToChangeLayout:u,isAllowedToSeeUnderlyingData:A,externalDashboardMetrics:f,isMetricListLoading:d,breakpoint:g,layoutCols:E,layout:m,params:L,companyTenancyType:w="TABLE",externalDashboardId:x,externalDashboardPk:S,sharingSettingsId:D,appFilters:_,isHideChartSettings:W,isHideTablePreview:c2,enableDownloadCsv:M2,enableEmailCsv:o2,enableMultiMetricFilters:g2,disableFullscreen:H2,dropdownTheme:T2,underlyingTheme:m2,optionsIcon:O2,token:Y2,workspaceId:f0,clientColumnType:p0,isShowLoader:Q0,isEditLayoutEnabled:v0,isEnableMetricSummary:_2,hideDatePickerOptions:Y0,chartAppearance:b0,isAllClient:P0,gridMargin:J0,isDisableMetricLoader:W2,isShadowDisableOnHover:x3,noDataImg:D1,metricCardColor:B3,shouldFitFullScreen:_3,mergedMetrics:y7,metricIndex:o3,setRowMetrics:g7,onServerEvent:N3,disableDownloadPng:M6,disableMetricCardBorder:r6,isMobileScreen:x6,isAllowToDownloadMetrics:w3,chartColumns:r0,datasourceId:K3,language:K7,translationDictionary:e6,metricMergedFilters:c6,fullScreenModal:f6,setFullScreenModal:H6,calendarType:I1,isDisableClick:m3,onEditMetric:d7,isDataApp:S7,chartFontSettings:b7,saveDashLayout:n3,disableDownloadDataNoFilters:p7=!1,disableDownloadUnderlyingDataNoFilters:U7=!1,rules:Y7=[],setMetricMetadata:U6,viewMetricData:X7,generatingPdf:w6,dataMartTables:h8,refetchDashboardData:o9,setShowSettingsBtn:Y8})=>{var Ie,Z5,R6,_8,S6,M8,c9,D9,q8,F5;const[m9,O8]=U0.useState([]),Q8=new URLSearchParams(window.location.search).get("isDbn"),[n5,h9]=U0.useState(new Map),[r4,b5]=U0.useState([]),[B4,x1]=U0.useState(!1),[b9,J9]=U0.useState(!1),[I5,f5]=U0.useState(!1),[W5,v6]=U0.useState(),[S1,z7]=U0.useState(!1),[F6,B6]=U0.useState({show:!1,metric:void 0,filterValues:void 0,rlsConditions:[],dataMartRelationships:[]}),[J3,d6]=U0.useState({id:"",show:!1,metricId:""}),[J7,V7]=U0.useState([]),[T7,C3]=U0.useState([]),{handleArchiveMetric:$7,isLoading:q7}=B70({token:Y2,metricId:J3.id,onSuccess:async()=>{N3==null||N3(T30,J3.id),d6({id:"",show:!1,metricId:""}),H6({show:!1,isClickOnChart:!1}),await g8({clientId:r,data:{companyId:C,feature:"ARCHIVE_METRIC",dashboardId:x,metricId:J3.metricId},isFrontendApp:!1,token:Y2}),window.location.reload()}}),{saveLogsAsync:g8}=B_(),{isDisableDownloadSettings:v9}=D_({sharingSettingsId:D,workspaceId:f0}),c8=U0.useMemo(()=>(o2==null?void 0:o2.toString())&&o2||!(o2!=null&&o2.toString())&&!v9,[v9,o2]),O3=U0.useMemo(()=>{var o8;return((o8=f==null?void 0:f.map(f9=>{var p9,I9,F9,m5,t5,Z4;return(F9=(I9=(p9=f9==null?void 0:f9.externalMetric)==null?void 0:p9.clickActions)==null?void 0:I9.chartWithMetric)!=null&&F9.isEnable?(Z4=(t5=(m5=f9==null?void 0:f9.externalMetric)==null?void 0:m5.clickActions)==null?void 0:t5.chartWithMetric)==null?void 0:Z4.metricId:""}))==null?void 0:o8.filter(f9=>f9))||[]},[f]),G9=U0.useMemo(()=>f==null?void 0:f.map(o8=>{var p9,I9,F9,m5;const f9=r0==null?void 0:r0.find(t5=>{var Z4;return t5.metricId===((Z4=o8==null?void 0:o8.externalMetric)==null?void 0:Z4.metricId)&&t5.isEnabled});return f9?{...o8==null?void 0:o8.externalMetric,chartOptions:{...(p9=o8==null?void 0:o8.externalMetric)==null?void 0:p9.chartOptions,enduserMeasureAndDimensions:{isEnabled:!!(f9!=null&&f9.isEnabled),dimensions:((I9=f9==null?void 0:f9.dimensions)==null?void 0:I9.map(t5=>({value:t5,label:t5})))||[],measures:((F9=f9==null?void 0:f9.measures)==null?void 0:F9.map(t5=>({value:t5,label:t5})))||[]},yAxisList:(f9==null?void 0:f9.measures)||[],xAxis:((m5=f9==null?void 0:f9.dimensions)==null?void 0:m5[0])||""}}:o8.externalMetric}),[f,r0]),v8=U0.useMemo(()=>{const o8=G9==null?void 0:G9.filter(F9=>{var m5;return!((m5=F9==null?void 0:F9.clientArchivedMetrics)!=null&&m5.length)}),f9=o8==null?void 0:o8.filter(F9=>(!F9.isCreatedByClient||F9.isCreatedByClient&&!F9.clientId)&&!(y7!=null&&y7.includes(F9==null?void 0:F9.id))&&!(O3!=null&&O3.includes(F9==null?void 0:F9.id))),p9=o8==null?void 0:o8.filter(F9=>F9.isCreatedByClient&&F9.clientId===r&&!(y7!=null&&y7.includes(F9==null?void 0:F9.id)));return[...f9||[],...p9||[]].sort((F9,m5)=>{const t5=new Date(F9.createdAt).getTime(),Z4=new Date(m5.createdAt).getTime();return t5-Z4})},[r,G9,y7,O3]),X8=U0.useMemo(()=>OJ2(m9,Y7||[]),[m9,Y7]),J6=U0.useMemo(()=>v8==null?void 0:v8.filter(o8=>!(X8!=null&&X8.includes(o8==null?void 0:o8.id))),[v8,X8]),u5=U0.useMemo(()=>{let o8=[];const f9=J6==null?void 0:J6.map(p9=>{var m5,t5,Z4,l4,K9;const I9=m.clientLayout.find(k5=>k5.i===p9.id),F9=m.adminLayout.find(k5=>k5.i===p9.id);return[B0.linearGauge,B0.progressBar].includes(p9.chartOptions.chartType)&&(o8=[...o8,{id:(I9==null?void 0:I9.i)??(F9==null?void 0:F9.i)??p9.id,height:(I9==null?void 0:I9.h)??(F9==null?void 0:F9.h)??((m5=p9==null?void 0:p9.resizeAttributes)==null?void 0:m5.height)??10}]),{i:(I9==null?void 0:I9.i)??(F9==null?void 0:F9.i)??p9.id,w:(I9==null?void 0:I9.w)??(F9==null?void 0:F9.w)??((t5=p9.resizeAttributes)==null?void 0:t5.width)??5,h:(I9==null?void 0:I9.h)??(F9==null?void 0:F9.h)??((Z4=p9.resizeAttributes)==null?void 0:Z4.height)??10,x:(I9==null?void 0:I9.x)??(F9==null?void 0:F9.x)??((l4=p9.resizeAttributes)==null?void 0:l4.xAxis)??0,y:(I9==null?void 0:I9.y)??(F9==null?void 0:F9.y)??((K9=p9.resizeAttributes)==null?void 0:K9.yAxis)??0,minW:p9.isMetric?[B0.singleValue,B0.pivot,B0.pivotV2,B0.pivotV3,B0.progressBar,B0.linearGauge].includes(p9.chartOptions.chartType)?2:3:1,minH:p9.isMetric?[B0.singleValue,B0.pivot,B0.pivotV2,B0.pivotV3,B0.table,B0.trendAnalyzer].includes(p9.chartOptions.chartType)?2:[B0.progressBar,B0.linearGauge].includes(p9.chartOptions.chartType)?3:8:1,maxH:p9.chartOptions.chartType==="table"?1/0:18}});return C3(o8),f9},[J6,m.adminLayout,m.clientLayout]),f8=U0.useMemo(()=>u5.sort((o8,f9)=>o8.y!==f9.y?o8.y-f9.y:o8.x-f9.x),[u5]);U0.useEffect(()=>{var o8;if(f8!=null&&f8.length&&o3){const f9=(o8=f8[o3||0])==null?void 0:o8.y,p9=f8==null?void 0:f8.slice(o3);g7==null||g7(()=>{let I9=0;return p9==null||p9.forEach(F9=>{F9.y===f9&&(I9+=1)}),I9-1})}},[f8,o3]);const i5=U0.useMemo(()=>{const o8=new Map;return f8.forEach((f9,p9)=>{o8.set(f9.i,p9)}),J6.sort((f9,p9)=>o8.get(f9.id)-o8.get(p9.id)),J6.slice(0,s)},[f8,J6,s]),p4=U0.useMemo(()=>f8.slice(0,s),[f8,s]);U0.useEffect(()=>{b5([])},[x]),U0.useEffect(()=>{const o8=setTimeout(()=>{window.dispatchEvent(new Event("resize"))},300);return()=>clearTimeout(o8)},[u5]);const $5=U0.useMemo(()=>i5==null?void 0:i5.map((o8,f9)=>{var J8,R9,Q7,$3,V1,e7,n6,L6,Y6,K8,a8,P8,s9,w9,M5,s4,z5,C4,m4,re,_e,mt,ar,bt,Fn,Kn,Di,_i,Xi,Si,Ki,co,bo,An,fi,Ji;const p9=(R9=(J8=o8==null?void 0:o8.clickActions)==null?void 0:J8.chartWithMetric)!=null&&R9.isEnable?($3=(Q7=o8==null?void 0:o8.clickActions)==null?void 0:Q7.chartWithMetric)==null?void 0:$3.metricId:void 0,I9=p9?G9==null?void 0:G9.find(ge=>ge.id===p9):void 0,F9=(V1=T7.find(ge=>ge.id===(o8==null?void 0:o8.id)))==null?void 0:V1.height,m5=o8.isMetric,t5=((e7=o8==null?void 0:o8.chartOptions)==null?void 0:e7.mergedCards)||[],Z4=((n6=c6==null?void 0:c6.find(ge=>ge.id===(o8==null?void 0:o8.id)))==null?void 0:n6.filters)||[],l4=(L6=t5==null?void 0:t5.map(ge=>G9==null?void 0:G9.find(nn=>nn.id===(ge==null?void 0:ge.value))))==null?void 0:L6.filter(ge=>ge),K9=(Z4==null?void 0:Z4.length)||!!l4.length,k5=!!((Y6=o8==null?void 0:o8.elementSettings)!=null&&Y6.isDisableCardAppearance),V4=!m5&&!k5||m5?"dbn-metric-card-container":"",T4=((K8=o8==null?void 0:o8.chartOptions)==null?void 0:K8.chartType)===B0.singleValue&&((P8=(a8=o8==null?void 0:o8.chartOptions)==null?void 0:a8.customSettings)==null?void 0:P8.isEnableSingleValueBgColor),O4=T4&&((w9=(s9=o8==null?void 0:o8.chartOptions)==null?void 0:s9.customSettings)==null?void 0:w9.singleValueBgColor)||"",se=(!m5&&!k5||m5)&&!B3&&!O4?"dbn-white":"",z4=u?Ef["MetricList-wrapper-move"]:"",te=t5.length&&!x6?`dbn-metric-card ${t5.length<2?Ef.gridDisplay:Ef.gridDisplay2} ${x3?"":Ef.isShowShadow}`:Ef.flexDisplay,q4=r6?"dbn-border-0":"",it=`${Ef["MetricList-wrapper"]} ${V4} ${se} ${z4} ${te} ${q4} dbn-card-element`,x9=`${Ef["MetricList-wrapper"]} ${V4} ${se} ${z4} ${q4} ${Ef.mergedCard} dbn-card-element`,n4=()=>{!m5&&l&&!v0&&(z7(!0),v6(o8))},n1=!m5&&!!(l4!=null&&l4.every(ge=>!(ge!=null&&ge.isMetric)))&&k5;let A3;(s4=(M5=o8==null?void 0:o8.elementSettings)==null?void 0:M5.elementType)!=null&&s4.value?A3=(C4=(z5=o8==null?void 0:o8.elementSettings)==null?void 0:z5.elementType)==null?void 0:C4.value:!((re=(m4=o8==null?void 0:o8.elementSettings)==null?void 0:m4.elementType)!=null&&re.value)&&((ar=(mt=(_e=o8==null?void 0:o8.elementSettings)==null?void 0:_e.summary)==null?void 0:mt.metricList)!=null&&ar.length)?A3="metricSummary":A3="customTextBox";let q3="",V3="";!m5&&A3==="metricSummary"&&((Fn=(bt=o8==null?void 0:o8.elementSettings)==null?void 0:bt.summary)!=null&&Fn.summaryBgColor)?q3=(Di=(Kn=o8==null?void 0:o8.elementSettings)==null?void 0:Kn.summary)==null?void 0:Di.summaryBgColor:K9&&n1?q3="":K9&&!n1&&!(o8!=null&&o8.isMetric)?B3?q3=B3:q3="white":O4?q3=O4:B3&&!k5?q3=B3:!m5&&!k5||m5?q3="white":q3="",K9&&((_i=o8==null?void 0:o8.chartOptions)!=null&&_i.isEnableMergeDividers)&&!n1&&(V3=((Xi=o8==null?void 0:o8.chartOptions)==null?void 0:Xi.dividerColor)??"");const i6={cursor:"auto",backgroundColor:(Si=o8==null?void 0:o8.chartOptions)!=null&&Si.isEnableMergeDividers?V3:q3,zIndex:B4||b9||I5?i5.length-f9:10},c3=(ge,Hr)=>{V7(Hr?nn=>[...nn,{id:ge,isInProgress:Hr}]:nn=>nn.filter(di=>di.id!==ge))},s7=c8?(ge,Hr,nn)=>B6({show:!0,metric:o8,filterValues:ge,rlsConditions:Hr,dataMartRelationships:nn}):void 0,Q6=l&&m!=null&&m.isLocked?ge=>c8||M2?h.jsxs(i8,{type:"button",variant:"popover",onClick:()=>d7==null?void 0:d7(ge),fitContainer:!0,className:"dbn-justify-start dbn-gap-[3px]",children:[h.jsx(p8,{name:"pencil-simple-line"}),"Edit Metric"]}):h.jsx(i8,{className:"dbn-border dbn-border-secondary dbn-rounded-md dbn-p-1.5 dbn-w-[30px] dbn-h-[30px]",variant:"popover",onClick:()=>d7==null?void 0:d7(ge),leftIcon:h.jsx(p8,{name:"pencil-simple-line",size:"xs"})}):void 0,Z6=(Ki=p4==null?void 0:p4.find(ge=>ge.i===(o8==null?void 0:o8.id)))==null?void 0:Ki.h,N8=(co=p4==null?void 0:p4.find(ge=>ge.i===(o8==null?void 0:o8.id)))==null?void 0:co.w;return K9?h.jsx("div",{"data-testid":`${(bo=o8==null?void 0:o8.name)==null?void 0:bo.toLowerCase().replaceAll(" ","-")}-card`,className:x9,id:o8.id,style:i6,children:h.jsx(ti0,{props:{setMetricMetadata:U6,disableDownloadDataNoFilters:p7,disableDownloadUnderlyingDataNoFilters:U7,calendarType:I1,filters:Z4,parentHeight:Z6,bgColor:q3,scrollToTop:_3?()=>tW:()=>{},parentWidth:N8,metricList:l4,chartFontSettings:b7,mainMetricItem:o8,metricCardColor:T4?O4:B3,isAllowedToChangeLayout:u,isMobileScreen:x6,isShadowDisableOnHover:x3,disableMetricCardBorder:r6,isAllowedToUpdateMetrics:l,isEditLayoutEnabled:v0,isHoverLongDesc:B4,setOpenElementPanel:z7,setUpdateElement:v6,isEnableEmailRawCsvDownload:c8,setRawCsvModal:B6,language:K7,translationDictionary:e6,datasourceId:K3,metricStore:n5,setHoverLongDesc:x1,setHoverSubHeader:J9,setPopupOpen:f5,setMetricStore:h9,setDownloadMetrics:V7,isAllClient:P0,clientColumnType:p0,noDataImg:D1,isAllowedToSeeUnderlyingData:A,chartAppearance:b0,hideDatePickerOptions:Y0,isDisableMetricLoader:W2,onServerEvent:N3,workspaceId:f0,token:Y2,downloadMetrics:J7,dropdownTheme:T2,underlyingTheme:m2,optionsIcon:O2,disableFullscreen:H2,setFullScreenModal:H6,client:r,chartColors:o,globalFilters:a,companyTenancyType:w,appFilters:_,params:L,isAllowedToDeleteMetrics:e||(o8==null?void 0:o8.createdByIdentifier)&&t&&(o8==null?void 0:o8.createdByIdentifier)===t,setArchiveModal:d6,setCrossDashboardFilters:b5,crossDashboardFilters:r4,enableMultiMetricFilters:g2,enableDownloadCsv:M2,isDisableClick:m3,viewMetricData:X7,generatingPdf:w6,dataMartTables:h8,onEditMetric:d7}})},o8.id):h.jsx("div",{"data-testid":`${(An=o8==null?void 0:o8.name)==null?void 0:An.toLowerCase().replaceAll(" ","-")}-card`,className:it,id:o8.id,onClick:n4,style:i6,children:h.jsx(Vk,{dataMartTables:h8,viewMetricData:X7,setMetricMetadata:U6,disableDownloadDataNoFilters:p7,disableDownloadUnderlyingDataNoFilters:U7,setLoadedCardMetadata:O8,calendarType:I1,disableFullscreen:!!H2,isDisableClick:m3,language:K7,translationDictionary:e6,chartFontSettings:b7,datasourceId:K3,metricStore:n5,disableBorder:r6,setHoverLongDesc:x1,setHoverSubHeader:J9,setPopupOpen:f5,setMetricStore:h9,isAllClient:P0,clientColumnType:p0,isMergedMetric:!!t5.length&&!x6,metricCardColor:T4?O4:B3,isShadowDisableOnHover:x3,noDataImg:D1,isAllowedToSeeUnderlyingData:A,chartAppearance:b0,hideDatePickerOptions:Y0,chartHeight:F9||void 0,isEditLayoutEnabled:v0,isDisableMetricLoader:W2,onServerEvent:N3,workspaceId:f0,guestToken:Y2,isFrontendApp:!1,downloadMetrics:J7,onDownload:c3,metricItem:o8,dropdownTheme:T2,underlyingTheme:m2,optionsIcon:O2,onMaximize:m.isLocked||H2&&!((Ji=(fi=o8==null?void 0:o8.clickActions)==null?void 0:fi.chartWithMetric)!=null&&Ji.isEnable)?({metric:ge,appFilters:Hr,appliedMetricFilters:nn,rlsFilters:di,isClickOnChart:Jn})=>{N3==null||N3(B30,o8==null?void 0:o8.id),_3&&tW(),H6({show:!0,metric:Jn&&I9?I9:ge,rlsFilters:di,appFilters:Hr,appliedMetricFilters:nn,isClickOnChart:Jn,randomId:FB(6)})}:void 0,client:r,colors:o,globalFilters:a,param:L==null?void 0:L.find(ge=>ge.metricId===o8.metricId),appFilters:_==null?void 0:_.find(ge=>ge.metricId===o8.metricId),companyTenancyType:w,onArchive:e||o8!=null&&o8.createdByIdentifier&&t&&(o8==null?void 0:o8.createdByIdentifier)===t?ge=>d6({id:ge,show:!0,metricId:o8==null?void 0:o8.metricId}):void 0,disableActions:!m.isLocked,isDisableMorePopup:!m.isLocked,setCrossDashboardFilters:b5,crossDashboardFilters:r4,enableMultiMetricFilters:g2,enableDownloadCsv:M2,onDownloadRawCsv:s7,generatingPdf:w6,renderEditMetric:Q6})},o8.id)}),[h8,i5,T7,c6,B3,u,x6,x3,r6,B4,b9,I5,c8,p4,K7,e6,K3,n5,P0,p0,D1,A,b0,Y0,v0,W2,N3,f0,Y2,J7,T2,m2,O2,m.isLocked,H2,r,o,a,L,_,w,e,r4,g2,M2,G9,l,G9,I1,p7,U7,X7]),[ae,N4]=U0.useState("");U0.useEffect(()=>{if(n){const o8=new Blob([n],{type:"image/svg+xml"}),f9=URL.createObjectURL(o8);return N4(f9),()=>{URL.revokeObjectURL(f9)}}},[n]);const M4=U0.useMemo(()=>(i5==null?void 0:i5.length)===(m9==null?void 0:m9.length)&&!(m9!=null&&m9.some(o8=>o8==null?void 0:o8.isDataFound))&&i,[i5,m9,i]);U0.useEffect(()=>{O8([])},[JSON.stringify(a),r,JSON.stringify(_),JSON.stringify(r4)]);const e4=U0.useCallback(o8=>{var f9,p9;if(!v0&&!Aq2(p4,o8)&&(o8==null?void 0:o8.length)===(J6==null?void 0:J6.length)){const F9=(f9=J6==null?void 0:J6.reduce((l4,K9)=>new Date(l4==null?void 0:l4.createdAt)>new Date(K9==null?void 0:K9.createdAt)?l4:K9))==null?void 0:f9.id,m5=(p4==null?void 0:p4.filter(l4=>(l4==null?void 0:l4.y)===0))||[],t5=(p9=o8==null?void 0:o8.find(l4=>(l4==null?void 0:l4.i)===F9))==null?void 0:p9.h,Z4=o8==null?void 0:o8.map(l4=>{var K9;return(l4==null?void 0:l4.i)===F9?{...l4,y:0,w:12}:(K9=m5==null?void 0:m5.find(k5=>(k5==null?void 0:k5.i)===(l4==null?void 0:l4.i)))!=null&&K9.i?{...l4,y:t5??1}:l4});setTimeout(()=>{n3==null||n3(Z4)},1e3)}},[v0,p4,J6,n3]);return U0.useEffect(()=>{Y8==null||Y8(!!J6.length&&!!u5.length&&!M4)},[J6.length,u5.length,M4]),h.jsx(h.Fragment,{children:J6.length&&u5.length&&!M4?h.jsxs(h.Fragment,{children:[h.jsx("div",{className:`${Ef["MetricList-container"]} ${Ef["MetricList-container-type"]}`,id:"metric-list-container",style:Q8?{minHeight:"100px"}:{},children:h.jsx(Zk,{layouts:{lg:p4},onResizeStop:u?m.onChange:void 0,onDragStop:u?m.onChange:void 0,isDraggable:u,isDroppable:u,isResizable:u,rowHeight:30,breakpoints:g??{lg:1200,md:996,sm:768,xs:480,xxs:0},cols:E??{lg:12,md:12,sm:12,xs:3,xxs:2},containerPadding:[0,10],onLayoutChange:e4,margin:[(Ie=J0==null?void 0:J0.horizontalMargin)!=null&&Ie.toString()?J0.horizontalMargin:10,(Z5=J0==null?void 0:J0.verticalMargin)!=null&&Z5.toString()?J0.verticalMargin:10],children:$5},v0?"reset":"default")}),Q0?h.jsx("div",{className:"dbn-pb-6",children:h.jsx(sA,{})}):null,e||(R6=f6==null?void 0:f6.metric)!=null&&R6.createdByIdentifier&&t&&((_8=f6==null?void 0:f6.metric)==null?void 0:_8.createdByIdentifier)===t?h.jsx(pn0,{isLoading:q7,isOpen:J3.show,onArchive:$7,onClose:()=>d6({id:"",show:!1,metricId:""})}):null,_3?h.jsx(h.Fragment,{children:(!H2||(f6==null?void 0:f6.isClickOnChart))&&f6.show&&f6.metric&&h.jsx(Pk,{dataMartTables:h8,userIdentifier:t,disableDownloadDataNoFilters:p7,disableDownloadUnderlyingDataNoFilters:U7,isDataApp:S7,onEditMetric:d7,calendarType:I1,language:K7,translationDictionary:e6,appliedMetricFilters:(f6==null?void 0:f6.appliedMetricFilters)||[],datasourceId:K3,isAllClient:P0,isEnableMetricSummary:_2,onServerEvent:N3,shouldFitFullScreen:_3,enableEmailCsv:o2,disableDownloadPng:M6,isAllowToDownloadMetrics:w3,chartAppearance:b0,hideDatePickerOptions:Y0,clientColumnType:p0,workspaceId:f0,guestToken:Y2,isFrontendApp:!1,downloadMetrics:J7,globalFilters:a,metric:f6.metric,rlsFilters:f6.rlsFilters,appFilters:f6.appFilters,colors:o,underlyingTheme:m2,externalDashboardId:S,userProvidedDashboardId:x,tenancyLevel:w,isAllowedToUpdateMetrics:l,clientId:r,companyId:C,onMinimize:()=>{N3==null||N3(gu2),H6({show:!1,metric:void 0,appliedMetricFilters:[],isClickOnChart:!1})},onArchive:e||(S6=f6==null?void 0:f6.metric)!=null&&S6.createdByIdentifier&&t&&((M8=f6==null?void 0:f6.metric)==null?void 0:M8.createdByIdentifier)===t?(o8,f9)=>d6({id:o8,show:!0,metricId:f9}):void 0,isShowChartConfigTab:!1,isHideChartSettings:W,isHideTablePreview:c2,sharingSettingsId:D,onDownload:(o8,f9)=>{V7(f9?p9=>[...p9,{id:o8,isInProgress:f9}]:p9=>p9.filter(I9=>I9.id!==o8))}})}):h.jsx(IE,{children:(!H2||(f6==null?void 0:f6.isClickOnChart))&&f6.show&&f6.metric&&h.jsx(Pk,{dataMartTables:h8,userIdentifier:t,viewMetricData:X7,disableDownloadDataNoFilters:p7,disableDownloadUnderlyingDataNoFilters:U7,randomId:f6==null?void 0:f6.randomId,isDataApp:S7,onEditMetric:d7,language:K7,translationDictionary:e6,appliedMetricFilters:(f6==null?void 0:f6.appliedMetricFilters)||[],datasourceId:K3,isAllClient:P0,isEnableMetricSummary:_2,onServerEvent:N3,enableEmailCsv:o2,disableDownloadPng:M6,isAllowToDownloadMetrics:w3,chartAppearance:b0,hideDatePickerOptions:Y0,clientColumnType:p0,workspaceId:f0,guestToken:Y2,isFrontendApp:!1,downloadMetrics:J7,globalFilters:a,metric:f6.metric,rlsFilters:f6.rlsFilters,appFilters:f6.appFilters,colors:o,underlyingTheme:m2,externalDashboardId:S,userProvidedDashboardId:x,tenancyLevel:w,isAllowedToUpdateMetrics:l,clientId:r,companyId:C,onMinimize:()=>{N3==null||N3(gu2),H6({show:!1,metric:void 0,appliedMetricFilters:[],isClickOnChart:!1})},onArchive:e||(c9=f6==null?void 0:f6.metric)!=null&&c9.createdByIdentifier&&t&&((D9=f6==null?void 0:f6.metric)==null?void 0:D9.createdByIdentifier)===t?(o8,f9)=>d6({id:o8,show:!0,metricId:f9}):void 0,isShowChartConfigTab:!1,isHideChartSettings:W,isHideTablePreview:c2,sharingSettingsId:D,onDownload:(o8,f9)=>{V7(f9?p9=>[...p9,{id:o8,isInProgress:f9}]:p9=>p9.filter(I9=>I9.id!==o8))}})}),c8&&h.jsx(yV,{workspaceId:f0,metricItem:F6.metric,isShowRawCsvModal:F6.show,onCloseModal:()=>B6({show:!1,metric:void 0,filterValues:void 0,dataMartRelationships:[],rlsConditions:[]}),query:Ab({query:Zd(((q8=F6==null?void 0:F6.metric)==null?void 0:q8.query)||"",C||""),dbName:((F5=F6.metric)==null?void 0:F5.integrationName)||"",rlsConditions:(F6==null?void 0:F6.rlsConditions)||[],tenancyLevel:w,clientId:r,globalFilters:a,values:F6.filterValues,isAllClient:!1,clientColumnType:p0,dataMartRelationships:(F6==null?void 0:F6.dataMartRelationships)||[]}),sharingSettingsId:D}),h.jsx(ei0,{createElementPanelProps:{onServerEvent:N3,refetchDashboardData:o9,isOpen:S1,onClose:()=>{v6(null),z7(!1)},element:W5,clientId:r,externalDashboardId:S,companyId:C,userProvidedDashboardId:x}})]}):h.jsx(h.Fragment,{children:!d&&!M4?h.jsx("div",{className:Ef["noMetric-container"],children:h.jsx("div",{className:Ef["noMetric-wrapper"],children:n&&ae?h.jsx("img",{src:ae,alt:"no data svg"}):h.jsx(o6,{variant:"heading-4",children:"No metrics created yet"})})}):h.jsx("div",{className:Ef["alt-container"],children:n?h.jsx(h.Fragment,{children:h.jsx("img",{src:ae,alt:"no data svg"})}):h.jsx(Ml,{message:"No results found.",subText:"No data available in dashboard.",height:"140px",width:"216px",msgGap:"24px",subTextGap:"6px",msgVariant:"sec-heading-4",isNoMatchedMetric:!0})})})})},aJ={"searchTab-container":"_searchTab-container_1m1la_1","searchTab-input":"_searchTab-input_1m1la_9",errContainer:"_errContainer_1m1la_17"},Rm=({id:t,setSearchKeyword:n,className:i="",placeholder:o="Search",value:a,isResetValue:s,onSearch:r,autoComplete:C="on",isDisabled:l,errorMsg:e})=>{const[u,A]=U0.useState(a||""),[f,d]=U0.useState(!0);U0.useEffect(()=>{n==null||n(u==null?void 0:u.toLowerCase())},[n,u]),U0.useEffect(()=>{s&&A(a||"")},[a,s]);const g=m=>{m.key==="Enter"&&r&&r(u)},E=vm(u,600);return U0.useEffect(()=>{r==null||r(E)},[E,r]),h.jsxs("div",{className:`${aJ["searchTab-container"]} ${i} ${e?aJ.errContainer:""}`,"aria-disabled":!!l,children:[!u&&f?h.jsx(p8,{name:"magnifying-glass",color:"gray",size:"xs"}):null,h.jsx("input",{id:t,"data-testid":t,placeholder:o,value:u,name:"search",onChange:m=>A(m.target.value),onClick:m=>m.preventDefault(),className:aJ["searchTab-input"],onFocus:()=>d(!1),onBlur:()=>d(!0),onKeyDown:g,autoComplete:C,disabled:l})]})},sJ={tab:"_tab_sv3os_1",button:"_button_sv3os_7",activeTab:"_activeTab_sv3os_15"},ni0=({options:t,activeTab:n,setActiveTab:i,className:o="",tabText:a="",lockedTabs:s,tabClassname:r="",onChange:C,isDisabled:l})=>h.jsx("div",{className:`${sJ.tab} ${o}`,children:t==null?void 0:t.map(e=>h.jsx("div",{className:`${sJ.button} ${n===e?sJ.activeTab:""} ${a}`,children:h.jsx(i8,{"data-testid":`${e==null?void 0:e.toLowerCase().replaceAll(" ","-")}-tab`,variant:"popover",type:"button",onClick:()=>{i(e),C==null||C(e)},className:`dbn-w-full dbn-flex dbn-items-center dbn-py-2 ${r}`,isDisabled:(s==null?void 0:s.includes(e))||l,children:h.jsx(o6,{variant:n===e?"heading-5":"sec-heading-5",color:n===e?"primary":"secondary-dark",children:e})},e)},e))}),Hm={container:"_container_a9ie6_1",label:"_label_a9ie6_9",textarea:"_textarea_a9ie6_17",resizable:"_resizable_a9ie6_25",error:"_error_a9ie6_31",noError:"_noError_a9ie6_37",important:"_important_a9ie6_45"},ii0=({id:t,label:n,placeholder:i,rows:o,cols:a,resizable:s=!0,register:r,error:C,defaultValue:l,value:e,onFocus:u,onBlur:A,className:f,leftIcon:d,rightIcon:g,isDisabled:E,isImportant:m,...L})=>h.jsxs("div",{className:`${Hm.container} ${f}`,children:[h.jsxs("label",{htmlFor:t,className:Hm.label,children:[d,h.jsxs(o6,{variant:"input-label",children:[n,m?h.jsx("span",{className:Hm.important,children:"*"}):null]}),g]}),h.jsx("textarea",{...L,id:t,name:t,rows:o,cols:a,placeholder:i,className:Xm(Hm.textarea,`${s?null:Hm.resizable}`,C?Hm.error:Hm.noError),defaultValue:l,...r,value:r?e:e||"",onFocus:u,onBlur:A,disabled:E}),C&&h.jsx(o6,{variant:"body-text-2",color:"alert",children:C})]}),IE=({children:t})=>{const[n,i]=U0.useState(),o=a=>{const s=[".dbn-selectBox",".dbn-selectBox-text"],r=new RegExp(s.map(l=>`${l}\\s*[^}]*}`).join("|"),"g"),C=a.match(r);return C?C.join(`
|
|
2057
|
+
`))==null?void 0:u.map(A=>h.jsx(o6,{children:A},A)),h.jsx(i8,{variant:"popover",onClick:()=>{Ua2(i),l(!0),setTimeout(()=>{l(!1)},3e3)},leftIcon:h.jsx(p8,{name:"copy"}),children:C?"Copied":"Copy"})]}):h.jsx(o6,{children:"Not Found"},"not found")})]})};return h.jsx(h.Fragment,{children:r?e():h.jsx(ad,{isOpen:t,onClose:n,hideFooter:!0,side:"right",size:"small",hideHeader:!0,zIndex:s,children:e()})})},Dg2={lessWidth:"_lessWidth_1lhha_1",moreWidth:"_moreWidth_1lhha_9"},$n0=({deleteConfig:t,onDeleteMetric:n,setDeleteConfig:i,error:o,isDeletingMetric:a})=>{const[s,r]=U0.useState(!1);return h.jsxs(Gu,{isOpen:(t==null?void 0:t.isDelete)||!1,onClose:()=>i==null?void 0:i({isDelete:!1,step:0}),headerTitle:"Delete Metric",zIndex:9999999999,children:[h.jsx("div",{className:`dbn-px-6 dbn-pb-4 ${(t==null?void 0:t.step)===0?Dg2.lessWidth:Dg2.moreWidth}`,children:(t==null?void 0:t.step)===0?h.jsxs("div",{className:"dbn-w-full dbn-flex dbn-flex-col dbn-gap-4",children:[h.jsxs(o6,{variant:"body-text-2",color:"light-text",children:["Deleting ‘",t==null?void 0:t.name,"’ will permanently remove it from the dashboard and the metrics list."]}),h.jsx(o6,{variant:"body-text-2",color:"light-text",children:"This action can’t be undone."})]}):h.jsxs(Pa,{direction:"col",className:"dbn-gap-4",children:[h.jsx(o6,{variant:"body-text-2",children:"Deleting this metric will permanently remove it from all dashboards and the metrics list. This action is irreversible. If you need to recover this metric, please do so before proceeding."}),h.jsxs(Pa,{direction:"col",className:"dbn-gap-2",children:[h.jsx(o6,{variant:"heading-5",children:"I understand that:"}),h.jsxs("ul",{className:"dbn-w-full dbn-flex dbn-flex-col dbn-gap-0",children:[h.jsxs("li",{className:"dbn-w-full dbn-flex dbn-gap-2 dbn-items-center",children:[h.jsx("span",{className:"dbn-w-1.5 dbn-h-1.5 dbn-block dbn-bg-primary dbn-rounded-full"}),h.jsx(o6,{variant:"body-text-2",children:"The metric will be permanently deleted."})]}),h.jsxs("li",{className:"dbn-w-full dbn-flex dbn-gap-2 dbn-items-center",children:[h.jsx("span",{className:"dbn-w-1.5 dbn-h-1.5 dbn-block dbn-bg-primary dbn-rounded-full"}),h.jsx(o6,{variant:"body-text-2",children:"Associated dashboards will lose access to it."})]}),h.jsxs("li",{className:"dbn-w-full dbn-flex dbn-gap-2 dbn-items-center",children:[h.jsx("span",{className:"dbn-w-1.5 dbn-h-1.5 dbn-block dbn-bg-primary dbn-rounded-full"}),h.jsx(o6,{variant:"body-text-2",children:"This action cannot be undone."})]})]})]}),h.jsxs(Pa,{direction:"col",className:"dbn-gap-2",children:[h.jsxs(o6,{variant:"body-text-2",children:["Type"," ",h.jsxs("span",{className:"dbn-font-medium",children:["'",t==null?void 0:t.name,"'"]})," ","to confirm"]}),h.jsx(c5,{placeholder:"Type here",name:"delete-metric-name",value:t==null?void 0:t.confirmedName,onChange:C=>{C.target.value&&C.target.value!==(t==null?void 0:t.name)?r(!0):r(!1),i==null||i(l=>({...l,confirmedName:C.target.value}))},error:s?"Metric name does not match. Please try again.":"",onPaste:C=>C.preventDefault(),autoComplete:"off"})]}),o?h.jsx(ml,{text:o,variant:"error"}):null]})}),h.jsxs(td,{children:[h.jsx(i8,{variant:"tab",onClick:()=>i==null?void 0:i({isDelete:!1,step:0}),children:"Cancel"}),h.jsx(i8,{variant:"primary",onClick:()=>{(t==null?void 0:t.step)===0&&(i==null||i(C=>({...C,step:1}))),(t==null?void 0:t.step)===1&&(t!=null&&t.id)&&(n==null||n(t==null?void 0:t.id))},className:"dbn-bg-alert hover:dbn-bg-discard-hover",dataTestTitle:"delete",isDisabled:(t==null?void 0:t.step)===1&&(a||(t==null?void 0:t.confirmedName)!==(t==null?void 0:t.name)),children:(t==null?void 0:t.step)===0?"Continue":"Delete Permanently"})]})]})},ov={shimmer:"_shimmer_1ad7p_19"},Gl=({height:t="6",className:n,variant:i,tableRows:o})=>{if(i==="table"){const a=o||6,s=[];for(let r=0;r<a;r+=1)s.push(h.jsxs("div",{children:["Item ",r+1]},r));return h.jsx("div",{className:"dbn-w-full",children:h.jsxs("table",{className:"dbn-w-full",children:[h.jsx("thead",{className:"dbn-bg-white dbn-border-b dbn-border-secondary dbn-p-2",children:h.jsx("tr",{className:"dbn-w-full",children:s==null?void 0:s.map((r,C)=>h.jsx("th",{className:"dbn-p-4 dbn-border-r dbn-border-secondary dbn-bg-gray",children:h.jsx("div",{className:`${ov.shimmer} dbn-bg-gray dbn-rounded-md dbn-w-full dbn-h-${t} ${n}`})},`${C}_th`))})}),h.jsx("tbody",{children:s==null?void 0:s.map((r,C)=>h.jsx("tr",{children:s==null?void 0:s.map((l,e)=>h.jsx("td",{className:"dbn-p-4",children:h.jsx("div",{className:`${ov.shimmer} dbn-bg-gray dbn-rounded-md dbn-w-full dbn-h-${t} ${n}`})},`${e}_${C}`))},C))})]})})}return i==="list"?h.jsxs("div",{className:"dbn-w-full dbn-flex dbn-flex-col dbn-gap-3",children:[h.jsx("div",{className:`${ov.shimmer} dbn-bg-gray dbn-rounded-md dbn-w-full dbn-h-${t} ${n}`}),h.jsx("div",{className:`${ov.shimmer} dbn-bg-gray dbn-rounded-md dbn-w-full dbn-h-${t} ${n}`}),h.jsx("div",{className:`${ov.shimmer} dbn-bg-gray dbn-rounded-md dbn-w-full dbn-h-${t} ${n}`}),h.jsx("div",{className:`${ov.shimmer} dbn-bg-gray dbn-rounded-md dbn-w-full dbn-h-${t} ${n}`}),h.jsx("div",{className:`${ov.shimmer} dbn-bg-gray dbn-rounded-md dbn-w-full dbn-h-${t} ${n}`})]}):h.jsx("div",{className:`${ov.shimmer} dbn-bg-gray dbn-rounded-md dbn-w-full dbn-h-${t} ${n}`})},Pk=({userIdentifier:t,metric:n,colors:i,underlyingTheme:o,rlsFilters:a,metricFilterOptions:s,onMinimize:r,onArchive:C,clientId:l,tenancyLevel:e,companyId:u,externalDashboardId:A,userProvidedDashboardId:f,isAllowedToUpdateMetrics:d,sharingSettingsId:g,appFilters:E,isInternalApp:m,isShowChartConfigTab:L,isHideChartSettings:w,isHideTablePreview:x,isAllClient:S,globalFilters:D={tableName:"",filters:[]},onDownload:_,downloadMetrics:W,isFrontendApp:c2,guestToken:M2,encryptedClient:o2,workspaceId:g2,clientColumnType:H2,isEnableMetricSummary:T2,hideDatePickerOptions:m2,chartAppearance:O2,enableEmailCsv:Y2,shouldFitFullScreen:f0,onServerEvent:p0,disableDownloadPng:Q0,isAllowToDownloadMetrics:v0,datasourceId:_2,appliedMetricFilters:Y0,language:b0,translationDictionary:P0,onDeleteMetric:J0,deleteConfig:W2,setDeleteConfig:x3,deleteError:D1,isDeletingExternalMetric:B3,calendarType:_3="default",onEditMetric:y7,isDataApp:o3,canDeleteMetric:g7=!1,randomId:N3,disableDownloadDataNoFilters:M6=!1,disableDownloadUnderlyingDataNoFilters:r6=!1,viewMetricData:x6,dataMartTables:w3,refetchDashboardData:r0})=>{var se,z4,te,q4,it,x9,n4,n1,A3,q3,V3,i6,c3,s7,Q6,Z6,N8,J8,R9,Q7,$3,V1,e7,n6,L6,Y6,K8,a8,P8,s9,w9,M5,s4,z5,C4,m4,re,_e,mt,ar,bt,Fn,Kn,Di,_i,Xi,Si,Ki,co,bo,An,fi,Ji,ge,Hr,nn,di,Jn,pr,s8,r8,i9,y8,O9,U8,$9,T5,R5;const K3=U0.useRef(),[K7,e6]=U0.useState([]),[c6,f6]=U0.useState(!1),[H6,I1]=U0.useState(!1),[m3,d7]=U0.useState(!1),S7=U0.useMemo(()=>{var l8;return{...D,filters:(l8=D==null?void 0:D.filters)==null?void 0:l8.filter(A9=>{var t9;return!((t9=A9==null?void 0:A9.restrictedMetrics)!=null&&t9.some(S9=>S9.value===(n==null?void 0:n.id)))})}},[D,n]),{refetchMetricData:b7,queryError:n3,dataDb:p7,drillDownSettings:U7,variables:Y7,getUnderlyingData:U6,handleChartClick:X7,columnName:w6,setShowChartPopup:h8,isShowChartPopup:o9,isQueryLoading:Y8,chartParams:m9,onChangeFilterValue:O8,onDrillDown:s5,drilledLevel:Q8,dimensions:n5,isEnableNextBtn:h9,isEnablePrevBtn:r4,paginationInfo:b5,onChangePage:B4,isExternalChart:x1,onDrillLevelClick:b9,metricFilters:J9,filterValues:I5,dynamicOptions:f5,isSingleValueNull:W5,containerRef:v6,chartSettings:S1,setChartSettings:z7,leftPositionedMetricFilters:F6,rightPositionedMetricFilters:B6,updateFilter:J3,tableResultsDownloadData:d6,appliedMetricFilters:J7,pivotHeaderOptions:V7,pivotDrillState:T7,onDrillPivotTable:C3,legendData:$7,timeseriesDimension:q7,isPythonMode:g8,isSorted:v9,isInavlidForSort:c8,sortOrder:O3,setSortOrder:G9,onAddComparison:v8,groupedRlsConditions:X8,onGenerateMetricSummary:J6,summary:u5,setSummary:f8,setNotFirstRender:i5,dataMartRelationships:p4,onChartChange:$5,isCompareValue:ae,isShowChartPropertyPanel:N4,setShowChartPropertyPanel:M4,columnList:e4,metricName:Ie,drilldownCols:Z5,switchMeasureOptions:R6,dateFilter:_8,enabledCharts:S6,tableColumnFilters:M8,onChangePaginationColumnFilters:c9,customSwitchXAxis:D9}=H_({dataMartTables:w3,viewMetricData:x6,datasourceId:_2,metric:n,rlsFilters:a,tenancyLevel:e,clientId:l,appFilters:E,isInternalApp:m,metricFilterOptions:s,isAllClient:S,globalFilters:S7,isFrontendApp:c2,guestToken:M2,encryptedClientId:o2,workspaceId:g2,onServerEvent:p0,clientColumnType:H2,appliedCardMetricFilters:Y0,language:b0,translationDictionary:P0,calendarType:_3,isFullScreen:N3}),{updateExternalMetric:q8,error:F5,isLoading:o8,onPublishMetric:f9}=EM({onServerEvent:p0,onSuccess:async()=>{d7(!1),r(),r0==null||r0()},selectedColumns:[],companyIntegrationId:n.companyIntegrationId,query:n.query,metricQuery:n.metricQuery,integrationName:n.integrationName,outputColumns:n.outputColumns,chartSettings:S1,datasetMetricSettings:n.datasetMetricSettings,clientId:l,companyId:u,isLiveMode:n.isLive,timeGrain:n.timeGrain,dashboardIds:[A],isEnableGroupBy:n.isEnableGroupBy,groupBy:n.groupBy,selectedGroupBy:n.selectedGroupBy,metric:n}),{isDisableDownloadSettings:p9}=D_({sharingSettingsId:g,workspaceId:g2}),I9=U0.useMemo(()=>(Y2==null?void 0:Y2.toString())&&Y2||!(Y2!=null&&Y2.toString())&&!p9,[p9,Y2]),F9=U0.useMemo(()=>{var A9;let l8=XY({chartSettings:S1,translationDictionary:P0,variables:Y7,language:b0});return(A9=n==null?void 0:n.drillDownSettings)!=null&&A9.isEnableGroupBy&&p7.length&&Q8===(n5==null?void 0:n5.length)&&(l8={...l8,chartType:"table",yAxisList:n5!=null&&n5[0]?[n5==null?void 0:n5[0],...S1.yAxisList||[]]:S1.yAxisList}),l8},[(se=n==null?void 0:n.drillDownSettings)==null?void 0:se.isEnableGroupBy,p7.length,Q8,n5,S1,Y7,b0,P0]),m5=l8=>{var A9,t9,S9,b4,J5,Xe,Ze,pt,Re,ne,me,Se,be;return S1.chartType===B0.table||(A9=n.drillDownSettings)!=null&&A9.isEnableGroupBy&&Q8===(n5==null?void 0:n5.length)?(t9=l8==null?void 0:l8.find(yn=>{var qn,$n;return yn.columnName===(($n=(qn=n==null?void 0:n.clickActions)==null?void 0:qn.chart)==null?void 0:$n.valueColumn)}))==null?void 0:t9.value:[B0.sankey,B0.treeMap].includes(S1==null?void 0:S1.chartType)?l8==null?void 0:l8.value:((b4=(S9=n.clickActions)==null?void 0:S9.chart)==null?void 0:b4.valueColumn)===(S1==null?void 0:S1.xAxis)||(S1==null?void 0:S1.chartType)===B0.gauge&&((Xe=(J5=n.clickActions)==null?void 0:J5.chart)==null?void 0:Xe.valueColumn)===((pt=(Ze=S1==null?void 0:S1.gaugeSettings)==null?void 0:Ze.dimensions)==null?void 0:pt.join(", "))?l8==null?void 0:l8.name:(l8==null?void 0:l8.seriesName)===((ne=(Re=n.clickActions)==null?void 0:Re.chart)==null?void 0:ne.valueColumn)||(S1==null?void 0:S1.chartType)===B0.gauge&&((Se=(me=n.clickActions)==null?void 0:me.chart)==null?void 0:Se.valueColumn)===((be=S1==null?void 0:S1.gaugeSettings)==null?void 0:be.metric)||[B0.funnel].includes(S1.chartType)?l8==null?void 0:l8.value:null},t5=U0.useMemo(()=>{var A9,t9,S9,b4,J5;const l8=Object.keys((p7==null?void 0:p7[0])||{})||[];if(S1.chartType===B0.timeSeries){const Xe=(A9=n==null?void 0:n.chartOptions)==null?void 0:A9.xAxis,Ze=S1==null?void 0:S1.xAxis,pt=!!((b4=(S9=(t9=S1==null?void 0:S1.timeSeriesSettings)==null?void 0:t9.groupBySettings)==null?void 0:S9.options)!=null&&b4.find(Re=>{var ne,me,Se;return(Se=Xe==null?void 0:Xe.toLowerCase())==null?void 0:Se.includes(((me=(ne=Re==null?void 0:Re.split("____"))==null?void 0:ne[0])==null?void 0:me.toLowerCase())||"")}));if(Xe&&Ze&&!pt)return p7==null?void 0:p7.map(Re=>l8.reduce((ne,me)=>{var Se,be;return me===Ze?ne[Xe||""]=RS(((be=(Se=S1==null?void 0:S1.timeSeriesSettings)==null?void 0:Se.groupBySettings)==null?void 0:be.value)||"monthly",Re[me]):ne[me]=Re[me],ne},{}))}if(ae&&((J5=S1==null?void 0:S1.customSettings)!=null&&J5.comparisonTimeLabel)){const Xe="_timestamp";return p7==null?void 0:p7.map(Ze=>l8.reduce((pt,Re)=>{var ne;return Re===Xe?pt[((ne=S1==null?void 0:S1.customSettings)==null?void 0:ne.comparisonTimeLabel)||""]=Ze[Re]:pt[Re]=Ze[Re],pt},{}))}return p7},[p7,ae,(z4=S1==null?void 0:S1.customSettings)==null?void 0:z4.comparisonTimeLabel,S1==null?void 0:S1.chartType,n==null?void 0:n.chartOptions,S1==null?void 0:S1.xAxis,(q4=(te=S1==null?void 0:S1.timeSeriesSettings)==null?void 0:te.groupBySettings)==null?void 0:q4.value]),Z4=U0.useMemo(()=>YQ(i||[],(S1==null?void 0:S1.chartColors)||[]),[i,S1==null?void 0:S1.chartColors]),l4=U0.useMemo(()=>[B0.row,B0.horizontalStack].includes(S1==null?void 0:S1.chartType)?"Dynamic y-axis":"Dynamic x-axis",[S1==null?void 0:S1.chartType]),K9=U0.useMemo(()=>[B0.row,B0.horizontalStack].includes(S1==null?void 0:S1.chartType)?"Dynamic x-axis":"Dynamic y-axis",[S1==null?void 0:S1.chartType]);U0.useEffect(()=>{var l8;if(localStorage.getItem("fsMetricCs")){const A9=(l8=JSON.parse(localStorage.getItem("fsMetricCs")||""))==null?void 0:l8.defaultRowSize;A9&&z7(t9=>({...t9,tableSettings:{...t9.tableSettings,defaultRowSize:A9}}))}},[]),U0.useEffect(()=>{var l8;localStorage.setItem("fsMetricCs",JSON.stringify({metricId:n.id,defaultRowSize:(l8=S1==null?void 0:S1.tableSettings)==null?void 0:l8.defaultRowSize}))},[S1]);const k5=U0.useMemo(()=>{var l8,A9,t9,S9,b4;return(S1==null?void 0:S1.chartType)===B0.singleValue&&((l8=S1==null?void 0:S1.customSettings)!=null&&l8.singleValuePrefix)?nl(((A9=S1==null?void 0:S1.customSettings)==null?void 0:A9.singleValuePrefix)||"^^^^^",Y7):(t9=S1==null?void 0:S1.customSettings)!=null&&t9.labelPrefix?nl(((S9=S1==null?void 0:S1.customSettings)==null?void 0:S9.labelPrefix)||"^^^^^",Y7):(b4=S1==null?void 0:S1.customSettings)==null?void 0:b4.labelPrefix},[S1==null?void 0:S1.chartType,(it=S1==null?void 0:S1.customSettings)==null?void 0:it.labelPrefix,(x9=S1==null?void 0:S1.customSettings)==null?void 0:x9.singleValuePrefix,Y7]),V4=U0.useMemo(()=>{var l8,A9,t9,S9,b4;return(S1==null?void 0:S1.chartType)===B0.singleValue&&((l8=S1==null?void 0:S1.customSettings)!=null&&l8.singleValueSuffix)?nl(((A9=S1==null?void 0:S1.customSettings)==null?void 0:A9.singleValueSuffix)||"^^^^^",Y7):(t9=S1==null?void 0:S1.customSettings)!=null&&t9.labelSuffix?nl(((S9=S1==null?void 0:S1.customSettings)==null?void 0:S9.labelSuffix)||"^^^^^",Y7):(b4=S1==null?void 0:S1.customSettings)==null?void 0:b4.labelSuffix},[S1==null?void 0:S1.chartType,(n4=S1==null?void 0:S1.customSettings)==null?void 0:n4.labelSuffix,(n1=S1==null?void 0:S1.customSettings)==null?void 0:n1.singleValueSuffix,Y7]),T4=U0.useMemo(()=>{var l8;return(S1==null?void 0:S1.chartType)===B0.table&&!!((l8=S1==null?void 0:S1.tableSettings)!=null&&l8.enableTableSearch)},[S1==null?void 0:S1.chartType,(A3=S1==null?void 0:S1.tableSettings)==null?void 0:A3.enableTableSearch]),O4=U0.useMemo(()=>{var l8,A9,t9,S9,b4,J5,Xe;return((l8=S1==null?void 0:S1.dynamicXAxis)==null?void 0:l8.isEnabled)||((A9=S1==null?void 0:S1.dynamicYAxis)==null?void 0:A9.isEnabled)||(S1==null?void 0:S1.isDynamicSeries)||((t9=S1==null?void 0:S1.customSettings)==null?void 0:t9.isEnableSwitchMeasure)||((S9=S1==null?void 0:S1.timeSeriesSettings)==null?void 0:S9.groupBySettings.isDynamic)||((b4=S1==null?void 0:S1.customSettings)==null?void 0:b4.showSelectLegend)||((J5=S1==null?void 0:S1.pivotTableSettings2)==null?void 0:J5.isDynamicHeaders)&&(S1==null?void 0:S1.chartType)===B0.pivotV2||((Xe=S1==null?void 0:S1.pivotTableSettings3)==null?void 0:Xe.isDynamicHeaders)&&(S1==null?void 0:S1.chartType)===B0.pivotV3},[(q3=S1==null?void 0:S1.dynamicXAxis)==null?void 0:q3.isEnabled,(V3=S1==null?void 0:S1.dynamicYAxis)==null?void 0:V3.isEnabled,S1==null?void 0:S1.isDynamicSeries,(i6=S1==null?void 0:S1.timeSeriesSettings)==null?void 0:i6.groupBySettings.isDynamic,(c3=S1==null?void 0:S1.customSettings)==null?void 0:c3.showSelectLegend,(s7=S1==null?void 0:S1.pivotTableSettings2)==null?void 0:s7.isDynamicHeaders,(Q6=S1==null?void 0:S1.pivotTableSettings3)==null?void 0:Q6.isDynamicHeaders,S1==null?void 0:S1.chartType,(Z6=S1==null?void 0:S1.customSettings)==null?void 0:Z6.isEnableSwitchMeasure]);return h.jsxs("div",{className:`${Bs.fullScreen} ${f0?Bs.fitFull:Bs.screen}`,children:[h.jsxs("section",{className:Bs.header,children:[h.jsxs("div",{className:Bs.headerBlock,children:[h.jsx(ha,{text:"Back",children:h.jsx(i8,{variant:"popover",type:"button",onClick:r,leftIcon:h.jsx("div",{className:Bs.backButton,children:h.jsx(p8,{name:"arrow-left"})})})}),h.jsx(o6,{variant:"body-text-1",children:Ie}),(N8=S7==null?void 0:S7.filters)!=null&&N8.length?h.jsx(ml,{text:"Global Filters are applied.",variant:"info"}):null,(J8=W==null?void 0:W.find(l8=>l8.id===(n==null?void 0:n.id)))!=null&&J8.isInProgress?h.jsx(ml,{text:"Download is in progress",variant:"primary"}):null]}),h.jsxs("div",{className:`${Bs.headerBlock} ${Bs.headerBlockRight}`,children:[c2&&(n!=null&&n.id)&&g7?h.jsx(i8,{variant:"popover",type:"button",onClick:()=>x3==null?void 0:x3({isDelete:!0,step:0,id:(n==null?void 0:n.id)||"",name:(n==null?void 0:n.name)||""}),leftIcon:h.jsx(ha,{text:"Delete Metric",children:h.jsx("div",{className:Bs.backButton,"data-testid":"delete-metric-btn",children:h.jsx(p8,{name:"delete",color:"alert"})})})}):null,T2&&h.jsx(i8,{variant:"popover",type:"button",onClick:()=>{J6(),M4(!1),I1(!1)},leftIcon:h.jsx(ha,{text:"AI Insights",showTooltip:!u5.isOpen,children:h.jsx("div",{className:Bs.backButton,"data-testid":"ai-insights-btn",children:h.jsx(p8,{name:"wand"})})}),isDisabled:!(p7!=null&&p7.length)}),w?null:h.jsx(ha,{text:"Chart Types",showTooltip:!H6,children:h.jsx(i8,{variant:"popover",type:"button",onClick:()=>{I1(!0),f8(l8=>({...l8,isOpen:!1,isLoading:!1}))},leftIcon:h.jsx("div",{className:Bs.backButton,"data-testid":"chart-types-btn",children:h.jsx(p8,{name:"bar-chart"})})})}),C?h.jsx(ha,{text:"Archive Metric",children:h.jsx(i8,{variant:"popover",type:"button",onClick:()=>C(n.id,(n==null?void 0:n.metricId)||""),leftIcon:h.jsx("div",{className:Bs.backButton,"data-testid":"archive-metric-btn",children:h.jsx(p8,{name:"archive"})})})}):null,c2||(v0??!0)?h.jsx(bn0,{disableDownloadDataNoFilters:M6,timeseriesSettings:g8||(S1==null?void 0:S1.chartType)!==B0.timeSeries?void 0:{format:((Q7=(R9=S1==null?void 0:S1.timeSeriesSettings)==null?void 0:R9.groupBySettings)==null?void 0:Q7.value)||"monthly",seriesField:(S1==null?void 0:S1.seriesField)||"",isFiscal:_3==="ind"},isPythonMode:(V1=($3=n==null?void 0:n.datasetMetricSettings)==null?void 0:$3.newDatasetSettings)==null?void 0:V1.isPythonMode,onServerEvent:p0,isEnableEmailRawCsvDownload:I9,disableDownloadPng:Q0!=null&&Q0.toString()?Q0:!1,data:d6||[],chartRef:K3,metricName:Ie,onRawCsvData:()=>f6(!0),chartOptions:S1,companyIntegrationId:n.companyIntegrationId,integrationName:n.integrationName,metricData:{globalFilters:S7,rlsConditions:J7,tenancyLevel:e,id:n==null?void 0:n.id,dataSecuritySettings:{csvColumns:[]},filterValues:I5,isAllClient:S,options:{clientId:c2?o2||"":l,isFrontend:c2,token:M2}},updateDownloadProgress:l8=>_(n==null?void 0:n.id,l8)}):null,(n==null?void 0:n.createdByIdentifier)&&t&&(n==null?void 0:n.createdByIdentifier)===t&&h.jsx(ha,{text:n!=null&&n.isPublished?"Private":"Publish",children:h.jsx(i8,{type:"button",variant:"popover",onClick:()=>{f9==null||f9(n)},isDisabled:o8,leftIcon:h.jsx("div",{className:Bs.backButton,"data-testid":"publish-metric-btn",children:h.jsx(p8,{name:n!=null&&n.isPublished?"eye-slash":"eye"})})})})]}),h.jsx(ha,{text:"Close FS",children:h.jsx(i8,{variant:"popover",type:"button",onClick:r,leftIcon:h.jsx("div",{className:Bs.backButton,"data-testid":"close-fullscreen-btn",children:h.jsx(p8,{name:"cross"})})})})]}),h.jsxs("section",{className:Bs.body,onContextMenu:l8=>{l8.preventDefault()},id:"dbn-fullscreenView",children:[h.jsxs("div",{className:Bs.data,"data-state":u5.isOpen?"summary-open":"summary-closed",children:[h.jsxs("div",{className:`${Bs.metric} ${[B0.table,B0.trendAnalyzer].includes((S1==null?void 0:S1.chartType)||"")?Bs.tableMetric:""} ${x?Bs.fullMetric:""}`,ref:v6,children:[h.jsxs("div",{className:Bs.metricHeader,children:[O4&&h.jsx("div",{className:Bs.metricFilters,children:!!p7.length&&h.jsxs("div",{className:"dbn-w-full dbn-flex dbn-flex-wrap dbn-justify-end dbn-items-center dbn-gap-2",children:[(e7=S1==null?void 0:S1.dynamicXAxis)!=null&&e7.isEnabled?h.jsx(_4,{options:[...((n6=S1==null?void 0:S1.dynamicXAxis)==null?void 0:n6.options)||[],...(L6=S1==null?void 0:S1.dynamicXAxis)!=null&&L6.isEnableCustomFields?D9||[]:[]],onChange:l8=>z7(A9=>({...A9,dynamicXAxis:{...A9.dynamicXAxis,selectedOption:l8},xAxis:l8.value})),selectedOption:S1.dynamicXAxis.selectedOption||{value:"",label:""},label:l4,labelVariant:"floating",menuZIndex:999999999999}):null,(Y6=S1==null?void 0:S1.dynamicYAxis)!=null&&Y6.isEnabled?(K8=S1==null?void 0:S1.dynamicYAxis)!=null&&K8.isEnabledMultiselect?h.jsx(Xa,{options:((a8=S1.dynamicYAxis)==null?void 0:a8.options)||[],onChange:l8=>z7(A9=>({...A9,dynamicYAxis:{...A9.dynamicYAxis,selectedOption:l8==null?void 0:l8.map(t9=>({value:t9==null?void 0:t9.value,label:t9==null?void 0:t9.value}))},yAxisList:l8!=null&&l8.length?[...l8==null?void 0:l8.map(t9=>t9==null?void 0:t9.value)]:[]})),selectedOption:((P8=S1==null?void 0:S1.dynamicYAxis)==null?void 0:P8.selectedOption)||[{value:"",label:""}],label:K9,labelVariant:"floating",menuZIndex:999999999999}):h.jsx(_4,{options:((s9=S1.dynamicYAxis)==null?void 0:s9.options)||[],onChange:l8=>z7(A9=>({...A9,dynamicYAxis:{...A9.dynamicYAxis,selectedOption:[l8]},yAxisList:l8.value?[l8.value]:[]})),selectedOption:((M5=(w9=S1==null?void 0:S1.dynamicYAxis)==null?void 0:w9.selectedOption)==null?void 0:M5[0])||{value:"",label:""},label:K9,labelVariant:"floating",menuZIndex:999999999999}):null,(s4=S1==null?void 0:S1.customSettings)!=null&&s4.isEnableSwitchMeasure?h.jsx(_4,{options:R6,onChange:l8=>z7(A9=>{var t9,S9;return{...A9,sankeyValues:[((t9=A9==null?void 0:A9.sankeyValues)==null?void 0:t9[0])||"",((S9=A9==null?void 0:A9.sankeyValues)==null?void 0:S9[1])||"",l8.value]}}),selectedOption:{value:((z5=S1.sankeyValues)==null?void 0:z5[2])||"",label:((C4=S1.sankeyValues)==null?void 0:C4[2])||""},label:"Switch Measure",labelVariant:"floating",menuZIndex:999999999999}):null,S1!=null&&S1.isDynamicSeries?h.jsx(_4,{options:f5,onChange:l8=>z7(A9=>({...A9,seriesField:l8.value})),selectedOption:{label:(S1==null?void 0:S1.seriesField)||"ungrouped",value:(S1==null?void 0:S1.seriesField)||"ungrouped"},label:"Group by",labelVariant:"floating",menuZIndex:999999999999}):null,(m4=S1.timeSeriesSettings)!=null&&m4.groupBySettings.isDynamic?h.jsx(_4,{options:(re=S1.timeSeriesSettings.groupBySettings.options)==null?void 0:re.map(l8=>{var A9;return{label:l8.split("____").length>1?l8.split("____")[1]||((A9=l8==null?void 0:l8.split("____"))==null?void 0:A9[0]):l8,value:l8.split("____")[0]}}),onChange:l8=>z7(A9=>{var t9;return{...A9,timeSeriesSettings:{...A9.timeSeriesSettings,groupBySettings:{...(t9=A9.timeSeriesSettings)==null?void 0:t9.groupBySettings,value:l8.value}},xAxis:g8?A9.xAxis:`${l8.value} of ${q7}`}}),menuZIndex:999999999999,selectedOption:{label:xa2(((mt=(_e=S1==null?void 0:S1.timeSeriesSettings)==null?void 0:_e.groupBySettings)==null?void 0:mt.value)||""),value:(bt=(ar=S1==null?void 0:S1.timeSeriesSettings)==null?void 0:ar.groupBySettings)==null?void 0:bt.value},labelVariant:"floating",label:"Timeseries"}):null,((Fn=S1.pivotTableSettings2)==null?void 0:Fn.isDynamicHeaders)&&S1.chartType===B0.pivotV2||((Kn=S1.pivotTableSettings3)==null?void 0:Kn.isDynamicHeaders)&&S1.chartType===B0.pivotV3&&h.jsx(Xa,{onChange:l8=>{z7(A9=>{var t9;return{...A9,pivotTableSettings2:{...A9.pivotTableSettings2,headers:l8==null?void 0:l8.map(S9=>S9.value),dimensions:(t9=V7.filter(S9=>!l8.some(b4=>b4.value===S9.value)))==null?void 0:t9.map(S9=>S9.value)},pivotTableSettings3:{...A9.pivotTableSettings3,rows:l8==null?void 0:l8.map(S9=>S9.value)}}})},options:V7,selectedOption:(S1==null?void 0:S1.chartType)===B0.pivotV3?(V7==null?void 0:V7.filter(l8=>{var A9,t9;return(t9=(A9=S1==null?void 0:S1.pivotTableSettings3)==null?void 0:A9.rows)==null?void 0:t9.includes(l8.value)}))||[]:(V7==null?void 0:V7.filter(l8=>{var A9,t9;return(t9=(A9=S1==null?void 0:S1.pivotTableSettings2)==null?void 0:A9.headers)==null?void 0:t9.includes(l8.value)}))||[],isSearchEnabled:!0,menuWidth:"300px",menuZIndex:999999999999}),(Di=S1.customSettings)!=null&&Di.showSelectLegend?h.jsx(Xa,{label:"legend",labelVariant:"floating",options:$7!=null&&$7.length?$7==null?void 0:$7.map(l8=>({value:l8,label:l8})):[],onChange:l8=>{z7(A9=>({...A9,selectedSeries:(l8==null?void 0:l8.map(t9=>t9.value))||[]}))},selectedOption:((_i=$7==null?void 0:$7.filter(l8=>{var A9;return(A9=S1==null?void 0:S1.selectedSeries)==null?void 0:A9.some(t9=>t9===l8)}))==null?void 0:_i.map(l8=>({value:l8,label:l8})))||[],isSearchEnabled:!0,menuZIndex:999999999999}):null]})}),(!!J9.length||T4)&&h.jsxs("div",{className:`${Bs.metricFilters} ${O4?"":"dbn-h-full"}`,children:[h.jsxs("div",{className:`${S1!=null&&S1.isEnableComparisonFilter&&[B0.line].includes(S1.chartType)?"dbn-h-auto":"dbn-h-full"} dbn-w-full dbn-flex dbn-justify-between dbn-items-start`,children:[h.jsxs("div",{className:`${Bs.metricFilters} dbn-h-full ${T4?"dbn-w-[70%]":""}`,children:[h.jsx(KK,{filters:J9,updateFilter:J3}),(Xi=F6.filter(l8=>!l8.group))==null?void 0:Xi.map((l8,A9)=>h.jsx(hE,{globalFilters:S7,datasourceId:_2,isAllClient:S,hideDatePickerOptions:m2,workspaceId:g2,rlsConditions:l8,onChangeFilterValue:O8,clientId:l,className:F6.length-1===A9?Bs.filterTopLeft:"",rlsConditionList:[...F6,...B6],tenancyLevel:e,clientColumnType:H2},l8.name)),(Si=B6.filter(l8=>!l8.group))==null?void 0:Si.map((l8,A9)=>h.jsx(hE,{globalFilters:S7,datasourceId:_2,isAllClient:S,hideDatePickerOptions:m2,workspaceId:g2,rlsConditions:l8,onChangeFilterValue:O8,clientId:l,className:A9===0?Bs.filterTopRight:"",rlsConditionList:[...F6,...B6],tenancyLevel:e,clientColumnType:H2},l8.name)),(S1==null?void 0:S1.isEnableComparisonFilter)&&[B0.line].includes(S1.chartType)&&h.jsx(i8,{variant:"primary",onClick:()=>{v8()},children:"Add Comparison"})]}),T4&&h.jsx("div",{className:"dbn-h-full dbn-w-[30%]",children:h.jsx(My,{value:typeof(K7==null?void 0:K7[0])=="string"?K7==null?void 0:K7[0]:"",onChange:l8=>e6(()=>[String(l8)]),placeholder:"Search",className:p7!=null&&p7.length?"":"dbn-invisible"})})]}),X8&&(S1==null?void 0:S1.isEnableComparisonFilter)&&[B0.line].includes(S1.chartType)&&((Ki=Object.keys(X8))==null?void 0:Ki.map(l8=>{var A9;return h.jsxs("div",{className:`${Bs.metricFilters} dbn-h-auto`,children:[(A9=X8==null?void 0:X8[l8])==null?void 0:A9.map((t9,S9)=>h.jsx(hE,{globalFilters:S7,datasourceId:_2,isAllClient:S,hideDatePickerOptions:m2,workspaceId:g2,rlsConditions:t9,onChangeFilterValue:O8,clientId:l,className:S9===0?Bs.filterTopRight:"",rlsConditionList:[...F6,...B6],tenancyLevel:e,clientColumnType:H2},t9.name)),h.jsx(i8,{variant:"popover",leftIcon:h.jsx(p8,{name:"cross"}),className:"dbn-h-9 dbn-flex dbn-items-center dbn-justify-center dbn-px-2 dbn-w-full dbn-border dbn-border-secondary dbn-rounded-md",onClick:()=>{v8(!0)}})]})}))]})]}),h.jsxs("div",{className:`${Bs.chartWrapper} ${[B0.table,B0.trendAnalyzer].includes((S1==null?void 0:S1.chartType)||"")?Bs.tableChartWrapper:""}`,children:[![B0.boxplot,B0.horizontalStackTable,B0.pivot,B0.pivotV2,B0.pivotV3,B0.gauge].includes(S1==null?void 0:S1.chartType)||S1.chartType===B0.gauge&&n.clickActions.chart.isEnable?h.jsx(oJ,{disableDownloadUnderlyingDataNoFilters:r6,language:b0,underlyingTheme:o,translationDictionary:P0,clientColumnType:H2,isOpen:o9,setOpen:h8,isInavlidForSort:c8,isGaugeChart:S1.chartType===B0.gauge,value:m9==null?void 0:m9.name,columnName:w6,getUnderlyingData:U6,elementRef:{containerRef:v6,event:(co=m9==null?void 0:m9.event)==null?void 0:co.event},position:"dynamic",isSingleValueChart:!![B0.singleValue].includes(S1==null?void 0:S1.chartType),isEnableSort:(bo=S1==null?void 0:S1.customSettings)==null?void 0:bo.isEnableSort,setSortOrder:G9,rawCsvDownloadButtonProps:{data:[],fileName:n==null?void 0:n.name,companyIntegrationId:n==null?void 0:n.companyIntegrationId,integrationName:n==null?void 0:n.integrationName,isPythonMode:g8,metricData:{options:{clientId:c2?o2||"":l,isFrontend:c2,token:M2},globalFilters:{...S7,filters:((An=S7==null?void 0:S7.filters)==null?void 0:An.filter(l8=>l8.isVariableFilter))||[]},rlsConditions:J7==null?void 0:J7.filter(l8=>l8.isVariableFilter),tenancyLevel:e,id:n==null?void 0:n.id,dataSecuritySettings:{csvColumns:[]},filterValues:I5,isAllClient:S},updateDownloadProgress:()=>{},children:h.jsx(h.Fragment,{children:h.jsx(p8,{name:"download"})})}}):null,!((fi=F9==null?void 0:F9.tableSettings)!=null&&fi.isEnableColumnFilter&&((Ji=F9==null?void 0:F9.tableSettings)!=null&&Ji.isServerSidePagination))&&h.jsx(gg2,{isLoading:Y8,isDataLength:!!p7.length,isSingleValue:S1.singleValue,dataDb:p7[0],chartType:"",error:n3,onReload:()=>b7()}),((ge=n==null?void 0:n.drillDownSettings)==null?void 0:ge.isEnableGroupBy)&&!!p7.length&&h.jsx(h.Fragment,{children:h.jsx(Hg2,{drillDownSettings:U7,onResetLevel:async()=>await b9("",!0),onDrillLevelClick:async l8=>await b9(l8),isShowBreadCrumb:!!((nn=(Hr=U7==null?void 0:U7.configV2)==null?void 0:Hr.levels)!=null&&nn.length)&&![B0.horizontalStackTable,B0.pivot,B0.sankey,B0.pivotV2,B0.pivotV3].includes(S1==null?void 0:S1.chartType)})}),!Y8&&(p7!=null&&p7.length||(di=F9==null?void 0:F9.tableSettings)!=null&&di.isEnableColumnFilter&&((Jn=F9==null?void 0:F9.tableSettings)!=null&&Jn.isServerSidePagination))&&!W5?h.jsx(Hy,{isDashboard:!0,dateFilter:_8,language:b0,translationDictionary:P0,drilldownCols:Z5,variables:Y7,isPythonMode:g8,onDrillPivotTable:C3,chartAppearance:O2,pivotDrillState:T7,chartOptions:F9,sortOrder:O3,seriesName:m9==null?void 0:m9.seriesName,isSortReversed:v9&&[B0.row,B0.horizontalStack].includes((S1==null?void 0:S1.chartType)||""),data:p7,colors:Z4||S1!=null&&S1.isCustomColorApplied?S1==null?void 0:S1.chartColors:i||(S1==null?void 0:S1.chartColors),events:{click:(l8,A9)=>{var S9,b4,J5,Xe,Ze,pt,Re,ne,me,Se,be;const t9=(S9=Object.keys(l8))!=null&&S9.length?l8:A9;if([B0.progressBar,B0.linearGauge].includes(S1.chartType)){X7(l8),h8(!0);return}if((b4=n.drillDownSettings)!=null&&b4.isEnableGroupBy&&(n5==null?void 0:n5.length)!==Q8){const he=S1.chartType==="table"?(J5=A9==null?void 0:A9.find(yn=>yn.columnName===(n5==null?void 0:n5[Q8])))==null?void 0:J5.value:"";(ne=(Re=(Xe=U7==null?void 0:U7.configV2)==null?void 0:Xe.levels)==null?void 0:Re[((pt=(Ze=U7==null?void 0:U7.configV2)==null?void 0:Ze.levels)==null?void 0:pt.length)-1])!=null&&ne.isEnable||s5(S1.chartType==="table"?{name:he,rowFilters:A9}:l8)}(!((me=n.drillDownSettings)!=null&&me.isEnableGroupBy)||(Se=n.drillDownSettings)!=null&&Se.isEnableGroupBy&&(n5==null?void 0:n5.length)===Q8)&&((be=n.clickActions.chart)!=null&&be.isEnable)&&XK(n.clickActions.chart,m5(t9)||void 0)},contextmenu:l8=>{[B0.progressBar,B0.linearGauge].includes(S1.chartType)||(X7(l8),h8(!0))}},className:[B0.table,B0.trendAnalyzer].includes((S1==null?void 0:S1.chartType)||"")?"":Bs.chart,isEnableDrillDown:(pr=n.drillDownSettings)==null?void 0:pr.isEnableGroupBy,config:{tableColumnFilters:M8,onChangePaginationColumnFilters:c9,ref:K3,chartClickConfig:(s8=n.clickActions)==null?void 0:s8.chart,onColumnSizingChange:l8=>z7(A9=>({...A9,tableSettings:{...A9.tableSettings,columnSizing:l8}})),onChartReady:()=>i5(!0),isInfiniteScroll:!1,onChangePage:B4,isExternalChart:x1,isEnableNextBtn:h9,isEnablePrevBtn:r4,paginationInfo:b5,setChartSettings:z7,dropdownZindex:S1.chartType===B0.table?999999999999:void 0,isFullScreenChart:!0},externalGlobalFilter:T4?K7:void 0,setExternalGlobalFilter:T4?e6:void 0}):null,!p7.length&&Y8?h.jsx("div",{className:"dbn-w-full dbn-h-[350px]",children:S1.chartType==="table"?h.jsx(Gl,{variant:"table"}):h.jsx(sA,{})}):null]})]}),!x&&S1.chartType!=="table"&&!W5?h.jsx("div",{"data-testid":"table-view-chart",className:"dbn-flex-1 dbn-border dbn-border-secondary dbn-rounded-2xl dbn-p-6",children:h.jsx(qM,{onChangePaginationColumnFilters:c9,tableColumnFilters:M8,language:b0,translationDictionary:P0,data:t5,isLoading:Y8,error:"",tableName:"Table Preview",headerAlignment:"left",comboFormatter:(S1==null?void 0:S1.chartType)===B0.combo?(i9=(r8=S1==null?void 0:S1.customSettings)==null?void 0:r8.comboAxisSettings)==null?void 0:i9.map(l8=>({...l8,suffix:l8!=null&&l8.suffix?nl((l8==null?void 0:l8.suffix)||"^^^^^",Y7):l8==null?void 0:l8.suffix,prefix:l8!=null&&l8.prefix?nl((l8==null?void 0:l8.prefix)||"^^^^^",Y7):l8==null?void 0:l8.prefix})):[],tableSettings:{enableFilter:!0,enableSorting:!0,enableStripedRows:!0,enableTableSearch:!0,showRowHover:!0,showTableTitle:!0,showTableDesc:!0,lineGap:"large",contentAlignment:"left",hideVerticalDivider:!1,tableFormatter:(y8=S1==null?void 0:S1.customSettings)==null?void 0:y8.numberFormatter,tablePrefix:k5,tableSuffix:V4,isEnableNumberFormatting:!0,formattedColumns:(S1==null?void 0:S1.yAxisList)||[],tableTitle:"Underlying Data",customHeaderColor:{isEnabled:!0,color:(O9=o==null?void 0:o.header)==null?void 0:O9.bgColor,textColor:(U8=o==null?void 0:o.header)==null?void 0:U8.fontColor},headerFontBold:(($9=o==null?void 0:o.header)==null?void 0:$9.fontWeight)==="boldfont",contentColor:(T5=o==null?void 0:o.content)==null?void 0:T5.fontColor,contentWeight:Number((R5=o==null?void 0:o.content)==null?void 0:R5.fontWeight)},dropdownZindex:999999999999})}):null]}),H6?h.jsx(Ok,{chartTypePanelProps:{selectedChart:S1.chartType,onChartChange:$5,enabledCharts:S6,isOpen:H6,onClose:()=>I1(!1),zIndex:9999999999,inline:!0,onClickSettings:()=>{I1(!1),M4(!0)}}}):null,N4?h.jsx("div",{className:Bs.chartPanelContainer,children:h.jsx(Bn0,{isOpen:N4,onClose:()=>M4(!1),zIndex:9999999999,chartSettings:S1,setChartSettings:z7,columnList:e4,inline:!0,onClickBack:()=>{M4(!1),I1(!0)}})}):null,u5.isOpen?h.jsx("div",{className:Bs.chartPanelContainer,children:h.jsx(qn0,{inline:!0,isOpen:u5.isOpen,onClose:()=>f8(l8=>({...l8,isOpen:!1,isLoading:!1})),report:u5.report,isLoading:u5.isLoading,zIndex:9999999999})}):null]}),h.jsx(yV,{workspaceId:g2,metricItem:n,isShowRawCsvModal:c6,onCloseModal:f6,sharingSettingsId:g,query:Ab({query:Zd((n==null?void 0:n.query)||"",(n==null?void 0:n.companyId)||""),dbName:(n==null?void 0:n.integrationName)||"",rlsConditions:J7,tenancyLevel:e,clientId:l,globalFilters:S7,values:a==null?void 0:a.filterValues,isAllClient:S,clientColumnType:H2,dataMartRelationships:p4})}),d&&h.jsx(Gu,{isOpen:m3,onClose:()=>d7(!1),headerTitle:"Update Metric",zIndex:9999999999,children:h.jsx(IN,{onCancel:()=>d7(!1),onSubmit:q8,error:F5,isCreatingMetric:o8,defaultValues:{name:n.name,description:n.description,isLive:n.isLive,metricId:n.isCreatedByClient?n.metricId:`update_${n.metricId}_by_${l}_${Date.now()}`}})}),h.jsx($n0,{deleteConfig:W2,onDeleteMetric:J0,setDeleteConfig:x3,error:D1,isDeletingMetric:B3})]})},ei0=({createElementPanelProps:{isOpen:t,onClose:n,element:i,clientId:o,companyId:a,externalDashboardId:s,userProvidedDashboardId:r,onServerEvent:C,refetchDashboardData:l}})=>{const[e,u]=U0.useState(!1),[A,f]=U0.useState(!1),{updateExternalMetric:d,error:g,isLoading:E,setValue:m,watch:L,register:w,handleSubmit:x,reset:S,control:D}=EM({onSuccess:async()=>{n(),l==null||l()},selectedColumns:[],companyIntegrationId:i==null?void 0:i.companyIntegrationId,query:i==null?void 0:i.query,metricQuery:i==null?void 0:i.metricQuery,integrationName:i==null?void 0:i.integrationName,outputColumns:i==null?void 0:i.outputColumns,clientId:o,companyId:a,isLiveMode:i==null?void 0:i.isLive,timeGrain:i==null?void 0:i.timeGrain,dashboardIds:[s],isEnableGroupBy:i==null?void 0:i.isEnableGroupBy,groupBy:i==null?void 0:i.groupBy,selectedGroupBy:i==null?void 0:i.selectedGroupBy,metric:i,onServerEvent:C}),[_,W]=U0.useState({isOpenInNewTab:!1,link:"",targetWord:""}),c2=M2=>{d==null||d(M2,!0)};return U0.useEffect(()=>{var M2,o2,g2,H2,T2,m2,O2,Y2,f0,p0,Q0,v0,_2,Y0,b0,P0,J0,W2,x3,D1,B3,_3,y7,o3,g7,N3,M6,r6,x6;i!=null&&i.id&&(m("metricId",i.metricId),m("elementTitle",i.name),m("description",i.description),m("isDisableCardAppearance",(M2=i==null?void 0:i.elementSettings)==null?void 0:M2.isDisableCardAppearance),(o2=i==null?void 0:i.elementSettings)!=null&&o2.titleAlignment&&m("titleAlignment",(g2=i==null?void 0:i.elementSettings)==null?void 0:g2.titleAlignment),(H2=i==null?void 0:i.elementSettings)!=null&&H2.descAlignment&&m("descAlignment",(T2=i==null?void 0:i.elementSettings)==null?void 0:T2.descAlignment),(O2=(m2=i==null?void 0:i.elementSettings)==null?void 0:m2.textBox)!=null&&O2.text?(f(!0),m("text",(f0=(Y2=i==null?void 0:i.elementSettings)==null?void 0:Y2.textBox)==null?void 0:f0.text),m("fontColor",(Q0=(p0=i==null?void 0:i.elementSettings)==null?void 0:p0.textBox)==null?void 0:Q0.fontColor),m("fontWeight",(_2=(v0=i==null?void 0:i.elementSettings)==null?void 0:v0.textBox)==null?void 0:_2.fontWeight),m("fontSize",(b0=(Y0=i==null?void 0:i.elementSettings)==null?void 0:Y0.textBox)==null?void 0:b0.fontSize),m("textAlignment",(J0=(P0=i==null?void 0:i.elementSettings)==null?void 0:P0.textBox)==null?void 0:J0.alignment),m("textLink",(x3=(W2=i==null?void 0:i.elementSettings)==null?void 0:W2.textBox)==null?void 0:x3.link),m("targetWord",(B3=(D1=i==null?void 0:i.elementSettings)==null?void 0:D1.textBox)==null?void 0:B3.targetWord),m("isOpenInNewTab",(y7=(_3=i==null?void 0:i.elementSettings)==null?void 0:_3.textBox)==null?void 0:y7.isOpenInNewTab),W({isOpenInNewTab:(g7=(o3=i==null?void 0:i.elementSettings)==null?void 0:o3.textBox)==null?void 0:g7.isOpenInNewTab,link:(M6=(N3=i==null?void 0:i.elementSettings)==null?void 0:N3.textBox)==null?void 0:M6.link,targetWord:(x6=(r6=i==null?void 0:i.elementSettings)==null?void 0:r6.textBox)==null?void 0:x6.targetWord})):f(!1))},[i]),h.jsxs(h.Fragment,{children:[h.jsx(ad,{isOpen:t,onClose:()=>{S(),n()},size:"small",side:"right",hideFooter:!0,headerTitle:"Add Element",dataTestTitle:"elementPanel",children:h.jsxs("form",{className:"dbn-w-full dbn-h-full dbn-px-6 dbn-flex dbn-flex-col dbn-gap-6",onSubmit:x(c2),children:[h.jsxs("div",{className:"dbn-w-full dbn-flex dbn-flex-col dbn-gap-4",children:[h.jsx(c5,{type:"text",placeholder:"Enter title",label:"Title",register:w("elementTitle")}),h.jsx(c5,{type:"text",placeholder:"Enter description",label:"Description",register:w("description")}),h.jsx(SE,{name:"titleAlignment",control:D,render:({field:M2})=>h.jsx(h.Fragment,{children:h.jsx(_4,{buttonWidth:"100%",menuWidth:"100%",label:"Title alignment",options:[{label:"left",value:"left"},{label:"right",value:"right"},{label:"center",value:"center"}],onChange:o2=>{m("titleAlignment",o2.value)},selectedOption:{label:(M2==null?void 0:M2.value)||"",value:M2.value||""}})})}),h.jsx(SE,{name:"descAlignment",control:D,render:({field:M2})=>h.jsx(h.Fragment,{children:h.jsx(_4,{buttonWidth:"100%",menuWidth:"100%",label:"Description alignment",options:[{label:"left",value:"left"},{label:"right",value:"right"},{label:"center",value:"center"}],onChange:o2=>{m("descAlignment",o2.value)},selectedOption:{label:(M2==null?void 0:M2.value)||"",value:M2.value||""}})})})]}),h.jsx(t4,{name:"enableMetricCard",placeholder:"Merge Card to Background",enabled:L("isDisableCardAppearance"),onChange:()=>m("isDisableCardAppearance",!L("isDisableCardAppearance"))}),A?null:h.jsx("div",{className:"dbn-w-full dbn-flex dbn-flex-col dbn-gap-3",children:h.jsx(i8,{variant:"tab",leftIcon:h.jsx(p8,{name:"plus",size:"sm"}),onClick:()=>f(!0),fitContainer:!0,children:"Text box"})}),A?h.jsxs("div",{className:"dbn-py-5 dbn-w-full dbn-flex dbn-flex-col dbn-gap-3 dbn-border-y dbn-border-secondary",children:[h.jsxs("div",{className:"dbn-w-full dbn-flex dbn-flex-row dbn-items-center dbn-justify-between",children:[h.jsx(o6,{variant:"heading-5",children:"Text box"}),h.jsx(i8,{variant:"popover",leftIcon:h.jsx(p8,{name:"delete",color:"alert"}),onClick:()=>{f(!1),m("text",""),m("fontWeight",""),m("fontSize",""),m("textAlignment",""),m("textLink",""),m("isOpenInNewTab",""),m("targetWord",""),W({isOpenInNewTab:!1,link:"",targetWord:""})}})]}),h.jsxs("div",{className:"dbn-w-full dbn-flex dbn-gap-2 dbn-items-center",children:[h.jsx(c5,{type:"text",placeholder:"Enter text",label:"",register:w("text")}),h.jsx(i8,{variant:"popover",leftIcon:h.jsx(p8,{name:"link",size:"lg"}),onClick:()=>u(!0)})]}),h.jsxs("div",{className:"dbn-w-full dbn-flex dbn-gap-4",children:[h.jsx(c5,{type:"text",placeholder:"Regular",label:"Font weight",register:w("fontWeight")}),h.jsx(c5,{type:"text",placeholder:"36px",label:"Font size",register:w("fontSize")})]}),h.jsx(bs,{name:"font color",label:"Font color",onChange:M2=>m("fontColor",M2),value:L("fontColor")||"#000000",defaultValue:"#000000"}),h.jsxs("div",{className:"dbn-w-full dbn-flex dbn-gap-6 dbn-py-2 dbn-items-center dbn-justify-center",children:[h.jsx(i8,{variant:"popover",leftIcon:h.jsx(p8,{name:"align-left",size:"lg"}),onClick:()=>m("textAlignment","left"),className:L("textAlignment")==="left"||!L("textAlignment")?"dbn-bg-gray dbn-p-1":""}),h.jsx(i8,{variant:"popover",leftIcon:h.jsx(p8,{name:"align-space-even",size:"lg"}),onClick:()=>m("textAlignment","center"),className:L("textAlignment")==="center"?"dbn-bg-gray dbn-p-1":""}),h.jsx(i8,{variant:"popover",leftIcon:h.jsx(p8,{name:"align-right",size:"lg"}),onClick:()=>m("textAlignment","right"),className:L("textAlignment")==="right"?"dbn-bg-gray dbn-p-1":""})]})]}):null,h.jsxs("div",{className:"dbn-w-full dbn-flex dbn-gap-4 dbn-items-center dbn-justify-end dbn-pb-4",children:[g?h.jsx(o6,{variant:"body-text-2",color:"alert",children:g}):null,h.jsx(i8,{type:"submit",variant:"primary",children:E?"Saving...":"Save"})]})]})}),h.jsxs(Gu,{isOpen:e,onClose:()=>u(!1),customHeader:h.jsxs("div",{className:"dbn-w-full dbn-flex dbn-items-center dbn-justify-between",children:[h.jsxs("div",{className:"dbn-flex dbn-items-center dbn-gap-2",children:[h.jsx(p8,{name:"link",size:"lg"}),h.jsx(o6,{variant:"heading-3",children:"Insert Link"})]}),h.jsx(i8,{variant:"tertiary",type:"button",onClick:()=>{W({isOpenInNewTab:L("isOpenInNewTab")||!1,link:L("textLink")||"",targetWord:L("targetWord")||""}),u(!1)},leftIcon:h.jsx(p8,{name:"cross",size:"xs"}),style:{padding:"0",height:"16px"}})]}),children:[h.jsxs("div",{className:"dbn-w-[500px] dbn-flex dbn-flex-col dbn-gap-4 dbn-pb-4 dbn-px-5",children:[h.jsx(c5,{type:"text",placeholder:"Paste your link here",label:"",value:_.link,onChange:M2=>W(o2=>({...o2,link:M2.target.value}))}),h.jsx(c5,{type:"text",placeholder:"Enter the target word or sentence",label:"Target",value:_.targetWord,onChange:M2=>W(o2=>({...o2,targetWord:M2.target.value}))}),h.jsx(cf,{label:"Open link in new tab",onChange:()=>{W(M2=>({...M2,isOpenInNewTab:!M2.isOpenInNewTab}))},checked:_.isOpenInNewTab})]}),h.jsxs(td,{children:[h.jsx(i8,{type:"button",variant:"tab",onClick:()=>{S(),W({isOpenInNewTab:!1,link:"",targetWord:""}),m("textLink",""),m("isOpenInNewTab",""),m("targetWord",""),u(!1)},children:"Discard"}),h.jsx(i8,{type:"submit",variant:"primary",onClick:()=>{m("textLink",_.link),m("isOpenInNewTab",_.isOpenInNewTab),m("targetWord",_.targetWord),u(!1)},children:"Add link"})]})]})]})},Sg2={"MetricList-wrapper":"_MetricList-wrapper_m57he_9","MetricList-wrapper-move":"_MetricList-wrapper-move_m57he_25"},ti0=({props:{metricList:t,mainMetricItem:n,metricCardColor:i,isAllowedToChangeLayout:o,isMobileScreen:a,isShadowDisableOnHover:s,disableMetricCardBorder:r,isAllowedToUpdateMetrics:C,isEditLayoutEnabled:l,isHoverLongDesc:e,setOpenElementPanel:u,setUpdateElement:A,isEnableEmailRawCsvDownload:f,setRawCsvModal:d,language:g,translationDictionary:E,datasourceId:m,metricStore:L,setHoverLongDesc:w,setHoverSubHeader:x,setPopupOpen:S,setMetricStore:D,setDownloadMetrics:_,isAllClient:W,clientColumnType:c2,noDataImg:M2,isAllowedToSeeUnderlyingData:o2,chartAppearance:g2,hideDatePickerOptions:H2,isDisableMetricLoader:T2,onServerEvent:m2,workspaceId:O2,token:Y2,downloadMetrics:f0,dropdownTheme:p0,underlyingTheme:Q0,optionsIcon:v0,disableFullscreen:_2,setFullScreenModal:Y0,client:b0,chartColors:P0,globalFilters:J0,companyTenancyType:W2,appFilters:x3,params:D1,isAllowedToDeleteMetrics:B3,setArchiveModal:_3,setCrossDashboardFilters:y7,crossDashboardFilters:o3,enableMultiMetricFilters:g7,enableDownloadCsv:N3,parentHeight:M6,parentWidth:r6,filters:x6,scrollToTop:w3,calendarType:r0,isDisableClick:K3,bgColor:K7,chartFontSettings:e6,disableDownloadDataNoFilters:c6=!1,disableDownloadUnderlyingDataNoFilters:f6=!1,setMetricMetadata:H6,viewMetricData:I1,generatingPdf:m3,dataMartTables:d7,onEditMetric:S7}})=>{var h8,o9;const[b7,n3]=U0.useState([]),[p7,U7]=U0.useState([]),Y7=U0.useMemo(()=>{let Y8=[];const m9=[n,...t].map(O8=>{var r4,b5,B4,x1,b9,J9;const s5=`${O8==null?void 0:O8.id}-sub-card`,Q8=(r4=O8==null?void 0:O8.chartOptions)==null?void 0:r4.cardLayout;[B0.linearGauge,B0.progressBar].includes((b5=O8==null?void 0:O8.chartOptions)==null?void 0:b5.chartType)&&(Y8=[...Y8,{id:s5,height:(Q8==null?void 0:Q8.h)??((B4=O8==null?void 0:O8.resizeAttributes)==null?void 0:B4.height)??10}]);const n5=r6||5,h9=M6?(M6||10)/[n,...t].length:5;return{i:s5,w:(Q8==null?void 0:Q8.w)??n5,h:(Q8==null?void 0:Q8.h)??h9,x:(Q8==null?void 0:Q8.x)??((x1=O8==null?void 0:O8.resizeAttributes)==null?void 0:x1.xAxis)??0,y:(Q8==null?void 0:Q8.y)??((b9=O8==null?void 0:O8.resizeAttributes)==null?void 0:b9.yAxis)??0,minW:O8.isMetric?[B0.singleValue,B0.pivot,B0.pivotV2,B0.pivotV3,B0.progressBar,B0.linearGauge].includes((J9=O8==null?void 0:O8.chartOptions)==null?void 0:J9.chartType)?2:3:1,minH:3,maxH:M6}});return U7(Y8),m9},[n,t,M6,r6]),U6=U0.useMemo(()=>Y7.sort((Y8,m9)=>Y8.y!==m9.y?Y8.y-m9.y:Y8.x-m9.x),[Y7]),X7=U0.useMemo(()=>[n,...t].map((Y8,m9)=>{var v6,S1,z7,F6,B6;const O8=(v6=p7.find(J3=>J3.id===(Y8==null?void 0:Y8.id)))==null?void 0:v6.height,s5=Y8.isMetric,Q8=((S1=n==null?void 0:n.chartOptions)==null?void 0:S1.mergedCards)||[],n5=!!((z7=Y8==null?void 0:Y8.elementSettings)!=null&&z7.isDisableCardAppearance),h9=(!s5&&!n5||s5)&&!i?"dbn-white":"",r4=o?Sg2["MetricList-wrapper-move"]:"",b5=r?"dbn-border-0":"",B4=!s5&&!n5||s5?"dbn-metric-card-container":"",x1=`${Sg2["MetricList-wrapper"]} ${h9} ${r4} ${b5} ${B4} dbn-shadow-none !important`,b9=()=>{!s5&&C&&!l&&(u(!0),A(Y8))},J9={cursor:"auto",backgroundColor:K7,zIndex:e?Y7.length-m9:10,maxWidth:"100%"},I5=(J3,d6)=>{_(d6?J7=>[...J7,{id:J3,isInProgress:d6}]:J7=>J7.filter(V7=>V7.id!==J3))},f5=f?(J3,d6,J7)=>d({show:!0,metric:Y8,filterValues:J3,rlsConditions:d6,dataMartRelationships:J7}):void 0,W5=C?l?void 0:J3=>f||N3?h.jsxs(i8,{type:"button",variant:"popover",onClick:()=>S7==null?void 0:S7(J3),fitContainer:!0,className:"dbn-justify-start dbn-gap-[3px]",children:[h.jsx(p8,{name:"pencil-simple-line"}),"Edit Metric"]}):h.jsx(i8,{className:"dbn-border dbn-border-secondary dbn-rounded-md dbn-p-1.5 dbn-w-[30px] dbn-h-[30px]",variant:"popover",onClick:()=>S7==null?void 0:S7(J3),leftIcon:h.jsx(p8,{name:"pencil-simple-line",size:"xs"})}):void 0;return h.jsx("div",{className:x1,id:`${Y8==null?void 0:Y8.id}-sub-card`,tabIndex:0,role:"button",style:J9,onClick:b9,"data-testid":`${(F6=Y8==null?void 0:Y8.name)==null?void 0:F6.toLowerCase().replaceAll(" ","-")}-card`,children:h.jsx(Vk,{dataMartTables:d7,viewMetricData:I1,setMetricMetadata:H6,disableDownloadDataNoFilters:c6,disableDownloadUnderlyingDataNoFilters:f6,calendarType:r0,disableFullscreen:!!_2,isDisableClick:K3,language:g,translationDictionary:E,datasourceId:m,metricStore:L,disableBorder:r,setHoverLongDesc:w,setPopupOpen:S,chartFontSettings:e6,setHoverSubHeader:x,setMetricStore:D,isAllClient:W,clientColumnType:c2,isMergedMetric:!!Q8.length&&!a,metricCardColor:i,isShadowDisableOnHover:s,noDataImg:M2,isAllowedToSeeUnderlyingData:o2,chartAppearance:g2,hideDatePickerOptions:H2,chartHeight:O8||void 0,isEditLayoutEnabled:l,isDisableMetricLoader:T2,onServerEvent:m2,workspaceId:O2,guestToken:Y2,isFrontendApp:!1,downloadMetrics:f0,onDownload:I5,metricItem:Y8,dropdownTheme:p0,underlyingTheme:Q0,optionsIcon:v0,onMaximize:void 0,client:b0,colors:P0,globalFilters:{tableName:(J0==null?void 0:J0.tableName)||"",filters:[...(J0==null?void 0:J0.filters)||[],...(B6=b7==null?void 0:b7.filter(J3=>J3==null?void 0:J3.value))==null?void 0:B6.map(J3=>Ra2(J3))]},param:D1==null?void 0:D1.find(J3=>J3.metricId===Y8.metricId),appFilters:x3==null?void 0:x3.find(J3=>J3.metricId===Y8.metricId),companyTenancyType:W2,onArchive:B3?J3=>_3({id:J3,show:!0,metricId:(Y8==null?void 0:Y8.metricId)||""}):void 0,disableActions:l,isDisableMorePopup:l,setCrossDashboardFilters:y7,crossDashboardFilters:o3,enableMultiMetricFilters:g7,enableDownloadCsv:N3,onDownloadRawCsv:f5,generatingPdf:m3,renderEditMetric:W5})},`${Y8==null?void 0:Y8.id}-sub-card`)}),[d7,c6,f6,n,U6,t,p7,i,o,r,e,Y7.length,f,g,E,m,L,w,x,S,D,W,c2,a,s,M2,o2,g2,H2,l,T2,m2,O2,Y2,f0,p0,Q0,v0,_2,b0,P0,J0==null?void 0:J0.tableName,J0==null?void 0:J0.filters,b7,D1,x3,W2,B3,y7,o3,g7,N3,C,u,A,_,d,Y0,_3,r0,I1,m3]),w6=U0.useMemo(()=>{var Y8;return(Y8=n==null?void 0:n.chartOptions)==null?void 0:Y8.isNewLayout},[(h8=n==null?void 0:n.chartOptions)==null?void 0:h8.isNewLayout]);return h.jsxs(h.Fragment,{children:[!!(x6!=null&&x6.length)&&h.jsx("div",{className:"dbn-w-full dbn-flex dbn-gap-2 dbn-p-2 dbn-items-end dbn-z-[19] dbn-justify-start",children:h.jsx(z_,{parentAppliedFilter:(J0==null?void 0:J0.filters)||[],isEditLayoutEnabled:!1,clientColumnType:c2,hideDatePickerOptions:[],appliedfilters:b7,setAppliedFilters:n3,filters:[{tableName:"",columns:x6}],internal:{isInternal:!0,workspaceId:O2||""},clientId:b0,isAllClient:W,theme:p0,tenancyLevel:W2,layout:{adminLayout:((o9=n==null?void 0:n.chartOptions)==null?void 0:o9.filterLayout)||[],clientLayout:[],isLocked:!0,onChange:()=>{}},datasourceId:m})}),h.jsx(Zk,{layouts:{lg:U6},rowHeight:30,breakpoints:{lg:1800,md:996,sm:768,xs:480,xxs:0},cols:{lg:w6&&r6||12,md:w6&&r6||12,sm:w6&&r6||12,xs:w6&&r6||4,xxs:w6&&r6||2},margin:[10,10],containerPadding:[0,0],draggableHandle:"metric-sub-card",isDraggable:!1,isDroppable:!1,isResizable:!1,children:X7},l?"reset":"default")]})},Zk=fg2.WidthProvider(fg2.Responsive),ri0=({userIdentifier:t,noDataFoundSvg:n,isShowNoDataFoundScreen:i,chartColors:o,globalFilters:a,dataLimit:s,client:r,companyId:C,isAllowedToUpdateMetrics:l,isAllowedToDeleteMetrics:e,isAllowedToChangeLayout:u,isAllowedToSeeUnderlyingData:A,externalDashboardMetrics:f,isMetricListLoading:d,breakpoint:g,layoutCols:E,layout:m,params:L,companyTenancyType:w="TABLE",externalDashboardId:x,externalDashboardPk:S,sharingSettingsId:D,appFilters:_,isHideChartSettings:W,isHideTablePreview:c2,enableDownloadCsv:M2,enableEmailCsv:o2,enableMultiMetricFilters:g2,disableFullscreen:H2,dropdownTheme:T2,underlyingTheme:m2,optionsIcon:O2,token:Y2,workspaceId:f0,clientColumnType:p0,isShowLoader:Q0,isEditLayoutEnabled:v0,isEnableMetricSummary:_2,hideDatePickerOptions:Y0,chartAppearance:b0,isAllClient:P0,gridMargin:J0,isDisableMetricLoader:W2,isShadowDisableOnHover:x3,noDataImg:D1,metricCardColor:B3,shouldFitFullScreen:_3,mergedMetrics:y7,metricIndex:o3,setRowMetrics:g7,onServerEvent:N3,disableDownloadPng:M6,disableMetricCardBorder:r6,isMobileScreen:x6,isAllowToDownloadMetrics:w3,chartColumns:r0,datasourceId:K3,language:K7,translationDictionary:e6,metricMergedFilters:c6,fullScreenModal:f6,setFullScreenModal:H6,calendarType:I1,isDisableClick:m3,onEditMetric:d7,isDataApp:S7,chartFontSettings:b7,saveDashLayout:n3,disableDownloadDataNoFilters:p7=!1,disableDownloadUnderlyingDataNoFilters:U7=!1,rules:Y7=[],setMetricMetadata:U6,viewMetricData:X7,generatingPdf:w6,dataMartTables:h8,refetchDashboardData:o9,setShowSettingsBtn:Y8})=>{var Ie,Z5,R6,_8,S6,M8,c9,D9,q8,F5;const[m9,O8]=U0.useState([]),Q8=new URLSearchParams(window.location.search).get("isDbn"),[n5,h9]=U0.useState(new Map),[r4,b5]=U0.useState([]),[B4,x1]=U0.useState(!1),[b9,J9]=U0.useState(!1),[I5,f5]=U0.useState(!1),[W5,v6]=U0.useState(),[S1,z7]=U0.useState(!1),[F6,B6]=U0.useState({show:!1,metric:void 0,filterValues:void 0,rlsConditions:[],dataMartRelationships:[]}),[J3,d6]=U0.useState({id:"",show:!1,metricId:""}),[J7,V7]=U0.useState([]),[T7,C3]=U0.useState([]),{handleArchiveMetric:$7,isLoading:q7}=B70({token:Y2,metricId:J3.id,onSuccess:async()=>{N3==null||N3(T30,J3.id),d6({id:"",show:!1,metricId:""}),H6({show:!1,isClickOnChart:!1}),await g8({clientId:r,data:{companyId:C,feature:"ARCHIVE_METRIC",dashboardId:x,metricId:J3.metricId},isFrontendApp:!1,token:Y2}),window.location.reload()}}),{saveLogsAsync:g8}=B_(),{isDisableDownloadSettings:v9}=D_({sharingSettingsId:D,workspaceId:f0}),c8=U0.useMemo(()=>(o2==null?void 0:o2.toString())&&o2||!(o2!=null&&o2.toString())&&!v9,[v9,o2]),O3=U0.useMemo(()=>{var o8;return((o8=f==null?void 0:f.map(f9=>{var p9,I9,F9,m5,t5,Z4;return(F9=(I9=(p9=f9==null?void 0:f9.externalMetric)==null?void 0:p9.clickActions)==null?void 0:I9.chartWithMetric)!=null&&F9.isEnable?(Z4=(t5=(m5=f9==null?void 0:f9.externalMetric)==null?void 0:m5.clickActions)==null?void 0:t5.chartWithMetric)==null?void 0:Z4.metricId:""}))==null?void 0:o8.filter(f9=>f9))||[]},[f]),G9=U0.useMemo(()=>f==null?void 0:f.map(o8=>{var p9,I9,F9,m5;const f9=r0==null?void 0:r0.find(t5=>{var Z4;return t5.metricId===((Z4=o8==null?void 0:o8.externalMetric)==null?void 0:Z4.metricId)&&t5.isEnabled});return f9?{...o8==null?void 0:o8.externalMetric,chartOptions:{...(p9=o8==null?void 0:o8.externalMetric)==null?void 0:p9.chartOptions,enduserMeasureAndDimensions:{isEnabled:!!(f9!=null&&f9.isEnabled),dimensions:((I9=f9==null?void 0:f9.dimensions)==null?void 0:I9.map(t5=>({value:t5,label:t5})))||[],measures:((F9=f9==null?void 0:f9.measures)==null?void 0:F9.map(t5=>({value:t5,label:t5})))||[]},yAxisList:(f9==null?void 0:f9.measures)||[],xAxis:((m5=f9==null?void 0:f9.dimensions)==null?void 0:m5[0])||""}}:o8.externalMetric}),[f,r0]),v8=U0.useMemo(()=>{const o8=G9==null?void 0:G9.filter(F9=>{var m5;return!((m5=F9==null?void 0:F9.clientArchivedMetrics)!=null&&m5.length)}),f9=o8==null?void 0:o8.filter(F9=>(!F9.isCreatedByClient||F9.isCreatedByClient&&!F9.clientId)&&!(y7!=null&&y7.includes(F9==null?void 0:F9.id))&&!(O3!=null&&O3.includes(F9==null?void 0:F9.id))),p9=o8==null?void 0:o8.filter(F9=>F9.isCreatedByClient&&F9.clientId===r&&!(y7!=null&&y7.includes(F9==null?void 0:F9.id)));return[...f9||[],...p9||[]].sort((F9,m5)=>{const t5=new Date(F9.createdAt).getTime(),Z4=new Date(m5.createdAt).getTime();return t5-Z4})},[r,G9,y7,O3]),X8=U0.useMemo(()=>OJ2(m9,Y7||[]),[m9,Y7]),J6=U0.useMemo(()=>v8==null?void 0:v8.filter(o8=>!(X8!=null&&X8.includes(o8==null?void 0:o8.id))),[v8,X8]),u5=U0.useMemo(()=>{let o8=[];const f9=J6==null?void 0:J6.map(p9=>{var m5,t5,Z4,l4,K9;const I9=m.clientLayout.find(k5=>k5.i===p9.id),F9=m.adminLayout.find(k5=>k5.i===p9.id);return[B0.linearGauge,B0.progressBar].includes(p9.chartOptions.chartType)&&(o8=[...o8,{id:(I9==null?void 0:I9.i)??(F9==null?void 0:F9.i)??p9.id,height:(I9==null?void 0:I9.h)??(F9==null?void 0:F9.h)??((m5=p9==null?void 0:p9.resizeAttributes)==null?void 0:m5.height)??10}]),{i:(I9==null?void 0:I9.i)??(F9==null?void 0:F9.i)??p9.id,w:(I9==null?void 0:I9.w)??(F9==null?void 0:F9.w)??((t5=p9.resizeAttributes)==null?void 0:t5.width)??5,h:(I9==null?void 0:I9.h)??(F9==null?void 0:F9.h)??((Z4=p9.resizeAttributes)==null?void 0:Z4.height)??10,x:(I9==null?void 0:I9.x)??(F9==null?void 0:F9.x)??((l4=p9.resizeAttributes)==null?void 0:l4.xAxis)??0,y:(I9==null?void 0:I9.y)??(F9==null?void 0:F9.y)??((K9=p9.resizeAttributes)==null?void 0:K9.yAxis)??0,minW:p9.isMetric?[B0.singleValue,B0.pivot,B0.pivotV2,B0.pivotV3,B0.progressBar,B0.linearGauge].includes(p9.chartOptions.chartType)?2:3:1,minH:p9.isMetric?[B0.singleValue,B0.pivot,B0.pivotV2,B0.pivotV3,B0.table,B0.trendAnalyzer].includes(p9.chartOptions.chartType)?2:[B0.progressBar,B0.linearGauge].includes(p9.chartOptions.chartType)?3:8:1,maxH:p9.chartOptions.chartType==="table"?1/0:18}});return C3(o8),f9},[J6,m.adminLayout,m.clientLayout]),f8=U0.useMemo(()=>u5.sort((o8,f9)=>o8.y!==f9.y?o8.y-f9.y:o8.x-f9.x),[u5]);U0.useEffect(()=>{var o8;if(f8!=null&&f8.length&&o3){const f9=(o8=f8[o3||0])==null?void 0:o8.y,p9=f8==null?void 0:f8.slice(o3);g7==null||g7(()=>{let I9=0;return p9==null||p9.forEach(F9=>{F9.y===f9&&(I9+=1)}),I9-1})}},[f8,o3]);const i5=U0.useMemo(()=>{const o8=new Map;return f8.forEach((f9,p9)=>{o8.set(f9.i,p9)}),J6.sort((f9,p9)=>o8.get(f9.id)-o8.get(p9.id)),J6.slice(0,s)},[f8,J6,s]),p4=U0.useMemo(()=>f8.slice(0,s),[f8,s]);U0.useEffect(()=>{b5([])},[x]),U0.useEffect(()=>{const o8=setTimeout(()=>{window.dispatchEvent(new Event("resize"))},300);return()=>clearTimeout(o8)},[u5]);const $5=U0.useMemo(()=>i5==null?void 0:i5.map((o8,f9)=>{var J8,R9,Q7,$3,V1,e7,n6,L6,Y6,K8,a8,P8,s9,w9,M5,s4,z5,C4,m4,re,_e,mt,ar,bt,Fn,Kn,Di,_i,Xi,Si,Ki,co,bo,An,fi,Ji;const p9=(R9=(J8=o8==null?void 0:o8.clickActions)==null?void 0:J8.chartWithMetric)!=null&&R9.isEnable?($3=(Q7=o8==null?void 0:o8.clickActions)==null?void 0:Q7.chartWithMetric)==null?void 0:$3.metricId:void 0,I9=p9?G9==null?void 0:G9.find(ge=>ge.id===p9):void 0,F9=(V1=T7.find(ge=>ge.id===(o8==null?void 0:o8.id)))==null?void 0:V1.height,m5=o8.isMetric,t5=((e7=o8==null?void 0:o8.chartOptions)==null?void 0:e7.mergedCards)||[],Z4=((n6=c6==null?void 0:c6.find(ge=>ge.id===(o8==null?void 0:o8.id)))==null?void 0:n6.filters)||[],l4=(L6=t5==null?void 0:t5.map(ge=>G9==null?void 0:G9.find(nn=>nn.id===(ge==null?void 0:ge.value))))==null?void 0:L6.filter(ge=>ge),K9=(Z4==null?void 0:Z4.length)||!!l4.length,k5=!!((Y6=o8==null?void 0:o8.elementSettings)!=null&&Y6.isDisableCardAppearance),V4=!m5&&!k5||m5?"dbn-metric-card-container":"",T4=((K8=o8==null?void 0:o8.chartOptions)==null?void 0:K8.chartType)===B0.singleValue&&((P8=(a8=o8==null?void 0:o8.chartOptions)==null?void 0:a8.customSettings)==null?void 0:P8.isEnableSingleValueBgColor),O4=T4&&((w9=(s9=o8==null?void 0:o8.chartOptions)==null?void 0:s9.customSettings)==null?void 0:w9.singleValueBgColor)||"",se=(!m5&&!k5||m5)&&!B3&&!O4?"dbn-white":"",z4=u?Ef["MetricList-wrapper-move"]:"",te=t5.length&&!x6?`dbn-metric-card ${t5.length<2?Ef.gridDisplay:Ef.gridDisplay2} ${x3?"":Ef.isShowShadow}`:Ef.flexDisplay,q4=r6?"dbn-border-0":"",it=`${Ef["MetricList-wrapper"]} ${V4} ${se} ${z4} ${te} ${q4} dbn-card-element`,x9=`${Ef["MetricList-wrapper"]} ${V4} ${se} ${z4} ${q4} ${Ef.mergedCard} dbn-card-element`,n4=()=>{!m5&&l&&!v0&&(z7(!0),v6(o8))},n1=!m5&&!!(l4!=null&&l4.every(ge=>!(ge!=null&&ge.isMetric)))&&k5;let A3;(s4=(M5=o8==null?void 0:o8.elementSettings)==null?void 0:M5.elementType)!=null&&s4.value?A3=(C4=(z5=o8==null?void 0:o8.elementSettings)==null?void 0:z5.elementType)==null?void 0:C4.value:!((re=(m4=o8==null?void 0:o8.elementSettings)==null?void 0:m4.elementType)!=null&&re.value)&&((ar=(mt=(_e=o8==null?void 0:o8.elementSettings)==null?void 0:_e.summary)==null?void 0:mt.metricList)!=null&&ar.length)?A3="metricSummary":A3="customTextBox";let q3="",V3="";!m5&&A3==="metricSummary"&&((Fn=(bt=o8==null?void 0:o8.elementSettings)==null?void 0:bt.summary)!=null&&Fn.summaryBgColor)?q3=(Di=(Kn=o8==null?void 0:o8.elementSettings)==null?void 0:Kn.summary)==null?void 0:Di.summaryBgColor:K9&&n1?q3="":K9&&!n1&&!(o8!=null&&o8.isMetric)?B3?q3=B3:q3="white":O4?q3=O4:B3&&!k5?q3=B3:!m5&&!k5||m5?q3="white":q3="",K9&&((_i=o8==null?void 0:o8.chartOptions)!=null&&_i.isEnableMergeDividers)&&!n1&&(V3=((Xi=o8==null?void 0:o8.chartOptions)==null?void 0:Xi.dividerColor)??"");const i6={cursor:"auto",backgroundColor:(Si=o8==null?void 0:o8.chartOptions)!=null&&Si.isEnableMergeDividers?V3:q3,zIndex:B4||b9||I5?i5.length-f9:10},c3=(ge,Hr)=>{V7(Hr?nn=>[...nn,{id:ge,isInProgress:Hr}]:nn=>nn.filter(di=>di.id!==ge))},s7=c8?(ge,Hr,nn)=>B6({show:!0,metric:o8,filterValues:ge,rlsConditions:Hr,dataMartRelationships:nn}):void 0,Q6=l&&m!=null&&m.isLocked?ge=>c8||M2?h.jsxs(i8,{type:"button",variant:"popover",onClick:()=>d7==null?void 0:d7(ge),fitContainer:!0,className:"dbn-justify-start dbn-gap-[3px]",children:[h.jsx(p8,{name:"pencil-simple-line"}),"Edit Metric"]}):h.jsx(i8,{className:"dbn-border dbn-border-secondary dbn-rounded-md dbn-p-1.5 dbn-w-[30px] dbn-h-[30px]",variant:"popover",onClick:()=>d7==null?void 0:d7(ge),leftIcon:h.jsx(p8,{name:"pencil-simple-line",size:"xs"})}):void 0,Z6=(Ki=p4==null?void 0:p4.find(ge=>ge.i===(o8==null?void 0:o8.id)))==null?void 0:Ki.h,N8=(co=p4==null?void 0:p4.find(ge=>ge.i===(o8==null?void 0:o8.id)))==null?void 0:co.w;return K9?h.jsx("div",{"data-testid":`${(bo=o8==null?void 0:o8.name)==null?void 0:bo.toLowerCase().replaceAll(" ","-")}-card`,className:x9,id:o8.id,style:i6,children:h.jsx(ti0,{props:{setMetricMetadata:U6,disableDownloadDataNoFilters:p7,disableDownloadUnderlyingDataNoFilters:U7,calendarType:I1,filters:Z4,parentHeight:Z6,bgColor:q3,scrollToTop:_3?()=>tW:()=>{},parentWidth:N8,metricList:l4,chartFontSettings:b7,mainMetricItem:o8,metricCardColor:T4?O4:B3,isAllowedToChangeLayout:u,isMobileScreen:x6,isShadowDisableOnHover:x3,disableMetricCardBorder:r6,isAllowedToUpdateMetrics:l,isEditLayoutEnabled:v0,isHoverLongDesc:B4,setOpenElementPanel:z7,setUpdateElement:v6,isEnableEmailRawCsvDownload:c8,setRawCsvModal:B6,language:K7,translationDictionary:e6,datasourceId:K3,metricStore:n5,setHoverLongDesc:x1,setHoverSubHeader:J9,setPopupOpen:f5,setMetricStore:h9,setDownloadMetrics:V7,isAllClient:P0,clientColumnType:p0,noDataImg:D1,isAllowedToSeeUnderlyingData:A,chartAppearance:b0,hideDatePickerOptions:Y0,isDisableMetricLoader:W2,onServerEvent:N3,workspaceId:f0,token:Y2,downloadMetrics:J7,dropdownTheme:T2,underlyingTheme:m2,optionsIcon:O2,disableFullscreen:H2,setFullScreenModal:H6,client:r,chartColors:o,globalFilters:a,companyTenancyType:w,appFilters:_,params:L,isAllowedToDeleteMetrics:e||(o8==null?void 0:o8.createdByIdentifier)&&t&&(o8==null?void 0:o8.createdByIdentifier)===t,setArchiveModal:d6,setCrossDashboardFilters:b5,crossDashboardFilters:r4,enableMultiMetricFilters:g2,enableDownloadCsv:M2,isDisableClick:m3,viewMetricData:X7,generatingPdf:w6,dataMartTables:h8,onEditMetric:d7}})},o8.id):h.jsx("div",{"data-testid":`${(An=o8==null?void 0:o8.name)==null?void 0:An.toLowerCase().replaceAll(" ","-")}-card`,className:it,id:o8.id,onClick:n4,style:i6,children:h.jsx(Vk,{dataMartTables:h8,viewMetricData:X7,setMetricMetadata:U6,disableDownloadDataNoFilters:p7,disableDownloadUnderlyingDataNoFilters:U7,setLoadedCardMetadata:O8,calendarType:I1,disableFullscreen:!!H2,isDisableClick:m3,language:K7,translationDictionary:e6,chartFontSettings:b7,datasourceId:K3,metricStore:n5,disableBorder:r6,setHoverLongDesc:x1,setHoverSubHeader:J9,setPopupOpen:f5,setMetricStore:h9,isAllClient:P0,clientColumnType:p0,isMergedMetric:!!t5.length&&!x6,metricCardColor:T4?O4:B3,isShadowDisableOnHover:x3,noDataImg:D1,isAllowedToSeeUnderlyingData:A,chartAppearance:b0,hideDatePickerOptions:Y0,chartHeight:F9||void 0,isEditLayoutEnabled:v0,isDisableMetricLoader:W2,onServerEvent:N3,workspaceId:f0,guestToken:Y2,isFrontendApp:!1,downloadMetrics:J7,onDownload:c3,metricItem:o8,dropdownTheme:T2,underlyingTheme:m2,optionsIcon:O2,onMaximize:m.isLocked||H2&&!((Ji=(fi=o8==null?void 0:o8.clickActions)==null?void 0:fi.chartWithMetric)!=null&&Ji.isEnable)?({metric:ge,appFilters:Hr,appliedMetricFilters:nn,rlsFilters:di,isClickOnChart:Jn})=>{N3==null||N3(B30,o8==null?void 0:o8.id),_3&&tW(),H6({show:!0,metric:Jn&&I9?I9:ge,rlsFilters:di,appFilters:Hr,appliedMetricFilters:nn,isClickOnChart:Jn,randomId:FB(6)})}:void 0,client:r,colors:o,globalFilters:a,param:L==null?void 0:L.find(ge=>ge.metricId===o8.metricId),appFilters:_==null?void 0:_.find(ge=>ge.metricId===o8.metricId),companyTenancyType:w,onArchive:e||o8!=null&&o8.createdByIdentifier&&t&&(o8==null?void 0:o8.createdByIdentifier)===t?ge=>d6({id:ge,show:!0,metricId:o8==null?void 0:o8.metricId}):void 0,disableActions:!m.isLocked,isDisableMorePopup:!m.isLocked,setCrossDashboardFilters:b5,crossDashboardFilters:r4,enableMultiMetricFilters:g2,enableDownloadCsv:M2,onDownloadRawCsv:s7,generatingPdf:w6,renderEditMetric:Q6})},o8.id)}),[h8,i5,T7,c6,B3,u,x6,x3,r6,B4,b9,I5,c8,p4,K7,e6,K3,n5,P0,p0,D1,A,b0,Y0,v0,W2,N3,f0,Y2,J7,T2,m2,O2,m.isLocked,H2,r,o,a,L,_,w,e,r4,g2,M2,G9,l,G9,I1,p7,U7,X7]),[ae,N4]=U0.useState("");U0.useEffect(()=>{if(n){const o8=new Blob([n],{type:"image/svg+xml"}),f9=URL.createObjectURL(o8);return N4(f9),()=>{URL.revokeObjectURL(f9)}}},[n]);const M4=U0.useMemo(()=>(i5==null?void 0:i5.length)===(m9==null?void 0:m9.length)&&!(m9!=null&&m9.some(o8=>o8==null?void 0:o8.isDataFound))&&i,[i5,m9,i]);U0.useEffect(()=>{O8([])},[JSON.stringify(a),r,JSON.stringify(_),JSON.stringify(r4)]);const e4=U0.useCallback(o8=>{var f9,p9;if(!v0&&!Aq2(p4,o8)&&(o8==null?void 0:o8.length)===(J6==null?void 0:J6.length)){const F9=(f9=J6==null?void 0:J6.reduce((l4,K9)=>new Date(l4==null?void 0:l4.createdAt)>new Date(K9==null?void 0:K9.createdAt)?l4:K9))==null?void 0:f9.id,m5=(p4==null?void 0:p4.filter(l4=>(l4==null?void 0:l4.y)===0))||[],t5=(p9=o8==null?void 0:o8.find(l4=>(l4==null?void 0:l4.i)===F9))==null?void 0:p9.h,Z4=o8==null?void 0:o8.map(l4=>{var K9;return(l4==null?void 0:l4.i)===F9?{...l4,y:0,w:12}:(K9=m5==null?void 0:m5.find(k5=>(k5==null?void 0:k5.i)===(l4==null?void 0:l4.i)))!=null&&K9.i?{...l4,y:t5??1}:l4});setTimeout(()=>{n3==null||n3(Z4)},1e3)}},[v0,p4,J6,n3]);return U0.useEffect(()=>{Y8==null||Y8(!!J6.length&&!!u5.length&&!M4)},[J6.length,u5.length,M4]),h.jsx(h.Fragment,{children:J6.length&&u5.length&&!M4?h.jsxs(h.Fragment,{children:[h.jsx("div",{className:`${Ef["MetricList-container"]} ${Ef["MetricList-container-type"]}`,id:"metric-list-container",style:Q8?{minHeight:"100px"}:{},children:h.jsx(Zk,{layouts:{lg:p4},onResizeStop:u?m.onChange:void 0,onDragStop:u?m.onChange:void 0,isDraggable:u,isDroppable:u,isResizable:u,rowHeight:30,breakpoints:g??{lg:1200,md:996,sm:768,xs:480,xxs:0},cols:E??{lg:12,md:12,sm:12,xs:3,xxs:2},containerPadding:[0,10],onLayoutChange:e4,margin:[(Ie=J0==null?void 0:J0.horizontalMargin)!=null&&Ie.toString()?J0.horizontalMargin:10,(Z5=J0==null?void 0:J0.verticalMargin)!=null&&Z5.toString()?J0.verticalMargin:10],children:$5},v0?"reset":"default")}),Q0?h.jsx("div",{className:"dbn-pb-6",children:h.jsx(sA,{})}):null,e||(R6=f6==null?void 0:f6.metric)!=null&&R6.createdByIdentifier&&t&&((_8=f6==null?void 0:f6.metric)==null?void 0:_8.createdByIdentifier)===t?h.jsx(pn0,{isLoading:q7,isOpen:J3.show,onArchive:$7,onClose:()=>d6({id:"",show:!1,metricId:""})}):null,_3?h.jsx(h.Fragment,{children:(!H2||(f6==null?void 0:f6.isClickOnChart))&&f6.show&&f6.metric&&h.jsx(Pk,{dataMartTables:h8,userIdentifier:t,disableDownloadDataNoFilters:p7,disableDownloadUnderlyingDataNoFilters:U7,isDataApp:S7,onEditMetric:d7,calendarType:I1,language:K7,translationDictionary:e6,appliedMetricFilters:(f6==null?void 0:f6.appliedMetricFilters)||[],datasourceId:K3,isAllClient:P0,isEnableMetricSummary:_2,onServerEvent:N3,shouldFitFullScreen:_3,enableEmailCsv:o2,disableDownloadPng:M6,isAllowToDownloadMetrics:w3,chartAppearance:b0,hideDatePickerOptions:Y0,clientColumnType:p0,workspaceId:f0,guestToken:Y2,isFrontendApp:!1,downloadMetrics:J7,globalFilters:a,metric:f6.metric,rlsFilters:f6.rlsFilters,appFilters:f6.appFilters,colors:o,underlyingTheme:m2,externalDashboardId:S,userProvidedDashboardId:x,tenancyLevel:w,isAllowedToUpdateMetrics:l,clientId:r,companyId:C,onMinimize:()=>{N3==null||N3(gu2),H6({show:!1,metric:void 0,appliedMetricFilters:[],isClickOnChart:!1})},onArchive:e||(S6=f6==null?void 0:f6.metric)!=null&&S6.createdByIdentifier&&t&&((M8=f6==null?void 0:f6.metric)==null?void 0:M8.createdByIdentifier)===t?(o8,f9)=>d6({id:o8,show:!0,metricId:f9}):void 0,isShowChartConfigTab:!1,isHideChartSettings:W,isHideTablePreview:c2,sharingSettingsId:D,onDownload:(o8,f9)=>{V7(f9?p9=>[...p9,{id:o8,isInProgress:f9}]:p9=>p9.filter(I9=>I9.id!==o8))}})}):h.jsx(IE,{children:(!H2||(f6==null?void 0:f6.isClickOnChart))&&f6.show&&f6.metric&&h.jsx(Pk,{dataMartTables:h8,userIdentifier:t,viewMetricData:X7,disableDownloadDataNoFilters:p7,disableDownloadUnderlyingDataNoFilters:U7,randomId:f6==null?void 0:f6.randomId,isDataApp:S7,onEditMetric:d7,language:K7,translationDictionary:e6,appliedMetricFilters:(f6==null?void 0:f6.appliedMetricFilters)||[],datasourceId:K3,isAllClient:P0,isEnableMetricSummary:_2,onServerEvent:N3,enableEmailCsv:o2,disableDownloadPng:M6,isAllowToDownloadMetrics:w3,chartAppearance:b0,hideDatePickerOptions:Y0,clientColumnType:p0,workspaceId:f0,guestToken:Y2,isFrontendApp:!1,downloadMetrics:J7,globalFilters:a,metric:f6.metric,rlsFilters:f6.rlsFilters,appFilters:f6.appFilters,colors:o,underlyingTheme:m2,externalDashboardId:S,userProvidedDashboardId:x,tenancyLevel:w,isAllowedToUpdateMetrics:l,clientId:r,companyId:C,onMinimize:()=>{N3==null||N3(gu2),H6({show:!1,metric:void 0,appliedMetricFilters:[],isClickOnChart:!1})},onArchive:e||(c9=f6==null?void 0:f6.metric)!=null&&c9.createdByIdentifier&&t&&((D9=f6==null?void 0:f6.metric)==null?void 0:D9.createdByIdentifier)===t?(o8,f9)=>d6({id:o8,show:!0,metricId:f9}):void 0,isShowChartConfigTab:!1,isHideChartSettings:W,isHideTablePreview:c2,sharingSettingsId:D,onDownload:(o8,f9)=>{V7(f9?p9=>[...p9,{id:o8,isInProgress:f9}]:p9=>p9.filter(I9=>I9.id!==o8))}})}),c8&&h.jsx(yV,{workspaceId:f0,metricItem:F6.metric,isShowRawCsvModal:F6.show,onCloseModal:()=>B6({show:!1,metric:void 0,filterValues:void 0,dataMartRelationships:[],rlsConditions:[]}),query:Ab({query:Zd(((q8=F6==null?void 0:F6.metric)==null?void 0:q8.query)||"",C||""),dbName:((F5=F6.metric)==null?void 0:F5.integrationName)||"",rlsConditions:(F6==null?void 0:F6.rlsConditions)||[],tenancyLevel:w,clientId:r,globalFilters:a,values:F6.filterValues,isAllClient:!1,clientColumnType:p0,dataMartRelationships:(F6==null?void 0:F6.dataMartRelationships)||[]}),sharingSettingsId:D}),h.jsx(ei0,{createElementPanelProps:{onServerEvent:N3,refetchDashboardData:o9,isOpen:S1,onClose:()=>{v6(null),z7(!1)},element:W5,clientId:r,externalDashboardId:S,companyId:C,userProvidedDashboardId:x}})]}):h.jsx(h.Fragment,{children:!d&&!M4?h.jsx("div",{className:Ef["noMetric-container"],children:h.jsx("div",{className:Ef["noMetric-wrapper"],children:n&&ae?h.jsx("img",{src:ae,alt:"no data svg"}):h.jsx(o6,{variant:"heading-4",children:"No metrics created yet"})})}):h.jsx("div",{className:Ef["alt-container"],children:n?h.jsx(h.Fragment,{children:h.jsx("img",{src:ae,alt:"no data svg"})}):h.jsx(Ml,{message:"No results found.",subText:"No data available in dashboard.",height:"140px",width:"216px",msgGap:"24px",subTextGap:"6px",msgVariant:"sec-heading-4",isNoMatchedMetric:!0})})})})},aJ={"searchTab-container":"_searchTab-container_1m1la_1","searchTab-input":"_searchTab-input_1m1la_9",errContainer:"_errContainer_1m1la_17"},Rm=({id:t,setSearchKeyword:n,className:i="",placeholder:o="Search",value:a,isResetValue:s,onSearch:r,autoComplete:C="on",isDisabled:l,errorMsg:e})=>{const[u,A]=U0.useState(a||""),[f,d]=U0.useState(!0);U0.useEffect(()=>{n==null||n(u==null?void 0:u.toLowerCase())},[n,u]),U0.useEffect(()=>{s&&A(a||"")},[a,s]);const g=m=>{m.key==="Enter"&&r&&r(u)},E=vm(u,600);return U0.useEffect(()=>{r==null||r(E)},[E,r]),h.jsxs("div",{className:`${aJ["searchTab-container"]} ${i} ${e?aJ.errContainer:""}`,"aria-disabled":!!l,children:[!u&&f?h.jsx(p8,{name:"magnifying-glass",color:"gray",size:"xs"}):null,h.jsx("input",{id:t,"data-testid":t,placeholder:o,value:u,name:"search",onChange:m=>A(m.target.value),onClick:m=>m.preventDefault(),className:aJ["searchTab-input"],onFocus:()=>d(!1),onBlur:()=>d(!0),onKeyDown:g,autoComplete:C,disabled:l})]})},sJ={tab:"_tab_sv3os_1",button:"_button_sv3os_7",activeTab:"_activeTab_sv3os_15"},ni0=({options:t,activeTab:n,setActiveTab:i,className:o="",tabText:a="",lockedTabs:s,tabClassname:r="",onChange:C,isDisabled:l})=>h.jsx("div",{className:`${sJ.tab} ${o}`,children:t==null?void 0:t.map(e=>h.jsx("div",{className:`${sJ.button} ${n===e?sJ.activeTab:""} ${a}`,children:h.jsx(i8,{"data-testid":`${e==null?void 0:e.toLowerCase().replaceAll(" ","-")}-tab`,variant:"popover",type:"button",onClick:()=>{i(e),C==null||C(e)},className:`dbn-w-full dbn-flex dbn-items-center dbn-py-2 ${r}`,isDisabled:(s==null?void 0:s.includes(e))||l,children:h.jsx(o6,{variant:n===e?"heading-5":"sec-heading-5",color:n===e?"primary":"secondary-dark",children:e})},e)},e))}),Hm={container:"_container_a9ie6_1",label:"_label_a9ie6_9",textarea:"_textarea_a9ie6_17",resizable:"_resizable_a9ie6_25",error:"_error_a9ie6_31",noError:"_noError_a9ie6_37",important:"_important_a9ie6_45"},ii0=({id:t,label:n,placeholder:i,rows:o,cols:a,resizable:s=!0,register:r,error:C,defaultValue:l,value:e,onFocus:u,onBlur:A,className:f,leftIcon:d,rightIcon:g,isDisabled:E,isImportant:m,...L})=>h.jsxs("div",{className:`${Hm.container} ${f}`,children:[h.jsxs("label",{htmlFor:t,className:Hm.label,children:[d,h.jsxs(o6,{variant:"input-label",children:[n,m?h.jsx("span",{className:Hm.important,children:"*"}):null]}),g]}),h.jsx("textarea",{...L,id:t,name:t,rows:o,cols:a,placeholder:i,className:Xm(Hm.textarea,`${s?null:Hm.resizable}`,C?Hm.error:Hm.noError),defaultValue:l,...r,value:r?e:e||"",onFocus:u,onBlur:A,disabled:E}),C&&h.jsx(o6,{variant:"body-text-2",color:"alert",children:C})]}),IE=({children:t})=>{const[n,i]=U0.useState(),o=a=>{const s=[".dbn-selectBox",".dbn-selectBox-text","#dbn-fullscreenView"],r=new RegExp(s.map(l=>`${l}\\s*[^}]*}`).join("|"),"g"),C=a.match(r);return C?C.join(`
|
|
2058
2058
|
`):""};return U0.useLayoutEffect(()=>{var r;const a=document.querySelector("#dbn-portal")||document.createElement("div");a.setAttribute("id","dbn-portal"),document.body.querySelector("#dbn-portal")||document.body.appendChild(a);const s=document.querySelector("dbn-dashboard")||document.querySelector("dbn-metric")||document.querySelector("dbn-create-metric");if(s){const C=document.querySelector("#dbn-styles"),l=a.shadowRoot||a.attachShadow({mode:"open"});if(C&&!l.querySelector("#dbn-portal-style")){const e=document.createElement("style");e.innerHTML=C.innerHTML,e.setAttribute("id","dbn-portal-style"),l.appendChild(e)}if(!l.querySelector("#global-style")){const e=document.createElement("style");e.innerHTML=`
|
|
2059
2059
|
*,
|
|
2060
2060
|
::before,
|