@databrainhq/plugin 0.11.15 → 0.11.16
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/index.es.js +3235 -3227
- package/dist/index.umd.js +3 -3
- package/dist/webcomponents.es.js +32 -24
- package/dist/webcomponents.umd.js +3 -3
- package/package.json +4 -4
- package/src/index.ts +7 -0
package/dist/index.umd.js
CHANGED
|
@@ -457,7 +457,7 @@ Check the top-level render call using <`+he+">.")}return le}}function zo(K,le){{
|
|
|
457
457
|
id
|
|
458
458
|
}
|
|
459
459
|
}
|
|
460
|
-
`,W8=r=>Yr(["UpdateExternalMetric"],t=>Ht(V8,t)(),r),qL=({token:r,dashboardId:t})=>{var S,M;const{data:e,isLoading:n}=l8({id:r},{enabled:!!r,refetchOnWindowFocus:!1}),i=e==null?void 0:e.guestTokens_by_pk,a=i!=null&&i.params?JSON.parse(i.params):{},o=t||((S=a.dashboard)==null?void 0:S.id),s=i==null?void 0:i.companyId,l=i==null?void 0:i.clientId,c=a==null?void 0:a.workspace,u=(M=a==null?void 0:a.dashboard)==null?void 0:M.isLive,h=a==null?void 0:a.rlsSettings,d=a==null?void 0:a.companyTenancyType,{data:f,isLoading:p}=qQ({externalDashboardId:o,clientId:l},{enabled:!!o&&!!l,refetchOnWindowFocus:!1}),{data:v,isLoading:g}=JQ({externalDashboardId:o},{enabled:!!o,refetchOnWindowFocus:!1}),m=f==null?void 0:f.externalDashboardMetrics,{data:y,isLoading:b}=c8({workspaceId:c==null?void 0:c.id},{enabled:!!(c!=null&&c.id),refetchOnWindowFocus:!1}),{data:w,isLoading:x}=g8({companyId:s},{enabled:!!s,refetchOnWindowFocus:!1}),[_,D,A,T]=P.useMemo(()=>{var O,R,j,z;const L=!!((O=y==null?void 0:y.companySubsetTables[0])!=null&&O.isAllowMetricCreation),N=!!((R=y==null?void 0:y.companySubsetTables[0])!=null&&R.isAllowMetricUpdation),E=!!((j=y==null?void 0:y.companySubsetTables[0])!=null&&j.isAllowMetricDeletion),k=!!((z=y==null?void 0:y.companySubsetTables[0])!=null&&z.isAllowChangeLayout);return[L,N,E,k]},[y==null?void 0:y.companySubsetTables[0]]),I=P.useMemo(()=>w!=null&&w.sharingSettings.length?w.sharingSettings[0].id:void 0,[w]);return{isLoading:n||p||g||b||x,data:{clientId:l,companyId:s,isLiveMode:u,externalDashboardMetrics:m,externalDashboard:v==null?void 0:v.externalDashboards[0],externalDashboardId:o,rlsSettings:h,companyTenancyType:d||"TABLE",isAllowedToCreateMetrics:_,isAllowedToDeleteMetrics:D,isAllowedToUpdateMetrics:A,isAllowedToChangeLayout:T,workspace:c,sharingSettingsId:I}}},e1=({onSuccess:r,companyIntegrationId:t,selectedColumns:e,query:n,metricQuery:i,integrationName:a,outputColumns:o,chartSettings:s,clientId:l,companyId:c,isLiveMode:u,timeGrain:h,dashboardIds:d,isEnableGroupBy:f,groupBy:p,selectedGroupBy:v,userProvidedDashboardId:g,metric:m,datasetMetricSettings:y})=>{const[b,w]=P.useState(""),x=$c(),{mutate:_,isLoading:D}=OQ(),A=N=>{w(""),_({companyId:c,companyIntegrationId:t,description:N.description,inputFields:e,metricId:N.metricId,name:N.name,query:n,metricQuery:i,integrationName:a,outputColumns:o,createdBy:l||"external user",isLive:u||N.isLive,chartOptions:s,datasetMetricSettings:y,clientId:l||null,isCreatedByClient:!!l,timeGrain:h||null,externalDashboardIds:d.map(E=>({externalDashboardId:E})),isEnableGroupBy:f,groupBy:p??{},selectedGroupBy:v},{onSuccess:(E,k)=>{var O,R;if((O=E.insert_externalMetrics_one)!=null&&O.id){const j=(R=E.insert_externalMetrics_one)==null?void 0:R.id;x.setQueryData(["EmbeddedDashboardMetrics",{externalDashboardId:g,clientId:l}],z=>{const W=z==null?void 0:z.externalDashboardMetrics;return W==null||W.push({externalDashboardId:d[0],externalMetricId:j,externalMetric:{...k,id:j}}),{...z,externalDashboardMetrics:W}})}},onError:()=>{w&&w("Metric Id already exists")}})},{mutateAsync:T,isLoading:I}=z8({onSuccess:N=>{var k;if(!N.insert_clientDeletedMetrics_one||!N.insert_externalMetrics_one)return;const E=(k=N.insert_externalMetrics_one)==null?void 0:k.id;x.setQueryData(["EmbeddedDashboardMetrics",{externalDashboardId:g,clientId:l}],O=>{var j;const R=(j=O==null?void 0:O.externalDashboardMetrics)==null?void 0:j.filter(z=>z.externalMetricId!==(m==null?void 0:m.id));return R==null||R.push({externalDashboardId:d[0],externalMetricId:E,externalMetric:N.insert_externalMetrics_one}),{...O,externalDashboardMetrics:R}}),w(""),r()},onError:()=>{w("Something went wrong! Please try again later.")}}),{mutateAsync:S,isLoading:M}=W8({onSuccess:(N,E)=>{var k;(k=N.update_externalMetrics_by_pk)!=null&&k.id&&(x.setQueryData(["EmbeddedDashboardMetrics",{externalDashboardId:g,clientId:l}],O=>{const R=O==null?void 0:O.externalDashboardMetrics,j=R==null?void 0:R.findIndex(z=>z.externalMetricId===(m==null?void 0:m.id));return j===-1?O:(R[j].externalMetric={...R[j].externalMetric,...E.set},{...O,externalDashboardMetrics:R})}),w(""),r())},onError:()=>{w("Something went wrong! Please try again later.")}}),L=P.useCallback(N=>{if(w(""),!(m!=null&&m.isCreatedByClient))T({externalMetricId:m==null?void 0:m.id,clientId:l,object:{companyId:c,companyIntegrationId:t||(m==null?void 0:m.companyIntegrationId),description:N.description,inputFields:e,metricId:N.metricId===(m==null?void 0:m.metricId)?`update_${N.metricId}_by_${l}_${Date.now()}`:N.metricId,name:N.name,query:n,metricQuery:i,datasetMetricSettings:y,integrationName:a,outputColumns:o,createdBy:l||"external user",clientId:l,isCreatedByClient:!!l,resizeAttributes:m==null?void 0:m.resizeAttributes,externalDashboardMetrics:{data:d.map(E=>({externalDashboardId:E}))},isLive:u||N.isLive,chartOptions:s}});else{const E={chartOptions:s,datasetMetricSettings:y};N.description&&(E.description=N.description),N.metricId&&(E.metricId=N.metricId),N.name&&(E.name=N.name),S({externalMetricId:m==null?void 0:m.id,set:E})}},[s,m,S,T,l,c,t,a,u,d,n,e,o,i,y]);return{createExternalMetric:A,updateExternalMetric:L,error:b,isLoading:D||I||M}},_g=()=>{const{mutate:r,isLoading:t,error:e}=VQ(),{mutate:n}=FQ();return{generateDatasetMetric:r,isGeneratingDataset:t,generateError:e,fetchColumnValues:n}},an="something went wrong, please try again",me={line:"line",stepped:"stepped",bar:"bar",stack:"stack",histogram:"histogram",bubble:"bubble",scatter:"scatter",row:"row",area:"area",combo:"combo",pie:"pie",doughnut:"doughnut",waterfall:"waterfall",funnel:"funnel",gauge:"gauge",sankey:"sankey",singleValue:"single value",boxplot:"boxplot",table:"table",timeSeries:"time series",pivot:"pivot table"},H8="STATUS_TAB",U8="STREAM_TAB",t1="client_id_variable",G8={"is equal to":"=","is not equal to":"!=","is greater than":">","is less than":"<","is greater than or equal to":">=","is less than or equal to":"<="},Y8="CHART_TAB",Q8="TABLE_TAB",Z8="QUERY_TAB",jc="INPUT_TABLE",zc="OUTPUT_TABLE",r1="doughnut",n1="pie",XL="sankey",q8="boxplot",X8="table",Ts="general",Fc="configuration",i1={Snowflake:"Snowflake",Redshift:"Redshift",BigQuery:"BigQuery",Postges:"Postgres"},a1="{{DATABASE_NAME}}",o1="'client_id_variable'",s1="DATABASE",l1=[{value:"Sun",label:"Sun"},{value:"Mon",label:"Mon"},{value:"Tue",label:"Tue"},{value:"Wed",label:"Wed"},{value:"Thu",label:"Thu"},{value:"Fri",label:"Fri"},{value:"Sat",label:"Sat"}],JL=[{value:"Asia/Kolkata",label:"IST"},{value:"America/Los_Angeles",label:"PST"},{value:"Europe/London",label:"GMT"},{value:"Australia/Sydney",label:"AEST"},{value:"America/New_York",label:"EST"}],KL=[{value:"AM",label:"AM"},{value:"PM",label:"PM"}],eN=[{value:"1",label:"1"},{value:"2",label:"2"},{value:"3",label:"3"},{value:"4",label:"4"},{value:"5",label:"5"},{value:"6",label:"6"},{value:"7",label:"7"},{value:"8",label:"8"},{value:"9",label:"9"},{value:"10",label:"10"},{value:"11",label:"11"},{value:"12",label:"12"},{value:"13",label:"13"},{value:"14",label:"14"},{value:"15",label:"15"},{value:"16",label:"16"},{value:"17",label:"17"},{value:"18",label:"18"},{value:"19",label:"19"},{value:"20",label:"20"},{value:"21",label:"21"},{value:"22",label:"22"},{value:"23",label:"23"},{value:"24",label:"24"},{value:"25",label:"25"},{value:"26",label:"26"},{value:"27",label:"27"},{value:"28",label:"28"}],tN=[{value:"Daily",label:"Daily"},{value:"Weekly",label:"Weekly"},{value:"Monthly",label:"Monthly"}],J8=["Email"],K8="NONE",e6="REQUESTED",t6="AVAILABLE",u1=[{label:"Original value",value:"original"},{label:"Adaptive formatting",value:"adaptive"},{label:"Percentage",value:"percent"},{label:",d (12345.432 => 12,345)",value:"d"},{label:".1s (12345.432 => 10k)",value:"1s"},{label:".3s (12345.432 => 12.3k)",value:"3s"},{label:",.1% (12345.432 => 1,234,543.2%)",value:"1%"},{label:",.2% (12345.432 => 1234543.20%)",value:"2%"},{label:",.3% (12345.432 => 1234543.200%)",value:"3%"},{label:".4r (12345.432 => 12350)",value:"4r"},{label:",.1f (12345.432 => 12,345.4)",value:"1f"},{label:",.2f (12345.432 => 12,345.43)",value:"2f"},{label:",.3f (12345.432 => 12,345.432)",value:"3f"},{label:"+, (12345.432 => +12,345.432)",value:"+"},{label:"$,.2f (12345.432 => $12,345.43)",value:"$"},{label:"Duration in ms (66000 => 1m 6s)",value:"ms1"},{label:"Duration in ms (1.40008 => 1ms 400μs 80ns)",value:"ms2"}],r6=({clientId:r,companyId:t,setData:e,setError:n,setLoading:i,setQuery:a,setMetricQuery:o})=>{const s=HQ();return{generateEmbeddedMetric:c=>{i(!0),a(""),n(""),e(void 0),s.mutate({clientId:r,companyId:t,queryPrompt:c.queryPrompt,timeGrain:c.timeGrain},{onSuccess:u=>{var h,d,f;(h=u.generateEmbeddedMetic)!=null&&h.error?(i(!1),a(""),e(void 0),n(u.generateEmbeddedMetic.error.message)):(o(c.queryPrompt),n(""),i(!1),a(((d=u.generateEmbeddedMetic)==null?void 0:d.query)||""),e((f=u.generateEmbeddedMetic)==null?void 0:f.result))},onError:()=>{i(!1),a(""),e(void 0),n(an)}})}}},Bc=({onOutsideClick:r,wrapRef:t})=>{P.useEffect(()=>{const e=n=>{t.current&&(!t.current.contains("composedPath"in n?n.composedPath()[0]:n.target)||!t.current.contains(n.target))&&r()};return document.addEventListener("click",e),()=>{document.removeEventListener("click",e)}},[t,r])},c1=r=>{P.useEffect(()=>{var n,i,a,o,s,l,c,u,h,d;const t=!!(document.querySelector("dbn-dashboard")||document.querySelector("dbn-metric"));if(!r){if(t){const f=document.querySelector("dbn-dashboard");if(f&&f.shadowRoot){const g=document.querySelector("#dbn-dashboard-admin-styles");g&&f.shadowRoot.removeChild(g)}const p=document.querySelectorAll("dbn-metric");p.length&&p.forEach((g,m)=>{const y=document.querySelector(`#dbn-metric-${m}-admin-styles`);y&&g.shadowRoot&&g.shadowRoot.removeChild(y)});const v=document.querySelector("#dbn-portal");if(v&&v.shadowRoot){const g=document.querySelector("#dbn-portal-admin-styles");g&&v.shadowRoot.removeChild(g)}}else{const f=document.querySelector("#dbn-admin-styles");f&&document.head.removeChild(f)}return}let e="";if((n=r.general.fontFamily)!=null&&n.trim()&&(e=`
|
|
460
|
+
`,W8=r=>Yr(["UpdateExternalMetric"],t=>Ht(V8,t)(),r),qL=({token:r,dashboardId:t})=>{var S,M;const{data:e,isLoading:n}=l8({id:r},{enabled:!!r,refetchOnWindowFocus:!1}),i=e==null?void 0:e.guestTokens_by_pk,a=i!=null&&i.params?JSON.parse(i.params):{},o=t||((S=a.dashboard)==null?void 0:S.id),s=i==null?void 0:i.companyId,l=i==null?void 0:i.clientId,c=a==null?void 0:a.workspace,u=(M=a==null?void 0:a.dashboard)==null?void 0:M.isLive,h=a==null?void 0:a.rlsSettings,d=a==null?void 0:a.companyTenancyType,{data:f,isLoading:p}=qQ({externalDashboardId:o,clientId:l},{enabled:!!o&&!!l,refetchOnWindowFocus:!1}),{data:v,isLoading:g}=JQ({externalDashboardId:o},{enabled:!!o,refetchOnWindowFocus:!1}),m=f==null?void 0:f.externalDashboardMetrics,{data:y,isLoading:b}=c8({workspaceId:c==null?void 0:c.id},{enabled:!!(c!=null&&c.id),refetchOnWindowFocus:!1}),{data:w,isLoading:x}=g8({companyId:s},{enabled:!!s,refetchOnWindowFocus:!1}),[_,D,A,T]=P.useMemo(()=>{var O,R,j,z;const L=!!((O=y==null?void 0:y.companySubsetTables[0])!=null&&O.isAllowMetricCreation),N=!!((R=y==null?void 0:y.companySubsetTables[0])!=null&&R.isAllowMetricUpdation),E=!!((j=y==null?void 0:y.companySubsetTables[0])!=null&&j.isAllowMetricDeletion),k=!!((z=y==null?void 0:y.companySubsetTables[0])!=null&&z.isAllowChangeLayout);return[L,N,E,k]},[y==null?void 0:y.companySubsetTables[0]]),I=P.useMemo(()=>w!=null&&w.sharingSettings.length?w.sharingSettings[0].id:void 0,[w]);return{isLoading:n||p||g||b||x,data:{clientId:l,companyId:s,isLiveMode:u,externalDashboardMetrics:m,externalDashboard:v==null?void 0:v.externalDashboards[0],externalDashboardId:o,rlsSettings:h,companyTenancyType:d||"TABLE",isAllowedToCreateMetrics:_,isAllowedToDeleteMetrics:D,isAllowedToUpdateMetrics:A,isAllowedToChangeLayout:T,workspace:c,sharingSettingsId:I}}},e1=({onSuccess:r,companyIntegrationId:t,selectedColumns:e,query:n,metricQuery:i,integrationName:a,outputColumns:o,chartSettings:s,clientId:l,companyId:c,isLiveMode:u,timeGrain:h,dashboardIds:d,isEnableGroupBy:f,groupBy:p,selectedGroupBy:v,userProvidedDashboardId:g,metric:m,datasetMetricSettings:y})=>{const[b,w]=P.useState(""),x=$c(),{mutate:_,isLoading:D}=OQ(),A=N=>{w(""),_({companyId:c,companyIntegrationId:t,description:N.description,inputFields:e,metricId:N.metricId,name:N.name,query:n,metricQuery:i,integrationName:a,outputColumns:o,createdBy:l||"external user",isLive:u||N.isLive,chartOptions:s,datasetMetricSettings:y,clientId:l||null,isCreatedByClient:!!l,timeGrain:h||null,externalDashboardIds:d.map(E=>({externalDashboardId:E})),isEnableGroupBy:f,groupBy:p??{},selectedGroupBy:v},{onSuccess:(E,k)=>{var O,R;if((O=E.insert_externalMetrics_one)!=null&&O.id){const j=(R=E.insert_externalMetrics_one)==null?void 0:R.id;x.setQueryData(["EmbeddedDashboardMetrics",{externalDashboardId:g,clientId:l}],z=>{const W=z==null?void 0:z.externalDashboardMetrics;return W==null||W.push({externalDashboardId:d[0],externalMetricId:j,externalMetric:{...k,id:j}}),{...z,externalDashboardMetrics:W}})}},onError:()=>{w&&w("Metric Id already exists")}})},{mutateAsync:T,isLoading:I}=z8({onSuccess:N=>{var k;if(!N.insert_clientDeletedMetrics_one||!N.insert_externalMetrics_one)return;const E=(k=N.insert_externalMetrics_one)==null?void 0:k.id;x.setQueryData(["EmbeddedDashboardMetrics",{externalDashboardId:g,clientId:l}],O=>{var j;const R=(j=O==null?void 0:O.externalDashboardMetrics)==null?void 0:j.filter(z=>z.externalMetricId!==(m==null?void 0:m.id));return R==null||R.push({externalDashboardId:d[0],externalMetricId:E,externalMetric:N.insert_externalMetrics_one}),{...O,externalDashboardMetrics:R}}),w(""),r()},onError:()=>{w("Something went wrong! Please try again later.")}}),{mutateAsync:S,isLoading:M}=W8({onSuccess:(N,E)=>{var k;(k=N.update_externalMetrics_by_pk)!=null&&k.id&&(x.setQueryData(["EmbeddedDashboardMetrics",{externalDashboardId:g,clientId:l}],O=>{const R=O==null?void 0:O.externalDashboardMetrics,j=R==null?void 0:R.findIndex(z=>z.externalMetricId===(m==null?void 0:m.id));return j===-1?O:(R[j].externalMetric={...R[j].externalMetric,...E.set},{...O,externalDashboardMetrics:R})}),w(""),r())},onError:()=>{w("Something went wrong! Please try again later.")}}),L=P.useCallback(N=>{if(w(""),!(m!=null&&m.isCreatedByClient))T({externalMetricId:m==null?void 0:m.id,clientId:l,object:{companyId:c,companyIntegrationId:t||(m==null?void 0:m.companyIntegrationId),description:N.description,inputFields:e,metricId:N.metricId===(m==null?void 0:m.metricId)?`update_${N.metricId}_by_${l}_${Date.now()}`:N.metricId,name:N.name,query:n,metricQuery:i,datasetMetricSettings:y,integrationName:a,outputColumns:o,createdBy:l||"external user",clientId:l,isCreatedByClient:!!l,resizeAttributes:m==null?void 0:m.resizeAttributes,externalDashboardMetrics:{data:d.map(E=>({externalDashboardId:E}))},isLive:u||N.isLive,chartOptions:s}});else{const E={chartOptions:s,datasetMetricSettings:y};N.description&&(E.description=N.description),N.metricId&&(E.metricId=N.metricId),N.name&&(E.name=N.name),S({externalMetricId:m==null?void 0:m.id,set:E})}},[s,m,S,T,l,c,t,a,u,d,n,e,o,i,y]);return{createExternalMetric:A,updateExternalMetric:L,error:b,isLoading:D||I||M}},_g=()=>{const{mutate:r,isLoading:t,error:e}=VQ(),{mutate:n}=FQ();return{generateDatasetMetric:r,isGeneratingDataset:t,generateError:e,fetchColumnValues:n}},an="something went wrong, please try again",me={line:"line",stepped:"stepped",bar:"bar",stack:"stack",histogram:"histogram",bubble:"bubble",scatter:"scatter",row:"row",area:"area",combo:"combo",pie:"pie",doughnut:"doughnut",waterfall:"waterfall",funnel:"funnel",gauge:"gauge",sankey:"sankey",singleValue:"single value",boxplot:"boxplot",table:"table",timeSeries:"time series",pivot:"pivot table"},H8="STATUS_TAB",U8="STREAM_TAB",t1="client_id_variable",G8={"is equal to":"=","is not equal to":"!=","is greater than":">","is less than":"<","is greater than or equal to":">=","is less than or equal to":"<="},Y8="CHART_TAB",Q8="TABLE_TAB",Z8="QUERY_TAB",jc="INPUT_TABLE",zc="OUTPUT_TABLE",r1="doughnut",n1="pie",XL="sankey",q8="boxplot",X8="table",Ts="general",Fc="configuration",i1={Snowflake:"Snowflake",Redshift:"Redshift",BigQuery:"BigQuery",Postges:"Postgres"},a1="{{DATABASE_NAME}}",o1="'client_id_variable'",s1="DATABASE",l1=[{value:"Sun",label:"Sun"},{value:"Mon",label:"Mon"},{value:"Tue",label:"Tue"},{value:"Wed",label:"Wed"},{value:"Thu",label:"Thu"},{value:"Fri",label:"Fri"},{value:"Sat",label:"Sat"}],JL=[{value:"Asia/Kolkata",label:"IST"},{value:"America/Los_Angeles",label:"PST"},{value:"Europe/London",label:"GMT"},{value:"Australia/Sydney",label:"AEST"},{value:"America/New_York",label:"EST"}],KL=[{value:"AM",label:"AM"},{value:"PM",label:"PM"}],eN=[{value:"1",label:"1"},{value:"2",label:"2"},{value:"3",label:"3"},{value:"4",label:"4"},{value:"5",label:"5"},{value:"6",label:"6"},{value:"7",label:"7"},{value:"8",label:"8"},{value:"9",label:"9"},{value:"10",label:"10"},{value:"11",label:"11"},{value:"12",label:"12"},{value:"13",label:"13"},{value:"14",label:"14"},{value:"15",label:"15"},{value:"16",label:"16"},{value:"17",label:"17"},{value:"18",label:"18"},{value:"19",label:"19"},{value:"20",label:"20"},{value:"21",label:"21"},{value:"22",label:"22"},{value:"23",label:"23"},{value:"24",label:"24"},{value:"25",label:"25"},{value:"26",label:"26"},{value:"27",label:"27"},{value:"28",label:"28"}],tN=[{value:"Daily",label:"Daily"},{value:"Weekly",label:"Weekly"},{value:"Monthly",label:"Monthly"}],J8=["Email"],K8="NONE",e6="REQUESTED",t6="AVAILABLE",u1=[{label:"Original value",value:"original"},{label:"Adaptive formatting",value:"adaptive"},{label:"Percentage",value:"percent"},{label:",d (12345.432 => 12,345)",value:"d"},{label:".1s (12345.432 => 10k)",value:"1s"},{label:".3s (12345.432 => 12.3k)",value:"3s"},{label:",.1% (12345.432 => 1,234,543.2%)",value:"1%"},{label:",.2% (12345.432 => 1234543.20%)",value:"2%"},{label:",.3% (12345.432 => 1234543.200%)",value:"3%"},{label:".4r (12345.432 => 12350)",value:"4r"},{label:",.1f (12345.432 => 12,345.4)",value:"1f"},{label:",.2f (12345.432 => 12,345.43)",value:"2f"},{label:",.3f (12345.432 => 12,345.432)",value:"3f"},{label:"+, (12345.432 => +12,345.432)",value:"+"},{label:"$,.2f (12345.432 => $12,345.43)",value:"$"},{label:"Duration in ms (66000 => 1m 6s)",value:"ms1"},{label:"Duration in ms (1.40008 => 1ms 400μs 80ns)",value:"ms2"}],r6=({clientId:r,companyId:t,setData:e,setError:n,setLoading:i,setQuery:a,setMetricQuery:o})=>{const s=HQ();return{generateEmbeddedMetric:c=>{i(!0),a(""),n(""),e(void 0),s.mutate({clientId:r,companyId:t,queryPrompt:c.queryPrompt,timeGrain:c.timeGrain},{onSuccess:u=>{var h,d,f;(h=u.generateEmbeddedMetic)!=null&&h.error?(i(!1),a(""),e(void 0),n(u.generateEmbeddedMetic.error.message)):(o(c.queryPrompt),n(""),i(!1),a(((d=u.generateEmbeddedMetic)==null?void 0:d.query)||""),e((f=u.generateEmbeddedMetic)==null?void 0:f.result))},onError:()=>{i(!1),a(""),e(void 0),n(an)}})}}},Bc=({onOutsideClick:r,wrapRef:t})=>{P.useEffect(()=>{const e=n=>{t.current&&(!t.current.contains("composedPath"in n?n.composedPath()[0]:n.target)||!t.current.contains(n.target))&&r()};return document.addEventListener("click",e),()=>{document.removeEventListener("click",e)}},[t,r])},c1=r=>{P.useEffect(()=>{var n,i,a,o,s,l,c,u,h,d;const t=!!(document.querySelector("dbn-dashboard")||document.querySelector("dbn-metric"));if(!r){if(t){const f=document.querySelectorAll("dbn-dashboard");f.length&&f.forEach((g,m)=>{if(g&&g.shadowRoot){const y=document.querySelector(`#dbn-dashboard-${m}-admin-styles`);y&&g.shadowRoot.removeChild(y)}});const p=document.querySelectorAll("dbn-metric");p.length&&p.forEach((g,m)=>{const y=document.querySelector(`#dbn-metric-${m}-admin-styles`);y&&g.shadowRoot&&g.shadowRoot.removeChild(y)});const v=document.querySelector("#dbn-portal");if(v&&v.shadowRoot){const g=document.querySelector("#dbn-portal-admin-styles");g&&v.shadowRoot.removeChild(g)}}else{const f=document.querySelector("#dbn-admin-styles");f&&document.head.removeChild(f)}return}let e="";if((n=r.general.fontFamily)!=null&&n.trim()&&(e=`
|
|
461
461
|
.dbn-metric {
|
|
462
462
|
font-family: ${r.general.fontFamily} !important;
|
|
463
463
|
}
|
|
@@ -490,7 +490,7 @@ Check the top-level render call using <`+he+">.")}return le}}function zo(K,le){{
|
|
|
490
490
|
}`),(d=r.cardDescription.color)!=null&&d.trim()&&(e=`${e}
|
|
491
491
|
.dbn-metric-card-description {
|
|
492
492
|
color: ${r.cardDescription.color} !important;
|
|
493
|
-
}`),t){const f=document.querySelector("dbn-dashboard");if(f&&f.shadowRoot){const g=document.querySelector("#dbn-dashboard-admin-styles");if(g)g.innerHTML=e;else{const m=document.createElement("style");m.setAttribute("id","dbn-dashboard-admin-styles"),m.innerHTML=e,f.shadowRoot.appendChild(m)}}const p=document.querySelectorAll("dbn-metric");p.length&&p.forEach((g,m)=>{if(g.shadowRoot){const y=document.querySelector(`#dbn-metric-${m}-admin-styles`);if(y)y.innerHTML=e;else{const b=document.createElement("style");b.setAttribute("id",`dbn-metric-${m}-admin-styles`),b.innerHTML=e,g.shadowRoot.appendChild(b)}}});const v=document.querySelector("#dbn-portal");if(v&&v.shadowRoot){const g=document.querySelector("#dbn-portal-admin-styles");g&&v.shadowRoot.removeChild(g)}}else{const f=document.querySelector("#dbn-admin-styles")||document.createElement("style");f.setAttribute("id","dbn-admin-styles"),f.innerHTML=e,document.querySelector("#dbn-admin-styles")||document.head.appendChild(f)}},[r])},rN=({externalDashboardId:r,clientId:t})=>{const e=$c(),{data:n,isLoading:i}=e8({clientId:t,externalDashboardId:r},{enabled:!!(t&&r),refetchOnWindowFocus:!1}),[a,o]=P.useMemo(()=>{var u,h;return[((u=n==null?void 0:n.clientDashboardLayout_by_pk)==null?void 0:u.layout)||[],!!((h=n==null?void 0:n.clientDashboardLayout_by_pk)!=null&&h.isLocked)]},[n==null?void 0:n.clientDashboardLayout_by_pk]),{mutateAsync:s,isLoading:l}=R8({onSuccess:u=>{if(!u.insert_clientDashboardLayout_one)return;const h=u.insert_clientDashboardLayout_one;e.setQueryData(["GetExternalDashboardLayout",{clientId:t,externalDashboardId:r}],d=>({...d,clientDashboardLayout_by_pk:h}))}});return{saveLayout:P.useCallback(async(u,h)=>{await s({clientId:t,externalDashboardId:r,layout:u,isLocked:!!h})},[s,t,r]),layout:a,isLayoutLocked:o,isLoadingLayout:i||l}},h1=[{value:"=",label:"Equal to (=)"},{value:"<>",label:"Not equal to (!=)"},{value:"<",label:"Less than (<)"},{value:"<=",label:"Less or equal (<=)"},{value:">",label:"Greater than (>)"},{value:">=",label:"Greater or equal (>=)"},{value:"IN",label:"In"},{value:"NOT IN",label:"Not in"},{value:"LIKE (case sensitive)",label:"Like (case sensitive)"},{value:"REGEX",label:"Regex"},{value:"IS NOT NULL",label:"Is not null"},{value:"IS NULL",label:"Is null"}],nN=[{value:"100",label:"100"},{value:"500",label:"500"},{value:"1000",label:"1000"},{value:"2000",label:"2000"},{value:"5000",label:"5000"}],f1=[{value:"AVG",label:"AVG"},{value:"SUM",label:"SUM"},{value:"COUNT",label:"COUNT"},{value:"COUNT_DISTINCT",label:"COUNT_DISTINCT"},{value:"MAX",label:"MAX"},{value:"MIN",label:"MIN"}],Sg=[{label:"10",value:"10"},{label:"25",value:"25"},{label:"50",value:"50"},{label:"75",value:"75"},{label:"100",value:"100"},{label:"250",value:"250"},{label:"500",value:"500"},{label:"1k",value:"1000"},{label:"2k",value:"2000"},{label:"5k",value:"5000"}],d1=["fixed","real","int","bigint","float","number","integer","int64","float64","double precision","smallint"],p1=["varchar","text","char","text","character(36)","string"],v1=["timestamp_ltz","date","timestamp","timestamp without time zone","timestamp with time zone","datetime"],iN=["array","text[]"],g1=["boolean","bool"],m1=["saved","simple","custom"],Hn={chartType:"line",xAxis:"",yAxisList:[],singleValue:"",sankeyValues:[],metricFilterPosition:"top-left",step:"",measure:"",margins:{marginTop:20,marginBottom:20,marginLeft:5,marginRight:5},labelSettings:{axis:"left",show:!1,position:"hidden",truncateLabelValue:14},legendSettings:{show:!0,top:0,left:0,right:0,bottom:0,position:"horizontal",truncateLegendValue:14},customSettings:{hideSplitLines:"none",hideAxisLines:"none",barWidth:40,barRadius:0,axisLabels:"none",fontSize:14,subHeaderShow:!1,displayText:"",subHeaderFontSize:0,dateFormatter:"none",numberFormatter:"original",xRotation:50,showLabelValues:!1,comparisonTimePeriod:0,comparisonTimeColumn:"",comparisonValueShow:!1,comparisonValueFontSize:12,comparisonSuffix:"",isShowTrendLine:!1},tableSettings:{contentAlignment:"center",lineGap:"small",hideVerticalDivider:!1,enableStripedRows:!1,showRowHover:!1,showTableTitle:!1,showTableDesc:!1,enableTableSearch:!0,enableFilter:!0,enableSorting:!0,defaultRowSize:"10",isServerSidePagination:!1,conditionalFormatting:[]},pivotTableSettings:{rows:[],columns:[]},axisSettings:{axis:"left"},backGroundColor:{show:!1},timeSeriesSettings:{groupBySettings:{isDynamic:!1,options:[],value:"monthly"},seriesType:[]},isDynamicSeries:!1,isMultiDimension:!1,seriesField:"ungrouped",seriesOptions:["ungrouped"]},Qf=[{value:"isEqualTo",label:"is equal to"},{value:"isNotEqualTo",label:"is not equal to"},{value:"isNull",label:"is null"},{value:"isNotNull",label:"is not null"},{value:"contains",label:"contains"},{value:"doesNotContain",label:"not contain"},{value:"startsWith",label:"starts with"},{value:"endsWith",label:"ends with"},{value:"isLessThan",label:"is less than"},{value:"isGreaterThan",label:"is greater than"},{value:"isLessThanOrEqualTo",label:"is less than equal to"},{value:"isGreaterThanOrEqualTo",label:"is greater than equal to"}],n6=Object.freeze(Object.defineProperty({__proto__:null,ARRAY_TYPES:iN,AVAILABLE:t6,AggregateList:f1,BOOLEAN_TYPES:g1,BOXPLOT:q8,CHART_TAB:Y8,CHART_TYPES:me,CLIENT_NAME_VAR:t1,CLIENT_NAME_VAR_NUM:o1,CONFIG:Fc,DATABASE:s1,DATABASE_NAME:a1,DATE_NUM:eN,DATE_TYPES:v1,DEFAULT_CHART_SETTINGS:Hn,DESTINATIONS:i1,DOUGHNUT:r1,FORMATTING_CONDITIONS_OPTIONS:Qf,FREQUENCY:tN,GENERAL:Ts,INPUT_TABLE:jc,NONE:K8,NUMBER_FORMAT:u1,NUMBER_TYPES:d1,OUTPUT_TABLE:zc,PIE:n1,QUERY_TAB:Z8,RAW_CSV_OPTIONS:J8,REQUESTED:e6,RLS_CONDITIONS:G8,RowLimitList:nN,SANKEY:XL,SOMETHING_WENT_WRONG:an,STATUS_TAB:H8,STREAM_TAB:U8,STRING_TYPES:p1,TABLE:X8,TABLE_TAB:Q8,TIME:KL,TIME_ZONES:JL,TableRowsList:Sg,WEEK_DAYS:l1,configTabs:m1,operatorList:h1},Symbol.toStringTag,{value:"Module"})),i6=(r,t)=>{let e=r.replace(/;([^;]*)$/,"");const n=parseInt(t,10);if(e.toLowerCase().includes("limit")){const i=parseInt(e.toLowerCase().split("limit")[1].trim(),10),a=Math.min(i,n);e=e.replace(`limit ${i}`,`limit ${a}`),e=e.replace(`LIMIT ${i}`,`LIMIT ${a}`)}else e+=` limit ${n}`;return e},a6=({limit:r,query:t,clientName:e,tenancyType:n,values:i})=>{const a=i6(t,r),o=e?n===s1?a.replace(new RegExp(a1,"g"),e):Number(e)?a.replace(new RegExp(o1,"g"),e):a.replace(new RegExp(t1,"g"),e):a;return i?o.replace(/[^']+_variable/g,l=>`${i[l]}`):o},aN=({clientName:r,tenancyType:t,values:e,query:n,companyId:i,workspaceId:a,metricId:o})=>{const{mutate:s}=w8();return{getUnderlyingData:({columnName:c,value:u,setData:h,setLoading:d,isSingleValueChart:f})=>{const p=a6({query:n,limit:"5000",clientName:r,tenancyType:t,values:e});h([]),d(!0),s({columnName:f?void 0:c,companyId:i,query:p,value:f||u==null?void 0:u.replace(/'/g,"''"),workspaceId:a,metricId:o},{onSuccess(v){var m;const g=(m=v.getUnderlyingData)==null?void 0:m.data;g&&Array.isArray(g)&&g.length?(h(g),d(!1)):(h([]),d(!1))},onError(){h([]),d(!1)}})}}},y1=()=>{const{mutate:r}=o8();return{getGroupByColumnList:({query:e,databaseName:n,onSuccess:i})=>{r({databaseName:n,query:e},{onSuccess({groupbyColumnList:a}){const o=a==null?void 0:a.groupbyColumnList;Array.isArray(o)&&o.length?i(o):i([])},onError(){i([])}})}}},o6=({range:r,count:t,time:e,from:n,to:i})=>{const a=new Date;new Date(a).setDate(a.getDate()-1);const s=a.getMonth(),l=a.getFullYear();let c,u;if(r==="This"){switch(e){case"Year":c=new Date(l,0,1),u=new Date(a);break;case"Month":c=new Date(l,s,1),u=new Date(a);break;case"Week":{const h=a.getDate()-a.getDay();c=new Date(a.setDate(h)),u=new Date(a.setDate(h+6));break}case"Day":c=new Date(a),u=new Date(a);break;default:c=new Date(0),u=new Date(a)}return{startDate:c,endDate:u}}if(r==="Last"){switch(e){case"Year":{let h,d;t===1?(h=t,d=l-1):(h=t-1,d=l),c=new Date(l-h,0,1),u=new Date(d,11,31);break}case"Month":{const h=t===1?s-1:s-t+1;c=new Date(l,h,1),u=new Date(l,s,t===1?0:31);break}case"Week":{const h=new Date(a.setDate(a.getDate()-(a.getDay()+1)%7)),d=new Date(h.getFullYear(),h.getMonth(),h.getDate()-6),f=t-1;c=new Date(d.setDate(d.getDate()-7*f)),u=new Date(h.setDate(h.getDate()-7*(f-1))),f===0&&(u=new Date(a));break}case"Day":c=new Date(a),c.setDate(a.getDate()-t),u=new Date(a);break;default:c=new Date(0),u=new Date(a)}return{startDate:c,endDate:u}}return{startDate:n||new Date(0),endDate:i||new Date(a)}},s6=({data:r,format:t,measureColumn:e,timeColumn:n,dimensionColumn:i,startDate:a})=>r.reduce((s,l)=>{const c=Number(l[e]),u=new Date(l[n]);let h;switch(t){case"Week":{h=`Week ${Math.ceil((u.getDate()+a.getDay())/7)}`;break}case"Quarter":{const f=Math.ceil((u.getMonth()+1)/3),p=u.getFullYear();h=`Q${f} ${p}`;break}case"Month":{h=`${u.toLocaleString("default",{month:"long"})} ${u.getFullYear()}`;break}case"Day":{h=["Sunday","Monday","Tuesday","Wednesday","Thursday","Friday","Saturday"][u.getDay()];break}default:h=l[n]}const d=s.find(f=>f[i]===h);return d?d[e]+=c:s.push({[i]:h,[e]:c}),s},[]),l6=({dimensionColumn:r,endDate:t,measureColumn:e,format:n,groupedDataList:i,time:a,count:o,range:s})=>{const l=new Date().getFullYear(),c=l-1;let u=[],h=[];if(o===1&&s==="This"&&(u=Array.from({length:12},(v,g)=>({[r]:`${new Date(2e3,g,1).toLocaleString("default",{month:"long"})} ${l}`,[e]:0})),h=[{[r]:`Q1 ${l}`,[e]:0},{[r]:`Q2 ${l}`,[e]:0},{[r]:`Q3 ${l}`,[e]:0},{[r]:`Q4 ${l}`,[e]:0}]),o===1&&s==="Last"&&(u=Array.from({length:12},(v,g)=>({[r]:`${new Date(2e3,g,1).toLocaleString("default",{month:"long"})} ${c}`,[e]:0})),h=[{[r]:`Q1 ${c}`,[e]:0},{[r]:`Q2 ${c}`,[e]:0},{[r]:`Q3 ${c}`,[e]:0},{[r]:`Q4 ${c}`,[e]:0}]),o>1&&s==="Last"){for(let v=l-o+1;v<=l;v++)for(let g=0;g<12;g++)u.push({[r]:`${new Date(v,g,1).toLocaleString("default",{month:"long"})} ${new Date(v,g,1).getFullYear()}`,[e]:0});for(let v=l-o;v<=l;v++)h.push({[r]:`Q1 ${v}`,[e]:0},{[r]:`Q2 ${v}`,[e]:0},{[r]:`Q3 ${v}`,[e]:0},{[r]:`Q4 ${v}`,[e]:0})}const d=Array.from({length:4},(v,g)=>({[r]:`Week ${g+1}`,[e]:0})),f=[{[r]:"Sunday",[e]:0},{[r]:"Monday",[e]:0},{[r]:"Tuesday",[e]:0},{[r]:"Wednesday",[e]:0},{[r]:"Thursday",[e]:0},{[r]:"Friday",[e]:0},{[r]:"Saturday",[e]:0}];let p=[];switch(`${s}${o>1?` ${o} `:" "}${a} By ${n}`){case"This Year By Month":case"Last Year By Month":case`Last ${o} Year By Month`:{p=u.map(v=>{const g=i.find(m=>m[r]===v[r]);return g||v});break}case"This Year By Quarter":case"Last Year By Quarter":case`Last ${o} Year By Quarter`:{p=h.map(v=>{const g=i.find(m=>m[r]===v[r]);return g||v});break}case"This Month By Week":case"Last Month By Week":{p=d.map(v=>{const g=i.find(m=>m[r]===v[r]);return g||v});break}case"This Week By Day":case"Last Week By Day":{p=f.map(v=>{const g=i.find(m=>m[r]===v[r]);return g||v});break}case"This Quarter By Month":{const g=(Math.ceil((t.getMonth()+1)/3)-1)*3,m=g+2;p=u.slice(g,m+1).map(b=>{const w=i.find(x=>x[r]===b[r]);return w||b});break}case"Last Quarter By Month":{const v=Math.ceil((t.getMonth()+1)/3),m=((v===1?4:v-1)-1)*3,y=m+2;p=u.slice(m,y+1).map(w=>{const x=i.find(_=>_[r]===w[r]);return x||w});break}case`Last ${o} Month By Month`:{p=Array.from({length:o},(v,g)=>{const m=new Date(t.getFullYear(),t.getMonth()-g,1);return{[r]:`${m.toLocaleString("default",{month:"long"})} ${m.getFullYear()}`,[e]:0}}).reverse().map(v=>{const g=i.find(m=>m[r]===v[r]);return g||v});break}default:p=i}return p},u6=({data:r,dimensionColumn:t,measureColumn:e,timeColumn:n,option:i})=>{const{endDate:a,startDate:o}=o6({range:i.range,count:i.count,from:i.startDate,to:i.endDate,time:i.time});if(i.time==="Week"&&i.count>1)return r.map(u=>({[t]:u[t],[e]:u[e]}));const s=s6({data:r,dimensionColumn:t,format:i.format,measureColumn:e,startDate:o,timeColumn:n}),l=Object.values(s);return i.name==="Custom"?l:l6({dimensionColumn:t,endDate:a,format:i.format,groupedDataList:l,measureColumn:e,time:i.time,count:i.count,range:i.range})},b1=({metric:r,globalFilters:t={tableName:"",filters:[]},rlsFilters:e,clientId:n,chartSettings:i,setChartSettings:a,tenancyLevel:o})=>{var G,$,U,Z,Y,q,V,X;const[s,l]=P.useState({limit:10,offset:0}),[c,u]=P.useState(0),[h,d]=P.useState(r.rlsConditions||[]),[f,p]=P.useState(!1),[v,g]=P.useState(),[m,y]=P.useState([]),[b,w]=P.useState(!0),[x,_]=P.useState([]),[D,A]=P.useState([]),[T,I]=P.useState(!1),[S,M]=P.useState([]),{data:L,isLoading:N}=ZL({id:r.id,drillFilters:(G=r==null?void 0:r.drillDownSettings)!=null&&G.isEnableGroupBy?x:[],clientId:n,tenancyLevel:o,rlsConditions:S,globalFilters:t,filterValues:e==null?void 0:e.filterValues,limit:($=i==null?void 0:i.tableSettings)!=null&&$.isServerSidePagination&&(i==null?void 0:i.chartType)===me.table?s.limit:void 0,offset:(U=i==null?void 0:i.tableSettings)!=null&&U.isServerSidePagination&&(i==null?void 0:i.chartType)===me.table?s.offset:void 0},{refetchOnWindowFocus:!1}),E=P.useMemo(()=>{var Q,ie;return!!h.length&&((ie=(Q=h.find(te=>te.isAddOnMetrics&&te.datatype==="date"&&te.columnName===i.xAxis))==null?void 0:Q.options)==null?void 0:ie.every(te=>te.format))},[h,i]);P.useEffect(()=>{var Q;(Q=h==null?void 0:h.filter(ie=>ie.isAddOnMetrics))!=null&&Q.length?M(o==="DATABASE"?r.rlsConditions.filter(ie=>ie.isAddOnMetrics&&ie.datatype!=="date").map(ie=>{var te;return{...ie,tableName:`${n}.${ie.tableName.split(".").slice(1).join(".")}`,dimensionColumn:i.xAxis||"",measureColumn:((te=i.yAxisList)==null?void 0:te[0])||""}}):h.filter(ie=>ie.isAddOnMetrics).map(ie=>{var te;return{...ie,dimensionColumn:i.xAxis||"",measureColumn:((te=i.yAxisList)==null?void 0:te[0])||""}})):M([])},[h]);const k=P.useMemo(()=>{var Q,ie,te,re,ue;return(i==null?void 0:i.chartType)===me.singleValue&&!!((Q=i==null?void 0:i.customSettings)!=null&&Q.comparisonValueShow)&&!!((ie=i==null?void 0:i.customSettings)!=null&&ie.comparisonTimeColumn)&&!!((te=i==null?void 0:i.customSettings)!=null&&te.comparisonTimeGrain)&&!!((re=i==null?void 0:i.customSettings)!=null&&re.comparisonTimePeriod)&&!!((ue=i==null?void 0:i.customSettings)!=null&&ue.comparisonTableName)&&!!(i!=null&&i.singleValue)},[i]);P.useEffect(()=>{var ie,te,re;const Q=(ie=L==null?void 0:L.externalMetricQuery)!=null&&ie.data?JSON.parse(L.externalMetricQuery.data):[];if((i==null?void 0:i.chartType)===me.table&&u(((te=L==null?void 0:L.externalMetricQuery)==null?void 0:te.totalRecords)||0),E){const ue=h.find(_e=>_e.isAddOnMetrics&&_e.datatype==="date");if(ue){const _e=u6({data:Q||[],dimensionColumn:ue.columnName,measureColumn:((re=i.yAxisList)==null?void 0:re[0])||"",option:ue.options.find(Ce=>Ce.name===ue.value),timeColumn:i.xAxis||ue.columnName});y(_e)}else y(Q??[])}else y(Q??[])},[(Z=L==null?void 0:L.externalMetricQuery)==null?void 0:Z.data,E,k]);const O=Q=>Q.includes("____")?Q.split("____")[1]:Q;P.useEffect(()=>{var Q;(Q=r==null?void 0:r.drillDownSettings)!=null&&Q.isEnableGroupBy&&m.length&&a(ie=>{var te,re,ue,_e,Ce,Qe,Ke,Rt;return{...ie,xAxis:O(((_e=(te=r==null?void 0:r.datasetMetricSettings)==null?void 0:te.selectedDimensions)==null?void 0:_e[x.length<((ue=(re=r==null?void 0:r.datasetMetricSettings)==null?void 0:re.selectedDimensions)==null?void 0:ue.length)?x.length:0])||"none"),yAxisList:(Qe=(Ce=r==null?void 0:r.datasetMetricSettings)==null?void 0:Ce.metrics)==null?void 0:Qe.map(de=>{var De;return(De=de==null?void 0:de.as)==null?void 0:De.replace(/["`]+/g,"")}),chartType:((Rt=(Ke=r==null?void 0:r.datasetMetricSettings)==null?void 0:Ke.selectedDimensions)==null?void 0:Rt.length)===(x==null?void 0:x.length)?"table":r.chartOptions.chartType}})},[m,r.drillDownSettings,r==null?void 0:r.datasetMetricSettings,x]),P.useEffect(()=>{N&&w(!0),!m.length&&!N&&setTimeout(()=>{w(!1)},5e3)},[N,m]);const R=P.useCallback((Q,ie,te,re)=>{d(te?ue=>ue.map(_e=>_e.name===Q?{..._e,value:ie,options:_e.options.map(Ce=>Ce.name==="Custom"?{...Ce,...te}:Ce)}:_e):re?ue=>ue.map(_e=>_e.name===Q?{..._e,value:re.map(Ce=>Ce.value)}:_e):ue=>ue.map(_e=>_e.name===Q?{..._e,value:ie}:_e))},[]),j=P.useCallback(Q=>{E||(Q.event&&Q.event.event.preventDefault(),g(Q))},[h]),{getUnderlyingData:z}=aN({clientName:n,tenancyType:o,values:e==null?void 0:e.filterValues,companyId:r==null?void 0:r.companyId,query:r==null?void 0:r.query,workspaceId:(Y=r==null?void 0:r.companyIntegration)==null?void 0:Y.workspaceId,metricId:r==null?void 0:r.id}),W=P.useMemo(()=>Array.isArray(m)&&m.length&&(v!=null&&v.name)?m.map(Q=>{const ie=Object.entries(Q).find(([,te])=>te===v.name);return ie==null?void 0:ie[0]}).filter(Q=>Q)[0]:"",[m,v==null?void 0:v.name]),B=P.useCallback(Q=>{const ie=Array.isArray(m)&&m.length&&(Q!=null&&Q.name)?m.map(te=>{const re=Object.entries(te).find(([,ue])=>ue===Q.name);return re==null?void 0:re[0]}).filter(te=>te)[0]:"";_(ie?te=>{var re;return((re=r==null?void 0:r.datasetMetricSettings)==null?void 0:re.selectedDimensions.length)>te.length?[...te,{columnName:ie,value:Q==null?void 0:Q.name}]:[]}:[])},[m,r==null?void 0:r.datasetMetricSettings,r==null?void 0:r.drillDownSettings]),{getGroupByColumnList:H}=y1();return P.useEffect(()=>{r.query&&H({query:r==null?void 0:r.query,databaseName:(r==null?void 0:r.integrationName)||"",onSuccess:Q=>A(Q)}),m!=null&&m.length&&D.length&&I(!0)},[m,D.length,r==null?void 0:r.integrationName,r.query]),{onDrillDown:B,handleChartClick:j,dataDb:m,getUnderlyingData:z,onChangeFilterValue:R,isShowChartPopup:f,setShowChartPopup:p,columnName:W,chartParams:v,isQueryLoading:N||b,setLoading:w,drilledLevel:x.length,dimensions:((V=(q=r==null?void 0:r.datasetMetricSettings)==null?void 0:q.selectedDimensions)==null?void 0:V.map(Q=>O(Q||"none")))||[],rlsConditions:h,setTableLimit:l,isEnableNextBtn:c>(s==null?void 0:s.limit)+(s==null?void 0:s.offset),isEnablePrevBtn:(s==null?void 0:s.offset)!==0,paginationInfo:{limit:s==null?void 0:s.limit,offset:s==null?void 0:s.offset,totalRecords:c},onChangePage:(Q,ie)=>{l(ie?{limit:ie,offset:0}:te=>({limit:te.limit,offset:Q?te.offset>te.limit?te.offset-te.limit:0:te.offset+te.limit}))},isExternalChart:((X=i==null?void 0:i.tableSettings)==null?void 0:X.isServerSidePagination)&&(i==null?void 0:i.chartType)===me.table,isEnablePivotTable:T,groupByList:D,updateFilter:Q=>{d(ie=>ie.map(te=>te.name===Q.name&&te.datatype===Q.datatype&&te.tableName===Q.tableName&&te.columnName===Q.columnName?{...te,isAddOnMetrics:!te.isAddOnMetrics}:te))}}},oN=({dashboardId:r,clientId:t,metricId:e,onSuccess:n})=>{const i=$c(),{mutateAsync:a,isLoading:o}=I8({onSuccess:l=>{l.insert_clientDeletedMetrics_one&&(i.setQueryData(["EmbeddedDashboardMetrics",{externalDashboardId:r,clientId:t}],c=>{var h;const u=(h=c==null?void 0:c.externalDashboardMetrics)==null?void 0:h.filter(d=>d.externalMetricId!==e);return{...c,externalDashboardMetrics:u}}),n())}});return{handleArchiveMetric:P.useCallback(async()=>{!e||!t||await a({id:e,clientId:t})},[a,e,t]),isLoading:o}},sN=({token:r,metricId:t})=>{const[e,n]=P.useState(!0),{data:i,isLoading:a}=EQ({guestToken:r,metricId:t},{enabled:!!(r&&t)}),{externalMetric:o,sharingSettingsId:s,adminTheme:l,params:c,companyId:u,clientId:h,errorMsg:d}=P.useMemo(()=>{var g,m,y,b,w,x,_,D;return{externalMetric:(g=i==null?void 0:i.embeddedMetricData)==null?void 0:g.externalMetric,adminTheme:(m=i==null?void 0:i.embeddedMetricData)==null?void 0:m.adminTheme,sharingSettingsId:(y=i==null?void 0:i.embeddedMetricData)==null?void 0:y.sharingSettingsId,errorMsg:(w=(b=i==null?void 0:i.embeddedMetricData)==null?void 0:b.error)==null?void 0:w.message,params:(x=i==null?void 0:i.embeddedMetricData)==null?void 0:x.params,companyId:(_=i==null?void 0:i.embeddedMetricData)==null?void 0:_.companyId,clientId:(D=i==null?void 0:i.embeddedMetricData)==null?void 0:D.clientId}},[i==null?void 0:i.embeddedMetricData]),f=P.useMemo(()=>{var g;return l?(g=l.chart.palettes.find(m=>m.name===l.chart.selected))==null?void 0:g.colors:null},[l]),{rlsSettings:p,tenancyLevel:v}=P.useMemo(()=>{var m;if(!c)return{rlsSettings:void 0,tenancyLevel:"TABLE"};const g=JSON.parse(c);return{rlsSettings:(m=g.rlsSettings)==null?void 0:m.find(y=>y.metricId===t),tenancyLevel:g.companyTenancyType||"TABLE"}},[c,t]);return c1(l),P.useEffect(()=>{a&&n(!0),(o||d)&&n(!1)},[a,o,d]),{externalMetric:o,sharingSettingsId:s,adminColors:f,companyId:u,clientId:h,rlsSettings:p,tenancyLevel:v,isLoading:e,errorMsg:d}},c6=Object.freeze(Object.defineProperty({__proto__:null,useApplyAdminTheme:c1,useArchiveMetric:oN,useClientDashboardLayout:rN,useEmbeddedDashboard:qL,useEmbeddedMetric:sN,useExternalMetric:e1,useGenerateDatasetMetrics:_g,useGenerateEmbeddedMetric:r6,useMetricCard:b1,useOutsideAlerter:Bc,useSqlMetadata:y1,useUnderlyingData:aN},Symbol.toStringTag,{value:"Module"})),h6=({name:r,label:t,options:e=[],onChange:n,value:i,defaultValue:a,children:o,placeHolder:s,className:l="",containerClass:c="",isSearchEnabled:u,textSize:h,icon:d,labelVariant:f="static"})=>{const[p,v]=P.useState(""),[g,m]=P.useState(20),y=i||a?e.find(x=>x.value===i||x.value===a):{label:s||"Select an option"},b={fontSize:h},w=P.useMemo(()=>p?e.filter(x=>x.label.toLowerCase().includes(p)).slice(0,g):e.slice(0,g),[p,e,g]);return C.jsx(Wn,{value:i,name:r,onChange:n,as:"div",className:`${ge.listbox} ${c}`,children:({open:x})=>C.jsxs(C.Fragment,{children:[d,t?C.jsx(Wn.Label,{className:`${ge["listBox-label"]} ${f==="floating"?ge["listBox-labelFloating"]:""}`,children:t}):null,C.jsxs("div",{className:`${ge.listboxButtonWrapper} ${l}`,children:[C.jsxs(Wn.Button,{className:`${ge["listBoxButton-container"]} ${f==="floating"?ge["listBoxButton-containerFloating"]:""}`,children:[C.jsx("span",{className:ge.selectedOptionText,children:y==null?void 0:y.label}),C.jsx("span",{className:ge.listBoxButton,children:C.jsx(Uf,{className:ge.arrowicon,"aria-hidden":"true"})})]}),C.jsx(Wl,{show:x,as:P.Fragment,leave:ge.leave,leaveFrom:ge.leaveFrom,leaveTo:ge.leaveTo,children:C.jsx(Wn.Options,{className:ge["listBox-options"],children:C.jsxs(C.Fragment,{children:[u&&C.jsx(Hl,{className:ge.search,setSearchKeyword:v}),w.length===0?C.jsx("div",{className:ge.notAvailable,children:"Not Available."}):w.map(_=>C.jsx(Wn.Option,{className:({selected:D,active:A})=>Xt(D||A?ge.activeOption:ge.inactiveOption,ge.option),value:_.value,children:({selected:D})=>C.jsxs(C.Fragment,{children:[C.jsx("span",{className:ge.optionLabel,style:b,children:_.label}),D?C.jsx("span",{className:ge.check,children:C.jsx(Qw,{className:ge.checkIcon,"aria-hidden":"true"})}):null]})},_.value)),g<=e.length&&C.jsxs(Te,{variant:"secondary",type:"button",onClick:()=>m(g+30),className:ge.loadMore,children:["Load More",C.jsx(Ze,{name:"double-arrow-left-icon",className:ge.loadMoreIcon})]}),o]})})})]})]})})},ur=({name:r,label:t,options:e=[],onChange:n,value:i,defaultValue:a,children:o,placeHolder:s,className:l="",containerClass:c="",isSearchEnabled:u,textSize:h,icon:d,labelVariant:f="static"})=>{const[p,v]=P.useState(""),[g,m]=P.useState(20),[y,b]=P.useState(!1),w=P.useRef(),x=i||a?e.find(A=>A.value===i||A.value===a):{label:s||"Select an option"},_={fontSize:h},D=P.useMemo(()=>p?e.filter(A=>A.label.toLowerCase().includes(p)).slice(0,g):e.slice(0,g),[p,e,g]);return Bc({wrapRef:w,onOutsideClick:()=>b(!1)}),C.jsxs("div",{ref:w,className:`${ge.listbox} ${c}`,children:[d,t?C.jsx("label",{className:`${ge["listBox-label"]} ${f==="floating"?ge["listBox-labelFloating"]:""}`,children:t}):null,C.jsxs("div",{className:`${ge.listboxButtonWrapper} ${l}`,children:[C.jsxs(Te,{className:`${ge["listBoxButton-container"]} ${f==="floating"?ge["listBoxButton-containerFloating"]:""}`,type:"button",variant:"custom",name:r,onClick:()=>b(A=>!A),children:[C.jsx("span",{className:ge.selectedOptionText,children:x==null?void 0:x.label}),C.jsx("span",{className:ge.listBoxButton,children:C.jsx(Uf,{className:ge.arrowicon,"aria-hidden":"true"})})]}),C.jsx(Wl,{show:y,as:P.Fragment,leave:ge.leave,leaveFrom:ge.leaveFrom,leaveTo:ge.leaveTo,children:C.jsx("div",{className:ge["listBox-options"],children:C.jsxs(C.Fragment,{children:[u&&C.jsx(Hl,{className:ge.search,setSearchKeyword:v}),D.length===0?C.jsx("div",{className:ge.notAvailable,children:"Not Available."}):D.map(A=>C.jsxs(Te,{className:Xt(i===A.value?ge.activeOption:ge.inactiveOption,ge.option),type:"button",variant:"custom",onClick:()=>{n==null||n(A.value),b(!1)},children:[C.jsx("span",{className:ge.optionLabel,style:_,children:A.label}),i===A.value?C.jsx("span",{className:ge.check,children:C.jsx(Qw,{className:ge.checkIcon,"aria-hidden":"true"})}):null]},A.value)),g<=e.length&&C.jsxs(Te,{variant:"secondary",type:"button",onClick:()=>m(g+30),className:ge.loadMore,children:["Load More",C.jsx(Ze,{name:"double-arrow-left-icon",className:ge.loadMoreIcon})]}),o]})})})]})]})},Zf=({control:r,name:t,...e})=>C.jsx(Kv,{control:r,name:t,render:({field:{onChange:n,value:i}})=>C.jsx(ur,{...e,onChange:n,value:i})}),lN=({label:r,options:t,onChange:e,value:n,defaultValue:i})=>{const a=n?t==null?void 0:t.find(o=>o.value.value===n):{label:i};return C.jsx(Wn,{value:n,onChange:e,children:({open:o})=>C.jsxs(C.Fragment,{children:[C.jsx(Wn.Label,{className:ge["listBox-label"],children:r}),C.jsxs("div",{className:ge.listboxButtonWrapper,children:[C.jsxs(Wn.Button,{className:ge["listBoxButton-container"],children:[C.jsx("span",{className:ge.selectedOptionText,children:a==null?void 0:a.label}),C.jsx("span",{className:ge.listBoxButton,children:C.jsx(Uf,{className:ge.arrowicon,"aria-hidden":"true"})})]}),C.jsx(Wl,{show:o,as:P.Fragment,leave:ge.leave,leaveFrom:ge.leaveFrom,leaveTo:ge.leaveTo,children:C.jsx(Wn.Options,{className:ge["listBox-options"],children:t==null?void 0:t.map(s=>C.jsx(Wn.Option,{className:({active:l})=>Xt(l?ge.activeOption:ge.inactiveOption,ge.option),value:s.value.value,children:({selected:l,active:c})=>C.jsxs(C.Fragment,{children:[C.jsx("span",{className:Xt(l?ge.selectedLabel:ge.nonselectedLabel,ge.optionLabel),children:s.label}),C.jsx("span",{className:Xt(l?ge.selectedLabel:ge.nonselectedLabel,ge.optionLabel,ge.optionSubLabel),children:s.value.subValue}),l?C.jsx("span",{className:Xt(c?ge.checkActive:ge.checkInactive,ge.check),children:C.jsx(Qw,{className:ge.checkIcon,"aria-hidden":"true"})}):null]})},`${s.value.value}_${s.value.subValue}`))})})]})]})})},f6=({control:r,name:t,options:e,label:n,defaultValue:i})=>C.jsx(Kv,{control:r,name:t,render:({field:{onChange:a,value:o}})=>C.jsx(lN,{onChange:a,options:e,value:o,label:n,defaultValue:i})}),d6=({options:r,defaultValue:t,value:e,onChange:n,label:i,name:a,className:o="",children:s,placeHolder:l,onClick:c,isSearchEnabled:u,containerClass:h="",labelVariant:d="static",icon:f})=>{const[p,v]=P.useState(""),[g,m]=P.useState(20),y=P.useMemo(()=>p?r.filter(b=>b.label.toLowerCase().includes(p)).slice(0,g):r.slice(0,g),[p,r,g]);return C.jsx(C.Fragment,{children:C.jsxs(Wn,{value:e,onChange:n,defaultValue:t,multiple:!0,name:a,as:"div",className:`${ge.listbox} ${h}`,children:[f,i?C.jsx(Wn.Label,{className:`${ge["listBox-label"]} ${d==="floating"?ge["listBox-labelFloating"]:""}`,children:i}):null,C.jsxs("div",{className:ge.listboxButtonWrapper,children:[C.jsxs(Wn.Button,{className:`${ge["listBoxButton-container"]} ${o} ${d==="floating"?ge["listBoxButton-containerFloating"]:""}`,onClick:c,children:[C.jsx("span",{className:ge.selectedOptionText,children:l||"Choose options from list"}),C.jsx("span",{className:ge.listBoxButton,children:C.jsx(Uf,{className:ge.arrowicon,"aria-hidden":"true"})})]}),C.jsx(Wl,{as:"div",leave:ge.leave,leaveFrom:ge.leaveFrom,leaveTo:ge.leaveTo,className:ge.transitionDiv,children:C.jsxs(Wn.Options,{className:ge["listBox-options"],children:[u&&C.jsx(Hl,{className:ge.search,setSearchKeyword:v}),y.length===0?C.jsx("div",{className:ge.notAvailable,children:"Not Available."}):y.map(b=>C.jsx(Wn.Option,{className:({selected:w,active:x})=>Xt(w?ge.optionSelected:"",x?ge.activeOption:"",ge.option),value:b.value,children:({selected:w})=>C.jsxs(C.Fragment,{children:[C.jsx("span",{className:ge.check,children:w?C.jsx("div",{className:ge.checkIconSelected,children:C.jsx(LL,{color:"white"})}):C.jsx("div",{className:ge.checkIconUnselected})}),C.jsx("span",{className:`${ge.optionLabel}`,children:b.label})]})},b.value)),g<=r.length&&C.jsxs(Te,{variant:"secondary",type:"button",onClick:()=>m(g+30),className:ge.loadMore,children:["Load More",C.jsx(Ze,{name:"double-arrow-left-icon",className:ge.loadMoreIcon})]}),s]})})]}),e!=null&&e.length?C.jsx("div",{className:ge.selectedList,children:e.map(b=>{var w;return C.jsx(we,{styleClass:"font-14c",variant:"p",className:ge.selectedListItem,children:(w=r.find(x=>x.value===b))==null?void 0:w.label})})}):null]})})},Vi=({options:r,defaultValue:t,value:e,onChange:n,label:i,name:a,className:o="",children:s,placeHolder:l,onClick:c,isSearchEnabled:u,containerClass:h="",labelVariant:d="static",icon:f})=>{const[p,v]=P.useState(""),[g,m]=P.useState(20),[y,b]=P.useState(!1),w=P.useRef(),x=P.useMemo(()=>p?r.filter(_=>_.label.toLowerCase().includes(p)).slice(0,g):r.slice(0,g),[p,r,g]);return Bc({wrapRef:w,onOutsideClick:()=>b(!1)}),P.useEffect(()=>{t&&t.length&&(n==null||n(t))},[]),C.jsx(C.Fragment,{children:C.jsxs("div",{ref:w,className:`${ge.listbox} ${h}`,children:[f,i?C.jsx("label",{className:`${ge["listBox-label"]} ${d==="floating"?ge["listBox-labelFloating"]:""}`,children:i}):null,C.jsxs("div",{className:ge.listboxButtonWrapper,children:[C.jsxs(Te,{className:`${ge["listBoxButton-container"]} ${o} ${d==="floating"?ge["listBoxButton-containerFloating"]:""}`,variant:"custom",type:"button",onClick:()=>b(_=>!_),name:a,children:[C.jsx("span",{className:ge.selectedOptionText,children:l||"Choose options from list"}),C.jsx("span",{className:ge.listBoxButton,children:C.jsx(Uf,{className:ge.arrowicon,"aria-hidden":"true"})})]}),C.jsx(Wl,{show:y,as:P.Fragment,leave:ge.leave,leaveFrom:ge.leaveFrom,leaveTo:ge.leaveTo,children:C.jsxs("div",{className:ge["listBox-options"],children:[u&&C.jsx(Hl,{className:ge.search,setSearchKeyword:v}),x.length===0?C.jsx("div",{className:ge.notAvailable,children:"Not Available."}):x.map(_=>C.jsxs(Te,{className:Xt(e!=null&&e.includes(_.value)?ge.optionSelected:"",ge.option),type:"button",variant:"custom",onClick:()=>{e!=null&&e.find(D=>D===_.value)?n==null||n(e.filter(D=>D!==_.value)):n==null||n([...e||[],_.value]),c==null||c()},children:[C.jsx("span",{className:ge.check,children:e!=null&&e.includes(_.value)?C.jsx("div",{className:ge.checkIconSelected,children:C.jsx(LL,{color:"white"})}):C.jsx("div",{className:ge.checkIconUnselected})}),C.jsx("span",{className:`${ge.optionLabel}`,children:_.label})]},_.value)),g<=r.length&&C.jsxs(Te,{variant:"secondary",type:"button",onClick:()=>m(g+30),className:ge.loadMore,children:["Load More",C.jsx(Ze,{name:"double-arrow-left-icon",className:ge.loadMoreIcon})]}),s]})})]}),e!=null&&e.length?C.jsx("div",{className:ge.selectedList,children:e.map(_=>{var D;return C.jsx(we,{styleClass:"font-14c",variant:"p",className:ge.selectedListItem,children:(D=r.find(A=>A.value===_))==null?void 0:D.label},_)})}):null]})})},uN=({control:r,name:t,...e})=>C.jsx(C.Fragment,{children:C.jsx(Kv,{control:r,name:t,render:({field:{onChange:n,value:i}})=>C.jsx(Vi,{...e,name:t,value:i,onChange:n})})}),Is={label:"_label_1wy7g_1",floatingLabel:"_floatingLabel_1wy7g_7","inputField-container":"_inputField-container_1wy7g_13",checkboxLabel:"_checkboxLabel_1wy7g_19",input:"_input_1wy7g_13",floatingInput:"_floatingInput_1wy7g_31",checkboxField:"_checkboxField_1wy7g_37",inputWrapper:"_inputWrapper_1wy7g_43"},p6={error:"_error_1csa7_1"},qf=({message:r=""})=>C.jsx(we,{variant:"p",styleClass:"custom",className:p6.error,children:r}),Ge=({type:r="text",register:t,error:e,icon:n,label:i,isDisabled:a,labelClass:o,inputClass:s,className:l,labelVariant:c="static",id:u,...h})=>["checkbox","radio"].includes(r)?C.jsxs("div",{className:`${Is.checkboxField} ${l??""}`,children:[C.jsx("input",{...h,type:r,id:u,className:s,...t,disabled:a}),i?C.jsxs("label",{htmlFor:u,className:`${Is.checkboxLabel} ${o}`,children:[n," ",i]}):null]}):C.jsxs("div",{className:`${Is["inputField-container"]} ${l??""}`,children:[i?C.jsx("label",{htmlFor:u,className:`${Is.label} ${c==="floating"?Is.floatingLabel:""} ${o}`,children:i}):null,C.jsxs("div",{className:Is.inputWrapper,children:[C.jsx("input",{...h,id:u,type:r,className:`${Is.input} ${c==="floating"?Is.floatingInput:""} ${s}`,...t,disabled:a}),n]}),e&&C.jsx(qf,{message:e.message})]}),cN=({data:r,chartSettings:t,setChartSettings:e,groupbyList:n})=>{var g,m;const[i,a]=P.useState(""),[o,s]=P.useState(""),[l,c]=P.useState(""),u=P.useMemo(()=>{const y=r?Object.keys(r[0]||{}).map(b=>({value:b,label:b})):[];return y.push({value:"NONE",label:"NONE"}),y},[r]),h=P.useMemo(()=>u==null?void 0:u.filter(y=>!n.includes(y.value)),[u]),d=P.useMemo(()=>u==null?void 0:u.filter(y=>n.includes(y.value)),[u]),f=P.useCallback(y=>{e(b=>({...b,yAxisList:y.filter(w=>w&&w!=="NONE"&&u.map(x=>x.value).includes(w))}))},[u]),p=P.useCallback(y=>{e(b=>({...b,pivotTableSettings:{...t.pivotTableSettings,rows:y.filter(w=>w&&w!=="NONE"&&(h==null?void 0:h.map(x=>x.value).includes(w)))}}))},[t.pivotTableSettings,u,e]),v=P.useCallback(y=>{e(b=>({...b,pivotTableSettings:{...t.pivotTableSettings,columns:y.filter(w=>w&&w!=="NONE"&&(d==null?void 0:d.map(x=>x.value).includes(w)))}}))},[t.pivotTableSettings,u,e]);return P.useEffect(()=>{i&&o&&l&&e(y=>({...y,sankeyValues:[i,o,l]}))},[i,o,l]),t.chartType===XL?C.jsxs("div",{className:wi.container,children:[C.jsx(ur,{label:"Source",options:u,onChange:a,value:i}),C.jsx(ur,{label:"Target",options:u,onChange:s,value:o}),C.jsx(ur,{label:"Value",options:u,onChange:c,value:l})]}):t.chartType===me.pivot?C.jsxs("div",{className:wi.container,children:[C.jsx(Vi,{label:"Metrics",name:"metrics",options:h||[],defaultValue:h==null?void 0:h.map(y=>y.value),value:(g=t==null?void 0:t.pivotTableSettings)==null?void 0:g.rows,onChange:p}),C.jsx(Vi,{label:"Group by",name:"groupby",options:d||[],defaultValue:d==null?void 0:d.map(y=>y.value),value:(m=t==null?void 0:t.pivotTableSettings)==null?void 0:m.columns,onChange:v})]}):t.chartType===r1?C.jsx(C.Fragment,{children:!!(t.chartType===r1||n1)&&C.jsxs("div",{className:wi.container,children:[C.jsx(ur,{label:"Dimension",options:u,onChange:y=>e(b=>({...b,xAxis:y})),value:t.xAxis}),C.jsx(Vi,{label:"Measure",name:"yAxisList",options:u,value:t.yAxisList,onChange:f})]})}):t.chartType===n1?C.jsx(C.Fragment,{children:C.jsxs("div",{className:wi.container,children:[C.jsx(ur,{label:"Dimension",options:u,onChange:y=>e(b=>({...b,xAxis:y})),value:t.xAxis}),C.jsx(Vi,{name:"yAxisList",label:"Measure",options:u,value:t.yAxisList,onChange:f})]})}):t.chartType===me.singleValue?C.jsx("div",{className:wi.container,children:C.jsx(ur,{label:"Measure",options:u,onChange:y=>e(b=>({...b,singleValue:y})),value:t.singleValue})}):C.jsx(C.Fragment,{children:C.jsxs("div",{className:wi.container,children:[![me.gauge,me.boxplot,me.table].includes(t.chartType)&&C.jsx(C.Fragment,{children:t.chartType===me.funnel?C.jsx(ur,{label:"Step",options:u,onChange:y=>e(b=>({...b,step:y})),value:t.step}):C.jsx(ur,{label:t.chartType===me.row?"Y-axis":"X-axis",options:u,onChange:y=>e(b=>({...b,xAxis:y})),value:t.xAxis})}),[me.funnel,me.gauge,me.boxplot].includes(t.chartType)?C.jsx(ur,{label:"Measure",options:u,onChange:y=>e(b=>({...b,measure:y})),value:t.measure}):C.jsxs(C.Fragment,{children:[C.jsx(Vi,{label:t.chartType===me.row?"X-axis":t.chartType===me.table?"Measure":"Y-axis",name:"yAxisList",options:u,value:t.yAxisList,onChange:f}),[me.line,me.bar,me.timeSeries,me.stack].includes(t.chartType)?C.jsxs(C.Fragment,{children:[C.jsx(Ge,{type:"checkbox",label:"Multi Series",className:wi.checkboxTooltipWrapper,checked:t==null?void 0:t.isMultiDimension,onChange:y=>e(b=>({...b,isMultiDimension:y.target.checked,isDynamicSeries:!1}))}),C.jsx(Ge,{type:"checkbox",label:"dynamic group",className:wi.checkboxTooltipWrapper,checked:t==null?void 0:t.isDynamicSeries,onChange:y=>e(b=>({...b,isDynamicSeries:y.target.checked,seriesField:"ungrouped"}))})]}):null,[me.line,me.bar,me.timeSeries,me.stack].includes(t.chartType)&&t.isMultiDimension?t.isDynamicSeries?C.jsx(Vi,{label:"Series Column",options:d,onChange:y=>e(b=>({...b,seriesField:(y==null?void 0:y[0])||"ungrouped",seriesOptions:y||[]})),value:t.seriesOptions||[]}):C.jsx(ur,{label:"Series Column",options:[{value:"ungrouped",label:"ungrouped"},...d],onChange:y=>e(b=>({...b,seriesField:y})),value:t.seriesField}):null]})]})})},v6=[{name:"Line",icon:r=>C.jsx("svg",{viewBox:"0 0 24 24",width:"1.2em",height:"1.2em",...r,children:C.jsx("path",{fill:"currentColor",d:"m3.5 18.5l6-6l4 4L22 6.92L20.59 5.5l-7.09 8l-4-4L2 17l1.5 1.5Z"})})},{name:"Bar",icon:r=>C.jsx("svg",{viewBox:"0 0 24 24",width:"1.2em",height:"1.2em",...r,children:C.jsx("path",{fill:"currentColor",d:"M3 22V8h4v14H3m7 0V2h4v20h-4m7 0v-8h4v8h-4Z"})})},{name:"Combo",icon:r=>C.jsxs("svg",{viewBox:"0 0 32 32",width:"1.2em",height:"1.2em",...r,children:[C.jsx("path",{fill:"currentColor",d:"M27 28V16h-8v12h-4V12H7v16H4V2H2v26a2 2 0 0 0 2 2h26v-2Zm-14 0H9V14h4Zm12 0h-4V18h4Z"}),C.jsx("path",{fill:"currentColor",d:"M22.786 14a1.988 1.988 0 0 1-1.18-.387L11.205 5.987L8.242 10L6.637 8.806l2.982-4a1.998 1.998 0 0 1 2.749-.446L22.789 12l3.604-4.86L28 8.33l-3.604 4.862a2.001 2.001 0 0 1-1.61.808Z"})]})},{name:"Scatter",icon:r=>C.jsxs("svg",{viewBox:"0 0 24 24",width:"1.2em",height:"1.2em",...r,children:[C.jsx("path",{fill:"currentColor",d:"M4 21h17v-2H5V3H3v17a1 1 0 0 0 1 1z"}),C.jsx("circle",{cx:10,cy:8,r:2,fill:"currentColor"}),C.jsx("circle",{cx:18,cy:12,r:2,fill:"currentColor"}),C.jsx("circle",{cx:11.5,cy:13.5,r:1.5,fill:"currentColor"}),C.jsx("circle",{cx:16.5,cy:6.5,r:1.5,fill:"currentColor"})]})},{name:"Row",icon:r=>C.jsx("svg",{viewBox:"0 0 24 24",width:"1.2em",height:"1.2em",...r,children:C.jsx("path",{fill:"currentColor",d:"M4 22H2V2h2v20Zm11-1H5v-3h10v3Zm3-5H5v-3h13v3Zm3-5H5V8h16v3Zm-8-5H5V3h8v3Z"})})},{name:"Area",icon:r=>C.jsx("svg",{viewBox:"0 0 1024 1024",width:"1.2em",height:"1.2em",...r,children:C.jsx("path",{fill:"currentColor",d:"M888 792H200V168c0-4.4-3.6-8-8-8h-56c-4.4 0-8 3.6-8 8v688c0 4.4 3.6 8 8 8h752c4.4 0 8-3.6 8-8v-56c0-4.4-3.6-8-8-8zm-616-64h536c4.4 0 8-3.6 8-8V284c0-7.2-8.7-10.7-13.7-5.7L592 488.6l-125.4-124a8.03 8.03 0 0 0-11.3 0l-189 189.6a7.87 7.87 0 0 0-2.3 5.6V720c0 4.4 3.6 8 8 8z"})})},{name:"Pie",icon:r=>C.jsx("svg",{viewBox:"0 0 16 16",width:"1.2em",height:"1.2em",...r,children:C.jsx("path",{fill:"currentColor",d:"M7.5 1.018a7 7 0 0 0-4.79 11.566L7.5 7.793V1.018zm1 0V7.5h6.482A7.001 7.001 0 0 0 8.5 1.018zM14.982 8.5H8.207l-4.79 4.79A7 7 0 0 0 14.982 8.5zM0 8a8 8 0 1 1 16 0A8 8 0 0 1 0 8z"})})},{name:"Waterfall",icon:r=>C.jsxs("svg",{viewBox:"0 0 32 32",width:"1.2em",height:"1.2em",...r,children:[C.jsx("path",{fill:"currentColor",d:"M28 28V18h-2v10h-4V4h-2v24H10V14H8v14H4V2H2v26a2.002 2.002 0 0 0 2 2h26v-2Z"}),C.jsx("path",{fill:"currentColor",d:"M14 4h2v14h-2z"})]})},{name:"Funnel",icon:r=>C.jsx("svg",{viewBox:"0 0 16 16",width:"1.2em",height:"1.2em",...r,children:C.jsx("path",{fill:"currentColor",d:"M1.5 1.5A.5.5 0 0 1 2 1h12a.5.5 0 0 1 .5.5v2a.5.5 0 0 1-.128.334L10 8.692V13.5a.5.5 0 0 1-.342.474l-3 1A.5.5 0 0 1 6 14.5V8.692L1.628 3.834A.5.5 0 0 1 1.5 3.5v-2zm1 .5v1.308l4.372 4.858A.5.5 0 0 1 7 8.5v5.306l2-.666V8.5a.5.5 0 0 1 .128-.334L13.5 3.308V2h-11z"})})},{name:"Bubble",icon:r=>C.jsxs("svg",{viewBox:"0 0 32 32",width:"1.2em",height:"1.2em",...r,children:[C.jsx("path",{fill:"currentColor",d:"M30 30H4a2 2 0 0 1-2-2V2h2v26h26Z"}),C.jsx("path",{fill:"currentColor",d:"M10 16a2 2 0 1 1-2 2a2 2 0 0 1 2-2m0-2a4 4 0 1 0 4 4a4 4 0 0 0-4-4zm11-8a4 4 0 1 1-4 4a4 4 0 0 1 4-4m0-2a6 6 0 1 0 6 6a6 6 0 0 0-6-6zm3.5 17a1.5 1.5 0 1 1-1.5 1.5a1.5 1.5 0 0 1 1.5-1.5m0-2a3.5 3.5 0 1 0 3.5 3.5a3.5 3.5 0 0 0-3.5-3.5z"})]})},{name:"Doughnut",icon:r=>C.jsx("svg",{viewBox:"0 0 24 24",width:"1.2em",height:"1.2em",...r,children:C.jsx("path",{fill:"currentColor",d:"M12.051 21.949a10 10 0 0 1-1-19.949v4.04a5.994 5.994 0 1 0 6.91 6.909H22a10.015 10.015 0 0 1-9.95 9Zm9.95-11h-4.04a5.993 5.993 0 0 0-4.91-4.909V2a10.022 10.022 0 0 1 8.95 8.948v.001Z"})})},{name:"Stepped",icon:r=>C.jsx("svg",{viewBox:"0 0 32 32",width:"1.2em",height:"1.2em",...r,children:C.jsx("path",{fill:"currentColor",d:"M22 10V6H10v6H4V2H2v26a2.002 2.002 0 0 0 2 2h26V10Zm-10 4V8h8v4h8v10h-6v-6H12v6H4v-8ZM4 28v-4h10v-6h6v6h8v4Z"})})},{name:"Histogram",icon:r=>C.jsx("svg",{viewBox:"0 0 24 24",width:"1.2em",height:"1.2em",...r,children:C.jsx("path",{fill:"currentColor",d:"M3 4h1v9h3V7h5v4h4v4h4v6H3V4m13 12v4h3v-4h-3m-4-4v8h3v-8h-3M8 8v12h3V8H8m-4 6v6h3v-6H4Z"})})},{name:"Gauge",icon:r=>C.jsx("svg",{viewBox:"0 0 20 20",width:"1.2em",height:"1.2em",...r,children:C.jsx("path",{fill:"currentColor",d:"M8.127 13.6c-.689 1.197-.225 2.18.732 2.732c.956.553 2.041.465 2.732-.732c.689-1.195 5.047-11.865 4.668-12.084c-.379-.219-7.442 8.888-8.132 10.084zM10 6c.438 0 .864.037 1.281.109c.438-.549.928-1.154 1.405-1.728A9.664 9.664 0 0 0 10 4C4.393 4 0 8.729 0 14.766c0 .371.016.742.049 1.103c.049.551.54.955 1.084.908c.551-.051.957-.535.908-1.086A10.462 10.462 0 0 1 2 14.766C2 9.85 5.514 6 10 6zm7.219 1.25c-.279.75-.574 1.514-.834 2.174C17.4 10.894 18 12.738 18 14.766c0 .316-.015.635-.043.943a1.001 1.001 0 0 0 1.992.182c.033-.37.051-.748.051-1.125c0-2.954-1.053-5.59-2.781-7.516z"})})},{name:"Sankey",icon:r=>C.jsx("svg",{viewBox:"0 0 32 32",width:"1.2em",height:"1.2em",...r,children:C.jsx("path",{fill:"currentColor",d:"M30 2H2v14h6.111a7.036 7.036 0 0 1 3.13.74L15.764 19l-4.522 2.26a7.036 7.036 0 0 1-3.13.74H2v8h7.223a9.045 9.045 0 0 0 4.025-.95l8.622-4.31A7.036 7.036 0 0 1 25 24h5V14h-5a7.036 7.036 0 0 1-3.13-.74L15.348 10H30ZM8 4h16v4H8ZM4 4h2v10H4Zm0 20h2v4H4Zm16.975-1.05l-8.622 4.31a7.036 7.036 0 0 1-3.13.74H8v-4h.111a9.045 9.045 0 0 0 4.025-.95L18 20.118l1.864.932a9.045 9.045 0 0 0 4.025.95H24v.058a9.052 9.052 0 0 0-3.025.892ZM28 22h-2v-6h2ZM12.354 10.74l8.621 4.31a9.052 9.052 0 0 0 3.025.89V20h-.111a7.036 7.036 0 0 1-3.13-.74l-8.622-4.31A9.045 9.045 0 0 0 8.11 14H8v-4h1.223a7.036 7.036 0 0 1 3.13.74ZM28 8h-2V4h2Z"})})},{name:"Stack",icon:r=>C.jsx("svg",{viewBox:"0 0 24 24",width:"1.2em",height:"1.2em",...r,children:C.jsx("path",{fill:"currentColor",d:"M22 21H2V3h2v16h2v-2h4v2h2v-3h4v3h2v-2h4v4m-4-7h4v2h-4v-2m-6-8h4v3h-4V6m4 9h-4v-5h4v5M6 10h4v2H6v-2m4 6H6v-3h4v3Z"})})},{name:"Single value",icon:r=>C.jsx("svg",{viewBox:"0 0 16 16",width:"1.2em",height:"1.2em",...r,children:C.jsx("path",{fill:"currentColor",d:"M2.873 11.297V4.142H1.699L0 5.379v1.137l1.64-1.18h.06v5.961h1.174Zm3.213-5.09v-.063c0-.618.44-1.169 1.196-1.169c.676 0 1.174.44 1.174 1.106c0 .624-.42 1.101-.807 1.526L4.99 10.553v.744h4.78v-.99H6.643v-.069L8.41 8.252c.65-.724 1.237-1.332 1.237-2.27C9.646 4.849 8.723 4 7.308 4c-1.573 0-2.36 1.064-2.36 2.15v.057h1.138Zm6.559 1.883h.786c.823 0 1.374.481 1.379 1.179c.01.707-.55 1.216-1.421 1.21c-.77-.005-1.326-.419-1.379-.953h-1.095c.042 1.053.938 1.918 2.464 1.918c1.478 0 2.642-.839 2.62-2.144c-.02-1.143-.922-1.651-1.551-1.714v-.063c.535-.09 1.347-.66 1.326-1.678c-.026-1.053-.933-1.855-2.359-1.845c-1.5.005-2.317.88-2.348 1.898h1.116c.032-.498.498-.944 1.206-.944c.703 0 1.206.435 1.206 1.07c.005.64-.504 1.106-1.2 1.106h-.75v.96Z"})})},{name:"BoxPlot",icon:r=>C.jsxs("svg",{viewBox:"0 0 32 32",width:"1.2em",height:"1.2em",...r,children:[C.jsx("path",{fill:"currentColor",d:"M22 6V4H12v2h4v2h-4v12h4v2h-4v2h10v-2h-4v-2h4V8h-4V6Zm-8 12v-3h6v3Zm6-5h-6v-3h6Z"}),C.jsx("path",{fill:"currentColor",d:"M30 30H4a2 2 0 0 1-2-2V2h2v26h26Z"})]})},{name:"Table",icon:r=>C.jsx("svg",{viewBox:"0 0 24 24",width:"1.2em",height:"1.2em",...r,children:C.jsx("path",{fill:"currentColor",d:"M8 16h5v-5H8v5Zm0-7h12V4H8Zm7 7h5v-5h-5Zm-7 2q-.825 0-1.412-.587Q6 16.825 6 16V4q0-.825.588-1.413Q7.175 2 8 2h12q.825 0 1.413.587Q22 3.175 22 4v12q0 .825-.587 1.413Q20.825 18 20 18Zm-4 4q-.825 0-1.412-.587Q2 20.825 2 20V6h2v14h14v2Z"})})},{name:"Time series",icon:r=>C.jsx("svg",{viewBox:"0 0 24 24",width:"1.2em",height:"1.2em",...r,children:C.jsx("path",{fill:"currentColor",d:"M21 8c-1.5 0-2.3 1.4-1.9 2.5l-3.6 3.6c-.3-.1-.7-.1-1 0l-2.6-2.6c.4-1.1-.4-2.5-1.9-2.5c-1.4 0-2.3 1.4-1.9 2.5L3.5 16c-1.1-.3-2.5.5-2.5 2c0 1.1.9 2 2 2c1.4 0 2.3-1.4 1.9-2.5l4.5-4.6c.3.1.7.1 1 0l2.6 2.6c-.3 1 .5 2.5 2 2.5s2.3-1.4 1.9-2.5l3.6-3.6c1.1.3 2.5-.5 2.5-1.9c0-1.1-.9-2-2-2m-6 1l.9-2.1L18 6l-2.1-.9L15 3l-.9 2.1L12 6l2.1.9L15 9M3.5 11L4 9l2-.5L4 8l-.5-2L3 8l-2 .5L3 9l.5 2Z"})})},{name:"Pivot Table",icon:r=>C.jsx("svg",{viewBox:"0 0 24 24",width:"1.2em",height:"1.2em",...r,children:C.jsx("path",{fill:"currentColor",d:"M22 15h-2v3c0 1.11-.89 2-2 2h-3v2l-3-3l3-3v2h3v-3h-2l3-3l3 3m0-11v4c0 1.1-.9 2-2 2H10v10c0 1.1-.9 2-2 2H4c-1.1 0-2-.9-2-2V4c0-1.1.9-2 2-2h16c1.1 0 2 .9 2 2M4 8h4V4H4v4m0 2v4h4v-4H4m4 10v-4H4v4h4m6-12V4h-4v4h4m6-4h-4v4h4V4Z"})})}],hN=({chartType:r,onChartChange:t,isEnableTimeSeries:e,isEnablePivotTable:n})=>C.jsx("div",{className:wi.chartOptions,children:v6.map(i=>C.jsxs("div",{className:wi.chartOption,children:[C.jsx(Te,{type:"button",variant:"custom",className:r===i.name.toLowerCase()?wi.chartOptionBtnSelected:wi.chartOptionBtn,onClick:()=>{t(i.name.toLowerCase())},isDisabled:i.name.toLowerCase()===me.timeSeries&&!e||i.name.toLowerCase()===me.pivot&&!n,children:i.name.toLowerCase()===me.timeSeries&&!e||i.name.toLowerCase()===me.pivot&&!n?C.jsx(i.icon,{style:{color:"grey",width:"20px",height:"20px"}}):C.jsx(i.icon,{style:{color:"blue",width:"20px",height:"20px"}})},i.name),C.jsx(we,{variant:"p",styleClass:"custom",className:wi.chartOptionText,children:i.name})]},i.name))}),g6=({value:r,options:t,control:e})=>{const[n,i]=P.useState("");return C.jsx(Zf,{control:e,label:"",options:t,onChange:i,name:n||r})},w1=({datatype:r="unknown",className:t})=>d1.includes(r.toLowerCase())?C.jsx(Ze,{name:"number-icon",className:t}):p1.includes(r.toLowerCase())||r.toLowerCase().includes("char")?C.jsx(Ze,{name:"text-icon",className:t}):iN.includes(r.toLowerCase())?C.jsx(Ze,{name:"array-icon",className:t}):v1.includes(r.toLowerCase())?C.jsx(Ze,{name:"date-icon",className:t}):g1.includes(r.toLowerCase())?C.jsx(Ze,{name:"boolean-icon",className:t}):C.jsx(Ze,{name:"unknown-icon"}),fN={container:"_container_1izll_1",windowIcon:"_windowIcon_1izll_7"},m6=r=>C.jsx("svg",{viewBox:"0 0 24 24",width:"1.2em",height:"1.2em",...r,children:C.jsxs("g",{fill:"none",stroke:"currentColor",strokeLinecap:"round",strokeWidth:1.5,children:[C.jsx("path",{d:"M15 21H4a2 2 0 0 1-2-2V5a2 2 0 0 1 2-2h16a2 2 0 0 1 2 2v10"}),C.jsx("path",{strokeLinejoin:"round",d:"M2 7h20M5 5.01l.01-.011M8 5.01l.01-.011M11 5.01l.01-.011M18 22.243l2.121-2.122m0 0L22.243 18m-2.122 2.121L18 18m2.121 2.121l2.122 2.122"})]})}),dN=()=>C.jsxs("div",{role:"alert",className:fN.container,children:[C.jsx(m6,{className:fN.windowIcon}),C.jsx(we,{variant:"p",styleClass:"font-20",children:"Something went wrong!"}),C.jsx(Te,{variant:"primary",size:"large",type:"button",onClick:()=>location.reload(),children:"Try again"})]}),Yl={container:"_container_dv0n1_1",field:"_field_dv0n1_9",fieldLabel:"_fieldLabel_dv0n1_17",save:"_save_dv0n1_25",cancel:"_cancel_dv0n1_33",error:"_error_dv0n1_41"},Mg={container:"_container_1rie6_1",label:"_label_1rie6_9",textarea:"_textarea_1rie6_17",resizable:"_resizable_1rie6_25"},pN=({id:r,label:t,placeholder:e,rows:n,cols:i,resizable:a=!0,register:o,error:s,defaultValue:l,value:c,onFocus:u,onBlur:h,className:d})=>C.jsxs("div",{className:`${Mg.container} ${d}`,children:[C.jsx("label",{htmlFor:r,className:Mg.label,children:t}),C.jsx("textarea",{id:r,name:r,rows:n,cols:i,placeholder:e,className:Xt(Mg.textarea,`${a?null:Mg.resizable}`),defaultValue:l,...o,value:c,onFocus:u,onBlur:h}),s&&C.jsx(qf,{message:s.message})]}),y6=({name:r,styles:t,placeholder:e,enabled:n})=>C.jsxs("label",{htmlFor:r,className:`${t.button}`,children:[Array.isArray(e)&&C.jsxs(C.Fragment,{children:[C.jsx("span",{className:` ${t.label} ${n?t.labelInactive:t.labelActive}`,children:e[0]}),C.jsx("span",{className:` ${t.switch} ${n?t.enabled:t.notenabled}`}),C.jsx("span",{className:` ${t.label} ${n?t.labelActive:t.labelInactive}`,children:e[1]})]}),typeof e=="string"&&C.jsxs(C.Fragment,{children:[C.jsx("span",{className:` ${t.switch} ${n?t.enabled:t.notenabled}`}),C.jsx("span",{className:` ${t.label} ${n?t.labelActive:t.labelInactive}`,children:e})]}),!Array.isArray(e)&&typeof e!="string"&&C.jsx("span",{className:` ${t.switch} ${n?t.enabled:t.notenabled}`})]}),Dg={group:"_group_4odq6_1",button:"_button_4odq6_9",toggleWidth:"_toggleWidth_4odq6_15",checkbox:"_checkbox_4odq6_23",switch:"_switch_4odq6_31",enabled:"_enabled_4odq6_49",notenabled:"_notenabled_4odq6_65",toggle:"_toggle_4odq6_15",label:"_label_4odq6_89",labelActive:"_labelActive_4odq6_97",labelInactive:"_labelInactive_4odq6_105",toggleInactive:"_toggleInactive_4odq6_113"},b6=({name:r,styles:t,placeholder:e,enabled:n})=>C.jsxs("label",{htmlFor:r,className:`${t.button} ${t.toggleWidth}`,children:[Array.isArray(e)&&C.jsxs(C.Fragment,{children:[C.jsx("span",{className:` ${t.label} ${n&&t.toggleInactive}`,children:e[0]}),C.jsx("span",{className:` ${t.switch} ${t.toggle} ${n?t.enabled:t.notenabled}
|
|
493
|
+
}`),t){const f=document.querySelectorAll("dbn-dashboard");f.length&&f.forEach((g,m)=>{if(g&&g.shadowRoot){const y=document.querySelector(`#dbn-dashboard-${m}-admin-styles`);if(y)y.innerHTML=e;else{const b=document.createElement("style");b.setAttribute("id",`dbn-dashboard-${m}-admin-styles`),b.innerHTML=e,g.shadowRoot.appendChild(b)}}});const p=document.querySelectorAll("dbn-metric");p.length&&p.forEach((g,m)=>{if(g.shadowRoot){const y=document.querySelector(`#dbn-metric-${m}-admin-styles`);if(y)y.innerHTML=e;else{const b=document.createElement("style");b.setAttribute("id",`dbn-metric-${m}-admin-styles`),b.innerHTML=e,g.shadowRoot.appendChild(b)}}});const v=document.querySelector("#dbn-portal");if(v&&v.shadowRoot){const g=document.querySelector("#dbn-portal-admin-styles");g&&v.shadowRoot.removeChild(g)}}else{const f=document.querySelector("#dbn-admin-styles")||document.createElement("style");f.setAttribute("id","dbn-admin-styles"),f.innerHTML=e,document.querySelector("#dbn-admin-styles")||document.head.appendChild(f)}},[r])},rN=({externalDashboardId:r,clientId:t})=>{const e=$c(),{data:n,isLoading:i}=e8({clientId:t,externalDashboardId:r},{enabled:!!(t&&r),refetchOnWindowFocus:!1}),[a,o]=P.useMemo(()=>{var u,h;return[((u=n==null?void 0:n.clientDashboardLayout_by_pk)==null?void 0:u.layout)||[],!!((h=n==null?void 0:n.clientDashboardLayout_by_pk)!=null&&h.isLocked)]},[n==null?void 0:n.clientDashboardLayout_by_pk]),{mutateAsync:s,isLoading:l}=R8({onSuccess:u=>{if(!u.insert_clientDashboardLayout_one)return;const h=u.insert_clientDashboardLayout_one;e.setQueryData(["GetExternalDashboardLayout",{clientId:t,externalDashboardId:r}],d=>({...d,clientDashboardLayout_by_pk:h}))}});return{saveLayout:P.useCallback(async(u,h)=>{await s({clientId:t,externalDashboardId:r,layout:u,isLocked:!!h})},[s,t,r]),layout:a,isLayoutLocked:o,isLoadingLayout:i||l}},h1=[{value:"=",label:"Equal to (=)"},{value:"<>",label:"Not equal to (!=)"},{value:"<",label:"Less than (<)"},{value:"<=",label:"Less or equal (<=)"},{value:">",label:"Greater than (>)"},{value:">=",label:"Greater or equal (>=)"},{value:"IN",label:"In"},{value:"NOT IN",label:"Not in"},{value:"LIKE (case sensitive)",label:"Like (case sensitive)"},{value:"REGEX",label:"Regex"},{value:"IS NOT NULL",label:"Is not null"},{value:"IS NULL",label:"Is null"}],nN=[{value:"100",label:"100"},{value:"500",label:"500"},{value:"1000",label:"1000"},{value:"2000",label:"2000"},{value:"5000",label:"5000"}],f1=[{value:"AVG",label:"AVG"},{value:"SUM",label:"SUM"},{value:"COUNT",label:"COUNT"},{value:"COUNT_DISTINCT",label:"COUNT_DISTINCT"},{value:"MAX",label:"MAX"},{value:"MIN",label:"MIN"}],Sg=[{label:"10",value:"10"},{label:"25",value:"25"},{label:"50",value:"50"},{label:"75",value:"75"},{label:"100",value:"100"},{label:"250",value:"250"},{label:"500",value:"500"},{label:"1k",value:"1000"},{label:"2k",value:"2000"},{label:"5k",value:"5000"}],d1=["fixed","real","int","bigint","float","number","integer","int64","float64","double precision","smallint"],p1=["varchar","text","char","text","character(36)","string"],v1=["timestamp_ltz","date","timestamp","timestamp without time zone","timestamp with time zone","datetime"],iN=["array","text[]"],g1=["boolean","bool"],m1=["saved","simple","custom"],Hn={chartType:"line",xAxis:"",yAxisList:[],singleValue:"",sankeyValues:[],metricFilterPosition:"top-left",step:"",measure:"",margins:{marginTop:20,marginBottom:20,marginLeft:5,marginRight:5},labelSettings:{axis:"left",show:!1,position:"hidden",truncateLabelValue:14},legendSettings:{show:!0,top:0,left:0,right:0,bottom:0,position:"horizontal",truncateLegendValue:14},customSettings:{hideSplitLines:"none",hideAxisLines:"none",barWidth:40,barRadius:0,axisLabels:"none",fontSize:14,subHeaderShow:!1,displayText:"",subHeaderFontSize:0,dateFormatter:"none",numberFormatter:"original",xRotation:50,showLabelValues:!1,comparisonTimePeriod:0,comparisonTimeColumn:"",comparisonValueShow:!1,comparisonValueFontSize:12,comparisonSuffix:"",isShowTrendLine:!1},tableSettings:{contentAlignment:"center",lineGap:"small",hideVerticalDivider:!1,enableStripedRows:!1,showRowHover:!1,showTableTitle:!1,showTableDesc:!1,enableTableSearch:!0,enableFilter:!0,enableSorting:!0,defaultRowSize:"10",isServerSidePagination:!1,conditionalFormatting:[]},pivotTableSettings:{rows:[],columns:[]},axisSettings:{axis:"left"},backGroundColor:{show:!1},timeSeriesSettings:{groupBySettings:{isDynamic:!1,options:[],value:"monthly"},seriesType:[]},isDynamicSeries:!1,isMultiDimension:!1,seriesField:"ungrouped",seriesOptions:["ungrouped"]},Qf=[{value:"isEqualTo",label:"is equal to"},{value:"isNotEqualTo",label:"is not equal to"},{value:"isNull",label:"is null"},{value:"isNotNull",label:"is not null"},{value:"contains",label:"contains"},{value:"doesNotContain",label:"not contain"},{value:"startsWith",label:"starts with"},{value:"endsWith",label:"ends with"},{value:"isLessThan",label:"is less than"},{value:"isGreaterThan",label:"is greater than"},{value:"isLessThanOrEqualTo",label:"is less than equal to"},{value:"isGreaterThanOrEqualTo",label:"is greater than equal to"}],n6=Object.freeze(Object.defineProperty({__proto__:null,ARRAY_TYPES:iN,AVAILABLE:t6,AggregateList:f1,BOOLEAN_TYPES:g1,BOXPLOT:q8,CHART_TAB:Y8,CHART_TYPES:me,CLIENT_NAME_VAR:t1,CLIENT_NAME_VAR_NUM:o1,CONFIG:Fc,DATABASE:s1,DATABASE_NAME:a1,DATE_NUM:eN,DATE_TYPES:v1,DEFAULT_CHART_SETTINGS:Hn,DESTINATIONS:i1,DOUGHNUT:r1,FORMATTING_CONDITIONS_OPTIONS:Qf,FREQUENCY:tN,GENERAL:Ts,INPUT_TABLE:jc,NONE:K8,NUMBER_FORMAT:u1,NUMBER_TYPES:d1,OUTPUT_TABLE:zc,PIE:n1,QUERY_TAB:Z8,RAW_CSV_OPTIONS:J8,REQUESTED:e6,RLS_CONDITIONS:G8,RowLimitList:nN,SANKEY:XL,SOMETHING_WENT_WRONG:an,STATUS_TAB:H8,STREAM_TAB:U8,STRING_TYPES:p1,TABLE:X8,TABLE_TAB:Q8,TIME:KL,TIME_ZONES:JL,TableRowsList:Sg,WEEK_DAYS:l1,configTabs:m1,operatorList:h1},Symbol.toStringTag,{value:"Module"})),i6=(r,t)=>{let e=r.replace(/;([^;]*)$/,"");const n=parseInt(t,10);if(e.toLowerCase().includes("limit")){const i=parseInt(e.toLowerCase().split("limit")[1].trim(),10),a=Math.min(i,n);e=e.replace(`limit ${i}`,`limit ${a}`),e=e.replace(`LIMIT ${i}`,`LIMIT ${a}`)}else e+=` limit ${n}`;return e},a6=({limit:r,query:t,clientName:e,tenancyType:n,values:i})=>{const a=i6(t,r),o=e?n===s1?a.replace(new RegExp(a1,"g"),e):Number(e)?a.replace(new RegExp(o1,"g"),e):a.replace(new RegExp(t1,"g"),e):a;return i?o.replace(/[^']+_variable/g,l=>`${i[l]}`):o},aN=({clientName:r,tenancyType:t,values:e,query:n,companyId:i,workspaceId:a,metricId:o})=>{const{mutate:s}=w8();return{getUnderlyingData:({columnName:c,value:u,setData:h,setLoading:d,isSingleValueChart:f})=>{const p=a6({query:n,limit:"5000",clientName:r,tenancyType:t,values:e});h([]),d(!0),s({columnName:f?void 0:c,companyId:i,query:p,value:f||u==null?void 0:u.replace(/'/g,"''"),workspaceId:a,metricId:o},{onSuccess(v){var m;const g=(m=v.getUnderlyingData)==null?void 0:m.data;g&&Array.isArray(g)&&g.length?(h(g),d(!1)):(h([]),d(!1))},onError(){h([]),d(!1)}})}}},y1=()=>{const{mutate:r}=o8();return{getGroupByColumnList:({query:e,databaseName:n,onSuccess:i})=>{r({databaseName:n,query:e},{onSuccess({groupbyColumnList:a}){const o=a==null?void 0:a.groupbyColumnList;Array.isArray(o)&&o.length?i(o):i([])},onError(){i([])}})}}},o6=({range:r,count:t,time:e,from:n,to:i})=>{const a=new Date;new Date(a).setDate(a.getDate()-1);const s=a.getMonth(),l=a.getFullYear();let c,u;if(r==="This"){switch(e){case"Year":c=new Date(l,0,1),u=new Date(a);break;case"Month":c=new Date(l,s,1),u=new Date(a);break;case"Week":{const h=a.getDate()-a.getDay();c=new Date(a.setDate(h)),u=new Date(a.setDate(h+6));break}case"Day":c=new Date(a),u=new Date(a);break;default:c=new Date(0),u=new Date(a)}return{startDate:c,endDate:u}}if(r==="Last"){switch(e){case"Year":{let h,d;t===1?(h=t,d=l-1):(h=t-1,d=l),c=new Date(l-h,0,1),u=new Date(d,11,31);break}case"Month":{const h=t===1?s-1:s-t+1;c=new Date(l,h,1),u=new Date(l,s,t===1?0:31);break}case"Week":{const h=new Date(a.setDate(a.getDate()-(a.getDay()+1)%7)),d=new Date(h.getFullYear(),h.getMonth(),h.getDate()-6),f=t-1;c=new Date(d.setDate(d.getDate()-7*f)),u=new Date(h.setDate(h.getDate()-7*(f-1))),f===0&&(u=new Date(a));break}case"Day":c=new Date(a),c.setDate(a.getDate()-t),u=new Date(a);break;default:c=new Date(0),u=new Date(a)}return{startDate:c,endDate:u}}return{startDate:n||new Date(0),endDate:i||new Date(a)}},s6=({data:r,format:t,measureColumn:e,timeColumn:n,dimensionColumn:i,startDate:a})=>r.reduce((s,l)=>{const c=Number(l[e]),u=new Date(l[n]);let h;switch(t){case"Week":{h=`Week ${Math.ceil((u.getDate()+a.getDay())/7)}`;break}case"Quarter":{const f=Math.ceil((u.getMonth()+1)/3),p=u.getFullYear();h=`Q${f} ${p}`;break}case"Month":{h=`${u.toLocaleString("default",{month:"long"})} ${u.getFullYear()}`;break}case"Day":{h=["Sunday","Monday","Tuesday","Wednesday","Thursday","Friday","Saturday"][u.getDay()];break}default:h=l[n]}const d=s.find(f=>f[i]===h);return d?d[e]+=c:s.push({[i]:h,[e]:c}),s},[]),l6=({dimensionColumn:r,endDate:t,measureColumn:e,format:n,groupedDataList:i,time:a,count:o,range:s})=>{const l=new Date().getFullYear(),c=l-1;let u=[],h=[];if(o===1&&s==="This"&&(u=Array.from({length:12},(v,g)=>({[r]:`${new Date(2e3,g,1).toLocaleString("default",{month:"long"})} ${l}`,[e]:0})),h=[{[r]:`Q1 ${l}`,[e]:0},{[r]:`Q2 ${l}`,[e]:0},{[r]:`Q3 ${l}`,[e]:0},{[r]:`Q4 ${l}`,[e]:0}]),o===1&&s==="Last"&&(u=Array.from({length:12},(v,g)=>({[r]:`${new Date(2e3,g,1).toLocaleString("default",{month:"long"})} ${c}`,[e]:0})),h=[{[r]:`Q1 ${c}`,[e]:0},{[r]:`Q2 ${c}`,[e]:0},{[r]:`Q3 ${c}`,[e]:0},{[r]:`Q4 ${c}`,[e]:0}]),o>1&&s==="Last"){for(let v=l-o+1;v<=l;v++)for(let g=0;g<12;g++)u.push({[r]:`${new Date(v,g,1).toLocaleString("default",{month:"long"})} ${new Date(v,g,1).getFullYear()}`,[e]:0});for(let v=l-o;v<=l;v++)h.push({[r]:`Q1 ${v}`,[e]:0},{[r]:`Q2 ${v}`,[e]:0},{[r]:`Q3 ${v}`,[e]:0},{[r]:`Q4 ${v}`,[e]:0})}const d=Array.from({length:4},(v,g)=>({[r]:`Week ${g+1}`,[e]:0})),f=[{[r]:"Sunday",[e]:0},{[r]:"Monday",[e]:0},{[r]:"Tuesday",[e]:0},{[r]:"Wednesday",[e]:0},{[r]:"Thursday",[e]:0},{[r]:"Friday",[e]:0},{[r]:"Saturday",[e]:0}];let p=[];switch(`${s}${o>1?` ${o} `:" "}${a} By ${n}`){case"This Year By Month":case"Last Year By Month":case`Last ${o} Year By Month`:{p=u.map(v=>{const g=i.find(m=>m[r]===v[r]);return g||v});break}case"This Year By Quarter":case"Last Year By Quarter":case`Last ${o} Year By Quarter`:{p=h.map(v=>{const g=i.find(m=>m[r]===v[r]);return g||v});break}case"This Month By Week":case"Last Month By Week":{p=d.map(v=>{const g=i.find(m=>m[r]===v[r]);return g||v});break}case"This Week By Day":case"Last Week By Day":{p=f.map(v=>{const g=i.find(m=>m[r]===v[r]);return g||v});break}case"This Quarter By Month":{const g=(Math.ceil((t.getMonth()+1)/3)-1)*3,m=g+2;p=u.slice(g,m+1).map(b=>{const w=i.find(x=>x[r]===b[r]);return w||b});break}case"Last Quarter By Month":{const v=Math.ceil((t.getMonth()+1)/3),m=((v===1?4:v-1)-1)*3,y=m+2;p=u.slice(m,y+1).map(w=>{const x=i.find(_=>_[r]===w[r]);return x||w});break}case`Last ${o} Month By Month`:{p=Array.from({length:o},(v,g)=>{const m=new Date(t.getFullYear(),t.getMonth()-g,1);return{[r]:`${m.toLocaleString("default",{month:"long"})} ${m.getFullYear()}`,[e]:0}}).reverse().map(v=>{const g=i.find(m=>m[r]===v[r]);return g||v});break}default:p=i}return p},u6=({data:r,dimensionColumn:t,measureColumn:e,timeColumn:n,option:i})=>{const{endDate:a,startDate:o}=o6({range:i.range,count:i.count,from:i.startDate,to:i.endDate,time:i.time});if(i.time==="Week"&&i.count>1)return r.map(u=>({[t]:u[t],[e]:u[e]}));const s=s6({data:r,dimensionColumn:t,format:i.format,measureColumn:e,startDate:o,timeColumn:n}),l=Object.values(s);return i.name==="Custom"?l:l6({dimensionColumn:t,endDate:a,format:i.format,groupedDataList:l,measureColumn:e,time:i.time,count:i.count,range:i.range})},b1=({metric:r,globalFilters:t={tableName:"",filters:[]},rlsFilters:e,clientId:n,chartSettings:i,setChartSettings:a,tenancyLevel:o})=>{var G,$,U,Z,Y,q,V,X;const[s,l]=P.useState({limit:10,offset:0}),[c,u]=P.useState(0),[h,d]=P.useState(r.rlsConditions||[]),[f,p]=P.useState(!1),[v,g]=P.useState(),[m,y]=P.useState([]),[b,w]=P.useState(!0),[x,_]=P.useState([]),[D,A]=P.useState([]),[T,I]=P.useState(!1),[S,M]=P.useState([]),{data:L,isLoading:N}=ZL({id:r.id,drillFilters:(G=r==null?void 0:r.drillDownSettings)!=null&&G.isEnableGroupBy?x:[],clientId:n,tenancyLevel:o,rlsConditions:S,globalFilters:t,filterValues:e==null?void 0:e.filterValues,limit:($=i==null?void 0:i.tableSettings)!=null&&$.isServerSidePagination&&(i==null?void 0:i.chartType)===me.table?s.limit:void 0,offset:(U=i==null?void 0:i.tableSettings)!=null&&U.isServerSidePagination&&(i==null?void 0:i.chartType)===me.table?s.offset:void 0},{refetchOnWindowFocus:!1}),E=P.useMemo(()=>{var Q,ie;return!!h.length&&((ie=(Q=h.find(te=>te.isAddOnMetrics&&te.datatype==="date"&&te.columnName===i.xAxis))==null?void 0:Q.options)==null?void 0:ie.every(te=>te.format))},[h,i]);P.useEffect(()=>{var Q;(Q=h==null?void 0:h.filter(ie=>ie.isAddOnMetrics))!=null&&Q.length?M(o==="DATABASE"?r.rlsConditions.filter(ie=>ie.isAddOnMetrics&&ie.datatype!=="date").map(ie=>{var te;return{...ie,tableName:`${n}.${ie.tableName.split(".").slice(1).join(".")}`,dimensionColumn:i.xAxis||"",measureColumn:((te=i.yAxisList)==null?void 0:te[0])||""}}):h.filter(ie=>ie.isAddOnMetrics).map(ie=>{var te;return{...ie,dimensionColumn:i.xAxis||"",measureColumn:((te=i.yAxisList)==null?void 0:te[0])||""}})):M([])},[h]);const k=P.useMemo(()=>{var Q,ie,te,re,ue;return(i==null?void 0:i.chartType)===me.singleValue&&!!((Q=i==null?void 0:i.customSettings)!=null&&Q.comparisonValueShow)&&!!((ie=i==null?void 0:i.customSettings)!=null&&ie.comparisonTimeColumn)&&!!((te=i==null?void 0:i.customSettings)!=null&&te.comparisonTimeGrain)&&!!((re=i==null?void 0:i.customSettings)!=null&&re.comparisonTimePeriod)&&!!((ue=i==null?void 0:i.customSettings)!=null&&ue.comparisonTableName)&&!!(i!=null&&i.singleValue)},[i]);P.useEffect(()=>{var ie,te,re;const Q=(ie=L==null?void 0:L.externalMetricQuery)!=null&&ie.data?JSON.parse(L.externalMetricQuery.data):[];if((i==null?void 0:i.chartType)===me.table&&u(((te=L==null?void 0:L.externalMetricQuery)==null?void 0:te.totalRecords)||0),E){const ue=h.find(_e=>_e.isAddOnMetrics&&_e.datatype==="date");if(ue){const _e=u6({data:Q||[],dimensionColumn:ue.columnName,measureColumn:((re=i.yAxisList)==null?void 0:re[0])||"",option:ue.options.find(Ce=>Ce.name===ue.value),timeColumn:i.xAxis||ue.columnName});y(_e)}else y(Q??[])}else y(Q??[])},[(Z=L==null?void 0:L.externalMetricQuery)==null?void 0:Z.data,E,k]);const O=Q=>Q.includes("____")?Q.split("____")[1]:Q;P.useEffect(()=>{var Q;(Q=r==null?void 0:r.drillDownSettings)!=null&&Q.isEnableGroupBy&&m.length&&a(ie=>{var te,re,ue,_e,Ce,Qe,Ke,Rt;return{...ie,xAxis:O(((_e=(te=r==null?void 0:r.datasetMetricSettings)==null?void 0:te.selectedDimensions)==null?void 0:_e[x.length<((ue=(re=r==null?void 0:r.datasetMetricSettings)==null?void 0:re.selectedDimensions)==null?void 0:ue.length)?x.length:0])||"none"),yAxisList:(Qe=(Ce=r==null?void 0:r.datasetMetricSettings)==null?void 0:Ce.metrics)==null?void 0:Qe.map(de=>{var De;return(De=de==null?void 0:de.as)==null?void 0:De.replace(/["`]+/g,"")}),chartType:((Rt=(Ke=r==null?void 0:r.datasetMetricSettings)==null?void 0:Ke.selectedDimensions)==null?void 0:Rt.length)===(x==null?void 0:x.length)?"table":r.chartOptions.chartType}})},[m,r.drillDownSettings,r==null?void 0:r.datasetMetricSettings,x]),P.useEffect(()=>{N&&w(!0),!m.length&&!N&&setTimeout(()=>{w(!1)},5e3)},[N,m]);const R=P.useCallback((Q,ie,te,re)=>{d(te?ue=>ue.map(_e=>_e.name===Q?{..._e,value:ie,options:_e.options.map(Ce=>Ce.name==="Custom"?{...Ce,...te}:Ce)}:_e):re?ue=>ue.map(_e=>_e.name===Q?{..._e,value:re.map(Ce=>Ce.value)}:_e):ue=>ue.map(_e=>_e.name===Q?{..._e,value:ie}:_e))},[]),j=P.useCallback(Q=>{E||(Q.event&&Q.event.event.preventDefault(),g(Q))},[h]),{getUnderlyingData:z}=aN({clientName:n,tenancyType:o,values:e==null?void 0:e.filterValues,companyId:r==null?void 0:r.companyId,query:r==null?void 0:r.query,workspaceId:(Y=r==null?void 0:r.companyIntegration)==null?void 0:Y.workspaceId,metricId:r==null?void 0:r.id}),W=P.useMemo(()=>Array.isArray(m)&&m.length&&(v!=null&&v.name)?m.map(Q=>{const ie=Object.entries(Q).find(([,te])=>te===v.name);return ie==null?void 0:ie[0]}).filter(Q=>Q)[0]:"",[m,v==null?void 0:v.name]),B=P.useCallback(Q=>{const ie=Array.isArray(m)&&m.length&&(Q!=null&&Q.name)?m.map(te=>{const re=Object.entries(te).find(([,ue])=>ue===Q.name);return re==null?void 0:re[0]}).filter(te=>te)[0]:"";_(ie?te=>{var re;return((re=r==null?void 0:r.datasetMetricSettings)==null?void 0:re.selectedDimensions.length)>te.length?[...te,{columnName:ie,value:Q==null?void 0:Q.name}]:[]}:[])},[m,r==null?void 0:r.datasetMetricSettings,r==null?void 0:r.drillDownSettings]),{getGroupByColumnList:H}=y1();return P.useEffect(()=>{r.query&&H({query:r==null?void 0:r.query,databaseName:(r==null?void 0:r.integrationName)||"",onSuccess:Q=>A(Q)}),m!=null&&m.length&&D.length&&I(!0)},[m,D.length,r==null?void 0:r.integrationName,r.query]),{onDrillDown:B,handleChartClick:j,dataDb:m,getUnderlyingData:z,onChangeFilterValue:R,isShowChartPopup:f,setShowChartPopup:p,columnName:W,chartParams:v,isQueryLoading:N||b,setLoading:w,drilledLevel:x.length,dimensions:((V=(q=r==null?void 0:r.datasetMetricSettings)==null?void 0:q.selectedDimensions)==null?void 0:V.map(Q=>O(Q||"none")))||[],rlsConditions:h,setTableLimit:l,isEnableNextBtn:c>(s==null?void 0:s.limit)+(s==null?void 0:s.offset),isEnablePrevBtn:(s==null?void 0:s.offset)!==0,paginationInfo:{limit:s==null?void 0:s.limit,offset:s==null?void 0:s.offset,totalRecords:c},onChangePage:(Q,ie)=>{l(ie?{limit:ie,offset:0}:te=>({limit:te.limit,offset:Q?te.offset>te.limit?te.offset-te.limit:0:te.offset+te.limit}))},isExternalChart:((X=i==null?void 0:i.tableSettings)==null?void 0:X.isServerSidePagination)&&(i==null?void 0:i.chartType)===me.table,isEnablePivotTable:T,groupByList:D,updateFilter:Q=>{d(ie=>ie.map(te=>te.name===Q.name&&te.datatype===Q.datatype&&te.tableName===Q.tableName&&te.columnName===Q.columnName?{...te,isAddOnMetrics:!te.isAddOnMetrics}:te))}}},oN=({dashboardId:r,clientId:t,metricId:e,onSuccess:n})=>{const i=$c(),{mutateAsync:a,isLoading:o}=I8({onSuccess:l=>{l.insert_clientDeletedMetrics_one&&(i.setQueryData(["EmbeddedDashboardMetrics",{externalDashboardId:r,clientId:t}],c=>{var h;const u=(h=c==null?void 0:c.externalDashboardMetrics)==null?void 0:h.filter(d=>d.externalMetricId!==e);return{...c,externalDashboardMetrics:u}}),n())}});return{handleArchiveMetric:P.useCallback(async()=>{!e||!t||await a({id:e,clientId:t})},[a,e,t]),isLoading:o}},sN=({token:r,metricId:t})=>{const[e,n]=P.useState(!0),{data:i,isLoading:a}=EQ({guestToken:r,metricId:t},{enabled:!!(r&&t)}),{externalMetric:o,sharingSettingsId:s,adminTheme:l,params:c,companyId:u,clientId:h,errorMsg:d}=P.useMemo(()=>{var g,m,y,b,w,x,_,D;return{externalMetric:(g=i==null?void 0:i.embeddedMetricData)==null?void 0:g.externalMetric,adminTheme:(m=i==null?void 0:i.embeddedMetricData)==null?void 0:m.adminTheme,sharingSettingsId:(y=i==null?void 0:i.embeddedMetricData)==null?void 0:y.sharingSettingsId,errorMsg:(w=(b=i==null?void 0:i.embeddedMetricData)==null?void 0:b.error)==null?void 0:w.message,params:(x=i==null?void 0:i.embeddedMetricData)==null?void 0:x.params,companyId:(_=i==null?void 0:i.embeddedMetricData)==null?void 0:_.companyId,clientId:(D=i==null?void 0:i.embeddedMetricData)==null?void 0:D.clientId}},[i==null?void 0:i.embeddedMetricData]),f=P.useMemo(()=>{var g;return l?(g=l.chart.palettes.find(m=>m.name===l.chart.selected))==null?void 0:g.colors:null},[l]),{rlsSettings:p,tenancyLevel:v}=P.useMemo(()=>{var m;if(!c)return{rlsSettings:void 0,tenancyLevel:"TABLE"};const g=JSON.parse(c);return{rlsSettings:(m=g.rlsSettings)==null?void 0:m.find(y=>y.metricId===t),tenancyLevel:g.companyTenancyType||"TABLE"}},[c,t]);return c1(l),P.useEffect(()=>{a&&n(!0),(o||d)&&n(!1)},[a,o,d]),{externalMetric:o,sharingSettingsId:s,adminColors:f,companyId:u,clientId:h,rlsSettings:p,tenancyLevel:v,isLoading:e,errorMsg:d}},c6=Object.freeze(Object.defineProperty({__proto__:null,useApplyAdminTheme:c1,useArchiveMetric:oN,useClientDashboardLayout:rN,useEmbeddedDashboard:qL,useEmbeddedMetric:sN,useExternalMetric:e1,useGenerateDatasetMetrics:_g,useGenerateEmbeddedMetric:r6,useMetricCard:b1,useOutsideAlerter:Bc,useSqlMetadata:y1,useUnderlyingData:aN},Symbol.toStringTag,{value:"Module"})),h6=({name:r,label:t,options:e=[],onChange:n,value:i,defaultValue:a,children:o,placeHolder:s,className:l="",containerClass:c="",isSearchEnabled:u,textSize:h,icon:d,labelVariant:f="static"})=>{const[p,v]=P.useState(""),[g,m]=P.useState(20),y=i||a?e.find(x=>x.value===i||x.value===a):{label:s||"Select an option"},b={fontSize:h},w=P.useMemo(()=>p?e.filter(x=>x.label.toLowerCase().includes(p)).slice(0,g):e.slice(0,g),[p,e,g]);return C.jsx(Wn,{value:i,name:r,onChange:n,as:"div",className:`${ge.listbox} ${c}`,children:({open:x})=>C.jsxs(C.Fragment,{children:[d,t?C.jsx(Wn.Label,{className:`${ge["listBox-label"]} ${f==="floating"?ge["listBox-labelFloating"]:""}`,children:t}):null,C.jsxs("div",{className:`${ge.listboxButtonWrapper} ${l}`,children:[C.jsxs(Wn.Button,{className:`${ge["listBoxButton-container"]} ${f==="floating"?ge["listBoxButton-containerFloating"]:""}`,children:[C.jsx("span",{className:ge.selectedOptionText,children:y==null?void 0:y.label}),C.jsx("span",{className:ge.listBoxButton,children:C.jsx(Uf,{className:ge.arrowicon,"aria-hidden":"true"})})]}),C.jsx(Wl,{show:x,as:P.Fragment,leave:ge.leave,leaveFrom:ge.leaveFrom,leaveTo:ge.leaveTo,children:C.jsx(Wn.Options,{className:ge["listBox-options"],children:C.jsxs(C.Fragment,{children:[u&&C.jsx(Hl,{className:ge.search,setSearchKeyword:v}),w.length===0?C.jsx("div",{className:ge.notAvailable,children:"Not Available."}):w.map(_=>C.jsx(Wn.Option,{className:({selected:D,active:A})=>Xt(D||A?ge.activeOption:ge.inactiveOption,ge.option),value:_.value,children:({selected:D})=>C.jsxs(C.Fragment,{children:[C.jsx("span",{className:ge.optionLabel,style:b,children:_.label}),D?C.jsx("span",{className:ge.check,children:C.jsx(Qw,{className:ge.checkIcon,"aria-hidden":"true"})}):null]})},_.value)),g<=e.length&&C.jsxs(Te,{variant:"secondary",type:"button",onClick:()=>m(g+30),className:ge.loadMore,children:["Load More",C.jsx(Ze,{name:"double-arrow-left-icon",className:ge.loadMoreIcon})]}),o]})})})]})]})})},ur=({name:r,label:t,options:e=[],onChange:n,value:i,defaultValue:a,children:o,placeHolder:s,className:l="",containerClass:c="",isSearchEnabled:u,textSize:h,icon:d,labelVariant:f="static"})=>{const[p,v]=P.useState(""),[g,m]=P.useState(20),[y,b]=P.useState(!1),w=P.useRef(),x=i||a?e.find(A=>A.value===i||A.value===a):{label:s||"Select an option"},_={fontSize:h},D=P.useMemo(()=>p?e.filter(A=>A.label.toLowerCase().includes(p)).slice(0,g):e.slice(0,g),[p,e,g]);return Bc({wrapRef:w,onOutsideClick:()=>b(!1)}),C.jsxs("div",{ref:w,className:`${ge.listbox} ${c}`,children:[d,t?C.jsx("label",{className:`${ge["listBox-label"]} ${f==="floating"?ge["listBox-labelFloating"]:""}`,children:t}):null,C.jsxs("div",{className:`${ge.listboxButtonWrapper} ${l}`,children:[C.jsxs(Te,{className:`${ge["listBoxButton-container"]} ${f==="floating"?ge["listBoxButton-containerFloating"]:""}`,type:"button",variant:"custom",name:r,onClick:()=>b(A=>!A),children:[C.jsx("span",{className:ge.selectedOptionText,children:x==null?void 0:x.label}),C.jsx("span",{className:ge.listBoxButton,children:C.jsx(Uf,{className:ge.arrowicon,"aria-hidden":"true"})})]}),C.jsx(Wl,{show:y,as:P.Fragment,leave:ge.leave,leaveFrom:ge.leaveFrom,leaveTo:ge.leaveTo,children:C.jsx("div",{className:ge["listBox-options"],children:C.jsxs(C.Fragment,{children:[u&&C.jsx(Hl,{className:ge.search,setSearchKeyword:v}),D.length===0?C.jsx("div",{className:ge.notAvailable,children:"Not Available."}):D.map(A=>C.jsxs(Te,{className:Xt(i===A.value?ge.activeOption:ge.inactiveOption,ge.option),type:"button",variant:"custom",onClick:()=>{n==null||n(A.value),b(!1)},children:[C.jsx("span",{className:ge.optionLabel,style:_,children:A.label}),i===A.value?C.jsx("span",{className:ge.check,children:C.jsx(Qw,{className:ge.checkIcon,"aria-hidden":"true"})}):null]},A.value)),g<=e.length&&C.jsxs(Te,{variant:"secondary",type:"button",onClick:()=>m(g+30),className:ge.loadMore,children:["Load More",C.jsx(Ze,{name:"double-arrow-left-icon",className:ge.loadMoreIcon})]}),o]})})})]})]})},Zf=({control:r,name:t,...e})=>C.jsx(Kv,{control:r,name:t,render:({field:{onChange:n,value:i}})=>C.jsx(ur,{...e,onChange:n,value:i})}),lN=({label:r,options:t,onChange:e,value:n,defaultValue:i})=>{const a=n?t==null?void 0:t.find(o=>o.value.value===n):{label:i};return C.jsx(Wn,{value:n,onChange:e,children:({open:o})=>C.jsxs(C.Fragment,{children:[C.jsx(Wn.Label,{className:ge["listBox-label"],children:r}),C.jsxs("div",{className:ge.listboxButtonWrapper,children:[C.jsxs(Wn.Button,{className:ge["listBoxButton-container"],children:[C.jsx("span",{className:ge.selectedOptionText,children:a==null?void 0:a.label}),C.jsx("span",{className:ge.listBoxButton,children:C.jsx(Uf,{className:ge.arrowicon,"aria-hidden":"true"})})]}),C.jsx(Wl,{show:o,as:P.Fragment,leave:ge.leave,leaveFrom:ge.leaveFrom,leaveTo:ge.leaveTo,children:C.jsx(Wn.Options,{className:ge["listBox-options"],children:t==null?void 0:t.map(s=>C.jsx(Wn.Option,{className:({active:l})=>Xt(l?ge.activeOption:ge.inactiveOption,ge.option),value:s.value.value,children:({selected:l,active:c})=>C.jsxs(C.Fragment,{children:[C.jsx("span",{className:Xt(l?ge.selectedLabel:ge.nonselectedLabel,ge.optionLabel),children:s.label}),C.jsx("span",{className:Xt(l?ge.selectedLabel:ge.nonselectedLabel,ge.optionLabel,ge.optionSubLabel),children:s.value.subValue}),l?C.jsx("span",{className:Xt(c?ge.checkActive:ge.checkInactive,ge.check),children:C.jsx(Qw,{className:ge.checkIcon,"aria-hidden":"true"})}):null]})},`${s.value.value}_${s.value.subValue}`))})})]})]})})},f6=({control:r,name:t,options:e,label:n,defaultValue:i})=>C.jsx(Kv,{control:r,name:t,render:({field:{onChange:a,value:o}})=>C.jsx(lN,{onChange:a,options:e,value:o,label:n,defaultValue:i})}),d6=({options:r,defaultValue:t,value:e,onChange:n,label:i,name:a,className:o="",children:s,placeHolder:l,onClick:c,isSearchEnabled:u,containerClass:h="",labelVariant:d="static",icon:f})=>{const[p,v]=P.useState(""),[g,m]=P.useState(20),y=P.useMemo(()=>p?r.filter(b=>b.label.toLowerCase().includes(p)).slice(0,g):r.slice(0,g),[p,r,g]);return C.jsx(C.Fragment,{children:C.jsxs(Wn,{value:e,onChange:n,defaultValue:t,multiple:!0,name:a,as:"div",className:`${ge.listbox} ${h}`,children:[f,i?C.jsx(Wn.Label,{className:`${ge["listBox-label"]} ${d==="floating"?ge["listBox-labelFloating"]:""}`,children:i}):null,C.jsxs("div",{className:ge.listboxButtonWrapper,children:[C.jsxs(Wn.Button,{className:`${ge["listBoxButton-container"]} ${o} ${d==="floating"?ge["listBoxButton-containerFloating"]:""}`,onClick:c,children:[C.jsx("span",{className:ge.selectedOptionText,children:l||"Choose options from list"}),C.jsx("span",{className:ge.listBoxButton,children:C.jsx(Uf,{className:ge.arrowicon,"aria-hidden":"true"})})]}),C.jsx(Wl,{as:"div",leave:ge.leave,leaveFrom:ge.leaveFrom,leaveTo:ge.leaveTo,className:ge.transitionDiv,children:C.jsxs(Wn.Options,{className:ge["listBox-options"],children:[u&&C.jsx(Hl,{className:ge.search,setSearchKeyword:v}),y.length===0?C.jsx("div",{className:ge.notAvailable,children:"Not Available."}):y.map(b=>C.jsx(Wn.Option,{className:({selected:w,active:x})=>Xt(w?ge.optionSelected:"",x?ge.activeOption:"",ge.option),value:b.value,children:({selected:w})=>C.jsxs(C.Fragment,{children:[C.jsx("span",{className:ge.check,children:w?C.jsx("div",{className:ge.checkIconSelected,children:C.jsx(LL,{color:"white"})}):C.jsx("div",{className:ge.checkIconUnselected})}),C.jsx("span",{className:`${ge.optionLabel}`,children:b.label})]})},b.value)),g<=r.length&&C.jsxs(Te,{variant:"secondary",type:"button",onClick:()=>m(g+30),className:ge.loadMore,children:["Load More",C.jsx(Ze,{name:"double-arrow-left-icon",className:ge.loadMoreIcon})]}),s]})})]}),e!=null&&e.length?C.jsx("div",{className:ge.selectedList,children:e.map(b=>{var w;return C.jsx(we,{styleClass:"font-14c",variant:"p",className:ge.selectedListItem,children:(w=r.find(x=>x.value===b))==null?void 0:w.label})})}):null]})})},Vi=({options:r,defaultValue:t,value:e,onChange:n,label:i,name:a,className:o="",children:s,placeHolder:l,onClick:c,isSearchEnabled:u,containerClass:h="",labelVariant:d="static",icon:f})=>{const[p,v]=P.useState(""),[g,m]=P.useState(20),[y,b]=P.useState(!1),w=P.useRef(),x=P.useMemo(()=>p?r.filter(_=>_.label.toLowerCase().includes(p)).slice(0,g):r.slice(0,g),[p,r,g]);return Bc({wrapRef:w,onOutsideClick:()=>b(!1)}),P.useEffect(()=>{t&&t.length&&(n==null||n(t))},[]),C.jsx(C.Fragment,{children:C.jsxs("div",{ref:w,className:`${ge.listbox} ${h}`,children:[f,i?C.jsx("label",{className:`${ge["listBox-label"]} ${d==="floating"?ge["listBox-labelFloating"]:""}`,children:i}):null,C.jsxs("div",{className:ge.listboxButtonWrapper,children:[C.jsxs(Te,{className:`${ge["listBoxButton-container"]} ${o} ${d==="floating"?ge["listBoxButton-containerFloating"]:""}`,variant:"custom",type:"button",onClick:()=>b(_=>!_),name:a,children:[C.jsx("span",{className:ge.selectedOptionText,children:l||"Choose options from list"}),C.jsx("span",{className:ge.listBoxButton,children:C.jsx(Uf,{className:ge.arrowicon,"aria-hidden":"true"})})]}),C.jsx(Wl,{show:y,as:P.Fragment,leave:ge.leave,leaveFrom:ge.leaveFrom,leaveTo:ge.leaveTo,children:C.jsxs("div",{className:ge["listBox-options"],children:[u&&C.jsx(Hl,{className:ge.search,setSearchKeyword:v}),x.length===0?C.jsx("div",{className:ge.notAvailable,children:"Not Available."}):x.map(_=>C.jsxs(Te,{className:Xt(e!=null&&e.includes(_.value)?ge.optionSelected:"",ge.option),type:"button",variant:"custom",onClick:()=>{e!=null&&e.find(D=>D===_.value)?n==null||n(e.filter(D=>D!==_.value)):n==null||n([...e||[],_.value]),c==null||c()},children:[C.jsx("span",{className:ge.check,children:e!=null&&e.includes(_.value)?C.jsx("div",{className:ge.checkIconSelected,children:C.jsx(LL,{color:"white"})}):C.jsx("div",{className:ge.checkIconUnselected})}),C.jsx("span",{className:`${ge.optionLabel}`,children:_.label})]},_.value)),g<=r.length&&C.jsxs(Te,{variant:"secondary",type:"button",onClick:()=>m(g+30),className:ge.loadMore,children:["Load More",C.jsx(Ze,{name:"double-arrow-left-icon",className:ge.loadMoreIcon})]}),s]})})]}),e!=null&&e.length?C.jsx("div",{className:ge.selectedList,children:e.map(_=>{var D;return C.jsx(we,{styleClass:"font-14c",variant:"p",className:ge.selectedListItem,children:(D=r.find(A=>A.value===_))==null?void 0:D.label},_)})}):null]})})},uN=({control:r,name:t,...e})=>C.jsx(C.Fragment,{children:C.jsx(Kv,{control:r,name:t,render:({field:{onChange:n,value:i}})=>C.jsx(Vi,{...e,name:t,value:i,onChange:n})})}),Is={label:"_label_1wy7g_1",floatingLabel:"_floatingLabel_1wy7g_7","inputField-container":"_inputField-container_1wy7g_13",checkboxLabel:"_checkboxLabel_1wy7g_19",input:"_input_1wy7g_13",floatingInput:"_floatingInput_1wy7g_31",checkboxField:"_checkboxField_1wy7g_37",inputWrapper:"_inputWrapper_1wy7g_43"},p6={error:"_error_1csa7_1"},qf=({message:r=""})=>C.jsx(we,{variant:"p",styleClass:"custom",className:p6.error,children:r}),Ge=({type:r="text",register:t,error:e,icon:n,label:i,isDisabled:a,labelClass:o,inputClass:s,className:l,labelVariant:c="static",id:u,...h})=>["checkbox","radio"].includes(r)?C.jsxs("div",{className:`${Is.checkboxField} ${l??""}`,children:[C.jsx("input",{...h,type:r,id:u,className:s,...t,disabled:a}),i?C.jsxs("label",{htmlFor:u,className:`${Is.checkboxLabel} ${o}`,children:[n," ",i]}):null]}):C.jsxs("div",{className:`${Is["inputField-container"]} ${l??""}`,children:[i?C.jsx("label",{htmlFor:u,className:`${Is.label} ${c==="floating"?Is.floatingLabel:""} ${o}`,children:i}):null,C.jsxs("div",{className:Is.inputWrapper,children:[C.jsx("input",{...h,id:u,type:r,className:`${Is.input} ${c==="floating"?Is.floatingInput:""} ${s}`,...t,disabled:a}),n]}),e&&C.jsx(qf,{message:e.message})]}),cN=({data:r,chartSettings:t,setChartSettings:e,groupbyList:n})=>{var g,m;const[i,a]=P.useState(""),[o,s]=P.useState(""),[l,c]=P.useState(""),u=P.useMemo(()=>{const y=r?Object.keys(r[0]||{}).map(b=>({value:b,label:b})):[];return y.push({value:"NONE",label:"NONE"}),y},[r]),h=P.useMemo(()=>u==null?void 0:u.filter(y=>!n.includes(y.value)),[u]),d=P.useMemo(()=>u==null?void 0:u.filter(y=>n.includes(y.value)),[u]),f=P.useCallback(y=>{e(b=>({...b,yAxisList:y.filter(w=>w&&w!=="NONE"&&u.map(x=>x.value).includes(w))}))},[u]),p=P.useCallback(y=>{e(b=>({...b,pivotTableSettings:{...t.pivotTableSettings,rows:y.filter(w=>w&&w!=="NONE"&&(h==null?void 0:h.map(x=>x.value).includes(w)))}}))},[t.pivotTableSettings,u,e]),v=P.useCallback(y=>{e(b=>({...b,pivotTableSettings:{...t.pivotTableSettings,columns:y.filter(w=>w&&w!=="NONE"&&(d==null?void 0:d.map(x=>x.value).includes(w)))}}))},[t.pivotTableSettings,u,e]);return P.useEffect(()=>{i&&o&&l&&e(y=>({...y,sankeyValues:[i,o,l]}))},[i,o,l]),t.chartType===XL?C.jsxs("div",{className:wi.container,children:[C.jsx(ur,{label:"Source",options:u,onChange:a,value:i}),C.jsx(ur,{label:"Target",options:u,onChange:s,value:o}),C.jsx(ur,{label:"Value",options:u,onChange:c,value:l})]}):t.chartType===me.pivot?C.jsxs("div",{className:wi.container,children:[C.jsx(Vi,{label:"Metrics",name:"metrics",options:h||[],defaultValue:h==null?void 0:h.map(y=>y.value),value:(g=t==null?void 0:t.pivotTableSettings)==null?void 0:g.rows,onChange:p}),C.jsx(Vi,{label:"Group by",name:"groupby",options:d||[],defaultValue:d==null?void 0:d.map(y=>y.value),value:(m=t==null?void 0:t.pivotTableSettings)==null?void 0:m.columns,onChange:v})]}):t.chartType===r1?C.jsx(C.Fragment,{children:!!(t.chartType===r1||n1)&&C.jsxs("div",{className:wi.container,children:[C.jsx(ur,{label:"Dimension",options:u,onChange:y=>e(b=>({...b,xAxis:y})),value:t.xAxis}),C.jsx(Vi,{label:"Measure",name:"yAxisList",options:u,value:t.yAxisList,onChange:f})]})}):t.chartType===n1?C.jsx(C.Fragment,{children:C.jsxs("div",{className:wi.container,children:[C.jsx(ur,{label:"Dimension",options:u,onChange:y=>e(b=>({...b,xAxis:y})),value:t.xAxis}),C.jsx(Vi,{name:"yAxisList",label:"Measure",options:u,value:t.yAxisList,onChange:f})]})}):t.chartType===me.singleValue?C.jsx("div",{className:wi.container,children:C.jsx(ur,{label:"Measure",options:u,onChange:y=>e(b=>({...b,singleValue:y})),value:t.singleValue})}):C.jsx(C.Fragment,{children:C.jsxs("div",{className:wi.container,children:[![me.gauge,me.boxplot,me.table].includes(t.chartType)&&C.jsx(C.Fragment,{children:t.chartType===me.funnel?C.jsx(ur,{label:"Step",options:u,onChange:y=>e(b=>({...b,step:y})),value:t.step}):C.jsx(ur,{label:t.chartType===me.row?"Y-axis":"X-axis",options:u,onChange:y=>e(b=>({...b,xAxis:y})),value:t.xAxis})}),[me.funnel,me.gauge,me.boxplot].includes(t.chartType)?C.jsx(ur,{label:"Measure",options:u,onChange:y=>e(b=>({...b,measure:y})),value:t.measure}):C.jsxs(C.Fragment,{children:[C.jsx(Vi,{label:t.chartType===me.row?"X-axis":t.chartType===me.table?"Measure":"Y-axis",name:"yAxisList",options:u,value:t.yAxisList,onChange:f}),[me.line,me.bar,me.timeSeries,me.stack].includes(t.chartType)?C.jsxs(C.Fragment,{children:[C.jsx(Ge,{type:"checkbox",label:"Multi Series",className:wi.checkboxTooltipWrapper,checked:t==null?void 0:t.isMultiDimension,onChange:y=>e(b=>({...b,isMultiDimension:y.target.checked,isDynamicSeries:!1}))}),C.jsx(Ge,{type:"checkbox",label:"dynamic group",className:wi.checkboxTooltipWrapper,checked:t==null?void 0:t.isDynamicSeries,onChange:y=>e(b=>({...b,isDynamicSeries:y.target.checked,seriesField:"ungrouped"}))})]}):null,[me.line,me.bar,me.timeSeries,me.stack].includes(t.chartType)&&t.isMultiDimension?t.isDynamicSeries?C.jsx(Vi,{label:"Series Column",options:d,onChange:y=>e(b=>({...b,seriesField:(y==null?void 0:y[0])||"ungrouped",seriesOptions:y||[]})),value:t.seriesOptions||[]}):C.jsx(ur,{label:"Series Column",options:[{value:"ungrouped",label:"ungrouped"},...d],onChange:y=>e(b=>({...b,seriesField:y})),value:t.seriesField}):null]})]})})},v6=[{name:"Line",icon:r=>C.jsx("svg",{viewBox:"0 0 24 24",width:"1.2em",height:"1.2em",...r,children:C.jsx("path",{fill:"currentColor",d:"m3.5 18.5l6-6l4 4L22 6.92L20.59 5.5l-7.09 8l-4-4L2 17l1.5 1.5Z"})})},{name:"Bar",icon:r=>C.jsx("svg",{viewBox:"0 0 24 24",width:"1.2em",height:"1.2em",...r,children:C.jsx("path",{fill:"currentColor",d:"M3 22V8h4v14H3m7 0V2h4v20h-4m7 0v-8h4v8h-4Z"})})},{name:"Combo",icon:r=>C.jsxs("svg",{viewBox:"0 0 32 32",width:"1.2em",height:"1.2em",...r,children:[C.jsx("path",{fill:"currentColor",d:"M27 28V16h-8v12h-4V12H7v16H4V2H2v26a2 2 0 0 0 2 2h26v-2Zm-14 0H9V14h4Zm12 0h-4V18h4Z"}),C.jsx("path",{fill:"currentColor",d:"M22.786 14a1.988 1.988 0 0 1-1.18-.387L11.205 5.987L8.242 10L6.637 8.806l2.982-4a1.998 1.998 0 0 1 2.749-.446L22.789 12l3.604-4.86L28 8.33l-3.604 4.862a2.001 2.001 0 0 1-1.61.808Z"})]})},{name:"Scatter",icon:r=>C.jsxs("svg",{viewBox:"0 0 24 24",width:"1.2em",height:"1.2em",...r,children:[C.jsx("path",{fill:"currentColor",d:"M4 21h17v-2H5V3H3v17a1 1 0 0 0 1 1z"}),C.jsx("circle",{cx:10,cy:8,r:2,fill:"currentColor"}),C.jsx("circle",{cx:18,cy:12,r:2,fill:"currentColor"}),C.jsx("circle",{cx:11.5,cy:13.5,r:1.5,fill:"currentColor"}),C.jsx("circle",{cx:16.5,cy:6.5,r:1.5,fill:"currentColor"})]})},{name:"Row",icon:r=>C.jsx("svg",{viewBox:"0 0 24 24",width:"1.2em",height:"1.2em",...r,children:C.jsx("path",{fill:"currentColor",d:"M4 22H2V2h2v20Zm11-1H5v-3h10v3Zm3-5H5v-3h13v3Zm3-5H5V8h16v3Zm-8-5H5V3h8v3Z"})})},{name:"Area",icon:r=>C.jsx("svg",{viewBox:"0 0 1024 1024",width:"1.2em",height:"1.2em",...r,children:C.jsx("path",{fill:"currentColor",d:"M888 792H200V168c0-4.4-3.6-8-8-8h-56c-4.4 0-8 3.6-8 8v688c0 4.4 3.6 8 8 8h752c4.4 0 8-3.6 8-8v-56c0-4.4-3.6-8-8-8zm-616-64h536c4.4 0 8-3.6 8-8V284c0-7.2-8.7-10.7-13.7-5.7L592 488.6l-125.4-124a8.03 8.03 0 0 0-11.3 0l-189 189.6a7.87 7.87 0 0 0-2.3 5.6V720c0 4.4 3.6 8 8 8z"})})},{name:"Pie",icon:r=>C.jsx("svg",{viewBox:"0 0 16 16",width:"1.2em",height:"1.2em",...r,children:C.jsx("path",{fill:"currentColor",d:"M7.5 1.018a7 7 0 0 0-4.79 11.566L7.5 7.793V1.018zm1 0V7.5h6.482A7.001 7.001 0 0 0 8.5 1.018zM14.982 8.5H8.207l-4.79 4.79A7 7 0 0 0 14.982 8.5zM0 8a8 8 0 1 1 16 0A8 8 0 0 1 0 8z"})})},{name:"Waterfall",icon:r=>C.jsxs("svg",{viewBox:"0 0 32 32",width:"1.2em",height:"1.2em",...r,children:[C.jsx("path",{fill:"currentColor",d:"M28 28V18h-2v10h-4V4h-2v24H10V14H8v14H4V2H2v26a2.002 2.002 0 0 0 2 2h26v-2Z"}),C.jsx("path",{fill:"currentColor",d:"M14 4h2v14h-2z"})]})},{name:"Funnel",icon:r=>C.jsx("svg",{viewBox:"0 0 16 16",width:"1.2em",height:"1.2em",...r,children:C.jsx("path",{fill:"currentColor",d:"M1.5 1.5A.5.5 0 0 1 2 1h12a.5.5 0 0 1 .5.5v2a.5.5 0 0 1-.128.334L10 8.692V13.5a.5.5 0 0 1-.342.474l-3 1A.5.5 0 0 1 6 14.5V8.692L1.628 3.834A.5.5 0 0 1 1.5 3.5v-2zm1 .5v1.308l4.372 4.858A.5.5 0 0 1 7 8.5v5.306l2-.666V8.5a.5.5 0 0 1 .128-.334L13.5 3.308V2h-11z"})})},{name:"Bubble",icon:r=>C.jsxs("svg",{viewBox:"0 0 32 32",width:"1.2em",height:"1.2em",...r,children:[C.jsx("path",{fill:"currentColor",d:"M30 30H4a2 2 0 0 1-2-2V2h2v26h26Z"}),C.jsx("path",{fill:"currentColor",d:"M10 16a2 2 0 1 1-2 2a2 2 0 0 1 2-2m0-2a4 4 0 1 0 4 4a4 4 0 0 0-4-4zm11-8a4 4 0 1 1-4 4a4 4 0 0 1 4-4m0-2a6 6 0 1 0 6 6a6 6 0 0 0-6-6zm3.5 17a1.5 1.5 0 1 1-1.5 1.5a1.5 1.5 0 0 1 1.5-1.5m0-2a3.5 3.5 0 1 0 3.5 3.5a3.5 3.5 0 0 0-3.5-3.5z"})]})},{name:"Doughnut",icon:r=>C.jsx("svg",{viewBox:"0 0 24 24",width:"1.2em",height:"1.2em",...r,children:C.jsx("path",{fill:"currentColor",d:"M12.051 21.949a10 10 0 0 1-1-19.949v4.04a5.994 5.994 0 1 0 6.91 6.909H22a10.015 10.015 0 0 1-9.95 9Zm9.95-11h-4.04a5.993 5.993 0 0 0-4.91-4.909V2a10.022 10.022 0 0 1 8.95 8.948v.001Z"})})},{name:"Stepped",icon:r=>C.jsx("svg",{viewBox:"0 0 32 32",width:"1.2em",height:"1.2em",...r,children:C.jsx("path",{fill:"currentColor",d:"M22 10V6H10v6H4V2H2v26a2.002 2.002 0 0 0 2 2h26V10Zm-10 4V8h8v4h8v10h-6v-6H12v6H4v-8ZM4 28v-4h10v-6h6v6h8v4Z"})})},{name:"Histogram",icon:r=>C.jsx("svg",{viewBox:"0 0 24 24",width:"1.2em",height:"1.2em",...r,children:C.jsx("path",{fill:"currentColor",d:"M3 4h1v9h3V7h5v4h4v4h4v6H3V4m13 12v4h3v-4h-3m-4-4v8h3v-8h-3M8 8v12h3V8H8m-4 6v6h3v-6H4Z"})})},{name:"Gauge",icon:r=>C.jsx("svg",{viewBox:"0 0 20 20",width:"1.2em",height:"1.2em",...r,children:C.jsx("path",{fill:"currentColor",d:"M8.127 13.6c-.689 1.197-.225 2.18.732 2.732c.956.553 2.041.465 2.732-.732c.689-1.195 5.047-11.865 4.668-12.084c-.379-.219-7.442 8.888-8.132 10.084zM10 6c.438 0 .864.037 1.281.109c.438-.549.928-1.154 1.405-1.728A9.664 9.664 0 0 0 10 4C4.393 4 0 8.729 0 14.766c0 .371.016.742.049 1.103c.049.551.54.955 1.084.908c.551-.051.957-.535.908-1.086A10.462 10.462 0 0 1 2 14.766C2 9.85 5.514 6 10 6zm7.219 1.25c-.279.75-.574 1.514-.834 2.174C17.4 10.894 18 12.738 18 14.766c0 .316-.015.635-.043.943a1.001 1.001 0 0 0 1.992.182c.033-.37.051-.748.051-1.125c0-2.954-1.053-5.59-2.781-7.516z"})})},{name:"Sankey",icon:r=>C.jsx("svg",{viewBox:"0 0 32 32",width:"1.2em",height:"1.2em",...r,children:C.jsx("path",{fill:"currentColor",d:"M30 2H2v14h6.111a7.036 7.036 0 0 1 3.13.74L15.764 19l-4.522 2.26a7.036 7.036 0 0 1-3.13.74H2v8h7.223a9.045 9.045 0 0 0 4.025-.95l8.622-4.31A7.036 7.036 0 0 1 25 24h5V14h-5a7.036 7.036 0 0 1-3.13-.74L15.348 10H30ZM8 4h16v4H8ZM4 4h2v10H4Zm0 20h2v4H4Zm16.975-1.05l-8.622 4.31a7.036 7.036 0 0 1-3.13.74H8v-4h.111a9.045 9.045 0 0 0 4.025-.95L18 20.118l1.864.932a9.045 9.045 0 0 0 4.025.95H24v.058a9.052 9.052 0 0 0-3.025.892ZM28 22h-2v-6h2ZM12.354 10.74l8.621 4.31a9.052 9.052 0 0 0 3.025.89V20h-.111a7.036 7.036 0 0 1-3.13-.74l-8.622-4.31A9.045 9.045 0 0 0 8.11 14H8v-4h1.223a7.036 7.036 0 0 1 3.13.74ZM28 8h-2V4h2Z"})})},{name:"Stack",icon:r=>C.jsx("svg",{viewBox:"0 0 24 24",width:"1.2em",height:"1.2em",...r,children:C.jsx("path",{fill:"currentColor",d:"M22 21H2V3h2v16h2v-2h4v2h2v-3h4v3h2v-2h4v4m-4-7h4v2h-4v-2m-6-8h4v3h-4V6m4 9h-4v-5h4v5M6 10h4v2H6v-2m4 6H6v-3h4v3Z"})})},{name:"Single value",icon:r=>C.jsx("svg",{viewBox:"0 0 16 16",width:"1.2em",height:"1.2em",...r,children:C.jsx("path",{fill:"currentColor",d:"M2.873 11.297V4.142H1.699L0 5.379v1.137l1.64-1.18h.06v5.961h1.174Zm3.213-5.09v-.063c0-.618.44-1.169 1.196-1.169c.676 0 1.174.44 1.174 1.106c0 .624-.42 1.101-.807 1.526L4.99 10.553v.744h4.78v-.99H6.643v-.069L8.41 8.252c.65-.724 1.237-1.332 1.237-2.27C9.646 4.849 8.723 4 7.308 4c-1.573 0-2.36 1.064-2.36 2.15v.057h1.138Zm6.559 1.883h.786c.823 0 1.374.481 1.379 1.179c.01.707-.55 1.216-1.421 1.21c-.77-.005-1.326-.419-1.379-.953h-1.095c.042 1.053.938 1.918 2.464 1.918c1.478 0 2.642-.839 2.62-2.144c-.02-1.143-.922-1.651-1.551-1.714v-.063c.535-.09 1.347-.66 1.326-1.678c-.026-1.053-.933-1.855-2.359-1.845c-1.5.005-2.317.88-2.348 1.898h1.116c.032-.498.498-.944 1.206-.944c.703 0 1.206.435 1.206 1.07c.005.64-.504 1.106-1.2 1.106h-.75v.96Z"})})},{name:"BoxPlot",icon:r=>C.jsxs("svg",{viewBox:"0 0 32 32",width:"1.2em",height:"1.2em",...r,children:[C.jsx("path",{fill:"currentColor",d:"M22 6V4H12v2h4v2h-4v12h4v2h-4v2h10v-2h-4v-2h4V8h-4V6Zm-8 12v-3h6v3Zm6-5h-6v-3h6Z"}),C.jsx("path",{fill:"currentColor",d:"M30 30H4a2 2 0 0 1-2-2V2h2v26h26Z"})]})},{name:"Table",icon:r=>C.jsx("svg",{viewBox:"0 0 24 24",width:"1.2em",height:"1.2em",...r,children:C.jsx("path",{fill:"currentColor",d:"M8 16h5v-5H8v5Zm0-7h12V4H8Zm7 7h5v-5h-5Zm-7 2q-.825 0-1.412-.587Q6 16.825 6 16V4q0-.825.588-1.413Q7.175 2 8 2h12q.825 0 1.413.587Q22 3.175 22 4v12q0 .825-.587 1.413Q20.825 18 20 18Zm-4 4q-.825 0-1.412-.587Q2 20.825 2 20V6h2v14h14v2Z"})})},{name:"Time series",icon:r=>C.jsx("svg",{viewBox:"0 0 24 24",width:"1.2em",height:"1.2em",...r,children:C.jsx("path",{fill:"currentColor",d:"M21 8c-1.5 0-2.3 1.4-1.9 2.5l-3.6 3.6c-.3-.1-.7-.1-1 0l-2.6-2.6c.4-1.1-.4-2.5-1.9-2.5c-1.4 0-2.3 1.4-1.9 2.5L3.5 16c-1.1-.3-2.5.5-2.5 2c0 1.1.9 2 2 2c1.4 0 2.3-1.4 1.9-2.5l4.5-4.6c.3.1.7.1 1 0l2.6 2.6c-.3 1 .5 2.5 2 2.5s2.3-1.4 1.9-2.5l3.6-3.6c1.1.3 2.5-.5 2.5-1.9c0-1.1-.9-2-2-2m-6 1l.9-2.1L18 6l-2.1-.9L15 3l-.9 2.1L12 6l2.1.9L15 9M3.5 11L4 9l2-.5L4 8l-.5-2L3 8l-2 .5L3 9l.5 2Z"})})},{name:"Pivot Table",icon:r=>C.jsx("svg",{viewBox:"0 0 24 24",width:"1.2em",height:"1.2em",...r,children:C.jsx("path",{fill:"currentColor",d:"M22 15h-2v3c0 1.11-.89 2-2 2h-3v2l-3-3l3-3v2h3v-3h-2l3-3l3 3m0-11v4c0 1.1-.9 2-2 2H10v10c0 1.1-.9 2-2 2H4c-1.1 0-2-.9-2-2V4c0-1.1.9-2 2-2h16c1.1 0 2 .9 2 2M4 8h4V4H4v4m0 2v4h4v-4H4m4 10v-4H4v4h4m6-12V4h-4v4h4m6-4h-4v4h4V4Z"})})}],hN=({chartType:r,onChartChange:t,isEnableTimeSeries:e,isEnablePivotTable:n})=>C.jsx("div",{className:wi.chartOptions,children:v6.map(i=>C.jsxs("div",{className:wi.chartOption,children:[C.jsx(Te,{type:"button",variant:"custom",className:r===i.name.toLowerCase()?wi.chartOptionBtnSelected:wi.chartOptionBtn,onClick:()=>{t(i.name.toLowerCase())},isDisabled:i.name.toLowerCase()===me.timeSeries&&!e||i.name.toLowerCase()===me.pivot&&!n,children:i.name.toLowerCase()===me.timeSeries&&!e||i.name.toLowerCase()===me.pivot&&!n?C.jsx(i.icon,{style:{color:"grey",width:"20px",height:"20px"}}):C.jsx(i.icon,{style:{color:"blue",width:"20px",height:"20px"}})},i.name),C.jsx(we,{variant:"p",styleClass:"custom",className:wi.chartOptionText,children:i.name})]},i.name))}),g6=({value:r,options:t,control:e})=>{const[n,i]=P.useState("");return C.jsx(Zf,{control:e,label:"",options:t,onChange:i,name:n||r})},w1=({datatype:r="unknown",className:t})=>d1.includes(r.toLowerCase())?C.jsx(Ze,{name:"number-icon",className:t}):p1.includes(r.toLowerCase())||r.toLowerCase().includes("char")?C.jsx(Ze,{name:"text-icon",className:t}):iN.includes(r.toLowerCase())?C.jsx(Ze,{name:"array-icon",className:t}):v1.includes(r.toLowerCase())?C.jsx(Ze,{name:"date-icon",className:t}):g1.includes(r.toLowerCase())?C.jsx(Ze,{name:"boolean-icon",className:t}):C.jsx(Ze,{name:"unknown-icon"}),fN={container:"_container_1izll_1",windowIcon:"_windowIcon_1izll_7"},m6=r=>C.jsx("svg",{viewBox:"0 0 24 24",width:"1.2em",height:"1.2em",...r,children:C.jsxs("g",{fill:"none",stroke:"currentColor",strokeLinecap:"round",strokeWidth:1.5,children:[C.jsx("path",{d:"M15 21H4a2 2 0 0 1-2-2V5a2 2 0 0 1 2-2h16a2 2 0 0 1 2 2v10"}),C.jsx("path",{strokeLinejoin:"round",d:"M2 7h20M5 5.01l.01-.011M8 5.01l.01-.011M11 5.01l.01-.011M18 22.243l2.121-2.122m0 0L22.243 18m-2.122 2.121L18 18m2.121 2.121l2.122 2.122"})]})}),dN=()=>C.jsxs("div",{role:"alert",className:fN.container,children:[C.jsx(m6,{className:fN.windowIcon}),C.jsx(we,{variant:"p",styleClass:"font-20",children:"Something went wrong!"}),C.jsx(Te,{variant:"primary",size:"large",type:"button",onClick:()=>location.reload(),children:"Try again"})]}),Yl={container:"_container_dv0n1_1",field:"_field_dv0n1_9",fieldLabel:"_fieldLabel_dv0n1_17",save:"_save_dv0n1_25",cancel:"_cancel_dv0n1_33",error:"_error_dv0n1_41"},Mg={container:"_container_1rie6_1",label:"_label_1rie6_9",textarea:"_textarea_1rie6_17",resizable:"_resizable_1rie6_25"},pN=({id:r,label:t,placeholder:e,rows:n,cols:i,resizable:a=!0,register:o,error:s,defaultValue:l,value:c,onFocus:u,onBlur:h,className:d})=>C.jsxs("div",{className:`${Mg.container} ${d}`,children:[C.jsx("label",{htmlFor:r,className:Mg.label,children:t}),C.jsx("textarea",{id:r,name:r,rows:n,cols:i,placeholder:e,className:Xt(Mg.textarea,`${a?null:Mg.resizable}`),defaultValue:l,...o,value:c,onFocus:u,onBlur:h}),s&&C.jsx(qf,{message:s.message})]}),y6=({name:r,styles:t,placeholder:e,enabled:n})=>C.jsxs("label",{htmlFor:r,className:`${t.button}`,children:[Array.isArray(e)&&C.jsxs(C.Fragment,{children:[C.jsx("span",{className:` ${t.label} ${n?t.labelInactive:t.labelActive}`,children:e[0]}),C.jsx("span",{className:` ${t.switch} ${n?t.enabled:t.notenabled}`}),C.jsx("span",{className:` ${t.label} ${n?t.labelActive:t.labelInactive}`,children:e[1]})]}),typeof e=="string"&&C.jsxs(C.Fragment,{children:[C.jsx("span",{className:` ${t.switch} ${n?t.enabled:t.notenabled}`}),C.jsx("span",{className:` ${t.label} ${n?t.labelActive:t.labelInactive}`,children:e})]}),!Array.isArray(e)&&typeof e!="string"&&C.jsx("span",{className:` ${t.switch} ${n?t.enabled:t.notenabled}`})]}),Dg={group:"_group_4odq6_1",button:"_button_4odq6_9",toggleWidth:"_toggleWidth_4odq6_15",checkbox:"_checkbox_4odq6_23",switch:"_switch_4odq6_31",enabled:"_enabled_4odq6_49",notenabled:"_notenabled_4odq6_65",toggle:"_toggle_4odq6_15",label:"_label_4odq6_89",labelActive:"_labelActive_4odq6_97",labelInactive:"_labelInactive_4odq6_105",toggleInactive:"_toggleInactive_4odq6_113"},b6=({name:r,styles:t,placeholder:e,enabled:n})=>C.jsxs("label",{htmlFor:r,className:`${t.button} ${t.toggleWidth}`,children:[Array.isArray(e)&&C.jsxs(C.Fragment,{children:[C.jsx("span",{className:` ${t.label} ${n&&t.toggleInactive}`,children:e[0]}),C.jsx("span",{className:` ${t.switch} ${t.toggle} ${n?t.enabled:t.notenabled}
|
|
494
494
|
`}),C.jsx("span",{className:` ${t.label} ${n||t.toggleInactive}`,children:e[1]})]}),typeof e=="string"&&C.jsxs(C.Fragment,{children:[C.jsx("span",{className:` ${t.switch} ${t.toggle} ${n?t.enabled:t.notenabled}
|
|
495
495
|
`}),C.jsx("span",{className:` ${t.label} ${n||t.labelInactive}`,children:e})]}),!Array.isArray(e)&&typeof e!="string"&&C.jsx("span",{className:` ${t.switch} ${t.toggle} ${n?t.enabled:t.notenabled}
|
|
496
496
|
`})]}),vN=({enabled:r,variant:t="switch",onChange:e,label:n,className:i="",placeholder:a,labelClassName:o,defaultEnabled:s,name:l=`toggle-${Date.now()}`})=>C.jsxs("div",{className:`${Dg.group} ${i}`,children:[n?C.jsx(we,{styleClass:"font-14",variant:"p",className:o,children:n}):null,C.jsx("input",{type:"checkbox",id:l,checked:s,onChange:({target:c})=>e==null?void 0:e(c.checked),className:Dg.checkbox}),t==="toggle"&&C.jsx(b6,{name:l,styles:Dg,placeholder:a,enabled:r}),t==="switch"&&C.jsx(y6,{name:l,styles:Dg,placeholder:a,enabled:r})]}),Vc={modal:"_modal_1myn6_1",popup:"_popup_1myn6_9",header:"_header_1myn6_17",headerTitle:"_headerTitle_1myn6_25",content:"_content_1myn6_33",footer:"_footer_1myn6_41"},Xf=({children:r})=>{const[t,e]=P.useState();return P.useEffect(()=>{const n=document.querySelector("#dbn-portal")||document.createElement("div");if(n.setAttribute("id","dbn-portal"),document.body.querySelector("#dbn-portal")||document.body.appendChild(n),document.querySelector("dbn-dashboard")||document.querySelector("dbn-metric")){const i=document.querySelector("#dbn-styles"),a=n.shadowRoot||n.attachShadow({mode:"open"});if(i&&!a.querySelector("#dbn-portal-style")){const o=document.createElement("style");o.innerHTML=i.innerHTML,o.setAttribute("id","dbn-portal-style"),a.appendChild(o)}e(a)}else e(n)},[]),t?jl.createPortal(r,t):null},La=({children:r,isOpen:t,onClose:e,headerTitle:n,customHeader:i,icon:a})=>C.jsx(Xf,{children:t?C.jsx("div",{className:Vc.modal,onClick:e,children:C.jsxs("div",{className:Vc.popup,onClick:o=>{o.stopPropagation()},children:[C.jsx("section",{className:Vc.header,children:i||C.jsxs(C.Fragment,{children:[C.jsxs("span",{className:Vc.headerTitle,children:[a,n]}),C.jsx(Te,{variant:"custom",type:"button",onClick:e,children:C.jsx(Ze,{name:"close-icon"})})]})}),C.jsx("section",{className:Vc.content,children:r})]})}):null}),Wc=({children:r,className:t})=>C.jsx("section",{className:`${Vc.footer} ${t}`,children:r}),x1=({onSubmit:r,defaultValues:t,onCancel:e,isEmbedded:n=!0,dashboardIds:i,onDashboardChange:a,companyId:o,error:s})=>{const{register:l,handleSubmit:c,setValue:u}=ag(),[h,d]=P.useState((t==null?void 0:t.isLive)??!1),f=c(m=>{r({...m,isLive:h})}),{data:p}=r8({companyId:o}),v=p==null?void 0:p.externalDashboards,g=n?(v==null?void 0:v.filter(m=>m.id===i[0]).map(m=>({value:m.id,label:m.name})))??[]:(v==null?void 0:v.map(m=>({value:m.id,label:m.name})))??[];return P.useEffect(()=>{t&&(u("name",t.name),u("description",t.description),u("metricId",t.metricId))},[t]),C.jsxs("form",{onSubmit:f,children:[C.jsxs("div",{className:Yl.container,children:[C.jsx(Vi,{label:"Dashboards",options:g,name:"dashboards",value:i,onChange:a}),C.jsx(Ge,{name:"name",type:"text",placeholder:"What is the name of metric?",label:"Metric Name",register:l("name",{required:!0}),defaultValue:t==null?void 0:t.name}),C.jsx(Ge,{name:"name",type:"text",placeholder:"Unique Id to identify metric",label:"Metric ID",register:l("metricId",{required:!0}),defaultValue:t==null?void 0:t.metricId}),C.jsx(pN,{className:Yl.field,id:"desc",placeholder:"What is the name of metric?",label:"Description",rows:5,register:l("description"),defaultValue:t==null?void 0:t.description}),!n&&C.jsx(vN,{className:Yl.field,labelClassName:Yl.fieldLabel,enabled:h,onChange:d,label:"Publish Type",placeholder:h?"LIVE MODE":"TEST MODE",defaultEnabled:t==null?void 0:t.isLive})]}),!!s&&C.jsx(we,{variant:"p",styleClass:"font-14",className:Yl.error,children:s}),C.jsxs(Wc,{children:[C.jsx(Te,{type:"reset",variant:"secondary",className:Yl.cancel,onClick:e,size:"default",children:"Cancel"}),C.jsx(Te,{type:"submit",variant:"primary",size:"small",className:Yl.save,isDisabled:!g.length||!i.length,children:"Save"})]})]})},Et={container:"_container_1u0lb_1",wrapper:"_wrapper_1u0lb_5",label:"_label_1u0lb_9",noOptions:"_noOptions_1u0lb_13",floatingLabel:"_floatingLabel_1u0lb_17",floatingLabel2:"_floatingLabel2_1u0lb_21",floating2:"_floating2_1u0lb_26",floatingText:"_floatingText_1u0lb_31",staticText:"_staticText_1u0lb_36",staticLabel:"_staticLabel_1u0lb_36",InnerText:"_InnerText_1u0lb_36",normalText:"_normalText_1u0lb_41",dropdown:"_dropdown_1u0lb_45",options:"_options_1u0lb_49",checkedOption:"_checkedOption_1u0lb_53",option:"_option_1u0lb_49",icon:"_icon_1u0lb_61",text:"_text_1u0lb_65",search:"_search_1u0lb_69",loadMore:"_loadMore_1u0lb_73",loadMoreIcon:"_loadMoreIcon_1u0lb_77",aboveList:"_aboveList_1u0lb_81"},Hc=r=>C.jsx("svg",{viewBox:"0 0 24 24",width:"1.2em",height:"1.2em",...r,children:C.jsx("path",{fill:"currentColor",d:"m12 15.4l-6-6L7.4 8l4.6 4.6L16.6 8L18 9.4Z"})}),_1=r=>C.jsx("svg",{viewBox:"0 0 24 24",width:"1.2em",height:"1.2em",...r,children:C.jsx("path",{fill:"currentColor",d:"m10.6 16.2l7.05-7.05l-1.4-1.4l-5.65 5.65l-2.85-2.85l-1.4 1.4ZM5 21q-.825 0-1.413-.587Q3 19.825 3 19V5q0-.825.587-1.413Q4.175 3 5 3h14q.825 0 1.413.587Q21 4.175 21 5v14q0 .825-.587 1.413Q19.825 21 19 21Z"})}),Jf=r=>C.jsx("svg",{viewBox:"0 0 24 24",width:"1.2em",height:"1.2em",...r,children:C.jsx("path",{fill:"currentColor",d:"M5 21q-.825 0-1.413-.587Q3 19.825 3 19V5q0-.825.587-1.413Q4.175 3 5 3h14q.825 0 1.413.587Q21 4.175 21 5v14q0 .825-.587 1.413Q19.825 21 19 21Zm0-2h14V5H5v14Z"})}),yr=({label:r,labelVariant:t="floating",selectedOption:e,onChange:n,className:i,buttonClass:a,options:o,isDisabled:s,children:l,icon:c,isSearchEnabled:u,closeControl:h,dropdownAbove:d})=>{const[f,p]=P.useState(!1),v=P.useRef(null),[g,m]=P.useState(""),[y,b]=P.useState(20),w=e.label||e.value;Bc({wrapRef:v,onOutsideClick:()=>p(!1)}),P.useEffect(()=>{h!=null&&h.close&&p(!1)},[h==null?void 0:h.close]);const x=P.useMemo(()=>g?o.filter(_=>_.label.toLowerCase().includes(g)).slice(0,y):o.slice(0,y),[g,o,y]);return C.jsxs("div",{className:Xt(Et.container,i),ref:v,children:[r&&(t==="floating"||t==="static")?C.jsx(we,{variant:"span",styleClass:t==="floating"?"custom":"font-14",className:`${Et.label} ${t==="floating"?Et.floatingLabel:Et.staticLabel} ${c&&t==="floating"&&"left-8"}`,children:r}):r&&t==="floating-2"&&w?C.jsx(we,{variant:"span",styleClass:"custom",className:`${Et.label} ${Et.floatingLabel2}`,children:r}):null,C.jsxs(Te,{type:"button",variant:"custom",isDisabled:s,className:Xt(Et.wrapper,a),onClick:()=>p(!f),children:[c&&t==="floating-2"&&!w?C.jsx(we,{variant:"span",styleClass:"custom",className:"mr-1",children:c}):null,c&&(t==="floating"||t==="static")?C.jsx(we,{variant:"span",styleClass:"custom",className:"mr-1",children:c}):null,C.jsx(we,{variant:"p",styleClass:"font-14",className:` grow text-left ${t==="floating"?Et.floatingText:Et.staticText}`,children:C.jsxs(we,{variant:"span",className:` ${Et.InnerText} ${t==="floating-2"&&!w&&Et.floating2}`,styleClass:"custom",children:[t==="floating"||t==="static"?w||"Select an option":null,t==="floating-2"?w||r||"Select option":null]})}),C.jsx("div",{children:C.jsx(Hc,{})})]}),f&&!s&&C.jsxs("div",{className:`${d?Et.aboveList:Et.dropdown}`,children:[u&&C.jsx(Hl,{className:Et.search,setSearchKeyword:m}),C.jsxs("div",{className:Et.options,children:[!x.length&&C.jsx("div",{className:Et.noOptions,children:"Not Available"}),x.map(_=>{const D=_.value===e.value;return C.jsx(Te,{type:"button",variant:"custom",className:D?Et.checkedOption:Et.option,onClick:()=>{n(_),p(!1)},children:_.label},_.key||_.value)}),y<=o.length&&C.jsxs(Te,{variant:"secondary",type:"button",onClick:()=>b(_=>_+20),className:Et.loadMore,children:["Load More"," ",C.jsx(Ze,{name:"double-arrow-left-icon",className:Et.loadMoreIcon})]})]}),l]})]})},Kf=P.memo(({label:r,labelVariant:t="floating",selectedOptions:e,onChange:n,className:i,options:a,isDisabled:o,children:s,isSearchEnabled:l,icon:c})=>{const[u,h]=P.useState(!1),d=P.useRef(null),[f,p]=P.useState(""),[v,g]=P.useState(20),m=P.useMemo(()=>f?a.filter(b=>b.label.toLowerCase().includes(f)).slice(0,v):a.slice(0,v),[f,a,v]);Bc({wrapRef:d,onOutsideClick:()=>h(!1)});const y=(b,w)=>{switch(b){case 0:return"Select options from the list";case 1:return`${w[0].value.toString().length>35?`${w[0].value.toString().substring(0,35)}...`:w[0].value}`;case 2:default:return`${w[0].value.toString().length>20?`${w[0].value.toString().substring(0,20)}...`:w[0].value}, ${w[1].value.toString().length>10?w[1].value.toString().substring(0,10):w[1].value}...`}};return C.jsxs("div",{className:Xt(Et.container,i),ref:d,children:[r&&(t==="floating"||t==="static")?C.jsx(we,{variant:"span",styleClass:t==="floating"?"custom":"font-14",className:`${Et.label} ${t==="floating"?Et.floatingLabel:Et.staticLabel} ${c&&t==="floating"&&"left-8"}`,children:r}):r&&t==="floating-2"&&e.length?C.jsx(we,{variant:"span",styleClass:"custom",className:`${Et.label} ${Et.floatingLabel2}`,children:r}):null,C.jsxs(Te,{type:"button",variant:"custom",isDisabled:o,className:Et.wrapper,onClick:()=>h(!u),children:[c&&t==="floating-2"&&!e.length?C.jsx(we,{variant:"span",styleClass:"custom",className:"mr-1",children:c}):null,c&&(t==="floating"||t==="static")?C.jsx(we,{variant:"span",styleClass:"custom",className:"mr-1",children:c}):null,C.jsxs(we,{variant:"p",styleClass:"font-14",className:` grow text-left ${t==="floating"?Et.floatingText:Et.staticText} ${t==="floating-2"&&!e.length&&Et.floating2}`,children:[t==="floating"||t==="static"?y(e.length,e):null,t==="floating-2"?e.length?y(e.length,e):r||"Select option":null]}),C.jsx(Hc,{})]}),u&&!o&&C.jsxs("div",{className:Et.dropdown,children:[l&&C.jsx(Hl,{className:Et.search,setSearchKeyword:p}),C.jsxs("div",{className:Et.options,children:[!m.length&&C.jsx("div",{className:Et.noOptions,children:"Not Available"}),m.map(b=>{const w=!!e.find(x=>x.value===b.value);return C.jsxs(Te,{type:"button",variant:"custom",className:w?Et.checkedOption:Et.option,onClick:()=>{const x=w?e.filter(_=>_.value!==b.value):[...e,b];n(x)},children:[C.jsx(we,{variant:"span",styleClass:"custom",children:w?C.jsx(_1,{}):C.jsx(Jf,{})}),b.label]},b.key||b.value)}),v<=a.length&&C.jsxs(Te,{variant:"secondary",type:"button",onClick:()=>g(b=>b+20),className:Et.loadMore,children:["Load More",C.jsx(Ze,{name:"double-arrow-left-icon",className:Et.loadMoreIcon})]})]}),s]})]})}),Cg=({companyId:r,filter:t,onChange:e,selectedOption:n,autoSelected:i=!0,integrationId:a,integrationName:o,...s})=>{const[l,c]=P.useState([]),{fetchColumnValues:u}=_g();return P.useEffect(()=>{u({integrationId:a,integrationName:o,tableName:t.tableName,columnName:t.columnName},{onSuccess:h=>{var f;if(!((f=h.fetchColumnData)!=null&&f.data))return;const d=[];h.fetchColumnData.data.forEach(p=>{p&&d.push({label:p.label,value:p.value})}),c(d)}})},[t.tableName,t.columnName,r]),P.useEffect(()=>{l.length&&l[0]&&i&&e(l[0])},[l.length,l[0],i,t.columnName]),C.jsx(yr,{onChange:e,selectedOption:t.defaultValue?{label:t.defaultValue,value:t.defaultValue}:n,isDisabled:!!t.defaultValue,options:l,label:t.columnName,...s})},ed=P.memo(({filter:r,companyId:t,autoSelected:e,onChange:n,selectedOptions:i,label:a,integrationId:o,integrationName:s,...l})=>{const[c,u]=P.useState([]),{fetchColumnValues:h}=_g();return P.useEffect(()=>{h({integrationId:o,integrationName:s,tableName:r.tableName,columnName:r.columnName},{onSuccess:d=>{var p;if(!((p=d.fetchColumnData)!=null&&p.data))return;const f=[];d.fetchColumnData.data.forEach(v=>{v&&f.push({label:v.label,value:v.value})}),u(f)}})},[r.tableName,r.columnName,t]),P.useEffect(()=>{c.length&&c[0]&&e&&n([c[0]])},[c.length,c[0],e,r.columnName]),C.jsx(Kf,{onChange:n,selectedOptions:r.defaultValue?[{label:r.defaultValue,value:r.defaultValue}]:i,isDisabled:!!r.defaultValue,options:c,label:a||r.columnName,...l})}),w6={fullscreen:"_fullscreen_1wo1t_1"};var S1=function(r,t){return S1=Object.setPrototypeOf||{__proto__:[]}instanceof Array&&function(e,n){e.__proto__=n}||function(e,n){for(var i in n)Object.prototype.hasOwnProperty.call(n,i)&&(e[i]=n[i])},S1(r,t)};function gN(r,t){if(typeof t!="function"&&t!==null)throw new TypeError("Class extends value "+String(t)+" is not a constructor or null");S1(r,t);function e(){this.constructor=r}r.prototype=t===null?Object.create(t):(e.prototype=t.prototype,new e)}var M1=function(){return M1=Object.assign||function(t){for(var e,n=1,i=arguments.length;n<i;n++){e=arguments[n];for(var a in e)Object.prototype.hasOwnProperty.call(e,a)&&(t[a]=e[a])}return t},M1.apply(this,arguments)};/*! *****************************************************************************
|
|
@@ -1872,4 +1872,4 @@ In order to be iterable, non-array objects must have a [Symbol.iterator]() metho
|
|
|
1872
1872
|
In order to be iterable, non-array objects must have a [Symbol.iterator]() method.`)}function _(B,H){if(B){if(typeof B=="string")return D(B,H);var G=Object.prototype.toString.call(B).slice(8,-1);if(G==="Object"&&B.constructor&&(G=B.constructor.name),G==="Map"||G==="Set")return Array.from(B);if(G==="Arguments"||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(G))return D(B,H)}}function D(B,H){(H==null||H>B.length)&&(H=B.length);for(var G=0,$=new Array(H);G<H;G++)$[G]=B[G];return $}function A(B,H){var G=B==null?null:typeof Symbol<"u"&&B[Symbol.iterator]||B["@@iterator"];if(G!=null){var $=[],U=!0,Z=!1,Y,q;try{for(G=G.call(B);!(U=(Y=G.next()).done)&&($.push(Y.value),!(H&&$.length===H));U=!0);}catch(V){Z=!0,q=V}finally{try{!U&&G.return!=null&&G.return()}finally{if(Z)throw q}}return $}}function T(B){if(Array.isArray(B))return B}function I(B,H){if(!(B instanceof H))throw new TypeError("Cannot call a class as a function")}function S(B,H){for(var G=0;G<H.length;G++){var $=H[G];$.enumerable=$.enumerable||!1,$.configurable=!0,"value"in $&&($.writable=!0),Object.defineProperty(B,$.key,$)}}function M(B,H,G){return H&&S(B.prototype,H),G&&S(B,G),Object.defineProperty(B,"prototype",{writable:!1}),B}function L(B,H){if(typeof H!="function"&&H!==null)throw new TypeError("Super expression must either be null or a function");B.prototype=Object.create(H&&H.prototype,{constructor:{value:B,writable:!0,configurable:!0}}),Object.defineProperty(B,"prototype",{writable:!1}),H&&N(B,H)}function N(B,H){return N=Object.setPrototypeOf||function($,U){return $.__proto__=U,$},N(B,H)}function E(B){var H=R();return function(){var $=j(B),U;if(H){var Z=j(this).constructor;U=Reflect.construct($,arguments,Z)}else U=$.apply(this,arguments);return k(this,U)}}function k(B,H){if(H&&(t(H)==="object"||typeof H=="function"))return H;if(H!==void 0)throw new TypeError("Derived constructors may only return object or undefined");return O(B)}function O(B){if(B===void 0)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return B}function R(){if(typeof Reflect>"u"||!Reflect.construct||Reflect.construct.sham)return!1;if(typeof Proxy=="function")return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],function(){})),!0}catch{return!1}}function j(B){return j=Object.setPrototypeOf?Object.getPrototypeOf:function(G){return G.__proto__||Object.getPrototypeOf(G)},j(B)}function z(B,H,G){return H in B?Object.defineProperty(B,H,{value:G,enumerable:!0,configurable:!0,writable:!0}):B[H]=G,B}var W=function(B){L(G,B);var H=E(G);function G($){var U;return I(this,G),U=H.call(this,$),z(O(U),"onDragStart",function(Z,Y){(0,u.default)("Draggable: onDragStart: %j",Y);var q=U.props.onStart(Z,(0,s.createDraggableData)(O(U),Y));if(q===!1)return!1;U.setState({dragging:!0,dragged:!0})}),z(O(U),"onDrag",function(Z,Y){if(!U.state.dragging)return!1;(0,u.default)("Draggable: onDrag: %j",Y);var q=(0,s.createDraggableData)(O(U),Y),V={x:q.x,y:q.y};if(U.props.bounds){var X=V.x,Q=V.y;V.x+=U.state.slackX,V.y+=U.state.slackY;var ie=(0,s.getBoundPosition)(O(U),V.x,V.y),te=w(ie,2),re=te[0],ue=te[1];V.x=re,V.y=ue,V.slackX=U.state.slackX+(X-V.x),V.slackY=U.state.slackY+(Q-V.y),q.x=V.x,q.y=V.y,q.deltaX=V.x-U.state.x,q.deltaY=V.y-U.state.y}var _e=U.props.onDrag(Z,q);if(_e===!1)return!1;U.setState(V)}),z(O(U),"onDragStop",function(Z,Y){if(!U.state.dragging)return!1;var q=U.props.onStop(Z,(0,s.createDraggableData)(O(U),Y));if(q===!1)return!1;(0,u.default)("Draggable: onDragStop: %j",Y);var V={dragging:!1,slackX:0,slackY:0},X=!!U.props.position;if(X){var Q=U.props.position,ie=Q.x,te=Q.y;V.x=ie,V.y=te}U.setState(V)}),U.state={dragging:!1,dragged:!1,x:$.position?$.position.x:$.defaultPosition.x,y:$.position?$.position.y:$.defaultPosition.y,prevPropsPosition:b({},$.position),slackX:0,slackY:0,isElementSVG:!1},$.position&&!($.onDrag||$.onStop)&&console.warn("A `position` was applied to this <Draggable>, without drag handlers. This will make this component effectively undraggable. Please attach `onDrag` or `onStop` handlers so you can adjust the `position` of this element."),U}return M(G,[{key:"componentDidMount",value:function(){typeof window.SVGElement<"u"&&this.findDOMNode()instanceof window.SVGElement&&this.setState({isElementSVG:!0})}},{key:"componentWillUnmount",value:function(){this.setState({dragging:!1})}},{key:"findDOMNode",value:function(){var U,Z,Y;return(U=(Z=this.props)===null||Z===void 0||(Y=Z.nodeRef)===null||Y===void 0?void 0:Y.current)!==null&&U!==void 0?U:i.default.findDOMNode(this)}},{key:"render",value:function(){var U,Z=this.props;Z.axis,Z.bounds;var Y=Z.children,q=Z.defaultPosition,V=Z.defaultClassName,X=Z.defaultClassNameDragging,Q=Z.defaultClassNameDragged,ie=Z.position,te=Z.positionOffset;Z.scale;var re=g(Z,h),ue={},_e=null,Ce=!!ie,Qe=!Ce||this.state.dragging,Ke=ie||q,Rt={x:(0,s.canDragX)(this)&&Qe?this.state.x:Ke.x,y:(0,s.canDragY)(this)&&Qe?this.state.y:Ke.y};this.state.isElementSVG?_e=(0,o.createSVGTransform)(Rt,te):ue=(0,o.createCSSTransform)(Rt,te);var de=(0,a.default)(Y.props.className||"",V,(U={},z(U,X,this.state.dragging),z(U,Q,this.state.dragged),U));return e.createElement(c.default,v({},re,{onStart:this.onDragStart,onDrag:this.onDrag,onStop:this.onDragStop}),e.cloneElement(e.Children.only(Y),{className:de,style:b(b({},Y.props.style),ue),transform:_e}))}}],[{key:"getDerivedStateFromProps",value:function(U,Z){var Y=U.position,q=Z.prevPropsPosition;return Y&&(!q||Y.x!==q.x||Y.y!==q.y)?((0,u.default)("Draggable: getDerivedStateFromProps %j",{position:Y,prevPropsPosition:q}),{x:Y.x,y:Y.y,prevPropsPosition:b({},Y)}):null}}]),G}(e.Component);r.default=W,z(W,"displayName","Draggable"),z(W,"propTypes",b(b({},c.default.propTypes),{},{axis:n.default.oneOf(["both","x","y","none"]),bounds:n.default.oneOfType([n.default.shape({left:n.default.number,right:n.default.number,top:n.default.number,bottom:n.default.number}),n.default.string,n.default.oneOf([!1])]),defaultClassName:n.default.string,defaultClassNameDragging:n.default.string,defaultClassNameDragged:n.default.string,defaultPosition:n.default.shape({x:n.default.number,y:n.default.number}),positionOffset:n.default.shape({x:n.default.oneOfType([n.default.number,n.default.string]),y:n.default.oneOfType([n.default.number,n.default.string])}),position:n.default.shape({x:n.default.number,y:n.default.number}),className:l.dontSetMe,style:l.dontSetMe,transform:l.dontSetMe})),z(W,"defaultProps",b(b({},c.default.defaultProps),{},{axis:"both",bounds:!1,defaultClassName:"react-draggable",defaultClassNameDragging:"react-draggable-dragging",defaultClassNameDragged:"react-draggable-dragged",defaultPosition:{x:0,y:0},scale:1}))}(wU);var RU=wU,PU=RU.default,JCe=RU.DraggableCore;Bb.exports=PU,Bb.exports.default=PU,Bb.exports.DraggableCore=JCe;var $U=Bb.exports,Qb={exports:{}},jv={},tA={};tA.__esModule=!0,tA.cloneElement=rTe;var KCe=eTe(P);function eTe(r){return r&&r.__esModule?r:{default:r}}function jU(r,t){var e=Object.keys(r);if(Object.getOwnPropertySymbols){var n=Object.getOwnPropertySymbols(r);t&&(n=n.filter(function(i){return Object.getOwnPropertyDescriptor(r,i).enumerable})),e.push.apply(e,n)}return e}function zU(r){for(var t=1;t<arguments.length;t++){var e=arguments[t]!=null?arguments[t]:{};t%2?jU(Object(e),!0).forEach(function(n){tTe(r,n,e[n])}):Object.getOwnPropertyDescriptors?Object.defineProperties(r,Object.getOwnPropertyDescriptors(e)):jU(Object(e)).forEach(function(n){Object.defineProperty(r,n,Object.getOwnPropertyDescriptor(e,n))})}return r}function tTe(r,t,e){return t in r?Object.defineProperty(r,t,{value:e,enumerable:!0,configurable:!0,writable:!0}):r[t]=e,r}function rTe(r,t){return t.style&&r.props.style&&(t.style=zU(zU({},r.props.style),t.style)),t.className&&r.props.className&&(t.className=r.props.className+" "+t.className),KCe.default.cloneElement(r,t)}var zv={};zv.__esModule=!0,zv.resizableProps=void 0;var Ot=nTe(Za);function nTe(r){return r&&r.__esModule?r:{default:r}}var iTe={axis:Ot.default.oneOf(["both","x","y","none"]),className:Ot.default.string,children:Ot.default.element.isRequired,draggableOpts:Ot.default.shape({allowAnyClick:Ot.default.bool,cancel:Ot.default.string,children:Ot.default.node,disabled:Ot.default.bool,enableUserSelectHack:Ot.default.bool,offsetParent:Ot.default.node,grid:Ot.default.arrayOf(Ot.default.number),handle:Ot.default.string,nodeRef:Ot.default.object,onStart:Ot.default.func,onDrag:Ot.default.func,onStop:Ot.default.func,onMouseDown:Ot.default.func,scale:Ot.default.number}),height:Ot.default.number.isRequired,handle:Ot.default.oneOfType([Ot.default.node,Ot.default.func]),handleSize:Ot.default.arrayOf(Ot.default.number),lockAspectRatio:Ot.default.bool,maxConstraints:Ot.default.arrayOf(Ot.default.number),minConstraints:Ot.default.arrayOf(Ot.default.number),onResizeStop:Ot.default.func,onResizeStart:Ot.default.func,onResize:Ot.default.func,resizeHandles:Ot.default.arrayOf(Ot.default.oneOf(["s","w","e","n","sw","nw","se","ne"])),transformScale:Ot.default.number,width:Ot.default.number.isRequired};zv.resizableProps=iTe,jv.__esModule=!0,jv.default=void 0;var Fv=uTe(P),aTe=$U,oTe=tA,sTe=zv,lTe=["children","className","draggableOpts","width","height","handle","handleSize","lockAspectRatio","axis","minConstraints","maxConstraints","onResize","onResizeStop","onResizeStart","resizeHandles","transformScale"];function FU(r){if(typeof WeakMap!="function")return null;var t=new WeakMap,e=new WeakMap;return(FU=function(i){return i?e:t})(r)}function uTe(r,t){if(!t&&r&&r.__esModule)return r;if(r===null||typeof r!="object"&&typeof r!="function")return{default:r};var e=FU(t);if(e&&e.has(r))return e.get(r);var n={},i=Object.defineProperty&&Object.getOwnPropertyDescriptor;for(var a in r)if(a!=="default"&&Object.prototype.hasOwnProperty.call(r,a)){var o=i?Object.getOwnPropertyDescriptor(r,a):null;o&&(o.get||o.set)?Object.defineProperty(n,a,o):n[a]=r[a]}return n.default=r,e&&e.set(r,n),n}function rA(){return rA=Object.assign||function(r){for(var t=1;t<arguments.length;t++){var e=arguments[t];for(var n in e)Object.prototype.hasOwnProperty.call(e,n)&&(r[n]=e[n])}return r},rA.apply(this,arguments)}function cTe(r,t){if(r==null)return{};var e={},n=Object.keys(r),i,a;for(a=0;a<n.length;a++)i=n[a],!(t.indexOf(i)>=0)&&(e[i]=r[i]);return e}function BU(r,t){var e=Object.keys(r);if(Object.getOwnPropertySymbols){var n=Object.getOwnPropertySymbols(r);t&&(n=n.filter(function(i){return Object.getOwnPropertyDescriptor(r,i).enumerable})),e.push.apply(e,n)}return e}function nA(r){for(var t=1;t<arguments.length;t++){var e=arguments[t]!=null?arguments[t]:{};t%2?BU(Object(e),!0).forEach(function(n){hTe(r,n,e[n])}):Object.getOwnPropertyDescriptors?Object.defineProperties(r,Object.getOwnPropertyDescriptors(e)):BU(Object(e)).forEach(function(n){Object.defineProperty(r,n,Object.getOwnPropertyDescriptor(e,n))})}return r}function hTe(r,t,e){return t in r?Object.defineProperty(r,t,{value:e,enumerable:!0,configurable:!0,writable:!0}):r[t]=e,r}function fTe(r,t){r.prototype=Object.create(t.prototype),r.prototype.constructor=r,iA(r,t)}function iA(r,t){return iA=Object.setPrototypeOf||function(n,i){return n.__proto__=i,n},iA(r,t)}var aA=function(r){fTe(t,r);function t(){for(var n,i=arguments.length,a=new Array(i),o=0;o<i;o++)a[o]=arguments[o];return n=r.call.apply(r,[this].concat(a))||this,n.handleRefs={},n.lastHandleRect=null,n.slack=null,n}var e=t.prototype;return e.componentWillUnmount=function(){this.resetData()},e.resetData=function(){this.lastHandleRect=this.slack=null},e.runConstraints=function(i,a){var o=this.props,s=o.minConstraints,l=o.maxConstraints,c=o.lockAspectRatio;if(!s&&!l&&!c)return[i,a];if(c){var u=this.props.width/this.props.height,h=i-this.props.width,d=a-this.props.height;Math.abs(h)>Math.abs(d*u)?a=i/u:i=a*u}var f=i,p=a,v=this.slack||[0,0],g=v[0],m=v[1];return i+=g,a+=m,s&&(i=Math.max(s[0],i),a=Math.max(s[1],a)),l&&(i=Math.min(l[0],i),a=Math.min(l[1],a)),this.slack=[g+(f-i),m+(p-a)],[i,a]},e.resizeHandler=function(i,a){var o=this;return function(s,l){var c=l.node,u=l.deltaX,h=l.deltaY;i==="onResizeStart"&&o.resetData();var d=(o.props.axis==="both"||o.props.axis==="x")&&a!=="n"&&a!=="s",f=(o.props.axis==="both"||o.props.axis==="y")&&a!=="e"&&a!=="w";if(!(!d&&!f)){var p=a[0],v=a[a.length-1],g=c.getBoundingClientRect();if(o.lastHandleRect!=null){if(v==="w"){var m=g.left-o.lastHandleRect.left;u+=m}if(p==="n"){var y=g.top-o.lastHandleRect.top;h+=y}}o.lastHandleRect=g,v==="w"&&(u=-u),p==="n"&&(h=-h);var b=o.props.width+(d?u/o.props.transformScale:0),w=o.props.height+(f?h/o.props.transformScale:0),x=o.runConstraints(b,w);b=x[0],w=x[1];var _=b!==o.props.width||w!==o.props.height,D=typeof o.props[i]=="function"?o.props[i]:null,A=i==="onResize"&&!_;D&&!A&&(s.persist==null||s.persist(),D(s,{node:c,size:{width:b,height:w},handle:a})),i==="onResizeStop"&&o.resetData()}}},e.renderResizeHandle=function(i,a){var o=this.props.handle;if(!o)return Fv.createElement("span",{className:"react-resizable-handle react-resizable-handle-"+i,ref:a});if(typeof o=="function")return o(i,a);var s=typeof o.type=="string",l=nA({ref:a},s?{}:{handleAxis:i});return Fv.cloneElement(o,l)},e.render=function(){var i=this,a=this.props,o=a.children,s=a.className,l=a.draggableOpts;a.width,a.height,a.handle,a.handleSize,a.lockAspectRatio,a.axis,a.minConstraints,a.maxConstraints,a.onResize,a.onResizeStop,a.onResizeStart;var c=a.resizeHandles;a.transformScale;var u=cTe(a,lTe);return(0,oTe.cloneElement)(o,nA(nA({},u),{},{className:(s?s+" ":"")+"react-resizable",children:[].concat(o.props.children,c.map(function(h){var d,f=(d=i.handleRefs[h])!=null?d:i.handleRefs[h]=Fv.createRef();return Fv.createElement(aTe.DraggableCore,rA({},l,{nodeRef:f,key:"resizableHandle-"+h,onStop:i.resizeHandler("onResizeStop",h),onStart:i.resizeHandler("onResizeStart",h),onDrag:i.resizeHandler("onResize",h)}),i.renderResizeHandle(h,f))}))}))},t}(Fv.Component);jv.default=aA,aA.propTypes=sTe.resizableProps,aA.defaultProps={axis:"both",handleSize:[20,20],lockAspectRatio:!1,minConstraints:[20,20],maxConstraints:[1/0,1/0],resizeHandles:["se"],transformScale:1};var Zb={};Zb.__esModule=!0,Zb.default=void 0;var oA=mTe(P),dTe=VU(Za),pTe=VU(jv),vTe=zv,gTe=["handle","handleSize","onResize","onResizeStart","onResizeStop","draggableOpts","minConstraints","maxConstraints","lockAspectRatio","axis","width","height","resizeHandles","style","transformScale"];function VU(r){return r&&r.__esModule?r:{default:r}}function WU(r){if(typeof WeakMap!="function")return null;var t=new WeakMap,e=new WeakMap;return(WU=function(i){return i?e:t})(r)}function mTe(r,t){if(!t&&r&&r.__esModule)return r;if(r===null||typeof r!="object"&&typeof r!="function")return{default:r};var e=WU(t);if(e&&e.has(r))return e.get(r);var n={},i=Object.defineProperty&&Object.getOwnPropertyDescriptor;for(var a in r)if(a!=="default"&&Object.prototype.hasOwnProperty.call(r,a)){var o=i?Object.getOwnPropertyDescriptor(r,a):null;o&&(o.get||o.set)?Object.defineProperty(n,a,o):n[a]=r[a]}return n.default=r,e&&e.set(r,n),n}function sA(){return sA=Object.assign||function(r){for(var t=1;t<arguments.length;t++){var e=arguments[t];for(var n in e)Object.prototype.hasOwnProperty.call(e,n)&&(r[n]=e[n])}return r},sA.apply(this,arguments)}function HU(r,t){var e=Object.keys(r);if(Object.getOwnPropertySymbols){var n=Object.getOwnPropertySymbols(r);t&&(n=n.filter(function(i){return Object.getOwnPropertyDescriptor(r,i).enumerable})),e.push.apply(e,n)}return e}function qb(r){for(var t=1;t<arguments.length;t++){var e=arguments[t]!=null?arguments[t]:{};t%2?HU(Object(e),!0).forEach(function(n){yTe(r,n,e[n])}):Object.getOwnPropertyDescriptors?Object.defineProperties(r,Object.getOwnPropertyDescriptors(e)):HU(Object(e)).forEach(function(n){Object.defineProperty(r,n,Object.getOwnPropertyDescriptor(e,n))})}return r}function yTe(r,t,e){return t in r?Object.defineProperty(r,t,{value:e,enumerable:!0,configurable:!0,writable:!0}):r[t]=e,r}function bTe(r,t){if(r==null)return{};var e={},n=Object.keys(r),i,a;for(a=0;a<n.length;a++)i=n[a],!(t.indexOf(i)>=0)&&(e[i]=r[i]);return e}function wTe(r,t){r.prototype=Object.create(t.prototype),r.prototype.constructor=r,lA(r,t)}function lA(r,t){return lA=Object.setPrototypeOf||function(n,i){return n.__proto__=i,n},lA(r,t)}var UU=function(r){wTe(t,r);function t(){for(var n,i=arguments.length,a=new Array(i),o=0;o<i;o++)a[o]=arguments[o];return n=r.call.apply(r,[this].concat(a))||this,n.state={width:n.props.width,height:n.props.height,propsWidth:n.props.width,propsHeight:n.props.height},n.onResize=function(s,l){var c=l.size;n.props.onResize?(s.persist==null||s.persist(),n.setState(c,function(){return n.props.onResize&&n.props.onResize(s,l)})):n.setState(c)},n}t.getDerivedStateFromProps=function(i,a){return a.propsWidth!==i.width||a.propsHeight!==i.height?{width:i.width,height:i.height,propsWidth:i.width,propsHeight:i.height}:null};var e=t.prototype;return e.render=function(){var i=this.props,a=i.handle,o=i.handleSize;i.onResize;var s=i.onResizeStart,l=i.onResizeStop,c=i.draggableOpts,u=i.minConstraints,h=i.maxConstraints,d=i.lockAspectRatio,f=i.axis;i.width,i.height;var p=i.resizeHandles,v=i.style,g=i.transformScale,m=bTe(i,gTe);return oA.createElement(pTe.default,{axis:f,draggableOpts:c,handle:a,handleSize:o,height:this.state.height,lockAspectRatio:d,maxConstraints:h,minConstraints:u,onResizeStart:s,onResize:this.onResize,onResizeStop:l,resizeHandles:p,transformScale:g,width:this.state.width},oA.createElement("div",sA({},m,{style:qb(qb({},v),{},{width:this.state.width+"px",height:this.state.height+"px"})})))},t}(oA.Component);Zb.default=UU,UU.propTypes=qb(qb({},vTe.resizableProps),{},{children:dTe.default.element}),Qb.exports=function(){throw new Error("Don't instantiate Resizable directly! Use require('react-resizable').Resizable")},Qb.exports.Resizable=jv.default,Qb.exports.ResizableBox=Zb.default;var xTe=Qb.exports,bs={};Object.defineProperty(bs,"__esModule",{value:!0}),bs.resizeHandleType=bs.resizeHandleAxesType=bs.default=void 0;var It=GU(Za),_Te=GU(P);function GU(r){return r&&r.__esModule?r:{default:r}}var YU=It.default.arrayOf(It.default.oneOf(["s","w","e","n","sw","nw","se","ne"]));bs.resizeHandleAxesType=YU;var QU=It.default.oneOfType([It.default.node,It.default.func]);bs.resizeHandleType=QU;var STe={className:It.default.string,style:It.default.object,width:It.default.number,autoSize:It.default.bool,cols:It.default.number,draggableCancel:It.default.string,draggableHandle:It.default.string,verticalCompact:function(t){t.verticalCompact===!1&&process.env.NODE_ENV!=="production"&&console.warn('`verticalCompact` on <ReactGridLayout> is deprecated and will be removed soon. Use `compactType`: "horizontal" | "vertical" | null.')},compactType:It.default.oneOf(["vertical","horizontal"]),layout:function(t){var e=t.layout;e!==void 0&&kt.validateLayout(e,"layout")},margin:It.default.arrayOf(It.default.number),containerPadding:It.default.arrayOf(It.default.number),rowHeight:It.default.number,maxRows:It.default.number,isBounded:It.default.bool,isDraggable:It.default.bool,isResizable:It.default.bool,allowOverlap:It.default.bool,preventCollision:It.default.bool,useCSSTransforms:It.default.bool,transformScale:It.default.number,isDroppable:It.default.bool,resizeHandles:YU,resizeHandle:QU,onLayoutChange:It.default.func,onDragStart:It.default.func,onDrag:It.default.func,onDragStop:It.default.func,onResizeStart:It.default.func,onResize:It.default.func,onResizeStop:It.default.func,onDrop:It.default.func,droppingItem:It.default.shape({i:It.default.string.isRequired,w:It.default.number.isRequired,h:It.default.number.isRequired}),children:function(t,e){var n=t[e],i={};_Te.default.Children.forEach(n,function(a){if((a==null?void 0:a.key)!=null){if(i[a.key])throw new Error('Duplicate child key "'+a.key+'" found! This will cause problems in ReactGridLayout.');i[a.key]=!0}})},innerRef:It.default.any};bs.default=STe;function uA(r){return uA=typeof Symbol=="function"&&typeof Symbol.iterator=="symbol"?function(t){return typeof t}:function(t){return t&&typeof Symbol=="function"&&t.constructor===Symbol&&t!==Symbol.prototype?"symbol":typeof t},uA(r)}Object.defineProperty(Fb,"__esModule",{value:!0}),Fb.default=void 0;var Tf=cA(P),Kt=cA(Za),MTe=$U,DTe=xTe,Bv=kt,Mn=ys,ZU=bs,CTe=cA($b);function cA(r){return r&&r.__esModule?r:{default:r}}function qU(r,t){var e=Object.keys(r);if(Object.getOwnPropertySymbols){var n=Object.getOwnPropertySymbols(r);t&&(n=n.filter(function(i){return Object.getOwnPropertyDescriptor(r,i).enumerable})),e.push.apply(e,n)}return e}function hA(r){for(var t=1;t<arguments.length;t++){var e=arguments[t]!=null?arguments[t]:{};t%2?qU(Object(e),!0).forEach(function(n){ro(r,n,e[n])}):Object.getOwnPropertyDescriptors?Object.defineProperties(r,Object.getOwnPropertyDescriptors(e)):qU(Object(e)).forEach(function(n){Object.defineProperty(r,n,Object.getOwnPropertyDescriptor(e,n))})}return r}function TTe(r,t){if(!(r instanceof t))throw new TypeError("Cannot call a class as a function")}function XU(r,t){for(var e=0;e<t.length;e++){var n=t[e];n.enumerable=n.enumerable||!1,n.configurable=!0,"value"in n&&(n.writable=!0),Object.defineProperty(r,n.key,n)}}function ITe(r,t,e){return t&&XU(r.prototype,t),e&&XU(r,e),Object.defineProperty(r,"prototype",{writable:!1}),r}function ATe(r,t){if(typeof t!="function"&&t!==null)throw new TypeError("Super expression must either be null or a function");r.prototype=Object.create(t&&t.prototype,{constructor:{value:r,writable:!0,configurable:!0}}),Object.defineProperty(r,"prototype",{writable:!1}),t&&fA(r,t)}function fA(r,t){return fA=Object.setPrototypeOf||function(n,i){return n.__proto__=i,n},fA(r,t)}function LTe(r){var t=ETe();return function(){var n=Xb(r),i;if(t){var a=Xb(this).constructor;i=Reflect.construct(n,arguments,a)}else i=n.apply(this,arguments);return NTe(this,i)}}function NTe(r,t){if(t&&(uA(t)==="object"||typeof t=="function"))return t;if(t!==void 0)throw new TypeError("Derived constructors may only return object or undefined");return Sa(r)}function Sa(r){if(r===void 0)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return r}function ETe(){if(typeof Reflect>"u"||!Reflect.construct||Reflect.construct.sham)return!1;if(typeof Proxy=="function")return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],function(){})),!0}catch{return!1}}function Xb(r){return Xb=Object.setPrototypeOf?Object.getPrototypeOf:function(e){return e.__proto__||Object.getPrototypeOf(e)},Xb(r)}function ro(r,t,e){return t in r?Object.defineProperty(r,t,{value:e,enumerable:!0,configurable:!0,writable:!0}):r[t]=e,r}var dA=function(r){ATe(e,r);var t=LTe(e);function e(){var n;TTe(this,e);for(var i=arguments.length,a=new Array(i),o=0;o<i;o++)a[o]=arguments[o];return n=t.call.apply(t,[this].concat(a)),ro(Sa(n),"state",{resizing:null,dragging:null,className:""}),ro(Sa(n),"elementRef",Tf.default.createRef()),ro(Sa(n),"onDragStart",function(s,l){var c=l.node,u=n.props,h=u.onDragStart,d=u.transformScale;if(h){var f={top:0,left:0},p=c.offsetParent;if(p){var v=p.getBoundingClientRect(),g=c.getBoundingClientRect(),m=g.left/d,y=v.left/d,b=g.top/d,w=v.top/d;f.left=m-y+p.scrollLeft,f.top=b-w+p.scrollTop,n.setState({dragging:f});var x=(0,Mn.calcXY)(n.getPositionParams(),f.top,f.left,n.props.w,n.props.h),_=x.x,D=x.y;return h.call(Sa(n),n.props.i,_,D,{e:s,node:c,newPosition:f})}}}),ro(Sa(n),"onDrag",function(s,l){var c=l.node,u=l.deltaX,h=l.deltaY,d=n.props.onDrag;if(d){if(!n.state.dragging)throw new Error("onDrag called before onDragStart.");var f=n.state.dragging.top+h,p=n.state.dragging.left+u,v=n.props,g=v.isBounded,m=v.i,y=v.w,b=v.h,w=v.containerWidth,x=n.getPositionParams();if(g){var _=c.offsetParent;if(_){var D=n.props,A=D.margin,T=D.rowHeight,I=_.clientHeight-(0,Mn.calcGridItemWHPx)(b,T,A[1]);f=(0,Mn.clamp)(f,0,I);var S=(0,Mn.calcGridColWidth)(x),M=w-(0,Mn.calcGridItemWHPx)(y,S,A[0]);p=(0,Mn.clamp)(p,0,M)}}var L={top:f,left:p};n.setState({dragging:L});var N=(0,Mn.calcXY)(x,f,p,y,b),E=N.x,k=N.y;return d.call(Sa(n),m,E,k,{e:s,node:c,newPosition:L})}}),ro(Sa(n),"onDragStop",function(s,l){var c=l.node,u=n.props.onDragStop;if(u){if(!n.state.dragging)throw new Error("onDragEnd called before onDragStart.");var h=n.props,d=h.w,f=h.h,p=h.i,v=n.state.dragging,g=v.left,m=v.top,y={top:m,left:g};n.setState({dragging:null});var b=(0,Mn.calcXY)(n.getPositionParams(),m,g,d,f),w=b.x,x=b.y;return u.call(Sa(n),p,w,x,{e:s,node:c,newPosition:y})}}),ro(Sa(n),"onResizeStop",function(s,l){n.onResizeHandler(s,l,"onResizeStop")}),ro(Sa(n),"onResizeStart",function(s,l){n.onResizeHandler(s,l,"onResizeStart")}),ro(Sa(n),"onResize",function(s,l){n.onResizeHandler(s,l,"onResize")}),n}return ITe(e,[{key:"shouldComponentUpdate",value:function(i,a){if(this.props.children!==i.children||this.props.droppingPosition!==i.droppingPosition)return!0;var o=(0,Mn.calcGridItemPosition)(this.getPositionParams(this.props),this.props.x,this.props.y,this.props.w,this.props.h,this.state),s=(0,Mn.calcGridItemPosition)(this.getPositionParams(i),i.x,i.y,i.w,i.h,a);return!(0,Bv.fastPositionEqual)(o,s)||this.props.useCSSTransforms!==i.useCSSTransforms}},{key:"componentDidMount",value:function(){this.moveDroppingItem({})}},{key:"componentDidUpdate",value:function(i){this.moveDroppingItem(i)}},{key:"moveDroppingItem",value:function(i){var a=this.props.droppingPosition;if(a){var o=this.elementRef.current;if(o){var s=i.droppingPosition||{left:0,top:0},l=this.state.dragging,c=l&&a.left!==s.left||a.top!==s.top;if(!l)this.onDragStart(a.e,{node:o,deltaX:a.left,deltaY:a.top});else if(c){var u=a.left-l.left,h=a.top-l.top;this.onDrag(a.e,{node:o,deltaX:u,deltaY:h})}}}}},{key:"getPositionParams",value:function(){var i=arguments.length>0&&arguments[0]!==void 0?arguments[0]:this.props;return{cols:i.cols,containerPadding:i.containerPadding,containerWidth:i.containerWidth,margin:i.margin,maxRows:i.maxRows,rowHeight:i.rowHeight}}},{key:"createStyle",value:function(i){var a=this.props,o=a.usePercentages,s=a.containerWidth,l=a.useCSSTransforms,c;return l?c=(0,Bv.setTransform)(i):(c=(0,Bv.setTopLeft)(i),o&&(c.left=(0,Bv.perc)(i.left/s),c.width=(0,Bv.perc)(i.width/s))),c}},{key:"mixinDraggable",value:function(i,a){return Tf.default.createElement(MTe.DraggableCore,{disabled:!a,onStart:this.onDragStart,onDrag:this.onDrag,onStop:this.onDragStop,handle:this.props.handle,cancel:".react-resizable-handle"+(this.props.cancel?","+this.props.cancel:""),scale:this.props.transformScale,nodeRef:this.elementRef},i)}},{key:"mixinResizable",value:function(i,a,o){var s=this.props,l=s.cols,c=s.x,u=s.minW,h=s.minH,d=s.maxW,f=s.maxH,p=s.transformScale,v=s.resizeHandles,g=s.resizeHandle,m=this.getPositionParams(),y=(0,Mn.calcGridItemPosition)(m,0,0,l-c,0).width,b=(0,Mn.calcGridItemPosition)(m,0,0,u,h),w=(0,Mn.calcGridItemPosition)(m,0,0,d,f),x=[b.width,b.height],_=[Math.min(w.width,y),Math.min(w.height,1/0)];return Tf.default.createElement(DTe.Resizable,{draggableOpts:{disabled:!o},className:o?void 0:"react-resizable-hide",width:a.width,height:a.height,minConstraints:x,maxConstraints:_,onResizeStop:this.onResizeStop,onResizeStart:this.onResizeStart,onResize:this.onResize,transformScale:p,resizeHandles:v,handle:g},i)}},{key:"onResizeHandler",value:function(i,a,o){var s=a.node,l=a.size,c=this.props[o];if(c){var u=this.props,h=u.cols,d=u.x,f=u.y,p=u.i,v=u.maxH,g=u.minH,m=this.props,y=m.minW,b=m.maxW,w=(0,Mn.calcWH)(this.getPositionParams(),l.width,l.height,d,f),x=w.w,_=w.h;y=Math.max(y,1),b=Math.min(b,h-d),x=(0,Mn.clamp)(x,y,b),_=(0,Mn.clamp)(_,g,v),this.setState({resizing:o==="onResizeStop"?null:l}),c.call(this,p,x,_,{e:i,node:s,size:l})}}},{key:"render",value:function(){var i=this.props,a=i.x,o=i.y,s=i.w,l=i.h,c=i.isDraggable,u=i.isResizable,h=i.droppingPosition,d=i.useCSSTransforms,f=(0,Mn.calcGridItemPosition)(this.getPositionParams(),a,o,s,l,this.state),p=Tf.default.Children.only(this.props.children),v=Tf.default.cloneElement(p,{ref:this.elementRef,className:(0,CTe.default)("react-grid-item",p.props.className,this.props.className,{static:this.props.static,resizing:!!this.state.resizing,"react-draggable":c,"react-draggable-dragging":!!this.state.dragging,dropping:!!h,cssTransforms:d}),style:hA(hA(hA({},this.props.style),p.props.style),this.createStyle(f))});return v=this.mixinResizable(v,f,u),v=this.mixinDraggable(v,c),v}}]),e}(Tf.default.Component);Fb.default=dA,ro(dA,"propTypes",{children:Kt.default.element,cols:Kt.default.number.isRequired,containerWidth:Kt.default.number.isRequired,rowHeight:Kt.default.number.isRequired,margin:Kt.default.array.isRequired,maxRows:Kt.default.number.isRequired,containerPadding:Kt.default.array.isRequired,x:Kt.default.number.isRequired,y:Kt.default.number.isRequired,w:Kt.default.number.isRequired,h:Kt.default.number.isRequired,minW:function(t,e){var n=t[e];if(typeof n!="number")return new Error("minWidth not Number");if(n>t.w||n>t.maxW)return new Error("minWidth larger than item width/maxWidth")},maxW:function(t,e){var n=t[e];if(typeof n!="number")return new Error("maxWidth not Number");if(n<t.w||n<t.minW)return new Error("maxWidth smaller than item width/minWidth")},minH:function(t,e){var n=t[e];if(typeof n!="number")return new Error("minHeight not Number");if(n>t.h||n>t.maxH)return new Error("minHeight larger than item height/maxHeight")},maxH:function(t,e){var n=t[e];if(typeof n!="number")return new Error("maxHeight not Number");if(n<t.h||n<t.minH)return new Error("maxHeight smaller than item height/minHeight")},i:Kt.default.string.isRequired,resizeHandles:ZU.resizeHandleAxesType,resizeHandle:ZU.resizeHandleType,onDragStop:Kt.default.func,onDragStart:Kt.default.func,onDrag:Kt.default.func,onResizeStop:Kt.default.func,onResizeStart:Kt.default.func,onResize:Kt.default.func,isDraggable:Kt.default.bool.isRequired,isResizable:Kt.default.bool.isRequired,isBounded:Kt.default.bool.isRequired,static:Kt.default.bool,useCSSTransforms:Kt.default.bool.isRequired,transformScale:Kt.default.number,className:Kt.default.string,handle:Kt.default.string,cancel:Kt.default.string,droppingPosition:Kt.default.shape({e:Kt.default.object.isRequired,left:Kt.default.number.isRequired,top:Kt.default.number.isRequired})}),ro(dA,"defaultProps",{className:"",cancel:"",handle:"",minH:1,minW:1,maxH:1/0,maxW:1/0,transformScale:1});function Jb(r){return Jb=typeof Symbol=="function"&&typeof Symbol.iterator=="symbol"?function(t){return typeof t}:function(t){return t&&typeof Symbol=="function"&&t.constructor===Symbol&&t!==Symbol.prototype?"symbol":typeof t},Jb(r)}Object.defineProperty(Rv,"__esModule",{value:!0}),Rv.default=void 0;var Sc=PTe(P),pA=Kb(kv),kTe=Kb($b),vt=kt,OTe=ys,JU=Kb(Fb),RTe=Kb(bs);function Kb(r){return r&&r.__esModule?r:{default:r}}function KU(r){if(typeof WeakMap!="function")return null;var t=new WeakMap,e=new WeakMap;return(KU=function(i){return i?e:t})(r)}function PTe(r,t){if(!t&&r&&r.__esModule)return r;if(r===null||Jb(r)!=="object"&&typeof r!="function")return{default:r};var e=KU(t);if(e&&e.has(r))return e.get(r);var n={},i=Object.defineProperty&&Object.getOwnPropertyDescriptor;for(var a in r)if(a!=="default"&&Object.prototype.hasOwnProperty.call(r,a)){var o=i?Object.getOwnPropertyDescriptor(r,a):null;o&&(o.get||o.set)?Object.defineProperty(n,a,o):n[a]=r[a]}return n.default=r,e&&e.set(r,n),n}function $Te(r){return FTe(r)||zTe(r)||tG(r)||jTe()}function jTe(){throw new TypeError(`Invalid attempt to spread non-iterable instance.
|
|
1873
1873
|
In order to be iterable, non-array objects must have a [Symbol.iterator]() method.`)}function zTe(r){if(typeof Symbol<"u"&&r[Symbol.iterator]!=null||r["@@iterator"]!=null)return Array.from(r)}function FTe(r){if(Array.isArray(r))return vA(r)}function eG(r,t){var e=Object.keys(r);if(Object.getOwnPropertySymbols){var n=Object.getOwnPropertySymbols(r);t&&(n=n.filter(function(i){return Object.getOwnPropertyDescriptor(r,i).enumerable})),e.push.apply(e,n)}return e}function Mc(r){for(var t=1;t<arguments.length;t++){var e=arguments[t]!=null?arguments[t]:{};t%2?eG(Object(e),!0).forEach(function(n){Dn(r,n,e[n])}):Object.getOwnPropertyDescriptors?Object.defineProperties(r,Object.getOwnPropertyDescriptors(e)):eG(Object(e)).forEach(function(n){Object.defineProperty(r,n,Object.getOwnPropertyDescriptor(e,n))})}return r}function BTe(r,t){return HTe(r)||WTe(r,t)||tG(r,t)||VTe()}function VTe(){throw new TypeError(`Invalid attempt to destructure non-iterable instance.
|
|
1874
1874
|
In order to be iterable, non-array objects must have a [Symbol.iterator]() method.`)}function tG(r,t){if(r){if(typeof r=="string")return vA(r,t);var e=Object.prototype.toString.call(r).slice(8,-1);if(e==="Object"&&r.constructor&&(e=r.constructor.name),e==="Map"||e==="Set")return Array.from(r);if(e==="Arguments"||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(e))return vA(r,t)}}function vA(r,t){(t==null||t>r.length)&&(t=r.length);for(var e=0,n=new Array(t);e<t;e++)n[e]=r[e];return n}function WTe(r,t){var e=r==null?null:typeof Symbol<"u"&&r[Symbol.iterator]||r["@@iterator"];if(e!=null){var n=[],i=!0,a=!1,o,s;try{for(e=e.call(r);!(i=(o=e.next()).done)&&(n.push(o.value),!(t&&n.length===t));i=!0);}catch(l){a=!0,s=l}finally{try{!i&&e.return!=null&&e.return()}finally{if(a)throw s}}return n}}function HTe(r){if(Array.isArray(r))return r}function UTe(r,t){if(!(r instanceof t))throw new TypeError("Cannot call a class as a function")}function rG(r,t){for(var e=0;e<t.length;e++){var n=t[e];n.enumerable=n.enumerable||!1,n.configurable=!0,"value"in n&&(n.writable=!0),Object.defineProperty(r,n.key,n)}}function GTe(r,t,e){return t&&rG(r.prototype,t),e&&rG(r,e),Object.defineProperty(r,"prototype",{writable:!1}),r}function YTe(r,t){if(typeof t!="function"&&t!==null)throw new TypeError("Super expression must either be null or a function");r.prototype=Object.create(t&&t.prototype,{constructor:{value:r,writable:!0,configurable:!0}}),Object.defineProperty(r,"prototype",{writable:!1}),t&&gA(r,t)}function gA(r,t){return gA=Object.setPrototypeOf||function(n,i){return n.__proto__=i,n},gA(r,t)}function QTe(r){var t=qTe();return function(){var n=ew(r),i;if(t){var a=ew(this).constructor;i=Reflect.construct(n,arguments,a)}else i=n.apply(this,arguments);return ZTe(this,i)}}function ZTe(r,t){if(t&&(Jb(t)==="object"||typeof t=="function"))return t;if(t!==void 0)throw new TypeError("Derived constructors may only return object or undefined");return gi(r)}function gi(r){if(r===void 0)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return r}function qTe(){if(typeof Reflect>"u"||!Reflect.construct||Reflect.construct.sham)return!1;if(typeof Proxy=="function")return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],function(){})),!0}catch{return!1}}function ew(r){return ew=Object.setPrototypeOf?Object.getPrototypeOf:function(e){return e.__proto__||Object.getPrototypeOf(e)},ew(r)}function Dn(r,t,e){return t in r?Object.defineProperty(r,t,{value:e,enumerable:!0,configurable:!0,writable:!0}):r[t]=e,r}var nG="react-grid-layout",iG=!1;try{iG=/firefox/i.test(navigator.userAgent)}catch{}var tw=function(r){YTe(e,r);var t=QTe(e);function e(){var n;UTe(this,e);for(var i=arguments.length,a=new Array(i),o=0;o<i;o++)a[o]=arguments[o];return n=t.call.apply(t,[this].concat(a)),Dn(gi(n),"state",{activeDrag:null,layout:(0,vt.synchronizeLayoutWithChildren)(n.props.layout,n.props.children,n.props.cols,(0,vt.compactType)(n.props),n.props.allowOverlap),mounted:!1,oldDragItem:null,oldLayout:null,oldResizeItem:null,droppingDOMNode:null,children:[]}),Dn(gi(n),"dragEnterCounter",0),Dn(gi(n),"onDragStart",function(s,l,c,u){var h=u.e,d=u.node,f=n.state.layout,p=(0,vt.getLayoutItem)(f,s);if(p)return n.setState({oldDragItem:(0,vt.cloneLayoutItem)(p),oldLayout:f}),n.props.onDragStart(f,p,p,null,h,d)}),Dn(gi(n),"onDrag",function(s,l,c,u){var h=u.e,d=u.node,f=n.state.oldDragItem,p=n.state.layout,v=n.props,g=v.cols,m=v.allowOverlap,y=v.preventCollision,b=(0,vt.getLayoutItem)(p,s);if(b){var w={w:b.w,h:b.h,x:b.x,y:b.y,placeholder:!0,i:s},x=!0;p=(0,vt.moveElement)(p,b,l,c,x,y,(0,vt.compactType)(n.props),g,m),n.props.onDrag(p,f,b,w,h,d),n.setState({layout:m?p:(0,vt.compact)(p,(0,vt.compactType)(n.props),g),activeDrag:w})}}),Dn(gi(n),"onDragStop",function(s,l,c,u){var h=u.e,d=u.node;if(n.state.activeDrag){var f=n.state.oldDragItem,p=n.state.layout,v=n.props,g=v.cols,m=v.preventCollision,y=v.allowOverlap,b=(0,vt.getLayoutItem)(p,s);if(b){var w=!0;p=(0,vt.moveElement)(p,b,l,c,w,m,(0,vt.compactType)(n.props),g,y),n.props.onDragStop(p,f,b,null,h,d);var x=y?p:(0,vt.compact)(p,(0,vt.compactType)(n.props),g),_=n.state.oldLayout;n.setState({activeDrag:null,layout:x,oldDragItem:null,oldLayout:null}),n.onLayoutMaybeChanged(x,_)}}}),Dn(gi(n),"onResizeStart",function(s,l,c,u){var h=u.e,d=u.node,f=n.state.layout,p=(0,vt.getLayoutItem)(f,s);p&&(n.setState({oldResizeItem:(0,vt.cloneLayoutItem)(p),oldLayout:n.state.layout}),n.props.onResizeStart(f,p,p,null,h,d))}),Dn(gi(n),"onResize",function(s,l,c,u){var h=u.e,d=u.node,f=n.state,p=f.layout,v=f.oldResizeItem,g=n.props,m=g.cols,y=g.preventCollision,b=g.allowOverlap,w=(0,vt.withLayoutItem)(p,s,function(T){var I;if(y&&!b){var S=(0,vt.getAllCollisions)(p,Mc(Mc({},T),{},{w:l,h:c})).filter(function(N){return N.i!==T.i});if(I=S.length>0,I){var M=1/0,L=1/0;S.forEach(function(N){N.x>T.x&&(M=Math.min(M,N.x)),N.y>T.y&&(L=Math.min(L,N.y))}),Number.isFinite(M)&&(T.w=M-T.x),Number.isFinite(L)&&(T.h=L-T.y)}}return I||(T.w=l,T.h=c),T}),x=BTe(w,2),_=x[0],D=x[1];if(D){var A={w:D.w,h:D.h,x:D.x,y:D.y,static:!0,i:s};n.props.onResize(_,v,D,A,h,d),n.setState({layout:b?_:(0,vt.compact)(_,(0,vt.compactType)(n.props),m),activeDrag:A})}}),Dn(gi(n),"onResizeStop",function(s,l,c,u){var h=u.e,d=u.node,f=n.state,p=f.layout,v=f.oldResizeItem,g=n.props,m=g.cols,y=g.allowOverlap,b=(0,vt.getLayoutItem)(p,s);n.props.onResizeStop(p,v,b,null,h,d);var w=y?p:(0,vt.compact)(p,(0,vt.compactType)(n.props),m),x=n.state.oldLayout;n.setState({activeDrag:null,layout:w,oldResizeItem:null,oldLayout:null}),n.onLayoutMaybeChanged(w,x)}),Dn(gi(n),"onDragOver",function(s){var l;if(s.preventDefault(),s.stopPropagation(),iG&&!((l=s.nativeEvent.target)!==null&&l!==void 0&&l.classList.contains(nG)))return!1;var c=n.props,u=c.droppingItem,h=c.onDropDragOver,d=c.margin,f=c.cols,p=c.rowHeight,v=c.maxRows,g=c.width,m=c.containerPadding,y=c.transformScale,b=h==null?void 0:h(s);if(b===!1)return n.state.droppingDOMNode&&n.removeDroppingPlaceholder(),!1;var w=Mc(Mc({},u),b),x=n.state.layout,_=s.nativeEvent,D=_.layerX,A=_.layerY,T={left:D/y,top:A/y,e:s};if(n.state.droppingDOMNode){if(n.state.droppingPosition){var M=n.state.droppingPosition,L=M.left,N=M.top,E=L!=D||N!=A;E&&n.setState({droppingPosition:T})}}else{var I={cols:f,margin:d,maxRows:v,rowHeight:p,containerWidth:g,containerPadding:m||d},S=(0,OTe.calcXY)(I,A,D,w.w,w.h);n.setState({droppingDOMNode:Sc.createElement("div",{key:w.i}),droppingPosition:T,layout:[].concat($Te(x),[Mc(Mc({},w),{},{x:S.x,y:S.y,static:!1,isDraggable:!0})])})}}),Dn(gi(n),"removeDroppingPlaceholder",function(){var s=n.props,l=s.droppingItem,c=s.cols,u=n.state.layout,h=(0,vt.compact)(u.filter(function(d){return d.i!==l.i}),(0,vt.compactType)(n.props),c);n.setState({layout:h,droppingDOMNode:null,activeDrag:null,droppingPosition:void 0})}),Dn(gi(n),"onDragLeave",function(s){s.preventDefault(),s.stopPropagation(),n.dragEnterCounter--,n.dragEnterCounter===0&&n.removeDroppingPlaceholder()}),Dn(gi(n),"onDragEnter",function(s){s.preventDefault(),s.stopPropagation(),n.dragEnterCounter++}),Dn(gi(n),"onDrop",function(s){s.preventDefault(),s.stopPropagation();var l=n.props.droppingItem,c=n.state.layout,u=c.find(function(h){return h.i===l.i});n.dragEnterCounter=0,n.removeDroppingPlaceholder(),n.props.onDrop(c,u,s)}),n}return GTe(e,[{key:"componentDidMount",value:function(){this.setState({mounted:!0}),this.onLayoutMaybeChanged(this.state.layout,this.props.layout)}},{key:"shouldComponentUpdate",value:function(i,a){return this.props.children!==i.children||!(0,vt.fastRGLPropsEqual)(this.props,i,pA.default)||this.state.activeDrag!==a.activeDrag||this.state.mounted!==a.mounted||this.state.droppingPosition!==a.droppingPosition}},{key:"componentDidUpdate",value:function(i,a){if(!this.state.activeDrag){var o=this.state.layout,s=a.layout;this.onLayoutMaybeChanged(o,s)}}},{key:"containerHeight",value:function(){if(this.props.autoSize){var i=(0,vt.bottom)(this.state.layout),a=this.props.containerPadding?this.props.containerPadding[1]:this.props.margin[1];return i*this.props.rowHeight+(i-1)*this.props.margin[1]+a*2+"px"}}},{key:"onLayoutMaybeChanged",value:function(i,a){a||(a=this.state.layout),(0,pA.default)(a,i)||this.props.onLayoutChange(i)}},{key:"placeholder",value:function(){var i=this.state.activeDrag;if(!i)return null;var a=this.props,o=a.width,s=a.cols,l=a.margin,c=a.containerPadding,u=a.rowHeight,h=a.maxRows,d=a.useCSSTransforms,f=a.transformScale;return Sc.createElement(JU.default,{w:i.w,h:i.h,x:i.x,y:i.y,i:i.i,className:"react-grid-placeholder",containerWidth:o,cols:s,margin:l,containerPadding:c||l,maxRows:h,rowHeight:u,isDraggable:!1,isResizable:!1,isBounded:!1,useCSSTransforms:d,transformScale:f},Sc.createElement("div",null))}},{key:"processGridItem",value:function(i,a){if(!(!i||!i.key)){var o=(0,vt.getLayoutItem)(this.state.layout,String(i.key));if(!o)return null;var s=this.props,l=s.width,c=s.cols,u=s.margin,h=s.containerPadding,d=s.rowHeight,f=s.maxRows,p=s.isDraggable,v=s.isResizable,g=s.isBounded,m=s.useCSSTransforms,y=s.transformScale,b=s.draggableCancel,w=s.draggableHandle,x=s.resizeHandles,_=s.resizeHandle,D=this.state,A=D.mounted,T=D.droppingPosition,I=typeof o.isDraggable=="boolean"?o.isDraggable:!o.static&&p,S=typeof o.isResizable=="boolean"?o.isResizable:!o.static&&v,M=o.resizeHandles||x,L=I&&g&&o.isBounded!==!1;return Sc.createElement(JU.default,{containerWidth:l,cols:c,margin:u,containerPadding:h||u,maxRows:f,rowHeight:d,cancel:b,handle:w,onDragStop:this.onDragStop,onDragStart:this.onDragStart,onDrag:this.onDrag,onResizeStart:this.onResizeStart,onResize:this.onResize,onResizeStop:this.onResizeStop,isDraggable:I,isResizable:S,isBounded:L,useCSSTransforms:m&&A,usePercentages:!A,transformScale:y,w:o.w,h:o.h,x:o.x,y:o.y,i:o.i,minH:o.minH,minW:o.minW,maxH:o.maxH,maxW:o.maxW,static:o.static,droppingPosition:a?T:void 0,resizeHandles:M,resizeHandle:_},i)}}},{key:"render",value:function(){var i=this,a=this.props,o=a.className,s=a.style,l=a.isDroppable,c=a.innerRef,u=(0,kTe.default)(nG,o),h=Mc({height:this.containerHeight()},s);return Sc.createElement("div",{ref:c,className:u,style:h,onDrop:l?this.onDrop:vt.noop,onDragLeave:l?this.onDragLeave:vt.noop,onDragEnter:l?this.onDragEnter:vt.noop,onDragOver:l?this.onDragOver:vt.noop},Sc.Children.map(this.props.children,function(d){return i.processGridItem(d)}),l&&this.state.droppingDOMNode&&this.processGridItem(this.state.droppingDOMNode,!0),this.placeholder())}}],[{key:"getDerivedStateFromProps",value:function(i,a){var o;if(a.activeDrag)return null;if(!(0,pA.default)(i.layout,a.propsLayout)||i.compactType!==a.compactType?o=i.layout:(0,vt.childrenEqual)(i.children,a.children)||(o=a.layout),o){var s=(0,vt.synchronizeLayoutWithChildren)(o,i.children,i.cols,(0,vt.compactType)(i),i.allowOverlap);return{layout:s,compactType:i.compactType,children:i.children,propsLayout:i.layout}}return null}}]),e}(Sc.Component);Rv.default=tw,Dn(tw,"displayName","ReactGridLayout"),Dn(tw,"propTypes",RTe.default),Dn(tw,"defaultProps",{autoSize:!0,cols:12,className:"",style:{},draggableHandle:"",draggableCancel:"",containerPadding:null,rowHeight:150,maxRows:1/0,layout:[],margin:[10,10],isBounded:!1,isDraggable:!0,isResizable:!0,allowOverlap:!1,isDroppable:!1,useCSSTransforms:!0,transformScale:1,verticalCompact:!0,compactType:"vertical",preventCollision:!1,droppingItem:{i:"__dropping-elem__",h:1,w:1},resizeHandles:["se"],onLayoutChange:vt.noop,onDragStart:vt.noop,onDrag:vt.noop,onDragStop:vt.noop,onResizeStart:vt.noop,onResize:vt.noop,onResizeStop:vt.noop,onDrop:vt.noop,onDropDragOver:vt.noop});var rw={},Dc={};Object.defineProperty(Dc,"__esModule",{value:!0}),Dc.findOrGenerateResponsiveLayout=KTe,Dc.getBreakpointFromWidth=XTe,Dc.getColsFromBreakpoint=JTe,Dc.sortBreakpoints=mA;var nw=kt;function XTe(r,t){for(var e=mA(r),n=e[0],i=1,a=e.length;i<a;i++){var o=e[i];t>r[o]&&(n=o)}return n}function JTe(r,t){if(!t[r])throw new Error("ResponsiveReactGridLayout: `cols` entry for breakpoint "+r+" is missing!");return t[r]}function KTe(r,t,e,n,i,a){if(r[e])return(0,nw.cloneLayout)(r[e]);for(var o=r[n],s=mA(t),l=s.slice(s.indexOf(e)),c=0,u=l.length;c<u;c++){var h=l[c];if(r[h]){o=r[h];break}}return o=(0,nw.cloneLayout)(o||[]),(0,nw.compact)((0,nw.correctBounds)(o,{cols:i}),a,i)}function mA(r){var t=Object.keys(r);return t.sort(function(e,n){return r[e]-r[n]})}function iw(r){return iw=typeof Symbol=="function"&&typeof Symbol.iterator=="symbol"?function(t){return typeof t}:function(t){return t&&typeof Symbol=="function"&&t.constructor===Symbol&&t!==Symbol.prototype?"symbol":typeof t},iw(r)}Object.defineProperty(rw,"__esModule",{value:!0}),rw.default=void 0;var aG=rIe(P),mi=bA(Za),yA=bA(kv),If=kt,Cc=Dc,eIe=bA(Rv),tIe=["breakpoint","breakpoints","cols","layouts","margin","containerPadding","onBreakpointChange","onLayoutChange","onWidthChange"];function bA(r){return r&&r.__esModule?r:{default:r}}function oG(r){if(typeof WeakMap!="function")return null;var t=new WeakMap,e=new WeakMap;return(oG=function(i){return i?e:t})(r)}function rIe(r,t){if(!t&&r&&r.__esModule)return r;if(r===null||iw(r)!=="object"&&typeof r!="function")return{default:r};var e=oG(t);if(e&&e.has(r))return e.get(r);var n={},i=Object.defineProperty&&Object.getOwnPropertyDescriptor;for(var a in r)if(a!=="default"&&Object.prototype.hasOwnProperty.call(r,a)){var o=i?Object.getOwnPropertyDescriptor(r,a):null;o&&(o.get||o.set)?Object.defineProperty(n,a,o):n[a]=r[a]}return n.default=r,e&&e.set(r,n),n}function wA(){return wA=Object.assign||function(r){for(var t=1;t<arguments.length;t++){var e=arguments[t];for(var n in e)Object.prototype.hasOwnProperty.call(e,n)&&(r[n]=e[n])}return r},wA.apply(this,arguments)}function nIe(r,t){if(r==null)return{};var e=iIe(r,t),n,i;if(Object.getOwnPropertySymbols){var a=Object.getOwnPropertySymbols(r);for(i=0;i<a.length;i++)n=a[i],!(t.indexOf(n)>=0)&&Object.prototype.propertyIsEnumerable.call(r,n)&&(e[n]=r[n])}return e}function iIe(r,t){if(r==null)return{};var e={},n=Object.keys(r),i,a;for(a=0;a<n.length;a++)i=n[a],!(t.indexOf(i)>=0)&&(e[i]=r[i]);return e}function sG(r,t){var e=Object.keys(r);if(Object.getOwnPropertySymbols){var n=Object.getOwnPropertySymbols(r);t&&(n=n.filter(function(i){return Object.getOwnPropertyDescriptor(r,i).enumerable})),e.push.apply(e,n)}return e}function xA(r){for(var t=1;t<arguments.length;t++){var e=arguments[t]!=null?arguments[t]:{};t%2?sG(Object(e),!0).forEach(function(n){Af(r,n,e[n])}):Object.getOwnPropertyDescriptors?Object.defineProperties(r,Object.getOwnPropertyDescriptors(e)):sG(Object(e)).forEach(function(n){Object.defineProperty(r,n,Object.getOwnPropertyDescriptor(e,n))})}return r}function aIe(r,t){if(!(r instanceof t))throw new TypeError("Cannot call a class as a function")}function lG(r,t){for(var e=0;e<t.length;e++){var n=t[e];n.enumerable=n.enumerable||!1,n.configurable=!0,"value"in n&&(n.writable=!0),Object.defineProperty(r,n.key,n)}}function oIe(r,t,e){return t&&lG(r.prototype,t),e&&lG(r,e),Object.defineProperty(r,"prototype",{writable:!1}),r}function sIe(r,t){if(typeof t!="function"&&t!==null)throw new TypeError("Super expression must either be null or a function");r.prototype=Object.create(t&&t.prototype,{constructor:{value:r,writable:!0,configurable:!0}}),Object.defineProperty(r,"prototype",{writable:!1}),t&&_A(r,t)}function _A(r,t){return _A=Object.setPrototypeOf||function(n,i){return n.__proto__=i,n},_A(r,t)}function lIe(r){var t=cIe();return function(){var n=aw(r),i;if(t){var a=aw(this).constructor;i=Reflect.construct(n,arguments,a)}else i=n.apply(this,arguments);return uIe(this,i)}}function uIe(r,t){if(t&&(iw(t)==="object"||typeof t=="function"))return t;if(t!==void 0)throw new TypeError("Derived constructors may only return object or undefined");return SA(r)}function SA(r){if(r===void 0)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return r}function cIe(){if(typeof Reflect>"u"||!Reflect.construct||Reflect.construct.sham)return!1;if(typeof Proxy=="function")return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],function(){})),!0}catch{return!1}}function aw(r){return aw=Object.setPrototypeOf?Object.getPrototypeOf:function(e){return e.__proto__||Object.getPrototypeOf(e)},aw(r)}function Af(r,t,e){return t in r?Object.defineProperty(r,t,{value:e,enumerable:!0,configurable:!0,writable:!0}):r[t]=e,r}var uG=function(t){return Object.prototype.toString.call(t)};function ow(r,t){return r==null?null:Array.isArray(r)?r:r[t]}var MA=function(r){sIe(e,r);var t=lIe(e);function e(){var n;aIe(this,e);for(var i=arguments.length,a=new Array(i),o=0;o<i;o++)a[o]=arguments[o];return n=t.call.apply(t,[this].concat(a)),Af(SA(n),"state",n.generateInitialState()),Af(SA(n),"onLayoutChange",function(s){n.props.onLayoutChange(s,xA(xA({},n.props.layouts),{},Af({},n.state.breakpoint,s)))}),n}return oIe(e,[{key:"generateInitialState",value:function(){var i=this.props,a=i.width,o=i.breakpoints,s=i.layouts,l=i.cols,c=(0,Cc.getBreakpointFromWidth)(o,a),u=(0,Cc.getColsFromBreakpoint)(c,l),h=this.props.verticalCompact===!1?null:this.props.compactType,d=(0,Cc.findOrGenerateResponsiveLayout)(s,o,c,c,u,h);return{layout:d,breakpoint:c,cols:u}}},{key:"componentDidUpdate",value:function(i){(this.props.width!=i.width||this.props.breakpoint!==i.breakpoint||!(0,yA.default)(this.props.breakpoints,i.breakpoints)||!(0,yA.default)(this.props.cols,i.cols))&&this.onWidthChange(i)}},{key:"onWidthChange",value:function(i){var a=this.props,o=a.breakpoints,s=a.cols,l=a.layouts,c=a.compactType,u=this.props.breakpoint||(0,Cc.getBreakpointFromWidth)(this.props.breakpoints,this.props.width),h=this.state.breakpoint,d=(0,Cc.getColsFromBreakpoint)(u,s),f=xA({},l);if(h!==u||i.breakpoints!==o||i.cols!==s){h in f||(f[h]=(0,If.cloneLayout)(this.state.layout));var p=(0,Cc.findOrGenerateResponsiveLayout)(f,o,u,h,d,c);p=(0,If.synchronizeLayoutWithChildren)(p,this.props.children,d,c,this.props.allowOverlap),f[u]=p,this.props.onLayoutChange(p,f),this.props.onBreakpointChange(u,d),this.setState({breakpoint:u,layout:p,cols:d})}var v=ow(this.props.margin,u),g=ow(this.props.containerPadding,u);this.props.onWidthChange(this.props.width,v,d,g)}},{key:"render",value:function(){var i=this.props;i.breakpoint,i.breakpoints,i.cols,i.layouts;var a=i.margin,o=i.containerPadding;i.onBreakpointChange,i.onLayoutChange,i.onWidthChange;var s=nIe(i,tIe);return aG.createElement(eIe.default,wA({},s,{margin:ow(a,this.state.breakpoint),containerPadding:ow(o,this.state.breakpoint),onLayoutChange:this.onLayoutChange,layout:this.state.layout,cols:this.state.cols}))}}],[{key:"getDerivedStateFromProps",value:function(i,a){if(!(0,yA.default)(i.layouts,a.layouts)){var o=a.breakpoint,s=a.cols,l=(0,Cc.findOrGenerateResponsiveLayout)(i.layouts,i.breakpoints,o,o,s,i.compactType);return{layout:l,layouts:i.layouts}}return null}}]),e}(aG.Component);rw.default=MA,Af(MA,"propTypes",{breakpoint:mi.default.string,breakpoints:mi.default.object,allowOverlap:mi.default.bool,cols:mi.default.object,margin:mi.default.oneOfType([mi.default.array,mi.default.object]),containerPadding:mi.default.oneOfType([mi.default.array,mi.default.object]),layouts:function(t,e){if(uG(t[e])!=="[object Object]")throw new Error("Layout property must be an object. Received: "+uG(t[e]));Object.keys(t[e]).forEach(function(n){if(!(n in t.breakpoints))throw new Error("Each key in layouts must align with a key in breakpoints.");(0,If.validateLayout)(t.layouts[n],"layouts."+n)})},width:mi.default.number.isRequired,onBreakpointChange:mi.default.func,onLayoutChange:mi.default.func,onWidthChange:mi.default.func}),Af(MA,"defaultProps",{breakpoints:{lg:1200,md:996,sm:768,xs:480,xxs:0},cols:{lg:12,md:10,sm:6,xs:4,xxs:2},containerPadding:{lg:null,md:null,sm:null,xs:null,xxs:null},layouts:{},margin:[10,10],allowOverlap:!1,onBreakpointChange:If.noop,onLayoutChange:If.noop,onWidthChange:If.noop});var DA={};function sw(r){return sw=typeof Symbol=="function"&&typeof Symbol.iterator=="symbol"?function(t){return typeof t}:function(t){return t&&typeof Symbol=="function"&&t.constructor===Symbol&&t!==Symbol.prototype?"symbol":typeof t},sw(r)}Object.defineProperty(DA,"__esModule",{value:!0}),DA.default=MIe;var lw=pIe(P),hIe=cG(Za),fIe=cG($b),dIe=["measureBeforeMount"];function cG(r){return r&&r.__esModule?r:{default:r}}function hG(r){if(typeof WeakMap!="function")return null;var t=new WeakMap,e=new WeakMap;return(hG=function(i){return i?e:t})(r)}function pIe(r,t){if(!t&&r&&r.__esModule)return r;if(r===null||sw(r)!=="object"&&typeof r!="function")return{default:r};var e=hG(t);if(e&&e.has(r))return e.get(r);var n={},i=Object.defineProperty&&Object.getOwnPropertyDescriptor;for(var a in r)if(a!=="default"&&Object.prototype.hasOwnProperty.call(r,a)){var o=i?Object.getOwnPropertyDescriptor(r,a):null;o&&(o.get||o.set)?Object.defineProperty(n,a,o):n[a]=r[a]}return n.default=r,e&&e.set(r,n),n}function CA(){return CA=Object.assign||function(r){for(var t=1;t<arguments.length;t++){var e=arguments[t];for(var n in e)Object.prototype.hasOwnProperty.call(e,n)&&(r[n]=e[n])}return r},CA.apply(this,arguments)}function vIe(r,t){if(r==null)return{};var e=gIe(r,t),n,i;if(Object.getOwnPropertySymbols){var a=Object.getOwnPropertySymbols(r);for(i=0;i<a.length;i++)n=a[i],!(t.indexOf(n)>=0)&&Object.prototype.propertyIsEnumerable.call(r,n)&&(e[n]=r[n])}return e}function gIe(r,t){if(r==null)return{};var e={},n=Object.keys(r),i,a;for(a=0;a<n.length;a++)i=n[a],!(t.indexOf(i)>=0)&&(e[i]=r[i]);return e}function mIe(r,t){if(!(r instanceof t))throw new TypeError("Cannot call a class as a function")}function fG(r,t){for(var e=0;e<t.length;e++){var n=t[e];n.enumerable=n.enumerable||!1,n.configurable=!0,"value"in n&&(n.writable=!0),Object.defineProperty(r,n.key,n)}}function yIe(r,t,e){return t&&fG(r.prototype,t),e&&fG(r,e),Object.defineProperty(r,"prototype",{writable:!1}),r}function bIe(r,t){if(typeof t!="function"&&t!==null)throw new TypeError("Super expression must either be null or a function");r.prototype=Object.create(t&&t.prototype,{constructor:{value:r,writable:!0,configurable:!0}}),Object.defineProperty(r,"prototype",{writable:!1}),t&&TA(r,t)}function TA(r,t){return TA=Object.setPrototypeOf||function(n,i){return n.__proto__=i,n},TA(r,t)}function wIe(r){var t=_Ie();return function(){var n=uw(r),i;if(t){var a=uw(this).constructor;i=Reflect.construct(n,arguments,a)}else i=n.apply(this,arguments);return xIe(this,i)}}function xIe(r,t){if(t&&(sw(t)==="object"||typeof t=="function"))return t;if(t!==void 0)throw new TypeError("Derived constructors may only return object or undefined");return Vv(r)}function Vv(r){if(r===void 0)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return r}function _Ie(){if(typeof Reflect>"u"||!Reflect.construct||Reflect.construct.sham)return!1;if(typeof Proxy=="function")return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],function(){})),!0}catch{return!1}}function uw(r){return uw=Object.setPrototypeOf?Object.getPrototypeOf:function(e){return e.__proto__||Object.getPrototypeOf(e)},uw(r)}function Lf(r,t,e){return t in r?Object.defineProperty(r,t,{value:e,enumerable:!0,configurable:!0,writable:!0}):r[t]=e,r}var SIe="react-grid-layout";function MIe(r){var t;return t=function(e){bIe(i,e);var n=wIe(i);function i(){var a;mIe(this,i);for(var o=arguments.length,s=new Array(o),l=0;l<o;l++)s[l]=arguments[l];return a=n.call.apply(n,[this].concat(s)),Lf(Vv(a),"state",{width:1280}),Lf(Vv(a),"elementRef",lw.createRef()),Lf(Vv(a),"mounted",!1),Lf(Vv(a),"onWindowResize",function(){if(a.mounted){var c=a.elementRef.current;c instanceof HTMLElement&&c.offsetWidth&&a.setState({width:c.offsetWidth})}}),a}return yIe(i,[{key:"componentDidMount",value:function(){this.mounted=!0,window.addEventListener("resize",this.onWindowResize),this.onWindowResize()}},{key:"componentWillUnmount",value:function(){this.mounted=!1,window.removeEventListener("resize",this.onWindowResize)}},{key:"render",value:function(){var o=this.props,s=o.measureBeforeMount,l=vIe(o,dIe);return s&&!this.mounted?lw.createElement("div",{className:(0,fIe.default)(this.props.className,SIe),style:this.props.style,ref:this.elementRef}):lw.createElement(r,CA({innerRef:this.elementRef},l,this.state))}}]),i}(lw.Component),Lf(t,"defaultProps",{measureBeforeMount:!1}),Lf(t,"propTypes",{measureBeforeMount:hIe.default.bool}),t}(function(r){r.exports=Rv.default,r.exports.utils=kt,r.exports.Responsive=rw.default,r.exports.Responsive.utils=Dc,r.exports.WidthProvider=DA.default})(iU);var dG=iU.exports;const _$e="",Nf={"MetricList-container":"_MetricList-container_zha8r_1","MetricList-wrapper":"_MetricList-wrapper_zha8r_9","MetricList-wrapper-move":"_MetricList-wrapper-move_zha8r_25","noMetric-container":"_noMetric-container_zha8r_33","noMetric-wrapper":"_noMetric-wrapper_zha8r_41","alt-container":"_alt-container_zha8r_49",fullscreen:"_fullscreen_zha8r_57"},IA={deleteModal:"_deleteModal_pyqjp_1",cancelBtn:"_cancelBtn_pyqjp_9",warningIcon:"_warningIcon_pyqjp_17"},DIe=r=>C.jsxs("svg",{viewBox:"0 0 512 512",width:"1.2em",height:"1.2em",...r,children:[C.jsx("path",{fill:"none",stroke:"currentColor",strokeLinecap:"round",strokeLinejoin:"round",strokeWidth:32,d:"M85.57 446.25h340.86a32 32 0 0 0 28.17-47.17L284.18 82.58c-12.09-22.44-44.27-22.44-56.36 0L57.4 399.08a32 32 0 0 0 28.17 47.17Z"}),C.jsx("path",{fill:"none",stroke:"currentColor",strokeLinecap:"round",strokeLinejoin:"round",strokeWidth:32,d:"m250.26 195.39l5.74 122l5.73-121.95a5.74 5.74 0 0 0-5.79-6h0a5.74 5.74 0 0 0-5.68 5.95Z"}),C.jsx("path",{fill:"currentColor",d:"M256 397.25a20 20 0 1 1 20-20a20 20 0 0 1-20 20Z"})]}),pG=({isOpen:r,onClose:t,onArchive:e,isLoading:n})=>C.jsxs(La,{headerTitle:"Archive Metric",isOpen:r,onClose:t,children:[C.jsxs("div",{className:IA.deleteModal,children:[C.jsx(DIe,{className:IA.warningIcon}),C.jsx(we,{variant:"p",styleClass:"font-14",children:"Are you sure you want to archive the metric?"})]}),C.jsxs(Wc,{children:[C.jsx(Te,{variant:"secondary",type:"button",size:"default",className:IA.cancelBtn,onClick:t,children:"Cancel"}),C.jsx(Te,{variant:"reject",type:"button",size:"default",isDisabled:n,onClick:e,children:n?"Archiving...":"Archive"})]})]}),Ef={downloadCsv:"_downloadCsv_1amgw_1",downloadCsvWrapper:"_downloadCsvWrapper_1amgw_9",downloadCsvHeader:"_downloadCsvHeader_1amgw_17",downloadCsvFooter:"_downloadCsvFooter_1amgw_25",downloadCsvCancelBtn:"_downloadCsvCancelBtn_1amgw_33",downloadCsvDisableBtn:"_downloadCsvDisableBtn_1amgw_39",downloadCsvNote:"_downloadCsvNote_1amgw_45",downloadCsvExpiredNote:"_downloadCsvExpiredNote_1amgw_53",downloadCsvNoteText:"_downloadCsvNoteText_1amgw_59",downloadCsvSuccessNote:"_downloadCsvSuccessNote_1amgw_65",downloadCsvSuccessText:"_downloadCsvSuccessText_1amgw_71","tab-border-bottom":"_tab-border-bottom_1amgw_77","download-info-text":"_download-info-text_1amgw_85",downloadUrlTimeline:"_downloadUrlTimeline_1amgw_93",timeLineItem:"_timeLineItem_1amgw_101",timeLineActiveIcon:"_timeLineActiveIcon_1amgw_109",timeLineIcon:"_timeLineIcon_1amgw_117",timeLineItemline:"_timeLineItemline_1amgw_125",downloadCsvLoading:"_downloadCsvLoading_1amgw_133",downloadCsvLoadingIcon:"_downloadCsvLoadingIcon_1amgw_141",downloadCsvLoadingText:"_downloadCsvLoadingText_1amgw_149",timeLineCheckedIcon:"_timeLineCheckedIcon_1amgw_157",timeLineCheckedIconWrapper:"_timeLineCheckedIconWrapper_1amgw_165",downloadCsvBackBtnWrapper:"_downloadCsvBackBtnWrapper_1amgw_173",downloadCsvBackBtnText:"_downloadCsvBackBtnText_1amgw_181",downloadCsvHeaderText:"_downloadCsvHeaderText_1amgw_203",downloadCsvTabContainer:"_downloadCsvTabContainer_1amgw_211",downloadCsvActiveTab:"_downloadCsvActiveTab_1amgw_219",downloadCsvTab:"_downloadCsvTab_1amgw_211",downloadCsvActiveTabText:"_downloadCsvActiveTabText_1amgw_235"},CIe=r=>{const e=Date.now()-r,n=[{label:"year",duration:1e3*60*60*24*365},{label:"month",duration:1e3*60*60*24*30},{label:"week",duration:1e3*60*60*24*7},{label:"day",duration:1e3*60*60*24},{label:"hour",duration:1e3*60*60},{label:"minute",duration:1e3*60},{label:"second",duration:1e3},{label:"millisecond",duration:1}];for(const i of n){const a=Math.floor(e/i.duration);if(a>=1)return`${a} ${i.label}${a>1?"s":""} ago`}return"just now"},AA=({query:r,clientName:t,tenancyType:e,values:n})=>{const i=t?e===s1?r.replace(new RegExp(a1,"g"),t):Number(t)?r.replace(new RegExp(o1,"g"),t):r.replace(new RegExp(t1,"g"),t):r;return n?i.replace(/[^']+_variable/g,o=>`${n[o]}`):i},vG=r=>{const t=r.split("?")[1],e=new URLSearchParams(t),n=parseInt(e.get("Expires"),10),i=Math.floor(Date.now()/1e3),a=n-i;return{isExpired:i>=n,secondsLeft:a}},TIe=r=>{if(!r.length)return!1;const t=/^[\w-]+(\.[\w-]+)*@([\w-]+\.)+[a-zA-Z]{2,7}$/;return r.every(e=>t.test(e))},IIe=r=>{try{return JSON.parse(r)}catch{return[]}},AIe=({onCloseModal:r,sharingSettingsId:t,filterValues:e,metricItem:n})=>{var M,L;const i=$c(),{data:a}=f8({id:(M=n==null?void 0:n.companyIntegration)==null?void 0:M.workspaceId},{enabled:!!((L=n==null?void 0:n.companyIntegration)!=null&&L.workspaceId),refetchOnWindowFocus:!1}),[o,s]=P.useState(""),[l,c]=P.useState(!1),[u,h]=P.useState(""),{mutate:d}=k8(),{mutate:f}=_8();M8();const{mutate:p}=C8(),{mutate:v}=B8(),{handleSubmit:g,register:m,setValue:y,control:b}=ag(),{data:w}=i8({externalMetricId:n==null?void 0:n.id},{enabled:!!(n!=null&&n.id),refetchOnWindowFocus:!1}),x=P.useMemo(()=>{var N,E,k,O;return{expireTimeInMin:((E=(N=a==null?void 0:a.companyWorkspaces_by_pk)==null?void 0:N.rawCsvSettings)==null?void 0:E.expireTimeInMin)||30,isEnable:!!((O=(k=a==null?void 0:a.companyWorkspaces_by_pk)==null?void 0:k.rawCsvSettings)!=null&&O.expireTimeInMin)}},[a]),_=P.useMemo(()=>{if(w!=null&&w.externalMetricRawCsvUrls.length){const N=IIe(w.externalMetricRawCsvUrls[0].urls);return{urls:N,lastUpdatedAt:CIe(Date.parse(w.externalMetricRawCsvUrls[0].lastUpdatedAt)),isExpired:N.length?vG(N[0]).isExpired:!0,error:w.externalMetricRawCsvUrls[0].error,expireUrlIn:N.length?vG(N[0]).secondsLeft:0,status:w.externalMetricRawCsvUrls[0].requestStatus}}return{urls:[],lastUpdatedAt:0,isExpired:!0,error:null,expireUrlIn:0,status:"NONE"}},[w==null?void 0:w.externalMetricRawCsvUrls]),D=N=>{s(""),fetch(N).then(E=>(E.ok||(E.status===403?s("download link is expired"):s("something went wrong")),E.blob())).then(E=>{const k=URL.createObjectURL(E),O=document.createElement("a");O.download=`${n==null?void 0:n.name}.csv`,O.href=k,document.body.appendChild(O),O.click(),document.body.removeChild(O)}).catch(()=>{s("There was an error downloading the CSV file. Please try again later.")})},A=({companyId:N,sqlQuery:E,values:k,clientName:O,tenancyType:R,metricName:j,workspaceId:z})=>{c(!0),h("");const W=AA({query:E,clientName:O,tenancyType:R,values:e});d({companyId:N,recipientAddress:k.email,sqlQuery:W,metricName:j,workspaceId:z},{onSuccess({sendRawCsv:B}){const H=B==null?void 0:B.status,G=B==null?void 0:B.error;H?(h(""),c(!1),r(!1)):G?(h(G.message),c(!1)):(h(an),c(!1))}})},T=({clientName:N,tenancyType:E,expirationMinutes:k,onSuccess:O})=>{const R=new Date(Date.now()+k*60*1e3);f({configurations:{metricItem:n},expireCsvFileAt:R,expireUrlIn:k*60,externalMetricId:n==null?void 0:n.id,integrationId:n==null?void 0:n.companyIntegrationId,integrationName:n==null?void 0:n.integrationName,query:AA({query:n==null?void 0:n.query,clientName:N,tenancyType:E,values:e})},{onSuccess({invokeSaveRawCsvDetails:j}){j!=null&&j.statusCode?(c(!1),h(""),O()):j!=null&&j.error?(c(!1),h(j.error)):(c(!1),h(an))},onError(){c(!1),h(an)}})};return{isLoading:l,downloadCsvError:u,onSubmitDownloadCsv:A,handleSubmit:g,register:m,csvDownloadUrls:_,handleDownload:D,csvDownloadUrlError:o,saveRawCsvDetails:T,onRequestToDownload:({clientName:N,tenancyType:E,requestStatus:k})=>{c(!0),h("");const O=x.expireTimeInMin||30;v({configurations:n,expireUrlIn:O*60,externalMetricId:n==null?void 0:n.id,requestStatus:k,urls:"[]"},{onSuccess({insert_externalMetricRawCsvUrls_one:R}){R!=null&&R.id?T({expirationMinutes:O,clientName:N,tenancyType:E,onSuccess:()=>{i.setQueryData(["ExternalMetricRawCsvUrls",{externalMetricId:n==null?void 0:n.id}],j=>({...j,externalMetricRawCsvUrls:[R]}))}}):(c(!1),h(an))},onError(){c(!1),h(an)}})},setValue:y,control:b,onSumbitSendCsvUrl:({values:N,clientName:E,tenancyType:k})=>{c(!0),h("");const O=x.expireTimeInMin||30,R=new Date(Date.now()+O*60*1e3),j=AA({query:n==null?void 0:n.query,clientName:E,tenancyType:k,values:e}),z=N.emails;if(!TIe(z)){c(!1),h("please enter valid email");return}if(!t){c(!1),h("no sharing settings are found");return}p({configurations:n,emails:z,expireCsvFileAt:R,expireUrlIn:O*60,externalMetricId:n==null?void 0:n.id,integrationId:n==null?void 0:n.companyIntegrationId,integrationName:n==null?void 0:n.integrationName,query:j,sharingSettingsId:t,subject:N.subject},{onSuccess({shareCsvUrl:W}){W?(c(!1),h(""),r(!1)):(c(!1),h(an))},onError(){c(!1),h(an)}})},isDisableDownloadSettings:!t||!x.isEnable}},kf={required:"Required"};({...kf},{...kf}),{...kf};const Of={tag:"_tag_qld84_1","tag-text":"_tag-text_qld84_4",tagBtn:"_tagBtn_qld84_7",inputFieldContainer:"_inputFieldContainer_qld84_11","tag-container":"_tag-container_qld84_15","cross-icon":"_cross-icon_qld84_19"},gG=({control:r,placeholder:t,name:e,label:n,onChangeTags:i,defaultTagValue:a})=>{const[o,s]=P.useState([]),[l,c]=P.useState(""),u=f=>{s(o.filter(p=>p!==f))},h=f=>{f.key==="Enter"&&f.preventDefault()};P.useEffect(()=>{i&&i(o)},[o]),P.useEffect(()=>{a&&Array.isArray(a)&&s(a)},[a]);const d=f=>{c(f.target.value);let p=f.target.value.split(/[,\s]/);p=p.filter(v=>v!==""),s([...new Set(p)])};return C.jsx(Kv,{name:e||"tags",control:r,defaultValue:"",render:({field:f})=>C.jsxs("div",{className:Of.inputFieldContainer,children:[C.jsx(Ge,{...f,type:"text",value:l,onChange:d,onKeyDown:h,placeholder:t,label:n}),C.jsx("div",{className:Of["tag-container"],children:o.map(p=>C.jsx("div",{className:Of.tag,children:C.jsxs(Te,{variant:"custom",type:"button",onClick:()=>u(p),className:Of.tagBtn,children:[C.jsx("span",{className:Of["tag-text"],children:p}),C.jsx(Ze,{name:"close-icon",className:Of["cross-icon"]})]})},p))})]})})},mG=P.memo(gG),LA=({onCloseModal:r,isShowRawCsvModal:t,metricItem:e,client:n,companyTenancyType:i,filterValues:a,sharingSettingsId:o})=>{const{downloadCsvError:s,handleSubmit:l,isLoading:c,onSumbitSendCsvUrl:u,register:h,control:d,setValue:f,csvDownloadUrls:p,onRequestToDownload:v,handleDownload:g,csvDownloadUrlError:m,isDisableDownloadSettings:y}=AIe({onCloseModal:r,metricItem:e,filterValues:a,sharingSettingsId:o}),b=()=>C.jsx(C.Fragment,{children:C.jsxs("form",{onSubmit:l(w=>u({values:w,clientName:n,tenancyType:i})),children:[C.jsxs("div",{className:Ef.downloadCsvWrapper,children:[C.jsx(Ge,{type:"subject",label:"subject",placeholder:"enter a subject",register:h("subject",kf),defaultValue:e==null?void 0:e.name}),C.jsx(mG,{control:d,type:"text",label:"Send to",placeholder:"Enter email addresses separated by space or comma",onChangeTags:w=>f("emails",w)}),s&&C.jsx(qf,{message:s}),C.jsxs("div",{className:Ef.downloadCsvNote,children:[C.jsx(Ze,{name:"info-icon",className:Ef.popupItemIcon}),C.jsxs("div",{className:Ef.downloadCsvNoteText,children:[C.jsx(we,{styleClass:"primary",variant:"h1",children:"Note:"}),C.jsx(we,{styleClass:"font-14",variant:"p",children:"You will shortly receive a mail with CSV download URL to the above email id(s), once you click on Submit"})]})]})]}),C.jsxs(Wc,{children:[C.jsx(Te,{variant:"custom",type:"button",size:"small",className:Ef.downloadCsvCancelBtn,onClick:()=>r(!1),isDisabled:c,children:"Cancel"}),C.jsx(Te,{variant:"primary",type:"submit",size:"small",isDisabled:c||y,children:"Submit"})]})]})});return C.jsx(La,{isOpen:t,onClose:()=>r(!1),headerTitle:"Download Raw CSV",children:C.jsx("div",{className:Ef.downloadCsv,children:C.jsx(b,{})})})};P.memo(LA);const LIe={alertCancel:"_alertCancel_15a9a_1"},yG=({onCancel:r,onSave:t,isLoading:e})=>C.jsx(C.Fragment,{children:C.jsxs(Tb,{text:`It seems like you have made changes to the layout. Please click on\r
|
|
1875
|
-
the save button to save the changes to the layout.`,children:[C.jsx(Te,{variant:"secondary",type:"button",size:"small",className:LIe.alertCancel,onClick:r,children:"Cancel"}),C.jsx(Te,{variant:"primary",type:"button",size:"small",className:"disabled:opacity-40 disabled:cursor-not-allowed",onClick:t,isDisabled:e,children:"Save"})]})}),NIe={fullscreen:"_fullscreen_1309s_1"},EIe=({metricData:r,isOpen:t,onClose:e,title:n})=>C.jsx(La,{isOpen:t,onClose:()=>e(),headerTitle:n,children:C.jsx("div",{className:NIe.fullscreen,children:C.jsx(ps,{data:r||[],isLoading:!1,error:""})})}),mt={cardContainer:"_cardContainer_1pd1n_1",morePopup:"_morePopup_1pd1n_9",features:"_features_1pd1n_17",listHeader:"_listHeader_1pd1n_25",metricName:"_metricName_1pd1n_33",metricTitle:"_metricTitle_1pd1n_41",metricDescription:"_metricDescription_1pd1n_49",popup:"_popup_1pd1n_57",metricFilter:"_metricFilter_1pd1n_65",popupIcon:"_popupIcon_1pd1n_73",popupMenu:"_popupMenu_1pd1n_81",popupItem:"_popupItem_1pd1n_89",popupItemIcon:"_popupItemIcon_1pd1n_97",csvBtn:"_csvBtn_1pd1n_105",deleteBtn:"_deleteBtn_1pd1n_113",metricData:"_metricData_1pd1n_121",metricTable:"_metricTable_1pd1n_129",singleValueData:"_singleValueData_1pd1n_137",singleValue:"_singleValue_1pd1n_137",noData:"_noData_1pd1n_153",noDataContent:"_noDataContent_1pd1n_161",noDataText:"_noDataText_1pd1n_175",singleChartText:"_singleChartText_1pd1n_183",loading:"_loading_1pd1n_191",fullscreen:"_fullscreen_1pd1n_207",dynamicGroupFormat:"_dynamicGroupFormat_1pd1n_215",dynamicGroupContainer:"_dynamicGroupContainer_1pd1n_223",topLeft:"_topLeft_1pd1n_229",topRight:"_topRight_1pd1n_235"},bG="data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iNTYiIGhlaWdodD0iNDYiIHZpZXdCb3g9IjAgMCA1NiA0NiIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayI+CjxyZWN0IHdpZHRoPSI1NiIgaGVpZ2h0PSI0NiIgZmlsbD0idXJsKCNwYXR0ZXJuMCkiLz4KPGRlZnM+CjxwYXR0ZXJuIGlkPSJwYXR0ZXJuMCIgcGF0dGVybkNvbnRlbnRVbml0cz0ib2JqZWN0Qm91bmRpbmdCb3giIHdpZHRoPSIxIiBoZWlnaHQ9IjEiPgo8dXNlIHhsaW5rOmhyZWY9IiNpbWFnZTBfNjVfNDMiIHRyYW5zZm9ybT0ibWF0cml4KDAuMDA1NDM0NzggMCAwIDAuMDA2NjE2MjYgMCAtMC4wMDI4MzU1NCkiLz4KPC9wYXR0ZXJuPgo8aW1hZ2UgaWQ9ImltYWdlMF82NV80MyIgd2lkdGg9IjE4NCIgaGVpZ2h0PSIxNTIiIHhsaW5rOmhyZWY9ImRhdGE6aW1hZ2UvcG5nO2Jhc2U2NCxpVkJPUncwS0dnb0FBQUFOU1VoRVVnQUFBTGdBQUFDWUNBWUFBQUJYbnlQeEFBQVIwVWxFUVZSNFh1MWRDM2hOVnhZTzhuN0lRNFE4cm5oRWtGU2lGU2sxUkJpdGtLbFhHT281WmJUalUvV1YxbFRUK1JoRk5hS3RSMHRKSmw2bDFCaFVtcEpRN3lCb05DRmVJVVJDRWttSlBHOHdhNmZpdTlKRTlqNzNublAzMlhlZGZ2ZlRKR3Z2dmRhLy9ydk8ybXZ2czA4ak03d1FBUVVROFBmM2QrejJTc2p3VjNyMENHdWo4ZkJ4OS9EMGNuUnU1bHA3NklLQ3UzZHpjN0t2WDdsMDRkemhJOGYyYk51NmVicys2alhTcHpHMlJRU2VoNENiV3d2SGlORmozeDRhUG5CSVIvK0FRSkMxa1lDWTlzRCtwSVRkdTNadUE3SnZZRzJQQkdkRkRPVWJSR0RBZ0FHdnZ6RjI0cFRRdnYwR2dyREJPRlpXWGxHK1kvdlc5VEZydjRtNmRESGpTb09LR0hKd21zRlFSbXdFMnJiejBheGV0ZnA3aU5iQmNsdTY0L3N0c2RPbnZ6T3BvWEVhTnlTQWYwY0VhQkNZK3U3TUR3NGVQbjVGQ1hJVGZZWkdqSHJ6K0puMDY3MTc5dzU1bm40R3UzM1FnSUF5NGlIZzd1SGhIQk83UHI1elFHQjNZMW0zTGk1MlplU2MyZFBxR2g4SmJpeXZDREF1cENSZTIzZjhjTVRWdFptM3NjMkJpZWpPOFdOSERhbXRCNllveHZhTVNzZUhDb2s5a1Bzb0QrUW1FTUtFZHZDeVpjdmprT0FxSlJSdmFzZXQzN1FYeU4yS0o3MGdMNTh3YWRLa3FibzZZUVRueVVNcTBTVXlNbkkrNU53OWVGUjM3dnhQbDhDaWtuK05icGlEOCtnbGpuVUM3blNLVDlpZjFyaEpZMjZEWTBiNnVaVCsvZnQxSXpCeXF5VEhQalpwMVdaLytQRm5QSk9iT0FkS2xVRkRoZ3dialFRM2FhcXlHdzlWazlZd21RdGpiNmw4aThtVEo3MkRCRmNlZDFXUE9IakkwREZnUUJNMUdCSDRVdkJMVU9teHdCUkZEZDdpUk1mKy9WOGJ6SWtxTkdwWWhZV0ZqVWFDMDBDRk10VUkrUHQzZnRFWVVGaVlOekd6dEdDL2NmaTlFTkRMM0JnSzQ1anFROEMzUThjT01MbGs1b3V0alpWWmFWbEZuUVo3dWY5aE83aFpkbTdCTTdLT0RyWm1EdmEyVDMrWFYxQmtWcWw5U0FWZzU4NEJmVEdDVTBHRlFoQkZMVmxSSUZIWHhjbkJqSkJjeWtYYTY1S2I5T0htNmt6ZFZTdU5WMXNrT0RWY3BpMEllN0ZMQVlISExDalVrSkdRWE1wbFl5M3RpMUV6bHFXTlBkYkJwUUJ2aW0yeXMyOWVZeUU0U1MxMHI5by8wMkNvcmFKTFJlcnI2OTdkM0hzWXdXbVFSaG16eW9xS1J4REY2MDZtNjhDbmRtcEJmaWFUUlphTDVPN2w1WlhQTkNuOHJaaTZpd3NYcnlZelR4cW9lMGRCNFJCSVBuWWtDUlo2d21rTXF6MVpyS3NOalV4QjBmMm5GWlRIa0NDeFJQVWJON0xTTVlMVGVBdGxxaEU0ZUdEZkhtTkFRYW9tNU1OQ2J0Q3pjbi9TdnAyNDJjb1lIbFBwbVBEMGp0dkpsTlFib0w1K3N6OEY3SWZqSjI2OEdORFJHeU80QW1DTE1rUnVUazRlUE95N1VRMzJySWxaczVyb2lSRmNEZDdpU0VlSTRzMlRUNXk5QllzK0ZoeXA5WXdxRUwxeklYcDdrRjlpQk9mVlM1enFCVkU4LzRzdmxzemxWTDFxdFJaK011L0RHdjB3Z3ZQc0tZNTFpMDlJUEc3TUorbnJnMmJEaHJoVmMyYS8vdzhrT01ma1VZTnFRVUhCUVR0MjdUbkpVNXI3WTBMQzdpbHZqbnRkRno5TVVkVEFKZzUxOVBmMzY4d1R1ZUhZaUwyMXlZMDVPSWZFVVl0Sy9mb1A0R1Z2K09Odk4yMVlEV2VpdkZZWGRpYVJnNVBicWEydE5ka2NVZGRtSWFZTlJFWW1vRDY2MXZpYS9Oc29LeXZyT254SVRadjVzclN5c2txN2NEVWZOa05KMjBYRlBHTGREV0RyUU1tQ2VaRXoxcTJMVzF0ZmwwSXYxVStZTUhITThoVXJWMXVZbTlzWkNGT2h1a2xMTzVjYUVSRXhFSWlldzJMWXdMQkJmd0Z5UDd1YmlxVUQvV1VySU4vKzRkTUY4MlpuWHIxeTlYbmRDWnVEanhnNU9tTFZxdFZ4U083NjNmL0NDd0dCZStKL1NtTGxXOSsrb1NRZCtBTjNvUDZjdHpUNnN6bVJINzQvT2Z0MlhqWnJ2eFR5ajM4OWwzcDY2T3VEL2dUNWRrUkQ1Q2I5Q1p1aVhNck16dGE0Ti9la0FNM2tSZVpFUnY3ejgraW94YlJBcEtWbkZNSGJHWnhBWGd1ZlJ6REJTL3gyWTl6cUJLaGk2UFlCUnplTUdCWXhjZ3hzMEhvVmZpL2w4SHZTWFJYNTR1ejlLWDdYdHUrMi9DY2w1U1NwM0ZCZlFoTGMyOXZiTXlQajBrMlJ2OERVSHFZUVRFcEsvRGs4ZkZBb2hXaTF5TEZqeDFKczdGMDA2OWZGZkxsbDg2WTFaUEdub2Jad1IzMGpxRnUzVjl5OWZYdzZkL1R0QXNlK2tlZlZ5RjFBbDRPUGdNeEY4QXFUcTcra25qMTU5dlNaRTZkUG56b0trWnJzUlpkMENVbHdjdnBTU3NxWnRDY0FTZ0xHbEJvZE9YSWtHVTZDVXZ3b05sajJiK0hpN094cVkyTm5tNTkvSnhmbUFnWlBhMFNkWkpKcWd6NFZCMVBpTjdIMWtURU1oc2gvaDN6a0hGdlVTU2FTbTQwMVF0N0pDUVFpRXh4SnprWnlJYVZGSmJpUXprS2oyQkVRTlFkblJrSmJWY1g2U0JUekdFbzFJQS8zUXYxZnFlRzRIZ2RSQVBmY0t5NFJodHcxYkNPSDdkanFlYTRJMTh5bFZNN2tVeFNSSXJldXo3WGFLa29LVklzSk8xOHhlWUt6c0VCTnNveFBvS3ZKTkNaZGtlQk1jS0d3MmhCQWdxdk5ZL0xvaTNWd2VYREZYaEVCZVJFUU9ZSUxHNVhrcFlSWXZZdE1jTEU4aGRaSVFnQUpMZ2syYktRV0JFUW1PS1lvYW1HaGpIcUtUSEFaWVJPdWEyR0RBUkpjT0s2aVFib0lJTUdSRDBJamdBUVgycjFvbktnRXJ6N2NCdDJMQ0loS2NQUXNJbENOQUJJY2lTQTBBa2h3b2QxTGJaeXc2UndTbkpvREtLaEdCSkRnYXZRYTZreU5BQktjR2lvVVZDTUNTSEExZWcxMXBrWkFaSUlMTzNHaTlpNEtZcGtRT1NBMkFpSkhjTEU5aDlaUklZQUVwNElKaGRTS0FCSmNyWjVEdmFrUUVKbmdWS2MxaVhxR242VkZFeW9DaUM2RVp4T0NoeDBkYk1VN214RFBKYXorN29wS2NLWVNJWW5pb2taeXlnak5oQmRsbjF5SW1YeUt3b1VYVUFuWkVCQ1o0TEtCaGgyckJ3RWt1SHA4aFpwS1FBQUpMZ0UwQVp0Z0RxNHlwK0l6bVNwem1GenFZZ1NYQzFsMTlZc1JYRjMrd2lmcVZlWXYyZFFWTllKVHJXTEtocXI2T2hZV0w1RUpMcXpURFAzOXNiT0RWN0lKZWdtNWt1bm5IOUFWL01YMDVTMHRyeERHeGF6dnlkUzBidDlCR09OckdTSWN3YjI5dlRWdnZUdnIzeXdPTS9YM1pNTEdMS3VGMGN0V3o1azUvUzBXM05RZ3l4VGxlRGZJMHNxcXlmeW81ZC9iMlZoNzBlcUs3OG44SGFuZzdqMy9Pdkh2VTkranhVMHRja0lSZk83Q3FJMGVucDdCQUw0bHJRTk1mSk9WTGt5T1l5ZE9pdXpkdTNjL1d1elVJQ2NNd2FlK08zTUJSS0ZSVWtBbjIyVkZ1a2dPN3VoZ0o4VWs1Mzh0K254TDIzWSs3YVUwNXJHTkVBWCtBUU1HUk16NmVNRm1BTGg2VGdFcGlsbVhUajQ4NHMybFR2Y2ZsSmo5ZXVuYVU5MXlidDFLbnp4dVJGQmxSVVU1bHdvektLWDZDTzdib1dNZ2tIdE5EYmtaYkVmUmVoQ0FOTTkveGRkckUwVUFTTlVFZDNOcjRiVXdlc1V1Y0lTVENNN2d5WWEySGZ4NmZ2RFJ2RlU4NlNSRkY5VVNIQ29tMXA5OHVtU0hrN056S3ltR1k1dUdFWGgxWVBqRUVTTkhxN3AwcUZxQ3o1ZzE1eXVJTWtFTnV3a2w5RURBQ3RZVUZ2bjcrNytrUng5R2JhcEtnaytZTVBGOWlDNS9NeXB5cGpPNDg3ekZYMjZIZE5CZGpTYXJqdUJCUWNGOXgwMTVoMm1sVW8yTzRVbG5TQU5iUXpxNGxhU0ZQT2xGbzR1cXlvU3dETjhoZW1YTVFRQzh4Zk9NWXkwVGt0WE0wakp4OXFJMEFxODJ0YWV2ZzljdUU5YUg3Y25rbzl0aE9UK0NobGk4eUtpRzRDUjZyTjJ3TFIxS1dHMGJBbytWNEFWRjl4dnFVblYvSndmLzBKS2NsdUFBd3VPTmNURWZ4YTM1YXBGYUFGRk5pZ0xMOE50b3lNMEtQSW5lSWw2VjJvZHltTlVJbHZQbndITCthM0owTGtlZnFpQTRMTU5Id1RKOHVCd0FpTG9YeFZhK0xkNzJzSnkvSHBiemZlWHdoNkg3NUg2N0xDekRqeG8yOG8wWmhqWmN0eit5RjZVTTlvTS9GdVFSQ1FzTGN6TmJlWTl1YzV1N2FPbG1XTTd2RHN2NVdqbDlvMi9mWE9mZ1pCbitxOWhOaDhGSUJ4WkRXWE53bHI1RmxHWEl3WFhOcjhxOGVQN0FsRGZIdmNvekp0eW1LRkIzOVh5eURNOUVicDdCRmt3M2MxaG82d0hMK1V0NHRvdExna1BGeEFycXJodHhHWjVuNmxUclpna0xibU9HREJrbWFadXlFdFp4bWFJc2pscTZidWp3a2VQMUFhQ3BQZDBlYjVLdnNqN0RxSTllU3JVbHo1aFdRWVdJWmw2aHJYcFlQUWZSNHlyeWJldmxva2Q3MlpweU9jbDBidGJjdzBiUFNSSnhHczFWSTBkSVRpb1BhcStxRUdKTFdiVFNFMjhIdU9zMmhnbm5JeHJNbFpUaE1rVUJBQlF2VGhPaTN5c3VWUko3ZzQ4bGxkd0dVSVJVVXJpc1FmRktjQU5nTHEwTFVsRlE2eVVsY2h2STFpWVF2WkhnREdBYWJXNGcwd29nZytuU1JJMjhJc3Z0QzRFd2drdmpFM2V0YU9jYzNDa3VzMEpJOERvQU5uSTBsTm5sc25UUFpYcENMT1dWNEVaTFVRZ29hb3lHV3EzaTgzTGRid29TWEphNElWT25SaVlMczFVY25NN0ZYWG13QmtSZUl6aXprdzNaZ0VSd3RWUlRDTGs1S0c5aUJEY2tBWlhvaTFSVGZqK1UwNmkzL3VlYXlnbTVpWTdjRXB6TGxVd2xDRXd6aHU3aUQxbnA1T2xTNHp6QkdQZ2h3U2xSUjBKUkFzV1pHT2JnbkRrRTFURXNBa2h3dytLSnZYR0dBSmNFTDMvd1d4Rm5PS0U2ejBlQTIwa21sd1MvbG5YaktqSUtFVEFFQWx3UzNCQ0dZUitJQUVHQVY0SWJkYWtlcWNHTUFMZis0cFhnekFoakEwU2dMZ1NRNE1nTFF5Q0FFZHdRS0dJZjNDS0FCR2QwRGJlQU1kcGhLdUxjWmdMY0ttWXF6QkRFVG00REVoSmNFSVlaMlF4dWVjU3RZa1oyR0E3UGhnQzNQT0pXTVRaOFVSb1JxQnNCWGduT2JVNkhSRklYQXJ3U25OdG4vTlRsWHRTV1Y0THpxaGN5Um1VSWNKTUtrTmR5aDRXRmplemF0V3RJcno3OXcxMWRteUhKVlVTbTFETW5UeVVuSHo5NjdIankvdjFKaWJ0NVVkMm9CQ2ZuZ1BjTkRSMDJjT0NnOFVGQlhVTUJGQ3NDVEZOSEZ6Tkg1MmE4WUlSNlVDQnc4L3BsY25LcEpYek1TMHJLOHVNVEV0YnRUWWpmbEo2ZS9ndEZjOWxFRkNjNGtOcXkrOHN2OTRNM2RZV0hoSVFPdDdPeitjTTdMNUhnc3ZsYnRvNkI0SFgxWFg0bDg4YUZnd2YyZlplWW1QamZyS3lzT29Wa1V3bzZWcFRnOE03em9HblRwczBQREF6c0IyTmIxR2NZRWx4T2w4dlRkejBFMXgyc2ZOdjJIY3RYcmxqMk1aeEVxOWRwK3l3V0tFSnc4cjZkNlRQZVc5eTNUNjlob0p4TlF3b2l3UnRDaUwrL1V4QzhXbWxJWDRxK1diUDJvMjFiTjMrdGhCV3lFeHpJN1JFYkczdkl4Y1c1SGExQkZoWVdaaTA5VzlPS281eVJFU0N2UHltNGZZTkpDNGptMFo5SFI4MWlhaVJCV1BaS3hZeVpzeGF5a0p2WW9OVnF6UjQ5eEZLNEJIOGFwVWxsMlFQbWNVY01Iem96S0NqNHo4d05HUnZJVHZBK3ZYb09aTlNwV3J6NFBqNVlMd1UzcGR1UVFGUldXaXhwMkY0aElZTWxOV1JvSkR2QkR4OU4zc3VnejFQUisvY0s5WDN6bDVSaHNRMGpBaVFRa1R1dWxPdjBxUk0vU21uSDBrWjJna2RITFg2dnNMRG9Jb3RTTmJJa3I5UHo5WFpTaHNVMkZBaVF5SDJ2Nks0WkNVUlNydmo0K0s4UEhUb1VMNlV0U3h2Wko1bEVHVzl2NzNiekZ5eisxcWR0cTJBVzVXcGtTVlhGMHNiZVRNOVgzVWtaR3R2VVFvQVFtMFJ0a3BaSWpOeVZNVEV4LzRMUFlpWEFWWVRnTllaTW1ERHhnN0ZqeDgyR3hSMFhKWXpETWZoQ0FCWjlMaTc3WXVuYktTa25mMVpLTTBVSlRvd2lOZkV4NDhiUDdCZmFad1JVVnp6aFY0cnJvQlM0T0U0MUFxV3BxYWsvNzl5NU16WWhJV0c3MHBnWWxWeFFKZ29sTStrblpDZEw5bndkd3EyME44UVpqNUQ2U0hMeWlSL2hXcGVYZDhkb0pUR2pFbHpYbjc0ZE9uYnAwYjE3ZjdLYkVEWmU5WWEvT1lqamIrRXRlUWlGaE51d20zQkhTa3BLRWtUcS8vRmlNVGNFcncwSVJQYytnWUdkZXdZR2RnbnAxTW12SytUdGpoamh1YUFOV1lHckJFSVhBcUYzcDZXZFR6NTc5dlErMkVoMWl3dnRhaW5CTGNGcmd3VVJQc0N2azE5UW0zYnQvSHg5Mm5iUmFGcDFoQnllVEZiSkZsdlp5NTA4T2s4Qm5VaUJ1d3dtaDVlemI5MjhjUFZTUnVybHk1ZC96Y2k0ZUFyU0RtbjFRUVdVMWgxQ05RU3ZEeGZZb2VpdjBXZzZlWHA2dG12VHpyZUxXMHVQOW0wMEhyNFE4VzB4NGxPeGlieGxxNHBFNU16TXpGUTR1dnA4WVVIK3JXdlhNczlEVkQ0SG4xeXFYamdWVWozQjY4TVY5cDFidC9meENXalIwdDFiNCtYVldxUHhhZ01WSEkyVFMzTVBGeWNIVjRqK3J0Q1diTmtsRTF0UjdnQWtmU0NIMFpNUCtmK0g1QU03K0dDRGFubHBUbDdoellMODIxbjVlWG0zc205bVg3dHorOVoxSUhBR2ZESTU1YWZlYWdsTGNCcGtnUEF0N1IwY25DRFRjYlcxdGJZM3Q3Q0UvOHl0cksxdGJSMGRtenFabXpleGFPcms0bVJuWTJVUHN1N1c5azZPSG00dXJlQzc0d0IzQ09zblk5VDNkZ09DYmMwWGgveExmcTdCbTVDdk5obEpQN3IrZUtaZmlMQjNDMzhyemk4cExpb291ditnc0xUNDNvUGMzTnpzcXFxSDJ0S3lpakl0YkxJdUx5OHRLUzBsbi9LU3NyS1NCNFZGUlhkeWMzSnUwMkFocW94SkUxeEpwOEljd2dGZVJWajlwWUEzdGxWY3VwaHhYOG54VFhXcy93TitOZlBuNVNzRld3QUFBQUJKUlU1RXJrSmdnZz09Ii8+CjwvZGVmcz4KPC9zdmc+Cg==",NA=P.memo(({isDataLength:r,isLoading:t,isSingleValue:e,dataDb:n,chartType:i})=>C.jsxs(C.Fragment,{children:[!t&&!r?C.jsx("div",{className:mt.noData,children:C.jsxs("div",{className:mt.noDataContent,children:[C.jsx("img",{src:bG,alt:"no data svg"}),C.jsx("div",{className:mt.noDataText,children:"No Data"})]})}):null,!t&&r&&n[e]===null&&C.jsx("div",{className:mt.noData,children:C.jsxs("div",{className:mt.noDataContent,children:[C.jsx("img",{src:bG,alt:"no data svg"}),C.jsx("div",{className:mt.noDataText,children:"No Data"})]})}),t&&C.jsx("div",{className:mt.loading,children:C.jsx(xl,{style:{width:"50px",height:"50px",color:"blue"}})})]})),kIe=r=>C.jsx("svg",{viewBox:"0 0 24 24",width:"1.2em",height:"1.2em",...r,children:C.jsx("path",{fill:"currentColor",d:"M5 21q-.825 0-1.413-.587Q3 19.825 3 19V6.5q0-.375.125-.675q.125-.3.325-.575l1.4-1.7q.2-.275.5-.413Q5.65 3 6 3h12q.35 0 .65.137q.3.138.5.413l1.4 1.7q.2.275.325.575q.125.3.125.675V19q0 .825-.587 1.413Q19.825 21 19 21Zm.4-15h13.2l-.85-1H6.25ZM5 8v11h14V8Zm7 10l4-4l-1.4-1.4l-1.6 1.6V10h-2v4.2l-1.6-1.6L8 14Zm-7 1h14H5Z"})}),Wv={metricFilter:"_metricFilter_zg60x_1",customContainer:"_customContainer_zg60x_4"},cw=({rlsConditions:r,onChangeFilterValue:t,companyId:e,integrationId:n,integrationName:i})=>C.jsx(C.Fragment,{children:r&&t?r.datatype!=="date"?r.datatype==="string"?r.options.length?C.jsx(Kf,{selectedOptions:Array.isArray(r.value)&&r.value.length?r.value.map(a=>({label:a,value:a})):[],options:r.options.map(a=>({value:a,label:a})),onChange:a=>t(r.name,a==null?void 0:a[0].value,void 0,a),label:r.name,className:Wv.metricFilter}):C.jsx(ed,{selectedOptions:Array.isArray(r.value)&&r.value.length?r.value.map(a=>({label:a,value:a})):[],onChange:a=>t(r.name,a==null?void 0:a[0].value,void 0,a),filter:{tableName:r.tableName,columnName:r.columnName},companyId:e,isSearchEnabled:!0,autoSelected:Array.isArray(r.value)&&!r.value.length,label:r.name,integrationId:n,integrationName:i,className:Wv.metricFilter}):C.jsx(yr,{label:r.name,selectedOption:{value:r.value||r.options[0],label:r.value||r.options[0]},options:r.options.map(a=>({value:a,label:a})),onChange:a=>t(r.name,a.value),className:Wv.metricFilter}):C.jsx(yr,{label:r.name,selectedOption:{value:r.value||r.options[0].name,label:r.value||r.options[0].name},options:r.options.map(a=>({value:a.name,label:a.name})),onChange:a=>t(r.name,a.value),className:Wv.metricFilter,children:r.value==="Custom"?C.jsxs("div",{className:Wv.customContainer,children:[C.jsx(Ge,{label:"From Date",type:"date",onChange:({target:{value:a}})=>{t(r.name,"Custom",{startDate:new Date(Date.parse(a))})}}),C.jsx(Ge,{label:"To Date",type:"date",onChange:({target:{value:a}})=>t(r.name,"Custom",{endDate:new Date(Date.parse(a))})})]}):null}):null}),ni={container:"_container_x6dn7_1",popover:"_popover_x6dn7_5",popupContainer:"_popupContainer_x6dn7_6",button:"_button_x6dn7_10",buttonOpen:"_buttonOpen_x6dn7_14",menu:"_menu_x6dn7_18",enter:"_enter_x6dn7_22",enterFrom:"_enterFrom_x6dn7_26",enterTo:"_enterTo_x6dn7_30",leave:"_leave_x6dn7_34",leaveFrom:"_leaveFrom_x6dn7_38",leaveTo:"_leaveTo_x6dn7_42",center:"_center_x6dn7_46",top:"_top_x6dn7_50",bottom:"_bottom_x6dn7_54",left:"_left_x6dn7_58",right:"_right_x6dn7_62","left-top-end":"_left-top-end_x6dn7_66","right-top-end":"_right-top-end_x6dn7_70","left-bottom-end":"_left-bottom-end_x6dn7_74","right-bottom-end":"_right-bottom-end_x6dn7_78","top-left":"_top-left_x6dn7_82","top-right":"_top-right_x6dn7_86","bottom-left":"_bottom-left_x6dn7_90","bottom-right":"_bottom-right_x6dn7_94","left-top":"_left-top_x6dn7_66","left-bottom":"_left-bottom_x6dn7_74","right-top":"_right-top_x6dn7_70","right-bottom":"_right-bottom_x6dn7_78",chartOptionBtn:"_chartOptionBtn_x6dn7_114",chartpopup:"_chartpopup_x6dn7_118"},EA={fullscreen:"_fullscreen_1gpy3_1",loading:"_loading_1gpy3_5"},OIe=({isShowUnderlyingData:r,setShowUnderlyingData:t,getUnderlyingData:e,columnName:n,value:i,isSingleValueChart:a})=>{const[o,s]=P.useState([]),[l,c]=P.useState(!0);return P.useEffect(()=>{n&&i&&r&&!a&&e({columnName:n,setData:s,setLoading:c,value:i,isSingleValueChart:a}),r&&a&&e({columnName:n,setData:s,setLoading:c,value:i,isSingleValueChart:a})},[n,i,r,a]),C.jsx(La,{isOpen:r,onClose:()=>t(!1),headerTitle:"View Underlying Data",children:C.jsxs("div",{className:EA.fullscreen,children:[!!o.length&&C.jsx(ps,{data:o,isLoading:!1,error:""}),!o.length&&!l&&C.jsx("div",{className:EA.loading,children:"No Data Available"}),l&&!o.length&&C.jsx("div",{className:EA.loading,children:C.jsx(xl,{style:{width:"50px",height:"50px",color:"blue"}})})]})})},wG=P.memo(OIe),RIe=r=>C.jsx("svg",{viewBox:"0 0 24 24",width:"1.2em",height:"1.2em",...r,children:C.jsx("g",{id:"evaLayersFill0",children:C.jsx("g",{id:"evaLayersFill1",children:C.jsxs("g",{id:"evaLayersFill2",fill:"currentColor",children:[C.jsx("path",{d:"m3.24 7.29l8.52 4.63a.51.51 0 0 0 .48 0l8.52-4.63a.44.44 0 0 0-.05-.81L12.19 3a.5.5 0 0 0-.38 0L3.29 6.48a.44.44 0 0 0-.05.81Z"}),C.jsx("path",{d:"m20.71 10.66l-1.83-.78l-6.64 3.61a.51.51 0 0 1-.48 0L5.12 9.88l-1.83.78a.48.48 0 0 0 0 .85l8.52 4.9a.46.46 0 0 0 .48 0l8.52-4.9a.48.48 0 0 0-.1-.85Z"}),C.jsx("path",{d:"m20.71 15.1l-1.56-.68l-6.91 3.76a.51.51 0 0 1-.48 0l-6.91-3.76l-1.56.68a.49.49 0 0 0 0 .87l8.52 5a.51.51 0 0 0 .48 0l8.52-5a.49.49 0 0 0-.1-.87Z"})]})})})}),PIe=r=>C.jsx("svg",{viewBox:"0 0 24 24",width:"1.2em",height:"1.2em",...r,children:C.jsx("path",{fill:"currentColor",d:"M14 3v2h3.59l-9.83 9.83l1.41 1.41L19 6.41V10h2V3m-2 16H5V5h7V3H5a2 2 0 0 0-2 2v14a2 2 0 0 0 2 2h14a2 2 0 0 0 2-2v-7h-2v7Z"})}),xG=({position:r="center",menuContainerClass:t,menuClass:e,isOpen:n,setOpen:i,value:a,columnName:o,getUnderlyingData:s,clickBehaviourConfigs:l,elementRef:c,isSingleValueChart:u})=>{const[h,d]=P.useState(!1),f=P.useRef(null);return Bc({wrapRef:f,onOutsideClick:()=>i(!1)}),P.useEffect(()=>{if(!c||r!=="dynamic")return;const{containerRef:p,event:v}=c,g=v;if(!p.current||!f.current||!g)return;const m=p.current.getBoundingClientRect(),y=f.current.getBoundingClientRect(),[b,w]=yV(g,m,y);bV(f.current,b,w)},[c,n,r]),C.jsx(C.Fragment,{children:u?C.jsx(wG,{isShowUnderlyingData:n,setShowUnderlyingData:i,columnName:o,value:a,getUnderlyingData:s,isSingleValueChart:u}):C.jsxs(C.Fragment,{children:[C.jsx("div",{onContextMenu:p=>{p.preventDefault()},ref:f,className:`${r==="dynamic"&&ni.popupContainer}`,children:C.jsx("div",{className:`${ni.popover} ${r==="dynamic"||ni[r]} ${t}`,children:C.jsx(Wl,{as:"div",className:`${ni.menu} ${e}`,show:n,enter:ni.enter,enterFrom:ni.enterFrom,enterTo:ni.enterTo,leave:ni.leave,leaveFrom:ni.leaveFrom,leaveTo:ni.leaveTo,children:C.jsxs("div",{className:ni.chartpopup,children:[C.jsxs(Te,{variant:"custom",type:"button",className:ni.chartOptionBtn,onClick:()=>d(!0),children:[C.jsx(RIe,{className:ni.popupItemIcon}),C.jsx(we,{variant:"p",styleClass:"font-14",children:"View underlying data"})]}),l.isEnable&&C.jsxs(Te,{variant:"custom",type:"button",className:ni.chartOptionBtn,onClick:()=>H0(l,(a==null?void 0:a.split(" ").join("_"))||"undefined"),children:[C.jsx(PIe,{className:ni.popupItemIcon}),C.jsx(we,{variant:"p",styleClass:"font-14",children:"Go to"})]})]})})})}),C.jsx(wG,{isShowUnderlyingData:h,setShowUnderlyingData:d,columnName:o,value:a,getUnderlyingData:s,isSingleValueChart:u})]})})},_G=P.memo(xG),Rf={"dbc-container":"_dbc-container_1use2_1",dbcLastLevel:"_dbcLastLevel_1use2_4","active-dimension":"_active-dimension_1use2_7",otherLevels:"_otherLevels_1use2_10",clickableLevels:"_clickableLevels_1use2_13"},kA=({dimensions:r,drilledLevel:t,onResetLevel:e})=>C.jsx("div",{className:`${Rf["dbc-container"]} ${t===-1?Rf.dbcLastLevel:""}`,children:t===-1?C.jsx(Te,{variant:"custom",type:"button",className:`${Rf.otherLevels} ${Rf.clickableLevels}`,onClick:e,children:"Reset"}):C.jsx(C.Fragment,{children:r.map((n,i)=>C.jsxs("span",{className:i===t?Rf["active-dimension"]:Rf.otherLevels,children:[n.toString()[0].toUpperCase()+n.toString().substring(1),i===r.length-1?"":" / "]},n))})}),OA=({globalFilters:r={tableName:"",filters:[]},metricItem:t,onMaximize:e,client:n,colors:i,param:a,companyTenancyType:o,renderHeaderName:s,isDisableCardClick:l,onArchive:c,chartRendererType:u="canvas",isDisableMorePopup:h})=>{var z,W,B,H,G,$,U,Z;const d=P.useMemo(()=>{const Y={};if(a!=null&&a.values)for(const q in a.values){const V=`${q}_variable`;Y[V]=a.values[q]}return Y},[a==null?void 0:a.values]),[f,p]=P.useState(t.chartOptions),v=P.useRef(null),{dataDb:g,getUnderlyingData:m,handleChartClick:y,columnName:b,setShowChartPopup:w,isShowChartPopup:x,isQueryLoading:_,chartParams:D,onChangeFilterValue:A,onDrillDown:T,drilledLevel:I,dimensions:S,rlsConditions:M,setLoading:L,setTableLimit:N,isEnableNextBtn:E,isEnablePrevBtn:k,paginationInfo:O,onChangePage:R,isExternalChart:j}=b1({metric:t,clientId:n,chartSettings:f,setChartSettings:p,globalFilters:r,rlsFilters:{param:a,filterValues:d},tenancyLevel:o});return P.useEffect(()=>{var Y,q;p(t==null?void 0:t.chartOptions),N({limit:parseInt(((q=(Y=t==null?void 0:t.chartOptions)==null?void 0:Y.tableSettings)==null?void 0:q.defaultRowSize)||"10",10),offset:0})},[t]),C.jsx(C.Fragment,{children:C.jsxs("div",{ref:v,className:mt.cardContainer,onContextMenu:Y=>{Y.preventDefault()},children:[C.jsxs("div",{className:mt.listHeader,children:[C.jsxs("div",{className:mt.metricName,children:[C.jsx(Te,{type:"button",variant:"custom",onClick:()=>{t.clickActions.card.isEnable?E5(t.clickActions,t.metricId,t.id):e(t,{param:a,filterValues:d})},isDisabled:l,children:C.jsx(we,{variant:"h3",styleClass:"primary",className:`${mt.metricTitle} dbn-metric-card-title`,children:s?s(t.name):t.name})}),t.description&&C.jsx("span",{className:`${mt.metricDescription} dbn-metric-card-description`,children:t.description})]}),C.jsxs("div",{className:mt.features,children:[f!=null&&f.isDynamicSeries?C.jsx(yr,{options:[{value:"ungrouped",label:"ungrouped"},...((z=f.seriesOptions)==null?void 0:z.map(Y=>({value:Y,label:Y})))||[]],onChange:Y=>p(q=>({...q,seriesField:Y.value})),selectedOption:{label:(f==null?void 0:f.seriesField)||"ungrouped",value:(f==null?void 0:f.seriesField)||"ungrouped"},label:"group by",className:mt.dynamicGroupContainer,buttonClass:mt.dynamicGroupFormat}):null,(W=f==null?void 0:f.timeSeriesSettings)!=null&&W.groupBySettings.isDynamic?C.jsx(yr,{options:(B=f==null?void 0:f.timeSeriesSettings)==null?void 0:B.groupBySettings.options.map(Y=>({label:Y,value:Y})),onChange:Y=>p(q=>{var V;return{...q,timeSeriesSettings:{...q==null?void 0:q.timeSeriesSettings,groupBySettings:{...(V=q==null?void 0:q.timeSeriesSettings)==null?void 0:V.groupBySettings,value:Y.value}}}}),selectedOption:{label:(H=f==null?void 0:f.timeSeriesSettings)==null?void 0:H.groupBySettings.value,value:(G=f==null?void 0:f.timeSeriesSettings)==null?void 0:G.groupBySettings.value},labelVariant:"static",className:mt.dynamicGroupContainer,buttonClass:mt.dynamicGroupFormat}):null,!h&&C.jsxs(ga,{buttonClass:mt.popup,button:C.jsx(Ze,{name:"more-icon",className:mt.popupIcon}),menuClass:mt.popupMenu,position:"bottom-right",className:mt.morePopup,children:[C.jsxs(Te,{type:"button",variant:"custom",id:`metric-card-popup-btn__${t.id}`,className:`${mt.popupItem} ${mt.csvBtn}`,onClick:()=>e(t,{param:a,filterValues:d}),children:[C.jsx(Ze,{name:"fullscreen-icon",className:mt.popupItemIcon}),"Enter Fullscreen"]}),c&&C.jsxs(Te,{variant:"custom",type:"button",className:`${mt.popupItem} ${mt.csvBtn} ${mt.deleteBtn}`,onClick:()=>c(t.id),children:[C.jsx(kIe,{className:mt.popupItemIcon}),"Archive Metric"]})]})]})]}),(f==null?void 0:f.chartType)&&C.jsxs("div",{className:`${mt.metricData} ${(f==null?void 0:f.chartType)===me.table?mt.metricTable:""}`,onContextMenu:Y=>{Y.preventDefault()},children:[($=M==null?void 0:M.filter(Y=>Y.isAddOnMetrics))==null?void 0:$.map(Y=>C.jsx("div",{className:f.metricFilterPosition==="top-left"?mt.topLeft:mt.topRight,children:C.jsx(cw,{rlsConditions:Y,onChangeFilterValue:A,companyId:t==null?void 0:t.companyId,integrationId:t==null?void 0:t.companyIntegrationId,integrationName:t==null?void 0:t.integrationName})})),((U=t==null?void 0:t.drillDownSettings)==null?void 0:U.isEnableGroupBy)&&!!(S!=null&&S.length)&&!!g.length&&C.jsx(kA,{dimensions:S,drilledLevel:S.length>I?I:-1,onResetLevel:()=>T({})}),C.jsx(NA,{isLoading:_,isDataLength:!!(g!=null&&g.length),isSingleValue:f.singleValue,dataDb:g[0],chartType:f.chartType}),x&&C.jsx(C.Fragment,{children:C.jsx(_G,{isOpen:x,setOpen:w,value:D==null?void 0:D.name,columnName:b,getUnderlyingData:m,clickBehaviourConfigs:t.clickActions.chart,elementRef:{containerRef:v,event:(Z=D==null?void 0:D.event)==null?void 0:Z.event},position:"dynamic",isSingleValueChart:f.chartType===me.singleValue})}),g!=null&&g.length?C.jsx(dv,{data:g,chartOptions:f,events:{click:Y=>{var q;(q=t.drillDownSettings)!=null&&q.isEnableGroupBy&&T(Y)},contextmenu:Y=>{y(Y),w(!0)}},colors:i,config:{style:{height:"90%"},hideBorder:!0,chartClickConfig:t.clickActions.chart,onChartReady:()=>L(!1),opts:{renderer:u},onChangePage:R,isExternalChart:j,isEnableNextBtn:E,isEnablePrevBtn:k,paginationInfo:O,setChartSettings:p}}):null]})]})})},$Ie="data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz48c3ZnIGlkPSJMYXllcl8xIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAzMDAgMzAwIj48ZGVmcz48c3R5bGU+LmNscy0xe3N0cm9rZTojMTgyYzYwO30uY2xzLTEsLmNscy0ye2ZpbGw6bm9uZTtzdHJva2UtbGluZWNhcDpyb3VuZDtzdHJva2UtbGluZWpvaW46cm91bmQ7fS5jbHMtM3tmaWxsOiM1ODY1ZjY7b3BhY2l0eTouMTt9LmNscy00e2ZpbGw6I2YyZjNmNDt9LmNscy01e2ZpbGw6I2MxYzdjOTt9LmNscy02e2ZpbGw6I2RhZGVkZjt9LmNscy03e2ZpbGw6IzE4MmM2MDt9LmNscy0ye3N0cm9rZTojNTg2NWY2O3N0cm9rZS13aWR0aDo0cHg7fTwvc3R5bGU+PC9kZWZzPjxwYXRoIGNsYXNzPSJjbHMtMSIgZD0ibTIxMC41LDIwMC44M2MuNC0uNjYuNjgtMS40LjgyLTIuMiwxLjU4LTguODcsMy4xNS0xNy43NSw0LjczLTI2LjYyLDIuMDMtMTEuNDQsNC4wNi0yMi44OCw2LjA5LTM0LjMyLjcyLTQuMDgsMS43Ny04LjI1LDIuMTYtMTIuMzguNDMtNC41Ni0yLjA5LTkuNjgtNi44Ni0xMC42Ni0uMDEsMC0uMDMsMC0uMDQsMC0yLjQtLjQ5LTUuMDItLjIyLTcuNDUtLjIyaC00NC4yMmMtLjUyLDAtMi4zMy0uMzEtMi43NywwbC0yNC4yOCwxNy4yMmgtNjEuNjFjLTMuOTcsMC02Ljk5LDMuNTYtNi4zNCw3LjQ3bDkuNzUsNTkuNDJjLjUxLDMuMTEsMy4yLDUuMzksNi4zNCw1LjM5aDExNy44NiIvPjxwYXRoIGNsYXNzPSJjbHMtMSIgZD0ibTIwNywxMTQuNDN2LTguNTRjMC0zLjU1LTIuODgtNi40My02LjQzLTYuNDNoLTE3LjE5Ii8+PHBhdGggY2xhc3M9ImNscy0xIiBkPSJtMTAzLjQ3LDk5LjQ2aC0xNS4xMmMtMy41NSwwLTYuNDMsMi44OC02LjQzLDYuNDN2MjUuNDgiLz48Zz48bGluZSBjbGFzcz0iY2xzLTIiIHgxPSIxMTQuMTIiIHkxPSI5NC4wOCIgeDI9IjE0NC44NCIgeTI9Ijk0LjA4Ii8+PGc+PHJlY3QgY2xhc3M9ImNscy02IiB4PSIxMTIuNjEiIHk9IjEwMi40MyIgd2lkdGg9IjE4Ljk3IiBoZWlnaHQ9IjMuMiIvPjxyZWN0IGNsYXNzPSJjbHMtNCIgeD0iMTM3LjYxIiB5PSIxMDIuNDMiIHdpZHRoPSI4LjkiIGhlaWdodD0iMy4yIi8+PC9nPjwvZz48cGF0aCBjbGFzcz0iY2xzLTMiIGQ9Im0xNjQuOTgsODEuNDZsLS4wOCwxNi4yOHMuMTUsMy4yNC4zLDMuNjIuNiwxLjUxLDEuMTMsMS44OCwxLjAyLjc5LDEuNzcsMS4wNi45NC40OSwyLjExLjQ5LDE4LjE3LjA0LDE4LjE3LjA0bC0yMy40MS0yMy4zN1oiLz48cGF0aCBjbGFzcz0iY2xzLTEiIGQ9Im0xODguNTEsMTA0LjkxdjkuNTIiLz48cGF0aCBjbGFzcz0iY2xzLTEiIGQ9Im0xMDMuNTMsMTMxLjM3di00NC45NWMwLTIuODQsMi4zLTUuMTUsNS4xNS01LjE1LDE4Ljc3LDAsMzcuNTQsMCw1Ni4zMSwwIi8+PHBhdGggY2xhc3M9ImNscy0xIiBkPSJtMTY1LjAxLDgxLjI3djE4LjM1YzAsMi44NCwyLjMxLDUuMTUsNS4xNSw1LjE1aDE4LjM1cy0yMy41LTIzLjYyLTIzLjUtMjMuNVoiLz48Y2lyY2xlIGNsYXNzPSJjbHMtMSIgY3g9IjE2OC4yMSIgY3k9IjE2My4yNyIgcj0iMjQuOTYiLz48Y2lyY2xlIGNsYXNzPSJjbHMtMSIgY3g9IjE2OC4yMSIgY3k9IjE2My4yNyIgcj0iMzEuMjUiLz48cGF0aCBjbGFzcz0iY2xzLTEiIGQ9Im0xOTIuNTcsMTgzLjMzYzkuNjIsOS42MiwzMC4yOCwzMC4yOCwzMC4yOCwzMC4yOCwxLjE3LDEuMTcsMS4xNywzLjA3LDAsNC4yNHMtMy4wNywxLjE3LTQuMjQsMGMwLDAtMjAuNTgtMjAuNTgtMzAuMjItMzAuMjIiLz48Zz48cGF0aCBjbGFzcz0iY2xzLTUiIGQ9Im0xNjguNjYsMTcwLjkzYy0uNzQsMC0xLjM0LjI0LTEuODEuNzItLjQ3LjQ4LS43MSwxLjA5LS43MSwxLjgzcy4yNCwxLjMyLjcxLDEuODFjLjQ3LjQ5LDEuMDcuNzQsMS44MS43NHMxLjM0LS4yNSwxLjgxLS43NGMuNDctLjQ5LjcxLTEuMS43MS0xLjgxcy0uMjQtMS4zNC0uNzEtMS44M2MtLjQ3LS40OC0xLjA4LS43Mi0xLjgxLS43MloiLz48cGF0aCBjbGFzcz0iY2xzLTUiIGQ9Im0xNzQuNjksMTUzLjc3Yy0uNjItMS4wMi0xLjQ5LTEuODItMi42LTIuNC0xLjEyLS41Ny0yLjQtLjg2LTMuODUtLjg2LTEuNjgsMC0zLjE3LjQtNC40NywxLjE5cy0yLjI5LDEuOTQtMi45OCwzLjQzbDIuNzYsMi4yOGMuNDYtMS4wNiwxLjA3LTEuODYsMS44NS0yLjQuNzctLjU0LDEuNjUtLjgxLDIuNjQtLjgxLjc2LDAsMS40MS4xNCwxLjk3LjQxLjU1LjI4Ljk4LjY3LDEuMjgsMS4xNy4zLjUxLjQ1LDEuMS40NSwxLjc5cy0uMTYsMS4yOS0uNDcsMS44MWMtLjMxLjUyLS43NS45Mi0xLjMxLDEuMjEtLjU2LjI5LTEuMjIuNDMtMS45OC40M2gtLjkzdjYuNjZoMy4yOGwuMjYtMy43M2MuNzEtLjI0LDEuMzctLjU1LDEuOTUtLjkzLjk5LS42NCwxLjc1LTEuNDUsMi4yOS0yLjQxLjU0LS45Ny44MS0yLjA3LjgxLTMuMzEsMC0xLjMzLS4zMS0yLjUxLS45My0zLjU0WiIvPjwvZz48cGF0aCBjbGFzcz0iY2xzLTEiIGQ9Im04NS41NSwyMDMuOTdjLjY4LDIuODksMy4yNiw0Ljk2LDYuMjYsNC45NmgxMTcuNzMiLz48cGF0aCBjbGFzcz0iY2xzLTEiIGQ9Im0yMTUuMzcsMjA2LjA0Yy40Ny0uNzEuOC0xLjUyLjk1LTIuNCwxLjU4LTguODcsMy4xNS0xNy43NSw0LjczLTI2LjYyLDIuMDMtMTEuNDQsNC4wNi0yMi44OCw2LjA5LTM0LjMyLjcyLTQuMDgsMS43Ny04LjI1LDIuMTYtMTIuMzguMzktNC4xNi0xLjY4LTguNzktNS42Ny0xMC4zMSIvPjxwYXRoIGNsYXNzPSJjbHMtNyIgZD0ibTIyMy41MSwxMjAuMDhzLjQ5LDEuNjIuNTMsMS43My4zMiwyLjQ0LjMyLDIuNDRsLS4wNCwxLjkxLTEuMzgsNy4xMy0zLjM5LDE5LjMxLTIuODksMTUuOTItMi45NiwxNi43Ni0yLjQ0LDEzLjE2LS45MiwyLjY1LDQuOTgsNS4xNS44NS0yLjE1LjgxLTQuMDYsMS40OC04LjMzLDIuODItMTUuNzEsMi4xNS0xMi4xMSwxLjk0LTExLjM2LDIuNzUtMTQuNzUuODgtNC42OS4yOC0yLjU4LjA3LTIuMTItLjYtMi43NS0xLjI0LTIuMzYtMS4wOS0xLjU5LTIuMDEtMS4zMS0uOTItLjI4WiIvPjxwb2x5Z29uIGNsYXNzPSJjbHMtNyIgcG9pbnRzPSI4NS42OCAyMDMuOTMgMjA0LjU1IDIwMy44NCAyMDkuMzUgMjA4LjczIDE0OC40OCAyMDguODggOTAuOTUgMjA5LjAyIDg5LjUgMjA4LjY2IDg3Ljk4IDIwNy45MiA4Ni44MiAyMDYuNTggODYuMDEgMjA1LjAzIDg1LjY4IDIwMy45MyIvPjwvc3ZnPg==",jIe=({globalFilters:r={tableName:"",filters:[]},metricItem:t,client:e,param:n,companyTenancyType:i,renderHeaderName:a})=>{var T;const o={};if(n!=null&&n.values)for(const I in n.values){const S=`${I}_variable`;o[S]=n.values[I]}const[s,l]=P.useState(""),[c,u]=P.useState(""),[h,d]=P.useState([]),[f,p]=P.useState([]),[v,g]=P.useState({card:{isEnable:!1,baseUrl:"",dynamic:"none",route:"",routeType:"internal"},chart:{isEnable:!1,baseUrl:"",dynamic:"{{value}}",route:"/{{value}}",routeType:"internal"}}),[m,y]=P.useState({hideSplitLines:"none",hideAxisLines:"none",barWidth:40,barRadius:0,axisLabels:"none",fontSize:14,subHeaderShow:!1,displayText:"",subHeaderFontSize:0,dateFormatter:"none",numberFormatter:"original",xRotation:50,showLabelValues:!1}),{data:b,isLoading:w}=ZL({id:t==null?void 0:t.id,clientId:e,tenancyLevel:i,rlsConditions:i==="DATABASE"?f.map(I=>({...I,tableName:`${e}.${I.tableName.split(".").slice(1).join(".")}`})):f,globalFilters:i==="DATABASE"?{...r,tableName:`${e}.${r.tableName.split(".").slice(1).join(".")}`}:r,filterValues:o},{refetchOnWindowFocus:!1});P.useEffect(()=>{l(t==null?void 0:t.chartOptions.chartType),u(t==null?void 0:t.chartOptions.singleValue),p((t==null?void 0:t.rlsConditions)||[]),y(t!=null&&t.chartOptions.customSettings?t==null?void 0:t.chartOptions.customSettings:{hideSplitLines:"none",hideAxisLines:"none",barWidth:40,barRadius:0,axisLabels:"none",fontSize:14,subHeaderShow:!1,displayText:"",subHeaderFontSize:0,dateFormatter:"none",numberFormatter:"original",xRotation:50,showLabelValues:!1}),g(t.clickActions||{card:{isEnable:!1,baseUrl:"",dynamic:"none",route:"",routeType:"internal"},chart:{isEnable:!1,baseUrl:"",dynamic:"{{value}}",route:"/{{value}}",routeType:"internal"}})},[t]),P.useEffect(()=>{var S,M;const I=(S=b==null?void 0:b.externalMetricQuery)!=null&&S.data?JSON.parse((M=b==null?void 0:b.externalMetricQuery)==null?void 0:M.data):[];d(I??[])},[(T=b==null?void 0:b.externalMetricQuery)==null?void 0:T.data]);const x=h,_=x!=null&&x.length?x==null?void 0:x.map(I=>I[c]):"",D=[{value:_[0]}],A=(I,S,M,L)=>{p(M?N=>N.map(E=>E.name===I?{...E,value:S,options:E.options.map(k=>k.name==="Custom"?{...k,...M}:k)}:E):L?N=>N.map(E=>E.name===I?{...E,value:L.map(k=>k.value)}:E):N=>N.map(E=>E.name===I?{...E,value:S}:E))};return C.jsx(C.Fragment,{children:C.jsxs("div",{className:mt.cardContainer,id:t.id,children:[C.jsxs("div",{className:mt.listHeader,children:[C.jsxs("div",{className:mt.metricName,children:[C.jsx(Te,{type:"button",variant:"custom",isDisabled:!v.card.isEnable,className:"disabled:cursor-text",onClick:()=>E5(v,t.metricId,t.id),children:C.jsx(we,{variant:"h3",styleClass:"primary",className:`${mt.metricTitle} dbn-metric-card-title`,children:a?a(t.name):t.name})}),t.description&&C.jsx("span",{className:`${mt.metricDescription} dbn-metric-card-description`,children:t.description})]}),C.jsx("div",{className:mt.features,children:C.jsx(cw,{rlsConditions:f.find(I=>I.isAddOnMetrics),onChangeFilterValue:A,companyId:t==null?void 0:t.companyId,integrationId:t==null?void 0:t.companyIntegrationId,integrationName:t==null?void 0:t.integrationName})})]}),s&&C.jsx("div",{className:`${mt.metricData} ${mt.singleValueData}`,children:w?C.jsx(xl,{style:{width:"50px",height:"50px",color:"blue"}}):C.jsx(C.Fragment,{children:_.length?C.jsx(bH,{data:D,customSettings:m,chartClickConfig:v.chart,hideBorder:!0}):C.jsx("div",{className:mt.noData,children:C.jsxs("div",{className:mt.noDataContent,children:[C.jsx("img",{src:$Ie,alt:"",width:"300px",height:"300px"}),C.jsx("div",{className:mt.noDataText,children:"No Data Available"})]})})})})]})})},qt={fullScreen:"_fullScreen_140gc_1",header:"_header_140gc_9",headerBlock:"_headerBlock_140gc_17",metricName:"_metricName_140gc_25",iconButton:"_iconButton_140gc_33",body:"_body_140gc_41",metric:"_metric_140gc_25",metricHeader:"_metricHeader_140gc_57",chartSettings:"_chartSettings_140gc_65",chart:"_chart_140gc_65",preview:"_preview_140gc_81",popupMenu:"_popupMenu_140gc_89",csvPopup:"_csvPopup_140gc_97",csvPopupIcon:"_csvPopupIcon_140gc_105",popupItem:"_popupItem_140gc_113",popupItemIcon:"_popupItemIcon_140gc_121",dynamicGroupFormat:"_dynamicGroupFormat_140gc_129",dynamicGroupContainer:"_dynamicGroupContainer_140gc_137",addFilterMenu:"_addFilterMenu_140gc_143",addfilter:"_addfilter_140gc_151",checkedOption:"_checkedOption_140gc_157",option:"_option_140gc_165",chartWrapper:"_chartWrapper_140gc_173"},zIe=r=>C.jsx("svg",{viewBox:"0 0 24 24",width:"1.2em",height:"1.2em",...r,children:C.jsx("path",{fill:"currentColor",d:"M2 12h2v5h16v-5h2v5c0 1.11-.89 2-2 2H4a2 2 0 0 1-2-2v-5m10 3l5.55-5.46l-1.42-1.41L13 11.25V2h-2v9.25L7.88 8.13L6.46 9.55L12 15Z"})}),FIe=r=>C.jsx("svg",{viewBox:"0 0 24 24",width:"1.2em",height:"1.2em",...r,children:C.jsx("path",{fill:"currentColor",d:"M8.7 17.3q-.275-.275-.275-.7q0-.425.275-.7l3.9-3.9l-3.9-3.9q-.275-.275-.275-.7q0-.425.275-.7q.275-.275.7-.275q.425 0 .7.275l4.6 4.6q.15.15.213.325q.062.175.062.375t-.062.375q-.063.175-.213.325l-4.6 4.6q-.275.275-.7.275q-.425 0-.7-.275Z"})}),BIe=({data:r,chartRef:t,metricName:e,onRawCsvData:n})=>C.jsx(C.Fragment,{children:C.jsxs(ga,{button:C.jsx(zIe,{}),buttonClass:qt.iconButton,position:"bottom-right",menuClass:qt.popupMenu,children:[C.jsxs(ga,{button:C.jsxs(C.Fragment,{children:["Download CSV ",C.jsx(FIe,{className:qt.csvPopupIcon})]}),buttonClass:qt.popupItem,position:"left-top",menuClass:qt.popupMenu,menuContainerClass:qt.csvPopup,children:[C.jsx(mH,{text:"Table Results",data:r,fileName:e,className:qt.popupItem,iconClass:qt.popupItemIcon}),C.jsx(Te,{type:"button",variant:"custom",size:"default",className:qt.popupItem,onClick:n,children:"Raw Data"})]}),t&&C.jsx(wH,{text:"Save as PNG",chartRef:t,className:qt.popupItem,iconClass:qt.popupItemIcon,fileName:e})]})}),VIe=({filters:r,updateFilter:t})=>C.jsx(C.Fragment,{children:r.length?C.jsx(ga,{button:C.jsx(Te,{variant:"custom",type:"button",size:"small",className:qt.addfilter,children:C.jsx(Ze,{name:"plus-icon-2"})}),position:"bottom-left",children:C.jsx("div",{className:qt.addFilterMenu,children:r.map(e=>{const n=e.isAddOnMetrics;return C.jsxs(Te,{variant:"secondary",onClick:()=>{t(e)},className:n?qt.checkedOption:qt.option,children:[n?C.jsx(_1,{}):C.jsx(Jf,{}),e.name]})})})}):null}),WIe=r=>C.jsx("svg",{viewBox:"0 0 24 24",width:"1.2em",height:"1.2em",...r,children:C.jsx("path",{fill:"none",stroke:"currentColor",strokeLinecap:"round",strokeLinejoin:"round",strokeWidth:2,d:"M4 14h6v6m10-10h-6V4m0 6l7-7M3 21l7-7"})}),RA=({metric:r,colors:t,rlsFilters:e,onMinimize:n,clientId:i,tenancyLevel:a,companyId:o,externalDashboardId:s,userProvidedDashboardId:l,isAllowedToUpdateMetrics:c,sharingSettingsId:u})=>{var Y,q,V,X,Q,ie,te;const h=P.useRef(),[d,f]=P.useState(!1),[p,v]=P.useState(r.chartOptions),[g,m]=P.useState(!1),y=P.useRef(null),{updateExternalMetric:b,error:w}=e1({onSuccess:()=>{m(!1)},selectedColumns:[],companyIntegrationId:r.companyIntegrationId,query:r.query,metricQuery:r.metricQuery,integrationName:r.integrationName,outputColumns:r.outputColumns,chartSettings:p,datasetMetricSettings:r.datasetMetricSettings,clientId:i,companyId:o,isLiveMode:r.isLive,timeGrain:r.timeGrain,dashboardIds:[s],isEnableGroupBy:r.isEnableGroupBy,groupBy:r.groupBy,selectedGroupBy:r.selectedGroupBy,userProvidedDashboardId:l,metric:r,rlsFilters:e==null?void 0:e.param}),{dataDb:x,getUnderlyingData:_,handleChartClick:D,onChangeFilterValue:A,onDrillDown:T,isShowChartPopup:I,setShowChartPopup:S,columnName:M,chartParams:L,isQueryLoading:N,dimensions:E,drilledLevel:k,rlsConditions:O,setLoading:R,setTableLimit:j,isEnableNextBtn:z,paginationInfo:W,isEnablePrevBtn:B,isExternalChart:H,groupByList:G,isEnablePivotTable:$,onChangePage:U,updateFilter:Z}=b1({metric:r,rlsFilters:e,chartSettings:p,setChartSettings:v,tenancyLevel:a,clientId:i});return P.useEffect(()=>{var re,ue;v(r.chartOptions),j({limit:parseInt(((ue=(re=r.chartOptions)==null?void 0:re.tableSettings)==null?void 0:ue.defaultRowSize)||"10",10),offset:0})},[r]),C.jsxs("dialog",{open:!0,className:qt.fullScreen,children:[C.jsxs("section",{className:qt.header,children:[C.jsx("div",{className:qt.headerBlock,children:C.jsx(we,{variant:"h2",styleClass:"font-14",className:qt.metricName,children:r.name})}),C.jsxs("div",{className:qt.headerBlock,children:[C.jsx(Te,{type:"button",variant:"custom",size:"default",className:qt.iconButton,onClick:n,title:"Minimize Full Screen",children:C.jsx(WIe,{})}),C.jsx(BIe,{data:x,chartRef:h,metricName:r.name,onRawCsvData:()=>f(!0)}),c&&C.jsx(Te,{type:"button",variant:"primary",size:"large",onClick:()=>m(!0),children:"Save Metric"})]})]}),C.jsxs("section",{className:qt.body,children:[C.jsxs("div",{className:qt.metric,ref:y,children:[C.jsxs("div",{className:qt.metricHeader,children:[(Y=O==null?void 0:O.filter(re=>re.isAddOnMetrics))==null?void 0:Y.map(re=>C.jsx(cw,{companyId:o,integrationName:r.integrationName,integrationId:r.companyIntegrationId,rlsConditions:re,onChangeFilterValue:A})),C.jsx(VIe,{filters:O,updateFilter:Z}),!!x.length&&C.jsxs(C.Fragment,{children:[p!=null&&p.isDynamicSeries?C.jsx(yr,{options:[{value:"ungrouped",label:"ungrouped"},...((q=p.seriesOptions)==null?void 0:q.map(re=>({value:re,label:re})))||[]],onChange:re=>v(ue=>({...ue,seriesField:re.value})),selectedOption:{label:(p==null?void 0:p.seriesField)||"ungrouped",value:(p==null?void 0:p.seriesField)||"ungrouped"},label:"group by",className:qt.dynamicGroupContainer,buttonClass:qt.dynamicGroupFormat}):null,(V=p.timeSeriesSettings)!=null&&V.groupBySettings.isDynamic?C.jsx(yr,{options:p.timeSeriesSettings.groupBySettings.options.map(re=>({label:re,value:re})),onChange:re=>v(ue=>{var _e;return{...ue,timeSeriesSettings:{...ue.timeSeriesSettings,groupBySettings:{...(_e=ue.timeSeriesSettings)==null?void 0:_e.groupBySettings,value:re.value}}}}),selectedOption:{label:p.timeSeriesSettings.groupBySettings.value,value:p.timeSeriesSettings.groupBySettings.value},labelVariant:"static",buttonClass:qt.dynamicGroupFormat,className:qt.dynamicGroupContainer}):null,C.jsx(CI,{data:x,settings:p,setSettings:v,className:qt.chartSettings,isEnablePivotTable:$,groupbyList:G})]})]}),C.jsxs("div",{className:qt.chartWrapper,children:[I&&C.jsx(_G,{isOpen:I,setOpen:S,value:L==null?void 0:L.name,columnName:M,getUnderlyingData:_,clickBehaviourConfigs:(X=r.clickActions)==null?void 0:X.chart,elementRef:{containerRef:y,event:(Q=L==null?void 0:L.event)==null?void 0:Q.event},position:"dynamic",isSingleValueChart:p.chartType===me.singleValue}),C.jsx(NA,{isLoading:N,isDataLength:!!x.length,isSingleValue:p.singleValue,dataDb:x[0],chartType:""}),((ie=r==null?void 0:r.drillDownSettings)==null?void 0:ie.isEnableGroupBy)&&!!(E!=null&&E.length)&&!!x.length&&C.jsx(kA,{dimensions:E,drilledLevel:E.length>k?k:-1,onResetLevel:()=>T({})}),x.length?C.jsx(dv,{chartOptions:p,data:x,colors:t,events:{click:re=>{var ue;(ue=r.drillDownSettings)!=null&&ue.isEnableGroupBy&&T(re)},contextmenu:re=>{D(re),S(!0)}},className:qt.chart,config:{ref:h,chartClickConfig:(te=r.clickActions)==null?void 0:te.chart,onColumnSizingChange:re=>v(ue=>({...ue,tableSettings:{...ue.tableSettings,columnSizing:re}})),onChartReady:()=>R(!1),onChangePage:U,isExternalChart:H,isEnableNextBtn:z,isEnablePrevBtn:B,paginationInfo:W,setChartSettings:v}}):null]})]}),p.chartType!=="table"?C.jsx("div",{className:qt.preview,children:C.jsx(ps,{data:x,isLoading:!1,error:"",tableName:"Table Preview",tableSettings:{enableFilter:!0,enableSorting:!0,enableStripedRows:!0,enableTableSearch:!0,showRowHover:!0,showTableTitle:!0,showTableDesc:!0,lineGap:"medium",contentAlignment:"center",hideVerticalDivider:!1}})}):null]}),C.jsx(LA,{metricItem:r,isShowRawCsvModal:d,onCloseModal:f,companyTenancyType:a,filterValues:e==null?void 0:e.filterValues,client:i,sharingSettingsId:u}),c&&C.jsx(La,{isOpen:g,onClose:()=>m(!1),headerTitle:"Update Metric",children:C.jsx(x1,{onCancel:()=>m(!1),onSubmit:b,dashboardIds:[s],onDashboardChange:()=>{},companyId:o,error:w,defaultValues:{name:r.name,description:r.description,isLive:r.isLive,metricId:r.isCreatedByClient?r.metricId:`update_${r.metricId}_by_${i}_${Date.now()}`},isEmbedded:!0})})]})},SG=dG.WidthProvider(dG.Responsive),MG=({chartColors:r,globalFilters:t,client:e,companyId:n,isAllowedToUpdateMetrics:i,isAllowedToDeleteMetrics:a,isAllowedToChangeLayout:o,externalDashboardMetrics:s,isMetricListLoading:l,breakpoint:c,layoutCols:u,adminLayout:h,params:d,companyTenancyType:f="TABLE",externalDashboardId:p,externalDashboardPk:v,sharingSettingsId:g})=>{const[m,y]=P.useState({id:"",show:!1}),[b,w]=P.useState({layout:[],isShow:!1}),[x,_]=P.useState({show:!1}),{saveLayout:D,layout:A,isLoadingLayout:T}=rN({clientId:e,externalDashboardId:v}),{handleArchiveMetric:I,isLoading:S}=oN({dashboardId:p,clientId:e,metricId:m.id,onSuccess:()=>y({id:"",show:!1})}),M=P.useCallback(k=>{w({isShow:!0,layout:k})},[]),L=P.useMemo(()=>{const k=s==null?void 0:s.map(z=>z.externalMetric),O=k==null?void 0:k.filter(z=>!z.isCreatedByClient),R=k==null?void 0:k.filter(z=>z.isCreatedByClient&&z.clientId===e);return[...O||[],...R||[]].sort((z,W)=>{const B=new Date(z.createdAt).getTime(),H=new Date(W.createdAt).getTime();return B-H})},[s]),N=P.useMemo(()=>L.map(O=>{const R=A.find(z=>z.i===O.id),j=h.find(z=>z.i===O.id);return{i:(R==null?void 0:R.i)||(j==null?void 0:j.i)||O.id,w:(R==null?void 0:R.w)||(j==null?void 0:j.w)||O.resizeAttributes.width||5,h:(R==null?void 0:R.h)||(j==null?void 0:j.h)||O.resizeAttributes.height||10,x:(R==null?void 0:R.x)||(j==null?void 0:j.x)||O.resizeAttributes.xAxis||0,y:(R==null?void 0:R.y)||(j==null?void 0:j.y)||O.resizeAttributes.yAxis||0,minW:O.chartOptions.chartType==="single value"?1:3,minH:O.chartOptions.chartType==="single value"?2:8,maxH:O.chartOptions.chartType==="table"?1/0:15}}),[L,h,A]),E=P.useMemo(()=>L.map(k=>C.jsx("div",{className:`${Nf["MetricList-wrapper"]} ${o?Nf["MetricList-wrapper-move"]:""}`,id:k.id,children:C.jsx(OA,{metricItem:k,onMaximize:O=>_({show:!0,metric:O}),client:e,colors:r,globalFilters:t,param:d==null?void 0:d.find(O=>O.metricId===k.metricId),companyTenancyType:f,onArchive:a?O=>y({id:O,show:!0}):void 0})},k.id)),[L,f,e,r,d,t,o,a]);return C.jsx(C.Fragment,{children:L.length&&N.length?C.jsxs(C.Fragment,{children:[C.jsxs("div",{className:Nf["MetricList-container"],id:"metric-list-container",children:[b.isShow&&C.jsx(yG,{isLoading:T,onCancel:()=>w(k=>({...k,isShow:!1})),onSave:async()=>{await D(b.layout,!0),w(k=>({...k,isShow:!1}))}}),C.jsx(SG,{layouts:{lg:N},onResizeStop:o?M:void 0,onDragStop:o?M:void 0,isDraggable:o,isDroppable:o,isResizable:o,rowHeight:30,breakpoints:c??{lg:1200,md:996,sm:768,xs:480,xxs:0},cols:u??{lg:12,md:12,sm:12,xs:4,xxs:2},children:E})]}),a?C.jsx(pG,{isLoading:S,isOpen:m.show,onArchive:I,onClose:()=>y({id:"",show:!1})}):null,C.jsx(Xf,{children:x.show&&x.metric&&C.jsx(RA,{metric:x.metric,rlsFilters:x.rlsFilters,colors:r,externalDashboardId:v,userProvidedDashboardId:p,tenancyLevel:f,isAllowedToUpdateMetrics:i,clientId:e,companyId:n,onMinimize:()=>_({show:!1,metric:void 0}),sharingSettingsId:g})})]}):C.jsx(C.Fragment,{children:l?C.jsx("div",{className:Nf["alt-container"],children:C.jsx(xl,{style:{width:"50px",height:"50px",color:"blue"}})}):C.jsx("div",{className:Nf["noMetric-container"],children:C.jsx("div",{className:Nf["noMetric-wrapper"],children:C.jsx(we,{variant:"h2",styleClass:"primary",children:"No metrics created yet"})})})})})},$o={container:"_container_1jkce_1",table:"_table_1jkce_9",tableHead:"_tableHead_1jkce_17",tableRow:"_tableRow_1jkce_25",tableHeadCol:"_tableHeadCol_1jkce_33",tableHeadColText:"_tableHeadColText_1jkce_41",tableRowCol:"_tableRowCol_1jkce_49",tableColText:"_tableColText_1jkce_57",empty:"_empty_1jkce_65",error:"_error_1jkce_73"},HIe=({data:r,isError:t})=>C.jsxs("div",{className:$o.container,children:[!!(r!=null&&r.length)&&!t&&C.jsxs("table",{className:$o.table,children:[C.jsx("thead",{className:$o.tableHead,children:C.jsx("tr",{className:$o.tableRow,children:Object.keys(r[0]).map(e=>C.jsx("th",{className:$o.tableHeadCol,scope:"col",children:C.jsx(we,{styleClass:"font-14c",variant:"h1",className:$o.tableHeadColText,children:e})},e))})}),C.jsx("tbody",{children:r==null?void 0:r.map((e,n)=>C.jsx("tr",{children:Object.keys(r[0]).map((i,a)=>C.jsx("td",{className:$o.tableRowCol,children:C.jsx(we,{styleClass:"font-14",variant:"p",className:$o.tableColText,children:JSON.stringify(e[i])})},a))},n))})]}),!(r!=null&&r.length)&&!t&&C.jsx("div",{className:$o.empty,children:"Table is empty"}),t&&C.jsx("div",{className:$o.error,children:r.message})]}),UIe={loader:"_loader_j0yem_1"},DG=()=>C.jsx("div",{className:UIe.loader,children:C.jsx(xl,{style:{width:"50px",height:"50px",color:"blue"}})}),GIe=Object.freeze(Object.defineProperty({__proto__:null,Alert:Tb,AppliedFilter:dH,ArchiveMetricModal:pG,Button:Te,Chart:dv,ChartConfig:cN,ChartConfigure:CH,ChartImageDownloadButton:wH,ChartModalOptions:hN,ChartPopup:xG,ChartSettings:AH,ChartSettingsPopup:CI,ChartTab:LH,ConstructMetric:rU,CsvDownloadButton:mH,DataType:w1,Dataset:_H,DateRangePicker:yI,DownloadRawCsvModal:LA,DrillBreadCrumb:kA,DropDown:f6,EmbeddedMetricCreation:nU,Error:qf,ErrorFallback:dN,ExternalMetricForm:x1,ExternalMetricList:MG,FilterDropDown:Cg,FilterField:Sbe,FilterPopup:bI,FloatingDropDown:yr,FullScreenChart:pV,FullScreenView:RA,GlobalFilters:vH,GridLayout:SG,Header:xH,HookMultiSelect:uN,HookSelect:Zf,Icons:Ze,InfoTooltip:Or,InputField:Ge,InputTables:HDe,LayoutAlert:yG,Loader:DG,MetricCard:OA,MetricChart:cMe,MetricFilterDropDown:cw,MetricForm:eU,MetricOutput:EH,MetricTable:HIe,Modal:La,ModalFooter:Wc,MultiFilterDropdown:ed,MultiFloatingDropDown:Kf,MultiSelect:Vi,NoDataLoading:NA,NumberFilterField:DT,OldMultiSelect:d6,OldSelect:h6,PopoverMenu:ga,Portal:Xf,SearchTab:Hl,Select:ur,SelectField:g6,SelectWithSubValue:lN,SingleValueCard:jIe,Tab:Nv,Table:ps,TableTab:NH,TableViewModal:EIe,TagInputField:gG,Text:we,TextAreaField:pN,TimeGrainField:kH,ToggleButton:vN,Tooltip:gH,getFormattedFilterValue:pH,isInFilterOperator:MT,isNullFilterOperator:eb},Symbol.toStringTag,{value:"Module"})),YIe={scheduleEmailButton:"_scheduleEmailButton_13nzt_1"},yi={"form-wrapper":"_form-wrapper_ynoky_1","form-primary-text":"_form-primary-text_ynoky_5","week-days-container":"_week-days-container_ynoky_9","main-label":"_main-label_ynoky_12","time-element":"_time-element_ynoky_16","schedule-time":"_schedule-time_ynoky_19","cancel-btn":"_cancel-btn_ynoky_23","delete-btn":"_delete-btn_ynoky_26","field-width":"_field-width_ynoky_29","timezone-field":"_timezone-field_ynoky_33","success-text":"_success-text_ynoky_37"},CG=P.createContext({isLoading:void 0,data:void 0,token:void 0,pluginRef:void 0}),TG=()=>P.useContext(CG),QIe=(r,t)=>{const e=t.getTimezoneOffset()*-1;return new Date(t.toLocaleString("en-US",{timeZone:r})).getTimezoneOffset()*-1-e},ZIe=r=>{const t=new Date;let e=null;switch(r.frequency){case"Daily":e=new Date(t),e.setDate(t.getDate()+1);break;case"Weekly":{const n=Object.keys(r.weekDays).filter(a=>r.weekDays[a]);let i=null;n.forEach(a=>{const s=(l1.findIndex(c=>c.value===a)+7-t.getDay())%7,l=new Date(t);l.setDate(t.getDate()+s),l.toDateString()===t.toDateString()&&l.setDate(l.getDate()+7),(!i||l<i)&&(i=l)}),e=i;break}case"Monthly":{const n=r.date.map(a=>parseInt(a.value,10));let i=null;n.forEach(a=>{const o=new Date(t.getFullYear(),t.getMonth(),a);o<t&&o.setMonth(t.getMonth()+1),(!i||o<i)&&(i=o)}),e=i;break}}if(e!==null){e.setHours(parseInt(r.hours,10),0,0,0),r.time==="PM"?e.setHours(parseInt(r.hours,10)+12):r.time==="AM"&&r.hours==="12"&&e.setHours(0);const n=QIe(r.timezone,e);e.setTime(e.getTime()+n*6e4)}return e},qIe=({onCancel:r})=>{var E;const{register:t,handleSubmit:e,watch:n,control:i,setValue:a,getValues:o,reset:s}=ag(),{data:l,token:c}=TG(),{data:u,isLoading:h}=p8({token:c}),d=P.useMemo(()=>{var k;if((k=u==null?void 0:u.scheduleEmailReports)!=null&&k.length)return u==null?void 0:u.scheduleEmailReports[0]},[u]);P.useEffect(()=>{d?s({...d.timeConfigurations}):(a("time","PM"),a("timezone","Asia/Kolkata"),a("frequency","Monthly"))},[d]);const[f,p]=P.useState(!1),[v,g]=P.useState(""),[m,y]=P.useState(!1),[b,w]=P.useState(!1),x="",_=((E=l==null?void 0:l.externalDashboardMetrics)==null?void 0:E.map(k=>({value:k.externalMetric.id,label:k.externalMetric.name})))||[],D=$8(),A=PQ(),T=jQ(),I=(k,O)=>k.charts.length===0?(g("please select at least one chart to share"),p(!1),y(!1),!1):k.emails.length===0?(g("please add at least one email address"),p(!1),y(!1),!1):O?!0:(g("invalid time configurations"),p(!1),y(!1),!1),S=k=>{var Y,q;g(""),p(!0),y(!1);const{subject:O,emails:R,frequency:j,weekDays:z,date:W,hours:B,time:H,timezone:G}=k,$=ZIe({date:W,frequency:j,hours:B,time:H,timezone:G,weekDays:z});if(!I(k,$))return;const Z=(Y=k.charts)==null?void 0:Y.map(V=>({externalMetricId:V}));d?A.mutate({scheduleEmailReportId:d.id},{onSuccess({delete_scheduleEmailReportCharts:V}){var X;V!=null&&V.affected_rows?D.mutate({emails:R,externalDashboardId:(X=l==null?void 0:l.externalDashboard)==null?void 0:X.id,data:Z,guestToken:c,nextScheduledAt:$,sharingSettingsId:l==null?void 0:l.sharingSettingsId,subject:O,timeConfigurations:k},{onSuccess({insert_scheduleEmailReports_one:Q}){Q!=null&&Q.id?(g(""),p(!1),y(!0)):(g(an),p(!1),y(!1))},onError(){g(an),p(!1),y(!1)}}):(g(an),p(!1),y(!1))},onError(){g(an),p(!1),y(!1)}}):D.mutate({emails:R,externalDashboardId:(q=l==null?void 0:l.externalDashboard)==null?void 0:q.id,data:Z,guestToken:c,nextScheduledAt:$,sharingSettingsId:l==null?void 0:l.sharingSettingsId,subject:O,timeConfigurations:k},{onSuccess({insert_scheduleEmailReports_one:V}){V!=null&&V.id?(g(""),p(!1),y(!0)):(g(an),p(!1),y(!1))},onError(){g(an),p(!1),y(!1)}})},M=()=>{g(""),p(!0),w(!1),y(!1),T.mutate({id:d==null?void 0:d.id},{onSuccess({delete_scheduleEmailReports_by_pk:k}){k!=null&&k.id?(g(""),p(!1),w(!0),s({subject:"",emails:[],charts:[]}),r()):(g(an),p(!1),w(!1))},onError(){g(an),p(!1),w(!1)}})},L=e(S),N=e(M);return{register:t,handleSubmit:e,watch:n,control:i,setValue:a,getValues:o,reset:s,dashboardName:x,chartOptions:_,onSave:L,isLoading:f,isSuccess:m,error:v,isLoadingData:h,scheduleReportConfig:d,onDelete:N,isDeleted:b}},XIe=({onCancel:r})=>{var v;const{control:t,getValues:e,register:n,setValue:i,watch:a,dashboardName:o,chartOptions:s,onSave:l,isLoading:c,error:u,isSuccess:h,scheduleReportConfig:d,onDelete:f,isDeleted:p}=qIe({onCancel:r});return C.jsxs("form",{className:yi["form-container"],onSubmit:l,children:[C.jsxs("div",{className:yi["form-wrapper"],children:[C.jsxs(we,{variant:"p",styleClass:"font-14",className:yi["form-primary-text"],children:["Schedule an email report for Dashboard:",C.jsx(we,{variant:"span",styleClass:"primary",children:o})]}),C.jsx(Ge,{label:"Subject Line",placeholder:"Weekly Report - Sales Overview 2023",register:n("subject",kf)}),C.jsx(mG,{control:t,type:"text",label:"Send to",placeholder:"Enter email addresses",onChangeTags:g=>i("emails",g),defaultTagValue:(v=d==null?void 0:d.timeConfigurations)==null?void 0:v.emails}),C.jsx(uN,{control:t,name:"charts",options:s,label:"Charts to Attach",defaultValue:[]}),C.jsx(Zf,{label:"Frequency of emails",options:tN,control:t,name:"frequency",defaultValue:"Monthly"}),a().frequency!=="Monthly"?C.jsx("div",{className:yi["week-days-container"],children:l1.map(g=>C.jsx(Ge,{label:g.label,type:"checkbox",register:n(`weekDays.${g.value}`),isDisabled:a().frequency==="Daily"},g.value))}):C.jsx("div",{children:C.jsx(Kf,{label:"Choose Dates",selectedOptions:e().date||[],options:eN,onChange:g=>i("date",g)})}),C.jsxs("div",{className:yi["schedule-time"],children:[C.jsx(we,{variant:"span",styleClass:"custom",className:yi["main-label"],children:"Scheduled Time"}),C.jsxs("div",{className:yi["time-element"],children:[C.jsx(Ge,{type:"number",className:yi["field-width"],min:0,max:11,register:n("hours",kf),defaultValue:5}),C.jsx(Zf,{options:KL,control:t,name:"time",className:yi["timezone-field"],defaultValue:"PM"}),C.jsx(Zf,{options:JL,control:t,name:"timezone",className:yi["timezone-field"],defaultValue:"IST"})]})]}),u&&C.jsx(qf,{message:u}),h&&C.jsx(we,{variant:"p",styleClass:"font-14b",className:yi["success-text"],children:"Scheduled successfully!"}),p&&C.jsx(we,{variant:"p",styleClass:"font-14b",className:yi["success-text"],children:"Deleted successfully!"})]}),C.jsxs(Wc,{children:[d?C.jsx(Te,{type:"reset",variant:"reject",className:yi["delete-btn"],size:"default",onClick:()=>{f()},isDisabled:c,children:"Delete"}):C.jsx(Te,{type:"reset",variant:"secondary",className:yi["cancel-btn"],size:"default",onClick:()=>r(),isDisabled:c,children:"Cancel"}),C.jsx(Te,{variant:"primary",type:"submit",size:"default",isDisabled:c,children:d?"Update":"Save"})]})]})},JIe=r=>C.jsx("svg",{viewBox:"0 0 2048 2048",width:"1.2em",height:"1.2em",...r,children:C.jsx("path",{fill:"currentColor",d:"M960 1100L128 565v971h768v128H0V384h1920v601q-13-9-29-19t-33-20t-34-18t-32-13V565l-832 535zm678-588H282l678 436l678-436zm410 1024q0 106-40 199t-109 163t-163 110t-200 40q-106 0-199-40t-163-109t-110-163t-40-200q0-106 40-199t109-163t163-110t200-40q106 0 199 40t163 109t110 163t40 200zm-512 384q79 0 149-30t122-82t83-122t30-150q0-79-30-149t-82-122t-123-83t-149-30q-80 0-149 30t-122 82t-83 123t-30 149q0 80 30 149t82 122t122 83t150 30zm0-640v256h192v128h-320v-384h128z"})}),KIe=()=>{const[r,t]=P.useState(!1);return C.jsxs("div",{children:[C.jsx(Te,{variant:"custom",type:"button",onClick:()=>t(!0),title:"email-sharing",className:YIe.scheduleEmailButton,children:C.jsx(JIe,{})}),C.jsx(La,{isOpen:r,onClose:()=>t(!1),headerTitle:"Schedule Email",children:C.jsx(XIe,{onCancel:()=>t(!1)})})]})},IG=P.memo(({options:r,theme:t})=>{var h,d,f;const{data:e,isLoading:n}=TG(),[i,a]=P.useState(!1),[o,s]=P.useState({tableName:"",filters:[]}),{data:l}=y8({companyId:e==null?void 0:e.companyId},{enabled:!!(e!=null&&e.companyId),refetchOnWindowFocus:!1}),[c,u]=P.useMemo(()=>{var v,g,m,y;const p=(y=(m=(g=(v=l==null?void 0:l.themes[0])==null?void 0:v.chart)==null?void 0:g.palettes)==null?void 0:m.find(b=>{var w,x;return b.name===((x=(w=l.themes[0])==null?void 0:w.chart)==null?void 0:x.selected)}))==null?void 0:y.colors;return[l==null?void 0:l.themes[0],p]},[l==null?void 0:l.themes[0]]);return c1(c),C.jsx(C.Fragment,{children:C.jsxs("div",{className:`${Ec["embedDashboard-container"]} dbn-dashboard`,children:[((h=e==null?void 0:e.externalDashboard)==null?void 0:h.id)&&!n&&C.jsxs(C.Fragment,{children:[C.jsxs("div",{className:Ec["embedDashboard-header"],children:[C.jsx(we,{variant:"h1",styleClass:"custom",className:Ec.dashboardName,children:e.externalDashboard.name}),C.jsxs("div",{children:[e.sharingSettingsId&&C.jsx(KIe,{}),!(r!=null&&r.disableMetricCreation)&&e.isAllowedToCreateMetrics&&C.jsxs(C.Fragment,{children:[C.jsx(Te,{type:"button",variant:"primary",size:"large",onClick:()=>a(!0),children:"Create Metric"}),C.jsx(nU,{clientId:e.clientId,companyId:e.companyId,isLiveMode:e.isLiveMode,externalDashboardId:e.externalDashboard.id,chartColors:u??(r==null?void 0:r.chartColors),isShowMetricCreateModal:i,setShowMetricCreateModal:a,workspaceId:(d=e.workspace)==null?void 0:d.id,userProvidedDashboardId:e.externalDashboardId})]})]})]}),C.jsxs("div",{className:Ec["embedDashboard-wrapper"],children:[e.externalDashboard.filters.length?C.jsx(vH,{companyId:e.companyId,externalDashboardId:e.externalDashboard.id,filters:e.externalDashboard.filters,onApply:p=>{s(p)}}):null,C.jsx(MG,{client:e.clientId,companyId:e.companyId,externalDashboardId:e.externalDashboardId,externalDashboardPk:e.externalDashboard.id,adminLayout:e.externalDashboard.layout,isAllowedToDeleteMetrics:!(r!=null&&r.disableMetricDeletion)&&e.isAllowedToDeleteMetrics,isAllowedToUpdateMetrics:!(r!=null&&r.disableMetricUpdation)&&e.isAllowedToUpdateMetrics,isAllowedToChangeLayout:!(r!=null&&r.disableLayoutCustomization)&&e.isAllowedToChangeLayout,externalDashboardMetrics:e.externalDashboardMetrics,isMetricListLoading:n,globalFilters:o,breakpoint:t==null?void 0:t.breakpoint,layoutCols:t==null?void 0:t.metricLayoutCols,chartColors:u??(r==null?void 0:r.chartColors),params:Array.isArray(e.rlsSettings)?e.rlsSettings:[],companyTenancyType:e.companyTenancyType,sharingSettingsId:e.sharingSettingsId})]})]}),n&&C.jsx("div",{className:Ec["alt-container"],children:C.jsx(xl,{style:{width:"50px",height:"50px",color:"blue"}})}),!n&&!((f=e==null?void 0:e.externalDashboard)!=null&&f.id)&&C.jsx("div",{className:Ec["alt-container"],children:"Invalid token or Dashboard id"})]})})}),eAe=({token:r,dashboardId:t,children:e})=>{const{data:n,isLoading:i}=qL({token:r,dashboardId:t}),a=P.useMemo(()=>({data:n,isLoading:i,token:r}),[n,i,r]);return C.jsx(CG.Provider,{value:a,children:e})};var tAe=function(t,e){return t===void 0&&(t=[]),e===void 0&&(e=[]),t.length!==e.length||t.some(function(n,i){return!Object.is(n,e[i])})},AG={error:null},rAe=function(r){Ul(t,r);function t(){for(var n,i=arguments.length,a=new Array(i),o=0;o<i;o++)a[o]=arguments[o];return n=r.call.apply(r,[this].concat(a))||this,n.state=AG,n.resetErrorBoundary=function(){for(var s,l=arguments.length,c=new Array(l),u=0;u<l;u++)c[u]=arguments[u];n.props.onReset==null||(s=n.props).onReset.apply(s,c),n.reset()},n}t.getDerivedStateFromError=function(i){return{error:i}};var e=t.prototype;return e.reset=function(){this.setState(AG)},e.componentDidCatch=function(i,a){var o,s;(o=(s=this.props).onError)==null||o.call(s,i,a)},e.componentDidUpdate=function(i,a){var o=this.state.error,s=this.props.resetKeys;if(o!==null&&a.error!==null&&tAe(i.resetKeys,s)){var l,c;(l=(c=this.props).onResetKeysChange)==null||l.call(c,i.resetKeys,s),this.reset()}},e.render=function(){var i=this.state.error,a=this.props,o=a.fallbackRender,s=a.FallbackComponent,l=a.fallback;if(i!==null){var c={error:i,resetErrorBoundary:this.resetErrorBoundary};if(st.isValidElement(l))return l;if(typeof o=="function")return o(c);if(s)return st.createElement(s,c);throw new Error("react-error-boundary requires either a fallback, fallbackRender, or FallbackComponent prop")}return this.props.children},t}(st.Component);const nAe=async()=>{if(!navigator.onLine)return!1;const r=new URL("https://jsonplaceholder.typicode.com/todos/1");r.searchParams.set("rand",Date.now().toString());try{return(await fetch(r.toString())).ok}catch{return!1}},iAe=r=>C.jsx("svg",{viewBox:"0 0 16 16",width:"1.2em",height:"1.2em",...r,children:C.jsx("path",{fill:"currentColor",fillRule:"evenodd",d:"M1 8a7 7 0 1 1 2.898 5.673c-.167-.121-.216-.406-.002-.62l1.8-1.8a3.5 3.5 0 0 0 4.572-.328l1.414-1.415a.5.5 0 0 0 0-.707l-.707-.707l1.559-1.563a.5.5 0 1 0-.708-.706l-1.559 1.562l-1.414-1.414l1.56-1.562a.5.5 0 1 0-.707-.706l-1.56 1.56l-.707-.706a.5.5 0 0 0-.707 0L5.318 5.975a3.5 3.5 0 0 0-.328 4.571l-1.8 1.8c-.58.58-.62 1.6.121 2.137A8 8 0 1 0 0 8a.5.5 0 0 0 1 0Z"})}),hw={dialog:"_dialog_1jybx_1",container:"_container_1jybx_7",pluginIcon:"_pluginIcon_1jybx_13",closeButton:"_closeButton_1jybx_19"},aAe=()=>{const[r,t]=P.useState(!1);return P.useEffect(()=>{const e=()=>{t(!0)},n=()=>{t(!1)};window.addEventListener("offline",e),window.addEventListener("online",n);const i=setInterval(()=>{nAe().then(a=>{a?n():e()})},12e3);return()=>{window.removeEventListener("offline",e),window.removeEventListener("online",n),i&&clearInterval(i)}},[]),C.jsx(C.Fragment,{children:C.jsx(Xf,{children:typeof window<"u"&&(!window.navigator.onLine||r)?C.jsx("dialog",{className:hw.dialog,children:C.jsxs("div",{className:hw.container,children:[C.jsx(Te,{variant:"custom",type:"button",className:hw.closeButton,onClick:()=>t(!1),children:C.jsx(Ze,{name:"close-icon"})}),C.jsx(iAe,{className:hw.pluginIcon}),C.jsx(we,{variant:"p",styleClass:"font-18",children:"No Internet Connection Detected."})]})}):null})})},oAe=new wQ({defaultOptions:{queries:{refetchOnWindowFocus:!1}}}),PA=({children:r,theme:t})=>(P.useEffect(()=>{!t||!Object.keys(t).length||vV(t)},[t]),P.useEffect(()=>{const e=document.querySelector("#dbn-styles"),n=document.querySelector("dbn-dashboard"),i=document.querySelectorAll("dbn-metric");if(n!=null&&n.shadowRoot&&e&&!n.shadowRoot.getElementById("dbn-dashboard-style")){const a=document.createElement("style");a.innerHTML=e.innerHTML,a.setAttribute("id","dbn-dashboard-style"),n.shadowRoot.appendChild(a)}i.forEach((a,o)=>{if(a.shadowRoot&&e&&!a.shadowRoot.getElementById(`dbn-metric-${o}-style`)){const s=document.createElement("style");s.innerHTML=e.innerHTML,s.setAttribute("id",`dbn-metric-${o}-style`),a.shadowRoot.appendChild(s)}})},[]),C.jsx(rAe,{FallbackComponent:dN,children:C.jsxs(CQ,{client:oAe,children:[C.jsx(aAe,{}),r]})})),Gze="",sAe=({token:r,options:t,theme:e,dashboardId:n})=>C.jsx(PA,{theme:e,children:C.jsx(eAe,{token:r,dashboardId:n,children:C.jsx(IG,{options:t,theme:e})})}),LG={metric:"_metric_1pdqp_1",loader:"_loader_1pdqp_7"},lAe=P.memo(({token:r,chartColors:t,metricId:e,chartRendererType:n="canvas",variant:i="card",onMinimize:a})=>{const[o,s]=P.useState({isShow:i==="fullscreen"}),{externalMetric:l,adminColors:c,rlsSettings:u,sharingSettingsId:h,companyId:d,clientId:f,tenancyLevel:p,isLoading:v,errorMsg:g}=sN({token:r,metricId:e});return C.jsxs(C.Fragment,{children:[v?C.jsx("div",{className:LG.loader,children:C.jsx(DG,{})}):null,g||null,l&&!v?C.jsxs(C.Fragment,{children:[i==="card"&&C.jsx(OA,{metricItem:l,client:f,colors:c||t,onMaximize:(m,y)=>s({isShow:!0,rlsFilters:y}),companyTenancyType:p,chartRendererType:n,param:u}),C.jsx(Xf,{children:o.isShow||i==="fullscreen"?C.jsx(RA,{metric:l,clientId:f,colors:c||t,onMinimize:()=>{s({isShow:!1}),a==null||a()},companyId:d,tenancyLevel:p,rlsFilters:o.rlsFilters,sharingSettingsId:h,externalDashboardId:"",userProvidedDashboardId:""}):null})]}):null]})}),uAe=P.memo(({theme:r,width:t,height:e,style:n,className:i="",...a})=>C.jsx("div",{style:{...n,width:t?`${t}px`:void 0,height:e?`${e}px`:void 0},className:`${LG.metric} ${i} dbn-metric`,children:C.jsx(PA,{theme:r,children:C.jsx(lAe,{...a})})})),cAe=Object.freeze(Object.defineProperty({__proto__:null},Symbol.toStringTag,{value:"Module"}));vn.Dashboard=sAe,vn.EmbeddedDashboard=IG,vn.Metric=uAe,vn.PluginProvider=PA,vn.Ui=GIe,vn.consts=n6,vn.helpers=Abe,vn.hooks=c6,vn.types=cAe,vn.utils=_be,Object.defineProperty(vn,Symbol.toStringTag,{value:"Module"})});
|
|
1875
|
+
the save button to save the changes to the layout.`,children:[C.jsx(Te,{variant:"secondary",type:"button",size:"small",className:LIe.alertCancel,onClick:r,children:"Cancel"}),C.jsx(Te,{variant:"primary",type:"button",size:"small",className:"disabled:opacity-40 disabled:cursor-not-allowed",onClick:t,isDisabled:e,children:"Save"})]})}),NIe={fullscreen:"_fullscreen_1309s_1"},EIe=({metricData:r,isOpen:t,onClose:e,title:n})=>C.jsx(La,{isOpen:t,onClose:()=>e(),headerTitle:n,children:C.jsx("div",{className:NIe.fullscreen,children:C.jsx(ps,{data:r||[],isLoading:!1,error:""})})}),mt={cardContainer:"_cardContainer_1pd1n_1",morePopup:"_morePopup_1pd1n_9",features:"_features_1pd1n_17",listHeader:"_listHeader_1pd1n_25",metricName:"_metricName_1pd1n_33",metricTitle:"_metricTitle_1pd1n_41",metricDescription:"_metricDescription_1pd1n_49",popup:"_popup_1pd1n_57",metricFilter:"_metricFilter_1pd1n_65",popupIcon:"_popupIcon_1pd1n_73",popupMenu:"_popupMenu_1pd1n_81",popupItem:"_popupItem_1pd1n_89",popupItemIcon:"_popupItemIcon_1pd1n_97",csvBtn:"_csvBtn_1pd1n_105",deleteBtn:"_deleteBtn_1pd1n_113",metricData:"_metricData_1pd1n_121",metricTable:"_metricTable_1pd1n_129",singleValueData:"_singleValueData_1pd1n_137",singleValue:"_singleValue_1pd1n_137",noData:"_noData_1pd1n_153",noDataContent:"_noDataContent_1pd1n_161",noDataText:"_noDataText_1pd1n_175",singleChartText:"_singleChartText_1pd1n_183",loading:"_loading_1pd1n_191",fullscreen:"_fullscreen_1pd1n_207",dynamicGroupFormat:"_dynamicGroupFormat_1pd1n_215",dynamicGroupContainer:"_dynamicGroupContainer_1pd1n_223",topLeft:"_topLeft_1pd1n_229",topRight:"_topRight_1pd1n_235"},bG="data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iNTYiIGhlaWdodD0iNDYiIHZpZXdCb3g9IjAgMCA1NiA0NiIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayI+CjxyZWN0IHdpZHRoPSI1NiIgaGVpZ2h0PSI0NiIgZmlsbD0idXJsKCNwYXR0ZXJuMCkiLz4KPGRlZnM+CjxwYXR0ZXJuIGlkPSJwYXR0ZXJuMCIgcGF0dGVybkNvbnRlbnRVbml0cz0ib2JqZWN0Qm91bmRpbmdCb3giIHdpZHRoPSIxIiBoZWlnaHQ9IjEiPgo8dXNlIHhsaW5rOmhyZWY9IiNpbWFnZTBfNjVfNDMiIHRyYW5zZm9ybT0ibWF0cml4KDAuMDA1NDM0NzggMCAwIDAuMDA2NjE2MjYgMCAtMC4wMDI4MzU1NCkiLz4KPC9wYXR0ZXJuPgo8aW1hZ2UgaWQ9ImltYWdlMF82NV80MyIgd2lkdGg9IjE4NCIgaGVpZ2h0PSIxNTIiIHhsaW5rOmhyZWY9ImRhdGE6aW1hZ2UvcG5nO2Jhc2U2NCxpVkJPUncwS0dnb0FBQUFOU1VoRVVnQUFBTGdBQUFDWUNBWUFBQUJYbnlQeEFBQVIwVWxFUVZSNFh1MWRDM2hOVnhZTzhuN0lRNFE4cm5oRWtGU2lGU2sxUkJpdGtLbFhHT281WmJUalUvV1YxbFRUK1JoRk5hS3RSMHRKSmw2bDFCaFVtcEpRN3lCb05DRmVJVVJDRWttSlBHOHdhNmZpdTlKRTlqNzNublAzMlhlZGZ2ZlRKR3Z2dmRhLy9ydk8ybXZ2czA4ak03d1FBUVVROFBmM2QrejJTc2p3VjNyMENHdWo4ZkJ4OS9EMGNuUnU1bHA3NklLQ3UzZHpjN0t2WDdsMDRkemhJOGYyYk51NmVicys2alhTcHpHMlJRU2VoNENiV3d2SGlORmozeDRhUG5CSVIvK0FRSkMxa1lDWTlzRCtwSVRkdTNadUE3SnZZRzJQQkdkRkRPVWJSR0RBZ0FHdnZ6RjI0cFRRdnYwR2dyREJPRlpXWGxHK1kvdlc5VEZydjRtNmRESGpTb09LR0hKd21zRlFSbXdFMnJiejBheGV0ZnA3aU5iQmNsdTY0L3N0c2RPbnZ6T3BvWEVhTnlTQWYwY0VhQkNZK3U3TUR3NGVQbjVGQ1hJVGZZWkdqSHJ6K0puMDY3MTc5dzU1bm40R3UzM1FnSUF5NGlIZzd1SGhIQk83UHI1elFHQjNZMW0zTGk1MlplU2MyZFBxR2g4SmJpeXZDREF1cENSZTIzZjhjTVRWdFptM3NjMkJpZWpPOFdOSERhbXRCNllveHZhTVNzZUhDb2s5a1Bzb0QrUW1FTUtFZHZDeVpjdmprT0FxSlJSdmFzZXQzN1FYeU4yS0o3MGdMNTh3YWRLa3FibzZZUVRueVVNcTBTVXlNbkkrNU53OWVGUjM3dnhQbDhDaWtuK05icGlEOCtnbGpuVUM3blNLVDlpZjFyaEpZMjZEWTBiNnVaVCsvZnQxSXpCeXF5VEhQalpwMVdaLytQRm5QSk9iT0FkS2xVRkRoZ3dialFRM2FhcXlHdzlWazlZd21RdGpiNmw4aThtVEo3MkRCRmNlZDFXUE9IakkwREZnUUJNMUdCSDRVdkJMVU9teHdCUkZEZDdpUk1mKy9WOGJ6SWtxTkdwWWhZV0ZqVWFDMDBDRk10VUkrUHQzZnRFWVVGaVlOekd6dEdDL2NmaTlFTkRMM0JnSzQ1anFROEMzUThjT01MbGs1b3V0alpWWmFWbEZuUVo3dWY5aE83aFpkbTdCTTdLT0RyWm1EdmEyVDMrWFYxQmtWcWw5U0FWZzU4NEJmVEdDVTBHRlFoQkZMVmxSSUZIWHhjbkJqSkJjeWtYYTY1S2I5T0htNmt6ZFZTdU5WMXNrT0RWY3BpMEllN0ZMQVlISExDalVrSkdRWE1wbFl5M3RpMUV6bHFXTlBkYkJwUUJ2aW0yeXMyOWVZeUU0U1MxMHI5by8wMkNvcmFKTFJlcnI2OTdkM0hzWXdXbVFSaG16eW9xS1J4REY2MDZtNjhDbmRtcEJmaWFUUlphTDVPN2w1WlhQTkNuOHJaaTZpd3NYcnlZelR4cW9lMGRCNFJCSVBuWWtDUlo2d21rTXF6MVpyS3NOalV4QjBmMm5GWlRIa0NDeFJQVWJON0xTTVlMVGVBdGxxaEU0ZUdEZkhtTkFRYW9tNU1OQ2J0Q3pjbi9TdnAyNDJjb1lIbFBwbVBEMGp0dkpsTlFib0w1K3N6OEY3SWZqSjI2OEdORFJHeU80QW1DTE1rUnVUazRlUE95N1VRMzJySWxaczVyb2lSRmNEZDdpU0VlSTRzMlRUNXk5QllzK0ZoeXA5WXdxRUwxeklYcDdrRjlpQk9mVlM1enFCVkU4LzRzdmxzemxWTDFxdFJaK011L0RHdjB3Z3ZQc0tZNTFpMDlJUEc3TUorbnJnMmJEaHJoVmMyYS8vdzhrT01ma1VZTnFRVUhCUVR0MjdUbkpVNXI3WTBMQzdpbHZqbnRkRno5TVVkVEFKZzUxOVBmMzY4d1R1ZUhZaUwyMXlZMDVPSWZFVVl0Sy9mb1A0R1Z2K09Odk4yMVlEV2VpdkZZWGRpYVJnNVBicWEydE5ka2NVZGRtSWFZTlJFWW1vRDY2MXZpYS9Oc29LeXZyT254SVRadjVzclN5c2txN2NEVWZOa05KMjBYRlBHTGREV0RyUU1tQ2VaRXoxcTJMVzF0ZmwwSXYxVStZTUhITThoVXJWMXVZbTlzWkNGT2h1a2xMTzVjYUVSRXhFSWlldzJMWXdMQkJmd0Z5UDd1YmlxVUQvV1VySU4vKzRkTUY4MlpuWHIxeTlYbmRDWnVEanhnNU9tTFZxdFZ4U083NjNmL0NDd0dCZStKL1NtTGxXOSsrb1NRZCtBTjNvUDZjdHpUNnN6bVJINzQvT2Z0MlhqWnJ2eFR5ajM4OWwzcDY2T3VEL2dUNWRrUkQ1Q2I5Q1p1aVhNck16dGE0Ti9la0FNM2tSZVpFUnY3ejgraW94YlJBcEtWbkZNSGJHWnhBWGd1ZlJ6REJTL3gyWTl6cUJLaGk2UFlCUnplTUdCWXhjZ3hzMEhvVmZpL2w4SHZTWFJYNTR1ejlLWDdYdHUrMi9DY2w1U1NwM0ZCZlFoTGMyOXZiTXlQajBrMlJ2OERVSHFZUVRFcEsvRGs4ZkZBb2hXaTF5TEZqeDFKczdGMDA2OWZGZkxsbDg2WTFaUEdub2Jad1IzMGpxRnUzVjl5OWZYdzZkL1R0QXNlK2tlZlZ5RjFBbDRPUGdNeEY4QXFUcTcra25qMTU5dlNaRTZkUG56b0trWnJzUlpkMENVbHdjdnBTU3NxWnRDY0FTZ0xHbEJvZE9YSWtHVTZDVXZ3b05sajJiK0hpN094cVkyTm5tNTkvSnhmbUFnWlBhMFNkWkpKcWd6NFZCMVBpTjdIMWtURU1oc2gvaDN6a0hGdlVTU2FTbTQwMVF0N0pDUVFpRXh4SnprWnlJYVZGSmJpUXprS2oyQkVRTlFkblJrSmJWY1g2U0JUekdFbzFJQS8zUXYxZnFlRzRIZ2RSQVBmY0t5NFJodHcxYkNPSDdkanFlYTRJMTh5bFZNN2tVeFNSSXJldXo3WGFLa29LVklzSk8xOHhlWUt6c0VCTnNveFBvS3ZKTkNaZGtlQk1jS0d3MmhCQWdxdk5ZL0xvaTNWd2VYREZYaEVCZVJFUU9ZSUxHNVhrcFlSWXZZdE1jTEU4aGRaSVFnQUpMZ2syYktRV0JFUW1PS1lvYW1HaGpIcUtUSEFaWVJPdWEyR0RBUkpjT0s2aVFib0lJTUdSRDBJamdBUVgycjFvbktnRXJ6N2NCdDJMQ0loS2NQUXNJbENOQUJJY2lTQTBBa2h3b2QxTGJaeXc2UndTbkpvREtLaEdCSkRnYXZRYTZreU5BQktjR2lvVVZDTUNTSEExZWcxMXBrWkFaSUlMTzNHaTlpNEtZcGtRT1NBMkFpSkhjTEU5aDlaUklZQUVwNElKaGRTS0FCSmNyWjVEdmFrUUVKbmdWS2MxaVhxR242VkZFeW9DaUM2RVp4T0NoeDBkYk1VN214RFBKYXorN29wS2NLWVNJWW5pb2taeXlnak5oQmRsbjF5SW1YeUt3b1VYVUFuWkVCQ1o0TEtCaGgyckJ3RWt1SHA4aFpwS1FBQUpMZ0UwQVp0Z0RxNHlwK0l6bVNwem1GenFZZ1NYQzFsMTlZc1JYRjMrd2lmcVZlWXYyZFFWTllKVHJXTEtocXI2T2hZV0w1RUpMcXpURFAzOXNiT0RWN0lKZWdtNWt1bm5IOUFWL01YMDVTMHRyeERHeGF6dnlkUzBidDlCR09OckdTSWN3YjI5dlRWdnZUdnIzeXdPTS9YM1pNTEdMS3VGMGN0V3o1azUvUzBXM05RZ3l4VGxlRGZJMHNxcXlmeW81ZC9iMlZoNzBlcUs3OG44SGFuZzdqMy9Pdkh2VTkranhVMHRja0lSZk83Q3FJMGVucDdCQUw0bHJRTk1mSk9WTGt5T1l5ZE9pdXpkdTNjL1d1elVJQ2NNd2FlK08zTUJSS0ZSVWtBbjIyVkZ1a2dPN3VoZ0o4VWs1Mzh0K254TDIzWSs3YVUwNXJHTkVBWCtBUU1HUk16NmVNRm1BTGg2VGdFcGlsbVhUajQ4NHMybFR2Y2ZsSmo5ZXVuYVU5MXlidDFLbnp4dVJGQmxSVVU1bHdvektLWDZDTzdib1dNZ2tIdE5EYmtaYkVmUmVoQ0FOTTkveGRkckUwVUFTTlVFZDNOcjRiVXdlc1V1Y0lTVENNN2d5WWEySGZ4NmZ2RFJ2RlU4NlNSRkY5VVNIQ29tMXA5OHVtU0hrN056S3ltR1k1dUdFWGgxWVBqRUVTTkhxN3AwcUZxQ3o1ZzE1eXVJTWtFTnV3a2w5RURBQ3RZVUZ2bjcrNytrUng5R2JhcEtnaytZTVBGOWlDNS9NeXB5cGpPNDg3ekZYMjZIZE5CZGpTYXJqdUJCUWNGOXgwMTVoMm1sVW8yTzRVbG5TQU5iUXpxNGxhU0ZQT2xGbzR1cXlvU3dETjhoZW1YTVFRQzh4Zk9NWXkwVGt0WE0wakp4OXFJMEFxODJ0YWV2ZzljdUU5YUg3Y25rbzl0aE9UK0NobGk4eUtpRzRDUjZyTjJ3TFIxS1dHMGJBbytWNEFWRjl4dnFVblYvSndmLzBKS2NsdUFBd3VPTmNURWZ4YTM1YXBGYUFGRk5pZ0xMOE50b3lNMEtQSW5lSWw2VjJvZHltTlVJbHZQbndITCthM0owTGtlZnFpQTRMTU5Id1RKOHVCd0FpTG9YeFZhK0xkNzJzSnkvSHBiemZlWHdoNkg3NUg2N0xDekRqeG8yOG8wWmhqWmN0eit5RjZVTTlvTS9GdVFSQ1FzTGN6TmJlWTl1YzV1N2FPbG1XTTd2RHN2NVdqbDlvMi9mWE9mZ1pCbitxOWhOaDhGSUJ4WkRXWE53bHI1RmxHWEl3WFhOcjhxOGVQN0FsRGZIdmNvekp0eW1LRkIzOVh5eURNOUVicDdCRmt3M2MxaG82d0hMK1V0NHRvdExna1BGeEFycXJodHhHWjVuNmxUclpna0xibU9HREJrbWFadXlFdFp4bWFJc2pscTZidWp3a2VQMUFhQ3BQZDBlYjVLdnNqN0RxSTllU3JVbHo1aFdRWVdJWmw2aHJYcFlQUWZSNHlyeWJldmxva2Q3MlpweU9jbDBidGJjdzBiUFNSSnhHczFWSTBkSVRpb1BhcStxRUdKTFdiVFNFMjhIdU9zMmhnbm5JeHJNbFpUaE1rVUJBQlF2VGhPaTN5c3VWUko3ZzQ4bGxkd0dVSVJVVXJpc1FmRktjQU5nTHEwTFVsRlE2eVVsY2h2STFpWVF2WkhnREdBYWJXNGcwd29nZytuU1JJMjhJc3Z0QzRFd2drdmpFM2V0YU9jYzNDa3VzMEpJOERvQU5uSTBsTm5sc25UUFpYcENMT1dWNEVaTFVRZ29hb3lHV3EzaTgzTGRid29TWEphNElWT25SaVlMczFVY25NN0ZYWG13QmtSZUl6aXprdzNaZ0VSd3RWUlRDTGs1S0c5aUJEY2tBWlhvaTFSVGZqK1UwNmkzL3VlYXlnbTVpWTdjRXB6TGxVd2xDRXd6aHU3aUQxbnA1T2xTNHp6QkdQZ2h3U2xSUjBKUkFzV1pHT2JnbkRrRTFURXNBa2h3dytLSnZYR0dBSmNFTDMvd1d4Rm5PS0U2ejBlQTIwa21sd1MvbG5YaktqSUtFVEFFQWx3UzNCQ0dZUitJQUVHQVY0SWJkYWtlcWNHTUFMZis0cFhnekFoakEwU2dMZ1NRNE1nTFF5Q0FFZHdRS0dJZjNDS0FCR2QwRGJlQU1kcGhLdUxjWmdMY0ttWXF6QkRFVG00REVoSmNFSVlaMlF4dWVjU3RZa1oyR0E3UGhnQzNQT0pXTVRaOFVSb1JxQnNCWGduT2JVNkhSRklYQXJ3U25OdG4vTlRsWHRTV1Y0THpxaGN5Um1VSWNKTUtrTmR5aDRXRmplemF0V3RJcno3OXcxMWRteUhKVlVTbTFETW5UeVVuSHo5NjdIankvdjFKaWJ0NVVkMm9CQ2ZuZ1BjTkRSMDJjT0NnOFVGQlhVTUJGQ3NDVEZOSEZ6Tkg1MmE4WUlSNlVDQnc4L3BsY25LcEpYek1TMHJLOHVNVEV0YnRUWWpmbEo2ZS9ndEZjOWxFRkNjNGtOcXkrOHN2OTRNM2RZV0hoSVFPdDdPeitjTTdMNUhnc3ZsYnRvNkI0SFgxWFg0bDg4YUZnd2YyZlplWW1QamZyS3lzT29Wa1V3bzZWcFRnOE03em9HblRwczBQREF6c0IyTmIxR2NZRWx4T2w4dlRkejBFMXgyc2ZOdjJIY3RYcmxqMk1aeEVxOWRwK3l3V0tFSnc4cjZkNlRQZVc5eTNUNjlob0p4TlF3b2l3UnRDaUwrL1V4QzhXbWxJWDRxK1diUDJvMjFiTjMrdGhCV3lFeHpJN1JFYkczdkl4Y1c1SGExQkZoWVdaaTA5VzlPS281eVJFU0N2UHltNGZZTkpDNGptMFo5SFI4MWlhaVJCV1BaS3hZeVpzeGF5a0p2WW9OVnF6UjQ5eEZLNEJIOGFwVWxsMlFQbWNVY01Iem96S0NqNHo4d05HUnZJVHZBK3ZYb09aTlNwV3J6NFBqNVlMd1UzcGR1UVFGUldXaXhwMkY0aElZTWxOV1JvSkR2QkR4OU4zc3VnejFQUisvY0s5WDN6bDVSaHNRMGpBaVFRa1R1dWxPdjBxUk0vU21uSDBrWjJna2RITFg2dnNMRG9Jb3RTTmJJa3I5UHo5WFpTaHNVMkZBaVF5SDJ2Nks0WkNVUlNydmo0K0s4UEhUb1VMNlV0U3h2Wko1bEVHVzl2NzNiekZ5eisxcWR0cTJBVzVXcGtTVlhGMHNiZVRNOVgzVWtaR3R2VVFvQVFtMFJ0a3BaSWpOeVZNVEV4LzRMUFlpWEFWWVRnTllaTW1ERHhnN0ZqeDgyR3hSMFhKWXpETWZoQ0FCWjlMaTc3WXVuYktTa25mMVpLTTBVSlRvd2lOZkV4NDhiUDdCZmFad1JVVnp6aFY0cnJvQlM0T0U0MUFxV3BxYWsvNzl5NU16WWhJV0c3MHBnWWxWeFFKZ29sTStrblpDZEw5bndkd3EyME44UVpqNUQ2U0hMeWlSL2hXcGVYZDhkb0pUR2pFbHpYbjc0ZE9uYnAwYjE3ZjdLYkVEWmU5WWEvT1lqamIrRXRlUWlGaE51d20zQkhTa3BLRWtUcS8vRmlNVGNFcncwSVJQYytnWUdkZXdZR2RnbnAxTW12SytUdGpoamh1YUFOV1lHckJFSVhBcUYzcDZXZFR6NTc5dlErMkVoMWl3dnRhaW5CTGNGcmd3VVJQc0N2azE5UW0zYnQvSHg5Mm5iUmFGcDFoQnllVEZiSkZsdlp5NTA4T2s4Qm5VaUJ1d3dtaDVlemI5MjhjUFZTUnVybHk1ZC96Y2k0ZUFyU0RtbjFRUVdVMWgxQ05RU3ZEeGZZb2VpdjBXZzZlWHA2dG12VHpyZUxXMHVQOW0wMEhyNFE4VzB4NGxPeGlieGxxNHBFNU16TXpGUTR1dnA4WVVIK3JXdlhNczlEVkQ0SG4xeXFYamdWVWozQjY4TVY5cDFidC9meENXalIwdDFiNCtYVldxUHhhZ01WSEkyVFMzTVBGeWNIVjRqK3J0Q1diTmtsRTF0UjdnQWtmU0NIMFpNUCtmK0g1QU03K0dDRGFubHBUbDdoellMODIxbjVlWG0zc205bVg3dHorOVoxSUhBR2ZESTU1YWZlYWdsTGNCcGtnUEF0N1IwY25DRFRjYlcxdGJZM3Q3Q0UvOHl0cksxdGJSMGRtenFabXpleGFPcms0bVJuWTJVUHN1N1c5azZPSG00dXJlQzc0d0IzQ09zblk5VDNkZ09DYmMwWGgveExmcTdCbTVDdk5obEpQN3IrZUtaZmlMQjNDMzhyemk4cExpb291ditnc0xUNDNvUGMzTnpzcXFxSDJ0S3lpakl0YkxJdUx5OHRLUzBsbi9LU3NyS1NCNFZGUlhkeWMzSnUwMkFocW94SkUxeEpwOEljd2dGZVJWajlwWUEzdGxWY3VwaHhYOG54VFhXcy93TitOZlBuNVNzRld3QUFBQUJKUlU1RXJrSmdnZz09Ii8+CjwvZGVmcz4KPC9zdmc+Cg==",NA=P.memo(({isDataLength:r,isLoading:t,isSingleValue:e,dataDb:n,chartType:i})=>C.jsxs(C.Fragment,{children:[!t&&!r?C.jsx("div",{className:mt.noData,children:C.jsxs("div",{className:mt.noDataContent,children:[C.jsx("img",{src:bG,alt:"no data svg"}),C.jsx("div",{className:mt.noDataText,children:"No Data"})]})}):null,!t&&r&&n[e]===null&&C.jsx("div",{className:mt.noData,children:C.jsxs("div",{className:mt.noDataContent,children:[C.jsx("img",{src:bG,alt:"no data svg"}),C.jsx("div",{className:mt.noDataText,children:"No Data"})]})}),t&&C.jsx("div",{className:mt.loading,children:C.jsx(xl,{style:{width:"50px",height:"50px",color:"blue"}})})]})),kIe=r=>C.jsx("svg",{viewBox:"0 0 24 24",width:"1.2em",height:"1.2em",...r,children:C.jsx("path",{fill:"currentColor",d:"M5 21q-.825 0-1.413-.587Q3 19.825 3 19V6.5q0-.375.125-.675q.125-.3.325-.575l1.4-1.7q.2-.275.5-.413Q5.65 3 6 3h12q.35 0 .65.137q.3.138.5.413l1.4 1.7q.2.275.325.575q.125.3.125.675V19q0 .825-.587 1.413Q19.825 21 19 21Zm.4-15h13.2l-.85-1H6.25ZM5 8v11h14V8Zm7 10l4-4l-1.4-1.4l-1.6 1.6V10h-2v4.2l-1.6-1.6L8 14Zm-7 1h14H5Z"})}),Wv={metricFilter:"_metricFilter_zg60x_1",customContainer:"_customContainer_zg60x_4"},cw=({rlsConditions:r,onChangeFilterValue:t,companyId:e,integrationId:n,integrationName:i})=>C.jsx(C.Fragment,{children:r&&t?r.datatype!=="date"?r.datatype==="string"?r.options.length?C.jsx(Kf,{selectedOptions:Array.isArray(r.value)&&r.value.length?r.value.map(a=>({label:a,value:a})):[],options:r.options.map(a=>({value:a,label:a})),onChange:a=>t(r.name,a==null?void 0:a[0].value,void 0,a),label:r.name,className:Wv.metricFilter}):C.jsx(ed,{selectedOptions:Array.isArray(r.value)&&r.value.length?r.value.map(a=>({label:a,value:a})):[],onChange:a=>t(r.name,a==null?void 0:a[0].value,void 0,a),filter:{tableName:r.tableName,columnName:r.columnName},companyId:e,isSearchEnabled:!0,autoSelected:Array.isArray(r.value)&&!r.value.length,label:r.name,integrationId:n,integrationName:i,className:Wv.metricFilter}):C.jsx(yr,{label:r.name,selectedOption:{value:r.value||r.options[0],label:r.value||r.options[0]},options:r.options.map(a=>({value:a,label:a})),onChange:a=>t(r.name,a.value),className:Wv.metricFilter}):C.jsx(yr,{label:r.name,selectedOption:{value:r.value||r.options[0].name,label:r.value||r.options[0].name},options:r.options.map(a=>({value:a.name,label:a.name})),onChange:a=>t(r.name,a.value),className:Wv.metricFilter,children:r.value==="Custom"?C.jsxs("div",{className:Wv.customContainer,children:[C.jsx(Ge,{label:"From Date",type:"date",onChange:({target:{value:a}})=>{t(r.name,"Custom",{startDate:new Date(Date.parse(a))})}}),C.jsx(Ge,{label:"To Date",type:"date",onChange:({target:{value:a}})=>t(r.name,"Custom",{endDate:new Date(Date.parse(a))})})]}):null}):null}),ni={container:"_container_x6dn7_1",popover:"_popover_x6dn7_5",popupContainer:"_popupContainer_x6dn7_6",button:"_button_x6dn7_10",buttonOpen:"_buttonOpen_x6dn7_14",menu:"_menu_x6dn7_18",enter:"_enter_x6dn7_22",enterFrom:"_enterFrom_x6dn7_26",enterTo:"_enterTo_x6dn7_30",leave:"_leave_x6dn7_34",leaveFrom:"_leaveFrom_x6dn7_38",leaveTo:"_leaveTo_x6dn7_42",center:"_center_x6dn7_46",top:"_top_x6dn7_50",bottom:"_bottom_x6dn7_54",left:"_left_x6dn7_58",right:"_right_x6dn7_62","left-top-end":"_left-top-end_x6dn7_66","right-top-end":"_right-top-end_x6dn7_70","left-bottom-end":"_left-bottom-end_x6dn7_74","right-bottom-end":"_right-bottom-end_x6dn7_78","top-left":"_top-left_x6dn7_82","top-right":"_top-right_x6dn7_86","bottom-left":"_bottom-left_x6dn7_90","bottom-right":"_bottom-right_x6dn7_94","left-top":"_left-top_x6dn7_66","left-bottom":"_left-bottom_x6dn7_74","right-top":"_right-top_x6dn7_70","right-bottom":"_right-bottom_x6dn7_78",chartOptionBtn:"_chartOptionBtn_x6dn7_114",chartpopup:"_chartpopup_x6dn7_118"},EA={fullscreen:"_fullscreen_1gpy3_1",loading:"_loading_1gpy3_5"},OIe=({isShowUnderlyingData:r,setShowUnderlyingData:t,getUnderlyingData:e,columnName:n,value:i,isSingleValueChart:a})=>{const[o,s]=P.useState([]),[l,c]=P.useState(!0);return P.useEffect(()=>{n&&i&&r&&!a&&e({columnName:n,setData:s,setLoading:c,value:i,isSingleValueChart:a}),r&&a&&e({columnName:n,setData:s,setLoading:c,value:i,isSingleValueChart:a})},[n,i,r,a]),C.jsx(La,{isOpen:r,onClose:()=>t(!1),headerTitle:"View Underlying Data",children:C.jsxs("div",{className:EA.fullscreen,children:[!!o.length&&C.jsx(ps,{data:o,isLoading:!1,error:""}),!o.length&&!l&&C.jsx("div",{className:EA.loading,children:"No Data Available"}),l&&!o.length&&C.jsx("div",{className:EA.loading,children:C.jsx(xl,{style:{width:"50px",height:"50px",color:"blue"}})})]})})},wG=P.memo(OIe),RIe=r=>C.jsx("svg",{viewBox:"0 0 24 24",width:"1.2em",height:"1.2em",...r,children:C.jsx("g",{id:"evaLayersFill0",children:C.jsx("g",{id:"evaLayersFill1",children:C.jsxs("g",{id:"evaLayersFill2",fill:"currentColor",children:[C.jsx("path",{d:"m3.24 7.29l8.52 4.63a.51.51 0 0 0 .48 0l8.52-4.63a.44.44 0 0 0-.05-.81L12.19 3a.5.5 0 0 0-.38 0L3.29 6.48a.44.44 0 0 0-.05.81Z"}),C.jsx("path",{d:"m20.71 10.66l-1.83-.78l-6.64 3.61a.51.51 0 0 1-.48 0L5.12 9.88l-1.83.78a.48.48 0 0 0 0 .85l8.52 4.9a.46.46 0 0 0 .48 0l8.52-4.9a.48.48 0 0 0-.1-.85Z"}),C.jsx("path",{d:"m20.71 15.1l-1.56-.68l-6.91 3.76a.51.51 0 0 1-.48 0l-6.91-3.76l-1.56.68a.49.49 0 0 0 0 .87l8.52 5a.51.51 0 0 0 .48 0l8.52-5a.49.49 0 0 0-.1-.87Z"})]})})})}),PIe=r=>C.jsx("svg",{viewBox:"0 0 24 24",width:"1.2em",height:"1.2em",...r,children:C.jsx("path",{fill:"currentColor",d:"M14 3v2h3.59l-9.83 9.83l1.41 1.41L19 6.41V10h2V3m-2 16H5V5h7V3H5a2 2 0 0 0-2 2v14a2 2 0 0 0 2 2h14a2 2 0 0 0 2-2v-7h-2v7Z"})}),xG=({position:r="center",menuContainerClass:t,menuClass:e,isOpen:n,setOpen:i,value:a,columnName:o,getUnderlyingData:s,clickBehaviourConfigs:l,elementRef:c,isSingleValueChart:u})=>{const[h,d]=P.useState(!1),f=P.useRef(null);return Bc({wrapRef:f,onOutsideClick:()=>i(!1)}),P.useEffect(()=>{if(!c||r!=="dynamic")return;const{containerRef:p,event:v}=c,g=v;if(!p.current||!f.current||!g)return;const m=p.current.getBoundingClientRect(),y=f.current.getBoundingClientRect(),[b,w]=yV(g,m,y);bV(f.current,b,w)},[c,n,r]),C.jsx(C.Fragment,{children:u?C.jsx(wG,{isShowUnderlyingData:n,setShowUnderlyingData:i,columnName:o,value:a,getUnderlyingData:s,isSingleValueChart:u}):C.jsxs(C.Fragment,{children:[C.jsx("div",{onContextMenu:p=>{p.preventDefault()},ref:f,className:`${r==="dynamic"&&ni.popupContainer}`,children:C.jsx("div",{className:`${ni.popover} ${r==="dynamic"||ni[r]} ${t}`,children:C.jsx(Wl,{as:"div",className:`${ni.menu} ${e}`,show:n,enter:ni.enter,enterFrom:ni.enterFrom,enterTo:ni.enterTo,leave:ni.leave,leaveFrom:ni.leaveFrom,leaveTo:ni.leaveTo,children:C.jsxs("div",{className:ni.chartpopup,children:[C.jsxs(Te,{variant:"custom",type:"button",className:ni.chartOptionBtn,onClick:()=>d(!0),children:[C.jsx(RIe,{className:ni.popupItemIcon}),C.jsx(we,{variant:"p",styleClass:"font-14",children:"View underlying data"})]}),l.isEnable&&C.jsxs(Te,{variant:"custom",type:"button",className:ni.chartOptionBtn,onClick:()=>H0(l,(a==null?void 0:a.split(" ").join("_"))||"undefined"),children:[C.jsx(PIe,{className:ni.popupItemIcon}),C.jsx(we,{variant:"p",styleClass:"font-14",children:"Go to"})]})]})})})}),C.jsx(wG,{isShowUnderlyingData:h,setShowUnderlyingData:d,columnName:o,value:a,getUnderlyingData:s,isSingleValueChart:u})]})})},_G=P.memo(xG),Rf={"dbc-container":"_dbc-container_1use2_1",dbcLastLevel:"_dbcLastLevel_1use2_4","active-dimension":"_active-dimension_1use2_7",otherLevels:"_otherLevels_1use2_10",clickableLevels:"_clickableLevels_1use2_13"},kA=({dimensions:r,drilledLevel:t,onResetLevel:e})=>C.jsx("div",{className:`${Rf["dbc-container"]} ${t===-1?Rf.dbcLastLevel:""}`,children:t===-1?C.jsx(Te,{variant:"custom",type:"button",className:`${Rf.otherLevels} ${Rf.clickableLevels}`,onClick:e,children:"Reset"}):C.jsx(C.Fragment,{children:r.map((n,i)=>C.jsxs("span",{className:i===t?Rf["active-dimension"]:Rf.otherLevels,children:[n.toString()[0].toUpperCase()+n.toString().substring(1),i===r.length-1?"":" / "]},n))})}),OA=({globalFilters:r={tableName:"",filters:[]},metricItem:t,onMaximize:e,client:n,colors:i,param:a,companyTenancyType:o,renderHeaderName:s,isDisableCardClick:l,onArchive:c,chartRendererType:u="canvas",isDisableMorePopup:h})=>{var z,W,B,H,G,$,U,Z;const d=P.useMemo(()=>{const Y={};if(a!=null&&a.values)for(const q in a.values){const V=`${q}_variable`;Y[V]=a.values[q]}return Y},[a==null?void 0:a.values]),[f,p]=P.useState(t.chartOptions),v=P.useRef(null),{dataDb:g,getUnderlyingData:m,handleChartClick:y,columnName:b,setShowChartPopup:w,isShowChartPopup:x,isQueryLoading:_,chartParams:D,onChangeFilterValue:A,onDrillDown:T,drilledLevel:I,dimensions:S,rlsConditions:M,setLoading:L,setTableLimit:N,isEnableNextBtn:E,isEnablePrevBtn:k,paginationInfo:O,onChangePage:R,isExternalChart:j}=b1({metric:t,clientId:n,chartSettings:f,setChartSettings:p,globalFilters:r,rlsFilters:{param:a,filterValues:d},tenancyLevel:o});return P.useEffect(()=>{var Y,q;p(t==null?void 0:t.chartOptions),N({limit:parseInt(((q=(Y=t==null?void 0:t.chartOptions)==null?void 0:Y.tableSettings)==null?void 0:q.defaultRowSize)||"10",10),offset:0})},[t]),C.jsx(C.Fragment,{children:C.jsxs("div",{ref:v,className:mt.cardContainer,onContextMenu:Y=>{Y.preventDefault()},children:[C.jsxs("div",{className:mt.listHeader,children:[C.jsxs("div",{className:mt.metricName,children:[C.jsx(Te,{type:"button",variant:"custom",onClick:()=>{t.clickActions.card.isEnable?E5(t.clickActions,t.metricId,t.id):e(t,{param:a,filterValues:d})},isDisabled:l,children:C.jsx(we,{variant:"h3",styleClass:"primary",className:`${mt.metricTitle} dbn-metric-card-title`,children:s?s(t.name):t.name})}),t.description&&C.jsx("span",{className:`${mt.metricDescription} dbn-metric-card-description`,children:t.description})]}),C.jsxs("div",{className:mt.features,children:[f!=null&&f.isDynamicSeries?C.jsx(yr,{options:[{value:"ungrouped",label:"ungrouped"},...((z=f.seriesOptions)==null?void 0:z.map(Y=>({value:Y,label:Y})))||[]],onChange:Y=>p(q=>({...q,seriesField:Y.value})),selectedOption:{label:(f==null?void 0:f.seriesField)||"ungrouped",value:(f==null?void 0:f.seriesField)||"ungrouped"},label:"group by",className:mt.dynamicGroupContainer,buttonClass:mt.dynamicGroupFormat}):null,(W=f==null?void 0:f.timeSeriesSettings)!=null&&W.groupBySettings.isDynamic?C.jsx(yr,{options:(B=f==null?void 0:f.timeSeriesSettings)==null?void 0:B.groupBySettings.options.map(Y=>({label:Y,value:Y})),onChange:Y=>p(q=>{var V;return{...q,timeSeriesSettings:{...q==null?void 0:q.timeSeriesSettings,groupBySettings:{...(V=q==null?void 0:q.timeSeriesSettings)==null?void 0:V.groupBySettings,value:Y.value}}}}),selectedOption:{label:(H=f==null?void 0:f.timeSeriesSettings)==null?void 0:H.groupBySettings.value,value:(G=f==null?void 0:f.timeSeriesSettings)==null?void 0:G.groupBySettings.value},labelVariant:"static",className:mt.dynamicGroupContainer,buttonClass:mt.dynamicGroupFormat}):null,!h&&C.jsxs(ga,{buttonClass:mt.popup,button:C.jsx(Ze,{name:"more-icon",className:mt.popupIcon}),menuClass:mt.popupMenu,position:"bottom-right",className:mt.morePopup,children:[C.jsxs(Te,{type:"button",variant:"custom",id:`metric-card-popup-btn__${t.id}`,className:`${mt.popupItem} ${mt.csvBtn}`,onClick:()=>e(t,{param:a,filterValues:d}),children:[C.jsx(Ze,{name:"fullscreen-icon",className:mt.popupItemIcon}),"Enter Fullscreen"]}),c&&C.jsxs(Te,{variant:"custom",type:"button",className:`${mt.popupItem} ${mt.csvBtn} ${mt.deleteBtn}`,onClick:()=>c(t.id),children:[C.jsx(kIe,{className:mt.popupItemIcon}),"Archive Metric"]})]})]})]}),(f==null?void 0:f.chartType)&&C.jsxs("div",{className:`${mt.metricData} ${(f==null?void 0:f.chartType)===me.table?mt.metricTable:""}`,onContextMenu:Y=>{Y.preventDefault()},children:[($=M==null?void 0:M.filter(Y=>Y.isAddOnMetrics))==null?void 0:$.map(Y=>C.jsx("div",{className:f.metricFilterPosition==="top-left"?mt.topLeft:mt.topRight,children:C.jsx(cw,{rlsConditions:Y,onChangeFilterValue:A,companyId:t==null?void 0:t.companyId,integrationId:t==null?void 0:t.companyIntegrationId,integrationName:t==null?void 0:t.integrationName})})),((U=t==null?void 0:t.drillDownSettings)==null?void 0:U.isEnableGroupBy)&&!!(S!=null&&S.length)&&!!g.length&&C.jsx(kA,{dimensions:S,drilledLevel:S.length>I?I:-1,onResetLevel:()=>T({})}),C.jsx(NA,{isLoading:_,isDataLength:!!(g!=null&&g.length),isSingleValue:f.singleValue,dataDb:g[0],chartType:f.chartType}),x&&C.jsx(C.Fragment,{children:C.jsx(_G,{isOpen:x,setOpen:w,value:D==null?void 0:D.name,columnName:b,getUnderlyingData:m,clickBehaviourConfigs:t.clickActions.chart,elementRef:{containerRef:v,event:(Z=D==null?void 0:D.event)==null?void 0:Z.event},position:"dynamic",isSingleValueChart:f.chartType===me.singleValue})}),g!=null&&g.length?C.jsx(dv,{data:g,chartOptions:f,events:{click:Y=>{var q;(q=t.drillDownSettings)!=null&&q.isEnableGroupBy&&T(Y)},contextmenu:Y=>{y(Y),w(!0)}},colors:i,config:{style:{height:"90%"},hideBorder:!0,chartClickConfig:t.clickActions.chart,onChartReady:()=>L(!1),opts:{renderer:u},onChangePage:R,isExternalChart:j,isEnableNextBtn:E,isEnablePrevBtn:k,paginationInfo:O,setChartSettings:p}}):null]})]})})},$Ie="data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz48c3ZnIGlkPSJMYXllcl8xIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAzMDAgMzAwIj48ZGVmcz48c3R5bGU+LmNscy0xe3N0cm9rZTojMTgyYzYwO30uY2xzLTEsLmNscy0ye2ZpbGw6bm9uZTtzdHJva2UtbGluZWNhcDpyb3VuZDtzdHJva2UtbGluZWpvaW46cm91bmQ7fS5jbHMtM3tmaWxsOiM1ODY1ZjY7b3BhY2l0eTouMTt9LmNscy00e2ZpbGw6I2YyZjNmNDt9LmNscy01e2ZpbGw6I2MxYzdjOTt9LmNscy02e2ZpbGw6I2RhZGVkZjt9LmNscy03e2ZpbGw6IzE4MmM2MDt9LmNscy0ye3N0cm9rZTojNTg2NWY2O3N0cm9rZS13aWR0aDo0cHg7fTwvc3R5bGU+PC9kZWZzPjxwYXRoIGNsYXNzPSJjbHMtMSIgZD0ibTIxMC41LDIwMC44M2MuNC0uNjYuNjgtMS40LjgyLTIuMiwxLjU4LTguODcsMy4xNS0xNy43NSw0LjczLTI2LjYyLDIuMDMtMTEuNDQsNC4wNi0yMi44OCw2LjA5LTM0LjMyLjcyLTQuMDgsMS43Ny04LjI1LDIuMTYtMTIuMzguNDMtNC41Ni0yLjA5LTkuNjgtNi44Ni0xMC42Ni0uMDEsMC0uMDMsMC0uMDQsMC0yLjQtLjQ5LTUuMDItLjIyLTcuNDUtLjIyaC00NC4yMmMtLjUyLDAtMi4zMy0uMzEtMi43NywwbC0yNC4yOCwxNy4yMmgtNjEuNjFjLTMuOTcsMC02Ljk5LDMuNTYtNi4zNCw3LjQ3bDkuNzUsNTkuNDJjLjUxLDMuMTEsMy4yLDUuMzksNi4zNCw1LjM5aDExNy44NiIvPjxwYXRoIGNsYXNzPSJjbHMtMSIgZD0ibTIwNywxMTQuNDN2LTguNTRjMC0zLjU1LTIuODgtNi40My02LjQzLTYuNDNoLTE3LjE5Ii8+PHBhdGggY2xhc3M9ImNscy0xIiBkPSJtMTAzLjQ3LDk5LjQ2aC0xNS4xMmMtMy41NSwwLTYuNDMsMi44OC02LjQzLDYuNDN2MjUuNDgiLz48Zz48bGluZSBjbGFzcz0iY2xzLTIiIHgxPSIxMTQuMTIiIHkxPSI5NC4wOCIgeDI9IjE0NC44NCIgeTI9Ijk0LjA4Ii8+PGc+PHJlY3QgY2xhc3M9ImNscy02IiB4PSIxMTIuNjEiIHk9IjEwMi40MyIgd2lkdGg9IjE4Ljk3IiBoZWlnaHQ9IjMuMiIvPjxyZWN0IGNsYXNzPSJjbHMtNCIgeD0iMTM3LjYxIiB5PSIxMDIuNDMiIHdpZHRoPSI4LjkiIGhlaWdodD0iMy4yIi8+PC9nPjwvZz48cGF0aCBjbGFzcz0iY2xzLTMiIGQ9Im0xNjQuOTgsODEuNDZsLS4wOCwxNi4yOHMuMTUsMy4yNC4zLDMuNjIuNiwxLjUxLDEuMTMsMS44OCwxLjAyLjc5LDEuNzcsMS4wNi45NC40OSwyLjExLjQ5LDE4LjE3LjA0LDE4LjE3LjA0bC0yMy40MS0yMy4zN1oiLz48cGF0aCBjbGFzcz0iY2xzLTEiIGQ9Im0xODguNTEsMTA0LjkxdjkuNTIiLz48cGF0aCBjbGFzcz0iY2xzLTEiIGQ9Im0xMDMuNTMsMTMxLjM3di00NC45NWMwLTIuODQsMi4zLTUuMTUsNS4xNS01LjE1LDE4Ljc3LDAsMzcuNTQsMCw1Ni4zMSwwIi8+PHBhdGggY2xhc3M9ImNscy0xIiBkPSJtMTY1LjAxLDgxLjI3djE4LjM1YzAsMi44NCwyLjMxLDUuMTUsNS4xNSw1LjE1aDE4LjM1cy0yMy41LTIzLjYyLTIzLjUtMjMuNVoiLz48Y2lyY2xlIGNsYXNzPSJjbHMtMSIgY3g9IjE2OC4yMSIgY3k9IjE2My4yNyIgcj0iMjQuOTYiLz48Y2lyY2xlIGNsYXNzPSJjbHMtMSIgY3g9IjE2OC4yMSIgY3k9IjE2My4yNyIgcj0iMzEuMjUiLz48cGF0aCBjbGFzcz0iY2xzLTEiIGQ9Im0xOTIuNTcsMTgzLjMzYzkuNjIsOS42MiwzMC4yOCwzMC4yOCwzMC4yOCwzMC4yOCwxLjE3LDEuMTcsMS4xNywzLjA3LDAsNC4yNHMtMy4wNywxLjE3LTQuMjQsMGMwLDAtMjAuNTgtMjAuNTgtMzAuMjItMzAuMjIiLz48Zz48cGF0aCBjbGFzcz0iY2xzLTUiIGQ9Im0xNjguNjYsMTcwLjkzYy0uNzQsMC0xLjM0LjI0LTEuODEuNzItLjQ3LjQ4LS43MSwxLjA5LS43MSwxLjgzcy4yNCwxLjMyLjcxLDEuODFjLjQ3LjQ5LDEuMDcuNzQsMS44MS43NHMxLjM0LS4yNSwxLjgxLS43NGMuNDctLjQ5LjcxLTEuMS43MS0xLjgxcy0uMjQtMS4zNC0uNzEtMS44M2MtLjQ3LS40OC0xLjA4LS43Mi0xLjgxLS43MloiLz48cGF0aCBjbGFzcz0iY2xzLTUiIGQ9Im0xNzQuNjksMTUzLjc3Yy0uNjItMS4wMi0xLjQ5LTEuODItMi42LTIuNC0xLjEyLS41Ny0yLjQtLjg2LTMuODUtLjg2LTEuNjgsMC0zLjE3LjQtNC40NywxLjE5cy0yLjI5LDEuOTQtMi45OCwzLjQzbDIuNzYsMi4yOGMuNDYtMS4wNiwxLjA3LTEuODYsMS44NS0yLjQuNzctLjU0LDEuNjUtLjgxLDIuNjQtLjgxLjc2LDAsMS40MS4xNCwxLjk3LjQxLjU1LjI4Ljk4LjY3LDEuMjgsMS4xNy4zLjUxLjQ1LDEuMS40NSwxLjc5cy0uMTYsMS4yOS0uNDcsMS44MWMtLjMxLjUyLS43NS45Mi0xLjMxLDEuMjEtLjU2LjI5LTEuMjIuNDMtMS45OC40M2gtLjkzdjYuNjZoMy4yOGwuMjYtMy43M2MuNzEtLjI0LDEuMzctLjU1LDEuOTUtLjkzLjk5LS42NCwxLjc1LTEuNDUsMi4yOS0yLjQxLjU0LS45Ny44MS0yLjA3LjgxLTMuMzEsMC0xLjMzLS4zMS0yLjUxLS45My0zLjU0WiIvPjwvZz48cGF0aCBjbGFzcz0iY2xzLTEiIGQ9Im04NS41NSwyMDMuOTdjLjY4LDIuODksMy4yNiw0Ljk2LDYuMjYsNC45NmgxMTcuNzMiLz48cGF0aCBjbGFzcz0iY2xzLTEiIGQ9Im0yMTUuMzcsMjA2LjA0Yy40Ny0uNzEuOC0xLjUyLjk1LTIuNCwxLjU4LTguODcsMy4xNS0xNy43NSw0LjczLTI2LjYyLDIuMDMtMTEuNDQsNC4wNi0yMi44OCw2LjA5LTM0LjMyLjcyLTQuMDgsMS43Ny04LjI1LDIuMTYtMTIuMzguMzktNC4xNi0xLjY4LTguNzktNS42Ny0xMC4zMSIvPjxwYXRoIGNsYXNzPSJjbHMtNyIgZD0ibTIyMy41MSwxMjAuMDhzLjQ5LDEuNjIuNTMsMS43My4zMiwyLjQ0LjMyLDIuNDRsLS4wNCwxLjkxLTEuMzgsNy4xMy0zLjM5LDE5LjMxLTIuODksMTUuOTItMi45NiwxNi43Ni0yLjQ0LDEzLjE2LS45MiwyLjY1LDQuOTgsNS4xNS44NS0yLjE1LjgxLTQuMDYsMS40OC04LjMzLDIuODItMTUuNzEsMi4xNS0xMi4xMSwxLjk0LTExLjM2LDIuNzUtMTQuNzUuODgtNC42OS4yOC0yLjU4LjA3LTIuMTItLjYtMi43NS0xLjI0LTIuMzYtMS4wOS0xLjU5LTIuMDEtMS4zMS0uOTItLjI4WiIvPjxwb2x5Z29uIGNsYXNzPSJjbHMtNyIgcG9pbnRzPSI4NS42OCAyMDMuOTMgMjA0LjU1IDIwMy44NCAyMDkuMzUgMjA4LjczIDE0OC40OCAyMDguODggOTAuOTUgMjA5LjAyIDg5LjUgMjA4LjY2IDg3Ljk4IDIwNy45MiA4Ni44MiAyMDYuNTggODYuMDEgMjA1LjAzIDg1LjY4IDIwMy45MyIvPjwvc3ZnPg==",jIe=({globalFilters:r={tableName:"",filters:[]},metricItem:t,client:e,param:n,companyTenancyType:i,renderHeaderName:a})=>{var T;const o={};if(n!=null&&n.values)for(const I in n.values){const S=`${I}_variable`;o[S]=n.values[I]}const[s,l]=P.useState(""),[c,u]=P.useState(""),[h,d]=P.useState([]),[f,p]=P.useState([]),[v,g]=P.useState({card:{isEnable:!1,baseUrl:"",dynamic:"none",route:"",routeType:"internal"},chart:{isEnable:!1,baseUrl:"",dynamic:"{{value}}",route:"/{{value}}",routeType:"internal"}}),[m,y]=P.useState({hideSplitLines:"none",hideAxisLines:"none",barWidth:40,barRadius:0,axisLabels:"none",fontSize:14,subHeaderShow:!1,displayText:"",subHeaderFontSize:0,dateFormatter:"none",numberFormatter:"original",xRotation:50,showLabelValues:!1}),{data:b,isLoading:w}=ZL({id:t==null?void 0:t.id,clientId:e,tenancyLevel:i,rlsConditions:i==="DATABASE"?f.map(I=>({...I,tableName:`${e}.${I.tableName.split(".").slice(1).join(".")}`})):f,globalFilters:i==="DATABASE"?{...r,tableName:`${e}.${r.tableName.split(".").slice(1).join(".")}`}:r,filterValues:o},{refetchOnWindowFocus:!1});P.useEffect(()=>{l(t==null?void 0:t.chartOptions.chartType),u(t==null?void 0:t.chartOptions.singleValue),p((t==null?void 0:t.rlsConditions)||[]),y(t!=null&&t.chartOptions.customSettings?t==null?void 0:t.chartOptions.customSettings:{hideSplitLines:"none",hideAxisLines:"none",barWidth:40,barRadius:0,axisLabels:"none",fontSize:14,subHeaderShow:!1,displayText:"",subHeaderFontSize:0,dateFormatter:"none",numberFormatter:"original",xRotation:50,showLabelValues:!1}),g(t.clickActions||{card:{isEnable:!1,baseUrl:"",dynamic:"none",route:"",routeType:"internal"},chart:{isEnable:!1,baseUrl:"",dynamic:"{{value}}",route:"/{{value}}",routeType:"internal"}})},[t]),P.useEffect(()=>{var S,M;const I=(S=b==null?void 0:b.externalMetricQuery)!=null&&S.data?JSON.parse((M=b==null?void 0:b.externalMetricQuery)==null?void 0:M.data):[];d(I??[])},[(T=b==null?void 0:b.externalMetricQuery)==null?void 0:T.data]);const x=h,_=x!=null&&x.length?x==null?void 0:x.map(I=>I[c]):"",D=[{value:_[0]}],A=(I,S,M,L)=>{p(M?N=>N.map(E=>E.name===I?{...E,value:S,options:E.options.map(k=>k.name==="Custom"?{...k,...M}:k)}:E):L?N=>N.map(E=>E.name===I?{...E,value:L.map(k=>k.value)}:E):N=>N.map(E=>E.name===I?{...E,value:S}:E))};return C.jsx(C.Fragment,{children:C.jsxs("div",{className:mt.cardContainer,id:t.id,children:[C.jsxs("div",{className:mt.listHeader,children:[C.jsxs("div",{className:mt.metricName,children:[C.jsx(Te,{type:"button",variant:"custom",isDisabled:!v.card.isEnable,className:"disabled:cursor-text",onClick:()=>E5(v,t.metricId,t.id),children:C.jsx(we,{variant:"h3",styleClass:"primary",className:`${mt.metricTitle} dbn-metric-card-title`,children:a?a(t.name):t.name})}),t.description&&C.jsx("span",{className:`${mt.metricDescription} dbn-metric-card-description`,children:t.description})]}),C.jsx("div",{className:mt.features,children:C.jsx(cw,{rlsConditions:f.find(I=>I.isAddOnMetrics),onChangeFilterValue:A,companyId:t==null?void 0:t.companyId,integrationId:t==null?void 0:t.companyIntegrationId,integrationName:t==null?void 0:t.integrationName})})]}),s&&C.jsx("div",{className:`${mt.metricData} ${mt.singleValueData}`,children:w?C.jsx(xl,{style:{width:"50px",height:"50px",color:"blue"}}):C.jsx(C.Fragment,{children:_.length?C.jsx(bH,{data:D,customSettings:m,chartClickConfig:v.chart,hideBorder:!0}):C.jsx("div",{className:mt.noData,children:C.jsxs("div",{className:mt.noDataContent,children:[C.jsx("img",{src:$Ie,alt:"",width:"300px",height:"300px"}),C.jsx("div",{className:mt.noDataText,children:"No Data Available"})]})})})})]})})},qt={fullScreen:"_fullScreen_140gc_1",header:"_header_140gc_9",headerBlock:"_headerBlock_140gc_17",metricName:"_metricName_140gc_25",iconButton:"_iconButton_140gc_33",body:"_body_140gc_41",metric:"_metric_140gc_25",metricHeader:"_metricHeader_140gc_57",chartSettings:"_chartSettings_140gc_65",chart:"_chart_140gc_65",preview:"_preview_140gc_81",popupMenu:"_popupMenu_140gc_89",csvPopup:"_csvPopup_140gc_97",csvPopupIcon:"_csvPopupIcon_140gc_105",popupItem:"_popupItem_140gc_113",popupItemIcon:"_popupItemIcon_140gc_121",dynamicGroupFormat:"_dynamicGroupFormat_140gc_129",dynamicGroupContainer:"_dynamicGroupContainer_140gc_137",addFilterMenu:"_addFilterMenu_140gc_143",addfilter:"_addfilter_140gc_151",checkedOption:"_checkedOption_140gc_157",option:"_option_140gc_165",chartWrapper:"_chartWrapper_140gc_173"},zIe=r=>C.jsx("svg",{viewBox:"0 0 24 24",width:"1.2em",height:"1.2em",...r,children:C.jsx("path",{fill:"currentColor",d:"M2 12h2v5h16v-5h2v5c0 1.11-.89 2-2 2H4a2 2 0 0 1-2-2v-5m10 3l5.55-5.46l-1.42-1.41L13 11.25V2h-2v9.25L7.88 8.13L6.46 9.55L12 15Z"})}),FIe=r=>C.jsx("svg",{viewBox:"0 0 24 24",width:"1.2em",height:"1.2em",...r,children:C.jsx("path",{fill:"currentColor",d:"M8.7 17.3q-.275-.275-.275-.7q0-.425.275-.7l3.9-3.9l-3.9-3.9q-.275-.275-.275-.7q0-.425.275-.7q.275-.275.7-.275q.425 0 .7.275l4.6 4.6q.15.15.213.325q.062.175.062.375t-.062.375q-.063.175-.213.325l-4.6 4.6q-.275.275-.7.275q-.425 0-.7-.275Z"})}),BIe=({data:r,chartRef:t,metricName:e,onRawCsvData:n})=>C.jsx(C.Fragment,{children:C.jsxs(ga,{button:C.jsx(zIe,{}),buttonClass:qt.iconButton,position:"bottom-right",menuClass:qt.popupMenu,children:[C.jsxs(ga,{button:C.jsxs(C.Fragment,{children:["Download CSV ",C.jsx(FIe,{className:qt.csvPopupIcon})]}),buttonClass:qt.popupItem,position:"left-top",menuClass:qt.popupMenu,menuContainerClass:qt.csvPopup,children:[C.jsx(mH,{text:"Table Results",data:r,fileName:e,className:qt.popupItem,iconClass:qt.popupItemIcon}),C.jsx(Te,{type:"button",variant:"custom",size:"default",className:qt.popupItem,onClick:n,children:"Raw Data"})]}),t&&C.jsx(wH,{text:"Save as PNG",chartRef:t,className:qt.popupItem,iconClass:qt.popupItemIcon,fileName:e})]})}),VIe=({filters:r,updateFilter:t})=>C.jsx(C.Fragment,{children:r.length?C.jsx(ga,{button:C.jsx(Te,{variant:"custom",type:"button",size:"small",className:qt.addfilter,children:C.jsx(Ze,{name:"plus-icon-2"})}),position:"bottom-left",children:C.jsx("div",{className:qt.addFilterMenu,children:r.map(e=>{const n=e.isAddOnMetrics;return C.jsxs(Te,{variant:"secondary",onClick:()=>{t(e)},className:n?qt.checkedOption:qt.option,children:[n?C.jsx(_1,{}):C.jsx(Jf,{}),e.name]})})})}):null}),WIe=r=>C.jsx("svg",{viewBox:"0 0 24 24",width:"1.2em",height:"1.2em",...r,children:C.jsx("path",{fill:"none",stroke:"currentColor",strokeLinecap:"round",strokeLinejoin:"round",strokeWidth:2,d:"M4 14h6v6m10-10h-6V4m0 6l7-7M3 21l7-7"})}),RA=({metric:r,colors:t,rlsFilters:e,onMinimize:n,clientId:i,tenancyLevel:a,companyId:o,externalDashboardId:s,userProvidedDashboardId:l,isAllowedToUpdateMetrics:c,sharingSettingsId:u})=>{var Y,q,V,X,Q,ie,te;const h=P.useRef(),[d,f]=P.useState(!1),[p,v]=P.useState(r.chartOptions),[g,m]=P.useState(!1),y=P.useRef(null),{updateExternalMetric:b,error:w}=e1({onSuccess:()=>{m(!1)},selectedColumns:[],companyIntegrationId:r.companyIntegrationId,query:r.query,metricQuery:r.metricQuery,integrationName:r.integrationName,outputColumns:r.outputColumns,chartSettings:p,datasetMetricSettings:r.datasetMetricSettings,clientId:i,companyId:o,isLiveMode:r.isLive,timeGrain:r.timeGrain,dashboardIds:[s],isEnableGroupBy:r.isEnableGroupBy,groupBy:r.groupBy,selectedGroupBy:r.selectedGroupBy,userProvidedDashboardId:l,metric:r,rlsFilters:e==null?void 0:e.param}),{dataDb:x,getUnderlyingData:_,handleChartClick:D,onChangeFilterValue:A,onDrillDown:T,isShowChartPopup:I,setShowChartPopup:S,columnName:M,chartParams:L,isQueryLoading:N,dimensions:E,drilledLevel:k,rlsConditions:O,setLoading:R,setTableLimit:j,isEnableNextBtn:z,paginationInfo:W,isEnablePrevBtn:B,isExternalChart:H,groupByList:G,isEnablePivotTable:$,onChangePage:U,updateFilter:Z}=b1({metric:r,rlsFilters:e,chartSettings:p,setChartSettings:v,tenancyLevel:a,clientId:i});return P.useEffect(()=>{var re,ue;v(r.chartOptions),j({limit:parseInt(((ue=(re=r.chartOptions)==null?void 0:re.tableSettings)==null?void 0:ue.defaultRowSize)||"10",10),offset:0})},[r]),C.jsxs("dialog",{open:!0,className:qt.fullScreen,children:[C.jsxs("section",{className:qt.header,children:[C.jsx("div",{className:qt.headerBlock,children:C.jsx(we,{variant:"h2",styleClass:"font-14",className:qt.metricName,children:r.name})}),C.jsxs("div",{className:qt.headerBlock,children:[C.jsx(Te,{type:"button",variant:"custom",size:"default",className:qt.iconButton,onClick:n,title:"Minimize Full Screen",children:C.jsx(WIe,{})}),C.jsx(BIe,{data:x,chartRef:h,metricName:r.name,onRawCsvData:()=>f(!0)}),c&&C.jsx(Te,{type:"button",variant:"primary",size:"large",onClick:()=>m(!0),children:"Save Metric"})]})]}),C.jsxs("section",{className:qt.body,children:[C.jsxs("div",{className:qt.metric,ref:y,children:[C.jsxs("div",{className:qt.metricHeader,children:[(Y=O==null?void 0:O.filter(re=>re.isAddOnMetrics))==null?void 0:Y.map(re=>C.jsx(cw,{companyId:o,integrationName:r.integrationName,integrationId:r.companyIntegrationId,rlsConditions:re,onChangeFilterValue:A})),C.jsx(VIe,{filters:O,updateFilter:Z}),!!x.length&&C.jsxs(C.Fragment,{children:[p!=null&&p.isDynamicSeries?C.jsx(yr,{options:[{value:"ungrouped",label:"ungrouped"},...((q=p.seriesOptions)==null?void 0:q.map(re=>({value:re,label:re})))||[]],onChange:re=>v(ue=>({...ue,seriesField:re.value})),selectedOption:{label:(p==null?void 0:p.seriesField)||"ungrouped",value:(p==null?void 0:p.seriesField)||"ungrouped"},label:"group by",className:qt.dynamicGroupContainer,buttonClass:qt.dynamicGroupFormat}):null,(V=p.timeSeriesSettings)!=null&&V.groupBySettings.isDynamic?C.jsx(yr,{options:p.timeSeriesSettings.groupBySettings.options.map(re=>({label:re,value:re})),onChange:re=>v(ue=>{var _e;return{...ue,timeSeriesSettings:{...ue.timeSeriesSettings,groupBySettings:{...(_e=ue.timeSeriesSettings)==null?void 0:_e.groupBySettings,value:re.value}}}}),selectedOption:{label:p.timeSeriesSettings.groupBySettings.value,value:p.timeSeriesSettings.groupBySettings.value},labelVariant:"static",buttonClass:qt.dynamicGroupFormat,className:qt.dynamicGroupContainer}):null,C.jsx(CI,{data:x,settings:p,setSettings:v,className:qt.chartSettings,isEnablePivotTable:$,groupbyList:G})]})]}),C.jsxs("div",{className:qt.chartWrapper,children:[I&&C.jsx(_G,{isOpen:I,setOpen:S,value:L==null?void 0:L.name,columnName:M,getUnderlyingData:_,clickBehaviourConfigs:(X=r.clickActions)==null?void 0:X.chart,elementRef:{containerRef:y,event:(Q=L==null?void 0:L.event)==null?void 0:Q.event},position:"dynamic",isSingleValueChart:p.chartType===me.singleValue}),C.jsx(NA,{isLoading:N,isDataLength:!!x.length,isSingleValue:p.singleValue,dataDb:x[0],chartType:""}),((ie=r==null?void 0:r.drillDownSettings)==null?void 0:ie.isEnableGroupBy)&&!!(E!=null&&E.length)&&!!x.length&&C.jsx(kA,{dimensions:E,drilledLevel:E.length>k?k:-1,onResetLevel:()=>T({})}),x.length?C.jsx(dv,{chartOptions:p,data:x,colors:t,events:{click:re=>{var ue;(ue=r.drillDownSettings)!=null&&ue.isEnableGroupBy&&T(re)},contextmenu:re=>{D(re),S(!0)}},className:qt.chart,config:{ref:h,chartClickConfig:(te=r.clickActions)==null?void 0:te.chart,onColumnSizingChange:re=>v(ue=>({...ue,tableSettings:{...ue.tableSettings,columnSizing:re}})),onChartReady:()=>R(!1),onChangePage:U,isExternalChart:H,isEnableNextBtn:z,isEnablePrevBtn:B,paginationInfo:W,setChartSettings:v}}):null]})]}),p.chartType!=="table"?C.jsx("div",{className:qt.preview,children:C.jsx(ps,{data:x,isLoading:!1,error:"",tableName:"Table Preview",tableSettings:{enableFilter:!0,enableSorting:!0,enableStripedRows:!0,enableTableSearch:!0,showRowHover:!0,showTableTitle:!0,showTableDesc:!0,lineGap:"medium",contentAlignment:"center",hideVerticalDivider:!1}})}):null]}),C.jsx(LA,{metricItem:r,isShowRawCsvModal:d,onCloseModal:f,companyTenancyType:a,filterValues:e==null?void 0:e.filterValues,client:i,sharingSettingsId:u}),c&&C.jsx(La,{isOpen:g,onClose:()=>m(!1),headerTitle:"Update Metric",children:C.jsx(x1,{onCancel:()=>m(!1),onSubmit:b,dashboardIds:[s],onDashboardChange:()=>{},companyId:o,error:w,defaultValues:{name:r.name,description:r.description,isLive:r.isLive,metricId:r.isCreatedByClient?r.metricId:`update_${r.metricId}_by_${i}_${Date.now()}`},isEmbedded:!0})})]})},SG=dG.WidthProvider(dG.Responsive),MG=({chartColors:r,globalFilters:t,client:e,companyId:n,isAllowedToUpdateMetrics:i,isAllowedToDeleteMetrics:a,isAllowedToChangeLayout:o,externalDashboardMetrics:s,isMetricListLoading:l,breakpoint:c,layoutCols:u,adminLayout:h,params:d,companyTenancyType:f="TABLE",externalDashboardId:p,externalDashboardPk:v,sharingSettingsId:g})=>{const[m,y]=P.useState({id:"",show:!1}),[b,w]=P.useState({layout:[],isShow:!1}),[x,_]=P.useState({show:!1}),{saveLayout:D,layout:A,isLoadingLayout:T}=rN({clientId:e,externalDashboardId:v}),{handleArchiveMetric:I,isLoading:S}=oN({dashboardId:p,clientId:e,metricId:m.id,onSuccess:()=>y({id:"",show:!1})}),M=P.useCallback(k=>{w({isShow:!0,layout:k})},[]),L=P.useMemo(()=>{const k=s==null?void 0:s.map(z=>z.externalMetric),O=k==null?void 0:k.filter(z=>!z.isCreatedByClient),R=k==null?void 0:k.filter(z=>z.isCreatedByClient&&z.clientId===e);return[...O||[],...R||[]].sort((z,W)=>{const B=new Date(z.createdAt).getTime(),H=new Date(W.createdAt).getTime();return B-H})},[s]),N=P.useMemo(()=>L.map(O=>{const R=A.find(z=>z.i===O.id),j=h.find(z=>z.i===O.id);return{i:(R==null?void 0:R.i)||(j==null?void 0:j.i)||O.id,w:(R==null?void 0:R.w)||(j==null?void 0:j.w)||O.resizeAttributes.width||5,h:(R==null?void 0:R.h)||(j==null?void 0:j.h)||O.resizeAttributes.height||10,x:(R==null?void 0:R.x)||(j==null?void 0:j.x)||O.resizeAttributes.xAxis||0,y:(R==null?void 0:R.y)||(j==null?void 0:j.y)||O.resizeAttributes.yAxis||0,minW:O.chartOptions.chartType==="single value"?1:3,minH:O.chartOptions.chartType==="single value"?2:8,maxH:O.chartOptions.chartType==="table"?1/0:15}}),[L,h,A]),E=P.useMemo(()=>L.map(k=>C.jsx("div",{className:`${Nf["MetricList-wrapper"]} ${o?Nf["MetricList-wrapper-move"]:""}`,id:k.id,children:C.jsx(OA,{metricItem:k,onMaximize:O=>_({show:!0,metric:O}),client:e,colors:r,globalFilters:t,param:d==null?void 0:d.find(O=>O.metricId===k.metricId),companyTenancyType:f,onArchive:a?O=>y({id:O,show:!0}):void 0})},k.id)),[L,f,e,r,d,t,o,a]);return C.jsx(C.Fragment,{children:L.length&&N.length?C.jsxs(C.Fragment,{children:[C.jsxs("div",{className:Nf["MetricList-container"],id:"metric-list-container",children:[b.isShow&&C.jsx(yG,{isLoading:T,onCancel:()=>w(k=>({...k,isShow:!1})),onSave:async()=>{await D(b.layout,!0),w(k=>({...k,isShow:!1}))}}),C.jsx(SG,{layouts:{lg:N},onResizeStop:o?M:void 0,onDragStop:o?M:void 0,isDraggable:o,isDroppable:o,isResizable:o,rowHeight:30,breakpoints:c??{lg:1200,md:996,sm:768,xs:480,xxs:0},cols:u??{lg:12,md:12,sm:12,xs:4,xxs:2},children:E})]}),a?C.jsx(pG,{isLoading:S,isOpen:m.show,onArchive:I,onClose:()=>y({id:"",show:!1})}):null,C.jsx(Xf,{children:x.show&&x.metric&&C.jsx(RA,{metric:x.metric,rlsFilters:x.rlsFilters,colors:r,externalDashboardId:v,userProvidedDashboardId:p,tenancyLevel:f,isAllowedToUpdateMetrics:i,clientId:e,companyId:n,onMinimize:()=>_({show:!1,metric:void 0}),sharingSettingsId:g})})]}):C.jsx(C.Fragment,{children:l?C.jsx("div",{className:Nf["alt-container"],children:C.jsx(xl,{style:{width:"50px",height:"50px",color:"blue"}})}):C.jsx("div",{className:Nf["noMetric-container"],children:C.jsx("div",{className:Nf["noMetric-wrapper"],children:C.jsx(we,{variant:"h2",styleClass:"primary",children:"No metrics created yet"})})})})})},$o={container:"_container_1jkce_1",table:"_table_1jkce_9",tableHead:"_tableHead_1jkce_17",tableRow:"_tableRow_1jkce_25",tableHeadCol:"_tableHeadCol_1jkce_33",tableHeadColText:"_tableHeadColText_1jkce_41",tableRowCol:"_tableRowCol_1jkce_49",tableColText:"_tableColText_1jkce_57",empty:"_empty_1jkce_65",error:"_error_1jkce_73"},HIe=({data:r,isError:t})=>C.jsxs("div",{className:$o.container,children:[!!(r!=null&&r.length)&&!t&&C.jsxs("table",{className:$o.table,children:[C.jsx("thead",{className:$o.tableHead,children:C.jsx("tr",{className:$o.tableRow,children:Object.keys(r[0]).map(e=>C.jsx("th",{className:$o.tableHeadCol,scope:"col",children:C.jsx(we,{styleClass:"font-14c",variant:"h1",className:$o.tableHeadColText,children:e})},e))})}),C.jsx("tbody",{children:r==null?void 0:r.map((e,n)=>C.jsx("tr",{children:Object.keys(r[0]).map((i,a)=>C.jsx("td",{className:$o.tableRowCol,children:C.jsx(we,{styleClass:"font-14",variant:"p",className:$o.tableColText,children:JSON.stringify(e[i])})},a))},n))})]}),!(r!=null&&r.length)&&!t&&C.jsx("div",{className:$o.empty,children:"Table is empty"}),t&&C.jsx("div",{className:$o.error,children:r.message})]}),UIe={loader:"_loader_j0yem_1"},DG=()=>C.jsx("div",{className:UIe.loader,children:C.jsx(xl,{style:{width:"50px",height:"50px",color:"blue"}})}),GIe=Object.freeze(Object.defineProperty({__proto__:null,Alert:Tb,AppliedFilter:dH,ArchiveMetricModal:pG,Button:Te,Chart:dv,ChartConfig:cN,ChartConfigure:CH,ChartImageDownloadButton:wH,ChartModalOptions:hN,ChartPopup:xG,ChartSettings:AH,ChartSettingsPopup:CI,ChartTab:LH,ConstructMetric:rU,CsvDownloadButton:mH,DataType:w1,Dataset:_H,DateRangePicker:yI,DownloadRawCsvModal:LA,DrillBreadCrumb:kA,DropDown:f6,EmbeddedMetricCreation:nU,Error:qf,ErrorFallback:dN,ExternalMetricForm:x1,ExternalMetricList:MG,FilterDropDown:Cg,FilterField:Sbe,FilterPopup:bI,FloatingDropDown:yr,FullScreenChart:pV,FullScreenView:RA,GlobalFilters:vH,GridLayout:SG,Header:xH,HookMultiSelect:uN,HookSelect:Zf,Icons:Ze,InfoTooltip:Or,InputField:Ge,InputTables:HDe,LayoutAlert:yG,Loader:DG,MetricCard:OA,MetricChart:cMe,MetricFilterDropDown:cw,MetricForm:eU,MetricOutput:EH,MetricTable:HIe,Modal:La,ModalFooter:Wc,MultiFilterDropdown:ed,MultiFloatingDropDown:Kf,MultiSelect:Vi,NoDataLoading:NA,NumberFilterField:DT,OldMultiSelect:d6,OldSelect:h6,PopoverMenu:ga,Portal:Xf,SearchTab:Hl,Select:ur,SelectField:g6,SelectWithSubValue:lN,SingleValueCard:jIe,Tab:Nv,Table:ps,TableTab:NH,TableViewModal:EIe,TagInputField:gG,Text:we,TextAreaField:pN,TimeGrainField:kH,ToggleButton:vN,Tooltip:gH,getFormattedFilterValue:pH,isInFilterOperator:MT,isNullFilterOperator:eb},Symbol.toStringTag,{value:"Module"})),YIe={scheduleEmailButton:"_scheduleEmailButton_13nzt_1"},yi={"form-wrapper":"_form-wrapper_ynoky_1","form-primary-text":"_form-primary-text_ynoky_5","week-days-container":"_week-days-container_ynoky_9","main-label":"_main-label_ynoky_12","time-element":"_time-element_ynoky_16","schedule-time":"_schedule-time_ynoky_19","cancel-btn":"_cancel-btn_ynoky_23","delete-btn":"_delete-btn_ynoky_26","field-width":"_field-width_ynoky_29","timezone-field":"_timezone-field_ynoky_33","success-text":"_success-text_ynoky_37"},CG=P.createContext({isLoading:void 0,data:void 0,token:void 0,pluginRef:void 0}),TG=()=>P.useContext(CG),QIe=(r,t)=>{const e=t.getTimezoneOffset()*-1;return new Date(t.toLocaleString("en-US",{timeZone:r})).getTimezoneOffset()*-1-e},ZIe=r=>{const t=new Date;let e=null;switch(r.frequency){case"Daily":e=new Date(t),e.setDate(t.getDate()+1);break;case"Weekly":{const n=Object.keys(r.weekDays).filter(a=>r.weekDays[a]);let i=null;n.forEach(a=>{const s=(l1.findIndex(c=>c.value===a)+7-t.getDay())%7,l=new Date(t);l.setDate(t.getDate()+s),l.toDateString()===t.toDateString()&&l.setDate(l.getDate()+7),(!i||l<i)&&(i=l)}),e=i;break}case"Monthly":{const n=r.date.map(a=>parseInt(a.value,10));let i=null;n.forEach(a=>{const o=new Date(t.getFullYear(),t.getMonth(),a);o<t&&o.setMonth(t.getMonth()+1),(!i||o<i)&&(i=o)}),e=i;break}}if(e!==null){e.setHours(parseInt(r.hours,10),0,0,0),r.time==="PM"?e.setHours(parseInt(r.hours,10)+12):r.time==="AM"&&r.hours==="12"&&e.setHours(0);const n=QIe(r.timezone,e);e.setTime(e.getTime()+n*6e4)}return e},qIe=({onCancel:r})=>{var E;const{register:t,handleSubmit:e,watch:n,control:i,setValue:a,getValues:o,reset:s}=ag(),{data:l,token:c}=TG(),{data:u,isLoading:h}=p8({token:c}),d=P.useMemo(()=>{var k;if((k=u==null?void 0:u.scheduleEmailReports)!=null&&k.length)return u==null?void 0:u.scheduleEmailReports[0]},[u]);P.useEffect(()=>{d?s({...d.timeConfigurations}):(a("time","PM"),a("timezone","Asia/Kolkata"),a("frequency","Monthly"))},[d]);const[f,p]=P.useState(!1),[v,g]=P.useState(""),[m,y]=P.useState(!1),[b,w]=P.useState(!1),x="",_=((E=l==null?void 0:l.externalDashboardMetrics)==null?void 0:E.map(k=>({value:k.externalMetric.id,label:k.externalMetric.name})))||[],D=$8(),A=PQ(),T=jQ(),I=(k,O)=>k.charts.length===0?(g("please select at least one chart to share"),p(!1),y(!1),!1):k.emails.length===0?(g("please add at least one email address"),p(!1),y(!1),!1):O?!0:(g("invalid time configurations"),p(!1),y(!1),!1),S=k=>{var Y,q;g(""),p(!0),y(!1);const{subject:O,emails:R,frequency:j,weekDays:z,date:W,hours:B,time:H,timezone:G}=k,$=ZIe({date:W,frequency:j,hours:B,time:H,timezone:G,weekDays:z});if(!I(k,$))return;const Z=(Y=k.charts)==null?void 0:Y.map(V=>({externalMetricId:V}));d?A.mutate({scheduleEmailReportId:d.id},{onSuccess({delete_scheduleEmailReportCharts:V}){var X;V!=null&&V.affected_rows?D.mutate({emails:R,externalDashboardId:(X=l==null?void 0:l.externalDashboard)==null?void 0:X.id,data:Z,guestToken:c,nextScheduledAt:$,sharingSettingsId:l==null?void 0:l.sharingSettingsId,subject:O,timeConfigurations:k},{onSuccess({insert_scheduleEmailReports_one:Q}){Q!=null&&Q.id?(g(""),p(!1),y(!0)):(g(an),p(!1),y(!1))},onError(){g(an),p(!1),y(!1)}}):(g(an),p(!1),y(!1))},onError(){g(an),p(!1),y(!1)}}):D.mutate({emails:R,externalDashboardId:(q=l==null?void 0:l.externalDashboard)==null?void 0:q.id,data:Z,guestToken:c,nextScheduledAt:$,sharingSettingsId:l==null?void 0:l.sharingSettingsId,subject:O,timeConfigurations:k},{onSuccess({insert_scheduleEmailReports_one:V}){V!=null&&V.id?(g(""),p(!1),y(!0)):(g(an),p(!1),y(!1))},onError(){g(an),p(!1),y(!1)}})},M=()=>{g(""),p(!0),w(!1),y(!1),T.mutate({id:d==null?void 0:d.id},{onSuccess({delete_scheduleEmailReports_by_pk:k}){k!=null&&k.id?(g(""),p(!1),w(!0),s({subject:"",emails:[],charts:[]}),r()):(g(an),p(!1),w(!1))},onError(){g(an),p(!1),w(!1)}})},L=e(S),N=e(M);return{register:t,handleSubmit:e,watch:n,control:i,setValue:a,getValues:o,reset:s,dashboardName:x,chartOptions:_,onSave:L,isLoading:f,isSuccess:m,error:v,isLoadingData:h,scheduleReportConfig:d,onDelete:N,isDeleted:b}},XIe=({onCancel:r})=>{var v;const{control:t,getValues:e,register:n,setValue:i,watch:a,dashboardName:o,chartOptions:s,onSave:l,isLoading:c,error:u,isSuccess:h,scheduleReportConfig:d,onDelete:f,isDeleted:p}=qIe({onCancel:r});return C.jsxs("form",{className:yi["form-container"],onSubmit:l,children:[C.jsxs("div",{className:yi["form-wrapper"],children:[C.jsxs(we,{variant:"p",styleClass:"font-14",className:yi["form-primary-text"],children:["Schedule an email report for Dashboard:",C.jsx(we,{variant:"span",styleClass:"primary",children:o})]}),C.jsx(Ge,{label:"Subject Line",placeholder:"Weekly Report - Sales Overview 2023",register:n("subject",kf)}),C.jsx(mG,{control:t,type:"text",label:"Send to",placeholder:"Enter email addresses",onChangeTags:g=>i("emails",g),defaultTagValue:(v=d==null?void 0:d.timeConfigurations)==null?void 0:v.emails}),C.jsx(uN,{control:t,name:"charts",options:s,label:"Charts to Attach",defaultValue:[]}),C.jsx(Zf,{label:"Frequency of emails",options:tN,control:t,name:"frequency",defaultValue:"Monthly"}),a().frequency!=="Monthly"?C.jsx("div",{className:yi["week-days-container"],children:l1.map(g=>C.jsx(Ge,{label:g.label,type:"checkbox",register:n(`weekDays.${g.value}`),isDisabled:a().frequency==="Daily"},g.value))}):C.jsx("div",{children:C.jsx(Kf,{label:"Choose Dates",selectedOptions:e().date||[],options:eN,onChange:g=>i("date",g)})}),C.jsxs("div",{className:yi["schedule-time"],children:[C.jsx(we,{variant:"span",styleClass:"custom",className:yi["main-label"],children:"Scheduled Time"}),C.jsxs("div",{className:yi["time-element"],children:[C.jsx(Ge,{type:"number",className:yi["field-width"],min:0,max:11,register:n("hours",kf),defaultValue:5}),C.jsx(Zf,{options:KL,control:t,name:"time",className:yi["timezone-field"],defaultValue:"PM"}),C.jsx(Zf,{options:JL,control:t,name:"timezone",className:yi["timezone-field"],defaultValue:"IST"})]})]}),u&&C.jsx(qf,{message:u}),h&&C.jsx(we,{variant:"p",styleClass:"font-14b",className:yi["success-text"],children:"Scheduled successfully!"}),p&&C.jsx(we,{variant:"p",styleClass:"font-14b",className:yi["success-text"],children:"Deleted successfully!"})]}),C.jsxs(Wc,{children:[d?C.jsx(Te,{type:"reset",variant:"reject",className:yi["delete-btn"],size:"default",onClick:()=>{f()},isDisabled:c,children:"Delete"}):C.jsx(Te,{type:"reset",variant:"secondary",className:yi["cancel-btn"],size:"default",onClick:()=>r(),isDisabled:c,children:"Cancel"}),C.jsx(Te,{variant:"primary",type:"submit",size:"default",isDisabled:c,children:d?"Update":"Save"})]})]})},JIe=r=>C.jsx("svg",{viewBox:"0 0 2048 2048",width:"1.2em",height:"1.2em",...r,children:C.jsx("path",{fill:"currentColor",d:"M960 1100L128 565v971h768v128H0V384h1920v601q-13-9-29-19t-33-20t-34-18t-32-13V565l-832 535zm678-588H282l678 436l678-436zm410 1024q0 106-40 199t-109 163t-163 110t-200 40q-106 0-199-40t-163-109t-110-163t-40-200q0-106 40-199t109-163t163-110t200-40q106 0 199 40t163 109t110 163t40 200zm-512 384q79 0 149-30t122-82t83-122t30-150q0-79-30-149t-82-122t-123-83t-149-30q-80 0-149 30t-122 82t-83 123t-30 149q0 80 30 149t82 122t122 83t150 30zm0-640v256h192v128h-320v-384h128z"})}),KIe=()=>{const[r,t]=P.useState(!1);return C.jsxs("div",{children:[C.jsx(Te,{variant:"custom",type:"button",onClick:()=>t(!0),title:"email-sharing",className:YIe.scheduleEmailButton,children:C.jsx(JIe,{})}),C.jsx(La,{isOpen:r,onClose:()=>t(!1),headerTitle:"Schedule Email",children:C.jsx(XIe,{onCancel:()=>t(!1)})})]})},IG=P.memo(({options:r,theme:t})=>{var h,d,f;const{data:e,isLoading:n}=TG(),[i,a]=P.useState(!1),[o,s]=P.useState({tableName:"",filters:[]}),{data:l}=y8({companyId:e==null?void 0:e.companyId},{enabled:!!(e!=null&&e.companyId),refetchOnWindowFocus:!1}),[c,u]=P.useMemo(()=>{var v,g,m,y;const p=(y=(m=(g=(v=l==null?void 0:l.themes[0])==null?void 0:v.chart)==null?void 0:g.palettes)==null?void 0:m.find(b=>{var w,x;return b.name===((x=(w=l.themes[0])==null?void 0:w.chart)==null?void 0:x.selected)}))==null?void 0:y.colors;return[l==null?void 0:l.themes[0],p]},[l==null?void 0:l.themes[0]]);return c1(c),C.jsx(C.Fragment,{children:C.jsxs("div",{className:`${Ec["embedDashboard-container"]} dbn-dashboard`,children:[((h=e==null?void 0:e.externalDashboard)==null?void 0:h.id)&&!n&&C.jsxs(C.Fragment,{children:[C.jsxs("div",{className:Ec["embedDashboard-header"],children:[C.jsx(we,{variant:"h1",styleClass:"custom",className:Ec.dashboardName,children:e.externalDashboard.name}),C.jsxs("div",{children:[e.sharingSettingsId&&C.jsx(KIe,{}),!(r!=null&&r.disableMetricCreation)&&e.isAllowedToCreateMetrics&&C.jsxs(C.Fragment,{children:[C.jsx(Te,{type:"button",variant:"primary",size:"large",onClick:()=>a(!0),children:"Create Metric"}),C.jsx(nU,{clientId:e.clientId,companyId:e.companyId,isLiveMode:e.isLiveMode,externalDashboardId:e.externalDashboard.id,chartColors:u??(r==null?void 0:r.chartColors),isShowMetricCreateModal:i,setShowMetricCreateModal:a,workspaceId:(d=e.workspace)==null?void 0:d.id,userProvidedDashboardId:e.externalDashboardId})]})]})]}),C.jsxs("div",{className:Ec["embedDashboard-wrapper"],children:[e.externalDashboard.filters.length?C.jsx(vH,{companyId:e.companyId,externalDashboardId:e.externalDashboard.id,filters:e.externalDashboard.filters,onApply:p=>{s(p)}}):null,C.jsx(MG,{client:e.clientId,companyId:e.companyId,externalDashboardId:e.externalDashboardId,externalDashboardPk:e.externalDashboard.id,adminLayout:e.externalDashboard.layout,isAllowedToDeleteMetrics:!(r!=null&&r.disableMetricDeletion)&&e.isAllowedToDeleteMetrics,isAllowedToUpdateMetrics:!(r!=null&&r.disableMetricUpdation)&&e.isAllowedToUpdateMetrics,isAllowedToChangeLayout:!(r!=null&&r.disableLayoutCustomization)&&e.isAllowedToChangeLayout,externalDashboardMetrics:e.externalDashboardMetrics,isMetricListLoading:n,globalFilters:o,breakpoint:t==null?void 0:t.breakpoint,layoutCols:t==null?void 0:t.metricLayoutCols,chartColors:u??(r==null?void 0:r.chartColors),params:Array.isArray(e.rlsSettings)?e.rlsSettings:[],companyTenancyType:e.companyTenancyType,sharingSettingsId:e.sharingSettingsId})]})]}),n&&C.jsx("div",{className:Ec["alt-container"],children:C.jsx(xl,{style:{width:"50px",height:"50px",color:"blue"}})}),!n&&!((f=e==null?void 0:e.externalDashboard)!=null&&f.id)&&C.jsx("div",{className:Ec["alt-container"],children:"Invalid token or Dashboard id"})]})})}),eAe=({token:r,dashboardId:t,children:e})=>{const{data:n,isLoading:i}=qL({token:r,dashboardId:t}),a=P.useMemo(()=>({data:n,isLoading:i,token:r}),[n,i,r]);return C.jsx(CG.Provider,{value:a,children:e})};var tAe=function(t,e){return t===void 0&&(t=[]),e===void 0&&(e=[]),t.length!==e.length||t.some(function(n,i){return!Object.is(n,e[i])})},AG={error:null},rAe=function(r){Ul(t,r);function t(){for(var n,i=arguments.length,a=new Array(i),o=0;o<i;o++)a[o]=arguments[o];return n=r.call.apply(r,[this].concat(a))||this,n.state=AG,n.resetErrorBoundary=function(){for(var s,l=arguments.length,c=new Array(l),u=0;u<l;u++)c[u]=arguments[u];n.props.onReset==null||(s=n.props).onReset.apply(s,c),n.reset()},n}t.getDerivedStateFromError=function(i){return{error:i}};var e=t.prototype;return e.reset=function(){this.setState(AG)},e.componentDidCatch=function(i,a){var o,s;(o=(s=this.props).onError)==null||o.call(s,i,a)},e.componentDidUpdate=function(i,a){var o=this.state.error,s=this.props.resetKeys;if(o!==null&&a.error!==null&&tAe(i.resetKeys,s)){var l,c;(l=(c=this.props).onResetKeysChange)==null||l.call(c,i.resetKeys,s),this.reset()}},e.render=function(){var i=this.state.error,a=this.props,o=a.fallbackRender,s=a.FallbackComponent,l=a.fallback;if(i!==null){var c={error:i,resetErrorBoundary:this.resetErrorBoundary};if(st.isValidElement(l))return l;if(typeof o=="function")return o(c);if(s)return st.createElement(s,c);throw new Error("react-error-boundary requires either a fallback, fallbackRender, or FallbackComponent prop")}return this.props.children},t}(st.Component);const nAe=async()=>{if(!navigator.onLine)return!1;const r=new URL("https://jsonplaceholder.typicode.com/todos/1");r.searchParams.set("rand",Date.now().toString());try{return(await fetch(r.toString())).ok}catch{return!1}},iAe=r=>C.jsx("svg",{viewBox:"0 0 16 16",width:"1.2em",height:"1.2em",...r,children:C.jsx("path",{fill:"currentColor",fillRule:"evenodd",d:"M1 8a7 7 0 1 1 2.898 5.673c-.167-.121-.216-.406-.002-.62l1.8-1.8a3.5 3.5 0 0 0 4.572-.328l1.414-1.415a.5.5 0 0 0 0-.707l-.707-.707l1.559-1.563a.5.5 0 1 0-.708-.706l-1.559 1.562l-1.414-1.414l1.56-1.562a.5.5 0 1 0-.707-.706l-1.56 1.56l-.707-.706a.5.5 0 0 0-.707 0L5.318 5.975a3.5 3.5 0 0 0-.328 4.571l-1.8 1.8c-.58.58-.62 1.6.121 2.137A8 8 0 1 0 0 8a.5.5 0 0 0 1 0Z"})}),hw={dialog:"_dialog_1jybx_1",container:"_container_1jybx_7",pluginIcon:"_pluginIcon_1jybx_13",closeButton:"_closeButton_1jybx_19"},aAe=()=>{const[r,t]=P.useState(!1);return P.useEffect(()=>{const e=()=>{t(!0)},n=()=>{t(!1)};window.addEventListener("offline",e),window.addEventListener("online",n);const i=setInterval(()=>{nAe().then(a=>{a?n():e()})},12e3);return()=>{window.removeEventListener("offline",e),window.removeEventListener("online",n),i&&clearInterval(i)}},[]),C.jsx(C.Fragment,{children:C.jsx(Xf,{children:typeof window<"u"&&(!window.navigator.onLine||r)?C.jsx("dialog",{className:hw.dialog,children:C.jsxs("div",{className:hw.container,children:[C.jsx(Te,{variant:"custom",type:"button",className:hw.closeButton,onClick:()=>t(!1),children:C.jsx(Ze,{name:"close-icon"})}),C.jsx(iAe,{className:hw.pluginIcon}),C.jsx(we,{variant:"p",styleClass:"font-18",children:"No Internet Connection Detected."})]})}):null})})},oAe=new wQ({defaultOptions:{queries:{refetchOnWindowFocus:!1}}}),PA=({children:r,theme:t})=>(P.useEffect(()=>{!t||!Object.keys(t).length||vV(t)},[t]),P.useEffect(()=>{const e=document.querySelector("#dbn-styles"),n=document.querySelectorAll("dbn-dashboard"),i=document.querySelectorAll("dbn-metric");n.forEach((a,o)=>{if(a!=null&&a.shadowRoot&&e&&!a.shadowRoot.getElementById(`dbn-dashboard-${o}-style`)){const s=document.createElement("style");s.innerHTML=e.innerHTML,s.setAttribute("id",`dbn-dashboard-${o}-style`),a.shadowRoot.appendChild(s)}}),i.forEach((a,o)=>{if(a.shadowRoot&&e&&!a.shadowRoot.getElementById(`dbn-metric-${o}-style`)){const s=document.createElement("style");s.innerHTML=e.innerHTML,s.setAttribute("id",`dbn-metric-${o}-style`),a.shadowRoot.appendChild(s)}})},[]),C.jsx(rAe,{FallbackComponent:dN,children:C.jsxs(CQ,{client:oAe,children:[C.jsx(aAe,{}),r]})})),Gze="",sAe=({token:r,options:t,theme:e,dashboardId:n})=>C.jsx(PA,{theme:e,children:C.jsx(eAe,{token:r,dashboardId:n,children:C.jsx(IG,{options:t,theme:e})})}),LG={metric:"_metric_1pdqp_1",loader:"_loader_1pdqp_7"},lAe=P.memo(({token:r,chartColors:t,metricId:e,chartRendererType:n="canvas",variant:i="card",onMinimize:a})=>{const[o,s]=P.useState({isShow:i==="fullscreen"}),{externalMetric:l,adminColors:c,rlsSettings:u,sharingSettingsId:h,companyId:d,clientId:f,tenancyLevel:p,isLoading:v,errorMsg:g}=sN({token:r,metricId:e});return C.jsxs(C.Fragment,{children:[v?C.jsx("div",{className:LG.loader,children:C.jsx(DG,{})}):null,g||null,l&&!v?C.jsxs(C.Fragment,{children:[i==="card"&&C.jsx(OA,{metricItem:l,client:f,colors:c||t,onMaximize:(m,y)=>s({isShow:!0,rlsFilters:y}),companyTenancyType:p,chartRendererType:n,param:u}),C.jsx(Xf,{children:o.isShow||i==="fullscreen"?C.jsx(RA,{metric:l,clientId:f,colors:c||t,onMinimize:()=>{s({isShow:!1}),a==null||a()},companyId:d,tenancyLevel:p,rlsFilters:o.rlsFilters,sharingSettingsId:h,externalDashboardId:"",userProvidedDashboardId:""}):null})]}):null]})}),uAe=P.memo(({theme:r,width:t,height:e,style:n,className:i="",...a})=>C.jsx("div",{style:{...n,width:t?`${t}px`:void 0,height:e?`${e}px`:void 0},className:`${LG.metric} ${i} dbn-metric`,children:C.jsx(PA,{theme:r,children:C.jsx(lAe,{...a})})})),cAe=Object.freeze(Object.defineProperty({__proto__:null},Symbol.toStringTag,{value:"Module"}));vn.Dashboard=sAe,vn.EmbeddedDashboard=IG,vn.Metric=uAe,vn.PluginProvider=PA,vn.Ui=GIe,vn.consts=n6,vn.helpers=Abe,vn.hooks=c6,vn.types=cAe,vn.utils=_be,Object.defineProperty(vn,Symbol.toStringTag,{value:"Module"})});
|