@100mslive/roomkit-react 0.3.13-alpha.3 → 0.3.13

package/dist/meta.esbuild.json

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

package/package.json

@@ -10,7 +10,7 @@
     "prebuilt",
     "roomkit"
   ],
-  "version": "0.3.13-alpha.3",
+  "version": "0.3.13",
   "author": "100ms",
   "license": "MIT",
   "repository": {
@@ -74,12 +74,12 @@
     "react": ">=17.0.2 <19.0.0"
   },
   "dependencies": {
-    "@100mslive/hls-player": "0.3.13-alpha.3",
+    "@100mslive/hls-player": "0.3.13",
     "@100mslive/hms-noise-cancellation": "0.0.1",
-    "@100mslive/hms-virtual-background": "1.13.13-alpha.3",
-    "@100mslive/hms-whiteboard": "0.0.3-alpha.3",
-    "@100mslive/react-icons": "0.10.13-alpha.3",
-    "@100mslive/react-sdk": "0.10.13-alpha.3",
+    "@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/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": "602be1333ec3c791f936851843a60d1317b51234"
+  "gitHead": "802d2f81f4920926428d58c1466bc03e32ce7c10"
 }

package/src/Prebuilt/components/IconButtonWithOptions/IconButtonWithOptions.tsx

@@ -111,7 +111,7 @@ export const IconButtonWithOptions = ({
   const commonProps = { disabled, active };
   return (
     <Flex>
-      <IconSection {...commonProps} onClick={onClick} hideOptions={hideOptions}>
+      <IconSection {...commonProps} onClick={onClick} hideOptions={hideOptions} className="__cancel-drag-event">
         <Tooltip disabled={!tooltipMessage} title={tooltipMessage}>
           <Icon {...commonProps}>{icon}</Icon>
         </Tooltip>

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

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

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

@@ -1,14 +1,19 @@
 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';
@@ -95,6 +100,18 @@ 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;