@azure/communication-react 1.18.0-alpha-202407180014 → 1.18.0-alpha-202407200014

package/dist/dist-esm/react-components/src/localization/locales/zh-TW/strings.json

@@ -185,8 +185,8 @@
         "failToSendTag": "無法傳送",
         "editedTag": "已編輯",
         "liveAuthorIntro": "{author} 說",
-        "messageContentAriaText": "{author} 說 {message}",
-        "messageContentMineAriaText": "您說 {message}",
+        "messageContentAriaText": "{status} {author} 說 {message}",
+        "messageContentMineAriaText": "{status} 您說 {message}",
         "editBoxTextLimit": "您的訊息超過 {limitNumber} 個字元的限制",
         "editBoxPlaceholderText": "編輯您的訊息",
         "newMessagesIndicator": "新訊息",
@@ -220,7 +220,8 @@
         "richTextDeleteColumnMenu": "刪除欄",
         "richTextDeleteRowMenu": "刪除列",
         "richTextDeleteTableMenu": "刪除表格",
-        "richTextToolbarMoreButtonAriaLabel": "其他選項"
+        "richTextToolbarMoreButtonAriaLabel": "其他選項",
+        "attachmentUploadsPendingError": "正在上傳...請稍候。"
     },
     "errorBar": {
         "unableToReachChatService": "您處於離線狀態",
@@ -237,6 +238,7 @@
         "startScreenShareGeneric": "啟動畫面分享時發生問題。",
         "stopScreenShareGeneric": "無法停止螢幕畫面分享",
         "callNetworkQualityLow": "您的網路品質不佳。",
+        "teamsMeetingCallNetworkQualityLow": "網路品質不佳。",
         "callNoSpeakerFound": "找不到喇叭或耳機。請連接音訊裝置以聆聽通話。",
         "callNoMicrophoneFound": "找不到麥克風。請連接音訊輸入裝置。",
         "callMicrophoneAccessDenied": "無法存取麥克風。按一下網址列中的鎖定以授與此網頁的許可權。",
@@ -257,160 +259,189 @@
         "failedToJoinCallInvalidMeetingLink": "無法加入會議。連結無效。",
         "cameraFrozenForRemoteParticipants": "通話中的使用者在觀看您的視訊時發生問題。請檢查您的裝置和網路。",
         "unableToStartVideoEffect": "無法套用視訊效果。",
-        "startSpotlightWhileMaxParticipantsAreSpotlighted": "無法啟動參與者的焦點，因為參與者人數已達焦點上限。"
+        "startSpotlightWhileMaxParticipantsAreSpotlighted": "無法啟動參與者的焦點，因為參與者人數已達焦點上限。",
+        "mutedByRemoteParticipant": "另一位參與者已將您設為靜音。"
     },
-    "notifications": {
-        "unableToReachChatService": {
-            "title": "您目前處於離線狀態。",
-            "closeButtonAriaLabel": "關閉"
-        },
-        "accessDenied": {
-            "title": "無法存取聊天服務",
-            "message": "請檢查提供的使用者認證",
-            "closeButtonAriaLabel": "關閉"
-        },
-        "userNotInChatThread": {
-            "title": "您已不在此聊天對話中。",
-            "closeButtonAriaLabel": "關閉"
-        },
-        "sendMessageNotInChatThread": {
-            "title": "無法傳送訊息",
-            "message": "您已不在此聊天對話中",
-            "closeButtonAriaLabel": "關閉"
-        },
-        "sendMessageGeneric": {
-            "title": "無法傳送郵件。",
-            "closeButtonAriaLabel": "關閉"
-        },
+    "notificationStack": {
         "callingNetworkFailure": {
             "title": "接通電話時發生問題",
             "message": "您似乎已離線。請檢查您的網路連線，然後再試一次。",
-            "closeButtonAriaLabel": "關閉"
+            "dismissButtonAriaLabel": "關閉"
         },
         "startVideoGeneric": {
             "title": "無法啟動影片。",
-            "closeButtonAriaLabel": "關閉"
+            "dismissButtonAriaLabel": "關閉"
         },
         "stopVideoGeneric": {
             "title": "無法停止影片。",
-            "closeButtonAriaLabel": "關閉"
+            "dismissButtonAriaLabel": "關閉"
         },
         "muteGeneric": {
             "title": "無法將麥克風設為靜音。",
-            "closeButtonAriaLabel": "關閉"
+            "dismissButtonAriaLabel": "關閉"
         },
         "unmuteGeneric": {
             "title": "無法將麥克風取消靜音。",
-            "closeButtonAriaLabel": "關閉"
+            "dismissButtonAriaLabel": "關閉"
         },
         "speakingWhileMuted": {
             "title": "已將您設為靜音。",
-            "closeButtonAriaLabel": "關閉"
+            "dismissButtonAriaLabel": "關閉"
         },
         "startScreenShareGeneric": {
             "title": "啟動畫面分享時發生問題。",
-            "closeButtonAriaLabel": "關閉"
+            "dismissButtonAriaLabel": "關閉"
         },
         "stopScreenShareGeneric": {
             "title": "無法停止螢幕畫面分享。",
-            "closeButtonAriaLabel": "關閉"
+            "dismissButtonAriaLabel": "關閉"
         },
         "callNetworkQualityLow": {
             "title": "網路品質不佳。",
-            "closeButtonAriaLabel": "關閉"
+            "dismissButtonAriaLabel": "關閉"
+        },
+        "teamsMeetingCallNetworkQualityLow": {
+            "title": "網路品質不佳。",
+            "dismissButtonAriaLabel": "關閉",
+            "message": "從您的手機加入此通話以獲得更佳的音效。您可以繼續在此裝置上檢視會議。",
+            "primaryButtonLabel": "使用電話加入"
         },
         "callNoSpeakerFound": {
             "title": "找不到喇叭或耳機",
             "message": "連接音訊裝置以聆聽通話。",
-            "closeButtonAriaLabel": "關閉"
+            "dismissButtonAriaLabel": "關閉"
         },
         "callNoMicrophoneFound": {
             "title": "找不到麥克風",
             "message": "請連結音訊輸入裝置。",
-            "closeButtonAriaLabel": "關閉"
+            "dismissButtonAriaLabel": "關閉"
         },
         "callMicrophoneAccessDenied": {
             "title": "無法存取麥克風",
             "message": "按兩下網址列中的鎖定以授與此網頁的許可權。",
-            "closeButtonAriaLabel": "關閉"
+            "dismissButtonAriaLabel": "關閉"
         },
         "callMicrophoneAccessDeniedSafari": {
             "title": "無法存取麥克風",
             "message": "重新整理頁面以允許許可權，或檢查此瀏覽器的設定，並確認已啟用此網站的權限。",
-            "closeButtonAriaLabel": "關閉"
+            "dismissButtonAriaLabel": "關閉"
         },
         "callMicrophoneMutedBySystem": {
             "title": "系統已將您設為靜音。",
-            "closeButtonAriaLabel": "關閉"
+            "dismissButtonAriaLabel": "關閉"
         },
         "callMicrophoneUnmutedBySystem": {
             "title": "您的麥克風已復原，系統已取消您的靜音。",
-            "closeButtonAriaLabel": "關閉"
+            "dismissButtonAriaLabel": "關閉"
         },
         "callMacOsMicrophoneAccessDenied": {
             "title": "無法存取麥克風",
             "message": "在您的macOS隱私權設定中授與麥克風許可權。",
-            "closeButtonAriaLabel": "關閉"
+            "dismissButtonAriaLabel": "關閉"
         },
         "callLocalVideoFreeze": {
             "title": "網路頻寬不佳",
             "message": "通話中的其他人可能會暫停您的視訊。",
-            "closeButtonAriaLabel": "關閉"
+            "dismissButtonAriaLabel": "關閉"
         },
         "callCameraAccessDenied": {
             "title": "無法存取相機",
             "message": "按兩下網址列中的鎖定以授與此網頁的許可權。",
-            "closeButtonAriaLabel": "關閉"
+            "dismissButtonAriaLabel": "關閉"
         },
         "callCameraAccessDeniedSafari": {
             "title": "無法存取相機",
             "message": "重新整理頁面以允許許可權，或檢查此瀏覽器的設定，並確認已啟用此網站的權限。",
-            "closeButtonAriaLabel": "關閉"
+            "dismissButtonAriaLabel": "關閉"
         },
         "callCameraAlreadyInUse": {
             "title": "無法存取相機",
             "message": "其他應用程式可能已在使用它。",
-            "closeButtonAriaLabel": "關閉"
+            "dismissButtonAriaLabel": "關閉"
         },
         "callVideoStoppedBySystem": {
             "title": "您的影片已遭系統停止。",
-            "closeButtonAriaLabel": "關閉"
+            "dismissButtonAriaLabel": "關閉"
         },
         "callVideoRecoveredBySystem": {
-            "title": "您的影片已繼續。",
-            "closeButtonAriaLabel": "關閉"
+            "title": "您的影片已恢復播放。",
+            "dismissButtonAriaLabel": "關閉"
         },
         "callMacOsCameraAccessDenied": {
             "title": "MacOS 禁止存取您的相機",
             "message": "更新您的隱私權設定，以允許此瀏覽器存取您的相機。",
-            "closeButtonAriaLabel": "關閉"
+            "dismissButtonAriaLabel": "關閉"
         },
         "callMacOsScreenShareAccessDenied": {
             "title": "MacOS 正在封鎖螢幕畫面分享",
             "message": "更新您的隱私權設定，以允許此瀏覽器錄製您的螢幕。",
-            "closeButtonAriaLabel": "關閉"
+            "dismissButtonAriaLabel": "關閉"
         },
         "failedToJoinCallGeneric": {
             "title": "無法加入通話。",
-            "closeButtonAriaLabel": "關閉"
+            "dismissButtonAriaLabel": "關閉"
         },
         "failedToJoinCallInvalidMeetingLink": {
             "title": "無法加入會議。連結無效。",
-            "closeButtonAriaLabel": "關閉"
+            "dismissButtonAriaLabel": "關閉"
         },
         "cameraFrozenForRemoteParticipants": {
             "title": "通話中的用戶在觀看您的視訊時發生問題",
             "message": "請檢查您的裝置和網路。",
-            "closeButtonAriaLabel": "關閉"
+            "dismissButtonAriaLabel": "關閉"
         },
         "unableToStartVideoEffect": {
             "title": "無法套用視訊效果。",
-            "closeButtonAriaLabel": "關閉"
+            "dismissButtonAriaLabel": "關閉"
         },
         "startSpotlightWhileMaxParticipantsAreSpotlighted": {
             "title": "無法在參與者上啟動焦點",
             "message": "參與者人數上限已成為焦點。",
-            "closeButtonAriaLabel": "關閉"
+            "dismissButtonAriaLabel": "關閉"
+        },
+        "mutedByRemoteParticipant": {
+            "title": "另一位參與者已將您設為靜音。",
+            "dismissButtonAriaLabel": "關閉"
+        },
+        "recordingStarted": {
+            "title": "錄製已啟動。",
+            "message": "一旦加入，即表示您同意轉譯此會議。",
+            "dismissButtonAriaLabel": "關閉"
+        },
+        "transcriptionStarted": {
+            "title": "已開始轉錄。",
+            "message": "一旦加入，即表示您同意轉譯此會議。",
+            "dismissButtonAriaLabel": "關閉"
+        },
+        "recordingStopped": {
+            "title": "正在儲存錄製內容。",
+            "message": "已停止錄製。",
+            "dismissButtonAriaLabel": "關閉"
+        },
+        "transcriptionStopped": {
+            "title": "正在儲存轉錄。",
+            "message": "已停止轉錄。",
+            "dismissButtonAriaLabel": "關閉"
+        },
+        "recordingAndTranscriptionStarted": {
+            "title": "已開始錄製並進行轉錄。",
+            "message": "一旦加入，即表示您同意轉譯此會議。",
+            "dismissButtonAriaLabel": "關閉"
+        },
+        "recordingAndTranscriptionStopped": {
+            "title": "正在儲存錄製和轉錄。",
+            "message": "已停止錄製與轉錄。",
+            "dismissButtonAriaLabel": "關閉"
+        },
+        "recordingStoppedStillTranscribing": {
+            "title": "已停止錄製。",
+            "message": "您現在只會轉錄此會議。",
+            "dismissButtonAriaLabel": "關閉"
+        },
+        "transcriptionStoppedStillRecording": {
+            "title": "已停止轉錄。",
+            "message": "您現在只會錄製此會議。",
+            "dismissButtonAriaLabel": "關閉"
         }
     },
     "videoGallery": {
@@ -436,7 +467,8 @@
         "spotlightLimitReachedMenuTitle": "已達焦點限制",
         "stopSpotlightVideoTileMenuLabel": "停止聚焦",
         "stopSpotlightOnSelfVideoTileMenuLabel": "結束聚焦",
-        "attendeeRole": "出席者"
+        "attendeeRole": "出席者",
+        "muteParticipantMenuItemLabel": "靜音"
     },
     "dialpad": {
         "placeholderText": "輸入電話號碼",
@@ -578,9 +610,15 @@
         "meetingConferencePhoneInfoModalMeetingId": "輸入會議識別碼",
         "meetingConferencePhoneInfoModalWait": "等候召集人獲准進入",
         "meetingConferencePhoneInfoModalNoPhoneAvailable": "沒有可用的電話",
-        "meetingConferencePhoneInfoModalTollFree": "{phoneNumber} (免付費電話) {country}，{city}",
-        "meetingConferencePhoneInfoModalTollFreeWithoutGeoData": "{phoneNumber} (免付費電話)",
-        "meetingConferencePhoneInfoModalToll": "{phoneNumber} (付費電話) {country}，{city}",
-        "meetingConferencePhoneInfoModalTollWithoutGeoData": "{phoneNumber} (付費電話)"
+        "meetingConferencePhoneInfoModalTollGeoData": "{country}, {city}",
+        "meetingConferencePhoneInfoModalTollFree": "(免付費電話)",
+        "meetingConferencePhoneInfoModalToll": "(付費)"
+    },
+    "IncomingCallNotification": {
+        "incomingCallNotificationPlaceholderId": "未知的使用者",
+        "incomingCallNotificationPlaceholderAlert": "來電",
+        "incomingCallNoticicationAcceptWithAudioAriaLabel": "接受音訊",
+        "incomingCallNoticicationAcceptWithVideoAriaLabel": "接受視訊",
+        "incomingCallNoticicationRejectAriaLabel": "拒絕"
     }
 }

package/dist/dist-esm/react-composites/src/composites/ChatComposite/ChatScreen.js

@@ -42,11 +42,13 @@ import { SendBoxPicker } from '../common/SendBoxPicker';
 /* @conditional-compile-remove(rich-text-editor-composite-support) */
 import { loadRichTextSendBox } from '../common/SendBoxPicker';
 /* @conditional-compile-remove(rich-text-editor-image-upload) */
-import { useImageUpload } from './ImageUpload/useImageUpload';
-/* @conditional-compile-remove(rich-text-editor-image-upload) */
-import { removeImageTags } from './ImageUpload/ImageUploadUtils';
+import { getEditBoxMessagesImageUploadsInProgress, getSendBoxImageUploadsInProgress, onCancelInlineImageUploadHandlerForEditBox, onCancelInlineImageUploadHandlerForSendBox, onUploadInlineImageForEditBox, onUploadInlineImageForSendBox, removeImageTags } from './ImageUpload/ImageUploadUtils';
 /* @conditional-compile-remove(rich-text-editor-image-upload) */
 import { isMicrosoftTeamsUserIdentifier } from '@azure/communication-common';
+/* @conditional-compile-remove(rich-text-editor-image-upload) */
+import { SEND_BOX_UPLOADS_KEY_VALUE } from '../common/constants';
+/* @conditional-compile-remove(rich-text-editor-image-upload) */
+import { ImageUploadReducer } from './ImageUpload/ImageUploadReducer';
 /**
  * @private
  */
@@ -65,12 +67,14 @@ export const ChatScreen = (props) => {
     const adapter = useAdapter();
     const theme = useTheme();
     /* @conditional-compile-remove(rich-text-editor-image-upload) */
-    const [inlineImageUploads, handleInlineImageUploadAction, onUploadInlineImage, onCancelInlineImageUploadHandler] = useImageUpload();
-    /* @conditional-compile-remove(rich-text-editor-image-upload) */
     const [textOnlyChat, setTextOnlyChat] = useState(false);
     /* @conditional-compile-remove(rich-text-editor-image-upload) */
     const [isACSChat, setIsACSChat] = useState(false);
     /* @conditional-compile-remove(rich-text-editor-image-upload) */
+    const [editBoxInlineImageUploads, handleEditBoxInlineImageUploadAction] = useReducer(ImageUploadReducer, undefined);
+    /* @conditional-compile-remove(rich-text-editor-image-upload) */
+    const [sendBoxInlineImageUploads, handleSendBoxInlineImageUploadAction] = useReducer(ImageUploadReducer, undefined);
+    /* @conditional-compile-remove(rich-text-editor-image-upload) */
     useEffect(() => {
         const updateChatState = (newState) => {
             var _a, _b, _c, _d;
@@ -324,10 +328,6 @@ export const ChatScreen = (props) => {
     const attachments = useMemo(() => {
         return uploads === null || uploads === void 0 ? void 0 : uploads.map((v) => v.metadata);
     }, [uploads]);
-    /* @conditional-compile-remove(rich-text-editor-image-upload) */
-    const imageUploadsInProgress = useMemo(() => {
-        return inlineImageUploads === null || inlineImageUploads === void 0 ? void 0 : inlineImageUploads.map((v) => v.metadata);
-    }, [inlineImageUploads]);
     const onSendMessageHandler = useCallback(function (content, 
     /* @conditional-compile-remove(file-sharing-acs) */ /* @conditional-compile-remove(rich-text-editor-composite-support) */ options) {
         return __awaiter(this, void 0, void 0, function* () {
@@ -337,7 +337,10 @@ export const ChatScreen = (props) => {
             /* @conditional-compile-remove(file-sharing-acs) */
             handleUploadAction({ type: AttachmentUploadActionType.Clear });
             /* @conditional-compile-remove(rich-text-editor-image-upload) */
-            handleInlineImageUploadAction({ type: AttachmentUploadActionType.Clear });
+            handleSendBoxInlineImageUploadAction({
+                type: AttachmentUploadActionType.Clear,
+                messageId: SEND_BOX_UPLOADS_KEY_VALUE
+            });
             /* @conditional-compile-remove(file-sharing-acs) */
             yield adapter.sendMessage(content, {
                 attachments: attachments,
@@ -351,16 +354,19 @@ export const ChatScreen = (props) => {
                 type: options === null || options === void 0 ? void 0 : options.type
             });
         });
-    }, [adapter, /* @conditional-compile-remove(rich-text-editor-image-upload) */ handleInlineImageUploadAction]);
+    }, [adapter, /* @conditional-compile-remove(rich-text-editor-image-upload) */ handleSendBoxInlineImageUploadAction]);
     const onUpdateMessageHandler = useCallback((messageId, content) => __awaiter(void 0, void 0, void 0, function* () {
         yield messageThreadProps.onUpdateMessage(messageId, content);
         /* @conditional-compile-remove(rich-text-editor-image-upload) */
-        handleInlineImageUploadAction({ type: AttachmentUploadActionType.Clear });
-    }), [/* @conditional-compile-remove(rich-text-editor-image-upload) */ handleInlineImageUploadAction, messageThreadProps]);
+        handleEditBoxInlineImageUploadAction({ type: AttachmentUploadActionType.Clear, messageId });
+    }), [
+        /* @conditional-compile-remove(rich-text-editor-image-upload) */ handleEditBoxInlineImageUploadAction,
+        messageThreadProps
+    ]);
     /* @conditional-compile-remove(rich-text-editor-image-upload) */
-    const onCancelEditMessageHandler = useCallback(() => {
-        handleInlineImageUploadAction({ type: AttachmentUploadActionType.Clear });
-    }, [handleInlineImageUploadAction]);
+    const onCancelEditMessageHandler = useCallback((messageId) => {
+        handleEditBoxInlineImageUploadAction({ type: AttachmentUploadActionType.Clear, messageId });
+    }, [handleEditBoxInlineImageUploadAction]);
     /* @conditional-compile-remove(file-sharing-acs) */
     const onCancelUploadHandler = useCallback((id) => {
         var _a, _b;
@@ -372,28 +378,57 @@ export const ChatScreen = (props) => {
         const onPasteCallback = isACSChat || textOnlyChat ? removeImageTags : undefined;
         return (options === null || options === void 0 ? void 0 : options.richTextEditor)
             ? {
-                /* @conditional-compile-remove(rich-text-editor-image-upload) */ onPaste: onPasteCallback,
-                /* @conditional-compile-remove(rich-text-editor-image-upload) */
-                onUploadInlineImage: onUploadInlineImage,
-                /* @conditional-compile-remove(rich-text-editor-image-upload) */
-                imageUploadsInProgress: imageUploadsInProgress,
-                /* @conditional-compile-remove(rich-text-editor-image-upload) */
-                onCancelInlineImageUpload: onCancelInlineImageUploadHandler
+                /* @conditional-compile-remove(rich-text-editor-image-upload) */ onPaste: onPasteCallback
             }
             : undefined;
     }, [
-        /* @conditional-compile-remove(rich-text-editor-image-upload) */
-        imageUploadsInProgress,
-        /* @conditional-compile-remove(rich-text-editor-image-upload) */
-        onCancelInlineImageUploadHandler,
-        /* @conditional-compile-remove(rich-text-editor-image-upload) */
-        onUploadInlineImage,
         /* @conditional-compile-remove(rich-text-editor-image-upload) */
         isACSChat,
         /* @conditional-compile-remove(rich-text-editor-image-upload) */
         textOnlyChat,
         options === null || options === void 0 ? void 0 : options.richTextEditor
     ]);
+    /* @conditional-compile-remove(rich-text-editor-composite-support) */
+    const richTextEditBoxOptions = useMemo(() => {
+        return (options === null || options === void 0 ? void 0 : options.richTextEditor)
+            ? Object.assign(Object.assign({}, richTextEditorOptions), { 
+                /* @conditional-compile-remove(rich-text-editor-image-upload) */
+                onUploadInlineImage: (imageUrl, imageFileName, messageId) => {
+                    onUploadInlineImageForEditBox(imageUrl, imageFileName, messageId, adapter, handleEditBoxInlineImageUploadAction);
+                }, 
+                /* @conditional-compile-remove(rich-text-editor-image-upload) */
+                messagesImageUploadsInProgress: getEditBoxMessagesImageUploadsInProgress(editBoxInlineImageUploads), 
+                /* @conditional-compile-remove(rich-text-editor-image-upload) */
+                onCancelInlineImageUpload: (imageId, messageId) => {
+                    onCancelInlineImageUploadHandlerForEditBox(imageId, messageId, editBoxInlineImageUploads, adapter, handleEditBoxInlineImageUploadAction);
+                } }) : undefined;
+    }, [
+        options === null || options === void 0 ? void 0 : options.richTextEditor,
+        /* @conditional-compile-remove(rich-text-editor-image-upload) */ richTextEditorOptions,
+        /* @conditional-compile-remove(rich-text-editor-image-upload) */ editBoxInlineImageUploads,
+        /* @conditional-compile-remove(rich-text-editor-image-upload) */ adapter
+    ]);
+    /* @conditional-compile-remove(rich-text-editor-composite-support) */
+    const richTextSendBoxOptions = useMemo(() => {
+        return (options === null || options === void 0 ? void 0 : options.richTextEditor)
+            ? Object.assign(Object.assign({}, richTextEditorOptions), { 
+                /* @conditional-compile-remove(rich-text-editor-image-upload) */
+                onUploadInlineImage: (imageUrl, imageFileName) => {
+                    onUploadInlineImageForSendBox(imageUrl, imageFileName, adapter, handleSendBoxInlineImageUploadAction);
+                }, 
+                // onUploadInlineImageForSendBox,
+                /* @conditional-compile-remove(rich-text-editor-image-upload) */
+                imageUploadsInProgress: getSendBoxImageUploadsInProgress(sendBoxInlineImageUploads), 
+                /* @conditional-compile-remove(rich-text-editor-image-upload) */
+                onCancelInlineImageUpload: (imageId) => {
+                    onCancelInlineImageUploadHandlerForSendBox(imageId, sendBoxInlineImageUploads, adapter, handleSendBoxInlineImageUploadAction);
+                } }) : undefined;
+    }, [
+        options === null || options === void 0 ? void 0 : options.richTextEditor,
+        /* @conditional-compile-remove(rich-text-editor-image-upload) */ richTextEditorOptions,
+        /* @conditional-compile-remove(rich-text-editor-image-upload) */ sendBoxInlineImageUploads,
+        adapter
+    ]);
     return (React.createElement(Stack, { className: chatContainer, grow: true },
         (options === null || options === void 0 ? void 0 : options.topic) !== false && React.createElement(ChatHeader, Object.assign({}, headerProps)),
         React.createElement(Stack, { className: chatArea, tokens: participantListContainerPadding, horizontal: true, grow: true },
@@ -409,7 +444,7 @@ export const ChatScreen = (props) => {
                     /* @conditional-compile-remove(file-sharing-acs) */
                     onRenderAttachmentDownloads: onRenderAttachmentDownloads, inlineImageOptions: inlineImageOptions, numberOfChatMessagesToReload: defaultNumberOfChatMessagesToReload, styles: messageThreadStyles, 
                     /* @conditional-compile-remove(rich-text-editor-composite-support) */
-                    richTextEditorOptions: richTextEditorOptions })),
+                    richTextEditorOptions: richTextEditBoxOptions })),
                 React.createElement(Stack, { className: mergeStyles(sendboxContainerStyles) },
                     React.createElement("div", { className: mergeStyles(typingIndicatorContainerStyles) }, onRenderTypingIndicator ? (onRenderTypingIndicator(typingIndicatorProps.typingUsers)) : (React.createElement(TypingIndicator, Object.assign({}, typingIndicatorProps, { styles: typingIndicatorStyles })))),
                     React.createElement(Stack, { horizontal: formFactor === 'mobile' },
@@ -419,7 +454,7 @@ export const ChatScreen = (props) => {
                         React.createElement(Stack, { grow: true },
                             React.createElement(SendBoxPicker, { styles: sendBoxStyles, autoFocus: options === null || options === void 0 ? void 0 : options.autoFocus, 
                                 /* @conditional-compile-remove(rich-text-editor-composite-support) */
-                                richTextEditorOptions: richTextEditorOptions, 
+                                richTextEditorOptions: richTextSendBoxOptions, 
                                 /* @conditional-compile-remove(file-sharing-acs) */
                                 attachments: attachments, 
                                 /* @conditional-compile-remove(file-sharing-acs) */