npm - @azure/communication-react - Versions diffs - 1.14.0 → 1.14.1-alpha-202403261958 - Mend

@azure/communication-react 1.14.0 → 1.14.1-alpha-202403261958

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 (1292) hide show

package/dist/dist-esm/communication-react/src/index.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../preprocess-dist/communication-react/src/index.ts"],"names":[],"mappings":"AAAA,uCAAuC;AACvC,kCAAkC;AAElC;;;;;;;;;;;;;;;GAeG;AAEH,OAAO,EAAE,+BAA+B,EAAE,6BAA6B,EAAE,MAAM,yBAAyB,CAAC;AAYzG,OAAO,EAAE,kBAAkB,EAAE,iBAAiB,EAAE,YAAY,EAAE,aAAa,EAAE,YAAY,EAAE,OAAO,EAAE,gBAAgB,EAAE,kBAAkB,EAAE,4BAA4B,EAAE,MAAM,sCAAsC,CAAC;AAIrN,OAAO,EAAE,kBAAkB,EAAE,wBAAwB,EAAE,aAAa,EAAE,mBAAmB,EAAE,eAAe,EAAE,yBAAyB,EAAE,MAAM,mCAAmC,CAAC;AAEjL,OAAO,EAAE,mBAAmB,EAAE,YAAY,EAAE,UAAU,EAAE,gBAAgB,EAAE,aAAa,EAAE,aAAa,EAAE,QAAQ,EAAE,UAAU,EAAE,oBAAoB,EAAE,sBAAsB,EAAE,aAAa,EAAE,gBAAgB,EAAE,eAAe,EAAE,eAAe,EAAE,kBAAkB,EAAE,iBAAiB,EAAE,OAAO,EAAE,WAAW,EAAE,eAAe,EAAE,YAAY,EAAE,SAAS,EAAE,sBAAsB,EAAE,sBAAsB,EAAE,sBAAsB,EAAE,sBAAsB,EAAE,sBAAsB,EAAE,sBAAsB,EAAE,sBAAsB,EAAE,sBAAsB,EAAE,sBAAsB,EAAE,sBAAsB,EAAE,sBAAsB,EAAE,sBAAsB,EAAE,sBAAsB,EAAE,sBAAsB,EAAE,sBAAsB,EAAE,sBAAsB,EAAE,sBAAsB,EAAE,sBAAsB,EAAE,sBAAsB,EAAE,sBAAsB,EAAE,MAAM,4BAA4B,CAAC;AACz1B,gDAAgD;AAChD,OAAO,EAAE,YAAY,EAAE,MAAM,4BAA4B,CAAC;AAC1D,6CAA6C;AAC7C,OAAO,EAAE,eAAe,EAAE,MAAM,4BAA4B,CAAC;AAE7D,0CAA0C,CAAC,6CAA6C;AACxF,OAAO,EAAE,OAAO,EAAE,MAAM,4BAA4B,CAAC;AAgBrD,cAAc,iDAAiD,CAAC;AAChE,cAAc,oCAAoC,CAAC;AACnD,cAAc,gDAAgD,CAAC;AAC/D,OAAO,EAAE,wBAAwB,EAAE,MAAM,gCAAgC,CAAC;AAK1E,cAAc,yCAAyC,CAAC;AACxD,cAAc,eAAe,CAAC","sourcesContent":["// Copyright (c) Microsoft Corporation.\n// Licensed under the MIT License.\n\n/*\n `@azure/communication-react` is an npm package that exports the functionality of the Azure Communication Services - UI Library.\n \n This package makes it easy for you to build modern communications user experiences using Azure Communication Services. It gives you a library of production-ready UI components that you can drop into your applications:\n * - Composites: These components are turn-key solutions that implement common communication scenarios. You can quickly add video calling or chat experiences to your applications. Composites are open-source higher order components built using UI components.\n * - UI Components - These components are open-source building blocks that let you build custom communications experience. Components are offered for both calling and chat capabilities that can be combined to build experiences.\n \n These UI client libraries all use Microsoft's Fluent design language and assets. Fluent UI provides a foundational layer for the UI Library and is actively used across Microsoft products.\n \n In conjunction with the UI components, the UI Library exposes a stateful client library for calling and chat. This client is agnostic to any specific state management framework and can be integrated with common state managers like Redux or React Context.\n * This stateful client library can be used with the UI Components to pass props and methods for the UI Components to render data. For more information, see Stateful Client Overview.\n \n For more information visit: https://aka.ms/acsstorybook\n \n @packageDocumentation\n /\n\nexport { fromFlatCommunicationIdentifier, toFlatCommunicationIdentifier } from '../../acs-ui-common/src';\nexport type { AreEqual, CommonProperties, MessageStatus, Common, AreTypeEqual, AreParamEqual } from '../../acs-ui-common/src';\n\n// Not to export chat/calling specific hook from binding package\nexport type { CallClientProviderProps, CallAgentProviderProps, CallProviderProps, GetCallingSelector, CallingHandlers, CallingBaseSelectorProps, CommonCallingHandlers } from '../../calling-component-bindings/src';\n\n/ @conditional-compile-remove(video-background-effects) /\nexport type { VideoBackgroundEffectsDependency, CallingHandlersOptions } from '../../calling-component-bindings/src';\n\n/ @conditional-compile-remove(close-captions) /\nexport type { CaptionsOptions } from '../../calling-component-bindings/src';\nexport type { ChatClientProviderProps, ChatThreadClientProviderProps, GetChatSelector, ChatHandlers, ChatBaseSelectorProps } from '../../chat-component-bindings/src';\nexport { CallClientProvider, CallAgentProvider, CallProvider, useCallClient, useCallAgent, useCall, useDeviceManager, getCallingSelector, createDefaultCallingHandlers } from '../../calling-component-bindings/src';\nexport type { ScreenShareButtonSelector, CameraButtonSelector, VideoGallerySelector, DevicesButtonSelector, EmptySelector, ErrorBarSelector as CallErrorBarSelector, ParticipantListSelector, MicrophoneButtonSelector, ParticipantsButtonSelector, CreateDefaultCallingHandlers } from '../../calling-component-bindings/src';\n/ @conditional-compile-remove(raise-hand) /\nexport type { RaiseHandButtonSelector } from '../../calling-component-bindings/src';\nexport { ChatClientProvider, ChatThreadClientProvider, useChatClient, useChatThreadClient, getChatSelector, createDefaultChatHandlers } from '../../chat-component-bindings/src';\nexport type { MessageThreadSelector, TypingIndicatorSelector, ChatParticipantListSelector, SendBoxSelector, ErrorBarSelector as ChatErrorBarSelector } from '../../chat-component-bindings/src';\nexport { _IdentifierProvider, CameraButton, ControlBar, ControlBarButton, DevicesButton, EndCallButton, ErrorBar, GridLayout, LocalizationProvider, MessageStatusIndicator, MessageThread, MicrophoneButton, ParticipantItem, ParticipantList, ParticipantsButton, ScreenShareButton, SendBox, StreamMedia, TypingIndicator, VideoGallery, VideoTile, COMPONENT_LOCALE_EN_GB, COMPONENT_LOCALE_AR_SA, COMPONENT_LOCALE_CS_CZ, COMPONENT_LOCALE_DE_DE, COMPONENT_LOCALE_ES_ES, COMPONENT_LOCALE_FI_FI, COMPONENT_LOCALE_FR_FR, COMPONENT_LOCALE_HE_IL, COMPONENT_LOCALE_IT_IT, COMPONENT_LOCALE_JA_JP, COMPONENT_LOCALE_KO_KR, COMPONENT_LOCALE_NB_NO, COMPONENT_LOCALE_NL_NL, COMPONENT_LOCALE_PL_PL, COMPONENT_LOCALE_PT_BR, COMPONENT_LOCALE_RU_RU, COMPONENT_LOCALE_SV_SE, COMPONENT_LOCALE_TR_TR, COMPONENT_LOCALE_ZH_CN, COMPONENT_LOCALE_ZH_TW } from '../../react-components/src';\n/ @conditional-compile-remove(image-overlay) /\nexport { ImageOverlay } from '../../react-components/src';\n/ @conditional-compile-remove(raise-hand) /\nexport { RaiseHandButton } from '../../react-components/src';\n\n/ @conditional-compile-remove(dialpad) / / @conditional-compile-remove(PSTN-calls) /\nexport { Dialpad } from '../../react-components/src';\nexport type { _IdentifierProviderProps, _Identifiers, ActiveErrorMessage, BaseCustomStyles, CallParticipantListParticipant, CameraButtonContextualMenuStyles, CameraButtonProps, CameraButtonStrings, CameraButtonStyles, ChatMessage, CommunicationParticipant, ComponentLocale, ComponentSlotStyle, ComponentStrings, ContentSystemMessage, ControlBarButtonProps, ControlBarButtonStrings, ControlBarButtonStyles, ControlBarLayout, ControlBarProps, CreateVideoStreamViewResult, CustomAvatarOptions, CustomMessage, DevicesButtonContextualMenuStyles, DevicesButtonProps, DevicesButtonStrings, DevicesButtonStyles, EndCallButtonProps, EndCallButtonStrings, ErrorBarProps, ErrorBarStrings, ErrorType, GridLayoutProps, GridLayoutStyles, HorizontalGalleryStyles, JumpToNewMessageButtonProps, LocalizationProviderProps, LocalVideoCameraCycleButtonProps, LoadingState, Message, MessageAttachedStatus, MessageCommon, MessageContentType, MessageProps, MessageRenderer, MessageStatusIndicatorProps, MessageStatusIndicatorStrings, MessageThreadProps, MessageThreadStrings, MessageThreadStyles, MicrophoneButtonContextualMenuStyles, MicrophoneButtonProps, MicrophoneButtonStrings, MicrophoneButtonStyles, OnRenderAvatarCallback, OptionsDevice, ParticipantAddedSystemMessage, ParticipantItemProps, ParticipantItemStrings, ParticipantItemStyles, ParticipantListItemStyles, ParticipantListParticipant, ParticipantListProps, ParticipantListStyles, ParticipantMenuItemsCallback, ParticipantRemovedSystemMessage, ParticipantState, ParticipantsButtonContextualMenuStyles, ParticipantsButtonProps, ParticipantsButtonStrings, ParticipantsButtonStyles, ReadReceiptsBySenderId, ScreenShareButtonProps, ScreenShareButtonStrings, SendBoxProps, SendBoxStrings, SendBoxStylesProps, StreamMediaProps, SystemMessage, SystemMessageCommon, TopicUpdatedSystemMessage, TypingIndicatorProps, TypingIndicatorStrings, TypingIndicatorStylesProps, UpdateMessageCallback, CancelEditCallback, VideoGalleryLayout, VideoGalleryLocalParticipant, VideoGalleryParticipant, VideoGalleryProps, VideoGalleryRemoteParticipant, VideoGalleryStream, VideoGalleryStrings, VideoGalleryStyles, VideoStreamOptions, VideoTileProps, VideoTileStylesProps, ViewScalingMode, VideoTileContextualMenuProps, VideoTileDrawerMenuProps } from '../../react-components/src';\n/ @conditional-compile-remove(raise-hand) /\nexport type { RaiseHandButtonProps, RaiseHandButtonStrings, RaisedHand } from '../../react-components/src';\n/ @conditional-compile-remove(image-overlay) /\nexport type { ImageOverlayProps, ImageOverlayStrings } from '../../react-components/src';\n/ @conditional-compile-remove(dialpad) / / @conditional-compile-remove(PSTN-calls) /\nexport type { DialpadMode, DialpadProps, DialpadStrings, DialpadStyles, DtmfTone, LongPressTrigger } from '../../react-components/src';\n/ @conditional-compile-remove(teams-inline-images-and-file-sharing) /\nexport type { ChatAttachmentType } from '../../react-components/src';\n/ @conditional-compile-remove(image-overlay) /\nexport type { InlineImageOptions, InlineImage } from '../../react-components/src';\n/ @conditional-compile-remove(vertical-gallery) /\nexport type { OverflowGalleryPosition } from '../../react-components/src';\n/ @conditional-compile-remove(click-to-call) / / @conditional-compile-remove(rooms) /\nexport type { LocalVideoTileSize } from '../../react-components/src';\nexport from '../../react-components/src/localization/locales';\nexport * from '../../react-components/src/theming';\nexport * from '../../calling-stateful-client/src/index-public';\nexport { createStatefulChatClient } from '../../chat-stateful-client/src';\nexport type { StatefulChatClient, StatefulChatClientArgs, StatefulChatClientOptions, ChatMessageWithStatus, ChatClientState, ChatError, ChatErrors, ChatThreadClientState, ChatThreadProperties, ChatErrorTarget } from '../../chat-stateful-client/src';\n\n/* @conditional-compile-remove(teams-inline-images-and-file-sharing) /\nexport type { ResourceFetchResult } from '../../chat-stateful-client/src';\nexport from '../../react-composites/src/index-public';\nexport * from './mergedHooks';\n/* @conditional-compile-remove(vertical-gallery) /\nexport type { VerticalGalleryStyles, VerticalGalleryStrings, VerticalGalleryControlBarStyles } from '../../react-components/src';\n/ @conditional-compile-remove(close-captions) */\nexport type { SpokenLanguageStrings, CaptionLanguageStrings } from '../../react-components/src';"]}
1	+ {"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/index.ts"],"names":[],"mappings":"AAAA,uCAAuC;AACvC,kCAAkC;AAElC;;;;;;;;;;;;;;;GAeG;AAEH,OAAO,EAAE,+BAA+B,EAAE,6BAA6B,EAAE,MAAM,yBAAyB,CAAC;AAkCzG,OAAO,EACL,kBAAkB,EAClB,iBAAiB,EACjB,YAAY,EACZ,aAAa,EACb,YAAY,EACZ,OAAO,EACP,gBAAgB,EAChB,kBAAkB,EAClB,4BAA4B,EAC7B,MAAM,sCAAsC,CAAC;AAE9C,yDAAyD;AACzD,OAAO,EACL,iBAAiB,EACjB,YAAY,EACZ,iCAAiC,EAClC,MAAM,sCAAsC,CAAC;AAsB9C,OAAO,EACL,kBAAkB,EAClB,wBAAwB,EACxB,aAAa,EACb,mBAAmB,EACnB,eAAe,EACf,yBAAyB,EAC1B,MAAM,mCAAmC,CAAC;AAU3C,OAAO,EACL,mBAAmB,EACnB,YAAY,EACZ,UAAU,EACV,gBAAgB,EAChB,aAAa,EACb,aAAa,EACb,QAAQ,EACR,UAAU,EACV,oBAAoB,EACpB,sBAAsB,EACtB,aAAa,EACb,gBAAgB,EAChB,eAAe,EACf,eAAe,EACf,kBAAkB,EAClB,iBAAiB,EACjB,OAAO,EACP,WAAW,EACX,eAAe,EACf,YAAY,EACZ,SAAS,EACT,sBAAsB,EACtB,sBAAsB,EACtB,sBAAsB,EACtB,sBAAsB,EACtB,sBAAsB,EACtB,sBAAsB,EACtB,sBAAsB,EACtB,sBAAsB,EACtB,sBAAsB,EACtB,sBAAsB,EACtB,sBAAsB,EACtB,sBAAsB,EACtB,sBAAsB,EACtB,sBAAsB,EACtB,sBAAsB,EACtB,sBAAsB,EACtB,sBAAsB,EACtB,sBAAsB,EACtB,sBAAsB,EACtB,sBAAsB,EACvB,MAAM,4BAA4B,CAAC;AACpC,OAAO,EAAE,YAAY,EAAE,MAAM,4BAA4B,CAAC;AAC1D,6CAA6C;AAC7C,OAAO,EAAE,UAAU,EAAE,MAAM,4BAA4B,CAAC;AAExD,OAAO,EAAE,eAAe,EAAE,MAAM,4BAA4B,CAAC;AAE7D,OAAO,EAAE,OAAO,EAAE,MAAM,4BAA4B,CAAC;AAErD,iDAAiD;AACjD,OAAO,EACL,kCAAkC,EAClC,yBAAyB,EACzB,qBAAqB,EACtB,MAAM,4BAA4B,CAAC;AA0IpC,mDAAmD;AACnD,OAAO,EAAE,eAAe,EAAE,MAAM,4BAA4B,CAAC;AAuC7D,cAAc,iDAAiD,CAAC;AAChE,cAAc,oCAAoC,CAAC;AACnD,cAAc,gDAAgD,CAAC;AAG/D,OAAO,EAAE,wBAAwB,EAAE,MAAM,gCAAgC,CAAC;AAe1E,cAAc,yCAAyC,CAAC;AACxD,cAAc,eAAe,CAAC;AAE9B,sDAAsD;AACtD,OAAO,EAAE,kBAAkB,EAAE,MAAM,4BAA4B,CAAC;AAGhE,sDAAsD;AACtD,OAAO,EAAE,yBAAyB,EAAE,MAAM,4BAA4B,CAAC;AAGvE,sDAAsD;AACtD,OAAO,EAAE,0BAA0B,EAAE,MAAM,4BAA4B,CAAC","sourcesContent":["// Copyright (c) Microsoft Corporation.\n// Licensed under the MIT License.\n\n/*\n `@azure/communication-react` is an npm package that exports the functionality of the Azure Communication Services - UI Library.\n \n This package makes it easy for you to build modern communications user experiences using Azure Communication Services. It gives you a library of production-ready UI components that you can drop into your applications:\n * - Composites: These components are turn-key solutions that implement common communication scenarios. You can quickly add video calling or chat experiences to your applications. Composites are open-source higher order components built using UI components.\n * - UI Components - These components are open-source building blocks that let you build custom communications experience. Components are offered for both calling and chat capabilities that can be combined to build experiences.\n \n These UI client libraries all use Microsoft's Fluent design language and assets. Fluent UI provides a foundational layer for the UI Library and is actively used across Microsoft products.\n \n In conjunction with the UI components, the UI Library exposes a stateful client library for calling and chat. This client is agnostic to any specific state management framework and can be integrated with common state managers like Redux or React Context.\n * This stateful client library can be used with the UI Components to pass props and methods for the UI Components to render data. For more information, see Stateful Client Overview.\n \n For more information visit: https://aka.ms/acsstorybook\n \n @packageDocumentation\n /\n\nexport { fromFlatCommunicationIdentifier, toFlatCommunicationIdentifier } from '../../acs-ui-common/src';\nexport type {\n AreEqual,\n CommonProperties,\n MessageStatus,\n Common,\n AreTypeEqual,\n AreParamEqual\n} from '../../acs-ui-common/src';\n\n// Not to export chat/calling specific hook from binding package\nexport type {\n CallClientProviderProps,\n CallAgentProviderProps,\n CallProviderProps,\n GetCallingSelector,\n CallingHandlers,\n CallingBaseSelectorProps,\n CommonCallingHandlers\n} from '../../calling-component-bindings/src';\n\nexport type { VideoBackgroundEffectsDependency, CallingHandlersOptions } from '../../calling-component-bindings/src';\n\n/ @conditional-compile-remove(close-captions) /\nexport type { CaptionsOptions } from '../../calling-component-bindings/src';\n\nexport type {\n ChatClientProviderProps,\n ChatThreadClientProviderProps,\n GetChatSelector,\n ChatHandlers,\n ChatBaseSelectorProps\n} from '../../chat-component-bindings/src';\n\nexport {\n CallClientProvider,\n CallAgentProvider,\n CallProvider,\n useCallClient,\n useCallAgent,\n useCall,\n useDeviceManager,\n getCallingSelector,\n createDefaultCallingHandlers\n} from '../../calling-component-bindings/src';\n\n/ @conditional-compile-remove(teams-identity-support) /\nexport {\n useTeamsCallAgent,\n useTeamsCall,\n createDefaultTeamsCallingHandlers\n} from '../../calling-component-bindings/src';\n\n/ @conditional-compile-remove(teams-identity-support) /\nexport type { TeamsCallingHandlers } from '../../calling-component-bindings/src';\n\nexport type {\n ScreenShareButtonSelector,\n CameraButtonSelector,\n VideoGallerySelector,\n DevicesButtonSelector,\n EmptySelector,\n ErrorBarSelector as CallErrorBarSelector,\n ParticipantListSelector,\n MicrophoneButtonSelector,\n ParticipantsButtonSelector,\n CreateDefaultCallingHandlers\n} from '../../calling-component-bindings/src';\n/ @conditional-compile-remove(PSTN-calls) /\nexport type { HoldButtonSelector } from '../../calling-component-bindings/src';\n\nexport type { RaiseHandButtonSelector } from '../../calling-component-bindings/src';\n\nexport {\n ChatClientProvider,\n ChatThreadClientProvider,\n useChatClient,\n useChatThreadClient,\n getChatSelector,\n createDefaultChatHandlers\n} from '../../chat-component-bindings/src';\n\nexport type {\n MessageThreadSelector,\n TypingIndicatorSelector,\n ChatParticipantListSelector,\n SendBoxSelector,\n ErrorBarSelector as ChatErrorBarSelector\n} from '../../chat-component-bindings/src';\n\nexport {\n _IdentifierProvider,\n CameraButton,\n ControlBar,\n ControlBarButton,\n DevicesButton,\n EndCallButton,\n ErrorBar,\n GridLayout,\n LocalizationProvider,\n MessageStatusIndicator,\n MessageThread,\n MicrophoneButton,\n ParticipantItem,\n ParticipantList,\n ParticipantsButton,\n ScreenShareButton,\n SendBox,\n StreamMedia,\n TypingIndicator,\n VideoGallery,\n VideoTile,\n COMPONENT_LOCALE_EN_GB,\n COMPONENT_LOCALE_AR_SA,\n COMPONENT_LOCALE_CS_CZ,\n COMPONENT_LOCALE_DE_DE,\n COMPONENT_LOCALE_ES_ES,\n COMPONENT_LOCALE_FI_FI,\n COMPONENT_LOCALE_FR_FR,\n COMPONENT_LOCALE_HE_IL,\n COMPONENT_LOCALE_IT_IT,\n COMPONENT_LOCALE_JA_JP,\n COMPONENT_LOCALE_KO_KR,\n COMPONENT_LOCALE_NB_NO,\n COMPONENT_LOCALE_NL_NL,\n COMPONENT_LOCALE_PL_PL,\n COMPONENT_LOCALE_PT_BR,\n COMPONENT_LOCALE_RU_RU,\n COMPONENT_LOCALE_SV_SE,\n COMPONENT_LOCALE_TR_TR,\n COMPONENT_LOCALE_ZH_CN,\n COMPONENT_LOCALE_ZH_TW\n} from '../../react-components/src';\nexport { ImageOverlay } from '../../react-components/src';\n/ @conditional-compile-remove(PSTN-calls) /\nexport { HoldButton } from '../../react-components/src';\n\nexport { RaiseHandButton } from '../../react-components/src';\n\nexport { Dialpad } from '../../react-components/src';\n\n/ @conditional-compile-remove(call-readiness) /\nexport {\n CameraAndMicrophoneSitePermissions,\n MicrophoneSitePermissions,\n CameraSitePermissions\n} from '../../react-components/src';\n/ @conditional-compile-remove(call-readiness) /\nexport type {\n CameraAndMicrophoneSitePermissionsStrings,\n CameraAndMicrophoneSitePermissionsProps,\n CameraSitePermissionsStrings,\n CameraSitePermissionsProps,\n CommonSitePermissionsProps,\n SitePermissionsStrings,\n SitePermissionsStyles,\n MicrophoneSitePermissionsStrings,\n MicrophoneSitePermissionsProps\n} from '../../react-components/src';\n\n/ @conditional-compile-remove(total-participant-count) /\nexport type { ParticipantListStrings } from '../../react-components/src';\n\n/ @conditional-compile-remove(mention) /\nexport type {\n MentionOptions,\n MentionDisplayOptions,\n MentionLookupOptions,\n Mention,\n MentionPopoverStrings\n} from '../../react-components/src';\n\nexport type {\n _IdentifierProviderProps,\n _Identifiers,\n ActiveErrorMessage,\n BaseCustomStyles,\n CallParticipantListParticipant,\n CameraButtonContextualMenuStyles,\n CameraButtonProps,\n CameraButtonStrings,\n CameraButtonStyles,\n ChatMessage,\n CommunicationParticipant,\n ComponentLocale,\n ComponentSlotStyle,\n ComponentStrings,\n ContentSystemMessage,\n ControlBarButtonProps,\n ControlBarButtonStrings,\n ControlBarButtonStyles,\n ControlBarLayout,\n ControlBarProps,\n CreateVideoStreamViewResult,\n CustomAvatarOptions,\n CustomMessage,\n DevicesButtonContextualMenuStyles,\n DevicesButtonProps,\n DevicesButtonStrings,\n DevicesButtonStyles,\n EndCallButtonProps,\n EndCallButtonStrings,\n ErrorBarProps,\n ErrorBarStrings,\n ErrorType,\n GridLayoutProps,\n GridLayoutStyles,\n HorizontalGalleryStyles,\n JumpToNewMessageButtonProps,\n LocalizationProviderProps,\n LocalVideoCameraCycleButtonProps,\n LoadingState,\n Message,\n MessageAttachedStatus,\n MessageCommon,\n MessageContentType,\n MessageProps,\n MessageRenderer,\n MessageStatusIndicatorProps,\n MessageStatusIndicatorStrings,\n MessageThreadProps,\n MessageThreadStrings,\n MessageThreadStyles,\n MicrophoneButtonContextualMenuStyles,\n MicrophoneButtonProps,\n MicrophoneButtonStrings,\n MicrophoneButtonStyles,\n OnRenderAvatarCallback,\n OptionsDevice,\n ParticipantAddedSystemMessage,\n ParticipantItemProps,\n ParticipantItemStrings,\n ParticipantItemStyles,\n ParticipantListItemStyles,\n ParticipantListParticipant,\n ParticipantListProps,\n ParticipantListStyles,\n ParticipantMenuItemsCallback,\n ParticipantRemovedSystemMessage,\n ParticipantState,\n ParticipantsButtonContextualMenuStyles,\n ParticipantsButtonProps,\n ParticipantsButtonStrings,\n ParticipantsButtonStyles,\n ReadReceiptsBySenderId,\n ScreenShareButtonProps,\n ScreenShareButtonStrings,\n SendBoxProps,\n SendBoxStrings,\n SendBoxStylesProps,\n StreamMediaProps,\n SystemMessage,\n SystemMessageCommon,\n TopicUpdatedSystemMessage,\n TypingIndicatorProps,\n TypingIndicatorStrings,\n TypingIndicatorStylesProps,\n UpdateMessageCallback,\n CancelEditCallback,\n VideoGalleryLayout,\n VideoGalleryLocalParticipant,\n VideoGalleryParticipant,\n VideoGalleryProps,\n VideoGalleryRemoteParticipant,\n VideoGalleryStream,\n VideoGalleryStrings,\n VideoGalleryStyles,\n VideoStreamOptions,\n VideoTileProps,\n VideoTileStylesProps,\n ViewScalingMode,\n VideoTileContextualMenuProps,\n VideoTileDrawerMenuProps\n} from '../../react-components/src';\n\nexport type { RaiseHandButtonProps, RaiseHandButtonStrings, RaisedHand } from '../../react-components/src';\n/ @conditional-compile-remove(reaction) /\nexport type {\n ReactionButtonStrings,\n Reaction,\n ReactionButtonProps,\n ReactionResources,\n ReactionSprite\n} from '../../react-components/src';\n/ @conditional-compile-remove(rich-text-editor) /\nexport { RichTextSendBox } from '../../react-components/src';\n/ @conditional-compile-remove(rich-text-editor) /\nexport type { RichTextSendBoxProps, RichTextSendBoxStrings } from '../../react-components/src';\n/ @conditional-compile-remove(spotlight) /\nexport type { Spotlight } from '../../react-components/src';\nexport type { ImageOverlayProps, ImageOverlayStrings } from '../../react-components/src';\n/ @conditional-compile-remove(data-loss-prevention) /\nexport type { BlockedMessage } from '../../react-components/src';\nexport type {\n DialpadMode,\n DialpadProps,\n DialpadStrings,\n DialpadStyles,\n DtmfTone,\n LongPressTrigger\n} from '../../react-components/src';\n/ @conditional-compile-remove(file-sharing) /\nexport type {\n ActiveFileUpload,\n SendBoxErrorBarError,\n FileDownloadHandler,\n FileDownloadError\n} from '../../react-components/src';\n/ @conditional-compile-remove(file-sharing) /\nexport type { AttachmentMetadata } from '../../react-components/src';\nexport type { ChatAttachmentType } from '../../react-components/src';\nexport type { InlineImageOptions, InlineImage } from '../../react-components/src';\n/ @conditional-compile-remove(PSTN-calls) /\nexport type { HoldButtonProps, HoldButtonStrings, VideoTileStrings } from '../../react-components/src';\n/ @conditional-compile-remove(call-readiness) /\nexport type { BrowserPermissionDeniedStrings, BrowserPermissionDeniedProps } from '../../react-components/src';\n/ @conditional-compile-remove(call-readiness) /\nexport type {\n BrowserPermissionDeniedIOSStrings,\n BrowserPermissionDeniedStyles,\n BrowserPermissionDeniedIOSProps\n} from '../../react-components/src';\nexport type { OverflowGalleryPosition } from '../../react-components/src';\nexport type { LocalVideoTileSize } from '../../react-components/src';\nexport from '../../react-components/src/localization/locales';\nexport * from '../../react-components/src/theming';\nexport * from '../../calling-stateful-client/src/index-public';\n/* @conditional-compile-remove(one-to-n-calling) /\nexport type { DeclarativeCallAgent } from '../../calling-stateful-client/src';\nexport { createStatefulChatClient } from '../../chat-stateful-client/src';\nexport type {\n StatefulChatClient,\n StatefulChatClientArgs,\n StatefulChatClientOptions,\n ChatMessageWithStatus,\n ChatClientState,\n ChatError,\n ChatErrors,\n ChatThreadClientState,\n ChatThreadProperties,\n ChatErrorTarget\n} from '../../chat-stateful-client/src';\n\nexport type { ResourceFetchResult } from '../../chat-stateful-client/src';\nexport from '../../react-composites/src/index-public';\nexport * from './mergedHooks';\n\n/* @conditional-compile-remove(unsupported-browser) /\nexport { UnsupportedBrowser } from '../../react-components/src';\n/ @conditional-compile-remove(unsupported-browser) /\nexport type { UnsupportedBrowserStrings, UnsupportedBrowserProps } from '../../react-components/src';\n/ @conditional-compile-remove(unsupported-browser) /\nexport { UnsupportedBrowserVersion } from '../../react-components/src';\n/ @conditional-compile-remove(unsupported-browser) /\nexport type { UnsupportedBrowserVersionStrings, UnsupportedBrowserVersionProps } from '../../react-components/src';\n/ @conditional-compile-remove(unsupported-browser) /\nexport { UnsupportedOperatingSystem } from '../../react-components/src';\n/ @conditional-compile-remove(unsupported-browser) /\nexport type { UnsupportedOperatingSystemStrings, UnsupportedOperatingSystemProps } from '../../react-components/src';\nexport type {\n VerticalGalleryStyles,\n VerticalGalleryStrings,\n VerticalGalleryControlBarStyles\n} from '../../react-components/src';\n/ @conditional-compile-remove(close-captions) /\nexport type { SpokenLanguageStrings, CaptionLanguageStrings } from '../../react-components/src';\n/ @conditional-compile-remove(end-of-call-survey) /\nexport type { SurveyIssues } from '../../react-components/src';\n/ @conditional-compile-remove(end-of-call-survey) /\nexport type { SurveyIssuesHeadingStrings } from '../../react-components/src';\n/ @conditional-compile-remove(end-of-call-survey) */\nexport type { CallSurveyImprovementSuggestions } from '../../react-components/src';\n"]}

package/dist/dist-esm/communication-react/src/mergedHooks.d.ts CHANGED Viewed

@@ -25,7 +25,7 @@ export type Selector = (state: ClientState, props: any) => any;
  *
  * @public
  */
-export declare const useSelector: <ParamT extends Selector | undefined>(selector: ParamT, selectorProps?: (ParamT extends Selector ? Parameters<ParamT>[1] : undefined) | undefined, type?: 'calling' | 'chat') => ParamT extends Selector ? ReturnType<ParamT> : undefined;
+export declare const useSelector: <ParamT extends Selector | undefined>(selector: ParamT, selectorProps?: ParamT extends Selector ? Parameters<ParamT>[1] : undefined, type?: 'calling' | 'chat') => ParamT extends Selector ? ReturnType<ParamT> : undefined;
 /**
  * Helper type for {@link usePropsFor}.
  *

package/dist/dist-esm/communication-react/src/mergedHooks.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"mergedHooks.js","sourceRoot":"","sources":["../../../../~~preprocess-dist/communication-react/~~src/mergedHooks.ts"],"names":[],"mappings":"AAAA,uCAAuC;AACvC,kCAAkC;AAClC,OAAO,~~EAAmB~~,kBAAkB,~~EAAsB~~,kBAAkB,~~EAAE~~,kBAAkB,~~EAAE~~,6CAA6C;~~AACvJ~~,OAAO,~~EAAgB~~,eAAe,~~EAAmB~~,eAAe,~~EAAE~~,eAAe,~~EAAE~~,0CAA0C;~~AAoBrI~~;;;;;;;GAOG;AACH,MAAM,CAAC,MAAM,WAAW,GAAG,~~CAAuC~~,QAAgB,~~EAAE~~,aAA2E,~~EAAE~~,IAAyB,~~EAA4D~~,EAAE;~~IACtP~~,oEAAoE;IACpE,8DAA8D;IAC9D,+DAA+D;IAC/D,MAAM,WAAW,GAAG,CAAC,IAAI,IAAI,IAAI,KAAK,SAAS,CAAC;IAChD,MAAM,QAAQ,GAAG,CAAC,IAAI,IAAI,IAAI,KAAK,MAAM,CAAC;IAC1C,MAAM,SAAS,GAAG,kBAAkB,CAAC,WAAW,CAAC,CAAC,CAAE,QAAgB,CAAC,CAAC,CAAC,SAAS,EAAE,aAAa,CAAC,CAAC;IACjG,MAAM,SAAS,GAAG,eAAe,CAAC,QAAQ,CAAC,CAAC,CAAE,QAAgB,CAAC,CAAC,CAAC,SAAS,EAAE,aAAa,CAAC,CAAC;IAC3F,OAAO,SAAS,aAAT,SAAS,cAAT,SAAS,GAAI,SAAS,CAAC;AAChC,CAAC,CAAC;~~AAuBF~~;;;;;;;;;;;;;;;;;;;;;;;GAuBG;AACH,MAAM,CAAC,MAAM,WAAW,GAAG,~~CAAiD~~,SAAoB,~~EAAE~~,IAAyB,~~EAA6B~~,EAAE;~~IACxJ~~,MAAM,eAAe,GAAG,IAAI,KAAK,SAAS,IAAI,CAAC,IAAI,CAAC,CAAC,CAAC,kBAAkB,CAAC,SAAS,CAAC,CAAC,CAAC,CAAC,SAAS,CAAC;IAChG,MAAM,YAAY,GAAG,IAAI,KAAK,MAAM,IAAI,CAAC,IAAI,CAAC,CAAC,CAAC,eAAe,CAAC,SAAS,CAAC,CAAC,CAAC,CAAC,SAAS,CAAC;IACvF,MAAM,SAAS,GAAG,kBAAkB,CAAC,eAAe,CAAC,CAAC;IACtD,MAAM,SAAS,GAAG,eAAe,CAAC,YAAY,CAAC,CAAC;IAChD,MAAM,eAAe,GAAG,kBAAkB,CAA2B,SAAS,CAAC,CAAC;IAChF,MAAM,YAAY,GAAG,eAAe,CAA2B,SAAS,CAAC,CAAC;~~IAC1E~~,IAAI,SAAS,EAAE,CAAC;QACd,IAAI,CAAC,YAAY,EAAE,CAAC;YAClB,MAAM,0DAA0D,CAAC;QACnE,CAAC;QACD,~~OAAQ~~,~~gCACH~~,SAAS,~~GACT~~,YAAY,~~CACR~~,CAAC;~~IACZ~~,CAAC;~~IACD~~,IAAI,SAAS,EAAE,CAAC;QACd,IAAI,CAAC,eAAe,EAAE,CAAC;YACrB,MAAM,qCAAqC,CAAC;QAC9C,CAAC;QACD,~~OAAQ~~,~~gCACH~~,SAAS,~~GACT~~,eAAe,~~CACX~~,CAAC;~~IACZ~~,CAAC;~~IACD~~,IAAI,CAAC,YAAY,IAAI,CAAC,eAAe,EAAE,CAAC;QACtC,MAAM,iJAAiJ,CAAC;IAC1J,CAAC;SAAM,CAAC;QACN,MAAM,oGAAoG,CAAC;IAC7G,CAAC;AACH,CAAC,CAAC","sourcesContent":["// Copyright (c) Microsoft Corporation.\n// Licensed under the MIT License.\nimport { CallingHandlers, getCallingSelector, GetCallingSelector, useCallingHandlers, useCallingSelector } from '@internal/calling-component-bindings';\nimport { ChatHandlers, getChatSelector, GetChatSelector, useChatHandlers, useChatSelector } from '@internal/chat-component-bindings';\nimport { ChatClientState } from '@internal/chat-stateful-client';\nimport { CallClientState } from '@internal/calling-stateful-client';\nimport { Common } from '@internal/acs-ui-common';\n\n/*\n Centralized state for {@link @azure/communication-calling#CallClient} or {@link @azure/communication-chat#ChatClient}.\n \n See also: {@link CallClientState}, {@link ChatClientState}.\n * @public\n /\nexport type ClientState = CallClientState & ChatClientState;\n\n/\n An optimized selector that refines {@link ClientState} updates into props for React Components in this library.\n \n @public\n /\nexport type Selector = (state: ClientState, props: any) => any;\n\n/\n Hook to obtain a selector for a specified component.\n \n Useful when implementing a custom component that utilizes the providers\n * exported from this library.\n \n @public\n /\nexport const useSelector = <ParamT extends Selector \| undefined,>(selector: ParamT, selectorProps?: ParamT extends Selector ? Parameters<ParamT>[1] : undefined, type?: 'calling' \| 'chat'): ParamT extends Selector ? ReturnType<ParamT> : undefined => {\n // Because of react hooks rules, hooks can't be conditionally called\n // We call both call and chat hooks and detect current context\n // Return undefined and skip execution when not in that context\n const callingMode = !type \|\| type === 'calling';\n const chatMode = !type \|\| type === 'chat';\n const callProps = useCallingSelector(callingMode ? (selector as any) : undefined, selectorProps);\n const chatProps = useChatSelector(chatMode ? (selector as any) : undefined, selectorProps);\n return callProps ?? chatProps;\n};\n\n/\n Helper type for {@link usePropsFor}.\n \n @public\n /\nexport 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;\n\n/\n Helper type for {@link usePropsFor}.\n \n @public\n /\nexport 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;\n\n/\n Helper type for {@link usePropsFor}.\n \n @public\n /\nexport type ComponentProps<Component extends (props: any) => JSX.Element> = ChatReturnProps<Component> extends never ? CallingReturnProps<Component> extends never ? undefined : CallingReturnProps<Component> : ChatReturnProps<Component>;\n\n/\n Primary hook to get all hooks necessary for a React Component from this library.\n \n To call this hook, the component requires to be wrapped under these providers:\n \n 1. For chat components: {@link ChatClientProvider} and {@link ChatThreadClientProvider}.\n \n 2. For calling components: {@link CallClientProvider}, {@link CallAgentProvider} and {@link CallAgentProvider}.\n \n Most straightforward usage of a components looks like:\n \n @example\n * ```\n * import { ParticipantList, usePropsFor } from '@azure/communication-react';\n \n const App = (): JSX.Element => {\n * // ... code to setup Providers ...\n \n return <ParticipantList {...usePropsFor(ParticipantList)}/>\n * }\n * ```\n \n @public\n */\nexport const usePropsFor = <Component extends (props: any) => JSX.Element,>(component: Component, type?: 'calling' \| 'chat'): ComponentProps<Component> => {\n const callingSelector = type === 'calling' \|\| !type ? getCallingSelector(component) : undefined;\n const chatSelector = type === 'chat' \|\| !type ? getChatSelector(component) : undefined;\n const callProps = useCallingSelector(callingSelector);\n const chatProps = useChatSelector(chatSelector);\n const callingHandlers = useCallingHandlers<Parameters<Component>[0]>(component);\n const chatHandlers = useChatHandlers<Parameters<Component>[0]>(component);\n if (chatProps) {\n if (!chatHandlers) {\n throw 'Please initialize chatClient and chatThreadClient first!';\n }\n return ({\n ...chatProps~~,\n~~ ...chatHandlers\n } as any);\n }\n if (callProps) {\n if (!callingHandlers) {\n throw 'Please initialize callClient first!';\n }\n return ({\n ...callProps~~,\n~~ ...callingHandlers\n } as any);\n }\n if (!chatSelector && !callingSelector) {\n throw \"Can't find corresponding selector for this component. Please check the supported components from Azure Communication UI Feature Component List.\";\n } else {\n throw 'Could not find props for this component, ensure the component is wrapped by appropriate providers.';\n }\n};"]}
1	+ {"version":3,"file":"mergedHooks.js","sourceRoot":"","sources":["../../../../src/mergedHooks.ts"],"names":[],"mappings":"AAAA,uCAAuC;AACvC,kCAAkC;AAClC,OAAO,EAEL,kBAAkB,EAElB,kBAAkB,EAClB,kBAAkB,EACnB,6CAA6C;AAC9C,OAAO,EAEL,eAAe,EAEf,eAAe,EACf,eAAe,EAChB,0CAA0C;AAoB3C;;;;;;;GAOG;AACH,MAAM,CAAC,MAAM,WAAW,GAAG,CACzB,QAAgB,EAChB,aAA2E,EAC3E,IAAyB,EACiC,EAAE;IAC5D,oEAAoE;IACpE,8DAA8D;IAC9D,+DAA+D;IAC/D,MAAM,WAAW,GAAG,CAAC,IAAI,IAAI,IAAI,KAAK,SAAS,CAAC;IAChD,MAAM,QAAQ,GAAG,CAAC,IAAI,IAAI,IAAI,KAAK,MAAM,CAAC;IAC1C,MAAM,SAAS,GAAG,kBAAkB,CAAC,WAAW,CAAC,CAAC,CAAE,QAAgB,CAAC,CAAC,CAAC,SAAS,EAAE,aAAa,CAAC,CAAC;IACjG,MAAM,SAAS,GAAG,eAAe,CAAC,QAAQ,CAAC,CAAC,CAAE,QAAgB,CAAC,CAAC,CAAC,SAAS,EAAE,aAAa,CAAC,CAAC;IAC3F,OAAO,SAAS,aAAT,SAAS,cAAT,SAAS,GAAI,SAAS,CAAC;AAChC,CAAC,CAAC;AAqCF;;;;;;;;;;;;;;;;;;;;;;;GAuBG;AACH,MAAM,CAAC,MAAM,WAAW,GAAG,CACzB,SAAoB,EACpB,IAAyB,EACE,EAAE;IAC7B,MAAM,eAAe,GAAG,IAAI,KAAK,SAAS,IAAI,CAAC,IAAI,CAAC,CAAC,CAAC,kBAAkB,CAAC,SAAS,CAAC,CAAC,CAAC,CAAC,SAAS,CAAC;IAChG,MAAM,YAAY,GAAG,IAAI,KAAK,MAAM,IAAI,CAAC,IAAI,CAAC,CAAC,CAAC,eAAe,CAAC,SAAS,CAAC,CAAC,CAAC,CAAC,SAAS,CAAC;IACvF,MAAM,SAAS,GAAG,kBAAkB,CAAC,eAAe,CAAC,CAAC;IACtD,MAAM,SAAS,GAAG,eAAe,CAAC,YAAY,CAAC,CAAC;IAChD,MAAM,eAAe,GAAG,kBAAkB,CAA2B,SAAS,CAAC,CAAC;IAChF,MAAM,YAAY,GAAG,eAAe,CAA2B,SAAS,CAAC,CAAC;IAE1E,IAAI,SAAS,EAAE,CAAC;QACd,IAAI,CAAC,YAAY,EAAE,CAAC;YAClB,MAAM,0DAA0D,CAAC;QACnE,CAAC;QACD,OAAO,gCAAK,SAAS,GAAK,YAAY,CAAS,CAAC;IAClD,CAAC;IAED,IAAI,SAAS,EAAE,CAAC;QACd,IAAI,CAAC,eAAe,EAAE,CAAC;YACrB,MAAM,qCAAqC,CAAC;QAC9C,CAAC;QACD,OAAO,gCAAK,SAAS,GAAK,eAAe,CAAS,CAAC;IACrD,CAAC;IAED,IAAI,CAAC,YAAY,IAAI,CAAC,eAAe,EAAE,CAAC;QACtC,MAAM,iJAAiJ,CAAC;IAC1J,CAAC;SAAM,CAAC;QACN,MAAM,oGAAoG,CAAC;IAC7G,CAAC;AACH,CAAC,CAAC","sourcesContent":["// Copyright (c) Microsoft Corporation.\n// Licensed under the MIT License.\nimport {\n CallingHandlers,\n getCallingSelector,\n GetCallingSelector,\n useCallingHandlers,\n useCallingSelector\n} from '@internal/calling-component-bindings';\nimport {\n ChatHandlers,\n getChatSelector,\n GetChatSelector,\n useChatHandlers,\n useChatSelector\n} from '@internal/chat-component-bindings';\nimport { ChatClientState } from '@internal/chat-stateful-client';\nimport { CallClientState } from '@internal/calling-stateful-client';\nimport { Common } from '@internal/acs-ui-common';\n\n/*\n Centralized state for {@link @azure/communication-calling#CallClient} or {@link @azure/communication-chat#ChatClient}.\n \n See also: {@link CallClientState}, {@link ChatClientState}.\n * @public\n /\nexport type ClientState = CallClientState & ChatClientState;\n\n/\n An optimized selector that refines {@link ClientState} updates into props for React Components in this library.\n \n @public\n /\nexport type Selector = (state: ClientState, props: any) => any;\n\n/\n Hook to obtain a selector for a specified component.\n \n Useful when implementing a custom component that utilizes the providers\n * exported from this library.\n \n @public\n /\nexport const useSelector = <ParamT extends Selector \| undefined>(\n selector: ParamT,\n selectorProps?: ParamT extends Selector ? Parameters<ParamT>[1] : undefined,\n type?: 'calling' \| 'chat'\n): ParamT extends Selector ? ReturnType<ParamT> : undefined => {\n // Because of react hooks rules, hooks can't be conditionally called\n // We call both call and chat hooks and detect current context\n // Return undefined and skip execution when not in that context\n const callingMode = !type \|\| type === 'calling';\n const chatMode = !type \|\| type === 'chat';\n const callProps = useCallingSelector(callingMode ? (selector as any) : undefined, selectorProps);\n const chatProps = useChatSelector(chatMode ? (selector as any) : undefined, selectorProps);\n return callProps ?? chatProps;\n};\n\n/\n Helper type for {@link usePropsFor}.\n \n @public\n /\nexport type ChatReturnProps<Component extends (props: any) => JSX.Element> = GetChatSelector<Component> extends (\n state: ChatClientState,\n props: any\n) => any\n ? ReturnType<GetChatSelector<Component>> & Common<ChatHandlers, Parameters<Component>[0]>\n : never;\n\n/\n Helper type for {@link usePropsFor}.\n \n @public\n /\nexport type CallingReturnProps<Component extends (props: any) => JSX.Element> = GetCallingSelector<Component> extends (\n state: CallClientState,\n props: any\n) => any\n ? ReturnType<GetCallingSelector<Component>> & Common<CallingHandlers, Parameters<Component>[0]>\n : never;\n\n/\n Helper type for {@link usePropsFor}.\n \n @public\n /\nexport type ComponentProps<Component extends (props: any) => JSX.Element> = ChatReturnProps<Component> extends never\n ? CallingReturnProps<Component> extends never\n ? undefined\n : CallingReturnProps<Component>\n : ChatReturnProps<Component>;\n\n/\n Primary hook to get all hooks necessary for a React Component from this library.\n \n To call this hook, the component requires to be wrapped under these providers:\n \n 1. For chat components: {@link ChatClientProvider} and {@link ChatThreadClientProvider}.\n \n 2. For calling components: {@link CallClientProvider}, {@link CallAgentProvider} and {@link CallAgentProvider}.\n \n Most straightforward usage of a components looks like:\n \n @example\n * ```\n * import { ParticipantList, usePropsFor } from '@azure/communication-react';\n \n const App = (): JSX.Element => {\n * // ... code to setup Providers ...\n \n return <ParticipantList {...usePropsFor(ParticipantList)}/>\n * }\n * ```\n \n @public\n */\nexport const usePropsFor = <Component extends (props: any) => JSX.Element>(\n component: Component,\n type?: 'calling' \| 'chat'\n): ComponentProps<Component> => {\n const callingSelector = type === 'calling' \|\| !type ? getCallingSelector(component) : undefined;\n const chatSelector = type === 'chat' \|\| !type ? getChatSelector(component) : undefined;\n const callProps = useCallingSelector(callingSelector);\n const chatProps = useChatSelector(chatSelector);\n const callingHandlers = useCallingHandlers<Parameters<Component>[0]>(component);\n const chatHandlers = useChatHandlers<Parameters<Component>[0]>(component);\n\n if (chatProps) {\n if (!chatHandlers) {\n throw 'Please initialize chatClient and chatThreadClient first!';\n }\n return { ...chatProps, ...chatHandlers } as any;\n }\n\n if (callProps) {\n if (!callingHandlers) {\n throw 'Please initialize callClient first!';\n }\n return { ...callProps, ...callingHandlers } as any;\n }\n\n if (!chatSelector && !callingSelector) {\n throw \"Can't find corresponding selector for this component. Please check the supported components from Azure Communication UI Feature Component List.\";\n } else {\n throw 'Could not find props for this component, ensure the component is wrapped by appropriate providers.';\n }\n};\n"]}

package/dist/dist-esm/react-components/src/components/Announcer/Announcer.js CHANGED Viewed

@@ -4,10 +4,7 @@
 import React, { useEffect } from 'react';
 import MessageBlock from './MessageBlock';
 /** @private */
-export const EMPTY_MESSAGE = {
-    message: '',
-    id: ''
-};
+export const EMPTY_MESSAGE = { message: '', id: '' };
 /** @private */
 const Announcer = (props) => {
     var _a, _b;
@@ -37,11 +34,11 @@ const Announcer = (props) => {
             alternatePolite.current = !alternatePolite.current;
         }
     }, [newPolite]);
-    return React.createElement("div", null,
+    return (React.createElement("div", null,
         React.createElement(MessageBlock, { ariaLive: "assertive", message: activeAssertive1.message }),
         React.createElement(MessageBlock, { ariaLive: "assertive", message: activeAssertive2.message }),
         React.createElement(MessageBlock, { ariaLive: "polite", message: activePolite1.message }),
-        React.createElement(MessageBlock, { ariaLive: "polite", message: activePolite2.message }));
+        React.createElement(MessageBlock, { ariaLive: "polite", message: activePolite2.message })));
 };
 export default Announcer;
 //# sourceMappingURL=Announcer.js.map

package/dist/dist-esm/react-components/src/components/Announcer/Announcer.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"Announcer.js","sourceRoot":"","sources":["~~../../../../../../preprocess-dist/~~react-components/src/components/Announcer/Announcer.tsx"],"names":[],"mappings":"AAAA,uCAAuC;AACvC,kCAAkC;AAElC,qGAAqG;AAErG,OAAO,KAAK,EAAE,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AACzC,OAAO,YAAY,MAAM,gBAAgB,CAAC;AAc1C,eAAe;AACf,MAAM,CAAC,MAAM,aAAa,GAAG~~;IAC3B~~,OAAO,EAAE,EAAE~~;IACX~~,EAAE,EAAE,EAAE~~;CACP~~,CAAC;~~AAEF~~,eAAe;AACf,MAAM,SAAS,GAAG,CAAC,KAAqB,EAAe,EAAE;;IACvD,MAAM,YAAY,GAAG,MAAA,KAAK,CAAC,SAAS,mCAAI,aAAa,CAAC;IACtD,MAAM,YAAY,GAAG,KAAK,CAAC,MAAM,CAAsB,aAAa,CAAC,CAAC;IACtE,MAAM,CAAC,gBAAgB,EAAE,mBAAmB,CAAC,GAAG,KAAK,CAAC,QAAQ,CAAsB,aAAa,CAAC,CAAC;IACnG,MAAM,CAAC,gBAAgB,EAAE,mBAAmB,CAAC,GAAG,KAAK,CAAC,QAAQ,CAAsB,aAAa,CAAC,CAAC;IACnG,MAAM,kBAAkB,GAAG,KAAK,CAAC,MAAM,CAAC,KAAK,CAAC,CAAC;~~IAC~~/C,SAAS,CAAC,GAAG,EAAE;QACb,IAAI,YAAY,CAAC,OAAO,CAAC,OAAO,MAAK,YAAY,aAAZ,YAAY,uBAAZ,YAAY,CAAE,OAAO,CAAA,IAAI,YAAY,CAAC,OAAO,CAAC,EAAE,MAAK,YAAY,aAAZ,YAAY,uBAAZ,YAAY,CAAE,EAAE,CAAA,EAAE,CAAC;YAC3G,mBAAmB,CAAC,kBAAkB,CAAC,OAAO,CAAC,CAAC,CAAC,aAAa,CAAC,CAAC,CAAC,YAAY,CAAC,CAAC;YAC/E,mBAAmB,CAAC,kBAAkB,CAAC,OAAO,CAAC,CAAC,CAAC,YAAY,CAAC,CAAC,CAAC,aAAa,CAAC,CAAC;YAC/E,YAAY,CAAC,OAAO,GAAG,YAAY,CAAC;YACpC,kBAAkB,CAAC,OAAO,GAAG,CAAC,kBAAkB,CAAC,OAAO,CAAC;QAC3D,CAAC;IACH,CAAC,EAAE,CAAC,YAAY,CAAC,CAAC,CAAC;~~IACnB~~,MAAM,SAAS,GAAG,MAAA,KAAK,CAAC,MAAM,mCAAI,aAAa,CAAC;IAChD,MAAM,SAAS,GAAG,KAAK,CAAC,MAAM,CAAsB,aAAa,CAAC,CAAC;IACnE,MAAM,CAAC,aAAa,EAAE,gBAAgB,CAAC,GAAG,KAAK,CAAC,QAAQ,CAAsB,aAAa,CAAC,CAAC;IAC7F,MAAM,CAAC,aAAa,EAAE,gBAAgB,CAAC,GAAG,KAAK,CAAC,QAAQ,CAAsB,aAAa,CAAC,CAAC;IAC7F,MAAM,eAAe,GAAG,KAAK,CAAC,MAAM,CAAC,KAAK,CAAC,CAAC;~~IAC5C~~,SAAS,CAAC,GAAG,EAAE;QACb,IAAI,SAAS,CAAC,OAAO,CAAC,OAAO,MAAK,SAAS,aAAT,SAAS,uBAAT,SAAS,CAAE,OAAO,CAAA,IAAI,SAAS,CAAC,OAAO,CAAC,EAAE,MAAK,SAAS,aAAT,SAAS,uBAAT,SAAS,CAAE,EAAE,CAAA,EAAE,CAAC;YAC/F,gBAAgB,CAAC,eAAe,CAAC,OAAO,CAAC,CAAC,CAAC,aAAa,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC;YACtE,gBAAgB,CAAC,eAAe,CAAC,OAAO,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,aAAa,CAAC,CAAC;YACtE,SAAS,CAAC,OAAO,GAAG,SAAS,CAAC;YAC9B,eAAe,CAAC,OAAO,GAAG,CAAC,eAAe,CAAC,OAAO,CAAC;QACrD,CAAC;IACH,CAAC,EAAE,CAAC,SAAS,CAAC,CAAC,CAAC;~~IAChB~~,OAAO;~~QACH~~,oBAAC,YAAY,IAAC,QAAQ,EAAC,WAAW,EAAC,OAAO,EAAE,gBAAgB,CAAC,OAAO,GAAI;QACxE,oBAAC,YAAY,IAAC,QAAQ,EAAC,WAAW,EAAC,OAAO,EAAE,gBAAgB,CAAC,OAAO,GAAI;QACxE,oBAAC,YAAY,IAAC,QAAQ,EAAC,QAAQ,EAAC,OAAO,EAAE,aAAa,CAAC,OAAO,GAAI;QAClE,oBAAC,YAAY,IAAC,QAAQ,EAAC,QAAQ,EAAC,OAAO,EAAE,aAAa,CAAC,OAAO,GAAI,CAC9D,CAAC;~~AACX~~,CAAC,CAAC;~~AACF~~,eAAe,SAAS,CAAC","sourcesContent":["// Copyright (c) Microsoft Corporation.\n// Licensed under the MIT License.\n\n/// Adapted from: https://github.com/AlmeroSteyn/react-aria-live/blob/master/src/modules/Announcer.js\n\nimport React, { useEffect } from 'react';\nimport MessageBlock from './MessageBlock';\n\n/** @private /\nexport type AnnouncerMessageBag = {\n message: string;\n id: string;\n};\n\n/* @private /\nexport type AnnouncerProps = {\n polite?: AnnouncerMessageBag;\n assertive?: AnnouncerMessageBag;\n};\n\n/* @private /\nexport const EMPTY_MESSAGE = {\n message: ''~~,\n~~ id: ''\n};\n\n/* @private */\nconst Announcer = (props: AnnouncerProps): JSX.Element => {\n const newAssertive = props.assertive ?? EMPTY_MESSAGE;\n const oldAssertive = React.useRef<AnnouncerMessageBag>(EMPTY_MESSAGE);\n const [activeAssertive1, setActiveAssertive1] = React.useState<AnnouncerMessageBag>(EMPTY_MESSAGE);\n const [activeAssertive2, setActiveAssertive2] = React.useState<AnnouncerMessageBag>(EMPTY_MESSAGE);\n const alternateAssertive = React.useRef(false);\n useEffect(() => {\n if (oldAssertive.current.message !== newAssertive?.message \|\| oldAssertive.current.id !== newAssertive?.id) {\n setActiveAssertive1(alternateAssertive.current ? EMPTY_MESSAGE : newAssertive);\n setActiveAssertive2(alternateAssertive.current ? newAssertive : EMPTY_MESSAGE);\n oldAssertive.current = newAssertive;\n alternateAssertive.current = !alternateAssertive.current;\n }\n }, [newAssertive]);\n const newPolite = props.polite ?? EMPTY_MESSAGE;\n const oldPolite = React.useRef<AnnouncerMessageBag>(EMPTY_MESSAGE);\n const [activePolite1, setActivePolite1] = React.useState<AnnouncerMessageBag>(EMPTY_MESSAGE);\n const [activePolite2, setActivePolite2] = React.useState<AnnouncerMessageBag>(EMPTY_MESSAGE);\n const alternatePolite = React.useRef(false);\n useEffect(() => {\n if (oldPolite.current.message !== newPolite?.message \|\| oldPolite.current.id !== newPolite?.id) {\n setActivePolite1(alternatePolite.current ? EMPTY_MESSAGE : newPolite);\n setActivePolite2(alternatePolite.current ? newPolite : EMPTY_MESSAGE);\n oldPolite.current = newPolite;\n alternatePolite.current = !alternatePolite.current;\n }\n }, [newPolite]);\n return <div>\n <MessageBlock ariaLive=\"assertive\" message={activeAssertive1.message} />\n <MessageBlock ariaLive=\"assertive\" message={activeAssertive2.message} />\n <MessageBlock ariaLive=\"polite\" message={activePolite1.message} />\n <MessageBlock ariaLive=\"polite\" message={activePolite2.message} />\n </div~~>;\~~n};\nexport default Announcer;"]}
1	+ {"version":3,"file":"Announcer.js","sourceRoot":"","sources":["../../../../../../../react-components/src/components/Announcer/Announcer.tsx"],"names":[],"mappings":"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","sourcesContent":["// Copyright (c) Microsoft Corporation.\n// Licensed under the MIT License.\n\n/// Adapted from: https://github.com/AlmeroSteyn/react-aria-live/blob/master/src/modules/Announcer.js\n\nimport React, { useEffect } from 'react';\nimport MessageBlock from './MessageBlock';\n\n/** @private /\nexport type AnnouncerMessageBag = {\n message: string;\n id: string;\n};\n\n/* @private /\nexport type AnnouncerProps = {\n polite?: AnnouncerMessageBag;\n assertive?: AnnouncerMessageBag;\n};\n\n/* @private /\nexport const EMPTY_MESSAGE = { message: '', id: '' };\n\n/* @private */\nconst Announcer = (props: AnnouncerProps): JSX.Element => {\n const newAssertive = props.assertive ?? EMPTY_MESSAGE;\n const oldAssertive = React.useRef<AnnouncerMessageBag>(EMPTY_MESSAGE);\n const [activeAssertive1, setActiveAssertive1] = React.useState<AnnouncerMessageBag>(EMPTY_MESSAGE);\n const [activeAssertive2, setActiveAssertive2] = React.useState<AnnouncerMessageBag>(EMPTY_MESSAGE);\n const alternateAssertive = React.useRef(false);\n\n useEffect(() => {\n if (oldAssertive.current.message !== newAssertive?.message \|\| oldAssertive.current.id !== newAssertive?.id) {\n setActiveAssertive1(alternateAssertive.current ? EMPTY_MESSAGE : newAssertive);\n setActiveAssertive2(alternateAssertive.current ? newAssertive : EMPTY_MESSAGE);\n oldAssertive.current = newAssertive;\n alternateAssertive.current = !alternateAssertive.current;\n }\n }, [newAssertive]);\n\n const newPolite = props.polite ?? EMPTY_MESSAGE;\n const oldPolite = React.useRef<AnnouncerMessageBag>(EMPTY_MESSAGE);\n const [activePolite1, setActivePolite1] = React.useState<AnnouncerMessageBag>(EMPTY_MESSAGE);\n const [activePolite2, setActivePolite2] = React.useState<AnnouncerMessageBag>(EMPTY_MESSAGE);\n const alternatePolite = React.useRef(false);\n\n useEffect(() => {\n if (oldPolite.current.message !== newPolite?.message \|\| oldPolite.current.id !== newPolite?.id) {\n setActivePolite1(alternatePolite.current ? EMPTY_MESSAGE : newPolite);\n setActivePolite2(alternatePolite.current ? newPolite : EMPTY_MESSAGE);\n oldPolite.current = newPolite;\n alternatePolite.current = !alternatePolite.current;\n }\n }, [newPolite]);\n\n return (\n <div>\n <MessageBlock ariaLive=\"assertive\" message={activeAssertive1.message} />\n <MessageBlock ariaLive=\"assertive\" message={activeAssertive2.message} />\n <MessageBlock ariaLive=\"polite\" message={activePolite1.message} />\n <MessageBlock ariaLive=\"polite\" message={activePolite2.message} />\n </div>\n );\n};\n\nexport default Announcer;\n"]}

package/dist/dist-esm/react-components/src/components/Announcer/AnnouncerContext.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"AnnouncerContext.js","sourceRoot":"","sources":["~~../../../../../../preprocess-dist/~~react-components/src/components/Announcer/AnnouncerContext.ts"],"names":[],"mappings":"AAAA,uCAAuC;AACvC,kCAAkC;AAElC,4GAA4G;AAE5G,OAAO,KAAK,MAAM,OAAO,CAAC;AAQ1B,eAAe;AACf,MAAM,gBAAgB,GAAG,KAAK,CAAC,aAAa,CAAuB;IACjE,iBAAiB,EAAE,iBAAiB;IACpC,cAAc,EAAE,iBAAiB;CAClC,CAAC,CAAC;~~AACH~~,SAAS,iBAAiB;IACxB,OAAO,CAAC,IAAI,CAAC,uDAAuD,CAAC,CAAC;AACxE,CAAC;~~AACD~~,eAAe,gBAAgB,CAAC","sourcesContent":["// Copyright (c) Microsoft Corporation.\n// Licensed under the MIT License.\n\n/// Adapted from: https://github.com/AlmeroSteyn/react-aria-live/blob/master/src/modules/AnnouncerContext.js\n\nimport React from 'react';\n\n/** @private /\nexport type AnnouncerContextType = {\n announceAssertive: (message: string, id: string) => void;\n announcePolite: (message: string, id: string) => void;\n};\n\n/* @private */\nconst AnnouncerContext = React.createContext<AnnouncerContextType>({\n announceAssertive: logContextWarning,\n announcePolite: logContextWarning\n});\nfunction logContextWarning(): void {\n console.warn('Announcement failed, LiveAnnouncer context is missing');\n}\nexport default AnnouncerContext;"]}
1	+ {"version":3,"file":"AnnouncerContext.js","sourceRoot":"","sources":["../../../../../../../react-components/src/components/Announcer/AnnouncerContext.ts"],"names":[],"mappings":"AAAA,uCAAuC;AACvC,kCAAkC;AAElC,4GAA4G;AAE5G,OAAO,KAAK,MAAM,OAAO,CAAC;AAQ1B,eAAe;AACf,MAAM,gBAAgB,GAAG,KAAK,CAAC,aAAa,CAAuB;IACjE,iBAAiB,EAAE,iBAAiB;IACpC,cAAc,EAAE,iBAAiB;CAClC,CAAC,CAAC;AAEH,SAAS,iBAAiB;IACxB,OAAO,CAAC,IAAI,CAAC,uDAAuD,CAAC,CAAC;AACxE,CAAC;AAED,eAAe,gBAAgB,CAAC","sourcesContent":["// Copyright (c) Microsoft Corporation.\n// Licensed under the MIT License.\n\n/// Adapted from: https://github.com/AlmeroSteyn/react-aria-live/blob/master/src/modules/AnnouncerContext.js\n\nimport React from 'react';\n\n/** @private /\nexport type AnnouncerContextType = {\n announceAssertive: (message: string, id: string) => void;\n announcePolite: (message: string, id: string) => void;\n};\n\n/* @private */\nconst AnnouncerContext = React.createContext<AnnouncerContextType>({\n announceAssertive: logContextWarning,\n announcePolite: logContextWarning\n});\n\nfunction logContextWarning(): void {\n console.warn('Announcement failed, LiveAnnouncer context is missing');\n}\n\nexport default AnnouncerContext;\n"]}

package/dist/dist-esm/react-components/src/components/Announcer/AnnouncerMessage.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"AnnouncerMessage.js","sourceRoot":"","sources":["~~../../../../../../preprocess-dist/~~react-components/src/components/Announcer/AnnouncerMessage.tsx"],"names":[],"mappings":"AAAA,uCAAuC;AACvC,kCAAkC;AAElC,4GAA4G;AAE5G,OAAO,EAAE,WAAW,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAC/C,OAAO,EAAE,EAAE,IAAI,UAAU,EAAE,MAAM,MAAM,CAAC;AAExC,eAAe;AACf,MAAM,gBAAgB,GAAG,CAAC,KAMzB,EAAQ,EAAE;IACT,MAAM,~~EACJ~~,OAAO,~~EACP~~,QAAQ,~~EACR~~,cAAc,~~EACd~~,iBAAiB,~~EACjB~~,cAAc,~~EACf~~,GAAG,KAAK,CAAC;~~IACV~~,MAAM,QAAQ,GAAG,WAAW,CAAC,GAAG,EAAE;QAChC,IAAI,QAAQ,KAAK,WAAW,EAAE,CAAC;YAC7B,iBAAiB,CAAC,OAAO,IAAI,EAAE,EAAE,UAAU,EAAE,CAAC,CAAC;QACjD,CAAC;QACD,IAAI,QAAQ,KAAK,QAAQ,EAAE,CAAC;YAC1B,cAAc,CAAC,OAAO,IAAI,EAAE,EAAE,UAAU,EAAE,CAAC,CAAC;QAC9C,CAAC;IACH,CAAC,EAAE,CAAC,iBAAiB,EAAE,cAAc,EAAE,QAAQ,EAAE,OAAO,CAAC,CAAC,CAAC;~~IAC3D~~,SAAS,CAAC,GAAG,EAAE;QACb,QAAQ,EAAE,CAAC;QACX,OAAO,GAAG,EAAE;YACV,IAAI,cAAc,EAAE,CAAC;gBACnB,iBAAiB,CAAC,EAAE,EAAE,UAAU,EAAE,CAAC,CAAC;gBACpC,cAAc,CAAC,EAAE,EAAE,UAAU,EAAE,CAAC,CAAC;YACnC,CAAC;QACH,CAAC,CAAC;IACJ,CAAC,EAAE,CAAC,OAAO,EAAE,cAAc,EAAE,QAAQ,EAAE,iBAAiB,EAAE,cAAc,CAAC,CAAC,CAAC;~~IAC3E~~,OAAO,IAAI,CAAC;AACd,CAAC,CAAC;~~AACF~~,eAAe,gBAAgB,CAAC","sourcesContent":["// Copyright (c) Microsoft Corporation.\n// Licensed under the MIT License.\n\n/// Adapted from: https://github.com/AlmeroSteyn/react-aria-live/blob/master/src/modules/AnnouncerMessage.js\n\nimport { useCallback, useEffect } from 'react';\nimport { v1 as createGUID } from 'uuid';\n\n/** @private */\nconst AnnouncerMessage = (props: {\n message: string;\n ariaLive: string;\n clearOnUnmount?: boolean;\n announceAssertive: (message: string, id: string) => void;\n announcePolite: (message: string, id: string) => void;\n}): null => {\n const {\n message~~,\n~~ ariaLive~~,\n~~ clearOnUnmount~~,\n~~ announceAssertive~~,\n~~ announcePolite\n } = props;\n const announce = useCallback(() => {\n if (ariaLive === 'assertive') {\n announceAssertive(message \|\| '', createGUID());\n }\n if (ariaLive === 'polite') {\n announcePolite(message \|\| '', createGUID());\n }\n }, [announceAssertive, announcePolite, ariaLive, message]);\n useEffect(() => {\n announce();\n return () => {\n if (clearOnUnmount) {\n announceAssertive('', createGUID());\n announcePolite('', createGUID());\n }\n };\n }, [message, clearOnUnmount, announce, announceAssertive, announcePolite]);\n return null;\n};\nexport default AnnouncerMessage;"]}
1	+ {"version":3,"file":"AnnouncerMessage.js","sourceRoot":"","sources":["../../../../../../../react-components/src/components/Announcer/AnnouncerMessage.tsx"],"names":[],"mappings":"AAAA,uCAAuC;AACvC,kCAAkC;AAElC,4GAA4G;AAE5G,OAAO,EAAE,WAAW,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAC/C,OAAO,EAAE,EAAE,IAAI,UAAU,EAAE,MAAM,MAAM,CAAC;AAExC,eAAe;AACf,MAAM,gBAAgB,GAAG,CAAC,KAMzB,EAAQ,EAAE;IACT,MAAM,EAAE,OAAO,EAAE,QAAQ,EAAE,cAAc,EAAE,iBAAiB,EAAE,cAAc,EAAE,GAAG,KAAK,CAAC;IAEvF,MAAM,QAAQ,GAAG,WAAW,CAAC,GAAG,EAAE;QAChC,IAAI,QAAQ,KAAK,WAAW,EAAE,CAAC;YAC7B,iBAAiB,CAAC,OAAO,IAAI,EAAE,EAAE,UAAU,EAAE,CAAC,CAAC;QACjD,CAAC;QACD,IAAI,QAAQ,KAAK,QAAQ,EAAE,CAAC;YAC1B,cAAc,CAAC,OAAO,IAAI,EAAE,EAAE,UAAU,EAAE,CAAC,CAAC;QAC9C,CAAC;IACH,CAAC,EAAE,CAAC,iBAAiB,EAAE,cAAc,EAAE,QAAQ,EAAE,OAAO,CAAC,CAAC,CAAC;IAE3D,SAAS,CAAC,GAAG,EAAE;QACb,QAAQ,EAAE,CAAC;QACX,OAAO,GAAG,EAAE;YACV,IAAI,cAAc,EAAE,CAAC;gBACnB,iBAAiB,CAAC,EAAE,EAAE,UAAU,EAAE,CAAC,CAAC;gBACpC,cAAc,CAAC,EAAE,EAAE,UAAU,EAAE,CAAC,CAAC;YACnC,CAAC;QACH,CAAC,CAAC;IACJ,CAAC,EAAE,CAAC,OAAO,EAAE,cAAc,EAAE,QAAQ,EAAE,iBAAiB,EAAE,cAAc,CAAC,CAAC,CAAC;IAE3E,OAAO,IAAI,CAAC;AACd,CAAC,CAAC;AAEF,eAAe,gBAAgB,CAAC","sourcesContent":["// Copyright (c) Microsoft Corporation.\n// Licensed under the MIT License.\n\n/// Adapted from: https://github.com/AlmeroSteyn/react-aria-live/blob/master/src/modules/AnnouncerMessage.js\n\nimport { useCallback, useEffect } from 'react';\nimport { v1 as createGUID } from 'uuid';\n\n/** @private */\nconst AnnouncerMessage = (props: {\n message: string;\n ariaLive: string;\n clearOnUnmount?: boolean;\n announceAssertive: (message: string, id: string) => void;\n announcePolite: (message: string, id: string) => void;\n}): null => {\n const { message, ariaLive, clearOnUnmount, announceAssertive, announcePolite } = props;\n\n const announce = useCallback(() => {\n if (ariaLive === 'assertive') {\n announceAssertive(message \|\| '', createGUID());\n }\n if (ariaLive === 'polite') {\n announcePolite(message \|\| '', createGUID());\n }\n }, [announceAssertive, announcePolite, ariaLive, message]);\n\n useEffect(() => {\n announce();\n return () => {\n if (clearOnUnmount) {\n announceAssertive('', createGUID());\n announcePolite('', createGUID());\n }\n };\n }, [message, clearOnUnmount, announce, announceAssertive, announcePolite]);\n\n return null;\n};\n\nexport default AnnouncerMessage;\n"]}

package/dist/dist-esm/react-components/src/components/Announcer/LiveAnnouncer.js CHANGED Viewed

@@ -9,24 +9,18 @@ const LiveAnnouncer = (props) => {
     const [politeMessage, setPoliteMessage] = React.useState(EMPTY_MESSAGE);
     const [assertiveMessage, setAssertiveMessage] = React.useState(EMPTY_MESSAGE);
     const announcePolite = useCallback((message, id) => {
-        setPoliteMessage({
-            message,
-            id
-        });
+        setPoliteMessage({ message, id });
     }, []);
     const announceAssertive = useCallback((message, id) => {
-        setAssertiveMessage({
-            message,
-            id
-        });
+        setAssertiveMessage({ message, id });
     }, []);
     const updateFunctions = useMemo(() => ({
         announcePolite,
         announceAssertive
     }), [announceAssertive, announcePolite]);
-    return React.createElement(AnnouncerContext.Provider, { value: updateFunctions },
+    return (React.createElement(AnnouncerContext.Provider, { value: updateFunctions },
         props.children,
-        React.createElement(Announcer, { assertive: assertiveMessage, polite: politeMessage }));
+        React.createElement(Announcer, { assertive: assertiveMessage, polite: politeMessage })));
 };
 export default LiveAnnouncer;
 //# sourceMappingURL=LiveAnnouncer.js.map

package/dist/dist-esm/react-components/src/components/Announcer/LiveAnnouncer.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"LiveAnnouncer.js","sourceRoot":"","sources":["~~../../../../../../preprocess-dist/~~react-components/src/components/Announcer/LiveAnnouncer.tsx"],"names":[],"mappings":"AAAA,uCAAuC;AACvC,kCAAkC;AAElC,yGAAyG;AAEzG,OAAO,KAAK,EAAE,EAAE,WAAW,EAAE,OAAO,EAAE,MAAM,OAAO,CAAC;AACpD,OAAO,SAAS,EAAE,EAAuB,aAAa,EAAE,MAAM,aAAa,CAAC;AAC5E,OAAO,gBAAgB,MAAM,oBAAoB,CAAC;AAElD,eAAe;AACf,MAAM,aAAa,GAAG,CAAC,~~KAEtB~~,EAAe,EAAE;~~IAChB~~,MAAM,CAAC,aAAa,EAAE,gBAAgB,CAAC,GAAG,KAAK,CAAC,QAAQ,CAAsB,aAAa,CAAC,CAAC;IAC7F,MAAM,CAAC,gBAAgB,EAAE,mBAAmB,CAAC,GAAG,KAAK,CAAC,QAAQ,CAAsB,aAAa,CAAC,CAAC;~~IACnG~~,MAAM,cAAc,GAAG,WAAW,CAAC,CAAC,OAAe,EAAE,EAAU,EAAE,EAAE;QACjE,gBAAgB,CAAC~~;YACf~~,OAAO~~;YACP~~,EAAE~~;SACH~~,CAAC,CAAC;~~IACL~~,CAAC,EAAE,EAAE,CAAC,CAAC;~~IACP~~,MAAM,iBAAiB,GAAG,WAAW,CAAC,CAAC,OAAe,EAAE,EAAU,EAAE,EAAE;QACpE,mBAAmB,CAAC~~;YAClB~~,OAAO~~;YACP~~,EAAE~~;SACH~~,CAAC,CAAC;~~IACL~~,CAAC,EAAE,EAAE,CAAC,CAAC;~~IACP~~,MAAM,eAAe,GAAG,OAAO,~~CAAC~~,GAAG,EAAE,CAAC,CAAC;~~QACrC~~,cAAc;QACd,iBAAiB;KAClB,CAAC,~~EAAE~~,CAAC,iBAAiB,EAAE,cAAc,CAAC,~~CAAC~~,CAAC;~~IACzC~~,OAAO,oBAAC,gBAAgB,CAAC,QAAQ,IAAC,KAAK,EAAE,eAAe;~~QACnD~~,KAAK,CAAC,QAAQ;QACf,oBAAC,SAAS,IAAC,SAAS,EAAE,gBAAgB,EAAE,MAAM,EAAE,aAAa,GAAI,CACvC,CAAC;~~AACjC~~,CAAC,CAAC;~~AACF~~,eAAe,aAAa,CAAC","sourcesContent":["// Copyright (c) Microsoft Corporation.\n// Licensed under the MIT License.\n\n/// Adapted from: https://github.com/AlmeroSteyn/react-aria-live/blob/master/src/modules/LiveAnnouncer.js\n\nimport React, { useCallback, useMemo } from 'react';\nimport Announcer, { AnnouncerMessageBag, EMPTY_MESSAGE } from './Announcer';\nimport AnnouncerContext from './AnnouncerContext';\n\n/** @private */\nconst LiveAnnouncer = (props: {\n children: React.ReactChild~~;\n~~}): JSX.Element => {\n const [politeMessage, setPoliteMessage] = React.useState<AnnouncerMessageBag>(EMPTY_MESSAGE);\n const [assertiveMessage, setAssertiveMessage] = React.useState<AnnouncerMessageBag>(EMPTY_MESSAGE);\n const announcePolite = useCallback((message: string, id: string) => {\n setPoliteMessage({\n message~~,\n~~ id\n });\n }, []);\n const announceAssertive = useCallback((message: string, id: string) => {\n setAssertiveMessage({\n message~~,\n~~ id\n });\n }, []);\n const updateFunctions = useMemo(() => ({\n announcePolite,\n announceAssertive\n }), [announceAssertive, announcePolite]);\n return <AnnouncerContext.Provider value={updateFunctions}>\n {props.children}\n <Announcer assertive={assertiveMessage} polite={politeMessage} />\n </AnnouncerContext.Provider~~>;\~~n};\nexport default LiveAnnouncer;"]}
1	+ {"version":3,"file":"LiveAnnouncer.js","sourceRoot":"","sources":["../../../../../../../react-components/src/components/Announcer/LiveAnnouncer.tsx"],"names":[],"mappings":"AAAA,uCAAuC;AACvC,kCAAkC;AAElC,yGAAyG;AAEzG,OAAO,KAAK,EAAE,EAAE,WAAW,EAAE,OAAO,EAAE,MAAM,OAAO,CAAC;AACpD,OAAO,SAAS,EAAE,EAAuB,aAAa,EAAE,MAAM,aAAa,CAAC;AAC5E,OAAO,gBAAgB,MAAM,oBAAoB,CAAC;AAElD,eAAe;AACf,MAAM,aAAa,GAAG,CAAC,KAAqC,EAAe,EAAE;IAC3E,MAAM,CAAC,aAAa,EAAE,gBAAgB,CAAC,GAAG,KAAK,CAAC,QAAQ,CAAsB,aAAa,CAAC,CAAC;IAC7F,MAAM,CAAC,gBAAgB,EAAE,mBAAmB,CAAC,GAAG,KAAK,CAAC,QAAQ,CAAsB,aAAa,CAAC,CAAC;IAEnG,MAAM,cAAc,GAAG,WAAW,CAAC,CAAC,OAAe,EAAE,EAAU,EAAE,EAAE;QACjE,gBAAgB,CAAC,EAAE,OAAO,EAAE,EAAE,EAAE,CAAC,CAAC;IACpC,CAAC,EAAE,EAAE,CAAC,CAAC;IAEP,MAAM,iBAAiB,GAAG,WAAW,CAAC,CAAC,OAAe,EAAE,EAAU,EAAE,EAAE;QACpE,mBAAmB,CAAC,EAAE,OAAO,EAAE,EAAE,EAAE,CAAC,CAAC;IACvC,CAAC,EAAE,EAAE,CAAC,CAAC;IAEP,MAAM,eAAe,GAAG,OAAO,CAC7B,GAAG,EAAE,CAAC,CAAC;QACL,cAAc;QACd,iBAAiB;KAClB,CAAC,EACF,CAAC,iBAAiB,EAAE,cAAc,CAAC,CACpC,CAAC;IAEF,OAAO,CACL,oBAAC,gBAAgB,CAAC,QAAQ,IAAC,KAAK,EAAE,eAAe;QAC9C,KAAK,CAAC,QAAQ;QACf,oBAAC,SAAS,IAAC,SAAS,EAAE,gBAAgB,EAAE,MAAM,EAAE,aAAa,GAAI,CACvC,CAC7B,CAAC;AACJ,CAAC,CAAC;AAEF,eAAe,aAAa,CAAC","sourcesContent":["// Copyright (c) Microsoft Corporation.\n// Licensed under the MIT License.\n\n/// Adapted from: https://github.com/AlmeroSteyn/react-aria-live/blob/master/src/modules/LiveAnnouncer.js\n\nimport React, { useCallback, useMemo } from 'react';\nimport Announcer, { AnnouncerMessageBag, EMPTY_MESSAGE } from './Announcer';\nimport AnnouncerContext from './AnnouncerContext';\n\n/** @private */\nconst LiveAnnouncer = (props: { children: React.ReactChild }): JSX.Element => {\n const [politeMessage, setPoliteMessage] = React.useState<AnnouncerMessageBag>(EMPTY_MESSAGE);\n const [assertiveMessage, setAssertiveMessage] = React.useState<AnnouncerMessageBag>(EMPTY_MESSAGE);\n\n const announcePolite = useCallback((message: string, id: string) => {\n setPoliteMessage({ message, id });\n }, []);\n\n const announceAssertive = useCallback((message: string, id: string) => {\n setAssertiveMessage({ message, id });\n }, []);\n\n const updateFunctions = useMemo(\n () => ({\n announcePolite,\n announceAssertive\n }),\n [announceAssertive, announcePolite]\n );\n\n return (\n <AnnouncerContext.Provider value={updateFunctions}>\n {props.children}\n <Announcer assertive={assertiveMessage} polite={politeMessage} />\n </AnnouncerContext.Provider>\n );\n};\n\nexport default LiveAnnouncer;\n"]}

package/dist/dist-esm/react-components/src/components/Announcer/LiveMessage.js CHANGED Viewed

@@ -5,6 +5,6 @@ import React from 'react';
 import AnnouncerContext from './AnnouncerContext';
 import AnnouncerMessage from './AnnouncerMessage';
 /** @private */
-const LiveMessage = (props) => React.createElement(AnnouncerContext.Consumer, null, contextProps => React.createElement(AnnouncerMessage, Object.assign({}, contextProps, props)));
+const LiveMessage = (props) => (React.createElement(AnnouncerContext.Consumer, null, (contextProps) => React.createElement(AnnouncerMessage, Object.assign({}, contextProps, props))));
 export default LiveMessage;
 //# sourceMappingURL=LiveMessage.js.map

package/dist/dist-esm/react-components/src/components/Announcer/LiveMessage.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"LiveMessage.js","sourceRoot":"","sources":["~~../../../../../../preprocess-dist/~~react-components/src/components/Announcer/LiveMessage.tsx"],"names":[],"mappings":"AAAA,uCAAuC;AACvC,kCAAkC;AAElC,uGAAuG;AAEvG,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,gBAAgB,MAAM,oBAAoB,CAAC;AAClD,OAAO,gBAAgB,MAAM,oBAAoB,CAAC;AAElD,eAAe;AACf,MAAM,WAAW,GAAG,CAAC,~~KAIpB~~,EAAe,EAAE,CAAC,oBAAC,gBAAgB,CAAC,QAAQ,~~QACxC~~,YAAY,~~CAAC~~,EAAE,CAAC,oBAAC,gBAAgB,oBAAK,YAAY,EAAM,KAAK,EAAI,~~CACxC~~,CAAC;~~AAC/B~~,eAAe,WAAW,CAAC","sourcesContent":["// Copyright (c) Microsoft Corporation.\n// Licensed under the MIT License.\n\n/// Adapted from: https://github.com/AlmeroSteyn/react-aria-live/blob/master/src/modules/LiveMessage.js\n\nimport React from 'react';\nimport AnnouncerContext from './AnnouncerContext';\nimport AnnouncerMessage from './AnnouncerMessage';\n\n/** @private */\nconst LiveMessage = (props: {\n message: string~~;\n~~ ariaLive: string~~;\n~~ clearOnUnmount?: boolean~~;\n~~}): JSX.Element => <AnnouncerContext.Consumer>\n {contextProps => <AnnouncerMessage {...contextProps} {...props} />}\n </AnnouncerContext.Consumer~~>;\~~nexport default LiveMessage;"]}
1	+ {"version":3,"file":"LiveMessage.js","sourceRoot":"","sources":["../../../../../../../react-components/src/components/Announcer/LiveMessage.tsx"],"names":[],"mappings":"AAAA,uCAAuC;AACvC,kCAAkC;AAElC,uGAAuG;AAEvG,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,gBAAgB,MAAM,oBAAoB,CAAC;AAClD,OAAO,gBAAgB,MAAM,oBAAoB,CAAC;AAElD,eAAe;AACf,MAAM,WAAW,GAAG,CAAC,KAAsE,EAAe,EAAE,CAAC,CAC3G,oBAAC,gBAAgB,CAAC,QAAQ,QACvB,CAAC,YAAY,EAAE,EAAE,CAAC,oBAAC,gBAAgB,oBAAK,YAAY,EAAM,KAAK,EAAI,CAC1C,CAC7B,CAAC;AAEF,eAAe,WAAW,CAAC","sourcesContent":["// Copyright (c) Microsoft Corporation.\n// Licensed under the MIT License.\n\n/// Adapted from: https://github.com/AlmeroSteyn/react-aria-live/blob/master/src/modules/LiveMessage.js\n\nimport React from 'react';\nimport AnnouncerContext from './AnnouncerContext';\nimport AnnouncerMessage from './AnnouncerMessage';\n\n/** @private */\nconst LiveMessage = (props: { message: string; ariaLive: string; clearOnUnmount?: boolean }): JSX.Element => (\n <AnnouncerContext.Consumer>\n {(contextProps) => <AnnouncerMessage {...contextProps} {...props} />}\n </AnnouncerContext.Consumer>\n);\n\nexport default LiveMessage;\n"]}

package/dist/dist-esm/react-components/src/components/Announcer/MessageBlock.js CHANGED Viewed

@@ -14,6 +14,6 @@ const offScreenStyle = {
     position: 'absolute'
 };
 /** @private */
-const MessageBlock = (props) => React.createElement("div", { style: offScreenStyle, role: "log", "aria-live": props.ariaLive }, props.message ? props.message : '');
+const MessageBlock = (props) => (React.createElement("div", { style: offScreenStyle, role: "log", "aria-live": props.ariaLive }, props.message ? props.message : ''));
 export default MessageBlock;
 //# sourceMappingURL=MessageBlock.js.map

package/dist/dist-esm/react-components/src/components/Announcer/MessageBlock.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"MessageBlock.js","sourceRoot":"","sources":["~~../../../../../../preprocess-dist/~~react-components/src/components/Announcer/MessageBlock.tsx"],"names":[],"mappings":"AAAA,uCAAuC;AACvC,kCAAkC;AAElC,wGAAwG;AAExG,OAAO,KAAK,MAAM,OAAO,CAAC;~~AAC1B~~,MAAM,cAAc,GAAwB;IAC1C,MAAM,EAAE,CAAC;IACT,IAAI,EAAE,eAAe;IACrB,MAAM,EAAE,KAAK;IACb,MAAM,EAAE,MAAM;IACd,QAAQ,EAAE,QAAQ;IAClB,UAAU,EAAE,QAAQ;IACpB,OAAO,EAAE,CAAC;IACV,KAAK,EAAE,KAAK;IACZ,QAAQ,EAAE,UAAU;CACrB,CAAC;AAEF,eAAe;AACf,MAAM,YAAY,GAAG,CAAC,KAGrB,EAAe,EAAE,CAAC,6BAAK,KAAK,EAAE,cAAc,EAAE,IAAI,EAAC,KAAK,eAAY,KAAK,CAAC,QAAQ,~~IAC9E~~,KAAK,CAAC,OAAO,CAAC,CAAC,CAAC,KAAK,CAAC,OAAO,CAAC,CAAC,CAAC,EAAE,CAC/B,CAAC;~~AACT~~,eAAe,YAAY,CAAC","sourcesContent":["// Copyright (c) Microsoft Corporation.\n// Licensed under the MIT License.\n\n/// Adapted from: https://github.com/AlmeroSteyn/react-aria-live/blob/master/src/modules/MessageBlock.js\n\nimport React from 'react';\nconst offScreenStyle: React.CSSProperties = {\n border: 0,\n clip: 'rect(0 0 0 0)',\n height: '1px',\n margin: '-1px',\n overflow: 'hidden',\n whiteSpace: 'nowrap',\n padding: 0,\n width: '1px',\n position: 'absolute'\n};\n\n/** @private */\nconst MessageBlock = (props: {\n message: string;\n ariaLive: 'assertive' \| 'polite' \| 'off' \| undefined;\n}): JSX.Element => <div style={offScreenStyle} role=\"log\" aria-live={props.ariaLive}>\n {props.message ? props.message : ''}\n </div~~>;\~~nexport default MessageBlock;"]}
1	+ {"version":3,"file":"MessageBlock.js","sourceRoot":"","sources":["../../../../../../../react-components/src/components/Announcer/MessageBlock.tsx"],"names":[],"mappings":"AAAA,uCAAuC;AACvC,kCAAkC;AAElC,wGAAwG;AAExG,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,MAAM,cAAc,GAAwB;IAC1C,MAAM,EAAE,CAAC;IACT,IAAI,EAAE,eAAe;IACrB,MAAM,EAAE,KAAK;IACb,MAAM,EAAE,MAAM;IACd,QAAQ,EAAE,QAAQ;IAClB,UAAU,EAAE,QAAQ;IACpB,OAAO,EAAE,CAAC;IACV,KAAK,EAAE,KAAK;IACZ,QAAQ,EAAE,UAAU;CACrB,CAAC;AAEF,eAAe;AACf,MAAM,YAAY,GAAG,CAAC,KAGrB,EAAe,EAAE,CAAC,CACjB,6BAAK,KAAK,EAAE,cAAc,EAAE,IAAI,EAAC,KAAK,eAAY,KAAK,CAAC,QAAQ,IAC7D,KAAK,CAAC,OAAO,CAAC,CAAC,CAAC,KAAK,CAAC,OAAO,CAAC,CAAC,CAAC,EAAE,CAC/B,CACP,CAAC;AAEF,eAAe,YAAY,CAAC","sourcesContent":["// Copyright (c) Microsoft Corporation.\n// Licensed under the MIT License.\n\n/// Adapted from: https://github.com/AlmeroSteyn/react-aria-live/blob/master/src/modules/MessageBlock.js\n\nimport React from 'react';\n\nconst offScreenStyle: React.CSSProperties = {\n border: 0,\n clip: 'rect(0 0 0 0)',\n height: '1px',\n margin: '-1px',\n overflow: 'hidden',\n whiteSpace: 'nowrap',\n padding: 0,\n width: '1px',\n position: 'absolute'\n};\n\n/** @private */\nconst MessageBlock = (props: {\n message: string;\n ariaLive: 'assertive' \| 'polite' \| 'off' \| undefined;\n}): JSX.Element => (\n <div style={offScreenStyle} role=\"log\" aria-live={props.ariaLive}>\n {props.message ? props.message : ''}\n </div>\n);\n\nexport default MessageBlock;\n"]}

package/dist/dist-esm/react-components/src/components/Announcer.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"Announcer.js","sourceRoot":"","sources":["~~../../../../../preprocess-dist/~~react-components/src/components/Announcer.tsx"],"names":[],"mappings":"AAAA,uCAAuC;AACvC,kCAAkC;AAElC,OAAO,EAAgB,KAAK,EAAE,MAAM,iBAAiB,CAAC;AACtD,OAAO,KAAK,MAAM,OAAO,CAAC;AAW1B;;;GAGG;AACH,MAAM,CAAC,MAAM,SAAS,GAAG,CAAC,KAAqB,EAAe,EAAE;IAC9D,MAAM,~~EACJ~~,kBAAkB,~~EAClB~~,QAAQ,~~EACT~~,GAAG,KAAK,CAAC;~~IACV~~,OAAO,oBAAC,KAAK,kBAAa,kBAAkB,eAAa,QAAQ,EAAE,MAAM,EAAE,eAAe,GAAU,CAAC;AACvG,CAAC,CAAC;AAEF;;GAEG;AACH,MAAM,eAAe,GAAiB;IACpC,IAAI,EAAE;QACJ,QAAQ,EAAE,UAAU;QACpB,KAAK,EAAE,KAAK;QACZ,MAAM,EAAE,KAAK;QACb,OAAO,EAAE,CAAC;QACV,MAAM,EAAE,MAAM;QACd,QAAQ,EAAE,QAAQ;QAClB,IAAI,EAAE,eAAe;QACrB,UAAU,EAAE,QAAQ;QACpB,MAAM,EAAE,CAAC;KACV;CACF,CAAC","sourcesContent":["// Copyright (c) Microsoft Corporation.\n// Licensed under the MIT License.\n\nimport { IStackStyles, Stack } from '@fluentui/react';\nimport React from 'react';\n\n/*\n @internal\n * aria props for this hidden component.\n /\nexport type AnnouncerProps = {\n announcementString?: string;\n ariaLive: 'off' \| 'polite' \| 'assertive' \| undefined;\n};\n\n/\n @internal\n * Announcer component to maker aria announcements on actions\n /\nexport const Announcer = (props: AnnouncerProps): JSX.Element => {\n const {\n announcementString~~,\n~~ ariaLive\n } = props;\n return <Stack aria-label={announcementString} aria-live={ariaLive} styles={announcerStyles}></Stack>;\n};\n\n/\n Styles to hide the announcer from view but still existing on the DOM tree it so that narration can happen.\n */\nconst announcerStyles: IStackStyles = {\n root: {\n position: 'absolute',\n width: '1px',\n height: '1px',\n padding: 0,\n margin: '-1px',\n overflow: 'hidden',\n clip: 'rect(0,0,0,0)',\n whiteSpace: 'nowrap',\n border: 0\n }\n};"]}
1	+ {"version":3,"file":"Announcer.js","sourceRoot":"","sources":["../../../../../../react-components/src/components/Announcer.tsx"],"names":[],"mappings":"AAAA,uCAAuC;AACvC,kCAAkC;AAElC,OAAO,EAAgB,KAAK,EAAE,MAAM,iBAAiB,CAAC;AACtD,OAAO,KAAK,MAAM,OAAO,CAAC;AAW1B;;;GAGG;AACH,MAAM,CAAC,MAAM,SAAS,GAAG,CAAC,KAAqB,EAAe,EAAE;IAC9D,MAAM,EAAE,kBAAkB,EAAE,QAAQ,EAAE,GAAG,KAAK,CAAC;IAE/C,OAAO,oBAAC,KAAK,kBAAa,kBAAkB,eAAa,QAAQ,EAAE,MAAM,EAAE,eAAe,GAAU,CAAC;AACvG,CAAC,CAAC;AAEF;;GAEG;AACH,MAAM,eAAe,GAAiB;IACpC,IAAI,EAAE;QACJ,QAAQ,EAAE,UAAU;QACpB,KAAK,EAAE,KAAK;QACZ,MAAM,EAAE,KAAK;QACb,OAAO,EAAE,CAAC;QACV,MAAM,EAAE,MAAM;QACd,QAAQ,EAAE,QAAQ;QAClB,IAAI,EAAE,eAAe;QACrB,UAAU,EAAE,QAAQ;QACpB,MAAM,EAAE,CAAC;KACV;CACF,CAAC","sourcesContent":["// Copyright (c) Microsoft Corporation.\n// Licensed under the MIT License.\n\nimport { IStackStyles, Stack } from '@fluentui/react';\nimport React from 'react';\n\n/*\n @internal\n * aria props for this hidden component.\n /\nexport type AnnouncerProps = {\n announcementString?: string;\n ariaLive: 'off' \| 'polite' \| 'assertive' \| undefined;\n};\n\n/\n @internal\n * Announcer component to maker aria announcements on actions\n /\nexport const Announcer = (props: AnnouncerProps): JSX.Element => {\n const { announcementString, ariaLive } = props;\n\n return <Stack aria-label={announcementString} aria-live={ariaLive} styles={announcerStyles}></Stack>;\n};\n\n/\n Styles to hide the announcer from view but still existing on the DOM tree it so that narration can happen.\n */\nconst announcerStyles: IStackStyles = {\n root: {\n position: 'absolute',\n width: '1px',\n height: '1px',\n padding: 0,\n margin: '-1px',\n overflow: 'hidden',\n clip: 'rect(0,0,0,0)',\n whiteSpace: 'nowrap',\n border: 0\n }\n};\n"]}

package/dist/dist-esm/react-components/src/components/AttachmentCard.d.ts ADDED Viewed

@@ -0,0 +1,39 @@
+/// <reference types="react" />
+import { _AttachmentUploadCardsStrings } from './AttachmentUploadCards';
+/**
+ * @internal
+ * _AttachmentCard Component Props.
+ */
+export interface _AttachmentCardProps {
+    /**
+     * Attachment name.
+     */
+    attachmentName: string;
+    /**
+     * Extension of the attachment used for rendering the attachment icon.
+     */
+    attachmentExtension: string;
+    /**
+     * Attachment upload progress percentage between 0 and 1.
+     * Attachment transfer progress indicator is only shown when the value is greater than 0 and less than 1.
+     */
+    progress?: number;
+    /**
+     * Icon to display for actions like download, upload, etc. along the attachment name.
+     */
+    actionIcon?: JSX.Element;
+    /**
+     * Function that runs when actionIcon is clicked
+     */
+    actionHandler?: () => void;
+    /**
+     * Optional arialabel strings for attachment cards
+     */
+    strings?: _AttachmentUploadCardsStrings;
+}
+/**
+ * @internal
+ * A component for displaying a attachment card with attachment icon and progress bar.
+ */
+export declare const _AttachmentCard: (props: _AttachmentCardProps) => JSX.Element;
+//# sourceMappingURL=AttachmentCard.d.ts.map

package/dist/dist-esm/react-components/src/components/{FileCard.js → AttachmentCard.js} RENAMED Viewed

@@ -8,31 +8,31 @@ import React from 'react';
 import { _pxToRem } from "../../../acs-ui-common/src";
 import { Announcer } from './Announcer';
 import { useEffect, useState } from 'react';
-import { useLocaleFileCardStringsTrampoline } from './utils/common';
+import { useLocaleAttachmentCardStringsTrampoline } from './utils/common';
 /**
  * @internal
- * A component for displaying a file card with file icon and progress bar.
+ * A component for displaying a attachment card with attachment icon and progress bar.
  */
-export const _FileCard = (props) => {
+export const _AttachmentCard = (props) => {
     var _a, _b, _c, _d;
-    const { fileName, fileExtension, progress, actionIcon } = props;
+    const { attachmentName, attachmentExtension, progress, actionIcon } = props;
     const theme = useTheme();
     const [announcerString, setAnnouncerString] = useState(undefined);
-    const localeStrings = useLocaleFileCardStringsTrampoline();
+    const localeStrings = useLocaleAttachmentCardStringsTrampoline();
     const uploadStartedString = (_b = (_a = props.strings) === null || _a === void 0 ? void 0 : _a.uploading) !== null && _b !== void 0 ? _b : localeStrings.uploading;
     const uploadCompletedString = (_d = (_c = props.strings) === null || _c === void 0 ? void 0 : _c.uploadCompleted) !== null && _d !== void 0 ? _d : localeStrings.uploadCompleted;
     const showProgressIndicator = progress !== undefined && progress > 0 && progress < 1;
     useEffect(() => {
         if (showProgressIndicator) {
-            setAnnouncerString(`${uploadStartedString} ${fileName}`);
+            setAnnouncerString(`${uploadStartedString} ${attachmentName}`);
         }
         else if (progress === 1) {
-            setAnnouncerString(`${fileName} ${uploadCompletedString}`);
+            setAnnouncerString(`${attachmentName} ${uploadCompletedString}`);
         }
         else {
             setAnnouncerString(undefined);
         }
-    }, [progress, showProgressIndicator, fileName, uploadStartedString, uploadCompletedString]);
+    }, [progress, showProgressIndicator, attachmentName, uploadStartedString, uploadCompletedString]);
     const progressBarThicknessPx = 4;
     const containerClassName = mergeStyles({
         width: '12rem',
@@ -41,17 +41,17 @@ export const _FileCard = (props) => {
         border: `${_pxToRem(1)} solid ${theme.palette.neutralQuaternary}`,
         cursor: 'pointer'
     });
-    const fileInfoWrapperClassName = mergeStyles({
+    const attachmentInfoWrapperClassName = mergeStyles({
         padding: _pxToRem(12),
         // To make space for the progress indicator.
         paddingBottom: showProgressIndicator ? _pxToRem(12 - progressBarThicknessPx * 2) : _pxToRem(12)
     });
-    const fileNameContainerClassName = mergeStyles({
+    const attachmentNameContainerClassName = mergeStyles({
         paddingLeft: _pxToRem(4),
         minWidth: '75%',
         maxWidth: '75%'
     });
-    const fileNameTextClassName = mergeStyles({
+    const attachmentNameTextClassName = mergeStyles({
         overflow: 'hidden',
         textOverflow: 'ellipsis',
         lineHeight: 'normal',
@@ -63,31 +63,30 @@ export const _FileCard = (props) => {
     });
     const progressIndicatorStyles = {
         itemProgress: {
-            padding: `${_pxToRem(progressBarThicknessPx - 1)} 0`,
-            // item progress height won't apply without an explicit padding
-            // To make the progress indicator border curve along the bottom of file card.
+            padding: `${_pxToRem(progressBarThicknessPx - 1)} 0`, // item progress height won't apply without an explicit padding
+            // To make the progress indicator border curve along the bottom of attachment card.
             borderRadius: `0 0 ${theme.effects.roundedCorner4} ${theme.effects.roundedCorner4}`
         },
         progressBar: {
             height: _pxToRem(progressBarThicknessPx)
         }
     };
-    return React.createElement("div", { "data-is-focusable": true },
+    return (React.createElement("div", { "data-is-focusable": true },
         React.createElement(Announcer, { announcementString: announcerString, ariaLive: 'polite' }),
         React.createElement(Stack, { className: containerClassName, onClick: () => {
                 var _a;
                 (_a = props.actionHandler) === null || _a === void 0 ? void 0 : _a.call(props);
             } },
-            React.createElement(Stack, { horizontal: true, horizontalAlign: "space-between", verticalAlign: "center", className: fileInfoWrapperClassName },
+            React.createElement(Stack, { horizontal: true, horizontalAlign: "space-between", verticalAlign: "center", className: attachmentInfoWrapperClassName },
                 React.createElement(Stack, null,
                     React.createElement(Icon, { "data-ui-id": 'filetype-icon', iconName: getFileTypeIconProps({
-                            extension: fileExtension,
+                            extension: attachmentExtension,
                             size: 24,
                             imageFileType: 'svg'
                         }).iconName })),
-                React.createElement(Stack, { className: fileNameContainerClassName },
-                    React.createElement(Text, { className: fileNameTextClassName }, fileName)),
+                React.createElement(Stack, { className: attachmentNameContainerClassName },
+                    React.createElement(Text, { className: attachmentNameTextClassName }, attachmentName)),
                 React.createElement(Stack, { verticalAlign: "center", className: actionIconClassName }, actionIcon && actionIcon)),
-            showProgressIndicator && React.createElement(ProgressIndicator, { percentComplete: progress, styles: progressIndicatorStyles })));
+            showProgressIndicator && React.createElement(ProgressIndicator, { percentComplete: progress, styles: progressIndicatorStyles }))));
 };
-//# sourceMappingURL=FileCard.js.map
+//# sourceMappingURL=AttachmentCard.js.map

package/dist/dist-esm/react-components/src/components/AttachmentCard.js.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"file":"AttachmentCard.js","sourceRoot":"","sources":["../../../../../../react-components/src/components/AttachmentCard.tsx"],"names":[],"mappings":"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","sourcesContent":["// Copyright (c) Microsoft Corporation.\n// Licensed under the MIT License.\n\nimport {\n // eslint-disable-next-line no-restricted-imports\n Icon,\n IProgressIndicatorStyleProps,\n IProgressIndicatorStyles,\n IStyleFunctionOrObject,\n mergeStyles,\n ProgressIndicator,\n Stack,\n Text,\n useTheme\n} from '@fluentui/react';\nimport { getFileTypeIconProps } from '@fluentui/react-file-type-icons';\nimport React from 'react';\nimport { _pxToRem } from '@internal/acs-ui-common';\nimport { Announcer } from './Announcer';\nimport { useEffect, useState } from 'react';\nimport { _AttachmentUploadCardsStrings } from './AttachmentUploadCards';\nimport { useLocaleAttachmentCardStringsTrampoline } from './utils/common';\n\n/**\n * @internal\n * _AttachmentCard Component Props.\n */\nexport interface _AttachmentCardProps {\n /**\n * Attachment name.\n */\n attachmentName: string;\n /**\n * Extension of the attachment used for rendering the attachment icon.\n */\n attachmentExtension: string;\n /**\n * Attachment upload progress percentage between 0 and 1.\n * Attachment transfer progress indicator is only shown when the value is greater than 0 and less than 1.\n */\n progress?: number;\n /**\n * Icon to display for actions like download, upload, etc. along the attachment name.\n */\n actionIcon?: JSX.Element;\n /**\n * Function that runs when actionIcon is clicked\n */\n actionHandler?: () => void;\n /**\n * Optional arialabel strings for attachment cards\n */\n strings?: _AttachmentUploadCardsStrings;\n}\n\n/**\n * @internal\n * A component for displaying a attachment card with attachment icon and progress bar.\n */\nexport const _AttachmentCard = (props: _AttachmentCardProps): JSX.Element => {\n const { attachmentName, attachmentExtension, progress, actionIcon } = props;\n const theme = useTheme();\n const [announcerString, setAnnouncerString] = useState<string | undefined>(undefined);\n const localeStrings = useLocaleAttachmentCardStringsTrampoline();\n const uploadStartedString = props.strings?.uploading ?? localeStrings.uploading;\n const uploadCompletedString = props.strings?.uploadCompleted ?? localeStrings.uploadCompleted;\n\n const showProgressIndicator = progress !== undefined && progress > 0 && progress < 1;\n\n useEffect(() => {\n if (showProgressIndicator) {\n setAnnouncerString(`${uploadStartedString} ${attachmentName}`);\n } else if (progress === 1) {\n setAnnouncerString(`${attachmentName} ${uploadCompletedString}`);\n } else {\n setAnnouncerString(undefined);\n }\n }, [progress, showProgressIndicator, attachmentName, uploadStartedString, uploadCompletedString]);\n\n const progressBarThicknessPx = 4;\n\n const containerClassName = mergeStyles({\n width: '12rem',\n background: theme.palette.neutralLighter,\n borderRadius: theme.effects.roundedCorner4,\n border: `${_pxToRem(1)} solid ${theme.palette.neutralQuaternary}`,\n cursor: 'pointer'\n });\n\n const attachmentInfoWrapperClassName = mergeStyles({\n padding: _pxToRem(12),\n // To make space for the progress indicator.\n paddingBottom: showProgressIndicator ? _pxToRem(12 - progressBarThicknessPx * 2) : _pxToRem(12)\n });\n\n const attachmentNameContainerClassName = mergeStyles({\n paddingLeft: _pxToRem(4),\n minWidth: '75%',\n maxWidth: '75%'\n });\n\n const attachmentNameTextClassName = mergeStyles({\n overflow: 'hidden',\n textOverflow: 'ellipsis',\n lineHeight: 'normal',\n whiteSpace: 'nowrap',\n paddingRight: _pxToRem(4)\n });\n\n const actionIconClassName = mergeStyles({\n cursor: 'pointer'\n });\n\n const progressIndicatorStyles: IStyleFunctionOrObject<IProgressIndicatorStyleProps, IProgressIndicatorStyles> = {\n itemProgress: {\n padding: `${_pxToRem(progressBarThicknessPx - 1)} 0`, // item progress height won't apply without an explicit padding\n // To make the progress indicator border curve along the bottom of attachment card.\n borderRadius: `0 0 ${theme.effects.roundedCorner4} ${theme.effects.roundedCorner4}`\n },\n progressBar: {\n height: _pxToRem(progressBarThicknessPx)\n }\n };\n\n return (\n <div data-is-focusable={true}>\n <Announcer announcementString={announcerString} ariaLive={'polite'} />\n <Stack\n className={containerClassName}\n onClick={() => {\n props.actionHandler?.();\n }}\n >\n <Stack\n horizontal\n horizontalAlign=\"space-between\"\n verticalAlign=\"center\"\n className={attachmentInfoWrapperClassName}\n >\n <Stack>\n {/* We are not using <ChatCompositeIcon /> here as we currently do not support customizing these attachmenttype icons. */}\n <Icon\n data-ui-id={'filetype-icon'}\n iconName={\n getFileTypeIconProps({\n extension: attachmentExtension,\n size: 24,\n imageFileType: 'svg'\n }).iconName\n }\n />\n </Stack>\n <Stack className={attachmentNameContainerClassName}>\n <Text className={attachmentNameTextClassName}>{attachmentName}</Text>\n </Stack>\n <Stack verticalAlign=\"center\" className={actionIconClassName}>\n {actionIcon && actionIcon}\n </Stack>\n </Stack>\n {showProgressIndicator && <ProgressIndicator percentComplete={progress} styles={progressIndicatorStyles} />}\n </Stack>\n </div>\n );\n};\n"]}

package/dist/dist-esm/react-components/src/components/AttachmentCardGroup.d.ts ADDED Viewed

@@ -0,0 +1,16 @@
+import React from 'react';
+/**
+ * @internal
+ * Props for `_AttachmentCardGroup` component.
+ */
+export interface _AttachmentCardGroupProps {
+    children: React.ReactNode;
+    ariaLabel?: string;
+}
+/**
+ * @internal
+ * Used with `_AttachmentCard` component where `_AttachmentCard` components are passed as children.
+ * Renders the children equally spaced in multiple rows.
+ */
+export declare const _AttachmentCardGroup: (props: _AttachmentCardGroupProps) => JSX.Element;
+//# sourceMappingURL=AttachmentCardGroup.d.ts.map

package/dist/dist-esm/react-components/src/components/{FileCardGroup.js → AttachmentCardGroup.js} RENAMED Viewed

@@ -8,7 +8,7 @@ import React from 'react';
  * an extra margin is added to the left of each line.
  * This is a workaround to avoid this issue.
  */
-const fileCardGroupClassName = mergeStyles({
+const attachmentCardGroupClassName = mergeStyles({
     flexFlow: 'row wrap',
     '& > *': {
         margin: _pxToRem(2)
@@ -22,14 +22,14 @@ const fileCardGroupClassName = mergeStyles({
 });
 /**
  * @internal
- * Used with `_FileCard` component where `_FileCard` components are passed as children.
+ * Used with `_AttachmentCard` component where `_AttachmentCard` components are passed as children.
  * Renders the children equally spaced in multiple rows.
  */
-export const _FileCardGroup = (props) => {
+export const _AttachmentCardGroup = (props) => {
     const { children, ariaLabel } = props;
     if (!children) {
         return React.createElement(React.Fragment, null);
     }
-    return React.createElement(Stack, { horizontal: true, className: fileCardGroupClassName, "aria-label": ariaLabel }, children);
+    return (React.createElement(Stack, { horizontal: true, className: attachmentCardGroupClassName, "aria-label": ariaLabel }, children));
 };
-//# sourceMappingURL=FileCardGroup.js.map
+//# sourceMappingURL=AttachmentCardGroup.js.map

package/dist/dist-esm/react-components/src/components/AttachmentCardGroup.js.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"file":"AttachmentCardGroup.js","sourceRoot":"","sources":["../../../../../../react-components/src/components/AttachmentCardGroup.tsx"],"names":[],"mappings":"AAAA,uCAAuC;AACvC,kCAAkC;AAElC,OAAO,EAAE,WAAW,EAAE,KAAK,EAAE,MAAM,iBAAiB,CAAC;AACrD,OAAO,EAAE,QAAQ,EAAE,mCAAgC;AACnD,OAAO,KAAK,MAAM,OAAO,CAAC;AAW1B;;;;GAIG;AAEH,MAAM,4BAA4B,GAAG,WAAW,CAAC;IAC/C,QAAQ,EAAE,UAAU;IACpB,OAAO,EAAE;QACP,MAAM,EAAE,QAAQ,CAAC,CAAC,CAAC;KACpB;IACD;;OAEG;IACH,yBAAyB,EAAE;QACzB,UAAU,EAAE,QAAQ,CAAC,CAAC,CAAC;KACxB;CACF,CAAC,CAAC;AAEH;;;;GAIG;AACH,MAAM,CAAC,MAAM,oBAAoB,GAAG,CAAC,KAAgC,EAAe,EAAE;IACpF,MAAM,EAAE,QAAQ,EAAE,SAAS,EAAE,GAAG,KAAK,CAAC;IACtC,IAAI,CAAC,QAAQ,EAAE,CAAC;QACd,OAAO,yCAAK,CAAC;IACf,CAAC;IAED,OAAO,CACL,oBAAC,KAAK,IAAC,UAAU,QAAC,SAAS,EAAE,4BAA4B,gBAAc,SAAS,IAC7E,QAAQ,CACH,CACT,CAAC;AACJ,CAAC,CAAC","sourcesContent":["// Copyright (c) Microsoft Corporation.\n// Licensed under the MIT License.\n\nimport { mergeStyles, Stack } from '@fluentui/react';\nimport { _pxToRem } from '@internal/acs-ui-common';\nimport React from 'react';\n\n/**\n * @internal\n * Props for `_AttachmentCardGroup` component.\n */\nexport interface _AttachmentCardGroupProps {\n children: React.ReactNode;\n ariaLabel?: string;\n}\n\n/**\n * Note: If we use stack tokens.childrenGap, when child elements are wrapped and moved to the next line,\n * an extra margin is added to the left of each line.\n * This is a workaround to avoid this issue.\n */\n\nconst attachmentCardGroupClassName = mergeStyles({\n flexFlow: 'row wrap',\n '& > *': {\n margin: _pxToRem(2)\n },\n /**\n * margin for children is overriden by parent stack, so adding left margin for each child\n */\n '& > *:not(:first-child)': {\n marginLeft: _pxToRem(2)\n }\n});\n\n/**\n * @internal\n * Used with `_AttachmentCard` component where `_AttachmentCard` components are passed as children.\n * Renders the children equally spaced in multiple rows.\n */\nexport const _AttachmentCardGroup = (props: _AttachmentCardGroupProps): JSX.Element => {\n const { children, ariaLabel } = props;\n if (!children) {\n return <></>;\n }\n\n return (\n <Stack horizontal className={attachmentCardGroupClassName} aria-label={ariaLabel}>\n {children}\n </Stack>\n );\n};\n"]}

package/dist/dist-esm/react-components/src/components/AttachmentDownloadCards.d.ts ADDED Viewed

@@ -0,0 +1,49 @@
+/// <reference types="react" />
+import { AttachmentMetadata, FileDownloadHandler } from '../types/Attachment';
+/**
+ * Represents the type of attachment
+ * @public
+ */
+export type ChatAttachmentType = 'unknown' | 'image' | /* @conditional-compile-remove(file-sharing) */ 'file';
+/**
+ * Strings of _AttachmentDownloadCards that can be overridden.
+ *
+ * @internal
+ */
+export interface _AttachmentDownloadCardsStrings {
+    /** Aria label to notify user when focus is on attachment download button. */
+    downloadAttachment: string;
+    attachmentCardGroupMessage: string;
+}
+/**
+ * @internal
+ */
+export interface _AttachmentDownloadCardsProps {
+    /**
+     * User id of the local participant
+     */
+    userId: string;
+    /**
+     * A chat message metadata that includes file metadata
+     */
+    fileMetadata?: AttachmentMetadata[];
+    /**
+     * A function of type {@link FileDownloadHandler} for handling attachment downloads.
+     * If the function is not specified, the attachment's `url` will be opened in a new tab to
+     * initiate the download.
+     */
+    downloadHandler?: FileDownloadHandler;
+    /**
+     * Optional callback that runs if downloadHandler returns {@link FileDownloadError}.
+     */
+    onDownloadErrorMessage?: (errMsg: string) => void;
+    /**
+     * Optional aria label strings for attachment download cards
+     */
+    strings?: _AttachmentDownloadCardsStrings;
+}
+/**
+ * @internal
+ */
+export declare const _AttachmentDownloadCards: (props: _AttachmentDownloadCardsProps) => JSX.Element;
+//# sourceMappingURL=AttachmentDownloadCards.d.ts.map