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

package/dist/communication-react.d.ts

@@ -103,7 +103,7 @@ import { TeamsCall } from '@azure/communication-calling';
 import { TeamsCallAgent } from '@azure/communication-calling';
 import { TeamsMeetingLinkLocator } from '@azure/communication-calling';
 import { Theme } from '@fluentui/react';
-import { TransferRequestedEventArgs } from '@azure/communication-calling';
+import { TransferEventArgs } from '@azure/communication-calling';
 import { TypingIndicatorReceivedEvent } from '@azure/communication-chat';
 import { UnknownIdentifier } from '@azure/communication-common';
 import { VideoDeviceInfo } from '@azure/communication-calling';
@@ -1180,7 +1180,7 @@ export declare interface CallAdapterSubscribers {
     /**
      * Subscribe function for 'transferRequested' event.
      */
-    on(event: 'transferRequested', listener: TransferRequestedListener): void;
+    on(event: 'transferAccepted', listener: TransferAcceptedListener): void;
     /**
      * Subscribe function for 'capabilitiesChanged' event.
      */
@@ -1260,7 +1260,7 @@ export declare interface CallAdapterSubscribers {
     /**
      * Unsubscribe function for 'transferRequested' event.
      */
-    off(event: 'transferRequested', listener: TransferRequestedListener): void;
+    off(event: 'transferAccepted', listener: TransferAcceptedListener): void;
     /**
      * Unsubscribe function for 'capabilitiesChanged' event.
      */
@@ -10396,6 +10396,13 @@ export declare interface TranscriptionCallFeature {
     isTranscriptionActive: boolean;
 }
 
+/**
+ * Callback for {@link CallAdapterSubscribers} 'transferRequested' event.
+ *
+ * @beta
+ */
+export declare type TransferAcceptedListener = (event: TransferEventArgs) => void;
+
 /**
  * Transfer feature state
  *
@@ -10410,13 +10417,6 @@ export declare interface TransferFeature {
     };
 }
 
-/**
- * Callback for {@link CallAdapterSubscribers} 'transferRequested' event.
- *
- * @beta
- */
-export declare type TransferRequestedListener = (event: TransferRequestedEventArgs) => void;
-
 /**
  * Component to notify local user when one or more participants in the chat thread are typing.
  *

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-202402150012';
 
 
 var telemetryVersion$1 = /*@__PURE__*/getDefaultExportFromCjs(telemetryVersion);
@@ -4528,21 +4528,17 @@ class ProxyTransferCallFeature {
         switch (prop) {
             case 'on':
                 return (...args) => {
-                    const isTransferRequested = args[0] === 'transferRequested';
-                    if (isTransferRequested) {
+                    const isTransferAccepted = args[0] === 'transferAccepted';
+                    if (isTransferAccepted) {
                         const listener = args[1];
                         const newListener = (args) => {
-                            const newArgs = Object.assign(Object.assign({}, args), { accept: (acceptOptions) => {
-                                    const acceptedTransferCall = args.accept(acceptOptions);
-                                    this._context.setAcceptedTransfer(this._call.id, {
-                                        callId: acceptedTransferCall.id,
-                                        timestamp: new Date()
-                                    });
-                                    return acceptedTransferCall;
-                                } });
-                            listener(newArgs);
+                            this._context.setAcceptedTransfer(this._call.id, {
+                                callId: args.targetCall.id,
+                                timestamp: new Date()
+                            });
+                            listener(args);
                         };
-                        return target.on('transferRequested', newListener);
+                        return target.on('transferAccepted', newListener);
                     }
                 };
             default:
@@ -10672,21 +10668,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;
@@ -33443,7 +33454,7 @@ class AzureCommunicationCallAdapter {
         /* @conditional-compile-remove(video-background-effects) */ options, this.targetCallees);
         this.context.onCallEnded((endCallData) => this.emitter.emit('callEnded', endCallData));
         const onStateChange = (clientState) => {
-            var _a, _b, _c, _d;
+            var _a, _b, _c;
             // unsubscribe when the instance gets disposed
             if (!this) {
                 callClient.offStateChange(onStateChange);
@@ -33465,31 +33476,6 @@ class AzureCommunicationCallAdapter {
                 });
             }
             this.context.updateClientState(clientState);
-            /* @conditional-compile-remove(call-transfer) */
-            const acceptedTransferCallState = this.context.getState().acceptedTransferCallState;
-            /* @conditional-compile-remove(call-transfer) */
-            // TODO: Remove this if statement when Calling SDK prevents accepting transfer requests that have timed out
-            // This is to handle the case when there has been an accepted transfer call that is now in the connected state
-            // AND is not the current call. Ensure we leave the current call.
-            if (acceptedTransferCallState &&
-                acceptedTransferCallState.state === 'Connected' &&
-                ((_d = this.call) === null || _d === void 0 ? void 0 : _d.id) &&
-                acceptedTransferCallState.id !== this.call.id) {
-                const cAgent = callAgent;
-                const transferCall = cAgent.calls.find((call) => call.id === acceptedTransferCallState.id);
-                if (transferCall) {
-                    const oldCall = this.call;
-                    this.processNewCall(transferCall);
-                    // Arbitrary wait time before hanging up. 2 seconds is derived from manual testing. This is to allow
-                    // transferor to hang up themselves. If the transferor has not hung up, we hang up because we are now
-                    // in the transfer call
-                    setTimeout(() => {
-                        if ((oldCall === null || oldCall === void 0 ? void 0 : oldCall.state) === 'Connected') {
-                            oldCall.hangUp();
-                        }
-                    }, 2000);
-                }
-            }
         };
         this.handlers = createHandlers(callClient, callAgent, deviceManager, undefined, 
         /* @conditional-compile-remove(video-background-effects) */ {
@@ -34133,7 +34119,7 @@ class AzureCommunicationCallAdapter {
         /* @conditional-compile-remove(rooms) */
         (_f = this.call) === null || _f === void 0 ? void 0 : _f.on('roleChanged', this.roleChanged.bind(this));
         /* @conditional-compile-remove(call-transfer) */
-        (_g = this.call) === null || _g === void 0 ? void 0 : _g.feature(communicationCalling.Features.Transfer).on('transferRequested', this.transferRequested.bind(this));
+        (_g = this.call) === null || _g === void 0 ? void 0 : _g.feature(communicationCalling.Features.Transfer).on('transferAccepted', this.transferAccepted.bind(this));
         /* @conditional-compile-remove(capabilities) */
         (_h = this.call) === null || _h === void 0 ? void 0 : _h.feature(communicationCalling.Features.Capabilities).on('capabilitiesChanged', this.capabilitiesChanged.bind(this));
         /* @conditional-compile-remove(spotlight) */
@@ -34207,20 +34193,8 @@ class AzureCommunicationCallAdapter {
         });
     }
     /* @conditional-compile-remove(call-transfer) */
-    transferRequested(args) {
-        const newArgs = Object.assign(Object.assign({}, args), { accept: (options) => {
-                var _a, _b, _c, _d, _e, _f;
-                const videoSource = (_c = (_b = (_a = this.context.getState().call) === null || _a === void 0 ? void 0 : _a.localVideoStreams) === null || _b === void 0 ? void 0 : _b[0]) === null || _c === void 0 ? void 0 : _c.source;
-                args.accept({
-                    audioOptions: (_d = options === null || options === void 0 ? void 0 : options.audioOptions) !== null && _d !== void 0 ? _d : {
-                        muted: !!((_e = this.context.getState().call) === null || _e === void 0 ? void 0 : _e.isMuted)
-                    },
-                    videoOptions: (_f = options === null || options === void 0 ? void 0 : options.videoOptions) !== null && _f !== void 0 ? _f : 
-                    /* maintain video state if options.videoOptions is not defined */
-                    (videoSource ? { localVideoStreams: [new communicationCalling.LocalVideoStream(videoSource)] } : undefined)
-                });
-            } });
-        this.emitter.emit('transferRequested', newArgs);
+    transferAccepted(args) {
+        this.emitter.emit('transferAccepted', args);
     }
     /* @conditional-compile-remove(capabilities) */
     capabilitiesChanged(data) {