[TDL bug fix] Camera bad state in lobby page (#3876)

* dispose unparented view on lobby or connected

* Change files

* Duplicate change files for beta release

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

Co-authored-by: James Burnside <2684369+JamesBurnside@users.noreply.github.com>
Signed-off-by: Donald McEachern <94866715+dmceachernmsft@users.noreply.github.com>

* fix lint

---------

Signed-off-by: Donald McEachern <94866715+dmceachernmsft@users.noreply.github.com>
Co-authored-by: James Burnside <2684369+JamesBurnside@users.noreply.github.com>

Author: dmceachernmsft

change-beta/@azure-communication-react-513a11f3-2869-4965-a57e-a7bf2c0ae0ba.json

@@ -0,0 +1,9 @@
+{
+  "type": "patch",
+  "area": "fix",
+  "workstream": "Bug fix",
+  "comment": "Dispose of the unparented views when we hit a state that has us actually in a call",
+  "packageName": "@azure/communication-react",
+  "email": "94866715+dmceachernmsft@users.noreply.github.com",
+  "dependentChangeType": "patch"
+}

change/@azure-communication-react-513a11f3-2869-4965-a57e-a7bf2c0ae0ba.json

@@ -0,0 +1,9 @@
+{
+  "type": "patch",
+  "area": "fix",
+  "workstream": "Bug fix",
+  "comment": "Dispose of the unparented views when we hit a state that has us actually in a call",
+  "packageName": "@azure/communication-react",
+  "email": "94866715+dmceachernmsft@users.noreply.github.com",
+  "dependentChangeType": "patch"
+}

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

@@ -409,6 +409,16 @@ export class AzureCommunicationCallAdapter<AgentType extends CallAgent | BetaTea
         this.context.setCurrentCallId(this.call.id);
       }
 
+      // If the call connects we need to clean up any previous unparentedViews
+      if (
+        (this.call?.state === 'InLobby' || this.call?.state === 'Connected') &&
+        this.callClient.getState().deviceManager.unparentedViews.length > 0
+      ) {
+        this.callClient.getState().deviceManager.unparentedViews.forEach((view) => {
+          this.callClient.disposeView(undefined, undefined, view);
+        });
+      }
+
       this.context.updateClientState(clientState);
 
       /* @conditional-compile-remove(call-transfer) */