@azure/communication-react 1.13.0-alpha-202402130013 → 1.13.0-alpha-202402140012

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

@@ -173,7 +173,7 @@ function getDefaultExportFromCjs (x) {
 // Copyright (c) Microsoft Corporation.
 // Licensed under the MIT License.
 // GENERATED FILE. DO NOT EDIT MANUALLY.
-var telemetryVersion = '1.13.0-alpha-202402130013';
+var telemetryVersion = '1.13.0-alpha-202402140012';
 
 
 var telemetryVersion$1 = /*@__PURE__*/getDefaultExportFromCjs(telemetryVersion);
@@ -10672,21 +10672,36 @@ const generateLiveMessage = (props) => {
     return `${props.message.editedOn ? props.strings.editedTag : ''} ${props.message.mine ? '' : liveAuthor} ${extractContent(props.message.content || '')} `;
 };
 const messageContentAriaText = (props) => {
-    // Strip all html tags from the content for aria.
-    return props.message.content
-        ? props.message.mine
+    if (props.message.content) {
+        // Replace all <img> tags with 'image' for aria.
+        const parsedContent = DOMPurify.sanitize(props.message.content, {
+            ALLOWED_TAGS: ['img'],
+            RETURN_DOM_FRAGMENT: true
+        });
+        parsedContent.childNodes.forEach((child) => {
+            if (child.nodeName.toLowerCase() !== 'img') {
+                return;
+            }
+            const imageTextNode = document.createElement('div');
+            imageTextNode.innerHTML = 'image ';
+            parsedContent.replaceChild(imageTextNode, child);
+        });
+        // Strip all html tags from the content for aria.
+        const message = DOMPurify.sanitize(parsedContent, { ALLOWED_TAGS: [] });
+        return props.message.mine
             ? _formatString(props.strings.messageContentMineAriaText, {
-                message: DOMPurify.sanitize(props.message.content, { ALLOWED_TAGS: [] })
+                message: message
             })
             : _formatString(props.strings.messageContentAriaText, {
                 author: `${props.message.senderDisplayName}`,
-                message: DOMPurify.sanitize(props.message.content, { ALLOWED_TAGS: [] })
-            })
-        : undefined;
+                message: message
+            });
+    }
+    return undefined;
 };
 /* @conditional-compile-remove(image-overlay) */
 const defaultOnRenderInlineImage = (inlineImage) => {
-    return (React.createElement("img", Object.assign({}, inlineImage.imgAttrs, { "data-ui-id": inlineImage.imgAttrs.id, tabIndex: 0, role: "button", style: Object.assign({ cursor: 'pointer' }, inlineImage.imgAttrs.style) })));
+    return React.createElement("img", Object.assign({ tabIndex: 0, "data-ui-id": inlineImage.imgAttrs.id }, inlineImage.imgAttrs));
 };
 const processHtmlToReact = (props) => {
     var _a;