@tellescope/video-chat 0.0.82 → 0.0.83

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@tellescope/video-chat",
-  "version": "0.0.82",
+  "version": "0.0.83",
   "description": "",
   "main": "./lib/cjs/index.js",
   "module": "./lib/esm/index.js",
@@ -33,13 +33,13 @@
     "@fontsource/roboto": "^4.5.1",
     "@mui/icons-material": "^5.0.1",
     "@mui/material": "^5.0.2",
-    "@tellescope/constants": "^0.0.82",
-    "@tellescope/react-components": "^0.0.82",
-    "@tellescope/sdk": "^0.0.82",
-    "@tellescope/types-client": "^0.0.82",
-    "@tellescope/types-models": "^0.0.82",
-    "@tellescope/types-utilities": "^0.0.82",
-    "@tellescope/utilities": "^0.0.82",
+    "@tellescope/constants": "^0.0.83",
+    "@tellescope/react-components": "^0.0.83",
+    "@tellescope/sdk": "^0.0.83",
+    "@tellescope/types-client": "^0.0.83",
+    "@tellescope/types-models": "^0.0.83",
+    "@tellescope/types-utilities": "^0.0.83",
+    "@tellescope/utilities": "^0.0.83",
     "@typescript-eslint/eslint-plugin": "^4.33.0",
     "@typescript-eslint/parser": "^4.33.0",
     "amazon-chime-sdk-component-library-react": "^2.12.0",
@@ -54,7 +54,7 @@
     "react": "^17.0.2",
     "react-dom": "^17.0.2"
   },
-  "gitHead": "b58c6fb19dedb78e2c51a740fc41306ed2562300",
+  "gitHead": "dcd7caa7dd899e0eaab8cc5b1e85cf65ffaebe76",
   "publishConfig": {
     "access": "public"
   }

package/src/index.ts

@@ -1,2 +1,5 @@
 export * from "./video"
-export * from "./controls"
+export * from "./controls"
+export {
+  RNVideoRenderView,
+} from "./native/RNVideoRenderView"

package/src/native/RNVideoRenderView.tsx

@@ -7,7 +7,7 @@ import React from 'react';
 import { requireNativeComponent, findNodeHandle, ViewStyle } from 'react-native';
 import { NativeFunction } from './bridge';
 
-export class RNVideoView extends React.Component<{ tileId: number, style?: ViewStyle }> {
+export class RNVideoRenderView extends React.Component<{ tileId: number, style?: ViewStyle }> {
   componentDidMount() {
     // we need to delay the bind video 
     // Because "componentDidMount" will be called "immediately after the initial rendering occurs"
@@ -29,4 +29,5 @@ export class RNVideoView extends React.Component<{ tileId: number, style?: ViewS
 }
 
 // can try ts ignore and using RNVideoView as a second argument to this function
-const RNVideoRenderViewNative = requireNativeComponent('RNVideoView');
+// @ts-ignore 
+const RNVideoRenderViewNative = requireNativeComponent('RNVideoView', RNVideoRenderView);

package/src/video.native.tsx

@@ -40,7 +40,7 @@ import {
   MobileSDKEvent,
   NativeFunction,
 } from "./native/bridge"
-import { RNVideoView } from "./native/RNVideoRenderView"
+import { RNVideoRenderView } from "./native/RNVideoRenderView"
 
 export { CurrentCallContext }
 
@@ -172,7 +172,7 @@ export const useRemoteViews = (props={} as { style: React.CSSProperties }) => {
   const nonLocal = videoTiles.filter(v => v !== localTileId)
 
   return nonLocal.map(tileId => 
-    <RNVideoView key={tileId} style={convert_CSS_to_RNStyles(props.style) ?? styles.video} tileId={tileId} />
+    <RNVideoRenderView key={tileId} style={convert_CSS_to_RNStyles(props.style) ?? styles.video} tileId={tileId} />
   )
 }
 
@@ -181,7 +181,7 @@ export const SelfView = ({ style } : VideoViewProps) => {
   if (localTileId === null) return null // localTileId may be zero, don't return null on simple falsey check
   
   return (
-    <RNVideoView style={convert_CSS_to_RNStyles(style) ?? styles.video} tileId={localTileId}/>
+    <RNVideoRenderView style={convert_CSS_to_RNStyles(style) ?? styles.video} tileId={localTileId}/>
   )
 }
 
@@ -271,7 +271,7 @@ export const VideoTileGrid = () => {
       <Flex style={styles.videoContainer}>
         {
           videoTiles.length > 0 ? videoTiles.map(tileId => 
-            <RNVideoView style={styles.video} key={tileId} tileId={tileId} />
+            <RNVideoRenderView style={styles.video} key={tileId} tileId={tileId} />
           ) : <Typography style={styles.subtitle}>No one is sharing video at this moment</Typography>
         }
       </Flex>
@@ -282,7 +282,7 @@ export const VideoTileGrid = () => {
         <React.Fragment>
           <Typography style={styles.title}>Screen Share</Typography>
           <View style={styles.videoContainer}>
-            <RNVideoView style={styles.screenShare} key={shareScreenId} tileId={shareScreenId} />
+            <RNVideoRenderView style={styles.screenShare} key={shareScreenId} tileId={shareScreenId} />
           </View>
         </React.Fragment>
       } 

package/src/video_shared.tsx

@@ -21,6 +21,11 @@ export interface CallContext {
 }
 
 export const CurrentCallContext = React.createContext({} as CallContext)
+
+export const useCurrentCallContext = () => {
+  return React.useContext(CurrentCallContext)
+}
+
 export interface VideoProps {
   children?: React.ReactNode,
 }