@tellescope/video-chat 0.0.17 → 0.0.21

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@tellescope/video-chat",
-  "version": "0.0.17",
+  "version": "0.0.21",
   "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.17",
-    "@tellescope/react-components": "^0.0.17",
-    "@tellescope/sdk": "^0.0.17",
-    "@tellescope/types-client": "^0.0.17",
-    "@tellescope/types-models": "^0.0.17",
-    "@tellescope/types-utilities": "^0.0.17",
-    "@tellescope/utilities": "^0.0.17",
+    "@tellescope/constants": "^0.0.21",
+    "@tellescope/react-components": "^0.0.21",
+    "@tellescope/sdk": "^0.0.21",
+    "@tellescope/types-client": "^0.0.21",
+    "@tellescope/types-models": "^0.0.21",
+    "@tellescope/types-utilities": "^0.0.21",
+    "@tellescope/utilities": "^0.0.21",
     "@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": "4f6785b4e580de4f3fceb9bc3d455cc7191cd094",
+  "gitHead": "67131e18cc6f5aeafbb9dedb437fd915d33be1dc",
   "publishConfig": {
     "access": "public"
   }

package/src/controls.tsx

@@ -14,10 +14,8 @@ import {
 } from "@tellescope/react-components/lib/esm/mui"
 import { LabeledIconButton } from "@tellescope/react-components/lib/esm/controls"
 import { Flex } from "@tellescope/react-components/lib/esm/layout"
-import {
-  CurrentCallContext,
-  useStartVideoCall,
-} from "./video"
+import { CurrentCallContext } from "./video_shared"
+import { useStartVideoCall } from "./video"
 
 const DEFAULT_BUTTON_SIZE = 30
 interface ButtonProps {

package/src/native/bridge.ts

@@ -17,7 +17,6 @@ import { NativeModules, NativeEventEmitter } from 'react-native';
  * NativeEventEmitter.onRemoveVideoTile(tileState)
  * NativeEventEmitter.onError(errorMessage)
  */
-console.log(NativeModules)
 const _eventEmitter = new NativeEventEmitter(NativeModules.NativeMobileSDKBridge);
 
 export const MobileSDKEvent = {

package/src/video.native.tsx

@@ -20,12 +20,7 @@ import { Flex } from "@tellescope/react-components/lib/esm/layout"
 import { 
   Button, 
   Typography, 
-  convert_CSS_to_RNStyles,
-
-  VideoIcon,
-  VideoOffIcon,
-  MicrophoneIcon,
-  MicrophoneOffIcon,
+  convert_CSS_to_RNStyles, // requires mui.native
 } from "@tellescope/react-components/lib/esm/mui.native"
 
 import {
@@ -35,7 +30,7 @@ import {
   VideoProps,
   AttendeeDisplayInfo,
   VideoViewProps,
-} from "./video.js"
+} from "./video_shared"
 
 import {
   getSDKEventEmitter,

package/src/video.tsx

@@ -35,23 +35,15 @@ import {
   // useRemoteVideoTileState,
   // useContentShareControls, // screen sharing
 } from 'amazon-chime-sdk-component-library-react';
-import {  } from "../../../types-client/node_modules/@tellescope/types-models/src"
-
-export type AttendeeDisplayInfo =  { attendeeId: string, externalUserId: string }
-
-export const CurrentCallContext = React.createContext({} as {
-  meeting: MeetingInfo | undefined, setMeeting: (m: MeetingInfo | undefined) => void,
-  videoIsEnabled: boolean, toggleVideo: () => Promise<void>,
-  microphoneIsEnabled: boolean, toggleMicrophone: () => Promise<void>,
-  attendees: AttendeeDisplayInfo[], shareScreenId: number | null,
-  localTileId: number | null,
-  isHost: boolean, setIsHost: (b: boolean) => void;
-  videoTiles: (number)[],
-})
-export interface VideoProps {
-  children?: React.ReactNode,
-  theme?: typeof darkTheme,
-}
+
+import {
+  CurrentCallContext,
+
+  AttendeeDisplayInfo,
+  VideoProps,
+  VideoViewProps,
+} from "./video_shared"
+
 const WithContext = ({ children } : { children: React.ReactNode }) => {
   const [meeting, setMeeting] = useState(undefined as MeetingInfo | undefined)
   const [isHost, setIsHost] = useState(false)
@@ -85,8 +77,8 @@ const WithContext = ({ children } : { children: React.ReactNode }) => {
     </CurrentCallContext.Provider>
   )
 }
-export const WithVideo = ({ children, theme=darkTheme }: VideoProps) => (
-  <ThemeProvider theme={theme}>
+export const WithVideo = ({ children }: VideoProps) => (
+  <ThemeProvider theme={darkTheme}>
   <MeetingProvider>
   <WithContext>
     {children}
@@ -161,9 +153,6 @@ export const useJoinVideoCall = () => {
 }
 export type JoinVideoCallReturnType = ReturnType<typeof useJoinVideoCall>
 
-export interface VideoViewProps {
-  style?: CSSProperties,
-}
 export const SelfView = ({ style }: VideoViewProps) => <div style={style}><LocalVideo/></div>
 
 export const useRemoteViews = (props={} as VideoViewProps) => {

package/src/video_shared.tsx

@@ -0,0 +1,48 @@
+import React, { CSSProperties } from "react"
+
+import {
+  AttendeeInfo,
+  MeetingInfo,
+} from '@tellescope/types-models'
+
+import {
+  UserIdentity,
+} from '@tellescope/types-utilities'
+
+export type AttendeeDisplayInfo =  { attendeeId: string, externalUserId: string }
+export interface CallContext {
+  meeting: MeetingInfo | undefined, setMeeting: (m: MeetingInfo | undefined) => void,
+  videoIsEnabled: boolean, toggleVideo: () => Promise<void>,
+  microphoneIsEnabled: boolean, toggleMicrophone: () => Promise<void>,
+  attendees: AttendeeDisplayInfo[], shareScreenId: number | null,
+  localTileId: number | null,
+  isHost: boolean, setIsHost: (b: boolean) => void;
+  videoTiles: (number)[],
+}
+
+export const CurrentCallContext = React.createContext({} as CallContext)
+export interface VideoProps {
+  children?: React.ReactNode,
+}
+
+export interface VideoViewProps {
+  style?: CSSProperties,
+}
+
+export interface JoinVideoCallReturnType {
+  meeting: CallContext['meeting'], 
+  videoIsEnabled: CallContext['videoIsEnabled'], 
+  toggleVideo: CallContext['toggleVideo'], 
+  joinMeeting: (meetingInfo: { Meeting: MeetingInfo }, attendeeInfo: { Attendee: AttendeeInfo }) => Promise<void>,
+}
+
+export interface StartVideoCallReturnType {
+  starting: boolean, 
+  ending: boolean, 
+  meeting: CallContext['meeting'],
+  videoIsEnabled: CallContext['videoIsEnabled'], 
+  toggleVideo: CallContext['toggleVideo'], 
+  createAndStartMeeting: (initialAttendees?: UserIdentity[]) => Promise<void>, 
+  addAttendees: (attendees: UserIdentity[]) => Promise<void>, 
+  endMeeting: () => Promise<void>,
+}