!function(){try{var e="undefined"!=typeof window?window:"undefined"!=typeof global?global:"undefined"!=typeof globalThis?globalThis:"undefined"!=typeof self?self:{};e.SENTRY_RELEASE={id:"0725d67f2585acd82a0d73d488b6cd9060c3224d"};var d=(new e.Error).stack;d&&(e._sentryDebugIds=e._sentryDebugIds||{},e._sentryDebugIds[d]="23f496a9-6b53-4325-911d-7547000907e5",e._sentryDebugIdIdentifier="sentry-dbid-23f496a9-6b53-4325-911d-7547000907e5")}catch(e){}}(),(globalThis.webpackChunkcloud_frontend=globalThis.webpackChunkcloud_frontend||[]).push([[1592],{92003(e,d,t){t.r(d),t.d(d,{Dropdown:()=>R,default:()=>$});var a=t(96540),r=t(882),o=t(78904),n=t(43375),s=t(60602),i=t(29263),l=t(32788),c=t(41579),u=t(67294),p=t(92726),h=t(55093),b=t(15524),g=t(74848);const m=e=>(0,r.keyframes)(["from{border-color:",";border-width:2px;}to{border-color:",";border-width:1px;}"],(0,o.getColor)("primary")(e),(0,o.getColor)("textLite")(e)),x=(0,r.default)(o.Flex).withConfig({displayName:"dropArea__AnimatedFlex",componentId:"sc-vs4sjk-0"})(["animation:",";"],e=>{let{animate:d}=e;return d?(0,r.css)([""," 0.15s linear infinite"],m):""}),f={},w=(0,a.memo)(e=>{let{item:d=f,itemProps:t=f}=e;const{id:a,name:r,isNew:s}=d,{overDashboardId:i}=t,{setNodeRef:l,isOver:c,over:u}=(0,n.zM)({id:a,data:{droppable:!0,dropArea:!0,dashboardId:a,onlyPointerWithin:!0}}),{processing:h,loading:b}=(0,p.fz)(a),m=h||b;return(0,g.jsx)(o.Flex,{padding:[2],flex:!0,background:i===a&&"successSemi",children:(0,g.jsx)(x,{alignItems:"center",justifyContent:"center",padding:[2],border:{side:"all",type:"dashed",color:c?"primary":"textLite"},round:!0,ref:l,width:"100%",height:15,animate:u?.id===a&&i!==a,children:m?(0,g.jsx)(o.Text,{color:"textLite",children:"Loading..."}):(0,g.jsxs)(o.TextBig,{color:i===a?"successText":"text",children:[s?"":(0,g.jsx)(g.Fragment,{children:"Add in "}),(0,g.jsx)(o.TextBig,{strong:!0,color:s?"primary":i===a?"successText":"text",children:r})]})})})}),D=((0,r.default)(o.Drop).attrs({align:{top:"bottom",left:"left"},animation:!0,backdrop:!0,column:!0,padding:[2,0],background:"dropdown",round:1,overflow:{vertical:"auto"},margin:[.5,0,0],width:30}).withConfig({displayName:"list__Dropdown",componentId:"sc-s8yppy-0"})([""]),(0,a.memo)(e=>{let{dashboards:d,selected:t,setSelected:a,itemProps:r}=e;const n=(0,b.A)();return(0,g.jsxs)(g.Fragment,{children:[(0,g.jsx)(w,{item:{id:"new",name:"Create a new dashboard",isNew:!0},itemProps:r}),(0,g.jsx)(o.MenuDropdown,{items:d,Item:w,value:t,hasSearch:!1,onItemClick:a,hideShadow:!0,itemProps:r,overflow:"hidden",ref:n})]})}));var v=t(85877),y=t(24609),I=t(19186),j=t(45706),C=t(76667),A=t(87398),k=t(63872),S=t(47090),_=t(3319),L=t(28864),T=t(5907),F=t(79748),N=t(52795),z=t(44245);const E=e=>{let{onDone:d}=e;const t=(0,C.Zp)(),r=(0,y.vt)(),o=(0,I.ID)(),n=(0,y.ns)(r,"slug"),s=(0,I.wz)(o,"slug"),i=(0,A.eg)(),[l,c]=(0,k.A)(),{sendLog:u}=(0,_.A)(),p=(0,z.tV)(),h=(0,L.DH)(null,{onSuccess:e=>{p({title:e.slug,id:e.id,destination:e.slug,type:"dashboards",droppable:!0,droppableProps:{dashboardId:e.id,dropArea:!0},tooltip:{title:e.slug,description:"Custom dashboard with personalized visualizations and metrics tailored to your monitoring requirements."}}),l({header:"Added",text:(0,g.jsxs)(g.Fragment,{children:["Chart added in"," ",(0,g.jsx)(F.A,{as:"a",strong:!0,onClick:()=>t(`/spaces/${n}/rooms/${s}/dashboards/${e.slug}`),children:e.name})," ","dashboard."]})}),setTimeout(()=>d(),2e3),u({feature:"drag-in-dashboard",isSuccess:!0})},onFail:e=>{const t=e?.response?.data,a=(0,S.o)(t?.errorMsgKey)||t?.errorMessage||"Something went wrong";c({message:a}),d(),u({feature:"drag-in-dashboard",isFailure:!0,message:a})}}),b=(0,T.nM)(),m=(0,T.Dn)(r,o);return(0,a.useCallback)((e,d)=>{const t=i.getNode({id:d?.itemId}),a=(0,N.h)(t.getAttributes());"new"!==e?b(a.contextScope,{...a,dashboardId:e,itemLayout:d},()=>h(e)):m({name:"[Untitled]"},e=>{b(a.contextScope,{...a,dashboardId:e.id,itemLayout:d},()=>h(e.id))})},[m,b])},M=(0,r.default)(o.Flex).attrs({background:"mainBackground",padding:[2],overflow:"auto",height:"80%",width:"600px"}).withConfig({displayName:"dropDashboard__ScaledDownContainer",componentId:"sc-zd7fpn-0"})(["box-shadow:0 0 0 1px rgba(63,63,68,0.05),-1px 0 15px 0 rgba(34,33,81,0.01),0px 15px 15px 0 rgba(34,33,81,0.25);"]),P=e=>{let{id:d,setOverDashboard:t}=e;const a=(0,y.vt)(),r=(0,I.ID)(),n=(0,y.ns)(a,"slug"),s=(0,I.wz)(r,"slug"),i=(0,j.A)(d,{spaceId:a,spaceSlug:n,roomId:r,roomSlug:s}),l=E({onDone:t});return d?(0,g.jsx)(o.Flex,{flex:!0,width:"100%",height:"100%",alignItems:"center",justifyContent:"center",children:(0,g.jsx)(M,{children:i?(0,g.jsx)(h.A,{title:"Loading dashboard..."}):(0,g.jsx)(v.A,{id:d,containerWidth:600,trashable:!1,containerDndProps:{droppable:!0},onDragEnd:(e,a)=>{if(!a)return t();l(d,a)}})})}):null},R=(0,r.default)(o.Flex).attrs({column:!0,background:"dropdown",width:{max:"auto",min:100,base:100}}).withConfig({displayName:"dropInDashboard__Dropdown",componentId:"sc-12fd9r3-0"})(["box-shadow:0 0 0 1px rgba(63,63,68,0.05),-1px 0 15px 0 rgba(34,33,81,0.01),0px 15px 15px 0 rgba(34,33,81,0.25);"]),$=()=>{const[e,d]=(0,a.useState)(),[t,r]=(0,a.useState)();(0,c.A)();const b=(0,u.q)();let m=(0,p.Sf)(b);m=(0,a.useMemo)(()=>[...m].sort((e,d)=>new Date(e.updatedAt)<new Date(d.updatedAt)?1:-1),[b]);const x=(0,u.RQ)(),f=(0,s.A)(t?.id,500),w=E({onDone:r});(0,n.E5)({onDragMove:e=>{let{active:d,over:t}=e;t?.id&&d&&d.data.current&&(d.data.current.dashboardable?t.data.current.dropinDashboards?r(e=>e||{active:d,dropinDashboards:!0}):t.data.current.dashboardId?r(e=>e&&e?.id===t.data.current.dashboardId?e:{...e,id:t.data.current.dashboardId,active:d}):t.data.current.droppable||r():r())},onDragEnd:e=>{let{active:d,over:t}=e;t?.id&&d&&d.data.current&&(t.data.current.dashboardId&&d.data.current.dashboardable?w(t.data.current.dashboardId,d.data.current):setTimeout(()=>r(),1e3))},onDragCancel:()=>{r()}});const v=(0,a.useMemo)(()=>({overDashboardId:f}),[f]);if(!t?.active)return null;const{isItem:y,isContainer:I,dashboardable:j}=t.active.data.current;return j&&(y||I)?(0,g.jsxs)(o.Layer,{position:"right",full:!0,backdrop:!0,shadow:!0,justifyContent:"end",children:[(0,g.jsx)(P,{id:f,setOverDashboard:r}),t?.dropinDashboards&&(0,g.jsxs)(R,{children:[(0,g.jsx)(i.z,{title:"Drop in a dashboard",onClose:()=>r()}),(0,g.jsx)(l.Yv,{gap:2,height:"100%",overflow:"hidden",background:"dropdown",children:x?(0,g.jsx)(D,{dashboards:m,selected:e,setSelected:d,itemProps:v}):(0,g.jsx)(h.A,{title:"Loading dashboards..."})})]})]}):null}},47154(e,d,t){var a=t(66118);a.t1.register(...a.$L)}}]);