@100mslive/roomkit-react 0.3.7-alpha.3 → 0.3.7-alpha.5

package/dist/index.js

@@ -62,7 +62,7 @@ import {
   theme,
   useBorderAudioLevel,
   useTheme
-} from "./chunk-5VWHFS7L.js";
+} from "./chunk-JAZO4PHJ.js";
 export {
   Accordion,
   AudioLevel,

package/dist/meta.cjs.json

@@ -3023,7 +3023,7 @@
       "format": "esm"
     },
     "src/Prebuilt/components/EmojiReaction.jsx": {
-      "bytes": 3143,
+      "bytes": 3338,
       "imports": [
         {
           "path": "react",
@@ -3085,6 +3085,11 @@
           "kind": "import-statement",
           "original": "../IconButton"
         },
+        {
+          "path": "src/Prebuilt/provider/roomLayoutProvider/hooks/useRoomLayoutScreen.ts",
+          "kind": "import-statement",
+          "original": "../provider/roomLayoutProvider/hooks/useRoomLayoutScreen"
+        },
         {
           "path": "src/Prebuilt/components/hooks/useDropdownList.ts",
           "kind": "import-statement",
@@ -11473,7 +11478,7 @@
       "format": "esm"
     },
     "src/Prebuilt/layouts/HLSView.jsx": {
-      "bytes": 28624,
+      "bytes": 28876,
       "imports": [
         {
           "path": "react",
@@ -13770,7 +13775,7 @@
       "imports": [],
       "exports": [],
       "inputs": {},
-      "bytes": 3304062
+      "bytes": 3304627
     },
     "dist/index.cjs.js": {
       "imports": [
@@ -16714,7 +16719,7 @@
       "entryPoint": "src/index.ts",
       "inputs": {
         "<define:process.env>": {
-          "bytesInOutput": 18286
+          "bytesInOutput": 18287
         },
         "src/Theme/base.config.ts": {
           "bytesInOutput": 6104
@@ -17068,7 +17073,7 @@
           "bytesInOutput": 4848
         },
         "src/Prebuilt/components/EmojiReaction.jsx": {
-          "bytesInOutput": 3381
+          "bytesInOutput": 3504
         },
         "src/Prebuilt/components/Leave/EndSessionContent.tsx": {
           "bytesInOutput": 2547
@@ -17629,7 +17634,7 @@
           "bytesInOutput": 2886
         },
         "src/Prebuilt/layouts/HLSView.jsx": {
-          "bytesInOutput": 33518
+          "bytesInOutput": 33634
         },
         "src/Prebuilt/layouts/VideoStreamingSection.tsx": {
           "bytesInOutput": 4586
@@ -17767,7 +17772,7 @@
           "bytesInOutput": 2980
         }
       },
-      "bytes": 1572124
+      "bytes": 1572364
     }
   }
 }

package/dist/meta.esbuild.json

@@ -3023,7 +3023,7 @@
       "format": "esm"
     },
     "src/Prebuilt/components/EmojiReaction.jsx": {
-      "bytes": 3143,
+      "bytes": 3338,
       "imports": [
         {
           "path": "react",
@@ -3085,6 +3085,11 @@
           "kind": "import-statement",
           "original": "../IconButton"
         },
+        {
+          "path": "src/Prebuilt/provider/roomLayoutProvider/hooks/useRoomLayoutScreen.ts",
+          "kind": "import-statement",
+          "original": "../provider/roomLayoutProvider/hooks/useRoomLayoutScreen"
+        },
         {
           "path": "src/Prebuilt/components/hooks/useDropdownList.ts",
           "kind": "import-statement",
@@ -11473,7 +11478,7 @@
       "format": "esm"
     },
     "src/Prebuilt/layouts/HLSView.jsx": {
-      "bytes": 28624,
+      "bytes": 28876,
       "imports": [
         {
           "path": "react",
@@ -13775,7 +13780,7 @@
     "dist/index.js": {
       "imports": [
         {
-          "path": "dist/chunk-5VWHFS7L.js",
+          "path": "dist/chunk-JAZO4PHJ.js",
           "kind": "import-statement"
         }
       ],
@@ -13848,16 +13853,16 @@
       "inputs": {},
       "bytes": 1822
     },
-    "dist/HLSView-6CEK2ZH3.js.map": {
+    "dist/HLSView-JXKL2OA3.js.map": {
       "imports": [],
       "exports": [],
       "inputs": {},
-      "bytes": 99653
+      "bytes": 99966
     },
-    "dist/HLSView-6CEK2ZH3.js": {
+    "dist/HLSView-JXKL2OA3.js": {
       "imports": [
         {
-          "path": "dist/chunk-5VWHFS7L.js",
+          "path": "dist/chunk-JAZO4PHJ.js",
           "kind": "import-statement"
         },
         {
@@ -14037,7 +14042,7 @@
       "entryPoint": "src/Prebuilt/layouts/HLSView.jsx",
       "inputs": {
         "src/Prebuilt/layouts/HLSView.jsx": {
-          "bytesInOutput": 27807
+          "bytesInOutput": 27923
         },
         "src/Prebuilt/components/HlsStatsOverlay.jsx": {
           "bytesInOutput": 3521
@@ -14091,15 +14096,15 @@
           "bytesInOutput": 2101
         }
       },
-      "bytes": 61455
+      "bytes": 61571
     },
-    "dist/chunk-5VWHFS7L.js.map": {
+    "dist/chunk-JAZO4PHJ.js.map": {
       "imports": [],
       "exports": [],
       "inputs": {},
-      "bytes": 3200225
+      "bytes": 3200472
     },
-    "dist/chunk-5VWHFS7L.js": {
+    "dist/chunk-JAZO4PHJ.js": {
       "imports": [
         {
           "path": "react",
@@ -16482,7 +16487,7 @@
           "external": true
         },
         {
-          "path": "dist/HLSView-6CEK2ZH3.js",
+          "path": "dist/HLSView-JXKL2OA3.js",
           "kind": "dynamic-import"
         },
         {
@@ -16963,7 +16968,7 @@
       ],
       "inputs": {
         "<define:process.env>": {
-          "bytesInOutput": 18286
+          "bytesInOutput": 18287
         },
         "../../node_modules/lodash/lodash.js": {
           "bytesInOutput": 224310
@@ -17305,7 +17310,7 @@
           "bytesInOutput": 1028
         },
         "src/Prebuilt/components/EmojiReaction.jsx": {
-          "bytesInOutput": 2493
+          "bytesInOutput": 2580
         },
         "src/Prebuilt/components/Footer/EmojiCard.jsx": {
           "bytesInOutput": 972
@@ -17923,7 +17928,7 @@
           "bytesInOutput": 651
         }
       },
-      "bytes": 1310358
+      "bytes": 1310446
     }
   }
 }

package/package.json

@@ -10,7 +10,7 @@
     "prebuilt",
     "roomkit"
   ],
-  "version": "0.3.7-alpha.3",
+  "version": "0.3.7-alpha.5",
   "author": "100ms",
   "license": "MIT",
   "repository": {
@@ -82,11 +82,11 @@
     "react": ">=17.0.2 <19.0.0"
   },
   "dependencies": {
-    "@100mslive/hls-player": "0.3.7-alpha.3",
+    "@100mslive/hls-player": "0.3.7-alpha.5",
     "@100mslive/hms-noise-cancellation": "0.0.1",
-    "@100mslive/hms-virtual-background": "1.13.7-alpha.3",
-    "@100mslive/react-icons": "0.10.7-alpha.3",
-    "@100mslive/react-sdk": "0.10.7-alpha.3",
+    "@100mslive/hms-virtual-background": "1.13.7-alpha.5",
+    "@100mslive/react-icons": "0.10.7-alpha.5",
+    "@100mslive/react-sdk": "0.10.7-alpha.5",
     "@100mslive/types-prebuilt": "0.12.8",
     "@emoji-mart/data": "^1.0.6",
     "@emoji-mart/react": "^1.0.1",
@@ -122,5 +122,5 @@
     "uuid": "^8.3.2",
     "worker-timers": "^7.0.40"
   },
-  "gitHead": "a8f673eb5b3724688c21718a824ed9d7c63b30cc"
+  "gitHead": "3dd4ad3ad8988f0550edafae26b500b11925936e"
 }

package/src/Prebuilt/components/EmojiReaction.jsx

@@ -17,6 +17,7 @@ import { Box } from '../../Layout';
 import { config as cssConfig } from '../../Theme';
 import { Tooltip } from '../../Tooltip';
 import IconButton from '../IconButton';
+import { useRoomLayoutConferencingScreen } from '../provider/roomLayoutProvider/hooks/useRoomLayoutScreen';
 import { useDropdownList } from './hooks/useDropdownList';
 import { useLandscapeHLSStream, useMobileHLSStream } from '../common/hooks';
 import { EMOJI_REACTION_TYPE } from '../common/constants';
@@ -26,6 +27,7 @@ init({ data });
 export const EmojiReaction = ({ showCard = false }) => {
   const [open, setOpen] = useState(false);
   const isConnected = useHMSStore(selectIsConnectedToRoom);
+  const { elements } = useRoomLayoutConferencingScreen();
   useDropdownList({ open: open, name: 'EmojiReaction' });
   // const hmsActions = useHMSActions();
   const roles = useHMSStore(selectAvailableRoleNames);
@@ -64,7 +66,7 @@ export const EmojiReaction = ({ showCard = false }) => {
     } */
   };
 
-  if (!isConnected) {
+  if (!isConnected || !elements.emoji_reactions) {
     return null;
   }
 

package/src/Prebuilt/layouts/HLSView.jsx

@@ -549,7 +549,13 @@ const HLSView = () => {
                   justify="between"
                   css={{
                     position: 'absolute',
-                    bg: '#00000066',
+                    bg: `${
+                      hoverControlsVisible.pausePlay ||
+                      hoverControlsVisible.seekBackward ||
+                      hoverControlsVisible.seekForward
+                        ? '#00000066'
+                        : ''
+                    }`,
                     display: 'inline-flex',
                     gap: '$2',
                     zIndex: 1,