https://el-najah.com/_next/static/chunks/4116.8f78a092ab9e4fdc.js

1"use strict";(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[4116],{34116:function(i,t,e){e.r(t),e.d(t,{rtk_participant:function(){return l},rtk_virtualized_participant_list:function(){return p}});var s=e(72812),n=e(38279),a=e(81840),c=e(61089);e(70260),e(64083);var o=e(7462),r=e(73938),h=e(48510),d=function(i,t,e,s){var n,a=arguments.length,c=a<3?t:null===s?s=Object.getOwnPropertyDescriptor(t,e):s;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)c=Reflect.decorate(i,t,e,s);else for(var o=i.length-1;o>=0;o--)(n=i[o])&&(c=(a<3?n(c):a>3?n(t,e,c):n(t,e))||c);return a>3&&c&&Object.defineProperty(t,e,c),c};let l=class{constructor(i){(0,s.r)(this,i),this.rtkSendNotification=(0,s.d)(this,"rtkSendNotification",7),this.pinnedListener=({isPinned:i})=>{this.isPinned=i},this.toggleTileListener=({hidden:i})=>{this.isHidden=i},this.stageListener=({stageStatus:i})=>{this.isOnStage="ON_STAGE"===i},this.view="sidebar",this.iconPack=n.e,this.t=(0,n.i)(),this.config=(0,n.c)(),this.audioEnabled=!1,this.videoEnabled=!1,this.isPinned=!1,this.isHidden=!1,this.isOnStage=!1,this.canDisableParticipantAudio=!1,this.canDisableParticipantVideo=!1,this.canKickParticipant=!1,this.canPinParticipant=!1,this.canAllowParticipantOnStage=!1,this.menuOpen=!1,this.permissionsUpdateListener=()=>{this.meetingChanged(this.meeting)},this.inviteToStageToggle=async()=>{let i=this.participant,{stage:t}=this.meeting;if("ACCEPTED_TO_JOIN_STAGE"===i.stageStatus){this.rtkSendNotification.emit({message:`${i.name} ${this.t("stage.invited_notification")}`,trace:`join-stage-${i.id}`});return}this.isOnStage?(i.isPinned&&i.unpin(),await t.kick([i.userId])):(await t.grantAccess([i.userId]),this.rtkSendNotification.emit({message:`${i.name} ${this.t("stage.invited_notification")}`,trace:`join-stage-invite-${i.id}`})),this.isOnStage="ON_STAGE"===i.stageStatus},this.handleOutsideClick=i=>{!i.composedPath().includes(this.host)&&this.menuOpen&&(this.menuOpen=!1)},this.update=()=>{let i=this.host.shadowRoot.getElementById("trigger"),t=this.host.shadowRoot.getElementById("menu-list");(0,o.c)(i,t,{placement:"bottom-end",middleware:[(0,o.b)({allowedPlacements:["bottom-end","top-end"],alignment:"end"}),(0,o.o)(4),(0,o.s)({padding:8}),(0,o.h)()]}).then(({x:i,y:e,placement:s})=>{let n=null;n="bottom-end"===s?{right:`${i}px`,top:`${e}px`}:{right:`${i}px`,bottom:`${e}px`},Object.assign(t.style,n)})},this.onMenuToggle=()=>{this.menuOpen=!this.menuOpen,this.menuOpen&&this.update()}}connectedCallback(){this.meetingChanged(this.meeting),this.participantChanged(this.participant),document.addEventListener("click",this.handleOutsideClick)}disconnectedCallback(){var i;document.removeEventListener("click",this.handleOutsideClick),null===(i=this.meeting)||void 0===i||i.self.permissions.removeListener("permissionsUpdate",this.permissionsUpdateListener),null!=this.participant&&void 0!=this.participant.removeListener&&(this.audioUpdateListener&&this.participant.removeListener("audioUpdate",this.audioUpdateListener),this.videoUpdateListener&&this.participant.removeListener("videoUpdate",this.videoUpdateListener),this.participant.removeListener("pinned",this.pinnedListener),this.participant.removeListener("unpinned",this.pinnedListener),this.participant.removeListener("stageStatusUpdate",this.stageListener),this.participant.removeListener("toggleTile",this.toggleTileListener))}meetingChanged(i){if(null!=i){let{self:t}=i;this.canDisableParticipantAudio=t.permissions.canAllowParticipantAudio||t.permissions.canDisableParticipantAudio,this.canDisableParticipantVideo=t.permissions.canAllowParticipantVideo||t.permissions.canDisableParticipantVideo,this.canKickParticipant=t.permissions.kickParticipant,this.canPinParticipant=t.permissions.pinParticipant,this.canAllowParticipantOnStage=t.permissions.acceptStageRequests&&t.permissions.stageEnabled,i.self.permissions.addListener("permissionsUpdate",this.permissionsUpdateListener)}}participantChanged(i){var t;if(null!=i){if(this.audioEnabled=i.audioEnabled,this.videoEnabled=i.videoEnabled,this.isPinned=i.isPinned,this.isHidden=null!==(t=i.hidden)&&void 0!==t&&t,this.isOnStage="ON_STAGE"===i.stageStatus,this.audioUpdateListener=({audioEnabled:i})=>{this.audioEnabled=i}

1,this.videoUpdateListener=({videoEnabled:i})=>{this.videoEnabled=i},void 0==i.addListener)return;i.addListener("audioUpdate",this.audioUpdateListener),i.addListener("videoUpdate",this.videoUpdateListener),i.addListener("pinned",this.pinnedListener),i.addListener("unpinned",this.pinnedListener),i.addListener("stageStatusUpdate",this.stageListener),this.participant.addListener("toggleTile",this.toggleTileListener)}}render(){var i,t,e,n,o,r,h,d,l;let p=(null===(i=this.meeting)||void 0===i?void 0:i.meta.viewType)==="AUDIO_ROOM",g=(null===(t=this.meeting)||void 0===t?void 0:t.self.id)===this.participant.id,m=this.canDisableParticipantAudio&&this.audioEnabled||this.canDisableParticipantVideo&&this.videoEnabled&&!p||this.canKickParticipant||this.canPinParticipant&&this.isOnStage||this.canAllowParticipantOnStage,u=(0,c.f)((null===(e=this.participant)||void 0===e?void 0:e.name)||""),f=this.isOnStage||["GROUP_CALL","AUDIO_ROOM"].includes(null===(n=this.meeting)||void 0===n?void 0:n.meta.viewType),k={meeting:this.meeting,size:"sm",states:this.states,config:this.config,iconPack:this.iconPack,t:this.t};return(0,s.h)(s.a,{key:"72dec22593ebf143608cd671c2fdf533378acae2"},(0,s.h)("div",{class:"left",key:null===(o=this.participant)||void 0===o?void 0:o.id},(0,s.h)("rtk-avatar",{key:"e71b096c53fe07f425adf1e47d9adb6ee9e7c212",participant:this.participant,size:"sm",iconPack:this.iconPack,t:this.t}),(0,s.h)("p",{key:"492fe90030df26c000d2db3b0355d713e3a8ccf9",class:"name",title:u},(0,c.a)(u,16)," ",(null===(r=this.meeting)||void 0===r?void 0:r.self.id)===(null===(h=this.participant)||void 0===h?void 0:h.id)&&this.t("(you)"))),"sidebar"===this.view&&(0,s.h)("div",{key:"66ef58575c0c27d7afe631a544a44cb37c526c4c",class:"right"},f&&(0,s.h)("rtk-icon",{key:"adbbf629c1a4f1034127be89c09f8003d3cfe3a7",class:{red:!this.audioEnabled},icon:this.audioEnabled?this.iconPack.mic_on:this.iconPack.mic_off}),f&&!p&&(0,s.h)("rtk-icon",{key:"ef0b24e9fb292968c96cb74be8d63f14fde38a44",class:{red:!this.videoEnabled},icon:this.videoEnabled?this.iconPack.video_on:this.iconPack.video_off}),(m||(0,a.l)({element:"rtk-participant",defaults:k})>0)&&(0,s.h)("div",{key:"38d52737db83f9c444211e3040cf09f5f47c1513",class:"menu"},(0,s.h)("span",{key:"f061992198025919d2bcf14cd1a6eee3f077beaf",id:"trigger",onClick:this.onMenuToggle},(0,s.h)("rtk-button",{key:"7eb863089acda3f9e20e5aedbcf55742c4b4eb64",variant:"ghost",kind:"icon",slot:"trigger"},(0,s.h)("rtk-icon",{key:"a7ff6d6dc9e1139f3b367ab662ad49b79e8258ff",class:"more",icon:this.iconPack.more_vertical}))),(0,s.h)("span",{key:"9188d1538accf4e4769f58580651e0ededa3dd75",id:"menu-list"},this.menuOpen&&(0,s.h)("rtk-menu-list",{key:"ef8b7d03841f4920dc7eb295456669975d06ee2f",iconPack:this.iconPack,t:this.t},this.canPinParticipant&&f&&!p&&(0,s.h)("rtk-menu-item",{key:"d82737dc1227c642ce9c3880fcbe373ff6e0ec0c",onClick:()=>{this.isPinned?this.participant.unpin():this.participant.pin()},iconPack:this.iconPack,t:this.t},(0,s.h)("rtk-icon",{key:"50e63cba1117df61588026b064046779a1e905fb",icon:this.isPinned?this.iconPack.pin_off:this.iconPack.pin,slot:"start"}),this.isPinned?this.t("unpin"):this.t("pin")),g&&(0,s.h)("rtk-menu-item",{key:"662d993d406bd00f014f41425ceb728ab4454ebd",iconPack:this.iconPack,t:this.t,onClick:()=>{this.isHidden?this.participant.show():this.participant.hide()}},(0,s.h)("rtk-icon",{key:"8b296bdb308c3a18a7ec13bca1047277a60b0887",icon:this.isHidden?this.iconPack.minimize:this.iconPack.maximize,slot:"start"}),this.meeting.self.hidden?this.t("maximize"):this.t("minimize")),this.canDisableParticipantAudio&&f&&this.audioEnabled&&(0,s.h)("rtk-menu-item",{key:"efea4ce4a51bbe2203635e0a95878d80cfe460e4",iconPack:this.iconPack,t:this.t,onClick:()=>{this.participant.disableAudio()}},(0,s.h)("rtk-icon",{key:"cdc27b2554c89ef5c3441de551c2bdbf4e91ed72",icon:this.iconPack.mic_off,slot:"start"}),this.t("mute")),this.canDisableParticipantVideo&&f&&this.videoEnabled&&(0,s.h)("rtk-menu-item",{key:"4f1f4e0610cb9fa7a993b824defc71af47711cb1",iconPack:this.iconPack,t:this.t,onClick:()=>{this.participant.disableVideo()}},(0,s.h)("rtk-icon",{key:"234d891a3ea80dbda3172e8e6a89d71a44676770",icon:this.iconPack.video_off,slot:"start"}),this.t("participants.turn_off_video")),this.canAllowParticipantOnStage&&(null===(d=this.participant)||void 0===d?void 0:d.id)!==(null===(l=this.meeting)||void 0===l?void 0:l.self.id)&&(0,s.h)("rtk-menu-item",{key:"90c465f0f66a792f160b6226714dd07e51c57616",iconPack:this.iconPack,t:this.t,class:this.isOnStage?"red":"",onClick:this.inviteToStageToggle},(0,s.h)("rtk-icon",{key:"a5605d8b2864e27817646fc585e6598cd547ca70",icon:this.isOnStage?this.iconPack.leave_stage:this.iconPack.join_stage,slot:"start"}),this.isOnStage?this.t("stage.remove_from_stage"):this.t("stage.add_to_stage")),!g&&this.canKickParticipant&&(0,s.h)("rtk-menu-item",{key:"0e5fe7c7f6e61599293843466c5b473226348d26",iconPack:this.iconPack,t:this.t,class:"red",onClick:()=>{var i,t,e;null===(e=null===(i=this.meeting)||void 0===i?void 0:i.participants.joined.get(null===(t=this.participant)||void 0===t?void 0:t.id))||void 0===e||e.kick()}},(0,s.h)("rtk-icon",{key:"c7d370837be33a1a14fb32f64a35da3fdceafe28",icon:this.iconPack.dismiss,slot:"start"}),this.t("kick")),(0,s.h)("slot",{key:"ec5dea9563b71323776808d8ef1991cda87e625f"},(0,s.h)(a.R,{key:"6c423497a1c2f31a7190305913dce0019cf943f1",element:"rtk-participant",defaults:k,childProps:{participant:this.participant},deepProps:!0,onlyChildren:!0})))))))}get host(){return(0,s.g)(this)}static get watchers(){return{meeting:[{meetingChanged:0}],participant:[{participantChanged:0}]}}};d([(0,r.S)()],l.prototype,"meeting",void 0),d([(0,r.S)()],l.prototype,"states",void 0),d([(0,r.S)()],l.prototype,"iconPack",void 0),d([(0,r.S)()],l.prototype,"t",void 0),d([(0,r.S)()],l.prototype,"config",void 0),l.style=":host{line-height:initial;font-family:var(--rtk-font-family, sans-serif);font-feature-settings:normal;font-variation-settings:normal}p{margin:var(--rtk-space-0, 0px);padding:var(--rtk-space-0, 0px)}:host{position:relative;display:flex;height:var(--rtk-space-14, 56px);align-items:center;justify-content:space-between;cursor:pointer;color:rgb(var(--rtk-colors-text-1000, 255 255 255))}:host rtk-avatar{height:var(--rtk-space-8, 32px);width:var(--rtk-space-8, 32px);font-size:14px}.left{display:flex;align-items:center}.left>*{margin-right:var(--rtk-space-2, 8px)}.left>*:last-child{margin-right:var(--rtk-space-0, 0px)}.right{display:flex;align-items:center;justify-content:flex-end}.right>*{margin-left:var(--rtk-space-2, 8px)}.right>*:first-child{margin-left:var(--rtk-space-0, 0px)}.name{overflow:hidden;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:1}rtk-icon{height:var(--rtk-space-6, 24px);width:var(--rtk-space-6, 24px)}rtk-icon.red{--tw-text-opacity:1;color:rgba(var(--rtk-colors-danger, 255 45 45) / var(--tw-text-opacity))}rtk-icon.more{cursor:pointer}.menu{position:relative;display:inline-block;color:rgb(var(--rtk-colors-text-1000, 255 255 255))}#menu-list{position:absolute;z-index:20}";let p=class{constructor(i){(0,s.r)(this,i),this.items=[],this.itemHeight=55,this.bufferedItemsCount=5,this.emptyListElement=null,this.visibleStart=0,this.visibleEnd=0,this.containerHeight=0,this.lastScrollTop=0,this.recalculatePositioning=()=>{this.updateContainerHeight(),requestAnimationFrame(()=>{this.updateItemHeight()})},this.updateContainerHeight=()=>{this.el.querySelector(".virtual-list-container").clientHeight&&(requestAnimationFrame(()=>{this.updateItemHeight()}),this.containerHeight=this.el.querySelector(".virtual-list-container").clientHeight,this.updateVisibleRange())},this.onScroll=(0,h.d)(()=>{let i=this.el.querySelector(".virtual-list-container").scrollTop;i>this.lastScrollTop&&this.visibleEnd===this.items.length||(this.lastScrollTop=i,this.updateVisibleRange())})}itemsChanged(){this.recalculatePositioning()}componentDidLoad(){this.recalculatePositioning(),this.el.querySelector(".virtual-list-container").addEventListener("scroll",this.onScroll),window.addEventListener("resize",this.recalculatePositioning)}componentDidUpdate(){this.updateItemHeight()}disconnectedCallback(){this.el.querySelector(".virtual-list-container").removeEventListener("scroll",this.onScroll),window.removeEventListener("resize",this.recalculatePositioning)}updateVisibleRange(){let i=Math.floor(this.el.querySelector(".virtual-list-container").scrollTop/this.itemHeight),t=Math.ceil(this.containerHeight/this.itemHeight),e=Math.min(this.items.length,i+t+this.bufferedItemsCount);this.visibleStart=i,this.visibleEnd=e,this.el.querySelector(".virtual-list-container").scrollTop=this.lastScrollTop}updateItemHeight(){let i=this.el.querySelector(".virtual-list-item");if(i){let t=i.style.height;i.style.height="auto";let e=i.getBoundingClientRect().height;t&&(i.style.height=t),e&&Math.floor(e)!==Math.floor(this.itemHeight)&&(this.itemHeight=e)}}renderItems(){return this.items.slice(this.visibleStart,this.visibleEnd).map((i,t)=>{let e=this.visibleStart+t;return(0,s.h)("div",{class:"virtual-list-item",key:i.id,style:{position:"absolute",top:`${e*this.itemHeight}px`,height:`${this.itemHeight}px`,width:"100%"}},this.renderItem(i,e))})}render(){var i;let t=this.items.length*this.itemHeight;return(0,s.h)("div",{key:"279498eedaa6605456a2fffc004bd0204179ffde",class:"virtual-list-container",style:{position:"relative",height:"100%",overflowX:"hidden",overflowY:"auto"}},(0,s.h)("div",{key:"debb114c51c7c229b72cfcd7e87aa845ab6647e1",style:{height:`${t}px`,position:"relative"}}

1,(null===(i=this.items)||void 0===i?void 0:i.length)?this.renderItems():this.emptyListElement),(0,s.h)("div",{key:"7a97a5dd632fe6d4227674e46e091a1466c725bf",style:{height:`${this.itemHeight}px`}}))}get el(){return(0,s.g)(this)}static get watchers(){return{items:[{itemsChanged:0}]}}};p.style=":host{height:100%;width:100%}"}}]);