@azure/communication-react 1.16.0-beta.1 → 1.16.1

package/dist/dist-esm/react-composites/src/composites/common/PeoplePaneContent.js.map

@@ -1 +1 @@
-{"version":3,"file":"PeoplePaneContent.js","sourceRoot":"","sources":["../../../../../../preprocess-dist/react-composites/src/composites/common/PeoplePaneContent.tsx"],"names":[],"mappings":"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","sourcesContent":["// Copyright (c) Microsoft Corporation.\n// Licensed under the MIT License.\n\nimport { IContextualMenuItem, Stack } from '@fluentui/react';\n/* @conditional-compile-remove(spotlight) */\nimport { IContextualMenuProps } from '@fluentui/react';\nimport { ParticipantList, ParticipantListParticipant, ParticipantListProps, ParticipantMenuItemsCallback, _DrawerMenuItemProps } from '@internal/react-components';\nimport React, { useCallback, useMemo } from 'react';\nimport { CallWithChatCompositeStrings } from '../CallWithChatComposite';\nimport { usePropsFor } from '../CallComposite/hooks/usePropsFor';\nimport { AvatarPersonaDataCallback } from '../common/AvatarPersona';\nimport { ParticipantListWithHeading } from '../common/ParticipantContainer';\nimport { peoplePaneContainerTokens } from '../common/styles/ParticipantContainer.styles';\nimport { participantListContainerStyles, peoplePaneContainerStyle } from './styles/PeoplePaneContent.styles';\nimport { convertContextualMenuItemToDrawerMenuItem } from './ConvertContextualMenuItemToDrawerMenuItem';\nimport { CommonCallAdapter } from '../CallComposite';\n/* @conditional-compile-remove(one-to-n-calling) @conditional-compile-remove(PSTN-calls) */\nimport { CallCompositeStrings } from '../CallComposite';\nimport { AddPeopleButton } from './AddPeopleButton';\n/* @conditional-compile-remove(PSTN-calls) */\nimport { PhoneNumberIdentifier } from '@azure/communication-common';\n/* @conditional-compile-remove(PSTN-calls) */\nimport { AddPhoneNumberOptions } from '@azure/communication-calling';\nimport { useAdapter } from '../CallComposite/adapter/CallAdapterProvider';\nimport { useLocale } from '../localization';\n\n/**\n * @private\n */\nexport const PeoplePaneContent = (props: {\n  inviteLink?: string;\n  onFetchAvatarPersonaData?: AvatarPersonaDataCallback;\n  onFetchParticipantMenuItems?: ParticipantMenuItemsCallback;\n  setDrawerMenuItems: (drawerMenuItems: _DrawerMenuItemProps[]) => void;\n  mobileView?: boolean;\n  /* @conditional-compile-remove(spotlight) */\n  participantListHeadingMoreButtonProps?: IContextualMenuProps;\n}): JSX.Element => {\n  const {\n    inviteLink,\n    onFetchParticipantMenuItems,\n    setDrawerMenuItems,\n    /* @conditional-compile-remove(spotlight) */participantListHeadingMoreButtonProps\n  } = props;\n  const adapter = useAdapter();\n  const localeStrings = useLocale();\n\n  // eslint-disable-next-line @typescript-eslint/explicit-function-return-type\n  const getStrings = () => {\n    /* @conditional-compile-remove(one-to-n-calling) @conditional-compile-remove(PSTN-calls) */\n    return localeStrings.strings.call;\n    return localeStrings.strings.callWithChat;\n  };\n  const strings = getStrings();\n  const removeParticipantFromCall = useCallback(async (participantId: string): Promise<void> => {\n    await adapter.removeParticipant(participantId);\n  }, [adapter]);\n\n  /* @conditional-compile-remove(PSTN-calls) */\n  const addParticipantToCall = useCallback(async (participant: PhoneNumberIdentifier, options?: AddPhoneNumberOptions): Promise<void> => {\n    await adapter.addParticipant(participant, options);\n  }, [adapter]);\n\n  /* @conditional-compile-remove(PSTN-calls) */\n  const alternateCallerId = adapter.getState().alternateCallerId;\n  const participantListDefaultProps = usePropsFor(ParticipantList);\n  const removeButtonAllowed = canRemoveParticipants(adapter);\n  const setDrawerMenuItemsForParticipant: (participant?: ParticipantListParticipant) => void = useMemo(() => {\n    return (participant?: ParticipantListParticipant) => {\n      if (participant) {\n        let contextualMenuItems: IContextualMenuItem[] = createDefaultContextualMenuItems(participant, strings, removeButtonAllowed && participant.isRemovable ? participantListDefaultProps.onRemoveParticipant : undefined, participantListDefaultProps.myUserId);\n        if (onFetchParticipantMenuItems) {\n          contextualMenuItems = onFetchParticipantMenuItems(participant.userId, participantListDefaultProps.myUserId, contextualMenuItems);\n        }\n        const drawerMenuItems = contextualMenuItems.map((contextualMenu: IContextualMenuItem) => convertContextualMenuItemToDrawerMenuItem(contextualMenu, () => setDrawerMenuItems([])));\n        setDrawerMenuItems(drawerMenuItems);\n      }\n    };\n  }, [strings, participantListDefaultProps.onRemoveParticipant, participantListDefaultProps.myUserId, removeButtonAllowed, onFetchParticipantMenuItems, setDrawerMenuItems]);\n\n  /* @conditional-compile-remove(spotlight) */\n  const setDrawerMenuItemsForParticipantListHeadingMoreButton = useMemo(() => {\n    const drawerMenuItems = participantListHeadingMoreButtonProps?.items.map((contextualMenu: IContextualMenuItem) => convertContextualMenuItemToDrawerMenuItem(contextualMenu, () => setDrawerMenuItems([])));\n    return drawerMenuItems && drawerMenuItems.length > 0 ? () => setDrawerMenuItems(drawerMenuItems) : undefined;\n  }, [participantListHeadingMoreButtonProps?.items, setDrawerMenuItems]);\n  const participantListProps: ParticipantListProps = useMemo(() => {\n    const onRemoveAParticipant = async (participantId: string): Promise<void> => removeParticipantFromCall(participantId);\n    return {\n      ...participantListDefaultProps,\n      // Passing undefined callback for mobile to avoid context menus for participants in ParticipantList are clicked\n      onRemoveParticipant: props.mobileView ? undefined : onRemoveAParticipant,\n      // We want the drawer menu items to appear when participants in ParticipantList are clicked\n      onParticipantClick: props.mobileView ? setDrawerMenuItemsForParticipant : undefined\n    };\n  }, [participantListDefaultProps, props.mobileView, setDrawerMenuItemsForParticipant, removeParticipantFromCall]);\n  const participantList = <ParticipantListWithHeading isMobile={props.mobileView} participantListProps={participantListProps} onFetchAvatarPersonaData={props.onFetchAvatarPersonaData} onFetchParticipantMenuItems={props.mobileView ? undefined : onFetchParticipantMenuItems} title={strings.peoplePaneSubTitle}\n  /* @conditional-compile-remove(spotlight) */ headingMoreButtonAriaLabel={localeStrings.strings.call.peoplePaneMoreButtonAriaLabel}\n  /* @conditional-compile-remove(spotlight) */ onClickHeadingMoreButton={props.mobileView ? setDrawerMenuItemsForParticipantListHeadingMoreButton : undefined}\n  /* @conditional-compile-remove(spotlight) */ headingMoreButtonMenuProps={props.participantListHeadingMoreButtonProps} />;\n  if (props.mobileView) {\n    return <Stack verticalFill styles={peoplePaneContainerStyle} tokens={peoplePaneContainerTokens} data-ui-id=\"people-pane-content\">\n        <Stack.Item grow styles={participantListContainerStyles}>\n          {participantList}\n        </Stack.Item>\n\n        <AddPeopleButton inviteLink={inviteLink} mobileView={props.mobileView} participantList={participantList} strings={strings}\n      /* @conditional-compile-remove(PSTN-calls) */ onAddParticipant={addParticipantToCall}\n      /* @conditional-compile-remove(PSTN-calls) */ alternateCallerId={alternateCallerId} />\n      </Stack>;\n  }\n  return <AddPeopleButton inviteLink={inviteLink} mobileView={props.mobileView} participantList={participantList} strings={strings}\n  /* @conditional-compile-remove(PSTN-calls) */ onAddParticipant={addParticipantToCall}\n  /* @conditional-compile-remove(PSTN-calls) */ alternateCallerId={alternateCallerId} />;\n};\n\n/**\n * Create default contextual menu items for particant\n * @param participant - participant to create contextual menu items for\n * @param strings - localized strings for menu item text\n * @param onRemoveParticipant - callback to remove participant\n * @param localParticipantUserId - Local participant user id\n * @returns - IContextualMenuItem[]\n */\nconst createDefaultContextualMenuItems = (participant: ParticipantListParticipant, strings: CallWithChatCompositeStrings | /* @conditional-compile-remove(one-to-n-calling) @conditional-compile-remove(PSTN-calls) */CallCompositeStrings, onRemoveParticipant?: (userId: string) => Promise<void>, localParticipantUserId?: string): IContextualMenuItem[] => {\n  const menuItems: IContextualMenuItem[] = [];\n  if (onRemoveParticipant && participant?.userId !== localParticipantUserId) {\n    menuItems.push({\n      key: 'remove',\n      text: strings.removeMenuLabel,\n      onClick: () => {\n        if (participant?.userId) {\n          onRemoveParticipant?.(participant?.userId);\n        }\n      },\n      iconProps: {\n        iconName: 'UserRemove'\n      },\n      'data-ui-id': 'participant-list-remove-participant-button'\n    });\n  }\n  return menuItems;\n};\nconst canRemoveParticipants = (adapter: CommonCallAdapter): boolean => {\n  // TODO: We should be using the removeParticipant capability here but there is an SDK bug for Rooms where a\n  // Presenter's removeParticipant capability is {isPresent: false, reason: 'CapabilityNotApplicableForTheCallType'}.\n  // But a Presenter in Rooms should be able to remove participants according to the following documentation\n  // https://learn.microsoft.com/en-us/azure/communication-services/concepts/rooms/room-concept#predefined-participant-roles-and-permissions\n  const role = adapter.getState().call?.role;\n  const canRemove = role === 'Presenter' || role === 'Unknown' || role === undefined;\n  return canRemove;\n};"]}
+{"version":3,"file":"PeoplePaneContent.js","sourceRoot":"","sources":["../../../../../../preprocess-dist/react-composites/src/composites/common/PeoplePaneContent.tsx"],"names":[],"mappings":"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","sourcesContent":["// Copyright (c) Microsoft Corporation.\n// Licensed under the MIT License.\n\nimport { IContextualMenuItem, Stack } from '@fluentui/react';\n/* @conditional-compile-remove(spotlight) */\nimport { IContextualMenuProps } from '@fluentui/react';\nimport { ParticipantList, ParticipantListParticipant, ParticipantListProps, ParticipantMenuItemsCallback, _DrawerMenuItemProps } from '@internal/react-components';\nimport React, { useCallback, useMemo } from 'react';\nimport { CallWithChatCompositeStrings } from '../CallWithChatComposite';\nimport { usePropsFor } from '../CallComposite/hooks/usePropsFor';\nimport { AvatarPersonaDataCallback } from '../common/AvatarPersona';\nimport { ParticipantListWithHeading } from '../common/ParticipantContainer';\nimport { peoplePaneContainerTokens } from '../common/styles/ParticipantContainer.styles';\nimport { participantListContainerStyles, peoplePaneContainerStyle } from './styles/PeoplePaneContent.styles';\nimport { convertContextualMenuItemToDrawerMenuItem } from './ConvertContextualMenuItemToDrawerMenuItem';\nimport { CommonCallAdapter } from '../CallComposite';\nimport { AddPeopleButton } from './AddPeopleButton';\nimport { useAdapter } from '../CallComposite/adapter/CallAdapterProvider';\nimport { useLocale } from '../localization';\n\n/**\n * @private\n */\nexport const PeoplePaneContent = (props: {\n  inviteLink?: string;\n  onFetchAvatarPersonaData?: AvatarPersonaDataCallback;\n  onFetchParticipantMenuItems?: ParticipantMenuItemsCallback;\n  setDrawerMenuItems: (drawerMenuItems: _DrawerMenuItemProps[]) => void;\n  setParticipantActioned?: (userId: string) => void;\n  mobileView?: boolean;\n  /* @conditional-compile-remove(spotlight) */\n  participantListHeadingMoreButtonProps?: IContextualMenuProps;\n}): JSX.Element => {\n  const {\n    inviteLink,\n    onFetchParticipantMenuItems,\n    setDrawerMenuItems,\n    setParticipantActioned,\n    /* @conditional-compile-remove(spotlight) */participantListHeadingMoreButtonProps\n  } = props;\n  const adapter = useAdapter();\n  const localeStrings = useLocale();\n\n  // eslint-disable-next-line @typescript-eslint/explicit-function-return-type\n  const getStrings = () => {\n    return localeStrings.strings.callWithChat;\n  };\n  const strings = getStrings();\n  const removeParticipantFromCall = useCallback(async (participantId: string): Promise<void> => {\n    await adapter.removeParticipant(participantId);\n  }, [adapter]);\n  const participantListDefaultProps = usePropsFor(ParticipantList);\n  const removeButtonAllowed = canRemoveParticipants(adapter);\n  const setDrawerMenuItemsForParticipant: (participant?: ParticipantListParticipant) => void = useMemo(() => {\n    return (participant?: ParticipantListParticipant) => {\n      if (participant) {\n        setParticipantActioned?.(participant.userId);\n        let contextualMenuItems: IContextualMenuItem[] = createDefaultContextualMenuItems(participant, strings, removeButtonAllowed && participant.isRemovable ? participantListDefaultProps.onRemoveParticipant : undefined, participantListDefaultProps.myUserId);\n        if (onFetchParticipantMenuItems) {\n          contextualMenuItems = onFetchParticipantMenuItems(participant.userId, participantListDefaultProps.myUserId, contextualMenuItems);\n        }\n        const drawerMenuItems = contextualMenuItems.map((contextualMenu: IContextualMenuItem) => convertContextualMenuItemToDrawerMenuItem(contextualMenu, () => setDrawerMenuItems([])));\n        setDrawerMenuItems(drawerMenuItems);\n      }\n    };\n  }, [strings, participantListDefaultProps.onRemoveParticipant, participantListDefaultProps.myUserId, removeButtonAllowed, onFetchParticipantMenuItems, setDrawerMenuItems, setParticipantActioned]);\n\n  /* @conditional-compile-remove(spotlight) */\n  const setDrawerMenuItemsForParticipantListHeadingMoreButton = useMemo(() => {\n    const drawerMenuItems = participantListHeadingMoreButtonProps?.items.map((contextualMenu: IContextualMenuItem) => convertContextualMenuItemToDrawerMenuItem(contextualMenu, () => setDrawerMenuItems([])));\n    return drawerMenuItems && drawerMenuItems.length > 0 ? () => setDrawerMenuItems(drawerMenuItems) : undefined;\n  }, [participantListHeadingMoreButtonProps?.items, setDrawerMenuItems]);\n  const participantListProps: ParticipantListProps = useMemo(() => {\n    const onRemoveAParticipant = async (participantId: string): Promise<void> => removeParticipantFromCall(participantId);\n    return {\n      ...participantListDefaultProps,\n      // Passing undefined callback for mobile to avoid context menus for participants in ParticipantList are clicked\n      onRemoveParticipant: props.mobileView ? undefined : onRemoveAParticipant,\n      // We want the drawer menu items to appear when participants in ParticipantList are clicked\n      onParticipantClick: props.mobileView ? setDrawerMenuItemsForParticipant : undefined\n    };\n  }, [participantListDefaultProps, props.mobileView, setDrawerMenuItemsForParticipant, removeParticipantFromCall]);\n  const participantList = <ParticipantListWithHeading isMobile={props.mobileView} participantListProps={participantListProps} onFetchAvatarPersonaData={props.onFetchAvatarPersonaData} onFetchParticipantMenuItems={props.mobileView ? undefined : onFetchParticipantMenuItems} title={strings.peoplePaneSubTitle}\n  /* @conditional-compile-remove(spotlight) */ headingMoreButtonAriaLabel={localeStrings.strings.call.peoplePaneMoreButtonAriaLabel}\n  /* @conditional-compile-remove(spotlight) */ onClickHeadingMoreButton={props.mobileView ? setDrawerMenuItemsForParticipantListHeadingMoreButton : undefined}\n  /* @conditional-compile-remove(spotlight) */ headingMoreButtonMenuProps={props.participantListHeadingMoreButtonProps} />;\n  if (props.mobileView) {\n    return <Stack verticalFill styles={peoplePaneContainerStyle} tokens={peoplePaneContainerTokens} data-ui-id=\"people-pane-content\">\n        <Stack.Item grow styles={participantListContainerStyles}>\n          {participantList}\n        </Stack.Item>\n\n        <AddPeopleButton inviteLink={inviteLink} mobileView={props.mobileView} participantList={participantList} strings={strings} />\n      </Stack>;\n  }\n  return <AddPeopleButton inviteLink={inviteLink} mobileView={props.mobileView} participantList={participantList} strings={strings} />;\n};\n\n/**\n * Create default contextual menu items for particant\n * @param participant - participant to create contextual menu items for\n * @param strings - localized strings for menu item text\n * @param onRemoveParticipant - callback to remove participant\n * @param localParticipantUserId - Local participant user id\n * @returns - IContextualMenuItem[]\n */\nconst createDefaultContextualMenuItems = (participant: ParticipantListParticipant, strings: CallWithChatCompositeStrings, onRemoveParticipant?: (userId: string) => Promise<void>, localParticipantUserId?: string): IContextualMenuItem[] => {\n  const menuItems: IContextualMenuItem[] = [];\n  if (onRemoveParticipant && participant?.userId !== localParticipantUserId) {\n    menuItems.push({\n      key: 'remove',\n      text: strings.removeMenuLabel,\n      onClick: () => {\n        if (participant?.userId) {\n          onRemoveParticipant?.(participant?.userId);\n        }\n      },\n      iconProps: {\n        iconName: 'UserRemove'\n      },\n      'data-ui-id': 'participant-list-remove-participant-button'\n    });\n  }\n  return menuItems;\n};\nconst canRemoveParticipants = (adapter: CommonCallAdapter): boolean => {\n  // TODO: We should be using the removeParticipant capability here but there is an SDK bug for Rooms where a\n  // Presenter's removeParticipant capability is {isPresent: false, reason: 'CapabilityNotApplicableForTheCallType'}.\n  // But a Presenter in Rooms should be able to remove participants according to the following documentation\n  // https://learn.microsoft.com/en-us/azure/communication-services/concepts/rooms/room-concept#predefined-participant-roles-and-permissions\n  const role = adapter.getState().call?.role;\n  const canRemove = role === 'Presenter' || role === 'Unknown' || role === undefined;\n  return canRemove;\n};"]}

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

@@ -32,7 +32,7 @@ export const SidePaneHeader = (props) => {
         return React.createElement(SidePaneMobileHeader, Object.assign({}, props));
     }
     return React.createElement(Stack, { horizontal: true, horizontalAlign: "space-between", styles: sidePaneHeaderContainerStyles, verticalAlign: "center" },
-        React.createElement(Stack.Item, { role: "heading", styles: sidePaneHeaderStyles, "aria-label": props.headingText }, props.headingText),
+        React.createElement(Stack.Item, { role: "heading", styles: sidePaneHeaderStyles, "aria-label": props.headingText, "aria-level": 2 }, props.headingText),
         React.createElement(Stack.Item, null,
             React.createElement(CommandBarButton, { ariaLabel: props.dismissSidePaneButtonAriaLabel, styles: sidePaneCloseButtonStyles, iconProps: {
                     iconName: 'cancel'

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

@@ -1 +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} aria-label={props.headingText}>\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};"]}
+{"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} aria-label={props.headingText} aria-level={2}>\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};"]}

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

@@ -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;
@@ -82,9 +81,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;
@@ -108,28 +104,14 @@ 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;
-    CancelAttachmentUpload: React.JSX.Element;
-    DownloadAttachment: React.JSX.Element;
-    OpenAttachment: React.JSX.Element;
-    AttachmentMoreMenu: React.JSX.Element;
-    DataLossPreventionProhibited: React.JSX.Element;
     ErrorBarCallVideoRecoveredBySystem: React.JSX.Element;
     ErrorBarCallVideoStoppedBySystem: React.JSX.Element;
     MessageResend: React.JSX.Element;
     ParticipantItemSpotlighted: 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;
@@ -157,20 +139,6 @@ export declare const DEFAULT_COMPOSITE_ICONS: {
     StartSpotlightContextualMenuItem: React.JSX.Element;
     StopSpotlightContextualMenuItem: React.JSX.Element;
     VideoTileSpotlighted: React.JSX.Element;
-    RichTextBoldButtonIcon: React.JSX.Element;
-    RichTextItalicButtonIcon: React.JSX.Element;
-    RichTextUnderlineButtonIcon: React.JSX.Element;
-    RichTextBulletListButtonIcon: React.JSX.Element;
-    RichTextNumberListButtonIcon: React.JSX.Element;
-    RichTextIndentDecreaseButtonIcon: React.JSX.Element;
-    RichTextIndentIncreaseButtonIcon: React.JSX.Element;
-    RichTextDividerIcon: React.JSX.Element;
-    RichTextEditorButtonIcon: React.JSX.Element;
-    RichTextEditorButtonIconFilled: React.JSX.Element;
-    RichTextInsertTableRegularIcon: React.JSX.Element;
-    RichTextInsertTableFilledIcon: React.JSX.Element;
-    RichTextTableInsertMenuIcon: React.JSX.Element;
-    RichTextTableDeleteMenuIcon: React.JSX.Element;
 };
 /** @private */
 export type CompositeIconProps<Icons> = IIconProps & {
@@ -194,7 +162,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.
@@ -269,9 +236,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;
@@ -354,9 +318,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

@@ -5,15 +5,11 @@ import { CallEnd20Filled, CallMissed20Filled, CameraSwitch24Regular, Chat20Fille
 import { MoreHorizontal20Filled, VideoPersonStarOff20Filled } from '@fluentui/react-icons';
 import { MicProhibited20Filled, VideoProhibited20Filled } from '@fluentui/react-icons';
 import { Grid20Regular } from '@fluentui/react-icons';
-/* @conditional-compile-remove(PSTN-calls) */
-import { PersonAdd20Regular, Call20Regular } from '@fluentui/react-icons';
 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(attachment-upload) */
-import { Attach20Regular } from '@fluentui/react-icons';
 import { VideoBackgroundEffect20Regular, VideoPerson20Filled } from '@fluentui/react-icons';
 import { PersonSquare20Regular, WindowHeaderHorizontal20Regular, TableSimple20Regular, BoardSplit20Regular, ContentView20Regular, Table20Regular } from '@fluentui/react-icons';
 const SpinnerIcon = () => React.createElement(Spinner, { size: SpinnerSize.large });
@@ -55,14 +51,6 @@ export const COMPOSITE_ONLY_ICONS = {
     NoticePageRoomNotValid: React.createElement(Info20Filled, null),
     NoticePageCallRejected: React.createElement(Info20Filled, null),
     NoticePageCallTimeout: React.createElement(Info20Filled, null),
-    /* @conditional-compile-remove(attachment-upload) */
-    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),
     NoticePageInviteToRoomRemoved: React.createElement(Info20Filled, null),
     BlurVideoBackground: React.createElement(VideoBackgroundEffect20Regular, null),
     RemoveVideoBackgroundEffect: React.createElement(VideoPerson20Filled, null),

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

@@ -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(spotlight) */\nimport { MoreHorizontal20Filled, VideoPersonStarOff20Filled } from '@fluentui/react-icons';\nimport { MicProhibited20Filled, VideoProhibited20Filled } from '@fluentui/react-icons';\nimport { Grid20Regular } from '@fluentui/react-icons';\n/* @conditional-compile-remove(PSTN-calls) */\nimport { PersonAdd20Regular, Call20Regular } 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(attachment-upload) */\nimport { Attach20Regular } from '@fluentui/react-icons';\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  ControlButtonCameraProhibited: <VideoProhibited20Filled />,\n  ControlButtonMicProhibited: <MicProhibited20Filled />,\n  /* @conditional-compile-remove(spotlight) */\n  ControlButtonExitSpotlight: <VideoPersonStarOff20Filled />,\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  NoticePageNotInvitedToRoom: <Info20Filled />,\n  NoticePageRoomNotFound: <Info20Filled />,\n  NoticePageRoomNotValid: <Info20Filled />,\n  NoticePageCallRejected: <Info20Filled />,\n  NoticePageCallTimeout: <Info20Filled />,\n  /* @conditional-compile-remove(attachment-upload) */\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  NoticePageInviteToRoomRemoved: <Info20Filled />,\n  BlurVideoBackground: <VideoBackgroundEffect20Regular />,\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  DefaultCustomButton: <Circle20Regular />,\n  DtmfDialpadButton: <Dialpad20Regular />,\n  /* @conditional-compile-remove(spotlight) */\n  PeoplePaneMoreButton: <MoreHorizontal20Filled />,\n  /* @conditional-compile-remove(spotlight) */\n  StopAllSpotlightMenuButton: <VideoPersonStarOff20Filled />\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(attachment-upload) */\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  ControlButtonCameraProhibited?: JSX.Element;\n  ControlButtonMicProhibited?: JSX.Element;\n  ControlButtonRaiseHand?: JSX.Element;\n  ControlButtonLowerHand?: JSX.Element;\n  /* @conditional-compile-remove(spotlight) */\n  ControlButtonExitSpotlight?: JSX.Element;\n  RaiseHandContextualMenuItem?: JSX.Element;\n  ReactionContextualMenuItem?: JSX.Element;\n  LowerHandContextualMenuItem?: JSX.Element;\n  ReactionButtonIcon?: 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  NoticePageCallRejected?: JSX.Element;\n  NoticePageNotInvitedToRoom?: JSX.Element;\n  NoticePageRoomNotFound?: JSX.Element;\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  NoticePageInviteToRoomRemoved?: JSX.Element;\n  BlurVideoBackground?: JSX.Element;\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  DefaultCustomButton?: JSX.Element;\n  DtmfDialpadButton?: JSX.Element;\n  /* @conditional-compile-remove(spotlight) */\n  PeoplePaneMoreButton?: JSX.Element;\n  /* @conditional-compile-remove(spotlight) */\n  StopAllSpotlightMenuButton?: 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  ControlButtonCameraProhibited?: JSX.Element;\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  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  /* @conditional-compile-remove(spotlight) */\n  PeoplePaneMoreButton?: JSX.Element;\n  /* @conditional-compile-remove(spotlight) */\n  StopAllSpotlightMenuButton?: 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;"]}
+{"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(spotlight) */\nimport { MoreHorizontal20Filled, VideoPersonStarOff20Filled } from '@fluentui/react-icons';\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';\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  ControlButtonCameraProhibited: <VideoProhibited20Filled />,\n  ControlButtonMicProhibited: <MicProhibited20Filled />,\n  /* @conditional-compile-remove(spotlight) */\n  ControlButtonExitSpotlight: <VideoPersonStarOff20Filled />,\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  NoticePageNotInvitedToRoom: <Info20Filled />,\n  NoticePageRoomNotFound: <Info20Filled />,\n  NoticePageRoomNotValid: <Info20Filled />,\n  NoticePageCallRejected: <Info20Filled />,\n  NoticePageCallTimeout: <Info20Filled />,\n  NoticePageInviteToRoomRemoved: <Info20Filled />,\n  BlurVideoBackground: <VideoBackgroundEffect20Regular />,\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  DefaultCustomButton: <Circle20Regular />,\n  DtmfDialpadButton: <Dialpad20Regular />,\n  /* @conditional-compile-remove(spotlight) */\n  PeoplePaneMoreButton: <MoreHorizontal20Filled />,\n  /* @conditional-compile-remove(spotlight) */\n  StopAllSpotlightMenuButton: <VideoPersonStarOff20Filled />\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  ControlButtonCameraProhibited?: JSX.Element;\n  ControlButtonMicProhibited?: JSX.Element;\n  ControlButtonRaiseHand?: JSX.Element;\n  ControlButtonLowerHand?: JSX.Element;\n  /* @conditional-compile-remove(spotlight) */\n  ControlButtonExitSpotlight?: JSX.Element;\n  RaiseHandContextualMenuItem?: JSX.Element;\n  ReactionContextualMenuItem?: JSX.Element;\n  LowerHandContextualMenuItem?: JSX.Element;\n  ReactionButtonIcon?: 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  NoticePageCallRejected?: JSX.Element;\n  NoticePageNotInvitedToRoom?: JSX.Element;\n  NoticePageRoomNotFound?: JSX.Element;\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  NoticePageInviteToRoomRemoved?: JSX.Element;\n  BlurVideoBackground?: JSX.Element;\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  DefaultCustomButton?: JSX.Element;\n  DtmfDialpadButton?: JSX.Element;\n  /* @conditional-compile-remove(spotlight) */\n  PeoplePaneMoreButton?: JSX.Element;\n  /* @conditional-compile-remove(spotlight) */\n  StopAllSpotlightMenuButton?: 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  ControlButtonCameraProhibited?: JSX.Element;\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  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  /* @conditional-compile-remove(spotlight) */\n  PeoplePaneMoreButton?: JSX.Element;\n  /* @conditional-compile-remove(spotlight) */\n  StopAllSpotlightMenuButton?: 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/types/CommonCallControlOptions.d.ts

@@ -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
@@ -43,16 +41,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
@@ -90,16 +84,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.
      */
@@ -110,10 +99,5 @@ export type CommonCallControlOptions = {
      * Show or hide the exit spotlight button in the composite control bar when local participant is spotlighted.
      */
     exitSpotlightButton?: boolean;
-    /**
-     * Show, Hide or Disable captions during a call.
-     * @defaultValue true
-     */
-    captionsButton?: boolean;
 };
 //# sourceMappingURL=CommonCallControlOptions.d.ts.map

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

@@ -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 | /* @conditional-compile-remove(end-call-options) */{\n    /**\n     * whether to make end call button to trigger a menu, which will enable end call for everybody functionality.\n     * @defaultValue false\n     */\n    hangUpForEveryone?: false | 'endCallOptions';\n  };\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  /**\n   * Show, Hide or disable the more button during a call.\n   * @defaultValue true\n   */\n  moreButton?: boolean;\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  /**\n   * Show, Hide or Disable the reaction button during a call.\n   * @defaultValue true\n   */\n  reactionButton?: boolean | {\n    disabled: boolean;\n  };\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  /**\n   * Show or hide the dialpad button in the composite control bar.\n   */\n  dtmfDialerButton?: boolean | {\n    disabled: boolean;\n  };\n  /* @conditional-compile-remove(spotlight) */\n  /**\n   * Show or hide the exit spotlight button in the composite control bar when local participant is spotlighted.\n   */\n  exitSpotlightButton?: boolean;\n  /* @conditional-compile-remove(acs-close-captions) */\n  /**\n   * Show, Hide or Disable captions during a call.\n   * @defaultValue true\n   */\n  captionsButton?: boolean;\n};"]}
+{"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 | /* @conditional-compile-remove(end-call-options) */{\n    /**\n     * whether to make end call button to trigger a menu, which will enable end call for everybody functionality.\n     * @defaultValue false\n     */\n    hangUpForEveryone?: false | 'endCallOptions';\n  };\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  /**\n   * Show, Hide or disable the more button during a call.\n   * @defaultValue true\n   */\n  moreButton?: boolean;\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  /**\n   * Show, Hide or Disable the reaction button during a call.\n   * @defaultValue true\n   */\n  reactionButton?: boolean | {\n    disabled: boolean;\n  };\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  /* @conditional-compile-remove(spotlight) */\n  /**\n   * Show or hide the exit spotlight button in the composite control bar when local participant is spotlighted.\n   */\n  exitSpotlightButton?: boolean;\n};"]}

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

@@ -244,6 +244,10 @@
             "shareScreen": {
                 "lostDueToRoleChangeToAttendee": "تم تغيير دورك. لن تتوفر بعض الإجراءات، مثل مشاركة المحتوى، لك.",
                 "grantedDueToRoleChangeToPresenter": "أنت مقدم العرض. يمكنك مشاركة المحتوى وتسهيل الاجتماع."
+            },
+            "hideAttendeeNames": {
+                "hideAttendeeNameAttendee": "اسمك مخفي عن الحضور الآخرين. يمكن للمنظمين والمقدمين رؤية اسمك الحقيقي.",
+                "hideAttendeeNamePresenter": "أسماء الحضور مخفية. يمكن للمنظمين والمقدمين فقط رؤية الأسماء لحماية خصوصية الحضور."
             }
         },
         "surveyTitle": "ساعدنا في تحسين خدماتنا",

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

@@ -244,6 +244,10 @@
             "shareScreen": {
                 "lostDueToRoleChangeToAttendee": "Vaše role se změnila. Některé akce, jako je sdílení obsahu, pro vás nebudou k dispozici.",
                 "grantedDueToRoleChangeToPresenter": "Jste prezentující. Můžete sdílet obsah a moderovat schůzku."
+            },
+            "hideAttendeeNames": {
+                "hideAttendeeNameAttendee": "Vaše jméno je před ostatními účastníky skryté. Organizátoři a přednášející uvidí vaše skutečné jméno.",
+                "hideAttendeeNamePresenter": "Jména účastníků jsou skrytá. Pro ochranu soukromí účastníků uvidí jména jenom organizátoři a přednášející."
             }
         },
         "surveyTitle": "Pomozte nám se zlepšovat",

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

@@ -244,6 +244,10 @@
             "shareScreen": {
                 "lostDueToRoleChangeToAttendee": "Ihre Rolle wurde geändert. Einige Aktionen, z. B. das Teilen von Inhalten, stehen Ihnen nicht zur Verfügung.",
                 "grantedDueToRoleChangeToPresenter": "Sie sind Referent. Sie können Inhalte teilen und die Besprechung unterstützen."
+            },
+            "hideAttendeeNames": {
+                "hideAttendeeNameAttendee": "Ihr Name ist für andere Teilnehmer ausgeblendet. Organisatoren und Referenten können Ihren richtigen Namen sehen.",
+                "hideAttendeeNamePresenter": "Teilnehmernamen sind ausgeblendet. Nur Organisatoren und Referenten können Namen sehen, um die Privatsphäre der Teilnehmer zu schützen."
             }
         },
         "surveyTitle": "Helfen Sie uns, besser zu werden.",

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

@@ -244,6 +244,10 @@
             "shareScreen": {
                 "lostDueToRoleChangeToAttendee": "Your role has been changed. Some actions, like sharing content, won't be available to you.",
                 "grantedDueToRoleChangeToPresenter": "You're a presenter. You can share content and facilitate the meeting."
+            },
+            "hideAttendeeNames": {
+                "hideAttendeeNameAttendee": "Your name is hidden from other attendees. Organisers and presenters can see your real name.",
+                "hideAttendeeNamePresenter": "Attendee names are hidden. Only organisers and presenters can see names to protect attendee privacy."
             }
         },
         "surveyTitle": "Help us improve",

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

@@ -20,6 +20,7 @@
         "complianceBannerTranscriptionStopped": "Transcription has stopped.",
         "configurationPageTitle": "Start a call",
         "copyInviteLinkButtonLabel": "Copy invite link",
+        "copyInviteLinkButtonActionedLabel": "Link copied",
         "copyInviteLinkActionedAriaLabel": "Invite link copied",
         "defaultPlaceHolder": "Select an option",
         "dismissSidePaneButtonLabel": "Close",
@@ -244,6 +245,10 @@
             "shareScreen": {
                 "lostDueToRoleChangeToAttendee": "Your role has been changed. Some actions, like sharing content, won't be available to you.",
                 "grantedDueToRoleChangeToPresenter": "You're a presenter. You can share content and facilitate the meeting."
+            },
+            "hideAttendeeNames": {
+                "hideAttendeeNameAttendee": "Your name is hidden from other attendees. Organizers and presenters can see your real name.",
+                "hideAttendeeNamePresenter": "Attendee names are hidden. Only organizers and presenters can see names to protect attendee privacy."
             }
         },
         "surveyTitle": "Help us improve",
@@ -345,6 +350,7 @@
         "chatButtonTooltipOpen": "Show chat",
         "chatPaneTitle": "Chat",
         "copyInviteLinkButtonLabel": "Copy invite link",
+        "copyInviteLinkButtonActionedLabel": "Link copied",
         "copyInviteLinkActionedAriaLabel": "Invite link copied",
         "dismissSidePaneButtonLabel": "Close",
         "moreDrawerAudioDeviceMenuTitle": "Audio Device",
@@ -360,6 +366,8 @@
         "selectedPeopleButtonLabel": "People Button Selected",
         "peopleButtonTooltipOpen": "Show participants",
         "peopleButtonTooltipClose": "Hide participants",
+        "peopleButtonTooltipOpenAriaLabel": "People button, Show participants",
+        "peopleButtonTooltipCloseAriaLabel": "People button, Hide participants",
         "peoplePaneSubTitle": "In this call",
         "peoplePaneTitle": "People",
         "pictureInPictureTileAriaLabel": "Video Feeds. Click to return to call screen.",

package/dist/dist-esm/react-composites/src/composites/localization/locales/es-ES/strings.json

@@ -244,6 +244,10 @@
             "shareScreen": {
                 "lostDueToRoleChangeToAttendee": "Tu rol ha sido cambiado. Algunas acciones, como compartir contenido, no estarán disponibles para usted.",
                 "grantedDueToRoleChangeToPresenter": "Es moderador. Puede compartir contenido y facilitar la reunión."
+            },
+            "hideAttendeeNames": {
+                "hideAttendeeNameAttendee": "Su nombre está oculto para otros asistentes. Los organizadores y moderadores pueden ver su nombre real.",
+                "hideAttendeeNamePresenter": "Los nombres de los asistentes están ocultos. Solo los organizadores y moderadores pueden ver los nombres para proteger la privacidad de los asistentes."
             }
         },
         "surveyTitle": "Ayúdenos a mejorar",

package/dist/dist-esm/react-composites/src/composites/localization/locales/fi-FI/strings.json

@@ -244,6 +244,10 @@
             "shareScreen": {
                 "lostDueToRoleChangeToAttendee": "Roolisi on muuttunut. Jotkin toiminnot, kuten sisällön jakaminen, eivät ole käytettävissäsi.",
                 "grantedDueToRoleChangeToPresenter": "Olet esittäjä. Voit jakaa sisältöä ja johtaa kokousta."
+            },
+            "hideAttendeeNames": {
+                "hideAttendeeNameAttendee": "Nimesi on piilotettu muilta osallistujilta. Järjestäjät ja esittäjät voivat nähdä oikean nimesi.",
+                "hideAttendeeNamePresenter": "Osallistujien nimet on piilotettu. Vain järjestäjät ja esittäjät voivat nähdä nimet osallistujien yksityisyyden suojaamiseksi."
             }
         },
         "surveyTitle": "Auta kehittämään tuotetta",

package/dist/dist-esm/react-composites/src/composites/localization/locales/fr-FR/strings.json

@@ -244,6 +244,10 @@
             "shareScreen": {
                 "lostDueToRoleChangeToAttendee": "Votre rôle a été modifié. Certaines actions, telles que le partage de contenu, ne seront pas disponibles pour vous.",
                 "grantedDueToRoleChangeToPresenter": "Vous êtes présentateur. Vous pouvez partager du contenu et organiser la réunion."
+            },
+            "hideAttendeeNames": {
+                "hideAttendeeNameAttendee": "Votre nom est masqué pour les autres participants. Les organisateurs et les présentateurs peuvent voir votre vrai nom.",
+                "hideAttendeeNamePresenter": "Les noms des participants sont masqués. Afin de protéger la vie privée des participants, seuls les organisateurs et les présentateurs peuvent visualiser les noms."
             }
         },
         "surveyTitle": "Aidez-nous à nous améliorer",

package/dist/dist-esm/react-composites/src/composites/localization/locales/he-IL/strings.json

@@ -244,6 +244,10 @@
             "shareScreen": {
                 "lostDueToRoleChangeToAttendee": "התפקיד שלך השתנה. פעולות מסוימות, כגון שיתוף תוכן, לא יהיו זמינות עבורך.",
                 "grantedDueToRoleChangeToPresenter": "אתה מציג. באפשרותך לשתף תוכן ולסייע בפגישה."
+            },
+            "hideAttendeeNames": {
+                "hideAttendeeNameAttendee": "שמך מוסתר ממשתתפים אחרים. מארגנים ומציגים יכולים לראות את שמך האמיתי.",
+                "hideAttendeeNamePresenter": "שמות המשתתפים מוסתרים. רק מארגנים ומציגים יכולים לראות את השמות, כדי להגן על פרטיות המשתתפים."
             }
         },
         "surveyTitle": "עזור לנו להשתפר",

package/dist/dist-esm/react-composites/src/composites/localization/locales/it-IT/strings.json

@@ -244,6 +244,10 @@
             "shareScreen": {
                 "lostDueToRoleChangeToAttendee": "Il tuo ruolo è stato modificato. Alcune azioni, come la condivisione di contenuti, non saranno disponibili per te.",
                 "grantedDueToRoleChangeToPresenter": "Sei un relatore. Puoi condividere i contenuti e facilitare la riunione."
+            },
+            "hideAttendeeNames": {
+                "hideAttendeeNameAttendee": "Il tuo nome è nascosto agli altri partecipanti. Gli organizzatori e i relatori possono vedere il tuo vero nome.",
+                "hideAttendeeNamePresenter": "I nomi dei partecipanti sono nascosti. Solo gli organizzatori e i relatori possono visualizzare i nomi per proteggere la privacy dei partecipanti."
             }
         },
         "surveyTitle": "Aiutaci a migliorare",

package/dist/dist-esm/react-composites/src/composites/localization/locales/ja-JP/strings.json

@@ -244,6 +244,10 @@
             "shareScreen": {
                 "lostDueToRoleChangeToAttendee": "ロールが変更されました。コンテンツの共有などの一部の操作は利用できません。",
                 "grantedDueToRoleChangeToPresenter": "あなたは発表者です。コンテンツの共有と会議の進行を行うことができます。"
+            },
+            "hideAttendeeNames": {
+                "hideAttendeeNameAttendee": "自分の名前は他の出席者には表示されません。開催者と発表者にあなたの名前が表示されます。",
+                "hideAttendeeNamePresenter": "出席者の名前は非表示です。出席者のプライバシーを守るため、開催者と発表者のみ名前を見ることができます。"
             }
         },
         "surveyTitle": "品質向上にご協力ください",

package/dist/dist-esm/react-composites/src/composites/localization/locales/ko-KR/strings.json

@@ -244,6 +244,10 @@
             "shareScreen": {
                 "lostDueToRoleChangeToAttendee": "역할이 변경되었습니다. 콘텐츠 공유와 같은 일부 작업은 사용할 수 없습니다.",
                 "grantedDueToRoleChangeToPresenter": "귀하는 발표자입니다. 콘텐츠를 공유하고 모임을 활성화할 수 있습니다."
+            },
+            "hideAttendeeNames": {
+                "hideAttendeeNameAttendee": "다른 참석자가 내 이름을 볼 수 없도록 숨겨집니다. 주최자와 발표자는 내 실명을 볼 수 있습니다.",
+                "hideAttendeeNamePresenter": "참석자 이름이 숨겨집니다. 참석자 개인 정보를 보호하기 위해 주최자와 발표자만 이름을 볼 수 있습니다."
             }
         },
         "surveyTitle": "사용자 환경 개선",

package/dist/dist-esm/react-composites/src/composites/localization/locales/nb-NO/strings.json

@@ -244,6 +244,10 @@
             "shareScreen": {
                 "lostDueToRoleChangeToAttendee": "Rollen din er endret. Noen handlinger, for eksempel deling av innhold, vil ikke være tilgjengelige for deg.",
                 "grantedDueToRoleChangeToPresenter": "Du er presentatør. Du kan dele innhold og tilrettelegge møtet."
+            },
+            "hideAttendeeNames": {
+                "hideAttendeeNameAttendee": "Navnet ditt er skjult for andre deltakere. Arrangører og presentatører kan se ditt virkelige navn.",
+                "hideAttendeeNamePresenter": "Deltakernavn er skjult. Bare arrangører og presentatører kan se navn for å beskytte deltakernes personvern."
             }
         },
         "surveyTitle": "Hjelp oss med å bli bedre",

package/dist/dist-esm/react-composites/src/composites/localization/locales/nl-NL/strings.json

@@ -244,6 +244,10 @@
             "shareScreen": {
                 "lostDueToRoleChangeToAttendee": "Uw rol is gewijzigd. Sommige acties, zoals het delen van inhoud, zijn niet beschikbaar voor u.",
                 "grantedDueToRoleChangeToPresenter": "U bent een presentator. U kunt inhoud delen en de vergadering vergemakkelijken."
+            },
+            "hideAttendeeNames": {
+                "hideAttendeeNameAttendee": "Uw naam is verborgen voor andere genodigden. Organisatoren en presentatoren kunnen uw echte naam zien.",
+                "hideAttendeeNamePresenter": "Namen van genodigden zijn verborgen. Alleen organisatoren en presentatoren kunnen namen zien om de privacy van deelnemers te beschermen."
             }
         },
         "surveyTitle": "Help mee met verbeteren",