@azure/communication-react 1.7.1-alpha-202308290013 → 1.7.1-alpha-202308310013

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 (77) hide show
  1. package/dist/communication-react.d.ts +96 -9
  2. package/dist/dist-cjs/communication-react/index.js +351 -85
  3. package/dist/dist-cjs/communication-react/index.js.map +1 -1
  4. package/dist/dist-esm/acs-ui-common/src/telemetryVersion.js +1 -1
  5. package/dist/dist-esm/acs-ui-common/src/telemetryVersion.js.map +1 -1
  6. package/dist/dist-esm/calling-component-bindings/src/baseSelectors.js +1 -1
  7. package/dist/dist-esm/calling-component-bindings/src/baseSelectors.js.map +1 -1
  8. package/dist/dist-esm/calling-stateful-client/src/CallClientState.d.ts +6 -2
  9. package/dist/dist-esm/calling-stateful-client/src/CallClientState.js.map +1 -1
  10. package/dist/dist-esm/calling-stateful-client/src/CallContext.d.ts +2 -2
  11. package/dist/dist-esm/calling-stateful-client/src/CallContext.js +2 -2
  12. package/dist/dist-esm/calling-stateful-client/src/CallContext.js.map +1 -1
  13. package/dist/dist-esm/calling-stateful-client/src/CapabilitiesSubscriber.js +2 -2
  14. package/dist/dist-esm/calling-stateful-client/src/CapabilitiesSubscriber.js.map +1 -1
  15. package/dist/dist-esm/calling-stateful-client/src/index-public.d.ts +1 -1
  16. package/dist/dist-esm/calling-stateful-client/src/index-public.js.map +1 -1
  17. package/dist/dist-esm/react-components/src/components/ImageGallery.js +6 -10
  18. package/dist/dist-esm/react-components/src/components/ImageGallery.js.map +1 -1
  19. package/dist/dist-esm/react-components/src/components/RemoteVideoTile.d.ts +2 -1
  20. package/dist/dist-esm/react-components/src/components/RemoteVideoTile.js +2 -1
  21. package/dist/dist-esm/react-components/src/components/RemoteVideoTile.js.map +1 -1
  22. package/dist/dist-esm/react-components/src/components/VideoGallery/useVideoTileContextualMenuProps.d.ts +1 -0
  23. package/dist/dist-esm/react-components/src/components/VideoGallery/useVideoTileContextualMenuProps.js +4 -1
  24. package/dist/dist-esm/react-components/src/components/VideoGallery/useVideoTileContextualMenuProps.js.map +1 -1
  25. package/dist/dist-esm/react-components/src/components/VideoGallery.js +21 -2
  26. package/dist/dist-esm/react-components/src/components/VideoGallery.js.map +1 -1
  27. package/dist/dist-esm/react-components/src/components/styles/ImageGallery.style.d.ts +9 -7
  28. package/dist/dist-esm/react-components/src/components/styles/ImageGallery.style.js +31 -37
  29. package/dist/dist-esm/react-components/src/components/styles/ImageGallery.style.js.map +1 -1
  30. package/dist/dist-esm/react-components/src/components/styles/MentionPopover.style.d.ts +0 -5
  31. package/dist/dist-esm/react-components/src/components/styles/MentionPopover.style.js +4 -7
  32. package/dist/dist-esm/react-components/src/components/styles/MentionPopover.style.js.map +1 -1
  33. package/dist/dist-esm/react-components/src/theming/themes.d.ts +22 -3
  34. package/dist/dist-esm/react-components/src/theming/themes.js +16 -0
  35. package/dist/dist-esm/react-components/src/theming/themes.js.map +1 -1
  36. package/dist/dist-esm/react-composites/src/composites/CallComposite/CallComposite.js +23 -5
  37. package/dist/dist-esm/react-composites/src/composites/CallComposite/CallComposite.js.map +1 -1
  38. package/dist/dist-esm/react-composites/src/composites/CallComposite/Strings.d.ts +5 -0
  39. package/dist/dist-esm/react-composites/src/composites/CallComposite/Strings.js.map +1 -1
  40. package/dist/dist-esm/react-composites/src/composites/CallComposite/components/CallArrangement.d.ts +2 -0
  41. package/dist/dist-esm/react-composites/src/composites/CallComposite/components/CallArrangement.js +17 -6
  42. package/dist/dist-esm/react-composites/src/composites/CallComposite/components/CallArrangement.js.map +1 -1
  43. package/dist/dist-esm/react-composites/src/composites/CallComposite/components/CapabilitiesChangedNotificationBar.d.ts +88 -0
  44. package/dist/dist-esm/react-composites/src/composites/CallComposite/components/CapabilitiesChangedNotificationBar.js +86 -0
  45. package/dist/dist-esm/react-composites/src/composites/CallComposite/components/CapabilitiesChangedNotificationBar.js.map +1 -0
  46. package/dist/dist-esm/react-composites/src/composites/CallComposite/components/buttons/Camera.js +10 -2
  47. package/dist/dist-esm/react-composites/src/composites/CallComposite/components/buttons/Camera.js.map +1 -1
  48. package/dist/dist-esm/react-composites/src/composites/CallComposite/components/buttons/Microphone.js +10 -2
  49. package/dist/dist-esm/react-composites/src/composites/CallComposite/components/buttons/Microphone.js.map +1 -1
  50. package/dist/dist-esm/react-composites/src/composites/CallComposite/index.d.ts +1 -0
  51. package/dist/dist-esm/react-composites/src/composites/CallComposite/index.js.map +1 -1
  52. package/dist/dist-esm/react-composites/src/composites/CallComposite/pages/CallPage.d.ts +2 -0
  53. package/dist/dist-esm/react-composites/src/composites/CallComposite/pages/CallPage.js +3 -1
  54. package/dist/dist-esm/react-composites/src/composites/CallComposite/pages/CallPage.js.map +1 -1
  55. package/dist/dist-esm/react-composites/src/composites/CallComposite/pages/ConfigurationPage.d.ts +2 -0
  56. package/dist/dist-esm/react-composites/src/composites/CallComposite/pages/ConfigurationPage.js.map +1 -1
  57. package/dist/dist-esm/react-composites/src/composites/CallComposite/pages/HoldPage.d.ts +2 -0
  58. package/dist/dist-esm/react-composites/src/composites/CallComposite/pages/HoldPage.js.map +1 -1
  59. package/dist/dist-esm/react-composites/src/composites/CallComposite/pages/LobbyPage.d.ts +2 -0
  60. package/dist/dist-esm/react-composites/src/composites/CallComposite/pages/LobbyPage.js.map +1 -1
  61. package/dist/dist-esm/react-composites/src/composites/CallComposite/selectors/baseSelectors.d.ts +5 -0
  62. package/dist/dist-esm/react-composites/src/composites/CallComposite/selectors/baseSelectors.js +9 -1
  63. package/dist/dist-esm/react-composites/src/composites/CallComposite/selectors/baseSelectors.js.map +1 -1
  64. package/dist/dist-esm/react-composites/src/composites/CallComposite/selectors/capabilitiesChangedInfoAndRoleSelector.d.ts +12 -0
  65. package/dist/dist-esm/react-composites/src/composites/CallComposite/selectors/capabilitiesChangedInfoAndRoleSelector.js +14 -0
  66. package/dist/dist-esm/react-composites/src/composites/CallComposite/selectors/capabilitiesChangedInfoAndRoleSelector.js.map +1 -0
  67. package/dist/dist-esm/react-composites/src/composites/CallComposite/types/CapabilityChangedNotificationTracking.d.ts +9 -0
  68. package/dist/dist-esm/react-composites/src/composites/CallComposite/types/CapabilityChangedNotificationTracking.js +4 -0
  69. package/dist/dist-esm/react-composites/src/composites/CallComposite/types/CapabilityChangedNotificationTracking.js.map +1 -0
  70. package/dist/dist-esm/react-composites/src/composites/CallComposite/utils/TrackCapabilityChangedNotifications.d.ts +33 -0
  71. package/dist/dist-esm/react-composites/src/composites/CallComposite/utils/TrackCapabilityChangedNotifications.js +99 -0
  72. package/dist/dist-esm/react-composites/src/composites/CallComposite/utils/TrackCapabilityChangedNotifications.js.map +1 -0
  73. package/dist/dist-esm/react-composites/src/composites/common/icons.d.ts +13 -0
  74. package/dist/dist-esm/react-composites/src/composites/common/icons.js +6 -0
  75. package/dist/dist-esm/react-composites/src/composites/common/icons.js.map +1 -1
  76. package/dist/dist-esm/react-composites/src/composites/localization/locales/en-US/strings.json +15 -1
  77. package/package.json +8 -8
@@ -30,7 +30,7 @@ import { CallEndReason } from '@azure/communication-calling';
30
30
  import { CallerInfo } from '@azure/communication-calling';
31
31
  import { CallKind } from '@azure/communication-calling';
32
32
  import { CallState as CallState_2 } from '@azure/communication-calling';
33
- import type { CapabilitiesChangeInfo } from '@azure/communication-calling';
33
+ import { CapabilitiesChangeInfo } from '@azure/communication-calling';
34
34
  import { CaptionsResultType } from '@azure/communication-calling';
35
35
  import { ChatClient } from '@azure/communication-chat';
36
36
  import { ChatClientOptions } from '@azure/communication-chat';
@@ -1390,6 +1390,8 @@ export declare type CallCompositeIcons = {
1390
1390
  ControlButtonParticipants?: JSX.Element;
1391
1391
  ControlButtonScreenShareStart?: JSX.Element;
1392
1392
  ControlButtonScreenShareStop?: JSX.Element;
1393
+ ControlButtonCameraProhibited?: JSX.Element;
1394
+ ControlButtonMicProhibited?: JSX.Element;
1393
1395
  ControlButtonRaiseHand?: JSX.Element;
1394
1396
  ControlButtonLowerHand?: JSX.Element;
1395
1397
  RaiseHandContextualMenuItem?: JSX.Element;
@@ -2119,6 +2121,10 @@ export declare interface CallCompositeStrings {
2119
2121
  * Label for the selection of the focusedContentLayout (Focused content) layout
2120
2122
  */
2121
2123
  moreButtonGalleryFocusedContentLayoutLabel?: string;
2124
+ /**
2125
+ * All strings for capability changed notification
2126
+ */
2127
+ capabilityChangedNotification?: CapabilityChangedNotificationStrings;
2122
2128
  }
2123
2129
 
2124
2130
  /**
@@ -2251,7 +2257,7 @@ export declare type CallingHandlersOptions = {
2251
2257
  export declare type CallingReturnProps<Component extends (props: any) => JSX.Element> = GetCallingSelector<Component> extends (state: CallClientState, props: any) => any ? ReturnType<GetCallingSelector<Component>> & Common<CallingHandlers, Parameters<Component>[0]> : never;
2252
2258
 
2253
2259
  /**
2254
- * Custom Fluent theme pallete used by calling related components in this library.
2260
+ * Custom Fluent theme palette used by calling related components in this library.
2255
2261
  *
2256
2262
  * @public
2257
2263
  */
@@ -2443,7 +2449,7 @@ export declare interface CallState {
2443
2449
  /**
2444
2450
  * Proxy of {@link @azure/communication-calling#CapabilitiesFeature}.
2445
2451
  */
2446
- capabilities?: CapabilitiesCallFeature;
2452
+ capabilitiesFeature?: CapabilitiesFeatureState;
2447
2453
  }
2448
2454
 
2449
2455
  /**
@@ -2987,6 +2993,8 @@ export declare type CallWithChatCompositeIcons = {
2987
2993
  ControlButtonOptions?: JSX.Element;
2988
2994
  ControlButtonScreenShareStart?: JSX.Element;
2989
2995
  ControlButtonScreenShareStop?: JSX.Element;
2996
+ ControlButtonCameraProhibited?: JSX.Element;
2997
+ ControlButtonMicProhibited?: JSX.Element;
2990
2998
  ErrorBarCallCameraAccessDenied?: JSX.Element;
2991
2999
  ErrorBarCallCameraAlreadyInUse?: JSX.Element;
2992
3000
  ErrorBarCallLocalVideoFreeze?: JSX.Element;
@@ -3549,24 +3557,74 @@ export declare type CameraSitePermissionsStrings = SitePermissionsStrings;
3549
3557
  */
3550
3558
  export declare type CancelEditCallback = (messageId: string) => void;
3551
3559
 
3560
+ /**
3561
+ * Callback for {@link CallAdapterSubscribers} 'capabilitiesChanged' event.
3562
+ *
3563
+ * @beta
3564
+ */
3565
+ export declare type CapabilitiesChangedListener = (data: CapabilitiesChangeInfo) => void;
3566
+
3552
3567
  /**
3553
3568
  * State only version of {@link @azure/communication-calling#CapabilitiesFeature}
3554
3569
  *
3555
3570
  * @beta
3556
3571
  */
3557
- export declare interface CapabilitiesCallFeature {
3572
+ export declare interface CapabilitiesFeatureState {
3558
3573
  /**
3559
3574
  * Proxy of {@link @azure/communication-calling#CapabilitiesFeature.capabilities}.
3560
3575
  */
3561
3576
  capabilities: ParticipantCapabilities;
3577
+ /**
3578
+ * Proxy of the latest {@link @azure/communication-calling#CapabilitiesChangeInfo}
3579
+ */
3580
+ latestCapabilitiesChangeInfo: CapabilitiesChangeInfo;
3562
3581
  }
3563
3582
 
3564
3583
  /**
3565
- * Callback for {@link CallAdapterSubscribers} 'capabilitiesChanged' event.
3566
- *
3584
+ * Strings for capability changed notification
3567
3585
  * @beta
3568
3586
  */
3569
- export declare type CapabilitiesChangedListener = (data: CapabilitiesChangeInfo) => void;
3587
+ export declare interface CapabilityChangedNotificationStrings {
3588
+ /**
3589
+ * Strings for 'turnVideoOn' capability
3590
+ */
3591
+ turnVideoOn?: {
3592
+ /**
3593
+ * Notification message shown to the user when capability to turn video on is lost due to a meeting option change
3594
+ */
3595
+ lostDueToMeetingOption?: string;
3596
+ /**
3597
+ * Notification message shown to the user when capability to turn video on is granted due to a meeting option change
3598
+ */
3599
+ grantedDueToMeetingOption?: string;
3600
+ };
3601
+ /**
3602
+ * Strings for 'unmuteMic' capability
3603
+ */
3604
+ unmuteMic?: {
3605
+ /**
3606
+ * Notification message shown to the user when capability to unmute mic is lost due to a meeting option change
3607
+ */
3608
+ lostDueToMeetingOption?: string;
3609
+ /**
3610
+ * Notification message shown to the user when capability to unmute mic is granted due to a meeting option change
3611
+ */
3612
+ grantedDueToMeetingOption?: string;
3613
+ };
3614
+ /**
3615
+ * Strings for 'shareScreen' capability
3616
+ */
3617
+ shareScreen?: {
3618
+ /**
3619
+ * Notification message shown to the user when capability to share screen is lost due to a role change to Attendeee
3620
+ */
3621
+ lostDueToRoleChangeToAttendee?: string;
3622
+ /**
3623
+ * Notification message shown to the user when capability to share screen is granted due to a role change to Presenter
3624
+ */
3625
+ grantedDueToRoleChangeToPresenter?: string;
3626
+ };
3627
+ }
3570
3628
 
3571
3629
  /**
3572
3630
  * @beta
@@ -4164,6 +4222,26 @@ export declare type ChatParticipantListSelector = (state: ChatClientState, props
4164
4222
  */
4165
4223
  export declare type ChatReturnProps<Component extends (props: any) => JSX.Element> = GetChatSelector<Component> extends (state: ChatClientState, props: any) => any ? ReturnType<GetChatSelector<Component>> & Common<ChatHandlers, Parameters<Component>[0]> : never;
4166
4224
 
4225
+ /**
4226
+ * Custom Fluent theme palette used by chat related components in this library.
4227
+ *
4228
+ * @beta
4229
+ */
4230
+ export declare interface ChatTheme {
4231
+ /**
4232
+ * Custom Fluent theme palette used by chat related components in this library.
4233
+ *
4234
+ * @beta
4235
+ */
4236
+ chatPalette: {
4237
+ modalOverlayBlack: string;
4238
+ modalTitleWhite: string;
4239
+ modalButtonBackground: string;
4240
+ modalButtonBackgroundHover: string;
4241
+ modalButtonBackgroundActive: string;
4242
+ };
4243
+ }
4244
+
4167
4245
  /**
4168
4246
  * A {@link React.Context} that stores a {@link @azure/communication-chat#ChatThreadClient}.
4169
4247
  *
@@ -5472,7 +5550,7 @@ export declare interface CustomMessage extends MessageCommon {
5472
5550
  *
5473
5551
  * @public
5474
5552
  */
5475
- export declare const darkTheme: PartialTheme & CallingTheme;
5553
+ export declare const darkTheme: PartialTheme & CallingTheme & /* @conditional-compile-remove(image-gallery) */ ChatTheme;
5476
5554
 
5477
5555
  /**
5478
5556
  * @beta
@@ -5611,6 +5689,8 @@ export declare const DEFAULT_COMPOSITE_ICONS: {
5611
5689
  ControlButtonParticipants: JSX.Element;
5612
5690
  ControlButtonScreenShareStart: JSX.Element;
5613
5691
  ControlButtonScreenShareStop: JSX.Element;
5692
+ ControlButtonCameraProhibited?: JSX.Element | undefined;
5693
+ ControlButtonMicProhibited?: JSX.Element | undefined;
5614
5694
  ControlButtonRaiseHand: JSX.Element;
5615
5695
  ControlButtonLowerHand: JSX.Element;
5616
5696
  RaiseHandContextualMenuItem: JSX.Element;
@@ -5705,6 +5785,13 @@ export declare const DEFAULT_COMPOSITE_ICONS: {
5705
5785
  CaptionsIcon: JSX.Element;
5706
5786
  CaptionsOffIcon: JSX.Element;
5707
5787
  CaptionsSettingsIcon: JSX.Element;
5788
+ /**
5789
+ * Icon wrapper to use when including customizable icons inside the CallWithChatComposite.
5790
+ * This wrapper ensures the icon name is being type-checked helping ensure no typos
5791
+ * and ensure that icon is customizable through the composite API.
5792
+ *
5793
+ * @private
5794
+ */
5708
5795
  ChangeSpokenLanguageIcon: JSX.Element;
5709
5796
  ChangeCaptionLanguageIcon: JSX.Element;
5710
5797
  ContextMenuCameraIcon: JSX.Element;
@@ -6955,7 +7042,7 @@ export declare interface JumpToNewMessageButtonProps {
6955
7042
  *
6956
7043
  * @public
6957
7044
  */
6958
- export declare const lightTheme: PartialTheme & CallingTheme;
7045
+ export declare const lightTheme: PartialTheme & CallingTheme & /* @conditional-compile-remove(image-gallery) */ ChatTheme;
6959
7046
 
6960
7047
  /**
6961
7048
  * Whether the stream is loading or not.