@azure/communication-react 1.17.0-beta.1 → 1.18.0-alpha-202406080014

package/dist/dist-esm/calling-component-bindings/src/errorBarSelector.js

@@ -36,108 +36,75 @@ export const errorBarSelector = createSelector([getLatestErrors, getDiagnostics,
         return false;
     };
     // Errors reported via diagnostics are more reliable than from API method failures, so process those first.
-    if (((_a = diagnostics === null || diagnostics === void 0 ? void 0 : diagnostics.network.latest.networkReceiveQuality) === null || _a === void 0 ? void 0 : _a.value) === DiagnosticQuality.Bad || ((_b = diagnostics === null || diagnostics === void 0 ? void 0 : diagnostics.network.latest.networkReceiveQuality) === null || _b === void 0 ? void 0 : _b.value) === DiagnosticQuality.Poor) {
-        activeErrorMessages.push({
-            type: 'callNetworkQualityLow'
-        });
+    if (((_a = diagnostics === null || diagnostics === void 0 ? void 0 : diagnostics.network.latest.networkReceiveQuality) === null || _a === void 0 ? void 0 : _a.value) === DiagnosticQuality.Bad ||
+        ((_b = diagnostics === null || diagnostics === void 0 ? void 0 : diagnostics.network.latest.networkReceiveQuality) === null || _b === void 0 ? void 0 : _b.value) === DiagnosticQuality.Poor) {
+        activeErrorMessages.push({ type: 'callNetworkQualityLow' });
     }
     if (((_c = diagnostics === null || diagnostics === void 0 ? void 0 : diagnostics.media.latest.noSpeakerDevicesEnumerated) === null || _c === void 0 ? void 0 : _c.value) === true) {
-        activeErrorMessages.push({
-            type: 'callNoSpeakerFound'
-        });
+        activeErrorMessages.push({ type: 'callNoSpeakerFound' });
     }
     if (((_d = diagnostics === null || diagnostics === void 0 ? void 0 : diagnostics.media.latest.noMicrophoneDevicesEnumerated) === null || _d === void 0 ? void 0 : _d.value) === true) {
-        activeErrorMessages.push({
-            type: 'callNoMicrophoneFound'
-        });
+        activeErrorMessages.push({ type: 'callNoMicrophoneFound' });
     }
     if (((_e = deviceManager.deviceAccess) === null || _e === void 0 ? void 0 : _e.audio) === false && isSafari()) {
-        activeErrorMessages.push({
-            type: 'callMicrophoneAccessDeniedSafari'
-        });
+        activeErrorMessages.push({ type: 'callMicrophoneAccessDeniedSafari' });
     }
     if (((_f = deviceManager.deviceAccess) === null || _f === void 0 ? void 0 : _f.audio) === false && !isSafari()) {
-        activeErrorMessages.push({
-            type: 'callMicrophoneAccessDenied'
-        });
+        activeErrorMessages.push({ type: 'callMicrophoneAccessDenied' });
     }
     if (((_g = diagnostics === null || diagnostics === void 0 ? void 0 : diagnostics.media.latest.microphonePermissionDenied) === null || _g === void 0 ? void 0 : _g.value) === true && isMacOS()) {
-        activeErrorMessages.push({
-            type: 'callMacOsMicrophoneAccessDenied'
-        });
+        activeErrorMessages.push({ type: 'callMacOsMicrophoneAccessDenied' });
     }
     else if (((_h = diagnostics === null || diagnostics === void 0 ? void 0 : diagnostics.media.latest.microphonePermissionDenied) === null || _h === void 0 ? void 0 : _h.value) === true) {
-        activeErrorMessages.push({
-            type: 'callMicrophoneAccessDenied'
-        });
+        activeErrorMessages.push({ type: 'callMicrophoneAccessDenied' });
     }
     const microphoneMuteUnexpectedlyDiagnostic = (diagnostics === null || diagnostics === void 0 ? void 0 : diagnostics.media.latest.microphoneMuteUnexpectedly) || (diagnostics === null || diagnostics === void 0 ? void 0 : diagnostics.media.latest.microphoneNotFunctioning);
     if (microphoneMuteUnexpectedlyDiagnostic) {
         if (microphoneMuteUnexpectedlyDiagnostic.value === DiagnosticQuality.Bad) {
             // Inform the user that microphone stopped working and inform them to start microphone again
-            activeErrorMessages.push({
-                type: 'callMicrophoneMutedBySystem'
-            });
+            activeErrorMessages.push({ type: 'callMicrophoneMutedBySystem' });
         }
         else if (microphoneMuteUnexpectedlyDiagnostic.value === DiagnosticQuality.Good) {
             // Inform the user that microphone recovered
-            activeErrorMessages.push({
-                type: 'callMicrophoneUnmutedBySystem'
-            });
+            activeErrorMessages.push({ type: 'callMicrophoneUnmutedBySystem' });
         }
     }
     const cameraStoppedUnexpectedlyDiagnostic = diagnostics === null || diagnostics === void 0 ? void 0 : diagnostics.media.latest.cameraStoppedUnexpectedly;
     if (cameraStoppedUnexpectedlyDiagnostic) {
         if (cameraStoppedUnexpectedlyDiagnostic.value === DiagnosticQuality.Bad) {
             // Inform the user that camera stopped working and inform them to start video again
-            activeErrorMessages.push({
-                type: 'callVideoStoppedBySystem'
-            });
+            activeErrorMessages.push({ type: 'callVideoStoppedBySystem' });
         }
         else if (cameraStoppedUnexpectedlyDiagnostic.value === DiagnosticQuality.Good) {
             // Inform the user that camera recovered
-            activeErrorMessages.push({
-                type: 'callVideoRecoveredBySystem'
-            });
+            activeErrorMessages.push({ type: 'callVideoRecoveredBySystem' });
         }
     }
     if (((_j = deviceManager.deviceAccess) === null || _j === void 0 ? void 0 : _j.video) === false && isSafari()) {
-        activeErrorMessages.push({
-            type: 'callCameraAccessDeniedSafari'
-        });
+        activeErrorMessages.push({ type: 'callCameraAccessDeniedSafari' });
     }
     else if (((_k = deviceManager.deviceAccess) === null || _k === void 0 ? void 0 : _k.video) === false) {
-        activeErrorMessages.push({
-            type: 'callCameraAccessDenied'
-        });
+        activeErrorMessages.push({ type: 'callCameraAccessDenied' });
     }
     else {
         if (((_l = diagnostics === null || diagnostics === void 0 ? void 0 : diagnostics.media.latest.cameraFreeze) === null || _l === void 0 ? void 0 : _l.value) === true) {
-            activeErrorMessages.push({
-                type: 'cameraFrozenForRemoteParticipants'
-            });
+            activeErrorMessages.push({ type: 'cameraFrozenForRemoteParticipants' });
         }
     }
     /**
      * show the Mac specific strings if the platform is detected as mac
      */
     if (((_m = diagnostics === null || diagnostics === void 0 ? void 0 : diagnostics.media.latest.cameraPermissionDenied) === null || _m === void 0 ? void 0 : _m.value) === true && isMacOS()) {
-        activeErrorMessages.push({
-            type: 'callMacOsCameraAccessDenied'
-        });
+        activeErrorMessages.push({ type: 'callMacOsCameraAccessDenied' });
     }
     /**
      * This UFD only works on mac still so we should only see it fire on mac.
      */
     if (((_o = diagnostics === null || diagnostics === void 0 ? void 0 : diagnostics.media.latest.screenshareRecordingDisabled) === null || _o === void 0 ? void 0 : _o.value) === true && isMacOS()) {
-        activeErrorMessages.push({
-            type: 'callMacOsScreenShareAccessDenied'
-        });
+        activeErrorMessages.push({ type: 'callMacOsScreenShareAccessDenied' });
     }
     else if (((_p = diagnostics === null || diagnostics === void 0 ? void 0 : diagnostics.media.latest.screenshareRecordingDisabled) === null || _p === void 0 ? void 0 : _p.value) === true) {
-        activeErrorMessages.push({
-            type: 'startScreenShareGeneric'
-        });
+        activeErrorMessages.push({ type: 'startScreenShareGeneric' });
     }
     // Prefer to show errors with privacy implications.
     appendActiveErrorIfDefined(activeErrorMessages, latestErrors, 'Call.stopVideo', 'stopVideoGeneric');
@@ -160,15 +127,12 @@ export const errorBarSelector = createSelector([getLatestErrors, getDiagnostics,
     else {
         appendActiveErrorIfDefined(activeErrorMessages, latestErrors, 'CallAgent.join', 'failedToJoinCallGeneric');
     }
-    /* @conditional-compile-remove(spotlight) */
     if ((_t = latestErrors['Call.feature']) === null || _t === void 0 ? void 0 : _t.message.match(/Call\.feature: startSpotlight failed\. \d+ is the max number of participants that can be Spotlighted/g)) {
         appendActiveErrorIfDefined(activeErrorMessages, latestErrors, 'Call.feature', 'startSpotlightWhileMaxParticipantsAreSpotlighted');
     }
     // We only return the first few errors to avoid filling up the UI with too many `MessageBar`s.
     activeErrorMessages.splice(maxErrorCount);
-    return {
-        activeErrorMessages: activeErrorMessages
-    };
+    return { activeErrorMessages: activeErrorMessages };
 });
 const appendActiveErrorIfDefined = (activeErrorMessages, latestErrors, target, activeErrorType) => {
     if (latestErrors[target] === undefined) {

package/dist/dist-esm/calling-component-bindings/src/errorBarSelector.js.map

@@ -1 +1 @@
-{"version":3,"file":"errorBarSelector.js","sourceRoot":"","sources":["../../../../preprocess-dist/calling-component-bindings/src/errorBarSelector.ts"],"names":[],"mappings":"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","sourcesContent":["// Copyright (c) Microsoft Corporation.\n// Licensed under the MIT License.\n\nimport { CallingBaseSelectorProps, getDeviceManager, getDiagnostics, getLatestErrors, getEnvironmentInfo } from './baseSelectors';\nimport { ActiveErrorMessage, ErrorType } from '@internal/react-components';\nimport { createSelector } from 'reselect';\nimport { CallClientState, CallErrors, CallErrorTarget } from '@internal/calling-stateful-client';\nimport { DiagnosticQuality } from '@azure/communication-calling';\n/**\n * Selector type for {@link ErrorBar} component.\n *\n * @public\n */\nexport type ErrorBarSelector = (state: CallClientState, props: CallingBaseSelectorProps) => {\n  activeErrorMessages: ActiveErrorMessage[];\n};\n\n/**\n * Select the first 3 active errors from the state for the `ErrorBar` component.\n *\n * In case there are many errors, only the first three errors are returned to avoid\n * filling up the UI with too many errors.\n *\n * Invariants:\n *   - `ErrorType` is never repeated in the returned errors.\n *   - Errors are returned in a fixed order by `ErrorType`.\n *\n * @public\n */\nexport const errorBarSelector: ErrorBarSelector = createSelector([getLatestErrors, getDiagnostics, getDeviceManager, getEnvironmentInfo], (latestErrors: CallErrors, diagnostics, deviceManager, environmentInfo): {\n  activeErrorMessages: ActiveErrorMessage[];\n} => {\n  // The order in which the errors are returned is significant: The `ErrorBar` shows errors on the UI in that order.\n  // There are several options for the ordering:\n  //   - Sorted by when the errors happened (latest first / oldest first).\n  //   - Stable sort by error type.\n  //\n  // We chose to stable sort by error type: We intend to show only a small number of errors on the UI and we do not\n  // have timestamps for errors.\n  const activeErrorMessages: ActiveErrorMessage[] = [];\n  const isSafari = (): boolean => {\n    /* @conditional-compile-remove(calling-environment-info) */\n    return environmentInfo?.environment.browser === 'safari';\n    return /^((?!chrome|android|crios|fxios).)*safari/i.test(navigator.userAgent);\n  };\n  const isMacOS = (): boolean => {\n    /* @conditional-compile-remove(calling-environment-info) */\n    return environmentInfo?.environment.platform === 'mac';\n    return false;\n  };\n\n  // Errors reported via diagnostics are more reliable than from API method failures, so process those first.\n  if (diagnostics?.network.latest.networkReceiveQuality?.value === DiagnosticQuality.Bad || diagnostics?.network.latest.networkReceiveQuality?.value === DiagnosticQuality.Poor) {\n    activeErrorMessages.push({\n      type: 'callNetworkQualityLow'\n    });\n  }\n  if (diagnostics?.media.latest.noSpeakerDevicesEnumerated?.value === true) {\n    activeErrorMessages.push({\n      type: 'callNoSpeakerFound'\n    });\n  }\n  if (diagnostics?.media.latest.noMicrophoneDevicesEnumerated?.value === true) {\n    activeErrorMessages.push({\n      type: 'callNoMicrophoneFound'\n    });\n  }\n  if (deviceManager.deviceAccess?.audio === false && isSafari()) {\n    activeErrorMessages.push({\n      type: 'callMicrophoneAccessDeniedSafari'\n    });\n  }\n  if (deviceManager.deviceAccess?.audio === false && !isSafari()) {\n    activeErrorMessages.push({\n      type: 'callMicrophoneAccessDenied'\n    });\n  }\n  if (diagnostics?.media.latest.microphonePermissionDenied?.value === true && isMacOS()) {\n    activeErrorMessages.push({\n      type: 'callMacOsMicrophoneAccessDenied'\n    });\n  } else if (diagnostics?.media.latest.microphonePermissionDenied?.value === true) {\n    activeErrorMessages.push({\n      type: 'callMicrophoneAccessDenied'\n    });\n  }\n  const microphoneMuteUnexpectedlyDiagnostic = diagnostics?.media.latest.microphoneMuteUnexpectedly || diagnostics?.media.latest.microphoneNotFunctioning;\n  if (microphoneMuteUnexpectedlyDiagnostic) {\n    if (microphoneMuteUnexpectedlyDiagnostic.value === DiagnosticQuality.Bad) {\n      // Inform the user that microphone stopped working and inform them to start microphone again\n      activeErrorMessages.push({\n        type: 'callMicrophoneMutedBySystem'\n      });\n    } else if (microphoneMuteUnexpectedlyDiagnostic.value === DiagnosticQuality.Good) {\n      // Inform the user that microphone recovered\n      activeErrorMessages.push({\n        type: 'callMicrophoneUnmutedBySystem'\n      });\n    }\n  }\n  const cameraStoppedUnexpectedlyDiagnostic = diagnostics?.media.latest.cameraStoppedUnexpectedly;\n  if (cameraStoppedUnexpectedlyDiagnostic) {\n    if (cameraStoppedUnexpectedlyDiagnostic.value === DiagnosticQuality.Bad) {\n      // Inform the user that camera stopped working and inform them to start video again\n      activeErrorMessages.push({\n        type: 'callVideoStoppedBySystem'\n      });\n    } else if (cameraStoppedUnexpectedlyDiagnostic.value === DiagnosticQuality.Good) {\n      // Inform the user that camera recovered\n      activeErrorMessages.push({\n        type: 'callVideoRecoveredBySystem'\n      });\n    }\n  }\n  if (deviceManager.deviceAccess?.video === false && isSafari()) {\n    activeErrorMessages.push({\n      type: 'callCameraAccessDeniedSafari'\n    });\n  } else if (deviceManager.deviceAccess?.video === false) {\n    activeErrorMessages.push({\n      type: 'callCameraAccessDenied'\n    });\n  } else {\n    if (diagnostics?.media.latest.cameraFreeze?.value === true) {\n      activeErrorMessages.push({\n        type: 'cameraFrozenForRemoteParticipants'\n      });\n    }\n  }\n\n  /**\n   * show the Mac specific strings if the platform is detected as mac\n   */\n  if (diagnostics?.media.latest.cameraPermissionDenied?.value === true && isMacOS()) {\n    activeErrorMessages.push({\n      type: 'callMacOsCameraAccessDenied'\n    });\n  }\n\n  /**\n   * This UFD only works on mac still so we should only see it fire on mac.\n   */\n  if (diagnostics?.media.latest.screenshareRecordingDisabled?.value === true && isMacOS()) {\n    activeErrorMessages.push({\n      type: 'callMacOsScreenShareAccessDenied'\n    });\n  } else if (diagnostics?.media.latest.screenshareRecordingDisabled?.value === true) {\n    activeErrorMessages.push({\n      type: 'startScreenShareGeneric'\n    });\n  }\n\n  // Prefer to show errors with privacy implications.\n  appendActiveErrorIfDefined(activeErrorMessages, latestErrors, 'Call.stopVideo', 'stopVideoGeneric');\n  appendActiveErrorIfDefined(activeErrorMessages, latestErrors, 'Call.mute', 'muteGeneric');\n  appendActiveErrorIfDefined(activeErrorMessages, latestErrors, 'Call.stopScreenSharing', 'stopScreenShareGeneric');\n  if (latestErrors['Call.startVideo']?.message === 'Call.startVideo: Video operation failure SourceUnavailableError') {\n    appendActiveErrorIfDefined(activeErrorMessages, latestErrors, 'Call.startVideo', 'callCameraAlreadyInUse');\n  } else if (latestErrors['Call.startVideo']?.message === 'Call.startVideo: Video operation failure permissionDeniedError') {\n    appendActiveErrorIfDefined(activeErrorMessages, latestErrors, 'Call.startVideo', 'callCameraAccessDenied');\n  } else {\n    appendActiveErrorIfDefined(activeErrorMessages, latestErrors, 'Call.startVideo', 'startVideoGeneric');\n  }\n  appendActiveErrorIfDefined(activeErrorMessages, latestErrors, 'Call.unmute', 'unmuteGeneric');\n  appendActiveErrorIfDefined(activeErrorMessages, latestErrors, 'VideoEffectsFeature.startEffects', 'unableToStartVideoEffect');\n  if (latestErrors['CallAgent.join']?.message === 'CallAgent.join: Invalid meeting link') {\n    appendActiveErrorIfDefined(activeErrorMessages, latestErrors, 'CallAgent.join', 'failedToJoinCallInvalidMeetingLink');\n  } else {\n    appendActiveErrorIfDefined(activeErrorMessages, latestErrors, 'CallAgent.join', 'failedToJoinCallGeneric');\n  }\n\n  /* @conditional-compile-remove(spotlight) */\n  if (latestErrors['Call.feature']?.message.match(/Call\\.feature: startSpotlight failed\\. \\d+ is the max number of participants that can be Spotlighted/g)) {\n    appendActiveErrorIfDefined(activeErrorMessages, latestErrors, 'Call.feature', 'startSpotlightWhileMaxParticipantsAreSpotlighted');\n  }\n\n  // We only return the first few errors to avoid filling up the UI with too many `MessageBar`s.\n  activeErrorMessages.splice(maxErrorCount);\n  return {\n    activeErrorMessages: activeErrorMessages\n  };\n});\nconst appendActiveErrorIfDefined = (activeErrorMessages: ActiveErrorMessage[], latestErrors: CallErrors, target: CallErrorTarget, activeErrorType: ErrorType): void => {\n  if (latestErrors[target] === undefined) {\n    return;\n  }\n  activeErrorMessages.push({\n    type: activeErrorType,\n    timestamp: latestErrors[target].timestamp\n  });\n};\nconst maxErrorCount = 3;"]}
+{"version":3,"file":"errorBarSelector.js","sourceRoot":"","sources":["../../../../../calling-component-bindings/src/errorBarSelector.ts"],"names":[],"mappings":"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","sourcesContent":["// Copyright (c) Microsoft Corporation.\n// Licensed under the MIT License.\n\nimport {\n  CallingBaseSelectorProps,\n  getDeviceManager,\n  getDiagnostics,\n  getLatestErrors,\n  getEnvironmentInfo\n} from './baseSelectors';\nimport { ActiveErrorMessage, ErrorType } from '@internal/react-components';\nimport { createSelector } from 'reselect';\nimport { CallClientState, CallErrors, CallErrorTarget } from '@internal/calling-stateful-client';\nimport { DiagnosticQuality } from '@azure/communication-calling';\n/**\n * Selector type for {@link ErrorBar} component.\n *\n * @public\n */\nexport type ErrorBarSelector = (\n  state: CallClientState,\n  props: CallingBaseSelectorProps\n) => {\n  activeErrorMessages: ActiveErrorMessage[];\n};\n\n/**\n * Select the first 3 active errors from the state for the `ErrorBar` component.\n *\n * In case there are many errors, only the first three errors are returned to avoid\n * filling up the UI with too many errors.\n *\n * Invariants:\n *   - `ErrorType` is never repeated in the returned errors.\n *   - Errors are returned in a fixed order by `ErrorType`.\n *\n * @public\n */\nexport const errorBarSelector: ErrorBarSelector = createSelector(\n  [getLatestErrors, getDiagnostics, getDeviceManager, getEnvironmentInfo],\n  (\n    latestErrors: CallErrors,\n    diagnostics,\n    deviceManager,\n    environmentInfo\n  ): { activeErrorMessages: ActiveErrorMessage[] } => {\n    // The order in which the errors are returned is significant: The `ErrorBar` shows errors on the UI in that order.\n    // There are several options for the ordering:\n    //   - Sorted by when the errors happened (latest first / oldest first).\n    //   - Stable sort by error type.\n    //\n    // We chose to stable sort by error type: We intend to show only a small number of errors on the UI and we do not\n    // have timestamps for errors.\n    const activeErrorMessages: ActiveErrorMessage[] = [];\n\n    const isSafari = (): boolean => {\n      /* @conditional-compile-remove(calling-environment-info) */\n      return environmentInfo?.environment.browser === 'safari';\n      return /^((?!chrome|android|crios|fxios).)*safari/i.test(navigator.userAgent);\n    };\n\n    const isMacOS = (): boolean => {\n      /* @conditional-compile-remove(calling-environment-info) */\n      return environmentInfo?.environment.platform === 'mac';\n      return false;\n    };\n\n    // Errors reported via diagnostics are more reliable than from API method failures, so process those first.\n    if (\n      diagnostics?.network.latest.networkReceiveQuality?.value === DiagnosticQuality.Bad ||\n      diagnostics?.network.latest.networkReceiveQuality?.value === DiagnosticQuality.Poor\n    ) {\n      activeErrorMessages.push({ type: 'callNetworkQualityLow' });\n    }\n    if (diagnostics?.media.latest.noSpeakerDevicesEnumerated?.value === true) {\n      activeErrorMessages.push({ type: 'callNoSpeakerFound' });\n    }\n    if (diagnostics?.media.latest.noMicrophoneDevicesEnumerated?.value === true) {\n      activeErrorMessages.push({ type: 'callNoMicrophoneFound' });\n    }\n    if (deviceManager.deviceAccess?.audio === false && isSafari()) {\n      activeErrorMessages.push({ type: 'callMicrophoneAccessDeniedSafari' });\n    }\n    if (deviceManager.deviceAccess?.audio === false && !isSafari()) {\n      activeErrorMessages.push({ type: 'callMicrophoneAccessDenied' });\n    }\n\n    if (diagnostics?.media.latest.microphonePermissionDenied?.value === true && isMacOS()) {\n      activeErrorMessages.push({ type: 'callMacOsMicrophoneAccessDenied' });\n    } else if (diagnostics?.media.latest.microphonePermissionDenied?.value === true) {\n      activeErrorMessages.push({ type: 'callMicrophoneAccessDenied' });\n    }\n\n    const microphoneMuteUnexpectedlyDiagnostic =\n      diagnostics?.media.latest.microphoneMuteUnexpectedly || diagnostics?.media.latest.microphoneNotFunctioning;\n    if (microphoneMuteUnexpectedlyDiagnostic) {\n      if (microphoneMuteUnexpectedlyDiagnostic.value === DiagnosticQuality.Bad) {\n        // Inform the user that microphone stopped working and inform them to start microphone again\n        activeErrorMessages.push({ type: 'callMicrophoneMutedBySystem' });\n      } else if (microphoneMuteUnexpectedlyDiagnostic.value === DiagnosticQuality.Good) {\n        // Inform the user that microphone recovered\n        activeErrorMessages.push({ type: 'callMicrophoneUnmutedBySystem' });\n      }\n    }\n\n    const cameraStoppedUnexpectedlyDiagnostic = diagnostics?.media.latest.cameraStoppedUnexpectedly;\n    if (cameraStoppedUnexpectedlyDiagnostic) {\n      if (cameraStoppedUnexpectedlyDiagnostic.value === DiagnosticQuality.Bad) {\n        // Inform the user that camera stopped working and inform them to start video again\n        activeErrorMessages.push({ type: 'callVideoStoppedBySystem' });\n      } else if (cameraStoppedUnexpectedlyDiagnostic.value === DiagnosticQuality.Good) {\n        // Inform the user that camera recovered\n        activeErrorMessages.push({ type: 'callVideoRecoveredBySystem' });\n      }\n    }\n    if (deviceManager.deviceAccess?.video === false && isSafari()) {\n      activeErrorMessages.push({ type: 'callCameraAccessDeniedSafari' });\n    } else if (deviceManager.deviceAccess?.video === false) {\n      activeErrorMessages.push({ type: 'callCameraAccessDenied' });\n    } else {\n      if (diagnostics?.media.latest.cameraFreeze?.value === true) {\n        activeErrorMessages.push({ type: 'cameraFrozenForRemoteParticipants' });\n      }\n    }\n\n    /**\n     * show the Mac specific strings if the platform is detected as mac\n     */\n    if (diagnostics?.media.latest.cameraPermissionDenied?.value === true && isMacOS()) {\n      activeErrorMessages.push({ type: 'callMacOsCameraAccessDenied' });\n    }\n\n    /**\n     * This UFD only works on mac still so we should only see it fire on mac.\n     */\n    if (diagnostics?.media.latest.screenshareRecordingDisabled?.value === true && isMacOS()) {\n      activeErrorMessages.push({ type: 'callMacOsScreenShareAccessDenied' });\n    } else if (diagnostics?.media.latest.screenshareRecordingDisabled?.value === true) {\n      activeErrorMessages.push({ type: 'startScreenShareGeneric' });\n    }\n\n    // Prefer to show errors with privacy implications.\n    appendActiveErrorIfDefined(activeErrorMessages, latestErrors, 'Call.stopVideo', 'stopVideoGeneric');\n    appendActiveErrorIfDefined(activeErrorMessages, latestErrors, 'Call.mute', 'muteGeneric');\n    appendActiveErrorIfDefined(activeErrorMessages, latestErrors, 'Call.stopScreenSharing', 'stopScreenShareGeneric');\n\n    if (\n      latestErrors['Call.startVideo']?.message === 'Call.startVideo: Video operation failure SourceUnavailableError'\n    ) {\n      appendActiveErrorIfDefined(activeErrorMessages, latestErrors, 'Call.startVideo', 'callCameraAlreadyInUse');\n    } else if (\n      latestErrors['Call.startVideo']?.message === 'Call.startVideo: Video operation failure permissionDeniedError'\n    ) {\n      appendActiveErrorIfDefined(activeErrorMessages, latestErrors, 'Call.startVideo', 'callCameraAccessDenied');\n    } else {\n      appendActiveErrorIfDefined(activeErrorMessages, latestErrors, 'Call.startVideo', 'startVideoGeneric');\n    }\n\n    appendActiveErrorIfDefined(activeErrorMessages, latestErrors, 'Call.unmute', 'unmuteGeneric');\n\n    appendActiveErrorIfDefined(\n      activeErrorMessages,\n      latestErrors,\n      'VideoEffectsFeature.startEffects',\n      'unableToStartVideoEffect'\n    );\n\n    if (latestErrors['CallAgent.join']?.message === 'CallAgent.join: Invalid meeting link') {\n      appendActiveErrorIfDefined(\n        activeErrorMessages,\n        latestErrors,\n        'CallAgent.join',\n        'failedToJoinCallInvalidMeetingLink'\n      );\n    } else {\n      appendActiveErrorIfDefined(activeErrorMessages, latestErrors, 'CallAgent.join', 'failedToJoinCallGeneric');\n    }\n\n    if (\n      latestErrors['Call.feature']?.message.match(\n        /Call\\.feature: startSpotlight failed\\. \\d+ is the max number of participants that can be Spotlighted/g\n      )\n    ) {\n      appendActiveErrorIfDefined(\n        activeErrorMessages,\n        latestErrors,\n        'Call.feature',\n        'startSpotlightWhileMaxParticipantsAreSpotlighted'\n      );\n    }\n\n    // We only return the first few errors to avoid filling up the UI with too many `MessageBar`s.\n    activeErrorMessages.splice(maxErrorCount);\n    return { activeErrorMessages: activeErrorMessages };\n  }\n);\n\nconst appendActiveErrorIfDefined = (\n  activeErrorMessages: ActiveErrorMessage[],\n  latestErrors: CallErrors,\n  target: CallErrorTarget,\n  activeErrorType: ErrorType\n): void => {\n  if (latestErrors[target] === undefined) {\n    return;\n  }\n  activeErrorMessages.push({\n    type: activeErrorType,\n    timestamp: latestErrors[target].timestamp\n  });\n};\n\nconst maxErrorCount = 3;\n"]}

package/dist/dist-esm/calling-component-bindings/src/getRemoteParticipantsExcludingConsumers.js

@@ -8,7 +8,7 @@ import { getRemoteParticipants } from './baseSelectors';
 export const getRemoteParticipantsExcludingConsumers = createSelector([getRemoteParticipants], (remoteParticipants) => {
     {
         const newRemoteParticipants = Object.assign({}, remoteParticipants);
-        Object.keys(newRemoteParticipants).forEach(k => {
+        Object.keys(newRemoteParticipants).forEach((k) => {
             if (newRemoteParticipants[k].role === 'Consumer') {
                 delete newRemoteParticipants[k];
             }

package/dist/dist-esm/calling-component-bindings/src/getRemoteParticipantsExcludingConsumers.js.map

@@ -1 +1 @@
-{"version":3,"file":"getRemoteParticipantsExcludingConsumers.js","sourceRoot":"","sources":["../../../../preprocess-dist/calling-component-bindings/src/getRemoteParticipantsExcludingConsumers.ts"],"names":[],"mappings":"AAAA,uCAAuC;AACvC,kCAAkC;AAElC,OAAO,EAAE,cAAc,EAAE,MAAM,UAAU,CAAC;AAC1C,OAAO,EAAE,qBAAqB,EAAE,MAAM,iBAAiB,CAAC;AAGxD;;GAEG;AACH,MAAM,CAAC,MAAM,uCAAuC,GAAG,cAAc,CAAC,CAAC,qBAAqB,CAAC,EAAE,CAAC,kBAAkB,EAEpG,EAAE;IACd,CAAC;QACC,MAAM,qBAAqB,qBACtB,kBAAkB,CACtB,CAAC;QACF,MAAM,CAAC,IAAI,CAAC,qBAAqB,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,EAAE;YAC7C,IAAI,qBAAqB,CAAC,CAAC,CAAC,CAAC,IAAI,KAAK,UAAU,EAAE,CAAC;gBACjD,OAAO,qBAAqB,CAAC,CAAC,CAAC,CAAC;YAClC,CAAC;QACH,CAAC,CAAC,CAAC;QACH,OAAO,qBAAqB,CAAC;IAC/B,CAAC;AACH,CAAC,CAAC,CAAC","sourcesContent":["// Copyright (c) Microsoft Corporation.\n// Licensed under the MIT License.\n\nimport { createSelector } from 'reselect';\nimport { getRemoteParticipants } from './baseSelectors';\nimport { RemoteParticipantState } from '@internal/calling-stateful-client';\n\n/**\n * @private\n */\nexport const getRemoteParticipantsExcludingConsumers = createSelector([getRemoteParticipants], (remoteParticipants): {\n  [keys: string]: RemoteParticipantState;\n} | undefined => {\n  {\n    const newRemoteParticipants = {\n      ...remoteParticipants\n    };\n    Object.keys(newRemoteParticipants).forEach(k => {\n      if (newRemoteParticipants[k].role === 'Consumer') {\n        delete newRemoteParticipants[k];\n      }\n    });\n    return newRemoteParticipants;\n  }\n});"]}
+{"version":3,"file":"getRemoteParticipantsExcludingConsumers.js","sourceRoot":"","sources":["../../../../../calling-component-bindings/src/getRemoteParticipantsExcludingConsumers.ts"],"names":[],"mappings":"AAAA,uCAAuC;AACvC,kCAAkC;AAElC,OAAO,EAAE,cAAc,EAAE,MAAM,UAAU,CAAC;AAC1C,OAAO,EAAE,qBAAqB,EAAE,MAAM,iBAAiB,CAAC;AAGxD;;GAEG;AACH,MAAM,CAAC,MAAM,uCAAuC,GAAG,cAAc,CACnE,CAAC,qBAAqB,CAAC,EACvB,CACE,kBAAkB,EAKN,EAAE;IACd,CAAC;QACC,MAAM,qBAAqB,qBAAQ,kBAAkB,CAAE,CAAC;QACxD,MAAM,CAAC,IAAI,CAAC,qBAAqB,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,EAAE,EAAE;YAC/C,IAAI,qBAAqB,CAAC,CAAC,CAAC,CAAC,IAAI,KAAK,UAAU,EAAE,CAAC;gBACjD,OAAO,qBAAqB,CAAC,CAAC,CAAC,CAAC;YAClC,CAAC;QACH,CAAC,CAAC,CAAC;QACH,OAAO,qBAAqB,CAAC;IAC/B,CAAC;AACH,CAAC,CACF,CAAC","sourcesContent":["// Copyright (c) Microsoft Corporation.\n// Licensed under the MIT License.\n\nimport { createSelector } from 'reselect';\nimport { getRemoteParticipants } from './baseSelectors';\nimport { RemoteParticipantState } from '@internal/calling-stateful-client';\n\n/**\n * @private\n */\nexport const getRemoteParticipantsExcludingConsumers = createSelector(\n  [getRemoteParticipants],\n  (\n    remoteParticipants\n  ):\n    | {\n        [keys: string]: RemoteParticipantState;\n      }\n    | undefined => {\n    {\n      const newRemoteParticipants = { ...remoteParticipants };\n      Object.keys(newRemoteParticipants).forEach((k) => {\n        if (newRemoteParticipants[k].role === 'Consumer') {\n          delete newRemoteParticipants[k];\n        }\n      });\n      return newRemoteParticipants;\n    }\n  }\n);\n"]}

package/dist/dist-esm/calling-component-bindings/src/handlers/createCommonHandlers.d.ts

@@ -61,6 +61,7 @@ export interface CommonCallingHandlers {
     onStartSpotlight: (userIds?: string[]) => Promise<void>;
     onStopSpotlight: (userIds?: string[]) => Promise<void>;
     onStopAllSpotlight: () => Promise<void>;
+    onMuteParticipant: (userId: string) => Promise<void>;
 }
 /**
  * options bag to start captions
@@ -90,5 +91,5 @@ export type VideoBackgroundEffectsDependency = {
  */
 export declare const createDefaultCommonCallingHandlers: (callClient: StatefulCallClient, deviceManager: StatefulDeviceManager | undefined, call: Call | /* @conditional-compile-remove(teams-identity-support) */ TeamsCall | undefined, options?: {
     onResolveVideoBackgroundEffectsDependency?: () => Promise<VideoBackgroundEffectsDependency>;
-}) => CommonCallingHandlers & /* @conditional-compile-remove(spotlight) */ Partial<_ComponentCallingHandlers>;
+}) => CommonCallingHandlers & Partial<_ComponentCallingHandlers>;
 //# sourceMappingURL=createCommonHandlers.d.ts.map

package/dist/dist-esm/calling-component-bindings/src/handlers/createCommonHandlers.js

@@ -11,7 +11,6 @@ var __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, ge
 };
 import { LocalVideoStream } from '@azure/communication-calling';
 import { toFlatCommunicationIdentifier } from "../../../acs-ui-common/src";
-/* @conditional-compile-remove(spotlight) */
 import { _toCommunicationIdentifier } from "../../../acs-ui-common/src";
 import memoizeOne from 'memoize-one';
 import { disposeAllLocalPreviewViews, _isInCall, _isInLobbyOrConnecting, _isPreviewOn } from '../utils/callUtils';
@@ -44,7 +43,7 @@ export const createDefaultCommonCallingHandlers = memoizeOne((callClient, device
             return;
         }
         const stream = new LocalVideoStream(videoDeviceInfo);
-        if (call && !call.localVideoStreams.find(s => areStreamsEqual(s, stream))) {
+        if (call && !call.localVideoStreams.find((s) => areStreamsEqual(s, stream))) {
             yield call.startVideo(stream);
         }
     });
@@ -53,7 +52,7 @@ export const createDefaultCommonCallingHandlers = memoizeOne((callClient, device
         if (!callId) {
             return;
         }
-        if (call && call.localVideoStreams.find(s => areStreamsEqual(s, stream))) {
+        if (call && call.localVideoStreams.find((s) => areStreamsEqual(s, stream))) {
             yield call.stopVideo(stream);
         }
     });
@@ -78,10 +77,11 @@ export const createDefaultCommonCallingHandlers = memoizeOne((callClient, device
         // be triggered when the call is in connecting state, which we can then transition the
         // local video stream to the stateful call client and get into a clean state.
         if (call && (_isInCall(call.state) || _isInLobbyOrConnecting(call.state))) {
-            const stream = call.localVideoStreams.find(stream => stream.mediaStreamType === 'Video');
+            const stream = call.localVideoStreams.find((stream) => stream.mediaStreamType === 'Video');
             const unparentedViews = callClient.getState().deviceManager.unparentedViews;
             if (stream || unparentedViews.length > 0) {
-                unparentedViews && (yield unparentedViews.forEach(view => view.mediaStreamType === 'Video' && callClient.disposeView(undefined, undefined, view)));
+                unparentedViews &&
+                    (yield unparentedViews.forEach((view) => view.mediaStreamType === 'Video' && callClient.disposeView(undefined, undefined, view)));
                 stream && (yield onStopLocalVideo(stream));
             }
             else {
@@ -131,7 +131,7 @@ export const createDefaultCommonCallingHandlers = memoizeOne((callClient, device
         }
         if (call && _isInCall(call.state)) {
             deviceManager.selectCamera(device);
-            const stream = call.localVideoStreams.find(stream => stream.mediaStreamType === 'Video');
+            const stream = call.localVideoStreams.find((stream) => stream.mediaStreamType === 'Video');
             yield (stream === null || stream === void 0 ? void 0 : stream.switchSource(device));
             /// TODO: TEMPORARY SOLUTION
             /// The Calling SDK needs to wait until the stream is ready before resolving the switchSource promise.
@@ -160,7 +160,7 @@ export const createDefaultCommonCallingHandlers = memoizeOne((callClient, device
     const onToggleRaiseHand = () => __awaiter(void 0, void 0, void 0, function* () {
         const raiseHandFeature = call === null || call === void 0 ? void 0 : call.feature(Features.RaiseHand);
         const localUserId = callClient.getState().userId;
-        const isLocalRaisedHand = raiseHandFeature === null || raiseHandFeature === void 0 ? void 0 : raiseHandFeature.getRaisedHands().find(publishedState => toFlatCommunicationIdentifier(publishedState.identifier) === toFlatCommunicationIdentifier(localUserId));
+        const isLocalRaisedHand = raiseHandFeature === null || raiseHandFeature === void 0 ? void 0 : raiseHandFeature.getRaisedHands().find((publishedState) => toFlatCommunicationIdentifier(publishedState.identifier) === toFlatCommunicationIdentifier(localUserId));
         if (isLocalRaisedHand) {
             yield (raiseHandFeature === null || raiseHandFeature === void 0 ? void 0 : raiseHandFeature.lowerHand());
         }
@@ -170,10 +170,12 @@ export const createDefaultCommonCallingHandlers = memoizeOne((callClient, device
     });
     const onReactionClick = (reaction) => __awaiter(void 0, void 0, void 0, function* () {
         var _c;
-        if (reaction === 'like' || reaction === 'applause' || reaction === 'heart' || reaction === 'laugh' || reaction === 'surprised') {
-            yield ((_c = call === null || call === void 0 ? void 0 : call.feature(Features.Reaction)) === null || _c === void 0 ? void 0 : _c.sendReaction({
-                reactionType: reaction
-            }));
+        if (reaction === 'like' ||
+            reaction === 'applause' ||
+            reaction === 'heart' ||
+            reaction === 'laugh' ||
+            reaction === 'surprised') {
+            yield ((_c = call === null || call === void 0 ? void 0 : call.feature(Features.Reaction)) === null || _c === void 0 ? void 0 : _c.sendReaction({ reactionType: reaction }));
         }
         else {
             console.warn(`Can not recognize ${reaction} as meeting reaction`);
@@ -189,17 +191,10 @@ export const createDefaultCommonCallingHandlers = memoizeOne((callClient, device
     const onStartScreenShare = () => __awaiter(void 0, void 0, void 0, function* () { return yield (call === null || call === void 0 ? void 0 : call.startScreenSharing()); });
     const onStopScreenShare = () => __awaiter(void 0, void 0, void 0, function* () { return yield (call === null || call === void 0 ? void 0 : call.stopScreenSharing()); });
     const onToggleScreenShare = () => __awaiter(void 0, void 0, void 0, function* () { return (call === null || call === void 0 ? void 0 : call.isScreenSharingOn) ? yield onStopScreenShare() : yield onStartScreenShare(); });
-    const onHangUp = (forEveryone) => __awaiter(void 0, void 0, void 0, function* () {
-        return yield (call === null || call === void 0 ? void 0 : call.hangUp({
-            forEveryone: forEveryone === true ? true : false
-        }));
-    });
+    const onHangUp = (forEveryone) => __awaiter(void 0, void 0, void 0, function* () { return yield (call === null || call === void 0 ? void 0 : call.hangUp({ forEveryone: forEveryone === true ? true : false })); });
     /* @conditional-compile-remove(PSTN-calls) */
     const onToggleHold = () => __awaiter(void 0, void 0, void 0, function* () { return (call === null || call === void 0 ? void 0 : call.state) === 'LocalHold' ? yield (call === null || call === void 0 ? void 0 : call.resume()) : yield (call === null || call === void 0 ? void 0 : call.hold()); });
-    const onCreateLocalStreamView = (...args_1) => __awaiter(void 0, [...args_1], void 0, function* (options = {
-        scalingMode: 'Crop',
-        isMirrored: true
-    }) {
+    const onCreateLocalStreamView = (...args_1) => __awaiter(void 0, [...args_1], void 0, function* (options = { scalingMode: 'Crop', isMirrored: true }) {
         var _d;
         if (!call || call.localVideoStreams.length === 0) {
             return;
@@ -208,18 +203,14 @@ export const createDefaultCommonCallingHandlers = memoizeOne((callClient, device
         if (!callState) {
             return;
         }
-        const localStream = callState.localVideoStreams.find(item => item.mediaStreamType === 'Video');
+        const localStream = callState.localVideoStreams.find((item) => item.mediaStreamType === 'Video');
         if (!localStream) {
             return;
         }
         const { view } = (_d = (yield callClient.createView(call.id, undefined, localStream, options))) !== null && _d !== void 0 ? _d : {};
-        return view ? {
-            view
-        } : undefined;
+        return view ? { view } : undefined;
     });
-    const onCreateRemoteStreamView = (userId_1, ...args_2) => __awaiter(void 0, [userId_1, ...args_2], void 0, function* (userId, options = {
-        scalingMode: 'Crop'
-    }) {
+    const onCreateRemoteStreamView = (userId_1, ...args_2) => __awaiter(void 0, [userId_1, ...args_2], void 0, function* (userId, options = { scalingMode: 'Crop' }) {
         if (!call) {
             return;
         }
@@ -227,7 +218,7 @@ export const createDefaultCommonCallingHandlers = memoizeOne((callClient, device
         if (!callState) {
             throw new Error(`Call Not Found: ${call.id}`);
         }
-        const participant = Object.values(callState.remoteParticipants).find(participant => toFlatCommunicationIdentifier(participant.identifier) === userId);
+        const participant = Object.values(callState.remoteParticipants).find((participant) => toFlatCommunicationIdentifier(participant.identifier) === userId);
         if (!participant || !participant.videoStreams) {
             return;
         }
@@ -239,8 +230,9 @@ export const createDefaultCommonCallingHandlers = memoizeOne((callClient, device
          * e.g findLast instead of find
          */
         // Find the first available stream, if there is none, then get the first stream
-        const remoteVideoStream = Object.values(participant.videoStreams).findLast(i => i.mediaStreamType === 'Video' && i.isAvailable) || Object.values(participant.videoStreams).findLast(i => i.mediaStreamType === 'Video');
-        const screenShareStream = Object.values(participant.videoStreams).findLast(i => i.mediaStreamType === 'ScreenSharing' && i.isAvailable) || Object.values(participant.videoStreams).findLast(i => i.mediaStreamType === 'ScreenSharing');
+        const remoteVideoStream = Object.values(participant.videoStreams).findLast((i) => i.mediaStreamType === 'Video' && i.isAvailable) ||
+            Object.values(participant.videoStreams).findLast((i) => i.mediaStreamType === 'Video');
+        const screenShareStream = Object.values(participant.videoStreams).findLast((i) => i.mediaStreamType === 'ScreenSharing' && i.isAvailable) || Object.values(participant.videoStreams).findLast((i) => i.mediaStreamType === 'ScreenSharing');
         let createViewResult = undefined;
         if (remoteVideoStream && remoteVideoStream.isAvailable && !remoteVideoStream.view) {
             createViewResult = yield callClient.createView(call.id, participant.identifier, remoteVideoStream, options);
@@ -253,9 +245,7 @@ export const createDefaultCommonCallingHandlers = memoizeOne((callClient, device
                 scalingMode: 'Fit'
             });
         }
-        return (createViewResult === null || createViewResult === void 0 ? void 0 : createViewResult.view) ? {
-            view: createViewResult === null || createViewResult === void 0 ? void 0 : createViewResult.view
-        } : undefined;
+        return (createViewResult === null || createViewResult === void 0 ? void 0 : createViewResult.view) ? { view: createViewResult === null || createViewResult === void 0 ? void 0 : createViewResult.view } : undefined;
     });
     const onDisposeRemoteStreamView = (userId) => __awaiter(void 0, void 0, void 0, function* () {
         if (!call) {
@@ -265,12 +255,12 @@ export const createDefaultCommonCallingHandlers = memoizeOne((callClient, device
         if (!callState) {
             throw new Error(`Call Not Found: ${call.id}`);
         }
-        const participant = Object.values(callState.remoteParticipants).find(participant => toFlatCommunicationIdentifier(participant.identifier) === userId);
+        const participant = Object.values(callState.remoteParticipants).find((participant) => toFlatCommunicationIdentifier(participant.identifier) === userId);
         if (!participant || !participant.videoStreams) {
             return;
         }
-        const remoteVideoStream = Object.values(participant.videoStreams).find(i => i.mediaStreamType === 'Video');
-        const screenShareStream = Object.values(participant.videoStreams).find(i => i.mediaStreamType === 'ScreenSharing');
+        const remoteVideoStream = Object.values(participant.videoStreams).find((i) => i.mediaStreamType === 'Video');
+        const screenShareStream = Object.values(participant.videoStreams).find((i) => i.mediaStreamType === 'ScreenSharing');
         if (remoteVideoStream && remoteVideoStream.view) {
             callClient.disposeView(call.id, participant.identifier, remoteVideoStream);
         }
@@ -286,11 +276,11 @@ export const createDefaultCommonCallingHandlers = memoizeOne((callClient, device
         if (!callState) {
             throw new Error(`Call Not Found: ${call.id}`);
         }
-        const participant = Object.values(callState.remoteParticipants).find(participant => toFlatCommunicationIdentifier(participant.identifier) === userId);
+        const participant = Object.values(callState.remoteParticipants).find((participant) => toFlatCommunicationIdentifier(participant.identifier) === userId);
         if (!participant || !participant.videoStreams) {
             return;
         }
-        const remoteVideoStream = Object.values(participant.videoStreams).find(i => i.mediaStreamType === 'Video');
+        const remoteVideoStream = Object.values(participant.videoStreams).find((i) => i.mediaStreamType === 'Video');
         if (remoteVideoStream && remoteVideoStream.view) {
             callClient.disposeView(call.id, participant.identifier, remoteVideoStream);
         }
@@ -303,11 +293,11 @@ export const createDefaultCommonCallingHandlers = memoizeOne((callClient, device
         if (!callState) {
             throw new Error(`Call Not Found: ${call.id}`);
         }
-        const participant = Object.values(callState.remoteParticipants).find(participant => toFlatCommunicationIdentifier(participant.identifier) === userId);
+        const participant = Object.values(callState.remoteParticipants).find((participant) => toFlatCommunicationIdentifier(participant.identifier) === userId);
         if (!participant || !participant.videoStreams) {
             return;
         }
-        const screenShareStream = Object.values(participant.videoStreams).find(i => i.mediaStreamType === 'ScreenSharing');
+        const screenShareStream = Object.values(participant.videoStreams).find((i) => i.mediaStreamType === 'ScreenSharing');
         if (screenShareStream && screenShareStream.view) {
             callClient.disposeView(call.id, participant.identifier, screenShareStream);
         }
@@ -315,7 +305,7 @@ export const createDefaultCommonCallingHandlers = memoizeOne((callClient, device
     const onDisposeLocalStreamView = () => __awaiter(void 0, void 0, void 0, function* () {
         // If the user is currently in a call, dispose of the local stream view attached to that call.
         const callState = call && callClient.getState().calls[call.id];
-        const localStream = callState === null || callState === void 0 ? void 0 : callState.localVideoStreams.find(item => item.mediaStreamType === 'Video');
+        const localStream = callState === null || callState === void 0 ? void 0 : callState.localVideoStreams.find((item) => item.mediaStreamType === 'Video');
         if (call && callState && localStream) {
             callClient.disposeView(call.id, undefined, localStream);
         }
@@ -335,7 +325,8 @@ export const createDefaultCommonCallingHandlers = memoizeOne((callClient, device
         }
     });
     const onRemoveVideoBackgroundEffects = () => __awaiter(void 0, void 0, void 0, function* () {
-        const stream = (call === null || call === void 0 ? void 0 : call.localVideoStreams.find(stream => stream.mediaStreamType === 'Video')) || (deviceManager === null || deviceManager === void 0 ? void 0 : deviceManager.getUnparentedVideoStreams().find(stream => stream.mediaStreamType === 'Video'));
+        const stream = (call === null || call === void 0 ? void 0 : call.localVideoStreams.find((stream) => stream.mediaStreamType === 'Video')) ||
+            (deviceManager === null || deviceManager === void 0 ? void 0 : deviceManager.getUnparentedVideoStreams().find((stream) => stream.mediaStreamType === 'Video'));
         if (stream) {
             if (!(options === null || options === void 0 ? void 0 : options.onResolveVideoBackgroundEffectsDependency)) {
                 throw new Error(`Video background effects dependency not resolved`);
@@ -347,24 +338,28 @@ export const createDefaultCommonCallingHandlers = memoizeOne((callClient, device
     });
     const onBlurVideoBackground = (backgroundBlurConfig) => __awaiter(void 0, void 0, void 0, function* () {
         var _e;
-        const stream = (call === null || call === void 0 ? void 0 : call.localVideoStreams.find(stream => stream.mediaStreamType === 'Video')) || (deviceManager === null || deviceManager === void 0 ? void 0 : deviceManager.getUnparentedVideoStreams().find(stream => stream.mediaStreamType === 'Video'));
+        const stream = (call === null || call === void 0 ? void 0 : call.localVideoStreams.find((stream) => stream.mediaStreamType === 'Video')) ||
+            (deviceManager === null || deviceManager === void 0 ? void 0 : deviceManager.getUnparentedVideoStreams().find((stream) => stream.mediaStreamType === 'Video'));
         if (stream) {
             if (!(options === null || options === void 0 ? void 0 : options.onResolveVideoBackgroundEffectsDependency)) {
                 throw new Error(`Video background effects dependency not resolved`);
             }
-            const createEffect = (options === null || options === void 0 ? void 0 : options.onResolveVideoBackgroundEffectsDependency) && ((_e = (yield options.onResolveVideoBackgroundEffectsDependency())) === null || _e === void 0 ? void 0 : _e.createBackgroundBlurEffect);
+            const createEffect = (options === null || options === void 0 ? void 0 : options.onResolveVideoBackgroundEffectsDependency) &&
+                ((_e = (yield options.onResolveVideoBackgroundEffectsDependency())) === null || _e === void 0 ? void 0 : _e.createBackgroundBlurEffect);
             return createEffect && stream.feature(Features.VideoEffects).startEffects(createEffect(backgroundBlurConfig));
         }
     });
     const onReplaceVideoBackground = (backgroundReplacementConfig) => __awaiter(void 0, void 0, void 0, function* () {
         var _f;
-        const stream = (call === null || call === void 0 ? void 0 : call.localVideoStreams.find(stream => stream.mediaStreamType === 'Video')) || (deviceManager === null || deviceManager === void 0 ? void 0 : deviceManager.getUnparentedVideoStreams().find(stream => stream.mediaStreamType === 'Video'));
+        const stream = (call === null || call === void 0 ? void 0 : call.localVideoStreams.find((stream) => stream.mediaStreamType === 'Video')) ||
+            (deviceManager === null || deviceManager === void 0 ? void 0 : deviceManager.getUnparentedVideoStreams().find((stream) => stream.mediaStreamType === 'Video'));
         if (stream) {
             if (!(options === null || options === void 0 ? void 0 : options.onResolveVideoBackgroundEffectsDependency)) {
                 throw new Error(`Video background effects dependency not resolved`);
             }
-            const createEffect = (options === null || options === void 0 ? void 0 : options.onResolveVideoBackgroundEffectsDependency) && ((_f = (yield options.onResolveVideoBackgroundEffectsDependency())) === null || _f === void 0 ? void 0 : _f.createBackgroundReplacementEffect);
-            return createEffect && stream.feature(Features.VideoEffects).startEffects(createEffect(backgroundReplacementConfig));
+            const createEffect = (options === null || options === void 0 ? void 0 : options.onResolveVideoBackgroundEffectsDependency) &&
+                ((_f = (yield options.onResolveVideoBackgroundEffectsDependency())) === null || _f === void 0 ? void 0 : _f.createBackgroundReplacementEffect);
+            return (createEffect && stream.feature(Features.VideoEffects).startEffects(createEffect(backgroundReplacementConfig)));
         }
     });
     const onStartCaptions = (options) => __awaiter(void 0, void 0, void 0, function* () {
@@ -383,44 +378,52 @@ export const createDefaultCommonCallingHandlers = memoizeOne((callClient, device
         const captionsFeature = call === null || call === void 0 ? void 0 : call.feature(Features.Captions).captions;
         yield captionsFeature.setCaptionLanguage(language);
     });
-    /* @conditional-compile-remove(end-of-call-survey) */
     const onSubmitSurvey = (survey) => __awaiter(void 0, void 0, void 0, function* () { return yield (call === null || call === void 0 ? void 0 : call.feature(Features.CallSurvey).submitSurvey(survey)); });
-    /* @conditional-compile-remove(spotlight) */
     const onStartSpotlight = (userIds) => __awaiter(void 0, void 0, void 0, function* () {
-        const participants = userIds === null || userIds === void 0 ? void 0 : userIds.map(userId => _toCommunicationIdentifier(userId));
+        const participants = userIds === null || userIds === void 0 ? void 0 : userIds.map((userId) => _toCommunicationIdentifier(userId));
         yield (call === null || call === void 0 ? void 0 : call.feature(Features.Spotlight).startSpotlight(participants));
     });
-    /* @conditional-compile-remove(spotlight) */
     const onStopSpotlight = (userIds) => __awaiter(void 0, void 0, void 0, function* () {
-        const participants = userIds === null || userIds === void 0 ? void 0 : userIds.map(userId => _toCommunicationIdentifier(userId));
+        const participants = userIds === null || userIds === void 0 ? void 0 : userIds.map((userId) => _toCommunicationIdentifier(userId));
         yield (call === null || call === void 0 ? void 0 : call.feature(Features.Spotlight).stopSpotlight(participants));
     });
-    /* @conditional-compile-remove(spotlight) */
     const onStopAllSpotlight = () => __awaiter(void 0, void 0, void 0, function* () {
         yield (call === null || call === void 0 ? void 0 : call.feature(Features.Spotlight).stopAllSpotlight());
     });
-    /* @conditional-compile-remove(spotlight) */
+    /* @conditional-compile-remove(soft-mute) */
+    const onMuteParticipant = (userId) => __awaiter(void 0, void 0, void 0, function* () {
+        if (call === null || call === void 0 ? void 0 : call.remoteParticipants) {
+            call === null || call === void 0 ? void 0 : call.remoteParticipants.forEach((participant) => __awaiter(void 0, void 0, void 0, function* () {
+                // Using toFlatCommunicationIdentifier to convert the CommunicationIdentifier to string
+                // as _toCommunicationIdentifier(userId) comparison to participant.identifier did not work for this case
+                if (toFlatCommunicationIdentifier(participant.identifier) === userId) {
+                    yield participant.mute();
+                }
+            }));
+        }
+    });
     const canStartSpotlight = call === null || call === void 0 ? void 0 : call.feature(Features.Capabilities).capabilities.spotlightParticipant.isPresent;
-    /* @conditional-compile-remove(spotlight) */
     const canRemoveSpotlight = call === null || call === void 0 ? void 0 : call.feature(Features.Capabilities).capabilities.removeParticipantsSpotlight.isPresent;
-    /* @conditional-compile-remove(spotlight) */
-    const onStartLocalSpotlight = canStartSpotlight ? () => __awaiter(void 0, void 0, void 0, function* () {
-        yield (call === null || call === void 0 ? void 0 : call.feature(Features.Spotlight).startSpotlight());
-    }) : undefined;
-    /* @conditional-compile-remove(spotlight) */
+    const onStartLocalSpotlight = canStartSpotlight
+        ? () => __awaiter(void 0, void 0, void 0, function* () {
+            yield (call === null || call === void 0 ? void 0 : call.feature(Features.Spotlight).startSpotlight());
+        })
+        : undefined;
     const onStopLocalSpotlight = () => __awaiter(void 0, void 0, void 0, function* () {
         yield (call === null || call === void 0 ? void 0 : call.feature(Features.Spotlight).stopSpotlight());
     });
-    /* @conditional-compile-remove(spotlight) */
-    const onStartRemoteSpotlight = canStartSpotlight ? (userIds) => __awaiter(void 0, void 0, void 0, function* () {
-        const participants = userIds === null || userIds === void 0 ? void 0 : userIds.map(userId => _toCommunicationIdentifier(userId));
-        yield (call === null || call === void 0 ? void 0 : call.feature(Features.Spotlight).startSpotlight(participants));
-    }) : undefined;
-    /* @conditional-compile-remove(spotlight) */
-    const onStopRemoteSpotlight = canRemoveSpotlight ? (userIds) => __awaiter(void 0, void 0, void 0, function* () {
-        const participants = userIds === null || userIds === void 0 ? void 0 : userIds.map(userId => _toCommunicationIdentifier(userId));
-        yield (call === null || call === void 0 ? void 0 : call.feature(Features.Spotlight).stopSpotlight(participants));
-    }) : undefined;
+    const onStartRemoteSpotlight = canStartSpotlight
+        ? (userIds) => __awaiter(void 0, void 0, void 0, function* () {
+            const participants = userIds === null || userIds === void 0 ? void 0 : userIds.map((userId) => _toCommunicationIdentifier(userId));
+            yield (call === null || call === void 0 ? void 0 : call.feature(Features.Spotlight).startSpotlight(participants));
+        })
+        : undefined;
+    const onStopRemoteSpotlight = canRemoveSpotlight
+        ? (userIds) => __awaiter(void 0, void 0, void 0, function* () {
+            const participants = userIds === null || userIds === void 0 ? void 0 : userIds.map((userId) => _toCommunicationIdentifier(userId));
+            yield (call === null || call === void 0 ? void 0 : call.feature(Features.Spotlight).stopSpotlight(participants));
+        })
+        : undefined;
     return {
         onHangUp,
         /* @conditional-compile-remove(PSTN-calls) */
@@ -458,22 +461,16 @@ export const createDefaultCommonCallingHandlers = memoizeOne((callClient, device
         onStopCaptions,
         onSetCaptionLanguage,
         onSetSpokenLanguage,
-        /* @conditional-compile-remove(end-of-call-survey) */
         onSubmitSurvey,
-        /* @conditional-compile-remove(spotlight) */
         onStartSpotlight,
-        /* @conditional-compile-remove(spotlight) */
         onStopSpotlight,
-        /* @conditional-compile-remove(spotlight) */
         onStopAllSpotlight,
-        /* @conditional-compile-remove(spotlight) */
         onStartLocalSpotlight,
-        /* @conditional-compile-remove(spotlight) */
         onStopLocalSpotlight,
-        /* @conditional-compile-remove(spotlight) */
         onStartRemoteSpotlight,
-        /* @conditional-compile-remove(spotlight) */
-        onStopRemoteSpotlight
+        onStopRemoteSpotlight,
+        /* @conditional-compile-remove(soft-mute) */
+        onMuteParticipant
     };
 });
 //# sourceMappingURL=createCommonHandlers.js.map