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

@azure/communication-react 1.30.0 → 1.31.0-beta.1

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 (381) hide show

package/dist/dist-esm/react-composites/src/composites/ChatComposite/index.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../../preprocess-dist/react-composites/src/composites/ChatComposite/index.ts"],"names":[],"mappings":"AAAA,uCAAuC;AACvC,kCAAkC;AAElC,OAAO,EAAE,mCAAmC,EAAE,6CAA6C,EAAE,gCAAgC,EAAE,MAAM,yCAAyC,CAAC;AAG/K,OAAO,EAAE,aAAa,EAAE,MAAM,iBAAiB,CAAC;AAKhD,cAAc,WAAW,CAAC","sourcesContent":["// Copyright (c) Microsoft Corporation.\n// Licensed under the MIT License.\n\nexport { createAzureCommunicationChatAdapter, createAzureCommunicationChatAdapterFromClient, useAzureCommunicationChatAdapter } from './adapter/AzureCommunicationChatAdapter';\nexport type { AzureCommunicationChatAdapterArgs } from './adapter/AzureCommunicationChatAdapter';\nexport type { ChatAdapterOptions } from './adapter/AzureCommunicationChatAdapter';\nexport { ChatComposite } from './ChatComposite';\nexport type { OnFetchChatProfileCallback, ChatProfile } from './adapter/OnFetchProfileCallback';\nexport type { ChatCompositeProps, ChatCompositeOptions } from './ChatComposite';\nexport type { ChatAdapter, ChatAdapterSubscribers, ChatAdapterThreadManagement, ChatCompositeClientState, ChatAdapterState, ChatAdapterUiState, MessageReadListener, MessageReceivedListener, MessageSentListener, MessageEditedListener, MessageDeletedListener, ParticipantsAddedListener, ParticipantsRemovedListener, TopicChangedListener } from './adapter/ChatAdapter';\nexport type { ResourceDetails } from './adapter/ChatAdapter';\nexport * from './Strings';"]}
1	+ {"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../../preprocess-dist/react-composites/src/composites/ChatComposite/index.ts"],"names":[],"mappings":"AAAA,uCAAuC;AACvC,kCAAkC;AAElC,OAAO,EAAE,mCAAmC,EAAE,6CAA6C,EAAE,gCAAgC,EAAE,MAAM,yCAAyC,CAAC;AAG/K,OAAO,EAAE,aAAa,EAAE,MAAM,iBAAiB,CAAC;AAKhD,cAAc,WAAW,CAAC","sourcesContent":["// Copyright (c) Microsoft Corporation.\n// Licensed under the MIT License.\n\nexport { createAzureCommunicationChatAdapter, createAzureCommunicationChatAdapterFromClient, useAzureCommunicationChatAdapter } from './adapter/AzureCommunicationChatAdapter';\nexport type { AzureCommunicationChatAdapterArgs } from './adapter/AzureCommunicationChatAdapter';\nexport type { ChatAdapterOptions } from './adapter/AzureCommunicationChatAdapter';\nexport { ChatComposite } from './ChatComposite';\nexport type { OnFetchChatProfileCallback, ChatProfile } from './adapter/OnFetchProfileCallback';\nexport type { ChatCompositeProps, ChatCompositeOptions } from './ChatComposite';\nexport type { ChatAdapter, ChatAdapterSubscribers, ChatAdapterThreadManagement, ChatCompositeClientState, ChatAdapterState, ChatAdapterUiState, MessageReadListener, MessageReceivedListener, MessageSentListener, MessageEditedListener, MessageDeletedListener, ParticipantsAddedListener, ParticipantsRemovedListener, TopicChangedListener } from './adapter/ChatAdapter';\nexport type { ResourceDetails } from './adapter/ChatAdapter';\nexport * from './Strings';\nexport type { AttachmentOptions, AttachmentMetadata, AttachmentDownloadOptions } from './file-sharing';\nexport type { AttachmentProgressError, AttachmentUploadOptions, AttachmentSelectionHandler, AttachmentActionHandler, AttachmentRemovalHandler, AttachmentUploadTask } from './file-sharing';"]}

package/dist/dist-esm/react-composites/src/composites/ChatComposite/selectors/baseSelectors.d.ts CHANGED Viewed

@@ -9,4 +9,8 @@ export declare const getThreadId: (state: ChatAdapterState) => string;
 export declare const getChatMessages: (state: ChatAdapterState) => {
     [key: string]: ChatMessageWithStatus;
 };
+/** @private */
+export declare const getTextOnlyChat: (state: ChatAdapterState) => boolean | undefined;
+/** @private */
+export declare const getCreatedBy: (state: ChatAdapterState) => CommunicationIdentifierKind | undefined;
 //# sourceMappingURL=baseSelectors.d.ts.map

package/dist/dist-esm/react-composites/src/composites/ChatComposite/selectors/baseSelectors.js CHANGED Viewed

@@ -6,4 +6,8 @@ export const getUserId = (state) => state.userId;
 export const getThreadId = (state) => state.thread.threadId;
 /** @private */
 export const getChatMessages = (state) => state.thread.chatMessages;
+/** @private */
+export const getTextOnlyChat = (state) => { var _a, _b; return (_b = (_a = state.thread.properties) === null || _a === void 0 ? void 0 : _a.messagingPolicy) === null || _b === void 0 ? void 0 : _b.textOnlyChat; };
+/** @private */
+export const getCreatedBy = (state) => { var _a; return (_a = state.thread.properties) === null || _a === void 0 ? void 0 : _a.createdBy; };
 //# sourceMappingURL=baseSelectors.js.map

package/dist/dist-esm/react-composites/src/composites/ChatComposite/selectors/baseSelectors.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"baseSelectors.js","sourceRoot":"","sources":["../../../../../../../preprocess-dist/react-composites/src/composites/ChatComposite/selectors/baseSelectors.ts"],"names":[],"mappings":"AAAA,uCAAuC;AACvC,kCAAkC;AAMlC,eAAe;AACf,MAAM,CAAC,MAAM,SAAS,GAAG,CAAC,KAAuB,EAA+B,EAAE,CAAC,KAAK,CAAC,MAAM,CAAC;AAEhG,eAAe;AACf,MAAM,CAAC,MAAM,WAAW,GAAG,CAAC,KAAuB,EAAU,EAAE,CAAC,KAAK,CAAC,MAAM,CAAC,QAAQ,CAAC;AAEtF,eAAe;AACf,MAAM,CAAC,MAAM,eAAe,GAAG,CAAC,KAAuB,EAErD,EAAE,CAAC,KAAK,CAAC,MAAM,CAAC,YAAY,CAAC","sourcesContent":["// Copyright (c) Microsoft Corporation.\n// Licensed under the MIT License.\n\nimport { CommunicationIdentifierKind } from '@azure/communication-common';\nimport { ChatAdapterState } from '../adapter/ChatAdapter';\nimport { ChatMessageWithStatus } from '@internal/chat-stateful-client';\n\n/** @private /\nexport const getUserId = (state: ChatAdapterState): CommunicationIdentifierKind => state.userId;\n\n/* @private /\nexport const getThreadId = (state: ChatAdapterState): string => state.thread.threadId;\n\n/* @private */\nexport const getChatMessages = (state: ChatAdapterState): {\n [key: string]: ChatMessageWithStatus;\n} => state.thread.chatMessages;"]}
1	+ {"version":3,"file":"baseSelectors.js","sourceRoot":"","sources":["../../../../../../../preprocess-dist/react-composites/src/composites/ChatComposite/selectors/baseSelectors.ts"],"names":[],"mappings":"AAAA,uCAAuC;AACvC,kCAAkC;AAMlC,eAAe;AACf,MAAM,CAAC,MAAM,SAAS,GAAG,CAAC,KAAuB,EAA+B,EAAE,CAAC,KAAK,CAAC,MAAM,CAAC;AAEhG,eAAe;AACf,MAAM,CAAC,MAAM,WAAW,GAAG,CAAC,KAAuB,EAAU,EAAE,CAAC,KAAK,CAAC,MAAM,CAAC,QAAQ,CAAC;AAEtF,eAAe;AACf,MAAM,CAAC,MAAM,eAAe,GAAG,CAAC,KAAuB,EAErD,EAAE,CAAC,KAAK,CAAC,MAAM,CAAC,YAAY,CAAC;AAC/B,eAAe;AACf,MAAM,CAAC,MAAM,eAAe,GAAG,CAAC,KAAuB,EAAuB,EAAE,eAAC,OAAA,MAAA,MAAA,KAAK,CAAC,MAAM,CAAC,UAAU,0CAAE,eAAe,0CAAE,YAAY,CAAA,EAAA,CAAC;AACxI,eAAe;AACf,MAAM,CAAC,MAAM,YAAY,GAAG,CAAC,KAAuB,EAA2C,EAAE,WAAC,OAAA,MAAA,KAAK,CAAC,MAAM,CAAC,UAAU,0CAAE,SAAS,CAAA,EAAA,CAAC","sourcesContent":["// Copyright (c) Microsoft Corporation.\n// Licensed under the MIT License.\n\nimport { CommunicationIdentifierKind } from '@azure/communication-common';\nimport { ChatAdapterState } from '../adapter/ChatAdapter';\nimport { ChatMessageWithStatus } from '@internal/chat-stateful-client';\n\n/** @private /\nexport const getUserId = (state: ChatAdapterState): CommunicationIdentifierKind => state.userId;\n\n/* @private /\nexport const getThreadId = (state: ChatAdapterState): string => state.thread.threadId;\n\n/* @private /\nexport const getChatMessages = (state: ChatAdapterState): {\n [key: string]: ChatMessageWithStatus;\n} => state.thread.chatMessages;\n/* @private /\nexport const getTextOnlyChat = (state: ChatAdapterState): boolean \| undefined => state.thread.properties?.messagingPolicy?.textOnlyChat;\n/* @private */\nexport const getCreatedBy = (state: ChatAdapterState): CommunicationIdentifierKind \| undefined => state.thread.properties?.createdBy;"]}

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

@@ -24,6 +24,7 @@ export const ParticipantListWithHeading = (props) => {
     const { onFetchAvatarPersonaData, onFetchParticipantMenuItems, title, participantListProps, headingMoreButtonAriaLabel, onClickHeadingMoreButton, headingMoreButtonMenuProps, pinnedParticipants } = props;
     const subheadingUniqueId = useId();
     const theme = useTheme();
+    const totalParticipantCount = participantListProps.totalParticipantCount;
     const tooltipId = getId('text-tooltip');
     const subheadingStyleThemed = useMemo(() => ({
         root: {
@@ -38,7 +39,7 @@ export const ParticipantListWithHeading = (props) => {
     return React.createElement(Stack, { className: participantListStack },
         React.createElement(Stack, { horizontal: true, horizontalAlign: "space-between", verticalAlign: "center" },
             React.createElement(Stack.Item, { grow: true, styles: subheadingStyleThemed, "aria-label": title, id: subheadingUniqueId },
-                React.createElement("h2", null, paneTitleTrampoline(title !== null && title !== void 0 ? title : ''))),
+                React.createElement("h2", null, paneTitleTrampoline(title !== null && title !== void 0 ? title : '', totalParticipantCount))),
             (onClickHeadingMoreButton || (headingMoreButtonMenuProps === null || headingMoreButtonMenuProps === void 0 ? void 0 : headingMoreButtonMenuProps.items) && headingMoreButtonMenuProps.items.length > 0) && React.createElement(Stack.Item, null,
                 React.createElement(DefaultButton, { "data-ui-id": "people-pane-header-more-button", ariaLabel: headingMoreButtonAriaLabel, styles: headingMoreButtonStyles(theme), iconProps: {
                         iconName: 'PeoplePaneMoreButton'

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

	@@ -1 +1 @@
1	- {"version":3,"file":"ParticipantContainer.js","sourceRoot":"","sources":["../../../../../../preprocess-dist/react-composites/src/composites/common/ParticipantContainer.tsx"],"names":[],"mappings":"AAAA,uCAAuC;AACvC,kCAAkC;AAElC,OAAO,KAAK,EAAE,EAAE,OAAO,EAAE,MAAM,OAAO,CAAC;AACvC,OAAO,EAAE,6BAA6B,EAAE,0BAA0B,EAAE,oBAAoB,EAAE,oBAAoB,EAAE,sBAAsB,EAAE,iBAAiB,EAAE,uBAAuB,EAAE,MAAM,sCAAsC,CAAC;AACjO,OAAO,EAAE,eAAe,EAAsD,yCAAmC;AACjH,OAAO,EAAE,KAAK,EAAE,IAAI,EAAE,WAAW,EAAE,mBAAmB,EAAE,KAAK,EAAE,QAAQ,EAAE,MAAM,iBAAiB,CAAC;AACjG,OAAO,EAAE,aAAa,EAAwB,MAAM,iBAAiB,CAAC;AACtE,OAAO,EAAE,aAAa,EAA6B,MAAM,iBAAiB,CAAC;AAC3E,OAAO,EAAE,KAAK,EAAE,MAAM,uBAAuB,CAAC;AAC9C,OAAO,EAAE,aAAa,EAAE,sCAAgC;AASxD;;GAEG;AACH,MAAM,CAAC,MAAM,oBAAoB,GAAG,CAAC,KAAgC,EAAe,EAAE;IACpF,MAAM,KAAK,GAAG,QAAQ,EAAE,CAAC;IACzB,MAAM,+BAA+B,GAAG,OAAO,CAAC,GAAG,EAAE,CAAC,sBAAsB,CAAC,KAAK,CAAC,EAAE,CAAC,KAAK,CAAC,CAAC,CAAC;IAC9F,OAAO,oBAAC,KAAK,IAAC,SAAS,EAAE,+BAA+B;QACpD,oBAAC,0BAA0B,oBAAK,KAAK,EAAI,CACnC,CAAC;AACb,CAAC,CAAC;AAEF;;GAEG;AACH,MAAM,CAAC,MAAM,0BAA0B,GAAG,CAAC,KAU1C,EAAe,EAAE;IAChB,MAAM,EACJ,wBAAwB,EACxB,2BAA2B,EAC3B,KAAK,EACL,oBAAoB,EACpB,0BAA0B,EAC1B,wBAAwB,EACxB,0BAA0B,EAC1B,kBAAkB,EACnB,GAAG,KAAK,CAAC;IACV,MAAM,kBAAkB,GAAG,KAAK,EAAE,CAAC;IACnC,MAAM,KAAK,GAAG,QAAQ,EAAE,CAAC;IACzB,MAAM,SAAS,GAAW,KAAK,CAAC,cAAc,CAAC,CAAC;IAChD,MAAM,qBAAqB,GAAG,OAAO,CAAC,GAAG,EAAE,CAAC,CAAC;QAC3C,IAAI,EAAE;YACJ,EAAE,EAAE;gBACF,KAAK,EAAE,KAAK,CAAC,OAAO,CAAC,gBAAgB;gBACrC,MAAM,EAAE,KAAK,CAAC,QAAQ,CAAC,CAAC,CAAC,aAAa,CAAC,CAAC,CAAC,QAAQ;gBACjD,QAAQ,EAAE,KAAK,CAAC,KAAK,CAAC,SAAS,CAAC,QAAQ;gBACxC,UAAU,EAAE,QAAQ;aACrB;SACF;KACF,CAAC,EAAE,CAAC,KAAK,CAAC,OAAO,CAAC,gBAAgB,EAAE,KAAK,CAAC,KAAK,CAAC,SAAS,CAAC,QAAQ,EAAE,KAAK,CAAC,QAAQ,CAAC,CAAC,CAAC;IACtF,OAAO,oBAAC,KAAK,IAAC,SAAS,EAAE,oBAAoB;QACzC,oBAAC,KAAK,IAAC,UAAU,QAAC,eAAe,EAAC,eAAe,EAAC,aAAa,EAAC,QAAQ;YACtE,oBAAC,KAAK,CAAC,IAAI,IAAC,IAAI,QAAC,MAAM,EAAE,qBAAqB,gBAAc,KAAK,EAAE,EAAE,EAAE,kBAAkB;gBACvF,gCACG,mBAAmB,CAAC,KAAK,aAAL,KAAK,cAAL,KAAK,GAAI,EAAE,CAAC,~~CAC9B~~,CACM;YACZ,CAAC,wBAAwB,IAAI,CAAA,0BAA0B,aAA1B,0BAA0B,uBAA1B,0BAA0B,CAAE,KAAK,KAAI,0BAA0B,CAAC,KAAK,CAAC,MAAM,GAAG,CAAC,CAAC,IAAI,oBAAC,KAAK,CAAC,IAAI;gBAC1H,oBAAC,aAAa,kBAAY,gCAAgC,EAAC,SAAS,EAAE,0BAA0B,EAAE,MAAM,EAAE,uBAAuB,CAAC,KAAK,CAAC,EAAE,SAAS,EAAE;wBACvJ,QAAQ,EAAE,sBAAsB;qBACjC,EAAE,OAAO,EAAE,wBAAwB,CAAC,CAAC,CAAC,GAAG,EAAE,CAAC,wBAAwB,EAAE,CAAC,CAAC,CAAC,SAAS,EAAE,SAAS,EAAE,KAAK,CAAC,wBAAwB,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,KAAK,CAAC,0BAA0B,EAAE,gBAAgB,EAAE,GAAG,EAAE,CAAC,IAAI,GAAI,CAChM,CACT;QACR,oBAAC,KAAK,IAAC,SAAS,EAAE,6BAA6B;YAC7C,oBAAC,eAAe,oBAAK,oBAAoB,IAAE,kBAAkB,EAAE,kBAAkB,EAAE,MAAM,EAAE,KAAK,CAAC,QAAQ,CAAC,CAAC,CAAC,0BAA0B,CAAC,CAAC,CAAC,oBAAoB,EAAE,cAAc,EAAE,CAAC,MAAM,EAAE,OAAO,EAAE,EAAE,CAAC;oBAC9L,oBAAC,aAAa,gCAAY,0CAA0C,EAAC,MAAM,EAAE,MAAM,IAAM,OAAO,IACpG,kBAAkB,EAAE,CAAC,CAAC,CAAA,OAAO,aAAP,OAAO,uBAAP,OAAO,CAAE,IAAI,CAAA,EAClC,YAAY,EAAE,wBAAwB,EAAE,iBAAiB,EAAE,IAAI,IAAI;oBAC/D,CAAA,OAAO,aAAP,OAAO,uBAAP,OAAO,CAAE,IAAI,KAAI,6BAAK,KAAK,EAAE,iBAAiB;wBAC3C,oBAAC,WAAW,IAAC,OAAO,EAAE,OAAO,aAAP,OAAO,uBAAP,OAAO,CAAE,IAAI,EAAE,EAAE,EAAE,SAAS,EAAE,YAAY,EAAE,mBAAmB,CAAC,MAAM;4BAC1F,oBAAC,IAAI,IAAC,MAAM,EAAE,KAAK,qBAAmB,SAAS,IAC5C,OAAO,aAAP,OAAO,uBAAP,OAAO,CAAE,IAAI,CACT,CACK,CACV,CACP,EAAE,2BAA2B,EAAE,2BAA2B,EAAE,8BAA8B,EAAE,CAAC,KAAK,CAAC,QAAQ,EAAE,yBAAyB,EAAE,kBAAkB,IAAI,CAC/J,CACF,CAAC;AACb,CAAC,CAAC;AACF,MAAM,mBAAmB,GAAG,CAAC,SAAiB,EAAE,qBAA8B,EAAU,EAAE;IACxF,MAAM,sBAAsB,GAAG,qBAAqB,CAAC,CAAC,CAAC;QACrD,cAAc,EAAE,IAAI,qBAAqB,GAAG;KAC7C,CAAC,CAAC,CAAC;QACF,cAAc,EAAE,GAAG;KACpB,CAAC;IACF,OAAO,aAAa,CAAC,SAAS,EAAE,sBAAsB,CAAC,CAAC;AAC1D,CAAC,CAAC","sourcesContent":["// Copyright (c) Microsoft Corporation.\n// Licensed under the MIT License.\n\nimport React, { useMemo } from 'react';\nimport { participantListContainerStyle, participantListMobileStyle, participantListStack, participantListStyle, participantListWrapper, displayNameStyles, headingMoreButtonStyles } from './styles/ParticipantContainer.styles';\nimport { ParticipantList, ParticipantListProps, ParticipantMenuItemsCallback } from '@internal/react-components';\nimport { Stack, Text, TooltipHost, TooltipOverflowMode, getId, useTheme } from '@fluentui/react';\nimport { DefaultButton, IContextualMenuProps } from '@fluentui/react';\nimport { AvatarPersona, AvatarPersonaDataCallback } from './AvatarPersona';\nimport { useId } from '@fluentui/react-hooks';\nimport { _formatString } from '@internal/acs-ui-common';\ntype ParticipantContainerProps = {\n onFetchParticipantMenuItems?: ParticipantMenuItemsCallback;\n onFetchAvatarPersonaData?: AvatarPersonaDataCallback;\n participantListProps: ParticipantListProps;\n title?: string;\n isMobile?: boolean;\n};\n\n/*\n @private\n /\nexport const ParticipantContainer = (props: ParticipantContainerProps): JSX.Element => {\n const theme = useTheme();\n const participantListWrapperClassName = useMemo(() => participantListWrapper(theme), [theme]);\n return <Stack className={participantListWrapperClassName}>\n <ParticipantListWithHeading {...props} />\n </Stack>;\n};\n\n/\n @private\n */\nexport const ParticipantListWithHeading = (props: {\n participantListProps: ParticipantListProps;\n title?: string;\n isMobile?: boolean;\n onFetchAvatarPersonaData?: AvatarPersonaDataCallback;\n onFetchParticipantMenuItems?: ParticipantMenuItemsCallback;\n headingMoreButtonAriaLabel?: string;\n onClickHeadingMoreButton?: () => void;\n headingMoreButtonMenuProps?: IContextualMenuProps;\n pinnedParticipants?: string[];\n}): JSX.Element => {\n const {\n onFetchAvatarPersonaData,\n onFetchParticipantMenuItems,\n title,\n participantListProps,\n headingMoreButtonAriaLabel,\n onClickHeadingMoreButton,\n headingMoreButtonMenuProps,\n pinnedParticipants\n } = props;\n const subheadingUniqueId = useId();\n const theme = useTheme();\n const tooltipId: string = getId('text-tooltip');\n const subheadingStyleThemed = useMemo(() => ({\n root: {\n h2: {\n color: theme.palette.neutralSecondary,\n margin: props.isMobile ? '0.5rem 1rem' : '0.5rem',\n fontSize: theme.fonts.smallPlus.fontSize,\n fontWeight: 'normal'\n }\n }\n }), [theme.palette.neutralSecondary, theme.fonts.smallPlus.fontSize, props.isMobile]);\n return <Stack className={participantListStack}>\n <Stack horizontal horizontalAlign=\"space-between\" verticalAlign=\"center\">\n <Stack.Item grow styles={subheadingStyleThemed} aria-label={title} id={subheadingUniqueId}>\n <h2>\n {paneTitleTrampoline(title ?? '')}\n </h2>\n </Stack.Item>\n {(onClickHeadingMoreButton \|\| headingMoreButtonMenuProps?.items && headingMoreButtonMenuProps.items.length > 0) && <Stack.Item>\n <DefaultButton data-ui-id=\"people-pane-header-more-button\" ariaLabel={headingMoreButtonAriaLabel} styles={headingMoreButtonStyles(theme)} iconProps={{\n iconName: 'PeoplePaneMoreButton'\n }} onClick={onClickHeadingMoreButton ? () => onClickHeadingMoreButton() : undefined} menuProps={props.onClickHeadingMoreButton ? undefined : props.headingMoreButtonMenuProps} onRenderMenuIcon={() => null} />\n </Stack.Item>}\n </Stack>\n <Stack className={participantListContainerStyle}>\n <ParticipantList {...participantListProps} pinnedParticipants={pinnedParticipants} styles={props.isMobile ? participantListMobileStyle : participantListStyle} onRenderAvatar={(userId, options) => <>\n <AvatarPersona data-ui-id=\"chat-composite-participant-custom-avatar\" userId={userId} {...options} {...{\n hidePersonaDetails: !!options?.text\n }} dataProvider={onFetchAvatarPersonaData} allowActiveBorder={true} />\n {options?.text && <div style={displayNameStyles}>\n <TooltipHost content={options?.text} id={tooltipId} overflowMode={TooltipOverflowMode.Parent}>\n <Text nowrap={false} aria-labelledby={tooltipId}>\n {options?.text}\n </Text>\n </TooltipHost>\n </div>}\n </>} onFetchParticipantMenuItems={onFetchParticipantMenuItems} showParticipantOverflowTooltip={!props.isMobile} participantAriaLabelledBy={subheadingUniqueId} />\n </Stack>\n </Stack>;\n};\nconst paneTitleTrampoline = (paneTitle: string, totalParticipantCount?: number): string => {\n const participantCountString = totalParticipantCount ? {\n numberOfPeople: `(${totalParticipantCount})`\n } : {\n numberOfPeople: ' '\n };\n return _formatString(paneTitle, participantCountString);\n};"]}
1	+ {"version":3,"file":"ParticipantContainer.js","sourceRoot":"","sources":["../../../../../../preprocess-dist/react-composites/src/composites/common/ParticipantContainer.tsx"],"names":[],"mappings":"AAAA,uCAAuC;AACvC,kCAAkC;AAElC,OAAO,KAAK,EAAE,EAAE,OAAO,EAAE,MAAM,OAAO,CAAC;AACvC,OAAO,EAAE,6BAA6B,EAAE,0BAA0B,EAAE,oBAAoB,EAAE,oBAAoB,EAAE,sBAAsB,EAAE,iBAAiB,EAAE,uBAAuB,EAAE,MAAM,sCAAsC,CAAC;AACjO,OAAO,EAAE,eAAe,EAAsD,yCAAmC;AACjH,OAAO,EAAE,KAAK,EAAE,IAAI,EAAE,WAAW,EAAE,mBAAmB,EAAE,KAAK,EAAE,QAAQ,EAAE,MAAM,iBAAiB,CAAC;AACjG,OAAO,EAAE,aAAa,EAAwB,MAAM,iBAAiB,CAAC;AACtE,OAAO,EAAE,aAAa,EAA6B,MAAM,iBAAiB,CAAC;AAC3E,OAAO,EAAE,KAAK,EAAE,MAAM,uBAAuB,CAAC;AAC9C,OAAO,EAAE,aAAa,EAAE,sCAAgC;AASxD;;GAEG;AACH,MAAM,CAAC,MAAM,oBAAoB,GAAG,CAAC,KAAgC,EAAe,EAAE;IACpF,MAAM,KAAK,GAAG,QAAQ,EAAE,CAAC;IACzB,MAAM,+BAA+B,GAAG,OAAO,CAAC,GAAG,EAAE,CAAC,sBAAsB,CAAC,KAAK,CAAC,EAAE,CAAC,KAAK,CAAC,CAAC,CAAC;IAC9F,OAAO,oBAAC,KAAK,IAAC,SAAS,EAAE,+BAA+B;QACpD,oBAAC,0BAA0B,oBAAK,KAAK,EAAI,CACnC,CAAC;AACb,CAAC,CAAC;AAEF;;GAEG;AACH,MAAM,CAAC,MAAM,0BAA0B,GAAG,CAAC,KAU1C,EAAe,EAAE;IAChB,MAAM,EACJ,wBAAwB,EACxB,2BAA2B,EAC3B,KAAK,EACL,oBAAoB,EACpB,0BAA0B,EAC1B,wBAAwB,EACxB,0BAA0B,EAC1B,kBAAkB,EACnB,GAAG,KAAK,CAAC;IACV,MAAM,kBAAkB,GAAG,KAAK,EAAE,CAAC;IACnC,MAAM,KAAK,GAAG,QAAQ,EAAE,CAAC;IACzB,MAAM,qBAAqB,GAAG,oBAAoB,CAAC,qBAAqB,CAAC;IACzE,MAAM,SAAS,GAAW,KAAK,CAAC,cAAc,CAAC,CAAC;IAChD,MAAM,qBAAqB,GAAG,OAAO,CAAC,GAAG,EAAE,CAAC,CAAC;QAC3C,IAAI,EAAE;YACJ,EAAE,EAAE;gBACF,KAAK,EAAE,KAAK,CAAC,OAAO,CAAC,gBAAgB;gBACrC,MAAM,EAAE,KAAK,CAAC,QAAQ,CAAC,CAAC,CAAC,aAAa,CAAC,CAAC,CAAC,QAAQ;gBACjD,QAAQ,EAAE,KAAK,CAAC,KAAK,CAAC,SAAS,CAAC,QAAQ;gBACxC,UAAU,EAAE,QAAQ;aACrB;SACF;KACF,CAAC,EAAE,CAAC,KAAK,CAAC,OAAO,CAAC,gBAAgB,EAAE,KAAK,CAAC,KAAK,CAAC,SAAS,CAAC,QAAQ,EAAE,KAAK,CAAC,QAAQ,CAAC,CAAC,CAAC;IACtF,OAAO,oBAAC,KAAK,IAAC,SAAS,EAAE,oBAAoB;QACzC,oBAAC,KAAK,IAAC,UAAU,QAAC,eAAe,EAAC,eAAe,EAAC,aAAa,EAAC,QAAQ;YACtE,oBAAC,KAAK,CAAC,IAAI,IAAC,IAAI,QAAC,MAAM,EAAE,qBAAqB,gBAAc,KAAK,EAAE,EAAE,EAAE,kBAAkB;gBACvF,gCACG,mBAAmB,CAAC,KAAK,aAAL,KAAK,cAAL,KAAK,GAAI,EAAE,EAAE,qBAAqB,CAAC,CACrD,CACM;YACZ,CAAC,wBAAwB,IAAI,CAAA,0BAA0B,aAA1B,0BAA0B,uBAA1B,0BAA0B,CAAE,KAAK,KAAI,0BAA0B,CAAC,KAAK,CAAC,MAAM,GAAG,CAAC,CAAC,IAAI,oBAAC,KAAK,CAAC,IAAI;gBAC1H,oBAAC,aAAa,kBAAY,gCAAgC,EAAC,SAAS,EAAE,0BAA0B,EAAE,MAAM,EAAE,uBAAuB,CAAC,KAAK,CAAC,EAAE,SAAS,EAAE;wBACvJ,QAAQ,EAAE,sBAAsB;qBACjC,EAAE,OAAO,EAAE,wBAAwB,CAAC,CAAC,CAAC,GAAG,EAAE,CAAC,wBAAwB,EAAE,CAAC,CAAC,CAAC,SAAS,EAAE,SAAS,EAAE,KAAK,CAAC,wBAAwB,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,KAAK,CAAC,0BAA0B,EAAE,gBAAgB,EAAE,GAAG,EAAE,CAAC,IAAI,GAAI,CAChM,CACT;QACR,oBAAC,KAAK,IAAC,SAAS,EAAE,6BAA6B;YAC7C,oBAAC,eAAe,oBAAK,oBAAoB,IAAE,kBAAkB,EAAE,kBAAkB,EAAE,MAAM,EAAE,KAAK,CAAC,QAAQ,CAAC,CAAC,CAAC,0BAA0B,CAAC,CAAC,CAAC,oBAAoB,EAAE,cAAc,EAAE,CAAC,MAAM,EAAE,OAAO,EAAE,EAAE,CAAC;oBAC9L,oBAAC,aAAa,gCAAY,0CAA0C,EAAC,MAAM,EAAE,MAAM,IAAM,OAAO,IACpG,kBAAkB,EAAE,CAAC,CAAC,CAAA,OAAO,aAAP,OAAO,uBAAP,OAAO,CAAE,IAAI,CAAA,EAClC,YAAY,EAAE,wBAAwB,EAAE,iBAAiB,EAAE,IAAI,IAAI;oBAC/D,CAAA,OAAO,aAAP,OAAO,uBAAP,OAAO,CAAE,IAAI,KAAI,6BAAK,KAAK,EAAE,iBAAiB;wBAC3C,oBAAC,WAAW,IAAC,OAAO,EAAE,OAAO,aAAP,OAAO,uBAAP,OAAO,CAAE,IAAI,EAAE,EAAE,EAAE,SAAS,EAAE,YAAY,EAAE,mBAAmB,CAAC,MAAM;4BAC1F,oBAAC,IAAI,IAAC,MAAM,EAAE,KAAK,qBAAmB,SAAS,IAC5C,OAAO,aAAP,OAAO,uBAAP,OAAO,CAAE,IAAI,CACT,CACK,CACV,CACP,EAAE,2BAA2B,EAAE,2BAA2B,EAAE,8BAA8B,EAAE,CAAC,KAAK,CAAC,QAAQ,EAAE,yBAAyB,EAAE,kBAAkB,IAAI,CAC/J,CACF,CAAC;AACb,CAAC,CAAC;AACF,MAAM,mBAAmB,GAAG,CAAC,SAAiB,EAAE,qBAA8B,EAAU,EAAE;IACxF,MAAM,sBAAsB,GAAG,qBAAqB,CAAC,CAAC,CAAC;QACrD,cAAc,EAAE,IAAI,qBAAqB,GAAG;KAC7C,CAAC,CAAC,CAAC;QACF,cAAc,EAAE,GAAG;KACpB,CAAC;IACF,OAAO,aAAa,CAAC,SAAS,EAAE,sBAAsB,CAAC,CAAC;AAC1D,CAAC,CAAC","sourcesContent":["// Copyright (c) Microsoft Corporation.\n// Licensed under the MIT License.\n\nimport React, { useMemo } from 'react';\nimport { participantListContainerStyle, participantListMobileStyle, participantListStack, participantListStyle, participantListWrapper, displayNameStyles, headingMoreButtonStyles } from './styles/ParticipantContainer.styles';\nimport { ParticipantList, ParticipantListProps, ParticipantMenuItemsCallback } from '@internal/react-components';\nimport { Stack, Text, TooltipHost, TooltipOverflowMode, getId, useTheme } from '@fluentui/react';\nimport { DefaultButton, IContextualMenuProps } from '@fluentui/react';\nimport { AvatarPersona, AvatarPersonaDataCallback } from './AvatarPersona';\nimport { useId } from '@fluentui/react-hooks';\nimport { _formatString } from '@internal/acs-ui-common';\ntype ParticipantContainerProps = {\n onFetchParticipantMenuItems?: ParticipantMenuItemsCallback;\n onFetchAvatarPersonaData?: AvatarPersonaDataCallback;\n participantListProps: ParticipantListProps;\n title?: string;\n isMobile?: boolean;\n};\n\n/*\n @private\n /\nexport const ParticipantContainer = (props: ParticipantContainerProps): JSX.Element => {\n const theme = useTheme();\n const participantListWrapperClassName = useMemo(() => participantListWrapper(theme), [theme]);\n return <Stack className={participantListWrapperClassName}>\n <ParticipantListWithHeading {...props} />\n </Stack>;\n};\n\n/\n @private\n */\nexport const ParticipantListWithHeading = (props: {\n participantListProps: ParticipantListProps;\n title?: string;\n isMobile?: boolean;\n onFetchAvatarPersonaData?: AvatarPersonaDataCallback;\n onFetchParticipantMenuItems?: ParticipantMenuItemsCallback;\n headingMoreButtonAriaLabel?: string;\n onClickHeadingMoreButton?: () => void;\n headingMoreButtonMenuProps?: IContextualMenuProps;\n pinnedParticipants?: string[];\n}): JSX.Element => {\n const {\n onFetchAvatarPersonaData,\n onFetchParticipantMenuItems,\n title,\n participantListProps,\n headingMoreButtonAriaLabel,\n onClickHeadingMoreButton,\n headingMoreButtonMenuProps,\n pinnedParticipants\n } = props;\n const subheadingUniqueId = useId();\n const theme = useTheme();\n const totalParticipantCount = participantListProps.totalParticipantCount;\n const tooltipId: string = getId('text-tooltip');\n const subheadingStyleThemed = useMemo(() => ({\n root: {\n h2: {\n color: theme.palette.neutralSecondary,\n margin: props.isMobile ? '0.5rem 1rem' : '0.5rem',\n fontSize: theme.fonts.smallPlus.fontSize,\n fontWeight: 'normal'\n }\n }\n }), [theme.palette.neutralSecondary, theme.fonts.smallPlus.fontSize, props.isMobile]);\n return <Stack className={participantListStack}>\n <Stack horizontal horizontalAlign=\"space-between\" verticalAlign=\"center\">\n <Stack.Item grow styles={subheadingStyleThemed} aria-label={title} id={subheadingUniqueId}>\n <h2>\n {paneTitleTrampoline(title ?? '', totalParticipantCount)}\n </h2>\n </Stack.Item>\n {(onClickHeadingMoreButton \|\| headingMoreButtonMenuProps?.items && headingMoreButtonMenuProps.items.length > 0) && <Stack.Item>\n <DefaultButton data-ui-id=\"people-pane-header-more-button\" ariaLabel={headingMoreButtonAriaLabel} styles={headingMoreButtonStyles(theme)} iconProps={{\n iconName: 'PeoplePaneMoreButton'\n }} onClick={onClickHeadingMoreButton ? () => onClickHeadingMoreButton() : undefined} menuProps={props.onClickHeadingMoreButton ? undefined : props.headingMoreButtonMenuProps} onRenderMenuIcon={() => null} />\n </Stack.Item>}\n </Stack>\n <Stack className={participantListContainerStyle}>\n <ParticipantList {...participantListProps} pinnedParticipants={pinnedParticipants} styles={props.isMobile ? participantListMobileStyle : participantListStyle} onRenderAvatar={(userId, options) => <>\n <AvatarPersona data-ui-id=\"chat-composite-participant-custom-avatar\" userId={userId} {...options} {...{\n hidePersonaDetails: !!options?.text\n }} dataProvider={onFetchAvatarPersonaData} allowActiveBorder={true} />\n {options?.text && <div style={displayNameStyles}>\n <TooltipHost content={options?.text} id={tooltipId} overflowMode={TooltipOverflowMode.Parent}>\n <Text nowrap={false} aria-labelledby={tooltipId}>\n {options?.text}\n </Text>\n </TooltipHost>\n </div>}\n </>} onFetchParticipantMenuItems={onFetchParticipantMenuItems} showParticipantOverflowTooltip={!props.isMobile} participantAriaLabelledBy={subheadingUniqueId} />\n </Stack>\n </Stack>;\n};\nconst paneTitleTrampoline = (paneTitle: string, totalParticipantCount?: number): string => {\n const participantCountString = totalParticipantCount ? {\n numberOfPeople: `(${totalParticipantCount})`\n } : {\n numberOfPeople: ' '\n };\n return _formatString(paneTitle, participantCountString);\n};"]}

package/dist/dist-esm/react-composites/src/composites/common/RichTextSendBoxWrapper.d.ts ADDED Viewed

@@ -0,0 +1,10 @@
+/// <reference types="react" />
+import { RichTextSendBoxProps } from "../../../../react-components/src";
+/**
+ * @private
+ *
+ * Wrapper for RichTextSendBox component to allow us to use usePropsFor with richTextSendBox
+ * before lazyLoading is done
+ */
+export declare const RichTextSendBoxWrapper: (props: RichTextSendBoxProps) => JSX.Element;
+//# sourceMappingURL=RichTextSendBoxWrapper.d.ts.map

package/dist/dist-esm/react-composites/src/composites/common/RichTextSendBoxWrapper.js ADDED Viewed

@@ -0,0 +1,16 @@
+// Copyright (c) Microsoft Corporation.
+// Licensed under the MIT License.
+import React from 'react';
+import { usePropsFor } from '../ChatComposite/hooks/usePropsFor';
+import { RichTextSendBox } from "../../../../react-components/src";
+/**
+ * @private
+ *
+ * Wrapper for RichTextSendBox component to allow us to use usePropsFor with richTextSendBox
+ * before lazyLoading is done
+ */
+export const RichTextSendBoxWrapper = (props) => {
+    const richTextSendBoxProps = usePropsFor(RichTextSendBox);
+    return React.createElement(RichTextSendBox, Object.assign({}, richTextSendBoxProps, props));
+};
+//# sourceMappingURL=RichTextSendBoxWrapper.js.map

package/dist/dist-esm/react-composites/src/composites/common/RichTextSendBoxWrapper.js.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"file":"RichTextSendBoxWrapper.js","sourceRoot":"","sources":["../../../../../../preprocess-dist/react-composites/src/composites/common/RichTextSendBoxWrapper.tsx"],"names":[],"mappings":"AAAA,uCAAuC;AACvC,kCAAkC;AAClC,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,WAAW,EAAE,MAAM,oCAAoC,CAAC;AACjE,OAAO,EAAE,eAAe,EAAwB,yCAAmC;AACnF;;;;;GAKG;AACH,MAAM,CAAC,MAAM,sBAAsB,GAAG,CAAC,KAA2B,EAAe,EAAE;IACjF,MAAM,oBAAoB,GAAG,WAAW,CAAC,eAAe,CAAC,CAAC;IAC1D,OAAO,oBAAC,eAAe,oBAAK,oBAAoB,EAAM,KAAK,EAAI,CAAC;AAClE,CAAC,CAAC","sourcesContent":["// Copyright (c) Microsoft Corporation.\n// Licensed under the MIT License.\nimport React from 'react';\nimport { usePropsFor } from '../ChatComposite/hooks/usePropsFor';\nimport { RichTextSendBox, RichTextSendBoxProps } from '@internal/react-components';\n/**\n * @private\n *\n * Wrapper for RichTextSendBox component to allow us to use usePropsFor with richTextSendBox\n * before lazyLoading is done\n */\nexport const RichTextSendBoxWrapper = (props: RichTextSendBoxProps): JSX.Element => {\n const richTextSendBoxProps = usePropsFor(RichTextSendBox);\n return <RichTextSendBox {...richTextSendBoxProps} {...props} />;\n};"]}

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

@@ -1,12 +1,51 @@
-/// <reference types="react" />
+import React from 'react';
 import { SendBoxStylesProps } from "../../../../react-components/src";
+import { RichTextSendBoxProps, RichTextEditorOptions } from "../../../../react-components/src";
+import { AttachmentMetadataInProgress, MessageOptions } from "../../../../acs-ui-common/src";
+export declare const loadRichTextSendBox: () => Promise<{
+    default: React.ComponentType<RichTextSendBoxProps>;
+}>;
+/**
+ * Options for the rich text editor send box configuration.
+ *
+ * @internal
+ */
+export interface RichTextSendBoxOptions extends RichTextEditorOptions {
+    /**
+     * Optional callback to handle an inline image that's inserted in the rich text editor.
+     * When not provided, pasting images into rich text editor will be disabled.
+     * @param imageAttributes - attributes of the image such as id, src, style, etc.
+     *        It also contains the image file name which can be accessed through imageAttributes['data-image-file-name']
+     */
+    onInsertInlineImage?: (imageAttributes: Record<string, string>) => void;
+    /**
+     * Optional callback invoked after inline image is removed from the UI.
+     * @param imageAttributes - attributes of the image such as id, src, style, etc.
+     *        It also contains the image file name which can be accessed through imageAttributes['data-image-file-name'].
+     *        Note that if the src attribute is a local blob url, it has been revoked at this point.
+     */
+    onRemoveInlineImage?: (imageAttributes: Record<string, string>) => void;
+    /**
+     * Optional Array of type {@link AttachmentMetadataInProgress}
+     * to render the errorBar for inline images inserted in the RichTextSendBox when:
+     *   - there is an error provided in the inlineImagesWithProgress
+     *   - progress is less than 1 when the send button is clicked
+     *   - content html string is longer than the max allowed length.
+     *     (Note that the id and the url prop of the inlineImagesWithProgress will be used as the id and src attribute of the content html
+     *     when calculating the content length, only for the purpose of displaying the content length overflow error.)
+     */
+    inlineImagesWithProgress?: AttachmentMetadataInProgress[];
+}
 /**
  * @private
  */
 export type SendBoxPickerProps = {
     styles?: SendBoxStylesProps;
     autoFocus?: 'sendBoxTextField';
-    onSendMessage: (content: string) => Promise<void>;
+    onSendMessage: (content: string, options?: MessageOptions) => Promise<void>;
+    richTextEditorOptions?: RichTextSendBoxOptions;
+    attachments?: AttachmentMetadataInProgress[];
+    onCancelAttachmentUpload?: (attachmentId: string) => void;
 };
 /**
  * @private

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

@@ -3,11 +3,32 @@
 import React, { useMemo } from 'react';
 import { SendBox } from "../../../../react-components/src";
 import { usePropsFor } from '../ChatComposite/hooks/usePropsFor';
+import { Suspense } from 'react';
+import { _ErrorBoundary } from "../../../../react-components/src";
+/**
+ * Wrapper for RichTextSendBox component to allow us to use usePropsFor with richTextSendBox with lazy loading
+ */
+const RichTextSendBoxWrapper = React.lazy(() => import('./RichTextSendBoxWrapper').then(module => ({
+    default: module.RichTextSendBoxWrapper
+})));
+export const loadRichTextSendBox = () => import('./RichTextSendBoxWrapper').then(module => ({
+    default: module.RichTextSendBoxWrapper
+}));
 /**
  * @private
  */
 export const SendBoxPicker = (props) => {
+    const { richTextEditorOptions } = props;
+    const { onPaste, onInsertInlineImage, inlineImagesWithProgress, onRemoveInlineImage } = richTextEditorOptions || {};
+    const isRichTextEditorEnabled = useMemo(() => {
+        return richTextEditorOptions !== undefined;
+    }, [richTextEditorOptions]);
     const sendBox = useMemo(() => React.createElement(SendBoxWrapper, Object.assign({}, props)), [props]);
+    if (isRichTextEditorEnabled) {
+        return React.createElement(_ErrorBoundary, { fallback: sendBox },
+            React.createElement(Suspense, { fallback: sendBox },
+                React.createElement(RichTextSendBoxWrapper, Object.assign({}, props, { onPaste: onPaste, onInsertInlineImage: onInsertInlineImage, inlineImagesWithProgress: inlineImagesWithProgress, onRemoveInlineImage: onRemoveInlineImage }))));
+    }
     return sendBox;
 };
 // Move SendBox initialization to a separate component as otherwise it will cause re-render for Suspense and _ErrorBoundary when props and sendBoxProps are updated

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

	@@ -1 +1 @@
1	- {"version":3,"file":"SendBoxPicker.js","sourceRoot":"","sources":["../../../../../../preprocess-dist/react-composites/src/composites/common/SendBoxPicker.tsx"],"names":[],"mappings":"AAAA,uCAAuC;AACvC,kCAAkC;AAElC,OAAO,KAAK,EAAE,EAAE,OAAO,EAAE,MAAM,OAAO,CAAC;AACvC,OAAO,EAAE,OAAO,EAAsB,yCAAmC;AACzE,OAAO,EAAE,WAAW,EAAE,MAAM,oCAAoC,CAAC;~~AAUjE~~;;GAEG;AACH,MAAM,CAAC,MAAM,aAAa,GAAG,CAAC,KAAyB,EAAe,EAAE;IACtE,MAAM,OAAO,GAAG,OAAO,CAAC,GAAG,EAAE,CAAC,oBAAC,cAAc,oBAAK,KAAK,EAAI,EAAE,CAAC,KAAK,CAAC,CAAC,CAAC;IACtE,OAAO,OAAO,CAAC;AACjB,CAAC,CAAC;AAEF,mKAAmK;AACnK,MAAM,cAAc,GAAG,CAAC,KAAyB,EAAe,EAAE;IAChE,MAAM,YAAY,GAAG,WAAW,CAAC,OAAO,CAAC,CAAC;IAC1C,OAAO,oBAAC,OAAO,oBAAK,YAAY,EAAM,KAAK,EAAI,CAAC;AAClD,CAAC,CAAC","sourcesContent":["// Copyright (c) Microsoft Corporation.\n// Licensed under the MIT License.\n\nimport React, { useMemo } from 'react';\nimport { SendBox, SendBoxStylesProps } from '@internal/react-components';\nimport { usePropsFor } from '../ChatComposite/hooks/usePropsFor';\n/*\n @private\n /\nexport type SendBoxPickerProps = {\n styles?: SendBoxStylesProps;\n autoFocus?: 'sendBoxTextField';\n onSendMessage: (content: string) => Promise<void>;\n};\n\n/\n @private\n */\nexport const SendBoxPicker = (props: SendBoxPickerProps): JSX.Element => {\n const sendBox = useMemo(() => <SendBoxWrapper {...props} />, [props]);\n return sendBox;\n};\n\n// Move SendBox initialization to a separate component as otherwise it will cause re-render for Suspense and _ErrorBoundary when props and sendBoxProps are updated\nconst SendBoxWrapper = (props: SendBoxPickerProps): JSX.Element => {\n const sendBoxProps = usePropsFor(SendBox);\n return <SendBox {...sendBoxProps} {...props} />;\n};"]}
1	+ {"version":3,"file":"SendBoxPicker.js","sourceRoot":"","sources":["../../../../../../preprocess-dist/react-composites/src/composites/common/SendBoxPicker.tsx"],"names":[],"mappings":"AAAA,uCAAuC;AACvC,kCAAkC;AAElC,OAAO,KAAK,EAAE,EAAE,OAAO,EAAE,MAAM,OAAO,CAAC;AACvC,OAAO,EAAE,OAAO,EAAsB,yCAAmC;AACzE,OAAO,EAAE,WAAW,EAAE,MAAM,oCAAoC,CAAC;AACjE,OAAO,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AACjC,OAAO,EAAE,cAAc,EAA+C,yCAAmC;AAEzG;;GAEG;AACH,MAAM,sBAAsB,GAAG,KAAK,CAAC,IAAI,CAAC,GAAG,EAAE,CAAC,MAAM,CAAC,0BAA0B,CAAC,CAAC,IAAI,CAAC,MAAM,CAAC,EAAE,CAAC,CAAC;IACjG,OAAO,EAAE,MAAM,CAAC,sBAAsB;CACvC,CAAC,CAAC,CAAC,CAAC;AACL,MAAM,CAAC,MAAM,mBAAmB,GAAG,GAEhC,EAAE,CAAC,MAAM,CAAC,0BAA0B,CAAC,CAAC,IAAI,CAAC,MAAM,CAAC,EAAE,CAAC,CAAC;IACvD,OAAO,EAAE,MAAM,CAAC,sBAAsB;CACvC,CAAC,CAAC,CAAC;AA4CJ;;GAEG;AACH,MAAM,CAAC,MAAM,aAAa,GAAG,CAAC,KAAyB,EAAe,EAAE;IACtE,MAAM,EACJ,qBAAqB,EACtB,GAAG,KAAK,CAAC;IACV,MAAM,EACJ,OAAO,EACP,mBAAmB,EACnB,wBAAwB,EACxB,mBAAmB,EACpB,GAAG,qBAAqB,IAAI,EAAE,CAAC;IAChC,MAAM,uBAAuB,GAAG,OAAO,CAAC,GAAG,EAAE;QAC3C,OAAO,qBAAqB,KAAK,SAAS,CAAC;IAC7C,CAAC,EAAE,CAAC,qBAAqB,CAAC,CAAC,CAAC;IAC5B,MAAM,OAAO,GAAG,OAAO,CAAC,GAAG,EAAE,CAAC,oBAAC,cAAc,oBAAK,KAAK,EAAI,EAAE,CAAC,KAAK,CAAC,CAAC,CAAC;IACtE,IAAI,uBAAuB,EAAE,CAAC;QAC5B,OAAO,oBAAC,cAAc,IAAC,QAAQ,EAAE,OAAO;YACpC,oBAAC,QAAQ,IAAC,QAAQ,EAAE,OAAO;gBACzB,oBAAC,sBAAsB,oBAAK,KAAK,IAAE,OAAO,EAAE,OAAO,EAAE,mBAAmB,EAAE,mBAAmB,EAAE,wBAAwB,EAAE,wBAAwB,EAAE,mBAAmB,EAAE,mBAAmB,IAAI,CACtL,CACI,CAAC;IACtB,CAAC;IACD,OAAO,OAAO,CAAC;AACjB,CAAC,CAAC;AAEF,mKAAmK;AACnK,MAAM,cAAc,GAAG,CAAC,KAAyB,EAAe,EAAE;IAChE,MAAM,YAAY,GAAG,WAAW,CAAC,OAAO,CAAC,CAAC;IAC1C,OAAO,oBAAC,OAAO,oBAAK,YAAY,EAAM,KAAK,EAAI,CAAC;AAClD,CAAC,CAAC","sourcesContent":["// Copyright (c) Microsoft Corporation.\n// Licensed under the MIT License.\n\nimport React, { useMemo } from 'react';\nimport { SendBox, SendBoxStylesProps } from '@internal/react-components';\nimport { usePropsFor } from '../ChatComposite/hooks/usePropsFor';\nimport { Suspense } from 'react';\nimport { _ErrorBoundary, RichTextSendBoxProps, RichTextEditorOptions } from '@internal/react-components';\nimport { AttachmentMetadataInProgress, MessageOptions } from '@internal/acs-ui-common';\n/*\n Wrapper for RichTextSendBox component to allow us to use usePropsFor with richTextSendBox with lazy loading\n /\nconst RichTextSendBoxWrapper = React.lazy(() => import('./RichTextSendBoxWrapper').then(module => ({\n default: module.RichTextSendBoxWrapper\n})));\nexport const loadRichTextSendBox = (): Promise<{\n default: React.ComponentType<RichTextSendBoxProps>;\n}> => import('./RichTextSendBoxWrapper').then(module => ({\n default: module.RichTextSendBoxWrapper\n}));\n/\n Options for the rich text editor send box configuration.\n \n @internal\n /\nexport interface RichTextSendBoxOptions extends RichTextEditorOptions {\n /\n Optional callback to handle an inline image that's inserted in the rich text editor.\n * When not provided, pasting images into rich text editor will be disabled.\n * @param imageAttributes - attributes of the image such as id, src, style, etc.\n * It also contains the image file name which can be accessed through imageAttributes['data-image-file-name']\n /\n onInsertInlineImage?: (imageAttributes: Record<string, string>) => void;\n /\n Optional callback invoked after inline image is removed from the UI.\n * @param imageAttributes - attributes of the image such as id, src, style, etc.\n * It also contains the image file name which can be accessed through imageAttributes['data-image-file-name'].\n * Note that if the src attribute is a local blob url, it has been revoked at this point.\n /\n onRemoveInlineImage?: (imageAttributes: Record<string, string>) => void;\n /\n Optional Array of type {@link AttachmentMetadataInProgress}\n * to render the errorBar for inline images inserted in the RichTextSendBox when:\n * - there is an error provided in the inlineImagesWithProgress\n * - progress is less than 1 when the send button is clicked\n * - content html string is longer than the max allowed length.\n * (Note that the id and the url prop of the inlineImagesWithProgress will be used as the id and src attribute of the content html\n * when calculating the content length, only for the purpose of displaying the content length overflow error.)\n /\n inlineImagesWithProgress?: AttachmentMetadataInProgress[];\n}\n/\n @private\n /\nexport type SendBoxPickerProps = {\n styles?: SendBoxStylesProps;\n autoFocus?: 'sendBoxTextField';\n onSendMessage: (content: string, options?: MessageOptions) => Promise<void>;\n richTextEditorOptions?: RichTextSendBoxOptions;\n attachments?: AttachmentMetadataInProgress[];\n onCancelAttachmentUpload?: (attachmentId: string) => void;\n};\n\n/\n @private\n */\nexport const SendBoxPicker = (props: SendBoxPickerProps): JSX.Element => {\n const {\n richTextEditorOptions\n } = props;\n const {\n onPaste,\n onInsertInlineImage,\n inlineImagesWithProgress,\n onRemoveInlineImage\n } = richTextEditorOptions \|\| {};\n const isRichTextEditorEnabled = useMemo(() => {\n return richTextEditorOptions !== undefined;\n }, [richTextEditorOptions]);\n const sendBox = useMemo(() => <SendBoxWrapper {...props} />, [props]);\n if (isRichTextEditorEnabled) {\n return <_ErrorBoundary fallback={sendBox}>\n <Suspense fallback={sendBox}>\n <RichTextSendBoxWrapper {...props} onPaste={onPaste} onInsertInlineImage={onInsertInlineImage} inlineImagesWithProgress={inlineImagesWithProgress} onRemoveInlineImage={onRemoveInlineImage} />\n </Suspense>\n </_ErrorBoundary>;\n }\n return sendBox;\n};\n\n// Move SendBox initialization to a separate component as otherwise it will cause re-render for Suspense and _ErrorBoundary when props and sendBoxProps are updated\nconst SendBoxWrapper = (props: SendBoxPickerProps): JSX.Element => {\n const sendBoxProps = usePropsFor(SendBox);\n return <SendBox {...sendBoxProps} {...props} />;\n};"]}

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

@@ -16,4 +16,9 @@ export declare const CHAT_CONTAINER_MIN_WIDTH_REM = 17.5;
  * @private
  */
 export declare const SEND_BOX_UPLOADS_KEY_VALUE = "send-box";
+/**
+ * Default rich text editor inline image file name
+ * @internal
+ */
+export declare const _DEFAULT_INLINE_IMAGE_FILE_NAME = "image.png";
 //# sourceMappingURL=constants.d.ts.map

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

@@ -18,4 +18,9 @@ export const CHAT_CONTAINER_MIN_WIDTH_REM = 17.5;
  * @private
  */
 export const SEND_BOX_UPLOADS_KEY_VALUE = 'send-box';
+/**
+ * Default rich text editor inline image file name
+ * @internal
+ */
+export const _DEFAULT_INLINE_IMAGE_FILE_NAME = 'image.png';
 //# sourceMappingURL=constants.js.map

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

	@@ -1 +1 @@
1	- {"version":3,"file":"constants.js","sourceRoot":"","sources":["../../../../../../preprocess-dist/react-composites/src/composites/common/constants.ts"],"names":[],"mappings":"AAAA,uCAAuC;AACvC,kCAAkC;AAElC;;GAEG;AACH,MAAM,CAAC,MAAM,4BAA4B,GAAG,CAAC,eAAe,EAAE,eAAe,CAAC,CAAC;AAE/E;;GAEG;AACH,MAAM,CAAC,MAAM,2BAA2B,GAAG,yHAAyH,CAAC;AAErK;;;;GAIG;AACH,MAAM,CAAC,MAAM,4BAA4B,GAAG,IAAI,CAAC;AAEjD;;GAEG;AACH,MAAM,CAAC,MAAM,0BAA0B,GAAG,UAAU,CAAC","sourcesContent":["// Copyright (c) Microsoft Corporation.\n// Licensed under the MIT License.\n\n/*\n @private\n /\nexport const UNSUPPORTED_CHAT_THREAD_TYPE = ['@thread.tacv2', '@thread.skype'];\n\n/\n @private\n /\nexport const TEAMS_LIMITATION_LEARN_MORE = 'https://learn.microsoft.com/en-us/azure/communication-services/concepts/join-teams-meeting#limitations-and-known-issues';\n\n/\n @remarks\n * This value is publicly documented in the ChatComposite API documentation.\n * Changing this value will require updating the API documentation.\n /\nexport const CHAT_CONTAINER_MIN_WIDTH_REM = 17.5;\n\n/\n @private\n */\nexport const SEND_BOX_UPLOADS_KEY_VALUE = 'send-box';"]}
1	+ {"version":3,"file":"constants.js","sourceRoot":"","sources":["../../../../../../preprocess-dist/react-composites/src/composites/common/constants.ts"],"names":[],"mappings":"AAAA,uCAAuC;AACvC,kCAAkC;AAElC;;GAEG;AACH,MAAM,CAAC,MAAM,4BAA4B,GAAG,CAAC,eAAe,EAAE,eAAe,CAAC,CAAC;AAE/E;;GAEG;AACH,MAAM,CAAC,MAAM,2BAA2B,GAAG,yHAAyH,CAAC;AAErK;;;;GAIG;AACH,MAAM,CAAC,MAAM,4BAA4B,GAAG,IAAI,CAAC;AAEjD;;GAEG;AACH,MAAM,CAAC,MAAM,0BAA0B,GAAG,UAAU,CAAC;AACrD;;;GAGG;AACH,MAAM,CAAC,MAAM,+BAA+B,GAAG,WAAW,CAAC","sourcesContent":["// Copyright (c) Microsoft Corporation.\n// Licensed under the MIT License.\n\n/*\n @private\n /\nexport const UNSUPPORTED_CHAT_THREAD_TYPE = ['@thread.tacv2', '@thread.skype'];\n\n/\n @private\n /\nexport const TEAMS_LIMITATION_LEARN_MORE = 'https://learn.microsoft.com/en-us/azure/communication-services/concepts/join-teams-meeting#limitations-and-known-issues';\n\n/\n @remarks\n * This value is publicly documented in the ChatComposite API documentation.\n * Changing this value will require updating the API documentation.\n /\nexport const CHAT_CONTAINER_MIN_WIDTH_REM = 17.5;\n\n/\n @private\n /\nexport const SEND_BOX_UPLOADS_KEY_VALUE = 'send-box';\n/\n Default rich text editor inline image file name\n * @internal\n */\nexport const _DEFAULT_INLINE_IMAGE_FILE_NAME = 'image.png';"]}

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

@@ -24,6 +24,7 @@ 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;
@@ -114,10 +115,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;
+    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;
     ErrorBarMutedByRemoteParticipant: React.JSX.Element;
@@ -137,6 +141,12 @@ export declare const DEFAULT_COMPOSITE_ICONS: {
     ResumeCall: React.JSX.Element;
     VideoTileCameraOff: 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;
+    BrowserPermissionDeniedError: React.JSX.Element;
     VideoTilePinned: React.JSX.Element;
     ParticipantItemPinned: React.JSX.Element;
     VideoTileMoreOptions: React.JSX.Element;
@@ -166,6 +176,20 @@ 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;
     ContextualMenuMicMutedIcon: React.JSX.Element;
     IncomingCallNotificationRejectIcon: React.JSX.Element;
     IncomingCallNotificationAcceptIcon: React.JSX.Element;
@@ -197,6 +221,7 @@ 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.

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

@@ -12,6 +12,7 @@ import React from 'react';
 import { PeopleAudience20Regular } from '@fluentui/react-icons';
 // eslint-disable-next-line no-restricted-imports
 import { FontIcon, Spinner, SpinnerSize } from '@fluentui/react';
+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 });
@@ -52,6 +53,7 @@ export const COMPOSITE_ONLY_ICONS = {
     NoticePageRoomNotValid: React.createElement(Info20Filled, null),
     NoticePageCallRejected: React.createElement(Info20Filled, null),
     NoticePageCallTimeout: React.createElement(Info20Filled, null),
+    SendBoxAttachFile: React.createElement(Attach20Regular, null),
     PeoplePaneAddPerson: React.createElement(PersonAdd20Regular, null),
     PeoplePaneOpenDialpad: React.createElement(Dialpad20Regular, null),
     DialpadStartCall: React.createElement(Call20Regular, 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';\nimport { PersonCall20Regular, Clock20Filled } from '@fluentui/react-icons';\nimport { MoreHorizontal20Filled, VideoPersonStarOff20Filled } from '@fluentui/react-icons';\nimport { MicProhibited20Filled, VideoProhibited20Filled } from '@fluentui/react-icons';\nimport { Grid20Regular } from '@fluentui/react-icons';\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';\nimport { PeopleAudience20Regular } from '@fluentui/react-icons';\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 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 PeoplePaneAddPerson: <PersonAdd20Regular />,\n PeoplePaneOpenDialpad: <Dialpad20Regular />,\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 PhoneNumberButton: <PersonCall20Regular />,\n JoinByPhoneDialStepIcon: <PersonCall20Regular />,\n JoinByPhoneConferenceIdIcon: <Dialpad20Regular />,\n JoinByPhoneWaitToBeAdmittedIcon: <Clock20Filled />,\n PeoplePaneMoreButton: <MoreHorizontal20Filled />,\n StopAllSpotlightMenuButton: <VideoPersonStarOff20Filled />,\n TogetherModeLayout: <PeopleAudience20Regular />\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 ControlButtonCameraProhibitedSmall?: JSX.Element;\n ControlButtonMicProhibited?: JSX.Element;\n ControlButtonMicProhibitedSmall?: JSX.Element;\n ControlButtonRaiseHand?: JSX.Element;\n ControlButtonLowerHand?: JSX.Element;\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 PeoplePaneAddPerson?: JSX.Element;\n PeoplePaneOpenDialpad?: JSX.Element;\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 PhoneNumberButton?: JSX.Element;\n JoinByPhoneDialStepIcon?: JSX.Element;\n JoinByPhoneConferenceIdIcon?: JSX.Element;\n JoinByPhoneWaitToBeAdmittedIcon?: JSX.Element;\n PeoplePaneMoreButton?: JSX.Element;\n StopAllSpotlightMenuButton?: JSX.Element;\n TogetherModeLayout?: 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 ControlButtonCameraProhibitedSmall?: JSX.Element;\n ControlButtonMicProhibited?: JSX.Element;\n ControlButtonMicProhibitedSmall?: 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 PeoplePaneAddPerson?: JSX.Element;\n PeoplePaneOpenDialpad?: JSX.Element;\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 PeoplePaneMoreButton?: JSX.Element;\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;"]}
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';\nimport { PersonCall20Regular, Clock20Filled } from '@fluentui/react-icons';\nimport { MoreHorizontal20Filled, VideoPersonStarOff20Filled } from '@fluentui/react-icons';\nimport { MicProhibited20Filled, VideoProhibited20Filled } from '@fluentui/react-icons';\nimport { Grid20Regular } from '@fluentui/react-icons';\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';\nimport { PeopleAudience20Regular } from '@fluentui/react-icons';\n// eslint-disable-next-line no-restricted-imports\nimport { FontIcon, IIconProps, Spinner, SpinnerSize } from '@fluentui/react';\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 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 SendBoxAttachFile: <Attach20Regular />,\n PeoplePaneAddPerson: <PersonAdd20Regular />,\n PeoplePaneOpenDialpad: <Dialpad20Regular />,\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 PhoneNumberButton: <PersonCall20Regular />,\n JoinByPhoneDialStepIcon: <PersonCall20Regular />,\n JoinByPhoneConferenceIdIcon: <Dialpad20Regular />,\n JoinByPhoneWaitToBeAdmittedIcon: <Clock20Filled />,\n PeoplePaneMoreButton: <MoreHorizontal20Filled />,\n StopAllSpotlightMenuButton: <VideoPersonStarOff20Filled />,\n TogetherModeLayout: <PeopleAudience20Regular />\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 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 ControlButtonCameraProhibitedSmall?: JSX.Element;\n ControlButtonMicProhibited?: JSX.Element;\n ControlButtonMicProhibitedSmall?: JSX.Element;\n ControlButtonRaiseHand?: JSX.Element;\n ControlButtonLowerHand?: JSX.Element;\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 PeoplePaneAddPerson?: JSX.Element;\n PeoplePaneOpenDialpad?: JSX.Element;\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 PhoneNumberButton?: JSX.Element;\n JoinByPhoneDialStepIcon?: JSX.Element;\n JoinByPhoneConferenceIdIcon?: JSX.Element;\n JoinByPhoneWaitToBeAdmittedIcon?: JSX.Element;\n PeoplePaneMoreButton?: JSX.Element;\n StopAllSpotlightMenuButton?: JSX.Element;\n TogetherModeLayout?: 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 ControlButtonCameraProhibitedSmall?: JSX.Element;\n ControlButtonMicProhibited?: JSX.Element;\n ControlButtonMicProhibitedSmall?: 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 PeoplePaneAddPerson?: JSX.Element;\n PeoplePaneOpenDialpad?: JSX.Element;\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 PeoplePaneMoreButton?: JSX.Element;\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/package.json CHANGED Viewed

@@ -1,6 +1,6 @@
 {
   "name": "@azure/communication-react",
-  "version": "1.30.0",
+  "version": "1.31.0-beta.1",
   "sideEffects": false,
   "description": "React library for building modern communication user experiences utilizing Azure Communication Services",
   "keywords": [
@@ -23,7 +23,7 @@
   },
   "types": "dist/communication-react.d.ts",
   "dependencies": {
-    "@azure/communication-common": "^2.4.0",
+    "@azure/communication-common": "^2.3.2-beta.1",
     "@azure/core-paging": "^1.5.0",
     "@azure/logger": "^1.0.4",
     "@fluentui/react-components": "9.62.0",
@@ -56,8 +56,8 @@
   },
   "peerDependencies": {
     "@azure/communication-calling-effects": "^1.1.4",
-    "@azure/communication-calling": "^1.37.1",
-    "@azure/communication-chat": ">=1.6.0",
+    "@azure/communication-calling": "1.38.1-beta.1",
+    "@azure/communication-chat": "1.6.0-beta.7",
     "@types/react": ">=16.8.0 <19.0.0",
     "@types/react-dom": ">=16.8.0 <19.0.0",
     "react": ">=16.8.0 <19.0.0",