@100mslive/roomkit-react 0.1.6-alpha.3 → 0.1.7-alpha.0

package/dist/meta.esbuild.json

@@ -541,7 +541,7 @@
       "format": "esm"
     },
     "src/Tooltip/Tooltip.tsx": {
-      "bytes": 2298,
+      "bytes": 2311,
       "imports": [
         {
           "path": "react",
@@ -2487,19 +2487,8 @@
       ],
       "format": "esm"
     },
-    "src/Prebuilt/common/utils.js": {
-      "bytes": 2951,
-      "imports": [
-        {
-          "path": "<define:process.env>",
-          "kind": "import-statement",
-          "external": true
-        }
-      ],
-      "format": "esm"
-    },
     "src/Prebuilt/components/Notifications/PeerNotifications.jsx": {
-      "bytes": 1792,
+      "bytes": 1480,
       "imports": [
         {
           "path": "react",
@@ -2521,11 +2510,6 @@
           "kind": "import-statement",
           "original": "../AppData/useUISettings"
         },
-        {
-          "path": "src/Prebuilt/common/utils.js",
-          "kind": "import-statement",
-          "original": "../../common/utils"
-        },
         {
           "path": "src/Prebuilt/common/constants.js",
           "kind": "import-statement",
@@ -2816,8 +2800,19 @@
       ],
       "format": "esm"
     },
+    "src/Prebuilt/common/utils.js": {
+      "bytes": 2873,
+      "imports": [
+        {
+          "path": "<define:process.env>",
+          "kind": "import-statement",
+          "external": true
+        }
+      ],
+      "format": "esm"
+    },
     "src/Prebuilt/components/Notifications/Notifications.jsx": {
-      "bytes": 6348,
+      "bytes": 6895,
       "imports": [
         {
           "path": "react",
@@ -3042,7 +3037,7 @@
       "format": "esm"
     },
     "src/Prebuilt/components/hooks/useMetadata.jsx": {
-      "bytes": 1458,
+      "bytes": 1670,
       "imports": [
         {
           "path": "react",
@@ -4363,13 +4358,18 @@
       "format": "esm"
     },
     "src/Prebuilt/components/VideoTile.jsx": {
-      "bytes": 7648,
+      "bytes": 7810,
       "imports": [
         {
           "path": "react",
           "kind": "import-statement",
           "external": true
         },
+        {
+          "path": "react-use",
+          "kind": "import-statement",
+          "external": true
+        },
         {
           "path": "@100mslive/react-sdk",
           "kind": "import-statement",
@@ -4618,7 +4618,7 @@
       "format": "esm"
     },
     "src/Prebuilt/components/Preview/PreviewJoin.tsx": {
-      "bytes": 9095,
+      "bytes": 9425,
       "imports": [
         {
           "path": "react",
@@ -4954,7 +4954,7 @@
       "format": "esm"
     },
     "src/Prebuilt/common/hooks.js": {
-      "bytes": 3236,
+      "bytes": 3156,
       "imports": [
         {
           "path": "react",
@@ -4976,11 +4976,6 @@
           "kind": "import-statement",
           "original": "../provider/roomLayoutProvider"
         },
-        {
-          "path": "src/Prebuilt/common/utils.js",
-          "kind": "import-statement",
-          "original": "./utils"
-        },
         {
           "path": "<define:process.env>",
           "kind": "import-statement",
@@ -6255,7 +6250,7 @@
       "format": "esm"
     },
     "src/Prebuilt/components/MoreSettings/SplitComponents/MwebOptions.tsx": {
-      "bytes": 10893,
+      "bytes": 10950,
       "imports": [
         {
           "path": "react",
@@ -6412,7 +6407,7 @@
       "format": "esm"
     },
     "src/Prebuilt/components/RaiseHand.jsx": {
-      "bytes": 734,
+      "bytes": 787,
       "imports": [
         {
           "path": "react",
@@ -6439,11 +6434,6 @@
           "kind": "import-statement",
           "original": "../IconButton"
         },
-        {
-          "path": "src/Prebuilt/components/hooks/useMetadata.jsx",
-          "kind": "import-statement",
-          "original": "./hooks/useMetadata"
-        },
         {
           "path": "<define:process.env>",
           "kind": "import-statement",
@@ -6937,7 +6927,7 @@
       "format": "esm"
     },
     "src/Prebuilt/components/Footer/ParticipantList.jsx": {
-      "bytes": 10452,
+      "bytes": 10390,
       "imports": [
         {
           "path": "react",
@@ -7023,7 +7013,7 @@
       "format": "esm"
     },
     "src/Prebuilt/components/Footer/Footer.tsx": {
-      "bytes": 3720,
+      "bytes": 3863,
       "imports": [
         {
           "path": "react",
@@ -7045,6 +7035,11 @@
           "kind": "import-statement",
           "external": true
         },
+        {
+          "path": "@100mslive/react-sdk",
+          "kind": "import-statement",
+          "external": true
+        },
         {
           "path": "src/index.ts",
           "kind": "import-statement",
@@ -8150,7 +8145,7 @@
       "format": "esm"
     },
     "src/Prebuilt/components/Chat/ChatFooter.tsx": {
-      "bytes": 5859,
+      "bytes": 5924,
       "imports": [
         {
           "path": "react",
@@ -8323,7 +8318,7 @@
       "format": "esm"
     },
     "src/Prebuilt/components/SidePaneTabs.tsx": {
-      "bytes": 5166,
+      "bytes": 5689,
       "imports": [
         {
           "path": "react",
@@ -8365,6 +8360,11 @@
           "kind": "import-statement",
           "original": "../.."
         },
+        {
+          "path": "src/Tooltip/index.ts",
+          "kind": "import-statement",
+          "original": "../../Tooltip"
+        },
         {
           "path": "src/Prebuilt/provider/roomLayoutProvider/hooks/useRoomLayoutScreen.ts",
           "kind": "import-statement",
@@ -8375,6 +8375,11 @@
           "kind": "import-statement",
           "original": "./AppData/useSidepane"
         },
+        {
+          "path": "src/Prebuilt/common/utils.js",
+          "kind": "import-statement",
+          "original": "../common/utils"
+        },
         {
           "path": "src/Prebuilt/common/constants.js",
           "kind": "import-statement",
@@ -8944,7 +8949,7 @@
       "format": "esm"
     },
     "src/Prebuilt/layouts/HLSView.jsx": {
-      "bytes": 14271,
+      "bytes": 14934,
       "imports": [
         {
           "path": "react",
@@ -9136,7 +9141,7 @@
       "format": "esm"
     },
     "src/Prebuilt/components/RoleChangeRequestModal.tsx": {
-      "bytes": 3670,
+      "bytes": 3688,
       "imports": [
         {
           "path": "react",
@@ -9672,11 +9677,11 @@
     "dist/index.js": {
       "imports": [
         {
-          "path": "dist/chunk-6JF3GAOH.js",
+          "path": "dist/chunk-CDYRVICT.js",
           "kind": "import-statement"
         },
         {
-          "path": "dist/chunk-KAJJ56J4.js",
+          "path": "dist/chunk-U3G743OY.js",
           "kind": "import-statement"
         }
       ],
@@ -9745,20 +9750,20 @@
       "inputs": {},
       "bytes": 1702
     },
-    "dist/VirtualBackground-6EP3X7MO.js.map": {
+    "dist/VirtualBackground-THDRYDRA.js.map": {
       "imports": [],
       "exports": [],
       "inputs": {},
       "bytes": 9170
     },
-    "dist/VirtualBackground-6EP3X7MO.js": {
+    "dist/VirtualBackground-THDRYDRA.js": {
       "imports": [
         {
-          "path": "dist/chunk-UXBTLGWY.js",
+          "path": "dist/chunk-JSH7SKEH.js",
           "kind": "import-statement"
         },
         {
-          "path": "dist/chunk-KAJJ56J4.js",
+          "path": "dist/chunk-U3G743OY.js",
           "kind": "import-statement"
         },
         {
@@ -9807,20 +9812,20 @@
       },
       "bytes": 6113
     },
-    "dist/HLSView-HL455FYH.js.map": {
+    "dist/HLSView-F5BDZVT2.js.map": {
       "imports": [],
       "exports": [],
       "inputs": {},
-      "bytes": 51606
+      "bytes": 52669
     },
-    "dist/HLSView-HL455FYH.js": {
+    "dist/HLSView-F5BDZVT2.js": {
       "imports": [
         {
-          "path": "dist/chunk-6JF3GAOH.js",
+          "path": "dist/chunk-CDYRVICT.js",
           "kind": "import-statement"
         },
         {
-          "path": "dist/chunk-KAJJ56J4.js",
+          "path": "dist/chunk-U3G743OY.js",
           "kind": "import-statement"
         },
         {
@@ -9930,7 +9935,7 @@
       "entryPoint": "src/Prebuilt/layouts/HLSView.jsx",
       "inputs": {
         "src/Prebuilt/layouts/HLSView.jsx": {
-          "bytesInOutput": 14036
+          "bytesInOutput": 14810
         },
         "src/Prebuilt/components/HlsStatsOverlay.jsx": {
           "bytesInOutput": 3494
@@ -9969,26 +9974,26 @@
           "bytesInOutput": 3945
         }
       },
-      "bytes": 31959
+      "bytes": 32733
     },
-    "dist/conference-MPZNWHV5.js.map": {
+    "dist/conference-6IVZHILI.js.map": {
       "imports": [],
       "exports": [],
       "inputs": {},
-      "bytes": 400433
+      "bytes": 401705
     },
-    "dist/conference-MPZNWHV5.js": {
+    "dist/conference-6IVZHILI.js": {
       "imports": [
         {
-          "path": "dist/chunk-UXBTLGWY.js",
+          "path": "dist/chunk-JSH7SKEH.js",
           "kind": "import-statement"
         },
         {
-          "path": "dist/chunk-6JF3GAOH.js",
+          "path": "dist/chunk-CDYRVICT.js",
           "kind": "import-statement"
         },
         {
-          "path": "dist/chunk-KAJJ56J4.js",
+          "path": "dist/chunk-U3G743OY.js",
           "kind": "import-statement"
         },
         {
@@ -10026,6 +10031,11 @@
           "kind": "import-statement",
           "external": true
         },
+        {
+          "path": "@100mslive/react-sdk",
+          "kind": "import-statement",
+          "external": true
+        },
         {
           "path": "react",
           "kind": "import-statement",
@@ -10487,7 +10497,7 @@
           "external": true
         },
         {
-          "path": "dist/VirtualBackground-6EP3X7MO.js",
+          "path": "dist/VirtualBackground-THDRYDRA.js",
           "kind": "dynamic-import"
         },
         {
@@ -10896,7 +10906,7 @@
           "external": true
         },
         {
-          "path": "dist/HLSView-HL455FYH.js",
+          "path": "dist/HLSView-F5BDZVT2.js",
           "kind": "dynamic-import"
         },
         {
@@ -10919,7 +10929,7 @@
           "bytesInOutput": 6328
         },
         "src/Prebuilt/components/Footer/Footer.tsx": {
-          "bytesInOutput": 3179
+          "bytesInOutput": 3339
         },
         "src/Prebuilt/components/EmojiReaction.jsx": {
           "bytesInOutput": 1987
@@ -10997,10 +11007,10 @@
           "bytesInOutput": 2246
         },
         "src/Prebuilt/components/MoreSettings/SplitComponents/MwebOptions.tsx": {
-          "bytesInOutput": 9223
+          "bytesInOutput": 9284
         },
         "src/Prebuilt/components/RaiseHand.jsx": {
-          "bytesInOutput": 740
+          "bytesInOutput": 855
         },
         "src/Prebuilt/components/ScreenShareToggle.jsx": {
           "bytesInOutput": 1404
@@ -11036,7 +11046,7 @@
           "bytesInOutput": 861
         },
         "src/Prebuilt/components/Footer/ParticipantList.jsx": {
-          "bytesInOutput": 10947
+          "bytesInOutput": 10784
         },
         "src/Prebuilt/components/Footer/RoleAccordion.tsx": {
           "bytesInOutput": 2610
@@ -11057,7 +11067,7 @@
           "bytesInOutput": 1947
         },
         "src/Prebuilt/components/InsetTile.tsx": {
-          "bytesInOutput": 3965
+          "bytesInOutput": 3944
         },
         "src/Prebuilt/components/hooks/useVideoTileLayout.ts": {
           "bytesInOutput": 406
@@ -11105,7 +11115,7 @@
           "bytesInOutput": 3238
         },
         "src/Prebuilt/components/SidePaneTabs.tsx": {
-          "bytesInOutput": 4756
+          "bytesInOutput": 5223
         },
         "src/Prebuilt/components/Chat/Chat.jsx": {
           "bytesInOutput": 6585
@@ -11120,7 +11130,7 @@
           "bytesInOutput": 1207
         },
         "src/Prebuilt/components/Chat/ChatFooter.tsx": {
-          "bytesInOutput": 5440
+          "bytesInOutput": 5501
         },
         "src/Prebuilt/components/AppData/useChatState.js": {
           "bytesInOutput": 639
@@ -11144,21 +11154,21 @@
           "bytesInOutput": 1380
         },
         "src/Prebuilt/components/RoleChangeRequestModal.tsx": {
-          "bytesInOutput": 3886
+          "bytesInOutput": 3904
         }
       },
-      "bytes": 302029
+      "bytes": 302709
     },
-    "dist/chunk-UXBTLGWY.js.map": {
+    "dist/chunk-JSH7SKEH.js.map": {
       "imports": [],
       "exports": [],
       "inputs": {},
       "bytes": 2406
     },
-    "dist/chunk-UXBTLGWY.js": {
+    "dist/chunk-JSH7SKEH.js": {
       "imports": [
         {
-          "path": "dist/chunk-KAJJ56J4.js",
+          "path": "dist/chunk-U3G743OY.js",
           "kind": "import-statement"
         },
         {
@@ -11177,16 +11187,16 @@
       },
       "bytes": 1591
     },
-    "dist/chunk-6JF3GAOH.js.map": {
+    "dist/chunk-CDYRVICT.js.map": {
       "imports": [],
       "exports": [],
       "inputs": {},
-      "bytes": 493815
+      "bytes": 495086
     },
-    "dist/chunk-6JF3GAOH.js": {
+    "dist/chunk-CDYRVICT.js": {
       "imports": [
         {
-          "path": "dist/chunk-KAJJ56J4.js",
+          "path": "dist/chunk-U3G743OY.js",
           "kind": "import-statement"
         },
         {
@@ -11999,6 +12009,11 @@
           "kind": "import-statement",
           "external": true
         },
+        {
+          "path": "react-use",
+          "kind": "import-statement",
+          "external": true
+        },
         {
           "path": "@100mslive/react-sdk",
           "kind": "import-statement",
@@ -12105,7 +12120,7 @@
           "external": true
         },
         {
-          "path": "dist/VirtualBackground-6EP3X7MO.js",
+          "path": "dist/VirtualBackground-THDRYDRA.js",
           "kind": "dynamic-import"
         },
         {
@@ -12174,7 +12189,7 @@
           "external": true
         },
         {
-          "path": "dist/conference-MPZNWHV5.js",
+          "path": "dist/conference-6IVZHILI.js",
           "kind": "dynamic-import"
         },
         {
@@ -12260,7 +12275,6 @@
         "isChrome",
         "isIOS",
         "isIPadOS",
-        "isInternalRole",
         "isMacOS",
         "isScreenshareSupported",
         "useAuthToken",
@@ -12500,7 +12514,7 @@
           "bytesInOutput": 4346
         },
         "src/Prebuilt/components/Notifications/Notifications.jsx": {
-          "bytesInOutput": 5868
+          "bytesInOutput": 6440
         },
         "src/Prebuilt/provider/roomLayoutProvider/index.tsx": {
           "bytesInOutput": 867
@@ -12527,10 +12541,7 @@
           "bytesInOutput": 1365
         },
         "src/Prebuilt/components/Notifications/PeerNotifications.jsx": {
-          "bytesInOutput": 1713
-        },
-        "src/Prebuilt/common/utils.js": {
-          "bytesInOutput": 942
+          "bytesInOutput": 1321
         },
         "src/Prebuilt/components/Notifications/PermissionErrorModal.jsx": {
           "bytesInOutput": 4316
@@ -12565,6 +12576,9 @@
         "src/Prebuilt/provider/roomLayoutProvider/hooks/useRoomLayoutScreen.ts": {
           "bytesInOutput": 1293
         },
+        "src/Prebuilt/common/utils.js": {
+          "bytesInOutput": 872
+        },
         "src/Prebuilt/components/Notifications/index.jsx": {
           "bytesInOutput": 0
         },
@@ -12593,7 +12607,7 @@
           "bytesInOutput": 1733
         },
         "src/Prebuilt/components/hooks/useMetadata.jsx": {
-          "bytesInOutput": 1709
+          "bytesInOutput": 1892
         },
         "src/Prebuilt/components/hooks/usePlaylistMusic.js": {
           "bytesInOutput": 1044
@@ -12611,7 +12625,7 @@
           "bytesInOutput": 1769
         },
         "src/Prebuilt/components/Preview/PreviewJoin.tsx": {
-          "bytesInOutput": 8860
+          "bytesInOutput": 9283
         },
         "src/Prebuilt/components/AudioVideoToggle.jsx": {
           "bytesInOutput": 5583
@@ -12656,7 +12670,7 @@
           "bytesInOutput": 1851
         },
         "src/Prebuilt/components/VideoTile.jsx": {
-          "bytesInOutput": 7793
+          "bytesInOutput": 7945
         },
         "src/Prebuilt/components/TileMenu/TileMenu.jsx": {
           "bytesInOutput": 4399
@@ -12695,21 +12709,21 @@
           "bytesInOutput": 1705
         },
         "src/Prebuilt/common/hooks.js": {
-          "bytesInOutput": 2244
+          "bytesInOutput": 2204
         },
         "src/Progress/index.tsx": {
           "bytesInOutput": 391
         }
       },
-      "bytes": 308862
+      "bytes": 309608
     },
-    "dist/chunk-KAJJ56J4.js.map": {
+    "dist/chunk-U3G743OY.js.map": {
       "imports": [],
       "exports": [],
       "inputs": {},
-      "bytes": 39340
+      "bytes": 39368
     },
-    "dist/chunk-KAJJ56J4.js": {
+    "dist/chunk-U3G743OY.js": {
       "imports": [
         {
           "path": "@stitches/react",
@@ -12786,7 +12800,7 @@
       ],
       "inputs": {
         "<define:process.env>": {
-          "bytesInOutput": 18434
+          "bytesInOutput": 18435
         },
         "src/Theme/stitches.config.ts": {
           "bytesInOutput": 1652
@@ -12828,7 +12842,7 @@
           "bytesInOutput": 3017
         },
         "src/Tooltip/Tooltip.tsx": {
-          "bytesInOutput": 1737
+          "bytesInOutput": 1751
         },
         "src/Tooltip/index.ts": {
           "bytesInOutput": 0
@@ -12837,7 +12851,7 @@
           "bytesInOutput": 546
         }
       },
-      "bytes": 40047
+      "bytes": 40062
     }
   }
 }

package/package.json

@@ -10,7 +10,7 @@
     "prebuilt",
     "roomkit"
   ],
-  "version": "0.1.6-alpha.3",
+  "version": "0.1.7-alpha.0",
   "author": "100ms",
   "license": "MIT",
   "files": [
@@ -76,10 +76,10 @@
     "react": ">=17.0.2 <19.0.0"
   },
   "dependencies": {
-    "@100mslive/hls-player": "0.1.15-alpha.3",
-    "@100mslive/hms-virtual-background": "1.11.15-alpha.3",
-    "@100mslive/react-icons": "0.8.15-alpha.3",
-    "@100mslive/react-sdk": "0.8.15-alpha.3",
+    "@100mslive/hls-player": "0.1.16-alpha.0",
+    "@100mslive/hms-virtual-background": "1.11.16-alpha.0",
+    "@100mslive/react-icons": "0.8.16-alpha.0",
+    "@100mslive/react-sdk": "0.8.16-alpha.0",
     "@100mslive/types-prebuilt": "0.12.0",
     "@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": "1724f0ddfffa3cd09487ab41c065c426c70c2bc3"
+  "gitHead": "02a796684045c2468c14db4cb894c56a17c6c2ba"
 }

package/src/Prebuilt/common/hooks.js

@@ -12,7 +12,6 @@ import {
   useHMSVanillaStore,
 } from '@100mslive/react-sdk';
 import { useRoomLayout } from '../provider/roomLayoutProvider';
-import { isInternalRole } from './utils';
 
 /**
  * Hook to execute a callback when alone in room(after a certain 5d of time)
@@ -53,7 +52,7 @@ export const useWhenAloneInRoom = (thresholdMs = 5 * 60 * 1000) => {
 };
 
 export const useFilteredRoles = () => {
-  const roles = useHMSStore(selectAvailableRoleNames).filter(role => !isInternalRole(role));
+  const roles = useHMSStore(selectAvailableRoleNames);
   return roles;
 };
 

package/src/Prebuilt/common/utils.js

@@ -56,8 +56,6 @@ export const isScreenshareSupported = () => {
   return typeof navigator.mediaDevices.getDisplayMedia !== 'undefined';
 };
 
-export const isInternalRole = role => role && role.startsWith('__internal');
-
 export const metadataPayloadParser = payload => {
   try {
     const data = window.atob(payload);

package/src/Prebuilt/components/Chat/ChatFooter.tsx

@@ -151,6 +151,7 @@ export const ChatFooter = ({
               c: '$on_surface_high',
               '&:valid ~ .send-msg': { color: '$on_surface_high' },
               '& ~ .send-msg': { color: '$on_surface_low' },
+              '&::placeholder': { color: '$on_surface_medium' },
             }}
             placeholder="Send a message...."
             ref={inputRef}