[Calling sounds] Fix issue where ringing sound keeps playing on the disconnecting screen (#3889)

* stop ringing when disconnecting

* Change files

* Duplicate change files for beta release

* update helper to be for whether to play ringing or not

Author: dmceachernmsft

change-beta/@azure-communication-react-2472da6c-81f7-4edd-b8a6-37a9fba9a904.json

@@ -0,0 +1,9 @@
+{
+  "type": "prerelease",
+  "area": "fix",
+  "workstream": "Calling Sounds",
+  "comment": "Stop the ringing sound from playing when the call disconnects before the callee answers",
+  "packageName": "@azure/communication-react",
+  "email": "94866715+dmceachernmsft@users.noreply.github.com",
+  "dependentChangeType": "patch"
+}

change/@azure-communication-react-2472da6c-81f7-4edd-b8a6-37a9fba9a904.json

@@ -0,0 +1,9 @@
+{
+  "type": "prerelease",
+  "area": "fix",
+  "workstream": "Calling Sounds",
+  "comment": "Stop the ringing sound from playing when the call disconnects before the callee answers",
+  "packageName": "@azure/communication-react",
+  "email": "94866715+dmceachernmsft@users.noreply.github.com",
+  "dependentChangeType": "patch"
+}

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

@@ -34,14 +34,11 @@ export class CallingSoundSubscriber {
 
   private onCallStateChanged = (): void => {
     this.call.on('stateChanged', () => {
-      if (isPSTNCall(this.call, this.callee) && this.soundsLoaded?.callRingingSound) {
+      if (shouldPlayRinging(this.call, this.callee) && this.soundsLoaded?.callRingingSound) {
         this.soundsLoaded.callRingingSound.loop = true;
         this.playSound(this.soundsLoaded.callRingingSound);
       }
-      if (
-        (this.call.state === 'Connected' || this.call.state === 'Disconnected') &&
-        this.soundsLoaded?.callRingingSound
-      ) {
+      if (!shouldPlayRinging(this.call, this.callee) && this.soundsLoaded?.callRingingSound) {
         this.soundsLoaded.callRingingSound.loop = false;
         this.soundsLoaded.callRingingSound.pause();
       }
@@ -100,7 +97,7 @@ export class CallingSoundSubscriber {
  * Helper function to allow the calling sound subscriber to determine when to play the ringing
  * sound when making an outbound call.
  */
-const isPSTNCall = (call: CallCommon, callee?: CommunicationIdentifier[]): boolean => {
+const shouldPlayRinging = (call: CallCommon, callee?: CommunicationIdentifier[]): boolean => {
   /* @conditional-compile-remove(calling-sounds) */
   if (
     callee &&