!function(){try{var e="undefined"!=typeof window?window:"undefined"!=typeof global?global:"undefined"!=typeof globalThis?globalThis:"undefined"!=typeof self?self:{};e.SENTRY_RELEASE={id:"b3c473d2ca33393fa546694d92302a2d960eb3e4"};var t=(new e.Error).stack;t&&(e._sentryDebugIds=e._sentryDebugIds||{},e._sentryDebugIds[t]="1c04072b-6426-4cac-b4c5-6d2975d79eb5",e._sentryDebugIdIdentifier="sentry-dbid-1c04072b-6426-4cac-b4c5-6d2975d79eb5")}catch(e){}}(),(self.webpackChunkcloud_frontend=self.webpackChunkcloud_frontend||[]).push([[180],{97799(e,t,r){r.d(t,{A:()=>Ve});r(98992),r(54520),r(3949);var n=r(64467),o=r(80045),i=r(96540),a=(r(62953),r(51510)),d=r(99191),c=r(57068),s=r(15524),l=r(64156),u=r(20871),p=(r(72577),r(81454),r(8872),r(67012)),g=r(57377),b=r(40961),f=r(43375),h=r(43627),O=r(43305),m=r(71123),y=r(61710),j=r(74979),v=r(45427),x=r(74848);const w=["id","items","containerWidth","rowHeight","gutter","Component","isSortingContainer","onRemove","onItemRemove","Item","gridTracks","transforming","containerDndProps","itemProps","dragOverlay","rootId"];function P(e,t){var r=Object.keys(e);if(Object.getOwnPropertySymbols){var n=Object.getOwnPropertySymbols(e);t&&(n=n.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),r.push.apply(r,n)}return r}function I(e){for(var t=1;t<arguments.length;t++){var r=null!=arguments[t]?arguments[t]:{};t%2?P(Object(r),!0).forEach((function(t){(0,n.A)(e,t,r[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(r)):P(Object(r)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(r,t))}))}return e}const C=e=>(0,h.uU)(I(I({},e),{},{wasDragging:!0})),D=e=>{var t;let{id:r,items:n,containerWidth:i,rowHeight:a,gutter:d,Component:c,isSortingContainer:s,onRemove:l,onItemRemove:u,Item:p,gridTracks:g,transforming:b,containerDndProps:f,itemProps:O,dragOverlay:y,rootId:P}=e,D=(0,o.A)(e,w);const{active:S,attributes:A,isDragging:E,listeners:k,over:T,setNodeRef:R,transition:_,transform:B}=(0,h.gl)({id:y?"dragOverlay-".concat(r):r,disabled:y,data:I({rootId:P,isContainer:!0,items:n,containerId:r,dropArea:!0},f),animateLayoutChanges:C}),H=!!T&&(r===T.id&&"container"!==(null===S||void 0===S||null===(t=S.data.current)||void 0===t?void 0:t.type)||n.includes(T.id)),N=(0,m.Hp)(n),F=N*a+(N-1)*d+"px";return(0,x.jsx)(c,I(I({ref:R,style:y?{width:i,height:F}:{transition:_,transform:j.Ks.Translate.toString(B),opacity:E?.5:void 0,width:i,height:F},hover:H,onRemove:l,attributes:A,listeners:k},D),{},{itemProps:O,id:r,dragOverlay:y,children:n.map(((e,t)=>(0,x.jsx)(v.A,I(I({disabled:s},e),{},{index:t,containerId:r,Item:p,onRemove:u,draggable:!0,containerWidth:i,rowHeight:a,gridTracks:g,gutter:d,transformed:b?n[t]:null,itemProps:O,containerDragOverlay:y,rootId:P,containerDndProps:f,draggableProps:e,isOnTV:D.isOnTV}),e.id)))}))},S=e=>{let{containers:t,Container:r,containerWidth:n,isSortingContainer:o,items:i,Item:a,transforming:d,onContainerRemove:c,onRemove:s,rowHeight:l,gridTracks:u,gutter:p,containerDndProps:g,itemProps:b,rootId:f,isOnTV:h}=e;return t.map((e=>(0,x.jsx)(D,{id:e,items:i[e],onRemove:()=>c(e),containerWidth:n,rowHeight:l,gridTracks:u,gutter:p,Component:r,Item:a,isSortingContainer:o,transforming:d,onItemRemove:s,containerDndProps:g,itemProps:b,rootId:f,isOnTV:h},e)))};function A(e,t){var r=Object.keys(e);if(Object.getOwnPropertySymbols){var n=Object.getOwnPropertySymbols(e);t&&(n=n.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),r.push.apply(r,n)}return r}function E(e){for(var t=1;t<arguments.length;t++){var r=null!=arguments[t]?arguments[t]:{};t%2?A(Object(r),!0).forEach((function(t){(0,n.A)(e,t,r[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(r)):A(Object(r)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(r,t))}))}return e}const k={sideEffects(e){let{active:t}=e;t.node.animate([{opacity:0},{opacity:1}],{easing:"ease-in",duration:250})}},T="TRASH_ID",R="PLACEHOLDER_ID",_=e=>{let{id:t}=e;const{setNodeRef:r,isOver:n}=(0,f.zM)({id:t,data:{dropArea:!0,isTrash:!0}});return(0,x.jsx)("div",{ref:r,style:{display:"flex",alignItems:"center",justifyContent:"center",position:"fixed",left:"50%",marginLeft:-150,bottom:20,width:300,height:60,borderRadius:5,border:"1px solid",borderColor:n?"red":"#DDD"},children:"Drop here to delete"})},B=e=>{var t;let{rootId:r,items:n,containers:o,trashable:a=!0,onRemove:d,Item:c,containerWidth:s=800,rowHeight:l=40,gridTracks:u=12,gutter:j=4,allowOverlap:w=!1,compactType:P="vertical",maxRows:I=3e5,Container:C=O.A,onDragEnd:A,containerDndProps:B,itemProps:H,updateOnNewProps:N=!1,rearrangeable:F=!0,isOnTV:L}=e;const{active:V}=(0,f.fF)(),W=(0,i.useRef)(null),[z,M]=(0,i.useState)((()=>(o||Object.keys(n)).reduce(((e,t)=>(e[t]=(0,m.oE)((0,m.Su)(n[t]),P,u),e)),{})),{}),[G,U]=(0,i.useState)((()=>o||Object.keys(z)));(0,p.A)((()=>{M((o||Object.keys(n)).reduce(((e,t)=>(e[t]=(0,m.oE)((0,m.Su)(n[t]),P,u),e)),{}))}),[u]),(0,p.A)((()=>{N&&((0,g.Ay)(n,z)||(M((o||Object.keys(n)).reduce(((e,t)=>(e[t]=(0,m.oE)((0,m.Su)(n[t]),P,u),e)),{})),U(o)))}),[o,n]);const q=null===V||void 0===V?void 0:V.isContainer,[J,Y]=(0,i.useState)(null),[Z,$]=(0,i.useState)(null),K=(0,i.useRef)(null),Q=e=>e in z?e:null,X=()=>{J&&M(J),Y(null),$(null),K.current=null},ee=()=>{const e=Object.keys(z),t=e[e.length-1];return String.fromCharCode(t.charCodeAt(0)+1)},te=e=>{let{active:t}=e;const{isContainer:r}=t.data.current||{};Y(z),r||$(z)};return(0,i.useLayoutEffect)((()=>{if(V)return te({active:V}),X}),[]),(0,f.E5)({onDragStart:te,onDragMove:e=>{let{active:t,over:r,collisions:n}=e;const{isResizer:o,isContainer:i,itemId:a,itemContainerId:d}=t.data.current||{};if(i||!Z)return;const{initial:c,translated:p}=t.rect.current;let g=(0,m.Su)(Z[d]);const b=!Z[d],f=(0,m.GN)(b?Z:g,a,b)||(0,m.lc)(t.data.current);if(!f||!f.width)return;const h=null===r||void 0===r?void 0:r.id;if(o){if(!h)return;const e=r.rect.width+(p.right-c.right),t=r.rect.height+(p.bottom-c.bottom);let{width:o,height:i}=(0,y.tr)({gutter:j,maxRows:I,gridTracks:u,rowHeight:l,containerWidth:s},e,t,f);if(f.width===o&&f.height===i)return;if(!n)return;return g=g.map((e=>e.id===f.id?E(E({},f),{},{width:o,height:i}):e)),n=n.filter((e=>e.id!==f.id)),g=(0,m.oE)(g,P,u),K.current=E(E({},f),{},{itemContainerId:d}),void $((e=>E(E({},e),{},{[d]:[...g]})))}if(h===T)return void $(J);if(!F)return;const O=Q(d),v=Q(h)||r&&Q(r.data.current.itemContainerId)||O;if(!v)return;if(v&&v===O||(g=[...Z[v],f]),!n)return;const x=n.find((e=>e.id===v));if(!x)return;let{left:C,top:D}=(0,y.zA)({gutter:j,maxRows:I,gridTracks:u,rowHeight:l,containerWidth:s},p.top-x.data.droppableContainer.rect.current.top,p.left-x.data.droppableContainer.rect.current.left,f);if(f.top===D&&f.left===C&&O===v)return;g=(0,m.Pe)(g,f,C,D,!0,!1,P,u,w),g=(0,m.oE)(g,P,u);const S=v!==O;S&&(W.current=t.itemContainerId),K.current=E(E({},f),{},{itemContainerId:v}),$((e=>E(E({},e),{},{[v]:g.filter((e=>!!e))},S&&!!e[d]&&{[d]:(0,m.oE)(e[d].filter((e=>e.id!==f.id)),P,u)})))},onDragEnd:e=>{let{active:t,over:r}=e;if(!Z)return;const{isResizer:n,isItem:o}=t.data.current||{},i=null===r||void 0===r?void 0:r.id;if(null===i)return void $(null);if(i===T)return M((e=>E(E({},e),{},{[t.containerId]:(0,m.oE)(e[t.containerId].filter((e=>{let{id:r}=e;return r!==t.itemId})),P,u)}))),void $(null);if(o||n)return Z&&M(Z),$(null),void A(Z,K.current,G);t.id in z&&null!==r&&void 0!==r&&r.id&&U((e=>{const n=e.indexOf(t.id),o=e.indexOf(r.id),i=(0,h.be)(e,n,o);return A(Z,K.current,i),i}));const a=Q(t.id);if(a)if(i!==R)Z&&M(Z),$(null),A(Z,K.current,G);else{const e=ee();(0,b.unstable_batchedUpdates)((()=>{U((t=>[...t,e])),M((r=>E(E({},r),{},{[a]:r[a].filter((e=>e!==t.itemId)),[e]:[t.id]})))}))}},onDragCancel:X}),Z||z?(0,x.jsxs)(x.Fragment,{children:[(0,x.jsx)(h.gB,{items:[...G,R],strategy:h._G,children:(0,x.jsx)(S,{rootId:r,containers:G,Container:C,containerWidth:s,isSortingContainer:q,items:Z||z,transforming:null!==Z,Item:c,onContainerRemove:e=>{U((t=>t.filter((t=>t!==e))))},onRemove:d,rowHeight:l,gridTracks:u,gutter:j,itemProps:H,containerDndProps:B,isOnTV:L})}),(0,b.createPortal)((0,x.jsx)(f.Hd,{adjustScale:!1,dropAnimation:k,children:V&&(null===(t=V.data.current)||void 0===t?void 0:t.rootId)===r?V.data.current.isContainer?(re=V.data.current,(0,x.jsx)(D,{rootId:r,id:re,items:Z||z,containerWidth:s,rowHeight:l,gutter:j,Component:C,Item:c,gridTracks:u,containerDndProps:B,itemProps:H,dragOverlay:!0})):V.data.current.isItem?(e=>{const t=(Z||z)[e.itemContainerId];if(!t)return null;const n=t.find((t=>t.id===e.itemId));return n?(0,x.jsx)(v.A,E(E({rootId:r},n),{},{containerId:e.itemContainerId,Item:c,onRemove:d,draggable:!0,containerWidth:s,rowHeight:l,gridTracks:u,gutter:j,dragOverlay:!0,itemProps:H})):null})(V.data.current):null:null}),document.body),a&&V&&(V.isContainer||V.isItem)?(0,x.jsx)(_,{id:T}):null]}):null;var re},H=["id","onRemove","children","attributes","listeners","itemProps","itemProps","style","dragOverlay","ref"],N=["id","Component","containerWidth","onActiveMenuId"];function F(e,t){var r=Object.keys(e);if(Object.getOwnPropertySymbols){var n=Object.getOwnPropertySymbols(e);t&&(n=n.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),r.push.apply(r,n)}return r}function L(e){for(var t=1;t<arguments.length;t++){var r=null!=arguments[t]?arguments[t]:{};t%2?F(Object(r),!0).forEach((function(t){(0,n.A)(e,t,r[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(r)):F(Object(r)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(r,t))}))}return e}const V=a.default.div.withConfig({displayName:"gridLayout__Div",componentId:"sc-jna1fu-0"})(["position:relative;"]),W=e=>{let{id:t,onRemove:r,children:n,attributes:i,listeners:a,itemProps:s={},itemProps:{dashboardId:l},style:u,dragOverlay:p,ref:g}=e,b=(0,o.A)(e,H);(0,c.QZ)(l,t);return(0,x.jsx)(d.Flex,L(L({},b),{},{ref:g,column:!0,flex:!0,round:!0,background:"mainBackground",padding:[3],gap:2,children:(0,x.jsx)(V,{style:u,children:n})}))},z=e=>{let{id:t,Component:r,containerWidth:n,onActiveMenuId:a}=e,p=(0,o.A)(e,N);const[g,b]=(0,c.B1)(t),[f,h]=(0,c.Ix)(t),O=(0,l.A)("(max-width: 767px)"),m=(0,s.A)(),y=(0,i.useRef)(),j=(0,i.useMemo)((()=>(y.current&&y.current.cancel(),y.current=(0,u.A)(),()=>{})),[g,a]);return(0,x.jsx)(d.Flex,{ref:m,column:!0,overflow:{vertical:"auto"},flex:"1","data-testid":"dashboardGrid",height:"100%",onScroll:j,children:(0,x.jsx)(B,L(L({rootId:t,Container:W,onDragEnd:(e,t,r)=>{b(e),h(r)},containers:f,items:g,containerWidth:n-(O?16:26)},p),{},{Item:r,gridTracks:12,itemProps:{dashboardId:t},containerDndProps:{droppable:!0},updateOnNewProps:!0}),t)})};var M=r(4844),G=r(6393),U=r(28973),q=r(87398);function J(e,t){var r=Object.keys(e);if(Object.getOwnPropertySymbols){var n=Object.getOwnPropertySymbols(e);t&&(n=n.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),r.push.apply(r,n)}return r}const Y=(0,a.default)(d.Flex).attrs((e=>function(e){for(var t=1;t<arguments.length;t++){var r=null!=arguments[t]?arguments[t]:{};t%2?J(Object(r),!0).forEach((function(t){(0,n.A)(e,t,r[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(r)):J(Object(r)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(r,t))}))}return e}({height:"100%",background:"mainChartBg",round:!0},e))).withConfig({displayName:"container__Card",componentId:"sc-esi601-0"})(["",""],(e=>{let{dragging:t,theme:r}=e;return t&&"\n    &:before {\n      content: '';\n      position: absolute;\n      top: 0;\n      right: 0;\n      bottom: 0;\n      left: 0;\n      background-color: ".concat((0,d.getRgbColor)("primary",.2)({theme:r}),";\n      z-index: 10;\n      backdrop-filter: blur(3px);\n    }\n\n  ")})),Z=Y;var $=r(92726),K=r(93536),Q=r(28657);const X=["dashboardId","id","handleProps","listeners","attributes","style","dragging","dragOverlay","isOnTV"],ee=["nodesScope","contextScope"],te=["onRemove"];function re(e,t){var r=Object.keys(e);if(Object.getOwnPropertySymbols){var n=Object.getOwnPropertySymbols(e);t&&(n=n.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),r.push.apply(r,n)}return r}function ne(e){for(var t=1;t<arguments.length;t++){var r=null!=arguments[t]?arguments[t]:{};t%2?re(Object(r),!0).forEach((function(t){(0,n.A)(e,t,r[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(r)):re(Object(r)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(r,t))}))}return e}const oe={},ie=(0,i.memo)((e=>{let{dashboardId:t,id:r,handleProps:n,listeners:a,attributes:d,style:c,dragging:s,dragOverlay:l,isOnTV:u}=e,g=(0,o.A)(e,X);const b=(0,q.eg)(),f=(0,G.bE)(t,r)||oe,{nodesScope:h,contextScope:O}=f,m=(0,o.A)(f,ee),y=(0,G.v_)(t,r),j=(0,$.fz)(t,"respectNodesScope"),v=(0,i.useMemo)((()=>{const e=(0,M.My)(b,t);let o=e.getNode({id:l?"dragOverlay-".concat(r):r});if(o)return o;const[i]=O||[];return i?(o=b.makeChart({attributes:ne(ne(ne(ne({},(0,K.L)(i)),{},{id:l?"dragOverlay-".concat(r):r,cardId:r,dashboardId:t,contextScope:O},j?{nodesScope:h}:{}),m),{},{toolboxProps:{drag:ne(ne(ne({},n),a),d),isOnTV:u}}),makeTrack:M.qh}),e.appendChild(o),o):null}),[t,r]);(0,i.useEffect)((()=>{b&&b.getRoot().updateAttribute("autofetchOnHovering",u)}),[b,u]),(0,p.A)((()=>{v&&(v.updateAttributes({height:c.height,width:c.width}),v.trigger("resize"))}),[v,c.height,c.width]),(0,p.A)((()=>{v&&v.updateAttributes({toolboxProps:{drag:ne(ne(ne(ne({},n),a),d),{},{dragging:s}),isOnTV:u}})}),[s]),(0,i.useLayoutEffect)((()=>{if(v)return(0,U.unregister)(v.onAttributesChange(["aggregationMethod","groupBy","groupByLabel","postAggregationMethod","postGroupBy","postGroupByLabel","groupingMethod","groupingTime","chartType","chartLibrary","selectedDimensions","selectedLabels","selectedNodes","selectedInstances","sparkline","selectedLegendDimensions","showingInfo","dimensionsSortBy","instancesSortBy","nodesSortBy","groupBySortBy","labelsSortBy","dimensionsSort","nodesExpanded","groupByExpanded","labelsExpanded","expanded","staticZones","title","description","showPostAggregations","selectedNodeLabelsFilter","staticValueRange","enabledYAxis","enabledXAxis","legend","desiredUnits","staticFractionDigits"],((e,t,r)=>{y((t=>ne(ne({},t),{},{[r]:e})))})))}),[v,y]),(0,p.A)((()=>{v&&v.updateAttributes(m)}),[m]),(0,p.A)((()=>{if(!v||!j)return;v.updateAttribute("nodesScope",h);v.getAttribute("active")&&"chart"===v.type&&v.fetch()}),[j,h]);const{onRemove:w}=g,P=(0,o.A)(g,te);return v?(0,x.jsx)(Z,ne(ne({"data-testid":"chartCard-".concat((m.contextScope||[]).join(",")),height:c.height,width:"100%"},P),{},{dragging:s,children:(0,x.jsx)(Q.A,{chart:v,"data-chartid":l?"dragOverlay-".concat(r):r,"data-track":v.track("container"),height:c.height,width:"100%"})})):null})),ae=ie;var de=r(99728),ce=r(64981),se=r(5907);const le=["dashboardId","id","children"];function ue(e,t){var r=Object.keys(e);if(Object.getOwnPropertySymbols){var n=Object.getOwnPropertySymbols(e);t&&(n=n.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),r.push.apply(r,n)}return r}function pe(e){for(var t=1;t<arguments.length;t++){var r=null!=arguments[t]?arguments[t]:{};t%2?ue(Object(r),!0).forEach((function(t){(0,n.A)(e,t,r[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(r)):ue(Object(r)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(r,t))}))}return e}const ge="text",be="customDashboard",fe=e=>{let{dashboardId:t,id:r,onClick:n}=e;const o=(0,G.bE)(t,r,"editing"),i=(0,G.v_)(t,r,"editing");return(0,x.jsx)(ce.t,{icon:"pencilSolid",onClick:()=>{n(),i(!0)},"data-ga":"".concat(ge,"-reset::").concat(be),"data-testid":"textCard-edit",disabled:o,children:"Edit"})},he=e=>{let{dashboardId:t,id:r}=e;const n=(0,se.c6)(t,r);return(0,x.jsx)(ce.t,{icon:"trashcan",onClick:n,"data-ga":"".concat(ge,"-reset::").concat(be),"data-testid":"textCard-remove",children:"Remove"})},Oe=e=>{let{dashboardId:t,id:r,children:n}=e,i=(0,o.A)(e,le);return(0,x.jsxs)(x.Fragment,{children:[(0,x.jsx)(ce.A,pe(pe({category:ge,context:be,testId:"chartTextDropdown"},i),{},{children:e=>{let{close:n}=e;return(0,x.jsxs)(x.Fragment,{children:[(0,x.jsx)(fe,{dashboardId:t,id:r,onClick:n}),(0,x.jsx)(he,{dashboardId:t,id:r})]})}})),n]})};r(27495),r(25440);function me(e,t){var r=Object.keys(e);if(Object.getOwnPropertySymbols){var n=Object.getOwnPropertySymbols(e);t&&(n=n.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),r.push.apply(r,n)}return r}const ye=(0,a.default)(d.Flex).attrs({as:"form",column:!0,flex:!0,gap:2,height:"100%",padding:[0,0,2],onMouseDown:e=>e.stopPropagation()}).withConfig({displayName:"form__CardContent",componentId:"sc-3tcqxu-0"})(["cursor:auto;"]),je=(0,a.default)(d.Box).attrs((e=>function(e){for(var t=1;t<arguments.length;t++){var r=null!=arguments[t]?arguments[t]:{};t%2?me(Object(r),!0).forEach((function(t){(0,n.A)(e,t,r[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(r)):me(Object(r)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(r,t))}))}return e}({as:"textarea",background:"inputBg",height:"100%",round:!0,border:!0,padding:[2]},e))).withConfig({displayName:"form__Textarea",componentId:"sc-3tcqxu-1"})(["resize:none;font-size:12px;color:",";"],(0,d.getColor)("text")),ve=(0,i.memo)((e=>{let{dashboardId:t,id:r}=e;const n=(0,G.bE)(t,r,"text"),o=(0,G.v_)(t,r,"editing"),a=(0,G.v_)(t,r,"text"),[c,s]=(0,i.useState)(n);return(0,x.jsxs)(ye,{"data-testid":"textCardForm",children:[(0,x.jsx)(je,{placeholder:"Add some text",value:c.replace(/<\/?[^>]+(>|$)/g,""),onChange:e=>s(e.target.value)}),(0,x.jsxs)(d.Flex,{position:"absolute",right:"24px",bottom:0,gap:1,children:[(0,x.jsx)(d.IconButton,{icon:"check",small:!0,padding:[0],onClick:()=>{a(c),o(!1)},"data-testid":"textCardForm-cancel",neutral:!1,flavour:"default"}),(0,x.jsx)(d.IconButton,{icon:"x",small:!0,padding:[0],onClick:()=>o(!1),"data-testid":"textCardForm-done",flavour:"default"})]})]})})),xe={h1:d.H2,h2:d.H4,text:d.Text,micro:d.TextNano},we=e=>{let{dashboardId:t,id:r}=e;const n=(0,G.bE)(t,r,"text")||"",o=(0,G.bE)(t,r,"textType"),i=xe[o]||xe.text;return(0,x.jsx)(d.Box,{"data-testid":"textCardContent",children:(0,x.jsx)(i,{whiteSpace:"pre-wrap",children:n.replace(/<\/?[^>]+(>|$)/g,"")})})},Pe=["dragging"];function Ie(e,t){var r=Object.keys(e);if(Object.getOwnPropertySymbols){var n=Object.getOwnPropertySymbols(e);t&&(n=n.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),r.push.apply(r,n)}return r}function Ce(e){for(var t=1;t<arguments.length;t++){var r=null!=arguments[t]?arguments[t]:{};t%2?Ie(Object(r),!0).forEach((function(t){(0,n.A)(e,t,r[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(r)):Ie(Object(r)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(r,t))}))}return e}const De=(0,a.default)(d.Flex).attrs({column:!0}).withConfig({displayName:"text__StyledOptions",componentId:"sc-1f67m9f-0"})([""]),Se=(0,i.forwardRef)(((e,t)=>{let{dragging:r}=e,n=(0,o.A)(e,Pe);const i=(0,de.JT)("dashboard:Update");return(0,x.jsx)(d.IconButton,Ce({ref:t,position:"absolute",top:0,right:0,padding:[0],width:"12px",height:"12px",icon:"rearrange",title:"Drag & drop","data-testid":"text-drag",disabled:!i,cursor:r?"grabbing":"grab"},n))})),Ae=["h1","h2","text","micro"],Ee=e=>{let{id:t,dashboardId:r}=e;const n=(0,de.JT)("dashboard:Update"),o=(0,G.bE)(r,t,"textType")||"text",i=(0,G.v_)(r,t,"textType");return(0,x.jsx)(d.IconButton,{padding:[0],width:"12px",height:"12px",icon:"text_add",title:"Change text component","data-testid":"text-component",disabled:!n,onClick:()=>{const e=Ae.findIndex((e=>e===o)),t=Ae[e>Ae.length-2?0:e+1];i(t)}})},ke=(0,a.default)(Z).withConfig({displayName:"text__StyledCard",componentId:"sc-1f67m9f-1"})(["","{opacity:0;}&:hover{border:1px solid ",";}&:hover ","{opacity:1;}"],De,(0,d.getColor)("border"),De),Te=["dashboardId","id","attributes","style","resizeHandle","ref","isOnTV"];function Re(e,t){var r=Object.keys(e);if(Object.getOwnPropertySymbols){var n=Object.getOwnPropertySymbols(e);t&&(n=n.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),r.push.apply(r,n)}return r}function _e(e){for(var t=1;t<arguments.length;t++){var r=null!=arguments[t]?arguments[t]:{};t%2?Re(Object(r),!0).forEach((function(t){(0,n.A)(e,t,r[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(r)):Re(Object(r)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(r,t))}))}return e}const Be={chart:ae,text:(0,i.memo)((e=>{let{dashboardId:t,id:r,listeners:n,handleProps:o,dragging:i,isOnTV:a}=e;const d=(0,G.bE)(t,r,"editing");return(0,x.jsxs)(ke,{"data-testid":"textCard",alignItems:"start",overflow:"hidden",dragging:i,children:[!a&&(0,x.jsxs)(De,{children:[(0,x.jsx)(Oe,{dashboardId:t,id:r}),(0,x.jsx)(Ee,{dashboardId:t,id:r})]}),d&&!a&&(0,x.jsx)(ve,{dashboardId:t,id:r}),!d&&(0,x.jsx)(we,{dashboardId:t,id:r}),!a&&(0,x.jsx)(Se,Ce(Ce(Ce({},n),o),{},{dragging:i}))]})})),placeholder:(0,i.memo)((()=>(0,x.jsx)(Z,{column:!0,"data-testid":"placeholderCard",background:"secondaryHighlight",width:"100%"})))},He=e=>{let{dashboardId:t,id:r,attributes:n,style:i,resizeHandle:a,ref:d,isOnTV:c}=e,s=(0,o.A)(e,Te);const l=(0,G.bE)(t,r,"type")||"placeholder",u=Be[l]||Be.chart;return(0,x.jsxs)("div",_e(_e({ref:d},n),{},{style:i,children:[(0,x.jsx)(u,_e({dashboardId:t,id:r,style:i,isOnTV:c},s)),!c&&a]}))},Ne=["id"];function Fe(e,t){var r=Object.keys(e);if(Object.getOwnPropertySymbols){var n=Object.getOwnPropertySymbols(e);t&&(n=n.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),r.push.apply(r,n)}return r}const Le=(0,i.memo)((e=>{let{id:t}=e,r=(0,o.A)(e,Ne);return(0,M.Ay)(t),(0,x.jsx)(z,function(e){for(var t=1;t<arguments.length;t++){var r=null!=arguments[t]?arguments[t]:{};t%2?Fe(Object(r),!0).forEach((function(t){(0,n.A)(e,t,r[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(r)):Fe(Object(r)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(r,t))}))}return e}({id:t,Component:He},r))})),Ve=Le}}]);