@azure/communication-react 1.12.1-alpha-202402010012 → 1.13.0-alpha-202402030013

package/dist/dist-esm/react-composites/src/composites/CallComposite/Strings.js.map

@@ -1 +1 @@
-{"version":3,"file":"Strings.js","sourceRoot":"","sources":["../../../../../../../react-composites/src/composites/CallComposite/Strings.tsx"],"names":[],"mappings":"AAAA,uCAAuC;AACvC,kCAAkC","sourcesContent":["// Copyright (c) Microsoft Corporation.\n// Licensed under the MIT License.\n\n/* @conditional-compile-remove(close-captions) */\nimport { SpokenLanguageStrings, CaptionLanguageStrings } from '@internal/react-components';\n/* @conditional-compile-remove(end-of-call-survey) */\nimport { SurveyIssues, SurveyIssuesHeadingStrings } from '@internal/react-components';\n/* @conditional-compile-remove(capabilities) */\nimport { CapabilityChangedNotificationStrings } from './components/CapabilitiesChangedNotificationBar';\n\n/**\n * Strings used by the {@link CallComposite} directly.\n *\n * This strings are in addition to those used by the components from the component library.\n *\n * @public\n */\nexport interface CallCompositeStrings {\n  /**\n   * Title of configuration page.\n   */\n  configurationPageTitle: string;\n  /**\n   * Optional 1-2 lines on the call details used on the configuration page.\n   */\n  configurationPageCallDetails?: string;\n  /**\n   * Text in button to start call in configuration page.\n   */\n  startCallButtonLabel: string;\n  /**\n   * Text in button to rejoin an ended call.\n   */\n  rejoinCallButtonLabel: string;\n  /**\n   * Placeholder text for local device settings dropdowns.\n   */\n  defaultPlaceHolder: string;\n  /**\n   * Label for camera dropdown.\n   */\n  cameraLabel: string;\n  /**\n   * Label for when there are no cameras present on configuration screen.\n   */\n  noCamerasLabel: string;\n  /**\n   * Label for sound dropdown.\n   */\n  soundLabel: string;\n  /**\n   * Label for when no microphones were found on the configuration screen\n   */\n  noMicrophonesLabel: string;\n  /**\n   * Label for when no speakers were found on the configuration screen.\n   */\n  noSpeakersLabel: string;\n  /**\n   * Error shown when camera access is blocked by the browser.\n   */\n  cameraPermissionDenied: string;\n  /**\n   * Error shown when the camera is turned off.\n   */\n  cameraTurnedOff: string;\n  /**\n   * Error shown when microphone access is blocked by the browser.\n   */\n  microphonePermissionDenied: string;\n  /**\n   * Title text of the page shown to the user when joining a Teams meeting fails because meeting owner denied access.\n   */\n  failedToJoinTeamsMeetingReasonAccessDeniedTitle: string;\n  /**\n   * More details text of the page shown to the user when joining a Teams meeting fails because meeting owner denied access.\n   */\n  failedToJoinTeamsMeetingReasonAccessDeniedMoreDetails?: string;\n  /**\n   * Title text of the page shown to the user when joining a call fails due to a network problem.\n   */\n  failedToJoinCallDueToNoNetworkTitle: string;\n  /**\n   * More details text of the page shown to the user when joining a call fails due to a network problem.\n   */\n  failedToJoinCallDueToNoNetworkMoreDetails?: string;\n  /**\n   * Text to display on a leaving page.\n   */\n  leavingCallTitle?: string;\n  /**\n   * Title text of the page shown to the user when they leave a call in the call composite.\n   */\n  leftCallTitle: string;\n  /**\n   * More details text of the page shown to the user when they leave a call in the call composite.\n   */\n  leftCallMoreDetails?: string;\n  /**\n   * Title text of the page shown to the user when they are removed from a call in the call composite.\n   */\n  removedFromCallTitle: string;\n  /**\n   * More details text of the page shown to the user when they are removed from a call in the call composite.\n   */\n  removedFromCallMoreDetails?: string;\n  /**\n   * Text shown to the user on the lobby screen when connecting to a call.\n   */\n  lobbyScreenConnectingToCallTitle: string;\n  /**\n   * Optional addition details shown to the user on the lobby screen when connection to a call.\n   */\n  lobbyScreenConnectingToCallMoreDetails?: string;\n  /**\n   * Text shown to the user on the lobby screen when waiting to be admitted to a call.\n   */\n  lobbyScreenWaitingToBeAdmittedTitle: string;\n  /**\n   * Optional additional details shown to the user on the lobby screen when waiting to be admitted to a call.\n   */\n  lobbyScreenWaitingToBeAdmittedMoreDetails?: string;\n  /**\n   * Message shown to the user when they are speaking while muted.\n   */\n  mutedMessage: string;\n  /**\n   * Text for link to MS privacy policy in Compliance Banner.\n   */\n  privacyPolicy: string;\n  /**\n   * Text for link to learn more about a specific subject.\n   */\n  learnMore: string;\n  /**\n   * Message to let user know the meeting is only being recorded (no transcription) in ComplianceBanner.\n   */\n  complianceBannerNowOnlyRecording: string;\n  /**\n   * Message to let user know the meeting is only being transcripted (no recording) in ComplianceBanner.\n   */\n  complianceBannerNowOnlyTranscription: string;\n  /**\n   * Message to let user know recording and transcription of the meeting are saved in ComplianceBanner.\n   */\n  complianceBannerRecordingAndTranscriptionSaved: string;\n  /**\n   * Message to let user know recording and transcription of the meeting have started in ComplianceBanner.\n   */\n  complianceBannerRecordingAndTranscriptionStarted: string;\n  /**\n   * Message to let user know recording and transcription of the meeting have stopped in ComplianceBanner.\n   */\n  complianceBannerRecordingAndTranscriptionStopped: string;\n  /**\n   * Message to let user know recording of the meeting is being saved in ComplianceBanner.\n   */\n  complianceBannerRecordingSaving: string;\n  /**\n   * Message to let user know recording of the meeting has started in ComplianceBanner.\n   */\n  complianceBannerRecordingStarted: string;\n  /**\n   * Message to let user know recording of the meeting has stopped in ComplianceBanner.\n   */\n  complianceBannerRecordingStopped: string;\n  /**\n   * Message to let user know they are giving consent to meeting being transcripted in ComplianceBanner.\n   */\n  complianceBannerTranscriptionConsent: string;\n  /**\n   * Message to let user know transcription of the meeting is being saved in ComplianceBanner.\n   */\n  complianceBannerTranscriptionSaving: string;\n  /**\n   * Message to let user know transcription of the meeting has started in ComplianceBanner.\n   */\n  complianceBannerTranscriptionStarted: string;\n  /**\n   * Message to let user know the transcription of the meeting has stopped in ComplianceBanner.\n   */\n  complianceBannerTranscriptionStopped: string;\n  /**\n   * Text for close button.\n   */\n  close: string;\n  /**\n   * Title text of the page shown to the user when there is intermittent network failure during a call.\n   */\n  networkReconnectTitle: string;\n  /**\n   * More details text of the page shown to the user when there is intermittent network failure during a call.\n   */\n  networkReconnectMoreDetails: string;\n  /**\n   * Tooltip text used to inform a user that toggling microphone in lobby is not supported.\n   */\n  microphoneToggleInLobbyNotAllowed: string;\n  /**\n   * Side pane People section Title.\n   */\n  peoplePaneTitle: string;\n  /**\n   * Aria label string for return to call back button\n   */\n  returnToCallButtonAriaLabel?: string;\n  /**\n   * Aria Description string for return to call button\n   */\n  returnToCallButtonAriaDescription?: string;\n  /**\n   * control bar People button label\n   */\n  peopleButtonLabel: string;\n  /**\n   * control bar People button label when checked\n   */\n  selectedPeopleButtonLabel: string;\n  /**\n   * control bar Chat button label.\n   */\n  chatButtonLabel: string;\n  /**\n   * Label for SidePaneHeader dismiss button\n   */\n  dismissSidePaneButtonLabel?: string;\n  /* @conditional-compile-remove(one-to-n-calling) @conditional-compile-remove(PSTN-calls) */\n  /**\n   * Side pane People section subheader.\n   */\n  peoplePaneSubTitle: string;\n  /* @conditional-compile-remove(one-to-n-calling) @conditional-compile-remove(PSTN-calls) */\n  /**\n   * Label for button to copy invite link\n   */\n  copyInviteLinkButtonLabel: string;\n  /* @conditional-compile-remove(PSTN-calls) */\n  /**\n   * Label for button to open dialpad\n   */\n  openDialpadButtonLabel: string;\n  /* @conditional-compile-remove(one-to-n-calling) @conditional-compile-remove(PSTN-calls) */\n  /**\n   * Label for menu item to remove participant\n   */\n  removeMenuLabel: string;\n  /* @conditional-compile-remove(spotlight) */\n  /**\n   * Label for menu item to start spotlight on participant\n   */\n  startSpotlightParticipantListMenuLabel: string;\n  /* @conditional-compile-remove(spotlight) */\n  /**\n   * Label for menu item to add spotlight on participant\n   */\n  addSpotlightParticipantListMenuLabel: string;\n  /* @conditional-compile-remove(spotlight) */\n  /**\n   * Label for menu item to stop spotlight on participant\n   */\n  stopSpotlightParticipantListMenuLabel: string;\n  /* @conditional-compile-remove(spotlight) */\n  /**\n   * Label for menu item to stop spotlight on local user\n   */\n  stopSpotlightOnSelfParticipantListMenuLabel: string;\n  /* @conditional-compile-remove(PSTN-calls) */\n  /**\n   * Label for add people dropdown\n   */\n  peoplePaneAddPeopleButtonLabel: string;\n  /* @conditional-compile-remove(PSTN-calls) */\n  /**\n   * Label for button to start a call\n   */\n  dialpadStartCallButtonLabel: string;\n  /* @conditional-compile-remove(PSTN-calls) */\n  /**\n   * Title for dialpad Modal\n   */\n  dialpadModalTitle: string;\n  /* @conditional-compile-remove(PSTN-calls) */\n  /**\n   * Aria Label for dialpad Modal\n   */\n  dialpadModalAriaLabel: string;\n  /* @conditional-compile-remove(PSTN-calls) */\n  /**\n   * Aria Label for dialpad Modal close button\n   */\n  dialpadCloseModalButtonAriaLabel: string;\n  /**\n   * label for more button in the Calling composite\n   */\n  moreButtonCallingLabel: string;\n  /* @conditional-compile-remove(PSTN-calls) */ /* @conditional-compile-remove(one-to-n-calling) */\n  /**\n   * Label for the resume call button on the hold pane\n   */\n  resumeCallButtonLabel: string;\n  /* @conditional-compile-remove(PSTN-calls) */ /* @conditional-compile-remove(one-to-n-calling) */\n  /**\n   * Label for the resume call button on the hold pane when call is resuming\n   */\n  resumingCallButtonLabel: string;\n  /* @conditional-compile-remove(PSTN-calls) */ /* @conditional-compile-remove(one-to-n-calling) */\n  /**\n   * Aria label for the resume call button on the hold pane\n   */\n  resumeCallButtonAriaLabel: string;\n  /* @conditional-compile-remove(PSTN-calls) */ /* @conditional-compile-remove(one-to-n-calling) */\n  /**\n   * Aria label for the resume call button on the hold pane when call is resuming\n   */\n  resumingCallButtonAriaLabel: string;\n  /* @conditional-compile-remove(PSTN-calls) */ /* @conditional-compile-remove(one-to-n-calling) */\n  /**\n   * Label for the hold pane\n   */\n  holdScreenLabel: string;\n  /* @conditional-compile-remove(PSTN-calls) */\n  /**\n   * Placeholder text for dtmf dialpad\n   */\n  dtmfDialpadPlaceholderText: string;\n  /* @conditional-compile-remove(PSTN-calls) */\n  /**\n   * Label for the button to open dtmf dialpad\n   */\n  openDtmfDialpadLabel: string;\n  /**\n   * aria label for when the invite link has been actioned\n   */\n  copyInviteLinkActionedAriaLabel: string;\n  /* @conditional-compile-remove(rooms) */\n  /**\n   * Title text of the page shown to the user when the user attempts to join a room that cannot be found.\n   */\n  roomNotFoundTitle: string;\n  /* @conditional-compile-remove(rooms) */\n  /**\n   * More details text of the page shown to the user when the user attempts to join a room that cannot be found.\n   */\n  roomNotFoundDetails?: string;\n  /* @conditional-compile-remove(rooms) */\n  /**\n   * Title text of the page shown to the user when the user attempts to join a room that is not valid.\n   */\n  roomNotValidTitle: string;\n  /* @conditional-compile-remove(rooms) */\n  /**\n   * More details text of the page shown to the user when the user attempts to join a room that is not valid.\n   */\n  roomNotValidDetails?: string;\n  /* @conditional-compile-remove(rooms) */\n  /**\n   * Title text of the page shown to the user when the user's permission to join the room is removed.\n   */\n  inviteToRoomRemovedTitle: string;\n  /* @conditional-compile-remove(rooms) */\n  /**\n   * More details text of the page shown to the user when the user's permission to join the room is removed.\n   */\n  inviteToRoomRemovedDetails?: string;\n  /* @conditional-compile-remove(video-background-effects) */\n  /**\n   * Video Effects pane title.\n   */\n  videoEffectsPaneTitle: string;\n  /* @conditional-compile-remove(video-background-effects) */\n  /**\n   * Video Effects pane sub section title for choosing background.\n   */\n  videoEffectsPaneBackgroundSelectionTitle: string;\n  /* @conditional-compile-remove(video-background-effects) */\n  /**\n   * Label for the button to open effects\n   */\n  configurationPageVideoEffectsButtonLabel?: string;\n  /* @conditional-compile-remove(video-background-effects) */\n  /**\n   * Error message for video effect failure\n   */\n  unableToStartVideoEffect?: string;\n  /* @conditional-compile-remove(video-background-effects) */\n  /**\n   * Label for the blur video background effect item\n   */\n  blurBackgroundEffectButtonLabel?: string;\n  /* @conditional-compile-remove(video-background-effects) */\n  /**\n   * Tooltip text for the blur video background effect item\n   */\n  blurBackgroundTooltip?: string;\n  /* @conditional-compile-remove(video-background-effects) */\n  /**\n   * Label for the remove video background effect item\n   */\n  removeBackgroundEffectButtonLabel?: string;\n  /* @conditional-compile-remove(video-background-effects) */\n  /**\n   * Tooltip text for the blur video background effect item\n   */\n  removeBackgroundTooltip?: string;\n  /* @conditional-compile-remove(video-background-effects) */\n  /**\n   * Text to show when warning the user the camera is off and inform the user to turn the camera on to see the selected video background effect.\n   */\n  cameraOffBackgroundEffectWarningText?: string;\n  /* @conditional-compile-remove(rooms) */\n  /**\n   * Title text of the page shown to the user when the user attempts to join a room they are not invited to.\n   */\n  notInvitedToRoomTitle: string;\n  /* @conditional-compile-remove(rooms) */\n  /**\n   * More details text of the page shown to the user when the user attempts to join a room they are not invited to.\n   */\n  notInvitedToRoomDetails?: string;\n  /* @conditional-compile-remove(one-to-n-calling) @conditional-compile-remove(PSTN-calls) */\n  /**\n   * Control bar People button ToolTipContent\n   */\n  peopleButtonTooltipOpen: string;\n  /* @conditional-compile-remove(one-to-n-calling) @conditional-compile-remove(PSTN-calls) */\n  /**\n   * Control bar People button ToolTipContent\n   */\n  peopleButtonTooltipClose: string;\n  /* @conditional-compile-remove(PSTN-calls) */ /* @conditional-compile-remove(one-to-n-calling) */\n  /**\n   * Label disaplayed on the lobby screen during a 1:1 outbound call.\n   */\n  outboundCallingNoticeString: string;\n  /**\n   * Notice to be announced by narrator when a participant joins a call\n   */\n  participantJoinedNoticeString: string;\n  /**\n   * Notice to be announced by narrator when a participant joins a call\n   */\n  twoParticipantJoinedNoticeString: string;\n  /**\n   * Notice to be announced by narrator when a participant joins a call\n   */\n  threeParticipantJoinedNoticeString: string;\n  /**\n   * Notice to be announced by narrator when a participant leaves a call\n   */\n  participantLeftNoticeString: string;\n  /**\n   * Notice to be announced by narrator when 2 participants leave a call\n   */\n  twoParticipantLeftNoticeString: string;\n  /**\n   * Notice to be announced by narrator when 3 participants leave a call\n   */\n  threeParticipantLeftNoticeString: string;\n  /**\n   * string to be used to announce a change in participant if they have no displayName\n   */\n  unnamedParticipantString: string;\n  /**\n   * string to be used to announce when more than 3 participants have joined at the same time.\n   */\n  manyParticipantsJoined: string;\n  /**\n   * string to be used to announce when more than 3 participants have left at the same time.\n   */\n  manyParticipantsLeft: string;\n  /**\n   * string to be used to announce when multiple unnamed participants have joined at the same time.\n   */\n  manyUnnamedParticipantsJoined: string;\n  /**\n   * string to be used to announce when multiple unnamed participants have left at the same time.\n   */\n  manyUnnamedParticipantsLeft: string;\n  /* @conditional-compile-remove(close-captions) */\n  /**\n   * string to be used to open live captions contextual menu\n   */\n  liveCaptionsLabel?: string;\n  /* @conditional-compile-remove(close-captions) */\n  /**\n   * label for opening captions setting modal\n   */\n  captionsSettingsLabel?: string;\n  /* @conditional-compile-remove(close-captions) */\n  /**\n   * string to be used to start captions\n   */\n  startCaptionsButtonOnLabel?: string;\n  /* @conditional-compile-remove(close-captions) */\n  /**\n   * string to be used to stop captions\n   */\n  startCaptionsButtonOffLabel?: string;\n  /* @conditional-compile-remove(close-captions) */\n  /**\n   * tooltip string to be used to show captions is on\n   */\n  startCaptionsButtonTooltipOnContent?: string;\n  /* @conditional-compile-remove(close-captions) */\n  /**\n   *tooltip string to be used to show captions is off\n   */\n  startCaptionsButtonTooltipOffContent?: string;\n  /* @conditional-compile-remove(close-captions) */\n  /**\n   * captions setting modal title\n   */\n  captionsSettingsModalTitle?: string;\n  /* @conditional-compile-remove(close-captions) */\n  /**\n   * label for spoken language dropdown inside captions setting modal\n   */\n  captionsSettingsSpokenLanguageDropdownLabel?: string;\n  /* @conditional-compile-remove(close-captions) */\n  /**\n   * label for captions language inside captions setting modal\n   */\n  captionsSettingsCaptionLanguageDropdownLabel?: string;\n  /* @conditional-compile-remove(close-captions) */\n  /**\n   * text under captions setting dropdown indicating what the dropdown is for\n   */\n  captionsSettingsSpokenLanguageDropdownInfoText?: string;\n  /* @conditional-compile-remove(close-captions) */\n  /**\n   * text under captions setting dropdown indicating what the dropdown is for\n   */\n  captionsSettingsCaptionLanguageDropdownInfoText?: string;\n  /* @conditional-compile-remove(close-captions) */\n  /**\n   * confirm button label in captions setting modal\n   */\n  captionsSettingsConfirmButtonLabel?: string;\n  /* @conditional-compile-remove(close-captions) */\n  /**\n   * cancel button label in captions setting modal\n   */\n  captionsSettingsCancelButtonLabel?: string;\n  /* @conditional-compile-remove(close-captions) */\n  /**\n   * arial label for captions setting modal\n   */\n  captionsSettingsModalAriaLabel?: string;\n  /* @conditional-compile-remove(close-captions) */\n  /**\n   * arial label for captions setting modal close button\n   */\n  captionsSettingsCloseModalButtonAriaLabel?: string;\n  /* @conditional-compile-remove(close-captions) */\n  /**\n   * label for more button inside captions banner\n   */\n  captionsBannerMoreButtonCallingLabel?: string;\n  /* @conditional-compile-remove(close-captions) */\n  /**\n   * arial label for more button inside captions banner\n   */\n  captionsBannerMoreButtonTooltip?: string;\n  /* @conditional-compile-remove(close-captions) */\n  /**\n   * list of key value pairs that pairs spoken language code to language names\n   */\n  spokenLanguageStrings?: SpokenLanguageStrings;\n  /* @conditional-compile-remove(close-captions) */\n  /**\n   * list of key value pairs that pairs caption language code to language names\n   */\n  captionLanguageStrings?: CaptionLanguageStrings;\n  /* @conditional-compile-remove(close-captions) */\n  /**\n   * captions banner loading spinner label\n   */\n  captionsBannerSpinnerText?: string;\n  /* @conditional-compile-remove(call-transfer) */\n  /**\n   * transfer page text when showing the transferor who initiated the transfer\n   */\n  transferPageTransferorText: string;\n  /* @conditional-compile-remove(call-transfer) */\n  /**\n   * transfer page text when showing the transfer target\n   */\n  transferPageTransferTargetText: string;\n  /* @conditional-compile-remove(call-transfer) */\n  /**\n   * transfer page display name for unknown participant\n   */\n  transferPageUnknownTransferorDisplayName: string;\n  /* @conditional-compile-remove(call-transfer) */\n  /**\n   * transfer page display name for unknown participant\n   */\n  transferPageUnknownTransferTargetDisplayName: string;\n  /* @conditional-compile-remove(call-transfer) */\n  /**\n   * notice to be announced by narrator the transfer page is showing\n   */\n  transferPageNoticeString: string;\n  /* @conditional-compile-remove(teams-adhoc-call) */\n  /**\n   * Title text of the page shown to the user when target participant could not be reached\n   */\n  participantCouldNotBeReachedTitle?: string;\n  /* @conditional-compile-remove(teams-adhoc-call) */\n  /**\n   * More details text of the page shown to the user when target participant could not be reached\n   */\n  participantCouldNotBeReachedMoreDetails?: string;\n  /* @conditional-compile-remove(teams-adhoc-call) */\n  /**\n   * Title text of the page shown to the user when permission to reach participant is not allowed\n   */\n  permissionToReachTargetParticipantNotAllowedTitle?: string;\n  /* @conditional-compile-remove(teams-adhoc-call) */\n  /**\n   * More details text of the page shown to the user when permission to reach participant is not allowed\n   */\n  permissionToReachTargetParticipantNotAllowedMoreDetails?: string;\n  /* @conditional-compile-remove(teams-adhoc-call) */\n  /**\n   * Title text of the page shown to the user when tenant id for the target participant could not be resolved\n   */\n  unableToResolveTenantTitle?: string;\n  /* @conditional-compile-remove(teams-adhoc-call) */\n  /**\n   * More details text of the page shown to the user when tenant id for the target participant could not be resolved\n   */\n  unableToResolveTenantMoreDetails?: string;\n  /* @conditional-compile-remove(teams-adhoc-call) */\n  /**\n   * Title text of the page shown to the user when target participant id is malformed\n   */\n  participantIdIsMalformedTitle?: string;\n  /* @conditional-compile-remove(teams-adhoc-call) */\n  /**\n   * More details text of the page shown to the user when target participant id is malformed\n   */\n  participantIdIsMalformedMoreDetails?: string;\n  /* @conditional-compile-remove(gallery-layouts) */\n  /**\n   * Controls label to move the overflow gallery around\n   */\n  moreButtonGalleryControlLabel?: string;\n  /* @conditional-compile-remove(gallery-layouts) */\n  /**\n   * Label for the toggle to move the overflow gallery to the top\n   */\n  moreButtonGalleryPositionToggleLabel?: string;\n  /* @conditional-compile-remove(gallery-layouts) */\n  /**\n   * Label for the selection of the speaker layout\n   */\n  moreButtonGallerySpeakerLayoutLabel?: string;\n  /* @conditional-compile-remove(gallery-layouts) */\n  /**\n   * Label for the selection of the default (Gallery) layout\n   */\n  moreButtonGalleryDefaultLayoutLabel?: string;\n  /* @conditional-compile-remove(gallery-layouts) */\n  /**\n   * Label for the selection of the default (Gallery) layout\n   */\n  moreButtonLargeGalleryDefaultLayoutLabel?: string;\n  /* @conditional-compile-remove(gallery-layouts) */\n  /**\n   * Label for the selection of the floatingLocalVideo (Dynamic) layout\n   */\n  moreButtonGalleryFloatingLocalLayoutLabel?: string;\n  /* @conditional-compile-remove(gallery-layouts) */\n  /**\n   * Label for the selection of the focusedContentLayout (Focused content) layout\n   */\n  moreButtonGalleryFocusedContentLayoutLabel?: string;\n  /* @conditional-compile-remove(capabilities) */\n  /**\n   * All strings for capability changed notification\n   */\n  capabilityChangedNotification?: CapabilityChangedNotificationStrings;\n  /* @conditional-compile-remove(end-of-call-survey) */\n  /**\n   * Question for the survey\n   */\n  surveyQuestion: string;\n  /* @conditional-compile-remove(end-of-call-survey) */\n  /**\n   * Helper text to explain what the survey is for\n   */\n  starSurveyHelperText: string;\n  /* @conditional-compile-remove(end-of-call-survey) */\n  /**\n   * Helper text displayed below survey question after user select one star\n   */\n  starSurveyOneStarText: string;\n  /* @conditional-compile-remove(end-of-call-survey) */\n  /**\n   * Helper text displayed below survey question after user select two star\n   */\n  starSurveyTwoStarText: string;\n  /* @conditional-compile-remove(end-of-call-survey) */\n  /**\n   * Helper text displayed below survey question after user select three star\n   */\n  starSurveyThreeStarText: string;\n  /* @conditional-compile-remove(end-of-call-survey) */\n  /**\n   * Helper text displayed below survey question after user select four star\n   */\n  starSurveyFourStarText: string;\n  /* @conditional-compile-remove(end-of-call-survey) */\n  /**\n   * Helper text displayed below survey question after user select five star\n   */\n  starSurveyFiveStarText: string;\n  /* @conditional-compile-remove(end-of-call-survey) */\n  /**\n   * Aria Label for each individual star rating\n   */\n  starRatingAriaLabel: string;\n  /* @conditional-compile-remove(end-of-call-survey) */\n  /**\n   * Tags Survey Question\n   */\n  tagsSurveyQuestion: string;\n  /* @conditional-compile-remove(end-of-call-survey) */\n  /**\n   * Default text for free form text field inside tags survey\n   */\n  tagsSurveyTextFieldDefaultText: string;\n  /* @conditional-compile-remove(end-of-call-survey) */\n  /**\n   * Tags Survey helper text\n   */\n  tagsSurveyHelperText: string;\n  /* @conditional-compile-remove(end-of-call-survey) */\n  /**\n   * Confirm button label for survey\n   */\n  surveyConfirmButtonLabel: string;\n  /* @conditional-compile-remove(end-of-call-survey) */\n  /**\n   * Aria Label for cancel button\n   */\n  surveyCancelButtonAriaLabel: string;\n  /* @conditional-compile-remove(end-of-call-survey) */\n  /**\n   * Default text for free form text box\n   */\n  surveyTextboxDefaultText: string;\n  /* @conditional-compile-remove(end-of-call-survey) */\n  /**\n   * Corresponding texts to each call issue\n   */\n  surveyIssues: SurveyIssues;\n  /* @conditional-compile-remove(end-of-call-survey) */\n  /**\n   * Corresponding texts to each call category\n   */\n  SurveyIssuesHeadingStrings: SurveyIssuesHeadingStrings;\n  /**\n   * String for the dismiss control on the local and remote PIP on mobile\n   */\n  dismissModalAriaLabel?: string;\n  /* @conditional-compile-remove(calling-sounds) */\n  /**\n   * String for title when the call is rejected by the callee\n   */\n  callRejectedTitle?: string;\n  /* @conditional-compile-remove(calling-sounds) */\n  /**\n   * String for more details when the call is rejected by the callee\n   */\n  callRejectedMoreDetails?: string;\n  /**\n   * String for title when the call times out because the remote user does not answer\n   */\n  callTimeoutTitle?: string;\n  /**\n   * String for more details when the call times out because the remote user does not answer\n   */\n  callTimeoutDetails?: string;\n  /* @conditional-compile-remove(dtmf-dialer) */\n  /**\n   * Label for the control bar button to show the dtmf dialer when the more button is disabled\n   */\n  dtmfDialerButtonLabel?: string;\n  /* @conditional-compile-remove(dtmf-dialer) */\n  /**\n   * Tooltip for the control bar button to show the dtmf dialer when the more button is disabled\n   */\n  dtmfDialerButtonTooltipOn?: string;\n  /* @conditional-compile-remove(dtmf-dialer) */\n  /**\n   * Tooltip for the control bar button to hide the dtmf dialer when the more button is disabled\n   */\n  dtmfDialerButtonTooltipOff?: string;\n  /* @conditional-compile-remove(dtmf-dialer) */\n  /**\n   * Label to show the dtmf dialer in the more button menu\n   */\n  dtmfDialerMoreButtonLabelOn?: string;\n  /* @conditional-compile-remove(dtmf-dialer) */\n  /**\n   * Label to hide the dtmf dialer in the more button menu\n   */\n  dtmfDialerMoreButtonLabelOff?: string;\n}\n"]}
+{"version":3,"file":"Strings.js","sourceRoot":"","sources":["../../../../../../../react-composites/src/composites/CallComposite/Strings.tsx"],"names":[],"mappings":"AAAA,uCAAuC;AACvC,kCAAkC","sourcesContent":["// Copyright (c) Microsoft Corporation.\n// Licensed under the MIT License.\n\n/* @conditional-compile-remove(close-captions) */\nimport { SpokenLanguageStrings, CaptionLanguageStrings } from '@internal/react-components';\n/* @conditional-compile-remove(end-of-call-survey) */\nimport { SurveyIssues, SurveyIssuesHeadingStrings } from '@internal/react-components';\n/* @conditional-compile-remove(capabilities) */\nimport { CapabilityChangedNotificationStrings } from './components/CapabilitiesChangedNotificationBar';\n\n/**\n * Strings used by the {@link CallComposite} directly.\n *\n * This strings are in addition to those used by the components from the component library.\n *\n * @public\n */\nexport interface CallCompositeStrings {\n  /**\n   * Title of configuration page.\n   */\n  configurationPageTitle: string;\n  /**\n   * Optional 1-2 lines on the call details used on the configuration page.\n   */\n  configurationPageCallDetails?: string;\n  /**\n   * Text in button to start call in configuration page.\n   */\n  startCallButtonLabel: string;\n  /**\n   * Text in button to rejoin an ended call.\n   */\n  rejoinCallButtonLabel: string;\n  /**\n   * Placeholder text for local device settings dropdowns.\n   */\n  defaultPlaceHolder: string;\n  /**\n   * Label for camera dropdown.\n   */\n  cameraLabel: string;\n  /**\n   * Label for when there are no cameras present on configuration screen.\n   */\n  noCamerasLabel: string;\n  /**\n   * Label for sound dropdown.\n   */\n  soundLabel: string;\n  /**\n   * Label for when no microphones were found on the configuration screen\n   */\n  noMicrophonesLabel: string;\n  /**\n   * Label for when no speakers were found on the configuration screen.\n   */\n  noSpeakersLabel: string;\n  /**\n   * Error shown when camera access is blocked by the browser.\n   */\n  cameraPermissionDenied: string;\n  /**\n   * Error shown when the camera is turned off.\n   */\n  cameraTurnedOff: string;\n  /**\n   * Error shown when microphone access is blocked by the browser.\n   */\n  microphonePermissionDenied: string;\n  /**\n   * Title text of the page shown to the user when joining a Teams meeting fails because meeting owner denied access.\n   */\n  failedToJoinTeamsMeetingReasonAccessDeniedTitle: string;\n  /**\n   * More details text of the page shown to the user when joining a Teams meeting fails because meeting owner denied access.\n   */\n  failedToJoinTeamsMeetingReasonAccessDeniedMoreDetails?: string;\n  /**\n   * Title text of the page shown to the user when joining a call fails due to a network problem.\n   */\n  failedToJoinCallDueToNoNetworkTitle: string;\n  /**\n   * More details text of the page shown to the user when joining a call fails due to a network problem.\n   */\n  failedToJoinCallDueToNoNetworkMoreDetails?: string;\n  /**\n   * Text to display on a leaving page.\n   */\n  leavingCallTitle?: string;\n  /**\n   * Title text of the page shown to the user when they leave a call in the call composite.\n   */\n  leftCallTitle: string;\n  /**\n   * More details text of the page shown to the user when they leave a call in the call composite.\n   */\n  leftCallMoreDetails?: string;\n  /**\n   * Title text of the page shown to the user when they are removed from a call in the call composite.\n   */\n  removedFromCallTitle: string;\n  /**\n   * More details text of the page shown to the user when they are removed from a call in the call composite.\n   */\n  removedFromCallMoreDetails?: string;\n  /**\n   * Text shown to the user on the lobby screen when connecting to a call.\n   */\n  lobbyScreenConnectingToCallTitle: string;\n  /**\n   * Optional addition details shown to the user on the lobby screen when connection to a call.\n   */\n  lobbyScreenConnectingToCallMoreDetails?: string;\n  /**\n   * Text shown to the user on the lobby screen when waiting to be admitted to a call.\n   */\n  lobbyScreenWaitingToBeAdmittedTitle: string;\n  /**\n   * Optional additional details shown to the user on the lobby screen when waiting to be admitted to a call.\n   */\n  lobbyScreenWaitingToBeAdmittedMoreDetails?: string;\n  /**\n   * Message shown to the user when they are speaking while muted.\n   */\n  mutedMessage: string;\n  /**\n   * Text for link to MS privacy policy in Compliance Banner.\n   */\n  privacyPolicy: string;\n  /**\n   * Text for link to learn more about a specific subject.\n   */\n  learnMore: string;\n  /**\n   * Message to let user know the meeting is only being recorded (no transcription) in ComplianceBanner.\n   */\n  complianceBannerNowOnlyRecording: string;\n  /**\n   * Message to let user know the meeting is only being transcripted (no recording) in ComplianceBanner.\n   */\n  complianceBannerNowOnlyTranscription: string;\n  /**\n   * Message to let user know recording and transcription of the meeting are saved in ComplianceBanner.\n   */\n  complianceBannerRecordingAndTranscriptionSaved: string;\n  /**\n   * Message to let user know recording and transcription of the meeting have started in ComplianceBanner.\n   */\n  complianceBannerRecordingAndTranscriptionStarted: string;\n  /**\n   * Message to let user know recording and transcription of the meeting have stopped in ComplianceBanner.\n   */\n  complianceBannerRecordingAndTranscriptionStopped: string;\n  /**\n   * Message to let user know recording of the meeting is being saved in ComplianceBanner.\n   */\n  complianceBannerRecordingSaving: string;\n  /**\n   * Message to let user know recording of the meeting has started in ComplianceBanner.\n   */\n  complianceBannerRecordingStarted: string;\n  /**\n   * Message to let user know recording of the meeting has stopped in ComplianceBanner.\n   */\n  complianceBannerRecordingStopped: string;\n  /**\n   * Message to let user know they are giving consent to meeting being transcripted in ComplianceBanner.\n   */\n  complianceBannerTranscriptionConsent: string;\n  /**\n   * Message to let user know transcription of the meeting is being saved in ComplianceBanner.\n   */\n  complianceBannerTranscriptionSaving: string;\n  /**\n   * Message to let user know transcription of the meeting has started in ComplianceBanner.\n   */\n  complianceBannerTranscriptionStarted: string;\n  /**\n   * Message to let user know the transcription of the meeting has stopped in ComplianceBanner.\n   */\n  complianceBannerTranscriptionStopped: string;\n  /**\n   * Text for close button.\n   */\n  close: string;\n  /**\n   * Title text of the page shown to the user when there is intermittent network failure during a call.\n   */\n  networkReconnectTitle: string;\n  /**\n   * More details text of the page shown to the user when there is intermittent network failure during a call.\n   */\n  networkReconnectMoreDetails: string;\n  /**\n   * Tooltip text used to inform a user that toggling microphone in lobby is not supported.\n   */\n  microphoneToggleInLobbyNotAllowed: string;\n  /**\n   * Side pane People section Title.\n   */\n  peoplePaneTitle: string;\n  /**\n   * Aria label string for return to call back button\n   */\n  returnToCallButtonAriaLabel?: string;\n  /**\n   * Aria Description string for return to call button\n   */\n  returnToCallButtonAriaDescription?: string;\n  /**\n   * control bar People button label\n   */\n  peopleButtonLabel: string;\n  /**\n   * control bar People button label when checked\n   */\n  selectedPeopleButtonLabel: string;\n  /**\n   * control bar Chat button label.\n   */\n  chatButtonLabel: string;\n  /**\n   * Label for SidePaneHeader dismiss button\n   */\n  dismissSidePaneButtonLabel?: string;\n  /* @conditional-compile-remove(one-to-n-calling) @conditional-compile-remove(PSTN-calls) */\n  /**\n   * Side pane People section subheader.\n   */\n  peoplePaneSubTitle: string;\n  /* @conditional-compile-remove(one-to-n-calling) @conditional-compile-remove(PSTN-calls) */\n  /**\n   * Label for button to copy invite link\n   */\n  copyInviteLinkButtonLabel: string;\n  /* @conditional-compile-remove(PSTN-calls) */\n  /**\n   * Label for button to open dialpad\n   */\n  openDialpadButtonLabel: string;\n  /* @conditional-compile-remove(one-to-n-calling) @conditional-compile-remove(PSTN-calls) */\n  /**\n   * Label for menu item to remove participant\n   */\n  removeMenuLabel: string;\n  /* @conditional-compile-remove(spotlight) */\n  /**\n   * Label for menu item to start spotlight on participant\n   */\n  startSpotlightParticipantListMenuLabel: string;\n  /* @conditional-compile-remove(spotlight) */\n  /**\n   * Label for menu item to add spotlight on participant\n   */\n  addSpotlightParticipantListMenuLabel: string;\n  /* @conditional-compile-remove(spotlight) */\n  /**\n   * Label for menu item to stop spotlight on participant\n   */\n  stopSpotlightParticipantListMenuLabel: string;\n  /* @conditional-compile-remove(spotlight) */\n  /**\n   * Label for menu item to stop spotlight on local user\n   */\n  stopSpotlightOnSelfParticipantListMenuLabel: string;\n  /* @conditional-compile-remove(PSTN-calls) */\n  /**\n   * Label for add people dropdown\n   */\n  peoplePaneAddPeopleButtonLabel: string;\n  /* @conditional-compile-remove(PSTN-calls) */\n  /**\n   * Label for button to start a call\n   */\n  dialpadStartCallButtonLabel: string;\n  /* @conditional-compile-remove(PSTN-calls) */\n  /**\n   * Title for dialpad Modal\n   */\n  dialpadModalTitle: string;\n  /* @conditional-compile-remove(PSTN-calls) */\n  /**\n   * Aria Label for dialpad Modal\n   */\n  dialpadModalAriaLabel: string;\n  /* @conditional-compile-remove(PSTN-calls) */\n  /**\n   * Aria Label for dialpad Modal close button\n   */\n  dialpadCloseModalButtonAriaLabel: string;\n  /**\n   * label for more button in the Calling composite\n   */\n  moreButtonCallingLabel: string;\n  /* @conditional-compile-remove(PSTN-calls) */ /* @conditional-compile-remove(one-to-n-calling) */\n  /**\n   * Label for the resume call button on the hold pane\n   */\n  resumeCallButtonLabel: string;\n  /* @conditional-compile-remove(PSTN-calls) */ /* @conditional-compile-remove(one-to-n-calling) */\n  /**\n   * Label for the resume call button on the hold pane when call is resuming\n   */\n  resumingCallButtonLabel: string;\n  /* @conditional-compile-remove(PSTN-calls) */ /* @conditional-compile-remove(one-to-n-calling) */\n  /**\n   * Aria label for the resume call button on the hold pane\n   */\n  resumeCallButtonAriaLabel: string;\n  /* @conditional-compile-remove(PSTN-calls) */ /* @conditional-compile-remove(one-to-n-calling) */\n  /**\n   * Aria label for the resume call button on the hold pane when call is resuming\n   */\n  resumingCallButtonAriaLabel: string;\n  /* @conditional-compile-remove(PSTN-calls) */ /* @conditional-compile-remove(one-to-n-calling) */\n  /**\n   * Label for the hold pane\n   */\n  holdScreenLabel: string;\n  /* @conditional-compile-remove(PSTN-calls) */\n  /**\n   * Placeholder text for dtmf dialpad\n   */\n  dtmfDialpadPlaceholderText: string;\n  /* @conditional-compile-remove(PSTN-calls) */\n  /**\n   * Label for the button to open dtmf dialpad\n   */\n  openDtmfDialpadLabel: string;\n  /**\n   * aria label for when the invite link has been actioned\n   */\n  copyInviteLinkActionedAriaLabel: string;\n  /* @conditional-compile-remove(rooms) */\n  /**\n   * Title text of the page shown to the user when the user attempts to join a room that cannot be found.\n   */\n  roomNotFoundTitle: string;\n  /* @conditional-compile-remove(rooms) */\n  /**\n   * More details text of the page shown to the user when the user attempts to join a room that cannot be found.\n   */\n  roomNotFoundDetails?: string;\n  /* @conditional-compile-remove(rooms) */\n  /**\n   * Title text of the page shown to the user when the user attempts to join a room that is not valid.\n   */\n  roomNotValidTitle: string;\n  /* @conditional-compile-remove(rooms) */\n  /**\n   * More details text of the page shown to the user when the user attempts to join a room that is not valid.\n   */\n  roomNotValidDetails?: string;\n  /* @conditional-compile-remove(rooms) */\n  /**\n   * Title text of the page shown to the user when the user's permission to join the room is removed.\n   */\n  inviteToRoomRemovedTitle: string;\n  /* @conditional-compile-remove(rooms) */\n  /**\n   * More details text of the page shown to the user when the user's permission to join the room is removed.\n   */\n  inviteToRoomRemovedDetails?: string;\n  /* @conditional-compile-remove(video-background-effects) */\n  /**\n   * Video Effects pane title.\n   */\n  videoEffectsPaneTitle: string;\n  /* @conditional-compile-remove(video-background-effects) */\n  /**\n   * Video Effects pane sub section title for choosing background.\n   */\n  videoEffectsPaneBackgroundSelectionTitle: string;\n  /* @conditional-compile-remove(video-background-effects) */\n  /**\n   * Label for the button to open effects\n   */\n  configurationPageVideoEffectsButtonLabel?: string;\n  /* @conditional-compile-remove(video-background-effects) */\n  /**\n   * Error message for video effect failure\n   */\n  unableToStartVideoEffect?: string;\n  /* @conditional-compile-remove(video-background-effects) */\n  /**\n   * Label for the blur video background effect item\n   */\n  blurBackgroundEffectButtonLabel?: string;\n  /* @conditional-compile-remove(video-background-effects) */\n  /**\n   * Tooltip text for the blur video background effect item\n   */\n  blurBackgroundTooltip?: string;\n  /* @conditional-compile-remove(video-background-effects) */\n  /**\n   * Label for the remove video background effect item\n   */\n  removeBackgroundEffectButtonLabel?: string;\n  /* @conditional-compile-remove(video-background-effects) */\n  /**\n   * Tooltip text for the blur video background effect item\n   */\n  removeBackgroundTooltip?: string;\n  /* @conditional-compile-remove(video-background-effects) */\n  /**\n   * Text to show when warning the user the camera is off and inform the user to turn the camera on to see the selected video background effect.\n   */\n  cameraOffBackgroundEffectWarningText?: string;\n  /* @conditional-compile-remove(rooms) */\n  /**\n   * Title text of the page shown to the user when the user attempts to join a room they are not invited to.\n   */\n  notInvitedToRoomTitle: string;\n  /* @conditional-compile-remove(rooms) */\n  /**\n   * More details text of the page shown to the user when the user attempts to join a room they are not invited to.\n   */\n  notInvitedToRoomDetails?: string;\n  /* @conditional-compile-remove(one-to-n-calling) @conditional-compile-remove(PSTN-calls) */\n  /**\n   * Control bar People button ToolTipContent\n   */\n  peopleButtonTooltipOpen: string;\n  /* @conditional-compile-remove(one-to-n-calling) @conditional-compile-remove(PSTN-calls) */\n  /**\n   * Control bar People button ToolTipContent\n   */\n  peopleButtonTooltipClose: string;\n  /* @conditional-compile-remove(PSTN-calls) */ /* @conditional-compile-remove(one-to-n-calling) */\n  /**\n   * Label disaplayed on the lobby screen during a 1:1 outbound call.\n   */\n  outboundCallingNoticeString: string;\n  /**\n   * Notice to be announced by narrator when a participant joins a call\n   */\n  participantJoinedNoticeString: string;\n  /**\n   * Notice to be announced by narrator when a participant joins a call\n   */\n  twoParticipantJoinedNoticeString: string;\n  /**\n   * Notice to be announced by narrator when a participant joins a call\n   */\n  threeParticipantJoinedNoticeString: string;\n  /**\n   * Notice to be announced by narrator when a participant leaves a call\n   */\n  participantLeftNoticeString: string;\n  /**\n   * Notice to be announced by narrator when 2 participants leave a call\n   */\n  twoParticipantLeftNoticeString: string;\n  /**\n   * Notice to be announced by narrator when 3 participants leave a call\n   */\n  threeParticipantLeftNoticeString: string;\n  /**\n   * string to be used to announce a change in participant if they have no displayName\n   */\n  unnamedParticipantString: string;\n  /**\n   * string to be used to announce when more than 3 participants have joined at the same time.\n   */\n  manyParticipantsJoined: string;\n  /**\n   * string to be used to announce when more than 3 participants have left at the same time.\n   */\n  manyParticipantsLeft: string;\n  /**\n   * string to be used to announce when multiple unnamed participants have joined at the same time.\n   */\n  manyUnnamedParticipantsJoined: string;\n  /**\n   * string to be used to announce when multiple unnamed participants have left at the same time.\n   */\n  manyUnnamedParticipantsLeft: string;\n  /* @conditional-compile-remove(close-captions) */\n  /**\n   * string to be used to open live captions contextual menu\n   */\n  liveCaptionsLabel?: string;\n  /* @conditional-compile-remove(close-captions) */\n  /**\n   * label for opening captions setting modal\n   */\n  captionsSettingsLabel?: string;\n  /* @conditional-compile-remove(close-captions) */\n  /**\n   * string to be used to start captions\n   */\n  startCaptionsButtonOnLabel?: string;\n  /* @conditional-compile-remove(close-captions) */\n  /**\n   * string to be used to stop captions\n   */\n  startCaptionsButtonOffLabel?: string;\n  /* @conditional-compile-remove(close-captions) */\n  /**\n   * tooltip string to be used to show captions is on\n   */\n  startCaptionsButtonTooltipOnContent?: string;\n  /* @conditional-compile-remove(close-captions) */\n  /**\n   *tooltip string to be used to show captions is off\n   */\n  startCaptionsButtonTooltipOffContent?: string;\n  /* @conditional-compile-remove(close-captions) */\n  /**\n   * captions setting modal title\n   */\n  captionsSettingsModalTitle?: string;\n  /* @conditional-compile-remove(close-captions) */\n  /**\n   * label for spoken language dropdown inside captions setting modal\n   */\n  captionsSettingsSpokenLanguageDropdownLabel?: string;\n  /* @conditional-compile-remove(close-captions) */\n  /**\n   * label for captions language inside captions setting modal\n   */\n  captionsSettingsCaptionLanguageDropdownLabel?: string;\n  /* @conditional-compile-remove(close-captions) */\n  /**\n   * text under captions setting dropdown indicating what the dropdown is for\n   */\n  captionsSettingsSpokenLanguageDropdownInfoText?: string;\n  /* @conditional-compile-remove(close-captions) */\n  /**\n   * text under captions setting dropdown indicating what the dropdown is for\n   */\n  captionsSettingsCaptionLanguageDropdownInfoText?: string;\n  /* @conditional-compile-remove(close-captions) */\n  /**\n   * confirm button label in captions setting modal\n   */\n  captionsSettingsConfirmButtonLabel?: string;\n  /* @conditional-compile-remove(close-captions) */\n  /**\n   * cancel button label in captions setting modal\n   */\n  captionsSettingsCancelButtonLabel?: string;\n  /* @conditional-compile-remove(close-captions) */\n  /**\n   * arial label for captions setting modal\n   */\n  captionsSettingsModalAriaLabel?: string;\n  /* @conditional-compile-remove(close-captions) */\n  /**\n   * arial label for captions setting modal close button\n   */\n  captionsSettingsCloseModalButtonAriaLabel?: string;\n  /* @conditional-compile-remove(close-captions) */\n  /**\n   * label for more button inside captions banner\n   */\n  captionsBannerMoreButtonCallingLabel?: string;\n  /* @conditional-compile-remove(close-captions) */\n  /**\n   * arial label for more button inside captions banner\n   */\n  captionsBannerMoreButtonTooltip?: string;\n  /* @conditional-compile-remove(close-captions) */\n  /**\n   * list of key value pairs that pairs spoken language code to language names\n   */\n  spokenLanguageStrings?: SpokenLanguageStrings;\n  /* @conditional-compile-remove(close-captions) */\n  /**\n   * list of key value pairs that pairs caption language code to language names\n   */\n  captionLanguageStrings?: CaptionLanguageStrings;\n  /* @conditional-compile-remove(close-captions) */\n  /**\n   * captions banner loading spinner label\n   */\n  captionsBannerSpinnerText?: string;\n  /* @conditional-compile-remove(call-transfer) */\n  /**\n   * transfer page text when showing the transferor who initiated the transfer\n   */\n  transferPageTransferorText: string;\n  /* @conditional-compile-remove(call-transfer) */\n  /**\n   * transfer page text when showing the transfer target\n   */\n  transferPageTransferTargetText: string;\n  /* @conditional-compile-remove(call-transfer) */\n  /**\n   * transfer page display name for unknown participant\n   */\n  transferPageUnknownTransferorDisplayName: string;\n  /* @conditional-compile-remove(call-transfer) */\n  /**\n   * transfer page display name for unknown participant\n   */\n  transferPageUnknownTransferTargetDisplayName: string;\n  /* @conditional-compile-remove(call-transfer) */\n  /**\n   * notice to be announced by narrator the transfer page is showing\n   */\n  transferPageNoticeString: string;\n  /* @conditional-compile-remove(teams-adhoc-call) */\n  /**\n   * Title text of the page shown to the user when target participant could not be reached\n   */\n  participantCouldNotBeReachedTitle?: string;\n  /* @conditional-compile-remove(teams-adhoc-call) */\n  /**\n   * More details text of the page shown to the user when target participant could not be reached\n   */\n  participantCouldNotBeReachedMoreDetails?: string;\n  /* @conditional-compile-remove(teams-adhoc-call) */\n  /**\n   * Title text of the page shown to the user when permission to reach participant is not allowed\n   */\n  permissionToReachTargetParticipantNotAllowedTitle?: string;\n  /* @conditional-compile-remove(teams-adhoc-call) */\n  /**\n   * More details text of the page shown to the user when permission to reach participant is not allowed\n   */\n  permissionToReachTargetParticipantNotAllowedMoreDetails?: string;\n  /* @conditional-compile-remove(teams-adhoc-call) */\n  /**\n   * Title text of the page shown to the user when tenant id for the target participant could not be resolved\n   */\n  unableToResolveTenantTitle?: string;\n  /* @conditional-compile-remove(teams-adhoc-call) */\n  /**\n   * More details text of the page shown to the user when tenant id for the target participant could not be resolved\n   */\n  unableToResolveTenantMoreDetails?: string;\n  /* @conditional-compile-remove(teams-adhoc-call) */\n  /**\n   * Title text of the page shown to the user when target participant id is malformed\n   */\n  participantIdIsMalformedTitle?: string;\n  /* @conditional-compile-remove(teams-adhoc-call) */\n  /**\n   * More details text of the page shown to the user when target participant id is malformed\n   */\n  participantIdIsMalformedMoreDetails?: string;\n  /* @conditional-compile-remove(gallery-layouts) */\n  /**\n   * Controls label to move the overflow gallery around\n   */\n  moreButtonGalleryControlLabel?: string;\n  /* @conditional-compile-remove(gallery-layouts) */\n  /**\n   * Label for the toggle to move the overflow gallery to the top\n   */\n  moreButtonGalleryPositionToggleLabel?: string;\n  /* @conditional-compile-remove(gallery-layouts) */\n  /**\n   * Label for the selection of the speaker layout\n   */\n  moreButtonGallerySpeakerLayoutLabel?: string;\n  /* @conditional-compile-remove(gallery-layouts) */\n  /**\n   * Label for the selection of the default (Gallery) layout\n   */\n  moreButtonGalleryDefaultLayoutLabel?: string;\n  /* @conditional-compile-remove(gallery-layouts) */\n  /**\n   * Label for the selection of the default (Gallery) layout\n   */\n  moreButtonLargeGalleryDefaultLayoutLabel?: string;\n  /* @conditional-compile-remove(gallery-layouts) */\n  /**\n   * Label for the selection of the floatingLocalVideo (Dynamic) layout\n   */\n  moreButtonGalleryFloatingLocalLayoutLabel?: string;\n  /* @conditional-compile-remove(gallery-layouts) */\n  /**\n   * Label for the selection of the focusedContentLayout (Focused content) layout\n   */\n  moreButtonGalleryFocusedContentLayoutLabel?: string;\n  /* @conditional-compile-remove(capabilities) */\n  /**\n   * All strings for capability changed notification\n   */\n  capabilityChangedNotification?: CapabilityChangedNotificationStrings;\n  /* @conditional-compile-remove(end-of-call-survey) */\n  /**\n   * Question for the survey\n   */\n  surveyQuestion: string;\n  /* @conditional-compile-remove(end-of-call-survey) */\n  /**\n   * Helper text to explain what the survey is for\n   */\n  starSurveyHelperText: string;\n  /* @conditional-compile-remove(end-of-call-survey) */\n  /**\n   * Helper text displayed below survey question after user select one star\n   */\n  starSurveyOneStarText: string;\n  /* @conditional-compile-remove(end-of-call-survey) */\n  /**\n   * Helper text displayed below survey question after user select two star\n   */\n  starSurveyTwoStarText: string;\n  /* @conditional-compile-remove(end-of-call-survey) */\n  /**\n   * Helper text displayed below survey question after user select three star\n   */\n  starSurveyThreeStarText: string;\n  /* @conditional-compile-remove(end-of-call-survey) */\n  /**\n   * Helper text displayed below survey question after user select four star\n   */\n  starSurveyFourStarText: string;\n  /* @conditional-compile-remove(end-of-call-survey) */\n  /**\n   * Helper text displayed below survey question after user select five star\n   */\n  starSurveyFiveStarText: string;\n  /* @conditional-compile-remove(end-of-call-survey) */\n  /**\n   * Aria Label for each individual star rating\n   */\n  starRatingAriaLabel: string;\n  /* @conditional-compile-remove(end-of-call-survey) */\n  /**\n   * Tags Survey Question\n   */\n  tagsSurveyQuestion: string;\n  /* @conditional-compile-remove(end-of-call-survey) */\n  /**\n   * Default text for free form text field inside tags survey\n   */\n  tagsSurveyTextFieldDefaultText: string;\n  /* @conditional-compile-remove(end-of-call-survey) */\n  /**\n   * Tags Survey helper text\n   */\n  tagsSurveyHelperText: string;\n  /* @conditional-compile-remove(end-of-call-survey) */\n  /**\n   * Confirm button label for survey\n   */\n  surveyConfirmButtonLabel: string;\n  /* @conditional-compile-remove(end-of-call-survey) */\n  /**\n   * Aria Label for cancel button\n   */\n  surveyCancelButtonAriaLabel: string;\n  /* @conditional-compile-remove(end-of-call-survey) */\n  /**\n   * Default text for free form text box\n   */\n  surveyTextboxDefaultText: string;\n  /* @conditional-compile-remove(end-of-call-survey) */\n  /**\n   * Corresponding texts to each call issue\n   */\n  surveyIssues: SurveyIssues;\n  /* @conditional-compile-remove(end-of-call-survey) */\n  /**\n   * Corresponding texts to each call category\n   */\n  SurveyIssuesHeadingStrings: SurveyIssuesHeadingStrings;\n  /**\n   * String for the dismiss control on the local and remote PIP on mobile\n   */\n  dismissModalAriaLabel?: string;\n  /* @conditional-compile-remove(calling-sounds) */\n  /**\n   * String for title when the call is rejected by the callee\n   */\n  callRejectedTitle?: string;\n  /* @conditional-compile-remove(calling-sounds) */\n  /**\n   * String for more details when the call is rejected by the callee\n   */\n  callRejectedMoreDetails?: string;\n  /**\n   * String for title when the call times out because the remote user does not answer\n   */\n  callTimeoutTitle?: string;\n  /**\n   * String for title when the call times out when calling a bot.\n   */\n  callTimeoutBotTitle?: string;\n  /**\n   * String for more details when the call times out because the remote user does not answer\n   */\n  callTimeoutDetails?: string;\n  /**\n   * String for more details when the call times out when calling a bot\n   */\n  callTimeoutBotDetails?: string;\n  /* @conditional-compile-remove(dtmf-dialer) */\n  /**\n   * Label for the control bar button to show the dtmf dialer when the more button is disabled\n   */\n  dtmfDialerButtonLabel?: string;\n  /* @conditional-compile-remove(dtmf-dialer) */\n  /**\n   * Tooltip for the control bar button to show the dtmf dialer when the more button is disabled\n   */\n  dtmfDialerButtonTooltipOn?: string;\n  /* @conditional-compile-remove(dtmf-dialer) */\n  /**\n   * Tooltip for the control bar button to hide the dtmf dialer when the more button is disabled\n   */\n  dtmfDialerButtonTooltipOff?: string;\n  /* @conditional-compile-remove(dtmf-dialer) */\n  /**\n   * Label to show the dtmf dialer in the more button menu\n   */\n  dtmfDialerMoreButtonLabelOn?: string;\n  /* @conditional-compile-remove(dtmf-dialer) */\n  /**\n   * Label to hide the dtmf dialer in the more button menu\n   */\n  dtmfDialerMoreButtonLabelOff?: string;\n}\n"]}

package/dist/dist-esm/react-composites/src/composites/CallComposite/components/MediaGallery.js

@@ -64,7 +64,6 @@ export const MediaGallery = (props) => {
         return (React.createElement(Stack, { className: mergeStyles({ position: 'absolute', height: '100%', width: '100%' }) },
             React.createElement(Stack, { styles: { root: { margin: 'auto', maxHeight: '100%' } } }, (options === null || options === void 0 ? void 0 : options.coinSize) && (React.createElement(AvatarPersona, Object.assign({ userId: userId }, options, { dataProvider: props.onFetchAvatarPersonaData }))))));
     }, [props.onFetchAvatarPersonaData]);
-    /* @conditional-compile-remove(pinned-participants) */
     const remoteVideoTileMenuOptions = useMemo(() => {
         var _a;
         return ((_a = props.remoteVideoTileMenuOptions) === null || _a === void 0 ? void 0 : _a.isHidden)
@@ -95,9 +94,7 @@ export const MediaGallery = (props) => {
             return props.localVideoTileOptions ? layoutBasedOnTilePosition : props.userSetGalleryLayout;
             return layoutBasedOnTilePosition;
         };
-        return (React.createElement(VideoGallery, Object.assign({}, videoGalleryProps, { localVideoViewOptions: localVideoViewOptions, remoteVideoViewOptions: remoteVideoViewOptions, styles: VideoGalleryStyles, layout: layoutBasedOnUserSelection(), showCameraSwitcherInLocalPreview: props.isMobile, localVideoCameraCycleButtonProps: cameraSwitcherProps, onRenderAvatar: onRenderAvatar, 
-            /* @conditional-compile-remove(pinned-participants) */
-            remoteVideoTileMenu: remoteVideoTileMenuOptions, 
+        return (React.createElement(VideoGallery, Object.assign({}, videoGalleryProps, { localVideoViewOptions: localVideoViewOptions, remoteVideoViewOptions: remoteVideoViewOptions, styles: VideoGalleryStyles, layout: layoutBasedOnUserSelection(), showCameraSwitcherInLocalPreview: props.isMobile, localVideoCameraCycleButtonProps: cameraSwitcherProps, onRenderAvatar: onRenderAvatar, remoteVideoTileMenu: remoteVideoTileMenuOptions, 
             /* @conditional-compile-remove(vertical-gallery) */
             overflowGalleryPosition: overflowGalleryPosition, 
             /* @conditional-compile-remove(rooms) */
@@ -119,7 +116,6 @@ export const MediaGallery = (props) => {
         props.localVideoTileOptions,
         cameraSwitcherProps,
         onRenderAvatar,
-        /* @conditional-compile-remove(pinned-participants) */
         remoteVideoTileMenuOptions,
         /* @conditional-compile-remove(vertical-gallery) */
         overflowGalleryPosition,

package/dist/dist-esm/react-composites/src/composites/CallComposite/components/MediaGallery.js.map

@@ -1 +1 @@
-{"version":3,"file":"MediaGallery.js","sourceRoot":"","sources":["../../../../../../../../react-composites/src/composites/CallComposite/components/MediaGallery.tsx"],"names":[],"mappings":"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","sourcesContent":["// Copyright (c) Microsoft Corporation.\n// Licensed under the MIT License.\n\nimport React, { CSSProperties, useCallback, useMemo } from 'react';\n/* @conditional-compile-remove(vertical-gallery) */ /* @conditional-compile-remove(rooms) */\nimport { useRef } from 'react';\nimport { VideoGallery, VideoStreamOptions, CustomAvatarOptions, Announcer } from '@internal/react-components';\nimport { VideoGalleryLayout } from '@internal/react-components';\n/* @conditional-compile-remove(vertical-gallery) */ /* @conditional-compile-remove(rooms) */\nimport { _useContainerWidth, _useContainerHeight } from '@internal/react-components';\n/* @conditional-compile-remove(pinned-participants) */\nimport { VideoTileContextualMenuProps, VideoTileDrawerMenuProps } from '@internal/react-components';\nimport { usePropsFor } from '../hooks/usePropsFor';\nimport { AvatarPersona, AvatarPersonaDataCallback } from '../../common/AvatarPersona';\nimport { mergeStyles, Stack } from '@fluentui/react';\nimport { useHandlers } from '../hooks/useHandlers';\nimport { useSelector } from '../hooks/useSelector';\nimport { localVideoCameraCycleButtonSelector } from '../selectors/LocalVideoTileSelector';\nimport { LocalVideoCameraCycleButton } from '@internal/react-components';\nimport { _formatString } from '@internal/acs-ui-common';\nimport { useParticipantChangedAnnouncement } from '../utils/MediaGalleryUtils';\n/* @conditional-compile-remove(pinned-participants) */\nimport { RemoteVideoTileMenuOptions } from '../CallComposite';\n/* @conditional-compile-remove(click-to-call) */ /* @conditional-compile-remove(rooms) */ /* @conditional-compile-remove(vertical-gallery) */\nimport { LocalVideoTileOptions } from '../CallComposite';\n/* @conditional-compile-remove(rooms) */\nimport { useAdapter } from '../adapter/CallAdapterProvider';\n\nconst VideoGalleryStyles = {\n  root: {\n    height: '100%',\n    minHeight: '10rem', // space affordance to ensure media gallery is never collapsed\n    minWidth: '6rem'\n  }\n};\n\nconst localVideoViewOptions = {\n  scalingMode: 'Crop',\n  isMirrored: true\n} as VideoStreamOptions;\n\nconst remoteVideoViewOptions = {\n  scalingMode: 'Crop'\n} as VideoStreamOptions;\n\n/**\n * @private\n */\nexport interface MediaGalleryProps {\n  isVideoStreamOn?: boolean;\n  isMicrophoneChecked?: boolean;\n  onStartLocalVideo: () => Promise<void>;\n  onFetchAvatarPersonaData?: AvatarPersonaDataCallback;\n  isMobile?: boolean;\n  drawerMenuHostId?: string;\n  /* @conditional-compile-remove(pinned-participants) */\n  remoteVideoTileMenuOptions?: RemoteVideoTileMenuOptions;\n  /* @conditional-compile-remove(click-to-call) */ /* @conditional-compile-remove(rooms) */ /* @conditional-compile-remove(vertical-gallery) */\n  localVideoTileOptions?: boolean | LocalVideoTileOptions;\n  /* @conditional-compile-remove(gallery-layouts) */\n  userSetOverflowGalleryPosition?: 'Responsive' | 'horizontalTop';\n  /* @conditional-compile-remove(gallery-layouts) */\n  userSetGalleryLayout: VideoGalleryLayout;\n}\n\n/**\n * @private\n */\nexport const MediaGallery = (props: MediaGalleryProps): JSX.Element => {\n  const videoGalleryProps = usePropsFor(VideoGallery);\n  const cameraSwitcherCameras = useSelector(localVideoCameraCycleButtonSelector);\n  const cameraSwitcherCallback = useHandlers(LocalVideoCameraCycleButton);\n  const announcerString = useParticipantChangedAnnouncement();\n\n  /* @conditional-compile-remove(rooms) */\n  const adapter = useAdapter();\n  /* @conditional-compile-remove(rooms) */\n  const userRole = adapter.getState().call?.role;\n  /* @conditional-compile-remove(rooms) */\n  const isRoomsCall = adapter.getState().isRoomsCall;\n\n  /* @conditional-compile-remove(vertical-gallery) */ /* @conditional-compile-remove(rooms) */\n  const containerRef = useRef<HTMLDivElement>(null);\n  /* @conditional-compile-remove(vertical-gallery) */ /* @conditional-compile-remove(rooms) */\n  const containerWidth = _useContainerWidth(containerRef);\n  /* @conditional-compile-remove(vertical-gallery) */ /* @conditional-compile-remove(rooms) */\n  const containerHeight = _useContainerHeight(containerRef);\n  /* @conditional-compile-remove(click-to-call) */ /* @conditional-compile-remove(rooms) */ /* @conditional-compile-remove(vertical-gallery) */\n  const containerAspectRatio = containerWidth && containerHeight ? containerWidth / containerHeight : 0;\n  /* @conditional-compile-remove(reaction) */\n  const reactionResources = adapter.getState().reactions;\n\n  const layoutBasedOnTilePosition: VideoGalleryLayout = localVideoTileLayoutTrampoline(\n    /* @conditional-compile-remove(click-to-call) */ (props.localVideoTileOptions as LocalVideoTileOptions)?.position\n  );\n\n  const cameraSwitcherProps = useMemo(() => {\n    return {\n      ...cameraSwitcherCallback,\n      ...cameraSwitcherCameras\n    };\n  }, [cameraSwitcherCallback, cameraSwitcherCameras]);\n\n  const onRenderAvatar = useCallback(\n    (userId?: string, options?: CustomAvatarOptions) => {\n      return (\n        <Stack className={mergeStyles({ position: 'absolute', height: '100%', width: '100%' })}>\n          <Stack styles={{ root: { margin: 'auto', maxHeight: '100%' } }}>\n            {options?.coinSize && (\n              <AvatarPersona userId={userId} {...options} dataProvider={props.onFetchAvatarPersonaData} />\n            )}\n          </Stack>\n        </Stack>\n      );\n    },\n    [props.onFetchAvatarPersonaData]\n  );\n\n  /* @conditional-compile-remove(pinned-participants) */\n  const remoteVideoTileMenuOptions: false | VideoTileContextualMenuProps | VideoTileDrawerMenuProps = useMemo(() => {\n    return props.remoteVideoTileMenuOptions?.isHidden\n      ? false\n      : props.isMobile\n      ? { kind: 'drawer', hostId: props.drawerMenuHostId }\n      : { kind: 'contextual' };\n  }, [props.remoteVideoTileMenuOptions?.isHidden, props.isMobile, props.drawerMenuHostId]);\n\n  /* @conditional-compile-remove(vertical-gallery) */\n  const overflowGalleryPosition = useMemo(() => {\n    /* @conditional-compile-remove(gallery-layouts) */\n    if (props.userSetOverflowGalleryPosition === 'horizontalTop') {\n      return props.userSetOverflowGalleryPosition;\n    }\n    return containerWidth && containerHeight && containerWidth / containerHeight >= 16 / 9\n      ? 'verticalRight'\n      : 'horizontalBottom';\n  }, [\n    /* @conditional-compile-remove(gallery-layouts) */ props.userSetOverflowGalleryPosition,\n    containerWidth,\n    containerHeight\n  ]);\n\n  /* @conditional-compile-remove(spotlight) */\n  const ableToSpotlight = adapter.getState().call?.capabilitiesFeature?.capabilities.spotlightParticipant.isPresent;\n\n  const VideoGalleryMemoized = useMemo(() => {\n    const layoutBasedOnUserSelection = (): VideoGalleryLayout => {\n      /* @conditional-compile-remove(gallery-layouts) */\n      return props.localVideoTileOptions ? layoutBasedOnTilePosition : props.userSetGalleryLayout;\n      return layoutBasedOnTilePosition;\n    };\n\n    return (\n      <VideoGallery\n        {...videoGalleryProps}\n        localVideoViewOptions={localVideoViewOptions}\n        remoteVideoViewOptions={remoteVideoViewOptions}\n        styles={VideoGalleryStyles}\n        layout={layoutBasedOnUserSelection()}\n        showCameraSwitcherInLocalPreview={props.isMobile}\n        localVideoCameraCycleButtonProps={cameraSwitcherProps}\n        onRenderAvatar={onRenderAvatar}\n        /* @conditional-compile-remove(pinned-participants) */\n        remoteVideoTileMenu={remoteVideoTileMenuOptions}\n        /* @conditional-compile-remove(vertical-gallery) */\n        overflowGalleryPosition={overflowGalleryPosition}\n        /* @conditional-compile-remove(rooms) */\n        localVideoTileSize={\n          props.localVideoTileOptions === false || userRole === 'Consumer' || (isRoomsCall && userRole === 'Unknown')\n            ? 'hidden'\n            : props.isMobile && containerAspectRatio < 1\n            ? '9:16'\n            : '16:9'\n        }\n        /* @conditional-compile-remove(reaction) */\n        reactionResources={reactionResources}\n        /* @conditional-compile-remove(spotlight) */\n        onStartSpotlight={ableToSpotlight ? videoGalleryProps.onStartSpotlight : undefined}\n        /* @conditional-compile-remove(spotlight) */\n        onStopSpotlight={ableToSpotlight ? videoGalleryProps.onStopSpotlight : undefined}\n      />\n    );\n  }, [\n    videoGalleryProps,\n    props.isMobile,\n    /* @conditional-compile-remove(rooms) */\n    props.localVideoTileOptions,\n    cameraSwitcherProps,\n    onRenderAvatar,\n    /* @conditional-compile-remove(pinned-participants) */\n    remoteVideoTileMenuOptions,\n    /* @conditional-compile-remove(vertical-gallery) */\n    overflowGalleryPosition,\n    /* @conditional-compile-remove(rooms) */\n    userRole,\n    /* @conditional-compile-remove(rooms) */\n    isRoomsCall,\n    /* @conditional-compile-remove(vertical-gallery) */\n    containerAspectRatio,\n    /* @conditional-compile-remove(gallery-layouts) */\n    props.userSetGalleryLayout,\n    layoutBasedOnTilePosition,\n    /* @conditional-compile-remove(reaction) */\n    reactionResources,\n    /* @conditional-compile-remove(spotlight) */\n    ableToSpotlight\n  ]);\n\n  return (\n    <div /* @conditional-compile-remove(vertical-gallery) */ ref={containerRef} style={mediaGalleryContainerStyles}>\n      <Announcer announcementString={announcerString} ariaLive={'polite'} />\n      {VideoGalleryMemoized}\n    </div>\n  );\n};\n\nconst mediaGalleryContainerStyles: CSSProperties = { width: '100%', height: '100%' };\n\nconst localVideoTileLayoutTrampoline = (\n  /* @conditional-compile-remove(click-to-call) */ localTileOptions?: string\n): VideoGalleryLayout => {\n  /* @conditional-compile-remove(click-to-call) */\n  return localTileOptions === 'grid' ? 'default' : 'floatingLocalVideo';\n  return 'floatingLocalVideo';\n};\n"]}
+{"version":3,"file":"MediaGallery.js","sourceRoot":"","sources":["../../../../../../../../react-composites/src/composites/CallComposite/components/MediaGallery.tsx"],"names":[],"mappings":"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","sourcesContent":["// Copyright (c) Microsoft Corporation.\n// Licensed under the MIT License.\n\nimport React, { CSSProperties, useCallback, useMemo } from 'react';\n/* @conditional-compile-remove(vertical-gallery) */ /* @conditional-compile-remove(rooms) */\nimport { useRef } from 'react';\nimport {\n  VideoGallery,\n  VideoStreamOptions,\n  CustomAvatarOptions,\n  Announcer,\n  VideoTileContextualMenuProps,\n  VideoTileDrawerMenuProps\n} from '@internal/react-components';\nimport { VideoGalleryLayout } from '@internal/react-components';\n/* @conditional-compile-remove(vertical-gallery) */ /* @conditional-compile-remove(rooms) */\nimport { _useContainerWidth, _useContainerHeight } from '@internal/react-components';\nimport { usePropsFor } from '../hooks/usePropsFor';\nimport { AvatarPersona, AvatarPersonaDataCallback } from '../../common/AvatarPersona';\nimport { mergeStyles, Stack } from '@fluentui/react';\nimport { useHandlers } from '../hooks/useHandlers';\nimport { useSelector } from '../hooks/useSelector';\nimport { localVideoCameraCycleButtonSelector } from '../selectors/LocalVideoTileSelector';\nimport { LocalVideoCameraCycleButton } from '@internal/react-components';\nimport { _formatString } from '@internal/acs-ui-common';\nimport { useParticipantChangedAnnouncement } from '../utils/MediaGalleryUtils';\nimport { RemoteVideoTileMenuOptions } from '../CallComposite';\n/* @conditional-compile-remove(click-to-call) */ /* @conditional-compile-remove(rooms) */ /* @conditional-compile-remove(vertical-gallery) */\nimport { LocalVideoTileOptions } from '../CallComposite';\n/* @conditional-compile-remove(rooms) */\nimport { useAdapter } from '../adapter/CallAdapterProvider';\n\nconst VideoGalleryStyles = {\n  root: {\n    height: '100%',\n    minHeight: '10rem', // space affordance to ensure media gallery is never collapsed\n    minWidth: '6rem'\n  }\n};\n\nconst localVideoViewOptions = {\n  scalingMode: 'Crop',\n  isMirrored: true\n} as VideoStreamOptions;\n\nconst remoteVideoViewOptions = {\n  scalingMode: 'Crop'\n} as VideoStreamOptions;\n\n/**\n * @private\n */\nexport interface MediaGalleryProps {\n  isVideoStreamOn?: boolean;\n  isMicrophoneChecked?: boolean;\n  onStartLocalVideo: () => Promise<void>;\n  onFetchAvatarPersonaData?: AvatarPersonaDataCallback;\n  isMobile?: boolean;\n  drawerMenuHostId?: string;\n  remoteVideoTileMenuOptions?: RemoteVideoTileMenuOptions;\n  /* @conditional-compile-remove(click-to-call) */ /* @conditional-compile-remove(rooms) */ /* @conditional-compile-remove(vertical-gallery) */\n  localVideoTileOptions?: boolean | LocalVideoTileOptions;\n  /* @conditional-compile-remove(gallery-layouts) */\n  userSetOverflowGalleryPosition?: 'Responsive' | 'horizontalTop';\n  /* @conditional-compile-remove(gallery-layouts) */\n  userSetGalleryLayout: VideoGalleryLayout;\n}\n\n/**\n * @private\n */\nexport const MediaGallery = (props: MediaGalleryProps): JSX.Element => {\n  const videoGalleryProps = usePropsFor(VideoGallery);\n  const cameraSwitcherCameras = useSelector(localVideoCameraCycleButtonSelector);\n  const cameraSwitcherCallback = useHandlers(LocalVideoCameraCycleButton);\n  const announcerString = useParticipantChangedAnnouncement();\n\n  /* @conditional-compile-remove(rooms) */\n  const adapter = useAdapter();\n  /* @conditional-compile-remove(rooms) */\n  const userRole = adapter.getState().call?.role;\n  /* @conditional-compile-remove(rooms) */\n  const isRoomsCall = adapter.getState().isRoomsCall;\n\n  /* @conditional-compile-remove(vertical-gallery) */ /* @conditional-compile-remove(rooms) */\n  const containerRef = useRef<HTMLDivElement>(null);\n  /* @conditional-compile-remove(vertical-gallery) */ /* @conditional-compile-remove(rooms) */\n  const containerWidth = _useContainerWidth(containerRef);\n  /* @conditional-compile-remove(vertical-gallery) */ /* @conditional-compile-remove(rooms) */\n  const containerHeight = _useContainerHeight(containerRef);\n  /* @conditional-compile-remove(click-to-call) */ /* @conditional-compile-remove(rooms) */ /* @conditional-compile-remove(vertical-gallery) */\n  const containerAspectRatio = containerWidth && containerHeight ? containerWidth / containerHeight : 0;\n  /* @conditional-compile-remove(reaction) */\n  const reactionResources = adapter.getState().reactions;\n\n  const layoutBasedOnTilePosition: VideoGalleryLayout = localVideoTileLayoutTrampoline(\n    /* @conditional-compile-remove(click-to-call) */ (props.localVideoTileOptions as LocalVideoTileOptions)?.position\n  );\n\n  const cameraSwitcherProps = useMemo(() => {\n    return {\n      ...cameraSwitcherCallback,\n      ...cameraSwitcherCameras\n    };\n  }, [cameraSwitcherCallback, cameraSwitcherCameras]);\n\n  const onRenderAvatar = useCallback(\n    (userId?: string, options?: CustomAvatarOptions) => {\n      return (\n        <Stack className={mergeStyles({ position: 'absolute', height: '100%', width: '100%' })}>\n          <Stack styles={{ root: { margin: 'auto', maxHeight: '100%' } }}>\n            {options?.coinSize && (\n              <AvatarPersona userId={userId} {...options} dataProvider={props.onFetchAvatarPersonaData} />\n            )}\n          </Stack>\n        </Stack>\n      );\n    },\n    [props.onFetchAvatarPersonaData]\n  );\n\n  const remoteVideoTileMenuOptions: false | VideoTileContextualMenuProps | VideoTileDrawerMenuProps = useMemo(() => {\n    return props.remoteVideoTileMenuOptions?.isHidden\n      ? false\n      : props.isMobile\n      ? { kind: 'drawer', hostId: props.drawerMenuHostId }\n      : { kind: 'contextual' };\n  }, [props.remoteVideoTileMenuOptions?.isHidden, props.isMobile, props.drawerMenuHostId]);\n\n  /* @conditional-compile-remove(vertical-gallery) */\n  const overflowGalleryPosition = useMemo(() => {\n    /* @conditional-compile-remove(gallery-layouts) */\n    if (props.userSetOverflowGalleryPosition === 'horizontalTop') {\n      return props.userSetOverflowGalleryPosition;\n    }\n    return containerWidth && containerHeight && containerWidth / containerHeight >= 16 / 9\n      ? 'verticalRight'\n      : 'horizontalBottom';\n  }, [\n    /* @conditional-compile-remove(gallery-layouts) */ props.userSetOverflowGalleryPosition,\n    containerWidth,\n    containerHeight\n  ]);\n\n  /* @conditional-compile-remove(spotlight) */\n  const ableToSpotlight = adapter.getState().call?.capabilitiesFeature?.capabilities.spotlightParticipant.isPresent;\n\n  const VideoGalleryMemoized = useMemo(() => {\n    const layoutBasedOnUserSelection = (): VideoGalleryLayout => {\n      /* @conditional-compile-remove(gallery-layouts) */\n      return props.localVideoTileOptions ? layoutBasedOnTilePosition : props.userSetGalleryLayout;\n      return layoutBasedOnTilePosition;\n    };\n\n    return (\n      <VideoGallery\n        {...videoGalleryProps}\n        localVideoViewOptions={localVideoViewOptions}\n        remoteVideoViewOptions={remoteVideoViewOptions}\n        styles={VideoGalleryStyles}\n        layout={layoutBasedOnUserSelection()}\n        showCameraSwitcherInLocalPreview={props.isMobile}\n        localVideoCameraCycleButtonProps={cameraSwitcherProps}\n        onRenderAvatar={onRenderAvatar}\n        remoteVideoTileMenu={remoteVideoTileMenuOptions}\n        /* @conditional-compile-remove(vertical-gallery) */\n        overflowGalleryPosition={overflowGalleryPosition}\n        /* @conditional-compile-remove(rooms) */\n        localVideoTileSize={\n          props.localVideoTileOptions === false || userRole === 'Consumer' || (isRoomsCall && userRole === 'Unknown')\n            ? 'hidden'\n            : props.isMobile && containerAspectRatio < 1\n            ? '9:16'\n            : '16:9'\n        }\n        /* @conditional-compile-remove(reaction) */\n        reactionResources={reactionResources}\n        /* @conditional-compile-remove(spotlight) */\n        onStartSpotlight={ableToSpotlight ? videoGalleryProps.onStartSpotlight : undefined}\n        /* @conditional-compile-remove(spotlight) */\n        onStopSpotlight={ableToSpotlight ? videoGalleryProps.onStopSpotlight : undefined}\n      />\n    );\n  }, [\n    videoGalleryProps,\n    props.isMobile,\n    /* @conditional-compile-remove(rooms) */\n    props.localVideoTileOptions,\n    cameraSwitcherProps,\n    onRenderAvatar,\n    remoteVideoTileMenuOptions,\n    /* @conditional-compile-remove(vertical-gallery) */\n    overflowGalleryPosition,\n    /* @conditional-compile-remove(rooms) */\n    userRole,\n    /* @conditional-compile-remove(rooms) */\n    isRoomsCall,\n    /* @conditional-compile-remove(vertical-gallery) */\n    containerAspectRatio,\n    /* @conditional-compile-remove(gallery-layouts) */\n    props.userSetGalleryLayout,\n    layoutBasedOnTilePosition,\n    /* @conditional-compile-remove(reaction) */\n    reactionResources,\n    /* @conditional-compile-remove(spotlight) */\n    ableToSpotlight\n  ]);\n\n  return (\n    <div /* @conditional-compile-remove(vertical-gallery) */ ref={containerRef} style={mediaGalleryContainerStyles}>\n      <Announcer announcementString={announcerString} ariaLive={'polite'} />\n      {VideoGalleryMemoized}\n    </div>\n  );\n};\n\nconst mediaGalleryContainerStyles: CSSProperties = { width: '100%', height: '100%' };\n\nconst localVideoTileLayoutTrampoline = (\n  /* @conditional-compile-remove(click-to-call) */ localTileOptions?: string\n): VideoGalleryLayout => {\n  /* @conditional-compile-remove(click-to-call) */\n  return localTileOptions === 'grid' ? 'default' : 'floatingLocalVideo';\n  return 'floatingLocalVideo';\n};\n"]}

package/dist/dist-esm/react-composites/src/composites/CallComposite/index.d.ts

@@ -1,7 +1,6 @@
 export { CallComposite } from './CallComposite';
-export type { CallCompositeOptions, CallCompositeProps } from './CallComposite';
+export type { CallCompositeOptions, CallCompositeProps, RemoteVideoTileMenuOptions } from './CallComposite';
 export type { DeviceCheckOptions } from './CallComposite';
-export type { RemoteVideoTileMenuOptions } from './CallComposite';
 export type { LocalVideoTileOptions } from './CallComposite';
 export type { CallControlOptions } from './types/CallControlOptions';
 export * from './Strings';

package/dist/dist-esm/react-composites/src/composites/CallComposite/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../../../react-composites/src/composites/CallComposite/index.ts"],"names":[],"mappings":"AAAA,uCAAuC;AACvC,kCAAkC;AAElC,OAAO,EAAE,aAAa,EAAE,MAAM,iBAAiB,CAAC;AAUhD,cAAc,WAAW,CAAC;AAE1B,OAAO,EACL,mCAAmC,EACnC,6CAA6C,EAC7C,gCAAgC,EACjC,MAAM,WAAW,CAAC;AAEnB,yDAAyD;AACzD,OAAO,EAAE,sBAAsB,EAAE,gCAAgC,EAAE,mBAAmB,EAAE,MAAM,WAAW,CAAC","sourcesContent":["// Copyright (c) Microsoft Corporation.\n// Licensed under the MIT License.\n\nexport { CallComposite } from './CallComposite';\nexport type { CallCompositeOptions, CallCompositeProps } from './CallComposite';\n/* @conditional-compile-remove(call-readiness) */\nexport type { DeviceCheckOptions } from './CallComposite';\n/* @conditional-compile-remove(pinned-participants) */\nexport type { RemoteVideoTileMenuOptions } from './CallComposite';\n/* @conditional-compile-remove(click-to-call) */\nexport type { LocalVideoTileOptions } from './CallComposite';\nexport type { CallControlOptions } from './types/CallControlOptions';\n\nexport * from './Strings';\n\nexport {\n  createAzureCommunicationCallAdapter,\n  createAzureCommunicationCallAdapterFromClient,\n  useAzureCommunicationCallAdapter\n} from './adapter';\n\n/* @conditional-compile-remove(teams-identity-support) */\nexport { createTeamsCallAdapter, createTeamsCallAdapterFromClient, useTeamsCallAdapter } from './adapter';\n\nexport type { TeamsAdapterOptions } from './adapter';\n\n/* @conditional-compile-remove(teams-identity-support) */\nexport type { TeamsCallAdapter, TeamsCallAdapterArgs, Profile, OnFetchProfileCallback } from './adapter';\n\nexport type {\n  AzureCommunicationCallAdapterArgs,\n  CallAdapterLocator,\n  CommonCallAdapter,\n  CallAdapterCallOperations\n} from './adapter';\n\n/* @conditional-compile-remove(video-background-effects) */\nexport type { AzureCommunicationCallAdapterOptions } from './adapter';\n\n/* @conditional-compile-remove(video-background-effects) */\nexport type { CommonCallAdapterOptions } from './adapter';\n\n/* @conditional-compile-remove(teams-adhoc-call) */\nexport type { CallParticipantsLocator } from './adapter';\n\n/* @conditional-compile-remove(video-background-effects) */\nexport type {\n  VideoBackgroundImage,\n  VideoBackgroundEffect,\n  VideoBackgroundNoEffect,\n  VideoBackgroundBlurEffect,\n  VideoBackgroundReplacementEffect\n} from './adapter/CallAdapter';\n\nexport type {\n  CallAdapter,\n  CallAdapterCallEndedEvent,\n  CallAdapterCallManagement,\n  CallAdapterClientState,\n  CallAdapterDeviceManagement,\n  CallAdapterState,\n  CallAdapterSubscribers,\n  CallAdapterUiState,\n  CallCompositePage,\n  CallEndedListener,\n  CallIdChangedListener,\n  DiagnosticChangedEventListner,\n  DisplayNameChangedListener,\n  IsLocalScreenSharingActiveChangedListener,\n  IsMutedChangedListener,\n  IsSpeakingChangedListener,\n  MediaDiagnosticChangedEvent,\n  NetworkDiagnosticChangedEvent,\n  ParticipantsJoinedListener,\n  ParticipantsLeftListener,\n  JoinCallOptions\n} from './adapter';\n\n/* @conditional-compile-remove(close-captions) */\nexport type {\n  CaptionsReceivedListener,\n  IsCaptionsActiveChangedListener,\n  IsCaptionLanguageChangedListener,\n  IsSpokenLanguageChangedListener\n} from './adapter';\n\n/* @conditional-compile-remove(call-transfer) */\nexport type { TransferRequestedListener } from './adapter';\n\n/* @conditional-compile-remove(capabilities) */\nexport type { CapabilitiesChangedListener } from './adapter';\n/* @conditional-compile-remove(capabilities) */\nexport type { CapabilityChangedNotificationStrings } from './components/CapabilitiesChangedNotificationBar';\n\n/* @conditional-compile-remove(calling-sounds) */\nexport type { CallingSounds, SoundEffect } from './adapter';\n"]}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../../../react-composites/src/composites/CallComposite/index.ts"],"names":[],"mappings":"AAAA,uCAAuC;AACvC,kCAAkC;AAElC,OAAO,EAAE,aAAa,EAAE,MAAM,iBAAiB,CAAC;AAQhD,cAAc,WAAW,CAAC;AAE1B,OAAO,EACL,mCAAmC,EACnC,6CAA6C,EAC7C,gCAAgC,EACjC,MAAM,WAAW,CAAC;AAEnB,yDAAyD;AACzD,OAAO,EAAE,sBAAsB,EAAE,gCAAgC,EAAE,mBAAmB,EAAE,MAAM,WAAW,CAAC","sourcesContent":["// Copyright (c) Microsoft Corporation.\n// Licensed under the MIT License.\n\nexport { CallComposite } from './CallComposite';\nexport type { CallCompositeOptions, CallCompositeProps, RemoteVideoTileMenuOptions } from './CallComposite';\n/* @conditional-compile-remove(call-readiness) */\nexport type { DeviceCheckOptions } from './CallComposite';\n/* @conditional-compile-remove(click-to-call) */\nexport type { LocalVideoTileOptions } from './CallComposite';\nexport type { CallControlOptions } from './types/CallControlOptions';\n\nexport * from './Strings';\n\nexport {\n  createAzureCommunicationCallAdapter,\n  createAzureCommunicationCallAdapterFromClient,\n  useAzureCommunicationCallAdapter\n} from './adapter';\n\n/* @conditional-compile-remove(teams-identity-support) */\nexport { createTeamsCallAdapter, createTeamsCallAdapterFromClient, useTeamsCallAdapter } from './adapter';\n\nexport type { TeamsAdapterOptions } from './adapter';\n\n/* @conditional-compile-remove(teams-identity-support) */\nexport type { TeamsCallAdapter, TeamsCallAdapterArgs, Profile, OnFetchProfileCallback } from './adapter';\n\nexport type {\n  AzureCommunicationCallAdapterArgs,\n  CallAdapterLocator,\n  CommonCallAdapter,\n  CallAdapterCallOperations\n} from './adapter';\n\n/* @conditional-compile-remove(video-background-effects) */\nexport type { AzureCommunicationCallAdapterOptions } from './adapter';\n\n/* @conditional-compile-remove(video-background-effects) */\nexport type { CommonCallAdapterOptions } from './adapter';\n\n/* @conditional-compile-remove(teams-adhoc-call) */\nexport type { CallParticipantsLocator } from './adapter';\n\n/* @conditional-compile-remove(video-background-effects) */\nexport type {\n  VideoBackgroundImage,\n  VideoBackgroundEffect,\n  VideoBackgroundNoEffect,\n  VideoBackgroundBlurEffect,\n  VideoBackgroundReplacementEffect\n} from './adapter/CallAdapter';\n\nexport type {\n  CallAdapter,\n  CallAdapterCallEndedEvent,\n  CallAdapterCallManagement,\n  CallAdapterClientState,\n  CallAdapterDeviceManagement,\n  CallAdapterState,\n  CallAdapterSubscribers,\n  CallAdapterUiState,\n  CallCompositePage,\n  CallEndedListener,\n  CallIdChangedListener,\n  DiagnosticChangedEventListner,\n  DisplayNameChangedListener,\n  IsLocalScreenSharingActiveChangedListener,\n  IsMutedChangedListener,\n  IsSpeakingChangedListener,\n  MediaDiagnosticChangedEvent,\n  NetworkDiagnosticChangedEvent,\n  ParticipantsJoinedListener,\n  ParticipantsLeftListener,\n  JoinCallOptions\n} from './adapter';\n\n/* @conditional-compile-remove(close-captions) */\nexport type {\n  CaptionsReceivedListener,\n  IsCaptionsActiveChangedListener,\n  IsCaptionLanguageChangedListener,\n  IsSpokenLanguageChangedListener\n} from './adapter';\n\n/* @conditional-compile-remove(call-transfer) */\nexport type { TransferRequestedListener } from './adapter';\n\n/* @conditional-compile-remove(capabilities) */\nexport type { CapabilitiesChangedListener } from './adapter';\n/* @conditional-compile-remove(capabilities) */\nexport type { CapabilityChangedNotificationStrings } from './components/CapabilitiesChangedNotificationBar';\n\n/* @conditional-compile-remove(calling-sounds) */\nexport type { CallingSounds, SoundEffect } from './adapter';\n"]}

package/dist/dist-esm/react-composites/src/composites/CallComposite/pages/CallPage.js

@@ -83,9 +83,7 @@ export const CallPage = (props) => {
                 capabilitiesChangedNotificationBarProps: props.capabilitiesChangedNotificationBarProps, onSetDialpadPage: () => setDtmfDialerPresent(!dtmfDialerPresent), dtmfDialerPresent: dtmfDialerPresent }));
         }
         else {
-            return (React.createElement(MediaGallery, Object.assign({ isMobile: mobileView }, mediaGalleryProps, mediaGalleryHandlers, { onFetchAvatarPersonaData: onFetchAvatarPersonaData, 
-                /* @conditional-compile-remove(pinned-participants) */
-                remoteVideoTileMenuOptions: options === null || options === void 0 ? void 0 : options.remoteVideoTileMenuOptions, drawerMenuHostId: drawerMenuHostId, 
+            return (React.createElement(MediaGallery, Object.assign({ isMobile: mobileView }, mediaGalleryProps, mediaGalleryHandlers, { onFetchAvatarPersonaData: onFetchAvatarPersonaData, remoteVideoTileMenuOptions: options === null || options === void 0 ? void 0 : options.remoteVideoTileMenuOptions, drawerMenuHostId: drawerMenuHostId, 
                 /* @conditional-compile-remove(click-to-call) */
                 localVideoTileOptions: options === null || options === void 0 ? void 0 : options.localVideoTile, 
                 /* @conditional-compile-remove(gallery-layouts) */
@@ -93,9 +91,7 @@ export const CallPage = (props) => {
                 /* @conditional-compile-remove(gallery-layouts) */
                 userSetGalleryLayout: galleryLayout })));
         }
-        return (React.createElement(MediaGallery, Object.assign({ isMobile: mobileView }, mediaGalleryProps, mediaGalleryHandlers, { onFetchAvatarPersonaData: onFetchAvatarPersonaData, 
-            /* @conditional-compile-remove(pinned-participants) */
-            remoteVideoTileMenuOptions: options === null || options === void 0 ? void 0 : options.remoteVideoTileMenuOptions, drawerMenuHostId: drawerMenuHostId, 
+        return (React.createElement(MediaGallery, Object.assign({ isMobile: mobileView }, mediaGalleryProps, mediaGalleryHandlers, { onFetchAvatarPersonaData: onFetchAvatarPersonaData, remoteVideoTileMenuOptions: options === null || options === void 0 ? void 0 : options.remoteVideoTileMenuOptions, drawerMenuHostId: drawerMenuHostId, 
             /* @conditional-compile-remove(click-to-call) */
             localVideoTileOptions: options === null || options === void 0 ? void 0 : options.localVideoTile, 
             /* @conditional-compile-remove(gallery-layouts) */

package/dist/dist-esm/react-composites/src/composites/CallComposite/pages/CallPage.js.map

@@ -1 +1 @@
-{"version":3,"file":"CallPage.js","sourceRoot":"","sources":["../../../../../../../../react-composites/src/composites/CallComposite/pages/CallPage.tsx"],"names":[],"mappings":"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","sourcesContent":["// Copyright (c) Microsoft Corporation.\n// Licensed under the MIT License.\n\nimport { DiagnosticQuality } from '@azure/communication-calling';\nimport { useId } from '@fluentui/react-hooks';\nimport { _isInCall } from '@internal/calling-component-bindings';\nimport { ActiveErrorMessage, ErrorBar, ParticipantMenuItemsCallback } from '@internal/react-components';\n/* @conditional-compile-remove(gallery-layouts) */\nimport { VideoGalleryLayout } from '@internal/react-components';\nimport React from 'react';\n/* @conditional-compile-remove(dtmf-dialer) */\nimport { useState, useEffect, useRef } from 'react';\nimport { AvatarPersonaDataCallback } from '../../common/AvatarPersona';\nimport { useLocale } from '../../localization';\nimport { CallCompositeOptions } from '../CallComposite';\nimport { CallArrangement } from '../components/CallArrangement';\nimport { MediaGallery } from '../components/MediaGallery';\nimport { NetworkReconnectTile } from '../components/NetworkReconnectTile';\nimport { useHandlers } from '../hooks/useHandlers';\nimport { usePropsFor } from '../hooks/usePropsFor';\nimport { useSelector } from '../hooks/useSelector';\nimport { callStatusSelector } from '../selectors/callStatusSelector';\nimport { complianceBannerSelector } from '../selectors/complianceBannerSelector';\nimport { mediaGallerySelector } from '../selectors/mediaGallerySelector';\n/* @conditional-compile-remove(dtmf-dialer) */\nimport { getRemoteParticipantsConnectedSelector } from '../selectors/mediaGallerySelector';\nimport { mutedNotificationSelector } from '../selectors/mutedNotificationSelector';\nimport { networkReconnectTileSelector } from '../selectors/networkReconnectTileSelector';\nimport { reduceCallControlsForMobile } from '../utils';\nimport { MobileChatSidePaneTabHeaderProps } from '../../common/TabHeader';\nimport { SidePaneRenderer } from '../components/SidePane/SidePaneProvider';\n/* @conditional-compile-remove(capabilities) */\nimport { CapabilitiesChangeNotificationBarProps } from '../components/CapabilitiesChangedNotificationBar';\n/* @conditional-compile-remove(dtmf-dialer) */\nimport { DtmfDialpadPage } from './DtmfDialpadPage';\n/* @conditional-compile-remove(dtmf-dialer) */\nimport { showDtmfDialer } from '../utils/MediaGalleryUtils';\n/* @conditional-compile-remove(dtmf-dialer) */\nimport { getTargetCallees } from '../selectors/baseSelectors';\n\n/**\n * @private\n */\nexport interface CallPageProps {\n  mobileView: boolean;\n  modalLayerHostId: string;\n  callInvitationURL?: string;\n  onFetchAvatarPersonaData?: AvatarPersonaDataCallback;\n  onFetchParticipantMenuItems?: ParticipantMenuItemsCallback;\n  updateSidePaneRenderer: (renderer: SidePaneRenderer | undefined) => void;\n  mobileChatTabHeader?: MobileChatSidePaneTabHeaderProps;\n  options?: CallCompositeOptions;\n  latestErrors: ActiveErrorMessage[];\n  onDismissError: (error: ActiveErrorMessage) => void;\n  /* @conditional-compile-remove(gallery-layouts) */\n  galleryLayout: VideoGalleryLayout;\n  /* @conditional-compile-remove(capabilities) */\n  capabilitiesChangedNotificationBarProps?: CapabilitiesChangeNotificationBarProps;\n  /* @conditional-compile-remove(gallery-layouts) */\n  onUserSetGalleryLayoutChange?: (layout: VideoGalleryLayout) => void;\n  /* @conditional-compile-remove(gallery-layouts) */\n  userSetOverflowGalleryPosition?: 'Responsive' | 'horizontalTop';\n  /* @conditional-compile-remove(gallery-layouts) */\n  onSetUserSetOverflowGalleryPosition?: (position: 'Responsive' | 'horizontalTop') => void;\n  onCloseChatPane?: () => void;\n}\n\n/**\n * @private\n */\nexport const CallPage = (props: CallPageProps): JSX.Element => {\n  const {\n    callInvitationURL,\n    onFetchAvatarPersonaData,\n    onFetchParticipantMenuItems,\n    options,\n    mobileView,\n    /* @conditional-compile-remove(gallery-layouts) */\n    galleryLayout = 'floatingLocalVideo',\n    /* @conditional-compile-remove(gallery-layouts) */\n    onUserSetGalleryLayoutChange,\n    /* @conditional-compile-remove(gallery-layouts) */\n    userSetOverflowGalleryPosition = 'Responsive',\n    /* @conditional-compile-remove(gallery-layouts) */\n    onSetUserSetOverflowGalleryPosition,\n    onCloseChatPane\n  } = props;\n\n  // To use useProps to get these states, we need to create another file wrapping Call,\n  // It seems unnecessary in this case, so we get the updated states using this approach.\n  const { callStatus } = useSelector(callStatusSelector);\n  const mediaGalleryProps = useSelector(mediaGallerySelector);\n  const mediaGalleryHandlers = useHandlers(MediaGallery);\n  const complianceBannerProps = useSelector(complianceBannerSelector);\n  const errorBarProps = usePropsFor(ErrorBar);\n  const mutedNotificationProps = useSelector(mutedNotificationSelector);\n  const networkReconnectTileProps = useSelector(networkReconnectTileSelector);\n  /* @conditional-compile-remove(dtmf-dialer) */\n  const remoteParticipantsConnected = useSelector(getRemoteParticipantsConnectedSelector);\n\n  /* @conditional-compile-remove(dtmf-dialer) */\n  const callees = useSelector(getTargetCallees);\n  /* @conditional-compile-remove(dtmf-dialer) */\n  const renderDtmfDialerFromStart = showDtmfDialer(callees);\n\n  /* @conditional-compile-remove(dtmf-dialer) */\n  const [dtmfDialerPresent, setDtmfDialerPresent] = useState<boolean>(renderDtmfDialerFromStart);\n  /* @conditional-compile-remove(dtmf-dialer) */\n  const dialerShouldAutoDismiss = useRef<boolean>(renderDtmfDialerFromStart);\n\n  /* @conditional-compile-remove(dtmf-dialer) */\n  /**\n   * This useEffect is about clearing the dtmf dialer should there be a new participant that joins the call.\n   * This will only happen the first time should the dialer be present when the call starts.\n   */\n  useEffect(() => {\n    if (remoteParticipantsConnected.length > 1 && dtmfDialerPresent && dialerShouldAutoDismiss.current) {\n      setDtmfDialerPresent(false);\n      dialerShouldAutoDismiss.current = false;\n    }\n  }, [dtmfDialerPresent, remoteParticipantsConnected, setDtmfDialerPresent]);\n\n  const strings = useLocale().strings.call;\n\n  // Reduce the controls shown when mobile view is enabled.\n  const callControlOptions = mobileView ? reduceCallControlsForMobile(options?.callControls) : options?.callControls;\n\n  const drawerMenuHostId = useId('drawerMenuHost');\n\n  const onRenderGalleryContentTrampoline = (): JSX.Element => {\n    /* @conditional-compile-remove(dtmf-dialer) */\n    if (dtmfDialerPresent) {\n      return (\n        <DtmfDialpadPage\n          mobileView={props.mobileView}\n          modalLayerHostId={props.modalLayerHostId}\n          options={props.options}\n          updateSidePaneRenderer={props.updateSidePaneRenderer}\n          mobileChatTabHeader={props.mobileChatTabHeader}\n          latestErrors={props.latestErrors}\n          onDismissError={props.onDismissError}\n          /* @conditional-compile-remove(capabilities) */\n          capabilitiesChangedNotificationBarProps={props.capabilitiesChangedNotificationBarProps}\n          onSetDialpadPage={() => setDtmfDialerPresent(!dtmfDialerPresent)}\n          dtmfDialerPresent={dtmfDialerPresent}\n        />\n      );\n    } else {\n      return (\n        <MediaGallery\n          isMobile={mobileView}\n          {...mediaGalleryProps}\n          {...mediaGalleryHandlers}\n          onFetchAvatarPersonaData={onFetchAvatarPersonaData}\n          /* @conditional-compile-remove(pinned-participants) */\n          remoteVideoTileMenuOptions={options?.remoteVideoTileMenuOptions}\n          drawerMenuHostId={drawerMenuHostId}\n          /* @conditional-compile-remove(click-to-call) */\n          localVideoTileOptions={options?.localVideoTile}\n          /* @conditional-compile-remove(gallery-layouts) */\n          userSetOverflowGalleryPosition={userSetOverflowGalleryPosition}\n          /* @conditional-compile-remove(gallery-layouts) */\n          userSetGalleryLayout={galleryLayout}\n        />\n      );\n    }\n    return (\n      <MediaGallery\n        isMobile={mobileView}\n        {...mediaGalleryProps}\n        {...mediaGalleryHandlers}\n        onFetchAvatarPersonaData={onFetchAvatarPersonaData}\n        /* @conditional-compile-remove(pinned-participants) */\n        remoteVideoTileMenuOptions={options?.remoteVideoTileMenuOptions}\n        drawerMenuHostId={drawerMenuHostId}\n        /* @conditional-compile-remove(click-to-call) */\n        localVideoTileOptions={options?.localVideoTile}\n        /* @conditional-compile-remove(gallery-layouts) */\n        userSetOverflowGalleryPosition={userSetOverflowGalleryPosition}\n        /* @conditional-compile-remove(gallery-layouts) */\n        userSetGalleryLayout={galleryLayout}\n      />\n    );\n  };\n\n  return (\n    <CallArrangement\n      id={drawerMenuHostId}\n      complianceBannerProps={{ ...complianceBannerProps, strings }}\n      errorBarProps={options?.errorBar !== false && errorBarProps}\n      mutedNotificationProps={mutedNotificationProps}\n      callControlProps={{\n        callInvitationURL: callInvitationURL,\n        onFetchParticipantMenuItems: onFetchParticipantMenuItems,\n        options: callControlOptions,\n        increaseFlyoutItemSize: mobileView\n      }}\n      /* @conditional-compile-remove(one-to-n-calling) */ /* @conditional-compile-remove(close-captions) */\n      onFetchAvatarPersonaData={onFetchAvatarPersonaData}\n      mobileView={mobileView}\n      modalLayerHostId={props.modalLayerHostId}\n      onRenderGalleryContent={() =>\n        _isInCall(callStatus) ? (\n          isNetworkHealthy(networkReconnectTileProps.networkReconnectValue) ? (\n            onRenderGalleryContentTrampoline()\n          ) : (\n            <NetworkReconnectTile {...networkReconnectTileProps} />\n          )\n        ) : (\n          <></>\n        )\n      }\n      updateSidePaneRenderer={props.updateSidePaneRenderer}\n      mobileChatTabHeader={props.mobileChatTabHeader}\n      onCloseChatPane={onCloseChatPane}\n      dataUiId={'call-page'}\n      latestErrors={props.latestErrors}\n      onDismissError={props.onDismissError}\n      /* @conditional-compile-remove(gallery-layouts) */\n      onUserSetOverflowGalleryPositionChange={onSetUserSetOverflowGalleryPosition}\n      /* @conditional-compile-remove(gallery-layouts) */\n      onUserSetGalleryLayoutChange={onUserSetGalleryLayoutChange}\n      /* @conditional-compile-remove(gallery-layouts) */\n      userSetGalleryLayout={galleryLayout}\n      /* @conditional-compile-remove(capabilities) */\n      capabilitiesChangedNotificationBarProps={props.capabilitiesChangedNotificationBarProps}\n      /* @conditional-compile-remove(dtmf-dialer) */\n      onSetDialpadPage={() => setDtmfDialerPresent(!dtmfDialerPresent)}\n      /* @conditional-compile-remove(dtmf-dialer) */\n      dtmfDialerPresent={dtmfDialerPresent}\n    />\n  );\n};\n\n/**\n * @private\n */\nexport const isNetworkHealthy = (value: DiagnosticQuality | boolean | undefined): boolean => {\n  // We know that the value is actually of type DiagnosticQuality for this diagnostic.\n  // We ignore any boolen values, considering the network to still be healthy.\n  // Thus, only DiagnosticQuality.Poor or .Bad indicate network problems.\n  return value === true || value === false || value === undefined || value === DiagnosticQuality.Good;\n};\n"]}
+{"version":3,"file":"CallPage.js","sourceRoot":"","sources":["../../../../../../../../react-composites/src/composites/CallComposite/pages/CallPage.tsx"],"names":[],"mappings":"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","sourcesContent":["// Copyright (c) Microsoft Corporation.\n// Licensed under the MIT License.\n\nimport { DiagnosticQuality } from '@azure/communication-calling';\nimport { useId } from '@fluentui/react-hooks';\nimport { _isInCall } from '@internal/calling-component-bindings';\nimport { ActiveErrorMessage, ErrorBar, ParticipantMenuItemsCallback } from '@internal/react-components';\n/* @conditional-compile-remove(gallery-layouts) */\nimport { VideoGalleryLayout } from '@internal/react-components';\nimport React from 'react';\n/* @conditional-compile-remove(dtmf-dialer) */\nimport { useState, useEffect, useRef } from 'react';\nimport { AvatarPersonaDataCallback } from '../../common/AvatarPersona';\nimport { useLocale } from '../../localization';\nimport { CallCompositeOptions } from '../CallComposite';\nimport { CallArrangement } from '../components/CallArrangement';\nimport { MediaGallery } from '../components/MediaGallery';\nimport { NetworkReconnectTile } from '../components/NetworkReconnectTile';\nimport { useHandlers } from '../hooks/useHandlers';\nimport { usePropsFor } from '../hooks/usePropsFor';\nimport { useSelector } from '../hooks/useSelector';\nimport { callStatusSelector } from '../selectors/callStatusSelector';\nimport { complianceBannerSelector } from '../selectors/complianceBannerSelector';\nimport { mediaGallerySelector } from '../selectors/mediaGallerySelector';\n/* @conditional-compile-remove(dtmf-dialer) */\nimport { getRemoteParticipantsConnectedSelector } from '../selectors/mediaGallerySelector';\nimport { mutedNotificationSelector } from '../selectors/mutedNotificationSelector';\nimport { networkReconnectTileSelector } from '../selectors/networkReconnectTileSelector';\nimport { reduceCallControlsForMobile } from '../utils';\nimport { MobileChatSidePaneTabHeaderProps } from '../../common/TabHeader';\nimport { SidePaneRenderer } from '../components/SidePane/SidePaneProvider';\n/* @conditional-compile-remove(capabilities) */\nimport { CapabilitiesChangeNotificationBarProps } from '../components/CapabilitiesChangedNotificationBar';\n/* @conditional-compile-remove(dtmf-dialer) */\nimport { DtmfDialpadPage } from './DtmfDialpadPage';\n/* @conditional-compile-remove(dtmf-dialer) */\nimport { showDtmfDialer } from '../utils/MediaGalleryUtils';\n/* @conditional-compile-remove(dtmf-dialer) */\nimport { getTargetCallees } from '../selectors/baseSelectors';\n\n/**\n * @private\n */\nexport interface CallPageProps {\n  mobileView: boolean;\n  modalLayerHostId: string;\n  callInvitationURL?: string;\n  onFetchAvatarPersonaData?: AvatarPersonaDataCallback;\n  onFetchParticipantMenuItems?: ParticipantMenuItemsCallback;\n  updateSidePaneRenderer: (renderer: SidePaneRenderer | undefined) => void;\n  mobileChatTabHeader?: MobileChatSidePaneTabHeaderProps;\n  options?: CallCompositeOptions;\n  latestErrors: ActiveErrorMessage[];\n  onDismissError: (error: ActiveErrorMessage) => void;\n  /* @conditional-compile-remove(gallery-layouts) */\n  galleryLayout: VideoGalleryLayout;\n  /* @conditional-compile-remove(capabilities) */\n  capabilitiesChangedNotificationBarProps?: CapabilitiesChangeNotificationBarProps;\n  /* @conditional-compile-remove(gallery-layouts) */\n  onUserSetGalleryLayoutChange?: (layout: VideoGalleryLayout) => void;\n  /* @conditional-compile-remove(gallery-layouts) */\n  userSetOverflowGalleryPosition?: 'Responsive' | 'horizontalTop';\n  /* @conditional-compile-remove(gallery-layouts) */\n  onSetUserSetOverflowGalleryPosition?: (position: 'Responsive' | 'horizontalTop') => void;\n  onCloseChatPane?: () => void;\n}\n\n/**\n * @private\n */\nexport const CallPage = (props: CallPageProps): JSX.Element => {\n  const {\n    callInvitationURL,\n    onFetchAvatarPersonaData,\n    onFetchParticipantMenuItems,\n    options,\n    mobileView,\n    /* @conditional-compile-remove(gallery-layouts) */\n    galleryLayout = 'floatingLocalVideo',\n    /* @conditional-compile-remove(gallery-layouts) */\n    onUserSetGalleryLayoutChange,\n    /* @conditional-compile-remove(gallery-layouts) */\n    userSetOverflowGalleryPosition = 'Responsive',\n    /* @conditional-compile-remove(gallery-layouts) */\n    onSetUserSetOverflowGalleryPosition,\n    onCloseChatPane\n  } = props;\n\n  // To use useProps to get these states, we need to create another file wrapping Call,\n  // It seems unnecessary in this case, so we get the updated states using this approach.\n  const { callStatus } = useSelector(callStatusSelector);\n  const mediaGalleryProps = useSelector(mediaGallerySelector);\n  const mediaGalleryHandlers = useHandlers(MediaGallery);\n  const complianceBannerProps = useSelector(complianceBannerSelector);\n  const errorBarProps = usePropsFor(ErrorBar);\n  const mutedNotificationProps = useSelector(mutedNotificationSelector);\n  const networkReconnectTileProps = useSelector(networkReconnectTileSelector);\n  /* @conditional-compile-remove(dtmf-dialer) */\n  const remoteParticipantsConnected = useSelector(getRemoteParticipantsConnectedSelector);\n\n  /* @conditional-compile-remove(dtmf-dialer) */\n  const callees = useSelector(getTargetCallees);\n  /* @conditional-compile-remove(dtmf-dialer) */\n  const renderDtmfDialerFromStart = showDtmfDialer(callees);\n\n  /* @conditional-compile-remove(dtmf-dialer) */\n  const [dtmfDialerPresent, setDtmfDialerPresent] = useState<boolean>(renderDtmfDialerFromStart);\n  /* @conditional-compile-remove(dtmf-dialer) */\n  const dialerShouldAutoDismiss = useRef<boolean>(renderDtmfDialerFromStart);\n\n  /* @conditional-compile-remove(dtmf-dialer) */\n  /**\n   * This useEffect is about clearing the dtmf dialer should there be a new participant that joins the call.\n   * This will only happen the first time should the dialer be present when the call starts.\n   */\n  useEffect(() => {\n    if (remoteParticipantsConnected.length > 1 && dtmfDialerPresent && dialerShouldAutoDismiss.current) {\n      setDtmfDialerPresent(false);\n      dialerShouldAutoDismiss.current = false;\n    }\n  }, [dtmfDialerPresent, remoteParticipantsConnected, setDtmfDialerPresent]);\n\n  const strings = useLocale().strings.call;\n\n  // Reduce the controls shown when mobile view is enabled.\n  const callControlOptions = mobileView ? reduceCallControlsForMobile(options?.callControls) : options?.callControls;\n\n  const drawerMenuHostId = useId('drawerMenuHost');\n\n  const onRenderGalleryContentTrampoline = (): JSX.Element => {\n    /* @conditional-compile-remove(dtmf-dialer) */\n    if (dtmfDialerPresent) {\n      return (\n        <DtmfDialpadPage\n          mobileView={props.mobileView}\n          modalLayerHostId={props.modalLayerHostId}\n          options={props.options}\n          updateSidePaneRenderer={props.updateSidePaneRenderer}\n          mobileChatTabHeader={props.mobileChatTabHeader}\n          latestErrors={props.latestErrors}\n          onDismissError={props.onDismissError}\n          /* @conditional-compile-remove(capabilities) */\n          capabilitiesChangedNotificationBarProps={props.capabilitiesChangedNotificationBarProps}\n          onSetDialpadPage={() => setDtmfDialerPresent(!dtmfDialerPresent)}\n          dtmfDialerPresent={dtmfDialerPresent}\n        />\n      );\n    } else {\n      return (\n        <MediaGallery\n          isMobile={mobileView}\n          {...mediaGalleryProps}\n          {...mediaGalleryHandlers}\n          onFetchAvatarPersonaData={onFetchAvatarPersonaData}\n          remoteVideoTileMenuOptions={options?.remoteVideoTileMenuOptions}\n          drawerMenuHostId={drawerMenuHostId}\n          /* @conditional-compile-remove(click-to-call) */\n          localVideoTileOptions={options?.localVideoTile}\n          /* @conditional-compile-remove(gallery-layouts) */\n          userSetOverflowGalleryPosition={userSetOverflowGalleryPosition}\n          /* @conditional-compile-remove(gallery-layouts) */\n          userSetGalleryLayout={galleryLayout}\n        />\n      );\n    }\n    return (\n      <MediaGallery\n        isMobile={mobileView}\n        {...mediaGalleryProps}\n        {...mediaGalleryHandlers}\n        onFetchAvatarPersonaData={onFetchAvatarPersonaData}\n        remoteVideoTileMenuOptions={options?.remoteVideoTileMenuOptions}\n        drawerMenuHostId={drawerMenuHostId}\n        /* @conditional-compile-remove(click-to-call) */\n        localVideoTileOptions={options?.localVideoTile}\n        /* @conditional-compile-remove(gallery-layouts) */\n        userSetOverflowGalleryPosition={userSetOverflowGalleryPosition}\n        /* @conditional-compile-remove(gallery-layouts) */\n        userSetGalleryLayout={galleryLayout}\n      />\n    );\n  };\n\n  return (\n    <CallArrangement\n      id={drawerMenuHostId}\n      complianceBannerProps={{ ...complianceBannerProps, strings }}\n      errorBarProps={options?.errorBar !== false && errorBarProps}\n      mutedNotificationProps={mutedNotificationProps}\n      callControlProps={{\n        callInvitationURL: callInvitationURL,\n        onFetchParticipantMenuItems: onFetchParticipantMenuItems,\n        options: callControlOptions,\n        increaseFlyoutItemSize: mobileView\n      }}\n      /* @conditional-compile-remove(one-to-n-calling) */ /* @conditional-compile-remove(close-captions) */\n      onFetchAvatarPersonaData={onFetchAvatarPersonaData}\n      mobileView={mobileView}\n      modalLayerHostId={props.modalLayerHostId}\n      onRenderGalleryContent={() =>\n        _isInCall(callStatus) ? (\n          isNetworkHealthy(networkReconnectTileProps.networkReconnectValue) ? (\n            onRenderGalleryContentTrampoline()\n          ) : (\n            <NetworkReconnectTile {...networkReconnectTileProps} />\n          )\n        ) : (\n          <></>\n        )\n      }\n      updateSidePaneRenderer={props.updateSidePaneRenderer}\n      mobileChatTabHeader={props.mobileChatTabHeader}\n      onCloseChatPane={onCloseChatPane}\n      dataUiId={'call-page'}\n      latestErrors={props.latestErrors}\n      onDismissError={props.onDismissError}\n      /* @conditional-compile-remove(gallery-layouts) */\n      onUserSetOverflowGalleryPositionChange={onSetUserSetOverflowGalleryPosition}\n      /* @conditional-compile-remove(gallery-layouts) */\n      onUserSetGalleryLayoutChange={onUserSetGalleryLayoutChange}\n      /* @conditional-compile-remove(gallery-layouts) */\n      userSetGalleryLayout={galleryLayout}\n      /* @conditional-compile-remove(capabilities) */\n      capabilitiesChangedNotificationBarProps={props.capabilitiesChangedNotificationBarProps}\n      /* @conditional-compile-remove(dtmf-dialer) */\n      onSetDialpadPage={() => setDtmfDialerPresent(!dtmfDialerPresent)}\n      /* @conditional-compile-remove(dtmf-dialer) */\n      dtmfDialerPresent={dtmfDialerPresent}\n    />\n  );\n};\n\n/**\n * @private\n */\nexport const isNetworkHealthy = (value: DiagnosticQuality | boolean | undefined): boolean => {\n  // We know that the value is actually of type DiagnosticQuality for this diagnostic.\n  // We ignore any boolen values, considering the network to still be healthy.\n  // Thus, only DiagnosticQuality.Poor or .Bad indicate network problems.\n  return value === true || value === false || value === undefined || value === DiagnosticQuality.Good;\n};\n"]}

package/dist/dist-esm/react-composites/src/composites/CallComposite/utils/Utils.d.ts

@@ -21,6 +21,10 @@ export declare const INVITE_TO_ROOM_REMOVED_SUB_CODE = 5317;
 export declare const CALL_TIMEOUT_SUB_CODE = 10004;
 /** @private */
 export declare const CALL_TIMEOUT_CODE = 487;
+/** @private */
+export declare const BOT_TIMEOUT_CODE = 486;
+/** @private */
+export declare const BOT_TIMEOUT_SUB_CODE = 10321;
 /**
  * @private
  */

package/dist/dist-esm/react-composites/src/composites/CallComposite/utils/Utils.js

@@ -33,6 +33,10 @@ export const INVITE_TO_ROOM_REMOVED_SUB_CODE = 5317;
 export const CALL_TIMEOUT_SUB_CODE = 10004;
 /** @private */
 export const CALL_TIMEOUT_CODE = 487;
+/** @private */
+export const BOT_TIMEOUT_CODE = 486;
+/** @private */
+export const BOT_TIMEOUT_SUB_CODE = 10321;
 /**
  * @private
  */
@@ -108,7 +112,7 @@ const getCallEndReason = (call) => {
  * @private
  */
 export const getEndedCallPageProps = (locale, endedCall) => {
-    var _a, _b, _c, _d;
+    var _a, _b, _c, _d, _e;
     let title = locale.strings.call.leftCallTitle;
     let moreDetails = locale.strings.call.leftCallMoreDetails;
     let disableStartCallButton = false;
@@ -154,9 +158,18 @@ export const getEndedCallPageProps = (locale, endedCall) => {
                 disableStartCallButton = true;
                 iconName = 'NoticePageCallTimeout';
             }
+            break;
+        case BOT_TIMEOUT_SUB_CODE:
+            if (((_c = endedCall === null || endedCall === void 0 ? void 0 : endedCall.callEndReason) === null || _c === void 0 ? void 0 : _c.code) === BOT_TIMEOUT_CODE && locale.strings.call.callTimeoutBotTitle) {
+                title = locale.strings.call.callTimeoutBotTitle;
+                moreDetails = locale.strings.call.callTimeoutBotDetails;
+                disableStartCallButton = true;
+                iconName = 'NoticePageCallTimeout';
+            }
+            break;
     }
     /* @conditional-compile-remove(calling-sounds) */
-    switch ((_c = endedCall === null || endedCall === void 0 ? void 0 : endedCall.callEndReason) === null || _c === void 0 ? void 0 : _c.code) {
+    switch ((_d = endedCall === null || endedCall === void 0 ? void 0 : endedCall.callEndReason) === null || _d === void 0 ? void 0 : _d.code) {
         case CALL_REJECTED_CODE:
             if (locale.strings.call.callRejectedTitle) {
                 title = locale.strings.call.callRejectedTitle;
@@ -167,7 +180,7 @@ export const getEndedCallPageProps = (locale, endedCall) => {
             break;
     }
     /* @conditional-compile-remove(teams-adhoc-call) */
-    switch ((_d = endedCall === null || endedCall === void 0 ? void 0 : endedCall.callEndReason) === null || _d === void 0 ? void 0 : _d.subCode) {
+    switch ((_e = endedCall === null || endedCall === void 0 ? void 0 : endedCall.callEndReason) === null || _e === void 0 ? void 0 : _e.subCode) {
         case 10037:
             if (locale.strings.call.participantCouldNotBeReachedTitle) {
                 title = locale.strings.call.participantCouldNotBeReachedTitle;