@tellescope/video-chat 1.44.2 → 1.44.3

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@tellescope/video-chat",
-  "version": "1.44.2",
+  "version": "1.44.3",
   "description": "",
   "main": "./lib/cjs/index.js",
   "module": "./lib/esm/index.js",
@@ -34,13 +34,13 @@
     "@fontsource/roboto": "^4.5.1",
     "@mui/icons-material": "^5.0.1",
     "@mui/material": "^5.0.2",
-    "@tellescope/constants": "^1.44.1",
-    "@tellescope/react-components": "^1.44.2",
-    "@tellescope/sdk": "^1.44.1",
-    "@tellescope/types-client": "^1.44.1",
-    "@tellescope/types-models": "^1.44.1",
+    "@tellescope/constants": "^1.44.3",
+    "@tellescope/react-components": "^1.44.3",
+    "@tellescope/sdk": "^1.44.3",
+    "@tellescope/types-client": "^1.44.3",
+    "@tellescope/types-models": "^1.44.3",
     "@tellescope/types-utilities": "^1.38.4",
-    "@tellescope/utilities": "^1.44.1",
+    "@tellescope/utilities": "^1.44.3",
     "@typescript-eslint/eslint-plugin": "^4.33.0",
     "@typescript-eslint/parser": "^4.33.0",
     "amazon-chime-sdk-component-library-react": "^2.15.0",
@@ -55,7 +55,7 @@
     "react": "^16.8.0 || ^17.0.0 || ^18.0.0",
     "react-dom": "^16.8.0 || ^17.0.0 || ^18.0.0"
   },
-  "gitHead": "0cc5577e8e30f6f992296050c88c285f9d9625ea",
+  "gitHead": "4fda2d2df011837f0f9f450f9b293d7dfe6a2f5d",
   "publishConfig": {
     "access": "public"
   }

package/src/controls.tsx

@@ -12,10 +12,11 @@ import {
   Paper,
   Styled,
   Button,
+  Typography,
 } from "@tellescope/react-components"
 import { CurrentCallContext } from "./video_shared"
 import { useStartVideoCall } from "./video"
-import { useJoinVideoCall } from "."
+import { ScreenShareIcon, useJoinVideoCall } from "."
 
 const DEFAULT_BUTTON_SIZE = 30
 interface ButtonProps {
@@ -79,9 +80,10 @@ export const LeaveMeeting = ({ onLeave, size=DEFAULT_BUTTON_SIZE } : LeaveMeetin
 interface ControlbarProps {
   spacing?: number,
   size?: number,
-  showEndMeeting?: boolean
+  showEndMeeting?: boolean,
+  showScreenShare?: boolean,
 }
-export const ControlBar = ({ onLeave, style, spacing=15, size, showEndMeeting, } : ControlbarProps & LeaveMeetingProps & Styled) => {
+export const ControlBar = ({ onLeave, style, spacing=15, size, showEndMeeting, showScreenShare, } : ControlbarProps & LeaveMeetingProps & Styled) => {
   const { isHost } = React.useContext(CurrentCallContext)
   const itemStyle = { marginLeft: spacing, marginRight: spacing }
 
@@ -94,6 +96,19 @@ export const ControlBar = ({ onLeave, style, spacing=15, size, showEndMeeting, }
           borderColor: 'white',
         }}
       >
+        {showScreenShare &&
+          <Flex column justifyContent="center" style={itemStyle}>
+            <Flex>
+              <ScreenShareIcon />
+            </Flex>
+
+            <Flex>
+            <Typography style={{ color: 'white', textAlign: 'center', fontSize: 11 }}>
+              Screen share
+            </Typography>
+            </Flex>
+          </Flex>
+        }
         <Flex style={itemStyle}>
           <VideoToggle size={size}/>
         </Flex>

package/src/video.native.tsx

@@ -447,4 +447,6 @@ export const VideoCallNative: React.JSXElementConstructor<VideoCallNativeProps>
       <ControlBar {...props} size={50} spacing={20} style={{ position: 'absolute', bottom: 20, width: '100%' }} />
     </Flex>
   )
-}
+}
+
+export const ScreenShareIcon = () => null

package/src/video.tsx

@@ -36,6 +36,7 @@ import {
   useToggleLocalMute,
   useMeetingStatus,
   MeetingStatus,
+  ContentShareControl,
   // useRemoteVideoTileState,
   // useContentShareControls, // screen sharing
 } from 'amazon-chime-sdk-component-library-react';
@@ -367,4 +368,8 @@ export { VideoTileGrid }
 // unimplemented for web
 export const VideoCallNative: React.JSXElementConstructor<VideoCallNativeProps> = () => (
   null
-)
+)
+
+export const ScreenShareIcon = () => (
+  <ContentShareControl iconTitle="Screen Share" label="Share Screen" />
+)