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

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": 5144,
       "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": 338124,
       "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-2856-GnTENBz90iJn/18fc335fdeb3/tldraw.css": {
       "bytes": 80111,
       "imports": [
         {
@@ -10499,7 +10504,7 @@
         }
       ]
     },
-    "../../../../../../../tmp/tmp-2899-wy6hztdAyez5/18faa6440c91/index.css": {
+    "../../../../../../../tmp/tmp-2856-GnTENBz90iJn/18fc335fddc1/index.css": {
       "bytes": 597,
       "imports": [
         {
@@ -10508,7 +10513,7 @@
           "external": true
         },
         {
-          "path": "../../../../../../../tmp/tmp-2899-wy6hztdAyez5/18faa6440d53/tldraw.css",
+          "path": "../../../../../../../tmp/tmp-2856-GnTENBz90iJn/18fc335fdeb3/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-2856-GnTENBz90iJn/18fc335fddc1/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",
@@ -12759,8 +12754,54 @@
       ],
       "format": "esm"
     },
+    "src/Prebuilt/components/Notifications/TranscriptionNotifications.tsx": {
+      "bytes": 2246,
+      "imports": [
+        {
+          "path": "react",
+          "kind": "import-statement",
+          "external": true
+        },
+        {
+          "path": "ts-pattern",
+          "kind": "import-statement",
+          "external": true
+        },
+        {
+          "path": "@100mslive/react-sdk",
+          "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/AppData/useUISettings.js",
+          "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",
+          "external": true
+        }
+      ],
+      "format": "esm"
+    },
     "src/Prebuilt/components/Notifications/Notifications.tsx": {
-      "bytes": 7891,
+      "bytes": 8003,
       "imports": [
         {
           "path": "react",
@@ -12842,6 +12883,11 @@
           "kind": "import-statement",
           "original": "./TrackUnmuteModal"
         },
+        {
+          "path": "src/Prebuilt/components/Notifications/TranscriptionNotifications.tsx",
+          "kind": "import-statement",
+          "original": "./TranscriptionNotifications"
+        },
         {
           "path": "src/Prebuilt/provider/roomLayoutProvider/hooks/useRoomLayoutScreen.ts",
           "kind": "import-statement",
@@ -13671,7 +13717,7 @@
     "dist/index.js": {
       "imports": [
         {
-          "path": "dist/chunk-2XSERAAX.js",
+          "path": "dist/chunk-ZPUJUJBA.js",
           "kind": "import-statement"
         }
       ],
@@ -13745,16 +13791,16 @@
       "inputs": {},
       "bytes": 1822
     },
-    "dist/HLSView-XJOA2AEA.js.map": {
+    "dist/HLSView-EHEKBMBJ.js.map": {
       "imports": [],
       "exports": [],
       "inputs": {},
       "bytes": 99904
     },
-    "dist/HLSView-XJOA2AEA.js": {
+    "dist/HLSView-EHEKBMBJ.js": {
       "imports": [
         {
-          "path": "dist/chunk-2XSERAAX.js",
+          "path": "dist/chunk-ZPUJUJBA.js",
           "kind": "import-statement"
         },
         {
@@ -13932,7 +13978,7 @@
         "default"
       ],
       "entryPoint": "src/Prebuilt/layouts/HLSView.jsx",
-      "cssBundle": "dist/HLSView-JEIHKPKT.css",
+      "cssBundle": "dist/HLSView-BJWPNE7P.css",
       "inputs": {
         "src/Prebuilt/layouts/HLSView.jsx": {
           "bytesInOutput": 25793
@@ -13991,13 +14037,13 @@
       },
       "bytes": 58515
     },
-    "dist/chunk-2XSERAAX.js.map": {
+    "dist/chunk-ZPUJUJBA.js.map": {
       "imports": [],
       "exports": [],
       "inputs": {},
-      "bytes": 3249393
+      "bytes": 3262044
     },
-    "dist/chunk-2XSERAAX.js": {
+    "dist/chunk-ZPUJUJBA.js": {
       "imports": [
         {
           "path": "react",
@@ -16214,11 +16260,6 @@
           "kind": "import-statement",
           "external": true
         },
-        {
-          "path": "@100mslive/react-icons",
-          "kind": "import-statement",
-          "external": true
-        },
         {
           "path": "react",
           "kind": "import-statement",
@@ -16475,7 +16516,7 @@
           "external": true
         },
         {
-          "path": "dist/HLSView-XJOA2AEA.js",
+          "path": "dist/HLSView-EHEKBMBJ.js",
           "kind": "dynamic-import"
         },
         {
@@ -16783,6 +16824,26 @@
           "kind": "import-statement",
           "external": true
         },
+        {
+          "path": "ts-pattern",
+          "kind": "import-statement",
+          "external": true
+        },
+        {
+          "path": "@100mslive/react-sdk",
+          "kind": "import-statement",
+          "external": true
+        },
+        {
+          "path": "@100mslive/react-icons",
+          "kind": "import-statement",
+          "external": true
+        },
+        {
+          "path": "react",
+          "kind": "import-statement",
+          "external": true
+        },
         {
           "path": "react-use",
           "kind": "import-statement",
@@ -16953,28 +17014,28 @@
       ],
       "inputs": {
         "<define:process.env>": {
-          "bytesInOutput": 17803
+          "bytesInOutput": 17904
         },
         "../../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 +17062,7 @@
           "bytesInOutput": 5031
         },
         "src/Prebuilt/common/constants.ts": {
-          "bytesInOutput": 3065
+          "bytesInOutput": 3121
         },
         "src/Theme/ThemeProvider.tsx": {
           "bytesInOutput": 1926
@@ -17133,10 +17194,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 +17212,7 @@
           "bytesInOutput": 7231
         },
         "src/Stats/formatBytes.ts": {
-          "bytesInOutput": 471
+          "bytesInOutput": 470
         },
         "src/Stats/StyledStats.tsx": {
           "bytesInOutput": 708
@@ -17241,7 +17302,7 @@
           "bytesInOutput": 1486
         },
         "src/Prebuilt/common/utils.js": {
-          "bytesInOutput": 2789
+          "bytesInOutput": 2786
         },
         "src/Prebuilt/components/AppData/useSidepane.js": {
           "bytesInOutput": 2499
@@ -17337,7 +17398,7 @@
           "bytesInOutput": 474
         },
         "src/Prebuilt/components/MoreSettings/SplitComponents/DesktopOptions.tsx": {
-          "bytesInOutput": 7090
+          "bytesInOutput": 8369
         },
         "src/Prebuilt/components/PIP/index.jsx": {
           "bytesInOutput": 178
@@ -17346,7 +17407,7 @@
           "bytesInOutput": 2621
         },
         "src/Prebuilt/components/PIP/PIPManager.ts": {
-          "bytesInOutput": 9064
+          "bytesInOutput": 9062
         },
         "src/Prebuilt/components/PIP/pipUtils.js": {
           "bytesInOutput": 4289
@@ -17367,7 +17428,7 @@
           "bytesInOutput": 7036
         },
         "src/Prebuilt/components/StatsForNerds.jsx": {
-          "bytesInOutput": 9374
+          "bytesInOutput": 9373
         },
         "src/Prebuilt/components/MoreSettings/BulkRoleChangeModal.jsx": {
           "bytesInOutput": 4856
@@ -17376,7 +17437,7 @@
           "bytesInOutput": 989
         },
         "src/Prebuilt/components/MoreSettings/CaptionContent.tsx": {
-          "bytesInOutput": 4757
+          "bytesInOutput": 5003
         },
         "src/Prebuilt/components/MoreSettings/FullScreenItem.tsx": {
           "bytesInOutput": 628
@@ -17397,16 +17458,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 +17479,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 +17491,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 +17605,7 @@
           "bytesInOutput": 2832
         },
         "src/Prebuilt/components/Preview/PreviewJoin.tsx": {
-          "bytesInOutput": 9541
+          "bytesInOutput": 9542
         },
         "src/Prebuilt/layouts/SidePane.tsx": {
           "bytesInOutput": 5831
@@ -17553,7 +17614,7 @@
           "bytesInOutput": 735
         },
         "src/Prebuilt/components/Polls/CreatePollQuiz/PollsQuizMenu.tsx": {
-          "bytesInOutput": 7619
+          "bytesInOutput": 7615
         },
         "src/Prebuilt/components/Streaming/Common.jsx": {
           "bytesInOutput": 2247
@@ -17652,7 +17713,7 @@
           "bytesInOutput": 1115
         },
         "src/Prebuilt/components/hooks/usePinnedMessages.ts": {
-          "bytesInOutput": 2501
+          "bytesInOutput": 2502
         },
         "src/Prebuilt/components/Chat/EmptyChat.tsx": {
           "bytesInOutput": 1882
@@ -17688,7 +17749,7 @@
           "bytesInOutput": 1021
         },
         "src/Prebuilt/components/Chat/StickIndicator.tsx": {
-          "bytesInOutput": 542
+          "bytesInOutput": 543
         },
         "src/Prebuilt/components/Footer/PaginatedParticipants.tsx": {
           "bytesInOutput": 4119
@@ -17745,7 +17806,7 @@
           "bytesInOutput": 4871
         },
         "src/Prebuilt/components/VideoLayouts/GridLayout.tsx": {
-          "bytesInOutput": 4991
+          "bytesInOutput": 4427
         },
         "src/Prebuilt/components/VideoLayouts/EqualProminence.tsx": {
           "bytesInOutput": 1785
@@ -17760,13 +17821,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 +17856,11 @@
         "src/Prebuilt/components/VideoLayouts/WhiteboardLayout.tsx": {
           "bytesInOutput": 2656
         },
-        "../../../../../../../tmp/tmp-2899-wy6hztdAyez5/18faa6440c91/index.css": {
+        "../../../../../../../tmp/tmp-2856-GnTENBz90iJn/18fc335fddc1/index.css": {
           "bytesInOutput": 0
         },
         "src/Prebuilt/common/PeersSorter.ts": {
-          "bytesInOutput": 2972
+          "bytesInOutput": 2973
         },
         "src/Prebuilt/layouts/EmbedView.jsx": {
           "bytesInOutput": 2656
@@ -17808,7 +17869,7 @@
           "bytesInOutput": 1506
         },
         "src/Prebuilt/plugins/CaptionsViewer.tsx": {
-          "bytesInOutput": 6044
+          "bytesInOutput": 6221
         },
         "src/Prebuilt/components/hooks/useCloseScreenshareWhiteboard.tsx": {
           "bytesInOutput": 585
@@ -17856,7 +17917,7 @@
           "bytesInOutput": 27
         },
         "src/Prebuilt/components/Notifications/Notifications.tsx": {
-          "bytesInOutput": 7178
+          "bytesInOutput": 7252
         },
         "src/Prebuilt/components/Notifications/AutoplayBlockedModal.tsx": {
           "bytesInOutput": 1053
@@ -17871,7 +17932,7 @@
           "bytesInOutput": 1935
         },
         "src/Prebuilt/components/Toast/ToastConfig.jsx": {
-          "bytesInOutput": 5751
+          "bytesInOutput": 5752
         },
         "src/Prebuilt/components/Notifications/InitErrorModal.tsx": {
           "bytesInOutput": 1565
@@ -17900,6 +17961,9 @@
         "src/Prebuilt/components/Notifications/TrackUnmuteModal.tsx": {
           "bytesInOutput": 1651
         },
+        "src/Prebuilt/components/Notifications/TranscriptionNotifications.tsx": {
+          "bytesInOutput": 2152
+        },
         "src/Prebuilt/components/Preview/PreviewScreen.tsx": {
           "bytesInOutput": 1173
         },
@@ -17934,7 +17998,7 @@
           "bytesInOutput": 651
         }
       },
-      "bytes": 1301698
+      "bytes": 1306372
     },
     "dist/index.css.map": {
       "imports": [],
@@ -17996,22 +18060,22 @@
         }
       ],
       "inputs": {
-        "../../../../../../../tmp/tmp-2899-wy6hztdAyez5/18faa6440d53/tldraw.css": {
+        "../../../../../../../tmp/tmp-2856-GnTENBz90iJn/18fc335fdeb3/tldraw.css": {
           "bytesInOutput": 75223
         },
-        "../../../../../../../tmp/tmp-2899-wy6hztdAyez5/18faa6440c91/index.css": {
+        "../../../../../../../tmp/tmp-2856-GnTENBz90iJn/18fc335fddc1/index.css": {
           "bytesInOutput": 401
         }
       },
       "bytes": 75901
     },
-    "dist/HLSView-JEIHKPKT.css.map": {
+    "dist/HLSView-BJWPNE7P.css.map": {
       "imports": [],
       "exports": [],
       "inputs": {},
       "bytes": 122402
     },
-    "dist/HLSView-JEIHKPKT.css": {
+    "dist/HLSView-BJWPNE7P.css": {
       "imports": [
         {
           "path": "https://fonts.googleapis.com/css2?family=Inter:wght@400;500&display=swap",
@@ -18065,10 +18129,10 @@
         }
       ],
       "inputs": {
-        "../../../../../../../tmp/tmp-2899-wy6hztdAyez5/18faa6440d53/tldraw.css": {
+        "../../../../../../../tmp/tmp-2856-GnTENBz90iJn/18fc335fdeb3/tldraw.css": {
           "bytesInOutput": 75223
         },
-        "../../../../../../../tmp/tmp-2899-wy6hztdAyez5/18faa6440c91/index.css": {
+        "../../../../../../../tmp/tmp-2856-GnTENBz90iJn/18fc335fddc1/index.css": {
           "bytesInOutput": 401
         }
       },

package/package.json

@@ -10,7 +10,7 @@
     "prebuilt",
     "roomkit"
   ],
-  "version": "0.3.11",
+  "version": "0.3.12-alpha.1",
   "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.1",
     "@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.1",
+    "@100mslive/hms-whiteboard": "0.0.2-alpha.1",
+    "@100mslive/react-icons": "0.10.12-alpha.1",
+    "@100mslive/react-sdk": "0.10.12-alpha.1",
     "@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": "d1da18b74e26ac0defecd1509864a9d8dd8c258e"
 }

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',