@azure/communication-react 1.17.0-alpha-202405240014 → 1.17.0-beta.1

package/dist/communication-react.d.ts

@@ -2674,7 +2674,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
@@ -2683,7 +2683,7 @@ export declare type CallControlOptions = CommonCallControlOptions & {
         disabled: boolean;
     };
     legacyControlBarExperience?: boolean;
-};
+});
 
 /**
  * Callback for {@link CallAdapterSubscribers} 'callEnded' event.
@@ -3865,13 +3865,6 @@ export declare type CallWithChatCompositeOptions = {
          */
         hideSpotlightButtons?: boolean;
     };
-    /**
-     * enables rich text editor for the edit box
-     * @defaultValue `false`
-     *
-     * @beta
-     */
-    richTextEditor?: boolean;
 };
 
 /**
@@ -4841,13 +4834,6 @@ export declare type ChatCompositeOptions = {
      * @beta
      */
     attachmentOptions?: AttachmentOptions;
-    /**
-     * enables rich text editor for the edit box
-     * @defaultValue `false`
-     *
-     * @beta
-     */
-    richTextEditor?: boolean;
 };
 
 /**
@@ -4964,7 +4950,7 @@ 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?: MessageOptions) => Promise<void>;
+    onUpdateMessage: (messageId: string, content: string, /* @conditional-compile-remove(attachment-upload) */ options?: MessageOptions) => Promise<void>;
     onDeleteMessage: (messageId: string) => Promise<void>;
 };
 
@@ -6406,7 +6392,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
@@ -6512,7 +6498,6 @@ export declare const DEFAULT_COMPONENT_ICONS: {
     ContextMenuCameraIcon: React_2.JSX.Element;
     ContextMenuMicIcon: React_2.JSX.Element;
     ContextMenuSpeakerIcon: React_2.JSX.Element;
-    ContextMenuRemoveParticipant: React_2.JSX.Element;
     SurveyStarIcon: React_2.JSX.Element;
     SurveyStarIconFilled: React_2.JSX.Element;
     StartSpotlightContextualMenuItem: React_2.JSX.Element;
@@ -6680,7 +6665,6 @@ export declare const DEFAULT_COMPOSITE_ICONS: {
     ContextMenuCameraIcon: React_2.JSX.Element;
     ContextMenuMicIcon: React_2.JSX.Element;
     ContextMenuSpeakerIcon: React_2.JSX.Element;
-    ContextMenuRemoveParticipant: React_2.JSX.Element;
     SurveyStarIcon: React_2.JSX.Element;
     SurveyStarIconFilled: React_2.JSX.Element;
     StartSpotlightContextualMenuItem: React_2.JSX.Element;
@@ -8170,7 +8154,7 @@ export declare type MessageProps = {
      * @param options - message options to be included in the message
      *
      */
-    onSendMessage?: (content: string, options?: MessageOptions) => Promise<void>;
+    onSendMessage?: (content: string, /* @conditional-compile-remove(attachment-upload) */ options?: MessageOptions) => Promise<void>;
 };
 
 /**
@@ -8416,7 +8400,7 @@ export declare type MessageThreadProps = {
      * @param options - message options to be included in the message
      *
      */
-    onSendMessage?: (content: string, options?: MessageOptions) => Promise<void>;
+    onSendMessage?: (content: string, /* @conditional-compile-remove(attachment-upload) */ options?: MessageOptions) => Promise<void>;
     /**
      /**
      * Disable editing messages.
@@ -9723,7 +9707,7 @@ export declare interface RichTextSendBoxProps {
     /**
      * Callback function used when the send button is clicked.
      */
-    onSendMessage: (content: string, options?: MessageOptions) => Promise<void>;
+    onSendMessage: (content: string, /* @conditional-compile-remove(attachment-upload) */ options?: MessageOptions) => Promise<void>;
     /**
      * Optional callback called when user is typing
      */
@@ -9928,7 +9912,7 @@ export declare interface SendBoxProps {
     /**
      * Optional override behavior on send button click
      */
-    onSendMessage?: (content: string, options?: MessageOptions) => Promise<void>;
+    onSendMessage?: (content: string, /* @conditional-compile-remove(attachment-upload) */ options?: MessageOptions) => Promise<void>;
     /**
      * Optional props needed to lookup suggestions in the mention scenario.
      * @beta
@@ -11032,7 +11016,7 @@ export declare interface UnsupportedOperatingSystemStrings {
  * @public
  * Callback function run when a message is updated.
  */
-export declare type UpdateMessageCallback = (messageId: string, content: string, options?: MessageOptions) => Promise<void>;
+export declare type UpdateMessageCallback = (messageId: string, content: string, /* @conditional-compile-remove(attachment-upload) */ options?: MessageOptions) => Promise<void>;
 
 /**
  * A custom React hook to simplify the creation of {@link CallAdapter}.
@@ -11357,7 +11341,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}.

package/dist/dist-cjs/communication-react/{ChatMessageComponentAsRichTextEditBox-CeKa8qDu.js → ChatMessageComponentAsRichTextEditBox-BShb4Fem.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-qGuuq6Hb.js');
+var index = require('./index-9S-U1inF.js');
 var React = require('react');
 require('reselect');
 require('@azure/communication-calling');
@@ -61,13 +61,15 @@ const ChatMessageComponentAsRichTextEditBox = (props) => {
         (_a = editTextFieldRef.current) === null || _a === void 0 ? void 0 : _a.focus();
     }, []);
     const textTooLongMessage = React.useMemo(() => {
-        return messageState === 'too long'
-            ? index._formatString(strings.editBoxTextLimit, { limitNumber: `${index.MAXIMUM_LENGTH_OF_MESSAGE}` })
-            : undefined;
+        return messageState === 'too long' ? index._formatString(strings.editBoxTextLimit, {
+            limitNumber: `${index.MAXIMUM_LENGTH_OF_MESSAGE}`
+        }) : undefined;
     }, [messageState, strings.editBoxTextLimit]);
     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));
@@ -80,70 +82,55 @@ const ChatMessageComponentAsRichTextEditBox = (props) => {
         return index.doesMessageContainMultipleAttachments(message);
     }, [message]);
     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) => {
+            React.createElement(index.InputBoxButton, { className: index.richTextActionButtonsStyle, ariaLabel: strings.editBoxSubmitButton, tooltipContent: strings.editBoxSubmitButton, onRenderIcon: onRenderThemedSubmitIcon, onClick: e => {
                     // it's very important to pass an empty attachment here
                     // so when user removes all attachments, UI can reflect it instantly
                     // if you set it to undefined, the attachments pre-edited would still be there
                     // until edit message event is received
-                    submitEnabled &&
-                        onSubmit(textValue, /* @conditional-compile-remove(attachment-upload) */ attachmentMetadata);
+                    submitEnabled && onSubmit(textValue, /* @conditional-compile-remove(attachment-upload) */ attachmentMetadata);
                     e.stopPropagation();
-                }, id: 'submitIconWrapper', "data-testId": strings.editBoxSubmitButton })));
+                }, id: 'submitIconWrapper', "data-testId": strings.editBoxSubmitButton }));
     }, [
-        /* @conditional-compile-remove(attachment-upload) */
-        attachmentMetadata,
-        message.messageId,
-        onCancel,
-        onRenderThemedCancelIcon,
-        onRenderThemedSubmitIcon,
-        onSubmit,
-        strings.editBoxCancelButton,
-        strings.editBoxSubmitButton,
-        submitEnabled,
-        textValue
+        attachmentMetadata, message.messageId, onCancel, onRenderThemedCancelIcon, onRenderThemedSubmitIcon, onSubmit, strings.editBoxCancelButton, strings.editBoxSubmitButton, submitEnabled, textValue
     ]);
     const richTextLocaleStrings = React.useMemo(() => {
         /* @conditional-compile-remove(rich-text-editor) */
         return Object.assign(Object.assign({}, locale.richTextSendBox), strings);
-    }, [
-        /* @conditional-compile-remove(rich-text-editor) */ locale.richTextSendBox,
-        /* @conditional-compile-remove(rich-text-editor) */ strings,
-        locale.sendBox
-    ]);
+    }, [/* @conditional-compile-remove(rich-text-editor) */ locale.richTextSendBox, /* @conditional-compile-remove(rich-text-editor) */ strings, locale.sendBox]);
     /* @conditional-compile-remove(attachment-download) @conditional-compile-remove(attachment-upload) */
     const onCancelAttachmentUpload = React.useCallback((attachmentId) => {
         // edit box only capable of removing attachments
         // we need to expand attachment actions
         // if we want to support more actions e.g. add
-        handleAttachmentAction({ type: 'remove', id: attachmentId });
+        handleAttachmentAction({
+            type: 'remove',
+            id: attachmentId
+        });
     }, []);
     /* @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, { attachments: attachmentMetadata, onCancelAttachmentUpload: onCancelAttachmentUpload }))));
+                React.createElement(index._AttachmentUploadCards, { attachments: 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, 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: {
-            className: reactComponents.mergeClasses(chatMyMessageStyles.root, 
-            /* @conditional-compile-remove(attachment-upload) */
-            hasMultipleAttachments ? chatMyMessageStyles.multipleAttachments : undefined)
+    return React.createElement(reactChat.ChatMyMessage, { attached: attached, root: {
+            className: reactComponents.mergeClasses(chatMyMessageStyles.root, /* @conditional-compile-remove(attachment-upload) */ hasMultipleAttachments ? chatMyMessageStyles.multipleAttachments : undefined)
         }, body: {
             className: reactComponents.mergeClasses(editContainerStyles.body, attached !== 'top' ? editContainerStyles.bodyAttached : undefined)
-        } }, getContent()));
+        } }, getContent());
 };
 
 exports.ChatMessageComponentAsRichTextEditBox = ChatMessageComponentAsRichTextEditBox;
 exports.default = ChatMessageComponentAsRichTextEditBox;
-//# sourceMappingURL=ChatMessageComponentAsRichTextEditBox-CeKa8qDu.js.map
+//# sourceMappingURL=ChatMessageComponentAsRichTextEditBox-BShb4Fem.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"ChatMessageComponentAsRichTextEditBox-BShb4Fem.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, useEffect, useMemo, useState } from 'react';\n/* @conditional-compile-remove(attachment-upload) */\nimport { useReducer } 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 '../../Attachment/AttachmentUploadCards';\n/* @conditional-compile-remove(attachment-upload) */\nimport { AttachmentMetadata } from '@internal/acs-ui-common';\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 { attachmentMetadataReducer, getMessageWithAttachmentMetadata, doesMessageContainMultipleAttachments } 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, /* @conditional-compile-remove(attachment-upload) */\n  attachmentMetadata?: AttachmentMetadata[]) => 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, handleAttachmentAction] = useReducer(attachmentMetadataReducer, getMessageWithAttachmentMetadata(message) ?? []);\n  const editTextFieldRef = React.useRef<RichTextEditorComponentRef>(null);\n  const theme = useTheme();\n  const messageState = useMemo(() => {\n    return getMessageState(textValue, /* @conditional-compile-remove(attachment-upload) */attachmentMetadata ?? []);\n  }, [/* @conditional-compile-remove(attachment-upload) */attachmentMetadata, textValue]);\n  const submitEnabled = messageState === 'OK';\n  const editContainerStyles = useChatMessageRichTextEditContainerStyles();\n  const chatMyMessageStyles = useChatMyMessageStyles();\n  const locale = useLocale().strings;\n  const setText = useCallback((newValue?: string): void => {\n    setTextValue(newValue ?? '');\n  }, []);\n  useEffect(() => {\n    editTextFieldRef.current?.focus();\n  }, []);\n  const textTooLongMessage = useMemo(() => {\n    return messageState === 'too long' ? _formatString(strings.editBoxTextLimit, {\n      limitNumber: `${MAXIMUM_LENGTH_OF_MESSAGE}`\n    }) : undefined;\n  }, [messageState, strings.editBoxTextLimit]);\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\n  /* @conditional-compile-remove(attachment-upload) */\n  const hasMultipleAttachments = useMemo(() => {\n    return doesMessageContainMultipleAttachments(message);\n  }, [message]);\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'} data-testId={strings.editBoxCancelButton} />\n        <InputBoxButton className={richTextActionButtonsStyle} ariaLabel={strings.editBoxSubmitButton} tooltipContent={strings.editBoxSubmitButton} onRenderIcon={onRenderThemedSubmitIcon} onClick={e => {\n        // it's very important to pass an empty attachment here\n        // so when user removes all attachments, UI can reflect it instantly\n        // if you set it to undefined, the attachments pre-edited would still be there\n        // until edit message event is received\n        submitEnabled && onSubmit(textValue, /* @conditional-compile-remove(attachment-upload) */attachmentMetadata);\n        e.stopPropagation();\n      }} id={'submitIconWrapper'} data-testId={strings.editBoxSubmitButton} />\n      </Stack>;\n  }, [/* @conditional-compile-remove(attachment-upload) */\n  attachmentMetadata, message.messageId, onCancel, onRenderThemedCancelIcon, onRenderThemedSubmitIcon, onSubmit, strings.editBoxCancelButton, strings.editBoxSubmitButton, submitEnabled, textValue]);\n  const richTextLocaleStrings = useMemo(() => {\n    /* @conditional-compile-remove(rich-text-editor) */\n    return {\n      ...locale.richTextSendBox,\n      ...strings\n    };\n    return locale.sendBox;\n  }, [/* @conditional-compile-remove(rich-text-editor) */locale.richTextSendBox, /* @conditional-compile-remove(rich-text-editor) */strings, locale.sendBox]);\n\n  /* @conditional-compile-remove(attachment-download) @conditional-compile-remove(attachment-upload) */\n  const onCancelAttachmentUpload = useCallback((attachmentId: string) => {\n    // edit box only capable of removing attachments\n    // we need to expand attachment actions\n    // if we want to support more actions e.g. add\n    handleAttachmentAction({\n      type: 'remove',\n      id: attachmentId\n    });\n  }, []);\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 attachments={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} 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: mergeClasses(chatMyMessageStyles.root, /* @conditional-compile-remove(attachment-upload) */\n    hasMultipleAttachments ? chatMyMessageStyles.multipleAttachments : undefined)\n  }} body={{\n    className: mergeClasses(editContainerStyles.body, attached !== 'top' ? editContainerStyles.bodyAttached : undefined)\n  }}>\n      {getContent()}\n    </ChatMyMessage>;\n};\nexport default ChatMessageComponentAsRichTextEditBox;"],"names":["useState","useReducer","attachmentMetadataReducer","getMessageWithAttachmentMetadata","useTheme","useMemo","getMessageState","useChatMessageRichTextEditContainerStyles","useChatMyMessageStyles","useLocale","useCallback","useEffect","_formatString","MAXIMUM_LENGTH_OF_MESSAGE","mergeStyles","richTextEditBoxActionButtonIcon","onRenderCancelIcon","onRenderSubmitIcon","doesMessageContainMultipleAttachments","Stack","InputBoxButton","richTextActionButtonsStyle","attachmentUploadCardsStyles","FluentV9ThemeProvider","_AttachmentUploadCards","editBoxWidthStyles","RichTextSendBoxErrors","RichTextInputBoxComponent","editBoxRichTextEditorStyle","ChatMyMessage","mergeClasses"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AACA;AA0CA;;AAEG;AACU,MAAA,qCAAqC,GAAG,CAAC,KAAiD,KAAiB;;IACtH,MAAM,EACJ,QAAQ,EACR,QAAQ,EACR,OAAO,EACP,OAAO,EACR,GAAG,KAAK,CAAC;AACV,IAAA,MAAM,CAAC,SAAS,EAAE,YAAY,CAAC,GAAGA,cAAQ,CAAS,OAAO,CAAC,OAAO,IAAI,EAAE,CAAC,CAAC;;AAE1E,IAAA,MAAM,CAAC,kBAAkB,EAAE,sBAAsB,CAAC,GAAGC,gBAAU,CAACC,+BAAyB,EAAE,CAAA,EAAA,GAAAC,sCAAgC,CAAC,OAAO,CAAC,MAAI,IAAA,IAAA,EAAA,KAAA,KAAA,CAAA,GAAA,EAAA,GAAA,EAAE,CAAC,CAAC;IAC5I,MAAM,gBAAgB,GAAG,KAAK,CAAC,MAAM,CAA6B,IAAI,CAAC,CAAC;AACxE,IAAA,MAAM,KAAK,GAAGC,cAAQ,EAAE,CAAC;AACzB,IAAA,MAAM,YAAY,GAAGC,aAAO,CAAC,MAAK;AAChC,QAAA,OAAOC,qBAAe,CAAC,SAAS,uDAAsD,kBAAkB,KAAlB,IAAA,IAAA,kBAAkB,KAAlB,KAAA,CAAA,GAAA,kBAAkB,GAAI,EAAE,CAAC,CAAC;KACjH,EAAE,sDAAqD,kBAAkB,EAAE,SAAS,CAAC,CAAC,CAAC;AACxF,IAAA,MAAM,aAAa,GAAG,YAAY,KAAK,IAAI,CAAC;AAC5C,IAAA,MAAM,mBAAmB,GAAGC,+CAAyC,EAAE,CAAC;AACxE,IAAA,MAAM,mBAAmB,GAAGC,4BAAsB,EAAE,CAAC;AACrD,IAAA,MAAM,MAAM,GAAGC,eAAS,EAAE,CAAC,OAAO,CAAC;AACnC,IAAA,MAAM,OAAO,GAAGC,iBAAW,CAAC,CAAC,QAAiB,KAAU;QACtD,YAAY,CAAC,QAAQ,KAAR,IAAA,IAAA,QAAQ,cAAR,QAAQ,GAAI,EAAE,CAAC,CAAC;KAC9B,EAAE,EAAE,CAAC,CAAC;IACPC,eAAS,CAAC,MAAK;;AACb,QAAA,CAAA,EAAA,GAAA,gBAAgB,CAAC,OAAO,MAAE,IAAA,IAAA,EAAA,KAAA,KAAA,CAAA,GAAA,KAAA,CAAA,GAAA,EAAA,CAAA,KAAK,EAAE,CAAC;KACnC,EAAE,EAAE,CAAC,CAAC;AACP,IAAA,MAAM,kBAAkB,GAAGN,aAAO,CAAC,MAAK;QACtC,OAAO,YAAY,KAAK,UAAU,GAAGO,mBAAa,CAAC,OAAO,CAAC,gBAAgB,EAAE;YAC3E,WAAW,EAAE,CAAG,EAAAC,+BAAyB,CAAE,CAAA;AAC5C,SAAA,CAAC,GAAG,SAAS,CAAC;KAChB,EAAE,CAAC,YAAY,EAAE,OAAO,CAAC,gBAAgB,CAAC,CAAC,CAAC;AAC7C,IAAA,MAAM,aAAa,GAAGH,iBAAW,CAAC,CAAC,OAAgB,KAAI;AACrD,QAAA,MAAM,KAAK,GAAG,OAAO,GAAG,KAAK,CAAC,OAAO,CAAC,MAAM,GAAG,KAAK,CAAC,OAAO,CAAC,gBAAgB,CAAC;QAC9E,OAAOI,iBAAW,CAACC,qCAA+B,EAAE;YAClD,KAAK;AACN,SAAA,CAAC,CAAC;AACL,KAAC,EAAE,CAAC,KAAK,CAAC,OAAO,CAAC,MAAM,EAAE,KAAK,CAAC,OAAO,CAAC,gBAAgB,CAAC,CAAC,CAAC;AAC3D,IAAA,MAAM,wBAAwB,GAAGL,iBAAW,CAAC,CAAC,OAAgB,KAAI;AAChE,QAAA,OAAOM,wBAAkB,CAAC,aAAa,CAAC,OAAO,CAAC,CAAC,CAAC;AACpD,KAAC,EAAE,CAAC,aAAa,CAAC,CAAC,CAAC;AACpB,IAAA,MAAM,wBAAwB,GAAGN,iBAAW,CAAC,CAAC,OAAgB,KAAI;AAChE,QAAA,OAAOO,wBAAkB,CAAC,aAAa,CAAC,OAAO,CAAC,CAAC,CAAC;AACpD,KAAC,EAAE,CAAC,aAAa,CAAC,CAAC,CAAC;;AAGpB,IAAA,MAAM,sBAAsB,GAAGZ,aAAO,CAAC,MAAK;AAC1C,QAAA,OAAOa,2CAAqC,CAAC,OAAO,CAAC,CAAC;AACxD,KAAC,EAAE,CAAC,OAAO,CAAC,CAAC,CAAC;AACd,IAAA,MAAM,aAAa,GAAGb,aAAO,CAAC,MAAK;QACjC,OAAO,KAAA,CAAA,aAAA,CAACc,WAAK,EAAA,EAAC,UAAU,EAAA,IAAA,EAAA;YACpB,KAAC,CAAA,aAAA,CAAAC,oBAAc,EAAC,EAAA,SAAS,EAAEC,gCAA0B,EAAE,SAAS,EAAE,OAAO,CAAC,mBAAmB,EAAE,cAAc,EAAE,OAAO,CAAC,mBAAmB,EAAE,YAAY,EAAE,wBAAwB,EAAE,OAAO,EAAE,MAAK;AAClM,oBAAA,QAAQ,IAAI,QAAQ,CAAC,OAAO,CAAC,SAAS,CAAC,CAAC;iBACzC,EAAE,EAAE,EAAE,oBAAoB,iBAAe,OAAO,CAAC,mBAAmB,EAAI,CAAA;YACvE,KAAC,CAAA,aAAA,CAAAD,oBAAc,EAAC,EAAA,SAAS,EAAEC,gCAA0B,EAAE,SAAS,EAAE,OAAO,CAAC,mBAAmB,EAAE,cAAc,EAAE,OAAO,CAAC,mBAAmB,EAAE,YAAY,EAAE,wBAAwB,EAAE,OAAO,EAAE,CAAC,IAAG;;;;;oBAKjM,aAAa,IAAI,QAAQ,CAAC,SAAS,uDAAsD,kBAAkB,CAAC,CAAC;oBAC7G,CAAC,CAAC,eAAe,EAAE,CAAC;iBACrB,EAAE,EAAE,EAAE,mBAAmB,EAAA,aAAA,EAAe,OAAO,CAAC,mBAAmB,EAAI,CAAA,CAChE,CAAC;AACb,KAAC,EAAE;QACH,kBAAkB,EAAE,OAAO,CAAC,SAAS,EAAE,QAAQ,EAAE,wBAAwB,EAAE,wBAAwB,EAAE,QAAQ,EAAE,OAAO,CAAC,mBAAmB,EAAE,OAAO,CAAC,mBAAmB,EAAE,aAAa,EAAE,SAAS;AAAC,KAAA,CAAC,CAAC;AACpM,IAAA,MAAM,qBAAqB,GAAGhB,aAAO,CAAC,MAAK;;AAEzC,QAAA,OAAA,MAAA,CAAA,MAAA,CAAA,MAAA,CAAA,MAAA,CAAA,EAAA,EACK,MAAM,CAAC,eAAe,CAAA,EACtB,OAAO,CACV,CAAA;AAEJ,KAAC,EAAE,qDAAoD,MAAM,CAAC,eAAe,sDAAqD,OAAO,EAAE,MAAM,CAAC,OAAO,CAAC,CAAC,CAAC;;AAG5J,IAAA,MAAM,wBAAwB,GAAGK,iBAAW,CAAC,CAAC,YAAoB,KAAI;;;;AAIpE,QAAA,sBAAsB,CAAC;AACrB,YAAA,IAAI,EAAE,QAAQ;AACd,YAAA,EAAE,EAAE,YAAY;AACjB,SAAA,CAAC,CAAC;KACJ,EAAE,EAAE,CAAC,CAAC;;AAGP,IAAA,MAAM,yBAAyB,GAAGA,iBAAW,CAAC,MAAK;AACjD,QAAA,OAAO,KAAC,CAAA,aAAA,CAAAS,WAAK,EAAC,EAAA,SAAS,EAAEG,iCAA2B,EAAA;AAChD,YAAA,KAAA,CAAA,aAAA,CAACC,2BAAqB,EAAA,EAAC,OAAO,EAAE,KAAK,EAAA;AACnC,gBAAA,KAAA,CAAA,aAAA,CAACC,4BAAsB,EAAA,EAAC,WAAW,EAAE,kBAAkB,EAAE,wBAAwB,EAAE,wBAAwB,EAAA,CAAI,CACzF,CAClB,CAAC;KACZ,EAAE,CAAC,kBAAkB,EAAE,wBAAwB,EAAE,KAAK,CAAC,CAAC,CAAC;IAC1D,MAAM,UAAU,GAAG,MAAkB;QACnC,OAAO,KAAA,CAAA,aAAA,CAACL,WAAK,EAAC,EAAA,SAAS,EAAEL,iBAAW,CAACW,wBAAkB,CAAC,EAAA;YACpD,KAAC,CAAA,aAAA,CAAAC,2BAAqB,EAAC,EAAA,kBAAkB,EAAE,kBAAkB,EAAE,aAAa,EAAE,OAAO,CAAC,aAAa,EAAI,CAAA;AACvG,YAAA,KAAA,CAAA,aAAA,CAACC,+BAAyB,EAAC,EAAA,eAAe,EAAE,OAAO,CAAC,sBAAsB,EAAE,QAAQ,EAAE,OAAO,EAAE,kBAAkB,EAAE,gBAAgB,EAAE,cAAc,EAAE,OAAO,CAAC,OAAO,EAAE,OAAO,EAAE,qBAAqB,EAAE,QAAQ,EAAE,KAAK,EAAE,gBAAgB,EAAE,aAAa,EAAE,wBAAwB,EAAEC,gCAA0B,EAAE,0BAA0B,EAAE,IAAI;AAChV,qEAAqD,yBAAyB,EAAE,yBAAyB,EAAA,CAAI,CACrG,CAAC;AACb,KAAC,CAAC;IACF,MAAM,QAAQ,GAAG,OAAO,CAAC,QAAQ,KAAK,IAAI,GAAG,QAAQ,GAAG,OAAO,CAAC,QAAQ,KAAK,QAAQ,GAAG,QAAQ,GAAG,KAAK,CAAC;IACzG,OAAO,KAAA,CAAA,aAAA,CAACC,uBAAa,EAAC,EAAA,QAAQ,EAAE,QAAQ,EAAE,IAAI,EAAE;YAC9C,SAAS,EAAEC,4BAAY,CAAC,mBAAmB,CAAC,IAAI,uDAChD,sBAAsB,GAAG,mBAAmB,CAAC,mBAAmB,GAAG,SAAS,CAAC;AAC9E,SAAA,EAAE,IAAI,EAAE;YACP,SAAS,EAAEA,4BAAY,CAAC,mBAAmB,CAAC,IAAI,EAAE,QAAQ,KAAK,KAAK,GAAG,mBAAmB,CAAC,YAAY,GAAG,SAAS,CAAC;SACrH,EACI,EAAA,UAAU,EAAE,CACC,CAAC;AACrB;;;;;"}