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

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
@@ -5749,7 +5749,7 @@
5749
5749
  "format": "cjs"
5750
5750
  },
5751
5751
  "../hms-video-store/dist/index.js": {
5752
- "bytes": 370567,
5752
+ "bytes": 371337,
5753
5753
  "imports": [
5754
5754
  {
5755
5755
  "path": "../../node_modules/reselect/es/index.js",
@@ -11286,7 +11286,7 @@
11286
11286
  ],
11287
11287
  "format": "esm"
11288
11288
  },
11289
- "../../../../../../../tmp/tmp-2829-Z78x14pP0qu7/1927104bc9e3/tldraw.css": {
11289
+ "../../../../../../../tmp/tmp-2835-GYmlJ2DDCMnM/1928b0ac3352/tldraw.css": {
11290
11290
  "bytes": 80111,
11291
11291
  "imports": [
11292
11292
  {
@@ -11336,7 +11336,7 @@
11336
11336
  }
11337
11337
  ]
11338
11338
  },
11339
- "../../../../../../../tmp/tmp-2829-Z78x14pP0qu7/1927104bc162/index.css": {
11339
+ "../../../../../../../tmp/tmp-2835-GYmlJ2DDCMnM/1928b0ac2c80/index.css": {
11340
11340
  "bytes": 597,
11341
11341
  "imports": [
11342
11342
  {
@@ -11345,7 +11345,7 @@
11345
11345
  "external": true
11346
11346
  },
11347
11347
  {
11348
- "path": "../../../../../../../tmp/tmp-2829-Z78x14pP0qu7/1927104bc9e3/tldraw.css",
11348
+ "path": "../../../../../../../tmp/tmp-2835-GYmlJ2DDCMnM/1928b0ac3352/tldraw.css",
11349
11349
  "kind": "import-rule",
11350
11350
  "original": "@tldraw/tldraw/tldraw.css"
11351
11351
  }
@@ -11420,7 +11420,7 @@
11420
11420
  "original": "../../common/constants"
11421
11421
  },
11422
11422
  {
11423
- "path": "../../../../../../../tmp/tmp-2829-Z78x14pP0qu7/1927104bc162/index.css",
11423
+ "path": "../../../../../../../tmp/tmp-2835-GYmlJ2DDCMnM/1928b0ac2c80/index.css",
11424
11424
  "kind": "import-statement",
11425
11425
  "original": "@100mslive/hms-whiteboard/index.css"
11426
11426
  },
@@ -13865,7 +13865,7 @@
13865
13865
  "format": "esm"
13866
13866
  },
13867
13867
  "src/Prebuilt/components/Notifications/Notifications.tsx": {
13868
- "bytes": 8246,
13868
+ "bytes": 8684,
13869
13869
  "imports": [
13870
13870
  {
13871
13871
  "path": "react",
@@ -15449,7 +15449,7 @@
15449
15449
  "dist/index.js": {
15450
15450
  "imports": [
15451
15451
  {
15452
- "path": "dist/chunk-4VBHLZDR.js",
15452
+ "path": "dist/chunk-XUB7NT7H.js",
15453
15453
  "kind": "import-statement"
15454
15454
  }
15455
15455
  ],
@@ -15525,16 +15525,16 @@
15525
15525
  "inputs": {},
15526
15526
  "bytes": 1882
15527
15527
  },
15528
- "dist/HLSView-CSOBLYBP.js.map": {
15528
+ "dist/HLSView-KUATYNDE.js.map": {
15529
15529
  "imports": [],
15530
15530
  "exports": [],
15531
15531
  "inputs": {},
15532
15532
  "bytes": 101299
15533
15533
  },
15534
- "dist/HLSView-CSOBLYBP.js": {
15534
+ "dist/HLSView-KUATYNDE.js": {
15535
15535
  "imports": [
15536
15536
  {
15537
- "path": "dist/chunk-4VBHLZDR.js",
15537
+ "path": "dist/chunk-XUB7NT7H.js",
15538
15538
  "kind": "import-statement"
15539
15539
  },
15540
15540
  {
@@ -15712,7 +15712,7 @@
15712
15712
  "default"
15713
15713
  ],
15714
15714
  "entryPoint": "src/Prebuilt/layouts/HLSView.jsx",
15715
- "cssBundle": "dist/HLSView-QZMIDGI4.css",
15715
+ "cssBundle": "dist/HLSView-GSL27AY6.css",
15716
15716
  "inputs": {
15717
15717
  "src/Prebuilt/layouts/HLSView.jsx": {
15718
15718
  "bytesInOutput": 27634
@@ -15771,13 +15771,13 @@
15771
15771
  },
15772
15772
  "bytes": 62273
15773
15773
  },
15774
- "dist/chunk-4VBHLZDR.js.map": {
15774
+ "dist/chunk-XUB7NT7H.js.map": {
15775
15775
  "imports": [],
15776
15776
  "exports": [],
15777
15777
  "inputs": {},
15778
- "bytes": 3533872
15778
+ "bytes": 3535481
15779
15779
  },
15780
- "dist/chunk-4VBHLZDR.js": {
15780
+ "dist/chunk-XUB7NT7H.js": {
15781
15781
  "imports": [
15782
15782
  {
15783
15783
  "path": "react",
@@ -18320,7 +18320,7 @@
18320
18320
  "external": true
18321
18321
  },
18322
18322
  {
18323
- "path": "dist/HLSView-CSOBLYBP.js",
18323
+ "path": "dist/HLSView-KUATYNDE.js",
18324
18324
  "kind": "dynamic-import"
18325
18325
  },
18326
18326
  {
@@ -18949,7 +18949,7 @@
18949
18949
  ],
18950
18950
  "inputs": {
18951
18951
  "<define:process.env>": {
18952
- "bytesInOutput": 18006
18952
+ "bytesInOutput": 17912
18953
18953
  },
18954
18954
  "../../node_modules/lodash/lodash.js": {
18955
18955
  "bytesInOutput": 224301
@@ -18967,7 +18967,7 @@
18967
18967
  "bytesInOutput": 16120
18968
18968
  },
18969
18969
  "../../node_modules/sdp-transform/lib/parser.js": {
18970
- "bytesInOutput": 3495
18970
+ "bytesInOutput": 3500
18971
18971
  },
18972
18972
  "../../node_modules/sdp-transform/lib/writer.js": {
18973
18973
  "bytesInOutput": 3068
@@ -18976,7 +18976,7 @@
18976
18976
  "bytesInOutput": 615
18977
18977
  },
18978
18978
  "../../node_modules/prop-types/node_modules/react-is/cjs/react-is.production.min.js": {
18979
- "bytesInOutput": 3836
18979
+ "bytesInOutput": 3833
18980
18980
  },
18981
18981
  "../../node_modules/prop-types/node_modules/react-is/cjs/react-is.development.js": {
18982
18982
  "bytesInOutput": 7632
@@ -19492,7 +19492,7 @@
19492
19492
  "bytesInOutput": 9861
19493
19493
  },
19494
19494
  "../hms-video-store/dist/index.js": {
19495
- "bytesInOutput": 52583
19495
+ "bytesInOutput": 52575
19496
19496
  },
19497
19497
  "../../node_modules/reselect/es/index.js": {
19498
19498
  "bytesInOutput": 2539
@@ -19507,7 +19507,7 @@
19507
19507
  "bytesInOutput": 6313
19508
19508
  },
19509
19509
  "../../node_modules/webrtc-adapter/src/js/chrome/chrome_shim.js": {
19510
- "bytesInOutput": 22678
19510
+ "bytesInOutput": 22676
19511
19511
  },
19512
19512
  "../../node_modules/webrtc-adapter/src/js/chrome/getusermedia.js": {
19513
19513
  "bytesInOutput": 6095
@@ -19525,7 +19525,7 @@
19525
19525
  "bytesInOutput": 842
19526
19526
  },
19527
19527
  "../../node_modules/webrtc-adapter/src/js/safari/safari_shim.js": {
19528
- "bytesInOutput": 11868
19528
+ "bytesInOutput": 11866
19529
19529
  },
19530
19530
  "../../node_modules/webrtc-adapter/src/js/common_shim.js": {
19531
19531
  "bytesInOutput": 12458
@@ -19842,7 +19842,7 @@
19842
19842
  "src/Prebuilt/components/VideoLayouts/WhiteboardLayout.tsx": {
19843
19843
  "bytesInOutput": 2830
19844
19844
  },
19845
- "../../../../../../../tmp/tmp-2829-Z78x14pP0qu7/1927104bc162/index.css": {
19845
+ "../../../../../../../tmp/tmp-2835-GYmlJ2DDCMnM/1928b0ac2c80/index.css": {
19846
19846
  "bytesInOutput": 0
19847
19847
  },
19848
19848
  "src/Prebuilt/common/PeersSorter.ts": {
@@ -19906,7 +19906,7 @@
19906
19906
  "bytesInOutput": 27
19907
19907
  },
19908
19908
  "src/Prebuilt/components/Notifications/Notifications.tsx": {
19909
- "bytesInOutput": 8240
19909
+ "bytesInOutput": 8696
19910
19910
  },
19911
19911
  "src/Prebuilt/components/Notifications/AutoplayBlockedModal.tsx": {
19912
19912
  "bytesInOutput": 1053
@@ -20014,7 +20014,7 @@
20014
20014
  "bytesInOutput": 2628
20015
20015
  }
20016
20016
  },
20017
- "bytes": 1464661
20017
+ "bytes": 1465013
20018
20018
  },
20019
20019
  "dist/index.css.map": {
20020
20020
  "imports": [],
@@ -20076,22 +20076,22 @@
20076
20076
  }
20077
20077
  ],
20078
20078
  "inputs": {
20079
- "../../../../../../../tmp/tmp-2829-Z78x14pP0qu7/1927104bc9e3/tldraw.css": {
20079
+ "../../../../../../../tmp/tmp-2835-GYmlJ2DDCMnM/1928b0ac3352/tldraw.css": {
20080
20080
  "bytesInOutput": 75223
20081
20081
  },
20082
- "../../../../../../../tmp/tmp-2829-Z78x14pP0qu7/1927104bc162/index.css": {
20082
+ "../../../../../../../tmp/tmp-2835-GYmlJ2DDCMnM/1928b0ac2c80/index.css": {
20083
20083
  "bytesInOutput": 401
20084
20084
  }
20085
20085
  },
20086
20086
  "bytes": 75901
20087
20087
  },
20088
- "dist/HLSView-QZMIDGI4.css.map": {
20088
+ "dist/HLSView-GSL27AY6.css.map": {
20089
20089
  "imports": [],
20090
20090
  "exports": [],
20091
20091
  "inputs": {},
20092
20092
  "bytes": 122402
20093
20093
  },
20094
- "dist/HLSView-QZMIDGI4.css": {
20094
+ "dist/HLSView-GSL27AY6.css": {
20095
20095
  "imports": [
20096
20096
  {
20097
20097
  "path": "https://fonts.googleapis.com/css2?family=Inter:wght@400;500&display=swap",
@@ -20145,10 +20145,10 @@
20145
20145
  }
20146
20146
  ],
20147
20147
  "inputs": {
20148
- "../../../../../../../tmp/tmp-2829-Z78x14pP0qu7/1927104bc9e3/tldraw.css": {
20148
+ "../../../../../../../tmp/tmp-2835-GYmlJ2DDCMnM/1928b0ac3352/tldraw.css": {
20149
20149
  "bytesInOutput": 75223
20150
20150
  },
20151
- "../../../../../../../tmp/tmp-2829-Z78x14pP0qu7/1927104bc162/index.css": {
20151
+ "../../../../../../../tmp/tmp-2835-GYmlJ2DDCMnM/1928b0ac2c80/index.css": {
20152
20152
  "bytesInOutput": 401
20153
20153
  }
20154
20154
  },
package/package.json CHANGED
@@ -10,7 +10,7 @@
10
10
  "prebuilt",
11
11
  "roomkit"
12
12
  ],
13
- "version": "0.3.22-alpha.4",
13
+ "version": "0.3.22",
14
14
  "author": "100ms",
15
15
  "license": "MIT",
16
16
  "repository": {
@@ -75,12 +75,12 @@
75
75
  "react": ">=17.0.2 <19.0.0"
76
76
  },
77
77
  "dependencies": {
78
- "@100mslive/hls-player": "0.3.22-alpha.4",
78
+ "@100mslive/hls-player": "0.3.22",
79
79
  "@100mslive/hms-noise-cancellation": "0.0.1",
80
- "@100mslive/hms-virtual-background": "1.13.22-alpha.4",
81
- "@100mslive/hms-whiteboard": "0.0.12-alpha.4",
82
- "@100mslive/react-icons": "0.10.22-alpha.4",
83
- "@100mslive/react-sdk": "0.10.22-alpha.4",
80
+ "@100mslive/hms-virtual-background": "1.13.22",
81
+ "@100mslive/hms-whiteboard": "0.0.12",
82
+ "@100mslive/react-icons": "0.10.22",
83
+ "@100mslive/react-sdk": "0.10.22",
84
84
  "@100mslive/types-prebuilt": "0.12.12",
85
85
  "@emoji-mart/data": "^1.0.6",
86
86
  "@emoji-mart/react": "^1.0.1",
@@ -117,5 +117,5 @@
117
117
  "uuid": "^8.3.2",
118
118
  "worker-timers": "^7.0.40"
119
119
  },
120
- "gitHead": "1a7a504437501f10505fd18c1a06a0cc8c037fd9"
120
+ "gitHead": "956f7b9625e37e715a5888c8e61aac0da5d0d026"
121
121
  }
@@ -43,7 +43,18 @@ const pollToastKey: Record<string, string> = {};
43
43
 
44
44
  export function Notifications() {
45
45
  const localPeerID = useHMSStore(selectLocalPeerID);
46
- const notification = useHMSNotifications();
46
+ const notification = useHMSNotifications([
47
+ HMSNotificationTypes.NAME_UPDATED,
48
+ HMSNotificationTypes.ERROR,
49
+ HMSNotificationTypes.ROLE_UPDATED,
50
+ HMSNotificationTypes.CHANGE_TRACK_STATE_REQUEST,
51
+ HMSNotificationTypes.REMOVED_FROM_ROOM,
52
+ HMSNotificationTypes.ROOM_ENDED,
53
+ HMSNotificationTypes.DEVICE_CHANGE_UPDATE,
54
+ HMSNotificationTypes.POLL_STARTED,
55
+ HMSNotificationTypes.POLL_STOPPED,
56
+ HMSNotificationTypes.NEW_MESSAGE,
57
+ ]);
47
58
  const subscribedNotifications = useSubscribedNotifications() || {};
48
59
  const roomState = useHMSStore(selectRoomState);
49
60
  const updateRoomLayoutForRole = useUpdateRoomLayout();
@@ -109,6 +120,7 @@ export function Notifications() {
109
120
  if (!subscribedNotifications.ERROR) return;
110
121
  ToastManager.addToast({
111
122
  title: `Error: ${notification.data?.message} - ${notification.data?.description}`,
123
+ duration: 8000,
112
124
  });
113
125
  break;
114
126
  case HMSNotificationTypes.ROLE_UPDATED: {