npm - @databrainhq/plugin - Versions diffs - 0.12.30 → 0.12.31 - Mend

@databrainhq/plugin 0.12.30 → 0.12.31

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (3) hide show

package/dist/webcomponents.es.js +21 -18
package/dist/webcomponents.umd.js +1 -1
package/package.json +1 -1

package/dist/webcomponents.es.js CHANGED Viewed

@@ -115703,22 +115703,25 @@ const fnt = "_cardContainer_1wmk5_1", dnt = "_morePopup_1wmk5_9", hnt = "_featur
     isSingleValue: e,
     dataDb: r,
     chartType: i
-  }) => /* @__PURE__ */ R.jsxs(R.Fragment, { children: [
-    !t && !n ? /* @__PURE__ */ R.jsx("div", { className: xr.noData, children: /* @__PURE__ */ R.jsxs("div", { className: xr.noDataContent, children: [
-      /* @__PURE__ */ R.jsx("img", { src: VJ, alt: "no data svg" }),
-      /* @__PURE__ */ R.jsx("div", { className: xr.noDataText, children: "No Data" })
-    ] }) }) : null,
-    !t && n && r[e] === null && /* @__PURE__ */ R.jsx("div", { className: xr.noData, children: /* @__PURE__ */ R.jsxs("div", { className: xr.noDataContent, children: [
-      /* @__PURE__ */ R.jsx("img", { src: VJ, alt: "no data svg" }),
-      /* @__PURE__ */ R.jsx("div", { className: xr.noDataText, children: "No Data" })
-    ] }) }),
-    t && /* @__PURE__ */ R.jsx("div", { className: xr.loading, children: /* @__PURE__ */ R.jsx(
-      Dm,
-      {
-        style: { width: "50px", height: "50px", color: "blue" }
-      }
-    ) })
-  ] })
+  }) => {
+    const a = i === "singleValue";
+    return /* @__PURE__ */ R.jsxs(R.Fragment, { children: [
+      !t && !n ? /* @__PURE__ */ R.jsx("div", { className: xr.noData, children: /* @__PURE__ */ R.jsxs("div", { className: xr.noDataContent, children: [
+        /* @__PURE__ */ R.jsx("img", { src: VJ, alt: "no data svg" }),
+        /* @__PURE__ */ R.jsx("div", { className: xr.noDataText, children: "No Data" })
+      ] }) }) : null,
+      !t && n && a && r[e] === null && /* @__PURE__ */ R.jsx("div", { className: xr.noData, children: /* @__PURE__ */ R.jsxs("div", { className: xr.noDataContent, children: [
+        /* @__PURE__ */ R.jsx("img", { src: VJ, alt: "no data svg" }),
+        /* @__PURE__ */ R.jsx("div", { className: xr.noDataText, children: "No Data" })
+      ] }) }),
+      t && /* @__PURE__ */ R.jsx("div", { className: xr.loading, children: /* @__PURE__ */ R.jsx(
+        Dm,
+        {
+          style: { width: "50px", height: "50px", color: "blue" }
+        }
+      ) })
+    ] });
+  }
 ), Gnt = (n) => /* @__PURE__ */ R.jsx("svg", { viewBox: "0 0 24 24", width: "1.2em", height: "1.2em", ...n, children: /* @__PURE__ */ R.jsx("path", { fill: "currentColor", d: "M5 21q-.825 0-1.413-.588T3 19V6.5q0-.375.125-.675t.325-.575l1.4-1.7q.2-.275.5-.413T6 3h12q.35 0 .65.137t.5.413l1.4 1.7q.2.275.325.575T21 6.5V19q0 .825-.588 1.413T19 21H5Zm.4-15h13.2l-.85-1H6.25L5.4 6ZM5 8v11h14V8H5Zm7 10l4-4l-1.4-1.4l-1.6 1.6V10h-2v4.2l-1.6-1.6L8 14l4 4Zm-7 1h14H5Z" }) }), Ynt = (n) => /* @__PURE__ */ R.jsx("svg", { viewBox: "0 0 24 24", width: "1.2em", height: "1.2em", ...n, children: /* @__PURE__ */ R.jsx("path", { fill: "currentColor", d: "M22 6c0-1.1-.9-2-2-2H4c-1.1 0-2 .9-2 2v12c0 1.1.9 2 2 2h16c1.1 0 2-.9 2-2V6zm-2 0l-8 5l-8-5h16zm0 12H4V8l8 5l8-5v10z" }) }), Qnt = "_metricFilter_u0w07_1", Znt = "_customContainer_u0w07_4", Wg = {
   metricFilter: Qnt,
   customContainer: Znt
@@ -116328,7 +116331,7 @@ const fnt = "_cardContainer_1wmk5_1", dnt = "_morePopup_1wmk5_9", hnt = "_featur
     };
   }, []), L != null && L.length) {
     const yt = _.singleValue;
-    Se = L[0][yt] === null;
+    Se = L[0][yt] === null && _.chartType === "singleValue";
   }
   return /* @__PURE__ */ R.jsx(R.Fragment, { children: /* @__PURE__ */ R.jsxs(
     "div",
@@ -116963,7 +116966,7 @@ const fnt = "_cardContainer_1wmk5_1", dnt = "_morePopup_1wmk5_9", hnt = "_featur
   let ye = !1;
   if ($ != null && $.length) {
     const Oe = M.singleValue;
-    ye = $[0][Oe] === null;
+    ye = $[0][Oe] === null && M.chartType === "singleValue";
   }
   return /* @__PURE__ */ R.jsxs("dialog", { open: !0, className: Er.fullScreen, children: [
     /* @__PURE__ */ R.jsxs("section", { className: Er.header, children: [

package/dist/webcomponents.umd.js CHANGED Viewed

@@ -1667,4 +1667,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 T(te,K){if(te){if(typeof te=="string")return E(te,K);var ne=Object.prototype.toString.call(te).slice(8,-1);if(ne==="Object"&&te.constructor&&(ne=te.constructor.name),ne==="Map"||ne==="Set")return Array.from(te);if(ne==="Arguments"||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(ne))return E(te,K)}}function E(te,K){(K==null||K>te.length)&&(K=te.length);for(var ne=0,oe=new Array(K);ne<K;ne++)oe[ne]=te[ne];return oe}function L(te,K){var ne=te==null?null:typeof Symbol<"u"&&te[Symbol.iterator]||te["@@iterator"];if(ne!=null){var oe=[],le=!0,fe=!1,ce,pe;try{for(ne=ne.call(te);!(le=(ce=ne.next()).done)&&(oe.push(ce.value),!(K&&oe.length===K));le=!0);}catch(xe){fe=!0,pe=xe}finally{try{!le&&ne.return!=null&&ne.return()}finally{if(fe)throw pe}}return oe}}function O(te){if(Array.isArray(te))return te}function N(te,K){if(!(te instanceof K))throw new TypeError("Cannot call a class as a function")}function A(te,K){for(var ne=0;ne<K.length;ne++){var oe=K[ne];oe.enumerable=oe.enumerable||!1,oe.configurable=!0,"value"in oe&&(oe.writable=!0),Object.defineProperty(te,oe.key,oe)}}function $(te,K,ne){return K&&A(te.prototype,K),ne&&A(te,ne),Object.defineProperty(te,"prototype",{writable:!1}),te}function z(te,K){if(typeof K!="function"&&K!==null)throw new TypeError("Super expression must either be null or a function");te.prototype=Object.create(K&&K.prototype,{constructor:{value:te,writable:!0,configurable:!0}}),Object.defineProperty(te,"prototype",{writable:!1}),K&&P(te,K)}function P(te,K){return P=Object.setPrototypeOf||function(oe,le){return oe.__proto__=le,oe},P(te,K)}function F(te){var K=Y();return function(){var oe=Z(te),le;if(K){var fe=Z(this).constructor;le=Reflect.construct(oe,arguments,fe)}else le=oe.apply(this,arguments);return V(this,le)}}function V(te,K){if(K&&(t(K)==="object"||typeof K=="function"))return K;if(K!==void 0)throw new TypeError("Derived constructors may only return object or undefined");return U(te)}function U(te){if(te===void 0)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return te}function Y(){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(te){return Z=Object.setPrototypeOf?Object.getPrototypeOf:function(ne){return ne.__proto__||Object.getPrototypeOf(ne)},Z(te)}function G(te,K,ne){return K in te?Object.defineProperty(te,K,{value:ne,enumerable:!0,configurable:!0,writable:!0}):te[K]=ne,te}var J=function(te){z(ne,te);var K=F(ne);function ne(oe){var le;return N(this,ne),le=K.call(this,oe),G(U(le),"onDragStart",function(fe,ce){(0,c.default)("Draggable: onDragStart: %j",ce);var pe=le.props.onStart(fe,(0,s.createDraggableData)(U(le),ce));if(pe===!1)return!1;le.setState({dragging:!0,dragged:!0})}),G(U(le),"onDrag",function(fe,ce){if(!le.state.dragging)return!1;(0,c.default)("Draggable: onDrag: %j",ce);var pe=(0,s.createDraggableData)(U(le),ce),xe={x:pe.x,y:pe.y};if(le.props.bounds){var De=xe.x,Se=xe.y;xe.x+=le.state.slackX,xe.y+=le.state.slackY;var Be=(0,s.getBoundPosition)(U(le),xe.x,xe.y),ze=M(Be,2),dt=ze[0],ge=ze[1];xe.x=dt,xe.y=ge,xe.slackX=le.state.slackX+(De-xe.x),xe.slackY=le.state.slackY+(Se-xe.y),pe.x=xe.x,pe.y=xe.y,pe.deltaX=xe.x-le.state.x,pe.deltaY=xe.y-le.state.y}var Ae=le.props.onDrag(fe,pe);if(Ae===!1)return!1;le.setState(xe)}),G(U(le),"onDragStop",function(fe,ce){if(!le.state.dragging)return!1;var pe=le.props.onStop(fe,(0,s.createDraggableData)(U(le),ce));if(pe===!1)return!1;(0,c.default)("Draggable: onDragStop: %j",ce);var xe={dragging:!1,slackX:0,slackY:0},De=!!le.props.position;if(De){var Se=le.props.position,Be=Se.x,ze=Se.y;xe.x=Be,xe.y=ze}le.setState(xe)}),le.state={dragging:!1,dragged:!1,x:oe.position?oe.position.x:oe.defaultPosition.x,y:oe.position?oe.position.y:oe.defaultPosition.y,prevPropsPosition:x({},oe.position),slackX:0,slackY:0,isElementSVG:!1},oe.position&&!(oe.onDrag||oe.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."),le}return $(ne,[{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 le,fe,ce;return(le=(fe=this.props)===null||fe===void 0||(ce=fe.nodeRef)===null||ce===void 0?void 0:ce.current)!==null&&le!==void 0?le:i.default.findDOMNode(this)}},{key:"render",value:function(){var le,fe=this.props;fe.axis,fe.bounds;var ce=fe.children,pe=fe.defaultPosition,xe=fe.defaultClassName,De=fe.defaultClassNameDragging,Se=fe.defaultClassNameDragged,Be=fe.position,ze=fe.positionOffset;fe.scale;var dt=y(fe,f),ge={},Ae=null,Ve=!!Be,ft=!Ve||this.state.dragging,ut=Be||pe,Te={x:(0,s.canDragX)(this)&&ft?this.state.x:ut.x,y:(0,s.canDragY)(this)&&ft?this.state.y:ut.y};this.state.isElementSVG?Ae=(0,o.createSVGTransform)(Te,ze):ge=(0,o.createCSSTransform)(Te,ze);var je=(0,a.default)(ce.props.className||"",xe,(le={},G(le,De,this.state.dragging),G(le,Se,this.state.dragged),le));return e.createElement(u.default,g({},dt,{onStart:this.onDragStart,onDrag:this.onDrag,onStop:this.onDragStop}),e.cloneElement(e.Children.only(ce),{className:je,style:x(x({},ce.props.style),ge),transform:Ae}))}}],[{key:"getDerivedStateFromProps",value:function(le,fe){var ce=le.position,pe=fe.prevPropsPosition;return ce&&(!pe||ce.x!==pe.x||ce.y!==pe.y)?((0,c.default)("Draggable: getDerivedStateFromProps %j",{position:ce,prevPropsPosition:pe}),{x:ce.x,y:ce.y,prevPropsPosition:x({},ce)}):null}}]),ne}(e.Component);n.default=J,G(J,"displayName","Draggable"),G(J,"propTypes",x(x({},u.default.propTypes),{},{axis:r.default.oneOf(["both","x","y","none"]),bounds:r.default.oneOfType([r.default.shape({left:r.default.number,right:r.default.number,top:r.default.number,bottom:r.default.number}),r.default.string,r.default.oneOf([!1])]),defaultClassName:r.default.string,defaultClassNameDragging:r.default.string,defaultClassNameDragged:r.default.string,defaultPosition:r.default.shape({x:r.default.number,y:r.default.number}),positionOffset:r.default.shape({x:r.default.oneOfType([r.default.number,r.default.string]),y:r.default.oneOfType([r.default.number,r.default.string])}),position:r.default.shape({x:r.default.number,y:r.default.number}),className:l.dontSetMe,style:l.dontSetMe,transform:l.dontSetMe})),G(J,"defaultProps",x(x({},u.default.defaultProps),{},{axis:"both",bounds:!1,defaultClassName:"react-draggable",defaultClassNameDragging:"react-draggable-dragging",defaultClassNameDragged:"react-draggable-dragged",defaultPosition:{x:0,y:0},scale:1}))}(Wie);var aae=Wie,oae=aae.default,DHe=aae.DraggableCore;eL.exports=oae,eL.exports.default=oae,eL.exports.DraggableCore=DHe;var sae=eL.exports,sL={exports:{}},wC={},U3={};U3.__esModule=!0,U3.cloneElement=kHe;var AHe=EHe(ae);function EHe(n){return n&&n.__esModule?n:{default:n}}function lae(n,t){var e=Object.keys(n);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(n);t&&(r=r.filter(function(i){return Object.getOwnPropertyDescriptor(n,i).enumerable})),e.push.apply(e,r)}return e}function uae(n){for(var t=1;t<arguments.length;t++){var e=arguments[t]!=null?arguments[t]:{};t%2?lae(Object(e),!0).forEach(function(r){IHe(n,r,e[r])}):Object.getOwnPropertyDescriptors?Object.defineProperties(n,Object.getOwnPropertyDescriptors(e)):lae(Object(e)).forEach(function(r){Object.defineProperty(n,r,Object.getOwnPropertyDescriptor(e,r))})}return n}function IHe(n,t,e){return t=NHe(t),t in n?Object.defineProperty(n,t,{value:e,enumerable:!0,configurable:!0,writable:!0}):n[t]=e,n}function NHe(n){var t=LHe(n,"string");return typeof t=="symbol"?t:String(t)}function LHe(n,t){if(typeof n!="object"||n===null)return n;var e=n[Symbol.toPrimitive];if(e!==void 0){var r=e.call(n,t||"default");if(typeof r!="object")return r;throw new TypeError("@@toPrimitive must return a primitive value.")}return(t==="string"?String:Number)(n)}function kHe(n,t){return t.style&&n.props.style&&(t.style=uae(uae({},n.props.style),t.style)),t.className&&n.props.className&&(t.className=n.props.className+" "+t.className),AHe.default.cloneElement(n,t)}var _C={};_C.__esModule=!0,_C.resizableProps=void 0;var Er=RHe(Gf);function RHe(n){return n&&n.__esModule?n:{default:n}}var OHe={axis:Er.default.oneOf(["both","x","y","none"]),className:Er.default.string,children:Er.default.element.isRequired,draggableOpts:Er.default.shape({allowAnyClick:Er.default.bool,cancel:Er.default.string,children:Er.default.node,disabled:Er.default.bool,enableUserSelectHack:Er.default.bool,offsetParent:Er.default.node,grid:Er.default.arrayOf(Er.default.number),handle:Er.default.string,nodeRef:Er.default.object,onStart:Er.default.func,onDrag:Er.default.func,onStop:Er.default.func,onMouseDown:Er.default.func,scale:Er.default.number}),height:function(){for(var t=arguments.length,e=new Array(t),r=0;r<t;r++)e[r]=arguments[r];var i=e[0];if(i.axis==="both"||i.axis==="y"){var a;return(a=Er.default.number).isRequired.apply(a,e)}return Er.default.number.apply(Er.default,e)},handle:Er.default.oneOfType([Er.default.node,Er.default.func]),handleSize:Er.default.arrayOf(Er.default.number),lockAspectRatio:Er.default.bool,maxConstraints:Er.default.arrayOf(Er.default.number),minConstraints:Er.default.arrayOf(Er.default.number),onResizeStop:Er.default.func,onResizeStart:Er.default.func,onResize:Er.default.func,resizeHandles:Er.default.arrayOf(Er.default.oneOf(["s","w","e","n","sw","nw","se","ne"])),transformScale:Er.default.number,width:function(){for(var t=arguments.length,e=new Array(t),r=0;r<t;r++)e[r]=arguments[r];var i=e[0];if(i.axis==="both"||i.axis==="x"){var a;return(a=Er.default.number).isRequired.apply(a,e)}return Er.default.number.apply(Er.default,e)}};_C.resizableProps=OHe,wC.__esModule=!0,wC.default=void 0;var xC=FHe(ae),PHe=sae,$He=U3,jHe=_C,zHe=["children","className","draggableOpts","width","height","handle","handleSize","lockAspectRatio","axis","minConstraints","maxConstraints","onResize","onResizeStop","onResizeStart","resizeHandles","transformScale"];function cae(n){if(typeof WeakMap!="function")return null;var t=new WeakMap,e=new WeakMap;return(cae=function(i){return i?e:t})(n)}function FHe(n,t){if(!t&&n&&n.__esModule)return n;if(n===null||typeof n!="object"&&typeof n!="function")return{default:n};var e=cae(t);if(e&&e.has(n))return e.get(n);var r={},i=Object.defineProperty&&Object.getOwnPropertyDescriptor;for(var a in n)if(a!=="default"&&Object.prototype.hasOwnProperty.call(n,a)){var o=i?Object.getOwnPropertyDescriptor(n,a):null;o&&(o.get||o.set)?Object.defineProperty(r,a,o):r[a]=n[a]}return r.default=n,e&&e.set(n,r),r}function G3(){return G3=Object.assign?Object.assign.bind():function(n){for(var t=1;t<arguments.length;t++){var e=arguments[t];for(var r in e)Object.prototype.hasOwnProperty.call(e,r)&&(n[r]=e[r])}return n},G3.apply(this,arguments)}function BHe(n,t){if(n==null)return{};var e={},r=Object.keys(n),i,a;for(a=0;a<r.length;a++)i=r[a],!(t.indexOf(i)>=0)&&(e[i]=n[i]);return e}function fae(n,t){var e=Object.keys(n);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(n);t&&(r=r.filter(function(i){return Object.getOwnPropertyDescriptor(n,i).enumerable})),e.push.apply(e,r)}return e}function Y3(n){for(var t=1;t<arguments.length;t++){var e=arguments[t]!=null?arguments[t]:{};t%2?fae(Object(e),!0).forEach(function(r){VHe(n,r,e[r])}):Object.getOwnPropertyDescriptors?Object.defineProperties(n,Object.getOwnPropertyDescriptors(e)):fae(Object(e)).forEach(function(r){Object.defineProperty(n,r,Object.getOwnPropertyDescriptor(e,r))})}return n}function VHe(n,t,e){return t=HHe(t),t in n?Object.defineProperty(n,t,{value:e,enumerable:!0,configurable:!0,writable:!0}):n[t]=e,n}function HHe(n){var t=WHe(n,"string");return typeof t=="symbol"?t:String(t)}function WHe(n,t){if(typeof n!="object"||n===null)return n;var e=n[Symbol.toPrimitive];if(e!==void 0){var r=e.call(n,t||"default");if(typeof r!="object")return r;throw new TypeError("@@toPrimitive must return a primitive value.")}return(t==="string"?String:Number)(n)}function UHe(n,t){n.prototype=Object.create(t.prototype),n.prototype.constructor=n,Q3(n,t)}function Q3(n,t){return Q3=Object.setPrototypeOf?Object.setPrototypeOf.bind():function(r,i){return r.__proto__=i,r},Q3(n,t)}var Z3=function(n){UHe(t,n);function t(){for(var r,i=arguments.length,a=new Array(i),o=0;o<i;o++)a[o]=arguments[o];return r=n.call.apply(n,[this].concat(a))||this,r.handleRefs={},r.lastHandleRect=null,r.slack=null,r}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,u=o.lockAspectRatio;if(!s&&!l&&!u)return[i,a];if(u){var c=this.props.width/this.props.height,f=i-this.props.width,d=a-this.props.height;Math.abs(f)>Math.abs(d*c)?a=i/c:i=a*c}var h=i,p=a,g=this.slack||[0,0],y=g[0],b=g[1];return i+=y,a+=b,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=[y+(h-i),b+(p-a)],[i,a]},e.resizeHandler=function(i,a){var o=this;return function(s,l){var u=l.node,c=l.deltaX,f=l.deltaY;i==="onResizeStart"&&o.resetData();var d=(o.props.axis==="both"||o.props.axis==="x")&&a!=="n"&&a!=="s",h=(o.props.axis==="both"||o.props.axis==="y")&&a!=="e"&&a!=="w";if(!(!d&&!h)){var p=a[0],g=a[a.length-1],y=u.getBoundingClientRect();if(o.lastHandleRect!=null){if(g==="w"){var b=y.left-o.lastHandleRect.left;c+=b}if(p==="n"){var S=y.top-o.lastHandleRect.top;f+=S}}o.lastHandleRect=y,g==="w"&&(c=-c),p==="n"&&(f=-f);var x=o.props.width+(d?c/o.props.transformScale:0),M=o.props.height+(h?f/o.props.transformScale:0),_=o.runConstraints(x,M);x=_[0],M=_[1];var T=x!==o.props.width||M!==o.props.height,E=typeof o.props[i]=="function"?o.props[i]:null,L=i==="onResize"&&!T;E&&!L&&(s.persist==null||s.persist(),E(s,{node:u,size:{width:x,height:M},handle:a})),i==="onResizeStop"&&o.resetData()}}},e.renderResizeHandle=function(i,a){var o=this.props.handle;if(!o)return xC.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=Y3({ref:a},s?{}:{handleAxis:i});return xC.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 u=a.resizeHandles;a.transformScale;var c=BHe(a,zHe);return(0,$He.cloneElement)(o,Y3(Y3({},c),{},{className:(s?s+" ":"")+"react-resizable",children:[].concat(o.props.children,u.map(function(f){var d,h=(d=i.handleRefs[f])!=null?d:i.handleRefs[f]=xC.createRef();return xC.createElement(PHe.DraggableCore,G3({},l,{nodeRef:h,key:"resizableHandle-"+f,onStop:i.resizeHandler("onResizeStop",f),onStart:i.resizeHandler("onResizeStart",f),onDrag:i.resizeHandler("onResize",f)}),i.renderResizeHandle(f,h))}))}))},t}(xC.Component);wC.default=Z3,Z3.propTypes=jHe.resizableProps,Z3.defaultProps={axis:"both",handleSize:[20,20],lockAspectRatio:!1,minConstraints:[20,20],maxConstraints:[1/0,1/0],resizeHandles:["se"],transformScale:1};var lL={};lL.__esModule=!0,lL.default=void 0;var X3=XHe(ae),GHe=dae(Gf),YHe=dae(wC),QHe=_C,ZHe=["handle","handleSize","onResize","onResizeStart","onResizeStop","draggableOpts","minConstraints","maxConstraints","lockAspectRatio","axis","width","height","resizeHandles","style","transformScale"];function dae(n){return n&&n.__esModule?n:{default:n}}function hae(n){if(typeof WeakMap!="function")return null;var t=new WeakMap,e=new WeakMap;return(hae=function(i){return i?e:t})(n)}function XHe(n,t){if(!t&&n&&n.__esModule)return n;if(n===null||typeof n!="object"&&typeof n!="function")return{default:n};var e=hae(t);if(e&&e.has(n))return e.get(n);var r={},i=Object.defineProperty&&Object.getOwnPropertyDescriptor;for(var a in n)if(a!=="default"&&Object.prototype.hasOwnProperty.call(n,a)){var o=i?Object.getOwnPropertyDescriptor(n,a):null;o&&(o.get||o.set)?Object.defineProperty(r,a,o):r[a]=n[a]}return r.default=n,e&&e.set(n,r),r}function q3(){return q3=Object.assign?Object.assign.bind():function(n){for(var t=1;t<arguments.length;t++){var e=arguments[t];for(var r in e)Object.prototype.hasOwnProperty.call(e,r)&&(n[r]=e[r])}return n},q3.apply(this,arguments)}function pae(n,t){var e=Object.keys(n);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(n);t&&(r=r.filter(function(i){return Object.getOwnPropertyDescriptor(n,i).enumerable})),e.push.apply(e,r)}return e}function uL(n){for(var t=1;t<arguments.length;t++){var e=arguments[t]!=null?arguments[t]:{};t%2?pae(Object(e),!0).forEach(function(r){qHe(n,r,e[r])}):Object.getOwnPropertyDescriptors?Object.defineProperties(n,Object.getOwnPropertyDescriptors(e)):pae(Object(e)).forEach(function(r){Object.defineProperty(n,r,Object.getOwnPropertyDescriptor(e,r))})}return n}function qHe(n,t,e){return t=JHe(t),t in n?Object.defineProperty(n,t,{value:e,enumerable:!0,configurable:!0,writable:!0}):n[t]=e,n}function JHe(n){var t=KHe(n,"string");return typeof t=="symbol"?t:String(t)}function KHe(n,t){if(typeof n!="object"||n===null)return n;var e=n[Symbol.toPrimitive];if(e!==void 0){var r=e.call(n,t||"default");if(typeof r!="object")return r;throw new TypeError("@@toPrimitive must return a primitive value.")}return(t==="string"?String:Number)(n)}function eWe(n,t){if(n==null)return{};var e={},r=Object.keys(n),i,a;for(a=0;a<r.length;a++)i=r[a],!(t.indexOf(i)>=0)&&(e[i]=n[i]);return e}function tWe(n,t){n.prototype=Object.create(t.prototype),n.prototype.constructor=n,J3(n,t)}function J3(n,t){return J3=Object.setPrototypeOf?Object.setPrototypeOf.bind():function(r,i){return r.__proto__=i,r},J3(n,t)}var vae=function(n){tWe(t,n);function t(){for(var r,i=arguments.length,a=new Array(i),o=0;o<i;o++)a[o]=arguments[o];return r=n.call.apply(n,[this].concat(a))||this,r.state={width:r.props.width,height:r.props.height,propsWidth:r.props.width,propsHeight:r.props.height},r.onResize=function(s,l){var u=l.size;r.props.onResize?(s.persist==null||s.persist(),r.setState(u,function(){return r.props.onResize&&r.props.onResize(s,l)})):r.setState(u)},r}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,u=i.draggableOpts,c=i.minConstraints,f=i.maxConstraints,d=i.lockAspectRatio,h=i.axis;i.width,i.height;var p=i.resizeHandles,g=i.style,y=i.transformScale,b=eWe(i,ZHe);return X3.createElement(YHe.default,{axis:h,draggableOpts:u,handle:a,handleSize:o,height:this.state.height,lockAspectRatio:d,maxConstraints:f,minConstraints:c,onResizeStart:s,onResize:this.onResize,onResizeStop:l,resizeHandles:p,transformScale:y,width:this.state.width},X3.createElement("div",q3({},b,{style:uL(uL({},g),{},{width:this.state.width+"px",height:this.state.height+"px"})})))},t}(X3.Component);lL.default=vae,vae.propTypes=uL(uL({},QHe.resizableProps),{},{children:GHe.default.element}),sL.exports=function(){throw new Error("Don't instantiate Resizable directly! Use require('react-resizable').Resizable")},sL.exports.Resizable=wC.default,sL.exports.ResizableBox=lL.default;var nWe=sL.exports,Cp={};Object.defineProperty(Cp,"__esModule",{value:!0}),Cp.resizeHandleType=Cp.resizeHandleAxesType=Cp.default=void 0;var kr=gae(Gf),rWe=gae(ae);function gae(n){return n&&n.__esModule?n:{default:n}}var mae=kr.default.arrayOf(kr.default.oneOf(["s","w","e","n","sw","nw","se","ne"]));Cp.resizeHandleAxesType=mae;var yae=kr.default.oneOfType([kr.default.node,kr.default.func]);Cp.resizeHandleType=yae;var iWe={className:kr.default.string,style:kr.default.object,width:kr.default.number,autoSize:kr.default.bool,cols:kr.default.number,draggableCancel:kr.default.string,draggableHandle:kr.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:kr.default.oneOf(["vertical","horizontal"]),layout:function(t){var e=t.layout;e!==void 0&&Ur.validateLayout(e,"layout")},margin:kr.default.arrayOf(kr.default.number),containerPadding:kr.default.arrayOf(kr.default.number),rowHeight:kr.default.number,maxRows:kr.default.number,isBounded:kr.default.bool,isDraggable:kr.default.bool,isResizable:kr.default.bool,allowOverlap:kr.default.bool,preventCollision:kr.default.bool,useCSSTransforms:kr.default.bool,transformScale:kr.default.number,isDroppable:kr.default.bool,resizeHandles:mae,resizeHandle:yae,onLayoutChange:kr.default.func,onDragStart:kr.default.func,onDrag:kr.default.func,onDragStop:kr.default.func,onResizeStart:kr.default.func,onResize:kr.default.func,onResizeStop:kr.default.func,onDrop:kr.default.func,droppingItem:kr.default.shape({i:kr.default.string.isRequired,w:kr.default.number.isRequired,h:kr.default.number.isRequired}),children:function(t,e){var r=t[e],i={};rWe.default.Children.forEach(r,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:kr.default.any};Cp.default=iWe;function K3(n){"@babel/helpers - typeof";return K3=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},K3(n)}Object.defineProperty(KN,"__esModule",{value:!0}),KN.default=void 0;var Iw=eB(ae),Ai=eB(Gf),aWe=sae,oWe=nWe,MC=Ur,Fs=Mp,bae=Cp,sWe=eB(XN);function eB(n){return n&&n.__esModule?n:{default:n}}function Sae(n,t){var e=Object.keys(n);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(n);t&&(r=r.filter(function(i){return Object.getOwnPropertyDescriptor(n,i).enumerable})),e.push.apply(e,r)}return e}function tB(n){for(var t=1;t<arguments.length;t++){var e=arguments[t]!=null?arguments[t]:{};t%2?Sae(Object(e),!0).forEach(function(r){Kf(n,r,e[r])}):Object.getOwnPropertyDescriptors?Object.defineProperties(n,Object.getOwnPropertyDescriptors(e)):Sae(Object(e)).forEach(function(r){Object.defineProperty(n,r,Object.getOwnPropertyDescriptor(e,r))})}return n}function lWe(n,t){if(!(n instanceof t))throw new TypeError("Cannot call a class as a function")}function wae(n,t){for(var e=0;e<t.length;e++){var r=t[e];r.enumerable=r.enumerable||!1,r.configurable=!0,"value"in r&&(r.writable=!0),Object.defineProperty(n,r.key,r)}}function uWe(n,t,e){return t&&wae(n.prototype,t),e&&wae(n,e),Object.defineProperty(n,"prototype",{writable:!1}),n}function cWe(n,t){if(typeof t!="function"&&t!==null)throw new TypeError("Super expression must either be null or a function");n.prototype=Object.create(t&&t.prototype,{constructor:{value:n,writable:!0,configurable:!0}}),Object.defineProperty(n,"prototype",{writable:!1}),t&&nB(n,t)}function nB(n,t){return nB=Object.setPrototypeOf||function(r,i){return r.__proto__=i,r},nB(n,t)}function fWe(n){var t=hWe();return function(){var r=cL(n),i;if(t){var a=cL(this).constructor;i=Reflect.construct(r,arguments,a)}else i=r.apply(this,arguments);return dWe(this,i)}}function dWe(n,t){if(t&&(K3(t)==="object"||typeof t=="function"))return t;if(t!==void 0)throw new TypeError("Derived constructors may only return object or undefined");return rf(n)}function rf(n){if(n===void 0)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return n}function hWe(){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 cL(n){return cL=Object.setPrototypeOf?Object.getPrototypeOf:function(e){return e.__proto__||Object.getPrototypeOf(e)},cL(n)}function Kf(n,t,e){return t in n?Object.defineProperty(n,t,{value:e,enumerable:!0,configurable:!0,writable:!0}):n[t]=e,n}var rB=function(n){cWe(e,n);var t=fWe(e);function e(){var r;lWe(this,e);for(var i=arguments.length,a=new Array(i),o=0;o<i;o++)a[o]=arguments[o];return r=t.call.apply(t,[this].concat(a)),Kf(rf(r),"state",{resizing:null,dragging:null,className:""}),Kf(rf(r),"elementRef",Iw.default.createRef()),Kf(rf(r),"onDragStart",function(s,l){var u=l.node,c=r.props,f=c.onDragStart,d=c.transformScale;if(f){var h={top:0,left:0},p=u.offsetParent;if(p){var g=p.getBoundingClientRect(),y=u.getBoundingClientRect(),b=y.left/d,S=g.left/d,x=y.top/d,M=g.top/d;h.left=b-S+p.scrollLeft,h.top=x-M+p.scrollTop,r.setState({dragging:h});var _=(0,Fs.calcXY)(r.getPositionParams(),h.top,h.left,r.props.w,r.props.h),T=_.x,E=_.y;return f.call(rf(r),r.props.i,T,E,{e:s,node:u,newPosition:h})}}}),Kf(rf(r),"onDrag",function(s,l){var u=l.node,c=l.deltaX,f=l.deltaY,d=r.props.onDrag;if(d){if(!r.state.dragging)throw new Error("onDrag called before onDragStart.");var h=r.state.dragging.top+f,p=r.state.dragging.left+c,g=r.props,y=g.isBounded,b=g.i,S=g.w,x=g.h,M=g.containerWidth,_=r.getPositionParams();if(y){var T=u.offsetParent;if(T){var E=r.props,L=E.margin,O=E.rowHeight,N=T.clientHeight-(0,Fs.calcGridItemWHPx)(x,O,L[1]);h=(0,Fs.clamp)(h,0,N);var A=(0,Fs.calcGridColWidth)(_),$=M-(0,Fs.calcGridItemWHPx)(S,A,L[0]);p=(0,Fs.clamp)(p,0,$)}}var z={top:h,left:p};r.setState({dragging:z});var P=(0,Fs.calcXY)(_,h,p,S,x),F=P.x,V=P.y;return d.call(rf(r),b,F,V,{e:s,node:u,newPosition:z})}}),Kf(rf(r),"onDragStop",function(s,l){var u=l.node,c=r.props.onDragStop;if(c){if(!r.state.dragging)throw new Error("onDragEnd called before onDragStart.");var f=r.props,d=f.w,h=f.h,p=f.i,g=r.state.dragging,y=g.left,b=g.top,S={top:b,left:y};r.setState({dragging:null});var x=(0,Fs.calcXY)(r.getPositionParams(),b,y,d,h),M=x.x,_=x.y;return c.call(rf(r),p,M,_,{e:s,node:u,newPosition:S})}}),Kf(rf(r),"onResizeStop",function(s,l){r.onResizeHandler(s,l,"onResizeStop")}),Kf(rf(r),"onResizeStart",function(s,l){r.onResizeHandler(s,l,"onResizeStart")}),Kf(rf(r),"onResize",function(s,l){r.onResizeHandler(s,l,"onResize")}),r}return uWe(e,[{key:"shouldComponentUpdate",value:function(i,a){if(this.props.children!==i.children||this.props.droppingPosition!==i.droppingPosition)return!0;var o=(0,Fs.calcGridItemPosition)(this.getPositionParams(this.props),this.props.x,this.props.y,this.props.w,this.props.h,this.state),s=(0,Fs.calcGridItemPosition)(this.getPositionParams(i),i.x,i.y,i.w,i.h,a);return!(0,MC.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,u=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(u){var c=a.left-l.left,f=a.top-l.top;this.onDrag(a.e,{node:o,deltaX:c,deltaY:f})}}}}},{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,u;return l?u=(0,MC.setTransform)(i):(u=(0,MC.setTopLeft)(i),o&&(u.left=(0,MC.perc)(i.left/s),u.width=(0,MC.perc)(i.width/s))),u}},{key:"mixinDraggable",value:function(i,a){return Iw.default.createElement(aWe.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,u=s.x,c=s.minW,f=s.minH,d=s.maxW,h=s.maxH,p=s.transformScale,g=s.resizeHandles,y=s.resizeHandle,b=this.getPositionParams(),S=(0,Fs.calcGridItemPosition)(b,0,0,l-u,0).width,x=(0,Fs.calcGridItemPosition)(b,0,0,c,f),M=(0,Fs.calcGridItemPosition)(b,0,0,d,h),_=[x.width,x.height],T=[Math.min(M.width,S),Math.min(M.height,1/0)];return Iw.default.createElement(oWe.Resizable,{draggableOpts:{disabled:!o},className:o?void 0:"react-resizable-hide",width:a.width,height:a.height,minConstraints:_,maxConstraints:T,onResizeStop:this.onResizeStop,onResizeStart:this.onResizeStart,onResize:this.onResize,transformScale:p,resizeHandles:g,handle:y},i)}},{key:"onResizeHandler",value:function(i,a,o){var s=a.node,l=a.size,u=this.props[o];if(u){var c=this.props,f=c.cols,d=c.x,h=c.y,p=c.i,g=c.maxH,y=c.minH,b=this.props,S=b.minW,x=b.maxW,M=(0,Fs.calcWH)(this.getPositionParams(),l.width,l.height,d,h),_=M.w,T=M.h;S=Math.max(S,1),x=Math.min(x,f-d),_=(0,Fs.clamp)(_,S,x),T=(0,Fs.clamp)(T,y,g),this.setState({resizing:o==="onResizeStop"?null:l}),u.call(this,p,_,T,{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,u=i.isDraggable,c=i.isResizable,f=i.droppingPosition,d=i.useCSSTransforms,h=(0,Fs.calcGridItemPosition)(this.getPositionParams(),a,o,s,l,this.state),p=Iw.default.Children.only(this.props.children),g=Iw.default.cloneElement(p,{ref:this.elementRef,className:(0,sWe.default)("react-grid-item",p.props.className,this.props.className,{static:this.props.static,resizing:!!this.state.resizing,"react-draggable":u,"react-draggable-dragging":!!this.state.dragging,dropping:!!f,cssTransforms:d}),style:tB(tB(tB({},this.props.style),p.props.style),this.createStyle(h))});return g=this.mixinResizable(g,h,c),g=this.mixinDraggable(g,u),g}}]),e}(Iw.default.Component);KN.default=rB,Kf(rB,"propTypes",{children:Ai.default.element,cols:Ai.default.number.isRequired,containerWidth:Ai.default.number.isRequired,rowHeight:Ai.default.number.isRequired,margin:Ai.default.array.isRequired,maxRows:Ai.default.number.isRequired,containerPadding:Ai.default.array.isRequired,x:Ai.default.number.isRequired,y:Ai.default.number.isRequired,w:Ai.default.number.isRequired,h:Ai.default.number.isRequired,minW:function(t,e){var r=t[e];if(typeof r!="number")return new Error("minWidth not Number");if(r>t.w||r>t.maxW)return new Error("minWidth larger than item width/maxWidth")},maxW:function(t,e){var r=t[e];if(typeof r!="number")return new Error("maxWidth not Number");if(r<t.w||r<t.minW)return new Error("maxWidth smaller than item width/minWidth")},minH:function(t,e){var r=t[e];if(typeof r!="number")return new Error("minHeight not Number");if(r>t.h||r>t.maxH)return new Error("minHeight larger than item height/maxHeight")},maxH:function(t,e){var r=t[e];if(typeof r!="number")return new Error("maxHeight not Number");if(r<t.h||r<t.minH)return new Error("maxHeight smaller than item height/minHeight")},i:Ai.default.string.isRequired,resizeHandles:bae.resizeHandleAxesType,resizeHandle:bae.resizeHandleType,onDragStop:Ai.default.func,onDragStart:Ai.default.func,onDrag:Ai.default.func,onResizeStop:Ai.default.func,onResizeStart:Ai.default.func,onResize:Ai.default.func,isDraggable:Ai.default.bool.isRequired,isResizable:Ai.default.bool.isRequired,isBounded:Ai.default.bool.isRequired,static:Ai.default.bool,useCSSTransforms:Ai.default.bool.isRequired,transformScale:Ai.default.number,className:Ai.default.string,handle:Ai.default.string,cancel:Ai.default.string,droppingPosition:Ai.default.shape({e:Ai.default.object.isRequired,left:Ai.default.number.isRequired,top:Ai.default.number.isRequired})}),Kf(rB,"defaultProps",{className:"",cancel:"",handle:"",minH:1,minW:1,maxH:1/0,maxW:1/0,transformScale:1});function fL(n){"@babel/helpers - typeof";return fL=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},fL(n)}Object.defineProperty(yC,"__esModule",{value:!0}),yC.default=void 0;var _0=mWe(ae),iB=dL(gC),pWe=dL(XN),mr=Ur,vWe=Mp,_ae=dL(KN),gWe=dL(Cp);function dL(n){return n&&n.__esModule?n:{default:n}}function xae(n){if(typeof WeakMap!="function")return null;var t=new WeakMap,e=new WeakMap;return(xae=function(i){return i?e:t})(n)}function mWe(n,t){if(!t&&n&&n.__esModule)return n;if(n===null||fL(n)!=="object"&&typeof n!="function")return{default:n};var e=xae(t);if(e&&e.has(n))return e.get(n);var r={},i=Object.defineProperty&&Object.getOwnPropertyDescriptor;for(var a in n)if(a!=="default"&&Object.prototype.hasOwnProperty.call(n,a)){var o=i?Object.getOwnPropertyDescriptor(n,a):null;o&&(o.get||o.set)?Object.defineProperty(r,a,o):r[a]=n[a]}return r.default=n,e&&e.set(n,r),r}function yWe(n){return wWe(n)||SWe(n)||Cae(n)||bWe()}function bWe(){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 SWe(n){if(typeof Symbol<"u"&&n[Symbol.iterator]!=null||n["@@iterator"]!=null)return Array.from(n)}function wWe(n){if(Array.isArray(n))return aB(n)}function Mae(n,t){var e=Object.keys(n);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(n);t&&(r=r.filter(function(i){return Object.getOwnPropertyDescriptor(n,i).enumerable})),e.push.apply(e,r)}return e}function x0(n){for(var t=1;t<arguments.length;t++){var e=arguments[t]!=null?arguments[t]:{};t%2?Mae(Object(e),!0).forEach(function(r){Bs(n,r,e[r])}):Object.getOwnPropertyDescriptors?Object.defineProperties(n,Object.getOwnPropertyDescriptors(e)):Mae(Object(e)).forEach(function(r){Object.defineProperty(n,r,Object.getOwnPropertyDescriptor(e,r))})}return n}function _We(n,t){return CWe(n)||MWe(n,t)||Cae(n,t)||xWe()}function xWe(){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 Cae(n,t){if(n){if(typeof n=="string")return aB(n,t);var e=Object.prototype.toString.call(n).slice(8,-1);if(e==="Object"&&n.constructor&&(e=n.constructor.name),e==="Map"||e==="Set")return Array.from(n);if(e==="Arguments"||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(e))return aB(n,t)}}function aB(n,t){(t==null||t>n.length)&&(t=n.length);for(var e=0,r=new Array(t);e<t;e++)r[e]=n[e];return r}function MWe(n,t){var e=n==null?null:typeof Symbol<"u"&&n[Symbol.iterator]||n["@@iterator"];if(e!=null){var r=[],i=!0,a=!1,o,s;try{for(e=e.call(n);!(i=(o=e.next()).done)&&(r.push(o.value),!(t&&r.length===t));i=!0);}catch(l){a=!0,s=l}finally{try{!i&&e.return!=null&&e.return()}finally{if(a)throw s}}return r}}function CWe(n){if(Array.isArray(n))return n}function TWe(n,t){if(!(n instanceof t))throw new TypeError("Cannot call a class as a function")}function Tae(n,t){for(var e=0;e<t.length;e++){var r=t[e];r.enumerable=r.enumerable||!1,r.configurable=!0,"value"in r&&(r.writable=!0),Object.defineProperty(n,r.key,r)}}function DWe(n,t,e){return t&&Tae(n.prototype,t),e&&Tae(n,e),Object.defineProperty(n,"prototype",{writable:!1}),n}function AWe(n,t){if(typeof t!="function"&&t!==null)throw new TypeError("Super expression must either be null or a function");n.prototype=Object.create(t&&t.prototype,{constructor:{value:n,writable:!0,configurable:!0}}),Object.defineProperty(n,"prototype",{writable:!1}),t&&oB(n,t)}function oB(n,t){return oB=Object.setPrototypeOf||function(r,i){return r.__proto__=i,r},oB(n,t)}function EWe(n){var t=NWe();return function(){var r=hL(n),i;if(t){var a=hL(this).constructor;i=Reflect.construct(r,arguments,a)}else i=r.apply(this,arguments);return IWe(this,i)}}function IWe(n,t){if(t&&(fL(t)==="object"||typeof t=="function"))return t;if(t!==void 0)throw new TypeError("Derived constructors may only return object or undefined");return wu(n)}function wu(n){if(n===void 0)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return n}function NWe(){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 hL(n){return hL=Object.setPrototypeOf?Object.getPrototypeOf:function(e){return e.__proto__||Object.getPrototypeOf(e)},hL(n)}function Bs(n,t,e){return t in n?Object.defineProperty(n,t,{value:e,enumerable:!0,configurable:!0,writable:!0}):n[t]=e,n}var Dae="react-grid-layout",Aae=!1;try{Aae=/firefox/i.test(navigator.userAgent)}catch{}var pL=function(n){AWe(e,n);var t=EWe(e);function e(){var r;TWe(this,e);for(var i=arguments.length,a=new Array(i),o=0;o<i;o++)a[o]=arguments[o];return r=t.call.apply(t,[this].concat(a)),Bs(wu(r),"state",{activeDrag:null,layout:(0,mr.synchronizeLayoutWithChildren)(r.props.layout,r.props.children,r.props.cols,(0,mr.compactType)(r.props),r.props.allowOverlap),mounted:!1,oldDragItem:null,oldLayout:null,oldResizeItem:null,droppingDOMNode:null,children:[]}),Bs(wu(r),"dragEnterCounter",0),Bs(wu(r),"onDragStart",function(s,l,u,c){var f=c.e,d=c.node,h=r.state.layout,p=(0,mr.getLayoutItem)(h,s);if(p)return r.setState({oldDragItem:(0,mr.cloneLayoutItem)(p),oldLayout:h}),r.props.onDragStart(h,p,p,null,f,d)}),Bs(wu(r),"onDrag",function(s,l,u,c){var f=c.e,d=c.node,h=r.state.oldDragItem,p=r.state.layout,g=r.props,y=g.cols,b=g.allowOverlap,S=g.preventCollision,x=(0,mr.getLayoutItem)(p,s);if(x){var M={w:x.w,h:x.h,x:x.x,y:x.y,placeholder:!0,i:s},_=!0;p=(0,mr.moveElement)(p,x,l,u,_,S,(0,mr.compactType)(r.props),y,b),r.props.onDrag(p,h,x,M,f,d),r.setState({layout:b?p:(0,mr.compact)(p,(0,mr.compactType)(r.props),y),activeDrag:M})}}),Bs(wu(r),"onDragStop",function(s,l,u,c){var f=c.e,d=c.node;if(r.state.activeDrag){var h=r.state.oldDragItem,p=r.state.layout,g=r.props,y=g.cols,b=g.preventCollision,S=g.allowOverlap,x=(0,mr.getLayoutItem)(p,s);if(x){var M=!0;p=(0,mr.moveElement)(p,x,l,u,M,b,(0,mr.compactType)(r.props),y,S),r.props.onDragStop(p,h,x,null,f,d);var _=S?p:(0,mr.compact)(p,(0,mr.compactType)(r.props),y),T=r.state.oldLayout;r.setState({activeDrag:null,layout:_,oldDragItem:null,oldLayout:null}),r.onLayoutMaybeChanged(_,T)}}}),Bs(wu(r),"onResizeStart",function(s,l,u,c){var f=c.e,d=c.node,h=r.state.layout,p=(0,mr.getLayoutItem)(h,s);p&&(r.setState({oldResizeItem:(0,mr.cloneLayoutItem)(p),oldLayout:r.state.layout}),r.props.onResizeStart(h,p,p,null,f,d))}),Bs(wu(r),"onResize",function(s,l,u,c){var f=c.e,d=c.node,h=r.state,p=h.layout,g=h.oldResizeItem,y=r.props,b=y.cols,S=y.preventCollision,x=y.allowOverlap,M=(0,mr.withLayoutItem)(p,s,function(O){var N;if(S&&!x){var A=(0,mr.getAllCollisions)(p,x0(x0({},O),{},{w:l,h:u})).filter(function(P){return P.i!==O.i});if(N=A.length>0,N){var $=1/0,z=1/0;A.forEach(function(P){P.x>O.x&&($=Math.min($,P.x)),P.y>O.y&&(z=Math.min(z,P.y))}),Number.isFinite($)&&(O.w=$-O.x),Number.isFinite(z)&&(O.h=z-O.y)}}return N||(O.w=l,O.h=u),O}),_=_We(M,2),T=_[0],E=_[1];if(E){var L={w:E.w,h:E.h,x:E.x,y:E.y,static:!0,i:s};r.props.onResize(T,g,E,L,f,d),r.setState({layout:x?T:(0,mr.compact)(T,(0,mr.compactType)(r.props),b),activeDrag:L})}}),Bs(wu(r),"onResizeStop",function(s,l,u,c){var f=c.e,d=c.node,h=r.state,p=h.layout,g=h.oldResizeItem,y=r.props,b=y.cols,S=y.allowOverlap,x=(0,mr.getLayoutItem)(p,s);r.props.onResizeStop(p,g,x,null,f,d);var M=S?p:(0,mr.compact)(p,(0,mr.compactType)(r.props),b),_=r.state.oldLayout;r.setState({activeDrag:null,layout:M,oldResizeItem:null,oldLayout:null}),r.onLayoutMaybeChanged(M,_)}),Bs(wu(r),"onDragOver",function(s){var l;if(s.preventDefault(),s.stopPropagation(),Aae&&!((l=s.nativeEvent.target)!==null&&l!==void 0&&l.classList.contains(Dae)))return!1;var u=r.props,c=u.droppingItem,f=u.onDropDragOver,d=u.margin,h=u.cols,p=u.rowHeight,g=u.maxRows,y=u.width,b=u.containerPadding,S=u.transformScale,x=f==null?void 0:f(s);if(x===!1)return r.state.droppingDOMNode&&r.removeDroppingPlaceholder(),!1;var M=x0(x0({},c),x),_=r.state.layout,T=s.nativeEvent,E=T.layerX,L=T.layerY,O={left:E/S,top:L/S,e:s};if(r.state.droppingDOMNode){if(r.state.droppingPosition){var $=r.state.droppingPosition,z=$.left,P=$.top,F=z!=E||P!=L;F&&r.setState({droppingPosition:O})}}else{var N={cols:h,margin:d,maxRows:g,rowHeight:p,containerWidth:y,containerPadding:b||d},A=(0,vWe.calcXY)(N,L,E,M.w,M.h);r.setState({droppingDOMNode:_0.createElement("div",{key:M.i}),droppingPosition:O,layout:[].concat(yWe(_),[x0(x0({},M),{},{x:A.x,y:A.y,static:!1,isDraggable:!0})])})}}),Bs(wu(r),"removeDroppingPlaceholder",function(){var s=r.props,l=s.droppingItem,u=s.cols,c=r.state.layout,f=(0,mr.compact)(c.filter(function(d){return d.i!==l.i}),(0,mr.compactType)(r.props),u);r.setState({layout:f,droppingDOMNode:null,activeDrag:null,droppingPosition:void 0})}),Bs(wu(r),"onDragLeave",function(s){s.preventDefault(),s.stopPropagation(),r.dragEnterCounter--,r.dragEnterCounter===0&&r.removeDroppingPlaceholder()}),Bs(wu(r),"onDragEnter",function(s){s.preventDefault(),s.stopPropagation(),r.dragEnterCounter++}),Bs(wu(r),"onDrop",function(s){s.preventDefault(),s.stopPropagation();var l=r.props.droppingItem,u=r.state.layout,c=u.find(function(f){return f.i===l.i});r.dragEnterCounter=0,r.removeDroppingPlaceholder(),r.props.onDrop(u,c,s)}),r}return DWe(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,mr.fastRGLPropsEqual)(this.props,i,iB.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,mr.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,iB.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,u=a.containerPadding,c=a.rowHeight,f=a.maxRows,d=a.useCSSTransforms,h=a.transformScale;return _0.createElement(_ae.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:u||l,maxRows:f,rowHeight:c,isDraggable:!1,isResizable:!1,isBounded:!1,useCSSTransforms:d,transformScale:h},_0.createElement("div",null))}},{key:"processGridItem",value:function(i,a){if(!(!i||!i.key)){var o=(0,mr.getLayoutItem)(this.state.layout,String(i.key));if(!o)return null;var s=this.props,l=s.width,u=s.cols,c=s.margin,f=s.containerPadding,d=s.rowHeight,h=s.maxRows,p=s.isDraggable,g=s.isResizable,y=s.isBounded,b=s.useCSSTransforms,S=s.transformScale,x=s.draggableCancel,M=s.draggableHandle,_=s.resizeHandles,T=s.resizeHandle,E=this.state,L=E.mounted,O=E.droppingPosition,N=typeof o.isDraggable=="boolean"?o.isDraggable:!o.static&&p,A=typeof o.isResizable=="boolean"?o.isResizable:!o.static&&g,$=o.resizeHandles||_,z=N&&y&&o.isBounded!==!1;return _0.createElement(_ae.default,{containerWidth:l,cols:u,margin:c,containerPadding:f||c,maxRows:h,rowHeight:d,cancel:x,handle:M,onDragStop:this.onDragStop,onDragStart:this.onDragStart,onDrag:this.onDrag,onResizeStart:this.onResizeStart,onResize:this.onResize,onResizeStop:this.onResizeStop,isDraggable:N,isResizable:A,isBounded:z,useCSSTransforms:b&&L,usePercentages:!L,transformScale:S,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?O:void 0,resizeHandles:$,resizeHandle:T},i)}}},{key:"render",value:function(){var i=this,a=this.props,o=a.className,s=a.style,l=a.isDroppable,u=a.innerRef,c=(0,pWe.default)(Dae,o),f=x0({height:this.containerHeight()},s);return _0.createElement("div",{ref:u,className:c,style:f,onDrop:l?this.onDrop:mr.noop,onDragLeave:l?this.onDragLeave:mr.noop,onDragEnter:l?this.onDragEnter:mr.noop,onDragOver:l?this.onDragOver:mr.noop},_0.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,iB.default)(i.layout,a.propsLayout)||i.compactType!==a.compactType?o=i.layout:(0,mr.childrenEqual)(i.children,a.children)||(o=a.layout),o){var s=(0,mr.synchronizeLayoutWithChildren)(o,i.children,i.cols,(0,mr.compactType)(i),i.allowOverlap);return{layout:s,compactType:i.compactType,children:i.children,propsLayout:i.layout}}return null}}]),e}(_0.Component);yC.default=pL,Bs(pL,"displayName","ReactGridLayout"),Bs(pL,"propTypes",gWe.default),Bs(pL,"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:mr.noop,onDragStart:mr.noop,onDrag:mr.noop,onDragStop:mr.noop,onResizeStart:mr.noop,onResize:mr.noop,onResizeStop:mr.noop,onDrop:mr.noop,onDropDragOver:mr.noop});var vL={},M0={};Object.defineProperty(M0,"__esModule",{value:!0}),M0.findOrGenerateResponsiveLayout=RWe,M0.getBreakpointFromWidth=LWe,M0.getColsFromBreakpoint=kWe,M0.sortBreakpoints=sB;var gL=Ur;function LWe(n,t){for(var e=sB(n),r=e[0],i=1,a=e.length;i<a;i++){var o=e[i];t>n[o]&&(r=o)}return r}function kWe(n,t){if(!t[n])throw new Error("ResponsiveReactGridLayout: `cols` entry for breakpoint "+n+" is missing!");return t[n]}function RWe(n,t,e,r,i,a){if(n[e])return(0,gL.cloneLayout)(n[e]);for(var o=n[r],s=sB(t),l=s.slice(s.indexOf(e)),u=0,c=l.length;u<c;u++){var f=l[u];if(n[f]){o=n[f];break}}return o=(0,gL.cloneLayout)(o||[]),(0,gL.compact)((0,gL.correctBounds)(o,{cols:i}),a,i)}function sB(n){var t=Object.keys(n);return t.sort(function(e,r){return n[e]-n[r]})}function mL(n){"@babel/helpers - typeof";return mL=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},mL(n)}Object.defineProperty(vL,"__esModule",{value:!0}),vL.default=void 0;var Eae=$We(ae),_u=uB(Gf),lB=uB(gC),Nw=Ur,C0=M0,OWe=uB(yC),PWe=["breakpoint","breakpoints","cols","layouts","margin","containerPadding","onBreakpointChange","onLayoutChange","onWidthChange"];function uB(n){return n&&n.__esModule?n:{default:n}}function Iae(n){if(typeof WeakMap!="function")return null;var t=new WeakMap,e=new WeakMap;return(Iae=function(i){return i?e:t})(n)}function $We(n,t){if(!t&&n&&n.__esModule)return n;if(n===null||mL(n)!=="object"&&typeof n!="function")return{default:n};var e=Iae(t);if(e&&e.has(n))return e.get(n);var r={},i=Object.defineProperty&&Object.getOwnPropertyDescriptor;for(var a in n)if(a!=="default"&&Object.prototype.hasOwnProperty.call(n,a)){var o=i?Object.getOwnPropertyDescriptor(n,a):null;o&&(o.get||o.set)?Object.defineProperty(r,a,o):r[a]=n[a]}return r.default=n,e&&e.set(n,r),r}function cB(){return cB=Object.assign||function(n){for(var t=1;t<arguments.length;t++){var e=arguments[t];for(var r in e)Object.prototype.hasOwnProperty.call(e,r)&&(n[r]=e[r])}return n},cB.apply(this,arguments)}function jWe(n,t){if(n==null)return{};var e=zWe(n,t),r,i;if(Object.getOwnPropertySymbols){var a=Object.getOwnPropertySymbols(n);for(i=0;i<a.length;i++)r=a[i],!(t.indexOf(r)>=0)&&Object.prototype.propertyIsEnumerable.call(n,r)&&(e[r]=n[r])}return e}function zWe(n,t){if(n==null)return{};var e={},r=Object.keys(n),i,a;for(a=0;a<r.length;a++)i=r[a],!(t.indexOf(i)>=0)&&(e[i]=n[i]);return e}function Nae(n,t){var e=Object.keys(n);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(n);t&&(r=r.filter(function(i){return Object.getOwnPropertyDescriptor(n,i).enumerable})),e.push.apply(e,r)}return e}function fB(n){for(var t=1;t<arguments.length;t++){var e=arguments[t]!=null?arguments[t]:{};t%2?Nae(Object(e),!0).forEach(function(r){Lw(n,r,e[r])}):Object.getOwnPropertyDescriptors?Object.defineProperties(n,Object.getOwnPropertyDescriptors(e)):Nae(Object(e)).forEach(function(r){Object.defineProperty(n,r,Object.getOwnPropertyDescriptor(e,r))})}return n}function FWe(n,t){if(!(n instanceof t))throw new TypeError("Cannot call a class as a function")}function Lae(n,t){for(var e=0;e<t.length;e++){var r=t[e];r.enumerable=r.enumerable||!1,r.configurable=!0,"value"in r&&(r.writable=!0),Object.defineProperty(n,r.key,r)}}function BWe(n,t,e){return t&&Lae(n.prototype,t),e&&Lae(n,e),Object.defineProperty(n,"prototype",{writable:!1}),n}function VWe(n,t){if(typeof t!="function"&&t!==null)throw new TypeError("Super expression must either be null or a function");n.prototype=Object.create(t&&t.prototype,{constructor:{value:n,writable:!0,configurable:!0}}),Object.defineProperty(n,"prototype",{writable:!1}),t&&dB(n,t)}function dB(n,t){return dB=Object.setPrototypeOf||function(r,i){return r.__proto__=i,r},dB(n,t)}function HWe(n){var t=UWe();return function(){var r=yL(n),i;if(t){var a=yL(this).constructor;i=Reflect.construct(r,arguments,a)}else i=r.apply(this,arguments);return WWe(this,i)}}function WWe(n,t){if(t&&(mL(t)==="object"||typeof t=="function"))return t;if(t!==void 0)throw new TypeError("Derived constructors may only return object or undefined");return hB(n)}function hB(n){if(n===void 0)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return n}function UWe(){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 yL(n){return yL=Object.setPrototypeOf?Object.getPrototypeOf:function(e){return e.__proto__||Object.getPrototypeOf(e)},yL(n)}function Lw(n,t,e){return t in n?Object.defineProperty(n,t,{value:e,enumerable:!0,configurable:!0,writable:!0}):n[t]=e,n}var kae=function(t){return Object.prototype.toString.call(t)};function bL(n,t){return n==null?null:Array.isArray(n)?n:n[t]}var pB=function(n){VWe(e,n);var t=HWe(e);function e(){var r;FWe(this,e);for(var i=arguments.length,a=new Array(i),o=0;o<i;o++)a[o]=arguments[o];return r=t.call.apply(t,[this].concat(a)),Lw(hB(r),"state",r.generateInitialState()),Lw(hB(r),"onLayoutChange",function(s){r.props.onLayoutChange(s,fB(fB({},r.props.layouts),{},Lw({},r.state.breakpoint,s)))}),r}return BWe(e,[{key:"generateInitialState",value:function(){var i=this.props,a=i.width,o=i.breakpoints,s=i.layouts,l=i.cols,u=(0,C0.getBreakpointFromWidth)(o,a),c=(0,C0.getColsFromBreakpoint)(u,l),f=this.props.verticalCompact===!1?null:this.props.compactType,d=(0,C0.findOrGenerateResponsiveLayout)(s,o,u,u,c,f);return{layout:d,breakpoint:u,cols:c}}},{key:"componentDidUpdate",value:function(i){(this.props.width!=i.width||this.props.breakpoint!==i.breakpoint||!(0,lB.default)(this.props.breakpoints,i.breakpoints)||!(0,lB.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,u=a.compactType,c=this.props.breakpoint||(0,C0.getBreakpointFromWidth)(this.props.breakpoints,this.props.width),f=this.state.breakpoint,d=(0,C0.getColsFromBreakpoint)(c,s),h=fB({},l);if(f!==c||i.breakpoints!==o||i.cols!==s){f in h||(h[f]=(0,Nw.cloneLayout)(this.state.layout));var p=(0,C0.findOrGenerateResponsiveLayout)(h,o,c,f,d,u);p=(0,Nw.synchronizeLayoutWithChildren)(p,this.props.children,d,u,this.props.allowOverlap),h[c]=p,this.props.onLayoutChange(p,h),this.props.onBreakpointChange(c,d),this.setState({breakpoint:c,layout:p,cols:d})}var g=bL(this.props.margin,c),y=bL(this.props.containerPadding,c);this.props.onWidthChange(this.props.width,g,d,y)}},{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=jWe(i,PWe);return Eae.createElement(OWe.default,cB({},s,{margin:bL(a,this.state.breakpoint),containerPadding:bL(o,this.state.breakpoint),onLayoutChange:this.onLayoutChange,layout:this.state.layout,cols:this.state.cols}))}}],[{key:"getDerivedStateFromProps",value:function(i,a){if(!(0,lB.default)(i.layouts,a.layouts)){var o=a.breakpoint,s=a.cols,l=(0,C0.findOrGenerateResponsiveLayout)(i.layouts,i.breakpoints,o,o,s,i.compactType);return{layout:l,layouts:i.layouts}}return null}}]),e}(Eae.Component);vL.default=pB,Lw(pB,"propTypes",{breakpoint:_u.default.string,breakpoints:_u.default.object,allowOverlap:_u.default.bool,cols:_u.default.object,margin:_u.default.oneOfType([_u.default.array,_u.default.object]),containerPadding:_u.default.oneOfType([_u.default.array,_u.default.object]),layouts:function(t,e){if(kae(t[e])!=="[object Object]")throw new Error("Layout property must be an object. Received: "+kae(t[e]));Object.keys(t[e]).forEach(function(r){if(!(r in t.breakpoints))throw new Error("Each key in layouts must align with a key in breakpoints.");(0,Nw.validateLayout)(t.layouts[r],"layouts."+r)})},width:_u.default.number.isRequired,onBreakpointChange:_u.default.func,onLayoutChange:_u.default.func,onWidthChange:_u.default.func}),Lw(pB,"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:Nw.noop,onLayoutChange:Nw.noop,onWidthChange:Nw.noop});var vB={};function SL(n){"@babel/helpers - typeof";return SL=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},SL(n)}Object.defineProperty(vB,"__esModule",{value:!0}),vB.default=aUe;var wL=ZWe(ae),GWe=Rae(Gf),YWe=Rae(XN),QWe=["measureBeforeMount"];function Rae(n){return n&&n.__esModule?n:{default:n}}function Oae(n){if(typeof WeakMap!="function")return null;var t=new WeakMap,e=new WeakMap;return(Oae=function(i){return i?e:t})(n)}function ZWe(n,t){if(!t&&n&&n.__esModule)return n;if(n===null||SL(n)!=="object"&&typeof n!="function")return{default:n};var e=Oae(t);if(e&&e.has(n))return e.get(n);var r={},i=Object.defineProperty&&Object.getOwnPropertyDescriptor;for(var a in n)if(a!=="default"&&Object.prototype.hasOwnProperty.call(n,a)){var o=i?Object.getOwnPropertyDescriptor(n,a):null;o&&(o.get||o.set)?Object.defineProperty(r,a,o):r[a]=n[a]}return r.default=n,e&&e.set(n,r),r}function gB(){return gB=Object.assign||function(n){for(var t=1;t<arguments.length;t++){var e=arguments[t];for(var r in e)Object.prototype.hasOwnProperty.call(e,r)&&(n[r]=e[r])}return n},gB.apply(this,arguments)}function XWe(n,t){if(n==null)return{};var e=qWe(n,t),r,i;if(Object.getOwnPropertySymbols){var a=Object.getOwnPropertySymbols(n);for(i=0;i<a.length;i++)r=a[i],!(t.indexOf(r)>=0)&&Object.prototype.propertyIsEnumerable.call(n,r)&&(e[r]=n[r])}return e}function qWe(n,t){if(n==null)return{};var e={},r=Object.keys(n),i,a;for(a=0;a<r.length;a++)i=r[a],!(t.indexOf(i)>=0)&&(e[i]=n[i]);return e}function JWe(n,t){if(!(n instanceof t))throw new TypeError("Cannot call a class as a function")}function Pae(n,t){for(var e=0;e<t.length;e++){var r=t[e];r.enumerable=r.enumerable||!1,r.configurable=!0,"value"in r&&(r.writable=!0),Object.defineProperty(n,r.key,r)}}function KWe(n,t,e){return t&&Pae(n.prototype,t),e&&Pae(n,e),Object.defineProperty(n,"prototype",{writable:!1}),n}function eUe(n,t){if(typeof t!="function"&&t!==null)throw new TypeError("Super expression must either be null or a function");n.prototype=Object.create(t&&t.prototype,{constructor:{value:n,writable:!0,configurable:!0}}),Object.defineProperty(n,"prototype",{writable:!1}),t&&mB(n,t)}function mB(n,t){return mB=Object.setPrototypeOf||function(r,i){return r.__proto__=i,r},mB(n,t)}function tUe(n){var t=rUe();return function(){var r=_L(n),i;if(t){var a=_L(this).constructor;i=Reflect.construct(r,arguments,a)}else i=r.apply(this,arguments);return nUe(this,i)}}function nUe(n,t){if(t&&(SL(t)==="object"||typeof t=="function"))return t;if(t!==void 0)throw new TypeError("Derived constructors may only return object or undefined");return CC(n)}function CC(n){if(n===void 0)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return n}function rUe(){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 _L(n){return _L=Object.setPrototypeOf?Object.getPrototypeOf:function(e){return e.__proto__||Object.getPrototypeOf(e)},_L(n)}function kw(n,t,e){return t in n?Object.defineProperty(n,t,{value:e,enumerable:!0,configurable:!0,writable:!0}):n[t]=e,n}var iUe="react-grid-layout";function aUe(n){var t;return t=function(e){eUe(i,e);var r=tUe(i);function i(){var a;JWe(this,i);for(var o=arguments.length,s=new Array(o),l=0;l<o;l++)s[l]=arguments[l];return a=r.call.apply(r,[this].concat(s)),kw(CC(a),"state",{width:1280}),kw(CC(a),"elementRef",wL.createRef()),kw(CC(a),"mounted",!1),kw(CC(a),"onWindowResize",function(){if(a.mounted){var u=a.elementRef.current;u instanceof HTMLElement&&u.offsetWidth&&a.setState({width:u.offsetWidth})}}),a}return KWe(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=XWe(o,QWe);return s&&!this.mounted?wL.createElement("div",{className:(0,YWe.default)(this.props.className,iUe),style:this.props.style,ref:this.elementRef}):wL.createElement(n,gB({innerRef:this.elementRef},l,this.state))}}]),i}(wL.Component),kw(t,"defaultProps",{measureBeforeMount:!1}),kw(t,"propTypes",{measureBeforeMount:GWe.default.bool}),t}(function(n){n.exports=yC.default,n.exports.utils=Ur,n.exports.Responsive=vL.default,n.exports.Responsive.utils=M0,n.exports.WidthProvider=vB.default})(Aie);var $ae=Aie.exports;const _nt="",Rw={"MetricList-container":"_MetricList-container_5emib_1","MetricList-wrapper":"_MetricList-wrapper_5emib_9","MetricList-wrapper-move":"_MetricList-wrapper-move_5emib_25","noMetric-container":"_noMetric-container_5emib_33","noMetric-wrapper":"_noMetric-wrapper_5emib_41","alt-container":"_alt-container_5emib_49",fullscreen:"_fullscreen_5emib_57"},yB={deleteModal:"_deleteModal_b28nv_1",cancelBtn:"_cancelBtn_b28nv_9",warningIcon:"_warningIcon_b28nv_17"},oUe=n=>R.jsxs("svg",{viewBox:"0 0 512 512",width:"1.2em",height:"1.2em",...n,children:[R.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"}),R.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"}),R.jsx("path",{fill:"currentColor",d:"M256 397.25a20 20 0 1 1 20-20a20 20 0 0 1-20 20Z"})]}),sUe=({isOpen:n,onClose:t,onArchive:e,isLoading:r})=>R.jsxs(Xh,{headerTitle:"Archive Metric",isOpen:n,onClose:t,children:[R.jsxs("div",{className:yB.deleteModal,children:[R.jsx(oUe,{className:yB.warningIcon}),R.jsx(Mt,{variant:"p",styleClass:"font-14",children:"Are you sure you want to archive the metric?"})]}),R.jsxs(R_,{children:[R.jsx(Vt,{variant:"secondary",type:"button",size:"default",className:yB.cancelBtn,onClick:t,children:"Cancel"}),R.jsx(Vt,{variant:"reject",type:"button",size:"default",isDisabled:r,onClick:e,children:r?"Archiving...":"Archive"})]})]}),Ow={downloadCsv:"_downloadCsv_152ar_1",downloadCsvWrapper:"_downloadCsvWrapper_152ar_9",downloadCsvHeader:"_downloadCsvHeader_152ar_17",downloadCsvFooter:"_downloadCsvFooter_152ar_25",downloadCsvCancelBtn:"_downloadCsvCancelBtn_152ar_33",downloadCsvDisableBtn:"_downloadCsvDisableBtn_152ar_39",downloadCsvNote:"_downloadCsvNote_152ar_45",downloadCsvExpiredNote:"_downloadCsvExpiredNote_152ar_53",downloadCsvNoteText:"_downloadCsvNoteText_152ar_59",downloadCsvSuccessNote:"_downloadCsvSuccessNote_152ar_65",downloadCsvSuccessText:"_downloadCsvSuccessText_152ar_71","tab-border-bottom":"_tab-border-bottom_152ar_77","download-info-text":"_download-info-text_152ar_85",downloadUrlTimeline:"_downloadUrlTimeline_152ar_93",timeLineItem:"_timeLineItem_152ar_101",timeLineActiveIcon:"_timeLineActiveIcon_152ar_109",timeLineIcon:"_timeLineIcon_152ar_117",timeLineItemline:"_timeLineItemline_152ar_125",downloadCsvLoading:"_downloadCsvLoading_152ar_133",downloadCsvLoadingIcon:"_downloadCsvLoadingIcon_152ar_141",downloadCsvLoadingText:"_downloadCsvLoadingText_152ar_149",timeLineCheckedIcon:"_timeLineCheckedIcon_152ar_157",timeLineCheckedIconWrapper:"_timeLineCheckedIconWrapper_152ar_165",downloadCsvBackBtnWrapper:"_downloadCsvBackBtnWrapper_152ar_173",downloadCsvBackBtnText:"_downloadCsvBackBtnText_152ar_181",downloadCsvHeaderText:"_downloadCsvHeaderText_152ar_203",downloadCsvTabContainer:"_downloadCsvTabContainer_152ar_211",downloadCsvActiveTab:"_downloadCsvActiveTab_152ar_219",downloadCsvTab:"_downloadCsvTab_152ar_211",downloadCsvActiveTabText:"_downloadCsvActiveTabText_152ar_235"},lUe=({query:n,clientName:t,tenancyType:e,values:r})=>{const i=t?e===tU?n.replace(new RegExp(KW,"g"),t):Number(t)?n.replace(new RegExp(eU,"g"),t):n.replace(new RegExp(ZW,"g"),t):n;return r?i.replace(/[^']+_variable/g,o=>`${r[o]}`):i},uUe=n=>{if(!n.length)return!1;const t=/^[\w-]+(\.[\w-]+)*@([\w-]+\.)+[a-zA-Z]{2,7}$/;return n.every(e=>t.test(e))},cUe=({onCloseModal:n,sharingSettingsId:t,filterValues:e,metricItem:r})=>{var y;const{data:i}=kde((y=r==null?void 0:r.companyIntegration)==null?void 0:y.workspaceId),[a,o]=ae.useState(!1),[s,l]=ae.useState(""),{mutate:u}=sde(),{handleSubmit:c,register:f,setValue:d,control:h}=gD(),p=ae.useMemo(()=>{const b=i;return{expireTimeInMin:(b==null?void 0:b.expireTimeInMin)||30,isEnable:b==null?void 0:b.isEnable}},[i]);return{onSumbitSendCsvUrl:({values:b,clientName:S,tenancyType:x})=>{o(!0),l("");const M=p.expireTimeInMin||30,_=new Date(Date.now()+M*60*1e3),T=lUe({query:r==null?void 0:r.query,clientName:S,tenancyType:x,values:e}),E=b.emails;if(!uUe(E)){o(!1),l("please enter valid email");return}if(!t){o(!1),l("no sharing settings are found");return}u({configurations:r,emails:E,expireCsvFileAt:_,expireUrlIn:M*60,externalMetricId:r==null?void 0:r.id,integrationId:r==null?void 0:r.companyIntegrationId,integrationName:r==null?void 0:r.integrationName,query:T,sharingSettingsId:t,subject:b.subject},{onSuccess(L){L?(o(!1),l(""),n(!1)):(o(!1),l(xc))},onError(){o(!1),l(xc)}})},isDisableDownloadSettings:!t||!p.isEnable,downloadCsvError:s,handleSubmit:c,isLoading:a,register:f,control:h,setValue:d}},Pw={required:"Required"};({...Pw},{...Pw}),{...Pw};const $w={tag:"_tag_1oeyv_1","tag-text":"_tag-text_1oeyv_4",tagBtn:"_tagBtn_1oeyv_7",inputFieldContainer:"_inputFieldContainer_1oeyv_11","tag-container":"_tag-container_1oeyv_15","cross-icon":"_cross-icon_1oeyv_19"},fUe=({control:n,placeholder:t,name:e,label:r,onChangeTags:i,defaultTagValue:a})=>{const[o,s]=ae.useState([]),[l,u]=ae.useState(""),c=h=>{s(o.filter(p=>p!==h))},f=h=>{h.key==="Enter"&&h.preventDefault()};ae.useEffect(()=>{i&&i(o)},[o]),ae.useEffect(()=>{a&&Array.isArray(a)&&s(a)},[a]);const d=h=>{u(h.target.value);let p=h.target.value.split(/[,\s]/);p=p.filter(g=>g!==""),s([...new Set(p)])};return R.jsx(UR,{name:e||"tags",control:n,defaultValue:"",render:({field:h})=>{const{ref:p,...g}=h;return R.jsxs("div",{className:$w.inputFieldContainer,children:[R.jsx(At,{...g,elementRef:p,type:"text",value:l,onChange:d,onKeyDown:f,placeholder:t,label:r}),R.jsx("div",{className:$w["tag-container"],children:o.map(y=>R.jsx("div",{className:$w.tag,children:R.jsxs(Vt,{variant:"custom",type:"button",onClick:()=>c(y),className:$w.tagBtn,children:[R.jsx("span",{className:$w["tag-text"],children:y}),R.jsx(Dn,{name:"close-icon",className:$w["cross-icon"]})]})},y))})]})}})},jae=Le.memo(fUe),xL=({onCloseModal:n,isShowRawCsvModal:t,metricItem:e,client:r,companyTenancyType:i,filterValues:a,sharingSettingsId:o})=>{const{downloadCsvError:s,handleSubmit:l,isLoading:u,onSumbitSendCsvUrl:c,register:f,control:d,setValue:h,isDisableDownloadSettings:p}=cUe({onCloseModal:n,metricItem:e,filterValues:a,sharingSettingsId:o}),g=()=>R.jsx(R.Fragment,{children:R.jsxs("form",{onSubmit:l(y=>c({values:y,clientName:r,tenancyType:i})),children:[R.jsxs("div",{className:Ow.downloadCsvWrapper,children:[R.jsx(At,{type:"subject",label:"subject",placeholder:"enter a subject",register:f("subject",Pw),defaultValue:e==null?void 0:e.name}),R.jsx(jae,{control:d,type:"text",label:"Send to",placeholder:"Enter email addresses separated by space or comma",onChangeTags:y=>h("emails",y)}),s&&R.jsx(jD,{message:s}),R.jsxs("div",{className:Ow.downloadCsvNote,children:[R.jsx(Dn,{name:"info-icon",className:Ow.popupItemIcon}),R.jsxs("div",{className:Ow.downloadCsvNoteText,children:[R.jsx(Mt,{styleClass:"primary",variant:"h1",children:"Note:"}),R.jsx(Mt,{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"})]})]})]}),R.jsxs(R_,{children:[R.jsx(Vt,{variant:"custom",type:"button",size:"small",className:Ow.downloadCsvCancelBtn,onClick:()=>n(!1),isDisabled:u,children:"Cancel"}),R.jsx(Vt,{variant:"primary",type:"submit",size:"small",isDisabled:u||p,children:"Submit"})]})]})});return R.jsx(Xh,{isOpen:t,onClose:()=>n(!1),headerTitle:"Download Raw CSV",children:R.jsx("div",{className:Ow.downloadCsv,children:R.jsx(g,{})})})};Le.memo(xL);const dUe={alertCancel:"_alertCancel_11tz6_1"},hUe=({onCancel:n,onSave:t,isLoading:e})=>R.jsx(R.Fragment,{children:R.jsxs(f3,{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:[R.jsx(Vt,{variant:"secondary",type:"button",size:"small",className:dUe.alertCancel,onClick:n,children:"Cancel"}),R.jsx(Vt,{variant:"primary",type:"button",size:"small",className:"disabled:dbn-opacity-40 disabled:dbn-cursor-not-allowed",onClick:t,isDisabled:e,children:"Save"})]})}),ort={fullscreen:"_fullscreen_tr2vo_1"},Mr={cardContainer:"_cardContainer_1wmk5_1",morePopup:"_morePopup_1wmk5_9",features:"_features_1wmk5_17",listHeader:"_listHeader_1wmk5_25",metricName:"_metricName_1wmk5_33",metricTitle:"_metricTitle_1wmk5_41",metricDescription:"_metricDescription_1wmk5_49",popup:"_popup_1wmk5_57",metricFilter:"_metricFilter_1wmk5_65",popupIcon:"_popupIcon_1wmk5_73",popupMenu:"_popupMenu_1wmk5_81",popupItem:"_popupItem_1wmk5_89",popupItemIcon:"_popupItemIcon_1wmk5_97",csvBtn:"_csvBtn_1wmk5_105",deleteBtn:"_deleteBtn_1wmk5_113",metricData:"_metricData_1wmk5_121",metricTable:"_metricTable_1wmk5_129",chart:"_chart_1wmk5_135",singleValueData:"_singleValueData_1wmk5_143",singleValue:"_singleValue_1wmk5_143",noData:"_noData_1wmk5_159",noDataContent:"_noDataContent_1wmk5_167",noDataText:"_noDataText_1wmk5_181",singleChartText:"_singleChartText_1wmk5_189",loading:"_loading_1wmk5_197",fullscreen:"_fullscreen_1wmk5_213",dynamicGroupContainer:"_dynamicGroupContainer_1wmk5_221",topLeft:"_topLeft_1wmk5_227",topRight:"_topRight_1wmk5_233",filterTopLeft:"_filterTopLeft_1wmk5_239",filterToRight:"_filterToRight_1wmk5_247",padding:"_padding_1wmk5_253",metricFilterDropDowns:"_metricFilterDropDowns_1wmk5_261",metricFilters:"_metricFilters_1wmk5_269",tableMetricFilters:"_tableMetricFilters_1wmk5_275"},zae="data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iNTYiIGhlaWdodD0iNDYiIHZpZXdCb3g9IjAgMCA1NiA0NiIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayI+CjxyZWN0IHdpZHRoPSI1NiIgaGVpZ2h0PSI0NiIgZmlsbD0idXJsKCNwYXR0ZXJuMCkiLz4KPGRlZnM+CjxwYXR0ZXJuIGlkPSJwYXR0ZXJuMCIgcGF0dGVybkNvbnRlbnRVbml0cz0ib2JqZWN0Qm91bmRpbmdCb3giIHdpZHRoPSIxIiBoZWlnaHQ9IjEiPgo8dXNlIHhsaW5rOmhyZWY9IiNpbWFnZTBfNjVfNDMiIHRyYW5zZm9ybT0ibWF0cml4KDAuMDA1NDM0NzggMCAwIDAuMDA2NjE2MjYgMCAtMC4wMDI4MzU1NCkiLz4KPC9wYXR0ZXJuPgo8aW1hZ2UgaWQ9ImltYWdlMF82NV80MyIgd2lkdGg9IjE4NCIgaGVpZ2h0PSIxNTIiIHhsaW5rOmhyZWY9ImRhdGE6aW1hZ2UvcG5nO2Jhc2U2NCxpVkJPUncwS0dnb0FBQUFOU1VoRVVnQUFBTGdBQUFDWUNBWUFBQUJYbnlQeEFBQVIwVWxFUVZSNFh1MWRDM2hOVnhZTzhuN0lRNFE4cm5oRWtGU2lGU2sxUkJpdGtLbFhHT281WmJUalUvV1YxbFRUK1JoRk5hS3RSMHRKSmw2bDFCaFVtcEpRN3lCb05DRmVJVVJDRWttSlBHOHdhNmZpdTlKRTlqNzNublAzMlhlZGZ2ZlRKR3Z2dmRhLy9ydk8ybXZ2czA4ak03d1FBUVVROFBmM2QrejJTc2p3VjNyMENHdWo4ZkJ4OS9EMGNuUnU1bHA3NklLQ3UzZHpjN0t2WDdsMDRkemhJOGYyYk51NmVicys2alhTcHpHMlJRU2VoNENiV3d2SGlORmozeDRhUG5CSVIvK0FRSkMxa1lDWTlzRCtwSVRkdTNadUE3SnZZRzJQQkdkRkRPVWJSR0RBZ0FHdnZ6RjI0cFRRdnYwR2dyREJPRlpXWGxHK1kvdlc5VEZydjRtNmRESGpTb09LR0hKd21zRlFSbXdFMnJiejBheGV0ZnA3aU5iQmNsdTY0L3N0c2RPbnZ6T3BvWEVhTnlTQWYwY0VhQkNZK3U3TUR3NGVQbjVGQ1hJVGZZWkdqSHJ6K0puMDY3MTc5dzU1bm40R3UzM1FnSUF5NGlIZzd1SGhIQk83UHI1elFHQjNZMW0zTGk1MlplU2MyZFBxR2g4SmJpeXZDREF1cENSZTIzZjhjTVRWdFptM3NjMkJpZWpPOFdOSERhbXRCNllveHZhTVNzZUhDb2s5a1Bzb0QrUW1FTUtFZHZDeVpjdmprT0FxSlJSdmFzZXQzN1FYeU4yS0o3MGdMNTh3YWRLa3FibzZZUVRueVVNcTBTVXlNbkkrNU53OWVGUjM3dnhQbDhDaWtuK05icGlEOCtnbGpuVUM3blNLVDlpZjFyaEpZMjZEWTBiNnVaVCsvZnQxSXpCeXF5VEhQalpwMVdaLytQRm5QSk9iT0FkS2xVRkRoZ3dialFRM2FhcXlHdzlWazlZd21RdGpiNmw4aThtVEo3MkRCRmNlZDFXUE9IakkwREZnUUJNMUdCSDRVdkJMVU9teHdCUkZEZDdpUk1mKy9WOGJ6SWtxTkdwWWhZV0ZqVWFDMDBDRk10VUkrUHQzZnRFWVVGaVlOekd6dEdDL2NmaTlFTkRMM0JnSzQ1anFROEMzUThjT01MbGs1b3V0alpWWmFWbEZuUVo3dWY5aE83aFpkbTdCTTdLT0RyWm1EdmEyVDMrWFYxQmtWcWw5U0FWZzU4NEJmVEdDVTBHRlFoQkZMVmxSSUZIWHhjbkJqSkJjeWtYYTY1S2I5T0htNmt6ZFZTdU5WMXNrT0RWY3BpMEllN0ZMQVlISExDalVrSkdRWE1wbFl5M3RpMUV6bHFXTlBkYkJwUUJ2aW0yeXMyOWVZeUU0U1MxMHI5by8wMkNvcmFKTFJlcnI2OTdkM0hzWXdXbVFSaG16eW9xS1J4REY2MDZtNjhDbmRtcEJmaWFUUlphTDVPN2w1WlhQTkNuOHJaaTZpd3NYcnlZelR4cW9lMGRCNFJCSVBuWWtDUlo2d21rTXF6MVpyS3NOalV4QjBmMm5GWlRIa0NDeFJQVWJON0xTTVlMVGVBdGxxaEU0ZUdEZkhtTkFRYW9tNU1OQ2J0Q3pjbi9TdnAyNDJjb1lIbFBwbVBEMGp0dkpsTlFib0w1K3N6OEY3SWZqSjI2OEdORFJHeU80QW1DTE1rUnVUazRlUE95N1VRMzJySWxaczVyb2lSRmNEZDdpU0VlSTRzMlRUNXk5QllzK0ZoeXA5WXdxRUwxeklYcDdrRjlpQk9mVlM1enFCVkU4LzRzdmxzemxWTDFxdFJaK011L0RHdjB3Z3ZQc0tZNTFpMDlJUEc3TUorbnJnMmJEaHJoVmMyYS8vdzhrT01ma1VZTnFRVUhCUVR0MjdUbkpVNXI3WTBMQzdpbHZqbnRkRno5TVVkVEFKZzUxOVBmMzY4d1R1ZUhZaUwyMXlZMDVPSWZFVVl0Sy9mb1A0R1Z2K09Odk4yMVlEV2VpdkZZWGRpYVJnNVBicWEydE5ka2NVZGRtSWFZTlJFWW1vRDY2MXZpYS9Oc29LeXZyT254SVRadjVzclN5c2txN2NEVWZOa05KMjBYRlBHTGREV0RyUU1tQ2VaRXoxcTJMVzF0ZmwwSXYxVStZTUhITThoVXJWMXVZbTlzWkNGT2h1a2xMTzVjYUVSRXhFSWlldzJMWXdMQkJmd0Z5UDd1YmlxVUQvV1VySU4vKzRkTUY4MlpuWHIxeTlYbmRDWnVEanhnNU9tTFZxdFZ4U083NjNmL0NDd0dCZStKL1NtTGxXOSsrb1NRZCtBTjNvUDZjdHpUNnN6bVJINzQvT2Z0MlhqWnJ2eFR5ajM4OWwzcDY2T3VEL2dUNWRrUkQ1Q2I5Q1p1aVhNck16dGE0Ti9la0FNM2tSZVpFUnY3ejgraW94YlJBcEtWbkZNSGJHWnhBWGd1ZlJ6REJTL3gyWTl6cUJLaGk2UFlCUnplTUdCWXhjZ3hzMEhvVmZpL2w4SHZTWFJYNTR1ejlLWDdYdHUrMi9DY2w1U1NwM0ZCZlFoTGMyOXZiTXlQajBrMlJ2OERVSHFZUVRFcEsvRGs4ZkZBb2hXaTF5TEZqeDFKczdGMDA2OWZGZkxsbDg2WTFaUEdub2Jad1IzMGpxRnUzVjl5OWZYdzZkL1R0QXNlK2tlZlZ5RjFBbDRPUGdNeEY4QXFUcTcra25qMTU5dlNaRTZkUG56b0trWnJzUlpkMENVbHdjdnBTU3NxWnRDY0FTZ0xHbEJvZE9YSWtHVTZDVXZ3b05sajJiK0hpN094cVkyTm5tNTkvSnhmbUFnWlBhMFNkWkpKcWd6NFZCMVBpTjdIMWtURU1oc2gvaDN6a0hGdlVTU2FTbTQwMVF0N0pDUVFpRXh4SnprWnlJYVZGSmJpUXprS2oyQkVRTlFkblJrSmJWY1g2U0JUekdFbzFJQS8zUXYxZnFlRzRIZ2RSQVBmY0t5NFJodHcxYkNPSDdkanFlYTRJMTh5bFZNN2tVeFNSSXJldXo3WGFLa29LVklzSk8xOHhlWUt6c0VCTnNveFBvS3ZKTkNaZGtlQk1jS0d3MmhCQWdxdk5ZL0xvaTNWd2VYREZYaEVCZVJFUU9ZSUxHNVhrcFlSWXZZdE1jTEU4aGRaSVFnQUpMZ2syYktRV0JFUW1PS1lvYW1HaGpIcUtUSEFaWVJPdWEyR0RBUkpjT0s2aVFib0lJTUdSRDBJamdBUVgycjFvbktnRXJ6N2NCdDJMQ0loS2NQUXNJbENOQUJJY2lTQTBBa2h3b2QxTGJaeXc2UndTbkpvREtLaEdCSkRnYXZRYTZreU5BQktjR2lvVVZDTUNTSEExZWcxMXBrWkFaSUlMTzNHaTlpNEtZcGtRT1NBMkFpSkhjTEU5aDlaUklZQUVwNElKaGRTS0FCSmNyWjVEdmFrUUVKbmdWS2MxaVhxR242VkZFeW9DaUM2RVp4T0NoeDBkYk1VN214RFBKYXorN29wS2NLWVNJWW5pb2taeXlnak5oQmRsbjF5SW1YeUt3b1VYVUFuWkVCQ1o0TEtCaGgyckJ3RWt1SHA4aFpwS1FBQUpMZ0UwQVp0Z0RxNHlwK0l6bVNwem1GenFZZ1NYQzFsMTlZc1JYRjMrd2lmcVZlWXYyZFFWTllKVHJXTEtocXI2T2hZV0w1RUpMcXpURFAzOXNiT0RWN0lKZWdtNWt1bm5IOUFWL01YMDVTMHRyeERHeGF6dnlkUzBidDlCR09OckdTSWN3YjI5dlRWdnZUdnIzeXdPTS9YM1pNTEdMS3VGMGN0V3o1azUvUzBXM05RZ3l4VGxlRGZJMHNxcXlmeW81ZC9iMlZoNzBlcUs3OG44SGFuZzdqMy9Pdkh2VTkranhVMHRja0lSZk83Q3FJMGVucDdCQUw0bHJRTk1mSk9WTGt5T1l5ZE9pdXpkdTNjL1d1elVJQ2NNd2FlK08zTUJSS0ZSVWtBbjIyVkZ1a2dPN3VoZ0o4VWs1Mzh0K254TDIzWSs3YVUwNXJHTkVBWCtBUU1HUk16NmVNRm1BTGg2VGdFcGlsbVhUajQ4NHMybFR2Y2ZsSmo5ZXVuYVU5MXlidDFLbnp4dVJGQmxSVVU1bHdvektLWDZDTzdib1dNZ2tIdE5EYmtaYkVmUmVoQ0FOTTkveGRkckUwVUFTTlVFZDNOcjRiVXdlc1V1Y0lTVENNN2d5WWEySGZ4NmZ2RFJ2RlU4NlNSRkY5VVNIQ29tMXA5OHVtU0hrN056S3ltR1k1dUdFWGgxWVBqRUVTTkhxN3AwcUZxQ3o1ZzE1eXVJTWtFTnV3a2w5RURBQ3RZVUZ2bjcrNytrUng5R2JhcEtnaytZTVBGOWlDNS9NeXB5cGpPNDg3ekZYMjZIZE5CZGpTYXJqdUJCUWNGOXgwMTVoMm1sVW8yTzRVbG5TQU5iUXpxNGxhU0ZQT2xGbzR1cXlvU3dETjhoZW1YTVFRQzh4Zk9NWXkwVGt0WE0wakp4OXFJMEFxODJ0YWV2ZzljdUU5YUg3Y25rbzl0aE9UK0NobGk4eUtpRzRDUjZyTjJ3TFIxS1dHMGJBbytWNEFWRjl4dnFVblYvSndmLzBKS2NsdUFBd3VPTmNURWZ4YTM1YXBGYUFGRk5pZ0xMOE50b3lNMEtQSW5lSWw2VjJvZHltTlVJbHZQbndITCthM0owTGtlZnFpQTRMTU5Id1RKOHVCd0FpTG9YeFZhK0xkNzJzSnkvSHBiemZlWHdoNkg3NUg2N0xDekRqeG8yOG8wWmhqWmN0eit5RjZVTTlvTS9GdVFSQ1FzTGN6TmJlWTl1YzV1N2FPbG1XTTd2RHN2NVdqbDlvMi9mWE9mZ1pCbitxOWhOaDhGSUJ4WkRXWE53bHI1RmxHWEl3WFhOcjhxOGVQN0FsRGZIdmNvekp0eW1LRkIzOVh5eURNOUVicDdCRmt3M2MxaG82d0hMK1V0NHRvdExna1BGeEFycXJodHhHWjVuNmxUclpna0xibU9HREJrbWFadXlFdFp4bWFJc2pscTZidWp3a2VQMUFhQ3BQZDBlYjVLdnNqN0RxSTllU3JVbHo1aFdRWVdJWmw2aHJYcFlQUWZSNHlyeWJldmxva2Q3MlpweU9jbDBidGJjdzBiUFNSSnhHczFWSTBkSVRpb1BhcStxRUdKTFdiVFNFMjhIdU9zMmhnbm5JeHJNbFpUaE1rVUJBQlF2VGhPaTN5c3VWUko3ZzQ4bGxkd0dVSVJVVXJpc1FmRktjQU5nTHEwTFVsRlE2eVVsY2h2STFpWVF2WkhnREdBYWJXNGcwd29nZytuU1JJMjhJc3Z0QzRFd2drdmpFM2V0YU9jYzNDa3VzMEpJOERvQU5uSTBsTm5sc25UUFpYcENMT1dWNEVaTFVRZ29hb3lHV3EzaTgzTGRid29TWEphNElWT25SaVlMczFVY25NN0ZYWG13QmtSZUl6aXprdzNaZ0VSd3RWUlRDTGs1S0c5aUJEY2tBWlhvaTFSVGZqK1UwNmkzL3VlYXlnbTVpWTdjRXB6TGxVd2xDRXd6aHU3aUQxbnA1T2xTNHp6QkdQZ2h3U2xSUjBKUkFzV1pHT2JnbkRrRTFURXNBa2h3dytLSnZYR0dBSmNFTDMvd1d4Rm5PS0U2ejBlQTIwa21sd1MvbG5YaktqSUtFVEFFQWx3UzNCQ0dZUitJQUVHQVY0SWJkYWtlcWNHTUFMZis0cFhnekFoakEwU2dMZ1NRNE1nTFF5Q0FFZHdRS0dJZjNDS0FCR2QwRGJlQU1kcGhLdUxjWmdMY0ttWXF6QkRFVG00REVoSmNFSVlaMlF4dWVjU3RZa1oyR0E3UGhnQzNQT0pXTVRaOFVSb1JxQnNCWGduT2JVNkhSRklYQXJ3U25OdG4vTlRsWHRTV1Y0THpxaGN5Um1VSWNKTUtrTmR5aDRXRmplemF0V3RJcno3OXcxMWRteUhKVlVTbTFETW5UeVVuSHo5NjdIankvdjFKaWJ0NVVkMm9CQ2ZuZ1BjTkRSMDJjT0NnOFVGQlhVTUJGQ3NDVEZOSEZ6Tkg1MmE4WUlSNlVDQnc4L3BsY25LcEpYek1TMHJLOHVNVEV0YnRUWWpmbEo2ZS9ndEZjOWxFRkNjNGtOcXkrOHN2OTRNM2RZV0hoSVFPdDdPeitjTTdMNUhnc3ZsYnRvNkI0SFgxWFg0bDg4YUZnd2YyZlplWW1QamZyS3lzT29Wa1V3bzZWcFRnOE03em9HblRwczBQREF6c0IyTmIxR2NZRWx4T2w4dlRkejBFMXgyc2ZOdjJIY3RYcmxqMk1aeEVxOWRwK3l3V0tFSnc4cjZkNlRQZVc5eTNUNjlob0p4TlF3b2l3UnRDaUwrL1V4QzhXbWxJWDRxK1diUDJvMjFiTjMrdGhCV3lFeHpJN1JFYkczdkl4Y1c1SGExQkZoWVdaaTA5VzlPS281eVJFU0N2UHltNGZZTkpDNGptMFo5SFI4MWlhaVJCV1BaS3hZeVpzeGF5a0p2WW9OVnF6UjQ5eEZLNEJIOGFwVWxsMlFQbWNVY01Iem96S0NqNHo4d05HUnZJVHZBK3ZYb09aTlNwV3J6NFBqNVlMd1UzcGR1UVFGUldXaXhwMkY0aElZTWxOV1JvSkR2QkR4OU4zc3VnejFQUisvY0s5WDN6bDVSaHNRMGpBaVFRa1R1dWxPdjBxUk0vU21uSDBrWjJna2RITFg2dnNMRG9Jb3RTTmJJa3I5UHo5WFpTaHNVMkZBaVF5SDJ2Nks0WkNVUlNydmo0K0s4UEhUb1VMNlV0U3h2Wko1bEVHVzl2NzNiekZ5eisxcWR0cTJBVzVXcGtTVlhGMHNiZVRNOVgzVWtaR3R2VVFvQVFtMFJ0a3BaSWpOeVZNVEV4LzRMUFlpWEFWWVRnTllaTW1ERHhnN0ZqeDgyR3hSMFhKWXpETWZoQ0FCWjlMaTc3WXVuYktTa25mMVpLTTBVSlRvd2lOZkV4NDhiUDdCZmFad1JVVnp6aFY0cnJvQlM0T0U0MUFxV3BxYWsvNzl5NU16WWhJV0c3MHBnWWxWeFFKZ29sTStrblpDZEw5bndkd3EyME44UVpqNUQ2U0hMeWlSL2hXcGVYZDhkb0pUR2pFbHpYbjc0ZE9uYnAwYjE3ZjdLYkVEWmU5WWEvT1lqamIrRXRlUWlGaE51d20zQkhTa3BLRWtUcS8vRmlNVGNFcncwSVJQYytnWUdkZXdZR2RnbnAxTW12SytUdGpoamh1YUFOV1lHckJFSVhBcUYzcDZXZFR6NTc5dlErMkVoMWl3dnRhaW5CTGNGcmd3VVJQc0N2azE5UW0zYnQvSHg5Mm5iUmFGcDFoQnllVEZiSkZsdlp5NTA4T2s4Qm5VaUJ1d3dtaDVlemI5MjhjUFZTUnVybHk1ZC96Y2k0ZUFyU0RtbjFRUVdVMWgxQ05RU3ZEeGZZb2VpdjBXZzZlWHA2dG12VHpyZUxXMHVQOW0wMEhyNFE4VzB4NGxPeGlieGxxNHBFNU16TXpGUTR1dnA4WVVIK3JXdlhNczlEVkQ0SG4xeXFYamdWVWozQjY4TVY5cDFidC9meENXalIwdDFiNCtYVldxUHhhZ01WSEkyVFMzTVBGeWNIVjRqK3J0Q1diTmtsRTF0UjdnQWtmU0NIMFpNUCtmK0g1QU03K0dDRGFubHBUbDdoellMODIxbjVlWG0zc205bVg3dHorOVoxSUhBR2ZESTU1YWZlYWdsTGNCcGtnUEF0N1IwY25DRFRjYlcxdGJZM3Q3Q0UvOHl0cksxdGJSMGRtenFabXpleGFPcms0bVJuWTJVUHN1N1c5azZPSG00dXJlQzc0d0IzQ09zblk5VDNkZ09DYmMwWGgveExmcTdCbTVDdk5obEpQN3IrZUtaZmlMQjNDMzhyemk4cExpb291ditnc0xUNDNvUGMzTnpzcXFxSDJ0S3lpakl0YkxJdUx5OHRLUzBsbi9LU3NyS1NCNFZGUlhkeWMzSnUwMkFocW94SkUxeEpwOEljd2dGZVJWajlwWUEzdGxWY3VwaHhYOG54VFhXcy93TitOZlBuNVNzRld3QUFBQUJKUlU1RXJrSmdnZz09Ii8+CjwvZGVmcz4KPC9zdmc+Cg==",Fae=Le.memo(({isDataLength:n,isLoading:t,isSingleValue:e,dataDb:r,chartType:i})=>R.jsxs(R.Fragment,{children:[!t&&!n?R.jsx("div",{className:Mr.noData,children:R.jsxs("div",{className:Mr.noDataContent,children:[R.jsx("img",{src:zae,alt:"no data svg"}),R.jsx("div",{className:Mr.noDataText,children:"No Data"})]})}):null,!t&&n&&r[e]===null&&R.jsx("div",{className:Mr.noData,children:R.jsxs("div",{className:Mr.noDataContent,children:[R.jsx("img",{src:zae,alt:"no data svg"}),R.jsx("div",{className:Mr.noDataText,children:"No Data"})]})}),t&&R.jsx("div",{className:Mr.loading,children:R.jsx(pg,{style:{width:"50px",height:"50px",color:"blue"}})})]})),pUe=n=>R.jsx("svg",{viewBox:"0 0 24 24",width:"1.2em",height:"1.2em",...n,children:R.jsx("path",{fill:"currentColor",d:"M5 21q-.825 0-1.413-.588T3 19V6.5q0-.375.125-.675t.325-.575l1.4-1.7q.2-.275.5-.413T6 3h12q.35 0 .65.137t.5.413l1.4 1.7q.2.275.325.575T21 6.5V19q0 .825-.588 1.413T19 21H5Zm.4-15h13.2l-.85-1H6.25L5.4 6ZM5 8v11h14V8H5Zm7 10l4-4l-1.4-1.4l-1.6 1.6V10h-2v4.2l-1.6-1.6L8 14l4 4Zm-7 1h14H5Z"})}),vUe=n=>R.jsx("svg",{viewBox:"0 0 24 24",width:"1.2em",height:"1.2em",...n,children:R.jsx("path",{fill:"currentColor",d:"M22 6c0-1.1-.9-2-2-2H4c-1.1 0-2 .9-2 2v12c0 1.1.9 2 2 2h16c1.1 0 2-.9 2-2V6zm-2 0l-8 5l-8-5h16zm0 12H4V8l8 5l8-5v10z"})}),Cg={metricFilter:"_metricFilter_u0w07_1",customContainer:"_customContainer_u0w07_4"},ML=({rlsConditions:n,onChangeFilterValue:t,workspaceId:e,clientId:r,className:i})=>{var u,c,f,d,h,p,g,y,b,S,x,M,_,T,E,L,O,N,A,$,z,P;const a=(u=n==null?void 0:n.options)==null?void 0:u.find(F=>F.name===(n==null?void 0:n.value)),o=(c=n==null?void 0:n.variableOptions)==null?void 0:c.find(F=>{var V;return F.value===((V=n.selectedVariableValue)==null?void 0:V.value)}),[s,l]=Le.useState({value:(n==null?void 0:n.value)||(a==null?void 0:a.name)||"",label:(n==null?void 0:n.value)||(a==null?void 0:a.name)||"",labelType:(a==null?void 0:a.range)||""});return R.jsx(R.Fragment,{children:n&&t?R.jsx("div",{className:i,children:n.isVariableFilter?["string","number","boolean","default"].includes(n.datatype)?R.jsx(R.Fragment,{children:R.jsx(oa,{label:n.name,selectedOption:{value:((f=n.selectedVariableValue)==null?void 0:f.value)||((h=(d=n.variableOptions)==null?void 0:d[0])==null?void 0:h.value),label:((p=n.selectedVariableValue)==null?void 0:p.value)||((y=(g=n.variableOptions)==null?void 0:g[0])==null?void 0:y.value)},options:((b=n.variableOptions)==null?void 0:b.map(F=>({value:F==null?void 0:F.value,label:F==null?void 0:F.value})))||[],isSearchEnabled:!0,onChange:F=>t(n.name,F.value),className:Cg.metricFilter})}):R.jsx(R.Fragment,{children:R.jsx(oa,{label:n.name,selectedOption:{value:(S=n.selectedVariableValue)==null?void 0:S.value,label:(x=n==null?void 0:n.selectedVariableValue)==null?void 0:x.label},options:((_=(M=n.variableOptions)==null?void 0:M.map)==null?void 0:_.call(M,F=>({value:F.value,label:F.label})))||[],isSearchEnabled:!0,onChange:F=>{var U;const V=(U=n==null?void 0:n.variableOptions)==null?void 0:U.find(Y=>Y.value===(F==null?void 0:F.value));t(n.name,F.value,{startDate:V==null?void 0:V.startDate,endDate:V==null?void 0:V.endDate})},className:Cg.metricFilter,children:n.datatype==="date"&&((T=o==null?void 0:o.value)==null?void 0:T.toLowerCase())==="custom"&&!(o!=null&&o.startDate&&(o!=null&&o.endDate))?R.jsx("div",{className:Cg.customContainer,children:R.jsx(FN,{label:"Date Range",onChange:F=>{t(n.name,(o==null?void 0:o.value)||"Custom",{startDate:F==null?void 0:F.startDate,endDate:F==null?void 0:F.endDate})},defaultValues:{startDate:(E=n==null?void 0:n.selectedVariableValue)!=null&&E.startDate?new Date((L=n==null?void 0:n.selectedVariableValue)==null?void 0:L.startDate):new Date,endDate:(O=n==null?void 0:n.selectedVariableValue)!=null&&O.endDate?new Date((N=n==null?void 0:n.selectedVariableValue)==null?void 0:N.endDate):new Date,timeGrainValue:""}})}):null})}):n.datatype!=="date"?n.datatype==="string"?n.options.length?R.jsx(Yb,{selectedOptions:Array.isArray(n.value)&&n.value.length?n.value.map(F=>({label:F,value:F})):[],options:n.options.map(F=>({value:F,label:F})),isSearchEnabled:!0,onChange:F=>t(n.name,F==null?void 0:F[0].value,void 0,F),label:n.name,className:Cg.metricFilter}):R.jsx(y2,{selectedOptions:Array.isArray(n.value)&&n.value.length?n.value.map(F=>({label:F,value:F})):[],onChange:F=>t(n.name,F==null?void 0:F[0].value,void 0,F),filter:{tableName:n.tableName,columnName:n.columnName},isSearchEnabled:!0,autoSelected:Array.isArray(n.value)&&!n.value.length,label:n.name,className:Cg.metricFilter,workspaceId:e,filterClause:(A=n==null?void 0:n.client)!=null&&A.isEnable?{columnName:($=n==null?void 0:n.client)==null?void 0:$.columnName,value:r,as:(z=n==null?void 0:n.client)==null?void 0:z.as}:void 0}):R.jsx(oa,{label:n.name,selectedOption:{value:n.value||n.options[0],label:n.value||n.options[0]},options:n.options.map(F=>({value:F,label:F})),isSearchEnabled:!0,onChange:F=>t(n.name,F.value),className:Cg.metricFilter}):R.jsx(oa,{label:n.name,selectedOption:s,options:n.options.map(F=>({value:F.name,label:F.name,labelType:F.range})),isSearchEnabled:!0,onChange:F=>{l(F),t(n.name,F.value)},className:Cg.metricFilter,children:n.datatype==="date"&&((P=s.labelType)==null?void 0:P.toLowerCase())==="custom"&&!(a!=null&&a.fromDate&&(a!=null&&a.toDate))?R.jsx("div",{className:Cg.customContainer,children:R.jsx(FN,{label:"Date Range",onChange:F=>{t(n.name,(a==null?void 0:a.name)||"Custom",{startDate:F==null?void 0:F.startDate,endDate:F==null?void 0:F.endDate})},minDate:a==null?void 0:a.minDate,maxDate:a==null?void 0:a.maxDate,defaultValues:{startDate:a!=null&&a.startDate?new Date(a==null?void 0:a.startDate):new Date,endDate:a!=null&&a.endDate?new Date(a==null?void 0:a.endDate):new Date,timeGrainValue:""}})}):null})}):null})},Zl={container:"_container_d8urj_1",popover:"_popover_d8urj_5",popupContainer:"_popupContainer_d8urj_6",button:"_button_d8urj_10",buttonOpen:"_buttonOpen_d8urj_14",menu:"_menu_d8urj_18",enter:"_enter_d8urj_22",enterFrom:"_enterFrom_d8urj_26",enterTo:"_enterTo_d8urj_30",leave:"_leave_d8urj_34",leaveFrom:"_leaveFrom_d8urj_38",leaveTo:"_leaveTo_d8urj_42",center:"_center_d8urj_46",top:"_top_d8urj_50",bottom:"_bottom_d8urj_54",left:"_left_d8urj_58",right:"_right_d8urj_62","left-top-end":"_left-top-end_d8urj_66","right-top-end":"_right-top-end_d8urj_70","left-bottom-end":"_left-bottom-end_d8urj_74","right-bottom-end":"_right-bottom-end_d8urj_78","top-left":"_top-left_d8urj_82","top-right":"_top-right_d8urj_86","bottom-left":"_bottom-left_d8urj_90","bottom-right":"_bottom-right_d8urj_94","left-top":"_left-top_d8urj_66","left-bottom":"_left-bottom_d8urj_74","right-top":"_right-top_d8urj_70","right-bottom":"_right-bottom_d8urj_78",chartOptionBtn:"_chartOptionBtn_d8urj_114",chartpopup:"_chartpopup_d8urj_118"},bB={fullscreen:"_fullscreen_135j8_1",loading:"_loading_135j8_5"},gUe=({isShowUnderlyingData:n,setShowUnderlyingData:t,getUnderlyingData:e,columnName:r,value:i,isSingleValueChart:a})=>{const[o,s]=ae.useState([]),[l,u]=ae.useState(!0);return ae.useEffect(()=>{r&&i&&n&&!a&&e({columnName:r,setData:s,setLoading:u,value:i,isSingleValueChart:a}),n&&a&&e({columnName:r,setData:s,setLoading:u,value:i,isSingleValueChart:a})},[r,i,n,a]),R.jsx(Xh,{isOpen:n,onClose:()=>t(!1),headerTitle:"View Underlying Data",children:R.jsxs("div",{className:bB.fullscreen,children:[!!o.length&&R.jsx(uw,{data:o,isLoading:!1,error:""}),!o.length&&!l&&R.jsx("div",{className:bB.loading,children:"No Data Available"}),l&&!o.length&&R.jsx("div",{className:bB.loading,children:R.jsx(pg,{style:{width:"50px",height:"50px",color:"blue"}})})]})})},Bae=Le.memo(gUe),mUe=n=>R.jsx("svg",{viewBox:"0 0 24 24",width:"1.2em",height:"1.2em",...n,children:R.jsx("g",{id:"evaLayersFill0",children:R.jsx("g",{id:"evaLayersFill1",children:R.jsxs("g",{id:"evaLayersFill2",fill:"currentColor",children:[R.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"}),R.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"}),R.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"})]})})})}),yUe=n=>R.jsx("svg",{viewBox:"0 0 24 24",width:"1.2em",height:"1.2em",...n,children:R.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"})}),bUe=({position:n="center",menuContainerClass:t,menuClass:e,isOpen:r,setOpen:i,value:a,columnName:o,getUnderlyingData:s,clickBehaviourConfigs:l,elementRef:u,isSingleValueChart:c})=>{const[f,d]=ae.useState(!1),h=ae.useRef(null);return E_({wrapRef:h,onOutsideClick:()=>i(!1)}),ae.useEffect(()=>{if(!u||n!=="dynamic")return;const{containerRef:p,event:g}=u,y=g;if(!p.current||!h.current||!y)return;const b=p.current.getBoundingClientRect(),S=h.current.getBoundingClientRect(),[x,M]=q$e(y,b,S);J$e(h.current,x,M)},[u,r,n]),R.jsx(R.Fragment,{children:c?R.jsx(Bae,{isShowUnderlyingData:r,setShowUnderlyingData:i,columnName:o,value:a,getUnderlyingData:s,isSingleValueChart:c}):R.jsxs(R.Fragment,{children:[R.jsx("div",{onContextMenu:p=>{p.preventDefault()},ref:h,className:`${n==="dynamic"&&Zl.popupContainer}`,children:R.jsx("div",{className:`${Zl.popover} ${n==="dynamic"||Zl[n]}  ${t}`,children:R.jsx(xD,{as:"div",className:`${Zl.menu} ${e}`,show:r,enter:Zl.enter,enterFrom:Zl.enterFrom,enterTo:Zl.enterTo,leave:Zl.leave,leaveFrom:Zl.leaveFrom,leaveTo:Zl.leaveTo,children:R.jsxs("div",{className:Zl.chartpopup,children:[R.jsxs(Vt,{variant:"custom",type:"button",className:Zl.chartOptionBtn,onClick:()=>{d(!0)},children:[R.jsx(mUe,{className:Zl.popupItemIcon}),R.jsx(Mt,{variant:"p",styleClass:"font-14",children:"View underlying data"})]}),l.isEnable&&R.jsxs(Vt,{variant:"custom",type:"button",className:Zl.chartOptionBtn,onClick:()=>{Ate(l,(a==null?void 0:a.split(" ").join("_"))||"undefined")},children:[R.jsx(yUe,{className:Zl.popupItemIcon}),R.jsx(Mt,{variant:"p",styleClass:"font-14",children:"Go to"})]})]})})})}),R.jsx(Bae,{isShowUnderlyingData:f,setShowUnderlyingData:d,columnName:o,value:a,getUnderlyingData:s,isSingleValueChart:c})]})})},Vae=Le.memo(bUe),jw={"dbc-container":"_dbc-container_1f2n4_1",dbcLastLevel:"_dbcLastLevel_1f2n4_4","active-dimension":"_active-dimension_1f2n4_7",otherLevels:"_otherLevels_1f2n4_10",clickableLevels:"_clickableLevels_1f2n4_13"},Hae=({dimensions:n,drilledLevel:t,onResetLevel:e,onDrillLevelClick:r})=>R.jsx("div",{className:`${jw["dbc-container"]} ${t===-1?jw.dbcLastLevel:""}`,children:t===-1?R.jsx(Vt,{variant:"custom",type:"button",className:`${jw.otherLevels} ${jw.clickableLevels}`,onClick:e,children:"Reset"}):R.jsx(R.Fragment,{children:n.map((i,a)=>R.jsxs(Vt,{variant:"secondary",className:a===t?jw["active-dimension"]:jw.otherLevels,isDisabled:t-1!==a,onClick:()=>{r(a)},children:[i.toString()[0].toUpperCase()+i.toString().substring(1),a===n.length-1?"":" / "]},i))})}),Ir={fullScreen:"_fullScreen_rnxp5_1",header:"_header_rnxp5_9",headerBlock:"_headerBlock_rnxp5_17",metricName:"_metricName_rnxp5_25",iconButton:"_iconButton_rnxp5_33",body:"_body_rnxp5_41",metric:"_metric_rnxp5_25",fullMetric:"_fullMetric_rnxp5_57",tableMetric:"_tableMetric_rnxp5_65",metricHeader:"_metricHeader_rnxp5_73",chartConfig:"_chartConfig_rnxp5_81",metricFilters:"_metricFilters_rnxp5_89",chart:"_chart_rnxp5_81",preview:"_preview_rnxp5_105",popupMenu:"_popupMenu_rnxp5_113",csvPopup:"_csvPopup_rnxp5_121",csvPopupIcon:"_csvPopupIcon_rnxp5_129",popupItem:"_popupItem_rnxp5_137",popupItemIcon:"_popupItemIcon_rnxp5_145",dynamicGroupFormat:"_dynamicGroupFormat_rnxp5_153",dynamicGroupContainer:"_dynamicGroupContainer_rnxp5_161",addFilterMenu:"_addFilterMenu_rnxp5_167",filterTopLeft:"_filterTopLeft_rnxp5_175",filterToRight:"_filterToRight_rnxp5_183",addfilter:"_addfilter_rnxp5_191",checkedOption:"_checkedOption_rnxp5_197",option:"_option_rnxp5_205",chartWrapper:"_chartWrapper_rnxp5_213",tableChartWrapper:"_tableChartWrapper_rnxp5_221"},Wae=({filters:n,updateFilter:t})=>R.jsx(R.Fragment,{children:R.jsx(Kd,{buttonClass:Ir.addfilter,buttonContent:R.jsx(Dn,{name:"plus-icon-2"}),position:"bottom-left",children:R.jsx("div",{className:Ir.addFilterMenu,children:n.map(e=>{const r=e.isAddOnMetrics;return R.jsxs(Vt,{variant:"secondary",onClick:()=>{t(e)},className:r?Ir.checkedOption:Ir.option,children:[r?R.jsx(m2,{}):R.jsx(P_,{}),e.name]},e.name)})})})}),Uae=({globalFilters:n={tableName:"",filters:[]},metricItem:t,onMaximize:e,client:r,colors:i,param:a,companyTenancyType:o,renderHeaderName:s,isDisableCardClick:l,onArchive:u,chartRendererType:c="canvas",isDisableMorePopup:f,appFilters:d,isInternalApp:h,setCrossDashboardFilters:p,crossDashboardFilters:g,metricFilterOptions:y,onDownloadRawCsv:b,enableDownloadCsv:S,enableMultiMetricFilters:x})=>{var ft,ut,Te,je,ye,We,Ge,_t,wt,Lt,kt;const M=ae.useMemo(()=>{const yt={};if(a!=null&&a.values)for(const Oe in a.values){const nt=`${Oe}_variable`;yt[nt]=a.values[Oe]}return yt},[a==null?void 0:a.values]),[_,T]=ae.useState(t.chartOptions),E=ae.useRef(null),{dataDb:L,getUnderlyingData:O,handleChartClick:N,columnName:A,setShowChartPopup:$,isShowChartPopup:z,isQueryLoading:P,chartParams:F,onChangeFilterValue:V,onDrillDown:U,drilledLevel:Y,dimensions:Z,setLoading:G,setTableLimit:J,isEnableNextBtn:te,isEnablePrevBtn:K,paginationInfo:ne,onChangePage:oe,isExternalChart:le,onDrillLevelClick:fe,metricFilters:ce,leftPositionedMetricFilters:pe,rightPositionedMetricFilters:xe,updateFilter:De}=lU({metric:t,clientId:r,chartSettings:_,setChartSettings:T,globalFilters:n,rlsFilters:{param:a,filterValues:M},tenancyLevel:o,appFilters:d,isInternalApp:h,crossDashboardFilters:g,setCrossDashboardFilters:p,metricFilterOptions:y});ae.useEffect(()=>{var yt,Oe;T(t==null?void 0:t.chartOptions),J({limit:parseInt(((Oe=(yt=t==null?void 0:t.chartOptions)==null?void 0:yt.tableSettings)==null?void 0:Oe.defaultRowSize)||"10",10),offset:0})},[t]);let Se=!1;const[Be,ze]=ae.useState(null);ae.useEffect(()=>{var yt,Oe,nt,Rt,mn;_.isDynamicSeries&&((yt=_.seriesOptions)!=null&&yt.includes("ungrouped")?_.ungroupedAlias?ze((Oe=_.seriesOptions)==null?void 0:Oe.map(xn=>({value:xn,label:_.ungroupedAlias}))):ze((nt=_.seriesOptions)==null?void 0:nt.map(xn=>({value:xn,label:xn}))):_.ungroupedAlias?ze([{value:"ungrouped",label:_.ungroupedAlias},...((Rt=_.seriesOptions)==null?void 0:Rt.map(xn=>({value:xn,label:xn})))??[]]):ze([{value:"ungrouped",label:"ungrouped"},...((mn=_.seriesOptions)==null?void 0:mn.map(xn=>({value:xn,label:xn})))??[]]))},[_.seriesOptions,_.isDynamicSeries,_.ungroupedAlias]);const[dt,ge]=ae.useState(!1),Ae=yt=>{yt.key==="Control"&&ge(!0)},Ve=yt=>{yt.key==="Control"&&ge(!1)};if(ae.useEffect(()=>{var yt,Oe;return(Oe=(yt=_.customSettings)==null?void 0:yt.chartZoom)!=null&&Oe.isZoomEnabled&&(window.addEventListener("keydown",Ae),window.addEventListener("keyup",Ve)),()=>{window.removeEventListener("keydown",Ae),window.removeEventListener("keyup",Ve)}},[]),L!=null&&L.length){const yt=_.singleValue;Se=L[0][yt]===null}return R.jsx(R.Fragment,{children:R.jsxs("div",{ref:E,className:Mr.cardContainer,onContextMenu:yt=>{yt.preventDefault()},"data-test":!0,children:[R.jsxs("div",{className:Mr.listHeader,children:[R.jsxs("div",{className:Mr.metricName,children:[R.jsx(Vt,{type:"button",variant:"custom",onClick:()=>{t.clickActions.card.isEnable?yPe(t.clickActions,t.metricId,t.id):e(t,{param:a,filterValues:M},d)},isDisabled:l,children:R.jsx(Mt,{variant:"h3",styleClass:"primary",className:`${Mr.metricTitle} dbn-metric-card-title`,children:s?s(t.name):t.name})}),t.description&&R.jsx("span",{className:`${Mr.metricDescription} dbn-metric-card-description`,children:t.description})]}),R.jsxs("div",{className:Mr.features,children:[(ft=_==null?void 0:_.dynamicXAxis)!=null&&ft.isEnabled?R.jsx(oa,{options:((ut=_.dynamicXAxis)==null?void 0:ut.options)||[],onChange:yt=>T(Oe=>({...Oe,dynamicXAxis:{...Oe.dynamicXAxis,selectedOption:yt},xAxis:yt.value})),selectedOption:_.dynamicXAxis.selectedOption||{value:"",label:""},className:Mr.dynamicGroupContainer,buttonClass:Mr.dynamicGroupFormat,labelVariant:"static"}):null,_!=null&&_.isDynamicSeries?R.jsx(oa,{options:Be,onChange:yt=>T(Oe=>({...Oe,seriesField:yt.value})),selectedOption:{label:(_==null?void 0:_.seriesField)==="ungrouped"&&_.ungroupedAlias?_.ungroupedAlias:_.seriesField||"ungrouped",value:(_==null?void 0:_.seriesField)||"ungrouped"},label:"group by",className:Mr.dynamicGroupContainer}):null,(Te=_==null?void 0:_.timeSeriesSettings)!=null&&Te.groupBySettings.isDynamic?R.jsx(oa,{options:(je=_==null?void 0:_.timeSeriesSettings)==null?void 0:je.groupBySettings.options.map(yt=>({label:yt.split("____").length>1?yt.split("____")[1]:yt,value:yt})),onChange:yt=>T(Oe=>{var nt;return{...Oe,timeSeriesSettings:{...Oe==null?void 0:Oe.timeSeriesSettings,groupBySettings:{...(nt=Oe==null?void 0:Oe.timeSeriesSettings)==null?void 0:nt.groupBySettings,value:yt.value}}}}),selectedOption:{label:_.timeSeriesSettings.groupBySettings.value.split("____").length>1?_.timeSeriesSettings.groupBySettings.value.split("____")[1]:_.timeSeriesSettings.groupBySettings.value,value:_.timeSeriesSettings.groupBySettings.value.split("____").length>1?_.timeSeriesSettings.groupBySettings.value.split("____")[0]:_.timeSeriesSettings.groupBySettings.value},labelVariant:"static",className:Mr.dynamicGroupContainer,buttonClass:Mr.dynamicGroupFormat}):null,!f&&R.jsxs(Kd,{buttonClass:Mr.popup,buttonContent:R.jsx(Dn,{name:"more-icon",className:Mr.popupIcon}),menuClass:Mr.popupMenu,position:"bottom-right",className:Mr.morePopup,children:[R.jsxs(Vt,{type:"button",variant:"custom",id:`metric-card-popup-btn__${t.id}`,className:`${Mr.popupItem} ${Mr.csvBtn}`,onClick:()=>e(t,{param:a,filterValues:M},d),children:[R.jsx(Dn,{name:"fullscreen-icon",className:Mr.popupItemIcon}),"Enter Fullscreen"]}),S&&!!(L!=null&&L.length)&&R.jsx(eie,{data:L,fileName:t.name,text:"Download CSV",className:`${Mr.popupItem} ${Mr.csvBtn}`,iconClass:Mr.popupItemIcon}),b&&R.jsxs(Vt,{type:"button",variant:"custom",className:`${Mr.popupItem} ${Mr.csvBtn}`,onClick:()=>b(M),children:[R.jsx(vUe,{className:Mr.popupItemIcon}),"Email CSV"]}),u&&R.jsxs(Vt,{variant:"custom",type:"button",className:`${Mr.popupItem} ${Mr.csvBtn} ${Mr.deleteBtn}`,onClick:()=>u(t.id),children:[R.jsx(pUe,{className:Mr.popupItemIcon}),"Archive Metric"]})]})]})]}),(_==null?void 0:_.chartType)&&R.jsxs("div",{className:`${Mr.metricData} dbn-chart ${(_==null?void 0:_.chartType)===Ie.table?Mr.metricTable:""}`,onContextMenu:yt=>{yt.preventDefault()},children:[!!ce.length&&R.jsxs("div",{className:`${_.chartType===Ie.table?Mr.tableMetricFilters:Mr.metricFilters}`,children:[x&&R.jsx(Wae,{filters:ce,updateFilter:De}),pe.map((yt,Oe)=>{var nt;return R.jsx(ML,{workspaceId:(nt=t==null?void 0:t.companyIntegration)==null?void 0:nt.workspaceId,rlsConditions:yt,onChangeFilterValue:V,clientId:r,className:pe.length-1===Oe?Mr.filterTopLeft:""},yt.name)}),xe.map((yt,Oe)=>{var nt;return R.jsx(ML,{workspaceId:(nt=t==null?void 0:t.companyIntegration)==null?void 0:nt.workspaceId,rlsConditions:yt,onChangeFilterValue:V,clientId:r,className:Oe===0?Mr.filterTopRight:""},yt.name)})]}),((ye=t==null?void 0:t.drillDownSettings)==null?void 0:ye.isEnableGroupBy)&&!!(Z!=null&&Z.length)&&!!L.length&&R.jsx(Hae,{dimensions:Z,drilledLevel:Z.length>Y?Y:-1,onResetLevel:()=>U({}),onDrillLevelClick:yt=>fe(yt)}),R.jsxs("div",{className:Mr.chart,children:[R.jsx(Fae,{isLoading:P,isDataLength:!!(L!=null&&L.length),isSingleValue:_.singleValue,dataDb:L[0],chartType:_.chartType}),z&&R.jsx(R.Fragment,{children:R.jsx(Vae,{isOpen:z,setOpen:$,value:F==null?void 0:F.name,columnName:A,getUnderlyingData:O,clickBehaviourConfigs:t.clickActions.chart,elementRef:{containerRef:E,event:(We=F==null?void 0:F.event)==null?void 0:We.event},position:"dynamic",isSingleValueChart:_.chartType===Ie.singleValue})}),L!=null&&L.length&&!Se?R.jsx(cw,{data:L,chartOptions:(_t=(Ge=_.customSettings)==null?void 0:Ge.chartZoom)!=null&&_t.isZoomEnabled?{..._,customSettings:{..._.customSettings,chartZoom:{...(wt=_.customSettings)==null?void 0:wt.chartZoom,zoomAxis:dt?(kt=(Lt=_.customSettings)==null?void 0:Lt.chartZoom)==null?void 0:kt.zoomAxis:"none",zoomOnMouseWheel:!1}}}:_,selectedSeries:_.selectedSeries,events:{click:yt=>{var Oe;(Oe=t.drillDownSettings)!=null&&Oe.isEnableGroupBy&&U(yt)},contextmenu:yt=>{N(yt),$(!0)}},colors:i,config:{style:{height:"90%"},hideBorder:!0,chartClickConfig:t.clickActions.chart,onChartReady:()=>G(!1),opts:{renderer:c},onChangePage:oe,isExternalChart:le,isEnableNextBtn:te,isEnablePrevBtn:K,paginationInfo:ne,setChartSettings:T}}):null]})]})]})})},SUe=n=>R.jsx("svg",{viewBox:"0 0 24 24",width:"1.2em",height:"1.2em",...n,children:R.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"})}),wUe=n=>R.jsx("svg",{viewBox:"0 0 24 24",width:"1.2em",height:"1.2em",...n,children:R.jsx("path",{fill:"currentColor",d:"M8.7 17.3q-.275-.275-.275-.7t.275-.7l3.9-3.9l-3.9-3.9q-.275-.275-.275-.7t.275-.7q.275-.275.7-.275t.7.275l4.6 4.6q.15.15.213.325t.062.375q0 .2-.063.375t-.212.325l-4.6 4.6q-.275.275-.7.275t-.7-.275Z"})}),_Ue=(n,t)=>{const e=[];if(n!=null&&n.pivotTableSettings){const r=n.pivotTableSettings.rows||[],i=n.pivotTableSettings.columns||[],a=rF(t,i,r),o=[],s=[],l=a[r[0]];l.map(u=>{const c=u.parent;if(c.includes("/")){const f=c.lastIndexOf("/"),d=[c.substring(0,f),c.substring(f+1)];o.includes(d[1])||o.push(d[1]),s.includes(d[0])||s.push(d[0])}else s.push(c),o.push(c)}),s.forEach(u=>{const c={};c.keys=u,o.forEach(f=>{c[`${r[0]} - ${f}`]=null}),e.push(c)});for(let u=0;u<e.length;u+=1){const c=e[u];Object.keys(c).map(f=>{const d=f.split(" - ");l.map(h=>{h.parent.includes("/")?h.parent===`${c.keys}/${d[1]}`&&d[0]===r[0]&&(c[f]=h.name):h.parent===d[1]&&d[0]===r[0]&&(c[f]=h.name)})})}if(r.length>1)for(let u=1;u<r.length;u+=1){const c=[],f=a[r[u]];f.map(d=>{const h=d.parent;if(h.includes("/")){const p=h.lastIndexOf("/"),g=[h.substring(0,p),h.substring(p+1)];c.includes(g[0])||c.push(g[0])}else c.push(h)}),c.forEach(d=>{e.map(h=>{h.keys===d&&o.forEach(p=>{h[`${r[u]} - ${p}`]=null})})});for(let d=0;d<e.length;d+=1){const h=e[d];Object.keys(h).map(p=>{const g=p.split(" - ");f.map(y=>{y.parent.includes("/")?y.parent===`${h.keys}/${g[1]}`&&g[0]===r[u]&&(h[p]=y.name):y.parent===g[1]&&g[0]===r[u]&&(h[p]=y.name)})})}}if(i.length>2)for(let u=0;u<e.length;u+=1){const c=e[u],f=c.keys.replace(/\//g,",");c.keys=`(${f})`.replace(/\b(\w+)\b/g,"'$1'")}else if(i.length===1){const u="keys";e.forEach(c=>{delete c[u]}),e.splice(1)}}return e},xUe=({data:n=[],fileName:t="export",className:e,iconClass:r,text:i="",chartOptions:a})=>{const o=_Ue(a,n);return R.jsxs("a",{href:ane(o),download:`${t}.csv`,className:e??h3.csvlink,target:"_self",children:[R.jsx(Dn,{name:"csv-icon",className:r}),i]})},MUe=({data:n,chartRef:t,metricName:e,onRawCsvData:r,chartOptions:i})=>R.jsx(R.Fragment,{children:R.jsxs(Kd,{buttonContent:R.jsx(SUe,{}),buttonClass:Ir.iconButton,position:"bottom-right",menuClass:Ir.popupMenu,children:[R.jsxs(Kd,{buttonContent:R.jsxs(R.Fragment,{children:["Download CSV ",R.jsx(wUe,{className:Ir.csvPopupIcon})]}),buttonClass:Ir.popupItem,position:"left-top",menuClass:Ir.popupMenu,menuContainerClass:Ir.csvPopup,children:[R.jsx(eie,{text:"Table Results",data:n,fileName:e,className:Ir.popupItem,iconClass:Ir.popupItemIcon}),(i==null?void 0:i.chartType)===Ie.pivot&&R.jsx(xUe,{text:"Pivot CSV",data:n,fileName:e,className:Ir.popupItem,iconClass:Ir.popupItemIcon,chartOptions:i}),R.jsx(Vt,{type:"button",variant:"custom",size:"default",className:Ir.popupItem,onClick:r,children:"Raw Data"})]}),t&&R.jsx(LBe,{text:"Save as PNG",chartRef:t,className:Ir.popupItem,iconClass:Ir.popupItemIcon,fileName:e})]})}),CUe=n=>R.jsx("svg",{viewBox:"0 0 24 24",width:"1.2em",height:"1.2em",...n,children:R.jsx("path",{fill:"none",stroke:"currentColor",strokeLinecap:"round",strokeLinejoin:"round",strokeWidth:2,d:"M4 14h6v6m10-10h-6V4m0 6l7-7M3 21l7-7"})}),Gae=({metric:n,colors:t,rlsFilters:e,metricFilterOptions:r,onMinimize:i,clientId:a,tenancyLevel:o,companyId:s,externalDashboardId:l,userProvidedDashboardId:u,isAllowedToUpdateMetrics:c,sharingSettingsId:f,appFilters:d,isInternalApp:h,isShowChartConfigTab:p,isHideChartSettings:g,isHideTablePreview:y})=>{var We,Ge,_t,wt,Lt,kt,yt;const b=ae.useRef(),[S,x]=ae.useState(!1),[M,_]=ae.useState(n.chartOptions),[T,E]=ae.useState(!1),L=ae.useRef(null),{updateExternalMetric:O,error:N,dashboardOptions:A}=YW({onSuccess:()=>{E(!1)},selectedColumns:[],companyIntegrationId:n.companyIntegrationId,query:n.query,metricQuery:n.metricQuery,integrationName:n.integrationName,outputColumns:n.outputColumns,chartSettings:M,datasetMetricSettings:n.datasetMetricSettings,clientId:a,companyId:s,isLiveMode:n.isLive,timeGrain:n.timeGrain,dashboardIds:[l],isEnableGroupBy:n.isEnableGroupBy,groupBy:n.groupBy,selectedGroupBy:n.selectedGroupBy,userProvidedDashboardId:u,metric:n,rlsFilters:e==null?void 0:e.param}),{dataDb:$,getUnderlyingData:z,handleChartClick:P,onChangeFilterValue:F,onDrillDown:V,isShowChartPopup:U,setShowChartPopup:Y,columnName:Z,chartParams:G,isQueryLoading:J,dimensions:te,drilledLevel:K,rlsConditions:ne,setLoading:oe,setTableLimit:le,isEnableNextBtn:fe,paginationInfo:ce,isEnablePrevBtn:pe,isExternalChart:xe,groupByList:De,isEnablePivotTable:Se,onChangePage:Be,updateFilter:ze,hasNumberKeys:dt,isEnableGauge:ge,onDrillLevelClick:Ae,metricFilters:Ve,leftPositionedMetricFilters:ft,rightPositionedMetricFilters:ut}=lU({metric:n,rlsFilters:e,chartSettings:M,setChartSettings:_,tenancyLevel:o,clientId:a,appFilters:d,isInternalApp:h,metricFilterOptions:r});ae.useEffect(()=>{var Oe,nt;_(n.chartOptions),le({limit:parseInt(((nt=(Oe=n.chartOptions)==null?void 0:Oe.tableSettings)==null?void 0:nt.defaultRowSize)||"10",10),offset:0})},[n]);const[Te,je]=ae.useState(null);ae.useEffect(()=>{var Oe,nt,Rt,mn,xn;M.isDynamicSeries&&((Oe=M.seriesOptions)!=null&&Oe.includes("ungrouped")?M.ungroupedAlias?je((nt=M.seriesOptions)==null?void 0:nt.map(ar=>({value:ar,label:M.ungroupedAlias}))):je((Rt=M.seriesOptions)==null?void 0:Rt.map(ar=>({value:ar,label:ar}))):M.ungroupedAlias?je([{value:"ungrouped",label:M.ungroupedAlias},...((mn=M.seriesOptions)==null?void 0:mn.map(ar=>({value:ar,label:ar})))??[]]):je([{value:"ungrouped",label:"ungrouped"},...((xn=M.seriesOptions)==null?void 0:xn.map(ar=>({value:ar,label:ar})))??[]]))},[M.seriesOptions,M.isDynamicSeries,M.ungroupedAlias]);let ye=!1;if($!=null&&$.length){const Oe=M.singleValue;ye=$[0][Oe]===null}return R.jsxs("dialog",{open:!0,className:Ir.fullScreen,children:[R.jsxs("section",{className:Ir.header,children:[R.jsx("div",{className:Ir.headerBlock,children:R.jsx(Mt,{variant:"h2",styleClass:"font-14",className:Ir.metricName,children:n.name})}),R.jsxs("div",{className:Ir.headerBlock,children:[R.jsx(Vt,{type:"button",variant:"custom",size:"default",className:Ir.iconButton,onClick:i,title:"Minimize Full Screen",children:R.jsx(CUe,{})}),R.jsx(MUe,{data:$,chartRef:b,metricName:n.name,onRawCsvData:()=>x(!0),chartOptions:M}),c&&R.jsx(Vt,{type:"button",variant:"primary",size:"large",onClick:()=>E(!0),children:"Save Metric"})]})]}),R.jsxs("section",{className:Ir.body,children:[R.jsxs("div",{className:`${Ir.metric} ${M.chartType===Ie.table?Ir.tableMetric:""} ${y?Ir.fullMetric:""}`,ref:L,children:[R.jsxs("div",{className:Ir.metricHeader,children:[!!$.length&&R.jsx(R.Fragment,{children:R.jsxs("div",{className:Ir.chartConfig,children:[(We=M==null?void 0:M.dynamicXAxis)!=null&&We.isEnabled?R.jsx(oa,{options:((Ge=M.dynamicXAxis)==null?void 0:Ge.options)||[],onChange:Oe=>_(nt=>({...nt,dynamicXAxis:{...nt.dynamicXAxis,selectedOption:Oe},xAxis:Oe.value})),selectedOption:M.dynamicXAxis.selectedOption||{value:"",label:""},className:Ir.dynamicGroupContainer,buttonClass:Ir.dynamicGroupFormat,labelVariant:"static"}):null,M!=null&&M.isDynamicSeries?R.jsx(oa,{options:Te,onChange:Oe=>_(nt=>({...nt,seriesField:Oe.value})),selectedOption:{label:(M==null?void 0:M.seriesField)==="ungrouped"&&M.ungroupedAlias?M.ungroupedAlias:M.seriesField||"ungrouped",value:(M==null?void 0:M.seriesField)||"ungrouped"},label:"group by",className:Ir.dynamicGroupContainer}):null,(_t=M.timeSeriesSettings)!=null&&_t.groupBySettings.isDynamic?R.jsx(oa,{options:M.timeSeriesSettings.groupBySettings.options.map(Oe=>({label:Oe.split("____").length>1?Oe.split("____")[1]:Oe,value:Oe})),onChange:Oe=>_(nt=>{var Rt;return{...nt,timeSeriesSettings:{...nt.timeSeriesSettings,groupBySettings:{...(Rt=nt.timeSeriesSettings)==null?void 0:Rt.groupBySettings,value:Oe.value}}}}),selectedOption:{label:M.timeSeriesSettings.groupBySettings.value.split("____").length>1?M.timeSeriesSettings.groupBySettings.value.split("____")[1]:M.timeSeriesSettings.groupBySettings.value,value:M.timeSeriesSettings.groupBySettings.value},labelVariant:"static",buttonClass:Ir.dynamicGroupFormat,className:Ir.dynamicGroupContainer}):null,!g&&R.jsx(oie,{data:$,settings:M,setSettings:_,isEnablePivotTable:Se,groupbyList:De,hasNumberKeys:dt,isEnableGauge:ge,isShowChartConfigTab:p})]})}),!!Ve.length&&R.jsxs("div",{className:Ir.metricFilters,children:[R.jsx(Wae,{filters:Ve,updateFilter:ze}),ft.map((Oe,nt)=>{var Rt;return R.jsx(ML,{workspaceId:(Rt=n==null?void 0:n.companyIntegration)==null?void 0:Rt.workspaceId,rlsConditions:Oe,onChangeFilterValue:F,clientId:a,className:ft.length-1===nt?Ir.filterTopLeft:""},Oe.name)}),ut.map((Oe,nt)=>{var Rt;return R.jsx(ML,{workspaceId:(Rt=n==null?void 0:n.companyIntegration)==null?void 0:Rt.workspaceId,rlsConditions:Oe,onChangeFilterValue:F,clientId:a,className:nt===0?Ir.filterTopRight:""},Oe.name)})]})]}),R.jsxs("div",{className:`${Ir.chartWrapper} ${M.chartType===Ie.table?Ir.tableChartWrapper:""}`,children:[U&&R.jsx(Vae,{isOpen:U,setOpen:Y,value:G==null?void 0:G.name,columnName:Z,getUnderlyingData:z,clickBehaviourConfigs:(wt=n.clickActions)==null?void 0:wt.chart,elementRef:{containerRef:L,event:(Lt=G==null?void 0:G.event)==null?void 0:Lt.event},position:"dynamic",isSingleValueChart:M.chartType===Ie.singleValue}),R.jsx(Fae,{isLoading:J,isDataLength:!!$.length,isSingleValue:M.singleValue,dataDb:$[0],chartType:""}),((kt=n==null?void 0:n.drillDownSettings)==null?void 0:kt.isEnableGroupBy)&&!!(te!=null&&te.length)&&!!$.length&&R.jsx(Hae,{dimensions:te,drilledLevel:te.length>K?K:-1,onResetLevel:()=>V({}),onDrillLevelClick:Ae}),$.length&&!ye?R.jsx(cw,{chartOptions:M,data:$,colors:t,selectedSeries:M.selectedSeries,events:{click:Oe=>{var nt;(nt=n.drillDownSettings)!=null&&nt.isEnableGroupBy&&V(Oe)},contextmenu:Oe=>{P(Oe),Y(!0)}},className:M.chartType===Ie.table?"":Ir.chart,config:{ref:b,chartClickConfig:(yt=n.clickActions)==null?void 0:yt.chart,onColumnSizingChange:Oe=>_(nt=>({...nt,tableSettings:{...nt.tableSettings,columnSizing:Oe}})),onChartReady:()=>oe(!1),isInfiniteScroll:!0,onChangePage:Be,isExternalChart:xe,isEnableNextBtn:fe,isEnablePrevBtn:pe,paginationInfo:ce,setChartSettings:_}}):null]})]}),!y&&M.chartType!=="table"&&!ye?R.jsx("div",{className:Ir.preview,children:R.jsx(uw,{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]}),R.jsx(xL,{metricItem:n,isShowRawCsvModal:S,onCloseModal:x,companyTenancyType:o,filterValues:e==null?void 0:e.filterValues,client:a,sharingSettingsId:f}),c&&R.jsx(Xh,{isOpen:T,onClose:()=>E(!1),headerTitle:"Update Metric",children:R.jsx(cU,{onCancel:()=>E(!1),onSubmit:O,dashboardIds:[l],onDashboardChange:()=>{},options:A,error:N,defaultValues:{name:n.name,description:n.description,isLive:n.isLive,metricId:n.isCreatedByClient?n.metricId:`update_${n.metricId}_by_${a}_${Date.now()}`},isEmbedded:!0})})]})},TUe=$ae.WidthProvider($ae.Responsive),DUe=({chartColors:n,globalFilters:t,client:e,companyId:r,isAllowedToUpdateMetrics:i,isAllowedToDeleteMetrics:a,isAllowedToChangeLayout:o,externalDashboardMetrics:s,isMetricListLoading:l,breakpoint:u,layoutCols:c,adminLayout:f,params:d,companyTenancyType:h="TABLE",externalDashboardId:p,externalDashboardPk:g,sharingSettingsId:y,appFilters:b,isHideChartSettings:S,isHideTablePreview:x,enableDownloadCsv:M,enableEmailCsv:_,enableMultiMetricFilters:T})=>{const[E,L]=ae.useState([]),[O,N]=ae.useState({show:!1,metric:void 0,filterValues:void 0}),[A,$]=ae.useState({id:"",show:!1}),[z,P]=ae.useState({layout:[],isShow:!1}),[F,V]=ae.useState({show:!1}),{saveLayout:U,layout:Y,isLoadingLayout:Z}=hde({clientId:e,externalDashboardId:g}),{handleArchiveMetric:G,isLoading:J}=zde({dashboardId:p,clientId:e,metricId:A.id,onSuccess:()=>$({id:"",show:!1})}),te=ae.useCallback(le=>{P({isShow:!0,layout:le})},[]),K=ae.useMemo(()=>{const le=s==null?void 0:s.map(xe=>xe.externalMetric),fe=le==null?void 0:le.filter(xe=>!xe.isCreatedByClient),ce=le==null?void 0:le.filter(xe=>xe.isCreatedByClient&&xe.clientId===e);return[...fe||[],...ce||[]].sort((xe,De)=>{const Se=new Date(xe.createdAt).getTime(),Be=new Date(De.createdAt).getTime();return Se-Be})},[e,s]),ne=ae.useMemo(()=>K.map(fe=>{var xe,De,Se,Be;const ce=Y.find(ze=>ze.i===fe.id),pe=f.find(ze=>ze.i===fe.id);return{i:(ce==null?void 0:ce.i)||(pe==null?void 0:pe.i)||fe.id,w:(ce==null?void 0:ce.w)||(pe==null?void 0:pe.w)||((xe=fe.resizeAttributes)==null?void 0:xe.width)||5,h:(ce==null?void 0:ce.h)||(pe==null?void 0:pe.h)||((De=fe.resizeAttributes)==null?void 0:De.height)||10,x:(ce==null?void 0:ce.x)||(pe==null?void 0:pe.x)||((Se=fe.resizeAttributes)==null?void 0:Se.xAxis)||0,y:(ce==null?void 0:ce.y)||(pe==null?void 0:pe.y)||((Be=fe.resizeAttributes)==null?void 0:Be.yAxis)||0,minW:3,minH:fe.chartOptions.chartType==="single value"?4:8,maxH:fe.chartOptions.chartType==="table"?1/0:15}}),[K,f,Y]);ae.useEffect(()=>{L([])},[K]);const oe=ae.useMemo(()=>K.map(le=>R.jsx("div",{className:`${Rw["MetricList-wrapper"]} ${o?Rw["MetricList-wrapper-move"]:""}`,id:le.id,children:R.jsx(Uae,{metricItem:le,onMaximize:(fe,ce,pe)=>V({show:!0,metric:fe,rlsFilters:ce,appFilters:pe}),client:e,colors:n,globalFilters:t,param:d==null?void 0:d.find(fe=>fe.metricId===le.metricId),appFilters:b==null?void 0:b.find(fe=>fe.metricId===le.metricId),companyTenancyType:h,onArchive:a?fe=>$({id:fe,show:!0}):void 0,setCrossDashboardFilters:L,crossDashboardFilters:E,enableMultiMetricFilters:T,enableDownloadCsv:M,onDownloadRawCsv:_?fe=>N({show:!0,metric:le,filterValues:fe}):void 0})},le.id)),[K,h,e,n,d,t,o,a,E,M,_,T,b]);return R.jsx(R.Fragment,{children:K.length&&ne.length?R.jsxs(R.Fragment,{children:[R.jsxs("div",{className:Rw["MetricList-container"],id:"metric-list-container",children:[z.isShow&&R.jsx(hUe,{isLoading:Z,onCancel:()=>P(le=>({...le,isShow:!1})),onSave:async()=>{await U(z.layout,!0),await U(z.layout,!0),P(le=>({...le,isShow:!1}))}}),R.jsx(TUe,{layouts:{lg:ne},onResizeStop:o?te:void 0,onDragStop:o?te:void 0,isDraggable:o,isDroppable:o,isResizable:o,rowHeight:30,breakpoints:u??{lg:1200,md:996,sm:768,xs:480,xxs:0},cols:c??{lg:12,md:12,sm:12,xs:4,xxs:2},children:oe})]}),a?R.jsx(sUe,{isLoading:J,isOpen:A.show,onArchive:G,onClose:()=>$({id:"",show:!1})}):null,R.jsx(BD,{children:F.show&&F.metric&&R.jsx(Gae,{metric:F.metric,rlsFilters:F.rlsFilters,appFilters:F.appFilters,colors:n,externalDashboardId:g,userProvidedDashboardId:p,tenancyLevel:h,isAllowedToUpdateMetrics:i,clientId:e,companyId:r,onMinimize:()=>V({show:!1,metric:void 0}),isShowChartConfigTab:!1,isHideChartSettings:S,isHideTablePreview:x,sharingSettingsId:y})}),_&&R.jsx(xL,{metricItem:O.metric,isShowRawCsvModal:O.show,onCloseModal:()=>N({show:!1,metric:void 0,filterValues:void 0}),companyTenancyType:h,filterValues:O.filterValues,client:e,sharingSettingsId:y})]}):R.jsx(R.Fragment,{children:l?R.jsx("div",{className:Rw["alt-container"],children:R.jsx(pg,{style:{width:"50px",height:"50px",color:"blue"}})}):R.jsx("div",{className:Rw["noMetric-container"],children:R.jsx("div",{className:Rw["noMetric-wrapper"],children:R.jsx(Mt,{variant:"h2",styleClass:"primary",children:"No metrics created yet"})})})})})},Kit={container:"_container_1vvim_1",table:"_table_1vvim_9",tableHead:"_tableHead_1vvim_17",tableRow:"_tableRow_1vvim_25",tableHeadCol:"_tableHeadCol_1vvim_33",tableHeadColText:"_tableHeadColText_1vvim_41",tableRowCol:"_tableRowCol_1vvim_49",tableColText:"_tableColText_1vvim_57",empty:"_empty_1vvim_65",error:"_error_1vvim_73"},AUe={loader:"_loader_nt4qb_1"},EUe=()=>R.jsx("div",{className:AUe.loader,children:R.jsx(pg,{style:{width:"50px",height:"50px",color:"blue"}})}),IUe={scheduleEmailButton:"_scheduleEmailButton_tkx3p_1"},xu={"form-wrapper":"_form-wrapper_1wu5s_1","form-primary-text":"_form-primary-text_1wu5s_5","week-days-container":"_week-days-container_1wu5s_9","main-label":"_main-label_1wu5s_12","time-element":"_time-element_1wu5s_16","schedule-time":"_schedule-time_1wu5s_19","cancel-btn":"_cancel-btn_1wu5s_23","delete-btn":"_delete-btn_1wu5s_26","field-width":"_field-width_1wu5s_29","timezone-field":"_timezone-field_1wu5s_33","success-text":"_success-text_1wu5s_37"},NUe=(n,t)=>{const e=t.getTimezoneOffset()*-1;return new Date(t.toLocaleString("en-US",{timeZone:n})).getTimezoneOffset()*-1-e},LUe=n=>{const t=new Date;let e=null;switch(n.frequency){case"Daily":e=new Date(t),e.setDate(t.getDate()+1);break;case"Weekly":{const r=Object.keys(n.weekDays).filter(a=>n.weekDays[a]);let i=null;r.forEach(a=>{const s=(nU.findIndex(u=>u.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 r=n.date.map(a=>parseInt(a.value,10));let i=null;r.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(n.hours,10),0,0,0),n.time==="PM"?e.setHours(parseInt(n.hours,10)+12):n.time==="AM"&&n.hours==="12"&&e.setHours(0);const r=NUe(n.timezone,e);e.setTime(e.getTime()+r*6e4)}return e},kUe=({onCancel:n})=>{var P;const{register:t,handleSubmit:e,watch:r,control:i,setValue:a,getValues:o,reset:s}=gD(),{data:l,token:u}=CD(),{data:c,isLoading:f}=fde(u),d=ae.useMemo(()=>{var F,V;if((F=c==null?void 0:c.scheduleEmailReports)!=null&&F.length)return(V=c==null?void 0:c.scheduleEmailReports)==null?void 0:V[0]},[c]);ae.useEffect(()=>{d?s({...d.timeConfigurations}):(a("time","PM"),a("timezone","Asia/Kolkata"),a("frequency","Monthly"))},[d]);const[h,p]=ae.useState(!1),[g,y]=ae.useState(""),[b,S]=ae.useState(!1),[x,M]=ae.useState(!1),_="",T=((P=l==null?void 0:l.externalDashboardMetrics)==null?void 0:P.map(F=>({value:F.externalMetric.id,label:F.externalMetric.name})))||[],E=Jfe(),L=Kfe(),O=(F,V)=>F.charts.length===0?(y("please select at least one chart to share"),p(!1),S(!1),!1):F.emails.length===0?(y("please add at least one email address"),p(!1),S(!1),!1):V?!0:(y("invalid time configurations"),p(!1),S(!1),!1),N=F=>{var fe,ce;y(""),p(!0),S(!1);const{subject:V,emails:U,frequency:Y,weekDays:Z,date:G,hours:J,time:te,timezone:K}=F,ne=LUe({date:G,frequency:Y,hours:J,time:te,timezone:K,weekDays:Z});if(!O(F,ne))return;const le=(fe=F.charts)==null?void 0:fe.map(pe=>({externalMetricId:pe}));d?L.mutate({id:d.id,token:u},{onSuccess(pe){var xe,De;(xe=pe==null?void 0:pe.delete_scheduleEmailReports_by_pk)!=null&&xe.id?E.mutate({data:{emails:U,externalDashboardId:(De=l==null?void 0:l.externalDashboard)==null?void 0:De.id,data:le,guestToken:u,nextScheduledAt:ne,sharingSettingsId:l==null?void 0:l.sharingSettingsId,subject:V,timeConfigurations:F},token:u},{onSuccess(Se){var Be;(Be=Se==null?void 0:Se.insert_scheduleEmailReports_one)!=null&&Be.id?(y(""),p(!1),S(!0),n()):(y(xc),p(!1),S(!1))},onError(){y(xc),p(!1),S(!1)}}):(y(xc),p(!1),S(!1))},onError(){y(xc),p(!1),S(!1)}}):E.mutate({data:{emails:U,externalDashboardId:(ce=l==null?void 0:l.externalDashboard)==null?void 0:ce.id,data:le,guestToken:u,nextScheduledAt:ne,sharingSettingsId:l==null?void 0:l.sharingSettingsId,subject:V,timeConfigurations:F},token:u},{onSuccess(pe){var xe;(xe=pe==null?void 0:pe.insert_scheduleEmailReports_one)!=null&&xe.id?(y(""),p(!1),S(!0),n()):(y(xc),p(!1),S(!1))},onError(){y(xc),p(!1),S(!1)}})},A=()=>{y(""),p(!0),M(!1),S(!1),L.mutate({id:d==null?void 0:d.id,token:u},{onSuccess(F){var V;(V=F==null?void 0:F.delete_scheduleEmailReports_by_pk)!=null&&V.id?(y(""),p(!1),M(!0),s({subject:"",emails:[],charts:[]}),n()):(y(xc),p(!1),M(!1))},onError(){y(xc),p(!1),M(!1)}})},$=e(N),z=e(A);return{register:t,handleSubmit:e,watch:r,control:i,setValue:a,getValues:o,reset:s,dashboardName:_,chartOptions:T,onSave:$,isLoading:h,isSuccess:b,error:g,isLoadingData:f,scheduleReportConfig:d,onDelete:z,isDeleted:x}},RUe=({onCancel:n})=>{var g;const{control:t,getValues:e,register:r,setValue:i,watch:a,dashboardName:o,chartOptions:s,onSave:l,isLoading:u,error:c,isSuccess:f,scheduleReportConfig:d,onDelete:h,isDeleted:p}=kUe({onCancel:n});return R.jsxs("form",{className:xu["form-container"],onSubmit:l,children:[R.jsxs("div",{className:xu["form-wrapper"],children:[R.jsxs(Mt,{variant:"p",styleClass:"font-14",className:xu["form-primary-text"],children:["Schedule an email report for Dashboard:",R.jsx(Mt,{variant:"span",styleClass:"primary",children:o})]}),R.jsx(At,{label:"Subject Line",placeholder:"Weekly Report - Sales Overview 2023",register:r("subject",Pw)}),R.jsx(jae,{control:t,type:"text",label:"Send to",placeholder:"Enter email addresses",onChangeTags:y=>i("emails",y),defaultTagValue:(g=d==null?void 0:d.timeConfigurations)==null?void 0:g.emails}),R.jsx(Bde,{control:t,name:"charts",options:s,label:"Charts to Attach",defaultValue:[]}),R.jsx(g2,{label:"Frequency of emails",options:yde,control:t,name:"frequency",defaultValue:"Monthly"}),a().frequency!=="Monthly"?R.jsx("div",{className:xu["week-days-container"],children:nU.map(y=>R.jsx(At,{label:y.label,type:"checkbox",register:r(`weekDays.${y.value}`),isDisabled:a().frequency==="Daily"},y.value))}):R.jsx("div",{children:R.jsx(Yb,{label:"Choose Dates",selectedOptions:e().date||[],options:mde,onChange:y=>i("date",y)})}),R.jsxs("div",{className:xu["schedule-time"],children:[R.jsx(Mt,{variant:"span",styleClass:"custom",className:xu["main-label"],children:"Scheduled Time"}),R.jsxs("div",{className:xu["time-element"],children:[R.jsx(At,{type:"number",className:xu["field-width"],min:0,max:11,register:r("hours",Pw),defaultValue:5}),R.jsx(g2,{options:gde,control:t,name:"time",className:xu["timezone-field"],defaultValue:"PM"}),R.jsx(g2,{options:vde,control:t,name:"timezone",className:xu["timezone-field"],defaultValue:"IST"})]})]}),c&&R.jsx(jD,{message:c}),f&&R.jsx(Mt,{variant:"p",styleClass:"font-14b",className:xu["success-text"],children:"Scheduled successfully!"}),p&&R.jsx(Mt,{variant:"p",styleClass:"font-14b",className:xu["success-text"],children:"Deleted successfully!"})]}),R.jsxs(R_,{children:[d?R.jsx(Vt,{type:"reset",variant:"reject",className:xu["delete-btn"],size:"default",onClick:()=>{h()},isDisabled:u,children:"Delete"}):R.jsx(Vt,{type:"reset",variant:"secondary",className:xu["cancel-btn"],size:"default",onClick:()=>n(),isDisabled:u,children:"Cancel"}),R.jsx(Vt,{variant:"primary",type:"submit",size:"default",isDisabled:u,children:d?"Update":"Save"})]})]})},OUe=n=>R.jsx("svg",{viewBox:"0 0 2048 2048",width:"1.2em",height:"1.2em",...n,children:R.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"})}),PUe=()=>{const[n,t]=ae.useState(!1);return R.jsxs("div",{children:[R.jsx(Vt,{variant:"custom",type:"button",onClick:()=>t(!0),title:"email-sharing",className:IUe.scheduleEmailButton,children:R.jsx(OUe,{})}),R.jsx(Xh,{isOpen:n,onClose:()=>t(!1),headerTitle:"Schedule Email",children:R.jsx(RUe,{onCancel:()=>t(!1)})})]})},$Ue=Le.memo(({options:n,theme:t})=>{var f,d,h,p;const{data:e,isLoading:r,error:i}=CD(),[a,o]=ae.useState(!1),[s,l]=ae.useState({tableName:"",filters:[]}),u=ae.useMemo(()=>{var y,b,S,x;return(x=(S=(b=(y=e==null?void 0:e.adminTheme)==null?void 0:y.chart)==null?void 0:b.palettes)==null?void 0:S.find(M=>{var _,T;return M.name===((T=(_=e==null?void 0:e.adminTheme)==null?void 0:_.chart)==null?void 0:T.selected)}))==null?void 0:x.colors},[e==null?void 0:e.adminTheme]),c=ae.useMemo(()=>{var g,y,b;return(e==null?void 0:e.companyTenancyType)==="DATABASE"?((y=(g=e==null?void 0:e.externalDashboard)==null?void 0:g.filters)==null?void 0:y.map(S=>{var x;return{...S,tableName:`${e==null?void 0:e.clientId}.${(x=S.tableName.split(/\.(?=[^.]*$)/))==null?void 0:x[1]}`}}))||[]:((b=e==null?void 0:e.externalDashboard)==null?void 0:b.filters)||[]},[(f=e==null?void 0:e.externalDashboard)==null?void 0:f.filters,e==null?void 0:e.companyTenancyType,e==null?void 0:e.clientId]);return R.jsx(R.Fragment,{children:R.jsxs("div",{className:`${$m["embedDashboard-container"]} dbn-dashboard`,children:[((d=e==null?void 0:e.externalDashboard)==null?void 0:d.id)&&!r&&R.jsxs(R.Fragment,{children:[R.jsxs("div",{className:$m["embedDashboard-header"],children:[R.jsx(Mt,{variant:"h1",styleClass:"custom",className:$m.dashboardName,children:e.externalDashboard.name||"Dashboard"}),R.jsxs("div",{className:$m["embedDashboard-header-buttons"],children:[e.sharingSettingsId&&R.jsx(PUe,{}),!(n!=null&&n.disableMetricCreation)&&e.isAllowedToCreateMetrics&&R.jsxs(R.Fragment,{children:[R.jsx(Vt,{type:"button",variant:"primary",size:"large",onClick:()=>o(!0),children:"Create Metric"}),R.jsx(bVe,{clientId:e.clientId,companyId:e.companyId,isLiveMode:!1,externalDashboardId:e.externalDashboard.id,chartColors:u??(n==null?void 0:n.chartColors),isShowMetricCreateModal:a,setShowMetricCreateModal:o,workspaceId:(h=e.workspace)==null?void 0:h.id,userProvidedDashboardId:e.externalDashboard.externalDashboardId})]})]})]}),R.jsxs("div",{className:$m["embedDashboard-wrapper"],children:[e.externalDashboard.filters.length?R.jsx(DBe,{filters:c,onApply:g=>{l(g)}}):null,R.jsx(DUe,{client:e.clientId,companyId:e.companyId,externalDashboardId:e.externalDashboard.externalDashboardId,externalDashboardPk:e.externalDashboard.id,adminLayout:e.externalDashboard.layout,isAllowedToDeleteMetrics:!(n!=null&&n.disableMetricDeletion)&&e.isAllowedToDeleteMetrics,isAllowedToUpdateMetrics:!(n!=null&&n.disableMetricUpdation)&&e.isAllowedToUpdateMetrics,isAllowedToChangeLayout:!(n!=null&&n.disableLayoutCustomization)&&e.isAllowedToChangeLayout,externalDashboardMetrics:e.externalDashboardMetrics,isMetricListLoading:r,globalFilters:s,breakpoint:t==null?void 0:t.breakpoint,layoutCols:t==null?void 0:t.metricLayoutCols,chartColors:u??(n==null?void 0:n.chartColors),params:Array.isArray(e.rlsSettings)?e.rlsSettings:[],companyTenancyType:e.companyTenancyType,sharingSettingsId:e.sharingSettingsId,appFilters:e.appFilters,isHideChartSettings:n==null?void 0:n.isHideChartSettings,isHideTablePreview:n==null?void 0:n.isHideTablePreview,enableDownloadCsv:n==null?void 0:n.enableDownloadCsv,enableEmailCsv:n==null?void 0:n.enableEmailCsv,enableMultiMetricFilters:n==null?void 0:n.enableMultiMetricFilters})]})]}),r&&R.jsx("div",{className:$m["alt-container"],children:R.jsx(pg,{style:{width:"50px",height:"50px",color:"blue"}})}),!r&&!((p=e==null?void 0:e.externalDashboard)!=null&&p.id)&&R.jsx("div",{className:$m["alt-container"],children:i||"Invalid token or Dashboard id"})]})})}),jUe=({token:n,dashboardId:t})=>{const[e,r]=ae.useState(!1),{data:i,isLoading:a,isError:o}=ude({token:n,dashboardId:t}),{externalDashboard:s,externalDashboardMetrics:l,adminTheme:u,workspace:c,companyId:f,clientId:d,isAllowedToChangeLayout:h,isAllowedToCreateMetrics:p,isAllowedToDeleteMetrics:g,isAllowedToUpdateMetrics:y,sharingSettingsId:b,rlsSettings:S,appFilters:x,companyTenancyType:M,error:_,clientSubsetData:T}=ae.useMemo(()=>{var L;const E=i;return{externalDashboardMetrics:(E==null?void 0:E.externalMetrics)||[],externalDashboard:E==null?void 0:E.externalDashboard,adminTheme:E==null?void 0:E.adminTheme,sharingSettingsId:(E==null?void 0:E.sharingSettingsId)||"",companyTenancyType:(E==null?void 0:E.companyTenancyType)||"TABLE",companyId:(E==null?void 0:E.companyId)||"",clientId:(E==null?void 0:E.clientId)||"",isAllowedToCreateMetrics:(E==null?void 0:E.isAllowedToCreateMetrics)||!1,isAllowedToUpdateMetrics:(E==null?void 0:E.isAllowedToUpdateMetrics)||!1,isAllowedToDeleteMetrics:(E==null?void 0:E.isAllowedToDeleteMetrics)||!1,isAllowedToChangeLayout:(E==null?void 0:E.isAllowedToChangeLayout)||!1,workspace:E==null?void 0:E.workspace,rlsSettings:E==null?void 0:E.rlsSettings,error:(L=E==null?void 0:E.error)==null?void 0:L.message,appFilters:E==null?void 0:E.appFilters,clientSubsetData:E==null?void 0:E.clientSubsetData}},[i]);return ae.useEffect(()=>{a&&r(!0),!a&&(o||l.length||s||_)&&r(!1)},[o,l,a,s,_]),QW(u),{isLoading:a||e,error:_,data:{externalDashboard:s,externalDashboardMetrics:l,isAllowedToChangeLayout:h,isAllowedToCreateMetrics:p,isAllowedToDeleteMetrics:g,isAllowedToUpdateMetrics:y,companyId:f,clientId:d,workspace:c,rlsSettings:S,appFilters:x,sharingSettingsId:b,adminTheme:u,companyTenancyType:M,clientSubsetData:T}}},zUe=({token:n,dashboardId:t,children:e})=>{const{data:r,isLoading:i,error:a}=jUe({token:n,dashboardId:t}),o=ae.useMemo(()=>({data:r,isLoading:i,token:n,error:a}),[r,i,n,a]);return R.jsx(TW.Provider,{value:o,children:e})},nat="",rat="",FUe=zR(({token:n,options:t,theme:e,dashboardId:r,isHideChartSettings:i,isHideTablePreview:a,enableDownloadCsv:o,enableEmailCsv:s,enableMultiMetricFilters:l})=>{const u=ae.useId(),[c,f]=ae.useState("");return ae.useEffect(()=>{const d=document.querySelector("#dbn-styles");d&&f(d.innerHTML)},[]),R.jsxs(R.Fragment,{children:[R.jsx("style",{id:`dbn-dashboard-${u}-style`,children:c}),R.jsx(sne,{theme:e,children:R.jsx(zUe,{token:n,dashboardId:r,children:R.jsx($Ue,{options:{...t,isHideChartSettings:i,isHideTablePreview:a,enableDownloadCsv:o,enableEmailCsv:s,enableMultiMetricFilters:l},theme:e})})})]})},{props:{token:"string",dashboardId:"string",options:"json",theme:"json",isHideChartSettings:"boolean",isHideTablePreview:"boolean",enableDownloadCsv:"boolean",enableEmailCsv:"boolean",enableMultiMetricFilters:"boolean"},shadow:"open"});customElements.get("dbn-dashboard")||customElements.define("dbn-dashboard",FUe);const BUe=zR(uje,{props:{token:"string",metricId:"string",theme:"json",chartRendererType:"string",chartColors:"json",height:"number",width:"number",className:"string",style:"json",variant:"string",onMinimize:"function",isHideChartSettings:"boolean",isHideTablePreview:"boolean",metricFilterOptions:"string",enableDownloadCsv:"boolean",enableEmailCsv:"boolean",enableMultiMetricFilters:"boolean"},shadow:"open"});customElements.get("dbn-metric")||customElements.define("dbn-metric",BUe);const VUe=zR(cw,{props:{chartOptions:"json",data:"json",events:"json",config:"json",className:"string",colors:"json"},shadow:"open"});customElements.get("dbn-chart")||customElements.define("dbn-chart",VUe),zb.Chart=cw,Object.defineProperty(zb,Symbol.toStringTag,{value:"Module"})});
+            the save button to save the changes to the layout.`,children:[R.jsx(Vt,{variant:"secondary",type:"button",size:"small",className:dUe.alertCancel,onClick:n,children:"Cancel"}),R.jsx(Vt,{variant:"primary",type:"button",size:"small",className:"disabled:dbn-opacity-40 disabled:dbn-cursor-not-allowed",onClick:t,isDisabled:e,children:"Save"})]})}),ort={fullscreen:"_fullscreen_tr2vo_1"},Mr={cardContainer:"_cardContainer_1wmk5_1",morePopup:"_morePopup_1wmk5_9",features:"_features_1wmk5_17",listHeader:"_listHeader_1wmk5_25",metricName:"_metricName_1wmk5_33",metricTitle:"_metricTitle_1wmk5_41",metricDescription:"_metricDescription_1wmk5_49",popup:"_popup_1wmk5_57",metricFilter:"_metricFilter_1wmk5_65",popupIcon:"_popupIcon_1wmk5_73",popupMenu:"_popupMenu_1wmk5_81",popupItem:"_popupItem_1wmk5_89",popupItemIcon:"_popupItemIcon_1wmk5_97",csvBtn:"_csvBtn_1wmk5_105",deleteBtn:"_deleteBtn_1wmk5_113",metricData:"_metricData_1wmk5_121",metricTable:"_metricTable_1wmk5_129",chart:"_chart_1wmk5_135",singleValueData:"_singleValueData_1wmk5_143",singleValue:"_singleValue_1wmk5_143",noData:"_noData_1wmk5_159",noDataContent:"_noDataContent_1wmk5_167",noDataText:"_noDataText_1wmk5_181",singleChartText:"_singleChartText_1wmk5_189",loading:"_loading_1wmk5_197",fullscreen:"_fullscreen_1wmk5_213",dynamicGroupContainer:"_dynamicGroupContainer_1wmk5_221",topLeft:"_topLeft_1wmk5_227",topRight:"_topRight_1wmk5_233",filterTopLeft:"_filterTopLeft_1wmk5_239",filterToRight:"_filterToRight_1wmk5_247",padding:"_padding_1wmk5_253",metricFilterDropDowns:"_metricFilterDropDowns_1wmk5_261",metricFilters:"_metricFilters_1wmk5_269",tableMetricFilters:"_tableMetricFilters_1wmk5_275"},zae="data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iNTYiIGhlaWdodD0iNDYiIHZpZXdCb3g9IjAgMCA1NiA0NiIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayI+CjxyZWN0IHdpZHRoPSI1NiIgaGVpZ2h0PSI0NiIgZmlsbD0idXJsKCNwYXR0ZXJuMCkiLz4KPGRlZnM+CjxwYXR0ZXJuIGlkPSJwYXR0ZXJuMCIgcGF0dGVybkNvbnRlbnRVbml0cz0ib2JqZWN0Qm91bmRpbmdCb3giIHdpZHRoPSIxIiBoZWlnaHQ9IjEiPgo8dXNlIHhsaW5rOmhyZWY9IiNpbWFnZTBfNjVfNDMiIHRyYW5zZm9ybT0ibWF0cml4KDAuMDA1NDM0NzggMCAwIDAuMDA2NjE2MjYgMCAtMC4wMDI4MzU1NCkiLz4KPC9wYXR0ZXJuPgo8aW1hZ2UgaWQ9ImltYWdlMF82NV80MyIgd2lkdGg9IjE4NCIgaGVpZ2h0PSIxNTIiIHhsaW5rOmhyZWY9ImRhdGE6aW1hZ2UvcG5nO2Jhc2U2NCxpVkJPUncwS0dnb0FBQUFOU1VoRVVnQUFBTGdBQUFDWUNBWUFBQUJYbnlQeEFBQVIwVWxFUVZSNFh1MWRDM2hOVnhZTzhuN0lRNFE4cm5oRWtGU2lGU2sxUkJpdGtLbFhHT281WmJUalUvV1YxbFRUK1JoRk5hS3RSMHRKSmw2bDFCaFVtcEpRN3lCb05DRmVJVVJDRWttSlBHOHdhNmZpdTlKRTlqNzNublAzMlhlZGZ2ZlRKR3Z2dmRhLy9ydk8ybXZ2czA4ak03d1FBUVVROFBmM2QrejJTc2p3VjNyMENHdWo4ZkJ4OS9EMGNuUnU1bHA3NklLQ3UzZHpjN0t2WDdsMDRkemhJOGYyYk51NmVicys2alhTcHpHMlJRU2VoNENiV3d2SGlORmozeDRhUG5CSVIvK0FRSkMxa1lDWTlzRCtwSVRkdTNadUE3SnZZRzJQQkdkRkRPVWJSR0RBZ0FHdnZ6RjI0cFRRdnYwR2dyREJPRlpXWGxHK1kvdlc5VEZydjRtNmRESGpTb09LR0hKd21zRlFSbXdFMnJiejBheGV0ZnA3aU5iQmNsdTY0L3N0c2RPbnZ6T3BvWEVhTnlTQWYwY0VhQkNZK3U3TUR3NGVQbjVGQ1hJVGZZWkdqSHJ6K0puMDY3MTc5dzU1bm40R3UzM1FnSUF5NGlIZzd1SGhIQk83UHI1elFHQjNZMW0zTGk1MlplU2MyZFBxR2g4SmJpeXZDREF1cENSZTIzZjhjTVRWdFptM3NjMkJpZWpPOFdOSERhbXRCNllveHZhTVNzZUhDb2s5a1Bzb0QrUW1FTUtFZHZDeVpjdmprT0FxSlJSdmFzZXQzN1FYeU4yS0o3MGdMNTh3YWRLa3FibzZZUVRueVVNcTBTVXlNbkkrNU53OWVGUjM3dnhQbDhDaWtuK05icGlEOCtnbGpuVUM3blNLVDlpZjFyaEpZMjZEWTBiNnVaVCsvZnQxSXpCeXF5VEhQalpwMVdaLytQRm5QSk9iT0FkS2xVRkRoZ3dialFRM2FhcXlHdzlWazlZd21RdGpiNmw4aThtVEo3MkRCRmNlZDFXUE9IakkwREZnUUJNMUdCSDRVdkJMVU9teHdCUkZEZDdpUk1mKy9WOGJ6SWtxTkdwWWhZV0ZqVWFDMDBDRk10VUkrUHQzZnRFWVVGaVlOekd6dEdDL2NmaTlFTkRMM0JnSzQ1anFROEMzUThjT01MbGs1b3V0alpWWmFWbEZuUVo3dWY5aE83aFpkbTdCTTdLT0RyWm1EdmEyVDMrWFYxQmtWcWw5U0FWZzU4NEJmVEdDVTBHRlFoQkZMVmxSSUZIWHhjbkJqSkJjeWtYYTY1S2I5T0htNmt6ZFZTdU5WMXNrT0RWY3BpMEllN0ZMQVlISExDalVrSkdRWE1wbFl5M3RpMUV6bHFXTlBkYkJwUUJ2aW0yeXMyOWVZeUU0U1MxMHI5by8wMkNvcmFKTFJlcnI2OTdkM0hzWXdXbVFSaG16eW9xS1J4REY2MDZtNjhDbmRtcEJmaWFUUlphTDVPN2w1WlhQTkNuOHJaaTZpd3NYcnlZelR4cW9lMGRCNFJCSVBuWWtDUlo2d21rTXF6MVpyS3NOalV4QjBmMm5GWlRIa0NDeFJQVWJON0xTTVlMVGVBdGxxaEU0ZUdEZkhtTkFRYW9tNU1OQ2J0Q3pjbi9TdnAyNDJjb1lIbFBwbVBEMGp0dkpsTlFib0w1K3N6OEY3SWZqSjI2OEdORFJHeU80QW1DTE1rUnVUazRlUE95N1VRMzJySWxaczVyb2lSRmNEZDdpU0VlSTRzMlRUNXk5QllzK0ZoeXA5WXdxRUwxeklYcDdrRjlpQk9mVlM1enFCVkU4LzRzdmxzemxWTDFxdFJaK011L0RHdjB3Z3ZQc0tZNTFpMDlJUEc3TUorbnJnMmJEaHJoVmMyYS8vdzhrT01ma1VZTnFRVUhCUVR0MjdUbkpVNXI3WTBMQzdpbHZqbnRkRno5TVVkVEFKZzUxOVBmMzY4d1R1ZUhZaUwyMXlZMDVPSWZFVVl0Sy9mb1A0R1Z2K09Odk4yMVlEV2VpdkZZWGRpYVJnNVBicWEydE5ka2NVZGRtSWFZTlJFWW1vRDY2MXZpYS9Oc29LeXZyT254SVRadjVzclN5c2txN2NEVWZOa05KMjBYRlBHTGREV0RyUU1tQ2VaRXoxcTJMVzF0ZmwwSXYxVStZTUhITThoVXJWMXVZbTlzWkNGT2h1a2xMTzVjYUVSRXhFSWlldzJMWXdMQkJmd0Z5UDd1YmlxVUQvV1VySU4vKzRkTUY4MlpuWHIxeTlYbmRDWnVEanhnNU9tTFZxdFZ4U083NjNmL0NDd0dCZStKL1NtTGxXOSsrb1NRZCtBTjNvUDZjdHpUNnN6bVJINzQvT2Z0MlhqWnJ2eFR5ajM4OWwzcDY2T3VEL2dUNWRrUkQ1Q2I5Q1p1aVhNck16dGE0Ti9la0FNM2tSZVpFUnY3ejgraW94YlJBcEtWbkZNSGJHWnhBWGd1ZlJ6REJTL3gyWTl6cUJLaGk2UFlCUnplTUdCWXhjZ3hzMEhvVmZpL2w4SHZTWFJYNTR1ejlLWDdYdHUrMi9DY2w1U1NwM0ZCZlFoTGMyOXZiTXlQajBrMlJ2OERVSHFZUVRFcEsvRGs4ZkZBb2hXaTF5TEZqeDFKczdGMDA2OWZGZkxsbDg2WTFaUEdub2Jad1IzMGpxRnUzVjl5OWZYdzZkL1R0QXNlK2tlZlZ5RjFBbDRPUGdNeEY4QXFUcTcra25qMTU5dlNaRTZkUG56b0trWnJzUlpkMENVbHdjdnBTU3NxWnRDY0FTZ0xHbEJvZE9YSWtHVTZDVXZ3b05sajJiK0hpN094cVkyTm5tNTkvSnhmbUFnWlBhMFNkWkpKcWd6NFZCMVBpTjdIMWtURU1oc2gvaDN6a0hGdlVTU2FTbTQwMVF0N0pDUVFpRXh4SnprWnlJYVZGSmJpUXprS2oyQkVRTlFkblJrSmJWY1g2U0JUekdFbzFJQS8zUXYxZnFlRzRIZ2RSQVBmY0t5NFJodHcxYkNPSDdkanFlYTRJMTh5bFZNN2tVeFNSSXJldXo3WGFLa29LVklzSk8xOHhlWUt6c0VCTnNveFBvS3ZKTkNaZGtlQk1jS0d3MmhCQWdxdk5ZL0xvaTNWd2VYREZYaEVCZVJFUU9ZSUxHNVhrcFlSWXZZdE1jTEU4aGRaSVFnQUpMZ2syYktRV0JFUW1PS1lvYW1HaGpIcUtUSEFaWVJPdWEyR0RBUkpjT0s2aVFib0lJTUdSRDBJamdBUVgycjFvbktnRXJ6N2NCdDJMQ0loS2NQUXNJbENOQUJJY2lTQTBBa2h3b2QxTGJaeXc2UndTbkpvREtLaEdCSkRnYXZRYTZreU5BQktjR2lvVVZDTUNTSEExZWcxMXBrWkFaSUlMTzNHaTlpNEtZcGtRT1NBMkFpSkhjTEU5aDlaUklZQUVwNElKaGRTS0FCSmNyWjVEdmFrUUVKbmdWS2MxaVhxR242VkZFeW9DaUM2RVp4T0NoeDBkYk1VN214RFBKYXorN29wS2NLWVNJWW5pb2taeXlnak5oQmRsbjF5SW1YeUt3b1VYVUFuWkVCQ1o0TEtCaGgyckJ3RWt1SHA4aFpwS1FBQUpMZ0UwQVp0Z0RxNHlwK0l6bVNwem1GenFZZ1NYQzFsMTlZc1JYRjMrd2lmcVZlWXYyZFFWTllKVHJXTEtocXI2T2hZV0w1RUpMcXpURFAzOXNiT0RWN0lKZWdtNWt1bm5IOUFWL01YMDVTMHRyeERHeGF6dnlkUzBidDlCR09OckdTSWN3YjI5dlRWdnZUdnIzeXdPTS9YM1pNTEdMS3VGMGN0V3o1azUvUzBXM05RZ3l4VGxlRGZJMHNxcXlmeW81ZC9iMlZoNzBlcUs3OG44SGFuZzdqMy9Pdkh2VTkranhVMHRja0lSZk83Q3FJMGVucDdCQUw0bHJRTk1mSk9WTGt5T1l5ZE9pdXpkdTNjL1d1elVJQ2NNd2FlK08zTUJSS0ZSVWtBbjIyVkZ1a2dPN3VoZ0o4VWs1Mzh0K254TDIzWSs3YVUwNXJHTkVBWCtBUU1HUk16NmVNRm1BTGg2VGdFcGlsbVhUajQ4NHMybFR2Y2ZsSmo5ZXVuYVU5MXlidDFLbnp4dVJGQmxSVVU1bHdvektLWDZDTzdib1dNZ2tIdE5EYmtaYkVmUmVoQ0FOTTkveGRkckUwVUFTTlVFZDNOcjRiVXdlc1V1Y0lTVENNN2d5WWEySGZ4NmZ2RFJ2RlU4NlNSRkY5VVNIQ29tMXA5OHVtU0hrN056S3ltR1k1dUdFWGgxWVBqRUVTTkhxN3AwcUZxQ3o1ZzE1eXVJTWtFTnV3a2w5RURBQ3RZVUZ2bjcrNytrUng5R2JhcEtnaytZTVBGOWlDNS9NeXB5cGpPNDg3ekZYMjZIZE5CZGpTYXJqdUJCUWNGOXgwMTVoMm1sVW8yTzRVbG5TQU5iUXpxNGxhU0ZQT2xGbzR1cXlvU3dETjhoZW1YTVFRQzh4Zk9NWXkwVGt0WE0wakp4OXFJMEFxODJ0YWV2ZzljdUU5YUg3Y25rbzl0aE9UK0NobGk4eUtpRzRDUjZyTjJ3TFIxS1dHMGJBbytWNEFWRjl4dnFVblYvSndmLzBKS2NsdUFBd3VPTmNURWZ4YTM1YXBGYUFGRk5pZ0xMOE50b3lNMEtQSW5lSWw2VjJvZHltTlVJbHZQbndITCthM0owTGtlZnFpQTRMTU5Id1RKOHVCd0FpTG9YeFZhK0xkNzJzSnkvSHBiemZlWHdoNkg3NUg2N0xDekRqeG8yOG8wWmhqWmN0eit5RjZVTTlvTS9GdVFSQ1FzTGN6TmJlWTl1YzV1N2FPbG1XTTd2RHN2NVdqbDlvMi9mWE9mZ1pCbitxOWhOaDhGSUJ4WkRXWE53bHI1RmxHWEl3WFhOcjhxOGVQN0FsRGZIdmNvekp0eW1LRkIzOVh5eURNOUVicDdCRmt3M2MxaG82d0hMK1V0NHRvdExna1BGeEFycXJodHhHWjVuNmxUclpna0xibU9HREJrbWFadXlFdFp4bWFJc2pscTZidWp3a2VQMUFhQ3BQZDBlYjVLdnNqN0RxSTllU3JVbHo1aFdRWVdJWmw2aHJYcFlQUWZSNHlyeWJldmxva2Q3MlpweU9jbDBidGJjdzBiUFNSSnhHczFWSTBkSVRpb1BhcStxRUdKTFdiVFNFMjhIdU9zMmhnbm5JeHJNbFpUaE1rVUJBQlF2VGhPaTN5c3VWUko3ZzQ4bGxkd0dVSVJVVXJpc1FmRktjQU5nTHEwTFVsRlE2eVVsY2h2STFpWVF2WkhnREdBYWJXNGcwd29nZytuU1JJMjhJc3Z0QzRFd2drdmpFM2V0YU9jYzNDa3VzMEpJOERvQU5uSTBsTm5sc25UUFpYcENMT1dWNEVaTFVRZ29hb3lHV3EzaTgzTGRid29TWEphNElWT25SaVlMczFVY25NN0ZYWG13QmtSZUl6aXprdzNaZ0VSd3RWUlRDTGs1S0c5aUJEY2tBWlhvaTFSVGZqK1UwNmkzL3VlYXlnbTVpWTdjRXB6TGxVd2xDRXd6aHU3aUQxbnA1T2xTNHp6QkdQZ2h3U2xSUjBKUkFzV1pHT2JnbkRrRTFURXNBa2h3dytLSnZYR0dBSmNFTDMvd1d4Rm5PS0U2ejBlQTIwa21sd1MvbG5YaktqSUtFVEFFQWx3UzNCQ0dZUitJQUVHQVY0SWJkYWtlcWNHTUFMZis0cFhnekFoakEwU2dMZ1NRNE1nTFF5Q0FFZHdRS0dJZjNDS0FCR2QwRGJlQU1kcGhLdUxjWmdMY0ttWXF6QkRFVG00REVoSmNFSVlaMlF4dWVjU3RZa1oyR0E3UGhnQzNQT0pXTVRaOFVSb1JxQnNCWGduT2JVNkhSRklYQXJ3U25OdG4vTlRsWHRTV1Y0THpxaGN5Um1VSWNKTUtrTmR5aDRXRmplemF0V3RJcno3OXcxMWRteUhKVlVTbTFETW5UeVVuSHo5NjdIankvdjFKaWJ0NVVkMm9CQ2ZuZ1BjTkRSMDJjT0NnOFVGQlhVTUJGQ3NDVEZOSEZ6Tkg1MmE4WUlSNlVDQnc4L3BsY25LcEpYek1TMHJLOHVNVEV0YnRUWWpmbEo2ZS9ndEZjOWxFRkNjNGtOcXkrOHN2OTRNM2RZV0hoSVFPdDdPeitjTTdMNUhnc3ZsYnRvNkI0SFgxWFg0bDg4YUZnd2YyZlplWW1QamZyS3lzT29Wa1V3bzZWcFRnOE03em9HblRwczBQREF6c0IyTmIxR2NZRWx4T2w4dlRkejBFMXgyc2ZOdjJIY3RYcmxqMk1aeEVxOWRwK3l3V0tFSnc4cjZkNlRQZVc5eTNUNjlob0p4TlF3b2l3UnRDaUwrL1V4QzhXbWxJWDRxK1diUDJvMjFiTjMrdGhCV3lFeHpJN1JFYkczdkl4Y1c1SGExQkZoWVdaaTA5VzlPS281eVJFU0N2UHltNGZZTkpDNGptMFo5SFI4MWlhaVJCV1BaS3hZeVpzeGF5a0p2WW9OVnF6UjQ5eEZLNEJIOGFwVWxsMlFQbWNVY01Iem96S0NqNHo4d05HUnZJVHZBK3ZYb09aTlNwV3J6NFBqNVlMd1UzcGR1UVFGUldXaXhwMkY0aElZTWxOV1JvSkR2QkR4OU4zc3VnejFQUisvY0s5WDN6bDVSaHNRMGpBaVFRa1R1dWxPdjBxUk0vU21uSDBrWjJna2RITFg2dnNMRG9Jb3RTTmJJa3I5UHo5WFpTaHNVMkZBaVF5SDJ2Nks0WkNVUlNydmo0K0s4UEhUb1VMNlV0U3h2Wko1bEVHVzl2NzNiekZ5eisxcWR0cTJBVzVXcGtTVlhGMHNiZVRNOVgzVWtaR3R2VVFvQVFtMFJ0a3BaSWpOeVZNVEV4LzRMUFlpWEFWWVRnTllaTW1ERHhnN0ZqeDgyR3hSMFhKWXpETWZoQ0FCWjlMaTc3WXVuYktTa25mMVpLTTBVSlRvd2lOZkV4NDhiUDdCZmFad1JVVnp6aFY0cnJvQlM0T0U0MUFxV3BxYWsvNzl5NU16WWhJV0c3MHBnWWxWeFFKZ29sTStrblpDZEw5bndkd3EyME44UVpqNUQ2U0hMeWlSL2hXcGVYZDhkb0pUR2pFbHpYbjc0ZE9uYnAwYjE3ZjdLYkVEWmU5WWEvT1lqamIrRXRlUWlGaE51d20zQkhTa3BLRWtUcS8vRmlNVGNFcncwSVJQYytnWUdkZXdZR2RnbnAxTW12SytUdGpoamh1YUFOV1lHckJFSVhBcUYzcDZXZFR6NTc5dlErMkVoMWl3dnRhaW5CTGNGcmd3VVJQc0N2azE5UW0zYnQvSHg5Mm5iUmFGcDFoQnllVEZiSkZsdlp5NTA4T2s4Qm5VaUJ1d3dtaDVlemI5MjhjUFZTUnVybHk1ZC96Y2k0ZUFyU0RtbjFRUVdVMWgxQ05RU3ZEeGZZb2VpdjBXZzZlWHA2dG12VHpyZUxXMHVQOW0wMEhyNFE4VzB4NGxPeGlieGxxNHBFNU16TXpGUTR1dnA4WVVIK3JXdlhNczlEVkQ0SG4xeXFYamdWVWozQjY4TVY5cDFidC9meENXalIwdDFiNCtYVldxUHhhZ01WSEkyVFMzTVBGeWNIVjRqK3J0Q1diTmtsRTF0UjdnQWtmU0NIMFpNUCtmK0g1QU03K0dDRGFubHBUbDdoellMODIxbjVlWG0zc205bVg3dHorOVoxSUhBR2ZESTU1YWZlYWdsTGNCcGtnUEF0N1IwY25DRFRjYlcxdGJZM3Q3Q0UvOHl0cksxdGJSMGRtenFabXpleGFPcms0bVJuWTJVUHN1N1c5azZPSG00dXJlQzc0d0IzQ09zblk5VDNkZ09DYmMwWGgveExmcTdCbTVDdk5obEpQN3IrZUtaZmlMQjNDMzhyemk4cExpb291ditnc0xUNDNvUGMzTnpzcXFxSDJ0S3lpakl0YkxJdUx5OHRLUzBsbi9LU3NyS1NCNFZGUlhkeWMzSnUwMkFocW94SkUxeEpwOEljd2dGZVJWajlwWUEzdGxWY3VwaHhYOG54VFhXcy93TitOZlBuNVNzRld3QUFBQUJKUlU1RXJrSmdnZz09Ii8+CjwvZGVmcz4KPC9zdmc+Cg==",Fae=Le.memo(({isDataLength:n,isLoading:t,isSingleValue:e,dataDb:r,chartType:i})=>{const a=i==="singleValue";return R.jsxs(R.Fragment,{children:[!t&&!n?R.jsx("div",{className:Mr.noData,children:R.jsxs("div",{className:Mr.noDataContent,children:[R.jsx("img",{src:zae,alt:"no data svg"}),R.jsx("div",{className:Mr.noDataText,children:"No Data"})]})}):null,!t&&n&&a&&r[e]===null&&R.jsx("div",{className:Mr.noData,children:R.jsxs("div",{className:Mr.noDataContent,children:[R.jsx("img",{src:zae,alt:"no data svg"}),R.jsx("div",{className:Mr.noDataText,children:"No Data"})]})}),t&&R.jsx("div",{className:Mr.loading,children:R.jsx(pg,{style:{width:"50px",height:"50px",color:"blue"}})})]})}),pUe=n=>R.jsx("svg",{viewBox:"0 0 24 24",width:"1.2em",height:"1.2em",...n,children:R.jsx("path",{fill:"currentColor",d:"M5 21q-.825 0-1.413-.588T3 19V6.5q0-.375.125-.675t.325-.575l1.4-1.7q.2-.275.5-.413T6 3h12q.35 0 .65.137t.5.413l1.4 1.7q.2.275.325.575T21 6.5V19q0 .825-.588 1.413T19 21H5Zm.4-15h13.2l-.85-1H6.25L5.4 6ZM5 8v11h14V8H5Zm7 10l4-4l-1.4-1.4l-1.6 1.6V10h-2v4.2l-1.6-1.6L8 14l4 4Zm-7 1h14H5Z"})}),vUe=n=>R.jsx("svg",{viewBox:"0 0 24 24",width:"1.2em",height:"1.2em",...n,children:R.jsx("path",{fill:"currentColor",d:"M22 6c0-1.1-.9-2-2-2H4c-1.1 0-2 .9-2 2v12c0 1.1.9 2 2 2h16c1.1 0 2-.9 2-2V6zm-2 0l-8 5l-8-5h16zm0 12H4V8l8 5l8-5v10z"})}),Cg={metricFilter:"_metricFilter_u0w07_1",customContainer:"_customContainer_u0w07_4"},ML=({rlsConditions:n,onChangeFilterValue:t,workspaceId:e,clientId:r,className:i})=>{var u,c,f,d,h,p,g,y,b,S,x,M,_,T,E,L,O,N,A,$,z,P;const a=(u=n==null?void 0:n.options)==null?void 0:u.find(F=>F.name===(n==null?void 0:n.value)),o=(c=n==null?void 0:n.variableOptions)==null?void 0:c.find(F=>{var V;return F.value===((V=n.selectedVariableValue)==null?void 0:V.value)}),[s,l]=Le.useState({value:(n==null?void 0:n.value)||(a==null?void 0:a.name)||"",label:(n==null?void 0:n.value)||(a==null?void 0:a.name)||"",labelType:(a==null?void 0:a.range)||""});return R.jsx(R.Fragment,{children:n&&t?R.jsx("div",{className:i,children:n.isVariableFilter?["string","number","boolean","default"].includes(n.datatype)?R.jsx(R.Fragment,{children:R.jsx(oa,{label:n.name,selectedOption:{value:((f=n.selectedVariableValue)==null?void 0:f.value)||((h=(d=n.variableOptions)==null?void 0:d[0])==null?void 0:h.value),label:((p=n.selectedVariableValue)==null?void 0:p.value)||((y=(g=n.variableOptions)==null?void 0:g[0])==null?void 0:y.value)},options:((b=n.variableOptions)==null?void 0:b.map(F=>({value:F==null?void 0:F.value,label:F==null?void 0:F.value})))||[],isSearchEnabled:!0,onChange:F=>t(n.name,F.value),className:Cg.metricFilter})}):R.jsx(R.Fragment,{children:R.jsx(oa,{label:n.name,selectedOption:{value:(S=n.selectedVariableValue)==null?void 0:S.value,label:(x=n==null?void 0:n.selectedVariableValue)==null?void 0:x.label},options:((_=(M=n.variableOptions)==null?void 0:M.map)==null?void 0:_.call(M,F=>({value:F.value,label:F.label})))||[],isSearchEnabled:!0,onChange:F=>{var U;const V=(U=n==null?void 0:n.variableOptions)==null?void 0:U.find(Y=>Y.value===(F==null?void 0:F.value));t(n.name,F.value,{startDate:V==null?void 0:V.startDate,endDate:V==null?void 0:V.endDate})},className:Cg.metricFilter,children:n.datatype==="date"&&((T=o==null?void 0:o.value)==null?void 0:T.toLowerCase())==="custom"&&!(o!=null&&o.startDate&&(o!=null&&o.endDate))?R.jsx("div",{className:Cg.customContainer,children:R.jsx(FN,{label:"Date Range",onChange:F=>{t(n.name,(o==null?void 0:o.value)||"Custom",{startDate:F==null?void 0:F.startDate,endDate:F==null?void 0:F.endDate})},defaultValues:{startDate:(E=n==null?void 0:n.selectedVariableValue)!=null&&E.startDate?new Date((L=n==null?void 0:n.selectedVariableValue)==null?void 0:L.startDate):new Date,endDate:(O=n==null?void 0:n.selectedVariableValue)!=null&&O.endDate?new Date((N=n==null?void 0:n.selectedVariableValue)==null?void 0:N.endDate):new Date,timeGrainValue:""}})}):null})}):n.datatype!=="date"?n.datatype==="string"?n.options.length?R.jsx(Yb,{selectedOptions:Array.isArray(n.value)&&n.value.length?n.value.map(F=>({label:F,value:F})):[],options:n.options.map(F=>({value:F,label:F})),isSearchEnabled:!0,onChange:F=>t(n.name,F==null?void 0:F[0].value,void 0,F),label:n.name,className:Cg.metricFilter}):R.jsx(y2,{selectedOptions:Array.isArray(n.value)&&n.value.length?n.value.map(F=>({label:F,value:F})):[],onChange:F=>t(n.name,F==null?void 0:F[0].value,void 0,F),filter:{tableName:n.tableName,columnName:n.columnName},isSearchEnabled:!0,autoSelected:Array.isArray(n.value)&&!n.value.length,label:n.name,className:Cg.metricFilter,workspaceId:e,filterClause:(A=n==null?void 0:n.client)!=null&&A.isEnable?{columnName:($=n==null?void 0:n.client)==null?void 0:$.columnName,value:r,as:(z=n==null?void 0:n.client)==null?void 0:z.as}:void 0}):R.jsx(oa,{label:n.name,selectedOption:{value:n.value||n.options[0],label:n.value||n.options[0]},options:n.options.map(F=>({value:F,label:F})),isSearchEnabled:!0,onChange:F=>t(n.name,F.value),className:Cg.metricFilter}):R.jsx(oa,{label:n.name,selectedOption:s,options:n.options.map(F=>({value:F.name,label:F.name,labelType:F.range})),isSearchEnabled:!0,onChange:F=>{l(F),t(n.name,F.value)},className:Cg.metricFilter,children:n.datatype==="date"&&((P=s.labelType)==null?void 0:P.toLowerCase())==="custom"&&!(a!=null&&a.fromDate&&(a!=null&&a.toDate))?R.jsx("div",{className:Cg.customContainer,children:R.jsx(FN,{label:"Date Range",onChange:F=>{t(n.name,(a==null?void 0:a.name)||"Custom",{startDate:F==null?void 0:F.startDate,endDate:F==null?void 0:F.endDate})},minDate:a==null?void 0:a.minDate,maxDate:a==null?void 0:a.maxDate,defaultValues:{startDate:a!=null&&a.startDate?new Date(a==null?void 0:a.startDate):new Date,endDate:a!=null&&a.endDate?new Date(a==null?void 0:a.endDate):new Date,timeGrainValue:""}})}):null})}):null})},Zl={container:"_container_d8urj_1",popover:"_popover_d8urj_5",popupContainer:"_popupContainer_d8urj_6",button:"_button_d8urj_10",buttonOpen:"_buttonOpen_d8urj_14",menu:"_menu_d8urj_18",enter:"_enter_d8urj_22",enterFrom:"_enterFrom_d8urj_26",enterTo:"_enterTo_d8urj_30",leave:"_leave_d8urj_34",leaveFrom:"_leaveFrom_d8urj_38",leaveTo:"_leaveTo_d8urj_42",center:"_center_d8urj_46",top:"_top_d8urj_50",bottom:"_bottom_d8urj_54",left:"_left_d8urj_58",right:"_right_d8urj_62","left-top-end":"_left-top-end_d8urj_66","right-top-end":"_right-top-end_d8urj_70","left-bottom-end":"_left-bottom-end_d8urj_74","right-bottom-end":"_right-bottom-end_d8urj_78","top-left":"_top-left_d8urj_82","top-right":"_top-right_d8urj_86","bottom-left":"_bottom-left_d8urj_90","bottom-right":"_bottom-right_d8urj_94","left-top":"_left-top_d8urj_66","left-bottom":"_left-bottom_d8urj_74","right-top":"_right-top_d8urj_70","right-bottom":"_right-bottom_d8urj_78",chartOptionBtn:"_chartOptionBtn_d8urj_114",chartpopup:"_chartpopup_d8urj_118"},bB={fullscreen:"_fullscreen_135j8_1",loading:"_loading_135j8_5"},gUe=({isShowUnderlyingData:n,setShowUnderlyingData:t,getUnderlyingData:e,columnName:r,value:i,isSingleValueChart:a})=>{const[o,s]=ae.useState([]),[l,u]=ae.useState(!0);return ae.useEffect(()=>{r&&i&&n&&!a&&e({columnName:r,setData:s,setLoading:u,value:i,isSingleValueChart:a}),n&&a&&e({columnName:r,setData:s,setLoading:u,value:i,isSingleValueChart:a})},[r,i,n,a]),R.jsx(Xh,{isOpen:n,onClose:()=>t(!1),headerTitle:"View Underlying Data",children:R.jsxs("div",{className:bB.fullscreen,children:[!!o.length&&R.jsx(uw,{data:o,isLoading:!1,error:""}),!o.length&&!l&&R.jsx("div",{className:bB.loading,children:"No Data Available"}),l&&!o.length&&R.jsx("div",{className:bB.loading,children:R.jsx(pg,{style:{width:"50px",height:"50px",color:"blue"}})})]})})},Bae=Le.memo(gUe),mUe=n=>R.jsx("svg",{viewBox:"0 0 24 24",width:"1.2em",height:"1.2em",...n,children:R.jsx("g",{id:"evaLayersFill0",children:R.jsx("g",{id:"evaLayersFill1",children:R.jsxs("g",{id:"evaLayersFill2",fill:"currentColor",children:[R.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"}),R.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"}),R.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"})]})})})}),yUe=n=>R.jsx("svg",{viewBox:"0 0 24 24",width:"1.2em",height:"1.2em",...n,children:R.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"})}),bUe=({position:n="center",menuContainerClass:t,menuClass:e,isOpen:r,setOpen:i,value:a,columnName:o,getUnderlyingData:s,clickBehaviourConfigs:l,elementRef:u,isSingleValueChart:c})=>{const[f,d]=ae.useState(!1),h=ae.useRef(null);return E_({wrapRef:h,onOutsideClick:()=>i(!1)}),ae.useEffect(()=>{if(!u||n!=="dynamic")return;const{containerRef:p,event:g}=u,y=g;if(!p.current||!h.current||!y)return;const b=p.current.getBoundingClientRect(),S=h.current.getBoundingClientRect(),[x,M]=q$e(y,b,S);J$e(h.current,x,M)},[u,r,n]),R.jsx(R.Fragment,{children:c?R.jsx(Bae,{isShowUnderlyingData:r,setShowUnderlyingData:i,columnName:o,value:a,getUnderlyingData:s,isSingleValueChart:c}):R.jsxs(R.Fragment,{children:[R.jsx("div",{onContextMenu:p=>{p.preventDefault()},ref:h,className:`${n==="dynamic"&&Zl.popupContainer}`,children:R.jsx("div",{className:`${Zl.popover} ${n==="dynamic"||Zl[n]}  ${t}`,children:R.jsx(xD,{as:"div",className:`${Zl.menu} ${e}`,show:r,enter:Zl.enter,enterFrom:Zl.enterFrom,enterTo:Zl.enterTo,leave:Zl.leave,leaveFrom:Zl.leaveFrom,leaveTo:Zl.leaveTo,children:R.jsxs("div",{className:Zl.chartpopup,children:[R.jsxs(Vt,{variant:"custom",type:"button",className:Zl.chartOptionBtn,onClick:()=>{d(!0)},children:[R.jsx(mUe,{className:Zl.popupItemIcon}),R.jsx(Mt,{variant:"p",styleClass:"font-14",children:"View underlying data"})]}),l.isEnable&&R.jsxs(Vt,{variant:"custom",type:"button",className:Zl.chartOptionBtn,onClick:()=>{Ate(l,(a==null?void 0:a.split(" ").join("_"))||"undefined")},children:[R.jsx(yUe,{className:Zl.popupItemIcon}),R.jsx(Mt,{variant:"p",styleClass:"font-14",children:"Go to"})]})]})})})}),R.jsx(Bae,{isShowUnderlyingData:f,setShowUnderlyingData:d,columnName:o,value:a,getUnderlyingData:s,isSingleValueChart:c})]})})},Vae=Le.memo(bUe),jw={"dbc-container":"_dbc-container_1f2n4_1",dbcLastLevel:"_dbcLastLevel_1f2n4_4","active-dimension":"_active-dimension_1f2n4_7",otherLevels:"_otherLevels_1f2n4_10",clickableLevels:"_clickableLevels_1f2n4_13"},Hae=({dimensions:n,drilledLevel:t,onResetLevel:e,onDrillLevelClick:r})=>R.jsx("div",{className:`${jw["dbc-container"]} ${t===-1?jw.dbcLastLevel:""}`,children:t===-1?R.jsx(Vt,{variant:"custom",type:"button",className:`${jw.otherLevels} ${jw.clickableLevels}`,onClick:e,children:"Reset"}):R.jsx(R.Fragment,{children:n.map((i,a)=>R.jsxs(Vt,{variant:"secondary",className:a===t?jw["active-dimension"]:jw.otherLevels,isDisabled:t-1!==a,onClick:()=>{r(a)},children:[i.toString()[0].toUpperCase()+i.toString().substring(1),a===n.length-1?"":" / "]},i))})}),Ir={fullScreen:"_fullScreen_rnxp5_1",header:"_header_rnxp5_9",headerBlock:"_headerBlock_rnxp5_17",metricName:"_metricName_rnxp5_25",iconButton:"_iconButton_rnxp5_33",body:"_body_rnxp5_41",metric:"_metric_rnxp5_25",fullMetric:"_fullMetric_rnxp5_57",tableMetric:"_tableMetric_rnxp5_65",metricHeader:"_metricHeader_rnxp5_73",chartConfig:"_chartConfig_rnxp5_81",metricFilters:"_metricFilters_rnxp5_89",chart:"_chart_rnxp5_81",preview:"_preview_rnxp5_105",popupMenu:"_popupMenu_rnxp5_113",csvPopup:"_csvPopup_rnxp5_121",csvPopupIcon:"_csvPopupIcon_rnxp5_129",popupItem:"_popupItem_rnxp5_137",popupItemIcon:"_popupItemIcon_rnxp5_145",dynamicGroupFormat:"_dynamicGroupFormat_rnxp5_153",dynamicGroupContainer:"_dynamicGroupContainer_rnxp5_161",addFilterMenu:"_addFilterMenu_rnxp5_167",filterTopLeft:"_filterTopLeft_rnxp5_175",filterToRight:"_filterToRight_rnxp5_183",addfilter:"_addfilter_rnxp5_191",checkedOption:"_checkedOption_rnxp5_197",option:"_option_rnxp5_205",chartWrapper:"_chartWrapper_rnxp5_213",tableChartWrapper:"_tableChartWrapper_rnxp5_221"},Wae=({filters:n,updateFilter:t})=>R.jsx(R.Fragment,{children:R.jsx(Kd,{buttonClass:Ir.addfilter,buttonContent:R.jsx(Dn,{name:"plus-icon-2"}),position:"bottom-left",children:R.jsx("div",{className:Ir.addFilterMenu,children:n.map(e=>{const r=e.isAddOnMetrics;return R.jsxs(Vt,{variant:"secondary",onClick:()=>{t(e)},className:r?Ir.checkedOption:Ir.option,children:[r?R.jsx(m2,{}):R.jsx(P_,{}),e.name]},e.name)})})})}),Uae=({globalFilters:n={tableName:"",filters:[]},metricItem:t,onMaximize:e,client:r,colors:i,param:a,companyTenancyType:o,renderHeaderName:s,isDisableCardClick:l,onArchive:u,chartRendererType:c="canvas",isDisableMorePopup:f,appFilters:d,isInternalApp:h,setCrossDashboardFilters:p,crossDashboardFilters:g,metricFilterOptions:y,onDownloadRawCsv:b,enableDownloadCsv:S,enableMultiMetricFilters:x})=>{var ft,ut,Te,je,ye,We,Ge,_t,wt,Lt,kt;const M=ae.useMemo(()=>{const yt={};if(a!=null&&a.values)for(const Oe in a.values){const nt=`${Oe}_variable`;yt[nt]=a.values[Oe]}return yt},[a==null?void 0:a.values]),[_,T]=ae.useState(t.chartOptions),E=ae.useRef(null),{dataDb:L,getUnderlyingData:O,handleChartClick:N,columnName:A,setShowChartPopup:$,isShowChartPopup:z,isQueryLoading:P,chartParams:F,onChangeFilterValue:V,onDrillDown:U,drilledLevel:Y,dimensions:Z,setLoading:G,setTableLimit:J,isEnableNextBtn:te,isEnablePrevBtn:K,paginationInfo:ne,onChangePage:oe,isExternalChart:le,onDrillLevelClick:fe,metricFilters:ce,leftPositionedMetricFilters:pe,rightPositionedMetricFilters:xe,updateFilter:De}=lU({metric:t,clientId:r,chartSettings:_,setChartSettings:T,globalFilters:n,rlsFilters:{param:a,filterValues:M},tenancyLevel:o,appFilters:d,isInternalApp:h,crossDashboardFilters:g,setCrossDashboardFilters:p,metricFilterOptions:y});ae.useEffect(()=>{var yt,Oe;T(t==null?void 0:t.chartOptions),J({limit:parseInt(((Oe=(yt=t==null?void 0:t.chartOptions)==null?void 0:yt.tableSettings)==null?void 0:Oe.defaultRowSize)||"10",10),offset:0})},[t]);let Se=!1;const[Be,ze]=ae.useState(null);ae.useEffect(()=>{var yt,Oe,nt,Rt,mn;_.isDynamicSeries&&((yt=_.seriesOptions)!=null&&yt.includes("ungrouped")?_.ungroupedAlias?ze((Oe=_.seriesOptions)==null?void 0:Oe.map(xn=>({value:xn,label:_.ungroupedAlias}))):ze((nt=_.seriesOptions)==null?void 0:nt.map(xn=>({value:xn,label:xn}))):_.ungroupedAlias?ze([{value:"ungrouped",label:_.ungroupedAlias},...((Rt=_.seriesOptions)==null?void 0:Rt.map(xn=>({value:xn,label:xn})))??[]]):ze([{value:"ungrouped",label:"ungrouped"},...((mn=_.seriesOptions)==null?void 0:mn.map(xn=>({value:xn,label:xn})))??[]]))},[_.seriesOptions,_.isDynamicSeries,_.ungroupedAlias]);const[dt,ge]=ae.useState(!1),Ae=yt=>{yt.key==="Control"&&ge(!0)},Ve=yt=>{yt.key==="Control"&&ge(!1)};if(ae.useEffect(()=>{var yt,Oe;return(Oe=(yt=_.customSettings)==null?void 0:yt.chartZoom)!=null&&Oe.isZoomEnabled&&(window.addEventListener("keydown",Ae),window.addEventListener("keyup",Ve)),()=>{window.removeEventListener("keydown",Ae),window.removeEventListener("keyup",Ve)}},[]),L!=null&&L.length){const yt=_.singleValue;Se=L[0][yt]===null&&_.chartType==="singleValue"}return R.jsx(R.Fragment,{children:R.jsxs("div",{ref:E,className:Mr.cardContainer,onContextMenu:yt=>{yt.preventDefault()},"data-test":!0,children:[R.jsxs("div",{className:Mr.listHeader,children:[R.jsxs("div",{className:Mr.metricName,children:[R.jsx(Vt,{type:"button",variant:"custom",onClick:()=>{t.clickActions.card.isEnable?yPe(t.clickActions,t.metricId,t.id):e(t,{param:a,filterValues:M},d)},isDisabled:l,children:R.jsx(Mt,{variant:"h3",styleClass:"primary",className:`${Mr.metricTitle} dbn-metric-card-title`,children:s?s(t.name):t.name})}),t.description&&R.jsx("span",{className:`${Mr.metricDescription} dbn-metric-card-description`,children:t.description})]}),R.jsxs("div",{className:Mr.features,children:[(ft=_==null?void 0:_.dynamicXAxis)!=null&&ft.isEnabled?R.jsx(oa,{options:((ut=_.dynamicXAxis)==null?void 0:ut.options)||[],onChange:yt=>T(Oe=>({...Oe,dynamicXAxis:{...Oe.dynamicXAxis,selectedOption:yt},xAxis:yt.value})),selectedOption:_.dynamicXAxis.selectedOption||{value:"",label:""},className:Mr.dynamicGroupContainer,buttonClass:Mr.dynamicGroupFormat,labelVariant:"static"}):null,_!=null&&_.isDynamicSeries?R.jsx(oa,{options:Be,onChange:yt=>T(Oe=>({...Oe,seriesField:yt.value})),selectedOption:{label:(_==null?void 0:_.seriesField)==="ungrouped"&&_.ungroupedAlias?_.ungroupedAlias:_.seriesField||"ungrouped",value:(_==null?void 0:_.seriesField)||"ungrouped"},label:"group by",className:Mr.dynamicGroupContainer}):null,(Te=_==null?void 0:_.timeSeriesSettings)!=null&&Te.groupBySettings.isDynamic?R.jsx(oa,{options:(je=_==null?void 0:_.timeSeriesSettings)==null?void 0:je.groupBySettings.options.map(yt=>({label:yt.split("____").length>1?yt.split("____")[1]:yt,value:yt})),onChange:yt=>T(Oe=>{var nt;return{...Oe,timeSeriesSettings:{...Oe==null?void 0:Oe.timeSeriesSettings,groupBySettings:{...(nt=Oe==null?void 0:Oe.timeSeriesSettings)==null?void 0:nt.groupBySettings,value:yt.value}}}}),selectedOption:{label:_.timeSeriesSettings.groupBySettings.value.split("____").length>1?_.timeSeriesSettings.groupBySettings.value.split("____")[1]:_.timeSeriesSettings.groupBySettings.value,value:_.timeSeriesSettings.groupBySettings.value.split("____").length>1?_.timeSeriesSettings.groupBySettings.value.split("____")[0]:_.timeSeriesSettings.groupBySettings.value},labelVariant:"static",className:Mr.dynamicGroupContainer,buttonClass:Mr.dynamicGroupFormat}):null,!f&&R.jsxs(Kd,{buttonClass:Mr.popup,buttonContent:R.jsx(Dn,{name:"more-icon",className:Mr.popupIcon}),menuClass:Mr.popupMenu,position:"bottom-right",className:Mr.morePopup,children:[R.jsxs(Vt,{type:"button",variant:"custom",id:`metric-card-popup-btn__${t.id}`,className:`${Mr.popupItem} ${Mr.csvBtn}`,onClick:()=>e(t,{param:a,filterValues:M},d),children:[R.jsx(Dn,{name:"fullscreen-icon",className:Mr.popupItemIcon}),"Enter Fullscreen"]}),S&&!!(L!=null&&L.length)&&R.jsx(eie,{data:L,fileName:t.name,text:"Download CSV",className:`${Mr.popupItem} ${Mr.csvBtn}`,iconClass:Mr.popupItemIcon}),b&&R.jsxs(Vt,{type:"button",variant:"custom",className:`${Mr.popupItem} ${Mr.csvBtn}`,onClick:()=>b(M),children:[R.jsx(vUe,{className:Mr.popupItemIcon}),"Email CSV"]}),u&&R.jsxs(Vt,{variant:"custom",type:"button",className:`${Mr.popupItem} ${Mr.csvBtn} ${Mr.deleteBtn}`,onClick:()=>u(t.id),children:[R.jsx(pUe,{className:Mr.popupItemIcon}),"Archive Metric"]})]})]})]}),(_==null?void 0:_.chartType)&&R.jsxs("div",{className:`${Mr.metricData} dbn-chart ${(_==null?void 0:_.chartType)===Ie.table?Mr.metricTable:""}`,onContextMenu:yt=>{yt.preventDefault()},children:[!!ce.length&&R.jsxs("div",{className:`${_.chartType===Ie.table?Mr.tableMetricFilters:Mr.metricFilters}`,children:[x&&R.jsx(Wae,{filters:ce,updateFilter:De}),pe.map((yt,Oe)=>{var nt;return R.jsx(ML,{workspaceId:(nt=t==null?void 0:t.companyIntegration)==null?void 0:nt.workspaceId,rlsConditions:yt,onChangeFilterValue:V,clientId:r,className:pe.length-1===Oe?Mr.filterTopLeft:""},yt.name)}),xe.map((yt,Oe)=>{var nt;return R.jsx(ML,{workspaceId:(nt=t==null?void 0:t.companyIntegration)==null?void 0:nt.workspaceId,rlsConditions:yt,onChangeFilterValue:V,clientId:r,className:Oe===0?Mr.filterTopRight:""},yt.name)})]}),((ye=t==null?void 0:t.drillDownSettings)==null?void 0:ye.isEnableGroupBy)&&!!(Z!=null&&Z.length)&&!!L.length&&R.jsx(Hae,{dimensions:Z,drilledLevel:Z.length>Y?Y:-1,onResetLevel:()=>U({}),onDrillLevelClick:yt=>fe(yt)}),R.jsxs("div",{className:Mr.chart,children:[R.jsx(Fae,{isLoading:P,isDataLength:!!(L!=null&&L.length),isSingleValue:_.singleValue,dataDb:L[0],chartType:_.chartType}),z&&R.jsx(R.Fragment,{children:R.jsx(Vae,{isOpen:z,setOpen:$,value:F==null?void 0:F.name,columnName:A,getUnderlyingData:O,clickBehaviourConfigs:t.clickActions.chart,elementRef:{containerRef:E,event:(We=F==null?void 0:F.event)==null?void 0:We.event},position:"dynamic",isSingleValueChart:_.chartType===Ie.singleValue})}),L!=null&&L.length&&!Se?R.jsx(cw,{data:L,chartOptions:(_t=(Ge=_.customSettings)==null?void 0:Ge.chartZoom)!=null&&_t.isZoomEnabled?{..._,customSettings:{..._.customSettings,chartZoom:{...(wt=_.customSettings)==null?void 0:wt.chartZoom,zoomAxis:dt?(kt=(Lt=_.customSettings)==null?void 0:Lt.chartZoom)==null?void 0:kt.zoomAxis:"none",zoomOnMouseWheel:!1}}}:_,selectedSeries:_.selectedSeries,events:{click:yt=>{var Oe;(Oe=t.drillDownSettings)!=null&&Oe.isEnableGroupBy&&U(yt)},contextmenu:yt=>{N(yt),$(!0)}},colors:i,config:{style:{height:"90%"},hideBorder:!0,chartClickConfig:t.clickActions.chart,onChartReady:()=>G(!1),opts:{renderer:c},onChangePage:oe,isExternalChart:le,isEnableNextBtn:te,isEnablePrevBtn:K,paginationInfo:ne,setChartSettings:T}}):null]})]})]})})},SUe=n=>R.jsx("svg",{viewBox:"0 0 24 24",width:"1.2em",height:"1.2em",...n,children:R.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"})}),wUe=n=>R.jsx("svg",{viewBox:"0 0 24 24",width:"1.2em",height:"1.2em",...n,children:R.jsx("path",{fill:"currentColor",d:"M8.7 17.3q-.275-.275-.275-.7t.275-.7l3.9-3.9l-3.9-3.9q-.275-.275-.275-.7t.275-.7q.275-.275.7-.275t.7.275l4.6 4.6q.15.15.213.325t.062.375q0 .2-.063.375t-.212.325l-4.6 4.6q-.275.275-.7.275t-.7-.275Z"})}),_Ue=(n,t)=>{const e=[];if(n!=null&&n.pivotTableSettings){const r=n.pivotTableSettings.rows||[],i=n.pivotTableSettings.columns||[],a=rF(t,i,r),o=[],s=[],l=a[r[0]];l.map(u=>{const c=u.parent;if(c.includes("/")){const f=c.lastIndexOf("/"),d=[c.substring(0,f),c.substring(f+1)];o.includes(d[1])||o.push(d[1]),s.includes(d[0])||s.push(d[0])}else s.push(c),o.push(c)}),s.forEach(u=>{const c={};c.keys=u,o.forEach(f=>{c[`${r[0]} - ${f}`]=null}),e.push(c)});for(let u=0;u<e.length;u+=1){const c=e[u];Object.keys(c).map(f=>{const d=f.split(" - ");l.map(h=>{h.parent.includes("/")?h.parent===`${c.keys}/${d[1]}`&&d[0]===r[0]&&(c[f]=h.name):h.parent===d[1]&&d[0]===r[0]&&(c[f]=h.name)})})}if(r.length>1)for(let u=1;u<r.length;u+=1){const c=[],f=a[r[u]];f.map(d=>{const h=d.parent;if(h.includes("/")){const p=h.lastIndexOf("/"),g=[h.substring(0,p),h.substring(p+1)];c.includes(g[0])||c.push(g[0])}else c.push(h)}),c.forEach(d=>{e.map(h=>{h.keys===d&&o.forEach(p=>{h[`${r[u]} - ${p}`]=null})})});for(let d=0;d<e.length;d+=1){const h=e[d];Object.keys(h).map(p=>{const g=p.split(" - ");f.map(y=>{y.parent.includes("/")?y.parent===`${h.keys}/${g[1]}`&&g[0]===r[u]&&(h[p]=y.name):y.parent===g[1]&&g[0]===r[u]&&(h[p]=y.name)})})}}if(i.length>2)for(let u=0;u<e.length;u+=1){const c=e[u],f=c.keys.replace(/\//g,",");c.keys=`(${f})`.replace(/\b(\w+)\b/g,"'$1'")}else if(i.length===1){const u="keys";e.forEach(c=>{delete c[u]}),e.splice(1)}}return e},xUe=({data:n=[],fileName:t="export",className:e,iconClass:r,text:i="",chartOptions:a})=>{const o=_Ue(a,n);return R.jsxs("a",{href:ane(o),download:`${t}.csv`,className:e??h3.csvlink,target:"_self",children:[R.jsx(Dn,{name:"csv-icon",className:r}),i]})},MUe=({data:n,chartRef:t,metricName:e,onRawCsvData:r,chartOptions:i})=>R.jsx(R.Fragment,{children:R.jsxs(Kd,{buttonContent:R.jsx(SUe,{}),buttonClass:Ir.iconButton,position:"bottom-right",menuClass:Ir.popupMenu,children:[R.jsxs(Kd,{buttonContent:R.jsxs(R.Fragment,{children:["Download CSV ",R.jsx(wUe,{className:Ir.csvPopupIcon})]}),buttonClass:Ir.popupItem,position:"left-top",menuClass:Ir.popupMenu,menuContainerClass:Ir.csvPopup,children:[R.jsx(eie,{text:"Table Results",data:n,fileName:e,className:Ir.popupItem,iconClass:Ir.popupItemIcon}),(i==null?void 0:i.chartType)===Ie.pivot&&R.jsx(xUe,{text:"Pivot CSV",data:n,fileName:e,className:Ir.popupItem,iconClass:Ir.popupItemIcon,chartOptions:i}),R.jsx(Vt,{type:"button",variant:"custom",size:"default",className:Ir.popupItem,onClick:r,children:"Raw Data"})]}),t&&R.jsx(LBe,{text:"Save as PNG",chartRef:t,className:Ir.popupItem,iconClass:Ir.popupItemIcon,fileName:e})]})}),CUe=n=>R.jsx("svg",{viewBox:"0 0 24 24",width:"1.2em",height:"1.2em",...n,children:R.jsx("path",{fill:"none",stroke:"currentColor",strokeLinecap:"round",strokeLinejoin:"round",strokeWidth:2,d:"M4 14h6v6m10-10h-6V4m0 6l7-7M3 21l7-7"})}),Gae=({metric:n,colors:t,rlsFilters:e,metricFilterOptions:r,onMinimize:i,clientId:a,tenancyLevel:o,companyId:s,externalDashboardId:l,userProvidedDashboardId:u,isAllowedToUpdateMetrics:c,sharingSettingsId:f,appFilters:d,isInternalApp:h,isShowChartConfigTab:p,isHideChartSettings:g,isHideTablePreview:y})=>{var We,Ge,_t,wt,Lt,kt,yt;const b=ae.useRef(),[S,x]=ae.useState(!1),[M,_]=ae.useState(n.chartOptions),[T,E]=ae.useState(!1),L=ae.useRef(null),{updateExternalMetric:O,error:N,dashboardOptions:A}=YW({onSuccess:()=>{E(!1)},selectedColumns:[],companyIntegrationId:n.companyIntegrationId,query:n.query,metricQuery:n.metricQuery,integrationName:n.integrationName,outputColumns:n.outputColumns,chartSettings:M,datasetMetricSettings:n.datasetMetricSettings,clientId:a,companyId:s,isLiveMode:n.isLive,timeGrain:n.timeGrain,dashboardIds:[l],isEnableGroupBy:n.isEnableGroupBy,groupBy:n.groupBy,selectedGroupBy:n.selectedGroupBy,userProvidedDashboardId:u,metric:n,rlsFilters:e==null?void 0:e.param}),{dataDb:$,getUnderlyingData:z,handleChartClick:P,onChangeFilterValue:F,onDrillDown:V,isShowChartPopup:U,setShowChartPopup:Y,columnName:Z,chartParams:G,isQueryLoading:J,dimensions:te,drilledLevel:K,rlsConditions:ne,setLoading:oe,setTableLimit:le,isEnableNextBtn:fe,paginationInfo:ce,isEnablePrevBtn:pe,isExternalChart:xe,groupByList:De,isEnablePivotTable:Se,onChangePage:Be,updateFilter:ze,hasNumberKeys:dt,isEnableGauge:ge,onDrillLevelClick:Ae,metricFilters:Ve,leftPositionedMetricFilters:ft,rightPositionedMetricFilters:ut}=lU({metric:n,rlsFilters:e,chartSettings:M,setChartSettings:_,tenancyLevel:o,clientId:a,appFilters:d,isInternalApp:h,metricFilterOptions:r});ae.useEffect(()=>{var Oe,nt;_(n.chartOptions),le({limit:parseInt(((nt=(Oe=n.chartOptions)==null?void 0:Oe.tableSettings)==null?void 0:nt.defaultRowSize)||"10",10),offset:0})},[n]);const[Te,je]=ae.useState(null);ae.useEffect(()=>{var Oe,nt,Rt,mn,xn;M.isDynamicSeries&&((Oe=M.seriesOptions)!=null&&Oe.includes("ungrouped")?M.ungroupedAlias?je((nt=M.seriesOptions)==null?void 0:nt.map(ar=>({value:ar,label:M.ungroupedAlias}))):je((Rt=M.seriesOptions)==null?void 0:Rt.map(ar=>({value:ar,label:ar}))):M.ungroupedAlias?je([{value:"ungrouped",label:M.ungroupedAlias},...((mn=M.seriesOptions)==null?void 0:mn.map(ar=>({value:ar,label:ar})))??[]]):je([{value:"ungrouped",label:"ungrouped"},...((xn=M.seriesOptions)==null?void 0:xn.map(ar=>({value:ar,label:ar})))??[]]))},[M.seriesOptions,M.isDynamicSeries,M.ungroupedAlias]);let ye=!1;if($!=null&&$.length){const Oe=M.singleValue;ye=$[0][Oe]===null&&M.chartType==="singleValue"}return R.jsxs("dialog",{open:!0,className:Ir.fullScreen,children:[R.jsxs("section",{className:Ir.header,children:[R.jsx("div",{className:Ir.headerBlock,children:R.jsx(Mt,{variant:"h2",styleClass:"font-14",className:Ir.metricName,children:n.name})}),R.jsxs("div",{className:Ir.headerBlock,children:[R.jsx(Vt,{type:"button",variant:"custom",size:"default",className:Ir.iconButton,onClick:i,title:"Minimize Full Screen",children:R.jsx(CUe,{})}),R.jsx(MUe,{data:$,chartRef:b,metricName:n.name,onRawCsvData:()=>x(!0),chartOptions:M}),c&&R.jsx(Vt,{type:"button",variant:"primary",size:"large",onClick:()=>E(!0),children:"Save Metric"})]})]}),R.jsxs("section",{className:Ir.body,children:[R.jsxs("div",{className:`${Ir.metric} ${M.chartType===Ie.table?Ir.tableMetric:""} ${y?Ir.fullMetric:""}`,ref:L,children:[R.jsxs("div",{className:Ir.metricHeader,children:[!!$.length&&R.jsx(R.Fragment,{children:R.jsxs("div",{className:Ir.chartConfig,children:[(We=M==null?void 0:M.dynamicXAxis)!=null&&We.isEnabled?R.jsx(oa,{options:((Ge=M.dynamicXAxis)==null?void 0:Ge.options)||[],onChange:Oe=>_(nt=>({...nt,dynamicXAxis:{...nt.dynamicXAxis,selectedOption:Oe},xAxis:Oe.value})),selectedOption:M.dynamicXAxis.selectedOption||{value:"",label:""},className:Ir.dynamicGroupContainer,buttonClass:Ir.dynamicGroupFormat,labelVariant:"static"}):null,M!=null&&M.isDynamicSeries?R.jsx(oa,{options:Te,onChange:Oe=>_(nt=>({...nt,seriesField:Oe.value})),selectedOption:{label:(M==null?void 0:M.seriesField)==="ungrouped"&&M.ungroupedAlias?M.ungroupedAlias:M.seriesField||"ungrouped",value:(M==null?void 0:M.seriesField)||"ungrouped"},label:"group by",className:Ir.dynamicGroupContainer}):null,(_t=M.timeSeriesSettings)!=null&&_t.groupBySettings.isDynamic?R.jsx(oa,{options:M.timeSeriesSettings.groupBySettings.options.map(Oe=>({label:Oe.split("____").length>1?Oe.split("____")[1]:Oe,value:Oe})),onChange:Oe=>_(nt=>{var Rt;return{...nt,timeSeriesSettings:{...nt.timeSeriesSettings,groupBySettings:{...(Rt=nt.timeSeriesSettings)==null?void 0:Rt.groupBySettings,value:Oe.value}}}}),selectedOption:{label:M.timeSeriesSettings.groupBySettings.value.split("____").length>1?M.timeSeriesSettings.groupBySettings.value.split("____")[1]:M.timeSeriesSettings.groupBySettings.value,value:M.timeSeriesSettings.groupBySettings.value},labelVariant:"static",buttonClass:Ir.dynamicGroupFormat,className:Ir.dynamicGroupContainer}):null,!g&&R.jsx(oie,{data:$,settings:M,setSettings:_,isEnablePivotTable:Se,groupbyList:De,hasNumberKeys:dt,isEnableGauge:ge,isShowChartConfigTab:p})]})}),!!Ve.length&&R.jsxs("div",{className:Ir.metricFilters,children:[R.jsx(Wae,{filters:Ve,updateFilter:ze}),ft.map((Oe,nt)=>{var Rt;return R.jsx(ML,{workspaceId:(Rt=n==null?void 0:n.companyIntegration)==null?void 0:Rt.workspaceId,rlsConditions:Oe,onChangeFilterValue:F,clientId:a,className:ft.length-1===nt?Ir.filterTopLeft:""},Oe.name)}),ut.map((Oe,nt)=>{var Rt;return R.jsx(ML,{workspaceId:(Rt=n==null?void 0:n.companyIntegration)==null?void 0:Rt.workspaceId,rlsConditions:Oe,onChangeFilterValue:F,clientId:a,className:nt===0?Ir.filterTopRight:""},Oe.name)})]})]}),R.jsxs("div",{className:`${Ir.chartWrapper} ${M.chartType===Ie.table?Ir.tableChartWrapper:""}`,children:[U&&R.jsx(Vae,{isOpen:U,setOpen:Y,value:G==null?void 0:G.name,columnName:Z,getUnderlyingData:z,clickBehaviourConfigs:(wt=n.clickActions)==null?void 0:wt.chart,elementRef:{containerRef:L,event:(Lt=G==null?void 0:G.event)==null?void 0:Lt.event},position:"dynamic",isSingleValueChart:M.chartType===Ie.singleValue}),R.jsx(Fae,{isLoading:J,isDataLength:!!$.length,isSingleValue:M.singleValue,dataDb:$[0],chartType:""}),((kt=n==null?void 0:n.drillDownSettings)==null?void 0:kt.isEnableGroupBy)&&!!(te!=null&&te.length)&&!!$.length&&R.jsx(Hae,{dimensions:te,drilledLevel:te.length>K?K:-1,onResetLevel:()=>V({}),onDrillLevelClick:Ae}),$.length&&!ye?R.jsx(cw,{chartOptions:M,data:$,colors:t,selectedSeries:M.selectedSeries,events:{click:Oe=>{var nt;(nt=n.drillDownSettings)!=null&&nt.isEnableGroupBy&&V(Oe)},contextmenu:Oe=>{P(Oe),Y(!0)}},className:M.chartType===Ie.table?"":Ir.chart,config:{ref:b,chartClickConfig:(yt=n.clickActions)==null?void 0:yt.chart,onColumnSizingChange:Oe=>_(nt=>({...nt,tableSettings:{...nt.tableSettings,columnSizing:Oe}})),onChartReady:()=>oe(!1),isInfiniteScroll:!0,onChangePage:Be,isExternalChart:xe,isEnableNextBtn:fe,isEnablePrevBtn:pe,paginationInfo:ce,setChartSettings:_}}):null]})]}),!y&&M.chartType!=="table"&&!ye?R.jsx("div",{className:Ir.preview,children:R.jsx(uw,{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]}),R.jsx(xL,{metricItem:n,isShowRawCsvModal:S,onCloseModal:x,companyTenancyType:o,filterValues:e==null?void 0:e.filterValues,client:a,sharingSettingsId:f}),c&&R.jsx(Xh,{isOpen:T,onClose:()=>E(!1),headerTitle:"Update Metric",children:R.jsx(cU,{onCancel:()=>E(!1),onSubmit:O,dashboardIds:[l],onDashboardChange:()=>{},options:A,error:N,defaultValues:{name:n.name,description:n.description,isLive:n.isLive,metricId:n.isCreatedByClient?n.metricId:`update_${n.metricId}_by_${a}_${Date.now()}`},isEmbedded:!0})})]})},TUe=$ae.WidthProvider($ae.Responsive),DUe=({chartColors:n,globalFilters:t,client:e,companyId:r,isAllowedToUpdateMetrics:i,isAllowedToDeleteMetrics:a,isAllowedToChangeLayout:o,externalDashboardMetrics:s,isMetricListLoading:l,breakpoint:u,layoutCols:c,adminLayout:f,params:d,companyTenancyType:h="TABLE",externalDashboardId:p,externalDashboardPk:g,sharingSettingsId:y,appFilters:b,isHideChartSettings:S,isHideTablePreview:x,enableDownloadCsv:M,enableEmailCsv:_,enableMultiMetricFilters:T})=>{const[E,L]=ae.useState([]),[O,N]=ae.useState({show:!1,metric:void 0,filterValues:void 0}),[A,$]=ae.useState({id:"",show:!1}),[z,P]=ae.useState({layout:[],isShow:!1}),[F,V]=ae.useState({show:!1}),{saveLayout:U,layout:Y,isLoadingLayout:Z}=hde({clientId:e,externalDashboardId:g}),{handleArchiveMetric:G,isLoading:J}=zde({dashboardId:p,clientId:e,metricId:A.id,onSuccess:()=>$({id:"",show:!1})}),te=ae.useCallback(le=>{P({isShow:!0,layout:le})},[]),K=ae.useMemo(()=>{const le=s==null?void 0:s.map(xe=>xe.externalMetric),fe=le==null?void 0:le.filter(xe=>!xe.isCreatedByClient),ce=le==null?void 0:le.filter(xe=>xe.isCreatedByClient&&xe.clientId===e);return[...fe||[],...ce||[]].sort((xe,De)=>{const Se=new Date(xe.createdAt).getTime(),Be=new Date(De.createdAt).getTime();return Se-Be})},[e,s]),ne=ae.useMemo(()=>K.map(fe=>{var xe,De,Se,Be;const ce=Y.find(ze=>ze.i===fe.id),pe=f.find(ze=>ze.i===fe.id);return{i:(ce==null?void 0:ce.i)||(pe==null?void 0:pe.i)||fe.id,w:(ce==null?void 0:ce.w)||(pe==null?void 0:pe.w)||((xe=fe.resizeAttributes)==null?void 0:xe.width)||5,h:(ce==null?void 0:ce.h)||(pe==null?void 0:pe.h)||((De=fe.resizeAttributes)==null?void 0:De.height)||10,x:(ce==null?void 0:ce.x)||(pe==null?void 0:pe.x)||((Se=fe.resizeAttributes)==null?void 0:Se.xAxis)||0,y:(ce==null?void 0:ce.y)||(pe==null?void 0:pe.y)||((Be=fe.resizeAttributes)==null?void 0:Be.yAxis)||0,minW:3,minH:fe.chartOptions.chartType==="single value"?4:8,maxH:fe.chartOptions.chartType==="table"?1/0:15}}),[K,f,Y]);ae.useEffect(()=>{L([])},[K]);const oe=ae.useMemo(()=>K.map(le=>R.jsx("div",{className:`${Rw["MetricList-wrapper"]} ${o?Rw["MetricList-wrapper-move"]:""}`,id:le.id,children:R.jsx(Uae,{metricItem:le,onMaximize:(fe,ce,pe)=>V({show:!0,metric:fe,rlsFilters:ce,appFilters:pe}),client:e,colors:n,globalFilters:t,param:d==null?void 0:d.find(fe=>fe.metricId===le.metricId),appFilters:b==null?void 0:b.find(fe=>fe.metricId===le.metricId),companyTenancyType:h,onArchive:a?fe=>$({id:fe,show:!0}):void 0,setCrossDashboardFilters:L,crossDashboardFilters:E,enableMultiMetricFilters:T,enableDownloadCsv:M,onDownloadRawCsv:_?fe=>N({show:!0,metric:le,filterValues:fe}):void 0})},le.id)),[K,h,e,n,d,t,o,a,E,M,_,T,b]);return R.jsx(R.Fragment,{children:K.length&&ne.length?R.jsxs(R.Fragment,{children:[R.jsxs("div",{className:Rw["MetricList-container"],id:"metric-list-container",children:[z.isShow&&R.jsx(hUe,{isLoading:Z,onCancel:()=>P(le=>({...le,isShow:!1})),onSave:async()=>{await U(z.layout,!0),await U(z.layout,!0),P(le=>({...le,isShow:!1}))}}),R.jsx(TUe,{layouts:{lg:ne},onResizeStop:o?te:void 0,onDragStop:o?te:void 0,isDraggable:o,isDroppable:o,isResizable:o,rowHeight:30,breakpoints:u??{lg:1200,md:996,sm:768,xs:480,xxs:0},cols:c??{lg:12,md:12,sm:12,xs:4,xxs:2},children:oe})]}),a?R.jsx(sUe,{isLoading:J,isOpen:A.show,onArchive:G,onClose:()=>$({id:"",show:!1})}):null,R.jsx(BD,{children:F.show&&F.metric&&R.jsx(Gae,{metric:F.metric,rlsFilters:F.rlsFilters,appFilters:F.appFilters,colors:n,externalDashboardId:g,userProvidedDashboardId:p,tenancyLevel:h,isAllowedToUpdateMetrics:i,clientId:e,companyId:r,onMinimize:()=>V({show:!1,metric:void 0}),isShowChartConfigTab:!1,isHideChartSettings:S,isHideTablePreview:x,sharingSettingsId:y})}),_&&R.jsx(xL,{metricItem:O.metric,isShowRawCsvModal:O.show,onCloseModal:()=>N({show:!1,metric:void 0,filterValues:void 0}),companyTenancyType:h,filterValues:O.filterValues,client:e,sharingSettingsId:y})]}):R.jsx(R.Fragment,{children:l?R.jsx("div",{className:Rw["alt-container"],children:R.jsx(pg,{style:{width:"50px",height:"50px",color:"blue"}})}):R.jsx("div",{className:Rw["noMetric-container"],children:R.jsx("div",{className:Rw["noMetric-wrapper"],children:R.jsx(Mt,{variant:"h2",styleClass:"primary",children:"No metrics created yet"})})})})})},Kit={container:"_container_1vvim_1",table:"_table_1vvim_9",tableHead:"_tableHead_1vvim_17",tableRow:"_tableRow_1vvim_25",tableHeadCol:"_tableHeadCol_1vvim_33",tableHeadColText:"_tableHeadColText_1vvim_41",tableRowCol:"_tableRowCol_1vvim_49",tableColText:"_tableColText_1vvim_57",empty:"_empty_1vvim_65",error:"_error_1vvim_73"},AUe={loader:"_loader_nt4qb_1"},EUe=()=>R.jsx("div",{className:AUe.loader,children:R.jsx(pg,{style:{width:"50px",height:"50px",color:"blue"}})}),IUe={scheduleEmailButton:"_scheduleEmailButton_tkx3p_1"},xu={"form-wrapper":"_form-wrapper_1wu5s_1","form-primary-text":"_form-primary-text_1wu5s_5","week-days-container":"_week-days-container_1wu5s_9","main-label":"_main-label_1wu5s_12","time-element":"_time-element_1wu5s_16","schedule-time":"_schedule-time_1wu5s_19","cancel-btn":"_cancel-btn_1wu5s_23","delete-btn":"_delete-btn_1wu5s_26","field-width":"_field-width_1wu5s_29","timezone-field":"_timezone-field_1wu5s_33","success-text":"_success-text_1wu5s_37"},NUe=(n,t)=>{const e=t.getTimezoneOffset()*-1;return new Date(t.toLocaleString("en-US",{timeZone:n})).getTimezoneOffset()*-1-e},LUe=n=>{const t=new Date;let e=null;switch(n.frequency){case"Daily":e=new Date(t),e.setDate(t.getDate()+1);break;case"Weekly":{const r=Object.keys(n.weekDays).filter(a=>n.weekDays[a]);let i=null;r.forEach(a=>{const s=(nU.findIndex(u=>u.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 r=n.date.map(a=>parseInt(a.value,10));let i=null;r.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(n.hours,10),0,0,0),n.time==="PM"?e.setHours(parseInt(n.hours,10)+12):n.time==="AM"&&n.hours==="12"&&e.setHours(0);const r=NUe(n.timezone,e);e.setTime(e.getTime()+r*6e4)}return e},kUe=({onCancel:n})=>{var P;const{register:t,handleSubmit:e,watch:r,control:i,setValue:a,getValues:o,reset:s}=gD(),{data:l,token:u}=CD(),{data:c,isLoading:f}=fde(u),d=ae.useMemo(()=>{var F,V;if((F=c==null?void 0:c.scheduleEmailReports)!=null&&F.length)return(V=c==null?void 0:c.scheduleEmailReports)==null?void 0:V[0]},[c]);ae.useEffect(()=>{d?s({...d.timeConfigurations}):(a("time","PM"),a("timezone","Asia/Kolkata"),a("frequency","Monthly"))},[d]);const[h,p]=ae.useState(!1),[g,y]=ae.useState(""),[b,S]=ae.useState(!1),[x,M]=ae.useState(!1),_="",T=((P=l==null?void 0:l.externalDashboardMetrics)==null?void 0:P.map(F=>({value:F.externalMetric.id,label:F.externalMetric.name})))||[],E=Jfe(),L=Kfe(),O=(F,V)=>F.charts.length===0?(y("please select at least one chart to share"),p(!1),S(!1),!1):F.emails.length===0?(y("please add at least one email address"),p(!1),S(!1),!1):V?!0:(y("invalid time configurations"),p(!1),S(!1),!1),N=F=>{var fe,ce;y(""),p(!0),S(!1);const{subject:V,emails:U,frequency:Y,weekDays:Z,date:G,hours:J,time:te,timezone:K}=F,ne=LUe({date:G,frequency:Y,hours:J,time:te,timezone:K,weekDays:Z});if(!O(F,ne))return;const le=(fe=F.charts)==null?void 0:fe.map(pe=>({externalMetricId:pe}));d?L.mutate({id:d.id,token:u},{onSuccess(pe){var xe,De;(xe=pe==null?void 0:pe.delete_scheduleEmailReports_by_pk)!=null&&xe.id?E.mutate({data:{emails:U,externalDashboardId:(De=l==null?void 0:l.externalDashboard)==null?void 0:De.id,data:le,guestToken:u,nextScheduledAt:ne,sharingSettingsId:l==null?void 0:l.sharingSettingsId,subject:V,timeConfigurations:F},token:u},{onSuccess(Se){var Be;(Be=Se==null?void 0:Se.insert_scheduleEmailReports_one)!=null&&Be.id?(y(""),p(!1),S(!0),n()):(y(xc),p(!1),S(!1))},onError(){y(xc),p(!1),S(!1)}}):(y(xc),p(!1),S(!1))},onError(){y(xc),p(!1),S(!1)}}):E.mutate({data:{emails:U,externalDashboardId:(ce=l==null?void 0:l.externalDashboard)==null?void 0:ce.id,data:le,guestToken:u,nextScheduledAt:ne,sharingSettingsId:l==null?void 0:l.sharingSettingsId,subject:V,timeConfigurations:F},token:u},{onSuccess(pe){var xe;(xe=pe==null?void 0:pe.insert_scheduleEmailReports_one)!=null&&xe.id?(y(""),p(!1),S(!0),n()):(y(xc),p(!1),S(!1))},onError(){y(xc),p(!1),S(!1)}})},A=()=>{y(""),p(!0),M(!1),S(!1),L.mutate({id:d==null?void 0:d.id,token:u},{onSuccess(F){var V;(V=F==null?void 0:F.delete_scheduleEmailReports_by_pk)!=null&&V.id?(y(""),p(!1),M(!0),s({subject:"",emails:[],charts:[]}),n()):(y(xc),p(!1),M(!1))},onError(){y(xc),p(!1),M(!1)}})},$=e(N),z=e(A);return{register:t,handleSubmit:e,watch:r,control:i,setValue:a,getValues:o,reset:s,dashboardName:_,chartOptions:T,onSave:$,isLoading:h,isSuccess:b,error:g,isLoadingData:f,scheduleReportConfig:d,onDelete:z,isDeleted:x}},RUe=({onCancel:n})=>{var g;const{control:t,getValues:e,register:r,setValue:i,watch:a,dashboardName:o,chartOptions:s,onSave:l,isLoading:u,error:c,isSuccess:f,scheduleReportConfig:d,onDelete:h,isDeleted:p}=kUe({onCancel:n});return R.jsxs("form",{className:xu["form-container"],onSubmit:l,children:[R.jsxs("div",{className:xu["form-wrapper"],children:[R.jsxs(Mt,{variant:"p",styleClass:"font-14",className:xu["form-primary-text"],children:["Schedule an email report for Dashboard:",R.jsx(Mt,{variant:"span",styleClass:"primary",children:o})]}),R.jsx(At,{label:"Subject Line",placeholder:"Weekly Report - Sales Overview 2023",register:r("subject",Pw)}),R.jsx(jae,{control:t,type:"text",label:"Send to",placeholder:"Enter email addresses",onChangeTags:y=>i("emails",y),defaultTagValue:(g=d==null?void 0:d.timeConfigurations)==null?void 0:g.emails}),R.jsx(Bde,{control:t,name:"charts",options:s,label:"Charts to Attach",defaultValue:[]}),R.jsx(g2,{label:"Frequency of emails",options:yde,control:t,name:"frequency",defaultValue:"Monthly"}),a().frequency!=="Monthly"?R.jsx("div",{className:xu["week-days-container"],children:nU.map(y=>R.jsx(At,{label:y.label,type:"checkbox",register:r(`weekDays.${y.value}`),isDisabled:a().frequency==="Daily"},y.value))}):R.jsx("div",{children:R.jsx(Yb,{label:"Choose Dates",selectedOptions:e().date||[],options:mde,onChange:y=>i("date",y)})}),R.jsxs("div",{className:xu["schedule-time"],children:[R.jsx(Mt,{variant:"span",styleClass:"custom",className:xu["main-label"],children:"Scheduled Time"}),R.jsxs("div",{className:xu["time-element"],children:[R.jsx(At,{type:"number",className:xu["field-width"],min:0,max:11,register:r("hours",Pw),defaultValue:5}),R.jsx(g2,{options:gde,control:t,name:"time",className:xu["timezone-field"],defaultValue:"PM"}),R.jsx(g2,{options:vde,control:t,name:"timezone",className:xu["timezone-field"],defaultValue:"IST"})]})]}),c&&R.jsx(jD,{message:c}),f&&R.jsx(Mt,{variant:"p",styleClass:"font-14b",className:xu["success-text"],children:"Scheduled successfully!"}),p&&R.jsx(Mt,{variant:"p",styleClass:"font-14b",className:xu["success-text"],children:"Deleted successfully!"})]}),R.jsxs(R_,{children:[d?R.jsx(Vt,{type:"reset",variant:"reject",className:xu["delete-btn"],size:"default",onClick:()=>{h()},isDisabled:u,children:"Delete"}):R.jsx(Vt,{type:"reset",variant:"secondary",className:xu["cancel-btn"],size:"default",onClick:()=>n(),isDisabled:u,children:"Cancel"}),R.jsx(Vt,{variant:"primary",type:"submit",size:"default",isDisabled:u,children:d?"Update":"Save"})]})]})},OUe=n=>R.jsx("svg",{viewBox:"0 0 2048 2048",width:"1.2em",height:"1.2em",...n,children:R.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"})}),PUe=()=>{const[n,t]=ae.useState(!1);return R.jsxs("div",{children:[R.jsx(Vt,{variant:"custom",type:"button",onClick:()=>t(!0),title:"email-sharing",className:IUe.scheduleEmailButton,children:R.jsx(OUe,{})}),R.jsx(Xh,{isOpen:n,onClose:()=>t(!1),headerTitle:"Schedule Email",children:R.jsx(RUe,{onCancel:()=>t(!1)})})]})},$Ue=Le.memo(({options:n,theme:t})=>{var f,d,h,p;const{data:e,isLoading:r,error:i}=CD(),[a,o]=ae.useState(!1),[s,l]=ae.useState({tableName:"",filters:[]}),u=ae.useMemo(()=>{var y,b,S,x;return(x=(S=(b=(y=e==null?void 0:e.adminTheme)==null?void 0:y.chart)==null?void 0:b.palettes)==null?void 0:S.find(M=>{var _,T;return M.name===((T=(_=e==null?void 0:e.adminTheme)==null?void 0:_.chart)==null?void 0:T.selected)}))==null?void 0:x.colors},[e==null?void 0:e.adminTheme]),c=ae.useMemo(()=>{var g,y,b;return(e==null?void 0:e.companyTenancyType)==="DATABASE"?((y=(g=e==null?void 0:e.externalDashboard)==null?void 0:g.filters)==null?void 0:y.map(S=>{var x;return{...S,tableName:`${e==null?void 0:e.clientId}.${(x=S.tableName.split(/\.(?=[^.]*$)/))==null?void 0:x[1]}`}}))||[]:((b=e==null?void 0:e.externalDashboard)==null?void 0:b.filters)||[]},[(f=e==null?void 0:e.externalDashboard)==null?void 0:f.filters,e==null?void 0:e.companyTenancyType,e==null?void 0:e.clientId]);return R.jsx(R.Fragment,{children:R.jsxs("div",{className:`${$m["embedDashboard-container"]} dbn-dashboard`,children:[((d=e==null?void 0:e.externalDashboard)==null?void 0:d.id)&&!r&&R.jsxs(R.Fragment,{children:[R.jsxs("div",{className:$m["embedDashboard-header"],children:[R.jsx(Mt,{variant:"h1",styleClass:"custom",className:$m.dashboardName,children:e.externalDashboard.name||"Dashboard"}),R.jsxs("div",{className:$m["embedDashboard-header-buttons"],children:[e.sharingSettingsId&&R.jsx(PUe,{}),!(n!=null&&n.disableMetricCreation)&&e.isAllowedToCreateMetrics&&R.jsxs(R.Fragment,{children:[R.jsx(Vt,{type:"button",variant:"primary",size:"large",onClick:()=>o(!0),children:"Create Metric"}),R.jsx(bVe,{clientId:e.clientId,companyId:e.companyId,isLiveMode:!1,externalDashboardId:e.externalDashboard.id,chartColors:u??(n==null?void 0:n.chartColors),isShowMetricCreateModal:a,setShowMetricCreateModal:o,workspaceId:(h=e.workspace)==null?void 0:h.id,userProvidedDashboardId:e.externalDashboard.externalDashboardId})]})]})]}),R.jsxs("div",{className:$m["embedDashboard-wrapper"],children:[e.externalDashboard.filters.length?R.jsx(DBe,{filters:c,onApply:g=>{l(g)}}):null,R.jsx(DUe,{client:e.clientId,companyId:e.companyId,externalDashboardId:e.externalDashboard.externalDashboardId,externalDashboardPk:e.externalDashboard.id,adminLayout:e.externalDashboard.layout,isAllowedToDeleteMetrics:!(n!=null&&n.disableMetricDeletion)&&e.isAllowedToDeleteMetrics,isAllowedToUpdateMetrics:!(n!=null&&n.disableMetricUpdation)&&e.isAllowedToUpdateMetrics,isAllowedToChangeLayout:!(n!=null&&n.disableLayoutCustomization)&&e.isAllowedToChangeLayout,externalDashboardMetrics:e.externalDashboardMetrics,isMetricListLoading:r,globalFilters:s,breakpoint:t==null?void 0:t.breakpoint,layoutCols:t==null?void 0:t.metricLayoutCols,chartColors:u??(n==null?void 0:n.chartColors),params:Array.isArray(e.rlsSettings)?e.rlsSettings:[],companyTenancyType:e.companyTenancyType,sharingSettingsId:e.sharingSettingsId,appFilters:e.appFilters,isHideChartSettings:n==null?void 0:n.isHideChartSettings,isHideTablePreview:n==null?void 0:n.isHideTablePreview,enableDownloadCsv:n==null?void 0:n.enableDownloadCsv,enableEmailCsv:n==null?void 0:n.enableEmailCsv,enableMultiMetricFilters:n==null?void 0:n.enableMultiMetricFilters})]})]}),r&&R.jsx("div",{className:$m["alt-container"],children:R.jsx(pg,{style:{width:"50px",height:"50px",color:"blue"}})}),!r&&!((p=e==null?void 0:e.externalDashboard)!=null&&p.id)&&R.jsx("div",{className:$m["alt-container"],children:i||"Invalid token or Dashboard id"})]})})}),jUe=({token:n,dashboardId:t})=>{const[e,r]=ae.useState(!1),{data:i,isLoading:a,isError:o}=ude({token:n,dashboardId:t}),{externalDashboard:s,externalDashboardMetrics:l,adminTheme:u,workspace:c,companyId:f,clientId:d,isAllowedToChangeLayout:h,isAllowedToCreateMetrics:p,isAllowedToDeleteMetrics:g,isAllowedToUpdateMetrics:y,sharingSettingsId:b,rlsSettings:S,appFilters:x,companyTenancyType:M,error:_,clientSubsetData:T}=ae.useMemo(()=>{var L;const E=i;return{externalDashboardMetrics:(E==null?void 0:E.externalMetrics)||[],externalDashboard:E==null?void 0:E.externalDashboard,adminTheme:E==null?void 0:E.adminTheme,sharingSettingsId:(E==null?void 0:E.sharingSettingsId)||"",companyTenancyType:(E==null?void 0:E.companyTenancyType)||"TABLE",companyId:(E==null?void 0:E.companyId)||"",clientId:(E==null?void 0:E.clientId)||"",isAllowedToCreateMetrics:(E==null?void 0:E.isAllowedToCreateMetrics)||!1,isAllowedToUpdateMetrics:(E==null?void 0:E.isAllowedToUpdateMetrics)||!1,isAllowedToDeleteMetrics:(E==null?void 0:E.isAllowedToDeleteMetrics)||!1,isAllowedToChangeLayout:(E==null?void 0:E.isAllowedToChangeLayout)||!1,workspace:E==null?void 0:E.workspace,rlsSettings:E==null?void 0:E.rlsSettings,error:(L=E==null?void 0:E.error)==null?void 0:L.message,appFilters:E==null?void 0:E.appFilters,clientSubsetData:E==null?void 0:E.clientSubsetData}},[i]);return ae.useEffect(()=>{a&&r(!0),!a&&(o||l.length||s||_)&&r(!1)},[o,l,a,s,_]),QW(u),{isLoading:a||e,error:_,data:{externalDashboard:s,externalDashboardMetrics:l,isAllowedToChangeLayout:h,isAllowedToCreateMetrics:p,isAllowedToDeleteMetrics:g,isAllowedToUpdateMetrics:y,companyId:f,clientId:d,workspace:c,rlsSettings:S,appFilters:x,sharingSettingsId:b,adminTheme:u,companyTenancyType:M,clientSubsetData:T}}},zUe=({token:n,dashboardId:t,children:e})=>{const{data:r,isLoading:i,error:a}=jUe({token:n,dashboardId:t}),o=ae.useMemo(()=>({data:r,isLoading:i,token:n,error:a}),[r,i,n,a]);return R.jsx(TW.Provider,{value:o,children:e})},nat="",rat="",FUe=zR(({token:n,options:t,theme:e,dashboardId:r,isHideChartSettings:i,isHideTablePreview:a,enableDownloadCsv:o,enableEmailCsv:s,enableMultiMetricFilters:l})=>{const u=ae.useId(),[c,f]=ae.useState("");return ae.useEffect(()=>{const d=document.querySelector("#dbn-styles");d&&f(d.innerHTML)},[]),R.jsxs(R.Fragment,{children:[R.jsx("style",{id:`dbn-dashboard-${u}-style`,children:c}),R.jsx(sne,{theme:e,children:R.jsx(zUe,{token:n,dashboardId:r,children:R.jsx($Ue,{options:{...t,isHideChartSettings:i,isHideTablePreview:a,enableDownloadCsv:o,enableEmailCsv:s,enableMultiMetricFilters:l},theme:e})})})]})},{props:{token:"string",dashboardId:"string",options:"json",theme:"json",isHideChartSettings:"boolean",isHideTablePreview:"boolean",enableDownloadCsv:"boolean",enableEmailCsv:"boolean",enableMultiMetricFilters:"boolean"},shadow:"open"});customElements.get("dbn-dashboard")||customElements.define("dbn-dashboard",FUe);const BUe=zR(uje,{props:{token:"string",metricId:"string",theme:"json",chartRendererType:"string",chartColors:"json",height:"number",width:"number",className:"string",style:"json",variant:"string",onMinimize:"function",isHideChartSettings:"boolean",isHideTablePreview:"boolean",metricFilterOptions:"string",enableDownloadCsv:"boolean",enableEmailCsv:"boolean",enableMultiMetricFilters:"boolean"},shadow:"open"});customElements.get("dbn-metric")||customElements.define("dbn-metric",BUe);const VUe=zR(cw,{props:{chartOptions:"json",data:"json",events:"json",config:"json",className:"string",colors:"json"},shadow:"open"});customElements.get("dbn-chart")||customElements.define("dbn-chart",VUe),zb.Chart=cw,Object.defineProperty(zb,Symbol.toStringTag,{value:"Module"})});

package/package.json CHANGED Viewed

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