@azure/communication-react 1.19.0-alpha-202408070015 → 1.19.0-beta.1

package/dist/communication-react.d.ts

@@ -23,9 +23,6 @@ import { BackgroundBlurConfig } from '@azure/communication-calling';
 import { BackgroundBlurEffect } from '@azure/communication-calling';
 import { BackgroundReplacementConfig } from '@azure/communication-calling';
 import { BackgroundReplacementEffect } from '@azure/communication-calling';
-import { BreakoutRoom } from '@azure/communication-calling';
-import { BreakoutRoomsSettings } from '@azure/communication-calling';
-import { BreakoutRoomsUpdatedListener } from '@azure/communication-calling';
 import { Call } from '@azure/communication-calling';
 import { CallAgent } from '@azure/communication-calling';
 import { CallClient } from '@azure/communication-calling';
@@ -707,17 +704,6 @@ export declare interface BlockedMessage extends MessageCommon {
     mine?: boolean;
 }
 
-/**
- * Breakout rooms state
- *
- * @public
- */
-export declare interface BreakoutRoomsState {
-    assignedBreakoutRoom?: BreakoutRoom;
-    breakoutRoomSettings?: BreakoutRoomsSettings;
-    breakoutRoomOriginCallId?: string;
-}
-
 /**
  * @beta
  * Props for BrowserPermissionDeniedIOS component.
@@ -1180,10 +1166,6 @@ export declare interface CallAdapterCallOperations {
      * Mute All participants
      */
     muteAllRemoteParticipants(): Promise<void>;
-    /**
-     * Return to origin call of breakout room
-     */
-    returnFromBreakoutRoom(): Promise<void>;
 }
 
 /**
@@ -1457,10 +1439,6 @@ export declare interface CallAdapterSubscribers {
      * Subscribe function for 'mutedByOthers' event.
      */
     on(event: 'mutedByOthers', listener: PropertyChangedEvent): void;
-    /**
-     * Subscribe function for 'breakoutRoomsUpdated' event.
-     */
-    on(event: 'breakoutRoomsUpdated', listener: BreakoutRoomsUpdatedListener): void;
     /**
      * Unsubscribe function for 'participantsJoined' event.
      */
@@ -1545,10 +1523,6 @@ export declare interface CallAdapterSubscribers {
      * Unsubscribe function for 'mutedByOthers' event.
      */
     off(event: 'mutedByOthers', listener: PropertyChangedEvent): void;
-    /**
-     * Unsubscribe function for 'breakoutRoomsUpdated' event.
-     */
-    off(event: 'breakoutRoomsUpdated', listener: BreakoutRoomsUpdatedListener): void;
 }
 
 /**
@@ -1801,18 +1775,6 @@ export declare type CallCompositeIcons = {
     StopAllSpotlightMenuButton?: JSX.Element;
 };
 
-/**
- * Props for the OutboundCallComposite that you can use in your application.
- * @beta
- */
-export declare type CallCompositeLoaderProps = {
-    userId: string;
-    token: string;
-    displayName: string;
-    locator: CallAdapterLocator;
-    options?: AzureCommunicationCallAdapterOptions;
-};
-
 /**
  * Optional features of the {@link CallComposite}.
  *
@@ -3266,10 +3228,6 @@ export declare interface CallState {
     meetingConference?: {
         conferencePhones: ConferencePhoneInfo[];
     };
-    /**
-     * Proxy of {@link @azure/communication-calling#BreakoutRoomsFeature}.
-     */
-    breakoutRooms?: BreakoutRoomsState;
 }
 
 /**
@@ -3705,10 +3663,6 @@ export declare interface CallWithChatAdapterManagement {
      * Mute a participant
      */
     muteAllRemoteParticipants(): Promise<void>;
-    /**
-     * Return to origin call of breakout room
-     */
-    returnFromBreakoutRoom(): Promise<void>;
 }
 
 /**
@@ -3742,7 +3696,6 @@ export declare interface CallWithChatAdapterSubscriptions {
     on(event: 'isSpokenLanguageChanged', listener: IsSpokenLanguageChangedListener): void;
     on(event: 'capabilitiesChanged', listener: CapabilitiesChangedListener): void;
     on(event: 'spotlightChanged', listener: SpotlightChangedListener): void;
-    on(event: 'breakoutRoomsUpdated', listener: BreakoutRoomsUpdatedListener): void;
     off(event: 'callEnded', listener: CallEndedListener): void;
     off(event: 'isMutedChanged', listener: IsMutedChangedListener): void;
     off(event: 'callIdChanged', listener: CallIdChangedListener): void;
@@ -3760,7 +3713,6 @@ export declare interface CallWithChatAdapterSubscriptions {
     off(event: 'isSpokenLanguageChanged', listener: IsSpokenLanguageChangedListener): void;
     off(event: 'capabilitiesChanged', listener: CapabilitiesChangedListener): void;
     off(event: 'spotlightChanged', listener: SpotlightChangedListener): void;
-    off(event: 'breakoutRoomsUpdated', listener: BreakoutRoomsUpdatedListener): void;
     on(event: 'messageReceived', listener: MessageReceivedListener): void;
     on(event: 'messageEdited', listener: MessageEditedListener): void;
     on(event: 'messageDeleted', listener: MessageDeletedListener): void;
@@ -3939,18 +3891,6 @@ export declare type CallWithChatCompositeIcons = {
     StopAllSpotlightMenuButton?: JSX.Element;
 };
 
-/**
- * Props for the CallWithChatComposite that you can use in your application.
- * @beta
- */
-export declare type CallWithChatCompositeLoaderProps = {
-    userId: string;
-    token: string;
-    displayName: string;
-    endpoint: string;
-    locator: CallAndChatLocator;
-};
-
 /**
  * Optional features of the {@link CallWithChatComposite}.
  *
@@ -4360,7 +4300,7 @@ export declare interface CallWithChatControlOptions extends CommonCallControlOpt
  *
  * @public
  */
-export declare type CallWithChatEvent = 'callError' | 'chatError' | 'callEnded' | 'isMutedChanged' | 'callIdChanged' | 'isLocalScreenSharingActiveChanged' | 'displayNameChanged' | 'isSpeakingChanged' | 'callParticipantsJoined' | 'callParticipantsLeft' | 'selectedMicrophoneChanged' | 'selectedSpeakerChanged' | 'isCaptionsActiveChanged' | 'captionsReceived' | 'isCaptionLanguageChanged' | 'isSpokenLanguageChanged' | 'capabilitiesChanged' | 'spotlightChanged' | /* @conditional-compile-remove(breakout-rooms) */ 'breakoutRoomsUpdated' | 'messageReceived' | 'messageEdited' | 'messageDeleted' | 'messageSent' | 'messageRead' | 'chatParticipantsAdded' | 'chatParticipantsRemoved' | 'chatInitialized';
+export declare type CallWithChatEvent = 'callError' | 'chatError' | 'callEnded' | 'isMutedChanged' | 'callIdChanged' | 'isLocalScreenSharingActiveChanged' | 'displayNameChanged' | 'isSpeakingChanged' | 'callParticipantsJoined' | 'callParticipantsLeft' | 'selectedMicrophoneChanged' | 'selectedSpeakerChanged' | 'isCaptionsActiveChanged' | 'captionsReceived' | 'isCaptionLanguageChanged' | 'isSpokenLanguageChanged' | 'capabilitiesChanged' | 'spotlightChanged' | 'messageReceived' | 'messageEdited' | 'messageDeleted' | 'messageSent' | 'messageRead' | 'chatParticipantsAdded' | 'chatParticipantsRemoved' | 'chatInitialized';
 
 /**
  * @beta
@@ -5069,18 +5009,6 @@ export declare type ChatCompositeIcons = {
     SendBoxAttachFile?: JSX.Element;
 };
 
-/**
- * Props for the ChatComposite that you can use in your application.
- * @beta
- */
-export declare type ChatCompositeLoaderProps = {
-    userId: string;
-    token: string;
-    displayName?: string;
-    endpoint: string;
-    threadId: string;
-};
-
 /**
  * Optional features of the {@link ChatComposite}.
  *
@@ -5257,7 +5185,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(file-sharing-acs) */ options?: MessageOptions) => Promise<void>;
     onDeleteMessage: (messageId: string) => Promise<void>;
 };
 
@@ -6743,13 +6671,13 @@ 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;
 
 /**
  * @public
  * `DeclarativeTeamsCallAgent` extends and proxies the {@link @azure/communication-calling#TeamsCallAgent}
  */
-export declare type DeclarativeTeamsCallAgent = TeamsCallAgent & TeamsIncomingCallManagement;
+export declare type DeclarativeTeamsCallAgent = TeamsCallAgent & /* @conditional-compile-remove(one-to-n-calling) */ TeamsIncomingCallManagement;
 
 /**
  * The default set of icons that are available to use in the UI components.
@@ -8370,38 +8298,12 @@ export declare interface JumpToNewMessageButtonProps {
  */
 export declare const lightTheme: PartialTheme & CallingTheme;
 
-/**
- * Loader function for the OutboundCallComposite that you can use in your application.
- *
- * @beta
- */
-export declare const loadCallComposite: (adapterArgs: CallCompositeLoaderProps, htmlElement: HTMLElement | null, props?: CallCompositeOptions) => Promise<CallAdapter | undefined>;
-
-/**
- * Props for the CallWithChatComposite that you can use in your application.
- * @beta
- */
-export declare const loadCallWithChatComposite: (args: CallWithChatCompositeLoaderProps, htmlElement: HTMLElement | null, props: CallWithChatCompositeOptions) => Promise<CallWithChatAdapter | undefined>;
-
-/**
- * Loader function for the ChatComposite that you can use in your application.
- * @beta
- */
-export declare const loadChatComposite: (args: ChatCompositeLoaderProps, htmlElement: HTMLElement | null, props: ChatCompositeOptions) => Promise<ChatAdapter | undefined>;
-
 /**
  * Whether the stream is loading or not.
  * @public
  */
 export declare type LoadingState = 'loading' | 'none';
 
-/**
- * Loader function for the OutboundCallComposite that you can use in your application.
- *
- * @beta
- */
-export declare const loadOutboundCallComposite: (adapterArgs: OutboundCallCompositeLoaderProps, htmlElement: HTMLElement | null, props?: CallCompositeOptions) => Promise<CallAdapter | undefined>;
-
 /**
  * Provider to provide localized strings for this library's react components.
  *
@@ -8784,7 +8686,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(file-sharing-acs) */ options?: MessageOptions) => Promise<void>;
 };
 
 /**
@@ -9030,7 +8932,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(file-sharing-acs) */ options?: MessageOptions) => Promise<void>;
     /**
      /**
      * Disable editing messages.
@@ -9784,18 +9686,6 @@ export declare interface OptionsDevice {
     name: string;
 }
 
-/**
- * Props for the OutboundCallComposite that you can use in your application.
- * @beta
- */
-export declare type OutboundCallCompositeLoaderProps = {
-    userId: string;
-    token: string;
-    displayName: string;
-    targetCallees: string[] | StartCallIdentifier[];
-    options?: AzureCommunicationCallAdapterOptions;
-};
-
 /**
  * Different modes and positions of the overflow gallery in the VideoGallery
  *
@@ -10739,7 +10629,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(file-sharing-acs) */ options?: MessageOptions) => Promise<void>;
     /**
      * Optional callback called when user is typing
      */
@@ -11004,7 +10894,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(file-sharing-acs) */ options?: MessageOptions) => Promise<void>;
     /**
      * Optional props needed to lookup suggestions in the mention scenario.
      * @beta
@@ -12190,7 +12080,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(file-sharing-acs) */ options?: MessageOptions) => Promise<void>;
 
 /**
  * Result payload for uploading an image.
@@ -12529,7 +12419,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-BMVUY7HX.js → ChatMessageComponentAsRichTextEditBox-BwDfn2HU.js}

@@ -4,15 +4,14 @@ 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-D46R0M5v.js');
+var index = require('./index-MlVvToaE.js');
 var React = require('react');
-require('react-dom/client');
-require('@azure/communication-chat');
+require('reselect');
+require('@azure/communication-calling');
+require('memoize-one');
+require('@azure/logger');
 require('events');
 require('immer');
-require('@azure/logger');
-require('nanoid');
-require('memoize-one');
 require('@fluentui/react-icons');
 require('textarea-caret-ts');
 require('use-debounce');
@@ -30,8 +29,8 @@ require('@fluentui/react-hooks');
 require('react-use-draggable-scroll');
 require('@fluentui/react-window-provider');
 require('copy-to-clipboard');
-require('reselect');
-require('@azure/communication-calling');
+require('@azure/communication-chat');
+require('nanoid');
 require('@azure/communication-calling-effects');
 
 // Copyright (c) Microsoft Corporation.
@@ -64,7 +63,7 @@ const ChatMessageComponentAsRichTextEditBox = (props) => {
         // And we need to copy over all the attributes such as id, width, etc.
         // which is needed for sending the message with the images correctly.
         /* @conditional-compile-remove(rich-text-editor-image-upload) */
-        document.querySelectorAll('.broken-image-wrapper').forEach((brokenImage) => {
+        document.querySelectorAll('.broken-image-wrapper').forEach(brokenImage => {
             var _a;
             const imageElement = document.createElement('img');
             const attributes = brokenImage.attributes;
@@ -94,7 +93,7 @@ const ChatMessageComponentAsRichTextEditBox = (props) => {
     /* @conditional-compile-remove(rich-text-editor-image-upload) */
     const imageUploadErrorMessage = React.useMemo(() => {
         var _a, _b;
-        return (_b = (_a = inlineImagesWithProgress === null || inlineImagesWithProgress === void 0 ? void 0 : inlineImagesWithProgress.filter((image) => image.error).pop()) === null || _a === void 0 ? void 0 : _a.error) === null || _b === void 0 ? void 0 : _b.message;
+        return (_b = (_a = inlineImagesWithProgress === null || inlineImagesWithProgress === void 0 ? void 0 : inlineImagesWithProgress.filter(image => image.error).pop()) === null || _a === void 0 ? void 0 : _a.error) === null || _b === void 0 ? void 0 : _b.message;
     }, [inlineImagesWithProgress]);
     const submitEnabled = messageState === 'OK';
     const editContainerStyles = index.useChatMessageRichTextEditContainerStyles();
@@ -108,18 +107,15 @@ const ChatMessageComponentAsRichTextEditBox = (props) => {
         (_a = editTextFieldRef.current) === null || _a === void 0 ? void 0 : _a.focus();
     }, []);
     const textTooLongMessage = React.useMemo(() => {
-        return messageState === 'too long' ||
-            /* @conditional-compile-remove(rich-text-editor-image-upload) */ contentValueWithInlineImagesOverflow
-            ? index._formatString(strings.editBoxTextLimit, { limitNumber: `${index.MAXIMUM_LENGTH_OF_MESSAGE}` })
-            : undefined;
-    }, [
-        messageState,
-        strings.editBoxTextLimit,
-        /* @conditional-compile-remove(rich-text-editor-image-upload) */ contentValueWithInlineImagesOverflow
-    ]);
+        return messageState === 'too long' || /* @conditional-compile-remove(rich-text-editor-image-upload) */ contentValueWithInlineImagesOverflow ? index._formatString(strings.editBoxTextLimit, {
+            limitNumber: `${index.MAXIMUM_LENGTH_OF_MESSAGE}`
+        }) : undefined;
+    }, [messageState, strings.editBoxTextLimit, /* @conditional-compile-remove(rich-text-editor-image-upload) */ contentValueWithInlineImagesOverflow]);
     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));
@@ -172,105 +168,72 @@ const ChatMessageComponentAsRichTextEditBox = (props) => {
             // until edit message event is received
             onSubmit(content, /* @conditional-compile-remove(file-sharing-acs) */ attachmentMetadata || []);
         });
-    }, [
-        submitEnabled,
-        /* @conditional-compile-remove(rich-text-editor-image-upload) */
-        inlineImagesWithProgress,
-        /* @conditional-compile-remove(rich-text-editor-image-upload) */
-        initialInlineImages,
-        textValue,
-        /* @conditional-compile-remove(rich-text-editor-image-upload) */
-        strings.imageUploadsPendingError,
-        onSubmit,
-        /* @conditional-compile-remove(file-sharing-acs) */
-        attachmentMetadata
-    ]);
+    }, [submitEnabled, /* @conditional-compile-remove(rich-text-editor-image-upload) */
+        inlineImagesWithProgress, /* @conditional-compile-remove(rich-text-editor-image-upload) */
+        initialInlineImages, textValue, /* @conditional-compile-remove(rich-text-editor-image-upload) */
+        strings.imageUploadsPendingError, onSubmit, /* @conditional-compile-remove(file-sharing-acs) */
+        attachmentMetadata]);
     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 => {
                     onSubmitHandler();
                     e.stopPropagation();
-                }, id: 'submitIconWrapper', "data-testId": strings.editBoxSubmitButton })));
-    }, [
-        message.messageId,
-        onCancel,
-        onRenderThemedCancelIcon,
-        onRenderThemedSubmitIcon,
-        strings.editBoxCancelButton,
-        strings.editBoxSubmitButton,
-        onSubmitHandler
-    ]);
+                }, id: 'submitIconWrapper', "data-testId": strings.editBoxSubmitButton }));
+    }, [message.messageId, onCancel, onRenderThemedCancelIcon, onRenderThemedSubmitIcon, strings.editBoxCancelButton, strings.editBoxSubmitButton, onSubmitHandler]);
     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(file-sharing-acs) */
     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(file-sharing-acs) */
     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 onChangeHandler = React.useCallback((content, 
-    /* @conditional-compile-remove(rich-text-editor-image-upload) */
-    removedInlineImages) => {
+    const onChangeHandler = React.useCallback((content, removedInlineImages) => {
         /* @conditional-compile-remove(rich-text-editor-image-upload) */
         removedInlineImages === null || removedInlineImages === void 0 ? void 0 : removedInlineImages.forEach((removedInlineImage) => {
             onRemoveInlineImage && onRemoveInlineImage(removedInlineImage, message.messageId);
         });
         setText(content);
-    }, [
-        setText,
-        /* @conditional-compile-remove(rich-text-editor-image-upload) */ onRemoveInlineImage,
-        /* @conditional-compile-remove(rich-text-editor-image-upload) */ message.messageId
-    ]);
+    }, [setText, /* @conditional-compile-remove(rich-text-editor-image-upload) */ onRemoveInlineImage, /* @conditional-compile-remove(rich-text-editor-image-upload) */ message.messageId]);
     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, 
                 /* @conditional-compile-remove(rich-text-editor-image-upload) */ attachmentUploadsPendingError: attachmentUploadsPendingError, 
-                /* @conditional-compile-remove(rich-text-editor-image-upload) */
-                attachmentProgressError: imageUploadErrorMessage
-                    ? {
-                        message: imageUploadErrorMessage,
-                        timestamp: Date.now(),
-                        errorBarType: index.SendBoxErrorBarType.error
-                    }
-                    : undefined }),
+                /* @conditional-compile-remove(rich-text-editor-image-upload) */ attachmentProgressError: imageUploadErrorMessage ? {
+                    message: imageUploadErrorMessage,
+                    timestamp: Date.now(),
+                    errorBarType: index.SendBoxErrorBarType.error
+                } : undefined }),
             React.createElement(index.RichTextInputBoxComponent, { placeholderText: strings.editBoxPlaceholderText, onChange: onChangeHandler, editorComponentRef: editTextFieldRef, initialContent: initialContent, strings: richTextLocaleStrings, disabled: false, actionComponents: actionButtons, richTextEditorStyleProps: index.editBoxRichTextEditorStyle, isHorizontalLayoutDisabled: true, 
-                /* @conditional-compile-remove(file-sharing-acs) */
-                onRenderAttachmentUploads: onRenderAttachmentUploads, 
-                /* @conditional-compile-remove(rich-text-editor-image-upload) */
-                onPaste: onPaste, 
-                /* @conditional-compile-remove(rich-text-editor-image-upload) */
-                onInsertInlineImage: onInsertInlineImage
-                    ? (imageAttributes) => {
-                        onInsertInlineImage(imageAttributes, message.messageId);
-                    }
-                    : undefined })));
+                /* @conditional-compile-remove(file-sharing-acs) */ onRenderAttachmentUploads: onRenderAttachmentUploads, 
+                /* @conditional-compile-remove(rich-text-editor-image-upload) */ onPaste: onPaste, 
+                /* @conditional-compile-remove(rich-text-editor-image-upload) */ onInsertInlineImage: onInsertInlineImage ? (imageAttributes) => {
+                    onInsertInlineImage(imageAttributes, message.messageId);
+                } : undefined }));
     };
     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(file-sharing-acs) */
-            hasMultipleAttachments ? chatMyMessageStyles.multipleAttachmentsInEditing : undefined)
+    return React.createElement(reactChat.ChatMyMessage, { attached: attached, root: {
+            className: reactComponents.mergeClasses(chatMyMessageStyles.root, /* @conditional-compile-remove(file-sharing-acs) */ hasMultipleAttachments ? chatMyMessageStyles.multipleAttachmentsInEditing : undefined)
         }, body: {
             className: reactComponents.mergeClasses(editContainerStyles.body, attached !== 'top' ? editContainerStyles.bodyAttached : undefined)
-        } }, getContent()));
+        } }, getContent());
 };
 
 exports.ChatMessageComponentAsRichTextEditBox = ChatMessageComponentAsRichTextEditBox;
 exports.default = ChatMessageComponentAsRichTextEditBox;
-//# sourceMappingURL=ChatMessageComponentAsRichTextEditBox-BMVUY7HX.js.map
+//# sourceMappingURL=ChatMessageComponentAsRichTextEditBox-BwDfn2HU.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"ChatMessageComponentAsRichTextEditBox-BwDfn2HU.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';\n/* @conditional-compile-remove(rich-text-editor-image-upload) */\nimport { AttachmentMetadataInProgress } from '@internal/acs-ui-common';\nimport { useTheme } from '../../../theming';\nimport React, { useCallback, useEffect, useMemo, useState } from 'react';\n/* @conditional-compile-remove(file-sharing-acs) */\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(file-sharing-acs) */\nimport { AttachmentMetadata } from '@internal/acs-ui-common';\nimport { useChatMessageRichTextEditContainerStyles } from '../../styles/ChatMessageComponent.styles';\nimport { MAXIMUM_LENGTH_OF_MESSAGE, modifyInlineImagesInContentString } from '../../utils/SendBoxUtils';\n/* @conditional-compile-remove(rich-text-editor-image-upload) */\nimport { hasIncompleteAttachmentUploads, removeBrokenImageContentAndClearImageSizeStyles, getContentWithUpdatedInlineImagesInfo, isMessageTooLong } from '../../utils/SendBoxUtils';\nimport { getMessageState, onRenderCancelIcon, onRenderSubmitIcon } from '../../utils/ChatMessageComponentAsEditBoxUtils';\n/* @conditional-compile-remove(file-sharing-acs) */\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(file-sharing-acs) */\nimport { FluentV9ThemeProvider } from '../../../theming/FluentV9ThemeProvider';\n/* @conditional-compile-remove(file-sharing-acs) */\nimport { attachmentUploadCardsStyles } from '../../styles/SendBox.styles';\n/* @conditional-compile-remove(rich-text-editor-image-upload) */\nimport { SendBoxErrorBarError, SendBoxErrorBarType } from '../../SendBoxErrorBar';\n/* @conditional-compile-remove(rich-text-editor-image-upload) */\nimport { BROKEN_IMAGE_SVG_DATA } from '../../styles/Common.style';\n/* @conditional-compile-remove(rich-text-editor-image-upload) */\nimport { getPreviousInlineImages } from '../../utils/RichTextEditorUtils';\n\n/** @private */\nexport type ChatMessageComponentAsRichTextEditBoxProps = {\n  onCancel?: (messageId: string) => void;\n  onSubmit: (text: string, /* @conditional-compile-remove(file-sharing-acs) */\n  attachmentMetadata?: AttachmentMetadata[]) => void;\n  message: ChatMessage;\n  strings: MessageThreadStrings;\n  /* @conditional-compile-remove(rich-text-editor-image-upload) */\n  onPaste?: (event: {\n    content: DocumentFragment;\n  }) => void;\n  /* @conditional-compile-remove(rich-text-editor-image-upload) */\n  onRemoveInlineImage?: (imageAttributes: Record<string, string>, messageId: string) => void;\n  /* @conditional-compile-remove(rich-text-editor-image-upload) */\n  onInsertInlineImage?: (imageAttributes: Record<string, string>, messageId: string) => void;\n  /* @conditional-compile-remove(rich-text-editor-image-upload) */\n  inlineImagesWithProgress?: AttachmentMetadataInProgress[];\n};\n\n/**\n * @private\n */\nexport const ChatMessageComponentAsRichTextEditBox = (props: ChatMessageComponentAsRichTextEditBoxProps): JSX.Element => {\n  const {\n    onCancel,\n    onSubmit,\n    strings,\n    message,\n    /* @conditional-compile-remove(rich-text-editor-image-upload) */\n    onPaste,\n    /* @conditional-compile-remove(rich-text-editor-image-upload) */\n    onInsertInlineImage,\n    /* @conditional-compile-remove(rich-text-editor-image-upload) */\n    inlineImagesWithProgress,\n    /* @conditional-compile-remove(rich-text-editor-image-upload) */\n    onRemoveInlineImage\n  } = props;\n\n  /* @conditional-compile-remove(rich-text-editor-image-upload) */\n  const [initialInlineImages, setInitialInlineImages] = useState<Record<string, string>[]>([]);\n  const initialContent = useMemo(() => {\n    /* @conditional-compile-remove(rich-text-editor-image-upload) */\n    const content = message.content;\n    /* @conditional-compile-remove(rich-text-editor-image-upload) */\n    setInitialInlineImages(getPreviousInlineImages(content));\n    /* @conditional-compile-remove(rich-text-editor-image-upload) */\n    const document = new DOMParser().parseFromString(content ?? '', 'text/html');\n    // The broken image element is a div element with all the attributes of the original image element.\n    // We need to convert it to a img element so the Rooster knows how to render it.\n    // And we need to copy over all the attributes such as id, width, etc.\n    // which is needed for sending the message with the images correctly.\n    /* @conditional-compile-remove(rich-text-editor-image-upload) */\n    document.querySelectorAll('.broken-image-wrapper').forEach(brokenImage => {\n      const imageElement = document.createElement('img');\n      const attributes = brokenImage.attributes;\n      for (const attribute of attributes) {\n        imageElement.setAttribute(attribute.name, attribute.value);\n      }\n      imageElement.src = BROKEN_IMAGE_SVG_DATA;\n      imageElement.style.width = '3rem';\n      imageElement.style.height = '3rem';\n      brokenImage.parentElement?.replaceChild(imageElement, brokenImage);\n    });\n    /* @conditional-compile-remove(rich-text-editor-image-upload) */\n    return document.body.innerHTML;\n    return message.content;\n  }, [message]);\n  const [textValue, setTextValue] = useState<string>(initialContent || '');\n  /* @conditional-compile-remove(rich-text-editor-image-upload) */\n  const [contentValueWithInlineImagesOverflow, setContentValueWithInlineImagesOverflow] = useState(false);\n\n  /* @conditional-compile-remove(file-sharing-acs) */\n  const [attachmentMetadata, handleAttachmentAction] = useReducer(attachmentMetadataReducer, getMessageWithAttachmentMetadata(message) ?? []);\n\n  /* @conditional-compile-remove(rich-text-editor-image-upload) */\n  const [attachmentUploadsPendingError, setAttachmentUploadsPendingError] = useState<SendBoxErrorBarError | undefined>(undefined);\n  const editTextFieldRef = React.useRef<RichTextEditorComponentRef>(null);\n  const theme = useTheme();\n  const messageState = useMemo(() => {\n    return getMessageState(textValue, /* @conditional-compile-remove(file-sharing-acs) */attachmentMetadata ?? []);\n  }, [/* @conditional-compile-remove(file-sharing-acs) */attachmentMetadata, textValue]);\n\n  /* @conditional-compile-remove(rich-text-editor-image-upload) */\n  const imageUploadErrorMessage = useMemo(() => {\n    return inlineImagesWithProgress?.filter(image => image.error).pop()?.error?.message;\n  }, [inlineImagesWithProgress]);\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' || /* @conditional-compile-remove(rich-text-editor-image-upload) */contentValueWithInlineImagesOverflow ? _formatString(strings.editBoxTextLimit, {\n      limitNumber: `${MAXIMUM_LENGTH_OF_MESSAGE}`\n    }) : undefined;\n  }, [messageState, strings.editBoxTextLimit, /* @conditional-compile-remove(rich-text-editor-image-upload) */contentValueWithInlineImagesOverflow]);\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(file-sharing-acs) */\n  const hasMultipleAttachments = useMemo(() => {\n    return doesMessageContainMultipleAttachments(message);\n  }, [message]);\n  const onSubmitHandler = useCallback((): void => {\n    if (!submitEnabled) {\n      return;\n    }\n    /* @conditional-compile-remove(rich-text-editor-image-upload) */\n    if (inlineImagesWithProgress && inlineImagesWithProgress.length > 0) {\n      const contentWithUpdatedInlineImagesInfo = getContentWithUpdatedInlineImagesInfo(textValue, inlineImagesWithProgress);\n      const messageTooLong = isMessageTooLong(contentWithUpdatedInlineImagesInfo.length);\n      // Set contentValueWithInlineImagesOverflow state to display the error bar\n      setContentValueWithInlineImagesOverflow(messageTooLong);\n      // The change from the setContentValueOverflow in the previous line will not kick in yet.\n      // We need to rely on the local value of messageTooLong to return early if the message is too long.\n      if (messageTooLong) {\n        return;\n      }\n    }\n\n    // Don't send message until all attachments have been uploaded successfully\n    /* @conditional-compile-remove(rich-text-editor-image-upload) */\n    setAttachmentUploadsPendingError(undefined);\n\n    /* @conditional-compile-remove(rich-text-editor-image-upload) */\n    if (hasIncompleteAttachmentUploads(inlineImagesWithProgress)) {\n      setAttachmentUploadsPendingError({\n        message: strings.imageUploadsPendingError,\n        timestamp: Date.now(),\n        errorBarType: SendBoxErrorBarType.info\n      });\n      return;\n    }\n    let content = textValue;\n    /* @conditional-compile-remove(rich-text-editor-image-upload) */\n    content = removeBrokenImageContentAndClearImageSizeStyles(content);\n    let initInlineImages: Record<string, string>[] = [];\n    /* @conditional-compile-remove(rich-text-editor-image-upload) */\n    initInlineImages = initialInlineImages ?? [];\n    modifyInlineImagesInContentString(content, initInlineImages, (content: string) => {\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      onSubmit(content, /* @conditional-compile-remove(file-sharing-acs) */attachmentMetadata || []);\n    });\n  }, [submitEnabled, /* @conditional-compile-remove(rich-text-editor-image-upload) */\n  inlineImagesWithProgress, /* @conditional-compile-remove(rich-text-editor-image-upload) */\n  initialInlineImages, textValue, /* @conditional-compile-remove(rich-text-editor-image-upload) */\n  strings.imageUploadsPendingError, onSubmit, /* @conditional-compile-remove(file-sharing-acs) */\n  attachmentMetadata]);\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        onSubmitHandler();\n        e.stopPropagation();\n      }} id={'submitIconWrapper'} data-testId={strings.editBoxSubmitButton} />\n      </Stack>;\n  }, [message.messageId, onCancel, onRenderThemedCancelIcon, onRenderThemedSubmitIcon, strings.editBoxCancelButton, strings.editBoxSubmitButton, onSubmitHandler]);\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(file-sharing-acs) */\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(file-sharing-acs) */\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 onChangeHandler = useCallback((content: string | undefined, removedInlineImages?: Record<string, string>[]) => {\n    /* @conditional-compile-remove(rich-text-editor-image-upload) */\n    removedInlineImages?.forEach((removedInlineImage: Record<string, string>) => {\n      onRemoveInlineImage && onRemoveInlineImage(removedInlineImage, message.messageId);\n    });\n    setText(content);\n  }, [setText, /* @conditional-compile-remove(rich-text-editor-image-upload) */onRemoveInlineImage, /* @conditional-compile-remove(rich-text-editor-image-upload) */message.messageId]);\n  const getContent = (): JSX.Element => {\n    return <Stack className={mergeStyles(editBoxWidthStyles)}>\n        <RichTextSendBoxErrors textTooLongMessage={textTooLongMessage} systemMessage={message.failureReason}\n      /* @conditional-compile-remove(rich-text-editor-image-upload) */ attachmentUploadsPendingError={attachmentUploadsPendingError}\n      /* @conditional-compile-remove(rich-text-editor-image-upload) */ attachmentProgressError={imageUploadErrorMessage ? {\n        message: imageUploadErrorMessage,\n        timestamp: Date.now(),\n        errorBarType: SendBoxErrorBarType.error\n      } : undefined} />\n        <RichTextInputBoxComponent placeholderText={strings.editBoxPlaceholderText} onChange={onChangeHandler} editorComponentRef={editTextFieldRef} initialContent={initialContent} strings={richTextLocaleStrings} disabled={false} actionComponents={actionButtons} richTextEditorStyleProps={editBoxRichTextEditorStyle} isHorizontalLayoutDisabled={true}\n      /* @conditional-compile-remove(file-sharing-acs) */ onRenderAttachmentUploads={onRenderAttachmentUploads}\n      /* @conditional-compile-remove(rich-text-editor-image-upload) */ onPaste={onPaste}\n      /* @conditional-compile-remove(rich-text-editor-image-upload) */ onInsertInlineImage={onInsertInlineImage ? (imageAttributes: Record<string, string>) => {\n        onInsertInlineImage(imageAttributes, message.messageId);\n      } : undefined} />\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(file-sharing-acs) */\n    hasMultipleAttachments ? chatMyMessageStyles.multipleAttachmentsInEditing : undefined)\n  }} body={{\n    className: mergeClasses(editContainerStyles.body, attached !== 'top' ? editContainerStyles.bodyAttached : undefined)\n  }}>\n      {getContent()}\n    </ChatMyMessage>;\n};\nexport default ChatMessageComponentAsRichTextEditBox;"],"names":["useState","useMemo","getPreviousInlineImages","BROKEN_IMAGE_SVG_DATA","useReducer","attachmentMetadataReducer","getMessageWithAttachmentMetadata","useTheme","getMessageState","useChatMessageRichTextEditContainerStyles","useChatMyMessageStyles","useLocale","useCallback","useEffect","_formatString","MAXIMUM_LENGTH_OF_MESSAGE","mergeStyles","richTextEditBoxActionButtonIcon","onRenderCancelIcon","onRenderSubmitIcon","doesMessageContainMultipleAttachments","getContentWithUpdatedInlineImagesInfo","isMessageTooLong","hasIncompleteAttachmentUploads","SendBoxErrorBarType","removeBrokenImageContentAndClearImageSizeStyles","modifyInlineImagesInContentString","Stack","InputBoxButton","richTextActionButtonsStyle","attachmentUploadCardsStyles","FluentV9ThemeProvider","_AttachmentUploadCards","editBoxWidthStyles","RichTextSendBoxErrors","RichTextInputBoxComponent","editBoxRichTextEditorStyle","ChatMyMessage","mergeClasses"],"mappings":"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"}

package/dist/dist-cjs/communication-react/{RichTextSendBoxWrapper-UkjXSVQH.js → RichTextSendBoxWrapper-NoJpTHbL.js}

@@ -1,7 +1,7 @@
 'use strict';
 
 var React = require('react');
-var index = require('./index-D46R0M5v.js');
+var index = require('./index-MlVvToaE.js');
 require('@fluentui/react');
 require('@fluentui/react-components');
 require('@fluentui-contrib/react-chat');
@@ -9,13 +9,12 @@ require('@azure/communication-common');
 require('@fluentui/react-hooks');
 require('react-use-draggable-scroll');
 require('copy-to-clipboard');
-require('react-dom/client');
-require('@azure/communication-chat');
+require('reselect');
+require('@azure/communication-calling');
+require('memoize-one');
+require('@azure/logger');
 require('events');
 require('immer');
-require('@azure/logger');
-require('nanoid');
-require('memoize-one');
 require('@fluentui/react-icons');
 require('textarea-caret-ts');
 require('use-debounce');
@@ -30,8 +29,8 @@ require('html-react-parser');
 require('react-linkify');
 require('dompurify');
 require('@fluentui/react-window-provider');
-require('reselect');
-require('@azure/communication-calling');
+require('@azure/communication-chat');
+require('nanoid');
 require('@azure/communication-calling-effects');
 
 // Copyright (c) Microsoft Corporation.
@@ -50,4 +49,4 @@ const RichTextSendBoxWrapper = (props) => {
 };
 
 exports.RichTextSendBoxWrapper = RichTextSendBoxWrapper;
-//# sourceMappingURL=RichTextSendBoxWrapper-UkjXSVQH.js.map
+//# sourceMappingURL=RichTextSendBoxWrapper-NoJpTHbL.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"RichTextSendBoxWrapper-NoJpTHbL.js","sources":["../../../preprocess-dist/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-composite-support) */\nimport React from 'react';\n/* @conditional-compile-remove(rich-text-editor-composite-support) */\nimport { usePropsFor } from '../ChatComposite/hooks/usePropsFor';\n/* @conditional-compile-remove(rich-text-editor-composite-support) */\nimport { RichTextSendBox, RichTextSendBoxProps } from '@internal/react-components';\n\n/* @conditional-compile-remove(rich-text-editor-composite-support) */\n/**\n * @private\n *\n * Wrapper for RichTextSendBox component to allow us to use usePropsFor with richTextSendBox\n * before lazyLoading is done\n */\nexport const RichTextSendBoxWrapper = (props: RichTextSendBoxProps): JSX.Element => {\n  const richTextSendBoxProps = usePropsFor(RichTextSendBox);\n  return <RichTextSendBox {...richTextSendBoxProps} {...props} />;\n};"],"names":["usePropsFor","RichTextSendBox"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AACA;AAEA;AAOA;AACA;;;;;AAKG;AACU,MAAA,sBAAsB,GAAG,CAAC,KAA2B,KAAiB;AACjF,IAAA,MAAM,oBAAoB,GAAGA,iBAAW,CAACC,qBAAe,CAAC,CAAC;AAC1D,IAAA,OAAO,oBAACA,qBAAe,EAAA,MAAA,CAAA,MAAA,CAAA,EAAA,EAAK,oBAAoB,EAAM,KAAK,EAAI,CAAC;AAClE;;;;"}