@azure/communication-react 1.5.1-beta.4 → 1.5.1-beta.5

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (864) hide show
  1. package/CHANGELOG.beta.md +49 -3
  2. package/CHANGELOG.json +461 -19
  3. package/dist/communication-react.d.ts +274 -19
  4. package/dist/dist-cjs/communication-react/index.js +6055 -5103
  5. package/dist/dist-cjs/communication-react/index.js.map +1 -1
  6. package/dist/dist-esm/acs-ui-common/src/MessageStatus.js.map +1 -1
  7. package/dist/dist-esm/acs-ui-common/src/areEqual.js.map +1 -1
  8. package/dist/dist-esm/acs-ui-common/src/common.js.map +1 -1
  9. package/dist/dist-esm/acs-ui-common/src/commonProperties.js.map +1 -1
  10. package/dist/dist-esm/acs-ui-common/src/constants.js.map +1 -1
  11. package/dist/dist-esm/acs-ui-common/src/cssUtils.js.map +1 -1
  12. package/dist/dist-esm/acs-ui-common/src/identifier.js.map +1 -1
  13. package/dist/dist-esm/acs-ui-common/src/index.js.map +1 -1
  14. package/dist/dist-esm/acs-ui-common/src/localizationUtils.js.map +1 -1
  15. package/dist/dist-esm/acs-ui-common/src/logEvent.js.map +1 -1
  16. package/dist/dist-esm/acs-ui-common/src/memoizeFnAll.js.map +1 -1
  17. package/dist/dist-esm/acs-ui-common/src/safeStringify.js.map +1 -1
  18. package/dist/dist-esm/acs-ui-common/src/telemetry.js.map +1 -1
  19. package/dist/dist-esm/acs-ui-common/src/telemetryVersion.js +1 -1
  20. package/dist/dist-esm/acs-ui-common/src/telemetryVersion.js.map +1 -1
  21. package/dist/dist-esm/calling-component-bindings/src/baseSelectors.js.map +1 -1
  22. package/dist/dist-esm/calling-component-bindings/src/callControlSelectors.js +4 -4
  23. package/dist/dist-esm/calling-component-bindings/src/callControlSelectors.js.map +1 -1
  24. package/dist/dist-esm/calling-component-bindings/src/captionsSelector.d.ts +0 -1
  25. package/dist/dist-esm/calling-component-bindings/src/captionsSelector.js +18 -2
  26. package/dist/dist-esm/calling-component-bindings/src/captionsSelector.js.map +1 -1
  27. package/dist/dist-esm/calling-component-bindings/src/errorBarSelector.js +57 -20
  28. package/dist/dist-esm/calling-component-bindings/src/errorBarSelector.js.map +1 -1
  29. package/dist/dist-esm/calling-component-bindings/src/handlers/createCommonHandlers.d.ts +4 -0
  30. package/dist/dist-esm/calling-component-bindings/src/handlers/createCommonHandlers.js +60 -20
  31. package/dist/dist-esm/calling-component-bindings/src/handlers/createCommonHandlers.js.map +1 -1
  32. package/dist/dist-esm/calling-component-bindings/src/handlers/createDefaultCallingHandlersForComponent.js +2 -2
  33. package/dist/dist-esm/calling-component-bindings/src/handlers/createDefaultCallingHandlersForComponent.js.map +1 -1
  34. package/dist/dist-esm/calling-component-bindings/src/handlers/createHandlers.js.map +1 -1
  35. package/dist/dist-esm/calling-component-bindings/src/handlers/createTeamsCallHandlers.js +6 -2
  36. package/dist/dist-esm/calling-component-bindings/src/handlers/createTeamsCallHandlers.js.map +1 -1
  37. package/dist/dist-esm/calling-component-bindings/src/hooks/useHandlers.d.ts +1 -1
  38. package/dist/dist-esm/calling-component-bindings/src/hooks/useHandlers.js.map +1 -1
  39. package/dist/dist-esm/calling-component-bindings/src/hooks/usePropsFor.js.map +1 -1
  40. package/dist/dist-esm/calling-component-bindings/src/hooks/useSelector.js.map +1 -1
  41. package/dist/dist-esm/calling-component-bindings/src/index.js.map +1 -1
  42. package/dist/dist-esm/calling-component-bindings/src/participantListSelector.js +10 -17
  43. package/dist/dist-esm/calling-component-bindings/src/participantListSelector.js.map +1 -1
  44. package/dist/dist-esm/calling-component-bindings/src/participantsButtonSelector.js.map +1 -1
  45. package/dist/dist-esm/calling-component-bindings/src/providers/CallAgentProvider.js.map +1 -1
  46. package/dist/dist-esm/calling-component-bindings/src/providers/CallClientProvider.js +3 -6
  47. package/dist/dist-esm/calling-component-bindings/src/providers/CallClientProvider.js.map +1 -1
  48. package/dist/dist-esm/calling-component-bindings/src/providers/CallProvider.js.map +1 -1
  49. package/dist/dist-esm/calling-component-bindings/src/providers/index.js.map +1 -1
  50. package/dist/dist-esm/calling-component-bindings/src/utils/SelectorUtils.js.map +1 -1
  51. package/dist/dist-esm/calling-component-bindings/src/utils/callUtils.js +5 -7
  52. package/dist/dist-esm/calling-component-bindings/src/utils/callUtils.js.map +1 -1
  53. package/dist/dist-esm/calling-component-bindings/src/utils/participantListSelectorUtils.js.map +1 -1
  54. package/dist/dist-esm/calling-component-bindings/src/utils/videoGalleryUtils.js +8 -13
  55. package/dist/dist-esm/calling-component-bindings/src/utils/videoGalleryUtils.js.map +1 -1
  56. package/dist/dist-esm/calling-component-bindings/src/videoGallerySelector.js +5 -18
  57. package/dist/dist-esm/calling-component-bindings/src/videoGallerySelector.js.map +1 -1
  58. package/dist/dist-esm/calling-stateful-client/src/BetaToStableTypes.js.map +1 -1
  59. package/dist/dist-esm/calling-stateful-client/src/CallAgentDeclarative.d.ts +1 -1
  60. package/dist/dist-esm/calling-stateful-client/src/CallAgentDeclarative.js.map +1 -1
  61. package/dist/dist-esm/calling-stateful-client/src/CallAgentDeclarativeCommon.js +71 -61
  62. package/dist/dist-esm/calling-stateful-client/src/CallAgentDeclarativeCommon.js.map +1 -1
  63. package/dist/dist-esm/calling-stateful-client/src/CallClientState.d.ts +18 -1
  64. package/dist/dist-esm/calling-stateful-client/src/CallClientState.js.map +1 -1
  65. package/dist/dist-esm/calling-stateful-client/src/CallContext.d.ts +4 -1
  66. package/dist/dist-esm/calling-stateful-client/src/CallContext.js +26 -10
  67. package/dist/dist-esm/calling-stateful-client/src/CallContext.js.map +1 -1
  68. package/dist/dist-esm/calling-stateful-client/src/CallDeclarative.js +8 -7
  69. package/dist/dist-esm/calling-stateful-client/src/CallDeclarative.js.map +1 -1
  70. package/dist/dist-esm/calling-stateful-client/src/CallDeclarativeCommon.js +77 -68
  71. package/dist/dist-esm/calling-stateful-client/src/CallDeclarativeCommon.js.map +1 -1
  72. package/dist/dist-esm/calling-stateful-client/src/CallIdHistory.js.map +1 -1
  73. package/dist/dist-esm/calling-stateful-client/src/CallIdRef.js.map +1 -1
  74. package/dist/dist-esm/calling-stateful-client/src/CallSubscriber.d.ts +1 -0
  75. package/dist/dist-esm/calling-stateful-client/src/CallSubscriber.js +25 -1
  76. package/dist/dist-esm/calling-stateful-client/src/CallSubscriber.js.map +1 -1
  77. package/dist/dist-esm/calling-stateful-client/src/CaptionsSubscriber.js.map +1 -1
  78. package/dist/dist-esm/calling-stateful-client/src/Converter.d.ts +4 -0
  79. package/dist/dist-esm/calling-stateful-client/src/Converter.js +21 -6
  80. package/dist/dist-esm/calling-stateful-client/src/Converter.js.map +1 -1
  81. package/dist/dist-esm/calling-stateful-client/src/DeviceManagerDeclarative.d.ts +9 -0
  82. package/dist/dist-esm/calling-stateful-client/src/DeviceManagerDeclarative.js +63 -54
  83. package/dist/dist-esm/calling-stateful-client/src/DeviceManagerDeclarative.js.map +1 -1
  84. package/dist/dist-esm/calling-stateful-client/src/IncomingCallDeclarative.js +16 -14
  85. package/dist/dist-esm/calling-stateful-client/src/IncomingCallDeclarative.js.map +1 -1
  86. package/dist/dist-esm/calling-stateful-client/src/IncomingCallSubscriber.js.map +1 -1
  87. package/dist/dist-esm/calling-stateful-client/src/InternalCallContext.d.ts +1 -0
  88. package/dist/dist-esm/calling-stateful-client/src/InternalCallContext.js +40 -5
  89. package/dist/dist-esm/calling-stateful-client/src/InternalCallContext.js.map +1 -1
  90. package/dist/dist-esm/calling-stateful-client/src/LocalVideoStreamVideoEffectsSubscriber.d.ts +28 -0
  91. package/dist/dist-esm/calling-stateful-client/src/LocalVideoStreamVideoEffectsSubscriber.js +49 -0
  92. package/dist/dist-esm/calling-stateful-client/src/LocalVideoStreamVideoEffectsSubscriber.js.map +1 -0
  93. package/dist/dist-esm/calling-stateful-client/src/Logger.js.map +1 -1
  94. package/dist/dist-esm/calling-stateful-client/src/ParticipantSubscriber.js.map +1 -1
  95. package/dist/dist-esm/calling-stateful-client/src/RecordingSubscriber.js.map +1 -1
  96. package/dist/dist-esm/calling-stateful-client/src/RemoteVideoStreamSubscriber.js.map +1 -1
  97. package/dist/dist-esm/calling-stateful-client/src/StatefulCallClient.js +67 -65
  98. package/dist/dist-esm/calling-stateful-client/src/StatefulCallClient.js.map +1 -1
  99. package/dist/dist-esm/calling-stateful-client/src/StreamUtils.js +31 -33
  100. package/dist/dist-esm/calling-stateful-client/src/StreamUtils.js.map +1 -1
  101. package/dist/dist-esm/calling-stateful-client/src/StreamUtilsLogging.js +11 -8
  102. package/dist/dist-esm/calling-stateful-client/src/StreamUtilsLogging.js.map +1 -1
  103. package/dist/dist-esm/calling-stateful-client/src/TeamsCallAgentDeclarative.d.ts +1 -1
  104. package/dist/dist-esm/calling-stateful-client/src/TeamsCallAgentDeclarative.js.map +1 -1
  105. package/dist/dist-esm/calling-stateful-client/src/TeamsCallDeclarative.js +8 -7
  106. package/dist/dist-esm/calling-stateful-client/src/TeamsCallDeclarative.js.map +1 -1
  107. package/dist/dist-esm/calling-stateful-client/src/TranscriptionSubscriber.js.map +1 -1
  108. package/dist/dist-esm/calling-stateful-client/src/TypeGuards.js +1 -1
  109. package/dist/dist-esm/calling-stateful-client/src/TypeGuards.js.map +1 -1
  110. package/dist/dist-esm/calling-stateful-client/src/UserFacingDiagnosticsSubscriber.js +3 -3
  111. package/dist/dist-esm/calling-stateful-client/src/UserFacingDiagnosticsSubscriber.js.map +1 -1
  112. package/dist/dist-esm/calling-stateful-client/src/VideoStreamRendererViewDeclarative.js +7 -6
  113. package/dist/dist-esm/calling-stateful-client/src/VideoStreamRendererViewDeclarative.js.map +1 -1
  114. package/dist/dist-esm/calling-stateful-client/src/index-public.d.ts +1 -0
  115. package/dist/dist-esm/calling-stateful-client/src/index-public.js.map +1 -1
  116. package/dist/dist-esm/calling-stateful-client/src/index.js.map +1 -1
  117. package/dist/dist-esm/chat-component-bindings/src/baseSelectors.js +4 -4
  118. package/dist/dist-esm/chat-component-bindings/src/baseSelectors.js.map +1 -1
  119. package/dist/dist-esm/chat-component-bindings/src/chatParticipantListSelector.js +3 -3
  120. package/dist/dist-esm/chat-component-bindings/src/chatParticipantListSelector.js.map +1 -1
  121. package/dist/dist-esm/chat-component-bindings/src/errorBarSelector.js +14 -13
  122. package/dist/dist-esm/chat-component-bindings/src/errorBarSelector.js.map +1 -1
  123. package/dist/dist-esm/chat-component-bindings/src/handlers/createHandlers.d.ts +1 -1
  124. package/dist/dist-esm/chat-component-bindings/src/handlers/createHandlers.js +10 -3
  125. package/dist/dist-esm/chat-component-bindings/src/handlers/createHandlers.js.map +1 -1
  126. package/dist/dist-esm/chat-component-bindings/src/hooks/useHandlers.js.map +1 -1
  127. package/dist/dist-esm/chat-component-bindings/src/hooks/usePropsFor.js.map +1 -1
  128. package/dist/dist-esm/chat-component-bindings/src/hooks/useSelector.js.map +1 -1
  129. package/dist/dist-esm/chat-component-bindings/src/index.js.map +1 -1
  130. package/dist/dist-esm/chat-component-bindings/src/messageThreadSelector.js +10 -25
  131. package/dist/dist-esm/chat-component-bindings/src/messageThreadSelector.js.map +1 -1
  132. package/dist/dist-esm/chat-component-bindings/src/providers/ChatClientProvider.js.map +1 -1
  133. package/dist/dist-esm/chat-component-bindings/src/providers/ChatThreadClientProvider.js +1 -1
  134. package/dist/dist-esm/chat-component-bindings/src/providers/ChatThreadClientProvider.js.map +1 -1
  135. package/dist/dist-esm/chat-component-bindings/src/sendBoxSelector.js.map +1 -1
  136. package/dist/dist-esm/chat-component-bindings/src/typingIndicatorSelector.js +7 -3
  137. package/dist/dist-esm/chat-component-bindings/src/typingIndicatorSelector.js.map +1 -1
  138. package/dist/dist-esm/chat-component-bindings/src/utils/compareMessages.js +1 -3
  139. package/dist/dist-esm/chat-component-bindings/src/utils/compareMessages.js.map +1 -1
  140. package/dist/dist-esm/chat-component-bindings/src/utils/constants.js.map +1 -1
  141. package/dist/dist-esm/chat-component-bindings/src/utils/updateMessagesWithAttached.js +3 -10
  142. package/dist/dist-esm/chat-component-bindings/src/utils/updateMessagesWithAttached.js.map +1 -1
  143. package/dist/dist-esm/chat-stateful-client/src/ChatClientState.js.map +1 -1
  144. package/dist/dist-esm/chat-stateful-client/src/ChatContext.js +9 -5
  145. package/dist/dist-esm/chat-stateful-client/src/ChatContext.js.map +1 -1
  146. package/dist/dist-esm/chat-stateful-client/src/Constants.js.map +1 -1
  147. package/dist/dist-esm/chat-stateful-client/src/EventSubscriber.js +10 -7
  148. package/dist/dist-esm/chat-stateful-client/src/EventSubscriber.js.map +1 -1
  149. package/dist/dist-esm/chat-stateful-client/src/Logger.js.map +1 -1
  150. package/dist/dist-esm/chat-stateful-client/src/StatefulChatClient.js +67 -57
  151. package/dist/dist-esm/chat-stateful-client/src/StatefulChatClient.js.map +1 -1
  152. package/dist/dist-esm/chat-stateful-client/src/StatefulChatThreadClient.js +127 -113
  153. package/dist/dist-esm/chat-stateful-client/src/StatefulChatThreadClient.js.map +1 -1
  154. package/dist/dist-esm/chat-stateful-client/src/convertChatMessage.js +1 -3
  155. package/dist/dist-esm/chat-stateful-client/src/convertChatMessage.js.map +1 -1
  156. package/dist/dist-esm/chat-stateful-client/src/index.js.map +1 -1
  157. package/dist/dist-esm/chat-stateful-client/src/iterators/createDecoratedIterator.js.map +1 -1
  158. package/dist/dist-esm/chat-stateful-client/src/iterators/createDecoratedListMessages.js.map +1 -1
  159. package/dist/dist-esm/chat-stateful-client/src/iterators/createDecoratedListParticipants.js.map +1 -1
  160. package/dist/dist-esm/chat-stateful-client/src/iterators/createDecoratedListReadReceipts.js.map +1 -1
  161. package/dist/dist-esm/chat-stateful-client/src/iterators/createDecoratedListThreads.js.map +1 -1
  162. package/dist/dist-esm/chat-stateful-client/src/types/ChatMessageWithStatus.js.map +1 -1
  163. package/dist/dist-esm/communication-react/src/index.d.ts +1 -1
  164. package/dist/dist-esm/communication-react/src/index.js.map +1 -1
  165. package/dist/dist-esm/communication-react/src/mergedHooks.js.map +1 -1
  166. package/dist/dist-esm/northstar-wrapper/src/index.js +2 -0
  167. package/dist/dist-esm/northstar-wrapper/src/index.js.LICENSE.txt +41 -0
  168. package/dist/dist-esm/react-components/src/components/Announcer/Announcer.d.ts +20 -0
  169. package/dist/dist-esm/react-components/src/components/Announcer/Announcer.js +47 -0
  170. package/dist/dist-esm/react-components/src/components/Announcer/Announcer.js.map +1 -0
  171. package/dist/dist-esm/react-components/src/components/Announcer/AnnouncerContext.d.ts +10 -0
  172. package/dist/dist-esm/react-components/src/components/Announcer/AnnouncerContext.js +14 -0
  173. package/dist/dist-esm/react-components/src/components/Announcer/AnnouncerContext.js.map +1 -0
  174. package/dist/dist-esm/react-components/src/components/Announcer/AnnouncerMessage.d.ts +10 -0
  175. package/dist/dist-esm/react-components/src/components/Announcer/AnnouncerMessage.js +29 -0
  176. package/dist/dist-esm/react-components/src/components/Announcer/AnnouncerMessage.js.map +1 -0
  177. package/dist/dist-esm/react-components/src/components/Announcer/LiveAnnouncer.d.ts +7 -0
  178. package/dist/dist-esm/react-components/src/components/Announcer/LiveAnnouncer.js +32 -0
  179. package/dist/dist-esm/react-components/src/components/Announcer/LiveAnnouncer.js.map +1 -0
  180. package/dist/dist-esm/react-components/src/components/Announcer/LiveMessage.d.ts +9 -0
  181. package/dist/dist-esm/react-components/src/components/Announcer/LiveMessage.js +10 -0
  182. package/dist/dist-esm/react-components/src/components/Announcer/LiveMessage.js.map +1 -0
  183. package/dist/dist-esm/react-components/src/components/Announcer/MessageBlock.d.ts +8 -0
  184. package/dist/dist-esm/react-components/src/components/Announcer/MessageBlock.js +19 -0
  185. package/dist/dist-esm/react-components/src/components/Announcer/MessageBlock.js.map +1 -0
  186. package/dist/dist-esm/react-components/src/components/Announcer.js.map +1 -1
  187. package/dist/dist-esm/react-components/src/components/CameraButton.d.ts +8 -0
  188. package/dist/dist-esm/react-components/src/components/CameraButton.js +36 -12
  189. package/dist/dist-esm/react-components/src/components/CameraButton.js.map +1 -1
  190. package/dist/dist-esm/react-components/src/components/Caption.js +2 -3
  191. package/dist/dist-esm/react-components/src/components/Caption.js.map +1 -1
  192. package/dist/dist-esm/react-components/src/components/CaptionsBanner.d.ts +1 -0
  193. package/dist/dist-esm/react-components/src/components/CaptionsBanner.js +7 -8
  194. package/dist/dist-esm/react-components/src/components/CaptionsBanner.js.map +1 -1
  195. package/dist/dist-esm/react-components/src/components/CaptionsSettingsModal.js +14 -16
  196. package/dist/dist-esm/react-components/src/components/CaptionsSettingsModal.js.map +1 -1
  197. package/dist/dist-esm/react-components/src/components/ChatMessage/ChatMessageActionMenu.d.ts +1 -1
  198. package/dist/dist-esm/react-components/src/components/ChatMessage/ChatMessageActionMenu.js +9 -8
  199. package/dist/dist-esm/react-components/src/components/ChatMessage/ChatMessageActionMenu.js.map +1 -1
  200. package/dist/dist-esm/react-components/src/components/ChatMessage/ChatMessageActionsFlyout.js +17 -36
  201. package/dist/dist-esm/react-components/src/components/ChatMessage/ChatMessageActionsFlyout.js.map +1 -1
  202. package/dist/dist-esm/react-components/src/components/ChatMessage/ChatMessageComponent.d.ts +1 -2
  203. package/dist/dist-esm/react-components/src/components/ChatMessage/ChatMessageComponent.js +8 -13
  204. package/dist/dist-esm/react-components/src/components/ChatMessage/ChatMessageComponent.js.map +1 -1
  205. package/dist/dist-esm/react-components/src/components/ChatMessage/ChatMessageComponentAsEditBox.js +33 -23
  206. package/dist/dist-esm/react-components/src/components/ChatMessage/ChatMessageComponentAsEditBox.js.map +1 -1
  207. package/dist/dist-esm/react-components/src/components/ChatMessage/ChatMessageComponentAsMessageBubble.d.ts +1 -2
  208. package/dist/dist-esm/react-components/src/components/ChatMessage/ChatMessageComponentAsMessageBubble.js +33 -53
  209. package/dist/dist-esm/react-components/src/components/ChatMessage/ChatMessageComponentAsMessageBubble.js.map +1 -1
  210. package/dist/dist-esm/react-components/src/components/ChatMessage/ChatMessageContent.js +49 -63
  211. package/dist/dist-esm/react-components/src/components/ChatMessage/ChatMessageContent.js.map +1 -1
  212. package/dist/dist-esm/react-components/src/components/ComplianceBanner/BannerMessage.js +18 -18
  213. package/dist/dist-esm/react-components/src/components/ComplianceBanner/BannerMessage.js.map +1 -1
  214. package/dist/dist-esm/react-components/src/components/ComplianceBanner/ComplianceBanner.js +4 -7
  215. package/dist/dist-esm/react-components/src/components/ComplianceBanner/ComplianceBanner.js.map +1 -1
  216. package/dist/dist-esm/react-components/src/components/ComplianceBanner/DelayedUpdateBanner.js +2 -2
  217. package/dist/dist-esm/react-components/src/components/ComplianceBanner/DelayedUpdateBanner.js.map +1 -1
  218. package/dist/dist-esm/react-components/src/components/ComplianceBanner/Utils.js.map +1 -1
  219. package/dist/dist-esm/react-components/src/components/ComplianceBanner/index.js.map +1 -1
  220. package/dist/dist-esm/react-components/src/components/ComplianceBanner/types.js.map +1 -1
  221. package/dist/dist-esm/react-components/src/components/ControlBar.js +14 -10
  222. package/dist/dist-esm/react-components/src/components/ControlBar.js.map +1 -1
  223. package/dist/dist-esm/react-components/src/components/ControlBarButton.js +4 -14
  224. package/dist/dist-esm/react-components/src/components/ControlBarButton.js.map +1 -1
  225. package/dist/dist-esm/react-components/src/components/ControlButtonTooltip.js +14 -3
  226. package/dist/dist-esm/react-components/src/components/ControlButtonTooltip.js.map +1 -1
  227. package/dist/dist-esm/react-components/src/components/DevicePermissions/BrowserPermissionDenied.js +10 -4
  228. package/dist/dist-esm/react-components/src/components/DevicePermissions/BrowserPermissionDenied.js.map +1 -1
  229. package/dist/dist-esm/react-components/src/components/DevicePermissions/BrowserPermissionDeniedIOS.js +31 -14
  230. package/dist/dist-esm/react-components/src/components/DevicePermissions/BrowserPermissionDeniedIOS.js.map +1 -1
  231. package/dist/dist-esm/react-components/src/components/DevicePermissions/DevicePermissionDropdown.js +8 -5
  232. package/dist/dist-esm/react-components/src/components/DevicePermissions/DevicePermissionDropdown.js.map +1 -1
  233. package/dist/dist-esm/react-components/src/components/DevicePermissions/SitePermissions.js +6 -24
  234. package/dist/dist-esm/react-components/src/components/DevicePermissions/SitePermissions.js.map +1 -1
  235. package/dist/dist-esm/react-components/src/components/DevicePermissions/SitePermissionsScaffolding.js +20 -12
  236. package/dist/dist-esm/react-components/src/components/DevicePermissions/SitePermissionsScaffolding.js.map +1 -1
  237. package/dist/dist-esm/react-components/src/components/DevicesButton.js +21 -16
  238. package/dist/dist-esm/react-components/src/components/DevicesButton.js.map +1 -1
  239. package/dist/dist-esm/react-components/src/components/Dialpad/Dialpad.js +44 -36
  240. package/dist/dist-esm/react-components/src/components/Dialpad/Dialpad.js.map +1 -1
  241. package/dist/dist-esm/react-components/src/components/Drawer/DrawerContentContainer.js +4 -4
  242. package/dist/dist-esm/react-components/src/components/Drawer/DrawerContentContainer.js.map +1 -1
  243. package/dist/dist-esm/react-components/src/components/Drawer/DrawerLightDismiss.js +6 -2
  244. package/dist/dist-esm/react-components/src/components/Drawer/DrawerLightDismiss.js.map +1 -1
  245. package/dist/dist-esm/react-components/src/components/Drawer/DrawerMenu.js +6 -6
  246. package/dist/dist-esm/react-components/src/components/Drawer/DrawerMenu.js.map +1 -1
  247. package/dist/dist-esm/react-components/src/components/Drawer/DrawerMenuItem.js +23 -11
  248. package/dist/dist-esm/react-components/src/components/Drawer/DrawerMenuItem.js.map +1 -1
  249. package/dist/dist-esm/react-components/src/components/Drawer/DrawerSurface.js +3 -3
  250. package/dist/dist-esm/react-components/src/components/Drawer/DrawerSurface.js.map +1 -1
  251. package/dist/dist-esm/react-components/src/components/Drawer/index.js.map +1 -1
  252. package/dist/dist-esm/react-components/src/components/EndCallButton.js +7 -3
  253. package/dist/dist-esm/react-components/src/components/EndCallButton.js.map +1 -1
  254. package/dist/dist-esm/react-components/src/components/ErrorBar.d.ts +4 -0
  255. package/dist/dist-esm/react-components/src/components/ErrorBar.js +4 -2
  256. package/dist/dist-esm/react-components/src/components/ErrorBar.js.map +1 -1
  257. package/dist/dist-esm/react-components/src/components/FileCard.js +3 -2
  258. package/dist/dist-esm/react-components/src/components/FileCard.js.map +1 -1
  259. package/dist/dist-esm/react-components/src/components/FileCardGroup.js +1 -1
  260. package/dist/dist-esm/react-components/src/components/FileCardGroup.js.map +1 -1
  261. package/dist/dist-esm/react-components/src/components/FileDownloadCards.js +10 -9
  262. package/dist/dist-esm/react-components/src/components/FileDownloadCards.js.map +1 -1
  263. package/dist/dist-esm/react-components/src/components/FileUploadCards.js +7 -8
  264. package/dist/dist-esm/react-components/src/components/FileUploadCards.js.map +1 -1
  265. package/dist/dist-esm/react-components/src/components/GridLayout.js +37 -37
  266. package/dist/dist-esm/react-components/src/components/GridLayout.js.map +1 -1
  267. package/dist/dist-esm/react-components/src/components/HighContrastAwareIcon.js +2 -2
  268. package/dist/dist-esm/react-components/src/components/HighContrastAwareIcon.js.map +1 -1
  269. package/dist/dist-esm/react-components/src/components/HoldButton.js +1 -1
  270. package/dist/dist-esm/react-components/src/components/HoldButton.js.map +1 -1
  271. package/dist/dist-esm/react-components/src/components/HorizontalGallery.js +9 -7
  272. package/dist/dist-esm/react-components/src/components/HorizontalGallery.js.map +1 -1
  273. package/dist/dist-esm/react-components/src/components/InputBoxComponent.d.ts +1 -1
  274. package/dist/dist-esm/react-components/src/components/InputBoxComponent.js +46 -10
  275. package/dist/dist-esm/react-components/src/components/InputBoxComponent.js.map +1 -1
  276. package/dist/dist-esm/react-components/src/components/LocalVideoCameraButton.js +5 -3
  277. package/dist/dist-esm/react-components/src/components/LocalVideoCameraButton.js.map +1 -1
  278. package/dist/dist-esm/react-components/src/components/LocalVideoTile.js +9 -27
  279. package/dist/dist-esm/react-components/src/components/LocalVideoTile.js.map +1 -1
  280. package/dist/dist-esm/react-components/src/components/MessageStatusIndicator.js +40 -27
  281. package/dist/dist-esm/react-components/src/components/MessageStatusIndicator.js.map +1 -1
  282. package/dist/dist-esm/react-components/src/components/MessageThread.d.ts +2 -3
  283. package/dist/dist-esm/react-components/src/components/MessageThread.js +92 -157
  284. package/dist/dist-esm/react-components/src/components/MessageThread.js.map +1 -1
  285. package/dist/dist-esm/react-components/src/components/MicrophoneButton.js +14 -17
  286. package/dist/dist-esm/react-components/src/components/MicrophoneButton.js.map +1 -1
  287. package/dist/dist-esm/react-components/src/components/ModalClone/ModalClone.js +101 -94
  288. package/dist/dist-esm/react-components/src/components/ModalClone/ModalClone.js.map +1 -1
  289. package/dist/dist-esm/react-components/src/components/ParticipantItem.js +17 -15
  290. package/dist/dist-esm/react-components/src/components/ParticipantItem.js.map +1 -1
  291. package/dist/dist-esm/react-components/src/components/ParticipantList.js +10 -20
  292. package/dist/dist-esm/react-components/src/components/ParticipantList.js.map +1 -1
  293. package/dist/dist-esm/react-components/src/components/ParticipantsButton.js +32 -46
  294. package/dist/dist-esm/react-components/src/components/ParticipantsButton.js.map +1 -1
  295. package/dist/dist-esm/react-components/src/components/PictureInPictureInPicture/PictureInPictureInPicture.js +3 -3
  296. package/dist/dist-esm/react-components/src/components/PictureInPictureInPicture/PictureInPictureInPicture.js.map +1 -1
  297. package/dist/dist-esm/react-components/src/components/PictureInPictureInPicture/PictureInPictureInPictureTile.js +3 -3
  298. package/dist/dist-esm/react-components/src/components/PictureInPictureInPicture/PictureInPictureInPictureTile.js.map +1 -1
  299. package/dist/dist-esm/react-components/src/components/RemoteVideoTile.js +14 -29
  300. package/dist/dist-esm/react-components/src/components/RemoteVideoTile.js.map +1 -1
  301. package/dist/dist-esm/react-components/src/components/ResponsiveHorizontalGallery.js +2 -2
  302. package/dist/dist-esm/react-components/src/components/ResponsiveHorizontalGallery.js.map +1 -1
  303. package/dist/dist-esm/react-components/src/components/ResponsiveVerticalGallery.js +2 -2
  304. package/dist/dist-esm/react-components/src/components/ResponsiveVerticalGallery.js.map +1 -1
  305. package/dist/dist-esm/react-components/src/components/ScreenShareButton.js +14 -6
  306. package/dist/dist-esm/react-components/src/components/ScreenShareButton.js.map +1 -1
  307. package/dist/dist-esm/react-components/src/components/SendBox.d.ts +4 -4
  308. package/dist/dist-esm/react-components/src/components/SendBox.js +27 -23
  309. package/dist/dist-esm/react-components/src/components/SendBox.js.map +1 -1
  310. package/dist/dist-esm/react-components/src/components/SendBoxErrorBar.js +2 -2
  311. package/dist/dist-esm/react-components/src/components/SendBoxErrorBar.js.map +1 -1
  312. package/dist/dist-esm/react-components/src/components/SendBoxErrors.js.map +1 -1
  313. package/dist/dist-esm/react-components/src/components/StartCaptionsButton.js +4 -2
  314. package/dist/dist-esm/react-components/src/components/StartCaptionsButton.js.map +1 -1
  315. package/dist/dist-esm/react-components/src/components/StreamMedia.js +3 -3
  316. package/dist/dist-esm/react-components/src/components/StreamMedia.js.map +1 -1
  317. package/dist/dist-esm/react-components/src/components/SystemMessage.d.ts +1 -1
  318. package/dist/dist-esm/react-components/src/components/SystemMessage.js +4 -2
  319. package/dist/dist-esm/react-components/src/components/SystemMessage.js.map +1 -1
  320. package/dist/dist-esm/react-components/src/components/TroubleshootingGuideErrorBar.js +10 -10
  321. package/dist/dist-esm/react-components/src/components/TroubleshootingGuideErrorBar.js.map +1 -1
  322. package/dist/dist-esm/react-components/src/components/TypingIndicator.js +6 -9
  323. package/dist/dist-esm/react-components/src/components/TypingIndicator.js.map +1 -1
  324. package/dist/dist-esm/react-components/src/components/UnsupportedBrowser.js +1 -1
  325. package/dist/dist-esm/react-components/src/components/UnsupportedBrowser.js.map +1 -1
  326. package/dist/dist-esm/react-components/src/components/UnsupportedBrowserVersion.js +1 -1
  327. package/dist/dist-esm/react-components/src/components/UnsupportedBrowserVersion.js.map +1 -1
  328. package/dist/dist-esm/react-components/src/components/UnsupportedEnvironment.js +8 -4
  329. package/dist/dist-esm/react-components/src/components/UnsupportedEnvironment.js.map +1 -1
  330. package/dist/dist-esm/react-components/src/components/UnsupportedOperatingSystem.js +1 -1
  331. package/dist/dist-esm/react-components/src/components/UnsupportedOperatingSystem.js.map +1 -1
  332. package/dist/dist-esm/react-components/src/components/VerticalGallery.js +34 -19
  333. package/dist/dist-esm/react-components/src/components/VerticalGallery.js.map +1 -1
  334. package/dist/dist-esm/react-components/src/components/VideoEffects/PresetVideoEffectsItems.js +1 -3
  335. package/dist/dist-esm/react-components/src/components/VideoEffects/PresetVideoEffectsItems.js.map +1 -1
  336. package/dist/dist-esm/react-components/src/components/VideoEffects/VideoBackgroundEffectsPicker.js +17 -5
  337. package/dist/dist-esm/react-components/src/components/VideoEffects/VideoBackgroundEffectsPicker.js.map +1 -1
  338. package/dist/dist-esm/react-components/src/components/VideoEffects/VideoEffectsItem.d.ts +1 -1
  339. package/dist/dist-esm/react-components/src/components/VideoEffects/VideoEffectsItem.js +16 -57
  340. package/dist/dist-esm/react-components/src/components/VideoEffects/VideoEffectsItem.js.map +1 -1
  341. package/dist/dist-esm/react-components/src/components/VideoEffects/VideoEffectsItem.styles.d.ts +11 -0
  342. package/dist/dist-esm/react-components/src/components/VideoEffects/VideoEffectsItem.styles.js +53 -0
  343. package/dist/dist-esm/react-components/src/components/VideoEffects/VideoEffectsItem.styles.js.map +1 -0
  344. package/dist/dist-esm/react-components/src/components/VideoGallery/DefaultLayout.js +16 -37
  345. package/dist/dist-esm/react-components/src/components/VideoGallery/DefaultLayout.js.map +1 -1
  346. package/dist/dist-esm/react-components/src/components/VideoGallery/FloatingLocalVideo.js +10 -10
  347. package/dist/dist-esm/react-components/src/components/VideoGallery/FloatingLocalVideo.js.map +1 -1
  348. package/dist/dist-esm/react-components/src/components/VideoGallery/FloatingLocalVideoLayout.js +25 -56
  349. package/dist/dist-esm/react-components/src/components/VideoGallery/FloatingLocalVideoLayout.js.map +1 -1
  350. package/dist/dist-esm/react-components/src/components/VideoGallery/Layout.js.map +1 -1
  351. package/dist/dist-esm/react-components/src/components/VideoGallery/LocalScreenShare.js +7 -7
  352. package/dist/dist-esm/react-components/src/components/VideoGallery/LocalScreenShare.js.map +1 -1
  353. package/dist/dist-esm/react-components/src/components/VideoGallery/OverflowGallery.js +5 -16
  354. package/dist/dist-esm/react-components/src/components/VideoGallery/OverflowGallery.js.map +1 -1
  355. package/dist/dist-esm/react-components/src/components/VideoGallery/RemoteScreenShare.js +6 -8
  356. package/dist/dist-esm/react-components/src/components/VideoGallery/RemoteScreenShare.js.map +1 -1
  357. package/dist/dist-esm/react-components/src/components/VideoGallery/ScrollableHorizontalGallery.js +4 -2
  358. package/dist/dist-esm/react-components/src/components/VideoGallery/ScrollableHorizontalGallery.js.map +1 -1
  359. package/dist/dist-esm/react-components/src/components/VideoGallery/styles/DefaultLayout.styles.js +6 -1
  360. package/dist/dist-esm/react-components/src/components/VideoGallery/styles/DefaultLayout.styles.js.map +1 -1
  361. package/dist/dist-esm/react-components/src/components/VideoGallery/styles/FloatingLocalVideo.styles.js +32 -7
  362. package/dist/dist-esm/react-components/src/components/VideoGallery/styles/FloatingLocalVideo.styles.js.map +1 -1
  363. package/dist/dist-esm/react-components/src/components/VideoGallery/styles/FloatingLocalVideoLayout.styles.js +11 -2
  364. package/dist/dist-esm/react-components/src/components/VideoGallery/styles/FloatingLocalVideoLayout.styles.js.map +1 -1
  365. package/dist/dist-esm/react-components/src/components/VideoGallery/styles/Layout.styles.js.map +1 -1
  366. package/dist/dist-esm/react-components/src/components/VideoGallery/styles/LocalScreenShare.styles.js.map +1 -1
  367. package/dist/dist-esm/react-components/src/components/VideoGallery/styles/RemoteScreenShare.styles.js.map +1 -1
  368. package/dist/dist-esm/react-components/src/components/VideoGallery/styles/RemoteVideoTile.styles.js.map +1 -1
  369. package/dist/dist-esm/react-components/src/components/VideoGallery/styles/ScrollableHorizontalGallery.style.js +3 -1
  370. package/dist/dist-esm/react-components/src/components/VideoGallery/styles/ScrollableHorizontalGallery.style.js.map +1 -1
  371. package/dist/dist-esm/react-components/src/components/VideoGallery/styles/VideoGalleryResponsiveHorizontalGallery.styles.js +11 -10
  372. package/dist/dist-esm/react-components/src/components/VideoGallery/styles/VideoGalleryResponsiveHorizontalGallery.styles.js.map +1 -1
  373. package/dist/dist-esm/react-components/src/components/VideoGallery/styles/VideoGalleryResponsiveVerticalGallery.styles.js +28 -22
  374. package/dist/dist-esm/react-components/src/components/VideoGallery/styles/VideoGalleryResponsiveVerticalGallery.styles.js.map +1 -1
  375. package/dist/dist-esm/react-components/src/components/VideoGallery/useVideoStreamLifecycleMaintainer.js +5 -10
  376. package/dist/dist-esm/react-components/src/components/VideoGallery/useVideoStreamLifecycleMaintainer.js.map +1 -1
  377. package/dist/dist-esm/react-components/src/components/VideoGallery/useVideoTileContextualMenuProps.js +29 -18
  378. package/dist/dist-esm/react-components/src/components/VideoGallery/useVideoTileContextualMenuProps.js.map +1 -1
  379. package/dist/dist-esm/react-components/src/components/VideoGallery/utils/OverflowGalleryUtils.js.map +1 -1
  380. package/dist/dist-esm/react-components/src/components/VideoGallery/utils/videoGalleryLayoutUtils.js +24 -39
  381. package/dist/dist-esm/react-components/src/components/VideoGallery/utils/videoGalleryLayoutUtils.js.map +1 -1
  382. package/dist/dist-esm/react-components/src/components/VideoGallery.js +27 -90
  383. package/dist/dist-esm/react-components/src/components/VideoGallery.js.map +1 -1
  384. package/dist/dist-esm/react-components/src/components/VideoTile.js +52 -34
  385. package/dist/dist-esm/react-components/src/components/VideoTile.js.map +1 -1
  386. package/dist/dist-esm/react-components/src/components/index.js.map +1 -1
  387. package/dist/dist-esm/react-components/src/components/styles/BrowserPermissionDenied.styles.js.map +1 -1
  388. package/dist/dist-esm/react-components/src/components/styles/Captions.style.js +4 -3
  389. package/dist/dist-esm/react-components/src/components/styles/Captions.style.js.map +1 -1
  390. package/dist/dist-esm/react-components/src/components/styles/CaptionsSettingsModal.styles.js.map +1 -1
  391. package/dist/dist-esm/react-components/src/components/styles/ChatMessageComponent.styles.js +12 -3
  392. package/dist/dist-esm/react-components/src/components/styles/ChatMessageComponent.styles.js.map +1 -1
  393. package/dist/dist-esm/react-components/src/components/styles/Common.style.js.map +1 -1
  394. package/dist/dist-esm/react-components/src/components/styles/ControlBar.styles.js.map +1 -1
  395. package/dist/dist-esm/react-components/src/components/styles/Dialpad.styles.js.map +1 -1
  396. package/dist/dist-esm/react-components/src/components/styles/EditBox.styles.js +6 -7
  397. package/dist/dist-esm/react-components/src/components/styles/EditBox.styles.js.map +1 -1
  398. package/dist/dist-esm/react-components/src/components/styles/GridLayout.styles.js.map +1 -1
  399. package/dist/dist-esm/react-components/src/components/styles/HorizontalGallery.styles.js.map +1 -1
  400. package/dist/dist-esm/react-components/src/components/styles/IconButton.styles.js.map +1 -1
  401. package/dist/dist-esm/react-components/src/components/styles/InputBoxComponent.style.d.ts +3 -3
  402. package/dist/dist-esm/react-components/src/components/styles/InputBoxComponent.style.js +11 -12
  403. package/dist/dist-esm/react-components/src/components/styles/InputBoxComponent.style.js.map +1 -1
  404. package/dist/dist-esm/react-components/src/components/styles/MessageStatusIndicator.styles.js.map +1 -1
  405. package/dist/dist-esm/react-components/src/components/styles/MessageThread.styles.d.ts +1 -1
  406. package/dist/dist-esm/react-components/src/components/styles/MessageThread.styles.js +12 -3
  407. package/dist/dist-esm/react-components/src/components/styles/MessageThread.styles.js.map +1 -1
  408. package/dist/dist-esm/react-components/src/components/styles/ParticipantItem.styles.js +1 -0
  409. package/dist/dist-esm/react-components/src/components/styles/ParticipantItem.styles.js.map +1 -1
  410. package/dist/dist-esm/react-components/src/components/styles/ParticipantList.styles.js.map +1 -1
  411. package/dist/dist-esm/react-components/src/components/styles/SendBox.styles.d.ts +0 -4
  412. package/dist/dist-esm/react-components/src/components/styles/SendBox.styles.js +10 -8
  413. package/dist/dist-esm/react-components/src/components/styles/SendBox.styles.js.map +1 -1
  414. package/dist/dist-esm/react-components/src/components/styles/SitePermissions.styles.js.map +1 -1
  415. package/dist/dist-esm/react-components/src/components/styles/StreamMedia.styles.js +3 -0
  416. package/dist/dist-esm/react-components/src/components/styles/StreamMedia.styles.js.map +1 -1
  417. package/dist/dist-esm/react-components/src/components/styles/SystemMessage.styles.js.map +1 -1
  418. package/dist/dist-esm/react-components/src/components/styles/TroubleshootingGuideErrorBar.styles.js +1 -0
  419. package/dist/dist-esm/react-components/src/components/styles/TroubleshootingGuideErrorBar.styles.js.map +1 -1
  420. package/dist/dist-esm/react-components/src/components/styles/TypingIndicator.styles.js.map +1 -1
  421. package/dist/dist-esm/react-components/src/components/styles/UnsupportedEnvironment.styles.js.map +1 -1
  422. package/dist/dist-esm/react-components/src/components/styles/VerticalGallery.styles.js.map +1 -1
  423. package/dist/dist-esm/react-components/src/components/styles/VideoGallery.styles.js +13 -2
  424. package/dist/dist-esm/react-components/src/components/styles/VideoGallery.styles.js.map +1 -1
  425. package/dist/dist-esm/react-components/src/components/styles/VideoTile.styles.js.map +1 -1
  426. package/dist/dist-esm/react-components/src/components/utils/Datetime.js.map +1 -1
  427. package/dist/dist-esm/react-components/src/components/utils/common.js.map +1 -1
  428. package/dist/dist-esm/react-components/src/components/utils/delay.js.map +1 -1
  429. package/dist/dist-esm/react-components/src/components/utils/formatPhoneNumber.js.map +1 -1
  430. package/dist/dist-esm/react-components/src/components/utils/getParticipantsWhoHaveReadMessage.js +7 -4
  431. package/dist/dist-esm/react-components/src/components/utils/getParticipantsWhoHaveReadMessage.js.map +1 -1
  432. package/dist/dist-esm/react-components/src/components/utils/keyboardNavigation.js.map +1 -1
  433. package/dist/dist-esm/react-components/src/components/utils/merge.js.map +1 -1
  434. package/dist/dist-esm/react-components/src/components/utils/overFlowGalleriesUtils.js.map +1 -1
  435. package/dist/dist-esm/react-components/src/components/utils/responsive.js +2 -2
  436. package/dist/dist-esm/react-components/src/components/utils/responsive.js.map +1 -1
  437. package/dist/dist-esm/react-components/src/components/utils/useLongPress.js +1 -10
  438. package/dist/dist-esm/react-components/src/components/utils/useLongPress.js.map +1 -1
  439. package/dist/dist-esm/react-components/src/components/utils/videoTileStylesUtils.js +3 -1
  440. package/dist/dist-esm/react-components/src/components/utils/videoTileStylesUtils.js.map +1 -1
  441. package/dist/dist-esm/react-components/src/components/utils.js +13 -10
  442. package/dist/dist-esm/react-components/src/components/utils.js.map +1 -1
  443. package/dist/dist-esm/react-components/src/gallery/dominantSpeaker.js +6 -8
  444. package/dist/dist-esm/react-components/src/gallery/dominantSpeaker.js.map +1 -1
  445. package/dist/dist-esm/react-components/src/gallery/index.js.map +1 -1
  446. package/dist/dist-esm/react-components/src/identifiers/IdentifierProvider.js.map +1 -1
  447. package/dist/dist-esm/react-components/src/identifiers/index.js.map +1 -1
  448. package/dist/dist-esm/react-components/src/index.d.ts +1 -1
  449. package/dist/dist-esm/react-components/src/index.js.map +1 -1
  450. package/dist/dist-esm/react-components/src/localization/LocalizationProvider.js.map +1 -1
  451. package/dist/dist-esm/react-components/src/localization/index.js.map +1 -1
  452. package/dist/dist-esm/react-components/src/localization/locales/de-DE/strings.json +7 -2
  453. package/dist/dist-esm/react-components/src/localization/locales/en-GB/strings.json +7 -2
  454. package/dist/dist-esm/react-components/src/localization/locales/en-US/strings.json +5 -1
  455. package/dist/dist-esm/react-components/src/localization/locales/es-ES/strings.json +7 -2
  456. package/dist/dist-esm/react-components/src/localization/locales/fr-FR/strings.json +7 -2
  457. package/dist/dist-esm/react-components/src/localization/locales/index.js +42 -14
  458. package/dist/dist-esm/react-components/src/localization/locales/index.js.map +1 -1
  459. package/dist/dist-esm/react-components/src/localization/locales/it-IT/strings.json +7 -2
  460. package/dist/dist-esm/react-components/src/localization/locales/ja-JP/strings.json +7 -2
  461. package/dist/dist-esm/react-components/src/localization/locales/ko-KR/strings.json +7 -2
  462. package/dist/dist-esm/react-components/src/localization/locales/nl-NL/strings.json +7 -2
  463. package/dist/dist-esm/react-components/src/localization/locales/pt-BR/strings.json +7 -2
  464. package/dist/dist-esm/react-components/src/localization/locales/ru-RU/strings.json +7 -2
  465. package/dist/dist-esm/react-components/src/localization/locales/tr-TR/strings.json +7 -2
  466. package/dist/dist-esm/react-components/src/localization/locales/zh-CN/strings.json +7 -2
  467. package/dist/dist-esm/react-components/src/localization/locales/zh-TW/strings.json +7 -2
  468. package/dist/dist-esm/react-components/src/permissions/PermissionsProvider.js.map +1 -1
  469. package/dist/dist-esm/react-components/src/permissions/index.js.map +1 -1
  470. package/dist/dist-esm/react-components/src/theming/FluentThemeProvider.js +7 -4
  471. package/dist/dist-esm/react-components/src/theming/FluentThemeProvider.js.map +1 -1
  472. package/dist/dist-esm/react-components/src/theming/icons.d.ts +2 -0
  473. package/dist/dist-esm/react-components/src/theming/icons.js +44 -25
  474. package/dist/dist-esm/react-components/src/theming/icons.js.map +1 -1
  475. package/dist/dist-esm/react-components/src/theming/icons.styles.js.map +1 -1
  476. package/dist/dist-esm/react-components/src/theming/index.js.map +1 -1
  477. package/dist/dist-esm/react-components/src/theming/themeUtils.js.map +1 -1
  478. package/dist/dist-esm/react-components/src/theming/themes.js.map +1 -1
  479. package/dist/dist-esm/react-components/src/types/CaptionsAvailableLanguageStrings.js.map +1 -1
  480. package/dist/dist-esm/react-components/src/types/ChatMessage.js.map +1 -1
  481. package/dist/dist-esm/react-components/src/types/CommunicationParticipant.js.map +1 -1
  482. package/dist/dist-esm/react-components/src/types/ComponentSlotStyle.d.ts +9 -0
  483. package/dist/dist-esm/react-components/src/types/ComponentSlotStyle.js +4 -0
  484. package/dist/dist-esm/react-components/src/types/ComponentSlotStyle.js.map +1 -0
  485. package/dist/dist-esm/react-components/src/types/CustomStylesProps.js.map +1 -1
  486. package/dist/dist-esm/react-components/src/types/OnRender.js.map +1 -1
  487. package/dist/dist-esm/react-components/src/types/ParticipantListParticipant.js.map +1 -1
  488. package/dist/dist-esm/react-components/src/types/ReadReceiptsBySenderId.js.map +1 -1
  489. package/dist/dist-esm/react-components/src/types/VideoGalleryParticipant.js.map +1 -1
  490. package/dist/dist-esm/react-components/src/types/index.d.ts +1 -0
  491. package/dist/dist-esm/react-components/src/types/index.js +1 -0
  492. package/dist/dist-esm/react-components/src/types/index.js.map +1 -1
  493. package/dist/dist-esm/react-composites/src/composites/CallComposite/CallComposite.d.ts +12 -0
  494. package/dist/dist-esm/react-composites/src/composites/CallComposite/CallComposite.js +50 -41
  495. package/dist/dist-esm/react-composites/src/composites/CallComposite/CallComposite.js.map +1 -1
  496. package/dist/dist-esm/react-composites/src/composites/CallComposite/Strings.d.ts +36 -0
  497. package/dist/dist-esm/react-composites/src/composites/CallComposite/Strings.js.map +1 -1
  498. package/dist/dist-esm/react-composites/src/composites/CallComposite/adapter/AzureCommunicationCallAdapter.d.ts +23 -5
  499. package/dist/dist-esm/react-composites/src/composites/CallComposite/adapter/AzureCommunicationCallAdapter.js +122 -93
  500. package/dist/dist-esm/react-composites/src/composites/CallComposite/adapter/AzureCommunicationCallAdapter.js.map +1 -1
  501. package/dist/dist-esm/react-composites/src/composites/CallComposite/adapter/CallAdapter.d.ts +107 -0
  502. package/dist/dist-esm/react-composites/src/composites/CallComposite/adapter/CallAdapter.js +1 -9
  503. package/dist/dist-esm/react-composites/src/composites/CallComposite/adapter/CallAdapter.js.map +1 -1
  504. package/dist/dist-esm/react-composites/src/composites/CallComposite/adapter/CallAdapterProvider.js.map +1 -1
  505. package/dist/dist-esm/react-composites/src/composites/CallComposite/adapter/DiagnosticsForwarder.js.map +1 -1
  506. package/dist/dist-esm/react-composites/src/composites/CallComposite/adapter/OnFetchProfileCallback.js +3 -1
  507. package/dist/dist-esm/react-composites/src/composites/CallComposite/adapter/OnFetchProfileCallback.js.map +1 -1
  508. package/dist/dist-esm/react-composites/src/composites/CallComposite/adapter/ParticipantSubcriber.js.map +1 -1
  509. package/dist/dist-esm/react-composites/src/composites/CallComposite/adapter/createHandlers.js +2 -2
  510. package/dist/dist-esm/react-composites/src/composites/CallComposite/adapter/createHandlers.js.map +1 -1
  511. package/dist/dist-esm/react-composites/src/composites/CallComposite/adapter/index.d.ts +1 -0
  512. package/dist/dist-esm/react-composites/src/composites/CallComposite/adapter/index.js.map +1 -1
  513. package/dist/dist-esm/react-composites/src/composites/CallComposite/components/CallArrangement.d.ts +4 -0
  514. package/dist/dist-esm/react-composites/src/composites/CallComposite/components/CallArrangement.js +95 -81
  515. package/dist/dist-esm/react-composites/src/composites/CallComposite/components/CallArrangement.js.map +1 -1
  516. package/dist/dist-esm/react-composites/src/composites/CallComposite/components/CallControls.js +47 -22
  517. package/dist/dist-esm/react-composites/src/composites/CallComposite/components/CallControls.js.map +1 -1
  518. package/dist/dist-esm/react-composites/src/composites/CallComposite/components/CallReadinessModal.js +141 -133
  519. package/dist/dist-esm/react-composites/src/composites/CallComposite/components/CallReadinessModal.js.map +1 -1
  520. package/dist/dist-esm/react-composites/src/composites/CallComposite/components/ConfigurationPageCameraDropdown.js +7 -1
  521. package/dist/dist-esm/react-composites/src/composites/CallComposite/components/ConfigurationPageCameraDropdown.js.map +1 -1
  522. package/dist/dist-esm/react-composites/src/composites/CallComposite/components/ConfigurationPageErrorBar.js +1 -1
  523. package/dist/dist-esm/react-composites/src/composites/CallComposite/components/ConfigurationPageErrorBar.js.map +1 -1
  524. package/dist/dist-esm/react-composites/src/composites/CallComposite/components/ConfigurationPageMicDropdown.js +7 -1
  525. package/dist/dist-esm/react-composites/src/composites/CallComposite/components/ConfigurationPageMicDropdown.js.map +1 -1
  526. package/dist/dist-esm/react-composites/src/composites/CallComposite/components/ExpandedLocalVideoTile.js +4 -5
  527. package/dist/dist-esm/react-composites/src/composites/CallComposite/components/ExpandedLocalVideoTile.js.map +1 -1
  528. package/dist/dist-esm/react-composites/src/composites/CallComposite/components/HoldPane.js +4 -4
  529. package/dist/dist-esm/react-composites/src/composites/CallComposite/components/HoldPane.js.map +1 -1
  530. package/dist/dist-esm/react-composites/src/composites/CallComposite/components/LobbyTile.js +2 -2
  531. package/dist/dist-esm/react-composites/src/composites/CallComposite/components/LobbyTile.js.map +1 -1
  532. package/dist/dist-esm/react-composites/src/composites/CallComposite/components/LocalAndRemotePIP.js +22 -32
  533. package/dist/dist-esm/react-composites/src/composites/CallComposite/components/LocalAndRemotePIP.js.map +1 -1
  534. package/dist/dist-esm/react-composites/src/composites/CallComposite/components/LocalDeviceSettings.d.ts +1 -0
  535. package/dist/dist-esm/react-composites/src/composites/CallComposite/components/LocalDeviceSettings.js +30 -33
  536. package/dist/dist-esm/react-composites/src/composites/CallComposite/components/LocalDeviceSettings.js.map +1 -1
  537. package/dist/dist-esm/react-composites/src/composites/CallComposite/components/LocalPreview.js +40 -18
  538. package/dist/dist-esm/react-composites/src/composites/CallComposite/components/LocalPreview.js.map +1 -1
  539. package/dist/dist-esm/react-composites/src/composites/CallComposite/components/MediaGallery.js +29 -27
  540. package/dist/dist-esm/react-composites/src/composites/CallComposite/components/MediaGallery.js.map +1 -1
  541. package/dist/dist-esm/react-composites/src/composites/CallComposite/components/MutedNotification.js +2 -2
  542. package/dist/dist-esm/react-composites/src/composites/CallComposite/components/MutedNotification.js.map +1 -1
  543. package/dist/dist-esm/react-composites/src/composites/CallComposite/components/NetworkReconnectTile.js +2 -2
  544. package/dist/dist-esm/react-composites/src/composites/CallComposite/components/NetworkReconnectTile.js.map +1 -1
  545. package/dist/dist-esm/react-composites/src/composites/CallComposite/components/SidePane/SidePane.d.ts +14 -0
  546. package/dist/dist-esm/react-composites/src/composites/CallComposite/components/SidePane/SidePane.js +55 -0
  547. package/dist/dist-esm/react-composites/src/composites/CallComposite/components/SidePane/SidePane.js.map +1 -0
  548. package/dist/dist-esm/react-composites/src/composites/CallComposite/components/SidePane/SidePaneProvider.d.ts +58 -0
  549. package/dist/dist-esm/react-composites/src/composites/CallComposite/components/SidePane/SidePaneProvider.js +31 -0
  550. package/dist/dist-esm/react-composites/src/composites/CallComposite/components/SidePane/SidePaneProvider.js.map +1 -0
  551. package/dist/dist-esm/react-composites/src/composites/CallComposite/components/SidePane/usePeoplePane.d.ts +17 -0
  552. package/dist/dist-esm/react-composites/src/composites/CallComposite/components/SidePane/usePeoplePane.js +47 -0
  553. package/dist/dist-esm/react-composites/src/composites/CallComposite/components/SidePane/usePeoplePane.js.map +1 -0
  554. package/dist/dist-esm/react-composites/src/composites/CallComposite/components/SidePane/useVideoEffectsPane.d.ts +9 -0
  555. package/dist/dist-esm/react-composites/src/composites/CallComposite/components/SidePane/useVideoEffectsPane.js +75 -0
  556. package/dist/dist-esm/react-composites/src/composites/CallComposite/components/SidePane/useVideoEffectsPane.js.map +1 -0
  557. package/dist/dist-esm/react-composites/src/composites/CallComposite/components/StartCallButton.js +1 -1
  558. package/dist/dist-esm/react-composites/src/composites/CallComposite/components/StartCallButton.js.map +1 -1
  559. package/dist/dist-esm/react-composites/src/composites/CallComposite/components/buttons/Camera.d.ts +5 -4
  560. package/dist/dist-esm/react-composites/src/composites/CallComposite/components/buttons/Camera.js +2 -1
  561. package/dist/dist-esm/react-composites/src/composites/CallComposite/components/buttons/Camera.js.map +1 -1
  562. package/dist/dist-esm/react-composites/src/composites/CallComposite/components/buttons/Custom.d.ts +2 -7
  563. package/dist/dist-esm/react-composites/src/composites/CallComposite/components/buttons/Custom.js +6 -9
  564. package/dist/dist-esm/react-composites/src/composites/CallComposite/components/buttons/Custom.js.map +1 -1
  565. package/dist/dist-esm/react-composites/src/composites/CallComposite/components/buttons/Devices.js +11 -19
  566. package/dist/dist-esm/react-composites/src/composites/CallComposite/components/buttons/Devices.js.map +1 -1
  567. package/dist/dist-esm/react-composites/src/composites/CallComposite/components/buttons/EndCall.js +2 -5
  568. package/dist/dist-esm/react-composites/src/composites/CallComposite/components/buttons/EndCall.js.map +1 -1
  569. package/dist/dist-esm/react-composites/src/composites/CallComposite/components/buttons/Microphone.js +6 -8
  570. package/dist/dist-esm/react-composites/src/composites/CallComposite/components/buttons/Microphone.js.map +1 -1
  571. package/dist/dist-esm/react-composites/src/composites/CallComposite/components/buttons/Participants.js +2 -5
  572. package/dist/dist-esm/react-composites/src/composites/CallComposite/components/buttons/Participants.js.map +1 -1
  573. package/dist/dist-esm/react-composites/src/composites/CallComposite/components/buttons/People.js +1 -1
  574. package/dist/dist-esm/react-composites/src/composites/CallComposite/components/buttons/People.js.map +1 -1
  575. package/dist/dist-esm/react-composites/src/composites/CallComposite/components/buttons/ScreenShare.js +1 -1
  576. package/dist/dist-esm/react-composites/src/composites/CallComposite/components/buttons/ScreenShare.js.map +1 -1
  577. package/dist/dist-esm/react-composites/src/composites/CallComposite/hooks/useAdaptedSelector.js +8 -8
  578. package/dist/dist-esm/react-composites/src/composites/CallComposite/hooks/useAdaptedSelector.js.map +1 -1
  579. package/dist/dist-esm/react-composites/src/composites/CallComposite/hooks/useHandlers.js +15 -7
  580. package/dist/dist-esm/react-composites/src/composites/CallComposite/hooks/useHandlers.js.map +1 -1
  581. package/dist/dist-esm/react-composites/src/composites/CallComposite/hooks/usePropsFor.js.map +1 -1
  582. package/dist/dist-esm/react-composites/src/composites/CallComposite/hooks/useSelector.js +1 -1
  583. package/dist/dist-esm/react-composites/src/composites/CallComposite/hooks/useSelector.js.map +1 -1
  584. package/dist/dist-esm/react-composites/src/composites/CallComposite/index.d.ts +2 -0
  585. package/dist/dist-esm/react-composites/src/composites/CallComposite/index.js.map +1 -1
  586. package/dist/dist-esm/react-composites/src/composites/CallComposite/pages/CallPage.d.ts +4 -0
  587. package/dist/dist-esm/react-composites/src/composites/CallComposite/pages/CallPage.js +3 -7
  588. package/dist/dist-esm/react-composites/src/composites/CallComposite/pages/CallPage.js.map +1 -1
  589. package/dist/dist-esm/react-composites/src/composites/CallComposite/pages/ConfigurationPage.d.ts +2 -0
  590. package/dist/dist-esm/react-composites/src/composites/CallComposite/pages/ConfigurationPage.js +71 -71
  591. package/dist/dist-esm/react-composites/src/composites/CallComposite/pages/ConfigurationPage.js.map +1 -1
  592. package/dist/dist-esm/react-composites/src/composites/CallComposite/pages/HoldPage.d.ts +4 -0
  593. package/dist/dist-esm/react-composites/src/composites/CallComposite/pages/HoldPage.js +7 -15
  594. package/dist/dist-esm/react-composites/src/composites/CallComposite/pages/HoldPage.js.map +1 -1
  595. package/dist/dist-esm/react-composites/src/composites/CallComposite/pages/LobbyPage.d.ts +4 -0
  596. package/dist/dist-esm/react-composites/src/composites/CallComposite/pages/LobbyPage.js +7 -17
  597. package/dist/dist-esm/react-composites/src/composites/CallComposite/pages/LobbyPage.js.map +1 -1
  598. package/dist/dist-esm/react-composites/src/composites/CallComposite/pages/NoticePage.js +2 -2
  599. package/dist/dist-esm/react-composites/src/composites/CallComposite/pages/NoticePage.js.map +1 -1
  600. package/dist/dist-esm/react-composites/src/composites/CallComposite/pages/UnsupportedBrowser.js +3 -3
  601. package/dist/dist-esm/react-composites/src/composites/CallComposite/pages/UnsupportedBrowser.js.map +1 -1
  602. package/dist/dist-esm/react-composites/src/composites/CallComposite/selectors/LocalVideoTileSelector.d.ts +2 -2
  603. package/dist/dist-esm/react-composites/src/composites/CallComposite/selectors/LocalVideoTileSelector.js +1 -1
  604. package/dist/dist-esm/react-composites/src/composites/CallComposite/selectors/LocalVideoTileSelector.js.map +1 -1
  605. package/dist/dist-esm/react-composites/src/composites/CallComposite/selectors/activeVideoBackgroundEffectSelector.d.ts +7 -0
  606. package/dist/dist-esm/react-composites/src/composites/CallComposite/selectors/activeVideoBackgroundEffectSelector.js +20 -0
  607. package/dist/dist-esm/react-composites/src/composites/CallComposite/selectors/activeVideoBackgroundEffectSelector.js.map +1 -0
  608. package/dist/dist-esm/react-composites/src/composites/CallComposite/selectors/baseSelectors.d.ts +10 -0
  609. package/dist/dist-esm/react-composites/src/composites/CallComposite/selectors/baseSelectors.js +10 -0
  610. package/dist/dist-esm/react-composites/src/composites/CallComposite/selectors/baseSelectors.js.map +1 -1
  611. package/dist/dist-esm/react-composites/src/composites/CallComposite/selectors/callStatusSelector.d.ts +1 -1
  612. package/dist/dist-esm/react-composites/src/composites/CallComposite/selectors/callStatusSelector.js.map +1 -1
  613. package/dist/dist-esm/react-composites/src/composites/CallComposite/selectors/complianceBannerSelector.d.ts +1 -1
  614. package/dist/dist-esm/react-composites/src/composites/CallComposite/selectors/complianceBannerSelector.js.map +1 -1
  615. package/dist/dist-esm/react-composites/src/composites/CallComposite/selectors/devicePermissionSelector.d.ts +2 -2
  616. package/dist/dist-esm/react-composites/src/composites/CallComposite/selectors/devicePermissionSelector.js +1 -1
  617. package/dist/dist-esm/react-composites/src/composites/CallComposite/selectors/devicePermissionSelector.js.map +1 -1
  618. package/dist/dist-esm/react-composites/src/composites/CallComposite/selectors/dominantRemoteParticipantSelector.d.ts +2 -2
  619. package/dist/dist-esm/react-composites/src/composites/CallComposite/selectors/dominantRemoteParticipantSelector.js +5 -7
  620. package/dist/dist-esm/react-composites/src/composites/CallComposite/selectors/dominantRemoteParticipantSelector.js.map +1 -1
  621. package/dist/dist-esm/react-composites/src/composites/CallComposite/selectors/lobbySelector.d.ts +1 -1
  622. package/dist/dist-esm/react-composites/src/composites/CallComposite/selectors/lobbySelector.js +1 -1
  623. package/dist/dist-esm/react-composites/src/composites/CallComposite/selectors/lobbySelector.js.map +1 -1
  624. package/dist/dist-esm/react-composites/src/composites/CallComposite/selectors/localAndRemotePIPSelector.d.ts +4 -4
  625. package/dist/dist-esm/react-composites/src/composites/CallComposite/selectors/localAndRemotePIPSelector.js.map +1 -1
  626. package/dist/dist-esm/react-composites/src/composites/CallComposite/selectors/localPreviewSelector.d.ts +2 -2
  627. package/dist/dist-esm/react-composites/src/composites/CallComposite/selectors/localPreviewSelector.js +4 -4
  628. package/dist/dist-esm/react-composites/src/composites/CallComposite/selectors/localPreviewSelector.js.map +1 -1
  629. package/dist/dist-esm/react-composites/src/composites/CallComposite/selectors/localVideoStreamSelector.d.ts +1 -1
  630. package/dist/dist-esm/react-composites/src/composites/CallComposite/selectors/localVideoStreamSelector.js +1 -1
  631. package/dist/dist-esm/react-composites/src/composites/CallComposite/selectors/localVideoStreamSelector.js.map +1 -1
  632. package/dist/dist-esm/react-composites/src/composites/CallComposite/selectors/mediaGallerySelector.d.ts +5 -5
  633. package/dist/dist-esm/react-composites/src/composites/CallComposite/selectors/mediaGallerySelector.js +4 -4
  634. package/dist/dist-esm/react-composites/src/composites/CallComposite/selectors/mediaGallerySelector.js.map +1 -1
  635. package/dist/dist-esm/react-composites/src/composites/CallComposite/selectors/mutedNotificationSelector.d.ts +2 -2
  636. package/dist/dist-esm/react-composites/src/composites/CallComposite/selectors/mutedNotificationSelector.js +1 -1
  637. package/dist/dist-esm/react-composites/src/composites/CallComposite/selectors/mutedNotificationSelector.js.map +1 -1
  638. package/dist/dist-esm/react-composites/src/composites/CallComposite/selectors/networkReconnectTileSelector.d.ts +2 -2
  639. package/dist/dist-esm/react-composites/src/composites/CallComposite/selectors/networkReconnectTileSelector.js.map +1 -1
  640. package/dist/dist-esm/react-composites/src/composites/CallComposite/selectors/videoBackgroundErrorsSelector.d.ts +7 -0
  641. package/dist/dist-esm/react-composites/src/composites/CallComposite/selectors/videoBackgroundErrorsSelector.js +17 -0
  642. package/dist/dist-esm/react-composites/src/composites/CallComposite/selectors/videoBackgroundErrorsSelector.js.map +1 -0
  643. package/dist/dist-esm/react-composites/src/composites/CallComposite/styles/Buttons.styles.js +1 -1
  644. package/dist/dist-esm/react-composites/src/composites/CallComposite/styles/Buttons.styles.js.map +1 -1
  645. package/dist/dist-esm/react-composites/src/composites/CallComposite/styles/CallComposite.styles.js +6 -2
  646. package/dist/dist-esm/react-composites/src/composites/CallComposite/styles/CallComposite.styles.js.map +1 -1
  647. package/dist/dist-esm/react-composites/src/composites/CallComposite/styles/CallConfiguration.styles.d.ts +9 -1
  648. package/dist/dist-esm/react-composites/src/composites/CallComposite/styles/CallConfiguration.styles.js +50 -7
  649. package/dist/dist-esm/react-composites/src/composites/CallComposite/styles/CallConfiguration.styles.js.map +1 -1
  650. package/dist/dist-esm/react-composites/src/composites/CallComposite/styles/CallControls.styles.js.map +1 -1
  651. package/dist/dist-esm/react-composites/src/composites/CallComposite/styles/CallPage.styles.d.ts +4 -0
  652. package/dist/dist-esm/react-composites/src/composites/CallComposite/styles/CallPage.styles.js +4 -1
  653. package/dist/dist-esm/react-composites/src/composites/CallComposite/styles/CallPage.styles.js.map +1 -1
  654. package/dist/dist-esm/react-composites/src/composites/CallComposite/styles/ExpandedLocalVideoTile.styles.js +4 -1
  655. package/dist/dist-esm/react-composites/src/composites/CallComposite/styles/ExpandedLocalVideoTile.styles.js.map +1 -1
  656. package/dist/dist-esm/react-composites/src/composites/CallComposite/styles/HoldPane.styles.js.map +1 -1
  657. package/dist/dist-esm/react-composites/src/composites/CallComposite/styles/LobbyTile.styles.js +4 -1
  658. package/dist/dist-esm/react-composites/src/composites/CallComposite/styles/LobbyTile.styles.js.map +1 -1
  659. package/dist/dist-esm/react-composites/src/composites/CallComposite/styles/LocalDeviceSettings.styles.js.map +1 -1
  660. package/dist/dist-esm/react-composites/src/composites/CallComposite/styles/LocalPreview.styles.js +1 -0
  661. package/dist/dist-esm/react-composites/src/composites/CallComposite/styles/LocalPreview.styles.js.map +1 -1
  662. package/dist/dist-esm/react-composites/src/composites/CallComposite/styles/NetworkReconnectTile.styles.js.map +1 -1
  663. package/dist/dist-esm/react-composites/src/composites/CallComposite/styles/NoticePage.styles.js.map +1 -1
  664. package/dist/dist-esm/react-composites/src/composites/CallComposite/styles/StartCallButton.styles.js +1 -0
  665. package/dist/dist-esm/react-composites/src/composites/CallComposite/styles/StartCallButton.styles.js.map +1 -1
  666. package/dist/dist-esm/react-composites/src/composites/CallComposite/types/CallControlOptions.d.ts +10 -2
  667. package/dist/dist-esm/react-composites/src/composites/CallComposite/types/CallControlOptions.js.map +1 -1
  668. package/dist/dist-esm/react-composites/src/composites/CallComposite/utils/MediaGalleryUtils.js +11 -9
  669. package/dist/dist-esm/react-composites/src/composites/CallComposite/utils/MediaGalleryUtils.js.map +1 -1
  670. package/dist/dist-esm/react-composites/src/composites/CallComposite/utils/Utils.d.ts +22 -1
  671. package/dist/dist-esm/react-composites/src/composites/CallComposite/utils/Utils.js +46 -32
  672. package/dist/dist-esm/react-composites/src/composites/CallComposite/utils/Utils.js.map +1 -1
  673. package/dist/dist-esm/react-composites/src/composites/CallComposite/utils/index.js.map +1 -1
  674. package/dist/dist-esm/react-composites/src/composites/CallWithChatComposite/CallWithChatComposite.js +104 -164
  675. package/dist/dist-esm/react-composites/src/composites/CallWithChatComposite/CallWithChatComposite.js.map +1 -1
  676. package/dist/dist-esm/react-composites/src/composites/CallWithChatComposite/{ChatButton.d.ts → ChatButton/ChatButton.d.ts} +1 -1
  677. package/dist/dist-esm/react-composites/src/composites/CallWithChatComposite/{ChatButton.js → ChatButton/ChatButton.js} +2 -2
  678. package/dist/dist-esm/react-composites/src/composites/CallWithChatComposite/ChatButton/ChatButton.js.map +1 -0
  679. package/dist/dist-esm/react-composites/src/composites/CallWithChatComposite/{ChatButtonWithUnreadMessagesBadge.d.ts → ChatButton/ChatButtonWithUnreadMessagesBadge.d.ts} +2 -2
  680. package/dist/dist-esm/react-composites/src/composites/CallWithChatComposite/{ChatButtonWithUnreadMessagesBadge.js → ChatButton/ChatButtonWithUnreadMessagesBadge.js} +10 -12
  681. package/dist/dist-esm/react-composites/src/composites/CallWithChatComposite/ChatButton/ChatButtonWithUnreadMessagesBadge.js.map +1 -0
  682. package/dist/dist-esm/react-composites/src/composites/CallWithChatComposite/{NotificationIcon.js → ChatButton/NotificationIcon.js} +6 -3
  683. package/dist/dist-esm/react-composites/src/composites/CallWithChatComposite/ChatButton/NotificationIcon.js.map +1 -0
  684. package/dist/dist-esm/react-composites/src/composites/CallWithChatComposite/Strings.js.map +1 -1
  685. package/dist/dist-esm/react-composites/src/composites/CallWithChatComposite/adapter/AzureCommunicationCallWithChatAdapter.d.ts +7 -0
  686. package/dist/dist-esm/react-composites/src/composites/CallWithChatComposite/adapter/AzureCommunicationCallWithChatAdapter.js +41 -40
  687. package/dist/dist-esm/react-composites/src/composites/CallWithChatComposite/adapter/AzureCommunicationCallWithChatAdapter.js.map +1 -1
  688. package/dist/dist-esm/react-composites/src/composites/CallWithChatComposite/adapter/CallWithChatAdapter.d.ts +34 -0
  689. package/dist/dist-esm/react-composites/src/composites/CallWithChatComposite/adapter/CallWithChatAdapter.js.map +1 -1
  690. package/dist/dist-esm/react-composites/src/composites/CallWithChatComposite/adapter/CallWithChatBackedCallAdapter.d.ts +7 -0
  691. package/dist/dist-esm/react-composites/src/composites/CallWithChatComposite/adapter/CallWithChatBackedCallAdapter.js +31 -1
  692. package/dist/dist-esm/react-composites/src/composites/CallWithChatComposite/adapter/CallWithChatBackedCallAdapter.js.map +1 -1
  693. package/dist/dist-esm/react-composites/src/composites/CallWithChatComposite/adapter/CallWithChatBackedChatAdapter.js.map +1 -1
  694. package/dist/dist-esm/react-composites/src/composites/CallWithChatComposite/adapter/parseTeamsUrl.js +1 -1
  695. package/dist/dist-esm/react-composites/src/composites/CallWithChatComposite/adapter/parseTeamsUrl.js.map +1 -1
  696. package/dist/dist-esm/react-composites/src/composites/CallWithChatComposite/hooks/useCallWithChatCompositeStrings.js.map +1 -1
  697. package/dist/dist-esm/react-composites/src/composites/CallWithChatComposite/index.js.map +1 -1
  698. package/dist/dist-esm/react-composites/src/composites/CallWithChatComposite/selectors/moreDrawerSelector.js +1 -1
  699. package/dist/dist-esm/react-composites/src/composites/CallWithChatComposite/selectors/moreDrawerSelector.js.map +1 -1
  700. package/dist/dist-esm/react-composites/src/composites/CallWithChatComposite/state/CallWithChatAdapterState.d.ts +5 -0
  701. package/dist/dist-esm/react-composites/src/composites/CallWithChatComposite/state/CallWithChatAdapterState.js +10 -2
  702. package/dist/dist-esm/react-composites/src/composites/CallWithChatComposite/state/CallWithChatAdapterState.js.map +1 -1
  703. package/dist/dist-esm/react-composites/src/composites/CallWithChatComposite/styles/CallWithChatCompositeStyles.js.map +1 -1
  704. package/dist/dist-esm/react-composites/src/composites/ChatComposite/ChatComposite.js +2 -2
  705. package/dist/dist-esm/react-composites/src/composites/ChatComposite/ChatComposite.js.map +1 -1
  706. package/dist/dist-esm/react-composites/src/composites/ChatComposite/ChatHeader.js +5 -3
  707. package/dist/dist-esm/react-composites/src/composites/ChatComposite/ChatHeader.js.map +1 -1
  708. package/dist/dist-esm/react-composites/src/composites/ChatComposite/ChatScreen.js +19 -21
  709. package/dist/dist-esm/react-composites/src/composites/ChatComposite/ChatScreen.js.map +1 -1
  710. package/dist/dist-esm/react-composites/src/composites/ChatComposite/ChatScreenPeoplePane.js +1 -1
  711. package/dist/dist-esm/react-composites/src/composites/ChatComposite/ChatScreenPeoplePane.js.map +1 -1
  712. package/dist/dist-esm/react-composites/src/composites/ChatComposite/FileDownloadErrorBar.js +5 -3
  713. package/dist/dist-esm/react-composites/src/composites/ChatComposite/FileDownloadErrorBar.js.map +1 -1
  714. package/dist/dist-esm/react-composites/src/composites/ChatComposite/Strings.js.map +1 -1
  715. package/dist/dist-esm/react-composites/src/composites/ChatComposite/adapter/AzureCommunicationChatAdapter.d.ts +2 -2
  716. package/dist/dist-esm/react-composites/src/composites/ChatComposite/adapter/AzureCommunicationChatAdapter.js +42 -39
  717. package/dist/dist-esm/react-composites/src/composites/ChatComposite/adapter/AzureCommunicationChatAdapter.js.map +1 -1
  718. package/dist/dist-esm/react-composites/src/composites/ChatComposite/adapter/AzureCommunicationFileUploadAdapter.js +20 -15
  719. package/dist/dist-esm/react-composites/src/composites/ChatComposite/adapter/AzureCommunicationFileUploadAdapter.js.map +1 -1
  720. package/dist/dist-esm/react-composites/src/composites/ChatComposite/adapter/ChatAdapter.d.ts +2 -2
  721. package/dist/dist-esm/react-composites/src/composites/ChatComposite/adapter/ChatAdapter.js.map +1 -1
  722. package/dist/dist-esm/react-composites/src/composites/ChatComposite/adapter/ChatAdapterProvider.js.map +1 -1
  723. package/dist/dist-esm/react-composites/src/composites/ChatComposite/file-sharing/FileUpload.js.map +1 -1
  724. package/dist/dist-esm/react-composites/src/composites/ChatComposite/file-sharing/FileUploadButton.js +6 -11
  725. package/dist/dist-esm/react-composites/src/composites/ChatComposite/file-sharing/FileUploadButton.js.map +1 -1
  726. package/dist/dist-esm/react-composites/src/composites/ChatComposite/file-sharing/FileUploadHandler.js.map +1 -1
  727. package/dist/dist-esm/react-composites/src/composites/ChatComposite/file-sharing/index.js.map +1 -1
  728. package/dist/dist-esm/react-composites/src/composites/ChatComposite/hooks/useAdaptedSelector.js +5 -3
  729. package/dist/dist-esm/react-composites/src/composites/ChatComposite/hooks/useAdaptedSelector.js.map +1 -1
  730. package/dist/dist-esm/react-composites/src/composites/ChatComposite/hooks/useHandlers.js +1 -3
  731. package/dist/dist-esm/react-composites/src/composites/ChatComposite/hooks/useHandlers.js.map +1 -1
  732. package/dist/dist-esm/react-composites/src/composites/ChatComposite/hooks/usePropsFor.js.map +1 -1
  733. package/dist/dist-esm/react-composites/src/composites/ChatComposite/hooks/useSelector.js +1 -1
  734. package/dist/dist-esm/react-composites/src/composites/ChatComposite/hooks/useSelector.js.map +1 -1
  735. package/dist/dist-esm/react-composites/src/composites/ChatComposite/index.js.map +1 -1
  736. package/dist/dist-esm/react-composites/src/composites/ChatComposite/selectors/baseSelectors.js.map +1 -1
  737. package/dist/dist-esm/react-composites/src/composites/ChatComposite/selectors/fileUploadsSelector.d.ts +6 -6
  738. package/dist/dist-esm/react-composites/src/composites/ChatComposite/selectors/fileUploadsSelector.js +5 -3
  739. package/dist/dist-esm/react-composites/src/composites/ChatComposite/selectors/fileUploadsSelector.js.map +1 -1
  740. package/dist/dist-esm/react-composites/src/composites/ChatComposite/styles/Chat.styles.js +6 -2
  741. package/dist/dist-esm/react-composites/src/composites/ChatComposite/styles/Chat.styles.js.map +1 -1
  742. package/dist/dist-esm/react-composites/src/composites/common/AddPeopleButton.js +9 -9
  743. package/dist/dist-esm/react-composites/src/composites/common/AddPeopleButton.js.map +1 -1
  744. package/dist/dist-esm/react-composites/src/composites/common/AddPeopleDropdown.js +26 -24
  745. package/dist/dist-esm/react-composites/src/composites/common/AddPeopleDropdown.js.map +1 -1
  746. package/dist/dist-esm/react-composites/src/composites/common/AddPeopleDropdown.styles.js.map +1 -1
  747. package/dist/dist-esm/react-composites/src/composites/common/AvatarPersona.js +3 -8
  748. package/dist/dist-esm/react-composites/src/composites/common/AvatarPersona.js.map +1 -1
  749. package/dist/dist-esm/react-composites/src/composites/common/BaseComposite.js +14 -5
  750. package/dist/dist-esm/react-composites/src/composites/common/BaseComposite.js.map +1 -1
  751. package/dist/dist-esm/react-composites/src/composites/common/CallingDialpad.js +23 -9
  752. package/dist/dist-esm/react-composites/src/composites/common/CallingDialpad.js.map +1 -1
  753. package/dist/dist-esm/react-composites/src/composites/common/CallingDialpad.styles.js.map +1 -1
  754. package/dist/dist-esm/react-composites/src/composites/common/CaptionsBanner.js +8 -7
  755. package/dist/dist-esm/react-composites/src/composites/common/CaptionsBanner.js.map +1 -1
  756. package/dist/dist-esm/react-composites/src/composites/common/CaptionsBannerMoreButton.js +16 -12
  757. package/dist/dist-esm/react-composites/src/composites/common/CaptionsBannerMoreButton.js.map +1 -1
  758. package/dist/dist-esm/react-composites/src/composites/common/CaptionsSettingsModal.js +1 -1
  759. package/dist/dist-esm/react-composites/src/composites/common/CaptionsSettingsModal.js.map +1 -1
  760. package/dist/dist-esm/react-composites/src/composites/common/ContainerRectProps.js +5 -1
  761. package/dist/dist-esm/react-composites/src/composites/common/ContainerRectProps.js.map +1 -1
  762. package/dist/dist-esm/react-composites/src/composites/common/ControlBar/CommonCallControlBar.d.ts +5 -5
  763. package/dist/dist-esm/react-composites/src/composites/common/ControlBar/CommonCallControlBar.js +52 -55
  764. package/dist/dist-esm/react-composites/src/composites/common/ControlBar/CommonCallControlBar.js.map +1 -1
  765. package/dist/dist-esm/react-composites/src/composites/common/ControlBar/CustomButton.js +27 -31
  766. package/dist/dist-esm/react-composites/src/composites/common/ControlBar/CustomButton.js.map +1 -1
  767. package/dist/dist-esm/react-composites/src/composites/common/ControlBar/DesktopMoreButton.js +44 -22
  768. package/dist/dist-esm/react-composites/src/composites/common/ControlBar/DesktopMoreButton.js.map +1 -1
  769. package/dist/dist-esm/react-composites/src/composites/common/ControlBar/PeopleButton.js +1 -1
  770. package/dist/dist-esm/react-composites/src/composites/common/ControlBar/PeopleButton.js.map +1 -1
  771. package/dist/dist-esm/react-composites/src/composites/common/ConvertContextualMenuItemToDrawerMenuItem.js.map +1 -0
  772. package/dist/dist-esm/react-composites/src/composites/common/Drawer/MoreDrawer.js +65 -33
  773. package/dist/dist-esm/react-composites/src/composites/common/Drawer/MoreDrawer.js.map +1 -1
  774. package/dist/dist-esm/react-composites/src/composites/common/Drawer/MoreDrawer.styles.js.map +1 -1
  775. package/dist/dist-esm/react-composites/src/composites/common/Drawer/PreparedMoreDrawer.js.map +1 -1
  776. package/dist/dist-esm/react-composites/src/composites/common/Drawer/SpokenLanguageDrawer.js +7 -10
  777. package/dist/dist-esm/react-composites/src/composites/common/Drawer/SpokenLanguageDrawer.js.map +1 -1
  778. package/dist/dist-esm/react-composites/src/composites/common/Drawer/SpokenLanguageDrawer.styles.js.map +1 -1
  779. package/dist/dist-esm/react-composites/src/composites/common/HiddenFocusStartPoint.js +1 -1
  780. package/dist/dist-esm/react-composites/src/composites/common/HiddenFocusStartPoint.js.map +1 -1
  781. package/dist/dist-esm/react-composites/src/composites/common/ModalLocalAndRemotePIP.js +7 -9
  782. package/dist/dist-esm/react-composites/src/composites/common/ModalLocalAndRemotePIP.js.map +1 -1
  783. package/dist/dist-esm/react-composites/src/composites/common/MoreButton.js +1 -1
  784. package/dist/dist-esm/react-composites/src/composites/common/MoreButton.js.map +1 -1
  785. package/dist/dist-esm/react-composites/src/composites/common/ParticipantContainer.js +8 -6
  786. package/dist/dist-esm/react-composites/src/composites/common/ParticipantContainer.js.map +1 -1
  787. package/dist/dist-esm/react-composites/src/composites/common/PeoplePaneContent.d.ts +0 -9
  788. package/dist/dist-esm/react-composites/src/composites/common/PeoplePaneContent.js +34 -25
  789. package/dist/dist-esm/react-composites/src/composites/common/PeoplePaneContent.js.map +1 -1
  790. package/dist/dist-esm/react-composites/src/composites/common/SendDtmfDialpad.js +15 -7
  791. package/dist/dist-esm/react-composites/src/composites/common/SendDtmfDialpad.js.map +1 -1
  792. package/dist/dist-esm/react-composites/src/composites/common/SendDtmfDialpad.styles.js.map +1 -1
  793. package/dist/dist-esm/react-composites/src/composites/common/SidePaneHeader.d.ts +4 -4
  794. package/dist/dist-esm/react-composites/src/composites/common/SidePaneHeader.js +44 -7
  795. package/dist/dist-esm/react-composites/src/composites/common/SidePaneHeader.js.map +1 -1
  796. package/dist/dist-esm/react-composites/src/composites/common/TabHeader.d.ts +8 -5
  797. package/dist/dist-esm/react-composites/src/composites/common/TabHeader.js +19 -12
  798. package/dist/dist-esm/react-composites/src/composites/common/TabHeader.js.map +1 -1
  799. package/dist/dist-esm/react-composites/src/composites/common/VideoEffectsPane.d.ts +12 -0
  800. package/dist/dist-esm/react-composites/src/composites/common/VideoEffectsPane.js +140 -0
  801. package/dist/dist-esm/react-composites/src/composites/common/VideoEffectsPane.js.map +1 -0
  802. package/dist/dist-esm/react-composites/src/composites/common/adapters.js.map +1 -1
  803. package/dist/dist-esm/react-composites/src/composites/common/constants.js.map +1 -1
  804. package/dist/dist-esm/react-composites/src/composites/common/icons.d.ts +6 -0
  805. package/dist/dist-esm/react-composites/src/composites/common/icons.js +10 -4
  806. package/dist/dist-esm/react-composites/src/composites/common/icons.js.map +1 -1
  807. package/dist/dist-esm/react-composites/src/composites/common/styles/Composite.styles.js.map +1 -1
  808. package/dist/dist-esm/react-composites/src/composites/common/styles/GlobalHostLayer.styles.js.map +1 -1
  809. package/dist/dist-esm/react-composites/src/composites/common/styles/ModalLocalAndRemotePIP.styles.js +16 -5
  810. package/dist/dist-esm/react-composites/src/composites/common/styles/ModalLocalAndRemotePIP.styles.js.map +1 -1
  811. package/dist/dist-esm/react-composites/src/composites/common/styles/Pane.styles.js +51 -12
  812. package/dist/dist-esm/react-composites/src/composites/common/styles/Pane.styles.js.map +1 -1
  813. package/dist/dist-esm/react-composites/src/composites/common/styles/ParticipantContainer.styles.d.ts +4 -0
  814. package/dist/dist-esm/react-composites/src/composites/common/styles/ParticipantContainer.styles.js +32 -5
  815. package/dist/dist-esm/react-composites/src/composites/common/styles/ParticipantContainer.styles.js.map +1 -1
  816. package/dist/dist-esm/react-composites/src/composites/common/styles/PeoplePaneContent.styles.js +22 -4
  817. package/dist/dist-esm/react-composites/src/composites/common/styles/PeoplePaneContent.styles.js.map +1 -1
  818. package/dist/dist-esm/react-composites/src/composites/common/types/CommonCallControlOptions.d.ts +8 -0
  819. package/dist/dist-esm/react-composites/src/composites/common/types/CommonCallControlOptions.js.map +1 -1
  820. package/dist/dist-esm/react-composites/src/composites/common/utils.js +12 -17
  821. package/dist/dist-esm/react-composites/src/composites/common/utils.js.map +1 -1
  822. package/dist/dist-esm/react-composites/src/composites/index.js.map +1 -1
  823. package/dist/dist-esm/react-composites/src/composites/localization/LocalizationProvider.js +2 -2
  824. package/dist/dist-esm/react-composites/src/composites/localization/LocalizationProvider.js.map +1 -1
  825. package/dist/dist-esm/react-composites/src/composites/localization/index.js.map +1 -1
  826. package/dist/dist-esm/react-composites/src/composites/localization/locales/de-DE/strings.json +5 -1
  827. package/dist/dist-esm/react-composites/src/composites/localization/locales/en-GB/strings.json +5 -1
  828. package/dist/dist-esm/react-composites/src/composites/localization/locales/en-US/strings.json +5 -1
  829. package/dist/dist-esm/react-composites/src/composites/localization/locales/es-ES/strings.json +5 -1
  830. package/dist/dist-esm/react-composites/src/composites/localization/locales/fr-FR/strings.json +5 -1
  831. package/dist/dist-esm/react-composites/src/composites/localization/locales/index.js.map +1 -1
  832. package/dist/dist-esm/react-composites/src/composites/localization/locales/it-IT/strings.json +5 -1
  833. package/dist/dist-esm/react-composites/src/composites/localization/locales/ja-JP/strings.json +5 -1
  834. package/dist/dist-esm/react-composites/src/composites/localization/locales/ko-KR/strings.json +5 -1
  835. package/dist/dist-esm/react-composites/src/composites/localization/locales/nl-NL/strings.json +5 -1
  836. package/dist/dist-esm/react-composites/src/composites/localization/locales/pt-BR/strings.json +5 -1
  837. package/dist/dist-esm/react-composites/src/composites/localization/locales/ru-RU/strings.json +5 -1
  838. package/dist/dist-esm/react-composites/src/composites/localization/locales/tr-TR/strings.json +5 -1
  839. package/dist/dist-esm/react-composites/src/composites/localization/locales/zh-CN/strings.json +5 -1
  840. package/dist/dist-esm/react-composites/src/composites/localization/locales/zh-TW/strings.json +5 -1
  841. package/dist/dist-esm/react-composites/src/index-public.js.map +1 -1
  842. package/package.json +28 -27
  843. package/dist/dist-esm/react-components/src/components/VoiceOverButton.d.ts +0 -7
  844. package/dist/dist-esm/react-components/src/components/VoiceOverButton.js +0 -32
  845. package/dist/dist-esm/react-components/src/components/VoiceOverButton.js.map +0 -1
  846. package/dist/dist-esm/react-components/src/components/styles/VoiceOverButton.style.d.ts +0 -9
  847. package/dist/dist-esm/react-components/src/components/styles/VoiceOverButton.style.js +0 -26
  848. package/dist/dist-esm/react-components/src/components/styles/VoiceOverButton.style.js.map +0 -1
  849. package/dist/dist-esm/react-composites/src/composites/CallComposite/components/CallPane.d.ts +0 -24
  850. package/dist/dist-esm/react-composites/src/composites/CallComposite/components/CallPane.js +0 -80
  851. package/dist/dist-esm/react-composites/src/composites/CallComposite/components/CallPane.js.map +0 -1
  852. package/dist/dist-esm/react-composites/src/composites/CallComposite/hooks/useSidePaneState.d.ts +0 -16
  853. package/dist/dist-esm/react-composites/src/composites/CallComposite/hooks/useSidePaneState.js +0 -38
  854. package/dist/dist-esm/react-composites/src/composites/CallComposite/hooks/useSidePaneState.js.map +0 -1
  855. package/dist/dist-esm/react-composites/src/composites/CallWithChatComposite/CallWithChatPane.d.ts +0 -34
  856. package/dist/dist-esm/react-composites/src/composites/CallWithChatComposite/CallWithChatPane.js +0 -90
  857. package/dist/dist-esm/react-composites/src/composites/CallWithChatComposite/CallWithChatPane.js.map +0 -1
  858. package/dist/dist-esm/react-composites/src/composites/CallWithChatComposite/ChatButton.js.map +0 -1
  859. package/dist/dist-esm/react-composites/src/composites/CallWithChatComposite/ChatButtonWithUnreadMessagesBadge.js.map +0 -1
  860. package/dist/dist-esm/react-composites/src/composites/CallWithChatComposite/ConvertContextualMenuItemToDrawerMenuItem.js.map +0 -1
  861. package/dist/dist-esm/react-composites/src/composites/CallWithChatComposite/NotificationIcon.js.map +0 -1
  862. /package/dist/dist-esm/react-composites/src/composites/CallWithChatComposite/{NotificationIcon.d.ts → ChatButton/NotificationIcon.d.ts} +0 -0
  863. /package/dist/dist-esm/react-composites/src/composites/{CallWithChatComposite → common}/ConvertContextualMenuItemToDrawerMenuItem.d.ts +0 -0
  864. /package/dist/dist-esm/react-composites/src/composites/{CallWithChatComposite → common}/ConvertContextualMenuItemToDrawerMenuItem.js +0 -0
@@ -1,22 +1,59 @@
1
1
  // Copyright (c) Microsoft Corporation.
2
2
  // Licensed under the MIT license.
3
- import { CommandBarButton, Stack } from '@fluentui/react';
3
+ import { CommandBarButton, DefaultButton, Stack, concatStyleSets } from '@fluentui/react';
4
4
  import { useTheme } from "../../../../react-components/src";
5
5
  import React, { useMemo } from 'react';
6
6
  import { sidePaneHeaderContainerStyles, sidePaneHeaderStyles } from '../common/styles/ParticipantContainer.styles';
7
+ import { mobilePaneBackButtonStyles, mobilePaneButtonStyles, mobilePaneControlBarStyle, mobilePaneHiddenIconStyles } from './styles/Pane.styles';
8
+ import { CallWithChatCompositeIcon } from './icons';
7
9
  /**
8
10
  * @private
9
11
  */
10
12
  export const SidePaneHeader = (props) => {
11
13
  const theme = useTheme();
12
14
  const sidePaneCloseButtonStyles = useMemo(() => ({
13
- root: { minWidth: '1.5rem', padding: 0, backgroundColor: theme.semanticColors.bodyBackground },
14
- icon: { color: theme.palette.neutralSecondary },
15
- iconHovered: { color: theme.palette.neutralSecondary },
16
- iconPressed: { color: theme.palette.neutralSecondary }
15
+ root: {
16
+ minWidth: '1.5rem',
17
+ padding: 0,
18
+ backgroundColor: theme.semanticColors.bodyBackground
19
+ },
20
+ icon: {
21
+ color: theme.palette.neutralSecondary
22
+ },
23
+ iconHovered: {
24
+ color: theme.palette.neutralSecondary
25
+ },
26
+ iconPressed: {
27
+ color: theme.palette.neutralSecondary
28
+ }
17
29
  }), [theme.palette.neutralSecondary, theme.semanticColors.bodyBackground]);
18
- return (React.createElement(Stack, { horizontal: true, horizontalAlign: "space-between", styles: sidePaneHeaderContainerStyles },
30
+ if (props.mobileView) {
31
+ return React.createElement(SidePaneMobileHeader, Object.assign({}, props));
32
+ }
33
+ return React.createElement(Stack, { horizontal: true, horizontalAlign: "space-between", styles: sidePaneHeaderContainerStyles },
19
34
  React.createElement(Stack.Item, { styles: sidePaneHeaderStyles }, props.headingText),
20
- React.createElement(CommandBarButton, { ariaLabel: props.strings.dismissSidePaneButtonLabel, styles: sidePaneCloseButtonStyles, iconProps: { iconName: 'cancel' }, onClick: props.onClose })));
35
+ React.createElement(CommandBarButton, { ariaLabel: props.dismissSidePaneButtonAriaLabel, styles: sidePaneCloseButtonStyles, iconProps: {
36
+ iconName: 'cancel'
37
+ }, onClick: props.onClose }));
38
+ };
39
+ const SidePaneMobileHeader = (props) => {
40
+ const { headingText, dismissSidePaneButtonAriaLabel, dismissSidePaneButtonAriaDescription, onClose } = props;
41
+ const theme = useTheme();
42
+ const mobilePaneButtonStylesThemed = useMemo(() => {
43
+ return concatStyleSets(mobilePaneButtonStyles, {
44
+ root: {
45
+ width: '100%'
46
+ },
47
+ label: {
48
+ fontSize: theme.fonts.medium.fontSize,
49
+ fontWeight: theme.fonts.medium.fontWeight
50
+ }
51
+ });
52
+ }, [theme]);
53
+ return React.createElement(Stack, { horizontal: true, grow: true, styles: mobilePaneControlBarStyle },
54
+ React.createElement(DefaultButton, { ariaLabel: dismissSidePaneButtonAriaLabel, ariaDescription: dismissSidePaneButtonAriaDescription, onClick: onClose, styles: mobilePaneBackButtonStyles, onRenderIcon: () => React.createElement(CallWithChatCompositeIcon, { iconName: "ChevronLeft" }), autoFocus: true }),
55
+ React.createElement(Stack.Item, { grow: true },
56
+ React.createElement(DefaultButton, { checked: true, styles: mobilePaneButtonStylesThemed }, headingText)),
57
+ React.createElement(DefaultButton, { styles: mobilePaneHiddenIconStyles, ariaHidden: true, onRenderIcon: () => React.createElement(CallWithChatCompositeIcon, { iconName: "ChevronLeft" }) }));
21
58
  };
22
59
  //# sourceMappingURL=SidePaneHeader.js.map
@@ -1 +1 @@
1
- {"version":3,"file":"SidePaneHeader.js","sourceRoot":"","sources":["../../../../../../../react-composites/src/composites/common/SidePaneHeader.tsx"],"names":[],"mappings":"AAAA,uCAAuC;AACvC,kCAAkC;AAClC,OAAO,EAAE,gBAAgB,EAAE,KAAK,EAAE,MAAM,iBAAiB,CAAC;AAC1D,OAAO,EAAE,QAAQ,EAAE,yCAAmC;AACtD,OAAO,KAAK,EAAE,EAAE,OAAO,EAAE,MAAM,OAAO,CAAC;AAIvC,OAAO,EAAE,6BAA6B,EAAE,oBAAoB,EAAE,MAAM,8CAA8C,CAAC;AAEnH;;GAEG;AACH,MAAM,CAAC,MAAM,cAAc,GAAG,CAAC,KAM9B,EAAe,EAAE;IAChB,MAAM,KAAK,GAAG,QAAQ,EAAE,CAAC;IACzB,MAAM,yBAAyB,GAAG,OAAO,CACvC,GAAG,EAAE,CAAC,CAAC;QACL,IAAI,EAAE,EAAE,QAAQ,EAAE,QAAQ,EAAE,OAAO,EAAE,CAAC,EAAE,eAAe,EAAE,KAAK,CAAC,cAAc,CAAC,cAAc,EAAE;QAC9F,IAAI,EAAE,EAAE,KAAK,EAAE,KAAK,CAAC,OAAO,CAAC,gBAAgB,EAAE;QAC/C,WAAW,EAAE,EAAE,KAAK,EAAE,KAAK,CAAC,OAAO,CAAC,gBAAgB,EAAE;QACtD,WAAW,EAAE,EAAE,KAAK,EAAE,KAAK,CAAC,OAAO,CAAC,gBAAgB,EAAE;KACvD,CAAC,EACF,CAAC,KAAK,CAAC,OAAO,CAAC,gBAAgB,EAAE,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC,CACtE,CAAC;IAEF,OAAO,CACL,oBAAC,KAAK,IAAC,UAAU,QAAC,eAAe,EAAC,eAAe,EAAC,MAAM,EAAE,6BAA6B;QACrF,oBAAC,KAAK,CAAC,IAAI,IAAC,MAAM,EAAE,oBAAoB,IAAG,KAAK,CAAC,WAAW,CAAc;QAC1E,oBAAC,gBAAgB,IACf,SAAS,EAAE,KAAK,CAAC,OAAO,CAAC,0BAA0B,EACnD,MAAM,EAAE,yBAAyB,EACjC,SAAS,EAAE,EAAE,QAAQ,EAAE,QAAQ,EAAE,EACjC,OAAO,EAAE,KAAK,CAAC,OAAO,GACtB,CACI,CACT,CAAC;AACJ,CAAC,CAAC","sourcesContent":["// Copyright (c) Microsoft Corporation.\n// Licensed under the MIT license.\nimport { CommandBarButton, Stack } from '@fluentui/react';\nimport { useTheme } from '@internal/react-components';\nimport React, { useMemo } from 'react';\n/* @conditional-compile-remove(one-to-n-calling) @conditional-compile-remove(PSTN-calls) */\nimport { CallCompositeStrings } from '../CallComposite';\nimport { CallWithChatCompositeStrings } from '../CallWithChatComposite';\nimport { sidePaneHeaderContainerStyles, sidePaneHeaderStyles } from '../common/styles/ParticipantContainer.styles';\n\n/**\n * @private\n */\nexport const SidePaneHeader = (props: {\n headingText: string;\n onClose: () => void;\n strings:\n | CallWithChatCompositeStrings\n | /* @conditional-compile-remove(one-to-n-calling) @conditional-compile-remove(PSTN-calls) */ CallCompositeStrings;\n}): JSX.Element => {\n const theme = useTheme();\n const sidePaneCloseButtonStyles = useMemo(\n () => ({\n root: { minWidth: '1.5rem', padding: 0, backgroundColor: theme.semanticColors.bodyBackground },\n icon: { color: theme.palette.neutralSecondary },\n iconHovered: { color: theme.palette.neutralSecondary },\n iconPressed: { color: theme.palette.neutralSecondary }\n }),\n [theme.palette.neutralSecondary, theme.semanticColors.bodyBackground]\n );\n\n return (\n <Stack horizontal horizontalAlign=\"space-between\" styles={sidePaneHeaderContainerStyles}>\n <Stack.Item styles={sidePaneHeaderStyles}>{props.headingText}</Stack.Item>\n <CommandBarButton\n ariaLabel={props.strings.dismissSidePaneButtonLabel}\n styles={sidePaneCloseButtonStyles}\n iconProps={{ iconName: 'cancel' }}\n onClick={props.onClose}\n />\n </Stack>\n );\n};\n\"../../../../react-components/src\""]}
1
+ {"version":3,"file":"SidePaneHeader.js","sourceRoot":"","sources":["../../../../../../preprocess-dist/react-composites/src/composites/common/SidePaneHeader.tsx"],"names":[],"mappings":"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","sourcesContent":["// Copyright (c) Microsoft Corporation.\n// Licensed under the MIT license.\nimport { CommandBarButton, DefaultButton, Stack, concatStyleSets } from '@fluentui/react';\nimport { useTheme } from '@internal/react-components';\nimport React, { useMemo } from 'react';\nimport { sidePaneHeaderContainerStyles, sidePaneHeaderStyles } from '../common/styles/ParticipantContainer.styles';\nimport { mobilePaneBackButtonStyles, mobilePaneButtonStyles, mobilePaneControlBarStyle, mobilePaneHiddenIconStyles } from './styles/Pane.styles';\nimport { CallWithChatCompositeIcon } from './icons';\n\n/**\n * @private\n */\nexport const SidePaneHeader = (props: {\n headingText?: string;\n dismissSidePaneButtonAriaLabel?: string;\n dismissSidePaneButtonAriaDescription?: string;\n onClose: () => void;\n mobileView: boolean;\n}): JSX.Element => {\n const theme = useTheme();\n const sidePaneCloseButtonStyles = useMemo(() => ({\n root: {\n minWidth: '1.5rem',\n padding: 0,\n backgroundColor: theme.semanticColors.bodyBackground\n },\n icon: {\n color: theme.palette.neutralSecondary\n },\n iconHovered: {\n color: theme.palette.neutralSecondary\n },\n iconPressed: {\n color: theme.palette.neutralSecondary\n }\n }), [theme.palette.neutralSecondary, theme.semanticColors.bodyBackground]);\n if (props.mobileView) {\n return <SidePaneMobileHeader {...props} />;\n }\n return <Stack horizontal horizontalAlign=\"space-between\" styles={sidePaneHeaderContainerStyles}>\n <Stack.Item styles={sidePaneHeaderStyles}>{props.headingText}</Stack.Item>\n <CommandBarButton ariaLabel={props.dismissSidePaneButtonAriaLabel} styles={sidePaneCloseButtonStyles} iconProps={{\n iconName: 'cancel'\n }} onClick={props.onClose} />\n </Stack>;\n};\nconst SidePaneMobileHeader = (props: {\n headingText?: string;\n dismissSidePaneButtonAriaLabel?: string;\n dismissSidePaneButtonAriaDescription?: string;\n onClose: () => void;\n}): JSX.Element => {\n const {\n headingText,\n dismissSidePaneButtonAriaLabel,\n dismissSidePaneButtonAriaDescription,\n onClose\n } = props;\n const theme = useTheme();\n const mobilePaneButtonStylesThemed = useMemo(() => {\n return concatStyleSets(mobilePaneButtonStyles, {\n root: {\n width: '100%'\n },\n label: {\n fontSize: theme.fonts.medium.fontSize,\n fontWeight: theme.fonts.medium.fontWeight\n }\n });\n }, [theme]);\n return <Stack horizontal grow styles={mobilePaneControlBarStyle}>\n <DefaultButton ariaLabel={dismissSidePaneButtonAriaLabel} ariaDescription={dismissSidePaneButtonAriaDescription} onClick={onClose} styles={mobilePaneBackButtonStyles} onRenderIcon={() => <CallWithChatCompositeIcon iconName=\"ChevronLeft\" />} autoFocus></DefaultButton>\n <Stack.Item grow>\n <DefaultButton checked={true} styles={mobilePaneButtonStylesThemed}>\n {headingText}\n </DefaultButton>\n </Stack.Item>\n {/* Hidden icon to take the same space as the actual back button on the left. */}\n <DefaultButton styles={mobilePaneHiddenIconStyles} ariaHidden={true} onRenderIcon={() => <CallWithChatCompositeIcon iconName=\"ChevronLeft\" />}></DefaultButton>\n </Stack>;\n};\"../../../../react-components/src\""]}
@@ -1,22 +1,25 @@
1
1
  /// <reference types="react" />
2
- import { CallCompositeStrings } from '../CallComposite';
3
- import { CallWithChatCompositeStrings } from '../CallWithChatComposite';
2
+ /** @private */
3
+ export interface MobileChatSidePaneTabHeaderProps {
4
+ onClick: () => void;
5
+ disabled: boolean;
6
+ }
4
7
  /**
5
8
  * Props for {@link TabHeader} component
6
9
  */
7
- declare type TabHeaderProps = {
10
+ declare type PeopleAndChatHeaderProps = {
8
11
  onClose: () => void;
9
12
  onChatButtonClicked?: () => void;
10
13
  onPeopleButtonClicked?: () => void;
11
14
  activeTab: TabHeaderTab;
12
- strings: CallWithChatCompositeStrings | /* @conditional-compile-remove(one-to-n-calling) @conditional-compile-remove(PSTN-calls) */ CallCompositeStrings;
13
15
  disableChatButton?: boolean;
14
16
  disablePeopleButton?: boolean;
15
17
  };
16
18
  /**
19
+ * Legacy header to be removed when we make a breaking change.
17
20
  * @private
18
21
  */
19
- export declare const TabHeader: (props: TabHeaderProps) => JSX.Element;
22
+ export declare const PeopleAndChatHeader: (props: PeopleAndChatHeaderProps) => JSX.Element;
20
23
  /**
21
24
  * Type used to define which tab is active in {@link TabHeader}
22
25
  */
@@ -5,12 +5,15 @@ import { useTheme } from "../../../../react-components/src";
5
5
  import React, { useMemo } from 'react';
6
6
  import { CallWithChatCompositeIcon } from '../common/icons';
7
7
  import { mobilePaneBackButtonStyles, mobilePaneButtonStyles, mobilePaneControlBarStyle, mobilePaneHiddenIconStyles } from './styles/Pane.styles';
8
+ import { useLocale } from '../localization';
8
9
  /**
10
+ * Legacy header to be removed when we make a breaking change.
9
11
  * @private
10
12
  */
11
- export const TabHeader = (props) => {
12
- const { onClose, onChatButtonClicked, onPeopleButtonClicked, activeTab, strings } = props;
13
+ export const PeopleAndChatHeader = (props) => {
14
+ const { onClose, onChatButtonClicked, onPeopleButtonClicked, activeTab } = props;
13
15
  const theme = useTheme();
16
+ const strings = localeTrampoline(useLocale());
14
17
  const haveMultipleTabs = onChatButtonClicked && onPeopleButtonClicked;
15
18
  const mobilePaneButtonStylesThemed = useMemo(() => {
16
19
  return concatStyleSets(mobilePaneButtonStyles, {
@@ -21,18 +24,22 @@ export const TabHeader = (props) => {
21
24
  fontSize: theme.fonts.medium.fontSize,
22
25
  fontWeight: theme.fonts.medium.fontWeight
23
26
  }
24
- }, haveMultipleTabs
25
- ? {
26
- rootChecked: {
27
- borderBottom: `0.125rem solid ${theme.palette.themePrimary}`
28
- }
27
+ }, haveMultipleTabs ? {
28
+ rootChecked: {
29
+ borderBottom: `0.125rem solid ${theme.palette.themePrimary}`
29
30
  }
30
- : {});
31
+ } : {});
31
32
  }, [theme, haveMultipleTabs]);
32
- return (React.createElement(Stack, { horizontal: true, grow: true, styles: mobilePaneControlBarStyle },
33
+ return React.createElement(Stack, { horizontal: true, grow: true, styles: mobilePaneControlBarStyle },
33
34
  React.createElement(DefaultButton, { ariaLabel: strings.returnToCallButtonAriaLabel, ariaDescription: strings.returnToCallButtonAriaDescription, onClick: onClose, styles: mobilePaneBackButtonStyles, onRenderIcon: () => React.createElement(CallWithChatCompositeIcon, { iconName: "ChevronLeft" }), autoFocus: true }),
34
- React.createElement(Stack.Item, { grow: true }, onChatButtonClicked && (React.createElement(DefaultButton, { onClick: onChatButtonClicked, styles: mobilePaneButtonStylesThemed, checked: activeTab === 'chat', role: 'tab', disabled: props.disableChatButton }, strings.chatButtonLabel))),
35
- React.createElement(Stack.Item, { grow: true }, onPeopleButtonClicked && (React.createElement(DefaultButton, { onClick: onPeopleButtonClicked, styles: mobilePaneButtonStylesThemed, checked: activeTab === 'people', role: 'tab', disabled: props.disablePeopleButton }, strings.peopleButtonLabel))),
36
- React.createElement(DefaultButton, { styles: mobilePaneHiddenIconStyles, onRenderIcon: () => React.createElement(CallWithChatCompositeIcon, { iconName: "ChevronLeft" }) })));
35
+ React.createElement(Stack.Item, { grow: true }, onChatButtonClicked && React.createElement(DefaultButton, { onClick: onChatButtonClicked, styles: mobilePaneButtonStylesThemed, checked: activeTab === 'chat', role: 'tab', disabled: props.disableChatButton }, strings.chatButtonLabel)),
36
+ React.createElement(Stack.Item, { grow: true }, onPeopleButtonClicked && React.createElement(DefaultButton, { onClick: onPeopleButtonClicked, styles: mobilePaneButtonStylesThemed, checked: activeTab === 'people', role: 'tab', disabled: props.disablePeopleButton }, strings.peopleButtonLabel)),
37
+ React.createElement(DefaultButton, { styles: mobilePaneHiddenIconStyles, onRenderIcon: () => React.createElement(CallWithChatCompositeIcon, { iconName: "ChevronLeft" }) }));
38
+ };
39
+ // eslint-disable-next-line @typescript-eslint/no-explicit-any
40
+ const localeTrampoline = (locale) => {
41
+ /* @conditional-compile-remove(new-call-control-bar) */
42
+ return locale.strings.call;
43
+ return locale.strings.callWithChat;
37
44
  };
38
45
  //# sourceMappingURL=TabHeader.js.map
@@ -1 +1 @@
1
- {"version":3,"file":"TabHeader.js","sourceRoot":"","sources":["../../../../../../../react-composites/src/composites/common/TabHeader.tsx"],"names":[],"mappings":"AAAA,uCAAuC;AACvC,kCAAkC;AAClC,OAAO,EAAE,eAAe,EAAE,aAAa,EAAE,KAAK,EAAE,MAAM,iBAAiB,CAAC;AACxE,OAAO,EAAE,QAAQ,EAAE,yCAAmC;AACtD,OAAO,KAAK,EAAE,EAAE,OAAO,EAAE,MAAM,OAAO,CAAC;AAIvC,OAAO,EAAE,yBAAyB,EAAE,MAAM,iBAAiB,CAAC;AAC5D,OAAO,EACL,0BAA0B,EAC1B,sBAAsB,EACtB,yBAAyB,EACzB,0BAA0B,EAC3B,MAAM,sBAAsB,CAAC;AAmB9B;;GAEG;AACH,MAAM,CAAC,MAAM,SAAS,GAAG,CAAC,KAAqB,EAAe,EAAE;IAC9D,MAAM,EAAE,OAAO,EAAE,mBAAmB,EAAE,qBAAqB,EAAE,SAAS,EAAE,OAAO,EAAE,GAAG,KAAK,CAAC;IAC1F,MAAM,KAAK,GAAG,QAAQ,EAAE,CAAC;IACzB,MAAM,gBAAgB,GAAG,mBAAmB,IAAI,qBAAqB,CAAC;IACtE,MAAM,4BAA4B,GAAG,OAAO,CAAC,GAAG,EAAE;QAChD,OAAO,eAAe,CACpB,sBAAsB,EACtB;YACE,IAAI,EAAE;gBACJ,KAAK,EAAE,MAAM;aACd;YACD,KAAK,EAAE;gBACL,QAAQ,EAAE,KAAK,CAAC,KAAK,CAAC,MAAM,CAAC,QAAQ;gBACrC,UAAU,EAAE,KAAK,CAAC,KAAK,CAAC,MAAM,CAAC,UAAU;aAC1C;SACF,EACD,gBAAgB;YACd,CAAC,CAAC;gBACE,WAAW,EAAE;oBACX,YAAY,EAAE,kBAAkB,KAAK,CAAC,OAAO,CAAC,YAAY,EAAE;iBAC7D;aACF;YACH,CAAC,CAAC,EAAE,CACP,CAAC;IACJ,CAAC,EAAE,CAAC,KAAK,EAAE,gBAAgB,CAAC,CAAC,CAAC;IAE9B,OAAO,CACL,oBAAC,KAAK,IAAC,UAAU,QAAC,IAAI,QAAC,MAAM,EAAE,yBAAyB;QACtD,oBAAC,aAAa,IACZ,SAAS,EAAE,OAAO,CAAC,2BAA2B,EAC9C,eAAe,EAAE,OAAO,CAAC,iCAAiC,EAC1D,OAAO,EAAE,OAAO,EAChB,MAAM,EAAE,0BAA0B,EAClC,YAAY,EAAE,GAAG,EAAE,CAAC,oBAAC,yBAAyB,IAAC,QAAQ,EAAC,aAAa,GAAG,EACxE,SAAS,SACM;QACjB,oBAAC,KAAK,CAAC,IAAI,IAAC,IAAI,UACb,mBAAmB,IAAI,CACtB,oBAAC,aAAa,IACZ,OAAO,EAAE,mBAAmB,EAC5B,MAAM,EAAE,4BAA4B,EACpC,OAAO,EAAE,SAAS,KAAK,MAAM,EAC7B,IAAI,EAAE,KAAK,EACX,QAAQ,EAAE,KAAK,CAAC,iBAAiB,IAEhC,OAAO,CAAC,eAAe,CACV,CACjB,CACU;QACb,oBAAC,KAAK,CAAC,IAAI,IAAC,IAAI,UACb,qBAAqB,IAAI,CACxB,oBAAC,aAAa,IACZ,OAAO,EAAE,qBAAqB,EAC9B,MAAM,EAAE,4BAA4B,EACpC,OAAO,EAAE,SAAS,KAAK,QAAQ,EAC/B,IAAI,EAAE,KAAK,EACX,QAAQ,EAAE,KAAK,CAAC,mBAAmB,IAElC,OAAO,CAAC,iBAAiB,CACZ,CACjB,CACU;QAEb,oBAAC,aAAa,IACZ,MAAM,EAAE,0BAA0B,EAClC,YAAY,EAAE,GAAG,EAAE,CAAC,oBAAC,yBAAyB,IAAC,QAAQ,EAAC,aAAa,GAAG,GACzD,CACX,CACT,CAAC;AACJ,CAAC,CAAC","sourcesContent":["// Copyright (c) Microsoft Corporation.\n// Licensed under the MIT license.\nimport { concatStyleSets, DefaultButton, Stack } from '@fluentui/react';\nimport { useTheme } from '@internal/react-components';\nimport React, { useMemo } from 'react';\n/* @conditional-compile-remove(one-to-n-calling) @conditional-compile-remove(PSTN-calls) */\nimport { CallCompositeStrings } from '../CallComposite';\nimport { CallWithChatCompositeStrings } from '../CallWithChatComposite';\nimport { CallWithChatCompositeIcon } from '../common/icons';\nimport {\n mobilePaneBackButtonStyles,\n mobilePaneButtonStyles,\n mobilePaneControlBarStyle,\n mobilePaneHiddenIconStyles\n} from './styles/Pane.styles';\n\n/**\n * Props for {@link TabHeader} component\n */\ntype TabHeaderProps = {\n onClose: () => void;\n // If set, show a button to open chat tab.\n onChatButtonClicked?: () => void;\n // If set, show a button to open people tab.\n onPeopleButtonClicked?: () => void;\n activeTab: TabHeaderTab;\n strings:\n | CallWithChatCompositeStrings\n | /* @conditional-compile-remove(one-to-n-calling) @conditional-compile-remove(PSTN-calls) */ CallCompositeStrings;\n disableChatButton?: boolean;\n disablePeopleButton?: boolean;\n};\n\n/**\n * @private\n */\nexport const TabHeader = (props: TabHeaderProps): JSX.Element => {\n const { onClose, onChatButtonClicked, onPeopleButtonClicked, activeTab, strings } = props;\n const theme = useTheme();\n const haveMultipleTabs = onChatButtonClicked && onPeopleButtonClicked;\n const mobilePaneButtonStylesThemed = useMemo(() => {\n return concatStyleSets(\n mobilePaneButtonStyles,\n {\n root: {\n width: '100%'\n },\n label: {\n fontSize: theme.fonts.medium.fontSize,\n fontWeight: theme.fonts.medium.fontWeight\n }\n },\n haveMultipleTabs\n ? {\n rootChecked: {\n borderBottom: `0.125rem solid ${theme.palette.themePrimary}`\n }\n }\n : {}\n );\n }, [theme, haveMultipleTabs]);\n\n return (\n <Stack horizontal grow styles={mobilePaneControlBarStyle}>\n <DefaultButton\n ariaLabel={strings.returnToCallButtonAriaLabel}\n ariaDescription={strings.returnToCallButtonAriaDescription}\n onClick={onClose}\n styles={mobilePaneBackButtonStyles}\n onRenderIcon={() => <CallWithChatCompositeIcon iconName=\"ChevronLeft\" />}\n autoFocus\n ></DefaultButton>\n <Stack.Item grow>\n {onChatButtonClicked && (\n <DefaultButton\n onClick={onChatButtonClicked}\n styles={mobilePaneButtonStylesThemed}\n checked={activeTab === 'chat'}\n role={'tab'}\n disabled={props.disableChatButton}\n >\n {strings.chatButtonLabel}\n </DefaultButton>\n )}\n </Stack.Item>\n <Stack.Item grow>\n {onPeopleButtonClicked && (\n <DefaultButton\n onClick={onPeopleButtonClicked}\n styles={mobilePaneButtonStylesThemed}\n checked={activeTab === 'people'}\n role={'tab'}\n disabled={props.disablePeopleButton}\n >\n {strings.peopleButtonLabel}\n </DefaultButton>\n )}\n </Stack.Item>\n {/* Hidden icon to take the same space as the actual back button on the left. */}\n <DefaultButton\n styles={mobilePaneHiddenIconStyles}\n onRenderIcon={() => <CallWithChatCompositeIcon iconName=\"ChevronLeft\" />}\n ></DefaultButton>\n </Stack>\n );\n};\n\n/**\n * Type used to define which tab is active in {@link TabHeader}\n */\nexport type TabHeaderTab = 'chat' | 'people';\n\"../../../../react-components/src\""]}
1
+ {"version":3,"file":"TabHeader.js","sourceRoot":"","sources":["../../../../../../preprocess-dist/react-composites/src/composites/common/TabHeader.tsx"],"names":[],"mappings":"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","sourcesContent":["// Copyright (c) Microsoft Corporation.\n// Licensed under the MIT license.\nimport { concatStyleSets, DefaultButton, Stack } from '@fluentui/react';\nimport { useTheme } from '@internal/react-components';\nimport React, { useMemo } from 'react';\nimport { CallWithChatCompositeIcon } from '../common/icons';\nimport { mobilePaneBackButtonStyles, mobilePaneButtonStyles, mobilePaneControlBarStyle, mobilePaneHiddenIconStyles } from './styles/Pane.styles';\nimport { CompositeLocale, useLocale } from '../localization';\n\n/** @private */\nexport interface MobileChatSidePaneTabHeaderProps {\n onClick: () => void;\n disabled: boolean;\n}\n\n/**\n * Props for {@link TabHeader} component\n */\ntype PeopleAndChatHeaderProps = {\n onClose: () => void;\n // If set, show a button to open chat tab.\n onChatButtonClicked?: () => void;\n // If set, show a button to open people tab.\n onPeopleButtonClicked?: () => void;\n activeTab: TabHeaderTab;\n disableChatButton?: boolean;\n disablePeopleButton?: boolean;\n};\n\n/**\n * Legacy header to be removed when we make a breaking change.\n * @private\n */\nexport const PeopleAndChatHeader = (props: PeopleAndChatHeaderProps): JSX.Element => {\n const {\n onClose,\n onChatButtonClicked,\n onPeopleButtonClicked,\n activeTab\n } = props;\n const theme = useTheme();\n const strings = localeTrampoline(useLocale());\n const haveMultipleTabs = onChatButtonClicked && onPeopleButtonClicked;\n const mobilePaneButtonStylesThemed = useMemo(() => {\n return concatStyleSets(mobilePaneButtonStyles, {\n root: {\n width: '100%'\n },\n label: {\n fontSize: theme.fonts.medium.fontSize,\n fontWeight: theme.fonts.medium.fontWeight\n }\n }, haveMultipleTabs ? {\n rootChecked: {\n borderBottom: `0.125rem solid ${theme.palette.themePrimary}`\n }\n } : {});\n }, [theme, haveMultipleTabs]);\n return <Stack horizontal grow styles={mobilePaneControlBarStyle}>\n <DefaultButton ariaLabel={strings.returnToCallButtonAriaLabel} ariaDescription={strings.returnToCallButtonAriaDescription} onClick={onClose} styles={mobilePaneBackButtonStyles} onRenderIcon={() => <CallWithChatCompositeIcon iconName=\"ChevronLeft\" />} autoFocus></DefaultButton>\n <Stack.Item grow>\n {onChatButtonClicked && <DefaultButton onClick={onChatButtonClicked} styles={mobilePaneButtonStylesThemed} checked={activeTab === 'chat'} role={'tab'} disabled={props.disableChatButton}>\n {strings.chatButtonLabel}\n </DefaultButton>}\n </Stack.Item>\n <Stack.Item grow>\n {onPeopleButtonClicked && <DefaultButton onClick={onPeopleButtonClicked} styles={mobilePaneButtonStylesThemed} checked={activeTab === 'people'} role={'tab'} disabled={props.disablePeopleButton}>\n {strings.peopleButtonLabel}\n </DefaultButton>}\n </Stack.Item>\n {/* Hidden icon to take the same space as the actual back button on the left. */}\n <DefaultButton styles={mobilePaneHiddenIconStyles} onRenderIcon={() => <CallWithChatCompositeIcon iconName=\"ChevronLeft\" />}></DefaultButton>\n </Stack>;\n};\n\n/**\n * Type used to define which tab is active in {@link TabHeader}\n */\nexport type TabHeaderTab = 'chat' | 'people';\n\n// eslint-disable-next-line @typescript-eslint/no-explicit-any\nconst localeTrampoline = (locale: CompositeLocale): any => {\n /* @conditional-compile-remove(new-call-control-bar) */\n return locale.strings.call;\n return locale.strings.callWithChat;\n};\"../../../../react-components/src\""]}
@@ -0,0 +1,12 @@
1
+ /// <reference types="react" />
2
+ import { AdapterError } from './adapters';
3
+ /**
4
+ * Pane that is used to show video effects button
5
+ * @private
6
+ */
7
+ /** @beta */
8
+ export declare const VideoEffectsPaneContent: (props: {
9
+ onDismissError: (error: AdapterError) => void;
10
+ activeVideoEffectError: () => AdapterError | undefined;
11
+ }) => JSX.Element;
12
+ //# sourceMappingURL=VideoEffectsPane.d.ts.map
@@ -0,0 +1,140 @@
1
+ var __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, generator) {
2
+ function adopt(value) { return value instanceof P ? value : new P(function (resolve) { resolve(value); }); }
3
+ return new (P || (P = Promise))(function (resolve, reject) {
4
+ function fulfilled(value) { try { step(generator.next(value)); } catch (e) { reject(e); } }
5
+ function rejected(value) { try { step(generator["throw"](value)); } catch (e) { reject(e); } }
6
+ function step(result) { result.done ? resolve(result.value) : adopt(result.value).then(fulfilled, rejected); }
7
+ step((generator = generator.apply(thisArg, _arguments || [])).next());
8
+ });
9
+ };
10
+ // Copyright (c) Microsoft Corporation.
11
+ // Licensed under the MIT license.
12
+ import React from 'react';
13
+ /* @conditional-compile-remove(video-background-effects) */
14
+ import { useCallback, useMemo } from 'react';
15
+ /* @conditional-compile-remove(video-background-effects) */
16
+ import { MessageBar, MessageBarType, Stack } from '@fluentui/react';
17
+ /* @conditional-compile-remove(video-background-effects) */
18
+ import { useLocale } from '../localization';
19
+ /* @conditional-compile-remove(video-background-effects) */
20
+ import { _VideoBackgroundEffectsPicker } from "../../../../react-components/src";
21
+ /* @conditional-compile-remove(video-background-effects) */
22
+ import { activeVideoBackgroundEffectSelector } from '../CallComposite/selectors/activeVideoBackgroundEffectSelector';
23
+ /* @conditional-compile-remove(video-background-effects) */
24
+ import { useSelector } from '../CallComposite/hooks/useSelector';
25
+ /* @conditional-compile-remove(video-background-effects) */
26
+ import { useAdapter } from '../CallComposite/adapter/CallAdapterProvider';
27
+ /* @conditional-compile-remove(video-background-effects) */
28
+ import { localVideoSelector } from '../CallComposite/selectors/localVideoStreamSelector';
29
+ /**
30
+ * Pane that is used to show video effects button
31
+ * @private
32
+ */
33
+ /** @beta */
34
+ export const VideoEffectsPaneContent = (props) => {
35
+ /* @conditional-compile-remove(video-background-effects) */
36
+ const locale = useLocale();
37
+ /* @conditional-compile-remove(video-background-effects) */
38
+ const adapter = useAdapter();
39
+ /* @conditional-compile-remove(video-background-effects) */
40
+ const strings = locale.strings.call;
41
+ /* @conditional-compile-remove(video-background-effects) */
42
+ const selectableVideoEffects = useMemo(() => {
43
+ const videoEffects = [{
44
+ itemKey: 'none',
45
+ iconProps: {
46
+ iconName: 'RemoveVideoBackgroundEffect'
47
+ },
48
+ title: strings.removeBackgroundEffectButtonLabel,
49
+ tooltipProps: {
50
+ content: strings.removeBackgroundTooltip
51
+ }
52
+ }, {
53
+ itemKey: 'blur',
54
+ iconProps: {
55
+ iconName: 'BlurVideoBackground'
56
+ },
57
+ title: strings.blurBackgroundEffectButtonLabel,
58
+ tooltipProps: {
59
+ content: strings.blurBackgroundTooltip
60
+ }
61
+ }];
62
+ const videoEffectImages = adapter.getState().videoBackgroundImages;
63
+ if (videoEffectImages) {
64
+ videoEffectImages.forEach((img) => {
65
+ var _a;
66
+ videoEffects.push({
67
+ itemKey: img.key,
68
+ backgroundProps: {
69
+ url: img.url
70
+ },
71
+ tooltipProps: {
72
+ content: (_a = img.tooltipText) !== null && _a !== void 0 ? _a : ''
73
+ }
74
+ });
75
+ });
76
+ }
77
+ return videoEffects;
78
+ }, [strings, adapter]);
79
+ /* @conditional-compile-remove(video-background-effects) */
80
+ const onEffectChange = useCallback((effectKey) => __awaiter(void 0, void 0, void 0, function* () {
81
+ if (effectKey === 'blur') {
82
+ const blurEffect = {
83
+ effectName: effectKey
84
+ };
85
+ adapter.updateSelectedVideoBackgroundEffect(blurEffect);
86
+ yield adapter.blurVideoBackground();
87
+ }
88
+ else if (effectKey === 'none') {
89
+ const noneEffect = {
90
+ effectName: effectKey
91
+ };
92
+ adapter.updateSelectedVideoBackgroundEffect(noneEffect);
93
+ yield adapter.stopVideoBackgroundEffects();
94
+ }
95
+ else {
96
+ const backgroundImg = selectableVideoEffects.find(effect => {
97
+ return effect.itemKey === effectKey;
98
+ });
99
+ if (backgroundImg && backgroundImg.backgroundProps) {
100
+ const replaceEffect = {
101
+ effectName: 'replacement',
102
+ effectKey,
103
+ backgroundImageUrl: backgroundImg.backgroundProps.url
104
+ };
105
+ adapter.updateSelectedVideoBackgroundEffect(replaceEffect);
106
+ yield adapter.replaceVideoBackground({
107
+ backgroundImageUrl: backgroundImg.backgroundProps.url
108
+ });
109
+ }
110
+ }
111
+ }), [adapter, selectableVideoEffects]);
112
+ return VideoEffectsPaneTrampoline(props.onDismissError, props.activeVideoEffectError, /* @conditional-compile-remove(video-background-effects) */ selectableVideoEffects, /* @conditional-compile-remove(video-background-effects) */ onEffectChange);
113
+ };
114
+ const VideoEffectsPaneTrampoline = (onDismissError, activeVideoEffectError, selectableVideoEffects, onEffectChange) => {
115
+ /* @conditional-compile-remove(video-background-effects) */
116
+ const videoEffectError = activeVideoEffectError && activeVideoEffectError();
117
+ /* @conditional-compile-remove(video-background-effects) */
118
+ const selectedEffect = useSelector(activeVideoBackgroundEffectSelector);
119
+ /* @conditional-compile-remove(video-background-effects) */
120
+ const isCameraOn = useSelector(localVideoSelector).isAvailable;
121
+ /* @conditional-compile-remove(video-background-effects) */
122
+ const showWarning = !isCameraOn && selectedEffect !== 'none';
123
+ /* @conditional-compile-remove(video-background-effects) */
124
+ const locale = useLocale();
125
+ /* @conditional-compile-remove(video-background-effects) */
126
+ return React.createElement(Stack, { horizontalAlign: "center" },
127
+ videoEffectError && React.createElement(MessageBar, { messageBarType: MessageBarType.error, onDismiss: () => onDismissError(videoEffectError) }, locale.strings.call.unableToStartVideoEffect),
128
+ showWarning && React.createElement(MessageBar, { messageBarType: MessageBarType.warning }, locale.strings.call.cameraOffBackgroundEffectWarningText),
129
+ React.createElement(_VideoBackgroundEffectsPicker, { label: locale.strings.call.videoEffectsPaneBackgroundSelectionTitle, styles: backgroundPickerStyles, options: selectableVideoEffects !== null && selectableVideoEffects !== void 0 ? selectableVideoEffects : [], onChange: onEffectChange, selectedEffectKey: selectedEffect }));
130
+ return React.createElement(React.Fragment, null);
131
+ };
132
+ /* @conditional-compile-remove(video-background-effects) */
133
+ const backgroundPickerStyles = {
134
+ label: {
135
+ fontSize: '0.75rem',
136
+ lineHeight: '0.5rem',
137
+ fontWeight: '400'
138
+ }
139
+ };
140
+ //# sourceMappingURL=VideoEffectsPane.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"VideoEffectsPane.js","sourceRoot":"","sources":["../../../../../../preprocess-dist/react-composites/src/composites/common/VideoEffectsPane.tsx"],"names":[],"mappings":"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","sourcesContent":["// Copyright (c) Microsoft Corporation.\n// Licensed under the MIT license.\nimport React from 'react';\n/* @conditional-compile-remove(video-background-effects) */\nimport { useCallback, useMemo } from 'react';\n/* @conditional-compile-remove(video-background-effects) */\nimport { MessageBar, MessageBarType, Stack } from '@fluentui/react';\n/* @conditional-compile-remove(video-background-effects) */\nimport { useLocale } from '../localization';\nimport { _VideoEffectsItemProps } from '@internal/react-components';\n/* @conditional-compile-remove(video-background-effects) */\nimport { _VideoBackgroundEffectsPicker } from '@internal/react-components';\n/* @conditional-compile-remove(video-background-effects) */\nimport { VideoBackgroundImage, VideoBackgroundBlurEffect, VideoBackgroundNoEffect, VideoBackgroundReplacementEffect } from '../CallComposite';\n/* @conditional-compile-remove(video-background-effects) */\nimport { activeVideoBackgroundEffectSelector } from '../CallComposite/selectors/activeVideoBackgroundEffectSelector';\n/* @conditional-compile-remove(video-background-effects) */\nimport { useSelector } from '../CallComposite/hooks/useSelector';\n/* @conditional-compile-remove(video-background-effects) */\nimport { useAdapter } from '../CallComposite/adapter/CallAdapterProvider';\nimport { AdapterError } from './adapters';\n/* @conditional-compile-remove(video-background-effects) */\nimport { localVideoSelector } from '../CallComposite/selectors/localVideoStreamSelector';\n\n/**\n * Pane that is used to show video effects button\n * @private\n */\n/** @beta */\nexport const VideoEffectsPaneContent = (props: {\n onDismissError: (error: AdapterError) => void;\n activeVideoEffectError: () => AdapterError | undefined;\n}): JSX.Element => {\n /* @conditional-compile-remove(video-background-effects) */\n const locale = useLocale();\n /* @conditional-compile-remove(video-background-effects) */\n const adapter = useAdapter();\n /* @conditional-compile-remove(video-background-effects) */\n const strings = locale.strings.call;\n /* @conditional-compile-remove(video-background-effects) */\n const selectableVideoEffects: _VideoEffectsItemProps[] = useMemo(() => {\n const videoEffects: _VideoEffectsItemProps[] = [{\n itemKey: 'none',\n iconProps: {\n iconName: 'RemoveVideoBackgroundEffect'\n },\n title: strings.removeBackgroundEffectButtonLabel,\n tooltipProps: {\n content: strings.removeBackgroundTooltip\n }\n }, {\n itemKey: 'blur',\n iconProps: {\n iconName: 'BlurVideoBackground'\n },\n title: strings.blurBackgroundEffectButtonLabel,\n tooltipProps: {\n content: strings.blurBackgroundTooltip\n }\n }];\n const videoEffectImages = adapter.getState().videoBackgroundImages;\n if (videoEffectImages) {\n videoEffectImages.forEach((img: VideoBackgroundImage) => {\n videoEffects.push({\n itemKey: img.key,\n backgroundProps: {\n url: img.url\n },\n tooltipProps: {\n content: img.tooltipText ?? ''\n }\n });\n });\n }\n return videoEffects;\n }, [strings, adapter]);\n\n /* @conditional-compile-remove(video-background-effects) */\n const onEffectChange = useCallback(async (effectKey: string) => {\n if (effectKey === 'blur') {\n const blurEffect: VideoBackgroundBlurEffect = {\n effectName: effectKey\n };\n adapter.updateSelectedVideoBackgroundEffect(blurEffect);\n await adapter.blurVideoBackground();\n } else if (effectKey === 'none') {\n const noneEffect: VideoBackgroundNoEffect = {\n effectName: effectKey\n };\n adapter.updateSelectedVideoBackgroundEffect(noneEffect);\n await adapter.stopVideoBackgroundEffects();\n } else {\n const backgroundImg = selectableVideoEffects.find(effect => {\n return effect.itemKey === effectKey;\n });\n if (backgroundImg && backgroundImg.backgroundProps) {\n const replaceEffect: VideoBackgroundReplacementEffect = {\n effectName: 'replacement',\n effectKey,\n backgroundImageUrl: backgroundImg.backgroundProps.url\n };\n adapter.updateSelectedVideoBackgroundEffect(replaceEffect);\n await adapter.replaceVideoBackground({\n backgroundImageUrl: backgroundImg.backgroundProps.url\n });\n }\n }\n }, [adapter, selectableVideoEffects]);\n return VideoEffectsPaneTrampoline(props.onDismissError, props.activeVideoEffectError, /* @conditional-compile-remove(video-background-effects) */\n selectableVideoEffects, /* @conditional-compile-remove(video-background-effects) */\n onEffectChange);\n};\nconst VideoEffectsPaneTrampoline = (onDismissError: (error: AdapterError) => void, activeVideoEffectError?: () => AdapterError | undefined, selectableVideoEffects?: _VideoEffectsItemProps[], onEffectChange?: (effectKey: string) => Promise<void>): JSX.Element => {\n /* @conditional-compile-remove(video-background-effects) */\n const videoEffectError = activeVideoEffectError && activeVideoEffectError();\n /* @conditional-compile-remove(video-background-effects) */\n const selectedEffect = useSelector(activeVideoBackgroundEffectSelector);\n /* @conditional-compile-remove(video-background-effects) */\n const isCameraOn = useSelector(localVideoSelector).isAvailable;\n /* @conditional-compile-remove(video-background-effects) */\n const showWarning = !isCameraOn && selectedEffect !== 'none';\n /* @conditional-compile-remove(video-background-effects) */\n const locale = useLocale();\n\n /* @conditional-compile-remove(video-background-effects) */\n return <Stack horizontalAlign=\"center\">\n {videoEffectError && <MessageBar messageBarType={MessageBarType.error} onDismiss={() => onDismissError(videoEffectError)}>\n {locale.strings.call.unableToStartVideoEffect}\n </MessageBar>}\n {showWarning && <MessageBar messageBarType={MessageBarType.warning}>\n {locale.strings.call.cameraOffBackgroundEffectWarningText}\n </MessageBar>}\n <_VideoBackgroundEffectsPicker label={locale.strings.call.videoEffectsPaneBackgroundSelectionTitle} styles={backgroundPickerStyles} options={selectableVideoEffects ?? []} onChange={onEffectChange} selectedEffectKey={selectedEffect} />\n </Stack>;\n return <></>;\n};\n\n/* @conditional-compile-remove(video-background-effects) */\nconst backgroundPickerStyles = {\n label: {\n fontSize: '0.75rem',\n lineHeight: '0.5rem',\n fontWeight: '400'\n }\n};\"../../../../react-components/src\""]}
@@ -1 +1 @@
1
- {"version":3,"file":"adapters.js","sourceRoot":"","sources":["../../../../../../../react-composites/src/composites/common/adapters.ts"],"names":[],"mappings":"AAAA,uCAAuC;AACvC,kCAAkC","sourcesContent":["// Copyright (c) Microsoft Corporation.\n// Licensed under the MIT license.\n\n/**\n * Functionality for interfacing with Composite adapter state.\n *\n * @public\n */\nexport interface AdapterState<TState> {\n /** Subscribes the handler to stateChanged events. */\n onStateChange(handler: (state: TState) => void): void;\n /** Unsubscribes the handler to stateChanged events. */\n offStateChange(handler: (state: TState) => void): void;\n /** Get the current State */\n getState(): TState;\n}\n\n/**\n * Functionality for correctly disposing a Composite.\n *\n * @public\n */\nexport interface Disposable {\n /** Dispose of the Composite */\n dispose(): void;\n}\n\n/**\n * Error reported via error events and stored in adapter state.\n *\n * @public\n */\nexport interface AdapterError extends Error {\n /**\n * The operation that failed.\n */\n target: string;\n /**\n * Error thrown by the failed operation.\n */\n innerError: Error;\n /**\n * Timestamp added to the error in the adapter implementation.\n */\n timestamp: Date;\n}\n\n/**\n * Adapters stores the latest error for each operation in the state.\n *\n * `target` is an adapter defined string for each unique operation performed by the adapter.\n *\n * @public\n */\nexport type AdapterErrors = { [target: string]: AdapterError };\n"]}
1
+ {"version":3,"file":"adapters.js","sourceRoot":"","sources":["../../../../../../preprocess-dist/react-composites/src/composites/common/adapters.ts"],"names":[],"mappings":"AAAA,uCAAuC;AACvC,kCAAkC","sourcesContent":["// Copyright (c) Microsoft Corporation.\n// Licensed under the MIT license.\n\n/**\n * Functionality for interfacing with Composite adapter state.\n *\n * @public\n */\nexport interface AdapterState<TState> {\n /** Subscribes the handler to stateChanged events. */\n onStateChange(handler: (state: TState) => void): void;\n /** Unsubscribes the handler to stateChanged events. */\n offStateChange(handler: (state: TState) => void): void;\n /** Get the current State */\n getState(): TState;\n}\n\n/**\n * Functionality for correctly disposing a Composite.\n *\n * @public\n */\nexport interface Disposable {\n /** Dispose of the Composite */\n dispose(): void;\n}\n\n/**\n * Error reported via error events and stored in adapter state.\n *\n * @public\n */\nexport interface AdapterError extends Error {\n /**\n * The operation that failed.\n */\n target: string;\n /**\n * Error thrown by the failed operation.\n */\n innerError: Error;\n /**\n * Timestamp added to the error in the adapter implementation.\n */\n timestamp: Date;\n}\n\n/**\n * Adapters stores the latest error for each operation in the state.\n *\n * `target` is an adapter defined string for each unique operation performed by the adapter.\n *\n * @public\n */\nexport type AdapterErrors = {\n [target: string]: AdapterError;\n};"]}
@@ -1 +1 @@
1
- {"version":3,"file":"constants.js","sourceRoot":"","sources":["../../../../../../../react-composites/src/composites/common/constants.ts"],"names":[],"mappings":"AAAA,uCAAuC;AACvC,kCAAkC;AAElC;;GAEG;AACH,MAAM,CAAC,MAAM,4BAA4B,GAAG,CAAC,eAAe,EAAE,eAAe,CAAC,CAAC;AAE/E;;GAEG;AACH,MAAM,CAAC,MAAM,2BAA2B,GACtC,yHAAyH,CAAC","sourcesContent":["// Copyright (c) Microsoft Corporation.\n// Licensed under the MIT license.\n\n/**\n * @private\n */\nexport const UNSUPPORTED_CHAT_THREAD_TYPE = ['@thread.tacv2', '@thread.skype'];\n\n/**\n * @private\n */\nexport const TEAMS_LIMITATION_LEARN_MORE =\n 'https://learn.microsoft.com/en-us/azure/communication-services/concepts/join-teams-meeting#limitations-and-known-issues';\n"]}
1
+ {"version":3,"file":"constants.js","sourceRoot":"","sources":["../../../../../../preprocess-dist/react-composites/src/composites/common/constants.ts"],"names":[],"mappings":"AAAA,uCAAuC;AACvC,kCAAkC;AAElC;;GAEG;AACH,MAAM,CAAC,MAAM,4BAA4B,GAAG,CAAC,eAAe,EAAE,eAAe,CAAC,CAAC;AAE/E;;GAEG;AACH,MAAM,CAAC,MAAM,2BAA2B,GAAG,yHAAyH,CAAC","sourcesContent":["// Copyright (c) Microsoft Corporation.\n// Licensed under the MIT license.\n\n/**\n * @private\n */\nexport const UNSUPPORTED_CHAT_THREAD_TYPE = ['@thread.tacv2', '@thread.skype'];\n\n/**\n * @private\n */\nexport const TEAMS_LIMITATION_LEARN_MORE = 'https://learn.microsoft.com/en-us/azure/communication-services/concepts/join-teams-meeting#limitations-and-known-issues';"]}
@@ -72,6 +72,8 @@ export declare const DEFAULT_COMPOSITE_ICONS: {
72
72
  PeoplePaneOpenDialpad?: JSX.Element | undefined;
73
73
  DialpadStartCall?: JSX.Element | undefined;
74
74
  NoticePageInvalidRoom?: JSX.Element | undefined;
75
+ BlurVideoBackground?: JSX.Element | undefined;
76
+ RemoveVideoBackgroundEffect?: JSX.Element | undefined;
75
77
  ChevronLeft?: JSX.Element | undefined;
76
78
  ControlBarChatButtonActive?: JSX.Element | undefined;
77
79
  ControlBarChatButtonInactive?: JSX.Element | undefined;
@@ -112,6 +114,8 @@ export declare const DEFAULT_COMPOSITE_ICONS: {
112
114
  SplitButtonPrimaryActionMicMuted: JSX.Element;
113
115
  VerticalGalleryLeftButton: JSX.Element;
114
116
  VerticalGalleryRightButton: JSX.Element;
117
+ ControlButtonVideoEffectsOption: JSX.Element;
118
+ ConfigurationScreenVideoEffectsButton: JSX.Element;
115
119
  CaptionsIcon: JSX.Element;
116
120
  CaptionsOffIcon: JSX.Element;
117
121
  CaptionsSettingsIcon: JSX.Element;
@@ -204,6 +208,8 @@ export declare type CallCompositeIcons = {
204
208
  PeoplePaneOpenDialpad?: JSX.Element;
205
209
  DialpadStartCall?: JSX.Element;
206
210
  NoticePageInvalidRoom?: JSX.Element;
211
+ BlurVideoBackground?: JSX.Element;
212
+ RemoveVideoBackgroundEffect?: JSX.Element;
207
213
  };
208
214
  /**
209
215
  * Icon wrapper to use when including customizable icons inside the CallComposite.
@@ -9,6 +9,8 @@ import React from 'react';
9
9
  import { FontIcon, Spinner, SpinnerSize } from '@fluentui/react';
10
10
  /* @conditional-compile-remove(file-sharing) */
11
11
  import { Attach20Regular } from '@fluentui/react-icons';
12
+ /* @conditional-compile-remove(video-background-effects) */
13
+ import { VideoBackgroundEffect20Regular, VideoPerson20Filled } from '@fluentui/react-icons';
12
14
  const SpinnerIcon = () => React.createElement(Spinner, { size: SpinnerSize.large });
13
15
  /**
14
16
  * The default set of icons used by the composites directly (i.e. not via the components defined in this library).
@@ -48,7 +50,11 @@ export const COMPOSITE_ONLY_ICONS = {
48
50
  /* @conditional-compile-remove(PSTN-calls) */
49
51
  DialpadStartCall: React.createElement(Call20Regular, null),
50
52
  /* @conditional-compile-remove(rooms) */
51
- NoticePageInvalidRoom: React.createElement(Info20Filled, null)
53
+ NoticePageInvalidRoom: React.createElement(Info20Filled, null),
54
+ /* @conditional-compile-remove(video-background-effects) */
55
+ BlurVideoBackground: React.createElement(VideoBackgroundEffect20Regular, null),
56
+ /* @conditional-compile-remove(video-background-effects) */
57
+ RemoveVideoBackgroundEffect: React.createElement(VideoPerson20Filled, null)
52
58
  };
53
59
  /**
54
60
  * The default set of icons that are available to used in the Composites.
@@ -63,7 +69,7 @@ export const DEFAULT_COMPOSITE_ICONS = Object.assign(Object.assign({}, DEFAULT_C
63
69
  *
64
70
  * @private
65
71
  */
66
- export const ChatCompositeIcon = (props) => (React.createElement(FontIcon, Object.assign({}, props)));
72
+ export const ChatCompositeIcon = (props) => React.createElement(FontIcon, Object.assign({}, props));
67
73
  /**
68
74
  * Icon wrapper to use when including customizable icons inside the CallComposite.
69
75
  * This wrapper ensures the icon name is being type-checked helping ensure no typos
@@ -71,7 +77,7 @@ export const ChatCompositeIcon = (props) => (React.createElement(FontIcon, Objec
71
77
  *
72
78
  * @private
73
79
  */
74
- export const CallCompositeIcon = (props) => (React.createElement(FontIcon, Object.assign({}, props)));
80
+ export const CallCompositeIcon = (props) => React.createElement(FontIcon, Object.assign({}, props));
75
81
  /**
76
82
  * Icon wrapper to use when including customizable icons inside the CallWithChatComposite.
77
83
  * This wrapper ensures the icon name is being type-checked helping ensure no typos
@@ -79,5 +85,5 @@ export const CallCompositeIcon = (props) => (React.createElement(FontIcon, Objec
79
85
  *
80
86
  * @private
81
87
  */
82
- export const CallWithChatCompositeIcon = (props) => (React.createElement(FontIcon, Object.assign({}, props)));
88
+ export const CallWithChatCompositeIcon = (props) => React.createElement(FontIcon, Object.assign({}, props));
83
89
  //# sourceMappingURL=icons.js.map
@@ -1 +1 @@
1
- {"version":3,"file":"icons.js","sourceRoot":"","sources":["../../../../../../../react-composites/src/composites/common/icons.tsx"],"names":[],"mappings":"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","sourcesContent":["// Copyright (c) Microsoft Corporation.\n// Licensed under the MIT license.\n\nimport {\n CallEnd20Filled,\n CallMissed20Filled,\n CameraSwitch24Regular,\n Chat20Filled,\n Chat20Regular,\n Info20Filled,\n MicOff20Filled,\n Mic20Filled,\n Mic20Regular,\n People20Regular,\n PersonDelete20Filled,\n Speaker220Filled,\n Speaker220Regular,\n Video20Filled,\n VideoOff20Filled,\n WifiWarning20Filled\n} from '@fluentui/react-icons';\n/* @conditional-compile-remove(PSTN-calls) */\nimport { PersonAdd20Regular, Dialpad20Regular, Call20Regular } from '@fluentui/react-icons';\nimport { DEFAULT_COMPONENT_ICONS } from '@internal/react-components';\nimport React from 'react';\n// eslint-disable-next-line no-restricted-imports\nimport { FontIcon, IIconProps, Spinner, SpinnerSize } from '@fluentui/react';\n/* @conditional-compile-remove(file-sharing) */\nimport { Attach20Regular } from '@fluentui/react-icons';\n\nconst SpinnerIcon = (): JSX.Element => <Spinner size={SpinnerSize.large} />;\n\n/**\n * The default set of icons used by the composites directly (i.e. not via the components defined in this library).\n *\n * @public\n */\nexport const COMPOSITE_ONLY_ICONS: CompositeIcons = {\n ChevronLeft: undefined,\n Link: undefined,\n LobbyScreenConnectingToCall: <SpinnerIcon />,\n LobbyScreenWaitingToBeAdmitted: <SpinnerIcon />,\n LocalDeviceSettingsCamera: <Video20Filled />,\n LocalDeviceSettingsMic: <Mic20Filled />,\n LocalDeviceSettingsSpeaker: <Speaker220Filled />,\n LocalPreviewPlaceholder: <VideoOff20Filled />,\n LocalCameraSwitch: <CameraSwitch24Regular />,\n ControlBarChatButtonActive: <Chat20Filled />,\n ControlBarChatButtonInactive: <Chat20Regular />,\n ControlBarPeopleButton: <People20Regular />,\n MoreDrawerMicrophones: <Mic20Regular />,\n MoreDrawerPeople: <People20Regular />,\n MoreDrawerSpeakers: <Speaker220Regular />,\n MoreDrawerSelectedMicrophone: <Mic20Filled />,\n MoreDrawerSelectedSpeaker: <Speaker220Filled />,\n Muted: <MicOff20Filled />,\n NetworkReconnectIcon: <CallMissed20Filled />,\n NoticePageAccessDeniedTeamsMeeting: <PersonDelete20Filled />,\n NoticePageJoinCallFailedDueToNoNetwork: <WifiWarning20Filled />,\n NoticePageLeftCall: <CallEnd20Filled />,\n NoticePageRemovedFromCall: <Info20Filled />,\n /* @conditional-compile-remove(file-sharing) */\n SendBoxAttachFile: <Attach20Regular />,\n /* @conditional-compile-remove(PSTN-calls) */\n PeoplePaneAddPerson: <PersonAdd20Regular />,\n /* @conditional-compile-remove(PSTN-calls) */\n PeoplePaneOpenDialpad: <Dialpad20Regular />,\n /* @conditional-compile-remove(PSTN-calls) */\n DialpadStartCall: <Call20Regular />,\n /* @conditional-compile-remove(rooms) */\n NoticePageInvalidRoom: <Info20Filled />\n};\n\n/**\n * The default set of icons that are available to used in the Composites.\n *\n * @public\n */\nexport const DEFAULT_COMPOSITE_ICONS = {\n ...DEFAULT_COMPONENT_ICONS,\n ...COMPOSITE_ONLY_ICONS\n};\n\n/** @private */\nexport type CompositeIconProps<Icons> = IIconProps & { iconName: keyof Icons };\n\n/**\n * Icons that can be overridden for {@link ChatComposite}.\n *\n * @public\n */\nexport type ChatCompositeIcons = {\n EditBoxCancel?: JSX.Element;\n EditBoxSubmit?: JSX.Element;\n MessageDelivered?: JSX.Element;\n MessageEdit?: JSX.Element;\n MessageFailed?: JSX.Element;\n MessageRemove?: JSX.Element;\n MessageSeen?: JSX.Element;\n MessageSending?: JSX.Element;\n ParticipantItemOptions?: JSX.Element;\n ParticipantItemOptionsHovered?: JSX.Element;\n SendBoxSend?: JSX.Element;\n SendBoxSendHovered?: JSX.Element;\n /* @conditional-compile-remove(file-sharing) */\n SendBoxAttachFile?: JSX.Element;\n};\n\n/**\n * Icon wrapper to use when including customizable icons inside the ChatComposite.\n * This wrapper ensures the icon name is being type-checked helping ensure no typos\n * and ensure that icon is customizable through the composite API.\n *\n * @private\n */\nexport const ChatCompositeIcon = (props: CompositeIconProps<ChatCompositeIcons>): JSX.Element => (\n <FontIcon {...props} />\n);\n\n/**\n * Icons that can be overridden for {@link CallComposite}.\n *\n * @public\n */\nexport type CallCompositeIcons = {\n ControlBarPeopleButton?: JSX.Element;\n ControlButtonCameraOff?: JSX.Element;\n ControlButtonCameraOn?: JSX.Element;\n ControlButtonEndCall?: JSX.Element;\n ControlButtonMicOff?: JSX.Element;\n ControlButtonMicOn?: JSX.Element;\n ControlButtonOptions?: JSX.Element;\n ControlButtonParticipants?: JSX.Element;\n ControlButtonScreenShareStart?: JSX.Element;\n ControlButtonScreenShareStop?: JSX.Element;\n ErrorBarCallCameraAccessDenied?: JSX.Element;\n ErrorBarCallCameraAlreadyInUse?: JSX.Element;\n ErrorBarCallLocalVideoFreeze?: JSX.Element;\n ErrorBarCallMacOsCameraAccessDenied?: JSX.Element;\n ErrorBarCallMacOsMicrophoneAccessDenied?: JSX.Element;\n ErrorBarCallMicrophoneAccessDenied?: JSX.Element;\n ErrorBarCallMicrophoneMutedBySystem?: JSX.Element;\n ErrorBarCallMicrophoneUnmutedBySystem?: JSX.Element;\n ErrorBarCallNetworkQualityLow?: JSX.Element;\n ErrorBarCallNoMicrophoneFound?: JSX.Element;\n ErrorBarCallNoSpeakerFound?: JSX.Element;\n ErrorBarClear?: JSX.Element;\n HorizontalGalleryLeftButton?: JSX.Element;\n HorizontalGalleryRightButton?: JSX.Element;\n LobbyScreenConnectingToCall?: JSX.Element;\n LobbyScreenWaitingToBeAdmitted?: JSX.Element;\n LocalDeviceSettingsCamera?: JSX.Element;\n LocalDeviceSettingsMic?: JSX.Element;\n LocalDeviceSettingsSpeaker?: JSX.Element;\n LocalPreviewPlaceholder?: JSX.Element;\n Muted?: JSX.Element;\n NetworkReconnectIcon?: JSX.Element;\n NoticePageAccessDeniedTeamsMeeting?: JSX.Element;\n NoticePageJoinCallFailedDueToNoNetwork?: JSX.Element;\n NoticePageLeftCall?: JSX.Element;\n NoticePageRemovedFromCall?: JSX.Element;\n OptionsCamera?: JSX.Element;\n OptionsMic?: JSX.Element;\n OptionsSpeaker?: JSX.Element;\n ParticipantItemMicOff?: JSX.Element;\n ParticipantItemOptions?: JSX.Element;\n ParticipantItemOptionsHovered?: JSX.Element;\n ParticipantItemScreenShareStart?: JSX.Element;\n VideoTileMicOff?: JSX.Element;\n LocalCameraSwitch?: JSX.Element;\n /* @conditional-compile-remove(PSTN-calls) */\n PeoplePaneAddPerson?: JSX.Element;\n /* @conditional-compile-remove(PSTN-calls) */\n PeoplePaneOpenDialpad?: JSX.Element;\n /* @conditional-compile-remove(PSTN-calls) */\n DialpadStartCall?: JSX.Element;\n /* @conditional-compile-remove(rooms) */\n NoticePageInvalidRoom?: JSX.Element;\n};\n\n/**\n * Icon wrapper to use when including customizable icons inside the CallComposite.\n * This wrapper ensures the icon name is being type-checked helping ensure no typos\n * and ensure that icon is customizable through the composite API.\n *\n * @private\n */\nexport const CallCompositeIcon = (props: CompositeIconProps<CallCompositeIcons>): JSX.Element => (\n <FontIcon {...props} />\n);\n\n/**\n * Icons that can be overridden for {@link CallWithChatComposite}.\n *\n * @public\n */\nexport type CallWithChatCompositeIcons = {\n // CallWithChat Specific Icons\n ChevronLeft?: JSX.Element;\n ControlBarChatButtonActive?: JSX.Element;\n ControlBarChatButtonInactive?: JSX.Element;\n ControlBarPeopleButton?: JSX.Element;\n Link?: JSX.Element;\n MoreDrawerMicrophones?: JSX.Element;\n MoreDrawerPeople?: JSX.Element;\n MoreDrawerSelectedMicrophone?: JSX.Element;\n MoreDrawerSelectedSpeaker?: JSX.Element;\n MoreDrawerSpeakers?: JSX.Element;\n\n // Call icons\n ControlButtonCameraOff?: JSX.Element;\n ControlButtonCameraOn?: JSX.Element;\n ControlButtonEndCall?: JSX.Element;\n ControlButtonMicOff?: JSX.Element;\n ControlButtonMicOn?: JSX.Element;\n ControlButtonOptions?: JSX.Element;\n ControlButtonScreenShareStart?: JSX.Element;\n ControlButtonScreenShareStop?: JSX.Element;\n ErrorBarCallCameraAccessDenied?: JSX.Element;\n ErrorBarCallCameraAlreadyInUse?: JSX.Element;\n ErrorBarCallLocalVideoFreeze?: JSX.Element;\n ErrorBarCallMacOsCameraAccessDenied?: JSX.Element;\n ErrorBarCallMacOsMicrophoneAccessDenied?: JSX.Element;\n ErrorBarCallMicrophoneAccessDenied?: JSX.Element;\n ErrorBarCallMicrophoneMutedBySystem?: JSX.Element;\n ErrorBarCallMicrophoneUnmutedBySystem?: JSX.Element;\n ErrorBarCallNetworkQualityLow?: JSX.Element;\n ErrorBarCallNoMicrophoneFound?: JSX.Element;\n ErrorBarCallNoSpeakerFound?: JSX.Element;\n ErrorBarClear?: JSX.Element;\n HorizontalGalleryLeftButton?: JSX.Element;\n HorizontalGalleryRightButton?: JSX.Element;\n LobbyScreenConnectingToCall?: JSX.Element;\n LobbyScreenWaitingToBeAdmitted?: JSX.Element;\n LocalDeviceSettingsCamera?: JSX.Element;\n LocalDeviceSettingsMic?: JSX.Element;\n LocalDeviceSettingsSpeaker?: JSX.Element;\n LocalPreviewPlaceholder?: JSX.Element;\n Muted?: JSX.Element;\n NetworkReconnectIcon?: JSX.Element;\n NoticePageAccessDeniedTeamsMeeting?: JSX.Element;\n NoticePageJoinCallFailedDueToNoNetwork?: JSX.Element;\n NoticePageLeftCall?: JSX.Element;\n NoticePageRemovedFromCall?: JSX.Element;\n OptionsCamera?: JSX.Element;\n OptionsMic?: JSX.Element;\n OptionsSpeaker?: JSX.Element;\n ParticipantItemMicOff?: JSX.Element;\n ParticipantItemScreenShareStart?: JSX.Element;\n VideoTileMicOff?: JSX.Element;\n LocalCameraSwitch?: JSX.Element;\n /* @conditional-compile-remove(PSTN-calls) */\n PeoplePaneAddPerson?: JSX.Element;\n /* @conditional-compile-remove(PSTN-calls) */\n PeoplePaneOpenDialpad?: JSX.Element;\n /* @conditional-compile-remove(PSTN-calls) */\n DialpadStartCall?: JSX.Element;\n\n // Chat icons\n EditBoxCancel?: JSX.Element;\n EditBoxSubmit?: JSX.Element;\n MessageDelivered?: JSX.Element;\n MessageEdit?: JSX.Element;\n MessageFailed?: JSX.Element;\n MessageRemove?: JSX.Element;\n MessageSeen?: JSX.Element;\n MessageSending?: JSX.Element;\n SendBoxSend?: JSX.Element;\n SendBoxSendHovered?: JSX.Element;\n SendBoxAttachFile?: JSX.Element;\n\n // Icons common to Call and Chat.\n ParticipantItemOptions?: JSX.Element;\n ParticipantItemOptionsHovered?: JSX.Element;\n};\n\n/**\n * Icon wrapper to use when including customizable icons inside the CallWithChatComposite.\n * This wrapper ensures the icon name is being type-checked helping ensure no typos\n * and ensure that icon is customizable through the composite API.\n *\n * @private\n */\nexport const CallWithChatCompositeIcon = (props: CompositeIconProps<CallWithChatCompositeIcons>): JSX.Element => (\n <FontIcon {...props} />\n);\n\n/**\n * Icons that can be overridden in one of the composites exported by this library.\n *\n * See {@link ChatCompositeIcons}, {@link CallCompositeIcons} and {@link CallWithChatCompositeIcons} for more targeted types.\n *\n * @public\n */\nexport type CompositeIcons = ChatCompositeIcons & CallCompositeIcons & CallWithChatCompositeIcons;\n\"../../../../react-components/src\""]}
1
+ {"version":3,"file":"icons.js","sourceRoot":"","sources":["../../../../../../preprocess-dist/react-composites/src/composites/common/icons.tsx"],"names":[],"mappings":"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","sourcesContent":["// Copyright (c) Microsoft Corporation.\n// Licensed under the MIT license.\n\nimport { CallEnd20Filled, CallMissed20Filled, CameraSwitch24Regular, Chat20Filled, Chat20Regular, Info20Filled, MicOff20Filled, Mic20Filled, Mic20Regular, People20Regular, PersonDelete20Filled, Speaker220Filled, Speaker220Regular, Video20Filled, VideoOff20Filled, WifiWarning20Filled } from '@fluentui/react-icons';\n/* @conditional-compile-remove(PSTN-calls) */\nimport { PersonAdd20Regular, Dialpad20Regular, Call20Regular } from '@fluentui/react-icons';\nimport { DEFAULT_COMPONENT_ICONS } from '@internal/react-components';\nimport React from 'react';\n// eslint-disable-next-line no-restricted-imports\nimport { FontIcon, IIconProps, Spinner, SpinnerSize } from '@fluentui/react';\n/* @conditional-compile-remove(file-sharing) */\nimport { Attach20Regular } from '@fluentui/react-icons';\n/* @conditional-compile-remove(video-background-effects) */\nimport { VideoBackgroundEffect20Regular, VideoPerson20Filled } from '@fluentui/react-icons';\nconst SpinnerIcon = (): JSX.Element => <Spinner size={SpinnerSize.large} />;\n\n/**\n * The default set of icons used by the composites directly (i.e. not via the components defined in this library).\n *\n * @public\n */\nexport const COMPOSITE_ONLY_ICONS: CompositeIcons = {\n ChevronLeft: undefined,\n Link: undefined,\n LobbyScreenConnectingToCall: <SpinnerIcon />,\n LobbyScreenWaitingToBeAdmitted: <SpinnerIcon />,\n LocalDeviceSettingsCamera: <Video20Filled />,\n LocalDeviceSettingsMic: <Mic20Filled />,\n LocalDeviceSettingsSpeaker: <Speaker220Filled />,\n LocalPreviewPlaceholder: <VideoOff20Filled />,\n LocalCameraSwitch: <CameraSwitch24Regular />,\n ControlBarChatButtonActive: <Chat20Filled />,\n ControlBarChatButtonInactive: <Chat20Regular />,\n ControlBarPeopleButton: <People20Regular />,\n MoreDrawerMicrophones: <Mic20Regular />,\n MoreDrawerPeople: <People20Regular />,\n MoreDrawerSpeakers: <Speaker220Regular />,\n MoreDrawerSelectedMicrophone: <Mic20Filled />,\n MoreDrawerSelectedSpeaker: <Speaker220Filled />,\n Muted: <MicOff20Filled />,\n NetworkReconnectIcon: <CallMissed20Filled />,\n NoticePageAccessDeniedTeamsMeeting: <PersonDelete20Filled />,\n NoticePageJoinCallFailedDueToNoNetwork: <WifiWarning20Filled />,\n NoticePageLeftCall: <CallEnd20Filled />,\n NoticePageRemovedFromCall: <Info20Filled />,\n /* @conditional-compile-remove(file-sharing) */\n SendBoxAttachFile: <Attach20Regular />,\n /* @conditional-compile-remove(PSTN-calls) */\n PeoplePaneAddPerson: <PersonAdd20Regular />,\n /* @conditional-compile-remove(PSTN-calls) */\n PeoplePaneOpenDialpad: <Dialpad20Regular />,\n /* @conditional-compile-remove(PSTN-calls) */\n DialpadStartCall: <Call20Regular />,\n /* @conditional-compile-remove(rooms) */\n NoticePageInvalidRoom: <Info20Filled />,\n /* @conditional-compile-remove(video-background-effects) */\n BlurVideoBackground: <VideoBackgroundEffect20Regular />,\n /* @conditional-compile-remove(video-background-effects) */\n RemoveVideoBackgroundEffect: <VideoPerson20Filled />\n};\n\n/**\n * The default set of icons that are available to used in the Composites.\n *\n * @public\n */\nexport const DEFAULT_COMPOSITE_ICONS = {\n ...DEFAULT_COMPONENT_ICONS,\n ...COMPOSITE_ONLY_ICONS\n};\n\n/** @private */\nexport type CompositeIconProps<Icons> = IIconProps & {\n iconName: keyof Icons;\n};\n\n/**\n * Icons that can be overridden for {@link ChatComposite}.\n *\n * @public\n */\nexport type ChatCompositeIcons = {\n EditBoxCancel?: JSX.Element;\n EditBoxSubmit?: JSX.Element;\n MessageDelivered?: JSX.Element;\n MessageEdit?: JSX.Element;\n MessageFailed?: JSX.Element;\n MessageRemove?: JSX.Element;\n MessageSeen?: JSX.Element;\n MessageSending?: JSX.Element;\n ParticipantItemOptions?: JSX.Element;\n ParticipantItemOptionsHovered?: JSX.Element;\n SendBoxSend?: JSX.Element;\n SendBoxSendHovered?: JSX.Element;\n /* @conditional-compile-remove(file-sharing) */\n SendBoxAttachFile?: JSX.Element;\n};\n\n/**\n * Icon wrapper to use when including customizable icons inside the ChatComposite.\n * This wrapper ensures the icon name is being type-checked helping ensure no typos\n * and ensure that icon is customizable through the composite API.\n *\n * @private\n */\nexport const ChatCompositeIcon = (props: CompositeIconProps<ChatCompositeIcons>): JSX.Element => <FontIcon {...props} />;\n\n/**\n * Icons that can be overridden for {@link CallComposite}.\n *\n * @public\n */\nexport type CallCompositeIcons = {\n ControlBarPeopleButton?: JSX.Element;\n ControlButtonCameraOff?: JSX.Element;\n ControlButtonCameraOn?: JSX.Element;\n ControlButtonEndCall?: JSX.Element;\n ControlButtonMicOff?: JSX.Element;\n ControlButtonMicOn?: JSX.Element;\n ControlButtonOptions?: JSX.Element;\n ControlButtonParticipants?: JSX.Element;\n ControlButtonScreenShareStart?: JSX.Element;\n ControlButtonScreenShareStop?: JSX.Element;\n ErrorBarCallCameraAccessDenied?: JSX.Element;\n ErrorBarCallCameraAlreadyInUse?: JSX.Element;\n ErrorBarCallLocalVideoFreeze?: JSX.Element;\n ErrorBarCallMacOsCameraAccessDenied?: JSX.Element;\n ErrorBarCallMacOsMicrophoneAccessDenied?: JSX.Element;\n ErrorBarCallMicrophoneAccessDenied?: JSX.Element;\n ErrorBarCallMicrophoneMutedBySystem?: JSX.Element;\n ErrorBarCallMicrophoneUnmutedBySystem?: JSX.Element;\n ErrorBarCallNetworkQualityLow?: JSX.Element;\n ErrorBarCallNoMicrophoneFound?: JSX.Element;\n ErrorBarCallNoSpeakerFound?: JSX.Element;\n ErrorBarClear?: JSX.Element;\n HorizontalGalleryLeftButton?: JSX.Element;\n HorizontalGalleryRightButton?: JSX.Element;\n LobbyScreenConnectingToCall?: JSX.Element;\n LobbyScreenWaitingToBeAdmitted?: JSX.Element;\n LocalDeviceSettingsCamera?: JSX.Element;\n LocalDeviceSettingsMic?: JSX.Element;\n LocalDeviceSettingsSpeaker?: JSX.Element;\n LocalPreviewPlaceholder?: JSX.Element;\n Muted?: JSX.Element;\n NetworkReconnectIcon?: JSX.Element;\n NoticePageAccessDeniedTeamsMeeting?: JSX.Element;\n NoticePageJoinCallFailedDueToNoNetwork?: JSX.Element;\n NoticePageLeftCall?: JSX.Element;\n NoticePageRemovedFromCall?: JSX.Element;\n OptionsCamera?: JSX.Element;\n OptionsMic?: JSX.Element;\n OptionsSpeaker?: JSX.Element;\n ParticipantItemMicOff?: JSX.Element;\n ParticipantItemOptions?: JSX.Element;\n ParticipantItemOptionsHovered?: JSX.Element;\n ParticipantItemScreenShareStart?: JSX.Element;\n VideoTileMicOff?: JSX.Element;\n LocalCameraSwitch?: JSX.Element;\n /* @conditional-compile-remove(PSTN-calls) */\n PeoplePaneAddPerson?: JSX.Element;\n /* @conditional-compile-remove(PSTN-calls) */\n PeoplePaneOpenDialpad?: JSX.Element;\n /* @conditional-compile-remove(PSTN-calls) */\n DialpadStartCall?: JSX.Element;\n /* @conditional-compile-remove(rooms) */\n NoticePageInvalidRoom?: JSX.Element;\n /* @conditional-compile-remove(video-background-effects) */\n BlurVideoBackground?: JSX.Element;\n /* @conditional-compile-remove(video-background-effects) */\n RemoveVideoBackgroundEffect?: JSX.Element;\n};\n\n/**\n * Icon wrapper to use when including customizable icons inside the CallComposite.\n * This wrapper ensures the icon name is being type-checked helping ensure no typos\n * and ensure that icon is customizable through the composite API.\n *\n * @private\n */\nexport const CallCompositeIcon = (props: CompositeIconProps<CallCompositeIcons>): JSX.Element => <FontIcon {...props} />;\n\n/**\n * Icons that can be overridden for {@link CallWithChatComposite}.\n *\n * @public\n */\nexport type CallWithChatCompositeIcons = {\n // CallWithChat Specific Icons\n ChevronLeft?: JSX.Element;\n ControlBarChatButtonActive?: JSX.Element;\n ControlBarChatButtonInactive?: JSX.Element;\n ControlBarPeopleButton?: JSX.Element;\n Link?: JSX.Element;\n MoreDrawerMicrophones?: JSX.Element;\n MoreDrawerPeople?: JSX.Element;\n MoreDrawerSelectedMicrophone?: JSX.Element;\n MoreDrawerSelectedSpeaker?: JSX.Element;\n MoreDrawerSpeakers?: JSX.Element;\n\n // Call icons\n ControlButtonCameraOff?: JSX.Element;\n ControlButtonCameraOn?: JSX.Element;\n ControlButtonEndCall?: JSX.Element;\n ControlButtonMicOff?: JSX.Element;\n ControlButtonMicOn?: JSX.Element;\n ControlButtonOptions?: JSX.Element;\n ControlButtonScreenShareStart?: JSX.Element;\n ControlButtonScreenShareStop?: JSX.Element;\n ErrorBarCallCameraAccessDenied?: JSX.Element;\n ErrorBarCallCameraAlreadyInUse?: JSX.Element;\n ErrorBarCallLocalVideoFreeze?: JSX.Element;\n ErrorBarCallMacOsCameraAccessDenied?: JSX.Element;\n ErrorBarCallMacOsMicrophoneAccessDenied?: JSX.Element;\n ErrorBarCallMicrophoneAccessDenied?: JSX.Element;\n ErrorBarCallMicrophoneMutedBySystem?: JSX.Element;\n ErrorBarCallMicrophoneUnmutedBySystem?: JSX.Element;\n ErrorBarCallNetworkQualityLow?: JSX.Element;\n ErrorBarCallNoMicrophoneFound?: JSX.Element;\n ErrorBarCallNoSpeakerFound?: JSX.Element;\n ErrorBarClear?: JSX.Element;\n HorizontalGalleryLeftButton?: JSX.Element;\n HorizontalGalleryRightButton?: JSX.Element;\n LobbyScreenConnectingToCall?: JSX.Element;\n LobbyScreenWaitingToBeAdmitted?: JSX.Element;\n LocalDeviceSettingsCamera?: JSX.Element;\n LocalDeviceSettingsMic?: JSX.Element;\n LocalDeviceSettingsSpeaker?: JSX.Element;\n LocalPreviewPlaceholder?: JSX.Element;\n Muted?: JSX.Element;\n NetworkReconnectIcon?: JSX.Element;\n NoticePageAccessDeniedTeamsMeeting?: JSX.Element;\n NoticePageJoinCallFailedDueToNoNetwork?: JSX.Element;\n NoticePageLeftCall?: JSX.Element;\n NoticePageRemovedFromCall?: JSX.Element;\n OptionsCamera?: JSX.Element;\n OptionsMic?: JSX.Element;\n OptionsSpeaker?: JSX.Element;\n ParticipantItemMicOff?: JSX.Element;\n ParticipantItemScreenShareStart?: JSX.Element;\n VideoTileMicOff?: JSX.Element;\n LocalCameraSwitch?: JSX.Element;\n /* @conditional-compile-remove(PSTN-calls) */\n PeoplePaneAddPerson?: JSX.Element;\n /* @conditional-compile-remove(PSTN-calls) */\n PeoplePaneOpenDialpad?: JSX.Element;\n /* @conditional-compile-remove(PSTN-calls) */\n DialpadStartCall?: JSX.Element;\n\n // Chat icons\n EditBoxCancel?: JSX.Element;\n EditBoxSubmit?: JSX.Element;\n MessageDelivered?: JSX.Element;\n MessageEdit?: JSX.Element;\n MessageFailed?: JSX.Element;\n MessageRemove?: JSX.Element;\n MessageSeen?: JSX.Element;\n MessageSending?: JSX.Element;\n SendBoxSend?: JSX.Element;\n SendBoxSendHovered?: JSX.Element;\n SendBoxAttachFile?: JSX.Element;\n\n // Icons common to Call and Chat.\n ParticipantItemOptions?: JSX.Element;\n ParticipantItemOptionsHovered?: JSX.Element;\n};\n\n/**\n * Icon wrapper to use when including customizable icons inside the CallWithChatComposite.\n * This wrapper ensures the icon name is being type-checked helping ensure no typos\n * and ensure that icon is customizable through the composite API.\n *\n * @private\n */\nexport const CallWithChatCompositeIcon = (props: CompositeIconProps<CallWithChatCompositeIcons>): JSX.Element => <FontIcon {...props} />;\n\n/**\n * Icons that can be overridden in one of the composites exported by this library.\n *\n * See {@link ChatCompositeIcons}, {@link CallCompositeIcons} and {@link CallWithChatCompositeIcons} for more targeted types.\n *\n * @public\n */\nexport type CompositeIcons = ChatCompositeIcons & CallCompositeIcons & CallWithChatCompositeIcons;\"../../../../react-components/src\""]}
@@ -1 +1 @@
1
- {"version":3,"file":"Composite.styles.js","sourceRoot":"","sources":["../../../../../../../../react-composites/src/composites/common/styles/Composite.styles.ts"],"names":[],"mappings":"AAAA,uCAAuC;AACvC,kCAAkC;AAElC;;;;GAIG;AACH,MAAM,CAAC,MAAM,oBAAoB,GAAG,EAAE,CAAC","sourcesContent":["// Copyright (c) Microsoft Corporation.\n// Licensed under the MIT license.\n\n/**\n * This minimum width is to make sure the side pane does not overlap with the composite when the screen is narrow.\n *\n * @private\n */\nexport const compositeMinWidthRem = 30;\n"]}
1
+ {"version":3,"file":"Composite.styles.js","sourceRoot":"","sources":["../../../../../../../preprocess-dist/react-composites/src/composites/common/styles/Composite.styles.ts"],"names":[],"mappings":"AAAA,uCAAuC;AACvC,kCAAkC;AAElC;;;;GAIG;AACH,MAAM,CAAC,MAAM,oBAAoB,GAAG,EAAE,CAAC","sourcesContent":["// Copyright (c) Microsoft Corporation.\n// Licensed under the MIT license.\n\n/**\n * This minimum width is to make sure the side pane does not overlap with the composite when the screen is narrow.\n *\n * @private\n */\nexport const compositeMinWidthRem = 30;"]}
@@ -1 +1 @@
1
- {"version":3,"file":"GlobalHostLayer.styles.js","sourceRoot":"","sources":["../../../../../../../../react-composites/src/composites/common/styles/GlobalHostLayer.styles.ts"],"names":[],"mappings":"AAAA,uCAAuC;AACvC,kCAAkC;AAIlC;;GAEG;AACH,MAAM,CAAC,MAAM,oBAAoB,GAAW;IAC1C,QAAQ,EAAE,OAAO;IACjB,MAAM,EAAE,OAAO;IACf,KAAK,EAAE,KAAK;IACZ,UAAU,EAAE,QAAQ;CACrB,CAAC","sourcesContent":["// Copyright (c) Microsoft Corporation.\n// Licensed under the MIT license.\n\nimport { IStyle } from '@fluentui/react/lib/Styling';\n\n/**\n * @private\n */\nexport const globalLayerHostStyle: IStyle = {\n position: 'fixed',\n zIndex: 1000000,\n inset: '0px',\n visibility: 'hidden'\n};\n"]}
1
+ {"version":3,"file":"GlobalHostLayer.styles.js","sourceRoot":"","sources":["../../../../../../../preprocess-dist/react-composites/src/composites/common/styles/GlobalHostLayer.styles.ts"],"names":[],"mappings":"AAAA,uCAAuC;AACvC,kCAAkC;AAIlC;;GAEG;AACH,MAAM,CAAC,MAAM,oBAAoB,GAAW;IAC1C,QAAQ,EAAE,OAAO;IACjB,MAAM,EAAE,OAAO;IACf,KAAK,EAAE,KAAK;IACZ,UAAU,EAAE,QAAQ;CACrB,CAAC","sourcesContent":["// Copyright (c) Microsoft Corporation.\n// Licensed under the MIT license.\n\nimport { IStyle } from '@fluentui/react/lib/Styling';\n\n/**\n * @private\n */\nexport const globalLayerHostStyle: IStyle = {\n position: 'fixed',\n zIndex: 1000000,\n inset: '0px',\n visibility: 'hidden'\n};"]}
@@ -20,21 +20,32 @@ export const getPipStyles = (theme) => ({
20
20
  modal: {
21
21
  main: Object.assign(Object.assign({ borderRadius: theme.effects.roundedCorner4, boxShadow: theme.effects.elevation8,
22
22
  // Above the message thread / people pane.
23
- zIndex: 2 }, (theme.rtl
24
- ? { left: _pxToRem(MODAL_PIP_DEFAULT_PX.rightPositionPx) }
25
- : { right: _pxToRem(MODAL_PIP_DEFAULT_PX.rightPositionPx) })), { top: _pxToRem(MODAL_PIP_DEFAULT_PX.topPositionPx) })
23
+ zIndex: 2 }, (theme.rtl ? {
24
+ left: _pxToRem(MODAL_PIP_DEFAULT_PX.rightPositionPx)
25
+ } : {
26
+ right: _pxToRem(MODAL_PIP_DEFAULT_PX.rightPositionPx)
27
+ })), { top: _pxToRem(MODAL_PIP_DEFAULT_PX.topPositionPx) })
26
28
  }
27
29
  });
28
30
  /**
29
31
  * @private
30
32
  */
31
33
  export const PIPContainerStyle = {
32
- root: { position: 'absolute', width: '100%', height: '100%', pointerEvents: 'none' }
34
+ root: {
35
+ position: 'absolute',
36
+ width: '100%',
37
+ height: '100%',
38
+ pointerEvents: 'none'
39
+ }
33
40
  };
34
41
  /**
35
42
  * @private
36
43
  */
37
- export const hiddenStyle = concatStyleSets(PIPContainerStyle, { root: { display: 'none' } });
44
+ export const hiddenStyle = concatStyleSets(PIPContainerStyle, {
45
+ root: {
46
+ display: 'none'
47
+ }
48
+ });
38
49
  /**
39
50
  * @private
40
51
  */