@100mslive/roomkit-react 0.2.7-alpha.5 → 0.2.7-alpha.7

package/dist/index.js

@@ -62,7 +62,7 @@ import {
   theme,
   useBorderAudioLevel,
   useTheme
-} from "./chunk-2A3RS7ZT.js";
+} from "./chunk-O5FVMK47.js";
 export {
   Accordion,
   AudioLevel,

package/dist/meta.cjs.json

@@ -26,7 +26,7 @@
       "format": "esm"
     },
     "src/Prebuilt/common/constants.ts": {
-      "bytes": 4542,
+      "bytes": 4454,
       "imports": [
         {
           "path": "@100mslive/react-sdk",
@@ -4273,8 +4273,8 @@
       ],
       "format": "esm"
     },
-    "../../node_modules/ua-parser-js/src/main/ua-parser.mjs": {
-      "bytes": 59750,
+    "../../node_modules/ua-parser-js/src/ua-parser.js": {
+      "bytes": 48030,
       "imports": [
         {
           "path": "<define:process.env>",
@@ -4282,7 +4282,7 @@
           "external": true
         }
       ],
-      "format": "esm"
+      "format": "cjs"
     },
     "../../node_modules/lodash.isequal/index.js": {
       "bytes": 49598,
@@ -4615,7 +4615,7 @@
       "format": "cjs"
     },
     "../hms-video-store/dist/index.js": {
-      "bytes": 323575,
+      "bytes": 323167,
       "imports": [
         {
           "path": "../../node_modules/reselect/es/index.js",
@@ -4633,7 +4633,7 @@
           "original": "reselect"
         },
         {
-          "path": "../../node_modules/ua-parser-js/src/main/ua-parser.mjs",
+          "path": "../../node_modules/ua-parser-js/src/ua-parser.js",
           "kind": "import-statement",
           "original": "ua-parser-js"
         },
@@ -7637,7 +7637,7 @@
       "imports": []
     },
     "src/Prebuilt/components/Chat/EmptyChat.tsx": {
-      "bytes": 1855,
+      "bytes": 1885,
       "imports": [
         {
           "path": "react",
@@ -13193,7 +13193,7 @@
       "imports": [],
       "exports": [],
       "inputs": {},
-      "bytes": 3216962
+      "bytes": 3197182
     },
     "dist/index.cjs.js": {
       "imports": [
@@ -15987,13 +15987,13 @@
       "entryPoint": "src/index.ts",
       "inputs": {
         "<define:process.env>": {
-          "bytesInOutput": 18235
+          "bytesInOutput": 18224
         },
         "src/Theme/base.config.ts": {
           "bytesInOutput": 6104
         },
         "src/Prebuilt/common/constants.ts": {
-          "bytesInOutput": 4526
+          "bytesInOutput": 4515
         },
         "src/Theme/stitches.config.ts": {
           "bytesInOutput": 2153
@@ -16263,7 +16263,7 @@
           "bytesInOutput": 3450
         },
         "../../node_modules/lodash/lodash.js": {
-          "bytesInOutput": 224281
+          "bytesInOutput": 224272
         },
         "src/Prebuilt/provider/roomLayoutProvider/constants/index.ts": {
           "bytesInOutput": 1887
@@ -16275,7 +16275,7 @@
           "bytesInOutput": 1552
         },
         "src/Prebuilt/common/utils.js": {
-          "bytesInOutput": 3810
+          "bytesInOutput": 3813
         },
         "src/Prebuilt/provider/roomLayoutProvider/hooks/useRoomLayoutScreen.ts": {
           "bytesInOutput": 3003
@@ -16416,10 +16416,10 @@
           "bytesInOutput": 8159
         },
         "../../node_modules/reselect/es/index.js": {
-          "bytesInOutput": 2639
+          "bytesInOutput": 2641
         },
-        "../../node_modules/ua-parser-js/src/main/ua-parser.mjs": {
-          "bytesInOutput": 48479
+        "../../node_modules/ua-parser-js/src/ua-parser.js": {
+          "bytesInOutput": 42470
         },
         "../../node_modules/lodash.isequal/index.js": {
           "bytesInOutput": 26597
@@ -16428,7 +16428,7 @@
           "bytesInOutput": 6459
         },
         "../../node_modules/webrtc-adapter/src/js/chrome/getusermedia.js": {
-          "bytesInOutput": 6258
+          "bytesInOutput": 6244
         },
         "../../node_modules/webrtc-adapter/src/js/chrome/getdisplaymedia.js": {
           "bytesInOutput": 1396
@@ -16437,7 +16437,7 @@
           "bytesInOutput": 22882
         },
         "../../node_modules/webrtc-adapter/src/js/firefox/getusermedia.js": {
-          "bytesInOutput": 2292
+          "bytesInOutput": 2280
         },
         "../../node_modules/webrtc-adapter/src/js/firefox/getdisplaymedia.js": {
           "bytesInOutput": 984
@@ -16473,7 +16473,7 @@
           "bytesInOutput": 615
         },
         "../hms-video-store/dist/index.js": {
-          "bytesInOutput": 53533
+          "bytesInOutput": 53025
         },
         "src/Prebuilt/components/hooks/usePlaylistMusic.js": {
           "bytesInOutput": 1384
@@ -16584,7 +16584,7 @@
           "bytesInOutput": 1170
         },
         "src/Prebuilt/components/Polls/CreatePollQuiz/PollsQuizMenu.tsx": {
-          "bytesInOutput": 9656
+          "bytesInOutput": 9660
         },
         "src/Prebuilt/components/Polls/CreateQuestions/DeleteQuestionModal.tsx": {
           "bytesInOutput": 2802
@@ -16674,7 +16674,7 @@
           "bytesInOutput": 2366
         },
         "src/Prebuilt/components/Chat/EmptyChat.tsx": {
-          "bytesInOutput": 2318
+          "bytesInOutput": 2348
         },
         "src/Prebuilt/components/hooks/usePinnedBy.tsx": {
           "bytesInOutput": 920
@@ -16710,7 +16710,7 @@
           "bytesInOutput": 6106
         },
         "src/Prebuilt/components/Chat/Chat.tsx": {
-          "bytesInOutput": 4399
+          "bytesInOutput": 4402
         },
         "src/Prebuilt/components/Footer/PaginatedParticipants.tsx": {
           "bytesInOutput": 5344
@@ -16854,7 +16854,7 @@
           "bytesInOutput": 860
         },
         "src/Prebuilt/components/HMSVideo/HMSVIdeoUtils.js": {
-          "bytesInOutput": 848
+          "bytesInOutput": 850
         },
         "src/Prebuilt/components/HMSVideo/VideoProgress.jsx": {
           "bytesInOutput": 3186
@@ -16881,7 +16881,7 @@
           "bytesInOutput": 4598
         },
         "src/Prebuilt/layouts/HLSView.jsx": {
-          "bytesInOutput": 21216
+          "bytesInOutput": 21219
         },
         "src/Prebuilt/layouts/VideoStreamingSection.tsx": {
           "bytesInOutput": 4111
@@ -17019,7 +17019,7 @@
           "bytesInOutput": 2980
         }
       },
-      "bytes": 1516075
+      "bytes": 1509552
     }
   }
 }

package/dist/meta.esbuild.json

@@ -26,7 +26,7 @@
       "format": "esm"
     },
     "src/Prebuilt/common/constants.ts": {
-      "bytes": 4542,
+      "bytes": 4454,
       "imports": [
         {
           "path": "@100mslive/react-sdk",
@@ -4273,8 +4273,8 @@
       ],
       "format": "esm"
     },
-    "../../node_modules/ua-parser-js/src/main/ua-parser.mjs": {
-      "bytes": 59750,
+    "../../node_modules/ua-parser-js/src/ua-parser.js": {
+      "bytes": 48030,
       "imports": [
         {
           "path": "<define:process.env>",
@@ -4282,7 +4282,7 @@
           "external": true
         }
       ],
-      "format": "esm"
+      "format": "cjs"
     },
     "../../node_modules/lodash.isequal/index.js": {
       "bytes": 49598,
@@ -4615,7 +4615,7 @@
       "format": "cjs"
     },
     "../hms-video-store/dist/index.js": {
-      "bytes": 323575,
+      "bytes": 323167,
       "imports": [
         {
           "path": "../../node_modules/reselect/es/index.js",
@@ -4633,7 +4633,7 @@
           "original": "reselect"
         },
         {
-          "path": "../../node_modules/ua-parser-js/src/main/ua-parser.mjs",
+          "path": "../../node_modules/ua-parser-js/src/ua-parser.js",
           "kind": "import-statement",
           "original": "ua-parser-js"
         },
@@ -7637,7 +7637,7 @@
       "imports": []
     },
     "src/Prebuilt/components/Chat/EmptyChat.tsx": {
-      "bytes": 1855,
+      "bytes": 1885,
       "imports": [
         {
           "path": "react",
@@ -13198,7 +13198,7 @@
     "dist/index.js": {
       "imports": [
         {
-          "path": "dist/chunk-2A3RS7ZT.js",
+          "path": "dist/chunk-O5FVMK47.js",
           "kind": "import-statement"
         }
       ],
@@ -13271,16 +13271,16 @@
       "inputs": {},
       "bytes": 1822
     },
-    "dist/HLSView-G6CC37I3.js.map": {
+    "dist/HLSView-T6AVELLE.js.map": {
       "imports": [],
       "exports": [],
       "inputs": {},
       "bytes": 58854
     },
-    "dist/HLSView-G6CC37I3.js": {
+    "dist/HLSView-T6AVELLE.js": {
       "imports": [
         {
-          "path": "dist/chunk-2A3RS7ZT.js",
+          "path": "dist/chunk-O5FVMK47.js",
           "kind": "import-statement"
         },
         {
@@ -13444,13 +13444,13 @@
       },
       "bytes": 36972
     },
-    "dist/chunk-2A3RS7ZT.js.map": {
+    "dist/chunk-O5FVMK47.js.map": {
       "imports": [],
       "exports": [],
       "inputs": {},
-      "bytes": 3153431
+      "bytes": 3134237
     },
-    "dist/chunk-2A3RS7ZT.js": {
+    "dist/chunk-O5FVMK47.js": {
       "imports": [
         {
           "path": "react",
@@ -15753,7 +15753,7 @@
           "external": true
         },
         {
-          "path": "dist/HLSView-G6CC37I3.js",
+          "path": "dist/HLSView-T6AVELLE.js",
           "kind": "dynamic-import"
         },
         {
@@ -16210,10 +16210,13 @@
       ],
       "inputs": {
         "<define:process.env>": {
-          "bytesInOutput": 18235
+          "bytesInOutput": 18224
         },
         "../../node_modules/lodash/lodash.js": {
-          "bytesInOutput": 224276
+          "bytesInOutput": 224267
+        },
+        "../../node_modules/ua-parser-js/src/ua-parser.js": {
+          "bytesInOutput": 42466
         },
         "../../node_modules/lodash.isequal/index.js": {
           "bytesInOutput": 26591
@@ -16255,7 +16258,7 @@
           "bytesInOutput": 5061
         },
         "src/Prebuilt/common/constants.ts": {
-          "bytesInOutput": 3560
+          "bytesInOutput": 3549
         },
         "src/Theme/ThemeProvider.tsx": {
           "bytesInOutput": 1926
@@ -16492,7 +16495,7 @@
           "bytesInOutput": 1486
         },
         "src/Prebuilt/common/utils.js": {
-          "bytesInOutput": 3207
+          "bytesInOutput": 3210
         },
         "src/Prebuilt/components/AppData/useSidepane.js": {
           "bytesInOutput": 1934
@@ -16642,13 +16645,10 @@
           "bytesInOutput": 10019
         },
         "../hms-video-store/dist/index.js": {
-          "bytesInOutput": 48907
+          "bytesInOutput": 48463
         },
         "../../node_modules/reselect/es/index.js": {
-          "bytesInOutput": 2537
-        },
-        "../../node_modules/ua-parser-js/src/main/ua-parser.mjs": {
-          "bytesInOutput": 42640
+          "bytesInOutput": 2539
         },
         "../../node_modules/webrtc-adapter/src/js/adapter_core.js": {
           "bytesInOutput": 118
@@ -16663,7 +16663,7 @@
           "bytesInOutput": 22678
         },
         "../../node_modules/webrtc-adapter/src/js/chrome/getusermedia.js": {
-          "bytesInOutput": 6092
+          "bytesInOutput": 6078
         },
         "../../node_modules/webrtc-adapter/src/js/chrome/getdisplaymedia.js": {
           "bytesInOutput": 1256
@@ -16672,7 +16672,7 @@
           "bytesInOutput": 9143
         },
         "../../node_modules/webrtc-adapter/src/js/firefox/getusermedia.js": {
-          "bytesInOutput": 2137
+          "bytesInOutput": 2125
         },
         "../../node_modules/webrtc-adapter/src/js/firefox/getdisplaymedia.js": {
           "bytesInOutput": 842
@@ -16786,7 +16786,7 @@
           "bytesInOutput": 735
         },
         "src/Prebuilt/components/Polls/CreatePollQuiz/PollsQuizMenu.tsx": {
-          "bytesInOutput": 7983
+          "bytesInOutput": 7987
         },
         "src/Prebuilt/components/Streaming/Common.jsx": {
           "bytesInOutput": 2247
@@ -16867,7 +16867,7 @@
           "bytesInOutput": 7277
         },
         "src/Prebuilt/components/Chat/Chat.tsx": {
-          "bytesInOutput": 3463
+          "bytesInOutput": 3466
         },
         "src/Prebuilt/components/Chat/ChatBody.tsx": {
           "bytesInOutput": 14398
@@ -16885,7 +16885,7 @@
           "bytesInOutput": 2757
         },
         "src/Prebuilt/components/Chat/EmptyChat.tsx": {
-          "bytesInOutput": 1745
+          "bytesInOutput": 1775
         },
         "src/Prebuilt/images/empty-chat.svg": {
           "bytesInOutput": 2261
@@ -17161,7 +17161,7 @@
           "bytesInOutput": 651
         }
       },
-      "bytes": 1283471
+      "bytes": 1282842
     }
   }
 }

package/package.json

@@ -10,7 +10,7 @@
     "prebuilt",
     "roomkit"
   ],
-  "version": "0.2.7-alpha.5",
+  "version": "0.2.7-alpha.7",
   "author": "100ms",
   "license": "MIT",
   "repository": {
@@ -82,11 +82,11 @@
     "react": ">=17.0.2 <19.0.0"
   },
   "dependencies": {
-    "@100mslive/hls-player": "0.2.7-alpha.5",
+    "@100mslive/hls-player": "0.2.7-alpha.7",
     "@100mslive/hms-noise-cancellation": "0.0.0-alpha.1",
-    "@100mslive/hms-virtual-background": "1.12.7-alpha.5",
-    "@100mslive/react-icons": "0.9.7-alpha.5",
-    "@100mslive/react-sdk": "0.9.7-alpha.5",
+    "@100mslive/hms-virtual-background": "1.12.7-alpha.7",
+    "@100mslive/react-icons": "0.9.7-alpha.7",
+    "@100mslive/react-sdk": "0.9.7-alpha.7",
     "@100mslive/types-prebuilt": "0.12.7",
     "@emoji-mart/data": "^1.0.6",
     "@emoji-mart/react": "^1.0.1",
@@ -121,5 +121,5 @@
     "uuid": "^8.3.2",
     "worker-timers": "^7.0.40"
   },
-  "gitHead": "8d0b837912949aa44009226d6930333007d5faa3"
+  "gitHead": "4ed9db2bf486275cc02f91d75dc4631e26ed8a63"
 }

package/src/Prebuilt/common/constants.ts

@@ -98,12 +98,11 @@ export const HLS_TIMED_METADATA_DOC_URL =
 
 export const REMOTE_STOP_SCREENSHARE_TYPE = 'REMOTE_STOP_SCREENSHARE';
 
-// mweb could have browser name as "Mobile Chrome" or "Mobile Firefox"
-export const isChrome = parsedUserAgent.getBrowser()?.name?.toLowerCase().includes('chrome');
-export const isFirefox = parsedUserAgent.getBrowser()?.name?.toLowerCase().includes('firefox');
-export const isSafari = parsedUserAgent.getBrowser()?.name?.toLowerCase().includes('safari');
+export const isChrome = parsedUserAgent.getBrowser()?.name?.toLowerCase() === 'chrome';
+export const isFirefox = parsedUserAgent.getBrowser()?.name?.toLowerCase() === 'firefox';
+export const isSafari = parsedUserAgent.getBrowser()?.name?.toLowerCase() === 'safari';
 export const isIOS = parsedUserAgent.getOS()?.name?.toLowerCase() === 'ios';
-export const isMacOS = parsedUserAgent.getOS()?.name?.toLowerCase() === 'macos';
+export const isMacOS = parsedUserAgent.getOS()?.name?.toLowerCase() === 'mac os';
 export const isAndroid = parsedUserAgent.getOS()?.name?.toLowerCase() === 'android';
 export const isIPadOS = false;
 // typeof navigator !== "undefined" &&

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

@@ -34,7 +34,7 @@ export const EmptyChat = () => {
     >
       <Box>
         <Box css={{ m: '0 auto', mt: '$4', '@media (max-height: 575px)': { display: 'none' } }}>
-          <img src={emptyChat} alt="Empty Chat" height={132} width={185} />
+          <img src={emptyChat} style={{ display: 'inline' }} alt="Empty Chat" height={132} width={185} />
         </Box>
 
         <Text variant="h5" css={{ mt: '$8', c: '$on_surface_high' }}>

package/src/Prebuilt/components/Header/RoomDetailsHeader.tsx

@@ -13,7 +13,7 @@ import { SHEET_OPTIONS, SIDE_PANE_OPTIONS } from '../../common/constants';
 export const RoomDetailsHeader = () => {
   const { title, description } = useRoomLayoutHeader();
   const isMobile = useMedia(cssConfig.media.md);
-  const clipLength = 80;
+  const clipLength = 30;
   const toggleDetailsPane = useSidepaneToggle(SIDE_PANE_OPTIONS.ROOM_DETAILS);
   const toggleDetailsSheet = useSheetToggle(SHEET_OPTIONS.ROOM_DETAILS);