@azure/communication-react 1.32.0-beta.1 → 1.32.0

package/dist/dist-esm/react-components/src/components/RichTextEditor/RichTextEditor.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"RichTextEditor.js","sourceRoot":"","sources":["../../../../../../preprocess-dist/react-components/src/components/RichTextEditor/RichTextEditor.tsx"],"names":[],"mappings":"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","sourcesContent":["// Copyright (c) Microsoft Corporation.\n// Licensed under the MIT License.\nimport React, { useCallback, useEffect, useImperativeHandle, useMemo, useRef, useState } from 'react';\nimport { richTextEditorWrapperStyle, richTextEditorStyle } from '../styles/RichTextEditor.styles';\nimport { useTheme } from '../../theming';\nimport { RichTextStrings } from './RichTextSendBox';\nimport { isDarkThemed } from '../../theming/themeUtils';\nimport CopyPastePlugin from './Plugins/CopyPastePlugin';\nimport type { ContentModelDocument, ContentModelParagraph, EditorPlugin, IEditor, ReadonlyContentModelBlockGroup, ShallowMutableContentModelDocument, KnownAnnounceStrings } from 'roosterjs-content-model-types';\nimport { createModelFromHtml, Editor, exportContent } from 'roosterjs-content-model-core';\nimport { createBr, createEmptyModel, createParagraph, createSelectionMarker, setSelection } from 'roosterjs-content-model-dom';\nimport { KeyboardInputPlugin } from './Plugins/KeyboardInputPlugin';\nimport { AutoFormatPlugin, EditPlugin, PastePlugin, ShortcutPlugin, DefaultSanitizers } from 'roosterjs-content-model-plugins';\nimport { UpdateContentPlugin, UpdateEvent } from './Plugins/UpdateContentPlugin';\nimport { RichTextToolbar } from './Toolbar/RichTextToolbar';\nimport { RichTextToolbarPlugin } from './Plugins/RichTextToolbarPlugin';\nimport { ContextMenuPlugin } from './Plugins/ContextMenuPlugin';\nimport { TableEditContextMenuProvider } from './Plugins/TableEditContextMenuProvider';\nimport { borderApplier, dataSetApplier } from '../utils/RichTextEditorUtils';\nimport { getPreviousInlineImages, getRemovedInlineImages, removeLocalBlobs, cleanAllLocalBlobs } from '../utils/RichTextEditorUtils';\nimport { ContextualMenu, IContextualMenuItem, IContextualMenuProps, Theme } from '@fluentui/react';\nimport { PlaceholderPlugin } from './Plugins/PlaceholderPlugin';\nimport { getFormatState, setDirection } from 'roosterjs-content-model-api';\nimport UndoRedoPlugin from './Plugins/UndoRedoPlugin';\n\n/**\n * Style props for {@link RichTextEditor}.\n *\n * @private\n */\nexport interface RichTextEditorStyleProps {\n  minHeight: string;\n  maxHeight: string;\n}\n\n/**\n * Props for {@link RichTextEditor}.\n *\n * @private\n */\nexport interface RichTextEditorProps {\n  // the initial content of editor that is set when editor is created (e.g. when editing a message)\n  initialContent?: string;\n  onChange: (newValue?: string, removedInlineImages?: Record<string, string>[]) => void;\n  onKeyDown?: (ev: KeyboardEvent) => void;\n  // OnKeyDown aren't called for composition events, so we need to handle them separately\n  onCompositionUpdate?: () => void;\n  // update the current content of the rich text editor\n  onContentModelUpdate?: (contentModel: ContentModelDocument | undefined) => void;\n  contentModel?: ContentModelDocument | undefined;\n  placeholderText?: string;\n  strings: Partial<RichTextStrings>;\n  showRichTextEditorFormatting: boolean;\n  styles: RichTextEditorStyleProps;\n  autoFocus?: 'sendBoxTextField';\n  onPaste?: (event: {\n    content: DocumentFragment;\n  }) => void;\n  onInsertInlineImage?: (imageAttributes: Record<string, string>) => void;\n}\n\n/**\n * Represents a reference to the RichTextEditor component.\n */\nexport interface RichTextEditorComponentRef {\n  /**\n   * Sets focus on the RichTextEditor component.\n   */\n  focus: () => void;\n\n  /**\n   * Sets the content of the RichTextEditor component to an empty string.\n   */\n  setEmptyContent: () => void;\n\n  /**\n   * Retrieves the plain text content of the RichTextEditor component.\n   * @returns The plain text content of the RichTextEditor component, or undefined if the editor isn't available.\n   */\n  getPlainContent: () => string | undefined;\n}\n\n/**\n * A component to wrap RoosterJS Rich Text Editor.\n *\n * @beta\n */\nexport const RichTextEditor = React.forwardRef<RichTextEditorComponentRef, RichTextEditorProps>((props, ref) => {\n  const {\n    initialContent,\n    onChange,\n    placeholderText,\n    strings,\n    showRichTextEditorFormatting,\n    autoFocus,\n    onKeyDown,\n    onCompositionUpdate,\n    onContentModelUpdate,\n    contentModel,\n    onPaste,\n    onInsertInlineImage\n  } = props;\n  const editor = useRef<IEditor | null>(null);\n  const editorDiv = useRef<HTMLDivElement>(null);\n  const theme = useTheme();\n  const [contextMenuProps, setContextMenuProps] = useState<IContextualMenuProps | null>(null);\n  const previousThemeDirection = useRef(themeDirection(theme)); // This will be set when the editor is initialized and when the content is updated.\n  const [previousInlineImages, setPreviousInlineImages] = useState<Record<string, string>[]>([]);\n  const [inlineImageLocalBlobs, setInlineImageLocalBlobs] = useState<Record<string, string>>({});\n  useEffect(() => {\n    return () => {\n      // Cleanup Local Blob URLs when the component is unmounted\n      cleanAllLocalBlobs(inlineImageLocalBlobs);\n    };\n    // This effect should only run once when the component is unmounted, so we don't need to add any dependencies\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n  }, []);\n  useEffect(() => {\n    if (editor.current) {\n      if (!showRichTextEditorFormatting) {\n        editor.current?.focus();\n      }\n    }\n  }, [showRichTextEditorFormatting]);\n  useImperativeHandle(ref, () => {\n    return {\n      focus() {\n        if (editor.current) {\n          editor.current.focus();\n        }\n      },\n      setEmptyContent() {\n        setPreviousInlineImages([]);\n        cleanAllLocalBlobs(inlineImageLocalBlobs);\n        if (editor.current) {\n          // remove all content from the editor and update the model\n          // ContentChanged event will be sent by RoosterJS automatically\n          editor.current.formatContentModel((model: ShallowMutableContentModelDocument): boolean => {\n            // Create a new empty paragraph with selection marker\n            // this is needed for correct processing of images after the content is deleted\n            const newModel = createEmptyModel();\n            model.blocks = newModel.blocks;\n            return true;\n          });\n          //reset content model\n          onContentModelUpdate && onContentModelUpdate(editor.current.getContentModelCopy('disconnected'));\n        }\n      },\n      getPlainContent() {\n        if (editor.current) {\n          return exportContent(editor.current, 'PlainTextFast');\n        } else {\n          return undefined;\n        }\n      }\n    };\n  }, [inlineImageLocalBlobs, onContentModelUpdate]);\n  const toolbarPlugin = React.useMemo(() => {\n    return new RichTextToolbarPlugin();\n  }, []);\n  const placeholderPlugin = useMemo(() => {\n    const textColor = theme.palette?.neutralSecondary;\n    return new PlaceholderPlugin('', textColor ? {\n      textColor: textColor\n    } : undefined);\n  }, [theme]);\n  useEffect(() => {\n    if (placeholderText !== undefined) {\n      placeholderPlugin.updatePlaceholder(placeholderText);\n    }\n  }, [placeholderPlugin, placeholderText]);\n  const toolbar = useMemo(() => {\n    return <RichTextToolbar plugin={toolbarPlugin} strings={strings} />;\n  }, [strings, toolbarPlugin]);\n  const updatePlugin = useMemo(() => {\n    return new UpdateContentPlugin();\n  }, []);\n  const copyPastePlugin = useMemo(() => {\n    return new CopyPastePlugin();\n  }, []);\n  const onChangeContent = useCallback((shouldUpdateInlineImages?: boolean) => {\n    if (editor.current === null) {\n      return;\n    }\n    const content = exportContent(editor.current);\n    let removedInlineImages: Record<string, string>[] = [];\n    if (shouldUpdateInlineImages) {\n      removedInlineImages = getRemovedInlineImages(content, previousInlineImages);\n    }\n    onChange && onChange(content, removedInlineImages);\n    setPreviousInlineImages(getPreviousInlineImages(content));\n  }, [onChange, previousInlineImages]);\n  useEffect(() => {\n    // don't set callback in plugin constructor to update callback without plugin recreation\n    updatePlugin.onUpdate = (event: string, shouldRemoveInlineImages?: boolean) => {\n      if (editor.current === null) {\n        return;\n      }\n      if (event === UpdateEvent.Blur || event === UpdateEvent.Dispose) {\n        onContentModelUpdate && onContentModelUpdate(editor.current.getContentModelCopy('disconnected'));\n      } else {\n        const content = exportContent(editor.current);\n        let removedInlineImages: Record<string, string>[] = [];\n        if (shouldRemoveInlineImages) {\n          removedInlineImages = getRemovedInlineImages(content, previousInlineImages);\n          if (removedInlineImages.length > 0) {\n            removeLocalBlobs(inlineImageLocalBlobs, removedInlineImages);\n          }\n        }\n        onChange && onChange(content, removedInlineImages);\n        setPreviousInlineImages(getPreviousInlineImages(content));\n      }\n    };\n  }, [onChange, onContentModelUpdate, updatePlugin, previousInlineImages, inlineImageLocalBlobs]);\n  const undoRedoPlugin = useMemo(() => {\n    return new UndoRedoPlugin();\n  }, []);\n  useEffect(() => {\n    if (onInsertInlineImage) {\n      copyPastePlugin.onInsertInlineImage = (imageAttributes: Record<string, string>) => {\n        const {\n          id,\n          src\n        } = imageAttributes;\n        setInlineImageLocalBlobs(prev => {\n          if (!id || !src) {\n            return prev;\n          }\n          return {\n            ...prev,\n            [id]: src\n          };\n        });\n        onInsertInlineImage(imageAttributes);\n      };\n    } else {\n      copyPastePlugin.onInsertInlineImage = undefined;\n    }\n    undoRedoPlugin.onInsertInlineImage = onInsertInlineImage;\n  }, [copyPastePlugin, onInsertInlineImage, undoRedoPlugin]);\n  useEffect(() => {\n    undoRedoPlugin.onUpdateContent = () => {\n      onChangeContent(true);\n    };\n  }, [onChangeContent, undoRedoPlugin]);\n  const keyboardInputPlugin = useMemo(() => {\n    return new KeyboardInputPlugin();\n  }, []);\n  useEffect(() => {\n    // don't set callback in plugin constructor to update callback without plugin recreation\n    keyboardInputPlugin.onKeyDown = onKeyDown;\n  }, [keyboardInputPlugin, onKeyDown]);\n  useEffect(() => {\n    // don't set callback in plugin constructor to update callback without plugin recreation\n    keyboardInputPlugin.onCompositionUpdate = onCompositionUpdate;\n  }, [keyboardInputPlugin, onCompositionUpdate]);\n  const tableContextMenuPlugin = useMemo(() => {\n    return new TableEditContextMenuProvider();\n  }, []);\n  useEffect(() => {\n    tableContextMenuPlugin.updateStrings(strings);\n  }, [tableContextMenuPlugin, strings]);\n  const onContextMenuRender = useCallback((container: HTMLElement, items: IContextualMenuItem[], onDismiss: () => void): void => {\n    setContextMenuProps({\n      items: items,\n      target: container,\n      onDismiss: onDismiss\n    });\n  }, []);\n  const onContextMenuDismiss = useCallback((): void => {\n    setContextMenuProps(null);\n  }, []);\n  useEffect(() => {\n    copyPastePlugin.onPaste = onPaste;\n  }, [copyPastePlugin, onPaste]);\n  const plugins: EditorPlugin[] = useMemo(() => {\n    const contentEdit = new EditPlugin({\n      handleTabKey: false\n    });\n    // AutoFormatPlugin previously was a part of the edit plugin\n    const autoFormatPlugin = new AutoFormatPlugin({\n      autoBullet: true,\n      autoNumbering: true,\n      autoLink: true\n    });\n    const roosterPastePlugin = new PastePlugin(false, {\n      additionalDisallowedTags: ['head', '!doctype', '!cdata', '#comment'],\n      additionalAllowedTags: [],\n      styleSanitizers: DefaultSanitizers,\n      attributeSanitizers: {}\n    });\n    const shortcutPlugin = new ShortcutPlugin();\n    const contextMenuPlugin = new ContextMenuPlugin(onContextMenuRender, onContextMenuDismiss);\n    return [placeholderPlugin, keyboardInputPlugin, contentEdit, autoFormatPlugin, updatePlugin, copyPastePlugin, roosterPastePlugin, toolbarPlugin, shortcutPlugin,\n    // contextPlugin and tableEditMenuProvider allow to show insert/delete menu for the table\n    contextMenuPlugin, tableContextMenuPlugin, undoRedoPlugin];\n  }, [onContextMenuRender, onContextMenuDismiss, placeholderPlugin, keyboardInputPlugin, updatePlugin, copyPastePlugin, toolbarPlugin, tableContextMenuPlugin, undoRedoPlugin]);\n  const announcerStringGetter = useCallback((key: KnownAnnounceStrings): string => {\n    switch (key) {\n      case 'announceListItemBullet':\n        return strings.richTextNewBulletedListItemAnnouncement ?? '';\n      case 'announceListItemNumbering':\n        return strings.richTextNewNumberedListItemAnnouncement ?? '';\n      case 'announceOnFocusLastCell':\n        return '';\n    }\n  }, [strings.richTextNewBulletedListItemAnnouncement, strings.richTextNewNumberedListItemAnnouncement]);\n  useEffect(() => {\n    const prevInlineImage = getPreviousInlineImages(initialContent);\n    setPreviousInlineImages(prevInlineImage);\n    const initialModel = createEditorInitialModel(initialContent, contentModel);\n    if (editorDiv.current) {\n      editor.current = new Editor(editorDiv.current, {\n        generateColorKey: color => color,\n        // Needed to ensure override of text color in dark mode.\n        inDarkMode: isDarkThemed(theme),\n        // doNotAdjustEditorColor is used to disable default color and background color for Rooster component\n        doNotAdjustEditorColor: true,\n        imageSelectionBorderColor: theme.palette.themePrimary,\n        tableCellSelectionBackgroundColor: theme.palette.neutralLight,\n        plugins: plugins,\n        initialModel: initialModel,\n        defaultModelToDomOptions: {\n          formatApplierOverride: {\n            // apply border and dataset formats for table\n            border: borderApplier,\n            dataset: dataSetApplier\n          }\n        },\n        announcerStringGetter: announcerStringGetter\n      });\n    }\n    if (autoFocus === 'sendBoxTextField') {\n      editor.current?.focus();\n    }\n    return () => {\n      if (editor.current) {\n        editor.current.dispose();\n        editor.current = null;\n      }\n    };\n    // don't update the editor on deps update as everything is handled in separate hooks or plugins\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n  }, [theme, plugins, announcerStringGetter]);\n  useEffect(() => {\n    const themeDirectionValue = themeDirection(theme);\n    // check that editor exists and theme was actually changed\n    // as format.direction will be undefined if setDirection is not called\n    if (editor.current && previousThemeDirection.current !== themeDirectionValue) {\n      const format = getFormatState(editor.current);\n      if (format.direction !== themeDirectionValue) {\n        // should be set after the hook where editor is created as the editor might be null\n        // setDirection will cause the focus change back to the editor and this might not be what we want to do (autoFocus prop)\n        // that's why it's not part of the create editor hook\n        setDirection(editor.current, theme.rtl ? 'rtl' : 'ltr');\n      }\n      previousThemeDirection.current = themeDirectionValue;\n    }\n  }, [theme]);\n  return <div data-testid={'rich-text-editor-wrapper'}>\n      {showRichTextEditorFormatting && toolbar}\n      <div className={richTextEditorWrapperStyle(theme)}>\n        {/* div that is used by Rooster JS as a parent of the editor */}\n        <div id=\"richTextSendBox\" ref={editorDiv} tabIndex={0} role=\"textbox\" aria-multiline=\"true\" data-testid={'rooster-rich-text-editor'} className={richTextEditorStyle(props.styles)} aria-label={placeholderText} />\n      </div>\n      {contextMenuProps && <ContextualMenu {...contextMenuProps} calloutProps={{\n      isBeakVisible: false\n    }} />}\n    </div>;\n});\nconst createEditorInitialModel = (initialContent?: string, contentModel?: ContentModelDocument): ContentModelDocument | undefined => {\n  if (contentModel) {\n    // contentModel is the current content of the editor\n    return contentModel;\n  } else {\n    const initialContentValue = initialContent;\n    const initialModel = initialContentValue && initialContentValue.length > 0 ? createModelFromHtml(initialContentValue) : undefined;\n    if (initialModel && initialModel.blocks.length > 0) {\n      // lastBlock should have blockType = paragraph, otherwise add a new paragraph\n      // to set focus to the end of the content\n      const lastBlock = initialModel.blocks[initialModel.blocks.length - 1];\n      if (lastBlock?.blockType === 'Paragraph') {\n        // now lastBlock is paragraph\n        setSelectionAfterLastSegment(initialModel, lastBlock);\n      } else {\n        const block = createParagraph(false);\n        initialModel.blocks.push(block);\n        setSelectionAfterLastSegment(initialModel, block);\n        // add content to the paragraph, otherwise height might be calculated incorrectly\n        block.segments.push(createBr());\n      }\n    }\n    return initialModel;\n  }\n};\nconst setSelectionAfterLastSegment = (model: ReadonlyContentModelBlockGroup, block: ContentModelParagraph): void => {\n  //selection marker should have the same format as the last segment if any\n  const format = block.segments.length > 0 ? block.segments[block.segments.length - 1]?.format : undefined;\n  const marker = createSelectionMarker(format);\n  block.segments.push(marker);\n  setSelection(model, marker);\n};\nconst themeDirection = (theme: Theme): 'rtl' | 'ltr' => {\n  return theme.rtl ? 'rtl' : 'ltr';\n};"]}

package/dist/dist-esm/react-components/src/components/RichTextEditor/RichTextInputBoxComponent.d.ts

@@ -1,37 +0,0 @@
-import React, { ReactNode } from 'react';
-import { BaseCustomStyles } from '../../types';
-import { RichTextEditorComponentRef, RichTextEditorStyleProps } from './RichTextEditor';
-import { RichTextSendBoxStrings } from './RichTextSendBox';
-/**
- * @private
- */
-export interface RichTextInputBoxComponentStylesProps extends BaseCustomStyles {
-}
-/**
- * @private
- */
-export interface RichTextInputBoxComponentProps {
-    placeholderText?: string;
-    initialContent?: string;
-    onChange: (newValue?: string, removedInlineImages?: Record<string, string>[]) => void;
-    onEnterKeyDown?: () => void;
-    editorComponentRef: React.RefObject<RichTextEditorComponentRef>;
-    strings: Partial<RichTextSendBoxStrings>;
-    disabled: boolean;
-    actionComponents: ReactNode;
-    onRenderAttachmentUploads?: () => JSX.Element;
-    hasAttachments?: boolean;
-    richTextEditorStyleProps: (isExpanded: boolean) => RichTextEditorStyleProps;
-    isHorizontalLayoutDisabled?: boolean;
-    autoFocus?: 'sendBoxTextField';
-    onTyping?: () => Promise<void>;
-    onPaste?: (event: {
-        content: DocumentFragment;
-    }) => void;
-    onInsertInlineImage?: (imageAttributes: Record<string, string>) => void;
-}
-/**
- * @private
- */
-export declare const RichTextInputBoxComponent: (props: RichTextInputBoxComponentProps) => JSX.Element;
-//# sourceMappingURL=RichTextInputBoxComponent.d.ts.map

package/dist/dist-esm/react-components/src/components/RichTextEditor/RichTextInputBoxComponent.js

@@ -1,78 +0,0 @@
-// Copyright (c) Microsoft Corporation.
-// Licensed under the MIT License.
-import React, { useCallback, useMemo, useState } from 'react';
-import { RichTextEditor } from './RichTextEditor';
-import { useTheme } from '../../theming';
-import { Icon, Stack } from '@fluentui/react';
-import { InputBoxButton } from '../InputBoxButton';
-import { isEnterKeyEventFromCompositionSession } from '../utils';
-import { richTextActionButtonsDividerStyle, richTextActionButtonsStackStyle, richTextActionButtonsStyle, richTextFormatButtonIconStyle } from '../styles/RichTextEditor.styles';
-import { inputBoxContentStackStyle, inputBoxRichTextStackItemStyle, inputBoxRichTextStackStyle, richTextBorderBoxStyle } from '../styles/RichTextInputBoxComponent.styles';
-/**
- * @private
- */
-export const RichTextInputBoxComponent = (props) => {
-    const { placeholderText, initialContent, onChange, onEnterKeyDown, editorComponentRef, disabled, strings, actionComponents, onRenderAttachmentUploads, hasAttachments, richTextEditorStyleProps, isHorizontalLayoutDisabled = false, autoFocus, onTyping, onInsertInlineImage } = props;
-    const theme = useTheme();
-    // undefined is used to indicate that the rich text editor toolbar state wasn't changed yet
-    const [showRichTextEditorFormatting, setShowRichTextEditorFormatting] = useState(undefined);
-    const [contentModel, setContentModel] = useState(undefined);
-    const onRenderRichTextEditorIcon = useCallback((isHover) => {
-        const isRichTextEditorToolbarShown = showRichTextEditorFormatting === true;
-        return React.createElement(Icon, { iconName: isHover || isRichTextEditorToolbarShown ? 'RichTextEditorButtonIconFilled' : 'RichTextEditorButtonIcon', className: richTextFormatButtonIconStyle(theme, !disabled && (isHover || isRichTextEditorToolbarShown)) });
-    }, [disabled, showRichTextEditorFormatting, theme]);
-    const actionButtons = useMemo(() => {
-        return React.createElement(Stack.Item, { align: "end", className: richTextActionButtonsStackStyle },
-            React.createElement(Stack, { horizontal: true },
-                React.createElement(InputBoxButton, { onRenderIcon: onRenderRichTextEditorIcon, onClick: e => {
-                        const isRichTextEditorToolbarShown = showRichTextEditorFormatting === true;
-                        setShowRichTextEditorFormatting(!isRichTextEditorToolbarShown);
-                        e.stopPropagation(); // Prevents the click from bubbling up and triggering a focus event on the chat.
-                    }, ariaLabel: strings.richTextFormatButtonTooltip, tooltipContent: strings.richTextFormatButtonTooltip, className: richTextActionButtonsStyle, "data-testId": 'rich-text-input-box-format-button', ariaExpanded: showRichTextEditorFormatting }),
-                React.createElement(Icon, { iconName: "RichTextDividerIcon", className: richTextActionButtonsDividerStyle(theme) }),
-                actionComponents));
-    }, [actionComponents, onRenderRichTextEditorIcon, showRichTextEditorFormatting, strings.richTextFormatButtonTooltip, theme]);
-    const richTextEditorStyle = useMemo(() => {
-        return richTextEditorStyleProps(showRichTextEditorFormatting === true);
-    }, [richTextEditorStyleProps, showRichTextEditorFormatting]);
-    const onKeyDown = useCallback((ev) => {
-        if (isEnterKeyEventFromCompositionSession(ev)) {
-            return;
-        }
-        const isRichTextEditorToolbarShown = showRichTextEditorFormatting === true;
-        if (ev.key === 'Enter' && ev.shiftKey === false && !isRichTextEditorToolbarShown) {
-            ev.preventDefault();
-            onEnterKeyDown === null || onEnterKeyDown === void 0 ? void 0 : onEnterKeyDown();
-        }
-        else {
-            onTyping === null || onTyping === void 0 ? void 0 : onTyping();
-        }
-    }, [onEnterKeyDown, showRichTextEditorFormatting, onTyping]);
-    const onCompositionUpdate = useCallback(() => {
-        onTyping === null || onTyping === void 0 ? void 0 : onTyping();
-    }, [onTyping]);
-    const useHorizontalLayout = useMemo(() => {
-        const isRichTextEditorToolbarShown = showRichTextEditorFormatting === true;
-        return !isHorizontalLayoutDisabled && !isRichTextEditorToolbarShown && !hasAttachments;
-    }, [isHorizontalLayoutDisabled, showRichTextEditorFormatting, hasAttachments]);
-    const onContentModelUpdate = useCallback((contentModel) => {
-        setContentModel(contentModel);
-    }, []);
-    return React.createElement("div", { className: richTextBorderBoxStyle({
-            theme: theme,
-            disabled: !!disabled
-        }) },
-        React.createElement("div", { className: inputBoxContentStackStyle, style: {
-                display: 'flex',
-                flexGrow: 1,
-                flexDirection: useHorizontalLayout ? 'row' : 'column',
-                justifyContent: useHorizontalLayout ? 'flex-end' : 'space-between',
-                flexWrap: useHorizontalLayout ? 'wrap' : 'nowrap'
-            } },
-            React.createElement(Stack, { grow: true, className: inputBoxRichTextStackStyle },
-                React.createElement(Stack.Item, { className: inputBoxRichTextStackItemStyle },
-                    React.createElement(RichTextEditor, { contentModel: contentModel, initialContent: initialContent, placeholderText: placeholderText, onChange: onChange, onKeyDown: onKeyDown, onCompositionUpdate: onCompositionUpdate, ref: editorComponentRef, strings: strings, showRichTextEditorFormatting: showRichTextEditorFormatting === true, styles: richTextEditorStyle, autoFocus: autoFocus, onContentModelUpdate: onContentModelUpdate, onPaste: props.onPaste, onInsertInlineImage: onInsertInlineImage })),
-                onRenderAttachmentUploads && onRenderAttachmentUploads()),
-            actionButtons));
-};
-//# sourceMappingURL=RichTextInputBoxComponent.js.map

package/dist/dist-esm/react-components/src/components/RichTextEditor/RichTextInputBoxComponent.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"RichTextInputBoxComponent.js","sourceRoot":"","sources":["../../../../../../preprocess-dist/react-components/src/components/RichTextEditor/RichTextInputBoxComponent.tsx"],"names":[],"mappings":"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","sourcesContent":["// Copyright (c) Microsoft Corporation.\n// Licensed under the MIT License.\n\nimport React, { ReactNode, useCallback, useMemo, useState } from 'react';\nimport { BaseCustomStyles } from '../../types';\nimport { RichTextEditor, RichTextEditorComponentRef, RichTextEditorStyleProps } from './RichTextEditor';\nimport { RichTextSendBoxStrings } from './RichTextSendBox';\nimport { useTheme } from '../../theming';\nimport { Icon, Stack } from '@fluentui/react';\nimport { InputBoxButton } from '../InputBoxButton';\nimport { isEnterKeyEventFromCompositionSession } from '../utils';\nimport { richTextActionButtonsDividerStyle, richTextActionButtonsStackStyle, richTextActionButtonsStyle, richTextFormatButtonIconStyle } from '../styles/RichTextEditor.styles';\nimport { inputBoxContentStackStyle, inputBoxRichTextStackItemStyle, inputBoxRichTextStackStyle, richTextBorderBoxStyle } from '../styles/RichTextInputBoxComponent.styles';\nimport type { ContentModelDocument } from 'roosterjs-content-model-types';\n\n/**\n * @private\n */\n// eslint-disable-next-line @typescript-eslint/no-empty-object-type\nexport interface RichTextInputBoxComponentStylesProps extends BaseCustomStyles {}\n\n/**\n * @private\n */\nexport interface RichTextInputBoxComponentProps {\n  placeholderText?: string;\n  // the initial content of editor that is set when editor is created (e.g. when editing a message)\n  initialContent?: string;\n  onChange: (newValue?: string, removedInlineImages?: Record<string, string>[]) => void;\n  onEnterKeyDown?: () => void;\n  editorComponentRef: React.RefObject<RichTextEditorComponentRef>;\n  // Partial needs to be removed when the rich text editor feature goes to GA\n  strings: Partial<RichTextSendBoxStrings>;\n  disabled: boolean;\n  actionComponents: ReactNode;\n  onRenderAttachmentUploads?: () => JSX.Element;\n  hasAttachments?: boolean;\n  // props for min and max height for the rich text editor\n  // otherwise the editor will grow to fit the content\n  richTextEditorStyleProps: (isExpanded: boolean) => RichTextEditorStyleProps;\n  isHorizontalLayoutDisabled?: boolean;\n  autoFocus?: 'sendBoxTextField';\n  onTyping?: () => Promise<void>;\n  onPaste?: (event: {\n    content: DocumentFragment;\n  }) => void;\n  onInsertInlineImage?: (imageAttributes: Record<string, string>) => void;\n}\n\n/**\n * @private\n */\nexport const RichTextInputBoxComponent = (props: RichTextInputBoxComponentProps): JSX.Element => {\n  const {\n    placeholderText,\n    initialContent,\n    onChange,\n    onEnterKeyDown,\n    editorComponentRef,\n    disabled,\n    strings,\n    actionComponents,\n    onRenderAttachmentUploads,\n    hasAttachments,\n    richTextEditorStyleProps,\n    isHorizontalLayoutDisabled = false,\n    autoFocus,\n    onTyping,\n    onInsertInlineImage\n  } = props;\n  const theme = useTheme();\n  // undefined is used to indicate that the rich text editor toolbar state wasn't changed yet\n  const [showRichTextEditorFormatting, setShowRichTextEditorFormatting] = useState<boolean | undefined>(undefined);\n  const [contentModel, setContentModel] = useState<ContentModelDocument | undefined>(undefined);\n  const onRenderRichTextEditorIcon = useCallback((isHover: boolean) => {\n    const isRichTextEditorToolbarShown = showRichTextEditorFormatting === true;\n    return <Icon iconName={isHover || isRichTextEditorToolbarShown ? 'RichTextEditorButtonIconFilled' : 'RichTextEditorButtonIcon'} className={richTextFormatButtonIconStyle(theme, !disabled && (isHover || isRichTextEditorToolbarShown))} />;\n  }, [disabled, showRichTextEditorFormatting, theme]);\n  const actionButtons = useMemo(() => {\n    return <Stack.Item align=\"end\" className={richTextActionButtonsStackStyle}>\n        <Stack horizontal>\n          <InputBoxButton onRenderIcon={onRenderRichTextEditorIcon} onClick={e => {\n          const isRichTextEditorToolbarShown = showRichTextEditorFormatting === true;\n          setShowRichTextEditorFormatting(!isRichTextEditorToolbarShown);\n          e.stopPropagation(); // Prevents the click from bubbling up and triggering a focus event on the chat.\n        }} ariaLabel={strings.richTextFormatButtonTooltip} tooltipContent={strings.richTextFormatButtonTooltip} className={richTextActionButtonsStyle} data-testId={'rich-text-input-box-format-button'} ariaExpanded={showRichTextEditorFormatting} />\n          <Icon iconName=\"RichTextDividerIcon\" className={richTextActionButtonsDividerStyle(theme)} />\n          {actionComponents}\n        </Stack>\n      </Stack.Item>;\n  }, [actionComponents, onRenderRichTextEditorIcon, showRichTextEditorFormatting, strings.richTextFormatButtonTooltip, theme]);\n  const richTextEditorStyle = useMemo(() => {\n    return richTextEditorStyleProps(showRichTextEditorFormatting === true);\n  }, [richTextEditorStyleProps, showRichTextEditorFormatting]);\n  const onKeyDown = useCallback((ev: KeyboardEvent) => {\n    if (isEnterKeyEventFromCompositionSession(ev)) {\n      return;\n    }\n    const isRichTextEditorToolbarShown = showRichTextEditorFormatting === true;\n    if (ev.key === 'Enter' && ev.shiftKey === false && !isRichTextEditorToolbarShown) {\n      ev.preventDefault();\n      onEnterKeyDown?.();\n    } else {\n      onTyping?.();\n    }\n  }, [onEnterKeyDown, showRichTextEditorFormatting, onTyping]);\n  const onCompositionUpdate = useCallback(() => {\n    onTyping?.();\n  }, [onTyping]);\n  const useHorizontalLayout = useMemo(() => {\n    const isRichTextEditorToolbarShown = showRichTextEditorFormatting === true;\n    return !isHorizontalLayoutDisabled && !isRichTextEditorToolbarShown && !hasAttachments;\n  }, [isHorizontalLayoutDisabled, showRichTextEditorFormatting, hasAttachments]);\n  const onContentModelUpdate = useCallback((contentModel: ContentModelDocument | undefined) => {\n    setContentModel(contentModel);\n  }, []);\n  return <div className={richTextBorderBoxStyle({\n    theme: theme,\n    disabled: !!disabled\n  })}>\n      {/* This layout is used for the compact view when formatting options are not shown */}\n      {/* We don't use a stack here as there is a bug in Fluent Stack that causes remount of children when using wrap */}\n      <div className={inputBoxContentStackStyle} style={{\n      display: 'flex',\n      flexGrow: 1,\n      flexDirection: useHorizontalLayout ? 'row' : 'column',\n      justifyContent: useHorizontalLayout ? 'flex-end' : 'space-between',\n      flexWrap: useHorizontalLayout ? 'wrap' : 'nowrap'\n    }}>\n        {/* Fixes the issue when flex box can grow to be bigger than parent */}\n        <Stack grow className={inputBoxRichTextStackStyle}>\n          <Stack.Item className={inputBoxRichTextStackItemStyle}>\n            <RichTextEditor contentModel={contentModel} initialContent={initialContent} placeholderText={placeholderText} onChange={onChange} onKeyDown={onKeyDown} onCompositionUpdate={onCompositionUpdate} ref={editorComponentRef} strings={strings} showRichTextEditorFormatting={showRichTextEditorFormatting === true} styles={richTextEditorStyle} autoFocus={autoFocus} onContentModelUpdate={onContentModelUpdate} onPaste={props.onPaste} onInsertInlineImage={onInsertInlineImage} />\n          </Stack.Item>\n          {onRenderAttachmentUploads && onRenderAttachmentUploads()}\n        </Stack>\n        {actionButtons}\n      </div>\n    </div>;\n};"]}

package/dist/dist-esm/react-components/src/components/RichTextEditor/RichTextSendBox.d.ts

@@ -1,215 +0,0 @@
-/// <reference types="react" />
-import { SendBoxStrings } from '../SendBox';
-import { AttachmentMetadataInProgress, MessageOptions } from "../../../../acs-ui-common/src";
-/**
- * Strings of {@link RichTextSendBox} that can be overridden.
- *
- * @beta
- */
-export interface RichTextSendBoxStrings extends RichTextStrings, SendBoxStrings {
-}
-/**
- * Options for the rich text editor configuration.
- *
- * @beta
- */
-export interface RichTextEditorOptions {
-    /**
-     * Optional callback to handle paste event.
-     */
-    onPaste?: (event: {
-        content: DocumentFragment;
-    }) => void;
-}
-/**
- * Strings of RichText that can be overridden.
- *
- * @beta
- */
-export interface RichTextStrings {
-    /**
-     * Tooltip text for the bold button.
-     */
-    richTextBoldTooltip: string;
-    /**
-     * Tooltip text for the italic button.
-     */
-    richTextItalicTooltip: string;
-    /**
-     * Tooltip text for the underline button.
-     */
-    richTextUnderlineTooltip: string;
-    /**
-     * Tooltip text for the bullet list button.
-     */
-    richTextBulletListTooltip: string;
-    /**
-     * Tooltip text for the number list button.
-     */
-    richTextNumberListTooltip: string;
-    /**
-     * Tooltip text for the increase indent button.
-     */
-    richTextIncreaseIndentTooltip: string;
-    /**
-     * Tooltip text for the decrease indent button.
-     */
-    richTextDecreaseIndentTooltip: string;
-    /**
-     * Tooltip text insert table button.
-     */
-    richTextInsertTableTooltip: string;
-    /**
-     * Tooltip text for the rich text format button button.
-     */
-    richTextFormatButtonTooltip: string;
-    /**
-     * Text for the insert menu item.
-     */
-    richTextInsertRowOrColumnMenu: string;
-    /**
-     * Title for the insert table menu.
-     */
-    richTextInsertTableMenuTitle: string;
-    /**
-     * Text for the insert menu item to insert row above the current selection.
-     */
-    richTextInsertRowAboveMenu: string;
-    /**
-     * Text for the insert menu item to insert row below the current selection.
-     */
-    richTextInsertRowBelowMenu: string;
-    /**
-     * Text for the insert menu item to insert column to the left from the current selection.
-     */
-    richTextInsertColumnLeftMenu: string;
-    /**
-     * Text for the insert menu item to insert column to the right from the current selection.
-     */
-    richTextInsertColumnRightMenu: string;
-    /**
-     * Text for the delete row or column menu.
-     */
-    richTextDeleteRowOrColumnMenu: string;
-    /**
-     * Text for the delete column menu.
-     */
-    richTextDeleteColumnMenu: string;
-    /**
-     * Text for the delete row menu.
-     */
-    richTextDeleteRowMenu: string;
-    /**
-     * Text for the delete table menu.
-     */
-    richTextDeleteTableMenu: string;
-    /**
-     * Text for the rich text toolbar.
-     */
-    richTextToolbarAriaLabel: string;
-    /**
-     * Text for the rich text toolbar more button.
-     */
-    richTextToolbarMoreButtonAriaLabel: string;
-    /**
-     * Text for announcement when a new bulleted list item is added.
-     */
-    richTextNewBulletedListItemAnnouncement: string;
-    /**
-     * Text for announcement when a new numbered list item is added.
-     */
-    richTextNewNumberedListItemAnnouncement: string;
-    /**
-     * Text for announcement when the bulleted list style is applied.
-     */
-    richTextBulletedListAppliedAnnouncement: string;
-    /**
-     * Text for announcement when the numbered list style is applied.
-     */
-    richTextNumberedListAppliedAnnouncement: string;
-    /**
-     * Error message indicating image upload is not complete.
-     */
-    imageUploadsPendingError: string;
-}
-/**
- * Props for {@link RichTextSendBox}.
- *
- * @beta
- */
-export interface RichTextSendBoxProps {
-    /**
-     * Optional boolean to disable text box
-     * @defaultValue false
-     */
-    disabled?: boolean;
-    /**
-     * Optional callback to handle paste event.
-     */
-    onPaste?: (event: {
-        content: DocumentFragment;
-    }) => void;
-    /**
-     * Optional strings to override in component
-     */
-    strings?: Partial<RichTextSendBoxStrings>;
-    /**
-     * Optional text for system message above the text box
-     */
-    systemMessage?: string;
-    /**
-     * Optional array of type {@link AttachmentMetadataInProgress}
-     * to render attachments being uploaded in the SendBox.
-     * @beta
-     */
-    attachments?: AttachmentMetadataInProgress[];
-    /**
-     * enumerable to determine if the input box has focus on render or not.
-     * When undefined nothing has focus on render
-     */
-    autoFocus?: 'sendBoxTextField';
-    /**
-     * Optional callback to remove the attachment upload before sending by clicking on
-     * cancel icon.
-     */
-    onCancelAttachmentUpload?: (attachmentId: 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;
-    /**
-     * Callback function used when the send button is clicked.
-     */
-    onSendMessage: (content: string, options?: MessageOptions) => Promise<void>;
-    /**
-     * Optional callback called when user is typing
-     */
-    onTyping?: () => Promise<void>;
-    /**
-     * 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 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[];
-}
-/**
- * A component to render SendBox with Rich Text Editor support.
- *
- * @beta
- */
-export declare const RichTextSendBox: (props: RichTextSendBoxProps) => JSX.Element;
-//# sourceMappingURL=RichTextSendBox.d.ts.map

package/dist/dist-esm/react-components/src/components/RichTextEditor/RichTextSendBox.js

@@ -1,184 +0,0 @@
-// Copyright (c) Microsoft Corporation.
-// Licensed under the MIT License.
-import React, { useCallback, useMemo, useRef, useState } from 'react';
-import { useEffect } from 'react';
-import { RichTextInputBoxComponent } from './RichTextInputBoxComponent';
-import { Icon, Stack } from '@fluentui/react';
-import { useLocale } from '../../localization';
-import { sendIconStyle } from '../styles/SendBox.styles';
-import { useV9CustomStyles } from '../styles/SendBox.styles';
-import { InputBoxButton } from '../InputBoxButton';
-import { RichTextSendBoxErrors } from './RichTextSendBoxErrors';
-import { isMessageTooLong, isSendBoxButtonDisabled, sanitizeText, modifyInlineImagesInContentString } from '../utils/SendBoxUtils';
-import { hasInlineImageContent, getContentWithUpdatedInlineImagesInfo } from '../utils/SendBoxUtils';
-import { useTheme } from '../../theming';
-import { richTextActionButtonsStyle, sendBoxRichTextEditorStyle } from '../styles/RichTextEditor.styles';
-import { _AttachmentUploadCards } from '../Attachment/AttachmentUploadCards';
-import { isAttachmentUploadCompleted, hasIncompleteAttachmentUploads, toAttachmentMetadata } from '../utils/SendBoxUtils';
-import { SendBoxErrorBarType } from '../SendBoxErrorBar';
-import { attachmentUploadCardsStyles } from '../styles/SendBox.styles';
-import { FluentV9ThemeProvider } from '../../theming/FluentV9ThemeProvider';
-import { richTextSendBoxIdentifier } from './RichTextSendBoxUtils';
-/**
- * A component to render SendBox with Rich Text Editor support.
- *
- * @beta
- */
-export const RichTextSendBox = (props) => {
-    const { disabled = false, systemMessage, autoFocus, onSendMessage, onTyping, attachments, onCancelAttachmentUpload, onPaste, onInsertInlineImage, inlineImagesWithProgress, onRemoveInlineImage } = props;
-    const theme = useTheme();
-    const locale = useLocale();
-    const localeStrings = useMemo(() => {
-        return locale.strings.richTextSendBox;
-        return locale.strings.sendBox;
-    }, [locale.strings.richTextSendBox, locale.strings.sendBox]);
-    const strings = useMemo(() => {
-        return Object.assign(Object.assign({}, localeStrings), props.strings);
-    }, [localeStrings, props.strings]);
-    const [contentValue, setContentValue] = useState('');
-    const [contentValueOverflow, setContentValueOverflow] = useState(false);
-    const [attachmentUploadsPendingError, setAttachmentUploadsPendingError] = useState(undefined);
-    const editorComponentRef = useRef(null);
-    const customV9Styles = useV9CustomStyles();
-    const contentTooLongMessage = useMemo(() => contentValueOverflow ? strings.textTooLong : undefined, [contentValueOverflow, strings.textTooLong]);
-    useEffect(() => {
-        if (!hasIncompleteAttachmentUploads(attachments)) {
-            setAttachmentUploadsPendingError(undefined);
-        }
-    }, [attachments]);
-    const setContent = useCallback((newValue) => {
-        if (newValue === undefined) {
-            return;
-        }
-        setContentValueOverflow(isMessageTooLong(newValue.length));
-        setContentValue(newValue);
-    }, []);
-    const onChangeHandler = useCallback((newValue, removedInlineImages) => {
-        removedInlineImages === null || removedInlineImages === void 0 ? void 0 : removedInlineImages.forEach((removedInlineImage) => onRemoveInlineImage && onRemoveInlineImage(removedInlineImage));
-        setContent(newValue);
-    }, [setContent, onRemoveInlineImage]);
-    const hasContent = useMemo(() => {
-        var _a;
-        // get plain text content from the editor to check if the message is empty
-        // as the content may contain tags even when the content is empty
-        const plainTextContent = (_a = editorComponentRef.current) === null || _a === void 0 ? void 0 : _a.getPlainContent();
-        const hasPlainText = sanitizeText(contentValue !== null && contentValue !== void 0 ? contentValue : '').length > 0 && sanitizeText(plainTextContent !== null && plainTextContent !== void 0 ? plainTextContent : '').length > 0;
-        const hasInlineImages = hasInlineImageContent(contentValue);
-        return hasPlainText || hasInlineImages;
-    }, [contentValue]);
-    const sendMessageOnClick = useCallback(() => {
-        if (inlineImagesWithProgress && inlineImagesWithProgress.length > 0) {
-            const contentWithUpdatedInlineImagesInfo = getContentWithUpdatedInlineImagesInfo(contentValue, inlineImagesWithProgress);
-            const messageTooLong = isMessageTooLong(contentWithUpdatedInlineImagesInfo.length);
-            // Set contentValueOverflow state to display the error bar
-            setContentValueOverflow(messageTooLong);
-            // The change from the setContentValueOverflow in the previous line will not kick in yet.
-            // We need to relay on the local value of messageTooLong to return early if the message is too long.
-            if (messageTooLong) {
-                return;
-            }
-        }
-        if (disabled || contentValueOverflow) {
-            return;
-        }
-        // Don't send message until all attachments have been uploaded successfully
-        setAttachmentUploadsPendingError(undefined);
-        const hasIncompleteImageUploads = hasIncompleteAttachmentUploads(inlineImagesWithProgress);
-        if (hasIncompleteAttachmentUploads(attachments) || hasIncompleteImageUploads) {
-            let errorMessage = strings.attachmentUploadsPendingError;
-            if (hasIncompleteImageUploads) {
-                errorMessage = strings.imageUploadsPendingError || '';
-            }
-            setAttachmentUploadsPendingError({
-                message: errorMessage,
-                timestamp: Date.now(),
-                errorBarType: SendBoxErrorBarType.info
-            });
-            return;
-        }
-        // we don't want to send empty messages including spaces, newlines, tabs
-        // Message can be empty if there is a valid attachment upload
-        if (hasContent || isAttachmentUploadCompleted(attachments)) {
-            const sendMessage = (content) => {
-                var _a, _b;
-                onSendMessage(content, {
-                    attachments: toAttachmentMetadata(attachments),
-                    type: 'html'
-                });
-                setContentValue('');
-                (_a = editorComponentRef.current) === null || _a === void 0 ? void 0 : _a.setEmptyContent();
-                (_b = editorComponentRef.current) === null || _b === void 0 ? void 0 : _b.focus();
-            };
-            modifyInlineImagesInContentString(contentValue, [], (content) => {
-                sendMessage(content);
-            });
-        }
-    }, [disabled, contentValueOverflow, attachments, inlineImagesWithProgress, contentValue, hasContent, strings.attachmentUploadsPendingError, strings.imageUploadsPendingError, onSendMessage]);
-    // ignore attachments error (errored attachment will not be added, shouldn't disable SendButton)
-    const hasBlockingErrorMessages = useMemo(() => {
-        var _a;
-        return !!systemMessage || !!contentTooLongMessage || !!attachmentUploadsPendingError || !!((_a = inlineImagesWithProgress === null || inlineImagesWithProgress === void 0 ? void 0 : inlineImagesWithProgress.filter(image => image.error).pop()) === null || _a === void 0 ? void 0 : _a.error);
-    }, [contentTooLongMessage, attachmentUploadsPendingError, systemMessage, inlineImagesWithProgress]);
-    const isSendBoxButtonDisabledValue = useMemo(() => {
-        return isSendBoxButtonDisabled({
-            hasContent,
-            hasCompletedAttachmentUploads: isAttachmentUploadCompleted(attachments),
-            hasError: hasBlockingErrorMessages,
-            disabled
-        });
-    }, [attachments, disabled, hasContent, hasBlockingErrorMessages]);
-    const onRenderSendIcon = useCallback((isHover) => {
-        return React.createElement(Icon, { iconName: isHover && hasContent ? 'SendBoxSendHovered' : 'SendBoxSend', className: sendIconStyle({
-                theme,
-                isSendBoxButtonDisabled: isSendBoxButtonDisabledValue,
-                defaultTextColor: theme.palette.neutralSecondary
-            }) });
-    }, [theme, isSendBoxButtonDisabledValue, hasContent]);
-    const sendBoxErrorsProps = useMemo(() => {
-        var _a, _b, _c, _d;
-        const uploadErrorMessage = (_b = (_a = attachments === null || attachments === void 0 ? void 0 : attachments.filter(attachmentUpload => attachmentUpload.error).pop()) === null || _a === void 0 ? void 0 : _a.error) === null || _b === void 0 ? void 0 : _b.message;
-        const imageUploadErrorMessage = (_d = (_c = inlineImagesWithProgress === null || inlineImagesWithProgress === void 0 ? void 0 : inlineImagesWithProgress.filter(image => image.error).pop()) === null || _c === void 0 ? void 0 : _c.error) === null || _d === void 0 ? void 0 : _d.message;
-        const errorMessage = uploadErrorMessage || imageUploadErrorMessage;
-        let errorBarType = SendBoxErrorBarType.error;
-        if (uploadErrorMessage) {
-            errorBarType = SendBoxErrorBarType.warning;
-        }
-        return {
-            attachmentUploadsPendingError: attachmentUploadsPendingError,
-            attachmentProgressError: errorMessage ? {
-                message: errorMessage,
-                timestamp: Date.now(),
-                errorBarType: errorBarType
-            } : undefined,
-            systemMessage: systemMessage,
-            textValidationErrorMessage: contentTooLongMessage
-        };
-    }, [attachments, contentTooLongMessage, attachmentUploadsPendingError, inlineImagesWithProgress, systemMessage]);
-    const onRenderAttachmentUploads = useCallback(() => {
-        return React.createElement(Stack, { className: attachmentUploadCardsStyles },
-            React.createElement(FluentV9ThemeProvider, { v8Theme: theme, className: customV9Styles.clearBackground },
-                React.createElement(_AttachmentUploadCards, { attachments: attachments, onCancelAttachmentUpload: onCancelAttachmentUpload, strings: {
-                        removeAttachment: strings.removeAttachment,
-                        uploading: strings.uploading,
-                        uploadProgress: strings.uploadProgress,
-                        uploadCompleted: strings.uploadCompleted,
-                        attachmentMoreMenu: strings.attachmentMoreMenu
-                    }, disabled: disabled })));
-    }, [theme, customV9Styles.clearBackground, attachments, onCancelAttachmentUpload, strings.removeAttachment, strings.uploading, strings.uploadProgress, strings.uploadCompleted, strings.attachmentMoreMenu, disabled]);
-    const sendButton = useMemo(() => {
-        return React.createElement(InputBoxButton, { onRenderIcon: onRenderSendIcon, onClick: e => {
-                sendMessageOnClick();
-                e.stopPropagation(); // Prevents the click from bubbling up and triggering a focus event on the chat.
-            }, className: richTextActionButtonsStyle, ariaLabel: localeStrings.sendButtonAriaLabel, tooltipContent: localeStrings.sendButtonAriaLabel, disabled: isSendBoxButtonDisabledValue });
-    }, [isSendBoxButtonDisabledValue, localeStrings.sendButtonAriaLabel, onRenderSendIcon, sendMessageOnClick]);
-    const hasAttachmentUploads = useMemo(() => {
-        return isAttachmentUploadCompleted(attachments) || hasIncompleteAttachmentUploads(attachments);
-    }, [attachments]);
-    return React.createElement(Stack, null,
-        React.createElement(RichTextSendBoxErrors, Object.assign({}, sendBoxErrorsProps)),
-        React.createElement(RichTextInputBoxComponent, { placeholderText: strings.placeholderText, autoFocus: autoFocus, onChange: onChangeHandler, onEnterKeyDown: sendMessageOnClick, onTyping: onTyping, editorComponentRef: editorComponentRef, strings: strings, disabled: disabled, actionComponents: sendButton, richTextEditorStyleProps: sendBoxRichTextEditorStyle, onRenderAttachmentUploads: onRenderAttachmentUploads, hasAttachments: hasAttachmentUploads, onPaste: onPaste, onInsertInlineImage: onInsertInlineImage }));
-}; // Add component type check to assist in identification for usePropsFor
-// to avoid issue where production build does not have the component name
-// eslint-disable-next-line @typescript-eslint/no-explicit-any
-RichTextSendBox[richTextSendBoxIdentifier] = true;
-//# sourceMappingURL=RichTextSendBox.js.map