1"use strict";(self.webpackChunkfrontend=self.webpackChunkfrontend||[]).push([[4307],{7570:function(t,e,n){n.d(e,{c:function(){return s},g:function(){return l},i:function(){return c},p:function(){return u},r:function(){return r},s:function(){return d}});var a=n(3433),i=0;function r(){i=0}var o="temp-";function s(){return{id:"".concat(o).concat(Math.random().toString(36)),title:"Room ".concat(++i),participants:[]}}function c(t){return t.includes(o)}function d(t,e){for(var n=t.length,a=Math.ceil(n/e),i=new Array(e),r=0,o=0;o<e;o++)i[o]=t.slice(r,r+a),r+=a;return i.filter((function(t){return t.length}))}function u(t){var e;return null!==(e=t.customParticipantId)&&void 0!==e?e:t.clientSpecificId}function l(t){var e=new Map;return[t.self].concat((0,a.Z)(t.participants.joined.toArray())).map((function(t){e.set(u(t),t.picture)})),[t.connectedMeetings.parentMeeting].concat((0,a.Z)(t.connectedMeetings.meetings)).flatMap((function(t){return t.participants})).map((function(t){return{id:t.id,customParticipantId:u(t),displayName:t.displayName,displayPictureUrl:""!==t.displayPictureUrl?t.displayPictureUrl:e.get(u(t))}}))}},4307:function(t,e,n){n.r(e),n.d(e,{dyte_breakout_rooms_manager:function(){return E}});var a,i,r,o,s,c,d,u,l,h,p,g,f,m,y,b=n(4165),v=n(5861),k=n(9439),x=n(3433),w=n(5671),M=n(3144),P=n(2304),C=n(7622),_=n(5855),S=n(2274),R=n(7570),T=function(t,e,n,a,i){if("m"===a)throw new TypeError("Private method is not writable");if("a"===a&&!i)throw new TypeError("Private accessor was defined without a setter");if("function"===typeof e?t!==e||!i:!e.has(t))throw new TypeError("Cannot write private member to an object whose class did not declare it");return"a"===a?i.call(t,n):i?i.value=n:e.set(t,n),n},j=function(t,e,n,a){if("a"===n&&!a)throw new TypeError("Private accessor was defined without a getter");if("function"===typeof e?t!==e||!a:!e.has(t))throw new TypeError("Cannot read private member from an object whose class did not declare it");return"m"===n?a:"a"===n?a.call(t):a?a.value:e.get(t)},O=function(t,e){var n={};for(var a in t)Object.prototype.hasOwnProperty.call(t,a)&&e.indexOf(a)<0&&(n[a]=t[a]);if(null!=t&&"function"===typeof Object.getOwnPropertySymbols){var i=0;for(a=Object.getOwnPropertySymbols(t);i<a.length;i++)e.indexOf(a[i])<0&&Object.prototype.propertyIsEnumerable.call(t,a[i])&&(n[a[i]]=t[a[i]])}return n},A=function(){function t(){(0,w.Z)(this,t),a.add(this),i.set(this,!1),r.set(this,void 0),o.set(this,void 0),s.set(this,void 0),c.set(this,void 0),d.set(this,void 0),u.set(this,void 0),l.set(this,void 0),h.set(this,void 0)}return(0,M.Z)(t,[{key:"hasLocalChanges",get:function(){return j(this,i,"f")}},{key:"currentState",get:function(){var t,e=this,n=[];return Array.from(j(this,c,"f").keys()).forEach((function(i){var r=j(e,u,"f").get(i);r.isParent?t=Object.assign(Object.assign({},r),{participants:j(e,a,"m",y).call(e,i)}):n.push(Object.assign(Object.assign({},r),{participants:j(e,a,"m",y).call(e,i)}))})),{parentMeeting:t,meetings:n}}},{key:"allConnectedMeetings",get:function(){return this.currentState.meetings.sort((function(t,e){return t.title.localeCompare(e.title)}))}},{key:"allParticipants",get:function(){return Array.from(j(this,d,"f").values())}},{key:"unassignedParticipants",get:function(){return j(this,a,"m",y).call(this,j(this,r,"f").parentMeeting.id)}},{key:"getParticipantsForMeeting",value:function(t){return j(this,a,"m",y).call(this,t)}},{key:"addNewMeeting",value:function(){T(this,i,!0,"f");var t=(0,R.c)(),e=O(t,["participants"]);return j(this,a,"m",g).call(this,Object.assign(Object.assign({},e),{isParent:!1})),e}},{key:"addNewMeetings",value:function(t){var e=this;return Array.from({length:t}).map((function(){return e.addNewMeeting()}))}},{key:"updateMeetingTitle",value:function(t,e){j(this,u,"f").get(t).title=e,(0,R.i)(t)||j(this,l,"f").add(t)}},{key:"deleteMeeting",value:function(t){T(this,i,!0,"f");var e=j(this,u,"f").get(t),n=j(this,a,"m",y).call(this,e.id).map(R.p);this.assignParticipantsToMeeting(n,j(this,r,"f").parentMeeting.id),j(this,u,"f").delete(e.id),j(this,c,"f").delete(e.id),(0,R.i)(e.id)||j(this,h,"f").add(e.id)}},{key:"assignParticipantsToMeeting",value:function(t,e){var n=this;return T(this,i,!0,"f"),t.forEach((function(t){var a=j(n,o,"f").get(t);j(n,c,"f").get(a).delete(t),j(n,c,"f").get(e).add(t),j(n,o,"f").set(t,e)})),this.currentState}},{key:"assignParticipantsRandomly",value:function(){var t=this,e=(0,R.s)(this.unassignedParticipants,this.allConnectedMeetings.length);
1return this.allConnectedMeetings.forEach((function(n,a){var i=e[a];i&&0!==i.length&&t.assignParticipantsToMeeting(i.map((function(t){return t.customParticipantId})),n.id)})),this.currentState}},{key:"unassignParticipants",value:function(t){var e=j(this,r,"f").parentMeeting.id;return this.assignParticipantsToMeeting(t,e)}},{key:"unassignAllParticipants",value:function(){var t=j(this,r,"f").parentMeeting.id,e=this.allParticipants.map(R.p);return this.assignParticipantsToMeeting(e,t)}},{key:"updateCurrentState",value:function(t){var e=this;j(this,i,"f")||j(this,a,"m",p).call(this,t),[t.parentMeeting].concat((0,x.Z)(t.meetings)).forEach((function(t,n){var i=Object.assign(Object.assign({},t),{isParent:0===n});j(e,a,"m",g).call(e,i),t.participants.forEach((function(t){j(e,a,"m",f).call(e,t,i)}))}))}},{key:"meetingsToCreate",get:function(){return this.allConnectedMeetings.filter((function(t){return(0,R.i)(t.id)})).map((function(t){return{id:t.id,title:t.title}}))}},{key:"meetingsToUpdate",get:function(){var t=this;return this.allConnectedMeetings.filter((function(e){return j(t,l,"f").has(e.id)})).map((function(t){return{id:t.id,title:t.title}}))}},{key:"meetingsToDelete",get:function(){return Array.from(j(this,h,"f"))}},{key:"participantsToMove",get:function(){var t=this,e=new Map;return Array.from(j(this,o,"f").keys()).forEach((function(n){var a=j(t,s,"f").get(n),i=j(t,o,"f").get(n);if(a!==i){var r="".concat(a,"__").concat(i);e.has(r)||e.set(r,[]);var c=j(t,d,"f").get(n);e.get(r).push(c.id)}})),Array.from(e.keys()).map((function(t){var n=t.split("__"),a=(0,k.Z)(n,2);return{sourceMeetingId:a[0],destinationMeetingId:a[1],participantIds:e.get(t)}}))}},{key:"applyChanges",value:function(){var t=(0,v.Z)((0,b.Z)().mark((function t(e){var n,i,r,o,s,c=this;return(0,b.Z)().wrap((function(t){for(;;)switch(t.prev=t.next){case 0:return n=0!==this.meetingsToCreate.length?e.connectedMeetings.createMeetings(this.meetingsToCreate):Promise.resolve([]),i=0!==this.meetingsToUpdate.length?e.connectedMeetings.updateMeetings(this.meetingsToUpdate):Promise.resolve(),t.next=4,Promise.all([n,i]);case 4:r=t.sent,o=(0,k.Z)(r,1),(s=o[0])&&s.forEach((function(t){c.meetingsToCreate.forEach((function(e){e.title===t.title&&j(c,a,"m",m).call(c,j(c,u,"f").get(e.id),t.id)}))})),0!==this.participantsToMove.length&&this.participantsToMove.forEach((function(t){var n=t.sourceMeetingId,a=t.destinationMeetingId,i=t.participantIds;e.connectedMeetings.moveParticipants(n,a,i)})),0!==this.meetingsToDelete.length&&e.connectedMeetings.deleteMeetings(this.meetingsToDelete);case 10:case"end":return t.stop()}}),t,this)})));return function(e){return t.apply(this,arguments)}}()},{key:"discardChanges",value:function(){return T(this,i,!1,"f"),this.updateCurrentState(j(this,r,"f")),this.currentState}}]),t}();i=new WeakMap,r=new WeakMap,o=new WeakMap,s=new WeakMap,c=new WeakMap,d=new WeakMap,u=new WeakMap,l=new WeakMap,h=new WeakMap,a=new WeakSet,p=function(t){var e=this;T(this,r,t,"f"),T(this,u,new Map,"f"),T(this,d,new Map,"f"),T(this,l,new Set,"f"),T(this,h,new Set,"f"),T(this,c,new Map,"f"),T(this,o,new Map,"f"),T(this,s,new Map,"f"),T(this,s,new Map,"f"),j(this,r,"f").parentMeeting.participants.forEac
1h((function(t){j(e,s,"f").set((0,R.p)(t),j(e,r,"f").parentMeeting.id)})),j(this,r,"f").meetings.forEach((function(t){t.participants.forEach((function(n){j(e,s,"f").set((0,R.p)(n),t.id)}))}))},g=function(t){j(this,u,"f").has(t.id)||(j(this,u,"f").set(t.id,t),j(this,c,"f").set(t.id,new Set))},f=function(t,e){j(this,d,"f").has((0,R.p)(t))||(j(this,d,"f").set((0,R.p)(t),t),j(this,o,"f").set((0,R.p)(t),e.id),j(this,c,"f").get(e.id).add((0,R.p)(t)))},m=function(t,e){var n=this,i=t.id;j(this,a,"m",g).call(this,Object.assign(Object.assign({},t),{id:e})),j(this,u,"f").delete(i);var r=j(this,c,"f").get(i);j(this,c,"f").set(e,r),j(this,c,"f").delete(i),Array.from(j(this,o,"f").keys()).forEach((function(t){j(n,o,"f").get(t)===i&&j(n,o,"f").set(t,e)}))},y=function(t){var e=this;return Array.from(j(this,c,"f").get(t)).map((function(t){return j(e,d,"f").get(t)}))};var E=function(){function t(e){var n=this;(0,w.Z)(this,t),(0,P.r)(this,e),this.stateUpdate=(0,P.c)(this,"dyteStateUpdate",7),this.updateLocalState=function(t){n.stateManager.updateCurrentState(t),n.draftState=n.stateManager.currentState,n.meeting.connectedMeetings.isActive&&(n.roomConfig=Object.assign(Object.assign({},n.roomConfig),{mode:"edit"})),"create"!==n.roomConfig.mode||n.meeting.connectedMeetings.isActive||(0,R.r)(),["edit","view"].includes(n.roomConfig.mode)&&(n.roomConfig=Object.assign(Object.assign({},n.roomConfig),{rooms:t.meetings.length,step:"participants-config"}),n.selectedParticipants=[])},this.onAddNewRoom=function(){n.stateManager.addNewMeeting(),n.draftState=n.stateManager.currentState,n.selectorRef.scrollTo({top:n.selectorRef.scrollHeight,behavior:"smooth"})},this.onRoomUpdate=function(t){var e=t.detail;n.stateManager.updateMeetingTitle(e.id,e.title),n.draftState=n.stateManager.currentState},this.onRoomDelete=function(t){n.stateManager.allConnectedMeetings.find((function(e){return e.id===t}))&&(n.stateManager.deleteMeeting(t),n.draftState=n.stateManager.currentState)},this.unassignParticipant=function(t){n.stateManager.unassignParticipants([t]),n.draftState=n.stateManager.currentState},this.onUnassignAll=function(){n.stateManager.unassignAllParticipants(),n.draftState=n.stateManager.currentState},this.assignParticipantsToRoom=function(t){0!==n.selectedParticipants.length&&0!=n.assigningParticipants&&(n.stateManager.assignParticipantsToMeeting(n.selectedParticipants,t),n.draftState=n.stateManager.currentState,n.selectedParticipants=[],n.assigningParticipants=!1,n.setEphemeralStatus(n.t("breakout_rooms.ephemeral_status.participants_assigned")))},this.handleClose=function(t,e){t.emit({activeBreakoutRoomsManager:{active:!0}}),e.activeBreakoutRoomsManager={active:!0}},this.enableConfirmationModal=function(){var t=arguments.length>0&&void 0!==arguments[0]?arguments[0]:"start-breakout",e={active:!0,header:"breakout_rooms.confirm_modal.start_breakout.header",content:"breakout_rooms.confirm_modal.start_breakout.content",variant:"primary",cancelText:"breakout_rooms.confirm_modal.start_breakout.cancelText",ctaText:"breakout_rooms.confirm_modal.start_breakout.ctaText",onClick:function(){return n.applyChanges()},onClose:n.handleClose};"close-breakout"===t&&(e={active:!0,header:"breakout_rooms.confirm_modal.close_breakout.header",content:"breakout_rooms.confirm_modal.close_breakout.content",variant:"danger",cancelText:"cancel",ctaText:"breakout_rooms.confirm_modal.close_breakout.ctaText",onClick:function(){return n.closeBreakout()},onClose:n.handleClose}),n.stateUpdate.emit({activeBreakoutRoomsManager:{active:!1},activeConfirmationModal:e}),S.s.activeBreakoutRoomsManager={active:!1},S.s.activeConfirmationModal=e},this.close=function(){var t;n.stateManager.discardChanges(),null===(t=n.stateUpdate)||void 0===t||t.emit({activeBreakoutRoomsManager:{active:!1}}),S.s.activeBreakoutRoomsManager={active:!1}},this.applyChanges=(0,v.Z)((0,b.Z)().mark((function t(){return(0,b.Z)().wrap((function(t){for(;;)switch(t.prev=t.next){case 0:return n.roomConfig=Object.assign(Object.assign({},n.roomConfig),{applyingChanges:!0}),t.next=3,n.stateManager.applyChanges(n.meeting);case 3:n.close(),n.roomConfig=Object.assign(Object.assign({},n.roomConfig),{applyingChanges:!1});case 5:case"end":return t.stop()}}),t)}))),this.loading=!1,this.roomConfig={rooms:2,step:"room-config",mode:"create",applyingChanges:!1},this.draftState=void 0,this.assigningParticipants=!1,this.selectedParticipants=[],this.ephemeralStatusText="",this.isDragMode=!1,this.meeting=void 0,this.states=void 0,this.iconPack=_.d,this.t=(0,C.u)()}return(0,M.Z)(t,[{key:"onSelectedParticipantsChanged",value:function(t){t.length>0?this.assigningParticipants=!0:this.assigningParticipants=!1}},{key:"connectedCallback",value:function(){this.permissions=this.meeting.self.permissions.connectedMeetings,this.meeting.connectedMeetings.on("stateUpdate",this.updateLocalState),this.meeting.connectedMeetings.on("changingMeeting",this.close),this.stateManager=new A,this.fetchRoomState()}},{key:"disconnectedCallback",value:function(){this.meeting.connectedMeetings.off("stateUpdate",this.updateLocalState),this.meeting.connectedMeetings.off("changingMeeting",this.close)}},{key:"fetchRoomState",value:function(){var t=(0,v.Z)((0,b.Z)().mark((function t(){return(0,b.Z)().wrap((function(t){for(;;)switch(t.prev=t.next){case 0:return this.loading=!0,t.next=3,this.meeting.connectedMeetings.getConnectedMeetings();case 3:this.loading=!1;case 4:case"end":return t.stop()}}),t,this)})));return function(){return t.apply(this,arguments)}}()},{key:"setEphemeralStatus",value:function(t){var e=this;this.ephemeralStatusText=t,setTimeout((function(){e.ephemeralStatusText=""}),3e3)}},{key:"onCreateRooms",value:function(){this.selectedParticipants=[],this.stateManager.addNewMeetings(this.roomConfig.rooms),this.draftState=this.stateManager.currentState,this.roomConfig=Object.assign(Object.assign({},this.roomConfig),{step:"participants-config"})}},{key:"onParticipantDelete",value:function(t){var e=t.detail,n=(0,R.p)(e);null!=n&&this.unassignParticipant(n)}},{key:"toggleDragMode",value:function(t){this.isDragMode=t.detail}},{key:"assignParticipantsRandomly",value:function(){0!==this.stateManager.unassignedParticipants.length&&(this.stateManager.assignParticipantsRandomly(),this.draftState=this.stateManager.currentState,this.setEphemeralStatus(this.t("breakout_rooms.ephemeral_status.participants_assigned_randomly")))}},{key:"joinRoom",value:function(){var t=(0,v.Z)((0,b.Z)().mark((function t(e){var n;return(0,b.Z)().wrap((function(t){for(;;)switch(t.prev=t.next){case 0:return n=(0,R.p)(this.meeting.self),this.stateManager.assignParticipantsToMeeting([n],e),t.next=4,this.applyChanges();case 4:case"end":return t.stop()}}),t,this)})));return function(e){return t.apply(this,arguments)}}()},{key:"closeBreakout",value:function(){var t=(0,v.Z)((0,b.Z)().mark((function t(){var e=this;return(0,b.Z)().wrap((function(t){for(;;)switch(t.prev=t.next){case 0:return this.stateManager.allConnectedMeetings.forEac
1h((function(t){return e.stateManager.deleteMeeting(t.id)})),t.next=3,this.applyChanges();case 3:case"end":return t.stop()}}),t,this)})));return function(){return t.apply(this,arguments)}}()},{key:"updateSelectedParticipants",value:function(t){this.selectedParticipants=t.detail}},{key:"updateAllParticipants",value:function(t){this.selectedParticipants=t.detail}},{key:"getStatusText",value:function(){if(""!==this.ephemeralStatusText)return this.ephemeralStatusText;var t="";return"create"===this.roomConfig.mode&&(t=this.t("breakout_rooms.status.assign_multiple"),0!==this.selectedParticipants.length&&(t=this.t("breakout_rooms.status.select_room"))),t}},{key:"getApproxDistribution",value:function(){var t=this.stateManager.unassignedParticipants.length/(this.roomConfig.rooms||1);return Math.max(1,Math.round(t))}},{key:"deselectAll",value:function(){this.selectedParticipants=[]}},{key:"discardChanges",value:function(){var t=(0,v.Z)((0,b.Z)().mark((function t(){return(0,b.Z)().wrap((function(t){for(;;)switch(t.prev=t.next){case 0:return this.stateManager.discardChanges(),t.next=3,this.fetchRoomState();case 3:this.setEphemeralStatus(this.t("breakout_rooms.ephemeral_status.changes_discarded"));case 4:case"end":return t.stop()}}),t,this)})));return function(){return t.apply(this,arguments)}}()},{key:"shouldShowOnlyRoomSwitcher",value:function(){return!1===this.permissions.canAlterConnectedMeetings}},{key:"getPermittedRooms",value:function(){var t=this;return this.permissions.canAlterConnectedMeetings||this.permissions.canSwitchConnectedMeetings?this.stateManager.allConnectedMeetings:this.stateManager.allConnectedMeetings.filter((function(e){return e.id===t.meeting.meta.roomName}))}},{key:"renderMainRoomMaybe",value:function(){var t=this;return this.meeting.connectedMeetings.isActive&&this.permissions.canSwitchToParentMeeting?(0,P.h)("dyte-breakout-room-manager",{key:this.stateManager.currentState.parentMeeting.id,assigningParticipants:this.assigningParticipants,isDragMode:this.isDragMode,meeting:this.meeting,mode:this.roomConfig.mode,onParticipantsAdd:function(){return t.assignParticipantsToRoom(t.stateManager.currentState.parentMeeting.id)},onRoomJoin:function(){return t.joinRoom(t.stateManager.currentState.parentMeeting.id)},onUpdate:this.onRoomUpdate,states:this.states,room:Object.assign({},this.stateManager.currentState.parentMeeting),iconPack:this.iconPack,t:this.t}):null}},{key:"renderRoomSwitcher",value:function(){var t=this;return(0,P.h)(P.H,null,(0,P.h)("div",{class:"room-switcher-container"},(0,P.h)("header",null,(0,P.h)("dyte-icon",{icon:this.iconPack.breakout_rooms}),(0,P.h)("span",null,this.t("breakout_rooms.join_breakout_header"))),(0,P.h)("div",{class:"rooms",ref:function(e){return t.selectorRef=e}},this.renderMainRoomMaybe(),this.getPermittedRooms().map((function(e,n){return(0,P.h)("dyte-breakout-room-manager",{key:e.id,assigningParticipants:t.assigningParticipants,isDragMode:t.isDragMode,defaultExpanded:0===n,meeting:t.meeting,mode:t.roomConfig.mode,onDelete:function(){return t.onRoomDelete(e.id)},onParticipantsAdd:function(){return t.assignParticipantsToRoom(e.id)},onRoomJoin:function(){return t.joinRoom(e.id)},states:t.states,room:Object.assign({},e),iconPack:t.iconPack,t:t.t,allowDelete:!1})})))))}},{key:"renderLoading",value:function(){return(0,P.h)(P.H,null,(0,P.h)("div",{class:"loading-content"},(0,P.h)("dyte-spinner",{size:"xl"})))}},{key:"renderRoomConfig",value:function(){var t=this;return(0,P.h)(P.H,null,(0,P.h)("div",{class:"room-config"},(0,P.h)("header",null,(0,P.h)("dyte-icon",{icon:this.iconPack.breakout_rooms}),(0,P.h)("span",null,this.t("breakout_rooms.room_config_header"))),(0,P.h)("div",{class:"create-room"},(0,P.h)("p",null,this.t("breakout_rooms.num_of_rooms")),(0,P.h)("dyte-counter",{value:this.roomConfig.rooms,minValue:1,iconPack:this.iconPack,t:this.t,onValueChange:function(e){t.roomConfig=Object.assign(Object.assign({},t.roomConfig),{rooms:Math.max(+e.detail,1)})}})),(0,P.h)("span",{class:"distribution-hint"},"".concat(this.t("breakout_rooms.approx")," ")," ",(0,P.h)("em",null,this.getApproxDistribution()," ",this.t("breakout_rooms.participants_per_room"))," ",this.t("breakout_rooms.division_text")),(0,P.h)("footer",null,(0,P.h)("dyte-button",{kind:"button",iconPack:this.iconPack,t:this.t,size:"lg",title:this.t("create"),disabled:0===this.roomConfig.rooms,onClick:function(){return t.onCreateRooms()}},this.t("create")))))}},{key:"render",value:function(){var t=this;return this.loading?this.renderLoading():this.shouldShowOnlyRoomSwitcher()?this.renderRoomSwitcher():"room-config"===this.roomConfig.step?this.renderRoomConfig():(0,P.h)(P.H,null,(0,P.h)("div",{class:"participant-config-wrapper"},(0,P.h)("div",{class:"participant-config"},(0,P.h)("aside",{part:"menu"},(0,P.h)("header",null,this.t("breakout_rooms.assign_participants")),(0,P.h)("dyte-breakout-room-participants",{meeting:this.meeting,iconPack:this.iconPack,t:this.t,participantIds:this.stateManager.unassignedParticipants.map(R.p),selectedParticipantIds:this.selectedParticipants},(0,P.h)("dyte-tooltip",{label:this.t("breakout_rooms.shuffle_participants"),iconPack:this.iconPack,t:this.t,slot:"shuffle-button"},(0,P.h)("dyte-button",{disabled:"edit"===this.roomConfig.mode||0===this.stateManager.unassignedParticipants.length,iconPack:this.iconPack,t:this.t,kind:"button",variant:"secondary",size:"md",onClick:function(){return t.assignParticipantsRandomly()},class:"shuffle-button br-primary-btn"},(0,P.h)("dyte-icon",{icon:this.iconPack.shuffle,iconPack:this.iconPack,t:this.t})))),0!==this.selectedParticipants.length&&(0,P.h)("div",{class:"participants-assign-actions"},(0,P.h)("span",null,"".concat(this.selectedParticipants.length," ").concat(this.t("breakout_rooms.selected"))),(0,P.h)("dyte-button",{disabled:"edit"===this.roomConfig.mode,iconPack:this.iconPack,t:this.t,kind:"button",variant:"ghost",size:"md",onClick:function(){return t.deselectAll()},class:"deselect-button color-danger"},this.t("breakout_rooms.deselect")))),(0,P.h)("div",{class:"assign-rooms"},(0,P.h)("div",{class:"row"},(0,P.h)("p",{class:"row-header"},this.t("breakout_rooms.rooms")," (",this.stateManager.allConnectedMeetings.length,")"),!this.assigningParticipants&&(0,P.h)("div",{class:"cta-buttons"},(0,P.h)("dyte-button",{kind:"button",variant:"secondary",iconPack:this.iconPack,t:this.t,class:"br-primary-btn"},(0,P.h)("div",{onClick:this.onAddNewRoom},(0,P.h)("dyte-icon",{icon:this.iconPack.add,iconPack:this.iconPack,t:this.t}),this.t("breakout_rooms.add_room"))),0!==this.stateManager.allConnectedMeetings.flatMap((function(t){return t.participants})).length&&(0,P.h)("dyte-button",{kind:"button",variant:"ghost",onClick:this.onUnassignAll,iconPack:this.iconPack,t:this.t},this.t("breakout_rooms.unassign_all")))),(0,P.h)("div",{class:"rooms",ref:function(e){return t.selectorRef=e}},this.renderMainRoomMaybe(),this.getPermittedRooms().map((function(e,n){return(0,P.h)("dyte-breakout-room-manager",{key:e.id,assigningParticipants:t.assigningParticipants,isDragMode:t.isDragMode,defaultExpanded:0===n,meeting:t.meeting,mode:t.roomConfig.mode,onDelete:function(){return t.onRoomDelete(e.id)},onParticipantsAdd:function(){return t.assignParticipantsToRoom(e.id)},onRoomJoin:function(){return t.joinRoom(e.id)},onUpdate:t.onRoomUpdate,states:t.states,room:Object.assign({}
1,e),iconPack:t.iconPack,t:t.t,allowDelete:t.stateManager.allConnectedMeetings.length>1})})),(0,P.h)("dyte-button",{kind:"button",variant:"secondary",iconPack:this.iconPack,t:this.t,onClick:this.onAddNewRoom,class:"add-room-jumbo-btn br-secondary-btn"},(0,P.h)("div",null,(0,P.h)("dyte-icon",{icon:this.iconPack.add,iconPack:this.iconPack,t:this.t}),(0,P.h)("span",null,this.t("breakout_rooms.add_room_brief"))))))),(0,P.h)("div",{class:"participant-config-actions"},(0,P.h)("div",{class:{"status-bar":!0,"ephemeral-status":""!==this.ephemeralStatusText}},""!==this.ephemeralStatusText&&(0,P.h)("dyte-icon",{icon:this.iconPack.checkmark,iconPack:this.iconPack,t:this.t}),this.getStatusText()),(0,P.h)("div",{class:"breakout-actions"},"create"===this.roomConfig.mode&&this.permissions.canAlterConnectedMeetings&&(0,P.h)("dyte-button",{size:"md",iconPack:this.iconPack,t:this.t,class:"start-breakout-button",onClick:function(){return t.enableConfirmationModal("start-breakout")}},this.t("breakout_rooms.start_breakout")),"edit"===this.roomConfig.mode&&this.stateManager.hasLocalChanges&&this.permissions.canAlterConnectedMeetings&&(0,P.h)("dyte-button",{size:"md",iconPack:this.iconPack,t:this.t,class:"color-danger",variant:"ghost",onClick:function(){return t.discardChanges()}},this.t("breakout_rooms.discard_changes")),"edit"===this.roomConfig.mode&&this.stateManager.hasLocalChanges&&this.permissions.canAlterConnectedMeetings&&(0,P.h)("dyte-button",{size:"md",iconPack:this.iconPack,t:this.t,class:"update-breakout-button",onClick:this.applyChanges},this.t("breakout_rooms.update_breakout")),"edit"===this.roomConfig.mode&&!this.stateManager.hasLocalChanges&&this.permissions.canAlterConnectedMeetings&&(0,P.h)("dyte-button",{size:"md",iconPack:this.iconPack,t:this.t,class:"close-breakout-button",onClick:function(){return t.enableConfirmationModal("close-breakout")}},this.t("breakout_rooms.close_breakout"))))))}}],[{key:"watchers",get:function(){return{selectedParticipants:["onSelectedParticipantsChanged"]}}}]),t}();E.style=":host{line-height:initial;font-family:var(--dyte-font-family, sans-serif)}.color-brand{--tw-text-opacity:1;color:rgba(var(--dyte-colors-brand-300, 73 124 253) / var(--tw-text-opacity))}.color-danger{--tw-text-opacity:1;color:rgba(var(--dyte-colors-danger, 255 45 45) / var(--tw-text-opacity))}.loading-content{height:var(--dyte-space-60, 240px);width:var(--dyte-space-96, 384px);padding:var(--dyte-space-9, 36px);--tw-bg-opacity:1;background-color:rgba(var(--dyte-colors-background-1000, 8 8 8) / var(--tw-bg-opacity));display:flex;align-items:center;justify-content:center}.room-config{overflow:hidden;border-radius:var(--dyte-border-radius-md, 8px);--tw-bg-opacity:1;background-color:rgba(var(--dyte-colors-background-1000, 8 8 8) / var(--tw-bg-opacity));display:flex;flex-direction:column;width:var(--dyte-space-96, 384px);padding-left:var(--dyte-space-9, 36px);padding-right:var(--dyte-space-9, 36px);padding-top:var(--dyte-space-10, 40px);padding-bottom:var(--dyte-space-10, 40px)}header{margin-bottom:var(--dyte-space-8, 32px);display:flex;align-items:center;gap:var(--dyte-space-2, 8px);font-size:24px;font-weight:600}header dyte-icon{height:var(--dyte-space-7, 28px);width:var(--dyte-space-7, 28px)}.create-room{margin-bottom:var(--dyte-space-4, 16px);display:flex;align-items:center;gap:var(--dyte-space-3, 12px);width:100%}.create-room p{margin:var(--dyte-space-0, 0px);margin-bottom:var(--dyte-space-1, 4px);font-size:16px}.distribution-hint{margin-bottom:var(--dyte-space-8, 32px);font-size:14px;font-weight:400;color:rgb(var(--dyte-colors-text-600, 255 255 255 / 0.52))}.distribution-hint em{font-style:normal;color:rgb(var(--dyte-colors-text-800, 255 255 255 / 0.76))}footer{display:flex;flex-direction:row;vertical-align:middle;justify-content:center}footer dyte-button{width:100%;color:rgb(var(--dyte-colors-text-1000, 255 255 255))}label{margin-bottom:var(--dyte-space-3, 12px);font-weight:400;color:rgb(var(--dyte-colors-text-1000, 255 255 255));opacity:0.4}.participant-config-wrapper{width:850px;height:595px;max-width:100%;max-height:100%;border-radius:var(--dyte-border-radius-md, 8px);--tw-bg-opacity:1;background-color:rgba(var(--dyte-colors-background-900, 26 26 26) / var(--tw-bg-opacity));display:flex;flex-direction:column}.participant-config-actions{display:flex;justify-content:space-between;padding-left:var(--dyte-space-8, 32px);padding-right:var(--dyte-space-8, 32px);padding-top:var(--dyte-space-5, 20px);padding-bottom:var(--dyte-space-5, 20px);border-bottom-right-radius:var(--dyte-border-radius-md, 8px);border-bottom-left-radius:var(--dyte-border-radius-md, 8px);--tw-bg-opacity:1;background-color:rgba(var(--dyte-colors-background-1000, 8 8 8) / var(--tw-bg-opacity))}.participant-config{display:flex;flex-grow:1;flex-direction:row;overflow:hidden}aside{box-sizing:border-box;display:flex;width:var(--dyte-space-96, 384px);flex-grow:1;flex-direction:column;padding-left:var(--dyte-space-8, 32px);padding-right:var(--dyte-space-4, 16px);border-right-width:var(--dyte-border-width-sm, 1px);border-top-width:var(--dyte-border-width-none, 0);border-bottom-width:var(--dyte-border-width-none, 0);border-left-width:var(--dyte-border-width-none, 0);border-style:solid;--tw-border-opacity:1;border-right-color:rgba(var(--dyte-colors-background-600, 60 60 60) / var(--tw-border-opacity))}aside header{margin-bottom:var(--dyte-space-4, 16px);width:100%;padding-left:var(--dyte-space-0, 0px);padding-right:var(--dyte-space-0, 0px);padding-top:var(--dyte-space-8, 32px);font-size:20px;font-weight:500;line-height:2rem}.shuffle-button{display:flex;flex-direction:row;align-items:center}.shuffle-button dyte-icon{height:var(--dyte-space-8, 32px)}.participants-assign-actions{display:flex;flex-direction:row;align-items:center;justify-content:space-between;font-size:14px;padding-left:var(--dyte-space-8, 32px);padding-right:var(--dyte-space-2, 8px);margin-left:calc(var(--dyte-space-8, 32px) * -1);margin-right:calc(var(--dyte-space-4, 16px) * -1);padding-top:var(--dyte-space-0\\.5, 2px);padding-bottom:var(--dyte-space-0\\.5, 2px);--tw-bg-opacity:1;background-color:rgba(var(--dyte-colors-background-700, 44 44 44) / var(--tw-bg-opacity))}.participants-assign-actions .deselect-button{height:var(--dyte-space-6, 24px)}.participants-assign-actions .deselect-button:hover{--tw-bg-opacity:1;background-color:rgba(var(--dyte-colors-background-700, 44 44 44) / var(--tw-bg-opacity))}.assign-rooms{padding:var(--dyte-space-8, 32px);display:flex;width:100%;flex-direction:column}.assign-rooms .disabled{opacity:0.2}.assign-rooms .back{display:flex;cursor:pointer;flex-direction:row;align-items:center;justify-content:flex-start;padding:var(--dyte-space-4, 16px);padding-bottom:var(--dyte-space-0, 0px);font-size:14px;color:rgb(var(--dyte-colors-text-800, 255 255 255 / 0.76))}.assign-rooms .back dyte-icon{height:var(--dyte-space-5, 20px)}.assign-rooms .row{display:flex;flex-direction:row;align-items:center;justify-content:flex-start;gap:var(--dyte-space-3, 12px);margin-bottom:var(--dyte-space-4, 16px);font-size:14px}.assign-rooms .row-header{margin:var(--dyte-space-0, 0px);font-size:16px;line-height:2rem}.assign-rooms .cta-buttons{display:flex;align-items:center;justify-content:flex-start;gap:var(--dyte-space-2, 8px)}.assign-rooms .cta-buttons dyte-button div{display:flex;flex-direction:row;align-items:center}.assign-rooms .cta-buttons dyte-button div dyte-icon{height:var(--dyte-space-4, 16px);width:var(--dyte-space-4, 16px)}.rooms{margin-bottom:var(--dyte-space-2, 8px);padding-right:var(--dyte-space-1, 4px);display:flex;flex-grow:1;flex-direction:column;gap:var(--dyte-space-2, 8px);overflow-y:auto;max-height:500px}.rooms::-webkit-scrollbar{width:var(--dyte-space-1\\.5, 6px);border-radius:var(--dyte-border-radius-sm, 4px)}.rooms::-webkit-scrollbar-thumb{border-radius:var(--dyte-border-radius-sm, 4px);--tw-bg-opacity:1;background-color:rgba(var(--dyte-colors-background-600, 60 60 60) / var(--tw-bg-opacity))}.rooms::-webkit-scrollbar-track{border-radius:var(--dyte-border-radius-sm, 4px);--tw-bg-opacity:1;background-color:rgba(var(--dyte-colors-background-800, 30 30 30) / var(--tw-bg-opacity))}.breakout-actions{display:flex;flex-direction:row;align-items:center;justify-content:flex-end;
1gap:var(--dyte-space-2, 8px)}.breakout-actions .start-breakout-button{color:rgb(var(--dyte-colors-text-1000, 255 255 255))}.breakout-actions .close-breakout-button{color:rgb(var(--dyte-colors-text-1000, 255 255 255));--tw-bg-opacity:1;background-color:rgba(var(--dyte-colors-danger, 255 45 45) / var(--tw-bg-opacity))}.breakout-actions .update-breakout-button{background-color:transparent;--tw-text-opacity:1;color:rgba(var(--dyte-colors-brand-500, 33 96 253) / var(--tw-text-opacity));border-width:var(--dyte-border-width-sm, 1px);border-style:solid;--tw-border-opacity:1;border-color:rgba(var(--dyte-colors-brand-500, 33 96 253) / var(--tw-border-opacity))}.status-bar{display:flex;align-items:center;font-size:14px;color:rgb(var(--dyte-colors-text-700, 255 255 255 / 0.64));width:var(--dyte-space-80, 320px)}.ephemeral-status{--tw-text-opacity:1;color:rgba(var(--dyte-colors-success, 98 165 4) / var(--tw-text-opacity))}.ephemeral-status dyte-icon{height:var(--dyte-space-4, 16px);width:var(--dyte-space-4, 16px)}.room-switcher-container{border-radius:var(--dyte-border-radius-md, 8px);--tw-bg-opacity:1;background-color:rgba(var(--dyte-colors-background-1000, 8 8 8) / var(--tw-bg-opacity));width:468px;padding:var(--dyte-space-8, 32px)}.add-room-jumbo-btn div{display:flex;align-items:center;gap:var(--dyte-space-1, 4px);font-size:14px;--tw-text-opacity:1;color:rgba(var(--dyte-colors-brand-300, 73 124 253) / var(--tw-text-opacity))}.add-room-jumbo-btn div dyte-icon{height:var(--dyte-space-4, 16px);width:var(--dyte-space-4, 16px)}.br-primary-btn:not([disabled]){--tw-bg-opacity:1;background-color:rgba(var(--dyte-colors-background-800, 30 30 30) / var(--tw-bg-opacity))}.br-primary-btn:not([disabled]):hover{--tw-bg-opacity:1;background-color:rgba(var(--dyte-colors-brand-600, 13 81 253) / var(--tw-bg-opacity))}.br-secondary-btn:not([disabled]){--tw-bg-opacity:1;background-color:rgba(var(--dyte-colors-background-800, 30 30 30) / var(--tw-bg-opacity))}.br-secondary-btn:not([disabled]):hover{--tw-bg-opacity:1;background-color:rgba(var(--dyte-colors-background-600, 60 60 60) / var(--tw-bg-opacity))}"},2274:function(t,e,n){n.d(e,{o:function(){return l},s:function(){return u}});var a=n(7762),i=n(2304),r=function(t){return!("isConnected"in t)||t.isConnected},o=function(t,e){var n;return function(){for(var a=arguments.length,i=new Array(a),r=0;r<a;r++)i[r]=arguments[r];n&&clearTimeout(n),n=setTimeout((function(){n=0,t.apply(void 0,i)}),e)}}((function(t){var e,n=(0,a.Z)(t.keys());try{for(n.s();!(e=n.n()).done;){var i=e.value;t.set(i,t.get(i).filter(r))}}catch(o){n.e(o)}finally{n.f()}}),2e3),s=function(t){return"function"===typeof t?t():t},c=function(t,e){var n=t.indexOf(e);n>=0&&(t[n]=t[t.length-1],t.length--)},d=function(t,e){var n=function(t){var e=arguments.length>1&&void 0!==arguments[1]?arguments[1]:function(t,e){return t!==e},n=s(t),a=new Map(Object.entries(null!==n&&void 0!==n?n:{})),i={dispose:[],get:[],set:[],reset:[]},r=function(){var e;a=new Map(Object.entries(null!==(e=s(t))&&void 0!==e?e:{})),i.reset.forEach((function(t){return t()}))},o=function(t){return i.get.forEach((function(e){return e(t)})),a.get(t)},d=function(t,n){var r=a.get(t);e(n,r,t)&&(a.set(t,n),i.set.forEach((function(e){return e(t,n,r)})))},u="undefined"===typeof Proxy?{}:new Proxy(n,{get:function(t,e){return o(e)},ownKeys:function(t){return Array.from(a.keys())},getOwnPropertyDescriptor:function(){return{enumerable:!0,configurable:!0}},has:function(t,e){return a.has(e)},set:function(t,e,n){return d(e,n),!0}}),l=function(t,e){return i[t].push(e),function(){c(i[t],e)}};return{state:u,get:o,set:d,on:l,onChange:function(e,n){var a=l("set",(function(t,a){t===e&&n(a)})),i=l("reset",(function(){return n(s(t)[e])}));return function(){a(),i()}},use:function(){for(var t=arguments.length,e=new Array(t),n=0;n<t;n++)e[n]=arguments[n];var a=e.reduce((function(t,e){return e.set&&t.push(l("set",e.set)),e.get&&t.push(l("get",e.get)),e.reset&&t.push(l("reset",e.reset)),e.dispose&&t.push(l("dispose",e.dispose)),t}),[]);return function(){return a.forEach((function(t){return t()}))}},dispose:function(){i.dispose.forEach((function(t){return t()})),r()},reset:r,forceUpdate:function(t){var e=a.get(t);i.set.forEach((function(n){return n(t,e,e)}))}}}(t,e);return n.use(function(){if("function"!==typeof i.a)return{};var t=new Map;return{dispose:function(){return t.clear()},get:function(e){var n=(0,i.a)();n&&function(t,e,n){var a=t.get(e);a?a.includes(n)||a.push(n):t.set(e,[n])}(t,e,n)},set:function(e){var n=t.get(e);n&&t.set(e,n.filter(i.f)),o(t)},reset:function(){t.forEach((function(t){return t.forEach(i.f)})),o(t)}}}()),n}({}),u=d.state,l=d.onChange}}]); 2//# sourceMappingURL=4307.1914c2c3.chunk.js.map
Line numbers count LF bytes from the start of the resource, as the search results do. Vendor segments are library code the classifier recognised; they are stored but not indexed. Bytes are shown as Latin1 characters, one per byte.