@azure/communication-react 1.9.0-alpha-202310170013 → 1.9.0-alpha-202310181643

package/dist/dist-cjs/communication-react/index.js

@@ -177,7 +177,7 @@ const _isValidIdentifier = (identifier) => {
 // Copyright (c) Microsoft Corporation.
 // Licensed under the MIT License.
 // GENERATED FILE. DO NOT EDIT MANUALLY.
-var telemetryVersion = '1.9.0-alpha-202310170013';
+var telemetryVersion = '1.9.0-alpha-202310181643';
 
 // Copyright (c) Microsoft Corporation.
 /**
@@ -9057,18 +9057,23 @@ const chatMessageFailedTagStyle = (theme) => react.mergeStyles({
     fontSize: theme.fonts.smallPlus.fontSize,
     lineHeight: '1rem'
 });
+/**
+ * @private
+ */
+const editChatMessageFailedTagStyle = react.mergeStyles({
+    marginBottom: '0.5rem'
+});
 /**
  * @private
  */
 const chatMessageFailedTagStackItemStyle = react.mergeStyles({
-    alignSelf: 'end',
-    paddingBottom: '0.25rem'
+    alignSelf: 'end'
 });
 /**
  * @private
  */
 const editChatMessageButtonsStackStyle = react.mergeStyles({
-    padding: '0 0.5rem 0.5rem 0.5rem',
+    padding: '0 0.5rem',
     marginTop: '-0.25rem'
 });
 /**
@@ -9198,19 +9203,21 @@ const ChatMessageComponentAsEditBox = (props) => {
                 }, supportNewline: false, maxLength: MAXIMUM_LENGTH_OF_MESSAGE, errorMessage: textTooLongMessage, styles: editBoxStyles, 
                 /* @conditional-compile-remove(mention) */
                 mentionLookupOptions: mentionLookupOptions }),
-            React__default["default"].createElement(react.Stack, { horizontal: true, horizontalAlign: "end", verticalAlign: "start", className: editChatMessageButtonsStackStyle, tokens: { childrenGap: '0.25rem' } },
-                message.failureReason && (React__default["default"].createElement(react.Stack.Item, { grow: true, className: chatMessageFailedTagStackItemStyle },
-                    React__default["default"].createElement("div", { className: chatMessageFailedTagStyle(theme) }, message.failureReason))),
-                React__default["default"].createElement(InputBoxButton, { className: editingButtonStyle, ariaLabel: strings.editBoxCancelButton, tooltipContent: strings.editBoxCancelButton, onRenderIcon: onRenderThemedCancelIcon, onClick: () => {
-                        onCancel && onCancel(message.messageId);
-                    }, id: 'dismissIconWrapper' }),
-                React__default["default"].createElement(InputBoxButton, { className: editingButtonStyle, ariaLabel: strings.editBoxSubmitButton, tooltipContent: strings.editBoxSubmitButton, onRenderIcon: onRenderThemedSubmitIcon, onClick: (e) => {
-                        submitEnabled &&
-                            onSubmit(textValue, message.metadata, {
-                                attachedFilesMetadata
-                            });
-                        e.stopPropagation();
-                    }, id: 'submitIconWrapper' })),
+            React__default["default"].createElement(react.Stack, { horizontal: true, horizontalAlign: "end", className: editChatMessageButtonsStackStyle, tokens: { childrenGap: '0.25rem' } },
+                message.failureReason && (React__default["default"].createElement(react.Stack.Item, { grow: true, align: "stretch", className: chatMessageFailedTagStackItemStyle },
+                    React__default["default"].createElement("div", { className: react.mergeStyles(chatMessageFailedTagStyle(theme), editChatMessageFailedTagStyle) }, message.failureReason))),
+                React__default["default"].createElement(react.Stack.Item, { align: "end" },
+                    React__default["default"].createElement(InputBoxButton, { className: editingButtonStyle, ariaLabel: strings.editBoxCancelButton, tooltipContent: strings.editBoxCancelButton, onRenderIcon: onRenderThemedCancelIcon, onClick: () => {
+                            onCancel && onCancel(message.messageId);
+                        }, id: 'dismissIconWrapper' })),
+                React__default["default"].createElement(react.Stack.Item, { align: "end" },
+                    React__default["default"].createElement(InputBoxButton, { className: editingButtonStyle, ariaLabel: strings.editBoxSubmitButton, tooltipContent: strings.editBoxSubmitButton, onRenderIcon: onRenderThemedSubmitIcon, onClick: (e) => {
+                            submitEnabled &&
+                                onSubmit(textValue, message.metadata, {
+                                    attachedFilesMetadata
+                                });
+                            e.stopPropagation();
+                        }, id: 'submitIconWrapper' }))),
             onRenderFileUploads()));
     };
     const bodyClassName = reactComponents.mergeClasses(editContainerStyles.body, message.failureReason !== undefined ? editContainerStyles.bodyError : editContainerStyles.bodyDefault);