@azure/communication-react 1.7.1-alpha-202308180011 → 1.7.1-alpha-202308190011

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 (48) hide show
  1. package/dist/communication-react.d.ts +33 -5
  2. package/dist/dist-cjs/communication-react/index.js +110 -36
  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/communication-react/src/index.d.ts +1 -1
  7. package/dist/dist-esm/communication-react/src/index.js.map +1 -1
  8. package/dist/dist-esm/react-components/src/components/ChatMessage/ChatMessageComponent.d.ts +1 -2
  9. package/dist/dist-esm/react-components/src/components/ChatMessage/ChatMessageComponent.js.map +1 -1
  10. package/dist/dist-esm/react-components/src/components/ChatMessage/ChatMessageComponentAsMessageBubble.d.ts +1 -2
  11. package/dist/dist-esm/react-components/src/components/ChatMessage/ChatMessageComponentAsMessageBubble.js +1 -11
  12. package/dist/dist-esm/react-components/src/components/ChatMessage/ChatMessageComponentAsMessageBubble.js.map +1 -1
  13. package/dist/dist-esm/react-components/src/components/ImageGallery.d.ts +19 -0
  14. package/dist/dist-esm/react-components/src/components/ImageGallery.js +14 -9
  15. package/dist/dist-esm/react-components/src/components/ImageGallery.js.map +1 -1
  16. package/dist/dist-esm/react-components/src/components/MessageThread.d.ts +1 -2
  17. package/dist/dist-esm/react-components/src/components/MessageThread.js.map +1 -1
  18. package/dist/dist-esm/react-components/src/components/VideoEffects/VideoEffectsItem.js +4 -4
  19. package/dist/dist-esm/react-components/src/components/VideoEffects/VideoEffectsItem.js.map +1 -1
  20. package/dist/dist-esm/react-components/src/components/VideoGallery/FocusContentLayout.d.ts +21 -0
  21. package/dist/dist-esm/react-components/src/components/VideoGallery/FocusContentLayout.js +18 -0
  22. package/dist/dist-esm/react-components/src/components/VideoGallery/FocusContentLayout.js.map +1 -0
  23. package/dist/dist-esm/react-components/src/components/VideoGallery/SpeakerVideoLayout.d.ts +1 -1
  24. package/dist/dist-esm/react-components/src/components/VideoGallery/SpeakerVideoLayout.js.map +1 -1
  25. package/dist/dist-esm/react-components/src/components/VideoGallery.d.ts +1 -1
  26. package/dist/dist-esm/react-components/src/components/VideoGallery.js +7 -1
  27. package/dist/dist-esm/react-components/src/components/VideoGallery.js.map +1 -1
  28. package/dist/dist-esm/react-components/src/components/index.d.ts +1 -0
  29. package/dist/dist-esm/react-components/src/components/index.js.map +1 -1
  30. package/dist/dist-esm/react-components/src/localization/LocalizationProvider.d.ts +3 -0
  31. package/dist/dist-esm/react-components/src/localization/LocalizationProvider.js.map +1 -1
  32. package/dist/dist-esm/react-components/src/localization/locales/en-US/strings.json +4 -0
  33. package/dist/dist-esm/react-composites/src/composites/CallComposite/Strings.d.ts +4 -0
  34. package/dist/dist-esm/react-composites/src/composites/CallComposite/Strings.js.map +1 -1
  35. package/dist/dist-esm/react-composites/src/composites/CallComposite/components/HoldPane.js +1 -1
  36. package/dist/dist-esm/react-composites/src/composites/CallComposite/components/HoldPane.js.map +1 -1
  37. package/dist/dist-esm/react-composites/src/composites/CallWithChatComposite/adapter/AzureCommunicationCallWithChatAdapter.d.ts +3 -2
  38. package/dist/dist-esm/react-composites/src/composites/CallWithChatComposite/adapter/AzureCommunicationCallWithChatAdapter.js +7 -3
  39. package/dist/dist-esm/react-composites/src/composites/CallWithChatComposite/adapter/AzureCommunicationCallWithChatAdapter.js.map +1 -1
  40. package/dist/dist-esm/react-composites/src/composites/ChatComposite/ChatScreen.js +31 -5
  41. package/dist/dist-esm/react-composites/src/composites/ChatComposite/ChatScreen.js.map +1 -1
  42. package/dist/dist-esm/react-composites/src/composites/common/ControlBar/DesktopMoreButton.js +33 -0
  43. package/dist/dist-esm/react-composites/src/composites/common/ControlBar/DesktopMoreButton.js.map +1 -1
  44. package/dist/dist-esm/react-composites/src/composites/common/icons.d.ts +2 -0
  45. package/dist/dist-esm/react-composites/src/composites/common/icons.js +4 -2
  46. package/dist/dist-esm/react-composites/src/composites/common/icons.js.map +1 -1
  47. package/dist/dist-esm/react-composites/src/composites/localization/locales/en-US/strings.json +2 -1
  48. package/package.json +8 -8
@@ -58,7 +58,6 @@ import { IContextualMenuStyles } from '@fluentui/react';
58
58
  import { ILinkStyles } from '@fluentui/react';
59
59
  import { IMessageBarProps } from '@fluentui/react';
60
60
  import { IncomingCall } from '@azure/communication-calling';
61
- import { IPersonaProps } from '@fluentui/react';
62
61
  import { IPersonaStyleProps } from '@fluentui/react';
63
62
  import { IPersonaStyles } from '@fluentui/react';
64
63
  import { IRawStyle } from '@fluentui/react';
@@ -346,7 +345,8 @@ export declare type AzureCommunicationCallWithChatAdapterFromClientArgs = {
346
345
  callClient: StatefulCallClient;
347
346
  chatClient: StatefulChatClient;
348
347
  chatThreadClient: ChatThreadClient;
349
- options?: AzureCommunicationChatAdapterOptions;
348
+ callAdapterOptions?: AzureCommunicationCallAdapterOptions;
349
+ chatAdapterOptions?: AzureCommunicationChatAdapterOptions;
350
350
  };
351
351
 
352
352
  /**
@@ -1414,6 +1414,7 @@ export declare type CallCompositeIcons = {
1414
1414
  SpeakerGalleryLayout?: JSX.Element;
1415
1415
  FloatingLocalVideoGalleryLayout?: JSX.Element;
1416
1416
  DefaultGalleryLayout?: JSX.Element;
1417
+ FocusedContentGalleryLayout?: JSX.Element;
1417
1418
  OverflowGalleryTop?: JSX.Element;
1418
1419
  };
1419
1420
 
@@ -2073,6 +2074,10 @@ export declare interface CallCompositeStrings {
2073
2074
  * Label for the selection of the floatingLocalVideo (Dynamic) layout
2074
2075
  */
2075
2076
  moreButtonGalleryFloatingLocalLayoutLabel?: string;
2077
+ /**
2078
+ * Label for the selection of the focusedContentLayout (Focused content) layout
2079
+ */
2080
+ moreButtonGalleryFocusedContentLayoutLabel?: string;
2076
2081
  }
2077
2082
 
2078
2083
  /**
@@ -4664,6 +4669,8 @@ export declare interface ComponentStrings {
4664
4669
  sendBox: SendBoxStrings;
4665
4670
  /** Strings for MentionPopover */
4666
4671
  mentionPopover: MentionPopoverStrings;
4672
+ /** Strings for ImageGallery */
4673
+ imageGallery: ImageGalleryStrings;
4667
4674
  /** Strings for MessageStatusIndicator */
4668
4675
  messageStatusIndicator: MessageStatusIndicatorStrings;
4669
4676
  /** Strings for ErroBar */
@@ -5101,7 +5108,7 @@ export declare const createAzureCommunicationCallWithChatAdapter: ({ userId, dis
5101
5108
  *
5102
5109
  * @public
5103
5110
  */
5104
- export declare const createAzureCommunicationCallWithChatAdapterFromClients: ({ callClient, callAgent, callLocator, chatClient, chatThreadClient, options }: AzureCommunicationCallWithChatAdapterFromClientArgs) => Promise<CallWithChatAdapter>;
5111
+ export declare const createAzureCommunicationCallWithChatAdapterFromClients: ({ callClient, callAgent, callLocator, chatClient, chatThreadClient, callAdapterOptions, chatAdapterOptions }: AzureCommunicationCallWithChatAdapterFromClientArgs) => Promise<CallWithChatAdapter>;
5105
5112
 
5106
5113
  /**
5107
5114
  * Create a {@link ChatAdapter} backed by Azure Communication Services.
@@ -5597,6 +5604,7 @@ export declare const DEFAULT_COMPOSITE_ICONS: {
5597
5604
  SpeakerGalleryLayout?: JSX.Element | undefined;
5598
5605
  FloatingLocalVideoGalleryLayout?: JSX.Element | undefined;
5599
5606
  DefaultGalleryLayout?: JSX.Element | undefined;
5607
+ FocusedContentGalleryLayout?: JSX.Element | undefined;
5600
5608
  OverflowGalleryTop?: JSX.Element | undefined;
5601
5609
  ChevronLeft?: JSX.Element | undefined;
5602
5610
  ControlBarChatButtonActive?: JSX.Element | undefined;
@@ -6706,6 +6714,10 @@ export declare interface ImageGalleryImageProps {
6706
6714
  * @beta
6707
6715
  */
6708
6716
  export declare interface ImageGalleryProps {
6717
+ /**
6718
+ * Boolean that controls whether the modal is displayed.
6719
+ */
6720
+ isOpen: boolean;
6709
6721
  /**
6710
6722
  * Array of images used to populate the ImageGallery
6711
6723
  */
@@ -6728,6 +6740,22 @@ export declare interface ImageGalleryProps {
6728
6740
  startIndex?: number;
6729
6741
  }
6730
6742
 
6743
+ /**
6744
+ * Strings of {@link ImageGallery} that can be overridden.
6745
+ *
6746
+ * @beta
6747
+ */
6748
+ export declare interface ImageGalleryStrings {
6749
+ /**
6750
+ * Download button label for ImageGallery
6751
+ */
6752
+ downloadButtonLabel: string;
6753
+ /**
6754
+ * Dismiss button aria label for ImageGallery
6755
+ */
6756
+ dismissButtonAriaLabel: string;
6757
+ }
6758
+
6731
6759
  /**
6732
6760
  * @beta
6733
6761
  * This contains a readonly array that returns all the active `incomingCalls`.
@@ -7434,7 +7462,7 @@ export declare type MessageThreadProps = {
7434
7462
  * Optional callback called when an inline image is clicked.
7435
7463
  * @beta
7436
7464
  */
7437
- onInlineImageClicked?: (attachment: FileMetadata, onRenderTitleIcon?: (personaProps?: IPersonaProps) => JSX.Element) => Promise<void>;
7465
+ onInlineImageClicked?: (attachmentId: string, messageId: string) => Promise<void>;
7438
7466
  };
7439
7467
 
7440
7468
  /**
@@ -9731,7 +9759,7 @@ export declare const VideoGallery: (props: VideoGalleryProps) => JSX.Element;
9731
9759
  /**
9732
9760
  * @public
9733
9761
  */
9734
- export declare type VideoGalleryLayout = 'default' | 'floatingLocalVideo' | /* @conditional-compile-remove(gallery-layouts) */ 'speaker';
9762
+ export declare type VideoGalleryLayout = 'default' | 'floatingLocalVideo' | /* @conditional-compile-remove(gallery-layouts) */ 'speaker' | /* @conditional-compile-remove(gallery-layouts) */ 'focusedContent';
9735
9763
 
9736
9764
  /**
9737
9765
  * The state of the local participant in the {@link VideoGallery}.