@azure/communication-react 1.14.0-alpha-202403050012 → 1.14.0-alpha-202403070010

package/dist/communication-react.d.ts

@@ -244,10 +244,31 @@ export declare type AreParamEqual<A extends (props: any) => JSX.Element | undefi
 export declare type AreTypeEqual<A, B> = A extends B ? (B extends A ? true : false) : false;
 
 /**
- * Metadata containing information about the uploaded file.
+ * Metadata containing basic information about the uploaded file.
+ *
  * @beta
  */
-export declare type AttachmentMetadata = FileMetadata | /* @conditional-compile-remove(teams-inline-images-and-file-sharing) */ InlineImageMetadata;
+export declare interface AttachmentMetadata {
+    /**
+     * Extension hint, useful for rendering a specific icon.
+     * An unknown or empty extension will be rendered as a generic icon.
+     * Example: `pdf`
+     */
+    extension: string;
+    /**
+     * Unique ID of the file.
+     */
+    id: string;
+    /**
+     * File name to be displayed.
+     */
+    name: string;
+    /**
+     * Download URL for the file.
+     */
+    url: string;
+    payload?: Record<string, string>;
+}
 
 /**
  * Custom data attributes for displaying avatar for a user.
@@ -4605,6 +4626,13 @@ export declare type ChatCompositeOptions = {
      * @beta
      */
     fileSharing?: FileSharingOptions;
+    /**
+     * Properties for configuring the richTextEditor feature.
+     * @defaultValue false
+     *
+     * @beta
+     */
+    richTextEditor?: boolean | RichTextEditorOptions;
 };
 
 /**
@@ -4754,15 +4782,9 @@ export declare interface ChatMessage extends MessageCommon {
     /**
      * @beta
      * A list of file attachments for the message.
-     * {@link FileMetadata}
-     */
-    files?: FileMetadata[];
-    /**
-     * @beta
-     * A list of inline images embedded in the message.
-     * {@link InlineImageMetadata}
+     * {@link AttachmentMetadata}
      */
-    inlineImages?: InlineImageMetadata[];
+    files?: AttachmentMetadata[];
 }
 
 /**
@@ -5390,7 +5412,7 @@ export declare interface ComponentStrings {
     typingIndicator: TypingIndicatorStrings;
     /** Strings for SendBox */
     sendBox: SendBoxStrings;
-    /** Strings for RTESendBox */
+    /** Strings for RichTextSendBox */
     richTextSendBox: RichTextSendBoxStrings;
     /** Strings for MentionPopover */
     mentionPopover: MentionPopoverStrings;
@@ -6259,14 +6281,16 @@ export declare const DEFAULT_COMPONENT_ICONS: {
     StartSpotlightContextualMenuItem: React_2.JSX.Element;
     StopSpotlightContextualMenuItem: React_2.JSX.Element;
     VideoSpotlighted: React_2.JSX.Element;
-    RTEBoldButtonIcon: React_2.JSX.Element;
-    RTEItalicButtonIcon: React_2.JSX.Element;
-    RTEUnderlineButtonIcon: React_2.JSX.Element;
-    RTEBulletListButtonIcon: React_2.JSX.Element;
-    RTEtNumberListButtonIcon: React_2.JSX.Element;
-    RTEIndentDecreaseButtonIcon: React_2.JSX.Element;
-    RTEIndentIncreaseButtonIcon: React_2.JSX.Element;
-    RTEDividerIcon: React_2.JSX.Element;
+    RichTextBoldButtonIcon: React_2.JSX.Element;
+    RichTextItalicButtonIcon: React_2.JSX.Element;
+    RichTextUnderlineButtonIcon: React_2.JSX.Element;
+    RichTextBulletListButtonIcon: React_2.JSX.Element;
+    RichTextNumberListButtonIcon: React_2.JSX.Element;
+    RichTextIndentDecreaseButtonIcon: React_2.JSX.Element;
+    RichTextIndentIncreaseButtonIcon: React_2.JSX.Element;
+    RichTextDividerIcon: React_2.JSX.Element;
+    RichTextEditorButtonIcon: React_2.JSX.Element;
+    RichTextEditorButtonIconFilled: React_2.JSX.Element;
 };
 
 /**
@@ -6418,14 +6442,16 @@ export declare const DEFAULT_COMPOSITE_ICONS: {
     StartSpotlightContextualMenuItem: React_2.JSX.Element;
     StopSpotlightContextualMenuItem: React_2.JSX.Element;
     VideoSpotlighted: React_2.JSX.Element;
-    RTEBoldButtonIcon: React_2.JSX.Element;
-    RTEItalicButtonIcon: React_2.JSX.Element;
-    RTEUnderlineButtonIcon: React_2.JSX.Element;
-    RTEBulletListButtonIcon: React_2.JSX.Element;
-    RTEtNumberListButtonIcon: React_2.JSX.Element;
-    RTEIndentDecreaseButtonIcon: React_2.JSX.Element;
-    RTEIndentIncreaseButtonIcon: React_2.JSX.Element;
-    RTEDividerIcon: React_2.JSX.Element;
+    RichTextBoldButtonIcon: React_2.JSX.Element;
+    RichTextItalicButtonIcon: React_2.JSX.Element;
+    RichTextUnderlineButtonIcon: React_2.JSX.Element;
+    RichTextBulletListButtonIcon: React_2.JSX.Element;
+    RichTextNumberListButtonIcon: React_2.JSX.Element;
+    RichTextIndentDecreaseButtonIcon: React_2.JSX.Element;
+    RichTextIndentIncreaseButtonIcon: React_2.JSX.Element;
+    RichTextDividerIcon: React_2.JSX.Element;
+    RichTextEditorButtonIcon: React_2.JSX.Element;
+    RichTextEditorButtonIconFilled: React_2.JSX.Element;
 };
 
 /**
@@ -7083,34 +7109,6 @@ export declare interface FileDownloadError {
  */
 export declare type FileDownloadHandler = (userId: string, fileMetadata: AttachmentMetadata) => Promise<URL | FileDownloadError>;
 
-/**
- * Metadata containing basic information about the uploaded file.
- *
- * @beta
- */
-export declare interface FileMetadata {
-    attachmentType: 'file';
-    /**
-     * Extension hint, useful for rendering a specific icon.
-     * An unknown or empty extension will be rendered as a generic icon.
-     * Example: `pdf`
-     */
-    extension: string;
-    /**
-     * Unique ID of the file.
-     */
-    id: string;
-    /**
-     * File name to be displayed.
-     */
-    name: string;
-    /**
-     * Download URL for the file.
-     */
-    url: string;
-    payload?: Record<string, string>;
-}
-
 /**
  * Properties for configuring the File Sharing feature.
  * @beta
@@ -7299,7 +7297,7 @@ export declare const getCallingSelector: <Component extends (props: any) => JSX.
  *
  * @public
  */
-export declare type GetChatSelector<Component extends (props: any) => JSX.Element | undefined> = AreEqual<Component, typeof SendBox> extends true ? SendBoxSelector : AreEqual<Component, typeof MessageThread> extends true ? MessageThreadSelector : AreEqual<Component, typeof TypingIndicator> extends true ? TypingIndicatorSelector : AreEqual<Component, typeof ParticipantList> extends true ? ChatParticipantListSelector : AreEqual<Component, typeof ErrorBar> extends true ? ChatErrorBarSelector : undefined;
+export declare type GetChatSelector<Component extends (props: any) => JSX.Element | undefined> = AreEqual<Component, typeof SendBox> extends true ? SendBoxSelector : AreEqual<Component, typeof RichTextSendBox> extends true ? SendBoxSelector : AreEqual<Component, typeof MessageThread> extends true ? MessageThreadSelector : AreEqual<Component, typeof TypingIndicator> extends true ? TypingIndicatorSelector : AreEqual<Component, typeof ParticipantList> extends true ? ChatParticipantListSelector : AreEqual<Component, typeof ErrorBar> extends true ? ChatErrorBarSelector : undefined;
 
 /**
  * Get the selector for a specified component.
@@ -7615,28 +7613,6 @@ export declare interface InlineImage {
     imgAttrs: React_2.ImgHTMLAttributes<HTMLImageElement>;
 }
 
-/**
- * Metadata for rendering images inline with a message.
- * This does not include images attached as files.
- * @beta
- */
-export declare interface InlineImageMetadata {
-    attachmentType: 'inlineImage';
-    /**
-     * Unique ID of the attachment.
-     */
-    id: string;
-    previewUrl?: string;
-    /**
-     * Download URL for the full resolution version.
-     */
-    url: string;
-    /**
-     * Optional fetched Image source fot the full resolution version.
-     */
-    fullSizeImageSrc?: string;
-}
-
 /**
  * Options to display inline image in the inline image scenario.
  *
@@ -8732,7 +8708,7 @@ export declare interface OptionsDevice {
  *
  * @public
  */
-export declare type OverflowGalleryPosition = 'horizontalBottom' | 'verticalRight' | /* @conditional-compile-remove(gallery-layouts) */ 'horizontalTop';
+export declare type OverflowGalleryPosition = 'horizontalBottom' | 'verticalRight' | 'horizontalTop';
 
 /**
  * A system message notifying that a participant was added to the chat thread.
@@ -9544,6 +9520,65 @@ export declare type ResourceDetails = {
     resourceUrl: string;
 };
 
+/**
+ * Options for configuring the rich text editor.
+ *
+ * @beta
+ */
+export declare interface RichTextEditorOptions {
+}
+
+/**
+ * A component to render SendBox with Rich Text Editor support.
+ *
+ * @beta
+ */
+export declare const RichTextSendBox: (props: RichTextSendBoxProps) => JSX.Element;
+
+/**
+ * Props for {@link RichTextSendBox}.
+ *
+ * @beta
+ */
+export declare interface RichTextSendBoxProps {
+    /**
+     * Optional boolean to disable text box
+     * @defaultValue false
+     */
+    disabled?: boolean;
+    /**
+     * Optional strings to override in component
+     */
+    strings?: Partial<RichTextSendBoxStrings>;
+    /**
+     * Optional text for system message above the text box
+     */
+    systemMessage?: string;
+    /**
+     * Optional callback to render uploaded files in the SendBox. The sendBox will expand
+     * vertically to accommodate the uploaded files. File uploads will
+     * be rendered below the text area in sendBox.
+     * @beta
+     */
+    onRenderFileUploads?: () => JSX.Element;
+    /**
+     * Optional array of active file uploads where each object has attributes
+     * of a file upload like name, progress, errorMessage etc.
+     * @beta
+     */
+    activeFileUploads?: ActiveFileUpload[];
+    /**
+     * Optional callback to remove the file upload before sending by clicking on
+     * cancel icon.
+     * @beta
+     */
+    onCancelFileUpload?: (fileId: string) => void;
+    /**
+     * Callback function used when the send button is clicked.
+     */
+    onSendMessage: (content: string) => Promise<void>;
+}
+
 /**
  * Strings of {@link RichTextSendBox} that can be overridden.
  *
@@ -9578,6 +9613,10 @@ export declare interface RichTextSendBoxStrings extends SendBoxStrings {
      * Tooltip text for the decrease indent button.
      */
     decreaseIndentTooltip: string;
+    /**
+     * Tooltip text for the rich text format button button.
+     */
+    richTextFormatButtonTooltip: string;
 }
 
 /**
@@ -11101,7 +11140,7 @@ export declare const VideoGallery: (props: VideoGalleryProps) => JSX.Element;
 /**
  * @public
  */
-export declare type VideoGalleryLayout = 'default' | 'floatingLocalVideo' | /* @conditional-compile-remove(gallery-layouts) */ 'speaker' | /* @conditional-compile-remove(large-gallery) */ 'largeGallery' | /* @conditional-compile-remove(gallery-layouts) */ 'focusedContent';
+export declare type VideoGalleryLayout = 'default' | 'floatingLocalVideo' | 'speaker' | /* @conditional-compile-remove(large-gallery) */ 'largeGallery' | 'focusedContent';
 
 /**
  * The state of the local participant in the {@link VideoGallery}.

package/dist/dist-cjs/communication-react/RichTextSendBoxWrapper-DQB5BrFt.js

@@ -0,0 +1,51 @@
+'use strict';
+
+var React = require('react');
+var index = require('./index-szH03w3_.js');
+require('@fluentui/react');
+require('@fluentui/react-file-type-icons');
+require('@azure/communication-common');
+require('@fluentui/react-components');
+require('@fluentui-contrib/react-chat');
+require('@fluentui/react-hooks');
+require('react-use-draggable-scroll');
+require('copy-to-clipboard');
+require('reselect');
+require('@azure/communication-calling');
+require('memoize-one');
+require('@azure/logger');
+require('events');
+require('immer');
+require('@fluentui/react-icons');
+require('textarea-caret-ts');
+require('use-debounce');
+require('roosterjs-editor-plugins');
+require('roosterjs-editor-core');
+require('roosterjs-react');
+require('uuid');
+require('@griffel/react');
+require('html-react-parser');
+require('react-linkify');
+require('dompurify');
+require('@fluentui/react-window-provider');
+require('@azure/communication-chat');
+require('nanoid');
+require('@azure/communication-calling-effects');
+
+// Copyright (c) Microsoft Corporation.
+// Licensed under the MIT License.
+/* @conditional-compile-remove(rich-text-editor) */
+/* @conditional-compile-remove(rich-text-editor) */
+/**
+ * @private
+ *
+ * Wrapper for RichTextSendBox component to allow us to use usePropsFor with richTextSendBox
+ * before lazyLoading is done
+ */
+const RichTextSendBoxWrapper = () => {
+    const richTextSendBoxProps = index.usePropsFor(index.RichTextSendBox);
+    return React.createElement(index.RichTextSendBox, Object.assign({}, richTextSendBoxProps));
+};
+
+exports.RichTextSendBoxWrapper = RichTextSendBoxWrapper;
+//# sourceMappingURL=RichTextSendBoxWrapper-DQB5BrFt.js.map

package/dist/dist-cjs/communication-react/RichTextSendBoxWrapper-DQB5BrFt.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"RichTextSendBoxWrapper-DQB5BrFt.js","sources":["../../../../react-composites/src/composites/common/RichTextSendBoxWrapper.tsx"],"sourcesContent":["// Copyright (c) Microsoft Corporation.\n// Licensed under the MIT License.\n\n/* @conditional-compile-remove(rich-text-editor) */\nimport React from 'react';\n/* @conditional-compile-remove(rich-text-editor) */\nimport { usePropsFor } from '../ChatComposite/hooks/usePropsFor';\n/* @conditional-compile-remove(rich-text-editor) */\nimport { RichTextSendBox } from '@internal/react-components';\n\n/* @conditional-compile-remove(rich-text-editor) */\n/**\n * @private\n *\n * Wrapper for RichTextSendBox component to allow us to use usePropsFor with richTextSendBox\n * before lazyLoading is done\n */\nexport const RichTextSendBoxWrapper = (): JSX.Element => {\n  const richTextSendBoxProps = usePropsFor(RichTextSendBox);\n\n  return <RichTextSendBox {...richTextSendBoxProps} />;\n};\n"],"names":["usePropsFor","RichTextSendBox"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AACA;AAEA;AAOA;AACA;;;;;AAKG;AACI,MAAM,sBAAsB,GAAG,MAAkB;AACtD,IAAA,MAAM,oBAAoB,GAAGA,iBAAW,CAACC,qBAAe,CAAC,CAAC;AAE1D,IAAA,OAAO,KAAC,CAAA,aAAA,CAAAA,qBAAe,EAAK,MAAA,CAAA,MAAA,CAAA,EAAA,EAAA,oBAAoB,EAAI,CAAC;AACvD;;;;"}