npm - @azure/communication-react - Versions diffs - 1.18.0-beta.1 → 1.18.0 - Mend

@azure/communication-react 1.18.0-beta.1 → 1.18.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (638) hide show

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

	@@ -1 +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 colorNeutralStroke2: themeV8.palette.neutralTertiaryAlt,\n // Fix for an issue with black borders for iOS that are added with 'after' selector\n colorStrokeFocus2: 'transparent'\n };\n};"]}
1	+ {"version":3,"file":"v9ThemeShim.js","sourceRoot":"","sources":["../../../../../preprocess-dist/react-components/src/theming/v9ThemeShim.ts"],"names":[],"mappings":"AAAA,uCAAuC;AACvC,kCAAkC;AAGlC,OAAO,EAAmE,aAAa,EAAE,MAAM,4BAA4B,CAAC;AAC5H,OAAO,EAAE,UAAU,EAAE,UAAU,EAAE,IAAI,EAAE,WAAW,EAAE,WAAW,EAAE,MAAM,mBAAmB,CAAC;AAE3F,gDAAgD;AAChD,6JAA6J;AAE7J;;GAEG;AACH,MAAM,cAAc,GAAG,CAAC,OAAiB,EAAE,QAAiB,EAAe,EAAE;IAC3E,OAAO;QACL,uBAAuB,EAAE,OAAO,CAAC,cAAc;QAC/C,4BAA4B,EAAE,OAAO,CAAC,cAAc;QACpD,8BAA8B,EAAE,OAAO,CAAC,cAAc;QACtD,+BAA+B,EAAE,OAAO,CAAC,cAAc;QACvD,uBAAuB,EAAE,OAAO,CAAC,gBAAgB;QACjD,4BAA4B,EAAE,OAAO,CAAC,cAAc;QACpD,8BAA8B,EAAE,OAAO,CAAC,cAAc;QACtD,+BAA+B,EAAE,OAAO,CAAC,cAAc;QACvD,iCAAiC,EAAE,OAAO,CAAC,YAAY;QACvD,mCAAmC,EAAE,OAAO,CAAC,YAAY;QACzD,oCAAoC,EAAE,OAAO,CAAC,YAAY;QAC1D,uBAAuB,EAAE,OAAO,CAAC,eAAe;QAChD,4BAA4B,EAAE,OAAO,CAAC,gBAAgB;QACtD,8BAA8B,EAAE,OAAO,CAAC,gBAAgB;QACxD,+BAA+B,EAAE,OAAO,CAAC,gBAAgB;QACzD,iCAAiC,EAAE,OAAO,CAAC,YAAY;QACvD,mCAAmC,EAAE,OAAO,CAAC,YAAY;QACzD,oCAAoC,EAAE,OAAO,CAAC,YAAY;QAC1D,uBAAuB,EAAE,OAAO,CAAC,iBAAiB;QAClD,8BAA8B,EAAE,OAAO,CAAC,kBAAkB;QAC1D,sCAAsC,EAAE,UAAU,CAAC,EAAE,CAAC;QACtD,wBAAwB,EAAE,OAAO,CAAC,YAAY;QAC9C,6BAA6B,EAAE,OAAO,CAAC,SAAS;QAChD,+BAA+B,EAAE,OAAO,CAAC,WAAW;QACpD,gCAAgC,EAAE,OAAO,CAAC,YAAY;QACtD,2BAA2B,EAAE,OAAO,CAAC,gBAAgB;QACrD,gCAAgC,EAAE,OAAO,CAAC,cAAc;QACxD,kCAAkC,EAAE,OAAO,CAAC,cAAc;QAC1D,mCAAmC,EAAE,OAAO,CAAC,cAAc;QAC3D,6BAA6B,EAAE,OAAO,CAAC,YAAY;QACnD,kCAAkC,EAAE,OAAO,CAAC,YAAY;QACxD,oCAAoC,EAAE,OAAO,CAAC,SAAS;QACvD,qBAAqB,EAAE,OAAO,CAAC,YAAY;QAC3C,qBAAqB,EAAE,OAAO,CAAC,YAAY;QAC3C,0BAA0B,EAAE,OAAO,CAAC,YAAY;QAChD,4BAA4B,EAAE,OAAO,CAAC,YAAY;QAClD,6BAA6B,EAAE,OAAO,CAAC,cAAc;QACrD,8BAA8B,EAAE,OAAO,CAAC,KAAK;QAC7C,mCAAmC,EAAE,OAAO,CAAC,KAAK;QAClD,qCAAqC,EAAE,OAAO,CAAC,KAAK;QACpD,sCAAsC,EAAE,OAAO,CAAC,KAAK;QACrD,6BAA6B,EAAE,OAAO,CAAC,KAAK;QAC5C,oCAAoC,EAAE,OAAO,CAAC,KAAK;QACnD,kCAAkC,EAAE,OAAO,CAAC,KAAK;QACjD,uCAAuC,EAAE,OAAO,CAAC,KAAK;QACtD,yCAAyC,EAAE,OAAO,CAAC,KAAK;QACxD,0CAA0C,EAAE,OAAO,CAAC,KAAK;QACzD,+BAA+B,EAAE,OAAO,CAAC,KAAK;QAC9C,4BAA4B,EAAE,OAAO,CAAC,cAAc;QACpD,iCAAiC,EAAE,OAAO,CAAC,aAAa;QACxD,mCAAmC,EAAE,OAAO,CAAC,cAAc;QAC3D,2BAA2B,EAAE,OAAO,CAAC,YAAY;QACjD,gCAAgC,EAAE,OAAO,CAAC,YAAY;QACtD,kCAAkC,EAAE,OAAO,CAAC,SAAS;QACrD,mCAAmC,EAAE,OAAO,CAAC,SAAS;QACtD,uBAAuB,EAAE,OAAO,CAAC,KAAK;QACtC,4BAA4B,EAAE,OAAO,CAAC,cAAc;QACpD,8BAA8B,EAAE,OAAO,CAAC,oBAAoB;QAC5D,+BAA+B,EAAE,OAAO,CAAC,YAAY;QACrD,uBAAuB,EAAE,OAAO,CAAC,iBAAiB;QAClD,4BAA4B,EAAE,OAAO,CAAC,cAAc;QACpD,8BAA8B,EAAE,OAAO,CAAC,oBAAoB;QAC5D,+BAA+B,EAAE,OAAO,CAAC,YAAY;QACrD,uBAAuB,EAAE,OAAO,CAAC,cAAc;QAC/C,4BAA4B,EAAE,OAAO,CAAC,YAAY;QAClD,8BAA8B,EAAE,OAAO,CAAC,iBAAiB;QACzD,+BAA+B,EAAE,OAAO,CAAC,oBAAoB;QAC7D,uBAAuB,EAAE,OAAO,CAAC,cAAc;QAC/C,4BAA4B,EAAE,OAAO,CAAC,iBAAiB;QACvD,8BAA8B,EAAE,OAAO,CAAC,cAAc;QACtD,+BAA+B,EAAE,OAAO,CAAC,KAAK;QAC9C,uBAAuB,EAAE,OAAO,CAAC,YAAY;QAC7C,4BAA4B,EAAE,OAAO,CAAC,cAAc;QACpD,8BAA8B,EAAE,OAAO,CAAC,cAAc;QACtD,+BAA+B,EAAE,OAAO,CAAC,iBAAiB;QAC1D,uBAAuB,EAAE,OAAO,CAAC,YAAY;QAC7C,4BAA4B,EAAE,IAAI,CAAC,EAAE,CAAC;QACtC,8BAA8B,EAAE,OAAO,CAAC,gBAAgB;QACxD,2BAA2B,EAAE,QAAQ,CAAC,CAAC,CAAC,WAAW,CAAC,EAAE,CAAC,CAAC,CAAC,CAAC,UAAU,CAAC,EAAE,CAAC;QACxE,4BAA4B,EAAE,QAAQ,CAAC,CAAC,CAAC,WAAW,CAAC,EAAE,CAAC,CAAC,CAAC,CAAC,UAAU,CAAC,EAAE,CAAC;QACzE,qBAAqB,EAAE,aAAa;QACpC,0BAA0B,EAAE,OAAO,CAAC,cAAc;QAClD,4BAA4B,EAAE,OAAO,CAAC,oBAAoB;QAC1D,6BAA6B,EAAE,OAAO,CAAC,YAAY;QACnD,oCAAoC,EAAE,QAAQ,CAAC,CAAC,CAAC,UAAU,CAAC,EAAE,CAAC,CAAC,CAAC,CAAC,UAAU,CAAC,EAAE,CAAC;QAChF,sCAAsC,EAAE,QAAQ,CAAC,CAAC,CAAC,UAAU,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,UAAU,CAAC,EAAE,CAAC;QACjF,uCAAuC,EAAE,aAAa;QACtD,6BAA6B,EAAE,aAAa;QAC5C,kCAAkC,EAAE,UAAU,CAAC,EAAE,CAAC;QAClD,oCAAoC,EAAE,UAAU,CAAC,EAAE,CAAC;QACpD,qCAAqC,EAAE,UAAU,CAAC,EAAE,CAAC;QACrD,0BAA0B,EAAE,aAAa;QACzC,+BAA+B,EAAE,aAAa;QAC9C,iCAAiC,EAAE,aAAa;QAChD,kCAAkC,EAAE,aAAa;QACjD,8BAA8B,EAAE,OAAO,CAAC,cAAc;QACtD,sCAAsC,EAAE,UAAU,CAAC,EAAE,CAAC;QACtD,oBAAoB,EAAE,OAAO,CAAC,YAAY;QAC1C,oBAAoB,EAAE,OAAO,CAAC,iBAAiB;QAC/C,yBAAyB,EAAE,QAAQ,CAAC,CAAC,CAAC,UAAU,CAAC,EAAE,CAAC,CAAC,CAAC,CAAC,UAAU,CAAC,EAAE,CAAC;QACrE,yBAAyB,EAAE,QAAQ,CAAC,CAAC,CAAC,UAAU,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,UAAU,CAAC,CAAC,CAAC;QACnE,sBAAsB,EAAE,UAAU,CAAC,EAAE,CAAC;QACtC,qBAAqB,EAAE,UAAU,CAAC,EAAE,CAAC;QACrC,oBAAoB,EAAE,OAAO,CAAC,YAAY;QAC1C,yBAAyB,EAAE,OAAO,CAAC,YAAY;QAC/C,2BAA2B,EAAE,OAAO,CAAC,WAAW;QAChD,4BAA4B,EAAE,OAAO,CAAC,SAAS;QAC/C,4BAA4B,EAAE,OAAO,CAAC,YAAY;QAClD,iCAAiC,EAAE,OAAO,CAAC,YAAY;QACvD,mCAAmC,EAAE,OAAO,CAAC,SAAS;QACtD,0BAA0B,EAAE,OAAO,CAAC,YAAY;QAChD,qBAAqB,EAAE,OAAO,CAAC,eAAe;QAC9C,0BAA0B,EAAE,OAAO,CAAC,eAAe;QACnD,4BAA4B,EAAE,OAAO,CAAC,eAAe;QACrD,2BAA2B,EAAE,OAAO,CAAC,SAAS;QAC9C,2BAA2B,EAAE,OAAO,CAAC,WAAW;QAChD,4BAA4B,EAAE,OAAO,CAAC,KAAK;QAC3C,iCAAiC,EAAE,OAAO,CAAC,eAAe;QAC1D,mCAAmC,EAAE,OAAO,CAAC,UAAU;QACvD,oCAAoC,EAAE,OAAO,CAAC,YAAY;QAC1D,0BAA0B,EAAE,QAAQ,CAAC,CAAC,CAAC,IAAI,CAAC,EAAE,CAAC,CAAC,CAAC,CAAC,IAAI,CAAC,EAAE,CAAC;QAC1D,+BAA+B,EAAE,QAAQ,CAAC,CAAC,CAAC,IAAI,CAAC,EAAE,CAAC,CAAC,CAAC,CAAC,OAAO,CAAC,KAAK;QACpE,iCAAiC,EAAE,QAAQ,CAAC,CAAC,CAAC,IAAI,CAAC,EAAE,CAAC,CAAC,CAAC,CAAC,IAAI,CAAC,EAAE,CAAC;QACjE,kCAAkC,EAAE,QAAQ,CAAC,CAAC,CAAC,IAAI,CAAC,EAAE,CAAC,CAAC,CAAC,CAAC,IAAI,CAAC,EAAE,CAAC;QAClE,kCAAkC,EAAE,QAAQ,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,IAAI,CAAC,EAAE,CAAC;QACjE,4BAA4B,EAAE,OAAO,CAAC,gBAAgB;QACtD,iCAAiC,EAAE,OAAO,CAAC,gBAAgB;QAC3D,mCAAmC,EAAE,OAAO,CAAC,gBAAgB;QAC7D,oCAAoC,EAAE,OAAO,CAAC,YAAY;QAC1D,mBAAmB,EAAE,OAAO,CAAC,iBAAiB;QAC9C,wBAAwB,EAAE,OAAO,CAAC,kBAAkB;QACpD,0BAA0B,EAAE,OAAO,CAAC,kBAAkB;QACtD,2BAA2B,EAAE,OAAO,CAAC,kBAAkB;QACvD,mBAAmB,EAAE,OAAO,CAAC,oBAAoB;QACjD,mBAAmB,EAAE,OAAO,CAAC,cAAc;QAC3C,wBAAwB,EAAE,OAAO,CAAC,oBAAoB;QACtD,yBAAyB,EAAE,OAAO,CAAC,KAAK;QACxC,0BAA0B,EAAE,OAAO,CAAC,KAAK;QACzC,+BAA+B,EAAE,OAAO,CAAC,KAAK;QAC9C,iCAAiC,EAAE,OAAO,CAAC,KAAK;QAChD,kCAAkC,EAAE,OAAO,CAAC,KAAK;QACjD,iBAAiB,EAAE,OAAO,CAAC,YAAY;QACvC,iBAAiB,EAAE,OAAO,CAAC,UAAU;QACrC,sBAAsB,EAAE,OAAO,CAAC,UAAU;QAC1C,wBAAwB,EAAE,OAAO,CAAC,UAAU;QAC5C,yBAAyB,EAAE,OAAO,CAAC,UAAU;QAC7C,wBAAwB,EAAE,OAAO,CAAC,YAAY;QAC9C,6BAA6B,EAAE,OAAO,CAAC,YAAY;QACnD,+BAA+B,EAAE,OAAO,CAAC,SAAS;QAClD,0BAA0B,EAAE,OAAO,CAAC,oBAAoB;QACxD,kCAAkC,EAAE,UAAU,CAAC,EAAE,CAAC;QAClD,sBAAsB,EAAE,aAAa;QACrC,iCAAiC,EAAE,aAAa;QAChD,8BAA8B,EAAE,aAAa;QAC7C,uBAAuB,EAAE,QAAQ,CAAC,CAAC,CAAC,UAAU,CAAC,EAAE,CAAC,CAAC,CAAC,CAAC,UAAU,CAAC,CAAC,CAAC;QAClE,wBAAwB,EAAE,UAAU,CAAC,EAAE,CAAC;QACxC,iBAAiB,EAAE,OAAO,CAAC,KAAK;QAChC,iBAAiB,EAAE,OAAO,CAAC,KAAK;QAChC,yBAAyB,EAAE,kBAAkB;QAC7C,qBAAqB,EAAE,kBAAkB;QACzC,gCAAgC,EAAE,kBAAkB;QACpD,4BAA4B,EAAE,kBAAkB;QAChD,+BAA+B,EAAE,kBAAkB;QACnD,2BAA2B,EAAE,kBAAkB;QAC/C,uBAAuB,EAAE,kBAAkB;QAC3C,mBAAmB,EAAE,kBAAkB;KACxC,CAAC;AACJ,CAAC,CAAC;AAEF;;GAEG;AACH,MAAM,eAAe,GAAG,CAAC,OAAiB,EAAyB,EAAE;IACnE,OAAO;QACL,OAAO,EAAE,OAAO,CAAC,UAAU;QAC3B,OAAO,EAAE,OAAO,CAAC,UAAU;QAC3B,QAAQ,EAAE,OAAO,CAAC,WAAW;QAC7B,QAAQ,EAAE,OAAO,CAAC,WAAW;KAC9B,CAAC;AACJ,CAAC,CAAC;AAEF;;GAEG;AACH,MAAM,qBAAqB,GAAG,CAAC,OAAiB,EAA+B,EAAE;IAC/E,OAAO;QACL,iBAAiB,EAAE,OAAO,CAAC,cAAc;QACzC,kBAAkB,EAAE,OAAO,CAAC,cAAc;QAC1C,iBAAiB,EAAE,OAAO,CAAC,cAAc;KAC1C,CAAC;AACJ,CAAC,CAAC;AAEF;;;;;GAKG;AACH,MAAM,CAAC,MAAM,aAAa,GAAG,CAAC,OAAgB,EAAE,WAAqB,EAEnE,EAAE;IACF,MAAM,SAAS,GAAG,WAAW,aAAX,WAAW,cAAX,WAAW,GAAI,aAAa,CAAC;IAC/C,iFACK,SAAS,GACT,cAAc,CAAC,OAAO,CAAC,OAAO,EAAE,OAAO,CAAC,UAAU,CAAC,GACnD,eAAe,CAAC,OAAO,CAAC,OAAO,CAAC,GAChC,qBAAqB,CAAC,OAAO,CAAC,OAAO,CAAC,KACzC,qBAAqB,EAAE,OAAO,CAAC,OAAO,CAAC,UAAU;QACjD,uCAAuC;QACvC,0BAA0B,EAAE,OAAO,CAAC,OAAO,CAAC,UAAU;QACtD,uCAAuC;QACvC,4BAA4B,EAAE,OAAO,CAAC,OAAO,CAAC,UAAU;QACxD,uCAAuC;QACvC,6BAA6B,EAAE,SAAS,EACxC,SAAS,EAAE,OAAO,CAAC,cAAc,CAAC,SAAS,EAC3C,2BAA2B,EAAE,OAAO,CAAC,OAAO,CAAC,iBAAiB,EAC9D,uBAAuB,EAAE,OAAO,CAAC,OAAO,CAAC,gBAAgB,EACzD,6BAA6B,EAAE,OAAO,CAAC,OAAO,CAAC,WAAW,EAC1D,+BAA+B,EAAE,OAAO,CAAC,OAAO,CAAC,oBAAoB;QACrE,mFAAmF;QACnF,iBAAiB,EAAE,aAAa,IAChC;AACJ,CAAC,CAAC","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};"]}

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

@@ -1,15 +1,6 @@
 /// <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
  *

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

	@@ -1 +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/* @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 /\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};"]}
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};"]}

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

@@ -22,7 +22,7 @@ export type MessageContentType = 'text' | 'html' | 'richtext/html' | 'unknown';
  *
  * @public
  */
-export type Message = ChatMessage | SystemMessage | CustomMessage | /* @conditional-compile-remove(data-loss-prevention) */ BlockedMessage;
+export type Message = ChatMessage | SystemMessage | CustomMessage;
 /**
  * Discriminated union of all system messages.
  *
@@ -96,25 +96,6 @@ export interface ContentSystemMessage extends SystemMessageCommon {
     systemMessageType: 'content';
     content: string;
 }
-/**
- * Content blocked message type.
- *
- * Content blocked messages will rendered default value, but applications can provide custom strings and icon to renderers.
- *
- * @beta
- */
-export interface BlockedMessage extends MessageCommon {
-    messageType: 'blocked';
-    warningText?: string;
-    linkText?: string;
-    link?: string;
-    deletedOn?: Date;
-    senderId?: string;
-    senderDisplayName?: string;
-    status?: MessageStatus;
-    attached?: MessageAttachedStatus;
-    mine?: boolean;
-}
 /**
  * A custom message type.
  *

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

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

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

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

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

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

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

@@ -1,4 +1,3 @@
-import { ParticipantState } from './ParticipantListParticipant';
 import { RaisedHand } from './ParticipantListParticipant';
 import { Reaction } from './ParticipantListParticipant';
 import { Spotlight } from './ParticipantListParticipant';
@@ -102,11 +101,6 @@ export interface VideoGalleryRemoteParticipant extends VideoGalleryParticipant {
     isSpeaking?: boolean;
     /** Video stream of shared screen */
     screenShareStream?: VideoGalleryStream;
-    /**
-     * @beta
-     * The connection state of the participant. For example, 'Hold', 'Connecting' etc.
-     */
-    state?: ParticipantState;
     /** Whether participant is raised a hand */
     raisedHand?: RaisedHand;
     /**

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

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

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

	@@ -1 +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\n/* @conditional-compile-remove(one-to-n-calling) /\n/ @conditional-compile-remove(PSTN-calls) /\~~nimport { ~~ParticipantState } 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};\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}\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 / @conditional-compile-remove(one-to-n-calling) /\n / @conditional-compile-remove(PSTN-calls) /\n /\n @beta\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}"]}
1	+ {"version":3,"file":"VideoGalleryParticipant.js","sourceRoot":"","sources":["../../../../../preprocess-dist/react-components/src/types/VideoGalleryParticipant.ts"],"names":[],"mappings":"","sourcesContent":["// Copyright (c) Microsoft Corporation.\n// Licensed under the MIT License.\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};\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}\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 /* Whether participant is raised a hand /\n raisedHand?: RaisedHand;\n /\n Whether participant has reacted\n \n @public\n * */\n reaction?: Reaction;\n}"]}

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

@@ -36,28 +36,6 @@ 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}.
  *
@@ -106,56 +84,6 @@ 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
      */

package/dist/dist-esm/react-composites/src/composites/CallComposite/CallComposite.js CHANGED Viewed

@@ -10,6 +10,8 @@ var __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, ge
     });
 };
 import { ErrorBar, useTheme } from "../../../../react-components/src";
+/* @conditional-compile-remove(notifications) */
+import { NotificationStack } from "../../../../react-components/src";
 import React, { useCallback, useEffect, useMemo, useRef, useState } from 'react';
 import { BaseProvider } from '../common/BaseComposite';
 import { useLocale } from '../localization';
@@ -25,12 +27,10 @@ import { leavingPageStyle, mainScreenContainerStyleDesktop, mainScreenContainerS
 import { LayerHost, mergeStyles } from '@fluentui/react';
 import { modalLayerHostStyle } from '../common/styles/ModalLocalAndRemotePIP.styles';
 import { useId } from '@fluentui/react-hooks';
-/* @conditional-compile-remove(one-to-n-calling) */ /* @conditional-compile-remove(PSTN-calls) */
-import { HoldPage } from './pages/HoldPage';
-/* @conditional-compile-remove(unsupported-browser) */
-import { UnsupportedBrowserPage } from './pages/UnsupportedBrowser';
 import { SidePaneProvider } from './components/SidePane/SidePaneProvider';
-import { filterLatestErrors, getEndedCallPageProps, trackErrorAsDismissed, updateTrackedErrorsWithActiveErrors } from './utils';
+import { filterLatestNotifications, getEndedCallPageProps, trackNotificationAsDismissed, updateTrackedNotificationsWithActiveNotifications } from './utils';
+/* @conditional-compile-remove(notifications) */
+import { computeComplianceNotification } from './utils';
 import { usePropsFor } from './hooks/usePropsFor';
 import { deviceCountSelector } from './selectors/deviceCountSelector';
 import { capabilitiesChangedInfoAndRoleSelector } from './selectors/capabilitiesChangedInfoAndRoleSelector';
@@ -38,11 +38,13 @@ import { useTrackedCapabilityChangedNotifications } from './utils/TrackCapabilit
 import { useEndedCallConsoleErrors } from './utils/useConsoleErrors';
 import { SurveyPage } from './pages/SurveyPage';
 import { useAudio } from '../common/AudioProvider';
+/* @conditional-compile-remove(notifications) */
+import { complianceBannerSelector } from './selectors/complianceBannerSelector';
 const isShowing = (overrideSidePane) => {
     return !!(overrideSidePane === null || overrideSidePane === void 0 ? void 0 : overrideSidePane.isActive);
 };
 const MainScreen = (props) => {
-    var _a, _b, _c, _d, _e, _f, _g, _h, _j, _k, _l, _m, _o, _p, _q, _r;
+    var _a, _b, _c, _d, _e, _f, _g, _h, _j, _k, _l, _m;
     const adapter = useAdapter();
     const { camerasCount, microphonesCount } = useSelector(deviceCountSelector);
     const hasCameras = camerasCount > 0;
@@ -100,31 +102,85 @@ const MainScreen = (props) => {
     // This works by tracking the most recent timestamp of any active error type.
     // And then tracking when that error type was last dismissed.
     const activeErrors = usePropsFor(ErrorBar).activeErrorMessages;
+    /* @conditional-compile-remove(notifications) */
+    const activeInCallErrors = usePropsFor(NotificationStack).activeErrorMessages;
+    /* @conditional-compile-remove(notifications) */
+    const activeNotifications = usePropsFor(NotificationStack).activeNotifications;
+    /* @conditional-compile-remove(notifications) */
+    const complianceProps = useSelector(complianceBannerSelector);
+    /* @conditional-compile-remove(notifications) */
+    const cachedProps = useRef({
+        latestBooleanState: {
+            callTranscribeState: false,
+            callRecordState: false
+        },
+        latestStringState: {
+            callTranscribeState: 'off',
+            callRecordState: 'off'
+        },
+        lastUpdated: Date.now()
+    });
+    /* @conditional-compile-remove(notifications) */
+    const complianceNotification = useMemo(() => {
+        return computeComplianceNotification(complianceProps, cachedProps);
+    }, [complianceProps, cachedProps]);
+    /* @conditional-compile-remove(notifications) */
+    useEffect(() => {
+        if (complianceNotification) {
+            activeNotifications.forEach((notification, index) => {
+                if (['recordingStarted', 'transcriptionStarted', 'recordingStopped', 'transcriptionStopped', 'recordingAndTranscriptionStarted', 'recordingAndTranscriptionStopped', 'recordingStoppedStillTranscribing', 'transcriptionStoppedStillRecording'].includes(activeNotifications[index].type)) {
+                    activeNotifications.splice(index, 1);
+                }
+            });
+            activeNotifications.push(complianceNotification);
+        }
+        setTrackedNotifications(prev => updateTrackedNotificationsWithActiveNotifications(prev, activeNotifications));
+    }, [complianceNotification, activeNotifications]);
     const [trackedErrors, setTrackedErrors] = useState({});
+    /* @conditional-compile-remove(notifications) */
+    const [trackedInCallErrors, setTrackedInCallErrors] = useState({});
+    /* @conditional-compile-remove(notifications) */
+    const [trackedNotifications, setTrackedNotifications] = useState({});
     useEffect(() => {
-        setTrackedErrors(prev => updateTrackedErrorsWithActiveErrors(prev, activeErrors));
-    }, [activeErrors]);
+        setTrackedErrors(prev => updateTrackedNotificationsWithActiveNotifications(prev, activeErrors));
+        /* @conditional-compile-remove(notifications) */
+        setTrackedInCallErrors(prev => updateTrackedNotificationsWithActiveNotifications(prev, activeInCallErrors));
+    }, [activeErrors, /* @conditional-compile-remove(notifications) */ activeInCallErrors]);
     const onDismissError = useCallback((error) => {
-        setTrackedErrors(prev => trackErrorAsDismissed(error.type, prev));
+        setTrackedErrors(prev => trackNotificationAsDismissed(error.type, prev));
+        /* @conditional-compile-remove(notifications) */
+        setTrackedInCallErrors(prev => trackNotificationAsDismissed(error.type, prev));
+    }, []);
+    /* @conditional-compile-remove(notifications) */
+    const onDismissNotification = useCallback((notification) => {
+        setTrackedNotifications(prev => trackNotificationAsDismissed(notification.type, prev));
     }, []);
-    const latestErrors = useMemo(() => filterLatestErrors(activeErrors, trackedErrors), [activeErrors, trackedErrors]);
+    const latestErrors = useMemo(() => filterLatestNotifications(activeErrors, trackedErrors), [activeErrors, trackedErrors]);
+    /* @conditional-compile-remove(notifications) */
+    const latestInCallErrors = useMemo(() => filterLatestNotifications(activeInCallErrors, trackedInCallErrors), [activeInCallErrors, trackedInCallErrors]);
+    /* @conditional-compile-remove(notifications) */
+    const latestNotifications = useMemo(() => {
+        const result = filterLatestNotifications(activeNotifications, trackedNotifications);
+        // sort notifications by timestamp from earliest to latest
+        result.sort((a, b) => { var _a, _b; return ((_a = a.timestamp) !== null && _a !== void 0 ? _a : new Date(Date.now())).getTime() - ((_b = b.timestamp) !== null && _b !== void 0 ? _b : new Date(Date.now())).getTime(); });
+        return result;
+    }, [activeNotifications, trackedNotifications]);
     const callees = useSelector(getTargetCallees);
     const locale = useLocale();
     const palette = useTheme().palette;
-    /* @conditional-compile-remove(PSTN-calls) */
-    const alternateCallerId = adapter.getState().alternateCallerId;
     const leavePageStyle = useMemo(() => leavingPageStyle(palette), [palette]);
     let pageElement;
     const [pinnedParticipants, setPinnedParticipants] = useState([]);
+    const getLatestErrorsTrampoline = () => {
+        /* @conditional-compile-remove(notifications) */
+        return latestInCallErrors;
+        return latestErrors;
+    };
     switch (page) {
         case 'configuration':
             pageElement = React.createElement(ConfigurationPage, { mobileView: props.mobileView, startCallHandler: () => {
                     if (callees) {
-                        adapter.startCall(callees, /* @conditional-compile-remove(PSTN-calls) */ alternateCallerId ? {
-                            alternateCallerId: {
-                                phoneNumber: alternateCallerId
-                            }
-                        } : {});
+                        adapter.startCall(callees);
                     }
                     else {
                         adapter.joinCall({
@@ -132,10 +188,7 @@ const MainScreen = (props) => {
                             cameraOn: 'keep'
                         });
                     }
-                }, updateSidePaneRenderer: setSidePaneRenderer, latestErrors: latestErrors, onDismissError: onDismissError, modalLayerHostId: props.modalLayerHostId,
-                /* @conditional-compile-remove(call-readiness) */ deviceChecks: (_d = props.options) === null || _d === void 0 ? void 0 : _d.deviceChecks,
-                /* @conditional-compile-remove(call-readiness) */ onPermissionsTroubleshootingClick: (_e = props.options) === null || _e === void 0 ? void 0 : _e.onPermissionsTroubleshootingClick,
-                /* @conditional-compile-remove(call-readiness) */ onNetworkingTroubleShootingClick: (_f = props.options) === null || _f === void 0 ? void 0 : _f.onNetworkingTroubleShootingClick, capabilitiesChangedNotificationBarProps: capabilitiesChangedNotificationBarProps, logo: (_h = (_g = props.options) === null || _g === void 0 ? void 0 : _g.branding) === null || _h === void 0 ? void 0 : _h.logo, backgroundImage: (_k = (_j = props.options) === null || _j === void 0 ? void 0 : _j.branding) === null || _k === void 0 ? void 0 : _k.backgroundImage });
+                }, updateSidePaneRenderer: setSidePaneRenderer, latestErrors: latestErrors, onDismissError: onDismissError, modalLayerHostId: props.modalLayerHostId, capabilitiesChangedNotificationBarProps: capabilitiesChangedNotificationBarProps, logo: (_e = (_d = props.options) === null || _d === void 0 ? void 0 : _d.branding) === null || _e === void 0 ? void 0 : _e.logo, backgroundImage: (_g = (_f = props.options) === null || _f === void 0 ? void 0 : _f.branding) === null || _g === void 0 ? void 0 : _g.backgroundImage });
             break;
         case 'accessDeniedTeamsMeeting':
             pageElement = React.createElement(NoticePage, { iconName: "NoticePageAccessDeniedTeamsMeeting", title: locale.strings.call.failedToJoinTeamsMeetingReasonAccessDeniedTitle, moreDetails: locale.strings.call.failedToJoinTeamsMeetingReasonAccessDeniedMoreDetails, dataUiId: 'access-denied-teams-meeting-page' });
@@ -147,7 +200,7 @@ const MainScreen = (props) => {
             pageElement = React.createElement(NoticePage, { iconName: "NoticePageJoinCallFailedDueToNoNetwork", title: locale.strings.call.failedToJoinCallDueToNoNetworkTitle, moreDetails: locale.strings.call.failedToJoinCallDueToNoNetworkMoreDetails, dataUiId: 'join-call-failed-due-to-no-network-page' });
             break;
         case 'leaving':
-            pageElement = React.createElement(NoticePage, { title: (_l = locale.strings.call.leavingCallTitle) !== null && _l !== void 0 ? _l : 'Leaving...', dataUiId: 'leaving-page', pageStyle: leavePageStyle, disableStartCallButton: true });
+            pageElement = React.createElement(NoticePage, { title: (_h = locale.strings.call.leavingCallTitle) !== null && _h !== void 0 ? _h : 'Leaving...', dataUiId: 'leaving-page', pageStyle: leavePageStyle, disableStartCallButton: true });
             break;
         case 'badRequest':
             {
@@ -158,34 +211,30 @@ const MainScreen = (props) => {
         case 'leftCall':
             {
                 const { title, moreDetails, disableStartCallButton, iconName } = getEndedCallPageProps(locale, endedCall);
-                if (!((_o = (_m = props.options) === null || _m === void 0 ? void 0 : _m.surveyOptions) === null || _o === void 0 ? void 0 : _o.disableSurvey)) {
-                    pageElement = React.createElement(SurveyPage, { dataUiId: 'left-call-page', surveyOptions: (_p = props.options) === null || _p === void 0 ? void 0 : _p.surveyOptions, iconName: iconName, title: title, moreDetails: moreDetails, disableStartCallButton: disableStartCallButton, mobileView: props.mobileView });
+                if (!((_k = (_j = props.options) === null || _j === void 0 ? void 0 : _j.surveyOptions) === null || _k === void 0 ? void 0 : _k.disableSurvey)) {
+                    pageElement = React.createElement(SurveyPage, { dataUiId: 'left-call-page', surveyOptions: (_l = props.options) === null || _l === void 0 ? void 0 : _l.surveyOptions, iconName: iconName, title: title, moreDetails: moreDetails, disableStartCallButton: disableStartCallButton, mobileView: props.mobileView });
                     break;
                 }
                 pageElement = React.createElement(NoticePage, { iconName: iconName, title: title, moreDetails: callees ? '' : moreDetails, dataUiId: 'left-call-page', disableStartCallButton: disableStartCallButton });
                 break;
             }
         case 'lobby':
-            pageElement = React.createElement(LobbyPage, { mobileView: props.mobileView, modalLayerHostId: props.modalLayerHostId, options: props.options, updateSidePaneRenderer: setSidePaneRenderer, mobileChatTabHeader: props.mobileChatTabHeader, latestErrors: latestErrors, onDismissError: onDismissError, capabilitiesChangedNotificationBarProps: capabilitiesChangedNotificationBarProps });
+            pageElement = React.createElement(LobbyPage, { mobileView: props.mobileView, modalLayerHostId: props.modalLayerHostId, options: props.options, updateSidePaneRenderer: setSidePaneRenderer, mobileChatTabHeader: props.mobileChatTabHeader, latestErrors: getLatestErrorsTrampoline(),
+                /* @conditional-compile-remove(notifications) */ latestNotifications: latestNotifications, onDismissError: onDismissError,
+                /* @conditional-compile-remove(notifications) */ onDismissNotification: onDismissNotification, capabilitiesChangedNotificationBarProps: capabilitiesChangedNotificationBarProps });
             break;
         case 'transferring':
-            pageElement = React.createElement(TransferPage, { mobileView: props.mobileView, modalLayerHostId: props.modalLayerHostId, options: props.options, updateSidePaneRenderer: setSidePaneRenderer, mobileChatTabHeader: props.mobileChatTabHeader, onFetchAvatarPersonaData: onFetchAvatarPersonaData, latestErrors: latestErrors, onDismissError: onDismissError, capabilitiesChangedNotificationBarProps: capabilitiesChangedNotificationBarProps });
+            pageElement = React.createElement(TransferPage, { mobileView: props.mobileView, modalLayerHostId: props.modalLayerHostId, options: props.options, updateSidePaneRenderer: setSidePaneRenderer, mobileChatTabHeader: props.mobileChatTabHeader, onFetchAvatarPersonaData: onFetchAvatarPersonaData, latestErrors: getLatestErrorsTrampoline(),
+                /* @conditional-compile-remove(notifications) */ latestNotifications: latestNotifications, onDismissError: onDismissError,
+                /* @conditional-compile-remove(notifications) */ onDismissNotification: onDismissNotification, capabilitiesChangedNotificationBarProps: capabilitiesChangedNotificationBarProps });
             break;
         case 'call':
-            pageElement = React.createElement(CallPage, { callInvitationURL: callInvitationUrl, onFetchAvatarPersonaData: onFetchAvatarPersonaData, onFetchParticipantMenuItems: onFetchParticipantMenuItems, mobileView: props.mobileView, modalLayerHostId: props.modalLayerHostId, options: props.options, updateSidePaneRenderer: setSidePaneRenderer, mobileChatTabHeader: props.mobileChatTabHeader, onCloseChatPane: props.onCloseChatPane, latestErrors: latestErrors, onDismissError: onDismissError, galleryLayout: userSetGalleryLayout, onUserSetGalleryLayoutChange: setUserSetGalleryLayout, onSetUserSetOverflowGalleryPosition: setUserSetOverflowGalleryPosition, userSetOverflowGalleryPosition: userSetOverflowGalleryPosition, capabilitiesChangedNotificationBarProps: capabilitiesChangedNotificationBarProps, pinnedParticipants: pinnedParticipants, setPinnedParticipants: setPinnedParticipants, compositeAudioContext: compositeAudioContext, disableAutoShowDtmfDialer: (_q = props.options) === null || _q === void 0 ? void 0 : _q.disableAutoShowDtmfDialer });
-            break;
-        /* @conditional-compile-remove(PSTN-calls) */ /* @conditional-compile-remove(one-to-n-calling) */
-        case 'hold':
-            pageElement = React.createElement(React.Fragment, null, React.createElement(HoldPage, { mobileView: props.mobileView, modalLayerHostId: props.modalLayerHostId, options: props.options, updateSidePaneRenderer: setSidePaneRenderer, mobileChatTabHeader: props.mobileChatTabHeader, latestErrors: latestErrors, onDismissError: onDismissError, capabilitiesChangedNotificationBarProps: capabilitiesChangedNotificationBarProps }));
+            pageElement = React.createElement(CallPage, { callInvitationURL: callInvitationUrl, onFetchAvatarPersonaData: onFetchAvatarPersonaData, onFetchParticipantMenuItems: onFetchParticipantMenuItems, mobileView: props.mobileView, modalLayerHostId: props.modalLayerHostId, options: props.options, updateSidePaneRenderer: setSidePaneRenderer, mobileChatTabHeader: props.mobileChatTabHeader, onCloseChatPane: props.onCloseChatPane, latestErrors: getLatestErrorsTrampoline(),
+                /* @conditional-compile-remove(notifications) */ latestNotifications: latestNotifications, onDismissError: onDismissError,
+                /* @conditional-compile-remove(notifications) */ onDismissNotification: onDismissNotification, galleryLayout: userSetGalleryLayout, onUserSetGalleryLayoutChange: setUserSetGalleryLayout, onSetUserSetOverflowGalleryPosition: setUserSetOverflowGalleryPosition, userSetOverflowGalleryPosition: userSetOverflowGalleryPosition, capabilitiesChangedNotificationBarProps: capabilitiesChangedNotificationBarProps, pinnedParticipants: pinnedParticipants, setPinnedParticipants: setPinnedParticipants, compositeAudioContext: compositeAudioContext, disableAutoShowDtmfDialer: (_m = props.options) === null || _m === void 0 ? void 0 : _m.disableAutoShowDtmfDialer });
             break;
     }
     useEndedCallConsoleErrors(endedCall);
-    /* @conditional-compile-remove(unsupported-browser) */
-    switch (page) {
-        case 'unsupportedEnvironment':
-            pageElement = React.createElement(React.Fragment, null, /* @conditional-compile-remove(unsupported-browser) */ React.createElement(UnsupportedBrowserPage, { onTroubleshootingClick: (_r = props.options) === null || _r === void 0 ? void 0 : _r.onEnvironmentInfoTroubleshootingClick, environmentInfo: adapter.getState().environmentInfo }));
-            break;
-    }
     if (!pageElement) {
         throw new Error('Invalid call composite page');
     }