@100mslive/roomkit-react 0.2.4-alpha.0 → 0.2.4-alpha.1

package/dist/index.js

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

package/dist/meta.cjs.json

@@ -5619,7 +5619,7 @@
       "format": "esm"
     },
     "src/Prebuilt/components/Connection/connectionQualityUtils.js": {
-      "bytes": 1222,
+      "bytes": 1146,
       "imports": [
         {
           "path": "<define:process.env>",
@@ -5630,7 +5630,7 @@
       "format": "esm"
     },
     "src/Prebuilt/components/Connection/ConnectionIndicator.tsx": {
-      "bytes": 3584,
+      "bytes": 3582,
       "imports": [
         {
           "path": "react",
@@ -9623,7 +9623,7 @@
       "format": "esm"
     },
     "src/Prebuilt/components/VideoLayouts/ProminenceLayout.tsx": {
-      "bytes": 2457,
+      "bytes": 2449,
       "imports": [
         {
           "path": "react",
@@ -9669,7 +9669,7 @@
       "format": "esm"
     },
     "src/Prebuilt/components/SecondaryTiles.tsx": {
-      "bytes": 2609,
+      "bytes": 2773,
       "imports": [
         {
           "path": "react",
@@ -12770,7 +12770,7 @@
       "imports": [],
       "exports": [],
       "inputs": {},
-      "bytes": 3164317
+      "bytes": 3164450
     },
     "dist/index.cjs.js": {
       "imports": [
@@ -15474,7 +15474,7 @@
       "entryPoint": "src/index.ts",
       "inputs": {
         "<define:process.env>": {
-          "bytesInOutput": 18111
+          "bytesInOutput": 18113
         },
         "src/Theme/base.config.ts": {
           "bytesInOutput": 6104
@@ -16029,10 +16029,10 @@
           "bytesInOutput": 1939
         },
         "src/Prebuilt/components/Connection/connectionQualityUtils.js": {
-          "bytesInOutput": 1059
+          "bytesInOutput": 974
         },
         "src/Prebuilt/components/Connection/ConnectionIndicator.tsx": {
-          "bytesInOutput": 4492
+          "bytesInOutput": 4490
         },
         "src/Prebuilt/components/RemoveParticipant.tsx": {
           "bytesInOutput": 1694
@@ -16269,10 +16269,10 @@
           "bytesInOutput": 2453
         },
         "src/Prebuilt/components/VideoLayouts/ProminenceLayout.tsx": {
-          "bytesInOutput": 2961
+          "bytesInOutput": 2953
         },
         "src/Prebuilt/components/SecondaryTiles.tsx": {
-          "bytesInOutput": 2991
+          "bytesInOutput": 3143
         },
         "src/Prebuilt/components/hooks/useRoleProminencePeers.tsx": {
           "bytesInOutput": 1302
@@ -16482,7 +16482,7 @@
           "bytesInOutput": 2980
         }
       },
-      "bytes": 1486444
+      "bytes": 1486503
     }
   }
 }

package/dist/meta.esbuild.json

@@ -5619,7 +5619,7 @@
       "format": "esm"
     },
     "src/Prebuilt/components/Connection/connectionQualityUtils.js": {
-      "bytes": 1222,
+      "bytes": 1146,
       "imports": [
         {
           "path": "<define:process.env>",
@@ -5630,7 +5630,7 @@
       "format": "esm"
     },
     "src/Prebuilt/components/Connection/ConnectionIndicator.tsx": {
-      "bytes": 3584,
+      "bytes": 3582,
       "imports": [
         {
           "path": "react",
@@ -9623,7 +9623,7 @@
       "format": "esm"
     },
     "src/Prebuilt/components/VideoLayouts/ProminenceLayout.tsx": {
-      "bytes": 2457,
+      "bytes": 2449,
       "imports": [
         {
           "path": "react",
@@ -9669,7 +9669,7 @@
       "format": "esm"
     },
     "src/Prebuilt/components/SecondaryTiles.tsx": {
-      "bytes": 2609,
+      "bytes": 2773,
       "imports": [
         {
           "path": "react",
@@ -12775,7 +12775,7 @@
     "dist/index.js": {
       "imports": [
         {
-          "path": "dist/chunk-OGCNZHHH.js",
+          "path": "dist/chunk-FSSFZGW6.js",
           "kind": "import-statement"
         }
       ],
@@ -12848,16 +12848,16 @@
       "inputs": {},
       "bytes": 1822
     },
-    "dist/HLSView-5I6UAYPZ.js.map": {
+    "dist/HLSView-SPGUNWZM.js.map": {
       "imports": [],
       "exports": [],
       "inputs": {},
       "bytes": 58854
     },
-    "dist/HLSView-5I6UAYPZ.js": {
+    "dist/HLSView-SPGUNWZM.js": {
       "imports": [
         {
-          "path": "dist/chunk-OGCNZHHH.js",
+          "path": "dist/chunk-FSSFZGW6.js",
           "kind": "import-statement"
         },
         {
@@ -13021,13 +13021,13 @@
       },
       "bytes": 36972
     },
-    "dist/chunk-OGCNZHHH.js.map": {
+    "dist/chunk-FSSFZGW6.js.map": {
       "imports": [],
       "exports": [],
       "inputs": {},
-      "bytes": 3101121
+      "bytes": 3101252
     },
-    "dist/chunk-OGCNZHHH.js": {
+    "dist/chunk-FSSFZGW6.js": {
       "imports": [
         {
           "path": "react",
@@ -15275,7 +15275,7 @@
           "external": true
         },
         {
-          "path": "dist/HLSView-5I6UAYPZ.js",
+          "path": "dist/HLSView-SPGUNWZM.js",
           "kind": "dynamic-import"
         },
         {
@@ -15697,7 +15697,7 @@
       ],
       "inputs": {
         "<define:process.env>": {
-          "bytesInOutput": 18111
+          "bytesInOutput": 18113
         },
         "../../node_modules/lodash/lodash.js": {
           "bytesInOutput": 224267
@@ -16231,10 +16231,10 @@
           "bytesInOutput": 11538
         },
         "src/Prebuilt/components/Connection/ConnectionIndicator.tsx": {
-          "bytesInOutput": 3751
+          "bytesInOutput": 3749
         },
         "src/Prebuilt/components/Connection/connectionQualityUtils.js": {
-          "bytesInOutput": 777
+          "bytesInOutput": 700
         },
         "src/Prebuilt/components/RemoveParticipant.tsx": {
           "bytesInOutput": 1290
@@ -16474,10 +16474,10 @@
           "bytesInOutput": 1972
         },
         "src/Prebuilt/components/SecondaryTiles.tsx": {
-          "bytesInOutput": 2366
+          "bytesInOutput": 2494
         },
         "src/Prebuilt/components/VideoLayouts/ProminenceLayout.tsx": {
-          "bytesInOutput": 2288
+          "bytesInOutput": 2280
         },
         "src/Prebuilt/components/hooks/useRoleProminencePeers.tsx": {
           "bytesInOutput": 961
@@ -16624,7 +16624,7 @@
           "bytesInOutput": 651
         }
       },
-      "bytes": 1264716
+      "bytes": 1264759
     }
   }
 }

package/package.json

@@ -10,7 +10,7 @@
     "prebuilt",
     "roomkit"
   ],
-  "version": "0.2.4-alpha.0",
+  "version": "0.2.4-alpha.1",
   "author": "100ms",
   "license": "MIT",
   "repository": {
@@ -82,10 +82,10 @@
     "react": ">=17.0.2 <19.0.0"
   },
   "dependencies": {
-    "@100mslive/hls-player": "0.2.4-alpha.0",
-    "@100mslive/hms-virtual-background": "1.12.4-alpha.0",
-    "@100mslive/react-icons": "0.9.4-alpha.0",
-    "@100mslive/react-sdk": "0.9.4-alpha.0",
+    "@100mslive/hls-player": "0.2.4-alpha.1",
+    "@100mslive/hms-virtual-background": "1.12.4-alpha.1",
+    "@100mslive/react-icons": "0.9.4-alpha.1",
+    "@100mslive/react-sdk": "0.9.4-alpha.1",
     "@100mslive/types-prebuilt": "0.12.6",
     "@emoji-mart/data": "^1.0.6",
     "@emoji-mart/react": "^1.0.1",
@@ -120,5 +120,5 @@
     "uuid": "^8.3.2",
     "worker-timers": "^7.0.40"
   },
-  "gitHead": "fd3b1d5dbaa21c6789e6a8ce192a20f6ae416ee5"
+  "gitHead": "ae40b4fdc16f86138cb26086f63e4555cc439bba"
 }

package/src/Prebuilt/components/Connection/ConnectionIndicator.tsx

@@ -33,7 +33,7 @@ export const ConnectionIndicator = ({
 }) => {
   const downlinkQuality = useHMSStore(selectConnectionQualityByPeerID(peerId))?.downlinkQuality;
   const { theme } = useTheme();
-  const defaultColor = theme.colors.surface_brighter;
+  const defaultColor = theme.colors.on_surface_low;
   if (downlinkQuality === -1 || downlinkQuality === undefined) {
     return null;
   }

package/src/Prebuilt/components/Connection/connectionQualityUtils.js

@@ -30,10 +30,8 @@ export const getColor = (position, connectionScore, defaultColor, theme) => {
   }
   if (connectionScore >= 4) {
     return theme.colors.alert_success;
-  } else if (connectionScore >= 3) {
-    return theme.colors.alert_warning;
   } else if (connectionScore >= 1) {
-    return theme.colors.alert_default;
+    return theme.colors.alert_warning;
   }
   return defaultColor;
 };

package/src/Prebuilt/components/SecondaryTiles.tsx

@@ -21,12 +21,18 @@ export const SecondaryTiles = ({ peers, onPageChange, onPageSize, edgeToEdge, ha
     peers:
       spotlightPeerId || pinnedPeer
         ? [...peers].sort((p1, p2) => {
-            const peerIdList = [activeScreensharePeerId, pinnedPeer, spotlightPeerId];
+            if (activeScreensharePeerId === p1.id) {
+              return -1;
+            }
+            if (activeScreensharePeerId === p2.id) {
+              return 1;
+            }
+            const peerIdList = [pinnedPeer, spotlightPeerId];
             // put active screenshare peer, pinned peer, spotlight peer at first
-            if (peerIdList.includes(p1)) {
+            if (peerIdList.includes(p1.id)) {
               return -1;
             }
-            if (peerIdList.includes(p2)) {
+            if (peerIdList.includes(p2.id)) {
               return 1;
             }
             return 0;

package/src/Prebuilt/components/VideoLayouts/ProminenceLayout.tsx

@@ -68,7 +68,7 @@ const SecondarySection = ({
             rootCSS={{
               padding: 0,
               maxWidth: 240,
-              maxHeight: '100%',
+              h: '100%',
               aspectRatio: 16 / 9,
               '@md': { aspectRatio: 1 },
             }}