Direct Call

const loggedInUser = await CometChat.getLoggedinUser();
if (loggedInUser) {
  const authToken = loggedInUser.getAuthToken();
  const sessionID = "SESSION_ID_HERE";

  CometChatCalls.generateToken(sessionID, authToken).then(
    (res) => {
      console.log("Call token fetched: ", res.token);
    },
    (err) => {
      console.log("Generating call token failed with error: ", err);
    }
  );
}

const defaultLayout = true;
const audioOnly = false;

const callSettings = new CometChatCalls.CallSettingsBuilder()
  .enableDefaultLayout(defaultLayout)
  .setIsAudioOnlyCall(audioOnly)
  .setCallListener(
    new CometChatCalls.OngoingCallListener({
      onUserListUpdated: (userList) => {
        console.log("user list:", userList);
      },
      onCallEnded: () => {
        console.log("Call ended");
      },
      onSessionTimeout: () => {
        console.log("Call ended due to session timeout");
      },
      onError: (error) => {
        console.log("Error :", error);
      },
      onMediaDeviceListUpdated: (deviceList) => {
        console.log("Device List:", deviceList);
      },
      onUserMuted: (event) => {
        // This event will work in JS SDK v3.0.2-beta1 & later.
        console.log("Listener => onUserMuted:", {
          userMuted: event.muted,
          userMutedBy: event.mutedBy,
        });
      },
      onScreenShareStarted: () => {
        // This event will work in JS SDK v3.0.3 & later.
        console.log("Screen sharing started.");
      },
      onScreenShareStopped: () => {
        // This event will work in JS SDK v3.0.3 & later.
        console.log("Screen sharing stopped.");
      },
      onCallSwitchedToVideo: (event) => {
        // This event will work in JS SDK v3.0.8 & later.
        console.log("call switched to video:", {
          sessionId: event.sessionId,
          callSwitchInitiatedBy: event.initiator,
          callSwitchAcceptedBy: event.responder,
        });
      },
      onUserJoined: (user) => console.log("event => onUserJoined", user),
      onUserLeft: (user) => console.log("event => onUserLeft", user),
    })
  )
  .build();

const htmlElement = document.getElementById("ELEMENT_ID");
CometChatCalls.startSession(callToken, callSettings, htmlElement);

useEffect(() => {
  CometChatCalls.addCallEventListener("UNIQUE_ID", {
    onUserJoined: (user) => {
      console.log("user joined:", user);
    },
    onUserLeft: (user) => {
      console.log("user left:", user);
    },
    onUserListUpdated: (userList) => {
      console.log("user list:", userList);
    },
    onCallEnded: () => {
      console.log("Call ended");
    },
    onCallEndButtonPressed: () => {
      console.log("End Call button pressed");
    },
    onError: (error) => {
      console.log("Call Error: ", error);
    },
    onAudioModesUpdated: (audioModes) => {
      console.log("audio modes:", audioModes);
    },
    onUserMuted: (event) => {
      console.log("user muted:", event);
    },
  });
  return () => CometChatCalls.removeCallEventListener("UNIQUE_ID");
}, []);

CometChat.endCall();

CometChat.clearActiveCall();
CometChatCalls.endSession();

CometChatCalls.endSession();

CometChatCalls.muteAudio(true);

CometChatCalls.pauseVideo(true);

CometChatCalls.startScreenShare();

CometChatCalls.stopScreenShare();

let mode = CometChat.CALL_MODE.SPOTLIGHT;
CometChatCalls.setMode(mode);

let audioInputDevices = CometChatCalls.getAudioInputDevices();

let audioOutputDevices = CometChatCalls.getAudioOutputDevices();

let videoInputDevices = CometChatCalls.getVideoInputDevices();

CometChatCalls.setAudioInputDevice(deviceId);

CometChatCalls.setAudioOutputDevice(deviceId);

CometChatCalls.setVideoInputDevice(deviceId);