@naviedu/room-platform-react 0.0.27 → 0.0.28

package/index.esm.js

@@ -197,6 +197,7 @@ var RoomPlatformCapability = {
     MEDIA_PUBLISH_AUDIO: 'media:publish_audio',
     MEDIA_PUBLISH_VIDEO: 'media:publish_video',
     MEDIA_SHARE_SCREEN: 'media:share_screen',
+    ROOM_SET_MODE: 'room:set_mode',
     DATA_PUBLISH: 'data:publish',
     ROOM_SPEAK_REQUEST: 'room:speak_request',
     ROOM_MODERATE: 'room:moderate',
@@ -243,10 +244,11 @@ var RoomPlatformAction = /*#__PURE__*/ function(RoomPlatformAction) {
     RoomPlatformAction["SPEAK_REJECT"] = "speak.reject";
     RoomPlatformAction["SPEAKER_SET"] = "speaker.set";
     RoomPlatformAction["SPEAKER_CLEAR"] = "speaker.clear";
+    RoomPlatformAction["MODE_SET"] = "room.mode.set";
     return RoomPlatformAction;
 }({});
 var _obj;
-var roomActionCapabilities = (_obj = {}, _define_property$z(_obj, "private_room.invite", RoomPlatformCapability.PRIVATE_ROOM_INVITE), _define_property$z(_obj, "private_room.respond", RoomPlatformCapability.PRIVATE_ROOM_RESPOND), _define_property$z(_obj, "private_room.close", RoomPlatformCapability.PRIVATE_ROOM_CLOSE), _define_property$z(_obj, "private_room.screen_share.start", RoomPlatformCapability.MEDIA_SHARE_SCREEN), _define_property$z(_obj, "private_room.screen_share.stop", RoomPlatformCapability.MEDIA_SHARE_SCREEN), _define_property$z(_obj, "monitor.start", RoomPlatformCapability.MONITOR_MANAGE), _define_property$z(_obj, "monitor.stop", RoomPlatformCapability.MONITOR_MANAGE), _define_property$z(_obj, "moderation.mute", RoomPlatformCapability.ROOM_MODERATE), _define_property$z(_obj, "moderation.remove", RoomPlatformCapability.ROOM_MODERATE), _define_property$z(_obj, "moderation.lower_hand", RoomPlatformCapability.ROOM_MODERATE), _define_property$z(_obj, "whiteboard.clear", RoomPlatformCapability.WHITEBOARD_CLEAR), _define_property$z(_obj, "speak.request", RoomPlatformCapability.ROOM_SPEAK_REQUEST), _define_property$z(_obj, "speak.cancel", RoomPlatformCapability.ROOM_SPEAK_REQUEST), _define_property$z(_obj, "speak.approve", RoomPlatformCapability.ROOM_MODERATE), _define_property$z(_obj, "speak.reject", RoomPlatformCapability.ROOM_MODERATE), _define_property$z(_obj, "speaker.set", RoomPlatformCapability.ROOM_MODERATE), _define_property$z(_obj, "speaker.clear", RoomPlatformCapability.ROOM_MODERATE), _obj);
+var roomActionCapabilities = (_obj = {}, _define_property$z(_obj, "private_room.invite", RoomPlatformCapability.PRIVATE_ROOM_INVITE), _define_property$z(_obj, "private_room.respond", RoomPlatformCapability.PRIVATE_ROOM_RESPOND), _define_property$z(_obj, "private_room.close", RoomPlatformCapability.PRIVATE_ROOM_CLOSE), _define_property$z(_obj, "private_room.screen_share.start", RoomPlatformCapability.MEDIA_SHARE_SCREEN), _define_property$z(_obj, "private_room.screen_share.stop", RoomPlatformCapability.MEDIA_SHARE_SCREEN), _define_property$z(_obj, "monitor.start", RoomPlatformCapability.MONITOR_MANAGE), _define_property$z(_obj, "monitor.stop", RoomPlatformCapability.MONITOR_MANAGE), _define_property$z(_obj, "moderation.mute", RoomPlatformCapability.ROOM_MODERATE), _define_property$z(_obj, "moderation.remove", RoomPlatformCapability.ROOM_MODERATE), _define_property$z(_obj, "moderation.lower_hand", RoomPlatformCapability.ROOM_MODERATE), _define_property$z(_obj, "whiteboard.clear", RoomPlatformCapability.WHITEBOARD_CLEAR), _define_property$z(_obj, "speak.request", RoomPlatformCapability.ROOM_SPEAK_REQUEST), _define_property$z(_obj, "speak.cancel", RoomPlatformCapability.ROOM_SPEAK_REQUEST), _define_property$z(_obj, "speak.approve", RoomPlatformCapability.ROOM_MODERATE), _define_property$z(_obj, "speak.reject", RoomPlatformCapability.ROOM_MODERATE), _define_property$z(_obj, "speaker.set", RoomPlatformCapability.ROOM_MODERATE), _define_property$z(_obj, "speaker.clear", RoomPlatformCapability.ROOM_MODERATE), _define_property$z(_obj, "room.mode.set", RoomPlatformCapability.ROOM_SET_MODE), _obj);
 
 function _type_of$d(obj) {
     "@swc/helpers - typeof";
@@ -256,7 +258,7 @@ var isRoomControlState = function(value) {
     if (!value || (typeof value === "undefined" ? "undefined" : _type_of$d(value)) !== 'object' || Array.isArray(value)) return false;
     var state = value;
     var monitorViewerCount = state['monitorViewerCount'];
-    return typeof state['revision'] === 'string' && /^\d+$/.test(state['revision']) && Array.isArray(state['raisedHandParticipantIdentities']) && state['raisedHandParticipantIdentities'].every(function(identity) {
+    return typeof state['revision'] === 'string' && /^\d+$/.test(state['revision']) && typeof state['mode'] === 'string' && state['mode'].trim().length > 0 && state['mode'].length <= 64 && Array.isArray(state['raisedHandParticipantIdentities']) && state['raisedHandParticipantIdentities'].every(function(identity) {
         return typeof identity === 'string';
     }) && (state['activeSpeakerParticipantIdentity'] === undefined || typeof state['activeSpeakerParticipantIdentity'] === 'string') && typeof state['monitorActive'] === 'boolean' && typeof monitorViewerCount === 'number' && Number.isInteger(monitorViewerCount) && monitorViewerCount >= 0 && state['monitorActive'] === monitorViewerCount > 0 && state['monitorViewers'] === undefined && state['storageRevision'] === undefined;
 };
@@ -287,7 +289,7 @@ function _array_like_to_array$E(arr, len) {
 function _array_with_holes$z(arr) {
     if (Array.isArray(arr)) return arr;
 }
-function _array_without_holes$g(arr) {
+function _array_without_holes$h(arr) {
     if (Array.isArray(arr)) return _array_like_to_array$E(arr);
 }
 function _define_property$y(obj, key, value) {
@@ -303,7 +305,7 @@ function _define_property$y(obj, key, value) {
     }
     return obj;
 }
-function _iterable_to_array$g(iter) {
+function _iterable_to_array$h(iter) {
     if (typeof Symbol !== "undefined" && iter[Symbol.iterator] != null || iter["@@iterator"] != null) return Array.from(iter);
 }
 function _iterable_to_array_limit$z(arr, i) {
@@ -333,7 +335,7 @@ function _iterable_to_array_limit$z(arr, i) {
 function _non_iterable_rest$z() {
     throw new TypeError("Invalid attempt to destructure non-iterable instance.\\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.");
 }
-function _non_iterable_spread$g() {
+function _non_iterable_spread$h() {
     throw new TypeError("Invalid attempt to spread non-iterable instance.\\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.");
 }
 function _object_spread$v(target) {
@@ -354,8 +356,8 @@ function _object_spread$v(target) {
 function _sliced_to_array$z(arr, i) {
     return _array_with_holes$z(arr) || _iterable_to_array_limit$z(arr, i) || _unsupported_iterable_to_array$E(arr, i) || _non_iterable_rest$z();
 }
-function _to_consumable_array$g(arr) {
-    return _array_without_holes$g(arr) || _iterable_to_array$g(arr) || _unsupported_iterable_to_array$E(arr) || _non_iterable_spread$g();
+function _to_consumable_array$h(arr) {
+    return _array_without_holes$h(arr) || _iterable_to_array$h(arr) || _unsupported_iterable_to_array$E(arr) || _non_iterable_spread$h();
 }
 function _unsupported_iterable_to_array$E(o, minLen) {
     if (!o) return;
@@ -693,7 +695,7 @@ var createParseClassName = function(config) {
                 if (currentSegment.length > 0) {
                     var _result;
                     currentSegment.sort();
-                    (_result = result).push.apply(_result, _to_consumable_array$g(currentSegment));
+                    (_result = result).push.apply(_result, _to_consumable_array$h(currentSegment));
                     currentSegment = [];
                 }
                 result.push(modifier);
@@ -706,7 +708,7 @@ var createParseClassName = function(config) {
         if (currentSegment.length > 0) {
             var _result1;
             currentSegment.sort();
-            (_result1 = result).push.apply(_result1, _to_consumable_array$g(currentSegment));
+            (_result1 = result).push.apply(_result1, _to_consumable_array$h(currentSegment));
         }
         return result;
     };
@@ -846,7 +848,7 @@ var createTailwindMerge = function(createConfigFirst) {
         for(var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++){
             args[_key] = arguments[_key];
         }
-        return functionToCall(twJoin.apply(void 0, _to_consumable_array$g(args)));
+        return functionToCall(twJoin.apply(void 0, _to_consumable_array$h(args)));
     };
 };
 var fallbackThemeArr = [];
@@ -1062,7 +1064,7 @@ var getDefaultConfig = function() {
         ];
     };
     var scalePositionWithArbitrary = function() {
-        return _to_consumable_array$g(scalePosition()).concat([
+        return _to_consumable_array$h(scalePosition()).concat([
             isArbitraryVariable,
             isArbitraryValue
         ]);
@@ -1095,7 +1097,7 @@ var getDefaultConfig = function() {
             isFraction,
             'full',
             'auto'
-        ].concat(_to_consumable_array$g(scaleUnambiguousSpacing()));
+        ].concat(_to_consumable_array$h(scaleUnambiguousSpacing()));
     };
     var scaleGridTemplateColsRows = function() {
         return [
@@ -1167,7 +1169,7 @@ var getDefaultConfig = function() {
     var scaleMargin = function() {
         return [
             'auto'
-        ].concat(_to_consumable_array$g(scaleUnambiguousSpacing()));
+        ].concat(_to_consumable_array$h(scaleUnambiguousSpacing()));
     };
     var scaleSizing = function() {
         return [
@@ -1183,7 +1185,7 @@ var getDefaultConfig = function() {
             'min',
             'max',
             'fit'
-        ].concat(_to_consumable_array$g(scaleUnambiguousSpacing()));
+        ].concat(_to_consumable_array$h(scaleUnambiguousSpacing()));
     };
     var scaleSizingInline = function() {
         return [
@@ -1196,7 +1198,7 @@ var getDefaultConfig = function() {
             'min',
             'max',
             'fit'
-        ].concat(_to_consumable_array$g(scaleUnambiguousSpacing()));
+        ].concat(_to_consumable_array$h(scaleUnambiguousSpacing()));
     };
     var scaleSizingBlock = function() {
         return [
@@ -1210,7 +1212,7 @@ var getDefaultConfig = function() {
             'min',
             'max',
             'fit'
-        ].concat(_to_consumable_array$g(scaleUnambiguousSpacing()));
+        ].concat(_to_consumable_array$h(scaleUnambiguousSpacing()));
     };
     var scaleColor = function() {
         return [
@@ -1220,7 +1222,7 @@ var getDefaultConfig = function() {
         ];
     };
     var scaleBgPosition = function() {
-        return _to_consumable_array$g(scalePosition()).concat([
+        return _to_consumable_array$h(scalePosition()).concat([
             isArbitraryVariablePosition,
             isArbitraryPosition,
             {
@@ -1359,7 +1361,7 @@ var getDefaultConfig = function() {
         return [
             isFraction,
             'full'
-        ].concat(_to_consumable_array$g(scaleUnambiguousSpacing()));
+        ].concat(_to_consumable_array$h(scaleUnambiguousSpacing()));
     };
     return {
         cacheSize: 500,
@@ -1822,7 +1824,7 @@ var getDefaultConfig = function() {
                         'full',
                         'auto',
                         themeContainer
-                    ].concat(_to_consumable_array$g(scaleUnambiguousSpacing()))
+                    ].concat(_to_consumable_array$h(scaleUnambiguousSpacing()))
                 }
             ],
             /**
@@ -2029,7 +2031,7 @@ var getDefaultConfig = function() {
        * @see https://tailwindcss.com/docs/justify-content
        */ 'justify-content': [
                 {
-                    justify: _to_consumable_array$g(scaleAlignPrimaryAxis()).concat([
+                    justify: _to_consumable_array$h(scaleAlignPrimaryAxis()).concat([
                         'normal'
                     ])
                 }
@@ -2039,7 +2041,7 @@ var getDefaultConfig = function() {
        * @see https://tailwindcss.com/docs/justify-items
        */ 'justify-items': [
                 {
-                    'justify-items': _to_consumable_array$g(scaleAlignSecondaryAxis()).concat([
+                    'justify-items': _to_consumable_array$h(scaleAlignSecondaryAxis()).concat([
                         'normal'
                     ])
                 }
@@ -2051,7 +2053,7 @@ var getDefaultConfig = function() {
                 {
                     'justify-self': [
                         'auto'
-                    ].concat(_to_consumable_array$g(scaleAlignSecondaryAxis()))
+                    ].concat(_to_consumable_array$h(scaleAlignSecondaryAxis()))
                 }
             ],
             /**
@@ -2061,7 +2063,7 @@ var getDefaultConfig = function() {
                 {
                     content: [
                         'normal'
-                    ].concat(_to_consumable_array$g(scaleAlignPrimaryAxis()))
+                    ].concat(_to_consumable_array$h(scaleAlignPrimaryAxis()))
                 }
             ],
             /**
@@ -2069,7 +2071,7 @@ var getDefaultConfig = function() {
        * @see https://tailwindcss.com/docs/align-items
        */ 'align-items': [
                 {
-                    items: _to_consumable_array$g(scaleAlignSecondaryAxis()).concat([
+                    items: _to_consumable_array$h(scaleAlignSecondaryAxis()).concat([
                         {
                             baseline: [
                                 '',
@@ -2086,7 +2088,7 @@ var getDefaultConfig = function() {
                 {
                     self: [
                         'auto'
-                    ].concat(_to_consumable_array$g(scaleAlignSecondaryAxis()), [
+                    ].concat(_to_consumable_array$h(scaleAlignSecondaryAxis()), [
                         {
                             baseline: [
                                 '',
@@ -2109,7 +2111,7 @@ var getDefaultConfig = function() {
        * @see https://tailwindcss.com/docs/place-items
        */ 'place-items': [
                 {
-                    'place-items': _to_consumable_array$g(scaleAlignSecondaryAxis()).concat([
+                    'place-items': _to_consumable_array$h(scaleAlignSecondaryAxis()).concat([
                         'baseline'
                     ])
                 }
@@ -2121,7 +2123,7 @@ var getDefaultConfig = function() {
                 {
                     'place-self': [
                         'auto'
-                    ].concat(_to_consumable_array$g(scaleAlignSecondaryAxis()))
+                    ].concat(_to_consumable_array$h(scaleAlignSecondaryAxis()))
                 }
             ],
             // Spacing
@@ -2347,7 +2349,7 @@ var getDefaultConfig = function() {
                 {
                     inline: [
                         'auto'
-                    ].concat(_to_consumable_array$g(scaleSizingInline()))
+                    ].concat(_to_consumable_array$h(scaleSizingInline()))
                 }
             ],
             /**
@@ -2357,7 +2359,7 @@ var getDefaultConfig = function() {
                 {
                     'min-inline': [
                         'auto'
-                    ].concat(_to_consumable_array$g(scaleSizingInline()))
+                    ].concat(_to_consumable_array$h(scaleSizingInline()))
                 }
             ],
             /**
@@ -2367,7 +2369,7 @@ var getDefaultConfig = function() {
                 {
                     'max-inline': [
                         'none'
-                    ].concat(_to_consumable_array$g(scaleSizingInline()))
+                    ].concat(_to_consumable_array$h(scaleSizingInline()))
                 }
             ],
             /**
@@ -2377,7 +2379,7 @@ var getDefaultConfig = function() {
                 {
                     block: [
                         'auto'
-                    ].concat(_to_consumable_array$g(scaleSizingBlock()))
+                    ].concat(_to_consumable_array$h(scaleSizingBlock()))
                 }
             ],
             /**
@@ -2387,7 +2389,7 @@ var getDefaultConfig = function() {
                 {
                     'min-block': [
                         'auto'
-                    ].concat(_to_consumable_array$g(scaleSizingBlock()))
+                    ].concat(_to_consumable_array$h(scaleSizingBlock()))
                 }
             ],
             /**
@@ -2397,7 +2399,7 @@ var getDefaultConfig = function() {
                 {
                     'max-block': [
                         'none'
-                    ].concat(_to_consumable_array$g(scaleSizingBlock()))
+                    ].concat(_to_consumable_array$h(scaleSizingBlock()))
                 }
             ],
             /**
@@ -2408,7 +2410,7 @@ var getDefaultConfig = function() {
                     w: [
                         themeContainer,
                         'screen'
-                    ].concat(_to_consumable_array$g(scaleSizing()))
+                    ].concat(_to_consumable_array$h(scaleSizing()))
                 }
             ],
             /**
@@ -2420,7 +2422,7 @@ var getDefaultConfig = function() {
                         themeContainer,
                         'screen',
                         /** Deprecated. @see https://github.com/tailwindlabs/tailwindcss.com/issues/2027#issuecomment-2620152757 */ 'none'
-                    ].concat(_to_consumable_array$g(scaleSizing()))
+                    ].concat(_to_consumable_array$h(scaleSizing()))
                 }
             ],
             /**
@@ -2438,7 +2440,7 @@ var getDefaultConfig = function() {
                                 themeBreakpoint
                             ]
                         }
-                    ].concat(_to_consumable_array$g(scaleSizing()))
+                    ].concat(_to_consumable_array$h(scaleSizing()))
                 }
             ],
             /**
@@ -2449,7 +2451,7 @@ var getDefaultConfig = function() {
                     h: [
                         'screen',
                         'lh'
-                    ].concat(_to_consumable_array$g(scaleSizing()))
+                    ].concat(_to_consumable_array$h(scaleSizing()))
                 }
             ],
             /**
@@ -2461,7 +2463,7 @@ var getDefaultConfig = function() {
                         'screen',
                         'lh',
                         'none'
-                    ].concat(_to_consumable_array$g(scaleSizing()))
+                    ].concat(_to_consumable_array$h(scaleSizing()))
                 }
             ],
             /**
@@ -2472,7 +2474,7 @@ var getDefaultConfig = function() {
                     'max-h': [
                         'screen',
                         'lh'
-                    ].concat(_to_consumable_array$g(scaleSizing()))
+                    ].concat(_to_consumable_array$h(scaleSizing()))
                 }
             ],
             // ------------------
@@ -2630,7 +2632,7 @@ var getDefaultConfig = function() {
                 {
                     leading: [
                         /** Deprecated since Tailwind CSS v4.0.0. @see https://github.com/tailwindlabs/tailwindcss.com/issues/2027#issuecomment-2620152757 */ themeLeading
-                    ].concat(_to_consumable_array$g(scaleUnambiguousSpacing()))
+                    ].concat(_to_consumable_array$h(scaleUnambiguousSpacing()))
                 }
             ],
             /**
@@ -2716,7 +2718,7 @@ var getDefaultConfig = function() {
        * @see https://tailwindcss.com/docs/text-decoration-style
        */ 'text-decoration-style': [
                 {
-                    decoration: _to_consumable_array$g(scaleLineStyle()).concat([
+                    decoration: _to_consumable_array$h(scaleLineStyle()).concat([
                         'wavy'
                     ])
                 }
@@ -3282,7 +3284,7 @@ var getDefaultConfig = function() {
        * @see https://tailwindcss.com/docs/border-style
        */ 'border-style': [
                 {
-                    border: _to_consumable_array$g(scaleLineStyle()).concat([
+                    border: _to_consumable_array$h(scaleLineStyle()).concat([
                         'hidden',
                         'none'
                     ])
@@ -3293,7 +3295,7 @@ var getDefaultConfig = function() {
        * @see https://tailwindcss.com/docs/border-style#setting-the-divider-style
        */ 'divide-style': [
                 {
-                    divide: _to_consumable_array$g(scaleLineStyle()).concat([
+                    divide: _to_consumable_array$h(scaleLineStyle()).concat([
                         'hidden',
                         'none'
                     ])
@@ -3400,7 +3402,7 @@ var getDefaultConfig = function() {
        * @see https://tailwindcss.com/docs/outline-style
        */ 'outline-style': [
                 {
-                    outline: _to_consumable_array$g(scaleLineStyle()).concat([
+                    outline: _to_consumable_array$h(scaleLineStyle()).concat([
                         'none',
                         'hidden'
                     ])
@@ -3587,7 +3589,7 @@ var getDefaultConfig = function() {
        * @see https://tailwindcss.com/docs/mix-blend-mode
        */ 'mix-blend': [
                 {
-                    'mix-blend': _to_consumable_array$g(scaleBlendMode()).concat([
+                    'mix-blend': _to_consumable_array$h(scaleBlendMode()).concat([
                         'plus-darker',
                         'plus-lighter'
                     ])
@@ -4980,7 +4982,7 @@ var getDefaultConfig = function() {
                 {
                     fill: [
                         'none'
-                    ].concat(_to_consumable_array$g(scaleColor()))
+                    ].concat(_to_consumable_array$h(scaleColor()))
                 }
             ],
             /**
@@ -5003,7 +5005,7 @@ var getDefaultConfig = function() {
                 {
                     stroke: [
                         'none'
-                    ].concat(_to_consumable_array$g(scaleColor()))
+                    ].concat(_to_consumable_array$h(scaleColor()))
                 }
             ],
             // ---------------------
@@ -5320,7 +5322,7 @@ function _array_like_to_array$D(arr, len) {
 function _array_with_holes$y(arr) {
     if (Array.isArray(arr)) return arr;
 }
-function _array_without_holes$f(arr) {
+function _array_without_holes$g(arr) {
     if (Array.isArray(arr)) return _array_like_to_array$D(arr);
 }
 function _define_property$x(obj, key, value) {
@@ -5336,7 +5338,7 @@ function _define_property$x(obj, key, value) {
     }
     return obj;
 }
-function _iterable_to_array$f(iter) {
+function _iterable_to_array$g(iter) {
     if (typeof Symbol !== "undefined" && iter[Symbol.iterator] != null || iter["@@iterator"] != null) return Array.from(iter);
 }
 function _iterable_to_array_limit$y(arr, i) {
@@ -5366,7 +5368,7 @@ function _iterable_to_array_limit$y(arr, i) {
 function _non_iterable_rest$y() {
     throw new TypeError("Invalid attempt to destructure non-iterable instance.\\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.");
 }
-function _non_iterable_spread$f() {
+function _non_iterable_spread$g() {
     throw new TypeError("Invalid attempt to spread non-iterable instance.\\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.");
 }
 function _object_spread$u(target) {
@@ -5423,8 +5425,8 @@ function _object_without_properties_loose$f(source, excluded) {
 function _sliced_to_array$y(arr, i) {
     return _array_with_holes$y(arr) || _iterable_to_array_limit$y(arr, i) || _unsupported_iterable_to_array$D(arr, i) || _non_iterable_rest$y();
 }
-function _to_consumable_array$f(arr) {
-    return _array_without_holes$f(arr) || _iterable_to_array$f(arr) || _unsupported_iterable_to_array$D(arr) || _non_iterable_spread$f();
+function _to_consumable_array$g(arr) {
+    return _array_without_holes$g(arr) || _iterable_to_array$g(arr) || _unsupported_iterable_to_array$D(arr) || _non_iterable_spread$g();
 }
 function _unsupported_iterable_to_array$D(o, minLen) {
     if (!o) return;
@@ -5466,7 +5468,7 @@ var cva = function(base, config) {
             return Object.entries(compoundVariantOptions).every(function(param) {
                 var _param = _sliced_to_array$y(param, 2), key = _param[0], value = _param[1];
                 return Array.isArray(value) ? value.includes(_object_spread$u({}, defaultVariants, propsWithoutUndefined)[key]) : _object_spread$u({}, defaultVariants, propsWithoutUndefined)[key] === value;
-            }) ? _to_consumable_array$f(acc).concat([
+            }) ? _to_consumable_array$g(acc).concat([
                 cvClass,
                 cvClassName
             ]) : acc;
@@ -6936,7 +6938,7 @@ function _array_like_to_array$B(arr, len) {
     for(var i = 0, arr2 = new Array(len); i < len; i++)arr2[i] = arr[i];
     return arr2;
 }
-function _array_without_holes$e(arr) {
+function _array_without_holes$f(arr) {
     if (Array.isArray(arr)) return _array_like_to_array$B(arr);
 }
 function _define_property$o(obj, key, value) {
@@ -6952,10 +6954,10 @@ function _define_property$o(obj, key, value) {
     }
     return obj;
 }
-function _iterable_to_array$e(iter) {
+function _iterable_to_array$f(iter) {
     if (typeof Symbol !== "undefined" && iter[Symbol.iterator] != null || iter["@@iterator"] != null) return Array.from(iter);
 }
-function _non_iterable_spread$e() {
+function _non_iterable_spread$f() {
     throw new TypeError("Invalid attempt to spread non-iterable instance.\\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.");
 }
 function _object_spread$l(target) {
@@ -7028,8 +7030,8 @@ function _object_without_properties_loose$6(source, excluded) {
     }
     return target;
 }
-function _to_consumable_array$e(arr) {
-    return _array_without_holes$e(arr) || _iterable_to_array$e(arr) || _unsupported_iterable_to_array$B(arr) || _non_iterable_spread$e();
+function _to_consumable_array$f(arr) {
+    return _array_without_holes$f(arr) || _iterable_to_array$f(arr) || _unsupported_iterable_to_array$B(arr) || _non_iterable_spread$f();
 }
 function _unsupported_iterable_to_array$B(o, minLen) {
     if (!o) return;
@@ -7046,13 +7048,13 @@ function createWhiteboardLocalHistory(createOperationId) {
     };
     var getState = function() {
         return {
-            undoStack: _to_consumable_array$e(state.undoStack),
-            redoStack: _to_consumable_array$e(state.redoStack)
+            undoStack: _to_consumable_array$f(state.undoStack),
+            redoStack: _to_consumable_array$f(state.redoStack)
         };
     };
     var record = function(entry) {
         state = {
-            undoStack: _to_consumable_array$e(state.undoStack).concat([
+            undoStack: _to_consumable_array$f(state.undoStack).concat([
                 entry
             ]),
             redoStack: []
@@ -7114,7 +7116,7 @@ function createWhiteboardLocalHistory(createOperationId) {
                         clearOperationId: entry.clearOperationId
                     }
                 },
-                restoredObjects: _to_consumable_array$e(entry.localObjects)
+                restoredObjects: _to_consumable_array$f(entry.localObjects)
             };
         }
         var clearOperationId = createOperationId();
@@ -7133,7 +7135,7 @@ function createWhiteboardLocalHistory(createOperationId) {
         if (!entry) return undefined;
         var transition = commandFor(entry, direction);
         var _obj;
-        state = _object_spread_props$j(_object_spread$l({}, state), (_obj = {}, _define_property$o(_obj, from, source.slice(0, -1)), _define_property$o(_obj, to, _to_consumable_array$e(state[to]).concat([
+        state = _object_spread_props$j(_object_spread$l({}, state), (_obj = {}, _define_property$o(_obj, from, source.slice(0, -1)), _define_property$o(_obj, to, _to_consumable_array$f(state[to]).concat([
             entry
         ])), _obj));
         return transition;
@@ -7156,7 +7158,7 @@ function createWhiteboardLocalHistory(createOperationId) {
             return record({
                 kind: 'clear',
                 clearOperationId: clearOperationId,
-                localObjects: _to_consumable_array$e(localObjects)
+                localObjects: _to_consumable_array$f(localObjects)
             });
         },
         undo: function() {
@@ -7185,17 +7187,17 @@ function _array_like_to_array$A(arr, len) {
     for(var i = 0, arr2 = new Array(len); i < len; i++)arr2[i] = arr[i];
     return arr2;
 }
-function _array_without_holes$d(arr) {
+function _array_without_holes$e(arr) {
     if (Array.isArray(arr)) return _array_like_to_array$A(arr);
 }
-function _iterable_to_array$d(iter) {
+function _iterable_to_array$e(iter) {
     if (typeof Symbol !== "undefined" && iter[Symbol.iterator] != null || iter["@@iterator"] != null) return Array.from(iter);
 }
-function _non_iterable_spread$d() {
+function _non_iterable_spread$e() {
     throw new TypeError("Invalid attempt to spread non-iterable instance.\\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.");
 }
-function _to_consumable_array$d(arr) {
-    return _array_without_holes$d(arr) || _iterable_to_array$d(arr) || _unsupported_iterable_to_array$A(arr) || _non_iterable_spread$d();
+function _to_consumable_array$e(arr) {
+    return _array_without_holes$e(arr) || _iterable_to_array$e(arr) || _unsupported_iterable_to_array$A(arr) || _non_iterable_spread$e();
 }
 function _unsupported_iterable_to_array$A(o, minLen) {
     if (!o) return;
@@ -7250,7 +7252,7 @@ function clearCanvas(context, frameRect) {
 function redrawScene(context, objects, frameRect) {
     var now = arguments.length > 3 && arguments[3] !== void 0 ? arguments[3] : new Date();
     clearCanvas(context, frameRect);
-    var orderedObjects = _to_consumable_array$d(objects).sort(function(left, right) {
+    var orderedObjects = _to_consumable_array$e(objects).sort(function(left, right) {
         return left.latestRevision - right.latestRevision;
     });
     orderedObjects.forEach(function(object) {
@@ -7269,7 +7271,7 @@ function renderDraft(context, draft, frameRect) {
 function hitTestObject(point, objects, frameRect) {
     var now = arguments.length > 3 && arguments[3] !== void 0 ? arguments[3] : new Date();
     var pixelPoint = toPixelPoint(point, frameRect);
-    var orderedObjects = _to_consumable_array$d(objects).sort(function(left, right) {
+    var orderedObjects = _to_consumable_array$e(objects).sort(function(left, right) {
         return right.latestRevision - left.latestRevision;
     });
     return orderedObjects.find(function(object) {
@@ -7498,10 +7500,10 @@ function getObjectBounds(object, frameRect) {
             return point.y;
         });
         return {
-            height: (_Math = Math).max.apply(_Math, _to_consumable_array$d(ys)) - (_Math1 = Math).min.apply(_Math1, _to_consumable_array$d(ys)),
-            width: (_Math2 = Math).max.apply(_Math2, _to_consumable_array$d(xs)) - (_Math3 = Math).min.apply(_Math3, _to_consumable_array$d(xs)),
-            x: (_Math4 = Math).min.apply(_Math4, _to_consumable_array$d(xs)),
-            y: (_Math5 = Math).min.apply(_Math5, _to_consumable_array$d(ys))
+            height: (_Math = Math).max.apply(_Math, _to_consumable_array$e(ys)) - (_Math1 = Math).min.apply(_Math1, _to_consumable_array$e(ys)),
+            width: (_Math2 = Math).max.apply(_Math2, _to_consumable_array$e(xs)) - (_Math3 = Math).min.apply(_Math3, _to_consumable_array$e(xs)),
+            x: (_Math4 = Math).min.apply(_Math4, _to_consumable_array$e(xs)),
+            y: (_Math5 = Math).min.apply(_Math5, _to_consumable_array$e(ys))
         };
     }
     var startPoint = toPixelPoint(object.payload.start, frameRect);
@@ -7554,7 +7556,7 @@ function _array_like_to_array$z(arr, len) {
 function _array_with_holes$w(arr) {
     if (Array.isArray(arr)) return arr;
 }
-function _array_without_holes$c(arr) {
+function _array_without_holes$d(arr) {
     if (Array.isArray(arr)) return _array_like_to_array$z(arr);
 }
 function _define_property$n(obj, key, value) {
@@ -7570,7 +7572,7 @@ function _define_property$n(obj, key, value) {
     }
     return obj;
 }
-function _iterable_to_array$c(iter) {
+function _iterable_to_array$d(iter) {
     if (typeof Symbol !== "undefined" && iter[Symbol.iterator] != null || iter["@@iterator"] != null) return Array.from(iter);
 }
 function _iterable_to_array_limit$w(arr, i) {
@@ -7600,7 +7602,7 @@ function _iterable_to_array_limit$w(arr, i) {
 function _non_iterable_rest$w() {
     throw new TypeError("Invalid attempt to destructure non-iterable instance.\\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.");
 }
-function _non_iterable_spread$c() {
+function _non_iterable_spread$d() {
     throw new TypeError("Invalid attempt to spread non-iterable instance.\\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.");
 }
 function _object_spread$k(target) {
@@ -7640,8 +7642,8 @@ function _object_spread_props$i(target, source) {
 function _sliced_to_array$w(arr, i) {
     return _array_with_holes$w(arr) || _iterable_to_array_limit$w(arr, i) || _unsupported_iterable_to_array$z(arr, i) || _non_iterable_rest$w();
 }
-function _to_consumable_array$c(arr) {
-    return _array_without_holes$c(arr) || _iterable_to_array$c(arr) || _unsupported_iterable_to_array$z(arr) || _non_iterable_spread$c();
+function _to_consumable_array$d(arr) {
+    return _array_without_holes$d(arr) || _iterable_to_array$d(arr) || _unsupported_iterable_to_array$z(arr) || _non_iterable_spread$d();
 }
 function _type_of$9(obj) {
     "@swc/helpers - typeof";
@@ -7930,7 +7932,7 @@ function applyOperationToScene(state, operation, revision, optimisticRestoreObje
     }
 }
 function sortRecoveredObjects(state) {
-    state.recoveredObjects = new Map(_to_consumable_array$c(state.recoveredObjects.entries()).sort(function(param, param1) {
+    state.recoveredObjects = new Map(_to_consumable_array$d(state.recoveredObjects.entries()).sort(function(param, param1) {
         var _param = _sliced_to_array$w(param, 2), left = _param[1], _param1 = _sliced_to_array$w(param1, 2), right = _param1[1];
         return left.latestRevision === right.latestRevision ? left.objectId.localeCompare(right.objectId) : left.latestRevision - right.latestRevision;
     }));
@@ -7966,7 +7968,7 @@ function getOptimisticTail(state, operationId) {
 function cloneState(state) {
     return _object_spread_props$i(_object_spread$k({}, state), {
         appliedOperationIds: new Set(state.appliedOperationIds),
-        optimisticOperationIds: _to_consumable_array$c(state.optimisticOperationIds),
+        optimisticOperationIds: _to_consumable_array$d(state.optimisticOperationIds),
         optimisticOperations: new Map(state.optimisticOperations),
         recoveredObjects: new Map(state.recoveredObjects)
     });
@@ -8710,7 +8712,7 @@ function _array_like_to_array$y(arr, len) {
 function _array_with_holes$v(arr) {
     if (Array.isArray(arr)) return arr;
 }
-function _array_without_holes$b(arr) {
+function _array_without_holes$c(arr) {
     if (Array.isArray(arr)) return _array_like_to_array$y(arr);
 }
 function _define_property$l(obj, key, value) {
@@ -8726,7 +8728,7 @@ function _define_property$l(obj, key, value) {
     }
     return obj;
 }
-function _iterable_to_array$b(iter) {
+function _iterable_to_array$c(iter) {
     if (typeof Symbol !== "undefined" && iter[Symbol.iterator] != null || iter["@@iterator"] != null) return Array.from(iter);
 }
 function _iterable_to_array_limit$v(arr, i) {
@@ -8756,7 +8758,7 @@ function _iterable_to_array_limit$v(arr, i) {
 function _non_iterable_rest$v() {
     throw new TypeError("Invalid attempt to destructure non-iterable instance.\\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.");
 }
-function _non_iterable_spread$b() {
+function _non_iterable_spread$c() {
     throw new TypeError("Invalid attempt to spread non-iterable instance.\\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.");
 }
 function _object_spread$j(target) {
@@ -8796,8 +8798,8 @@ function _object_spread_props$h(target, source) {
 function _sliced_to_array$v(arr, i) {
     return _array_with_holes$v(arr) || _iterable_to_array_limit$v(arr, i) || _unsupported_iterable_to_array$y(arr, i) || _non_iterable_rest$v();
 }
-function _to_consumable_array$b(arr) {
-    return _array_without_holes$b(arr) || _iterable_to_array$b(arr) || _unsupported_iterable_to_array$y(arr) || _non_iterable_spread$b();
+function _to_consumable_array$c(arr) {
+    return _array_without_holes$c(arr) || _iterable_to_array$c(arr) || _unsupported_iterable_to_array$y(arr) || _non_iterable_spread$c();
 }
 function _unsupported_iterable_to_array$y(o, minLen) {
     if (!o) return;
@@ -9146,7 +9148,7 @@ function getPreferredPopoverSide(dock, position, toolbarSize, viewport) {
             position.top - (viewport.top + WHITEBOARD_VIEWPORT_PADDING)
         ]
     ];
-    return _to_consumable_array$b(spaces).sort(function(left, right) {
+    return _to_consumable_array$c(spaces).sort(function(left, right) {
         return right[1] - left[1];
     })[0][0];
 }
@@ -9966,7 +9968,7 @@ function _array_like_to_array$v(arr, len) {
 function _array_with_holes$s(arr) {
     if (Array.isArray(arr)) return arr;
 }
-function _array_without_holes$a(arr) {
+function _array_without_holes$b(arr) {
     if (Array.isArray(arr)) return _array_like_to_array$v(arr);
 }
 function asyncGeneratorStep$n(gen, resolve, reject, _next, _throw, key, arg) {
@@ -10011,7 +10013,7 @@ function _define_property$j(obj, key, value) {
     }
     return obj;
 }
-function _iterable_to_array$a(iter) {
+function _iterable_to_array$b(iter) {
     if (typeof Symbol !== "undefined" && iter[Symbol.iterator] != null || iter["@@iterator"] != null) return Array.from(iter);
 }
 function _iterable_to_array_limit$s(arr, i) {
@@ -10041,7 +10043,7 @@ function _iterable_to_array_limit$s(arr, i) {
 function _non_iterable_rest$s() {
     throw new TypeError("Invalid attempt to destructure non-iterable instance.\\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.");
 }
-function _non_iterable_spread$a() {
+function _non_iterable_spread$b() {
     throw new TypeError("Invalid attempt to spread non-iterable instance.\\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.");
 }
 function _object_spread$h(target) {
@@ -10117,8 +10119,8 @@ function _object_without_properties_loose$5(source, excluded) {
 function _sliced_to_array$s(arr, i) {
     return _array_with_holes$s(arr) || _iterable_to_array_limit$s(arr, i) || _unsupported_iterable_to_array$v(arr, i) || _non_iterable_rest$s();
 }
-function _to_consumable_array$a(arr) {
-    return _array_without_holes$a(arr) || _iterable_to_array$a(arr) || _unsupported_iterable_to_array$v(arr) || _non_iterable_spread$a();
+function _to_consumable_array$b(arr) {
+    return _array_without_holes$b(arr) || _iterable_to_array$b(arr) || _unsupported_iterable_to_array$v(arr) || _non_iterable_spread$b();
 }
 function _type_of$8(obj) {
     "@swc/helpers - typeof";
@@ -10274,7 +10276,7 @@ function WhiteboardCanvas(param) {
     var isSubmitBusy = submitState === 'submitting';
     var interactionEnabled = hasWritePermission && runtimeState === 'ready' && toolbarOpen;
     var sceneObjects = useMemo(function() {
-        return _to_consumable_array$a(sceneState.recoveredObjects.values()).map(function(object) {
+        return _to_consumable_array$b(sceneState.recoveredObjects.values()).map(function(object) {
             return applyLocalMarkerExpiry(object, localMarkerExpiryByObjectIdRef.current.get(object.objectId));
         });
     }, [
@@ -10783,7 +10785,7 @@ function freezeDraftObject(object) {
     if (object.objectType === 'annotation.stroke') {
         return _object_spread_props$f(_object_spread$h({}, object), {
             payload: _object_spread_props$f(_object_spread$h({}, object.payload), {
-                points: _to_consumable_array$a(object.payload.points)
+                points: _to_consumable_array$b(object.payload.points)
             })
         });
     }
@@ -10867,7 +10869,7 @@ function getNearestMarkerExpiry(objects) {
             expiry
         ] : [];
     });
-    return expiries.length ? (_Math = Math).min.apply(_Math, _to_consumable_array$a(expiries)) : undefined;
+    return expiries.length ? (_Math = Math).min.apply(_Math, _to_consumable_array$b(expiries)) : undefined;
 }
 function getNormalizedPoint(event, frameRect) {
     var currentFrameRect = getPointerFrameRect(event, frameRect);
@@ -11146,7 +11148,7 @@ function _array_like_to_array$t(arr, len) {
 function _array_with_holes$q(arr) {
     if (Array.isArray(arr)) return arr;
 }
-function _array_without_holes$9(arr) {
+function _array_without_holes$a(arr) {
     if (Array.isArray(arr)) return _array_like_to_array$t(arr);
 }
 function asyncGeneratorStep$m(gen, resolve, reject, _next, _throw, key, arg) {
@@ -11191,7 +11193,7 @@ function _define_property$i(obj, key, value) {
     }
     return obj;
 }
-function _iterable_to_array$9(iter) {
+function _iterable_to_array$a(iter) {
     if (typeof Symbol !== "undefined" && iter[Symbol.iterator] != null || iter["@@iterator"] != null) return Array.from(iter);
 }
 function _iterable_to_array_limit$q(arr, i) {
@@ -11221,7 +11223,7 @@ function _iterable_to_array_limit$q(arr, i) {
 function _non_iterable_rest$q() {
     throw new TypeError("Invalid attempt to destructure non-iterable instance.\\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.");
 }
-function _non_iterable_spread$9() {
+function _non_iterable_spread$a() {
     throw new TypeError("Invalid attempt to spread non-iterable instance.\\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.");
 }
 function _object_spread$g(target) {
@@ -11261,8 +11263,8 @@ function _object_spread_props$e(target, source) {
 function _sliced_to_array$q(arr, i) {
     return _array_with_holes$q(arr) || _iterable_to_array_limit$q(arr, i) || _unsupported_iterable_to_array$t(arr, i) || _non_iterable_rest$q();
 }
-function _to_consumable_array$9(arr) {
-    return _array_without_holes$9(arr) || _iterable_to_array$9(arr) || _unsupported_iterable_to_array$t(arr) || _non_iterable_spread$9();
+function _to_consumable_array$a(arr) {
+    return _array_without_holes$a(arr) || _iterable_to_array$a(arr) || _unsupported_iterable_to_array$t(arr) || _non_iterable_spread$a();
 }
 function _type_of$7(obj) {
     "@swc/helpers - typeof";
@@ -11508,7 +11510,7 @@ function createWhiteboardRuntime() {
             bootstrap: bootstrap,
             deltas: [],
             mode: 'replace',
-            settledOperationIds: _to_consumable_array$9(settledOperationIds)
+            settledOperationIds: _to_consumable_array$a(settledOperationIds)
         };
         boardId = bootstrap.boardId;
         hasCanonicalScene = true;
@@ -11702,7 +11704,7 @@ function createWhiteboardRuntime() {
                         confirmRevision(delta.toRevision);
                         _iteratorNormalCompletion1 = true, _didIteratorError1 = false, _iteratorError1 = undefined;
                         try {
-                            for(_iterator1 = _to_consumable_array$9(bufferedCommittedEvents.keys())[Symbol.iterator](); !(_iteratorNormalCompletion1 = (_step1 = _iterator1.next()).done); _iteratorNormalCompletion1 = true){
+                            for(_iterator1 = _to_consumable_array$a(bufferedCommittedEvents.keys())[Symbol.iterator](); !(_iteratorNormalCompletion1 = (_step1 = _iterator1.next()).done); _iteratorNormalCompletion1 = true){
                                 revision = _step1.value;
                                 if (revision <= appliedRevision) bufferedCommittedEvents.delete(revision);
                             }
@@ -11749,7 +11751,7 @@ function createWhiteboardRuntime() {
                         ];
                         _iteratorNormalCompletion = true, _didIteratorError = false, _iteratorError = undefined;
                         try {
-                            for(_iterator = _to_consumable_array$9(bufferedCommittedEvents.keys())[Symbol.iterator](); !(_iteratorNormalCompletion = (_step = _iterator.next()).done); _iteratorNormalCompletion = true){
+                            for(_iterator = _to_consumable_array$a(bufferedCommittedEvents.keys())[Symbol.iterator](); !(_iteratorNormalCompletion = (_step = _iterator.next()).done); _iteratorNormalCompletion = true){
                                 revision = _step.value;
                                 if (revision <= appliedRevision) bufferedCommittedEvents.delete(revision);
                             }
@@ -11772,7 +11774,7 @@ function createWhiteboardRuntime() {
                             3,
                             2
                         ];
-                        nextRevision = (_Math = Math).min.apply(_Math, _to_consumable_array$9(bufferedCommittedEvents.keys()));
+                        nextRevision = (_Math = Math).min.apply(_Math, _to_consumable_array$a(bufferedCommittedEvents.keys()));
                         if (!Number.isFinite(nextRevision)) return [
                             2,
                             true
@@ -12568,7 +12570,7 @@ function foldOperationsIntoRecoverySnapshot(bootstrap, update) {
     return _object_spread_props$e(_object_spread$g({}, bootstrap), {
         boardId: update.boardId,
         headRevision: update.toRevision,
-        objects: sortRecoveryObjects(_to_consumable_array$9(objects.values()))
+        objects: sortRecoveryObjects(_to_consumable_array$a(objects.values()))
     });
 }
 function resolveRealtimeEndpoint(endpoint) {
@@ -12793,7 +12795,7 @@ function setSocketToken(socket, token) {
     socket.auth.token = token;
 }
 function sortRecoveryObjects(objects) {
-    return _to_consumable_array$9(objects).sort(function(left, right) {
+    return _to_consumable_array$a(objects).sort(function(left, right) {
         return left.latestRevision === right.latestRevision ? left.objectId.localeCompare(right.objectId) : left.latestRevision - right.latestRevision;
     });
 }
@@ -12841,7 +12843,7 @@ function _array_like_to_array$s(arr, len) {
 function _array_with_holes$p(arr) {
     if (Array.isArray(arr)) return arr;
 }
-function _array_without_holes$8(arr) {
+function _array_without_holes$9(arr) {
     if (Array.isArray(arr)) return _array_like_to_array$s(arr);
 }
 function asyncGeneratorStep$l(gen, resolve, reject, _next, _throw, key, arg) {
@@ -12886,7 +12888,7 @@ function _define_property$h(obj, key, value) {
     }
     return obj;
 }
-function _iterable_to_array$8(iter) {
+function _iterable_to_array$9(iter) {
     if (typeof Symbol !== "undefined" && iter[Symbol.iterator] != null || iter["@@iterator"] != null) return Array.from(iter);
 }
 function _iterable_to_array_limit$p(arr, i) {
@@ -12916,7 +12918,7 @@ function _iterable_to_array_limit$p(arr, i) {
 function _non_iterable_rest$p() {
     throw new TypeError("Invalid attempt to destructure non-iterable instance.\\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.");
 }
-function _non_iterable_spread$8() {
+function _non_iterable_spread$9() {
     throw new TypeError("Invalid attempt to spread non-iterable instance.\\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.");
 }
 function _object_spread$f(target) {
@@ -12956,8 +12958,8 @@ function _object_spread_props$d(target, source) {
 function _sliced_to_array$p(arr, i) {
     return _array_with_holes$p(arr) || _iterable_to_array_limit$p(arr, i) || _unsupported_iterable_to_array$s(arr, i) || _non_iterable_rest$p();
 }
-function _to_consumable_array$8(arr) {
-    return _array_without_holes$8(arr) || _iterable_to_array$8(arr) || _unsupported_iterable_to_array$s(arr) || _non_iterable_spread$8();
+function _to_consumable_array$9(arr) {
+    return _array_without_holes$9(arr) || _iterable_to_array$9(arr) || _unsupported_iterable_to_array$s(arr) || _non_iterable_spread$9();
 }
 function _unsupported_iterable_to_array$s(o, minLen) {
     if (!o) return;
@@ -13110,7 +13112,7 @@ function WhiteboardProvider(param) {
     var runtimeCommittedEventChange = useCallback(function(nextEvent) {
         setCommittedEvent(nextEvent);
         setCommittedEvents(function(events) {
-            return _to_consumable_array$8(events).concat([
+            return _to_consumable_array$9(events).concat([
                 nextEvent
             ]);
         });
@@ -13469,7 +13471,7 @@ function _array_like_to_array$r(arr, len) {
     for(var i = 0, arr2 = new Array(len); i < len; i++)arr2[i] = arr[i];
     return arr2;
 }
-function _array_without_holes$7(arr) {
+function _array_without_holes$8(arr) {
     if (Array.isArray(arr)) return _array_like_to_array$r(arr);
 }
 function _define_property$g(obj, key, value) {
@@ -13485,10 +13487,10 @@ function _define_property$g(obj, key, value) {
     }
     return obj;
 }
-function _iterable_to_array$7(iter) {
+function _iterable_to_array$8(iter) {
     if (typeof Symbol !== "undefined" && iter[Symbol.iterator] != null || iter["@@iterator"] != null) return Array.from(iter);
 }
-function _non_iterable_spread$7() {
+function _non_iterable_spread$8() {
     throw new TypeError("Invalid attempt to spread non-iterable instance.\\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.");
 }
 function _object_spread$e(target) {
@@ -13525,8 +13527,8 @@ function _object_spread_props$c(target, source) {
     }
     return target;
 }
-function _to_consumable_array$7(arr) {
-    return _array_without_holes$7(arr) || _iterable_to_array$7(arr) || _unsupported_iterable_to_array$r(arr) || _non_iterable_spread$7();
+function _to_consumable_array$8(arr) {
+    return _array_without_holes$8(arr) || _iterable_to_array$8(arr) || _unsupported_iterable_to_array$r(arr) || _non_iterable_spread$8();
 }
 function _unsupported_iterable_to_array$r(o, minLen) {
     if (!o) return;
@@ -13552,7 +13554,7 @@ function toChatProviderProps(integration) {
         refreshTokenExpiresAt: integration.refreshTokenExpiresAt,
         rooms: integration.rooms.map(function(room) {
             return _object_spread_props$c(_object_spread$e({}, room), {
-                permissions: _to_consumable_array$7(room.permissions)
+                permissions: _to_consumable_array$8(room.permissions)
             });
         }),
         token: integration.token,
@@ -13590,7 +13592,7 @@ function _array_like_to_array$q(arr, len) {
 function _array_with_holes$o(arr) {
     if (Array.isArray(arr)) return arr;
 }
-function _array_without_holes$6(arr) {
+function _array_without_holes$7(arr) {
     if (Array.isArray(arr)) return _array_like_to_array$q(arr);
 }
 function _assert_this_initialized$1(self) {
@@ -13696,7 +13698,7 @@ function _instanceof$3(left, right) {
 function _is_native_function$1(fn) {
     return Function.toString.call(fn).indexOf("[native code]") !== -1;
 }
-function _iterable_to_array$6(iter) {
+function _iterable_to_array$7(iter) {
     if (typeof Symbol !== "undefined" && iter[Symbol.iterator] != null || iter["@@iterator"] != null) return Array.from(iter);
 }
 function _iterable_to_array_limit$o(arr, i) {
@@ -13726,7 +13728,7 @@ function _iterable_to_array_limit$o(arr, i) {
 function _non_iterable_rest$o() {
     throw new TypeError("Invalid attempt to destructure non-iterable instance.\\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.");
 }
-function _non_iterable_spread$6() {
+function _non_iterable_spread$7() {
     throw new TypeError("Invalid attempt to spread non-iterable instance.\\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.");
 }
 function _object_spread$d(target) {
@@ -13779,8 +13781,8 @@ function _set_prototype_of$1(o, p) {
 function _sliced_to_array$o(arr, i) {
     return _array_with_holes$o(arr) || _iterable_to_array_limit$o(arr, i) || _unsupported_iterable_to_array$q(arr, i) || _non_iterable_rest$o();
 }
-function _to_consumable_array$6(arr) {
-    return _array_without_holes$6(arr) || _iterable_to_array$6(arr) || _unsupported_iterable_to_array$q(arr) || _non_iterable_spread$6();
+function _to_consumable_array$7(arr) {
+    return _array_without_holes$7(arr) || _iterable_to_array$7(arr) || _unsupported_iterable_to_array$q(arr) || _non_iterable_spread$7();
 }
 function _type_of$6(obj) {
     "@swc/helpers - typeof";
@@ -14071,6 +14073,7 @@ var activeDevicesStateOf = function(room) {
 };
 function RoomPlatformProvider(param) {
     var apiBaseUrl = param.apiBaseUrl, children = param.children, launchToken = param.launchToken, onError = param.onError, onLifecycleEvent = param.onLifecycleEvent, onLaunchTicketRequired = param.onLaunchTicketRequired;
+    var _ref;
     var _useState = _sliced_to_array$o(useState(), 2), access = _useState[0], setAccess = _useState[1];
     var _useState1 = _sliced_to_array$o(useState(emptyActiveDevices), 2), activeDevices = _useState1[0], setActiveDevices = _useState1[1];
     var _useState2 = _sliced_to_array$o(useState(), 2), actionError = _useState2[0], setActionError = _useState2[1];
@@ -15051,12 +15054,12 @@ function RoomPlatformProvider(param) {
             throw actionFailure;
         }).finally(function() {
             pendingActionsRef.current.delete(pendingKey);
-            if (isMountedRef.current) setPendingActionKeys(_to_consumable_array$6(pendingActionsRef.current.keys()));
+            if (isMountedRef.current) setPendingActionKeys(_to_consumable_array$7(pendingActionsRef.current.keys()));
         });
         pendingActionsRef.current.set(pendingKey, action);
         if (isMountedRef.current) {
             setActionError(undefined);
-            setPendingActionKeys(_to_consumable_array$6(pendingActionsRef.current.keys()));
+            setPendingActionKeys(_to_consumable_array$7(pendingActionsRef.current.keys()));
         }
         return action;
     }, [
@@ -15167,10 +15170,10 @@ function RoomPlatformProvider(param) {
             throw mediaError;
         }).finally(function() {
             pendingLocalMediaRef.current.delete(kind);
-            if (isMountedRef.current) setPendingLocalMediaKinds(_to_consumable_array$6(pendingLocalMediaRef.current.keys()));
+            if (isMountedRef.current) setPendingLocalMediaKinds(_to_consumable_array$7(pendingLocalMediaRef.current.keys()));
         });
         pendingLocalMediaRef.current.set(kind, operation);
-        if (isMountedRef.current) setPendingLocalMediaKinds(_to_consumable_array$6(pendingLocalMediaRef.current.keys()));
+        if (isMountedRef.current) setPendingLocalMediaKinds(_to_consumable_array$7(pendingLocalMediaRef.current.keys()));
         return operation;
     }, [
         clearMediaError,
@@ -15184,7 +15187,7 @@ function RoomPlatformProvider(param) {
     var localParticipantMonitorCamera = (controlState === null || controlState === void 0 ? void 0 : controlState.monitorActive) === true && roleFromMetadata(room === null || room === void 0 ? void 0 : room.localParticipant.metadata) === 'student';
     var canPublishAudioNow = !privateRoomActiveForActor && (hasCapability(localMediaCapabilities.microphone) || localParticipantIsActiveSpeaker);
     var canPublishCameraNow = !privateRoomActiveForActor && (hasCapability(localMediaCapabilities.camera) || localParticipantIsActiveSpeaker || localParticipantMonitorCamera);
-    var canPublishScreenShareNow = hasCapability(localMediaCapabilities.screenShare);
+    var canPublishScreenShareNow = hasCapability(localMediaCapabilities.screenShare) && ((_ref = controlState === null || controlState === void 0 ? void 0 : controlState.mode) !== null && _ref !== void 0 ? _ref : 'live') === 'live';
     useEffect(function() {
         if (!room || !privateRoomForActor || (privateRoom === null || privateRoom === void 0 ? void 0 : privateRoom.status) !== 'ringing') return;
         var participant = room.localParticipant;
@@ -16023,10 +16026,10 @@ function _array_like_to_array$o(arr, len) {
 function _array_with_holes$m(arr) {
     if (Array.isArray(arr)) return arr;
 }
-function _array_without_holes$5(arr) {
+function _array_without_holes$6(arr) {
     if (Array.isArray(arr)) return _array_like_to_array$o(arr);
 }
-function _iterable_to_array$5(iter) {
+function _iterable_to_array$6(iter) {
     if (typeof Symbol !== "undefined" && iter[Symbol.iterator] != null || iter["@@iterator"] != null) return Array.from(iter);
 }
 function _iterable_to_array_limit$m(arr, i) {
@@ -16056,14 +16059,14 @@ function _iterable_to_array_limit$m(arr, i) {
 function _non_iterable_rest$m() {
     throw new TypeError("Invalid attempt to destructure non-iterable instance.\\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.");
 }
-function _non_iterable_spread$5() {
+function _non_iterable_spread$6() {
     throw new TypeError("Invalid attempt to spread non-iterable instance.\\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.");
 }
 function _sliced_to_array$m(arr, i) {
     return _array_with_holes$m(arr) || _iterable_to_array_limit$m(arr, i) || _unsupported_iterable_to_array$o(arr, i) || _non_iterable_rest$m();
 }
-function _to_consumable_array$5(arr) {
-    return _array_without_holes$5(arr) || _iterable_to_array$5(arr) || _unsupported_iterable_to_array$o(arr) || _non_iterable_spread$5();
+function _to_consumable_array$6(arr) {
+    return _array_without_holes$6(arr) || _iterable_to_array$6(arr) || _unsupported_iterable_to_array$o(arr) || _non_iterable_spread$6();
 }
 function _type_of$5(obj) {
     "@swc/helpers - typeof";
@@ -16117,7 +16120,7 @@ var snapshotPresence = function(room, controlState) {
     }));
     return [
         snapshotParticipant(room.localParticipant, true, controlState === null || controlState === void 0 ? void 0 : controlState.activeSpeakerParticipantIdentity, speakingParticipantIdentities)
-    ].concat(_to_consumable_array$5(Array.from(room.remoteParticipants.values()).map(function(participant) {
+    ].concat(_to_consumable_array$6(Array.from(room.remoteParticipants.values()).map(function(participant) {
         return snapshotParticipant(participant, false, controlState === null || controlState === void 0 ? void 0 : controlState.activeSpeakerParticipantIdentity, speakingParticipantIdentities);
     })));
 };
@@ -19031,7 +19034,7 @@ function _array_like_to_array$g(arr, len) {
     for(var i = 0, arr2 = new Array(len); i < len; i++)arr2[i] = arr[i];
     return arr2;
 }
-function _array_without_holes$4(arr) {
+function _array_without_holes$5(arr) {
     if (Array.isArray(arr)) return _array_like_to_array$g(arr);
 }
 function asyncGeneratorStep$f(gen, resolve, reject, _next, _throw, key, arg) {
@@ -19083,10 +19086,10 @@ function _instanceof$1(left, right) {
         return left instanceof right;
     }
 }
-function _iterable_to_array$4(iter) {
+function _iterable_to_array$5(iter) {
     if (typeof Symbol !== "undefined" && iter[Symbol.iterator] != null || iter["@@iterator"] != null) return Array.from(iter);
 }
-function _non_iterable_spread$4() {
+function _non_iterable_spread$5() {
     throw new TypeError("Invalid attempt to spread non-iterable instance.\\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.");
 }
 function _object_spread$8(target) {
@@ -19123,8 +19126,8 @@ function _object_spread_props$7(target, source) {
     }
     return target;
 }
-function _to_consumable_array$4(arr) {
-    return _array_without_holes$4(arr) || _iterable_to_array$4(arr) || _unsupported_iterable_to_array$g(arr) || _non_iterable_spread$4();
+function _to_consumable_array$5(arr) {
+    return _array_without_holes$5(arr) || _iterable_to_array$5(arr) || _unsupported_iterable_to_array$g(arr) || _non_iterable_spread$5();
 }
 function _type_of$4(obj) {
     "@swc/helpers - typeof";
@@ -19773,7 +19776,7 @@ var appendRoomPlatformUploadAssetId = function(assetId) {
                         ];
                     }
                     nextGallery = saveUploadGallery({
-                        assetIds: _to_consumable_array$4(galleryAssetIds).concat([
+                        assetIds: _to_consumable_array$5(galleryAssetIds).concat([
                             assetId
                         ]),
                         updatedAt: nowIso()
@@ -21078,7 +21081,7 @@ function _array_like_to_array$e(arr, len) {
 function _array_with_holes$d(arr) {
     if (Array.isArray(arr)) return arr;
 }
-function _array_without_holes$3(arr) {
+function _array_without_holes$4(arr) {
     if (Array.isArray(arr)) return _array_like_to_array$e(arr);
 }
 function asyncGeneratorStep$d(gen, resolve, reject, _next, _throw, key, arg) {
@@ -21110,7 +21113,7 @@ function _async_to_generator$d(fn) {
         });
     };
 }
-function _iterable_to_array$3(iter) {
+function _iterable_to_array$4(iter) {
     if (typeof Symbol !== "undefined" && iter[Symbol.iterator] != null || iter["@@iterator"] != null) return Array.from(iter);
 }
 function _iterable_to_array_limit$d(arr, i) {
@@ -21140,14 +21143,14 @@ function _iterable_to_array_limit$d(arr, i) {
 function _non_iterable_rest$d() {
     throw new TypeError("Invalid attempt to destructure non-iterable instance.\\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.");
 }
-function _non_iterable_spread$3() {
+function _non_iterable_spread$4() {
     throw new TypeError("Invalid attempt to spread non-iterable instance.\\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.");
 }
 function _sliced_to_array$d(arr, i) {
     return _array_with_holes$d(arr) || _iterable_to_array_limit$d(arr, i) || _unsupported_iterable_to_array$e(arr, i) || _non_iterable_rest$d();
 }
-function _to_consumable_array$3(arr) {
-    return _array_without_holes$3(arr) || _iterable_to_array$3(arr) || _unsupported_iterable_to_array$e(arr) || _non_iterable_spread$3();
+function _to_consumable_array$4(arr) {
+    return _array_without_holes$4(arr) || _iterable_to_array$4(arr) || _unsupported_iterable_to_array$e(arr) || _non_iterable_spread$4();
 }
 function _unsupported_iterable_to_array$e(o, minLen) {
     if (!o) return;
@@ -21262,7 +21265,7 @@ var scopeOf = function(connection) {
         connection.roomName,
         connection.wsUrl,
         String(connection.publishEnabled)
-    ].concat(_to_consumable_array$3(connection.permissions)).join('|');
+    ].concat(_to_consumable_array$4(connection.permissions)).join('|');
 };
 function RoomPlatformPrivateRoomCameraBackground() {
     var _cameraTracks_find_publication, _cameraTracks_find;
@@ -23402,7 +23405,7 @@ function _array_like_to_array$a(arr, len) {
     for(var i = 0, arr2 = new Array(len); i < len; i++)arr2[i] = arr[i];
     return arr2;
 }
-function _array_without_holes$2(arr) {
+function _array_without_holes$3(arr) {
     if (Array.isArray(arr)) return _array_like_to_array$a(arr);
 }
 function _class_call_check$1(instance, Constructor) {
@@ -23436,14 +23439,14 @@ function _define_property$4(obj, key, value) {
     }
     return obj;
 }
-function _iterable_to_array$2(iter) {
+function _iterable_to_array$3(iter) {
     if (typeof Symbol !== "undefined" && iter[Symbol.iterator] != null || iter["@@iterator"] != null) return Array.from(iter);
 }
-function _non_iterable_spread$2() {
+function _non_iterable_spread$3() {
     throw new TypeError("Invalid attempt to spread non-iterable instance.\\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.");
 }
-function _to_consumable_array$2(arr) {
-    return _array_without_holes$2(arr) || _iterable_to_array$2(arr) || _unsupported_iterable_to_array$a(arr) || _non_iterable_spread$2();
+function _to_consumable_array$3(arr) {
+    return _array_without_holes$3(arr) || _iterable_to_array$3(arr) || _unsupported_iterable_to_array$a(arr) || _non_iterable_spread$3();
 }
 function _unsupported_iterable_to_array$a(o, minLen) {
     if (!o) return;
@@ -23496,7 +23499,7 @@ var ChatClientState = /*#__PURE__*/ function() {
         {
             key: "getRooms",
             value: function getRooms() {
-                return _to_consumable_array$2(this.rooms.values());
+                return _to_consumable_array$3(this.rooms.values());
             }
         },
         {
@@ -25040,7 +25043,7 @@ function _array_like_to_array$8(arr, len) {
 function _array_with_holes$8(arr) {
     if (Array.isArray(arr)) return arr;
 }
-function _array_without_holes$1(arr) {
+function _array_without_holes$2(arr) {
     if (Array.isArray(arr)) return _array_like_to_array$8(arr);
 }
 function asyncGeneratorStep$5(gen, resolve, reject, _next, _throw, key, arg) {
@@ -25079,7 +25082,7 @@ function _instanceof(left, right) {
         return left instanceof right;
     }
 }
-function _iterable_to_array$1(iter) {
+function _iterable_to_array$2(iter) {
     if (typeof Symbol !== "undefined" && iter[Symbol.iterator] != null || iter["@@iterator"] != null) return Array.from(iter);
 }
 function _iterable_to_array_limit$8(arr, i) {
@@ -25109,14 +25112,14 @@ function _iterable_to_array_limit$8(arr, i) {
 function _non_iterable_rest$8() {
     throw new TypeError("Invalid attempt to destructure non-iterable instance.\\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.");
 }
-function _non_iterable_spread$1() {
+function _non_iterable_spread$2() {
     throw new TypeError("Invalid attempt to spread non-iterable instance.\\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.");
 }
 function _sliced_to_array$8(arr, i) {
     return _array_with_holes$8(arr) || _iterable_to_array_limit$8(arr, i) || _unsupported_iterable_to_array$8(arr, i) || _non_iterable_rest$8();
 }
-function _to_consumable_array$1(arr) {
-    return _array_without_holes$1(arr) || _iterable_to_array$1(arr) || _unsupported_iterable_to_array$8(arr) || _non_iterable_spread$1();
+function _to_consumable_array$2(arr) {
+    return _array_without_holes$2(arr) || _iterable_to_array$2(arr) || _unsupported_iterable_to_array$8(arr) || _non_iterable_spread$2();
 }
 function _unsupported_iterable_to_array$8(o, minLen) {
     if (!o) return;
@@ -25243,7 +25246,7 @@ function MessageList(param) {
     var _useState4 = _sliced_to_array$8(useState(true), 2), isAtLatest = _useState4[0], setIsAtLatest = _useState4[1];
     var _useState5 = _sliced_to_array$8(useState(false), 2), hasNewMessages = _useState5[0], setHasNewMessages = _useState5[1];
     var orderedMessages = useMemo(function() {
-        return _to_consumable_array$1(messages).sort(compareMessagesByCreatedAt);
+        return _to_consumable_array$2(messages).sort(compareMessagesByCreatedAt);
     }, [
         messages
     ]);
@@ -25602,7 +25605,7 @@ var findNextOwnActionDeadlineMs = function(param) {
         return deadline >= currentTimeMs;
     });
     if (!deadlines.length) return undefined;
-    return (_Math = Math).min.apply(_Math, _to_consumable_array$1(deadlines));
+    return (_Math = Math).min.apply(_Math, _to_consumable_array$2(deadlines));
 };
 var groupMessages = function(messages) {
     return messages.reduce(function(groups, message) {
@@ -25643,7 +25646,7 @@ var hasNewMessageFromOtherSubject = function(messages, previousMessages, current
     var previousIds = new Set(previousMessages.map(function(message) {
         return message.id;
     }));
-    var previousNewestTime = (_Math = Math).max.apply(_Math, _to_consumable_array$1(previousMessages.map(function(message) {
+    var previousNewestTime = (_Math = Math).max.apply(_Math, _to_consumable_array$2(previousMessages.map(function(message) {
         return new Date(message.createdAt).getTime();
     })).concat([
         Number.NEGATIVE_INFINITY
@@ -25995,7 +25998,7 @@ function _array_like_to_array$6(arr, len) {
 function _array_with_holes$6(arr) {
     if (Array.isArray(arr)) return arr;
 }
-function _array_without_holes(arr) {
+function _array_without_holes$1(arr) {
     if (Array.isArray(arr)) return _array_like_to_array$6(arr);
 }
 function asyncGeneratorStep$3(gen, resolve, reject, _next, _throw, key, arg) {
@@ -26040,7 +26043,7 @@ function _define_property$1(obj, key, value) {
     }
     return obj;
 }
-function _iterable_to_array(iter) {
+function _iterable_to_array$1(iter) {
     if (typeof Symbol !== "undefined" && iter[Symbol.iterator] != null || iter["@@iterator"] != null) return Array.from(iter);
 }
 function _iterable_to_array_limit$6(arr, i) {
@@ -26070,7 +26073,7 @@ function _iterable_to_array_limit$6(arr, i) {
 function _non_iterable_rest$6() {
     throw new TypeError("Invalid attempt to destructure non-iterable instance.\\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.");
 }
-function _non_iterable_spread() {
+function _non_iterable_spread$1() {
     throw new TypeError("Invalid attempt to spread non-iterable instance.\\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.");
 }
 function _object_spread$1(target) {
@@ -26110,8 +26113,8 @@ function _object_spread_props$1(target, source) {
 function _sliced_to_array$6(arr, i) {
     return _array_with_holes$6(arr) || _iterable_to_array_limit$6(arr, i) || _unsupported_iterable_to_array$6(arr, i) || _non_iterable_rest$6();
 }
-function _to_consumable_array(arr) {
-    return _array_without_holes(arr) || _iterable_to_array(arr) || _unsupported_iterable_to_array$6(arr) || _non_iterable_spread();
+function _to_consumable_array$1(arr) {
+    return _array_without_holes$1(arr) || _iterable_to_array$1(arr) || _unsupported_iterable_to_array$6(arr) || _non_iterable_spread$1();
 }
 function _type_of(obj) {
     "@swc/helpers - typeof";
@@ -26625,7 +26628,7 @@ var upsertMessage = function(messages, message) {
     var index = messages.findIndex(function(candidate) {
         return candidate.id === message.id;
     });
-    if (index === -1) return _to_consumable_array(messages).concat([
+    if (index === -1) return _to_consumable_array$1(messages).concat([
         message
     ]);
     return messages.map(function(candidate, candidateIndex) {
@@ -27926,6 +27929,9 @@ function _array_like_to_array(arr, len) {
 function _array_with_holes(arr) {
     if (Array.isArray(arr)) return arr;
 }
+function _array_without_holes(arr) {
+    if (Array.isArray(arr)) return _array_like_to_array(arr);
+}
 function asyncGeneratorStep(gen, resolve, reject, _next, _throw, key, arg) {
     try {
         var info = gen[key](arg);
@@ -27968,6 +27974,9 @@ function _define_property(obj, key, value) {
     }
     return obj;
 }
+function _iterable_to_array(iter) {
+    if (typeof Symbol !== "undefined" && iter[Symbol.iterator] != null || iter["@@iterator"] != null) return Array.from(iter);
+}
 function _iterable_to_array_limit(arr, i) {
     var _i = arr == null ? null : typeof Symbol !== "undefined" && arr[Symbol.iterator] || arr["@@iterator"];
     if (_i == null) return;
@@ -27995,6 +28004,9 @@ function _iterable_to_array_limit(arr, i) {
 function _non_iterable_rest() {
     throw new TypeError("Invalid attempt to destructure non-iterable instance.\\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.");
 }
+function _non_iterable_spread() {
+    throw new TypeError("Invalid attempt to spread non-iterable instance.\\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.");
+}
 function _object_spread(target) {
     for(var i = 1; i < arguments.length; i++){
         var source = arguments[i] != null ? arguments[i] : {};
@@ -28068,6 +28080,9 @@ function _object_without_properties_loose(source, excluded) {
 function _sliced_to_array(arr, i) {
     return _array_with_holes(arr) || _iterable_to_array_limit(arr, i) || _unsupported_iterable_to_array(arr, i) || _non_iterable_rest();
 }
+function _to_consumable_array(arr) {
+    return _array_without_holes(arr) || _iterable_to_array(arr) || _unsupported_iterable_to_array(arr) || _non_iterable_spread();
+}
 function _unsupported_iterable_to_array(o, minLen) {
     if (!o) return;
     if (typeof o === "string") return _array_like_to_array(o, minLen);
@@ -28191,32 +28206,6 @@ var emptyStageModel = {
     },
     primary: undefined
 };
-function RoomPlatformPracticeModeMediaPolicy(param) {
-    var isPracticeMode = param.isPracticeMode;
-    var _useRoomPlatform = useRoomPlatform(), localMedia = _useRoomPlatform.localMedia, setLocalMediaEnabled = _useRoomPlatform.setLocalMediaEnabled;
-    var previousIsPracticeModeRef = useRef(isPracticeMode);
-    var shouldStopScreenShareRef = useRef(false);
-    useEffect(function() {
-        if (!previousIsPracticeModeRef.current && isPracticeMode) {
-            shouldStopScreenShareRef.current = true;
-        }
-        previousIsPracticeModeRef.current = isPracticeMode;
-        if (!isPracticeMode) {
-            shouldStopScreenShareRef.current = false;
-            return;
-        }
-        if (!shouldStopScreenShareRef.current || !localMedia.screenShare) return;
-        shouldStopScreenShareRef.current = false;
-        void setLocalMediaEnabled('screenShare', false).catch(function() {
-            return undefined;
-        });
-    }, [
-        isPracticeMode,
-        localMedia.screenShare,
-        setLocalMediaEnabled
-    ]);
-    return null;
-}
 function getShareSessionKey(trackSid) {
     return trackSid ? "livekit:".concat(trackSid) : undefined;
 }
@@ -28253,8 +28242,8 @@ function RoomPlatformWhiteboardShareLifecycle(param) {
     return null;
 }
 var RoomPlatformWorkspaceContent = function(param) {
-    var cameraBackground = param.cameraBackground, completionAction = param.completionAction, extensions = param.extensions; param.isPracticeMode; var onExit = param.onExit, sizing = param.sizing, stageModel = param.stageModel;
-    var _resolvedStageModel_cameraOverlay, _ref, _ref1;
+    var cameraBackground = param.cameraBackground, completionAction = param.completionAction, extensions = param.extensions, modeConfig = param.modeConfig, onExit = param.onExit, sizing = param.sizing, stageModel = param.stageModel;
+    var _resolvedStageModel_cameraOverlay, _ref, _ref1, _ref2, _ref3, _ref4;
     var _resolvedStageModel_primary, _resolvedStageModel_primary1, _extensions_sidebarTabs;
     var _useRoomPlatform = useRoomPlatform(), access = _useRoomPlatform.access, controlState = _useRoomPlatform.controlState, error = _useRoomPlatform.error, hasCapability = _useRoomPlatform.hasCapability, isActionPending = _useRoomPlatform.isActionPending, localPreviewTrack = _useRoomPlatform.localPreviewTrack, performAction = _useRoomPlatform.performAction, status = _useRoomPlatform.status;
     var integrations = useRoomPlatformIntegrations().integrations;
@@ -28282,7 +28271,7 @@ var RoomPlatformWorkspaceContent = function(param) {
     ]);
     var workspace = extensions === null || extensions === void 0 ? void 0 : extensions.mainWorkspace;
     var MainWorkspace = workspace === null || workspace === void 0 ? void 0 : workspace.component;
-    var workspaceIsRendered = Boolean(workspace === null || workspace === void 0 ? void 0 : workspace.component);
+    var workspaceIsRendered = Boolean((workspace === null || workspace === void 0 ? void 0 : workspace.component) && ((_ref = controlState === null || controlState === void 0 ? void 0 : controlState.mode) !== null && _ref !== void 0 ? _ref : 'live') !== 'live');
     var whiteboardIsRendered = Boolean(whiteboardProviderProps);
     var workspaceOverlayTrack = workspaceIsRendered && (workspace === null || workspace === void 0 ? void 0 : workspace.placement) === 'overlay' ? resolvedStageModel.primary : undefined;
     var presentation = workspaceIsRendered && workspace ? {
@@ -28297,8 +28286,9 @@ var RoomPlatformWorkspaceContent = function(param) {
             isPending: isActionPending,
             perform: performAction
         },
-        capabilities: (_ref = access === null || access === void 0 ? void 0 : access.capabilities) !== null && _ref !== void 0 ? _ref : [],
+        capabilities: (_ref1 = access === null || access === void 0 ? void 0 : access.capabilities) !== null && _ref1 !== void 0 ? _ref1 : [],
         connectionStatus: status,
+        currentMode: (_ref2 = controlState === null || controlState === void 0 ? void 0 : controlState.mode) !== null && _ref2 !== void 0 ? _ref2 : 'live',
         currentParticipant: access ? currentParticipantPresence !== null && currentParticipantPresence !== void 0 ? currentParticipantPresence : {
             canPublishAudio: false,
             canPublishVideo: false,
@@ -28415,10 +28405,81 @@ var RoomPlatformWorkspaceContent = function(param) {
         extensionProps: extensionProps
     }) : undefined;
     var shouldShowPracticeStage = workspaceIsRendered && MainWorkspace && (workspace === null || workspace === void 0 ? void 0 : workspace.placement) === 'overlay';
-    var topBarTrailing = TopBarTrailing ? /*#__PURE__*/ jsx(RoomPlatformExtensionZone, {
-        component: TopBarTrailing,
-        extensionProps: extensionProps
-    }) : undefined;
+    var modes = [
+        {
+            key: 'live',
+            label: 'Live'
+        }
+    ].concat(_to_consumable_array((_ref3 = modeConfig === null || modeConfig === void 0 ? void 0 : modeConfig.modes) !== null && _ref3 !== void 0 ? _ref3 : [])).reduce(function(items, mode) {
+        return mode.key.trim() && !items.some(function(item) {
+            return item.key === mode.key;
+        }) ? _to_consumable_array(items).concat([
+            mode
+        ]) : items;
+    }, []);
+    var topBarTrailing = /*#__PURE__*/ jsxs("div", {
+        className: "flex items-center gap-2",
+        children: [
+            /*#__PURE__*/ jsx("div", {
+                className: "flex rounded-lg border border-white/20 p-1",
+                children: modes.map(function(mode) {
+                    return /*#__PURE__*/ jsx(Button, {
+                        type: "button",
+                        size: "sm",
+                        variant: extensionProps.currentMode === mode.key ? 'secondary' : 'ghost',
+                        "aria-pressed": extensionProps.currentMode === mode.key,
+                        disabled: !hasCapability('room:set_mode') || isActionPending(RoomPlatformAction.MODE_SET, {
+                            mode: mode.key
+                        }),
+                        onClick: function() {
+                            return void (function() {
+                                return _async_to_generator(function() {
+                                    var _modeConfig_beforeModeChange;
+                                    return _ts_generator(this, function(_state) {
+                                        switch(_state.label){
+                                            case 0:
+                                                if (mode.key === extensionProps.currentMode) return [
+                                                    2
+                                                ];
+                                                return [
+                                                    4,
+                                                    modeConfig === null || modeConfig === void 0 ? void 0 : (_modeConfig_beforeModeChange = modeConfig.beforeModeChange) === null || _modeConfig_beforeModeChange === void 0 ? void 0 : _modeConfig_beforeModeChange.call(modeConfig, {
+                                                        from: extensionProps.currentMode,
+                                                        to: mode.key
+                                                    })
+                                                ];
+                                            case 1:
+                                                if (_state.sent() === false) return [
+                                                    2
+                                                ];
+                                                return [
+                                                    4,
+                                                    performAction(RoomPlatformAction.MODE_SET, {
+                                                        mode: mode.key
+                                                    })
+                                                ];
+                                            case 2:
+                                                _state.sent();
+                                                return [
+                                                    2
+                                                ];
+                                        }
+                                    });
+                                })();
+                            })().catch(function() {
+                                return undefined;
+                            });
+                        },
+                        children: mode.label
+                    }, mode.key);
+                })
+            }),
+            TopBarTrailing ? /*#__PURE__*/ jsx(RoomPlatformExtensionZone, {
+                component: TopBarTrailing,
+                extensionProps: extensionProps
+            }) : null
+        ]
+    });
     var activeSpeakerParticipantIdentity = controlState === null || controlState === void 0 ? void 0 : controlState.activeSpeakerParticipantIdentity;
     var hasActiveSpeaker = Boolean(activeSpeakerParticipantIdentity);
     var canModerate = hasCapability('room:moderate');
@@ -28476,7 +28537,7 @@ var RoomPlatformWorkspaceContent = function(param) {
                 onClearActiveSpeaker: clearActiveSpeaker,
                 onRejectSpeakRequest: rejectSpeakRequest,
                 participants: participants,
-                raisedHandParticipantIdentities: (_ref1 = controlState === null || controlState === void 0 ? void 0 : controlState.raisedHandParticipantIdentities) !== null && _ref1 !== void 0 ? _ref1 : []
+                raisedHandParticipantIdentities: (_ref4 = controlState === null || controlState === void 0 ? void 0 : controlState.raisedHandParticipantIdentities) !== null && _ref4 !== void 0 ? _ref4 : []
             }) : null,
             activeSpeakerMediaSlot || localMediaSlot ? /*#__PURE__*/ jsxs("div", {
                 className: "grid gap-3 border-b border-primary/10 p-2",
@@ -28827,31 +28888,26 @@ function RoomPlatformPrivateRoomRuntime(param) {
     });
 }
 function RoomPlatformRuntime(_0) {
-    var children = _0.children, completionAction = _0.completionAction, extensions = _0.extensions, isPracticeMode = _0.isPracticeMode, onExit = _0.onExit, _0_sizing = _0.sizing, sizing = _0_sizing === void 0 ? 'viewport' : _0_sizing, providerProps = _object_without_properties(_0, [
+    var children = _0.children, completionAction = _0.completionAction, extensions = _0.extensions, modeConfig = _0.modeConfig, onExit = _0.onExit, _0_sizing = _0.sizing, sizing = _0_sizing === void 0 ? 'viewport' : _0_sizing, providerProps = _object_without_properties(_0, [
         "children",
         "completionAction",
         "extensions",
-        "isPracticeMode",
+        "modeConfig",
         "onExit",
         "sizing"
     ]);
-    return /*#__PURE__*/ jsxs(RoomPlatformProvider, _object_spread_props(_object_spread({}, providerProps), {
-        children: [
-            /*#__PURE__*/ jsx(RoomPlatformPracticeModeMediaPolicy, {
-                isPracticeMode: isPracticeMode
-            }),
-            /*#__PURE__*/ jsx(RoomPlatformMediaRuntime, {
-                children: /*#__PURE__*/ jsx(RoomPlatformPrivateRoomRuntime, {
-                    children: children !== null && children !== void 0 ? children : /*#__PURE__*/ jsx(RoomPlatformWorkspace, {
-                        completionAction: completionAction,
-                        extensions: extensions,
-                        isPracticeMode: isPracticeMode,
-                        onExit: onExit,
-                        sizing: sizing
-                    })
+    return /*#__PURE__*/ jsx(RoomPlatformProvider, _object_spread_props(_object_spread({}, providerProps), {
+        children: /*#__PURE__*/ jsx(RoomPlatformMediaRuntime, {
+            children: /*#__PURE__*/ jsx(RoomPlatformPrivateRoomRuntime, {
+                children: children !== null && children !== void 0 ? children : /*#__PURE__*/ jsx(RoomPlatformWorkspace, {
+                    completionAction: completionAction,
+                    extensions: extensions,
+                    modeConfig: modeConfig,
+                    onExit: onExit,
+                    sizing: sizing
                 })
             })
-        ]
+        })
     }));
 }
 function RoomPlatformRoom(props) {