@100mslive/roomkit-react 0.3.11-alpha.1 → 0.3.11-alpha.3

package/package.json

@@ -10,7 +10,7 @@
     "prebuilt",
     "roomkit"
   ],
-  "version": "0.3.11-alpha.1",
+  "version": "0.3.11-alpha.3",
   "author": "100ms",
   "license": "MIT",
   "repository": {
@@ -74,12 +74,12 @@
     "react": ">=17.0.2 <19.0.0"
   },
   "dependencies": {
-    "@100mslive/hls-player": "0.3.11-alpha.1",
+    "@100mslive/hls-player": "0.3.11-alpha.3",
     "@100mslive/hms-noise-cancellation": "0.0.1",
-    "@100mslive/hms-virtual-background": "1.13.11-alpha.1",
-    "@100mslive/hms-whiteboard": "0.0.1-alpha.1",
-    "@100mslive/react-icons": "0.10.11-alpha.1",
-    "@100mslive/react-sdk": "0.10.11-alpha.1",
+    "@100mslive/hms-virtual-background": "1.13.11-alpha.3",
+    "@100mslive/hms-whiteboard": "0.0.1-alpha.3",
+    "@100mslive/react-icons": "0.10.11-alpha.3",
+    "@100mslive/react-sdk": "0.10.11-alpha.3",
     "@100mslive/types-prebuilt": "0.12.8",
     "@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": "886e70f056269f19d4fe51570903433cbc75567f"
+  "gitHead": "405b71b3b32e5a2ceeaca25bbfbfd931bdc55036"
 }

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

@@ -210,20 +210,19 @@ export const ChatFooter = ({ onSend, children }: { onSend: (count: number) => vo
         ) : null}
       </Flex>
       {selection && (
-        <Flex align="center" css={{ gap: '$4', w: '100%' }}>
+        <Flex align={inputRef.current?.scrollHeight === 32 ? 'center' : 'end'} css={{ gap: '$4', w: '100%' }}>
           <Flex
             align="end"
             css={{
               bg: isOverlayChat && isMobile ? '$surface_dim' : '$surface_default',
               minHeight: '$16',
               position: 'relative',
-              py: '$6',
+              py: isOverlayChat && isMobile ? '$2' : '$6',
               pl: '$8',
               flexGrow: 1,
               r: '$1',
               '@md': {
-                minHeight: 'unset',
-                h: '$14',
+                minHeight: '$14',
                 boxSizing: 'border-box',
               },
               ...(isLandscapeHLSStream ? { minHeight: '$14', py: 0 } : {}),

package/src/Prebuilt/components/MoreSettings/SplitComponents/MwebOptions.tsx

@@ -29,7 +29,7 @@ import {
   SettingsIcon,
   VirtualBackgroundIcon,
 } from '@100mslive/react-icons';
-import { Box, Loading, Text, Tooltip } from '../../../..';
+import { Box, Loading, Tooltip } from '../../../..';
 import { Sheet } from '../../../../Sheet';
 // @ts-ignore: No implicit any
 import IconButton from '../../../IconButton';
@@ -202,9 +202,7 @@ export const MwebOptions = ({
               }}
             >
               {isTranscriptionEnabled && isCaptionEnabled ? <ClosedCaptionIcon /> : <OpenCaptionIcon />}
-              <Text variant="sm" css={{ ml: '$4', color: '$on_surface_high', flexGrow: '1' }}>
-                Closed Caption
-              </Text>
+              <ActionTile.Title>Closed Caption</ActionTile.Title>
             </ActionTile.Root>
             {isLocalVideoEnabled && !!elements?.virtual_background ? (
               <ActionTile.Root