@cloudflare/realtimekit-ui 1.0.0-staging.12 → 1.0.0-staging.14

package/dist/esm/rtk-avatar_54.entry.js

@@ -13,10 +13,9 @@ import { g as getSize } from './size-505ade24.js';
 import { i as index } from './ResizeObserver.es-02979d4e.js';
 import { c as computePosition, o as offset, f as flip, s as shift, a as arrow } from './floating-ui.dom.esm-cf1488a2.js';
 import { T as TextMessageView } from './TextMessage-efd224db.js';
-import { R as RTKNotificationsAudio } from './notification-800f2bcd.js';
+import { R as RTKNotificationsAudio } from './notification-6b3acf5b.js';
 import './isObjectLike-773b9473.js';
 import './keysIn-310f65c1.js';
-import './logger-31448943.js';
 
 const rtkAvatarCss = ":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{display:flex;height:var(--rtk-space-32, 128px);width:var(--rtk-space-32, 128px);align-items:center;justify-content:center;font-size:28px;--tw-bg-opacity:1;background-color:rgba(var(--rtk-colors-brand-500, 33 96 253) / var(--tw-bg-opacity));color:rgb(var(--rtk-colors-text-on-brand-1000, var(--rtk-colors-text-1000, 255 255 255)));overflow:clip;border-radius:9999px;-webkit-user-select:none;-moz-user-select:none;user-select:none}rtk-icon{height:50%;width:50%}.image-ctr{display:flex;height:100%;width:100%;align-items:center;justify-content:center;--tw-bg-opacity:1;background-color:rgba(var(--rtk-colors-background-700, 44 44 44) / var(--tw-bg-opacity));color:rgb(var(--rtk-colors-text-600, 255 255 255 / 0.52))}img{height:var(--rtk-space-0, 0px);width:var(--rtk-space-0, 0px);-o-object-fit:cover;object-fit:cover}img.loaded{height:100%;width:100%}.initials{display:flex;height:100%;width:100%;align-items:center;justify-content:center;text-transform:uppercase}.image{display:flex;height:100%;width:100%;align-items:center;justify-content:center}.image img{display:none;height:100%;width:100%;-o-object-fit:cover;object-fit:cover}.image img.loaded{display:block}:host([variant='hexagon']){border-radius:var(--rtk-border-radius-none, 0);clip-path:polygon(50% 0, 95% 25%, 95% 75%, 50% 100%, 5% 75%, 5% 25%)}:host([variant='square']){border-radius:var(--rtk-border-radius-none, 0);clip-path:polygon(0% 0%, 100% 0%, 100% 100%, 0% 100%)}:host([size='sm']){height:var(--rtk-space-14, 56px);width:var(--rtk-space-14, 56px);font-size:12px}:host([size='md']){height:var(--rtk-space-28, 112px);width:var(--rtk-space-28, 112px)}:host([size='lg']){height:var(--rtk-space-32, 128px);width:var(--rtk-space-32, 128px)}";
 const RtkAvatarStyle0 = rtkAvatarCss;

package/dist/esm/rtk-participants-audio.entry.js

@@ -1,6 +1,5 @@
 import { r as registerInstance, c as createEvent, h, H as Host } from './index-c1fb98bb.js';
 import { e as disableSettingSinkId, a as defaultIconPack, c as useLanguage, q as isLiveStreamViewer } from './ui-store-b453cdf2.js';
-import { l as logger } from './logger-31448943.js';
 import { S as SyncWithStore } from './index-6aaa85ca.js';
 
 /**
@@ -11,6 +10,7 @@ class RTKAudio {
         this.meeting = meeting;
         this.audio = audio !== null && audio !== void 0 ? audio : document.createElement('audio');
         this.audio.autoplay = true;
+        this.logger = meeting.__internals__.logger;
         this.audioStream = new MediaStream();
         this.audio.srcObject = this.audioStream;
         this.audioTracks = [];
@@ -39,7 +39,7 @@ class RTKAudio {
                 }
             }
             else if (err.name !== 'AbortError') {
-                logger.error('[rtk-audio] play() error\n', err);
+                this.logger.error('[rtk-audio] play() error\n', err);
             }
         }));
     }
@@ -48,7 +48,7 @@ class RTKAudio {
         if (disableSettingSinkId(this.meeting))
             return;
         await ((_c = (_b = (_a = this.audio).setSinkId) === null || _b === void 0 ? void 0 : _b.call(_a, id)) === null || _c === void 0 ? void 0 : _c.catch((err) => {
-            logger.error('[rtk-audio] setSinkId() error\n', err);
+            this.logger.error('[rtk-audio] setSinkId() error\n', err);
         }));
     }
     onError(onError) {

package/dist/esm/rtk-participants-stage-list_4.entry.js

@@ -161,21 +161,17 @@ const RtkParticipantsStaged = class {
         this.acceptStageRequest = async (p) => {
             const { userId } = p;
             await this.meeting.stage.grantAccess([userId]);
-            this.updateStageRequestedParticipants();
         };
         this.rejectStageRequest = async (p) => {
             const { userId } = p;
             await this.meeting.stage.denyAccess([userId]);
-            this.updateStageRequestedParticipants();
         };
         this.acceptAllStageRequest = async () => {
             await this.meeting.stage.grantAccess(this.stageRequestedParticipants.map((p) => p.userId));
-            this.updateStageRequestedParticipants();
         };
         this.denyAllStageRequest = async () => {
             var _a;
             await ((_a = this.meeting.stage) === null || _a === void 0 ? void 0 : _a.denyAccess(this.stageRequestedParticipants.map((p) => p.userId)));
-            this.updateStageRequestedParticipants();
         };
         this.shouldShowStageRequests = () => {
             return (this.meeting.self.permissions.stageEnabled &&
@@ -213,14 +209,17 @@ const RtkParticipantsStaged = class {
         this.meetingChanged(this.meeting);
     }
     disconnectedCallback() {
+        var _a;
         const { stage } = this.meeting;
         stage === null || stage === void 0 ? void 0 : stage.removeListener('stageAccessRequestUpdate', this.updateRequestList);
+        (_a = this.meeting.participants.joined) === null || _a === void 0 ? void 0 : _a.removeListener('stageStatusUpdate', this.updateStageRequestedParticipants);
     }
     meetingChanged(meeting) {
         var _a;
         if (meeting == null)
             return;
         this.updateRequestList();
+        meeting.participants.joined.on('stageStatusUpdate', this.updateStageRequestedParticipants);
         (_a = meeting.stage) === null || _a === void 0 ? void 0 : _a.on('stageAccessRequestUpdate', this.updateRequestList);
     }
     render() {

package/dist/esm/rtk-screen-share-toggle.entry.js

@@ -1,6 +1,5 @@
 import { r as registerInstance, c as createEvent, h, H as Host } from './index-c1fb98bb.js';
 import { a as defaultIconPack, c as useLanguage } from './ui-store-b453cdf2.js';
-import { l as logger } from './logger-31448943.js';
 import { S as SyncWithStore } from './index-6aaa85ca.js';
 
 const rtkScreenShareToggleCss = ":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{display:block}:host([data-hidden]){display:none}";
@@ -140,7 +139,7 @@ const RtkScreenShareToggle = class {
     }
     connectedCallback() {
         if (!deviceCanScreenShare()) {
-            logger.error('[rtk-screenshare-toggle] Device does not support screensharing.');
+            this.meeting.__internals__.logger.error('[rtk-screenshare-toggle] Device does not support screensharing.');
             return;
         }
         this.meetingChanged(this.meeting);

package/dist/realtimekit-ui/index.esm.js

@@ -1 +1 @@
-import{d as t}from"./p-ee167b96.js";export{B as BreakoutRoomsManager,d as defaultConfig,a as defaultIconPack,b as defaultLanguage,g as getInitialStates,u as uiStore,c as useLanguage}from"./p-ee167b96.js";import{g as s}from"./p-6ededa68.js";export{e as extendConfig,g as generateConfig,p as provideRtkDesignSystem}from"./p-6ededa68.js";export{R as RtkNotificationsAudio}from"./p-fc36f92c.js";export{g as generateChatGroupKey,a as getChatGroups,c as getParticipantUserId,b as getUnreadChatCounts}from"./p-aaba206b.js";import"./p-0ee570cd.js";import"./p-46923b34.js";import"./p-2c3cda13.js";import"./p-5605a420.js";const i=(t,s)=>{if("undefined"==typeof document)return!1;const e=new CustomEvent("rtkNotification",{detail:Object.assign(Object.assign({},t),{playSound:s}),composed:!0});return document.dispatchEvent(e)};function r(t){return s=>Array.isArray(s)?s[0]===t:s===t}function o(t){return s=>Array.isArray(s)?s[0]!==t:s!==t}function n(t){return t.replace(/([a-z])([A-Z])/g,(t=>`${t[0]}-${t[1]}`.toLowerCase()))}class h{constructor(t,s,e){this.elem=t,this.config=s,this.keyString=e}add(t,s={}){var e;let i=t=n(t);return Object.keys(s).length>0&&(i=[t,s]),Array.isArray(this.elem)?this.elem.push(i):"children"in this.elem&&Array.isArray(this.elem.children)?this.elem.children=[...this.elem.children,i]:"remove"in this.elem&&Array.isArray(this.elem.remove)&&this.elem.remove.find(r(t))?this.elem.remove=this.elem.remove.filter(o(t)):("add"in this.elem||(this.elem.add=[]),null===(e=this.elem.add)||void 0===e||e.push(i)),this}remove(t){var s;if(t=n(t),Array.isArray(this.elem)){const s=this.elem.findIndex(r(t));s>-1&&this.elem.splice(s,1)}else"children"in this.elem&&Array.isArray(this.elem.children)?this.elem.children=this.elem.children.filter(o(t)):"add"in this.elem&&Array.isArray(this.elem.add)&&this.elem.add.find((s=>s===t))?this.elem.add=this.elem.add.filter(o(t)):("remove"in this.elem||(this.elem.remove=[]),null===(s=this.elem.remove)||void 0===s||s.push(t));return this}set style(t){console.log(t)}setChildrenProps(t,s){console.log(this.keyString,t,s)}getChildrenProps(t){return console.log(this.keyString,t),{}}replace(t){console.log(this.config,t)}}class l{constructor(s){this.config=s||t}find(t,s={}){t=n(t);const e=[],i=[];Object.keys(s||{}).forEach((t=>{"boolean"==typeof s[t]?e.push(t):i.push([t,s[t]])})),e.sort();const r=this.config.root;if(void 0===r)return;let o=t,a="";e.length>0&&(a=`.${e.join(".")}`,o=`${t}${a}`,Array.isArray(r[t])&&(r[t]={states:[],children:r[t]}),void 0===r[t].states&&(r[t].states=[]),e.forEach((s=>{var e,i;-1===(null===(e=r[t].states)||void 0===e?void 0:e.indexOf(s))&&(null===(i=r[t].states)||void 0===i||i.push(s))}))),i.length>0&&i.forEach((s=>{o=`${t}[${s[0]}=${s[1]}]${a}`,Array.isArray(r[t])&&(r[t]={state:s[0],children:r[t]})}));let d=r[o];return void 0===d&&(r[o]={},d=r[o]),new h(d,this.config,o)}build(){return this.config}}function f(t,e,i){if(!i){const t=s(e.self.config,e);i=t.config}return t.map((t=>{i=t.register(i,e,(t=>new l(t)))})),i}export{l as RtkUiBuilder,f as registerAddons,i as sendNotification}
+import{d as t}from"./p-ee167b96.js";export{B as BreakoutRoomsManager,d as defaultConfig,a as defaultIconPack,b as defaultLanguage,g as getInitialStates,u as uiStore,c as useLanguage}from"./p-ee167b96.js";import{g as s}from"./p-6ededa68.js";export{e as extendConfig,g as generateConfig,p as provideRtkDesignSystem}from"./p-6ededa68.js";export{R as RtkNotificationsAudio}from"./p-0bf304c7.js";export{g as generateChatGroupKey,a as getChatGroups,c as getParticipantUserId,b as getUnreadChatCounts}from"./p-aaba206b.js";import"./p-0ee570cd.js";import"./p-46923b34.js";import"./p-2c3cda13.js";const i=(t,s)=>{if("undefined"==typeof document)return!1;const e=new CustomEvent("rtkNotification",{detail:Object.assign(Object.assign({},t),{playSound:s}),composed:!0});return document.dispatchEvent(e)};function r(t){return s=>Array.isArray(s)?s[0]===t:s===t}function o(t){return s=>Array.isArray(s)?s[0]!==t:s!==t}function n(t){return t.replace(/([a-z])([A-Z])/g,(t=>`${t[0]}-${t[1]}`.toLowerCase()))}class h{constructor(t,s,e){this.elem=t,this.config=s,this.keyString=e}add(t,s={}){var e;let i=t=n(t);return Object.keys(s).length>0&&(i=[t,s]),Array.isArray(this.elem)?this.elem.push(i):"children"in this.elem&&Array.isArray(this.elem.children)?this.elem.children=[...this.elem.children,i]:"remove"in this.elem&&Array.isArray(this.elem.remove)&&this.elem.remove.find(r(t))?this.elem.remove=this.elem.remove.filter(o(t)):("add"in this.elem||(this.elem.add=[]),null===(e=this.elem.add)||void 0===e||e.push(i)),this}remove(t){var s;if(t=n(t),Array.isArray(this.elem)){const s=this.elem.findIndex(r(t));s>-1&&this.elem.splice(s,1)}else"children"in this.elem&&Array.isArray(this.elem.children)?this.elem.children=this.elem.children.filter(o(t)):"add"in this.elem&&Array.isArray(this.elem.add)&&this.elem.add.find((s=>s===t))?this.elem.add=this.elem.add.filter(o(t)):("remove"in this.elem||(this.elem.remove=[]),null===(s=this.elem.remove)||void 0===s||s.push(t));return this}set style(t){console.log(t)}setChildrenProps(t,s){console.log(this.keyString,t,s)}getChildrenProps(t){return console.log(this.keyString,t),{}}replace(t){console.log(this.config,t)}}class l{constructor(s){this.config=s||t}find(t,s={}){t=n(t);const e=[],i=[];Object.keys(s||{}).forEach((t=>{"boolean"==typeof s[t]?e.push(t):i.push([t,s[t]])})),e.sort();const r=this.config.root;if(void 0===r)return;let o=t,a="";e.length>0&&(a=`.${e.join(".")}`,o=`${t}${a}`,Array.isArray(r[t])&&(r[t]={states:[],children:r[t]}),void 0===r[t].states&&(r[t].states=[]),e.forEach((s=>{var e,i;-1===(null===(e=r[t].states)||void 0===e?void 0:e.indexOf(s))&&(null===(i=r[t].states)||void 0===i||i.push(s))}))),i.length>0&&i.forEach((s=>{o=`${t}[${s[0]}=${s[1]}]${a}`,Array.isArray(r[t])&&(r[t]={state:s[0],children:r[t]})}));let d=r[o];return void 0===d&&(r[o]={},d=r[o]),new h(d,this.config,o)}build(){return this.config}}function f(t,e,i){if(!i){const t=s(e.self.config,e);i=t.config}return t.map((t=>{i=t.register(i,e,(t=>new l(t)))})),i}export{l as RtkUiBuilder,f as registerAddons,i as sendNotification}

package/dist/realtimekit-ui/p-01187fe9.entry.js

@@ -0,0 +1 @@
+import{r as t,c as i,h as a,H as s}from"./p-0ee570cd.js";import{e,a as r,c as o,q as h}from"./p-ee167b96.js";import{S as d}from"./p-2aa242f4.js";class n{constructor(t,i){this.meeting=t,this.audio=null!=i?i:document.createElement("audio"),this.audio.autoplay=!0,this.logger=t.__internals__.logger,this.audioStream=new MediaStream,this.audio.srcObject=this.audioStream,this.audioTracks=[]}addTrack(t,i){this.audioTracks.some((i=>i.id===t))||(this.audioTracks.push({id:t,track:i}),this.audioStream.addTrack(i),this.play())}removeTrack(t){const i=this.audioTracks.find((i=>i.id===t));null!=i&&(this.audioStream.removeTrack(i.track),this.audioTracks=this.audioTracks.filter((i=>i.id!==t)))}async play(){var t;this.audio.srcObject=this.audioStream,await(null===(t=this.audio.play())||void 0===t?void 0:t.catch((t=>{"NotAllowedError"===t.name?null!=this._onError&&this._onError():"AbortError"!==t.name&&this.logger.error("[rtk-audio] play() error\n",t)})))}async setDevice(t){var i,a,s;e(this.meeting)||await(null===(s=null===(a=(i=this.audio).setSinkId)||void 0===a?void 0:a.call(i,t))||void 0===s?void 0:s.catch((t=>{this.logger.error("[rtk-audio] setSinkId() error\n",t)})))}onError(t){this._onError=t}}var c=function(t,i,a,s){var e,r=arguments.length,o=r<3?i:null===s?s=Object.getOwnPropertyDescriptor(i,a):s;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)o=Reflect.decorate(t,i,a,s);else for(var h=t.length-1;h>=0;h--)(e=t[h])&&(o=(r<3?e(o):r>3?e(i,a,o):e(i,a))||o);return r>3&&o&&Object.defineProperty(i,a,o),o};const l=class{constructor(a){t(this,a),this.dialogClose=i(this,"dialogClose",7),this.iconPack=r,this.t=o(),this.preloadedAudioElem=void 0,this.showPlayDialog=!1,this.onRtkDialogClose=()=>{this.showPlayDialog=!1,this.dialogClose.emit()}}componentDidLoad(){this.meetingChanged(this.meeting)}disconnectedCallback(){var t;null!=this.meeting&&(this.audioUpdateListener&&this.meeting.participants.joined.removeListener("audioUpdate",this.audioUpdateListener),this.screenShareUpdateListener&&this.meeting.participants.joined.removeListener("screenShareUpdate",this.screenShareUpdateListener),this.participantLeftListener&&this.meeting.participants.joined.removeListener("participantLeft",this.participantLeftListener),this.deviceUpdateListener&&this.meeting.self.removeListener("deviceUpdate",this.deviceUpdateListener),this.stageStatusUpdateListener&&(null===(t=this.meeting.stage)||void 0===t||t.removeListener("stageStatusUpdate",this.stageStatusUpdateListener)))}async setupAudio(){this.audio=new n(this.meeting,this.preloadedAudioElem);const t=this.meeting.self.getCurrentDevices();null!=t.speaker&&await this.audio.setDevice(t.speaker.deviceId)}async handleAutoPlayError(){this.audio||await this.setupAudio(),this.audio.onError((()=>{this.showPlayDialog=!0})),this.audio.play()}async handleEvents(t){this.audioUpdateListener=({id:t,audioEnabled:i,audioTrack:a})=>{const s=`audio-${t}`;i&&null!=a?this.audio.addTrack(s,a):this.audio.removeTrack(s)};const i=t.participants.joined.toArray();for(const t of i)this.audioUpdateListener(t);this.participantLeftListener=({id:t})=>{this.audio.removeTrack(`audio-${t}`),this.audio.removeTrack(`screenshare-${t}`)},this.screenShareUpdateListener=({id:t,screenShareEnabled:i,screenShareTracks:a})=>{const s=`screenshare-${t}`;i&&null!=a.audio?this.audio.addTrack(s,a.audio):this.audio.removeTrack(s)},this.deviceUpdateListener=({device:t,preview:i})=>{i||"audiooutput"===t.kind&&this.audio.setDevice(t.deviceId)},t.participants.joined.addListener("audioUpdate",this.audioUpdateListener),t.participants.joined.addListener("screenShareUpdate",this.screenShareUpdateListener),t.participants.joined.addListener("participantLeft",this.participantLeftListener),t.self.addListener("deviceUpdate",this.deviceUpdateListener)}async meetingChanged(t){var i;null!=t&&(this.setupAudio(),h(t)?(this.stageStatusUpdateListener=async t=>{"ON_STAGE"===t&&await this.handleAutoPlayError()},null===(i=t.stage)||void 0===i||i.on("stageStatusUpdate",this.stageStatusUpdateListener)):await this.handleAutoPlayError(),await this.handleEvents(t))}render(){return a(s,{key:"8f6ac797ceb5f3fa6c8633e72174e9ae91e7979a"},this.showPlayDialog&&a("rtk-dialog",{key:"d1f5723dec7d7e9e66625deb9cebce63e26520e1",open:!0,onRtkDialogClose:this.onRtkDialogClose,hideCloseButton:!0,disableEscapeKey:!0,iconPack:this.iconPack,t:this.t},a("div",{key:"cd0de80766e3f1c665666f463bf405f44ed8323d",class:"modal"},a("h3",{key:"098d978b8c3aeba86328e23104fa7e73f12f2296"},this.t("audio_playback.title")),a("p",{key:"74d242093687ab9734392a8d5357c7a2c5cce8b9"},this.t("audio_playback.description")),a("rtk-button",{key:"6382f33f9b3907989c5559c49091f2173be708e3",kind:"wide",onClick:()=>{this.audio.play(),this.onRtkDialogClose()},title:this.t("audio_playback")},this.t("audio_playback")))))}static get watchers(){return{meeting:["meetingChanged"]}}};c([d()],l.prototype,"meeting",void 0),c([d()],l.prototype,"iconPack",void 0),c([d()],l.prototype,"t",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{display:block;overflow-wrap:break-word;color:rgb(var(--rtk-colors-text-1000, 255 255 255));word-wrap:break-word}.modal{box-sizing:border-box;width:100%;max-width:var(--rtk-space-96, 384px);padding:var(--rtk-space-4, 16px);border-radius:var(--rtk-border-radius-md, 8px);--tw-bg-opacity:1;background-color:rgba(var(--rtk-colors-background-1000, 8 8 8) / var(--tw-bg-opacity))}.modal h3{margin:var(--rtk-space-0, 0px);padding:var(--rtk-space-0, 0px);font-size:24px;font-weight:500}.modal p{margin-top:var(--rtk-space-4, 16px);margin-bottom:var(--rtk-space-6, 24px)}.modal rtk-button{width:100%}";export{l as rtk_participants_audio}

package/dist/realtimekit-ui/p-0bf304c7.js

@@ -0,0 +1 @@
+import{e as s}from"./p-ee167b96.js";const t={joined:"https://dyte-uploads.s3.ap-south-1.amazonaws.com/notification_join.mp3",left:"https://dyte-uploads.s3.ap-south-1.amazonaws.com/notification_join.mp3",message:"https://dyte-uploads.s3.ap-south-1.amazonaws.com/notification_message.mp3"};class o{constructor(s){this.meeting=s,this.audio=document.createElement("audio"),this.audio.volume=.3}play(s,o=3e3){var i;this.playing||(this.playing=!0,this.audio.src=t[s],this.audio.volume=.3,null===(i=this.audio.play())||void 0===i||i.catch((()=>{})),setTimeout((()=>{this.playing=!1}),o))}async setDevice(t){var o,i,a;s(this.meeting)||await(null===(a=null===(i=null===(o=this.audio)||void 0===o?void 0:o.setSinkId)||void 0===i?void 0:i.call(o,t))||void 0===a?void 0:a.catch((()=>{})))}}export{o as R}

package/dist/realtimekit-ui/p-4ac204c8.entry.js

@@ -0,0 +1 @@
+import{r as t,h as i,H as a}from"./p-0ee570cd.js";import{d as s,a as e,c as r}from"./p-ee167b96.js";import{R as n}from"./p-c8eaa707.js";import{S as c}from"./p-2aa242f4.js";var p=function(t,i,a,s){var e,r=arguments.length,n=r<3?i:null===s?s=Object.getOwnPropertyDescriptor(i,a):s;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)n=Reflect.decorate(t,i,a,s);else for(var c=t.length-1;c>=0;c--)(e=t[c])&&(n=(r<3?e(n):r>3?e(i,a,n):e(i,a))||n);return r>3&&n&&Object.defineProperty(i,a,n),n};const o=class{constructor(a){t(this,a),this.config=s,this.hideHeader=!1,this.iconPack=e,this.view="sidebar",this.t=r(),this.search="",this.participants=[],this.createParticipantNode=t=>{const a={meeting:this.meeting,view:this.view,t:this.t,config:this.config,states:this.states,size:this.size,iconPack:this.iconPack};return i("div",null,i(n,{element:"rtk-participant",defaults:a,props:{role:"listitem",participant:t,key:t.id},childProps:Object.assign(Object.assign({},a),{participant:t,size:this.size}),deepProps:!0}))},this.updateStageList=()=>{this.getParticipants(this.search)}}connectedCallback(){this.meetingChanged(this.meeting),this.searchChanged(this.search)}disconnectedCallback(){const{participants:t,stage:i}=this.meeting;null!=this.meeting&&(this.participantJoinedListener&&this.meeting.participants.joined.removeListener("participantJoined",this.participantJoinedListener),this.participantLeftListener&&this.meeting.participants.joined.removeListener("participantLeft",this.participantLeftListener),t.joined.removeListener("stageStatusUpdate",this.updateStageList),null==i||i.removeListener("stageStatusUpdate",this.updateStageList))}meetingChanged(t){null!=t&&(this.participantJoinedListener=t=>{if("ON_STAGE"!==t.stageStatus)return;const i=this.search.toLowerCase();t.name.toLowerCase().includes(i)&&t.id.toLowerCase().includes(i)&&(this.participants=[...this.participants.filter((i=>i.id!==t.id)),t])},this.participantLeftListener=t=>{this.participants=this.participants.filter((i=>i.id!==t.id))},t.participants.joined.addListener("participantJoined",this.participantJoinedListener),t.participants.joined.addListener("participantLeft",this.participantLeftListener),this.updateStageList(),null==t||t.participants.joined.on("stageStatusUpdate",this.updateStageList),null==t||t.stage.on("stageStatusUpdate",this.updateStageList))}searchChanged(t){this.getParticipants(t)}getParticipants(t=this.search){let i="ON_STAGE"===this.meeting.stage.status?[this.meeting.self]:[];i=[...i,...this.meeting.participants.joined.toArray().filter((t=>"ON_STAGE"===t.stageStatus))],this.participants=""===t?i:i.filter((i=>{var a;return(null!==(a=i.name)&&void 0!==a?a:i.id).toLowerCase().includes(t.toLowerCase())}))}render(){return i(a,{key:"54501f9cebd4dee4398cb0161341c72008a1bf22"},i("div",{key:"9157670e4ed76beb38ad5c6e3405a1707ff8d262",class:"participants-container"},!this.hideHeader&&i("div",{key:"71d44cb3842d749a19526068700f788727ff5c28",class:"heading-count",part:"heading-count"},this.t("participants")," (",this.participants.length,")"),i("rtk-virtualized-participant-list",{key:"8239db7509da6cc5334b8d860e9954527febacf2",items:this.participants,renderItem:this.createParticipantNode,part:"participants",class:"participants",emptyListElement:i("div",{class:"empty-stage-list"},this.t(this.search.length>0?"search.could_not_find":"search.empty"))})))}static get watchers(){return{meeting:["meetingChanged"],search:["searchChanged"]}}};p([c()],o.prototype,"meeting",void 0),p([c()],o.prototype,"states",void 0),p([c()],o.prototype,"size",void 0),p([c()],o.prototype,"iconPack",void 0),p([c()],o.prototype,"t",void 0),o.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{display:flex;width:100%;flex-direction:column;font-size:14px}.participants-container{margin-bottom:var(--rtk-space-4, 16px);height:100%;width:100%}h3,.heading-count{margin:var(--rtk-space-0, 0px);display:flex;align-items:center;justify-content:center;padding:var(--rtk-space-0, 0px);font-size:16px;font-weight:400;color:rgb(var(--rtk-colors-text-900, 255 255 255 / 0.88));text-align:center}.heading-count{font-size:14px}.participants{margin-top:var(--rtk-space-2, 8px);margin-bottom:var(--rtk-space-0, 0px);padding:var(--rtk-space-0, 0px)}.empty-stage-list{margin-top:var(--rtk-space-4, 16px);margin-bottom:var(--rtk-space-4, 16px);text-align:center;font-size:12px;color:rgb(var(--rtk-colors-text-700, 255 255 255 / 0.64))}rtk-participant{width:100%}";var l=function(t,i,a,s){var e,r=arguments.length,n=r<3?i:null===s?s=Object.getOwnPropertyDescriptor(i,a):s;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)n=Reflect.decorate(t,i,a,s);else for(var c=t.length-1;c>=0;c--)(e=t[c])&&(n=(r<3?e(n):r>3?e(i,a,n):e(i,a))||n);return r>3&&n&&Object.defineProperty(i,a,n),n};const h=class{constructor(i){t(this,i),this.config=s,this.iconPack=e,this.view="sidebar",this.t=r(),this.stageRequestedParticipants=[],this.updateStageRequestedParticipants=()=>{this.stageRequestedParticipants=this.meeting.participants.joined.toArray().filter((t=>"REQUESTED_TO_JOIN_STAGE"===t.stageStatus))},this.acceptStageRequest=async t=>{const{userId:i}=t;await this.meeting.stage.grantAccess([i])},this.rejectStageRequest=async t=>{const{userId:i}=t;await this.meeting.stage.denyAccess([i])},this.acceptAllStageRequest=async()=>{await this.meeting.stage.grantAccess(this.stageRequestedParticipants.map((t=>t.userId)))},this.denyAllStageRequest=async()=>{var t;await(null===(t=this.meeting.stage)||void 0===t?void 0:t.denyAccess(this.stageRequestedParticipants.map((t=>t.userId))))},this.shouldShowStageRequests=()=>this.meeting.self.permissions.stageEnabled&&this.meeting.self.permissions.acceptStageRequests&&this.stageRequestedParticipants.length>0,this.updateRequestList=async t=>{var i,a,s,e,r,n,c;this.meeting.self.permissions.acceptStageRequests&&this.meeting.self.permissions.stageEnabled?"LIVESTREAM"===this.meeting.meta.viewType||"HIVE"===(null===(s=null===(a=null===(i=this.meeting)||void 0===i?void 0:i.self)||void 0===a?void 0:a.permissions)||void 0===s?void 0:s.mediaRoomType)?(t||(t=null!==(n=null===(r=await(null===(e=this.meeting.stage)||void 0===e?void 0:e.getAccessRequests()))||void 0===r?void 0:r.stageRequests)&&void 0!==n?n:[]),this.stageRequestedParticipants=t.map((t=>Object.assign(Object.assign({},t),{name:t.displayName})))):this.stageRequestedParticipants=null===(c=[this.meeting.self,...this.meeting.participants.joined.toArray()])||void 0===c?void 0:c.filter((t=>"REQUESTED_TO_JOIN_STAGE"===t.stageStatus)):this.stageRequestedParticipants=[]}}connectedCallback(){this.meetingChanged(this.meeting)}disconnectedCallback(){var t;const{stage:i}=this.meeting;null==i||i.removeListener("stageAccessRequestUpdate",this.updateRequestList),null===(t=this.meeting.participants.joined)||void 0===t||t.removeListener("stageStatusUpdate",this.updateStageRequestedParticipants)}meetingChanged(t){var i;null!=t&&(this.updateRequestList(),t.participants.joined.on("stageStatusUpdate",this.updateStageRequestedParticipants),null===(i=t.stage)||void 0===i||i.on("stageAccessRequestUpdate",this.updateRequestList))}render(){if("sidebar"===this.view&&this.shouldShowStageRequests())return i("div",{class:"stage-requested-participants"},i("div",{class:"heading-count",part:"staged-heading-count"},this.t("stage_request.header_title")," (",this.stageRequestedParticipants.length,")"),i("ul",{class:"participants",part:"staged-participants"},this.stageRequestedParticipants.map((t=>i("li",{class:"waiting-participant",key:t.id},i("div",{class:"participant-details"},i("rtk-avatar",{participant:t,size:"sm",iconPack:this.iconPack,t:this.t}),i("p",{class:"name",title:t.name},t.name)),i("div",{class:"waitlist-controls"},i("rtk-tooltip",{label:this.t("stage_request.deny_request"),variant:"secondary"},i("rtk-button",{variant:"secondary",kind:"icon",onClick:()=>this.rejectStageRequest(t)},i("rtk-icon",{class:"deny",icon:this.iconPack.dismiss}))),i("rtk-tooltip",{label:this.t("stage_request.accept_request"),variant:"secondary"},i("rtk-button",{variant:"secondary",kind:"icon",onClick:()=>this.acceptStageRequest(t)},i("rtk-icon",{class:"accept",icon:this.iconPack.checkmark})))))))),i("div",{class:"bulk-actions"},i("rtk-button",{class:"accept-all-button",variant:"secondary",onClick:this.acceptAllStageRequest},this.t("stage_request.accept_all")),i("rtk-button",{class:"deny-all-button",variant:"danger",onClick:this.denyAllStageRequest},this.t("stage_request.deny_all"))))}static get watchers(){return{meeting:["meetingChanged"]}}};l([c()],h.prototype,"meeting",void 0),l([c()],h.prototype,"size",void 0),l([c()],h.prototype,"iconPack",void 0),l([c()],h.prototype,"t",void 0),h.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{margin-top:var(--rtk-space-2, 8px);display:flex;width:100%;flex-direction:column;font-size:14px}.stage-requested-participants{margin-bottom:var(--rtk-space-8, 32px)}.stage-requested-participants .bulk-actions{display:flex;gap:var(--rtk-space-2, 8px)}.stage-requested-participants .bulk-actions .accept-all-button{--tw-text-opacity:1;color:rgba(var(--rtk-colors-success, 98 165 4) / var(--tw-text-opacity))}.stage-requested-participants .bulk-actions rtk-button{flex:1 1 0%}h3,.heading-count{margin:var(--rtk-space-0, 0px);display:flex;align-items:center;justify-content:center;padding:var(--rtk-space-0, 0px);font-size:16px;font-weight:400;color:rgb(var(--rtk-colors-text-900, 255 255 255 / 0.88));text-align:center}.heading-count{font-size:14px}.participants{margin-top:var(--rtk-space-2, 8px);padding:var(--rtk-space-0, 0px)}.waiting-participant{margin-top:var(--rtk-space-2, 8px);margin-bottom:var(--rtk-space-2, 8px);display:flex;align-items:center}.waiting-participant .participant-details{margin-right:auto;display:flex;align-items:center}.waiting-participant .participant-details rtk-avatar{margin-right:var(--rtk-space-2, 8px);height:var(--rtk-space-8, 32px);width:var(--rtk-space-8, 32px);flex-shrink:0;font-size:14px}.waiting-participant .participant-details .name{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:rgb(var(--rtk-colors-text-900, 255 255 255 / 0.88))}@media (min-width: 1080px){.waiting-participant .participant-details .name{max-width:var(--rtk-space-40, 160px)}}.waiting-participant .waitlist-controls{display:flex}.waiting-participant .waitlist-controls rtk-button{margin-left:var(--rtk-space-2, 8px);cursor:pointer;border-radius:var(--rtk-border-radius-sm, 4px)}.waiting-participant .waitlist-controls rtk-icon.accept{--tw-text-opacity:1;color:rgba(var(--rtk-colors-success, 98 165 4) / var(--tw-text-opacity))}.waiting-participant .waitlist-controls rtk-icon.deny{--tw-text-opacity:1;color:rgba(var(--rtk-colors-danger, 255 45 45) / var(--tw-text-opacity))}";var d=function(t,i,a,s){var e,r=arguments.length,n=r<3?i:null===s?s=Object.getOwnPropertyDescriptor(i,a):s;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)n=Reflect.decorate(t,i,a,s);else for(var c=t.length-1;c>=0;c--)(e=t[c])&&(n=(r<3?e(n):r>3?e(i,a,n):e(i,a))||n);return r>3&&n&&Object.defineProperty(i,a,n),n};const g=class{constructor(a){t(this,a),this.updateStageViewers=()=>{this.getViewers(this.search)},this.config=s,this.hideHeader=!1,this.iconPack=e,this.view="sidebar",this.search="",this.t=r(),this.stageViewers=[],this.createParticipantNode=t=>i("rtk-participant",{role:"listitem",key:t.id,meeting:this.meeting,participant:t,view:this.view,iconPack:this.iconPack,config:this.config,t:this.t}),this.shouldShowViewers=()=>{var t,i,a;return null===(a=null===(i=null===(t=this.meeting)||void 0===t?void 0:t.self)||void 0===i?void 0:i.permissions)||void 0===a?void 0:a.stageEnabled}}connectedCallback(){this.meetingChanged(this.meeting),this.searchChanged(this.search)}meetingChanged(t){null!=t&&(this.participantJoinedListener=t=>{if("ON_STAGE"===t.stageStatus)return;const i=this.search.toLowerCase();i.length>0&&!t.name.toLowerCase().includes(i)||(this.stageViewers=[...this.stageViewers.filter((i=>i.id!==t.id)),t])},this.participantLeftListener=t=>{this.stageViewers=this.stageViewers.filter((i=>i.id!==t.id))},t.participants.joined.addListener("participantJoined",this.participantJoinedListener),t.participants.joined.addListener("participantLeft",this.participantLeftListener),t.participants.joined.on("stageStatusUpdate",this.updateStageViewers),t.stage.on("stageStatusUpdate",this.updateStageViewers))}searchChanged(t){this.getViewers(t)}disconnectedCallback(){const{participants:t,stage:i}=this.meeting;this.participantJoinedListener&&this.meeting.participants.joined.removeListener("participantJoined",this.participantJoinedListener),this.participantLeftListener&&this.meeting.participants.joined.removeListener("participantLeft",this.participantLeftListener),t.joined.removeListener("stageStatusUpdate",this.updateStageViewers),i.removeListener("stageStatusUpdate",this.updateStageViewers)}getViewers(t){let i="ON_STAGE"===this.meeting.stage.status?[]:[this.meeting.self];i=[...i,...this.meeting.participants.joined.toArray()].filter((t=>"ON_STAGE"!==t.stageStatus)),this.stageViewers=""===t?i:i.filter((i=>{var a;return(null!==(a=i.name)&&void 0!==a?a:i.id).toLowerCase().includes(t.toLowerCase())}))}render(){if("sidebar"===this.view&&this.shouldShowViewers())return i("div",{class:"list"},!this.hideHeader&&i("div",{class:"heading-count",part:"heading-count"},this.t("viewers")," (",this.stageViewers.length,")"),i("rtk-virtualized-participant-list",{items:this.stageViewers,renderItem:this.createParticipantNode,class:"participants",part:"participants",style:{height:"100%"},emptyListElement:i("div",{class:"empty-viewers-list"},this.t(this.search.length>0?"participants.errors.empty_results":"participants.empty_list"))}))}static get watchers(){return{meeting:["meetingChanged"],search:["searchChanged"]}}};d([c()],g.prototype,"meeting",void 0),d([c()],g.prototype,"size",void 0),d([c()],g.prototype,"iconPack",void 0),d([c()],g.prototype,"t",void 0),g.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{display:flex;height:100%;width:100%;flex-direction:column;font-size:14px}.list{margin-bottom:var(--rtk-space-4, 16px);display:flex;height:100%;flex-direction:column}h3,.heading-count{margin:var(--rtk-space-0, 0px);align-items:center;justify-content:center;padding:var(--rtk-space-0, 0px);font-size:16px;font-weight:400;color:rgb(var(--rtk-colors-text-900, 255 255 255 / 0.88));text-align:center}.heading-count{font-size:14px}.participants{margin-top:var(--rtk-space-2, 8px);margin-bottom:var(--rtk-space-0, 0px);padding:var(--rtk-space-0, 0px)}.empty-viewers-list{margin-top:var(--rtk-space-2, 8px);margin-bottom:var(--rtk-space-2, 8px);text-align:center;font-size:12px;color:rgb(var(--rtk-colors-text-700, 255 255 255 / 0.64))}";var v=function(t,i,a,s){var e,r=arguments.length,n=r<3?i:null===s?s=Object.getOwnPropertyDescriptor(i,a):s;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)n=Reflect.decorate(t,i,a,s);else for(var c=t.length-1;c>=0;c--)(e=t[c])&&(n=(r<3?e(n):r>3?e(i,a,n):e(i,a))||n);return r>3&&n&&Object.defineProperty(i,a,n),n};const u=class{constructor(i){t(this,i),this.config=s,this.iconPack=e,this.view="sidebar",this.t=r(),this.acceptWaitingRoomRequest=async t=>{await this.meeting.participants.acceptWaitingRoomRequest(t)},this.waitlistedParticipants=[],this.acceptAllWaitingRoomRequests=async()=>{await this.meeting.participants.acceptAllWaitingRoomRequest(this.waitlistedParticipants.map((t=>t.id)))},this.rejectWaitingRoomRequest=async t=>{await this.meeting.participants.rejectWaitingRoomRequest(t)},this.shouldShowWaitlist=()=>"LIVESTREAM"!==this.meeting.meta.viewType&&this.meeting.self.permissions.acceptWaitingRequests&&0!==this.waitlistedParticipants.length}disconnectedCallback(){const{participants:t}=this.meeting;this.waitlistedParticipantJoinedListener&&t.waitlisted.removeListener("participantJoined",this.waitlistedParticipantJoinedListener),this.waitlistedParticipantLeftListener&&t.waitlisted.removeListener("participantLeft",this.waitlistedParticipantLeftListener),this.waitlistedParticipantsClearedListener&&t.waitlisted.removeListener("participantsCleared",this.waitlistedParticipantsClearedListener)}connectedCallback(){this.meetingChanged(this.meeting)}meetingChanged(t){null!=t&&(this.waitlistedParticipants=t.participants.waitlisted.toArray(),this.waitlistedParticipantJoinedListener=t=>{this.waitlistedParticipants.some((i=>i.id===t.id))||(this.waitlistedParticipants=[...this.waitlistedParticipants,t])},this.waitlistedParticipantLeftListener=t=>{this.waitlistedParticipants=this.waitlistedParticipants.filter((i=>i.id!==t.id))},this.waitlistedParticipantsClearedListener=()=>{this.waitlistedParticipants=[]},t.participants.waitlisted.addListener("participantJoined",this.waitlistedParticipantJoinedListener),t.participants.waitlisted.addListener("participantLeft",this.waitlistedParticipantLeftListener),t.participants.waitlisted.addListener("participantsCleared",this.waitlistedParticipantsClearedListener))}render(){if("sidebar"===this.view&&this.shouldShowWaitlist())return i("div",{class:"waiting-participants"},i("div",{class:"heading-count",part:"waitlisted-heading-count"},this.t("waitlist.header_title")," (",this.waitlistedParticipants.length,")"),i("ul",{class:"participants",part:"waitlisted-participants"},this.waitlistedParticipants.map((t=>i("li",{class:"waiting-participant",key:t.id},i("div",{class:"participant-details"},i("rtk-avatar",{participant:t,size:"sm",iconPack:this.iconPack,t:this.t}),i("p",{class:"name",title:t.name},t.name)),i("div",{class:"waitlist-controls"},i("rtk-tooltip",{label:this.t("waitlist.deny_request"),variant:"secondary"},i("rtk-button",{variant:"secondary",kind:"icon",onClick:()=>this.rejectWaitingRoomRequest(t.id)},i("rtk-icon",{class:"deny",icon:this.iconPack.dismiss}))),i("rtk-tooltip",{label:this.t("waitlist.accept_request"),variant:"secondary"},i("rtk-button",{variant:"secondary",kind:"icon",onClick:()=>this.acceptWaitingRoomRequest(t.id)},i("rtk-icon",{class:"accept",icon:this.iconPack.checkmark})))))))),i("rtk-button",{class:"accept-all-button",variant:"secondary",kind:"wide",onClick:this.acceptAllWaitingRoomRequests},this.t("waitlist.accept_all")))}static get watchers(){return{meeting:["meetingChanged"]}}};v([c()],u.prototype,"meeting",void 0),v([c()],u.prototype,"size",void 0),v([c()],u.prototype,"iconPack",void 0),v([c()],u.prototype,"t",void 0),u.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{margin-top:var(--rtk-space-4, 16px);margin-bottom:calc(var(--rtk-space-2, 8px) * -1);display:flex;width:100%;flex-direction:column;font-size:14px}.waiting-participants{margin-bottom:var(--rtk-space-8, 32px)}.waiting-participants .accept-all-button{--tw-text-opacity:1;color:rgba(var(--rtk-colors-success, 98 165 4) / var(--tw-text-opacity))}h3,.heading-count{margin:var(--rtk-space-0, 0px);display:flex;align-items:center;justify-content:center;padding:var(--rtk-space-0, 0px);font-size:16px;font-weight:400;color:rgb(var(--rtk-colors-text-900, 255 255 255 / 0.88));text-align:center}.heading-count{font-size:14px}.participants{margin-top:var(--rtk-space-2, 8px);padding:var(--rtk-space-0, 0px)}.waiting-participant{margin-top:var(--rtk-space-2, 8px);margin-bottom:var(--rtk-space-2, 8px);display:flex;align-items:center}.waiting-participant .participant-details{margin-right:auto;display:flex;align-items:center}.waiting-participant .participant-details rtk-avatar{margin-right:var(--rtk-space-2, 8px);height:var(--rtk-space-8, 32px);width:var(--rtk-space-8, 32px);flex-shrink:0;font-size:14px}.waiting-participant .participant-details .name{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}@media (min-width: 1080px){.waiting-participant .participant-details .name{max-width:var(--rtk-space-40, 160px)}}.waiting-participant .waitlist-controls{display:flex}.waiting-participant .waitlist-controls rtk-button{margin-left:var(--rtk-space-2, 8px);cursor:pointer;border-radius:var(--rtk-border-radius-sm, 4px)}.waiting-participant .waitlist-controls rtk-icon.accept{--tw-text-opacity:1;color:rgba(var(--rtk-colors-success, 98 165 4) / var(--tw-text-opacity))}.waiting-participant .waitlist-controls rtk-icon.deny{--tw-text-opacity:1;color:rgba(var(--rtk-colors-danger, 255 45 45) / var(--tw-text-opacity))}";export{o as rtk_participants_stage_list,h as rtk_participants_stage_queue,g as rtk_participants_viewer_list,u as rtk_participants_waiting_list}