@100mslive/roomkit-react 0.3.22-alpha.4 → 0.3.22-alpha.5

package/dist/meta.esbuild.json

@@ -5749,7 +5749,7 @@
       "format": "cjs"
     },
     "../hms-video-store/dist/index.js": {
-      "bytes": 370567,
+      "bytes": 371345,
       "imports": [
         {
           "path": "../../node_modules/reselect/es/index.js",
@@ -11286,7 +11286,7 @@
       ],
       "format": "esm"
     },
-    "../../../../../../../tmp/tmp-2829-Z78x14pP0qu7/1927104bc9e3/tldraw.css": {
+    "../../../../../../../tmp/tmp-2849-88pCd5BvRis6/192766380292/tldraw.css": {
       "bytes": 80111,
       "imports": [
         {
@@ -11336,7 +11336,7 @@
         }
       ]
     },
-    "../../../../../../../tmp/tmp-2829-Z78x14pP0qu7/1927104bc162/index.css": {
+    "../../../../../../../tmp/tmp-2849-88pCd5BvRis6/19276637fd11/index.css": {
       "bytes": 597,
       "imports": [
         {
@@ -11345,7 +11345,7 @@
           "external": true
         },
         {
-          "path": "../../../../../../../tmp/tmp-2829-Z78x14pP0qu7/1927104bc9e3/tldraw.css",
+          "path": "../../../../../../../tmp/tmp-2849-88pCd5BvRis6/192766380292/tldraw.css",
           "kind": "import-rule",
           "original": "@tldraw/tldraw/tldraw.css"
         }
@@ -11420,7 +11420,7 @@
           "original": "../../common/constants"
         },
         {
-          "path": "../../../../../../../tmp/tmp-2829-Z78x14pP0qu7/1927104bc162/index.css",
+          "path": "../../../../../../../tmp/tmp-2849-88pCd5BvRis6/19276637fd11/index.css",
           "kind": "import-statement",
           "original": "@100mslive/hms-whiteboard/index.css"
         },
@@ -13865,7 +13865,7 @@
       "format": "esm"
     },
     "src/Prebuilt/components/Notifications/Notifications.tsx": {
-      "bytes": 8246,
+      "bytes": 8684,
       "imports": [
         {
           "path": "react",
@@ -15449,7 +15449,7 @@
     "dist/index.js": {
       "imports": [
         {
-          "path": "dist/chunk-4VBHLZDR.js",
+          "path": "dist/chunk-4UCH4XSJ.js",
           "kind": "import-statement"
         }
       ],
@@ -15525,16 +15525,16 @@
       "inputs": {},
       "bytes": 1882
     },
-    "dist/HLSView-CSOBLYBP.js.map": {
+    "dist/HLSView-YIWJTBCT.js.map": {
       "imports": [],
       "exports": [],
       "inputs": {},
       "bytes": 101299
     },
-    "dist/HLSView-CSOBLYBP.js": {
+    "dist/HLSView-YIWJTBCT.js": {
       "imports": [
         {
-          "path": "dist/chunk-4VBHLZDR.js",
+          "path": "dist/chunk-4UCH4XSJ.js",
           "kind": "import-statement"
         },
         {
@@ -15712,7 +15712,7 @@
         "default"
       ],
       "entryPoint": "src/Prebuilt/layouts/HLSView.jsx",
-      "cssBundle": "dist/HLSView-QZMIDGI4.css",
+      "cssBundle": "dist/HLSView-CNAJ5SBZ.css",
       "inputs": {
         "src/Prebuilt/layouts/HLSView.jsx": {
           "bytesInOutput": 27634
@@ -15771,13 +15771,13 @@
       },
       "bytes": 62273
     },
-    "dist/chunk-4VBHLZDR.js.map": {
+    "dist/chunk-4UCH4XSJ.js.map": {
       "imports": [],
       "exports": [],
       "inputs": {},
-      "bytes": 3533872
+      "bytes": 3535518
     },
-    "dist/chunk-4VBHLZDR.js": {
+    "dist/chunk-4UCH4XSJ.js": {
       "imports": [
         {
           "path": "react",
@@ -18320,7 +18320,7 @@
           "external": true
         },
         {
-          "path": "dist/HLSView-CSOBLYBP.js",
+          "path": "dist/HLSView-YIWJTBCT.js",
           "kind": "dynamic-import"
         },
         {
@@ -18949,7 +18949,7 @@
       ],
       "inputs": {
         "<define:process.env>": {
-          "bytesInOutput": 18006
+          "bytesInOutput": 18024
         },
         "../../node_modules/lodash/lodash.js": {
           "bytesInOutput": 224301
@@ -18967,7 +18967,7 @@
           "bytesInOutput": 16120
         },
         "../../node_modules/sdp-transform/lib/parser.js": {
-          "bytesInOutput": 3495
+          "bytesInOutput": 3500
         },
         "../../node_modules/sdp-transform/lib/writer.js": {
           "bytesInOutput": 3068
@@ -18976,7 +18976,7 @@
           "bytesInOutput": 615
         },
         "../../node_modules/prop-types/node_modules/react-is/cjs/react-is.production.min.js": {
-          "bytesInOutput": 3836
+          "bytesInOutput": 3833
         },
         "../../node_modules/prop-types/node_modules/react-is/cjs/react-is.development.js": {
           "bytesInOutput": 7632
@@ -19507,7 +19507,7 @@
           "bytesInOutput": 6313
         },
         "../../node_modules/webrtc-adapter/src/js/chrome/chrome_shim.js": {
-          "bytesInOutput": 22678
+          "bytesInOutput": 22676
         },
         "../../node_modules/webrtc-adapter/src/js/chrome/getusermedia.js": {
           "bytesInOutput": 6095
@@ -19525,7 +19525,7 @@
           "bytesInOutput": 842
         },
         "../../node_modules/webrtc-adapter/src/js/safari/safari_shim.js": {
-          "bytesInOutput": 11868
+          "bytesInOutput": 11866
         },
         "../../node_modules/webrtc-adapter/src/js/common_shim.js": {
           "bytesInOutput": 12458
@@ -19842,7 +19842,7 @@
         "src/Prebuilt/components/VideoLayouts/WhiteboardLayout.tsx": {
           "bytesInOutput": 2830
         },
-        "../../../../../../../tmp/tmp-2829-Z78x14pP0qu7/1927104bc162/index.css": {
+        "../../../../../../../tmp/tmp-2849-88pCd5BvRis6/19276637fd11/index.css": {
           "bytesInOutput": 0
         },
         "src/Prebuilt/common/PeersSorter.ts": {
@@ -19906,7 +19906,7 @@
           "bytesInOutput": 27
         },
         "src/Prebuilt/components/Notifications/Notifications.tsx": {
-          "bytesInOutput": 8240
+          "bytesInOutput": 8696
         },
         "src/Prebuilt/components/Notifications/AutoplayBlockedModal.tsx": {
           "bytesInOutput": 1053
@@ -20014,7 +20014,7 @@
           "bytesInOutput": 2628
         }
       },
-      "bytes": 1464661
+      "bytes": 1465133
     },
     "dist/index.css.map": {
       "imports": [],
@@ -20076,22 +20076,22 @@
         }
       ],
       "inputs": {
-        "../../../../../../../tmp/tmp-2829-Z78x14pP0qu7/1927104bc9e3/tldraw.css": {
+        "../../../../../../../tmp/tmp-2849-88pCd5BvRis6/192766380292/tldraw.css": {
           "bytesInOutput": 75223
         },
-        "../../../../../../../tmp/tmp-2829-Z78x14pP0qu7/1927104bc162/index.css": {
+        "../../../../../../../tmp/tmp-2849-88pCd5BvRis6/19276637fd11/index.css": {
           "bytesInOutput": 401
         }
       },
       "bytes": 75901
     },
-    "dist/HLSView-QZMIDGI4.css.map": {
+    "dist/HLSView-CNAJ5SBZ.css.map": {
       "imports": [],
       "exports": [],
       "inputs": {},
       "bytes": 122402
     },
-    "dist/HLSView-QZMIDGI4.css": {
+    "dist/HLSView-CNAJ5SBZ.css": {
       "imports": [
         {
           "path": "https://fonts.googleapis.com/css2?family=Inter:wght@400;500&display=swap",
@@ -20145,10 +20145,10 @@
         }
       ],
       "inputs": {
-        "../../../../../../../tmp/tmp-2829-Z78x14pP0qu7/1927104bc9e3/tldraw.css": {
+        "../../../../../../../tmp/tmp-2849-88pCd5BvRis6/192766380292/tldraw.css": {
           "bytesInOutput": 75223
         },
-        "../../../../../../../tmp/tmp-2829-Z78x14pP0qu7/1927104bc162/index.css": {
+        "../../../../../../../tmp/tmp-2849-88pCd5BvRis6/19276637fd11/index.css": {
           "bytesInOutput": 401
         }
       },

package/package.json

@@ -10,7 +10,7 @@
     "prebuilt",
     "roomkit"
   ],
-  "version": "0.3.22-alpha.4",
+  "version": "0.3.22-alpha.5",
   "author": "100ms",
   "license": "MIT",
   "repository": {
@@ -75,12 +75,12 @@
     "react": ">=17.0.2 <19.0.0"
   },
   "dependencies": {
-    "@100mslive/hls-player": "0.3.22-alpha.4",
+    "@100mslive/hls-player": "0.3.22-alpha.5",
     "@100mslive/hms-noise-cancellation": "0.0.1",
-    "@100mslive/hms-virtual-background": "1.13.22-alpha.4",
-    "@100mslive/hms-whiteboard": "0.0.12-alpha.4",
-    "@100mslive/react-icons": "0.10.22-alpha.4",
-    "@100mslive/react-sdk": "0.10.22-alpha.4",
+    "@100mslive/hms-virtual-background": "1.13.22-alpha.5",
+    "@100mslive/hms-whiteboard": "0.0.12-alpha.5",
+    "@100mslive/react-icons": "0.10.22-alpha.5",
+    "@100mslive/react-sdk": "0.10.22-alpha.5",
     "@100mslive/types-prebuilt": "0.12.12",
     "@emoji-mart/data": "^1.0.6",
     "@emoji-mart/react": "^1.0.1",
@@ -117,5 +117,5 @@
     "uuid": "^8.3.2",
     "worker-timers": "^7.0.40"
   },
-  "gitHead": "1a7a504437501f10505fd18c1a06a0cc8c037fd9"
+  "gitHead": "ea03b55cbe2eb69e38a37f0582e1c35f78918bf1"
 }

package/src/Prebuilt/components/Notifications/Notifications.tsx

@@ -43,7 +43,18 @@ const pollToastKey: Record<string, string> = {};
 
 export function Notifications() {
   const localPeerID = useHMSStore(selectLocalPeerID);
-  const notification = useHMSNotifications();
+  const notification = useHMSNotifications([
+    HMSNotificationTypes.NAME_UPDATED,
+    HMSNotificationTypes.ERROR,
+    HMSNotificationTypes.ROLE_UPDATED,
+    HMSNotificationTypes.CHANGE_TRACK_STATE_REQUEST,
+    HMSNotificationTypes.REMOVED_FROM_ROOM,
+    HMSNotificationTypes.ROOM_ENDED,
+    HMSNotificationTypes.DEVICE_CHANGE_UPDATE,
+    HMSNotificationTypes.POLL_STARTED,
+    HMSNotificationTypes.POLL_STOPPED,
+    HMSNotificationTypes.NEW_MESSAGE,
+  ]);
   const subscribedNotifications = useSubscribedNotifications() || {};
   const roomState = useHMSStore(selectRoomState);
   const updateRoomLayoutForRole = useUpdateRoomLayout();
@@ -109,6 +120,7 @@ export function Notifications() {
         if (!subscribedNotifications.ERROR) return;
         ToastManager.addToast({
           title: `Error: ${notification.data?.message} - ${notification.data?.description}`,
+          duration: 8000,
         });
         break;
       case HMSNotificationTypes.ROLE_UPDATED: {