@100mslive/roomkit-react 0.1.19 → 0.1.20-alpha.0

package/dist/index.js

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

package/dist/meta.cjs.json

@@ -4434,7 +4434,7 @@
       "format": "cjs"
     },
     "../hms-video-web/dist/index.js": {
-      "bytes": 263148,
+      "bytes": 263156,
       "imports": [
         {
           "path": "uuid",
@@ -4969,7 +4969,7 @@
       "format": "esm"
     },
     "../hms-video-store/dist/index.js": {
-      "bytes": 68788,
+      "bytes": 68804,
       "imports": [
         {
           "path": "../../node_modules/reselect/es/index.js",
@@ -12064,7 +12064,7 @@
       "format": "esm"
     },
     "src/Prebuilt/App.tsx": {
-      "bytes": 10349,
+      "bytes": 10446,
       "imports": [
         {
           "path": "react",
@@ -12141,6 +12141,11 @@
           "kind": "import-statement",
           "original": "./components/Toast/ToastContainer"
         },
+        {
+          "path": "src/Prebuilt/components/VirtualBackground/VBHandler.tsx",
+          "kind": "import-statement",
+          "original": "./components/VirtualBackground/VBHandler"
+        },
         {
           "path": "src/Prebuilt/provider/roomLayoutProvider/index.tsx",
           "kind": "import-statement",
@@ -12468,7 +12473,7 @@
       "imports": [],
       "exports": [],
       "inputs": {},
-      "bytes": 3097254
+      "bytes": 3097427
     },
     "dist/index.cjs.js": {
       "imports": [
@@ -15117,7 +15122,7 @@
       "entryPoint": "src/index.ts",
       "inputs": {
         "<define:process.env>": {
-          "bytesInOutput": 18549
+          "bytesInOutput": 18644
         },
         "src/Theme/base.config.ts": {
           "bytesInOutput": 6104
@@ -15588,7 +15593,7 @@
           "bytesInOutput": 615
         },
         "../hms-video-web/dist/index.js": {
-          "bytesInOutput": 35316
+          "bytesInOutput": 35324
         },
         "src/Prebuilt/common/utils.js": {
           "bytesInOutput": 4395
@@ -15624,7 +15629,7 @@
           "bytesInOutput": 2639
         },
         "../hms-video-store/dist/index.js": {
-          "bytesInOutput": 22049
+          "bytesInOutput": 22065
         },
         "src/Prebuilt/components/hooks/useUnreadPollQuizPresent.tsx": {
           "bytesInOutput": 1005
@@ -16089,7 +16094,7 @@
           "bytesInOutput": 2225
         },
         "src/Prebuilt/App.tsx": {
-          "bytesInOutput": 9479
+          "bytesInOutput": 9532
         },
         "src/Prebuilt/index.ts": {
           "bytesInOutput": 131
@@ -16101,7 +16106,7 @@
           "bytesInOutput": 2930
         }
       },
-      "bytes": 1441228
+      "bytes": 1441400
     }
   }
 }

package/dist/meta.esbuild.json

@@ -4434,7 +4434,7 @@
       "format": "cjs"
     },
     "../hms-video-web/dist/index.js": {
-      "bytes": 263148,
+      "bytes": 263156,
       "imports": [
         {
           "path": "uuid",
@@ -4969,7 +4969,7 @@
       "format": "esm"
     },
     "../hms-video-store/dist/index.js": {
-      "bytes": 68788,
+      "bytes": 68804,
       "imports": [
         {
           "path": "../../node_modules/reselect/es/index.js",
@@ -12064,7 +12064,7 @@
       "format": "esm"
     },
     "src/Prebuilt/App.tsx": {
-      "bytes": 10349,
+      "bytes": 10446,
       "imports": [
         {
           "path": "react",
@@ -12141,6 +12141,11 @@
           "kind": "import-statement",
           "original": "./components/Toast/ToastContainer"
         },
+        {
+          "path": "src/Prebuilt/components/VirtualBackground/VBHandler.tsx",
+          "kind": "import-statement",
+          "original": "./components/VirtualBackground/VBHandler"
+        },
         {
           "path": "src/Prebuilt/provider/roomLayoutProvider/index.tsx",
           "kind": "import-statement",
@@ -12473,7 +12478,7 @@
     "dist/index.js": {
       "imports": [
         {
-          "path": "dist/chunk-NHPPOGUF.js",
+          "path": "dist/chunk-SYBH2G3R.js",
           "kind": "import-statement"
         }
       ],
@@ -12545,16 +12550,16 @@
       "inputs": {},
       "bytes": 1798
     },
-    "dist/HLSView-4L4OAX2K.js.map": {
+    "dist/HLSView-BWR4T6PI.js.map": {
       "imports": [],
       "exports": [],
       "inputs": {},
       "bytes": 58021
     },
-    "dist/HLSView-4L4OAX2K.js": {
+    "dist/HLSView-BWR4T6PI.js": {
       "imports": [
         {
-          "path": "dist/chunk-NHPPOGUF.js",
+          "path": "dist/chunk-SYBH2G3R.js",
           "kind": "import-statement"
         },
         {
@@ -12718,13 +12723,13 @@
       },
       "bytes": 36449
     },
-    "dist/chunk-NHPPOGUF.js.map": {
+    "dist/chunk-SYBH2G3R.js.map": {
       "imports": [],
       "exports": [],
       "inputs": {},
-      "bytes": 3034631
+      "bytes": 3034799
     },
-    "dist/chunk-NHPPOGUF.js": {
+    "dist/chunk-SYBH2G3R.js": {
       "imports": [
         {
           "path": "react",
@@ -14927,7 +14932,7 @@
           "external": true
         },
         {
-          "path": "dist/HLSView-4L4OAX2K.js",
+          "path": "dist/HLSView-BWR4T6PI.js",
           "kind": "dynamic-import"
         },
         {
@@ -15338,7 +15343,7 @@
       ],
       "inputs": {
         "<define:process.env>": {
-          "bytesInOutput": 18549
+          "bytesInOutput": 18644
         },
         "../../node_modules/lodash/lodash.js": {
           "bytesInOutput": 224380
@@ -15587,7 +15592,7 @@
           "bytesInOutput": 887
         },
         "src/Prebuilt/App.tsx": {
-          "bytesInOutput": 7598
+          "bytesInOutput": 7625
         },
         "src/Prebuilt/components/AppData/AppData.tsx": {
           "bytesInOutput": 4365
@@ -15761,7 +15766,7 @@
           "bytesInOutput": 10019
         },
         "../hms-video-web/dist/index.js": {
-          "bytesInOutput": 32617
+          "bytesInOutput": 32625
         },
         "../../node_modules/webrtc-adapter/src/js/adapter_core.js": {
           "bytesInOutput": 154
@@ -15827,7 +15832,7 @@
           "bytesInOutput": 712
         },
         "../hms-video-store/dist/index.js": {
-          "bytesInOutput": 19851
+          "bytesInOutput": 19867
         },
         "../../node_modules/reselect/es/index.js": {
           "bytesInOutput": 2537
@@ -16241,7 +16246,7 @@
           "bytesInOutput": 418
         }
       },
-      "bytes": 1223430
+      "bytes": 1223576
     }
   }
 }

package/package.json

@@ -10,7 +10,7 @@
     "prebuilt",
     "roomkit"
   ],
-  "version": "0.1.19",
+  "version": "0.1.20-alpha.0",
   "author": "100ms",
   "license": "MIT",
   "files": [
@@ -76,10 +76,10 @@
     "react": ">=17.0.2 <19.0.0"
   },
   "dependencies": {
-    "@100mslive/hls-player": "0.1.28",
-    "@100mslive/hms-virtual-background": "1.11.28",
-    "@100mslive/react-icons": "0.8.28",
-    "@100mslive/react-sdk": "0.8.28",
+    "@100mslive/hls-player": "0.1.29-alpha.0",
+    "@100mslive/hms-virtual-background": "1.11.29-alpha.0",
+    "@100mslive/react-icons": "0.8.29-alpha.0",
+    "@100mslive/react-sdk": "0.8.29-alpha.0",
     "@100mslive/types-prebuilt": "0.12.5",
     "@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": "2616c7f5408ccbe73ba402514ca7b87b310d377c"
+  "gitHead": "50a9752eb57f926467526f5afdc6cb5213886730"
 }

package/src/Prebuilt/App.tsx

@@ -25,6 +25,7 @@ import { Notifications } from './components/Notifications';
 import { PreviewScreen } from './components/Preview/PreviewScreen';
 // @ts-ignore: No implicit Any
 import { ToastContainer } from './components/Toast/ToastContainer';
+import { VBHandler } from './components/VirtualBackground/VBHandler';
 import { RoomLayoutContext, RoomLayoutProvider, useRoomLayout } from './provider/roomLayoutProvider';
 import { DialogContainerProvider } from '../context/DialogContext';
 import { Box } from '../Layout';
@@ -124,6 +125,7 @@ export const HMSPrebuilt = React.forwardRef<HMSPrebuiltRefType, HMSPrebuiltProps
     // leave room when component unmounts
     useEffect(
       () => () => {
+        VBHandler.reset();
         reactiveStore?.current?.hmsActions.leave();
       },
       [],