@100mslive/roomkit-react 0.3.13 → 0.3.14-alpha.0

package/dist/meta.esbuild.json

@@ -4941,7 +4941,7 @@
       "format": "cjs"
     },
     "../hms-video-store/dist/index.js": {
-      "bytes": 339559,
+      "bytes": 339579,
       "imports": [
         {
           "path": "../../node_modules/reselect/es/index.js",
@@ -5410,7 +5410,7 @@
       "format": "esm"
     },
     "src/Prebuilt/components/MoreSettings/SplitComponents/MwebOptions.tsx": {
-      "bytes": 13438,
+      "bytes": 13446,
       "imports": [
         {
           "path": "react",
@@ -10964,7 +10964,7 @@
       ],
       "format": "esm"
     },
-    "../../../../../../../tmp/tmp-2872-xxVMM16lBgRS/1901733b2e73/tldraw.css": {
+    "../../../../../../../tmp/tmp-2794-Vw8u32F6zxkb/190256212333/tldraw.css": {
       "bytes": 80111,
       "imports": [
         {
@@ -11014,7 +11014,7 @@
         }
       ]
     },
-    "../../../../../../../tmp/tmp-2872-xxVMM16lBgRS/1901733b2d51/index.css": {
+    "../../../../../../../tmp/tmp-2794-Vw8u32F6zxkb/190256211b80/index.css": {
       "bytes": 597,
       "imports": [
         {
@@ -11023,7 +11023,7 @@
           "external": true
         },
         {
-          "path": "../../../../../../../tmp/tmp-2872-xxVMM16lBgRS/1901733b2e73/tldraw.css",
+          "path": "../../../../../../../tmp/tmp-2794-Vw8u32F6zxkb/190256212333/tldraw.css",
           "kind": "import-rule",
           "original": "@tldraw/tldraw/tldraw.css"
         }
@@ -11098,7 +11098,7 @@
           "original": "../../common/constants"
         },
         {
-          "path": "../../../../../../../tmp/tmp-2872-xxVMM16lBgRS/1901733b2d51/index.css",
+          "path": "../../../../../../../tmp/tmp-2794-Vw8u32F6zxkb/190256211b80/index.css",
           "kind": "import-statement",
           "original": "@100mslive/hms-whiteboard/index.css"
         },
@@ -11127,7 +11127,7 @@
       "format": "esm"
     },
     "src/Prebuilt/components/VideoLayouts/GridLayout.tsx": {
-      "bytes": 5927,
+      "bytes": 5282,
       "imports": [
         {
           "path": "react",
@@ -11144,16 +11144,6 @@
           "kind": "import-statement",
           "external": true
         },
-        {
-          "path": "@100mslive/react-icons",
-          "kind": "import-statement",
-          "external": true
-        },
-        {
-          "path": "src/Prebuilt/components/Toast/ToastManager.js",
-          "kind": "import-statement",
-          "original": "../Toast/ToastManager"
-        },
         {
           "path": "src/Prebuilt/components/VideoLayouts/EqualProminence.tsx",
           "kind": "import-statement",
@@ -14352,7 +14342,7 @@
     "dist/index.js": {
       "imports": [
         {
-          "path": "dist/chunk-XIFK5DB3.js",
+          "path": "dist/chunk-DYDYPNYY.js",
           "kind": "import-statement"
         }
       ],
@@ -14426,16 +14416,16 @@
       "inputs": {},
       "bytes": 1822
     },
-    "dist/HLSView-U4CRLAPX.js.map": {
+    "dist/HLSView-USRUP6VG.js.map": {
       "imports": [],
       "exports": [],
       "inputs": {},
       "bytes": 100275
     },
-    "dist/HLSView-U4CRLAPX.js": {
+    "dist/HLSView-USRUP6VG.js": {
       "imports": [
         {
-          "path": "dist/chunk-XIFK5DB3.js",
+          "path": "dist/chunk-DYDYPNYY.js",
           "kind": "import-statement"
         },
         {
@@ -14613,7 +14603,7 @@
         "default"
       ],
       "entryPoint": "src/Prebuilt/layouts/HLSView.jsx",
-      "cssBundle": "dist/HLSView-MSHPSUUJ.css",
+      "cssBundle": "dist/HLSView-7LHIA6HH.css",
       "inputs": {
         "src/Prebuilt/layouts/HLSView.jsx": {
           "bytesInOutput": 27671
@@ -14672,13 +14662,13 @@
       },
       "bytes": 61702
     },
-    "dist/chunk-XIFK5DB3.js.map": {
+    "dist/chunk-DYDYPNYY.js.map": {
       "imports": [],
       "exports": [],
       "inputs": {},
-      "bytes": 3284493
+      "bytes": 3283688
     },
-    "dist/chunk-XIFK5DB3.js": {
+    "dist/chunk-DYDYPNYY.js": {
       "imports": [
         {
           "path": "react",
@@ -16900,11 +16890,6 @@
           "kind": "import-statement",
           "external": true
         },
-        {
-          "path": "@100mslive/react-icons",
-          "kind": "import-statement",
-          "external": true
-        },
         {
           "path": "react",
           "kind": "import-statement",
@@ -17166,7 +17151,7 @@
           "external": true
         },
         {
-          "path": "dist/HLSView-U4CRLAPX.js",
+          "path": "dist/HLSView-USRUP6VG.js",
           "kind": "dynamic-import"
         },
         {
@@ -17668,7 +17653,7 @@
       ],
       "inputs": {
         "<define:process.env>": {
-          "bytesInOutput": 17748
+          "bytesInOutput": 17869
         },
         "../../node_modules/lodash/lodash.js": {
           "bytesInOutput": 224310
@@ -18115,13 +18100,13 @@
           "bytesInOutput": 1826
         },
         "src/Prebuilt/components/MoreSettings/SplitComponents/MwebOptions.tsx": {
-          "bytesInOutput": 12182
+          "bytesInOutput": 12187
         },
         "src/Prebuilt/components/Header/StreamActions.tsx": {
           "bytesInOutput": 9482
         },
         "../hms-video-store/dist/index.js": {
-          "bytesInOutput": 49647
+          "bytesInOutput": 49655
         },
         "../../node_modules/reselect/es/index.js": {
           "bytesInOutput": 2537
@@ -18460,7 +18445,7 @@
           "bytesInOutput": 5314
         },
         "src/Prebuilt/components/VideoLayouts/GridLayout.tsx": {
-          "bytesInOutput": 5114
+          "bytesInOutput": 4550
         },
         "src/Prebuilt/components/VideoLayouts/EqualProminence.tsx": {
           "bytesInOutput": 1886
@@ -18510,7 +18495,7 @@
         "src/Prebuilt/components/VideoLayouts/WhiteboardLayout.tsx": {
           "bytesInOutput": 2793
         },
-        "../../../../../../../tmp/tmp-2872-xxVMM16lBgRS/1901733b2d51/index.css": {
+        "../../../../../../../tmp/tmp-2794-Vw8u32F6zxkb/190256211b80/index.css": {
           "bytesInOutput": 0
         },
         "src/Prebuilt/common/PeersSorter.ts": {
@@ -18652,7 +18637,7 @@
           "bytesInOutput": 651
         }
       },
-      "bytes": 1348612
+      "bytes": 1348182
     },
     "dist/index.css.map": {
       "imports": [],
@@ -18714,22 +18699,22 @@
         }
       ],
       "inputs": {
-        "../../../../../../../tmp/tmp-2872-xxVMM16lBgRS/1901733b2e73/tldraw.css": {
+        "../../../../../../../tmp/tmp-2794-Vw8u32F6zxkb/190256212333/tldraw.css": {
           "bytesInOutput": 75223
         },
-        "../../../../../../../tmp/tmp-2872-xxVMM16lBgRS/1901733b2d51/index.css": {
+        "../../../../../../../tmp/tmp-2794-Vw8u32F6zxkb/190256211b80/index.css": {
           "bytesInOutput": 401
         }
       },
       "bytes": 75901
     },
-    "dist/HLSView-MSHPSUUJ.css.map": {
+    "dist/HLSView-7LHIA6HH.css.map": {
       "imports": [],
       "exports": [],
       "inputs": {},
       "bytes": 122402
     },
-    "dist/HLSView-MSHPSUUJ.css": {
+    "dist/HLSView-7LHIA6HH.css": {
       "imports": [
         {
           "path": "https://fonts.googleapis.com/css2?family=Inter:wght@400;500&display=swap",
@@ -18783,10 +18768,10 @@
         }
       ],
       "inputs": {
-        "../../../../../../../tmp/tmp-2872-xxVMM16lBgRS/1901733b2e73/tldraw.css": {
+        "../../../../../../../tmp/tmp-2794-Vw8u32F6zxkb/190256212333/tldraw.css": {
           "bytesInOutput": 75223
         },
-        "../../../../../../../tmp/tmp-2872-xxVMM16lBgRS/1901733b2d51/index.css": {
+        "../../../../../../../tmp/tmp-2794-Vw8u32F6zxkb/190256211b80/index.css": {
           "bytesInOutput": 401
         }
       },

package/package.json

@@ -10,7 +10,7 @@
     "prebuilt",
     "roomkit"
   ],
-  "version": "0.3.13",
+  "version": "0.3.14-alpha.0",
   "author": "100ms",
   "license": "MIT",
   "repository": {
@@ -74,12 +74,12 @@
     "react": ">=17.0.2 <19.0.0"
   },
   "dependencies": {
-    "@100mslive/hls-player": "0.3.13",
+    "@100mslive/hls-player": "0.3.14-alpha.0",
     "@100mslive/hms-noise-cancellation": "0.0.1",
-    "@100mslive/hms-virtual-background": "1.13.13",
-    "@100mslive/hms-whiteboard": "0.0.3",
-    "@100mslive/react-icons": "0.10.13",
-    "@100mslive/react-sdk": "0.10.13",
+    "@100mslive/hms-virtual-background": "1.13.14-alpha.0",
+    "@100mslive/hms-whiteboard": "0.0.4-alpha.0",
+    "@100mslive/react-icons": "0.10.14-alpha.0",
+    "@100mslive/react-sdk": "0.10.14-alpha.0",
     "@100mslive/types-prebuilt": "0.12.9",
     "@emoji-mart/data": "^1.0.6",
     "@emoji-mart/react": "^1.0.1",
@@ -115,5 +115,5 @@
     "uuid": "^8.3.2",
     "worker-timers": "^7.0.40"
   },
-  "gitHead": "802d2f81f4920926428d58c1466bc03e32ce7c10"
+  "gitHead": "8e40f00818c7057c6cdf817982d7ded8a4d44426"
 }

package/src/Prebuilt/components/MoreSettings/SplitComponents/MwebOptions.tsx

@@ -56,7 +56,7 @@ import { useSheetToggle } from '../../AppData/useSheet';
 // @ts-ignore: No implicit any
 import { usePollViewToggle, useSidepaneToggle } from '../../AppData/useSidepane';
 // @ts-ignore: No implicit Any
-import { useIsCaptionEnabled, useShowPolls } from '../../AppData/useUISettings';
+import { useSetIsCaptionEnabled, useShowPolls } from '../../AppData/useUISettings';
 // @ts-ignore: No implicit any
 import { useDropdownList } from '../../hooks/useDropdownList';
 import { useMyMetadata } from '../../hooks/useMetadata';
@@ -113,7 +113,7 @@ export const MwebOptions = ({
   const isTranscriptionAllowed = useHMSStore(selectIsTranscriptionAllowedByMode(HMSTranscriptionMode.CAPTION));
   const isTranscriptionEnabled = useHMSStore(selectIsTranscriptionEnabled);
 
-  const isCaptionEnabled = useIsCaptionEnabled();
+  const [isCaptionEnabled] = useSetIsCaptionEnabled();
   useDropdownList({ open: openModals.size > 0 || openOptionsSheet || openSettingsSheet, name: 'MoreSettings' });
 
   const updateState = (modalName: string, value: boolean) => {

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

@@ -1,19 +1,14 @@
 import React, { useEffect, useMemo, useState } from 'react';
 import { GridVideoTileLayout } from '@100mslive/types-prebuilt/elements/video_tile_layout';
 import {
-  HMSTranscriptionInfo,
   selectLocalPeerID,
   selectLocalPeerRoleName,
   selectPeers,
   selectPeerScreenSharing,
-  selectTranscriptionsState,
   selectWhiteboard,
   useHMSStore,
   useHMSVanillaStore,
 } from '@100mslive/react-sdk';
-import { AlertTriangleIcon } from '@100mslive/react-icons';
-// @ts-ignore: No implicit Any
-import { ToastManager } from '../Toast/ToastManager';
 // @ts-ignore: No implicit Any
 import { EqualProminence } from './EqualProminence';
 import { RoleProminence } from './RoleProminence';
@@ -100,18 +95,6 @@ export const GridLayout = ({
     objectFit: video_object_fit,
   };
 
-  const transcriptionStates: HMSTranscriptionInfo[] | undefined = useHMSStore(selectTranscriptionsState);
-
-  useEffect(() => {
-    if (transcriptionStates && transcriptionStates.length > 0 && transcriptionStates[0].error) {
-      ToastManager.addToast({
-        title: `Failed to enable Closed Caption`,
-        variant: 'error',
-        icon: <AlertTriangleIcon style={{ marginRight: '0.5rem' }} />,
-      });
-    }
-  }, [transcriptionStates]);
-
   useEffect(() => {
     if (mainPage !== 0) {
       return;