@cloudflare/realtimekit-ui 1.0.8-staging.1 → 1.0.8-staging.3

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

@@ -227,8 +227,17 @@ const RtkBreakoutRoomManager = class {
     }
     render() {
         var _a, _b, _c;
-        if (!this.meeting)
+        if (!this.meeting || !this.room || !this.permissions)
             return null;
+        /* NOTE(ravindra-cloudflare):
+        *  Checking if user can switch to this room
+        *  Check 1: if user has full access.
+        *  Check 2: For non-parent room, user has "switch meeting" access.
+        *  Check 3: For parent room, user has "switch to parent meeting" access.
+        */
+        const canSwitchToThisRoom = this.permissions.canAlterConnectedMeetings ||
+            (this.permissions.canSwitchConnectedMeetings && !this.room.isParent) ||
+            (this.permissions.canSwitchToParentMeeting && this.room.isParent);
         return (index$1.h(index$1.Host, null, index$1.h("div", { class: {
                 'assign-mode': this.assigningParticipants,
                 'selector-mode': !this.assigningParticipants,
@@ -247,7 +256,7 @@ const RtkBreakoutRoomManager = class {
             this.permissions.canAlterConnectedMeetings &&
             !this.room.isParent && (index$1.h("rtk-button", { kind: "button", variant: "ghost", class: "assign-button", size: "md", onClick: () => this.onAssign() }, this.t('breakout_rooms.assign'))), this.mode === 'edit' &&
             !this.assigningParticipants &&
-            this.permissions.canSwitchConnectedMeetings && (index$1.h("rtk-button", { kind: "button", variant: "ghost", class: "assign-button", size: "md", disabled: this.room.id === this.meeting.meta.meetingId, onClick: () => this.onJoin() }, this.room.id === this.meeting.meta.meetingId
+            canSwitchToThisRoom && (index$1.h("rtk-button", { kind: "button", variant: "ghost", class: "assign-button", size: "md", disabled: this.room.id === this.meeting.meta.meetingId, onClick: () => this.onJoin() }, this.room.id === this.meeting.meta.meetingId
             ? this.t('joined')
             : this.t('join'))), !this.room.isParent && (index$1.h("rtk-icon", { icon: this.showExpandedCard ? this.iconPack.chevron_up : this.iconPack.chevron_down, onClick: () => this.toggleCardDisplay() })))), this.renderExpandedCardMaybe(), this.renderParticipantsMaybe())));
     }

package/dist/collection/components/rtk-breakout-room-manager/rtk-breakout-room-manager.js

@@ -155,8 +155,17 @@ export class RtkBreakoutRoomManager {
     }
     render() {
         var _a, _b, _c;
-        if (!this.meeting)
+        if (!this.meeting || !this.room || !this.permissions)
             return null;
+        /* NOTE(ravindra-cloudflare):
+        *  Checking if user can switch to this room
+        *  Check 1: if user has full access.
+        *  Check 2: For non-parent room, user has "switch meeting" access.
+        *  Check 3: For parent room, user has "switch to parent meeting" access.
+        */
+        const canSwitchToThisRoom = this.permissions.canAlterConnectedMeetings ||
+            (this.permissions.canSwitchConnectedMeetings && !this.room.isParent) ||
+            (this.permissions.canSwitchToParentMeeting && this.room.isParent);
         return (h(Host, null, h("div", { class: {
                 'assign-mode': this.assigningParticipants,
                 'selector-mode': !this.assigningParticipants,
@@ -175,7 +184,7 @@ export class RtkBreakoutRoomManager {
             this.permissions.canAlterConnectedMeetings &&
             !this.room.isParent && (h("rtk-button", { kind: "button", variant: "ghost", class: "assign-button", size: "md", onClick: () => this.onAssign() }, this.t('breakout_rooms.assign'))), this.mode === 'edit' &&
             !this.assigningParticipants &&
-            this.permissions.canSwitchConnectedMeetings && (h("rtk-button", { kind: "button", variant: "ghost", class: "assign-button", size: "md", disabled: this.room.id === this.meeting.meta.meetingId, onClick: () => this.onJoin() }, this.room.id === this.meeting.meta.meetingId
+            canSwitchToThisRoom && (h("rtk-button", { kind: "button", variant: "ghost", class: "assign-button", size: "md", disabled: this.room.id === this.meeting.meta.meetingId, onClick: () => this.onJoin() }, this.room.id === this.meeting.meta.meetingId
             ? this.t('joined')
             : this.t('join'))), !this.room.isParent && (h("rtk-icon", { icon: this.showExpandedCard ? this.iconPack.chevron_up : this.iconPack.chevron_down, onClick: () => this.toggleCardDisplay() })))), this.renderExpandedCardMaybe(), this.renderParticipantsMaybe())));
     }

package/dist/components/{p-9b08d3ec.js → p-47230f49.js}

@@ -170,8 +170,17 @@ const RtkBreakoutRoomManager = /*@__PURE__*/ proxyCustomElement(class RtkBreakou
     }
     render() {
         var _a, _b, _c;
-        if (!this.meeting)
+        if (!this.meeting || !this.room || !this.permissions)
             return null;
+        /* NOTE(ravindra-cloudflare):
+        *  Checking if user can switch to this room
+        *  Check 1: if user has full access.
+        *  Check 2: For non-parent room, user has "switch meeting" access.
+        *  Check 3: For parent room, user has "switch to parent meeting" access.
+        */
+        const canSwitchToThisRoom = this.permissions.canAlterConnectedMeetings ||
+            (this.permissions.canSwitchConnectedMeetings && !this.room.isParent) ||
+            (this.permissions.canSwitchToParentMeeting && this.room.isParent);
         return (h(Host, null, h("div", { class: {
                 'assign-mode': this.assigningParticipants,
                 'selector-mode': !this.assigningParticipants,
@@ -190,7 +199,7 @@ const RtkBreakoutRoomManager = /*@__PURE__*/ proxyCustomElement(class RtkBreakou
             this.permissions.canAlterConnectedMeetings &&
             !this.room.isParent && (h("rtk-button", { kind: "button", variant: "ghost", class: "assign-button", size: "md", onClick: () => this.onAssign() }, this.t('breakout_rooms.assign'))), this.mode === 'edit' &&
             !this.assigningParticipants &&
-            this.permissions.canSwitchConnectedMeetings && (h("rtk-button", { kind: "button", variant: "ghost", class: "assign-button", size: "md", disabled: this.room.id === this.meeting.meta.meetingId, onClick: () => this.onJoin() }, this.room.id === this.meeting.meta.meetingId
+            canSwitchToThisRoom && (h("rtk-button", { kind: "button", variant: "ghost", class: "assign-button", size: "md", disabled: this.room.id === this.meeting.meta.meetingId, onClick: () => this.onJoin() }, this.room.id === this.meeting.meta.meetingId
             ? this.t('joined')
             : this.t('join'))), !this.room.isParent && (h("rtk-icon", { icon: this.showExpandedCard ? this.iconPack.chevron_up : this.iconPack.chevron_down, onClick: () => this.toggleCardDisplay() })))), this.renderExpandedCardMaybe(), this.renderParticipantsMaybe())));
     }

package/dist/components/{p-558ace78.js → p-99a61e45.js}

@@ -3,9 +3,9 @@ import { c as createDefaultConfig, e as defaultIconPack, h as useLanguage } from
 import { S as SyncWithStore } from './p-bbe38af7.js';
 import { R as Render } from './p-60fdbd75.js';
 import { d as defineCustomElement$n } from './p-9645c983.js';
-import { d as defineCustomElement$m } from './p-9b08d3ec.js';
+import { d as defineCustomElement$m } from './p-47230f49.js';
 import { d as defineCustomElement$l } from './p-963afa79.js';
-import { d as defineCustomElement$k } from './p-e16d55e1.js';
+import { d as defineCustomElement$k } from './p-ac19035c.js';
 import { d as defineCustomElement$j } from './p-e16baa62.js';
 import { d as defineCustomElement$i } from './p-1391bef0.js';
 import { d as defineCustomElement$h } from './p-9de3508b.js';

package/dist/components/{p-e16d55e1.js → p-ac19035c.js}

@@ -2,7 +2,7 @@ import { p as proxyCustomElement, H, d as createEvent, h, e as Host } from './p-
 import { e as defaultIconPack, h as useLanguage, I as resetRoomCount, B as BreakoutRoomsManager, H as participantIdentifier } from './p-bf700149.js';
 import { S as SyncWithStore } from './p-bbe38af7.js';
 import { d as defineCustomElement$8 } from './p-9645c983.js';
-import { d as defineCustomElement$7 } from './p-9b08d3ec.js';
+import { d as defineCustomElement$7 } from './p-47230f49.js';
 import { d as defineCustomElement$6 } from './p-963afa79.js';
 import { d as defineCustomElement$5 } from './p-1391bef0.js';
 import { d as defineCustomElement$4 } from './p-073066d9.js';

package/dist/components/{p-ec4e9485.js → p-bcd9ae7c.js}

@@ -4,9 +4,9 @@ import { h as handleFilesDataTransfer, g as generateChatGroupKey, T as TEMPORARY
 import { c as chatUnreadTimestamps } from './p-a83ccdbd.js';
 import { S as SyncWithStore } from './p-bbe38af7.js';
 import { d as defineCustomElement$Q } from './p-9645c983.js';
-import { d as defineCustomElement$P } from './p-9b08d3ec.js';
+import { d as defineCustomElement$P } from './p-47230f49.js';
 import { d as defineCustomElement$O } from './p-963afa79.js';
-import { d as defineCustomElement$N } from './p-e16d55e1.js';
+import { d as defineCustomElement$N } from './p-ac19035c.js';
 import { d as defineCustomElement$M } from './p-e16baa62.js';
 import { d as defineCustomElement$L } from './p-1391bef0.js';
 import { d as defineCustomElement$K } from './p-9de3508b.js';
@@ -26,7 +26,7 @@ import { d as defineCustomElement$x } from './p-21caffae.js';
 import { d as defineCustomElement$w } from './p-9cc8f284.js';
 import { d as defineCustomElement$v } from './p-26a20701.js';
 import { d as defineCustomElement$u } from './p-221a4186.js';
-import { d as defineCustomElement$t } from './p-558ace78.js';
+import { d as defineCustomElement$t } from './p-99a61e45.js';
 import { d as defineCustomElement$s } from './p-1d32657e.js';
 import { d as defineCustomElement$r } from './p-f45ff21a.js';
 import { d as defineCustomElement$q } from './p-a3948b63.js';

package/dist/components/rtk-breakout-room-manager.js

@@ -1,4 +1,4 @@
-import { R as RtkBreakoutRoomManager$1, d as defineCustomElement$1 } from './p-9b08d3ec.js';
+import { R as RtkBreakoutRoomManager$1, d as defineCustomElement$1 } from './p-47230f49.js';
 
 const RtkBreakoutRoomManager = RtkBreakoutRoomManager$1;
 const defineCustomElement = defineCustomElement$1;

package/dist/components/rtk-breakout-rooms-manager.js

@@ -1,4 +1,4 @@
-import { R as RtkBreakoutRoomsManager$1, d as defineCustomElement$1 } from './p-e16d55e1.js';
+import { R as RtkBreakoutRoomsManager$1, d as defineCustomElement$1 } from './p-ac19035c.js';
 
 const RtkBreakoutRoomsManager = RtkBreakoutRoomsManager$1;
 const defineCustomElement = defineCustomElement$1;

package/dist/components/rtk-chat.js

@@ -1,4 +1,4 @@
-import { R as RtkChat$1, d as defineCustomElement$1 } from './p-ec4e9485.js';
+import { R as RtkChat$1, d as defineCustomElement$1 } from './p-bcd9ae7c.js';
 
 const RtkChat = RtkChat$1;
 const defineCustomElement = defineCustomElement$1;

package/dist/components/rtk-dialog-manager.js

@@ -1,4 +1,4 @@
-import { R as RtkDialogManager$1, d as defineCustomElement$1 } from './p-558ace78.js';
+import { R as RtkDialogManager$1, d as defineCustomElement$1 } from './p-99a61e45.js';
 
 const RtkDialogManager = RtkDialogManager$1;
 const defineCustomElement = defineCustomElement$1;

package/dist/components/rtk-meeting.js

@@ -6,16 +6,16 @@ import { g as generateConfig } from './p-517eed51.js';
 import './p-a83ccdbd.js';
 import { i as index } from './p-f47d4fe8.js';
 import { d as defineCustomElement$S } from './p-9645c983.js';
-import { d as defineCustomElement$R } from './p-9b08d3ec.js';
+import { d as defineCustomElement$R } from './p-47230f49.js';
 import { d as defineCustomElement$Q } from './p-963afa79.js';
-import { d as defineCustomElement$P } from './p-e16d55e1.js';
+import { d as defineCustomElement$P } from './p-ac19035c.js';
 import { d as defineCustomElement$O } from './p-e16baa62.js';
 import { d as defineCustomElement$N } from './p-1391bef0.js';
 import { d as defineCustomElement$M } from './p-9de3508b.js';
 import { d as defineCustomElement$L } from './p-ba1f008f.js';
 import { d as defineCustomElement$K } from './p-5d3d3990.js';
 import { d as defineCustomElement$J } from './p-1425697e.js';
-import { d as defineCustomElement$I } from './p-ec4e9485.js';
+import { d as defineCustomElement$I } from './p-bcd9ae7c.js';
 import { d as defineCustomElement$H } from './p-00cddac4.js';
 import { d as defineCustomElement$G } from './p-34688fcf.js';
 import { d as defineCustomElement$F } from './p-2e3b02b3.js';
@@ -29,7 +29,7 @@ import { d as defineCustomElement$y } from './p-21caffae.js';
 import { d as defineCustomElement$x } from './p-9cc8f284.js';
 import { d as defineCustomElement$w } from './p-26a20701.js';
 import { d as defineCustomElement$v } from './p-221a4186.js';
-import { d as defineCustomElement$u } from './p-558ace78.js';
+import { d as defineCustomElement$u } from './p-99a61e45.js';
 import { d as defineCustomElement$t } from './p-1d32657e.js';
 import { d as defineCustomElement$s } from './p-f45ff21a.js';
 import { d as defineCustomElement$r } from './p-a3948b63.js';

package/dist/docs/docs-components.json

@@ -1,5 +1,5 @@
 {
-  "timestamp": "2025-11-19T07:22:56",
+  "timestamp": "2025-12-10T10:40:08",
   "compiler": {
     "name": "@stencil/core",
     "version": "4.27.2",

package/dist/esm/loader.js

@@ -10846,8 +10846,17 @@ const RtkBreakoutRoomManager = class {
     }
     render() {
         var _a, _b, _c;
-        if (!this.meeting)
+        if (!this.meeting || !this.room || !this.permissions)
             return null;
+        /* NOTE(ravindra-cloudflare):
+        *  Checking if user can switch to this room
+        *  Check 1: if user has full access.
+        *  Check 2: For non-parent room, user has "switch meeting" access.
+        *  Check 3: For parent room, user has "switch to parent meeting" access.
+        */
+        const canSwitchToThisRoom = this.permissions.canAlterConnectedMeetings ||
+            (this.permissions.canSwitchConnectedMeetings && !this.room.isParent) ||
+            (this.permissions.canSwitchToParentMeeting && this.room.isParent);
         return (h(Host, null, h("div", { class: {
                 'assign-mode': this.assigningParticipants,
                 'selector-mode': !this.assigningParticipants,
@@ -10866,7 +10875,7 @@ const RtkBreakoutRoomManager = class {
             this.permissions.canAlterConnectedMeetings &&
             !this.room.isParent && (h("rtk-button", { kind: "button", variant: "ghost", class: "assign-button", size: "md", onClick: () => this.onAssign() }, this.t('breakout_rooms.assign'))), this.mode === 'edit' &&
             !this.assigningParticipants &&
-            this.permissions.canSwitchConnectedMeetings && (h("rtk-button", { kind: "button", variant: "ghost", class: "assign-button", size: "md", disabled: this.room.id === this.meeting.meta.meetingId, onClick: () => this.onJoin() }, this.room.id === this.meeting.meta.meetingId
+            canSwitchToThisRoom && (h("rtk-button", { kind: "button", variant: "ghost", class: "assign-button", size: "md", disabled: this.room.id === this.meeting.meta.meetingId, onClick: () => this.onJoin() }, this.room.id === this.meeting.meta.meetingId
             ? this.t('joined')
             : this.t('join'))), !this.room.isParent && (h("rtk-icon", { icon: this.showExpandedCard ? this.iconPack.chevron_up : this.iconPack.chevron_down, onClick: () => this.toggleCardDisplay() })))), this.renderExpandedCardMaybe(), this.renderParticipantsMaybe())));
     }

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

@@ -223,8 +223,17 @@ const RtkBreakoutRoomManager = class {
     }
     render() {
         var _a, _b, _c;
-        if (!this.meeting)
+        if (!this.meeting || !this.room || !this.permissions)
             return null;
+        /* NOTE(ravindra-cloudflare):
+        *  Checking if user can switch to this room
+        *  Check 1: if user has full access.
+        *  Check 2: For non-parent room, user has "switch meeting" access.
+        *  Check 3: For parent room, user has "switch to parent meeting" access.
+        */
+        const canSwitchToThisRoom = this.permissions.canAlterConnectedMeetings ||
+            (this.permissions.canSwitchConnectedMeetings && !this.room.isParent) ||
+            (this.permissions.canSwitchToParentMeeting && this.room.isParent);
         return (h(Host, null, h("div", { class: {
                 'assign-mode': this.assigningParticipants,
                 'selector-mode': !this.assigningParticipants,
@@ -243,7 +252,7 @@ const RtkBreakoutRoomManager = class {
             this.permissions.canAlterConnectedMeetings &&
             !this.room.isParent && (h("rtk-button", { kind: "button", variant: "ghost", class: "assign-button", size: "md", onClick: () => this.onAssign() }, this.t('breakout_rooms.assign'))), this.mode === 'edit' &&
             !this.assigningParticipants &&
-            this.permissions.canSwitchConnectedMeetings && (h("rtk-button", { kind: "button", variant: "ghost", class: "assign-button", size: "md", disabled: this.room.id === this.meeting.meta.meetingId, onClick: () => this.onJoin() }, this.room.id === this.meeting.meta.meetingId
+            canSwitchToThisRoom && (h("rtk-button", { kind: "button", variant: "ghost", class: "assign-button", size: "md", disabled: this.room.id === this.meeting.meta.meetingId, onClick: () => this.onJoin() }, this.room.id === this.meeting.meta.meetingId
             ? this.t('joined')
             : this.t('join'))), !this.room.isParent && (h("rtk-icon", { icon: this.showExpandedCard ? this.iconPack.chevron_up : this.iconPack.chevron_down, onClick: () => this.toggleCardDisplay() })))), this.renderExpandedCardMaybe(), this.renderParticipantsMaybe())));
     }