@100mslive/roomkit-react 0.3.19-alpha.22 → 0.3.19-alpha.24

package/package.json

@@ -10,7 +10,7 @@
     "prebuilt",
     "roomkit"
   ],
-  "version": "0.3.19-alpha.22",
+  "version": "0.3.19-alpha.24",
   "author": "100ms",
   "license": "MIT",
   "repository": {
@@ -75,12 +75,12 @@
     "react": ">=17.0.2 <19.0.0"
   },
   "dependencies": {
-    "@100mslive/hls-player": "0.3.19-alpha.22",
+    "@100mslive/hls-player": "0.3.19-alpha.24",
     "@100mslive/hms-noise-cancellation": "0.0.1",
-    "@100mslive/hms-virtual-background": "1.13.19-alpha.22",
-    "@100mslive/hms-whiteboard": "0.0.9-alpha.22",
-    "@100mslive/react-icons": "0.10.19-alpha.22",
-    "@100mslive/react-sdk": "0.10.19-alpha.22",
+    "@100mslive/hms-virtual-background": "1.13.19-alpha.24",
+    "@100mslive/hms-whiteboard": "0.0.9-alpha.24",
+    "@100mslive/react-icons": "0.10.19-alpha.24",
+    "@100mslive/react-sdk": "0.10.19-alpha.24",
     "@100mslive/types-prebuilt": "0.12.12",
     "@emoji-mart/data": "^1.0.6",
     "@emoji-mart/react": "^1.0.1",
@@ -117,5 +117,5 @@
     "uuid": "^8.3.2",
     "worker-timers": "^7.0.40"
   },
-  "gitHead": "0500308b01f5eaea601172231e5ad76136765d32"
+  "gitHead": "9488737c5d5a46a839b8c19f221c8900304d570d"
 }

package/src/Prebuilt/AppStateContext.tsx

@@ -68,12 +68,15 @@ export const useAppStateManager = () => {
         [HMSRoomState.Disconnected, HMSRoomState.Connecting],
         [HMSRoomState.Disconnected, HMSRoomState.Reconnecting],
         () => {
-          setActiveState(
-            match({ isLeaveScreenEnabled, isPreviewScreenEnabled })
-              .with({ isLeaveScreenEnabled: true }, () => PrebuiltStates.LEAVE)
+          setActiveState(prevState => {
+            return match({ isLeaveScreenEnabled, isPreviewScreenEnabled, prevState })
+              .when(
+                ({ isLeaveScreenEnabled, prevState }) => isLeaveScreenEnabled && prevState !== PrebuiltStates.LEAVE,
+                () => PrebuiltStates.LEAVE,
+              )
               .with({ isPreviewScreenEnabled: true }, () => PrebuiltStates.PREVIEW)
-              .otherwise(() => PrebuiltStates.MEETING),
-          );
+              .otherwise(() => PrebuiltStates.MEETING);
+          });
           VBHandler.reset();
           redirectToLeave(1000); // to clear toasts after 1 second
         },

package/src/Prebuilt/components/InsetTile.tsx

@@ -100,7 +100,7 @@ export const InsetTile = ({ peerId }: { peerId?: string }) => {
           position: 'absolute',
           bottom: 0,
           right: 0,
-          zIndex: 11,
+          zIndex: 10,
           boxShadow: '0 0 8px 0 rgba(0,0,0,0.3)',
           r: '$2',
           ...(!minimised