docs(calls): correct v5 Calling SDK API references and enhance guides

calls/javascript/actions.mdx

@@ -17,12 +17,12 @@
 CometChatCalls.muteAudio();
 ```
 
 ### Unmute Audio
 
 Unmutes your local microphone, resuming audio transmission.
 
 ```javascript
-CometChatCalls.unMuteAudio();
+CometChatCalls.unmuteAudio();
 ```
 
 ## Video Controls
@@ -344,21 +344,3 @@
 CometChatCalls.setVideoInputDevice(deviceId);
 ```
 
-## Picture-in-Picture
-
-### Enable Picture-in-Picture Layout
-
-Enables Picture-in-Picture mode for the call.
-
-```javascript
-CometChatCalls.enablePictureInPictureLayout();
-```
-
-### Disable Picture-in-Picture Layout
-
-Disables Picture-in-Picture mode.
-
-```javascript
-CometChatCalls.disablePictureInPictureLayout();
-```
-

calls/javascript/angular-integration.mdx

@@ -142,8 +142,8 @@ export class CometChatCallsService {
     CometChatCalls.muteAudio();
   }
 
-  unMuteAudio(): void {
-    CometChatCalls.unMuteAudio();
+  unmuteAudio(): void {
+    CometChatCalls.unmuteAudio();
   }
 
   // Video controls
@@ -392,7 +392,7 @@ export class CallScreenComponent implements OnInit, OnDestroy {
    */
   toggleAudio(): void {
     if (this.isMuted) {
-      this.callsService.unMuteAudio();
+      this.callsService.unmuteAudio();
     } else {
       this.callsService.muteAudio();
     }

calls/javascript/custom-control-panel.mdx

@@ -30,7 +30,7 @@
 // Mute/unmute microphone
 function toggleAudio(isMuted) {
   if (isMuted) {
-    CometChatCalls.unMuteAudio();
+    CometChatCalls.unmuteAudio();
   } else {
     CometChatCalls.muteAudio();
   }
@@ -172,7 +172,7 @@
 
 // Button handlers
 document.getElementById("audio-btn").onclick = () => {
-  isAudioMuted ? CometChatCalls.unMuteAudio() : CometChatCalls.muteAudio();
+  isAudioMuted ? CometChatCalls.unmuteAudio() : CometChatCalls.muteAudio();
 };
 
 document.getElementById("video-btn").onclick = () => {
@@ -196,7 +196,7 @@
 | Action | Method |
 |--------|--------|
 | Mute audio | `CometChatCalls.muteAudio()` |
-| Unmute audio | `CometChatCalls.unMuteAudio()` |
+| Unmute audio | `CometChatCalls.unmuteAudio()` |
 | Pause video | `CometChatCalls.pauseVideo()` |
 | Resume video | `CometChatCalls.resumeVideo()` |
 | Start screen share | `CometChatCalls.startScreenSharing()` |

calls/javascript/idle-timeout.mdx

@@ -20,7 +20,7 @@ Set the timeout periods when joining a session:
 ```javascript
 const callSettings = {
   idleTimeoutPeriodBeforePrompt: 60000,  // 60 seconds before showing prompt
-  idleTimeoutPeriodAfterPrompt: 120000,  // 120 seconds after prompt before ending
+  idleTimeoutPeriodAfterPrompt: 180000,  // 180 seconds (3 minutes) after prompt before ending
   // ... other settings
 };
 
@@ -30,7 +30,7 @@ await CometChatCalls.joinSession(callToken, callSettings, container);
 | Property | Type | Default | Description |
 |----------|------|---------|-------------|
 | `idleTimeoutPeriodBeforePrompt` | Number | `60000` | Time in milliseconds before showing the timeout prompt |
-| `idleTimeoutPeriodAfterPrompt` | Number | `120000` | Time in milliseconds after the prompt before ending the session |
+| `idleTimeoutPeriodAfterPrompt` | Number | `180000` | Time in milliseconds after the prompt before ending the session |
 
 ## Session Timeout Event
 

calls/javascript/ionic-integration.mdx

@@ -8,7 +8,7 @@
 This guide walks you through integrating the CometChat Calls SDK into an Ionic application. By the end, you'll have a working video call implementation with proper authentication and lifecycle handling. This guide covers Ionic with Angular, React, and Vue.
 
 <Note>
 For native mobile features like CallKit, VoIP push notifications, and background handling, consider using the native [iOS](/calls/ios/overview) or [Android](/calls/android/overview) SDKs.
 </Note>
 
 ## Prerequisites
@@ -125,8 +125,8 @@
     CometChatCalls.muteAudio();
   }
 
-  unMuteAudio() {
-    CometChatCalls.unMuteAudio();
+  unmuteAudio() {
+    CometChatCalls.unmuteAudio();
   }
 
   pauseVideo() {
@@ -280,7 +280,7 @@
   }
 
   toggleAudio() {
-    this.isMuted ? this.callsService.unMuteAudio() : this.callsService.muteAudio();
+    this.isMuted ? this.callsService.unmuteAudio() : this.callsService.muteAudio();
   }
 
   toggleVideo() {
@@ -689,7 +689,7 @@
 
   // Control handlers
   const toggleAudio = () => {
-    isMuted ? CometChatCalls.unMuteAudio() : CometChatCalls.muteAudio();
+    isMuted ? CometChatCalls.unmuteAudio() : CometChatCalls.muteAudio();
   };
 
   const toggleVideo = () => {
@@ -886,9 +886,9 @@
 
 ## Ionic Vue
 
 ### Step 2: Create the Composable
 
 Create a composable that handles SDK initialization and authentication:
 
 ```typescript
 // src/composables/useCometChatCalls.ts
@@ -1131,7 +1131,7 @@
 }
 
 function toggleAudio() {
-  isMuted.value ? CometChatCalls.unMuteAudio() : CometChatCalls.muteAudio();
+  isMuted.value ? CometChatCalls.unmuteAudio() : CometChatCalls.muteAudio();
 }
 
 function toggleVideo() {

calls/javascript/migration-guide-v5.mdx

@@ -26,7 +26,7 @@
 - **Granular event listeners** — subscribe to specific events like `onParticipantJoined` or `onSessionLeft` instead of one monolithic `OngoingCallListener`
 - **Dedicated `login()` method** — the Calls SDK now handles its own authentication instead of depending on the Chat SDK's auth token or REST APIs
 - **Simplified initialization** — pass plain objects to `init()` and `joinSession()` instead of using builder classes
 - **Strongly-typed enums** — `LayoutType`, `SessionType` instead of raw strings
 
 ---
 
@@ -79,9 +79,9 @@
 <Tab title="v4">
 ```javascript
 // No dedicated Calls SDK login — relied on Chat SDK for auth token
 const authToken = CometChat.getUserAuthToken();
 
 // Had to pass authToken manually
 CometChatCalls.generateToken(sessionId, authToken).then(
   (token) => { /* use token to start session */ },
   (error) => { }
@@ -91,7 +91,7 @@
 <Tab title="v5">
 ```javascript
 // Login to the Calls SDK once (after your Chat SDK login)
-CometChatCalls.login(authToken).then(
+CometChatCalls.loginWithAuthToken(authToken).then(
   (user) => { /* Calls SDK is now authenticated */ },
   (error) => { }
 );
@@ -106,7 +106,7 @@
 </Tabs>
 
 <Note>
-Call `CometChatCalls.login()` once after your user authenticates. The SDK stores the auth token internally, so subsequent calls like `generateToken()` and `joinSession()` use it automatically.
+Call `CometChatCalls.loginWithAuthToken()` once after your user authenticates. The SDK stores the auth token internally, so subsequent calls like `generateToken()` and `joinSession()` use it automatically.
 </Note>
 
 ---
@@ -118,7 +118,7 @@
 <Tabs>
 <Tab title="v4">
 ```javascript
 const callSettings = new CometChatCalls.CallSettingsBuilder()
   .enableDefaultLayout(true)
   .setIsAudioOnlyCall(true)
   .showEndCallButton(true)
@@ -126,7 +126,7 @@
   .showPauseVideoButton(true)
   .showRecordingButton(true)
   .showScreenShareButton(true)
-  .showSwitchModeButton(true)
+  .showModeButton(true)
   .startWithAudioMuted(false)
   .startWithVideoMuted(false)
   .setMode("DEFAULT")
@@ -135,15 +135,15 @@
     onCallEndButtonPressed: () => { },
     onUserJoined: (user) => { },
     onUserLeft: (user) => { },
     onUserListUpdated: (userList) => { },
     onError: (error) => { },
   }))
   .build();
 ```
 </Tab>
 <Tab title="v5">
 ```javascript
 const sessionSettings = {
   sessionType: "VIDEO",       // or "VOICE"
   layout: "TILE",             // or "SPOTLIGHT", "SIDEBAR"
   startAudioMuted: false,
@@ -172,7 +172,7 @@
 | `showPauseVideoButton(bool)` | `hideToggleVideoButton: !bool` | Inverted logic |
 | `showRecordingButton(bool)` | `hideRecordingButton: !bool` | Inverted logic |
 | `showScreenShareButton(bool)` | `hideScreenSharingButton: !bool` | Inverted logic |
-| `showSwitchModeButton(bool)` | `hideChangeLayoutButton: !bool` | Inverted logic |
+| `showModeButton(bool)` | `hideChangeLayoutButton: !bool` | Inverted logic |
 | `startWithAudioMuted(bool)` | `startAudioMuted: bool` | Same logic |
 | `startWithVideoMuted(bool)` | `startVideoPaused: bool` | Same logic |
 | `setMode("DEFAULT")` | `layout: "SIDEBAR"` | `"DEFAULT"` maps to `"SIDEBAR"` |
@@ -195,13 +195,10 @@
 </Tab>
 <Tab title="v5">
 ```javascript
-// Option A: With token
+// Generate a call token for the session, then join with it
 CometChatCalls.generateToken(sessionId).then((token) => {
   CometChatCalls.joinSession(token, sessionSettings, document.getElementById("callContainer"));
 });
-
-// Option B: With session ID (recommended)
-CometChatCalls.joinSession(sessionId, sessionSettings, document.getElementById("callContainer"));
 ```
 </Tab>
 </Tabs>
@@ -223,8 +220,6 @@
 | `CometChatCalls.setMode(mode)` | `CometChatCalls.setLayout(layout)` |
 | `CometChatCalls.startScreenShare()` | `CometChatCalls.startScreenSharing()` |
 | `CometChatCalls.stopScreenShare()` | `CometChatCalls.stopScreenSharing()` |
-| `CometChatCalls.enterPIPMode()` | `CometChatCalls.enablePictureInPictureLayout()` |
-| `CometChatCalls.exitPIPMode()` | `CometChatCalls.disablePictureInPictureLayout()` |
 | `CometChatCalls.openVirtualBackground()` | `CometChatCalls.showVirtualBackgroundDialog()` |
 | `CometChatCalls.closeVirtualBackground()` | `CometChatCalls.hideVirtualBackgroundDialog()` |
 | `CometChatCalls.setBackgroundBlur(level)` | `CometChatCalls.setVirtualBackgroundBlurLevel(level)` |
@@ -250,9 +245,9 @@
     onUserJoined: (user) => { },
     onUserLeft: (user) => { },
     onUserListUpdated: (userList) => { },
-    onAudioModeChanged: (audioModeList) => { },
     onUserMuted: (muteInfo) => { },
-    onRecordingToggled: (recordingInfo) => { },
+    onRecordingStarted: (recordingInfo) => { },
+    onRecordingStopped: () => { },
     onError: (error) => { },
   }))
   .build();
@@ -288,8 +283,6 @@
 
 // Layout events
 CometChatCalls.addEventListener("onCallLayoutChanged", (layoutType) => { });
-CometChatCalls.addEventListener("onPictureInPictureLayoutEnabled", () => { });
-CometChatCalls.addEventListener("onPictureInPictureLayoutDisabled", () => { });
 ```
 
 <Note>
@@ -305,9 +298,8 @@
 | `onUserJoined(user)` | `onParticipantJoined(participant)` |
 | `onUserLeft(user)` | `onParticipantLeft(participant)` |
 | `onUserListUpdated(userList)` | `onParticipantListChanged(participants)` |
-| `onAudioModeChanged(list)` | `onAudioModeChanged(audioMode)` |
 | `onUserMuted(info)` | `onParticipantAudioMuted(participant)` |
-| `onRecordingToggled(info)` | `onRecordingStarted` / `onRecordingStopped` |
+| `onRecordingStarted` / `onRecordingStopped` | `onRecordingStarted` / `onRecordingStopped` |
 | `onError(error)` | Errors returned via Promise rejection |
 
 ---
@@ -321,5 +313,3 @@
 | `CometChatCalls.OngoingCallListener` | `CometChatCalls.addEventListener()` |
 | `CometChatCalls.startSession()` | `CometChatCalls.joinSession()` |
 | `CometChatCalls.endSession()` | `CometChatCalls.leaveSession()` |
-| `RTCRecordingInfo` | `onRecordingStarted` / `onRecordingStopped` events |
-| `CallSwitchRequestInfo` | *Removed (no replacement)* |

calls/javascript/nextjs-integration.mdx

@@ -251,7 +251,7 @@ export default function CallScreen({ sessionId, onCallEnd }: CallScreenProps) {
 
   // Control handlers
   const toggleAudio = () => {
-    isMuted ? CometChatCalls.unMuteAudio() : CometChatCalls.muteAudio();
+    isMuted ? CometChatCalls.unmuteAudio() : CometChatCalls.muteAudio();
   };
 
   const toggleVideo = () => {
@@ -517,7 +517,7 @@ export function useCall() {
   }, [CometChatCalls]);
 
   const toggleAudio = useCallback(() => {
-    isMuted ? CometChatCalls?.unMuteAudio() : CometChatCalls?.muteAudio();
+    isMuted ? CometChatCalls?.unmuteAudio() : CometChatCalls?.muteAudio();
   }, [CometChatCalls, isMuted]);
 
   const toggleVideo = useCallback(() => {

calls/javascript/react-integration.mdx

@@ -202,7 +202,7 @@ export default function CallScreen({ sessionId, onCallEnd }) {
 
   // Control handlers
   const toggleAudio = () => {
-    isMuted ? CometChatCalls.unMuteAudio() : CometChatCalls.muteAudio();
+    isMuted ? CometChatCalls.unmuteAudio() : CometChatCalls.muteAudio();
   };
 
   const toggleVideo = () => {
@@ -372,7 +372,7 @@ export function useCall() {
   }, []);
 
   const toggleAudio = useCallback(() => {
-    isMuted ? CometChatCalls.unMuteAudio() : CometChatCalls.muteAudio();
+    isMuted ? CometChatCalls.unmuteAudio() : CometChatCalls.muteAudio();
   }, [isMuted]);
 
   const toggleVideo = useCallback(() => {