@100mslive/roomkit-react 0.3.8-alpha.2 → 0.3.8-alpha.3

package/dist/index.js

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

package/dist/meta.cjs.json

@@ -2241,7 +2241,7 @@
       "format": "esm"
     },
     "src/Prebuilt/components/AppData/AppData.tsx": {
-      "bytes": 5963,
+      "bytes": 6020,
       "imports": [
         {
           "path": "react",
@@ -12021,7 +12021,7 @@
       "format": "esm"
     },
     "src/Prebuilt/plugins/CaptionsViewer.tsx": {
-      "bytes": 5541,
+      "bytes": 5558,
       "imports": [
         {
           "path": "react",
@@ -12052,7 +12052,7 @@
       "format": "esm"
     },
     "src/Prebuilt/components/ConferenceScreen.tsx": {
-      "bytes": 9357,
+      "bytes": 9362,
       "imports": [
         {
           "path": "react",
@@ -13892,7 +13892,7 @@
       "imports": [],
       "exports": [],
       "inputs": {},
-      "bytes": 3323602
+      "bytes": 3323718
     },
     "dist/index.cjs.js": {
       "imports": [
@@ -16871,7 +16871,7 @@
       "entryPoint": "src/index.ts",
       "inputs": {
         "<define:process.env>": {
-          "bytesInOutput": 18290
+          "bytesInOutput": 18308
         },
         "src/Theme/base.config.ts": {
           "bytesInOutput": 6104
@@ -17168,7 +17168,7 @@
           "bytesInOutput": 3258
         },
         "src/Prebuilt/components/AppData/AppData.tsx": {
-          "bytesInOutput": 6644
+          "bytesInOutput": 6705
         },
         "src/Prebuilt/AppContext.tsx": {
           "bytesInOutput": 840
@@ -17810,10 +17810,10 @@
           "bytesInOutput": 1024
         },
         "src/Prebuilt/plugins/CaptionsViewer.tsx": {
-          "bytesInOutput": 6104
+          "bytesInOutput": 6185
         },
         "src/Prebuilt/components/ConferenceScreen.tsx": {
-          "bytesInOutput": 10300
+          "bytesInOutput": 10305
         },
         "src/Prebuilt/components/ErrorBoundary.jsx": {
           "bytesInOutput": 4366
@@ -17930,7 +17930,7 @@
           "bytesInOutput": 2980
         }
       },
-      "bytes": 1583130
+      "bytes": 1583295
     }
   }
 }

package/dist/meta.esbuild.json

@@ -2241,7 +2241,7 @@
       "format": "esm"
     },
     "src/Prebuilt/components/AppData/AppData.tsx": {
-      "bytes": 5963,
+      "bytes": 6020,
       "imports": [
         {
           "path": "react",
@@ -12021,7 +12021,7 @@
       "format": "esm"
     },
     "src/Prebuilt/plugins/CaptionsViewer.tsx": {
-      "bytes": 5541,
+      "bytes": 5558,
       "imports": [
         {
           "path": "react",
@@ -12052,7 +12052,7 @@
       "format": "esm"
     },
     "src/Prebuilt/components/ConferenceScreen.tsx": {
-      "bytes": 9357,
+      "bytes": 9362,
       "imports": [
         {
           "path": "react",
@@ -13897,7 +13897,7 @@
     "dist/index.js": {
       "imports": [
         {
-          "path": "dist/chunk-SQPIZNW2.js",
+          "path": "dist/chunk-AJQ4OUGM.js",
           "kind": "import-statement"
         }
       ],
@@ -13970,16 +13970,16 @@
       "inputs": {},
       "bytes": 1822
     },
-    "dist/HLSView-XZDT3RRC.js.map": {
+    "dist/HLSView-XPK2JCMJ.js.map": {
       "imports": [],
       "exports": [],
       "inputs": {},
       "bytes": 100708
     },
-    "dist/HLSView-XZDT3RRC.js": {
+    "dist/HLSView-XPK2JCMJ.js": {
       "imports": [
         {
-          "path": "dist/chunk-SQPIZNW2.js",
+          "path": "dist/chunk-AJQ4OUGM.js",
           "kind": "import-statement"
         },
         {
@@ -14215,13 +14215,13 @@
       },
       "bytes": 61939
     },
-    "dist/chunk-SQPIZNW2.js.map": {
+    "dist/chunk-AJQ4OUGM.js.map": {
       "imports": [],
       "exports": [],
       "inputs": {},
-      "bytes": 3218955
+      "bytes": 3219071
     },
-    "dist/chunk-SQPIZNW2.js": {
+    "dist/chunk-AJQ4OUGM.js": {
       "imports": [
         {
           "path": "react",
@@ -16629,7 +16629,7 @@
           "external": true
         },
         {
-          "path": "dist/HLSView-XZDT3RRC.js",
+          "path": "dist/HLSView-XPK2JCMJ.js",
           "kind": "dynamic-import"
         },
         {
@@ -17120,7 +17120,7 @@
       ],
       "inputs": {
         "<define:process.env>": {
-          "bytesInOutput": 18290
+          "bytesInOutput": 18308
         },
         "../../node_modules/lodash/lodash.js": {
           "bytesInOutput": 224310
@@ -17375,7 +17375,7 @@
           "bytesInOutput": 7828
         },
         "src/Prebuilt/components/AppData/AppData.tsx": {
-          "bytesInOutput": 5539
+          "bytesInOutput": 5596
         },
         "src/Prebuilt/components/Settings/LayoutSettings.tsx": {
           "bytesInOutput": 2705
@@ -17420,7 +17420,7 @@
           "bytesInOutput": 4698
         },
         "src/Prebuilt/components/ConferenceScreen.tsx": {
-          "bytesInOutput": 8351
+          "bytesInOutput": 8356
         },
         "src/Prebuilt/components/Footer/Footer.tsx": {
           "bytesInOutput": 3306
@@ -17978,7 +17978,7 @@
           "bytesInOutput": 754
         },
         "src/Prebuilt/plugins/CaptionsViewer.tsx": {
-          "bytesInOutput": 5070
+          "bytesInOutput": 5132
         },
         "src/Prebuilt/components/ErrorBoundary.jsx": {
           "bytesInOutput": 3509
@@ -18086,7 +18086,7 @@
           "bytesInOutput": 651
         }
       },
-      "bytes": 1318999
+      "bytes": 1319141
     }
   }
 }

package/package.json

@@ -10,7 +10,7 @@
     "prebuilt",
     "roomkit"
   ],
-  "version": "0.3.8-alpha.2",
+  "version": "0.3.8-alpha.3",
   "author": "100ms",
   "license": "MIT",
   "repository": {
@@ -82,11 +82,11 @@
     "react": ">=17.0.2 <19.0.0"
   },
   "dependencies": {
-    "@100mslive/hls-player": "0.3.8-alpha.2",
+    "@100mslive/hls-player": "0.3.8-alpha.3",
     "@100mslive/hms-noise-cancellation": "0.0.1",
-    "@100mslive/hms-virtual-background": "1.13.8-alpha.2",
-    "@100mslive/react-icons": "0.10.8-alpha.2",
-    "@100mslive/react-sdk": "0.10.8-alpha.2",
+    "@100mslive/hms-virtual-background": "1.13.8-alpha.3",
+    "@100mslive/react-icons": "0.10.8-alpha.3",
+    "@100mslive/react-sdk": "0.10.8-alpha.3",
     "@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": "43ee35cc85faabb5a827f7f41a5affebffcfca18"
+  "gitHead": "6ee28a277707cea9f9d2733c2b334d35bae73333"
 }

package/src/Prebuilt/components/AppData/AppData.tsx

@@ -68,7 +68,8 @@ const initialAppData = {
     [POLL_STATE.pollInView]: '',
     [POLL_STATE.view]: '',
   },
-  [APP_DATA.caption]: true,
+  // by default off, so it will not appear in beam bots
+  [APP_DATA.caption]: false,
 };
 
 export const AppData = React.memo(() => {

package/src/Prebuilt/components/ConferenceScreen.tsx

@@ -66,7 +66,7 @@ export const ConferenceScreen = () => {
   const isCaptionEnabled = useIsCaptionEnabled();
   const isChatOpen = useIsSidepaneTypeOpen(SIDE_PANE_OPTIONS.CHAT);
 
-  const showCaptionAtTop = screenProps.elements?.chat?.is_overlay && isChatOpen;
+  const showCaptionAtTop = screenProps.elements?.chat?.is_overlay && isChatOpen && isMobile;
 
   const toggleControls = () => {
     if (dropdownListRef.current?.length === 0 && isMobileDevice && !isMwebHLSStream) {
@@ -138,7 +138,7 @@ export const ConferenceScreen = () => {
         <Box
           css={{
             position: 'fixed',
-            maxWidth: isMobile ? '100%' : '40%',
+            w: isMobile ? '100%' : '40%',
             bottom: showCaptionAtTop ? '' : hideControlsForStreaming ? '5%' : '10%',
             top: showCaptionAtTop ? (hideControlsForStreaming ? '5%' : '10%') : '',
             left: isMobile ? 0 : '50%',

package/src/Prebuilt/plugins/CaptionsViewer.tsx

@@ -135,7 +135,7 @@ class CaptionMaintainerQueue {
   }
 }
 const TranscriptView = ({ peer_id, data }: { peer_id: string; data: string }) => {
-  const peerName = useHMSStore(selectPeerNameByID(peer_id));
+  const peerName = useHMSStore(selectPeerNameByID(peer_id)) || 'Participant';
   data = data.trim();
   if (!data) return null;
   return (
@@ -145,7 +145,8 @@ const TranscriptView = ({ peer_id, data }: { peer_id: string; data: string }) =>
         fontWeight: '$normal',
       }}
     >
-      {`${peerName}: ${data}`}
+      <b>{peerName}: </b>
+      {data}
     </Text>
   );
 };
@@ -181,7 +182,7 @@ export const CaptionsViewer = () => {
     return null;
   }
   return (
-    <Flex direction="column" gap={1}>
+    <Flex direction="column">
       {dataToShow.map((data: { [key: string]: string }, index: number) => {
         const key = Object.keys(data)[0];
         return <TranscriptView key={index} peer_id={key} data={data[key]} />;