!function(){try{var e="undefined"!=typeof window?window:"undefined"!=typeof global?global:"undefined"!=typeof globalThis?globalThis:"undefined"!=typeof self?self:{};e.SENTRY_RELEASE={id:"d147606963bc0c498afbaa54c78aa7ffe6a22839"};var a=(new e.Error).stack;a&&(e._sentryDebugIds=e._sentryDebugIds||{},e._sentryDebugIds[a]="70addf7c-fade-4c93-aee0-5c39464c8448",e._sentryDebugIdIdentifier="sentry-dbid-70addf7c-fade-4c93-aee0-5c39464c8448")}catch(e){}}(),(globalThis.webpackChunkcloud_frontend=globalThis.webpackChunkcloud_frontend||[]).push([[1592],{92003(e,a,d){d.r(a),d.d(a,{Dropdown:()=>R,default:()=>$});var t=d(96540),r=d(882),o=d(38429),n=d(43375),s=d(60602),i=d(29263),l=d(32788),c=d(41579),u=d(67294),p=d(92726),h=d(55093),g=d(15524),b=d(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:a}=e;return a?(0,r.css)([""," 0.15s linear infinite"],m):""}),f={},w=(0,t.memo)(e=>{let{item:a=f,itemProps:d=f}=e;const{id:t,name:r,isNew:s}=a,{overDashboardId:i}=d,{setNodeRef:l,isOver:c,over:u}=(0,n.zM)({id:t,data:{droppable:!0,dropArea:!0,dashboardId:t,onlyPointerWithin:!0}}),{processing:h,loading:g}=(0,p.fz)(t),m=h||g;return(0,b.jsx)(o.Flex,{padding:[2],flex:!0,background:i===t&&"successSemi",children:(0,b.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===t&&i!==t,children:m?(0,b.jsx)(o.Text,{color:"textLite",children:"Loading..."}):(0,b.jsxs)(o.TextBig,{color:i===t?"successText":"text",children:[s?"":(0,b.jsx)(b.Fragment,{children:"Add in "}),(0,b.jsx)(o.TextBig,{strong:!0,color:s?"primary":i===t?"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,t.memo)(e=>{let{dashboards:a,selected:d,setSelected:t,itemProps:r}=e;const n=(0,g.A)();return(0,b.jsxs)(b.Fragment,{children:[(0,b.jsx)(w,{item:{id:"new",name:"Create a new dashboard",isNew:!0},itemProps:r}),(0,b.jsx)(o.MenuDropdown,{items:a,Item:w,value:d,hasSearch:!1,onItemClick:t,hideShadow:!0,itemProps:r,overflow:"hidden",ref:n})]})}));var v=d(85877),y=d(24609),I=d(19186),j=d(45706),C=d(76667),A=d(87398),k=d(63872),S=d(47090),_=d(3319),L=d(28864),T=d(5907),F=d(79748),N=d(52795),z=d(44245);const E=e=>{let{onDone:a}=e;const d=(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,b.jsxs)(b.Fragment,{children:["Chart added in"," ",(0,b.jsx)(F.A,{as:"a",strong:!0,onClick:()=>d(`/spaces/${n}/rooms/${s}/dashboards/${e.slug}`),children:e.name})," ","dashboard."]})}),setTimeout(()=>a(),2e3),u({feature:"drag-in-dashboard",isSuccess:!0})},onFail:e=>{const d=e?.response?.data,t=(0,S.o)(d?.errorMsgKey)||d?.errorMessage||"Something went wrong";c({message:t}),a(),u({feature:"drag-in-dashboard",isFailure:!0,message:t})}}),g=(0,T.nM)(),m=(0,T.Dn)(r,o);return(0,t.useCallback)((e,a)=>{const d=i.getNode({id:a?.itemId}),t=(0,N.h)(d.getAttributes());"new"!==e?g(t.contextScope,{...t,dashboardId:e,itemLayout:a},()=>h(e)):m({name:"[Untitled]"},e=>{g(t.contextScope,{...t,dashboardId:e.id,itemLayout:a},()=>h(e.id))})},[m,g])},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:a,setOverDashboard:d}=e;const t=(0,y.vt)(),r=(0,I.ID)(),n=(0,y.ns)(t,"slug"),s=(0,I.wz)(r,"slug"),i=(0,j.A)(a,{spaceId:t,spaceSlug:n,roomId:r,roomSlug:s}),l=E({onDone:d});return a?(0,b.jsx)(o.Flex,{flex:!0,width:"100%",height:"100%",alignItems:"center",justifyContent:"center",children:(0,b.jsx)(M,{children:i?(0,b.jsx)(h.A,{title:"Loading dashboard..."}):(0,b.jsx)(v.A,{id:a,containerWidth:600,trashable:!1,containerDndProps:{droppable:!0},onDragEnd:(e,t)=>{if(!t)return d();l(a,t)}})})}):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,a]=(0,t.useState)(),[d,r]=(0,t.useState)();(0,c.A)();const g=(0,u.q)();let m=(0,p.Sf)(g);m=(0,t.useMemo)(()=>[...m].sort((e,a)=>new Date(e.updatedAt)<new Date(a.updatedAt)?1:-1),[g]);const x=(0,u.RQ)(),f=(0,s.A)(d?.id,500),w=E({onDone:r});(0,n.E5)({onDragMove:e=>{let{active:a,over:d}=e;d?.id&&a&&a.data.current&&(a.data.current.dashboardable?d.data.current.dropinDashboards?r(e=>e||{active:a,dropinDashboards:!0}):d.data.current.dashboardId?r(e=>e&&e?.id===d.data.current.dashboardId?e:{...e,id:d.data.current.dashboardId,active:a}):d.data.current.droppable||r():r())},onDragEnd:e=>{let{active:a,over:d}=e;d?.id&&a&&a.data.current&&(d.data.current.dashboardId&&a.data.current.dashboardable?w(d.data.current.dashboardId,a.data.current):setTimeout(()=>r(),1e3))},onDragCancel:()=>{r()}});const v=(0,t.useMemo)(()=>({overDashboardId:f}),[f]);if(!d?.active)return null;const{isItem:y,isContainer:I,dashboardable:j}=d.active.data.current;return j&&(y||I)?(0,b.jsxs)(o.Layer,{position:"right",full:!0,backdrop:!0,shadow:!0,justifyContent:"end",children:[(0,b.jsx)(P,{id:f,setOverDashboard:r}),d?.dropinDashboards&&(0,b.jsxs)(R,{children:[(0,b.jsx)(i.z,{title:"Drop in a dashboard",onClose:()=>r()}),(0,b.jsx)(l.Yv,{gap:2,height:"100%",overflow:"hidden",background:"dropdown",children:x?(0,b.jsx)(D,{dashboards:m,selected:e,setSelected:a,itemProps:v}):(0,b.jsx)(h.A,{title:"Loading dashboards..."})})]})]}):null}},47154(e,a,d){var t=d(66118);t.t1.register(...t.$L)}}]);