@100mslive/roomkit-react 0.3.11 → 0.3.12-alpha.0

package/dist/meta.esbuild.json

@@ -21,7 +21,7 @@
       "format": "esm"
     },
     "src/Prebuilt/common/constants.ts": {
-      "bytes": 4455,
+      "bytes": 4521,
       "imports": [
         {
           "path": "@100mslive/react-sdk",
@@ -3879,7 +3879,7 @@
       "format": "esm"
     },
     "src/Prebuilt/components/MoreSettings/CaptionContent.tsx": {
-      "bytes": 4817,
+      "bytes": 5156,
       "imports": [
         {
           "path": "react",
@@ -3926,6 +3926,11 @@
           "kind": "import-statement",
           "original": "../AppData/useUISettings"
         },
+        {
+          "path": "src/Prebuilt/common/constants.ts",
+          "kind": "import-statement",
+          "original": "../../common/constants"
+        },
         {
           "path": "<define:process.env>",
           "kind": "import-statement",
@@ -4167,7 +4172,7 @@
       "format": "esm"
     },
     "src/Prebuilt/components/MoreSettings/SplitComponents/DesktopOptions.tsx": {
-      "bytes": 8447,
+      "bytes": 9601,
       "imports": [
         {
           "path": "react",
@@ -4635,7 +4640,7 @@
       "format": "cjs"
     },
     "../hms-video-store/dist/index.js": {
-      "bytes": 336512,
+      "bytes": 338171,
       "imports": [
         {
           "path": "../../node_modules/reselect/es/index.js",
@@ -5115,7 +5120,7 @@
       "format": "esm"
     },
     "src/Prebuilt/components/MoreSettings/SplitComponents/MwebOptions.tsx": {
-      "bytes": 12430,
+      "bytes": 13299,
       "imports": [
         {
           "path": "react",
@@ -10449,7 +10454,7 @@
       ],
       "format": "esm"
     },
-    "../../../../../../../tmp/tmp-2899-wy6hztdAyez5/18faa6440d53/tldraw.css": {
+    "../../../../../../../tmp/tmp-2737-MgFOw37oAaow/18fbf1ded163/tldraw.css": {
       "bytes": 80111,
       "imports": [
         {
@@ -10499,7 +10504,7 @@
         }
       ]
     },
-    "../../../../../../../tmp/tmp-2899-wy6hztdAyez5/18faa6440c91/index.css": {
+    "../../../../../../../tmp/tmp-2737-MgFOw37oAaow/18fbf1deca50/index.css": {
       "bytes": 597,
       "imports": [
         {
@@ -10508,7 +10513,7 @@
           "external": true
         },
         {
-          "path": "../../../../../../../tmp/tmp-2899-wy6hztdAyez5/18faa6440d53/tldraw.css",
+          "path": "../../../../../../../tmp/tmp-2737-MgFOw37oAaow/18fbf1ded163/tldraw.css",
           "kind": "import-rule",
           "original": "@tldraw/tldraw/tldraw.css"
         }
@@ -10583,7 +10588,7 @@
           "original": "../../common/constants"
         },
         {
-          "path": "../../../../../../../tmp/tmp-2899-wy6hztdAyez5/18faa6440c91/index.css",
+          "path": "../../../../../../../tmp/tmp-2737-MgFOw37oAaow/18fbf1deca50/index.css",
           "kind": "import-statement",
           "original": "@100mslive/hms-whiteboard/index.css"
         },
@@ -10612,7 +10617,7 @@
       "format": "esm"
     },
     "src/Prebuilt/components/VideoLayouts/GridLayout.tsx": {
-      "bytes": 5896,
+      "bytes": 5282,
       "imports": [
         {
           "path": "react",
@@ -10629,16 +10634,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",
@@ -10780,7 +10775,7 @@
       "format": "esm"
     },
     "src/Prebuilt/plugins/CaptionsViewer.tsx": {
-      "bytes": 6930,
+      "bytes": 7075,
       "imports": [
         {
           "path": "react",
@@ -12760,13 +12755,18 @@
       "format": "esm"
     },
     "src/Prebuilt/components/Notifications/Notifications.tsx": {
-      "bytes": 7891,
+      "bytes": 9725,
       "imports": [
         {
           "path": "react",
           "kind": "import-statement",
           "external": true
         },
+        {
+          "path": "ts-pattern",
+          "kind": "import-statement",
+          "external": true
+        },
         {
           "path": "@100mslive/react-sdk",
           "kind": "import-statement",
@@ -13671,7 +13671,7 @@
     "dist/index.js": {
       "imports": [
         {
-          "path": "dist/chunk-2XSERAAX.js",
+          "path": "dist/chunk-D5F44IP2.js",
           "kind": "import-statement"
         }
       ],
@@ -13745,16 +13745,16 @@
       "inputs": {},
       "bytes": 1822
     },
-    "dist/HLSView-XJOA2AEA.js.map": {
+    "dist/HLSView-2BPYWKSN.js.map": {
       "imports": [],
       "exports": [],
       "inputs": {},
       "bytes": 99904
     },
-    "dist/HLSView-XJOA2AEA.js": {
+    "dist/HLSView-2BPYWKSN.js": {
       "imports": [
         {
-          "path": "dist/chunk-2XSERAAX.js",
+          "path": "dist/chunk-D5F44IP2.js",
           "kind": "import-statement"
         },
         {
@@ -13932,7 +13932,7 @@
         "default"
       ],
       "entryPoint": "src/Prebuilt/layouts/HLSView.jsx",
-      "cssBundle": "dist/HLSView-JEIHKPKT.css",
+      "cssBundle": "dist/HLSView-OAQTW322.css",
       "inputs": {
         "src/Prebuilt/layouts/HLSView.jsx": {
           "bytesInOutput": 25793
@@ -13991,13 +13991,13 @@
       },
       "bytes": 58515
     },
-    "dist/chunk-2XSERAAX.js.map": {
+    "dist/chunk-D5F44IP2.js.map": {
       "imports": [],
       "exports": [],
       "inputs": {},
-      "bytes": 3249393
+      "bytes": 3261159
     },
-    "dist/chunk-2XSERAAX.js": {
+    "dist/chunk-D5F44IP2.js": {
       "imports": [
         {
           "path": "react",
@@ -16214,11 +16214,6 @@
           "kind": "import-statement",
           "external": true
         },
-        {
-          "path": "@100mslive/react-icons",
-          "kind": "import-statement",
-          "external": true
-        },
         {
           "path": "react",
           "kind": "import-statement",
@@ -16475,7 +16470,7 @@
           "external": true
         },
         {
-          "path": "dist/HLSView-XJOA2AEA.js",
+          "path": "dist/HLSView-2BPYWKSN.js",
           "kind": "dynamic-import"
         },
         {
@@ -16628,6 +16623,11 @@
           "kind": "import-statement",
           "external": true
         },
+        {
+          "path": "ts-pattern",
+          "kind": "import-statement",
+          "external": true
+        },
         {
           "path": "@100mslive/react-sdk",
           "kind": "import-statement",
@@ -16953,28 +16953,28 @@
       ],
       "inputs": {
         "<define:process.env>": {
-          "bytesInOutput": 17803
+          "bytesInOutput": 17885
         },
         "../../node_modules/lodash/lodash.js": {
-          "bytesInOutput": 224301
+          "bytesInOutput": 224310
         },
         "../../node_modules/ua-parser-js/src/ua-parser.js": {
-          "bytesInOutput": 42491
+          "bytesInOutput": 42472
         },
         "../../node_modules/lodash.isequal/index.js": {
           "bytesInOutput": 26591
         },
         "../../node_modules/sdp/sdp.js": {
-          "bytesInOutput": 22279
+          "bytesInOutput": 22292
         },
         "../../node_modules/sdp-transform/lib/grammar.js": {
           "bytesInOutput": 16120
         },
         "../../node_modules/sdp-transform/lib/parser.js": {
-          "bytesInOutput": 3492
+          "bytesInOutput": 3497
         },
         "../../node_modules/sdp-transform/lib/writer.js": {
-          "bytesInOutput": 3071
+          "bytesInOutput": 3068
         },
         "../../node_modules/sdp-transform/lib/index.js": {
           "bytesInOutput": 615
@@ -17001,7 +17001,7 @@
           "bytesInOutput": 5031
         },
         "src/Prebuilt/common/constants.ts": {
-          "bytesInOutput": 3065
+          "bytesInOutput": 3121
         },
         "src/Theme/ThemeProvider.tsx": {
           "bytesInOutput": 1926
@@ -17133,10 +17133,10 @@
           "bytesInOutput": 27
         },
         "src/AudioLevel/useBorderAudioLevel.tsx": {
-          "bytesInOutput": 755
+          "bytesInOutput": 753
         },
         "src/AudioLevel/AudioLevel.tsx": {
-          "bytesInOutput": 2195
+          "bytesInOutput": 2196
         },
         "src/AudioLevel/audio-level.png": {
           "bytesInOutput": 880
@@ -17151,7 +17151,7 @@
           "bytesInOutput": 7231
         },
         "src/Stats/formatBytes.ts": {
-          "bytesInOutput": 471
+          "bytesInOutput": 470
         },
         "src/Stats/StyledStats.tsx": {
           "bytesInOutput": 708
@@ -17241,7 +17241,7 @@
           "bytesInOutput": 1486
         },
         "src/Prebuilt/common/utils.js": {
-          "bytesInOutput": 2789
+          "bytesInOutput": 2786
         },
         "src/Prebuilt/components/AppData/useSidepane.js": {
           "bytesInOutput": 2499
@@ -17337,7 +17337,7 @@
           "bytesInOutput": 474
         },
         "src/Prebuilt/components/MoreSettings/SplitComponents/DesktopOptions.tsx": {
-          "bytesInOutput": 7090
+          "bytesInOutput": 8369
         },
         "src/Prebuilt/components/PIP/index.jsx": {
           "bytesInOutput": 178
@@ -17346,7 +17346,7 @@
           "bytesInOutput": 2621
         },
         "src/Prebuilt/components/PIP/PIPManager.ts": {
-          "bytesInOutput": 9064
+          "bytesInOutput": 9062
         },
         "src/Prebuilt/components/PIP/pipUtils.js": {
           "bytesInOutput": 4289
@@ -17367,7 +17367,7 @@
           "bytesInOutput": 7036
         },
         "src/Prebuilt/components/StatsForNerds.jsx": {
-          "bytesInOutput": 9374
+          "bytesInOutput": 9373
         },
         "src/Prebuilt/components/MoreSettings/BulkRoleChangeModal.jsx": {
           "bytesInOutput": 4856
@@ -17376,7 +17376,7 @@
           "bytesInOutput": 989
         },
         "src/Prebuilt/components/MoreSettings/CaptionContent.tsx": {
-          "bytesInOutput": 4757
+          "bytesInOutput": 5013
         },
         "src/Prebuilt/components/MoreSettings/FullScreenItem.tsx": {
           "bytesInOutput": 628
@@ -17397,16 +17397,16 @@
           "bytesInOutput": 1651
         },
         "src/Prebuilt/components/MoreSettings/SplitComponents/MwebOptions.tsx": {
-          "bytesInOutput": 10844
+          "bytesInOutput": 11874
         },
         "src/Prebuilt/components/Header/StreamActions.tsx": {
           "bytesInOutput": 9080
         },
         "../hms-video-store/dist/index.js": {
-          "bytesInOutput": 49426
+          "bytesInOutput": 49496
         },
         "../../node_modules/reselect/es/index.js": {
-          "bytesInOutput": 2539
+          "bytesInOutput": 2537
         },
         "../../node_modules/webrtc-adapter/src/js/adapter_core.js": {
           "bytesInOutput": 118
@@ -17418,10 +17418,10 @@
           "bytesInOutput": 6313
         },
         "../../node_modules/webrtc-adapter/src/js/chrome/chrome_shim.js": {
-          "bytesInOutput": 22682
+          "bytesInOutput": 22678
         },
         "../../node_modules/webrtc-adapter/src/js/chrome/getusermedia.js": {
-          "bytesInOutput": 6082
+          "bytesInOutput": 6079
         },
         "../../node_modules/webrtc-adapter/src/js/chrome/getdisplaymedia.js": {
           "bytesInOutput": 1256
@@ -17430,7 +17430,7 @@
           "bytesInOutput": 9143
         },
         "../../node_modules/webrtc-adapter/src/js/firefox/getusermedia.js": {
-          "bytesInOutput": 2125
+          "bytesInOutput": 2122
         },
         "../../node_modules/webrtc-adapter/src/js/firefox/getdisplaymedia.js": {
           "bytesInOutput": 842
@@ -17544,7 +17544,7 @@
           "bytesInOutput": 2832
         },
         "src/Prebuilt/components/Preview/PreviewJoin.tsx": {
-          "bytesInOutput": 9541
+          "bytesInOutput": 9542
         },
         "src/Prebuilt/layouts/SidePane.tsx": {
           "bytesInOutput": 5831
@@ -17553,7 +17553,7 @@
           "bytesInOutput": 735
         },
         "src/Prebuilt/components/Polls/CreatePollQuiz/PollsQuizMenu.tsx": {
-          "bytesInOutput": 7619
+          "bytesInOutput": 7615
         },
         "src/Prebuilt/components/Streaming/Common.jsx": {
           "bytesInOutput": 2247
@@ -17652,7 +17652,7 @@
           "bytesInOutput": 1115
         },
         "src/Prebuilt/components/hooks/usePinnedMessages.ts": {
-          "bytesInOutput": 2501
+          "bytesInOutput": 2502
         },
         "src/Prebuilt/components/Chat/EmptyChat.tsx": {
           "bytesInOutput": 1882
@@ -17688,7 +17688,7 @@
           "bytesInOutput": 1021
         },
         "src/Prebuilt/components/Chat/StickIndicator.tsx": {
-          "bytesInOutput": 542
+          "bytesInOutput": 543
         },
         "src/Prebuilt/components/Footer/PaginatedParticipants.tsx": {
           "bytesInOutput": 4119
@@ -17745,7 +17745,7 @@
           "bytesInOutput": 4871
         },
         "src/Prebuilt/components/VideoLayouts/GridLayout.tsx": {
-          "bytesInOutput": 4991
+          "bytesInOutput": 4427
         },
         "src/Prebuilt/components/VideoLayouts/EqualProminence.tsx": {
           "bytesInOutput": 1785
@@ -17760,13 +17760,13 @@
           "bytesInOutput": 451
         },
         "src/Prebuilt/components/Pagination.tsx": {
-          "bytesInOutput": 1698
+          "bytesInOutput": 1699
         },
         "src/Prebuilt/components/VideoLayouts/Grid.tsx": {
           "bytesInOutput": 1029
         },
         "src/Prebuilt/components/hooks/useTileLayout.tsx": {
-          "bytesInOutput": 3837
+          "bytesInOutput": 3834
         },
         "src/Prebuilt/components/VideoLayouts/RoleProminence.tsx": {
           "bytesInOutput": 2080
@@ -17795,11 +17795,11 @@
         "src/Prebuilt/components/VideoLayouts/WhiteboardLayout.tsx": {
           "bytesInOutput": 2656
         },
-        "../../../../../../../tmp/tmp-2899-wy6hztdAyez5/18faa6440c91/index.css": {
+        "../../../../../../../tmp/tmp-2737-MgFOw37oAaow/18fbf1deca50/index.css": {
           "bytesInOutput": 0
         },
         "src/Prebuilt/common/PeersSorter.ts": {
-          "bytesInOutput": 2972
+          "bytesInOutput": 2973
         },
         "src/Prebuilt/layouts/EmbedView.jsx": {
           "bytesInOutput": 2656
@@ -17808,7 +17808,7 @@
           "bytesInOutput": 1506
         },
         "src/Prebuilt/plugins/CaptionsViewer.tsx": {
-          "bytesInOutput": 6044
+          "bytesInOutput": 6221
         },
         "src/Prebuilt/components/hooks/useCloseScreenshareWhiteboard.tsx": {
           "bytesInOutput": 585
@@ -17856,7 +17856,7 @@
           "bytesInOutput": 27
         },
         "src/Prebuilt/components/Notifications/Notifications.tsx": {
-          "bytesInOutput": 7178
+          "bytesInOutput": 9069
         },
         "src/Prebuilt/components/Notifications/AutoplayBlockedModal.tsx": {
           "bytesInOutput": 1053
@@ -17871,7 +17871,7 @@
           "bytesInOutput": 1935
         },
         "src/Prebuilt/components/Toast/ToastConfig.jsx": {
-          "bytesInOutput": 5751
+          "bytesInOutput": 5752
         },
         "src/Prebuilt/components/Notifications/InitErrorModal.tsx": {
           "bytesInOutput": 1565
@@ -17934,7 +17934,7 @@
           "bytesInOutput": 651
         }
       },
-      "bytes": 1301698
+      "bytes": 1305955
     },
     "dist/index.css.map": {
       "imports": [],
@@ -17996,22 +17996,22 @@
         }
       ],
       "inputs": {
-        "../../../../../../../tmp/tmp-2899-wy6hztdAyez5/18faa6440d53/tldraw.css": {
+        "../../../../../../../tmp/tmp-2737-MgFOw37oAaow/18fbf1ded163/tldraw.css": {
           "bytesInOutput": 75223
         },
-        "../../../../../../../tmp/tmp-2899-wy6hztdAyez5/18faa6440c91/index.css": {
+        "../../../../../../../tmp/tmp-2737-MgFOw37oAaow/18fbf1deca50/index.css": {
           "bytesInOutput": 401
         }
       },
       "bytes": 75901
     },
-    "dist/HLSView-JEIHKPKT.css.map": {
+    "dist/HLSView-OAQTW322.css.map": {
       "imports": [],
       "exports": [],
       "inputs": {},
       "bytes": 122402
     },
-    "dist/HLSView-JEIHKPKT.css": {
+    "dist/HLSView-OAQTW322.css": {
       "imports": [
         {
           "path": "https://fonts.googleapis.com/css2?family=Inter:wght@400;500&display=swap",
@@ -18065,10 +18065,10 @@
         }
       ],
       "inputs": {
-        "../../../../../../../tmp/tmp-2899-wy6hztdAyez5/18faa6440d53/tldraw.css": {
+        "../../../../../../../tmp/tmp-2737-MgFOw37oAaow/18fbf1ded163/tldraw.css": {
           "bytesInOutput": 75223
         },
-        "../../../../../../../tmp/tmp-2899-wy6hztdAyez5/18faa6440c91/index.css": {
+        "../../../../../../../tmp/tmp-2737-MgFOw37oAaow/18fbf1deca50/index.css": {
           "bytesInOutput": 401
         }
       },

package/package.json

@@ -10,7 +10,7 @@
     "prebuilt",
     "roomkit"
   ],
-  "version": "0.3.11",
+  "version": "0.3.12-alpha.0",
   "author": "100ms",
   "license": "MIT",
   "repository": {
@@ -74,12 +74,12 @@
     "react": ">=17.0.2 <19.0.0"
   },
   "dependencies": {
-    "@100mslive/hls-player": "0.3.11",
+    "@100mslive/hls-player": "0.3.12-alpha.0",
     "@100mslive/hms-noise-cancellation": "0.0.1",
-    "@100mslive/hms-virtual-background": "1.13.11",
-    "@100mslive/hms-whiteboard": "0.0.1",
-    "@100mslive/react-icons": "0.10.11",
-    "@100mslive/react-sdk": "0.10.11",
+    "@100mslive/hms-virtual-background": "1.13.12-alpha.0",
+    "@100mslive/hms-whiteboard": "0.0.2-alpha.0",
+    "@100mslive/react-icons": "0.10.12-alpha.0",
+    "@100mslive/react-sdk": "0.10.12-alpha.0",
     "@100mslive/types-prebuilt": "0.12.8",
     "@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": "29f7d58a447423b3eaab77ef94e843aafe23995a"
+  "gitHead": "5e32c0c62aba5aa7786a01912511da6ac33461a2"
 }

package/src/Prebuilt/common/constants.ts

@@ -86,6 +86,9 @@ export const POLL_VIEWS = {
   RESULTS: 'RESULTS',
 };
 
+export const CAPTION_TOAST = {
+  captionToast: 'captionToast',
+};
 export const SUBSCRIBED_NOTIFICATIONS = {
   PEER_JOINED: 'PEER_JOINED',
   PEER_LEFT: 'PEER_LEFT',

package/src/Prebuilt/components/MoreSettings/CaptionContent.tsx

@@ -8,14 +8,17 @@ import { Text } from '../../../Text';
 // @ts-ignore: No implicit Any
 import { ToastManager } from '../Toast/ToastManager';
 // @ts-ignore: No implicit Any
-import { useSetIsCaptionEnabled } from '../AppData/useUISettings';
+import { useSetAppDataByKey, useSetIsCaptionEnabled } from '../AppData/useUISettings';
+import { CAPTION_TOAST } from '../../common/constants';
 
 export const CaptionContent = ({ isMobile, onExit }: { isMobile: boolean; onExit: () => void }) => {
   const DURATION = 2000;
   const actions = useHMSActions();
   const isTranscriptionEnabled = useHMSStore(selectIsTranscriptionEnabled);
+  const [toastId, setToastId] = useSetAppDataByKey(CAPTION_TOAST.captionToast);
 
   const [isCaptionEnabled, setIsCaptionEnabled] = useSetIsCaptionEnabled();
+
   return (
     <>
       <Text
@@ -86,34 +89,38 @@ export const CaptionContent = ({ isMobile, onExit }: { isMobile: boolean; onExit
             data-testid="popup_change_btn"
             onClick={async () => {
               try {
+                ToastManager.removeToast(toastId);
                 if (isTranscriptionEnabled) {
                   await actions.stopTranscription({
                     mode: HMSTranscriptionMode.CAPTION,
                   });
-                  ToastManager.addToast({
+                  const id = ToastManager.addToast({
                     title: `Disabling Closed Caption for everyone.`,
                     variant: 'standard',
                     duration: DURATION,
                     icon: <Loading color="currentColor" />,
                   });
+                  setToastId(id);
                   onExit();
                   return;
                 }
                 await actions.startTranscription({
                   mode: HMSTranscriptionMode.CAPTION,
                 });
-                ToastManager.addToast({
+                const id = ToastManager.addToast({
                   title: `Enabling Closed Caption for everyone.`,
                   variant: 'standard',
                   duration: DURATION,
                   icon: <Loading color="currentColor" />,
                 });
+                setToastId(id);
               } catch (err) {
-                ToastManager.addToast({
+                const id = ToastManager.addToast({
                   title: `Failed to ${isTranscriptionEnabled ? 'disabled' : 'enabled'} closed caption`,
                   variant: 'error',
                   icon: <AlertTriangleIcon style={{ marginRight: '0.5rem' }} />,
                 });
+                setToastId(id);
               }
               onExit();
             }}