@100mslive/roomkit-react 0.1.11-alpha.2 → 0.1.12-alpha.0

package/dist/index.js

@@ -61,7 +61,7 @@ import {
   theme,
   useBorderAudioLevel,
   useTheme
-} from "./chunk-I3J4WTJM.js";
+} from "./chunk-OYSYEA6R.js";
 export {
   Accordion,
   AudioLevel,

package/dist/meta.cjs.json

@@ -26,7 +26,7 @@
       "format": "esm"
     },
     "src/Theme/stitches.config.ts": {
-      "bytes": 2170,
+      "bytes": 2219,
       "imports": [
         {
           "path": "@stitches/react",
@@ -38,6 +38,11 @@
           "kind": "import-statement",
           "external": true
         },
+        {
+          "path": "uuid",
+          "kind": "import-statement",
+          "external": true
+        },
         {
           "path": "src/Theme/base.config.ts",
           "kind": "import-statement",
@@ -2649,7 +2654,7 @@
       "format": "esm"
     },
     "src/Prebuilt/components/Leave/DesktopLeaveRoom.tsx": {
-      "bytes": 6166,
+      "bytes": 6195,
       "imports": [
         {
           "path": "react",
@@ -2792,7 +2797,7 @@
       "format": "esm"
     },
     "src/Prebuilt/components/Leave/MwebLeaveRoom.tsx": {
-      "bytes": 4628,
+      "bytes": 4657,
       "imports": [
         {
           "path": "react",
@@ -4409,7 +4414,7 @@
       "format": "cjs"
     },
     "../hms-video-web/dist/index.js": {
-      "bytes": 254752,
+      "bytes": 254555,
       "imports": [
         {
           "path": "uuid",
@@ -11094,7 +11099,7 @@
       "imports": [],
       "exports": [],
       "inputs": {},
-      "bytes": 2033464
+      "bytes": 2033204
     },
     "dist/index.cjs.js": {
       "imports": [
@@ -11113,6 +11118,11 @@
           "kind": "require-call",
           "external": true
         },
+        {
+          "path": "uuid",
+          "kind": "require-call",
+          "external": true
+        },
         {
           "path": "react",
           "kind": "require-call",
@@ -13433,13 +13443,13 @@
       "entryPoint": "src/index.ts",
       "inputs": {
         "<define:process.env>": {
-          "bytesInOutput": 18611
+          "bytesInOutput": 18620
         },
         "src/Theme/base.config.ts": {
           "bytesInOutput": 6104
         },
         "src/Theme/stitches.config.ts": {
-          "bytesInOutput": 2282
+          "bytesInOutput": 2355
         },
         "src/Theme/useSSR.tsx": {
           "bytesInOutput": 638
@@ -13727,7 +13737,7 @@
           "bytesInOutput": 3794
         },
         "src/Prebuilt/components/Toast/ToastManager.js": {
-          "bytesInOutput": 1356
+          "bytesInOutput": 1359
         },
         "src/Prebuilt/components/AudioVideoToggle.jsx": {
           "bytesInOutput": 6734
@@ -13754,7 +13764,7 @@
           "bytesInOutput": 2361
         },
         "src/Prebuilt/components/Leave/DesktopLeaveRoom.tsx": {
-          "bytesInOutput": 7066
+          "bytesInOutput": 7127
         },
         "src/Sheet/Sheet.tsx": {
           "bytesInOutput": 3505
@@ -13763,7 +13773,7 @@
           "bytesInOutput": 128
         },
         "src/Prebuilt/components/Leave/MwebLeaveRoom.tsx": {
-          "bytesInOutput": 5293
+          "bytesInOutput": 5354
         },
         "src/Prebuilt/components/Leave/LeaveRoom.tsx": {
           "bytesInOutput": 2672
@@ -13904,7 +13914,7 @@
           "bytesInOutput": 615
         },
         "../hms-video-web/dist/index.js": {
-          "bytesInOutput": 35584
+          "bytesInOutput": 35586
         },
         "src/Prebuilt/common/utils.js": {
           "bytesInOutput": 2911
@@ -14339,7 +14349,7 @@
           "bytesInOutput": 2930
         }
       },
-      "bytes": 1106040
+      "bytes": 1106249
     }
   }
 }

package/dist/meta.esbuild.json

@@ -26,7 +26,7 @@
       "format": "esm"
     },
     "src/Theme/stitches.config.ts": {
-      "bytes": 2170,
+      "bytes": 2219,
       "imports": [
         {
           "path": "@stitches/react",
@@ -38,6 +38,11 @@
           "kind": "import-statement",
           "external": true
         },
+        {
+          "path": "uuid",
+          "kind": "import-statement",
+          "external": true
+        },
         {
           "path": "src/Theme/base.config.ts",
           "kind": "import-statement",
@@ -2649,7 +2654,7 @@
       "format": "esm"
     },
     "src/Prebuilt/components/Leave/DesktopLeaveRoom.tsx": {
-      "bytes": 6166,
+      "bytes": 6195,
       "imports": [
         {
           "path": "react",
@@ -2792,7 +2797,7 @@
       "format": "esm"
     },
     "src/Prebuilt/components/Leave/MwebLeaveRoom.tsx": {
-      "bytes": 4628,
+      "bytes": 4657,
       "imports": [
         {
           "path": "react",
@@ -4409,7 +4414,7 @@
       "format": "cjs"
     },
     "../hms-video-web/dist/index.js": {
-      "bytes": 254752,
+      "bytes": 254555,
       "imports": [
         {
           "path": "uuid",
@@ -11099,7 +11104,7 @@
     "dist/index.js": {
       "imports": [
         {
-          "path": "dist/chunk-I3J4WTJM.js",
+          "path": "dist/chunk-OYSYEA6R.js",
           "kind": "import-statement"
         }
       ],
@@ -11171,16 +11176,16 @@
       "inputs": {},
       "bytes": 1798
     },
-    "dist/HLSView-37K6YKVO.js.map": {
+    "dist/HLSView-J2MIS3H2.js.map": {
       "imports": [],
       "exports": [],
       "inputs": {},
       "bytes": 53187
     },
-    "dist/HLSView-37K6YKVO.js": {
+    "dist/HLSView-J2MIS3H2.js": {
       "imports": [
         {
-          "path": "dist/chunk-I3J4WTJM.js",
+          "path": "dist/chunk-OYSYEA6R.js",
           "kind": "import-statement"
         },
         {
@@ -11331,13 +11336,13 @@
       },
       "bytes": 33380
     },
-    "dist/chunk-I3J4WTJM.js.map": {
+    "dist/chunk-OYSYEA6R.js.map": {
       "imports": [],
       "exports": [],
       "inputs": {},
-      "bytes": 1974355
+      "bytes": 1974056
     },
-    "dist/chunk-I3J4WTJM.js": {
+    "dist/chunk-OYSYEA6R.js": {
       "imports": [
         {
           "path": "react",
@@ -11354,6 +11359,11 @@
           "kind": "import-statement",
           "external": true
         },
+        {
+          "path": "uuid",
+          "kind": "import-statement",
+          "external": true
+        },
         {
           "path": "@stitches/react",
           "kind": "import-statement",
@@ -13285,7 +13295,7 @@
           "external": true
         },
         {
-          "path": "dist/HLSView-37K6YKVO.js",
+          "path": "dist/HLSView-J2MIS3H2.js",
           "kind": "dynamic-import"
         },
         {
@@ -13650,7 +13660,7 @@
       ],
       "inputs": {
         "<define:process.env>": {
-          "bytesInOutput": 18611
+          "bytesInOutput": 18620
         },
         "../../node_modules/ua-parser-js/src/ua-parser.js": {
           "bytesInOutput": 42427
@@ -13686,7 +13696,7 @@
           "bytesInOutput": 1295
         },
         "src/Theme/stitches.config.ts": {
-          "bytesInOutput": 1679
+          "bytesInOutput": 1728
         },
         "src/Theme/base.config.ts": {
           "bytesInOutput": 5061
@@ -13956,7 +13966,7 @@
           "bytesInOutput": 2182
         },
         "src/Prebuilt/components/Leave/DesktopLeaveRoom.tsx": {
-          "bytesInOutput": 5679
+          "bytesInOutput": 5740
         },
         "src/Prebuilt/components/Leave/EndSessionContent.tsx": {
           "bytesInOutput": 1947
@@ -13971,7 +13981,7 @@
           "bytesInOutput": 1790
         },
         "src/Prebuilt/components/Leave/MwebLeaveRoom.tsx": {
-          "bytesInOutput": 4274
+          "bytesInOutput": 4335
         },
         "src/Sheet/index.ts": {
           "bytesInOutput": 27
@@ -14478,7 +14488,7 @@
           "bytesInOutput": 418
         }
       },
-      "bytes": 909900
+      "bytes": 910080
     }
   }
 }

package/package.json

@@ -10,7 +10,7 @@
     "prebuilt",
     "roomkit"
   ],
-  "version": "0.1.11-alpha.2",
+  "version": "0.1.12-alpha.0",
   "author": "100ms",
   "license": "MIT",
   "files": [
@@ -63,6 +63,7 @@
     "@types/mdx": "2.0.2",
     "@types/react": "^18.1.0",
     "@types/react-window": "^1.8.5",
+    "@types/uuid": "^8.3.0",
     "babel-loader": "^8.2.5",
     "babel-plugin-react-require": "3.1.3",
     "react": "^18.1.0",
@@ -76,10 +77,10 @@
     "react": ">=17.0.2 <19.0.0"
   },
   "dependencies": {
-    "@100mslive/hls-player": "0.1.20-alpha.2",
-    "@100mslive/hms-virtual-background": "1.11.20-alpha.2",
-    "@100mslive/react-icons": "0.8.20-alpha.2",
-    "@100mslive/react-sdk": "0.8.20-alpha.2",
+    "@100mslive/hls-player": "0.1.21-alpha.0",
+    "@100mslive/hms-virtual-background": "1.11.21-alpha.0",
+    "@100mslive/react-icons": "0.8.21-alpha.0",
+    "@100mslive/react-sdk": "0.8.21-alpha.0",
     "@100mslive/types-prebuilt": "0.12.0",
     "@emoji-mart/data": "^1.0.6",
     "@emoji-mart/react": "^1.0.1",
@@ -114,5 +115,5 @@
     "uuid": "^8.3.2",
     "worker-timers": "^7.0.40"
   },
-  "gitHead": "f5c7e1214f73304f89b181ced53f13669d4194bb"
+  "gitHead": "a69f22f662b620671bbbb8fb9174c7dd1368996d"
 }

package/src/Prebuilt/components/Leave/DesktopLeaveRoom.tsx

@@ -30,7 +30,7 @@ export const DesktopLeaveRoom = ({
   const isConnected = useHMSStore(selectIsConnectedToRoom);
   const permissions = useHMSStore(selectPermissions);
   const { isStreamingOn } = useRecordingStreaming();
-  const showStream = screenType !== 'hls_live_streaming' && isStreamingOn;
+  const showStream = screenType !== 'hls_live_streaming' && isStreamingOn && permissions?.hlsStreaming;
   const showLeaveOptions = (permissions?.hlsStreaming && isStreamingOn) || permissions?.endRoom;
 
   useDropdownList({ open: open || showEndStreamAlert || showLeaveRoomAlert, name: 'LeaveRoom' });

package/src/Prebuilt/components/Leave/MwebLeaveRoom.tsx

@@ -29,7 +29,7 @@ export const MwebLeaveRoom = ({
   const isConnected = useHMSStore(selectIsConnectedToRoom);
   const permissions = useHMSStore(selectPermissions);
   const { isStreamingOn } = useRecordingStreaming();
-  const showStream = screenType !== 'hls_live_streaming' && isStreamingOn;
+  const showStream = screenType !== 'hls_live_streaming' && isStreamingOn && permissions?.hlsStreaming;
   const showLeaveOptions = (permissions?.hlsStreaming && isStreamingOn) || permissions?.endRoom;
 
   useDropdownList({ open, name: 'LeaveRoom' });

package/src/Theme/stitches.config.ts

@@ -1,10 +1,11 @@
 import type * as Stitches from '@stitches/react';
 import { createStitches } from '@stitches/react';
 import merge from 'lodash.merge';
+import { v4 as uuidv4 } from 'uuid';
 import { baseConfig, defaultMedia, defaultThemeMap, defaultUtils } from './base.config';
 
 const HmsStitches = createStitches({
-  prefix: 'hms-ui',
+  prefix: `hms-ui-${uuidv4()}`,
   theme: {
     ...baseConfig.theme,
     colors: {