@tellescope/video-chat 0.0.86 → 0.0.89

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@tellescope/video-chat",
-  "version": "0.0.86",
+  "version": "0.0.89",
   "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.86",
-    "@tellescope/react-components": "^0.0.86",
-    "@tellescope/sdk": "^0.0.86",
-    "@tellescope/types-client": "^0.0.86",
-    "@tellescope/types-models": "^0.0.86",
-    "@tellescope/types-utilities": "^0.0.86",
-    "@tellescope/utilities": "^0.0.86",
+    "@tellescope/constants": "^0.0.89",
+    "@tellescope/react-components": "^0.0.89",
+    "@tellescope/sdk": "^0.0.89",
+    "@tellescope/types-client": "^0.0.89",
+    "@tellescope/types-models": "^0.0.89",
+    "@tellescope/types-utilities": "^0.0.89",
+    "@tellescope/utilities": "^0.0.89",
     "@typescript-eslint/eslint-plugin": "^4.33.0",
     "@typescript-eslint/parser": "^4.33.0",
     "amazon-chime-sdk-component-library-react": "^2.12.0",
@@ -51,10 +51,10 @@
     "styled-system": "^5.1.5"
   },
   "peerDependencies": {
-    "react": "^17.0.2",
-    "react-dom": "^17.0.2"
+    "react": "^16.8.0 || ^17.0.0 || ^18.0.0",
+    "react-dom": "^16.8.0 || ^17.0.0 || ^18.0.0"
   },
-  "gitHead": "018463e2097028e656cb0c38ed8322ec48a17e86",
+  "gitHead": "2414322f9182951dc03c98dfd0c1cf59c39be4b4",
   "publishConfig": {
     "access": "public"
   }

package/src/index.ts

@@ -3,12 +3,4 @@ export * from "./controls"
 export {
   CurrentCallContext,
   useCurrentCallContext, 
-} from "./video_shared"
-export {
-  RNVideoRenderView,
-} from "./native/RNVideoRenderView"
-export {
-  MobileSDKEvent,
-  NativeFunction,
-  getSDKEventEmitter,
-} from "./native/bridge"
+} from "./video_shared"

package/src/native/RNVideoRenderView.tsx

@@ -15,8 +15,7 @@ export class RNVideoRenderView extends React.Component<{ tileId: number, style?:
     // So we need to dispatch bindVideoView after this function complete
     setTimeout(() => {
       NativeFunction.bindVideoView(findNodeHandle(this), this.props.tileId);
-    });
-    // can try setting a longer timeout
+    }, 1000); // use explicit 1s timeout to avoid crashes on self-video toggle
   }
 
   componentWillUnmount() {
@@ -28,6 +27,5 @@ export class RNVideoRenderView extends React.Component<{ tileId: number, style?:
   }
 }
 
-// can try ts ignore and using RNVideoView as a second argument to this function
 // @ts-ignore 
 const RNVideoRenderViewNative = requireNativeComponent('RNVideoView', RNVideoRenderView);

package/src/video.native.tsx

@@ -39,7 +39,7 @@ import {
   getSDKEventEmitter,
   MobileSDKEvent,
   NativeFunction,
-} from "./index"
+} from "./index.native"
 
 interface TileState {
   isLocal: boolean,
@@ -178,7 +178,7 @@ export const SelfView = ({ style } : VideoViewProps) => {
   if (localTileId === null) return null // localTileId may be zero, don't return null on simple falsey check
   
   return (
-    <RNVideoRenderView style={convert_CSS_to_RNStyles(style) ?? styles.video} tileId={localTileId}/>
+    <RNVideoRenderView style={convert_CSS_to_RNStyles(style) ?? styles.video} tileId={localTileId} />
   )
 }