@azure/communication-react 1.9.0-alpha-202310111702 → 1.9.0-alpha-202310120012

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-202310111702';
+var telemetryVersion = '1.9.0-alpha-202310120012';
 
 // Copyright (c) Microsoft Corporation.
 /**
@@ -8471,9 +8471,9 @@ const bodyContainer = {
     width: '100%',
     height: '100%',
     overflow: 'hidden',
-    padding: '5.75rem',
+    padding: '1rem 2rem 3rem 2rem',
     '@media (max-width: 25rem) or (max-height: 25rem)': {
-        padding: '2rem'
+        padding: '0rem 1rem 2rem 1rem'
     }
 };
 /**
@@ -9944,11 +9944,7 @@ const MessageBubble = (props) => {
                     : props.message.status === 'failed'
                         ? chatMessageCommonStyles.failed
                         : undefined, attached !== 'top' ? chatMyMessageStyles.bodyAttached : undefined, react.mergeStyles(messageContainerStyle)),
-                style: Object.assign({}, createStyleFromV8Style(messageContainerStyle)),
-                // make body not focusable to remove repetitions from narrators.
-                // inner components are already focusable
-                tabIndex: -1,
-                role: 'presentation'
+                style: Object.assign({}, createStyleFromV8Style(messageContainerStyle))
             }, root: {
                 className: chatMyMessageStyles.root,
                 onBlur: (e) => {
@@ -9969,6 +9965,7 @@ const MessageBubble = (props) => {
                 role: 'none',
                 tabIndex: -1
             }, "data-ui-id": "chat-composite-message", author: React__default["default"].createElement(react.Text, { className: chatMessageDateStyle, tabIndex: 0 }, message.senderDisplayName), timestamp: React__default["default"].createElement(react.Text, { className: chatMessageDateStyle, "data-ui-id": ids.messageTimestamp, tabIndex: 0 }, formattedTimestamp), details: getMessageDetails(), actions: {
+                tabIndex: 0,
                 children: actionMenuProps === null || actionMenuProps === void 0 ? void 0 : actionMenuProps.children,
                 className: reactComponents.mergeClasses(chatMyMessageStyles.menu, 
                 // Make actions menu visible when the message is focused or the flyout is shown
@@ -9988,13 +9985,15 @@ const MessageBubble = (props) => {
                 if (message.messageType === 'chat') {
                     props.onActionButtonClick(message, setMessageReadBy);
                 }
-            } }, getContent())) : (React__default["default"].createElement(reactChat.ChatMessage, { attached: attached, key: props.message.messageId, root: { className: chatMessageStyles.root }, author: React__default["default"].createElement(react.Text, { className: chatMessageAuthorStyle }, message.senderDisplayName), body: {
-                className: chatItemMessageContainerClassName,
-                style: Object.assign({}, createStyleFromV8Style(messageContainerStyle)),
+            } }, getContent())) : (React__default["default"].createElement(reactChat.ChatMessage, { attached: attached, key: props.message.messageId, root: {
+                className: chatMessageStyles.root,
                 // make body not focusable to remove repetitions from narrators.
                 // inner components are already focusable
                 tabIndex: -1,
                 role: 'none'
+            }, author: React__default["default"].createElement(react.Text, { className: chatMessageAuthorStyle }, message.senderDisplayName), body: {
+                className: chatItemMessageContainerClassName,
+                style: Object.assign({}, createStyleFromV8Style(messageContainerStyle))
             }, "data-ui-id": "chat-composite-message", timestamp: React__default["default"].createElement(react.Text, { className: chatMessageDateStyle, "data-ui-id": ids.messageTimestamp }, formattedTimestamp) }, getContent()))),
         chatActionsEnabled && (React__default["default"].createElement(ChatMessageActionFlyout, { hidden: !chatMessageActionFlyoutTarget, target: chatMessageActionFlyoutTarget, increaseFlyoutItemSize: wasInteractionByTouch, onDismiss: onActionFlyoutDismiss, onEditClick: onEditClick, onRemoveClick: onRemoveClick, onResendClick: onResendClick, strings: strings, messageReadBy: messageReadBy, messageStatus: messageStatus !== null && messageStatus !== void 0 ? messageStatus : 'failed', remoteParticipantsCount: remoteParticipantsCount, onRenderAvatar: onRenderAvatar, showMessageStatus: showMessageStatus }))));
     return chatMessage;