[BugFix] Add isCameraOn to CallAdapter state (#2641)

* add isCameraOn to CallAdapter state

* Change files

* Duplicate change files for beta release

* rework logic to remove getState

* Fix up boolean check

* remove console

* add new camera state type

* rename variable

Author: dmceachernmsft

change-beta/@azure-communication-react-b9fe1ef5-9a09-42e3-880c-321dc2611e63.json

@@ -0,0 +1,7 @@
+{
+  "type": "minor",
+  "comment": "Add isCameraOn state to help track camera state in the CallAdapter.",
+  "packageName": "@azure/communication-react",
+  "email": "94866715+dmceachernmsft@users.noreply.github.com",
+  "dependentChangeType": "patch"
+}

change/@azure-communication-react-b9fe1ef5-9a09-42e3-880c-321dc2611e63.json

@@ -0,0 +1,7 @@
+{
+  "type": "minor",
+  "comment": "Add isCameraOn state to help track camera state in the CallAdapter.",
+  "packageName": "@azure/communication-react",
+  "email": "94866715+dmceachernmsft@users.noreply.github.com",
+  "dependentChangeType": "patch"
+}

packages/communication-react/review/beta/communication-react.api.md

@@ -303,6 +303,7 @@ export type CallAdapterClientState = {
     alternateCallerId?: string;
     environmentInfo?: EnvironmentInfo;
     roleHint?: Role;
+    cameraStatus?: 'On' | 'Off';
 };
 
 // @public

packages/communication-react/review/stable/communication-react.api.md

@@ -208,6 +208,7 @@ export type CallAdapterClientState = {
     endedCall?: CallState;
     isTeamsCall: boolean;
     latestErrors: AdapterErrors;
+    cameraStatus?: 'On' | 'Off';
 };
 
 // @public

packages/react-composites/review/beta/react-composites.api.md

@@ -202,6 +202,7 @@ export type CallAdapterClientState = {
     alternateCallerId?: string;
     environmentInfo?: EnvironmentInfo;
     roleHint?: Role;
+    cameraStatus?: 'On' | 'Off';
 };
 
 // @public

packages/react-composites/review/stable/react-composites.api.md

@@ -158,6 +158,7 @@ export type CallAdapterClientState = {
     endedCall?: CallState;
     isTeamsCall: boolean;
     latestErrors: AdapterErrors;
+    cameraStatus?: 'On' | 'Off';
 };
 
 // @public

packages/react-composites/src/composites/CallComposite/adapter/AzureCommunicationCallAdapter.ts

@@ -105,7 +105,8 @@ class CallContext {
       /* @conditional-compile-remove(PSTN-calls) */ alternateCallerId: clientState.alternateCallerId,
       /* @conditional-compile-remove(unsupported-browser) */ environmentInfo: clientState.environmentInfo,
       /* @conditional-compile-remove(unsupported-browser) */ unsupportedBrowserVersionsAllowed: false,
-      /* @conditional-compile-remove(rooms) */ roleHint: options?.roleHint
+      /* @conditional-compile-remove(rooms) */ roleHint: options?.roleHint,
+      cameraStatus: undefined
     };
     this.emitter.setMaxListeners(options?.maxListeners ?? 50);
     this.bindPublicMethods();
@@ -182,7 +183,12 @@ class CallContext {
         page: newPage,
         endedCall: latestEndedCall,
         devices: clientState.deviceManager,
-        latestErrors: clientState.latestErrors
+        latestErrors: clientState.latestErrors,
+        cameraStatus:
+          call?.localVideoStreams.find((s) => s.mediaStreamType === 'Video') ||
+          clientState.deviceManager.unparentedViews.find((s) => s.mediaStreamType === 'Video')
+            ? 'On'
+            : 'Off'
       });
     }
   }

packages/react-composites/src/composites/CallComposite/adapter/CallAdapter.ts

@@ -107,6 +107,11 @@ export type CallAdapterClientState = {
    * {@link CallComposite}. The true role of the user will be synced with ACS services when a Rooms call starts.
    */
   roleHint?: Role;
+  /**
+   * State to track whether the local participant's camera is on. To be used when creating a custom
+   * control bar with the CallComposite.
+   */
+  cameraStatus?: 'On' | 'Off';
 };
 
 /**

packages/react-composites/src/composites/CallWithChatComposite/adapter/CallWithChatTypeAssertions.ts

@@ -91,6 +91,7 @@ type CallWithChatClientStateInternal = Omit<
   | /* @conditional-compile-remove(PSTN-calls) */ 'alternateCallerId'
   | /* @conditional-compile-remove(unsupported-browser) */ 'features'
   | /* @conditional-compile-remove(rooms) */ 'roleHint'
+  | 'cameraStatus'
 >;
 
 const CallWithChatClientStateTypeAssertion = (value: CallWithChatClientState): CallWithChatClientStateInternal => value;