@azure/communication-react 1.15.0-beta.2 → 1.15.0

package/dist/dist-esm/react-components/src/theming/icons.js.map

@@ -1 +1 @@
-{"version":3,"file":"icons.js","sourceRoot":"","sources":["../../../../../preprocess-dist/react-components/src/theming/icons.tsx"],"names":[],"mappings":"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","sourcesContent":["// Copyright (c) Microsoft Corporation.\n// Licensed under the MIT License.\n\nimport { mergeStyles } from '@fluentui/react';\n/* @conditional-compile-remove(call-readiness) */ /* @conditional-compile-remove(unsupported-browser) */\nimport { Stack } from '@fluentui/react';\nimport { ArrowClockwise16Regular, CallEnd20Filled, Checkmark20Regular, CheckmarkCircle16Regular, Circle16Regular, Delete20Regular, Dismiss20Regular, Dismiss16Regular, Edit20Regular, ErrorCircle16Regular, Eye16Regular, MicOff16Filled, MicOff16Regular, MicOff20Filled, Mic16Filled, Mic20Filled, Mic20Regular, MoreHorizontal20Filled, MoreHorizontal20Regular, People20Filled, Settings20Filled, Send20Filled, Send20Regular, ShareScreenStart20Filled, ShareScreenStop20Filled, Speaker220Regular, Video16Filled, Video20Filled, Video20Regular, VideoOff20Filled, ChevronLeft20Regular, ChevronRight20Regular, WifiWarning20Filled, SpeakerMute16Filled, MicProhibited16Filled, VideoProhibited16Filled, Pin16Filled, Pin16Regular, PinOff16Regular, ScaleFit20Regular, ScaleFill20Regular } from '@fluentui/react-icons';\n/* @conditional-compile-remove(end-of-call-survey) */\nimport { Star28Regular, Star28Filled } from '@fluentui/react-icons';\nimport { HandRight20Filled, HandRightOff20Filled, HandRight20Regular, HandRightOff20Regular } from '@fluentui/react-icons';\n/* @conditional-compile-remove(close-captions) */\nimport { ClosedCaption20Regular, ClosedCaptionOff20Regular, Settings20Regular, PersonVoice20Regular, Translate20Regular } from '@fluentui/react-icons';\n/* @conditional-compile-remove(call-readiness) */\nimport { Important20Filled } from '@fluentui/react-icons';\nimport { VideoBackgroundEffect20Filled, VideoBackgroundEffect20Regular } from '@fluentui/react-icons';\nimport { Backspace20Regular } from '@fluentui/react-icons';\n\n/* @conditional-compile-remove(call-readiness) */\nimport { Sparkle20Filled, VideoProhibited20Filled, MicProhibited20Filled } from '@fluentui/react-icons';\n\n/* @conditional-compile-remove(file-sharing) */\nimport { ArrowDownload16Regular } from '@fluentui/react-icons';\n/* @conditional-compile-remove(PSTN-calls) */\nimport { CallPause20Regular, CallPause20Filled, Play20Regular } from '@fluentui/react-icons';\nimport { People20Regular } from '@fluentui/react-icons';\n\n/* @conditional-compile-remove(data-loss-prevention) */\nimport { Prohibited16Regular } from '@fluentui/react-icons';\n\n/* @conditional-compile-remove(unsupported-browser) */\nimport { Warning20Filled } from '@fluentui/react-icons';\nimport { _pxToRem } from '@internal/acs-ui-common';\nimport React from 'react';\nimport { useTheme } from './FluentThemeProvider';\n/* @conditional-compile-remove(call-readiness) */\nimport { sitePermissionIconBackgroundStyle, scaledIconStyles } from './icons.styles';\n\n/**\n * Icons used by the React components exported from this library.\n *\n * @remark See {@link CompositeIcons} for icons used by composites only.\n *\n * @public\n */\nexport type ComponentIcons = Record<keyof typeof DEFAULT_COMPONENT_ICONS, JSX.Element>;\nconst WifiWarning16Filled = (): JSX.Element =>\n// All ErrorBar icons are 16px x 16px (when 1rem = 16 px).\n// There is no 16px version of this icon in the fluent icon package, so scale the larger\n// one down to required size.\n<div className={mergeStyles({\n  transform: 'scale(0.8)'\n})}>\n    <WifiWarning20Filled />\n  </div>;\nconst MoreHorizontal18Regular = (): JSX.Element =>\n// MoreHorizontal icons are 16px x 16px or 20px x 20px so scaling to get desired size\n<div className={mergeStyles({\n  transform: 'scale(0.9)'\n})}>\n    <MoreHorizontal20Regular />\n  </div>;\n\n/* @conditional-compile-remove(call-readiness) */\nconst SitePermissionMic20Filled = (): JSX.Element => {\n  const theme = useTheme();\n  return <Stack horizontalAlign={'center'} styles={sitePermissionIconBackgroundStyle(theme)}>\n      <div className={mergeStyles(scaledIconStyles(theme))}>\n        <Mic20Filled />\n      </div>\n    </Stack>;\n};\n\n/* @conditional-compile-remove(call-readiness) */\nconst SitePermissionCamera20Filled = (): JSX.Element => {\n  const theme = useTheme();\n  return <Stack horizontalAlign={'center'} styles={sitePermissionIconBackgroundStyle(theme)}>\n      <div className={mergeStyles(scaledIconStyles(theme))}>\n        <Video20Filled />\n      </div>\n    </Stack>;\n};\n\n/* @conditional-compile-remove(call-readiness) */\nconst SitePermissionsMicDenied20Filled = (): JSX.Element => {\n  const theme = useTheme();\n  return <Stack horizontalAlign={'center'} styles={sitePermissionIconBackgroundStyle(theme)}>\n      <div className={mergeStyles(scaledIconStyles(theme))}>\n        <MicProhibited20Filled />\n      </div>\n    </Stack>;\n};\n\n/* @conditional-compile-remove(call-readiness) */\nconst SitePermissionsCameraDenied20Filled = (): JSX.Element => {\n  const theme = useTheme();\n  return <Stack horizontalAlign={'center'} styles={sitePermissionIconBackgroundStyle(theme)}>\n      <div className={mergeStyles(scaledIconStyles(theme))}>\n        <VideoProhibited20Filled />\n      </div>\n    </Stack>;\n};\n\n/* @conditional-compile-remove(call-readiness) */\nconst SitePermissionSparkle20Filled = (): JSX.Element => <div className={mergeStyles({\n  transform: 'scale(2)'\n})}>\n    <Sparkle20Filled />\n  </div>;\n\n/* @conditional-compile-remove(unsupported-browser) */\nconst UnsupportedEnvironmentWarning = (): JSX.Element => {\n  const theme = useTheme();\n  return <Stack horizontalAlign={'center'} styles={{\n    root: {\n      width: _pxToRem(84),\n      borderRadius: '100%',\n      background: theme.palette.themeLighterAlt,\n      padding: '2rem',\n      margin: 'auto'\n    }\n  }}>\n      <div className={mergeStyles(scaledIconStyles(theme))}>\n        <Warning20Filled />\n      </div>\n    </Stack>;\n};\n\n/* @conditional-compile-remove(call-readiness) */\nconst BrowserPermissionDenied20Filled = (): JSX.Element => {\n  const theme = useTheme();\n  return <Stack horizontalAlign={'center'} styles={sitePermissionIconBackgroundStyle(theme)}>\n      <div className={mergeStyles(scaledIconStyles(theme))}>\n        <Important20Filled />\n      </div>\n    </Stack>;\n};\n\n/* @conditional-compile-remove(data-loss-prevention) */\nconst DataLossPreventionProhibited16Regular = (): JSX.Element => {\n  return <Prohibited16Regular />;\n};\nconst GalleryLeftButton = (): JSX.Element => {\n  const rtl = useTheme().rtl;\n  return rtl ? <ChevronRight20Regular /> : <ChevronLeft20Regular />;\n};\nconst GalleryRightButton = (): JSX.Element => {\n  const rtl = useTheme().rtl;\n  return rtl ? <ChevronLeft20Regular /> : <ChevronRight20Regular />;\n};\nconst ControlButtonRaiseHandIcon = (): JSX.Element => {\n  return <HandRight20Filled />;\n};\nconst ControlButtonLowerHandIcon = (): JSX.Element => {\n  return <HandRightOff20Filled />;\n};\n\n/**\n * The default set of icons that are available to use in the UI components.\n *\n * @remark Icons used only in the composites are available in {@link DEFAULT_COMPOSITE_ICONS}.\n *\n * @public\n */\nexport const DEFAULT_COMPONENT_ICONS = {\n  ChatMessageOptions: <MoreHorizontal18Regular />,\n  ControlButtonCameraOff: <VideoOff20Filled />,\n  ControlButtonCameraOn: <Video20Filled />,\n  ControlButtonEndCall: <CallEnd20Filled />,\n  ControlButtonMicOff: <MicOff20Filled />,\n  ControlButtonMicOn: <Mic20Filled />,\n  ControlButtonOptions: <Settings20Filled />,\n  ControlButtonParticipants: <People20Filled />,\n  ControlButtonParticipantsContextualMenuItem: <People20Regular />,\n  ControlButtonScreenShareStart: <ShareScreenStart20Filled />,\n  ControlButtonScreenShareStop: <ShareScreenStop20Filled />,\n  ControlButtonRaiseHand: <ControlButtonRaiseHandIcon />,\n  ControlButtonLowerHand: <ControlButtonLowerHandIcon />,\n  RaiseHandContextualMenuItem: <HandRight20Regular />,\n  LowerHandContextualMenuItem: <HandRightOff20Regular />,\n  /* @conditional-compile-remove(file-sharing) */\n  CancelFileUpload: <Dismiss16Regular />,\n  /* @conditional-compile-remove(file-sharing) */\n  DownloadFile: <ArrowDownload16Regular />,\n  /* @conditional-compile-remove(data-loss-prevention) */\n  DataLossPreventionProhibited: <DataLossPreventionProhibited16Regular />,\n  EditBoxCancel: <Dismiss20Regular />,\n  EditBoxSubmit: <Checkmark20Regular />,\n  ErrorBarCallCameraAccessDenied: <VideoProhibited16Filled />,\n  ErrorBarCallCameraAlreadyInUse: <VideoProhibited16Filled />,\n  ErrorBarCallLocalVideoFreeze: <WifiWarning16Filled />,\n  ErrorBarCallMacOsCameraAccessDenied: <VideoProhibited16Filled />,\n  ErrorBarCallMacOsMicrophoneAccessDenied: <MicProhibited16Filled />,\n  ErrorBarCallMicrophoneAccessDenied: <MicProhibited16Filled />,\n  ErrorBarCallMicrophoneMutedBySystem: <MicOff16Filled />,\n  ErrorBarCallMicrophoneUnmutedBySystem: <Mic16Filled />,\n  ErrorBarCallNetworkQualityLow: <WifiWarning16Filled />,\n  ErrorBarCallNoMicrophoneFound: <MicProhibited16Filled />,\n  ErrorBarCallNoSpeakerFound: <SpeakerMute16Filled />,\n  ErrorBarClear: <Dismiss16Regular />,\n  ErrorBarCallVideoRecoveredBySystem: <Video16Filled />,\n  ErrorBarCallVideoStoppedBySystem: <VideoProhibited16Filled />,\n  HorizontalGalleryLeftButton: <GalleryLeftButton />,\n  HorizontalGalleryRightButton: <GalleryRightButton />,\n  MessageDelivered: <CheckmarkCircle16Regular />,\n  MessageEdit: <Edit20Regular />,\n  MessageFailed: <ErrorCircle16Regular />,\n  MessageRemove: <Delete20Regular />,\n  MessageResend: <ArrowClockwise16Regular />,\n  MessageSeen: <Eye16Regular />,\n  MessageSending: <Circle16Regular />,\n  OptionsCamera: <Video20Regular />,\n  OptionsMic: <Mic20Regular />,\n  OptionsSpeaker: <Speaker220Regular />,\n  ParticipantItemMicOff: <MicOff16Regular />,\n  ParticipantItemOptions: <></>,\n  ParticipantItemOptionsHovered: <MoreHorizontal20Filled />,\n  ParticipantItemScreenShareStart: <ShareScreenStart20Filled />,\n  /* @conditional-compile-remove(PSTN-calls) */\n  HoldCallContextualMenuItem: <CallPause20Regular />,\n  /* @conditional-compile-remove(PSTN-calls) */\n  HoldCallButton: <CallPause20Filled />,\n  /* @conditional-compile-remove(PSTN-calls) */\n  ResumeCall: <Play20Regular />,\n  SendBoxSend: <Send20Regular />,\n  SendBoxSendHovered: <Send20Filled />,\n  VideoTileMicOff: <MicOff16Filled />,\n  DialpadBackspace: <Backspace20Regular />,\n  /* @conditional-compile-remove(call-readiness) */\n  SitePermissionsSparkle: <SitePermissionSparkle20Filled />,\n  /* @conditional-compile-remove(call-readiness) */\n  SitePermissionCamera: <SitePermissionCamera20Filled />,\n  /* @conditional-compile-remove(call-readiness) */\n  SitePermissionMic: <SitePermissionMic20Filled />,\n  /* @conditional-compile-remove(call-readiness) */\n  SitePermissionCameraDenied: <SitePermissionsCameraDenied20Filled />,\n  /* @conditional-compile-remove(call-readiness) */\n  SitePermissionMicDenied: <SitePermissionsMicDenied20Filled />,\n  /* @conditional-compile-remove(unsupported-browser) */\n  UnsupportedEnvironmentWarning: <UnsupportedEnvironmentWarning />,\n  /* @conditional-compile-remove(call-readiness) */\n  BrowserPermissionDeniedError: <BrowserPermissionDenied20Filled />,\n  VideoTilePinned: <Pin16Filled />,\n  VideoTileMoreOptions: <MoreHorizontal20Filled />,\n  VideoTileScaleFit: <ScaleFit20Regular />,\n  VideoTileScaleFill: <ScaleFill20Regular />,\n  PinParticipant: <Pin16Regular />,\n  UnpinParticipant: <PinOff16Regular />,\n  SplitButtonPrimaryActionCameraOn: <Video20Filled />,\n  SplitButtonPrimaryActionCameraOff: <VideoOff20Filled />,\n  SplitButtonPrimaryActionMicUnmuted: <Mic20Filled />,\n  SplitButtonPrimaryActionMicMuted: <MicOff20Filled />,\n  VerticalGalleryLeftButton: <GalleryLeftButton />,\n  VerticalGalleryRightButton: <GalleryRightButton />,\n  ControlButtonVideoEffectsOption: <VideoBackgroundEffect20Regular />,\n  ConfigurationScreenVideoEffectsButton: <VideoBackgroundEffect20Filled />,\n  /* @conditional-compile-remove(close-captions) */\n  CaptionsIcon: <ClosedCaption20Regular />,\n  /* @conditional-compile-remove(close-captions) */\n  CaptionsOffIcon: <ClosedCaptionOff20Regular />,\n  /* @conditional-compile-remove(close-captions) */\n  CaptionsSettingsIcon: <Settings20Regular />,\n  /* @conditional-compile-remove(close-captions) */\n  ChangeSpokenLanguageIcon: <PersonVoice20Regular />,\n  /* @conditional-compile-remove(close-captions) */\n  ChangeCaptionLanguageIcon: <Translate20Regular />,\n  ContextMenuCameraIcon: <Video20Regular />,\n  ContextMenuMicIcon: <Mic20Regular />,\n  ContextMenuSpeakerIcon: <Speaker220Regular />,\n  /* @conditional-compile-remove(end-of-call-survey) */\n  SurveyStarIcon: <Star28Regular />,\n  /* @conditional-compile-remove(end-of-call-survey) */\n  SurveyStarIconFilled: <Star28Filled />\n};"]}
+{"version":3,"file":"icons.js","sourceRoot":"","sources":["../../../../../preprocess-dist/react-components/src/theming/icons.tsx"],"names":[],"mappings":"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","sourcesContent":["// Copyright (c) Microsoft Corporation.\n// Licensed under the MIT License.\n\nimport { mergeStyles } from '@fluentui/react';\nimport { ArrowClockwise16Regular, CallEnd20Filled, Checkmark20Regular, CheckmarkCircle16Regular, Circle16Regular, Delete20Regular, Dismiss20Regular, Dismiss16Regular, Edit20Regular, ErrorCircle16Regular, Eye16Regular, MicOff16Filled, MicOff16Regular, MicOff20Filled, Mic16Filled, Mic20Filled, Mic20Regular, MoreHorizontal20Filled, MoreHorizontal20Regular, People20Filled, Settings20Filled, Send20Filled, Send20Regular, ShareScreenStart20Filled, ShareScreenStop20Filled, Speaker220Regular, Video16Filled, Video20Filled, Video20Regular, VideoOff20Filled, ChevronLeft20Regular, ChevronRight20Regular, WifiWarning20Filled, SpeakerMute16Filled, MicProhibited16Filled, VideoProhibited16Filled, Pin16Filled, Pin16Regular, PinOff16Regular, ScaleFit20Regular, ScaleFill20Regular } from '@fluentui/react-icons';\n/* @conditional-compile-remove(reaction) */\nimport { Emoji20Regular } from '@fluentui/react-icons';\n/* @conditional-compile-remove(end-of-call-survey) */\nimport { Star28Regular, Star28Filled } from '@fluentui/react-icons';\nimport { HandRight20Filled, HandRightOff20Filled, HandRight20Regular, HandRightOff20Regular } from '@fluentui/react-icons';\n/* @conditional-compile-remove(close-captions) */\nimport { ClosedCaption20Regular, ClosedCaptionOff20Regular, Settings20Regular, PersonVoice20Regular, Translate20Regular } from '@fluentui/react-icons';\nimport { VideoBackgroundEffect20Filled, VideoBackgroundEffect20Regular } from '@fluentui/react-icons';\nimport { Backspace20Regular } from '@fluentui/react-icons';\nimport { People20Regular } from '@fluentui/react-icons';\n/* @conditional-compile-remove(spotlight) */\nimport { VideoPersonStar20Filled, VideoPersonStarOff20Filled } from '@fluentui/react-icons';\nimport { _pxToRem } from '@internal/acs-ui-common';\nimport React from 'react';\nimport { useTheme } from './FluentThemeProvider';\n/**\n * Icons used by the React components exported from this library.\n *\n * @remark See {@link CompositeIcons} for icons used by composites only.\n *\n * @public\n */\nexport type ComponentIcons = Record<keyof typeof DEFAULT_COMPONENT_ICONS, JSX.Element>;\nconst WifiWarning16Filled = (): JSX.Element =>\n// All ErrorBar icons are 16px x 16px (when 1rem = 16 px).\n// There is no 16px version of this icon in the fluent icon package, so scale the larger\n// one down to required size.\n<div className={mergeStyles({\n  transform: 'scale(0.8)'\n})}>\n    <WifiWarning20Filled />\n  </div>;\nconst MoreHorizontal18Regular = (): JSX.Element =>\n// MoreHorizontal icons are 16px x 16px or 20px x 20px so scaling to get desired size\n<div className={mergeStyles({\n  transform: 'scale(0.9)'\n})}>\n    <MoreHorizontal20Regular />\n  </div>;\nconst GalleryLeftButton = (): JSX.Element => {\n  const rtl = useTheme().rtl;\n  return rtl ? <ChevronRight20Regular /> : <ChevronLeft20Regular />;\n};\nconst GalleryRightButton = (): JSX.Element => {\n  const rtl = useTheme().rtl;\n  return rtl ? <ChevronLeft20Regular /> : <ChevronRight20Regular />;\n};\nconst ControlButtonRaiseHandIcon = (): JSX.Element => {\n  /* @conditional-compile-remove(reaction) */\n  return <HandRight20Regular />;\n  return <HandRight20Filled />;\n};\nconst ControlButtonLowerHandIcon = (): JSX.Element => {\n  /* @conditional-compile-remove(reaction) */\n  return <HandRightOff20Regular />;\n  return <HandRightOff20Filled />;\n};\n\n/**\n * The default set of icons that are available to use in the UI components.\n *\n * @remark Icons used only in the composites are available in {@link DEFAULT_COMPOSITE_ICONS}.\n *\n * @public\n */\nexport const DEFAULT_COMPONENT_ICONS = {\n  ChatMessageOptions: <MoreHorizontal18Regular />,\n  ControlButtonCameraOff: <VideoOff20Filled />,\n  ControlButtonCameraOn: <Video20Filled />,\n  ControlButtonEndCall: <CallEnd20Filled />,\n  ControlButtonMicOff: <MicOff20Filled />,\n  ControlButtonMicOn: <Mic20Filled />,\n  ControlButtonOptions: <Settings20Filled />,\n  ControlButtonParticipants: <People20Filled />,\n  ControlButtonParticipantsContextualMenuItem: <People20Regular />,\n  ControlButtonScreenShareStart: <ShareScreenStart20Filled />,\n  ControlButtonScreenShareStop: <ShareScreenStop20Filled />,\n  ControlButtonRaiseHand: <ControlButtonRaiseHandIcon />,\n  ControlButtonLowerHand: <ControlButtonLowerHandIcon />,\n  RaiseHandContextualMenuItem: <HandRight20Regular />,\n  LowerHandContextualMenuItem: <HandRightOff20Regular />,\n  /* @conditional-compile-remove(reaction) */\n  ReactionButtonIcon: <Emoji20Regular />,\n  EditBoxCancel: <Dismiss20Regular />,\n  EditBoxSubmit: <Checkmark20Regular />,\n  ErrorBarCallCameraAccessDenied: <VideoProhibited16Filled />,\n  ErrorBarCallCameraAlreadyInUse: <VideoProhibited16Filled />,\n  ErrorBarCallLocalVideoFreeze: <WifiWarning16Filled />,\n  ErrorBarCallMacOsCameraAccessDenied: <VideoProhibited16Filled />,\n  ErrorBarCallMacOsMicrophoneAccessDenied: <MicProhibited16Filled />,\n  ErrorBarCallMicrophoneAccessDenied: <MicProhibited16Filled />,\n  ErrorBarCallMicrophoneMutedBySystem: <MicOff16Filled />,\n  ErrorBarCallMicrophoneUnmutedBySystem: <Mic16Filled />,\n  ErrorBarCallNetworkQualityLow: <WifiWarning16Filled />,\n  ErrorBarCallNoMicrophoneFound: <MicProhibited16Filled />,\n  ErrorBarCallNoSpeakerFound: <SpeakerMute16Filled />,\n  ErrorBarClear: <Dismiss16Regular />,\n  ErrorBarCallVideoRecoveredBySystem: <Video16Filled />,\n  ErrorBarCallVideoStoppedBySystem: <VideoProhibited16Filled />,\n  HorizontalGalleryLeftButton: <GalleryLeftButton />,\n  HorizontalGalleryRightButton: <GalleryRightButton />,\n  MessageDelivered: <CheckmarkCircle16Regular />,\n  MessageEdit: <Edit20Regular />,\n  MessageFailed: <ErrorCircle16Regular />,\n  MessageRemove: <Delete20Regular />,\n  MessageResend: <ArrowClockwise16Regular />,\n  MessageSeen: <Eye16Regular />,\n  MessageSending: <Circle16Regular />,\n  OptionsCamera: <Video20Regular />,\n  OptionsMic: <Mic20Regular />,\n  OptionsSpeaker: <Speaker220Regular />,\n  ParticipantItemMicOff: <MicOff16Regular />,\n  ParticipantItemOptions: <></>,\n  ParticipantItemOptionsHovered: <MoreHorizontal20Filled />,\n  ParticipantItemScreenShareStart: <ShareScreenStart20Filled />,\n  /* @conditional-compile-remove(spotlight) */\n  ParticipantItemSpotlighted: <VideoPersonStar20Filled />,\n  SendBoxSend: <Send20Regular />,\n  SendBoxSendHovered: <Send20Filled />,\n  VideoTileMicOff: <MicOff16Filled />,\n  DialpadBackspace: <Backspace20Regular />,\n  VideoTilePinned: <Pin16Filled />,\n  VideoTileMoreOptions: <MoreHorizontal20Filled />,\n  VideoTileScaleFit: <ScaleFit20Regular />,\n  VideoTileScaleFill: <ScaleFill20Regular />,\n  PinParticipant: <Pin16Regular />,\n  UnpinParticipant: <PinOff16Regular />,\n  SplitButtonPrimaryActionCameraOn: <Video20Filled />,\n  SplitButtonPrimaryActionCameraOff: <VideoOff20Filled />,\n  SplitButtonPrimaryActionMicUnmuted: <Mic20Filled />,\n  SplitButtonPrimaryActionMicMuted: <MicOff20Filled />,\n  VerticalGalleryLeftButton: <GalleryLeftButton />,\n  VerticalGalleryRightButton: <GalleryRightButton />,\n  ControlButtonVideoEffectsOption: <VideoBackgroundEffect20Regular />,\n  ConfigurationScreenVideoEffectsButton: <VideoBackgroundEffect20Filled />,\n  /* @conditional-compile-remove(close-captions) */\n  CaptionsIcon: <ClosedCaption20Regular />,\n  /* @conditional-compile-remove(close-captions) */\n  CaptionsOffIcon: <ClosedCaptionOff20Regular />,\n  /* @conditional-compile-remove(close-captions) */\n  CaptionsSettingsIcon: <Settings20Regular />,\n  /* @conditional-compile-remove(close-captions) */\n  ChangeSpokenLanguageIcon: <PersonVoice20Regular />,\n  /* @conditional-compile-remove(close-captions) */\n  ChangeCaptionLanguageIcon: <Translate20Regular />,\n  ContextMenuCameraIcon: <Video20Regular />,\n  ContextMenuMicIcon: <Mic20Regular />,\n  ContextMenuSpeakerIcon: <Speaker220Regular />,\n  /* @conditional-compile-remove(end-of-call-survey) */\n  SurveyStarIcon: <Star28Regular />,\n  /* @conditional-compile-remove(end-of-call-survey) */\n  SurveyStarIconFilled: <Star28Filled />,\n  /* @conditional-compile-remove(spotlight) */\n  StartSpotlightContextualMenuItem: <VideoPersonStar20Filled />,\n  /* @conditional-compile-remove(spotlight) */\n  StopSpotlightContextualMenuItem: <VideoPersonStarOff20Filled />,\n  /* @conditional-compile-remove(spotlight) */\n  VideoTileSpotlighted: <VideoPersonStar20Filled style={{\n    height: '16px',\n    width: '16px'\n  }} />\n};"]}

package/dist/dist-esm/react-components/src/theming/themes.d.ts

@@ -25,10 +25,4 @@ export declare const lightTheme: PartialTheme & CallingTheme;
  * @public
  */
 export declare const darkTheme: PartialTheme & CallingTheme;
-/**
- * Preset dark theme for the ImageOverlay component.
- *
- * @public
- */
-export declare const imageOverlayTheme: PartialTheme;
 //# sourceMappingURL=themes.d.ts.map

package/dist/dist-esm/react-components/src/theming/themes.js

@@ -84,14 +84,4 @@ export const darkTheme = {
         errorText: '#f1707b'
     }
 };
-/* @conditional-compile-remove(image-overlay-theme) */
-/**
- * Preset dark theme for the ImageOverlay component.
- *
- * @public
- */
-export const imageOverlayTheme = {
-    palette: darkTheme.palette,
-    semanticColors: Object.assign(Object.assign({}, darkTheme.semanticColors), { bodyBackground: 'rgba(0, 0, 0, 0.85)' })
-};
 //# sourceMappingURL=themes.js.map

package/dist/dist-esm/react-components/src/theming/themes.js.map

@@ -1 +1 @@
-{"version":3,"file":"themes.js","sourceRoot":"","sources":["../../../../../preprocess-dist/react-components/src/theming/themes.ts"],"names":[],"mappings":"AAAA,uCAAuC;AACvC,kCAAkC;AAmBlC;;;;GAIG;AACH,MAAM,CAAC,MAAM,UAAU,GAAgC;IACrD,OAAO,EAAE;QACP,YAAY,EAAE,SAAS;QACvB,eAAe,EAAE,SAAS;QAC1B,YAAY,EAAE,SAAS;QACvB,UAAU,EAAE,SAAS;QACrB,aAAa,EAAE,SAAS;QACxB,cAAc,EAAE,SAAS;QACzB,YAAY,EAAE,SAAS;QACvB,SAAS,EAAE,SAAS;QACpB,WAAW,EAAE,SAAS;QACtB,iBAAiB,EAAE,SAAS;QAC5B,cAAc,EAAE,SAAS;QACzB,YAAY,EAAE,SAAS;QACvB,oBAAoB,EAAE,SAAS;QAC/B,iBAAiB,EAAE,SAAS;QAC5B,kBAAkB,EAAE,SAAS;QAC7B,eAAe,EAAE,SAAS;QAC1B,gBAAgB,EAAE,SAAS;QAC3B,iBAAiB,EAAE,SAAS;QAC5B,cAAc,EAAE,SAAS;QACzB,WAAW,EAAE,SAAS;QACtB,KAAK,EAAE,SAAS;QAChB,KAAK,EAAE,SAAS;QAChB,kBAAkB,EAAE,0BAA0B;KAC/C;IACD,cAAc,EAAE;QACd,OAAO,EAAE,SAAS;QAClB,WAAW,EAAE,SAAS;QACtB,aAAa,EAAE,SAAS;QACxB,SAAS,EAAE,SAAS;QACpB,aAAa,EAAE,SAAS;KACzB;IACD,cAAc,EAAE;QACd,SAAS,EAAE,SAAS;KACrB;CACF,CAAC;AAEF;;;;GAIG;AACH,MAAM,CAAC,MAAM,SAAS,GAAgC;IACpD,OAAO,EAAE;QACP,YAAY,EAAE,SAAS;QACvB,eAAe,EAAE,SAAS;QAC1B,YAAY,EAAE,SAAS;QACvB,UAAU,EAAE,SAAS;QACrB,aAAa,EAAE,SAAS;QACxB,cAAc,EAAE,SAAS;QACzB,YAAY,EAAE,SAAS;QACvB,SAAS,EAAE,SAAS;QACpB,WAAW,EAAE,SAAS;QACtB,iBAAiB,EAAE,SAAS;QAC5B,cAAc,EAAE,SAAS;QACzB,YAAY,EAAE,SAAS;QACvB,oBAAoB,EAAE,SAAS;QAC/B,iBAAiB,EAAE,SAAS;QAC5B,kBAAkB,EAAE,SAAS;QAC7B,eAAe,EAAE,SAAS;QAC1B,gBAAgB,EAAE,SAAS;QAC3B,iBAAiB,EAAE,SAAS;QAC5B,cAAc,EAAE,SAAS;QACzB,WAAW,EAAE,SAAS;QACtB,KAAK,EAAE,SAAS;QAChB,KAAK,EAAE,SAAS;QAChB,kBAAkB,EAAE,oBAAoB;KACzC;IACD,cAAc,EAAE;QACd,OAAO,EAAE,SAAS;QAClB,WAAW,EAAE,SAAS;QACtB,aAAa,EAAE,SAAS;QACxB,SAAS,EAAE,SAAS;QACpB,aAAa,EAAE,SAAS;KACzB;IACD,cAAc,EAAE;QACd,SAAS,EAAE,SAAS;KACrB;CACF,CAAC;AAEF,sDAAsD;AACtD;;;;GAIG;AACH,MAAM,CAAC,MAAM,iBAAiB,GAAiB;IAC7C,OAAO,EAAE,SAAS,CAAC,OAAO;IAC1B,cAAc,kCACT,SAAS,CAAC,cAAc,KAC3B,cAAc,EAAE,qBAAqB,GACtC;CACF,CAAC","sourcesContent":["// Copyright (c) Microsoft Corporation.\n// Licensed under the MIT License.\n\nimport { PartialTheme } from '@fluentui/react';\n\n/**\n * Custom Fluent theme palette used by calling related components in this library.\n *\n * @public\n */\nexport interface CallingTheme {\n  callingPalette: {\n    callRed: string;\n    callRedDark: string;\n    callRedDarker: string;\n    iconWhite: string;\n    raiseHandGold: string;\n  };\n}\n\n/**\n * Preset light theme for components exported from this library.\n *\n * @public\n */\nexport const lightTheme: PartialTheme & CallingTheme = {\n  palette: {\n    themePrimary: '#0078d4',\n    themeLighterAlt: '#eff6fc',\n    themeLighter: '#deecf9',\n    themeLight: '#c7e0f4',\n    themeTertiary: '#71afe5',\n    themeSecondary: '#2b88d8',\n    themeDarkAlt: '#106ebe',\n    themeDark: '#59b0f7',\n    themeDarker: '#004578',\n    neutralLighterAlt: '#faf9f8',\n    neutralLighter: '#f3f2f1',\n    neutralLight: '#edebe9',\n    neutralQuaternaryAlt: '#e1dfdd',\n    neutralQuaternary: '#d0d0d0',\n    neutralTertiaryAlt: '#c8c6c4',\n    neutralTertiary: '#a19f9d',\n    neutralSecondary: '#605e5c',\n    neutralPrimaryAlt: '#3b3a39',\n    neutralPrimary: '#323130',\n    neutralDark: '#201f1e',\n    black: '#000000',\n    white: '#ffffff',\n    whiteTranslucent40: 'rgba(255, 255, 255, 0.4)'\n  },\n  callingPalette: {\n    callRed: '#a42e43',\n    callRedDark: '#8b2c3d',\n    callRedDarker: '#772a38',\n    iconWhite: '#ffffff',\n    raiseHandGold: '#eaa300'\n  },\n  semanticColors: {\n    errorText: '#a80000'\n  }\n};\n\n/**\n * Preset dark theme for components exported from this library.\n *\n * @public\n */\nexport const darkTheme: PartialTheme & CallingTheme = {\n  palette: {\n    themePrimary: '#2899f5',\n    themeLighterAlt: '#02060a',\n    themeLighter: '#061827',\n    themeLight: '#0c2e49',\n    themeTertiary: '#185b93',\n    themeSecondary: '#2286d7',\n    themeDarkAlt: '#3ca2f6',\n    themeDark: '#59b0f7',\n    themeDarker: '#84c5f9',\n    neutralLighterAlt: '#302e2d',\n    neutralLighter: '#383735',\n    neutralLight: '#464443',\n    neutralQuaternaryAlt: '#4e4d4b',\n    neutralQuaternary: '#4d4b49',\n    neutralTertiaryAlt: '#72706e',\n    neutralTertiary: '#c8c8c8',\n    neutralSecondary: '#d0d0d0',\n    neutralPrimaryAlt: '#dadada',\n    neutralPrimary: '#ffffff',\n    neutralDark: '#f4f4f4',\n    black: '#f8f8f8',\n    white: '#252423',\n    whiteTranslucent40: 'rgba(0, 0, 0, 0.4)'\n  },\n  callingPalette: {\n    callRed: '#c4314b',\n    callRedDark: '#a42e43',\n    callRedDarker: '#8b2c3d',\n    iconWhite: '#ffffff',\n    raiseHandGold: '#eaa300'\n  },\n  semanticColors: {\n    errorText: '#f1707b'\n  }\n};\n\n/* @conditional-compile-remove(image-overlay-theme) */\n/**\n * Preset dark theme for the ImageOverlay component.\n *\n * @public\n */\nexport const imageOverlayTheme: PartialTheme = {\n  palette: darkTheme.palette,\n  semanticColors: {\n    ...darkTheme.semanticColors,\n    bodyBackground: 'rgba(0, 0, 0, 0.85)'\n  }\n};"]}
+{"version":3,"file":"themes.js","sourceRoot":"","sources":["../../../../../preprocess-dist/react-components/src/theming/themes.ts"],"names":[],"mappings":"AAAA,uCAAuC;AACvC,kCAAkC;AAmBlC;;;;GAIG;AACH,MAAM,CAAC,MAAM,UAAU,GAAgC;IACrD,OAAO,EAAE;QACP,YAAY,EAAE,SAAS;QACvB,eAAe,EAAE,SAAS;QAC1B,YAAY,EAAE,SAAS;QACvB,UAAU,EAAE,SAAS;QACrB,aAAa,EAAE,SAAS;QACxB,cAAc,EAAE,SAAS;QACzB,YAAY,EAAE,SAAS;QACvB,SAAS,EAAE,SAAS;QACpB,WAAW,EAAE,SAAS;QACtB,iBAAiB,EAAE,SAAS;QAC5B,cAAc,EAAE,SAAS;QACzB,YAAY,EAAE,SAAS;QACvB,oBAAoB,EAAE,SAAS;QAC/B,iBAAiB,EAAE,SAAS;QAC5B,kBAAkB,EAAE,SAAS;QAC7B,eAAe,EAAE,SAAS;QAC1B,gBAAgB,EAAE,SAAS;QAC3B,iBAAiB,EAAE,SAAS;QAC5B,cAAc,EAAE,SAAS;QACzB,WAAW,EAAE,SAAS;QACtB,KAAK,EAAE,SAAS;QAChB,KAAK,EAAE,SAAS;QAChB,kBAAkB,EAAE,0BAA0B;KAC/C;IACD,cAAc,EAAE;QACd,OAAO,EAAE,SAAS;QAClB,WAAW,EAAE,SAAS;QACtB,aAAa,EAAE,SAAS;QACxB,SAAS,EAAE,SAAS;QACpB,aAAa,EAAE,SAAS;KACzB;IACD,cAAc,EAAE;QACd,SAAS,EAAE,SAAS;KACrB;CACF,CAAC;AAEF;;;;GAIG;AACH,MAAM,CAAC,MAAM,SAAS,GAAgC;IACpD,OAAO,EAAE;QACP,YAAY,EAAE,SAAS;QACvB,eAAe,EAAE,SAAS;QAC1B,YAAY,EAAE,SAAS;QACvB,UAAU,EAAE,SAAS;QACrB,aAAa,EAAE,SAAS;QACxB,cAAc,EAAE,SAAS;QACzB,YAAY,EAAE,SAAS;QACvB,SAAS,EAAE,SAAS;QACpB,WAAW,EAAE,SAAS;QACtB,iBAAiB,EAAE,SAAS;QAC5B,cAAc,EAAE,SAAS;QACzB,YAAY,EAAE,SAAS;QACvB,oBAAoB,EAAE,SAAS;QAC/B,iBAAiB,EAAE,SAAS;QAC5B,kBAAkB,EAAE,SAAS;QAC7B,eAAe,EAAE,SAAS;QAC1B,gBAAgB,EAAE,SAAS;QAC3B,iBAAiB,EAAE,SAAS;QAC5B,cAAc,EAAE,SAAS;QACzB,WAAW,EAAE,SAAS;QACtB,KAAK,EAAE,SAAS;QAChB,KAAK,EAAE,SAAS;QAChB,kBAAkB,EAAE,oBAAoB;KACzC;IACD,cAAc,EAAE;QACd,OAAO,EAAE,SAAS;QAClB,WAAW,EAAE,SAAS;QACtB,aAAa,EAAE,SAAS;QACxB,SAAS,EAAE,SAAS;QACpB,aAAa,EAAE,SAAS;KACzB;IACD,cAAc,EAAE;QACd,SAAS,EAAE,SAAS;KACrB;CACF,CAAC","sourcesContent":["// Copyright (c) Microsoft Corporation.\n// Licensed under the MIT License.\n\nimport { PartialTheme } from '@fluentui/react';\n\n/**\n * Custom Fluent theme palette used by calling related components in this library.\n *\n * @public\n */\nexport interface CallingTheme {\n  callingPalette: {\n    callRed: string;\n    callRedDark: string;\n    callRedDarker: string;\n    iconWhite: string;\n    raiseHandGold: string;\n  };\n}\n\n/**\n * Preset light theme for components exported from this library.\n *\n * @public\n */\nexport const lightTheme: PartialTheme & CallingTheme = {\n  palette: {\n    themePrimary: '#0078d4',\n    themeLighterAlt: '#eff6fc',\n    themeLighter: '#deecf9',\n    themeLight: '#c7e0f4',\n    themeTertiary: '#71afe5',\n    themeSecondary: '#2b88d8',\n    themeDarkAlt: '#106ebe',\n    themeDark: '#59b0f7',\n    themeDarker: '#004578',\n    neutralLighterAlt: '#faf9f8',\n    neutralLighter: '#f3f2f1',\n    neutralLight: '#edebe9',\n    neutralQuaternaryAlt: '#e1dfdd',\n    neutralQuaternary: '#d0d0d0',\n    neutralTertiaryAlt: '#c8c6c4',\n    neutralTertiary: '#a19f9d',\n    neutralSecondary: '#605e5c',\n    neutralPrimaryAlt: '#3b3a39',\n    neutralPrimary: '#323130',\n    neutralDark: '#201f1e',\n    black: '#000000',\n    white: '#ffffff',\n    whiteTranslucent40: 'rgba(255, 255, 255, 0.4)'\n  },\n  callingPalette: {\n    callRed: '#a42e43',\n    callRedDark: '#8b2c3d',\n    callRedDarker: '#772a38',\n    iconWhite: '#ffffff',\n    raiseHandGold: '#eaa300'\n  },\n  semanticColors: {\n    errorText: '#a80000'\n  }\n};\n\n/**\n * Preset dark theme for components exported from this library.\n *\n * @public\n */\nexport const darkTheme: PartialTheme & CallingTheme = {\n  palette: {\n    themePrimary: '#2899f5',\n    themeLighterAlt: '#02060a',\n    themeLighter: '#061827',\n    themeLight: '#0c2e49',\n    themeTertiary: '#185b93',\n    themeSecondary: '#2286d7',\n    themeDarkAlt: '#3ca2f6',\n    themeDark: '#59b0f7',\n    themeDarker: '#84c5f9',\n    neutralLighterAlt: '#302e2d',\n    neutralLighter: '#383735',\n    neutralLight: '#464443',\n    neutralQuaternaryAlt: '#4e4d4b',\n    neutralQuaternary: '#4d4b49',\n    neutralTertiaryAlt: '#72706e',\n    neutralTertiary: '#c8c8c8',\n    neutralSecondary: '#d0d0d0',\n    neutralPrimaryAlt: '#dadada',\n    neutralPrimary: '#ffffff',\n    neutralDark: '#f4f4f4',\n    black: '#f8f8f8',\n    white: '#252423',\n    whiteTranslucent40: 'rgba(0, 0, 0, 0.4)'\n  },\n  callingPalette: {\n    callRed: '#c4314b',\n    callRedDark: '#a42e43',\n    callRedDarker: '#8b2c3d',\n    iconWhite: '#ffffff',\n    raiseHandGold: '#eaa300'\n  },\n  semanticColors: {\n    errorText: '#f1707b'\n  }\n};"]}

package/dist/dist-esm/react-components/src/types/Attachment.d.ts

@@ -1,3 +1,5 @@
+/// <reference types="react" />
+import { ChatMessage } from './ChatMessage';
 /**
  * Metadata containing basic information about the uploaded attachment.
  *
@@ -9,134 +11,128 @@ export interface AttachmentMetadata {
      * An unknown or empty extension will be rendered as a generic icon.
      * Example: `pdf`
      */
-    extension: string;
+    extension?: string;
     /**
      * Unique ID of the attachment.
      */
     id: string;
     /**
-     * File name to be displayed.
+     * Attachment name to be displayed.
      */
     name: string;
     /**
      * Download URL for the attachment.
      */
-    url: string;
-    payload?: Record<string, string>;
+    url?: string;
+    /**
+     * A number between 0 and 1 indicating the progress of the upload.
+     */
+    progress?: number;
+    /**
+     * A object contains status message would be shown to the user.
+     */
+    uploadError?: AttachmentUploadStatus;
 }
 /**
  * @beta
- * A attachment download error returned via a {@link FileDownloadHandler}.
- * This error message is used to render an error message in the UI.
+ * A attachment upload status object that contains message to be shown to
+ * the user and a timestamp.
  */
-export interface FileDownloadError {
-    /** The error message to display in the UI */
-    errorMessage: string;
+export interface AttachmentUploadStatus {
+    message: string;
+    timestamp: number;
 }
 /**
  * @beta
  *
- * A callback function for handling attachment downloads.
- * The function needs to return a promise that resolves to a attachment download URL.
- * If the promise is rejected, the {@link Error.message} will be used to display an error message to the user.
- *
- * @example
- * ```ts
- * const attachmentDownloadHandler: FileDownloadHandler = async (userId, attachmentData) => {
- *   if (isUnauthorizedUser(userId)) {
- *     return { errorMessage: 'You don’t have permission to download this attachment.' };
- *   } else {
- *     return new URL(attachmentData.url);
- *   }
- * }
+ * Attachment Options that defines behaviour for uploading and downloading attachments.
+ */
+export interface AttachmentOptions {
+    uploadOptions?: AttachmentUploadOptions;
+    downloadOptions?: AttachmentDownloadOptions;
+}
+/**
+ * @beta
  *
- * const App = () => (
- *   <ChatComposite
- *     ...
- *     fileSharing={{
- *       fileDownloadHandler: fileDownloadHandler
- *     }}
- *   />
- * )
+ * Attachment download options defines the list of actions that can be performed on an attachment.
+ */
+export interface AttachmentDownloadOptions {
+    actionsForAttachment: (attachment: AttachmentMetadata, message?: ChatMessage) => AttachmentMenuAction[];
+}
+/**
+ * @beta
  *
- * ```
- * @param userId - The user ID of the user downloading the attachment.
- * @param fileMetadata - The {@link AttachmentMetadata} containing file `url`, `extension` and `name`.
+ * Attachment menu action defines buttons that can be shown on the attachment card.
+ * If there's one action, it will be shown as a button, if there are multiple actions, it will be shown as a dropdown.
  */
-export type FileDownloadHandler = (userId: string, fileMetadata: AttachmentMetadata) => Promise<URL | FileDownloadError>;
+export interface AttachmentMenuAction {
+    name: string;
+    icon: JSX.Element;
+    onClick: (attachment: AttachmentMetadata) => Promise<void>;
+}
 /**
- * Contains the state attributes of a file upload like name, progress etc.
  * @beta
  */
-export interface FileUploadState {
-    /**
-     * Unique identifier for the file upload.
-     */
-    id: string;
-    /**
-     * Filename extracted from the {@link File} object.
-     * This attribute is used to render the filename if `metadata.name` is not available.
-     */
-    filename: string;
+export interface AttachmentUploadOptions {
     /**
-     * A number between 0 and 1 indicating the progress of the upload.
+     * A list of strings containing the comma separated list of supported media (aka. mime) types.
+     * i.e. ['image/*', 'video/*', 'audio/*']
+     * Default value is `['*']`, meaning all media types are supported.
+     * Similar to the `accept` attribute of the `<input type="attachment" />` element.
+     * @beta
      */
-    progress: number;
+    supportedMediaTypes?: string[];
     /**
-     * Metadata {@link AttachmentMetadata} containing information about the uploaded file.
+     * Disable multiple attachments to be selected if set to `true`.
+     * Default value is `false`, meaning multiple attachments can be selected.
+     * Similar to the `multiple` attribute of the `<input type="attachment" />` element.
+     * @beta
      */
-    metadata?: AttachmentMetadata;
+    disableMultipleUploads?: boolean;
     /**
-     * Error message to be displayed to the user if the upload fails.
+     * A function of type {@link AttachmentUploadHandler} for handling attachment uploads.
+     * @beta
      */
-    error?: FileUploadError;
+    handler: AttachmentUploadHandler;
 }
 /**
- * @beta
- * Error message to be displayed to the user if the upload fails.
- */
-export type FileUploadError = {
-    message: string;
-    timestamp: number;
-};
-/**
- * A wrapper object for a file that is being uploaded.
- * Allows managing file uploads by providing common functions for updating the
+ * A wrapper object for a attachment that is being uploaded.
+ * Allows managing attachment uploads by providing common functions for updating the
  * upload progress, canceling an upload, completing an upload etc.
  * @beta
  */
-export interface FileUploadManager {
+export interface AttachmentUploadManager {
     /**
-     * Unique identifier for the file upload.
+     * Unique identifier for the attachment upload.
      */
     id: string;
     /**
-     * HTML {@link File} object for the uploaded file.
+     * HTML {@link File} object for the uploaded attachment.
      */
     file?: File;
     /**
-     * Update the progress of the upload.
+     * Update the progress of the upload changed.
+     * A upload is considered complete when the progress reaches 1.
      * @param value - number between 0 and 1
      */
-    notifyUploadProgressChanged: (value: number) => void;
+    notifyProgressChanged: (value: number) => void;
     /**
      * Mark the upload as complete.
-     * Requires the `metadata` param containing uploaded file information.
+     * Requires the `metadata` param containing uploaded attachment information.
      * @param metadata - {@link AttachmentMetadata}
      */
-    notifyUploadCompleted: (metadata: AttachmentMetadata) => void;
+    notifyCompleted: (metadata: AttachmentMetadata) => void;
     /**
      * Mark the upload as failed.
      * @param message - An error message that can be displayed to the user.
      */
-    notifyUploadFailed: (message: string) => void;
+    notifyFailed: (message: string) => void;
 }
 /**
  * @beta
- * A callback function for handling file uploads.
+ * A callback function for handling attachment uploads.
  *
- * @param userId - The user ID of the user uploading the file.
- * @param fileUploads - The list of uploaded files. Each file is represented by an {@link FileUpload} object.
+ * @param AttachmentUploads - The list of uploaded attachments. Each attachment is represented by an {@link AttachmentUpload} object.
  */
-export type FileUploadHandler = (userId: string, fileUploads: FileUploadManager[]) => void;
+export type AttachmentUploadHandler = (attachmentUploads: AttachmentUploadManager[]) => void;
 //# sourceMappingURL=Attachment.d.ts.map

package/dist/dist-esm/react-components/src/types/Attachment.js.map

@@ -1 +1 @@
-{"version":3,"file":"Attachment.js","sourceRoot":"","sources":["../../../../../preprocess-dist/react-components/src/types/Attachment.ts"],"names":[],"mappings":"AAAA,uCAAuC;AACvC,kCAAkC","sourcesContent":["// Copyright (c) Microsoft Corporation.\n// Licensed under the MIT License.\n\n/**\n * Metadata containing basic information about the uploaded attachment.\n *\n * @beta\n */\nexport interface AttachmentMetadata {\n  /**\n   * Extension hint, useful for rendering a specific icon.\n   * An unknown or empty extension will be rendered as a generic icon.\n   * Example: `pdf`\n   */\n  extension: string;\n  /**\n   * Unique ID of the attachment.\n   */\n  /* @conditional-compile-remove(file-sharing) */\n  id: string;\n  /**\n   * File name to be displayed.\n   */\n  name: string;\n  /**\n   * Download URL for the attachment.\n   */\n  url: string;\n  /* @conditional-compile-remove(file-sharing) */\n  /*\n   * Optional dictionary of meta data associated with the attachment.\n   */\n  payload?: Record<string, string>;\n}\n\n/**\n * @beta\n * A attachment download error returned via a {@link FileDownloadHandler}.\n * This error message is used to render an error message in the UI.\n */\nexport interface FileDownloadError {\n  /** The error message to display in the UI */\n  errorMessage: string;\n}\n\n/**\n * @beta\n *\n * A callback function for handling attachment downloads.\n * The function needs to return a promise that resolves to a attachment download URL.\n * If the promise is rejected, the {@link Error.message} will be used to display an error message to the user.\n *\n * @example\n * ```ts\n * const attachmentDownloadHandler: FileDownloadHandler = async (userId, attachmentData) => {\n *   if (isUnauthorizedUser(userId)) {\n *     return { errorMessage: 'You don’t have permission to download this attachment.' };\n *   } else {\n *     return new URL(attachmentData.url);\n *   }\n * }\n *\n * const App = () => (\n *   <ChatComposite\n *     ...\n *     fileSharing={{\n *       fileDownloadHandler: fileDownloadHandler\n *     }}\n *   />\n * )\n *\n * ```\n * @param userId - The user ID of the user downloading the attachment.\n * @param fileMetadata - The {@link AttachmentMetadata} containing file `url`, `extension` and `name`.\n */\nexport type FileDownloadHandler = (userId: string, fileMetadata: AttachmentMetadata) => Promise<URL | FileDownloadError>;\n\n/**\n * Contains the state attributes of a file upload like name, progress etc.\n * @beta\n */\nexport interface FileUploadState {\n  /**\n   * Unique identifier for the file upload.\n   */\n  id: string;\n\n  /**\n   * Filename extracted from the {@link File} object.\n   * This attribute is used to render the filename if `metadata.name` is not available.\n   */\n  filename: string;\n\n  /**\n   * A number between 0 and 1 indicating the progress of the upload.\n   */\n  progress: number;\n\n  /**\n   * Metadata {@link AttachmentMetadata} containing information about the uploaded file.\n   */\n  metadata?: AttachmentMetadata;\n\n  /**\n   * Error message to be displayed to the user if the upload fails.\n   */\n  error?: FileUploadError;\n}\n\n/**\n * @beta\n * Error message to be displayed to the user if the upload fails.\n */\nexport type FileUploadError = {\n  message: string;\n  timestamp: number;\n};\n\n/**\n * A wrapper object for a file that is being uploaded.\n * Allows managing file uploads by providing common functions for updating the\n * upload progress, canceling an upload, completing an upload etc.\n * @beta\n */\nexport interface FileUploadManager {\n  /**\n   * Unique identifier for the file upload.\n   */\n  id: string;\n  /**\n   * HTML {@link File} object for the uploaded file.\n   */\n  file?: File;\n  /**\n   * Update the progress of the upload.\n   * @param value - number between 0 and 1\n   */\n  notifyUploadProgressChanged: (value: number) => void;\n  /**\n   * Mark the upload as complete.\n   * Requires the `metadata` param containing uploaded file information.\n   * @param metadata - {@link AttachmentMetadata}\n   */\n  notifyUploadCompleted: (metadata: AttachmentMetadata) => void;\n  /**\n   * Mark the upload as failed.\n   * @param message - An error message that can be displayed to the user.\n   */\n  notifyUploadFailed: (message: string) => void;\n}\n\n/**\n * @beta\n * A callback function for handling file uploads.\n *\n * @param userId - The user ID of the user uploading the file.\n * @param fileUploads - The list of uploaded files. Each file is represented by an {@link FileUpload} object.\n */\nexport type FileUploadHandler = (userId: string, fileUploads: FileUploadManager[]) => void;"]}
+{"version":3,"file":"Attachment.js","sourceRoot":"","sources":["../../../../../preprocess-dist/react-components/src/types/Attachment.ts"],"names":[],"mappings":"AAAA,uCAAuC;AACvC,kCAAkC","sourcesContent":["// Copyright (c) Microsoft Corporation.\n// Licensed under the MIT License.\n\nimport { ChatMessage } from './ChatMessage';\n\n/**\n * Metadata containing basic information about the uploaded attachment.\n *\n * @beta\n */\nexport interface AttachmentMetadata {\n  /**\n   * Extension hint, useful for rendering a specific icon.\n   * An unknown or empty extension will be rendered as a generic icon.\n   * Example: `pdf`\n   */\n  extension?: string;\n  /**\n   * Unique ID of the attachment.\n   */\n  id: string;\n  /**\n   * Attachment name to be displayed.\n   */\n  name: string;\n  /**\n   * Download URL for the attachment.\n   */\n  url?: string;\n  /**\n   * A number between 0 and 1 indicating the progress of the upload.\n   */\n  progress?: number;\n  /**\n   * A object contains status message would be shown to the user.\n   */\n  uploadError?: AttachmentUploadStatus;\n}\n\n/**\n * @beta\n * A attachment upload status object that contains message to be shown to\n * the user and a timestamp.\n */\nexport interface AttachmentUploadStatus {\n  message: string;\n  timestamp: number;\n}\n\n/**\n * @beta\n *\n * Attachment Options that defines behaviour for uploading and downloading attachments.\n */\nexport interface AttachmentOptions {\n  uploadOptions?: AttachmentUploadOptions;\n  downloadOptions?: AttachmentDownloadOptions;\n}\n\n/**\n * @beta\n *\n * Attachment download options defines the list of actions that can be performed on an attachment.\n */\nexport interface AttachmentDownloadOptions {\n  // A callback function that defines what action user can perform on an attachment.\n  // by default, the UI library would have default actions that opens attachment URL in a new tab\n  // provide this callback function to override the default actions or add new actions.\n  actionsForAttachment: (attachment: AttachmentMetadata, message?: ChatMessage) => AttachmentMenuAction[];\n}\n\n/**\n * @beta\n *\n * Attachment menu action defines buttons that can be shown on the attachment card.\n * If there's one action, it will be shown as a button, if there are multiple actions, it will be shown as a dropdown.\n */\nexport interface AttachmentMenuAction {\n  name: string;\n  icon: JSX.Element;\n  onClick: (attachment: AttachmentMetadata) => Promise<void>;\n}\n\n/**\n * @beta\n */\nexport interface AttachmentUploadOptions {\n  /**\n   * A list of strings containing the comma separated list of supported media (aka. mime) types.\n   * i.e. ['image/*', 'video/*', 'audio/*']\n   * Default value is `['*']`, meaning all media types are supported.\n   * Similar to the `accept` attribute of the `<input type=\"attachment\" />` element.\n   * @beta\n   */\n  supportedMediaTypes?: string[];\n  /**\n   * Disable multiple attachments to be selected if set to `true`.\n   * Default value is `false`, meaning multiple attachments can be selected.\n   * Similar to the `multiple` attribute of the `<input type=\"attachment\" />` element.\n   * @beta\n   */\n  disableMultipleUploads?: boolean;\n  /**\n   * A function of type {@link AttachmentUploadHandler} for handling attachment uploads.\n   * @beta\n   */\n  handler: AttachmentUploadHandler;\n}\n\n/**\n * A wrapper object for a attachment that is being uploaded.\n * Allows managing attachment uploads by providing common functions for updating the\n * upload progress, canceling an upload, completing an upload etc.\n * @beta\n */\nexport interface AttachmentUploadManager {\n  /**\n   * Unique identifier for the attachment upload.\n   */\n  id: string;\n  /**\n   * HTML {@link File} object for the uploaded attachment.\n   */\n  file?: File;\n  /**\n   * Update the progress of the upload changed.\n   * A upload is considered complete when the progress reaches 1.\n   * @param value - number between 0 and 1\n   */\n  notifyProgressChanged: (value: number) => void;\n  /**\n   * Mark the upload as complete.\n   * Requires the `metadata` param containing uploaded attachment information.\n   * @param metadata - {@link AttachmentMetadata}\n   */\n  notifyCompleted: (metadata: AttachmentMetadata) => void;\n  /**\n   * Mark the upload as failed.\n   * @param message - An error message that can be displayed to the user.\n   */\n  notifyFailed: (message: string) => void;\n}\n\n/**\n * @beta\n * A callback function for handling attachment uploads.\n *\n * @param AttachmentUploads - The list of uploaded attachments. Each attachment is represented by an {@link AttachmentUpload} object.\n */\nexport type AttachmentUploadHandler = (attachmentUploads: AttachmentUploadManager[]) => void;"]}

package/dist/dist-esm/react-components/src/types/CallSurveyImprovementSuggestions.d.ts

@@ -1,6 +1,6 @@
 /**
  * Represents the improvement suggestion part of call survey
- * @beta
+ * @public
  */
 export interface CallSurveyImprovementSuggestions {
     /**

package/dist/dist-esm/react-components/src/types/CallSurveyImprovementSuggestions.js.map

@@ -1 +1 @@
-{"version":3,"file":"CallSurveyImprovementSuggestions.js","sourceRoot":"","sources":["../../../../../preprocess-dist/react-components/src/types/CallSurveyImprovementSuggestions.ts"],"names":[],"mappings":"AAAA,uCAAuC;AACvC,kCAAkC","sourcesContent":["// Copyright (c) Microsoft Corporation.\n// Licensed under the MIT License.\n\n/**\n * Represents the improvement suggestion part of call survey\n * @beta\n */\nexport interface CallSurveyImprovementSuggestions {\n  /**\n   * Improvement suggestions for overall call\n   */\n  overallRating?: string;\n  /**\n   * Improvement suggestions for audio experience\n   */\n  audioRating?: string;\n  /**\n   * Improvement suggestions for video experience\n   */\n  videoRating?: string;\n  /**\n   * Improvement suggestions for screenshare experience\n   */\n  screenshareRating?: string;\n}"]}
+{"version":3,"file":"CallSurveyImprovementSuggestions.js","sourceRoot":"","sources":["../../../../../preprocess-dist/react-components/src/types/CallSurveyImprovementSuggestions.ts"],"names":[],"mappings":"AAAA,uCAAuC;AACvC,kCAAkC","sourcesContent":["// Copyright (c) Microsoft Corporation.\n// Licensed under the MIT License.\n\n/**\n * Represents the improvement suggestion part of call survey\n * @public\n */\nexport interface CallSurveyImprovementSuggestions {\n  /**\n   * Improvement suggestions for overall call\n   */\n  overallRating?: string;\n  /**\n   * Improvement suggestions for audio experience\n   */\n  audioRating?: string;\n  /**\n   * Improvement suggestions for video experience\n   */\n  videoRating?: string;\n  /**\n   * Improvement suggestions for screenshare experience\n   */\n  screenshareRating?: string;\n}"]}

package/dist/dist-esm/react-components/src/types/ChatMessage.d.ts

@@ -1,6 +1,5 @@
 import { MessageStatus } from "../../../acs-ui-common/src";
 import { CommunicationParticipant } from './CommunicationParticipant';
-import { AttachmentMetadata } from './Attachment';
 /**
  * Indicate whether a chat message should be displayed merged with the message before / after it.
  * If `true`, the message will be appear grouped with the message before it.
@@ -22,7 +21,7 @@ export type MessageContentType = 'text' | 'html' | 'richtext/html' | 'unknown';
  *
  * @public
  */
-export type Message = ChatMessage | SystemMessage | CustomMessage | /* @conditional-compile-remove(data-loss-prevention) */ BlockedMessage;
+export type Message = ChatMessage | SystemMessage | CustomMessage;
 /**
  * Discriminated union of all system messages.
  *
@@ -54,12 +53,6 @@ export interface ChatMessage extends MessageCommon {
      * {@link @azure/communication-chat#ChatMessage.metadata}
      */
     metadata?: Record<string, string>;
-    /**
-     * @beta
-     * A list of file attachments for the message.
-     * {@link AttachmentMetadata}
-     */
-    files?: AttachmentMetadata[];
 }
 /**
  * A system message notifying that a participant was added to the chat thread.
@@ -97,25 +90,6 @@ export interface ContentSystemMessage extends SystemMessageCommon {
     systemMessageType: 'content';
     content: string;
 }
-/**
- * Content blocked message type.
- *
- * Content blocked messages will rendered default value, but applications can provide custom strings and icon to renderers.
- *
- * @beta
- */
-export interface BlockedMessage extends MessageCommon {
-    messageType: 'blocked';
-    warningText?: string;
-    linkText?: string;
-    link?: string;
-    deletedOn?: Date;
-    senderId?: string;
-    senderDisplayName?: string;
-    status?: MessageStatus;
-    attached?: MessageAttachedStatus;
-    mine?: boolean;
-}
 /**
  * A custom message type.
  *

package/dist/dist-esm/react-components/src/types/ChatMessage.js.map

@@ -1 +1 @@
-{"version":3,"file":"ChatMessage.js","sourceRoot":"","sources":["../../../../../preprocess-dist/react-components/src/types/ChatMessage.ts"],"names":[],"mappings":"AAAA,uCAAuC;AACvC,kCAAkC","sourcesContent":["// Copyright (c) Microsoft Corporation.\n// Licensed under the MIT License.\n\nimport { MessageStatus } from '@internal/acs-ui-common';\nimport { CommunicationParticipant } from './CommunicationParticipant';\n/* @conditional-compile-remove(file-sharing) */\nimport { AttachmentMetadata } from './Attachment';\n\n/**\n * Indicate whether a chat message should be displayed merged with the message before / after it.\n * If `true`, the message will be appear grouped with the message before it.\n * 'top' and 'bottom' are used to indicate that the message is the start or end of a group.\n *\n * @public\n */\nexport type MessageAttachedStatus = 'bottom' | 'top' | boolean;\n\n/**\n * Supported types of chat message content.\n *\n * @public\n */\nexport type MessageContentType = 'text' | 'html' | 'richtext/html' | 'unknown';\n\n/**\n * Discriminated union of all messages.\n *\n * The `messageType` field specializes into union variants.\n *\n * @public\n */\nexport type Message = ChatMessage | SystemMessage | CustomMessage | /* @conditional-compile-remove(data-loss-prevention) */BlockedMessage;\n\n/**\n * Discriminated union of all system messages.\n *\n * The `systemMessageType` field specializes into union variants.\n *\n * @public\n */\nexport type SystemMessage = ParticipantAddedSystemMessage | ParticipantRemovedSystemMessage | TopicUpdatedSystemMessage | ContentSystemMessage;\n\n/**\n * A chat message.\n *\n * @public\n */\nexport interface ChatMessage extends MessageCommon {\n  messageType: 'chat';\n  content?: string;\n  editedOn?: Date;\n  deletedOn?: Date;\n  senderId?: string;\n  senderDisplayName?: string;\n  status?: MessageStatus;\n  failureReason?: string;\n  attached?: MessageAttachedStatus;\n  mine?: boolean;\n  clientMessageId?: string;\n  contentType: MessageContentType;\n  /**\n   * A metadata field for the message.\n   * {@link @azure/communication-chat#ChatMessage.metadata}\n   */\n  metadata?: Record<string, string>;\n  /* @conditional-compile-remove(file-sharing) */\n  /**\n   * @beta\n   * A list of file attachments for the message.\n   * {@link AttachmentMetadata}\n   */\n  files?: AttachmentMetadata[];\n}\n\n/**\n * A system message notifying that a participant was added to the chat thread.\n *\n * @public\n */\nexport interface ParticipantAddedSystemMessage extends SystemMessageCommon {\n  systemMessageType: 'participantAdded';\n  participants: CommunicationParticipant[];\n}\n\n/**\n * A system message notifying that a participant was removed from the chat thread.\n *\n * @public\n */\nexport interface ParticipantRemovedSystemMessage extends SystemMessageCommon {\n  systemMessageType: 'participantRemoved';\n  participants: CommunicationParticipant[];\n}\n\n/**\n * A system message notifying that the chat thread topic was updated.\n *\n * @public\n */\nexport interface TopicUpdatedSystemMessage extends SystemMessageCommon {\n  systemMessageType: 'topicUpdated';\n  topic: string;\n}\n\n/**\n * A system message with arbitary content.\n *\n * @public\n */\nexport interface ContentSystemMessage extends SystemMessageCommon {\n  systemMessageType: 'content';\n  content: string;\n}\n\n/* @conditional-compile-remove(data-loss-prevention) */\n/**\n * Content blocked message type.\n *\n * Content blocked messages will rendered default value, but applications can provide custom strings and icon to renderers.\n *\n * @beta\n */\nexport interface BlockedMessage extends MessageCommon {\n  messageType: 'blocked';\n  warningText?: string;\n  linkText?: string;\n  link?: string;\n  deletedOn?: Date;\n  senderId?: string;\n  senderDisplayName?: string;\n  status?: MessageStatus;\n  attached?: MessageAttachedStatus;\n  mine?: boolean;\n}\n\n/**\n * A custom message type.\n *\n * Custom messages are not rendered by default, but applications can provide custom renderers for them.\n *\n * @public\n */\nexport interface CustomMessage extends MessageCommon {\n  messageType: 'custom';\n  content: string;\n}\n\n/**\n * Common properties of all system messages.\n *\n * @public\n */\nexport interface SystemMessageCommon extends MessageCommon {\n  messageType: 'system';\n  iconName: string;\n}\n\n/**\n * Common properties of all message types.\n *\n * @public\n */\nexport interface MessageCommon {\n  messageId: string;\n  // ISO8601 format: `yyyy-MM-ddTHH:mm:ssZ`\n  createdOn: Date;\n}"]}
+{"version":3,"file":"ChatMessage.js","sourceRoot":"","sources":["../../../../../preprocess-dist/react-components/src/types/ChatMessage.ts"],"names":[],"mappings":"AAAA,uCAAuC;AACvC,kCAAkC","sourcesContent":["// Copyright (c) Microsoft Corporation.\n// Licensed under the MIT License.\n\nimport { MessageStatus } from '@internal/acs-ui-common';\nimport { CommunicationParticipant } from './CommunicationParticipant';\n/**\n * Indicate whether a chat message should be displayed merged with the message before / after it.\n * If `true`, the message will be appear grouped with the message before it.\n * 'top' and 'bottom' are used to indicate that the message is the start or end of a group.\n *\n * @public\n */\nexport type MessageAttachedStatus = 'bottom' | 'top' | boolean;\n\n/**\n * Supported types of chat message content.\n *\n * @public\n */\nexport type MessageContentType = 'text' | 'html' | 'richtext/html' | 'unknown';\n\n/**\n * Discriminated union of all messages.\n *\n * The `messageType` field specializes into union variants.\n *\n * @public\n */\nexport type Message = ChatMessage | SystemMessage | CustomMessage;\n\n/**\n * Discriminated union of all system messages.\n *\n * The `systemMessageType` field specializes into union variants.\n *\n * @public\n */\nexport type SystemMessage = ParticipantAddedSystemMessage | ParticipantRemovedSystemMessage | TopicUpdatedSystemMessage | ContentSystemMessage;\n\n/**\n * A chat message.\n *\n * @public\n */\nexport interface ChatMessage extends MessageCommon {\n  messageType: 'chat';\n  content?: string;\n  editedOn?: Date;\n  deletedOn?: Date;\n  senderId?: string;\n  senderDisplayName?: string;\n  status?: MessageStatus;\n  failureReason?: string;\n  attached?: MessageAttachedStatus;\n  mine?: boolean;\n  clientMessageId?: string;\n  contentType: MessageContentType;\n  /**\n   * A metadata field for the message.\n   * {@link @azure/communication-chat#ChatMessage.metadata}\n   */\n  metadata?: Record<string, string>;\n}\n\n/**\n * A system message notifying that a participant was added to the chat thread.\n *\n * @public\n */\nexport interface ParticipantAddedSystemMessage extends SystemMessageCommon {\n  systemMessageType: 'participantAdded';\n  participants: CommunicationParticipant[];\n}\n\n/**\n * A system message notifying that a participant was removed from the chat thread.\n *\n * @public\n */\nexport interface ParticipantRemovedSystemMessage extends SystemMessageCommon {\n  systemMessageType: 'participantRemoved';\n  participants: CommunicationParticipant[];\n}\n\n/**\n * A system message notifying that the chat thread topic was updated.\n *\n * @public\n */\nexport interface TopicUpdatedSystemMessage extends SystemMessageCommon {\n  systemMessageType: 'topicUpdated';\n  topic: string;\n}\n\n/**\n * A system message with arbitary content.\n *\n * @public\n */\nexport interface ContentSystemMessage extends SystemMessageCommon {\n  systemMessageType: 'content';\n  content: string;\n}\n/**\n * A custom message type.\n *\n * Custom messages are not rendered by default, but applications can provide custom renderers for them.\n *\n * @public\n */\nexport interface CustomMessage extends MessageCommon {\n  messageType: 'custom';\n  content: string;\n}\n\n/**\n * Common properties of all system messages.\n *\n * @public\n */\nexport interface SystemMessageCommon extends MessageCommon {\n  messageType: 'system';\n  iconName: string;\n}\n\n/**\n * Common properties of all message types.\n *\n * @public\n */\nexport interface MessageCommon {\n  messageId: string;\n  // ISO8601 format: `yyyy-MM-ddTHH:mm:ssZ`\n  createdOn: Date;\n}"]}

package/dist/dist-esm/react-components/src/types/OnRender.d.ts

@@ -1,6 +1,5 @@
 /// <reference types="react" />
 import { IPersonaStyleProps, IPersonaStyles, IStyleFunctionOrObject, PersonaPresence, PersonaSize } from '@fluentui/react';
-import { ParticipantState } from '.';
 /**
  * Options that can be injected into the `onRender` function for customizing an
  * Avatar (`Persona`) component.
@@ -24,13 +23,6 @@ export type CustomAvatarOptions = {
     styles?: IStyleFunctionOrObject<IPersonaStyleProps, IPersonaStyles>;
     /** Display name to be used in Persona  */
     text?: string;
-    /** State for the participant to be displayed in the defaultPlaceHolder */
-    participantState?: ParticipantState;
-    /**
-     * If true, show the special coin for unknown persona.
-     * It has '?' in place of initials, with static font and background colors
-     */
-    showUnknownPersonaCoin?: boolean;
 };
 /**
  * A custom rendered callback that allows users to customize the rendering of a Persona Component.

package/dist/dist-esm/react-components/src/types/OnRender.js.map

@@ -1 +1 @@
-{"version":3,"file":"OnRender.js","sourceRoot":"","sources":["../../../../../preprocess-dist/react-components/src/types/OnRender.ts"],"names":[],"mappings":"AAAA,uCAAuC;AACvC,kCAAkC","sourcesContent":["// Copyright (c) Microsoft Corporation.\n// Licensed under the MIT License.\n\nimport { IPersonaStyleProps, IPersonaStyles, IStyleFunctionOrObject, PersonaPresence, PersonaSize } from '@fluentui/react';\n/* @conditional-compile-remove(PSTN-calls) */ /* @conditional-compile-remove(one-to-n-calling) */\nimport { ParticipantState } from '.';\n\n/**\n * Options that can be injected into the `onRender` function for customizing an\n * Avatar (`Persona`) component.\n *\n * @public\n */\nexport type CustomAvatarOptions = {\n  /** Persona coin size in pixels  */\n  coinSize?: number;\n  /** Only show Coin and Initials  */\n  hidePersonaDetails?: boolean;\n  /** Text color of initials inside the coin  */\n  initialsTextColor?: string;\n  /** Optional property to set the aria label of the video tile if there is no available stream. */\n  noVideoAvailableAriaLabel?: string;\n  /** User status  */\n  presence?: PersonaPresence;\n  /** Preset Persona Size number  */\n  size?: PersonaSize;\n  /** Custom style for the Avatar  */\n  styles?: IStyleFunctionOrObject<IPersonaStyleProps, IPersonaStyles>;\n  /** Display name to be used in Persona  */\n  text?: string;\n  /* @conditional-compile-remove(PSTN-calls) */ /* @conditional-compile-remove(one-to-n-calling) */\n  /** State for the participant to be displayed in the defaultPlaceHolder */\n  participantState?: ParticipantState;\n  /* @conditional-compile-remove(PSTN-calls) */ /* @conditional-compile-remove(one-to-n-calling) */\n  /**\n   * If true, show the special coin for unknown persona.\n   * It has '?' in place of initials, with static font and background colors\n   */\n  showUnknownPersonaCoin?: boolean;\n};\n\n/**\n * A custom rendered callback that allows users to customize the rendering of a Persona Component.\n *\n * @public\n */\nexport type OnRenderAvatarCallback = (\n/**\n * An Communication user ID.\n */\nuserId?: string, options?: CustomAvatarOptions,\n/**\n * A default `onRender` component that can be used to render the default avatar.\n * Pass the `options` to the `onRender` component for default rendering.\n */\ndefaultOnRender?: (props: CustomAvatarOptions) => JSX.Element) => JSX.Element;"]}
+{"version":3,"file":"OnRender.js","sourceRoot":"","sources":["../../../../../preprocess-dist/react-components/src/types/OnRender.ts"],"names":[],"mappings":"AAAA,uCAAuC;AACvC,kCAAkC","sourcesContent":["// Copyright (c) Microsoft Corporation.\n// Licensed under the MIT License.\n\nimport { IPersonaStyleProps, IPersonaStyles, IStyleFunctionOrObject, PersonaPresence, PersonaSize } from '@fluentui/react';\n/**\n * Options that can be injected into the `onRender` function for customizing an\n * Avatar (`Persona`) component.\n *\n * @public\n */\nexport type CustomAvatarOptions = {\n  /** Persona coin size in pixels  */\n  coinSize?: number;\n  /** Only show Coin and Initials  */\n  hidePersonaDetails?: boolean;\n  /** Text color of initials inside the coin  */\n  initialsTextColor?: string;\n  /** Optional property to set the aria label of the video tile if there is no available stream. */\n  noVideoAvailableAriaLabel?: string;\n  /** User status  */\n  presence?: PersonaPresence;\n  /** Preset Persona Size number  */\n  size?: PersonaSize;\n  /** Custom style for the Avatar  */\n  styles?: IStyleFunctionOrObject<IPersonaStyleProps, IPersonaStyles>;\n  /** Display name to be used in Persona  */\n  text?: string;\n};\n\n/**\n * A custom rendered callback that allows users to customize the rendering of a Persona Component.\n *\n * @public\n */\nexport type OnRenderAvatarCallback = (\n/**\n * An Communication user ID.\n */\nuserId?: string, options?: CustomAvatarOptions,\n/**\n * A default `onRender` component that can be used to render the default avatar.\n * Pass the `options` to the `onRender` component for default rendering.\n */\ndefaultOnRender?: (props: CustomAvatarOptions) => JSX.Element) => JSX.Element;"]}

package/dist/dist-esm/react-components/src/types/ParticipantListParticipant.d.ts

@@ -15,6 +15,25 @@ export type CallParticipantListParticipant = ParticipantListParticipant & {
     isSpeaking?: boolean;
     /** Whether calling participant is raised hand */
     raisedHand?: RaisedHand;
+    /**
+     * Whether calling participant has reacted
+     *
+     * @beta
+     * */
+    reaction?: Reaction;
+    /** Whether calling participant is spotlighted **/
+    spotlight?: Spotlight;
+};
+/**
+ * Spotlight state with order
+ *
+ * @public
+ */
+export type Spotlight = {
+    /**
+     * Specifies the order position of the spotlight
+     */
+    spotlightedOrderPosition?: number;
 };
 /**
  * Raised hand state with order
@@ -24,6 +43,21 @@ export type CallParticipantListParticipant = ParticipantListParticipant & {
 export type RaisedHand = {
     raisedHandOrderPosition: number;
 };
+/**
+ * Reaction state with reaction type to render
+ *
+ * @public
+ */
+export type Reaction = {
+    /**
+     * Specifies the type of reaction videoTile should render i.e. like, heart etc.
+     */
+    reactionType: string;
+    /**
+     * Received timestamp for the message as default Date format.
+     */
+    receivedOn: Date;
+};
 /**
  * Participants displayed in a {@link ParticipantList}.
  *

package/dist/dist-esm/react-components/src/types/ParticipantListParticipant.js.map

@@ -1 +1 @@
-{"version":3,"file":"ParticipantListParticipant.js","sourceRoot":"","sources":["../../../../../preprocess-dist/react-components/src/types/ParticipantListParticipant.ts"],"names":[],"mappings":"AAAA,uCAAuC;AACvC,kCAAkC","sourcesContent":["// Copyright (c) Microsoft Corporation.\n// Licensed under the MIT License.\n\nimport { CommunicationParticipant } from './CommunicationParticipant';\n\n/**\r\n * Calling participant's state, as reflected in the UI components.\r\n *\r\n * @public\r\n */\nexport type CallParticipantListParticipant = ParticipantListParticipant & {\n  /** State of calling participant */\n  state: ParticipantState;\n  /** Whether calling participant is screen sharing */\n  isScreenSharing?: boolean;\n  /** Whether calling participant is muted */\n  isMuted?: boolean;\n  /** Whether calling participant is speaking */\n  isSpeaking?: boolean;\n  /** Whether calling participant is raised hand */\n  raisedHand?: RaisedHand;\n};\n/**\r\n * Raised hand state with order\r\n *\r\n * @public\r\n */\nexport type RaisedHand = {\n  raisedHandOrderPosition: number;\n};\n/**\r\n * Participants displayed in a {@link ParticipantList}.\r\n *\r\n * @public\r\n */\nexport type ParticipantListParticipant = CommunicationParticipant & {\n  /**\r\n   * If true, local participant can remove this participant from the roster.\r\n   */\n  isRemovable: boolean;\n};\n\n/**\r\n * @public\r\n * The connection state of a call participant.\r\n */\nexport type ParticipantState = 'Idle' | 'Connecting' | 'Ringing' | 'Connected' | 'Hold' | 'InLobby' | 'EarlyMedia' | 'Disconnected';"]}
+{"version":3,"file":"ParticipantListParticipant.js","sourceRoot":"","sources":["../../../../../preprocess-dist/react-components/src/types/ParticipantListParticipant.ts"],"names":[],"mappings":"AAAA,uCAAuC;AACvC,kCAAkC","sourcesContent":["// Copyright (c) Microsoft Corporation.\n// Licensed under the MIT License.\n\nimport { CommunicationParticipant } from './CommunicationParticipant';\n\n/**\r\n * Calling participant's state, as reflected in the UI components.\r\n *\r\n * @public\r\n */\nexport type CallParticipantListParticipant = ParticipantListParticipant & {\n  /** State of calling participant */\n  state: ParticipantState;\n  /** Whether calling participant is screen sharing */\n  isScreenSharing?: boolean;\n  /** Whether calling participant is muted */\n  isMuted?: boolean;\n  /** Whether calling participant is speaking */\n  isSpeaking?: boolean;\n  /** Whether calling participant is raised hand */\n  raisedHand?: RaisedHand;\n  /* @conditional-compile-remove(reaction) */\n  /**\r\n   * Whether calling participant has reacted\r\n   *\r\n   * @beta\r\n   * */\n  reaction?: Reaction;\n  /* @conditional-compile-remove(spotlight) */\n  /** Whether calling participant is spotlighted **/\n  spotlight?: Spotlight;\n};\n\n/* @conditional-compile-remove(spotlight) */\n/**\r\n * Spotlight state with order\r\n *\r\n * @public\r\n */\nexport type Spotlight = {\n  /**\r\n   * Specifies the order position of the spotlight\r\n   */\n  spotlightedOrderPosition?: number;\n};\n\n/**\r\n * Raised hand state with order\r\n *\r\n * @public\r\n */\nexport type RaisedHand = {\n  raisedHandOrderPosition: number;\n};\n\n/* @conditional-compile-remove(reaction) */\n/**\r\n * Reaction state with reaction type to render\r\n *\r\n * @public\r\n */\nexport type Reaction = {\n  /**\r\n   * Specifies the type of reaction videoTile should render i.e. like, heart etc.\r\n   */\n  reactionType: string;\n  /**\r\n   * Received timestamp for the message as default Date format.\r\n   */\n  receivedOn: Date;\n};\n\n/**\r\n * Participants displayed in a {@link ParticipantList}.\r\n *\r\n * @public\r\n */\nexport type ParticipantListParticipant = CommunicationParticipant & {\n  /**\r\n   * If true, local participant can remove this participant from the roster.\r\n   */\n  isRemovable: boolean;\n};\n\n/**\r\n * @public\r\n * The connection state of a call participant.\r\n */\nexport type ParticipantState = 'Idle' | 'Connecting' | 'Ringing' | 'Connected' | 'Hold' | 'InLobby' | 'EarlyMedia' | 'Disconnected';"]}