@databrainhq/plugin 0.11.6 → 0.11.7

package/dist/containers/Metric/EmbeddedMetric.d.ts

@@ -4,5 +4,7 @@ export interface EmbeddedMetricProps {
     chartColors?: string[];
     metricId: string;
     chartRendererType?: 'svg' | 'canvas';
+    variant?: 'card' | 'fullscreen';
+    onMinimize?: () => void;
 }
-export declare const EmbeddedMetric: React.MemoExoticComponent<({ token, chartColors, metricId, chartRendererType, }: EmbeddedMetricProps) => JSX.Element>;
+export declare const EmbeddedMetric: React.MemoExoticComponent<({ token, chartColors, metricId, chartRendererType, variant, onMinimize, }: EmbeddedMetricProps) => JSX.Element>;

package/dist/containers/Metric/index.d.ts

@@ -14,6 +14,8 @@ export interface MetricProps extends HTMLAttributes<HTMLElement> {
     token: string;
     chartColors?: string[];
     metricId: string;
+    variant?: 'card' | 'fullscreen';
+    onMinimize?: () => void;
     chartRendererType?: 'svg' | 'canvas';
     theme?: ThemeType;
     width?: number;
@@ -25,6 +27,8 @@ export interface MetricProps extends HTMLAttributes<HTMLElement> {
  * @name Metric - A react component to display a single metric card.
  * @prop {string} token - A client based guest token.
  * @prop {string} metricId - A metric id (one which you have provided at the time of it's creation) of the metric you want to display.
+ * @prop {string} variant (optional) - The variant to render the metric it can be card (fullscreen included) or fullscreen.
+ * @prop {function} onMinimize (optional) - An optional callback when minimize button is clicked.
  * @prop {array} chartColors (optional) - An array of colors to be used to visualize the chart.
  * @prop {string} chartRendererType (optional) - Whether to display chart as svg or canvas. In case of low end devices or in general svg is better and in case of frequent data changes or high size data visualization canvas is better. Defaults to canvas.
  * @prop {number} width (optional) - The width of the metric card e.g. 500, 200 etc. will be treated as pixel value.

package/dist/index.es.js

@@ -96797,51 +96797,55 @@ const Qze = ({
     token: r,
     chartColors: t,
     metricId: e,
-    chartRendererType: n = "canvas"
+    chartRendererType: n = "canvas",
+    variant: i = "card",
+    onMinimize: a
   }) => {
-    const [i, a] = pe({
-      isShow: !1
+    const [o, s] = pe({
+      isShow: i === "fullscreen"
     }), {
-      externalMetric: o,
-      adminColors: s,
-      rlsSettings: l,
-      sharingSettingsId: c,
-      companyId: u,
-      clientId: h,
-      tenancyLevel: d,
-      isLoading: f,
-      errorMsg: p
+      externalMetric: l,
+      adminColors: c,
+      rlsSettings: u,
+      sharingSettingsId: h,
+      companyId: d,
+      clientId: f,
+      tenancyLevel: p,
+      isLoading: v,
+      errorMsg: g
     } = Sz({
       token: r,
       metricId: e
     });
     return /* @__PURE__ */ A.jsxs(A.Fragment, { children: [
-      f ? /* @__PURE__ */ A.jsx("div", { className: HG.loader, children: /* @__PURE__ */ A.jsx(zG, {}) }) : null,
-      p || null,
-      o && !f ? /* @__PURE__ */ A.jsxs(A.Fragment, { children: [
-        /* @__PURE__ */ A.jsx(
+      v ? /* @__PURE__ */ A.jsx("div", { className: HG.loader, children: /* @__PURE__ */ A.jsx(zG, {}) }) : null,
+      g || null,
+      l && !v ? /* @__PURE__ */ A.jsxs(A.Fragment, { children: [
+        i === "card" && /* @__PURE__ */ A.jsx(
           BI,
           {
-            metricItem: o,
-            client: h,
-            colors: s || t,
-            onMaximize: (v, g) => a({ isShow: !0, rlsFilters: g }),
-            companyTenancyType: d,
+            metricItem: l,
+            client: f,
+            colors: c || t,
+            onMaximize: (m, y) => s({ isShow: !0, rlsFilters: y }),
+            companyTenancyType: p,
             chartRendererType: n,
-            param: l
+            param: u
           }
         ),
-        /* @__PURE__ */ A.jsx(nb, { children: i.isShow ? /* @__PURE__ */ A.jsx(
+        /* @__PURE__ */ A.jsx(nb, { children: o.isShow || i === "fullscreen" ? /* @__PURE__ */ A.jsx(
           VI,
           {
-            metric: o,
-            clientId: h,
-            colors: s || t,
-            onMinimize: () => a({ isShow: !1 }),
-            companyId: u,
-            tenancyLevel: d,
-            rlsFilters: i.rlsFilters,
-            sharingSettingsId: c,
+            metric: l,
+            clientId: f,
+            colors: c || t,
+            onMinimize: () => {
+              s({ isShow: !1 }), a == null || a();
+            },
+            companyId: d,
+            tenancyLevel: p,
+            rlsFilters: o.rlsFilters,
+            sharingSettingsId: h,
             externalDashboardId: "",
             userProvidedDashboardId: ""
           }

package/dist/index.umd.js

@@ -1872,4 +1872,4 @@ In order to be iterable, non-array objects must have a [Symbol.iterator]() metho
 In order to be iterable, non-array objects must have a [Symbol.iterator]() method.`)}function _(V,$){if(V){if(typeof V=="string")return D(V,$);var F=Object.prototype.toString.call(V).slice(8,-1);if(F==="Object"&&V.constructor&&(F=V.constructor.name),F==="Map"||F==="Set")return Array.from(V);if(F==="Arguments"||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(F))return D(V,$)}}function D(V,$){($==null||$>V.length)&&($=V.length);for(var F=0,W=new Array($);F<$;F++)W[F]=V[F];return W}function I(V,$){var F=V==null?null:typeof Symbol<"u"&&V[Symbol.iterator]||V["@@iterator"];if(F!=null){var W=[],G=!0,q=!1,Y,X;try{for(F=F.call(V);!(G=(Y=F.next()).done)&&(W.push(Y.value),!($&&W.length===$));G=!0);}catch(U){q=!0,X=U}finally{try{!G&&F.return!=null&&F.return()}finally{if(q)throw X}}return W}}function C(V){if(Array.isArray(V))return V}function T(V,$){if(!(V instanceof $))throw new TypeError("Cannot call a class as a function")}function S(V,$){for(var F=0;F<$.length;F++){var W=$[F];W.enumerable=W.enumerable||!1,W.configurable=!0,"value"in W&&(W.writable=!0),Object.defineProperty(V,W.key,W)}}function M(V,$,F){return $&&S(V.prototype,$),F&&S(V,F),Object.defineProperty(V,"prototype",{writable:!1}),V}function L(V,$){if(typeof $!="function"&&$!==null)throw new TypeError("Super expression must either be null or a function");V.prototype=Object.create($&&$.prototype,{constructor:{value:V,writable:!0,configurable:!0}}),Object.defineProperty(V,"prototype",{writable:!1}),$&&E(V,$)}function E(V,$){return E=Object.setPrototypeOf||function(W,G){return W.__proto__=G,W},E(V,$)}function N(V){var $=P();return function(){var W=j(V),G;if($){var q=j(this).constructor;G=Reflect.construct(W,arguments,q)}else G=W.apply(this,arguments);return k(this,G)}}function k(V,$){if($&&(t($)==="object"||typeof $=="function"))return $;if($!==void 0)throw new TypeError("Derived constructors may only return object or undefined");return O(V)}function O(V){if(V===void 0)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return V}function P(){if(typeof Reflect>"u"||!Reflect.construct||Reflect.construct.sham)return!1;if(typeof Proxy=="function")return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],function(){})),!0}catch{return!1}}function j(V){return j=Object.setPrototypeOf?Object.getPrototypeOf:function(F){return F.__proto__||Object.getPrototypeOf(F)},j(V)}function z(V,$,F){return $ in V?Object.defineProperty(V,$,{value:F,enumerable:!0,configurable:!0,writable:!0}):V[$]=F,V}var H=function(V){L(F,V);var $=N(F);function F(W){var G;return T(this,F),G=$.call(this,W),z(O(G),"onDragStart",function(q,Y){(0,u.default)("Draggable: onDragStart: %j",Y);var X=G.props.onStart(q,(0,s.createDraggableData)(O(G),Y));if(X===!1)return!1;G.setState({dragging:!0,dragged:!0})}),z(O(G),"onDrag",function(q,Y){if(!G.state.dragging)return!1;(0,u.default)("Draggable: onDrag: %j",Y);var X=(0,s.createDraggableData)(O(G),Y),U={x:X.x,y:X.y};if(G.props.bounds){var Z=U.x,Q=U.y;U.x+=G.state.slackX,U.y+=G.state.slackY;var ce=(0,s.getBoundPosition)(O(G),U.x,U.y),re=w(ce,2),J=re[0],ae=re[1];U.x=J,U.y=ae,U.slackX=G.state.slackX+(Z-U.x),U.slackY=G.state.slackY+(Q-U.y),X.x=U.x,X.y=U.y,X.deltaX=U.x-G.state.x,X.deltaY=U.y-G.state.y}var Ce=G.props.onDrag(q,X);if(Ce===!1)return!1;G.setState(U)}),z(O(G),"onDragStop",function(q,Y){if(!G.state.dragging)return!1;var X=G.props.onStop(q,(0,s.createDraggableData)(O(G),Y));if(X===!1)return!1;(0,u.default)("Draggable: onDragStop: %j",Y);var U={dragging:!1,slackX:0,slackY:0},Z=!!G.props.position;if(Z){var Q=G.props.position,ce=Q.x,re=Q.y;U.x=ce,U.y=re}G.setState(U)}),G.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."),G}return M(F,[{key:"componentDidMount",value:function(){typeof window.SVGElement<"u"&&this.findDOMNode()instanceof window.SVGElement&&this.setState({isElementSVG:!0})}},{key:"componentWillUnmount",value:function(){this.setState({dragging:!1})}},{key:"findDOMNode",value:function(){var G,q,Y;return(G=(q=this.props)===null||q===void 0||(Y=q.nodeRef)===null||Y===void 0?void 0:Y.current)!==null&&G!==void 0?G:i.default.findDOMNode(this)}},{key:"render",value:function(){var G,q=this.props;q.axis,q.bounds;var Y=q.children,X=q.defaultPosition,U=q.defaultClassName,Z=q.defaultClassNameDragging,Q=q.defaultClassNameDragged,ce=q.position,re=q.positionOffset;q.scale;var J=g(q,h),ae={},Ce=null,Se=!!ce,ke=!Se||this.state.dragging,Ue=ce||X,It={x:(0,s.canDragX)(this)&&ke?this.state.x:Ue.x,y:(0,s.canDragY)(this)&&ke?this.state.y:Ue.y};this.state.isElementSVG?Ce=(0,o.createSVGTransform)(It,re):ae=(0,o.createCSSTransform)(It,re);var de=(0,a.default)(Y.props.className||"",U,(G={},z(G,Z,this.state.dragging),z(G,Q,this.state.dragged),G));return e.createElement(c.default,v({},J,{onStart:this.onDragStart,onDrag:this.onDrag,onStop:this.onDragStop}),e.cloneElement(e.Children.only(Y),{className:de,style:b(b({},Y.props.style),ae),transform:Ce}))}}],[{key:"getDerivedStateFromProps",value:function(G,q){var Y=G.position,X=q.prevPropsPosition;return Y&&(!X||Y.x!==X.x||Y.y!==X.y)?((0,u.default)("Draggable: getDerivedStateFromProps %j",{position:Y,prevPropsPosition:X}),{x:Y.x,y:Y.y,prevPropsPosition:b({},Y)}):null}}]),F}(e.Component);r.default=H,z(H,"displayName","Draggable"),z(H,"propTypes",b(b({},c.default.propTypes),{},{axis:n.default.oneOf(["both","x","y","none"]),bounds:n.default.oneOfType([n.default.shape({left:n.default.number,right:n.default.number,top:n.default.number,bottom:n.default.number}),n.default.string,n.default.oneOf([!1])]),defaultClassName:n.default.string,defaultClassNameDragging:n.default.string,defaultClassNameDragged:n.default.string,defaultPosition:n.default.shape({x:n.default.number,y:n.default.number}),positionOffset:n.default.shape({x:n.default.oneOfType([n.default.number,n.default.string]),y:n.default.oneOfType([n.default.number,n.default.string])}),position:n.default.shape({x:n.default.number,y:n.default.number}),className:l.dontSetMe,style:l.dontSetMe,transform:l.dontSetMe})),z(H,"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}))}(yU);var kU=yU,OU=kU.default,ZCe=kU.DraggableCore;zb.exports=OU,zb.exports.default=OU,zb.exports.DraggableCore=ZCe;var PU=zb.exports,Gb={exports:{}},Pv={},XA={};XA.__esModule=!0,XA.cloneElement=JCe;var qCe=XCe(R);function XCe(r){return r&&r.__esModule?r:{default:r}}function RU(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 $U(r){for(var t=1;t<arguments.length;t++){var e=arguments[t]!=null?arguments[t]:{};t%2?RU(Object(e),!0).forEach(function(n){KCe(r,n,e[n])}):Object.getOwnPropertyDescriptors?Object.defineProperties(r,Object.getOwnPropertyDescriptors(e)):RU(Object(e)).forEach(function(n){Object.defineProperty(r,n,Object.getOwnPropertyDescriptor(e,n))})}return r}function KCe(r,t,e){return t in r?Object.defineProperty(r,t,{value:e,enumerable:!0,configurable:!0,writable:!0}):r[t]=e,r}function JCe(r,t){return t.style&&r.props.style&&(t.style=$U($U({},r.props.style),t.style)),t.className&&r.props.className&&(t.className=r.props.className+" "+t.className),qCe.default.cloneElement(r,t)}var Rv={};Rv.__esModule=!0,Rv.resizableProps=void 0;var Pt=eTe(Ya);function eTe(r){return r&&r.__esModule?r:{default:r}}var tTe={axis:Pt.default.oneOf(["both","x","y","none"]),className:Pt.default.string,children:Pt.default.element.isRequired,draggableOpts:Pt.default.shape({allowAnyClick:Pt.default.bool,cancel:Pt.default.string,children:Pt.default.node,disabled:Pt.default.bool,enableUserSelectHack:Pt.default.bool,offsetParent:Pt.default.node,grid:Pt.default.arrayOf(Pt.default.number),handle:Pt.default.string,nodeRef:Pt.default.object,onStart:Pt.default.func,onDrag:Pt.default.func,onStop:Pt.default.func,onMouseDown:Pt.default.func,scale:Pt.default.number}),height:Pt.default.number.isRequired,handle:Pt.default.oneOfType([Pt.default.node,Pt.default.func]),handleSize:Pt.default.arrayOf(Pt.default.number),lockAspectRatio:Pt.default.bool,maxConstraints:Pt.default.arrayOf(Pt.default.number),minConstraints:Pt.default.arrayOf(Pt.default.number),onResizeStop:Pt.default.func,onResizeStart:Pt.default.func,onResize:Pt.default.func,resizeHandles:Pt.default.arrayOf(Pt.default.oneOf(["s","w","e","n","sw","nw","se","ne"])),transformScale:Pt.default.number,width:Pt.default.number.isRequired};Rv.resizableProps=tTe,Pv.__esModule=!0,Pv.default=void 0;var $v=oTe(R),rTe=PU,nTe=XA,iTe=Rv,aTe=["children","className","draggableOpts","width","height","handle","handleSize","lockAspectRatio","axis","minConstraints","maxConstraints","onResize","onResizeStop","onResizeStart","resizeHandles","transformScale"];function jU(r){if(typeof WeakMap!="function")return null;var t=new WeakMap,e=new WeakMap;return(jU=function(i){return i?e:t})(r)}function oTe(r,t){if(!t&&r&&r.__esModule)return r;if(r===null||typeof r!="object"&&typeof r!="function")return{default:r};var e=jU(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 KA(){return KA=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},KA.apply(this,arguments)}function sTe(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 zU(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 JA(r){for(var t=1;t<arguments.length;t++){var e=arguments[t]!=null?arguments[t]:{};t%2?zU(Object(e),!0).forEach(function(n){lTe(r,n,e[n])}):Object.getOwnPropertyDescriptors?Object.defineProperties(r,Object.getOwnPropertyDescriptors(e)):zU(Object(e)).forEach(function(n){Object.defineProperty(r,n,Object.getOwnPropertyDescriptor(e,n))})}return r}function lTe(r,t,e){return t in r?Object.defineProperty(r,t,{value:e,enumerable:!0,configurable:!0,writable:!0}):r[t]=e,r}function uTe(r,t){r.prototype=Object.create(t.prototype),r.prototype.constructor=r,eI(r,t)}function eI(r,t){return eI=Object.setPrototypeOf||function(n,i){return n.__proto__=i,n},eI(r,t)}var tI=function(r){uTe(t,r);function t(){for(var n,i=arguments.length,a=new Array(i),o=0;o<i;o++)a[o]=arguments[o];return n=r.call.apply(r,[this].concat(a))||this,n.handleRefs={},n.lastHandleRect=null,n.slack=null,n}var e=t.prototype;return e.componentWillUnmount=function(){this.resetData()},e.resetData=function(){this.lastHandleRect=this.slack=null},e.runConstraints=function(i,a){var o=this.props,s=o.minConstraints,l=o.maxConstraints,c=o.lockAspectRatio;if(!s&&!l&&!c)return[i,a];if(c){var u=this.props.width/this.props.height,h=i-this.props.width,d=a-this.props.height;Math.abs(h)>Math.abs(d*u)?a=i/u:i=a*u}var f=i,p=a,v=this.slack||[0,0],g=v[0],m=v[1];return i+=g,a+=m,s&&(i=Math.max(s[0],i),a=Math.max(s[1],a)),l&&(i=Math.min(l[0],i),a=Math.min(l[1],a)),this.slack=[g+(f-i),m+(p-a)],[i,a]},e.resizeHandler=function(i,a){var o=this;return function(s,l){var c=l.node,u=l.deltaX,h=l.deltaY;i==="onResizeStart"&&o.resetData();var d=(o.props.axis==="both"||o.props.axis==="x")&&a!=="n"&&a!=="s",f=(o.props.axis==="both"||o.props.axis==="y")&&a!=="e"&&a!=="w";if(!(!d&&!f)){var p=a[0],v=a[a.length-1],g=c.getBoundingClientRect();if(o.lastHandleRect!=null){if(v==="w"){var m=g.left-o.lastHandleRect.left;u+=m}if(p==="n"){var y=g.top-o.lastHandleRect.top;h+=y}}o.lastHandleRect=g,v==="w"&&(u=-u),p==="n"&&(h=-h);var b=o.props.width+(d?u/o.props.transformScale:0),w=o.props.height+(f?h/o.props.transformScale:0),x=o.runConstraints(b,w);b=x[0],w=x[1];var _=b!==o.props.width||w!==o.props.height,D=typeof o.props[i]=="function"?o.props[i]:null,I=i==="onResize"&&!_;D&&!I&&(s.persist==null||s.persist(),D(s,{node:c,size:{width:b,height:w},handle:a})),i==="onResizeStop"&&o.resetData()}}},e.renderResizeHandle=function(i,a){var o=this.props.handle;if(!o)return $v.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=JA({ref:a},s?{}:{handleAxis:i});return $v.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=sTe(a,aTe);return(0,nTe.cloneElement)(o,JA(JA({},u),{},{className:(s?s+" ":"")+"react-resizable",children:[].concat(o.props.children,c.map(function(h){var d,f=(d=i.handleRefs[h])!=null?d:i.handleRefs[h]=$v.createRef();return $v.createElement(rTe.DraggableCore,KA({},l,{nodeRef:f,key:"resizableHandle-"+h,onStop:i.resizeHandler("onResizeStop",h),onStart:i.resizeHandler("onResizeStart",h),onDrag:i.resizeHandler("onResize",h)}),i.renderResizeHandle(h,f))}))}))},t}($v.Component);Pv.default=tI,tI.propTypes=iTe.resizableProps,tI.defaultProps={axis:"both",handleSize:[20,20],lockAspectRatio:!1,minConstraints:[20,20],maxConstraints:[1/0,1/0],resizeHandles:["se"],transformScale:1};var Yb={};Yb.__esModule=!0,Yb.default=void 0;var rI=pTe(R),cTe=FU(Ya),hTe=FU(Pv),fTe=Rv,dTe=["handle","handleSize","onResize","onResizeStart","onResizeStop","draggableOpts","minConstraints","maxConstraints","lockAspectRatio","axis","width","height","resizeHandles","style","transformScale"];function FU(r){return r&&r.__esModule?r:{default:r}}function BU(r){if(typeof WeakMap!="function")return null;var t=new WeakMap,e=new WeakMap;return(BU=function(i){return i?e:t})(r)}function pTe(r,t){if(!t&&r&&r.__esModule)return r;if(r===null||typeof r!="object"&&typeof r!="function")return{default:r};var e=BU(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 nI(){return nI=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},nI.apply(this,arguments)}function VU(r,t){var e=Object.keys(r);if(Object.getOwnPropertySymbols){var n=Object.getOwnPropertySymbols(r);t&&(n=n.filter(function(i){return Object.getOwnPropertyDescriptor(r,i).enumerable})),e.push.apply(e,n)}return e}function Qb(r){for(var t=1;t<arguments.length;t++){var e=arguments[t]!=null?arguments[t]:{};t%2?VU(Object(e),!0).forEach(function(n){vTe(r,n,e[n])}):Object.getOwnPropertyDescriptors?Object.defineProperties(r,Object.getOwnPropertyDescriptors(e)):VU(Object(e)).forEach(function(n){Object.defineProperty(r,n,Object.getOwnPropertyDescriptor(e,n))})}return r}function vTe(r,t,e){return t in r?Object.defineProperty(r,t,{value:e,enumerable:!0,configurable:!0,writable:!0}):r[t]=e,r}function gTe(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 mTe(r,t){r.prototype=Object.create(t.prototype),r.prototype.constructor=r,iI(r,t)}function iI(r,t){return iI=Object.setPrototypeOf||function(n,i){return n.__proto__=i,n},iI(r,t)}var HU=function(r){mTe(t,r);function t(){for(var n,i=arguments.length,a=new Array(i),o=0;o<i;o++)a[o]=arguments[o];return n=r.call.apply(r,[this].concat(a))||this,n.state={width:n.props.width,height:n.props.height,propsWidth:n.props.width,propsHeight:n.props.height},n.onResize=function(s,l){var c=l.size;n.props.onResize?(s.persist==null||s.persist(),n.setState(c,function(){return n.props.onResize&&n.props.onResize(s,l)})):n.setState(c)},n}t.getDerivedStateFromProps=function(i,a){return a.propsWidth!==i.width||a.propsHeight!==i.height?{width:i.width,height:i.height,propsWidth:i.width,propsHeight:i.height}:null};var e=t.prototype;return e.render=function(){var i=this.props,a=i.handle,o=i.handleSize;i.onResize;var s=i.onResizeStart,l=i.onResizeStop,c=i.draggableOpts,u=i.minConstraints,h=i.maxConstraints,d=i.lockAspectRatio,f=i.axis;i.width,i.height;var p=i.resizeHandles,v=i.style,g=i.transformScale,m=gTe(i,dTe);return rI.createElement(hTe.default,{axis:f,draggableOpts:c,handle:a,handleSize:o,height:this.state.height,lockAspectRatio:d,maxConstraints:h,minConstraints:u,onResizeStart:s,onResize:this.onResize,onResizeStop:l,resizeHandles:p,transformScale:g,width:this.state.width},rI.createElement("div",nI({},m,{style:Qb(Qb({},v),{},{width:this.state.width+"px",height:this.state.height+"px"})})))},t}(rI.Component);Yb.default=HU,HU.propTypes=Qb(Qb({},fTe.resizableProps),{},{children:cTe.default.element}),Gb.exports=function(){throw new Error("Don't instantiate Resizable directly! Use require('react-resizable').Resizable")},Gb.exports.Resizable=Pv.default,Gb.exports.ResizableBox=Yb.default;var yTe=Gb.exports,ms={};Object.defineProperty(ms,"__esModule",{value:!0}),ms.resizeHandleType=ms.resizeHandleAxesType=ms.default=void 0;var At=WU(Ya),bTe=WU(R);function WU(r){return r&&r.__esModule?r:{default:r}}var UU=At.default.arrayOf(At.default.oneOf(["s","w","e","n","sw","nw","se","ne"]));ms.resizeHandleAxesType=UU;var GU=At.default.oneOfType([At.default.node,At.default.func]);ms.resizeHandleType=GU;var wTe={className:At.default.string,style:At.default.object,width:At.default.number,autoSize:At.default.bool,cols:At.default.number,draggableCancel:At.default.string,draggableHandle:At.default.string,verticalCompact:function(t){t.verticalCompact===!1&&process.env.NODE_ENV!=="production"&&console.warn('`verticalCompact` on <ReactGridLayout> is deprecated and will be removed soon. Use `compactType`: "horizontal" | "vertical" | null.')},compactType:At.default.oneOf(["vertical","horizontal"]),layout:function(t){var e=t.layout;e!==void 0&&Ot.validateLayout(e,"layout")},margin:At.default.arrayOf(At.default.number),containerPadding:At.default.arrayOf(At.default.number),rowHeight:At.default.number,maxRows:At.default.number,isBounded:At.default.bool,isDraggable:At.default.bool,isResizable:At.default.bool,allowOverlap:At.default.bool,preventCollision:At.default.bool,useCSSTransforms:At.default.bool,transformScale:At.default.number,isDroppable:At.default.bool,resizeHandles:UU,resizeHandle:GU,onLayoutChange:At.default.func,onDragStart:At.default.func,onDrag:At.default.func,onDragStop:At.default.func,onResizeStart:At.default.func,onResize:At.default.func,onResizeStop:At.default.func,onDrop:At.default.func,droppingItem:At.default.shape({i:At.default.string.isRequired,w:At.default.number.isRequired,h:At.default.number.isRequired}),children:function(t,e){var n=t[e],i={};bTe.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:At.default.any};ms.default=wTe;function aI(r){return aI=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},aI(r)}Object.defineProperty(jb,"__esModule",{value:!0}),jb.default=void 0;var Df=oI(R),Kt=oI(Ya),xTe=PU,_Te=yTe,jv=Ot,Sn=gs,YU=ms,STe=oI(Pb);function oI(r){return r&&r.__esModule?r:{default:r}}function QU(r,t){var e=Object.keys(r);if(Object.getOwnPropertySymbols){var n=Object.getOwnPropertySymbols(r);t&&(n=n.filter(function(i){return Object.getOwnPropertyDescriptor(r,i).enumerable})),e.push.apply(e,n)}return e}function sI(r){for(var t=1;t<arguments.length;t++){var e=arguments[t]!=null?arguments[t]:{};t%2?QU(Object(e),!0).forEach(function(n){eo(r,n,e[n])}):Object.getOwnPropertyDescriptors?Object.defineProperties(r,Object.getOwnPropertyDescriptors(e)):QU(Object(e)).forEach(function(n){Object.defineProperty(r,n,Object.getOwnPropertyDescriptor(e,n))})}return r}function MTe(r,t){if(!(r instanceof t))throw new TypeError("Cannot call a class as a function")}function ZU(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 DTe(r,t,e){return t&&ZU(r.prototype,t),e&&ZU(r,e),Object.defineProperty(r,"prototype",{writable:!1}),r}function CTe(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&&lI(r,t)}function lI(r,t){return lI=Object.setPrototypeOf||function(n,i){return n.__proto__=i,n},lI(r,t)}function TTe(r){var t=ITe();return function(){var n=Zb(r),i;if(t){var a=Zb(this).constructor;i=Reflect.construct(n,arguments,a)}else i=n.apply(this,arguments);return ATe(this,i)}}function ATe(r,t){if(t&&(aI(t)==="object"||typeof t=="function"))return t;if(t!==void 0)throw new TypeError("Derived constructors may only return object or undefined");return _a(r)}function _a(r){if(r===void 0)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return r}function ITe(){if(typeof Reflect>"u"||!Reflect.construct||Reflect.construct.sham)return!1;if(typeof Proxy=="function")return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],function(){})),!0}catch{return!1}}function Zb(r){return Zb=Object.setPrototypeOf?Object.getPrototypeOf:function(e){return e.__proto__||Object.getPrototypeOf(e)},Zb(r)}function eo(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=function(r){CTe(e,r);var t=TTe(e);function e(){var n;MTe(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)),eo(_a(n),"state",{resizing:null,dragging:null,className:""}),eo(_a(n),"elementRef",Df.default.createRef()),eo(_a(n),"onDragStart",function(s,l){var c=l.node,u=n.props,h=u.onDragStart,d=u.transformScale;if(h){var f={top:0,left:0},p=c.offsetParent;if(p){var v=p.getBoundingClientRect(),g=c.getBoundingClientRect(),m=g.left/d,y=v.left/d,b=g.top/d,w=v.top/d;f.left=m-y+p.scrollLeft,f.top=b-w+p.scrollTop,n.setState({dragging:f});var x=(0,Sn.calcXY)(n.getPositionParams(),f.top,f.left,n.props.w,n.props.h),_=x.x,D=x.y;return h.call(_a(n),n.props.i,_,D,{e:s,node:c,newPosition:f})}}}),eo(_a(n),"onDrag",function(s,l){var c=l.node,u=l.deltaX,h=l.deltaY,d=n.props.onDrag;if(d){if(!n.state.dragging)throw new Error("onDrag called before onDragStart.");var f=n.state.dragging.top+h,p=n.state.dragging.left+u,v=n.props,g=v.isBounded,m=v.i,y=v.w,b=v.h,w=v.containerWidth,x=n.getPositionParams();if(g){var _=c.offsetParent;if(_){var D=n.props,I=D.margin,C=D.rowHeight,T=_.clientHeight-(0,Sn.calcGridItemWHPx)(b,C,I[1]);f=(0,Sn.clamp)(f,0,T);var S=(0,Sn.calcGridColWidth)(x),M=w-(0,Sn.calcGridItemWHPx)(y,S,I[0]);p=(0,Sn.clamp)(p,0,M)}}var L={top:f,left:p};n.setState({dragging:L});var E=(0,Sn.calcXY)(x,f,p,y,b),N=E.x,k=E.y;return d.call(_a(n),m,N,k,{e:s,node:c,newPosition:L})}}),eo(_a(n),"onDragStop",function(s,l){var c=l.node,u=n.props.onDragStop;if(u){if(!n.state.dragging)throw new Error("onDragEnd called before onDragStart.");var h=n.props,d=h.w,f=h.h,p=h.i,v=n.state.dragging,g=v.left,m=v.top,y={top:m,left:g};n.setState({dragging:null});var b=(0,Sn.calcXY)(n.getPositionParams(),m,g,d,f),w=b.x,x=b.y;return u.call(_a(n),p,w,x,{e:s,node:c,newPosition:y})}}),eo(_a(n),"onResizeStop",function(s,l){n.onResizeHandler(s,l,"onResizeStop")}),eo(_a(n),"onResizeStart",function(s,l){n.onResizeHandler(s,l,"onResizeStart")}),eo(_a(n),"onResize",function(s,l){n.onResizeHandler(s,l,"onResize")}),n}return DTe(e,[{key:"shouldComponentUpdate",value:function(i,a){if(this.props.children!==i.children||this.props.droppingPosition!==i.droppingPosition)return!0;var o=(0,Sn.calcGridItemPosition)(this.getPositionParams(this.props),this.props.x,this.props.y,this.props.w,this.props.h,this.state),s=(0,Sn.calcGridItemPosition)(this.getPositionParams(i),i.x,i.y,i.w,i.h,a);return!(0,jv.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,jv.setTransform)(i):(c=(0,jv.setTopLeft)(i),o&&(c.left=(0,jv.perc)(i.left/s),c.width=(0,jv.perc)(i.width/s))),c}},{key:"mixinDraggable",value:function(i,a){return Df.default.createElement(xTe.DraggableCore,{disabled:!a,onStart:this.onDragStart,onDrag:this.onDrag,onStop:this.onDragStop,handle:this.props.handle,cancel:".react-resizable-handle"+(this.props.cancel?","+this.props.cancel:""),scale:this.props.transformScale,nodeRef:this.elementRef},i)}},{key:"mixinResizable",value:function(i,a,o){var s=this.props,l=s.cols,c=s.x,u=s.minW,h=s.minH,d=s.maxW,f=s.maxH,p=s.transformScale,v=s.resizeHandles,g=s.resizeHandle,m=this.getPositionParams(),y=(0,Sn.calcGridItemPosition)(m,0,0,l-c,0).width,b=(0,Sn.calcGridItemPosition)(m,0,0,u,h),w=(0,Sn.calcGridItemPosition)(m,0,0,d,f),x=[b.width,b.height],_=[Math.min(w.width,y),Math.min(w.height,1/0)];return Df.default.createElement(_Te.Resizable,{draggableOpts:{disabled:!o},className:o?void 0:"react-resizable-hide",width:a.width,height:a.height,minConstraints:x,maxConstraints:_,onResizeStop:this.onResizeStop,onResizeStart:this.onResizeStart,onResize:this.onResize,transformScale:p,resizeHandles:v,handle:g},i)}},{key:"onResizeHandler",value:function(i,a,o){var s=a.node,l=a.size,c=this.props[o];if(c){var u=this.props,h=u.cols,d=u.x,f=u.y,p=u.i,v=u.maxH,g=u.minH,m=this.props,y=m.minW,b=m.maxW,w=(0,Sn.calcWH)(this.getPositionParams(),l.width,l.height,d,f),x=w.w,_=w.h;y=Math.max(y,1),b=Math.min(b,h-d),x=(0,Sn.clamp)(x,y,b),_=(0,Sn.clamp)(_,g,v),this.setState({resizing:o==="onResizeStop"?null:l}),c.call(this,p,x,_,{e:i,node:s,size:l})}}},{key:"render",value:function(){var i=this.props,a=i.x,o=i.y,s=i.w,l=i.h,c=i.isDraggable,u=i.isResizable,h=i.droppingPosition,d=i.useCSSTransforms,f=(0,Sn.calcGridItemPosition)(this.getPositionParams(),a,o,s,l,this.state),p=Df.default.Children.only(this.props.children),v=Df.default.cloneElement(p,{ref:this.elementRef,className:(0,STe.default)("react-grid-item",p.props.className,this.props.className,{static:this.props.static,resizing:!!this.state.resizing,"react-draggable":c,"react-draggable-dragging":!!this.state.dragging,dropping:!!h,cssTransforms:d}),style:sI(sI(sI({},this.props.style),p.props.style),this.createStyle(f))});return v=this.mixinResizable(v,f,u),v=this.mixinDraggable(v,c),v}}]),e}(Df.default.Component);jb.default=uI,eo(uI,"propTypes",{children:Kt.default.element,cols:Kt.default.number.isRequired,containerWidth:Kt.default.number.isRequired,rowHeight:Kt.default.number.isRequired,margin:Kt.default.array.isRequired,maxRows:Kt.default.number.isRequired,containerPadding:Kt.default.array.isRequired,x:Kt.default.number.isRequired,y:Kt.default.number.isRequired,w:Kt.default.number.isRequired,h:Kt.default.number.isRequired,minW:function(t,e){var n=t[e];if(typeof n!="number")return new Error("minWidth not Number");if(n>t.w||n>t.maxW)return new Error("minWidth larger than item width/maxWidth")},maxW:function(t,e){var n=t[e];if(typeof n!="number")return new Error("maxWidth not Number");if(n<t.w||n<t.minW)return new Error("maxWidth smaller than item width/minWidth")},minH:function(t,e){var n=t[e];if(typeof n!="number")return new Error("minHeight not Number");if(n>t.h||n>t.maxH)return new Error("minHeight larger than item height/maxHeight")},maxH:function(t,e){var n=t[e];if(typeof n!="number")return new Error("maxHeight not Number");if(n<t.h||n<t.minH)return new Error("maxHeight smaller than item height/minHeight")},i:Kt.default.string.isRequired,resizeHandles:YU.resizeHandleAxesType,resizeHandle:YU.resizeHandleType,onDragStop:Kt.default.func,onDragStart:Kt.default.func,onDrag:Kt.default.func,onResizeStop:Kt.default.func,onResizeStart:Kt.default.func,onResize:Kt.default.func,isDraggable:Kt.default.bool.isRequired,isResizable:Kt.default.bool.isRequired,isBounded:Kt.default.bool.isRequired,static:Kt.default.bool,useCSSTransforms:Kt.default.bool.isRequired,transformScale:Kt.default.number,className:Kt.default.string,handle:Kt.default.string,cancel:Kt.default.string,droppingPosition:Kt.default.shape({e:Kt.default.object.isRequired,left:Kt.default.number.isRequired,top:Kt.default.number.isRequired})}),eo(uI,"defaultProps",{className:"",cancel:"",handle:"",minH:1,minW:1,maxH:1/0,maxW:1/0,transformScale:1});function qb(r){return qb=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},qb(r)}Object.defineProperty(Nv,"__esModule",{value:!0}),Nv.default=void 0;var _c=kTe(R),cI=Xb(Lv),LTe=Xb(Pb),gt=Ot,ETe=gs,qU=Xb(jb),NTe=Xb(ms);function Xb(r){return r&&r.__esModule?r:{default:r}}function XU(r){if(typeof WeakMap!="function")return null;var t=new WeakMap,e=new WeakMap;return(XU=function(i){return i?e:t})(r)}function kTe(r,t){if(!t&&r&&r.__esModule)return r;if(r===null||qb(r)!=="object"&&typeof r!="function")return{default:r};var e=XU(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 OTe(r){return $Te(r)||RTe(r)||JU(r)||PTe()}function PTe(){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 RTe(r){if(typeof Symbol<"u"&&r[Symbol.iterator]!=null||r["@@iterator"]!=null)return Array.from(r)}function $Te(r){if(Array.isArray(r))return hI(r)}function KU(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?KU(Object(e),!0).forEach(function(n){Mn(r,n,e[n])}):Object.getOwnPropertyDescriptors?Object.defineProperties(r,Object.getOwnPropertyDescriptors(e)):KU(Object(e)).forEach(function(n){Object.defineProperty(r,n,Object.getOwnPropertyDescriptor(e,n))})}return r}function jTe(r,t){return BTe(r)||FTe(r,t)||JU(r,t)||zTe()}function zTe(){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 JU(r,t){if(r){if(typeof r=="string")return hI(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 hI(r,t)}}function hI(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 FTe(r,t){var e=r==null?null:typeof Symbol<"u"&&r[Symbol.iterator]||r["@@iterator"];if(e!=null){var n=[],i=!0,a=!1,o,s;try{for(e=e.call(r);!(i=(o=e.next()).done)&&(n.push(o.value),!(t&&n.length===t));i=!0);}catch(l){a=!0,s=l}finally{try{!i&&e.return!=null&&e.return()}finally{if(a)throw s}}return n}}function BTe(r){if(Array.isArray(r))return r}function VTe(r,t){if(!(r instanceof t))throw new TypeError("Cannot call a class as a function")}function eG(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 HTe(r,t,e){return t&&eG(r.prototype,t),e&&eG(r,e),Object.defineProperty(r,"prototype",{writable:!1}),r}function WTe(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&&fI(r,t)}function fI(r,t){return fI=Object.setPrototypeOf||function(n,i){return n.__proto__=i,n},fI(r,t)}function UTe(r){var t=YTe();return function(){var n=Kb(r),i;if(t){var a=Kb(this).constructor;i=Reflect.construct(n,arguments,a)}else i=n.apply(this,arguments);return GTe(this,i)}}function GTe(r,t){if(t&&(qb(t)==="object"||typeof t=="function"))return t;if(t!==void 0)throw new TypeError("Derived constructors may only return object or undefined");return pi(r)}function pi(r){if(r===void 0)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return r}function YTe(){if(typeof Reflect>"u"||!Reflect.construct||Reflect.construct.sham)return!1;if(typeof Proxy=="function")return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],function(){})),!0}catch{return!1}}function Kb(r){return Kb=Object.setPrototypeOf?Object.getPrototypeOf:function(e){return e.__proto__||Object.getPrototypeOf(e)},Kb(r)}function Mn(r,t,e){return t in r?Object.defineProperty(r,t,{value:e,enumerable:!0,configurable:!0,writable:!0}):r[t]=e,r}var tG="react-grid-layout",rG=!1;try{rG=/firefox/i.test(navigator.userAgent)}catch{}var Jb=function(r){WTe(e,r);var t=UTe(e);function e(){var n;VTe(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)),Mn(pi(n),"state",{activeDrag:null,layout:(0,gt.synchronizeLayoutWithChildren)(n.props.layout,n.props.children,n.props.cols,(0,gt.compactType)(n.props),n.props.allowOverlap),mounted:!1,oldDragItem:null,oldLayout:null,oldResizeItem:null,droppingDOMNode:null,children:[]}),Mn(pi(n),"dragEnterCounter",0),Mn(pi(n),"onDragStart",function(s,l,c,u){var h=u.e,d=u.node,f=n.state.layout,p=(0,gt.getLayoutItem)(f,s);if(p)return n.setState({oldDragItem:(0,gt.cloneLayoutItem)(p),oldLayout:f}),n.props.onDragStart(f,p,p,null,h,d)}),Mn(pi(n),"onDrag",function(s,l,c,u){var h=u.e,d=u.node,f=n.state.oldDragItem,p=n.state.layout,v=n.props,g=v.cols,m=v.allowOverlap,y=v.preventCollision,b=(0,gt.getLayoutItem)(p,s);if(b){var w={w:b.w,h:b.h,x:b.x,y:b.y,placeholder:!0,i:s},x=!0;p=(0,gt.moveElement)(p,b,l,c,x,y,(0,gt.compactType)(n.props),g,m),n.props.onDrag(p,f,b,w,h,d),n.setState({layout:m?p:(0,gt.compact)(p,(0,gt.compactType)(n.props),g),activeDrag:w})}}),Mn(pi(n),"onDragStop",function(s,l,c,u){var h=u.e,d=u.node;if(n.state.activeDrag){var f=n.state.oldDragItem,p=n.state.layout,v=n.props,g=v.cols,m=v.preventCollision,y=v.allowOverlap,b=(0,gt.getLayoutItem)(p,s);if(b){var w=!0;p=(0,gt.moveElement)(p,b,l,c,w,m,(0,gt.compactType)(n.props),g,y),n.props.onDragStop(p,f,b,null,h,d);var x=y?p:(0,gt.compact)(p,(0,gt.compactType)(n.props),g),_=n.state.oldLayout;n.setState({activeDrag:null,layout:x,oldDragItem:null,oldLayout:null}),n.onLayoutMaybeChanged(x,_)}}}),Mn(pi(n),"onResizeStart",function(s,l,c,u){var h=u.e,d=u.node,f=n.state.layout,p=(0,gt.getLayoutItem)(f,s);p&&(n.setState({oldResizeItem:(0,gt.cloneLayoutItem)(p),oldLayout:n.state.layout}),n.props.onResizeStart(f,p,p,null,h,d))}),Mn(pi(n),"onResize",function(s,l,c,u){var h=u.e,d=u.node,f=n.state,p=f.layout,v=f.oldResizeItem,g=n.props,m=g.cols,y=g.preventCollision,b=g.allowOverlap,w=(0,gt.withLayoutItem)(p,s,function(C){var T;if(y&&!b){var S=(0,gt.getAllCollisions)(p,Sc(Sc({},C),{},{w:l,h:c})).filter(function(E){return E.i!==C.i});if(T=S.length>0,T){var M=1/0,L=1/0;S.forEach(function(E){E.x>C.x&&(M=Math.min(M,E.x)),E.y>C.y&&(L=Math.min(L,E.y))}),Number.isFinite(M)&&(C.w=M-C.x),Number.isFinite(L)&&(C.h=L-C.y)}}return T||(C.w=l,C.h=c),C}),x=jTe(w,2),_=x[0],D=x[1];if(D){var I={w:D.w,h:D.h,x:D.x,y:D.y,static:!0,i:s};n.props.onResize(_,v,D,I,h,d),n.setState({layout:b?_:(0,gt.compact)(_,(0,gt.compactType)(n.props),m),activeDrag:I})}}),Mn(pi(n),"onResizeStop",function(s,l,c,u){var h=u.e,d=u.node,f=n.state,p=f.layout,v=f.oldResizeItem,g=n.props,m=g.cols,y=g.allowOverlap,b=(0,gt.getLayoutItem)(p,s);n.props.onResizeStop(p,v,b,null,h,d);var w=y?p:(0,gt.compact)(p,(0,gt.compactType)(n.props),m),x=n.state.oldLayout;n.setState({activeDrag:null,layout:w,oldResizeItem:null,oldLayout:null}),n.onLayoutMaybeChanged(w,x)}),Mn(pi(n),"onDragOver",function(s){var l;if(s.preventDefault(),s.stopPropagation(),rG&&!((l=s.nativeEvent.target)!==null&&l!==void 0&&l.classList.contains(tG)))return!1;var c=n.props,u=c.droppingItem,h=c.onDropDragOver,d=c.margin,f=c.cols,p=c.rowHeight,v=c.maxRows,g=c.width,m=c.containerPadding,y=c.transformScale,b=h==null?void 0:h(s);if(b===!1)return n.state.droppingDOMNode&&n.removeDroppingPlaceholder(),!1;var w=Sc(Sc({},u),b),x=n.state.layout,_=s.nativeEvent,D=_.layerX,I=_.layerY,C={left:D/y,top:I/y,e:s};if(n.state.droppingDOMNode){if(n.state.droppingPosition){var M=n.state.droppingPosition,L=M.left,E=M.top,N=L!=D||E!=I;N&&n.setState({droppingPosition:C})}}else{var T={cols:f,margin:d,maxRows:v,rowHeight:p,containerWidth:g,containerPadding:m||d},S=(0,ETe.calcXY)(T,I,D,w.w,w.h);n.setState({droppingDOMNode:_c.createElement("div",{key:w.i}),droppingPosition:C,layout:[].concat(OTe(x),[Sc(Sc({},w),{},{x:S.x,y:S.y,static:!1,isDraggable:!0})])})}}),Mn(pi(n),"removeDroppingPlaceholder",function(){var s=n.props,l=s.droppingItem,c=s.cols,u=n.state.layout,h=(0,gt.compact)(u.filter(function(d){return d.i!==l.i}),(0,gt.compactType)(n.props),c);n.setState({layout:h,droppingDOMNode:null,activeDrag:null,droppingPosition:void 0})}),Mn(pi(n),"onDragLeave",function(s){s.preventDefault(),s.stopPropagation(),n.dragEnterCounter--,n.dragEnterCounter===0&&n.removeDroppingPlaceholder()}),Mn(pi(n),"onDragEnter",function(s){s.preventDefault(),s.stopPropagation(),n.dragEnterCounter++}),Mn(pi(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 HTe(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,gt.fastRGLPropsEqual)(this.props,i,cI.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,gt.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,cI.default)(a,i)||this.props.onLayoutChange(i)}},{key:"placeholder",value:function(){var i=this.state.activeDrag;if(!i)return null;var a=this.props,o=a.width,s=a.cols,l=a.margin,c=a.containerPadding,u=a.rowHeight,h=a.maxRows,d=a.useCSSTransforms,f=a.transformScale;return _c.createElement(qU.default,{w:i.w,h:i.h,x:i.x,y:i.y,i:i.i,className:"react-grid-placeholder",containerWidth:o,cols:s,margin:l,containerPadding:c||l,maxRows:h,rowHeight:u,isDraggable:!1,isResizable:!1,isBounded:!1,useCSSTransforms:d,transformScale:f},_c.createElement("div",null))}},{key:"processGridItem",value:function(i,a){if(!(!i||!i.key)){var o=(0,gt.getLayoutItem)(this.state.layout,String(i.key));if(!o)return null;var s=this.props,l=s.width,c=s.cols,u=s.margin,h=s.containerPadding,d=s.rowHeight,f=s.maxRows,p=s.isDraggable,v=s.isResizable,g=s.isBounded,m=s.useCSSTransforms,y=s.transformScale,b=s.draggableCancel,w=s.draggableHandle,x=s.resizeHandles,_=s.resizeHandle,D=this.state,I=D.mounted,C=D.droppingPosition,T=typeof o.isDraggable=="boolean"?o.isDraggable:!o.static&&p,S=typeof o.isResizable=="boolean"?o.isResizable:!o.static&&v,M=o.resizeHandles||x,L=T&&g&&o.isBounded!==!1;return _c.createElement(qU.default,{containerWidth:l,cols:c,margin:u,containerPadding:h||u,maxRows:f,rowHeight:d,cancel:b,handle:w,onDragStop:this.onDragStop,onDragStart:this.onDragStart,onDrag:this.onDrag,onResizeStart:this.onResizeStart,onResize:this.onResize,onResizeStop:this.onResizeStop,isDraggable:T,isResizable:S,isBounded:L,useCSSTransforms:m&&I,usePercentages:!I,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?C:void 0,resizeHandles:M,resizeHandle:_},i)}}},{key:"render",value:function(){var i=this,a=this.props,o=a.className,s=a.style,l=a.isDroppable,c=a.innerRef,u=(0,LTe.default)(tG,o),h=Sc({height:this.containerHeight()},s);return _c.createElement("div",{ref:c,className:u,style:h,onDrop:l?this.onDrop:gt.noop,onDragLeave:l?this.onDragLeave:gt.noop,onDragEnter:l?this.onDragEnter:gt.noop,onDragOver:l?this.onDragOver:gt.noop},_c.Children.map(this.props.children,function(d){return i.processGridItem(d)}),l&&this.state.droppingDOMNode&&this.processGridItem(this.state.droppingDOMNode,!0),this.placeholder())}}],[{key:"getDerivedStateFromProps",value:function(i,a){var o;if(a.activeDrag)return null;if(!(0,cI.default)(i.layout,a.propsLayout)||i.compactType!==a.compactType?o=i.layout:(0,gt.childrenEqual)(i.children,a.children)||(o=a.layout),o){var s=(0,gt.synchronizeLayoutWithChildren)(o,i.children,i.cols,(0,gt.compactType)(i),i.allowOverlap);return{layout:s,compactType:i.compactType,children:i.children,propsLayout:i.layout}}return null}}]),e}(_c.Component);Nv.default=Jb,Mn(Jb,"displayName","ReactGridLayout"),Mn(Jb,"propTypes",NTe.default),Mn(Jb,"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:gt.noop,onDragStart:gt.noop,onDrag:gt.noop,onDragStop:gt.noop,onResizeStart:gt.noop,onResize:gt.noop,onResizeStop:gt.noop,onDrop:gt.noop,onDropDragOver:gt.noop});var ew={},Mc={};Object.defineProperty(Mc,"__esModule",{value:!0}),Mc.findOrGenerateResponsiveLayout=qTe,Mc.getBreakpointFromWidth=QTe,Mc.getColsFromBreakpoint=ZTe,Mc.sortBreakpoints=dI;var tw=Ot;function QTe(r,t){for(var e=dI(r),n=e[0],i=1,a=e.length;i<a;i++){var o=e[i];t>r[o]&&(n=o)}return n}function ZTe(r,t){if(!t[r])throw new Error("ResponsiveReactGridLayout: `cols` entry for breakpoint "+r+" is missing!");return t[r]}function qTe(r,t,e,n,i,a){if(r[e])return(0,tw.cloneLayout)(r[e]);for(var o=r[n],s=dI(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,tw.cloneLayout)(o||[]),(0,tw.compact)((0,tw.correctBounds)(o,{cols:i}),a,i)}function dI(r){var t=Object.keys(r);return t.sort(function(e,n){return r[e]-r[n]})}function rw(r){return rw=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},rw(r)}Object.defineProperty(ew,"__esModule",{value:!0}),ew.default=void 0;var nG=JTe(R),vi=vI(Ya),pI=vI(Lv),Cf=Ot,Dc=Mc,XTe=vI(Nv),KTe=["breakpoint","breakpoints","cols","layouts","margin","containerPadding","onBreakpointChange","onLayoutChange","onWidthChange"];function vI(r){return r&&r.__esModule?r:{default:r}}function iG(r){if(typeof WeakMap!="function")return null;var t=new WeakMap,e=new WeakMap;return(iG=function(i){return i?e:t})(r)}function JTe(r,t){if(!t&&r&&r.__esModule)return r;if(r===null||rw(r)!=="object"&&typeof r!="function")return{default:r};var e=iG(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 gI(){return gI=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},gI.apply(this,arguments)}function eAe(r,t){if(r==null)return{};var e=tAe(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 tAe(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 aG(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 mI(r){for(var t=1;t<arguments.length;t++){var e=arguments[t]!=null?arguments[t]:{};t%2?aG(Object(e),!0).forEach(function(n){Tf(r,n,e[n])}):Object.getOwnPropertyDescriptors?Object.defineProperties(r,Object.getOwnPropertyDescriptors(e)):aG(Object(e)).forEach(function(n){Object.defineProperty(r,n,Object.getOwnPropertyDescriptor(e,n))})}return r}function rAe(r,t){if(!(r instanceof t))throw new TypeError("Cannot call a class as a function")}function oG(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 nAe(r,t,e){return t&&oG(r.prototype,t),e&&oG(r,e),Object.defineProperty(r,"prototype",{writable:!1}),r}function iAe(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&&yI(r,t)}function yI(r,t){return yI=Object.setPrototypeOf||function(n,i){return n.__proto__=i,n},yI(r,t)}function aAe(r){var t=sAe();return function(){var n=nw(r),i;if(t){var a=nw(this).constructor;i=Reflect.construct(n,arguments,a)}else i=n.apply(this,arguments);return oAe(this,i)}}function oAe(r,t){if(t&&(rw(t)==="object"||typeof t=="function"))return t;if(t!==void 0)throw new TypeError("Derived constructors may only return object or undefined");return bI(r)}function bI(r){if(r===void 0)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return r}function sAe(){if(typeof Reflect>"u"||!Reflect.construct||Reflect.construct.sham)return!1;if(typeof Proxy=="function")return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],function(){})),!0}catch{return!1}}function nw(r){return nw=Object.setPrototypeOf?Object.getPrototypeOf:function(e){return e.__proto__||Object.getPrototypeOf(e)},nw(r)}function Tf(r,t,e){return t in r?Object.defineProperty(r,t,{value:e,enumerable:!0,configurable:!0,writable:!0}):r[t]=e,r}var sG=function(t){return Object.prototype.toString.call(t)};function iw(r,t){return r==null?null:Array.isArray(r)?r:r[t]}var wI=function(r){iAe(e,r);var t=aAe(e);function e(){var n;rAe(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)),Tf(bI(n),"state",n.generateInitialState()),Tf(bI(n),"onLayoutChange",function(s){n.props.onLayoutChange(s,mI(mI({},n.props.layouts),{},Tf({},n.state.breakpoint,s)))}),n}return nAe(e,[{key:"generateInitialState",value:function(){var i=this.props,a=i.width,o=i.breakpoints,s=i.layouts,l=i.cols,c=(0,Dc.getBreakpointFromWidth)(o,a),u=(0,Dc.getColsFromBreakpoint)(c,l),h=this.props.verticalCompact===!1?null:this.props.compactType,d=(0,Dc.findOrGenerateResponsiveLayout)(s,o,c,c,u,h);return{layout:d,breakpoint:c,cols:u}}},{key:"componentDidUpdate",value:function(i){(this.props.width!=i.width||this.props.breakpoint!==i.breakpoint||!(0,pI.default)(this.props.breakpoints,i.breakpoints)||!(0,pI.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,Dc.getBreakpointFromWidth)(this.props.breakpoints,this.props.width),h=this.state.breakpoint,d=(0,Dc.getColsFromBreakpoint)(u,s),f=mI({},l);if(h!==u||i.breakpoints!==o||i.cols!==s){h in f||(f[h]=(0,Cf.cloneLayout)(this.state.layout));var p=(0,Dc.findOrGenerateResponsiveLayout)(f,o,u,h,d,c);p=(0,Cf.synchronizeLayoutWithChildren)(p,this.props.children,d,c,this.props.allowOverlap),f[u]=p,this.props.onLayoutChange(p,f),this.props.onBreakpointChange(u,d),this.setState({breakpoint:u,layout:p,cols:d})}var v=iw(this.props.margin,u),g=iw(this.props.containerPadding,u);this.props.onWidthChange(this.props.width,v,d,g)}},{key:"render",value:function(){var i=this.props;i.breakpoint,i.breakpoints,i.cols,i.layouts;var a=i.margin,o=i.containerPadding;i.onBreakpointChange,i.onLayoutChange,i.onWidthChange;var s=eAe(i,KTe);return nG.createElement(XTe.default,gI({},s,{margin:iw(a,this.state.breakpoint),containerPadding:iw(o,this.state.breakpoint),onLayoutChange:this.onLayoutChange,layout:this.state.layout,cols:this.state.cols}))}}],[{key:"getDerivedStateFromProps",value:function(i,a){if(!(0,pI.default)(i.layouts,a.layouts)){var o=a.breakpoint,s=a.cols,l=(0,Dc.findOrGenerateResponsiveLayout)(i.layouts,i.breakpoints,o,o,s,i.compactType);return{layout:l,layouts:i.layouts}}return null}}]),e}(nG.Component);ew.default=wI,Tf(wI,"propTypes",{breakpoint:vi.default.string,breakpoints:vi.default.object,allowOverlap:vi.default.bool,cols:vi.default.object,margin:vi.default.oneOfType([vi.default.array,vi.default.object]),containerPadding:vi.default.oneOfType([vi.default.array,vi.default.object]),layouts:function(t,e){if(sG(t[e])!=="[object Object]")throw new Error("Layout property must be an object. Received: "+sG(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,Cf.validateLayout)(t.layouts[n],"layouts."+n)})},width:vi.default.number.isRequired,onBreakpointChange:vi.default.func,onLayoutChange:vi.default.func,onWidthChange:vi.default.func}),Tf(wI,"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:Cf.noop,onLayoutChange:Cf.noop,onWidthChange:Cf.noop});var xI={};function aw(r){return aw=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},aw(r)}Object.defineProperty(xI,"__esModule",{value:!0}),xI.default=xAe;var ow=hAe(R),lAe=lG(Ya),uAe=lG(Pb),cAe=["measureBeforeMount"];function lG(r){return r&&r.__esModule?r:{default:r}}function uG(r){if(typeof WeakMap!="function")return null;var t=new WeakMap,e=new WeakMap;return(uG=function(i){return i?e:t})(r)}function hAe(r,t){if(!t&&r&&r.__esModule)return r;if(r===null||aw(r)!=="object"&&typeof r!="function")return{default:r};var e=uG(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 _I(){return _I=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},_I.apply(this,arguments)}function fAe(r,t){if(r==null)return{};var e=dAe(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 dAe(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 pAe(r,t){if(!(r instanceof t))throw new TypeError("Cannot call a class as a function")}function cG(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 vAe(r,t,e){return t&&cG(r.prototype,t),e&&cG(r,e),Object.defineProperty(r,"prototype",{writable:!1}),r}function gAe(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&&SI(r,t)}function SI(r,t){return SI=Object.setPrototypeOf||function(n,i){return n.__proto__=i,n},SI(r,t)}function mAe(r){var t=bAe();return function(){var n=sw(r),i;if(t){var a=sw(this).constructor;i=Reflect.construct(n,arguments,a)}else i=n.apply(this,arguments);return yAe(this,i)}}function yAe(r,t){if(t&&(aw(t)==="object"||typeof t=="function"))return t;if(t!==void 0)throw new TypeError("Derived constructors may only return object or undefined");return zv(r)}function zv(r){if(r===void 0)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return r}function bAe(){if(typeof Reflect>"u"||!Reflect.construct||Reflect.construct.sham)return!1;if(typeof Proxy=="function")return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],function(){})),!0}catch{return!1}}function sw(r){return sw=Object.setPrototypeOf?Object.getPrototypeOf:function(e){return e.__proto__||Object.getPrototypeOf(e)},sw(r)}function Af(r,t,e){return t in r?Object.defineProperty(r,t,{value:e,enumerable:!0,configurable:!0,writable:!0}):r[t]=e,r}var wAe="react-grid-layout";function xAe(r){var t;return t=function(e){gAe(i,e);var n=mAe(i);function i(){var a;pAe(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)),Af(zv(a),"state",{width:1280}),Af(zv(a),"elementRef",ow.createRef()),Af(zv(a),"mounted",!1),Af(zv(a),"onWindowResize",function(){if(a.mounted){var c=a.elementRef.current;c instanceof HTMLElement&&c.offsetWidth&&a.setState({width:c.offsetWidth})}}),a}return vAe(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=fAe(o,cAe);return s&&!this.mounted?ow.createElement("div",{className:(0,uAe.default)(this.props.className,wAe),style:this.props.style,ref:this.elementRef}):ow.createElement(r,_I({innerRef:this.elementRef},l,this.state))}}]),i}(ow.Component),Af(t,"defaultProps",{measureBeforeMount:!1}),Af(t,"propTypes",{measureBeforeMount:lAe.default.bool}),t}(function(r){r.exports=Nv.default,r.exports.utils=Ot,r.exports.Responsive=ew.default,r.exports.Responsive.utils=Mc,r.exports.WidthProvider=xI.default})(rU);var hG=rU.exports;const v$e="",If={"MetricList-container":"_MetricList-container_rnhrz_1","MetricList-wrapper":"_MetricList-wrapper_rnhrz_9","MetricList-wrapper-move":"_MetricList-wrapper-move_rnhrz_25","noMetric-container":"_noMetric-container_rnhrz_33","noMetric-wrapper":"_noMetric-wrapper_rnhrz_41","alt-container":"_alt-container_rnhrz_49",fullscreen:"_fullscreen_rnhrz_57"},MI={deleteModal:"_deleteModal_pyqjp_1",cancelBtn:"_cancelBtn_pyqjp_9",warningIcon:"_warningIcon_pyqjp_17"},_Ae=r=>A.jsxs("svg",{viewBox:"0 0 512 512",width:"1.2em",height:"1.2em",...r,children:[A.jsx("path",{fill:"none",stroke:"currentColor",strokeLinecap:"round",strokeLinejoin:"round",strokeWidth:32,d:"M85.57 446.25h340.86a32 32 0 0 0 28.17-47.17L284.18 82.58c-12.09-22.44-44.27-22.44-56.36 0L57.4 399.08a32 32 0 0 0 28.17 47.17Z"}),A.jsx("path",{fill:"none",stroke:"currentColor",strokeLinecap:"round",strokeLinejoin:"round",strokeWidth:32,d:"m250.26 195.39l5.74 122l5.73-121.95a5.74 5.74 0 0 0-5.79-6h0a5.74 5.74 0 0 0-5.68 5.95Z"}),A.jsx("path",{fill:"currentColor",d:"M256 397.25a20 20 0 1 1 20-20a20 20 0 0 1-20 20Z"})]}),fG=({isOpen:r,onClose:t,onArchive:e,isLoading:n})=>A.jsxs(Aa,{headerTitle:"Archive Metric",isOpen:r,onClose:t,children:[A.jsxs("div",{className:MI.deleteModal,children:[A.jsx(_Ae,{className:MI.warningIcon}),A.jsx(we,{variant:"p",styleClass:"font-14",children:"Are you sure you want to archive the metric?"})]}),A.jsxs(Bc,{children:[A.jsx(Ae,{variant:"secondary",type:"button",size:"default",className:MI.cancelBtn,onClick:t,children:"Cancel"}),A.jsx(Ae,{variant:"reject",type:"button",size:"default",isDisabled:n,onClick:e,children:n?"Archiving...":"Archive"})]})]}),Lf={downloadCsv:"_downloadCsv_1amgw_1",downloadCsvWrapper:"_downloadCsvWrapper_1amgw_9",downloadCsvHeader:"_downloadCsvHeader_1amgw_17",downloadCsvFooter:"_downloadCsvFooter_1amgw_25",downloadCsvCancelBtn:"_downloadCsvCancelBtn_1amgw_33",downloadCsvDisableBtn:"_downloadCsvDisableBtn_1amgw_39",downloadCsvNote:"_downloadCsvNote_1amgw_45",downloadCsvExpiredNote:"_downloadCsvExpiredNote_1amgw_53",downloadCsvNoteText:"_downloadCsvNoteText_1amgw_59",downloadCsvSuccessNote:"_downloadCsvSuccessNote_1amgw_65",downloadCsvSuccessText:"_downloadCsvSuccessText_1amgw_71","tab-border-bottom":"_tab-border-bottom_1amgw_77","download-info-text":"_download-info-text_1amgw_85",downloadUrlTimeline:"_downloadUrlTimeline_1amgw_93",timeLineItem:"_timeLineItem_1amgw_101",timeLineActiveIcon:"_timeLineActiveIcon_1amgw_109",timeLineIcon:"_timeLineIcon_1amgw_117",timeLineItemline:"_timeLineItemline_1amgw_125",downloadCsvLoading:"_downloadCsvLoading_1amgw_133",downloadCsvLoadingIcon:"_downloadCsvLoadingIcon_1amgw_141",downloadCsvLoadingText:"_downloadCsvLoadingText_1amgw_149",timeLineCheckedIcon:"_timeLineCheckedIcon_1amgw_157",timeLineCheckedIconWrapper:"_timeLineCheckedIconWrapper_1amgw_165",downloadCsvBackBtnWrapper:"_downloadCsvBackBtnWrapper_1amgw_173",downloadCsvBackBtnText:"_downloadCsvBackBtnText_1amgw_181",downloadCsvHeaderText:"_downloadCsvHeaderText_1amgw_203",downloadCsvTabContainer:"_downloadCsvTabContainer_1amgw_211",downloadCsvActiveTab:"_downloadCsvActiveTab_1amgw_219",downloadCsvTab:"_downloadCsvTab_1amgw_211",downloadCsvActiveTabText:"_downloadCsvActiveTabText_1amgw_235"},SAe=r=>{const e=Date.now()-r,n=[{label:"year",duration:1e3*60*60*24*365},{label:"month",duration:1e3*60*60*24*30},{label:"week",duration:1e3*60*60*24*7},{label:"day",duration:1e3*60*60*24},{label:"hour",duration:1e3*60*60},{label:"minute",duration:1e3*60},{label:"second",duration:1e3},{label:"millisecond",duration:1}];for(const i of n){const a=Math.floor(e/i.duration);if(a>=1)return`${a} ${i.label}${a>1?"s":""} ago`}return"just now"},DI=({query:r,clientName:t,tenancyType:e,values:n})=>{const i=t?e===ix?r.replace(new RegExp(rx,"g"),t):Number(t)?r.replace(new RegExp(nx,"g"),t):r.replace(new RegExp(Kw,"g"),t):r;return n?i.replace(/[^']+_variable/g,o=>`${n[o]}`):i},dG=r=>{const t=r.split("?")[1],e=new URLSearchParams(t),n=parseInt(e.get("Expires"),10),i=Math.floor(Date.now()/1e3),a=n-i;return{isExpired:i>=n,secondsLeft:a}},MAe=r=>{if(!r.length)return!1;const t=/^[\w-]+(\.[\w-]+)*@([\w-]+\.)+[a-zA-Z]{2,7}$/;return r.every(e=>t.test(e))},DAe=r=>{try{return JSON.parse(r)}catch{return[]}},CAe=({onCloseModal:r,sharingSettingsId:t,filterValues:e,metricItem:n})=>{var M,L;const i=Rc(),{data:a}=lQ({id:(M=n==null?void 0:n.companyIntegration)==null?void 0:M.workspaceId},{enabled:!!((L=n==null?void 0:n.companyIntegration)!=null&&L.workspaceId),refetchOnWindowFocus:!1}),[o,s]=R.useState(""),[l,c]=R.useState(!1),[u,h]=R.useState(""),{mutate:d}=IQ(),{mutate:f}=yQ();wQ();const{mutate:p}=_Q(),{mutate:v}=$Q(),{handleSubmit:g,register:m,setValue:y,control:b}=ng(),{data:w}=eQ({externalMetricId:n==null?void 0:n.id},{enabled:!!(n!=null&&n.id),refetchOnWindowFocus:!1}),x=R.useMemo(()=>{var E,N,k,O;return{expireTimeInMin:((N=(E=a==null?void 0:a.companyWorkspaces_by_pk)==null?void 0:E.rawCsvSettings)==null?void 0:N.expireTimeInMin)||30,isEnable:!!((O=(k=a==null?void 0:a.companyWorkspaces_by_pk)==null?void 0:k.rawCsvSettings)!=null&&O.expireTimeInMin)}},[a]),_=R.useMemo(()=>{if(w!=null&&w.externalMetricRawCsvUrls.length){const E=DAe(w.externalMetricRawCsvUrls[0].urls);return{urls:E,lastUpdatedAt:SAe(Date.parse(w.externalMetricRawCsvUrls[0].lastUpdatedAt)),isExpired:E.length?dG(E[0]).isExpired:!0,error:w.externalMetricRawCsvUrls[0].error,expireUrlIn:E.length?dG(E[0]).secondsLeft:0,status:w.externalMetricRawCsvUrls[0].requestStatus}}return{urls:[],lastUpdatedAt:0,isExpired:!0,error:null,expireUrlIn:0,status:"NONE"}},[w==null?void 0:w.externalMetricRawCsvUrls]),D=E=>{s(""),fetch(E).then(N=>(N.ok||(N.status===403?s("download link is expired"):s("something went wrong")),N.blob())).then(N=>{const k=URL.createObjectURL(N),O=document.createElement("a");O.download=`${n==null?void 0:n.name}.csv`,O.href=k,document.body.appendChild(O),O.click(),document.body.removeChild(O)}).catch(()=>{s("There was an error downloading the CSV file. Please try again later.")})},I=({companyId:E,sqlQuery:N,values:k,clientName:O,tenancyType:P,metricName:j,workspaceId:z})=>{c(!0),h("");const H=DI({query:N,clientName:O,tenancyType:P,values:e});d({companyId:E,recipientAddress:k.email,sqlQuery:H,metricName:j,workspaceId:z},{onSuccess({sendRawCsv:V}){const $=V==null?void 0:V.status,F=V==null?void 0:V.error;$?(h(""),c(!1),r(!1)):F?(h(F.message),c(!1)):(h(an),c(!1))}})},C=({clientName:E,tenancyType:N,expirationMinutes:k,onSuccess:O})=>{const P=new Date(Date.now()+k*60*1e3);f({configurations:{metricItem:n},expireCsvFileAt:P,expireUrlIn:k*60,externalMetricId:n==null?void 0:n.id,integrationId:n==null?void 0:n.companyIntegrationId,integrationName:n==null?void 0:n.integrationName,query:DI({query:n==null?void 0:n.query,clientName:E,tenancyType:N,values:e})},{onSuccess({invokeSaveRawCsvDetails:j}){j!=null&&j.statusCode?(c(!1),h(""),O()):j!=null&&j.error?(c(!1),h(j.error)):(c(!1),h(an))},onError(){c(!1),h(an)}})};return{isLoading:l,downloadCsvError:u,onSubmitDownloadCsv:I,handleSubmit:g,register:m,csvDownloadUrls:_,handleDownload:D,csvDownloadUrlError:o,saveRawCsvDetails:C,onRequestToDownload:({clientName:E,tenancyType:N,requestStatus:k})=>{c(!0),h("");const O=x.expireTimeInMin||30;v({configurations:n,expireUrlIn:O*60,externalMetricId:n==null?void 0:n.id,requestStatus:k,urls:"[]"},{onSuccess({insert_externalMetricRawCsvUrls_one:P}){P!=null&&P.id?C({expirationMinutes:O,clientName:E,tenancyType:N,onSuccess:()=>{i.setQueryData(["ExternalMetricRawCsvUrls",{externalMetricId:n==null?void 0:n.id}],j=>({...j,externalMetricRawCsvUrls:[P]}))}}):(c(!1),h(an))},onError(){c(!1),h(an)}})},setValue:y,control:b,onSumbitSendCsvUrl:({values:E,clientName:N,tenancyType:k})=>{c(!0),h("");const O=x.expireTimeInMin||30,P=new Date(Date.now()+O*60*1e3),j=DI({query:n==null?void 0:n.query,clientName:N,tenancyType:k,values:e}),z=E.emails;if(!MAe(z)){c(!1),h("please enter valid email");return}if(!t){c(!1),h("no sharing settings are found");return}p({configurations:n,emails:z,expireCsvFileAt:P,expireUrlIn:O*60,externalMetricId:n==null?void 0:n.id,integrationId:n==null?void 0:n.companyIntegrationId,integrationName:n==null?void 0:n.integrationName,query:j,sharingSettingsId:t,subject:E.subject},{onSuccess({shareCsvUrl:H}){H?(c(!1),h(""),r(!1)):(c(!1),h(an))},onError(){c(!1),h(an)}})},isDisableDownloadSettings:!t||!x.isEnable}},Ef={required:"Required"};({...Ef},{...Ef}),{...Ef};const Nf={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"},pG=({control:r,placeholder:t,name:e,label:n,onChangeTags:i,defaultTagValue:a})=>{const[o,s]=R.useState([]),[l,c]=R.useState(""),u=f=>{s(o.filter(p=>p!==f))},h=f=>{f.key==="Enter"&&f.preventDefault()};R.useEffect(()=>{i&&i(o)},[o]),R.useEffect(()=>{a&&Array.isArray(a)&&s(a)},[a]);const d=f=>{c(f.target.value);let p=f.target.value.split(/[,\s]/);p=p.filter(v=>v!==""),s([...new Set(p)])};return A.jsx(Xv,{name:e||"tags",control:r,defaultValue:"",render:({field:f})=>A.jsxs("div",{className:Nf.inputFieldContainer,children:[A.jsx(Ge,{...f,type:"text",value:l,onChange:d,onKeyDown:h,placeholder:t,label:n}),A.jsx("div",{className:Nf["tag-container"],children:o.map(p=>A.jsx("div",{className:Nf.tag,children:A.jsxs(Ae,{variant:"custom",type:"button",onClick:()=>u(p),className:Nf.tagBtn,children:[A.jsx("span",{className:Nf["tag-text"],children:p}),A.jsx(Je,{name:"close-icon",className:Nf["cross-icon"]})]})},p))})]})})},vG=R.memo(pG),CI=({onCloseModal:r,isShowRawCsvModal:t,metricItem:e,client:n,companyTenancyType:i,filterValues:a,sharingSettingsId:o})=>{const{downloadCsvError:s,handleSubmit:l,isLoading:c,onSumbitSendCsvUrl:u,register:h,control:d,setValue:f,csvDownloadUrls:p,onRequestToDownload:v,handleDownload:g,csvDownloadUrlError:m,isDisableDownloadSettings:y}=CAe({onCloseModal:r,metricItem:e,filterValues:a,sharingSettingsId:o}),b=()=>A.jsx(A.Fragment,{children:A.jsxs("form",{onSubmit:l(w=>u({values:w,clientName:n,tenancyType:i})),children:[A.jsxs("div",{className:Lf.downloadCsvWrapper,children:[A.jsx(Ge,{type:"subject",label:"subject",placeholder:"enter a subject",register:h("subject",Ef),defaultValue:e==null?void 0:e.name}),A.jsx(vG,{control:d,type:"text",label:"Send to",placeholder:"Enter email addresses separated by space or comma",onChangeTags:w=>f("emails",w)}),s&&A.jsx(Yf,{message:s}),A.jsxs("div",{className:Lf.downloadCsvNote,children:[A.jsx(Je,{name:"info-icon",className:Lf.popupItemIcon}),A.jsxs("div",{className:Lf.downloadCsvNoteText,children:[A.jsx(we,{styleClass:"primary",variant:"h1",children:"Note:"}),A.jsx(we,{styleClass:"font-14",variant:"p",children:"You will shortly receive a mail with CSV download URL to the above email id(s), once you click on Submit"})]})]})]}),A.jsxs(Bc,{children:[A.jsx(Ae,{variant:"custom",type:"button",size:"small",className:Lf.downloadCsvCancelBtn,onClick:()=>r(!1),isDisabled:c,children:"Cancel"}),A.jsx(Ae,{variant:"primary",type:"submit",size:"small",isDisabled:c||y,children:"Submit"})]})]})});return A.jsx(Aa,{isOpen:t,onClose:()=>r(!1),headerTitle:"Download Raw CSV",children:A.jsx("div",{className:Lf.downloadCsv,children:A.jsx(b,{})})})};R.memo(CI);const TAe={alertCancel:"_alertCancel_15a9a_1"},gG=({onCancel:r,onSave:t,isLoading:e})=>A.jsx(A.Fragment,{children:A.jsxs(Db,{text:`It seems like you have made changes to the layout. Please click on\r
-            the save button to save the changes to the layout.`,children:[A.jsx(Ae,{variant:"secondary",type:"button",size:"small",className:TAe.alertCancel,onClick:r,children:"Cancel"}),A.jsx(Ae,{variant:"primary",type:"button",size:"small",className:"disabled:opacity-40 disabled:cursor-not-allowed",onClick:t,isDisabled:e,children:"Save"})]})}),AAe={fullscreen:"_fullscreen_1309s_1"},IAe=({metricData:r,isOpen:t,onClose:e,title:n})=>A.jsx(Aa,{isOpen:t,onClose:()=>e(),headerTitle:n,children:A.jsx("div",{className:AAe.fullscreen,children:A.jsx(fs,{data:r||[],isLoading:!1,error:""})})}),pt={cardContainer:"_cardContainer_1ax0c_1",morePopup:"_morePopup_1ax0c_9",features:"_features_1ax0c_17",listHeader:"_listHeader_1ax0c_25",metricName:"_metricName_1ax0c_33",metricTitle:"_metricTitle_1ax0c_41",metricDescription:"_metricDescription_1ax0c_49",popup:"_popup_1ax0c_57",metricFilter:"_metricFilter_1ax0c_65",popupIcon:"_popupIcon_1ax0c_73",popupMenu:"_popupMenu_1ax0c_81",popupItem:"_popupItem_1ax0c_89",popupItemIcon:"_popupItemIcon_1ax0c_97",csvBtn:"_csvBtn_1ax0c_105",deleteBtn:"_deleteBtn_1ax0c_113",metricData:"_metricData_1ax0c_121",metricTable:"_metricTable_1ax0c_129",singleValueData:"_singleValueData_1ax0c_137",singleValue:"_singleValue_1ax0c_137",noData:"_noData_1ax0c_153",noDataContent:"_noDataContent_1ax0c_161",noDataText:"_noDataText_1ax0c_169",singleChartText:"_singleChartText_1ax0c_177",loading:"_loading_1ax0c_185",fullscreen:"_fullscreen_1ax0c_201",dynamicGroupFormat:"_dynamicGroupFormat_1ax0c_209",dynamicGroupContainer:"_dynamicGroupContainer_1ax0c_217",topLeft:"_topLeft_1ax0c_223",topRight:"_topRight_1ax0c_229"},TI="data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz48c3ZnIGlkPSJMYXllcl8xIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAzMDAgMzAwIj48ZGVmcz48c3R5bGU+LmNscy0xe3N0cm9rZTojMTgyYzYwO30uY2xzLTEsLmNscy0ye2ZpbGw6bm9uZTtzdHJva2UtbGluZWNhcDpyb3VuZDtzdHJva2UtbGluZWpvaW46cm91bmQ7fS5jbHMtM3tmaWxsOiM1ODY1ZjY7b3BhY2l0eTouMTt9LmNscy00e2ZpbGw6I2YyZjNmNDt9LmNscy01e2ZpbGw6I2MxYzdjOTt9LmNscy02e2ZpbGw6I2RhZGVkZjt9LmNscy03e2ZpbGw6IzE4MmM2MDt9LmNscy0ye3N0cm9rZTojNTg2NWY2O3N0cm9rZS13aWR0aDo0cHg7fTwvc3R5bGU+PC9kZWZzPjxwYXRoIGNsYXNzPSJjbHMtMSIgZD0ibTIxMC41LDIwMC44M2MuNC0uNjYuNjgtMS40LjgyLTIuMiwxLjU4LTguODcsMy4xNS0xNy43NSw0LjczLTI2LjYyLDIuMDMtMTEuNDQsNC4wNi0yMi44OCw2LjA5LTM0LjMyLjcyLTQuMDgsMS43Ny04LjI1LDIuMTYtMTIuMzguNDMtNC41Ni0yLjA5LTkuNjgtNi44Ni0xMC42Ni0uMDEsMC0uMDMsMC0uMDQsMC0yLjQtLjQ5LTUuMDItLjIyLTcuNDUtLjIyaC00NC4yMmMtLjUyLDAtMi4zMy0uMzEtMi43NywwbC0yNC4yOCwxNy4yMmgtNjEuNjFjLTMuOTcsMC02Ljk5LDMuNTYtNi4zNCw3LjQ3bDkuNzUsNTkuNDJjLjUxLDMuMTEsMy4yLDUuMzksNi4zNCw1LjM5aDExNy44NiIvPjxwYXRoIGNsYXNzPSJjbHMtMSIgZD0ibTIwNywxMTQuNDN2LTguNTRjMC0zLjU1LTIuODgtNi40My02LjQzLTYuNDNoLTE3LjE5Ii8+PHBhdGggY2xhc3M9ImNscy0xIiBkPSJtMTAzLjQ3LDk5LjQ2aC0xNS4xMmMtMy41NSwwLTYuNDMsMi44OC02LjQzLDYuNDN2MjUuNDgiLz48Zz48bGluZSBjbGFzcz0iY2xzLTIiIHgxPSIxMTQuMTIiIHkxPSI5NC4wOCIgeDI9IjE0NC44NCIgeTI9Ijk0LjA4Ii8+PGc+PHJlY3QgY2xhc3M9ImNscy02IiB4PSIxMTIuNjEiIHk9IjEwMi40MyIgd2lkdGg9IjE4Ljk3IiBoZWlnaHQ9IjMuMiIvPjxyZWN0IGNsYXNzPSJjbHMtNCIgeD0iMTM3LjYxIiB5PSIxMDIuNDMiIHdpZHRoPSI4LjkiIGhlaWdodD0iMy4yIi8+PC9nPjwvZz48cGF0aCBjbGFzcz0iY2xzLTMiIGQ9Im0xNjQuOTgsODEuNDZsLS4wOCwxNi4yOHMuMTUsMy4yNC4zLDMuNjIuNiwxLjUxLDEuMTMsMS44OCwxLjAyLjc5LDEuNzcsMS4wNi45NC40OSwyLjExLjQ5LDE4LjE3LjA0LDE4LjE3LjA0bC0yMy40MS0yMy4zN1oiLz48cGF0aCBjbGFzcz0iY2xzLTEiIGQ9Im0xODguNTEsMTA0LjkxdjkuNTIiLz48cGF0aCBjbGFzcz0iY2xzLTEiIGQ9Im0xMDMuNTMsMTMxLjM3di00NC45NWMwLTIuODQsMi4zLTUuMTUsNS4xNS01LjE1LDE4Ljc3LDAsMzcuNTQsMCw1Ni4zMSwwIi8+PHBhdGggY2xhc3M9ImNscy0xIiBkPSJtMTY1LjAxLDgxLjI3djE4LjM1YzAsMi44NCwyLjMxLDUuMTUsNS4xNSw1LjE1aDE4LjM1cy0yMy41LTIzLjYyLTIzLjUtMjMuNVoiLz48Y2lyY2xlIGNsYXNzPSJjbHMtMSIgY3g9IjE2OC4yMSIgY3k9IjE2My4yNyIgcj0iMjQuOTYiLz48Y2lyY2xlIGNsYXNzPSJjbHMtMSIgY3g9IjE2OC4yMSIgY3k9IjE2My4yNyIgcj0iMzEuMjUiLz48cGF0aCBjbGFzcz0iY2xzLTEiIGQ9Im0xOTIuNTcsMTgzLjMzYzkuNjIsOS42MiwzMC4yOCwzMC4yOCwzMC4yOCwzMC4yOCwxLjE3LDEuMTcsMS4xNywzLjA3LDAsNC4yNHMtMy4wNywxLjE3LTQuMjQsMGMwLDAtMjAuNTgtMjAuNTgtMzAuMjItMzAuMjIiLz48Zz48cGF0aCBjbGFzcz0iY2xzLTUiIGQ9Im0xNjguNjYsMTcwLjkzYy0uNzQsMC0xLjM0LjI0LTEuODEuNzItLjQ3LjQ4LS43MSwxLjA5LS43MSwxLjgzcy4yNCwxLjMyLjcxLDEuODFjLjQ3LjQ5LDEuMDcuNzQsMS44MS43NHMxLjM0LS4yNSwxLjgxLS43NGMuNDctLjQ5LjcxLTEuMS43MS0xLjgxcy0uMjQtMS4zNC0uNzEtMS44M2MtLjQ3LS40OC0xLjA4LS43Mi0xLjgxLS43MloiLz48cGF0aCBjbGFzcz0iY2xzLTUiIGQ9Im0xNzQuNjksMTUzLjc3Yy0uNjItMS4wMi0xLjQ5LTEuODItMi42LTIuNC0xLjEyLS41Ny0yLjQtLjg2LTMuODUtLjg2LTEuNjgsMC0zLjE3LjQtNC40NywxLjE5cy0yLjI5LDEuOTQtMi45OCwzLjQzbDIuNzYsMi4yOGMuNDYtMS4wNiwxLjA3LTEuODYsMS44NS0yLjQuNzctLjU0LDEuNjUtLjgxLDIuNjQtLjgxLjc2LDAsMS40MS4xNCwxLjk3LjQxLjU1LjI4Ljk4LjY3LDEuMjgsMS4xNy4zLjUxLjQ1LDEuMS40NSwxLjc5cy0uMTYsMS4yOS0uNDcsMS44MWMtLjMxLjUyLS43NS45Mi0xLjMxLDEuMjEtLjU2LjI5LTEuMjIuNDMtMS45OC40M2gtLjkzdjYuNjZoMy4yOGwuMjYtMy43M2MuNzEtLjI0LDEuMzctLjU1LDEuOTUtLjkzLjk5LS42NCwxLjc1LTEuNDUsMi4yOS0yLjQxLjU0LS45Ny44MS0yLjA3LjgxLTMuMzEsMC0xLjMzLS4zMS0yLjUxLS45My0zLjU0WiIvPjwvZz48cGF0aCBjbGFzcz0iY2xzLTEiIGQ9Im04NS41NSwyMDMuOTdjLjY4LDIuODksMy4yNiw0Ljk2LDYuMjYsNC45NmgxMTcuNzMiLz48cGF0aCBjbGFzcz0iY2xzLTEiIGQ9Im0yMTUuMzcsMjA2LjA0Yy40Ny0uNzEuOC0xLjUyLjk1LTIuNCwxLjU4LTguODcsMy4xNS0xNy43NSw0LjczLTI2LjYyLDIuMDMtMTEuNDQsNC4wNi0yMi44OCw2LjA5LTM0LjMyLjcyLTQuMDgsMS43Ny04LjI1LDIuMTYtMTIuMzguMzktNC4xNi0xLjY4LTguNzktNS42Ny0xMC4zMSIvPjxwYXRoIGNsYXNzPSJjbHMtNyIgZD0ibTIyMy41MSwxMjAuMDhzLjQ5LDEuNjIuNTMsMS43My4zMiwyLjQ0LjMyLDIuNDRsLS4wNCwxLjkxLTEuMzgsNy4xMy0zLjM5LDE5LjMxLTIuODksMTUuOTItMi45NiwxNi43Ni0yLjQ0LDEzLjE2LS45MiwyLjY1LDQuOTgsNS4xNS44NS0yLjE1LjgxLTQuMDYsMS40OC04LjMzLDIuODItMTUuNzEsMi4xNS0xMi4xMSwxLjk0LTExLjM2LDIuNzUtMTQuNzUuODgtNC42OS4yOC0yLjU4LjA3LTIuMTItLjYtMi43NS0xLjI0LTIuMzYtMS4wOS0xLjU5LTIuMDEtMS4zMS0uOTItLjI4WiIvPjxwb2x5Z29uIGNsYXNzPSJjbHMtNyIgcG9pbnRzPSI4NS42OCAyMDMuOTMgMjA0LjU1IDIwMy44NCAyMDkuMzUgMjA4LjczIDE0OC40OCAyMDguODggOTAuOTUgMjA5LjAyIDg5LjUgMjA4LjY2IDg3Ljk4IDIwNy45MiA4Ni44MiAyMDYuNTggODYuMDEgMjA1LjAzIDg1LjY4IDIwMy45MyIvPjwvc3ZnPg==",AI=R.memo(({isDataLength:r,isLoading:t,isSingleValue:e,dataDb:n,chartType:i})=>{const a=i==="single value";return A.jsxs(A.Fragment,{children:[!t&&!r?A.jsx("div",{className:pt.noData,children:A.jsxs("div",{className:pt.noDataContent,children:[a?null:A.jsx("img",{src:TI,alt:"",width:"300px",height:"300px"}),A.jsx("div",{className:`${a?pt.singleChartText:pt.noDataText}`,children:"No Data Available"})]})}):null,!t&&r&&n[e]===null&&A.jsx("div",{className:pt.noData,children:A.jsxs("div",{className:pt.noDataContent,children:[a?null:A.jsx("img",{src:TI,alt:"",width:"300px",height:"300px"}),A.jsx("div",{className:`${a?pt.singleChartText:pt.noDataText}`,children:"No Data Available"})]})}),t&&A.jsx("div",{className:pt.loading,children:A.jsx(bl,{style:{width:"50px",height:"50px",color:"blue"}})})]})}),LAe=r=>A.jsx("svg",{viewBox:"0 0 24 24",width:"1.2em",height:"1.2em",...r,children:A.jsx("path",{fill:"currentColor",d:"M5 21q-.825 0-1.413-.587Q3 19.825 3 19V6.5q0-.375.125-.675q.125-.3.325-.575l1.4-1.7q.2-.275.5-.413Q5.65 3 6 3h12q.35 0 .65.137q.3.138.5.413l1.4 1.7q.2.275.325.575q.125.3.125.675V19q0 .825-.587 1.413Q19.825 21 19 21Zm.4-15h13.2l-.85-1H6.25ZM5 8v11h14V8Zm7 10l4-4l-1.4-1.4l-1.6 1.6V10h-2v4.2l-1.6-1.6L8 14Zm-7 1h14H5Z"})}),Fv={metricFilter:"_metricFilter_zg60x_1",customContainer:"_customContainer_zg60x_4"},lw=({rlsConditions:r,onChangeFilterValue:t,companyId:e,integrationId:n,integrationName:i})=>A.jsx(A.Fragment,{children:r&&t?r.datatype!=="date"?r.datatype==="string"?r.options.length?A.jsx(Zf,{selectedOptions:Array.isArray(r.value)&&r.value.length?r.value.map(a=>({label:a,value:a})):[],options:r.options.map(a=>({value:a,label:a})),onChange:a=>t(r.name,a==null?void 0:a[0].value,void 0,a),label:r.name,className:Fv.metricFilter}):A.jsx(qf,{selectedOptions:Array.isArray(r.value)&&r.value.length?r.value.map(a=>({label:a,value:a})):[],onChange:a=>t(r.name,a==null?void 0:a[0].value,void 0,a),filter:{tableName:r.tableName,columnName:r.columnName},companyId:e,isSearchEnabled:!0,autoSelected:Array.isArray(r.value)&&!r.value.length,label:r.name,integrationId:n,integrationName:i,className:Fv.metricFilter}):A.jsx(mr,{label:r.name,selectedOption:{value:r.value||r.options[0],label:r.value||r.options[0]},options:r.options.map(a=>({value:a,label:a})),onChange:a=>t(r.name,a.value),className:Fv.metricFilter}):A.jsx(mr,{label:r.name,selectedOption:{value:r.value||r.options[0].name,label:r.value||r.options[0].name},options:r.options.map(a=>({value:a.name,label:a.name})),onChange:a=>t(r.name,a.value),className:Fv.metricFilter,children:r.value==="Custom"?A.jsxs("div",{className:Fv.customContainer,children:[A.jsx(Ge,{label:"From Date",type:"date",onChange:({target:{value:a}})=>{t(r.name,"Custom",{startDate:new Date(Date.parse(a))})}}),A.jsx(Ge,{label:"To Date",type:"date",onChange:({target:{value:a}})=>t(r.name,"Custom",{endDate:new Date(Date.parse(a))})})]}):null}):null}),ti={container:"_container_1jpte_1",popover:"_popover_1jpte_5",popupContainer:"_popupContainer_1jpte_6",button:"_button_1jpte_10",buttonOpen:"_buttonOpen_1jpte_14",menu:"_menu_1jpte_18",enter:"_enter_1jpte_22",enterFrom:"_enterFrom_1jpte_26",enterTo:"_enterTo_1jpte_30",leave:"_leave_1jpte_34",leaveFrom:"_leaveFrom_1jpte_38",leaveTo:"_leaveTo_1jpte_42",center:"_center_1jpte_46",top:"_top_1jpte_50",bottom:"_bottom_1jpte_54",left:"_left_1jpte_58",right:"_right_1jpte_62","left-top-end":"_left-top-end_1jpte_66","right-top-end":"_right-top-end_1jpte_70","left-bottom-end":"_left-bottom-end_1jpte_74","right-bottom-end":"_right-bottom-end_1jpte_78","top-left":"_top-left_1jpte_82","top-right":"_top-right_1jpte_86","bottom-left":"_bottom-left_1jpte_90","bottom-right":"_bottom-right_1jpte_94","left-top":"_left-top_1jpte_66","left-bottom":"_left-bottom_1jpte_74","right-top":"_right-top_1jpte_70","right-bottom":"_right-bottom_1jpte_78",chartOptionBtn:"_chartOptionBtn_1jpte_114",chartpopup:"_chartpopup_1jpte_118"},II={fullscreen:"_fullscreen_1gpy3_1",loading:"_loading_1gpy3_5"},EAe=({isShowUnderlyingData:r,setShowUnderlyingData:t,getUnderlyingData:e,columnName:n,value:i})=>{const[a,o]=R.useState([]),[s,l]=R.useState(!0);return R.useEffect(()=>{n&&i&&r&&e({columnName:n,setData:o,setLoading:l,value:i})},[n,i,r]),A.jsx(Aa,{isOpen:r,onClose:()=>t(!1),headerTitle:"View Underlying Data",children:A.jsxs("div",{className:II.fullscreen,children:[!!a.length&&A.jsx(fs,{data:a,isLoading:!1,error:""}),!a.length&&!s&&A.jsx("div",{className:II.loading,children:"No Data Available"}),s&&!a.length&&A.jsx("div",{className:II.loading,children:A.jsx(bl,{style:{width:"50px",height:"50px",color:"blue"}})})]})})},NAe=R.memo(EAe),kAe=r=>A.jsx("svg",{viewBox:"0 0 24 24",width:"1.2em",height:"1.2em",...r,children:A.jsx("g",{id:"evaLayersFill0",children:A.jsx("g",{id:"evaLayersFill1",children:A.jsxs("g",{id:"evaLayersFill2",fill:"currentColor",children:[A.jsx("path",{d:"m3.24 7.29l8.52 4.63a.51.51 0 0 0 .48 0l8.52-4.63a.44.44 0 0 0-.05-.81L12.19 3a.5.5 0 0 0-.38 0L3.29 6.48a.44.44 0 0 0-.05.81Z"}),A.jsx("path",{d:"m20.71 10.66l-1.83-.78l-6.64 3.61a.51.51 0 0 1-.48 0L5.12 9.88l-1.83.78a.48.48 0 0 0 0 .85l8.52 4.9a.46.46 0 0 0 .48 0l8.52-4.9a.48.48 0 0 0-.1-.85Z"}),A.jsx("path",{d:"m20.71 15.1l-1.56-.68l-6.91 3.76a.51.51 0 0 1-.48 0l-6.91-3.76l-1.56.68a.49.49 0 0 0 0 .87l8.52 5a.51.51 0 0 0 .48 0l8.52-5a.49.49 0 0 0-.1-.87Z"})]})})})}),OAe=r=>A.jsx("svg",{viewBox:"0 0 24 24",width:"1.2em",height:"1.2em",...r,children:A.jsx("path",{fill:"currentColor",d:"M14 3v2h3.59l-9.83 9.83l1.41 1.41L19 6.41V10h2V3m-2 16H5V5h7V3H5a2 2 0 0 0-2 2v14a2 2 0 0 0 2 2h14a2 2 0 0 0 2-2v-7h-2v7Z"})}),mG=({position:r="center",menuContainerClass:t,menuClass:e,isOpen:n,setOpen:i,value:a,columnName:o,getUnderlyingData:s,clickBehaviourConfigs:l,elementRef:c})=>{const[u,h]=R.useState(!1),d=R.useRef(null);return Ul({wrapRef:d,onOutsideClick:()=>i(!1)}),R.useEffect(()=>{if(!c||r!=="dynamic")return;const{containerRef:f,event:p}=c,v=p;if(!f.current||!d.current||!v)return;const g=f.current.getBoundingClientRect(),m=d.current.getBoundingClientRect(),[y,b]=gV(v,g,m);mV(d.current,y,b)},[c,n,r]),A.jsxs(A.Fragment,{children:[A.jsx("div",{onContextMenu:f=>{f.preventDefault()},ref:d,className:`${r==="dynamic"&&ti.popupContainer}`,children:A.jsx("div",{className:`${ti.popover} ${r==="dynamic"||ti[r]}  ${t}`,children:A.jsx(Bl,{as:"div",className:`${ti.menu} ${e}`,show:n,enter:ti.enter,enterFrom:ti.enterFrom,enterTo:ti.enterTo,leave:ti.leave,leaveFrom:ti.leaveFrom,leaveTo:ti.leaveTo,children:A.jsxs("div",{className:ti.chartpopup,children:[A.jsxs(Ae,{variant:"custom",type:"button",className:ti.chartOptionBtn,onClick:()=>h(!0),children:[A.jsx(kAe,{className:ti.popupItemIcon}),A.jsx(we,{variant:"p",styleClass:"font-14",children:"View underlying data"})]}),l.isEnable&&A.jsxs(Ae,{variant:"custom",type:"button",className:ti.chartOptionBtn,onClick:()=>sv(l,(a==null?void 0:a.split(" ").join("_"))||"undefined"),children:[A.jsx(OAe,{className:ti.popupItemIcon}),A.jsx(we,{variant:"p",styleClass:"font-14",children:"Go to"})]})]})})})}),A.jsx(NAe,{isShowUnderlyingData:u,setShowUnderlyingData:h,columnName:o,value:a,getUnderlyingData:s})]})},yG=R.memo(mG),LI={"dbc-container":"_dbc-container_1ial2_1","active-dimension":"_active-dimension_1ial2_5",otherLevels:"_otherLevels_1ial2_8"},EI=({dimensions:r,drilledLevel:t})=>A.jsx("div",{className:LI["dbc-container"],children:r.map((e,n)=>A.jsxs("span",{className:n===t?LI["active-dimension"]:LI.otherLevels,children:[e.toString()[0].toUpperCase()+e.toString().substring(1),n===r.length-1?"":" / "]}))}),NI=({globalFilters:r={tableName:"",filters:[]},metricItem:t,onMaximize:e,client:n,colors:i,param:a,companyTenancyType:o,renderHeaderName:s,isDisableCardClick:l,onArchive:c,chartRendererType:u="canvas",isDisableMorePopup:h})=>{var H,V,$,F,W,G,q;const d=R.useMemo(()=>{const Y={};if(a!=null&&a.values)for(const X in a.values){const U=`${X}_variable`;Y[U]=a.values[X]}return Y},[a==null?void 0:a.values]),[f,p]=R.useState(t.chartOptions),v=R.useRef(null),{dataDb:g,getUnderlyingData:m,handleChartClick:y,columnName:b,setShowChartPopup:w,isShowChartPopup:x,isQueryLoading:_,chartParams:D,onChangeFilterValue:I,onDrillDown:C,drilledLevel:T,dimensions:S,rlsConditions:M,setLoading:L,comparisonValue:E,setTableLimit:N,isEnableNextBtn:k,isEnablePrevBtn:O,paginationInfo:P,onChangePage:j,isExternalChart:z}=vx({metric:t,clientId:n,chartSettings:f,setChartSettings:p,globalFilters:r,rlsFilters:{param:a,filterValues:d},tenancyLevel:o});return R.useEffect(()=>{var Y,X;p(t==null?void 0:t.chartOptions),N({limit:parseInt(((X=(Y=t==null?void 0:t.chartOptions)==null?void 0:Y.tableSettings)==null?void 0:X.defaultRowSize)||"10",10),offset:0})},[t]),A.jsx(A.Fragment,{children:A.jsxs("div",{ref:v,className:pt.cardContainer,onContextMenu:Y=>{Y.preventDefault()},children:[A.jsxs("div",{className:pt.listHeader,children:[A.jsxs("div",{className:pt.metricName,children:[A.jsx(Ae,{type:"button",variant:"custom",onClick:()=>{t.clickActions.card.isEnable?L5(t.clickActions,t.metricId,t.id):e(t,{param:a,filterValues:d})},isDisabled:l,children:A.jsx(we,{variant:"h3",styleClass:"primary",className:`${pt.metricTitle} dbn-metric-card-title`,children:s?s(t.name):t.name})}),t.description&&A.jsx("span",{className:`${pt.metricDescription} dbn-metric-card-description`,children:t.description})]}),A.jsxs("div",{className:pt.features,children:[f!=null&&f.isDynamicSeries?A.jsx(mr,{options:[{value:"ungrouped",label:"ungrouped"},...((H=f.seriesOptions)==null?void 0:H.map(Y=>({value:Y,label:Y})))||[]],onChange:Y=>p(X=>({...X,seriesField:Y.value})),selectedOption:{label:(f==null?void 0:f.seriesField)||"ungrouped",value:(f==null?void 0:f.seriesField)||"ungrouped"},label:"group by",className:pt.dynamicGroupContainer,buttonClass:pt.dynamicGroupFormat}):null,(V=f==null?void 0:f.timeSeriesSettings)!=null&&V.groupBySettings.isDynamic?A.jsx(mr,{options:($=f==null?void 0:f.timeSeriesSettings)==null?void 0:$.groupBySettings.options.map(Y=>({label:Y,value:Y})),onChange:Y=>p(X=>{var U;return{...X,timeSeriesSettings:{...X==null?void 0:X.timeSeriesSettings,groupBySettings:{...(U=X==null?void 0:X.timeSeriesSettings)==null?void 0:U.groupBySettings,value:Y.value}}}}),selectedOption:{label:(F=f==null?void 0:f.timeSeriesSettings)==null?void 0:F.groupBySettings.value,value:(W=f==null?void 0:f.timeSeriesSettings)==null?void 0:W.groupBySettings.value},labelVariant:"static",className:pt.dynamicGroupContainer,buttonClass:pt.dynamicGroupFormat}):null,!h&&A.jsxs(va,{buttonClass:pt.popup,button:A.jsx(Je,{name:"more-icon",className:pt.popupIcon}),menuClass:pt.popupMenu,position:"bottom-right",className:pt.morePopup,children:[A.jsxs(Ae,{type:"button",variant:"custom",id:`metric-card-popup-btn__${t.id}`,className:`${pt.popupItem} ${pt.csvBtn}`,onClick:()=>e(t,{param:a,filterValues:d}),children:[A.jsx(Je,{name:"fullscreen-icon",className:pt.popupItemIcon}),"Enter Fullscreen"]}),c&&A.jsxs(Ae,{variant:"custom",type:"button",className:`${pt.popupItem} ${pt.csvBtn} ${pt.deleteBtn}`,onClick:()=>c(t.id),children:[A.jsx(LAe,{className:pt.popupItemIcon}),"Archive Metric"]})]})]})]}),(f==null?void 0:f.chartType)&&A.jsxs("div",{className:`${pt.metricData} ${(f==null?void 0:f.chartType)===me.table?pt.metricTable:""}`,onContextMenu:Y=>{Y.preventDefault()},children:[A.jsx(AI,{isLoading:_,isDataLength:!!(g!=null&&g.length),isSingleValue:f.singleValue,dataDb:g[0],chartType:f.chartType}),(G=M==null?void 0:M.filter(Y=>Y.isAddOnMetrics))==null?void 0:G.map(Y=>A.jsx("div",{className:f.metricFilterPosition==="top-left"?pt.topLeft:pt.topRight,children:A.jsx(lw,{rlsConditions:Y,onChangeFilterValue:I,companyId:t==null?void 0:t.companyId,integrationId:t==null?void 0:t.companyIntegrationId,integrationName:t==null?void 0:t.integrationName})})),((q=t==null?void 0:t.drillDownSettings)==null?void 0:q.isEnableGroupBy)&&!!(S!=null&&S.length)&&!!g.length&&A.jsx(EI,{dimensions:S,drilledLevel:S.length>T?T:0}),(D==null?void 0:D.name)&&b&&A.jsx(A.Fragment,{children:A.jsx(yG,{isOpen:x,setOpen:w,value:D==null?void 0:D.name,columnName:b,getUnderlyingData:m,clickBehaviourConfigs:t.clickActions.chart,elementRef:{containerRef:v,event:D.event.event},position:"dynamic"})}),g!=null&&g.length?A.jsx(cv,{data:g,chartOptions:f,events:{click:Y=>{var X;(X=t.drillDownSettings)!=null&&X.isEnableGroupBy&&C(Y)},contextmenu:Y=>{y(Y),w(!0)}},colors:i,config:{style:{height:"90%"},hideBorder:!0,chartClickConfig:t.clickActions.chart,onChartReady:()=>L(!1),opts:{renderer:u},onChangePage:j,comparisonValue:E,isExternalChart:z,isEnableNextBtn:k,isEnablePrevBtn:O,paginationInfo:P,setChartSettings:p}}):null]})]})})},PAe=({globalFilters:r={tableName:"",filters:[]},metricItem:t,client:e,param:n,companyTenancyType:i,renderHeaderName:a})=>{var C;const o={};if(n!=null&&n.values)for(const T in n.values){const S=`${T}_variable`;o[S]=n.values[T]}const[s,l]=R.useState(""),[c,u]=R.useState(""),[h,d]=R.useState([]),[f,p]=R.useState([]),[v,g]=R.useState({card:{isEnable:!1,baseUrl:"",dynamic:"none",route:"",routeType:"internal"},chart:{isEnable:!1,baseUrl:"",dynamic:"{{value}}",route:"/{{value}}",routeType:"internal"}}),[m,y]=R.useState({hideSplitLines:"none",hideAxisLines:"none",barWidth:40,barRadius:0,axisLabels:"none",fontSize:14,subHeaderShow:!1,displayText:"",subHeaderFontSize:0,dateFormatter:"none",numberFormatter:"original",xRotation:50,showLabelValues:!1}),{data:b,isLoading:w}=YL({id:t==null?void 0:t.id,clientId:e,tenancyLevel:i,rlsConditions:i==="DATABASE"?f.map(T=>({...T,tableName:`${e}.${T.tableName.split(".").slice(1).join(".")}`})):f,globalFilters:i==="DATABASE"?{...r,tableName:`${e}.${r.tableName.split(".").slice(1).join(".")}`}:r,filterValues:o},{refetchOnWindowFocus:!1});R.useEffect(()=>{l(t==null?void 0:t.chartOptions.chartType),u(t==null?void 0:t.chartOptions.singleValue),p((t==null?void 0:t.rlsConditions)||[]),y(t!=null&&t.chartOptions.customSettings?t==null?void 0:t.chartOptions.customSettings:{hideSplitLines:"none",hideAxisLines:"none",barWidth:40,barRadius:0,axisLabels:"none",fontSize:14,subHeaderShow:!1,displayText:"",subHeaderFontSize:0,dateFormatter:"none",numberFormatter:"original",xRotation:50,showLabelValues:!1}),g(t.clickActions||{card:{isEnable:!1,baseUrl:"",dynamic:"none",route:"",routeType:"internal"},chart:{isEnable:!1,baseUrl:"",dynamic:"{{value}}",route:"/{{value}}",routeType:"internal"}})},[t]),R.useEffect(()=>{var S,M;const T=(S=b==null?void 0:b.externalMetricQuery)!=null&&S.data?JSON.parse((M=b==null?void 0:b.externalMetricQuery)==null?void 0:M.data):[];d(T??[])},[(C=b==null?void 0:b.externalMetricQuery)==null?void 0:C.data]);const x=h,_=x!=null&&x.length?x==null?void 0:x.map(T=>T[c]):"",D=[{value:_[0]}],I=(T,S,M,L)=>{p(M?E=>E.map(N=>N.name===T?{...N,value:S,options:N.options.map(k=>k.name==="Custom"?{...k,...M}:k)}:N):L?E=>E.map(N=>N.name===T?{...N,value:L.map(k=>k.value)}:N):E=>E.map(N=>N.name===T?{...N,value:S}:N))};return A.jsx(A.Fragment,{children:A.jsxs("div",{className:pt.cardContainer,id:t.id,children:[A.jsxs("div",{className:pt.listHeader,children:[A.jsxs("div",{className:pt.metricName,children:[A.jsx(Ae,{type:"button",variant:"custom",isDisabled:!v.card.isEnable,className:"disabled:cursor-text",onClick:()=>L5(v,t.metricId,t.id),children:A.jsx(we,{variant:"h3",styleClass:"primary",className:`${pt.metricTitle} dbn-metric-card-title`,children:a?a(t.name):t.name})}),t.description&&A.jsx("span",{className:`${pt.metricDescription} dbn-metric-card-description`,children:t.description})]}),A.jsx("div",{className:pt.features,children:A.jsx(lw,{rlsConditions:f.find(T=>T.isAddOnMetrics),onChangeFilterValue:I,companyId:t==null?void 0:t.companyId,integrationId:t==null?void 0:t.companyIntegrationId,integrationName:t==null?void 0:t.integrationName})})]}),s&&A.jsx("div",{className:`${pt.metricData} ${pt.singleValueData}`,children:w?A.jsx(bl,{style:{width:"50px",height:"50px",color:"blue"}}):A.jsx(A.Fragment,{children:_.length?A.jsx(mW,{data:D,customSettings:m,chartClickConfig:v.chart,hideBorder:!0}):A.jsx("div",{className:pt.noData,children:A.jsxs("div",{className:pt.noDataContent,children:[A.jsx("img",{src:TI,alt:"",width:"300px",height:"300px"}),A.jsx("div",{className:pt.noDataText,children:"No Data Available"})]})})})})]})})},Zt={fullScreen:"_fullScreen_1ypw9_1",header:"_header_1ypw9_9",headerBlock:"_headerBlock_1ypw9_17",metricName:"_metricName_1ypw9_25",iconButton:"_iconButton_1ypw9_33",body:"_body_1ypw9_41",metric:"_metric_1ypw9_25",metricHeader:"_metricHeader_1ypw9_57",chartSettings:"_chartSettings_1ypw9_65",chart:"_chart_1ypw9_65",preview:"_preview_1ypw9_81",popupMenu:"_popupMenu_1ypw9_89",csvPopup:"_csvPopup_1ypw9_97",csvPopupIcon:"_csvPopupIcon_1ypw9_105",popupItem:"_popupItem_1ypw9_113",popupItemIcon:"_popupItemIcon_1ypw9_121",dynamicGroupFormat:"_dynamicGroupFormat_1ypw9_129",dynamicGroupContainer:"_dynamicGroupContainer_1ypw9_137",addFilterMenu:"_addFilterMenu_1ypw9_143",addfilter:"_addfilter_1ypw9_151",checkedOption:"_checkedOption_1ypw9_157",option:"_option_1ypw9_165",chartWrapper:"_chartWrapper_1ypw9_173"},RAe=r=>A.jsx("svg",{viewBox:"0 0 24 24",width:"1.2em",height:"1.2em",...r,children:A.jsx("path",{fill:"currentColor",d:"M2 12h2v5h16v-5h2v5c0 1.11-.89 2-2 2H4a2 2 0 0 1-2-2v-5m10 3l5.55-5.46l-1.42-1.41L13 11.25V2h-2v9.25L7.88 8.13L6.46 9.55L12 15Z"})}),$Ae=r=>A.jsx("svg",{viewBox:"0 0 24 24",width:"1.2em",height:"1.2em",...r,children:A.jsx("path",{fill:"currentColor",d:"M8.7 17.3q-.275-.275-.275-.7q0-.425.275-.7l3.9-3.9l-3.9-3.9q-.275-.275-.275-.7q0-.425.275-.7q.275-.275.7-.275q.425 0 .7.275l4.6 4.6q.15.15.213.325q.062.175.062.375t-.062.375q-.063.175-.213.325l-4.6 4.6q-.275.275-.7.275q-.425 0-.7-.275Z"})}),jAe=({data:r,chartRef:t,metricName:e,onRawCsvData:n})=>A.jsx(A.Fragment,{children:A.jsxs(va,{button:A.jsx(RAe,{}),buttonClass:Zt.iconButton,position:"bottom-right",menuClass:Zt.popupMenu,children:[A.jsxs(va,{button:A.jsxs(A.Fragment,{children:["Download CSV ",A.jsx($Ae,{className:Zt.csvPopupIcon})]}),buttonClass:Zt.popupItem,position:"left-top",menuClass:Zt.popupMenu,menuContainerClass:Zt.csvPopup,children:[A.jsx(vW,{text:"Table Results",data:r,fileName:e,className:Zt.popupItem,iconClass:Zt.popupItemIcon}),A.jsx(Ae,{type:"button",variant:"custom",size:"default",className:Zt.popupItem,onClick:n,children:"Raw Data"})]}),t&&A.jsx(yW,{text:"Save as PNG",chartRef:t,className:Zt.popupItem,iconClass:Zt.popupItemIcon,fileName:e})]})}),zAe=({filters:r,updateFilter:t})=>A.jsx(va,{button:A.jsx(Ae,{variant:"custom",type:"button",size:"small",className:Zt.addfilter,children:A.jsx(Je,{name:"plus-icon-2"})}),position:"bottom-left",children:A.jsx("div",{className:Zt.addFilterMenu,children:r.map(e=>{const n=e.isAddOnMetrics;return A.jsxs(Ae,{variant:"secondary",onClick:()=>{t(e)},className:n?Zt.checkedOption:Zt.option,children:[n?A.jsx(yx,{}):A.jsx(Qf,{}),e.name]})})})}),FAe=r=>A.jsx("svg",{viewBox:"0 0 24 24",width:"1.2em",height:"1.2em",...r,children:A.jsx("path",{fill:"none",stroke:"currentColor",strokeLinecap:"round",strokeLinejoin:"round",strokeWidth:2,d:"M4 14h6v6m10-10h-6V4m0 6l7-7M3 21l7-7"})}),kI=({metric:r,colors:t,rlsFilters:e,onMinimize:n,clientId:i,tenancyLevel:a,companyId:o,externalDashboardId:s,userProvidedDashboardId:l,isAllowedToUpdateMetrics:c,sharingSettingsId:u})=>{var X,U,Z,Q,ce,re;const h=R.useRef(),[d,f]=R.useState(!1),[p,v]=R.useState(r.chartOptions),[g,m]=R.useState(!1),y=R.useRef(null),{updateExternalMetric:b,error:w}=Xw({onSuccess:()=>{m(!1)},selectedColumns:[],companyIntegrationId:r.companyIntegrationId,query:r.query,metricQuery:r.metricQuery,integrationName:r.integrationName,outputColumns:r.outputColumns,chartSettings:p,datasetMetricSettings:r.datasetMetricSettings,clientId:i,companyId:o,isLiveMode:r.isLive,timeGrain:r.timeGrain,dashboardIds:[s],isEnableGroupBy:r.isEnableGroupBy,groupBy:r.groupBy,selectedGroupBy:r.selectedGroupBy,userProvidedDashboardId:l,metric:r,rlsFilters:e==null?void 0:e.param}),{dataDb:x,getUnderlyingData:_,handleChartClick:D,onChangeFilterValue:I,onDrillDown:C,isShowChartPopup:T,setShowChartPopup:S,columnName:M,chartParams:L,isQueryLoading:E,dimensions:N,drilledLevel:k,rlsConditions:O,setLoading:P,comparisonValue:j,setTableLimit:z,isEnableNextBtn:H,paginationInfo:V,isEnablePrevBtn:$,isExternalChart:F,groupByList:W,isEnablePivotTable:G,onChangePage:q,updateFilter:Y}=vx({metric:r,rlsFilters:e,chartSettings:p,setChartSettings:v,tenancyLevel:a,clientId:i});return R.useEffect(()=>{var J,ae;v(r.chartOptions),z({limit:parseInt(((ae=(J=r.chartOptions)==null?void 0:J.tableSettings)==null?void 0:ae.defaultRowSize)||"10",10),offset:0})},[r]),A.jsxs("dialog",{open:!0,className:Zt.fullScreen,children:[A.jsxs("section",{className:Zt.header,children:[A.jsx("div",{className:Zt.headerBlock,children:A.jsx(we,{variant:"h2",styleClass:"font-14",className:Zt.metricName,children:r.name})}),A.jsxs("div",{className:Zt.headerBlock,children:[A.jsx(Ae,{type:"button",variant:"custom",size:"default",className:Zt.iconButton,onClick:n,title:"Minimize Full Screen",children:A.jsx(FAe,{})}),A.jsx(jAe,{data:x,chartRef:h,metricName:r.name,onRawCsvData:()=>f(!0)}),c&&A.jsx(Ae,{type:"button",variant:"primary",size:"large",onClick:()=>m(!0),children:"Save Metric"})]})]}),A.jsxs("section",{className:Zt.body,children:[A.jsxs("div",{className:Zt.metric,ref:y,children:[A.jsxs("div",{className:Zt.metricHeader,children:[(X=O==null?void 0:O.filter(J=>J.isAddOnMetrics))==null?void 0:X.map(J=>A.jsx(lw,{companyId:o,integrationName:r.integrationName,integrationId:r.companyIntegrationId,rlsConditions:J,onChangeFilterValue:I})),A.jsx(zAe,{filters:O,updateFilter:Y}),!!x.length&&A.jsxs(A.Fragment,{children:[p!=null&&p.isDynamicSeries?A.jsx(mr,{options:[{value:"ungrouped",label:"ungrouped"},...((U=p.seriesOptions)==null?void 0:U.map(J=>({value:J,label:J})))||[]],onChange:J=>v(ae=>({...ae,seriesField:J.value})),selectedOption:{label:(p==null?void 0:p.seriesField)||"ungrouped",value:(p==null?void 0:p.seriesField)||"ungrouped"},label:"group by",className:Zt.dynamicGroupContainer,buttonClass:Zt.dynamicGroupFormat}):null,(Z=p.timeSeriesSettings)!=null&&Z.groupBySettings.isDynamic?A.jsx(mr,{options:p.timeSeriesSettings.groupBySettings.options.map(J=>({label:J,value:J})),onChange:J=>v(ae=>{var Ce;return{...ae,timeSeriesSettings:{...ae.timeSeriesSettings,groupBySettings:{...(Ce=ae.timeSeriesSettings)==null?void 0:Ce.groupBySettings,value:J.value}}}}),selectedOption:{label:p.timeSeriesSettings.groupBySettings.value,value:p.timeSeriesSettings.groupBySettings.value},labelVariant:"static",buttonClass:Zt.dynamicGroupFormat,className:Zt.dynamicGroupContainer}):null,A.jsx(_A,{data:x,settings:p,setSettings:v,className:Zt.chartSettings,isEnablePivotTable:G,groupbyList:W})]})]}),A.jsxs("div",{className:Zt.chartWrapper,children:[(L==null?void 0:L.name)&&M&&A.jsx(yG,{isOpen:T,setOpen:S,value:L==null?void 0:L.name,columnName:M,getUnderlyingData:_,clickBehaviourConfigs:(Q=r.clickActions)==null?void 0:Q.chart,elementRef:{containerRef:y,event:L.event.event},position:"dynamic"}),A.jsx(AI,{isLoading:E,isDataLength:!!x.length,isSingleValue:p.singleValue,dataDb:x[0],chartType:""}),((ce=r==null?void 0:r.drillDownSettings)==null?void 0:ce.isEnableGroupBy)&&!!(N!=null&&N.length)&&!!x.length&&A.jsx(EI,{dimensions:N,drilledLevel:N.length>k?k:0}),x.length?A.jsx(cv,{chartOptions:p,data:x,colors:t,events:{click:J=>{var ae;(ae=r.drillDownSettings)!=null&&ae.isEnableGroupBy&&C(J)},contextmenu:J=>{D(J),S(!0)}},className:Zt.chart,config:{ref:h,chartClickConfig:(re=r.clickActions)==null?void 0:re.chart,onColumnSizingChange:J=>v(ae=>({...ae,tableSettings:{...ae.tableSettings,columnSizing:J}})),onChartReady:()=>P(!1),onChangePage:q,comparisonValue:j,isExternalChart:F,isEnableNextBtn:H,isEnablePrevBtn:$,paginationInfo:V,setChartSettings:v}}):null]})]}),p.chartType!=="table"?A.jsx("div",{className:Zt.preview,children:A.jsx(fs,{data:x,isLoading:!1,error:"",tableName:"Table Preview",tableSettings:{enableFilter:!0,enableSorting:!0,enableStripedRows:!0,enableTableSearch:!0,showRowHover:!0,showTableTitle:!0,showTableDesc:!0,lineGap:"medium",contentAlignment:"center",hideVerticalDivider:!1}})}):null]}),A.jsx(CI,{metricItem:r,isShowRawCsvModal:d,onCloseModal:f,companyTenancyType:a,filterValues:e==null?void 0:e.filterValues,client:i,sharingSettingsId:u}),c&&A.jsx(Aa,{isOpen:g,onClose:()=>m(!1),headerTitle:"Update Metric",children:A.jsx(mx,{onCancel:()=>m(!1),onSubmit:b,dashboardIds:[s],onDashboardChange:()=>{},companyId:o,error:w,defaultValues:{name:r.name,description:r.description,isLive:r.isLive,metricId:r.isCreatedByClient?r.metricId:`update_${r.metricId}_by_${i}_${Date.now()}`},isEmbedded:!0})})]})},bG=hG.WidthProvider(hG.Responsive),wG=({chartColors:r,globalFilters:t,client:e,companyId:n,isAllowedToUpdateMetrics:i,isAllowedToDeleteMetrics:a,isAllowedToChangeLayout:o,externalDashboardMetrics:s,isMetricListLoading:l,breakpoint:c,layoutCols:u,adminLayout:h,params:d,companyTenancyType:f="TABLE",externalDashboardId:p,externalDashboardPk:v,sharingSettingsId:g})=>{const[m,y]=R.useState({id:"",show:!1}),[b,w]=R.useState({layout:[],isShow:!1}),[x,_]=R.useState({show:!1}),{saveLayout:D,layout:I,isLoadingLayout:C}=eE({clientId:e,externalDashboardId:v}),{handleArchiveMetric:T,isLoading:S}=iE({dashboardId:p,clientId:e,metricId:m.id,onSuccess:()=>y({id:"",show:!1})}),M=R.useCallback(k=>{w({isShow:!0,layout:k})},[]),L=R.useMemo(()=>{const k=s==null?void 0:s.map(z=>z.externalMetric),O=k==null?void 0:k.filter(z=>!z.isCreatedByClient),P=k==null?void 0:k.filter(z=>z.isCreatedByClient&&z.clientId===e);return[...O||[],...P||[]].sort((z,H)=>{const V=new Date(z.createdAt).getTime(),$=new Date(H.createdAt).getTime();return V-$})},[s]),E=R.useMemo(()=>L.map(O=>{const P=I.find(z=>z.i===O.id),j=h.find(z=>z.i===O.id);return{i:(P==null?void 0:P.i)||(j==null?void 0:j.i)||O.id,w:(P==null?void 0:P.w)||(j==null?void 0:j.w)||O.resizeAttributes.width||5,h:(P==null?void 0:P.h)||(j==null?void 0:j.h)||O.resizeAttributes.height||10,x:(P==null?void 0:P.x)||(j==null?void 0:j.x)||O.resizeAttributes.xAxis||0,y:(P==null?void 0:P.y)||(j==null?void 0:j.y)||O.resizeAttributes.yAxis||0,minW:O.chartOptions.chartType==="single value"?1:3,minH:O.chartOptions.chartType==="single value"?2:8,maxH:O.chartOptions.chartType==="table"?1/0:15}}),[L,h,I]),N=R.useMemo(()=>L.map(k=>A.jsx("div",{className:`${If["MetricList-wrapper"]} ${o?If["MetricList-wrapper-move"]:""}`,id:k.id,children:A.jsx(NI,{metricItem:k,onMaximize:O=>_({show:!0,metric:O}),client:e,colors:r,globalFilters:t,param:d==null?void 0:d.find(O=>O.metricId===k.metricId),companyTenancyType:f,onArchive:a?O=>y({id:O,show:!0}):void 0})},k.id)),[L,f,e,r,d,t,o,a]);return A.jsx(A.Fragment,{children:L.length&&E.length?A.jsxs(A.Fragment,{children:[A.jsxs("div",{className:If["MetricList-container"],id:"metric-list-container",children:[b.isShow&&A.jsx(gG,{isLoading:C,onCancel:()=>w(k=>({...k,isShow:!1})),onSave:async()=>{await D(b.layout,!0),w(k=>({...k,isShow:!1}))}}),A.jsx(bG,{layouts:{lg:E},onResizeStop:o?M:void 0,onDragStop:o?M:void 0,isDraggable:o,isDroppable:o,isResizable:o,rowHeight:30,breakpoints:c??{lg:1200,md:996,sm:768,xs:480,xxs:0},cols:u??{lg:12,md:12,sm:12,xs:4,xxs:2},children:N})]}),a?A.jsx(fG,{isLoading:S,isOpen:m.show,onArchive:T,onClose:()=>y({id:"",show:!1})}):null,A.jsx(Mg,{children:x.show&&x.metric&&A.jsx(kI,{metric:x.metric,rlsFilters:x.rlsFilters,colors:r,externalDashboardId:v,userProvidedDashboardId:p,tenancyLevel:f,isAllowedToUpdateMetrics:i,clientId:e,companyId:n,onMinimize:()=>_({show:!1,metric:void 0}),sharingSettingsId:g})})]}):A.jsx(A.Fragment,{children:l?A.jsx("div",{className:If["alt-container"],children:A.jsx(bl,{style:{width:"50px",height:"50px",color:"blue"}})}):A.jsx("div",{className:If["noMetric-container"],children:A.jsx("div",{className:If["noMetric-wrapper"],children:A.jsx(we,{variant:"h2",styleClass:"primary",children:"No metrics created yet"})})})})})},Ro={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"},BAe=({data:r,isError:t})=>A.jsxs("div",{className:Ro.container,children:[!!(r!=null&&r.length)&&!t&&A.jsxs("table",{className:Ro.table,children:[A.jsx("thead",{className:Ro.tableHead,children:A.jsx("tr",{className:Ro.tableRow,children:Object.keys(r[0]).map(e=>A.jsx("th",{className:Ro.tableHeadCol,scope:"col",children:A.jsx(we,{styleClass:"font-14c",variant:"h1",className:Ro.tableHeadColText,children:e})},e))})}),A.jsx("tbody",{children:r==null?void 0:r.map((e,n)=>A.jsx("tr",{children:Object.keys(r[0]).map((i,a)=>A.jsx("td",{className:Ro.tableRowCol,children:A.jsx(we,{styleClass:"font-14",variant:"p",className:Ro.tableColText,children:JSON.stringify(e[i])})},a))},n))})]}),!(r!=null&&r.length)&&!t&&A.jsx("div",{className:Ro.empty,children:"Table is empty"}),t&&A.jsx("div",{className:Ro.error,children:r.message})]}),VAe={loader:"_loader_j0yem_1"},xG=()=>A.jsx("div",{className:VAe.loader,children:A.jsx(bl,{style:{width:"50px",height:"50px",color:"blue"}})}),HAe=Object.freeze(Object.defineProperty({__proto__:null,Alert:Db,AppliedFilter:hW,ArchiveMetricModal:fG,Button:Ae,Chart:cv,ChartConfig:lE,ChartConfigure:MW,ChartImageDownloadButton:yW,ChartModalOptions:uE,ChartPopup:mG,ChartSettings:TW,ChartSettingsPopup:_A,ChartTab:AW,ConstructMetric:eU,CsvDownloadButton:vW,DataType:gx,Dataset:wW,DateRangePicker:pA,DownloadRawCsvModal:CI,DrillBreadCrumb:EI,DropDown:l6,EmbeddedMetricCreation:tU,Error:Yf,ErrorFallback:hE,ExternalMetricForm:mx,ExternalMetricList:wG,FilterDropDown:Dg,FilterField:wbe,FilterPopup:vA,FloatingDropDown:mr,FullScreenChart:fV,FullScreenView:kI,GlobalFilters:dW,GridLayout:bG,Header:bW,HookMultiSelect:sE,HookSelect:Gf,Icons:Je,InfoTooltip:Wr,InputField:Ge,InputTables:BDe,LayoutAlert:gG,Loader:xG,MetricCard:NI,MetricChart:sMe,MetricFilterDropDown:lw,MetricForm:KW,MetricOutput:LW,MetricTable:BAe,Modal:Aa,ModalFooter:Bc,MultiFilterDropdown:qf,MultiFloatingDropDown:Zf,MultiSelect:Bi,NoDataLoading:AI,NumberFilterField:xT,OldMultiSelect:u6,OldSelect:s6,PopoverMenu:va,Portal:Mg,SearchTab:Vl,Select:lr,SelectField:f6,SelectWithSubValue:oE,SingleValueCard:PAe,Tab:Av,Table:fs,TableTab:IW,TableViewModal:IAe,TagInputField:pG,Text:we,TextAreaField:fE,TimeGrainField:EW,ToggleButton:dE,Tooltip:pW,getFormattedFilterValue:fW,isInFilterOperator:wT,isNullFilterOperator:K0},Symbol.toStringTag,{value:"Module"})),WAe={scheduleEmailButton:"_scheduleEmailButton_13nzt_1"},gi={"form-wrapper":"_form-wrapper_ynoky_1","form-primary-text":"_form-primary-text_ynoky_5","week-days-container":"_week-days-container_ynoky_9","main-label":"_main-label_ynoky_12","time-element":"_time-element_ynoky_16","schedule-time":"_schedule-time_ynoky_19","cancel-btn":"_cancel-btn_ynoky_23","delete-btn":"_delete-btn_ynoky_26","field-width":"_field-width_ynoky_29","timezone-field":"_timezone-field_ynoky_33","success-text":"_success-text_ynoky_37"},_G=R.createContext({isLoading:void 0,data:void 0,token:void 0,pluginRef:void 0}),SG=()=>R.useContext(_G),UAe=(r,t)=>{const e=t.getTimezoneOffset()*-1;return new Date(t.toLocaleString("en-US",{timeZone:r})).getTimezoneOffset()*-1-e},GAe=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=(ax.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=UAe(r.timezone,e);e.setTime(e.getTime()+n*6e4)}return e},YAe=({onCancel:r})=>{var N;const{register:t,handleSubmit:e,watch:n,control:i,setValue:a,getValues:o,reset:s}=ng(),{data:l,token:c}=SG(),{data:u,isLoading:h}=cQ({token:c}),d=R.useMemo(()=>{var k;if((k=u==null?void 0:u.scheduleEmailReports)!=null&&k.length)return u==null?void 0:u.scheduleEmailReports[0]},[u]);R.useEffect(()=>{d?s({...d.timeConfigurations}):(a("time","PM"),a("timezone","Asia/Kolkata"),a("frequency","Monthly"))},[d]);const[f,p]=R.useState(!1),[v,g]=R.useState(""),[m,y]=R.useState(!1),[b,w]=R.useState(!1),x="",_=((N=l==null?void 0:l.externalDashboardMetrics)==null?void 0:N.map(k=>({value:k.externalMetric.id,label:k.externalMetric.name})))||[],D=kQ(),I=N8(),C=O8(),T=(k,O)=>k.charts.length===0?(g("please select at least one chart to share"),p(!1),y(!1),!1):k.emails.length===0?(g("please add at least one email address"),p(!1),y(!1),!1):O?!0:(g("invalid time configurations"),p(!1),y(!1),!1),S=k=>{var Y,X;g(""),p(!0),y(!1);const{subject:O,emails:P,frequency:j,weekDays:z,date:H,hours:V,time:$,timezone:F}=k,W=GAe({date:H,frequency:j,hours:V,time:$,timezone:F,weekDays:z});if(!T(k,W))return;const q=(Y=k.charts)==null?void 0:Y.map(U=>({externalMetricId:U}));d?I.mutate({scheduleEmailReportId:d.id},{onSuccess({delete_scheduleEmailReportCharts:U}){var Z;U!=null&&U.affected_rows?D.mutate({emails:P,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:O,timeConfigurations:k},{onSuccess({insert_scheduleEmailReports_one:Q}){Q!=null&&Q.id?(g(""),p(!1),y(!0)):(g(an),p(!1),y(!1))},onError(){g(an),p(!1),y(!1)}}):(g(an),p(!1),y(!1))},onError(){g(an),p(!1),y(!1)}}):D.mutate({emails:P,externalDashboardId:(X=l==null?void 0:l.externalDashboard)==null?void 0:X.id,data:q,guestToken:c,nextScheduledAt:W,sharingSettingsId:l==null?void 0:l.sharingSettingsId,subject:O,timeConfigurations:k},{onSuccess({insert_scheduleEmailReports_one:U}){U!=null&&U.id?(g(""),p(!1),y(!0)):(g(an),p(!1),y(!1))},onError(){g(an),p(!1),y(!1)}})},M=()=>{g(""),p(!0),w(!1),y(!1),C.mutate({id:d==null?void 0:d.id},{onSuccess({delete_scheduleEmailReports_by_pk:k}){k!=null&&k.id?(g(""),p(!1),w(!0),s({subject:"",emails:[],charts:[]}),r()):(g(an),p(!1),w(!1))},onError(){g(an),p(!1),w(!1)}})},L=e(S),E=e(M);return{register:t,handleSubmit:e,watch:n,control:i,setValue:a,getValues:o,reset:s,dashboardName:x,chartOptions:_,onSave:L,isLoading:f,isSuccess:m,error:v,isLoadingData:h,scheduleReportConfig:d,onDelete:E,isDeleted:b}},QAe=({onCancel:r})=>{var v;const{control:t,getValues:e,register:n,setValue:i,watch:a,dashboardName:o,chartOptions:s,onSave:l,isLoading:c,error:u,isSuccess:h,scheduleReportConfig:d,onDelete:f,isDeleted:p}=YAe({onCancel:r});return A.jsxs("form",{className:gi["form-container"],onSubmit:l,children:[A.jsxs("div",{className:gi["form-wrapper"],children:[A.jsxs(we,{variant:"p",styleClass:"font-14",className:gi["form-primary-text"],children:["Schedule an email report for Dashboard:",A.jsx(we,{variant:"span",styleClass:"primary",children:o})]}),A.jsx(Ge,{label:"Subject Line",placeholder:"Weekly Report - Sales Overview 2023",register:n("subject",Ef)}),A.jsx(vG,{control:t,type:"text",label:"Send to",placeholder:"Enter email addresses",onChangeTags:g=>i("emails",g),defaultTagValue:(v=d==null?void 0:d.timeConfigurations)==null?void 0:v.emails}),A.jsx(sE,{control:t,name:"charts",options:s,label:"Charts to Attach",defaultValue:[]}),A.jsx(Gf,{label:"Frequency of emails",options:JL,control:t,name:"frequency",defaultValue:"Monthly"}),a().frequency!=="Monthly"?A.jsx("div",{className:gi["week-days-container"],children:ax.map(g=>A.jsx(Ge,{label:g.label,type:"checkbox",register:n(`weekDays.${g.value}`),isDisabled:a().frequency==="Daily"},g.value))}):A.jsx("div",{children:A.jsx(Zf,{label:"Choose Dates",selectedOptions:e().date||[],options:KL,onChange:g=>i("date",g)})}),A.jsxs("div",{className:gi["schedule-time"],children:[A.jsx(we,{variant:"span",styleClass:"custom",className:gi["main-label"],children:"Scheduled Time"}),A.jsxs("div",{className:gi["time-element"],children:[A.jsx(Ge,{type:"number",className:gi["field-width"],min:0,max:11,register:n("hours",Ef),defaultValue:5}),A.jsx(Gf,{options:XL,control:t,name:"time",className:gi["timezone-field"],defaultValue:"PM"}),A.jsx(Gf,{options:qL,control:t,name:"timezone",className:gi["timezone-field"],defaultValue:"IST"})]})]}),u&&A.jsx(Yf,{message:u}),h&&A.jsx(we,{variant:"p",styleClass:"font-14b",className:gi["success-text"],children:"Scheduled successfully!"}),p&&A.jsx(we,{variant:"p",styleClass:"font-14b",className:gi["success-text"],children:"Deleted successfully!"})]}),A.jsxs(Bc,{children:[d?A.jsx(Ae,{type:"reset",variant:"reject",className:gi["delete-btn"],size:"default",onClick:()=>{f()},isDisabled:c,children:"Delete"}):A.jsx(Ae,{type:"reset",variant:"secondary",className:gi["cancel-btn"],size:"default",onClick:()=>r(),isDisabled:c,children:"Cancel"}),A.jsx(Ae,{variant:"primary",type:"submit",size:"default",isDisabled:c,children:d?"Update":"Save"})]})]})},ZAe=r=>A.jsx("svg",{viewBox:"0 0 2048 2048",width:"1.2em",height:"1.2em",...r,children:A.jsx("path",{fill:"currentColor",d:"M960 1100L128 565v971h768v128H0V384h1920v601q-13-9-29-19t-33-20t-34-18t-32-13V565l-832 535zm678-588H282l678 436l678-436zm410 1024q0 106-40 199t-109 163t-163 110t-200 40q-106 0-199-40t-163-109t-110-163t-40-200q0-106 40-199t109-163t163-110t200-40q106 0 199 40t163 109t110 163t40 200zm-512 384q79 0 149-30t122-82t83-122t30-150q0-79-30-149t-82-122t-123-83t-149-30q-80 0-149 30t-122 82t-83 123t-30 149q0 80 30 149t82 122t122 83t150 30zm0-640v256h192v128h-320v-384h128z"})}),qAe=()=>{const[r,t]=R.useState(!1);return A.jsxs("div",{children:[A.jsx(Ae,{variant:"custom",type:"button",onClick:()=>t(!0),title:"email-sharing",className:WAe.scheduleEmailButton,children:A.jsx(ZAe,{})}),A.jsx(Aa,{isOpen:r,onClose:()=>t(!1),headerTitle:"Schedule Email",children:A.jsx(QAe,{onCancel:()=>t(!1)})})]})},MG=R.memo(({options:r,theme:t})=>{var h,d,f;const{data:e,isLoading:n}=SG(),[i,a]=R.useState(!1),[o,s]=R.useState({tableName:"",filters:[]}),{data:l}=pQ({companyId:e==null?void 0:e.companyId},{enabled:!!(e!=null&&e.companyId),refetchOnWindowFocus:!1}),[c,u]=R.useMemo(()=>{var v,g,m,y;const p=(y=(m=(g=(v=l==null?void 0:l.themes[0])==null?void 0:v.chart)==null?void 0:g.palettes)==null?void 0:m.find(b=>{var w,x;return b.name===((x=(w=l.themes[0])==null?void 0:w.chart)==null?void 0:x.selected)}))==null?void 0:y.colors;return[l==null?void 0:l.themes[0],p]},[l==null?void 0:l.themes[0]]);return ox(c),A.jsx(A.Fragment,{children:A.jsxs("div",{className:`${Ec["embedDashboard-container"]} dbn-dashboard`,children:[((h=e==null?void 0:e.externalDashboard)==null?void 0:h.id)&&!n&&A.jsxs(A.Fragment,{children:[A.jsxs("div",{className:Ec["embedDashboard-header"],children:[A.jsx(we,{variant:"h1",styleClass:"custom",className:Ec.dashboardName,children:e.externalDashboard.name}),A.jsxs("div",{children:[e.sharingSettingsId&&A.jsx(qAe,{}),!(r!=null&&r.disableMetricCreation)&&e.isAllowedToCreateMetrics&&A.jsxs(A.Fragment,{children:[A.jsx(Ae,{type:"button",variant:"primary",size:"large",onClick:()=>a(!0),children:"Create Metric"}),A.jsx(tU,{clientId:e.clientId,companyId:e.companyId,isLiveMode:e.isLiveMode,externalDashboardId:e.externalDashboard.id,chartColors:u??(r==null?void 0:r.chartColors),isShowMetricCreateModal:i,setShowMetricCreateModal:a,workspaceId:(d=e.workspace)==null?void 0:d.id,userProvidedDashboardId:e.externalDashboardId})]})]})]}),A.jsxs("div",{className:Ec["embedDashboard-wrapper"],children:[e.externalDashboard.filters.length?A.jsx(dW,{companyId:e.companyId,externalDashboardId:e.externalDashboard.id,filters:e.externalDashboard.filters,onApply:p=>{s(p)}}):null,A.jsx(wG,{client:e.clientId,companyId:e.companyId,externalDashboardId:e.externalDashboardId,externalDashboardPk:e.externalDashboard.id,adminLayout:e.externalDashboard.layout,isAllowedToDeleteMetrics:!(r!=null&&r.disableMetricDeletion)&&e.isAllowedToDeleteMetrics,isAllowedToUpdateMetrics:!(r!=null&&r.disableMetricUpdation)&&e.isAllowedToUpdateMetrics,isAllowedToChangeLayout:!(r!=null&&r.disableLayoutCustomization)&&e.isAllowedToChangeLayout,externalDashboardMetrics:e.externalDashboardMetrics,isMetricListLoading:n,globalFilters:o,breakpoint:t==null?void 0:t.breakpoint,layoutCols:t==null?void 0:t.metricLayoutCols,chartColors:u??(r==null?void 0:r.chartColors),params:Array.isArray(e.rlsSettings)?e.rlsSettings:[],companyTenancyType:e.companyTenancyType,sharingSettingsId:e.sharingSettingsId})]})]}),n&&A.jsx("div",{className:Ec["alt-container"],children:A.jsx(bl,{style:{width:"50px",height:"50px",color:"blue"}})}),!n&&!((f=e==null?void 0:e.externalDashboard)!=null&&f.id)&&A.jsx("div",{className:Ec["alt-container"],children:"Invalid token or Dashboard id"})]})})}),XAe=({token:r,dashboardId:t,children:e})=>{const{data:n,isLoading:i}=QL({token:r,dashboardId:t}),a=R.useMemo(()=>({data:n,isLoading:i,token:r}),[n,i,r]);return A.jsx(_G.Provider,{value:a,children:e})};var KAe=function(t,e){return t===void 0&&(t=[]),e===void 0&&(e=[]),t.length!==e.length||t.some(function(n,i){return!Object.is(n,e[i])})},DG={error:null},JAe=function(r){Hl(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=DG,n.resetErrorBoundary=function(){for(var s,l=arguments.length,c=new Array(l),u=0;u<l;u++)c[u]=arguments[u];n.props.onReset==null||(s=n.props).onReset.apply(s,c),n.reset()},n}t.getDerivedStateFromError=function(i){return{error:i}};var e=t.prototype;return e.reset=function(){this.setState(DG)},e.componentDidCatch=function(i,a){var o,s;(o=(s=this.props).onError)==null||o.call(s,i,a)},e.componentDidUpdate=function(i,a){var o=this.state.error,s=this.props.resetKeys;if(o!==null&&a.error!==null&&KAe(i.resetKeys,s)){var l,c;(l=(c=this.props).onResetKeysChange)==null||l.call(c,i.resetKeys,s),this.reset()}},e.render=function(){var i=this.state.error,a=this.props,o=a.fallbackRender,s=a.FallbackComponent,l=a.fallback;if(i!==null){var c={error:i,resetErrorBoundary:this.resetErrorBoundary};if(lt.isValidElement(l))return l;if(typeof o=="function")return o(c);if(s)return lt.createElement(s,c);throw new Error("react-error-boundary requires either a fallback, fallbackRender, or FallbackComponent prop")}return this.props.children},t}(lt.Component);const eIe=new g8({defaultOptions:{queries:{refetchOnWindowFocus:!1}}}),OI=({children:r,theme:t})=>(R.useEffect(()=>{!t||!Object.keys(t).length||dV(t)},[t]),R.useEffect(()=>{const e=document.querySelector("#dbn-styles"),n=document.querySelector("dbn-dashboard"),i=document.querySelectorAll("dbn-metric");if(n!=null&&n.shadowRoot&&e&&!n.shadowRoot.getElementById("dbn-dashboard-style")){const a=document.createElement("style");a.innerHTML=e.innerHTML,a.setAttribute("id","dbn-dashboard-style"),n.shadowRoot.appendChild(a)}i.forEach((a,o)=>{if(a.shadowRoot&&e&&!a.shadowRoot.getElementById(`dbn-metric-${o}-style`)){const s=document.createElement("style");s.innerHTML=e.innerHTML,s.setAttribute("id",`dbn-metric-${o}-style`),a.shadowRoot.appendChild(s)}})},[]),A.jsx(JAe,{FallbackComponent:hE,children:A.jsx(_8,{client:eIe,children:r})})),kze="",tIe=({token:r,options:t,theme:e,dashboardId:n})=>A.jsx(OI,{theme:e,children:A.jsx(XAe,{token:r,dashboardId:n,children:A.jsx(MG,{options:t,theme:e})})}),CG={metric:"_metric_1pdqp_1",loader:"_loader_1pdqp_7"},rIe=R.memo(({token:r,chartColors:t,metricId:e,chartRendererType:n="canvas"})=>{const[i,a]=R.useState({isShow:!1}),{externalMetric:o,adminColors:s,rlsSettings:l,sharingSettingsId:c,companyId:u,clientId:h,tenancyLevel:d,isLoading:f,errorMsg:p}=aE({token:r,metricId:e});return A.jsxs(A.Fragment,{children:[f?A.jsx("div",{className:CG.loader,children:A.jsx(xG,{})}):null,p||null,o&&!f?A.jsxs(A.Fragment,{children:[A.jsx(NI,{metricItem:o,client:h,colors:s||t,onMaximize:(v,g)=>a({isShow:!0,rlsFilters:g}),companyTenancyType:d,chartRendererType:n,param:l}),A.jsx(Mg,{children:i.isShow?A.jsx(kI,{metric:o,clientId:h,colors:s||t,onMinimize:()=>a({isShow:!1}),companyId:u,tenancyLevel:d,rlsFilters:i.rlsFilters,sharingSettingsId:c,externalDashboardId:"",userProvidedDashboardId:""}):null})]}):null]})}),nIe=R.memo(({theme:r,width:t,height:e,style:n,className:i="",...a})=>A.jsx("div",{style:{...n,width:t?`${t}px`:void 0,height:e?`${e}px`:void 0},className:`${CG.metric} ${i} dbn-metric`,children:A.jsx(OI,{theme:r,children:A.jsx(rIe,{...a})})})),iIe=Object.freeze(Object.defineProperty({__proto__:null},Symbol.toStringTag,{value:"Module"}));pn.Dashboard=tIe,pn.EmbeddedDashboard=MG,pn.Metric=nIe,pn.PluginProvider=OI,pn.Ui=HAe,pn.consts=JQ,pn.helpers=Cbe,pn.hooks=o6,pn.types=iIe,pn.utils=bbe,Object.defineProperty(pn,Symbol.toStringTag,{value:"Module"})});
+            the save button to save the changes to the layout.`,children:[A.jsx(Ae,{variant:"secondary",type:"button",size:"small",className:TAe.alertCancel,onClick:r,children:"Cancel"}),A.jsx(Ae,{variant:"primary",type:"button",size:"small",className:"disabled:opacity-40 disabled:cursor-not-allowed",onClick:t,isDisabled:e,children:"Save"})]})}),AAe={fullscreen:"_fullscreen_1309s_1"},IAe=({metricData:r,isOpen:t,onClose:e,title:n})=>A.jsx(Aa,{isOpen:t,onClose:()=>e(),headerTitle:n,children:A.jsx("div",{className:AAe.fullscreen,children:A.jsx(fs,{data:r||[],isLoading:!1,error:""})})}),pt={cardContainer:"_cardContainer_1ax0c_1",morePopup:"_morePopup_1ax0c_9",features:"_features_1ax0c_17",listHeader:"_listHeader_1ax0c_25",metricName:"_metricName_1ax0c_33",metricTitle:"_metricTitle_1ax0c_41",metricDescription:"_metricDescription_1ax0c_49",popup:"_popup_1ax0c_57",metricFilter:"_metricFilter_1ax0c_65",popupIcon:"_popupIcon_1ax0c_73",popupMenu:"_popupMenu_1ax0c_81",popupItem:"_popupItem_1ax0c_89",popupItemIcon:"_popupItemIcon_1ax0c_97",csvBtn:"_csvBtn_1ax0c_105",deleteBtn:"_deleteBtn_1ax0c_113",metricData:"_metricData_1ax0c_121",metricTable:"_metricTable_1ax0c_129",singleValueData:"_singleValueData_1ax0c_137",singleValue:"_singleValue_1ax0c_137",noData:"_noData_1ax0c_153",noDataContent:"_noDataContent_1ax0c_161",noDataText:"_noDataText_1ax0c_169",singleChartText:"_singleChartText_1ax0c_177",loading:"_loading_1ax0c_185",fullscreen:"_fullscreen_1ax0c_201",dynamicGroupFormat:"_dynamicGroupFormat_1ax0c_209",dynamicGroupContainer:"_dynamicGroupContainer_1ax0c_217",topLeft:"_topLeft_1ax0c_223",topRight:"_topRight_1ax0c_229"},TI="data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz48c3ZnIGlkPSJMYXllcl8xIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAzMDAgMzAwIj48ZGVmcz48c3R5bGU+LmNscy0xe3N0cm9rZTojMTgyYzYwO30uY2xzLTEsLmNscy0ye2ZpbGw6bm9uZTtzdHJva2UtbGluZWNhcDpyb3VuZDtzdHJva2UtbGluZWpvaW46cm91bmQ7fS5jbHMtM3tmaWxsOiM1ODY1ZjY7b3BhY2l0eTouMTt9LmNscy00e2ZpbGw6I2YyZjNmNDt9LmNscy01e2ZpbGw6I2MxYzdjOTt9LmNscy02e2ZpbGw6I2RhZGVkZjt9LmNscy03e2ZpbGw6IzE4MmM2MDt9LmNscy0ye3N0cm9rZTojNTg2NWY2O3N0cm9rZS13aWR0aDo0cHg7fTwvc3R5bGU+PC9kZWZzPjxwYXRoIGNsYXNzPSJjbHMtMSIgZD0ibTIxMC41LDIwMC44M2MuNC0uNjYuNjgtMS40LjgyLTIuMiwxLjU4LTguODcsMy4xNS0xNy43NSw0LjczLTI2LjYyLDIuMDMtMTEuNDQsNC4wNi0yMi44OCw2LjA5LTM0LjMyLjcyLTQuMDgsMS43Ny04LjI1LDIuMTYtMTIuMzguNDMtNC41Ni0yLjA5LTkuNjgtNi44Ni0xMC42Ni0uMDEsMC0uMDMsMC0uMDQsMC0yLjQtLjQ5LTUuMDItLjIyLTcuNDUtLjIyaC00NC4yMmMtLjUyLDAtMi4zMy0uMzEtMi43NywwbC0yNC4yOCwxNy4yMmgtNjEuNjFjLTMuOTcsMC02Ljk5LDMuNTYtNi4zNCw3LjQ3bDkuNzUsNTkuNDJjLjUxLDMuMTEsMy4yLDUuMzksNi4zNCw1LjM5aDExNy44NiIvPjxwYXRoIGNsYXNzPSJjbHMtMSIgZD0ibTIwNywxMTQuNDN2LTguNTRjMC0zLjU1LTIuODgtNi40My02LjQzLTYuNDNoLTE3LjE5Ii8+PHBhdGggY2xhc3M9ImNscy0xIiBkPSJtMTAzLjQ3LDk5LjQ2aC0xNS4xMmMtMy41NSwwLTYuNDMsMi44OC02LjQzLDYuNDN2MjUuNDgiLz48Zz48bGluZSBjbGFzcz0iY2xzLTIiIHgxPSIxMTQuMTIiIHkxPSI5NC4wOCIgeDI9IjE0NC44NCIgeTI9Ijk0LjA4Ii8+PGc+PHJlY3QgY2xhc3M9ImNscy02IiB4PSIxMTIuNjEiIHk9IjEwMi40MyIgd2lkdGg9IjE4Ljk3IiBoZWlnaHQ9IjMuMiIvPjxyZWN0IGNsYXNzPSJjbHMtNCIgeD0iMTM3LjYxIiB5PSIxMDIuNDMiIHdpZHRoPSI4LjkiIGhlaWdodD0iMy4yIi8+PC9nPjwvZz48cGF0aCBjbGFzcz0iY2xzLTMiIGQ9Im0xNjQuOTgsODEuNDZsLS4wOCwxNi4yOHMuMTUsMy4yNC4zLDMuNjIuNiwxLjUxLDEuMTMsMS44OCwxLjAyLjc5LDEuNzcsMS4wNi45NC40OSwyLjExLjQ5LDE4LjE3LjA0LDE4LjE3LjA0bC0yMy40MS0yMy4zN1oiLz48cGF0aCBjbGFzcz0iY2xzLTEiIGQ9Im0xODguNTEsMTA0LjkxdjkuNTIiLz48cGF0aCBjbGFzcz0iY2xzLTEiIGQ9Im0xMDMuNTMsMTMxLjM3di00NC45NWMwLTIuODQsMi4zLTUuMTUsNS4xNS01LjE1LDE4Ljc3LDAsMzcuNTQsMCw1Ni4zMSwwIi8+PHBhdGggY2xhc3M9ImNscy0xIiBkPSJtMTY1LjAxLDgxLjI3djE4LjM1YzAsMi44NCwyLjMxLDUuMTUsNS4xNSw1LjE1aDE4LjM1cy0yMy41LTIzLjYyLTIzLjUtMjMuNVoiLz48Y2lyY2xlIGNsYXNzPSJjbHMtMSIgY3g9IjE2OC4yMSIgY3k9IjE2My4yNyIgcj0iMjQuOTYiLz48Y2lyY2xlIGNsYXNzPSJjbHMtMSIgY3g9IjE2OC4yMSIgY3k9IjE2My4yNyIgcj0iMzEuMjUiLz48cGF0aCBjbGFzcz0iY2xzLTEiIGQ9Im0xOTIuNTcsMTgzLjMzYzkuNjIsOS42MiwzMC4yOCwzMC4yOCwzMC4yOCwzMC4yOCwxLjE3LDEuMTcsMS4xNywzLjA3LDAsNC4yNHMtMy4wNywxLjE3LTQuMjQsMGMwLDAtMjAuNTgtMjAuNTgtMzAuMjItMzAuMjIiLz48Zz48cGF0aCBjbGFzcz0iY2xzLTUiIGQ9Im0xNjguNjYsMTcwLjkzYy0uNzQsMC0xLjM0LjI0LTEuODEuNzItLjQ3LjQ4LS43MSwxLjA5LS43MSwxLjgzcy4yNCwxLjMyLjcxLDEuODFjLjQ3LjQ5LDEuMDcuNzQsMS44MS43NHMxLjM0LS4yNSwxLjgxLS43NGMuNDctLjQ5LjcxLTEuMS43MS0xLjgxcy0uMjQtMS4zNC0uNzEtMS44M2MtLjQ3LS40OC0xLjA4LS43Mi0xLjgxLS43MloiLz48cGF0aCBjbGFzcz0iY2xzLTUiIGQ9Im0xNzQuNjksMTUzLjc3Yy0uNjItMS4wMi0xLjQ5LTEuODItMi42LTIuNC0xLjEyLS41Ny0yLjQtLjg2LTMuODUtLjg2LTEuNjgsMC0zLjE3LjQtNC40NywxLjE5cy0yLjI5LDEuOTQtMi45OCwzLjQzbDIuNzYsMi4yOGMuNDYtMS4wNiwxLjA3LTEuODYsMS44NS0yLjQuNzctLjU0LDEuNjUtLjgxLDIuNjQtLjgxLjc2LDAsMS40MS4xNCwxLjk3LjQxLjU1LjI4Ljk4LjY3LDEuMjgsMS4xNy4zLjUxLjQ1LDEuMS40NSwxLjc5cy0uMTYsMS4yOS0uNDcsMS44MWMtLjMxLjUyLS43NS45Mi0xLjMxLDEuMjEtLjU2LjI5LTEuMjIuNDMtMS45OC40M2gtLjkzdjYuNjZoMy4yOGwuMjYtMy43M2MuNzEtLjI0LDEuMzctLjU1LDEuOTUtLjkzLjk5LS42NCwxLjc1LTEuNDUsMi4yOS0yLjQxLjU0LS45Ny44MS0yLjA3LjgxLTMuMzEsMC0xLjMzLS4zMS0yLjUxLS45My0zLjU0WiIvPjwvZz48cGF0aCBjbGFzcz0iY2xzLTEiIGQ9Im04NS41NSwyMDMuOTdjLjY4LDIuODksMy4yNiw0Ljk2LDYuMjYsNC45NmgxMTcuNzMiLz48cGF0aCBjbGFzcz0iY2xzLTEiIGQ9Im0yMTUuMzcsMjA2LjA0Yy40Ny0uNzEuOC0xLjUyLjk1LTIuNCwxLjU4LTguODcsMy4xNS0xNy43NSw0LjczLTI2LjYyLDIuMDMtMTEuNDQsNC4wNi0yMi44OCw2LjA5LTM0LjMyLjcyLTQuMDgsMS43Ny04LjI1LDIuMTYtMTIuMzguMzktNC4xNi0xLjY4LTguNzktNS42Ny0xMC4zMSIvPjxwYXRoIGNsYXNzPSJjbHMtNyIgZD0ibTIyMy41MSwxMjAuMDhzLjQ5LDEuNjIuNTMsMS43My4zMiwyLjQ0LjMyLDIuNDRsLS4wNCwxLjkxLTEuMzgsNy4xMy0zLjM5LDE5LjMxLTIuODksMTUuOTItMi45NiwxNi43Ni0yLjQ0LDEzLjE2LS45MiwyLjY1LDQuOTgsNS4xNS44NS0yLjE1LjgxLTQuMDYsMS40OC04LjMzLDIuODItMTUuNzEsMi4xNS0xMi4xMSwxLjk0LTExLjM2LDIuNzUtMTQuNzUuODgtNC42OS4yOC0yLjU4LjA3LTIuMTItLjYtMi43NS0xLjI0LTIuMzYtMS4wOS0xLjU5LTIuMDEtMS4zMS0uOTItLjI4WiIvPjxwb2x5Z29uIGNsYXNzPSJjbHMtNyIgcG9pbnRzPSI4NS42OCAyMDMuOTMgMjA0LjU1IDIwMy44NCAyMDkuMzUgMjA4LjczIDE0OC40OCAyMDguODggOTAuOTUgMjA5LjAyIDg5LjUgMjA4LjY2IDg3Ljk4IDIwNy45MiA4Ni44MiAyMDYuNTggODYuMDEgMjA1LjAzIDg1LjY4IDIwMy45MyIvPjwvc3ZnPg==",AI=R.memo(({isDataLength:r,isLoading:t,isSingleValue:e,dataDb:n,chartType:i})=>{const a=i==="single value";return A.jsxs(A.Fragment,{children:[!t&&!r?A.jsx("div",{className:pt.noData,children:A.jsxs("div",{className:pt.noDataContent,children:[a?null:A.jsx("img",{src:TI,alt:"",width:"300px",height:"300px"}),A.jsx("div",{className:`${a?pt.singleChartText:pt.noDataText}`,children:"No Data Available"})]})}):null,!t&&r&&n[e]===null&&A.jsx("div",{className:pt.noData,children:A.jsxs("div",{className:pt.noDataContent,children:[a?null:A.jsx("img",{src:TI,alt:"",width:"300px",height:"300px"}),A.jsx("div",{className:`${a?pt.singleChartText:pt.noDataText}`,children:"No Data Available"})]})}),t&&A.jsx("div",{className:pt.loading,children:A.jsx(bl,{style:{width:"50px",height:"50px",color:"blue"}})})]})}),LAe=r=>A.jsx("svg",{viewBox:"0 0 24 24",width:"1.2em",height:"1.2em",...r,children:A.jsx("path",{fill:"currentColor",d:"M5 21q-.825 0-1.413-.587Q3 19.825 3 19V6.5q0-.375.125-.675q.125-.3.325-.575l1.4-1.7q.2-.275.5-.413Q5.65 3 6 3h12q.35 0 .65.137q.3.138.5.413l1.4 1.7q.2.275.325.575q.125.3.125.675V19q0 .825-.587 1.413Q19.825 21 19 21Zm.4-15h13.2l-.85-1H6.25ZM5 8v11h14V8Zm7 10l4-4l-1.4-1.4l-1.6 1.6V10h-2v4.2l-1.6-1.6L8 14Zm-7 1h14H5Z"})}),Fv={metricFilter:"_metricFilter_zg60x_1",customContainer:"_customContainer_zg60x_4"},lw=({rlsConditions:r,onChangeFilterValue:t,companyId:e,integrationId:n,integrationName:i})=>A.jsx(A.Fragment,{children:r&&t?r.datatype!=="date"?r.datatype==="string"?r.options.length?A.jsx(Zf,{selectedOptions:Array.isArray(r.value)&&r.value.length?r.value.map(a=>({label:a,value:a})):[],options:r.options.map(a=>({value:a,label:a})),onChange:a=>t(r.name,a==null?void 0:a[0].value,void 0,a),label:r.name,className:Fv.metricFilter}):A.jsx(qf,{selectedOptions:Array.isArray(r.value)&&r.value.length?r.value.map(a=>({label:a,value:a})):[],onChange:a=>t(r.name,a==null?void 0:a[0].value,void 0,a),filter:{tableName:r.tableName,columnName:r.columnName},companyId:e,isSearchEnabled:!0,autoSelected:Array.isArray(r.value)&&!r.value.length,label:r.name,integrationId:n,integrationName:i,className:Fv.metricFilter}):A.jsx(mr,{label:r.name,selectedOption:{value:r.value||r.options[0],label:r.value||r.options[0]},options:r.options.map(a=>({value:a,label:a})),onChange:a=>t(r.name,a.value),className:Fv.metricFilter}):A.jsx(mr,{label:r.name,selectedOption:{value:r.value||r.options[0].name,label:r.value||r.options[0].name},options:r.options.map(a=>({value:a.name,label:a.name})),onChange:a=>t(r.name,a.value),className:Fv.metricFilter,children:r.value==="Custom"?A.jsxs("div",{className:Fv.customContainer,children:[A.jsx(Ge,{label:"From Date",type:"date",onChange:({target:{value:a}})=>{t(r.name,"Custom",{startDate:new Date(Date.parse(a))})}}),A.jsx(Ge,{label:"To Date",type:"date",onChange:({target:{value:a}})=>t(r.name,"Custom",{endDate:new Date(Date.parse(a))})})]}):null}):null}),ti={container:"_container_1jpte_1",popover:"_popover_1jpte_5",popupContainer:"_popupContainer_1jpte_6",button:"_button_1jpte_10",buttonOpen:"_buttonOpen_1jpte_14",menu:"_menu_1jpte_18",enter:"_enter_1jpte_22",enterFrom:"_enterFrom_1jpte_26",enterTo:"_enterTo_1jpte_30",leave:"_leave_1jpte_34",leaveFrom:"_leaveFrom_1jpte_38",leaveTo:"_leaveTo_1jpte_42",center:"_center_1jpte_46",top:"_top_1jpte_50",bottom:"_bottom_1jpte_54",left:"_left_1jpte_58",right:"_right_1jpte_62","left-top-end":"_left-top-end_1jpte_66","right-top-end":"_right-top-end_1jpte_70","left-bottom-end":"_left-bottom-end_1jpte_74","right-bottom-end":"_right-bottom-end_1jpte_78","top-left":"_top-left_1jpte_82","top-right":"_top-right_1jpte_86","bottom-left":"_bottom-left_1jpte_90","bottom-right":"_bottom-right_1jpte_94","left-top":"_left-top_1jpte_66","left-bottom":"_left-bottom_1jpte_74","right-top":"_right-top_1jpte_70","right-bottom":"_right-bottom_1jpte_78",chartOptionBtn:"_chartOptionBtn_1jpte_114",chartpopup:"_chartpopup_1jpte_118"},II={fullscreen:"_fullscreen_1gpy3_1",loading:"_loading_1gpy3_5"},EAe=({isShowUnderlyingData:r,setShowUnderlyingData:t,getUnderlyingData:e,columnName:n,value:i})=>{const[a,o]=R.useState([]),[s,l]=R.useState(!0);return R.useEffect(()=>{n&&i&&r&&e({columnName:n,setData:o,setLoading:l,value:i})},[n,i,r]),A.jsx(Aa,{isOpen:r,onClose:()=>t(!1),headerTitle:"View Underlying Data",children:A.jsxs("div",{className:II.fullscreen,children:[!!a.length&&A.jsx(fs,{data:a,isLoading:!1,error:""}),!a.length&&!s&&A.jsx("div",{className:II.loading,children:"No Data Available"}),s&&!a.length&&A.jsx("div",{className:II.loading,children:A.jsx(bl,{style:{width:"50px",height:"50px",color:"blue"}})})]})})},NAe=R.memo(EAe),kAe=r=>A.jsx("svg",{viewBox:"0 0 24 24",width:"1.2em",height:"1.2em",...r,children:A.jsx("g",{id:"evaLayersFill0",children:A.jsx("g",{id:"evaLayersFill1",children:A.jsxs("g",{id:"evaLayersFill2",fill:"currentColor",children:[A.jsx("path",{d:"m3.24 7.29l8.52 4.63a.51.51 0 0 0 .48 0l8.52-4.63a.44.44 0 0 0-.05-.81L12.19 3a.5.5 0 0 0-.38 0L3.29 6.48a.44.44 0 0 0-.05.81Z"}),A.jsx("path",{d:"m20.71 10.66l-1.83-.78l-6.64 3.61a.51.51 0 0 1-.48 0L5.12 9.88l-1.83.78a.48.48 0 0 0 0 .85l8.52 4.9a.46.46 0 0 0 .48 0l8.52-4.9a.48.48 0 0 0-.1-.85Z"}),A.jsx("path",{d:"m20.71 15.1l-1.56-.68l-6.91 3.76a.51.51 0 0 1-.48 0l-6.91-3.76l-1.56.68a.49.49 0 0 0 0 .87l8.52 5a.51.51 0 0 0 .48 0l8.52-5a.49.49 0 0 0-.1-.87Z"})]})})})}),OAe=r=>A.jsx("svg",{viewBox:"0 0 24 24",width:"1.2em",height:"1.2em",...r,children:A.jsx("path",{fill:"currentColor",d:"M14 3v2h3.59l-9.83 9.83l1.41 1.41L19 6.41V10h2V3m-2 16H5V5h7V3H5a2 2 0 0 0-2 2v14a2 2 0 0 0 2 2h14a2 2 0 0 0 2-2v-7h-2v7Z"})}),mG=({position:r="center",menuContainerClass:t,menuClass:e,isOpen:n,setOpen:i,value:a,columnName:o,getUnderlyingData:s,clickBehaviourConfigs:l,elementRef:c})=>{const[u,h]=R.useState(!1),d=R.useRef(null);return Ul({wrapRef:d,onOutsideClick:()=>i(!1)}),R.useEffect(()=>{if(!c||r!=="dynamic")return;const{containerRef:f,event:p}=c,v=p;if(!f.current||!d.current||!v)return;const g=f.current.getBoundingClientRect(),m=d.current.getBoundingClientRect(),[y,b]=gV(v,g,m);mV(d.current,y,b)},[c,n,r]),A.jsxs(A.Fragment,{children:[A.jsx("div",{onContextMenu:f=>{f.preventDefault()},ref:d,className:`${r==="dynamic"&&ti.popupContainer}`,children:A.jsx("div",{className:`${ti.popover} ${r==="dynamic"||ti[r]}  ${t}`,children:A.jsx(Bl,{as:"div",className:`${ti.menu} ${e}`,show:n,enter:ti.enter,enterFrom:ti.enterFrom,enterTo:ti.enterTo,leave:ti.leave,leaveFrom:ti.leaveFrom,leaveTo:ti.leaveTo,children:A.jsxs("div",{className:ti.chartpopup,children:[A.jsxs(Ae,{variant:"custom",type:"button",className:ti.chartOptionBtn,onClick:()=>h(!0),children:[A.jsx(kAe,{className:ti.popupItemIcon}),A.jsx(we,{variant:"p",styleClass:"font-14",children:"View underlying data"})]}),l.isEnable&&A.jsxs(Ae,{variant:"custom",type:"button",className:ti.chartOptionBtn,onClick:()=>sv(l,(a==null?void 0:a.split(" ").join("_"))||"undefined"),children:[A.jsx(OAe,{className:ti.popupItemIcon}),A.jsx(we,{variant:"p",styleClass:"font-14",children:"Go to"})]})]})})})}),A.jsx(NAe,{isShowUnderlyingData:u,setShowUnderlyingData:h,columnName:o,value:a,getUnderlyingData:s})]})},yG=R.memo(mG),LI={"dbc-container":"_dbc-container_1ial2_1","active-dimension":"_active-dimension_1ial2_5",otherLevels:"_otherLevels_1ial2_8"},EI=({dimensions:r,drilledLevel:t})=>A.jsx("div",{className:LI["dbc-container"],children:r.map((e,n)=>A.jsxs("span",{className:n===t?LI["active-dimension"]:LI.otherLevels,children:[e.toString()[0].toUpperCase()+e.toString().substring(1),n===r.length-1?"":" / "]}))}),NI=({globalFilters:r={tableName:"",filters:[]},metricItem:t,onMaximize:e,client:n,colors:i,param:a,companyTenancyType:o,renderHeaderName:s,isDisableCardClick:l,onArchive:c,chartRendererType:u="canvas",isDisableMorePopup:h})=>{var H,V,$,F,W,G,q;const d=R.useMemo(()=>{const Y={};if(a!=null&&a.values)for(const X in a.values){const U=`${X}_variable`;Y[U]=a.values[X]}return Y},[a==null?void 0:a.values]),[f,p]=R.useState(t.chartOptions),v=R.useRef(null),{dataDb:g,getUnderlyingData:m,handleChartClick:y,columnName:b,setShowChartPopup:w,isShowChartPopup:x,isQueryLoading:_,chartParams:D,onChangeFilterValue:I,onDrillDown:C,drilledLevel:T,dimensions:S,rlsConditions:M,setLoading:L,comparisonValue:E,setTableLimit:N,isEnableNextBtn:k,isEnablePrevBtn:O,paginationInfo:P,onChangePage:j,isExternalChart:z}=vx({metric:t,clientId:n,chartSettings:f,setChartSettings:p,globalFilters:r,rlsFilters:{param:a,filterValues:d},tenancyLevel:o});return R.useEffect(()=>{var Y,X;p(t==null?void 0:t.chartOptions),N({limit:parseInt(((X=(Y=t==null?void 0:t.chartOptions)==null?void 0:Y.tableSettings)==null?void 0:X.defaultRowSize)||"10",10),offset:0})},[t]),A.jsx(A.Fragment,{children:A.jsxs("div",{ref:v,className:pt.cardContainer,onContextMenu:Y=>{Y.preventDefault()},children:[A.jsxs("div",{className:pt.listHeader,children:[A.jsxs("div",{className:pt.metricName,children:[A.jsx(Ae,{type:"button",variant:"custom",onClick:()=>{t.clickActions.card.isEnable?L5(t.clickActions,t.metricId,t.id):e(t,{param:a,filterValues:d})},isDisabled:l,children:A.jsx(we,{variant:"h3",styleClass:"primary",className:`${pt.metricTitle} dbn-metric-card-title`,children:s?s(t.name):t.name})}),t.description&&A.jsx("span",{className:`${pt.metricDescription} dbn-metric-card-description`,children:t.description})]}),A.jsxs("div",{className:pt.features,children:[f!=null&&f.isDynamicSeries?A.jsx(mr,{options:[{value:"ungrouped",label:"ungrouped"},...((H=f.seriesOptions)==null?void 0:H.map(Y=>({value:Y,label:Y})))||[]],onChange:Y=>p(X=>({...X,seriesField:Y.value})),selectedOption:{label:(f==null?void 0:f.seriesField)||"ungrouped",value:(f==null?void 0:f.seriesField)||"ungrouped"},label:"group by",className:pt.dynamicGroupContainer,buttonClass:pt.dynamicGroupFormat}):null,(V=f==null?void 0:f.timeSeriesSettings)!=null&&V.groupBySettings.isDynamic?A.jsx(mr,{options:($=f==null?void 0:f.timeSeriesSettings)==null?void 0:$.groupBySettings.options.map(Y=>({label:Y,value:Y})),onChange:Y=>p(X=>{var U;return{...X,timeSeriesSettings:{...X==null?void 0:X.timeSeriesSettings,groupBySettings:{...(U=X==null?void 0:X.timeSeriesSettings)==null?void 0:U.groupBySettings,value:Y.value}}}}),selectedOption:{label:(F=f==null?void 0:f.timeSeriesSettings)==null?void 0:F.groupBySettings.value,value:(W=f==null?void 0:f.timeSeriesSettings)==null?void 0:W.groupBySettings.value},labelVariant:"static",className:pt.dynamicGroupContainer,buttonClass:pt.dynamicGroupFormat}):null,!h&&A.jsxs(va,{buttonClass:pt.popup,button:A.jsx(Je,{name:"more-icon",className:pt.popupIcon}),menuClass:pt.popupMenu,position:"bottom-right",className:pt.morePopup,children:[A.jsxs(Ae,{type:"button",variant:"custom",id:`metric-card-popup-btn__${t.id}`,className:`${pt.popupItem} ${pt.csvBtn}`,onClick:()=>e(t,{param:a,filterValues:d}),children:[A.jsx(Je,{name:"fullscreen-icon",className:pt.popupItemIcon}),"Enter Fullscreen"]}),c&&A.jsxs(Ae,{variant:"custom",type:"button",className:`${pt.popupItem} ${pt.csvBtn} ${pt.deleteBtn}`,onClick:()=>c(t.id),children:[A.jsx(LAe,{className:pt.popupItemIcon}),"Archive Metric"]})]})]})]}),(f==null?void 0:f.chartType)&&A.jsxs("div",{className:`${pt.metricData} ${(f==null?void 0:f.chartType)===me.table?pt.metricTable:""}`,onContextMenu:Y=>{Y.preventDefault()},children:[A.jsx(AI,{isLoading:_,isDataLength:!!(g!=null&&g.length),isSingleValue:f.singleValue,dataDb:g[0],chartType:f.chartType}),(G=M==null?void 0:M.filter(Y=>Y.isAddOnMetrics))==null?void 0:G.map(Y=>A.jsx("div",{className:f.metricFilterPosition==="top-left"?pt.topLeft:pt.topRight,children:A.jsx(lw,{rlsConditions:Y,onChangeFilterValue:I,companyId:t==null?void 0:t.companyId,integrationId:t==null?void 0:t.companyIntegrationId,integrationName:t==null?void 0:t.integrationName})})),((q=t==null?void 0:t.drillDownSettings)==null?void 0:q.isEnableGroupBy)&&!!(S!=null&&S.length)&&!!g.length&&A.jsx(EI,{dimensions:S,drilledLevel:S.length>T?T:0}),(D==null?void 0:D.name)&&b&&A.jsx(A.Fragment,{children:A.jsx(yG,{isOpen:x,setOpen:w,value:D==null?void 0:D.name,columnName:b,getUnderlyingData:m,clickBehaviourConfigs:t.clickActions.chart,elementRef:{containerRef:v,event:D.event.event},position:"dynamic"})}),g!=null&&g.length?A.jsx(cv,{data:g,chartOptions:f,events:{click:Y=>{var X;(X=t.drillDownSettings)!=null&&X.isEnableGroupBy&&C(Y)},contextmenu:Y=>{y(Y),w(!0)}},colors:i,config:{style:{height:"90%"},hideBorder:!0,chartClickConfig:t.clickActions.chart,onChartReady:()=>L(!1),opts:{renderer:u},onChangePage:j,comparisonValue:E,isExternalChart:z,isEnableNextBtn:k,isEnablePrevBtn:O,paginationInfo:P,setChartSettings:p}}):null]})]})})},PAe=({globalFilters:r={tableName:"",filters:[]},metricItem:t,client:e,param:n,companyTenancyType:i,renderHeaderName:a})=>{var C;const o={};if(n!=null&&n.values)for(const T in n.values){const S=`${T}_variable`;o[S]=n.values[T]}const[s,l]=R.useState(""),[c,u]=R.useState(""),[h,d]=R.useState([]),[f,p]=R.useState([]),[v,g]=R.useState({card:{isEnable:!1,baseUrl:"",dynamic:"none",route:"",routeType:"internal"},chart:{isEnable:!1,baseUrl:"",dynamic:"{{value}}",route:"/{{value}}",routeType:"internal"}}),[m,y]=R.useState({hideSplitLines:"none",hideAxisLines:"none",barWidth:40,barRadius:0,axisLabels:"none",fontSize:14,subHeaderShow:!1,displayText:"",subHeaderFontSize:0,dateFormatter:"none",numberFormatter:"original",xRotation:50,showLabelValues:!1}),{data:b,isLoading:w}=YL({id:t==null?void 0:t.id,clientId:e,tenancyLevel:i,rlsConditions:i==="DATABASE"?f.map(T=>({...T,tableName:`${e}.${T.tableName.split(".").slice(1).join(".")}`})):f,globalFilters:i==="DATABASE"?{...r,tableName:`${e}.${r.tableName.split(".").slice(1).join(".")}`}:r,filterValues:o},{refetchOnWindowFocus:!1});R.useEffect(()=>{l(t==null?void 0:t.chartOptions.chartType),u(t==null?void 0:t.chartOptions.singleValue),p((t==null?void 0:t.rlsConditions)||[]),y(t!=null&&t.chartOptions.customSettings?t==null?void 0:t.chartOptions.customSettings:{hideSplitLines:"none",hideAxisLines:"none",barWidth:40,barRadius:0,axisLabels:"none",fontSize:14,subHeaderShow:!1,displayText:"",subHeaderFontSize:0,dateFormatter:"none",numberFormatter:"original",xRotation:50,showLabelValues:!1}),g(t.clickActions||{card:{isEnable:!1,baseUrl:"",dynamic:"none",route:"",routeType:"internal"},chart:{isEnable:!1,baseUrl:"",dynamic:"{{value}}",route:"/{{value}}",routeType:"internal"}})},[t]),R.useEffect(()=>{var S,M;const T=(S=b==null?void 0:b.externalMetricQuery)!=null&&S.data?JSON.parse((M=b==null?void 0:b.externalMetricQuery)==null?void 0:M.data):[];d(T??[])},[(C=b==null?void 0:b.externalMetricQuery)==null?void 0:C.data]);const x=h,_=x!=null&&x.length?x==null?void 0:x.map(T=>T[c]):"",D=[{value:_[0]}],I=(T,S,M,L)=>{p(M?E=>E.map(N=>N.name===T?{...N,value:S,options:N.options.map(k=>k.name==="Custom"?{...k,...M}:k)}:N):L?E=>E.map(N=>N.name===T?{...N,value:L.map(k=>k.value)}:N):E=>E.map(N=>N.name===T?{...N,value:S}:N))};return A.jsx(A.Fragment,{children:A.jsxs("div",{className:pt.cardContainer,id:t.id,children:[A.jsxs("div",{className:pt.listHeader,children:[A.jsxs("div",{className:pt.metricName,children:[A.jsx(Ae,{type:"button",variant:"custom",isDisabled:!v.card.isEnable,className:"disabled:cursor-text",onClick:()=>L5(v,t.metricId,t.id),children:A.jsx(we,{variant:"h3",styleClass:"primary",className:`${pt.metricTitle} dbn-metric-card-title`,children:a?a(t.name):t.name})}),t.description&&A.jsx("span",{className:`${pt.metricDescription} dbn-metric-card-description`,children:t.description})]}),A.jsx("div",{className:pt.features,children:A.jsx(lw,{rlsConditions:f.find(T=>T.isAddOnMetrics),onChangeFilterValue:I,companyId:t==null?void 0:t.companyId,integrationId:t==null?void 0:t.companyIntegrationId,integrationName:t==null?void 0:t.integrationName})})]}),s&&A.jsx("div",{className:`${pt.metricData} ${pt.singleValueData}`,children:w?A.jsx(bl,{style:{width:"50px",height:"50px",color:"blue"}}):A.jsx(A.Fragment,{children:_.length?A.jsx(mW,{data:D,customSettings:m,chartClickConfig:v.chart,hideBorder:!0}):A.jsx("div",{className:pt.noData,children:A.jsxs("div",{className:pt.noDataContent,children:[A.jsx("img",{src:TI,alt:"",width:"300px",height:"300px"}),A.jsx("div",{className:pt.noDataText,children:"No Data Available"})]})})})})]})})},Zt={fullScreen:"_fullScreen_1ypw9_1",header:"_header_1ypw9_9",headerBlock:"_headerBlock_1ypw9_17",metricName:"_metricName_1ypw9_25",iconButton:"_iconButton_1ypw9_33",body:"_body_1ypw9_41",metric:"_metric_1ypw9_25",metricHeader:"_metricHeader_1ypw9_57",chartSettings:"_chartSettings_1ypw9_65",chart:"_chart_1ypw9_65",preview:"_preview_1ypw9_81",popupMenu:"_popupMenu_1ypw9_89",csvPopup:"_csvPopup_1ypw9_97",csvPopupIcon:"_csvPopupIcon_1ypw9_105",popupItem:"_popupItem_1ypw9_113",popupItemIcon:"_popupItemIcon_1ypw9_121",dynamicGroupFormat:"_dynamicGroupFormat_1ypw9_129",dynamicGroupContainer:"_dynamicGroupContainer_1ypw9_137",addFilterMenu:"_addFilterMenu_1ypw9_143",addfilter:"_addfilter_1ypw9_151",checkedOption:"_checkedOption_1ypw9_157",option:"_option_1ypw9_165",chartWrapper:"_chartWrapper_1ypw9_173"},RAe=r=>A.jsx("svg",{viewBox:"0 0 24 24",width:"1.2em",height:"1.2em",...r,children:A.jsx("path",{fill:"currentColor",d:"M2 12h2v5h16v-5h2v5c0 1.11-.89 2-2 2H4a2 2 0 0 1-2-2v-5m10 3l5.55-5.46l-1.42-1.41L13 11.25V2h-2v9.25L7.88 8.13L6.46 9.55L12 15Z"})}),$Ae=r=>A.jsx("svg",{viewBox:"0 0 24 24",width:"1.2em",height:"1.2em",...r,children:A.jsx("path",{fill:"currentColor",d:"M8.7 17.3q-.275-.275-.275-.7q0-.425.275-.7l3.9-3.9l-3.9-3.9q-.275-.275-.275-.7q0-.425.275-.7q.275-.275.7-.275q.425 0 .7.275l4.6 4.6q.15.15.213.325q.062.175.062.375t-.062.375q-.063.175-.213.325l-4.6 4.6q-.275.275-.7.275q-.425 0-.7-.275Z"})}),jAe=({data:r,chartRef:t,metricName:e,onRawCsvData:n})=>A.jsx(A.Fragment,{children:A.jsxs(va,{button:A.jsx(RAe,{}),buttonClass:Zt.iconButton,position:"bottom-right",menuClass:Zt.popupMenu,children:[A.jsxs(va,{button:A.jsxs(A.Fragment,{children:["Download CSV ",A.jsx($Ae,{className:Zt.csvPopupIcon})]}),buttonClass:Zt.popupItem,position:"left-top",menuClass:Zt.popupMenu,menuContainerClass:Zt.csvPopup,children:[A.jsx(vW,{text:"Table Results",data:r,fileName:e,className:Zt.popupItem,iconClass:Zt.popupItemIcon}),A.jsx(Ae,{type:"button",variant:"custom",size:"default",className:Zt.popupItem,onClick:n,children:"Raw Data"})]}),t&&A.jsx(yW,{text:"Save as PNG",chartRef:t,className:Zt.popupItem,iconClass:Zt.popupItemIcon,fileName:e})]})}),zAe=({filters:r,updateFilter:t})=>A.jsx(va,{button:A.jsx(Ae,{variant:"custom",type:"button",size:"small",className:Zt.addfilter,children:A.jsx(Je,{name:"plus-icon-2"})}),position:"bottom-left",children:A.jsx("div",{className:Zt.addFilterMenu,children:r.map(e=>{const n=e.isAddOnMetrics;return A.jsxs(Ae,{variant:"secondary",onClick:()=>{t(e)},className:n?Zt.checkedOption:Zt.option,children:[n?A.jsx(yx,{}):A.jsx(Qf,{}),e.name]})})})}),FAe=r=>A.jsx("svg",{viewBox:"0 0 24 24",width:"1.2em",height:"1.2em",...r,children:A.jsx("path",{fill:"none",stroke:"currentColor",strokeLinecap:"round",strokeLinejoin:"round",strokeWidth:2,d:"M4 14h6v6m10-10h-6V4m0 6l7-7M3 21l7-7"})}),kI=({metric:r,colors:t,rlsFilters:e,onMinimize:n,clientId:i,tenancyLevel:a,companyId:o,externalDashboardId:s,userProvidedDashboardId:l,isAllowedToUpdateMetrics:c,sharingSettingsId:u})=>{var X,U,Z,Q,ce,re;const h=R.useRef(),[d,f]=R.useState(!1),[p,v]=R.useState(r.chartOptions),[g,m]=R.useState(!1),y=R.useRef(null),{updateExternalMetric:b,error:w}=Xw({onSuccess:()=>{m(!1)},selectedColumns:[],companyIntegrationId:r.companyIntegrationId,query:r.query,metricQuery:r.metricQuery,integrationName:r.integrationName,outputColumns:r.outputColumns,chartSettings:p,datasetMetricSettings:r.datasetMetricSettings,clientId:i,companyId:o,isLiveMode:r.isLive,timeGrain:r.timeGrain,dashboardIds:[s],isEnableGroupBy:r.isEnableGroupBy,groupBy:r.groupBy,selectedGroupBy:r.selectedGroupBy,userProvidedDashboardId:l,metric:r,rlsFilters:e==null?void 0:e.param}),{dataDb:x,getUnderlyingData:_,handleChartClick:D,onChangeFilterValue:I,onDrillDown:C,isShowChartPopup:T,setShowChartPopup:S,columnName:M,chartParams:L,isQueryLoading:E,dimensions:N,drilledLevel:k,rlsConditions:O,setLoading:P,comparisonValue:j,setTableLimit:z,isEnableNextBtn:H,paginationInfo:V,isEnablePrevBtn:$,isExternalChart:F,groupByList:W,isEnablePivotTable:G,onChangePage:q,updateFilter:Y}=vx({metric:r,rlsFilters:e,chartSettings:p,setChartSettings:v,tenancyLevel:a,clientId:i});return R.useEffect(()=>{var J,ae;v(r.chartOptions),z({limit:parseInt(((ae=(J=r.chartOptions)==null?void 0:J.tableSettings)==null?void 0:ae.defaultRowSize)||"10",10),offset:0})},[r]),A.jsxs("dialog",{open:!0,className:Zt.fullScreen,children:[A.jsxs("section",{className:Zt.header,children:[A.jsx("div",{className:Zt.headerBlock,children:A.jsx(we,{variant:"h2",styleClass:"font-14",className:Zt.metricName,children:r.name})}),A.jsxs("div",{className:Zt.headerBlock,children:[A.jsx(Ae,{type:"button",variant:"custom",size:"default",className:Zt.iconButton,onClick:n,title:"Minimize Full Screen",children:A.jsx(FAe,{})}),A.jsx(jAe,{data:x,chartRef:h,metricName:r.name,onRawCsvData:()=>f(!0)}),c&&A.jsx(Ae,{type:"button",variant:"primary",size:"large",onClick:()=>m(!0),children:"Save Metric"})]})]}),A.jsxs("section",{className:Zt.body,children:[A.jsxs("div",{className:Zt.metric,ref:y,children:[A.jsxs("div",{className:Zt.metricHeader,children:[(X=O==null?void 0:O.filter(J=>J.isAddOnMetrics))==null?void 0:X.map(J=>A.jsx(lw,{companyId:o,integrationName:r.integrationName,integrationId:r.companyIntegrationId,rlsConditions:J,onChangeFilterValue:I})),A.jsx(zAe,{filters:O,updateFilter:Y}),!!x.length&&A.jsxs(A.Fragment,{children:[p!=null&&p.isDynamicSeries?A.jsx(mr,{options:[{value:"ungrouped",label:"ungrouped"},...((U=p.seriesOptions)==null?void 0:U.map(J=>({value:J,label:J})))||[]],onChange:J=>v(ae=>({...ae,seriesField:J.value})),selectedOption:{label:(p==null?void 0:p.seriesField)||"ungrouped",value:(p==null?void 0:p.seriesField)||"ungrouped"},label:"group by",className:Zt.dynamicGroupContainer,buttonClass:Zt.dynamicGroupFormat}):null,(Z=p.timeSeriesSettings)!=null&&Z.groupBySettings.isDynamic?A.jsx(mr,{options:p.timeSeriesSettings.groupBySettings.options.map(J=>({label:J,value:J})),onChange:J=>v(ae=>{var Ce;return{...ae,timeSeriesSettings:{...ae.timeSeriesSettings,groupBySettings:{...(Ce=ae.timeSeriesSettings)==null?void 0:Ce.groupBySettings,value:J.value}}}}),selectedOption:{label:p.timeSeriesSettings.groupBySettings.value,value:p.timeSeriesSettings.groupBySettings.value},labelVariant:"static",buttonClass:Zt.dynamicGroupFormat,className:Zt.dynamicGroupContainer}):null,A.jsx(_A,{data:x,settings:p,setSettings:v,className:Zt.chartSettings,isEnablePivotTable:G,groupbyList:W})]})]}),A.jsxs("div",{className:Zt.chartWrapper,children:[(L==null?void 0:L.name)&&M&&A.jsx(yG,{isOpen:T,setOpen:S,value:L==null?void 0:L.name,columnName:M,getUnderlyingData:_,clickBehaviourConfigs:(Q=r.clickActions)==null?void 0:Q.chart,elementRef:{containerRef:y,event:L.event.event},position:"dynamic"}),A.jsx(AI,{isLoading:E,isDataLength:!!x.length,isSingleValue:p.singleValue,dataDb:x[0],chartType:""}),((ce=r==null?void 0:r.drillDownSettings)==null?void 0:ce.isEnableGroupBy)&&!!(N!=null&&N.length)&&!!x.length&&A.jsx(EI,{dimensions:N,drilledLevel:N.length>k?k:0}),x.length?A.jsx(cv,{chartOptions:p,data:x,colors:t,events:{click:J=>{var ae;(ae=r.drillDownSettings)!=null&&ae.isEnableGroupBy&&C(J)},contextmenu:J=>{D(J),S(!0)}},className:Zt.chart,config:{ref:h,chartClickConfig:(re=r.clickActions)==null?void 0:re.chart,onColumnSizingChange:J=>v(ae=>({...ae,tableSettings:{...ae.tableSettings,columnSizing:J}})),onChartReady:()=>P(!1),onChangePage:q,comparisonValue:j,isExternalChart:F,isEnableNextBtn:H,isEnablePrevBtn:$,paginationInfo:V,setChartSettings:v}}):null]})]}),p.chartType!=="table"?A.jsx("div",{className:Zt.preview,children:A.jsx(fs,{data:x,isLoading:!1,error:"",tableName:"Table Preview",tableSettings:{enableFilter:!0,enableSorting:!0,enableStripedRows:!0,enableTableSearch:!0,showRowHover:!0,showTableTitle:!0,showTableDesc:!0,lineGap:"medium",contentAlignment:"center",hideVerticalDivider:!1}})}):null]}),A.jsx(CI,{metricItem:r,isShowRawCsvModal:d,onCloseModal:f,companyTenancyType:a,filterValues:e==null?void 0:e.filterValues,client:i,sharingSettingsId:u}),c&&A.jsx(Aa,{isOpen:g,onClose:()=>m(!1),headerTitle:"Update Metric",children:A.jsx(mx,{onCancel:()=>m(!1),onSubmit:b,dashboardIds:[s],onDashboardChange:()=>{},companyId:o,error:w,defaultValues:{name:r.name,description:r.description,isLive:r.isLive,metricId:r.isCreatedByClient?r.metricId:`update_${r.metricId}_by_${i}_${Date.now()}`},isEmbedded:!0})})]})},bG=hG.WidthProvider(hG.Responsive),wG=({chartColors:r,globalFilters:t,client:e,companyId:n,isAllowedToUpdateMetrics:i,isAllowedToDeleteMetrics:a,isAllowedToChangeLayout:o,externalDashboardMetrics:s,isMetricListLoading:l,breakpoint:c,layoutCols:u,adminLayout:h,params:d,companyTenancyType:f="TABLE",externalDashboardId:p,externalDashboardPk:v,sharingSettingsId:g})=>{const[m,y]=R.useState({id:"",show:!1}),[b,w]=R.useState({layout:[],isShow:!1}),[x,_]=R.useState({show:!1}),{saveLayout:D,layout:I,isLoadingLayout:C}=eE({clientId:e,externalDashboardId:v}),{handleArchiveMetric:T,isLoading:S}=iE({dashboardId:p,clientId:e,metricId:m.id,onSuccess:()=>y({id:"",show:!1})}),M=R.useCallback(k=>{w({isShow:!0,layout:k})},[]),L=R.useMemo(()=>{const k=s==null?void 0:s.map(z=>z.externalMetric),O=k==null?void 0:k.filter(z=>!z.isCreatedByClient),P=k==null?void 0:k.filter(z=>z.isCreatedByClient&&z.clientId===e);return[...O||[],...P||[]].sort((z,H)=>{const V=new Date(z.createdAt).getTime(),$=new Date(H.createdAt).getTime();return V-$})},[s]),E=R.useMemo(()=>L.map(O=>{const P=I.find(z=>z.i===O.id),j=h.find(z=>z.i===O.id);return{i:(P==null?void 0:P.i)||(j==null?void 0:j.i)||O.id,w:(P==null?void 0:P.w)||(j==null?void 0:j.w)||O.resizeAttributes.width||5,h:(P==null?void 0:P.h)||(j==null?void 0:j.h)||O.resizeAttributes.height||10,x:(P==null?void 0:P.x)||(j==null?void 0:j.x)||O.resizeAttributes.xAxis||0,y:(P==null?void 0:P.y)||(j==null?void 0:j.y)||O.resizeAttributes.yAxis||0,minW:O.chartOptions.chartType==="single value"?1:3,minH:O.chartOptions.chartType==="single value"?2:8,maxH:O.chartOptions.chartType==="table"?1/0:15}}),[L,h,I]),N=R.useMemo(()=>L.map(k=>A.jsx("div",{className:`${If["MetricList-wrapper"]} ${o?If["MetricList-wrapper-move"]:""}`,id:k.id,children:A.jsx(NI,{metricItem:k,onMaximize:O=>_({show:!0,metric:O}),client:e,colors:r,globalFilters:t,param:d==null?void 0:d.find(O=>O.metricId===k.metricId),companyTenancyType:f,onArchive:a?O=>y({id:O,show:!0}):void 0})},k.id)),[L,f,e,r,d,t,o,a]);return A.jsx(A.Fragment,{children:L.length&&E.length?A.jsxs(A.Fragment,{children:[A.jsxs("div",{className:If["MetricList-container"],id:"metric-list-container",children:[b.isShow&&A.jsx(gG,{isLoading:C,onCancel:()=>w(k=>({...k,isShow:!1})),onSave:async()=>{await D(b.layout,!0),w(k=>({...k,isShow:!1}))}}),A.jsx(bG,{layouts:{lg:E},onResizeStop:o?M:void 0,onDragStop:o?M:void 0,isDraggable:o,isDroppable:o,isResizable:o,rowHeight:30,breakpoints:c??{lg:1200,md:996,sm:768,xs:480,xxs:0},cols:u??{lg:12,md:12,sm:12,xs:4,xxs:2},children:N})]}),a?A.jsx(fG,{isLoading:S,isOpen:m.show,onArchive:T,onClose:()=>y({id:"",show:!1})}):null,A.jsx(Mg,{children:x.show&&x.metric&&A.jsx(kI,{metric:x.metric,rlsFilters:x.rlsFilters,colors:r,externalDashboardId:v,userProvidedDashboardId:p,tenancyLevel:f,isAllowedToUpdateMetrics:i,clientId:e,companyId:n,onMinimize:()=>_({show:!1,metric:void 0}),sharingSettingsId:g})})]}):A.jsx(A.Fragment,{children:l?A.jsx("div",{className:If["alt-container"],children:A.jsx(bl,{style:{width:"50px",height:"50px",color:"blue"}})}):A.jsx("div",{className:If["noMetric-container"],children:A.jsx("div",{className:If["noMetric-wrapper"],children:A.jsx(we,{variant:"h2",styleClass:"primary",children:"No metrics created yet"})})})})})},Ro={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"},BAe=({data:r,isError:t})=>A.jsxs("div",{className:Ro.container,children:[!!(r!=null&&r.length)&&!t&&A.jsxs("table",{className:Ro.table,children:[A.jsx("thead",{className:Ro.tableHead,children:A.jsx("tr",{className:Ro.tableRow,children:Object.keys(r[0]).map(e=>A.jsx("th",{className:Ro.tableHeadCol,scope:"col",children:A.jsx(we,{styleClass:"font-14c",variant:"h1",className:Ro.tableHeadColText,children:e})},e))})}),A.jsx("tbody",{children:r==null?void 0:r.map((e,n)=>A.jsx("tr",{children:Object.keys(r[0]).map((i,a)=>A.jsx("td",{className:Ro.tableRowCol,children:A.jsx(we,{styleClass:"font-14",variant:"p",className:Ro.tableColText,children:JSON.stringify(e[i])})},a))},n))})]}),!(r!=null&&r.length)&&!t&&A.jsx("div",{className:Ro.empty,children:"Table is empty"}),t&&A.jsx("div",{className:Ro.error,children:r.message})]}),VAe={loader:"_loader_j0yem_1"},xG=()=>A.jsx("div",{className:VAe.loader,children:A.jsx(bl,{style:{width:"50px",height:"50px",color:"blue"}})}),HAe=Object.freeze(Object.defineProperty({__proto__:null,Alert:Db,AppliedFilter:hW,ArchiveMetricModal:fG,Button:Ae,Chart:cv,ChartConfig:lE,ChartConfigure:MW,ChartImageDownloadButton:yW,ChartModalOptions:uE,ChartPopup:mG,ChartSettings:TW,ChartSettingsPopup:_A,ChartTab:AW,ConstructMetric:eU,CsvDownloadButton:vW,DataType:gx,Dataset:wW,DateRangePicker:pA,DownloadRawCsvModal:CI,DrillBreadCrumb:EI,DropDown:l6,EmbeddedMetricCreation:tU,Error:Yf,ErrorFallback:hE,ExternalMetricForm:mx,ExternalMetricList:wG,FilterDropDown:Dg,FilterField:wbe,FilterPopup:vA,FloatingDropDown:mr,FullScreenChart:fV,FullScreenView:kI,GlobalFilters:dW,GridLayout:bG,Header:bW,HookMultiSelect:sE,HookSelect:Gf,Icons:Je,InfoTooltip:Wr,InputField:Ge,InputTables:BDe,LayoutAlert:gG,Loader:xG,MetricCard:NI,MetricChart:sMe,MetricFilterDropDown:lw,MetricForm:KW,MetricOutput:LW,MetricTable:BAe,Modal:Aa,ModalFooter:Bc,MultiFilterDropdown:qf,MultiFloatingDropDown:Zf,MultiSelect:Bi,NoDataLoading:AI,NumberFilterField:xT,OldMultiSelect:u6,OldSelect:s6,PopoverMenu:va,Portal:Mg,SearchTab:Vl,Select:lr,SelectField:f6,SelectWithSubValue:oE,SingleValueCard:PAe,Tab:Av,Table:fs,TableTab:IW,TableViewModal:IAe,TagInputField:pG,Text:we,TextAreaField:fE,TimeGrainField:EW,ToggleButton:dE,Tooltip:pW,getFormattedFilterValue:fW,isInFilterOperator:wT,isNullFilterOperator:K0},Symbol.toStringTag,{value:"Module"})),WAe={scheduleEmailButton:"_scheduleEmailButton_13nzt_1"},gi={"form-wrapper":"_form-wrapper_ynoky_1","form-primary-text":"_form-primary-text_ynoky_5","week-days-container":"_week-days-container_ynoky_9","main-label":"_main-label_ynoky_12","time-element":"_time-element_ynoky_16","schedule-time":"_schedule-time_ynoky_19","cancel-btn":"_cancel-btn_ynoky_23","delete-btn":"_delete-btn_ynoky_26","field-width":"_field-width_ynoky_29","timezone-field":"_timezone-field_ynoky_33","success-text":"_success-text_ynoky_37"},_G=R.createContext({isLoading:void 0,data:void 0,token:void 0,pluginRef:void 0}),SG=()=>R.useContext(_G),UAe=(r,t)=>{const e=t.getTimezoneOffset()*-1;return new Date(t.toLocaleString("en-US",{timeZone:r})).getTimezoneOffset()*-1-e},GAe=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=(ax.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=UAe(r.timezone,e);e.setTime(e.getTime()+n*6e4)}return e},YAe=({onCancel:r})=>{var N;const{register:t,handleSubmit:e,watch:n,control:i,setValue:a,getValues:o,reset:s}=ng(),{data:l,token:c}=SG(),{data:u,isLoading:h}=cQ({token:c}),d=R.useMemo(()=>{var k;if((k=u==null?void 0:u.scheduleEmailReports)!=null&&k.length)return u==null?void 0:u.scheduleEmailReports[0]},[u]);R.useEffect(()=>{d?s({...d.timeConfigurations}):(a("time","PM"),a("timezone","Asia/Kolkata"),a("frequency","Monthly"))},[d]);const[f,p]=R.useState(!1),[v,g]=R.useState(""),[m,y]=R.useState(!1),[b,w]=R.useState(!1),x="",_=((N=l==null?void 0:l.externalDashboardMetrics)==null?void 0:N.map(k=>({value:k.externalMetric.id,label:k.externalMetric.name})))||[],D=kQ(),I=N8(),C=O8(),T=(k,O)=>k.charts.length===0?(g("please select at least one chart to share"),p(!1),y(!1),!1):k.emails.length===0?(g("please add at least one email address"),p(!1),y(!1),!1):O?!0:(g("invalid time configurations"),p(!1),y(!1),!1),S=k=>{var Y,X;g(""),p(!0),y(!1);const{subject:O,emails:P,frequency:j,weekDays:z,date:H,hours:V,time:$,timezone:F}=k,W=GAe({date:H,frequency:j,hours:V,time:$,timezone:F,weekDays:z});if(!T(k,W))return;const q=(Y=k.charts)==null?void 0:Y.map(U=>({externalMetricId:U}));d?I.mutate({scheduleEmailReportId:d.id},{onSuccess({delete_scheduleEmailReportCharts:U}){var Z;U!=null&&U.affected_rows?D.mutate({emails:P,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:O,timeConfigurations:k},{onSuccess({insert_scheduleEmailReports_one:Q}){Q!=null&&Q.id?(g(""),p(!1),y(!0)):(g(an),p(!1),y(!1))},onError(){g(an),p(!1),y(!1)}}):(g(an),p(!1),y(!1))},onError(){g(an),p(!1),y(!1)}}):D.mutate({emails:P,externalDashboardId:(X=l==null?void 0:l.externalDashboard)==null?void 0:X.id,data:q,guestToken:c,nextScheduledAt:W,sharingSettingsId:l==null?void 0:l.sharingSettingsId,subject:O,timeConfigurations:k},{onSuccess({insert_scheduleEmailReports_one:U}){U!=null&&U.id?(g(""),p(!1),y(!0)):(g(an),p(!1),y(!1))},onError(){g(an),p(!1),y(!1)}})},M=()=>{g(""),p(!0),w(!1),y(!1),C.mutate({id:d==null?void 0:d.id},{onSuccess({delete_scheduleEmailReports_by_pk:k}){k!=null&&k.id?(g(""),p(!1),w(!0),s({subject:"",emails:[],charts:[]}),r()):(g(an),p(!1),w(!1))},onError(){g(an),p(!1),w(!1)}})},L=e(S),E=e(M);return{register:t,handleSubmit:e,watch:n,control:i,setValue:a,getValues:o,reset:s,dashboardName:x,chartOptions:_,onSave:L,isLoading:f,isSuccess:m,error:v,isLoadingData:h,scheduleReportConfig:d,onDelete:E,isDeleted:b}},QAe=({onCancel:r})=>{var v;const{control:t,getValues:e,register:n,setValue:i,watch:a,dashboardName:o,chartOptions:s,onSave:l,isLoading:c,error:u,isSuccess:h,scheduleReportConfig:d,onDelete:f,isDeleted:p}=YAe({onCancel:r});return A.jsxs("form",{className:gi["form-container"],onSubmit:l,children:[A.jsxs("div",{className:gi["form-wrapper"],children:[A.jsxs(we,{variant:"p",styleClass:"font-14",className:gi["form-primary-text"],children:["Schedule an email report for Dashboard:",A.jsx(we,{variant:"span",styleClass:"primary",children:o})]}),A.jsx(Ge,{label:"Subject Line",placeholder:"Weekly Report - Sales Overview 2023",register:n("subject",Ef)}),A.jsx(vG,{control:t,type:"text",label:"Send to",placeholder:"Enter email addresses",onChangeTags:g=>i("emails",g),defaultTagValue:(v=d==null?void 0:d.timeConfigurations)==null?void 0:v.emails}),A.jsx(sE,{control:t,name:"charts",options:s,label:"Charts to Attach",defaultValue:[]}),A.jsx(Gf,{label:"Frequency of emails",options:JL,control:t,name:"frequency",defaultValue:"Monthly"}),a().frequency!=="Monthly"?A.jsx("div",{className:gi["week-days-container"],children:ax.map(g=>A.jsx(Ge,{label:g.label,type:"checkbox",register:n(`weekDays.${g.value}`),isDisabled:a().frequency==="Daily"},g.value))}):A.jsx("div",{children:A.jsx(Zf,{label:"Choose Dates",selectedOptions:e().date||[],options:KL,onChange:g=>i("date",g)})}),A.jsxs("div",{className:gi["schedule-time"],children:[A.jsx(we,{variant:"span",styleClass:"custom",className:gi["main-label"],children:"Scheduled Time"}),A.jsxs("div",{className:gi["time-element"],children:[A.jsx(Ge,{type:"number",className:gi["field-width"],min:0,max:11,register:n("hours",Ef),defaultValue:5}),A.jsx(Gf,{options:XL,control:t,name:"time",className:gi["timezone-field"],defaultValue:"PM"}),A.jsx(Gf,{options:qL,control:t,name:"timezone",className:gi["timezone-field"],defaultValue:"IST"})]})]}),u&&A.jsx(Yf,{message:u}),h&&A.jsx(we,{variant:"p",styleClass:"font-14b",className:gi["success-text"],children:"Scheduled successfully!"}),p&&A.jsx(we,{variant:"p",styleClass:"font-14b",className:gi["success-text"],children:"Deleted successfully!"})]}),A.jsxs(Bc,{children:[d?A.jsx(Ae,{type:"reset",variant:"reject",className:gi["delete-btn"],size:"default",onClick:()=>{f()},isDisabled:c,children:"Delete"}):A.jsx(Ae,{type:"reset",variant:"secondary",className:gi["cancel-btn"],size:"default",onClick:()=>r(),isDisabled:c,children:"Cancel"}),A.jsx(Ae,{variant:"primary",type:"submit",size:"default",isDisabled:c,children:d?"Update":"Save"})]})]})},ZAe=r=>A.jsx("svg",{viewBox:"0 0 2048 2048",width:"1.2em",height:"1.2em",...r,children:A.jsx("path",{fill:"currentColor",d:"M960 1100L128 565v971h768v128H0V384h1920v601q-13-9-29-19t-33-20t-34-18t-32-13V565l-832 535zm678-588H282l678 436l678-436zm410 1024q0 106-40 199t-109 163t-163 110t-200 40q-106 0-199-40t-163-109t-110-163t-40-200q0-106 40-199t109-163t163-110t200-40q106 0 199 40t163 109t110 163t40 200zm-512 384q79 0 149-30t122-82t83-122t30-150q0-79-30-149t-82-122t-123-83t-149-30q-80 0-149 30t-122 82t-83 123t-30 149q0 80 30 149t82 122t122 83t150 30zm0-640v256h192v128h-320v-384h128z"})}),qAe=()=>{const[r,t]=R.useState(!1);return A.jsxs("div",{children:[A.jsx(Ae,{variant:"custom",type:"button",onClick:()=>t(!0),title:"email-sharing",className:WAe.scheduleEmailButton,children:A.jsx(ZAe,{})}),A.jsx(Aa,{isOpen:r,onClose:()=>t(!1),headerTitle:"Schedule Email",children:A.jsx(QAe,{onCancel:()=>t(!1)})})]})},MG=R.memo(({options:r,theme:t})=>{var h,d,f;const{data:e,isLoading:n}=SG(),[i,a]=R.useState(!1),[o,s]=R.useState({tableName:"",filters:[]}),{data:l}=pQ({companyId:e==null?void 0:e.companyId},{enabled:!!(e!=null&&e.companyId),refetchOnWindowFocus:!1}),[c,u]=R.useMemo(()=>{var v,g,m,y;const p=(y=(m=(g=(v=l==null?void 0:l.themes[0])==null?void 0:v.chart)==null?void 0:g.palettes)==null?void 0:m.find(b=>{var w,x;return b.name===((x=(w=l.themes[0])==null?void 0:w.chart)==null?void 0:x.selected)}))==null?void 0:y.colors;return[l==null?void 0:l.themes[0],p]},[l==null?void 0:l.themes[0]]);return ox(c),A.jsx(A.Fragment,{children:A.jsxs("div",{className:`${Ec["embedDashboard-container"]} dbn-dashboard`,children:[((h=e==null?void 0:e.externalDashboard)==null?void 0:h.id)&&!n&&A.jsxs(A.Fragment,{children:[A.jsxs("div",{className:Ec["embedDashboard-header"],children:[A.jsx(we,{variant:"h1",styleClass:"custom",className:Ec.dashboardName,children:e.externalDashboard.name}),A.jsxs("div",{children:[e.sharingSettingsId&&A.jsx(qAe,{}),!(r!=null&&r.disableMetricCreation)&&e.isAllowedToCreateMetrics&&A.jsxs(A.Fragment,{children:[A.jsx(Ae,{type:"button",variant:"primary",size:"large",onClick:()=>a(!0),children:"Create Metric"}),A.jsx(tU,{clientId:e.clientId,companyId:e.companyId,isLiveMode:e.isLiveMode,externalDashboardId:e.externalDashboard.id,chartColors:u??(r==null?void 0:r.chartColors),isShowMetricCreateModal:i,setShowMetricCreateModal:a,workspaceId:(d=e.workspace)==null?void 0:d.id,userProvidedDashboardId:e.externalDashboardId})]})]})]}),A.jsxs("div",{className:Ec["embedDashboard-wrapper"],children:[e.externalDashboard.filters.length?A.jsx(dW,{companyId:e.companyId,externalDashboardId:e.externalDashboard.id,filters:e.externalDashboard.filters,onApply:p=>{s(p)}}):null,A.jsx(wG,{client:e.clientId,companyId:e.companyId,externalDashboardId:e.externalDashboardId,externalDashboardPk:e.externalDashboard.id,adminLayout:e.externalDashboard.layout,isAllowedToDeleteMetrics:!(r!=null&&r.disableMetricDeletion)&&e.isAllowedToDeleteMetrics,isAllowedToUpdateMetrics:!(r!=null&&r.disableMetricUpdation)&&e.isAllowedToUpdateMetrics,isAllowedToChangeLayout:!(r!=null&&r.disableLayoutCustomization)&&e.isAllowedToChangeLayout,externalDashboardMetrics:e.externalDashboardMetrics,isMetricListLoading:n,globalFilters:o,breakpoint:t==null?void 0:t.breakpoint,layoutCols:t==null?void 0:t.metricLayoutCols,chartColors:u??(r==null?void 0:r.chartColors),params:Array.isArray(e.rlsSettings)?e.rlsSettings:[],companyTenancyType:e.companyTenancyType,sharingSettingsId:e.sharingSettingsId})]})]}),n&&A.jsx("div",{className:Ec["alt-container"],children:A.jsx(bl,{style:{width:"50px",height:"50px",color:"blue"}})}),!n&&!((f=e==null?void 0:e.externalDashboard)!=null&&f.id)&&A.jsx("div",{className:Ec["alt-container"],children:"Invalid token or Dashboard id"})]})})}),XAe=({token:r,dashboardId:t,children:e})=>{const{data:n,isLoading:i}=QL({token:r,dashboardId:t}),a=R.useMemo(()=>({data:n,isLoading:i,token:r}),[n,i,r]);return A.jsx(_G.Provider,{value:a,children:e})};var KAe=function(t,e){return t===void 0&&(t=[]),e===void 0&&(e=[]),t.length!==e.length||t.some(function(n,i){return!Object.is(n,e[i])})},DG={error:null},JAe=function(r){Hl(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=DG,n.resetErrorBoundary=function(){for(var s,l=arguments.length,c=new Array(l),u=0;u<l;u++)c[u]=arguments[u];n.props.onReset==null||(s=n.props).onReset.apply(s,c),n.reset()},n}t.getDerivedStateFromError=function(i){return{error:i}};var e=t.prototype;return e.reset=function(){this.setState(DG)},e.componentDidCatch=function(i,a){var o,s;(o=(s=this.props).onError)==null||o.call(s,i,a)},e.componentDidUpdate=function(i,a){var o=this.state.error,s=this.props.resetKeys;if(o!==null&&a.error!==null&&KAe(i.resetKeys,s)){var l,c;(l=(c=this.props).onResetKeysChange)==null||l.call(c,i.resetKeys,s),this.reset()}},e.render=function(){var i=this.state.error,a=this.props,o=a.fallbackRender,s=a.FallbackComponent,l=a.fallback;if(i!==null){var c={error:i,resetErrorBoundary:this.resetErrorBoundary};if(lt.isValidElement(l))return l;if(typeof o=="function")return o(c);if(s)return lt.createElement(s,c);throw new Error("react-error-boundary requires either a fallback, fallbackRender, or FallbackComponent prop")}return this.props.children},t}(lt.Component);const eIe=new g8({defaultOptions:{queries:{refetchOnWindowFocus:!1}}}),OI=({children:r,theme:t})=>(R.useEffect(()=>{!t||!Object.keys(t).length||dV(t)},[t]),R.useEffect(()=>{const e=document.querySelector("#dbn-styles"),n=document.querySelector("dbn-dashboard"),i=document.querySelectorAll("dbn-metric");if(n!=null&&n.shadowRoot&&e&&!n.shadowRoot.getElementById("dbn-dashboard-style")){const a=document.createElement("style");a.innerHTML=e.innerHTML,a.setAttribute("id","dbn-dashboard-style"),n.shadowRoot.appendChild(a)}i.forEach((a,o)=>{if(a.shadowRoot&&e&&!a.shadowRoot.getElementById(`dbn-metric-${o}-style`)){const s=document.createElement("style");s.innerHTML=e.innerHTML,s.setAttribute("id",`dbn-metric-${o}-style`),a.shadowRoot.appendChild(s)}})},[]),A.jsx(JAe,{FallbackComponent:hE,children:A.jsx(_8,{client:eIe,children:r})})),kze="",tIe=({token:r,options:t,theme:e,dashboardId:n})=>A.jsx(OI,{theme:e,children:A.jsx(XAe,{token:r,dashboardId:n,children:A.jsx(MG,{options:t,theme:e})})}),CG={metric:"_metric_1pdqp_1",loader:"_loader_1pdqp_7"},rIe=R.memo(({token:r,chartColors:t,metricId:e,chartRendererType:n="canvas",variant:i="card",onMinimize:a})=>{const[o,s]=R.useState({isShow:i==="fullscreen"}),{externalMetric:l,adminColors:c,rlsSettings:u,sharingSettingsId:h,companyId:d,clientId:f,tenancyLevel:p,isLoading:v,errorMsg:g}=aE({token:r,metricId:e});return A.jsxs(A.Fragment,{children:[v?A.jsx("div",{className:CG.loader,children:A.jsx(xG,{})}):null,g||null,l&&!v?A.jsxs(A.Fragment,{children:[i==="card"&&A.jsx(NI,{metricItem:l,client:f,colors:c||t,onMaximize:(m,y)=>s({isShow:!0,rlsFilters:y}),companyTenancyType:p,chartRendererType:n,param:u}),A.jsx(Mg,{children:o.isShow||i==="fullscreen"?A.jsx(kI,{metric:l,clientId:f,colors:c||t,onMinimize:()=>{s({isShow:!1}),a==null||a()},companyId:d,tenancyLevel:p,rlsFilters:o.rlsFilters,sharingSettingsId:h,externalDashboardId:"",userProvidedDashboardId:""}):null})]}):null]})}),nIe=R.memo(({theme:r,width:t,height:e,style:n,className:i="",...a})=>A.jsx("div",{style:{...n,width:t?`${t}px`:void 0,height:e?`${e}px`:void 0},className:`${CG.metric} ${i} dbn-metric`,children:A.jsx(OI,{theme:r,children:A.jsx(rIe,{...a})})})),iIe=Object.freeze(Object.defineProperty({__proto__:null},Symbol.toStringTag,{value:"Module"}));pn.Dashboard=tIe,pn.EmbeddedDashboard=MG,pn.Metric=nIe,pn.PluginProvider=OI,pn.Ui=HAe,pn.consts=JQ,pn.helpers=Cbe,pn.hooks=o6,pn.types=iIe,pn.utils=bbe,Object.defineProperty(pn,Symbol.toStringTag,{value:"Module"})});

package/dist/webcomponents.es.js

@@ -58819,51 +58819,55 @@ const lxe = new OY({
     token: r,
     chartColors: t,
     metricId: e,
-    chartRendererType: n = "canvas"
+    chartRendererType: n = "canvas",
+    variant: i = "card",
+    onMinimize: a
   }) => {
-    const [i, a] = ge({
-      isShow: !1
+    const [o, s] = ge({
+      isShow: i === "fullscreen"
     }), {
-      externalMetric: o,
-      adminColors: s,
-      rlsSettings: l,
-      sharingSettingsId: c,
-      companyId: u,
-      clientId: h,
-      tenancyLevel: f,
-      isLoading: d,
-      errorMsg: p
+      externalMetric: l,
+      adminColors: c,
+      rlsSettings: u,
+      sharingSettingsId: h,
+      companyId: f,
+      clientId: d,
+      tenancyLevel: p,
+      isLoading: v,
+      errorMsg: g
     } = M8({
       token: r,
       metricId: e
     });
     return /* @__PURE__ */ N.jsxs(N.Fragment, { children: [
-      d ? /* @__PURE__ */ N.jsx("div", { className: cH.loader, children: /* @__PURE__ */ N.jsx(x$e, {}) }) : null,
-      p || null,
-      o && !d ? /* @__PURE__ */ N.jsxs(N.Fragment, { children: [
-        /* @__PURE__ */ N.jsx(
+      v ? /* @__PURE__ */ N.jsx("div", { className: cH.loader, children: /* @__PURE__ */ N.jsx(x$e, {}) }) : null,
+      g || null,
+      l && !v ? /* @__PURE__ */ N.jsxs(N.Fragment, { children: [
+        i === "card" && /* @__PURE__ */ N.jsx(
           lG,
           {
-            metricItem: o,
-            client: h,
-            colors: s || t,
-            onMaximize: (v, g) => a({ isShow: !0, rlsFilters: g }),
-            companyTenancyType: f,
+            metricItem: l,
+            client: d,
+            colors: c || t,
+            onMaximize: (m, y) => s({ isShow: !0, rlsFilters: y }),
+            companyTenancyType: p,
             chartRendererType: n,
-            param: l
+            param: u
           }
         ),
-        /* @__PURE__ */ N.jsx(ND, { children: i.isShow ? /* @__PURE__ */ N.jsx(
+        /* @__PURE__ */ N.jsx(ND, { children: o.isShow || i === "fullscreen" ? /* @__PURE__ */ N.jsx(
           uG,
           {
-            metric: o,
-            clientId: h,
-            colors: s || t,
-            onMinimize: () => a({ isShow: !1 }),
-            companyId: u,
-            tenancyLevel: f,
-            rlsFilters: i.rlsFilters,
-            sharingSettingsId: c,
+            metric: l,
+            clientId: d,
+            colors: c || t,
+            onMinimize: () => {
+              s({ isShow: !1 }), a == null || a();
+            },
+            companyId: f,
+            tenancyLevel: p,
+            rlsFilters: o.rlsFilters,
+            sharingSettingsId: h,
             externalDashboardId: "",
             userProvidedDashboardId: ""
           }
@@ -92816,7 +92820,9 @@ const P$e = L$(fxe, {
     height: "number",
     width: "number",
     className: "string",
-    style: "json"
+    style: "json",
+    variant: "string",
+    onMinimize: "function"
   },
   shadow: "open"
 });

package/dist/webcomponents.umd.js

@@ -605,7 +605,7 @@ echarts.use([`+M+"]);":"Unknown series "+x))}return}if(h==="tooltip"){if(b){proc
  * @copyright (c) 2099 Kent C. Dodds
  * @author Kent C. Dodds <me@kentcdodds.com> (https://kentcdodds.com)
  */const ii={CASE_SENSITIVE_EQUAL:7,EQUAL:6,STARTS_WITH:5,WORD_STARTS_WITH:4,CONTAINS:3,ACRONYM:2,MATCHES:1,NO_MATCH:0};function bye(r,t,e){var n;if(e=e||{},e.threshold=(n=e.threshold)!=null?n:ii.MATCHES,!e.accessors){const o=e5(r,t,e);return{rankedValue:r,rank:o,accessorIndex:-1,accessorThreshold:e.threshold,passed:o>=e.threshold}}const i=xye(r,e.accessors),a={rankedValue:r,rank:ii.NO_MATCH,accessorIndex:-1,accessorThreshold:e.threshold,passed:!1};for(let o=0;o<i.length;o++){const s=i[o];let l=e5(s.itemValue,t,e);const{minRanking:c,maxRanking:u,threshold:h=e.threshold}=s.attributes;l<c&&l>=ii.MATCHES?l=c:l>u&&(l=u),l=Math.min(l,u),l>=h&&l>a.rank&&(a.rank=l,a.passed=!0,a.accessorIndex=o,a.accessorThreshold=h,a.rankedValue=s.itemValue)}return a}function e5(r,t,e){return r=t5(r,e),t=t5(t,e),t.length>r.length?ii.NO_MATCH:r===t?ii.CASE_SENSITIVE_EQUAL:(r=r.toLowerCase(),t=t.toLowerCase(),r===t?ii.EQUAL:r.startsWith(t)?ii.STARTS_WITH:r.includes(` ${t}`)?ii.WORD_STARTS_WITH:r.includes(t)?ii.CONTAINS:t.length===1?ii.NO_MATCH:wye(r).includes(t)?ii.ACRONYM:_ye(r,t))}function wye(r){let t="";return r.split(" ").forEach(n=>{n.split("-").forEach(a=>{t+=a.substr(0,1)})}),t}function _ye(r,t){let e=0,n=0;function i(l,c,u){for(let h=u,f=c.length;h<f;h++)if(c[h]===l)return e+=1,h+1;return-1}function a(l){const c=1/l,u=e/t.length;return ii.MATCHES+u*c}const o=i(t[0],r,0);if(o<0)return ii.NO_MATCH;n=o;for(let l=1,c=t.length;l<c;l++){const u=t[l];if(n=i(u,r,n),!(n>-1))return ii.NO_MATCH}const s=n-o;return a(s)}function t5(r,t){let{keepDiacritics:e}=t;return r=`${r}`,e||(r=yye(r)),r}function Sye(r,t){let e=t;typeof t=="object"&&(e=t.accessor);const n=e(r);return n==null?[]:Array.isArray(n)?n:[String(n)]}function xye(r,t){const e=[];for(let n=0,i=t.length;n<i;n++){const a=t[n],o=Mye(a),s=Sye(r,a);for(let l=0,c=s.length;l<c;l++)e.push({itemValue:s[l],attributes:o})}return e}const r5={maxRanking:1/0,minRanking:-1/0};function Mye(r){return typeof r=="function"?r5:{...r5,...r}}const Rt={"table-loader-container":"_table-loader-container_1tb4r_1",tableData:"_tableData_1tb4r_7",tableScroll:"_tableScroll_1tb4r_13",tableHeadCol:"_tableHeadCol_1tb4r_19",resizer:"_resizer_1tb4r_25",resizing:"_resizing_1tb4r_37",tableRow:"_tableRow_1tb4r_43",tableRowCol:"_tableRowCol_1tb4r_49",truncateText:"_truncateText_1tb4r_57",row:"_row_1tb4r_65",container:"_container_1tb4r_71",table:"_table_1tb4r_1",previewTable:"_previewTable_1tb4r_83",preview:"_preview_1tb4r_83",searchButton:"_searchButton_1tb4r_95",previewText:"_previewText_1tb4r_101",noData:"_noData_1tb4r_107",error:"_error_1tb4r_113",errorMsg:"_errorMsg_1tb4r_119",tableIcon:"_tableIcon_1tb4r_125",stripedRow:"_stripedRow_1tb4r_131",rowHover:"_rowHover_1tb4r_137",rightBorder:"_rightBorder_1tb4r_143",searchContainer:"_searchContainer_1tb4r_149",sortButton:"_sortButton_1tb4r_155",searchTab:"_searchTab_1tb4r_161",searchTabInput:"_searchTabInput_1tb4r_167",searchTabIcon:"_searchTabIcon_1tb4r_173",noDataHead:"_noDataHead_1tb4r_179",noDataBody:"_noDataBody_1tb4r_185",showSort:"_showSort_1tb4r_191",noSort:"_noSort_1tb4r_197",pagination:"_pagination_1tb4r_203",rowStyle:"_rowStyle_1tb4r_209",rowText:"_rowText_1tb4r_215",rowsDropdown:"_rowsDropdown_1tb4r_221",pageStyle:"_pageStyle_1tb4r_227",buttonContainer:"_buttonContainer_1tb4r_233",button:"_button_1tb4r_233",paginationWrapper:"_paginationWrapper_1tb4r_251",current:"_current_1tb4r_257",textTruncate:"_textTruncate_1tb4r_263"},Cye=({value:r,onChange:t,debounce:e=500,...n})=>{const[i,a]=$.useState(r);return $.useEffect(()=>{a(r)},[r]),$.useEffect(()=>{const o=setTimeout(()=>{t(i)},e);return()=>clearTimeout(o)},[e,t,i]),L.jsxs("div",{className:`${Rt.searchTab} ${n.className||""}`,children:[L.jsx("input",{...n,value:i,onChange:o=>a(o.target.value),className:Rt.searchTabInput}),i.toString().length?"":L.jsx(MA,{className:Rt.searchTabIcon,color:"#C7C7C7",width:"30px",height:"30px"})]})},Dye="data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz48c3ZnIGlkPSJMYXllcl8xIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCA1MDAgNTAwIj48ZGVmcz48c3R5bGU+LmNscy0xe3N0cm9rZTojMTgyYzYwO30uY2xzLTEsLmNscy0ye2ZpbGw6bm9uZTtzdHJva2UtbGluZWNhcDpyb3VuZDtzdHJva2UtbGluZWpvaW46cm91bmQ7fS5jbHMtM3tmaWxsOiM1ODY1ZjY7b3BhY2l0eTouMTt9LmNscy00e2ZpbGw6I2YyZjNmNDt9LmNscy01e2ZpbGw6I2MxYzdjOTt9LmNscy02e2ZpbGw6IzE4MmM2MDt9LmNscy0ye3N0cm9rZTojNTg2NWY2O3N0cm9rZS13aWR0aDo0cHg7fTwvc3R5bGU+PC9kZWZzPjxwYXRoIGNsYXNzPSJjbHMtMyIgZD0ibTI3MS4xMSwxNzkuNzJsLS4wOSwyMC4zM3MuMTksNC4wNS4zOCw0LjUyLjc1LDEuODgsMS40MSwyLjM1LDEuMjcuOTksMi4yMSwxLjMyLDEuMTguNjEsMi42NC42MSwyMi42OC4wNSwyMi42OC4wNWwtMjkuMjItMjkuMThaIi8+PGxpbmUgY2xhc3M9ImNscy0xIiB4MT0iMjAzLjcxIiB5MT0iMjA4LjAxIiB4Mj0iMjM0LjkyIiB5Mj0iMjA4LjAxIi8+PGxpbmUgY2xhc3M9ImNscy0yIiB4MT0iMjAzLjcxIiB5MT0iMTk3LjM0IiB4Mj0iMjQ4LjA0IiB5Mj0iMTk3LjM0Ii8+PHJlY3QgY2xhc3M9ImNscy0xIiB4PSIyMDIuMyIgeT0iMjMwLjM2IiB3aWR0aD0iODkuOTUiIGhlaWdodD0iNjIuNjciIHJ4PSIzLjIxIiByeT0iMy4yMSIvPjxnPjxwYXRoIGNsYXNzPSJjbHMtMSIgZD0ibTMwMC40OSwyMDguOTl2OTkuOTljMCwzLjU1LTIuODgsNi40My02LjQzLDYuNDNoLTkzLjIzYy0zLjU1LDAtNi40My0yLjg4LTYuNDMtNi40M3YtMTIzLjA3YzAtMy41NSwyLjg4LTYuNDMsNi40My02LjQzaDcwLjI5Ii8+PHBhdGggY2xhc3M9ImNscy0xIiBkPSJtMjcxLjE1LDE3OS40OHYyMi45MWMwLDMuNTUsMi44OCw2LjQzLDYuNDMsNi40M2gyMi45MXMtMjkuMzQtMjkuNDgtMjkuMzQtMjkuMzRaIi8+PC9nPjxwYXRoIGNsYXNzPSJjbHMtMSIgZD0ibTMwNS40OSwyMTMuOTl2OTkuOTljMCwzLjU1LTIuODgsNi40My02LjQzLDYuNDNoLTkzLjIzYy0yLjk1LDAtNS40My0xLjk4LTYuMTktNC42OSIvPjxwYXRoIGNsYXNzPSJjbHMtMSIgZD0ibTMwNS40OSwyMTMuODJzLTIuMTMtMi4xNC01LjI0LTUuMjYiLz48cGF0aCBjbGFzcz0iY2xzLTYiIGQ9Im0xOTkuNTQsMzE1LjUzcy4yOCwxLjA0LjY2LDEuNi41NiwxLjA4LDEuMzIsMS42OSwyLjEyLDEuNDYsMi40LDEuNTEsMi43My4yNCwzLjg2LjE5LDIwLjM4LS4wOSwyMC4zOC0uMDloMjMuNjdzMTcuMDQtLjA1LDE3LjA0LS4wNWwxNy42OS4xNCwxMi43NS0uMTRzMS45OC0uMTksMi43OC0uNzEsMS42NS0xLjA0LDIuMTItMS44NCwxLjIyLTEuODQsMS4yNy0yLjM1LjE0LTE0LjQuMTQtMTQuNGwtLjE5LTExLjYyLjA5LTExLjk1di0yMi4xMnMtLjA1LTE4LjEyLS4wNS0xOC4xMnYtMjMuMzRzLTUuMDQtNS4yMi01LjA0LTUuMjJsLjA1LDI1LjYuMTQsMjguOTktLjA1LDEzLjg0LS4wNSw5Ljc0djEwLjRzMCw5Ljc5LDAsOS43OWMwLDAsLjE5LDMuMDYtLjQ3LDQuMDlzLTEuMzYsMi4zNS0yLjIxLDIuOTYtMi4wNywxLjE4LTQuNzEsMS4yMi0xNC44Ny4wNS0xNC44Ny4wNWwtMjEuNzktLjA1aC0xNi4wNWwtMjUuODguMDUtMTUuMDEuMTRaIi8+PGxpbmUgY2xhc3M9ImNscy0xIiB4MT0iMjAyLjYzIiB5MT0iMjM5LjAzIiB4Mj0iMjkyLjAxIiB5Mj0iMjM5LjAzIi8+PGxpbmUgY2xhc3M9ImNscy0xIiB4MT0iMjE5LjUiIHkxPSIyMzAuNjEiIHgyPSIyMTkuNzkiIHkyPSIyOTMuMDkiLz48bGluZSBjbGFzcz0iY2xzLTEiIHgxPSIyMzcuNzYiIHkxPSIyMzAuNTMiIHgyPSIyMzguMDUiIHkyPSIyOTMiLz48bGluZSBjbGFzcz0iY2xzLTEiIHgxPSIyNTYuMDIiIHkxPSIyMzAuNDUiIHgyPSIyNTYuMzEiIHkyPSIyOTIuOTIiLz48bGluZSBjbGFzcz0iY2xzLTEiIHgxPSIyNzQuMjgiIHkxPSIyMzAuMzYiIHgyPSIyNzQuNTciIHkyPSIyOTIuODQiLz48Zz48cmVjdCBjbGFzcz0iY2xzLTUiIHg9IjIwNi4xNyIgeT0iMjMyLjc5IiB3aWR0aD0iOC40NyIgaGVpZ2h0PSI0Ii8+PHJlY3QgY2xhc3M9ImNscy01IiB4PSIyMjQuMjMiIHk9IjIzMi43OSIgd2lkdGg9IjguNDciIGhlaWdodD0iNCIvPjxyZWN0IGNsYXNzPSJjbHMtNSIgeD0iMjQyLjY5IiB5PSIyMzIuNzkiIHdpZHRoPSI4LjQ3IiBoZWlnaHQ9IjQiLz48cmVjdCBjbGFzcz0iY2xzLTUiIHg9IjI2MC42MiIgeT0iMjMyLjc5IiB3aWR0aD0iOC40NyIgaGVpZ2h0PSI0Ii8+PHJlY3QgY2xhc3M9ImNscy01IiB4PSIyNzguODMiIHk9IjIzMi43OSIgd2lkdGg9IjguNDciIGhlaWdodD0iNCIvPjwvZz48Zz48cmVjdCBjbGFzcz0iY2xzLTQiIHg9IjIwNi4xNyIgeT0iMjQ0LjA4IiB3aWR0aD0iOC40NyIgaGVpZ2h0PSI0Ii8+PHJlY3QgY2xhc3M9ImNscy00IiB4PSIyMjQuMjMiIHk9IjI0NC4wOCIgd2lkdGg9IjguNDciIGhlaWdodD0iNCIvPjxyZWN0IGNsYXNzPSJjbHMtNCIgeD0iMjQyLjY5IiB5PSIyNDQuMDgiIHdpZHRoPSI4LjQ3IiBoZWlnaHQ9IjQiLz48cmVjdCBjbGFzcz0iY2xzLTQiIHg9IjI2MC42MiIgeT0iMjQ0LjA4IiB3aWR0aD0iOC40NyIgaGVpZ2h0PSI0Ii8+PHJlY3QgY2xhc3M9ImNscy00IiB4PSIyNzguODMiIHk9IjI0NC4wOCIgd2lkdGg9IjguNDciIGhlaWdodD0iNCIvPjwvZz48Zz48cmVjdCBjbGFzcz0iY2xzLTQiIHg9IjIwNi4xNyIgeT0iMjUyLjU1IiB3aWR0aD0iOC40NyIgaGVpZ2h0PSI0Ii8+PHJlY3QgY2xhc3M9ImNscy00IiB4PSIyMjQuMjMiIHk9IjI1Mi41NSIgd2lkdGg9IjguNDciIGhlaWdodD0iNCIvPjxyZWN0IGNsYXNzPSJjbHMtNCIgeD0iMjQyLjY5IiB5PSIyNTIuNTUiIHdpZHRoPSI4LjQ3IiBoZWlnaHQ9IjQiLz48cmVjdCBjbGFzcz0iY2xzLTQiIHg9IjI2MC42MiIgeT0iMjUyLjU1IiB3aWR0aD0iOC40NyIgaGVpZ2h0PSI0Ii8+PHJlY3QgY2xhc3M9ImNscy00IiB4PSIyNzguODMiIHk9IjI1Mi41NSIgd2lkdGg9IjguNDciIGhlaWdodD0iNCIvPjwvZz48Zz48cmVjdCBjbGFzcz0iY2xzLTQiIHg9IjIwNi4xNyIgeT0iMjYxLjAyIiB3aWR0aD0iOC40NyIgaGVpZ2h0PSI0Ii8+PHJlY3QgY2xhc3M9ImNscy00IiB4PSIyMjQuMjMiIHk9IjI2MS4wMiIgd2lkdGg9IjguNDciIGhlaWdodD0iNCIvPjxyZWN0IGNsYXNzPSJjbHMtNCIgeD0iMjQyLjY5IiB5PSIyNjEuMDIiIHdpZHRoPSI4LjQ3IiBoZWlnaHQ9IjQiLz48cmVjdCBjbGFzcz0iY2xzLTQiIHg9IjI2MC42MiIgeT0iMjYxLjAyIiB3aWR0aD0iOC40NyIgaGVpZ2h0PSI0Ii8+PHJlY3QgY2xhc3M9ImNscy00IiB4PSIyNzguODMiIHk9IjI2MS4wMiIgd2lkdGg9IjguNDciIGhlaWdodD0iNCIvPjwvZz48Zz48cmVjdCBjbGFzcz0iY2xzLTQiIHg9IjIwNi4xNyIgeT0iMjY5LjQ5IiB3aWR0aD0iOC40NyIgaGVpZ2h0PSI0Ii8+PHJlY3QgY2xhc3M9ImNscy00IiB4PSIyMjQuMjMiIHk9IjI2OS40OSIgd2lkdGg9IjguNDciIGhlaWdodD0iNCIvPjxyZWN0IGNsYXNzPSJjbHMtNCIgeD0iMjQyLjY5IiB5PSIyNjkuNDkiIHdpZHRoPSI4LjQ3IiBoZWlnaHQ9IjQiLz48cmVjdCBjbGFzcz0iY2xzLTQiIHg9IjI2MC42MiIgeT0iMjY5LjQ5IiB3aWR0aD0iOC40NyIgaGVpZ2h0PSI0Ii8+PHJlY3QgY2xhc3M9ImNscy00IiB4PSIyNzguODMiIHk9IjI2OS40OSIgd2lkdGg9IjguNDciIGhlaWdodD0iNCIvPjwvZz48Zz48cmVjdCBjbGFzcz0iY2xzLTQiIHg9IjIwNi4xNyIgeT0iMjc3Ljk2IiB3aWR0aD0iOC40NyIgaGVpZ2h0PSI0Ii8+PHJlY3QgY2xhc3M9ImNscy00IiB4PSIyMjQuMjMiIHk9IjI3Ny45NiIgd2lkdGg9IjguNDciIGhlaWdodD0iNCIvPjxyZWN0IGNsYXNzPSJjbHMtNCIgeD0iMjQyLjY5IiB5PSIyNzcuOTYiIHdpZHRoPSI4LjQ3IiBoZWlnaHQ9IjQiLz48cmVjdCBjbGFzcz0iY2xzLTQiIHg9IjI2MC42MiIgeT0iMjc3Ljk2IiB3aWR0aD0iOC40NyIgaGVpZ2h0PSI0Ii8+PHJlY3QgY2xhc3M9ImNscy00IiB4PSIyNzguODMiIHk9IjI3Ny45NiIgd2lkdGg9IjguNDciIGhlaWdodD0iNCIvPjwvZz48Zz48cmVjdCBjbGFzcz0iY2xzLTQiIHg9IjIwNi4xNyIgeT0iMjg2LjQzIiB3aWR0aD0iOC40NyIgaGVpZ2h0PSI0Ii8+PHJlY3QgY2xhc3M9ImNscy00IiB4PSIyMjQuMjMiIHk9IjI4Ni40MyIgd2lkdGg9IjguNDciIGhlaWdodD0iNCIvPjxyZWN0IGNsYXNzPSJjbHMtNCIgeD0iMjQyLjY5IiB5PSIyODYuNDMiIHdpZHRoPSI4LjQ3IiBoZWlnaHQ9IjQiLz48cmVjdCBjbGFzcz0iY2xzLTQiIHg9IjI2MC42MiIgeT0iMjg2LjQzIiB3aWR0aD0iOC40NyIgaGVpZ2h0PSI0Ii8+PHJlY3QgY2xhc3M9ImNscy00IiB4PSIyNzguODMiIHk9IjI4Ni40MyIgd2lkdGg9IjguNDciIGhlaWdodD0iNCIvPjwvZz48L3N2Zz4=",Wu=r=>L.jsxs("svg",{viewBox:"0 0 24 24",width:"1.2em",height:"1.2em",...r,children:[L.jsx("path",{fill:"currentColor",d:"M12 2A10 10 0 1 0 22 12A10 10 0 0 0 12 2Zm0 18a8 8 0 1 1 8-8A8 8 0 0 1 12 20Z",opacity:.5}),L.jsx("path",{fill:"currentColor",d:"M20 12h2A10 10 0 0 0 12 2V4A8 8 0 0 1 20 12Z",children:L.jsx("animateTransform",{attributeName:"transform",dur:"1s",from:"0 12 12",repeatCount:"indefinite",to:"360 12 12",type:"rotate"})})]}),Tye=r=>L.jsx("svg",{viewBox:"0 0 32 32",width:"1.2em",height:"1.2em",...r,children:L.jsx("path",{fill:"currentColor",d:"m16 28l-7-7l1.41-1.41L16 25.17l5.59-5.58L23 21l-7 7zm0-24l7 7l-1.41 1.41L16 6.83l-5.59 5.58L9 11l7-7z"})}),Iye=r=>L.jsx("svg",{viewBox:"0 0 32 32",width:"1.2em",height:"1.2em",...r,children:L.jsx("path",{fill:"currentColor",d:"m16 4l7 7l-1.4 1.4L16 6.8l-5.6 5.6L9 11z"})}),Aye=r=>L.jsx("svg",{viewBox:"0 0 32 32",width:"1.2em",height:"1.2em",...r,children:L.jsx("path",{fill:"currentColor",d:"m16 28l-7-7l1.4-1.4l5.6 5.6l5.6-5.6L23 21z"})}),Lye=({rules:r,value:t})=>{const e=r.find(n=>{const{operator:i,value:a}=n;return!!(i==="isEqualTo"&&t===a||i==="isNotEqualTo"&&t!==a||i==="isNull"&&t===null||i==="isNotNull"&&t!==null||typeof t=="string"&&i==="contains"&&t.includes(a)||typeof t=="string"&&i==="doesNotContain"&&!t.includes(a)||typeof t=="string"&&i==="startsWith"&&t.startsWith(a)||typeof t=="string"&&i==="endsWith"&&t.endsWith(a)||i==="isLessThan"&&t<a||i==="isGreaterThan"&&t>a||i==="isLessThanOrEqualTo"&&t<=a||i==="isGreaterThanOrEqualTo"&&t>=a)});return e?e.styles:{}},Eye=aye(),Bh=({data:r,isLoading:t,error:e,tableSettings:n,tableName:i,className:a="",onColumnSizingChange:o,onChartReady:s,onChangePage:l,isExternalChart:c,isEnableNextBtn:u,isEnablePrevBtn:h,paginationInfo:f={limit:10,offset:0,totalRecords:10},setChartSettings:d})=>{var P,z;const{divStyle:p,headerStyle:v}=$.useMemo(()=>{const B=(n==null?void 0:n.lineGap)==="small"?"1.5rem":(n==null?void 0:n.lineGap)==="medium"?"1.9rem":"2.5rem",H=(n==null?void 0:n.lineGap)==="small"?"0.7rem":(n==null?void 0:n.lineGap)==="medium"?"0.85":"1rem";return{divStyle:{width:"100%",height:B,fontSize:H,display:"flex",alignItems:"center",justifyContent:n!=null&&n.contentAlignment?`${n.contentAlignment}`:""},headerStyle:{width:"100%",color:"#182c60",fontSize:H,height:B,display:"flex",alignItems:"center",justifyContent:"center",fontWeight:"500"}}},[n==null?void 0:n.lineGap,n==null?void 0:n.contentAlignment]),[g,m]=$.useState([]),[y,b]=$.useState({}),[w,_]=$.useState({label:((P=qn.tableSettings)==null?void 0:P.defaultRowSize)||"10",value:((z=qn.tableSettings)==null?void 0:z.defaultRowSize)||"10"}),[S,C]=$.useState(n==null?void 0:n.columnSizing),[I,D]=$.useState(""),T=(B,H,V,R)=>{const j=bye(B.getValue(H),V);return R({itemRank:j}),j.passed},[x,M]=$.useState({pageIndex:0,pageSize:10});$.useEffect(()=>{o==null||o(S)},[S]),$.useEffect(()=>{var V,R;if(!(n!=null&&n.defaultRowSize))return;const B=Tw.find(j=>j.value===n.defaultRowSize),H={label:((V=qn.tableSettings)==null?void 0:V.defaultRowSize)||"10",value:((R=qn.tableSettings)==null?void 0:R.defaultRowSize)||"10"};_(B||H)},[n==null?void 0:n.defaultRowSize]);const A=$.useMemo(()=>{if(!r||!Array.isArray(r))return[];const{pageIndex:B,pageSize:H}=x;return r.slice(B*H,(B+1)*H)},[x,r,I]),E=$.useMemo(()=>Object.keys((r==null?void 0:r[0])||{}).map(B=>Eye.accessor(B,{header:()=>B,cell:H=>{const V=H.row.original[B];return typeof V=="object"?JSON.stringify(V):typeof V=="boolean"?V?"true":"false":V}})),[r==null?void 0:r[0]]),N=vye({data:I?Array.isArray(r)?r:[]:A,columns:E,filterFns:{fuzzy:T},state:{sorting:g,globalFilter:I,pagination:x,...S?{columnSizing:S}:{}},enableGlobalFilter:!0,onRowSelectionChange:b,onSortingChange:m,globalFilterFn:T,getCoreRowModel:oye(),getFilteredRowModel:cye(),getSortedRowModel:hye(),onGlobalFilterChange:D,onPaginationChange:M,manualPagination:!0,debugTable:!1,enableColumnResizing:!0,columnResizeMode:"onChange",onColumnSizingChange:C});$.useEffect(()=>{N.setPageSize(Number(w.value))},[w,N]);const k=$.useMemo(()=>{const{pageIndex:B,pageSize:H}=N.getState().pagination,V=I?N.getRowModel().rows.length:(r==null?void 0:r.length)||0,R=V===0?0:H*B+1,j=V<=H*(B+1)?V:H*(B+1);return{from:R,to:j,total:V}},[I,r,N.getState().pagination,N.getRowModel().rows.length]);let O;if(c){const B=Hu(f.totalRecords,!0).toString().split(".");B.length>1&&[...B[1]].some(H=>parseInt(H,10)>0)?O=Hu(f.totalRecords,!0):O=Hu(f.totalRecords,!1)}return $.useEffect(()=>{N.getIsSomeColumnsVisible()&&(s==null||s())},[N.getIsSomeColumnsVisible()]),L.jsx("div",{className:`${Rt.container} ${a}`,children:L.jsxs("div",{className:Rt.previewTable,children:[n!=null&&n.enableTableSearch||n!=null&&n.showTableTitle?L.jsxs("div",{className:n.showTableTitle?Rt.preview:Rt.searchButton,children:[n.showTableTitle&&L.jsx(Se,{styleClass:"font-14c",variant:"h1",className:Rt.previewText,children:i}),n.enableTableSearch&&L.jsx(Cye,{value:I,onChange:B=>D(String(B)),placeholder:"Search"})]}):null,L.jsxs("div",{className:Rt.tableData,children:[t&&!(r!=null&&r.length)&&L.jsx("div",{className:Rt["table-loader-container"],children:L.jsx(Wu,{style:{width:"50px",height:"50px",color:"blue"}})}),!!(r!=null&&r.length)&&!t&&L.jsx(zB,{style:{height:"100%"},children:L.jsxs("table",{className:Rt.table,children:[L.jsx("thead",{children:N.getHeaderGroups().map(B=>L.jsx("tr",{className:Rt.row,children:B.headers.map(H=>L.jsxs("th",{className:Rt.tableHeadCol,colSpan:H.colSpan,style:{width:H.getSize()},children:[L.jsx("button",{onMouseDown:H.getResizeHandler(),onTouchStart:H.getResizeHandler(),onDoubleClick:H.column.resetSize,className:`${Rt.resizer} ${H.column.getIsResizing()?Rt.resizing:""}`,type:"button",title:"Resize Column"}),n!=null&&n.enableSorting?L.jsxs("div",{className:H.column.getCanSort()?Rt.sortButton:"",onClick:H.column.getToggleSortingHandler(),children:[H.isPlaceholder?null:L.jsx("div",{style:v,children:E0(H.column.columnDef.header,H.getContext())}),{asc:L.jsx(Iye,{color:"#182c60"}),desc:L.jsx(Aye,{color:"#182c60"})}[H.column.getIsSorted()]??L.jsx(Tye,{color:"#182c60"})]}):L.jsx(L.Fragment,{children:H.isPlaceholder?null:L.jsx("div",{style:v,children:L.jsx(Se,{variant:"p",styleClass:"custom",className:Rt.truncateText,children:E0(H.column.columnDef.header,H.getContext())})})})]},H.id))},B.id))}),L.jsx("tbody",{children:(I?N.getRowModel().rows.slice(x.pageSize*x.pageIndex,x.pageSize*(1+x.pageIndex)):N.getRowModel().rows).map((B,H)=>L.jsx("tr",{className:`${Rt.tableRow} ${n!=null&&n.showRowHover?Rt.rowHover:""} ${n!=null&&n.enableStripedRows&&Number(H)%2!==0?Rt.stripedRow:""}`,children:B.getVisibleCells().map(V=>{var R,j;return L.jsxs("td",{className:`${Rt.tableRowCol} ${n!=null&&n.hideVerticalDivider?"":Rt.rightBorder}`,title:typeof V.getValue()=="object"?JSON.stringify(V.getValue()):V.getValue(),children:[!!n&&L.jsx("div",{style:{...p,...Lye({rules:((j=(R=n.conditionalFormatting)==null?void 0:R.find(({columnName:W})=>W===V.column.id))==null?void 0:j.rules)||[],value:typeof V.getValue()=="object"?JSON.stringify(V.getValue()):V.getValue()})},children:L.jsx(Se,{variant:"p",styleClass:"custom",className:Rt.truncateText,children:E0(V.column.columnDef.cell,V.getContext())})}),!n&&L.jsx("div",{style:{textAlign:"center",width:"100%"},children:E0(V.column.columnDef.cell,V.getContext())})]},V.id)})},B.id))})]})}),!(r!=null&&r.length)&&!t&&!e.length&&L.jsxs("div",{className:Rt.noData,children:[L.jsx("img",{src:Dye,alt:"no-data",width:"400px",height:"400px"}),L.jsx(Se,{styleClass:"font-14c",variant:"h1",className:Rt.noDataHead,children:"No data tables queried"}),L.jsx(Se,{styleClass:"font-14",variant:"p",className:Rt.noDataBody,children:"Type your query and input fields beside to generate results and explore data"})]}),e&&L.jsx("div",{className:Rt.error,children:L.jsx(Se,{styleClass:"primary",className:Rt.errorMsg,variant:"p",children:e})})]}),r&&!(n!=null&&n.disablePagination)&&L.jsxs("div",{className:Rt.pagination,children:[L.jsx("div",{className:Rt.rowStyle,children:L.jsx(Vr,{onChange:B=>{_(B),c&&(l==null||l(!1,parseInt(B.value,10)),d==null||d(H=>({...H,tableSettings:{...H.tableSettings,defaultRowSize:B.value}})))},selectedOption:w,options:Tw,labelVariant:"static",dropdownAbove:!0,buttonClass:Rt.rowsDropdown})}),c?L.jsxs("span",{className:Rt.pageStyle,children:[f.offset+1,"-",f.offset+r.length," of ",O]}):L.jsxs("span",{className:Rt.pageStyle,children:[k.from,"-",k.to," of ",k.total]}),L.jsxs("div",{className:Rt.buttonContainer,children:[L.jsx(Ie,{variant:"custom",type:"button",className:Rt.button,onClick:()=>{c?l==null||l(!0):N.previousPage()},isDisabled:c?!h:k.from<=1,children:"Prev"}),L.jsx(Ie,{variant:"custom",type:"button",className:Rt.button,onClick:()=>{c?l==null||l(!1):N.nextPage()},isDisabled:c?!u:k.to>=k.total,children:"Next"})]})]})]})})},N0=$.memo(({chartOptions:r,data:t,events:e,colors:n,config:i,className:a})=>{const o=$.useMemo(()=>eme({chartOptions:r,data:t,colors:n}),[t,r,n]),[s,l]=$.useState(!0);return $.useEffect(()=>{l(!1)},[]),r.chartType===we.singleValue?L.jsx(Yge,{...i,value:o.value,settings:o.settings,className:a,comparisonValue:i==null?void 0:i.comparisonValue}):r.chartType===we.table?L.jsx(Bh,{...i,data:o.data,error:"",isLoading:!1,tableSettings:o.tableSettings,className:a,isExternalChart:i==null?void 0:i.isExternalChart,onChangePage:i==null?void 0:i.onChangePage,isEnableNextBtn:i==null?void 0:i.isEnableNextBtn,isEnablePrevBtn:i==null?void 0:i.isEnablePrevBtn,paginationInfo:i==null?void 0:i.paginationInfo,setChartSettings:i==null?void 0:i.setChartSettings}):r.chartType===we.pivot?L.jsx(tme,{...i,data:t,pivotTableSettings:o.pivotTableSettings}):L.jsx(Wge,{style:{width:"100%",height:"100%"},...i,option:{...o,animation:s},className:a,onEvents:e,notMerge:!0})}),Nye=({isShow:r,onCancel:t,...e})=>L.jsx(No,{isOpen:r,onClose:t,headerTitle:"Chart Preview",children:L.jsx("div",{className:MQ.fullscreen,children:L.jsx(N0,{...e})})}),gNe={button:"_button_1ecv1_1",menu:"_menu_1ecv1_7",menuContainer:"_menuContainer_1ecv1_13",buttonText:"_buttonText_1ecv1_19",buttonIcon:"_buttonIcon_1ecv1_25",filterName:"_filterName_1ecv1_31",filterDropdown:"_filterDropdown_1ecv1_37"},kye=r=>{const t=document.documentElement;r.colors&&Object.entries(r.colors).forEach(([e,n])=>{e&&n&&t.style.setProperty(`--databrainhq-plugin-color-${e}`,`${n}`)}),r.border&&Object.entries(r.border).forEach(([e,n])=>{e&&n&&t.style.setProperty(`--databrainhq-plugin-border-${e}`,`${n}`)}),r.shadow&&Object.entries(r.shadow).forEach(([e,n])=>{e&&n&&t.style.setProperty(`--databrainhq-plugin-shadow-${e}`,`${n}`)}),r.typography&&Object.entries(r.typography).forEach(([e,n])=>{e&&n&&t.style.setProperty(`--databrainhq-plugin-typography-${e}`,`${n}`)}),r.breakpoint&&Object.entries(r.breakpoint).forEach(([e,n])=>{e&&n&&t.style.setProperty(`--databrainhq-plugin-breakpoint-${e}`,`${n}`)})},Oye=r=>{const t="data:text/csv;charset=utf-8,";if(!r.length)return t;const e=[],n=r[0],i=Object.keys(n);e.push(`S.NO,${i.join(",").toUpperCase()}`),r.forEach((s,l)=>{const c=Object.values(s).map(u=>{if(typeof u=="number")return u;try{if(u!=null&&u.includes(","))return`"${u}"`}catch{return u}return u});e.push(`${l+1},${c.join(",")}`)});const a=e.join(`
-`);return encodeURI(t+a)},Pye=(r,t,e)=>{const n=r.clientX-t.left+5,i=r.clientY-t.top-50,a=t.width-e.width,o=t.height-e.height,s=Math.max(0,Math.min(n,a)),l=Math.max(0,Math.min(i,o));return[s,l]},Rye=(r,t,e)=>{r.style.left=`${t}px`,r.style.top=`${e}px`},la={container:"_container_1qflp_1",popover:"_popover_1qflp_9",button:"_button_1qflp_17",buttonOpen:"_buttonOpen_1qflp_25",menu:"_menu_1qflp_33",enter:"_enter_1qflp_41",enterFrom:"_enterFrom_1qflp_49",enterTo:"_enterTo_1qflp_57",leave:"_leave_1qflp_65",leaveFrom:"_leaveFrom_1qflp_73",leaveTo:"_leaveTo_1qflp_81",center:"_center_1qflp_89",top:"_top_1qflp_97",bottom:"_bottom_1qflp_105",left:"_left_1qflp_113",right:"_right_1qflp_121","left-top-end":"_left-top-end_1qflp_129","right-top-end":"_right-top-end_1qflp_137","left-bottom-end":"_left-bottom-end_1qflp_145","right-bottom-end":"_right-bottom-end_1qflp_153","top-left":"_top-left_1qflp_161","top-right":"_top-right_1qflp_169","bottom-left":"_bottom-left_1qflp_177","bottom-right":"_bottom-right_1qflp_185","left-top":"_left-top_1qflp_129","left-bottom":"_left-bottom_1qflp_145","right-top":"_right-top_1qflp_137","right-bottom":"_right-bottom_1qflp_153"},_o=({className:r="",menuClass:t="",menuContainerClass:e="",buttonClass:n="",children:i,button:a,position:o="bottom",isDisabled:s})=>{const[l,c]=$.useState(!1),u=$.useRef(null);return Sc({wrapRef:u,onOutsideClick:()=>c(!1)}),L.jsx(L.Fragment,{children:L.jsxs("div",{className:`${la.container} ${r}`,ref:u,children:[L.jsx(Ie,{className:`${n} ${l?la.buttonOpen:""} ${la.button}`,type:"button",variant:"custom",onClick:()=>!s&&c(h=>!h),children:a}),s?null:L.jsx("div",{className:`${la.popover} ${la[o]} ${e}`,children:L.jsx(Hv,{as:"div",className:`${la.menu} ${t}`,show:l,enter:la.enter,enterFrom:la.enterFrom,enterTo:la.enterTo,leave:la.leave,leaveFrom:la.leaveFrom,leaveTo:la.leaveTo,children:i})})]})})},$ye=r=>["IN","NOT IN"].includes(r),jye=r=>["IS NULL","IS NOT NULL"].includes(r),ct={container:"_container_uxvi9_1",form:"_form_uxvi9_7",filterHeader:"_filterHeader_uxvi9_23",titleContent:"_titleContent_uxvi9_29",title:"_title_uxvi9_29",buttons:"_buttons_uxvi9_41",apply:"_apply_uxvi9_47",applyIcon:"_applyIcon_uxvi9_53",reset:"_reset_uxvi9_59",filterFieldsContainer:"_filterFieldsContainer_uxvi9_67",filterFields:"_filterFields_uxvi9_67",filterContainer:"_filterContainer_uxvi9_91",AddFilter:"_AddFilter_uxvi9_97",filterDropdown:"_filterDropdown_uxvi9_103",filterDropdowns:"_filterDropdowns_uxvi9_111",noFilters:"_noFilters_uxvi9_111",gridColAndRow:"_gridColAndRow_uxvi9_127",gridCol1:"_gridCol1_uxvi9_135",gridCol2:"_gridCol2_uxvi9_143",gridCol3:"_gridCol3_uxvi9_151",filters:"_filters_uxvi9_159",filterItem:"_filterItem_uxvi9_165",filterItemOperator:"_filterItemOperator_uxvi9_171",remove:"_remove_uxvi9_177",filterCol:"_filterCol_uxvi9_183",filterText:"_filterText_uxvi9_189",smallText:"_smallText_uxvi9_195",numberFieldPopup:"_numberFieldPopup_uxvi9_203",numberField:"_numberField_uxvi9_203",numberFieldWrapper:"_numberFieldWrapper_uxvi9_219",numberFieldLabel:"_numberFieldLabel_uxvi9_227",selectedLabel:"_selectedLabel_uxvi9_235",numberFieldLabelText:"_numberFieldLabelText_uxvi9_243",numberFieldLabelSelectText:"_numberFieldLabelSelectText_uxvi9_251",numberFieldButtonClass:"_numberFieldButtonClass_uxvi9_259",numberFieldLabelMenuClass:"_numberFieldLabelMenuClass_uxvi9_267",numberFieldClearButton:"_numberFieldClearButton_uxvi9_275",numberFieldFooter:"_numberFieldFooter_uxvi9_283",checkedOption:"_checkedOption_uxvi9_291",option:"_option_uxvi9_299",addFilterMenu:"_addFilterMenu_uxvi9_307",appliedFilterTag:"_appliedFilterTag_uxvi9_315",appliedfilters:"_appliedfilters_uxvi9_323",textBold:"_textBold_uxvi9_331",filterButton:"_filterButton_uxvi9_339",filterBtnText:"_filterBtnText_uxvi9_347",filterLength:"_filterLength_uxvi9_355",addfilter:"_addfilter_uxvi9_363",alertContainer:"_alertContainer_uxvi9_371"};var zye=function(t,e){return t===void 0&&(t=[]),e===void 0&&(e=[]),t.length!==e.length||t.some(function(n,i){return!Object.is(n,e[i])})},n5={error:null},Fye=function(r){Cl(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=n5,n.resetErrorBoundary=function(){for(var s,l=arguments.length,c=new Array(l),u=0;u<l;u++)c[u]=arguments[u];n.props.onReset==null||(s=n.props).onReset.apply(s,c),n.reset()},n}t.getDerivedStateFromError=function(i){return{error:i}};var e=t.prototype;return e.reset=function(){this.setState(n5)},e.componentDidCatch=function(i,a){var o,s;(o=(s=this.props).onError)==null||o.call(s,i,a)},e.componentDidUpdate=function(i,a){var o=this.state.error,s=this.props.resetKeys;if(o!==null&&a.error!==null&&zye(i.resetKeys,s)){var l,c;(l=(c=this.props).onResetKeysChange)==null||l.call(c,i.resetKeys,s),this.reset()}},e.render=function(){var i=this.state.error,a=this.props,o=a.fallbackRender,s=a.FallbackComponent,l=a.fallback;if(i!==null){var c={error:i,resetErrorBoundary:this.resetErrorBoundary};if(st.isValidElement(l))return l;if(typeof o=="function")return o(c);if(s)return st.createElement(s,c);throw new Error("react-error-boundary requires either a fallback, fallbackRender, or FallbackComponent prop")}return this.props.children},t}(st.Component);const Bye=new _U({defaultOptions:{queries:{refetchOnWindowFocus:!1}}}),i5=({children:r,theme:t})=>($.useEffect(()=>{!t||!Object.keys(t).length||kye(t)},[t]),$.useEffect(()=>{const e=document.querySelector("#dbn-styles"),n=document.querySelector("dbn-dashboard"),i=document.querySelectorAll("dbn-metric");if(n!=null&&n.shadowRoot&&e&&!n.shadowRoot.getElementById("dbn-dashboard-style")){const a=document.createElement("style");a.innerHTML=e.innerHTML,a.setAttribute("id","dbn-dashboard-style"),n.shadowRoot.appendChild(a)}i.forEach((a,o)=>{if(a.shadowRoot&&e&&!a.shadowRoot.getElementById(`dbn-metric-${o}-style`)){const s=document.createElement("style");s.innerHTML=e.innerHTML,s.setAttribute("id",`dbn-metric-${o}-style`),a.shadowRoot.appendChild(s)}})},[]),L.jsx(Fye,{FallbackComponent:bQ,children:L.jsx(TU,{client:Bye,children:r})})),a5={metric:"_metric_1pdqp_1",loader:"_loader_1pdqp_7"},Vye=$.memo(({token:r,chartColors:t,metricId:e,chartRendererType:n="canvas"})=>{const[i,a]=$.useState({isShow:!1}),{externalMetric:o,adminColors:s,rlsSettings:l,sharingSettingsId:c,companyId:u,clientId:h,tenancyLevel:f,isLoading:d,errorMsg:p}=hQ({token:r,metricId:e});return L.jsxs(L.Fragment,{children:[d?L.jsx("div",{className:a5.loader,children:L.jsx(iTe,{})}):null,p||null,o&&!d?L.jsxs(L.Fragment,{children:[L.jsx(WW,{metricItem:o,client:h,colors:s||t,onMaximize:(v,g)=>a({isShow:!0,rlsFilters:g}),companyTenancyType:f,chartRendererType:n,param:l}),L.jsx(Aw,{children:i.isShow?L.jsx(GW,{metric:o,clientId:h,colors:s||t,onMinimize:()=>a({isShow:!1}),companyId:u,tenancyLevel:f,rlsFilters:i.rlsFilters,sharingSettingsId:c,externalDashboardId:"",userProvidedDashboardId:""}):null})]}):null]})}),Hye=$.memo(({theme:r,width:t,height:e,style:n,className:i="",...a})=>L.jsx("div",{style:{...n,width:t?`${t}px`:void 0,height:e?`${e}px`:void 0},className:`${a5.metric} ${i} dbn-metric`,children:L.jsx(i5,{theme:r,children:L.jsx(Vye,{...a})})})),kD=({timeGrainValue:r,isTimeStamp:t,col:e,database:n})=>{if(n===QA.Redshift||n.toUpperCase()==="POSTGRES"||n===QA.Snowflake||n==="Bigquery"){if(r==="Today")return t?`date_trunc('day', ${e}) = date_trunc('day', CURRENT_TIMESTAMP)`:`${e} = CURRENT_DATE`;if(r==="Last 7 Days")return t?`date_trunc('day', ${e}) >= date_trunc('day', CURRENT_TIMESTAMP) - interval '6 days'`:`${e} >= CURRENT_DATE - 6`;if(r==="Last Week")return t?`extract(week from ${e}) = case when extract(week from current_date) = 1 then 4 else extract(week from current_date) - 1 end
+`);return encodeURI(t+a)},Pye=(r,t,e)=>{const n=r.clientX-t.left+5,i=r.clientY-t.top-50,a=t.width-e.width,o=t.height-e.height,s=Math.max(0,Math.min(n,a)),l=Math.max(0,Math.min(i,o));return[s,l]},Rye=(r,t,e)=>{r.style.left=`${t}px`,r.style.top=`${e}px`},la={container:"_container_1qflp_1",popover:"_popover_1qflp_9",button:"_button_1qflp_17",buttonOpen:"_buttonOpen_1qflp_25",menu:"_menu_1qflp_33",enter:"_enter_1qflp_41",enterFrom:"_enterFrom_1qflp_49",enterTo:"_enterTo_1qflp_57",leave:"_leave_1qflp_65",leaveFrom:"_leaveFrom_1qflp_73",leaveTo:"_leaveTo_1qflp_81",center:"_center_1qflp_89",top:"_top_1qflp_97",bottom:"_bottom_1qflp_105",left:"_left_1qflp_113",right:"_right_1qflp_121","left-top-end":"_left-top-end_1qflp_129","right-top-end":"_right-top-end_1qflp_137","left-bottom-end":"_left-bottom-end_1qflp_145","right-bottom-end":"_right-bottom-end_1qflp_153","top-left":"_top-left_1qflp_161","top-right":"_top-right_1qflp_169","bottom-left":"_bottom-left_1qflp_177","bottom-right":"_bottom-right_1qflp_185","left-top":"_left-top_1qflp_129","left-bottom":"_left-bottom_1qflp_145","right-top":"_right-top_1qflp_137","right-bottom":"_right-bottom_1qflp_153"},_o=({className:r="",menuClass:t="",menuContainerClass:e="",buttonClass:n="",children:i,button:a,position:o="bottom",isDisabled:s})=>{const[l,c]=$.useState(!1),u=$.useRef(null);return Sc({wrapRef:u,onOutsideClick:()=>c(!1)}),L.jsx(L.Fragment,{children:L.jsxs("div",{className:`${la.container} ${r}`,ref:u,children:[L.jsx(Ie,{className:`${n} ${l?la.buttonOpen:""} ${la.button}`,type:"button",variant:"custom",onClick:()=>!s&&c(h=>!h),children:a}),s?null:L.jsx("div",{className:`${la.popover} ${la[o]} ${e}`,children:L.jsx(Hv,{as:"div",className:`${la.menu} ${t}`,show:l,enter:la.enter,enterFrom:la.enterFrom,enterTo:la.enterTo,leave:la.leave,leaveFrom:la.leaveFrom,leaveTo:la.leaveTo,children:i})})]})})},$ye=r=>["IN","NOT IN"].includes(r),jye=r=>["IS NULL","IS NOT NULL"].includes(r),ct={container:"_container_uxvi9_1",form:"_form_uxvi9_7",filterHeader:"_filterHeader_uxvi9_23",titleContent:"_titleContent_uxvi9_29",title:"_title_uxvi9_29",buttons:"_buttons_uxvi9_41",apply:"_apply_uxvi9_47",applyIcon:"_applyIcon_uxvi9_53",reset:"_reset_uxvi9_59",filterFieldsContainer:"_filterFieldsContainer_uxvi9_67",filterFields:"_filterFields_uxvi9_67",filterContainer:"_filterContainer_uxvi9_91",AddFilter:"_AddFilter_uxvi9_97",filterDropdown:"_filterDropdown_uxvi9_103",filterDropdowns:"_filterDropdowns_uxvi9_111",noFilters:"_noFilters_uxvi9_111",gridColAndRow:"_gridColAndRow_uxvi9_127",gridCol1:"_gridCol1_uxvi9_135",gridCol2:"_gridCol2_uxvi9_143",gridCol3:"_gridCol3_uxvi9_151",filters:"_filters_uxvi9_159",filterItem:"_filterItem_uxvi9_165",filterItemOperator:"_filterItemOperator_uxvi9_171",remove:"_remove_uxvi9_177",filterCol:"_filterCol_uxvi9_183",filterText:"_filterText_uxvi9_189",smallText:"_smallText_uxvi9_195",numberFieldPopup:"_numberFieldPopup_uxvi9_203",numberField:"_numberField_uxvi9_203",numberFieldWrapper:"_numberFieldWrapper_uxvi9_219",numberFieldLabel:"_numberFieldLabel_uxvi9_227",selectedLabel:"_selectedLabel_uxvi9_235",numberFieldLabelText:"_numberFieldLabelText_uxvi9_243",numberFieldLabelSelectText:"_numberFieldLabelSelectText_uxvi9_251",numberFieldButtonClass:"_numberFieldButtonClass_uxvi9_259",numberFieldLabelMenuClass:"_numberFieldLabelMenuClass_uxvi9_267",numberFieldClearButton:"_numberFieldClearButton_uxvi9_275",numberFieldFooter:"_numberFieldFooter_uxvi9_283",checkedOption:"_checkedOption_uxvi9_291",option:"_option_uxvi9_299",addFilterMenu:"_addFilterMenu_uxvi9_307",appliedFilterTag:"_appliedFilterTag_uxvi9_315",appliedfilters:"_appliedfilters_uxvi9_323",textBold:"_textBold_uxvi9_331",filterButton:"_filterButton_uxvi9_339",filterBtnText:"_filterBtnText_uxvi9_347",filterLength:"_filterLength_uxvi9_355",addfilter:"_addfilter_uxvi9_363",alertContainer:"_alertContainer_uxvi9_371"};var zye=function(t,e){return t===void 0&&(t=[]),e===void 0&&(e=[]),t.length!==e.length||t.some(function(n,i){return!Object.is(n,e[i])})},n5={error:null},Fye=function(r){Cl(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=n5,n.resetErrorBoundary=function(){for(var s,l=arguments.length,c=new Array(l),u=0;u<l;u++)c[u]=arguments[u];n.props.onReset==null||(s=n.props).onReset.apply(s,c),n.reset()},n}t.getDerivedStateFromError=function(i){return{error:i}};var e=t.prototype;return e.reset=function(){this.setState(n5)},e.componentDidCatch=function(i,a){var o,s;(o=(s=this.props).onError)==null||o.call(s,i,a)},e.componentDidUpdate=function(i,a){var o=this.state.error,s=this.props.resetKeys;if(o!==null&&a.error!==null&&zye(i.resetKeys,s)){var l,c;(l=(c=this.props).onResetKeysChange)==null||l.call(c,i.resetKeys,s),this.reset()}},e.render=function(){var i=this.state.error,a=this.props,o=a.fallbackRender,s=a.FallbackComponent,l=a.fallback;if(i!==null){var c={error:i,resetErrorBoundary:this.resetErrorBoundary};if(st.isValidElement(l))return l;if(typeof o=="function")return o(c);if(s)return st.createElement(s,c);throw new Error("react-error-boundary requires either a fallback, fallbackRender, or FallbackComponent prop")}return this.props.children},t}(st.Component);const Bye=new _U({defaultOptions:{queries:{refetchOnWindowFocus:!1}}}),i5=({children:r,theme:t})=>($.useEffect(()=>{!t||!Object.keys(t).length||kye(t)},[t]),$.useEffect(()=>{const e=document.querySelector("#dbn-styles"),n=document.querySelector("dbn-dashboard"),i=document.querySelectorAll("dbn-metric");if(n!=null&&n.shadowRoot&&e&&!n.shadowRoot.getElementById("dbn-dashboard-style")){const a=document.createElement("style");a.innerHTML=e.innerHTML,a.setAttribute("id","dbn-dashboard-style"),n.shadowRoot.appendChild(a)}i.forEach((a,o)=>{if(a.shadowRoot&&e&&!a.shadowRoot.getElementById(`dbn-metric-${o}-style`)){const s=document.createElement("style");s.innerHTML=e.innerHTML,s.setAttribute("id",`dbn-metric-${o}-style`),a.shadowRoot.appendChild(s)}})},[]),L.jsx(Fye,{FallbackComponent:bQ,children:L.jsx(TU,{client:Bye,children:r})})),a5={metric:"_metric_1pdqp_1",loader:"_loader_1pdqp_7"},Vye=$.memo(({token:r,chartColors:t,metricId:e,chartRendererType:n="canvas",variant:i="card",onMinimize:a})=>{const[o,s]=$.useState({isShow:i==="fullscreen"}),{externalMetric:l,adminColors:c,rlsSettings:u,sharingSettingsId:h,companyId:f,clientId:d,tenancyLevel:p,isLoading:v,errorMsg:g}=hQ({token:r,metricId:e});return L.jsxs(L.Fragment,{children:[v?L.jsx("div",{className:a5.loader,children:L.jsx(iTe,{})}):null,g||null,l&&!v?L.jsxs(L.Fragment,{children:[i==="card"&&L.jsx(WW,{metricItem:l,client:d,colors:c||t,onMaximize:(m,y)=>s({isShow:!0,rlsFilters:y}),companyTenancyType:p,chartRendererType:n,param:u}),L.jsx(Aw,{children:o.isShow||i==="fullscreen"?L.jsx(GW,{metric:l,clientId:d,colors:c||t,onMinimize:()=>{s({isShow:!1}),a==null||a()},companyId:f,tenancyLevel:p,rlsFilters:o.rlsFilters,sharingSettingsId:h,externalDashboardId:"",userProvidedDashboardId:""}):null})]}):null]})}),Hye=$.memo(({theme:r,width:t,height:e,style:n,className:i="",...a})=>L.jsx("div",{style:{...n,width:t?`${t}px`:void 0,height:e?`${e}px`:void 0},className:`${a5.metric} ${i} dbn-metric`,children:L.jsx(i5,{theme:r,children:L.jsx(Vye,{...a})})})),kD=({timeGrainValue:r,isTimeStamp:t,col:e,database:n})=>{if(n===QA.Redshift||n.toUpperCase()==="POSTGRES"||n===QA.Snowflake||n==="Bigquery"){if(r==="Today")return t?`date_trunc('day', ${e}) = date_trunc('day', CURRENT_TIMESTAMP)`:`${e} = CURRENT_DATE`;if(r==="Last 7 Days")return t?`date_trunc('day', ${e}) >= date_trunc('day', CURRENT_TIMESTAMP) - interval '6 days'`:`${e} >= CURRENT_DATE - 6`;if(r==="Last Week")return t?`extract(week from ${e}) = case when extract(week from current_date) = 1 then 4 else extract(week from current_date) - 1 end
 AND extract(year from ${e}) = case when extract(week from current_date) = 1 and extract(month from current_date) = 1 then extract(year from current_date) -1 else extract(year from current_date) end
 AND extract(month from ${e}) = case when extract(week from current_date) = 1 then case when extract(week from current_date) - 1 = 0 then 12 else extract(week from current_date) - 1 end  else extract(month from current_date) end
 `:`extract(week from ${e}) = case when extract(week from current_date) = 1 then 4 else extract(week from current_date) - 1 end
@@ -1858,4 +1858,4 @@ In order to be iterable, non-array objects must have a [Symbol.iterator]() metho
 In order to be iterable, non-array objects must have a [Symbol.iterator]() method.`)}function S(V,R){if(V){if(typeof V=="string")return C(V,R);var j=Object.prototype.toString.call(V).slice(8,-1);if(j==="Object"&&V.constructor&&(j=V.constructor.name),j==="Map"||j==="Set")return Array.from(V);if(j==="Arguments"||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(j))return C(V,R)}}function C(V,R){(R==null||R>V.length)&&(R=V.length);for(var j=0,W=new Array(R);j<R;j++)W[j]=V[j];return W}function I(V,R){var j=V==null?null:typeof Symbol<"u"&&V[Symbol.iterator]||V["@@iterator"];if(j!=null){var W=[],U=!0,q=!1,Y,X;try{for(j=j.call(V);!(U=(Y=j.next()).done)&&(W.push(Y.value),!(R&&W.length===R));U=!0);}catch(G){q=!0,X=G}finally{try{!U&&j.return!=null&&j.return()}finally{if(q)throw X}}return W}}function D(V){if(Array.isArray(V))return V}function T(V,R){if(!(V instanceof R))throw new TypeError("Cannot call a class as a function")}function x(V,R){for(var j=0;j<R.length;j++){var W=R[j];W.enumerable=W.enumerable||!1,W.configurable=!0,"value"in W&&(W.writable=!0),Object.defineProperty(V,W.key,W)}}function M(V,R,j){return R&&x(V.prototype,R),j&&x(V,j),Object.defineProperty(V,"prototype",{writable:!1}),V}function A(V,R){if(typeof R!="function"&&R!==null)throw new TypeError("Super expression must either be null or a function");V.prototype=Object.create(R&&R.prototype,{constructor:{value:V,writable:!0,configurable:!0}}),Object.defineProperty(V,"prototype",{writable:!1}),R&&E(V,R)}function E(V,R){return E=Object.setPrototypeOf||function(W,U){return W.__proto__=U,W},E(V,R)}function N(V){var R=P();return function(){var W=z(V),U;if(R){var q=z(this).constructor;U=Reflect.construct(W,arguments,q)}else U=W.apply(this,arguments);return k(this,U)}}function k(V,R){if(R&&(t(R)==="object"||typeof R=="function"))return R;if(R!==void 0)throw new TypeError("Derived constructors may only return object or undefined");return O(V)}function O(V){if(V===void 0)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return V}function P(){if(typeof Reflect>"u"||!Reflect.construct||Reflect.construct.sham)return!1;if(typeof Proxy=="function")return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],function(){})),!0}catch{return!1}}function z(V){return z=Object.setPrototypeOf?Object.getPrototypeOf:function(j){return j.__proto__||Object.getPrototypeOf(j)},z(V)}function B(V,R,j){return R in V?Object.defineProperty(V,R,{value:j,enumerable:!0,configurable:!0,writable:!0}):V[R]=j,V}var H=function(V){A(j,V);var R=N(j);function j(W){var U;return T(this,j),U=R.call(this,W),B(O(U),"onDragStart",function(q,Y){(0,u.default)("Draggable: onDragStart: %j",Y);var X=U.props.onStart(q,(0,s.createDraggableData)(O(U),Y));if(X===!1)return!1;U.setState({dragging:!0,dragged:!0})}),B(O(U),"onDrag",function(q,Y){if(!U.state.dragging)return!1;(0,u.default)("Draggable: onDrag: %j",Y);var X=(0,s.createDraggableData)(O(U),Y),G={x:X.x,y:X.y};if(U.props.bounds){var Z=G.x,Q=G.y;G.x+=U.state.slackX,G.y+=U.state.slackY;var ce=(0,s.getBoundPosition)(O(U),G.x,G.y),re=w(ce,2),J=re[0],ae=re[1];G.x=J,G.y=ae,G.slackX=U.state.slackX+(Z-G.x),G.slackY=U.state.slackY+(Q-G.y),X.x=G.x,X.y=G.y,X.deltaX=G.x-U.state.x,X.deltaY=G.y-U.state.y}var Ce=U.props.onDrag(q,X);if(Ce===!1)return!1;U.setState(G)}),B(O(U),"onDragStop",function(q,Y){if(!U.state.dragging)return!1;var X=U.props.onStop(q,(0,s.createDraggableData)(O(U),Y));if(X===!1)return!1;(0,u.default)("Draggable: onDragStop: %j",Y);var G={dragging:!1,slackX:0,slackY:0},Z=!!U.props.position;if(Z){var Q=U.props.position,ce=Q.x,re=Q.y;G.x=ce,G.y=re}U.setState(G)}),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 M(j,[{key:"componentDidMount",value:function(){typeof window.SVGElement<"u"&&this.findDOMNode()instanceof window.SVGElement&&this.setState({isElementSVG:!0})}},{key:"componentWillUnmount",value:function(){this.setState({dragging:!1})}},{key:"findDOMNode",value:function(){var U,q,Y;return(U=(q=this.props)===null||q===void 0||(Y=q.nodeRef)===null||Y===void 0?void 0:Y.current)!==null&&U!==void 0?U:i.default.findDOMNode(this)}},{key:"render",value:function(){var U,q=this.props;q.axis,q.bounds;var Y=q.children,X=q.defaultPosition,G=q.defaultClassName,Z=q.defaultClassNameDragging,Q=q.defaultClassNameDragged,ce=q.position,re=q.positionOffset;q.scale;var J=g(q,h),ae={},Ce=null,_e=!!ce,Ne=!_e||this.state.dragging,We=ce||X,It={x:(0,s.canDragX)(this)&&Ne?this.state.x:We.x,y:(0,s.canDragY)(this)&&Ne?this.state.y:We.y};this.state.isElementSVG?Ce=(0,o.createSVGTransform)(It,re):ae=(0,o.createCSSTransform)(It,re);var de=(0,a.default)(Y.props.className||"",G,(U={},B(U,Z,this.state.dragging),B(U,Q,this.state.dragged),U));return e.createElement(c.default,v({},J,{onStart:this.onDragStart,onDrag:this.onDrag,onStop:this.onDragStop}),e.cloneElement(e.Children.only(Y),{className:de,style:b(b({},Y.props.style),ae),transform:Ce}))}}],[{key:"getDerivedStateFromProps",value:function(U,q){var Y=U.position,X=q.prevPropsPosition;return Y&&(!X||Y.x!==X.x||Y.y!==X.y)?((0,u.default)("Draggable: getDerivedStateFromProps %j",{position:Y,prevPropsPosition:X}),{x:Y.x,y:Y.y,prevPropsPosition:b({},Y)}):null}}]),j}(e.Component);r.default=H,B(H,"displayName","Draggable"),B(H,"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})),B(H,"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}))}(VH);var nW=VH,iW=nW.default,lCe=nW.DraggableCore;yb.exports=iW,yb.exports.default=iW,yb.exports.DraggableCore=lCe;var aW=yb.exports,Cb={exports:{}},fv={},aI={};aI.__esModule=!0,aI.cloneElement=fCe;var uCe=cCe($);function cCe(r){return r&&r.__esModule?r:{default:r}}function oW(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 sW(r){for(var t=1;t<arguments.length;t++){var e=arguments[t]!=null?arguments[t]:{};t%2?oW(Object(e),!0).forEach(function(n){hCe(r,n,e[n])}):Object.getOwnPropertyDescriptors?Object.defineProperties(r,Object.getOwnPropertyDescriptors(e)):oW(Object(e)).forEach(function(n){Object.defineProperty(r,n,Object.getOwnPropertyDescriptor(e,n))})}return r}function hCe(r,t,e){return t in r?Object.defineProperty(r,t,{value:e,enumerable:!0,configurable:!0,writable:!0}):r[t]=e,r}function fCe(r,t){return t.style&&r.props.style&&(t.style=sW(sW({},r.props.style),t.style)),t.className&&r.props.className&&(t.className=r.props.className+" "+t.className),uCe.default.cloneElement(r,t)}var dv={};dv.__esModule=!0,dv.resizableProps=void 0;var Ot=dCe(za);function dCe(r){return r&&r.__esModule?r:{default:r}}var pCe={axis:Ot.default.oneOf(["both","x","y","none"]),className:Ot.default.string,children:Ot.default.element.isRequired,draggableOpts:Ot.default.shape({allowAnyClick:Ot.default.bool,cancel:Ot.default.string,children:Ot.default.node,disabled:Ot.default.bool,enableUserSelectHack:Ot.default.bool,offsetParent:Ot.default.node,grid:Ot.default.arrayOf(Ot.default.number),handle:Ot.default.string,nodeRef:Ot.default.object,onStart:Ot.default.func,onDrag:Ot.default.func,onStop:Ot.default.func,onMouseDown:Ot.default.func,scale:Ot.default.number}),height:Ot.default.number.isRequired,handle:Ot.default.oneOfType([Ot.default.node,Ot.default.func]),handleSize:Ot.default.arrayOf(Ot.default.number),lockAspectRatio:Ot.default.bool,maxConstraints:Ot.default.arrayOf(Ot.default.number),minConstraints:Ot.default.arrayOf(Ot.default.number),onResizeStop:Ot.default.func,onResizeStart:Ot.default.func,onResize:Ot.default.func,resizeHandles:Ot.default.arrayOf(Ot.default.oneOf(["s","w","e","n","sw","nw","se","ne"])),transformScale:Ot.default.number,width:Ot.default.number.isRequired};dv.resizableProps=pCe,fv.__esModule=!0,fv.default=void 0;var pv=bCe($),vCe=aW,gCe=aI,mCe=dv,yCe=["children","className","draggableOpts","width","height","handle","handleSize","lockAspectRatio","axis","minConstraints","maxConstraints","onResize","onResizeStop","onResizeStart","resizeHandles","transformScale"];function lW(r){if(typeof WeakMap!="function")return null;var t=new WeakMap,e=new WeakMap;return(lW=function(i){return i?e:t})(r)}function bCe(r,t){if(!t&&r&&r.__esModule)return r;if(r===null||typeof r!="object"&&typeof r!="function")return{default:r};var e=lW(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 oI(){return oI=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},oI.apply(this,arguments)}function wCe(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 uW(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 sI(r){for(var t=1;t<arguments.length;t++){var e=arguments[t]!=null?arguments[t]:{};t%2?uW(Object(e),!0).forEach(function(n){_Ce(r,n,e[n])}):Object.getOwnPropertyDescriptors?Object.defineProperties(r,Object.getOwnPropertyDescriptors(e)):uW(Object(e)).forEach(function(n){Object.defineProperty(r,n,Object.getOwnPropertyDescriptor(e,n))})}return r}function _Ce(r,t,e){return t in r?Object.defineProperty(r,t,{value:e,enumerable:!0,configurable:!0,writable:!0}):r[t]=e,r}function SCe(r,t){r.prototype=Object.create(t.prototype),r.prototype.constructor=r,lI(r,t)}function lI(r,t){return lI=Object.setPrototypeOf||function(n,i){return n.__proto__=i,n},lI(r,t)}var uI=function(r){SCe(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),w=o.props.height+(d?h/o.props.transformScale:0),_=o.runConstraints(b,w);b=_[0],w=_[1];var S=b!==o.props.width||w!==o.props.height,C=typeof o.props[i]=="function"?o.props[i]:null,I=i==="onResize"&&!S;C&&!I&&(s.persist==null||s.persist(),C(s,{node:c,size:{width:b,height:w},handle:a})),i==="onResizeStop"&&o.resetData()}}},e.renderResizeHandle=function(i,a){var o=this.props.handle;if(!o)return pv.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=sI({ref:a},s?{}:{handleAxis:i});return pv.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=wCe(a,yCe);return(0,gCe.cloneElement)(o,sI(sI({},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]=pv.createRef();return pv.createElement(vCe.DraggableCore,oI({},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}(pv.Component);fv.default=uI,uI.propTypes=mCe.resizableProps,uI.defaultProps={axis:"both",handleSize:[20,20],lockAspectRatio:!1,minConstraints:[20,20],maxConstraints:[1/0,1/0],resizeHandles:["se"],transformScale:1};var Db={};Db.__esModule=!0,Db.default=void 0;var cI=TCe($),xCe=cW(za),MCe=cW(fv),CCe=dv,DCe=["handle","handleSize","onResize","onResizeStart","onResizeStop","draggableOpts","minConstraints","maxConstraints","lockAspectRatio","axis","width","height","resizeHandles","style","transformScale"];function cW(r){return r&&r.__esModule?r:{default:r}}function hW(r){if(typeof WeakMap!="function")return null;var t=new WeakMap,e=new WeakMap;return(hW=function(i){return i?e:t})(r)}function TCe(r,t){if(!t&&r&&r.__esModule)return r;if(r===null||typeof r!="object"&&typeof r!="function")return{default:r};var e=hW(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 hI(){return hI=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},hI.apply(this,arguments)}function fW(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 Tb(r){for(var t=1;t<arguments.length;t++){var e=arguments[t]!=null?arguments[t]:{};t%2?fW(Object(e),!0).forEach(function(n){ICe(r,n,e[n])}):Object.getOwnPropertyDescriptors?Object.defineProperties(r,Object.getOwnPropertyDescriptors(e)):fW(Object(e)).forEach(function(n){Object.defineProperty(r,n,Object.getOwnPropertyDescriptor(e,n))})}return r}function ICe(r,t,e){return t in r?Object.defineProperty(r,t,{value:e,enumerable:!0,configurable:!0,writable:!0}):r[t]=e,r}function ACe(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 LCe(r,t){r.prototype=Object.create(t.prototype),r.prototype.constructor=r,fI(r,t)}function fI(r,t){return fI=Object.setPrototypeOf||function(n,i){return n.__proto__=i,n},fI(r,t)}var dW=function(r){LCe(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=ACe(i,DCe);return cI.createElement(MCe.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},cI.createElement("div",hI({},m,{style:Tb(Tb({},v),{},{width:this.state.width+"px",height:this.state.height+"px"})})))},t}(cI.Component);Db.default=dW,dW.propTypes=Tb(Tb({},CCe.resizableProps),{},{children:xCe.default.element}),Cb.exports=function(){throw new Error("Don't instantiate Resizable directly! Use require('react-resizable').Resizable")},Cb.exports.Resizable=fv.default,Cb.exports.ResizableBox=Db.default;var ECe=Cb.exports,ss={};Object.defineProperty(ss,"__esModule",{value:!0}),ss.resizeHandleType=ss.resizeHandleAxesType=ss.default=void 0;var Tt=pW(za),NCe=pW($);function pW(r){return r&&r.__esModule?r:{default:r}}var vW=Tt.default.arrayOf(Tt.default.oneOf(["s","w","e","n","sw","nw","se","ne"]));ss.resizeHandleAxesType=vW;var gW=Tt.default.oneOfType([Tt.default.node,Tt.default.func]);ss.resizeHandleType=gW;var kCe={className:Tt.default.string,style:Tt.default.object,width:Tt.default.number,autoSize:Tt.default.bool,cols:Tt.default.number,draggableCancel:Tt.default.string,draggableHandle:Tt.default.string,verticalCompact:function(t){t.verticalCompact===!1&&process.env.NODE_ENV!=="production"&&console.warn('`verticalCompact` on <ReactGridLayout> is deprecated and will be removed soon. Use `compactType`: "horizontal" | "vertical" | null.')},compactType:Tt.default.oneOf(["vertical","horizontal"]),layout:function(t){var e=t.layout;e!==void 0&&kt.validateLayout(e,"layout")},margin:Tt.default.arrayOf(Tt.default.number),containerPadding:Tt.default.arrayOf(Tt.default.number),rowHeight:Tt.default.number,maxRows:Tt.default.number,isBounded:Tt.default.bool,isDraggable:Tt.default.bool,isResizable:Tt.default.bool,allowOverlap:Tt.default.bool,preventCollision:Tt.default.bool,useCSSTransforms:Tt.default.bool,transformScale:Tt.default.number,isDroppable:Tt.default.bool,resizeHandles:vW,resizeHandle:gW,onLayoutChange:Tt.default.func,onDragStart:Tt.default.func,onDrag:Tt.default.func,onDragStop:Tt.default.func,onResizeStart:Tt.default.func,onResize:Tt.default.func,onResizeStop:Tt.default.func,onDrop:Tt.default.func,droppingItem:Tt.default.shape({i:Tt.default.string.isRequired,w:Tt.default.number.isRequired,h:Tt.default.number.isRequired}),children:function(t,e){var n=t[e],i={};NCe.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:Tt.default.any};ss.default=kCe;function dI(r){return dI=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},dI(r)}Object.defineProperty(mb,"__esModule",{value:!0}),mb.default=void 0;var sf=pI($),Xt=pI(za),OCe=aW,PCe=ECe,vv=kt,mn=os,mW=ss,RCe=pI(pb);function pI(r){return r&&r.__esModule?r:{default:r}}function yW(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 vI(r){for(var t=1;t<arguments.length;t++){var e=arguments[t]!=null?arguments[t]:{};t%2?yW(Object(e),!0).forEach(function(n){Ua(r,n,e[n])}):Object.getOwnPropertyDescriptors?Object.defineProperties(r,Object.getOwnPropertyDescriptors(e)):yW(Object(e)).forEach(function(n){Object.defineProperty(r,n,Object.getOwnPropertyDescriptor(e,n))})}return r}function $Ce(r,t){if(!(r instanceof t))throw new TypeError("Cannot call a class as a function")}function bW(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 jCe(r,t,e){return t&&bW(r.prototype,t),e&&bW(r,e),Object.defineProperty(r,"prototype",{writable:!1}),r}function zCe(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&&gI(r,t)}function gI(r,t){return gI=Object.setPrototypeOf||function(n,i){return n.__proto__=i,n},gI(r,t)}function FCe(r){var t=VCe();return function(){var n=Ib(r),i;if(t){var a=Ib(this).constructor;i=Reflect.construct(n,arguments,a)}else i=n.apply(this,arguments);return BCe(this,i)}}function BCe(r,t){if(t&&(dI(t)==="object"||typeof t=="function"))return t;if(t!==void 0)throw new TypeError("Derived constructors may only return object or undefined");return va(r)}function va(r){if(r===void 0)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return r}function VCe(){if(typeof Reflect>"u"||!Reflect.construct||Reflect.construct.sham)return!1;if(typeof Proxy=="function")return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],function(){})),!0}catch{return!1}}function Ib(r){return Ib=Object.setPrototypeOf?Object.getPrototypeOf:function(e){return e.__proto__||Object.getPrototypeOf(e)},Ib(r)}function Ua(r,t,e){return t in r?Object.defineProperty(r,t,{value:e,enumerable:!0,configurable:!0,writable:!0}):r[t]=e,r}var mI=function(r){zCe(e,r);var t=FCe(e);function e(){var n;$Ce(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)),Ua(va(n),"state",{resizing:null,dragging:null,className:""}),Ua(va(n),"elementRef",sf.default.createRef()),Ua(va(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,w=v.top/f;d.left=m-y+p.scrollLeft,d.top=b-w+p.scrollTop,n.setState({dragging:d});var _=(0,mn.calcXY)(n.getPositionParams(),d.top,d.left,n.props.w,n.props.h),S=_.x,C=_.y;return h.call(va(n),n.props.i,S,C,{e:s,node:c,newPosition:d})}}}),Ua(va(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,w=v.containerWidth,_=n.getPositionParams();if(g){var S=c.offsetParent;if(S){var C=n.props,I=C.margin,D=C.rowHeight,T=S.clientHeight-(0,mn.calcGridItemWHPx)(b,D,I[1]);d=(0,mn.clamp)(d,0,T);var x=(0,mn.calcGridColWidth)(_),M=w-(0,mn.calcGridItemWHPx)(y,x,I[0]);p=(0,mn.clamp)(p,0,M)}}var A={top:d,left:p};n.setState({dragging:A});var E=(0,mn.calcXY)(_,d,p,y,b),N=E.x,k=E.y;return f.call(va(n),m,N,k,{e:s,node:c,newPosition:A})}}),Ua(va(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,mn.calcXY)(n.getPositionParams(),m,g,f,d),w=b.x,_=b.y;return u.call(va(n),p,w,_,{e:s,node:c,newPosition:y})}}),Ua(va(n),"onResizeStop",function(s,l){n.onResizeHandler(s,l,"onResizeStop")}),Ua(va(n),"onResizeStart",function(s,l){n.onResizeHandler(s,l,"onResizeStart")}),Ua(va(n),"onResize",function(s,l){n.onResizeHandler(s,l,"onResize")}),n}return jCe(e,[{key:"shouldComponentUpdate",value:function(i,a){if(this.props.children!==i.children||this.props.droppingPosition!==i.droppingPosition)return!0;var o=(0,mn.calcGridItemPosition)(this.getPositionParams(this.props),this.props.x,this.props.y,this.props.w,this.props.h,this.state),s=(0,mn.calcGridItemPosition)(this.getPositionParams(i),i.x,i.y,i.w,i.h,a);return!(0,vv.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,vv.setTransform)(i):(c=(0,vv.setTopLeft)(i),o&&(c.left=(0,vv.perc)(i.left/s),c.width=(0,vv.perc)(i.width/s))),c}},{key:"mixinDraggable",value:function(i,a){return sf.default.createElement(OCe.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,mn.calcGridItemPosition)(m,0,0,l-c,0).width,b=(0,mn.calcGridItemPosition)(m,0,0,u,h),w=(0,mn.calcGridItemPosition)(m,0,0,f,d),_=[b.width,b.height],S=[Math.min(w.width,y),Math.min(w.height,1/0)];return sf.default.createElement(PCe.Resizable,{draggableOpts:{disabled:!o},className:o?void 0:"react-resizable-hide",width:a.width,height:a.height,minConstraints:_,maxConstraints:S,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,w=(0,mn.calcWH)(this.getPositionParams(),l.width,l.height,f,d),_=w.w,S=w.h;y=Math.max(y,1),b=Math.min(b,h-f),_=(0,mn.clamp)(_,y,b),S=(0,mn.clamp)(S,g,v),this.setState({resizing:o==="onResizeStop"?null:l}),c.call(this,p,_,S,{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,mn.calcGridItemPosition)(this.getPositionParams(),a,o,s,l,this.state),p=sf.default.Children.only(this.props.children),v=sf.default.cloneElement(p,{ref:this.elementRef,className:(0,RCe.default)("react-grid-item",p.props.className,this.props.className,{static:this.props.static,resizing:!!this.state.resizing,"react-draggable":c,"react-draggable-dragging":!!this.state.dragging,dropping:!!h,cssTransforms:f}),style:vI(vI(vI({},this.props.style),p.props.style),this.createStyle(d))});return v=this.mixinResizable(v,d,u),v=this.mixinDraggable(v,c),v}}]),e}(sf.default.Component);mb.default=mI,Ua(mI,"propTypes",{children:Xt.default.element,cols:Xt.default.number.isRequired,containerWidth:Xt.default.number.isRequired,rowHeight:Xt.default.number.isRequired,margin:Xt.default.array.isRequired,maxRows:Xt.default.number.isRequired,containerPadding:Xt.default.array.isRequired,x:Xt.default.number.isRequired,y:Xt.default.number.isRequired,w:Xt.default.number.isRequired,h:Xt.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:Xt.default.string.isRequired,resizeHandles:mW.resizeHandleAxesType,resizeHandle:mW.resizeHandleType,onDragStop:Xt.default.func,onDragStart:Xt.default.func,onDrag:Xt.default.func,onResizeStop:Xt.default.func,onResizeStart:Xt.default.func,onResize:Xt.default.func,isDraggable:Xt.default.bool.isRequired,isResizable:Xt.default.bool.isRequired,isBounded:Xt.default.bool.isRequired,static:Xt.default.bool,useCSSTransforms:Xt.default.bool.isRequired,transformScale:Xt.default.number,className:Xt.default.string,handle:Xt.default.string,cancel:Xt.default.string,droppingPosition:Xt.default.shape({e:Xt.default.object.isRequired,left:Xt.default.number.isRequired,top:Xt.default.number.isRequired})}),Ua(mI,"defaultProps",{className:"",cancel:"",handle:"",minH:1,minW:1,maxH:1/0,maxW:1/0,transformScale:1});function Ab(r){return Ab=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},Ab(r)}Object.defineProperty(uv,"__esModule",{value:!0}),uv.default=void 0;var ac=UCe($),yI=Lb(sv),HCe=Lb(pb),vt=kt,WCe=os,wW=Lb(mb),GCe=Lb(ss);function Lb(r){return r&&r.__esModule?r:{default:r}}function _W(r){if(typeof WeakMap!="function")return null;var t=new WeakMap,e=new WeakMap;return(_W=function(i){return i?e:t})(r)}function UCe(r,t){if(!t&&r&&r.__esModule)return r;if(r===null||Ab(r)!=="object"&&typeof r!="function")return{default:r};var e=_W(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 YCe(r){return qCe(r)||ZCe(r)||xW(r)||QCe()}function QCe(){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 ZCe(r){if(typeof Symbol<"u"&&r[Symbol.iterator]!=null||r["@@iterator"]!=null)return Array.from(r)}function qCe(r){if(Array.isArray(r))return bI(r)}function SW(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 oc(r){for(var t=1;t<arguments.length;t++){var e=arguments[t]!=null?arguments[t]:{};t%2?SW(Object(e),!0).forEach(function(n){yn(r,n,e[n])}):Object.getOwnPropertyDescriptors?Object.defineProperties(r,Object.getOwnPropertyDescriptors(e)):SW(Object(e)).forEach(function(n){Object.defineProperty(r,n,Object.getOwnPropertyDescriptor(e,n))})}return r}function XCe(r,t){return eDe(r)||JCe(r,t)||xW(r,t)||KCe()}function KCe(){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 xW(r,t){if(r){if(typeof r=="string")return bI(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 bI(r,t)}}function bI(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 JCe(r,t){var e=r==null?null:typeof Symbol<"u"&&r[Symbol.iterator]||r["@@iterator"];if(e!=null){var n=[],i=!0,a=!1,o,s;try{for(e=e.call(r);!(i=(o=e.next()).done)&&(n.push(o.value),!(t&&n.length===t));i=!0);}catch(l){a=!0,s=l}finally{try{!i&&e.return!=null&&e.return()}finally{if(a)throw s}}return n}}function eDe(r){if(Array.isArray(r))return r}function tDe(r,t){if(!(r instanceof t))throw new TypeError("Cannot call a class as a function")}function MW(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 rDe(r,t,e){return t&&MW(r.prototype,t),e&&MW(r,e),Object.defineProperty(r,"prototype",{writable:!1}),r}function nDe(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&&wI(r,t)}function wI(r,t){return wI=Object.setPrototypeOf||function(n,i){return n.__proto__=i,n},wI(r,t)}function iDe(r){var t=oDe();return function(){var n=Eb(r),i;if(t){var a=Eb(this).constructor;i=Reflect.construct(n,arguments,a)}else i=n.apply(this,arguments);return aDe(this,i)}}function aDe(r,t){if(t&&(Ab(t)==="object"||typeof t=="function"))return t;if(t!==void 0)throw new TypeError("Derived constructors may only return object or undefined");return si(r)}function si(r){if(r===void 0)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return r}function oDe(){if(typeof Reflect>"u"||!Reflect.construct||Reflect.construct.sham)return!1;if(typeof Proxy=="function")return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],function(){})),!0}catch{return!1}}function Eb(r){return Eb=Object.setPrototypeOf?Object.getPrototypeOf:function(e){return e.__proto__||Object.getPrototypeOf(e)},Eb(r)}function yn(r,t,e){return t in r?Object.defineProperty(r,t,{value:e,enumerable:!0,configurable:!0,writable:!0}):r[t]=e,r}var CW="react-grid-layout",DW=!1;try{DW=/firefox/i.test(navigator.userAgent)}catch{}var Nb=function(r){nDe(e,r);var t=iDe(e);function e(){var n;tDe(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)),yn(si(n),"state",{activeDrag:null,layout:(0,vt.synchronizeLayoutWithChildren)(n.props.layout,n.props.children,n.props.cols,(0,vt.compactType)(n.props),n.props.allowOverlap),mounted:!1,oldDragItem:null,oldLayout:null,oldResizeItem:null,droppingDOMNode:null,children:[]}),yn(si(n),"dragEnterCounter",0),yn(si(n),"onDragStart",function(s,l,c,u){var h=u.e,f=u.node,d=n.state.layout,p=(0,vt.getLayoutItem)(d,s);if(p)return n.setState({oldDragItem:(0,vt.cloneLayoutItem)(p),oldLayout:d}),n.props.onDragStart(d,p,p,null,h,f)}),yn(si(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,vt.getLayoutItem)(p,s);if(b){var w={w:b.w,h:b.h,x:b.x,y:b.y,placeholder:!0,i:s},_=!0;p=(0,vt.moveElement)(p,b,l,c,_,y,(0,vt.compactType)(n.props),g,m),n.props.onDrag(p,d,b,w,h,f),n.setState({layout:m?p:(0,vt.compact)(p,(0,vt.compactType)(n.props),g),activeDrag:w})}}),yn(si(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,vt.getLayoutItem)(p,s);if(b){var w=!0;p=(0,vt.moveElement)(p,b,l,c,w,m,(0,vt.compactType)(n.props),g,y),n.props.onDragStop(p,d,b,null,h,f);var _=y?p:(0,vt.compact)(p,(0,vt.compactType)(n.props),g),S=n.state.oldLayout;n.setState({activeDrag:null,layout:_,oldDragItem:null,oldLayout:null}),n.onLayoutMaybeChanged(_,S)}}}),yn(si(n),"onResizeStart",function(s,l,c,u){var h=u.e,f=u.node,d=n.state.layout,p=(0,vt.getLayoutItem)(d,s);p&&(n.setState({oldResizeItem:(0,vt.cloneLayoutItem)(p),oldLayout:n.state.layout}),n.props.onResizeStart(d,p,p,null,h,f))}),yn(si(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,w=(0,vt.withLayoutItem)(p,s,function(D){var T;if(y&&!b){var x=(0,vt.getAllCollisions)(p,oc(oc({},D),{},{w:l,h:c})).filter(function(E){return E.i!==D.i});if(T=x.length>0,T){var M=1/0,A=1/0;x.forEach(function(E){E.x>D.x&&(M=Math.min(M,E.x)),E.y>D.y&&(A=Math.min(A,E.y))}),Number.isFinite(M)&&(D.w=M-D.x),Number.isFinite(A)&&(D.h=A-D.y)}}return T||(D.w=l,D.h=c),D}),_=XCe(w,2),S=_[0],C=_[1];if(C){var I={w:C.w,h:C.h,x:C.x,y:C.y,static:!0,i:s};n.props.onResize(S,v,C,I,h,f),n.setState({layout:b?S:(0,vt.compact)(S,(0,vt.compactType)(n.props),m),activeDrag:I})}}),yn(si(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,vt.getLayoutItem)(p,s);n.props.onResizeStop(p,v,b,null,h,f);var w=y?p:(0,vt.compact)(p,(0,vt.compactType)(n.props),m),_=n.state.oldLayout;n.setState({activeDrag:null,layout:w,oldResizeItem:null,oldLayout:null}),n.onLayoutMaybeChanged(w,_)}),yn(si(n),"onDragOver",function(s){var l;if(s.preventDefault(),s.stopPropagation(),DW&&!((l=s.nativeEvent.target)!==null&&l!==void 0&&l.classList.contains(CW)))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 w=oc(oc({},u),b),_=n.state.layout,S=s.nativeEvent,C=S.layerX,I=S.layerY,D={left:C/y,top:I/y,e:s};if(n.state.droppingDOMNode){if(n.state.droppingPosition){var M=n.state.droppingPosition,A=M.left,E=M.top,N=A!=C||E!=I;N&&n.setState({droppingPosition:D})}}else{var T={cols:d,margin:f,maxRows:v,rowHeight:p,containerWidth:g,containerPadding:m||f},x=(0,WCe.calcXY)(T,I,C,w.w,w.h);n.setState({droppingDOMNode:ac.createElement("div",{key:w.i}),droppingPosition:D,layout:[].concat(YCe(_),[oc(oc({},w),{},{x:x.x,y:x.y,static:!1,isDraggable:!0})])})}}),yn(si(n),"removeDroppingPlaceholder",function(){var s=n.props,l=s.droppingItem,c=s.cols,u=n.state.layout,h=(0,vt.compact)(u.filter(function(f){return f.i!==l.i}),(0,vt.compactType)(n.props),c);n.setState({layout:h,droppingDOMNode:null,activeDrag:null,droppingPosition:void 0})}),yn(si(n),"onDragLeave",function(s){s.preventDefault(),s.stopPropagation(),n.dragEnterCounter--,n.dragEnterCounter===0&&n.removeDroppingPlaceholder()}),yn(si(n),"onDragEnter",function(s){s.preventDefault(),s.stopPropagation(),n.dragEnterCounter++}),yn(si(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 rDe(e,[{key:"componentDidMount",value:function(){this.setState({mounted:!0}),this.onLayoutMaybeChanged(this.state.layout,this.props.layout)}},{key:"shouldComponentUpdate",value:function(i,a){return this.props.children!==i.children||!(0,vt.fastRGLPropsEqual)(this.props,i,yI.default)||this.state.activeDrag!==a.activeDrag||this.state.mounted!==a.mounted||this.state.droppingPosition!==a.droppingPosition}},{key:"componentDidUpdate",value:function(i,a){if(!this.state.activeDrag){var o=this.state.layout,s=a.layout;this.onLayoutMaybeChanged(o,s)}}},{key:"containerHeight",value:function(){if(this.props.autoSize){var i=(0,vt.bottom)(this.state.layout),a=this.props.containerPadding?this.props.containerPadding[1]:this.props.margin[1];return i*this.props.rowHeight+(i-1)*this.props.margin[1]+a*2+"px"}}},{key:"onLayoutMaybeChanged",value:function(i,a){a||(a=this.state.layout),(0,yI.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 ac.createElement(wW.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},ac.createElement("div",null))}},{key:"processGridItem",value:function(i,a){if(!(!i||!i.key)){var o=(0,vt.getLayoutItem)(this.state.layout,String(i.key));if(!o)return null;var s=this.props,l=s.width,c=s.cols,u=s.margin,h=s.containerPadding,f=s.rowHeight,d=s.maxRows,p=s.isDraggable,v=s.isResizable,g=s.isBounded,m=s.useCSSTransforms,y=s.transformScale,b=s.draggableCancel,w=s.draggableHandle,_=s.resizeHandles,S=s.resizeHandle,C=this.state,I=C.mounted,D=C.droppingPosition,T=typeof o.isDraggable=="boolean"?o.isDraggable:!o.static&&p,x=typeof o.isResizable=="boolean"?o.isResizable:!o.static&&v,M=o.resizeHandles||_,A=T&&g&&o.isBounded!==!1;return ac.createElement(wW.default,{containerWidth:l,cols:c,margin:u,containerPadding:h||u,maxRows:d,rowHeight:f,cancel:b,handle:w,onDragStop:this.onDragStop,onDragStart:this.onDragStart,onDrag:this.onDrag,onResizeStart:this.onResizeStart,onResize:this.onResize,onResizeStop:this.onResizeStop,isDraggable:T,isResizable:x,isBounded:A,useCSSTransforms:m&&I,usePercentages:!I,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?D:void 0,resizeHandles:M,resizeHandle:S},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,HCe.default)(CW,o),h=oc({height:this.containerHeight()},s);return ac.createElement("div",{ref:c,className:u,style:h,onDrop:l?this.onDrop:vt.noop,onDragLeave:l?this.onDragLeave:vt.noop,onDragEnter:l?this.onDragEnter:vt.noop,onDragOver:l?this.onDragOver:vt.noop},ac.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,yI.default)(i.layout,a.propsLayout)||i.compactType!==a.compactType?o=i.layout:(0,vt.childrenEqual)(i.children,a.children)||(o=a.layout),o){var s=(0,vt.synchronizeLayoutWithChildren)(o,i.children,i.cols,(0,vt.compactType)(i),i.allowOverlap);return{layout:s,compactType:i.compactType,children:i.children,propsLayout:i.layout}}return null}}]),e}(ac.Component);uv.default=Nb,yn(Nb,"displayName","ReactGridLayout"),yn(Nb,"propTypes",GCe.default),yn(Nb,"defaultProps",{autoSize:!0,cols:12,className:"",style:{},draggableHandle:"",draggableCancel:"",containerPadding:null,rowHeight:150,maxRows:1/0,layout:[],margin:[10,10],isBounded:!1,isDraggable:!0,isResizable:!0,allowOverlap:!1,isDroppable:!1,useCSSTransforms:!0,transformScale:1,verticalCompact:!0,compactType:"vertical",preventCollision:!1,droppingItem:{i:"__dropping-elem__",h:1,w:1},resizeHandles:["se"],onLayoutChange:vt.noop,onDragStart:vt.noop,onDrag:vt.noop,onDragStop:vt.noop,onResizeStart:vt.noop,onResize:vt.noop,onResizeStop:vt.noop,onDrop:vt.noop,onDropDragOver:vt.noop});var kb={},sc={};Object.defineProperty(sc,"__esModule",{value:!0}),sc.findOrGenerateResponsiveLayout=uDe,sc.getBreakpointFromWidth=sDe,sc.getColsFromBreakpoint=lDe,sc.sortBreakpoints=_I;var Ob=kt;function sDe(r,t){for(var e=_I(r),n=e[0],i=1,a=e.length;i<a;i++){var o=e[i];t>r[o]&&(n=o)}return n}function lDe(r,t){if(!t[r])throw new Error("ResponsiveReactGridLayout: `cols` entry for breakpoint "+r+" is missing!");return t[r]}function uDe(r,t,e,n,i,a){if(r[e])return(0,Ob.cloneLayout)(r[e]);for(var o=r[n],s=_I(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,Ob.cloneLayout)(o||[]),(0,Ob.compact)((0,Ob.correctBounds)(o,{cols:i}),a,i)}function _I(r){var t=Object.keys(r);return t.sort(function(e,n){return r[e]-r[n]})}function Pb(r){return Pb=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},Pb(r)}Object.defineProperty(kb,"__esModule",{value:!0}),kb.default=void 0;var TW=fDe($),li=xI(za),SI=xI(sv),lf=kt,lc=sc,cDe=xI(uv),hDe=["breakpoint","breakpoints","cols","layouts","margin","containerPadding","onBreakpointChange","onLayoutChange","onWidthChange"];function xI(r){return r&&r.__esModule?r:{default:r}}function IW(r){if(typeof WeakMap!="function")return null;var t=new WeakMap,e=new WeakMap;return(IW=function(i){return i?e:t})(r)}function fDe(r,t){if(!t&&r&&r.__esModule)return r;if(r===null||Pb(r)!=="object"&&typeof r!="function")return{default:r};var e=IW(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 MI(){return MI=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},MI.apply(this,arguments)}function dDe(r,t){if(r==null)return{};var e=pDe(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 pDe(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 AW(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 CI(r){for(var t=1;t<arguments.length;t++){var e=arguments[t]!=null?arguments[t]:{};t%2?AW(Object(e),!0).forEach(function(n){uf(r,n,e[n])}):Object.getOwnPropertyDescriptors?Object.defineProperties(r,Object.getOwnPropertyDescriptors(e)):AW(Object(e)).forEach(function(n){Object.defineProperty(r,n,Object.getOwnPropertyDescriptor(e,n))})}return r}function vDe(r,t){if(!(r instanceof t))throw new TypeError("Cannot call a class as a function")}function LW(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 gDe(r,t,e){return t&&LW(r.prototype,t),e&&LW(r,e),Object.defineProperty(r,"prototype",{writable:!1}),r}function mDe(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&&DI(r,t)}function DI(r,t){return DI=Object.setPrototypeOf||function(n,i){return n.__proto__=i,n},DI(r,t)}function yDe(r){var t=wDe();return function(){var n=Rb(r),i;if(t){var a=Rb(this).constructor;i=Reflect.construct(n,arguments,a)}else i=n.apply(this,arguments);return bDe(this,i)}}function bDe(r,t){if(t&&(Pb(t)==="object"||typeof t=="function"))return t;if(t!==void 0)throw new TypeError("Derived constructors may only return object or undefined");return TI(r)}function TI(r){if(r===void 0)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return r}function wDe(){if(typeof Reflect>"u"||!Reflect.construct||Reflect.construct.sham)return!1;if(typeof Proxy=="function")return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],function(){})),!0}catch{return!1}}function Rb(r){return Rb=Object.setPrototypeOf?Object.getPrototypeOf:function(e){return e.__proto__||Object.getPrototypeOf(e)},Rb(r)}function uf(r,t,e){return t in r?Object.defineProperty(r,t,{value:e,enumerable:!0,configurable:!0,writable:!0}):r[t]=e,r}var EW=function(t){return Object.prototype.toString.call(t)};function $b(r,t){return r==null?null:Array.isArray(r)?r:r[t]}var II=function(r){mDe(e,r);var t=yDe(e);function e(){var n;vDe(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)),uf(TI(n),"state",n.generateInitialState()),uf(TI(n),"onLayoutChange",function(s){n.props.onLayoutChange(s,CI(CI({},n.props.layouts),{},uf({},n.state.breakpoint,s)))}),n}return gDe(e,[{key:"generateInitialState",value:function(){var i=this.props,a=i.width,o=i.breakpoints,s=i.layouts,l=i.cols,c=(0,lc.getBreakpointFromWidth)(o,a),u=(0,lc.getColsFromBreakpoint)(c,l),h=this.props.verticalCompact===!1?null:this.props.compactType,f=(0,lc.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,SI.default)(this.props.breakpoints,i.breakpoints)||!(0,SI.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,lc.getBreakpointFromWidth)(this.props.breakpoints,this.props.width),h=this.state.breakpoint,f=(0,lc.getColsFromBreakpoint)(u,s),d=CI({},l);if(h!==u||i.breakpoints!==o||i.cols!==s){h in d||(d[h]=(0,lf.cloneLayout)(this.state.layout));var p=(0,lc.findOrGenerateResponsiveLayout)(d,o,u,h,f,c);p=(0,lf.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=$b(this.props.margin,u),g=$b(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=dDe(i,hDe);return TW.createElement(cDe.default,MI({},s,{margin:$b(a,this.state.breakpoint),containerPadding:$b(o,this.state.breakpoint),onLayoutChange:this.onLayoutChange,layout:this.state.layout,cols:this.state.cols}))}}],[{key:"getDerivedStateFromProps",value:function(i,a){if(!(0,SI.default)(i.layouts,a.layouts)){var o=a.breakpoint,s=a.cols,l=(0,lc.findOrGenerateResponsiveLayout)(i.layouts,i.breakpoints,o,o,s,i.compactType);return{layout:l,layouts:i.layouts}}return null}}]),e}(TW.Component);kb.default=II,uf(II,"propTypes",{breakpoint:li.default.string,breakpoints:li.default.object,allowOverlap:li.default.bool,cols:li.default.object,margin:li.default.oneOfType([li.default.array,li.default.object]),containerPadding:li.default.oneOfType([li.default.array,li.default.object]),layouts:function(t,e){if(EW(t[e])!=="[object Object]")throw new Error("Layout property must be an object. Received: "+EW(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,lf.validateLayout)(t.layouts[n],"layouts."+n)})},width:li.default.number.isRequired,onBreakpointChange:li.default.func,onLayoutChange:li.default.func,onWidthChange:li.default.func}),uf(II,"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:lf.noop,onLayoutChange:lf.noop,onWidthChange:lf.noop});var AI={};function jb(r){return jb=typeof Symbol=="function"&&typeof Symbol.iterator=="symbol"?function(t){return typeof t}:function(t){return t&&typeof Symbol=="function"&&t.constructor===Symbol&&t!==Symbol.prototype?"symbol":typeof t},jb(r)}Object.defineProperty(AI,"__esModule",{value:!0}),AI.default=ODe;var zb=MDe($),_De=NW(za),SDe=NW(pb),xDe=["measureBeforeMount"];function NW(r){return r&&r.__esModule?r:{default:r}}function kW(r){if(typeof WeakMap!="function")return null;var t=new WeakMap,e=new WeakMap;return(kW=function(i){return i?e:t})(r)}function MDe(r,t){if(!t&&r&&r.__esModule)return r;if(r===null||jb(r)!=="object"&&typeof r!="function")return{default:r};var e=kW(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 LI(){return LI=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},LI.apply(this,arguments)}function CDe(r,t){if(r==null)return{};var e=DDe(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 DDe(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 TDe(r,t){if(!(r instanceof t))throw new TypeError("Cannot call a class as a function")}function OW(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 IDe(r,t,e){return t&&OW(r.prototype,t),e&&OW(r,e),Object.defineProperty(r,"prototype",{writable:!1}),r}function ADe(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&&EI(r,t)}function EI(r,t){return EI=Object.setPrototypeOf||function(n,i){return n.__proto__=i,n},EI(r,t)}function LDe(r){var t=NDe();return function(){var n=Fb(r),i;if(t){var a=Fb(this).constructor;i=Reflect.construct(n,arguments,a)}else i=n.apply(this,arguments);return EDe(this,i)}}function EDe(r,t){if(t&&(jb(t)==="object"||typeof t=="function"))return t;if(t!==void 0)throw new TypeError("Derived constructors may only return object or undefined");return gv(r)}function gv(r){if(r===void 0)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return r}function NDe(){if(typeof Reflect>"u"||!Reflect.construct||Reflect.construct.sham)return!1;if(typeof Proxy=="function")return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],function(){})),!0}catch{return!1}}function Fb(r){return Fb=Object.setPrototypeOf?Object.getPrototypeOf:function(e){return e.__proto__||Object.getPrototypeOf(e)},Fb(r)}function cf(r,t,e){return t in r?Object.defineProperty(r,t,{value:e,enumerable:!0,configurable:!0,writable:!0}):r[t]=e,r}var kDe="react-grid-layout";function ODe(r){var t;return t=function(e){ADe(i,e);var n=LDe(i);function i(){var a;TDe(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)),cf(gv(a),"state",{width:1280}),cf(gv(a),"elementRef",zb.createRef()),cf(gv(a),"mounted",!1),cf(gv(a),"onWindowResize",function(){if(a.mounted){var c=a.elementRef.current;c instanceof HTMLElement&&c.offsetWidth&&a.setState({width:c.offsetWidth})}}),a}return IDe(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=CDe(o,xDe);return s&&!this.mounted?zb.createElement("div",{className:(0,SDe.default)(this.props.className,kDe),style:this.props.style,ref:this.elementRef}):zb.createElement(r,LI({innerRef:this.elementRef},l,this.state))}}]),i}(zb.Component),cf(t,"defaultProps",{measureBeforeMount:!1}),cf(t,"propTypes",{measureBeforeMount:_De.default.bool}),t}(function(r){r.exports=uv.default,r.exports.utils=kt,r.exports.Responsive=kb.default,r.exports.Responsive.utils=sc,r.exports.WidthProvider=AI.default})(DH);var PW=DH.exports;const LPe="",hf={"MetricList-container":"_MetricList-container_rnhrz_1","MetricList-wrapper":"_MetricList-wrapper_rnhrz_9","MetricList-wrapper-move":"_MetricList-wrapper-move_rnhrz_25","noMetric-container":"_noMetric-container_rnhrz_33","noMetric-wrapper":"_noMetric-wrapper_rnhrz_41","alt-container":"_alt-container_rnhrz_49",fullscreen:"_fullscreen_rnhrz_57"},NI={deleteModal:"_deleteModal_pyqjp_1",cancelBtn:"_cancelBtn_pyqjp_9",warningIcon:"_warningIcon_pyqjp_17"},PDe=r=>L.jsxs("svg",{viewBox:"0 0 512 512",width:"1.2em",height:"1.2em",...r,children:[L.jsx("path",{fill:"none",stroke:"currentColor",strokeLinecap:"round",strokeLinejoin:"round",strokeWidth:32,d:"M85.57 446.25h340.86a32 32 0 0 0 28.17-47.17L284.18 82.58c-12.09-22.44-44.27-22.44-56.36 0L57.4 399.08a32 32 0 0 0 28.17 47.17Z"}),L.jsx("path",{fill:"none",stroke:"currentColor",strokeLinecap:"round",strokeLinejoin:"round",strokeWidth:32,d:"m250.26 195.39l5.74 122l5.73-121.95a5.74 5.74 0 0 0-5.79-6h0a5.74 5.74 0 0 0-5.68 5.95Z"}),L.jsx("path",{fill:"currentColor",d:"M256 397.25a20 20 0 1 1 20-20a20 20 0 0 1-20 20Z"})]}),RDe=({isOpen:r,onClose:t,onArchive:e,isLoading:n})=>L.jsxs(No,{headerTitle:"Archive Metric",isOpen:r,onClose:t,children:[L.jsxs("div",{className:NI.deleteModal,children:[L.jsx(PDe,{className:NI.warningIcon}),L.jsx(Se,{variant:"p",styleClass:"font-14",children:"Are you sure you want to archive the metric?"})]}),L.jsxs(If,{children:[L.jsx(Ie,{variant:"secondary",type:"button",size:"default",className:NI.cancelBtn,onClick:t,children:"Cancel"}),L.jsx(Ie,{variant:"reject",type:"button",size:"default",isDisabled:n,onClick:e,children:n?"Archiving...":"Archive"})]})]}),ff={downloadCsv:"_downloadCsv_1amgw_1",downloadCsvWrapper:"_downloadCsvWrapper_1amgw_9",downloadCsvHeader:"_downloadCsvHeader_1amgw_17",downloadCsvFooter:"_downloadCsvFooter_1amgw_25",downloadCsvCancelBtn:"_downloadCsvCancelBtn_1amgw_33",downloadCsvDisableBtn:"_downloadCsvDisableBtn_1amgw_39",downloadCsvNote:"_downloadCsvNote_1amgw_45",downloadCsvExpiredNote:"_downloadCsvExpiredNote_1amgw_53",downloadCsvNoteText:"_downloadCsvNoteText_1amgw_59",downloadCsvSuccessNote:"_downloadCsvSuccessNote_1amgw_65",downloadCsvSuccessText:"_downloadCsvSuccessText_1amgw_71","tab-border-bottom":"_tab-border-bottom_1amgw_77","download-info-text":"_download-info-text_1amgw_85",downloadUrlTimeline:"_downloadUrlTimeline_1amgw_93",timeLineItem:"_timeLineItem_1amgw_101",timeLineActiveIcon:"_timeLineActiveIcon_1amgw_109",timeLineIcon:"_timeLineIcon_1amgw_117",timeLineItemline:"_timeLineItemline_1amgw_125",downloadCsvLoading:"_downloadCsvLoading_1amgw_133",downloadCsvLoadingIcon:"_downloadCsvLoadingIcon_1amgw_141",downloadCsvLoadingText:"_downloadCsvLoadingText_1amgw_149",timeLineCheckedIcon:"_timeLineCheckedIcon_1amgw_157",timeLineCheckedIconWrapper:"_timeLineCheckedIconWrapper_1amgw_165",downloadCsvBackBtnWrapper:"_downloadCsvBackBtnWrapper_1amgw_173",downloadCsvBackBtnText:"_downloadCsvBackBtnText_1amgw_181",downloadCsvHeaderText:"_downloadCsvHeaderText_1amgw_203",downloadCsvTabContainer:"_downloadCsvTabContainer_1amgw_211",downloadCsvActiveTab:"_downloadCsvActiveTab_1amgw_219",downloadCsvTab:"_downloadCsvTab_1amgw_211",downloadCsvActiveTabText:"_downloadCsvActiveTabText_1amgw_235"},$De=r=>{const e=Date.now()-r,n=[{label:"year",duration:1e3*60*60*24*365},{label:"month",duration:1e3*60*60*24*30},{label:"week",duration:1e3*60*60*24*7},{label:"day",duration:1e3*60*60*24},{label:"hour",duration:1e3*60*60},{label:"minute",duration:1e3*60},{label:"second",duration:1e3},{label:"millisecond",duration:1}];for(const i of n){const a=Math.floor(e/i.duration);if(a>=1)return`${a} ${i.label}${a>1?"s":""} ago`}return"just now"},kI=({query:r,clientName:t,tenancyType:e,values:n})=>{const i=t?e===XA?r.replace(new RegExp(ZA,"g"),t):Number(t)?r.replace(new RegExp(qA,"g"),t):r.replace(new RegExp(GA,"g"),t):r;return n?i.replace(/[^']+_variable/g,o=>`${n[o]}`):i},RW=r=>{const t=r.split("?")[1],e=new URLSearchParams(t),n=parseInt(e.get("Expires"),10),i=Math.floor(Date.now()/1e3),a=n-i;return{isExpired:i>=n,secondsLeft:a}},jDe=r=>{if(!r.length)return!1;const t=/^[\w-]+(\.[\w-]+)*@([\w-]+\.)+[a-zA-Z]{2,7}$/;return r.every(e=>t.test(e))},zDe=r=>{try{return JSON.parse(r)}catch{return[]}},FDe=({onCloseModal:r,sharingSettingsId:t,filterValues:e,metricItem:n})=>{var M,A;const i=_c(),{data:a}=hY({id:(M=n==null?void 0:n.companyIntegration)==null?void 0:M.workspaceId},{enabled:!!((A=n==null?void 0:n.companyIntegration)!=null&&A.workspaceId),refetchOnWindowFocus:!1}),[o,s]=$.useState(""),[l,c]=$.useState(!1),[u,h]=$.useState(""),{mutate:f}=kY(),{mutate:d}=_Y();xY();const{mutate:p}=CY(),{mutate:v}=BY(),{handleSubmit:g,register:m,setValue:y,control:b}=Rv(),{data:w}=nY({externalMetricId:n==null?void 0:n.id},{enabled:!!(n!=null&&n.id),refetchOnWindowFocus:!1}),_=$.useMemo(()=>{var E,N,k,O;return{expireTimeInMin:((N=(E=a==null?void 0:a.companyWorkspaces_by_pk)==null?void 0:E.rawCsvSettings)==null?void 0:N.expireTimeInMin)||30,isEnable:!!((O=(k=a==null?void 0:a.companyWorkspaces_by_pk)==null?void 0:k.rawCsvSettings)!=null&&O.expireTimeInMin)}},[a]),S=$.useMemo(()=>{if(w!=null&&w.externalMetricRawCsvUrls.length){const E=zDe(w.externalMetricRawCsvUrls[0].urls);return{urls:E,lastUpdatedAt:$De(Date.parse(w.externalMetricRawCsvUrls[0].lastUpdatedAt)),isExpired:E.length?RW(E[0]).isExpired:!0,error:w.externalMetricRawCsvUrls[0].error,expireUrlIn:E.length?RW(E[0]).secondsLeft:0,status:w.externalMetricRawCsvUrls[0].requestStatus}}return{urls:[],lastUpdatedAt:0,isExpired:!0,error:null,expireUrlIn:0,status:"NONE"}},[w==null?void 0:w.externalMetricRawCsvUrls]),C=E=>{s(""),fetch(E).then(N=>(N.ok||(N.status===403?s("download link is expired"):s("something went wrong")),N.blob())).then(N=>{const k=URL.createObjectURL(N),O=document.createElement("a");O.download=`${n==null?void 0:n.name}.csv`,O.href=k,document.body.appendChild(O),O.click(),document.body.removeChild(O)}).catch(()=>{s("There was an error downloading the CSV file. Please try again later.")})},I=({companyId:E,sqlQuery:N,values:k,clientName:O,tenancyType:P,metricName:z,workspaceId:B})=>{c(!0),h("");const H=kI({query:N,clientName:O,tenancyType:P,values:e});f({companyId:E,recipientAddress:k.email,sqlQuery:H,metricName:z,workspaceId:B},{onSuccess({sendRawCsv:V}){const R=V==null?void 0:V.status,j=V==null?void 0:V.error;R?(h(""),c(!1),r(!1)):j?(h(j.message),c(!1)):(h(Sn),c(!1))}})},D=({clientName:E,tenancyType:N,expirationMinutes:k,onSuccess:O})=>{const P=new Date(Date.now()+k*60*1e3);d({configurations:{metricItem:n},expireCsvFileAt:P,expireUrlIn:k*60,externalMetricId:n==null?void 0:n.id,integrationId:n==null?void 0:n.companyIntegrationId,integrationName:n==null?void 0:n.integrationName,query:kI({query:n==null?void 0:n.query,clientName:E,tenancyType:N,values:e})},{onSuccess({invokeSaveRawCsvDetails:z}){z!=null&&z.statusCode?(c(!1),h(""),O()):z!=null&&z.error?(c(!1),h(z.error)):(c(!1),h(Sn))},onError(){c(!1),h(Sn)}})};return{isLoading:l,downloadCsvError:u,onSubmitDownloadCsv:I,handleSubmit:g,register:m,csvDownloadUrls:S,handleDownload:C,csvDownloadUrlError:o,saveRawCsvDetails:D,onRequestToDownload:({clientName:E,tenancyType:N,requestStatus:k})=>{c(!0),h("");const O=_.expireTimeInMin||30;v({configurations:n,expireUrlIn:O*60,externalMetricId:n==null?void 0:n.id,requestStatus:k,urls:"[]"},{onSuccess({insert_externalMetricRawCsvUrls_one:P}){P!=null&&P.id?D({expirationMinutes:O,clientName:E,tenancyType:N,onSuccess:()=>{i.setQueryData(["ExternalMetricRawCsvUrls",{externalMetricId:n==null?void 0:n.id}],z=>({...z,externalMetricRawCsvUrls:[P]}))}}):(c(!1),h(Sn))},onError(){c(!1),h(Sn)}})},setValue:y,control:b,onSumbitSendCsvUrl:({values:E,clientName:N,tenancyType:k})=>{c(!0),h("");const O=_.expireTimeInMin||30,P=new Date(Date.now()+O*60*1e3),z=kI({query:n==null?void 0:n.query,clientName:N,tenancyType:k,values:e}),B=E.emails;if(!jDe(B)){c(!1),h("please enter valid email");return}if(!t){c(!1),h("no sharing settings are found");return}p({configurations:n,emails:B,expireCsvFileAt:P,expireUrlIn:O*60,externalMetricId:n==null?void 0:n.id,integrationId:n==null?void 0:n.companyIntegrationId,integrationName:n==null?void 0:n.integrationName,query:z,sharingSettingsId:t,subject:E.subject},{onSuccess({shareCsvUrl:H}){H?(c(!1),h(""),r(!1)):(c(!1),h(Sn))},onError(){c(!1),h(Sn)}})},isDisableDownloadSettings:!t||!_.isEnable}},df={required:"Required"};({...df},{...df}),{...df};const pf={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"},BDe=({control:r,placeholder:t,name:e,label:n,onChangeTags:i,defaultTagValue:a})=>{const[o,s]=$.useState([]),[l,c]=$.useState(""),u=d=>{s(o.filter(p=>p!==d))},h=d=>{d.key==="Enter"&&d.preventDefault()};$.useEffect(()=>{i&&i(o)},[o]),$.useEffect(()=>{a&&Array.isArray(a)&&s(a)},[a]);const f=d=>{c(d.target.value);let p=d.target.value.split(/[,\s]/);p=p.filter(v=>v!==""),s([...new Set(p)])};return L.jsx(tw,{name:e||"tags",control:r,defaultValue:"",render:({field:d})=>L.jsxs("div",{className:pf.inputFieldContainer,children:[L.jsx(Ge,{...d,type:"text",value:l,onChange:f,onKeyDown:h,placeholder:t,label:n}),L.jsx("div",{className:pf["tag-container"],children:o.map(p=>L.jsx("div",{className:pf.tag,children:L.jsxs(Ie,{variant:"custom",type:"button",onClick:()=>u(p),className:pf.tagBtn,children:[L.jsx("span",{className:pf["tag-text"],children:p}),L.jsx(nt,{name:"close-icon",className:pf["cross-icon"]})]})},p))})]})})},$W=$.memo(BDe),jW=({onCloseModal:r,isShowRawCsvModal:t,metricItem:e,client:n,companyTenancyType:i,filterValues:a,sharingSettingsId:o})=>{const{downloadCsvError:s,handleSubmit:l,isLoading:c,onSumbitSendCsvUrl:u,register:h,control:f,setValue:d,csvDownloadUrls:p,onRequestToDownload:v,handleDownload:g,csvDownloadUrlError:m,isDisableDownloadSettings:y}=FDe({onCloseModal:r,metricItem:e,filterValues:a,sharingSettingsId:o}),b=()=>L.jsx(L.Fragment,{children:L.jsxs("form",{onSubmit:l(w=>u({values:w,clientName:n,tenancyType:i})),children:[L.jsxs("div",{className:ff.downloadCsvWrapper,children:[L.jsx(Ge,{type:"subject",label:"subject",placeholder:"enter a subject",register:h("subject",df),defaultValue:e==null?void 0:e.name}),L.jsx($W,{control:f,type:"text",label:"Send to",placeholder:"Enter email addresses separated by space or comma",onChangeTags:w=>d("emails",w)}),s&&L.jsx(rg,{message:s}),L.jsxs("div",{className:ff.downloadCsvNote,children:[L.jsx(nt,{name:"info-icon",className:ff.popupItemIcon}),L.jsxs("div",{className:ff.downloadCsvNoteText,children:[L.jsx(Se,{styleClass:"primary",variant:"h1",children:"Note:"}),L.jsx(Se,{styleClass:"font-14",variant:"p",children:"You will shortly receive a mail with CSV download URL to the above email id(s), once you click on Submit"})]})]})]}),L.jsxs(If,{children:[L.jsx(Ie,{variant:"custom",type:"button",size:"small",className:ff.downloadCsvCancelBtn,onClick:()=>r(!1),isDisabled:c,children:"Cancel"}),L.jsx(Ie,{variant:"primary",type:"submit",size:"small",isDisabled:c||y,children:"Submit"})]})]})});return L.jsx(No,{isOpen:t,onClose:()=>r(!1),headerTitle:"Download Raw CSV",children:L.jsx("div",{className:ff.downloadCsv,children:L.jsx(b,{})})})};$.memo(jW);const VDe={alertCancel:"_alertCancel_15a9a_1"},HDe=({onCancel:r,onSave:t,isLoading:e})=>L.jsx(L.Fragment,{children:L.jsxs(CT,{text:`It seems like you have made changes to the layout. Please click on\r
-            the save button to save the changes to the layout.`,children:[L.jsx(Ie,{variant:"secondary",type:"button",size:"small",className:VDe.alertCancel,onClick:r,children:"Cancel"}),L.jsx(Ie,{variant:"primary",type:"button",size:"small",className:"disabled:opacity-40 disabled:cursor-not-allowed",onClick:t,isDisabled:e,children:"Save"})]})}),pRe={fullscreen:"_fullscreen_1309s_1"},Vt={cardContainer:"_cardContainer_1ax0c_1",morePopup:"_morePopup_1ax0c_9",features:"_features_1ax0c_17",listHeader:"_listHeader_1ax0c_25",metricName:"_metricName_1ax0c_33",metricTitle:"_metricTitle_1ax0c_41",metricDescription:"_metricDescription_1ax0c_49",popup:"_popup_1ax0c_57",metricFilter:"_metricFilter_1ax0c_65",popupIcon:"_popupIcon_1ax0c_73",popupMenu:"_popupMenu_1ax0c_81",popupItem:"_popupItem_1ax0c_89",popupItemIcon:"_popupItemIcon_1ax0c_97",csvBtn:"_csvBtn_1ax0c_105",deleteBtn:"_deleteBtn_1ax0c_113",metricData:"_metricData_1ax0c_121",metricTable:"_metricTable_1ax0c_129",singleValueData:"_singleValueData_1ax0c_137",singleValue:"_singleValue_1ax0c_137",noData:"_noData_1ax0c_153",noDataContent:"_noDataContent_1ax0c_161",noDataText:"_noDataText_1ax0c_169",singleChartText:"_singleChartText_1ax0c_177",loading:"_loading_1ax0c_185",fullscreen:"_fullscreen_1ax0c_201",dynamicGroupFormat:"_dynamicGroupFormat_1ax0c_209",dynamicGroupContainer:"_dynamicGroupContainer_1ax0c_217",topLeft:"_topLeft_1ax0c_223",topRight:"_topRight_1ax0c_229"},zW="data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz48c3ZnIGlkPSJMYXllcl8xIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAzMDAgMzAwIj48ZGVmcz48c3R5bGU+LmNscy0xe3N0cm9rZTojMTgyYzYwO30uY2xzLTEsLmNscy0ye2ZpbGw6bm9uZTtzdHJva2UtbGluZWNhcDpyb3VuZDtzdHJva2UtbGluZWpvaW46cm91bmQ7fS5jbHMtM3tmaWxsOiM1ODY1ZjY7b3BhY2l0eTouMTt9LmNscy00e2ZpbGw6I2YyZjNmNDt9LmNscy01e2ZpbGw6I2MxYzdjOTt9LmNscy02e2ZpbGw6I2RhZGVkZjt9LmNscy03e2ZpbGw6IzE4MmM2MDt9LmNscy0ye3N0cm9rZTojNTg2NWY2O3N0cm9rZS13aWR0aDo0cHg7fTwvc3R5bGU+PC9kZWZzPjxwYXRoIGNsYXNzPSJjbHMtMSIgZD0ibTIxMC41LDIwMC44M2MuNC0uNjYuNjgtMS40LjgyLTIuMiwxLjU4LTguODcsMy4xNS0xNy43NSw0LjczLTI2LjYyLDIuMDMtMTEuNDQsNC4wNi0yMi44OCw2LjA5LTM0LjMyLjcyLTQuMDgsMS43Ny04LjI1LDIuMTYtMTIuMzguNDMtNC41Ni0yLjA5LTkuNjgtNi44Ni0xMC42Ni0uMDEsMC0uMDMsMC0uMDQsMC0yLjQtLjQ5LTUuMDItLjIyLTcuNDUtLjIyaC00NC4yMmMtLjUyLDAtMi4zMy0uMzEtMi43NywwbC0yNC4yOCwxNy4yMmgtNjEuNjFjLTMuOTcsMC02Ljk5LDMuNTYtNi4zNCw3LjQ3bDkuNzUsNTkuNDJjLjUxLDMuMTEsMy4yLDUuMzksNi4zNCw1LjM5aDExNy44NiIvPjxwYXRoIGNsYXNzPSJjbHMtMSIgZD0ibTIwNywxMTQuNDN2LTguNTRjMC0zLjU1LTIuODgtNi40My02LjQzLTYuNDNoLTE3LjE5Ii8+PHBhdGggY2xhc3M9ImNscy0xIiBkPSJtMTAzLjQ3LDk5LjQ2aC0xNS4xMmMtMy41NSwwLTYuNDMsMi44OC02LjQzLDYuNDN2MjUuNDgiLz48Zz48bGluZSBjbGFzcz0iY2xzLTIiIHgxPSIxMTQuMTIiIHkxPSI5NC4wOCIgeDI9IjE0NC44NCIgeTI9Ijk0LjA4Ii8+PGc+PHJlY3QgY2xhc3M9ImNscy02IiB4PSIxMTIuNjEiIHk9IjEwMi40MyIgd2lkdGg9IjE4Ljk3IiBoZWlnaHQ9IjMuMiIvPjxyZWN0IGNsYXNzPSJjbHMtNCIgeD0iMTM3LjYxIiB5PSIxMDIuNDMiIHdpZHRoPSI4LjkiIGhlaWdodD0iMy4yIi8+PC9nPjwvZz48cGF0aCBjbGFzcz0iY2xzLTMiIGQ9Im0xNjQuOTgsODEuNDZsLS4wOCwxNi4yOHMuMTUsMy4yNC4zLDMuNjIuNiwxLjUxLDEuMTMsMS44OCwxLjAyLjc5LDEuNzcsMS4wNi45NC40OSwyLjExLjQ5LDE4LjE3LjA0LDE4LjE3LjA0bC0yMy40MS0yMy4zN1oiLz48cGF0aCBjbGFzcz0iY2xzLTEiIGQ9Im0xODguNTEsMTA0LjkxdjkuNTIiLz48cGF0aCBjbGFzcz0iY2xzLTEiIGQ9Im0xMDMuNTMsMTMxLjM3di00NC45NWMwLTIuODQsMi4zLTUuMTUsNS4xNS01LjE1LDE4Ljc3LDAsMzcuNTQsMCw1Ni4zMSwwIi8+PHBhdGggY2xhc3M9ImNscy0xIiBkPSJtMTY1LjAxLDgxLjI3djE4LjM1YzAsMi44NCwyLjMxLDUuMTUsNS4xNSw1LjE1aDE4LjM1cy0yMy41LTIzLjYyLTIzLjUtMjMuNVoiLz48Y2lyY2xlIGNsYXNzPSJjbHMtMSIgY3g9IjE2OC4yMSIgY3k9IjE2My4yNyIgcj0iMjQuOTYiLz48Y2lyY2xlIGNsYXNzPSJjbHMtMSIgY3g9IjE2OC4yMSIgY3k9IjE2My4yNyIgcj0iMzEuMjUiLz48cGF0aCBjbGFzcz0iY2xzLTEiIGQ9Im0xOTIuNTcsMTgzLjMzYzkuNjIsOS42MiwzMC4yOCwzMC4yOCwzMC4yOCwzMC4yOCwxLjE3LDEuMTcsMS4xNywzLjA3LDAsNC4yNHMtMy4wNywxLjE3LTQuMjQsMGMwLDAtMjAuNTgtMjAuNTgtMzAuMjItMzAuMjIiLz48Zz48cGF0aCBjbGFzcz0iY2xzLTUiIGQ9Im0xNjguNjYsMTcwLjkzYy0uNzQsMC0xLjM0LjI0LTEuODEuNzItLjQ3LjQ4LS43MSwxLjA5LS43MSwxLjgzcy4yNCwxLjMyLjcxLDEuODFjLjQ3LjQ5LDEuMDcuNzQsMS44MS43NHMxLjM0LS4yNSwxLjgxLS43NGMuNDctLjQ5LjcxLTEuMS43MS0xLjgxcy0uMjQtMS4zNC0uNzEtMS44M2MtLjQ3LS40OC0xLjA4LS43Mi0xLjgxLS43MloiLz48cGF0aCBjbGFzcz0iY2xzLTUiIGQ9Im0xNzQuNjksMTUzLjc3Yy0uNjItMS4wMi0xLjQ5LTEuODItMi42LTIuNC0xLjEyLS41Ny0yLjQtLjg2LTMuODUtLjg2LTEuNjgsMC0zLjE3LjQtNC40NywxLjE5cy0yLjI5LDEuOTQtMi45OCwzLjQzbDIuNzYsMi4yOGMuNDYtMS4wNiwxLjA3LTEuODYsMS44NS0yLjQuNzctLjU0LDEuNjUtLjgxLDIuNjQtLjgxLjc2LDAsMS40MS4xNCwxLjk3LjQxLjU1LjI4Ljk4LjY3LDEuMjgsMS4xNy4zLjUxLjQ1LDEuMS40NSwxLjc5cy0uMTYsMS4yOS0uNDcsMS44MWMtLjMxLjUyLS43NS45Mi0xLjMxLDEuMjEtLjU2LjI5LTEuMjIuNDMtMS45OC40M2gtLjkzdjYuNjZoMy4yOGwuMjYtMy43M2MuNzEtLjI0LDEuMzctLjU1LDEuOTUtLjkzLjk5LS42NCwxLjc1LTEuNDUsMi4yOS0yLjQxLjU0LS45Ny44MS0yLjA3LjgxLTMuMzEsMC0xLjMzLS4zMS0yLjUxLS45My0zLjU0WiIvPjwvZz48cGF0aCBjbGFzcz0iY2xzLTEiIGQ9Im04NS41NSwyMDMuOTdjLjY4LDIuODksMy4yNiw0Ljk2LDYuMjYsNC45NmgxMTcuNzMiLz48cGF0aCBjbGFzcz0iY2xzLTEiIGQ9Im0yMTUuMzcsMjA2LjA0Yy40Ny0uNzEuOC0xLjUyLjk1LTIuNCwxLjU4LTguODcsMy4xNS0xNy43NSw0LjczLTI2LjYyLDIuMDMtMTEuNDQsNC4wNi0yMi44OCw2LjA5LTM0LjMyLjcyLTQuMDgsMS43Ny04LjI1LDIuMTYtMTIuMzguMzktNC4xNi0xLjY4LTguNzktNS42Ny0xMC4zMSIvPjxwYXRoIGNsYXNzPSJjbHMtNyIgZD0ibTIyMy41MSwxMjAuMDhzLjQ5LDEuNjIuNTMsMS43My4zMiwyLjQ0LjMyLDIuNDRsLS4wNCwxLjkxLTEuMzgsNy4xMy0zLjM5LDE5LjMxLTIuODksMTUuOTItMi45NiwxNi43Ni0yLjQ0LDEzLjE2LS45MiwyLjY1LDQuOTgsNS4xNS44NS0yLjE1LjgxLTQuMDYsMS40OC04LjMzLDIuODItMTUuNzEsMi4xNS0xMi4xMSwxLjk0LTExLjM2LDIuNzUtMTQuNzUuODgtNC42OS4yOC0yLjU4LjA3LTIuMTItLjYtMi43NS0xLjI0LTIuMzYtMS4wOS0xLjU5LTIuMDEtMS4zMS0uOTItLjI4WiIvPjxwb2x5Z29uIGNsYXNzPSJjbHMtNyIgcG9pbnRzPSI4NS42OCAyMDMuOTMgMjA0LjU1IDIwMy44NCAyMDkuMzUgMjA4LjczIDE0OC40OCAyMDguODggOTAuOTUgMjA5LjAyIDg5LjUgMjA4LjY2IDg3Ljk4IDIwNy45MiA4Ni44MiAyMDYuNTggODYuMDEgMjA1LjAzIDg1LjY4IDIwMy45MyIvPjwvc3ZnPg==",FW=$.memo(({isDataLength:r,isLoading:t,isSingleValue:e,dataDb:n,chartType:i})=>{const a=i==="single value";return L.jsxs(L.Fragment,{children:[!t&&!r?L.jsx("div",{className:Vt.noData,children:L.jsxs("div",{className:Vt.noDataContent,children:[a?null:L.jsx("img",{src:zW,alt:"",width:"300px",height:"300px"}),L.jsx("div",{className:`${a?Vt.singleChartText:Vt.noDataText}`,children:"No Data Available"})]})}):null,!t&&r&&n[e]===null&&L.jsx("div",{className:Vt.noData,children:L.jsxs("div",{className:Vt.noDataContent,children:[a?null:L.jsx("img",{src:zW,alt:"",width:"300px",height:"300px"}),L.jsx("div",{className:`${a?Vt.singleChartText:Vt.noDataText}`,children:"No Data Available"})]})}),t&&L.jsx("div",{className:Vt.loading,children:L.jsx(Wu,{style:{width:"50px",height:"50px",color:"blue"}})})]})}),WDe=r=>L.jsx("svg",{viewBox:"0 0 24 24",width:"1.2em",height:"1.2em",...r,children:L.jsx("path",{fill:"currentColor",d:"M5 21q-.825 0-1.413-.587Q3 19.825 3 19V6.5q0-.375.125-.675q.125-.3.325-.575l1.4-1.7q.2-.275.5-.413Q5.65 3 6 3h12q.35 0 .65.137q.3.138.5.413l1.4 1.7q.2.275.325.575q.125.3.125.675V19q0 .825-.587 1.413Q19.825 21 19 21Zm.4-15h13.2l-.85-1H6.25ZM5 8v11h14V8Zm7 10l4-4l-1.4-1.4l-1.6 1.6V10h-2v4.2l-1.6-1.6L8 14Zm-7 1h14H5Z"})}),mv={metricFilter:"_metricFilter_zg60x_1",customContainer:"_customContainer_zg60x_4"},BW=({rlsConditions:r,onChangeFilterValue:t,companyId:e,integrationId:n,integrationName:i})=>L.jsx(L.Fragment,{children:r&&t?r.datatype!=="date"?r.datatype==="string"?r.options.length?L.jsx(ag,{selectedOptions:Array.isArray(r.value)&&r.value.length?r.value.map(a=>({label:a,value:a})):[],options:r.options.map(a=>({value:a,label:a})),onChange:a=>t(r.name,a==null?void 0:a[0].value,void 0,a),label:r.name,className:mv.metricFilter}):L.jsx(Ew,{selectedOptions:Array.isArray(r.value)&&r.value.length?r.value.map(a=>({label:a,value:a})):[],onChange:a=>t(r.name,a==null?void 0:a[0].value,void 0,a),filter:{tableName:r.tableName,columnName:r.columnName},companyId:e,isSearchEnabled:!0,autoSelected:Array.isArray(r.value)&&!r.value.length,label:r.name,integrationId:n,integrationName:i,className:mv.metricFilter}):L.jsx(Vr,{label:r.name,selectedOption:{value:r.value||r.options[0],label:r.value||r.options[0]},options:r.options.map(a=>({value:a,label:a})),onChange:a=>t(r.name,a.value),className:mv.metricFilter}):L.jsx(Vr,{label:r.name,selectedOption:{value:r.value||r.options[0].name,label:r.value||r.options[0].name},options:r.options.map(a=>({value:a.name,label:a.name})),onChange:a=>t(r.name,a.value),className:mv.metricFilter,children:r.value==="Custom"?L.jsxs("div",{className:mv.customContainer,children:[L.jsx(Ge,{label:"From Date",type:"date",onChange:({target:{value:a}})=>{t(r.name,"Custom",{startDate:new Date(Date.parse(a))})}}),L.jsx(Ge,{label:"To Date",type:"date",onChange:({target:{value:a}})=>t(r.name,"Custom",{endDate:new Date(Date.parse(a))})})]}):null}):null}),Yn={container:"_container_1jpte_1",popover:"_popover_1jpte_5",popupContainer:"_popupContainer_1jpte_6",button:"_button_1jpte_10",buttonOpen:"_buttonOpen_1jpte_14",menu:"_menu_1jpte_18",enter:"_enter_1jpte_22",enterFrom:"_enterFrom_1jpte_26",enterTo:"_enterTo_1jpte_30",leave:"_leave_1jpte_34",leaveFrom:"_leaveFrom_1jpte_38",leaveTo:"_leaveTo_1jpte_42",center:"_center_1jpte_46",top:"_top_1jpte_50",bottom:"_bottom_1jpte_54",left:"_left_1jpte_58",right:"_right_1jpte_62","left-top-end":"_left-top-end_1jpte_66","right-top-end":"_right-top-end_1jpte_70","left-bottom-end":"_left-bottom-end_1jpte_74","right-bottom-end":"_right-bottom-end_1jpte_78","top-left":"_top-left_1jpte_82","top-right":"_top-right_1jpte_86","bottom-left":"_bottom-left_1jpte_90","bottom-right":"_bottom-right_1jpte_94","left-top":"_left-top_1jpte_66","left-bottom":"_left-bottom_1jpte_74","right-top":"_right-top_1jpte_70","right-bottom":"_right-bottom_1jpte_78",chartOptionBtn:"_chartOptionBtn_1jpte_114",chartpopup:"_chartpopup_1jpte_118"},OI={fullscreen:"_fullscreen_1gpy3_1",loading:"_loading_1gpy3_5"},GDe=({isShowUnderlyingData:r,setShowUnderlyingData:t,getUnderlyingData:e,columnName:n,value:i})=>{const[a,o]=$.useState([]),[s,l]=$.useState(!0);return $.useEffect(()=>{n&&i&&r&&e({columnName:n,setData:o,setLoading:l,value:i})},[n,i,r]),L.jsx(No,{isOpen:r,onClose:()=>t(!1),headerTitle:"View Underlying Data",children:L.jsxs("div",{className:OI.fullscreen,children:[!!a.length&&L.jsx(Bh,{data:a,isLoading:!1,error:""}),!a.length&&!s&&L.jsx("div",{className:OI.loading,children:"No Data Available"}),s&&!a.length&&L.jsx("div",{className:OI.loading,children:L.jsx(Wu,{style:{width:"50px",height:"50px",color:"blue"}})})]})})},UDe=$.memo(GDe),YDe=r=>L.jsx("svg",{viewBox:"0 0 24 24",width:"1.2em",height:"1.2em",...r,children:L.jsx("g",{id:"evaLayersFill0",children:L.jsx("g",{id:"evaLayersFill1",children:L.jsxs("g",{id:"evaLayersFill2",fill:"currentColor",children:[L.jsx("path",{d:"m3.24 7.29l8.52 4.63a.51.51 0 0 0 .48 0l8.52-4.63a.44.44 0 0 0-.05-.81L12.19 3a.5.5 0 0 0-.38 0L3.29 6.48a.44.44 0 0 0-.05.81Z"}),L.jsx("path",{d:"m20.71 10.66l-1.83-.78l-6.64 3.61a.51.51 0 0 1-.48 0L5.12 9.88l-1.83.78a.48.48 0 0 0 0 .85l8.52 4.9a.46.46 0 0 0 .48 0l8.52-4.9a.48.48 0 0 0-.1-.85Z"}),L.jsx("path",{d:"m20.71 15.1l-1.56-.68l-6.91 3.76a.51.51 0 0 1-.48 0l-6.91-3.76l-1.56.68a.49.49 0 0 0 0 .87l8.52 5a.51.51 0 0 0 .48 0l8.52-5a.49.49 0 0 0-.1-.87Z"})]})})})}),QDe=r=>L.jsx("svg",{viewBox:"0 0 24 24",width:"1.2em",height:"1.2em",...r,children:L.jsx("path",{fill:"currentColor",d:"M14 3v2h3.59l-9.83 9.83l1.41 1.41L19 6.41V10h2V3m-2 16H5V5h7V3H5a2 2 0 0 0-2 2v14a2 2 0 0 0 2 2h14a2 2 0 0 0 2-2v-7h-2v7Z"})}),ZDe=({position:r="center",menuContainerClass:t,menuClass:e,isOpen:n,setOpen:i,value:a,columnName:o,getUnderlyingData:s,clickBehaviourConfigs:l,elementRef:c})=>{const[u,h]=$.useState(!1),f=$.useRef(null);return Sc({wrapRef:f,onOutsideClick:()=>i(!1)}),$.useEffect(()=>{if(!c||r!=="dynamic")return;const{containerRef:d,event:p}=c,v=p;if(!d.current||!f.current||!v)return;const g=d.current.getBoundingClientRect(),m=f.current.getBoundingClientRect(),[y,b]=Pye(v,g,m);Rye(f.current,y,b)},[c,n,r]),L.jsxs(L.Fragment,{children:[L.jsx("div",{onContextMenu:d=>{d.preventDefault()},ref:f,className:`${r==="dynamic"&&Yn.popupContainer}`,children:L.jsx("div",{className:`${Yn.popover} ${r==="dynamic"||Yn[r]}  ${t}`,children:L.jsx(Hv,{as:"div",className:`${Yn.menu} ${e}`,show:n,enter:Yn.enter,enterFrom:Yn.enterFrom,enterTo:Yn.enterTo,leave:Yn.leave,leaveFrom:Yn.leaveFrom,leaveTo:Yn.leaveTo,children:L.jsxs("div",{className:Yn.chartpopup,children:[L.jsxs(Ie,{variant:"custom",type:"button",className:Yn.chartOptionBtn,onClick:()=>h(!0),children:[L.jsx(YDe,{className:Yn.popupItemIcon}),L.jsx(Se,{variant:"p",styleClass:"font-14",children:"View underlying data"})]}),l.isEnable&&L.jsxs(Ie,{variant:"custom",type:"button",className:Yn.chartOptionBtn,onClick:()=>gD(l,(a==null?void 0:a.split(" ").join("_"))||"undefined"),children:[L.jsx(QDe,{className:Yn.popupItemIcon}),L.jsx(Se,{variant:"p",styleClass:"font-14",children:"Go to"})]})]})})})}),L.jsx(UDe,{isShowUnderlyingData:u,setShowUnderlyingData:h,columnName:o,value:a,getUnderlyingData:s})]})},VW=$.memo(ZDe),PI={"dbc-container":"_dbc-container_1ial2_1","active-dimension":"_active-dimension_1ial2_5",otherLevels:"_otherLevels_1ial2_8"},HW=({dimensions:r,drilledLevel:t})=>L.jsx("div",{className:PI["dbc-container"],children:r.map((e,n)=>L.jsxs("span",{className:n===t?PI["active-dimension"]:PI.otherLevels,children:[e.toString()[0].toUpperCase()+e.toString().substring(1),n===r.length-1?"":" / "]}))}),WW=({globalFilters:r={tableName:"",filters:[]},metricItem:t,onMaximize:e,client:n,colors:i,param:a,companyTenancyType:o,renderHeaderName:s,isDisableCardClick:l,onArchive:c,chartRendererType:u="canvas",isDisableMorePopup:h})=>{var H,V,R,j,W,U,q;const f=$.useMemo(()=>{const Y={};if(a!=null&&a.values)for(const X in a.values){const G=`${X}_variable`;Y[G]=a.values[X]}return Y},[a==null?void 0:a.values]),[d,p]=$.useState(t.chartOptions),v=$.useRef(null),{dataDb:g,getUnderlyingData:m,handleChartClick:y,columnName:b,setShowChartPopup:w,isShowChartPopup:_,isQueryLoading:S,chartParams:C,onChangeFilterValue:I,onDrillDown:D,drilledLevel:T,dimensions:x,rlsConditions:M,setLoading:A,comparisonValue:E,setTableLimit:N,isEnableNextBtn:k,isEnablePrevBtn:O,paginationInfo:P,onChangePage:z,isExternalChart:B}=iL({metric:t,clientId:n,chartSettings:d,setChartSettings:p,globalFilters:r,rlsFilters:{param:a,filterValues:f},tenancyLevel:o});return $.useEffect(()=>{var Y,X;p(t==null?void 0:t.chartOptions),N({limit:parseInt(((X=(Y=t==null?void 0:t.chartOptions)==null?void 0:Y.tableSettings)==null?void 0:X.defaultRowSize)||"10",10),offset:0})},[t]),L.jsx(L.Fragment,{children:L.jsxs("div",{ref:v,className:Vt.cardContainer,onContextMenu:Y=>{Y.preventDefault()},children:[L.jsxs("div",{className:Vt.listHeader,children:[L.jsxs("div",{className:Vt.metricName,children:[L.jsx(Ie,{type:"button",variant:"custom",onClick:()=>{t.clickActions.card.isEnable?Gge(t.clickActions,t.metricId,t.id):e(t,{param:a,filterValues:f})},isDisabled:l,children:L.jsx(Se,{variant:"h3",styleClass:"primary",className:`${Vt.metricTitle} dbn-metric-card-title`,children:s?s(t.name):t.name})}),t.description&&L.jsx("span",{className:`${Vt.metricDescription} dbn-metric-card-description`,children:t.description})]}),L.jsxs("div",{className:Vt.features,children:[d!=null&&d.isDynamicSeries?L.jsx(Vr,{options:[{value:"ungrouped",label:"ungrouped"},...((H=d.seriesOptions)==null?void 0:H.map(Y=>({value:Y,label:Y})))||[]],onChange:Y=>p(X=>({...X,seriesField:Y.value})),selectedOption:{label:(d==null?void 0:d.seriesField)||"ungrouped",value:(d==null?void 0:d.seriesField)||"ungrouped"},label:"group by",className:Vt.dynamicGroupContainer,buttonClass:Vt.dynamicGroupFormat}):null,(V=d==null?void 0:d.timeSeriesSettings)!=null&&V.groupBySettings.isDynamic?L.jsx(Vr,{options:(R=d==null?void 0:d.timeSeriesSettings)==null?void 0:R.groupBySettings.options.map(Y=>({label:Y,value:Y})),onChange:Y=>p(X=>{var G;return{...X,timeSeriesSettings:{...X==null?void 0:X.timeSeriesSettings,groupBySettings:{...(G=X==null?void 0:X.timeSeriesSettings)==null?void 0:G.groupBySettings,value:Y.value}}}}),selectedOption:{label:(j=d==null?void 0:d.timeSeriesSettings)==null?void 0:j.groupBySettings.value,value:(W=d==null?void 0:d.timeSeriesSettings)==null?void 0:W.groupBySettings.value},labelVariant:"static",className:Vt.dynamicGroupContainer,buttonClass:Vt.dynamicGroupFormat}):null,!h&&L.jsxs(_o,{buttonClass:Vt.popup,button:L.jsx(nt,{name:"more-icon",className:Vt.popupIcon}),menuClass:Vt.popupMenu,position:"bottom-right",className:Vt.morePopup,children:[L.jsxs(Ie,{type:"button",variant:"custom",id:`metric-card-popup-btn__${t.id}`,className:`${Vt.popupItem} ${Vt.csvBtn}`,onClick:()=>e(t,{param:a,filterValues:f}),children:[L.jsx(nt,{name:"fullscreen-icon",className:Vt.popupItemIcon}),"Enter Fullscreen"]}),c&&L.jsxs(Ie,{variant:"custom",type:"button",className:`${Vt.popupItem} ${Vt.csvBtn} ${Vt.deleteBtn}`,onClick:()=>c(t.id),children:[L.jsx(WDe,{className:Vt.popupItemIcon}),"Archive Metric"]})]})]})]}),(d==null?void 0:d.chartType)&&L.jsxs("div",{className:`${Vt.metricData} ${(d==null?void 0:d.chartType)===we.table?Vt.metricTable:""}`,onContextMenu:Y=>{Y.preventDefault()},children:[L.jsx(FW,{isLoading:S,isDataLength:!!(g!=null&&g.length),isSingleValue:d.singleValue,dataDb:g[0],chartType:d.chartType}),(U=M==null?void 0:M.filter(Y=>Y.isAddOnMetrics))==null?void 0:U.map(Y=>L.jsx("div",{className:d.metricFilterPosition==="top-left"?Vt.topLeft:Vt.topRight,children:L.jsx(BW,{rlsConditions:Y,onChangeFilterValue:I,companyId:t==null?void 0:t.companyId,integrationId:t==null?void 0:t.companyIntegrationId,integrationName:t==null?void 0:t.integrationName})})),((q=t==null?void 0:t.drillDownSettings)==null?void 0:q.isEnableGroupBy)&&!!(x!=null&&x.length)&&!!g.length&&L.jsx(HW,{dimensions:x,drilledLevel:x.length>T?T:0}),(C==null?void 0:C.name)&&b&&L.jsx(L.Fragment,{children:L.jsx(VW,{isOpen:_,setOpen:w,value:C==null?void 0:C.name,columnName:b,getUnderlyingData:m,clickBehaviourConfigs:t.clickActions.chart,elementRef:{containerRef:v,event:C.event.event},position:"dynamic"})}),g!=null&&g.length?L.jsx(N0,{data:g,chartOptions:d,events:{click:Y=>{var X;(X=t.drillDownSettings)!=null&&X.isEnableGroupBy&&D(Y)},contextmenu:Y=>{y(Y),w(!0)}},colors:i,config:{style:{height:"90%"},hideBorder:!0,chartClickConfig:t.clickActions.chart,onChartReady:()=>A(!1),opts:{renderer:u},onChangePage:z,comparisonValue:E,isExternalChart:B,isEnableNextBtn:k,isEnablePrevBtn:O,paginationInfo:P,setChartSettings:p}}):null]})]})})},Zt={fullScreen:"_fullScreen_1ypw9_1",header:"_header_1ypw9_9",headerBlock:"_headerBlock_1ypw9_17",metricName:"_metricName_1ypw9_25",iconButton:"_iconButton_1ypw9_33",body:"_body_1ypw9_41",metric:"_metric_1ypw9_25",metricHeader:"_metricHeader_1ypw9_57",chartSettings:"_chartSettings_1ypw9_65",chart:"_chart_1ypw9_65",preview:"_preview_1ypw9_81",popupMenu:"_popupMenu_1ypw9_89",csvPopup:"_csvPopup_1ypw9_97",csvPopupIcon:"_csvPopupIcon_1ypw9_105",popupItem:"_popupItem_1ypw9_113",popupItemIcon:"_popupItemIcon_1ypw9_121",dynamicGroupFormat:"_dynamicGroupFormat_1ypw9_129",dynamicGroupContainer:"_dynamicGroupContainer_1ypw9_137",addFilterMenu:"_addFilterMenu_1ypw9_143",addfilter:"_addfilter_1ypw9_151",checkedOption:"_checkedOption_1ypw9_157",option:"_option_1ypw9_165",chartWrapper:"_chartWrapper_1ypw9_173"},qDe=r=>L.jsx("svg",{viewBox:"0 0 24 24",width:"1.2em",height:"1.2em",...r,children:L.jsx("path",{fill:"currentColor",d:"M2 12h2v5h16v-5h2v5c0 1.11-.89 2-2 2H4a2 2 0 0 1-2-2v-5m10 3l5.55-5.46l-1.42-1.41L13 11.25V2h-2v9.25L7.88 8.13L6.46 9.55L12 15Z"})}),XDe=r=>L.jsx("svg",{viewBox:"0 0 24 24",width:"1.2em",height:"1.2em",...r,children:L.jsx("path",{fill:"currentColor",d:"M8.7 17.3q-.275-.275-.275-.7q0-.425.275-.7l3.9-3.9l-3.9-3.9q-.275-.275-.275-.7q0-.425.275-.7q.275-.275.7-.275q.425 0 .7.275l4.6 4.6q.15.15.213.325q.062.175.062.375t-.062.375q-.063.175-.213.325l-4.6 4.6q-.275.275-.7.275q-.425 0-.7-.275Z"})}),KDe=({data:r,chartRef:t,metricName:e,onRawCsvData:n})=>L.jsx(L.Fragment,{children:L.jsxs(_o,{button:L.jsx(qDe,{}),buttonClass:Zt.iconButton,position:"bottom-right",menuClass:Zt.popupMenu,children:[L.jsxs(_o,{button:L.jsxs(L.Fragment,{children:["Download CSV ",L.jsx(XDe,{className:Zt.csvPopupIcon})]}),buttonClass:Zt.popupItem,position:"left-top",menuClass:Zt.popupMenu,menuContainerClass:Zt.csvPopup,children:[L.jsx(uSe,{text:"Table Results",data:r,fileName:e,className:Zt.popupItem,iconClass:Zt.popupItemIcon}),L.jsx(Ie,{type:"button",variant:"custom",size:"default",className:Zt.popupItem,onClick:n,children:"Raw Data"})]}),t&&L.jsx(dSe,{text:"Save as PNG",chartRef:t,className:Zt.popupItem,iconClass:Zt.popupItemIcon,fileName:e})]})}),JDe=({filters:r,updateFilter:t})=>L.jsx(_o,{button:L.jsx(Ie,{variant:"custom",type:"button",size:"small",className:Zt.addfilter,children:L.jsx(nt,{name:"plus-icon-2"})}),position:"bottom-left",children:L.jsx("div",{className:Zt.addFilterMenu,children:r.map(e=>{const n=e.isAddOnMetrics;return L.jsxs(Ie,{variant:"secondary",onClick:()=>{t(e)},className:n?Zt.checkedOption:Zt.option,children:[n?L.jsx(Lw,{}):L.jsx(Lf,{}),e.name]})})})}),eTe=r=>L.jsx("svg",{viewBox:"0 0 24 24",width:"1.2em",height:"1.2em",...r,children:L.jsx("path",{fill:"none",stroke:"currentColor",strokeLinecap:"round",strokeLinejoin:"round",strokeWidth:2,d:"M4 14h6v6m10-10h-6V4m0 6l7-7M3 21l7-7"})}),GW=({metric:r,colors:t,rlsFilters:e,onMinimize:n,clientId:i,tenancyLevel:a,companyId:o,externalDashboardId:s,userProvidedDashboardId:l,isAllowedToUpdateMetrics:c,sharingSettingsId:u})=>{var X,G,Z,Q,ce,re;const h=$.useRef(),[f,d]=$.useState(!1),[p,v]=$.useState(r.chartOptions),[g,m]=$.useState(!1),y=$.useRef(null),{updateExternalMetric:b,error:w}=WA({onSuccess:()=>{m(!1)},selectedColumns:[],companyIntegrationId:r.companyIntegrationId,query:r.query,metricQuery:r.metricQuery,integrationName:r.integrationName,outputColumns:r.outputColumns,chartSettings:p,datasetMetricSettings:r.datasetMetricSettings,clientId:i,companyId:o,isLiveMode:r.isLive,timeGrain:r.timeGrain,dashboardIds:[s],isEnableGroupBy:r.isEnableGroupBy,groupBy:r.groupBy,selectedGroupBy:r.selectedGroupBy,userProvidedDashboardId:l,metric:r,rlsFilters:e==null?void 0:e.param}),{dataDb:_,getUnderlyingData:S,handleChartClick:C,onChangeFilterValue:I,onDrillDown:D,isShowChartPopup:T,setShowChartPopup:x,columnName:M,chartParams:A,isQueryLoading:E,dimensions:N,drilledLevel:k,rlsConditions:O,setLoading:P,comparisonValue:z,setTableLimit:B,isEnableNextBtn:H,paginationInfo:V,isEnablePrevBtn:R,isExternalChart:j,groupByList:W,isEnablePivotTable:U,onChangePage:q,updateFilter:Y}=iL({metric:r,rlsFilters:e,chartSettings:p,setChartSettings:v,tenancyLevel:a,clientId:i});return $.useEffect(()=>{var J,ae;v(r.chartOptions),B({limit:parseInt(((ae=(J=r.chartOptions)==null?void 0:J.tableSettings)==null?void 0:ae.defaultRowSize)||"10",10),offset:0})},[r]),L.jsxs("dialog",{open:!0,className:Zt.fullScreen,children:[L.jsxs("section",{className:Zt.header,children:[L.jsx("div",{className:Zt.headerBlock,children:L.jsx(Se,{variant:"h2",styleClass:"font-14",className:Zt.metricName,children:r.name})}),L.jsxs("div",{className:Zt.headerBlock,children:[L.jsx(Ie,{type:"button",variant:"custom",size:"default",className:Zt.iconButton,onClick:n,title:"Minimize Full Screen",children:L.jsx(eTe,{})}),L.jsx(KDe,{data:_,chartRef:h,metricName:r.name,onRawCsvData:()=>d(!0)}),c&&L.jsx(Ie,{type:"button",variant:"primary",size:"large",onClick:()=>m(!0),children:"Save Metric"})]})]}),L.jsxs("section",{className:Zt.body,children:[L.jsxs("div",{className:Zt.metric,ref:y,children:[L.jsxs("div",{className:Zt.metricHeader,children:[(X=O==null?void 0:O.filter(J=>J.isAddOnMetrics))==null?void 0:X.map(J=>L.jsx(BW,{companyId:o,integrationName:r.integrationName,integrationId:r.companyIntegrationId,rlsConditions:J,onChangeFilterValue:I})),L.jsx(JDe,{filters:O,updateFilter:Y}),!!_.length&&L.jsxs(L.Fragment,{children:[p!=null&&p.isDynamicSeries?L.jsx(Vr,{options:[{value:"ungrouped",label:"ungrouped"},...((G=p.seriesOptions)==null?void 0:G.map(J=>({value:J,label:J})))||[]],onChange:J=>v(ae=>({...ae,seriesField:J.value})),selectedOption:{label:(p==null?void 0:p.seriesField)||"ungrouped",value:(p==null?void 0:p.seriesField)||"ungrouped"},label:"group by",className:Zt.dynamicGroupContainer,buttonClass:Zt.dynamicGroupFormat}):null,(Z=p.timeSeriesSettings)!=null&&Z.groupBySettings.isDynamic?L.jsx(Vr,{options:p.timeSeriesSettings.groupBySettings.options.map(J=>({label:J,value:J})),onChange:J=>v(ae=>{var Ce;return{...ae,timeSeriesSettings:{...ae.timeSeriesSettings,groupBySettings:{...(Ce=ae.timeSeriesSettings)==null?void 0:Ce.groupBySettings,value:J.value}}}}),selectedOption:{label:p.timeSeriesSettings.groupBySettings.value,value:p.timeSeriesSettings.groupBySettings.value},labelVariant:"static",buttonClass:Zt.dynamicGroupFormat,className:Zt.dynamicGroupContainer}):null,L.jsx(iH,{data:_,settings:p,setSettings:v,className:Zt.chartSettings,isEnablePivotTable:U,groupbyList:W})]})]}),L.jsxs("div",{className:Zt.chartWrapper,children:[(A==null?void 0:A.name)&&M&&L.jsx(VW,{isOpen:T,setOpen:x,value:A==null?void 0:A.name,columnName:M,getUnderlyingData:S,clickBehaviourConfigs:(Q=r.clickActions)==null?void 0:Q.chart,elementRef:{containerRef:y,event:A.event.event},position:"dynamic"}),L.jsx(FW,{isLoading:E,isDataLength:!!_.length,isSingleValue:p.singleValue,dataDb:_[0],chartType:""}),((ce=r==null?void 0:r.drillDownSettings)==null?void 0:ce.isEnableGroupBy)&&!!(N!=null&&N.length)&&!!_.length&&L.jsx(HW,{dimensions:N,drilledLevel:N.length>k?k:0}),_.length?L.jsx(N0,{chartOptions:p,data:_,colors:t,events:{click:J=>{var ae;(ae=r.drillDownSettings)!=null&&ae.isEnableGroupBy&&D(J)},contextmenu:J=>{C(J),x(!0)}},className:Zt.chart,config:{ref:h,chartClickConfig:(re=r.clickActions)==null?void 0:re.chart,onColumnSizingChange:J=>v(ae=>({...ae,tableSettings:{...ae.tableSettings,columnSizing:J}})),onChartReady:()=>P(!1),onChangePage:q,comparisonValue:z,isExternalChart:j,isEnableNextBtn:H,isEnablePrevBtn:R,paginationInfo:V,setChartSettings:v}}):null]})]}),p.chartType!=="table"?L.jsx("div",{className:Zt.preview,children:L.jsx(Bh,{data:_,isLoading:!1,error:"",tableName:"Table Preview",tableSettings:{enableFilter:!0,enableSorting:!0,enableStripedRows:!0,enableTableSearch:!0,showRowHover:!0,showTableTitle:!0,showTableDesc:!0,lineGap:"medium",contentAlignment:"center",hideVerticalDivider:!1}})}):null]}),L.jsx(jW,{metricItem:r,isShowRawCsvModal:f,onCloseModal:d,companyTenancyType:a,filterValues:e==null?void 0:e.filterValues,client:i,sharingSettingsId:u}),c&&L.jsx(No,{isOpen:g,onClose:()=>m(!1),headerTitle:"Update Metric",children:L.jsx(oL,{onCancel:()=>m(!1),onSubmit:b,dashboardIds:[s],onDashboardChange:()=>{},companyId:o,error:w,defaultValues:{name:r.name,description:r.description,isLive:r.isLive,metricId:r.isCreatedByClient?r.metricId:`update_${r.metricId}_by_${i}_${Date.now()}`},isEmbedded:!0})})]})},tTe=PW.WidthProvider(PW.Responsive),rTe=({chartColors:r,globalFilters:t,client:e,companyId:n,isAllowedToUpdateMetrics:i,isAllowedToDeleteMetrics:a,isAllowedToChangeLayout:o,externalDashboardMetrics:s,isMetricListLoading:l,breakpoint:c,layoutCols:u,adminLayout:h,params:f,companyTenancyType:d="TABLE",externalDashboardId:p,externalDashboardPk:v,sharingSettingsId:g})=>{const[m,y]=$.useState({id:"",show:!1}),[b,w]=$.useState({layout:[],isShow:!1}),[_,S]=$.useState({show:!1}),{saveLayout:C,layout:I,isLoadingLayout:D}=qY({clientId:e,externalDashboardId:v}),{handleArchiveMetric:T,isLoading:x}=cQ({dashboardId:p,clientId:e,metricId:m.id,onSuccess:()=>y({id:"",show:!1})}),M=$.useCallback(k=>{w({isShow:!0,layout:k})},[]),A=$.useMemo(()=>{const k=s==null?void 0:s.map(B=>B.externalMetric),O=k==null?void 0:k.filter(B=>!B.isCreatedByClient),P=k==null?void 0:k.filter(B=>B.isCreatedByClient&&B.clientId===e);return[...O||[],...P||[]].sort((B,H)=>{const V=new Date(B.createdAt).getTime(),R=new Date(H.createdAt).getTime();return V-R})},[s]),E=$.useMemo(()=>A.map(O=>{const P=I.find(B=>B.i===O.id),z=h.find(B=>B.i===O.id);return{i:(P==null?void 0:P.i)||(z==null?void 0:z.i)||O.id,w:(P==null?void 0:P.w)||(z==null?void 0:z.w)||O.resizeAttributes.width||5,h:(P==null?void 0:P.h)||(z==null?void 0:z.h)||O.resizeAttributes.height||10,x:(P==null?void 0:P.x)||(z==null?void 0:z.x)||O.resizeAttributes.xAxis||0,y:(P==null?void 0:P.y)||(z==null?void 0:z.y)||O.resizeAttributes.yAxis||0,minW:O.chartOptions.chartType==="single value"?1:3,minH:O.chartOptions.chartType==="single value"?2:8,maxH:O.chartOptions.chartType==="table"?1/0:15}}),[A,h,I]),N=$.useMemo(()=>A.map(k=>L.jsx("div",{className:`${hf["MetricList-wrapper"]} ${o?hf["MetricList-wrapper-move"]:""}`,id:k.id,children:L.jsx(WW,{metricItem:k,onMaximize:O=>S({show:!0,metric:O}),client:e,colors:r,globalFilters:t,param:f==null?void 0:f.find(O=>O.metricId===k.metricId),companyTenancyType:d,onArchive:a?O=>y({id:O,show:!0}):void 0})},k.id)),[A,d,e,r,f,t,o,a]);return L.jsx(L.Fragment,{children:A.length&&E.length?L.jsxs(L.Fragment,{children:[L.jsxs("div",{className:hf["MetricList-container"],id:"metric-list-container",children:[b.isShow&&L.jsx(HDe,{isLoading:D,onCancel:()=>w(k=>({...k,isShow:!1})),onSave:async()=>{await C(b.layout,!0),w(k=>({...k,isShow:!1}))}}),L.jsx(tTe,{layouts:{lg:E},onResizeStop:o?M:void 0,onDragStop:o?M:void 0,isDraggable:o,isDroppable:o,isResizable:o,rowHeight:30,breakpoints:c??{lg:1200,md:996,sm:768,xs:480,xxs:0},cols:u??{lg:12,md:12,sm:12,xs:4,xxs:2},children:N})]}),a?L.jsx(RDe,{isLoading:x,isOpen:m.show,onArchive:T,onClose:()=>y({id:"",show:!1})}):null,L.jsx(Aw,{children:_.show&&_.metric&&L.jsx(GW,{metric:_.metric,rlsFilters:_.rlsFilters,colors:r,externalDashboardId:v,userProvidedDashboardId:p,tenancyLevel:d,isAllowedToUpdateMetrics:i,clientId:e,companyId:n,onMinimize:()=>S({show:!1,metric:void 0}),sharingSettingsId:g})})]}):L.jsx(L.Fragment,{children:l?L.jsx("div",{className:hf["alt-container"],children:L.jsx(Wu,{style:{width:"50px",height:"50px",color:"blue"}})}):L.jsx("div",{className:hf["noMetric-container"],children:L.jsx("div",{className:hf["noMetric-wrapper"],children:L.jsx(Se,{variant:"h2",styleClass:"primary",children:"No metrics created yet"})})})})})},Y$e={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"},nTe={loader:"_loader_j0yem_1"},iTe=()=>L.jsx("div",{className:nTe.loader,children:L.jsx(Wu,{style:{width:"50px",height:"50px",color:"blue"}})}),aTe={scheduleEmailButton:"_scheduleEmailButton_13nzt_1"},ui={"form-wrapper":"_form-wrapper_ynoky_1","form-primary-text":"_form-primary-text_ynoky_5","week-days-container":"_week-days-container_ynoky_9","main-label":"_main-label_ynoky_12","time-element":"_time-element_ynoky_16","schedule-time":"_schedule-time_ynoky_19","cancel-btn":"_cancel-btn_ynoky_23","delete-btn":"_delete-btn_ynoky_26","field-width":"_field-width_ynoky_29","timezone-field":"_timezone-field_ynoky_33","success-text":"_success-text_ynoky_37"},UW=$.createContext({isLoading:void 0,data:void 0,token:void 0,pluginRef:void 0}),YW=()=>$.useContext(UW),oTe=(r,t)=>{const e=t.getTimezoneOffset()*-1;return new Date(t.toLocaleString("en-US",{timeZone:r})).getTimezoneOffset()*-1-e},sTe=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=(KA.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=oTe(r.timezone,e);e.setTime(e.getTime()+n*6e4)}return e},lTe=({onCancel:r})=>{var N;const{register:t,handleSubmit:e,watch:n,control:i,setValue:a,getValues:o,reset:s}=Rv(),{data:l,token:c}=YW(),{data:u,isLoading:h}=dY({token:c}),f=$.useMemo(()=>{var k;if((k=u==null?void 0:u.scheduleEmailReports)!=null&&k.length)return u==null?void 0:u.scheduleEmailReports[0]},[u]);$.useEffect(()=>{f?s({...f.timeConfigurations}):(a("time","PM"),a("timezone","Asia/Kolkata"),a("frequency","Monthly"))},[f]);const[d,p]=$.useState(!1),[v,g]=$.useState(""),[m,y]=$.useState(!1),[b,w]=$.useState(!1),_="",S=((N=l==null?void 0:l.externalDashboardMetrics)==null?void 0:N.map(k=>({value:k.externalMetric.id,label:k.externalMetric.name})))||[],C=$Y(),I=$U(),D=zU(),T=(k,O)=>k.charts.length===0?(g("please select at least one chart to share"),p(!1),y(!1),!1):k.emails.length===0?(g("please add at least one email address"),p(!1),y(!1),!1):O?!0:(g("invalid time configurations"),p(!1),y(!1),!1),x=k=>{var Y,X;g(""),p(!0),y(!1);const{subject:O,emails:P,frequency:z,weekDays:B,date:H,hours:V,time:R,timezone:j}=k,W=sTe({date:H,frequency:z,hours:V,time:R,timezone:j,weekDays:B});if(!T(k,W))return;const q=(Y=k.charts)==null?void 0:Y.map(G=>({externalMetricId:G}));f?I.mutate({scheduleEmailReportId:f.id},{onSuccess({delete_scheduleEmailReportCharts:G}){var Z;G!=null&&G.affected_rows?C.mutate({emails:P,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:O,timeConfigurations:k},{onSuccess({insert_scheduleEmailReports_one:Q}){Q!=null&&Q.id?(g(""),p(!1),y(!0)):(g(Sn),p(!1),y(!1))},onError(){g(Sn),p(!1),y(!1)}}):(g(Sn),p(!1),y(!1))},onError(){g(Sn),p(!1),y(!1)}}):C.mutate({emails:P,externalDashboardId:(X=l==null?void 0:l.externalDashboard)==null?void 0:X.id,data:q,guestToken:c,nextScheduledAt:W,sharingSettingsId:l==null?void 0:l.sharingSettingsId,subject:O,timeConfigurations:k},{onSuccess({insert_scheduleEmailReports_one:G}){G!=null&&G.id?(g(""),p(!1),y(!0)):(g(Sn),p(!1),y(!1))},onError(){g(Sn),p(!1),y(!1)}})},M=()=>{g(""),p(!0),w(!1),y(!1),D.mutate({id:f==null?void 0:f.id},{onSuccess({delete_scheduleEmailReports_by_pk:k}){k!=null&&k.id?(g(""),p(!1),w(!0),s({subject:"",emails:[],charts:[]}),r()):(g(Sn),p(!1),w(!1))},onError(){g(Sn),p(!1),w(!1)}})},A=e(x),E=e(M);return{register:t,handleSubmit:e,watch:n,control:i,setValue:a,getValues:o,reset:s,dashboardName:_,chartOptions:S,onSave:A,isLoading:d,isSuccess:m,error:v,isLoadingData:h,scheduleReportConfig:f,onDelete:E,isDeleted:b}},uTe=({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}=lTe({onCancel:r});return L.jsxs("form",{className:ui["form-container"],onSubmit:l,children:[L.jsxs("div",{className:ui["form-wrapper"],children:[L.jsxs(Se,{variant:"p",styleClass:"font-14",className:ui["form-primary-text"],children:["Schedule an email report for Dashboard:",L.jsx(Se,{variant:"span",styleClass:"primary",children:o})]}),L.jsx(Ge,{label:"Subject Line",placeholder:"Weekly Report - Sales Overview 2023",register:n("subject",df)}),L.jsx($W,{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}),L.jsx(fQ,{control:t,name:"charts",options:s,label:"Charts to Attach",defaultValue:[]}),L.jsx(Iw,{label:"Frequency of emails",options:ZY,control:t,name:"frequency",defaultValue:"Monthly"}),a().frequency!=="Monthly"?L.jsx("div",{className:ui["week-days-container"],children:KA.map(g=>L.jsx(Ge,{label:g.label,type:"checkbox",register:n(`weekDays.${g.value}`),isDisabled:a().frequency==="Daily"},g.value))}):L.jsx("div",{children:L.jsx(ag,{label:"Choose Dates",selectedOptions:e().date||[],options:QY,onChange:g=>i("date",g)})}),L.jsxs("div",{className:ui["schedule-time"],children:[L.jsx(Se,{variant:"span",styleClass:"custom",className:ui["main-label"],children:"Scheduled Time"}),L.jsxs("div",{className:ui["time-element"],children:[L.jsx(Ge,{type:"number",className:ui["field-width"],min:0,max:11,register:n("hours",df),defaultValue:5}),L.jsx(Iw,{options:YY,control:t,name:"time",className:ui["timezone-field"],defaultValue:"PM"}),L.jsx(Iw,{options:UY,control:t,name:"timezone",className:ui["timezone-field"],defaultValue:"IST"})]})]}),u&&L.jsx(rg,{message:u}),h&&L.jsx(Se,{variant:"p",styleClass:"font-14b",className:ui["success-text"],children:"Scheduled successfully!"}),p&&L.jsx(Se,{variant:"p",styleClass:"font-14b",className:ui["success-text"],children:"Deleted successfully!"})]}),L.jsxs(If,{children:[f?L.jsx(Ie,{type:"reset",variant:"reject",className:ui["delete-btn"],size:"default",onClick:()=>{d()},isDisabled:c,children:"Delete"}):L.jsx(Ie,{type:"reset",variant:"secondary",className:ui["cancel-btn"],size:"default",onClick:()=>r(),isDisabled:c,children:"Cancel"}),L.jsx(Ie,{variant:"primary",type:"submit",size:"default",isDisabled:c,children:f?"Update":"Save"})]})]})},cTe=r=>L.jsx("svg",{viewBox:"0 0 2048 2048",width:"1.2em",height:"1.2em",...r,children:L.jsx("path",{fill:"currentColor",d:"M960 1100L128 565v971h768v128H0V384h1920v601q-13-9-29-19t-33-20t-34-18t-32-13V565l-832 535zm678-588H282l678 436l678-436zm410 1024q0 106-40 199t-109 163t-163 110t-200 40q-106 0-199-40t-163-109t-110-163t-40-200q0-106 40-199t109-163t163-110t200-40q106 0 199 40t163 109t110 163t40 200zm-512 384q79 0 149-30t122-82t83-122t30-150q0-79-30-149t-82-122t-123-83t-149-30q-80 0-149 30t-122 82t-83 123t-30 149q0 80 30 149t82 122t122 83t150 30zm0-640v256h192v128h-320v-384h128z"})}),hTe=()=>{const[r,t]=$.useState(!1);return L.jsxs("div",{children:[L.jsx(Ie,{variant:"custom",type:"button",onClick:()=>t(!0),title:"email-sharing",className:aTe.scheduleEmailButton,children:L.jsx(cTe,{})}),L.jsx(No,{isOpen:r,onClose:()=>t(!1),headerTitle:"Schedule Email",children:L.jsx(uTe,{onCancel:()=>t(!1)})})]})},fTe=$.memo(({options:r,theme:t})=>{var h,f,d;const{data:e,isLoading:n}=YW(),[i,a]=$.useState(!1),[o,s]=$.useState({tableName:"",filters:[]}),{data:l}=mY({companyId:e==null?void 0:e.companyId},{enabled:!!(e!=null&&e.companyId),refetchOnWindowFocus:!1}),[c,u]=$.useMemo(()=>{var v,g,m,y;const p=(y=(m=(g=(v=l==null?void 0:l.themes[0])==null?void 0:v.chart)==null?void 0:g.palettes)==null?void 0:m.find(b=>{var w,_;return b.name===((_=(w=l.themes[0])==null?void 0:w.chart)==null?void 0:_.selected)}))==null?void 0:y.colors;return[l==null?void 0:l.themes[0],p]},[l==null?void 0:l.themes[0]]);return JA(c),L.jsx(L.Fragment,{children:L.jsxs("div",{className:`${vc["embedDashboard-container"]} dbn-dashboard`,children:[((h=e==null?void 0:e.externalDashboard)==null?void 0:h.id)&&!n&&L.jsxs(L.Fragment,{children:[L.jsxs("div",{className:vc["embedDashboard-header"],children:[L.jsx(Se,{variant:"h1",styleClass:"custom",className:vc.dashboardName,children:e.externalDashboard.name}),L.jsxs("div",{children:[e.sharingSettingsId&&L.jsx(hTe,{}),!(r!=null&&r.disableMetricCreation)&&e.isAllowedToCreateMetrics&&L.jsxs(L.Fragment,{children:[L.jsx(Ie,{type:"button",variant:"primary",size:"large",onClick:()=>a(!0),children:"Create Metric"}),L.jsx(eMe,{clientId:e.clientId,companyId:e.companyId,isLiveMode:e.isLiveMode,externalDashboardId:e.externalDashboard.id,chartColors:u??(r==null?void 0:r.chartColors),isShowMetricCreateModal:i,setShowMetricCreateModal:a,workspaceId:(f=e.workspace)==null?void 0:f.id,userProvidedDashboardId:e.externalDashboardId})]})]})]}),L.jsxs("div",{className:vc["embedDashboard-wrapper"],children:[e.externalDashboard.filters.length?L.jsx(sSe,{companyId:e.companyId,externalDashboardId:e.externalDashboard.id,filters:e.externalDashboard.filters,onApply:p=>{s(p)}}):null,L.jsx(rTe,{client:e.clientId,companyId:e.companyId,externalDashboardId:e.externalDashboardId,externalDashboardPk:e.externalDashboard.id,adminLayout:e.externalDashboard.layout,isAllowedToDeleteMetrics:!(r!=null&&r.disableMetricDeletion)&&e.isAllowedToDeleteMetrics,isAllowedToUpdateMetrics:!(r!=null&&r.disableMetricUpdation)&&e.isAllowedToUpdateMetrics,isAllowedToChangeLayout:!(r!=null&&r.disableLayoutCustomization)&&e.isAllowedToChangeLayout,externalDashboardMetrics:e.externalDashboardMetrics,isMetricListLoading:n,globalFilters:o,breakpoint:t==null?void 0:t.breakpoint,layoutCols:t==null?void 0:t.metricLayoutCols,chartColors:u??(r==null?void 0:r.chartColors),params:Array.isArray(e.rlsSettings)?e.rlsSettings:[],companyTenancyType:e.companyTenancyType,sharingSettingsId:e.sharingSettingsId})]})]}),n&&L.jsx("div",{className:vc["alt-container"],children:L.jsx(Wu,{style:{width:"50px",height:"50px",color:"blue"}})}),!n&&!((d=e==null?void 0:e.externalDashboard)!=null&&d.id)&&L.jsx("div",{className:vc["alt-container"],children:"Invalid token or Dashboard id"})]})})}),dTe=({token:r,dashboardId:t,children:e})=>{const{data:n,isLoading:i}=WY({token:r,dashboardId:t}),a=$.useMemo(()=>({data:n,isLoading:i,token:r}),[n,i,r]);return L.jsx(UW.Provider,{value:a,children:e})},q$e="",pTe=zI(({token:r,options:t,theme:e,dashboardId:n})=>L.jsx(i5,{theme:e,children:L.jsx(dTe,{token:r,dashboardId:n,children:L.jsx(fTe,{options:t,theme:e})})}),{props:{token:"string",dashboardId:"string",options:"json",theme:"json"},shadow:"open"});customElements.get("dbn-dashboard")||customElements.define("dbn-dashboard",pTe);const vTe=zI(Hye,{props:{token:"string",metricId:"string",theme:"json",chartRendererType:"string",chartColors:"json",height:"number",width:"number",className:"string",style:"json"},shadow:"open"});customElements.get("dbn-metric")||customElements.define("dbn-metric",vTe)});
+            the save button to save the changes to the layout.`,children:[L.jsx(Ie,{variant:"secondary",type:"button",size:"small",className:VDe.alertCancel,onClick:r,children:"Cancel"}),L.jsx(Ie,{variant:"primary",type:"button",size:"small",className:"disabled:opacity-40 disabled:cursor-not-allowed",onClick:t,isDisabled:e,children:"Save"})]})}),pRe={fullscreen:"_fullscreen_1309s_1"},Vt={cardContainer:"_cardContainer_1ax0c_1",morePopup:"_morePopup_1ax0c_9",features:"_features_1ax0c_17",listHeader:"_listHeader_1ax0c_25",metricName:"_metricName_1ax0c_33",metricTitle:"_metricTitle_1ax0c_41",metricDescription:"_metricDescription_1ax0c_49",popup:"_popup_1ax0c_57",metricFilter:"_metricFilter_1ax0c_65",popupIcon:"_popupIcon_1ax0c_73",popupMenu:"_popupMenu_1ax0c_81",popupItem:"_popupItem_1ax0c_89",popupItemIcon:"_popupItemIcon_1ax0c_97",csvBtn:"_csvBtn_1ax0c_105",deleteBtn:"_deleteBtn_1ax0c_113",metricData:"_metricData_1ax0c_121",metricTable:"_metricTable_1ax0c_129",singleValueData:"_singleValueData_1ax0c_137",singleValue:"_singleValue_1ax0c_137",noData:"_noData_1ax0c_153",noDataContent:"_noDataContent_1ax0c_161",noDataText:"_noDataText_1ax0c_169",singleChartText:"_singleChartText_1ax0c_177",loading:"_loading_1ax0c_185",fullscreen:"_fullscreen_1ax0c_201",dynamicGroupFormat:"_dynamicGroupFormat_1ax0c_209",dynamicGroupContainer:"_dynamicGroupContainer_1ax0c_217",topLeft:"_topLeft_1ax0c_223",topRight:"_topRight_1ax0c_229"},zW="data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz48c3ZnIGlkPSJMYXllcl8xIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAzMDAgMzAwIj48ZGVmcz48c3R5bGU+LmNscy0xe3N0cm9rZTojMTgyYzYwO30uY2xzLTEsLmNscy0ye2ZpbGw6bm9uZTtzdHJva2UtbGluZWNhcDpyb3VuZDtzdHJva2UtbGluZWpvaW46cm91bmQ7fS5jbHMtM3tmaWxsOiM1ODY1ZjY7b3BhY2l0eTouMTt9LmNscy00e2ZpbGw6I2YyZjNmNDt9LmNscy01e2ZpbGw6I2MxYzdjOTt9LmNscy02e2ZpbGw6I2RhZGVkZjt9LmNscy03e2ZpbGw6IzE4MmM2MDt9LmNscy0ye3N0cm9rZTojNTg2NWY2O3N0cm9rZS13aWR0aDo0cHg7fTwvc3R5bGU+PC9kZWZzPjxwYXRoIGNsYXNzPSJjbHMtMSIgZD0ibTIxMC41LDIwMC44M2MuNC0uNjYuNjgtMS40LjgyLTIuMiwxLjU4LTguODcsMy4xNS0xNy43NSw0LjczLTI2LjYyLDIuMDMtMTEuNDQsNC4wNi0yMi44OCw2LjA5LTM0LjMyLjcyLTQuMDgsMS43Ny04LjI1LDIuMTYtMTIuMzguNDMtNC41Ni0yLjA5LTkuNjgtNi44Ni0xMC42Ni0uMDEsMC0uMDMsMC0uMDQsMC0yLjQtLjQ5LTUuMDItLjIyLTcuNDUtLjIyaC00NC4yMmMtLjUyLDAtMi4zMy0uMzEtMi43NywwbC0yNC4yOCwxNy4yMmgtNjEuNjFjLTMuOTcsMC02Ljk5LDMuNTYtNi4zNCw3LjQ3bDkuNzUsNTkuNDJjLjUxLDMuMTEsMy4yLDUuMzksNi4zNCw1LjM5aDExNy44NiIvPjxwYXRoIGNsYXNzPSJjbHMtMSIgZD0ibTIwNywxMTQuNDN2LTguNTRjMC0zLjU1LTIuODgtNi40My02LjQzLTYuNDNoLTE3LjE5Ii8+PHBhdGggY2xhc3M9ImNscy0xIiBkPSJtMTAzLjQ3LDk5LjQ2aC0xNS4xMmMtMy41NSwwLTYuNDMsMi44OC02LjQzLDYuNDN2MjUuNDgiLz48Zz48bGluZSBjbGFzcz0iY2xzLTIiIHgxPSIxMTQuMTIiIHkxPSI5NC4wOCIgeDI9IjE0NC44NCIgeTI9Ijk0LjA4Ii8+PGc+PHJlY3QgY2xhc3M9ImNscy02IiB4PSIxMTIuNjEiIHk9IjEwMi40MyIgd2lkdGg9IjE4Ljk3IiBoZWlnaHQ9IjMuMiIvPjxyZWN0IGNsYXNzPSJjbHMtNCIgeD0iMTM3LjYxIiB5PSIxMDIuNDMiIHdpZHRoPSI4LjkiIGhlaWdodD0iMy4yIi8+PC9nPjwvZz48cGF0aCBjbGFzcz0iY2xzLTMiIGQ9Im0xNjQuOTgsODEuNDZsLS4wOCwxNi4yOHMuMTUsMy4yNC4zLDMuNjIuNiwxLjUxLDEuMTMsMS44OCwxLjAyLjc5LDEuNzcsMS4wNi45NC40OSwyLjExLjQ5LDE4LjE3LjA0LDE4LjE3LjA0bC0yMy40MS0yMy4zN1oiLz48cGF0aCBjbGFzcz0iY2xzLTEiIGQ9Im0xODguNTEsMTA0LjkxdjkuNTIiLz48cGF0aCBjbGFzcz0iY2xzLTEiIGQ9Im0xMDMuNTMsMTMxLjM3di00NC45NWMwLTIuODQsMi4zLTUuMTUsNS4xNS01LjE1LDE4Ljc3LDAsMzcuNTQsMCw1Ni4zMSwwIi8+PHBhdGggY2xhc3M9ImNscy0xIiBkPSJtMTY1LjAxLDgxLjI3djE4LjM1YzAsMi44NCwyLjMxLDUuMTUsNS4xNSw1LjE1aDE4LjM1cy0yMy41LTIzLjYyLTIzLjUtMjMuNVoiLz48Y2lyY2xlIGNsYXNzPSJjbHMtMSIgY3g9IjE2OC4yMSIgY3k9IjE2My4yNyIgcj0iMjQuOTYiLz48Y2lyY2xlIGNsYXNzPSJjbHMtMSIgY3g9IjE2OC4yMSIgY3k9IjE2My4yNyIgcj0iMzEuMjUiLz48cGF0aCBjbGFzcz0iY2xzLTEiIGQ9Im0xOTIuNTcsMTgzLjMzYzkuNjIsOS42MiwzMC4yOCwzMC4yOCwzMC4yOCwzMC4yOCwxLjE3LDEuMTcsMS4xNywzLjA3LDAsNC4yNHMtMy4wNywxLjE3LTQuMjQsMGMwLDAtMjAuNTgtMjAuNTgtMzAuMjItMzAuMjIiLz48Zz48cGF0aCBjbGFzcz0iY2xzLTUiIGQ9Im0xNjguNjYsMTcwLjkzYy0uNzQsMC0xLjM0LjI0LTEuODEuNzItLjQ3LjQ4LS43MSwxLjA5LS43MSwxLjgzcy4yNCwxLjMyLjcxLDEuODFjLjQ3LjQ5LDEuMDcuNzQsMS44MS43NHMxLjM0LS4yNSwxLjgxLS43NGMuNDctLjQ5LjcxLTEuMS43MS0xLjgxcy0uMjQtMS4zNC0uNzEtMS44M2MtLjQ3LS40OC0xLjA4LS43Mi0xLjgxLS43MloiLz48cGF0aCBjbGFzcz0iY2xzLTUiIGQ9Im0xNzQuNjksMTUzLjc3Yy0uNjItMS4wMi0xLjQ5LTEuODItMi42LTIuNC0xLjEyLS41Ny0yLjQtLjg2LTMuODUtLjg2LTEuNjgsMC0zLjE3LjQtNC40NywxLjE5cy0yLjI5LDEuOTQtMi45OCwzLjQzbDIuNzYsMi4yOGMuNDYtMS4wNiwxLjA3LTEuODYsMS44NS0yLjQuNzctLjU0LDEuNjUtLjgxLDIuNjQtLjgxLjc2LDAsMS40MS4xNCwxLjk3LjQxLjU1LjI4Ljk4LjY3LDEuMjgsMS4xNy4zLjUxLjQ1LDEuMS40NSwxLjc5cy0uMTYsMS4yOS0uNDcsMS44MWMtLjMxLjUyLS43NS45Mi0xLjMxLDEuMjEtLjU2LjI5LTEuMjIuNDMtMS45OC40M2gtLjkzdjYuNjZoMy4yOGwuMjYtMy43M2MuNzEtLjI0LDEuMzctLjU1LDEuOTUtLjkzLjk5LS42NCwxLjc1LTEuNDUsMi4yOS0yLjQxLjU0LS45Ny44MS0yLjA3LjgxLTMuMzEsMC0xLjMzLS4zMS0yLjUxLS45My0zLjU0WiIvPjwvZz48cGF0aCBjbGFzcz0iY2xzLTEiIGQ9Im04NS41NSwyMDMuOTdjLjY4LDIuODksMy4yNiw0Ljk2LDYuMjYsNC45NmgxMTcuNzMiLz48cGF0aCBjbGFzcz0iY2xzLTEiIGQ9Im0yMTUuMzcsMjA2LjA0Yy40Ny0uNzEuOC0xLjUyLjk1LTIuNCwxLjU4LTguODcsMy4xNS0xNy43NSw0LjczLTI2LjYyLDIuMDMtMTEuNDQsNC4wNi0yMi44OCw2LjA5LTM0LjMyLjcyLTQuMDgsMS43Ny04LjI1LDIuMTYtMTIuMzguMzktNC4xNi0xLjY4LTguNzktNS42Ny0xMC4zMSIvPjxwYXRoIGNsYXNzPSJjbHMtNyIgZD0ibTIyMy41MSwxMjAuMDhzLjQ5LDEuNjIuNTMsMS43My4zMiwyLjQ0LjMyLDIuNDRsLS4wNCwxLjkxLTEuMzgsNy4xMy0zLjM5LDE5LjMxLTIuODksMTUuOTItMi45NiwxNi43Ni0yLjQ0LDEzLjE2LS45MiwyLjY1LDQuOTgsNS4xNS44NS0yLjE1LjgxLTQuMDYsMS40OC04LjMzLDIuODItMTUuNzEsMi4xNS0xMi4xMSwxLjk0LTExLjM2LDIuNzUtMTQuNzUuODgtNC42OS4yOC0yLjU4LjA3LTIuMTItLjYtMi43NS0xLjI0LTIuMzYtMS4wOS0xLjU5LTIuMDEtMS4zMS0uOTItLjI4WiIvPjxwb2x5Z29uIGNsYXNzPSJjbHMtNyIgcG9pbnRzPSI4NS42OCAyMDMuOTMgMjA0LjU1IDIwMy44NCAyMDkuMzUgMjA4LjczIDE0OC40OCAyMDguODggOTAuOTUgMjA5LjAyIDg5LjUgMjA4LjY2IDg3Ljk4IDIwNy45MiA4Ni44MiAyMDYuNTggODYuMDEgMjA1LjAzIDg1LjY4IDIwMy45MyIvPjwvc3ZnPg==",FW=$.memo(({isDataLength:r,isLoading:t,isSingleValue:e,dataDb:n,chartType:i})=>{const a=i==="single value";return L.jsxs(L.Fragment,{children:[!t&&!r?L.jsx("div",{className:Vt.noData,children:L.jsxs("div",{className:Vt.noDataContent,children:[a?null:L.jsx("img",{src:zW,alt:"",width:"300px",height:"300px"}),L.jsx("div",{className:`${a?Vt.singleChartText:Vt.noDataText}`,children:"No Data Available"})]})}):null,!t&&r&&n[e]===null&&L.jsx("div",{className:Vt.noData,children:L.jsxs("div",{className:Vt.noDataContent,children:[a?null:L.jsx("img",{src:zW,alt:"",width:"300px",height:"300px"}),L.jsx("div",{className:`${a?Vt.singleChartText:Vt.noDataText}`,children:"No Data Available"})]})}),t&&L.jsx("div",{className:Vt.loading,children:L.jsx(Wu,{style:{width:"50px",height:"50px",color:"blue"}})})]})}),WDe=r=>L.jsx("svg",{viewBox:"0 0 24 24",width:"1.2em",height:"1.2em",...r,children:L.jsx("path",{fill:"currentColor",d:"M5 21q-.825 0-1.413-.587Q3 19.825 3 19V6.5q0-.375.125-.675q.125-.3.325-.575l1.4-1.7q.2-.275.5-.413Q5.65 3 6 3h12q.35 0 .65.137q.3.138.5.413l1.4 1.7q.2.275.325.575q.125.3.125.675V19q0 .825-.587 1.413Q19.825 21 19 21Zm.4-15h13.2l-.85-1H6.25ZM5 8v11h14V8Zm7 10l4-4l-1.4-1.4l-1.6 1.6V10h-2v4.2l-1.6-1.6L8 14Zm-7 1h14H5Z"})}),mv={metricFilter:"_metricFilter_zg60x_1",customContainer:"_customContainer_zg60x_4"},BW=({rlsConditions:r,onChangeFilterValue:t,companyId:e,integrationId:n,integrationName:i})=>L.jsx(L.Fragment,{children:r&&t?r.datatype!=="date"?r.datatype==="string"?r.options.length?L.jsx(ag,{selectedOptions:Array.isArray(r.value)&&r.value.length?r.value.map(a=>({label:a,value:a})):[],options:r.options.map(a=>({value:a,label:a})),onChange:a=>t(r.name,a==null?void 0:a[0].value,void 0,a),label:r.name,className:mv.metricFilter}):L.jsx(Ew,{selectedOptions:Array.isArray(r.value)&&r.value.length?r.value.map(a=>({label:a,value:a})):[],onChange:a=>t(r.name,a==null?void 0:a[0].value,void 0,a),filter:{tableName:r.tableName,columnName:r.columnName},companyId:e,isSearchEnabled:!0,autoSelected:Array.isArray(r.value)&&!r.value.length,label:r.name,integrationId:n,integrationName:i,className:mv.metricFilter}):L.jsx(Vr,{label:r.name,selectedOption:{value:r.value||r.options[0],label:r.value||r.options[0]},options:r.options.map(a=>({value:a,label:a})),onChange:a=>t(r.name,a.value),className:mv.metricFilter}):L.jsx(Vr,{label:r.name,selectedOption:{value:r.value||r.options[0].name,label:r.value||r.options[0].name},options:r.options.map(a=>({value:a.name,label:a.name})),onChange:a=>t(r.name,a.value),className:mv.metricFilter,children:r.value==="Custom"?L.jsxs("div",{className:mv.customContainer,children:[L.jsx(Ge,{label:"From Date",type:"date",onChange:({target:{value:a}})=>{t(r.name,"Custom",{startDate:new Date(Date.parse(a))})}}),L.jsx(Ge,{label:"To Date",type:"date",onChange:({target:{value:a}})=>t(r.name,"Custom",{endDate:new Date(Date.parse(a))})})]}):null}):null}),Yn={container:"_container_1jpte_1",popover:"_popover_1jpte_5",popupContainer:"_popupContainer_1jpte_6",button:"_button_1jpte_10",buttonOpen:"_buttonOpen_1jpte_14",menu:"_menu_1jpte_18",enter:"_enter_1jpte_22",enterFrom:"_enterFrom_1jpte_26",enterTo:"_enterTo_1jpte_30",leave:"_leave_1jpte_34",leaveFrom:"_leaveFrom_1jpte_38",leaveTo:"_leaveTo_1jpte_42",center:"_center_1jpte_46",top:"_top_1jpte_50",bottom:"_bottom_1jpte_54",left:"_left_1jpte_58",right:"_right_1jpte_62","left-top-end":"_left-top-end_1jpte_66","right-top-end":"_right-top-end_1jpte_70","left-bottom-end":"_left-bottom-end_1jpte_74","right-bottom-end":"_right-bottom-end_1jpte_78","top-left":"_top-left_1jpte_82","top-right":"_top-right_1jpte_86","bottom-left":"_bottom-left_1jpte_90","bottom-right":"_bottom-right_1jpte_94","left-top":"_left-top_1jpte_66","left-bottom":"_left-bottom_1jpte_74","right-top":"_right-top_1jpte_70","right-bottom":"_right-bottom_1jpte_78",chartOptionBtn:"_chartOptionBtn_1jpte_114",chartpopup:"_chartpopup_1jpte_118"},OI={fullscreen:"_fullscreen_1gpy3_1",loading:"_loading_1gpy3_5"},GDe=({isShowUnderlyingData:r,setShowUnderlyingData:t,getUnderlyingData:e,columnName:n,value:i})=>{const[a,o]=$.useState([]),[s,l]=$.useState(!0);return $.useEffect(()=>{n&&i&&r&&e({columnName:n,setData:o,setLoading:l,value:i})},[n,i,r]),L.jsx(No,{isOpen:r,onClose:()=>t(!1),headerTitle:"View Underlying Data",children:L.jsxs("div",{className:OI.fullscreen,children:[!!a.length&&L.jsx(Bh,{data:a,isLoading:!1,error:""}),!a.length&&!s&&L.jsx("div",{className:OI.loading,children:"No Data Available"}),s&&!a.length&&L.jsx("div",{className:OI.loading,children:L.jsx(Wu,{style:{width:"50px",height:"50px",color:"blue"}})})]})})},UDe=$.memo(GDe),YDe=r=>L.jsx("svg",{viewBox:"0 0 24 24",width:"1.2em",height:"1.2em",...r,children:L.jsx("g",{id:"evaLayersFill0",children:L.jsx("g",{id:"evaLayersFill1",children:L.jsxs("g",{id:"evaLayersFill2",fill:"currentColor",children:[L.jsx("path",{d:"m3.24 7.29l8.52 4.63a.51.51 0 0 0 .48 0l8.52-4.63a.44.44 0 0 0-.05-.81L12.19 3a.5.5 0 0 0-.38 0L3.29 6.48a.44.44 0 0 0-.05.81Z"}),L.jsx("path",{d:"m20.71 10.66l-1.83-.78l-6.64 3.61a.51.51 0 0 1-.48 0L5.12 9.88l-1.83.78a.48.48 0 0 0 0 .85l8.52 4.9a.46.46 0 0 0 .48 0l8.52-4.9a.48.48 0 0 0-.1-.85Z"}),L.jsx("path",{d:"m20.71 15.1l-1.56-.68l-6.91 3.76a.51.51 0 0 1-.48 0l-6.91-3.76l-1.56.68a.49.49 0 0 0 0 .87l8.52 5a.51.51 0 0 0 .48 0l8.52-5a.49.49 0 0 0-.1-.87Z"})]})})})}),QDe=r=>L.jsx("svg",{viewBox:"0 0 24 24",width:"1.2em",height:"1.2em",...r,children:L.jsx("path",{fill:"currentColor",d:"M14 3v2h3.59l-9.83 9.83l1.41 1.41L19 6.41V10h2V3m-2 16H5V5h7V3H5a2 2 0 0 0-2 2v14a2 2 0 0 0 2 2h14a2 2 0 0 0 2-2v-7h-2v7Z"})}),ZDe=({position:r="center",menuContainerClass:t,menuClass:e,isOpen:n,setOpen:i,value:a,columnName:o,getUnderlyingData:s,clickBehaviourConfigs:l,elementRef:c})=>{const[u,h]=$.useState(!1),f=$.useRef(null);return Sc({wrapRef:f,onOutsideClick:()=>i(!1)}),$.useEffect(()=>{if(!c||r!=="dynamic")return;const{containerRef:d,event:p}=c,v=p;if(!d.current||!f.current||!v)return;const g=d.current.getBoundingClientRect(),m=f.current.getBoundingClientRect(),[y,b]=Pye(v,g,m);Rye(f.current,y,b)},[c,n,r]),L.jsxs(L.Fragment,{children:[L.jsx("div",{onContextMenu:d=>{d.preventDefault()},ref:f,className:`${r==="dynamic"&&Yn.popupContainer}`,children:L.jsx("div",{className:`${Yn.popover} ${r==="dynamic"||Yn[r]}  ${t}`,children:L.jsx(Hv,{as:"div",className:`${Yn.menu} ${e}`,show:n,enter:Yn.enter,enterFrom:Yn.enterFrom,enterTo:Yn.enterTo,leave:Yn.leave,leaveFrom:Yn.leaveFrom,leaveTo:Yn.leaveTo,children:L.jsxs("div",{className:Yn.chartpopup,children:[L.jsxs(Ie,{variant:"custom",type:"button",className:Yn.chartOptionBtn,onClick:()=>h(!0),children:[L.jsx(YDe,{className:Yn.popupItemIcon}),L.jsx(Se,{variant:"p",styleClass:"font-14",children:"View underlying data"})]}),l.isEnable&&L.jsxs(Ie,{variant:"custom",type:"button",className:Yn.chartOptionBtn,onClick:()=>gD(l,(a==null?void 0:a.split(" ").join("_"))||"undefined"),children:[L.jsx(QDe,{className:Yn.popupItemIcon}),L.jsx(Se,{variant:"p",styleClass:"font-14",children:"Go to"})]})]})})})}),L.jsx(UDe,{isShowUnderlyingData:u,setShowUnderlyingData:h,columnName:o,value:a,getUnderlyingData:s})]})},VW=$.memo(ZDe),PI={"dbc-container":"_dbc-container_1ial2_1","active-dimension":"_active-dimension_1ial2_5",otherLevels:"_otherLevels_1ial2_8"},HW=({dimensions:r,drilledLevel:t})=>L.jsx("div",{className:PI["dbc-container"],children:r.map((e,n)=>L.jsxs("span",{className:n===t?PI["active-dimension"]:PI.otherLevels,children:[e.toString()[0].toUpperCase()+e.toString().substring(1),n===r.length-1?"":" / "]}))}),WW=({globalFilters:r={tableName:"",filters:[]},metricItem:t,onMaximize:e,client:n,colors:i,param:a,companyTenancyType:o,renderHeaderName:s,isDisableCardClick:l,onArchive:c,chartRendererType:u="canvas",isDisableMorePopup:h})=>{var H,V,R,j,W,U,q;const f=$.useMemo(()=>{const Y={};if(a!=null&&a.values)for(const X in a.values){const G=`${X}_variable`;Y[G]=a.values[X]}return Y},[a==null?void 0:a.values]),[d,p]=$.useState(t.chartOptions),v=$.useRef(null),{dataDb:g,getUnderlyingData:m,handleChartClick:y,columnName:b,setShowChartPopup:w,isShowChartPopup:_,isQueryLoading:S,chartParams:C,onChangeFilterValue:I,onDrillDown:D,drilledLevel:T,dimensions:x,rlsConditions:M,setLoading:A,comparisonValue:E,setTableLimit:N,isEnableNextBtn:k,isEnablePrevBtn:O,paginationInfo:P,onChangePage:z,isExternalChart:B}=iL({metric:t,clientId:n,chartSettings:d,setChartSettings:p,globalFilters:r,rlsFilters:{param:a,filterValues:f},tenancyLevel:o});return $.useEffect(()=>{var Y,X;p(t==null?void 0:t.chartOptions),N({limit:parseInt(((X=(Y=t==null?void 0:t.chartOptions)==null?void 0:Y.tableSettings)==null?void 0:X.defaultRowSize)||"10",10),offset:0})},[t]),L.jsx(L.Fragment,{children:L.jsxs("div",{ref:v,className:Vt.cardContainer,onContextMenu:Y=>{Y.preventDefault()},children:[L.jsxs("div",{className:Vt.listHeader,children:[L.jsxs("div",{className:Vt.metricName,children:[L.jsx(Ie,{type:"button",variant:"custom",onClick:()=>{t.clickActions.card.isEnable?Gge(t.clickActions,t.metricId,t.id):e(t,{param:a,filterValues:f})},isDisabled:l,children:L.jsx(Se,{variant:"h3",styleClass:"primary",className:`${Vt.metricTitle} dbn-metric-card-title`,children:s?s(t.name):t.name})}),t.description&&L.jsx("span",{className:`${Vt.metricDescription} dbn-metric-card-description`,children:t.description})]}),L.jsxs("div",{className:Vt.features,children:[d!=null&&d.isDynamicSeries?L.jsx(Vr,{options:[{value:"ungrouped",label:"ungrouped"},...((H=d.seriesOptions)==null?void 0:H.map(Y=>({value:Y,label:Y})))||[]],onChange:Y=>p(X=>({...X,seriesField:Y.value})),selectedOption:{label:(d==null?void 0:d.seriesField)||"ungrouped",value:(d==null?void 0:d.seriesField)||"ungrouped"},label:"group by",className:Vt.dynamicGroupContainer,buttonClass:Vt.dynamicGroupFormat}):null,(V=d==null?void 0:d.timeSeriesSettings)!=null&&V.groupBySettings.isDynamic?L.jsx(Vr,{options:(R=d==null?void 0:d.timeSeriesSettings)==null?void 0:R.groupBySettings.options.map(Y=>({label:Y,value:Y})),onChange:Y=>p(X=>{var G;return{...X,timeSeriesSettings:{...X==null?void 0:X.timeSeriesSettings,groupBySettings:{...(G=X==null?void 0:X.timeSeriesSettings)==null?void 0:G.groupBySettings,value:Y.value}}}}),selectedOption:{label:(j=d==null?void 0:d.timeSeriesSettings)==null?void 0:j.groupBySettings.value,value:(W=d==null?void 0:d.timeSeriesSettings)==null?void 0:W.groupBySettings.value},labelVariant:"static",className:Vt.dynamicGroupContainer,buttonClass:Vt.dynamicGroupFormat}):null,!h&&L.jsxs(_o,{buttonClass:Vt.popup,button:L.jsx(nt,{name:"more-icon",className:Vt.popupIcon}),menuClass:Vt.popupMenu,position:"bottom-right",className:Vt.morePopup,children:[L.jsxs(Ie,{type:"button",variant:"custom",id:`metric-card-popup-btn__${t.id}`,className:`${Vt.popupItem} ${Vt.csvBtn}`,onClick:()=>e(t,{param:a,filterValues:f}),children:[L.jsx(nt,{name:"fullscreen-icon",className:Vt.popupItemIcon}),"Enter Fullscreen"]}),c&&L.jsxs(Ie,{variant:"custom",type:"button",className:`${Vt.popupItem} ${Vt.csvBtn} ${Vt.deleteBtn}`,onClick:()=>c(t.id),children:[L.jsx(WDe,{className:Vt.popupItemIcon}),"Archive Metric"]})]})]})]}),(d==null?void 0:d.chartType)&&L.jsxs("div",{className:`${Vt.metricData} ${(d==null?void 0:d.chartType)===we.table?Vt.metricTable:""}`,onContextMenu:Y=>{Y.preventDefault()},children:[L.jsx(FW,{isLoading:S,isDataLength:!!(g!=null&&g.length),isSingleValue:d.singleValue,dataDb:g[0],chartType:d.chartType}),(U=M==null?void 0:M.filter(Y=>Y.isAddOnMetrics))==null?void 0:U.map(Y=>L.jsx("div",{className:d.metricFilterPosition==="top-left"?Vt.topLeft:Vt.topRight,children:L.jsx(BW,{rlsConditions:Y,onChangeFilterValue:I,companyId:t==null?void 0:t.companyId,integrationId:t==null?void 0:t.companyIntegrationId,integrationName:t==null?void 0:t.integrationName})})),((q=t==null?void 0:t.drillDownSettings)==null?void 0:q.isEnableGroupBy)&&!!(x!=null&&x.length)&&!!g.length&&L.jsx(HW,{dimensions:x,drilledLevel:x.length>T?T:0}),(C==null?void 0:C.name)&&b&&L.jsx(L.Fragment,{children:L.jsx(VW,{isOpen:_,setOpen:w,value:C==null?void 0:C.name,columnName:b,getUnderlyingData:m,clickBehaviourConfigs:t.clickActions.chart,elementRef:{containerRef:v,event:C.event.event},position:"dynamic"})}),g!=null&&g.length?L.jsx(N0,{data:g,chartOptions:d,events:{click:Y=>{var X;(X=t.drillDownSettings)!=null&&X.isEnableGroupBy&&D(Y)},contextmenu:Y=>{y(Y),w(!0)}},colors:i,config:{style:{height:"90%"},hideBorder:!0,chartClickConfig:t.clickActions.chart,onChartReady:()=>A(!1),opts:{renderer:u},onChangePage:z,comparisonValue:E,isExternalChart:B,isEnableNextBtn:k,isEnablePrevBtn:O,paginationInfo:P,setChartSettings:p}}):null]})]})})},Zt={fullScreen:"_fullScreen_1ypw9_1",header:"_header_1ypw9_9",headerBlock:"_headerBlock_1ypw9_17",metricName:"_metricName_1ypw9_25",iconButton:"_iconButton_1ypw9_33",body:"_body_1ypw9_41",metric:"_metric_1ypw9_25",metricHeader:"_metricHeader_1ypw9_57",chartSettings:"_chartSettings_1ypw9_65",chart:"_chart_1ypw9_65",preview:"_preview_1ypw9_81",popupMenu:"_popupMenu_1ypw9_89",csvPopup:"_csvPopup_1ypw9_97",csvPopupIcon:"_csvPopupIcon_1ypw9_105",popupItem:"_popupItem_1ypw9_113",popupItemIcon:"_popupItemIcon_1ypw9_121",dynamicGroupFormat:"_dynamicGroupFormat_1ypw9_129",dynamicGroupContainer:"_dynamicGroupContainer_1ypw9_137",addFilterMenu:"_addFilterMenu_1ypw9_143",addfilter:"_addfilter_1ypw9_151",checkedOption:"_checkedOption_1ypw9_157",option:"_option_1ypw9_165",chartWrapper:"_chartWrapper_1ypw9_173"},qDe=r=>L.jsx("svg",{viewBox:"0 0 24 24",width:"1.2em",height:"1.2em",...r,children:L.jsx("path",{fill:"currentColor",d:"M2 12h2v5h16v-5h2v5c0 1.11-.89 2-2 2H4a2 2 0 0 1-2-2v-5m10 3l5.55-5.46l-1.42-1.41L13 11.25V2h-2v9.25L7.88 8.13L6.46 9.55L12 15Z"})}),XDe=r=>L.jsx("svg",{viewBox:"0 0 24 24",width:"1.2em",height:"1.2em",...r,children:L.jsx("path",{fill:"currentColor",d:"M8.7 17.3q-.275-.275-.275-.7q0-.425.275-.7l3.9-3.9l-3.9-3.9q-.275-.275-.275-.7q0-.425.275-.7q.275-.275.7-.275q.425 0 .7.275l4.6 4.6q.15.15.213.325q.062.175.062.375t-.062.375q-.063.175-.213.325l-4.6 4.6q-.275.275-.7.275q-.425 0-.7-.275Z"})}),KDe=({data:r,chartRef:t,metricName:e,onRawCsvData:n})=>L.jsx(L.Fragment,{children:L.jsxs(_o,{button:L.jsx(qDe,{}),buttonClass:Zt.iconButton,position:"bottom-right",menuClass:Zt.popupMenu,children:[L.jsxs(_o,{button:L.jsxs(L.Fragment,{children:["Download CSV ",L.jsx(XDe,{className:Zt.csvPopupIcon})]}),buttonClass:Zt.popupItem,position:"left-top",menuClass:Zt.popupMenu,menuContainerClass:Zt.csvPopup,children:[L.jsx(uSe,{text:"Table Results",data:r,fileName:e,className:Zt.popupItem,iconClass:Zt.popupItemIcon}),L.jsx(Ie,{type:"button",variant:"custom",size:"default",className:Zt.popupItem,onClick:n,children:"Raw Data"})]}),t&&L.jsx(dSe,{text:"Save as PNG",chartRef:t,className:Zt.popupItem,iconClass:Zt.popupItemIcon,fileName:e})]})}),JDe=({filters:r,updateFilter:t})=>L.jsx(_o,{button:L.jsx(Ie,{variant:"custom",type:"button",size:"small",className:Zt.addfilter,children:L.jsx(nt,{name:"plus-icon-2"})}),position:"bottom-left",children:L.jsx("div",{className:Zt.addFilterMenu,children:r.map(e=>{const n=e.isAddOnMetrics;return L.jsxs(Ie,{variant:"secondary",onClick:()=>{t(e)},className:n?Zt.checkedOption:Zt.option,children:[n?L.jsx(Lw,{}):L.jsx(Lf,{}),e.name]})})})}),eTe=r=>L.jsx("svg",{viewBox:"0 0 24 24",width:"1.2em",height:"1.2em",...r,children:L.jsx("path",{fill:"none",stroke:"currentColor",strokeLinecap:"round",strokeLinejoin:"round",strokeWidth:2,d:"M4 14h6v6m10-10h-6V4m0 6l7-7M3 21l7-7"})}),GW=({metric:r,colors:t,rlsFilters:e,onMinimize:n,clientId:i,tenancyLevel:a,companyId:o,externalDashboardId:s,userProvidedDashboardId:l,isAllowedToUpdateMetrics:c,sharingSettingsId:u})=>{var X,G,Z,Q,ce,re;const h=$.useRef(),[f,d]=$.useState(!1),[p,v]=$.useState(r.chartOptions),[g,m]=$.useState(!1),y=$.useRef(null),{updateExternalMetric:b,error:w}=WA({onSuccess:()=>{m(!1)},selectedColumns:[],companyIntegrationId:r.companyIntegrationId,query:r.query,metricQuery:r.metricQuery,integrationName:r.integrationName,outputColumns:r.outputColumns,chartSettings:p,datasetMetricSettings:r.datasetMetricSettings,clientId:i,companyId:o,isLiveMode:r.isLive,timeGrain:r.timeGrain,dashboardIds:[s],isEnableGroupBy:r.isEnableGroupBy,groupBy:r.groupBy,selectedGroupBy:r.selectedGroupBy,userProvidedDashboardId:l,metric:r,rlsFilters:e==null?void 0:e.param}),{dataDb:_,getUnderlyingData:S,handleChartClick:C,onChangeFilterValue:I,onDrillDown:D,isShowChartPopup:T,setShowChartPopup:x,columnName:M,chartParams:A,isQueryLoading:E,dimensions:N,drilledLevel:k,rlsConditions:O,setLoading:P,comparisonValue:z,setTableLimit:B,isEnableNextBtn:H,paginationInfo:V,isEnablePrevBtn:R,isExternalChart:j,groupByList:W,isEnablePivotTable:U,onChangePage:q,updateFilter:Y}=iL({metric:r,rlsFilters:e,chartSettings:p,setChartSettings:v,tenancyLevel:a,clientId:i});return $.useEffect(()=>{var J,ae;v(r.chartOptions),B({limit:parseInt(((ae=(J=r.chartOptions)==null?void 0:J.tableSettings)==null?void 0:ae.defaultRowSize)||"10",10),offset:0})},[r]),L.jsxs("dialog",{open:!0,className:Zt.fullScreen,children:[L.jsxs("section",{className:Zt.header,children:[L.jsx("div",{className:Zt.headerBlock,children:L.jsx(Se,{variant:"h2",styleClass:"font-14",className:Zt.metricName,children:r.name})}),L.jsxs("div",{className:Zt.headerBlock,children:[L.jsx(Ie,{type:"button",variant:"custom",size:"default",className:Zt.iconButton,onClick:n,title:"Minimize Full Screen",children:L.jsx(eTe,{})}),L.jsx(KDe,{data:_,chartRef:h,metricName:r.name,onRawCsvData:()=>d(!0)}),c&&L.jsx(Ie,{type:"button",variant:"primary",size:"large",onClick:()=>m(!0),children:"Save Metric"})]})]}),L.jsxs("section",{className:Zt.body,children:[L.jsxs("div",{className:Zt.metric,ref:y,children:[L.jsxs("div",{className:Zt.metricHeader,children:[(X=O==null?void 0:O.filter(J=>J.isAddOnMetrics))==null?void 0:X.map(J=>L.jsx(BW,{companyId:o,integrationName:r.integrationName,integrationId:r.companyIntegrationId,rlsConditions:J,onChangeFilterValue:I})),L.jsx(JDe,{filters:O,updateFilter:Y}),!!_.length&&L.jsxs(L.Fragment,{children:[p!=null&&p.isDynamicSeries?L.jsx(Vr,{options:[{value:"ungrouped",label:"ungrouped"},...((G=p.seriesOptions)==null?void 0:G.map(J=>({value:J,label:J})))||[]],onChange:J=>v(ae=>({...ae,seriesField:J.value})),selectedOption:{label:(p==null?void 0:p.seriesField)||"ungrouped",value:(p==null?void 0:p.seriesField)||"ungrouped"},label:"group by",className:Zt.dynamicGroupContainer,buttonClass:Zt.dynamicGroupFormat}):null,(Z=p.timeSeriesSettings)!=null&&Z.groupBySettings.isDynamic?L.jsx(Vr,{options:p.timeSeriesSettings.groupBySettings.options.map(J=>({label:J,value:J})),onChange:J=>v(ae=>{var Ce;return{...ae,timeSeriesSettings:{...ae.timeSeriesSettings,groupBySettings:{...(Ce=ae.timeSeriesSettings)==null?void 0:Ce.groupBySettings,value:J.value}}}}),selectedOption:{label:p.timeSeriesSettings.groupBySettings.value,value:p.timeSeriesSettings.groupBySettings.value},labelVariant:"static",buttonClass:Zt.dynamicGroupFormat,className:Zt.dynamicGroupContainer}):null,L.jsx(iH,{data:_,settings:p,setSettings:v,className:Zt.chartSettings,isEnablePivotTable:U,groupbyList:W})]})]}),L.jsxs("div",{className:Zt.chartWrapper,children:[(A==null?void 0:A.name)&&M&&L.jsx(VW,{isOpen:T,setOpen:x,value:A==null?void 0:A.name,columnName:M,getUnderlyingData:S,clickBehaviourConfigs:(Q=r.clickActions)==null?void 0:Q.chart,elementRef:{containerRef:y,event:A.event.event},position:"dynamic"}),L.jsx(FW,{isLoading:E,isDataLength:!!_.length,isSingleValue:p.singleValue,dataDb:_[0],chartType:""}),((ce=r==null?void 0:r.drillDownSettings)==null?void 0:ce.isEnableGroupBy)&&!!(N!=null&&N.length)&&!!_.length&&L.jsx(HW,{dimensions:N,drilledLevel:N.length>k?k:0}),_.length?L.jsx(N0,{chartOptions:p,data:_,colors:t,events:{click:J=>{var ae;(ae=r.drillDownSettings)!=null&&ae.isEnableGroupBy&&D(J)},contextmenu:J=>{C(J),x(!0)}},className:Zt.chart,config:{ref:h,chartClickConfig:(re=r.clickActions)==null?void 0:re.chart,onColumnSizingChange:J=>v(ae=>({...ae,tableSettings:{...ae.tableSettings,columnSizing:J}})),onChartReady:()=>P(!1),onChangePage:q,comparisonValue:z,isExternalChart:j,isEnableNextBtn:H,isEnablePrevBtn:R,paginationInfo:V,setChartSettings:v}}):null]})]}),p.chartType!=="table"?L.jsx("div",{className:Zt.preview,children:L.jsx(Bh,{data:_,isLoading:!1,error:"",tableName:"Table Preview",tableSettings:{enableFilter:!0,enableSorting:!0,enableStripedRows:!0,enableTableSearch:!0,showRowHover:!0,showTableTitle:!0,showTableDesc:!0,lineGap:"medium",contentAlignment:"center",hideVerticalDivider:!1}})}):null]}),L.jsx(jW,{metricItem:r,isShowRawCsvModal:f,onCloseModal:d,companyTenancyType:a,filterValues:e==null?void 0:e.filterValues,client:i,sharingSettingsId:u}),c&&L.jsx(No,{isOpen:g,onClose:()=>m(!1),headerTitle:"Update Metric",children:L.jsx(oL,{onCancel:()=>m(!1),onSubmit:b,dashboardIds:[s],onDashboardChange:()=>{},companyId:o,error:w,defaultValues:{name:r.name,description:r.description,isLive:r.isLive,metricId:r.isCreatedByClient?r.metricId:`update_${r.metricId}_by_${i}_${Date.now()}`},isEmbedded:!0})})]})},tTe=PW.WidthProvider(PW.Responsive),rTe=({chartColors:r,globalFilters:t,client:e,companyId:n,isAllowedToUpdateMetrics:i,isAllowedToDeleteMetrics:a,isAllowedToChangeLayout:o,externalDashboardMetrics:s,isMetricListLoading:l,breakpoint:c,layoutCols:u,adminLayout:h,params:f,companyTenancyType:d="TABLE",externalDashboardId:p,externalDashboardPk:v,sharingSettingsId:g})=>{const[m,y]=$.useState({id:"",show:!1}),[b,w]=$.useState({layout:[],isShow:!1}),[_,S]=$.useState({show:!1}),{saveLayout:C,layout:I,isLoadingLayout:D}=qY({clientId:e,externalDashboardId:v}),{handleArchiveMetric:T,isLoading:x}=cQ({dashboardId:p,clientId:e,metricId:m.id,onSuccess:()=>y({id:"",show:!1})}),M=$.useCallback(k=>{w({isShow:!0,layout:k})},[]),A=$.useMemo(()=>{const k=s==null?void 0:s.map(B=>B.externalMetric),O=k==null?void 0:k.filter(B=>!B.isCreatedByClient),P=k==null?void 0:k.filter(B=>B.isCreatedByClient&&B.clientId===e);return[...O||[],...P||[]].sort((B,H)=>{const V=new Date(B.createdAt).getTime(),R=new Date(H.createdAt).getTime();return V-R})},[s]),E=$.useMemo(()=>A.map(O=>{const P=I.find(B=>B.i===O.id),z=h.find(B=>B.i===O.id);return{i:(P==null?void 0:P.i)||(z==null?void 0:z.i)||O.id,w:(P==null?void 0:P.w)||(z==null?void 0:z.w)||O.resizeAttributes.width||5,h:(P==null?void 0:P.h)||(z==null?void 0:z.h)||O.resizeAttributes.height||10,x:(P==null?void 0:P.x)||(z==null?void 0:z.x)||O.resizeAttributes.xAxis||0,y:(P==null?void 0:P.y)||(z==null?void 0:z.y)||O.resizeAttributes.yAxis||0,minW:O.chartOptions.chartType==="single value"?1:3,minH:O.chartOptions.chartType==="single value"?2:8,maxH:O.chartOptions.chartType==="table"?1/0:15}}),[A,h,I]),N=$.useMemo(()=>A.map(k=>L.jsx("div",{className:`${hf["MetricList-wrapper"]} ${o?hf["MetricList-wrapper-move"]:""}`,id:k.id,children:L.jsx(WW,{metricItem:k,onMaximize:O=>S({show:!0,metric:O}),client:e,colors:r,globalFilters:t,param:f==null?void 0:f.find(O=>O.metricId===k.metricId),companyTenancyType:d,onArchive:a?O=>y({id:O,show:!0}):void 0})},k.id)),[A,d,e,r,f,t,o,a]);return L.jsx(L.Fragment,{children:A.length&&E.length?L.jsxs(L.Fragment,{children:[L.jsxs("div",{className:hf["MetricList-container"],id:"metric-list-container",children:[b.isShow&&L.jsx(HDe,{isLoading:D,onCancel:()=>w(k=>({...k,isShow:!1})),onSave:async()=>{await C(b.layout,!0),w(k=>({...k,isShow:!1}))}}),L.jsx(tTe,{layouts:{lg:E},onResizeStop:o?M:void 0,onDragStop:o?M:void 0,isDraggable:o,isDroppable:o,isResizable:o,rowHeight:30,breakpoints:c??{lg:1200,md:996,sm:768,xs:480,xxs:0},cols:u??{lg:12,md:12,sm:12,xs:4,xxs:2},children:N})]}),a?L.jsx(RDe,{isLoading:x,isOpen:m.show,onArchive:T,onClose:()=>y({id:"",show:!1})}):null,L.jsx(Aw,{children:_.show&&_.metric&&L.jsx(GW,{metric:_.metric,rlsFilters:_.rlsFilters,colors:r,externalDashboardId:v,userProvidedDashboardId:p,tenancyLevel:d,isAllowedToUpdateMetrics:i,clientId:e,companyId:n,onMinimize:()=>S({show:!1,metric:void 0}),sharingSettingsId:g})})]}):L.jsx(L.Fragment,{children:l?L.jsx("div",{className:hf["alt-container"],children:L.jsx(Wu,{style:{width:"50px",height:"50px",color:"blue"}})}):L.jsx("div",{className:hf["noMetric-container"],children:L.jsx("div",{className:hf["noMetric-wrapper"],children:L.jsx(Se,{variant:"h2",styleClass:"primary",children:"No metrics created yet"})})})})})},Y$e={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"},nTe={loader:"_loader_j0yem_1"},iTe=()=>L.jsx("div",{className:nTe.loader,children:L.jsx(Wu,{style:{width:"50px",height:"50px",color:"blue"}})}),aTe={scheduleEmailButton:"_scheduleEmailButton_13nzt_1"},ui={"form-wrapper":"_form-wrapper_ynoky_1","form-primary-text":"_form-primary-text_ynoky_5","week-days-container":"_week-days-container_ynoky_9","main-label":"_main-label_ynoky_12","time-element":"_time-element_ynoky_16","schedule-time":"_schedule-time_ynoky_19","cancel-btn":"_cancel-btn_ynoky_23","delete-btn":"_delete-btn_ynoky_26","field-width":"_field-width_ynoky_29","timezone-field":"_timezone-field_ynoky_33","success-text":"_success-text_ynoky_37"},UW=$.createContext({isLoading:void 0,data:void 0,token:void 0,pluginRef:void 0}),YW=()=>$.useContext(UW),oTe=(r,t)=>{const e=t.getTimezoneOffset()*-1;return new Date(t.toLocaleString("en-US",{timeZone:r})).getTimezoneOffset()*-1-e},sTe=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=(KA.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=oTe(r.timezone,e);e.setTime(e.getTime()+n*6e4)}return e},lTe=({onCancel:r})=>{var N;const{register:t,handleSubmit:e,watch:n,control:i,setValue:a,getValues:o,reset:s}=Rv(),{data:l,token:c}=YW(),{data:u,isLoading:h}=dY({token:c}),f=$.useMemo(()=>{var k;if((k=u==null?void 0:u.scheduleEmailReports)!=null&&k.length)return u==null?void 0:u.scheduleEmailReports[0]},[u]);$.useEffect(()=>{f?s({...f.timeConfigurations}):(a("time","PM"),a("timezone","Asia/Kolkata"),a("frequency","Monthly"))},[f]);const[d,p]=$.useState(!1),[v,g]=$.useState(""),[m,y]=$.useState(!1),[b,w]=$.useState(!1),_="",S=((N=l==null?void 0:l.externalDashboardMetrics)==null?void 0:N.map(k=>({value:k.externalMetric.id,label:k.externalMetric.name})))||[],C=$Y(),I=$U(),D=zU(),T=(k,O)=>k.charts.length===0?(g("please select at least one chart to share"),p(!1),y(!1),!1):k.emails.length===0?(g("please add at least one email address"),p(!1),y(!1),!1):O?!0:(g("invalid time configurations"),p(!1),y(!1),!1),x=k=>{var Y,X;g(""),p(!0),y(!1);const{subject:O,emails:P,frequency:z,weekDays:B,date:H,hours:V,time:R,timezone:j}=k,W=sTe({date:H,frequency:z,hours:V,time:R,timezone:j,weekDays:B});if(!T(k,W))return;const q=(Y=k.charts)==null?void 0:Y.map(G=>({externalMetricId:G}));f?I.mutate({scheduleEmailReportId:f.id},{onSuccess({delete_scheduleEmailReportCharts:G}){var Z;G!=null&&G.affected_rows?C.mutate({emails:P,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:O,timeConfigurations:k},{onSuccess({insert_scheduleEmailReports_one:Q}){Q!=null&&Q.id?(g(""),p(!1),y(!0)):(g(Sn),p(!1),y(!1))},onError(){g(Sn),p(!1),y(!1)}}):(g(Sn),p(!1),y(!1))},onError(){g(Sn),p(!1),y(!1)}}):C.mutate({emails:P,externalDashboardId:(X=l==null?void 0:l.externalDashboard)==null?void 0:X.id,data:q,guestToken:c,nextScheduledAt:W,sharingSettingsId:l==null?void 0:l.sharingSettingsId,subject:O,timeConfigurations:k},{onSuccess({insert_scheduleEmailReports_one:G}){G!=null&&G.id?(g(""),p(!1),y(!0)):(g(Sn),p(!1),y(!1))},onError(){g(Sn),p(!1),y(!1)}})},M=()=>{g(""),p(!0),w(!1),y(!1),D.mutate({id:f==null?void 0:f.id},{onSuccess({delete_scheduleEmailReports_by_pk:k}){k!=null&&k.id?(g(""),p(!1),w(!0),s({subject:"",emails:[],charts:[]}),r()):(g(Sn),p(!1),w(!1))},onError(){g(Sn),p(!1),w(!1)}})},A=e(x),E=e(M);return{register:t,handleSubmit:e,watch:n,control:i,setValue:a,getValues:o,reset:s,dashboardName:_,chartOptions:S,onSave:A,isLoading:d,isSuccess:m,error:v,isLoadingData:h,scheduleReportConfig:f,onDelete:E,isDeleted:b}},uTe=({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}=lTe({onCancel:r});return L.jsxs("form",{className:ui["form-container"],onSubmit:l,children:[L.jsxs("div",{className:ui["form-wrapper"],children:[L.jsxs(Se,{variant:"p",styleClass:"font-14",className:ui["form-primary-text"],children:["Schedule an email report for Dashboard:",L.jsx(Se,{variant:"span",styleClass:"primary",children:o})]}),L.jsx(Ge,{label:"Subject Line",placeholder:"Weekly Report - Sales Overview 2023",register:n("subject",df)}),L.jsx($W,{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}),L.jsx(fQ,{control:t,name:"charts",options:s,label:"Charts to Attach",defaultValue:[]}),L.jsx(Iw,{label:"Frequency of emails",options:ZY,control:t,name:"frequency",defaultValue:"Monthly"}),a().frequency!=="Monthly"?L.jsx("div",{className:ui["week-days-container"],children:KA.map(g=>L.jsx(Ge,{label:g.label,type:"checkbox",register:n(`weekDays.${g.value}`),isDisabled:a().frequency==="Daily"},g.value))}):L.jsx("div",{children:L.jsx(ag,{label:"Choose Dates",selectedOptions:e().date||[],options:QY,onChange:g=>i("date",g)})}),L.jsxs("div",{className:ui["schedule-time"],children:[L.jsx(Se,{variant:"span",styleClass:"custom",className:ui["main-label"],children:"Scheduled Time"}),L.jsxs("div",{className:ui["time-element"],children:[L.jsx(Ge,{type:"number",className:ui["field-width"],min:0,max:11,register:n("hours",df),defaultValue:5}),L.jsx(Iw,{options:YY,control:t,name:"time",className:ui["timezone-field"],defaultValue:"PM"}),L.jsx(Iw,{options:UY,control:t,name:"timezone",className:ui["timezone-field"],defaultValue:"IST"})]})]}),u&&L.jsx(rg,{message:u}),h&&L.jsx(Se,{variant:"p",styleClass:"font-14b",className:ui["success-text"],children:"Scheduled successfully!"}),p&&L.jsx(Se,{variant:"p",styleClass:"font-14b",className:ui["success-text"],children:"Deleted successfully!"})]}),L.jsxs(If,{children:[f?L.jsx(Ie,{type:"reset",variant:"reject",className:ui["delete-btn"],size:"default",onClick:()=>{d()},isDisabled:c,children:"Delete"}):L.jsx(Ie,{type:"reset",variant:"secondary",className:ui["cancel-btn"],size:"default",onClick:()=>r(),isDisabled:c,children:"Cancel"}),L.jsx(Ie,{variant:"primary",type:"submit",size:"default",isDisabled:c,children:f?"Update":"Save"})]})]})},cTe=r=>L.jsx("svg",{viewBox:"0 0 2048 2048",width:"1.2em",height:"1.2em",...r,children:L.jsx("path",{fill:"currentColor",d:"M960 1100L128 565v971h768v128H0V384h1920v601q-13-9-29-19t-33-20t-34-18t-32-13V565l-832 535zm678-588H282l678 436l678-436zm410 1024q0 106-40 199t-109 163t-163 110t-200 40q-106 0-199-40t-163-109t-110-163t-40-200q0-106 40-199t109-163t163-110t200-40q106 0 199 40t163 109t110 163t40 200zm-512 384q79 0 149-30t122-82t83-122t30-150q0-79-30-149t-82-122t-123-83t-149-30q-80 0-149 30t-122 82t-83 123t-30 149q0 80 30 149t82 122t122 83t150 30zm0-640v256h192v128h-320v-384h128z"})}),hTe=()=>{const[r,t]=$.useState(!1);return L.jsxs("div",{children:[L.jsx(Ie,{variant:"custom",type:"button",onClick:()=>t(!0),title:"email-sharing",className:aTe.scheduleEmailButton,children:L.jsx(cTe,{})}),L.jsx(No,{isOpen:r,onClose:()=>t(!1),headerTitle:"Schedule Email",children:L.jsx(uTe,{onCancel:()=>t(!1)})})]})},fTe=$.memo(({options:r,theme:t})=>{var h,f,d;const{data:e,isLoading:n}=YW(),[i,a]=$.useState(!1),[o,s]=$.useState({tableName:"",filters:[]}),{data:l}=mY({companyId:e==null?void 0:e.companyId},{enabled:!!(e!=null&&e.companyId),refetchOnWindowFocus:!1}),[c,u]=$.useMemo(()=>{var v,g,m,y;const p=(y=(m=(g=(v=l==null?void 0:l.themes[0])==null?void 0:v.chart)==null?void 0:g.palettes)==null?void 0:m.find(b=>{var w,_;return b.name===((_=(w=l.themes[0])==null?void 0:w.chart)==null?void 0:_.selected)}))==null?void 0:y.colors;return[l==null?void 0:l.themes[0],p]},[l==null?void 0:l.themes[0]]);return JA(c),L.jsx(L.Fragment,{children:L.jsxs("div",{className:`${vc["embedDashboard-container"]} dbn-dashboard`,children:[((h=e==null?void 0:e.externalDashboard)==null?void 0:h.id)&&!n&&L.jsxs(L.Fragment,{children:[L.jsxs("div",{className:vc["embedDashboard-header"],children:[L.jsx(Se,{variant:"h1",styleClass:"custom",className:vc.dashboardName,children:e.externalDashboard.name}),L.jsxs("div",{children:[e.sharingSettingsId&&L.jsx(hTe,{}),!(r!=null&&r.disableMetricCreation)&&e.isAllowedToCreateMetrics&&L.jsxs(L.Fragment,{children:[L.jsx(Ie,{type:"button",variant:"primary",size:"large",onClick:()=>a(!0),children:"Create Metric"}),L.jsx(eMe,{clientId:e.clientId,companyId:e.companyId,isLiveMode:e.isLiveMode,externalDashboardId:e.externalDashboard.id,chartColors:u??(r==null?void 0:r.chartColors),isShowMetricCreateModal:i,setShowMetricCreateModal:a,workspaceId:(f=e.workspace)==null?void 0:f.id,userProvidedDashboardId:e.externalDashboardId})]})]})]}),L.jsxs("div",{className:vc["embedDashboard-wrapper"],children:[e.externalDashboard.filters.length?L.jsx(sSe,{companyId:e.companyId,externalDashboardId:e.externalDashboard.id,filters:e.externalDashboard.filters,onApply:p=>{s(p)}}):null,L.jsx(rTe,{client:e.clientId,companyId:e.companyId,externalDashboardId:e.externalDashboardId,externalDashboardPk:e.externalDashboard.id,adminLayout:e.externalDashboard.layout,isAllowedToDeleteMetrics:!(r!=null&&r.disableMetricDeletion)&&e.isAllowedToDeleteMetrics,isAllowedToUpdateMetrics:!(r!=null&&r.disableMetricUpdation)&&e.isAllowedToUpdateMetrics,isAllowedToChangeLayout:!(r!=null&&r.disableLayoutCustomization)&&e.isAllowedToChangeLayout,externalDashboardMetrics:e.externalDashboardMetrics,isMetricListLoading:n,globalFilters:o,breakpoint:t==null?void 0:t.breakpoint,layoutCols:t==null?void 0:t.metricLayoutCols,chartColors:u??(r==null?void 0:r.chartColors),params:Array.isArray(e.rlsSettings)?e.rlsSettings:[],companyTenancyType:e.companyTenancyType,sharingSettingsId:e.sharingSettingsId})]})]}),n&&L.jsx("div",{className:vc["alt-container"],children:L.jsx(Wu,{style:{width:"50px",height:"50px",color:"blue"}})}),!n&&!((d=e==null?void 0:e.externalDashboard)!=null&&d.id)&&L.jsx("div",{className:vc["alt-container"],children:"Invalid token or Dashboard id"})]})})}),dTe=({token:r,dashboardId:t,children:e})=>{const{data:n,isLoading:i}=WY({token:r,dashboardId:t}),a=$.useMemo(()=>({data:n,isLoading:i,token:r}),[n,i,r]);return L.jsx(UW.Provider,{value:a,children:e})},q$e="",pTe=zI(({token:r,options:t,theme:e,dashboardId:n})=>L.jsx(i5,{theme:e,children:L.jsx(dTe,{token:r,dashboardId:n,children:L.jsx(fTe,{options:t,theme:e})})}),{props:{token:"string",dashboardId:"string",options:"json",theme:"json"},shadow:"open"});customElements.get("dbn-dashboard")||customElements.define("dbn-dashboard",pTe);const vTe=zI(Hye,{props:{token:"string",metricId:"string",theme:"json",chartRendererType:"string",chartColors:"json",height:"number",width:"number",className:"string",style:"json",variant:"string",onMinimize:"function"},shadow:"open"});customElements.get("dbn-metric")||customElements.define("dbn-metric",vTe)});

package/package.json

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