@databrainhq/plugin 0.9.0 → 0.9.1

package/dist/components/MetricList/MetricList.d.ts

@@ -40,6 +40,7 @@ export declare type ExternalMetricListProps = {
             query: string;
             timeGrain?: string | null;
             updatedAt: any;
+            resizeAttributes: any;
         };
     }[] | undefined;
     params?: any;

package/dist/hooks/useEmbeddedDashboard.d.ts

@@ -32,6 +32,7 @@ export declare const useEmbeddedDashboard: (token: string) => {
                 selectedGroupBy: any;
                 isEnableGroupBy: boolean;
                 groupBy: any;
+                resizeAttributes: any;
                 rlsConditions: any;
                 clickActions: any;
                 drillDownSettings?: any;

package/dist/index.es.js

@@ -6837,6 +6837,7 @@ const EmbeddedDashboardMetricsDocument = `
       selectedGroupBy
       isEnableGroupBy
       groupBy
+      resizeAttributes
       rlsConditions
       clickActions
       drillDownSettings
@@ -7628,6 +7629,7 @@ const useExternalMetric = ({
             createdBy: clientId || "external user",
             clientId,
             isCreatedByClient: !!clientId,
+            resizeAttributes: metric == null ? void 0 : metric.resizeAttributes,
             externalDashboardMetrics: {
               data: dashboardIds.map((externalDashboardId) => ({
                 externalDashboardId
@@ -123230,10 +123232,10 @@ const ExternalMetricList = ({
       const cardLayout = layout3.find((card) => card.i === metric.id);
       return {
         i: (cardLayout == null ? void 0 : cardLayout.i) || metric.id,
-        w: (cardLayout == null ? void 0 : cardLayout.w) || 5,
-        h: (cardLayout == null ? void 0 : cardLayout.h) || 10,
-        x: (cardLayout == null ? void 0 : cardLayout.x) || 0,
-        y: (cardLayout == null ? void 0 : cardLayout.y) || 0,
+        w: (cardLayout == null ? void 0 : cardLayout.w) || metric.resizeAttributes.x || 5,
+        h: (cardLayout == null ? void 0 : cardLayout.h) || metric.resizeAttributes.h || 10,
+        x: (cardLayout == null ? void 0 : cardLayout.x) || metric.resizeAttributes.x || 0,
+        y: (cardLayout == null ? void 0 : cardLayout.y) || metric.resizeAttributes.y || 0,
         minW: 3,
         minH: 6,
         maxH: 15
@@ -124198,9 +124200,9 @@ const EmbeddedDashboard = React__default.memo(({
             isLiveMode: data.isLiveMode,
             externalDashboardId: data.externalDashboardId,
             externalDashboardPk: data.externalDashboard.id,
-            isAllowedToDeleteMetrics: data.isAllowedToDeleteMetrics || !(options2 == null ? void 0 : options2.disableMetricDeletion),
-            isAllowedToUpdateMetrics: data.isAllowedToUpdateMetrics || !(options2 == null ? void 0 : options2.disableMetricUpdation),
-            isAllowedToChangeLayout: data.isAllowedToChangeLayout || !(options2 == null ? void 0 : options2.disableLayoutCustomization),
+            isAllowedToDeleteMetrics: !(options2 == null ? void 0 : options2.disableMetricDeletion) && data.isAllowedToDeleteMetrics,
+            isAllowedToUpdateMetrics: !(options2 == null ? void 0 : options2.disableMetricUpdation) && data.isAllowedToUpdateMetrics,
+            isAllowedToChangeLayout: !(options2 == null ? void 0 : options2.disableLayoutCustomization) && data.isAllowedToChangeLayout,
             externalDashboardMetrics: data.externalDashboardMetrics,
             companyId: data.companyId,
             isMetricListLoading: isLoading,

package/dist/index.umd.js

@@ -140,6 +140,7 @@
       selectedGroupBy
       isEnableGroupBy
       groupBy
+      resizeAttributes
       rlsConditions
       clickActions
       drillDownSettings
@@ -355,7 +356,7 @@
     id
   }
 }
-    `,xV=r=>rn(["UpdateExternalMetric"],t=>Bt(SV,t)(),r),QI=({onSubmit:r,defaultValues:t,onCancel:e,isEmbedded:n=!0,dashboardIds:i,onDashboardChange:a,companyId:o,error:s})=>{var m,y,b;const{register:l,handleSubmit:c,setValue:u}=Oc(),[h,f]=G.useState((m=t==null?void 0:t.isLive)!=null?m:!1),d=c(M=>{r({...M,isLive:h})}),{data:p}=qH({companyId:o}),v=p==null?void 0:p.externalDashboards,g=n?(y=v==null?void 0:v.filter(M=>M.id===i[0]).map(M=>({value:M.id,label:M.name})))!=null?y:[]:(b=v==null?void 0:v.map(M=>({value:M.id,label:M.name})))!=null?b:[];return G.useEffect(()=>{!t||(u("name",t.name),u("description",t.description),u("metricId",t.metricId))},[t]),Y("form",{className:Da.form,onSubmit:d,children:[Y("div",{className:Da.container,children:[O("div",{className:Da.field,children:O(jc,{label:"Dashboards",options:g,name:"dashboards",value:i,onChange:a})}),O(Ke,{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}),O(Ke,{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}),O(GI,{className:Da.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&&O(UI,{className:Da.field,labelClassName:Da.fieldLabel,enabled:h,onChange:f,label:"Publish Type",placeholder:h?"LIVE MODE":"TEST MODE",defaultEnabled:t==null?void 0:t.isLive})]}),!!s&&O(pe,{variant:"p",styleClass:"font-14",className:Da.error,children:s}),Y(ql,{children:[O(be,{type:"reset",variant:"secondary",className:Da.cancel,onClick:e,size:"default",children:"Cancel"}),O(be,{type:"submit",variant:"primary",size:"small",className:Da.save,isDisabled:!g.length||!i.length,children:"Save"})]})]})};var Ft={container:"_container_1tj8t_1",wrapper:"_wrapper_1tj8t_5",label:"_label_1tj8t_9",floatingLabel:"_floatingLabel_1tj8t_13",floatingText:"_floatingText_1tj8t_16",clientText:"_clientText_1tj8t_20",normalText:"_normalText_1tj8t_24",dropdown:"_dropdown_1tj8t_28",options:"_options_1tj8t_32",checkedOption:"_checkedOption_1tj8t_36",option:"_option_1tj8t_32",icon:"_icon_1tj8t_44",text:"_text_1tj8t_48",search:"_search_1tj8t_52",loadMore:"_loadMore_1tj8t_56",loadMoreIcon:"_loadMoreIcon_1tj8t_60"};const ZI=r=>{var S,x;const{data:t,isLoading:e}=JH({id:r},{enabled:!!r}),n=t==null?void 0:t.guestTokens_by_pk,i=n!=null&&n.params?JSON.parse(n.params):{},a=(S=i.dashboard)==null?void 0:S.id,o=n==null?void 0:n.companyId,s=n==null?void 0:n.clientId,l=i==null?void 0:i.workspace,c=(x=i==null?void 0:i.dashboard)==null?void 0:x.isLive,u=i==null?void 0:i.rlsSettings,h=i==null?void 0:i.companyTenancyType,f=i==null?void 0:i.isTestKey,{data:d,isLoading:p}=GH({externalDashboardId:a,clientId:s},{enabled:!!a&&!!s}),{data:v,isLoading:g}=YH({externalDashboardId:a},{enabled:!!a}),m=d==null?void 0:d.externalDashboardMetrics,{data:y,isLoading:b}=tV({companyId:o},{enabled:!!o}),{data:M,isLoading:w}=aV({companyId:o}),_=y!=null&&y.companySubsetTables.length?y.companySubsetTables[0].isAllowMetricCreation&&!f:!1,A=y!=null&&y.companySubsetTables.length?y.companySubsetTables[0].isAllowMetricDeletion&&!f:!1,D=G.useMemo(()=>M!=null&&M.sharingSettings.length?M.sharingSettings[0].id:void 0,[M]),I=y!=null&&y.companySubsetTables.length?y.companySubsetTables[0].isAllowMetricUpdation&&!f:!1,C=y!=null&&y.companySubsetTables.length?y.companySubsetTables[0].isAllowChangeLayout&&!f:!1;return{isLoading:e||p||g||b||w,data:{clientId:s,companyId:o,isLiveMode:c,externalDashboardMetrics:m,externalDashboard:v==null?void 0:v.externalDashboards[0],externalDashboardId:a,rlsSettings:u,companyTenancyType:h||"TABLE",isAllowedToCreateMetrics:_,isAllowedToDeleteMetrics:A,isAllowedToUpdateMetrics:I,isAllowedToChangeLayout:C,workspace:l,sharingSettingsId:D}}},o0=({xAxis:r,yAxisList:t,chartType:e,step:n,measure:i,sankeyValues:a,singleValue:o,margins:s,legendSettings:l,labelSettings:c,axisSettings:u,customSettings:h,backGroundColor:f,tableSettings:d})=>e===Gt.funnel?{xAxis:"",yAxisList:[],chartType:e,step:n,measure:i,sankeyValues:[],singleValue:"",margins:s,legendSettings:l,labelSettings:c,axisSettings:u,customSettings:h}:e===Gt.gauge?{xAxis:"",yAxisList:[],chartType:e,step:"",measure:i,sankeyValues:[],singleValue:"",margins:s,legendSettings:l,labelSettings:c,axisSettings:u,customSettings:h}:e===Gt.singleValue?{xAxis:"",yAxisList:[],chartType:e,step:"",measure:"",sankeyValues:[],singleValue:o,customSettings:h}:e===Gt.sankey?{xAxis:"",yAxisList:[],chartType:e,step:"",measure:"",sankeyValues:a,singleValue:"",margins:s,legendSettings:l,labelSettings:c,axisSettings:u,backGroundColor:f,customSettings:h}:{xAxis:r,yAxisList:t,chartType:e,step:"",measure:"",sankeyValues:[],singleValue:"",margins:s,legendSettings:l,labelSettings:c,axisSettings:u,backGroundColor:f,customSettings:h,tableSettings:d},XI=({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:f,isEnableGroupBy:d,groupBy:p,selectedGroupBy:v,userProvidedDashboardId:g,metric:m})=>{const[y,b]=G.useState(""),M=Ld(),{mutate:w,isLoading:_}=TH(),A=T=>{b(""),w({companyId:c,companyIntegrationId:t,description:T.description,inputFields:e,metricId:T.metricId,name:T.name,query:n,metricQuery:i,integrationName:a,outputColumns:o,createdBy:l||"external user",isLive:u||T.isLive,chartOptions:o0(s),clientId:l||null,isCreatedByClient:!!l,timeGrain:h||null,externalDashboardIds:f.map(L=>({externalDashboardId:L})),isEnableGroupBy:d,groupBy:p!=null?p:{},selectedGroupBy:v},{onSuccess:(L,N)=>{var E,k;if((E=L.insert_externalMetrics_one)!=null&&E.id){const R=(k=L.insert_externalMetrics_one)==null?void 0:k.id;M.setQueryData(["EmbeddedDashboardMetrics",{externalDashboardId:g,clientId:l}],$=>{const F=$==null?void 0:$.externalDashboardMetrics;return F==null||F.push({externalDashboardId:f[0],externalMetricId:R,externalMetric:{...N,id:R}}),{...$,externalDashboardMetrics:F}})}},onError:()=>{b&&b("Metric Id already exists")}})},{mutateAsync:D,isLoading:I}=MV({onSuccess:T=>{var N;if(!T.insert_clientDeletedMetrics_one||!T.insert_externalMetrics_one)return;const L=(N=T.insert_externalMetrics_one)==null?void 0:N.id;M.setQueryData(["EmbeddedDashboardMetrics",{externalDashboardId:g,clientId:l}],E=>{var R;const k=(R=E==null?void 0:E.externalDashboardMetrics)==null?void 0:R.filter($=>$.externalMetricId!==(m==null?void 0:m.id));return k==null||k.push({externalDashboardId:f[0],externalMetricId:L,externalMetric:T.insert_externalMetrics_one}),{...E,externalDashboardMetrics:k}}),b(""),r()},onError:()=>{b("Something went wrong! Please try again later.")}}),{mutateAsync:C,isLoading:S}=xV({onSuccess:(T,L)=>{var N;!((N=T.update_externalMetrics_by_pk)!=null&&N.id)||(M.setQueryData(["EmbeddedDashboardMetrics",{externalDashboardId:g,clientId:l}],E=>{const k=E==null?void 0:E.externalDashboardMetrics,R=k==null?void 0:k.findIndex($=>$.externalMetricId===(m==null?void 0:m.id));return R===-1?E:(k[R].externalMetric={...k[R].externalMetric,...L.set},{...E,externalDashboardMetrics:k})}),b(""),r())},onError:()=>{b("Something went wrong! Please try again later.")}}),x=G.useCallback(T=>{if(b(""),!(m!=null&&m.isCreatedByClient))D({externalMetricId:m==null?void 0:m.id,clientId:l,object:{companyId:c,companyIntegrationId:t||(m==null?void 0:m.companyIntegrationId),description:T.description,inputFields:e,metricId:T.metricId===(m==null?void 0:m.metricId)?`update_${T.metricId}_by_${l}_${Date.now()}`:T.metricId,name:T.name,query:n,metricQuery:i,integrationName:a,outputColumns:o,createdBy:l||"external user",clientId:l,isCreatedByClient:!!l,externalDashboardMetrics:{data:f.map(L=>({externalDashboardId:L}))},isLive:u||T.isLive,chartOptions:o0(s)}});else{const L={chartOptions:o0(s)};T.description&&(L.description=T.description),T.metricId&&(L.metricId=T.metricId),T.name&&(L.name=T.name),C({externalMetricId:m==null?void 0:m.id,set:L})}},[s,m==null?void 0:m.id,m==null?void 0:m.isCreatedByClient]);return{createExternalMetric:A,updateExternalMetric:x,error:y,isLoading:_||I||S}},Xd=()=>{const{mutate:r,isLoading:t,error:e}=$H(),{mutate:n}=RH();return{generateDatasetMetric:r,isGeneratingDataset:t,generateError:e,fetchColumnValues:n}},CV=({clientId:r,companyId:t,setData:e,setError:n,setLoading:i,setQuery:a,setMetricQuery:o})=>{const s=jH();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,f,d;(h=u.generateEmbeddedMetic)!=null&&h.error?(i(!1),a(""),e(void 0),n(u.generateEmbeddedMetic.error.message)):(o(c.queryPrompt),n(""),i(!1),a(((f=u.generateEmbeddedMetic)==null?void 0:f.query)||""),e((d=u.generateEmbeddedMetic)==null?void 0:d.result))},onError:()=>{i(!1),a(""),e(void 0),n(Gn)}})}}},Vc=({onOutsideClick:r,wrapRef:t})=>{G.useEffect(()=>{const e=n=>{t.current&&!t.current.contains(n.target)&&r()};return document.addEventListener("mousedown",e),()=>{document.removeEventListener("mousedown",e)}},[t,r])},qI=r=>{G.useEffect(()=>{var n,i,a,o,s,l,c,u,h,f;if(!r){const d=document.querySelector("#dbn-admin-styles");d&&document.head.removeChild(d);return}const t=document.getElementById("dbn-admin-styles")||document.createElement("style");t.setAttribute("type","text/css"),t.setAttribute("id","dbn-admin-styles");let e="";(n=r.general.fontFamily)!=null&&n.trim()&&(e=`
+    `,xV=r=>rn(["UpdateExternalMetric"],t=>Bt(SV,t)(),r),QI=({onSubmit:r,defaultValues:t,onCancel:e,isEmbedded:n=!0,dashboardIds:i,onDashboardChange:a,companyId:o,error:s})=>{var m,y,b;const{register:l,handleSubmit:c,setValue:u}=Oc(),[h,f]=G.useState((m=t==null?void 0:t.isLive)!=null?m:!1),d=c(M=>{r({...M,isLive:h})}),{data:p}=qH({companyId:o}),v=p==null?void 0:p.externalDashboards,g=n?(y=v==null?void 0:v.filter(M=>M.id===i[0]).map(M=>({value:M.id,label:M.name})))!=null?y:[]:(b=v==null?void 0:v.map(M=>({value:M.id,label:M.name})))!=null?b:[];return G.useEffect(()=>{!t||(u("name",t.name),u("description",t.description),u("metricId",t.metricId))},[t]),Y("form",{className:Da.form,onSubmit:d,children:[Y("div",{className:Da.container,children:[O("div",{className:Da.field,children:O(jc,{label:"Dashboards",options:g,name:"dashboards",value:i,onChange:a})}),O(Ke,{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}),O(Ke,{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}),O(GI,{className:Da.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&&O(UI,{className:Da.field,labelClassName:Da.fieldLabel,enabled:h,onChange:f,label:"Publish Type",placeholder:h?"LIVE MODE":"TEST MODE",defaultEnabled:t==null?void 0:t.isLive})]}),!!s&&O(pe,{variant:"p",styleClass:"font-14",className:Da.error,children:s}),Y(ql,{children:[O(be,{type:"reset",variant:"secondary",className:Da.cancel,onClick:e,size:"default",children:"Cancel"}),O(be,{type:"submit",variant:"primary",size:"small",className:Da.save,isDisabled:!g.length||!i.length,children:"Save"})]})]})};var Ft={container:"_container_1tj8t_1",wrapper:"_wrapper_1tj8t_5",label:"_label_1tj8t_9",floatingLabel:"_floatingLabel_1tj8t_13",floatingText:"_floatingText_1tj8t_16",clientText:"_clientText_1tj8t_20",normalText:"_normalText_1tj8t_24",dropdown:"_dropdown_1tj8t_28",options:"_options_1tj8t_32",checkedOption:"_checkedOption_1tj8t_36",option:"_option_1tj8t_32",icon:"_icon_1tj8t_44",text:"_text_1tj8t_48",search:"_search_1tj8t_52",loadMore:"_loadMore_1tj8t_56",loadMoreIcon:"_loadMoreIcon_1tj8t_60"};const ZI=r=>{var S,x;const{data:t,isLoading:e}=JH({id:r},{enabled:!!r}),n=t==null?void 0:t.guestTokens_by_pk,i=n!=null&&n.params?JSON.parse(n.params):{},a=(S=i.dashboard)==null?void 0:S.id,o=n==null?void 0:n.companyId,s=n==null?void 0:n.clientId,l=i==null?void 0:i.workspace,c=(x=i==null?void 0:i.dashboard)==null?void 0:x.isLive,u=i==null?void 0:i.rlsSettings,h=i==null?void 0:i.companyTenancyType,f=i==null?void 0:i.isTestKey,{data:d,isLoading:p}=GH({externalDashboardId:a,clientId:s},{enabled:!!a&&!!s}),{data:v,isLoading:g}=YH({externalDashboardId:a},{enabled:!!a}),m=d==null?void 0:d.externalDashboardMetrics,{data:y,isLoading:b}=tV({companyId:o},{enabled:!!o}),{data:M,isLoading:w}=aV({companyId:o}),_=y!=null&&y.companySubsetTables.length?y.companySubsetTables[0].isAllowMetricCreation&&!f:!1,A=y!=null&&y.companySubsetTables.length?y.companySubsetTables[0].isAllowMetricDeletion&&!f:!1,D=G.useMemo(()=>M!=null&&M.sharingSettings.length?M.sharingSettings[0].id:void 0,[M]),I=y!=null&&y.companySubsetTables.length?y.companySubsetTables[0].isAllowMetricUpdation&&!f:!1,C=y!=null&&y.companySubsetTables.length?y.companySubsetTables[0].isAllowChangeLayout&&!f:!1;return{isLoading:e||p||g||b||w,data:{clientId:s,companyId:o,isLiveMode:c,externalDashboardMetrics:m,externalDashboard:v==null?void 0:v.externalDashboards[0],externalDashboardId:a,rlsSettings:u,companyTenancyType:h||"TABLE",isAllowedToCreateMetrics:_,isAllowedToDeleteMetrics:A,isAllowedToUpdateMetrics:I,isAllowedToChangeLayout:C,workspace:l,sharingSettingsId:D}}},o0=({xAxis:r,yAxisList:t,chartType:e,step:n,measure:i,sankeyValues:a,singleValue:o,margins:s,legendSettings:l,labelSettings:c,axisSettings:u,customSettings:h,backGroundColor:f,tableSettings:d})=>e===Gt.funnel?{xAxis:"",yAxisList:[],chartType:e,step:n,measure:i,sankeyValues:[],singleValue:"",margins:s,legendSettings:l,labelSettings:c,axisSettings:u,customSettings:h}:e===Gt.gauge?{xAxis:"",yAxisList:[],chartType:e,step:"",measure:i,sankeyValues:[],singleValue:"",margins:s,legendSettings:l,labelSettings:c,axisSettings:u,customSettings:h}:e===Gt.singleValue?{xAxis:"",yAxisList:[],chartType:e,step:"",measure:"",sankeyValues:[],singleValue:o,customSettings:h}:e===Gt.sankey?{xAxis:"",yAxisList:[],chartType:e,step:"",measure:"",sankeyValues:a,singleValue:"",margins:s,legendSettings:l,labelSettings:c,axisSettings:u,backGroundColor:f,customSettings:h}:{xAxis:r,yAxisList:t,chartType:e,step:"",measure:"",sankeyValues:[],singleValue:"",margins:s,legendSettings:l,labelSettings:c,axisSettings:u,backGroundColor:f,customSettings:h,tableSettings:d},XI=({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:f,isEnableGroupBy:d,groupBy:p,selectedGroupBy:v,userProvidedDashboardId:g,metric:m})=>{const[y,b]=G.useState(""),M=Ld(),{mutate:w,isLoading:_}=TH(),A=T=>{b(""),w({companyId:c,companyIntegrationId:t,description:T.description,inputFields:e,metricId:T.metricId,name:T.name,query:n,metricQuery:i,integrationName:a,outputColumns:o,createdBy:l||"external user",isLive:u||T.isLive,chartOptions:o0(s),clientId:l||null,isCreatedByClient:!!l,timeGrain:h||null,externalDashboardIds:f.map(L=>({externalDashboardId:L})),isEnableGroupBy:d,groupBy:p!=null?p:{},selectedGroupBy:v},{onSuccess:(L,N)=>{var E,k;if((E=L.insert_externalMetrics_one)!=null&&E.id){const R=(k=L.insert_externalMetrics_one)==null?void 0:k.id;M.setQueryData(["EmbeddedDashboardMetrics",{externalDashboardId:g,clientId:l}],$=>{const F=$==null?void 0:$.externalDashboardMetrics;return F==null||F.push({externalDashboardId:f[0],externalMetricId:R,externalMetric:{...N,id:R}}),{...$,externalDashboardMetrics:F}})}},onError:()=>{b&&b("Metric Id already exists")}})},{mutateAsync:D,isLoading:I}=MV({onSuccess:T=>{var N;if(!T.insert_clientDeletedMetrics_one||!T.insert_externalMetrics_one)return;const L=(N=T.insert_externalMetrics_one)==null?void 0:N.id;M.setQueryData(["EmbeddedDashboardMetrics",{externalDashboardId:g,clientId:l}],E=>{var R;const k=(R=E==null?void 0:E.externalDashboardMetrics)==null?void 0:R.filter($=>$.externalMetricId!==(m==null?void 0:m.id));return k==null||k.push({externalDashboardId:f[0],externalMetricId:L,externalMetric:T.insert_externalMetrics_one}),{...E,externalDashboardMetrics:k}}),b(""),r()},onError:()=>{b("Something went wrong! Please try again later.")}}),{mutateAsync:C,isLoading:S}=xV({onSuccess:(T,L)=>{var N;!((N=T.update_externalMetrics_by_pk)!=null&&N.id)||(M.setQueryData(["EmbeddedDashboardMetrics",{externalDashboardId:g,clientId:l}],E=>{const k=E==null?void 0:E.externalDashboardMetrics,R=k==null?void 0:k.findIndex($=>$.externalMetricId===(m==null?void 0:m.id));return R===-1?E:(k[R].externalMetric={...k[R].externalMetric,...L.set},{...E,externalDashboardMetrics:k})}),b(""),r())},onError:()=>{b("Something went wrong! Please try again later.")}}),x=G.useCallback(T=>{if(b(""),!(m!=null&&m.isCreatedByClient))D({externalMetricId:m==null?void 0:m.id,clientId:l,object:{companyId:c,companyIntegrationId:t||(m==null?void 0:m.companyIntegrationId),description:T.description,inputFields:e,metricId:T.metricId===(m==null?void 0:m.metricId)?`update_${T.metricId}_by_${l}_${Date.now()}`:T.metricId,name:T.name,query:n,metricQuery:i,integrationName:a,outputColumns:o,createdBy:l||"external user",clientId:l,isCreatedByClient:!!l,resizeAttributes:m==null?void 0:m.resizeAttributes,externalDashboardMetrics:{data:f.map(L=>({externalDashboardId:L}))},isLive:u||T.isLive,chartOptions:o0(s)}});else{const L={chartOptions:o0(s)};T.description&&(L.description=T.description),T.metricId&&(L.metricId=T.metricId),T.name&&(L.name=T.name),C({externalMetricId:m==null?void 0:m.id,set:L})}},[s,m==null?void 0:m.id,m==null?void 0:m.isCreatedByClient]);return{createExternalMetric:A,updateExternalMetric:x,error:y,isLoading:_||I||S}},Xd=()=>{const{mutate:r,isLoading:t,error:e}=$H(),{mutate:n}=RH();return{generateDatasetMetric:r,isGeneratingDataset:t,generateError:e,fetchColumnValues:n}},CV=({clientId:r,companyId:t,setData:e,setError:n,setLoading:i,setQuery:a,setMetricQuery:o})=>{const s=jH();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,f,d;(h=u.generateEmbeddedMetic)!=null&&h.error?(i(!1),a(""),e(void 0),n(u.generateEmbeddedMetic.error.message)):(o(c.queryPrompt),n(""),i(!1),a(((f=u.generateEmbeddedMetic)==null?void 0:f.query)||""),e((d=u.generateEmbeddedMetic)==null?void 0:d.result))},onError:()=>{i(!1),a(""),e(void 0),n(Gn)}})}}},Vc=({onOutsideClick:r,wrapRef:t})=>{G.useEffect(()=>{const e=n=>{t.current&&!t.current.contains(n.target)&&r()};return document.addEventListener("mousedown",e),()=>{document.removeEventListener("mousedown",e)}},[t,r])},qI=r=>{G.useEffect(()=>{var n,i,a,o,s,l,c,u,h,f;if(!r){const d=document.querySelector("#dbn-admin-styles");d&&document.head.removeChild(d);return}const t=document.getElementById("dbn-admin-styles")||document.createElement("style");t.setAttribute("type","text/css"),t.setAttribute("id","dbn-admin-styles");let e="";(n=r.general.fontFamily)!=null&&n.trim()&&(e=`
       #dbn-dashboard { 
         font-family: ${r.general.fontFamily} !important;
       }`),(i=r.dashboard.backgroundColor)!=null&&i.trim()&&(e=`${e}
@@ -1724,4 +1725,4 @@ YEAR(${e}) =
 In order to be iterable, non-array objects must have a [Symbol.iterator]() method.`)}function Yve(r,t){if(!!r){if(typeof r=="string")return Xj(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 Xj(r,t)}}function Xj(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 Qve(r,t){var e=r==null?null:typeof Symbol!="undefined"&&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 Zve(r){if(Array.isArray(r))return r}function Xve(r,t){if(!(r instanceof t))throw new TypeError("Cannot call a class as a function")}function qj(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 qve(r,t,e){return t&&qj(r.prototype,t),e&&qj(r,e),Object.defineProperty(r,"prototype",{writable:!1}),r}function Kve(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&&Bx(r,t)}function Bx(r,t){return Bx=Object.setPrototypeOf||function(n,i){return n.__proto__=i,n},Bx(r,t)}function Jve(r){var t=tge();return function(){var n=Rm(r),i;if(t){var a=Rm(this).constructor;i=Reflect.construct(n,arguments,a)}else i=n.apply(this,arguments);return ege(this,i)}}function ege(r,t){if(t&&(km(t)==="object"||typeof t=="function"))return t;if(t!==void 0)throw new TypeError("Derived constructors may only return object or undefined");return Jr(r)}function Jr(r){if(r===void 0)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return r}function tge(){if(typeof Reflect=="undefined"||!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 Rm(r){return Rm=Object.setPrototypeOf?Object.getPrototypeOf:function(e){return e.__proto__||Object.getPrototypeOf(e)},Rm(r)}function gi(r,t,e){return t in r?Object.defineProperty(r,t,{value:e,enumerable:!0,configurable:!0,writable:!0}):r[t]=e,r}var Ui={touch:{start:"touchstart",move:"touchmove",stop:"touchend"},mouse:{start:"mousedown",move:"mousemove",stop:"mouseup"}},ts=Ui.mouse,Pm=function(r){Kve(e,r);var t=Jve(e);function e(){var n;Xve(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)),gi(Jr(n),"state",{dragging:!1,lastX:NaN,lastY:NaN,touchIdentifier:null}),gi(Jr(n),"mounted",!1),gi(Jr(n),"handleDragStart",function(s){if(n.props.onMouseDown(s),!n.props.allowAnyClick&&typeof s.button=="number"&&s.button!==0)return!1;var l=n.findDOMNode();if(!l||!l.ownerDocument||!l.ownerDocument.body)throw new Error("<DraggableCore> not mounted on DragStart!");var c=l.ownerDocument;if(!(n.props.disabled||!(s.target instanceof c.defaultView.Node)||n.props.handle&&!(0,Kr.matchesSelectorAndParentsTo)(s.target,n.props.handle,l)||n.props.cancel&&(0,Kr.matchesSelectorAndParentsTo)(s.target,n.props.cancel,l))){s.type==="touchstart"&&s.preventDefault();var u=(0,Kr.getTouchIdentifier)(s);n.setState({touchIdentifier:u});var h=(0,es.getControlPosition)(s,u,Jr(n));if(h!=null){var f=h.x,d=h.y,p=(0,es.createCoreData)(Jr(n),f,d);(0,ld.default)("DraggableCore: handleDragStart: %j",p),(0,ld.default)("calling",n.props.onStart);var v=n.props.onStart(s,p);v===!1||n.mounted===!1||(n.props.enableUserSelectHack&&(0,Kr.addUserSelectStyles)(c),n.setState({dragging:!0,lastX:f,lastY:d}),(0,Kr.addEvent)(c,ts.move,n.handleDrag),(0,Kr.addEvent)(c,ts.stop,n.handleDragStop))}}}),gi(Jr(n),"handleDrag",function(s){var l=(0,es.getControlPosition)(s,n.state.touchIdentifier,Jr(n));if(l!=null){var c=l.x,u=l.y;if(Array.isArray(n.props.grid)){var h=c-n.state.lastX,f=u-n.state.lastY,d=(0,es.snapToGrid)(n.props.grid,h,f),p=Zj(d,2);if(h=p[0],f=p[1],!h&&!f)return;c=n.state.lastX+h,u=n.state.lastY+f}var v=(0,es.createCoreData)(Jr(n),c,u);(0,ld.default)("DraggableCore: handleDrag: %j",v);var g=n.props.onDrag(s,v);if(g===!1||n.mounted===!1){try{n.handleDragStop(new MouseEvent("mouseup"))}catch{var m=document.createEvent("MouseEvents");m.initMouseEvent("mouseup",!0,!0,window,0,0,0,0,0,!1,!1,!1,!1,0,null),n.handleDragStop(m)}return}n.setState({lastX:c,lastY:u})}}),gi(Jr(n),"handleDragStop",function(s){if(!!n.state.dragging){var l=(0,es.getControlPosition)(s,n.state.touchIdentifier,Jr(n));if(l!=null){var c=l.x,u=l.y;if(Array.isArray(n.props.grid)){var h=c-n.state.lastX||0,f=u-n.state.lastY||0,d=(0,es.snapToGrid)(n.props.grid,h,f),p=Zj(d,2);h=p[0],f=p[1],c=n.state.lastX+h,u=n.state.lastY+f}var v=(0,es.createCoreData)(Jr(n),c,u),g=n.props.onStop(s,v);if(g===!1||n.mounted===!1)return!1;var m=n.findDOMNode();m&&n.props.enableUserSelectHack&&(0,Kr.removeUserSelectStyles)(m.ownerDocument),(0,ld.default)("DraggableCore: handleDragStop: %j",v),n.setState({dragging:!1,lastX:NaN,lastY:NaN}),m&&((0,ld.default)("DraggableCore: Removing handlers"),(0,Kr.removeEvent)(m.ownerDocument,ts.move,n.handleDrag),(0,Kr.removeEvent)(m.ownerDocument,ts.stop,n.handleDragStop))}}}),gi(Jr(n),"onMouseDown",function(s){return ts=Ui.mouse,n.handleDragStart(s)}),gi(Jr(n),"onMouseUp",function(s){return ts=Ui.mouse,n.handleDragStop(s)}),gi(Jr(n),"onTouchStart",function(s){return ts=Ui.touch,n.handleDragStart(s)}),gi(Jr(n),"onTouchEnd",function(s){return ts=Ui.touch,n.handleDragStop(s)}),n}return qve(e,[{key:"componentDidMount",value:function(){this.mounted=!0;var i=this.findDOMNode();i&&(0,Kr.addEvent)(i,Ui.touch.start,this.onTouchStart,{passive:!1})}},{key:"componentWillUnmount",value:function(){this.mounted=!1;var i=this.findDOMNode();if(i){var a=i.ownerDocument;(0,Kr.removeEvent)(a,Ui.mouse.move,this.handleDrag),(0,Kr.removeEvent)(a,Ui.touch.move,this.handleDrag),(0,Kr.removeEvent)(a,Ui.mouse.stop,this.handleDragStop),(0,Kr.removeEvent)(a,Ui.touch.stop,this.handleDragStop),(0,Kr.removeEvent)(i,Ui.touch.start,this.onTouchStart,{passive:!1}),this.props.enableUserSelectHack&&(0,Kr.removeUserSelectStyles)(a)}}},{key:"findDOMNode",value:function(){var i,a,o;return(i=this.props)!==null&&i!==void 0&&i.nodeRef?(a=this.props)===null||a===void 0||(o=a.nodeRef)===null||o===void 0?void 0:o.current:Wve.default.findDOMNode(this)}},{key:"render",value:function(){return $x.cloneElement($x.Children.only(this.props.children),{onMouseDown:this.onMouseDown,onMouseUp:this.onMouseUp,onTouchEnd:this.onTouchEnd})}}]),e}($x.Component);Em.default=Pm,gi(Pm,"displayName","DraggableCore"),gi(Pm,"propTypes",{allowAnyClick:jn.default.bool,disabled:jn.default.bool,enableUserSelectHack:jn.default.bool,offsetParent:function(t,e){if(t[e]&&t[e].nodeType!==1)throw new Error("Draggable's offsetParent must be a DOM Node.")},grid:jn.default.arrayOf(jn.default.number),handle:jn.default.string,cancel:jn.default.string,nodeRef:jn.default.object,onStart:jn.default.func,onDrag:jn.default.func,onStop:jn.default.func,onMouseDown:jn.default.func,scale:jn.default.number,className:zx.dontSetMe,style:zx.dontSetMe,transform:zx.dontSetMe}),gi(Pm,"defaultProps",{allowAnyClick:!1,disabled:!1,enableUserSelectHack:!0,onStart:function(){},onDrag:function(){},onStop:function(){},onMouseDown:function(){},scale:1}),function(r){function t(z){return t=typeof Symbol=="function"&&typeof Symbol.iterator=="symbol"?function(B){return typeof B}:function(B){return B&&typeof Symbol=="function"&&B.constructor===Symbol&&B!==Symbol.prototype?"symbol":typeof B},t(z)}Object.defineProperty(r,"__esModule",{value:!0}),Object.defineProperty(r,"DraggableCore",{enumerable:!0,get:function(){return c.default}}),r.default=void 0;var e=p(me.default),n=f(vi.exports),i=f(_d.default),a=f(Am),o=ir,s=Ma,l=wa,c=f(Em),u=f(Om),h=["axis","bounds","children","defaultPosition","defaultClassName","defaultClassNameDragging","defaultClassNameDragged","position","positionOffset","scale"];function f(z){return z&&z.__esModule?z:{default:z}}function d(z){if(typeof WeakMap!="function")return null;var B=new WeakMap,H=new WeakMap;return(d=function(U){return U?H:B})(z)}function p(z,B){if(!B&&z&&z.__esModule)return z;if(z===null||t(z)!=="object"&&typeof z!="function")return{default:z};var H=d(B);if(H&&H.has(z))return H.get(z);var W={},U=Object.defineProperty&&Object.getOwnPropertyDescriptor;for(var q in z)if(q!=="default"&&Object.prototype.hasOwnProperty.call(z,q)){var K=U?Object.getOwnPropertyDescriptor(z,q):null;K&&(K.get||K.set)?Object.defineProperty(W,q,K):W[q]=z[q]}return W.default=z,H&&H.set(z,W),W}function v(){return v=Object.assign||function(z){for(var B=1;B<arguments.length;B++){var H=arguments[B];for(var W in H)Object.prototype.hasOwnProperty.call(H,W)&&(z[W]=H[W])}return z},v.apply(this,arguments)}function g(z,B){if(z==null)return{};var H=m(z,B),W,U;if(Object.getOwnPropertySymbols){var q=Object.getOwnPropertySymbols(z);for(U=0;U<q.length;U++)W=q[U],!(B.indexOf(W)>=0)&&(!Object.prototype.propertyIsEnumerable.call(z,W)||(H[W]=z[W]))}return H}function m(z,B){if(z==null)return{};var H={},W=Object.keys(z),U,q;for(q=0;q<W.length;q++)U=W[q],!(B.indexOf(U)>=0)&&(H[U]=z[U]);return H}function y(z,B){var H=Object.keys(z);if(Object.getOwnPropertySymbols){var W=Object.getOwnPropertySymbols(z);B&&(W=W.filter(function(U){return Object.getOwnPropertyDescriptor(z,U).enumerable})),H.push.apply(H,W)}return H}function b(z){for(var B=1;B<arguments.length;B++){var H=arguments[B]!=null?arguments[B]:{};B%2?y(Object(H),!0).forEach(function(W){F(z,W,H[W])}):Object.getOwnPropertyDescriptors?Object.defineProperties(z,Object.getOwnPropertyDescriptors(H)):y(Object(H)).forEach(function(W){Object.defineProperty(z,W,Object.getOwnPropertyDescriptor(H,W))})}return z}function M(z,B){return I(z)||D(z,B)||_(z,B)||w()}function w(){throw new TypeError(`Invalid attempt to destructure non-iterable instance.
 In order to be iterable, non-array objects must have a [Symbol.iterator]() method.`)}function _(z,B){if(!!z){if(typeof z=="string")return A(z,B);var H=Object.prototype.toString.call(z).slice(8,-1);if(H==="Object"&&z.constructor&&(H=z.constructor.name),H==="Map"||H==="Set")return Array.from(z);if(H==="Arguments"||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(H))return A(z,B)}}function A(z,B){(B==null||B>z.length)&&(B=z.length);for(var H=0,W=new Array(B);H<B;H++)W[H]=z[H];return W}function D(z,B){var H=z==null?null:typeof Symbol!="undefined"&&z[Symbol.iterator]||z["@@iterator"];if(H!=null){var W=[],U=!0,q=!1,K,te;try{for(H=H.call(z);!(U=(K=H.next()).done)&&(W.push(K.value),!(B&&W.length===B));U=!0);}catch(j){q=!0,te=j}finally{try{!U&&H.return!=null&&H.return()}finally{if(q)throw te}}return W}}function I(z){if(Array.isArray(z))return z}function C(z,B){if(!(z instanceof B))throw new TypeError("Cannot call a class as a function")}function S(z,B){for(var H=0;H<B.length;H++){var W=B[H];W.enumerable=W.enumerable||!1,W.configurable=!0,"value"in W&&(W.writable=!0),Object.defineProperty(z,W.key,W)}}function x(z,B,H){return B&&S(z.prototype,B),H&&S(z,H),Object.defineProperty(z,"prototype",{writable:!1}),z}function T(z,B){if(typeof B!="function"&&B!==null)throw new TypeError("Super expression must either be null or a function");z.prototype=Object.create(B&&B.prototype,{constructor:{value:z,writable:!0,configurable:!0}}),Object.defineProperty(z,"prototype",{writable:!1}),B&&L(z,B)}function L(z,B){return L=Object.setPrototypeOf||function(W,U){return W.__proto__=U,W},L(z,B)}function N(z){var B=R();return function(){var W=$(z),U;if(B){var q=$(this).constructor;U=Reflect.construct(W,arguments,q)}else U=W.apply(this,arguments);return E(this,U)}}function E(z,B){if(B&&(t(B)==="object"||typeof B=="function"))return B;if(B!==void 0)throw new TypeError("Derived constructors may only return object or undefined");return k(z)}function k(z){if(z===void 0)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return z}function R(){if(typeof Reflect=="undefined"||!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 $(z){return $=Object.setPrototypeOf?Object.getPrototypeOf:function(H){return H.__proto__||Object.getPrototypeOf(H)},$(z)}function F(z,B,H){return B in z?Object.defineProperty(z,B,{value:H,enumerable:!0,configurable:!0,writable:!0}):z[B]=H,z}var V=function(z){T(H,z);var B=N(H);function H(W){var U;return C(this,H),U=B.call(this,W),F(k(U),"onDragStart",function(q,K){(0,u.default)("Draggable: onDragStart: %j",K);var te=U.props.onStart(q,(0,s.createDraggableData)(k(U),K));if(te===!1)return!1;U.setState({dragging:!0,dragged:!0})}),F(k(U),"onDrag",function(q,K){if(!U.state.dragging)return!1;(0,u.default)("Draggable: onDrag: %j",K);var te=(0,s.createDraggableData)(k(U),K),j={x:te.x,y:te.y};if(U.props.bounds){var Z=j.x,X=j.y;j.x+=U.state.slackX,j.y+=U.state.slackY;var ue=(0,s.getBoundPosition)(k(U),j.x,j.y),ie=M(ue,2),re=ie[0],ae=ie[1];j.x=re,j.y=ae,j.slackX=U.state.slackX+(Z-j.x),j.slackY=U.state.slackY+(X-j.y),te.x=j.x,te.y=j.y,te.deltaX=j.x-U.state.x,te.deltaY=j.y-U.state.y}var Pe=U.props.onDrag(q,te);if(Pe===!1)return!1;U.setState(j)}),F(k(U),"onDragStop",function(q,K){if(!U.state.dragging)return!1;var te=U.props.onStop(q,(0,s.createDraggableData)(k(U),K));if(te===!1)return!1;(0,u.default)("Draggable: onDragStop: %j",K);var j={dragging:!1,slackX:0,slackY:0},Z=Boolean(U.props.position);if(Z){var X=U.props.position,ue=X.x,ie=X.y;j.x=ue,j.y=ie}U.setState(j)}),U.state={dragging:!1,dragged:!1,x:W.position?W.position.x:W.defaultPosition.x,y:W.position?W.position.y:W.defaultPosition.y,prevPropsPosition:b({},W.position),slackX:0,slackY:0,isElementSVG:!1},W.position&&!(W.onDrag||W.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 x(H,[{key:"componentDidMount",value:function(){typeof window.SVGElement!="undefined"&&this.findDOMNode()instanceof window.SVGElement&&this.setState({isElementSVG:!0})}},{key:"componentWillUnmount",value:function(){this.setState({dragging:!1})}},{key:"findDOMNode",value:function(){var U,q,K;return(U=(q=this.props)===null||q===void 0||(K=q.nodeRef)===null||K===void 0?void 0:K.current)!==null&&U!==void 0?U:i.default.findDOMNode(this)}},{key:"render",value:function(){var U,q=this.props;q.axis,q.bounds;var K=q.children,te=q.defaultPosition,j=q.defaultClassName,Z=q.defaultClassNameDragging,X=q.defaultClassNameDragged,ue=q.position,ie=q.positionOffset;q.scale;var re=g(q,h),ae={},Pe=null,Xe=Boolean(ue),gt=!Xe||this.state.dragging,ut=ue||te,kt={x:(0,s.canDragX)(this)&&gt?this.state.x:ut.x,y:(0,s.canDragY)(this)&&gt?this.state.y:ut.y};this.state.isElementSVG?Pe=(0,o.createSVGTransform)(kt,ie):ae=(0,o.createCSSTransform)(kt,ie);var oe=(0,a.default)(K.props.className||"",j,(U={},F(U,Z,this.state.dragging),F(U,X,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(K),{className:oe,style:b(b({},K.props.style),ae),transform:Pe}))}}],[{key:"getDerivedStateFromProps",value:function(U,q){var K=U.position,te=q.prevPropsPosition;return K&&(!te||K.x!==te.x||K.y!==te.y)?((0,u.default)("Draggable: getDerivedStateFromProps %j",{position:K,prevPropsPosition:te}),{x:K.x,y:K.y,prevPropsPosition:b({},K)}):null}}]),H}(e.Component);r.default=V,F(V,"displayName","Draggable"),F(V,"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})),F(V,"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}))}($j);var Kj=$j,Jj=Kj.default,rge=Kj.DraggableCore;sd.exports=Jj,sd.exports.default=Jj,sd.exports.DraggableCore=rge;var $m={exports:{}},ud={},Fx={};Fx.__esModule=!0,Fx.cloneElement=oge;var nge=ige(me.default);function ige(r){return r&&r.__esModule?r:{default:r}}function e5(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 t5(r){for(var t=1;t<arguments.length;t++){var e=arguments[t]!=null?arguments[t]:{};t%2?e5(Object(e),!0).forEach(function(n){age(r,n,e[n])}):Object.getOwnPropertyDescriptors?Object.defineProperties(r,Object.getOwnPropertyDescriptors(e)):e5(Object(e)).forEach(function(n){Object.defineProperty(r,n,Object.getOwnPropertyDescriptor(e,n))})}return r}function age(r,t,e){return t in r?Object.defineProperty(r,t,{value:e,enumerable:!0,configurable:!0,writable:!0}):r[t]=e,r}function oge(r,t){return t.style&&r.props.style&&(t.style=t5(t5({},r.props.style),t.style)),t.className&&r.props.className&&(t.className=r.props.className+" "+t.className),nge.default.cloneElement(r,t)}var cd={};cd.__esModule=!0,cd.resizableProps=void 0;var bt=sge(vi.exports);function sge(r){return r&&r.__esModule?r:{default:r}}var lge={axis:bt.default.oneOf(["both","x","y","none"]),className:bt.default.string,children:bt.default.element.isRequired,draggableOpts:bt.default.shape({allowAnyClick:bt.default.bool,cancel:bt.default.string,children:bt.default.node,disabled:bt.default.bool,enableUserSelectHack:bt.default.bool,offsetParent:bt.default.node,grid:bt.default.arrayOf(bt.default.number),handle:bt.default.string,nodeRef:bt.default.object,onStart:bt.default.func,onDrag:bt.default.func,onStop:bt.default.func,onMouseDown:bt.default.func,scale:bt.default.number}),height:bt.default.number.isRequired,handle:bt.default.oneOfType([bt.default.node,bt.default.func]),handleSize:bt.default.arrayOf(bt.default.number),lockAspectRatio:bt.default.bool,maxConstraints:bt.default.arrayOf(bt.default.number),minConstraints:bt.default.arrayOf(bt.default.number),onResizeStop:bt.default.func,onResizeStart:bt.default.func,onResize:bt.default.func,resizeHandles:bt.default.arrayOf(bt.default.oneOf(["s","w","e","n","sw","nw","se","ne"])),transformScale:bt.default.number,width:bt.default.number.isRequired};cd.resizableProps=lge,ud.__esModule=!0,ud.default=void 0;var hd=dge(me.default),uge=sd.exports,cge=Fx,hge=cd,fge=["children","className","draggableOpts","width","height","handle","handleSize","lockAspectRatio","axis","minConstraints","maxConstraints","onResize","onResizeStop","onResizeStart","resizeHandles","transformScale"];function r5(r){if(typeof WeakMap!="function")return null;var t=new WeakMap,e=new WeakMap;return(r5=function(i){return i?e:t})(r)}function dge(r,t){if(!t&&r&&r.__esModule)return r;if(r===null||typeof r!="object"&&typeof r!="function")return{default:r};var e=r5(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 Hx(){return Hx=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},Hx.apply(this,arguments)}function pge(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 n5(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 Vx(r){for(var t=1;t<arguments.length;t++){var e=arguments[t]!=null?arguments[t]:{};t%2?n5(Object(e),!0).forEach(function(n){vge(r,n,e[n])}):Object.getOwnPropertyDescriptors?Object.defineProperties(r,Object.getOwnPropertyDescriptors(e)):n5(Object(e)).forEach(function(n){Object.defineProperty(r,n,Object.getOwnPropertyDescriptor(e,n))})}return r}function vge(r,t,e){return t in r?Object.defineProperty(r,t,{value:e,enumerable:!0,configurable:!0,writable:!0}):r[t]=e,r}function gge(r,t){r.prototype=Object.create(t.prototype),r.prototype.constructor=r,Wx(r,t)}function Wx(r,t){return Wx=Object.setPrototypeOf||function(n,i){return n.__proto__=i,n},Wx(r,t)}var Gx=function(r){gge(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,f=a-this.props.height;Math.abs(h)>Math.abs(f*u)?a=i/u:i=a*u}var d=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+(d-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 f=(o.props.axis==="both"||o.props.axis==="x")&&a!=="n"&&a!=="s",d=(o.props.axis==="both"||o.props.axis==="y")&&a!=="e"&&a!=="w";if(!(!f&&!d)){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+(f?u/o.props.transformScale:0),M=o.props.height+(d?h/o.props.transformScale:0),w=o.runConstraints(b,M);b=w[0],M=w[1];var _=b!==o.props.width||M!==o.props.height,A=typeof o.props[i]=="function"?o.props[i]:null,D=i==="onResize"&&!_;A&&!D&&(s.persist==null||s.persist(),A(s,{node:c,size:{width:b,height:M},handle:a})),i==="onResizeStop"&&o.resetData()}}},e.renderResizeHandle=function(i,a){var o=this.props.handle;if(!o)return hd.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=Vx({ref:a},s?{}:{handleAxis:i});return hd.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=pge(a,fge);return(0,cge.cloneElement)(o,Vx(Vx({},u),{},{className:(s?s+" ":"")+"react-resizable",children:[].concat(o.props.children,c.map(function(h){var f,d=(f=i.handleRefs[h])!=null?f:i.handleRefs[h]=hd.createRef();return hd.createElement(uge.DraggableCore,Hx({},l,{nodeRef:d,key:"resizableHandle-"+h,onStop:i.resizeHandler("onResizeStop",h),onStart:i.resizeHandler("onResizeStart",h),onDrag:i.resizeHandler("onResize",h)}),i.renderResizeHandle(h,d))}))}))},t}(hd.Component);ud.default=Gx,Gx.propTypes=hge.resizableProps,Gx.defaultProps={axis:"both",handleSize:[20,20],lockAspectRatio:!1,minConstraints:[20,20],maxConstraints:[1/0,1/0],resizeHandles:["se"],transformScale:1};var zm={};zm.__esModule=!0,zm.default=void 0;var Ux=wge(me.default),mge=i5(vi.exports),yge=i5(ud),bge=cd,_ge=["handle","handleSize","onResize","onResizeStart","onResizeStop","draggableOpts","minConstraints","maxConstraints","lockAspectRatio","axis","width","height","resizeHandles","style","transformScale"];function i5(r){return r&&r.__esModule?r:{default:r}}function a5(r){if(typeof WeakMap!="function")return null;var t=new WeakMap,e=new WeakMap;return(a5=function(i){return i?e:t})(r)}function wge(r,t){if(!t&&r&&r.__esModule)return r;if(r===null||typeof r!="object"&&typeof r!="function")return{default:r};var e=a5(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 Yx(){return Yx=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},Yx.apply(this,arguments)}function o5(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 jm(r){for(var t=1;t<arguments.length;t++){var e=arguments[t]!=null?arguments[t]:{};t%2?o5(Object(e),!0).forEach(function(n){Mge(r,n,e[n])}):Object.getOwnPropertyDescriptors?Object.defineProperties(r,Object.getOwnPropertyDescriptors(e)):o5(Object(e)).forEach(function(n){Object.defineProperty(r,n,Object.getOwnPropertyDescriptor(e,n))})}return r}function Mge(r,t,e){return t in r?Object.defineProperty(r,t,{value:e,enumerable:!0,configurable:!0,writable:!0}):r[t]=e,r}function Sge(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 xge(r,t){r.prototype=Object.create(t.prototype),r.prototype.constructor=r,Qx(r,t)}function Qx(r,t){return Qx=Object.setPrototypeOf||function(n,i){return n.__proto__=i,n},Qx(r,t)}var s5=function(r){xge(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,f=i.lockAspectRatio,d=i.axis;i.width,i.height;var p=i.resizeHandles,v=i.style,g=i.transformScale,m=Sge(i,_ge);return Ux.createElement(yge.default,{axis:d,draggableOpts:c,handle:a,handleSize:o,height:this.state.height,lockAspectRatio:f,maxConstraints:h,minConstraints:u,onResizeStart:s,onResize:this.onResize,onResizeStop:l,resizeHandles:p,transformScale:g,width:this.state.width},Ux.createElement("div",Yx({},m,{style:jm(jm({},v),{},{width:this.state.width+"px",height:this.state.height+"px"})})))},t}(Ux.Component);zm.default=s5,s5.propTypes=jm(jm({},bge.resizableProps),{},{children:mge.default.element}),$m.exports=function(){throw new Error("Don't instantiate Resizable directly! Use require('react-resizable').Resizable")},$m.exports.Resizable=ud.default,$m.exports.ResizableBox=zm.default;var ro={};Object.defineProperty(ro,"__esModule",{value:!0}),ro.resizeHandleType=ro.resizeHandleAxesType=ro.default=void 0;var dt=l5(vi.exports),Cge=l5(me.default);function l5(r){return r&&r.__esModule?r:{default:r}}var u5=dt.default.arrayOf(dt.default.oneOf(["s","w","e","n","sw","nw","se","ne"]));ro.resizeHandleAxesType=u5;var c5=dt.default.oneOfType([dt.default.node,dt.default.func]);ro.resizeHandleType=c5;var Ige={className:dt.default.string,style:dt.default.object,width:dt.default.number,autoSize:dt.default.bool,cols:dt.default.number,draggableCancel:dt.default.string,draggableHandle:dt.default.string,verticalCompact:function(t){t.verticalCompact},compactType:dt.default.oneOf(["vertical","horizontal"]),layout:function(t){var e=t.layout;e!==void 0&&yt.validateLayout(e,"layout")},margin:dt.default.arrayOf(dt.default.number),containerPadding:dt.default.arrayOf(dt.default.number),rowHeight:dt.default.number,maxRows:dt.default.number,isBounded:dt.default.bool,isDraggable:dt.default.bool,isResizable:dt.default.bool,allowOverlap:dt.default.bool,preventCollision:dt.default.bool,useCSSTransforms:dt.default.bool,transformScale:dt.default.number,isDroppable:dt.default.bool,resizeHandles:u5,resizeHandle:c5,onLayoutChange:dt.default.func,onDragStart:dt.default.func,onDrag:dt.default.func,onDragStop:dt.default.func,onResizeStart:dt.default.func,onResize:dt.default.func,onResizeStop:dt.default.func,onDrop:dt.default.func,droppingItem:dt.default.shape({i:dt.default.string.isRequired,w:dt.default.number.isRequired,h:dt.default.number.isRequired}),children:function(t,e){var n=t[e],i={};Cge.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:dt.default.any};ro.default=Ige;function Zx(r){return Zx=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},Zx(r)}Object.defineProperty(Lm,"__esModule",{value:!0}),Lm.default=void 0;var Mc=Xx(me.default),Tt=Xx(vi.exports),Age=sd.exports,Dge=$m.exports,fd=yt,jr=to,h5=ro,Tge=Xx(Am);function Xx(r){return r&&r.__esModule?r:{default:r}}function f5(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 qx(r){for(var t=1;t<arguments.length;t++){var e=arguments[t]!=null?arguments[t]:{};t%2?f5(Object(e),!0).forEach(function(n){Yi(r,n,e[n])}):Object.getOwnPropertyDescriptors?Object.defineProperties(r,Object.getOwnPropertyDescriptors(e)):f5(Object(e)).forEach(function(n){Object.defineProperty(r,n,Object.getOwnPropertyDescriptor(e,n))})}return r}function Lge(r,t){if(!(r instanceof t))throw new TypeError("Cannot call a class as a function")}function d5(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 Nge(r,t,e){return t&&d5(r.prototype,t),e&&d5(r,e),Object.defineProperty(r,"prototype",{writable:!1}),r}function Ege(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&&Kx(r,t)}function Kx(r,t){return Kx=Object.setPrototypeOf||function(n,i){return n.__proto__=i,n},Kx(r,t)}function Oge(r){var t=Rge();return function(){var n=Bm(r),i;if(t){var a=Bm(this).constructor;i=Reflect.construct(n,arguments,a)}else i=n.apply(this,arguments);return kge(this,i)}}function kge(r,t){if(t&&(Zx(t)==="object"||typeof t=="function"))return t;if(t!==void 0)throw new TypeError("Derived constructors may only return object or undefined");return mi(r)}function mi(r){if(r===void 0)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return r}function Rge(){if(typeof Reflect=="undefined"||!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 Bm(r){return Bm=Object.setPrototypeOf?Object.getPrototypeOf:function(e){return e.__proto__||Object.getPrototypeOf(e)},Bm(r)}function Yi(r,t,e){return t in r?Object.defineProperty(r,t,{value:e,enumerable:!0,configurable:!0,writable:!0}):r[t]=e,r}var Jx=function(r){Ege(e,r);var t=Oge(e);function e(){var n;Lge(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)),Yi(mi(n),"state",{resizing:null,dragging:null,className:""}),Yi(mi(n),"elementRef",Mc.default.createRef()),Yi(mi(n),"onDragStart",function(s,l){var c=l.node,u=n.props,h=u.onDragStart,f=u.transformScale;if(!!h){var d={top:0,left:0},p=c.offsetParent;if(!!p){var v=p.getBoundingClientRect(),g=c.getBoundingClientRect(),m=g.left/f,y=v.left/f,b=g.top/f,M=v.top/f;d.left=m-y+p.scrollLeft,d.top=b-M+p.scrollTop,n.setState({dragging:d});var w=(0,jr.calcXY)(n.getPositionParams(),d.top,d.left,n.props.w,n.props.h),_=w.x,A=w.y;return h.call(mi(n),n.props.i,_,A,{e:s,node:c,newPosition:d})}}}),Yi(mi(n),"onDrag",function(s,l){var c=l.node,u=l.deltaX,h=l.deltaY,f=n.props.onDrag;if(!!f){if(!n.state.dragging)throw new Error("onDrag called before onDragStart.");var d=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,M=v.containerWidth,w=n.getPositionParams();if(g){var _=c.offsetParent;if(_){var A=n.props,D=A.margin,I=A.rowHeight,C=_.clientHeight-(0,jr.calcGridItemWHPx)(b,I,D[1]);d=(0,jr.clamp)(d,0,C);var S=(0,jr.calcGridColWidth)(w),x=M-(0,jr.calcGridItemWHPx)(y,S,D[0]);p=(0,jr.clamp)(p,0,x)}}var T={top:d,left:p};n.setState({dragging:T});var L=(0,jr.calcXY)(w,d,p,y,b),N=L.x,E=L.y;return f.call(mi(n),m,N,E,{e:s,node:c,newPosition:T})}}),Yi(mi(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,f=h.w,d=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,jr.calcXY)(n.getPositionParams(),m,g,f,d),M=b.x,w=b.y;return u.call(mi(n),p,M,w,{e:s,node:c,newPosition:y})}}),Yi(mi(n),"onResizeStop",function(s,l){n.onResizeHandler(s,l,"onResizeStop")}),Yi(mi(n),"onResizeStart",function(s,l){n.onResizeHandler(s,l,"onResizeStart")}),Yi(mi(n),"onResize",function(s,l){n.onResizeHandler(s,l,"onResize")}),n}return Nge(e,[{key:"shouldComponentUpdate",value:function(i,a){if(this.props.children!==i.children||this.props.droppingPosition!==i.droppingPosition)return!0;var o=(0,jr.calcGridItemPosition)(this.getPositionParams(this.props),this.props.x,this.props.y,this.props.w,this.props.h,this.state),s=(0,jr.calcGridItemPosition)(this.getPositionParams(i),i.x,i.y,i.w,i.h,a);return!(0,fd.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,fd.setTransform)(i):(c=(0,fd.setTopLeft)(i),o&&(c.left=(0,fd.perc)(i.left/s),c.width=(0,fd.perc)(i.width/s))),c}},{key:"mixinDraggable",value:function(i,a){return Mc.default.createElement(Age.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,f=s.maxW,d=s.maxH,p=s.transformScale,v=s.resizeHandles,g=s.resizeHandle,m=this.getPositionParams(),y=(0,jr.calcGridItemPosition)(m,0,0,l-c,0).width,b=(0,jr.calcGridItemPosition)(m,0,0,u,h),M=(0,jr.calcGridItemPosition)(m,0,0,f,d),w=[b.width,b.height],_=[Math.min(M.width,y),Math.min(M.height,1/0)];return Mc.default.createElement(Dge.Resizable,{draggableOpts:{disabled:!o},className:o?void 0:"react-resizable-hide",width:a.width,height:a.height,minConstraints:w,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,f=u.x,d=u.y,p=u.i,v=u.maxH,g=u.minH,m=this.props,y=m.minW,b=m.maxW,M=(0,jr.calcWH)(this.getPositionParams(),l.width,l.height,f,d),w=M.w,_=M.h;y=Math.max(y,1),b=Math.min(b,h-f),w=(0,jr.clamp)(w,y,b),_=(0,jr.clamp)(_,g,v),this.setState({resizing:o==="onResizeStop"?null:l}),c.call(this,p,w,_,{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,f=i.useCSSTransforms,d=(0,jr.calcGridItemPosition)(this.getPositionParams(),a,o,s,l,this.state),p=Mc.default.Children.only(this.props.children),v=Mc.default.cloneElement(p,{ref:this.elementRef,className:(0,Tge.default)("react-grid-item",p.props.className,this.props.className,{static:this.props.static,resizing:Boolean(this.state.resizing),"react-draggable":c,"react-draggable-dragging":Boolean(this.state.dragging),dropping:Boolean(h),cssTransforms:f}),style:qx(qx(qx({},this.props.style),p.props.style),this.createStyle(d))});return v=this.mixinResizable(v,d,u),v=this.mixinDraggable(v,c),v}}]),e}(Mc.default.Component);Lm.default=Jx,Yi(Jx,"propTypes",{children:Tt.default.element,cols:Tt.default.number.isRequired,containerWidth:Tt.default.number.isRequired,rowHeight:Tt.default.number.isRequired,margin:Tt.default.array.isRequired,maxRows:Tt.default.number.isRequired,containerPadding:Tt.default.array.isRequired,x:Tt.default.number.isRequired,y:Tt.default.number.isRequired,w:Tt.default.number.isRequired,h:Tt.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:Tt.default.string.isRequired,resizeHandles:h5.resizeHandleAxesType,resizeHandle:h5.resizeHandleType,onDragStop:Tt.default.func,onDragStart:Tt.default.func,onDrag:Tt.default.func,onResizeStop:Tt.default.func,onResizeStart:Tt.default.func,onResize:Tt.default.func,isDraggable:Tt.default.bool.isRequired,isResizable:Tt.default.bool.isRequired,isBounded:Tt.default.bool.isRequired,static:Tt.default.bool,useCSSTransforms:Tt.default.bool.isRequired,transformScale:Tt.default.number,className:Tt.default.string,handle:Tt.default.string,cancel:Tt.default.string,droppingPosition:Tt.default.shape({e:Tt.default.object.isRequired,left:Tt.default.number.isRequired,top:Tt.default.number.isRequired})}),Yi(Jx,"defaultProps",{className:"",cancel:"",handle:"",minH:1,minW:1,maxH:1/0,maxW:1/0,transformScale:1});function Fm(r){return Fm=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},Fm(r)}Object.defineProperty(ad,"__esModule",{value:!0}),ad.default=void 0;var $l=jge(me.default),eC=Hm(Nl.exports),Pge=Hm(Am),qe=yt,$ge=to,p5=Hm(Lm),zge=Hm(ro);function Hm(r){return r&&r.__esModule?r:{default:r}}function v5(r){if(typeof WeakMap!="function")return null;var t=new WeakMap,e=new WeakMap;return(v5=function(i){return i?e:t})(r)}function jge(r,t){if(!t&&r&&r.__esModule)return r;if(r===null||Fm(r)!=="object"&&typeof r!="function")return{default:r};var e=v5(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 Bge(r){return Vge(r)||Hge(r)||m5(r)||Fge()}function Fge(){throw new TypeError(`Invalid attempt to spread non-iterable instance.
 In order to be iterable, non-array objects must have a [Symbol.iterator]() method.`)}function Hge(r){if(typeof Symbol!="undefined"&&r[Symbol.iterator]!=null||r["@@iterator"]!=null)return Array.from(r)}function Vge(r){if(Array.isArray(r))return tC(r)}function g5(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 zl(r){for(var t=1;t<arguments.length;t++){var e=arguments[t]!=null?arguments[t]:{};t%2?g5(Object(e),!0).forEach(function(n){Br(r,n,e[n])}):Object.getOwnPropertyDescriptors?Object.defineProperties(r,Object.getOwnPropertyDescriptors(e)):g5(Object(e)).forEach(function(n){Object.defineProperty(r,n,Object.getOwnPropertyDescriptor(e,n))})}return r}function Wge(r,t){return Yge(r)||Uge(r,t)||m5(r,t)||Gge()}function Gge(){throw new TypeError(`Invalid attempt to destructure non-iterable instance.
-In order to be iterable, non-array objects must have a [Symbol.iterator]() method.`)}function m5(r,t){if(!!r){if(typeof r=="string")return tC(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 tC(r,t)}}function tC(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 Uge(r,t){var e=r==null?null:typeof Symbol!="undefined"&&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 Yge(r){if(Array.isArray(r))return r}function Qge(r,t){if(!(r instanceof t))throw new TypeError("Cannot call a class as a function")}function y5(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 Zge(r,t,e){return t&&y5(r.prototype,t),e&&y5(r,e),Object.defineProperty(r,"prototype",{writable:!1}),r}function Xge(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&&rC(r,t)}function rC(r,t){return rC=Object.setPrototypeOf||function(n,i){return n.__proto__=i,n},rC(r,t)}function qge(r){var t=Jge();return function(){var n=Vm(r),i;if(t){var a=Vm(this).constructor;i=Reflect.construct(n,arguments,a)}else i=n.apply(this,arguments);return Kge(this,i)}}function Kge(r,t){if(t&&(Fm(t)==="object"||typeof t=="function"))return t;if(t!==void 0)throw new TypeError("Derived constructors may only return object or undefined");return In(r)}function In(r){if(r===void 0)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return r}function Jge(){if(typeof Reflect=="undefined"||!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 Vm(r){return Vm=Object.setPrototypeOf?Object.getPrototypeOf:function(e){return e.__proto__||Object.getPrototypeOf(e)},Vm(r)}function Br(r,t,e){return t in r?Object.defineProperty(r,t,{value:e,enumerable:!0,configurable:!0,writable:!0}):r[t]=e,r}var b5="react-grid-layout",_5=!1;try{_5=/firefox/i.test(navigator.userAgent)}catch{}var Wm=function(r){Xge(e,r);var t=qge(e);function e(){var n;Qge(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)),Br(In(n),"state",{activeDrag:null,layout:(0,qe.synchronizeLayoutWithChildren)(n.props.layout,n.props.children,n.props.cols,(0,qe.compactType)(n.props),n.props.allowOverlap),mounted:!1,oldDragItem:null,oldLayout:null,oldResizeItem:null,droppingDOMNode:null,children:[]}),Br(In(n),"dragEnterCounter",0),Br(In(n),"onDragStart",function(s,l,c,u){var h=u.e,f=u.node,d=n.state.layout,p=(0,qe.getLayoutItem)(d,s);if(!!p)return n.setState({oldDragItem:(0,qe.cloneLayoutItem)(p),oldLayout:d}),n.props.onDragStart(d,p,p,null,h,f)}),Br(In(n),"onDrag",function(s,l,c,u){var h=u.e,f=u.node,d=n.state.oldDragItem,p=n.state.layout,v=n.props,g=v.cols,m=v.allowOverlap,y=v.preventCollision,b=(0,qe.getLayoutItem)(p,s);if(!!b){var M={w:b.w,h:b.h,x:b.x,y:b.y,placeholder:!0,i:s},w=!0;p=(0,qe.moveElement)(p,b,l,c,w,y,(0,qe.compactType)(n.props),g,m),n.props.onDrag(p,d,b,M,h,f),n.setState({layout:m?p:(0,qe.compact)(p,(0,qe.compactType)(n.props),g),activeDrag:M})}}),Br(In(n),"onDragStop",function(s,l,c,u){var h=u.e,f=u.node;if(!!n.state.activeDrag){var d=n.state.oldDragItem,p=n.state.layout,v=n.props,g=v.cols,m=v.preventCollision,y=v.allowOverlap,b=(0,qe.getLayoutItem)(p,s);if(!!b){var M=!0;p=(0,qe.moveElement)(p,b,l,c,M,m,(0,qe.compactType)(n.props),g,y),n.props.onDragStop(p,d,b,null,h,f);var w=y?p:(0,qe.compact)(p,(0,qe.compactType)(n.props),g),_=n.state.oldLayout;n.setState({activeDrag:null,layout:w,oldDragItem:null,oldLayout:null}),n.onLayoutMaybeChanged(w,_)}}}),Br(In(n),"onResizeStart",function(s,l,c,u){var h=u.e,f=u.node,d=n.state.layout,p=(0,qe.getLayoutItem)(d,s);!p||(n.setState({oldResizeItem:(0,qe.cloneLayoutItem)(p),oldLayout:n.state.layout}),n.props.onResizeStart(d,p,p,null,h,f))}),Br(In(n),"onResize",function(s,l,c,u){var h=u.e,f=u.node,d=n.state,p=d.layout,v=d.oldResizeItem,g=n.props,m=g.cols,y=g.preventCollision,b=g.allowOverlap,M=(0,qe.withLayoutItem)(p,s,function(I){var C;if(y&&!b){var S=(0,qe.getAllCollisions)(p,zl(zl({},I),{},{w:l,h:c})).filter(function(L){return L.i!==I.i});if(C=S.length>0,C){var x=1/0,T=1/0;S.forEach(function(L){L.x>I.x&&(x=Math.min(x,L.x)),L.y>I.y&&(T=Math.min(T,L.y))}),Number.isFinite(x)&&(I.w=x-I.x),Number.isFinite(T)&&(I.h=T-I.y)}}return C||(I.w=l,I.h=c),I}),w=Wge(M,2),_=w[0],A=w[1];if(!!A){var D={w:A.w,h:A.h,x:A.x,y:A.y,static:!0,i:s};n.props.onResize(_,v,A,D,h,f),n.setState({layout:b?_:(0,qe.compact)(_,(0,qe.compactType)(n.props),m),activeDrag:D})}}),Br(In(n),"onResizeStop",function(s,l,c,u){var h=u.e,f=u.node,d=n.state,p=d.layout,v=d.oldResizeItem,g=n.props,m=g.cols,y=g.allowOverlap,b=(0,qe.getLayoutItem)(p,s);n.props.onResizeStop(p,v,b,null,h,f);var M=y?p:(0,qe.compact)(p,(0,qe.compactType)(n.props),m),w=n.state.oldLayout;n.setState({activeDrag:null,layout:M,oldResizeItem:null,oldLayout:null}),n.onLayoutMaybeChanged(M,w)}),Br(In(n),"onDragOver",function(s){var l;if(s.preventDefault(),s.stopPropagation(),_5&&!((l=s.nativeEvent.target)!==null&&l!==void 0&&l.classList.contains(b5)))return!1;var c=n.props,u=c.droppingItem,h=c.onDropDragOver,f=c.margin,d=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 M=zl(zl({},u),b),w=n.state.layout,_=s.nativeEvent,A=_.layerX,D=_.layerY,I={left:A/y,top:D/y,e:s};if(n.state.droppingDOMNode){if(n.state.droppingPosition){var x=n.state.droppingPosition,T=x.left,L=x.top,N=T!=A||L!=D;N&&n.setState({droppingPosition:I})}}else{var C={cols:d,margin:f,maxRows:v,rowHeight:p,containerWidth:g,containerPadding:m||f},S=(0,$ge.calcXY)(C,D,A,M.w,M.h);n.setState({droppingDOMNode:$l.createElement("div",{key:M.i}),droppingPosition:I,layout:[].concat(Bge(w),[zl(zl({},M),{},{x:S.x,y:S.y,static:!1,isDraggable:!0})])})}}),Br(In(n),"removeDroppingPlaceholder",function(){var s=n.props,l=s.droppingItem,c=s.cols,u=n.state.layout,h=(0,qe.compact)(u.filter(function(f){return f.i!==l.i}),(0,qe.compactType)(n.props),c);n.setState({layout:h,droppingDOMNode:null,activeDrag:null,droppingPosition:void 0})}),Br(In(n),"onDragLeave",function(s){s.preventDefault(),s.stopPropagation(),n.dragEnterCounter--,n.dragEnterCounter===0&&n.removeDroppingPlaceholder()}),Br(In(n),"onDragEnter",function(s){s.preventDefault(),s.stopPropagation(),n.dragEnterCounter++}),Br(In(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 Zge(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,qe.fastRGLPropsEqual)(this.props,i,eC.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,qe.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,eC.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,f=a.useCSSTransforms,d=a.transformScale;return $l.createElement(p5.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:f,transformScale:d},$l.createElement("div",null))}},{key:"processGridItem",value:function(i,a){if(!(!i||!i.key)){var o=(0,qe.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,f=s.rowHeight,d=s.maxRows,p=s.isDraggable,v=s.isResizable,g=s.isBounded,m=s.useCSSTransforms,y=s.transformScale,b=s.draggableCancel,M=s.draggableHandle,w=s.resizeHandles,_=s.resizeHandle,A=this.state,D=A.mounted,I=A.droppingPosition,C=typeof o.isDraggable=="boolean"?o.isDraggable:!o.static&&p,S=typeof o.isResizable=="boolean"?o.isResizable:!o.static&&v,x=o.resizeHandles||w,T=C&&g&&o.isBounded!==!1;return $l.createElement(p5.default,{containerWidth:l,cols:c,margin:u,containerPadding:h||u,maxRows:d,rowHeight:f,cancel:b,handle:M,onDragStop:this.onDragStop,onDragStart:this.onDragStart,onDrag:this.onDrag,onResizeStart:this.onResizeStart,onResize:this.onResize,onResizeStop:this.onResizeStop,isDraggable:C,isResizable:S,isBounded:T,useCSSTransforms:m&&D,usePercentages:!D,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?I:void 0,resizeHandles:x,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,Pge.default)(b5,o),h=zl({height:this.containerHeight()},s);return $l.createElement("div",{ref:c,className:u,style:h,onDrop:l?this.onDrop:qe.noop,onDragLeave:l?this.onDragLeave:qe.noop,onDragEnter:l?this.onDragEnter:qe.noop,onDragOver:l?this.onDragOver:qe.noop},$l.Children.map(this.props.children,function(f){return i.processGridItem(f)}),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,eC.default)(i.layout,a.propsLayout)||i.compactType!==a.compactType?o=i.layout:(0,qe.childrenEqual)(i.children,a.children)||(o=a.layout),o){var s=(0,qe.synchronizeLayoutWithChildren)(o,i.children,i.cols,(0,qe.compactType)(i),i.allowOverlap);return{layout:s,compactType:i.compactType,children:i.children,propsLayout:i.layout}}return null}}]),e}($l.Component);ad.default=Wm,Br(Wm,"displayName","ReactGridLayout"),Br(Wm,"propTypes",zge.default),Br(Wm,"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:qe.noop,onDragStart:qe.noop,onDrag:qe.noop,onDragStop:qe.noop,onResizeStart:qe.noop,onResize:qe.noop,onResizeStop:qe.noop,onDrop:qe.noop,onDropDragOver:qe.noop});var Gm={},jl={};Object.defineProperty(jl,"__esModule",{value:!0}),jl.findOrGenerateResponsiveLayout=rme,jl.getBreakpointFromWidth=eme,jl.getColsFromBreakpoint=tme,jl.sortBreakpoints=nC;var Um=yt;function eme(r,t){for(var e=nC(r),n=e[0],i=1,a=e.length;i<a;i++){var o=e[i];t>r[o]&&(n=o)}return n}function tme(r,t){if(!t[r])throw new Error("ResponsiveReactGridLayout: `cols` entry for breakpoint "+r+" is missing!");return t[r]}function rme(r,t,e,n,i,a){if(r[e])return(0,Um.cloneLayout)(r[e]);for(var o=r[n],s=nC(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,Um.cloneLayout)(o||[]),(0,Um.compact)((0,Um.correctBounds)(o,{cols:i}),a,i)}function nC(r){var t=Object.keys(r);return t.sort(function(e,n){return r[e]-r[n]})}function Ym(r){return Ym=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},Ym(r)}Object.defineProperty(Gm,"__esModule",{value:!0}),Gm.default=void 0;var w5=ame(me.default),An=aC(vi.exports),iC=aC(Nl.exports),Sc=yt,Bl=jl,nme=aC(ad),ime=["breakpoint","breakpoints","cols","layouts","margin","containerPadding","onBreakpointChange","onLayoutChange","onWidthChange"];function aC(r){return r&&r.__esModule?r:{default:r}}function M5(r){if(typeof WeakMap!="function")return null;var t=new WeakMap,e=new WeakMap;return(M5=function(i){return i?e:t})(r)}function ame(r,t){if(!t&&r&&r.__esModule)return r;if(r===null||Ym(r)!=="object"&&typeof r!="function")return{default:r};var e=M5(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 oC(){return oC=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},oC.apply(this,arguments)}function ome(r,t){if(r==null)return{};var e=sme(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 sme(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 S5(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 sC(r){for(var t=1;t<arguments.length;t++){var e=arguments[t]!=null?arguments[t]:{};t%2?S5(Object(e),!0).forEach(function(n){xc(r,n,e[n])}):Object.getOwnPropertyDescriptors?Object.defineProperties(r,Object.getOwnPropertyDescriptors(e)):S5(Object(e)).forEach(function(n){Object.defineProperty(r,n,Object.getOwnPropertyDescriptor(e,n))})}return r}function lme(r,t){if(!(r instanceof t))throw new TypeError("Cannot call a class as a function")}function x5(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 ume(r,t,e){return t&&x5(r.prototype,t),e&&x5(r,e),Object.defineProperty(r,"prototype",{writable:!1}),r}function cme(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&&lC(r,t)}function lC(r,t){return lC=Object.setPrototypeOf||function(n,i){return n.__proto__=i,n},lC(r,t)}function hme(r){var t=dme();return function(){var n=Qm(r),i;if(t){var a=Qm(this).constructor;i=Reflect.construct(n,arguments,a)}else i=n.apply(this,arguments);return fme(this,i)}}function fme(r,t){if(t&&(Ym(t)==="object"||typeof t=="function"))return t;if(t!==void 0)throw new TypeError("Derived constructors may only return object or undefined");return uC(r)}function uC(r){if(r===void 0)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return r}function dme(){if(typeof Reflect=="undefined"||!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 Qm(r){return Qm=Object.setPrototypeOf?Object.getPrototypeOf:function(e){return e.__proto__||Object.getPrototypeOf(e)},Qm(r)}function xc(r,t,e){return t in r?Object.defineProperty(r,t,{value:e,enumerable:!0,configurable:!0,writable:!0}):r[t]=e,r}var C5=function(t){return Object.prototype.toString.call(t)};function Zm(r,t){return r==null?null:Array.isArray(r)?r:r[t]}var cC=function(r){cme(e,r);var t=hme(e);function e(){var n;lme(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)),xc(uC(n),"state",n.generateInitialState()),xc(uC(n),"onLayoutChange",function(s){n.props.onLayoutChange(s,sC(sC({},n.props.layouts),{},xc({},n.state.breakpoint,s)))}),n}return ume(e,[{key:"generateInitialState",value:function(){var i=this.props,a=i.width,o=i.breakpoints,s=i.layouts,l=i.cols,c=(0,Bl.getBreakpointFromWidth)(o,a),u=(0,Bl.getColsFromBreakpoint)(c,l),h=this.props.verticalCompact===!1?null:this.props.compactType,f=(0,Bl.findOrGenerateResponsiveLayout)(s,o,c,c,u,h);return{layout:f,breakpoint:c,cols:u}}},{key:"componentDidUpdate",value:function(i){(this.props.width!=i.width||this.props.breakpoint!==i.breakpoint||!(0,iC.default)(this.props.breakpoints,i.breakpoints)||!(0,iC.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,Bl.getBreakpointFromWidth)(this.props.breakpoints,this.props.width),h=this.state.breakpoint,f=(0,Bl.getColsFromBreakpoint)(u,s),d=sC({},l);if(h!==u||i.breakpoints!==o||i.cols!==s){h in d||(d[h]=(0,Sc.cloneLayout)(this.state.layout));var p=(0,Bl.findOrGenerateResponsiveLayout)(d,o,u,h,f,c);p=(0,Sc.synchronizeLayoutWithChildren)(p,this.props.children,f,c,this.props.allowOverlap),d[u]=p,this.props.onLayoutChange(p,d),this.props.onBreakpointChange(u,f),this.setState({breakpoint:u,layout:p,cols:f})}var v=Zm(this.props.margin,u),g=Zm(this.props.containerPadding,u);this.props.onWidthChange(this.props.width,v,f,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=ome(i,ime);return w5.createElement(nme.default,oC({},s,{margin:Zm(a,this.state.breakpoint),containerPadding:Zm(o,this.state.breakpoint),onLayoutChange:this.onLayoutChange,layout:this.state.layout,cols:this.state.cols}))}}],[{key:"getDerivedStateFromProps",value:function(i,a){if(!(0,iC.default)(i.layouts,a.layouts)){var o=a.breakpoint,s=a.cols,l=(0,Bl.findOrGenerateResponsiveLayout)(i.layouts,i.breakpoints,o,o,s,i.compactType);return{layout:l,layouts:i.layouts}}return null}}]),e}(w5.Component);Gm.default=cC,xc(cC,"propTypes",{breakpoint:An.default.string,breakpoints:An.default.object,allowOverlap:An.default.bool,cols:An.default.object,margin:An.default.oneOfType([An.default.array,An.default.object]),containerPadding:An.default.oneOfType([An.default.array,An.default.object]),layouts:function(t,e){if(C5(t[e])!=="[object Object]")throw new Error("Layout property must be an object. Received: "+C5(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,Sc.validateLayout)(t.layouts[n],"layouts."+n)})},width:An.default.number.isRequired,onBreakpointChange:An.default.func,onLayoutChange:An.default.func,onWidthChange:An.default.func}),xc(cC,"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:Sc.noop,onLayoutChange:Sc.noop,onWidthChange:Sc.noop});var hC={};function Xm(r){return Xm=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},Xm(r)}Object.defineProperty(hC,"__esModule",{value:!0}),hC.default=Ame;var qm=mme(me.default),pme=I5(vi.exports),vme=I5(Am),gme=["measureBeforeMount"];function I5(r){return r&&r.__esModule?r:{default:r}}function A5(r){if(typeof WeakMap!="function")return null;var t=new WeakMap,e=new WeakMap;return(A5=function(i){return i?e:t})(r)}function mme(r,t){if(!t&&r&&r.__esModule)return r;if(r===null||Xm(r)!=="object"&&typeof r!="function")return{default:r};var e=A5(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 fC(){return fC=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},fC.apply(this,arguments)}function yme(r,t){if(r==null)return{};var e=bme(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 bme(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 _me(r,t){if(!(r instanceof t))throw new TypeError("Cannot call a class as a function")}function D5(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 wme(r,t,e){return t&&D5(r.prototype,t),e&&D5(r,e),Object.defineProperty(r,"prototype",{writable:!1}),r}function Mme(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&&dC(r,t)}function dC(r,t){return dC=Object.setPrototypeOf||function(n,i){return n.__proto__=i,n},dC(r,t)}function Sme(r){var t=Cme();return function(){var n=Km(r),i;if(t){var a=Km(this).constructor;i=Reflect.construct(n,arguments,a)}else i=n.apply(this,arguments);return xme(this,i)}}function xme(r,t){if(t&&(Xm(t)==="object"||typeof t=="function"))return t;if(t!==void 0)throw new TypeError("Derived constructors may only return object or undefined");return dd(r)}function dd(r){if(r===void 0)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return r}function Cme(){if(typeof Reflect=="undefined"||!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 Km(r){return Km=Object.setPrototypeOf?Object.getPrototypeOf:function(e){return e.__proto__||Object.getPrototypeOf(e)},Km(r)}function Cc(r,t,e){return t in r?Object.defineProperty(r,t,{value:e,enumerable:!0,configurable:!0,writable:!0}):r[t]=e,r}var Ime="react-grid-layout";function Ame(r){var t;return t=function(e){Mme(i,e);var n=Sme(i);function i(){var a;_me(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)),Cc(dd(a),"state",{width:1280}),Cc(dd(a),"elementRef",qm.createRef()),Cc(dd(a),"mounted",!1),Cc(dd(a),"onWindowResize",function(){if(!!a.mounted){var c=a.elementRef.current;c instanceof HTMLElement&&c.offsetWidth&&a.setState({width:c.offsetWidth})}}),a}return wme(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=yme(o,gme);return s&&!this.mounted?qm.createElement("div",{className:(0,vme.default)(this.props.className,Ime),style:this.props.style,ref:this.elementRef}):qm.createElement(r,fC({innerRef:this.elementRef},l,this.state))}}]),i}(qm.Component),Cc(t,"defaultProps",{measureBeforeMount:!1}),Cc(t,"propTypes",{measureBeforeMount:pme.default.bool}),t}(function(r){r.exports=ad.default,r.exports.utils=yt,r.exports.Responsive=Gm.default,r.exports.Responsive.utils=jl,r.exports.WidthProvider=hC.default})(Sx);var AMe="",Ic={"MetricList-container":"_MetricList-container_15a2v_1","MetricList-wrapper":"_MetricList-wrapper_15a2v_9","MetricList-wrapper-move":"_MetricList-wrapper-move_15a2v_17","noMetric-container":"_noMetric-container_15a2v_25","noMetric-wrapper":"_noMetric-wrapper_15a2v_33","alt-container":"_alt-container_15a2v_41"},Te={cardContainer:"_cardContainer_hxh6o_1",listHeader:"_listHeader_hxh6o_9",metricName:"_metricName_hxh6o_17",metricTitle:"_metricTitle_hxh6o_25",metricDescription:"_metricDescription_hxh6o_33",popup:"_popup_hxh6o_41",metricFilter:"_metricFilter_hxh6o_49",popupIcon:"_popupIcon_hxh6o_57",popupMenu:"_popupMenu_hxh6o_65",popupItem:"_popupItem_hxh6o_73",popupItemIcon:"_popupItemIcon_hxh6o_81",csvBtn:"_csvBtn_hxh6o_89",deleteBtn:"_deleteBtn_hxh6o_97",metricData:"_metricData_hxh6o_105",singleValueData:"_singleValueData_hxh6o_113",singleValue:"_singleValue_hxh6o_113",noData:"_noData_hxh6o_129",noDataContent:"_noDataContent_hxh6o_137",noDataText:"_noDataText_hxh6o_145",loading:"_loading_hxh6o_153",features:"_features_hxh6o_161",fullscreen:"_fullscreen_hxh6o_169",deleteModal:"_deleteModal_hxh6o_177",cancelBtn:"_cancelBtn_hxh6o_185",warningIcon:"_warningIcon_hxh6o_193",downloadCsv:"_downloadCsv_hxh6o_201",downloadCsvWrapper:"_downloadCsvWrapper_hxh6o_209",downloadCsvHeader:"_downloadCsvHeader_hxh6o_215",downloadCsvFooter:"_downloadCsvFooter_hxh6o_221",downloadCsvCancelBtn:"_downloadCsvCancelBtn_hxh6o_229",downloadCsvNote:"_downloadCsvNote_hxh6o_237",downloadCsvNoteText:"_downloadCsvNoteText_hxh6o_245"},T5="data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz48c3ZnIGlkPSJMYXllcl8xIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAzMDAgMzAwIj48ZGVmcz48c3R5bGU+LmNscy0xe3N0cm9rZTojMTgyYzYwO30uY2xzLTEsLmNscy0ye2ZpbGw6bm9uZTtzdHJva2UtbGluZWNhcDpyb3VuZDtzdHJva2UtbGluZWpvaW46cm91bmQ7fS5jbHMtM3tmaWxsOiM1ODY1ZjY7b3BhY2l0eTouMTt9LmNscy00e2ZpbGw6I2YyZjNmNDt9LmNscy01e2ZpbGw6I2MxYzdjOTt9LmNscy02e2ZpbGw6I2RhZGVkZjt9LmNscy03e2ZpbGw6IzE4MmM2MDt9LmNscy0ye3N0cm9rZTojNTg2NWY2O3N0cm9rZS13aWR0aDo0cHg7fTwvc3R5bGU+PC9kZWZzPjxwYXRoIGNsYXNzPSJjbHMtMSIgZD0ibTIxMC41LDIwMC44M2MuNC0uNjYuNjgtMS40LjgyLTIuMiwxLjU4LTguODcsMy4xNS0xNy43NSw0LjczLTI2LjYyLDIuMDMtMTEuNDQsNC4wNi0yMi44OCw2LjA5LTM0LjMyLjcyLTQuMDgsMS43Ny04LjI1LDIuMTYtMTIuMzguNDMtNC41Ni0yLjA5LTkuNjgtNi44Ni0xMC42Ni0uMDEsMC0uMDMsMC0uMDQsMC0yLjQtLjQ5LTUuMDItLjIyLTcuNDUtLjIyaC00NC4yMmMtLjUyLDAtMi4zMy0uMzEtMi43NywwbC0yNC4yOCwxNy4yMmgtNjEuNjFjLTMuOTcsMC02Ljk5LDMuNTYtNi4zNCw3LjQ3bDkuNzUsNTkuNDJjLjUxLDMuMTEsMy4yLDUuMzksNi4zNCw1LjM5aDExNy44NiIvPjxwYXRoIGNsYXNzPSJjbHMtMSIgZD0ibTIwNywxMTQuNDN2LTguNTRjMC0zLjU1LTIuODgtNi40My02LjQzLTYuNDNoLTE3LjE5Ii8+PHBhdGggY2xhc3M9ImNscy0xIiBkPSJtMTAzLjQ3LDk5LjQ2aC0xNS4xMmMtMy41NSwwLTYuNDMsMi44OC02LjQzLDYuNDN2MjUuNDgiLz48Zz48bGluZSBjbGFzcz0iY2xzLTIiIHgxPSIxMTQuMTIiIHkxPSI5NC4wOCIgeDI9IjE0NC44NCIgeTI9Ijk0LjA4Ii8+PGc+PHJlY3QgY2xhc3M9ImNscy02IiB4PSIxMTIuNjEiIHk9IjEwMi40MyIgd2lkdGg9IjE4Ljk3IiBoZWlnaHQ9IjMuMiIvPjxyZWN0IGNsYXNzPSJjbHMtNCIgeD0iMTM3LjYxIiB5PSIxMDIuNDMiIHdpZHRoPSI4LjkiIGhlaWdodD0iMy4yIi8+PC9nPjwvZz48cGF0aCBjbGFzcz0iY2xzLTMiIGQ9Im0xNjQuOTgsODEuNDZsLS4wOCwxNi4yOHMuMTUsMy4yNC4zLDMuNjIuNiwxLjUxLDEuMTMsMS44OCwxLjAyLjc5LDEuNzcsMS4wNi45NC40OSwyLjExLjQ5LDE4LjE3LjA0LDE4LjE3LjA0bC0yMy40MS0yMy4zN1oiLz48cGF0aCBjbGFzcz0iY2xzLTEiIGQ9Im0xODguNTEsMTA0LjkxdjkuNTIiLz48cGF0aCBjbGFzcz0iY2xzLTEiIGQ9Im0xMDMuNTMsMTMxLjM3di00NC45NWMwLTIuODQsMi4zLTUuMTUsNS4xNS01LjE1LDE4Ljc3LDAsMzcuNTQsMCw1Ni4zMSwwIi8+PHBhdGggY2xhc3M9ImNscy0xIiBkPSJtMTY1LjAxLDgxLjI3djE4LjM1YzAsMi44NCwyLjMxLDUuMTUsNS4xNSw1LjE1aDE4LjM1cy0yMy41LTIzLjYyLTIzLjUtMjMuNVoiLz48Y2lyY2xlIGNsYXNzPSJjbHMtMSIgY3g9IjE2OC4yMSIgY3k9IjE2My4yNyIgcj0iMjQuOTYiLz48Y2lyY2xlIGNsYXNzPSJjbHMtMSIgY3g9IjE2OC4yMSIgY3k9IjE2My4yNyIgcj0iMzEuMjUiLz48cGF0aCBjbGFzcz0iY2xzLTEiIGQ9Im0xOTIuNTcsMTgzLjMzYzkuNjIsOS42MiwzMC4yOCwzMC4yOCwzMC4yOCwzMC4yOCwxLjE3LDEuMTcsMS4xNywzLjA3LDAsNC4yNHMtMy4wNywxLjE3LTQuMjQsMGMwLDAtMjAuNTgtMjAuNTgtMzAuMjItMzAuMjIiLz48Zz48cGF0aCBjbGFzcz0iY2xzLTUiIGQ9Im0xNjguNjYsMTcwLjkzYy0uNzQsMC0xLjM0LjI0LTEuODEuNzItLjQ3LjQ4LS43MSwxLjA5LS43MSwxLjgzcy4yNCwxLjMyLjcxLDEuODFjLjQ3LjQ5LDEuMDcuNzQsMS44MS43NHMxLjM0LS4yNSwxLjgxLS43NGMuNDctLjQ5LjcxLTEuMS43MS0xLjgxcy0uMjQtMS4zNC0uNzEtMS44M2MtLjQ3LS40OC0xLjA4LS43Mi0xLjgxLS43MloiLz48cGF0aCBjbGFzcz0iY2xzLTUiIGQ9Im0xNzQuNjksMTUzLjc3Yy0uNjItMS4wMi0xLjQ5LTEuODItMi42LTIuNC0xLjEyLS41Ny0yLjQtLjg2LTMuODUtLjg2LTEuNjgsMC0zLjE3LjQtNC40NywxLjE5cy0yLjI5LDEuOTQtMi45OCwzLjQzbDIuNzYsMi4yOGMuNDYtMS4wNiwxLjA3LTEuODYsMS44NS0yLjQuNzctLjU0LDEuNjUtLjgxLDIuNjQtLjgxLjc2LDAsMS40MS4xNCwxLjk3LjQxLjU1LjI4Ljk4LjY3LDEuMjgsMS4xNy4zLjUxLjQ1LDEuMS40NSwxLjc5cy0uMTYsMS4yOS0uNDcsMS44MWMtLjMxLjUyLS43NS45Mi0xLjMxLDEuMjEtLjU2LjI5LTEuMjIuNDMtMS45OC40M2gtLjkzdjYuNjZoMy4yOGwuMjYtMy43M2MuNzEtLjI0LDEuMzctLjU1LDEuOTUtLjkzLjk5LS42NCwxLjc1LTEuNDUsMi4yOS0yLjQxLjU0LS45Ny44MS0yLjA3LjgxLTMuMzEsMC0xLjMzLS4zMS0yLjUxLS45My0zLjU0WiIvPjwvZz48cGF0aCBjbGFzcz0iY2xzLTEiIGQ9Im04NS41NSwyMDMuOTdjLjY4LDIuODksMy4yNiw0Ljk2LDYuMjYsNC45NmgxMTcuNzMiLz48cGF0aCBjbGFzcz0iY2xzLTEiIGQ9Im0yMTUuMzcsMjA2LjA0Yy40Ny0uNzEuOC0xLjUyLjk1LTIuNCwxLjU4LTguODcsMy4xNS0xNy43NSw0LjczLTI2LjYyLDIuMDMtMTEuNDQsNC4wNi0yMi44OCw2LjA5LTM0LjMyLjcyLTQuMDgsMS43Ny04LjI1LDIuMTYtMTIuMzguMzktNC4xNi0xLjY4LTguNzktNS42Ny0xMC4zMSIvPjxwYXRoIGNsYXNzPSJjbHMtNyIgZD0ibTIyMy41MSwxMjAuMDhzLjQ5LDEuNjIuNTMsMS43My4zMiwyLjQ0LjMyLDIuNDRsLS4wNCwxLjkxLTEuMzgsNy4xMy0zLjM5LDE5LjMxLTIuODksMTUuOTItMi45NiwxNi43Ni0yLjQ0LDEzLjE2LS45MiwyLjY1LDQuOTgsNS4xNS44NS0yLjE1LjgxLTQuMDYsMS40OC04LjMzLDIuODItMTUuNzEsMi4xNS0xMi4xMSwxLjk0LTExLjM2LDIuNzUtMTQuNzUuODgtNC42OS4yOC0yLjU4LjA3LTIuMTItLjYtMi43NS0xLjI0LTIuMzYtMS4wOS0xLjU5LTIuMDEtMS4zMS0uOTItLjI4WiIvPjxwb2x5Z29uIGNsYXNzPSJjbHMtNyIgcG9pbnRzPSI4NS42OCAyMDMuOTMgMjA0LjU1IDIwMy44NCAyMDkuMzUgMjA4LjczIDE0OC40OCAyMDguODggOTAuOTUgMjA5LjAyIDg5LjUgMjA4LjY2IDg3Ljk4IDIwNy45MiA4Ni44MiAyMDYuNTggODYuMDEgMjA1LjAzIDg1LjY4IDIwMy45MyIvPjwvc3ZnPg==";const L5=r=>O("svg",{viewBox:"0 0 24 24",width:"1.2em",height:"1.2em",...r,children:O("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"})}),N5=r=>O("svg",{viewBox:"0 0 24 24",width:"1.2em",height:"1.2em",...r,children:O("path",{fill:"currentColor",d:"M5 23.7q-.825 0-1.413-.588Q3 22.525 3 21.7v-14q0-.825.587-1.413Q4.175 5.7 5 5.7h8.925l-2 2H5v14h14v-6.95l2-2v8.95q0 .825-.587 1.412q-.588.588-1.413.588Zm7-9Zm4.175-8.425l1.425 1.4l-6.6 6.6V15.7h1.4l6.625-6.625l1.425 1.4l-7.2 7.225H9v-4.25Zm4.275 4.2l-4.275-4.2l2.5-2.5q.6-.6 1.438-.6q.837 0 1.412.6l1.4 1.425q.575.575.575 1.4T22.925 8Z"})}),Dme=r=>{var e;const t=(e=r.current)==null?void 0:e.getEchartsInstance();if(t){const n=t.getConnectedDataURL({type:"png",pixelRatio:2,excludeComponents:["toolbox"],backgroundColor:"#fff"}),i=document.createElement("a");i.href=n,i.download="chart.png",document.body.appendChild(i),i.click(),document.body.removeChild(i)}},Tme=r=>O("svg",{viewBox:"0 0 24 24",width:"1.2em",height:"1.2em",...r,children:O("path",{fill:"currentColor",d:"M22.71 6.29a1 1 0 0 0-1.42 0L20 7.59V2a1 1 0 0 0-2 0v5.59l-1.29-1.3a1 1 0 0 0-1.42 1.42l3 3a1 1 0 0 0 .33.21a.94.94 0 0 0 .76 0a1 1 0 0 0 .33-.21l3-3a1 1 0 0 0 0-1.42ZM19 13a1 1 0 0 0-1 1v.38l-1.48-1.48a2.79 2.79 0 0 0-3.93 0l-.7.7l-2.48-2.48a2.85 2.85 0 0 0-3.93 0L4 12.6V7a1 1 0 0 1 1-1h8a1 1 0 0 0 0-2H5a3 3 0 0 0-3 3v12a3 3 0 0 0 3 3h12a3 3 0 0 0 3-3v-5a1 1 0 0 0-1-1ZM5 20a1 1 0 0 1-1-1v-3.57l2.9-2.9a.79.79 0 0 1 1.09 0l3.17 3.17l4.3 4.3Zm13-1a.89.89 0 0 1-.18.53L13.31 15l.7-.7a.77.77 0 0 1 1.1 0L18 17.21Z"})}),Lme=({className:r,iconClass:t,text:e,chartRef:n,id:i})=>Y(be,{variant:"custom",type:"button",onClick:()=>Dme(n),className:r,id:`metric-card-image-download-btn__${i}`,children:[O(Tme,{className:t}),e]});var pd={metricFilter:"_metricFilter_k2gef_1",customContainer:"_customContainer_k2gef_4"};const pC=({rlsConditions:r,onChangeFilterValue:t,companyId:e,integrationId:n,integrationName:i})=>O("div",{children:!!(r!=null&&r.length)&&t?r[0].datatype!=="date"?r[0].datatype==="string"?r[0].options.length?O("div",{className:pd.metricFilter,children:O(Wc,{selectedOptions:Array.isArray(r[0].value)&&r[0].value.length?r[0].value.map(a=>({label:a,value:a})):[],options:r[0].options.map(a=>({value:a,label:a})),onChange:a=>t(r[0].name,a==null?void 0:a[0].value,void 0,a),labelDesign:"client",label:r[0].name})}):O("div",{className:pd.metricFilter,children:O(u0,{selectedOptions:Array.isArray(r[0].value)&&r[0].value.length?r[0].value.map(a=>({label:a,value:a})):[],onChange:a=>t(r[0].name,a==null?void 0:a[0].value,void 0,a),filter:{tableName:r[0].tableName,columnName:r[0].columnName},companyId:e,isSearchEnabled:!0,autoSelected:Array.isArray(r[0].value)&&!r[0].value.length,labelDesign:"client",label:r[0].name,integrationId:n,integrationName:i})}):O("div",{className:pd.metricFilter,children:O(Or,{label:r[0].name,selectedOption:{value:r[0].value||r[0].options[0],label:r[0].value||r[0].options[0]},options:r[0].options.map(a=>({value:a,label:a})),onChange:a=>t(r[0].name,a.value),labelDesign:"client"})}):O("div",{className:pd.metricFilter,children:O(Or,{label:r[0].name,selectedOption:{value:r[0].value||r[0].options[0].name,label:r[0].value||r[0].options[0].name},options:r[0].options.map(a=>({value:a.name,label:a.name})),onChange:a=>t(r[0].name,a.value),labelDesign:"client",children:r[0].value==="Custom"?Y("div",{className:pd.customContainer,children:[O(Ke,{label:"From Date",type:"date",onChange:({target:{value:a}})=>{t(r[0].name,"Custom",{from:new Date(Date.parse(a))})}}),O(Ke,{label:"To Date",type:"date",onChange:({target:{value:a}})=>t(r[0].name,"Custom",{to:new Date(Date.parse(a))})})]}):null})}):void 0});var en={container:"_container_14i90_1",popover:"_popover_14i90_5",button:"_button_14i90_9",buttonOpen:"_buttonOpen_14i90_13",menu:"_menu_14i90_17",enter:"_enter_14i90_21",enterFrom:"_enterFrom_14i90_25",enterTo:"_enterTo_14i90_29",leave:"_leave_14i90_33",leaveFrom:"_leaveFrom_14i90_37",leaveTo:"_leaveTo_14i90_41",center:"_center_14i90_45",top:"_top_14i90_49",bottom:"_bottom_14i90_53",left:"_left_14i90_57",right:"_right_14i90_61","left-top-end":"_left-top-end_14i90_65","right-top-end":"_right-top-end_14i90_69","left-bottom-end":"_left-bottom-end_14i90_73","right-bottom-end":"_right-bottom-end_14i90_77","top-left":"_top-left_14i90_81","top-right":"_top-right_14i90_85","bottom-left":"_bottom-left_14i90_89","bottom-right":"_bottom-right_14i90_93","left-top":"_left-top_14i90_65","left-bottom":"_left-bottom_14i90_73","right-top":"_right-top_14i90_69","right-bottom":"_right-bottom_14i90_77",chartOptionBtn:"_chartOptionBtn_14i90_113",chartpopup:"_chartpopup_14i90_117"},vC={fullscreen:"_fullscreen_1gpy3_1",loading:"_loading_1gpy3_5"};const Nme=({isShowUnderlyingData:r,setShowUnderlyingData:t,getUnderlyingData:e,columnName:n,value:i})=>{const[a,o]=G.useState([]),[s,l]=G.useState(!0);return G.useEffect(()=>{n&&i&&r&&e({columnName:n,setData:o,setLoading:l,value:i})},[n,i,r]),O(Ii,{isOpen:r,onClose:()=>t(!1),headerTitle:"View Underlying Data",children:Y("div",{className:vC.fullscreen,children:[!!a.length&&O(dc,{data:a,isLoading:!1,error:""}),!a.length&&!s&&O("div",{className:vC.loading,children:"No Data Available"}),s&&!a.length&&O("div",{className:vC.loading,children:O(Dl,{style:{width:"50px",height:"50px",color:"blue"}})})]})})};var Eme=me.default.memo(Nme);const Ome=r=>O("svg",{viewBox:"0 0 24 24",width:"1.2em",height:"1.2em",...r,children:O("g",{id:"evaLayersFill0",children:O("g",{id:"evaLayersFill1",children:Y("g",{id:"evaLayersFill2",fill:"currentColor",children:[O("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"}),O("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"}),O("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"})]})})})}),kme=r=>O("svg",{viewBox:"0 0 2048 2048",width:"1.2em",height:"1.2em",...r,children:O("path",{fill:"currentColor",d:"M1024 0q141 0 272 36t245 103t207 160t160 208t103 245t37 272q0 141-36 272t-103 245t-160 207t-208 160t-245 103t-272 37q-141 0-272-36t-245-103t-207-160t-160-208t-103-244t-37-273q0-141 36-272t103-245t160-207t208-160T751 37t273-37zm0 1920q123 0 237-32t214-90t182-141t140-181t91-214t32-238q0-123-32-237t-90-214t-141-182t-181-140t-214-91t-238-32q-123 0-237 32t-214 90t-182 141t-140 181t-91 214t-32 238q0 123 32 237t90 214t141 182t181 140t214 91t238 32zm531-1005l90 90l-620 622l-622-622l90-90l467 467V384h129v997l466-466z"})}),Rme=r=>O("svg",{viewBox:"0 0 24 24",width:"1.2em",height:"1.2em",...r,children:O("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"})}),E5=({position:r="center",menuContainerClass:t,menuClass:e,isOpen:n,setOpen:i,value:a,columnName:o,getUnderlyingData:s,drilldown:l,clickBehaviourConfigs:c})=>{const[u,h]=G.useState(!1),f=G.useRef(null);return Vc({wrapRef:f,onOutsideClick:()=>i(!1)}),Y(Me,{children:[O("div",{onContextMenu:d=>{d.preventDefault()},ref:f,children:O("div",{className:`${en.popover} ${en[r]} ${t}`,children:O(Pc,{as:"div",className:`${en.menu} ${e}`,show:n,enter:en.enter,enterFrom:en.enterFrom,enterTo:en.enterTo,leave:en.leave,leaveFrom:en.leaveFrom,leaveTo:en.leaveTo,children:Y("div",{className:en.chartpopup,children:[Y(be,{variant:"custom",type:"button",className:en.chartOptionBtn,onClick:()=>h(!0),children:[O(Ome,{className:en.popupItemIcon}),O(pe,{variant:"p",styleClass:"font-14",children:"View underlying data"})]}),l&&Y(be,{variant:"custom",type:"button",className:en.chartOptionBtn,onClick:()=>l(),children:[O(kme,{className:en.popupItemIcon}),O(pe,{variant:"p",styleClass:"font-14",children:"Drill Down"})]}),c.isEnable&&Y(be,{variant:"custom",type:"button",className:en.chartOptionBtn,onClick:()=>GS(c,(a==null?void 0:a.split(" ").join("_"))||"undefined"),children:[O(Rme,{className:en.popupItemIcon}),O(pe,{variant:"p",styleClass:"font-14",children:"Go to"})]})]})})})}),O(Eme,{isShowUnderlyingData:u,setShowUnderlyingData:h,columnName:o,value:a,getUnderlyingData:s})]})};var Pme=me.default.memo(E5);const $me=({query:r,clientName:t,tenancyType:e,values:n})=>{const i=t?e===Zy?r.replace(new RegExp(Yy,"g"),t):Number(t)?r.replace(new RegExp(Qy,"g"),t):r.replace(new RegExp(Vy,"g"),t):r;return n?i.replace(/[^']+_variable/g,o=>`${n[o]}`):i},zme=()=>{const[r,t]=G.useState(!1),[e,n]=G.useState(!1),[i,a]=G.useState(""),{mutate:o}=gV(),{handleSubmit:s,register:l}=Oc();return{isShowRawCsvModal:r,setRawCsvModal:t,isLoading:e,downloadCsvError:i,onSubmitDownloadCsv:({companyId:u,sqlQuery:h,values:f,clientName:d,tenancyType:p,metricName:v,workspaceId:g})=>{n(!0),a("");const m=$me({query:h,clientName:d,tenancyType:p,values:f});o({companyId:u,recipientAddress:f.email,sqlQuery:m,metricName:v,workspaceId:g},{onSuccess(y){var w,_;const b=(w=y.sendRawCsv)==null?void 0:w.status,M=(_=y.sendRawCsv)==null?void 0:_.error;b?(a(""),n(!1),t(!1)):M?(a(M.message),n(!1)):(a(Gn),n(!1))}})},handleSubmit:s,register:l}},vd={required:"Required"},jme={...vd,pattern:{value:/^\S+@\S+$/i,message:"Entered value does not match email format"}};({...vd},{...vd});var O5={"dbc-container":"_dbc-container_1dw7c_1","active-dimension":"_active-dimension_1dw7c_5"};const k5=({dimensions:r,drilledLevel:t})=>O("div",{className:O5["dbc-container"],children:r.map((e,n)=>Y("span",{className:n===t?O5["active-dimension"]:"",children:["/",e]}))}),R5=({globalFilters:r={tableName:"",filters:[]},metricItem:t,onMaximize:e,client:n,colors:i,param:a,companyTenancyType:o,renderHeaderName:s,onArchive:l,onEdit:c})=>{var pr;const u=G.useRef(null),h={};if(a!=null&&a.values)for(const Ue in a.values){const Ht=`${Ue}_variable`;h[Ht]=a.values[Ue]}const[f,d]=G.useState(""),[p,v]=G.useState(""),[g,m]=G.useState([]),[y,b]=G.useState(""),[M,w]=G.useState(""),[_,A]=G.useState([]),[D,I]=G.useState(""),[C,S]=G.useState([]),[x,T]=G.useState([]),[L,N]=G.useState({card:{isEnable:!1,baseUrl:"",dynamic:"none",route:"",routeType:"internal"},chart:{isEnable:!1,baseUrl:"",dynamic:"{{value}}",route:"/{{value}}",routeType:"internal"}}),{data:E,isLoading:k}=YI({id:t==null?void 0:t.id,clientId:n,tenancyLevel:o,rlsConditions:o==="DATABASE"?x.map(Ue=>({...Ue,tableName:`${n}.${Ue.tableName.split(".").slice(1).join(".")}`,dimensionColumn:p||"",measureColumn:g[0]||""})):x.map(Ue=>({...Ue,dimensionColumn:p||"",measureColumn:g[0]||""})),globalFilters:o==="DATABASE"?{...r,tableName:`${n}.${r.tableName.split(".").slice(1).join(".")}`}:r,filterValues:h}),[R,$]=G.useState({contentAlignment:"center",lineGap:"small",hideVerticalDivider:!1,enableStripedRows:!1,showRowHover:!1,showTableTitle:!1,showTableDesc:!1,enableTableSearch:!1,enableFilter:!1,enableSorting:!1}),[F,V]=G.useState({marginTop:20,marginBottom:20,marginLeft:5,marginRight:5}),[z,B]=G.useState({show:!0,top:0,left:0,right:0,bottom:0,position:"horizontal"}),[H,W]=G.useState({axis:"left",show:!1,position:"hidden"}),[U,q]=G.useState({axis:"left"}),[K,te]=G.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}),[j,Z]=G.useState({show:!1}),[X,ue]=G.useState(!1),[ie,re]=G.useState([]),[ae,Pe]=G.useState(),[Xe,gt]=G.useState(0);G.useEffect(()=>{m(t==null?void 0:t.chartOptions.yAxisList),v(t==null?void 0:t.chartOptions.xAxis),b(t==null?void 0:t.chartOptions.step),w(t==null?void 0:t.chartOptions.measure),d(t==null?void 0:t.chartOptions.chartType),A(t==null?void 0:t.chartOptions.sankeyValues),I(t==null?void 0:t.chartOptions.singleValue),V(t==null?void 0:t.chartOptions.margins),B(t==null?void 0:t.chartOptions.legendSettings),W(t==null?void 0:t.chartOptions.labelSettings),q(t!=null&&t.chartOptions.axisSettings?t==null?void 0:t.chartOptions.axisSettings:"left"),Z(t!=null&&t.chartOptions.backGroundColor?t==null?void 0:t.chartOptions.backGroundColor:"false"),te(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}),T((t==null?void 0:t.rlsConditions)||[]),Pe(t==null?void 0:t.drillDownSettings),N(t.clickActions||{card:{isEnable:!1,baseUrl:"",dynamic:"none",route:"",routeType:"internal"},chart:{isEnable:!1,baseUrl:"",dynamic:"{{value}}",route:"/{{value}}",routeType:"internal"}}),$(t!=null&&t.chartOptions.tableSettings?t==null?void 0:t.chartOptions.tableSettings:{contentAlignment:"center",lineGap:"small",hideVerticalDivider:!1,enableStripedRows:!1,showRowHover:!1,showTableTitle:!1,showTableDesc:!1,enableTableSearch:!1,enableFilter:!1,enableSorting:!1})},[t]),G.useEffect(()=>{var Ht,Tr;const Ue=(Ht=E==null?void 0:E.externalMetricQuery)!=null&&Ht.data?JSON.parse((Tr=E==null?void 0:E.externalMetricQuery)==null?void 0:Tr.data):[];S(Ue!=null?Ue:[])},[(pr=E==null?void 0:E.externalMetricQuery)==null?void 0:pr.data]);const{labels:ut,datasets:kt,funnelData:oe,sankeyData:ye,singleValueData:we}=c0({data:ae!=null&&ae.isEnableGroupBy?ie:C,measure:M,sankeyValues:_,singleValue:D,step:y,xAxis:p,yAxisList:g});G.useEffect(()=>{var Ue;ie.length&&(ae==null?void 0:ae.isEnableGroupBy)&&(v((Ue=ae==null?void 0:ae.selectedDimensions)==null?void 0:Ue[Xe]),m(ae==null?void 0:ae.selectedMeasures))},[ie,ae]),G.useEffect(()=>{(C==null?void 0:C.length)&&(ae==null?void 0:ae.isEnableGroupBy)&&Mm(C,re,ae.selectedMeasures,ae.selectedDimensions[0])},[C,ae]);const ct=(Ue,Ht,Tr,ns)=>{T(Tr?Zi=>Zi.map(vr=>vr.name===Ue?{...vr,value:Ht,options:vr.options.map(Hn=>Hn.name==="Custom"?{...Hn,...Tr}:Hn)}:vr):ns?Zi=>Zi.map(vr=>vr.name===Ue?{...vr,value:ns.map(Hn=>Hn.value)}:vr):Zi=>Zi.map(vr=>vr.name===Ue?{...vr,value:Ht}:vr))},[ht,mt]=G.useState(!1),[Qe,xt]=G.useState(),tt=Ue=>{x.length&&x[0].datatype==="date"||(xt(Ue),mt(!0))},{getUnderlyingData:_t}=JI({clientName:n,tenancyType:o,values:h,companyId:t.companyId,query:t.query}),cr=G.useMemo(()=>Array.isArray(C)&&C.length&&(Qe==null?void 0:Qe.name)?C.map(Ue=>{const Ht=Object.entries(Ue).find(([,Tr])=>Tr===Qe.name);return Ht==null?void 0:Ht[0]}).filter(Ue=>Ue)[0]:"",[C,Qe==null?void 0:Qe.name]),yi=()=>{ej(cr,Qe,ae,C,gt,Xe,mt,re)},{isShowRawCsvModal:Qi,setRawCsvModal:Fn,downloadCsvError:rs,handleSubmit:no,isLoading:io,onSubmitDownloadCsv:hr,register:Lt}=zme();return Y(Me,{children:[Y("div",{className:Te.cardContainer,onContextMenu:Ue=>{Ue.preventDefault()},children:[Y("div",{className:Te.listHeader,children:[Y("div",{className:Te.metricName,children:[O(be,{type:"button",variant:"custom",isDisabled:!L.card.isEnable,className:"disabled:cursor-text",onClick:()=>w3(L,t.metricId,t.id),children:O(pe,{variant:"h3",styleClass:"primary",className:`${Te.metricTitle} dbn-metric-card-title`,children:s?s(t.name):t.name})}),t.description&&O("span",{className:`${Te.metricDescription} dbn-metric-card-description`,children:t.description})]}),Y("div",{className:Te.features,children:[O(pC,{rlsConditions:x,onChangeFilterValue:ct,companyId:t==null?void 0:t.companyId,integrationId:t==null?void 0:t.companyIntegrationId,integrationName:t==null?void 0:t.integrationName}),Y(pc,{buttonClass:Te.popup,button:O(it,{name:"more-icon",className:Te.popupIcon}),menuClass:Te.popupMenu,position:"bottom-right",children:[Y(be,{type:"button",variant:"custom",id:`metric-card-popup-btn__${t.id}`,className:`${Te.popupItem} ${Te.csvBtn}`,onClick:()=>e({labels:ut,data:{labels:ut,datasets:kt},chartType:f,funnelData:oe,sankeyData:ye,singleValueData:we,margins:F,colors:i,legendSettings:z,labelSettings:H,axisSettings:U,customSettings:K,backGroundColor:j,tableSettings:R,enableSaveAs:!0,chartClickConfig:L.chart,chartRef:u,handleChartRightClick:tt}),children:[O(it,{name:"fullscreen-icon",className:Te.popupItemIcon}),"Enter Fullscreen"]}),O(Lme,{text:"Save As PNG",chartRef:u,className:`${Te.popupItem} ${Te.csvBtn}`,iconClass:Te.popupItemIcon,id:t.id}),O(aA,{data:C,fileName:t.name,className:`${Te.popupItem} ${Te.csvBtn}`,text:"Save As CSV",iconClass:Te.popupItemIcon}),!!C.length&&Y(Me,{children:[Y(be,{variant:"custom",type:"button",className:`${Te.popupItem} ${Te.csvBtn}`,onClick:()=>ue(!0),children:[O(it,{name:"table-tab-icon",className:Te.popupItemIcon}),"View As Table"]}),Y(be,{variant:"custom",type:"button",className:`${Te.popupItem} ${Te.csvBtn}`,onClick:()=>Fn(!0),children:[O(it,{name:"csv-icon",className:Te.popupItemIcon}),"Download Raw CSV"]})]}),c&&Y(be,{variant:"custom",type:"button",className:`${Te.popupItem} ${Te.csvBtn}`,onClick:()=>c(t,C),children:[O(N5,{className:Te.popupItemIcon}),"Edit Metric"]}),l&&Y(be,{variant:"custom",type:"button",className:`${Te.popupItem} ${Te.csvBtn} ${Te.deleteBtn}`,onClick:()=>l(t.id),children:[O(L5,{className:Te.popupItemIcon}),"Archive Metric"]})]})]})]}),(ae==null?void 0:ae.isEnableGroupBy)&&O(k5,{dimensions:ae.selectedDimensions,drilledLevel:Xe}),f&&Y("div",{className:Te.metricData,onContextMenu:Ue=>{Ue.preventDefault()},children:[!k&&!C.length?O("div",{className:Te.noData,children:Y("div",{className:Te.noDataContent,children:[O("img",{src:T5,alt:"",width:"300px",height:"300px"}),O("div",{className:Te.noDataText,children:"No Data Available"})]})}):null,k&&O("div",{className:Te.loading,children:O(Dl,{style:{width:"50px",height:"50px",color:"blue"}})}),(Qe==null?void 0:Qe.name)&&cr&&O(Pme,{isOpen:ht,setOpen:mt,value:Qe==null?void 0:Qe.name,columnName:cr,getUnderlyingData:_t,drilldown:ae!=null&&ae.isEnableGroupBy?yi:void 0,clickBehaviourConfigs:L.chart}),C!=null&&C.length?O(ym,{labels:ut,data:{labels:ut,datasets:kt},chartType:f,funnelData:oe,sankeyData:ye,singleValueData:we,margins:F,legendSettings:z,labelSettings:H,axisSettings:U,tableSettings:R,enableSaveAs:!0,colors:i,customSettings:K,backGroundColor:j,chartClickConfig:L.chart,chartRef:u,handleChartRightClick:tt}):null]})]}),!!C.length&&O(Ii,{isOpen:X,onClose:()=>ue(!1),headerTitle:t.name,children:O("div",{className:Te.fullscreen,children:O(dc,{data:C,isLoading:k,error:""})})}),O(Ii,{isOpen:Qi,onClose:()=>Fn(!1),headerTitle:"Download Raw csv",children:Y("form",{className:Te.downloadCsv,onSubmit:no(Ue=>{var Ht;return hr({values:Ue,sqlQuery:t.query,companyId:t.companyId,clientName:n,tenancyType:o,metricName:t==null?void 0:t.name,workspaceId:(Ht=t==null?void 0:t.companyIntegration)==null?void 0:Ht.workspaceId})}),children:[Y("div",{className:Te.downloadCsvWrapper,children:[O(Ke,{type:"email",label:"email",placeholder:"enter a valid email",register:Lt("email",jme)}),O(Hc,{message:rs}),Y("div",{className:Te.downloadCsvNote,children:[O(it,{name:"info-icon",className:Te.popupItemIcon}),Y("div",{className:Te.downloadCsvNoteText,children:[O(pe,{styleClass:"primary",variant:"h1",children:"Note:"}),O(pe,{styleClass:"font-14",variant:"p",children:"You will shortly receive a mail with CSV attached to the above email id, once you click on Submit"})]})]})]}),Y(ql,{children:[O(be,{variant:"custom",type:"button",size:"small",className:Te.downloadCsvCancelBtn,onClick:()=>Fn(!1),isDisabled:io,children:"Cancel"}),O(be,{variant:"primary",type:"submit",size:"small",isDisabled:io,children:"Submit"})]})]})})]})},P5=({globalFilters:r={tableName:"",filters:[]},metricItem:t,client:e,param:n,companyTenancyType:i,renderHeaderName:a,onArchive:o,onEdit:s})=>{var S;const l={};if(n!=null&&n.values)for(const x in n.values){const T=`${x}_variable`;l[T]=n.values[x]}const[c,u]=G.useState(""),[h,f]=G.useState(""),[d,p]=G.useState([]),[v,g]=G.useState([]),[m,y]=G.useState({card:{isEnable:!1,baseUrl:"",dynamic:"none",route:"",routeType:"internal"},chart:{isEnable:!1,baseUrl:"",dynamic:"{{value}}",route:"/{{value}}",routeType:"internal"}}),[b,M]=G.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:w,isLoading:_}=YI({id:t==null?void 0:t.id,clientId:e,tenancyLevel:i,rlsConditions:i==="DATABASE"?v.map(x=>({...x,tableName:`${e}.${x.tableName.split(".").slice(1).join(".")}`})):v,globalFilters:i==="DATABASE"?{...r,tableName:`${e}.${r.tableName.split(".").slice(1).join(".")}`}:r,filterValues:l});G.useEffect(()=>{u(t==null?void 0:t.chartOptions.chartType),f(t==null?void 0:t.chartOptions.singleValue),g((t==null?void 0:t.rlsConditions)||[]),M(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}),y(t.clickActions||{card:{isEnable:!1,baseUrl:"",dynamic:"none",route:"",routeType:"internal"},chart:{isEnable:!1,baseUrl:"",dynamic:"{{value}}",route:"/{{value}}",routeType:"internal"}})},[t]),G.useEffect(()=>{var T,L;const x=(T=w==null?void 0:w.externalMetricQuery)!=null&&T.data?JSON.parse((L=w==null?void 0:w.externalMetricQuery)==null?void 0:L.data):[];p(x!=null?x:[])},[(S=w==null?void 0:w.externalMetricQuery)==null?void 0:S.data]);const A=d,D=A!=null&&A.length?A==null?void 0:A.map(x=>x[h]):"",I=[{value:D[0]}],C=(x,T,L,N)=>{g(L?E=>E.map(k=>k.name===x?{...k,value:T,options:k.options.map(R=>R.name==="Custom"?{...R,...L}:R)}:k):N?E=>E.map(k=>k.name===x?{...k,value:N.map(R=>R.value)}:k):E=>E.map(k=>k.name===x?{...k,value:T}:k))};return O(Me,{children:Y("div",{className:Te.cardContainer,id:t.id,children:[Y("div",{className:Te.listHeader,children:[Y("div",{className:Te.metricName,children:[O(be,{type:"button",variant:"custom",isDisabled:!m.card.isEnable,className:"disabled:cursor-text",onClick:()=>w3(m,t.metricId,t.id),children:O(pe,{variant:"h3",styleClass:"primary",className:`${Te.metricTitle} dbn-metric-card-title`,children:a?a(t.name):t.name})}),t.description&&O("span",{className:`${Te.metricDescription} dbn-metric-card-description`,children:t.description})]}),Y("div",{className:Te.features,children:[O(pC,{rlsConditions:v,onChangeFilterValue:C,companyId:t==null?void 0:t.companyId,integrationId:t==null?void 0:t.companyIntegrationId,integrationName:t==null?void 0:t.integrationName}),(s||o)&&Y(pc,{buttonClass:Te.popup,button:O(it,{name:"more-icon",className:Te.popupIcon}),menuClass:Te.popupMenu,position:"bottom-right",children:[s&&Y(be,{variant:"custom",type:"button",className:`${Te.popupItem} ${Te.csvBtn}`,onClick:()=>s(t,d),children:[O(N5,{className:Te.popupItemIcon}),"Edit Metric"]}),o&&Y(be,{variant:"custom",type:"button",className:`${Te.popupItem} ${Te.csvBtn} ${Te.deleteBtn}`,onClick:()=>o(t.id),children:[O(L5,{className:Te.popupItemIcon}),"Archive Metric"]})]})]})]}),c&&O("div",{className:`${Te.metricData} ${Te.singleValueData}`,children:_?O(Dl,{style:{width:"50px",height:"50px",color:"blue"}}):O(Me,{children:D.length?O(M3,{data:I,customSettings:b,chartClickConfig:m.chart,hideBorder:!0}):O("div",{className:Te.noData,children:Y("div",{className:Te.noDataContent,children:[O("img",{src:T5,alt:"",width:"300px",height:"300px"}),O("div",{className:Te.noDataText,children:"No Data Available"})]})})})})]})})},Bme=r=>Y("svg",{viewBox:"0 0 512 512",width:"1.2em",height:"1.2em",...r,children:[O("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"}),O("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"}),O("path",{fill:"currentColor",d:"M256 397.25a20 20 0 1 1 20-20a20 20 0 0 1-20 20Z"})]}),$5=({isOpen:r,onClose:t,onSuccess:e,metricId:n,dashboardId:i,clientId:a})=>{const o=Ld(),{mutateAsync:s,isLoading:l}=hV(),c=async()=>{!n||!i||!a||await s({id:n,clientId:a},{onSuccess:u=>{!u.insert_clientDeletedMetrics_one||(o.setQueryData(["EmbeddedDashboardMetrics",{externalDashboardId:i,clientId:a}],h=>{var d;const f=(d=h==null?void 0:h.externalDashboardMetrics)==null?void 0:d.filter(p=>p.externalMetricId!==n);return{...h,externalDashboardMetrics:f}}),e())}})};return Y(Ii,{headerTitle:"Archive Metric",isOpen:r,onClose:t,children:[Y("div",{className:Te.deleteModal,children:[O(Bme,{className:Te.warningIcon}),O(pe,{variant:"p",styleClass:"font-14",children:"Are you sure you want to archive the metric?"})]}),Y(ql,{children:[O(be,{variant:"secondary",type:"button",size:"default",className:Te.cancelBtn,onClick:t,children:"Cancel"}),O(be,{variant:"reject",type:"button",size:"default",isDisabled:l,onClick:c,children:l?"Archiving...":"Archive"})]})]})};var Fme={alertCancel:"_alertCancel_15a9a_1"},gd={alert:"_alert_5fxok_1",primary:"_primary_5fxok_9",warning:"_warning_5fxok_17",error:"_error_5fxok_25",success:"_success_5fxok_33",alertTextContent:"_alertTextContent_5fxok_41",alertText:"_alertText_5fxok_41",alertButtons:"_alertButtons_5fxok_57"};const z5=({variant:r="primary",text:t,children:e})=>O(Me,{children:Y("div",{className:`${gd.alert} ${gd[r]}`,children:[Y("div",{className:gd.alertTextContent,children:[O(it,{name:"info-icon"}),O(pe,{styleClass:"font-14",variant:"p",className:gd.alertText,children:t})]}),O("div",{className:gd.alertButtons,children:e})]})}),j5=({onCancel:r,onSave:t})=>O(Me,{children:Y(z5,{text:"Please click on\r the save button to save the changes to the layout.",children:[O(be,{variant:"secondary",type:"button",size:"small",className:Fme.alertCancel,onClick:r,children:"Cancel"}),O(be,{variant:"primary",type:"button",size:"small",onClick:t,children:"Save"})]})}),B5=Sx.exports.WidthProvider(Sx.exports.Responsive),F5=({chartColors:r,globalFilters:t,client:e,isLiveMode:n,isAllowedToDeleteMetrics:i,isAllowedToUpdateMetrics:a,isAllowedToChangeLayout:o,externalDashboardMetrics:s,isMetricListLoading:l,breakpoint:c,layoutCols:u,params:h,companyTenancyType:f="TABLE",externalDashboardId:d,externalDashboardPk:p,companyId:v,workspaceId:g})=>{const[m,y]=G.useState(!1),[b,M]=G.useState({id:"",show:!1}),[w,_]=G.useState({layout:[],isShow:!1}),[A,D]=G.useState({show:!1}),[I,C]=G.useState(),{saveLayout:S,layout:x}=KI({clientId:e,externalDashboardId:p}),T=E=>{_({isShow:!0,layout:E})},[L,N]=G.useMemo(()=>{const E=s==null?void 0:s.map(V=>V.externalMetric),k=E==null?void 0:E.filter(V=>!V.isCreatedByClient),R=E==null?void 0:E.filter(V=>V.isCreatedByClient&&V.clientId===e),$=[...k||[],...R||[]].filter(V=>n?V.isLive===n:!0),F=$.map(V=>{const z=x.find(B=>B.i===V.id);return{i:(z==null?void 0:z.i)||V.id,w:(z==null?void 0:z.w)||5,h:(z==null?void 0:z.h)||10,x:(z==null?void 0:z.x)||0,y:(z==null?void 0:z.y)||0,minW:3,minH:6,maxH:15}});return[$,F]},[s,x]);return O(Me,{children:L.length&&N.length?Y(Me,{children:[Y("div",{className:Ic["MetricList-container"],id:"metric-list-container",children:[w.isShow&&O(j5,{onCancel:()=>_(E=>({...E,isShow:!1})),onSave:()=>{S(w.layout),_(E=>({...E,isShow:!1}))}}),O(B5,{layouts:{lg:N},onResizeStop:o?T:void 0,onDragStop:o?T:void 0,isDraggable:o,isDroppable:o,isResizable:o,rowHeight:30,width:1200,breakpoints:c!=null?c:{lg:1200,md:996,sm:768,xs:480,xxs:0},cols:u!=null?u:{lg:12,md:10,sm:6,xs:4,xxs:2},children:L.map(E=>O("div",{className:`${Ic["MetricList-wrapper"]} ${o?Ic["MetricList-wrapper-move"]:""}`,id:E.id,children:E.chartOptions.chartType==="single value"?O(P5,{metricItem:E,client:e,globalFilters:t,param:h==null?void 0:h.find(k=>k.metricId===E.metricId),companyTenancyType:f,onArchive:i?k=>M({id:k,show:!0}):void 0,onEdit:a?(k,R)=>D({show:!0,metric:k,metricData:R}):void 0}):O(R5,{metricItem:E,onMaximize:k=>{C(k),y(!0)},client:e,colors:r,globalFilters:t,param:h==null?void 0:h.find(k=>k.metricId===E.metricId),companyTenancyType:f,onArchive:i?k=>M({id:k,show:!0}):void 0,onEdit:a?(k,R)=>D({show:!0,metric:k,metricData:R}):void 0})},E.id))})]}),O(ox,{onCancel:()=>y(!1),isShow:m,chart:I}),i?O($5,{metricId:b.id,isOpen:b.show,clientId:e,onSuccess:()=>M({id:"",show:!1}),onClose:()=>M({id:"",show:!1}),dashboardId:d}):null,a&&O(Mx,{clientId:e,externalDashboardId:p,userProvidedDashboardId:d,isLiveMode:n,companyId:v,metric:A.metric,metricData:A.metricData,isShowMetricCreateModal:A.show,setShowMetricCreateModal:E=>D({metric:void 0,metricData:void 0,show:Boolean(E)}),chartColors:r,workspaceId:g})]}):O(Me,{children:l?O("div",{className:Ic["alt-container"],children:O(Dl,{style:{width:"50px",height:"50px",color:"blue"}})}):O("div",{className:Ic["noMetric-container"],children:O("div",{className:Ic["noMetric-wrapper"],children:O(pe,{variant:"h2",styleClass:"primary",children:"No metrics created yet"})})})})})};var Sa={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"},Hme=Object.freeze(Object.defineProperty({__proto__:null,Button:be,ChartConfig:jI,ChartModalOptions:BI,SelectField:SH,DataType:i0,Error:Hc,ErrorFallback:WI,ExternalMetricForm:QI,FilterDropDown:l0,MultiFilterDropdown:u0,FloatingDropDown:Or,MultiFloatingDropDown:Wc,FullScreenChart:ox,isInFilterOperator:sx,isNullFilterOperator:bm,FilterField:nde,GlobalFilters:B3,Tooltip:F3,InfoTooltip:Dr,InputField:Ke,CsvDownloadButton:aA,MetricChart:ym,EmbeddedMetricCreation:Mx,MetricForm:wj,ConstructMetric:Sj,Dataset:W3,Header:H3,MetricOutput:Q3,ChartTab:U3,TableTab:Y3,GridLayout:B5,ExternalMetricList:F5,MetricCard:R5,SingleValueCard:P5,ArchiveMetricModal:$5,LayoutAlert:j5,MetricTable:({data:r,isError:t})=>Y("div",{className:Sa.container,children:[!!(r!=null&&r.length)&&!t&&Y("table",{className:Sa.table,children:[O("thead",{className:Sa.tableHead,children:O("tr",{className:Sa.tableRow,children:Object.keys(r[0]).map(e=>O("th",{className:Sa.tableHeadCol,scope:"col",children:O(pe,{styleClass:"font-14c",variant:"h1",className:Sa.tableHeadColText,children:e})},e))})}),O("tbody",{children:r==null?void 0:r.map((e,n)=>O("tr",{children:Object.keys(r[0]).map((i,a)=>O("td",{className:Sa.tableRowCol,children:O(pe,{styleClass:"font-14",variant:"p",className:Sa.tableColText,children:JSON.stringify(e[i])})},a))},n))})]}),!(r!=null&&r.length)&&!t&&O("div",{className:Sa.empty,children:"Table is empty"}),t&&O("div",{className:Sa.error,children:r.message})]}),Modal:Ii,ModalFooter:ql,PopoverMenu:pc,SearchTab:$c,Select:er,HookSelect:zc,SelectWithSubValue:EI,DropDown:KF,MultiSelect:jc,HookMultiSelect:Bc,Tab:rd,Table:dc,Text:pe,TextAreaField:GI,TimeGrainField:Z3,ToggleButton:UI,Icons:it,ChartPopup:E5,DrillBreadCrumb:k5,MetricFilterDropDown:pC,Alert:z5},Symbol.toStringTag,{value:"Module"}));const Vme=r=>O("svg",{viewBox:"0 0 24 24",width:"1.2em",height:"1.2em",...r,children:O("path",{fill:"currentColor",d:"M19 13h-6v6h-2v-6H5v-2h6V5h2v6h6v2Z"})});var Wme={scheduleEmailButton:"_scheduleEmailButton_13nzt_1"},Bn={"form-container":"_form-container_1odg5_1","form-wrapper":"_form-wrapper_1odg5_4","form-primary-text":"_form-primary-text_1odg5_8","week-days-container":"_week-days-container_1odg5_12","main-label":"_main-label_1odg5_15","time-element":"_time-element_1odg5_19","cancel-btn":"_cancel-btn_1odg5_23","delete-btn":"_delete-btn_1odg5_26","field-width":"_field-width_1odg5_29","timezone-field":"_timezone-field_1odg5_33","success-text":"_success-text_1odg5_37"},Ac={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"};const Gme=({control:r,placeholder:t,name:e,label:n,onChangeTags:i,defaultTagValue:a})=>{const[o,s]=G.useState([]),[l,c]=G.useState(""),u=d=>{s(o.filter(p=>p!==d))},h=d=>{if(d.key==="Enter"||d.key===","){d.preventDefault();const p=l.trim();p&&!o.includes(p)&&(s([...o,p]),c(""))}};G.useEffect(()=>{i&&i(o)},[o]),G.useEffect(()=>{a&&Array.isArray(a)&&s(a)},[a]);const f=d=>{c(d.target.value)};return O($d,{name:e||"tags",control:r,defaultValue:"",render:({field:d})=>Y("div",{className:Ac.inputFieldContainer,children:[O(Ke,{...d,type:"text",value:l,onChange:f,onKeyDown:h,placeholder:t,label:n}),O("div",{className:Ac["tag-container"],children:o.map(p=>O("div",{className:Ac.tag,children:Y(be,{variant:"custom",type:"button",onClick:()=>u(p),className:Ac.tagBtn,children:[O("span",{className:Ac["tag-text"],children:p}),O(it,{name:"close-icon",className:Ac["cross-icon"]})]})},p))})]})})},H5=G.createContext({isLoading:void 0,data:void 0,token:void 0}),V5=()=>G.useContext(H5),Ume=(r,t)=>{const e=t.getTimezoneOffset()*-1;return new Date(t.toLocaleString("en-US",{timeZone:r})).getTimezoneOffset()*-1-e},Yme=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=(Xy.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=Ume(r.timezone,e);e.setTime(e.getTime()+n*6e4)}return e},Qme=({onCancel:r})=>{var N;const{register:t,handleSubmit:e,watch:n,control:i,setValue:a,getValues:o,reset:s}=Oc(),{data:l,token:c}=V5(),{data:u,isLoading:h}=nV({token:c}),f=G.useMemo(()=>{var E;if((E=u==null?void 0:u.scheduleEmailReports)!=null&&E.length)return u==null?void 0:u.scheduleEmailReports[0]},[u]);G.useEffect(()=>{f?s({...f.timeConfigurations}):(a("time","PM"),a("timezone","IST"),a("frequency","Monthly"))},[f]);const[d,p]=G.useState(!1),[v,g]=G.useState(""),[m,y]=G.useState(!1),[b,M]=G.useState(!1),w="",_=((N=l==null?void 0:l.externalDashboardMetrics)==null?void 0:N.map(E=>({value:E.externalMetric.id,label:E.externalMetric.name})))||[],A=_V(),D=NH(),I=OH(),C=(E,k)=>E.charts.length===0?(g("please select at least one chart to share"),p(!1),y(!1),!1):E.emails.length===0?(g("please add at least one email address"),p(!1),y(!1),!1):k?!0:(g("invalid time configurations"),p(!1),y(!1),!1),S=E=>{var K,te;g(""),p(!0),y(!1);const{subject:k,emails:R,frequency:$,weekDays:F,date:V,hours:z,time:B,timezone:H}=E,W=Yme({date:V,frequency:$,hours:z,time:B,timezone:H,weekDays:F});if(!C(E,W))return;const q=(K=E.charts)==null?void 0:K.map(j=>({externalMetricId:j}));f?D.mutate({scheduleEmailReportId:f.id},{onSuccess({delete_scheduleEmailReportCharts:j}){var Z;j!=null&&j.affected_rows?A.mutate({emails:R,externalDashboardId:(Z=l==null?void 0:l.externalDashboard)==null?void 0:Z.id,data:q,guestToken:c,nextScheduledAt:W,sharingSettingsId:l==null?void 0:l.sharingSettingsId,subject:k,timeConfigurations:E},{onSuccess({insert_scheduleEmailReports_one:X}){X!=null&&X.id?(g(""),p(!1),y(!0)):(g(Gn),p(!1),y(!1))},onError(){g(Gn),p(!1),y(!1)}}):(g(Gn),p(!1),y(!1))},onError(){g(Gn),p(!1),y(!1)}}):A.mutate({emails:R,externalDashboardId:(te=l==null?void 0:l.externalDashboard)==null?void 0:te.id,data:q,guestToken:c,nextScheduledAt:W,sharingSettingsId:l==null?void 0:l.sharingSettingsId,subject:k,timeConfigurations:E},{onSuccess({insert_scheduleEmailReports_one:j}){j!=null&&j.id?(g(""),p(!1),y(!0)):(g(Gn),p(!1),y(!1))},onError(){g(Gn),p(!1),y(!1)}})},x=()=>{g(""),p(!0),M(!1),y(!1),I.mutate({id:f==null?void 0:f.id},{onSuccess({delete_scheduleEmailReports_by_pk:E}){E!=null&&E.id?(g(""),p(!1),M(!0),s({subject:"",emails:[],charts:[]}),r()):(g(Gn),p(!1),M(!1))},onError(){g(Gn),p(!1),M(!1)}})},T=e(S),L=e(x);return{register:t,handleSubmit:e,watch:n,control:i,setValue:a,getValues:o,reset:s,dashboardName:w,chartOptions:_,onSave:T,isLoading:d,isSuccess:m,error:v,isLoadingData:h,scheduleReportConfig:f,onDelete:L,isDeleted:b}},Zme=({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:f,onDelete:d,isDeleted:p}=Qme({onCancel:r});return Y("form",{className:Bn["form-container"],onSubmit:l,children:[Y("div",{className:Bn["form-wrapper"],children:[Y(pe,{variant:"p",styleClass:"font-14",className:Bn["form-primary-text"],children:["Schedule an email report for Dashboard:",O(pe,{variant:"span",styleClass:"primary",children:o})]}),O(Ke,{label:"Subject Line",placeholder:"Weekly Report - Sales Overview 2023",register:n("subject",vd)}),O(Gme,{control:t,type:"text",label:"Send to",placeholder:"Enter email addresses",onChangeTags:g=>i("emails",g),defaultTagValue:(v=f==null?void 0:f.timeConfigurations)==null?void 0:v.emails}),O(Bc,{control:t,name:"charts",options:s,label:"Charts to Attach",defaultValue:[]}),O(zc,{label:"Frequency of emails",options:zI,control:t,name:"frequency",defaultValue:"Monthly"}),a().frequency!=="Monthly"?O("div",{className:Bn["week-days-container"],children:Xy.map(g=>O(Ke,{label:g.label,type:"checkbox",register:n(`weekDays.${g.value}`),isDisabled:a().frequency==="Daily"},g.value))}):O("div",{children:O(Wc,{label:"Choose Dates",selectedOptions:e().date||[],options:$I,onChange:g=>i("date",g)})}),Y("div",{children:[O(pe,{variant:"span",styleClass:"custom",className:Bn["main-label"],children:"Scheduled Time"}),Y("div",{className:Bn["time-element"],children:[O(Ke,{type:"number",className:Bn["field-width"],min:0,max:11,register:n("hours",vd),defaultValue:5}),O(zc,{options:PI,control:t,name:"time",className:Bn["timezone-field"],defaultValue:"PM"}),O(zc,{options:RI,control:t,name:"timezone",className:Bn["timezone-field"],defaultValue:"IST"})]})]}),u&&O(Hc,{message:u}),h&&O(pe,{variant:"p",styleClass:"font-14b",className:Bn["success-text"],children:"Scheduled successfully!"}),p&&O(pe,{variant:"p",styleClass:"font-14b",className:Bn["success-text"],children:"Deleted successfully!"})]}),Y(ql,{children:[f?O(be,{type:"reset",variant:"secondary",className:Bn["delete-btn"],size:"default",onClick:()=>{d()},isDisabled:c,children:"Delete"}):O(be,{type:"reset",variant:"secondary",className:Bn["cancel-btn"],size:"default",onClick:()=>r(),isDisabled:c,children:"Cancel"}),O(be,{variant:"primary",type:"submit",size:"medium",isDisabled:c,children:f?"Update":"Save"})]})]})},Xme=r=>O("svg",{viewBox:"0 0 2048 2048",width:"1.2em",height:"1.2em",...r,children:O("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"})}),qme=()=>{const[r,t]=G.useState(!1);return Y("div",{children:[O(be,{variant:"custom",type:"button",onClick:()=>t(!0),title:"email-sharing",className:Wme.scheduleEmailButton,children:O(Xme,{})}),O(Ii,{isOpen:r,onClose:()=>t(!1),headerTitle:"Schedule Email",children:O(Zme,{onCancel:()=>t(!1)})})]})},W5=me.default.memo(({options:r,theme:t})=>{var d,p,v,g;const{data:e,isLoading:n}=V5(),[i,a]=G.useState([]),[o,s]=G.useState(!1),[l,c]=G.useState({tableName:"",filters:[]}),{data:u}=sV({companyId:e==null?void 0:e.companyId},{enabled:!!(e!=null&&e.companyId)}),[h,f]=G.useMemo(()=>{var y,b,M,w;const m=(w=(M=(b=(y=u==null?void 0:u.themes[0])==null?void 0:y.chart)==null?void 0:b.palettes)==null?void 0:M.find(_=>{var A,D;return _.name===((D=(A=u.themes[0])==null?void 0:A.chart)==null?void 0:D.selected)}))==null?void 0:w.colors;return[u==null?void 0:u.themes[0],m]},[u==null?void 0:u.themes[0]]);return qI(h),O(Me,{children:Y("div",{className:nn["embedDashboard-container"],id:"dbn-dashboard",children:[((d=e==null?void 0:e.externalDashboard)==null?void 0:d.id)&&!n&&Y(Me,{children:[!(r!=null&&r.disableMetricCreation)&&!e.externalDashboard.filters.length&&!e.isAllowedToCreateMetrics?null:Y("div",{className:(r==null?void 0:r.headerVariant)==="floating"?nn["embedDashboard-header-floating"]:nn["embedDashboard-header-static"],children:[(r==null?void 0:r.headerVariant)==="floating"&&O("span",{className:nn.floatingButton,children:O(it,{name:"setup-icon",className:nn.floatingButton})}),Y("div",{className:(r==null?void 0:r.headerVariant)==="floating"?nn.floatingContainer:nn.staticContainer,children:[e.sharingSettingsId&&O(qme,{}),!(r!=null&&r.disableMetricCreation)&&e.isAllowedToCreateMetrics&&Y(Me,{children:[O(be,{type:"button",variant:(r==null?void 0:r.headerVariant)==="floating"?"custom":"primary",size:"large",className:(r==null?void 0:r.headerVariant)==="floating"?nn.floatingCreateButton:"",onClick:()=>s(!0),children:(r==null?void 0:r.headerVariant)==="floating"?O(Vme,{className:nn.floatingCreateButtonIcon}):"Create Metric"}),O(Mx,{clientId:e.clientId,companyId:e.companyId,isLiveMode:e.isLiveMode,externalDashboardId:e.externalDashboard.id,chartColors:f!=null?f:r==null?void 0:r.chartColors,isShowMetricCreateModal:o,setShowMetricCreateModal:s,workspaceId:(p=e.workspace)==null?void 0:p.id,userProvidedDashboardId:e.externalDashboardId})]})]})]}),Y("div",{className:nn["embedDashboard-wrapper"],children:[e.externalDashboard.filters.length?O(pc,{button:Y(be,{type:"button",variant:"custom",className:nn.filterButton,children:[Y("div",{className:nn.filterText,children:[O(it,{name:"filter-icon"})," Filters"]}),i.length===0?O("div",{}):O("span",{className:nn.filterLength,children:i.length})]}),menuClass:"w-[400px] ml-[40px]",position:"bottom-left",children:O(B3,{companyId:e.companyId,externalDashboardId:e.externalDashboard.id,filters:e.externalDashboard.filters,onApply:m=>c(m),appliedfilters:i,setAppliedFilters:a})}):null,O(F5,{client:e.clientId,isLiveMode:e.isLiveMode,externalDashboardId:e.externalDashboardId,externalDashboardPk:e.externalDashboard.id,isAllowedToDeleteMetrics:e.isAllowedToDeleteMetrics||!(r!=null&&r.disableMetricDeletion),isAllowedToUpdateMetrics:e.isAllowedToUpdateMetrics||!(r!=null&&r.disableMetricUpdation),isAllowedToChangeLayout:e.isAllowedToChangeLayout||!(r!=null&&r.disableLayoutCustomization),externalDashboardMetrics:e.externalDashboardMetrics,companyId:e.companyId,isMetricListLoading:n,globalFilters:l,breakpoint:t==null?void 0:t.breakpoint,layoutCols:t==null?void 0:t.metricLayoutCols,chartColors:f!=null?f:r==null?void 0:r.chartColors,params:Array.isArray(e.rlsSettings)?e.rlsSettings:[],companyTenancyType:e.companyTenancyType,workspaceId:(v=e.workspace)==null?void 0:v.id})]})]}),n&&O("div",{className:nn["alt-container"],children:O(Dl,{style:{width:"50px",height:"50px",color:"blue"}})}),!n&&!((g=e==null?void 0:e.externalDashboard)!=null&&g.id)&&O("div",{className:nn["alt-container"],children:"Invalid token or Dashboard id"})]})})}),Kme=({token:r,children:t})=>{const{data:e,isLoading:n}=ZI(r),i=G.useMemo(()=>({data:e,isLoading:n,token:r}),[e,n,r]);return O(H5.Provider,{value:i,children:t})},Jme=new xB,G5=({children:r,theme:t})=>(G.useEffect(()=>{!t||!Object.keys(t).length||tA(t)},[t]),O(aB,{FallbackComponent:WI,children:O(LB,{client:Jme,children:r})})),eye=me.default.memo(({token:r,options:t,theme:e})=>O(G5,{theme:e,children:O(Kme,{token:r,children:O(W5,{options:t,theme:e})})}));var tye=Object.freeze(Object.defineProperty({__proto__:null},Symbol.toStringTag,{value:"Module"}));Hr.Dashboard=eye,Hr.EmbeddedDashboard=W5,Hr.PluginProvider=G5,Hr.Ui=Hme,Hr.consts=IV,Hr.helpers=yde,Hr.hooks=TV,Hr.types=tye,Hr.utils=EV,Object.defineProperties(Hr,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}})});
+In order to be iterable, non-array objects must have a [Symbol.iterator]() method.`)}function m5(r,t){if(!!r){if(typeof r=="string")return tC(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 tC(r,t)}}function tC(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 Uge(r,t){var e=r==null?null:typeof Symbol!="undefined"&&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 Yge(r){if(Array.isArray(r))return r}function Qge(r,t){if(!(r instanceof t))throw new TypeError("Cannot call a class as a function")}function y5(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 Zge(r,t,e){return t&&y5(r.prototype,t),e&&y5(r,e),Object.defineProperty(r,"prototype",{writable:!1}),r}function Xge(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&&rC(r,t)}function rC(r,t){return rC=Object.setPrototypeOf||function(n,i){return n.__proto__=i,n},rC(r,t)}function qge(r){var t=Jge();return function(){var n=Vm(r),i;if(t){var a=Vm(this).constructor;i=Reflect.construct(n,arguments,a)}else i=n.apply(this,arguments);return Kge(this,i)}}function Kge(r,t){if(t&&(Fm(t)==="object"||typeof t=="function"))return t;if(t!==void 0)throw new TypeError("Derived constructors may only return object or undefined");return In(r)}function In(r){if(r===void 0)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return r}function Jge(){if(typeof Reflect=="undefined"||!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 Vm(r){return Vm=Object.setPrototypeOf?Object.getPrototypeOf:function(e){return e.__proto__||Object.getPrototypeOf(e)},Vm(r)}function Br(r,t,e){return t in r?Object.defineProperty(r,t,{value:e,enumerable:!0,configurable:!0,writable:!0}):r[t]=e,r}var b5="react-grid-layout",_5=!1;try{_5=/firefox/i.test(navigator.userAgent)}catch{}var Wm=function(r){Xge(e,r);var t=qge(e);function e(){var n;Qge(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)),Br(In(n),"state",{activeDrag:null,layout:(0,qe.synchronizeLayoutWithChildren)(n.props.layout,n.props.children,n.props.cols,(0,qe.compactType)(n.props),n.props.allowOverlap),mounted:!1,oldDragItem:null,oldLayout:null,oldResizeItem:null,droppingDOMNode:null,children:[]}),Br(In(n),"dragEnterCounter",0),Br(In(n),"onDragStart",function(s,l,c,u){var h=u.e,f=u.node,d=n.state.layout,p=(0,qe.getLayoutItem)(d,s);if(!!p)return n.setState({oldDragItem:(0,qe.cloneLayoutItem)(p),oldLayout:d}),n.props.onDragStart(d,p,p,null,h,f)}),Br(In(n),"onDrag",function(s,l,c,u){var h=u.e,f=u.node,d=n.state.oldDragItem,p=n.state.layout,v=n.props,g=v.cols,m=v.allowOverlap,y=v.preventCollision,b=(0,qe.getLayoutItem)(p,s);if(!!b){var M={w:b.w,h:b.h,x:b.x,y:b.y,placeholder:!0,i:s},w=!0;p=(0,qe.moveElement)(p,b,l,c,w,y,(0,qe.compactType)(n.props),g,m),n.props.onDrag(p,d,b,M,h,f),n.setState({layout:m?p:(0,qe.compact)(p,(0,qe.compactType)(n.props),g),activeDrag:M})}}),Br(In(n),"onDragStop",function(s,l,c,u){var h=u.e,f=u.node;if(!!n.state.activeDrag){var d=n.state.oldDragItem,p=n.state.layout,v=n.props,g=v.cols,m=v.preventCollision,y=v.allowOverlap,b=(0,qe.getLayoutItem)(p,s);if(!!b){var M=!0;p=(0,qe.moveElement)(p,b,l,c,M,m,(0,qe.compactType)(n.props),g,y),n.props.onDragStop(p,d,b,null,h,f);var w=y?p:(0,qe.compact)(p,(0,qe.compactType)(n.props),g),_=n.state.oldLayout;n.setState({activeDrag:null,layout:w,oldDragItem:null,oldLayout:null}),n.onLayoutMaybeChanged(w,_)}}}),Br(In(n),"onResizeStart",function(s,l,c,u){var h=u.e,f=u.node,d=n.state.layout,p=(0,qe.getLayoutItem)(d,s);!p||(n.setState({oldResizeItem:(0,qe.cloneLayoutItem)(p),oldLayout:n.state.layout}),n.props.onResizeStart(d,p,p,null,h,f))}),Br(In(n),"onResize",function(s,l,c,u){var h=u.e,f=u.node,d=n.state,p=d.layout,v=d.oldResizeItem,g=n.props,m=g.cols,y=g.preventCollision,b=g.allowOverlap,M=(0,qe.withLayoutItem)(p,s,function(I){var C;if(y&&!b){var S=(0,qe.getAllCollisions)(p,zl(zl({},I),{},{w:l,h:c})).filter(function(L){return L.i!==I.i});if(C=S.length>0,C){var x=1/0,T=1/0;S.forEach(function(L){L.x>I.x&&(x=Math.min(x,L.x)),L.y>I.y&&(T=Math.min(T,L.y))}),Number.isFinite(x)&&(I.w=x-I.x),Number.isFinite(T)&&(I.h=T-I.y)}}return C||(I.w=l,I.h=c),I}),w=Wge(M,2),_=w[0],A=w[1];if(!!A){var D={w:A.w,h:A.h,x:A.x,y:A.y,static:!0,i:s};n.props.onResize(_,v,A,D,h,f),n.setState({layout:b?_:(0,qe.compact)(_,(0,qe.compactType)(n.props),m),activeDrag:D})}}),Br(In(n),"onResizeStop",function(s,l,c,u){var h=u.e,f=u.node,d=n.state,p=d.layout,v=d.oldResizeItem,g=n.props,m=g.cols,y=g.allowOverlap,b=(0,qe.getLayoutItem)(p,s);n.props.onResizeStop(p,v,b,null,h,f);var M=y?p:(0,qe.compact)(p,(0,qe.compactType)(n.props),m),w=n.state.oldLayout;n.setState({activeDrag:null,layout:M,oldResizeItem:null,oldLayout:null}),n.onLayoutMaybeChanged(M,w)}),Br(In(n),"onDragOver",function(s){var l;if(s.preventDefault(),s.stopPropagation(),_5&&!((l=s.nativeEvent.target)!==null&&l!==void 0&&l.classList.contains(b5)))return!1;var c=n.props,u=c.droppingItem,h=c.onDropDragOver,f=c.margin,d=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 M=zl(zl({},u),b),w=n.state.layout,_=s.nativeEvent,A=_.layerX,D=_.layerY,I={left:A/y,top:D/y,e:s};if(n.state.droppingDOMNode){if(n.state.droppingPosition){var x=n.state.droppingPosition,T=x.left,L=x.top,N=T!=A||L!=D;N&&n.setState({droppingPosition:I})}}else{var C={cols:d,margin:f,maxRows:v,rowHeight:p,containerWidth:g,containerPadding:m||f},S=(0,$ge.calcXY)(C,D,A,M.w,M.h);n.setState({droppingDOMNode:$l.createElement("div",{key:M.i}),droppingPosition:I,layout:[].concat(Bge(w),[zl(zl({},M),{},{x:S.x,y:S.y,static:!1,isDraggable:!0})])})}}),Br(In(n),"removeDroppingPlaceholder",function(){var s=n.props,l=s.droppingItem,c=s.cols,u=n.state.layout,h=(0,qe.compact)(u.filter(function(f){return f.i!==l.i}),(0,qe.compactType)(n.props),c);n.setState({layout:h,droppingDOMNode:null,activeDrag:null,droppingPosition:void 0})}),Br(In(n),"onDragLeave",function(s){s.preventDefault(),s.stopPropagation(),n.dragEnterCounter--,n.dragEnterCounter===0&&n.removeDroppingPlaceholder()}),Br(In(n),"onDragEnter",function(s){s.preventDefault(),s.stopPropagation(),n.dragEnterCounter++}),Br(In(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 Zge(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,qe.fastRGLPropsEqual)(this.props,i,eC.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,qe.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,eC.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,f=a.useCSSTransforms,d=a.transformScale;return $l.createElement(p5.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:f,transformScale:d},$l.createElement("div",null))}},{key:"processGridItem",value:function(i,a){if(!(!i||!i.key)){var o=(0,qe.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,f=s.rowHeight,d=s.maxRows,p=s.isDraggable,v=s.isResizable,g=s.isBounded,m=s.useCSSTransforms,y=s.transformScale,b=s.draggableCancel,M=s.draggableHandle,w=s.resizeHandles,_=s.resizeHandle,A=this.state,D=A.mounted,I=A.droppingPosition,C=typeof o.isDraggable=="boolean"?o.isDraggable:!o.static&&p,S=typeof o.isResizable=="boolean"?o.isResizable:!o.static&&v,x=o.resizeHandles||w,T=C&&g&&o.isBounded!==!1;return $l.createElement(p5.default,{containerWidth:l,cols:c,margin:u,containerPadding:h||u,maxRows:d,rowHeight:f,cancel:b,handle:M,onDragStop:this.onDragStop,onDragStart:this.onDragStart,onDrag:this.onDrag,onResizeStart:this.onResizeStart,onResize:this.onResize,onResizeStop:this.onResizeStop,isDraggable:C,isResizable:S,isBounded:T,useCSSTransforms:m&&D,usePercentages:!D,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?I:void 0,resizeHandles:x,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,Pge.default)(b5,o),h=zl({height:this.containerHeight()},s);return $l.createElement("div",{ref:c,className:u,style:h,onDrop:l?this.onDrop:qe.noop,onDragLeave:l?this.onDragLeave:qe.noop,onDragEnter:l?this.onDragEnter:qe.noop,onDragOver:l?this.onDragOver:qe.noop},$l.Children.map(this.props.children,function(f){return i.processGridItem(f)}),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,eC.default)(i.layout,a.propsLayout)||i.compactType!==a.compactType?o=i.layout:(0,qe.childrenEqual)(i.children,a.children)||(o=a.layout),o){var s=(0,qe.synchronizeLayoutWithChildren)(o,i.children,i.cols,(0,qe.compactType)(i),i.allowOverlap);return{layout:s,compactType:i.compactType,children:i.children,propsLayout:i.layout}}return null}}]),e}($l.Component);ad.default=Wm,Br(Wm,"displayName","ReactGridLayout"),Br(Wm,"propTypes",zge.default),Br(Wm,"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:qe.noop,onDragStart:qe.noop,onDrag:qe.noop,onDragStop:qe.noop,onResizeStart:qe.noop,onResize:qe.noop,onResizeStop:qe.noop,onDrop:qe.noop,onDropDragOver:qe.noop});var Gm={},jl={};Object.defineProperty(jl,"__esModule",{value:!0}),jl.findOrGenerateResponsiveLayout=rme,jl.getBreakpointFromWidth=eme,jl.getColsFromBreakpoint=tme,jl.sortBreakpoints=nC;var Um=yt;function eme(r,t){for(var e=nC(r),n=e[0],i=1,a=e.length;i<a;i++){var o=e[i];t>r[o]&&(n=o)}return n}function tme(r,t){if(!t[r])throw new Error("ResponsiveReactGridLayout: `cols` entry for breakpoint "+r+" is missing!");return t[r]}function rme(r,t,e,n,i,a){if(r[e])return(0,Um.cloneLayout)(r[e]);for(var o=r[n],s=nC(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,Um.cloneLayout)(o||[]),(0,Um.compact)((0,Um.correctBounds)(o,{cols:i}),a,i)}function nC(r){var t=Object.keys(r);return t.sort(function(e,n){return r[e]-r[n]})}function Ym(r){return Ym=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},Ym(r)}Object.defineProperty(Gm,"__esModule",{value:!0}),Gm.default=void 0;var w5=ame(me.default),An=aC(vi.exports),iC=aC(Nl.exports),Sc=yt,Bl=jl,nme=aC(ad),ime=["breakpoint","breakpoints","cols","layouts","margin","containerPadding","onBreakpointChange","onLayoutChange","onWidthChange"];function aC(r){return r&&r.__esModule?r:{default:r}}function M5(r){if(typeof WeakMap!="function")return null;var t=new WeakMap,e=new WeakMap;return(M5=function(i){return i?e:t})(r)}function ame(r,t){if(!t&&r&&r.__esModule)return r;if(r===null||Ym(r)!=="object"&&typeof r!="function")return{default:r};var e=M5(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 oC(){return oC=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},oC.apply(this,arguments)}function ome(r,t){if(r==null)return{};var e=sme(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 sme(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 S5(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 sC(r){for(var t=1;t<arguments.length;t++){var e=arguments[t]!=null?arguments[t]:{};t%2?S5(Object(e),!0).forEach(function(n){xc(r,n,e[n])}):Object.getOwnPropertyDescriptors?Object.defineProperties(r,Object.getOwnPropertyDescriptors(e)):S5(Object(e)).forEach(function(n){Object.defineProperty(r,n,Object.getOwnPropertyDescriptor(e,n))})}return r}function lme(r,t){if(!(r instanceof t))throw new TypeError("Cannot call a class as a function")}function x5(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 ume(r,t,e){return t&&x5(r.prototype,t),e&&x5(r,e),Object.defineProperty(r,"prototype",{writable:!1}),r}function cme(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&&lC(r,t)}function lC(r,t){return lC=Object.setPrototypeOf||function(n,i){return n.__proto__=i,n},lC(r,t)}function hme(r){var t=dme();return function(){var n=Qm(r),i;if(t){var a=Qm(this).constructor;i=Reflect.construct(n,arguments,a)}else i=n.apply(this,arguments);return fme(this,i)}}function fme(r,t){if(t&&(Ym(t)==="object"||typeof t=="function"))return t;if(t!==void 0)throw new TypeError("Derived constructors may only return object or undefined");return uC(r)}function uC(r){if(r===void 0)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return r}function dme(){if(typeof Reflect=="undefined"||!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 Qm(r){return Qm=Object.setPrototypeOf?Object.getPrototypeOf:function(e){return e.__proto__||Object.getPrototypeOf(e)},Qm(r)}function xc(r,t,e){return t in r?Object.defineProperty(r,t,{value:e,enumerable:!0,configurable:!0,writable:!0}):r[t]=e,r}var C5=function(t){return Object.prototype.toString.call(t)};function Zm(r,t){return r==null?null:Array.isArray(r)?r:r[t]}var cC=function(r){cme(e,r);var t=hme(e);function e(){var n;lme(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)),xc(uC(n),"state",n.generateInitialState()),xc(uC(n),"onLayoutChange",function(s){n.props.onLayoutChange(s,sC(sC({},n.props.layouts),{},xc({},n.state.breakpoint,s)))}),n}return ume(e,[{key:"generateInitialState",value:function(){var i=this.props,a=i.width,o=i.breakpoints,s=i.layouts,l=i.cols,c=(0,Bl.getBreakpointFromWidth)(o,a),u=(0,Bl.getColsFromBreakpoint)(c,l),h=this.props.verticalCompact===!1?null:this.props.compactType,f=(0,Bl.findOrGenerateResponsiveLayout)(s,o,c,c,u,h);return{layout:f,breakpoint:c,cols:u}}},{key:"componentDidUpdate",value:function(i){(this.props.width!=i.width||this.props.breakpoint!==i.breakpoint||!(0,iC.default)(this.props.breakpoints,i.breakpoints)||!(0,iC.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,Bl.getBreakpointFromWidth)(this.props.breakpoints,this.props.width),h=this.state.breakpoint,f=(0,Bl.getColsFromBreakpoint)(u,s),d=sC({},l);if(h!==u||i.breakpoints!==o||i.cols!==s){h in d||(d[h]=(0,Sc.cloneLayout)(this.state.layout));var p=(0,Bl.findOrGenerateResponsiveLayout)(d,o,u,h,f,c);p=(0,Sc.synchronizeLayoutWithChildren)(p,this.props.children,f,c,this.props.allowOverlap),d[u]=p,this.props.onLayoutChange(p,d),this.props.onBreakpointChange(u,f),this.setState({breakpoint:u,layout:p,cols:f})}var v=Zm(this.props.margin,u),g=Zm(this.props.containerPadding,u);this.props.onWidthChange(this.props.width,v,f,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=ome(i,ime);return w5.createElement(nme.default,oC({},s,{margin:Zm(a,this.state.breakpoint),containerPadding:Zm(o,this.state.breakpoint),onLayoutChange:this.onLayoutChange,layout:this.state.layout,cols:this.state.cols}))}}],[{key:"getDerivedStateFromProps",value:function(i,a){if(!(0,iC.default)(i.layouts,a.layouts)){var o=a.breakpoint,s=a.cols,l=(0,Bl.findOrGenerateResponsiveLayout)(i.layouts,i.breakpoints,o,o,s,i.compactType);return{layout:l,layouts:i.layouts}}return null}}]),e}(w5.Component);Gm.default=cC,xc(cC,"propTypes",{breakpoint:An.default.string,breakpoints:An.default.object,allowOverlap:An.default.bool,cols:An.default.object,margin:An.default.oneOfType([An.default.array,An.default.object]),containerPadding:An.default.oneOfType([An.default.array,An.default.object]),layouts:function(t,e){if(C5(t[e])!=="[object Object]")throw new Error("Layout property must be an object. Received: "+C5(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,Sc.validateLayout)(t.layouts[n],"layouts."+n)})},width:An.default.number.isRequired,onBreakpointChange:An.default.func,onLayoutChange:An.default.func,onWidthChange:An.default.func}),xc(cC,"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:Sc.noop,onLayoutChange:Sc.noop,onWidthChange:Sc.noop});var hC={};function Xm(r){return Xm=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},Xm(r)}Object.defineProperty(hC,"__esModule",{value:!0}),hC.default=Ame;var qm=mme(me.default),pme=I5(vi.exports),vme=I5(Am),gme=["measureBeforeMount"];function I5(r){return r&&r.__esModule?r:{default:r}}function A5(r){if(typeof WeakMap!="function")return null;var t=new WeakMap,e=new WeakMap;return(A5=function(i){return i?e:t})(r)}function mme(r,t){if(!t&&r&&r.__esModule)return r;if(r===null||Xm(r)!=="object"&&typeof r!="function")return{default:r};var e=A5(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 fC(){return fC=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},fC.apply(this,arguments)}function yme(r,t){if(r==null)return{};var e=bme(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 bme(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 _me(r,t){if(!(r instanceof t))throw new TypeError("Cannot call a class as a function")}function D5(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 wme(r,t,e){return t&&D5(r.prototype,t),e&&D5(r,e),Object.defineProperty(r,"prototype",{writable:!1}),r}function Mme(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&&dC(r,t)}function dC(r,t){return dC=Object.setPrototypeOf||function(n,i){return n.__proto__=i,n},dC(r,t)}function Sme(r){var t=Cme();return function(){var n=Km(r),i;if(t){var a=Km(this).constructor;i=Reflect.construct(n,arguments,a)}else i=n.apply(this,arguments);return xme(this,i)}}function xme(r,t){if(t&&(Xm(t)==="object"||typeof t=="function"))return t;if(t!==void 0)throw new TypeError("Derived constructors may only return object or undefined");return dd(r)}function dd(r){if(r===void 0)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return r}function Cme(){if(typeof Reflect=="undefined"||!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 Km(r){return Km=Object.setPrototypeOf?Object.getPrototypeOf:function(e){return e.__proto__||Object.getPrototypeOf(e)},Km(r)}function Cc(r,t,e){return t in r?Object.defineProperty(r,t,{value:e,enumerable:!0,configurable:!0,writable:!0}):r[t]=e,r}var Ime="react-grid-layout";function Ame(r){var t;return t=function(e){Mme(i,e);var n=Sme(i);function i(){var a;_me(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)),Cc(dd(a),"state",{width:1280}),Cc(dd(a),"elementRef",qm.createRef()),Cc(dd(a),"mounted",!1),Cc(dd(a),"onWindowResize",function(){if(!!a.mounted){var c=a.elementRef.current;c instanceof HTMLElement&&c.offsetWidth&&a.setState({width:c.offsetWidth})}}),a}return wme(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=yme(o,gme);return s&&!this.mounted?qm.createElement("div",{className:(0,vme.default)(this.props.className,Ime),style:this.props.style,ref:this.elementRef}):qm.createElement(r,fC({innerRef:this.elementRef},l,this.state))}}]),i}(qm.Component),Cc(t,"defaultProps",{measureBeforeMount:!1}),Cc(t,"propTypes",{measureBeforeMount:pme.default.bool}),t}(function(r){r.exports=ad.default,r.exports.utils=yt,r.exports.Responsive=Gm.default,r.exports.Responsive.utils=jl,r.exports.WidthProvider=hC.default})(Sx);var AMe="",Ic={"MetricList-container":"_MetricList-container_15a2v_1","MetricList-wrapper":"_MetricList-wrapper_15a2v_9","MetricList-wrapper-move":"_MetricList-wrapper-move_15a2v_17","noMetric-container":"_noMetric-container_15a2v_25","noMetric-wrapper":"_noMetric-wrapper_15a2v_33","alt-container":"_alt-container_15a2v_41"},Te={cardContainer:"_cardContainer_hxh6o_1",listHeader:"_listHeader_hxh6o_9",metricName:"_metricName_hxh6o_17",metricTitle:"_metricTitle_hxh6o_25",metricDescription:"_metricDescription_hxh6o_33",popup:"_popup_hxh6o_41",metricFilter:"_metricFilter_hxh6o_49",popupIcon:"_popupIcon_hxh6o_57",popupMenu:"_popupMenu_hxh6o_65",popupItem:"_popupItem_hxh6o_73",popupItemIcon:"_popupItemIcon_hxh6o_81",csvBtn:"_csvBtn_hxh6o_89",deleteBtn:"_deleteBtn_hxh6o_97",metricData:"_metricData_hxh6o_105",singleValueData:"_singleValueData_hxh6o_113",singleValue:"_singleValue_hxh6o_113",noData:"_noData_hxh6o_129",noDataContent:"_noDataContent_hxh6o_137",noDataText:"_noDataText_hxh6o_145",loading:"_loading_hxh6o_153",features:"_features_hxh6o_161",fullscreen:"_fullscreen_hxh6o_169",deleteModal:"_deleteModal_hxh6o_177",cancelBtn:"_cancelBtn_hxh6o_185",warningIcon:"_warningIcon_hxh6o_193",downloadCsv:"_downloadCsv_hxh6o_201",downloadCsvWrapper:"_downloadCsvWrapper_hxh6o_209",downloadCsvHeader:"_downloadCsvHeader_hxh6o_215",downloadCsvFooter:"_downloadCsvFooter_hxh6o_221",downloadCsvCancelBtn:"_downloadCsvCancelBtn_hxh6o_229",downloadCsvNote:"_downloadCsvNote_hxh6o_237",downloadCsvNoteText:"_downloadCsvNoteText_hxh6o_245"},T5="data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz48c3ZnIGlkPSJMYXllcl8xIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAzMDAgMzAwIj48ZGVmcz48c3R5bGU+LmNscy0xe3N0cm9rZTojMTgyYzYwO30uY2xzLTEsLmNscy0ye2ZpbGw6bm9uZTtzdHJva2UtbGluZWNhcDpyb3VuZDtzdHJva2UtbGluZWpvaW46cm91bmQ7fS5jbHMtM3tmaWxsOiM1ODY1ZjY7b3BhY2l0eTouMTt9LmNscy00e2ZpbGw6I2YyZjNmNDt9LmNscy01e2ZpbGw6I2MxYzdjOTt9LmNscy02e2ZpbGw6I2RhZGVkZjt9LmNscy03e2ZpbGw6IzE4MmM2MDt9LmNscy0ye3N0cm9rZTojNTg2NWY2O3N0cm9rZS13aWR0aDo0cHg7fTwvc3R5bGU+PC9kZWZzPjxwYXRoIGNsYXNzPSJjbHMtMSIgZD0ibTIxMC41LDIwMC44M2MuNC0uNjYuNjgtMS40LjgyLTIuMiwxLjU4LTguODcsMy4xNS0xNy43NSw0LjczLTI2LjYyLDIuMDMtMTEuNDQsNC4wNi0yMi44OCw2LjA5LTM0LjMyLjcyLTQuMDgsMS43Ny04LjI1LDIuMTYtMTIuMzguNDMtNC41Ni0yLjA5LTkuNjgtNi44Ni0xMC42Ni0uMDEsMC0uMDMsMC0uMDQsMC0yLjQtLjQ5LTUuMDItLjIyLTcuNDUtLjIyaC00NC4yMmMtLjUyLDAtMi4zMy0uMzEtMi43NywwbC0yNC4yOCwxNy4yMmgtNjEuNjFjLTMuOTcsMC02Ljk5LDMuNTYtNi4zNCw3LjQ3bDkuNzUsNTkuNDJjLjUxLDMuMTEsMy4yLDUuMzksNi4zNCw1LjM5aDExNy44NiIvPjxwYXRoIGNsYXNzPSJjbHMtMSIgZD0ibTIwNywxMTQuNDN2LTguNTRjMC0zLjU1LTIuODgtNi40My02LjQzLTYuNDNoLTE3LjE5Ii8+PHBhdGggY2xhc3M9ImNscy0xIiBkPSJtMTAzLjQ3LDk5LjQ2aC0xNS4xMmMtMy41NSwwLTYuNDMsMi44OC02LjQzLDYuNDN2MjUuNDgiLz48Zz48bGluZSBjbGFzcz0iY2xzLTIiIHgxPSIxMTQuMTIiIHkxPSI5NC4wOCIgeDI9IjE0NC44NCIgeTI9Ijk0LjA4Ii8+PGc+PHJlY3QgY2xhc3M9ImNscy02IiB4PSIxMTIuNjEiIHk9IjEwMi40MyIgd2lkdGg9IjE4Ljk3IiBoZWlnaHQ9IjMuMiIvPjxyZWN0IGNsYXNzPSJjbHMtNCIgeD0iMTM3LjYxIiB5PSIxMDIuNDMiIHdpZHRoPSI4LjkiIGhlaWdodD0iMy4yIi8+PC9nPjwvZz48cGF0aCBjbGFzcz0iY2xzLTMiIGQ9Im0xNjQuOTgsODEuNDZsLS4wOCwxNi4yOHMuMTUsMy4yNC4zLDMuNjIuNiwxLjUxLDEuMTMsMS44OCwxLjAyLjc5LDEuNzcsMS4wNi45NC40OSwyLjExLjQ5LDE4LjE3LjA0LDE4LjE3LjA0bC0yMy40MS0yMy4zN1oiLz48cGF0aCBjbGFzcz0iY2xzLTEiIGQ9Im0xODguNTEsMTA0LjkxdjkuNTIiLz48cGF0aCBjbGFzcz0iY2xzLTEiIGQ9Im0xMDMuNTMsMTMxLjM3di00NC45NWMwLTIuODQsMi4zLTUuMTUsNS4xNS01LjE1LDE4Ljc3LDAsMzcuNTQsMCw1Ni4zMSwwIi8+PHBhdGggY2xhc3M9ImNscy0xIiBkPSJtMTY1LjAxLDgxLjI3djE4LjM1YzAsMi44NCwyLjMxLDUuMTUsNS4xNSw1LjE1aDE4LjM1cy0yMy41LTIzLjYyLTIzLjUtMjMuNVoiLz48Y2lyY2xlIGNsYXNzPSJjbHMtMSIgY3g9IjE2OC4yMSIgY3k9IjE2My4yNyIgcj0iMjQuOTYiLz48Y2lyY2xlIGNsYXNzPSJjbHMtMSIgY3g9IjE2OC4yMSIgY3k9IjE2My4yNyIgcj0iMzEuMjUiLz48cGF0aCBjbGFzcz0iY2xzLTEiIGQ9Im0xOTIuNTcsMTgzLjMzYzkuNjIsOS42MiwzMC4yOCwzMC4yOCwzMC4yOCwzMC4yOCwxLjE3LDEuMTcsMS4xNywzLjA3LDAsNC4yNHMtMy4wNywxLjE3LTQuMjQsMGMwLDAtMjAuNTgtMjAuNTgtMzAuMjItMzAuMjIiLz48Zz48cGF0aCBjbGFzcz0iY2xzLTUiIGQ9Im0xNjguNjYsMTcwLjkzYy0uNzQsMC0xLjM0LjI0LTEuODEuNzItLjQ3LjQ4LS43MSwxLjA5LS43MSwxLjgzcy4yNCwxLjMyLjcxLDEuODFjLjQ3LjQ5LDEuMDcuNzQsMS44MS43NHMxLjM0LS4yNSwxLjgxLS43NGMuNDctLjQ5LjcxLTEuMS43MS0xLjgxcy0uMjQtMS4zNC0uNzEtMS44M2MtLjQ3LS40OC0xLjA4LS43Mi0xLjgxLS43MloiLz48cGF0aCBjbGFzcz0iY2xzLTUiIGQ9Im0xNzQuNjksMTUzLjc3Yy0uNjItMS4wMi0xLjQ5LTEuODItMi42LTIuNC0xLjEyLS41Ny0yLjQtLjg2LTMuODUtLjg2LTEuNjgsMC0zLjE3LjQtNC40NywxLjE5cy0yLjI5LDEuOTQtMi45OCwzLjQzbDIuNzYsMi4yOGMuNDYtMS4wNiwxLjA3LTEuODYsMS44NS0yLjQuNzctLjU0LDEuNjUtLjgxLDIuNjQtLjgxLjc2LDAsMS40MS4xNCwxLjk3LjQxLjU1LjI4Ljk4LjY3LDEuMjgsMS4xNy4zLjUxLjQ1LDEuMS40NSwxLjc5cy0uMTYsMS4yOS0uNDcsMS44MWMtLjMxLjUyLS43NS45Mi0xLjMxLDEuMjEtLjU2LjI5LTEuMjIuNDMtMS45OC40M2gtLjkzdjYuNjZoMy4yOGwuMjYtMy43M2MuNzEtLjI0LDEuMzctLjU1LDEuOTUtLjkzLjk5LS42NCwxLjc1LTEuNDUsMi4yOS0yLjQxLjU0LS45Ny44MS0yLjA3LjgxLTMuMzEsMC0xLjMzLS4zMS0yLjUxLS45My0zLjU0WiIvPjwvZz48cGF0aCBjbGFzcz0iY2xzLTEiIGQ9Im04NS41NSwyMDMuOTdjLjY4LDIuODksMy4yNiw0Ljk2LDYuMjYsNC45NmgxMTcuNzMiLz48cGF0aCBjbGFzcz0iY2xzLTEiIGQ9Im0yMTUuMzcsMjA2LjA0Yy40Ny0uNzEuOC0xLjUyLjk1LTIuNCwxLjU4LTguODcsMy4xNS0xNy43NSw0LjczLTI2LjYyLDIuMDMtMTEuNDQsNC4wNi0yMi44OCw2LjA5LTM0LjMyLjcyLTQuMDgsMS43Ny04LjI1LDIuMTYtMTIuMzguMzktNC4xNi0xLjY4LTguNzktNS42Ny0xMC4zMSIvPjxwYXRoIGNsYXNzPSJjbHMtNyIgZD0ibTIyMy41MSwxMjAuMDhzLjQ5LDEuNjIuNTMsMS43My4zMiwyLjQ0LjMyLDIuNDRsLS4wNCwxLjkxLTEuMzgsNy4xMy0zLjM5LDE5LjMxLTIuODksMTUuOTItMi45NiwxNi43Ni0yLjQ0LDEzLjE2LS45MiwyLjY1LDQuOTgsNS4xNS44NS0yLjE1LjgxLTQuMDYsMS40OC04LjMzLDIuODItMTUuNzEsMi4xNS0xMi4xMSwxLjk0LTExLjM2LDIuNzUtMTQuNzUuODgtNC42OS4yOC0yLjU4LjA3LTIuMTItLjYtMi43NS0xLjI0LTIuMzYtMS4wOS0xLjU5LTIuMDEtMS4zMS0uOTItLjI4WiIvPjxwb2x5Z29uIGNsYXNzPSJjbHMtNyIgcG9pbnRzPSI4NS42OCAyMDMuOTMgMjA0LjU1IDIwMy44NCAyMDkuMzUgMjA4LjczIDE0OC40OCAyMDguODggOTAuOTUgMjA5LjAyIDg5LjUgMjA4LjY2IDg3Ljk4IDIwNy45MiA4Ni44MiAyMDYuNTggODYuMDEgMjA1LjAzIDg1LjY4IDIwMy45MyIvPjwvc3ZnPg==";const L5=r=>O("svg",{viewBox:"0 0 24 24",width:"1.2em",height:"1.2em",...r,children:O("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"})}),N5=r=>O("svg",{viewBox:"0 0 24 24",width:"1.2em",height:"1.2em",...r,children:O("path",{fill:"currentColor",d:"M5 23.7q-.825 0-1.413-.588Q3 22.525 3 21.7v-14q0-.825.587-1.413Q4.175 5.7 5 5.7h8.925l-2 2H5v14h14v-6.95l2-2v8.95q0 .825-.587 1.412q-.588.588-1.413.588Zm7-9Zm4.175-8.425l1.425 1.4l-6.6 6.6V15.7h1.4l6.625-6.625l1.425 1.4l-7.2 7.225H9v-4.25Zm4.275 4.2l-4.275-4.2l2.5-2.5q.6-.6 1.438-.6q.837 0 1.412.6l1.4 1.425q.575.575.575 1.4T22.925 8Z"})}),Dme=r=>{var e;const t=(e=r.current)==null?void 0:e.getEchartsInstance();if(t){const n=t.getConnectedDataURL({type:"png",pixelRatio:2,excludeComponents:["toolbox"],backgroundColor:"#fff"}),i=document.createElement("a");i.href=n,i.download="chart.png",document.body.appendChild(i),i.click(),document.body.removeChild(i)}},Tme=r=>O("svg",{viewBox:"0 0 24 24",width:"1.2em",height:"1.2em",...r,children:O("path",{fill:"currentColor",d:"M22.71 6.29a1 1 0 0 0-1.42 0L20 7.59V2a1 1 0 0 0-2 0v5.59l-1.29-1.3a1 1 0 0 0-1.42 1.42l3 3a1 1 0 0 0 .33.21a.94.94 0 0 0 .76 0a1 1 0 0 0 .33-.21l3-3a1 1 0 0 0 0-1.42ZM19 13a1 1 0 0 0-1 1v.38l-1.48-1.48a2.79 2.79 0 0 0-3.93 0l-.7.7l-2.48-2.48a2.85 2.85 0 0 0-3.93 0L4 12.6V7a1 1 0 0 1 1-1h8a1 1 0 0 0 0-2H5a3 3 0 0 0-3 3v12a3 3 0 0 0 3 3h12a3 3 0 0 0 3-3v-5a1 1 0 0 0-1-1ZM5 20a1 1 0 0 1-1-1v-3.57l2.9-2.9a.79.79 0 0 1 1.09 0l3.17 3.17l4.3 4.3Zm13-1a.89.89 0 0 1-.18.53L13.31 15l.7-.7a.77.77 0 0 1 1.1 0L18 17.21Z"})}),Lme=({className:r,iconClass:t,text:e,chartRef:n,id:i})=>Y(be,{variant:"custom",type:"button",onClick:()=>Dme(n),className:r,id:`metric-card-image-download-btn__${i}`,children:[O(Tme,{className:t}),e]});var pd={metricFilter:"_metricFilter_k2gef_1",customContainer:"_customContainer_k2gef_4"};const pC=({rlsConditions:r,onChangeFilterValue:t,companyId:e,integrationId:n,integrationName:i})=>O("div",{children:!!(r!=null&&r.length)&&t?r[0].datatype!=="date"?r[0].datatype==="string"?r[0].options.length?O("div",{className:pd.metricFilter,children:O(Wc,{selectedOptions:Array.isArray(r[0].value)&&r[0].value.length?r[0].value.map(a=>({label:a,value:a})):[],options:r[0].options.map(a=>({value:a,label:a})),onChange:a=>t(r[0].name,a==null?void 0:a[0].value,void 0,a),labelDesign:"client",label:r[0].name})}):O("div",{className:pd.metricFilter,children:O(u0,{selectedOptions:Array.isArray(r[0].value)&&r[0].value.length?r[0].value.map(a=>({label:a,value:a})):[],onChange:a=>t(r[0].name,a==null?void 0:a[0].value,void 0,a),filter:{tableName:r[0].tableName,columnName:r[0].columnName},companyId:e,isSearchEnabled:!0,autoSelected:Array.isArray(r[0].value)&&!r[0].value.length,labelDesign:"client",label:r[0].name,integrationId:n,integrationName:i})}):O("div",{className:pd.metricFilter,children:O(Or,{label:r[0].name,selectedOption:{value:r[0].value||r[0].options[0],label:r[0].value||r[0].options[0]},options:r[0].options.map(a=>({value:a,label:a})),onChange:a=>t(r[0].name,a.value),labelDesign:"client"})}):O("div",{className:pd.metricFilter,children:O(Or,{label:r[0].name,selectedOption:{value:r[0].value||r[0].options[0].name,label:r[0].value||r[0].options[0].name},options:r[0].options.map(a=>({value:a.name,label:a.name})),onChange:a=>t(r[0].name,a.value),labelDesign:"client",children:r[0].value==="Custom"?Y("div",{className:pd.customContainer,children:[O(Ke,{label:"From Date",type:"date",onChange:({target:{value:a}})=>{t(r[0].name,"Custom",{from:new Date(Date.parse(a))})}}),O(Ke,{label:"To Date",type:"date",onChange:({target:{value:a}})=>t(r[0].name,"Custom",{to:new Date(Date.parse(a))})})]}):null})}):void 0});var en={container:"_container_14i90_1",popover:"_popover_14i90_5",button:"_button_14i90_9",buttonOpen:"_buttonOpen_14i90_13",menu:"_menu_14i90_17",enter:"_enter_14i90_21",enterFrom:"_enterFrom_14i90_25",enterTo:"_enterTo_14i90_29",leave:"_leave_14i90_33",leaveFrom:"_leaveFrom_14i90_37",leaveTo:"_leaveTo_14i90_41",center:"_center_14i90_45",top:"_top_14i90_49",bottom:"_bottom_14i90_53",left:"_left_14i90_57",right:"_right_14i90_61","left-top-end":"_left-top-end_14i90_65","right-top-end":"_right-top-end_14i90_69","left-bottom-end":"_left-bottom-end_14i90_73","right-bottom-end":"_right-bottom-end_14i90_77","top-left":"_top-left_14i90_81","top-right":"_top-right_14i90_85","bottom-left":"_bottom-left_14i90_89","bottom-right":"_bottom-right_14i90_93","left-top":"_left-top_14i90_65","left-bottom":"_left-bottom_14i90_73","right-top":"_right-top_14i90_69","right-bottom":"_right-bottom_14i90_77",chartOptionBtn:"_chartOptionBtn_14i90_113",chartpopup:"_chartpopup_14i90_117"},vC={fullscreen:"_fullscreen_1gpy3_1",loading:"_loading_1gpy3_5"};const Nme=({isShowUnderlyingData:r,setShowUnderlyingData:t,getUnderlyingData:e,columnName:n,value:i})=>{const[a,o]=G.useState([]),[s,l]=G.useState(!0);return G.useEffect(()=>{n&&i&&r&&e({columnName:n,setData:o,setLoading:l,value:i})},[n,i,r]),O(Ii,{isOpen:r,onClose:()=>t(!1),headerTitle:"View Underlying Data",children:Y("div",{className:vC.fullscreen,children:[!!a.length&&O(dc,{data:a,isLoading:!1,error:""}),!a.length&&!s&&O("div",{className:vC.loading,children:"No Data Available"}),s&&!a.length&&O("div",{className:vC.loading,children:O(Dl,{style:{width:"50px",height:"50px",color:"blue"}})})]})})};var Eme=me.default.memo(Nme);const Ome=r=>O("svg",{viewBox:"0 0 24 24",width:"1.2em",height:"1.2em",...r,children:O("g",{id:"evaLayersFill0",children:O("g",{id:"evaLayersFill1",children:Y("g",{id:"evaLayersFill2",fill:"currentColor",children:[O("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"}),O("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"}),O("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"})]})})})}),kme=r=>O("svg",{viewBox:"0 0 2048 2048",width:"1.2em",height:"1.2em",...r,children:O("path",{fill:"currentColor",d:"M1024 0q141 0 272 36t245 103t207 160t160 208t103 245t37 272q0 141-36 272t-103 245t-160 207t-208 160t-245 103t-272 37q-141 0-272-36t-245-103t-207-160t-160-208t-103-244t-37-273q0-141 36-272t103-245t160-207t208-160T751 37t273-37zm0 1920q123 0 237-32t214-90t182-141t140-181t91-214t32-238q0-123-32-237t-90-214t-141-182t-181-140t-214-91t-238-32q-123 0-237 32t-214 90t-182 141t-140 181t-91 214t-32 238q0 123 32 237t90 214t141 182t181 140t214 91t238 32zm531-1005l90 90l-620 622l-622-622l90-90l467 467V384h129v997l466-466z"})}),Rme=r=>O("svg",{viewBox:"0 0 24 24",width:"1.2em",height:"1.2em",...r,children:O("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"})}),E5=({position:r="center",menuContainerClass:t,menuClass:e,isOpen:n,setOpen:i,value:a,columnName:o,getUnderlyingData:s,drilldown:l,clickBehaviourConfigs:c})=>{const[u,h]=G.useState(!1),f=G.useRef(null);return Vc({wrapRef:f,onOutsideClick:()=>i(!1)}),Y(Me,{children:[O("div",{onContextMenu:d=>{d.preventDefault()},ref:f,children:O("div",{className:`${en.popover} ${en[r]} ${t}`,children:O(Pc,{as:"div",className:`${en.menu} ${e}`,show:n,enter:en.enter,enterFrom:en.enterFrom,enterTo:en.enterTo,leave:en.leave,leaveFrom:en.leaveFrom,leaveTo:en.leaveTo,children:Y("div",{className:en.chartpopup,children:[Y(be,{variant:"custom",type:"button",className:en.chartOptionBtn,onClick:()=>h(!0),children:[O(Ome,{className:en.popupItemIcon}),O(pe,{variant:"p",styleClass:"font-14",children:"View underlying data"})]}),l&&Y(be,{variant:"custom",type:"button",className:en.chartOptionBtn,onClick:()=>l(),children:[O(kme,{className:en.popupItemIcon}),O(pe,{variant:"p",styleClass:"font-14",children:"Drill Down"})]}),c.isEnable&&Y(be,{variant:"custom",type:"button",className:en.chartOptionBtn,onClick:()=>GS(c,(a==null?void 0:a.split(" ").join("_"))||"undefined"),children:[O(Rme,{className:en.popupItemIcon}),O(pe,{variant:"p",styleClass:"font-14",children:"Go to"})]})]})})})}),O(Eme,{isShowUnderlyingData:u,setShowUnderlyingData:h,columnName:o,value:a,getUnderlyingData:s})]})};var Pme=me.default.memo(E5);const $me=({query:r,clientName:t,tenancyType:e,values:n})=>{const i=t?e===Zy?r.replace(new RegExp(Yy,"g"),t):Number(t)?r.replace(new RegExp(Qy,"g"),t):r.replace(new RegExp(Vy,"g"),t):r;return n?i.replace(/[^']+_variable/g,o=>`${n[o]}`):i},zme=()=>{const[r,t]=G.useState(!1),[e,n]=G.useState(!1),[i,a]=G.useState(""),{mutate:o}=gV(),{handleSubmit:s,register:l}=Oc();return{isShowRawCsvModal:r,setRawCsvModal:t,isLoading:e,downloadCsvError:i,onSubmitDownloadCsv:({companyId:u,sqlQuery:h,values:f,clientName:d,tenancyType:p,metricName:v,workspaceId:g})=>{n(!0),a("");const m=$me({query:h,clientName:d,tenancyType:p,values:f});o({companyId:u,recipientAddress:f.email,sqlQuery:m,metricName:v,workspaceId:g},{onSuccess(y){var w,_;const b=(w=y.sendRawCsv)==null?void 0:w.status,M=(_=y.sendRawCsv)==null?void 0:_.error;b?(a(""),n(!1),t(!1)):M?(a(M.message),n(!1)):(a(Gn),n(!1))}})},handleSubmit:s,register:l}},vd={required:"Required"},jme={...vd,pattern:{value:/^\S+@\S+$/i,message:"Entered value does not match email format"}};({...vd},{...vd});var O5={"dbc-container":"_dbc-container_1dw7c_1","active-dimension":"_active-dimension_1dw7c_5"};const k5=({dimensions:r,drilledLevel:t})=>O("div",{className:O5["dbc-container"],children:r.map((e,n)=>Y("span",{className:n===t?O5["active-dimension"]:"",children:["/",e]}))}),R5=({globalFilters:r={tableName:"",filters:[]},metricItem:t,onMaximize:e,client:n,colors:i,param:a,companyTenancyType:o,renderHeaderName:s,onArchive:l,onEdit:c})=>{var pr;const u=G.useRef(null),h={};if(a!=null&&a.values)for(const Ue in a.values){const Ht=`${Ue}_variable`;h[Ht]=a.values[Ue]}const[f,d]=G.useState(""),[p,v]=G.useState(""),[g,m]=G.useState([]),[y,b]=G.useState(""),[M,w]=G.useState(""),[_,A]=G.useState([]),[D,I]=G.useState(""),[C,S]=G.useState([]),[x,T]=G.useState([]),[L,N]=G.useState({card:{isEnable:!1,baseUrl:"",dynamic:"none",route:"",routeType:"internal"},chart:{isEnable:!1,baseUrl:"",dynamic:"{{value}}",route:"/{{value}}",routeType:"internal"}}),{data:E,isLoading:k}=YI({id:t==null?void 0:t.id,clientId:n,tenancyLevel:o,rlsConditions:o==="DATABASE"?x.map(Ue=>({...Ue,tableName:`${n}.${Ue.tableName.split(".").slice(1).join(".")}`,dimensionColumn:p||"",measureColumn:g[0]||""})):x.map(Ue=>({...Ue,dimensionColumn:p||"",measureColumn:g[0]||""})),globalFilters:o==="DATABASE"?{...r,tableName:`${n}.${r.tableName.split(".").slice(1).join(".")}`}:r,filterValues:h}),[R,$]=G.useState({contentAlignment:"center",lineGap:"small",hideVerticalDivider:!1,enableStripedRows:!1,showRowHover:!1,showTableTitle:!1,showTableDesc:!1,enableTableSearch:!1,enableFilter:!1,enableSorting:!1}),[F,V]=G.useState({marginTop:20,marginBottom:20,marginLeft:5,marginRight:5}),[z,B]=G.useState({show:!0,top:0,left:0,right:0,bottom:0,position:"horizontal"}),[H,W]=G.useState({axis:"left",show:!1,position:"hidden"}),[U,q]=G.useState({axis:"left"}),[K,te]=G.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}),[j,Z]=G.useState({show:!1}),[X,ue]=G.useState(!1),[ie,re]=G.useState([]),[ae,Pe]=G.useState(),[Xe,gt]=G.useState(0);G.useEffect(()=>{m(t==null?void 0:t.chartOptions.yAxisList),v(t==null?void 0:t.chartOptions.xAxis),b(t==null?void 0:t.chartOptions.step),w(t==null?void 0:t.chartOptions.measure),d(t==null?void 0:t.chartOptions.chartType),A(t==null?void 0:t.chartOptions.sankeyValues),I(t==null?void 0:t.chartOptions.singleValue),V(t==null?void 0:t.chartOptions.margins),B(t==null?void 0:t.chartOptions.legendSettings),W(t==null?void 0:t.chartOptions.labelSettings),q(t!=null&&t.chartOptions.axisSettings?t==null?void 0:t.chartOptions.axisSettings:"left"),Z(t!=null&&t.chartOptions.backGroundColor?t==null?void 0:t.chartOptions.backGroundColor:"false"),te(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}),T((t==null?void 0:t.rlsConditions)||[]),Pe(t==null?void 0:t.drillDownSettings),N(t.clickActions||{card:{isEnable:!1,baseUrl:"",dynamic:"none",route:"",routeType:"internal"},chart:{isEnable:!1,baseUrl:"",dynamic:"{{value}}",route:"/{{value}}",routeType:"internal"}}),$(t!=null&&t.chartOptions.tableSettings?t==null?void 0:t.chartOptions.tableSettings:{contentAlignment:"center",lineGap:"small",hideVerticalDivider:!1,enableStripedRows:!1,showRowHover:!1,showTableTitle:!1,showTableDesc:!1,enableTableSearch:!1,enableFilter:!1,enableSorting:!1})},[t]),G.useEffect(()=>{var Ht,Tr;const Ue=(Ht=E==null?void 0:E.externalMetricQuery)!=null&&Ht.data?JSON.parse((Tr=E==null?void 0:E.externalMetricQuery)==null?void 0:Tr.data):[];S(Ue!=null?Ue:[])},[(pr=E==null?void 0:E.externalMetricQuery)==null?void 0:pr.data]);const{labels:ut,datasets:kt,funnelData:oe,sankeyData:ye,singleValueData:we}=c0({data:ae!=null&&ae.isEnableGroupBy?ie:C,measure:M,sankeyValues:_,singleValue:D,step:y,xAxis:p,yAxisList:g});G.useEffect(()=>{var Ue;ie.length&&(ae==null?void 0:ae.isEnableGroupBy)&&(v((Ue=ae==null?void 0:ae.selectedDimensions)==null?void 0:Ue[Xe]),m(ae==null?void 0:ae.selectedMeasures))},[ie,ae]),G.useEffect(()=>{(C==null?void 0:C.length)&&(ae==null?void 0:ae.isEnableGroupBy)&&Mm(C,re,ae.selectedMeasures,ae.selectedDimensions[0])},[C,ae]);const ct=(Ue,Ht,Tr,ns)=>{T(Tr?Zi=>Zi.map(vr=>vr.name===Ue?{...vr,value:Ht,options:vr.options.map(Hn=>Hn.name==="Custom"?{...Hn,...Tr}:Hn)}:vr):ns?Zi=>Zi.map(vr=>vr.name===Ue?{...vr,value:ns.map(Hn=>Hn.value)}:vr):Zi=>Zi.map(vr=>vr.name===Ue?{...vr,value:Ht}:vr))},[ht,mt]=G.useState(!1),[Qe,xt]=G.useState(),tt=Ue=>{x.length&&x[0].datatype==="date"||(xt(Ue),mt(!0))},{getUnderlyingData:_t}=JI({clientName:n,tenancyType:o,values:h,companyId:t.companyId,query:t.query}),cr=G.useMemo(()=>Array.isArray(C)&&C.length&&(Qe==null?void 0:Qe.name)?C.map(Ue=>{const Ht=Object.entries(Ue).find(([,Tr])=>Tr===Qe.name);return Ht==null?void 0:Ht[0]}).filter(Ue=>Ue)[0]:"",[C,Qe==null?void 0:Qe.name]),yi=()=>{ej(cr,Qe,ae,C,gt,Xe,mt,re)},{isShowRawCsvModal:Qi,setRawCsvModal:Fn,downloadCsvError:rs,handleSubmit:no,isLoading:io,onSubmitDownloadCsv:hr,register:Lt}=zme();return Y(Me,{children:[Y("div",{className:Te.cardContainer,onContextMenu:Ue=>{Ue.preventDefault()},children:[Y("div",{className:Te.listHeader,children:[Y("div",{className:Te.metricName,children:[O(be,{type:"button",variant:"custom",isDisabled:!L.card.isEnable,className:"disabled:cursor-text",onClick:()=>w3(L,t.metricId,t.id),children:O(pe,{variant:"h3",styleClass:"primary",className:`${Te.metricTitle} dbn-metric-card-title`,children:s?s(t.name):t.name})}),t.description&&O("span",{className:`${Te.metricDescription} dbn-metric-card-description`,children:t.description})]}),Y("div",{className:Te.features,children:[O(pC,{rlsConditions:x,onChangeFilterValue:ct,companyId:t==null?void 0:t.companyId,integrationId:t==null?void 0:t.companyIntegrationId,integrationName:t==null?void 0:t.integrationName}),Y(pc,{buttonClass:Te.popup,button:O(it,{name:"more-icon",className:Te.popupIcon}),menuClass:Te.popupMenu,position:"bottom-right",children:[Y(be,{type:"button",variant:"custom",id:`metric-card-popup-btn__${t.id}`,className:`${Te.popupItem} ${Te.csvBtn}`,onClick:()=>e({labels:ut,data:{labels:ut,datasets:kt},chartType:f,funnelData:oe,sankeyData:ye,singleValueData:we,margins:F,colors:i,legendSettings:z,labelSettings:H,axisSettings:U,customSettings:K,backGroundColor:j,tableSettings:R,enableSaveAs:!0,chartClickConfig:L.chart,chartRef:u,handleChartRightClick:tt}),children:[O(it,{name:"fullscreen-icon",className:Te.popupItemIcon}),"Enter Fullscreen"]}),O(Lme,{text:"Save As PNG",chartRef:u,className:`${Te.popupItem} ${Te.csvBtn}`,iconClass:Te.popupItemIcon,id:t.id}),O(aA,{data:C,fileName:t.name,className:`${Te.popupItem} ${Te.csvBtn}`,text:"Save As CSV",iconClass:Te.popupItemIcon}),!!C.length&&Y(Me,{children:[Y(be,{variant:"custom",type:"button",className:`${Te.popupItem} ${Te.csvBtn}`,onClick:()=>ue(!0),children:[O(it,{name:"table-tab-icon",className:Te.popupItemIcon}),"View As Table"]}),Y(be,{variant:"custom",type:"button",className:`${Te.popupItem} ${Te.csvBtn}`,onClick:()=>Fn(!0),children:[O(it,{name:"csv-icon",className:Te.popupItemIcon}),"Download Raw CSV"]})]}),c&&Y(be,{variant:"custom",type:"button",className:`${Te.popupItem} ${Te.csvBtn}`,onClick:()=>c(t,C),children:[O(N5,{className:Te.popupItemIcon}),"Edit Metric"]}),l&&Y(be,{variant:"custom",type:"button",className:`${Te.popupItem} ${Te.csvBtn} ${Te.deleteBtn}`,onClick:()=>l(t.id),children:[O(L5,{className:Te.popupItemIcon}),"Archive Metric"]})]})]})]}),(ae==null?void 0:ae.isEnableGroupBy)&&O(k5,{dimensions:ae.selectedDimensions,drilledLevel:Xe}),f&&Y("div",{className:Te.metricData,onContextMenu:Ue=>{Ue.preventDefault()},children:[!k&&!C.length?O("div",{className:Te.noData,children:Y("div",{className:Te.noDataContent,children:[O("img",{src:T5,alt:"",width:"300px",height:"300px"}),O("div",{className:Te.noDataText,children:"No Data Available"})]})}):null,k&&O("div",{className:Te.loading,children:O(Dl,{style:{width:"50px",height:"50px",color:"blue"}})}),(Qe==null?void 0:Qe.name)&&cr&&O(Pme,{isOpen:ht,setOpen:mt,value:Qe==null?void 0:Qe.name,columnName:cr,getUnderlyingData:_t,drilldown:ae!=null&&ae.isEnableGroupBy?yi:void 0,clickBehaviourConfigs:L.chart}),C!=null&&C.length?O(ym,{labels:ut,data:{labels:ut,datasets:kt},chartType:f,funnelData:oe,sankeyData:ye,singleValueData:we,margins:F,legendSettings:z,labelSettings:H,axisSettings:U,tableSettings:R,enableSaveAs:!0,colors:i,customSettings:K,backGroundColor:j,chartClickConfig:L.chart,chartRef:u,handleChartRightClick:tt}):null]})]}),!!C.length&&O(Ii,{isOpen:X,onClose:()=>ue(!1),headerTitle:t.name,children:O("div",{className:Te.fullscreen,children:O(dc,{data:C,isLoading:k,error:""})})}),O(Ii,{isOpen:Qi,onClose:()=>Fn(!1),headerTitle:"Download Raw csv",children:Y("form",{className:Te.downloadCsv,onSubmit:no(Ue=>{var Ht;return hr({values:Ue,sqlQuery:t.query,companyId:t.companyId,clientName:n,tenancyType:o,metricName:t==null?void 0:t.name,workspaceId:(Ht=t==null?void 0:t.companyIntegration)==null?void 0:Ht.workspaceId})}),children:[Y("div",{className:Te.downloadCsvWrapper,children:[O(Ke,{type:"email",label:"email",placeholder:"enter a valid email",register:Lt("email",jme)}),O(Hc,{message:rs}),Y("div",{className:Te.downloadCsvNote,children:[O(it,{name:"info-icon",className:Te.popupItemIcon}),Y("div",{className:Te.downloadCsvNoteText,children:[O(pe,{styleClass:"primary",variant:"h1",children:"Note:"}),O(pe,{styleClass:"font-14",variant:"p",children:"You will shortly receive a mail with CSV attached to the above email id, once you click on Submit"})]})]})]}),Y(ql,{children:[O(be,{variant:"custom",type:"button",size:"small",className:Te.downloadCsvCancelBtn,onClick:()=>Fn(!1),isDisabled:io,children:"Cancel"}),O(be,{variant:"primary",type:"submit",size:"small",isDisabled:io,children:"Submit"})]})]})})]})},P5=({globalFilters:r={tableName:"",filters:[]},metricItem:t,client:e,param:n,companyTenancyType:i,renderHeaderName:a,onArchive:o,onEdit:s})=>{var S;const l={};if(n!=null&&n.values)for(const x in n.values){const T=`${x}_variable`;l[T]=n.values[x]}const[c,u]=G.useState(""),[h,f]=G.useState(""),[d,p]=G.useState([]),[v,g]=G.useState([]),[m,y]=G.useState({card:{isEnable:!1,baseUrl:"",dynamic:"none",route:"",routeType:"internal"},chart:{isEnable:!1,baseUrl:"",dynamic:"{{value}}",route:"/{{value}}",routeType:"internal"}}),[b,M]=G.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:w,isLoading:_}=YI({id:t==null?void 0:t.id,clientId:e,tenancyLevel:i,rlsConditions:i==="DATABASE"?v.map(x=>({...x,tableName:`${e}.${x.tableName.split(".").slice(1).join(".")}`})):v,globalFilters:i==="DATABASE"?{...r,tableName:`${e}.${r.tableName.split(".").slice(1).join(".")}`}:r,filterValues:l});G.useEffect(()=>{u(t==null?void 0:t.chartOptions.chartType),f(t==null?void 0:t.chartOptions.singleValue),g((t==null?void 0:t.rlsConditions)||[]),M(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}),y(t.clickActions||{card:{isEnable:!1,baseUrl:"",dynamic:"none",route:"",routeType:"internal"},chart:{isEnable:!1,baseUrl:"",dynamic:"{{value}}",route:"/{{value}}",routeType:"internal"}})},[t]),G.useEffect(()=>{var T,L;const x=(T=w==null?void 0:w.externalMetricQuery)!=null&&T.data?JSON.parse((L=w==null?void 0:w.externalMetricQuery)==null?void 0:L.data):[];p(x!=null?x:[])},[(S=w==null?void 0:w.externalMetricQuery)==null?void 0:S.data]);const A=d,D=A!=null&&A.length?A==null?void 0:A.map(x=>x[h]):"",I=[{value:D[0]}],C=(x,T,L,N)=>{g(L?E=>E.map(k=>k.name===x?{...k,value:T,options:k.options.map(R=>R.name==="Custom"?{...R,...L}:R)}:k):N?E=>E.map(k=>k.name===x?{...k,value:N.map(R=>R.value)}:k):E=>E.map(k=>k.name===x?{...k,value:T}:k))};return O(Me,{children:Y("div",{className:Te.cardContainer,id:t.id,children:[Y("div",{className:Te.listHeader,children:[Y("div",{className:Te.metricName,children:[O(be,{type:"button",variant:"custom",isDisabled:!m.card.isEnable,className:"disabled:cursor-text",onClick:()=>w3(m,t.metricId,t.id),children:O(pe,{variant:"h3",styleClass:"primary",className:`${Te.metricTitle} dbn-metric-card-title`,children:a?a(t.name):t.name})}),t.description&&O("span",{className:`${Te.metricDescription} dbn-metric-card-description`,children:t.description})]}),Y("div",{className:Te.features,children:[O(pC,{rlsConditions:v,onChangeFilterValue:C,companyId:t==null?void 0:t.companyId,integrationId:t==null?void 0:t.companyIntegrationId,integrationName:t==null?void 0:t.integrationName}),(s||o)&&Y(pc,{buttonClass:Te.popup,button:O(it,{name:"more-icon",className:Te.popupIcon}),menuClass:Te.popupMenu,position:"bottom-right",children:[s&&Y(be,{variant:"custom",type:"button",className:`${Te.popupItem} ${Te.csvBtn}`,onClick:()=>s(t,d),children:[O(N5,{className:Te.popupItemIcon}),"Edit Metric"]}),o&&Y(be,{variant:"custom",type:"button",className:`${Te.popupItem} ${Te.csvBtn} ${Te.deleteBtn}`,onClick:()=>o(t.id),children:[O(L5,{className:Te.popupItemIcon}),"Archive Metric"]})]})]})]}),c&&O("div",{className:`${Te.metricData} ${Te.singleValueData}`,children:_?O(Dl,{style:{width:"50px",height:"50px",color:"blue"}}):O(Me,{children:D.length?O(M3,{data:I,customSettings:b,chartClickConfig:m.chart,hideBorder:!0}):O("div",{className:Te.noData,children:Y("div",{className:Te.noDataContent,children:[O("img",{src:T5,alt:"",width:"300px",height:"300px"}),O("div",{className:Te.noDataText,children:"No Data Available"})]})})})})]})})},Bme=r=>Y("svg",{viewBox:"0 0 512 512",width:"1.2em",height:"1.2em",...r,children:[O("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"}),O("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"}),O("path",{fill:"currentColor",d:"M256 397.25a20 20 0 1 1 20-20a20 20 0 0 1-20 20Z"})]}),$5=({isOpen:r,onClose:t,onSuccess:e,metricId:n,dashboardId:i,clientId:a})=>{const o=Ld(),{mutateAsync:s,isLoading:l}=hV(),c=async()=>{!n||!i||!a||await s({id:n,clientId:a},{onSuccess:u=>{!u.insert_clientDeletedMetrics_one||(o.setQueryData(["EmbeddedDashboardMetrics",{externalDashboardId:i,clientId:a}],h=>{var d;const f=(d=h==null?void 0:h.externalDashboardMetrics)==null?void 0:d.filter(p=>p.externalMetricId!==n);return{...h,externalDashboardMetrics:f}}),e())}})};return Y(Ii,{headerTitle:"Archive Metric",isOpen:r,onClose:t,children:[Y("div",{className:Te.deleteModal,children:[O(Bme,{className:Te.warningIcon}),O(pe,{variant:"p",styleClass:"font-14",children:"Are you sure you want to archive the metric?"})]}),Y(ql,{children:[O(be,{variant:"secondary",type:"button",size:"default",className:Te.cancelBtn,onClick:t,children:"Cancel"}),O(be,{variant:"reject",type:"button",size:"default",isDisabled:l,onClick:c,children:l?"Archiving...":"Archive"})]})]})};var Fme={alertCancel:"_alertCancel_15a9a_1"},gd={alert:"_alert_5fxok_1",primary:"_primary_5fxok_9",warning:"_warning_5fxok_17",error:"_error_5fxok_25",success:"_success_5fxok_33",alertTextContent:"_alertTextContent_5fxok_41",alertText:"_alertText_5fxok_41",alertButtons:"_alertButtons_5fxok_57"};const z5=({variant:r="primary",text:t,children:e})=>O(Me,{children:Y("div",{className:`${gd.alert} ${gd[r]}`,children:[Y("div",{className:gd.alertTextContent,children:[O(it,{name:"info-icon"}),O(pe,{styleClass:"font-14",variant:"p",className:gd.alertText,children:t})]}),O("div",{className:gd.alertButtons,children:e})]})}),j5=({onCancel:r,onSave:t})=>O(Me,{children:Y(z5,{text:"Please click on\r the save button to save the changes to the layout.",children:[O(be,{variant:"secondary",type:"button",size:"small",className:Fme.alertCancel,onClick:r,children:"Cancel"}),O(be,{variant:"primary",type:"button",size:"small",onClick:t,children:"Save"})]})}),B5=Sx.exports.WidthProvider(Sx.exports.Responsive),F5=({chartColors:r,globalFilters:t,client:e,isLiveMode:n,isAllowedToDeleteMetrics:i,isAllowedToUpdateMetrics:a,isAllowedToChangeLayout:o,externalDashboardMetrics:s,isMetricListLoading:l,breakpoint:c,layoutCols:u,params:h,companyTenancyType:f="TABLE",externalDashboardId:d,externalDashboardPk:p,companyId:v,workspaceId:g})=>{const[m,y]=G.useState(!1),[b,M]=G.useState({id:"",show:!1}),[w,_]=G.useState({layout:[],isShow:!1}),[A,D]=G.useState({show:!1}),[I,C]=G.useState(),{saveLayout:S,layout:x}=KI({clientId:e,externalDashboardId:p}),T=E=>{_({isShow:!0,layout:E})},[L,N]=G.useMemo(()=>{const E=s==null?void 0:s.map(V=>V.externalMetric),k=E==null?void 0:E.filter(V=>!V.isCreatedByClient),R=E==null?void 0:E.filter(V=>V.isCreatedByClient&&V.clientId===e),$=[...k||[],...R||[]].filter(V=>n?V.isLive===n:!0),F=$.map(V=>{const z=x.find(B=>B.i===V.id);return{i:(z==null?void 0:z.i)||V.id,w:(z==null?void 0:z.w)||V.resizeAttributes.x||5,h:(z==null?void 0:z.h)||V.resizeAttributes.h||10,x:(z==null?void 0:z.x)||V.resizeAttributes.x||0,y:(z==null?void 0:z.y)||V.resizeAttributes.y||0,minW:3,minH:6,maxH:15}});return[$,F]},[s,x]);return O(Me,{children:L.length&&N.length?Y(Me,{children:[Y("div",{className:Ic["MetricList-container"],id:"metric-list-container",children:[w.isShow&&O(j5,{onCancel:()=>_(E=>({...E,isShow:!1})),onSave:()=>{S(w.layout),_(E=>({...E,isShow:!1}))}}),O(B5,{layouts:{lg:N},onResizeStop:o?T:void 0,onDragStop:o?T:void 0,isDraggable:o,isDroppable:o,isResizable:o,rowHeight:30,width:1200,breakpoints:c!=null?c:{lg:1200,md:996,sm:768,xs:480,xxs:0},cols:u!=null?u:{lg:12,md:10,sm:6,xs:4,xxs:2},children:L.map(E=>O("div",{className:`${Ic["MetricList-wrapper"]} ${o?Ic["MetricList-wrapper-move"]:""}`,id:E.id,children:E.chartOptions.chartType==="single value"?O(P5,{metricItem:E,client:e,globalFilters:t,param:h==null?void 0:h.find(k=>k.metricId===E.metricId),companyTenancyType:f,onArchive:i?k=>M({id:k,show:!0}):void 0,onEdit:a?(k,R)=>D({show:!0,metric:k,metricData:R}):void 0}):O(R5,{metricItem:E,onMaximize:k=>{C(k),y(!0)},client:e,colors:r,globalFilters:t,param:h==null?void 0:h.find(k=>k.metricId===E.metricId),companyTenancyType:f,onArchive:i?k=>M({id:k,show:!0}):void 0,onEdit:a?(k,R)=>D({show:!0,metric:k,metricData:R}):void 0})},E.id))})]}),O(ox,{onCancel:()=>y(!1),isShow:m,chart:I}),i?O($5,{metricId:b.id,isOpen:b.show,clientId:e,onSuccess:()=>M({id:"",show:!1}),onClose:()=>M({id:"",show:!1}),dashboardId:d}):null,a&&O(Mx,{clientId:e,externalDashboardId:p,userProvidedDashboardId:d,isLiveMode:n,companyId:v,metric:A.metric,metricData:A.metricData,isShowMetricCreateModal:A.show,setShowMetricCreateModal:E=>D({metric:void 0,metricData:void 0,show:Boolean(E)}),chartColors:r,workspaceId:g})]}):O(Me,{children:l?O("div",{className:Ic["alt-container"],children:O(Dl,{style:{width:"50px",height:"50px",color:"blue"}})}):O("div",{className:Ic["noMetric-container"],children:O("div",{className:Ic["noMetric-wrapper"],children:O(pe,{variant:"h2",styleClass:"primary",children:"No metrics created yet"})})})})})};var Sa={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"},Hme=Object.freeze(Object.defineProperty({__proto__:null,Button:be,ChartConfig:jI,ChartModalOptions:BI,SelectField:SH,DataType:i0,Error:Hc,ErrorFallback:WI,ExternalMetricForm:QI,FilterDropDown:l0,MultiFilterDropdown:u0,FloatingDropDown:Or,MultiFloatingDropDown:Wc,FullScreenChart:ox,isInFilterOperator:sx,isNullFilterOperator:bm,FilterField:nde,GlobalFilters:B3,Tooltip:F3,InfoTooltip:Dr,InputField:Ke,CsvDownloadButton:aA,MetricChart:ym,EmbeddedMetricCreation:Mx,MetricForm:wj,ConstructMetric:Sj,Dataset:W3,Header:H3,MetricOutput:Q3,ChartTab:U3,TableTab:Y3,GridLayout:B5,ExternalMetricList:F5,MetricCard:R5,SingleValueCard:P5,ArchiveMetricModal:$5,LayoutAlert:j5,MetricTable:({data:r,isError:t})=>Y("div",{className:Sa.container,children:[!!(r!=null&&r.length)&&!t&&Y("table",{className:Sa.table,children:[O("thead",{className:Sa.tableHead,children:O("tr",{className:Sa.tableRow,children:Object.keys(r[0]).map(e=>O("th",{className:Sa.tableHeadCol,scope:"col",children:O(pe,{styleClass:"font-14c",variant:"h1",className:Sa.tableHeadColText,children:e})},e))})}),O("tbody",{children:r==null?void 0:r.map((e,n)=>O("tr",{children:Object.keys(r[0]).map((i,a)=>O("td",{className:Sa.tableRowCol,children:O(pe,{styleClass:"font-14",variant:"p",className:Sa.tableColText,children:JSON.stringify(e[i])})},a))},n))})]}),!(r!=null&&r.length)&&!t&&O("div",{className:Sa.empty,children:"Table is empty"}),t&&O("div",{className:Sa.error,children:r.message})]}),Modal:Ii,ModalFooter:ql,PopoverMenu:pc,SearchTab:$c,Select:er,HookSelect:zc,SelectWithSubValue:EI,DropDown:KF,MultiSelect:jc,HookMultiSelect:Bc,Tab:rd,Table:dc,Text:pe,TextAreaField:GI,TimeGrainField:Z3,ToggleButton:UI,Icons:it,ChartPopup:E5,DrillBreadCrumb:k5,MetricFilterDropDown:pC,Alert:z5},Symbol.toStringTag,{value:"Module"}));const Vme=r=>O("svg",{viewBox:"0 0 24 24",width:"1.2em",height:"1.2em",...r,children:O("path",{fill:"currentColor",d:"M19 13h-6v6h-2v-6H5v-2h6V5h2v6h6v2Z"})});var Wme={scheduleEmailButton:"_scheduleEmailButton_13nzt_1"},Bn={"form-container":"_form-container_1odg5_1","form-wrapper":"_form-wrapper_1odg5_4","form-primary-text":"_form-primary-text_1odg5_8","week-days-container":"_week-days-container_1odg5_12","main-label":"_main-label_1odg5_15","time-element":"_time-element_1odg5_19","cancel-btn":"_cancel-btn_1odg5_23","delete-btn":"_delete-btn_1odg5_26","field-width":"_field-width_1odg5_29","timezone-field":"_timezone-field_1odg5_33","success-text":"_success-text_1odg5_37"},Ac={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"};const Gme=({control:r,placeholder:t,name:e,label:n,onChangeTags:i,defaultTagValue:a})=>{const[o,s]=G.useState([]),[l,c]=G.useState(""),u=d=>{s(o.filter(p=>p!==d))},h=d=>{if(d.key==="Enter"||d.key===","){d.preventDefault();const p=l.trim();p&&!o.includes(p)&&(s([...o,p]),c(""))}};G.useEffect(()=>{i&&i(o)},[o]),G.useEffect(()=>{a&&Array.isArray(a)&&s(a)},[a]);const f=d=>{c(d.target.value)};return O($d,{name:e||"tags",control:r,defaultValue:"",render:({field:d})=>Y("div",{className:Ac.inputFieldContainer,children:[O(Ke,{...d,type:"text",value:l,onChange:f,onKeyDown:h,placeholder:t,label:n}),O("div",{className:Ac["tag-container"],children:o.map(p=>O("div",{className:Ac.tag,children:Y(be,{variant:"custom",type:"button",onClick:()=>u(p),className:Ac.tagBtn,children:[O("span",{className:Ac["tag-text"],children:p}),O(it,{name:"close-icon",className:Ac["cross-icon"]})]})},p))})]})})},H5=G.createContext({isLoading:void 0,data:void 0,token:void 0}),V5=()=>G.useContext(H5),Ume=(r,t)=>{const e=t.getTimezoneOffset()*-1;return new Date(t.toLocaleString("en-US",{timeZone:r})).getTimezoneOffset()*-1-e},Yme=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=(Xy.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=Ume(r.timezone,e);e.setTime(e.getTime()+n*6e4)}return e},Qme=({onCancel:r})=>{var N;const{register:t,handleSubmit:e,watch:n,control:i,setValue:a,getValues:o,reset:s}=Oc(),{data:l,token:c}=V5(),{data:u,isLoading:h}=nV({token:c}),f=G.useMemo(()=>{var E;if((E=u==null?void 0:u.scheduleEmailReports)!=null&&E.length)return u==null?void 0:u.scheduleEmailReports[0]},[u]);G.useEffect(()=>{f?s({...f.timeConfigurations}):(a("time","PM"),a("timezone","IST"),a("frequency","Monthly"))},[f]);const[d,p]=G.useState(!1),[v,g]=G.useState(""),[m,y]=G.useState(!1),[b,M]=G.useState(!1),w="",_=((N=l==null?void 0:l.externalDashboardMetrics)==null?void 0:N.map(E=>({value:E.externalMetric.id,label:E.externalMetric.name})))||[],A=_V(),D=NH(),I=OH(),C=(E,k)=>E.charts.length===0?(g("please select at least one chart to share"),p(!1),y(!1),!1):E.emails.length===0?(g("please add at least one email address"),p(!1),y(!1),!1):k?!0:(g("invalid time configurations"),p(!1),y(!1),!1),S=E=>{var K,te;g(""),p(!0),y(!1);const{subject:k,emails:R,frequency:$,weekDays:F,date:V,hours:z,time:B,timezone:H}=E,W=Yme({date:V,frequency:$,hours:z,time:B,timezone:H,weekDays:F});if(!C(E,W))return;const q=(K=E.charts)==null?void 0:K.map(j=>({externalMetricId:j}));f?D.mutate({scheduleEmailReportId:f.id},{onSuccess({delete_scheduleEmailReportCharts:j}){var Z;j!=null&&j.affected_rows?A.mutate({emails:R,externalDashboardId:(Z=l==null?void 0:l.externalDashboard)==null?void 0:Z.id,data:q,guestToken:c,nextScheduledAt:W,sharingSettingsId:l==null?void 0:l.sharingSettingsId,subject:k,timeConfigurations:E},{onSuccess({insert_scheduleEmailReports_one:X}){X!=null&&X.id?(g(""),p(!1),y(!0)):(g(Gn),p(!1),y(!1))},onError(){g(Gn),p(!1),y(!1)}}):(g(Gn),p(!1),y(!1))},onError(){g(Gn),p(!1),y(!1)}}):A.mutate({emails:R,externalDashboardId:(te=l==null?void 0:l.externalDashboard)==null?void 0:te.id,data:q,guestToken:c,nextScheduledAt:W,sharingSettingsId:l==null?void 0:l.sharingSettingsId,subject:k,timeConfigurations:E},{onSuccess({insert_scheduleEmailReports_one:j}){j!=null&&j.id?(g(""),p(!1),y(!0)):(g(Gn),p(!1),y(!1))},onError(){g(Gn),p(!1),y(!1)}})},x=()=>{g(""),p(!0),M(!1),y(!1),I.mutate({id:f==null?void 0:f.id},{onSuccess({delete_scheduleEmailReports_by_pk:E}){E!=null&&E.id?(g(""),p(!1),M(!0),s({subject:"",emails:[],charts:[]}),r()):(g(Gn),p(!1),M(!1))},onError(){g(Gn),p(!1),M(!1)}})},T=e(S),L=e(x);return{register:t,handleSubmit:e,watch:n,control:i,setValue:a,getValues:o,reset:s,dashboardName:w,chartOptions:_,onSave:T,isLoading:d,isSuccess:m,error:v,isLoadingData:h,scheduleReportConfig:f,onDelete:L,isDeleted:b}},Zme=({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:f,onDelete:d,isDeleted:p}=Qme({onCancel:r});return Y("form",{className:Bn["form-container"],onSubmit:l,children:[Y("div",{className:Bn["form-wrapper"],children:[Y(pe,{variant:"p",styleClass:"font-14",className:Bn["form-primary-text"],children:["Schedule an email report for Dashboard:",O(pe,{variant:"span",styleClass:"primary",children:o})]}),O(Ke,{label:"Subject Line",placeholder:"Weekly Report - Sales Overview 2023",register:n("subject",vd)}),O(Gme,{control:t,type:"text",label:"Send to",placeholder:"Enter email addresses",onChangeTags:g=>i("emails",g),defaultTagValue:(v=f==null?void 0:f.timeConfigurations)==null?void 0:v.emails}),O(Bc,{control:t,name:"charts",options:s,label:"Charts to Attach",defaultValue:[]}),O(zc,{label:"Frequency of emails",options:zI,control:t,name:"frequency",defaultValue:"Monthly"}),a().frequency!=="Monthly"?O("div",{className:Bn["week-days-container"],children:Xy.map(g=>O(Ke,{label:g.label,type:"checkbox",register:n(`weekDays.${g.value}`),isDisabled:a().frequency==="Daily"},g.value))}):O("div",{children:O(Wc,{label:"Choose Dates",selectedOptions:e().date||[],options:$I,onChange:g=>i("date",g)})}),Y("div",{children:[O(pe,{variant:"span",styleClass:"custom",className:Bn["main-label"],children:"Scheduled Time"}),Y("div",{className:Bn["time-element"],children:[O(Ke,{type:"number",className:Bn["field-width"],min:0,max:11,register:n("hours",vd),defaultValue:5}),O(zc,{options:PI,control:t,name:"time",className:Bn["timezone-field"],defaultValue:"PM"}),O(zc,{options:RI,control:t,name:"timezone",className:Bn["timezone-field"],defaultValue:"IST"})]})]}),u&&O(Hc,{message:u}),h&&O(pe,{variant:"p",styleClass:"font-14b",className:Bn["success-text"],children:"Scheduled successfully!"}),p&&O(pe,{variant:"p",styleClass:"font-14b",className:Bn["success-text"],children:"Deleted successfully!"})]}),Y(ql,{children:[f?O(be,{type:"reset",variant:"secondary",className:Bn["delete-btn"],size:"default",onClick:()=>{d()},isDisabled:c,children:"Delete"}):O(be,{type:"reset",variant:"secondary",className:Bn["cancel-btn"],size:"default",onClick:()=>r(),isDisabled:c,children:"Cancel"}),O(be,{variant:"primary",type:"submit",size:"medium",isDisabled:c,children:f?"Update":"Save"})]})]})},Xme=r=>O("svg",{viewBox:"0 0 2048 2048",width:"1.2em",height:"1.2em",...r,children:O("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"})}),qme=()=>{const[r,t]=G.useState(!1);return Y("div",{children:[O(be,{variant:"custom",type:"button",onClick:()=>t(!0),title:"email-sharing",className:Wme.scheduleEmailButton,children:O(Xme,{})}),O(Ii,{isOpen:r,onClose:()=>t(!1),headerTitle:"Schedule Email",children:O(Zme,{onCancel:()=>t(!1)})})]})},W5=me.default.memo(({options:r,theme:t})=>{var d,p,v,g;const{data:e,isLoading:n}=V5(),[i,a]=G.useState([]),[o,s]=G.useState(!1),[l,c]=G.useState({tableName:"",filters:[]}),{data:u}=sV({companyId:e==null?void 0:e.companyId},{enabled:!!(e!=null&&e.companyId)}),[h,f]=G.useMemo(()=>{var y,b,M,w;const m=(w=(M=(b=(y=u==null?void 0:u.themes[0])==null?void 0:y.chart)==null?void 0:b.palettes)==null?void 0:M.find(_=>{var A,D;return _.name===((D=(A=u.themes[0])==null?void 0:A.chart)==null?void 0:D.selected)}))==null?void 0:w.colors;return[u==null?void 0:u.themes[0],m]},[u==null?void 0:u.themes[0]]);return qI(h),O(Me,{children:Y("div",{className:nn["embedDashboard-container"],id:"dbn-dashboard",children:[((d=e==null?void 0:e.externalDashboard)==null?void 0:d.id)&&!n&&Y(Me,{children:[!(r!=null&&r.disableMetricCreation)&&!e.externalDashboard.filters.length&&!e.isAllowedToCreateMetrics?null:Y("div",{className:(r==null?void 0:r.headerVariant)==="floating"?nn["embedDashboard-header-floating"]:nn["embedDashboard-header-static"],children:[(r==null?void 0:r.headerVariant)==="floating"&&O("span",{className:nn.floatingButton,children:O(it,{name:"setup-icon",className:nn.floatingButton})}),Y("div",{className:(r==null?void 0:r.headerVariant)==="floating"?nn.floatingContainer:nn.staticContainer,children:[e.sharingSettingsId&&O(qme,{}),!(r!=null&&r.disableMetricCreation)&&e.isAllowedToCreateMetrics&&Y(Me,{children:[O(be,{type:"button",variant:(r==null?void 0:r.headerVariant)==="floating"?"custom":"primary",size:"large",className:(r==null?void 0:r.headerVariant)==="floating"?nn.floatingCreateButton:"",onClick:()=>s(!0),children:(r==null?void 0:r.headerVariant)==="floating"?O(Vme,{className:nn.floatingCreateButtonIcon}):"Create Metric"}),O(Mx,{clientId:e.clientId,companyId:e.companyId,isLiveMode:e.isLiveMode,externalDashboardId:e.externalDashboard.id,chartColors:f!=null?f:r==null?void 0:r.chartColors,isShowMetricCreateModal:o,setShowMetricCreateModal:s,workspaceId:(p=e.workspace)==null?void 0:p.id,userProvidedDashboardId:e.externalDashboardId})]})]})]}),Y("div",{className:nn["embedDashboard-wrapper"],children:[e.externalDashboard.filters.length?O(pc,{button:Y(be,{type:"button",variant:"custom",className:nn.filterButton,children:[Y("div",{className:nn.filterText,children:[O(it,{name:"filter-icon"})," Filters"]}),i.length===0?O("div",{}):O("span",{className:nn.filterLength,children:i.length})]}),menuClass:"w-[400px] ml-[40px]",position:"bottom-left",children:O(B3,{companyId:e.companyId,externalDashboardId:e.externalDashboard.id,filters:e.externalDashboard.filters,onApply:m=>c(m),appliedfilters:i,setAppliedFilters:a})}):null,O(F5,{client:e.clientId,isLiveMode:e.isLiveMode,externalDashboardId:e.externalDashboardId,externalDashboardPk:e.externalDashboard.id,isAllowedToDeleteMetrics:!(r!=null&&r.disableMetricDeletion)&&e.isAllowedToDeleteMetrics,isAllowedToUpdateMetrics:!(r!=null&&r.disableMetricUpdation)&&e.isAllowedToUpdateMetrics,isAllowedToChangeLayout:!(r!=null&&r.disableLayoutCustomization)&&e.isAllowedToChangeLayout,externalDashboardMetrics:e.externalDashboardMetrics,companyId:e.companyId,isMetricListLoading:n,globalFilters:l,breakpoint:t==null?void 0:t.breakpoint,layoutCols:t==null?void 0:t.metricLayoutCols,chartColors:f!=null?f:r==null?void 0:r.chartColors,params:Array.isArray(e.rlsSettings)?e.rlsSettings:[],companyTenancyType:e.companyTenancyType,workspaceId:(v=e.workspace)==null?void 0:v.id})]})]}),n&&O("div",{className:nn["alt-container"],children:O(Dl,{style:{width:"50px",height:"50px",color:"blue"}})}),!n&&!((g=e==null?void 0:e.externalDashboard)!=null&&g.id)&&O("div",{className:nn["alt-container"],children:"Invalid token or Dashboard id"})]})})}),Kme=({token:r,children:t})=>{const{data:e,isLoading:n}=ZI(r),i=G.useMemo(()=>({data:e,isLoading:n,token:r}),[e,n,r]);return O(H5.Provider,{value:i,children:t})},Jme=new xB,G5=({children:r,theme:t})=>(G.useEffect(()=>{!t||!Object.keys(t).length||tA(t)},[t]),O(aB,{FallbackComponent:WI,children:O(LB,{client:Jme,children:r})})),eye=me.default.memo(({token:r,options:t,theme:e})=>O(G5,{theme:e,children:O(Kme,{token:r,children:O(W5,{options:t,theme:e})})}));var tye=Object.freeze(Object.defineProperty({__proto__:null},Symbol.toStringTag,{value:"Module"}));Hr.Dashboard=eye,Hr.EmbeddedDashboard=W5,Hr.PluginProvider=G5,Hr.Ui=Hme,Hr.consts=IV,Hr.helpers=yde,Hr.hooks=TV,Hr.types=tye,Hr.utils=EV,Object.defineProperties(Hr,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}})});

package/dist/utils/generated/graphql.d.ts

@@ -2156,9 +2156,7 @@ export declare type ScheduleEmailReportCharts_Bool_Exp = {
 /** unique or primary key constraints on table "scheduleEmailReportCharts" */
 export declare enum ScheduleEmailReportCharts_Constraint {
     /** unique or primary key constraint on columns "id" */
-    ScheduleEmailReportChartsPkey = "scheduleEmailReportCharts_pkey",
-    /** unique or primary key constraint on columns "externalMetricId", "scheduleEmailReportId" */
-    ScheduleEmailReportChartsUniqueKey = "scheduleEmailReportCharts_unique_key"
+    ScheduleEmailReportChartsPkey = "scheduleEmailReportCharts_pkey"
 }
 /** input type for inserting data into table "scheduleEmailReportCharts" */
 export declare type ScheduleEmailReportCharts_Insert_Input = {
@@ -2969,6 +2967,7 @@ export declare type EmbeddedDashboardMetricsQuery = {
             selectedGroupBy: any;
             isEnableGroupBy: boolean;
             groupBy: any;
+            resizeAttributes: any;
             rlsConditions: any;
             clickActions: any;
             drillDownSettings?: any | null;
@@ -3384,7 +3383,7 @@ export declare const useCompanySubsetTableDataMutation: <TError = unknown, TCont
     companyId?: InputMaybe<string> | undefined;
     workspaceId?: InputMaybe<string> | undefined;
 }>, TContext>;
-export declare const EmbeddedDashboardMetricsDocument = "\n    query EmbeddedDashboardMetrics($externalDashboardId: String! = \"\", $clientId: String! = \"\") {\n  externalDashboardMetrics(\n    where: {externalDashboard: {externalDashboardId: {_eq: $externalDashboardId}}, _not: {externalMetric: {clientDeletedMetrics: {clientId: {_eq: $clientId}}}}}\n  ) {\n    externalMetricId\n    externalDashboardId\n    externalMetric {\n      chartOptions\n      clientId\n      companyId\n      companyIntegrationId\n      createdAt\n      createdBy\n      description\n      id\n      inputFields\n      integrationName\n      isCreatedByClient\n      isLive\n      metricId\n      metricQuery\n      name\n      outputColumns\n      query\n      timeGrain\n      updatedAt\n      selectedGroupBy\n      isEnableGroupBy\n      groupBy\n      rlsConditions\n      clickActions\n      drillDownSettings\n      companyIntegration {\n        name\n        workspaceId\n      }\n    }\n  }\n}\n    ";
+export declare const EmbeddedDashboardMetricsDocument = "\n    query EmbeddedDashboardMetrics($externalDashboardId: String! = \"\", $clientId: String! = \"\") {\n  externalDashboardMetrics(\n    where: {externalDashboard: {externalDashboardId: {_eq: $externalDashboardId}}, _not: {externalMetric: {clientDeletedMetrics: {clientId: {_eq: $clientId}}}}}\n  ) {\n    externalMetricId\n    externalDashboardId\n    externalMetric {\n      chartOptions\n      clientId\n      companyId\n      companyIntegrationId\n      createdAt\n      createdBy\n      description\n      id\n      inputFields\n      integrationName\n      isCreatedByClient\n      isLive\n      metricId\n      metricQuery\n      name\n      outputColumns\n      query\n      timeGrain\n      updatedAt\n      selectedGroupBy\n      isEnableGroupBy\n      groupBy\n      resizeAttributes\n      rlsConditions\n      clickActions\n      drillDownSettings\n      companyIntegration {\n        name\n        workspaceId\n      }\n    }\n  }\n}\n    ";
 export declare const useEmbeddedDashboardMetricsQuery: <TData = EmbeddedDashboardMetricsQuery, TError = unknown>(variables?: EmbeddedDashboardMetricsQueryVariables, options?: UseQueryOptions<EmbeddedDashboardMetricsQuery, TError, TData, import("react-query").QueryKey> | undefined) => import("react-query").UseQueryResult<TData, TError>;
 export declare const GetExternalDashboardClientThemeDocument = "\n    query GetExternalDashboardClientTheme($companyId: uuid!, $clientId: String!) {\n  externalDashboardThemes(\n    where: {companyId: {_eq: $companyId}, externalDashboardThemeClients: {clientId: {_eq: $clientId}}}\n    limit: 1\n  ) {\n    colors\n    createdAt\n    id\n    name\n  }\n}\n    ";
 export declare const useGetExternalDashboardClientThemeQuery: <TData = GetExternalDashboardClientThemeQuery, TError = unknown>(variables: GetExternalDashboardClientThemeQueryVariables, options?: UseQueryOptions<GetExternalDashboardClientThemeQuery, TError, TData, import("react-query").QueryKey> | undefined) => import("react-query").UseQueryResult<TData, TError>;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@databrainhq/plugin",
-  "version": "0.9.0",
+  "version": "0.9.1",
   "description": "Databrain app dashboard ui plugin.",
   "author": "",
   "license": "MIT",