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

@azure/communication-react 1.14.0-beta.1 → 1.14.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 (538) hide show

package/dist/dist-esm/react-composites/src/composites/common/SidePaneHeader.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"SidePaneHeader.js","sourceRoot":"","sources":["../../../../../../preprocess-dist/react-composites/src/composites/common/SidePaneHeader.tsx"],"names":[],"mappings":"AAAA,uCAAuC;AACvC,kCAAkC;AAElC,OAAO,EAAE,gBAAgB,EAAE,aAAa,EAAE,KAAK,EAAE,eAAe,EAAE,MAAM,iBAAiB,CAAC;AAC1F,OAAO,EAAE,QAAQ,EAAE,yCAAmC;AACtD,OAAO,KAAK,EAAE,EAAE,OAAO,EAAE,MAAM,OAAO,CAAC;AACvC,OAAO,EAAE,6BAA6B,EAAE,oBAAoB,EAAE,MAAM,8CAA8C,CAAC;AACnH,OAAO,EAAE,0BAA0B,EAAE,sBAAsB,EAAE,yBAAyB,EAAE,0BAA0B,EAAE,MAAM,sBAAsB,CAAC;AACjJ,OAAO,EAAE,yBAAyB,EAAE,MAAM,SAAS,CAAC;AAEpD;;GAEG;AACH,MAAM,CAAC,MAAM,cAAc,GAAG,CAAC,KAM9B,EAAe,EAAE;IAChB,MAAM,KAAK,GAAG,QAAQ,EAAE,CAAC;IACzB,MAAM,yBAAyB,GAAG,OAAO,CAAC,GAAG,EAAE,CAAC,CAAC;QAC/C,IAAI,EAAE;YACJ,QAAQ,EAAE,QAAQ;YAClB,OAAO,EAAE,gBAAgB;YACzB,WAAW,EAAE,SAAS;YACtB,eAAe,EAAE,KAAK,CAAC,cAAc,CAAC,cAAc;SACrD;QACD,IAAI,EAAE;YACJ,KAAK,EAAE,KAAK,CAAC,OAAO,CAAC,gBAAgB;SACtC;QACD,WAAW,EAAE;YACX,KAAK,EAAE,KAAK,CAAC,OAAO,CAAC,gBAAgB;SACtC;QACD,WAAW,EAAE;YACX,KAAK,EAAE,KAAK,CAAC,OAAO,CAAC,gBAAgB;SACtC;KACF,CAAC,EAAE,CAAC,KAAK,CAAC,OAAO,CAAC,gBAAgB,EAAE,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC,CAAC,CAAC;IAC3E,IAAI,KAAK,CAAC,UAAU,EAAE,CAAC;QACrB,OAAO,oBAAC,oBAAoB,oBAAK,KAAK,EAAI,CAAC;IAC7C,CAAC;IACD,OAAO,oBAAC,KAAK,IAAC,UAAU,QAAC,eAAe,EAAC,eAAe,EAAC,MAAM,EAAE,6BAA6B,EAAE,aAAa,EAAC,QAAQ;QAClH,oBAAC,KAAK,CAAC,IAAI,IAAC,IAAI,EAAC,SAAS,EAAC,MAAM,EAAE,oBAAoB,IACpD,KAAK,CAAC,WAAW,CACP;~~QACb~~,oBAAC,KAAK,CAAC,IAAI;YACT,oBAAC,gBAAgB,IAAC,SAAS,EAAE,KAAK,CAAC,8BAA8B,EAAE,MAAM,EAAE,yBAAyB,EAAE,SAAS,EAAE;oBACjH,QAAQ,EAAE,QAAQ;iBACnB,EAAE,OAAO,EAAE,KAAK,CAAC,OAAO,GAAI,CAChB,CACP,CAAC;AACb,CAAC,CAAC;AACF,MAAM,oBAAoB,GAAG,CAAC,KAK7B,EAAe,EAAE;IAChB,MAAM,EACJ,WAAW,EACX,8BAA8B,EAC9B,oCAAoC,EACpC,OAAO,EACR,GAAG,KAAK,CAAC;IACV,MAAM,KAAK,GAAG,QAAQ,EAAE,CAAC;IACzB,MAAM,4BAA4B,GAAG,OAAO,CAAC,GAAG,EAAE;QAChD,OAAO,eAAe,CAAC,sBAAsB,EAAE;YAC7C,IAAI,EAAE;gBACJ,KAAK,EAAE,MAAM;aACd;YACD,KAAK,EAAE;gBACL,QAAQ,EAAE,KAAK,CAAC,KAAK,CAAC,MAAM,CAAC,QAAQ;gBACrC,UAAU,EAAE,KAAK,CAAC,KAAK,CAAC,MAAM,CAAC,UAAU;aAC1C;SACF,CAAC,CAAC;IACL,CAAC,EAAE,CAAC,KAAK,CAAC,CAAC,CAAC;IACZ,OAAO,oBAAC,KAAK,IAAC,UAAU,QAAC,IAAI,QAAC,MAAM,EAAE,yBAAyB;QAC3D,oBAAC,aAAa,IAAC,SAAS,EAAE,8BAA8B,EAAE,eAAe,EAAE,oCAAoC,EAAE,OAAO,EAAE,OAAO,EAAE,MAAM,EAAE,0BAA0B,EAAE,YAAY,EAAE,GAAG,EAAE,CAAC,oBAAC,yBAAyB,IAAC,QAAQ,EAAC,aAAa,GAAG,EAAE,SAAS,SAAiB;QAC3Q,oBAAC,KAAK,CAAC,IAAI,IAAC,IAAI;YACd,oBAAC,aAAa,IAAC,OAAO,EAAE,IAAI,EAAE,MAAM,EAAE,4BAA4B,IAC/D,WAAW,CACE,CACL;QAEb,oBAAC,aAAa,IAAC,MAAM,EAAE,0BAA0B,EAAE,UAAU,EAAE,IAAI,EAAE,YAAY,EAAE,GAAG,EAAE,CAAC,oBAAC,yBAAyB,IAAC,QAAQ,EAAC,aAAa,GAAG,GAAkB,CACzJ,CAAC;AACb,CAAC,CAAC","sourcesContent":["// Copyright (c) Microsoft Corporation.\n// Licensed under the MIT License.\n\nimport { CommandBarButton, DefaultButton, Stack, concatStyleSets } from '@fluentui/react';\nimport { useTheme } from '@internal/react-components';\nimport React, { useMemo } from 'react';\nimport { sidePaneHeaderContainerStyles, sidePaneHeaderStyles } from '../common/styles/ParticipantContainer.styles';\nimport { mobilePaneBackButtonStyles, mobilePaneButtonStyles, mobilePaneControlBarStyle, mobilePaneHiddenIconStyles } from './styles/Pane.styles';\nimport { CallWithChatCompositeIcon } from './icons';\n\n/*\n @private\n /\nexport const SidePaneHeader = (props: {\n headingText?: string;\n dismissSidePaneButtonAriaLabel?: string;\n dismissSidePaneButtonAriaDescription?: string;\n onClose: () => void;\n mobileView: boolean;\n}): JSX.Element => {\n const theme = useTheme();\n const sidePaneCloseButtonStyles = useMemo(() => ({\n root: {\n minWidth: '1.5rem',\n padding: '0.5rem 0.25rem',\n marginRight: '0.25rem',\n backgroundColor: theme.semanticColors.bodyBackground\n },\n icon: {\n color: theme.palette.neutralSecondary\n },\n iconHovered: {\n color: theme.palette.neutralSecondary\n },\n iconPressed: {\n color: theme.palette.neutralSecondary\n }\n }), [theme.palette.neutralSecondary, theme.semanticColors.bodyBackground]);\n if (props.mobileView) {\n return <SidePaneMobileHeader {...props} />;\n }\n return <Stack horizontal horizontalAlign=\"space-between\" styles={sidePaneHeaderContainerStyles} verticalAlign=\"center\">\n <Stack.Item role=\"heading\" styles={sidePaneHeaderStyles}>\n {props.headingText}\n </Stack.Item>\n <Stack.Item>\n <CommandBarButton ariaLabel={props.dismissSidePaneButtonAriaLabel} styles={sidePaneCloseButtonStyles} iconProps={{\n iconName: 'cancel'\n }} onClick={props.onClose} />\n </Stack.Item>\n </Stack>;\n};\nconst SidePaneMobileHeader = (props: {\n headingText?: string;\n dismissSidePaneButtonAriaLabel?: string;\n dismissSidePaneButtonAriaDescription?: string;\n onClose: () => void;\n}): JSX.Element => {\n const {\n headingText,\n dismissSidePaneButtonAriaLabel,\n dismissSidePaneButtonAriaDescription,\n onClose\n } = props;\n const theme = useTheme();\n const mobilePaneButtonStylesThemed = useMemo(() => {\n return concatStyleSets(mobilePaneButtonStyles, {\n root: {\n width: '100%'\n },\n label: {\n fontSize: theme.fonts.medium.fontSize,\n fontWeight: theme.fonts.medium.fontWeight\n }\n });\n }, [theme]);\n return <Stack horizontal grow styles={mobilePaneControlBarStyle}>\n <DefaultButton ariaLabel={dismissSidePaneButtonAriaLabel} ariaDescription={dismissSidePaneButtonAriaDescription} onClick={onClose} styles={mobilePaneBackButtonStyles} onRenderIcon={() => <CallWithChatCompositeIcon iconName=\"ChevronLeft\" />} autoFocus></DefaultButton>\n <Stack.Item grow>\n <DefaultButton checked={true} styles={mobilePaneButtonStylesThemed}>\n {headingText}\n </DefaultButton>\n </Stack.Item>\n {/ Hidden icon to take the same space as the actual back button on the left. */}\n <DefaultButton styles={mobilePaneHiddenIconStyles} ariaHidden={true} onRenderIcon={() => <CallWithChatCompositeIcon iconName=\"ChevronLeft\" />}></DefaultButton>\n </Stack>;\n};"]}
1	+ {"version":3,"file":"SidePaneHeader.js","sourceRoot":"","sources":["../../../../../../preprocess-dist/react-composites/src/composites/common/SidePaneHeader.tsx"],"names":[],"mappings":"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","sourcesContent":["// Copyright (c) Microsoft Corporation.\n// Licensed under the MIT License.\n\nimport { CommandBarButton, DefaultButton, Stack, concatStyleSets } from '@fluentui/react';\nimport { useTheme } from '@internal/react-components';\nimport React, { useMemo } from 'react';\nimport { sidePaneHeaderContainerStyles, sidePaneHeaderStyles } from '../common/styles/ParticipantContainer.styles';\nimport { mobilePaneBackButtonStyles, mobilePaneButtonStyles, mobilePaneControlBarStyle, mobilePaneHiddenIconStyles } from './styles/Pane.styles';\nimport { CallWithChatCompositeIcon } from './icons';\n\n/*\n @private\n /\nexport const SidePaneHeader = (props: {\n headingText?: string;\n dismissSidePaneButtonAriaLabel?: string;\n dismissSidePaneButtonAriaDescription?: string;\n onClose: () => void;\n mobileView: boolean;\n}): JSX.Element => {\n const theme = useTheme();\n const sidePaneCloseButtonStyles = useMemo(() => ({\n root: {\n minWidth: '1.5rem',\n padding: '0.5rem 0.25rem',\n marginRight: '0.25rem',\n backgroundColor: theme.semanticColors.bodyBackground\n },\n icon: {\n color: theme.palette.neutralSecondary\n },\n iconHovered: {\n color: theme.palette.neutralSecondary\n },\n iconPressed: {\n color: theme.palette.neutralSecondary\n }\n }), [theme.palette.neutralSecondary, theme.semanticColors.bodyBackground]);\n if (props.mobileView) {\n return <SidePaneMobileHeader {...props} />;\n }\n return <Stack horizontal horizontalAlign=\"space-between\" styles={sidePaneHeaderContainerStyles} verticalAlign=\"center\">\n <Stack.Item role=\"heading\" styles={sidePaneHeaderStyles}>\n {props.headingText}\n </Stack.Item>\n {}\n <Stack.Item>\n <CommandBarButton ariaLabel={props.dismissSidePaneButtonAriaLabel} styles={sidePaneCloseButtonStyles} iconProps={{\n iconName: 'cancel'\n }} onClick={props.onClose} />\n </Stack.Item>\n </Stack>;\n};\nconst SidePaneMobileHeader = (props: {\n headingText?: string;\n dismissSidePaneButtonAriaLabel?: string;\n dismissSidePaneButtonAriaDescription?: string;\n onClose: () => void;\n}): JSX.Element => {\n const {\n headingText,\n dismissSidePaneButtonAriaLabel,\n dismissSidePaneButtonAriaDescription,\n onClose\n } = props;\n const theme = useTheme();\n const mobilePaneButtonStylesThemed = useMemo(() => {\n return concatStyleSets(mobilePaneButtonStyles, {\n root: {\n width: '100%'\n },\n label: {\n fontSize: theme.fonts.medium.fontSize,\n fontWeight: theme.fonts.medium.fontWeight\n }\n });\n }, [theme]);\n return <Stack horizontal grow styles={mobilePaneControlBarStyle}>\n <DefaultButton ariaLabel={dismissSidePaneButtonAriaLabel} ariaDescription={dismissSidePaneButtonAriaDescription} onClick={onClose} styles={mobilePaneBackButtonStyles} onRenderIcon={() => <CallWithChatCompositeIcon iconName=\"ChevronLeft\" />} autoFocus></DefaultButton>\n <Stack.Item grow>\n <DefaultButton checked={true} styles={mobilePaneButtonStylesThemed}>\n {headingText}\n </DefaultButton>\n </Stack.Item>\n {/ Hidden icon to take the same space as the actual back button on the left. */}\n <DefaultButton styles={mobilePaneHiddenIconStyles} ariaHidden={true} onRenderIcon={() => <CallWithChatCompositeIcon iconName=\"ChevronLeft\" />}></DefaultButton>\n </Stack>;\n};"]}

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

@@ -14,6 +14,7 @@ type PeopleAndChatHeaderProps = {
     activeTab: TabHeaderTab;
     disableChatButton?: boolean;
     disablePeopleButton?: boolean;
+    onHeaderMenuClick?: () => void;
 };
 /**
  * Legacy header to be removed when we make a breaking change.

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

@@ -37,6 +37,13 @@ export const PeopleAndChatHeader = (props) => {
                 React.createElement(Stack, { horizontal: true, styles: availableSpaceStyles },
                     React.createElement(Stack.Item, { grow: true }, onChatButtonClicked && React.createElement(DefaultButton, { onClick: onChatButtonClicked, styles: mobilePaneButtonStylesThemed, checked: activeTab === 'chat', "aria-selected": activeTab === 'chat', role: 'tab', disabled: props.disableChatButton }, strings.chatButtonLabel)),
                     React.createElement(Stack.Item, { grow: true }, onPeopleButtonClicked && React.createElement(DefaultButton, { onClick: onPeopleButtonClicked, styles: mobilePaneButtonStylesThemed, checked: activeTab === 'people', "aria-selected": activeTab === 'people', role: 'tab', disabled: props.disablePeopleButton }, strings.peopleButtonLabel))))),
-        React.createElement(DefaultButton, { styles: mobilePaneHiddenIconStyles, onRenderIcon: () => React.createElement(CallWithChatCompositeIcon, { iconName: "ChevronLeft" }) }));
+        props.onHeaderMenuClick ? React.createElement(DefaultButton, { ariaLabel: strings.peoplePaneMoreButtonAriaLabel, styles: concatStyleSets(mobilePaneBackButtonStyles, {
+                icon: {
+                    display: 'flex',
+                    alignItems: 'center'
+                }
+            }), iconProps: {
+                iconName: 'PeoplePaneMoreButton'
+            }, onClick: props.onHeaderMenuClick }) : ( /* Hidden icon to take the same space as the actual back button on the left. */React.createElement(DefaultButton, { styles: mobilePaneHiddenIconStyles, onRenderIcon: () => React.createElement(CallWithChatCompositeIcon, { iconName: "ChevronLeft" }) })));
 };
 //# sourceMappingURL=TabHeader.js.map

package/dist/dist-esm/react-composites/src/composites/common/TabHeader.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"TabHeader.js","sourceRoot":"","sources":["../../../../../../preprocess-dist/react-composites/src/composites/common/TabHeader.tsx"],"names":[],"mappings":"AAAA,uCAAuC;AACvC,kCAAkC;AAElC,OAAO,EAAE,eAAe,EAAE,aAAa,EAAE,SAAS,EAAE,kBAAkB,EAAE,WAAW,EAAE,KAAK,EAAE,MAAM,iBAAiB,CAAC;AACpH,OAAO,EAAE,QAAQ,EAAE,yCAAmC;AACtD,OAAO,KAAK,EAAE,EAAE,OAAO,EAAE,MAAM,OAAO,CAAC;AACvC,OAAO,EAAE,yBAAyB,EAAE,MAAM,iBAAiB,CAAC;AAC5D,OAAO,EAAE,oBAAoB,EAAE,0BAA0B,EAAE,sBAAsB,EAAE,yBAAyB,EAAE,0BAA0B,EAAE,MAAM,sBAAsB,CAAC;AACvK,OAAO,EAAE,SAAS,EAAE,MAAM,iBAAiB,CAAC;~~AAsB5C~~;;;GAGG;AACH,MAAM,CAAC,MAAM,mBAAmB,GAAG,CAAC,KAA+B,EAAe,EAAE;IAClF,MAAM,EACJ,OAAO,EACP,mBAAmB,EACnB,qBAAqB,EACrB,SAAS,EACV,GAAG,KAAK,CAAC;IACV,MAAM,KAAK,GAAG,QAAQ,EAAE,CAAC;IACzB,MAAM,OAAO,GAAG,SAAS,EAAE,CAAC,OAAO,CAAC,IAAI,CAAC;IACzC,MAAM,gBAAgB,GAAG,mBAAmB,IAAI,qBAAqB,CAAC;IACtE,MAAM,4BAA4B,GAAG,OAAO,CAAC,GAAG,EAAE;QAChD,OAAO,eAAe,CAAC,sBAAsB,EAAE;YAC7C,IAAI,EAAE;gBACJ,KAAK,EAAE,MAAM;aACd;YACD,KAAK,EAAE;gBACL,QAAQ,EAAE,KAAK,CAAC,KAAK,CAAC,MAAM,CAAC,QAAQ;gBACrC,UAAU,EAAE,KAAK,CAAC,KAAK,CAAC,MAAM,CAAC,UAAU;aAC1C;SACF,EAAE,gBAAgB,CAAC,CAAC,CAAC;YACpB,WAAW,EAAE;gBACX,YAAY,EAAE,kBAAkB,KAAK,CAAC,OAAO,CAAC,YAAY,EAAE;aAC7D;SACF,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC;IACV,CAAC,EAAE,CAAC,KAAK,EAAE,gBAAgB,CAAC,CAAC,CAAC;IAC9B,OAAO,oBAAC,KAAK,IAAC,UAAU,QAAC,IAAI,QAAC,MAAM,EAAE,yBAAyB;QAC3D,oBAAC,aAAa,IAAC,SAAS,EAAE,OAAO,CAAC,2BAA2B,EAAE,eAAe,EAAE,OAAO,CAAC,iCAAiC,EAAE,OAAO,EAAE,OAAO,EAAE,MAAM,EAAE,0BAA0B,EAAE,YAAY,EAAE,GAAG,EAAE,CAAC,oBAAC,yBAAyB,IAAC,QAAQ,EAAC,aAAa,GAAG,EAAE,SAAS,SAAiB;QACrR,oBAAC,KAAK,CAAC,IAAI,IAAC,IAAI,QAAC,IAAI,EAAC,SAAS;YAC7B,oBAAC,SAAS,IAAC,SAAS,EAAE,kBAAkB,CAAC,UAAU,EAAE,SAAS,EAAE,WAAW,CAAC,oBAAoB,CAAC,IAAI,CAAC;gBACpG,oBAAC,KAAK,IAAC,UAAU,QAAC,MAAM,EAAE,oBAAoB;oBAC5C,oBAAC,KAAK,CAAC,IAAI,IAAC,IAAI,UACb,mBAAmB,IAAI,oBAAC,aAAa,IAAC,OAAO,EAAE,mBAAmB,EAAE,MAAM,EAAE,4BAA4B,EAAE,OAAO,EAAE,SAAS,KAAK,MAAM,mBAAiB,SAAS,KAAK,MAAM,EAAE,IAAI,EAAE,KAAK,EAAE,QAAQ,EAAE,KAAK,CAAC,iBAAiB,IACxN,OAAO,CAAC,eAAe,CACV,CACP;oBACb,oBAAC,KAAK,CAAC,IAAI,IAAC,IAAI,UACb,qBAAqB,IAAI,oBAAC,aAAa,IAAC,OAAO,EAAE,qBAAqB,EAAE,MAAM,EAAE,4BAA4B,EAAE,OAAO,EAAE,SAAS,KAAK,QAAQ,mBAAiB,SAAS,KAAK,QAAQ,EAAE,IAAI,EAAE,KAAK,EAAE,QAAQ,EAAE,KAAK,CAAC,mBAAmB,IAClO,OAAO,CAAC,iBAAiB,CACZ,CACP,CACP,CACE,CACD;~~QAEb~~,oBAAC,aAAa,IAAC,MAAM,EAAE,0BAA0B,EAAE,YAAY,EAAE,GAAG,EAAE,CAAC,oBAAC,yBAAyB,IAAC,QAAQ,EAAC,aAAa,GAAG,GAAkB,~~CACvI~~,CAAC;AACb,CAAC,CAAC","sourcesContent":["// Copyright (c) Microsoft Corporation.\n// Licensed under the MIT License.\n\nimport { concatStyleSets, DefaultButton, FocusZone, FocusZoneDirection, mergeStyles, Stack } from '@fluentui/react';\nimport { useTheme } from '@internal/react-components';\nimport React, { useMemo } from 'react';\nimport { CallWithChatCompositeIcon } from '../common/icons';\nimport { availableSpaceStyles, mobilePaneBackButtonStyles, mobilePaneButtonStyles, mobilePaneControlBarStyle, mobilePaneHiddenIconStyles } from './styles/Pane.styles';\nimport { useLocale } from '../localization';\n\n/** @private /\nexport interface MobileChatSidePaneTabHeaderProps {\n onClick: () => void;\n disabled: boolean;\n}\n\n/\n Props for {@link TabHeader} component\n /\ntype PeopleAndChatHeaderProps = {\n onClose: () => void;\n // If set, show a button to open chat tab.\n onChatButtonClicked?: () => void;\n // If set, show a button to open people tab.\n onPeopleButtonClicked?: () => void;\n activeTab: TabHeaderTab;\n disableChatButton?: boolean;\n disablePeopleButton?: boolean;\n};\n\n/\n Legacy header to be removed when we make a breaking change.\n * @private\n /\nexport const PeopleAndChatHeader = (props: PeopleAndChatHeaderProps): JSX.Element => {\n const {\n onClose,\n onChatButtonClicked,\n onPeopleButtonClicked,\n activeTab\n } = props;\n const theme = useTheme();\n const strings = useLocale().strings.call;\n const haveMultipleTabs = onChatButtonClicked && onPeopleButtonClicked;\n const mobilePaneButtonStylesThemed = useMemo(() => {\n return concatStyleSets(mobilePaneButtonStyles, {\n root: {\n width: '100%'\n },\n label: {\n fontSize: theme.fonts.medium.fontSize,\n fontWeight: theme.fonts.medium.fontWeight\n }\n }, haveMultipleTabs ? {\n rootChecked: {\n borderBottom: `0.125rem solid ${theme.palette.themePrimary}`\n }\n } : {});\n }, [theme, haveMultipleTabs]);\n return <Stack horizontal grow styles={mobilePaneControlBarStyle}>\n <DefaultButton ariaLabel={strings.returnToCallButtonAriaLabel} ariaDescription={strings.returnToCallButtonAriaDescription} onClick={onClose} styles={mobilePaneBackButtonStyles} onRenderIcon={() => <CallWithChatCompositeIcon iconName=\"ChevronLeft\" />} autoFocus></DefaultButton>\n <Stack.Item grow role=\"tablist\">\n <FocusZone direction={FocusZoneDirection.horizontal} className={mergeStyles(availableSpaceStyles.root)}>\n <Stack horizontal styles={availableSpaceStyles}>\n <Stack.Item grow>\n {onChatButtonClicked && <DefaultButton onClick={onChatButtonClicked} styles={mobilePaneButtonStylesThemed} checked={activeTab === 'chat'} aria-selected={activeTab === 'chat'} role={'tab'} disabled={props.disableChatButton}>\n {strings.chatButtonLabel}\n </DefaultButton>}\n </Stack.Item>\n <Stack.Item grow>\n {onPeopleButtonClicked && <DefaultButton onClick={onPeopleButtonClicked} styles={mobilePaneButtonStylesThemed} checked={activeTab === 'people'} aria-selected={activeTab === 'people'} role={'tab'} disabled={props.disablePeopleButton}>\n {strings.peopleButtonLabel}\n </DefaultButton>}\n </Stack.Item>\n </Stack>\n </FocusZone>\n </Stack.Item>\n {/ Hidden icon to take the same space as the actual back button on the left. /}\n <DefaultButton styles={mobilePaneHiddenIconStyles} onRenderIcon={() => <CallWithChatCompositeIcon iconName=\"ChevronLeft\" />}></DefaultButton>\n </Stack>;\n};\n\n/\n Type used to define which tab is active in {@link TabHeader}\n */\nexport type TabHeaderTab = 'chat' \| 'people';"]}
1	+ {"version":3,"file":"TabHeader.js","sourceRoot":"","sources":["../../../../../../preprocess-dist/react-composites/src/composites/common/TabHeader.tsx"],"names":[],"mappings":"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","sourcesContent":["// Copyright (c) Microsoft Corporation.\n// Licensed under the MIT License.\n\nimport { concatStyleSets, DefaultButton, FocusZone, FocusZoneDirection, mergeStyles, Stack } from '@fluentui/react';\nimport { useTheme } from '@internal/react-components';\nimport React, { useMemo } from 'react';\nimport { CallWithChatCompositeIcon } from '../common/icons';\nimport { availableSpaceStyles, mobilePaneBackButtonStyles, mobilePaneButtonStyles, mobilePaneControlBarStyle, mobilePaneHiddenIconStyles } from './styles/Pane.styles';\nimport { useLocale } from '../localization';\n\n/** @private /\nexport interface MobileChatSidePaneTabHeaderProps {\n onClick: () => void;\n disabled: boolean;\n}\n\n/\n Props for {@link TabHeader} component\n /\ntype PeopleAndChatHeaderProps = {\n onClose: () => void;\n // If set, show a button to open chat tab.\n onChatButtonClicked?: () => void;\n // If set, show a button to open people tab.\n onPeopleButtonClicked?: () => void;\n activeTab: TabHeaderTab;\n disableChatButton?: boolean;\n disablePeopleButton?: boolean;\n onHeaderMenuClick?: () => void;\n};\n\n/\n Legacy header to be removed when we make a breaking change.\n * @private\n /\nexport const PeopleAndChatHeader = (props: PeopleAndChatHeaderProps): JSX.Element => {\n const {\n onClose,\n onChatButtonClicked,\n onPeopleButtonClicked,\n activeTab\n } = props;\n const theme = useTheme();\n const strings = useLocale().strings.call;\n const haveMultipleTabs = onChatButtonClicked && onPeopleButtonClicked;\n const mobilePaneButtonStylesThemed = useMemo(() => {\n return concatStyleSets(mobilePaneButtonStyles, {\n root: {\n width: '100%'\n },\n label: {\n fontSize: theme.fonts.medium.fontSize,\n fontWeight: theme.fonts.medium.fontWeight\n }\n }, haveMultipleTabs ? {\n rootChecked: {\n borderBottom: `0.125rem solid ${theme.palette.themePrimary}`\n }\n } : {});\n }, [theme, haveMultipleTabs]);\n return <Stack horizontal grow styles={mobilePaneControlBarStyle}>\n <DefaultButton ariaLabel={strings.returnToCallButtonAriaLabel} ariaDescription={strings.returnToCallButtonAriaDescription} onClick={onClose} styles={mobilePaneBackButtonStyles} onRenderIcon={() => <CallWithChatCompositeIcon iconName=\"ChevronLeft\" />} autoFocus></DefaultButton>\n <Stack.Item grow role=\"tablist\">\n <FocusZone direction={FocusZoneDirection.horizontal} className={mergeStyles(availableSpaceStyles.root)}>\n <Stack horizontal styles={availableSpaceStyles}>\n <Stack.Item grow>\n {onChatButtonClicked && <DefaultButton onClick={onChatButtonClicked} styles={mobilePaneButtonStylesThemed} checked={activeTab === 'chat'} aria-selected={activeTab === 'chat'} role={'tab'} disabled={props.disableChatButton}>\n {strings.chatButtonLabel}\n </DefaultButton>}\n </Stack.Item>\n <Stack.Item grow>\n {onPeopleButtonClicked && <DefaultButton onClick={onPeopleButtonClicked} styles={mobilePaneButtonStylesThemed} checked={activeTab === 'people'} aria-selected={activeTab === 'people'} role={'tab'} disabled={props.disablePeopleButton}>\n {strings.peopleButtonLabel}\n </DefaultButton>}\n </Stack.Item>\n </Stack>\n </FocusZone>\n </Stack.Item>\n {props.onHeaderMenuClick ? <DefaultButton ariaLabel={strings.peoplePaneMoreButtonAriaLabel} styles={concatStyleSets(mobilePaneBackButtonStyles, {\n icon: {\n display: 'flex',\n alignItems: 'center'\n }\n })} iconProps={{\n iconName: 'PeoplePaneMoreButton'\n }} onClick={props.onHeaderMenuClick} /> : ( / Hidden icon to take the same space as the actual back button on the left. /\n <DefaultButton styles={mobilePaneHiddenIconStyles} onRenderIcon={() => <CallWithChatCompositeIcon iconName=\"ChevronLeft\" />}></DefaultButton>)}\n </Stack>;\n};\n\n/\n Type used to define which tab is active in {@link TabHeader}\n */\nexport type TabHeaderTab = 'chat' \| 'people';"]}

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

@@ -24,7 +24,6 @@ export declare const DEFAULT_COMPOSITE_ICONS: {
     ParticipantItemOptionsHovered: JSX.Element;
     SendBoxSend: JSX.Element;
     SendBoxSendHovered: JSX.Element;
-    SendBoxAttachFile?: JSX.Element | undefined;
     ControlBarPeopleButton?: JSX.Element | undefined;
     ControlButtonCameraOff: JSX.Element;
     ControlButtonCameraOn: JSX.Element;
@@ -79,9 +78,6 @@ export declare const DEFAULT_COMPOSITE_ICONS: {
     ParticipantItemScreenShareStart: JSX.Element;
     VideoTileMicOff: JSX.Element;
     LocalCameraSwitch?: JSX.Element | undefined;
-    PeoplePaneAddPerson?: JSX.Element | undefined;
-    PeoplePaneOpenDialpad?: JSX.Element | undefined;
-    DialpadStartCall?: JSX.Element | undefined;
     NoticePageInviteToRoomRemoved?: JSX.Element | undefined;
     BlurVideoBackground?: JSX.Element | undefined;
     RemoveVideoBackgroundEffect?: JSX.Element | undefined;
@@ -103,25 +99,13 @@ export declare const DEFAULT_COMPOSITE_ICONS: {
     MoreDrawerSelectedMicrophone?: JSX.Element | undefined;
     MoreDrawerSelectedSpeaker?: JSX.Element | undefined;
     MoreDrawerSpeakers?: JSX.Element | undefined;
+    SendBoxAttachFile?: JSX.Element | undefined;
     ChatMessageOptions: React.JSX.Element;
     ControlButtonParticipantsContextualMenuItem: React.JSX.Element;
-    CancelFileUpload: React.JSX.Element;
-    DownloadFile: React.JSX.Element;
-    DataLossPreventionProhibited: React.JSX.Element;
     ErrorBarCallVideoRecoveredBySystem: React.JSX.Element;
     ErrorBarCallVideoStoppedBySystem: React.JSX.Element;
     MessageResend: React.JSX.Element;
-    HoldCallContextualMenuItem: React.JSX.Element;
-    HoldCallButton: React.JSX.Element;
-    ResumeCall: React.JSX.Element;
     DialpadBackspace: React.JSX.Element;
-    SitePermissionsSparkle: React.JSX.Element;
-    SitePermissionCamera: React.JSX.Element;
-    SitePermissionMic: React.JSX.Element;
-    SitePermissionCameraDenied: React.JSX.Element;
-    SitePermissionMicDenied: React.JSX.Element;
-    UnsupportedEnvironmentWarning: React.JSX.Element;
-    BrowserPermissionDeniedError: React.JSX.Element;
     VideoTilePinned: React.JSX.Element;
     VideoTileMoreOptions: React.JSX.Element;
     VideoTileScaleFit: React.JSX.Element;
@@ -167,7 +151,6 @@ export type ChatCompositeIcons = {
     ParticipantItemOptionsHovered?: JSX.Element;
     SendBoxSend?: JSX.Element;
     SendBoxSendHovered?: JSX.Element;
-    SendBoxAttachFile?: JSX.Element;
 };
 /**
  * Icon wrapper to use when including customizable icons inside the ChatComposite.
@@ -239,9 +222,6 @@ export type CallCompositeIcons = {
     ParticipantItemScreenShareStart?: JSX.Element;
     VideoTileMicOff?: JSX.Element;
     LocalCameraSwitch?: JSX.Element;
-    PeoplePaneAddPerson?: JSX.Element;
-    PeoplePaneOpenDialpad?: JSX.Element;
-    DialpadStartCall?: JSX.Element;
     NoticePageInviteToRoomRemoved?: JSX.Element;
     BlurVideoBackground?: JSX.Element;
     RemoveVideoBackgroundEffect?: JSX.Element;
@@ -322,9 +302,6 @@ export type CallWithChatCompositeIcons = {
     ParticipantItemScreenShareStart?: JSX.Element;
     VideoTileMicOff?: JSX.Element;
     LocalCameraSwitch?: JSX.Element;
-    PeoplePaneAddPerson?: JSX.Element;
-    PeoplePaneOpenDialpad?: JSX.Element;
-    DialpadStartCall?: JSX.Element;
     DefaultCustomButton?: JSX.Element;
     DtmfDialpadButton?: JSX.Element;
     EditBoxCancel?: JSX.Element;

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

@@ -3,21 +3,14 @@
 import { CallEnd20Filled, CallMissed20Filled, CameraSwitch24Regular, Chat20Filled, Chat20Regular, Info20Filled, MicOff20Filled, Mic20Filled, Mic20Regular, People20Regular, PersonDelete20Filled, Speaker220Filled, Speaker220Regular, Video20Filled, VideoOff20Filled, WifiWarning20Filled, Circle20Regular } from '@fluentui/react-icons';
 /* @conditional-compile-remove(capabilities) */
 import { MicProhibited20Filled, VideoProhibited20Filled } from '@fluentui/react-icons';
-/* @conditional-compile-remove(gallery-layouts) */
 import { Grid20Regular } from '@fluentui/react-icons';
-/* @conditional-compile-remove(PSTN-calls) */
-import { PersonAdd20Regular, Call20Regular } from '@fluentui/react-icons';
-/* @conditional-compile-remove(dtmf-dialer) */
 import { Dialpad20Regular } from '@fluentui/react-icons';
 import { DEFAULT_COMPONENT_ICONS } from "../../../../react-components/src";
 import React from 'react';
 // eslint-disable-next-line no-restricted-imports
 import { FontIcon, Spinner, SpinnerSize } from '@fluentui/react';
-/* @conditional-compile-remove(file-sharing) */
-import { Attach20Regular } from '@fluentui/react-icons';
 /* @conditional-compile-remove(video-background-effects) */
 import { VideoBackgroundEffect20Regular, VideoPerson20Filled } from '@fluentui/react-icons';
-/* @conditional-compile-remove(gallery-layouts) */
 import { PersonSquare20Regular, WindowHeaderHorizontal20Regular, TableSimple20Regular, BoardSplit20Regular, ContentView20Regular, Table20Regular } from '@fluentui/react-icons';
 const SpinnerIcon = () => React.createElement(Spinner, { size: SpinnerSize.large });
 /**
@@ -62,37 +55,21 @@ export const COMPOSITE_ONLY_ICONS = {
     /* @conditional-compile-remove(calling-sounds) */
     NoticePageCallRejected: React.createElement(Info20Filled, null),
     NoticePageCallTimeout: React.createElement(Info20Filled, null),
-    /* @conditional-compile-remove(file-sharing) */
-    SendBoxAttachFile: React.createElement(Attach20Regular, null),
-    /* @conditional-compile-remove(PSTN-calls) */
-    PeoplePaneAddPerson: React.createElement(PersonAdd20Regular, null),
-    /* @conditional-compile-remove(PSTN-calls) */
-    PeoplePaneOpenDialpad: React.createElement(Dialpad20Regular, null),
-    /* @conditional-compile-remove(PSTN-calls) */
-    DialpadStartCall: React.createElement(Call20Regular, null),
     /* @conditional-compile-remove(rooms) */
     NoticePageInviteToRoomRemoved: React.createElement(Info20Filled, null),
     /* @conditional-compile-remove(video-background-effects) */
     BlurVideoBackground: React.createElement(VideoBackgroundEffect20Regular, null),
     /* @conditional-compile-remove(video-background-effects) */
     RemoveVideoBackgroundEffect: React.createElement(VideoPerson20Filled, null),
-    /* @conditional-compile-remove(gallery-layouts) */
     GalleryOptions: React.createElement(Grid20Regular, null),
-    /* @conditional-compile-remove(gallery-layouts) */
     OverflowGalleryTop: React.createElement(WindowHeaderHorizontal20Regular, null),
-    /* @conditional-compile-remove(gallery-layouts) */
     SpeakerGalleryLayout: React.createElement(PersonSquare20Regular, null),
-    /* @conditional-compile-remove(gallery-layouts) */
     DefaultGalleryLayout: React.createElement(TableSimple20Regular, null),
-    /* @conditional-compile-remove(gallery-layouts) */
     FloatingLocalVideoGalleryLayout: React.createElement(BoardSplit20Regular, null),
-    /* @conditional-compile-remove(gallery-layouts) */
     FocusedContentGalleryLayout: React.createElement(ContentView20Regular, null),
-    /* @conditional-compile-remove(gallery-layouts) */
     LargeGalleryLayout: React.createElement(Table20Regular, null),
     /* @conditional-compile-remove(control-bar-button-injection) */
     DefaultCustomButton: React.createElement(Circle20Regular, null),
-    /* @conditional-compile-remove(dtmf-dialer) */
     DtmfDialpadButton: React.createElement(Dialpad20Regular, null)
 };
 /**

package/dist/dist-esm/react-composites/src/composites/common/icons.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"icons.js","sourceRoot":"","sources":["../../../../../../preprocess-dist/react-composites/src/composites/common/icons.tsx"],"names":[],"mappings":"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","sourcesContent":["// Copyright (c) Microsoft Corporation.\n// Licensed under the MIT License.\n\nimport { CallEnd20Filled, CallMissed20Filled, CameraSwitch24Regular, Chat20Filled, Chat20Regular, Info20Filled, MicOff20Filled, Mic20Filled, Mic20Regular, People20Regular, PersonDelete20Filled, Speaker220Filled, Speaker220Regular, Video20Filled, VideoOff20Filled, WifiWarning20Filled, Circle20Regular } from '@fluentui/react-icons';\n/* @conditional-compile-remove(capabilities) /\nimport { MicProhibited20Filled, VideoProhibited20Filled } from '@fluentui/react-icons';\n/ @conditional-compile-remove(gallery-layouts) /\nimport { Grid20Regular } from '@fluentui/react-icons';\n/ @conditional-compile-remove(PSTN-calls) /\nimport { PersonAdd20Regular, Call20Regular } from '@fluentui/react-icons';\n/ @conditional-compile-remove(dtmf-dialer) /\nimport { Dialpad20Regular } from '@fluentui/react-icons';\nimport { DEFAULT_COMPONENT_ICONS } from '@internal/react-components';\nimport React from 'react';\n// eslint-disable-next-line no-restricted-imports\nimport { FontIcon, IIconProps, Spinner, SpinnerSize } from '@fluentui/react';\n/ @conditional-compile-remove(file-sharing) /\nimport { Attach20Regular } from '@fluentui/react-icons';\n/ @conditional-compile-remove(video-background-effects) /\nimport { VideoBackgroundEffect20Regular, VideoPerson20Filled } from '@fluentui/react-icons';\n/ @conditional-compile-remove(gallery-layouts) /\nimport { PersonSquare20Regular, WindowHeaderHorizontal20Regular, TableSimple20Regular, BoardSplit20Regular, ContentView20Regular, Table20Regular } from '@fluentui/react-icons';\nconst SpinnerIcon = (): JSX.Element => <Spinner size={SpinnerSize.large} />;\n\n/\n The default set of icons used by the composites directly (i.e. not via the components defined in this library).\n \n @public\n /\nexport const COMPOSITE_ONLY_ICONS: CompositeIcons = {\n ChevronLeft: undefined,\n Link: undefined,\n LobbyScreenConnectingToCall: <SpinnerIcon />,\n LobbyScreenWaitingToBeAdmitted: <SpinnerIcon />,\n LocalDeviceSettingsCamera: <Video20Filled />,\n LocalDeviceSettingsMic: <Mic20Filled />,\n LocalDeviceSettingsSpeaker: <Speaker220Filled />,\n LocalPreviewPlaceholder: <VideoOff20Filled />,\n LocalCameraSwitch: <CameraSwitch24Regular />,\n ControlBarChatButtonActive: <Chat20Filled />,\n ControlBarChatButtonInactive: <Chat20Regular />,\n / @conditional-compile-remove(capabilities) /\n ControlButtonCameraProhibited: <VideoProhibited20Filled />,\n / @conditional-compile-remove(capabilities) /\n ControlButtonMicProhibited: <MicProhibited20Filled />,\n ControlBarPeopleButton: <People20Regular />,\n MoreDrawerMicrophones: <Mic20Regular />,\n MoreDrawerPeople: <People20Regular />,\n MoreDrawerSpeakers: <Speaker220Regular />,\n MoreDrawerSelectedMicrophone: <Mic20Filled />,\n MoreDrawerSelectedSpeaker: <Speaker220Filled />,\n Muted: <MicOff20Filled />,\n NetworkReconnectIcon: <CallMissed20Filled />,\n NoticePageAccessDeniedTeamsMeeting: <PersonDelete20Filled />,\n NoticePageJoinCallFailedDueToNoNetwork: <WifiWarning20Filled />,\n NoticePageLeftCall: <CallEnd20Filled />,\n NoticePageRemovedFromCall: <Info20Filled />,\n / @conditional-compile-remove(rooms) /\n NoticePageNotInvitedToRoom: <Info20Filled />,\n / @conditional-compile-remove(rooms) /\n NoticePageRoomNotFound: <Info20Filled />,\n / @conditional-compile-remove(rooms) /\n NoticePageRoomNotValid: <Info20Filled />,\n / @conditional-compile-remove(calling-sounds) /\n NoticePageCallRejected: <Info20Filled />,\n NoticePageCallTimeout: <Info20Filled />,\n / @conditional-compile-remove(file-sharing) /\n SendBoxAttachFile: <Attach20Regular />,\n / @conditional-compile-remove(PSTN-calls) /\n PeoplePaneAddPerson: <PersonAdd20Regular />,\n / @conditional-compile-remove(PSTN-calls) /\n PeoplePaneOpenDialpad: <Dialpad20Regular />,\n / @conditional-compile-remove(PSTN-calls) /\n DialpadStartCall: <Call20Regular />,\n / @conditional-compile-remove(rooms) /\n NoticePageInviteToRoomRemoved: <Info20Filled />,\n / @conditional-compile-remove(video-background-effects) /\n BlurVideoBackground: <VideoBackgroundEffect20Regular />,\n / @conditional-compile-remove(video-background-effects) /\n RemoveVideoBackgroundEffect: <VideoPerson20Filled />,\n / @conditional-compile-remove(gallery-layouts) /\n GalleryOptions: <Grid20Regular />,\n / @conditional-compile-remove(gallery-layouts) /\n OverflowGalleryTop: <WindowHeaderHorizontal20Regular />,\n / @conditional-compile-remove(gallery-layouts) /\n SpeakerGalleryLayout: <PersonSquare20Regular />,\n / @conditional-compile-remove(gallery-layouts) /\n DefaultGalleryLayout: <TableSimple20Regular />,\n / @conditional-compile-remove(gallery-layouts) /\n FloatingLocalVideoGalleryLayout: <BoardSplit20Regular />,\n / @conditional-compile-remove(gallery-layouts) /\n FocusedContentGalleryLayout: <ContentView20Regular />,\n / @conditional-compile-remove(gallery-layouts) /\n LargeGalleryLayout: <Table20Regular />,\n / @conditional-compile-remove(control-bar-button-injection) /\n DefaultCustomButton: <Circle20Regular />,\n / @conditional-compile-remove(dtmf-dialer) /\n DtmfDialpadButton: <Dialpad20Regular />\n};\n\n/\n The default set of icons that are available to used in the Composites.\n \n @public\n /\nexport const DEFAULT_COMPOSITE_ICONS = {\n ...DEFAULT_COMPONENT_ICONS,\n ...COMPOSITE_ONLY_ICONS\n};\n\n/* @private /\nexport type CompositeIconProps<Icons> = IIconProps & {\n iconName: keyof Icons;\n};\n\n/\n Icons that can be overridden for {@link ChatComposite}.\n \n @public\n /\nexport type ChatCompositeIcons = {\n EditBoxCancel?: JSX.Element;\n EditBoxSubmit?: JSX.Element;\n MessageDelivered?: JSX.Element;\n MessageEdit?: JSX.Element;\n MessageFailed?: JSX.Element;\n MessageRemove?: JSX.Element;\n MessageSeen?: JSX.Element;\n MessageSending?: JSX.Element;\n ParticipantItemOptions?: JSX.Element;\n ParticipantItemOptionsHovered?: JSX.Element;\n SendBoxSend?: JSX.Element;\n SendBoxSendHovered?: JSX.Element;\n / @conditional-compile-remove(file-sharing) /\n SendBoxAttachFile?: JSX.Element;\n};\n\n/\n Icon wrapper to use when including customizable icons inside the ChatComposite.\n * This wrapper ensures the icon name is being type-checked helping ensure no typos\n * and ensure that icon is customizable through the composite API.\n \n @private\n /\nexport const ChatCompositeIcon = (props: CompositeIconProps<ChatCompositeIcons>): JSX.Element => <FontIcon {...props} />;\n\n/\n Icons that can be overridden for {@link CallComposite}.\n \n @public\n /\nexport type CallCompositeIcons = {\n ControlBarPeopleButton?: JSX.Element;\n ControlButtonCameraOff?: JSX.Element;\n ControlButtonCameraOn?: JSX.Element;\n ControlButtonEndCall?: JSX.Element;\n ControlButtonMicOff?: JSX.Element;\n ControlButtonMicOn?: JSX.Element;\n ControlButtonOptions?: JSX.Element;\n ControlButtonParticipants?: JSX.Element;\n ControlButtonScreenShareStart?: JSX.Element;\n ControlButtonScreenShareStop?: JSX.Element;\n / @conditional-compile-remove(capabilities) /\n ControlButtonCameraProhibited?: JSX.Element;\n / @conditional-compile-remove(capabilities) /\n ControlButtonMicProhibited?: JSX.Element;\n / @conditional-compile-remove(raise-hand) /\n ControlButtonRaiseHand?: JSX.Element;\n / @conditional-compile-remove(raise-hand) /\n ControlButtonLowerHand?: JSX.Element;\n / @conditional-compile-remove(raise-hand) /\n RaiseHandContextualMenuItem?: JSX.Element;\n LowerHandContextualMenuItem?: JSX.Element;\n ErrorBarCallCameraAccessDenied?: JSX.Element;\n ErrorBarCallCameraAlreadyInUse?: JSX.Element;\n ErrorBarCallLocalVideoFreeze?: JSX.Element;\n ErrorBarCallMacOsCameraAccessDenied?: JSX.Element;\n ErrorBarCallMacOsMicrophoneAccessDenied?: JSX.Element;\n ErrorBarCallMicrophoneAccessDenied?: JSX.Element;\n ErrorBarCallMicrophoneMutedBySystem?: JSX.Element;\n ErrorBarCallMicrophoneUnmutedBySystem?: JSX.Element;\n ErrorBarCallNetworkQualityLow?: JSX.Element;\n ErrorBarCallNoMicrophoneFound?: JSX.Element;\n ErrorBarCallNoSpeakerFound?: JSX.Element;\n ErrorBarClear?: JSX.Element;\n HorizontalGalleryLeftButton?: JSX.Element;\n HorizontalGalleryRightButton?: JSX.Element;\n LobbyScreenConnectingToCall?: JSX.Element;\n LobbyScreenWaitingToBeAdmitted?: JSX.Element;\n LocalDeviceSettingsCamera?: JSX.Element;\n LocalDeviceSettingsMic?: JSX.Element;\n LocalDeviceSettingsSpeaker?: JSX.Element;\n LocalPreviewPlaceholder?: JSX.Element;\n Muted?: JSX.Element;\n NetworkReconnectIcon?: JSX.Element;\n NoticePageAccessDeniedTeamsMeeting?: JSX.Element;\n NoticePageJoinCallFailedDueToNoNetwork?: JSX.Element;\n NoticePageLeftCall?: JSX.Element;\n NoticePageRemovedFromCall?: JSX.Element;\n / @conditional-compile-remove(calling-sounds) /\n NoticePageCallRejected?: JSX.Element;\n / @conditional-compile-remove(rooms) /\n NoticePageNotInvitedToRoom?: JSX.Element;\n / @conditional-compile-remove(rooms) /\n NoticePageRoomNotFound?: JSX.Element;\n / @conditional-compile-remove(rooms) /\n NoticePageRoomNotValid?: JSX.Element;\n NoticePageCallTimeout?: JSX.Element;\n OptionsCamera?: JSX.Element;\n OptionsMic?: JSX.Element;\n OptionsSpeaker?: JSX.Element;\n ParticipantItemMicOff?: JSX.Element;\n ParticipantItemOptions?: JSX.Element;\n ParticipantItemOptionsHovered?: JSX.Element;\n ParticipantItemScreenShareStart?: JSX.Element;\n VideoTileMicOff?: JSX.Element;\n LocalCameraSwitch?: JSX.Element;\n / @conditional-compile-remove(PSTN-calls) /\n PeoplePaneAddPerson?: JSX.Element;\n / @conditional-compile-remove(PSTN-calls) /\n PeoplePaneOpenDialpad?: JSX.Element;\n / @conditional-compile-remove(PSTN-calls) /\n DialpadStartCall?: JSX.Element;\n / @conditional-compile-remove(rooms) /\n NoticePageInviteToRoomRemoved?: JSX.Element;\n / @conditional-compile-remove(video-background-effects) /\n BlurVideoBackground?: JSX.Element;\n / @conditional-compile-remove(video-background-effects) /\n RemoveVideoBackgroundEffect?: JSX.Element;\n / @conditional-compile-remove(gallery-layouts) /\n GalleryOptions?: JSX.Element;\n / @conditional-compile-remove(gallery-layouts) /\n SpeakerGalleryLayout?: JSX.Element;\n / @conditional-compile-remove(gallery-layouts) /\n FloatingLocalVideoGalleryLayout?: JSX.Element;\n / @conditional-compile-remove(gallery-layouts) /\n DefaultGalleryLayout?: JSX.Element;\n / @conditional-compile-remove(gallery-layouts) /\n FocusedContentGalleryLayout?: JSX.Element;\n / @conditional-compile-remove(gallery-layouts) /\n OverflowGalleryTop?: JSX.Element;\n / @conditional-compile-remove(gallery-layouts) /\n LargeGalleryLayout?: JSX.Element;\n / @conditional-compile-remove(control-bar-button-injection) /\n DefaultCustomButton?: JSX.Element;\n / @conditional-compile-remove(dtmf-dialer) /\n DtmfDialpadButton?: JSX.Element;\n};\n\n/\n Icon wrapper to use when including customizable icons inside the CallComposite.\n * This wrapper ensures the icon name is being type-checked helping ensure no typos\n * and ensure that icon is customizable through the composite API.\n \n @private\n /\nexport const CallCompositeIcon = (props: CompositeIconProps<CallCompositeIcons>): JSX.Element => <FontIcon {...props} />;\n\n/\n Icons that can be overridden for {@link CallWithChatComposite}.\n \n @public\n /\nexport type CallWithChatCompositeIcons = {\n // CallWithChat Specific Icons\n ChevronLeft?: JSX.Element;\n ControlBarChatButtonActive?: JSX.Element;\n ControlBarChatButtonInactive?: JSX.Element;\n ControlBarPeopleButton?: JSX.Element;\n Link?: JSX.Element;\n MoreDrawerMicrophones?: JSX.Element;\n MoreDrawerPeople?: JSX.Element;\n MoreDrawerSelectedMicrophone?: JSX.Element;\n MoreDrawerSelectedSpeaker?: JSX.Element;\n MoreDrawerSpeakers?: JSX.Element;\n\n // Call icons\n ControlButtonCameraOff?: JSX.Element;\n ControlButtonCameraOn?: JSX.Element;\n ControlButtonEndCall?: JSX.Element;\n ControlButtonMicOff?: JSX.Element;\n ControlButtonMicOn?: JSX.Element;\n ControlButtonOptions?: JSX.Element;\n ControlButtonScreenShareStart?: JSX.Element;\n ControlButtonScreenShareStop?: JSX.Element;\n / @conditional-compile-remove(capabilities) /\n ControlButtonCameraProhibited?: JSX.Element;\n / @conditional-compile-remove(capabilities) /\n ControlButtonMicProhibited?: JSX.Element;\n ErrorBarCallCameraAccessDenied?: JSX.Element;\n ErrorBarCallCameraAlreadyInUse?: JSX.Element;\n ErrorBarCallLocalVideoFreeze?: JSX.Element;\n ErrorBarCallMacOsCameraAccessDenied?: JSX.Element;\n ErrorBarCallMacOsMicrophoneAccessDenied?: JSX.Element;\n ErrorBarCallMicrophoneAccessDenied?: JSX.Element;\n ErrorBarCallMicrophoneMutedBySystem?: JSX.Element;\n ErrorBarCallMicrophoneUnmutedBySystem?: JSX.Element;\n ErrorBarCallNetworkQualityLow?: JSX.Element;\n ErrorBarCallNoMicrophoneFound?: JSX.Element;\n ErrorBarCallNoSpeakerFound?: JSX.Element;\n ErrorBarClear?: JSX.Element;\n HorizontalGalleryLeftButton?: JSX.Element;\n HorizontalGalleryRightButton?: JSX.Element;\n LobbyScreenConnectingToCall?: JSX.Element;\n LobbyScreenWaitingToBeAdmitted?: JSX.Element;\n LocalDeviceSettingsCamera?: JSX.Element;\n LocalDeviceSettingsMic?: JSX.Element;\n LocalDeviceSettingsSpeaker?: JSX.Element;\n LocalPreviewPlaceholder?: JSX.Element;\n Muted?: JSX.Element;\n NetworkReconnectIcon?: JSX.Element;\n NoticePageAccessDeniedTeamsMeeting?: JSX.Element;\n NoticePageJoinCallFailedDueToNoNetwork?: JSX.Element;\n NoticePageLeftCall?: JSX.Element;\n NoticePageRemovedFromCall?: JSX.Element;\n OptionsCamera?: JSX.Element;\n OptionsMic?: JSX.Element;\n OptionsSpeaker?: JSX.Element;\n ParticipantItemMicOff?: JSX.Element;\n ParticipantItemScreenShareStart?: JSX.Element;\n VideoTileMicOff?: JSX.Element;\n LocalCameraSwitch?: JSX.Element;\n / @conditional-compile-remove(PSTN-calls) /\n PeoplePaneAddPerson?: JSX.Element;\n / @conditional-compile-remove(PSTN-calls) /\n PeoplePaneOpenDialpad?: JSX.Element;\n / @conditional-compile-remove(PSTN-calls) /\n DialpadStartCall?: JSX.Element;\n / @conditional-compile-remove(control-bar-button-injection) /\n DefaultCustomButton?: JSX.Element;\n / @conditional-compile-remove(dtmf-dialer) /\n DtmfDialpadButton?: JSX.Element;\n\n // Chat icons\n EditBoxCancel?: JSX.Element;\n EditBoxSubmit?: JSX.Element;\n MessageDelivered?: JSX.Element;\n MessageEdit?: JSX.Element;\n MessageFailed?: JSX.Element;\n MessageRemove?: JSX.Element;\n MessageSeen?: JSX.Element;\n MessageSending?: JSX.Element;\n SendBoxSend?: JSX.Element;\n SendBoxSendHovered?: JSX.Element;\n SendBoxAttachFile?: JSX.Element;\n\n // Icons common to Call and Chat.\n ParticipantItemOptions?: JSX.Element;\n ParticipantItemOptionsHovered?: JSX.Element;\n};\n\n/\n Icon wrapper to use when including customizable icons inside the CallWithChatComposite.\n * This wrapper ensures the icon name is being type-checked helping ensure no typos\n * and ensure that icon is customizable through the composite API.\n \n @private\n /\nexport const CallWithChatCompositeIcon = (props: CompositeIconProps<CallWithChatCompositeIcons>): JSX.Element => <FontIcon {...props} />;\n\n/\n Icons that can be overridden in one of the composites exported by this library.\n \n See {@link ChatCompositeIcons}, {@link CallCompositeIcons} and {@link CallWithChatCompositeIcons} for more targeted types.\n \n @public\n */\nexport type CompositeIcons = ChatCompositeIcons & CallCompositeIcons & CallWithChatCompositeIcons;"]}
1	+ {"version":3,"file":"icons.js","sourceRoot":"","sources":["../../../../../../preprocess-dist/react-composites/src/composites/common/icons.tsx"],"names":[],"mappings":"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","sourcesContent":["// Copyright (c) Microsoft Corporation.\n// Licensed under the MIT License.\n\nimport { CallEnd20Filled, CallMissed20Filled, CameraSwitch24Regular, Chat20Filled, Chat20Regular, Info20Filled, MicOff20Filled, Mic20Filled, Mic20Regular, People20Regular, PersonDelete20Filled, Speaker220Filled, Speaker220Regular, Video20Filled, VideoOff20Filled, WifiWarning20Filled, Circle20Regular } from '@fluentui/react-icons';\n/* @conditional-compile-remove(capabilities) /\nimport { MicProhibited20Filled, VideoProhibited20Filled } from '@fluentui/react-icons';\nimport { Grid20Regular } from '@fluentui/react-icons';\nimport { Dialpad20Regular } from '@fluentui/react-icons';\nimport { DEFAULT_COMPONENT_ICONS } from '@internal/react-components';\nimport React from 'react';\n// eslint-disable-next-line no-restricted-imports\nimport { FontIcon, IIconProps, Spinner, SpinnerSize } from '@fluentui/react';\n/ @conditional-compile-remove(video-background-effects) /\nimport { VideoBackgroundEffect20Regular, VideoPerson20Filled } from '@fluentui/react-icons';\nimport { PersonSquare20Regular, WindowHeaderHorizontal20Regular, TableSimple20Regular, BoardSplit20Regular, ContentView20Regular, Table20Regular } from '@fluentui/react-icons';\nconst SpinnerIcon = (): JSX.Element => <Spinner size={SpinnerSize.large} />;\n\n/\n The default set of icons used by the composites directly (i.e. not via the components defined in this library).\n \n @public\n /\nexport const COMPOSITE_ONLY_ICONS: CompositeIcons = {\n ChevronLeft: undefined,\n Link: undefined,\n LobbyScreenConnectingToCall: <SpinnerIcon />,\n LobbyScreenWaitingToBeAdmitted: <SpinnerIcon />,\n LocalDeviceSettingsCamera: <Video20Filled />,\n LocalDeviceSettingsMic: <Mic20Filled />,\n LocalDeviceSettingsSpeaker: <Speaker220Filled />,\n LocalPreviewPlaceholder: <VideoOff20Filled />,\n LocalCameraSwitch: <CameraSwitch24Regular />,\n ControlBarChatButtonActive: <Chat20Filled />,\n ControlBarChatButtonInactive: <Chat20Regular />,\n / @conditional-compile-remove(capabilities) /\n ControlButtonCameraProhibited: <VideoProhibited20Filled />,\n / @conditional-compile-remove(capabilities) /\n ControlButtonMicProhibited: <MicProhibited20Filled />,\n ControlBarPeopleButton: <People20Regular />,\n MoreDrawerMicrophones: <Mic20Regular />,\n MoreDrawerPeople: <People20Regular />,\n MoreDrawerSpeakers: <Speaker220Regular />,\n MoreDrawerSelectedMicrophone: <Mic20Filled />,\n MoreDrawerSelectedSpeaker: <Speaker220Filled />,\n Muted: <MicOff20Filled />,\n NetworkReconnectIcon: <CallMissed20Filled />,\n NoticePageAccessDeniedTeamsMeeting: <PersonDelete20Filled />,\n NoticePageJoinCallFailedDueToNoNetwork: <WifiWarning20Filled />,\n NoticePageLeftCall: <CallEnd20Filled />,\n NoticePageRemovedFromCall: <Info20Filled />,\n / @conditional-compile-remove(rooms) /\n NoticePageNotInvitedToRoom: <Info20Filled />,\n / @conditional-compile-remove(rooms) /\n NoticePageRoomNotFound: <Info20Filled />,\n / @conditional-compile-remove(rooms) /\n NoticePageRoomNotValid: <Info20Filled />,\n / @conditional-compile-remove(calling-sounds) /\n NoticePageCallRejected: <Info20Filled />,\n NoticePageCallTimeout: <Info20Filled />,\n / @conditional-compile-remove(rooms) /\n NoticePageInviteToRoomRemoved: <Info20Filled />,\n / @conditional-compile-remove(video-background-effects) /\n BlurVideoBackground: <VideoBackgroundEffect20Regular />,\n / @conditional-compile-remove(video-background-effects) /\n RemoveVideoBackgroundEffect: <VideoPerson20Filled />,\n GalleryOptions: <Grid20Regular />,\n OverflowGalleryTop: <WindowHeaderHorizontal20Regular />,\n SpeakerGalleryLayout: <PersonSquare20Regular />,\n DefaultGalleryLayout: <TableSimple20Regular />,\n FloatingLocalVideoGalleryLayout: <BoardSplit20Regular />,\n FocusedContentGalleryLayout: <ContentView20Regular />,\n LargeGalleryLayout: <Table20Regular />,\n / @conditional-compile-remove(control-bar-button-injection) /\n DefaultCustomButton: <Circle20Regular />,\n DtmfDialpadButton: <Dialpad20Regular />\n};\n\n/\n The default set of icons that are available to used in the Composites.\n \n @public\n /\nexport const DEFAULT_COMPOSITE_ICONS = {\n ...DEFAULT_COMPONENT_ICONS,\n ...COMPOSITE_ONLY_ICONS\n};\n\n/* @private /\nexport type CompositeIconProps<Icons> = IIconProps & {\n iconName: keyof Icons;\n};\n\n/\n Icons that can be overridden for {@link ChatComposite}.\n \n @public\n /\nexport type ChatCompositeIcons = {\n EditBoxCancel?: JSX.Element;\n EditBoxSubmit?: JSX.Element;\n MessageDelivered?: JSX.Element;\n MessageEdit?: JSX.Element;\n MessageFailed?: JSX.Element;\n MessageRemove?: JSX.Element;\n MessageSeen?: JSX.Element;\n MessageSending?: JSX.Element;\n ParticipantItemOptions?: JSX.Element;\n ParticipantItemOptionsHovered?: JSX.Element;\n SendBoxSend?: JSX.Element;\n SendBoxSendHovered?: JSX.Element;\n};\n\n/\n Icon wrapper to use when including customizable icons inside the ChatComposite.\n * This wrapper ensures the icon name is being type-checked helping ensure no typos\n * and ensure that icon is customizable through the composite API.\n \n @private\n /\nexport const ChatCompositeIcon = (props: CompositeIconProps<ChatCompositeIcons>): JSX.Element => <FontIcon {...props} />;\n\n/\n Icons that can be overridden for {@link CallComposite}.\n \n @public\n /\nexport type CallCompositeIcons = {\n ControlBarPeopleButton?: JSX.Element;\n ControlButtonCameraOff?: JSX.Element;\n ControlButtonCameraOn?: JSX.Element;\n ControlButtonEndCall?: JSX.Element;\n ControlButtonMicOff?: JSX.Element;\n ControlButtonMicOn?: JSX.Element;\n ControlButtonOptions?: JSX.Element;\n ControlButtonParticipants?: JSX.Element;\n ControlButtonScreenShareStart?: JSX.Element;\n ControlButtonScreenShareStop?: JSX.Element;\n / @conditional-compile-remove(capabilities) /\n ControlButtonCameraProhibited?: JSX.Element;\n / @conditional-compile-remove(capabilities) /\n ControlButtonMicProhibited?: JSX.Element;\n / @conditional-compile-remove(raise-hand) /\n ControlButtonRaiseHand?: JSX.Element;\n / @conditional-compile-remove(raise-hand) /\n ControlButtonLowerHand?: JSX.Element;\n / @conditional-compile-remove(raise-hand) /\n RaiseHandContextualMenuItem?: JSX.Element;\n LowerHandContextualMenuItem?: JSX.Element;\n ErrorBarCallCameraAccessDenied?: JSX.Element;\n ErrorBarCallCameraAlreadyInUse?: JSX.Element;\n ErrorBarCallLocalVideoFreeze?: JSX.Element;\n ErrorBarCallMacOsCameraAccessDenied?: JSX.Element;\n ErrorBarCallMacOsMicrophoneAccessDenied?: JSX.Element;\n ErrorBarCallMicrophoneAccessDenied?: JSX.Element;\n ErrorBarCallMicrophoneMutedBySystem?: JSX.Element;\n ErrorBarCallMicrophoneUnmutedBySystem?: JSX.Element;\n ErrorBarCallNetworkQualityLow?: JSX.Element;\n ErrorBarCallNoMicrophoneFound?: JSX.Element;\n ErrorBarCallNoSpeakerFound?: JSX.Element;\n ErrorBarClear?: JSX.Element;\n HorizontalGalleryLeftButton?: JSX.Element;\n HorizontalGalleryRightButton?: JSX.Element;\n LobbyScreenConnectingToCall?: JSX.Element;\n LobbyScreenWaitingToBeAdmitted?: JSX.Element;\n LocalDeviceSettingsCamera?: JSX.Element;\n LocalDeviceSettingsMic?: JSX.Element;\n LocalDeviceSettingsSpeaker?: JSX.Element;\n LocalPreviewPlaceholder?: JSX.Element;\n Muted?: JSX.Element;\n NetworkReconnectIcon?: JSX.Element;\n NoticePageAccessDeniedTeamsMeeting?: JSX.Element;\n NoticePageJoinCallFailedDueToNoNetwork?: JSX.Element;\n NoticePageLeftCall?: JSX.Element;\n NoticePageRemovedFromCall?: JSX.Element;\n / @conditional-compile-remove(calling-sounds) /\n NoticePageCallRejected?: JSX.Element;\n / @conditional-compile-remove(rooms) /\n NoticePageNotInvitedToRoom?: JSX.Element;\n / @conditional-compile-remove(rooms) /\n NoticePageRoomNotFound?: JSX.Element;\n / @conditional-compile-remove(rooms) /\n NoticePageRoomNotValid?: JSX.Element;\n NoticePageCallTimeout?: JSX.Element;\n OptionsCamera?: JSX.Element;\n OptionsMic?: JSX.Element;\n OptionsSpeaker?: JSX.Element;\n ParticipantItemMicOff?: JSX.Element;\n ParticipantItemOptions?: JSX.Element;\n ParticipantItemOptionsHovered?: JSX.Element;\n ParticipantItemScreenShareStart?: JSX.Element;\n VideoTileMicOff?: JSX.Element;\n LocalCameraSwitch?: JSX.Element;\n / @conditional-compile-remove(rooms) /\n NoticePageInviteToRoomRemoved?: JSX.Element;\n / @conditional-compile-remove(video-background-effects) /\n BlurVideoBackground?: JSX.Element;\n / @conditional-compile-remove(video-background-effects) /\n RemoveVideoBackgroundEffect?: JSX.Element;\n GalleryOptions?: JSX.Element;\n SpeakerGalleryLayout?: JSX.Element;\n FloatingLocalVideoGalleryLayout?: JSX.Element;\n DefaultGalleryLayout?: JSX.Element;\n FocusedContentGalleryLayout?: JSX.Element;\n OverflowGalleryTop?: JSX.Element;\n LargeGalleryLayout?: JSX.Element;\n / @conditional-compile-remove(control-bar-button-injection) /\n DefaultCustomButton?: JSX.Element;\n DtmfDialpadButton?: JSX.Element;\n};\n\n/\n Icon wrapper to use when including customizable icons inside the CallComposite.\n * This wrapper ensures the icon name is being type-checked helping ensure no typos\n * and ensure that icon is customizable through the composite API.\n \n @private\n /\nexport const CallCompositeIcon = (props: CompositeIconProps<CallCompositeIcons>): JSX.Element => <FontIcon {...props} />;\n\n/\n Icons that can be overridden for {@link CallWithChatComposite}.\n \n @public\n /\nexport type CallWithChatCompositeIcons = {\n // CallWithChat Specific Icons\n ChevronLeft?: JSX.Element;\n ControlBarChatButtonActive?: JSX.Element;\n ControlBarChatButtonInactive?: JSX.Element;\n ControlBarPeopleButton?: JSX.Element;\n Link?: JSX.Element;\n MoreDrawerMicrophones?: JSX.Element;\n MoreDrawerPeople?: JSX.Element;\n MoreDrawerSelectedMicrophone?: JSX.Element;\n MoreDrawerSelectedSpeaker?: JSX.Element;\n MoreDrawerSpeakers?: JSX.Element;\n\n // Call icons\n ControlButtonCameraOff?: JSX.Element;\n ControlButtonCameraOn?: JSX.Element;\n ControlButtonEndCall?: JSX.Element;\n ControlButtonMicOff?: JSX.Element;\n ControlButtonMicOn?: JSX.Element;\n ControlButtonOptions?: JSX.Element;\n ControlButtonScreenShareStart?: JSX.Element;\n ControlButtonScreenShareStop?: JSX.Element;\n / @conditional-compile-remove(capabilities) /\n ControlButtonCameraProhibited?: JSX.Element;\n / @conditional-compile-remove(capabilities) /\n ControlButtonMicProhibited?: JSX.Element;\n ErrorBarCallCameraAccessDenied?: JSX.Element;\n ErrorBarCallCameraAlreadyInUse?: JSX.Element;\n ErrorBarCallLocalVideoFreeze?: JSX.Element;\n ErrorBarCallMacOsCameraAccessDenied?: JSX.Element;\n ErrorBarCallMacOsMicrophoneAccessDenied?: JSX.Element;\n ErrorBarCallMicrophoneAccessDenied?: JSX.Element;\n ErrorBarCallMicrophoneMutedBySystem?: JSX.Element;\n ErrorBarCallMicrophoneUnmutedBySystem?: JSX.Element;\n ErrorBarCallNetworkQualityLow?: JSX.Element;\n ErrorBarCallNoMicrophoneFound?: JSX.Element;\n ErrorBarCallNoSpeakerFound?: JSX.Element;\n ErrorBarClear?: JSX.Element;\n HorizontalGalleryLeftButton?: JSX.Element;\n HorizontalGalleryRightButton?: JSX.Element;\n LobbyScreenConnectingToCall?: JSX.Element;\n LobbyScreenWaitingToBeAdmitted?: JSX.Element;\n LocalDeviceSettingsCamera?: JSX.Element;\n LocalDeviceSettingsMic?: JSX.Element;\n LocalDeviceSettingsSpeaker?: JSX.Element;\n LocalPreviewPlaceholder?: JSX.Element;\n Muted?: JSX.Element;\n NetworkReconnectIcon?: JSX.Element;\n NoticePageAccessDeniedTeamsMeeting?: JSX.Element;\n NoticePageJoinCallFailedDueToNoNetwork?: JSX.Element;\n NoticePageLeftCall?: JSX.Element;\n NoticePageRemovedFromCall?: JSX.Element;\n OptionsCamera?: JSX.Element;\n OptionsMic?: JSX.Element;\n OptionsSpeaker?: JSX.Element;\n ParticipantItemMicOff?: JSX.Element;\n ParticipantItemScreenShareStart?: JSX.Element;\n VideoTileMicOff?: JSX.Element;\n LocalCameraSwitch?: JSX.Element;\n / @conditional-compile-remove(control-bar-button-injection) /\n DefaultCustomButton?: JSX.Element;\n DtmfDialpadButton?: JSX.Element;\n\n // Chat icons\n EditBoxCancel?: JSX.Element;\n EditBoxSubmit?: JSX.Element;\n MessageDelivered?: JSX.Element;\n MessageEdit?: JSX.Element;\n MessageFailed?: JSX.Element;\n MessageRemove?: JSX.Element;\n MessageSeen?: JSX.Element;\n MessageSending?: JSX.Element;\n SendBoxSend?: JSX.Element;\n SendBoxSendHovered?: JSX.Element;\n SendBoxAttachFile?: JSX.Element;\n\n // Icons common to Call and Chat.\n ParticipantItemOptions?: JSX.Element;\n ParticipantItemOptionsHovered?: JSX.Element;\n};\n\n/\n Icon wrapper to use when including customizable icons inside the CallWithChatComposite.\n * This wrapper ensures the icon name is being type-checked helping ensure no typos\n * and ensure that icon is customizable through the composite API.\n \n @private\n /\nexport const CallWithChatCompositeIcon = (props: CompositeIconProps<CallWithChatCompositeIcons>): JSX.Element => <FontIcon {...props} />;\n\n/\n Icons that can be overridden in one of the composites exported by this library.\n \n See {@link ChatCompositeIcons}, {@link CallCompositeIcons} and {@link CallWithChatCompositeIcons} for more targeted types.\n \n @public\n */\nexport type CompositeIcons = ChatCompositeIcons & CallCompositeIcons & CallWithChatCompositeIcons;"]}

package/dist/dist-esm/react-composites/src/composites/common/styles/Pane.styles.js CHANGED Viewed

@@ -35,6 +35,7 @@ export const mobilePaneBackButtonStyles = {
     root: {
         border: 'none',
         minWidth: '2.5rem',
+        maxWidth: '2.875rem',
         height: '100%',
         background: 'none',
         padding: '0 1rem'

package/dist/dist-esm/react-composites/src/composites/common/styles/Pane.styles.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"Pane.styles.js","sourceRoot":"","sources":["../../../../../../../preprocess-dist/react-composites/src/composites/common/styles/Pane.styles.ts"],"names":[],"mappings":"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","sourcesContent":["// Copyright (c) Microsoft Corporation.\n// Licensed under the MIT License.\n\nimport { concatStyleSets, IButtonStyles, IStackStyles, IStackTokens } from '@fluentui/react';\nimport { CHAT_CONTAINER_MIN_WIDTH_REM } from '../constants';\nconst SIDE_PANE_PADDING_LR_REM = 0.25;\n\n/*\n @private\n /\nexport const mobilePaneStyle = {\n root: {\n width: '100%',\n height: '100%'\n }\n};\n\n/\n @private\n /\nexport const hiddenMobilePaneStyle: IStackStyles = concatStyleSets(mobilePaneStyle, {\n root: {\n display: 'none'\n }\n});\n\n/\n @private\n /\nexport const mobilePaneControlBarStyle: IStackStyles = {\n root: {\n height: '3rem'\n }\n};\n\n/\n @private\n /\nexport const mobilePaneBackButtonStyles: IButtonStyles = {\n root: {\n border: 'none',\n minWidth: '2.5rem',\n height: '100%',\n background: 'none',\n padding: '0 1rem'\n },\n rootChecked: {\n background: 'none'\n },\n rootCheckedHovered: {\n background: 'none'\n }\n};\n\n/\n @private\n /\nexport const mobilePaneHiddenIconStyles: IButtonStyles = concatStyleSets(mobilePaneBackButtonStyles, {\n root: {\n visibility: 'hidden'\n }\n});\n\n/\n @private\n /\nexport const mobilePaneButtonStyles: IButtonStyles = {\n root: {\n border: 'none',\n borderBottom: '0.125rem solid transparent',\n width: '8rem',\n height: '100%',\n background: 'none',\n padding: '0'\n },\n rootChecked: {\n background: 'none'\n },\n rootCheckedHovered: {\n background: 'none'\n },\n flexContainer: {\n flexFlow: 'column',\n display: 'contents'\n },\n label: {\n fontSize: '1rem',\n fontWeight: 100,\n lineHeight: '2rem',\n overflow: 'hidden',\n textOverflow: 'ellipsis',\n whiteSpace: 'nowrap'\n },\n labelChecked: {\n fontWeight: 600\n }\n};\n\n/\n @private\n /\nexport const hiddenStyles: IStackStyles = {\n root: {\n display: 'none'\n }\n};\n\n/\n @private\n /\nexport const sidePaneStyles = (maxWidth?: string, minWidth?: string): IStackStyles => ({\n root: {\n height: 'auto',\n width: '100%',\n padding: `0.5rem ${SIDE_PANE_PADDING_LR_REM}rem`,\n maxWidth: maxWidth ?? '21.5rem',\n minWidth: minWidth ?? `${CHAT_CONTAINER_MIN_WIDTH_REM + SIDE_PANE_PADDING_LR_REM 2}rem`\n }\n});\n\n/*\n @private\n /\nexport const availableSpaceStyles: IStackStyles = {\n root: {\n width: '100%',\n height: '100%'\n }\n};\n\n/\n @private\n */\nexport const sidePaneTokens: IStackTokens = {\n childrenGap: '0.5rem'\n};"]}
1	+ {"version":3,"file":"Pane.styles.js","sourceRoot":"","sources":["../../../../../../../preprocess-dist/react-composites/src/composites/common/styles/Pane.styles.ts"],"names":[],"mappings":"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","sourcesContent":["// Copyright (c) Microsoft Corporation.\n// Licensed under the MIT License.\n\nimport { concatStyleSets, IButtonStyles, IStackStyles, IStackTokens } from '@fluentui/react';\nimport { CHAT_CONTAINER_MIN_WIDTH_REM } from '../constants';\nconst SIDE_PANE_PADDING_LR_REM = 0.25;\n\n/*\n @private\n /\nexport const mobilePaneStyle = {\n root: {\n width: '100%',\n height: '100%'\n }\n};\n\n/\n @private\n /\nexport const hiddenMobilePaneStyle: IStackStyles = concatStyleSets(mobilePaneStyle, {\n root: {\n display: 'none'\n }\n});\n\n/\n @private\n /\nexport const mobilePaneControlBarStyle: IStackStyles = {\n root: {\n height: '3rem'\n }\n};\n\n/\n @private\n /\nexport const mobilePaneBackButtonStyles: IButtonStyles = {\n root: {\n border: 'none',\n minWidth: '2.5rem',\n maxWidth: '2.875rem',\n height: '100%',\n background: 'none',\n padding: '0 1rem'\n },\n rootChecked: {\n background: 'none'\n },\n rootCheckedHovered: {\n background: 'none'\n }\n};\n\n/\n @private\n /\nexport const mobilePaneHiddenIconStyles: IButtonStyles = concatStyleSets(mobilePaneBackButtonStyles, {\n root: {\n visibility: 'hidden'\n }\n});\n\n/\n @private\n /\nexport const mobilePaneButtonStyles: IButtonStyles = {\n root: {\n border: 'none',\n borderBottom: '0.125rem solid transparent',\n width: '8rem',\n height: '100%',\n background: 'none',\n padding: '0'\n },\n rootChecked: {\n background: 'none'\n },\n rootCheckedHovered: {\n background: 'none'\n },\n flexContainer: {\n flexFlow: 'column',\n display: 'contents'\n },\n label: {\n fontSize: '1rem',\n fontWeight: 100,\n lineHeight: '2rem',\n overflow: 'hidden',\n textOverflow: 'ellipsis',\n whiteSpace: 'nowrap'\n },\n labelChecked: {\n fontWeight: 600\n }\n};\n\n/\n @private\n /\nexport const hiddenStyles: IStackStyles = {\n root: {\n display: 'none'\n }\n};\n\n/\n @private\n /\nexport const sidePaneStyles = (maxWidth?: string, minWidth?: string): IStackStyles => ({\n root: {\n height: 'auto',\n width: '100%',\n padding: `0.5rem ${SIDE_PANE_PADDING_LR_REM}rem`,\n maxWidth: maxWidth ?? '21.5rem',\n minWidth: minWidth ?? `${CHAT_CONTAINER_MIN_WIDTH_REM + SIDE_PANE_PADDING_LR_REM 2}rem`\n }\n});\n\n/*\n @private\n /\nexport const availableSpaceStyles: IStackStyles = {\n root: {\n width: '100%',\n height: '100%'\n }\n};\n\n/\n @private\n */\nexport const sidePaneTokens: IStackTokens = {\n childrenGap: '0.5rem'\n};"]}

package/dist/dist-esm/react-composites/src/composites/common/types/CommonCallControlOptions.d.ts CHANGED Viewed

@@ -25,9 +25,7 @@ export type CommonCallControlOptions = {
      * Show or Hide Camera Button during a call
      * @defaultValue true
      */
-    cameraButton?: boolean | /* @conditional-compile-remove(PSTN-calls) */ {
-        disabled: boolean;
-    };
+    cameraButton?: boolean;
     /**
      * Show or Hide EndCall button during a call.
      * @defaultValue true
@@ -37,16 +35,12 @@ export type CommonCallControlOptions = {
      * Show or Hide Microphone button during a call.
      * @defaultValue true
      */
-    microphoneButton?: boolean | /* @conditional-compile-remove(PSTN-calls) */ {
-        disabled: boolean;
-    };
+    microphoneButton?: boolean;
     /**
      * Show or Hide Devices button during a call.
      * @defaultValue true
      */
-    devicesButton?: boolean | /* @conditional-compile-remove(PSTN-calls) */ {
-        disabled: boolean;
-    };
+    devicesButton?: boolean;
     /**
      * Show, Hide or Disable participants button during a call.
      * @defaultValue true
@@ -77,16 +71,11 @@ export type CommonCallControlOptions = {
      * Inject custom buttons in the call controls.
      */
     onFetchCustomButtonProps?: CustomCallControlButtonCallback[];
-    holdButton?: boolean | {
-        disabled: boolean;
-    };
     /**
      * Show or hide the people button in the composite control bar.
      * @defaultValue true
      */
-    peopleButton?: boolean | /* @conditional-compile-remove(PSTN-calls) */ {
-        disabled: boolean;
-    };
+    peopleButton?: boolean;
     /**
      * Show or hide the dialpad button in the composite control bar.
      */

package/dist/dist-esm/react-composites/src/composites/common/types/CommonCallControlOptions.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"CommonCallControlOptions.js","sourceRoot":"","sources":["../../../../../../../preprocess-dist/react-composites/src/composites/common/types/CommonCallControlOptions.tsx"],"names":[],"mappings":"AAAA,uCAAuC;AACvC,kCAAkC","sourcesContent":["// Copyright (c) Microsoft Corporation.\n// Licensed under the MIT License.\n\nimport { CustomCallControlButtonCallback } from '../ControlBar/CustomButton';\n\n/*\n Control bar display type for {@link CallComposite}.\n \n @public\n /\nexport type CallControlDisplayType = 'default' \| 'compact';\n\n/\n Customization options for the control bar in calling experience.\n \n @public\n /\nexport type CommonCallControlOptions = {\n /\n {@link CallControlDisplayType} to change how the call controls are displayed.\n * `'compact'` display type will decreases the size of buttons and hide the labels.\n \n @remarks\n * If the composite `formFactor` is set to `'mobile'`, the control bar will always use compact view.\n \n @defaultValue 'default'\n /\n displayType?: CallControlDisplayType;\n /\n Show or Hide Camera Button during a call\n * @defaultValue true\n /\n cameraButton?: boolean ~~\| / @conditional-compile-remove(PSTN-calls) /{\n disabled: boolean~~;\n ~~};\n~~ /\n Show or Hide EndCall button during a call.\n * @defaultValue true\n /\n endCallButton?: boolean;\n /\n Show or Hide Microphone button during a call.\n * @defaultValue true\n /\n microphoneButton?: boolean ~~\| / @conditional-compile-remove(PSTN-calls) /{\n disabled: boolean~~;\n ~~};\n~~ /\n Show or Hide Devices button during a call.\n * @defaultValue true\n /\n devicesButton?: boolean ~~\| / @conditional-compile-remove(PSTN-calls) /{\n disabled: boolean~~;\n ~~};\n~~ /\n Show, Hide or Disable participants button during a call.\n * @defaultValue true\n /\n participantsButton?: boolean \| {\n disabled: boolean;\n };\n /\n Show, Hide or Disable the screen share button during a call.\n * @defaultValue true\n /\n screenShareButton?: boolean \| {\n disabled: boolean;\n };\n / @conditional-compile-remove(PSTN-calls) / / @conditional-compile-remove(one-to-n-calling) / / @conditional-compile-remove(close-captions) / / @conditional-compile-remove(raise-hand) /\n /\n Show, Hide or disable the more button during a call.\n * @defaultValue true\n /\n moreButton?: boolean;\n / @conditional-compile-remove(raise-hand) /\n /\n Show, Hide or Disable the screen share button during a call.\n * @defaultValue true\n /\n raiseHandButton?: boolean \| {\n disabled: boolean;\n };\n / @conditional-compile-remove(control-bar-button-injection) /\n /\n Inject custom buttons in the call controls.\n /\n onFetchCustomButtonProps?: CustomCallControlButtonCallback[];\n ~~/ @conditional-compile-remove(PSTN-calls) / / @conditional-compile-remove(one-to-n-calling) /\n holdButton?: boolean \| {\n disabled: boolean;\n };\n~~ /\n Show or hide the people button in the composite control bar.\n * @defaultValue true\n /\n peopleButton?: boolean ~~\| / @conditional-compile-remove(PSTN-calls) /{\n disabled: boolean~~;\n ~~};\n / @conditional-compile-remove(dtmf-dialer) /\n~~ /\n Show or hide the dialpad button in the composite control bar.\n */\n dtmfDialerButton?: boolean \| {\n disabled: boolean;\n };\n};"]}
1	+ {"version":3,"file":"CommonCallControlOptions.js","sourceRoot":"","sources":["../../../../../../../preprocess-dist/react-composites/src/composites/common/types/CommonCallControlOptions.tsx"],"names":[],"mappings":"AAAA,uCAAuC;AACvC,kCAAkC","sourcesContent":["// Copyright (c) Microsoft Corporation.\n// Licensed under the MIT License.\n\nimport { CustomCallControlButtonCallback } from '../ControlBar/CustomButton';\n\n/*\n Control bar display type for {@link CallComposite}.\n \n @public\n /\nexport type CallControlDisplayType = 'default' \| 'compact';\n\n/\n Customization options for the control bar in calling experience.\n \n @public\n /\nexport type CommonCallControlOptions = {\n /\n {@link CallControlDisplayType} to change how the call controls are displayed.\n * `'compact'` display type will decreases the size of buttons and hide the labels.\n \n @remarks\n * If the composite `formFactor` is set to `'mobile'`, the control bar will always use compact view.\n \n @defaultValue 'default'\n /\n displayType?: CallControlDisplayType;\n /\n Show or Hide Camera Button during a call\n * @defaultValue true\n /\n cameraButton?: boolean;\n /\n Show or Hide EndCall button during a call.\n * @defaultValue true\n /\n endCallButton?: boolean;\n /\n Show or Hide Microphone button during a call.\n * @defaultValue true\n /\n microphoneButton?: boolean;\n /\n Show or Hide Devices button during a call.\n * @defaultValue true\n /\n devicesButton?: boolean;\n /\n Show, Hide or Disable participants button during a call.\n * @defaultValue true\n /\n participantsButton?: boolean \| {\n disabled: boolean;\n };\n /\n Show, Hide or Disable the screen share button during a call.\n * @defaultValue true\n /\n screenShareButton?: boolean \| {\n disabled: boolean;\n };\n / @conditional-compile-remove(PSTN-calls) / / @conditional-compile-remove(one-to-n-calling) / / @conditional-compile-remove(close-captions) / / @conditional-compile-remove(raise-hand) /\n /\n Show, Hide or disable the more button during a call.\n * @defaultValue true\n /\n moreButton?: boolean;\n / @conditional-compile-remove(raise-hand) /\n /\n Show, Hide or Disable the screen share button during a call.\n * @defaultValue true\n /\n raiseHandButton?: boolean \| {\n disabled: boolean;\n };\n / @conditional-compile-remove(control-bar-button-injection) /\n /\n Inject custom buttons in the call controls.\n /\n onFetchCustomButtonProps?: CustomCallControlButtonCallback[];\n /\n Show or hide the people button in the composite control bar.\n * @defaultValue true\n /\n peopleButton?: boolean;\n /\n Show or hide the dialpad button in the composite control bar.\n */\n dtmfDialerButton?: boolean \| {\n disabled: boolean;\n };\n};"]}

package/dist/dist-esm/react-composites/src/composites/localization/locales/ar-SA/strings.json CHANGED Viewed

@@ -52,6 +52,7 @@
         "peopleButtonLabel": "الأشخاص",
         "selectedPeopleButtonLabel": "تم تحديد زر الأشخاص",
         "peoplePaneTitle": "الأشخاص",
+        "peoplePaneMoreButtonAriaLabel": "المزيد",
         "peopleButtonTooltipOpen": "إظهار المشاركين",
         "peopleButtonTooltipClose": "إخفاء المشاركين",
         "peoplePaneSubTitle": "في هذه المكالمة {numberOfPeople}",
@@ -65,6 +66,7 @@
         "stopSpotlightParticipantListMenuLabel": "التوقف عن تسليط الضوء",
         "stopSpotlightOnSelfParticipantListMenuLabel": "الخروج من وضع تسليط الضوء",
         "spotlightLimitReachedParticipantListMenuTitle": "تم الوصول إلى الحد الأقصى لتسليط الضوء",
+        "stopAllSpotlightMenuLabel": "إيقاف جميع عمليات تسليط الضوء",
         "returnToCallButtonAriaDescription": "رجوع إلى المكالمة",
         "returnToCallButtonAriaLabel": "رجوع",
         "roomNotFoundDetails": "تعذر العثور على معرف الغرفة الذي تم توفيره.",
@@ -311,14 +313,16 @@
             "startSpotlightOnSelfText": "ستبرز مقطع الفيديو الخاص بك لجميع المشاركين في الاجتماع.",
             "startSpotlightConfirmButtonLabel": "تسليط الضوء للجميع",
             "startSpotlightCancelButtonLabel": "إلغاء",
-            "stopSpotlightHeading": "هل تريد إيقاف تسليط الضوء؟",
+            "stopSpotlightHeading": "هل تريد إيقاف تسليط الضوء على مقطع الفيديو هذا؟",
             "stopSpotlightOnSelfHeading": "هل تريد إنهاء تسليط الضوء؟",
             "stopSpotlightText": "لن يتم تمييز الفيديو الخاص بك بعد الآن لجميع المشاركين في الاجتماع.",
             "stopSpotlightOnSelfText": "لن يتم تمييز الفيديو الخاص بك بعد الآن لجميع المشاركين في الاجتماع.",
             "stopSpotlightConfirmButtonLabel": "التوقف عن تسليط الضوء",
             "stopSpotlightOnSelfConfirmButtonLabel": "الخروج من وضع تسليط الضوء",
             "stopSpotlightCancelButtonLabel": "إلغاء"
-        }
+        },
+        "exitSpotlightButtonLabel": "الخروج من وضع تسليط الضوء",
+        "exitSpotlightButtonTooltip": "الخروج من وضع تسليط الضوء"
     },
     "chat": {
         "chatListHeader": "في هذه الدردشة",

package/dist/dist-esm/react-composites/src/composites/localization/locales/cs-CZ/strings.json CHANGED Viewed

@@ -52,6 +52,7 @@
         "peopleButtonLabel": "Lidé",
         "selectedPeopleButtonLabel": "Vybráno tlačítko Lidé",
         "peoplePaneTitle": "Lidé",
+        "peoplePaneMoreButtonAriaLabel": "Více",
         "peopleButtonTooltipOpen": "Zobrazit účastníky",
         "peopleButtonTooltipClose": "Skrýt účastníky",
         "peoplePaneSubTitle": "V tomto hovoru {numberOfPeople}",
@@ -65,6 +66,7 @@
         "stopSpotlightParticipantListMenuLabel": "Zastavit přidávání do hlavního výběru",
         "stopSpotlightOnSelfParticipantListMenuLabel": "Ukončit hlavní výběr",
         "spotlightLimitReachedParticipantListMenuTitle": "Dosáhlo se limitu hlavního výběru",
+        "stopAllSpotlightMenuLabel": "Zastavit všechny výběry",
         "returnToCallButtonAriaDescription": "Pokračovat v hovoru",
         "returnToCallButtonAriaLabel": "Zpět",
         "roomNotFoundDetails": "Zadané ID místnosti se nepovedlo najít.",
@@ -311,14 +313,16 @@
             "startSpotlightOnSelfText": "Vaše video se zvýrazní všem účastníkům schůzky.",
             "startSpotlightConfirmButtonLabel": "Přidat do hlavního výběru všem",
             "startSpotlightCancelButtonLabel": "Zrušit",
-            "stopSpotlightHeading": "Zastavit přidávání do hlavního výběru?",
+            "stopSpotlightHeading": "Chcete přestat zobrazovat toto video v hlavním výběru?",
             "stopSpotlightOnSelfHeading": "Ukončit hlavní výběr?",
             "stopSpotlightText": "Účastníkům se už toto video nebude zvýrazňovat.",
             "stopSpotlightOnSelfText": "Účastníkům se už vaše video nebude zvýrazňovat.",
             "stopSpotlightConfirmButtonLabel": "Zastavit přidávání do hlavního výběru",
             "stopSpotlightOnSelfConfirmButtonLabel": "Ukončit hlavní výběr",
             "stopSpotlightCancelButtonLabel": "Zrušit"
-        }
+        },
+        "exitSpotlightButtonLabel": "Ukončit hlavní výběr",
+        "exitSpotlightButtonTooltip": "Ukončit hlavní výběr"
     },
     "chat": {
         "chatListHeader": "V tomto chatu",

package/dist/dist-esm/react-composites/src/composites/localization/locales/de-DE/strings.json CHANGED Viewed

@@ -52,6 +52,7 @@
         "peopleButtonLabel": "Kontakte",
         "selectedPeopleButtonLabel": "Schaltfläche \"Personen\" ausgewählt",
         "peoplePaneTitle": "Kontakte",
+        "peoplePaneMoreButtonAriaLabel": "Mehr",
         "peopleButtonTooltipOpen": "Teilnehmende anzeigen",
         "peopleButtonTooltipClose": "Teilnehmende ausblenden",
         "peoplePaneSubTitle": "In diesem Anruf {numberOfPeople}",
@@ -65,6 +66,7 @@
         "stopSpotlightParticipantListMenuLabel": "Spotlight beenden",
         "stopSpotlightOnSelfParticipantListMenuLabel": "Spotlight beenden",
         "spotlightLimitReachedParticipantListMenuTitle": "Spotlight-Limit erreicht",
+        "stopAllSpotlightMenuLabel": "Alle Spotlights beenden",
         "returnToCallButtonAriaDescription": "Zurück zum Anruf",
         "returnToCallButtonAriaLabel": "Zurück",
         "roomNotFoundDetails": "Die angegebene Raum-ID wurde nicht gefunden.",
@@ -311,14 +313,16 @@
             "startSpotlightOnSelfText": "Sie setzen Ihr Video für alle Teilnehmer der Besprechung ins Spotlight.",
             "startSpotlightConfirmButtonLabel": "Spotlight für alle",
             "startSpotlightCancelButtonLabel": "Abbrechen",
-            "stopSpotlightHeading": "Spotlight beenden",
+            "stopSpotlightHeading": "Dieses Video aus dem Spotlight nehmen?",
             "stopSpotlightOnSelfHeading": "Spotlight verlassen?",
             "stopSpotlightText": "Dieses Video wird nicht mehr für alle Teilnehmer der Besprechung hervorgehoben.",
             "stopSpotlightOnSelfText": "Ihr Video wird nicht mehr für alle Teilnehmer der Besprechung hervor gehoben.",
             "stopSpotlightConfirmButtonLabel": "Spotlight beenden",
             "stopSpotlightOnSelfConfirmButtonLabel": "Spotlight beenden",
             "stopSpotlightCancelButtonLabel": "Abbrechen"
-        }
+        },
+        "exitSpotlightButtonLabel": "Spotlight beenden",
+        "exitSpotlightButtonTooltip": "Spotlight beenden"
     },
     "chat": {
         "chatListHeader": "In diesem Chat",

package/dist/dist-esm/react-composites/src/composites/localization/locales/en-GB/strings.json CHANGED Viewed

@@ -52,6 +52,7 @@
         "peopleButtonLabel": "People",
         "selectedPeopleButtonLabel": "People Button Selected",
         "peoplePaneTitle": "People",
+        "peoplePaneMoreButtonAriaLabel": "More",
         "peopleButtonTooltipOpen": "Show participants",
         "peopleButtonTooltipClose": "Hide participants",
         "peoplePaneSubTitle": "In this call {numberOfPeople}",
@@ -65,6 +66,7 @@
         "stopSpotlightParticipantListMenuLabel": "Stop spotlighting",
         "stopSpotlightOnSelfParticipantListMenuLabel": "Exit spotlight",
         "spotlightLimitReachedParticipantListMenuTitle": "Spotlight limit reached",
+        "stopAllSpotlightMenuLabel": "Stop all spotlights",
         "returnToCallButtonAriaDescription": "Return to Call",
         "returnToCallButtonAriaLabel": "Back",
         "roomNotFoundDetails": "The room ID provided could not be found.",
@@ -311,14 +313,16 @@
             "startSpotlightOnSelfText": "You'll highlight your video for everyone in the meeting.",
             "startSpotlightConfirmButtonLabel": "Spotlight for everyone",
             "startSpotlightCancelButtonLabel": "Cancel",
-            "stopSpotlightHeading": "Stop spotlighting?",
+            "stopSpotlightHeading": "Stop spotlighting this video?",
             "stopSpotlightOnSelfHeading": "Exit spotlight?",
             "stopSpotlightText": "This video will no longer be highlighted for everyone in the meeting.",
             "stopSpotlightOnSelfText": "Your video will no longer be highlighted for everyone in the meeting.",
             "stopSpotlightConfirmButtonLabel": "Stop spotlighting",
             "stopSpotlightOnSelfConfirmButtonLabel": "Exit spotlight",
             "stopSpotlightCancelButtonLabel": "Cancel"
-        }
+        },
+        "exitSpotlightButtonLabel": "Exit spotlight",
+        "exitSpotlightButtonTooltip": "Exit spotlight"
     },
     "chat": {
         "chatListHeader": "In this chat",

package/dist/dist-esm/react-composites/src/composites/localization/locales/en-US/strings.json CHANGED Viewed

@@ -52,6 +52,7 @@
         "peopleButtonLabel": "People",
         "selectedPeopleButtonLabel": "People Button Selected",
         "peoplePaneTitle": "People",
+        "peoplePaneMoreButtonAriaLabel": "More",
         "peopleButtonTooltipOpen": "Show participants",
         "peopleButtonTooltipClose": "Hide participants",
         "peoplePaneSubTitle": "In this call {numberOfPeople}",
@@ -65,6 +66,7 @@
         "stopSpotlightParticipantListMenuLabel": "Stop spotlighting",
         "stopSpotlightOnSelfParticipantListMenuLabel": "Exit spotlight",
         "spotlightLimitReachedParticipantListMenuTitle": "Spotlight limit reached",
+        "stopAllSpotlightMenuLabel": "Stop all spotlights",
         "returnToCallButtonAriaDescription": "Return to Call",
         "returnToCallButtonAriaLabel": "Back",
         "roomNotFoundDetails": "The room ID provided could not be found.",