@azure/communication-react 1.23.0 → 1.24.0-alpha-202501282341

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

@@ -1 +1 @@
-{"version":3,"file":"v9ThemeShim.js","sourceRoot":"","sources":["../../../../../preprocess-dist/react-components/src/theming/v9ThemeShim.ts"],"names":[],"mappings":"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","sourcesContent":["// Copyright (c) Microsoft Corporation.\n// Licensed under the MIT License.\n\nimport { IEffects, IPalette, Theme as ThemeV8 } from '@fluentui/react';\nimport { BorderRadiusTokens, ColorTokens, ShadowTokens, Theme as ThemeV9, webLightTheme } from '@fluentui/react-components';\nimport { blackAlpha, whiteAlpha, grey, grey10Alpha, grey12Alpha } from './themeDuplicates';\n\n// These mappings are required for createV9Theme\n// For more info, check https://react.fluentui.dev/iframe.html?viewMode=docs&id=concepts-migration-from-v8-components-theme-migration--page#compatible-themes\n\n/**\n * Creates v9 color tokens from a v8 palette.\n */\nconst mapAliasColors = (palette: IPalette, inverted: boolean): ColorTokens => {\n  return {\n    colorNeutralForeground1: palette.neutralPrimary,\n    colorNeutralForeground1Hover: palette.neutralPrimary,\n    colorNeutralForeground1Pressed: palette.neutralPrimary,\n    colorNeutralForeground1Selected: palette.neutralPrimary,\n    colorNeutralForeground2: palette.neutralSecondary,\n    colorNeutralForeground2Hover: palette.neutralPrimary,\n    colorNeutralForeground2Pressed: palette.neutralPrimary,\n    colorNeutralForeground2Selected: palette.neutralPrimary,\n    colorNeutralForeground2BrandHover: palette.themePrimary,\n    colorNeutralForeground2BrandPressed: palette.themeDarkAlt,\n    colorNeutralForeground2BrandSelected: palette.themePrimary,\n    colorNeutralForeground3: palette.neutralTertiary,\n    colorNeutralForeground3Hover: palette.neutralSecondary,\n    colorNeutralForeground3Pressed: palette.neutralSecondary,\n    colorNeutralForeground3Selected: palette.neutralSecondary,\n    colorNeutralForeground3BrandHover: palette.themePrimary,\n    colorNeutralForeground3BrandPressed: palette.themeDarkAlt,\n    colorNeutralForeground3BrandSelected: palette.themePrimary,\n    colorNeutralForeground4: palette.neutralQuaternary,\n    colorNeutralForegroundDisabled: palette.neutralTertiaryAlt,\n    colorNeutralForegroundInvertedDisabled: whiteAlpha[40],\n    colorBrandForegroundLink: palette.themeDarkAlt,\n    colorBrandForegroundLinkHover: palette.themeDark,\n    colorBrandForegroundLinkPressed: palette.themeDarker,\n    colorBrandForegroundLinkSelected: palette.themeDarkAlt,\n    colorNeutralForeground2Link: palette.neutralSecondary,\n    colorNeutralForeground2LinkHover: palette.neutralPrimary,\n    colorNeutralForeground2LinkPressed: palette.neutralPrimary,\n    colorNeutralForeground2LinkSelected: palette.neutralPrimary,\n    colorCompoundBrandForeground1: palette.themePrimary,\n    colorCompoundBrandForeground1Hover: palette.themeDarkAlt,\n    colorCompoundBrandForeground1Pressed: palette.themeDark,\n    colorBrandForeground1: palette.themePrimary,\n    colorBrandForeground2: palette.themeDarkAlt,\n    colorBrandForeground2Hover: palette.themeDarkAlt,\n    colorBrandForeground2Pressed: palette.themeDarkAlt,\n    colorNeutralForeground1Static: palette.neutralPrimary,\n    colorNeutralForegroundInverted: palette.white,\n    colorNeutralForegroundInvertedHover: palette.white,\n    colorNeutralForegroundInvertedPressed: palette.white,\n    colorNeutralForegroundInvertedSelected: palette.white,\n    colorNeutralForegroundOnBrand: palette.white,\n    colorNeutralForegroundStaticInverted: palette.white,\n    colorNeutralForegroundInvertedLink: palette.white,\n    colorNeutralForegroundInvertedLinkHover: palette.white,\n    colorNeutralForegroundInvertedLinkPressed: palette.white,\n    colorNeutralForegroundInvertedLinkSelected: palette.white,\n    colorNeutralForegroundInverted2: palette.white,\n    colorBrandForegroundInverted: palette.themeSecondary,\n    colorBrandForegroundInvertedHover: palette.themeTertiary,\n    colorBrandForegroundInvertedPressed: palette.themeSecondary,\n    colorBrandForegroundOnLight: palette.themePrimary,\n    colorBrandForegroundOnLightHover: palette.themeDarkAlt,\n    colorBrandForegroundOnLightPressed: palette.themeDark,\n    colorBrandForegroundOnLightSelected: palette.themeDark,\n    colorNeutralBackground1: palette.white,\n    colorNeutralBackground1Hover: palette.neutralLighter,\n    colorNeutralBackground1Pressed: palette.neutralQuaternaryAlt,\n    colorNeutralBackground1Selected: palette.neutralLight,\n    colorNeutralBackground2: palette.neutralLighterAlt,\n    colorNeutralBackground2Hover: palette.neutralLighter,\n    colorNeutralBackground2Pressed: palette.neutralQuaternaryAlt,\n    colorNeutralBackground2Selected: palette.neutralLight,\n    colorNeutralBackground3: palette.neutralLighter,\n    colorNeutralBackground3Hover: palette.neutralLight,\n    colorNeutralBackground3Pressed: palette.neutralQuaternary,\n    colorNeutralBackground3Selected: palette.neutralQuaternaryAlt,\n    colorNeutralBackground4: palette.neutralLighter,\n    colorNeutralBackground4Hover: palette.neutralLighterAlt,\n    colorNeutralBackground4Pressed: palette.neutralLighter,\n    colorNeutralBackground4Selected: palette.white,\n    colorNeutralBackground5: palette.neutralLight,\n    colorNeutralBackground5Hover: palette.neutralLighter,\n    colorNeutralBackground5Pressed: palette.neutralLighter,\n    colorNeutralBackground5Selected: palette.neutralLighterAlt,\n    colorNeutralBackground6: palette.neutralLight,\n    colorNeutralBackgroundStatic: grey[20],\n    colorNeutralBackgroundInverted: palette.neutralSecondary,\n    colorNeutralBackgroundAlpha: inverted ? grey10Alpha[50] : whiteAlpha[50],\n    colorNeutralBackgroundAlpha2: inverted ? grey12Alpha[70] : whiteAlpha[80],\n    colorSubtleBackground: 'transparent',\n    colorSubtleBackgroundHover: palette.neutralLighter,\n    colorSubtleBackgroundPressed: palette.neutralQuaternaryAlt,\n    colorSubtleBackgroundSelected: palette.neutralLight,\n    colorSubtleBackgroundLightAlphaHover: inverted ? whiteAlpha[10] : whiteAlpha[80],\n    colorSubtleBackgroundLightAlphaPressed: inverted ? whiteAlpha[5] : whiteAlpha[50],\n    colorSubtleBackgroundLightAlphaSelected: 'transparent',\n    colorSubtleBackgroundInverted: 'transparent',\n    colorSubtleBackgroundInvertedHover: blackAlpha[10],\n    colorSubtleBackgroundInvertedPressed: blackAlpha[30],\n    colorSubtleBackgroundInvertedSelected: blackAlpha[20],\n    colorTransparentBackground: 'transparent',\n    colorTransparentBackgroundHover: 'transparent',\n    colorTransparentBackgroundPressed: 'transparent',\n    colorTransparentBackgroundSelected: 'transparent',\n    colorNeutralBackgroundDisabled: palette.neutralLighter,\n    colorNeutralBackgroundInvertedDisabled: whiteAlpha[10],\n    colorNeutralStencil1: palette.neutralLight,\n    colorNeutralStencil2: palette.neutralLighterAlt,\n    colorNeutralStencil1Alpha: inverted ? whiteAlpha[10] : blackAlpha[10],\n    colorNeutralStencil2Alpha: inverted ? whiteAlpha[5] : blackAlpha[5],\n    colorBackgroundOverlay: blackAlpha[40],\n    colorScrollbarOverlay: blackAlpha[50],\n    colorBrandBackground: palette.themePrimary,\n    colorBrandBackgroundHover: palette.themeDarkAlt,\n    colorBrandBackgroundPressed: palette.themeDarker,\n    colorBrandBackgroundSelected: palette.themeDark,\n    colorCompoundBrandBackground: palette.themePrimary,\n    colorCompoundBrandBackgroundHover: palette.themeDarkAlt,\n    colorCompoundBrandBackgroundPressed: palette.themeDark,\n    colorBrandBackgroundStatic: palette.themePrimary,\n    colorBrandBackground2: palette.themeLighterAlt,\n    colorBrandBackground2Hover: palette.themeLighterAlt,\n    colorBrandBackground2Pressed: palette.themeLighterAlt,\n    colorBrandBackground3Static: palette.themeDark,\n    colorBrandBackground4Static: palette.themeDarker,\n    colorBrandBackgroundInverted: palette.white,\n    colorBrandBackgroundInvertedHover: palette.themeLighterAlt,\n    colorBrandBackgroundInvertedPressed: palette.themeLight,\n    colorBrandBackgroundInvertedSelected: palette.themeLighter,\n    colorNeutralCardBackground: inverted ? grey[20] : grey[98],\n    colorNeutralCardBackgroundHover: inverted ? grey[24] : palette.white,\n    colorNeutralCardBackgroundPressed: inverted ? grey[18] : grey[96],\n    colorNeutralCardBackgroundSelected: inverted ? grey[22] : grey[92],\n    colorNeutralCardBackgroundDisabled: inverted ? grey[8] : grey[94],\n    colorNeutralStrokeAccessible: palette.neutralSecondary,\n    colorNeutralStrokeAccessibleHover: palette.neutralSecondary,\n    colorNeutralStrokeAccessiblePressed: palette.neutralSecondary,\n    colorNeutralStrokeAccessibleSelected: palette.themePrimary,\n    colorNeutralStroke1: palette.neutralQuaternary,\n    colorNeutralStroke1Hover: palette.neutralTertiaryAlt,\n    colorNeutralStroke1Pressed: palette.neutralTertiaryAlt,\n    colorNeutralStroke1Selected: palette.neutralTertiaryAlt,\n    colorNeutralStroke2: palette.neutralQuaternaryAlt,\n    colorNeutralStroke3: palette.neutralLighter,\n    colorNeutralStrokeSubtle: palette.neutralQuaternaryAlt,\n    colorNeutralStrokeOnBrand: palette.white,\n    colorNeutralStrokeOnBrand2: palette.white,\n    colorNeutralStrokeOnBrand2Hover: palette.white,\n    colorNeutralStrokeOnBrand2Pressed: palette.white,\n    colorNeutralStrokeOnBrand2Selected: palette.white,\n    colorBrandStroke1: palette.themePrimary,\n    colorBrandStroke2: palette.themeLight,\n    colorBrandStroke2Hover: palette.themeLight,\n    colorBrandStroke2Pressed: palette.themeLight,\n    colorBrandStroke2Contrast: palette.themeLight,\n    colorCompoundBrandStroke: palette.themePrimary,\n    colorCompoundBrandStrokeHover: palette.themeDarkAlt,\n    colorCompoundBrandStrokePressed: palette.themeDark,\n    colorNeutralStrokeDisabled: palette.neutralQuaternaryAlt,\n    colorNeutralStrokeInvertedDisabled: whiteAlpha[40],\n    colorTransparentStroke: 'transparent',\n    colorTransparentStrokeInteractive: 'transparent',\n    colorTransparentStrokeDisabled: 'transparent',\n    colorNeutralStrokeAlpha: inverted ? whiteAlpha[10] : blackAlpha[5],\n    colorNeutralStrokeAlpha2: whiteAlpha[20],\n    colorStrokeFocus1: palette.white,\n    colorStrokeFocus2: palette.black,\n    colorNeutralShadowAmbient: 'rgba(0,0,0,0.12)',\n    colorNeutralShadowKey: 'rgba(0,0,0,0.14)',\n    colorNeutralShadowAmbientLighter: 'rgba(0,0,0,0.06)',\n    colorNeutralShadowKeyLighter: 'rgba(0,0,0,0.07)',\n    colorNeutralShadowAmbientDarker: 'rgba(0,0,0,0.20)',\n    colorNeutralShadowKeyDarker: 'rgba(0,0,0,0.24)',\n    colorBrandShadowAmbient: 'rgba(0,0,0,0.30)',\n    colorBrandShadowKey: 'rgba(0,0,0,0.25)'\n  };\n};\n\n/**\n * Creates v9 shadow tokens from v8 effects.\n */\nconst mapShadowTokens = (effects: IEffects): Partial<ShadowTokens> => {\n  return {\n    shadow4: effects.elevation4,\n    shadow8: effects.elevation8,\n    shadow16: effects.elevation16,\n    shadow64: effects.elevation64\n  };\n};\n\n/**\n * Creates v9 border radius tokens from v8 effects\n */\nconst mapBorderRadiusTokens = (effects: IEffects): Partial<BorderRadiusTokens> => {\n  return {\n    borderRadiusSmall: effects.roundedCorner2,\n    borderRadiusMedium: effects.roundedCorner4,\n    borderRadiusLarge: effects.roundedCorner6\n  };\n};\n\n/**\n * Creates a v9 theme from a v8 theme and base v9 theme.\n * FluentUI webLightTheme is used in case if no baseThemeV9 is provided.\n *\n * @private\n */\nexport const createV9Theme = (themeV8: ThemeV8, baseThemeV9?: ThemeV9): ThemeV9 & {\n  errorText: string;\n} => {\n  const baseTheme = baseThemeV9 ?? webLightTheme;\n  return {\n    ...baseTheme,\n    ...mapAliasColors(themeV8.palette, themeV8.isInverted),\n    ...mapShadowTokens(themeV8.effects),\n    ...mapBorderRadiusTokens(themeV8.effects),\n    colorBrandBackground2: themeV8.palette.themeLight,\n    // updated from palette.themeLighterAlt\n    colorBrandBackground2Hover: themeV8.palette.themeLight,\n    // updated from palette.themeLighterAlt\n    colorBrandBackground2Pressed: themeV8.palette.themeLight,\n    // updated from palette.themeLighterAlt\n    colorStatusWarningBackground3: '#D83B01',\n    errorText: themeV8.semanticColors.errorText,\n    colorNeutralStroke1Selected: themeV8.palette.neutralQuaternary,\n    colorNeutralForeground2: themeV8.palette.neutralSecondary,\n    colorBrandForegroundLinkHover: themeV8.palette.themeDarker,\n    colorNeutralBackground1Selected: themeV8.palette.neutralQuaternaryAlt,\n    // Fix for an issue with black borders for iOS that are added with 'after' selector\n    colorStrokeFocus2: 'transparent'\n  };\n};"]}
+{"version":3,"file":"v9ThemeShim.js","sourceRoot":"","sources":["../../../../../../react-components/src/theming/v9ThemeShim.ts"],"names":[],"mappings":"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","sourcesContent":["// Copyright (c) Microsoft Corporation.\n// Licensed under the MIT License.\n\nimport { IEffects, IPalette, Theme as ThemeV8 } from '@fluentui/react';\nimport {\n  BorderRadiusTokens,\n  ColorTokens,\n  ShadowTokens,\n  Theme as ThemeV9,\n  webLightTheme\n} from '@fluentui/react-components';\nimport { blackAlpha, whiteAlpha, grey, grey10Alpha, grey12Alpha } from './themeDuplicates';\n\n// These mappings are required for createV9Theme\n// For more info, check https://react.fluentui.dev/iframe.html?viewMode=docs&id=concepts-migration-from-v8-components-theme-migration--page#compatible-themes\n\n/**\n * Creates v9 color tokens from a v8 palette.\n */\nconst mapAliasColors = (palette: IPalette, inverted: boolean): ColorTokens => {\n  return {\n    colorNeutralForeground1: palette.neutralPrimary,\n    colorNeutralForeground1Hover: palette.neutralPrimary,\n    colorNeutralForeground1Pressed: palette.neutralPrimary,\n    colorNeutralForeground1Selected: palette.neutralPrimary,\n    colorNeutralForeground2: palette.neutralSecondary,\n    colorNeutralForeground2Hover: palette.neutralPrimary,\n    colorNeutralForeground2Pressed: palette.neutralPrimary,\n    colorNeutralForeground2Selected: palette.neutralPrimary,\n    colorNeutralForeground2BrandHover: palette.themePrimary,\n    colorNeutralForeground2BrandPressed: palette.themeDarkAlt,\n    colorNeutralForeground2BrandSelected: palette.themePrimary,\n    colorNeutralForeground3: palette.neutralTertiary,\n    colorNeutralForeground3Hover: palette.neutralSecondary,\n    colorNeutralForeground3Pressed: palette.neutralSecondary,\n    colorNeutralForeground3Selected: palette.neutralSecondary,\n    colorNeutralForeground3BrandHover: palette.themePrimary,\n    colorNeutralForeground3BrandPressed: palette.themeDarkAlt,\n    colorNeutralForeground3BrandSelected: palette.themePrimary,\n    colorNeutralForeground4: palette.neutralQuaternary,\n    colorNeutralForegroundDisabled: palette.neutralTertiaryAlt,\n    colorNeutralForegroundInvertedDisabled: whiteAlpha[40],\n    colorBrandForegroundLink: palette.themeDarkAlt,\n    colorBrandForegroundLinkHover: palette.themeDark,\n    colorBrandForegroundLinkPressed: palette.themeDarker,\n    colorBrandForegroundLinkSelected: palette.themeDarkAlt,\n    colorNeutralForeground2Link: palette.neutralSecondary,\n    colorNeutralForeground2LinkHover: palette.neutralPrimary,\n    colorNeutralForeground2LinkPressed: palette.neutralPrimary,\n    colorNeutralForeground2LinkSelected: palette.neutralPrimary,\n    colorCompoundBrandForeground1: palette.themePrimary,\n    colorCompoundBrandForeground1Hover: palette.themeDarkAlt,\n    colorCompoundBrandForeground1Pressed: palette.themeDark,\n    colorBrandForeground1: palette.themePrimary,\n    colorBrandForeground2: palette.themeDarkAlt,\n    colorBrandForeground2Hover: palette.themeDarkAlt,\n    colorBrandForeground2Pressed: palette.themeDarkAlt,\n    colorNeutralForeground1Static: palette.neutralPrimary,\n    colorNeutralForegroundInverted: palette.white,\n    colorNeutralForegroundInvertedHover: palette.white,\n    colorNeutralForegroundInvertedPressed: palette.white,\n    colorNeutralForegroundInvertedSelected: palette.white,\n    colorNeutralForegroundOnBrand: palette.white,\n    colorNeutralForegroundStaticInverted: palette.white,\n    colorNeutralForegroundInvertedLink: palette.white,\n    colorNeutralForegroundInvertedLinkHover: palette.white,\n    colorNeutralForegroundInvertedLinkPressed: palette.white,\n    colorNeutralForegroundInvertedLinkSelected: palette.white,\n    colorNeutralForegroundInverted2: palette.white,\n    colorBrandForegroundInverted: palette.themeSecondary,\n    colorBrandForegroundInvertedHover: palette.themeTertiary,\n    colorBrandForegroundInvertedPressed: palette.themeSecondary,\n    colorBrandForegroundOnLight: palette.themePrimary,\n    colorBrandForegroundOnLightHover: palette.themeDarkAlt,\n    colorBrandForegroundOnLightPressed: palette.themeDark,\n    colorBrandForegroundOnLightSelected: palette.themeDark,\n    colorNeutralBackground1: palette.white,\n    colorNeutralBackground1Hover: palette.neutralLighter,\n    colorNeutralBackground1Pressed: palette.neutralQuaternaryAlt,\n    colorNeutralBackground1Selected: palette.neutralLight,\n    colorNeutralBackground2: palette.neutralLighterAlt,\n    colorNeutralBackground2Hover: palette.neutralLighter,\n    colorNeutralBackground2Pressed: palette.neutralQuaternaryAlt,\n    colorNeutralBackground2Selected: palette.neutralLight,\n    colorNeutralBackground3: palette.neutralLighter,\n    colorNeutralBackground3Hover: palette.neutralLight,\n    colorNeutralBackground3Pressed: palette.neutralQuaternary,\n    colorNeutralBackground3Selected: palette.neutralQuaternaryAlt,\n    colorNeutralBackground4: palette.neutralLighter,\n    colorNeutralBackground4Hover: palette.neutralLighterAlt,\n    colorNeutralBackground4Pressed: palette.neutralLighter,\n    colorNeutralBackground4Selected: palette.white,\n    colorNeutralBackground5: palette.neutralLight,\n    colorNeutralBackground5Hover: palette.neutralLighter,\n    colorNeutralBackground5Pressed: palette.neutralLighter,\n    colorNeutralBackground5Selected: palette.neutralLighterAlt,\n    colorNeutralBackground6: palette.neutralLight,\n    colorNeutralBackgroundStatic: grey[20],\n    colorNeutralBackgroundInverted: palette.neutralSecondary,\n    colorNeutralBackgroundAlpha: inverted ? grey10Alpha[50] : whiteAlpha[50],\n    colorNeutralBackgroundAlpha2: inverted ? grey12Alpha[70] : whiteAlpha[80],\n    colorSubtleBackground: 'transparent',\n    colorSubtleBackgroundHover: palette.neutralLighter,\n    colorSubtleBackgroundPressed: palette.neutralQuaternaryAlt,\n    colorSubtleBackgroundSelected: palette.neutralLight,\n    colorSubtleBackgroundLightAlphaHover: inverted ? whiteAlpha[10] : whiteAlpha[80],\n    colorSubtleBackgroundLightAlphaPressed: inverted ? whiteAlpha[5] : whiteAlpha[50],\n    colorSubtleBackgroundLightAlphaSelected: 'transparent',\n    colorSubtleBackgroundInverted: 'transparent',\n    colorSubtleBackgroundInvertedHover: blackAlpha[10],\n    colorSubtleBackgroundInvertedPressed: blackAlpha[30],\n    colorSubtleBackgroundInvertedSelected: blackAlpha[20],\n    colorTransparentBackground: 'transparent',\n    colorTransparentBackgroundHover: 'transparent',\n    colorTransparentBackgroundPressed: 'transparent',\n    colorTransparentBackgroundSelected: 'transparent',\n    colorNeutralBackgroundDisabled: palette.neutralLighter,\n    colorNeutralBackgroundInvertedDisabled: whiteAlpha[10],\n    colorNeutralStencil1: palette.neutralLight,\n    colorNeutralStencil2: palette.neutralLighterAlt,\n    colorNeutralStencil1Alpha: inverted ? whiteAlpha[10] : blackAlpha[10],\n    colorNeutralStencil2Alpha: inverted ? whiteAlpha[5] : blackAlpha[5],\n    colorBackgroundOverlay: blackAlpha[40],\n    colorScrollbarOverlay: blackAlpha[50],\n    colorBrandBackground: palette.themePrimary,\n    colorBrandBackgroundHover: palette.themeDarkAlt,\n    colorBrandBackgroundPressed: palette.themeDarker,\n    colorBrandBackgroundSelected: palette.themeDark,\n    colorCompoundBrandBackground: palette.themePrimary,\n    colorCompoundBrandBackgroundHover: palette.themeDarkAlt,\n    colorCompoundBrandBackgroundPressed: palette.themeDark,\n    colorBrandBackgroundStatic: palette.themePrimary,\n    colorBrandBackground2: palette.themeLighterAlt,\n    colorBrandBackground2Hover: palette.themeLighterAlt,\n    colorBrandBackground2Pressed: palette.themeLighterAlt,\n    colorBrandBackground3Static: palette.themeDark,\n    colorBrandBackground4Static: palette.themeDarker,\n    colorBrandBackgroundInverted: palette.white,\n    colorBrandBackgroundInvertedHover: palette.themeLighterAlt,\n    colorBrandBackgroundInvertedPressed: palette.themeLight,\n    colorBrandBackgroundInvertedSelected: palette.themeLighter,\n    colorNeutralCardBackground: inverted ? grey[20] : grey[98],\n    colorNeutralCardBackgroundHover: inverted ? grey[24] : palette.white,\n    colorNeutralCardBackgroundPressed: inverted ? grey[18] : grey[96],\n    colorNeutralCardBackgroundSelected: inverted ? grey[22] : grey[92],\n    colorNeutralCardBackgroundDisabled: inverted ? grey[8] : grey[94],\n    colorNeutralStrokeAccessible: palette.neutralSecondary,\n    colorNeutralStrokeAccessibleHover: palette.neutralSecondary,\n    colorNeutralStrokeAccessiblePressed: palette.neutralSecondary,\n    colorNeutralStrokeAccessibleSelected: palette.themePrimary,\n    colorNeutralStroke1: palette.neutralQuaternary,\n    colorNeutralStroke1Hover: palette.neutralTertiaryAlt,\n    colorNeutralStroke1Pressed: palette.neutralTertiaryAlt,\n    colorNeutralStroke1Selected: palette.neutralTertiaryAlt,\n    colorNeutralStroke2: palette.neutralQuaternaryAlt,\n    colorNeutralStroke3: palette.neutralLighter,\n    colorNeutralStrokeSubtle: palette.neutralQuaternaryAlt,\n    colorNeutralStrokeOnBrand: palette.white,\n    colorNeutralStrokeOnBrand2: palette.white,\n    colorNeutralStrokeOnBrand2Hover: palette.white,\n    colorNeutralStrokeOnBrand2Pressed: palette.white,\n    colorNeutralStrokeOnBrand2Selected: palette.white,\n    colorBrandStroke1: palette.themePrimary,\n    colorBrandStroke2: palette.themeLight,\n    colorBrandStroke2Hover: palette.themeLight,\n    colorBrandStroke2Pressed: palette.themeLight,\n    colorBrandStroke2Contrast: palette.themeLight,\n    colorCompoundBrandStroke: palette.themePrimary,\n    colorCompoundBrandStrokeHover: palette.themeDarkAlt,\n    colorCompoundBrandStrokePressed: palette.themeDark,\n    colorNeutralStrokeDisabled: palette.neutralQuaternaryAlt,\n    colorNeutralStrokeInvertedDisabled: whiteAlpha[40],\n    colorTransparentStroke: 'transparent',\n    colorTransparentStrokeInteractive: 'transparent',\n    colorTransparentStrokeDisabled: 'transparent',\n    colorNeutralStrokeAlpha: inverted ? whiteAlpha[10] : blackAlpha[5],\n    colorNeutralStrokeAlpha2: whiteAlpha[20],\n    colorStrokeFocus1: palette.white,\n    colorStrokeFocus2: palette.black,\n    colorNeutralShadowAmbient: 'rgba(0,0,0,0.12)',\n    colorNeutralShadowKey: 'rgba(0,0,0,0.14)',\n    colorNeutralShadowAmbientLighter: 'rgba(0,0,0,0.06)',\n    colorNeutralShadowKeyLighter: 'rgba(0,0,0,0.07)',\n    colorNeutralShadowAmbientDarker: 'rgba(0,0,0,0.20)',\n    colorNeutralShadowKeyDarker: 'rgba(0,0,0,0.24)',\n    colorBrandShadowAmbient: 'rgba(0,0,0,0.30)',\n    colorBrandShadowKey: 'rgba(0,0,0,0.25)'\n  };\n};\n\n/**\n * Creates v9 shadow tokens from v8 effects.\n */\nconst mapShadowTokens = (effects: IEffects): Partial<ShadowTokens> => {\n  return {\n    shadow4: effects.elevation4,\n    shadow8: effects.elevation8,\n    shadow16: effects.elevation16,\n    shadow64: effects.elevation64\n  };\n};\n\n/**\n * Creates v9 border radius tokens from v8 effects\n */\nconst mapBorderRadiusTokens = (effects: IEffects): Partial<BorderRadiusTokens> => {\n  return {\n    borderRadiusSmall: effects.roundedCorner2,\n    borderRadiusMedium: effects.roundedCorner4,\n    borderRadiusLarge: effects.roundedCorner6\n  };\n};\n\n/**\n * Creates a v9 theme from a v8 theme and base v9 theme.\n * FluentUI webLightTheme is used in case if no baseThemeV9 is provided.\n *\n * @private\n */\nexport const createV9Theme = (themeV8: ThemeV8, baseThemeV9?: ThemeV9): ThemeV9 & { errorText: string } => {\n  const baseTheme = baseThemeV9 ?? webLightTheme;\n  return {\n    ...baseTheme,\n    ...mapAliasColors(themeV8.palette, themeV8.isInverted),\n    ...mapShadowTokens(themeV8.effects),\n    ...mapBorderRadiusTokens(themeV8.effects),\n    colorBrandBackground2: themeV8.palette.themeLight, // updated from palette.themeLighterAlt\n    colorBrandBackground2Hover: themeV8.palette.themeLight, // updated from palette.themeLighterAlt\n    colorBrandBackground2Pressed: themeV8.palette.themeLight, // updated from palette.themeLighterAlt\n    colorStatusWarningBackground3: '#D83B01',\n    errorText: themeV8.semanticColors.errorText,\n    colorNeutralStroke1Selected: themeV8.palette.neutralQuaternary,\n    colorNeutralForeground2: themeV8.palette.neutralSecondary,\n    colorBrandForegroundLinkHover: themeV8.palette.themeDarker,\n    colorNeutralBackground1Selected: themeV8.palette.neutralQuaternaryAlt,\n    // Fix for an issue with black borders for iOS that are added with 'after' selector\n    colorStrokeFocus2: 'transparent'\n  };\n};\n"]}

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

@@ -1,6 +1,15 @@
 /// <reference types="react" />
 import { ChatMessage } from './ChatMessage';
 import { AttachmentMetadata } from "../../../acs-ui-common/src";
+/**
+ * @beta
+ *
+ * Attachment Options that defines behaviour for uploading and downloading attachments.
+ */
+export interface AttachmentOptions {
+    uploadOptions?: AttachmentUploadOptions;
+    downloadOptions?: AttachmentDownloadOptions;
+}
 /**
  * @beta
  *
@@ -70,6 +79,10 @@ export interface AttachmentUploadTask {
      * HTML {@link File} object for the uploaded attachment.
      */
     file?: File;
+    /**
+     * {@link Blob} object for the uploaded inline image.
+     */
+    image?: Blob;
     /**
      * Update the progress of the upload changed.
      * A upload is considered complete when the progress reaches 1.

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\nimport { ChatMessage } from './ChatMessage';\nimport { AttachmentMetadata } from '@internal/acs-ui-common';\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: AttachmentActionHandler;\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 callback function of type {@link AttachmentSelectionHandler} that will be called\n   * when user finishes selecting files in browser's file picker. This function is required since\n   * this would be where upload logic is implemented to your own storage.\n   * @beta\n   */\n  handleAttachmentSelection: AttachmentSelectionHandler;\n  /**\n   * A optional callback function that will be called\n   * when user removing files before clicking send message button. This function will be\n   * where you can remove the file from your storage.\n   * @beta\n   */\n  handleAttachmentRemoval?: AttachmentRemovalHandler;\n}\n\n/**\n * A upload task represents and manages an attachment that is being uploaded.\n * When using the Composite, an attachment upload task is created for each file user is selected to upload.\n * A upload task is complete when notifyUploadCompleted is called.\n * A upload task is failed when notifyUploadFailed is called.\n * @beta\n */\nexport interface AttachmentUploadTask {\n  /**\n   * Unique identifier for the attachment upload task.\n   */\n  taskId: 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  notifyUploadProgressChanged: (value: number) => void;\n  /**\n   * Mark the upload task as complete.\n   * An attachment is considered completed uploading when ID and URL are provided.\n   * @param id - the unique identifier of the attachment.\n   * @param url - the download URL of the attachment.\n   */\n  notifyUploadCompleted: (id: string, url: string) => void;\n  /**\n   * Mark the upload task 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 that defines what actions 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 * You can override the default actions or add new actions by providing this callback function.\n * Moreover, you can also return dynamic actions based on the properties in {@link AttachmentMetadata} and/or {@link ChatMessage}.\n *\n * @param attachment - The file attachment that user is trying to perform actions on.\n * @param message - The chat message that contains this attachment.\n * @returns A list of {@link AttachmentMenuAction} that defines the type of actions user can perform on the attachment.\n */\nexport type AttachmentActionHandler = (attachment: AttachmentMetadata, message?: ChatMessage) => AttachmentMenuAction[];\n\n/**\n * @beta\n * A callback function for handling list of upload tasks that contains files selected by user to upload.\n *\n * @param AttachmentUploads - The list of uploaded attachments. Each attachment is represented by an {@link AttachmentUpload} object.\n */\nexport type AttachmentSelectionHandler = (attachmentUploads: AttachmentUploadTask[]) => void;\n\n/**\n * @beta\n * A callback function for handling attachment removed by the user in send box.\n *\n * @param attachmentId - The ID of uploaded attachments.\n */\nexport type AttachmentRemovalHandler = (attachmentId: string) => void;\n\n/**\n * A wrapper for list of attachment metadata that is used for new message requests and update message requsts.\n * @internal\n */\nexport type AttachmentMetadataWrapper = {\n  fileSharingMetadata: string;\n};"]}
+{"version":3,"file":"Attachment.js","sourceRoot":"","sources":["../../../../../../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';\nimport { AttachmentMetadata } from '@internal/acs-ui-common';\n\n/* @conditional-compile-remove(file-sharing-acs) */\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: AttachmentActionHandler;\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 callback function of type {@link AttachmentSelectionHandler} that will be called\n   * when user finishes selecting files in browser's file picker. This function is required since\n   * this would be where upload logic is implemented to your own storage.\n   * @beta\n   */\n  handleAttachmentSelection: AttachmentSelectionHandler;\n  /**\n   * A optional callback function that will be called\n   * when user removing files before clicking send message button. This function will be\n   * where you can remove the file from your storage.\n   * @beta\n   */\n  handleAttachmentRemoval?: AttachmentRemovalHandler;\n}\n\n/**\n * A upload task represents and manages an attachment that is being uploaded.\n * When using the Composite, an attachment upload task is created for each file user is selected to upload.\n * A upload task is complete when notifyUploadCompleted is called.\n * A upload task is failed when notifyUploadFailed is called.\n * @beta\n */\nexport interface AttachmentUploadTask {\n  /**\n   * Unique identifier for the attachment upload task.\n   */\n  taskId: string;\n  /**\n   * HTML {@link File} object for the uploaded attachment.\n   */\n  file?: File;\n  /* @conditional-compile-remove(rich-text-editor-image-upload) */\n  /**\n   * {@link Blob} object for the uploaded inline image.\n   */\n  image?: Blob;\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  notifyUploadProgressChanged: (value: number) => void;\n  /**\n   * Mark the upload task as complete.\n   * An attachment is considered completed uploading when ID and URL are provided.\n   * @param id - the unique identifier of the attachment.\n   * @param url - the download URL of the attachment.\n   */\n  notifyUploadCompleted: (id: string, url: string) => void;\n  /**\n   * Mark the upload task 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 that defines what actions 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 * You can override the default actions or add new actions by providing this callback function.\n * Moreover, you can also return dynamic actions based on the properties in {@link AttachmentMetadata} and/or {@link ChatMessage}.\n *\n * @param attachment - The file attachment that user is trying to perform actions on.\n * @param message - The chat message that contains this attachment.\n * @returns A list of {@link AttachmentMenuAction} that defines the type of actions user can perform on the attachment.\n */\nexport type AttachmentActionHandler = (attachment: AttachmentMetadata, message?: ChatMessage) => AttachmentMenuAction[];\n\n/**\n * @beta\n * A callback function for handling list of upload tasks that contains files selected by user to upload.\n *\n * @param AttachmentUploads - The list of uploaded attachments. Each attachment is represented by an {@link AttachmentUpload} object.\n */\nexport type AttachmentSelectionHandler = (attachmentUploads: AttachmentUploadTask[]) => void;\n\n/**\n * @beta\n * A callback function for handling attachment removed by the user in send box.\n *\n * @param attachmentId - The ID of uploaded attachments.\n */\nexport type AttachmentRemovalHandler = (attachmentId: string) => void;\n\n/**\n * A wrapper for list of attachment metadata that is used for new message requests and update message requsts.\n * @internal\n */\nexport type AttachmentMetadataWrapper = {\n  fileSharingMetadata: string;\n};\n"]}

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 * @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}"]}
+{"version":3,"file":"CallSurveyImprovementSuggestions.js","sourceRoot":"","sources":["../../../../../../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}\n"]}

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

@@ -1 +1 @@
-{"version":3,"file":"CaptionsAvailableLanguageStrings.js","sourceRoot":"","sources":["../../../../../preprocess-dist/react-components/src/types/CaptionsAvailableLanguageStrings.ts"],"names":[],"mappings":"AAAA,uCAAuC;AACvC,kCAAkC;AA2FlC;;;GAGG;AACH,MAAM,CAAC,MAAM,gCAAgC,GAAG;IAC9C,OAAO,EAAE,IAAI;IACb,OAAO,EAAE,IAAI;IACb,OAAO,EAAE,IAAI;IACb,OAAO,EAAE,IAAI;IACb,OAAO,EAAE,IAAI;IACb,OAAO,EAAE,IAAI;IACb,OAAO,EAAE,IAAI;IACb,OAAO,EAAE,IAAI;IACb,OAAO,EAAE,IAAI;IACb,OAAO,EAAE,IAAI;IACb,OAAO,EAAE,IAAI;IACb,OAAO,EAAE,IAAI;IACb,OAAO,EAAE,IAAI;IACb,OAAO,EAAE,OAAO;IAChB,OAAO,EAAE,IAAI;IACb,OAAO,EAAE,IAAI;IACb,OAAO,EAAE,IAAI;IACb,OAAO,EAAE,IAAI;IACb,OAAO,EAAE,IAAI;IACb,OAAO,EAAE,IAAI;IACb,OAAO,EAAE,IAAI;IACb,OAAO,EAAE,IAAI;IACb,OAAO,EAAE,IAAI;IACb,OAAO,EAAE,IAAI;IACb,OAAO,EAAE,IAAI;IACb,OAAO,EAAE,IAAI;IACb,OAAO,EAAE,SAAS;IAClB,OAAO,EAAE,SAAS;IAClB,OAAO,EAAE,IAAI;IACb,OAAO,EAAE,OAAO;IAChB,OAAO,EAAE,IAAI;IACb,OAAO,EAAE,IAAI;IACb,OAAO,EAAE,IAAI;IACb,OAAO,EAAE,IAAI;IACb,OAAO,EAAE,IAAI;IACb,OAAO,EAAE,IAAI;IACb,OAAO,EAAE,IAAI;IACb,OAAO,EAAE,IAAI;IACb,OAAO,EAAE,IAAI;IACb,OAAO,EAAE,IAAI;IACb,OAAO,EAAE,SAAS;CACnB,CAAC","sourcesContent":["// Copyright (c) Microsoft Corporation.\n// Licensed under the MIT License.\n\nimport { IDropdownOption } from '@fluentui/react';\n\n/**\n * @public\n * spoken language strings for captions setting modal\n */\nexport interface SpokenLanguageStrings {\n  'ar-ae': string;\n  'ar-sa': string;\n  'da-dk': string;\n  'de-de': string;\n  'en-au': string;\n  'en-ca': string;\n  'en-gb': string;\n  'en-in': string;\n  'en-nz': string;\n  'en-us': string;\n  'es-es': string;\n  'es-mx': string;\n  'fi-fi': string;\n  'fr-ca': string;\n  'fr-fr': string;\n  'hi-in': string;\n  'it-it': string;\n  'ja-jp': string;\n  'ko-kr': string;\n  'nb-no': string;\n  'nl-be': string;\n  'nl-nl': string;\n  'pl-pl': string;\n  'pt-br': string;\n  'ru-ru': string;\n  'sv-se': string;\n  'zh-cn': string;\n  'zh-hk': string;\n  'cs-cz': string;\n  'pt-pt': string;\n  'tr-tr': string;\n  'vi-vn': string;\n  'th-th': string;\n  'he-il': string;\n  'cy-gb': string;\n  'uk-ua': string;\n  'el-gr': string;\n  'hu-hu': string;\n  'ro-ro': string;\n  'sk-sk': string;\n  'zh-tw': string;\n}\n\n/**\n * @public\n * caption language strings for captions setting modal\n */\nexport interface CaptionLanguageStrings {\n  ar: string;\n  da: string;\n  de: string;\n  en: string;\n  es: string;\n  fi: string;\n  fr: string;\n  'fr-ca': string;\n  hi: string;\n  it: string;\n  ja: string;\n  ko: string;\n  nb: string;\n  nl: string;\n  pl: string;\n  pt: string;\n  ru: string;\n  sv: string;\n  'zh-Hans': string;\n  'zh-Hant': string;\n  cs: string;\n  'pt-pt': string;\n  tr: string;\n  vi: string;\n  th: string;\n  he: string;\n  cy: string;\n  uk: string;\n  el: string;\n  hu: string;\n  ro: string;\n  sk: string;\n}\n\n/**\n * @internal\n * mapping between caption language and spoken language codes\n */\nexport const _spokenLanguageToCaptionLanguage = {\n  'ar-ae': 'ar',\n  'ar-sa': 'ar',\n  'da-dk': 'da',\n  'de-de': 'de',\n  'en-au': 'en',\n  'en-ca': 'en',\n  'en-gb': 'en',\n  'en-in': 'en',\n  'en-nz': 'en',\n  'en-us': 'en',\n  'es-es': 'es',\n  'es-mx': 'es',\n  'fi-fi': 'fi',\n  'fr-ca': 'fr-ca',\n  'fr-fr': 'fr',\n  'hi-in': 'hi',\n  'it-it': 'it',\n  'ja-jp': 'ja',\n  'ko-kr': 'ko',\n  'nb-no': 'nb',\n  'nl-be': 'nl',\n  'nl-nl': 'nl',\n  'pl-pl': 'pl',\n  'pt-br': 'pt',\n  'ru-ru': 'ru',\n  'sv-se': 'sv',\n  'zh-cn': 'zh-Hans',\n  'zh-hk': 'zh-Hant',\n  'cs-cz': 'cs',\n  'pt-pt': 'pt-pt',\n  'tr-tr': 'tr',\n  'vi-vn': 'vi',\n  'th-th': 'th',\n  'he-il': 'he',\n  'cy-gb': 'cy',\n  'uk-ua': 'uk',\n  'el-gr': 'el',\n  'hu-hu': 'hu',\n  'ro-ro': 'ro',\n  'sk-sk': 'sk',\n  'zh-tw': 'zh-Hant'\n};\n\n/**\n * @public\n */\nexport type SupportedSpokenLanguage = keyof SpokenLanguageStrings;\n\n/**\n * @public\n */\nexport type SupportedCaptionLanguage = keyof CaptionLanguageStrings;\n\n/**\n * @internal\n */\nexport type SpokenLanguageDropdownOptions = IDropdownOption<SpokenLanguageStrings> & {\n  key: keyof SpokenLanguageStrings;\n};\n\n/**\n * @internal\n */\nexport type CaptionLanguageDropdownOptions = IDropdownOption<CaptionLanguageStrings> & {\n  key: keyof CaptionLanguageStrings;\n};"]}
+{"version":3,"file":"CaptionsAvailableLanguageStrings.js","sourceRoot":"","sources":["../../../../../../react-components/src/types/CaptionsAvailableLanguageStrings.ts"],"names":[],"mappings":"AAAA,uCAAuC;AACvC,kCAAkC;AA2FlC;;;GAGG;AACH,MAAM,CAAC,MAAM,gCAAgC,GAAG;IAC9C,OAAO,EAAE,IAAI;IACb,OAAO,EAAE,IAAI;IACb,OAAO,EAAE,IAAI;IACb,OAAO,EAAE,IAAI;IACb,OAAO,EAAE,IAAI;IACb,OAAO,EAAE,IAAI;IACb,OAAO,EAAE,IAAI;IACb,OAAO,EAAE,IAAI;IACb,OAAO,EAAE,IAAI;IACb,OAAO,EAAE,IAAI;IACb,OAAO,EAAE,IAAI;IACb,OAAO,EAAE,IAAI;IACb,OAAO,EAAE,IAAI;IACb,OAAO,EAAE,OAAO;IAChB,OAAO,EAAE,IAAI;IACb,OAAO,EAAE,IAAI;IACb,OAAO,EAAE,IAAI;IACb,OAAO,EAAE,IAAI;IACb,OAAO,EAAE,IAAI;IACb,OAAO,EAAE,IAAI;IACb,OAAO,EAAE,IAAI;IACb,OAAO,EAAE,IAAI;IACb,OAAO,EAAE,IAAI;IACb,OAAO,EAAE,IAAI;IACb,OAAO,EAAE,IAAI;IACb,OAAO,EAAE,IAAI;IACb,OAAO,EAAE,SAAS;IAClB,OAAO,EAAE,SAAS;IAClB,OAAO,EAAE,IAAI;IACb,OAAO,EAAE,OAAO;IAChB,OAAO,EAAE,IAAI;IACb,OAAO,EAAE,IAAI;IACb,OAAO,EAAE,IAAI;IACb,OAAO,EAAE,IAAI;IACb,OAAO,EAAE,IAAI;IACb,OAAO,EAAE,IAAI;IACb,OAAO,EAAE,IAAI;IACb,OAAO,EAAE,IAAI;IACb,OAAO,EAAE,IAAI;IACb,OAAO,EAAE,IAAI;IACb,OAAO,EAAE,SAAS;CACnB,CAAC","sourcesContent":["// Copyright (c) Microsoft Corporation.\n// Licensed under the MIT License.\n\nimport { IDropdownOption } from '@fluentui/react';\n\n/**\n * @public\n * spoken language strings for captions setting modal\n */\nexport interface SpokenLanguageStrings {\n  'ar-ae': string;\n  'ar-sa': string;\n  'da-dk': string;\n  'de-de': string;\n  'en-au': string;\n  'en-ca': string;\n  'en-gb': string;\n  'en-in': string;\n  'en-nz': string;\n  'en-us': string;\n  'es-es': string;\n  'es-mx': string;\n  'fi-fi': string;\n  'fr-ca': string;\n  'fr-fr': string;\n  'hi-in': string;\n  'it-it': string;\n  'ja-jp': string;\n  'ko-kr': string;\n  'nb-no': string;\n  'nl-be': string;\n  'nl-nl': string;\n  'pl-pl': string;\n  'pt-br': string;\n  'ru-ru': string;\n  'sv-se': string;\n  'zh-cn': string;\n  'zh-hk': string;\n  'cs-cz': string;\n  'pt-pt': string;\n  'tr-tr': string;\n  'vi-vn': string;\n  'th-th': string;\n  'he-il': string;\n  'cy-gb': string;\n  'uk-ua': string;\n  'el-gr': string;\n  'hu-hu': string;\n  'ro-ro': string;\n  'sk-sk': string;\n  'zh-tw': string;\n}\n\n/**\n * @public\n * caption language strings for captions setting modal\n */\nexport interface CaptionLanguageStrings {\n  ar: string;\n  da: string;\n  de: string;\n  en: string;\n  es: string;\n  fi: string;\n  fr: string;\n  'fr-ca': string;\n  hi: string;\n  it: string;\n  ja: string;\n  ko: string;\n  nb: string;\n  nl: string;\n  pl: string;\n  pt: string;\n  ru: string;\n  sv: string;\n  'zh-Hans': string;\n  'zh-Hant': string;\n  cs: string;\n  'pt-pt': string;\n  tr: string;\n  vi: string;\n  th: string;\n  he: string;\n  cy: string;\n  uk: string;\n  el: string;\n  hu: string;\n  ro: string;\n  sk: string;\n}\n\n/**\n * @internal\n * mapping between caption language and spoken language codes\n */\nexport const _spokenLanguageToCaptionLanguage = {\n  'ar-ae': 'ar',\n  'ar-sa': 'ar',\n  'da-dk': 'da',\n  'de-de': 'de',\n  'en-au': 'en',\n  'en-ca': 'en',\n  'en-gb': 'en',\n  'en-in': 'en',\n  'en-nz': 'en',\n  'en-us': 'en',\n  'es-es': 'es',\n  'es-mx': 'es',\n  'fi-fi': 'fi',\n  'fr-ca': 'fr-ca',\n  'fr-fr': 'fr',\n  'hi-in': 'hi',\n  'it-it': 'it',\n  'ja-jp': 'ja',\n  'ko-kr': 'ko',\n  'nb-no': 'nb',\n  'nl-be': 'nl',\n  'nl-nl': 'nl',\n  'pl-pl': 'pl',\n  'pt-br': 'pt',\n  'ru-ru': 'ru',\n  'sv-se': 'sv',\n  'zh-cn': 'zh-Hans',\n  'zh-hk': 'zh-Hant',\n  'cs-cz': 'cs',\n  'pt-pt': 'pt-pt',\n  'tr-tr': 'tr',\n  'vi-vn': 'vi',\n  'th-th': 'th',\n  'he-il': 'he',\n  'cy-gb': 'cy',\n  'uk-ua': 'uk',\n  'el-gr': 'el',\n  'hu-hu': 'hu',\n  'ro-ro': 'ro',\n  'sk-sk': 'sk',\n  'zh-tw': 'zh-Hant'\n};\n\n/**\n * @public\n */\nexport type SupportedSpokenLanguage = keyof SpokenLanguageStrings;\n\n/**\n * @public\n */\nexport type SupportedCaptionLanguage = keyof CaptionLanguageStrings;\n\n/**\n * @internal\n */\nexport type SpokenLanguageDropdownOptions = IDropdownOption<SpokenLanguageStrings> & {\n  key: keyof SpokenLanguageStrings;\n};\n\n/**\n * @internal\n */\nexport type CaptionLanguageDropdownOptions = IDropdownOption<CaptionLanguageStrings> & {\n  key: keyof CaptionLanguageStrings;\n};\n"]}

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

@@ -21,7 +21,7 @@ export type MessageContentType = 'text' | 'html' | 'richtext/html' | 'unknown';
  *
  * @public
  */
-export type Message = ChatMessage | SystemMessage | CustomMessage;
+export type Message = ChatMessage | SystemMessage | CustomMessage | /* @conditional-compile-remove(data-loss-prevention) */ BlockedMessage;
 /**
  * Discriminated union of all system messages.
  *
@@ -95,6 +95,25 @@ 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 { AttachmentMetadata, MessageStatus } from '@internal/acs-ui-common';\nimport { CommunicationParticipant } from './CommunicationParticipant';\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;\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   * A list of attachments in the message.\n   * {@link AttachmentMetadata}\n   */\n  attachments?: 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 * 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":["../../../../../../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 { AttachmentMetadata, MessageStatus } from '@internal/acs-ui-common';\nimport { CommunicationParticipant } from './CommunicationParticipant';\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 =\n  | ChatMessage\n  | SystemMessage\n  | CustomMessage\n  | /* @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 =\n  | ParticipantAddedSystemMessage\n  | ParticipantRemovedSystemMessage\n  | TopicUpdatedSystemMessage\n  | 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   * A list of attachments in the message.\n   * {@link AttachmentMetadata}\n   */\n  attachments?: 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\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\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\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\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\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}\n"]}

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

@@ -1 +1 @@
-{"version":3,"file":"CommunicationParticipant.js","sourceRoot":"","sources":["../../../../../preprocess-dist/react-components/src/types/CommunicationParticipant.ts"],"names":[],"mappings":"AAAA,uCAAuC;AACvC,kCAAkC","sourcesContent":["// Copyright (c) Microsoft Corporation.\n// Licensed under the MIT License.\n\n/**\r\n * A Chat or Calling participant's state, as reflected in the UI.\r\n *\r\n * @public\r\n */\nexport type CommunicationParticipant = {\n  /** User ID of participant */\n  userId: string;\n  /** Display name of participant */\n  displayName?: string;\n};"]}
+{"version":3,"file":"CommunicationParticipant.js","sourceRoot":"","sources":["../../../../../../react-components/src/types/CommunicationParticipant.ts"],"names":[],"mappings":"AAAA,uCAAuC;AACvC,kCAAkC","sourcesContent":["// Copyright (c) Microsoft Corporation.\r\n// Licensed under the MIT License.\r\n\r\n/**\r\n * A Chat or Calling participant's state, as reflected in the UI.\r\n *\r\n * @public\r\n */\r\nexport type CommunicationParticipant = {\r\n  /** User ID of participant */\r\n  userId: string;\r\n  /** Display name of participant */\r\n  displayName?: string;\r\n};\r\n"]}

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

@@ -1 +1 @@
-{"version":3,"file":"ComponentSlotStyle.js","sourceRoot":"","sources":["../../../../../preprocess-dist/react-components/src/types/ComponentSlotStyle.ts"],"names":[],"mappings":"AAAA,uCAAuC;AACvC,kCAAkC","sourcesContent":["// Copyright (c) Microsoft Corporation.\n// Licensed under the MIT License.\n\nimport { IRawStyle } from '@fluentui/react';\n\n/**\n * ComponentSlotStyle is a \\@fluentui/react-northstar type.\n * As we have moved away from this package we have used the more generic IRawStyle type from fluent for interoperability.\n *\n * @public\n */\nexport type ComponentSlotStyle = Omit<IRawStyle, 'animation'>;"]}
+{"version":3,"file":"ComponentSlotStyle.js","sourceRoot":"","sources":["../../../../../../react-components/src/types/ComponentSlotStyle.ts"],"names":[],"mappings":"AAAA,uCAAuC;AACvC,kCAAkC","sourcesContent":["// Copyright (c) Microsoft Corporation.\n// Licensed under the MIT License.\n\nimport { IRawStyle } from '@fluentui/react';\n\n/**\n * ComponentSlotStyle is a \\@fluentui/react-northstar type.\n * As we have moved away from this package we have used the more generic IRawStyle type from fluent for interoperability.\n *\n * @public\n */\nexport type ComponentSlotStyle = Omit<IRawStyle, 'animation'>;\n"]}

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

@@ -1 +1 @@
-{"version":3,"file":"CustomStylesProps.js","sourceRoot":"","sources":["../../../../../preprocess-dist/react-components/src/types/CustomStylesProps.ts"],"names":[],"mappings":"AAAA,uCAAuC;AACvC,kCAAkC","sourcesContent":["// Copyright (c) Microsoft Corporation.\n// Licensed under the MIT License.\n\nimport { IStyle } from '@fluentui/react';\n\n/**\n * Basic fluent styles props for all components exported from this libray.\n *\n * @public\n */\nexport interface BaseCustomStyles {\n  /** Styles for the root container. */\n  root?: IStyle;\n}"]}
+{"version":3,"file":"CustomStylesProps.js","sourceRoot":"","sources":["../../../../../../react-components/src/types/CustomStylesProps.ts"],"names":[],"mappings":"AAAA,uCAAuC;AACvC,kCAAkC","sourcesContent":["// Copyright (c) Microsoft Corporation.\n// Licensed under the MIT License.\n\nimport { IStyle } from '@fluentui/react';\n\n/**\n * Basic fluent styles props for all components exported from this libray.\n *\n * @public\n */\nexport interface BaseCustomStyles {\n  /** Styles for the root container. */\n  root?: IStyle;\n}\n"]}

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';\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  /** State for the participant to be displayed in the defaultPlaceHolder */\n  participantState?: ParticipantState;\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 | undefined;"]}
+{"version":3,"file":"OnRender.js","sourceRoot":"","sources":["../../../../../../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 {\n  IPersonaStyleProps,\n  IPersonaStyles,\n  IStyleFunctionOrObject,\n  PersonaPresence,\n  PersonaSize\n} from '@fluentui/react';\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  /** State for the participant to be displayed in the defaultPlaceHolder */\n  participantState?: ParticipantState;\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   */\n  userId?: string,\n  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   */\n  defaultOnRender?: (props: CustomAvatarOptions) => JSX.Element\n) => JSX.Element | undefined;\n"]}

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

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

@@ -1 +1 @@
-{"version":3,"file":"ReactionTypes.js","sourceRoot":"","sources":["../../../../../preprocess-dist/react-components/src/types/ReactionTypes.ts"],"names":[],"mappings":"AAAA,uCAAuC;AACvC,kCAAkC","sourcesContent":["// Copyright (c) Microsoft Corporation.\n// Licensed under the MIT License.\n\n/**\n * Type for animation sprite image and related metadata\n * @public\n */\nexport type ReactionSprite = {\n  /**\n   * Path to animation sprite image for reaction.\n   */\n  url: string; // base64, relative links, relative paths\n  /**\n   * The frame count of the resource reaction in the sprite image\n   */\n  frameCount: number;\n};\n\n/**\n * Interface for animation sprite image and related metadata\n * @public\n */\nexport interface ReactionResources {\n  /**\n   * Like reaction animation resource.\n   */\n  likeReaction?: ReactionSprite;\n  /**\n   * Heart reaction animation resource.\n   */\n  heartReaction?: ReactionSprite;\n  /**\n   * Laugh reaction animation resource.\n   */\n  laughReaction?: ReactionSprite;\n  /**\n   * Applause reaction animation resource.\n   */\n  applauseReaction?: ReactionSprite;\n  /**\n   * Surprised reaction animation resource.\n   */\n  surprisedReaction?: ReactionSprite;\n}\n\n/**\n * Options for overlay mode for reaction rendering\n * @internal\n */\nexport type OverlayModeTypes = 'grid-tiles' | 'screen-share' | 'content-share'\n/* @conditional-compile-remove(together-mode) */ | 'together-mode';"]}
+{"version":3,"file":"ReactionTypes.js","sourceRoot":"","sources":["../../../../../../react-components/src/types/ReactionTypes.ts"],"names":[],"mappings":"AAAA,uCAAuC;AACvC,kCAAkC","sourcesContent":["// Copyright (c) Microsoft Corporation.\n// Licensed under the MIT License.\n\n/**\n * Type for animation sprite image and related metadata\n * @public\n */\nexport type ReactionSprite = {\n  /**\n   * Path to animation sprite image for reaction.\n   */\n  url: string; // base64, relative links, relative paths\n  /**\n   * The frame count of the resource reaction in the sprite image\n   */\n  frameCount: number;\n};\n\n/**\n * Interface for animation sprite image and related metadata\n * @public\n */\nexport interface ReactionResources {\n  /**\n   * Like reaction animation resource.\n   */\n  likeReaction?: ReactionSprite;\n  /**\n   * Heart reaction animation resource.\n   */\n  heartReaction?: ReactionSprite;\n  /**\n   * Laugh reaction animation resource.\n   */\n  laughReaction?: ReactionSprite;\n  /**\n   * Applause reaction animation resource.\n   */\n  applauseReaction?: ReactionSprite;\n  /**\n   * Surprised reaction animation resource.\n   */\n  surprisedReaction?: ReactionSprite;\n}\n\n/**\n * Options for overlay mode for reaction rendering\n * @internal\n */\nexport type OverlayModeTypes =\n  | 'grid-tiles'\n  | 'screen-share'\n  | 'content-share'\n  /* @conditional-compile-remove(together-mode) */\n  | 'together-mode';\n"]}

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

@@ -1 +1 @@
-{"version":3,"file":"ReadReceiptsBySenderId.js","sourceRoot":"","sources":["../../../../../preprocess-dist/react-components/src/types/ReadReceiptsBySenderId.ts"],"names":[],"mappings":"AAAA,uCAAuC;AACvC,kCAAkC","sourcesContent":["// Copyright (c) Microsoft Corporation.\n// Licensed under the MIT License.\n\n/**\n * An array of key value pairs that stores each sender's display name and last read message\n *\n * @public\n */\nexport type ReadReceiptsBySenderId = {\n  [key: string]: {\n    lastReadMessage: string;\n    displayName: string;\n  };\n};"]}
+{"version":3,"file":"ReadReceiptsBySenderId.js","sourceRoot":"","sources":["../../../../../../react-components/src/types/ReadReceiptsBySenderId.ts"],"names":[],"mappings":"AAAA,uCAAuC;AACvC,kCAAkC","sourcesContent":["// Copyright (c) Microsoft Corporation.\n// Licensed under the MIT License.\n\n/**\n * An array of key value pairs that stores each sender's display name and last read message\n *\n * @public\n */\nexport type ReadReceiptsBySenderId = { [key: string]: { lastReadMessage: string; displayName: string } };\n"]}

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

@@ -1 +1 @@
-{"version":3,"file":"SurveyIssues.js","sourceRoot":"","sources":["../../../../../preprocess-dist/react-components/src/types/SurveyIssues.ts"],"names":[],"mappings":"AAAA,uCAAuC;AACvC,kCAAkC","sourcesContent":["// Copyright (c) Microsoft Corporation.\n// Licensed under the MIT License.\n\n/**\n * @public\n * Corresponding texts to each call issue\n */\nexport interface SurveyIssues {\n  overallRating: {\n    callCannotJoin: string;\n    callCannotInvite: string;\n    hadToRejoin: string;\n    callEndedUnexpectedly: string;\n    otherIssues: string;\n  };\n  audioRating: {\n    noLocalAudio: string;\n    noRemoteAudio: string;\n    echo: string;\n    audioNoise: string;\n    lowVolume: string;\n    audioStoppedUnexpectedly: string;\n    distortedSpeech: string;\n    audioInterruption: string;\n    otherIssues: string;\n  };\n  videoRating: {\n    noVideoReceived: string;\n    noVideoSent: string;\n    lowQuality: string;\n    freezes: string;\n    stoppedUnexpectedly: string;\n    darkVideoReceived: string;\n    audioVideoOutOfSync: string;\n    otherIssues: string;\n  };\n  screenshareRating: {\n    noContentLocal: string;\n    noContentRemote: string;\n    cannotPresent: string;\n    lowQuality: string;\n    freezes: string;\n    stoppedUnexpectedly: string;\n    largeDelay: string;\n    otherIssues: string;\n  };\n}"]}
+{"version":3,"file":"SurveyIssues.js","sourceRoot":"","sources":["../../../../../../react-components/src/types/SurveyIssues.ts"],"names":[],"mappings":"AAAA,uCAAuC;AACvC,kCAAkC","sourcesContent":["// Copyright (c) Microsoft Corporation.\n// Licensed under the MIT License.\n\n/**\n * @public\n * Corresponding texts to each call issue\n */\nexport interface SurveyIssues {\n  overallRating: {\n    callCannotJoin: string;\n    callCannotInvite: string;\n    hadToRejoin: string;\n    callEndedUnexpectedly: string;\n    otherIssues: string;\n  };\n  audioRating: {\n    noLocalAudio: string;\n    noRemoteAudio: string;\n    echo: string;\n    audioNoise: string;\n    lowVolume: string;\n    audioStoppedUnexpectedly: string;\n    distortedSpeech: string;\n    audioInterruption: string;\n    otherIssues: string;\n  };\n  videoRating: {\n    noVideoReceived: string;\n    noVideoSent: string;\n    lowQuality: string;\n    freezes: string;\n    stoppedUnexpectedly: string;\n    darkVideoReceived: string;\n    audioVideoOutOfSync: string;\n    otherIssues: string;\n  };\n  screenshareRating: {\n    noContentLocal: string;\n    noContentRemote: string;\n    cannotPresent: string;\n    lowQuality: string;\n    freezes: string;\n    stoppedUnexpectedly: string;\n    largeDelay: string;\n    otherIssues: string;\n  };\n}\n"]}

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

@@ -1 +1 @@
-{"version":3,"file":"SurveyIssuesHeadingStrings.js","sourceRoot":"","sources":["../../../../../preprocess-dist/react-components/src/types/SurveyIssuesHeadingStrings.ts"],"names":[],"mappings":"AAAA,uCAAuC;AACvC,kCAAkC","sourcesContent":["// Copyright (c) Microsoft Corporation.\n// Licensed under the MIT License.\n\n/**\n * @public\n * Corresponding texts to each call issue category\n */\nexport interface SurveyIssuesHeadingStrings {\n  overallRating: string;\n  audioRating: string;\n  videoRating: string;\n  screenshareRating: string;\n}"]}
+{"version":3,"file":"SurveyIssuesHeadingStrings.js","sourceRoot":"","sources":["../../../../../../react-components/src/types/SurveyIssuesHeadingStrings.ts"],"names":[],"mappings":"AAAA,uCAAuC;AACvC,kCAAkC","sourcesContent":["// Copyright (c) Microsoft Corporation.\n// Licensed under the MIT License.\n\n/**\n * @public\n * Corresponding texts to each call issue category\n */\nexport interface SurveyIssuesHeadingStrings {\n  overallRating: string;\n  audioRating: string;\n  videoRating: string;\n  screenshareRating: string;\n}\n"]}

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

@@ -0,0 +1,38 @@
+import { CreateVideoStreamViewResult, VideoGalleryStream, VideoStreamOptions } from './VideoGalleryParticipant';
+/**
+ * Interface representing the result of a Together Mode stream view.
+ * @beta
+ */
+export interface TogetherModeStreamOptions extends VideoStreamOptions {
+    viewKind?: 'main' | 'panoramic';
+}
+/**
+ * Interface representing the result of a Together Mode stream view.
+ * @beta
+ */
+export interface TogetherModeStreamViewResult {
+    mainVideoView?: CreateVideoStreamViewResult;
+}
+/**
+ * Interface representing the streams in Together Mode.
+ * @beta
+ */
+export interface VideoGalleryTogetherModeStreams {
+    mainVideoStream?: VideoGalleryStream;
+}
+/**
+ * Interface representing the seating information in Together Mode.
+ * @beta
+ */
+export interface VideoGalleryTogetherModeSeatingInfo {
+    top: number;
+    left: number;
+    width: number;
+    height: number;
+}
+/**
+ * Interface representing the position of a participant in Together Mode.
+ * @beta
+ */
+export type VideoGalleryTogetherModeParticipantPosition = Record<string, VideoGalleryTogetherModeSeatingInfo>;
+//# sourceMappingURL=TogetherModeTypes.d.ts.map

package/dist/dist-esm/react-components/src/types/TogetherModeTypes.js

@@ -0,0 +1,4 @@
+// Copyright (c) Microsoft Corporation.
+// Licensed under the MIT License.
+export {};
+//# sourceMappingURL=TogetherModeTypes.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"TogetherModeTypes.js","sourceRoot":"","sources":["../../../../../../react-components/src/types/TogetherModeTypes.ts"],"names":[],"mappings":"AAAA,uCAAuC;AACvC,kCAAkC","sourcesContent":["// Copyright (c) Microsoft Corporation.\n// Licensed under the MIT License.\n\n/* @conditional-compile-remove(together-mode) */\nimport { CreateVideoStreamViewResult, VideoGalleryStream, VideoStreamOptions } from './VideoGalleryParticipant';\n\n/* @conditional-compile-remove(together-mode) */\n/**\n * Interface representing the result of a Together Mode stream view.\n * @beta\n */\nexport interface TogetherModeStreamOptions extends VideoStreamOptions {\n  viewKind?: 'main' | 'panoramic';\n}\n/* @conditional-compile-remove(together-mode) */\n/**\n * Interface representing the result of a Together Mode stream view.\n * @beta\n */\nexport interface TogetherModeStreamViewResult {\n  mainVideoView?: CreateVideoStreamViewResult;\n}\n\n/* @conditional-compile-remove(together-mode) */\n/**\n * Interface representing the streams in Together Mode.\n * @beta\n */\nexport interface VideoGalleryTogetherModeStreams {\n  mainVideoStream?: VideoGalleryStream;\n}\n\n/* @conditional-compile-remove(together-mode) */\n/**\n * Interface representing the seating information in Together Mode.\n * @beta\n */\nexport interface VideoGalleryTogetherModeSeatingInfo {\n  /* The top left offset from the top of the together mode view.*/\n  top: number;\n  /* The left offset position from the left of the together mode view. */\n  left: number;\n  /*  The width of the seating area */\n  width: number;\n  /* The height of the seating area. */\n  height: number;\n}\n\n/* @conditional-compile-remove(together-mode) */\n/**\n * Interface representing the position of a participant in Together Mode.\n * @beta\n */\nexport type VideoGalleryTogetherModeParticipantPosition = Record<string, VideoGalleryTogetherModeSeatingInfo>;\n"]}

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

@@ -37,6 +37,8 @@ export type VideoGalleryParticipant = {
     isScreenSharingOn?: boolean;
     /** Whether participant is spotlighted **/
     spotlight?: Spotlight;
+    /** Signal strength of the participant, range from 1 to 3, lower means better connection **/
+    signalStrength?: number;
     /** Media audio video access states **/
     mediaAccess?: MediaAccess;
     /** Attendee can have audio be forbidden **/

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

@@ -1 +1 @@
-{"version":3,"file":"VideoGalleryParticipant.js","sourceRoot":"","sources":["../../../../../preprocess-dist/react-components/src/types/VideoGalleryParticipant.ts"],"names":[],"mappings":"AAAA,uCAAuC;AACvC,kCAAkC","sourcesContent":["// Copyright (c) Microsoft Corporation.\n// Licensed under the MIT License.\n\nimport { ParticipantState, MediaAccess } from './ParticipantListParticipant';\nimport { RaisedHand } from './ParticipantListParticipant';\nimport { Reaction } from './ParticipantListParticipant';\nimport { Spotlight } from './ParticipantListParticipant';\n/**\n * Scaling mode of a {@link VideoGalleryStream}.\n *\n * @public\n */\nexport type ViewScalingMode = 'Stretch' | 'Crop' | 'Fit';\n\n/**\n * Options to control how video streams are rendered.\n *\n * @public\n */\nexport declare interface VideoStreamOptions {\n  /** Whether the video stream is mirrored or not */\n  isMirrored?: boolean;\n  /** Scaling mode. It can be `Stretch`, `Crop` or `Fit` */\n  scalingMode?: ViewScalingMode;\n}\n\n/**\n * The state of a participant in the {@link VideoGallery}.\n *\n * @public\n */\nexport type VideoGalleryParticipant = {\n  /** User ID of participant */\n  userId: string;\n  /** Whether participant is muted */\n  isMuted?: boolean;\n  /** Display name of participant */\n  displayName?: string;\n  /** Video stream of participant */\n  videoStream?: VideoGalleryStream;\n  /** Whether participant is screen sharing or not */\n  isScreenSharingOn?: boolean;\n  /** Whether participant is spotlighted **/\n  spotlight?: Spotlight;\n  /** Media audio video access states **/\n  mediaAccess?: MediaAccess;\n  /** Attendee can have audio be forbidden **/\n  canAudioBeForbidden?: boolean;\n  /** Attendee can have video be forbidden **/\n  canVideoBeForbidden?: boolean;\n};\n\n/**\n * Video stream of a participant in {@link VideoGallery}.\n *\n * @public\n */\nexport interface VideoGalleryStream {\n  /** ID of the video stream */\n  id?: number;\n  /** Whether the video stream is available or not */\n  isAvailable?: boolean;\n  /** Whether the video stream is receiving data or not */\n  isReceiving?: boolean;\n  /** Whether the video stream is mirrored or not */\n  isMirrored?: boolean;\n  /** Render element of the video stream */\n  renderElement?: HTMLElement;\n  /** Scaling mode of the video stream */\n  scalingMode?: ViewScalingMode;\n  /** Stream Size of the video stream */\n  streamSize?: {\n    width: number;\n    height: number;\n  };\n}\n\n/**\n * Object returned after creating a local or remote VideoStream.\n * This contains helper functions to manipulate the render of the stream.\n *\n * @public\n */\nexport interface CreateVideoStreamViewResult {\n  /** View handle of the rendered video stream */\n  view: {\n    /**\n     * Update the scale mode for this view.\n     * @param scalingMode - The new scale mode.\n     */\n    updateScalingMode: (scalingMode: ViewScalingMode) => Promise<void>;\n  };\n}\n\n// set the required attribs in selector. (Further simplifying our component logic) For example\n// isLocalVideoReady can be calculated inside selector.\n/**\n * The state of the local participant in the {@link VideoGallery}.\n *\n * @public\n */\nexport interface VideoGalleryLocalParticipant extends VideoGalleryParticipant {\n  /** Whether local participant is raised a hand */\n  raisedHand?: RaisedHand;\n  /**\n   * Whether local participant has reacted\n   *\n   * */\n  reaction?: Reaction;\n  /** Video stream of shared screen */\n  screenShareStream?: VideoGalleryStream;\n}\n\n/**\n * The state of a remote participant in the {@link VideoGallery}.\n *\n * @public\n */\nexport interface VideoGalleryRemoteParticipant extends VideoGalleryParticipant {\n  /** Whether participant is speaking or not */\n  isSpeaking?: boolean;\n  /** Video stream of shared screen */\n  screenShareStream?: VideoGalleryStream;\n  /**\n   * @public\n   * The connection state of the participant. For example, 'Hold', 'Connecting' etc.\n   */\n  state?: ParticipantState;\n  /** Whether participant is raised a hand */\n  raisedHand?: RaisedHand;\n  /**\n   * Whether participant has reacted\n   *\n   * @public\n   * */\n  reaction?: Reaction;\n  /** Media audio video access states **/\n  mediaAccess?: MediaAccess;\n}"]}
+{"version":3,"file":"VideoGalleryParticipant.js","sourceRoot":"","sources":["../../../../../../react-components/src/types/VideoGalleryParticipant.ts"],"names":[],"mappings":"AAAA,uCAAuC;AACvC,kCAAkC","sourcesContent":["// Copyright (c) Microsoft Corporation.\n// Licensed under the MIT License.\n\nimport {\n  ParticipantState,\n  /* @conditional-compile-remove(media-access) */\n  MediaAccess\n} from './ParticipantListParticipant';\n\nimport { RaisedHand } from './ParticipantListParticipant';\nimport { Reaction } from './ParticipantListParticipant';\nimport { Spotlight } from './ParticipantListParticipant';\n/**\n * Scaling mode of a {@link VideoGalleryStream}.\n *\n * @public\n */\nexport type ViewScalingMode = 'Stretch' | 'Crop' | 'Fit';\n\n/**\n * Options to control how video streams are rendered.\n *\n * @public\n */\nexport declare interface VideoStreamOptions {\n  /** Whether the video stream is mirrored or not */\n  isMirrored?: boolean;\n  /** Scaling mode. It can be `Stretch`, `Crop` or `Fit` */\n  scalingMode?: ViewScalingMode;\n}\n\n/**\n * The state of a participant in the {@link VideoGallery}.\n *\n * @public\n */\nexport type VideoGalleryParticipant = {\n  /** User ID of participant */\n  userId: string;\n  /** Whether participant is muted */\n  isMuted?: boolean;\n  /** Display name of participant */\n  displayName?: string;\n  /** Video stream of participant */\n  videoStream?: VideoGalleryStream;\n  /** Whether participant is screen sharing or not */\n  isScreenSharingOn?: boolean;\n  /** Whether participant is spotlighted **/\n  spotlight?: Spotlight;\n  /* @conditional-compile-remove(remote-ufd) */\n  /** Signal strength of the participant, range from 1 to 3, lower means better connection **/\n  signalStrength?: number;\n  /* @conditional-compile-remove(media-access) */\n  /** Media audio video access states **/\n  mediaAccess?: MediaAccess;\n  /* @conditional-compile-remove(media-access) */\n  /** Attendee can have audio be forbidden **/\n  canAudioBeForbidden?: boolean;\n  /* @conditional-compile-remove(media-access) */\n  /** Attendee can have video be forbidden **/\n  canVideoBeForbidden?: boolean;\n};\n\n/**\n * Video stream of a participant in {@link VideoGallery}.\n *\n * @public\n */\nexport interface VideoGalleryStream {\n  /** ID of the video stream */\n  id?: number;\n  /** Whether the video stream is available or not */\n  isAvailable?: boolean;\n  /** Whether the video stream is receiving data or not */\n  isReceiving?: boolean;\n  /** Whether the video stream is mirrored or not */\n  isMirrored?: boolean;\n  /** Render element of the video stream */\n  renderElement?: HTMLElement;\n  /** Scaling mode of the video stream */\n  scalingMode?: ViewScalingMode;\n  /** Stream Size of the video stream */\n  streamSize?: { width: number; height: number };\n}\n\n/**\n * Object returned after creating a local or remote VideoStream.\n * This contains helper functions to manipulate the render of the stream.\n *\n * @public\n */\nexport interface CreateVideoStreamViewResult {\n  /** View handle of the rendered video stream */\n  view: {\n    /**\n     * Update the scale mode for this view.\n     * @param scalingMode - The new scale mode.\n     */\n    updateScalingMode: (scalingMode: ViewScalingMode) => Promise<void>;\n  };\n}\n\n// set the required attribs in selector. (Further simplifying our component logic) For example\n// isLocalVideoReady can be calculated inside selector.\n/**\n * The state of the local participant in the {@link VideoGallery}.\n *\n * @public\n */\nexport interface VideoGalleryLocalParticipant extends VideoGalleryParticipant {\n  /** Whether local participant is raised a hand */\n  raisedHand?: RaisedHand;\n  /**\n   * Whether local participant has reacted\n   *\n   * */\n  reaction?: Reaction;\n  /** Video stream of shared screen */\n  screenShareStream?: VideoGalleryStream;\n}\n\n/**\n * The state of a remote participant in the {@link VideoGallery}.\n *\n * @public\n */\nexport interface VideoGalleryRemoteParticipant extends VideoGalleryParticipant {\n  /** Whether participant is speaking or not */\n  isSpeaking?: boolean;\n  /** Video stream of shared screen */\n  screenShareStream?: VideoGalleryStream;\n  /**\n   * @public\n   * The connection state of the participant. For example, 'Hold', 'Connecting' etc.\n   */\n  state?: ParticipantState;\n  /** Whether participant is raised a hand */\n  raisedHand?: RaisedHand;\n  /**\n   * Whether participant has reacted\n   *\n   * @public\n   * */\n  reaction?: Reaction;\n  /* @conditional-compile-remove(media-access) */\n  /** Media audio video access states **/\n  mediaAccess?: MediaAccess;\n}\n"]}

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

@@ -12,4 +12,5 @@ export * from './SurveyIssuesHeadingStrings';
 export * from './CallSurveyImprovementSuggestions';
 export * from './ReactionTypes';
 export * from './Attachment';
+export * from './TogetherModeTypes';
 //# sourceMappingURL=index.d.ts.map

package/dist/dist-esm/react-components/src/types/index.js

@@ -14,4 +14,6 @@ export * from './SurveyIssuesHeadingStrings';
 export * from './CallSurveyImprovementSuggestions';
 export * from './ReactionTypes';
 export * from './Attachment';
+/* @conditional-compile-remove(together-mode) */
+export * from './TogetherModeTypes';
 //# sourceMappingURL=index.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../preprocess-dist/react-components/src/types/index.ts"],"names":[],"mappings":"AAAA,uCAAuC;AACvC,kCAAkC;AAElC,cAAc,eAAe,CAAC;AAC9B,cAAc,sBAAsB,CAAC;AACrC,cAAc,qBAAqB,CAAC;AACpC,cAAc,2BAA2B,CAAC;AAC1C,cAAc,4BAA4B,CAAC;AAC3C,cAAc,8BAA8B,CAAC;AAC7C,cAAc,YAAY,CAAC;AAC3B,cAAc,0BAA0B,CAAC;AACzC,cAAc,oCAAoC,CAAC;AACnD,cAAc,gBAAgB,CAAC;AAC/B,cAAc,8BAA8B,CAAC;AAC7C,cAAc,oCAAoC,CAAC;AACnD,cAAc,iBAAiB,CAAC;AAChC,cAAc,cAAc,CAAC","sourcesContent":["// Copyright (c) Microsoft Corporation.\n// Licensed under the MIT License.\n\nexport * from './ChatMessage';\nexport * from './ComponentSlotStyle';\nexport * from './CustomStylesProps';\nexport * from './VideoGalleryParticipant';\nexport * from './CommunicationParticipant';\nexport * from './ParticipantListParticipant';\nexport * from './OnRender';\nexport * from './ReadReceiptsBySenderId';\nexport * from './CaptionsAvailableLanguageStrings';\nexport * from './SurveyIssues';\nexport * from './SurveyIssuesHeadingStrings';\nexport * from './CallSurveyImprovementSuggestions';\nexport * from './ReactionTypes';\nexport * from './Attachment';"]}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../../react-components/src/types/index.ts"],"names":[],"mappings":"AAAA,uCAAuC;AACvC,kCAAkC;AAElC,cAAc,eAAe,CAAC;AAC9B,cAAc,sBAAsB,CAAC;AACrC,cAAc,qBAAqB,CAAC;AACpC,cAAc,2BAA2B,CAAC;AAC1C,cAAc,4BAA4B,CAAC;AAC3C,cAAc,8BAA8B,CAAC;AAC7C,cAAc,YAAY,CAAC;AAC3B,cAAc,0BAA0B,CAAC;AACzC,cAAc,oCAAoC,CAAC;AACnD,cAAc,gBAAgB,CAAC;AAC/B,cAAc,8BAA8B,CAAC;AAC7C,cAAc,oCAAoC,CAAC;AACnD,cAAc,iBAAiB,CAAC;AAChC,cAAc,cAAc,CAAC;AAC7B,gDAAgD;AAChD,cAAc,qBAAqB,CAAC","sourcesContent":["// Copyright (c) Microsoft Corporation.\n// Licensed under the MIT License.\n\nexport * from './ChatMessage';\nexport * from './ComponentSlotStyle';\nexport * from './CustomStylesProps';\nexport * from './VideoGalleryParticipant';\nexport * from './CommunicationParticipant';\nexport * from './ParticipantListParticipant';\nexport * from './OnRender';\nexport * from './ReadReceiptsBySenderId';\nexport * from './CaptionsAvailableLanguageStrings';\nexport * from './SurveyIssues';\nexport * from './SurveyIssuesHeadingStrings';\nexport * from './CallSurveyImprovementSuggestions';\nexport * from './ReactionTypes';\nexport * from './Attachment';\n/* @conditional-compile-remove(together-mode) */\nexport * from './TogetherModeTypes';\n"]}

package/dist/dist-esm/react-composites/src/Logger.js.map

@@ -1 +1 @@
-{"version":3,"file":"Logger.js","sourceRoot":"","sources":["../../../../preprocess-dist/react-composites/src/Logger.ts"],"names":[],"mappings":"AAAA,uCAAuC;AACvC,kCAAkC;AAClC,OAAO,EAAE,kBAAkB,EAAE,MAAM,eAAe,CAAC;AAEnD;;GAEG;AACH,MAAM,CAAC,MAAM,eAAe,GAAG,kBAAkB,CAAC,+BAA+B,CAAC,CAAC","sourcesContent":["// Copyright (c) Microsoft Corporation.\n// Licensed under the MIT License.\nimport { createClientLogger } from '@azure/logger';\n\n/**\n * @private\n */\nexport const compositeLogger = createClientLogger('communication-react:composite');"]}
+{"version":3,"file":"Logger.js","sourceRoot":"","sources":["../../../../../react-composites/src/Logger.ts"],"names":[],"mappings":"AAAA,uCAAuC;AACvC,kCAAkC;AAClC,OAAO,EAAE,kBAAkB,EAAE,MAAM,eAAe,CAAC;AAEnD;;GAEG;AACH,MAAM,CAAC,MAAM,eAAe,GAAG,kBAAkB,CAAC,+BAA+B,CAAC,CAAC","sourcesContent":["// Copyright (c) Microsoft Corporation.\n// Licensed under the MIT License.\nimport { createClientLogger } from '@azure/logger';\n\n/**\n * @private\n */\nexport const compositeLogger = createClientLogger('communication-react:composite');\n"]}

package/dist/dist-esm/react-composites/src/composites/CallComposite/CallComposite.d.ts

@@ -36,6 +36,28 @@ export interface CallCompositeProps extends BaseCompositeProps<CallCompositeIcon
      */
     options?: CallCompositeOptions;
 }
+/**
+ * Device Checks.
+ * Choose whether or not to block starting a call depending on camera and microphone permission options.
+ *
+ * @beta
+ */
+export interface DeviceCheckOptions {
+    /**
+     * Camera Permission prompts for your call.
+     * 'required' - requires the permission to be allowed before permitting the user join the call.
+     * 'optional' - permission can be disallowed and the user is still permitted to join the call.
+     * 'doNotPrompt' - permission is not required and the user is not prompted to allow the permission.
+     */
+    camera: 'required' | 'optional' | 'doNotPrompt';
+    /**
+     * Microphone permission prompts for your call.
+     * 'required' - requires the permission to be allowed before permitting the user join the call.
+     * 'optional' - permission can be disallowed and the user is still permitted to join the call.
+     * 'doNotPrompt' - permission is not required and the user is not prompted to allow the permission.
+     */
+    microphone: 'required' | 'optional' | 'doNotPrompt';
+}
 /**
  * Menu options for remote video tiles in {@link VideoGallery}.
  *
@@ -94,6 +116,56 @@ export type CallCompositeOptions = {
      * @defaultValue true
      */
     callControls?: boolean | CallControlOptions;
+    /**
+     * Device permissions check options for your call.
+     * Here you can choose what device permissions you prompt the user for,
+     * as well as what device permissions must be accepted before starting a call.
+     */
+    deviceChecks?: DeviceCheckOptions;
+    /**
+     * Callback you may provide to supply users with further steps to troubleshoot why they have been
+     * unable to grant your site the required permissions for the call.
+     *
+     * @example
+     * ```ts
+     * onPermissionsTroubleshootingClick: () =>
+     *  window.open('https://contoso.com/permissions-troubleshooting', '_blank');
+     * ```
+     *
+     * @remarks
+     * if this is not supplied, the composite will not show a 'further troubleshooting' link.
+     */
+    onPermissionsTroubleshootingClick?: (permissionsState: {
+        camera: PermissionState;
+        microphone: PermissionState;
+    }) => void;
+    /**
+     * Callback you may provide to supply users with further steps to troubleshoot why they have been
+     * having network issues when connecting to the call.
+     *
+     * @example
+     * ```ts
+     * onNetworkingTroubleShootingClick?: () =>
+     *  window.open('https://contoso.com/network-troubleshooting', '_blank');
+     * ```
+     *
+     * @remarks
+     * if this is not supplied, the composite will not show a 'network troubleshooting' link.
+     */
+    onNetworkingTroubleShootingClick?: () => void;
+    /**
+     * Callback you may provide to supply users with a provided page to showcase supported browsers by ACS.
+     *
+     * @example
+     * ```ts
+     * onBrowserTroubleShootingClick?: () =>
+     *  window.open('https://contoso.com/browser-troubleshooting', '_blank');
+     * ```
+     *
+     * @remarks
+     * if this is not supplied, the composite will not show a unsupported browser page.
+     */
+    onEnvironmentInfoTroubleshootingClick?: () => void;
     /**
      * Remote participant video tile menu options
      */