@100mslive/roomkit-react 0.2.4 → 0.2.5-alpha.0

package/dist/index.js

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

package/dist/meta.cjs.json

@@ -4508,7 +4508,7 @@
       "format": "cjs"
     },
     "../hms-video-store/dist/index.js": {
-      "bytes": 322533,
+      "bytes": 322541,
       "imports": [
         {
           "path": "../../node_modules/reselect/es/index.js",
@@ -7392,7 +7392,7 @@
       "imports": []
     },
     "src/Prebuilt/components/Chat/EmptyChat.tsx": {
-      "bytes": 1781,
+      "bytes": 1855,
       "imports": [
         {
           "path": "react",
@@ -8044,7 +8044,7 @@
       "format": "esm"
     },
     "src/Prebuilt/components/Chat/Chat.tsx": {
-      "bytes": 3558,
+      "bytes": 3578,
       "imports": [
         {
           "path": "react",
@@ -8262,7 +8262,7 @@
       "format": "esm"
     },
     "src/Prebuilt/components/SidePaneTabs.tsx": {
-      "bytes": 7970,
+      "bytes": 7873,
       "imports": [
         {
           "path": "react",
@@ -8884,7 +8884,7 @@
       "format": "esm"
     },
     "src/Prebuilt/layouts/SidePane.tsx": {
-      "bytes": 5020,
+      "bytes": 4970,
       "imports": [
         {
           "path": "react",
@@ -12775,7 +12775,7 @@
       "imports": [],
       "exports": [],
       "inputs": {},
-      "bytes": 3165276
+      "bytes": 3165213
     },
     "dist/index.cjs.js": {
       "imports": [
@@ -15479,7 +15479,7 @@
       "entryPoint": "src/index.ts",
       "inputs": {
         "<define:process.env>": {
-          "bytesInOutput": 18056
+          "bytesInOutput": 18104
         },
         "src/Theme/base.config.ts": {
           "bytesInOutput": 6104
@@ -15959,7 +15959,7 @@
           "bytesInOutput": 615
         },
         "../hms-video-store/dist/index.js": {
-          "bytesInOutput": 53017
+          "bytesInOutput": 53025
         },
         "src/Prebuilt/components/hooks/usePlaylistMusic.js": {
           "bytesInOutput": 1384
@@ -16151,7 +16151,7 @@
           "bytesInOutput": 2366
         },
         "src/Prebuilt/components/Chat/EmptyChat.tsx": {
-          "bytesInOutput": 2211
+          "bytesInOutput": 2318
         },
         "src/Prebuilt/components/hooks/usePinnedBy.tsx": {
           "bytesInOutput": 920
@@ -16187,7 +16187,7 @@
           "bytesInOutput": 6150
         },
         "src/Prebuilt/components/Chat/Chat.tsx": {
-          "bytesInOutput": 4376
+          "bytesInOutput": 4402
         },
         "src/Prebuilt/components/Footer/PaginatedParticipants.tsx": {
           "bytesInOutput": 5344
@@ -16196,7 +16196,7 @@
           "bytesInOutput": 3060
         },
         "src/Prebuilt/components/SidePaneTabs.tsx": {
-          "bytesInOutput": 9046
+          "bytesInOutput": 8908
         },
         "src/Prebuilt/components/Connection/TileConnection.tsx": {
           "bytesInOutput": 2685
@@ -16232,7 +16232,7 @@
           "bytesInOutput": 8224
         },
         "src/Prebuilt/layouts/SidePane.tsx": {
-          "bytesInOutput": 5644
+          "bytesInOutput": 5592
         },
         "src/Prebuilt/components/Chip.tsx": {
           "bytesInOutput": 1118
@@ -16487,7 +16487,7 @@
           "bytesInOutput": 2980
         }
       },
-      "bytes": 1486937
+      "bytes": 1486936
     }
   }
 }

package/dist/meta.esbuild.json

@@ -4508,7 +4508,7 @@
       "format": "cjs"
     },
     "../hms-video-store/dist/index.js": {
-      "bytes": 322533,
+      "bytes": 322541,
       "imports": [
         {
           "path": "../../node_modules/reselect/es/index.js",
@@ -7392,7 +7392,7 @@
       "imports": []
     },
     "src/Prebuilt/components/Chat/EmptyChat.tsx": {
-      "bytes": 1781,
+      "bytes": 1855,
       "imports": [
         {
           "path": "react",
@@ -8044,7 +8044,7 @@
       "format": "esm"
     },
     "src/Prebuilt/components/Chat/Chat.tsx": {
-      "bytes": 3558,
+      "bytes": 3578,
       "imports": [
         {
           "path": "react",
@@ -8262,7 +8262,7 @@
       "format": "esm"
     },
     "src/Prebuilt/components/SidePaneTabs.tsx": {
-      "bytes": 7970,
+      "bytes": 7873,
       "imports": [
         {
           "path": "react",
@@ -8884,7 +8884,7 @@
       "format": "esm"
     },
     "src/Prebuilt/layouts/SidePane.tsx": {
-      "bytes": 5020,
+      "bytes": 4970,
       "imports": [
         {
           "path": "react",
@@ -12780,7 +12780,7 @@
     "dist/index.js": {
       "imports": [
         {
-          "path": "dist/chunk-7MXSZV5X.js",
+          "path": "dist/chunk-HTKPRC4T.js",
           "kind": "import-statement"
         }
       ],
@@ -12853,16 +12853,16 @@
       "inputs": {},
       "bytes": 1822
     },
-    "dist/HLSView-V4ZTASRS.js.map": {
+    "dist/HLSView-VCCLFVVS.js.map": {
       "imports": [],
       "exports": [],
       "inputs": {},
       "bytes": 58854
     },
-    "dist/HLSView-V4ZTASRS.js": {
+    "dist/HLSView-VCCLFVVS.js": {
       "imports": [
         {
-          "path": "dist/chunk-7MXSZV5X.js",
+          "path": "dist/chunk-HTKPRC4T.js",
           "kind": "import-statement"
         },
         {
@@ -13026,13 +13026,13 @@
       },
       "bytes": 36972
     },
-    "dist/chunk-7MXSZV5X.js.map": {
+    "dist/chunk-HTKPRC4T.js.map": {
       "imports": [],
       "exports": [],
       "inputs": {},
-      "bytes": 3102117
+      "bytes": 3102055
     },
-    "dist/chunk-7MXSZV5X.js": {
+    "dist/chunk-HTKPRC4T.js": {
       "imports": [
         {
           "path": "react",
@@ -15280,7 +15280,7 @@
           "external": true
         },
         {
-          "path": "dist/HLSView-V4ZTASRS.js",
+          "path": "dist/HLSView-VCCLFVVS.js",
           "kind": "dynamic-import"
         },
         {
@@ -15702,7 +15702,7 @@
       ],
       "inputs": {
         "<define:process.env>": {
-          "bytesInOutput": 18056
+          "bytesInOutput": 18104
         },
         "../../node_modules/lodash/lodash.js": {
           "bytesInOutput": 224267
@@ -16131,7 +16131,7 @@
           "bytesInOutput": 10019
         },
         "../hms-video-store/dist/index.js": {
-          "bytesInOutput": 48455
+          "bytesInOutput": 48463
         },
         "../../node_modules/reselect/es/index.js": {
           "bytesInOutput": 2537
@@ -16266,7 +16266,7 @@
           "bytesInOutput": 9632
         },
         "src/Prebuilt/layouts/SidePane.tsx": {
-          "bytesInOutput": 4627
+          "bytesInOutput": 4579
         },
         "src/Prebuilt/components/Polls/Polls.tsx": {
           "bytesInOutput": 735
@@ -16341,10 +16341,10 @@
           "bytesInOutput": 1727
         },
         "src/Prebuilt/components/SidePaneTabs.tsx": {
-          "bytesInOutput": 7387
+          "bytesInOutput": 7277
         },
         "src/Prebuilt/components/Chat/Chat.tsx": {
-          "bytesInOutput": 3444
+          "bytesInOutput": 3466
         },
         "src/Prebuilt/components/Chat/ChatBody.tsx": {
           "bytesInOutput": 14354
@@ -16362,7 +16362,7 @@
           "bytesInOutput": 2757
         },
         "src/Prebuilt/components/Chat/EmptyChat.tsx": {
-          "bytesInOutput": 1653
+          "bytesInOutput": 1745
         },
         "src/Prebuilt/images/empty-chat.svg": {
           "bytesInOutput": 2261
@@ -16629,7 +16629,7 @@
           "bytesInOutput": 651
         }
       },
-      "bytes": 1265136
+      "bytes": 1265148
     }
   }
 }

package/package.json

@@ -10,7 +10,7 @@
     "prebuilt",
     "roomkit"
   ],
-  "version": "0.2.4",
+  "version": "0.2.5-alpha.0",
   "author": "100ms",
   "license": "MIT",
   "repository": {
@@ -82,10 +82,10 @@
     "react": ">=17.0.2 <19.0.0"
   },
   "dependencies": {
-    "@100mslive/hls-player": "0.2.4",
-    "@100mslive/hms-virtual-background": "1.12.4",
-    "@100mslive/react-icons": "0.9.4",
-    "@100mslive/react-sdk": "0.9.4",
+    "@100mslive/hls-player": "0.2.5-alpha.0",
+    "@100mslive/hms-virtual-background": "1.12.5-alpha.0",
+    "@100mslive/react-icons": "0.9.5-alpha.0",
+    "@100mslive/react-sdk": "0.9.5-alpha.0",
     "@100mslive/types-prebuilt": "0.12.6",
     "@emoji-mart/data": "^1.0.6",
     "@emoji-mart/react": "^1.0.1",
@@ -120,5 +120,5 @@
     "uuid": "^8.3.2",
     "worker-timers": "^7.0.40"
   },
-  "gitHead": "e72b3c50401131df5c04e2f6bf76505122b78ba5"
+  "gitHead": "f1a88c4b49cdf442d6eb3d3adcf50b227a56249a"
 }

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

@@ -38,6 +38,7 @@ export const Chat = () => {
   return (
     <Flex
       direction="column"
+      justify="end"
       css={{
         size: '100%',
         gap: '$4',

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

@@ -33,7 +33,9 @@ export const EmptyChat = () => {
       justify="center"
     >
       <Box>
-        <img src={emptyChat} alt="Empty Chat" height={132} width={185} style={{ margin: '8px auto 4px auto' }} />
+        <Box css={{ m: '0 auto', mt: '$4', '@media (max-height: 575px)': { display: 'none' } }}>
+          <img src={emptyChat} alt="Empty Chat" height={132} width={185} />
+        </Box>
 
         <Text variant="h5" css={{ mt: '$8', c: '$on_surface_high' }}>
           {canSendMessages ? 'Start a conversation' : 'No messages yet'}

package/src/Prebuilt/components/SidePaneTabs.tsx

@@ -194,10 +194,7 @@ export const SidePaneTabs = React.memo<{
               <Tabs.Content value={SIDE_PANE_OPTIONS.PARTICIPANTS} css={{ p: 0 }}>
                 <ParticipantList offStageRoles={off_stage_roles} onActive={setActiveRole} />
               </Tabs.Content>
-              <Tabs.Content
-                value={SIDE_PANE_OPTIONS.CHAT}
-                css={{ p: 0, overflowY: 'auto', '@md': { overflowY: 'unset' } }}
-              >
+              <Tabs.Content value={SIDE_PANE_OPTIONS.CHAT} css={{ p: 0 }}>
                 <Chat />
               </Tabs.Content>
             </Tabs.Root>

package/src/Prebuilt/layouts/SidePane.tsx

@@ -121,7 +121,6 @@ const SidePane = ({
             },
             '@md': {
               p: '$6 $8',
-              h: mwebStreamingChat ? 'auto' : '',
               pb: mwebStreamingChat ? '$20' : '$12',
               borderTopLeftRadius: sidepane === SIDE_PANE_OPTIONS.POLLS ? '$2' : '0',
               borderTopRightRadius: sidepane === SIDE_PANE_OPTIONS.POLLS ? '$2' : '0',