@databrainhq/plugin 0.10.1 → 0.10.2

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

@@ -3,8 +3,10 @@ import { EmbeddedMetricProps } from './EmbeddedMetric';
 import { ThemeType } from '@/utils/theme';
 export interface MetricProps extends EmbeddedMetricProps {
     theme?: ThemeType;
-    width?: string;
-    height?: string;
+    width?: number;
+    height?: number;
+    className?: string;
+    style?: React.CSSProperties;
 }
 /**
  * @name Metric - A react component to display a single metric card.
@@ -12,8 +14,10 @@ export interface MetricProps extends EmbeddedMetricProps {
  * @prop {string} metricId - A metric id (one which you have provided at the time of it's creation) of the metric you want to display.
  * @prop {array} chartColors (optional) - An array of colors to be used to visualize the chart.
  * @prop {string} chartRendererType (optional) - Whether to display chart as svg or canvas. In case of low end devices or in general svg is better and in case of frequent data changes or high size data visualization canvas is better. Defaults to canvas.
- * @prop {string} width (optional) - The width of the metric card e.g. 500px, 75vw, 50%, 4rem, 3em, etc. Defaults to 100%.
- * @prop {string} height (optional) - The height of the metric card e.g. 500px, 75vh, 50%, 4rem, 3em, etc. Defaults to 100%.
+ * @prop {number} width (optional) - The width of the metric card e.g. 500, 200 etc. will be treated as pixel value.
+ * @prop {number} height (optional) - The height of the metric card e.g. 500, 200 etc. will be treated as pixel value.
+ * @prop {string} className (optional) - The usual className prop to provide styles.
+ * @prop {object} style (optional) - The usual css style prop to provide inline styles.
  * @prop {object} theme (optional) - Theme config object to apply to the UI.
  */
-export declare const Metric: React.MemoExoticComponent<({ theme, width, height, ...metricProps }: MetricProps) => JSX.Element>;
+export declare const Metric: React.MemoExoticComponent<({ theme, width, height, style, className, ...metricProps }: MetricProps) => JSX.Element>;

package/dist/index.es.js

@@ -93729,8 +93729,8 @@ const yRe = "_alertCancel_15a9a_1", bRe = {
       h: (R == null ? void 0 : R.h) || ($ == null ? void 0 : $.h) || O.resizeAttributes.height || 10,
       x: (R == null ? void 0 : R.x) || ($ == null ? void 0 : $.x) || O.resizeAttributes.xAxis || 0,
       y: (R == null ? void 0 : R.y) || ($ == null ? void 0 : $.y) || O.resizeAttributes.yAxis || 0,
-      minW: 3,
-      minH: O.chartOptions.chartType === "single value" ? 5 : 8,
+      minW: O.chartOptions.chartType === "single value" ? 1 : 3,
+      minH: O.chartOptions.chartType === "single value" ? 2 : 8,
       maxH: O.chartOptions.chartType === "table" ? 1 / 0 : 15
     };
   }), [L, h, A]), N = it(() => L.map((k) => /* @__PURE__ */ I.jsx(
@@ -94611,7 +94611,25 @@ const yPe = new v6({
     ] });
   }
 ), LPe = ee.memo(
-  ({ theme: r, width: t, height: e, ...n }) => /* @__PURE__ */ I.jsx("div", { style: { width: t, height: e }, className: sG.metric, children: /* @__PURE__ */ I.jsx(oG, { theme: r, children: /* @__PURE__ */ I.jsx(_Pe, { ...n }) }) })
+  ({
+    theme: r,
+    width: t,
+    height: e,
+    style: n,
+    className: i = "",
+    ...a
+  }) => /* @__PURE__ */ I.jsx(
+    "div",
+    {
+      style: {
+        ...n,
+        width: t ? `${t}px` : void 0,
+        height: e ? `${e}px` : void 0
+      },
+      className: `${sG.metric} ${i}`,
+      children: /* @__PURE__ */ I.jsx(oG, { theme: r, children: /* @__PURE__ */ I.jsx(_Pe, { ...a }) })
+    }
+  )
 ), EPe = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
   __proto__: null
 }, Symbol.toStringTag, { value: "Module" }));

package/dist/index.umd.js

@@ -1859,4 +1859,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 x(F,V){if(F){if(typeof F=="string")return C(F,V);var H=Object.prototype.toString.call(F).slice(8,-1);if(H==="Object"&&F.constructor&&(H=F.constructor.name),H==="Map"||H==="Set")return Array.from(F);if(H==="Arguments"||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(H))return C(F,V)}}function C(F,V){(V==null||V>F.length)&&(V=F.length);for(var H=0,G=new Array(V);H<V;H++)G[H]=F[H];return G}function I(F,V){var H=F==null?null:typeof Symbol<"u"&&F[Symbol.iterator]||F["@@iterator"];if(H!=null){var G=[],Y=!0,J=!1,K,ee;try{for(H=H.call(F);!(Y=(K=H.next()).done)&&(G.push(K.value),!(V&&G.length===V));Y=!0);}catch(W){J=!0,ee=W}finally{try{!Y&&H.return!=null&&H.return()}finally{if(J)throw ee}}return G}}function D(F){if(Array.isArray(F))return F}function T(F,V){if(!(F instanceof V))throw new TypeError("Cannot call a class as a function")}function S(F,V){for(var H=0;H<V.length;H++){var G=V[H];G.enumerable=G.enumerable||!1,G.configurable=!0,"value"in G&&(G.writable=!0),Object.defineProperty(F,G.key,G)}}function M(F,V,H){return V&&S(F.prototype,V),H&&S(F,H),Object.defineProperty(F,"prototype",{writable:!1}),F}function L(F,V){if(typeof V!="function"&&V!==null)throw new TypeError("Super expression must either be null or a function");F.prototype=Object.create(V&&V.prototype,{constructor:{value:F,writable:!0,configurable:!0}}),Object.defineProperty(F,"prototype",{writable:!1}),V&&E(F,V)}function E(F,V){return E=Object.setPrototypeOf||function(G,Y){return G.__proto__=Y,G},E(F,V)}function N(F){var V=R();return function(){var G=P(F),Y;if(V){var J=P(this).constructor;Y=Reflect.construct(G,arguments,J)}else Y=G.apply(this,arguments);return k(this,Y)}}function k(F,V){if(V&&(t(V)==="object"||typeof V=="function"))return V;if(V!==void 0)throw new TypeError("Derived constructors may only return object or undefined");return O(F)}function O(F){if(F===void 0)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return F}function R(){if(typeof Reflect>"u"||!Reflect.construct||Reflect.construct.sham)return!1;if(typeof Proxy=="function")return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],function(){})),!0}catch{return!1}}function P(F){return P=Object.setPrototypeOf?Object.getPrototypeOf:function(H){return H.__proto__||Object.getPrototypeOf(H)},P(F)}function j(F,V,H){return V in F?Object.defineProperty(F,V,{value:H,enumerable:!0,configurable:!0,writable:!0}):F[V]=H,F}var B=function(F){L(H,F);var V=N(H);function H(G){var Y;return T(this,H),Y=V.call(this,G),j(O(Y),"onDragStart",function(J,K){(0,u.default)("Draggable: onDragStart: %j",K);var ee=Y.props.onStart(J,(0,s.createDraggableData)(O(Y),K));if(ee===!1)return!1;Y.setState({dragging:!0,dragged:!0})}),j(O(Y),"onDrag",function(J,K){if(!Y.state.dragging)return!1;(0,u.default)("Draggable: onDrag: %j",K);var ee=(0,s.createDraggableData)(O(Y),K),W={x:ee.x,y:ee.y};if(Y.props.bounds){var Q=W.x,U=W.y;W.x+=Y.state.slackX,W.y+=Y.state.slackY;var q=(0,s.getBoundPosition)(O(Y),W.x,W.y),oe=_(q,2),ae=oe[0],fe=oe[1];W.x=ae,W.y=fe,W.slackX=Y.state.slackX+(Q-W.x),W.slackY=Y.state.slackY+(U-W.y),ee.x=W.x,ee.y=W.y,ee.deltaX=W.x-Y.state.x,ee.deltaY=W.y-Y.state.y}var Be=Y.props.onDrag(J,ee);if(Be===!1)return!1;Y.setState(W)}),j(O(Y),"onDragStop",function(J,K){if(!Y.state.dragging)return!1;var ee=Y.props.onStop(J,(0,s.createDraggableData)(O(Y),K));if(ee===!1)return!1;(0,u.default)("Draggable: onDragStop: %j",K);var W={dragging:!1,slackX:0,slackY:0},Q=!!Y.props.position;if(Q){var U=Y.props.position,q=U.x,oe=U.y;W.x=q,W.y=oe}Y.setState(W)}),Y.state={dragging:!1,dragged:!1,x:G.position?G.position.x:G.defaultPosition.x,y:G.position?G.position.y:G.defaultPosition.y,prevPropsPosition:b({},G.position),slackX:0,slackY:0,isElementSVG:!1},G.position&&!(G.onDrag||G.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."),Y}return M(H,[{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 Y,J,K;return(Y=(J=this.props)===null||J===void 0||(K=J.nodeRef)===null||K===void 0?void 0:K.current)!==null&&Y!==void 0?Y:i.default.findDOMNode(this)}},{key:"render",value:function(){var Y,J=this.props;J.axis,J.bounds;var K=J.children,ee=J.defaultPosition,W=J.defaultClassName,Q=J.defaultClassNameDragging,U=J.defaultClassNameDragged,q=J.position,oe=J.positionOffset;J.scale;var ae=g(J,h),fe={},Be=null,st=!!q,bt=!st||this.state.dragging,lt=q||ee,Qt={x:(0,s.canDragX)(this)&&bt?this.state.x:lt.x,y:(0,s.canDragY)(this)&&bt?this.state.y:lt.y};this.state.isElementSVG?Be=(0,o.createSVGTransform)(Qt,oe):fe=(0,o.createCSSTransform)(Qt,oe);var he=(0,a.default)(K.props.className||"",W,(Y={},j(Y,Q,this.state.dragging),j(Y,U,this.state.dragged),Y));return e.createElement(c.default,v({},ae,{onStart:this.onDragStart,onDrag:this.onDrag,onStop:this.onDragStop}),e.cloneElement(e.Children.only(K),{className:he,style:b(b({},K.props.style),fe),transform:Be}))}}],[{key:"getDerivedStateFromProps",value:function(Y,J){var K=Y.position,ee=J.prevPropsPosition;return K&&(!ee||K.x!==ee.x||K.y!==ee.y)?((0,u.default)("Draggable: getDerivedStateFromProps %j",{position:K,prevPropsPosition:ee}),{x:K.x,y:K.y,prevPropsPosition:b({},K)}):null}}]),H}(e.Component);r.default=B,j(B,"displayName","Draggable"),j(B,"propTypes",b(b({},c.default.propTypes),{},{axis:n.default.oneOf(["both","x","y","none"]),bounds:n.default.oneOfType([n.default.shape({left:n.default.number,right:n.default.number,top:n.default.number,bottom:n.default.number}),n.default.string,n.default.oneOf([!1])]),defaultClassName:n.default.string,defaultClassNameDragging:n.default.string,defaultClassNameDragged:n.default.string,defaultPosition:n.default.shape({x:n.default.number,y:n.default.number}),positionOffset:n.default.shape({x:n.default.oneOfType([n.default.number,n.default.string]),y:n.default.oneOfType([n.default.number,n.default.string])}),position:n.default.shape({x:n.default.number,y:n.default.number}),className:l.dontSetMe,style:l.dontSetMe,transform:l.dontSetMe})),j(B,"defaultProps",b(b({},c.default.defaultProps),{},{axis:"both",bounds:!1,defaultClassName:"react-draggable",defaultClassNameDragging:"react-draggable-dragging",defaultClassNameDragged:"react-draggable-dragged",defaultPosition:{x:0,y:0},scale:1}))}($W);var KW=$W,JW=KW.default,HDe=KW.DraggableCore;xb.exports=JW,xb.exports.default=JW,xb.exports.DraggableCore=HDe;var eU=xb.exports,Ab={exports:{}},xv={},NI={};NI.__esModule=!0,NI.cloneElement=YDe;var WDe=UDe($);function UDe(r){return r&&r.__esModule?r:{default:r}}function tU(r,t){var e=Object.keys(r);if(Object.getOwnPropertySymbols){var n=Object.getOwnPropertySymbols(r);t&&(n=n.filter(function(i){return Object.getOwnPropertyDescriptor(r,i).enumerable})),e.push.apply(e,n)}return e}function rU(r){for(var t=1;t<arguments.length;t++){var e=arguments[t]!=null?arguments[t]:{};t%2?tU(Object(e),!0).forEach(function(n){GDe(r,n,e[n])}):Object.getOwnPropertyDescriptors?Object.defineProperties(r,Object.getOwnPropertyDescriptors(e)):tU(Object(e)).forEach(function(n){Object.defineProperty(r,n,Object.getOwnPropertyDescriptor(e,n))})}return r}function GDe(r,t,e){return t in r?Object.defineProperty(r,t,{value:e,enumerable:!0,configurable:!0,writable:!0}):r[t]=e,r}function YDe(r,t){return t.style&&r.props.style&&(t.style=rU(rU({},r.props.style),t.style)),t.className&&r.props.className&&(t.className=r.props.className+" "+t.className),WDe.default.cloneElement(r,t)}var Sv={};Sv.__esModule=!0,Sv.resizableProps=void 0;var It=QDe(Fa);function QDe(r){return r&&r.__esModule?r:{default:r}}var ZDe={axis:It.default.oneOf(["both","x","y","none"]),className:It.default.string,children:It.default.element.isRequired,draggableOpts:It.default.shape({allowAnyClick:It.default.bool,cancel:It.default.string,children:It.default.node,disabled:It.default.bool,enableUserSelectHack:It.default.bool,offsetParent:It.default.node,grid:It.default.arrayOf(It.default.number),handle:It.default.string,nodeRef:It.default.object,onStart:It.default.func,onDrag:It.default.func,onStop:It.default.func,onMouseDown:It.default.func,scale:It.default.number}),height:It.default.number.isRequired,handle:It.default.oneOfType([It.default.node,It.default.func]),handleSize:It.default.arrayOf(It.default.number),lockAspectRatio:It.default.bool,maxConstraints:It.default.arrayOf(It.default.number),minConstraints:It.default.arrayOf(It.default.number),onResizeStop:It.default.func,onResizeStart:It.default.func,onResize:It.default.func,resizeHandles:It.default.arrayOf(It.default.oneOf(["s","w","e","n","sw","nw","se","ne"])),transformScale:It.default.number,width:It.default.number.isRequired};Sv.resizableProps=ZDe,xv.__esModule=!0,xv.default=void 0;var Mv=eCe($),qDe=eU,XDe=NI,KDe=Sv,JDe=["children","className","draggableOpts","width","height","handle","handleSize","lockAspectRatio","axis","minConstraints","maxConstraints","onResize","onResizeStop","onResizeStart","resizeHandles","transformScale"];function nU(r){if(typeof WeakMap!="function")return null;var t=new WeakMap,e=new WeakMap;return(nU=function(i){return i?e:t})(r)}function eCe(r,t){if(!t&&r&&r.__esModule)return r;if(r===null||typeof r!="object"&&typeof r!="function")return{default:r};var e=nU(t);if(e&&e.has(r))return e.get(r);var n={},i=Object.defineProperty&&Object.getOwnPropertyDescriptor;for(var a in r)if(a!=="default"&&Object.prototype.hasOwnProperty.call(r,a)){var o=i?Object.getOwnPropertyDescriptor(r,a):null;o&&(o.get||o.set)?Object.defineProperty(n,a,o):n[a]=r[a]}return n.default=r,e&&e.set(r,n),n}function kI(){return kI=Object.assign||function(r){for(var t=1;t<arguments.length;t++){var e=arguments[t];for(var n in e)Object.prototype.hasOwnProperty.call(e,n)&&(r[n]=e[n])}return r},kI.apply(this,arguments)}function tCe(r,t){if(r==null)return{};var e={},n=Object.keys(r),i,a;for(a=0;a<n.length;a++)i=n[a],!(t.indexOf(i)>=0)&&(e[i]=r[i]);return e}function iU(r,t){var e=Object.keys(r);if(Object.getOwnPropertySymbols){var n=Object.getOwnPropertySymbols(r);t&&(n=n.filter(function(i){return Object.getOwnPropertyDescriptor(r,i).enumerable})),e.push.apply(e,n)}return e}function OI(r){for(var t=1;t<arguments.length;t++){var e=arguments[t]!=null?arguments[t]:{};t%2?iU(Object(e),!0).forEach(function(n){rCe(r,n,e[n])}):Object.getOwnPropertyDescriptors?Object.defineProperties(r,Object.getOwnPropertyDescriptors(e)):iU(Object(e)).forEach(function(n){Object.defineProperty(r,n,Object.getOwnPropertyDescriptor(e,n))})}return r}function rCe(r,t,e){return t in r?Object.defineProperty(r,t,{value:e,enumerable:!0,configurable:!0,writable:!0}):r[t]=e,r}function nCe(r,t){r.prototype=Object.create(t.prototype),r.prototype.constructor=r,RI(r,t)}function RI(r,t){return RI=Object.setPrototypeOf||function(n,i){return n.__proto__=i,n},RI(r,t)}var PI=function(r){nCe(t,r);function t(){for(var n,i=arguments.length,a=new Array(i),o=0;o<i;o++)a[o]=arguments[o];return n=r.call.apply(r,[this].concat(a))||this,n.handleRefs={},n.lastHandleRect=null,n.slack=null,n}var e=t.prototype;return e.componentWillUnmount=function(){this.resetData()},e.resetData=function(){this.lastHandleRect=this.slack=null},e.runConstraints=function(i,a){var o=this.props,s=o.minConstraints,l=o.maxConstraints,c=o.lockAspectRatio;if(!s&&!l&&!c)return[i,a];if(c){var u=this.props.width/this.props.height,h=i-this.props.width,f=a-this.props.height;Math.abs(h)>Math.abs(f*u)?a=i/u:i=a*u}var d=i,p=a,v=this.slack||[0,0],g=v[0],m=v[1];return i+=g,a+=m,s&&(i=Math.max(s[0],i),a=Math.max(s[1],a)),l&&(i=Math.min(l[0],i),a=Math.min(l[1],a)),this.slack=[g+(d-i),m+(p-a)],[i,a]},e.resizeHandler=function(i,a){var o=this;return function(s,l){var c=l.node,u=l.deltaX,h=l.deltaY;i==="onResizeStart"&&o.resetData();var f=(o.props.axis==="both"||o.props.axis==="x")&&a!=="n"&&a!=="s",d=(o.props.axis==="both"||o.props.axis==="y")&&a!=="e"&&a!=="w";if(!(!f&&!d)){var p=a[0],v=a[a.length-1],g=c.getBoundingClientRect();if(o.lastHandleRect!=null){if(v==="w"){var m=g.left-o.lastHandleRect.left;u+=m}if(p==="n"){var y=g.top-o.lastHandleRect.top;h+=y}}o.lastHandleRect=g,v==="w"&&(u=-u),p==="n"&&(h=-h);var b=o.props.width+(f?u/o.props.transformScale:0),_=o.props.height+(d?h/o.props.transformScale:0),w=o.runConstraints(b,_);b=w[0],_=w[1];var x=b!==o.props.width||_!==o.props.height,C=typeof o.props[i]=="function"?o.props[i]:null,I=i==="onResize"&&!x;C&&!I&&(s.persist==null||s.persist(),C(s,{node:c,size:{width:b,height:_},handle:a})),i==="onResizeStop"&&o.resetData()}}},e.renderResizeHandle=function(i,a){var o=this.props.handle;if(!o)return Mv.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=OI({ref:a},s?{}:{handleAxis:i});return Mv.cloneElement(o,l)},e.render=function(){var i=this,a=this.props,o=a.children,s=a.className,l=a.draggableOpts;a.width,a.height,a.handle,a.handleSize,a.lockAspectRatio,a.axis,a.minConstraints,a.maxConstraints,a.onResize,a.onResizeStop,a.onResizeStart;var c=a.resizeHandles;a.transformScale;var u=tCe(a,JDe);return(0,XDe.cloneElement)(o,OI(OI({},u),{},{className:(s?s+" ":"")+"react-resizable",children:[].concat(o.props.children,c.map(function(h){var f,d=(f=i.handleRefs[h])!=null?f:i.handleRefs[h]=Mv.createRef();return Mv.createElement(qDe.DraggableCore,kI({},l,{nodeRef:d,key:"resizableHandle-"+h,onStop:i.resizeHandler("onResizeStop",h),onStart:i.resizeHandler("onResizeStart",h),onDrag:i.resizeHandler("onResize",h)}),i.renderResizeHandle(h,d))}))}))},t}(Mv.Component);xv.default=PI,PI.propTypes=KDe.resizableProps,PI.defaultProps={axis:"both",handleSize:[20,20],lockAspectRatio:!1,minConstraints:[20,20],maxConstraints:[1/0,1/0],resizeHandles:["se"],transformScale:1};var Lb={};Lb.__esModule=!0,Lb.default=void 0;var $I=lCe($),iCe=aU(Fa),aCe=aU(xv),oCe=Sv,sCe=["handle","handleSize","onResize","onResizeStart","onResizeStop","draggableOpts","minConstraints","maxConstraints","lockAspectRatio","axis","width","height","resizeHandles","style","transformScale"];function aU(r){return r&&r.__esModule?r:{default:r}}function oU(r){if(typeof WeakMap!="function")return null;var t=new WeakMap,e=new WeakMap;return(oU=function(i){return i?e:t})(r)}function lCe(r,t){if(!t&&r&&r.__esModule)return r;if(r===null||typeof r!="object"&&typeof r!="function")return{default:r};var e=oU(t);if(e&&e.has(r))return e.get(r);var n={},i=Object.defineProperty&&Object.getOwnPropertyDescriptor;for(var a in r)if(a!=="default"&&Object.prototype.hasOwnProperty.call(r,a)){var o=i?Object.getOwnPropertyDescriptor(r,a):null;o&&(o.get||o.set)?Object.defineProperty(n,a,o):n[a]=r[a]}return n.default=r,e&&e.set(r,n),n}function jI(){return jI=Object.assign||function(r){for(var t=1;t<arguments.length;t++){var e=arguments[t];for(var n in e)Object.prototype.hasOwnProperty.call(e,n)&&(r[n]=e[n])}return r},jI.apply(this,arguments)}function sU(r,t){var e=Object.keys(r);if(Object.getOwnPropertySymbols){var n=Object.getOwnPropertySymbols(r);t&&(n=n.filter(function(i){return Object.getOwnPropertyDescriptor(r,i).enumerable})),e.push.apply(e,n)}return e}function Eb(r){for(var t=1;t<arguments.length;t++){var e=arguments[t]!=null?arguments[t]:{};t%2?sU(Object(e),!0).forEach(function(n){uCe(r,n,e[n])}):Object.getOwnPropertyDescriptors?Object.defineProperties(r,Object.getOwnPropertyDescriptors(e)):sU(Object(e)).forEach(function(n){Object.defineProperty(r,n,Object.getOwnPropertyDescriptor(e,n))})}return r}function uCe(r,t,e){return t in r?Object.defineProperty(r,t,{value:e,enumerable:!0,configurable:!0,writable:!0}):r[t]=e,r}function cCe(r,t){if(r==null)return{};var e={},n=Object.keys(r),i,a;for(a=0;a<n.length;a++)i=n[a],!(t.indexOf(i)>=0)&&(e[i]=r[i]);return e}function hCe(r,t){r.prototype=Object.create(t.prototype),r.prototype.constructor=r,zI(r,t)}function zI(r,t){return zI=Object.setPrototypeOf||function(n,i){return n.__proto__=i,n},zI(r,t)}var lU=function(r){hCe(t,r);function t(){for(var n,i=arguments.length,a=new Array(i),o=0;o<i;o++)a[o]=arguments[o];return n=r.call.apply(r,[this].concat(a))||this,n.state={width:n.props.width,height:n.props.height,propsWidth:n.props.width,propsHeight:n.props.height},n.onResize=function(s,l){var c=l.size;n.props.onResize?(s.persist==null||s.persist(),n.setState(c,function(){return n.props.onResize&&n.props.onResize(s,l)})):n.setState(c)},n}t.getDerivedStateFromProps=function(i,a){return a.propsWidth!==i.width||a.propsHeight!==i.height?{width:i.width,height:i.height,propsWidth:i.width,propsHeight:i.height}:null};var e=t.prototype;return e.render=function(){var i=this.props,a=i.handle,o=i.handleSize;i.onResize;var s=i.onResizeStart,l=i.onResizeStop,c=i.draggableOpts,u=i.minConstraints,h=i.maxConstraints,f=i.lockAspectRatio,d=i.axis;i.width,i.height;var p=i.resizeHandles,v=i.style,g=i.transformScale,m=cCe(i,sCe);return $I.createElement(aCe.default,{axis:d,draggableOpts:c,handle:a,handleSize:o,height:this.state.height,lockAspectRatio:f,maxConstraints:h,minConstraints:u,onResizeStart:s,onResize:this.onResize,onResizeStop:l,resizeHandles:p,transformScale:g,width:this.state.width},$I.createElement("div",jI({},m,{style:Eb(Eb({},v),{},{width:this.state.width+"px",height:this.state.height+"px"})})))},t}($I.Component);Lb.default=lU,lU.propTypes=Eb(Eb({},oCe.resizableProps),{},{children:iCe.default.element}),Ab.exports=function(){throw new Error("Don't instantiate Resizable directly! Use require('react-resizable').Resizable")},Ab.exports.Resizable=xv.default,Ab.exports.ResizableBox=Lb.default;var fCe=Ab.exports,cs={};Object.defineProperty(cs,"__esModule",{value:!0}),cs.resizeHandleType=cs.resizeHandleAxesType=cs.default=void 0;var yt=uU(Fa),dCe=uU($);function uU(r){return r&&r.__esModule?r:{default:r}}var cU=yt.default.arrayOf(yt.default.oneOf(["s","w","e","n","sw","nw","se","ne"]));cs.resizeHandleAxesType=cU;var hU=yt.default.oneOfType([yt.default.node,yt.default.func]);cs.resizeHandleType=hU;var pCe={className:yt.default.string,style:yt.default.object,width:yt.default.number,autoSize:yt.default.bool,cols:yt.default.number,draggableCancel:yt.default.string,draggableHandle:yt.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:yt.default.oneOf(["vertical","horizontal"]),layout:function(t){var e=t.layout;e!==void 0&&Tt.validateLayout(e,"layout")},margin:yt.default.arrayOf(yt.default.number),containerPadding:yt.default.arrayOf(yt.default.number),rowHeight:yt.default.number,maxRows:yt.default.number,isBounded:yt.default.bool,isDraggable:yt.default.bool,isResizable:yt.default.bool,allowOverlap:yt.default.bool,preventCollision:yt.default.bool,useCSSTransforms:yt.default.bool,transformScale:yt.default.number,isDroppable:yt.default.bool,resizeHandles:cU,resizeHandle:hU,onLayoutChange:yt.default.func,onDragStart:yt.default.func,onDrag:yt.default.func,onDragStop:yt.default.func,onResizeStart:yt.default.func,onResize:yt.default.func,onResizeStop:yt.default.func,onDrop:yt.default.func,droppingItem:yt.default.shape({i:yt.default.string.isRequired,w:yt.default.number.isRequired,h:yt.default.number.isRequired}),children:function(t,e){var n=t[e],i={};dCe.default.Children.forEach(n,function(a){if((a==null?void 0:a.key)!=null){if(i[a.key])throw new Error('Duplicate child key "'+a.key+'" found! This will cause problems in ReactGridLayout.');i[a.key]=!0}})},innerRef:yt.default.any};cs.default=pCe;function FI(r){return FI=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},FI(r)}Object.defineProperty(_b,"__esModule",{value:!0}),_b.default=void 0;var hf=BI($),Xt=BI(Fa),vCe=eU,gCe=fCe,Dv=Tt,xn=us,fU=cs,mCe=BI(yb);function BI(r){return r&&r.__esModule?r:{default:r}}function dU(r,t){var e=Object.keys(r);if(Object.getOwnPropertySymbols){var n=Object.getOwnPropertySymbols(r);t&&(n=n.filter(function(i){return Object.getOwnPropertyDescriptor(r,i).enumerable})),e.push.apply(e,n)}return e}function VI(r){for(var t=1;t<arguments.length;t++){var e=arguments[t]!=null?arguments[t]:{};t%2?dU(Object(e),!0).forEach(function(n){Ya(r,n,e[n])}):Object.getOwnPropertyDescriptors?Object.defineProperties(r,Object.getOwnPropertyDescriptors(e)):dU(Object(e)).forEach(function(n){Object.defineProperty(r,n,Object.getOwnPropertyDescriptor(e,n))})}return r}function yCe(r,t){if(!(r instanceof t))throw new TypeError("Cannot call a class as a function")}function pU(r,t){for(var e=0;e<t.length;e++){var n=t[e];n.enumerable=n.enumerable||!1,n.configurable=!0,"value"in n&&(n.writable=!0),Object.defineProperty(r,n.key,n)}}function bCe(r,t,e){return t&&pU(r.prototype,t),e&&pU(r,e),Object.defineProperty(r,"prototype",{writable:!1}),r}function wCe(r,t){if(typeof t!="function"&&t!==null)throw new TypeError("Super expression must either be null or a function");r.prototype=Object.create(t&&t.prototype,{constructor:{value:r,writable:!0,configurable:!0}}),Object.defineProperty(r,"prototype",{writable:!1}),t&&HI(r,t)}function HI(r,t){return HI=Object.setPrototypeOf||function(n,i){return n.__proto__=i,n},HI(r,t)}function _Ce(r){var t=SCe();return function(){var n=Nb(r),i;if(t){var a=Nb(this).constructor;i=Reflect.construct(n,arguments,a)}else i=n.apply(this,arguments);return xCe(this,i)}}function xCe(r,t){if(t&&(FI(t)==="object"||typeof t=="function"))return t;if(t!==void 0)throw new TypeError("Derived constructors may only return object or undefined");return ma(r)}function ma(r){if(r===void 0)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return r}function SCe(){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 Nb(r){return Nb=Object.setPrototypeOf?Object.getPrototypeOf:function(e){return e.__proto__||Object.getPrototypeOf(e)},Nb(r)}function Ya(r,t,e){return t in r?Object.defineProperty(r,t,{value:e,enumerable:!0,configurable:!0,writable:!0}):r[t]=e,r}var WI=function(r){wCe(e,r);var t=_Ce(e);function e(){var n;yCe(this,e);for(var i=arguments.length,a=new Array(i),o=0;o<i;o++)a[o]=arguments[o];return n=t.call.apply(t,[this].concat(a)),Ya(ma(n),"state",{resizing:null,dragging:null,className:""}),Ya(ma(n),"elementRef",hf.default.createRef()),Ya(ma(n),"onDragStart",function(s,l){var c=l.node,u=n.props,h=u.onDragStart,f=u.transformScale;if(h){var d={top:0,left:0},p=c.offsetParent;if(p){var v=p.getBoundingClientRect(),g=c.getBoundingClientRect(),m=g.left/f,y=v.left/f,b=g.top/f,_=v.top/f;d.left=m-y+p.scrollLeft,d.top=b-_+p.scrollTop,n.setState({dragging:d});var w=(0,xn.calcXY)(n.getPositionParams(),d.top,d.left,n.props.w,n.props.h),x=w.x,C=w.y;return h.call(ma(n),n.props.i,x,C,{e:s,node:c,newPosition:d})}}}),Ya(ma(n),"onDrag",function(s,l){var c=l.node,u=l.deltaX,h=l.deltaY,f=n.props.onDrag;if(f){if(!n.state.dragging)throw new Error("onDrag called before onDragStart.");var d=n.state.dragging.top+h,p=n.state.dragging.left+u,v=n.props,g=v.isBounded,m=v.i,y=v.w,b=v.h,_=v.containerWidth,w=n.getPositionParams();if(g){var x=c.offsetParent;if(x){var C=n.props,I=C.margin,D=C.rowHeight,T=x.clientHeight-(0,xn.calcGridItemWHPx)(b,D,I[1]);d=(0,xn.clamp)(d,0,T);var S=(0,xn.calcGridColWidth)(w),M=_-(0,xn.calcGridItemWHPx)(y,S,I[0]);p=(0,xn.clamp)(p,0,M)}}var L={top:d,left:p};n.setState({dragging:L});var E=(0,xn.calcXY)(w,d,p,y,b),N=E.x,k=E.y;return f.call(ma(n),m,N,k,{e:s,node:c,newPosition:L})}}),Ya(ma(n),"onDragStop",function(s,l){var c=l.node,u=n.props.onDragStop;if(u){if(!n.state.dragging)throw new Error("onDragEnd called before onDragStart.");var h=n.props,f=h.w,d=h.h,p=h.i,v=n.state.dragging,g=v.left,m=v.top,y={top:m,left:g};n.setState({dragging:null});var b=(0,xn.calcXY)(n.getPositionParams(),m,g,f,d),_=b.x,w=b.y;return u.call(ma(n),p,_,w,{e:s,node:c,newPosition:y})}}),Ya(ma(n),"onResizeStop",function(s,l){n.onResizeHandler(s,l,"onResizeStop")}),Ya(ma(n),"onResizeStart",function(s,l){n.onResizeHandler(s,l,"onResizeStart")}),Ya(ma(n),"onResize",function(s,l){n.onResizeHandler(s,l,"onResize")}),n}return bCe(e,[{key:"shouldComponentUpdate",value:function(i,a){if(this.props.children!==i.children||this.props.droppingPosition!==i.droppingPosition)return!0;var o=(0,xn.calcGridItemPosition)(this.getPositionParams(this.props),this.props.x,this.props.y,this.props.w,this.props.h,this.state),s=(0,xn.calcGridItemPosition)(this.getPositionParams(i),i.x,i.y,i.w,i.h,a);return!(0,Dv.fastPositionEqual)(o,s)||this.props.useCSSTransforms!==i.useCSSTransforms}},{key:"componentDidMount",value:function(){this.moveDroppingItem({})}},{key:"componentDidUpdate",value:function(i){this.moveDroppingItem(i)}},{key:"moveDroppingItem",value:function(i){var a=this.props.droppingPosition;if(a){var o=this.elementRef.current;if(o){var s=i.droppingPosition||{left:0,top:0},l=this.state.dragging,c=l&&a.left!==s.left||a.top!==s.top;if(!l)this.onDragStart(a.e,{node:o,deltaX:a.left,deltaY:a.top});else if(c){var u=a.left-l.left,h=a.top-l.top;this.onDrag(a.e,{node:o,deltaX:u,deltaY:h})}}}}},{key:"getPositionParams",value:function(){var i=arguments.length>0&&arguments[0]!==void 0?arguments[0]:this.props;return{cols:i.cols,containerPadding:i.containerPadding,containerWidth:i.containerWidth,margin:i.margin,maxRows:i.maxRows,rowHeight:i.rowHeight}}},{key:"createStyle",value:function(i){var a=this.props,o=a.usePercentages,s=a.containerWidth,l=a.useCSSTransforms,c;return l?c=(0,Dv.setTransform)(i):(c=(0,Dv.setTopLeft)(i),o&&(c.left=(0,Dv.perc)(i.left/s),c.width=(0,Dv.perc)(i.width/s))),c}},{key:"mixinDraggable",value:function(i,a){return hf.default.createElement(vCe.DraggableCore,{disabled:!a,onStart:this.onDragStart,onDrag:this.onDrag,onStop:this.onDragStop,handle:this.props.handle,cancel:".react-resizable-handle"+(this.props.cancel?","+this.props.cancel:""),scale:this.props.transformScale,nodeRef:this.elementRef},i)}},{key:"mixinResizable",value:function(i,a,o){var s=this.props,l=s.cols,c=s.x,u=s.minW,h=s.minH,f=s.maxW,d=s.maxH,p=s.transformScale,v=s.resizeHandles,g=s.resizeHandle,m=this.getPositionParams(),y=(0,xn.calcGridItemPosition)(m,0,0,l-c,0).width,b=(0,xn.calcGridItemPosition)(m,0,0,u,h),_=(0,xn.calcGridItemPosition)(m,0,0,f,d),w=[b.width,b.height],x=[Math.min(_.width,y),Math.min(_.height,1/0)];return hf.default.createElement(gCe.Resizable,{draggableOpts:{disabled:!o},className:o?void 0:"react-resizable-hide",width:a.width,height:a.height,minConstraints:w,maxConstraints:x,onResizeStop:this.onResizeStop,onResizeStart:this.onResizeStart,onResize:this.onResize,transformScale:p,resizeHandles:v,handle:g},i)}},{key:"onResizeHandler",value:function(i,a,o){var s=a.node,l=a.size,c=this.props[o];if(c){var u=this.props,h=u.cols,f=u.x,d=u.y,p=u.i,v=u.maxH,g=u.minH,m=this.props,y=m.minW,b=m.maxW,_=(0,xn.calcWH)(this.getPositionParams(),l.width,l.height,f,d),w=_.w,x=_.h;y=Math.max(y,1),b=Math.min(b,h-f),w=(0,xn.clamp)(w,y,b),x=(0,xn.clamp)(x,g,v),this.setState({resizing:o==="onResizeStop"?null:l}),c.call(this,p,w,x,{e:i,node:s,size:l})}}},{key:"render",value:function(){var i=this.props,a=i.x,o=i.y,s=i.w,l=i.h,c=i.isDraggable,u=i.isResizable,h=i.droppingPosition,f=i.useCSSTransforms,d=(0,xn.calcGridItemPosition)(this.getPositionParams(),a,o,s,l,this.state),p=hf.default.Children.only(this.props.children),v=hf.default.cloneElement(p,{ref:this.elementRef,className:(0,mCe.default)("react-grid-item",p.props.className,this.props.className,{static:this.props.static,resizing:!!this.state.resizing,"react-draggable":c,"react-draggable-dragging":!!this.state.dragging,dropping:!!h,cssTransforms:f}),style:VI(VI(VI({},this.props.style),p.props.style),this.createStyle(d))});return v=this.mixinResizable(v,d,u),v=this.mixinDraggable(v,c),v}}]),e}(hf.default.Component);_b.default=WI,Ya(WI,"propTypes",{children:Xt.default.element,cols:Xt.default.number.isRequired,containerWidth:Xt.default.number.isRequired,rowHeight:Xt.default.number.isRequired,margin:Xt.default.array.isRequired,maxRows:Xt.default.number.isRequired,containerPadding:Xt.default.array.isRequired,x:Xt.default.number.isRequired,y:Xt.default.number.isRequired,w:Xt.default.number.isRequired,h:Xt.default.number.isRequired,minW:function(t,e){var n=t[e];if(typeof n!="number")return new Error("minWidth not Number");if(n>t.w||n>t.maxW)return new Error("minWidth larger than item width/maxWidth")},maxW:function(t,e){var n=t[e];if(typeof n!="number")return new Error("maxWidth not Number");if(n<t.w||n<t.minW)return new Error("maxWidth smaller than item width/minWidth")},minH:function(t,e){var n=t[e];if(typeof n!="number")return new Error("minHeight not Number");if(n>t.h||n>t.maxH)return new Error("minHeight larger than item height/maxHeight")},maxH:function(t,e){var n=t[e];if(typeof n!="number")return new Error("maxHeight not Number");if(n<t.h||n<t.minH)return new Error("maxHeight smaller than item height/minHeight")},i:Xt.default.string.isRequired,resizeHandles:fU.resizeHandleAxesType,resizeHandle:fU.resizeHandleType,onDragStop:Xt.default.func,onDragStart:Xt.default.func,onDrag:Xt.default.func,onResizeStop:Xt.default.func,onResizeStart:Xt.default.func,onResize:Xt.default.func,isDraggable:Xt.default.bool.isRequired,isResizable:Xt.default.bool.isRequired,isBounded:Xt.default.bool.isRequired,static:Xt.default.bool,useCSSTransforms:Xt.default.bool.isRequired,transformScale:Xt.default.number,className:Xt.default.string,handle:Xt.default.string,cancel:Xt.default.string,droppingPosition:Xt.default.shape({e:Xt.default.object.isRequired,left:Xt.default.number.isRequired,top:Xt.default.number.isRequired})}),Ya(WI,"defaultProps",{className:"",cancel:"",handle:"",minH:1,minW:1,maxH:1/0,maxW:1/0,transformScale:1});function kb(r){return kb=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},kb(r)}Object.defineProperty(bv,"__esModule",{value:!0}),bv.default=void 0;var fc=TCe($),UI=Ob(mv),MCe=Ob(yb),at=Tt,DCe=us,vU=Ob(_b),CCe=Ob(cs);function Ob(r){return r&&r.__esModule?r:{default:r}}function gU(r){if(typeof WeakMap!="function")return null;var t=new WeakMap,e=new WeakMap;return(gU=function(i){return i?e:t})(r)}function TCe(r,t){if(!t&&r&&r.__esModule)return r;if(r===null||kb(r)!=="object"&&typeof r!="function")return{default:r};var e=gU(t);if(e&&e.has(r))return e.get(r);var n={},i=Object.defineProperty&&Object.getOwnPropertyDescriptor;for(var a in r)if(a!=="default"&&Object.prototype.hasOwnProperty.call(r,a)){var o=i?Object.getOwnPropertyDescriptor(r,a):null;o&&(o.get||o.set)?Object.defineProperty(n,a,o):n[a]=r[a]}return n.default=r,e&&e.set(r,n),n}function ICe(r){return ECe(r)||LCe(r)||yU(r)||ACe()}function ACe(){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 LCe(r){if(typeof Symbol<"u"&&r[Symbol.iterator]!=null||r["@@iterator"]!=null)return Array.from(r)}function ECe(r){if(Array.isArray(r))return GI(r)}function mU(r,t){var e=Object.keys(r);if(Object.getOwnPropertySymbols){var n=Object.getOwnPropertySymbols(r);t&&(n=n.filter(function(i){return Object.getOwnPropertyDescriptor(r,i).enumerable})),e.push.apply(e,n)}return e}function dc(r){for(var t=1;t<arguments.length;t++){var e=arguments[t]!=null?arguments[t]:{};t%2?mU(Object(e),!0).forEach(function(n){Sn(r,n,e[n])}):Object.getOwnPropertyDescriptors?Object.defineProperties(r,Object.getOwnPropertyDescriptors(e)):mU(Object(e)).forEach(function(n){Object.defineProperty(r,n,Object.getOwnPropertyDescriptor(e,n))})}return r}function NCe(r,t){return RCe(r)||OCe(r,t)||yU(r,t)||kCe()}function kCe(){throw new TypeError(`Invalid attempt to destructure non-iterable instance.
 In order to be iterable, non-array objects must have a [Symbol.iterator]() method.`)}function yU(r,t){if(r){if(typeof r=="string")return GI(r,t);var e=Object.prototype.toString.call(r).slice(8,-1);if(e==="Object"&&r.constructor&&(e=r.constructor.name),e==="Map"||e==="Set")return Array.from(r);if(e==="Arguments"||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(e))return GI(r,t)}}function GI(r,t){(t==null||t>r.length)&&(t=r.length);for(var e=0,n=new Array(t);e<t;e++)n[e]=r[e];return n}function OCe(r,t){var e=r==null?null:typeof Symbol<"u"&&r[Symbol.iterator]||r["@@iterator"];if(e!=null){var n=[],i=!0,a=!1,o,s;try{for(e=e.call(r);!(i=(o=e.next()).done)&&(n.push(o.value),!(t&&n.length===t));i=!0);}catch(l){a=!0,s=l}finally{try{!i&&e.return!=null&&e.return()}finally{if(a)throw s}}return n}}function RCe(r){if(Array.isArray(r))return r}function PCe(r,t){if(!(r instanceof t))throw new TypeError("Cannot call a class as a function")}function bU(r,t){for(var e=0;e<t.length;e++){var n=t[e];n.enumerable=n.enumerable||!1,n.configurable=!0,"value"in n&&(n.writable=!0),Object.defineProperty(r,n.key,n)}}function $Ce(r,t,e){return t&&bU(r.prototype,t),e&&bU(r,e),Object.defineProperty(r,"prototype",{writable:!1}),r}function jCe(r,t){if(typeof t!="function"&&t!==null)throw new TypeError("Super expression must either be null or a function");r.prototype=Object.create(t&&t.prototype,{constructor:{value:r,writable:!0,configurable:!0}}),Object.defineProperty(r,"prototype",{writable:!1}),t&&YI(r,t)}function YI(r,t){return YI=Object.setPrototypeOf||function(n,i){return n.__proto__=i,n},YI(r,t)}function zCe(r){var t=BCe();return function(){var n=Rb(r),i;if(t){var a=Rb(this).constructor;i=Reflect.construct(n,arguments,a)}else i=n.apply(this,arguments);return FCe(this,i)}}function FCe(r,t){if(t&&(kb(t)==="object"||typeof t=="function"))return t;if(t!==void 0)throw new TypeError("Derived constructors may only return object or undefined");return di(r)}function di(r){if(r===void 0)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return r}function BCe(){if(typeof Reflect>"u"||!Reflect.construct||Reflect.construct.sham)return!1;if(typeof Proxy=="function")return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],function(){})),!0}catch{return!1}}function Rb(r){return Rb=Object.setPrototypeOf?Object.getPrototypeOf:function(e){return e.__proto__||Object.getPrototypeOf(e)},Rb(r)}function Sn(r,t,e){return t in r?Object.defineProperty(r,t,{value:e,enumerable:!0,configurable:!0,writable:!0}):r[t]=e,r}var wU="react-grid-layout",_U=!1;try{_U=/firefox/i.test(navigator.userAgent)}catch{}var Pb=function(r){jCe(e,r);var t=zCe(e);function e(){var n;PCe(this,e);for(var i=arguments.length,a=new Array(i),o=0;o<i;o++)a[o]=arguments[o];return n=t.call.apply(t,[this].concat(a)),Sn(di(n),"state",{activeDrag:null,layout:(0,at.synchronizeLayoutWithChildren)(n.props.layout,n.props.children,n.props.cols,(0,at.compactType)(n.props),n.props.allowOverlap),mounted:!1,oldDragItem:null,oldLayout:null,oldResizeItem:null,droppingDOMNode:null,children:[]}),Sn(di(n),"dragEnterCounter",0),Sn(di(n),"onDragStart",function(s,l,c,u){var h=u.e,f=u.node,d=n.state.layout,p=(0,at.getLayoutItem)(d,s);if(p)return n.setState({oldDragItem:(0,at.cloneLayoutItem)(p),oldLayout:d}),n.props.onDragStart(d,p,p,null,h,f)}),Sn(di(n),"onDrag",function(s,l,c,u){var h=u.e,f=u.node,d=n.state.oldDragItem,p=n.state.layout,v=n.props,g=v.cols,m=v.allowOverlap,y=v.preventCollision,b=(0,at.getLayoutItem)(p,s);if(b){var _={w:b.w,h:b.h,x:b.x,y:b.y,placeholder:!0,i:s},w=!0;p=(0,at.moveElement)(p,b,l,c,w,y,(0,at.compactType)(n.props),g,m),n.props.onDrag(p,d,b,_,h,f),n.setState({layout:m?p:(0,at.compact)(p,(0,at.compactType)(n.props),g),activeDrag:_})}}),Sn(di(n),"onDragStop",function(s,l,c,u){var h=u.e,f=u.node;if(n.state.activeDrag){var d=n.state.oldDragItem,p=n.state.layout,v=n.props,g=v.cols,m=v.preventCollision,y=v.allowOverlap,b=(0,at.getLayoutItem)(p,s);if(b){var _=!0;p=(0,at.moveElement)(p,b,l,c,_,m,(0,at.compactType)(n.props),g,y),n.props.onDragStop(p,d,b,null,h,f);var w=y?p:(0,at.compact)(p,(0,at.compactType)(n.props),g),x=n.state.oldLayout;n.setState({activeDrag:null,layout:w,oldDragItem:null,oldLayout:null}),n.onLayoutMaybeChanged(w,x)}}}),Sn(di(n),"onResizeStart",function(s,l,c,u){var h=u.e,f=u.node,d=n.state.layout,p=(0,at.getLayoutItem)(d,s);p&&(n.setState({oldResizeItem:(0,at.cloneLayoutItem)(p),oldLayout:n.state.layout}),n.props.onResizeStart(d,p,p,null,h,f))}),Sn(di(n),"onResize",function(s,l,c,u){var h=u.e,f=u.node,d=n.state,p=d.layout,v=d.oldResizeItem,g=n.props,m=g.cols,y=g.preventCollision,b=g.allowOverlap,_=(0,at.withLayoutItem)(p,s,function(D){var T;if(y&&!b){var S=(0,at.getAllCollisions)(p,dc(dc({},D),{},{w:l,h:c})).filter(function(E){return E.i!==D.i});if(T=S.length>0,T){var M=1/0,L=1/0;S.forEach(function(E){E.x>D.x&&(M=Math.min(M,E.x)),E.y>D.y&&(L=Math.min(L,E.y))}),Number.isFinite(M)&&(D.w=M-D.x),Number.isFinite(L)&&(D.h=L-D.y)}}return T||(D.w=l,D.h=c),D}),w=NCe(_,2),x=w[0],C=w[1];if(C){var I={w:C.w,h:C.h,x:C.x,y:C.y,static:!0,i:s};n.props.onResize(x,v,C,I,h,f),n.setState({layout:b?x:(0,at.compact)(x,(0,at.compactType)(n.props),m),activeDrag:I})}}),Sn(di(n),"onResizeStop",function(s,l,c,u){var h=u.e,f=u.node,d=n.state,p=d.layout,v=d.oldResizeItem,g=n.props,m=g.cols,y=g.allowOverlap,b=(0,at.getLayoutItem)(p,s);n.props.onResizeStop(p,v,b,null,h,f);var _=y?p:(0,at.compact)(p,(0,at.compactType)(n.props),m),w=n.state.oldLayout;n.setState({activeDrag:null,layout:_,oldResizeItem:null,oldLayout:null}),n.onLayoutMaybeChanged(_,w)}),Sn(di(n),"onDragOver",function(s){var l;if(s.preventDefault(),s.stopPropagation(),_U&&!((l=s.nativeEvent.target)!==null&&l!==void 0&&l.classList.contains(wU)))return!1;var c=n.props,u=c.droppingItem,h=c.onDropDragOver,f=c.margin,d=c.cols,p=c.rowHeight,v=c.maxRows,g=c.width,m=c.containerPadding,y=c.transformScale,b=h==null?void 0:h(s);if(b===!1)return n.state.droppingDOMNode&&n.removeDroppingPlaceholder(),!1;var _=dc(dc({},u),b),w=n.state.layout,x=s.nativeEvent,C=x.layerX,I=x.layerY,D={left:C/y,top:I/y,e:s};if(n.state.droppingDOMNode){if(n.state.droppingPosition){var M=n.state.droppingPosition,L=M.left,E=M.top,N=L!=C||E!=I;N&&n.setState({droppingPosition:D})}}else{var T={cols:d,margin:f,maxRows:v,rowHeight:p,containerWidth:g,containerPadding:m||f},S=(0,DCe.calcXY)(T,I,C,_.w,_.h);n.setState({droppingDOMNode:fc.createElement("div",{key:_.i}),droppingPosition:D,layout:[].concat(ICe(w),[dc(dc({},_),{},{x:S.x,y:S.y,static:!1,isDraggable:!0})])})}}),Sn(di(n),"removeDroppingPlaceholder",function(){var s=n.props,l=s.droppingItem,c=s.cols,u=n.state.layout,h=(0,at.compact)(u.filter(function(f){return f.i!==l.i}),(0,at.compactType)(n.props),c);n.setState({layout:h,droppingDOMNode:null,activeDrag:null,droppingPosition:void 0})}),Sn(di(n),"onDragLeave",function(s){s.preventDefault(),s.stopPropagation(),n.dragEnterCounter--,n.dragEnterCounter===0&&n.removeDroppingPlaceholder()}),Sn(di(n),"onDragEnter",function(s){s.preventDefault(),s.stopPropagation(),n.dragEnterCounter++}),Sn(di(n),"onDrop",function(s){s.preventDefault(),s.stopPropagation();var l=n.props.droppingItem,c=n.state.layout,u=c.find(function(h){return h.i===l.i});n.dragEnterCounter=0,n.removeDroppingPlaceholder(),n.props.onDrop(c,u,s)}),n}return $Ce(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,at.fastRGLPropsEqual)(this.props,i,UI.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,at.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,UI.default)(a,i)||this.props.onLayoutChange(i)}},{key:"placeholder",value:function(){var i=this.state.activeDrag;if(!i)return null;var a=this.props,o=a.width,s=a.cols,l=a.margin,c=a.containerPadding,u=a.rowHeight,h=a.maxRows,f=a.useCSSTransforms,d=a.transformScale;return fc.createElement(vU.default,{w:i.w,h:i.h,x:i.x,y:i.y,i:i.i,className:"react-grid-placeholder",containerWidth:o,cols:s,margin:l,containerPadding:c||l,maxRows:h,rowHeight:u,isDraggable:!1,isResizable:!1,isBounded:!1,useCSSTransforms:f,transformScale:d},fc.createElement("div",null))}},{key:"processGridItem",value:function(i,a){if(!(!i||!i.key)){var o=(0,at.getLayoutItem)(this.state.layout,String(i.key));if(!o)return null;var s=this.props,l=s.width,c=s.cols,u=s.margin,h=s.containerPadding,f=s.rowHeight,d=s.maxRows,p=s.isDraggable,v=s.isResizable,g=s.isBounded,m=s.useCSSTransforms,y=s.transformScale,b=s.draggableCancel,_=s.draggableHandle,w=s.resizeHandles,x=s.resizeHandle,C=this.state,I=C.mounted,D=C.droppingPosition,T=typeof o.isDraggable=="boolean"?o.isDraggable:!o.static&&p,S=typeof o.isResizable=="boolean"?o.isResizable:!o.static&&v,M=o.resizeHandles||w,L=T&&g&&o.isBounded!==!1;return fc.createElement(vU.default,{containerWidth:l,cols:c,margin:u,containerPadding:h||u,maxRows:d,rowHeight:f,cancel:b,handle:_,onDragStop:this.onDragStop,onDragStart:this.onDragStart,onDrag:this.onDrag,onResizeStart:this.onResizeStart,onResize:this.onResize,onResizeStop:this.onResizeStop,isDraggable:T,isResizable:S,isBounded:L,useCSSTransforms:m&&I,usePercentages:!I,transformScale:y,w:o.w,h:o.h,x:o.x,y:o.y,i:o.i,minH:o.minH,minW:o.minW,maxH:o.maxH,maxW:o.maxW,static:o.static,droppingPosition:a?D:void 0,resizeHandles:M,resizeHandle:x},i)}}},{key:"render",value:function(){var i=this,a=this.props,o=a.className,s=a.style,l=a.isDroppable,c=a.innerRef,u=(0,MCe.default)(wU,o),h=dc({height:this.containerHeight()},s);return fc.createElement("div",{ref:c,className:u,style:h,onDrop:l?this.onDrop:at.noop,onDragLeave:l?this.onDragLeave:at.noop,onDragEnter:l?this.onDragEnter:at.noop,onDragOver:l?this.onDragOver:at.noop},fc.Children.map(this.props.children,function(f){return i.processGridItem(f)}),l&&this.state.droppingDOMNode&&this.processGridItem(this.state.droppingDOMNode,!0),this.placeholder())}}],[{key:"getDerivedStateFromProps",value:function(i,a){var o;if(a.activeDrag)return null;if(!(0,UI.default)(i.layout,a.propsLayout)||i.compactType!==a.compactType?o=i.layout:(0,at.childrenEqual)(i.children,a.children)||(o=a.layout),o){var s=(0,at.synchronizeLayoutWithChildren)(o,i.children,i.cols,(0,at.compactType)(i),i.allowOverlap);return{layout:s,compactType:i.compactType,children:i.children,propsLayout:i.layout}}return null}}]),e}(fc.Component);bv.default=Pb,Sn(Pb,"displayName","ReactGridLayout"),Sn(Pb,"propTypes",CCe.default),Sn(Pb,"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:at.noop,onDragStart:at.noop,onDrag:at.noop,onDragStop:at.noop,onResizeStart:at.noop,onResize:at.noop,onResizeStop:at.noop,onDrop:at.noop,onDropDragOver:at.noop});var $b={},pc={};Object.defineProperty(pc,"__esModule",{value:!0}),pc.findOrGenerateResponsiveLayout=WCe,pc.getBreakpointFromWidth=VCe,pc.getColsFromBreakpoint=HCe,pc.sortBreakpoints=QI;var jb=Tt;function VCe(r,t){for(var e=QI(r),n=e[0],i=1,a=e.length;i<a;i++){var o=e[i];t>r[o]&&(n=o)}return n}function HCe(r,t){if(!t[r])throw new Error("ResponsiveReactGridLayout: `cols` entry for breakpoint "+r+" is missing!");return t[r]}function WCe(r,t,e,n,i,a){if(r[e])return(0,jb.cloneLayout)(r[e]);for(var o=r[n],s=QI(t),l=s.slice(s.indexOf(e)),c=0,u=l.length;c<u;c++){var h=l[c];if(r[h]){o=r[h];break}}return o=(0,jb.cloneLayout)(o||[]),(0,jb.compact)((0,jb.correctBounds)(o,{cols:i}),a,i)}function QI(r){var t=Object.keys(r);return t.sort(function(e,n){return r[e]-r[n]})}function zb(r){return zb=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},zb(r)}Object.defineProperty($b,"__esModule",{value:!0}),$b.default=void 0;var xU=YCe($),pi=qI(Fa),ZI=qI(mv),ff=Tt,vc=pc,UCe=qI(bv),GCe=["breakpoint","breakpoints","cols","layouts","margin","containerPadding","onBreakpointChange","onLayoutChange","onWidthChange"];function qI(r){return r&&r.__esModule?r:{default:r}}function SU(r){if(typeof WeakMap!="function")return null;var t=new WeakMap,e=new WeakMap;return(SU=function(i){return i?e:t})(r)}function YCe(r,t){if(!t&&r&&r.__esModule)return r;if(r===null||zb(r)!=="object"&&typeof r!="function")return{default:r};var e=SU(t);if(e&&e.has(r))return e.get(r);var n={},i=Object.defineProperty&&Object.getOwnPropertyDescriptor;for(var a in r)if(a!=="default"&&Object.prototype.hasOwnProperty.call(r,a)){var o=i?Object.getOwnPropertyDescriptor(r,a):null;o&&(o.get||o.set)?Object.defineProperty(n,a,o):n[a]=r[a]}return n.default=r,e&&e.set(r,n),n}function XI(){return XI=Object.assign||function(r){for(var t=1;t<arguments.length;t++){var e=arguments[t];for(var n in e)Object.prototype.hasOwnProperty.call(e,n)&&(r[n]=e[n])}return r},XI.apply(this,arguments)}function QCe(r,t){if(r==null)return{};var e=ZCe(r,t),n,i;if(Object.getOwnPropertySymbols){var a=Object.getOwnPropertySymbols(r);for(i=0;i<a.length;i++)n=a[i],!(t.indexOf(n)>=0)&&Object.prototype.propertyIsEnumerable.call(r,n)&&(e[n]=r[n])}return e}function ZCe(r,t){if(r==null)return{};var e={},n=Object.keys(r),i,a;for(a=0;a<n.length;a++)i=n[a],!(t.indexOf(i)>=0)&&(e[i]=r[i]);return e}function MU(r,t){var e=Object.keys(r);if(Object.getOwnPropertySymbols){var n=Object.getOwnPropertySymbols(r);t&&(n=n.filter(function(i){return Object.getOwnPropertyDescriptor(r,i).enumerable})),e.push.apply(e,n)}return e}function KI(r){for(var t=1;t<arguments.length;t++){var e=arguments[t]!=null?arguments[t]:{};t%2?MU(Object(e),!0).forEach(function(n){df(r,n,e[n])}):Object.getOwnPropertyDescriptors?Object.defineProperties(r,Object.getOwnPropertyDescriptors(e)):MU(Object(e)).forEach(function(n){Object.defineProperty(r,n,Object.getOwnPropertyDescriptor(e,n))})}return r}function qCe(r,t){if(!(r instanceof t))throw new TypeError("Cannot call a class as a function")}function DU(r,t){for(var e=0;e<t.length;e++){var n=t[e];n.enumerable=n.enumerable||!1,n.configurable=!0,"value"in n&&(n.writable=!0),Object.defineProperty(r,n.key,n)}}function XCe(r,t,e){return t&&DU(r.prototype,t),e&&DU(r,e),Object.defineProperty(r,"prototype",{writable:!1}),r}function KCe(r,t){if(typeof t!="function"&&t!==null)throw new TypeError("Super expression must either be null or a function");r.prototype=Object.create(t&&t.prototype,{constructor:{value:r,writable:!0,configurable:!0}}),Object.defineProperty(r,"prototype",{writable:!1}),t&&JI(r,t)}function JI(r,t){return JI=Object.setPrototypeOf||function(n,i){return n.__proto__=i,n},JI(r,t)}function JCe(r){var t=tTe();return function(){var n=Fb(r),i;if(t){var a=Fb(this).constructor;i=Reflect.construct(n,arguments,a)}else i=n.apply(this,arguments);return eTe(this,i)}}function eTe(r,t){if(t&&(zb(t)==="object"||typeof t=="function"))return t;if(t!==void 0)throw new TypeError("Derived constructors may only return object or undefined");return eA(r)}function eA(r){if(r===void 0)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return r}function tTe(){if(typeof Reflect>"u"||!Reflect.construct||Reflect.construct.sham)return!1;if(typeof Proxy=="function")return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],function(){})),!0}catch{return!1}}function Fb(r){return Fb=Object.setPrototypeOf?Object.getPrototypeOf:function(e){return e.__proto__||Object.getPrototypeOf(e)},Fb(r)}function df(r,t,e){return t in r?Object.defineProperty(r,t,{value:e,enumerable:!0,configurable:!0,writable:!0}):r[t]=e,r}var CU=function(t){return Object.prototype.toString.call(t)};function Bb(r,t){return r==null?null:Array.isArray(r)?r:r[t]}var tA=function(r){KCe(e,r);var t=JCe(e);function e(){var n;qCe(this,e);for(var i=arguments.length,a=new Array(i),o=0;o<i;o++)a[o]=arguments[o];return n=t.call.apply(t,[this].concat(a)),df(eA(n),"state",n.generateInitialState()),df(eA(n),"onLayoutChange",function(s){n.props.onLayoutChange(s,KI(KI({},n.props.layouts),{},df({},n.state.breakpoint,s)))}),n}return XCe(e,[{key:"generateInitialState",value:function(){var i=this.props,a=i.width,o=i.breakpoints,s=i.layouts,l=i.cols,c=(0,vc.getBreakpointFromWidth)(o,a),u=(0,vc.getColsFromBreakpoint)(c,l),h=this.props.verticalCompact===!1?null:this.props.compactType,f=(0,vc.findOrGenerateResponsiveLayout)(s,o,c,c,u,h);return{layout:f,breakpoint:c,cols:u}}},{key:"componentDidUpdate",value:function(i){(this.props.width!=i.width||this.props.breakpoint!==i.breakpoint||!(0,ZI.default)(this.props.breakpoints,i.breakpoints)||!(0,ZI.default)(this.props.cols,i.cols))&&this.onWidthChange(i)}},{key:"onWidthChange",value:function(i){var a=this.props,o=a.breakpoints,s=a.cols,l=a.layouts,c=a.compactType,u=this.props.breakpoint||(0,vc.getBreakpointFromWidth)(this.props.breakpoints,this.props.width),h=this.state.breakpoint,f=(0,vc.getColsFromBreakpoint)(u,s),d=KI({},l);if(h!==u||i.breakpoints!==o||i.cols!==s){h in d||(d[h]=(0,ff.cloneLayout)(this.state.layout));var p=(0,vc.findOrGenerateResponsiveLayout)(d,o,u,h,f,c);p=(0,ff.synchronizeLayoutWithChildren)(p,this.props.children,f,c,this.props.allowOverlap),d[u]=p,this.props.onLayoutChange(p,d),this.props.onBreakpointChange(u,f),this.setState({breakpoint:u,layout:p,cols:f})}var v=Bb(this.props.margin,u),g=Bb(this.props.containerPadding,u);this.props.onWidthChange(this.props.width,v,f,g)}},{key:"render",value:function(){var i=this.props;i.breakpoint,i.breakpoints,i.cols,i.layouts;var a=i.margin,o=i.containerPadding;i.onBreakpointChange,i.onLayoutChange,i.onWidthChange;var s=QCe(i,GCe);return xU.createElement(UCe.default,XI({},s,{margin:Bb(a,this.state.breakpoint),containerPadding:Bb(o,this.state.breakpoint),onLayoutChange:this.onLayoutChange,layout:this.state.layout,cols:this.state.cols}))}}],[{key:"getDerivedStateFromProps",value:function(i,a){if(!(0,ZI.default)(i.layouts,a.layouts)){var o=a.breakpoint,s=a.cols,l=(0,vc.findOrGenerateResponsiveLayout)(i.layouts,i.breakpoints,o,o,s,i.compactType);return{layout:l,layouts:i.layouts}}return null}}]),e}(xU.Component);$b.default=tA,df(tA,"propTypes",{breakpoint:pi.default.string,breakpoints:pi.default.object,allowOverlap:pi.default.bool,cols:pi.default.object,margin:pi.default.oneOfType([pi.default.array,pi.default.object]),containerPadding:pi.default.oneOfType([pi.default.array,pi.default.object]),layouts:function(t,e){if(CU(t[e])!=="[object Object]")throw new Error("Layout property must be an object. Received: "+CU(t[e]));Object.keys(t[e]).forEach(function(n){if(!(n in t.breakpoints))throw new Error("Each key in layouts must align with a key in breakpoints.");(0,ff.validateLayout)(t.layouts[n],"layouts."+n)})},width:pi.default.number.isRequired,onBreakpointChange:pi.default.func,onLayoutChange:pi.default.func,onWidthChange:pi.default.func}),df(tA,"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:ff.noop,onLayoutChange:ff.noop,onWidthChange:ff.noop});var rA={};function Vb(r){return Vb=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},Vb(r)}Object.defineProperty(rA,"__esModule",{value:!0}),rA.default=vTe;var Hb=aTe($),rTe=TU(Fa),nTe=TU(yb),iTe=["measureBeforeMount"];function TU(r){return r&&r.__esModule?r:{default:r}}function IU(r){if(typeof WeakMap!="function")return null;var t=new WeakMap,e=new WeakMap;return(IU=function(i){return i?e:t})(r)}function aTe(r,t){if(!t&&r&&r.__esModule)return r;if(r===null||Vb(r)!=="object"&&typeof r!="function")return{default:r};var e=IU(t);if(e&&e.has(r))return e.get(r);var n={},i=Object.defineProperty&&Object.getOwnPropertyDescriptor;for(var a in r)if(a!=="default"&&Object.prototype.hasOwnProperty.call(r,a)){var o=i?Object.getOwnPropertyDescriptor(r,a):null;o&&(o.get||o.set)?Object.defineProperty(n,a,o):n[a]=r[a]}return n.default=r,e&&e.set(r,n),n}function nA(){return nA=Object.assign||function(r){for(var t=1;t<arguments.length;t++){var e=arguments[t];for(var n in e)Object.prototype.hasOwnProperty.call(e,n)&&(r[n]=e[n])}return r},nA.apply(this,arguments)}function oTe(r,t){if(r==null)return{};var e=sTe(r,t),n,i;if(Object.getOwnPropertySymbols){var a=Object.getOwnPropertySymbols(r);for(i=0;i<a.length;i++)n=a[i],!(t.indexOf(n)>=0)&&Object.prototype.propertyIsEnumerable.call(r,n)&&(e[n]=r[n])}return e}function sTe(r,t){if(r==null)return{};var e={},n=Object.keys(r),i,a;for(a=0;a<n.length;a++)i=n[a],!(t.indexOf(i)>=0)&&(e[i]=r[i]);return e}function lTe(r,t){if(!(r instanceof t))throw new TypeError("Cannot call a class as a function")}function AU(r,t){for(var e=0;e<t.length;e++){var n=t[e];n.enumerable=n.enumerable||!1,n.configurable=!0,"value"in n&&(n.writable=!0),Object.defineProperty(r,n.key,n)}}function uTe(r,t,e){return t&&AU(r.prototype,t),e&&AU(r,e),Object.defineProperty(r,"prototype",{writable:!1}),r}function cTe(r,t){if(typeof t!="function"&&t!==null)throw new TypeError("Super expression must either be null or a function");r.prototype=Object.create(t&&t.prototype,{constructor:{value:r,writable:!0,configurable:!0}}),Object.defineProperty(r,"prototype",{writable:!1}),t&&iA(r,t)}function iA(r,t){return iA=Object.setPrototypeOf||function(n,i){return n.__proto__=i,n},iA(r,t)}function hTe(r){var t=dTe();return function(){var n=Wb(r),i;if(t){var a=Wb(this).constructor;i=Reflect.construct(n,arguments,a)}else i=n.apply(this,arguments);return fTe(this,i)}}function fTe(r,t){if(t&&(Vb(t)==="object"||typeof t=="function"))return t;if(t!==void 0)throw new TypeError("Derived constructors may only return object or undefined");return Cv(r)}function Cv(r){if(r===void 0)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return r}function dTe(){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 Wb(r){return Wb=Object.setPrototypeOf?Object.getPrototypeOf:function(e){return e.__proto__||Object.getPrototypeOf(e)},Wb(r)}function pf(r,t,e){return t in r?Object.defineProperty(r,t,{value:e,enumerable:!0,configurable:!0,writable:!0}):r[t]=e,r}var pTe="react-grid-layout";function vTe(r){var t;return t=function(e){cTe(i,e);var n=hTe(i);function i(){var a;lTe(this,i);for(var o=arguments.length,s=new Array(o),l=0;l<o;l++)s[l]=arguments[l];return a=n.call.apply(n,[this].concat(s)),pf(Cv(a),"state",{width:1280}),pf(Cv(a),"elementRef",Hb.createRef()),pf(Cv(a),"mounted",!1),pf(Cv(a),"onWindowResize",function(){if(a.mounted){var c=a.elementRef.current;c instanceof HTMLElement&&c.offsetWidth&&a.setState({width:c.offsetWidth})}}),a}return uTe(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=oTe(o,iTe);return s&&!this.mounted?Hb.createElement("div",{className:(0,nTe.default)(this.props.className,pTe),style:this.props.style,ref:this.elementRef}):Hb.createElement(r,nA({innerRef:this.elementRef},l,this.state))}}]),i}(Hb.Component),pf(t,"defaultProps",{measureBeforeMount:!1}),pf(t,"propTypes",{measureBeforeMount:rTe.default.bool}),t}(function(r){r.exports=bv.default,r.exports.utils=Tt,r.exports.Responsive=$b.default,r.exports.Responsive.utils=pc,r.exports.WidthProvider=rA.default})(_W);var LU=_W.exports;const aRe="",vf={"MetricList-container":"_MetricList-container_rnhrz_1","MetricList-wrapper":"_MetricList-wrapper_rnhrz_9","MetricList-wrapper-move":"_MetricList-wrapper-move_rnhrz_25","noMetric-container":"_noMetric-container_rnhrz_33","noMetric-wrapper":"_noMetric-wrapper_rnhrz_41","alt-container":"_alt-container_rnhrz_49",fullscreen:"_fullscreen_rnhrz_57"},aA={deleteModal:"_deleteModal_pyqjp_1",cancelBtn:"_cancelBtn_pyqjp_9",warningIcon:"_warningIcon_pyqjp_17"},gTe=r=>A.jsxs("svg",{viewBox:"0 0 512 512",width:"1.2em",height:"1.2em",...r,children:[A.jsx("path",{fill:"none",stroke:"currentColor",strokeLinecap:"round",strokeLinejoin:"round",strokeWidth:32,d:"M85.57 446.25h340.86a32 32 0 0 0 28.17-47.17L284.18 82.58c-12.09-22.44-44.27-22.44-56.36 0L57.4 399.08a32 32 0 0 0 28.17 47.17Z"}),A.jsx("path",{fill:"none",stroke:"currentColor",strokeLinecap:"round",strokeLinejoin:"round",strokeWidth:32,d:"m250.26 195.39l5.74 122l5.73-121.95a5.74 5.74 0 0 0-5.79-6h0a5.74 5.74 0 0 0-5.68 5.95Z"}),A.jsx("path",{fill:"currentColor",d:"M256 397.25a20 20 0 1 1 20-20a20 20 0 0 1-20 20Z"})]}),EU=({isOpen:r,onClose:t,onArchive:e,isLoading:n})=>A.jsxs(ji,{headerTitle:"Archive Metric",isOpen:r,onClose:t,children:[A.jsxs("div",{className:aA.deleteModal,children:[A.jsx(gTe,{className:aA.warningIcon}),A.jsx(we,{variant:"p",styleClass:"font-14",children:"Are you sure you want to archive the metric?"})]}),A.jsxs(Tc,{children:[A.jsx(Me,{variant:"secondary",type:"button",size:"default",className:aA.cancelBtn,onClick:t,children:"Cancel"}),A.jsx(Me,{variant:"reject",type:"button",size:"default",isDisabled:n,onClick:e,children:n?"Archiving...":"Archive"})]})]}),gf={downloadCsv:"_downloadCsv_1amgw_1",downloadCsvWrapper:"_downloadCsvWrapper_1amgw_9",downloadCsvHeader:"_downloadCsvHeader_1amgw_17",downloadCsvFooter:"_downloadCsvFooter_1amgw_25",downloadCsvCancelBtn:"_downloadCsvCancelBtn_1amgw_33",downloadCsvDisableBtn:"_downloadCsvDisableBtn_1amgw_39",downloadCsvNote:"_downloadCsvNote_1amgw_45",downloadCsvExpiredNote:"_downloadCsvExpiredNote_1amgw_53",downloadCsvNoteText:"_downloadCsvNoteText_1amgw_59",downloadCsvSuccessNote:"_downloadCsvSuccessNote_1amgw_65",downloadCsvSuccessText:"_downloadCsvSuccessText_1amgw_71","tab-border-bottom":"_tab-border-bottom_1amgw_77","download-info-text":"_download-info-text_1amgw_85",downloadUrlTimeline:"_downloadUrlTimeline_1amgw_93",timeLineItem:"_timeLineItem_1amgw_101",timeLineActiveIcon:"_timeLineActiveIcon_1amgw_109",timeLineIcon:"_timeLineIcon_1amgw_117",timeLineItemline:"_timeLineItemline_1amgw_125",downloadCsvLoading:"_downloadCsvLoading_1amgw_133",downloadCsvLoadingIcon:"_downloadCsvLoadingIcon_1amgw_141",downloadCsvLoadingText:"_downloadCsvLoadingText_1amgw_149",timeLineCheckedIcon:"_timeLineCheckedIcon_1amgw_157",timeLineCheckedIconWrapper:"_timeLineCheckedIconWrapper_1amgw_165",downloadCsvBackBtnWrapper:"_downloadCsvBackBtnWrapper_1amgw_173",downloadCsvBackBtnText:"_downloadCsvBackBtnText_1amgw_181",downloadCsvHeaderText:"_downloadCsvHeaderText_1amgw_203",downloadCsvTabContainer:"_downloadCsvTabContainer_1amgw_211",downloadCsvActiveTab:"_downloadCsvActiveTab_1amgw_219",downloadCsvTab:"_downloadCsvTab_1amgw_211",downloadCsvActiveTabText:"_downloadCsvActiveTabText_1amgw_235"},mTe=r=>{const e=Date.now()-r,n=[{label:"year",duration:1e3*60*60*24*365},{label:"month",duration:1e3*60*60*24*30},{label:"week",duration:1e3*60*60*24*7},{label:"day",duration:1e3*60*60*24},{label:"hour",duration:1e3*60*60},{label:"minute",duration:1e3*60},{label:"second",duration:1e3},{label:"millisecond",duration:1}];for(const i of n){const a=Math.floor(e/i.duration);if(a>=1)return`${a} ${i.label}${a>1?"s":""} ago`}return"just now"},oA=({query:r,clientName:t,tenancyType:e,values:n})=>{const i=t?e===Rw?r.replace(new RegExp(kw,"g"),t):Number(t)?r.replace(new RegExp(Ow,"g"),t):r.replace(new RegExp(Aw,"g"),t):r;return n?i.replace(/[^']+_variable/g,o=>`${n[o]}`):i},NU=r=>{const t=r.split("?")[1],e=new URLSearchParams(t),n=parseInt(e.get("Expires"),10),i=Math.floor(Date.now()/1e3),a=n-i;return{isExpired:i>=n,secondsLeft:a}},yTe=r=>{if(!r.length)return!1;const t=/^[\w-]+(\.[\w-]+)*@([\w-]+\.)+[a-zA-Z]{2,7}$/;return r.every(e=>t.test(e))},bTe=r=>{try{return JSON.parse(r)}catch{return[]}},wTe=({onCloseModal:r,sharingSettingsId:t,filterValues:e,metricItem:n})=>{var M,L;const i=Ac(),{data:a}=u8({id:(M=n==null?void 0:n.companyIntegration)==null?void 0:M.workspaceId},{enabled:!!((L=n==null?void 0:n.companyIntegration)!=null&&L.workspaceId),refetchOnWindowFocus:!1}),[o,s]=$.useState(""),[l,c]=$.useState(!1),[u,h]=$.useState(""),{mutate:f}=L8(),{mutate:d}=b8();_8();const{mutate:p}=S8(),{mutate:v}=j8(),{handleSubmit:g,register:m,setValue:y,control:b}=Wv(),{data:_}=n8({externalMetricId:n==null?void 0:n.id},{enabled:!!(n!=null&&n.id),refetchOnWindowFocus:!1}),w=$.useMemo(()=>{var E,N,k,O;return{expireTimeInMin:((N=(E=a==null?void 0:a.companyWorkspaces_by_pk)==null?void 0:E.rawCsvSettings)==null?void 0:N.expireTimeInMin)||30,isEnable:!!((O=(k=a==null?void 0:a.companyWorkspaces_by_pk)==null?void 0:k.rawCsvSettings)!=null&&O.expireTimeInMin)}},[a]),x=$.useMemo(()=>{if(_!=null&&_.externalMetricRawCsvUrls.length){const E=bTe(_.externalMetricRawCsvUrls[0].urls);return{urls:E,lastUpdatedAt:mTe(Date.parse(_.externalMetricRawCsvUrls[0].lastUpdatedAt)),isExpired:E.length?NU(E[0]).isExpired:!0,error:_.externalMetricRawCsvUrls[0].error,expireUrlIn:E.length?NU(E[0]).secondsLeft:0,status:_.externalMetricRawCsvUrls[0].requestStatus}}return{urls:[],lastUpdatedAt:0,isExpired:!0,error:null,expireUrlIn:0,status:"NONE"}},[_==null?void 0:_.externalMetricRawCsvUrls]),C=E=>{s(""),fetch(E).then(N=>(N.ok||(N.status===403?s("download link is expired"):s("something went wrong")),N.blob())).then(N=>{const k=URL.createObjectURL(N),O=document.createElement("a");O.download=`${n==null?void 0:n.name}.csv`,O.href=k,document.body.appendChild(O),O.click(),document.body.removeChild(O)}).catch(()=>{s("There was an error downloading the CSV file. Please try again later.")})},I=({companyId:E,sqlQuery:N,values:k,clientName:O,tenancyType:R,metricName:P,workspaceId:j})=>{c(!0),h("");const B=oA({query:N,clientName:O,tenancyType:R,values:e});f({companyId:E,recipientAddress:k.email,sqlQuery:B,metricName:P,workspaceId:j},{onSuccess({sendRawCsv:F}){const V=F==null?void 0:F.status,H=F==null?void 0:F.error;V?(h(""),c(!1),r(!1)):H?(h(H.message),c(!1)):(h(nn),c(!1))}})},D=({clientName:E,tenancyType:N,expirationMinutes:k,onSuccess:O})=>{const R=new Date(Date.now()+k*60*1e3);d({configurations:{metricItem:n},expireCsvFileAt:R,expireUrlIn:k*60,externalMetricId:n==null?void 0:n.id,integrationId:n==null?void 0:n.companyIntegrationId,integrationName:n==null?void 0:n.integrationName,query:oA({query:n==null?void 0:n.query,clientName:E,tenancyType:N,values:e})},{onSuccess({invokeSaveRawCsvDetails:P}){P!=null&&P.statusCode?(c(!1),h(""),O()):P!=null&&P.error?(c(!1),h(P.error)):(c(!1),h(nn))},onError(){c(!1),h(nn)}})};return{isLoading:l,downloadCsvError:u,onSubmitDownloadCsv:I,handleSubmit:g,register:m,csvDownloadUrls:x,handleDownload:C,csvDownloadUrlError:o,saveRawCsvDetails:D,onRequestToDownload:({clientName:E,tenancyType:N,requestStatus:k})=>{c(!0),h("");const O=w.expireTimeInMin||30;v({configurations:n,expireUrlIn:O*60,externalMetricId:n==null?void 0:n.id,requestStatus:k,urls:"[]"},{onSuccess({insert_externalMetricRawCsvUrls_one:R}){R!=null&&R.id?D({expirationMinutes:O,clientName:E,tenancyType:N,onSuccess:()=>{i.setQueryData(["ExternalMetricRawCsvUrls",{externalMetricId:n==null?void 0:n.id}],P=>({...P,externalMetricRawCsvUrls:[R]}))}}):(c(!1),h(nn))},onError(){c(!1),h(nn)}})},setValue:y,control:b,onSumbitSendCsvUrl:({values:E,clientName:N,tenancyType:k})=>{c(!0),h("");const O=w.expireTimeInMin||30,R=new Date(Date.now()+O*60*1e3),P=oA({query:n==null?void 0:n.query,clientName:N,tenancyType:k,values:e}),j=E.emails;if(!yTe(j)){c(!1),h("please enter valid email");return}if(!t){c(!1),h("no sharing settings are found");return}p({configurations:n,emails:j,expireCsvFileAt:R,expireUrlIn:O*60,externalMetricId:n==null?void 0:n.id,integrationId:n==null?void 0:n.companyIntegrationId,integrationName:n==null?void 0:n.integrationName,query:P,sharingSettingsId:t,subject:E.subject},{onSuccess({shareCsvUrl:B}){B?(c(!1),h(""),r(!1)):(c(!1),h(nn))},onError(){c(!1),h(nn)}})},isDisableDownloadSettings:!t||!w.isEnable}},mf={required:"Required"};({...mf},{...mf}),{...mf};const yf={tag:"_tag_qld84_1","tag-text":"_tag-text_qld84_4",tagBtn:"_tagBtn_qld84_7",inputFieldContainer:"_inputFieldContainer_qld84_11","tag-container":"_tag-container_qld84_15","cross-icon":"_cross-icon_qld84_19"},_Te=({control:r,placeholder:t,name:e,label:n,onChangeTags:i,defaultTagValue:a})=>{const[o,s]=$.useState([]),[l,c]=$.useState(""),u=d=>{s(o.filter(p=>p!==d))},h=d=>{d.key==="Enter"&&d.preventDefault()};$.useEffect(()=>{i&&i(o)},[o]),$.useEffect(()=>{a&&Array.isArray(a)&&s(a)},[a]);const f=d=>{c(d.target.value);let p=d.target.value.split(/[,\s]/);p=p.filter(v=>v!==""),s([...new Set(p)])};return A.jsx(jv,{name:e||"tags",control:r,defaultValue:"",render:({field:d})=>A.jsxs("div",{className:yf.inputFieldContainer,children:[A.jsx(Xe,{...d,type:"text",value:l,onChange:f,onKeyDown:h,placeholder:t,label:n}),A.jsx("div",{className:yf["tag-container"],children:o.map(p=>A.jsx("div",{className:yf.tag,children:A.jsxs(Me,{variant:"custom",type:"button",onClick:()=>u(p),className:yf.tagBtn,children:[A.jsx("span",{className:yf["tag-text"],children:p}),A.jsx(it,{name:"close-icon",className:yf["cross-icon"]})]})},p))})]})})},kU=$.memo(_Te),sA=({onCloseModal:r,isShowRawCsvModal:t,metricItem:e,client:n,companyTenancyType:i,filterValues:a,sharingSettingsId:o})=>{const{downloadCsvError:s,handleSubmit:l,isLoading:c,onSumbitSendCsvUrl:u,register:h,control:f,setValue:d,csvDownloadUrls:p,onRequestToDownload:v,handleDownload:g,csvDownloadUrlError:m,isDisableDownloadSettings:y}=wTe({onCloseModal:r,metricItem:e,filterValues:a,sharingSettingsId:o}),b=()=>A.jsx(A.Fragment,{children:A.jsxs("form",{onSubmit:l(_=>u({values:_,clientName:n,tenancyType:i})),children:[A.jsxs("div",{className:gf.downloadCsvWrapper,children:[A.jsx(Xe,{type:"subject",label:"subject",placeholder:"enter a subject",register:h("subject",mf),defaultValue:e==null?void 0:e.name}),A.jsx(kU,{control:f,type:"text",label:"Send to",placeholder:"Enter email addresses separated by space or comma",onChangeTags:_=>d("emails",_)}),s&&A.jsx(Of,{message:s}),A.jsxs("div",{className:gf.downloadCsvNote,children:[A.jsx(it,{name:"info-icon",className:gf.popupItemIcon}),A.jsxs("div",{className:gf.downloadCsvNoteText,children:[A.jsx(we,{styleClass:"primary",variant:"h1",children:"Note:"}),A.jsx(we,{styleClass:"font-14",variant:"p",children:"You will shortly receive a mail with CSV download URL to the above email id(s), once you click on Submit"})]})]})]}),A.jsxs(Tc,{children:[A.jsx(Me,{variant:"custom",type:"button",size:"small",className:gf.downloadCsvCancelBtn,onClick:()=>r(!1),isDisabled:c,children:"Cancel"}),A.jsx(Me,{variant:"primary",type:"submit",size:"small",isDisabled:c||y,children:"Submit"})]})]})});return A.jsx(ji,{isOpen:t,onClose:()=>r(!1),headerTitle:"Download Raw CSV",children:A.jsx("div",{className:gf.downloadCsv,children:A.jsx(b,{})})})};$.memo(sA);const xTe={alertCancel:"_alertCancel_15a9a_1"},OU=({onCancel:r,onSave:t,isLoading:e})=>A.jsx(A.Fragment,{children:A.jsxs(ZT,{text:`It seems like you have made changes to the layout. Please click on\r
-            the save button to save the changes to the layout.`,children:[A.jsx(Me,{variant:"secondary",type:"button",size:"small",className:xTe.alertCancel,onClick:r,children:"Cancel"}),A.jsx(Me,{variant:"primary",type:"button",size:"small",className:"disabled:opacity-40 disabled:cursor-not-allowed",onClick:t,isDisabled:e,children:"Save"})]})}),STe={fullscreen:"_fullscreen_1309s_1"},MTe=({metricData:r,isOpen:t,onClose:e,title:n})=>A.jsx(ji,{isOpen:t,onClose:()=>e(),headerTitle:n,children:A.jsx("div",{className:STe.fullscreen,children:A.jsx(as,{data:r||[],isLoading:!1,error:""})})}),St={cardContainer:"_cardContainer_108tk_1",morePopup:"_morePopup_108tk_9",features:"_features_108tk_17",listHeader:"_listHeader_108tk_25",metricName:"_metricName_108tk_33",metricTitle:"_metricTitle_108tk_41",metricDescription:"_metricDescription_108tk_49",popup:"_popup_108tk_57",metricFilter:"_metricFilter_108tk_65",popupIcon:"_popupIcon_108tk_73",popupMenu:"_popupMenu_108tk_81",popupItem:"_popupItem_108tk_89",popupItemIcon:"_popupItemIcon_108tk_97",csvBtn:"_csvBtn_108tk_105",deleteBtn:"_deleteBtn_108tk_113",metricData:"_metricData_108tk_121",metricTable:"_metricTable_108tk_129",singleValueData:"_singleValueData_108tk_137",singleValue:"_singleValue_108tk_137",noData:"_noData_108tk_153",noDataContent:"_noDataContent_108tk_161",noDataText:"_noDataText_108tk_169",loading:"_loading_108tk_177",fullscreen:"_fullscreen_108tk_193",dynamicGroupFormat:"_dynamicGroupFormat_108tk_201",dynamicGroupContainer:"_dynamicGroupContainer_108tk_209"},lA="data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz48c3ZnIGlkPSJMYXllcl8xIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAzMDAgMzAwIj48ZGVmcz48c3R5bGU+LmNscy0xe3N0cm9rZTojMTgyYzYwO30uY2xzLTEsLmNscy0ye2ZpbGw6bm9uZTtzdHJva2UtbGluZWNhcDpyb3VuZDtzdHJva2UtbGluZWpvaW46cm91bmQ7fS5jbHMtM3tmaWxsOiM1ODY1ZjY7b3BhY2l0eTouMTt9LmNscy00e2ZpbGw6I2YyZjNmNDt9LmNscy01e2ZpbGw6I2MxYzdjOTt9LmNscy02e2ZpbGw6I2RhZGVkZjt9LmNscy03e2ZpbGw6IzE4MmM2MDt9LmNscy0ye3N0cm9rZTojNTg2NWY2O3N0cm9rZS13aWR0aDo0cHg7fTwvc3R5bGU+PC9kZWZzPjxwYXRoIGNsYXNzPSJjbHMtMSIgZD0ibTIxMC41LDIwMC44M2MuNC0uNjYuNjgtMS40LjgyLTIuMiwxLjU4LTguODcsMy4xNS0xNy43NSw0LjczLTI2LjYyLDIuMDMtMTEuNDQsNC4wNi0yMi44OCw2LjA5LTM0LjMyLjcyLTQuMDgsMS43Ny04LjI1LDIuMTYtMTIuMzguNDMtNC41Ni0yLjA5LTkuNjgtNi44Ni0xMC42Ni0uMDEsMC0uMDMsMC0uMDQsMC0yLjQtLjQ5LTUuMDItLjIyLTcuNDUtLjIyaC00NC4yMmMtLjUyLDAtMi4zMy0uMzEtMi43NywwbC0yNC4yOCwxNy4yMmgtNjEuNjFjLTMuOTcsMC02Ljk5LDMuNTYtNi4zNCw3LjQ3bDkuNzUsNTkuNDJjLjUxLDMuMTEsMy4yLDUuMzksNi4zNCw1LjM5aDExNy44NiIvPjxwYXRoIGNsYXNzPSJjbHMtMSIgZD0ibTIwNywxMTQuNDN2LTguNTRjMC0zLjU1LTIuODgtNi40My02LjQzLTYuNDNoLTE3LjE5Ii8+PHBhdGggY2xhc3M9ImNscy0xIiBkPSJtMTAzLjQ3LDk5LjQ2aC0xNS4xMmMtMy41NSwwLTYuNDMsMi44OC02LjQzLDYuNDN2MjUuNDgiLz48Zz48bGluZSBjbGFzcz0iY2xzLTIiIHgxPSIxMTQuMTIiIHkxPSI5NC4wOCIgeDI9IjE0NC44NCIgeTI9Ijk0LjA4Ii8+PGc+PHJlY3QgY2xhc3M9ImNscy02IiB4PSIxMTIuNjEiIHk9IjEwMi40MyIgd2lkdGg9IjE4Ljk3IiBoZWlnaHQ9IjMuMiIvPjxyZWN0IGNsYXNzPSJjbHMtNCIgeD0iMTM3LjYxIiB5PSIxMDIuNDMiIHdpZHRoPSI4LjkiIGhlaWdodD0iMy4yIi8+PC9nPjwvZz48cGF0aCBjbGFzcz0iY2xzLTMiIGQ9Im0xNjQuOTgsODEuNDZsLS4wOCwxNi4yOHMuMTUsMy4yNC4zLDMuNjIuNiwxLjUxLDEuMTMsMS44OCwxLjAyLjc5LDEuNzcsMS4wNi45NC40OSwyLjExLjQ5LDE4LjE3LjA0LDE4LjE3LjA0bC0yMy40MS0yMy4zN1oiLz48cGF0aCBjbGFzcz0iY2xzLTEiIGQ9Im0xODguNTEsMTA0LjkxdjkuNTIiLz48cGF0aCBjbGFzcz0iY2xzLTEiIGQ9Im0xMDMuNTMsMTMxLjM3di00NC45NWMwLTIuODQsMi4zLTUuMTUsNS4xNS01LjE1LDE4Ljc3LDAsMzcuNTQsMCw1Ni4zMSwwIi8+PHBhdGggY2xhc3M9ImNscy0xIiBkPSJtMTY1LjAxLDgxLjI3djE4LjM1YzAsMi44NCwyLjMxLDUuMTUsNS4xNSw1LjE1aDE4LjM1cy0yMy41LTIzLjYyLTIzLjUtMjMuNVoiLz48Y2lyY2xlIGNsYXNzPSJjbHMtMSIgY3g9IjE2OC4yMSIgY3k9IjE2My4yNyIgcj0iMjQuOTYiLz48Y2lyY2xlIGNsYXNzPSJjbHMtMSIgY3g9IjE2OC4yMSIgY3k9IjE2My4yNyIgcj0iMzEuMjUiLz48cGF0aCBjbGFzcz0iY2xzLTEiIGQ9Im0xOTIuNTcsMTgzLjMzYzkuNjIsOS42MiwzMC4yOCwzMC4yOCwzMC4yOCwzMC4yOCwxLjE3LDEuMTcsMS4xNywzLjA3LDAsNC4yNHMtMy4wNywxLjE3LTQuMjQsMGMwLDAtMjAuNTgtMjAuNTgtMzAuMjItMzAuMjIiLz48Zz48cGF0aCBjbGFzcz0iY2xzLTUiIGQ9Im0xNjguNjYsMTcwLjkzYy0uNzQsMC0xLjM0LjI0LTEuODEuNzItLjQ3LjQ4LS43MSwxLjA5LS43MSwxLjgzcy4yNCwxLjMyLjcxLDEuODFjLjQ3LjQ5LDEuMDcuNzQsMS44MS43NHMxLjM0LS4yNSwxLjgxLS43NGMuNDctLjQ5LjcxLTEuMS43MS0xLjgxcy0uMjQtMS4zNC0uNzEtMS44M2MtLjQ3LS40OC0xLjA4LS43Mi0xLjgxLS43MloiLz48cGF0aCBjbGFzcz0iY2xzLTUiIGQ9Im0xNzQuNjksMTUzLjc3Yy0uNjItMS4wMi0xLjQ5LTEuODItMi42LTIuNC0xLjEyLS41Ny0yLjQtLjg2LTMuODUtLjg2LTEuNjgsMC0zLjE3LjQtNC40NywxLjE5cy0yLjI5LDEuOTQtMi45OCwzLjQzbDIuNzYsMi4yOGMuNDYtMS4wNiwxLjA3LTEuODYsMS44NS0yLjQuNzctLjU0LDEuNjUtLjgxLDIuNjQtLjgxLjc2LDAsMS40MS4xNCwxLjk3LjQxLjU1LjI4Ljk4LjY3LDEuMjgsMS4xNy4zLjUxLjQ1LDEuMS40NSwxLjc5cy0uMTYsMS4yOS0uNDcsMS44MWMtLjMxLjUyLS43NS45Mi0xLjMxLDEuMjEtLjU2LjI5LTEuMjIuNDMtMS45OC40M2gtLjkzdjYuNjZoMy4yOGwuMjYtMy43M2MuNzEtLjI0LDEuMzctLjU1LDEuOTUtLjkzLjk5LS42NCwxLjc1LTEuNDUsMi4yOS0yLjQxLjU0LS45Ny44MS0yLjA3LjgxLTMuMzEsMC0xLjMzLS4zMS0yLjUxLS45My0zLjU0WiIvPjwvZz48cGF0aCBjbGFzcz0iY2xzLTEiIGQ9Im04NS41NSwyMDMuOTdjLjY4LDIuODksMy4yNiw0Ljk2LDYuMjYsNC45NmgxMTcuNzMiLz48cGF0aCBjbGFzcz0iY2xzLTEiIGQ9Im0yMTUuMzcsMjA2LjA0Yy40Ny0uNzEuOC0xLjUyLjk1LTIuNCwxLjU4LTguODcsMy4xNS0xNy43NSw0LjczLTI2LjYyLDIuMDMtMTEuNDQsNC4wNi0yMi44OCw2LjA5LTM0LjMyLjcyLTQuMDgsMS43Ny04LjI1LDIuMTYtMTIuMzguMzktNC4xNi0xLjY4LTguNzktNS42Ny0xMC4zMSIvPjxwYXRoIGNsYXNzPSJjbHMtNyIgZD0ibTIyMy41MSwxMjAuMDhzLjQ5LDEuNjIuNTMsMS43My4zMiwyLjQ0LjMyLDIuNDRsLS4wNCwxLjkxLTEuMzgsNy4xMy0zLjM5LDE5LjMxLTIuODksMTUuOTItMi45NiwxNi43Ni0yLjQ0LDEzLjE2LS45MiwyLjY1LDQuOTgsNS4xNS44NS0yLjE1LjgxLTQuMDYsMS40OC04LjMzLDIuODItMTUuNzEsMi4xNS0xMi4xMSwxLjk0LTExLjM2LDIuNzUtMTQuNzUuODgtNC42OS4yOC0yLjU4LjA3LTIuMTItLjYtMi43NS0xLjI0LTIuMzYtMS4wOS0xLjU5LTIuMDEtMS4zMS0uOTItLjI4WiIvPjxwb2x5Z29uIGNsYXNzPSJjbHMtNyIgcG9pbnRzPSI4NS42OCAyMDMuOTMgMjA0LjU1IDIwMy44NCAyMDkuMzUgMjA4LjczIDE0OC40OCAyMDguODggOTAuOTUgMjA5LjAyIDg5LjUgMjA4LjY2IDg3Ljk4IDIwNy45MiA4Ni44MiAyMDYuNTggODYuMDEgMjA1LjAzIDg1LjY4IDIwMy45MyIvPjwvc3ZnPg==",uA=$.memo(({isDataLength:r,isLoading:t,isSingleValue:e,dataDb:n})=>A.jsxs(A.Fragment,{children:[!t&&!r?A.jsx("div",{className:St.noData,children:A.jsxs("div",{className:St.noDataContent,children:[A.jsx("img",{src:lA,alt:"",width:"300px",height:"300px"}),A.jsx("div",{className:St.noDataText,children:"No Data Available"})]})}):null,!t&&r&&n[e]===null&&A.jsx("div",{className:St.noData,children:A.jsxs("div",{className:St.noDataContent,children:[A.jsx("img",{src:lA,alt:"",width:"300px",height:"300px"}),A.jsx("div",{className:St.noDataText,children:"No Data Available"})]})}),t&&A.jsx("div",{className:St.loading,children:A.jsx(cl,{style:{width:"50px",height:"50px",color:"blue"}})})]})),DTe=r=>A.jsx("svg",{viewBox:"0 0 24 24",width:"1.2em",height:"1.2em",...r,children:A.jsx("path",{fill:"currentColor",d:"M5 21q-.825 0-1.413-.587Q3 19.825 3 19V6.5q0-.375.125-.675q.125-.3.325-.575l1.4-1.7q.2-.275.5-.413Q5.65 3 6 3h12q.35 0 .65.137q.3.138.5.413l1.4 1.7q.2.275.325.575q.125.3.125.675V19q0 .825-.587 1.413Q19.825 21 19 21Zm.4-15h13.2l-.85-1H6.25ZM5 8v11h14V8Zm7 10l4-4l-1.4-1.4l-1.6 1.6V10h-2v4.2l-1.6-1.6L8 14Zm-7 1h14H5Z"})}),Tv={metricFilter:"_metricFilter_zg60x_1",customContainer:"_customContainer_zg60x_4"},Ub=({rlsConditions:r,onChangeFilterValue:t,companyId:e,integrationId:n,integrationName:i})=>A.jsx(A.Fragment,{children:r!=null&&r.length&&t?r[0].datatype!=="date"?r[0].datatype==="string"?r[0].options.length?A.jsx(jf,{selectedOptions:Array.isArray(r[0].value)&&r[0].value.length?r[0].value.map(a=>({label:a,value:a})):[],options:r[0].options.map(a=>({value:a,label:a})),onChange:a=>t(r[0].name,a==null?void 0:a[0].value,void 0,a),label:r[0].name,className:Tv.metricFilter}):A.jsx(zf,{selectedOptions:Array.isArray(r[0].value)&&r[0].value.length?r[0].value.map(a=>({label:a,value:a})):[],onChange:a=>t(r[0].name,a==null?void 0:a[0].value,void 0,a),filter:{tableName:r[0].tableName,columnName:r[0].columnName},companyId:e,isSearchEnabled:!0,autoSelected:Array.isArray(r[0].value)&&!r[0].value.length,label:r[0].name,integrationId:n,integrationName:i,className:Tv.metricFilter}):A.jsx(Pr,{label:r[0].name,selectedOption:{value:r[0].value||r[0].options[0],label:r[0].value||r[0].options[0]},options:r[0].options.map(a=>({value:a,label:a})),onChange:a=>t(r[0].name,a.value),className:Tv.metricFilter}):A.jsx(Pr,{label:r[0].name,selectedOption:{value:r[0].value||r[0].options[0].name,label:r[0].value||r[0].options[0].name},options:r[0].options.map(a=>({value:a.name,label:a.name})),onChange:a=>t(r[0].name,a.value),className:Tv.metricFilter,children:r[0].value==="Custom"?A.jsxs("div",{className:Tv.customContainer,children:[A.jsx(Xe,{label:"From Date",type:"date",onChange:({target:{value:a}})=>{t(r[0].name,"Custom",{startDate:new Date(Date.parse(a))})}}),A.jsx(Xe,{label:"To Date",type:"date",onChange:({target:{value:a}})=>t(r[0].name,"Custom",{endDate:new Date(Date.parse(a))})})]}):null}):null}),vi={container:"_container_14i90_1",popover:"_popover_14i90_5",button:"_button_14i90_9",buttonOpen:"_buttonOpen_14i90_13",menu:"_menu_14i90_17",enter:"_enter_14i90_21",enterFrom:"_enterFrom_14i90_25",enterTo:"_enterTo_14i90_29",leave:"_leave_14i90_33",leaveFrom:"_leaveFrom_14i90_37",leaveTo:"_leaveTo_14i90_41",center:"_center_14i90_45",top:"_top_14i90_49",bottom:"_bottom_14i90_53",left:"_left_14i90_57",right:"_right_14i90_61","left-top-end":"_left-top-end_14i90_65","right-top-end":"_right-top-end_14i90_69","left-bottom-end":"_left-bottom-end_14i90_73","right-bottom-end":"_right-bottom-end_14i90_77","top-left":"_top-left_14i90_81","top-right":"_top-right_14i90_85","bottom-left":"_bottom-left_14i90_89","bottom-right":"_bottom-right_14i90_93","left-top":"_left-top_14i90_65","left-bottom":"_left-bottom_14i90_73","right-top":"_right-top_14i90_69","right-bottom":"_right-bottom_14i90_77",chartOptionBtn:"_chartOptionBtn_14i90_113",chartpopup:"_chartpopup_14i90_117"},cA={fullscreen:"_fullscreen_1gpy3_1",loading:"_loading_1gpy3_5"},CTe=({isShowUnderlyingData:r,setShowUnderlyingData:t,getUnderlyingData:e,columnName:n,value:i})=>{const[a,o]=$.useState([]),[s,l]=$.useState(!0);return $.useEffect(()=>{n&&i&&r&&e({columnName:n,setData:o,setLoading:l,value:i})},[n,i,r]),A.jsx(ji,{isOpen:r,onClose:()=>t(!1),headerTitle:"View Underlying Data",children:A.jsxs("div",{className:cA.fullscreen,children:[!!a.length&&A.jsx(as,{data:a,isLoading:!1,error:""}),!a.length&&!s&&A.jsx("div",{className:cA.loading,children:"No Data Available"}),s&&!a.length&&A.jsx("div",{className:cA.loading,children:A.jsx(cl,{style:{width:"50px",height:"50px",color:"blue"}})})]})})},TTe=$.memo(CTe),ITe=r=>A.jsx("svg",{viewBox:"0 0 24 24",width:"1.2em",height:"1.2em",...r,children:A.jsx("g",{id:"evaLayersFill0",children:A.jsx("g",{id:"evaLayersFill1",children:A.jsxs("g",{id:"evaLayersFill2",fill:"currentColor",children:[A.jsx("path",{d:"m3.24 7.29l8.52 4.63a.51.51 0 0 0 .48 0l8.52-4.63a.44.44 0 0 0-.05-.81L12.19 3a.5.5 0 0 0-.38 0L3.29 6.48a.44.44 0 0 0-.05.81Z"}),A.jsx("path",{d:"m20.71 10.66l-1.83-.78l-6.64 3.61a.51.51 0 0 1-.48 0L5.12 9.88l-1.83.78a.48.48 0 0 0 0 .85l8.52 4.9a.46.46 0 0 0 .48 0l8.52-4.9a.48.48 0 0 0-.1-.85Z"}),A.jsx("path",{d:"m20.71 15.1l-1.56-.68l-6.91 3.76a.51.51 0 0 1-.48 0l-6.91-3.76l-1.56.68a.49.49 0 0 0 0 .87l8.52 5a.51.51 0 0 0 .48 0l8.52-5a.49.49 0 0 0-.1-.87Z"})]})})})}),ATe=r=>A.jsx("svg",{viewBox:"0 0 24 24",width:"1.2em",height:"1.2em",...r,children:A.jsx("path",{fill:"currentColor",d:"M14 3v2h3.59l-9.83 9.83l1.41 1.41L19 6.41V10h2V3m-2 16H5V5h7V3H5a2 2 0 0 0-2 2v14a2 2 0 0 0 2 2h14a2 2 0 0 0 2-2v-7h-2v7Z"})}),RU=({position:r="center",menuContainerClass:t,menuClass:e,isOpen:n,setOpen:i,value:a,columnName:o,getUnderlyingData:s,clickBehaviourConfigs:l})=>{const[c,u]=$.useState(!1),h=$.useRef(null);return $f({wrapRef:h,onOutsideClick:()=>i(!1)}),A.jsxs(A.Fragment,{children:[A.jsx("div",{onContextMenu:f=>{f.preventDefault()},ref:h,children:A.jsx("div",{className:`${vi.popover} ${vi[r]} ${t}`,children:A.jsx(Lf,{as:"div",className:`${vi.menu} ${e}`,show:n,enter:vi.enter,enterFrom:vi.enterFrom,enterTo:vi.enterTo,leave:vi.leave,leaveFrom:vi.leaveFrom,leaveTo:vi.leaveTo,children:A.jsxs("div",{className:vi.chartpopup,children:[A.jsxs(Me,{variant:"custom",type:"button",className:vi.chartOptionBtn,onClick:()=>u(!0),children:[A.jsx(ITe,{className:vi.popupItemIcon}),A.jsx(we,{variant:"p",styleClass:"font-14",children:"View underlying data"})]}),l.isEnable&&A.jsxs(Me,{variant:"custom",type:"button",className:vi.chartOptionBtn,onClick:()=>qp(l,(a==null?void 0:a.split(" ").join("_"))||"undefined"),children:[A.jsx(ATe,{className:vi.popupItemIcon}),A.jsx(we,{variant:"p",styleClass:"font-14",children:"Go to"})]})]})})})}),A.jsx(TTe,{isShowUnderlyingData:c,setShowUnderlyingData:u,columnName:o,value:a,getUnderlyingData:s})]})},PU=$.memo(RU),hA={"dbc-container":"_dbc-container_1ial2_1","active-dimension":"_active-dimension_1ial2_5",otherLevels:"_otherLevels_1ial2_8"},fA=({dimensions:r,drilledLevel:t})=>A.jsx("div",{className:hA["dbc-container"],children:r.map((e,n)=>A.jsxs("span",{className:n===t?hA["active-dimension"]:hA.otherLevels,children:[e.toString()[0].toUpperCase()+e.toString().substring(1),n===r.length-1?"":" / "]}))}),dA=({globalFilters:r={tableName:"",filters:[]},metricItem:t,onMaximize:e,client:n,colors:i,param:a,companyTenancyType:o,renderHeaderName:s,isDisableCardClick:l,onArchive:c,chartRendererType:u="canvas",isDisableMorePopup:h})=>{var L,E,N,k,O;const f=$.useMemo(()=>{const R={};if(a!=null&&a.values)for(const P in a.values){const j=`${P}_variable`;R[j]=a.values[P]}return R},[a==null?void 0:a.values]),[d,p]=$.useState(t.chartOptions),{dataDb:v,getUnderlyingData:g,handleChartClick:m,columnName:y,setShowChartPopup:b,isShowChartPopup:_,isQueryLoading:w,chartParams:x,onChangeFilterValue:C,onDrillDown:I,drilledLevel:D,dimensions:T,rlsConditions:S,setLoading:M}=Jw({metric:t,clientId:n,chartSettings:d,setChartSettings:p,globalFilters:r,rlsFilters:{param:a,filterValues:f},tenancyLevel:o});return $.useEffect(()=>{p(t==null?void 0:t.chartOptions)},[t]),A.jsx(A.Fragment,{children:A.jsxs("div",{className:St.cardContainer,onContextMenu:R=>{R.preventDefault()},children:[A.jsxs("div",{className:St.listHeader,children:[A.jsxs("div",{className:St.metricName,children:[A.jsx(Me,{type:"button",variant:"custom",onClick:()=>{t.clickActions.card.isEnable?f5(t.clickActions,t.metricId,t.id):e(t,{param:a,filterValues:f})},isDisabled:l,children:A.jsx(we,{variant:"h3",styleClass:"primary",className:`${St.metricTitle} dbn-metric-card-title`,children:s?s(t.name):t.name})}),t.description&&A.jsx("span",{className:`${St.metricDescription} dbn-metric-card-description`,children:t.description})]}),A.jsxs("div",{className:St.features,children:[A.jsx(Ub,{rlsConditions:S,onChangeFilterValue:C,companyId:t==null?void 0:t.companyId,integrationId:t==null?void 0:t.companyIntegrationId,integrationName:t==null?void 0:t.integrationName}),(L=d==null?void 0:d.timeSeriesSettings)!=null&&L.groupBySettings.isDynamic?A.jsx(Pr,{options:(E=d==null?void 0:d.timeSeriesSettings)==null?void 0:E.groupBySettings.options.map(R=>({label:R,value:R})),onChange:R=>p(P=>{var j;return{...P,timeSeriesSettings:{...P==null?void 0:P.timeSeriesSettings,groupBySettings:{...(j=P==null?void 0:P.timeSeriesSettings)==null?void 0:j.groupBySettings,value:R.value}}}}),selectedOption:{label:(N=d==null?void 0:d.timeSeriesSettings)==null?void 0:N.groupBySettings.value,value:(k=d==null?void 0:d.timeSeriesSettings)==null?void 0:k.groupBySettings.value},label:"group",className:St.dynamicGroupContainer,buttonClass:St.dynamicGroupFormat}):null,!h&&A.jsxs(za,{buttonClass:St.popup,button:A.jsx(it,{name:"more-icon",className:St.popupIcon}),menuClass:St.popupMenu,position:"bottom-right",className:St.morePopup,children:[A.jsxs(Me,{type:"button",variant:"custom",id:`metric-card-popup-btn__${t.id}`,className:`${St.popupItem} ${St.csvBtn}`,onClick:()=>e(t,{param:a,filterValues:f}),children:[A.jsx(it,{name:"fullscreen-icon",className:St.popupItemIcon}),"Enter Fullscreen"]}),c&&A.jsxs(Me,{variant:"custom",type:"button",className:`${St.popupItem} ${St.csvBtn} ${St.deleteBtn}`,onClick:()=>c(t.id),children:[A.jsx(DTe,{className:St.popupItemIcon}),"Archive Metric"]})]})]})]}),(d==null?void 0:d.chartType)&&A.jsxs("div",{className:`${St.metricData} ${(d==null?void 0:d.chartType)===me.table?St.metricTable:""}`,onContextMenu:R=>{R.preventDefault()},children:[A.jsx(uA,{isLoading:w,isDataLength:!!(v!=null&&v.length),isSingleValue:d.singleValue,dataDb:v[0]}),((O=t==null?void 0:t.drillDownSettings)==null?void 0:O.isEnableGroupBy)&&!!(T!=null&&T.length)&&!!v.length&&A.jsx(fA,{dimensions:T,drilledLevel:T.length>D?D:0}),(x==null?void 0:x.name)&&y&&A.jsx(PU,{isOpen:_,setOpen:b,value:x==null?void 0:x.name,columnName:y,getUnderlyingData:g,clickBehaviourConfigs:t.clickActions.chart}),v!=null&&v.length?A.jsx(Kp,{data:v,chartOptions:d,events:{click:R=>{var P;(P=t.drillDownSettings)!=null&&P.isEnableGroupBy&&I(R)},contextmenu:R=>{m(R),b(!0)}},colors:i,config:{style:{height:"90%"},hideBorder:!0,chartClickConfig:t.clickActions.chart,onChartReady:()=>M(!1),opts:{renderer:u}}}):null]})]})})},LTe=({globalFilters:r={tableName:"",filters:[]},metricItem:t,client:e,param:n,companyTenancyType:i,renderHeaderName:a})=>{var D;const o={};if(n!=null&&n.values)for(const T in n.values){const S=`${T}_variable`;o[S]=n.values[T]}const[s,l]=$.useState(""),[c,u]=$.useState(""),[h,f]=$.useState([]),[d,p]=$.useState([]),[v,g]=$.useState({card:{isEnable:!1,baseUrl:"",dynamic:"none",route:"",routeType:"internal"},chart:{isEnable:!1,baseUrl:"",dynamic:"{{value}}",route:"/{{value}}",routeType:"internal"}}),[m,y]=$.useState({hideSplitLines:"none",hideAxisLines:"none",barWidth:40,barRadius:0,axisLabels:"none",fontSize:14,subHeaderShow:!1,displayText:"",subHeaderFontSize:0,dateFormatter:"none",numberFormatter:"original",xRotation:50,showLabelValues:!1}),{data:b,isLoading:_}=HL({id:t==null?void 0:t.id,clientId:e,tenancyLevel:i,rlsConditions:i==="DATABASE"?d.map(T=>({...T,tableName:`${e}.${T.tableName.split(".").slice(1).join(".")}`})):d,globalFilters:i==="DATABASE"?{...r,tableName:`${e}.${r.tableName.split(".").slice(1).join(".")}`}:r,filterValues:o},{refetchOnWindowFocus:!1});$.useEffect(()=>{l(t==null?void 0:t.chartOptions.chartType),u(t==null?void 0:t.chartOptions.singleValue),p((t==null?void 0:t.rlsConditions)||[]),y(t!=null&&t.chartOptions.customSettings?t==null?void 0:t.chartOptions.customSettings:{hideSplitLines:"none",hideAxisLines:"none",barWidth:40,barRadius:0,axisLabels:"none",fontSize:14,subHeaderShow:!1,displayText:"",subHeaderFontSize:0,dateFormatter:"none",numberFormatter:"original",xRotation:50,showLabelValues:!1}),g(t.clickActions||{card:{isEnable:!1,baseUrl:"",dynamic:"none",route:"",routeType:"internal"},chart:{isEnable:!1,baseUrl:"",dynamic:"{{value}}",route:"/{{value}}",routeType:"internal"}})},[t]),$.useEffect(()=>{var S,M;const T=(S=b==null?void 0:b.externalMetricQuery)!=null&&S.data?JSON.parse((M=b==null?void 0:b.externalMetricQuery)==null?void 0:M.data):[];f(T??[])},[(D=b==null?void 0:b.externalMetricQuery)==null?void 0:D.data]);const w=h,x=w!=null&&w.length?w==null?void 0:w.map(T=>T[c]):"",C=[{value:x[0]}],I=(T,S,M,L)=>{p(M?E=>E.map(N=>N.name===T?{...N,value:S,options:N.options.map(k=>k.name==="Custom"?{...k,...M}:k)}:N):L?E=>E.map(N=>N.name===T?{...N,value:L.map(k=>k.value)}:N):E=>E.map(N=>N.name===T?{...N,value:S}:N))};return A.jsx(A.Fragment,{children:A.jsxs("div",{className:St.cardContainer,id:t.id,children:[A.jsxs("div",{className:St.listHeader,children:[A.jsxs("div",{className:St.metricName,children:[A.jsx(Me,{type:"button",variant:"custom",isDisabled:!v.card.isEnable,className:"disabled:cursor-text",onClick:()=>f5(v,t.metricId,t.id),children:A.jsx(we,{variant:"h3",styleClass:"primary",className:`${St.metricTitle} dbn-metric-card-title`,children:a?a(t.name):t.name})}),t.description&&A.jsx("span",{className:`${St.metricDescription} dbn-metric-card-description`,children:t.description})]}),A.jsx("div",{className:St.features,children:A.jsx(Ub,{rlsConditions:d,onChangeFilterValue:I,companyId:t==null?void 0:t.companyId,integrationId:t==null?void 0:t.companyIntegrationId,integrationName:t==null?void 0:t.integrationName})})]}),s&&A.jsx("div",{className:`${St.metricData} ${St.singleValueData}`,children:_?A.jsx(cl,{style:{width:"50px",height:"50px",color:"blue"}}):A.jsx(A.Fragment,{children:x.length?A.jsx($H,{data:C,customSettings:m,chartClickConfig:v.chart,hideBorder:!0}):A.jsx("div",{className:St.noData,children:A.jsxs("div",{className:St.noDataContent,children:[A.jsx("img",{src:lA,alt:"",width:"300px",height:"300px"}),A.jsx("div",{className:St.noDataText,children:"No Data Available"})]})})})})]})})},fr={fullScreen:"_fullScreen_1qw4c_1",header:"_header_1qw4c_9",headerBlock:"_headerBlock_1qw4c_17",metricName:"_metricName_1qw4c_25",iconButton:"_iconButton_1qw4c_33",body:"_body_1qw4c_41",metric:"_metric_1qw4c_25",metricHeader:"_metricHeader_1qw4c_57",chartSettings:"_chartSettings_1qw4c_65",chart:"_chart_1qw4c_65",preview:"_preview_1qw4c_81",popupMenu:"_popupMenu_1qw4c_89",csvPopup:"_csvPopup_1qw4c_97",csvPopupIcon:"_csvPopupIcon_1qw4c_105",popupItem:"_popupItem_1qw4c_113",popupItemIcon:"_popupItemIcon_1qw4c_121",dynamicGroupFormat:"_dynamicGroupFormat_1qw4c_129",dynamicGroupContainer:"_dynamicGroupContainer_1qw4c_137"},ETe=r=>A.jsx("svg",{viewBox:"0 0 24 24",width:"1.2em",height:"1.2em",...r,children:A.jsx("path",{fill:"currentColor",d:"M2 12h2v5h16v-5h2v5c0 1.11-.89 2-2 2H4a2 2 0 0 1-2-2v-5m10 3l5.55-5.46l-1.42-1.41L13 11.25V2h-2v9.25L7.88 8.13L6.46 9.55L12 15Z"})}),NTe=r=>A.jsx("svg",{viewBox:"0 0 24 24",width:"1.2em",height:"1.2em",...r,children:A.jsx("path",{fill:"currentColor",d:"M8.7 17.3q-.275-.275-.275-.7q0-.425.275-.7l3.9-3.9l-3.9-3.9q-.275-.275-.275-.7q0-.425.275-.7q.275-.275.7-.275q.425 0 .7.275l4.6 4.6q.15.15.213.325q.062.175.062.375t-.062.375q-.063.175-.213.325l-4.6 4.6q-.275.275-.7.275q-.425 0-.7-.275Z"})}),kTe=({data:r,chartRef:t,metricName:e,onRawCsvData:n})=>A.jsx(A.Fragment,{children:A.jsxs(za,{button:A.jsx(ETe,{}),buttonClass:fr.iconButton,position:"bottom-right",menuClass:fr.popupMenu,children:[A.jsxs(za,{button:A.jsxs(A.Fragment,{children:["Download CSV ",A.jsx(NTe,{className:fr.csvPopupIcon})]}),buttonClass:fr.popupItem,position:"left-top",menuClass:fr.popupMenu,menuContainerClass:fr.csvPopup,children:[A.jsx(RH,{text:"Table Results",data:r,fileName:e,className:fr.popupItem,iconClass:fr.popupItemIcon}),A.jsx(Me,{type:"button",variant:"custom",size:"default",className:fr.popupItem,onClick:n,children:"Raw Data"})]}),t&&A.jsx(jH,{text:"Save as PNG",chartRef:t,className:fr.popupItem,iconClass:fr.popupItemIcon,fileName:e})]})}),OTe=r=>A.jsx("svg",{viewBox:"0 0 24 24",width:"1.2em",height:"1.2em",...r,children:A.jsx("path",{fill:"none",stroke:"currentColor",strokeLinecap:"round",strokeLinejoin:"round",strokeWidth:2,d:"M4 14h6v6m10-10h-6V4m0 6l7-7M3 21l7-7"})}),pA=({metric:r,colors:t,rlsFilters:e,onMinimize:n,clientId:i,tenancyLevel:a,companyId:o,externalDashboardId:s,userProvidedDashboardId:l,isAllowedToUpdateMetrics:c,sharingSettingsId:u})=>{var R,P,j,B;const h=$.useRef(),[f,d]=$.useState(!1),[p,v]=$.useState(r.chartOptions),[g,m]=$.useState(!1),{updateExternalMetric:y,error:b}=Xw({onSuccess:()=>{m(!1)},selectedColumns:[],companyIntegrationId:r.companyIntegrationId,query:r.query,metricQuery:r.metricQuery,integrationName:r.integrationName,outputColumns:r.outputColumns,chartSettings:p,clientId:i,companyId:o,isLiveMode:r.isLive,timeGrain:r.timeGrain,dashboardIds:[s],isEnableGroupBy:r.isEnableGroupBy,groupBy:r.groupBy,selectedGroupBy:r.selectedGroupBy,userProvidedDashboardId:l,metric:r,rlsFilters:e==null?void 0:e.param}),{dataDb:_,getUnderlyingData:w,handleChartClick:x,onChangeFilterValue:C,onDrillDown:I,isShowChartPopup:D,setShowChartPopup:T,columnName:S,chartParams:M,isQueryLoading:L,dimensions:E,drilledLevel:N,rlsConditions:k,setLoading:O}=Jw({metric:r,rlsFilters:e,chartSettings:p,setChartSettings:v,tenancyLevel:a,clientId:i});return A.jsxs("dialog",{open:!0,className:fr.fullScreen,children:[A.jsxs("section",{className:fr.header,children:[A.jsx("div",{className:fr.headerBlock,children:A.jsx(we,{variant:"h2",styleClass:"font-14",className:fr.metricName,children:r.name})}),A.jsxs("div",{className:fr.headerBlock,children:[A.jsx(Me,{type:"button",variant:"custom",size:"default",className:fr.iconButton,onClick:n,title:"Minimize Full Screen",children:A.jsx(OTe,{})}),A.jsx(kTe,{data:_,chartRef:h,metricName:r.name,onRawCsvData:()=>d(!0)}),c&&A.jsx(Me,{type:"button",variant:"primary",size:"large",onClick:()=>m(!0),children:"Save Metric"})]})]}),A.jsxs("section",{className:fr.body,children:[A.jsxs("div",{className:fr.metric,children:[A.jsxs("div",{className:fr.metricHeader,children:[A.jsx(Ub,{companyId:o,integrationName:r.integrationName,integrationId:r.companyIntegrationId,rlsConditions:k,onChangeFilterValue:C}),(R=p.timeSeriesSettings)!=null&&R.groupBySettings.isDynamic?A.jsx(Pr,{options:p.timeSeriesSettings.groupBySettings.options.map(F=>({label:F,value:F})),onChange:F=>v(V=>{var H;return{...V,timeSeriesSettings:{...V.timeSeriesSettings,groupBySettings:{...(H=V.timeSeriesSettings)==null?void 0:H.groupBySettings,value:F.value}}}}),selectedOption:{label:p.timeSeriesSettings.groupBySettings.value,value:p.timeSeriesSettings.groupBySettings.value},label:"group",buttonClass:fr.dynamicGroupFormat,className:fr.dynamicGroupContainer}):null,A.jsx(nI,{data:_,settings:p,setSettings:v,className:fr.chartSettings})]}),(M==null?void 0:M.name)&&S&&A.jsx(PU,{isOpen:D,setOpen:T,value:M==null?void 0:M.name,columnName:S,getUnderlyingData:w,clickBehaviourConfigs:(P=r.clickActions)==null?void 0:P.chart}),A.jsx(uA,{isLoading:L,isDataLength:!!_.length,isSingleValue:p.singleValue,dataDb:_[0]}),((j=r==null?void 0:r.drillDownSettings)==null?void 0:j.isEnableGroupBy)&&!!(E!=null&&E.length)&&!!_.length&&A.jsx(fA,{dimensions:E,drilledLevel:E.length>N?N:0}),_.length?A.jsx(Kp,{chartOptions:p,data:_,colors:t,events:{click:F=>{var V;(V=r.drillDownSettings)!=null&&V.isEnableGroupBy&&I(F)},contextmenu:F=>{x(F),T(!0)}},className:fr.chart,config:{ref:h,chartClickConfig:(B=r.clickActions)==null?void 0:B.chart,onColumnSizingChange:F=>v(V=>({...V,tableSettings:{...V.tableSettings,columnSizing:F}})),onChartReady:()=>O(!1)}}):null]}),p.chartType!=="table"?A.jsx("div",{className:fr.preview,children:A.jsx(as,{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]}),A.jsx(sA,{metricItem:r,isShowRawCsvModal:f,onCloseModal:d,companyTenancyType:a,filterValues:e==null?void 0:e.filterValues,client:i,sharingSettingsId:u}),c&&A.jsx(ji,{isOpen:g,onClose:()=>m(!1),headerTitle:"Update Metric",children:A.jsx(qw,{onCancel:()=>m(!1),onSubmit:y,dashboardIds:[s],onDashboardChange:()=>{},companyId:o,error:b,defaultValues:{name:r.name,description:r.description,isLive:r.isLive,metricId:r.isCreatedByClient?r.metricId:`update_${r.metricId}_by_${i}_${Date.now()}`},isEmbedded:!0})})]})},$U=LU.WidthProvider(LU.Responsive),jU=({chartColors:r,globalFilters:t,client:e,companyId:n,isAllowedToUpdateMetrics:i,isAllowedToDeleteMetrics:a,isAllowedToChangeLayout:o,externalDashboardMetrics:s,isMetricListLoading:l,breakpoint:c,layoutCols:u,adminLayout:h,params:f,companyTenancyType:d="TABLE",externalDashboardId:p,externalDashboardPk:v,sharingSettingsId:g})=>{const[m,y]=$.useState({id:"",show:!1}),[b,_]=$.useState({layout:[],isShow:!1}),[w,x]=$.useState({show:!1}),{saveLayout:C,layout:I,isLoadingLayout:D}=UL({clientId:e,externalDashboardId:v}),{handleArchiveMetric:T,isLoading:S}=YL({dashboardId:p,clientId:e,metricId:m.id,onSuccess:()=>y({id:"",show:!1})}),M=$.useCallback(k=>{_({isShow:!0,layout:k})},[]),L=$.useMemo(()=>{const k=s==null?void 0:s.map(j=>j.externalMetric),O=k==null?void 0:k.filter(j=>!j.isCreatedByClient),R=k==null?void 0:k.filter(j=>j.isCreatedByClient&&j.clientId===e);return[...O||[],...R||[]].sort((j,B)=>{const F=new Date(j.createdAt).getTime(),V=new Date(B.createdAt).getTime();return F-V})},[s]),E=$.useMemo(()=>L.map(O=>{const R=I.find(j=>j.i===O.id),P=h.find(j=>j.i===O.id);return{i:(R==null?void 0:R.i)||(P==null?void 0:P.i)||O.id,w:(R==null?void 0:R.w)||(P==null?void 0:P.w)||O.resizeAttributes.width||5,h:(R==null?void 0:R.h)||(P==null?void 0:P.h)||O.resizeAttributes.height||10,x:(R==null?void 0:R.x)||(P==null?void 0:P.x)||O.resizeAttributes.xAxis||0,y:(R==null?void 0:R.y)||(P==null?void 0:P.y)||O.resizeAttributes.yAxis||0,minW:3,minH:O.chartOptions.chartType==="single value"?5:8,maxH:O.chartOptions.chartType==="table"?1/0:15}}),[L,h,I]),N=$.useMemo(()=>L.map(k=>A.jsx("div",{className:`${vf["MetricList-wrapper"]} ${o?vf["MetricList-wrapper-move"]:""}`,id:k.id,children:A.jsx(dA,{metricItem:k,onMaximize:O=>x({show:!0,metric:O}),client:e,colors:r,globalFilters:t,param:f==null?void 0:f.find(O=>O.metricId===k.metricId),companyTenancyType:d,onArchive:a?O=>y({id:O,show:!0}):void 0})},k.id)),[L,d,e,r,f,t,o,a]);return A.jsx(A.Fragment,{children:L.length&&E.length?A.jsxs(A.Fragment,{children:[A.jsxs("div",{className:vf["MetricList-container"],id:"metric-list-container",children:[b.isShow&&A.jsx(OU,{isLoading:D,onCancel:()=>_(k=>({...k,isShow:!1})),onSave:async()=>{await C(b.layout,!0),_(k=>({...k,isShow:!1}))}}),A.jsx($U,{layouts:{lg:E},onResizeStop:o?M:void 0,onDragStop:o?M:void 0,isDraggable:o,isDroppable:o,isResizable:o,rowHeight:30,breakpoints:c??{lg:1200,md:996,sm:768,xs:480,xxs:0},cols:u??{lg:12,md:12,sm:12,xs:4,xxs:2},children:N})]}),a?A.jsx(EU,{isLoading:S,isOpen:m.show,onArchive:T,onClose:()=>y({id:"",show:!1})}):null,A.jsx(tg,{children:w.show&&w.metric&&A.jsx(pA,{metric:w.metric,rlsFilters:w.rlsFilters,colors:r,externalDashboardId:v,userProvidedDashboardId:p,tenancyLevel:d,isAllowedToUpdateMetrics:i,clientId:e,companyId:n,onMinimize:()=>x({show:!1,metric:void 0}),sharingSettingsId:g})})]}):A.jsx(A.Fragment,{children:l?A.jsx("div",{className:vf["alt-container"],children:A.jsx(cl,{style:{width:"50px",height:"50px",color:"blue"}})}):A.jsx("div",{className:vf["noMetric-container"],children:A.jsx("div",{className:vf["noMetric-wrapper"],children:A.jsx(we,{variant:"h2",styleClass:"primary",children:"No metrics created yet"})})})})})},Io={container:"_container_1jkce_1",table:"_table_1jkce_9",tableHead:"_tableHead_1jkce_17",tableRow:"_tableRow_1jkce_25",tableHeadCol:"_tableHeadCol_1jkce_33",tableHeadColText:"_tableHeadColText_1jkce_41",tableRowCol:"_tableRowCol_1jkce_49",tableColText:"_tableColText_1jkce_57",empty:"_empty_1jkce_65",error:"_error_1jkce_73"},RTe=({data:r,isError:t})=>A.jsxs("div",{className:Io.container,children:[!!(r!=null&&r.length)&&!t&&A.jsxs("table",{className:Io.table,children:[A.jsx("thead",{className:Io.tableHead,children:A.jsx("tr",{className:Io.tableRow,children:Object.keys(r[0]).map(e=>A.jsx("th",{className:Io.tableHeadCol,scope:"col",children:A.jsx(we,{styleClass:"font-14c",variant:"h1",className:Io.tableHeadColText,children:e})},e))})}),A.jsx("tbody",{children:r==null?void 0:r.map((e,n)=>A.jsx("tr",{children:Object.keys(r[0]).map((i,a)=>A.jsx("td",{className:Io.tableRowCol,children:A.jsx(we,{styleClass:"font-14",variant:"p",className:Io.tableColText,children:JSON.stringify(e[i])})},a))},n))})]}),!(r!=null&&r.length)&&!t&&A.jsx("div",{className:Io.empty,children:"Table is empty"}),t&&A.jsx("div",{className:Io.error,children:r.message})]}),PTe={loader:"_loader_j0yem_1"},zU=()=>A.jsx("div",{className:PTe.loader,children:A.jsx(cl,{style:{width:"50px",height:"50px",color:"blue"}})}),$Te=Object.freeze(Object.defineProperty({__proto__:null,Alert:ZT,AppliedFilter:EH,ArchiveMetricModal:EU,Button:Me,Chart:Kp,ChartConfig:mL,ChartConfigure:HH,ChartImageDownloadButton:jH,ChartModalOptions:wL,ChartPopup:RU,ChartSettings:GH,ChartSettingsPopup:nI,ChartTab:YH,ConstructMetric:bW,CsvDownloadButton:RH,DataType:Ww,Dataset:BH,DateRangePicker:QT,DownloadRawCsvModal:sA,DrillBreadCrumb:fA,DropDown:mY,EmbeddedMetricCreation:wW,Error:Of,ErrorFallback:xL,ExternalMetricForm:qw,ExternalMetricList:jU,FilterDropDown:pg,FilterField:p0e,FilterPopup:qT,FloatingDropDown:Pr,FullScreenChart:O5,FullScreenView:pA,GlobalFilters:kH,GridLayout:$U,Header:zH,HookMultiSelect:hL,HookSelect:Nf,Icons:it,InfoTooltip:tn,InputField:Xe,InputTables:RMe,LayoutAlert:OU,Loader:zU,MetricCard:dA,MetricChart:tSe,MetricFilterDropDown:Ub,MetricForm:mW,MetricOutput:ZH,MetricTable:RTe,Modal:ji,ModalFooter:Tc,MultiFilterDropdown:zf,MultiFloatingDropDown:jf,MultiSelect:Oo,NoDataLoading:uA,NumberFilterField:tT,PopoverMenu:za,Portal:tg,SearchTab:Ef,Select:pr,SelectField:qY,SelectWithSubValue:cL,SingleValueCard:LTe,Tab:gv,Table:as,TableTab:QH,TableViewModal:MTe,Text:we,TextAreaField:SL,TimeGrainField:qH,ToggleButton:ML,Tooltip:OH,getFormattedFilterValue:NH,isInFilterOperator:eT,isNullFilterOperator:$0},Symbol.toStringTag,{value:"Module"})),jTe=r=>A.jsx("svg",{viewBox:"0 0 24 24",width:"1.2em",height:"1.2em",...r,children:A.jsx("path",{fill:"currentColor",d:"M19 13h-6v6h-2v-6H5v-2h6V5h2v6h6v2Z"})}),zTe={scheduleEmailButton:"_scheduleEmailButton_13nzt_1"},gi={"form-wrapper":"_form-wrapper_ynoky_1","form-primary-text":"_form-primary-text_ynoky_5","week-days-container":"_week-days-container_ynoky_9","main-label":"_main-label_ynoky_12","time-element":"_time-element_ynoky_16","schedule-time":"_schedule-time_ynoky_19","cancel-btn":"_cancel-btn_ynoky_23","delete-btn":"_delete-btn_ynoky_26","field-width":"_field-width_ynoky_29","timezone-field":"_timezone-field_ynoky_33","success-text":"_success-text_ynoky_37"},FU=$.createContext({isLoading:void 0,data:void 0,token:void 0}),BU=()=>$.useContext(FU),FTe=(r,t)=>{const e=t.getTimezoneOffset()*-1;return new Date(t.toLocaleString("en-US",{timeZone:r})).getTimezoneOffset()*-1-e},BTe=r=>{const t=new Date;let e=null;switch(r.frequency){case"Daily":e=new Date(t),e.setDate(t.getDate()+1);break;case"Weekly":{const n=Object.keys(r.weekDays).filter(a=>r.weekDays[a]);let i=null;n.forEach(a=>{const s=(Pw.findIndex(c=>c.value===a)+7-t.getDay())%7,l=new Date(t);l.setDate(t.getDate()+s),l.toDateString()===t.toDateString()&&l.setDate(l.getDate()+7),(!i||l<i)&&(i=l)}),e=i;break}case"Monthly":{const n=r.date.map(a=>parseInt(a.value,10));let i=null;n.forEach(a=>{const o=new Date(t.getFullYear(),t.getMonth(),a);o<t&&o.setMonth(t.getMonth()+1),(!i||o<i)&&(i=o)}),e=i;break}}if(e!==null){e.setHours(parseInt(r.hours,10),0,0,0),r.time==="PM"?e.setHours(parseInt(r.hours,10)+12):r.time==="AM"&&r.hours==="12"&&e.setHours(0);const n=FTe(r.timezone,e);e.setTime(e.getTime()+n*6e4)}return e},VTe=({onCancel:r})=>{var N;const{register:t,handleSubmit:e,watch:n,control:i,setValue:a,getValues:o,reset:s}=Wv(),{data:l,token:c}=BU(),{data:u,isLoading:h}=h8({token:c}),f=$.useMemo(()=>{var k;if((k=u==null?void 0:u.scheduleEmailReports)!=null&&k.length)return u==null?void 0:u.scheduleEmailReports[0]},[u]);$.useEffect(()=>{f?s({...f.timeConfigurations}):(a("time","PM"),a("timezone","Asia/Kolkata"),a("frequency","Monthly"))},[f]);const[d,p]=$.useState(!1),[v,g]=$.useState(""),[m,y]=$.useState(!1),[b,_]=$.useState(!1),w="",x=((N=l==null?void 0:l.externalDashboardMetrics)==null?void 0:N.map(k=>({value:k.externalMetric.id,label:k.externalMetric.name})))||[],C=O8(),I=R9(),D=$9(),T=(k,O)=>k.charts.length===0?(g("please select at least one chart to share"),p(!1),y(!1),!1):k.emails.length===0?(g("please add at least one email address"),p(!1),y(!1),!1):O?!0:(g("invalid time configurations"),p(!1),y(!1),!1),S=k=>{var K,ee;g(""),p(!0),y(!1);const{subject:O,emails:R,frequency:P,weekDays:j,date:B,hours:F,time:V,timezone:H}=k,G=BTe({date:B,frequency:P,hours:F,time:V,timezone:H,weekDays:j});if(!T(k,G))return;const J=(K=k.charts)==null?void 0:K.map(W=>({externalMetricId:W}));f?I.mutate({scheduleEmailReportId:f.id},{onSuccess({delete_scheduleEmailReportCharts:W}){var Q;W!=null&&W.affected_rows?C.mutate({emails:R,externalDashboardId:(Q=l==null?void 0:l.externalDashboard)==null?void 0:Q.id,data:J,guestToken:c,nextScheduledAt:G,sharingSettingsId:l==null?void 0:l.sharingSettingsId,subject:O,timeConfigurations:k},{onSuccess({insert_scheduleEmailReports_one:U}){U!=null&&U.id?(g(""),p(!1),y(!0)):(g(nn),p(!1),y(!1))},onError(){g(nn),p(!1),y(!1)}}):(g(nn),p(!1),y(!1))},onError(){g(nn),p(!1),y(!1)}}):C.mutate({emails:R,externalDashboardId:(ee=l==null?void 0:l.externalDashboard)==null?void 0:ee.id,data:J,guestToken:c,nextScheduledAt:G,sharingSettingsId:l==null?void 0:l.sharingSettingsId,subject:O,timeConfigurations:k},{onSuccess({insert_scheduleEmailReports_one:W}){W!=null&&W.id?(g(""),p(!1),y(!0)):(g(nn),p(!1),y(!1))},onError(){g(nn),p(!1),y(!1)}})},M=()=>{g(""),p(!0),_(!1),y(!1),D.mutate({id:f==null?void 0:f.id},{onSuccess({delete_scheduleEmailReports_by_pk:k}){k!=null&&k.id?(g(""),p(!1),_(!0),s({subject:"",emails:[],charts:[]}),r()):(g(nn),p(!1),_(!1))},onError(){g(nn),p(!1),_(!1)}})},L=e(S),E=e(M);return{register:t,handleSubmit:e,watch:n,control:i,setValue:a,getValues:o,reset:s,dashboardName:w,chartOptions:x,onSave:L,isLoading:d,isSuccess:m,error:v,isLoadingData:h,scheduleReportConfig:f,onDelete:E,isDeleted:b}},HTe=({onCancel:r})=>{var v;const{control:t,getValues:e,register:n,setValue:i,watch:a,dashboardName:o,chartOptions:s,onSave:l,isLoading:c,error:u,isSuccess:h,scheduleReportConfig:f,onDelete:d,isDeleted:p}=VTe({onCancel:r});return A.jsxs("form",{className:gi["form-container"],onSubmit:l,children:[A.jsxs("div",{className:gi["form-wrapper"],children:[A.jsxs(we,{variant:"p",styleClass:"font-14",className:gi["form-primary-text"],children:["Schedule an email report for Dashboard:",A.jsx(we,{variant:"span",styleClass:"primary",children:o})]}),A.jsx(Xe,{label:"Subject Line",placeholder:"Weekly Report - Sales Overview 2023",register:n("subject",mf)}),A.jsx(kU,{control:t,type:"text",label:"Send to",placeholder:"Enter email addresses",onChangeTags:g=>i("emails",g),defaultTagValue:(v=f==null?void 0:f.timeConfigurations)==null?void 0:v.emails}),A.jsx(hL,{control:t,name:"charts",options:s,label:"Charts to Attach",defaultValue:[]}),A.jsx(Nf,{label:"Frequency of emails",options:gL,control:t,name:"frequency",defaultValue:"Monthly"}),a().frequency!=="Monthly"?A.jsx("div",{className:gi["week-days-container"],children:Pw.map(g=>A.jsx(Xe,{label:g.label,type:"checkbox",register:n(`weekDays.${g.value}`),isDisabled:a().frequency==="Daily"},g.value))}):A.jsx("div",{children:A.jsx(jf,{label:"Choose Dates",selectedOptions:e().date||[],options:vL,onChange:g=>i("date",g)})}),A.jsxs("div",{className:gi["schedule-time"],children:[A.jsx(we,{variant:"span",styleClass:"custom",className:gi["main-label"],children:"Scheduled Time"}),A.jsxs("div",{className:gi["time-element"],children:[A.jsx(Xe,{type:"number",className:gi["field-width"],min:0,max:11,register:n("hours",mf),defaultValue:5}),A.jsx(Nf,{options:pL,control:t,name:"time",className:gi["timezone-field"],defaultValue:"PM"}),A.jsx(Nf,{options:dL,control:t,name:"timezone",className:gi["timezone-field"],defaultValue:"IST"})]})]}),u&&A.jsx(Of,{message:u}),h&&A.jsx(we,{variant:"p",styleClass:"font-14b",className:gi["success-text"],children:"Scheduled successfully!"}),p&&A.jsx(we,{variant:"p",styleClass:"font-14b",className:gi["success-text"],children:"Deleted successfully!"})]}),A.jsxs(Tc,{children:[f?A.jsx(Me,{type:"reset",variant:"reject",className:gi["delete-btn"],size:"default",onClick:()=>{d()},isDisabled:c,children:"Delete"}):A.jsx(Me,{type:"reset",variant:"secondary",className:gi["cancel-btn"],size:"default",onClick:()=>r(),isDisabled:c,children:"Cancel"}),A.jsx(Me,{variant:"primary",type:"submit",size:"default",isDisabled:c,children:f?"Update":"Save"})]})]})},WTe=r=>A.jsx("svg",{viewBox:"0 0 2048 2048",width:"1.2em",height:"1.2em",...r,children:A.jsx("path",{fill:"currentColor",d:"M960 1100L128 565v971h768v128H0V384h1920v601q-13-9-29-19t-33-20t-34-18t-32-13V565l-832 535zm678-588H282l678 436l678-436zm410 1024q0 106-40 199t-109 163t-163 110t-200 40q-106 0-199-40t-163-109t-110-163t-40-200q0-106 40-199t109-163t163-110t200-40q106 0 199 40t163 109t110 163t40 200zm-512 384q79 0 149-30t122-82t83-122t30-150q0-79-30-149t-82-122t-123-83t-149-30q-80 0-149 30t-122 82t-83 123t-30 149q0 80 30 149t82 122t122 83t150 30zm0-640v256h192v128h-320v-384h128z"})}),UTe=()=>{const[r,t]=$.useState(!1);return A.jsxs("div",{children:[A.jsx(Me,{variant:"custom",type:"button",onClick:()=>t(!0),title:"email-sharing",className:zTe.scheduleEmailButton,children:A.jsx(WTe,{})}),A.jsx(ji,{isOpen:r,onClose:()=>t(!1),headerTitle:"Schedule Email",children:A.jsx(HTe,{onCancel:()=>t(!1)})})]})},VU=$.memo(({options:r,theme:t})=>{var h,f,d;const{data:e,isLoading:n}=BU(),[i,a]=$.useState(!1),[o,s]=$.useState({tableName:"",filters:[]}),{data:l}=v8({companyId:e==null?void 0:e.companyId},{enabled:!!(e!=null&&e.companyId),refetchOnWindowFocus:!1}),[c,u]=$.useMemo(()=>{var v,g,m,y;const p=(y=(m=(g=(v=l==null?void 0:l.themes[0])==null?void 0:v.chart)==null?void 0:g.palettes)==null?void 0:m.find(b=>{var _,w;return b.name===((w=(_=l.themes[0])==null?void 0:_.chart)==null?void 0:w.selected)}))==null?void 0:y.colors;return[l==null?void 0:l.themes[0],p]},[l==null?void 0:l.themes[0]]);return Kw(c),A.jsx(A.Fragment,{children:A.jsxs("div",{className:Pi["embedDashboard-container"],id:"dbn-dashboard",children:[((h=e==null?void 0:e.externalDashboard)==null?void 0:h.id)&&!n&&A.jsxs(A.Fragment,{children:[!(r!=null&&r.disableMetricCreation)&&!e.externalDashboard.filters.length&&!e.isAllowedToCreateMetrics?null:A.jsxs("div",{className:(r==null?void 0:r.headerVariant)==="floating"?Pi["embedDashboard-header-floating"]:Pi["embedDashboard-header-static"],children:[(r==null?void 0:r.headerVariant)==="floating"&&A.jsx("span",{className:Pi.floatingButton,children:A.jsx(it,{name:"setup-icon",className:Pi.floatingButton})}),A.jsxs("div",{className:(r==null?void 0:r.headerVariant)==="floating"?Pi.floatingContainer:Pi.staticContainer,children:[e.sharingSettingsId&&A.jsx(UTe,{}),!(r!=null&&r.disableMetricCreation)&&e.isAllowedToCreateMetrics&&A.jsxs(A.Fragment,{children:[A.jsx(Me,{type:"button",variant:(r==null?void 0:r.headerVariant)==="floating"?"custom":"primary",size:"large",className:(r==null?void 0:r.headerVariant)==="floating"?Pi.floatingCreateButton:"",onClick:()=>a(!0),children:(r==null?void 0:r.headerVariant)==="floating"?A.jsx(jTe,{className:Pi.floatingCreateButtonIcon}):"Create Metric"}),A.jsx(wW,{clientId:e.clientId,companyId:e.companyId,isLiveMode:e.isLiveMode,externalDashboardId:e.externalDashboard.id,chartColors:u??(r==null?void 0:r.chartColors),isShowMetricCreateModal:i,setShowMetricCreateModal:a,workspaceId:(f=e.workspace)==null?void 0:f.id,userProvidedDashboardId:e.externalDashboardId})]})]})]}),A.jsxs("div",{className:Pi["embedDashboard-wrapper"],children:[e.externalDashboard.filters.length?A.jsx(kH,{companyId:e.companyId,externalDashboardId:e.externalDashboard.id,filters:e.externalDashboard.filters,onApply:p=>{s(p)}}):null,A.jsx(jU,{client:e.clientId,companyId:e.companyId,externalDashboardId:e.externalDashboardId,externalDashboardPk:e.externalDashboard.id,adminLayout:e.externalDashboard.layout,isAllowedToDeleteMetrics:!(r!=null&&r.disableMetricDeletion)&&e.isAllowedToDeleteMetrics,isAllowedToUpdateMetrics:!(r!=null&&r.disableMetricUpdation)&&e.isAllowedToUpdateMetrics,isAllowedToChangeLayout:!(r!=null&&r.disableLayoutCustomization)&&e.isAllowedToChangeLayout,externalDashboardMetrics:e.externalDashboardMetrics,isMetricListLoading:n,globalFilters:o,breakpoint:t==null?void 0:t.breakpoint,layoutCols:t==null?void 0:t.metricLayoutCols,chartColors:u??(r==null?void 0:r.chartColors),params:Array.isArray(e.rlsSettings)?e.rlsSettings:[],companyTenancyType:e.companyTenancyType,sharingSettingsId:e.sharingSettingsId})]})]}),n&&A.jsx("div",{className:Pi["alt-container"],children:A.jsx(cl,{style:{width:"50px",height:"50px",color:"blue"}})}),!n&&!((d=e==null?void 0:e.externalDashboard)!=null&&d.id)&&A.jsx("div",{className:Pi["alt-container"],children:"Invalid token or Dashboard id"})]})})}),GTe=({token:r,dashboardId:t,children:e})=>{const{data:n,isLoading:i}=WL({token:r,dashboardId:t}),a=$.useMemo(()=>({data:n,isLoading:i,token:r}),[n,i,r]);return A.jsx(FU.Provider,{value:a,children:e})};var YTe=function(t,e){return t===void 0&&(t=[]),e===void 0&&(e=[]),t.length!==e.length||t.some(function(n,i){return!Object.is(n,e[i])})},HU={error:null},QTe=function(r){Pl(t,r);function t(){for(var n,i=arguments.length,a=new Array(i),o=0;o<i;o++)a[o]=arguments[o];return n=r.call.apply(r,[this].concat(a))||this,n.state=HU,n.resetErrorBoundary=function(){for(var s,l=arguments.length,c=new Array(l),u=0;u<l;u++)c[u]=arguments[u];n.props.onReset==null||(s=n.props).onReset.apply(s,c),n.reset()},n}t.getDerivedStateFromError=function(i){return{error:i}};var e=t.prototype;return e.reset=function(){this.setState(HU)},e.componentDidCatch=function(i,a){var o,s;(o=(s=this.props).onError)==null||o.call(s,i,a)},e.componentDidUpdate=function(i,a){var o=this.state.error,s=this.props.resetKeys;if(o!==null&&a.error!==null&&YTe(i.resetKeys,s)){var l,c;(l=(c=this.props).onResetKeysChange)==null||l.call(c,i.resetKeys,s),this.reset()}},e.render=function(){var i=this.state.error,a=this.props,o=a.fallbackRender,s=a.FallbackComponent,l=a.fallback;if(i!==null){var c={error:i,resetErrorBoundary:this.resetErrorBoundary};if(Zt.isValidElement(l))return l;if(typeof o=="function")return o(c);if(s)return Zt.createElement(s,c);throw new Error("react-error-boundary requires either a fallback, fallbackRender, or FallbackComponent prop")}return this.props.children},t}(Zt.Component);const ZTe=new b9({defaultOptions:{queries:{refetchOnWindowFocus:!1}}}),vA=({children:r,theme:t})=>($.useEffect(()=>{!t||!Object.keys(t).length||R5(t)},[t]),A.jsx(QTe,{FallbackComponent:xL,children:A.jsx(D9,{client:ZTe,children:r})})),qTe=$.memo(({token:r,options:t,theme:e,dashboardId:n})=>A.jsx(vA,{theme:e,children:A.jsx(GTe,{token:r,dashboardId:n,children:A.jsx(VU,{options:t,theme:e})})})),WU={metric:"_metric_1pdqp_1",loader:"_loader_1pdqp_7"},XTe=$.memo(({token:r,chartColors:t,metricId:e,chartRendererType:n="canvas"})=>{const[i,a]=$.useState({isShow:!1}),{externalMetric:o,adminColors:s,rlsSettings:l,sharingSettingsId:c,companyId:u,clientId:h,tenancyLevel:f,isLoading:d,errorMsg:p}=QL({token:r,metricId:e});return A.jsxs(A.Fragment,{children:[d?A.jsx("div",{className:WU.loader,children:A.jsx(zU,{})}):null,p||null,o&&!d?A.jsxs(A.Fragment,{children:[A.jsx(dA,{metricItem:o,client:h,colors:s||t,onMaximize:(v,g)=>a({isShow:!0,rlsFilters:g}),companyTenancyType:f,chartRendererType:n,param:l}),A.jsx(tg,{children:i.isShow?A.jsx(pA,{metric:o,clientId:h,colors:s||t,onMinimize:()=>a({isShow:!1}),companyId:u,tenancyLevel:f,rlsFilters:i.rlsFilters,sharingSettingsId:c,externalDashboardId:"",userProvidedDashboardId:""}):null})]}):null]})}),KTe=$.memo(({theme:r,width:t,height:e,...n})=>A.jsx("div",{style:{width:t,height:e},className:WU.metric,children:A.jsx(vA,{theme:r,children:A.jsx(XTe,{...n})})})),JTe=Object.freeze(Object.defineProperty({__proto__:null},Symbol.toStringTag,{value:"Module"}));dn.Dashboard=qTe,dn.EmbeddedDashboard=VU,dn.Metric=KTe,dn.PluginProvider=vA,dn.Ui=$Te,dn.consts=QY,dn.helpers=w0e,dn.hooks=Q8,dn.types=JTe,dn.utils=d0e,Object.defineProperty(dn,Symbol.toStringTag,{value:"Module"})});
+            the save button to save the changes to the layout.`,children:[A.jsx(Me,{variant:"secondary",type:"button",size:"small",className:xTe.alertCancel,onClick:r,children:"Cancel"}),A.jsx(Me,{variant:"primary",type:"button",size:"small",className:"disabled:opacity-40 disabled:cursor-not-allowed",onClick:t,isDisabled:e,children:"Save"})]})}),STe={fullscreen:"_fullscreen_1309s_1"},MTe=({metricData:r,isOpen:t,onClose:e,title:n})=>A.jsx(ji,{isOpen:t,onClose:()=>e(),headerTitle:n,children:A.jsx("div",{className:STe.fullscreen,children:A.jsx(as,{data:r||[],isLoading:!1,error:""})})}),St={cardContainer:"_cardContainer_108tk_1",morePopup:"_morePopup_108tk_9",features:"_features_108tk_17",listHeader:"_listHeader_108tk_25",metricName:"_metricName_108tk_33",metricTitle:"_metricTitle_108tk_41",metricDescription:"_metricDescription_108tk_49",popup:"_popup_108tk_57",metricFilter:"_metricFilter_108tk_65",popupIcon:"_popupIcon_108tk_73",popupMenu:"_popupMenu_108tk_81",popupItem:"_popupItem_108tk_89",popupItemIcon:"_popupItemIcon_108tk_97",csvBtn:"_csvBtn_108tk_105",deleteBtn:"_deleteBtn_108tk_113",metricData:"_metricData_108tk_121",metricTable:"_metricTable_108tk_129",singleValueData:"_singleValueData_108tk_137",singleValue:"_singleValue_108tk_137",noData:"_noData_108tk_153",noDataContent:"_noDataContent_108tk_161",noDataText:"_noDataText_108tk_169",loading:"_loading_108tk_177",fullscreen:"_fullscreen_108tk_193",dynamicGroupFormat:"_dynamicGroupFormat_108tk_201",dynamicGroupContainer:"_dynamicGroupContainer_108tk_209"},lA="data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz48c3ZnIGlkPSJMYXllcl8xIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAzMDAgMzAwIj48ZGVmcz48c3R5bGU+LmNscy0xe3N0cm9rZTojMTgyYzYwO30uY2xzLTEsLmNscy0ye2ZpbGw6bm9uZTtzdHJva2UtbGluZWNhcDpyb3VuZDtzdHJva2UtbGluZWpvaW46cm91bmQ7fS5jbHMtM3tmaWxsOiM1ODY1ZjY7b3BhY2l0eTouMTt9LmNscy00e2ZpbGw6I2YyZjNmNDt9LmNscy01e2ZpbGw6I2MxYzdjOTt9LmNscy02e2ZpbGw6I2RhZGVkZjt9LmNscy03e2ZpbGw6IzE4MmM2MDt9LmNscy0ye3N0cm9rZTojNTg2NWY2O3N0cm9rZS13aWR0aDo0cHg7fTwvc3R5bGU+PC9kZWZzPjxwYXRoIGNsYXNzPSJjbHMtMSIgZD0ibTIxMC41LDIwMC44M2MuNC0uNjYuNjgtMS40LjgyLTIuMiwxLjU4LTguODcsMy4xNS0xNy43NSw0LjczLTI2LjYyLDIuMDMtMTEuNDQsNC4wNi0yMi44OCw2LjA5LTM0LjMyLjcyLTQuMDgsMS43Ny04LjI1LDIuMTYtMTIuMzguNDMtNC41Ni0yLjA5LTkuNjgtNi44Ni0xMC42Ni0uMDEsMC0uMDMsMC0uMDQsMC0yLjQtLjQ5LTUuMDItLjIyLTcuNDUtLjIyaC00NC4yMmMtLjUyLDAtMi4zMy0uMzEtMi43NywwbC0yNC4yOCwxNy4yMmgtNjEuNjFjLTMuOTcsMC02Ljk5LDMuNTYtNi4zNCw3LjQ3bDkuNzUsNTkuNDJjLjUxLDMuMTEsMy4yLDUuMzksNi4zNCw1LjM5aDExNy44NiIvPjxwYXRoIGNsYXNzPSJjbHMtMSIgZD0ibTIwNywxMTQuNDN2LTguNTRjMC0zLjU1LTIuODgtNi40My02LjQzLTYuNDNoLTE3LjE5Ii8+PHBhdGggY2xhc3M9ImNscy0xIiBkPSJtMTAzLjQ3LDk5LjQ2aC0xNS4xMmMtMy41NSwwLTYuNDMsMi44OC02LjQzLDYuNDN2MjUuNDgiLz48Zz48bGluZSBjbGFzcz0iY2xzLTIiIHgxPSIxMTQuMTIiIHkxPSI5NC4wOCIgeDI9IjE0NC44NCIgeTI9Ijk0LjA4Ii8+PGc+PHJlY3QgY2xhc3M9ImNscy02IiB4PSIxMTIuNjEiIHk9IjEwMi40MyIgd2lkdGg9IjE4Ljk3IiBoZWlnaHQ9IjMuMiIvPjxyZWN0IGNsYXNzPSJjbHMtNCIgeD0iMTM3LjYxIiB5PSIxMDIuNDMiIHdpZHRoPSI4LjkiIGhlaWdodD0iMy4yIi8+PC9nPjwvZz48cGF0aCBjbGFzcz0iY2xzLTMiIGQ9Im0xNjQuOTgsODEuNDZsLS4wOCwxNi4yOHMuMTUsMy4yNC4zLDMuNjIuNiwxLjUxLDEuMTMsMS44OCwxLjAyLjc5LDEuNzcsMS4wNi45NC40OSwyLjExLjQ5LDE4LjE3LjA0LDE4LjE3LjA0bC0yMy40MS0yMy4zN1oiLz48cGF0aCBjbGFzcz0iY2xzLTEiIGQ9Im0xODguNTEsMTA0LjkxdjkuNTIiLz48cGF0aCBjbGFzcz0iY2xzLTEiIGQ9Im0xMDMuNTMsMTMxLjM3di00NC45NWMwLTIuODQsMi4zLTUuMTUsNS4xNS01LjE1LDE4Ljc3LDAsMzcuNTQsMCw1Ni4zMSwwIi8+PHBhdGggY2xhc3M9ImNscy0xIiBkPSJtMTY1LjAxLDgxLjI3djE4LjM1YzAsMi44NCwyLjMxLDUuMTUsNS4xNSw1LjE1aDE4LjM1cy0yMy41LTIzLjYyLTIzLjUtMjMuNVoiLz48Y2lyY2xlIGNsYXNzPSJjbHMtMSIgY3g9IjE2OC4yMSIgY3k9IjE2My4yNyIgcj0iMjQuOTYiLz48Y2lyY2xlIGNsYXNzPSJjbHMtMSIgY3g9IjE2OC4yMSIgY3k9IjE2My4yNyIgcj0iMzEuMjUiLz48cGF0aCBjbGFzcz0iY2xzLTEiIGQ9Im0xOTIuNTcsMTgzLjMzYzkuNjIsOS42MiwzMC4yOCwzMC4yOCwzMC4yOCwzMC4yOCwxLjE3LDEuMTcsMS4xNywzLjA3LDAsNC4yNHMtMy4wNywxLjE3LTQuMjQsMGMwLDAtMjAuNTgtMjAuNTgtMzAuMjItMzAuMjIiLz48Zz48cGF0aCBjbGFzcz0iY2xzLTUiIGQ9Im0xNjguNjYsMTcwLjkzYy0uNzQsMC0xLjM0LjI0LTEuODEuNzItLjQ3LjQ4LS43MSwxLjA5LS43MSwxLjgzcy4yNCwxLjMyLjcxLDEuODFjLjQ3LjQ5LDEuMDcuNzQsMS44MS43NHMxLjM0LS4yNSwxLjgxLS43NGMuNDctLjQ5LjcxLTEuMS43MS0xLjgxcy0uMjQtMS4zNC0uNzEtMS44M2MtLjQ3LS40OC0xLjA4LS43Mi0xLjgxLS43MloiLz48cGF0aCBjbGFzcz0iY2xzLTUiIGQ9Im0xNzQuNjksMTUzLjc3Yy0uNjItMS4wMi0xLjQ5LTEuODItMi42LTIuNC0xLjEyLS41Ny0yLjQtLjg2LTMuODUtLjg2LTEuNjgsMC0zLjE3LjQtNC40NywxLjE5cy0yLjI5LDEuOTQtMi45OCwzLjQzbDIuNzYsMi4yOGMuNDYtMS4wNiwxLjA3LTEuODYsMS44NS0yLjQuNzctLjU0LDEuNjUtLjgxLDIuNjQtLjgxLjc2LDAsMS40MS4xNCwxLjk3LjQxLjU1LjI4Ljk4LjY3LDEuMjgsMS4xNy4zLjUxLjQ1LDEuMS40NSwxLjc5cy0uMTYsMS4yOS0uNDcsMS44MWMtLjMxLjUyLS43NS45Mi0xLjMxLDEuMjEtLjU2LjI5LTEuMjIuNDMtMS45OC40M2gtLjkzdjYuNjZoMy4yOGwuMjYtMy43M2MuNzEtLjI0LDEuMzctLjU1LDEuOTUtLjkzLjk5LS42NCwxLjc1LTEuNDUsMi4yOS0yLjQxLjU0LS45Ny44MS0yLjA3LjgxLTMuMzEsMC0xLjMzLS4zMS0yLjUxLS45My0zLjU0WiIvPjwvZz48cGF0aCBjbGFzcz0iY2xzLTEiIGQ9Im04NS41NSwyMDMuOTdjLjY4LDIuODksMy4yNiw0Ljk2LDYuMjYsNC45NmgxMTcuNzMiLz48cGF0aCBjbGFzcz0iY2xzLTEiIGQ9Im0yMTUuMzcsMjA2LjA0Yy40Ny0uNzEuOC0xLjUyLjk1LTIuNCwxLjU4LTguODcsMy4xNS0xNy43NSw0LjczLTI2LjYyLDIuMDMtMTEuNDQsNC4wNi0yMi44OCw2LjA5LTM0LjMyLjcyLTQuMDgsMS43Ny04LjI1LDIuMTYtMTIuMzguMzktNC4xNi0xLjY4LTguNzktNS42Ny0xMC4zMSIvPjxwYXRoIGNsYXNzPSJjbHMtNyIgZD0ibTIyMy41MSwxMjAuMDhzLjQ5LDEuNjIuNTMsMS43My4zMiwyLjQ0LjMyLDIuNDRsLS4wNCwxLjkxLTEuMzgsNy4xMy0zLjM5LDE5LjMxLTIuODksMTUuOTItMi45NiwxNi43Ni0yLjQ0LDEzLjE2LS45MiwyLjY1LDQuOTgsNS4xNS44NS0yLjE1LjgxLTQuMDYsMS40OC04LjMzLDIuODItMTUuNzEsMi4xNS0xMi4xMSwxLjk0LTExLjM2LDIuNzUtMTQuNzUuODgtNC42OS4yOC0yLjU4LjA3LTIuMTItLjYtMi43NS0xLjI0LTIuMzYtMS4wOS0xLjU5LTIuMDEtMS4zMS0uOTItLjI4WiIvPjxwb2x5Z29uIGNsYXNzPSJjbHMtNyIgcG9pbnRzPSI4NS42OCAyMDMuOTMgMjA0LjU1IDIwMy44NCAyMDkuMzUgMjA4LjczIDE0OC40OCAyMDguODggOTAuOTUgMjA5LjAyIDg5LjUgMjA4LjY2IDg3Ljk4IDIwNy45MiA4Ni44MiAyMDYuNTggODYuMDEgMjA1LjAzIDg1LjY4IDIwMy45MyIvPjwvc3ZnPg==",uA=$.memo(({isDataLength:r,isLoading:t,isSingleValue:e,dataDb:n})=>A.jsxs(A.Fragment,{children:[!t&&!r?A.jsx("div",{className:St.noData,children:A.jsxs("div",{className:St.noDataContent,children:[A.jsx("img",{src:lA,alt:"",width:"300px",height:"300px"}),A.jsx("div",{className:St.noDataText,children:"No Data Available"})]})}):null,!t&&r&&n[e]===null&&A.jsx("div",{className:St.noData,children:A.jsxs("div",{className:St.noDataContent,children:[A.jsx("img",{src:lA,alt:"",width:"300px",height:"300px"}),A.jsx("div",{className:St.noDataText,children:"No Data Available"})]})}),t&&A.jsx("div",{className:St.loading,children:A.jsx(cl,{style:{width:"50px",height:"50px",color:"blue"}})})]})),DTe=r=>A.jsx("svg",{viewBox:"0 0 24 24",width:"1.2em",height:"1.2em",...r,children:A.jsx("path",{fill:"currentColor",d:"M5 21q-.825 0-1.413-.587Q3 19.825 3 19V6.5q0-.375.125-.675q.125-.3.325-.575l1.4-1.7q.2-.275.5-.413Q5.65 3 6 3h12q.35 0 .65.137q.3.138.5.413l1.4 1.7q.2.275.325.575q.125.3.125.675V19q0 .825-.587 1.413Q19.825 21 19 21Zm.4-15h13.2l-.85-1H6.25ZM5 8v11h14V8Zm7 10l4-4l-1.4-1.4l-1.6 1.6V10h-2v4.2l-1.6-1.6L8 14Zm-7 1h14H5Z"})}),Tv={metricFilter:"_metricFilter_zg60x_1",customContainer:"_customContainer_zg60x_4"},Ub=({rlsConditions:r,onChangeFilterValue:t,companyId:e,integrationId:n,integrationName:i})=>A.jsx(A.Fragment,{children:r!=null&&r.length&&t?r[0].datatype!=="date"?r[0].datatype==="string"?r[0].options.length?A.jsx(jf,{selectedOptions:Array.isArray(r[0].value)&&r[0].value.length?r[0].value.map(a=>({label:a,value:a})):[],options:r[0].options.map(a=>({value:a,label:a})),onChange:a=>t(r[0].name,a==null?void 0:a[0].value,void 0,a),label:r[0].name,className:Tv.metricFilter}):A.jsx(zf,{selectedOptions:Array.isArray(r[0].value)&&r[0].value.length?r[0].value.map(a=>({label:a,value:a})):[],onChange:a=>t(r[0].name,a==null?void 0:a[0].value,void 0,a),filter:{tableName:r[0].tableName,columnName:r[0].columnName},companyId:e,isSearchEnabled:!0,autoSelected:Array.isArray(r[0].value)&&!r[0].value.length,label:r[0].name,integrationId:n,integrationName:i,className:Tv.metricFilter}):A.jsx(Pr,{label:r[0].name,selectedOption:{value:r[0].value||r[0].options[0],label:r[0].value||r[0].options[0]},options:r[0].options.map(a=>({value:a,label:a})),onChange:a=>t(r[0].name,a.value),className:Tv.metricFilter}):A.jsx(Pr,{label:r[0].name,selectedOption:{value:r[0].value||r[0].options[0].name,label:r[0].value||r[0].options[0].name},options:r[0].options.map(a=>({value:a.name,label:a.name})),onChange:a=>t(r[0].name,a.value),className:Tv.metricFilter,children:r[0].value==="Custom"?A.jsxs("div",{className:Tv.customContainer,children:[A.jsx(Xe,{label:"From Date",type:"date",onChange:({target:{value:a}})=>{t(r[0].name,"Custom",{startDate:new Date(Date.parse(a))})}}),A.jsx(Xe,{label:"To Date",type:"date",onChange:({target:{value:a}})=>t(r[0].name,"Custom",{endDate:new Date(Date.parse(a))})})]}):null}):null}),vi={container:"_container_14i90_1",popover:"_popover_14i90_5",button:"_button_14i90_9",buttonOpen:"_buttonOpen_14i90_13",menu:"_menu_14i90_17",enter:"_enter_14i90_21",enterFrom:"_enterFrom_14i90_25",enterTo:"_enterTo_14i90_29",leave:"_leave_14i90_33",leaveFrom:"_leaveFrom_14i90_37",leaveTo:"_leaveTo_14i90_41",center:"_center_14i90_45",top:"_top_14i90_49",bottom:"_bottom_14i90_53",left:"_left_14i90_57",right:"_right_14i90_61","left-top-end":"_left-top-end_14i90_65","right-top-end":"_right-top-end_14i90_69","left-bottom-end":"_left-bottom-end_14i90_73","right-bottom-end":"_right-bottom-end_14i90_77","top-left":"_top-left_14i90_81","top-right":"_top-right_14i90_85","bottom-left":"_bottom-left_14i90_89","bottom-right":"_bottom-right_14i90_93","left-top":"_left-top_14i90_65","left-bottom":"_left-bottom_14i90_73","right-top":"_right-top_14i90_69","right-bottom":"_right-bottom_14i90_77",chartOptionBtn:"_chartOptionBtn_14i90_113",chartpopup:"_chartpopup_14i90_117"},cA={fullscreen:"_fullscreen_1gpy3_1",loading:"_loading_1gpy3_5"},CTe=({isShowUnderlyingData:r,setShowUnderlyingData:t,getUnderlyingData:e,columnName:n,value:i})=>{const[a,o]=$.useState([]),[s,l]=$.useState(!0);return $.useEffect(()=>{n&&i&&r&&e({columnName:n,setData:o,setLoading:l,value:i})},[n,i,r]),A.jsx(ji,{isOpen:r,onClose:()=>t(!1),headerTitle:"View Underlying Data",children:A.jsxs("div",{className:cA.fullscreen,children:[!!a.length&&A.jsx(as,{data:a,isLoading:!1,error:""}),!a.length&&!s&&A.jsx("div",{className:cA.loading,children:"No Data Available"}),s&&!a.length&&A.jsx("div",{className:cA.loading,children:A.jsx(cl,{style:{width:"50px",height:"50px",color:"blue"}})})]})})},TTe=$.memo(CTe),ITe=r=>A.jsx("svg",{viewBox:"0 0 24 24",width:"1.2em",height:"1.2em",...r,children:A.jsx("g",{id:"evaLayersFill0",children:A.jsx("g",{id:"evaLayersFill1",children:A.jsxs("g",{id:"evaLayersFill2",fill:"currentColor",children:[A.jsx("path",{d:"m3.24 7.29l8.52 4.63a.51.51 0 0 0 .48 0l8.52-4.63a.44.44 0 0 0-.05-.81L12.19 3a.5.5 0 0 0-.38 0L3.29 6.48a.44.44 0 0 0-.05.81Z"}),A.jsx("path",{d:"m20.71 10.66l-1.83-.78l-6.64 3.61a.51.51 0 0 1-.48 0L5.12 9.88l-1.83.78a.48.48 0 0 0 0 .85l8.52 4.9a.46.46 0 0 0 .48 0l8.52-4.9a.48.48 0 0 0-.1-.85Z"}),A.jsx("path",{d:"m20.71 15.1l-1.56-.68l-6.91 3.76a.51.51 0 0 1-.48 0l-6.91-3.76l-1.56.68a.49.49 0 0 0 0 .87l8.52 5a.51.51 0 0 0 .48 0l8.52-5a.49.49 0 0 0-.1-.87Z"})]})})})}),ATe=r=>A.jsx("svg",{viewBox:"0 0 24 24",width:"1.2em",height:"1.2em",...r,children:A.jsx("path",{fill:"currentColor",d:"M14 3v2h3.59l-9.83 9.83l1.41 1.41L19 6.41V10h2V3m-2 16H5V5h7V3H5a2 2 0 0 0-2 2v14a2 2 0 0 0 2 2h14a2 2 0 0 0 2-2v-7h-2v7Z"})}),RU=({position:r="center",menuContainerClass:t,menuClass:e,isOpen:n,setOpen:i,value:a,columnName:o,getUnderlyingData:s,clickBehaviourConfigs:l})=>{const[c,u]=$.useState(!1),h=$.useRef(null);return $f({wrapRef:h,onOutsideClick:()=>i(!1)}),A.jsxs(A.Fragment,{children:[A.jsx("div",{onContextMenu:f=>{f.preventDefault()},ref:h,children:A.jsx("div",{className:`${vi.popover} ${vi[r]} ${t}`,children:A.jsx(Lf,{as:"div",className:`${vi.menu} ${e}`,show:n,enter:vi.enter,enterFrom:vi.enterFrom,enterTo:vi.enterTo,leave:vi.leave,leaveFrom:vi.leaveFrom,leaveTo:vi.leaveTo,children:A.jsxs("div",{className:vi.chartpopup,children:[A.jsxs(Me,{variant:"custom",type:"button",className:vi.chartOptionBtn,onClick:()=>u(!0),children:[A.jsx(ITe,{className:vi.popupItemIcon}),A.jsx(we,{variant:"p",styleClass:"font-14",children:"View underlying data"})]}),l.isEnable&&A.jsxs(Me,{variant:"custom",type:"button",className:vi.chartOptionBtn,onClick:()=>qp(l,(a==null?void 0:a.split(" ").join("_"))||"undefined"),children:[A.jsx(ATe,{className:vi.popupItemIcon}),A.jsx(we,{variant:"p",styleClass:"font-14",children:"Go to"})]})]})})})}),A.jsx(TTe,{isShowUnderlyingData:c,setShowUnderlyingData:u,columnName:o,value:a,getUnderlyingData:s})]})},PU=$.memo(RU),hA={"dbc-container":"_dbc-container_1ial2_1","active-dimension":"_active-dimension_1ial2_5",otherLevels:"_otherLevels_1ial2_8"},fA=({dimensions:r,drilledLevel:t})=>A.jsx("div",{className:hA["dbc-container"],children:r.map((e,n)=>A.jsxs("span",{className:n===t?hA["active-dimension"]:hA.otherLevels,children:[e.toString()[0].toUpperCase()+e.toString().substring(1),n===r.length-1?"":" / "]}))}),dA=({globalFilters:r={tableName:"",filters:[]},metricItem:t,onMaximize:e,client:n,colors:i,param:a,companyTenancyType:o,renderHeaderName:s,isDisableCardClick:l,onArchive:c,chartRendererType:u="canvas",isDisableMorePopup:h})=>{var L,E,N,k,O;const f=$.useMemo(()=>{const R={};if(a!=null&&a.values)for(const P in a.values){const j=`${P}_variable`;R[j]=a.values[P]}return R},[a==null?void 0:a.values]),[d,p]=$.useState(t.chartOptions),{dataDb:v,getUnderlyingData:g,handleChartClick:m,columnName:y,setShowChartPopup:b,isShowChartPopup:_,isQueryLoading:w,chartParams:x,onChangeFilterValue:C,onDrillDown:I,drilledLevel:D,dimensions:T,rlsConditions:S,setLoading:M}=Jw({metric:t,clientId:n,chartSettings:d,setChartSettings:p,globalFilters:r,rlsFilters:{param:a,filterValues:f},tenancyLevel:o});return $.useEffect(()=>{p(t==null?void 0:t.chartOptions)},[t]),A.jsx(A.Fragment,{children:A.jsxs("div",{className:St.cardContainer,onContextMenu:R=>{R.preventDefault()},children:[A.jsxs("div",{className:St.listHeader,children:[A.jsxs("div",{className:St.metricName,children:[A.jsx(Me,{type:"button",variant:"custom",onClick:()=>{t.clickActions.card.isEnable?f5(t.clickActions,t.metricId,t.id):e(t,{param:a,filterValues:f})},isDisabled:l,children:A.jsx(we,{variant:"h3",styleClass:"primary",className:`${St.metricTitle} dbn-metric-card-title`,children:s?s(t.name):t.name})}),t.description&&A.jsx("span",{className:`${St.metricDescription} dbn-metric-card-description`,children:t.description})]}),A.jsxs("div",{className:St.features,children:[A.jsx(Ub,{rlsConditions:S,onChangeFilterValue:C,companyId:t==null?void 0:t.companyId,integrationId:t==null?void 0:t.companyIntegrationId,integrationName:t==null?void 0:t.integrationName}),(L=d==null?void 0:d.timeSeriesSettings)!=null&&L.groupBySettings.isDynamic?A.jsx(Pr,{options:(E=d==null?void 0:d.timeSeriesSettings)==null?void 0:E.groupBySettings.options.map(R=>({label:R,value:R})),onChange:R=>p(P=>{var j;return{...P,timeSeriesSettings:{...P==null?void 0:P.timeSeriesSettings,groupBySettings:{...(j=P==null?void 0:P.timeSeriesSettings)==null?void 0:j.groupBySettings,value:R.value}}}}),selectedOption:{label:(N=d==null?void 0:d.timeSeriesSettings)==null?void 0:N.groupBySettings.value,value:(k=d==null?void 0:d.timeSeriesSettings)==null?void 0:k.groupBySettings.value},label:"group",className:St.dynamicGroupContainer,buttonClass:St.dynamicGroupFormat}):null,!h&&A.jsxs(za,{buttonClass:St.popup,button:A.jsx(it,{name:"more-icon",className:St.popupIcon}),menuClass:St.popupMenu,position:"bottom-right",className:St.morePopup,children:[A.jsxs(Me,{type:"button",variant:"custom",id:`metric-card-popup-btn__${t.id}`,className:`${St.popupItem} ${St.csvBtn}`,onClick:()=>e(t,{param:a,filterValues:f}),children:[A.jsx(it,{name:"fullscreen-icon",className:St.popupItemIcon}),"Enter Fullscreen"]}),c&&A.jsxs(Me,{variant:"custom",type:"button",className:`${St.popupItem} ${St.csvBtn} ${St.deleteBtn}`,onClick:()=>c(t.id),children:[A.jsx(DTe,{className:St.popupItemIcon}),"Archive Metric"]})]})]})]}),(d==null?void 0:d.chartType)&&A.jsxs("div",{className:`${St.metricData} ${(d==null?void 0:d.chartType)===me.table?St.metricTable:""}`,onContextMenu:R=>{R.preventDefault()},children:[A.jsx(uA,{isLoading:w,isDataLength:!!(v!=null&&v.length),isSingleValue:d.singleValue,dataDb:v[0]}),((O=t==null?void 0:t.drillDownSettings)==null?void 0:O.isEnableGroupBy)&&!!(T!=null&&T.length)&&!!v.length&&A.jsx(fA,{dimensions:T,drilledLevel:T.length>D?D:0}),(x==null?void 0:x.name)&&y&&A.jsx(PU,{isOpen:_,setOpen:b,value:x==null?void 0:x.name,columnName:y,getUnderlyingData:g,clickBehaviourConfigs:t.clickActions.chart}),v!=null&&v.length?A.jsx(Kp,{data:v,chartOptions:d,events:{click:R=>{var P;(P=t.drillDownSettings)!=null&&P.isEnableGroupBy&&I(R)},contextmenu:R=>{m(R),b(!0)}},colors:i,config:{style:{height:"90%"},hideBorder:!0,chartClickConfig:t.clickActions.chart,onChartReady:()=>M(!1),opts:{renderer:u}}}):null]})]})})},LTe=({globalFilters:r={tableName:"",filters:[]},metricItem:t,client:e,param:n,companyTenancyType:i,renderHeaderName:a})=>{var D;const o={};if(n!=null&&n.values)for(const T in n.values){const S=`${T}_variable`;o[S]=n.values[T]}const[s,l]=$.useState(""),[c,u]=$.useState(""),[h,f]=$.useState([]),[d,p]=$.useState([]),[v,g]=$.useState({card:{isEnable:!1,baseUrl:"",dynamic:"none",route:"",routeType:"internal"},chart:{isEnable:!1,baseUrl:"",dynamic:"{{value}}",route:"/{{value}}",routeType:"internal"}}),[m,y]=$.useState({hideSplitLines:"none",hideAxisLines:"none",barWidth:40,barRadius:0,axisLabels:"none",fontSize:14,subHeaderShow:!1,displayText:"",subHeaderFontSize:0,dateFormatter:"none",numberFormatter:"original",xRotation:50,showLabelValues:!1}),{data:b,isLoading:_}=HL({id:t==null?void 0:t.id,clientId:e,tenancyLevel:i,rlsConditions:i==="DATABASE"?d.map(T=>({...T,tableName:`${e}.${T.tableName.split(".").slice(1).join(".")}`})):d,globalFilters:i==="DATABASE"?{...r,tableName:`${e}.${r.tableName.split(".").slice(1).join(".")}`}:r,filterValues:o},{refetchOnWindowFocus:!1});$.useEffect(()=>{l(t==null?void 0:t.chartOptions.chartType),u(t==null?void 0:t.chartOptions.singleValue),p((t==null?void 0:t.rlsConditions)||[]),y(t!=null&&t.chartOptions.customSettings?t==null?void 0:t.chartOptions.customSettings:{hideSplitLines:"none",hideAxisLines:"none",barWidth:40,barRadius:0,axisLabels:"none",fontSize:14,subHeaderShow:!1,displayText:"",subHeaderFontSize:0,dateFormatter:"none",numberFormatter:"original",xRotation:50,showLabelValues:!1}),g(t.clickActions||{card:{isEnable:!1,baseUrl:"",dynamic:"none",route:"",routeType:"internal"},chart:{isEnable:!1,baseUrl:"",dynamic:"{{value}}",route:"/{{value}}",routeType:"internal"}})},[t]),$.useEffect(()=>{var S,M;const T=(S=b==null?void 0:b.externalMetricQuery)!=null&&S.data?JSON.parse((M=b==null?void 0:b.externalMetricQuery)==null?void 0:M.data):[];f(T??[])},[(D=b==null?void 0:b.externalMetricQuery)==null?void 0:D.data]);const w=h,x=w!=null&&w.length?w==null?void 0:w.map(T=>T[c]):"",C=[{value:x[0]}],I=(T,S,M,L)=>{p(M?E=>E.map(N=>N.name===T?{...N,value:S,options:N.options.map(k=>k.name==="Custom"?{...k,...M}:k)}:N):L?E=>E.map(N=>N.name===T?{...N,value:L.map(k=>k.value)}:N):E=>E.map(N=>N.name===T?{...N,value:S}:N))};return A.jsx(A.Fragment,{children:A.jsxs("div",{className:St.cardContainer,id:t.id,children:[A.jsxs("div",{className:St.listHeader,children:[A.jsxs("div",{className:St.metricName,children:[A.jsx(Me,{type:"button",variant:"custom",isDisabled:!v.card.isEnable,className:"disabled:cursor-text",onClick:()=>f5(v,t.metricId,t.id),children:A.jsx(we,{variant:"h3",styleClass:"primary",className:`${St.metricTitle} dbn-metric-card-title`,children:a?a(t.name):t.name})}),t.description&&A.jsx("span",{className:`${St.metricDescription} dbn-metric-card-description`,children:t.description})]}),A.jsx("div",{className:St.features,children:A.jsx(Ub,{rlsConditions:d,onChangeFilterValue:I,companyId:t==null?void 0:t.companyId,integrationId:t==null?void 0:t.companyIntegrationId,integrationName:t==null?void 0:t.integrationName})})]}),s&&A.jsx("div",{className:`${St.metricData} ${St.singleValueData}`,children:_?A.jsx(cl,{style:{width:"50px",height:"50px",color:"blue"}}):A.jsx(A.Fragment,{children:x.length?A.jsx($H,{data:C,customSettings:m,chartClickConfig:v.chart,hideBorder:!0}):A.jsx("div",{className:St.noData,children:A.jsxs("div",{className:St.noDataContent,children:[A.jsx("img",{src:lA,alt:"",width:"300px",height:"300px"}),A.jsx("div",{className:St.noDataText,children:"No Data Available"})]})})})})]})})},fr={fullScreen:"_fullScreen_1qw4c_1",header:"_header_1qw4c_9",headerBlock:"_headerBlock_1qw4c_17",metricName:"_metricName_1qw4c_25",iconButton:"_iconButton_1qw4c_33",body:"_body_1qw4c_41",metric:"_metric_1qw4c_25",metricHeader:"_metricHeader_1qw4c_57",chartSettings:"_chartSettings_1qw4c_65",chart:"_chart_1qw4c_65",preview:"_preview_1qw4c_81",popupMenu:"_popupMenu_1qw4c_89",csvPopup:"_csvPopup_1qw4c_97",csvPopupIcon:"_csvPopupIcon_1qw4c_105",popupItem:"_popupItem_1qw4c_113",popupItemIcon:"_popupItemIcon_1qw4c_121",dynamicGroupFormat:"_dynamicGroupFormat_1qw4c_129",dynamicGroupContainer:"_dynamicGroupContainer_1qw4c_137"},ETe=r=>A.jsx("svg",{viewBox:"0 0 24 24",width:"1.2em",height:"1.2em",...r,children:A.jsx("path",{fill:"currentColor",d:"M2 12h2v5h16v-5h2v5c0 1.11-.89 2-2 2H4a2 2 0 0 1-2-2v-5m10 3l5.55-5.46l-1.42-1.41L13 11.25V2h-2v9.25L7.88 8.13L6.46 9.55L12 15Z"})}),NTe=r=>A.jsx("svg",{viewBox:"0 0 24 24",width:"1.2em",height:"1.2em",...r,children:A.jsx("path",{fill:"currentColor",d:"M8.7 17.3q-.275-.275-.275-.7q0-.425.275-.7l3.9-3.9l-3.9-3.9q-.275-.275-.275-.7q0-.425.275-.7q.275-.275.7-.275q.425 0 .7.275l4.6 4.6q.15.15.213.325q.062.175.062.375t-.062.375q-.063.175-.213.325l-4.6 4.6q-.275.275-.7.275q-.425 0-.7-.275Z"})}),kTe=({data:r,chartRef:t,metricName:e,onRawCsvData:n})=>A.jsx(A.Fragment,{children:A.jsxs(za,{button:A.jsx(ETe,{}),buttonClass:fr.iconButton,position:"bottom-right",menuClass:fr.popupMenu,children:[A.jsxs(za,{button:A.jsxs(A.Fragment,{children:["Download CSV ",A.jsx(NTe,{className:fr.csvPopupIcon})]}),buttonClass:fr.popupItem,position:"left-top",menuClass:fr.popupMenu,menuContainerClass:fr.csvPopup,children:[A.jsx(RH,{text:"Table Results",data:r,fileName:e,className:fr.popupItem,iconClass:fr.popupItemIcon}),A.jsx(Me,{type:"button",variant:"custom",size:"default",className:fr.popupItem,onClick:n,children:"Raw Data"})]}),t&&A.jsx(jH,{text:"Save as PNG",chartRef:t,className:fr.popupItem,iconClass:fr.popupItemIcon,fileName:e})]})}),OTe=r=>A.jsx("svg",{viewBox:"0 0 24 24",width:"1.2em",height:"1.2em",...r,children:A.jsx("path",{fill:"none",stroke:"currentColor",strokeLinecap:"round",strokeLinejoin:"round",strokeWidth:2,d:"M4 14h6v6m10-10h-6V4m0 6l7-7M3 21l7-7"})}),pA=({metric:r,colors:t,rlsFilters:e,onMinimize:n,clientId:i,tenancyLevel:a,companyId:o,externalDashboardId:s,userProvidedDashboardId:l,isAllowedToUpdateMetrics:c,sharingSettingsId:u})=>{var R,P,j,B;const h=$.useRef(),[f,d]=$.useState(!1),[p,v]=$.useState(r.chartOptions),[g,m]=$.useState(!1),{updateExternalMetric:y,error:b}=Xw({onSuccess:()=>{m(!1)},selectedColumns:[],companyIntegrationId:r.companyIntegrationId,query:r.query,metricQuery:r.metricQuery,integrationName:r.integrationName,outputColumns:r.outputColumns,chartSettings:p,clientId:i,companyId:o,isLiveMode:r.isLive,timeGrain:r.timeGrain,dashboardIds:[s],isEnableGroupBy:r.isEnableGroupBy,groupBy:r.groupBy,selectedGroupBy:r.selectedGroupBy,userProvidedDashboardId:l,metric:r,rlsFilters:e==null?void 0:e.param}),{dataDb:_,getUnderlyingData:w,handleChartClick:x,onChangeFilterValue:C,onDrillDown:I,isShowChartPopup:D,setShowChartPopup:T,columnName:S,chartParams:M,isQueryLoading:L,dimensions:E,drilledLevel:N,rlsConditions:k,setLoading:O}=Jw({metric:r,rlsFilters:e,chartSettings:p,setChartSettings:v,tenancyLevel:a,clientId:i});return A.jsxs("dialog",{open:!0,className:fr.fullScreen,children:[A.jsxs("section",{className:fr.header,children:[A.jsx("div",{className:fr.headerBlock,children:A.jsx(we,{variant:"h2",styleClass:"font-14",className:fr.metricName,children:r.name})}),A.jsxs("div",{className:fr.headerBlock,children:[A.jsx(Me,{type:"button",variant:"custom",size:"default",className:fr.iconButton,onClick:n,title:"Minimize Full Screen",children:A.jsx(OTe,{})}),A.jsx(kTe,{data:_,chartRef:h,metricName:r.name,onRawCsvData:()=>d(!0)}),c&&A.jsx(Me,{type:"button",variant:"primary",size:"large",onClick:()=>m(!0),children:"Save Metric"})]})]}),A.jsxs("section",{className:fr.body,children:[A.jsxs("div",{className:fr.metric,children:[A.jsxs("div",{className:fr.metricHeader,children:[A.jsx(Ub,{companyId:o,integrationName:r.integrationName,integrationId:r.companyIntegrationId,rlsConditions:k,onChangeFilterValue:C}),(R=p.timeSeriesSettings)!=null&&R.groupBySettings.isDynamic?A.jsx(Pr,{options:p.timeSeriesSettings.groupBySettings.options.map(F=>({label:F,value:F})),onChange:F=>v(V=>{var H;return{...V,timeSeriesSettings:{...V.timeSeriesSettings,groupBySettings:{...(H=V.timeSeriesSettings)==null?void 0:H.groupBySettings,value:F.value}}}}),selectedOption:{label:p.timeSeriesSettings.groupBySettings.value,value:p.timeSeriesSettings.groupBySettings.value},label:"group",buttonClass:fr.dynamicGroupFormat,className:fr.dynamicGroupContainer}):null,A.jsx(nI,{data:_,settings:p,setSettings:v,className:fr.chartSettings})]}),(M==null?void 0:M.name)&&S&&A.jsx(PU,{isOpen:D,setOpen:T,value:M==null?void 0:M.name,columnName:S,getUnderlyingData:w,clickBehaviourConfigs:(P=r.clickActions)==null?void 0:P.chart}),A.jsx(uA,{isLoading:L,isDataLength:!!_.length,isSingleValue:p.singleValue,dataDb:_[0]}),((j=r==null?void 0:r.drillDownSettings)==null?void 0:j.isEnableGroupBy)&&!!(E!=null&&E.length)&&!!_.length&&A.jsx(fA,{dimensions:E,drilledLevel:E.length>N?N:0}),_.length?A.jsx(Kp,{chartOptions:p,data:_,colors:t,events:{click:F=>{var V;(V=r.drillDownSettings)!=null&&V.isEnableGroupBy&&I(F)},contextmenu:F=>{x(F),T(!0)}},className:fr.chart,config:{ref:h,chartClickConfig:(B=r.clickActions)==null?void 0:B.chart,onColumnSizingChange:F=>v(V=>({...V,tableSettings:{...V.tableSettings,columnSizing:F}})),onChartReady:()=>O(!1)}}):null]}),p.chartType!=="table"?A.jsx("div",{className:fr.preview,children:A.jsx(as,{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]}),A.jsx(sA,{metricItem:r,isShowRawCsvModal:f,onCloseModal:d,companyTenancyType:a,filterValues:e==null?void 0:e.filterValues,client:i,sharingSettingsId:u}),c&&A.jsx(ji,{isOpen:g,onClose:()=>m(!1),headerTitle:"Update Metric",children:A.jsx(qw,{onCancel:()=>m(!1),onSubmit:y,dashboardIds:[s],onDashboardChange:()=>{},companyId:o,error:b,defaultValues:{name:r.name,description:r.description,isLive:r.isLive,metricId:r.isCreatedByClient?r.metricId:`update_${r.metricId}_by_${i}_${Date.now()}`},isEmbedded:!0})})]})},$U=LU.WidthProvider(LU.Responsive),jU=({chartColors:r,globalFilters:t,client:e,companyId:n,isAllowedToUpdateMetrics:i,isAllowedToDeleteMetrics:a,isAllowedToChangeLayout:o,externalDashboardMetrics:s,isMetricListLoading:l,breakpoint:c,layoutCols:u,adminLayout:h,params:f,companyTenancyType:d="TABLE",externalDashboardId:p,externalDashboardPk:v,sharingSettingsId:g})=>{const[m,y]=$.useState({id:"",show:!1}),[b,_]=$.useState({layout:[],isShow:!1}),[w,x]=$.useState({show:!1}),{saveLayout:C,layout:I,isLoadingLayout:D}=UL({clientId:e,externalDashboardId:v}),{handleArchiveMetric:T,isLoading:S}=YL({dashboardId:p,clientId:e,metricId:m.id,onSuccess:()=>y({id:"",show:!1})}),M=$.useCallback(k=>{_({isShow:!0,layout:k})},[]),L=$.useMemo(()=>{const k=s==null?void 0:s.map(j=>j.externalMetric),O=k==null?void 0:k.filter(j=>!j.isCreatedByClient),R=k==null?void 0:k.filter(j=>j.isCreatedByClient&&j.clientId===e);return[...O||[],...R||[]].sort((j,B)=>{const F=new Date(j.createdAt).getTime(),V=new Date(B.createdAt).getTime();return F-V})},[s]),E=$.useMemo(()=>L.map(O=>{const R=I.find(j=>j.i===O.id),P=h.find(j=>j.i===O.id);return{i:(R==null?void 0:R.i)||(P==null?void 0:P.i)||O.id,w:(R==null?void 0:R.w)||(P==null?void 0:P.w)||O.resizeAttributes.width||5,h:(R==null?void 0:R.h)||(P==null?void 0:P.h)||O.resizeAttributes.height||10,x:(R==null?void 0:R.x)||(P==null?void 0:P.x)||O.resizeAttributes.xAxis||0,y:(R==null?void 0:R.y)||(P==null?void 0:P.y)||O.resizeAttributes.yAxis||0,minW:O.chartOptions.chartType==="single value"?1:3,minH:O.chartOptions.chartType==="single value"?2:8,maxH:O.chartOptions.chartType==="table"?1/0:15}}),[L,h,I]),N=$.useMemo(()=>L.map(k=>A.jsx("div",{className:`${vf["MetricList-wrapper"]} ${o?vf["MetricList-wrapper-move"]:""}`,id:k.id,children:A.jsx(dA,{metricItem:k,onMaximize:O=>x({show:!0,metric:O}),client:e,colors:r,globalFilters:t,param:f==null?void 0:f.find(O=>O.metricId===k.metricId),companyTenancyType:d,onArchive:a?O=>y({id:O,show:!0}):void 0})},k.id)),[L,d,e,r,f,t,o,a]);return A.jsx(A.Fragment,{children:L.length&&E.length?A.jsxs(A.Fragment,{children:[A.jsxs("div",{className:vf["MetricList-container"],id:"metric-list-container",children:[b.isShow&&A.jsx(OU,{isLoading:D,onCancel:()=>_(k=>({...k,isShow:!1})),onSave:async()=>{await C(b.layout,!0),_(k=>({...k,isShow:!1}))}}),A.jsx($U,{layouts:{lg:E},onResizeStop:o?M:void 0,onDragStop:o?M:void 0,isDraggable:o,isDroppable:o,isResizable:o,rowHeight:30,breakpoints:c??{lg:1200,md:996,sm:768,xs:480,xxs:0},cols:u??{lg:12,md:12,sm:12,xs:4,xxs:2},children:N})]}),a?A.jsx(EU,{isLoading:S,isOpen:m.show,onArchive:T,onClose:()=>y({id:"",show:!1})}):null,A.jsx(tg,{children:w.show&&w.metric&&A.jsx(pA,{metric:w.metric,rlsFilters:w.rlsFilters,colors:r,externalDashboardId:v,userProvidedDashboardId:p,tenancyLevel:d,isAllowedToUpdateMetrics:i,clientId:e,companyId:n,onMinimize:()=>x({show:!1,metric:void 0}),sharingSettingsId:g})})]}):A.jsx(A.Fragment,{children:l?A.jsx("div",{className:vf["alt-container"],children:A.jsx(cl,{style:{width:"50px",height:"50px",color:"blue"}})}):A.jsx("div",{className:vf["noMetric-container"],children:A.jsx("div",{className:vf["noMetric-wrapper"],children:A.jsx(we,{variant:"h2",styleClass:"primary",children:"No metrics created yet"})})})})})},Io={container:"_container_1jkce_1",table:"_table_1jkce_9",tableHead:"_tableHead_1jkce_17",tableRow:"_tableRow_1jkce_25",tableHeadCol:"_tableHeadCol_1jkce_33",tableHeadColText:"_tableHeadColText_1jkce_41",tableRowCol:"_tableRowCol_1jkce_49",tableColText:"_tableColText_1jkce_57",empty:"_empty_1jkce_65",error:"_error_1jkce_73"},RTe=({data:r,isError:t})=>A.jsxs("div",{className:Io.container,children:[!!(r!=null&&r.length)&&!t&&A.jsxs("table",{className:Io.table,children:[A.jsx("thead",{className:Io.tableHead,children:A.jsx("tr",{className:Io.tableRow,children:Object.keys(r[0]).map(e=>A.jsx("th",{className:Io.tableHeadCol,scope:"col",children:A.jsx(we,{styleClass:"font-14c",variant:"h1",className:Io.tableHeadColText,children:e})},e))})}),A.jsx("tbody",{children:r==null?void 0:r.map((e,n)=>A.jsx("tr",{children:Object.keys(r[0]).map((i,a)=>A.jsx("td",{className:Io.tableRowCol,children:A.jsx(we,{styleClass:"font-14",variant:"p",className:Io.tableColText,children:JSON.stringify(e[i])})},a))},n))})]}),!(r!=null&&r.length)&&!t&&A.jsx("div",{className:Io.empty,children:"Table is empty"}),t&&A.jsx("div",{className:Io.error,children:r.message})]}),PTe={loader:"_loader_j0yem_1"},zU=()=>A.jsx("div",{className:PTe.loader,children:A.jsx(cl,{style:{width:"50px",height:"50px",color:"blue"}})}),$Te=Object.freeze(Object.defineProperty({__proto__:null,Alert:ZT,AppliedFilter:EH,ArchiveMetricModal:EU,Button:Me,Chart:Kp,ChartConfig:mL,ChartConfigure:HH,ChartImageDownloadButton:jH,ChartModalOptions:wL,ChartPopup:RU,ChartSettings:GH,ChartSettingsPopup:nI,ChartTab:YH,ConstructMetric:bW,CsvDownloadButton:RH,DataType:Ww,Dataset:BH,DateRangePicker:QT,DownloadRawCsvModal:sA,DrillBreadCrumb:fA,DropDown:mY,EmbeddedMetricCreation:wW,Error:Of,ErrorFallback:xL,ExternalMetricForm:qw,ExternalMetricList:jU,FilterDropDown:pg,FilterField:p0e,FilterPopup:qT,FloatingDropDown:Pr,FullScreenChart:O5,FullScreenView:pA,GlobalFilters:kH,GridLayout:$U,Header:zH,HookMultiSelect:hL,HookSelect:Nf,Icons:it,InfoTooltip:tn,InputField:Xe,InputTables:RMe,LayoutAlert:OU,Loader:zU,MetricCard:dA,MetricChart:tSe,MetricFilterDropDown:Ub,MetricForm:mW,MetricOutput:ZH,MetricTable:RTe,Modal:ji,ModalFooter:Tc,MultiFilterDropdown:zf,MultiFloatingDropDown:jf,MultiSelect:Oo,NoDataLoading:uA,NumberFilterField:tT,PopoverMenu:za,Portal:tg,SearchTab:Ef,Select:pr,SelectField:qY,SelectWithSubValue:cL,SingleValueCard:LTe,Tab:gv,Table:as,TableTab:QH,TableViewModal:MTe,Text:we,TextAreaField:SL,TimeGrainField:qH,ToggleButton:ML,Tooltip:OH,getFormattedFilterValue:NH,isInFilterOperator:eT,isNullFilterOperator:$0},Symbol.toStringTag,{value:"Module"})),jTe=r=>A.jsx("svg",{viewBox:"0 0 24 24",width:"1.2em",height:"1.2em",...r,children:A.jsx("path",{fill:"currentColor",d:"M19 13h-6v6h-2v-6H5v-2h6V5h2v6h6v2Z"})}),zTe={scheduleEmailButton:"_scheduleEmailButton_13nzt_1"},gi={"form-wrapper":"_form-wrapper_ynoky_1","form-primary-text":"_form-primary-text_ynoky_5","week-days-container":"_week-days-container_ynoky_9","main-label":"_main-label_ynoky_12","time-element":"_time-element_ynoky_16","schedule-time":"_schedule-time_ynoky_19","cancel-btn":"_cancel-btn_ynoky_23","delete-btn":"_delete-btn_ynoky_26","field-width":"_field-width_ynoky_29","timezone-field":"_timezone-field_ynoky_33","success-text":"_success-text_ynoky_37"},FU=$.createContext({isLoading:void 0,data:void 0,token:void 0}),BU=()=>$.useContext(FU),FTe=(r,t)=>{const e=t.getTimezoneOffset()*-1;return new Date(t.toLocaleString("en-US",{timeZone:r})).getTimezoneOffset()*-1-e},BTe=r=>{const t=new Date;let e=null;switch(r.frequency){case"Daily":e=new Date(t),e.setDate(t.getDate()+1);break;case"Weekly":{const n=Object.keys(r.weekDays).filter(a=>r.weekDays[a]);let i=null;n.forEach(a=>{const s=(Pw.findIndex(c=>c.value===a)+7-t.getDay())%7,l=new Date(t);l.setDate(t.getDate()+s),l.toDateString()===t.toDateString()&&l.setDate(l.getDate()+7),(!i||l<i)&&(i=l)}),e=i;break}case"Monthly":{const n=r.date.map(a=>parseInt(a.value,10));let i=null;n.forEach(a=>{const o=new Date(t.getFullYear(),t.getMonth(),a);o<t&&o.setMonth(t.getMonth()+1),(!i||o<i)&&(i=o)}),e=i;break}}if(e!==null){e.setHours(parseInt(r.hours,10),0,0,0),r.time==="PM"?e.setHours(parseInt(r.hours,10)+12):r.time==="AM"&&r.hours==="12"&&e.setHours(0);const n=FTe(r.timezone,e);e.setTime(e.getTime()+n*6e4)}return e},VTe=({onCancel:r})=>{var N;const{register:t,handleSubmit:e,watch:n,control:i,setValue:a,getValues:o,reset:s}=Wv(),{data:l,token:c}=BU(),{data:u,isLoading:h}=h8({token:c}),f=$.useMemo(()=>{var k;if((k=u==null?void 0:u.scheduleEmailReports)!=null&&k.length)return u==null?void 0:u.scheduleEmailReports[0]},[u]);$.useEffect(()=>{f?s({...f.timeConfigurations}):(a("time","PM"),a("timezone","Asia/Kolkata"),a("frequency","Monthly"))},[f]);const[d,p]=$.useState(!1),[v,g]=$.useState(""),[m,y]=$.useState(!1),[b,_]=$.useState(!1),w="",x=((N=l==null?void 0:l.externalDashboardMetrics)==null?void 0:N.map(k=>({value:k.externalMetric.id,label:k.externalMetric.name})))||[],C=O8(),I=R9(),D=$9(),T=(k,O)=>k.charts.length===0?(g("please select at least one chart to share"),p(!1),y(!1),!1):k.emails.length===0?(g("please add at least one email address"),p(!1),y(!1),!1):O?!0:(g("invalid time configurations"),p(!1),y(!1),!1),S=k=>{var K,ee;g(""),p(!0),y(!1);const{subject:O,emails:R,frequency:P,weekDays:j,date:B,hours:F,time:V,timezone:H}=k,G=BTe({date:B,frequency:P,hours:F,time:V,timezone:H,weekDays:j});if(!T(k,G))return;const J=(K=k.charts)==null?void 0:K.map(W=>({externalMetricId:W}));f?I.mutate({scheduleEmailReportId:f.id},{onSuccess({delete_scheduleEmailReportCharts:W}){var Q;W!=null&&W.affected_rows?C.mutate({emails:R,externalDashboardId:(Q=l==null?void 0:l.externalDashboard)==null?void 0:Q.id,data:J,guestToken:c,nextScheduledAt:G,sharingSettingsId:l==null?void 0:l.sharingSettingsId,subject:O,timeConfigurations:k},{onSuccess({insert_scheduleEmailReports_one:U}){U!=null&&U.id?(g(""),p(!1),y(!0)):(g(nn),p(!1),y(!1))},onError(){g(nn),p(!1),y(!1)}}):(g(nn),p(!1),y(!1))},onError(){g(nn),p(!1),y(!1)}}):C.mutate({emails:R,externalDashboardId:(ee=l==null?void 0:l.externalDashboard)==null?void 0:ee.id,data:J,guestToken:c,nextScheduledAt:G,sharingSettingsId:l==null?void 0:l.sharingSettingsId,subject:O,timeConfigurations:k},{onSuccess({insert_scheduleEmailReports_one:W}){W!=null&&W.id?(g(""),p(!1),y(!0)):(g(nn),p(!1),y(!1))},onError(){g(nn),p(!1),y(!1)}})},M=()=>{g(""),p(!0),_(!1),y(!1),D.mutate({id:f==null?void 0:f.id},{onSuccess({delete_scheduleEmailReports_by_pk:k}){k!=null&&k.id?(g(""),p(!1),_(!0),s({subject:"",emails:[],charts:[]}),r()):(g(nn),p(!1),_(!1))},onError(){g(nn),p(!1),_(!1)}})},L=e(S),E=e(M);return{register:t,handleSubmit:e,watch:n,control:i,setValue:a,getValues:o,reset:s,dashboardName:w,chartOptions:x,onSave:L,isLoading:d,isSuccess:m,error:v,isLoadingData:h,scheduleReportConfig:f,onDelete:E,isDeleted:b}},HTe=({onCancel:r})=>{var v;const{control:t,getValues:e,register:n,setValue:i,watch:a,dashboardName:o,chartOptions:s,onSave:l,isLoading:c,error:u,isSuccess:h,scheduleReportConfig:f,onDelete:d,isDeleted:p}=VTe({onCancel:r});return A.jsxs("form",{className:gi["form-container"],onSubmit:l,children:[A.jsxs("div",{className:gi["form-wrapper"],children:[A.jsxs(we,{variant:"p",styleClass:"font-14",className:gi["form-primary-text"],children:["Schedule an email report for Dashboard:",A.jsx(we,{variant:"span",styleClass:"primary",children:o})]}),A.jsx(Xe,{label:"Subject Line",placeholder:"Weekly Report - Sales Overview 2023",register:n("subject",mf)}),A.jsx(kU,{control:t,type:"text",label:"Send to",placeholder:"Enter email addresses",onChangeTags:g=>i("emails",g),defaultTagValue:(v=f==null?void 0:f.timeConfigurations)==null?void 0:v.emails}),A.jsx(hL,{control:t,name:"charts",options:s,label:"Charts to Attach",defaultValue:[]}),A.jsx(Nf,{label:"Frequency of emails",options:gL,control:t,name:"frequency",defaultValue:"Monthly"}),a().frequency!=="Monthly"?A.jsx("div",{className:gi["week-days-container"],children:Pw.map(g=>A.jsx(Xe,{label:g.label,type:"checkbox",register:n(`weekDays.${g.value}`),isDisabled:a().frequency==="Daily"},g.value))}):A.jsx("div",{children:A.jsx(jf,{label:"Choose Dates",selectedOptions:e().date||[],options:vL,onChange:g=>i("date",g)})}),A.jsxs("div",{className:gi["schedule-time"],children:[A.jsx(we,{variant:"span",styleClass:"custom",className:gi["main-label"],children:"Scheduled Time"}),A.jsxs("div",{className:gi["time-element"],children:[A.jsx(Xe,{type:"number",className:gi["field-width"],min:0,max:11,register:n("hours",mf),defaultValue:5}),A.jsx(Nf,{options:pL,control:t,name:"time",className:gi["timezone-field"],defaultValue:"PM"}),A.jsx(Nf,{options:dL,control:t,name:"timezone",className:gi["timezone-field"],defaultValue:"IST"})]})]}),u&&A.jsx(Of,{message:u}),h&&A.jsx(we,{variant:"p",styleClass:"font-14b",className:gi["success-text"],children:"Scheduled successfully!"}),p&&A.jsx(we,{variant:"p",styleClass:"font-14b",className:gi["success-text"],children:"Deleted successfully!"})]}),A.jsxs(Tc,{children:[f?A.jsx(Me,{type:"reset",variant:"reject",className:gi["delete-btn"],size:"default",onClick:()=>{d()},isDisabled:c,children:"Delete"}):A.jsx(Me,{type:"reset",variant:"secondary",className:gi["cancel-btn"],size:"default",onClick:()=>r(),isDisabled:c,children:"Cancel"}),A.jsx(Me,{variant:"primary",type:"submit",size:"default",isDisabled:c,children:f?"Update":"Save"})]})]})},WTe=r=>A.jsx("svg",{viewBox:"0 0 2048 2048",width:"1.2em",height:"1.2em",...r,children:A.jsx("path",{fill:"currentColor",d:"M960 1100L128 565v971h768v128H0V384h1920v601q-13-9-29-19t-33-20t-34-18t-32-13V565l-832 535zm678-588H282l678 436l678-436zm410 1024q0 106-40 199t-109 163t-163 110t-200 40q-106 0-199-40t-163-109t-110-163t-40-200q0-106 40-199t109-163t163-110t200-40q106 0 199 40t163 109t110 163t40 200zm-512 384q79 0 149-30t122-82t83-122t30-150q0-79-30-149t-82-122t-123-83t-149-30q-80 0-149 30t-122 82t-83 123t-30 149q0 80 30 149t82 122t122 83t150 30zm0-640v256h192v128h-320v-384h128z"})}),UTe=()=>{const[r,t]=$.useState(!1);return A.jsxs("div",{children:[A.jsx(Me,{variant:"custom",type:"button",onClick:()=>t(!0),title:"email-sharing",className:zTe.scheduleEmailButton,children:A.jsx(WTe,{})}),A.jsx(ji,{isOpen:r,onClose:()=>t(!1),headerTitle:"Schedule Email",children:A.jsx(HTe,{onCancel:()=>t(!1)})})]})},VU=$.memo(({options:r,theme:t})=>{var h,f,d;const{data:e,isLoading:n}=BU(),[i,a]=$.useState(!1),[o,s]=$.useState({tableName:"",filters:[]}),{data:l}=v8({companyId:e==null?void 0:e.companyId},{enabled:!!(e!=null&&e.companyId),refetchOnWindowFocus:!1}),[c,u]=$.useMemo(()=>{var v,g,m,y;const p=(y=(m=(g=(v=l==null?void 0:l.themes[0])==null?void 0:v.chart)==null?void 0:g.palettes)==null?void 0:m.find(b=>{var _,w;return b.name===((w=(_=l.themes[0])==null?void 0:_.chart)==null?void 0:w.selected)}))==null?void 0:y.colors;return[l==null?void 0:l.themes[0],p]},[l==null?void 0:l.themes[0]]);return Kw(c),A.jsx(A.Fragment,{children:A.jsxs("div",{className:Pi["embedDashboard-container"],id:"dbn-dashboard",children:[((h=e==null?void 0:e.externalDashboard)==null?void 0:h.id)&&!n&&A.jsxs(A.Fragment,{children:[!(r!=null&&r.disableMetricCreation)&&!e.externalDashboard.filters.length&&!e.isAllowedToCreateMetrics?null:A.jsxs("div",{className:(r==null?void 0:r.headerVariant)==="floating"?Pi["embedDashboard-header-floating"]:Pi["embedDashboard-header-static"],children:[(r==null?void 0:r.headerVariant)==="floating"&&A.jsx("span",{className:Pi.floatingButton,children:A.jsx(it,{name:"setup-icon",className:Pi.floatingButton})}),A.jsxs("div",{className:(r==null?void 0:r.headerVariant)==="floating"?Pi.floatingContainer:Pi.staticContainer,children:[e.sharingSettingsId&&A.jsx(UTe,{}),!(r!=null&&r.disableMetricCreation)&&e.isAllowedToCreateMetrics&&A.jsxs(A.Fragment,{children:[A.jsx(Me,{type:"button",variant:(r==null?void 0:r.headerVariant)==="floating"?"custom":"primary",size:"large",className:(r==null?void 0:r.headerVariant)==="floating"?Pi.floatingCreateButton:"",onClick:()=>a(!0),children:(r==null?void 0:r.headerVariant)==="floating"?A.jsx(jTe,{className:Pi.floatingCreateButtonIcon}):"Create Metric"}),A.jsx(wW,{clientId:e.clientId,companyId:e.companyId,isLiveMode:e.isLiveMode,externalDashboardId:e.externalDashboard.id,chartColors:u??(r==null?void 0:r.chartColors),isShowMetricCreateModal:i,setShowMetricCreateModal:a,workspaceId:(f=e.workspace)==null?void 0:f.id,userProvidedDashboardId:e.externalDashboardId})]})]})]}),A.jsxs("div",{className:Pi["embedDashboard-wrapper"],children:[e.externalDashboard.filters.length?A.jsx(kH,{companyId:e.companyId,externalDashboardId:e.externalDashboard.id,filters:e.externalDashboard.filters,onApply:p=>{s(p)}}):null,A.jsx(jU,{client:e.clientId,companyId:e.companyId,externalDashboardId:e.externalDashboardId,externalDashboardPk:e.externalDashboard.id,adminLayout:e.externalDashboard.layout,isAllowedToDeleteMetrics:!(r!=null&&r.disableMetricDeletion)&&e.isAllowedToDeleteMetrics,isAllowedToUpdateMetrics:!(r!=null&&r.disableMetricUpdation)&&e.isAllowedToUpdateMetrics,isAllowedToChangeLayout:!(r!=null&&r.disableLayoutCustomization)&&e.isAllowedToChangeLayout,externalDashboardMetrics:e.externalDashboardMetrics,isMetricListLoading:n,globalFilters:o,breakpoint:t==null?void 0:t.breakpoint,layoutCols:t==null?void 0:t.metricLayoutCols,chartColors:u??(r==null?void 0:r.chartColors),params:Array.isArray(e.rlsSettings)?e.rlsSettings:[],companyTenancyType:e.companyTenancyType,sharingSettingsId:e.sharingSettingsId})]})]}),n&&A.jsx("div",{className:Pi["alt-container"],children:A.jsx(cl,{style:{width:"50px",height:"50px",color:"blue"}})}),!n&&!((d=e==null?void 0:e.externalDashboard)!=null&&d.id)&&A.jsx("div",{className:Pi["alt-container"],children:"Invalid token or Dashboard id"})]})})}),GTe=({token:r,dashboardId:t,children:e})=>{const{data:n,isLoading:i}=WL({token:r,dashboardId:t}),a=$.useMemo(()=>({data:n,isLoading:i,token:r}),[n,i,r]);return A.jsx(FU.Provider,{value:a,children:e})};var YTe=function(t,e){return t===void 0&&(t=[]),e===void 0&&(e=[]),t.length!==e.length||t.some(function(n,i){return!Object.is(n,e[i])})},HU={error:null},QTe=function(r){Pl(t,r);function t(){for(var n,i=arguments.length,a=new Array(i),o=0;o<i;o++)a[o]=arguments[o];return n=r.call.apply(r,[this].concat(a))||this,n.state=HU,n.resetErrorBoundary=function(){for(var s,l=arguments.length,c=new Array(l),u=0;u<l;u++)c[u]=arguments[u];n.props.onReset==null||(s=n.props).onReset.apply(s,c),n.reset()},n}t.getDerivedStateFromError=function(i){return{error:i}};var e=t.prototype;return e.reset=function(){this.setState(HU)},e.componentDidCatch=function(i,a){var o,s;(o=(s=this.props).onError)==null||o.call(s,i,a)},e.componentDidUpdate=function(i,a){var o=this.state.error,s=this.props.resetKeys;if(o!==null&&a.error!==null&&YTe(i.resetKeys,s)){var l,c;(l=(c=this.props).onResetKeysChange)==null||l.call(c,i.resetKeys,s),this.reset()}},e.render=function(){var i=this.state.error,a=this.props,o=a.fallbackRender,s=a.FallbackComponent,l=a.fallback;if(i!==null){var c={error:i,resetErrorBoundary:this.resetErrorBoundary};if(Zt.isValidElement(l))return l;if(typeof o=="function")return o(c);if(s)return Zt.createElement(s,c);throw new Error("react-error-boundary requires either a fallback, fallbackRender, or FallbackComponent prop")}return this.props.children},t}(Zt.Component);const ZTe=new b9({defaultOptions:{queries:{refetchOnWindowFocus:!1}}}),vA=({children:r,theme:t})=>($.useEffect(()=>{!t||!Object.keys(t).length||R5(t)},[t]),A.jsx(QTe,{FallbackComponent:xL,children:A.jsx(D9,{client:ZTe,children:r})})),qTe=$.memo(({token:r,options:t,theme:e,dashboardId:n})=>A.jsx(vA,{theme:e,children:A.jsx(GTe,{token:r,dashboardId:n,children:A.jsx(VU,{options:t,theme:e})})})),WU={metric:"_metric_1pdqp_1",loader:"_loader_1pdqp_7"},XTe=$.memo(({token:r,chartColors:t,metricId:e,chartRendererType:n="canvas"})=>{const[i,a]=$.useState({isShow:!1}),{externalMetric:o,adminColors:s,rlsSettings:l,sharingSettingsId:c,companyId:u,clientId:h,tenancyLevel:f,isLoading:d,errorMsg:p}=QL({token:r,metricId:e});return A.jsxs(A.Fragment,{children:[d?A.jsx("div",{className:WU.loader,children:A.jsx(zU,{})}):null,p||null,o&&!d?A.jsxs(A.Fragment,{children:[A.jsx(dA,{metricItem:o,client:h,colors:s||t,onMaximize:(v,g)=>a({isShow:!0,rlsFilters:g}),companyTenancyType:f,chartRendererType:n,param:l}),A.jsx(tg,{children:i.isShow?A.jsx(pA,{metric:o,clientId:h,colors:s||t,onMinimize:()=>a({isShow:!1}),companyId:u,tenancyLevel:f,rlsFilters:i.rlsFilters,sharingSettingsId:c,externalDashboardId:"",userProvidedDashboardId:""}):null})]}):null]})}),KTe=$.memo(({theme:r,width:t,height:e,style:n,className:i="",...a})=>A.jsx("div",{style:{...n,width:t?`${t}px`:void 0,height:e?`${e}px`:void 0},className:`${WU.metric} ${i}`,children:A.jsx(vA,{theme:r,children:A.jsx(XTe,{...a})})})),JTe=Object.freeze(Object.defineProperty({__proto__:null},Symbol.toStringTag,{value:"Module"}));dn.Dashboard=qTe,dn.EmbeddedDashboard=VU,dn.Metric=KTe,dn.PluginProvider=vA,dn.Ui=$Te,dn.consts=QY,dn.helpers=w0e,dn.hooks=Q8,dn.types=JTe,dn.utils=d0e,Object.defineProperty(dn,Symbol.toStringTag,{value:"Module"})});

package/package.json

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