Loading
function(e,t,n){n.d(t,{A:()=>T});var i=n(627968),l=n(64700),a=n(503698),s=n.n(a),r=n(435558),o=n(494012),c=n(821578),d=n(17928),u=n(313961),h=n(734057),p=n(446243),m=n(920639),A=n(558076),f=n(913481),x=n(711478),g=n(232571),C=n(109591),y=n(212053),j=n(519342),v=n(241215),E=n(207274),N=n(971954),I=n(886943);function T(e){let{channelId:t,popoutType:n,controlsIdle:a}=e,T=(0,d.bG)([A.A],()=>A.A.getRoom(t)?.background??c.I.DEFAULT),{background:b,seats:_,aspectRatio:R,plants:S}=N.iX[T],{width:P=0,height:L=0,ref:O}=(0,o.Ay)(),w=P/L>R,M=(0,d.bG)([u.A],()=>null!=u.A.getSelectedParticipant(t)),D=l.useRef(null);return l.useEffect(()=>{(0,m.zR)({channelId:t})},[t]),l.useEffect(()=>{let e=!(0,r.isEqual)(A.A.getRoom(t),A.i),n=h.A.getChannel(t)?.guild_id;e||null==n||(0,p.z5)(n,t)},[t]),(0,i.jsxs)("div",{className:I.kL,ref:O,children:[(0,i.jsxs)("div",{className:s()(I.hk,{[I.Nb]:w}),style:{aspectRatio:R},ref:D,children:[(0,i.jsx)("img",{className:I.Sl,src:b,alt:""}),(0,i.jsx)(x.A,{channelId:t,plantConfig:S,roomWidth:P,roomHeight:L,aspectRatio:R}),_.map((e,n)=>(0,i.jsx)(g.A,{channelId:t,x:e.position.x,y:e.position.y,roomWidth:P},n)),(0,i.jsx)(j.A,{channelId:t,roomWidth:P}),(0,i.jsx)(E.A,{channelId:t}),(0,i.jsx)(f.A,{channelId:t,roomWidth:P}),!M&&(0,i.jsx)(y.A,{channelId:t,popoutType:n,aspectRatio:R}),(0,i.jsx)(C.A,{channelId:t,popoutType:n,seatsRef:D,controlsIdle:a,height:L})]}),M&&(0,i.jsx)(v.A,{channelId:t,popoutType:n,width:P,height:L})]})}}