@azure/communication-react 1.16.0-alpha-202404270012 → 1.16.0-beta.1

package/dist/communication-react.d.ts

@@ -30,7 +30,6 @@ import { CallClientOptions } from '@azure/communication-calling';
 import { CallDirection } from '@azure/communication-calling';
 import { CallEndReason } from '@azure/communication-calling';
 import { CallerInfo } from '@azure/communication-calling';
-import { CallInfo } from '@azure/communication-calling';
 import { CallKind } from '@azure/communication-calling';
 import { CallState as CallState_2 } from '@azure/communication-calling';
 import { CallSurvey } from '@azure/communication-calling';
@@ -104,8 +103,6 @@ import { StartCallOptions } from '@azure/communication-calling';
 import { StartCaptionsOptions } from '@azure/communication-calling';
 import { TeamsCall } from '@azure/communication-calling';
 import { TeamsCallAgent } from '@azure/communication-calling';
-import { TeamsCallInfo } from '@azure/communication-calling';
-import { TeamsMeetingIdLocator } from '@azure/communication-calling';
 import { TeamsMeetingLinkLocator } from '@azure/communication-calling';
 import { Theme } from '@fluentui/react';
 import { TransferEventArgs } from '@azure/communication-calling';
@@ -488,7 +485,7 @@ export declare type AzureCommunicationCallWithChatAdapterArgs = {
     userId: CommunicationUserIdentifier;
     displayName: string;
     credential: CommunicationTokenCredential;
-    locator: CallAndChatLocator | TeamsMeetingLinkLocator | /** @conditional-compile-remove(meeting-id) */ TeamsMeetingIdLocator;
+    locator: CallAndChatLocator | TeamsMeetingLinkLocator;
     alternateCallerId?: string;
     callAdapterOptions?: AzureCommunicationCallAdapterOptions;
 };
@@ -1128,10 +1125,6 @@ export declare type CallAdapterClientState = {
      * Call from transfer request accepted by local user
      */
     acceptedTransferCallState?: CallState;
-    /**
-     * Hide attendee names in teams meeting
-     */
-    hideAttendeeNames?: boolean;
     /**
      * State to track the sounds to be used in the call.
      */
@@ -1225,7 +1218,7 @@ export declare interface CallAdapterDeviceManagement {
  *
  * @public
  */
-export declare type CallAdapterLocator = TeamsMeetingLinkLocator | GroupCallLocator | RoomCallLocator | /* @conditional-compile-remove(teams-adhoc-call) */ /* @conditional-compile-remove(PSTN-calls) */ CallParticipantsLocator | /* @conditional-compile-remove(meeting-id) */ TeamsMeetingIdLocator;
+export declare type CallAdapterLocator = TeamsMeetingLinkLocator | GroupCallLocator | RoomCallLocator | /* @conditional-compile-remove(teams-adhoc-call) */ /* @conditional-compile-remove(PSTN-calls) */ CallParticipantsLocator;
 
 /**
  * {@link CommonCallAdapter} state.
@@ -2629,10 +2622,6 @@ export declare interface CallCompositeStrings {
      * Content of confirm dialog when leaving
      */
     endCallConfirmDialogContent?: string;
-    /**
-     * Error message when the meeting identifier or passcode is invalid
-     */
-    invalidMeetingIdentifier: string;
 }
 
 /**
@@ -2647,7 +2636,7 @@ export declare type CallControlDisplayType = 'default' | 'compact';
  *
  * @public
  */
-export declare type CallControlOptions = CommonCallControlOptions & {
+export declare type CallControlOptions = (CommonCallControlOptions & {
     /**
      * Show, Hide or Disable participants button during a call. This is the option only work for legacyControl bar.
      * @defaultValue true
@@ -2656,7 +2645,7 @@ export declare type CallControlOptions = CommonCallControlOptions & {
         disabled: boolean;
     };
     legacyControlBarExperience?: boolean;
-};
+});
 
 /**
  * Callback for {@link CallAdapterSubscribers} 'callEnded' event.
@@ -3014,18 +3003,10 @@ export declare interface CallState {
      * Proxy of {@link @azure/communication-calling#CapabilitiesFeature}.
      */
     capabilitiesFeature?: CapabilitiesFeatureState;
-    /**
-     * Hide attendee names in teams meeting
-     */
-    hideAttendeeNames?: boolean;
     /**
      * Proxy of {@link @azure/communication-calling#SpotlightCallFeature}.
      */
     spotlight?: SpotlightCallFeatureState;
-    /**
-     * Proxy of {@link @azure/communication-calling#Call.info}.
-     */
-    info?: CallInfo | TeamsCallInfo;
 }
 
 /**
@@ -3527,8 +3508,6 @@ export declare interface CallWithChatAdapterSubscriptions {
     off(event: 'chatParticipantsAdded', listener: ParticipantsAddedListener): void;
     off(event: 'chatParticipantsRemoved', listener: ParticipantsRemovedListener): void;
     off(event: 'chatError', listener: (e: AdapterError) => void): void;
-    on(event: 'chatInitialized', listener: ChatInitializedListener): void;
-    off(event: 'chatInitialized', listener: ChatInitializedListener): void;
 }
 
 /**
@@ -3599,8 +3578,6 @@ export declare interface CallWithChatClientState {
     onResolveVideoEffectDependency?: () => Promise<VideoBackgroundEffectsDependency>;
     /** State to track the selected video background effect */
     selectedVideoBackgroundEffect?: VideoBackgroundEffect;
-    /** Hide attendee names in teams meeting */
-    hideAttendeeNames?: boolean;
     /**
      * Reaction resources to render in meetings
      * */
@@ -4085,7 +4062,7 @@ export declare interface CallWithChatControlOptions extends CommonCallControlOpt
  *
  * @public
  */
-export declare type CallWithChatEvent = 'callError' | 'chatError' | 'callEnded' | 'isMutedChanged' | 'callIdChanged' | 'isLocalScreenSharingActiveChanged' | 'displayNameChanged' | 'isSpeakingChanged' | 'callParticipantsJoined' | 'callParticipantsLeft' | 'selectedMicrophoneChanged' | 'selectedSpeakerChanged' | 'isCaptionsActiveChanged' | 'captionsReceived' | 'isCaptionLanguageChanged' | 'isSpokenLanguageChanged' | 'capabilitiesChanged' | /* @conditional-compile-remove(spotlight) */ 'spotlightChanged' | 'messageReceived' | 'messageEdited' | 'messageDeleted' | 'messageSent' | 'messageRead' | 'chatParticipantsAdded' | 'chatParticipantsRemoved' | 'chatInitialized';
+export declare type CallWithChatEvent = 'callError' | 'chatError' | 'callEnded' | 'isMutedChanged' | 'callIdChanged' | 'isLocalScreenSharingActiveChanged' | 'displayNameChanged' | 'isSpeakingChanged' | 'callParticipantsJoined' | 'callParticipantsLeft' | 'selectedMicrophoneChanged' | 'selectedSpeakerChanged' | 'isCaptionsActiveChanged' | 'captionsReceived' | 'isCaptionLanguageChanged' | 'isSpokenLanguageChanged' | 'capabilitiesChanged' | /* @conditional-compile-remove(spotlight) */ 'spotlightChanged' | 'messageReceived' | 'messageEdited' | 'messageDeleted' | 'messageSent' | 'messageRead' | 'chatParticipantsAdded' | 'chatParticipantsRemoved';
 
 /**
  * @beta
@@ -4506,7 +4483,7 @@ export declare type CaptionsReceivedListener = (event: {
  *
  * @public
  */
-export declare type ChatAdapter = ChatAdapterThreadManagement & AdapterState<ChatAdapterState> & Disposable_2 & ChatAdapterSubscribers & _AttachmentUploadAdapter;
+export declare type ChatAdapter = ChatAdapterThreadManagement & AdapterState<ChatAdapterState> & Disposable_2 & ChatAdapterSubscribers & /* @conditional-compile-remove(attachment-upload) */ _AttachmentUploadAdapter;
 
 /**
  * {@link ChatAdapter} state.
@@ -4634,7 +4611,7 @@ export declare interface ChatAdapterThreadManagement {
     /**
      * Update a message content.
      */
-    updateMessage(messageId: string, content: string, metadata?: Record<string, string>, options?: {
+    updateMessage(messageId: string, content: string, metadata?: Record<string, string>, /* @conditional-compile-remove(attachment-upload) */ options?: {
         attachmentMetadata?: AttachmentMetadata[];
     }): Promise<void>;
     /**
@@ -4936,22 +4913,13 @@ export declare type ChatHandlers = {
     onRemoveParticipant: (userId: string) => Promise<void>;
     updateThreadTopicName: (topicName: string) => Promise<void>;
     onLoadPreviousChatMessages: (messagesToLoad: number) => Promise<boolean>;
-    onUpdateMessage: (messageId: string, content: string, options?: {
+    onUpdateMessage: (messageId: string, content: string, /* @conditional-compile-remove(attachment-upload) */ options?: {
         metadata?: Record<string, string>;
         attachmentMetadata?: AttachmentMetadata[];
     }) => Promise<void>;
     onDeleteMessage: (messageId: string) => Promise<void>;
 };
 
-/**
- * Callback for {@link CallWithChatAdapterSubscribers} 'chatInitialized' event.
- *
- * @public
- */
-export declare type ChatInitializedListener = (event: {
-    adapter: CallWithChatAdapter;
-}) => void;
-
 /**
  * A chat message.
  *
@@ -6375,7 +6343,7 @@ export declare const darkTheme: PartialTheme & CallingTheme;
  * @beta
  * `DeclarativeCallAgent` extends and proxies the {@link @azure/communication-calling#CallAgent}
  */
-export declare type DeclarativeCallAgent = CallAgent & IncomingCallManagement;
+export declare type DeclarativeCallAgent = CallAgent & /* @conditional-compile-remove(one-to-n-calling) */ IncomingCallManagement;
 
 /**
  * @beta
@@ -8896,8 +8864,6 @@ export declare interface ParticipantItemStrings {
     participantStateRinging?: string;
     /** String shown when `participantState` is `Hold` */
     participantStateHold?: string;
-    /** String for the attendee role */
-    attendeeRole: string;
 }
 
 /**
@@ -10971,7 +10937,7 @@ export declare interface UnsupportedOperatingSystemStrings {
  * @public
  * Callback function run when a message is updated.
  */
-export declare type UpdateMessageCallback = (messageId: string, content: string, options?: {
+export declare type UpdateMessageCallback = (messageId: string, content: string, /* @conditional-compile-remove(attachment-upload) */ options?: {
     metadata?: Record<string, string>;
     attachmentMetadata?: AttachmentMetadata[];
 }) => Promise<void>;
@@ -11299,7 +11265,7 @@ export declare const VideoGallery: (props: VideoGalleryProps) => JSX.Element;
 /**
  * @public
  */
-export declare type VideoGalleryLayout = 'default' | 'floatingLocalVideo' | 'speaker' | /* @conditional-compile-remove(large-gallery) */ 'largeGallery' | 'focusedContent';
+export declare type VideoGalleryLayout = 'default' | 'floatingLocalVideo' | 'speaker' | 'focusedContent';
 
 /**
  * The state of the local participant in the {@link VideoGallery}.
@@ -11580,8 +11546,6 @@ export declare interface VideoGalleryStrings {
     stopSpotlightVideoTileMenuLabel: string;
     /** Menu text shown in Video Tile contextual menu to stop spotlight on local user's video tile */
     stopSpotlightOnSelfVideoTileMenuLabel: string;
-    /** String for the attendee role */
-    attendeeRole: string;
 }
 
 /**

package/dist/dist-cjs/communication-react/{ChatMessageComponentAsRichTextEditBox-DSlV4PZz.js → ChatMessageComponentAsRichTextEditBox-N5ydNkHZ.js}

@@ -4,7 +4,7 @@ var react = require('@fluentui/react');
 var reactChat = require('@fluentui-contrib/react-chat');
 var reactComponents = require('@fluentui/react-components');
 require('@azure/communication-common');
-var index = require('./index-aGXLnB_I.js');
+var index = require('./index-BaI-AJud.js');
 var React = require('react');
 require('reselect');
 require('@azure/communication-calling');
@@ -47,8 +47,7 @@ const ChatMessageComponentAsRichTextEditBox = (props) => {
     const [attachmentMetadata, setAttachmentMetadata] = React.useState(index.getMessageWithAttachmentMetadata(message));
     const editTextFieldRef = React.useRef(null);
     const theme = index.useTheme();
-    const messageState = index.getMessageState(textValue, 
-    /* @conditional-compile-remove(attachment-upload) */ attachmentMetadata !== null && attachmentMetadata !== void 0 ? attachmentMetadata : []);
+    const messageState = index.getMessageState(textValue, /* @conditional-compile-remove(attachment-upload) */ attachmentMetadata !== null && attachmentMetadata !== void 0 ? attachmentMetadata : []);
     const submitEnabled = messageState === 'OK';
     const editContainerStyles = index.useChatMessageRichTextEditContainerStyles();
     const chatMyMessageStyles = index.useChatMyMessageStyles();
@@ -56,12 +55,14 @@ const ChatMessageComponentAsRichTextEditBox = (props) => {
     const setText = (newValue) => {
         setTextValue(newValue !== null && newValue !== void 0 ? newValue : '');
     };
-    const textTooLongMessage = messageState === 'too long'
-        ? index._formatString(strings.editBoxTextLimit, { limitNumber: `${index.MAXIMUM_LENGTH_OF_MESSAGE}` })
-        : undefined;
+    const textTooLongMessage = messageState === 'too long' ? index._formatString(strings.editBoxTextLimit, {
+        limitNumber: `${index.MAXIMUM_LENGTH_OF_MESSAGE}`
+    }) : undefined;
     const iconClassName = React.useCallback((isHover) => {
         const color = isHover ? theme.palette.accent : theme.palette.neutralSecondary;
-        return react.mergeStyles(index.richTextEditBoxActionButtonIcon, { color });
+        return react.mergeStyles(index.richTextEditBoxActionButtonIcon, {
+            color
+        });
     }, [theme.palette.accent, theme.palette.neutralSecondary]);
     const onRenderThemedCancelIcon = React.useCallback((isHover) => {
         return index.onRenderCancelIcon(iconClassName(isHover));
@@ -70,60 +71,45 @@ const ChatMessageComponentAsRichTextEditBox = (props) => {
         return index.onRenderSubmitIcon(iconClassName(isHover));
     }, [iconClassName]);
     const actionButtons = React.useMemo(() => {
-        return (React.createElement(react.Stack, { horizontal: true },
+        return React.createElement(react.Stack, { horizontal: true },
             React.createElement(index.InputBoxButton, { className: index.richTextActionButtonsStyle, ariaLabel: strings.editBoxCancelButton, tooltipContent: strings.editBoxCancelButton, onRenderIcon: onRenderThemedCancelIcon, onClick: () => {
                     onCancel && onCancel(message.messageId);
-                }, id: 'dismissIconWrapper', "data-testId": strings.editBoxCancelButton }),
-            React.createElement(index.InputBoxButton, { className: index.richTextActionButtonsStyle, ariaLabel: strings.editBoxSubmitButton, tooltipContent: strings.editBoxSubmitButton, onRenderIcon: onRenderThemedSubmitIcon, onClick: (e) => {
-                    submitEnabled &&
-                        onSubmit(textValue, message.metadata, 
-                        /* @conditional-compile-remove(attachment-upload) */ {
-                            attachmentMetadata
-                        });
+                }, id: 'dismissIconWrapper' }),
+            React.createElement(index.InputBoxButton, { className: index.richTextActionButtonsStyle, ariaLabel: strings.editBoxSubmitButton, tooltipContent: strings.editBoxSubmitButton, onRenderIcon: onRenderThemedSubmitIcon, onClick: e => {
+                    submitEnabled && onSubmit(textValue, message.metadata, /* @conditional-compile-remove(attachment-upload) */ {
+                        attachmentMetadata
+                    });
                     e.stopPropagation();
-                }, id: 'submitIconWrapper', "data-testId": strings.editBoxSubmitButton })));
-    }, [
-        /* @conditional-compile-remove(attachment-upload) */ attachmentMetadata,
-        message.messageId,
-        message.metadata,
-        onCancel,
-        onRenderThemedCancelIcon,
-        onRenderThemedSubmitIcon,
-        onSubmit,
-        strings.editBoxCancelButton,
-        strings.editBoxSubmitButton,
-        submitEnabled,
-        textValue
-    ]);
+                }, id: 'submitIconWrapper' }));
+    }, [/* @conditional-compile-remove(attachment-upload) */ attachmentMetadata, message.messageId, message.metadata, onCancel, onRenderThemedCancelIcon, onRenderThemedSubmitIcon, onSubmit, strings.editBoxCancelButton, strings.editBoxSubmitButton, submitEnabled, textValue]);
     const richTextLocaleStrings = React.useMemo(() => {
         /* @conditional-compile-remove(rich-text-editor) */
         return locale.richTextSendBox;
     }, [/* @conditional-compile-remove(rich-text-editor) */ locale.richTextSendBox, locale.sendBox]);
     /* @conditional-compile-remove(attachment-download) @conditional-compile-remove(attachment-upload) */
     const onCancelAttachmentUpload = React.useCallback((attachmentId) => {
-        setAttachmentMetadata(attachmentMetadata === null || attachmentMetadata === void 0 ? void 0 : attachmentMetadata.filter((attachment) => attachment.id !== attachmentId));
+        setAttachmentMetadata(attachmentMetadata === null || attachmentMetadata === void 0 ? void 0 : attachmentMetadata.filter(attachment => attachment.id !== attachmentId));
     }, [attachmentMetadata]);
     /* @conditional-compile-remove(attachment-download) @conditional-compile-remove(attachment-upload) */
     const onRenderAttachmentUploads = React.useCallback(() => {
-        return (React.createElement(react.Stack, { className: index.attachmentUploadCardsStyles },
+        return React.createElement(react.Stack, { className: index.attachmentUploadCardsStyles },
             React.createElement(index.FluentV9ThemeProvider, { v8Theme: theme },
-                React.createElement(index._AttachmentUploadCards, { attachmentsWithProgress: attachmentMetadata, onCancelAttachmentUpload: onCancelAttachmentUpload }))));
+                React.createElement(index._AttachmentUploadCards, { attachmentsWithProgress: attachmentMetadata, onCancelAttachmentUpload: onCancelAttachmentUpload })));
     }, [attachmentMetadata, onCancelAttachmentUpload, theme]);
     const getContent = () => {
-        return (React.createElement(react.Stack, { className: react.mergeStyles(index.editBoxWidthStyles) },
+        return React.createElement(react.Stack, { className: react.mergeStyles(index.editBoxWidthStyles) },
             React.createElement(index.RichTextSendBoxErrors, { textTooLongMessage: textTooLongMessage, systemMessage: message.failureReason }),
             React.createElement(index.RichTextInputBoxComponent, { placeholderText: strings.editBoxPlaceholderText, onChange: setText, editorComponentRef: editTextFieldRef, initialContent: message.content, content: textValue, strings: richTextLocaleStrings, disabled: false, actionComponents: actionButtons, richTextEditorStyleProps: index.editBoxRichTextEditorStyle, isHorizontalLayoutDisabled: true, 
-                /* @conditional-compile-remove(attachment-upload) */
-                onRenderAttachmentUploads: onRenderAttachmentUploads })));
+                /* @conditional-compile-remove(attachment-upload) */ onRenderAttachmentUploads: onRenderAttachmentUploads }));
     };
     const attached = message.attached === true ? 'center' : message.attached === 'bottom' ? 'bottom' : 'top';
-    return (React.createElement(reactChat.ChatMyMessage, { attached: attached, root: {
+    return React.createElement(reactChat.ChatMyMessage, { attached: attached, root: {
             className: chatMyMessageStyles.root
         }, body: {
             className: reactComponents.mergeClasses(editContainerStyles.body, attached !== 'top' ? editContainerStyles.bodyAttached : undefined)
-        } }, getContent()));
+        } }, getContent());
 };
 
 exports.ChatMessageComponentAsRichTextEditBox = ChatMessageComponentAsRichTextEditBox;
 exports.default = ChatMessageComponentAsRichTextEditBox;
-//# sourceMappingURL=ChatMessageComponentAsRichTextEditBox-DSlV4PZz.js.map
+//# sourceMappingURL=ChatMessageComponentAsRichTextEditBox-N5ydNkHZ.js.map

package/dist/dist-cjs/communication-react/ChatMessageComponentAsRichTextEditBox-N5ydNkHZ.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ChatMessageComponentAsRichTextEditBox-N5ydNkHZ.js","sources":["../../../preprocess-dist/react-components/src/components/ChatMessage/MyMessageComponents/ChatMessageComponentAsRichTextEditBox.tsx"],"sourcesContent":["// Copyright (c) Microsoft Corporation.\n// Licensed under the MIT License.\n\nimport { mergeStyles, Stack } from '@fluentui/react';\nimport { ChatMyMessage } from '@fluentui-contrib/react-chat';\nimport { mergeClasses } from '@fluentui/react-components';\nimport { _formatString } from '@internal/acs-ui-common';\nimport { useTheme } from '../../../theming';\nimport React, { useCallback, useMemo, useState } from 'react';\nimport { editBoxWidthStyles, richTextEditBoxActionButtonIcon } from '../../styles/EditBox.styles';\nimport { InputBoxButton } from '../../InputBoxButton';\nimport { MessageThreadStrings } from '../../MessageThread';\nimport { useChatMyMessageStyles } from '../../styles/MessageThread.styles';\nimport { ChatMessage } from '../../../types';\nimport { _AttachmentUploadCards } from '../../AttachmentUploadCards';\n/* @conditional-compile-remove(attachment-upload) */\nimport { AttachmentMetadata } from '../../../types/Attachment';\nimport { useChatMessageRichTextEditContainerStyles } from '../../styles/ChatMessageComponent.styles';\nimport { MAXIMUM_LENGTH_OF_MESSAGE } from '../../utils/SendBoxUtils';\nimport { getMessageState, onRenderCancelIcon, onRenderSubmitIcon } from '../../utils/ChatMessageComponentAsEditBoxUtils';\n/* @conditional-compile-remove(attachment-upload) */\nimport { getMessageWithAttachmentMetadata } from '../../utils/ChatMessageComponentAsEditBoxUtils';\nimport { RichTextEditorComponentRef } from '../../RichTextEditor/RichTextEditor';\nimport { RichTextInputBoxComponent } from '../../RichTextEditor/RichTextInputBoxComponent';\nimport { editBoxRichTextEditorStyle, richTextActionButtonsStyle } from '../../styles/RichTextEditor.styles';\nimport { RichTextSendBoxErrors } from '../../RichTextEditor/RichTextSendBoxErrors';\nimport { useLocale } from '../../../localization';\n/* @conditional-compile-remove(attachment-download) @conditional-compile-remove(attachment-upload) */\nimport { FluentV9ThemeProvider } from '../../../theming/FluentV9ThemeProvider';\n/* @conditional-compile-remove(attachment-upload) */\nimport { attachmentUploadCardsStyles } from '../../styles/SendBox.styles';\n\n/** @private */\nexport type ChatMessageComponentAsRichTextEditBoxProps = {\n  onCancel?: (messageId: string) => void;\n  onSubmit: (text: string, metadata?: Record<string, string>, options?: {\n    /* @conditional-compile-remove(attachment-upload) */\n    attachmentMetadata?: AttachmentMetadata[];\n  }) => void;\n  message: ChatMessage;\n  strings: MessageThreadStrings;\n};\n\n/**\n * @private\n */\nexport const ChatMessageComponentAsRichTextEditBox = (props: ChatMessageComponentAsRichTextEditBoxProps): JSX.Element => {\n  const {\n    onCancel,\n    onSubmit,\n    strings,\n    message\n  } = props;\n  const [textValue, setTextValue] = useState<string>(message.content || '');\n  /* @conditional-compile-remove(attachment-download) @conditional-compile-remove(attachment-upload) */\n  const [attachmentMetadata, setAttachmentMetadata] = useState(getMessageWithAttachmentMetadata(message));\n  const editTextFieldRef = React.useRef<RichTextEditorComponentRef>(null);\n  const theme = useTheme();\n  const messageState = getMessageState(textValue, /* @conditional-compile-remove(attachment-upload) */attachmentMetadata ?? []);\n  const submitEnabled = messageState === 'OK';\n  const editContainerStyles = useChatMessageRichTextEditContainerStyles();\n  const chatMyMessageStyles = useChatMyMessageStyles();\n  const locale = useLocale().strings;\n  const setText = (newValue?: string): void => {\n    setTextValue(newValue ?? '');\n  };\n  const textTooLongMessage = messageState === 'too long' ? _formatString(strings.editBoxTextLimit, {\n    limitNumber: `${MAXIMUM_LENGTH_OF_MESSAGE}`\n  }) : undefined;\n  const iconClassName = useCallback((isHover: boolean) => {\n    const color = isHover ? theme.palette.accent : theme.palette.neutralSecondary;\n    return mergeStyles(richTextEditBoxActionButtonIcon, {\n      color\n    });\n  }, [theme.palette.accent, theme.palette.neutralSecondary]);\n  const onRenderThemedCancelIcon = useCallback((isHover: boolean) => {\n    return onRenderCancelIcon(iconClassName(isHover));\n  }, [iconClassName]);\n  const onRenderThemedSubmitIcon = useCallback((isHover: boolean) => {\n    return onRenderSubmitIcon(iconClassName(isHover));\n  }, [iconClassName]);\n  const actionButtons = useMemo(() => {\n    return <Stack horizontal>\n        <InputBoxButton className={richTextActionButtonsStyle} ariaLabel={strings.editBoxCancelButton} tooltipContent={strings.editBoxCancelButton} onRenderIcon={onRenderThemedCancelIcon} onClick={() => {\n        onCancel && onCancel(message.messageId);\n      }} id={'dismissIconWrapper'} />\n        <InputBoxButton className={richTextActionButtonsStyle} ariaLabel={strings.editBoxSubmitButton} tooltipContent={strings.editBoxSubmitButton} onRenderIcon={onRenderThemedSubmitIcon} onClick={e => {\n        submitEnabled && onSubmit(textValue, message.metadata, /* @conditional-compile-remove(attachment-upload) */{\n          attachmentMetadata\n        });\n        e.stopPropagation();\n      }} id={'submitIconWrapper'} />\n      </Stack>;\n  }, [/* @conditional-compile-remove(attachment-upload) */attachmentMetadata, message.messageId, message.metadata, onCancel, onRenderThemedCancelIcon, onRenderThemedSubmitIcon, onSubmit, strings.editBoxCancelButton, strings.editBoxSubmitButton, submitEnabled, textValue]);\n  const richTextLocaleStrings = useMemo(() => {\n    /* @conditional-compile-remove(rich-text-editor) */\n    return locale.richTextSendBox;\n    return locale.sendBox;\n  }, [/* @conditional-compile-remove(rich-text-editor) */locale.richTextSendBox, locale.sendBox]);\n\n  /* @conditional-compile-remove(attachment-download) @conditional-compile-remove(attachment-upload) */\n  const onCancelAttachmentUpload = useCallback((attachmentId: string) => {\n    setAttachmentMetadata(attachmentMetadata?.filter(attachment => attachment.id !== attachmentId));\n  }, [attachmentMetadata]);\n\n  /* @conditional-compile-remove(attachment-download) @conditional-compile-remove(attachment-upload) */\n  const onRenderAttachmentUploads = useCallback(() => {\n    return <Stack className={attachmentUploadCardsStyles}>\n        <FluentV9ThemeProvider v8Theme={theme}>\n          <_AttachmentUploadCards attachmentsWithProgress={attachmentMetadata} onCancelAttachmentUpload={onCancelAttachmentUpload} />\n        </FluentV9ThemeProvider>\n      </Stack>;\n  }, [attachmentMetadata, onCancelAttachmentUpload, theme]);\n  const getContent = (): JSX.Element => {\n    return <Stack className={mergeStyles(editBoxWidthStyles)}>\n        <RichTextSendBoxErrors textTooLongMessage={textTooLongMessage} systemMessage={message.failureReason} />\n        <RichTextInputBoxComponent placeholderText={strings.editBoxPlaceholderText} onChange={setText} editorComponentRef={editTextFieldRef} initialContent={message.content} content={textValue} strings={richTextLocaleStrings} disabled={false} actionComponents={actionButtons} richTextEditorStyleProps={editBoxRichTextEditorStyle} isHorizontalLayoutDisabled={true}\n      /* @conditional-compile-remove(attachment-upload) */ onRenderAttachmentUploads={onRenderAttachmentUploads} />\n      </Stack>;\n  };\n  const attached = message.attached === true ? 'center' : message.attached === 'bottom' ? 'bottom' : 'top';\n  return <ChatMyMessage attached={attached} root={{\n    className: chatMyMessageStyles.root\n  }} body={{\n    className: mergeClasses(editContainerStyles.body, attached !== 'top' ? editContainerStyles.bodyAttached : undefined)\n  }}>\n      {getContent()}\n    </ChatMyMessage>;\n};\nexport default ChatMessageComponentAsRichTextEditBox;"],"names":["useState","getMessageWithAttachmentMetadata","useTheme","getMessageState","useChatMessageRichTextEditContainerStyles","useChatMyMessageStyles","useLocale","_formatString","MAXIMUM_LENGTH_OF_MESSAGE","useCallback","mergeStyles","richTextEditBoxActionButtonIcon","onRenderCancelIcon","onRenderSubmitIcon","useMemo","Stack","InputBoxButton","richTextActionButtonsStyle","attachmentUploadCardsStyles","FluentV9ThemeProvider","_AttachmentUploadCards","editBoxWidthStyles","RichTextSendBoxErrors","RichTextInputBoxComponent","editBoxRichTextEditorStyle","ChatMyMessage","mergeClasses"],"mappings":"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"}