@azure/communication-react 1.19.0-alpha-202407240016 → 1.19.0-alpha-202407260014

package/dist/communication-react.d.ts

@@ -66,6 +66,7 @@ import { IIconProps } from '@fluentui/react';
 import { ILinkStyles } from '@fluentui/react';
 import { IMessageBarProps } from '@fluentui/react';
 import { IncomingCall } from '@azure/communication-calling';
+import { IncomingCallKind } from '@azure/communication-calling';
 import { IPersonaStyleProps } from '@fluentui/react';
 import { IPersonaStyles } from '@fluentui/react';
 import { IRawStyle } from '@fluentui/react';
@@ -154,6 +155,38 @@ export declare interface ActiveErrorMessage {
     timestamp?: Date;
 }
 
+/**
+ * Represents an active incoming call.
+ * @beta
+ */
+export declare interface ActiveIncomingCall {
+    /**
+     * Unique identifier for the incoming call.
+     */
+    id: string;
+    /**
+     * Information about the caller.
+     */
+    callerInfo: {
+        /**
+         * Display name of the caller.
+         */
+        displayName: string;
+    };
+    /**
+     * Start time of the incoming call.
+     */
+    startTime: Date;
+    /**
+     * End time of the incoming call.
+     */
+    endTime?: Date;
+    /**
+     * Whether or not the call is a voip capable call.
+     */
+    videoAvailable: boolean;
+}
+
 /**
  * Active notifications to be shown via {@link NotificationStack}.
  *
@@ -1600,7 +1633,7 @@ export declare interface CallClientState {
      * It is keyed by {@link @azure/communication-calling#IncomingCall.id}.
      */
     incomingCalls: {
-        [key: string]: IncomingCallState;
+        [key: string]: IncomingCallState | /* @conditional-compile-remove(one-to-n-calling) */ TeamsIncomingCallState;
     };
     /**
      * Incoming Calls that have ended are stored here so the callEndReason could be checked.
@@ -1609,7 +1642,7 @@ export declare interface CallClientState {
      * Only {@link MAX_CALL_HISTORY_LENGTH} Calls are kept in the history. Oldest calls are evicted if required.
      */
     incomingCallsEnded: {
-        [key: string]: IncomingCallState;
+        [key: string]: IncomingCallState | /* @conditional-compile-remove(one-to-n-calling) */ TeamsIncomingCallState;
     };
     /**
      * Proxy of {@link @azure/communication-calling#DeviceManager}. Please review {@link DeviceManagerState}.
@@ -2878,6 +2911,29 @@ export declare type CallIdChangedListener = (event: {
     callId: string;
 }) => void;
 
+/**
+ * State to track the types {@link CallInfo} and {@link TeamsCallInfo}
+ * @public
+ */
+export declare interface CallInfoState {
+    /**
+     * GroupId of the call that you joined
+     */
+    groupId?: string;
+    /**
+     * The teams meeting thread id
+     */
+    threadId?: string;
+    /**
+     * participant id of the local user
+     */
+    participantId: string;
+    /**
+     * Differentiator between the Call and TeamsCall types
+     */
+    kind: IncomingCallKind;
+}
+
 /**
  * Common props used to reference calling declarative client state.
  *
@@ -2897,6 +2953,8 @@ export declare type CallingBaseSelectorProps = {
  */
 export declare interface CallingHandlers extends CommonCallingHandlers {
     onStartCall: (participants: CommunicationIdentifier[], options?: StartCallOptions) => Call | undefined;
+    onAcceptCall: (incomingCallId: string, useVideo?: boolean) => Promise<void>;
+    onRejectCall: (incomingCallId: string) => Promise<void>;
 }
 
 /**
@@ -5056,6 +5114,22 @@ export declare interface ChatCompositeStrings {
      * Upload Attachment Button text
      */
     uploadAttachment: string;
+    /**
+     * Error Message for image data is not provided for image upload
+     */
+    uploadImageDataNotProvided: string;
+    /**
+     * Error Message for upload image is too large
+     */
+    uploadImageIsTooLarge: string;
+    /**
+     * Error Message for unsupported image extension for image upload
+     */
+    uploadImageExtensionIsNotAllowed: string;
+    /**
+     * Error Message for unable to upload image
+     */
+    uploadImageFailed: string;
 }
 
 /**
@@ -7604,7 +7678,7 @@ export declare const fromFlatCommunicationIdentifier: (id: string) => Communicat
  *
  * @public
  */
-export declare type GetCallingSelector<Component extends (props: any) => JSX.Element | undefined> = AreEqual<Component, typeof VideoGallery> extends true ? VideoGallerySelector : AreEqual<Component, typeof DevicesButton> extends true ? DevicesButtonSelector : AreEqual<Component, typeof MicrophoneButton> extends true ? MicrophoneButtonSelector : AreEqual<Component, typeof CameraButton> extends true ? CameraButtonSelector : AreEqual<Component, typeof ScreenShareButton> extends true ? ScreenShareButtonSelector : AreEqual<Component, typeof ParticipantList> extends true ? ParticipantListSelector : AreEqual<Component, typeof ParticipantsButton> extends true ? ParticipantsButtonSelector : AreEqual<Component, typeof EndCallButton> extends true ? EmptySelector : AreEqual<Component, typeof ErrorBar> extends true ? CallErrorBarSelector : AreEqual<Component, typeof Dialpad> extends true ? EmptySelector : AreEqual<Component, typeof HoldButton> extends true ? HoldButtonSelector : AreEqual<Component, typeof NotificationStack> extends true ? NotificationStackSelector : undefined;
+export declare type GetCallingSelector<Component extends (props: any) => JSX.Element | undefined> = AreEqual<Component, typeof VideoGallery> extends true ? VideoGallerySelector : AreEqual<Component, typeof DevicesButton> extends true ? DevicesButtonSelector : AreEqual<Component, typeof MicrophoneButton> extends true ? MicrophoneButtonSelector : AreEqual<Component, typeof CameraButton> extends true ? CameraButtonSelector : AreEqual<Component, typeof ScreenShareButton> extends true ? ScreenShareButtonSelector : AreEqual<Component, typeof ParticipantList> extends true ? ParticipantListSelector : AreEqual<Component, typeof ParticipantsButton> extends true ? ParticipantsButtonSelector : AreEqual<Component, typeof EndCallButton> extends true ? EmptySelector : AreEqual<Component, typeof ErrorBar> extends true ? CallErrorBarSelector : AreEqual<Component, typeof Dialpad> extends true ? EmptySelector : AreEqual<Component, typeof HoldButton> extends true ? HoldButtonSelector : AreEqual<Component, typeof NotificationStack> extends true ? NotificationStackSelector : AreEqual<Component, typeof IncomingCallStack> extends true ? IncomingCallStackSelector : undefined;
 
 /**
  * Get the selector for a specified component.
@@ -7938,10 +8012,24 @@ export declare interface IncomingCallNotificationProps {
      * Callback to reject the call
      */
     onReject: () => void;
+    /**
+     * Callback when the notification is dismissed
+     */
+    onDismiss?: () => void;
     /**
      * Styles for the incoming call notification component.
      */
     styles?: IncomingCallNotificationStyles;
+    /**
+     * Strings for the incoming call notification component.
+     */
+    strings?: IncomingCallNotificationStrings;
+    /**
+     * Options for whether to show the accept with video button
+     */
+    acceptOptions: {
+        showAcceptWithVideo: boolean;
+    };
 }
 
 /**
@@ -7951,7 +8039,7 @@ export declare interface IncomingCallNotificationProps {
  */
 export declare interface IncomingCallNotificationStrings {
     /**
-     *Placeholder CallerID for the incoming call notification.
+     * Placeholder CallerID for the incoming call notification.
      */
     incomingCallNotificationPlaceholderId?: string;
     /**
@@ -7970,6 +8058,18 @@ export declare interface IncomingCallNotificationStrings {
      * Aria label for the reject button in the incoming call notification.
      */
     incomingCallNoticicationRejectAriaLabel?: string;
+    /**
+     * Label for the accept button in the incoming call notification.
+     */
+    incomingCallNotificationAcceptButtonLabel?: string;
+    /**
+     * Label for the accept with video button in the incoming call notification.
+     */
+    incomingCallNotificationAccceptWithVideoButtonLabel?: string;
+    /**
+     * label for the reject button in the incoming call notification.
+     */
+    incomingCallNotificationRejectButtonLabel?: string;
 }
 
 /**
@@ -7996,6 +8096,59 @@ export declare interface IncomingCallNotificationStyles {
     avatarContainer?: IStackStyles;
 }
 
+/**
+ * Wrapper to manage multiple incoming calls
+ * @param props - {@link IncomingCallManagerProps}
+ * @returns
+ * @beta
+ */
+export declare const IncomingCallStack: (props: IncomingCallStackProps) => JSX.Element;
+
+/**
+ * Props for the IncomingCallManager component.
+ * @beta
+ */
+export declare interface IncomingCallStackProps {
+    /**
+     * List of incoming calls.
+     */
+    activeIncomingCalls: ActiveIncomingCall[];
+    /**
+     * List of incoming calls that have ended.
+     */
+    removedIncomingCalls: ActiveIncomingCall[];
+    /**
+     * Handler to accept the incoming call.
+     * @param incomingCallId - Id of the incoming call to accept.
+     * @param useVideo - Whether to accept with video.
+     * @returns void
+     */
+    onAcceptCall: (incomingCallId: string, useVideo?: boolean) => void;
+    /**
+     * Handler to reject the incoming call.
+     * @param incomingCallId - id of the incoming call to reject
+     * @returns - void
+     */
+    onRejectCall: (incomingCallId: string) => void;
+    /**
+     * Styles for the incoming call notifications.
+     */
+    styles?: IncomingCallNotificationStyles;
+    /**
+     * Strings for the incoming call notifications.
+     */
+    strings?: IncomingCallNotificationStrings;
+}
+
+/**
+ * Selector to get the active and removed incoming calls.
+ * @beta
+ */
+export declare type IncomingCallStackSelector = (state: CallClientState) => {
+    activeIncomingCalls: ActiveIncomingCall[];
+    removedIncomingCalls: ActiveIncomingCall[];
+};
+
 /**
  * State only version of {@link @azure/communication-calling#IncomingCall}. {@link StatefulCallClient} will
  * automatically detect incoming calls and add their state to the state exposed by {@link StatefulCallClient}.
@@ -8007,6 +8160,10 @@ export declare interface IncomingCallState {
      * Proxy of {@link @azure/communication-calling#IncomingCall.id}.
      */
     id: string;
+    /**
+     * Proxy of {@link @azure/communication-calling#IncomingCall.callInfo}.
+     */
+    info: CallInfoState;
     /**
      * Proxy of {@link @azure/communication-calling#IncomingCall.callerInfo}.
      */
@@ -8924,9 +9081,9 @@ export declare interface MessageThreadStrings {
     /** String for aria text in attachment card group*/
     attachmentCardGroupMessage: string;
     /**
-     * Error message indicating that all attachment uploads are not complete.
+     * Error message indicating that one or more image uploads are not complete.
      */
-    attachmentUploadsPendingError: string;
+    imageUploadsPendingError: string;
 }
 
 /**
@@ -10410,18 +10567,19 @@ export declare type ResourceFetchResult = {
  */
 export declare interface RichTextEditBoxOptions extends RichTextEditorOptions {
     /**
-     * Optional callback to upload an inline image in the rich text editor.
+     * 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.
      */
-    onUploadInlineImage?: (imageUrl: string, imageFileName: string, messageId: string) => void;
+    onInsertInlineImage?: (imageUrl: string, imageFileName: string, messageId: string) => void;
     /**
-     * Optional callback to remove the attachment upload or delete the image before sending.
+     * Optional callback to remove the image upload or delete the image from server before sending.
      */
     onCancelInlineImageUpload?: (imageId: string, messageId: string) => void;
     /**
      * Optional Record of type {@link AttachmentMetadataInProgress}
-     * to render inline images being uploaded in the MessageThread's edit box.
+     * to render inline images being inserted in the MessageThread's edit boxes.
      */
-    messagesImageUploadsInProgress?: Record<string, AttachmentMetadataInProgress[]>;
+    messagesInlineImages?: Record<string, AttachmentMetadataInProgress[]>;
 }
 
 /**
@@ -10452,18 +10610,19 @@ export declare const RichTextSendBox: (props: RichTextSendBoxProps) => JSX.Eleme
  */
 export declare interface RichTextSendBoxOptions extends RichTextEditorOptions {
     /**
-     * Optional callback to upload an inline image in the rich text editor.
+     * 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.
      */
-    onUploadInlineImage?: (imageUrl: string, imageFileName: string) => void;
+    onInsertInlineImage?: (imageUrl: string, imageFileName: string) => void;
     /**
-     * Optional callback to remove the attachment upload or delete the image before sending.
+     * Optional callback to remove the image upload or delete the image from server before sending.
      */
     onCancelInlineImageUpload?: (imageId: string) => void;
     /**
      * Optional Array of type {@link AttachmentMetadataInProgress}
-     * to render inline images being uploaded in the RichTextSendBox.
+     * to render inline images being inserted in the RichTextSendBox.
      */
-    imageUploadsInProgress?: AttachmentMetadataInProgress[];
+    inlineImages?: AttachmentMetadataInProgress[];
 }
 
 /**
@@ -10508,7 +10667,7 @@ export declare interface RichTextSendBoxProps {
      */
     onCancelAttachmentUpload?: (attachmentId: string) => void;
     /**
-     * Optional callback to remove the attachment upload or delete the image before sending.
+     * Optional callback to remove the image upload or delete the image from server before sending.
      */
     onCancelInlineImageUpload?: (imageId: string) => void;
     /**
@@ -10520,14 +10679,15 @@ export declare interface RichTextSendBoxProps {
      */
     onTyping?: () => Promise<void>;
     /**
-     * Optional callback to upload an inline image in the rich text editor.
+     * 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.
      */
-    onUploadInlineImage?: (imageUrl: string, imageFileName: string) => void;
+    onInsertInlineImage?: (imageUrl: string, imageFileName: string) => void;
     /**
-     * Optional array of type {@link AttachmentMetadataInProgress}
-     * to render inline images being uploaded in the RichTextSendBox.
+     * Optional Array of type {@link AttachmentMetadataInProgress}
+     * to render inline images being inserted in the RichTextSendBox.
      */
-    imageUploadsInProgress?: AttachmentMetadataInProgress[];
+    inlineImages?: AttachmentMetadataInProgress[];
 }
 
 /**
@@ -10640,6 +10800,10 @@ export declare interface RichTextStrings {
      * Text for announcement when the numbered list style is applied.
      */
     richTextNumberedListAppliedAnnouncement: string;
+    /**
+     * Error message indicating image upload is not complete.
+     */
+    imageUploadsPendingError: string;
 }
 
 /**
@@ -10724,6 +10888,29 @@ export declare interface SendBoxErrorBarError {
      * Unix Timestamp. Preferred generation using `Date.now()`
      */
     timestamp: number;
+    /**
+     * ErrorBar type. Defaults to `warning`.
+     */
+    errorBarType?: SendBoxErrorBarType;
+}
+
+/**
+ * @beta
+ * Error bar type for {@link SendBoxErrorBarError}
+ */
+export declare enum SendBoxErrorBarType {
+    /** Info styled MessageBar */
+    info = 0,
+    /** Error styled MessageBar */
+    error = 1,
+    /** Blocked styled MessageBar */
+    blocked = 2,
+    /** SevereWarning styled MessageBar */
+    severeWarning = 3,
+    /** Success styled MessageBar */
+    success = 4,
+    /** Warning styled MessageBar */
+    warning = 5
 }
 
 /**
@@ -11560,6 +11747,8 @@ export declare type TeamsCallAdapterArgsCommon = {
  */
 export declare interface TeamsCallingHandlers extends CommonCallingHandlers {
     onStartCall: (participants: CommunicationIdentifier[], options?: StartCallOptions) => undefined | /* @conditional-compile-remove(teams-identity-support) */ TeamsCall;
+    onAcceptCall: (incomingCallId: string, useVideo?: boolean) => Promise<void>;
+    onRejectCall: (incomingCallId: string) => Promise<void>;
 }
 
 /**
@@ -11575,6 +11764,40 @@ export declare type TeamsIncomingCallManagement = {
     incomingCalls: ReadonlyArray<TeamsIncomingCall>;
 };
 
+/**
+ * State only version of {@link @azure/communication-calling#TeamsIncomingCall}
+ * @beta
+ */
+export declare interface TeamsIncomingCallState {
+    /**
+     * Proxy of {@link @azure/communication-calling#TeamsIncomingCall.id}.
+     */
+    id: string;
+    /**
+     * Proxy of {@link @azure/communication-calling#TeamsIncomingCall.teamsCallInfo}.
+     */
+    info: CallInfoState;
+    /**
+     * Proxy of {@link @azure/communication-calling#TeamsIncomingCall.callerInfo}.
+     */
+    callerInfo: CallerInfo;
+    /**
+     * Set to the state returned by 'callEnded' event on {@link @azure/communication-calling#IncomingCall} when received.
+     * This property is added by the stateful layer and is not a proxy of SDK state.
+     */
+    callEndReason?: CallEndReason;
+    /**
+     * Stores the local date when the call started on the client. This property is added by the stateful layer and is not
+     * a proxy of SDK state.
+     */
+    startTime: Date;
+    /**
+     * Stores the local date when the call ended on the client. This property is added by the stateful layer and is not a
+     * proxy of SDK state. It is undefined if the call is not ended yet.
+     */
+    endTime?: Date;
+}
+
 /**
  * Arguments for creating the Azure Communication Services implementation of {@link TeamsCallAdapter}.
  *

package/dist/dist-cjs/communication-react/{ChatMessageComponentAsRichTextEditBox-DeQxSr_Z.js → ChatMessageComponentAsRichTextEditBox-CWwHwLsl.js}

@@ -4,7 +4,7 @@ var react = require('@fluentui/react');
 var reactChat = require('@fluentui-contrib/react-chat');
 var reactComponents = require('@fluentui/react-components');
 require('@azure/communication-common');
-var index = require('./index-DCOkbnBI.js');
+var index = require('./index-Dl3wPPJe.js');
 var React = require('react');
 require('react-dom/client');
 require('@azure/communication-chat');
@@ -30,7 +30,6 @@ require('@fluentui/react-hooks');
 require('react-use-draggable-scroll');
 require('@fluentui/react-window-provider');
 require('copy-to-clipboard');
-require('libphonenumber-js');
 require('reselect');
 require('@azure/communication-calling');
 require('@azure/communication-calling-effects');
@@ -46,9 +45,9 @@ const ChatMessageComponentAsRichTextEditBox = (props) => {
     /* @conditional-compile-remove(rich-text-editor-image-upload) */
     onPaste, 
     /* @conditional-compile-remove(rich-text-editor-image-upload) */
-    onUploadInlineImage, 
+    onInsertInlineImage, 
     /* @conditional-compile-remove(rich-text-editor-image-upload) */
-    imageUploadsInProgress, 
+    inlineImages, 
     /* @conditional-compile-remove(rich-text-editor-image-upload) */
     onCancelInlineImageUpload } = props;
     const initialContent = React.useMemo(() => {
@@ -89,8 +88,8 @@ const ChatMessageComponentAsRichTextEditBox = (props) => {
     /* @conditional-compile-remove(rich-text-editor-image-upload) */
     const imageUploadErrorMessage = React.useMemo(() => {
         var _a, _b;
-        return (_b = (_a = imageUploadsInProgress === null || imageUploadsInProgress === void 0 ? void 0 : imageUploadsInProgress.filter((image) => image.error).pop()) === null || _a === void 0 ? void 0 : _a.error) === null || _b === void 0 ? void 0 : _b.message;
-    }, [imageUploadsInProgress]);
+        return (_b = (_a = inlineImages === null || inlineImages === void 0 ? void 0 : inlineImages.filter((image) => image.error).pop()) === null || _a === void 0 ? void 0 : _a.error) === null || _b === void 0 ? void 0 : _b.message;
+    }, [inlineImages]);
     const submitEnabled = messageState === 'OK';
     const editContainerStyles = index.useChatMessageRichTextEditContainerStyles();
     const chatMyMessageStyles = index.useChatMyMessageStyles();
@@ -129,16 +128,20 @@ const ChatMessageComponentAsRichTextEditBox = (props) => {
         /* @conditional-compile-remove(rich-text-editor-image-upload) */
         setAttachmentUploadsPendingError(undefined);
         /* @conditional-compile-remove(rich-text-editor-image-upload) */
-        if (index.hasIncompleteAttachmentUploads(imageUploadsInProgress)) {
-            setAttachmentUploadsPendingError({ message: strings.attachmentUploadsPendingError, timestamp: Date.now() });
+        if (index.hasIncompleteAttachmentUploads(inlineImages)) {
+            setAttachmentUploadsPendingError({
+                message: strings.imageUploadsPendingError,
+                timestamp: Date.now(),
+                errorBarType: index.SendBoxErrorBarType.info
+            });
             return;
         }
         let content = textValue;
         /* @conditional-compile-remove(rich-text-editor-image-upload) */
         content = index.removeBrokenImageContentAndClearImageSizeStyles(content);
         /* @conditional-compile-remove(rich-text-editor-image-upload) */
-        if (index.isAttachmentUploadCompleted(imageUploadsInProgress)) {
-            index.insertImagesToContentString(textValue, imageUploadsInProgress, (content) => {
+        if (index.isAttachmentUploadCompleted(inlineImages)) {
+            index.insertImagesToContentString(textValue, inlineImages, (content) => {
                 onSubmit(content, /* @conditional-compile-remove(file-sharing-acs) */ attachmentMetadata || []);
             });
             return;
@@ -151,10 +154,10 @@ const ChatMessageComponentAsRichTextEditBox = (props) => {
     }, [
         submitEnabled,
         /* @conditional-compile-remove(rich-text-editor-image-upload) */
-        imageUploadsInProgress,
+        inlineImages,
         textValue,
         /* @conditional-compile-remove(rich-text-editor-image-upload) */
-        strings.attachmentUploadsPendingError,
+        strings.imageUploadsPendingError,
         onSubmit,
         /* @conditional-compile-remove(file-sharing-acs) */
         attachmentMetadata
@@ -203,7 +206,7 @@ const ChatMessageComponentAsRichTextEditBox = (props) => {
         /* @conditional-compile-remove(rich-text-editor-image-upload) */
         index.cancelInlineImageUpload({
             imageSrcArray,
-            imageUploadsInProgress,
+            inlineImages,
             messageId: message.messageId,
             editBoxOnCancelInlineImageUpload: onCancelInlineImageUpload,
             sendBoxOnCancelInlineImageUpload: undefined
@@ -211,7 +214,7 @@ const ChatMessageComponentAsRichTextEditBox = (props) => {
         setText(content);
     }, [
         setText,
-        /* @conditional-compile-remove(rich-text-editor-image-upload) */ imageUploadsInProgress,
+        /* @conditional-compile-remove(rich-text-editor-image-upload) */ inlineImages,
         /* @conditional-compile-remove(rich-text-editor-image-upload) */ onCancelInlineImageUpload,
         /* @conditional-compile-remove(rich-text-editor-image-upload) */ message.messageId
     ]);
@@ -223,7 +226,8 @@ const ChatMessageComponentAsRichTextEditBox = (props) => {
                 attachmentProgressError: imageUploadErrorMessage
                     ? {
                         message: imageUploadErrorMessage,
-                        timestamp: Date.now()
+                        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, 
@@ -232,8 +236,8 @@ const ChatMessageComponentAsRichTextEditBox = (props) => {
                 /* @conditional-compile-remove(rich-text-editor-image-upload) */
                 onPaste: onPaste, 
                 /* @conditional-compile-remove(rich-text-editor-image-upload) */
-                onUploadInlineImage: (imageUrl, imageFileName) => {
-                    onUploadInlineImage && onUploadInlineImage(imageUrl, imageFileName, message.messageId);
+                onInsertInlineImage: (imageUrl, imageFileName) => {
+                    onInsertInlineImage && onInsertInlineImage(imageUrl, imageFileName, message.messageId);
                 } })));
     };
     const attached = message.attached === true ? 'center' : message.attached === 'bottom' ? 'bottom' : 'top';
@@ -248,4 +252,4 @@ const ChatMessageComponentAsRichTextEditBox = (props) => {
 
 exports.ChatMessageComponentAsRichTextEditBox = ChatMessageComponentAsRichTextEditBox;
 exports.default = ChatMessageComponentAsRichTextEditBox;
-//# sourceMappingURL=ChatMessageComponentAsRichTextEditBox-DeQxSr_Z.js.map
+//# sourceMappingURL=ChatMessageComponentAsRichTextEditBox-CWwHwLsl.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"ChatMessageComponentAsRichTextEditBox-CWwHwLsl.js","sources":["../../../../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 } from '../../utils/SendBoxUtils';\n/* @conditional-compile-remove(rich-text-editor-image-upload) */\nimport {\n  cancelInlineImageUpload,\n  hasIncompleteAttachmentUploads,\n  insertImagesToContentString,\n  isAttachmentUploadCompleted,\n  removeBrokenImageContentAndClearImageSizeStyles\n} from '../../utils/SendBoxUtils';\nimport {\n  getMessageState,\n  onRenderCancelIcon,\n  onRenderSubmitIcon\n} from '../../utils/ChatMessageComponentAsEditBoxUtils';\n/* @conditional-compile-remove(file-sharing-acs) */\nimport {\n  attachmentMetadataReducer,\n  getMessageWithAttachmentMetadata,\n  doesMessageContainMultipleAttachments\n} 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\n/** @private */\nexport type ChatMessageComponentAsRichTextEditBoxProps = {\n  onCancel?: (messageId: string) => void;\n  onSubmit: (\n    text: string,\n    /* @conditional-compile-remove(file-sharing-acs) */\n    attachmentMetadata?: AttachmentMetadata[]\n  ) => void;\n  message: ChatMessage;\n  strings: MessageThreadStrings;\n  /* @conditional-compile-remove(rich-text-editor-image-upload) */\n  onPaste?: (event: { content: DocumentFragment }) => void;\n  /* @conditional-compile-remove(rich-text-editor-image-upload) */\n  onCancelInlineImageUpload?: (imageId: string, messageId: string) => void;\n  /* @conditional-compile-remove(rich-text-editor-image-upload) */\n  onInsertInlineImage?: (imageUrl: string, imageFileName: string, messageId: string) => void;\n  /* @conditional-compile-remove(rich-text-editor-image-upload) */\n  inlineImages?: AttachmentMetadataInProgress[];\n};\n\n/**\n * @private\n */\nexport const ChatMessageComponentAsRichTextEditBox = (\n  props: ChatMessageComponentAsRichTextEditBoxProps\n): 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    inlineImages,\n    /* @conditional-compile-remove(rich-text-editor-image-upload) */\n    onCancelInlineImageUpload\n  } = props;\n\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    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\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\n  const [textValue, setTextValue] = useState<string>(initialContent || '');\n\n  /* @conditional-compile-remove(file-sharing-acs) */\n  const [attachmentMetadata, handleAttachmentAction] = useReducer(\n    attachmentMetadataReducer,\n    getMessageWithAttachmentMetadata(message) ?? []\n  );\n\n  /* @conditional-compile-remove(rich-text-editor-image-upload) */\n  const [attachmentUploadsPendingError, setAttachmentUploadsPendingError] = useState<SendBoxErrorBarError | undefined>(\n    undefined\n  );\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 inlineImages?.filter((image) => image.error).pop()?.error?.message;\n  }, [inlineImages]);\n\n  const submitEnabled = messageState === 'OK';\n\n  const editContainerStyles = useChatMessageRichTextEditContainerStyles();\n  const chatMyMessageStyles = useChatMyMessageStyles();\n  const locale = useLocale().strings;\n\n  const setText = useCallback((newValue?: string): void => {\n    setTextValue(newValue ?? '');\n  }, []);\n\n  useEffect(() => {\n    editTextFieldRef.current?.focus();\n  }, []);\n\n  const textTooLongMessage = useMemo(() => {\n    return messageState === 'too long'\n      ? _formatString(strings.editBoxTextLimit, { limitNumber: `${MAXIMUM_LENGTH_OF_MESSAGE}` })\n      : undefined;\n  }, [messageState, strings.editBoxTextLimit]);\n\n  const iconClassName = useCallback(\n    (isHover: boolean) => {\n      const color = isHover ? theme.palette.accent : theme.palette.neutralSecondary;\n      return mergeStyles(richTextEditBoxActionButtonIcon, { color });\n    },\n    [theme.palette.accent, theme.palette.neutralSecondary]\n  );\n\n  const onRenderThemedCancelIcon = useCallback(\n    (isHover: boolean) => {\n      return onRenderCancelIcon(iconClassName(isHover));\n    },\n    [iconClassName]\n  );\n\n  const onRenderThemedSubmitIcon = useCallback(\n    (isHover: boolean) => {\n      return onRenderSubmitIcon(iconClassName(isHover));\n    },\n    [iconClassName]\n  );\n\n  /* @conditional-compile-remove(file-sharing-acs) */\n  const hasMultipleAttachments = useMemo(() => {\n    return doesMessageContainMultipleAttachments(message);\n  }, [message]);\n\n  const onSubmitHandler = useCallback((): void => {\n    if (!submitEnabled) {\n      return;\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(inlineImages)) {\n      setAttachmentUploadsPendingError({\n        message: strings.imageUploadsPendingError,\n        timestamp: Date.now(),\n        errorBarType: SendBoxErrorBarType.info\n      });\n      return;\n    }\n\n    let content = textValue;\n    /* @conditional-compile-remove(rich-text-editor-image-upload) */\n    content = removeBrokenImageContentAndClearImageSizeStyles(content);\n    /* @conditional-compile-remove(rich-text-editor-image-upload) */\n    if (isAttachmentUploadCompleted(inlineImages)) {\n      insertImagesToContentString(textValue, inlineImages, (content) => {\n        onSubmit(content, /* @conditional-compile-remove(file-sharing-acs) */ attachmentMetadata || []);\n      });\n      return;\n    }\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,\n    /* @conditional-compile-remove(rich-text-editor-image-upload) */\n    inlineImages,\n    textValue,\n    /* @conditional-compile-remove(rich-text-editor-image-upload) */\n    strings.imageUploadsPendingError,\n    onSubmit,\n    /* @conditional-compile-remove(file-sharing-acs) */\n    attachmentMetadata\n  ]);\n\n  const actionButtons = useMemo(() => {\n    return (\n      <Stack horizontal>\n        <InputBoxButton\n          className={richTextActionButtonsStyle}\n          ariaLabel={strings.editBoxCancelButton}\n          tooltipContent={strings.editBoxCancelButton}\n          onRenderIcon={onRenderThemedCancelIcon}\n          onClick={() => {\n            onCancel && onCancel(message.messageId);\n          }}\n          id={'dismissIconWrapper'}\n          data-testId={strings.editBoxCancelButton}\n        />\n        <InputBoxButton\n          className={richTextActionButtonsStyle}\n          ariaLabel={strings.editBoxSubmitButton}\n          tooltipContent={strings.editBoxSubmitButton}\n          onRenderIcon={onRenderThemedSubmitIcon}\n          onClick={(e) => {\n            onSubmitHandler();\n            e.stopPropagation();\n          }}\n          id={'submitIconWrapper'}\n          data-testId={strings.editBoxSubmitButton}\n        />\n      </Stack>\n    );\n  }, [\n    message.messageId,\n    onCancel,\n    onRenderThemedCancelIcon,\n    onRenderThemedSubmitIcon,\n    strings.editBoxCancelButton,\n    strings.editBoxSubmitButton,\n    onSubmitHandler\n  ]);\n  const richTextLocaleStrings = useMemo(() => {\n    /* @conditional-compile-remove(rich-text-editor) */\n    return { ...locale.richTextSendBox, ...strings };\n    return locale.sendBox;\n  }, [\n    /* @conditional-compile-remove(rich-text-editor) */ locale.richTextSendBox,\n    /* @conditional-compile-remove(rich-text-editor) */ strings,\n    locale.sendBox\n  ]);\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({ type: 'remove', id: attachmentId });\n  }, []);\n\n  /* @conditional-compile-remove(file-sharing-acs) */\n  const onRenderAttachmentUploads = useCallback(() => {\n    return (\n      <Stack className={attachmentUploadCardsStyles}>\n        <FluentV9ThemeProvider v8Theme={theme}>\n          <_AttachmentUploadCards\n            attachments={attachmentMetadata}\n            onCancelAttachmentUpload={onCancelAttachmentUpload}\n          />\n        </FluentV9ThemeProvider>\n      </Stack>\n    );\n  }, [attachmentMetadata, onCancelAttachmentUpload, theme]);\n\n  const onChangeHandler = useCallback(\n    (\n      content: string | undefined,\n      /* @conditional-compile-remove(rich-text-editor-image-upload) */ imageSrcArray?: Array<string>\n    ) => {\n      /* @conditional-compile-remove(rich-text-editor-image-upload) */\n      cancelInlineImageUpload({\n        imageSrcArray,\n        inlineImages,\n        messageId: message.messageId,\n        editBoxOnCancelInlineImageUpload: onCancelInlineImageUpload,\n        sendBoxOnCancelInlineImageUpload: undefined\n      });\n      setText(content);\n    },\n    [\n      setText,\n      /* @conditional-compile-remove(rich-text-editor-image-upload) */ inlineImages,\n      /* @conditional-compile-remove(rich-text-editor-image-upload) */ onCancelInlineImageUpload,\n      /* @conditional-compile-remove(rich-text-editor-image-upload) */ message.messageId\n    ]\n  );\n\n  const getContent = (): JSX.Element => {\n    return (\n      <Stack className={mergeStyles(editBoxWidthStyles)}>\n        <RichTextSendBoxErrors\n          textTooLongMessage={textTooLongMessage}\n          systemMessage={message.failureReason}\n          /* @conditional-compile-remove(rich-text-editor-image-upload) */ attachmentUploadsPendingError={\n            attachmentUploadsPendingError\n          }\n          /* @conditional-compile-remove(rich-text-editor-image-upload) */\n          attachmentProgressError={\n            imageUploadErrorMessage\n              ? {\n                  message: imageUploadErrorMessage,\n                  timestamp: Date.now(),\n                  errorBarType: SendBoxErrorBarType.error\n                }\n              : undefined\n          }\n        />\n        <RichTextInputBoxComponent\n          placeholderText={strings.editBoxPlaceholderText}\n          onChange={onChangeHandler}\n          editorComponentRef={editTextFieldRef}\n          initialContent={initialContent}\n          strings={richTextLocaleStrings}\n          disabled={false}\n          actionComponents={actionButtons}\n          richTextEditorStyleProps={editBoxRichTextEditorStyle}\n          isHorizontalLayoutDisabled={true}\n          /* @conditional-compile-remove(file-sharing-acs) */\n          onRenderAttachmentUploads={onRenderAttachmentUploads}\n          /* @conditional-compile-remove(rich-text-editor-image-upload) */\n          onPaste={onPaste}\n          /* @conditional-compile-remove(rich-text-editor-image-upload) */\n          onInsertInlineImage={(imageUrl: string, imageFileName: string) => {\n            onInsertInlineImage && onInsertInlineImage(imageUrl, imageFileName, message.messageId);\n          }}\n        />\n      </Stack>\n    );\n  };\n\n  const attached = message.attached === true ? 'center' : message.attached === 'bottom' ? 'bottom' : 'top';\n  return (\n    <ChatMyMessage\n      attached={attached}\n      root={{\n        className: mergeClasses(\n          chatMyMessageStyles.root,\n          /* @conditional-compile-remove(file-sharing-acs) */\n          hasMultipleAttachments ? chatMyMessageStyles.multipleAttachmentsInEditing : undefined\n        )\n      }}\n      body={{\n        className: mergeClasses(\n          editContainerStyles.body,\n          attached !== 'top' ? editContainerStyles.bodyAttached : undefined\n        )\n      }}\n    >\n      {getContent()}\n    </ChatMyMessage>\n  );\n};\n\nexport default ChatMessageComponentAsRichTextEditBox;\n"],"names":["useMemo","BROKEN_IMAGE_SVG_DATA","useState","useReducer","attachmentMetadataReducer","getMessageWithAttachmentMetadata","useTheme","getMessageState","useChatMessageRichTextEditContainerStyles","useChatMyMessageStyles","useLocale","useCallback","useEffect","_formatString","MAXIMUM_LENGTH_OF_MESSAGE","mergeStyles","richTextEditBoxActionButtonIcon","onRenderCancelIcon","onRenderSubmitIcon","doesMessageContainMultipleAttachments","hasIncompleteAttachmentUploads","SendBoxErrorBarType","removeBrokenImageContentAndClearImageSizeStyles","isAttachmentUploadCompleted","insertImagesToContentString","Stack","InputBoxButton","richTextActionButtonsStyle","attachmentUploadCardsStyles","FluentV9ThemeProvider","_AttachmentUploadCards","cancelInlineImageUpload","editBoxWidthStyles","RichTextSendBoxErrors","RichTextInputBoxComponent","editBoxRichTextEditorStyle","ChatMyMessage","mergeClasses"],"mappings":"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"}

package/dist/dist-cjs/communication-react/{RichTextSendBoxWrapper-B-YGfNz1.js → RichTextSendBoxWrapper-OHSjE5aJ.js}

@@ -1,7 +1,7 @@
 'use strict';
 
 var React = require('react');
-var index = require('./index-DCOkbnBI.js');
+var index = require('./index-Dl3wPPJe.js');
 require('@fluentui/react');
 require('@fluentui/react-components');
 require('@fluentui-contrib/react-chat');
@@ -9,7 +9,6 @@ require('@azure/communication-common');
 require('@fluentui/react-hooks');
 require('react-use-draggable-scroll');
 require('copy-to-clipboard');
-require('libphonenumber-js');
 require('react-dom/client');
 require('@azure/communication-chat');
 require('events');
@@ -51,4 +50,4 @@ const RichTextSendBoxWrapper = (props) => {
 };
 
 exports.RichTextSendBoxWrapper = RichTextSendBoxWrapper;
-//# sourceMappingURL=RichTextSendBoxWrapper-B-YGfNz1.js.map
+//# sourceMappingURL=RichTextSendBoxWrapper-OHSjE5aJ.js.map

package/dist/dist-cjs/communication-react/{RichTextSendBoxWrapper-B-YGfNz1.js.map → RichTextSendBoxWrapper-OHSjE5aJ.js.map}

@@ -1 +1 @@
-{"version":3,"file":"RichTextSendBoxWrapper-B-YGfNz1.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-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\n  return <RichTextSendBox {...richTextSendBoxProps} {...props} />;\n};\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;AAE1D,IAAA,OAAO,oBAACA,qBAAe,EAAA,MAAA,CAAA,MAAA,CAAA,EAAA,EAAK,oBAAoB,EAAM,KAAK,EAAI,CAAC;AAClE;;;;"}
+{"version":3,"file":"RichTextSendBoxWrapper-OHSjE5aJ.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-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\n  return <RichTextSendBox {...richTextSendBoxProps} {...props} />;\n};\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;AAE1D,IAAA,OAAO,oBAACA,qBAAe,EAAA,MAAA,CAAA,MAAA,CAAA,EAAA,EAAK,oBAAoB,EAAM,KAAK,EAAI,CAAC;AAClE;;;;"}