@tellescope/video-chat 1.2.3 → 1.3.0

package/package.json

@@ -1,9 +1,10 @@
 {
   "name": "@tellescope/video-chat",
-  "version": "1.2.3",
+  "version": "1.3.0",
   "description": "",
   "main": "./lib/cjs/index.js",
   "module": "./lib/esm/index.js",
+  "react-native": "./lib/esm/index.js",
   "types": "./lib/esm/index.d.ts",
   "scripts": {
     "test": "echo \"Error: no test specified\" && exit 1",
@@ -33,13 +34,13 @@
     "@fontsource/roboto": "^4.5.1",
     "@mui/icons-material": "^5.0.1",
     "@mui/material": "^5.0.2",
-    "@tellescope/constants": "^1.2.3",
-    "@tellescope/react-components": "^1.2.3",
-    "@tellescope/sdk": "^1.2.3",
-    "@tellescope/types-client": "^1.2.3",
-    "@tellescope/types-models": "^1.2.3",
+    "@tellescope/constants": "^1.3.0",
+    "@tellescope/react-components": "^1.3.0",
+    "@tellescope/sdk": "^1.3.0",
+    "@tellescope/types-client": "^1.3.0",
+    "@tellescope/types-models": "^1.3.0",
     "@tellescope/types-utilities": "^1.2.2",
-    "@tellescope/utilities": "^1.2.3",
+    "@tellescope/utilities": "^1.3.0",
     "@typescript-eslint/eslint-plugin": "^4.33.0",
     "@typescript-eslint/parser": "^4.33.0",
     "amazon-chime-sdk-component-library-react": "^2.15.0",
@@ -54,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": "257986a3c2ef1450413175d3b30d3932bddb8aee",
+  "gitHead": "8635df935a3bb2562c8308341626488cb84dd8c4",
   "publishConfig": {
     "access": "public"
   }

package/src/hooks.ts

@@ -0,0 +1,83 @@
+import { useCallback, useContext } from "react"
+import { useCalendarEvents, useResolvedSession, useSession } from "@tellescope/react-components"
+import { useMeetingManager } from "amazon-chime-sdk-component-library-react"
+import { CurrentCallContext, useCurrentCallContext } from "./index"
+import { CalendarEvent, Meeting } from "@tellescope/types-client"
+
+export const useStartAndJoinMeetingForCalendarEvent = (calendarEventId: string) => {
+  const session = useSession()
+  const [, { updateLocalElement: updateLocalEvent }] = useCalendarEvents()
+
+  const meetingManager = useMeetingManager();
+
+  const { setMeeting, setIsHost } = useContext(CurrentCallContext)
+  if (!(!!setMeeting && setIsHost)) {
+    throw new Error("Missing CurrentCallContext")
+  }
+
+  const startAndJoinMeeting = useCallback(async () => {
+    const { meeting, host, id } = await session.api.meetings.start_meeting_for_event({ calendarEventId })
+
+    updateLocalEvent(calendarEventId, { meetingId: id } )
+
+    setMeeting(meeting as any)
+
+    await meetingManager.join({ meetingInfo: meeting, attendeeInfo: host.info }); // Use the join API to create a meeting session
+    await meetingManager.start(); // At this point you can let users setup their devices, or start the session immediately
+
+    setMeeting(meeting.Meeting)
+    setIsHost(true)
+  }, [session, calendarEventId, updateLocalEvent, meetingManager, setMeeting, setIsHost])
+
+  return {
+    startAndJoinMeeting,
+  }
+}
+
+export const useJoinMeeting = () => {
+  const session = useResolvedSession()
+  const meetingManager = useMeetingManager();
+
+  const { setMeeting, setIsHost } = useContext(CurrentCallContext)
+  if (!(!!setMeeting && setIsHost)) {
+    throw new Error("Missing CurrentCallContext")
+  }
+
+  const joinMeeting = useCallback(async (meeting: Meeting) => {
+    setMeeting(meeting.meetingInfo.Meeting)
+    setIsHost(meeting.creator === session.userInfo.id)
+    
+    await meetingManager.join({ 
+      meetingInfo: meeting.meetingInfo, 
+      attendeeInfo: meeting.attendees.find(a => a.id === session.userInfo.id)!.info
+    }); // Use the join API to create a meeting session
+    await meetingManager.start(); // At this point you can let users setup their devices, or start the session immediately
+
+  }, [setMeeting, meetingManager, setMeeting, setIsHost])
+
+  return {
+    joinMeeting,
+  }
+}
+
+export const useMeetingForCalendarEvent = (event: CalendarEvent) => {
+  const { meeting } = useCurrentCallContext()
+  const { startAndJoinMeeting } = useStartAndJoinMeetingForCalendarEvent(event.id)
+  const { joinMeeting } = useJoinMeeting()
+
+  return {
+    startAndJoinMeeting,
+    joinMeeting,
+    meeting,
+    meetingStatus: (
+      !event.enableVideoCall 
+        ? 'disabled'
+    : !(event.meetingId)
+        ? 'waiting-room'
+    : !!meeting
+        ? 'joined'
+        : 'loading'
+
+    )
+  }
+} 

package/src/index.native.ts

@@ -1,4 +1,5 @@
 export * from "./video"
+export * from "./hooks"
 export * from "./controls"
 export {
   CurrentCallContext,

package/src/index.ts

@@ -1,5 +1,6 @@
 export * from "./video"
 export * from "./controls"
+export * from "./hooks"
 export {
   CurrentCallContext,
   useCurrentCallContext,