@azure/communication-react 1.20.0-alpha-202410120015 → 1.20.0-alpha-202410160016

package/dist/dist-cjs/communication-react/{index-B9QcZlYP.js → index-CtfGMAPa.js}

@@ -188,7 +188,7 @@ function getDefaultExportFromCjs (x) {
 // Copyright (c) Microsoft Corporation.
 // Licensed under the MIT License.
 // GENERATED FILE. DO NOT EDIT MANUALLY.
-var telemetryVersion = '1.20.0-alpha-202410120015';
+var telemetryVersion = '1.20.0-alpha-202410160016';
 
 
 var telemetryVersion$1 = /*@__PURE__*/getDefaultExportFromCjs(telemetryVersion);
@@ -15340,7 +15340,7 @@ class _ErrorBoundary extends React.Component {
 // Copyright (c) Microsoft Corporation.
 // Licensed under the MIT License.
 /* @conditional-compile-remove(rich-text-editor) */
-const ChatMessageComponentAsRichTextEditBox = React.lazy(() => Promise.resolve().then(function () { return require('./ChatMessageComponentAsRichTextEditBox-CP31U1Qi.js'); }));
+const ChatMessageComponentAsRichTextEditBox = React.lazy(() => Promise.resolve().then(function () { return require('./ChatMessageComponentAsRichTextEditBox-NQBARXtW.js'); }));
 /**
  * @private
  * Use this function to load RoosterJS dependencies early in the lifecycle.
@@ -15348,7 +15348,7 @@ const ChatMessageComponentAsRichTextEditBox = React.lazy(() => Promise.resolve()
  *
  * @conditional-compile-remove(rich-text-editor)
  */
-const loadChatMessageComponentAsRichTextEditBox = () => Promise.resolve().then(function () { return require('./ChatMessageComponentAsRichTextEditBox-CP31U1Qi.js'); });
+const loadChatMessageComponentAsRichTextEditBox = () => Promise.resolve().then(function () { return require('./ChatMessageComponentAsRichTextEditBox-NQBARXtW.js'); });
 /**
  * @private
  */
@@ -29858,7 +29858,7 @@ const AttachmentDownloadErrorBar = (props) => {
 /**
  * Wrapper for RichTextSendBox component to allow us to use usePropsFor with richTextSendBox with lazy loading
  */
-const RichTextSendBoxWrapper = React.lazy(() => Promise.resolve().then(function () { return require('./RichTextSendBoxWrapper-Dx0WOAPN.js'); }).then((module) => ({ default: module.RichTextSendBoxWrapper })));
+const RichTextSendBoxWrapper = React.lazy(() => Promise.resolve().then(function () { return require('./RichTextSendBoxWrapper-Se_hHkKE.js'); }).then((module) => ({ default: module.RichTextSendBoxWrapper })));
 /**
  * @private
  * Use this function to load RoosterJS dependencies early in the lifecycle.
@@ -29866,7 +29866,7 @@ const RichTextSendBoxWrapper = React.lazy(() => Promise.resolve().then(function
  *
 /* @conditional-compile-remove(rich-text-editor-composite-support)
  */
-const loadRichTextSendBox = () => Promise.resolve().then(function () { return require('./RichTextSendBoxWrapper-Dx0WOAPN.js'); }).then((module) => ({ default: module.RichTextSendBoxWrapper }));
+const loadRichTextSendBox = () => Promise.resolve().then(function () { return require('./RichTextSendBoxWrapper-Se_hHkKE.js'); }).then((module) => ({ default: module.RichTextSendBoxWrapper }));
 /**
  * @private
  */
@@ -29948,10 +29948,9 @@ const getEditBoxMessagesInlineImages = (editBoxInlineImageUploads) => {
     if (!editBoxInlineImageUploads) {
         return;
     }
-    const messageIds = Object.keys(editBoxInlineImageUploads || {});
     const messagesInlineImagesWithProgress = {};
-    messageIds.map((messageId) => {
-        const messageUploads = editBoxInlineImageUploads[messageId].map((upload) => {
+    Object.entries(editBoxInlineImageUploads || {}).map(([messageId, attachmentUploads]) => {
+        const messageUploads = attachmentUploads.map((upload) => {
             return upload.metadata;
         });
         messagesInlineImagesWithProgress[messageId] = messageUploads;
@@ -30004,6 +30003,14 @@ const inlineImageUploadHandler = (uploadTasks, adapter, strings) => __awaiter$s(
 });
 /* @conditional-compile-remove(rich-text-editor-image-upload) */
 const generateUploadTask = (imageAttributes, fileName, messageId, inlineImageUploadActionHandler) => __awaiter$s(void 0, void 0, void 0, function* () {
+    if (!imageAttributes.src) {
+        console.error('Cannot upload image - Image src is not provided');
+        return;
+    }
+    if (!imageAttributes.id) {
+        console.error('Cannot upload image - Image id is not provided');
+        return;
+    }
     const imageData = yield getInlineImageData(imageAttributes.src);
     if (!imageData) {
         return;
@@ -30083,11 +30090,16 @@ const onInsertInlineImageForSendBox = (imageAttributes, fileName, adapter, handl
  * @internal
  */
 const cancelInlineImageUpload = (imageAttributes, imageUploads, messageId, inlineImageUploadActionHandler, adapter) => {
+    var _a;
+    if (!imageAttributes.id) {
+        console.error('Cannot cancel image upload - Image id is not provided');
+        return;
+    }
     if (!imageUploads || !imageUploads[messageId]) {
         deleteExistingInlineImageForEditBox(imageAttributes.id, messageId, adapter);
         return;
     }
-    const imageUpload = imageUploads[messageId].find((upload) => upload.metadata.id === imageAttributes.id);
+    const imageUpload = (_a = imageUploads[messageId]) === null || _a === void 0 ? void 0 : _a.find((upload) => upload.metadata.id === imageAttributes.id);
     if (!imageUpload || !(imageUpload === null || imageUpload === void 0 ? void 0 : imageUpload.metadata.id)) {
         deleteExistingInlineImageForEditBox(imageAttributes.id, messageId, adapter);
         return;
@@ -30129,7 +30141,7 @@ const updateContentStringWithUploadedInlineImages = (content, imageUploads, mess
     const document = new DOMParser().parseFromString(content !== null && content !== void 0 ? content : '', 'text/html');
     document.querySelectorAll('img').forEach((img) => {
         var _a;
-        const uploadInlineImage = messageUploads.find((upload) => !upload.metadata.error && upload.metadata.progress === 1 && upload.metadata.id === img.id);
+        const uploadInlineImage = messageUploads === null || messageUploads === void 0 ? void 0 : messageUploads.find((upload) => !upload.metadata.error && upload.metadata.progress === 1 && upload.metadata.id === img.id);
         if (uploadInlineImage) {
             // ChatSDK uses the respond id provided by the upload response. We store the response id in the image src attribute previously.
             img.id = (_a = uploadInlineImage.metadata.url) !== null && _a !== void 0 ? _a : img.id;
@@ -30290,6 +30302,7 @@ const ChatScreen = (props) => {
     overlayImageItemRef.current = overlayImageItem;
     const adapterChatMessages = useSelector$2(getChatMessages);
     React.useEffect(() => {
+        var _a;
         if (overlayImageItemRef.current === undefined) {
             return;
         }
@@ -30297,11 +30310,9 @@ const ChatScreen = (props) => {
         if (message === undefined) {
             return;
         }
-        const resourceCache = message.resourceCache;
-        if (overlayImageItemRef.current.imageSrc === '' &&
-            resourceCache &&
-            resourceCache[overlayImageItemRef.current.imageUrl]) {
-            const fullSizeImageSrc = getResourceSourceUrl(resourceCache[overlayImageItemRef.current.imageUrl]);
+        const resourceFetchResult = (_a = message.resourceCache) === null || _a === void 0 ? void 0 : _a[overlayImageItemRef.current.imageUrl];
+        if (overlayImageItemRef.current.imageSrc === '' && resourceFetchResult) {
+            const fullSizeImageSrc = getResourceSourceUrl(resourceFetchResult);
             if (fullSizeImageSrc === undefined ||
                 fullSizeImageSrc === '' ||
                 overlayImageItemRef.current.imageSrc === fullSizeImageSrc) {
@@ -30399,20 +30410,20 @@ const ChatScreen = (props) => {
     }, [(_b = attachmentOptions === null || attachmentOptions === void 0 ? void 0 : attachmentOptions.downloadOptions) === null || _b === void 0 ? void 0 : _b.actionsForAttachment]);
     const threadId = useSelector$2(getThreadId);
     const onInlineImageClicked = React.useCallback((attachmentId, messageId) => {
-        var _a, _b;
+        var _a, _b, _c;
         const message = adapterChatMessages[messageId];
-        const inlinedImages = (_b = (_a = message.content) === null || _a === void 0 ? void 0 : _a.attachments) === null || _b === void 0 ? void 0 : _b.filter((attachment) => {
+        const inlinedImages = (_b = (_a = message === null || message === void 0 ? void 0 : message.content) === null || _a === void 0 ? void 0 : _a.attachments) === null || _b === void 0 ? void 0 : _b.filter((attachment) => {
             return attachment.attachmentType === 'image' && attachment.id === attachmentId;
         });
-        if (!inlinedImages || inlinedImages.length <= 0) {
+        const attachment = inlinedImages === null || inlinedImages === void 0 ? void 0 : inlinedImages[0];
+        if (!attachment) {
             return;
         }
-        const attachment = inlinedImages[0];
-        const resourceCache = message.resourceCache;
         let imageSrc = '';
         if (attachment.url) {
-            if (resourceCache && resourceCache[attachment.url]) {
-                imageSrc = getResourceSourceUrl(resourceCache[attachment.url]);
+            const resourceFetchResult = (_c = message === null || message === void 0 ? void 0 : message.resourceCache) === null || _c === void 0 ? void 0 : _c[attachment.url];
+            if (resourceFetchResult) {
+                imageSrc = getResourceSourceUrl(resourceFetchResult);
             }
             else {
                 adapter.downloadResourceToCache({
@@ -30423,15 +30434,15 @@ const ChatScreen = (props) => {
             }
         }
         const titleIconRenderOptions = {
-            text: message.senderDisplayName,
+            text: message === null || message === void 0 ? void 0 : message.senderDisplayName,
             size: react.PersonaSize.size32,
             showOverflowTooltip: false,
-            imageAlt: message.senderDisplayName
+            imageAlt: message === null || message === void 0 ? void 0 : message.senderDisplayName
         };
-        const messageSenderId = message.sender !== undefined ? toFlatCommunicationIdentifier(message.sender) : userId;
+        const messageSenderId = (message === null || message === void 0 ? void 0 : message.sender) !== undefined ? toFlatCommunicationIdentifier(message.sender) : userId;
         const titleIcon = onRenderAvatarCallback && onRenderAvatarCallback(messageSenderId, titleIconRenderOptions);
         const overlayImage = {
-            title: message.senderDisplayName || '',
+            title: (message === null || message === void 0 ? void 0 : message.senderDisplayName) || '',
             titleIcon: titleIcon,
             attachmentId: attachment.id,
             imageSrc: imageSrc,
@@ -30442,18 +30453,18 @@ const ChatScreen = (props) => {
         setOverlayImageItem(overlayImage);
     }, [adapter, adapterChatMessages, onRenderAvatarCallback, userId, threadId]);
     const onRenderInlineImage = React.useCallback((inlineImage, defaultOnRender) => {
-        var _a, _b;
+        var _a, _b, _c;
         const message = adapterChatMessages[inlineImage.messageId];
         const attachment = (_b = (_a = message === null || message === void 0 ? void 0 : message.content) === null || _a === void 0 ? void 0 : _a.attachments) === null || _b === void 0 ? void 0 : _b.find((attachment) => attachment.id === inlineImage.imageAttributes.id);
         if (attachment === undefined) {
             return defaultOnRender(inlineImage);
         }
         let pointerEvents = inlineImage.imageAttributes.src === '' ? 'none' : 'auto';
-        const resourceCache = message.resourceCache;
+        const resourceCache = message === null || message === void 0 ? void 0 : message.resourceCache;
         if (resourceCache &&
             attachment.previewUrl &&
             resourceCache[attachment.previewUrl] &&
-            resourceCache[attachment.previewUrl].error) {
+            ((_c = resourceCache[attachment.previewUrl]) === null || _c === void 0 ? void 0 : _c.error)) {
             pointerEvents = 'none';
         }
         return (React.createElement("span", { key: inlineImage.imageAttributes.id, onClick: () => onInlineImageClicked(inlineImage.imageAttributes.id || '', inlineImage.messageId), tabIndex: 0, role: "button", onKeyDown: (e) => {
@@ -30943,7 +30954,7 @@ const getCallEndReason = (call) => {
      * If yes, the caller was kicked out of the call, but we need to show them that they left the call.
      * Note: This check will only work for 1:1 PSTN Calls. The subcode is different for 1:N PSTN calls, and we do not need to handle that case.
      */
-    if (remoteParticipantsEndedArray.length === 1 &&
+    if (remoteParticipantsEndedArray[0] &&
         communicationCommon.isPhoneNumberIdentifier(remoteParticipantsEndedArray[0].identifier) &&
         ((_a = call.callEndReason) === null || _a === void 0 ? void 0 : _a.subCode) !== REMOTE_PSTN_USER_HUNG_UP) {
         return CallEndReasons.LEFT_CALL;
@@ -31291,23 +31302,27 @@ const createParticipantModifier = (createModifiedParticipant) => {
         // if root state is the same, we don't need to update the participants
         if (((_a = state.call) === null || _a === void 0 ? void 0 : _a.remoteParticipants) !== previousParticipantState) {
             modifiedParticipants = {};
-            const originalParticipants = (_b = state.call) === null || _b === void 0 ? void 0 : _b.remoteParticipants;
-            for (const key in originalParticipants) {
-                const modifiedParticipant = createModifiedParticipant(key, originalParticipants[key]);
+            const originalParticipants = Object.entries(((_b = state.call) === null || _b === void 0 ? void 0 : _b.remoteParticipants) || {});
+            for (const [key, originalParticipant] of originalParticipants) {
+                const modifiedParticipant = createModifiedParticipant(key, originalParticipant);
                 if (modifiedParticipant === undefined) {
-                    modifiedParticipants[key] = originalParticipants[key];
+                    modifiedParticipants[key] = originalParticipant;
                     continue;
                 }
                 // Generate the new item if original cached item has been changed
-                if (((_c = memoizedParticipants[key]) === null || _c === void 0 ? void 0 : _c.originalRef) !== originalParticipants[key]) {
+                if (((_c = memoizedParticipants[key]) === null || _c === void 0 ? void 0 : _c.originalRef) !== originalParticipant) {
                     memoizedParticipants[key] = {
                         newParticipant: modifiedParticipant,
-                        originalRef: originalParticipants[key]
+                        originalRef: originalParticipant
                     };
                 }
                 // the modified participant is always coming from the memoized cache, whether is was refreshed
                 // from the previous closure or not
-                modifiedParticipants[key] = memoizedParticipants[key].newParticipant;
+                const memoizedParticipant = memoizedParticipants[key];
+                if (!memoizedParticipant) {
+                    throw new Error('Participant modifier encountered an unhandled exception.');
+                }
+                modifiedParticipants[key] = memoizedParticipant.newParticipant;
             }
             previousParticipantState = (_d = state.call) === null || _d === void 0 ? void 0 : _d.remoteParticipants;
         }
@@ -33016,7 +33031,7 @@ const useParticipantChangedAnnouncement = () => {
  * Generates the announcement string for when a participant joins or leaves a call.
  */
 const createAnnouncementString = (direction, participants, strings) => {
-    var _a, _b, _c;
+    var _a, _b, _c, _d, _e, _f, _g, _h, _j, _k, _l, _m, _o, _p, _q, _r, _s, _t;
     /**
      * If there are no participants return empty string.
      */
@@ -33039,20 +33054,19 @@ const createAnnouncementString = (direction, participants, strings) => {
             numOfParticipants: (sortedParticipants.length - 1).toString()
         });
     }
-    const participantNames = sortedParticipants.map((p) => { var _a; return (_a = p.displayName) !== null && _a !== void 0 ? _a : strings.unnamedParticipantString; });
     switch (sortedParticipants.length) {
         case 1:
-            return _formatString(direction === 'joined' ? strings.participantJoinedNoticeString : strings.participantLeftNoticeString, { displayName: participantNames[0] });
+            return _formatString(direction === 'joined' ? strings.participantJoinedNoticeString : strings.participantLeftNoticeString, { displayName: (_b = (_a = sortedParticipants[0]) === null || _a === void 0 ? void 0 : _a.displayName) !== null && _b !== void 0 ? _b : strings.unnamedParticipantString });
         case 2:
             return _formatString(direction === 'joined' ? strings.twoParticipantJoinedNoticeString : strings.twoParticipantLeftNoticeString, {
-                displayName1: participantNames[0],
-                displayName2: participantNames[1]
+                displayName1: (_d = (_c = sortedParticipants[0]) === null || _c === void 0 ? void 0 : _c.displayName) !== null && _d !== void 0 ? _d : strings.unnamedParticipantString,
+                displayName2: (_f = (_e = sortedParticipants[1]) === null || _e === void 0 ? void 0 : _e.displayName) !== null && _f !== void 0 ? _f : strings.unnamedParticipantString
             });
         case 3:
             return _formatString(direction === 'joined' ? strings.threeParticipantJoinedNoticeString : strings.threeParticipantLeftNoticeString, {
-                displayName1: participantNames[0],
-                displayName2: participantNames[1],
-                displayName3: participantNames[2]
+                displayName1: (_h = (_g = sortedParticipants[0]) === null || _g === void 0 ? void 0 : _g.displayName) !== null && _h !== void 0 ? _h : strings.unnamedParticipantString,
+                displayName2: (_k = (_j = sortedParticipants[1]) === null || _j === void 0 ? void 0 : _j.displayName) !== null && _k !== void 0 ? _k : strings.unnamedParticipantString,
+                displayName3: (_m = (_l = sortedParticipants[2]) === null || _l === void 0 ? void 0 : _l.displayName) !== null && _m !== void 0 ? _m : strings.unnamedParticipantString
             });
     }
     /**
@@ -33064,9 +33078,9 @@ const createAnnouncementString = (direction, participants, strings) => {
      */
     const numberOfExtraParticipants = sortedParticipants.length - 3;
     return _formatString(direction === 'joined' ? strings.manyParticipantsJoined : strings.manyParticipantsLeft, {
-        displayName1: (_a = sortedParticipants[0].displayName) !== null && _a !== void 0 ? _a : strings.unnamedParticipantString,
-        displayName2: (_b = sortedParticipants[1].displayName) !== null && _b !== void 0 ? _b : strings.unnamedParticipantString,
-        displayName3: (_c = sortedParticipants[2].displayName) !== null && _c !== void 0 ? _c : strings.unnamedParticipantString,
+        displayName1: (_p = (_o = sortedParticipants[0]) === null || _o === void 0 ? void 0 : _o.displayName) !== null && _p !== void 0 ? _p : strings.unnamedParticipantString,
+        displayName2: (_r = (_q = sortedParticipants[1]) === null || _q === void 0 ? void 0 : _q.displayName) !== null && _r !== void 0 ? _r : strings.unnamedParticipantString,
+        displayName3: (_t = (_s = sortedParticipants[2]) === null || _s === void 0 ? void 0 : _s.displayName) !== null && _t !== void 0 ? _t : strings.unnamedParticipantString,
         numOfParticipants: numberOfExtraParticipants.toString()
     });
 };
@@ -35506,7 +35520,7 @@ const usePeoplePane = (props) => {
         /* @conditional-compile-remove(soft-mute) */
         if (onMuteParticipant && !isMe && remoteParticipants && remoteParticipants[participantId]) {
             const participant = remoteParticipants[participantId];
-            const isMuted = participant.isMuted;
+            const isMuted = !!(participant === null || participant === void 0 ? void 0 : participant.isMuted);
             _defaultMenuItems.push({
                 key: 'mute',
                 text: 'Mute',
@@ -35796,7 +35810,7 @@ const MeetingPhoneInfoPaneContent = (props) => {
         return (React.createElement(react.Stack, { verticalFill: true, styles: phoneInfoContainerStyle, tokens: phoneInfoContainerTokens, "data-ui-id": "phone-info-pane-content" },
             (conferencePhoneInfoList === undefined || conferencePhoneInfoList.length === 0) && (React.createElement(react.Stack, { horizontal: true },
                 React.createElement(react.Text, { className: phoneInfoTextStyle }, localeStrings.meetingConferencePhoneInfoModalNoPhoneAvailable))),
-            conferencePhoneInfoList && conferencePhoneInfoList.length > 0 && (React.createElement(react.Stack, null,
+            conferencePhoneInfoList && conferencePhoneInfoList[0] && (React.createElement(react.Stack, null,
                 React.createElement(react.Stack, { horizontal: true, horizontalAlign: "space-between", className: phoneInfoInstructionLine },
                     React.createElement(react.Stack.Item, null,
                         React.createElement(react.Stack, { horizontal: true, className: phoneInfoStep },
@@ -36207,7 +36221,7 @@ const findDominantRemoteParticipant = (remoteParticipants, dominantSpeakerIds) =
     if (!dominantRemoteParticipantId || !remoteParticipantIds.includes(dominantRemoteParticipantId)) {
         dominantRemoteParticipantId = remoteParticipantIds[0];
     }
-    return remoteParticipants[dominantRemoteParticipantId];
+    return dominantRemoteParticipantId ? remoteParticipants[dominantRemoteParticipantId] : undefined;
 };
 
 // Copyright (c) Microsoft Corporation.
@@ -36289,7 +36303,11 @@ const ModalLocalAndRemotePIP = (props) => {
     const [touchStartTouches, setTouchStartTouches] = React.useState(null);
     const onTouchEnd = React.useCallback((event) => {
         var _a;
-        if (touchStartTouches && touchStartTouches.length === 1 && event.changedTouches.length === 1) {
+        if (touchStartTouches &&
+            touchStartTouches[0] &&
+            touchStartTouches.length === 1 &&
+            event.changedTouches[0] &&
+            event.changedTouches.length === 1) {
             const touchStartTouch = touchStartTouches[0];
             const touchEndTouch = event.changedTouches[0];
             if (Math.abs(touchStartTouch.clientX - touchEndTouch.clientX) < 10 &&
@@ -37266,7 +37284,7 @@ const NetworkReconnectTile = (props) => {
                 React.createElement(CallCompositeIcon, { iconName: "NetworkReconnectIcon", className: react.mergeStyles(titleStyle$1(palette, isVideoReady)) }),
                 React.createElement(react.Text, { className: react.mergeStyles(titleStyle$1(palette, isVideoReady)), "aria-live": 'assertive' }, strings.networkReconnectTitle)),
             React.createElement(react.Text, { className: react.mergeStyles(moreDetailsStyle$1(palette, isVideoReady)), "aria-live": 'assertive' }, strings.networkReconnectMoreDetails),
-            isTeamsMeeting && meetingCoordinates && meetingCoordinates.length > 0 && (React.createElement(react.Stack, null,
+            isTeamsMeeting && meetingCoordinates && meetingCoordinates[0] && (React.createElement(react.Stack, null,
                 React.createElement(react.Stack, { horizontal: true, horizontalAlign: "center", verticalAlign: "center", className: titleContainerClassName },
                     React.createElement(react.Text, { className: titleClassName }, localeStrings.meetingConferencePhoneInfoModalTitle)),
                 React.createElement(react.Stack, { horizontal: true, horizontalAlign: "space-between", className: phoneInfoInstructionLine },
@@ -37935,10 +37953,10 @@ const getOptionIcon = (type) => {
     }
 };
 const onRenderTitle = (iconType, props) => {
-    const icon = props && getOptionIcon(iconType);
+    var _a;
     return props ? (React.createElement("div", { className: dropDownTitleIconStyles },
-        icon,
-        React.createElement("span", null, props[0].text))) : (React.createElement(React.Fragment, null));
+        getOptionIcon(iconType),
+        React.createElement("span", null, (_a = props[0]) === null || _a === void 0 ? void 0 : _a.text))) : (React.createElement(React.Fragment, null));
 };
 const localVideoViewOptions = {
     scalingMode: 'Crop',
@@ -37992,7 +38010,13 @@ const LocalDeviceSettings = (props) => {
                     ? (_b = props.cameras[0]) === null || _b === void 0 ? void 0 : _b.id
                     : ''
             : 'deniedOrUnknown', onChange: (event, option, index) => {
-            props.onSelectCamera(props.cameras[index !== null && index !== void 0 ? index : 0], localVideoViewOptions);
+            const camera = props.cameras[index !== null && index !== void 0 ? index : 0];
+            if (camera) {
+                props.onSelectCamera(camera, localVideoViewOptions);
+            }
+            else {
+                console.error('No cameras available');
+            }
         }, onRenderTitle: (props) => onRenderTitle('Camera', props) }));
     const micGrantedDropdown = (React.createElement(React.Fragment, null, roleCanUseMic && (React.createElement(react.Dropdown, { "aria-labelledby": 'call-composite-local-sound-settings-label', placeholder: hasMicrophones ? defaultPlaceHolder : noMicLabel, styles: dropDownStyles(theme), disabled: !micPermissionGranted || !hasMicrophones, errorMessage: props.microphonePermissionGranted === undefined || props.microphonePermissionGranted
             ? undefined
@@ -38001,10 +38025,22 @@ const LocalDeviceSettings = (props) => {
                 ? props.selectedMicrophone.id
                 : defaultDeviceId(props.microphones)
             : 'deniedOrUnknown', onChange: (event, option, index) => {
-            props.onSelectMicrophone(props.microphones[index !== null && index !== void 0 ? index : 0]);
+            const microphone = props.microphones[index !== null && index !== void 0 ? index : 0];
+            if (microphone) {
+                props.onSelectMicrophone(microphone);
+            }
+            else {
+                console.error('No microphones available');
+            }
         }, onRenderTitle: (props) => onRenderTitle('Microphone', props) }))));
     const speakerDropdown = (React.createElement(react.Dropdown, { "aria-labelledby": 'call-composite-local-sound-settings-label', placeholder: hasSpeakers ? defaultPlaceHolder : noSpeakersLabel, styles: dropDownStyles(theme), disabled: props.speakers.length === 0, options: getDropDownList(props.speakers), defaultSelectedKey: props.selectedSpeaker ? props.selectedSpeaker.id : defaultDeviceId(props.speakers), onChange: (event, option, index) => {
-            props.onSelectSpeaker(props.speakers[index !== null && index !== void 0 ? index : 0]);
+            const speaker = props.speakers[index !== null && index !== void 0 ? index : 0];
+            if (speaker) {
+                props.onSelectSpeaker(speaker);
+            }
+            else {
+                console.error('No speakers available');
+            }
         }, onRenderTitle: (props) => onRenderTitle('Speaker', props) }));
     const safariBrowserSpeakerDropdownTrampoline = () => {
         /* @conditional-compile-remove(calling-environment-info) */
@@ -38034,14 +38070,15 @@ const LocalDeviceSettings = (props) => {
                 safariBrowserSpeakerDropdownTrampoline()))));
 };
 const defaultDeviceId = (devices) => {
+    var _a;
     if (devices.length === 0) {
-        return '';
+        return undefined;
     }
     const defaultDevice = devices.find((device) => device.isSystemDefault);
     if (defaultDevice) {
         return defaultDevice.id;
     }
-    return devices[0].id;
+    return (_a = devices[0]) === null || _a === void 0 ? void 0 : _a.id;
 };
 
 // Copyright (c) Microsoft Corporation.
@@ -38100,11 +38137,12 @@ const devicePermissionSelector = reselect__namespace.createSelector([getDeviceMa
  * @private
  */
 const localPreviewSelector = reselect__namespace.createSelector([getDeviceManager], (deviceManager) => {
+    var _a;
     // TODO: we should take in a LocalVideoStream that developer wants to use as their 'Preview' view. We should also
     // handle cases where 'Preview' view is in progress and not necessary completed.
     const view = deviceManager.cameras.length > 0 && // This ensures that the video stream is reset if camera devices are removed.
         deviceManager.unparentedViews.length > 0 &&
-        deviceManager.unparentedViews[0].view;
+        ((_a = deviceManager.unparentedViews[0]) === null || _a === void 0 ? void 0 : _a.view);
     return {
         videoStreamElement: view ? view.target : null
     };
@@ -39051,6 +39089,9 @@ const TransferTile = (props) => {
     const [personaSize, setPersonaSize] = React.useState();
     const tileRef = React.useRef(null);
     const observer = React.useRef(new ResizeObserver((entries) => {
+        if (!entries[0]) {
+            return;
+        }
         const { width, height } = entries[0].contentRect;
         const personaSize = Math.min(width, height) / 2;
         setPersonaSize(Math.max(Math.min(personaSize, 150), 32));
@@ -39802,7 +39843,7 @@ const MainScreen = (props) => {
                     'recordingAndTranscriptionStopped',
                     'recordingStoppedStillTranscribing',
                     'transcriptionStoppedStillRecording'
-                ].includes(activeNotifications[index].type)) {
+                ].includes(notification.type)) {
                     activeNotifications.splice(index, 1);
                 }
             });
@@ -40078,18 +40119,23 @@ const createProfileStateModifier = (onFetchProfile, notifyUpdate) => {
         const originalParticipants = (_a = state.call) === null || _a === void 0 ? void 0 : _a.remoteParticipants;
         (() => __awaiter$8(void 0, void 0, void 0, function* () {
             let shouldNotifyUpdates = false;
-            for (const key in originalParticipants) {
+            if (!originalParticipants) {
+                return;
+            }
+            for (const [key, participant] of Object.entries(originalParticipants)) {
                 if (cachedDisplayName[key]) {
                     continue;
                 }
-                const profile = yield onFetchProfile(key, { displayName: originalParticipants[key].displayName });
-                if ((profile === null || profile === void 0 ? void 0 : profile.displayName) && originalParticipants[key].displayName !== (profile === null || profile === void 0 ? void 0 : profile.displayName)) {
+                const profile = yield onFetchProfile(key, { displayName: participant.displayName });
+                if ((profile === null || profile === void 0 ? void 0 : profile.displayName) && participant.displayName !== (profile === null || profile === void 0 ? void 0 : profile.displayName)) {
                     cachedDisplayName[key] = profile === null || profile === void 0 ? void 0 : profile.displayName;
                     shouldNotifyUpdates = true;
                 }
             }
             // notify update only when there is a change, which most likely will trigger modifier and setState again
-            shouldNotifyUpdates && notifyUpdate();
+            if (shouldNotifyUpdates) {
+                notifyUpdate();
+            }
         }))();
         const participantsModifier = createParticipantModifier((id, participant) => {
             if (cachedDisplayName[id]) {
@@ -40110,17 +40156,17 @@ const CALL_TRANSFER_SUBCODE = 7015;
  * @private
  */
 class CallingSoundSubscriber {
-    constructor(call, callee, sounds) {
+    constructor(call, callees, sounds) {
         this.playingSounds = false;
         this.onCallStateChanged = () => {
             this.call.on('stateChanged', () => {
                 var _a, _b, _c, _d, _e, _f, _g;
-                if (shouldPlayRinging(this.call, this.callee) && ((_a = this.soundsLoaded) === null || _a === void 0 ? void 0 : _a.callRingingSound)) {
+                if (shouldPlayRinging(this.call, this.callees) && ((_a = this.soundsLoaded) === null || _a === void 0 ? void 0 : _a.callRingingSound)) {
                     this.soundsLoaded.callRingingSound.loop = true;
                     this.playSound(this.soundsLoaded.callRingingSound);
                     this.playingSounds = true;
                 }
-                if (!shouldPlayRinging(this.call, this.callee) && ((_b = this.soundsLoaded) === null || _b === void 0 ? void 0 : _b.callRingingSound)) {
+                if (!shouldPlayRinging(this.call, this.callees) && ((_b = this.soundsLoaded) === null || _b === void 0 ? void 0 : _b.callRingingSound)) {
                     this.soundsLoaded.callRingingSound.loop = false;
                     this.soundsLoaded.callRingingSound.pause();
                     this.playingSounds = false;
@@ -40140,7 +40186,7 @@ class CallingSoundSubscriber {
             });
         };
         this.call = call;
-        this.callee = callee;
+        this.callees = callees;
         if (sounds) {
             this.soundsLoaded = this.loadSounds(sounds);
             this.subscribeCallSoundEvents();
@@ -40204,10 +40250,10 @@ class CallingSoundSubscriber {
  * Helper function to allow the calling sound subscriber to determine when to play the ringing
  * sound when making an outbound call.
  */
-const shouldPlayRinging = (call, callee) => {
-    if (callee &&
-        callee.length >= 1 &&
-        !communicationCommon.isPhoneNumberIdentifier(callee[0]) &&
+const shouldPlayRinging = (call, callees) => {
+    if (callees &&
+        callees[0] &&
+        !communicationCommon.isPhoneNumberIdentifier(callees[0]) &&
         (call.state === 'Ringing' || call.state === 'Connecting')) {
         return true;
     }
@@ -40378,7 +40424,7 @@ const findLatestEndedCall = (calls) => {
     }
     let latestCall = callStates[0];
     for (const call of callStates.slice(1)) {
-        if (((_b = (_a = call.endTime) === null || _a === void 0 ? void 0 : _a.getTime()) !== null && _b !== void 0 ? _b : 0) > ((_d = (_c = latestCall.endTime) === null || _c === void 0 ? void 0 : _c.getTime()) !== null && _d !== void 0 ? _d : 0)) {
+        if (((_b = (_a = call.endTime) === null || _a === void 0 ? void 0 : _a.getTime()) !== null && _b !== void 0 ? _b : 0) > ((_d = (_c = latestCall === null || latestCall === void 0 ? void 0 : latestCall.endTime) === null || _c === void 0 ? void 0 : _c.getTime()) !== null && _d !== void 0 ? _d : 0)) {
             latestCall = call;
         }
     }
@@ -40392,7 +40438,7 @@ const findLatestAcceptedTransfer = (acceptedTransfers) => {
     }
     let latestAcceptedTransfer = acceptedTransferValues[0];
     for (const acceptedTransfer of acceptedTransferValues.slice(1)) {
-        if (((_b = (_a = acceptedTransfer.timestamp) === null || _a === void 0 ? void 0 : _a.getTime()) !== null && _b !== void 0 ? _b : 0) > ((_d = (_c = latestAcceptedTransfer.timestamp) === null || _c === void 0 ? void 0 : _c.getTime()) !== null && _d !== void 0 ? _d : 0)) {
+        if (((_b = (_a = acceptedTransfer.timestamp) === null || _a === void 0 ? void 0 : _a.getTime()) !== null && _b !== void 0 ? _b : 0) > ((_d = (_c = latestAcceptedTransfer === null || latestAcceptedTransfer === void 0 ? void 0 : latestAcceptedTransfer.timestamp) === null || _c === void 0 ? void 0 : _c.getTime()) !== null && _d !== void 0 ? _d : 0)) {
             latestAcceptedTransfer = acceptedTransfer;
         }
     }
@@ -40484,18 +40530,24 @@ class AzureCommunicationCallAdapter {
         if (this.callAgent.kind === 'CallAgent') {
             const onCallsUpdated = (args) => {
                 var _a;
-                if ((_a = this.call) === null || _a === void 0 ? void 0 : _a.id) {
-                    const removedCall = args.removed.find((call) => { var _a; return call.id === ((_a = this.call) === null || _a === void 0 ? void 0 : _a.id); });
-                    if (removedCall) {
-                        const removedCallState = this.callClient.getState().callsEnded[removedCall.id];
-                        const latestAcceptedTransfer = findLatestAcceptedTransfer(removedCallState.transfer.acceptedTransfers);
-                        const _callAgent = callAgent;
-                        const transferCall = _callAgent.calls.find((call) => call.id === (latestAcceptedTransfer === null || latestAcceptedTransfer === void 0 ? void 0 : latestAcceptedTransfer.callId));
-                        if (transferCall) {
-                            this.processNewCall(transferCall);
-                        }
-                    }
+                if (!((_a = this.call) === null || _a === void 0 ? void 0 : _a.id)) {
+                    return;
+                }
+                const removedCall = args.removed.find((call) => { var _a; return call.id === ((_a = this.call) === null || _a === void 0 ? void 0 : _a.id); });
+                if (!removedCall) {
+                    return;
                 }
+                const removedCallState = this.callClient.getState().callsEnded[removedCall.id];
+                if (!removedCallState) {
+                    return;
+                }
+                const latestAcceptedTransfer = findLatestAcceptedTransfer(removedCallState.transfer.acceptedTransfers);
+                const _callAgent = callAgent;
+                const transferCall = _callAgent.calls.find((call) => call.id === (latestAcceptedTransfer === null || latestAcceptedTransfer === void 0 ? void 0 : latestAcceptedTransfer.callId));
+                if (!transferCall) {
+                    return;
+                }
+                this.processNewCall(transferCall);
             };
             this.callAgent.on('callsUpdated', onCallsUpdated);
         }
@@ -40503,18 +40555,24 @@ class AzureCommunicationCallAdapter {
         if (this.callAgent.kind === 'TeamsCallAgent') {
             const onTeamsCallsUpdated = (args) => {
                 var _a;
-                if ((_a = this.call) === null || _a === void 0 ? void 0 : _a.id) {
-                    const removedCall = args.removed.find((call) => { var _a; return call.id === ((_a = this.call) === null || _a === void 0 ? void 0 : _a.id); });
-                    if (removedCall) {
-                        const removedCallState = this.callClient.getState().callsEnded[removedCall.id];
-                        const latestAcceptedTransfer = findLatestAcceptedTransfer(removedCallState.transfer.acceptedTransfers);
-                        const _callAgent = callAgent;
-                        const transferCall = _callAgent.calls.find((call) => call.id === (latestAcceptedTransfer === null || latestAcceptedTransfer === void 0 ? void 0 : latestAcceptedTransfer.callId));
-                        if (transferCall) {
-                            this.processNewCall(transferCall);
-                        }
-                    }
+                if (!((_a = this.call) === null || _a === void 0 ? void 0 : _a.id)) {
+                    return;
+                }
+                const removedCall = args.removed.find((call) => { var _a; return call.id === ((_a = this.call) === null || _a === void 0 ? void 0 : _a.id); });
+                if (!removedCall) {
+                    return;
+                }
+                const removedCallState = this.callClient.getState().callsEnded[removedCall.id];
+                if (!removedCallState) {
+                    return;
+                }
+                const latestAcceptedTransfer = findLatestAcceptedTransfer(removedCallState.transfer.acceptedTransfers);
+                const _callAgent = callAgent;
+                const transferCall = _callAgent.calls.find((call) => call.id === (latestAcceptedTransfer === null || latestAcceptedTransfer === void 0 ? void 0 : latestAcceptedTransfer.callId));
+                if (!transferCall) {
+                    return;
                 }
+                this.processNewCall(transferCall);
             };
             this.callAgent.on('callsUpdated', onTeamsCallsUpdated);
         }
@@ -41333,7 +41391,7 @@ class AzureCommunicationCallAdapter {
         var _a;
         // Get origin call id of breakout room call
         const breakoutRoomCallState = this.callClient.getState().calls[currentBreakoutRoomCallId];
-        const originCallId = (_a = breakoutRoomCallState.breakoutRooms) === null || _a === void 0 ? void 0 : _a.breakoutRoomOriginCallId;
+        const originCallId = (_a = breakoutRoomCallState === null || breakoutRoomCallState === void 0 ? void 0 : breakoutRoomCallState.breakoutRooms) === null || _a === void 0 ? void 0 : _a.breakoutRoomOriginCallId;
         // Get other breakout room calls with the same origin call
         const otherBreakoutRoomCallStates = Object.values(this.callClient.getState().calls).filter((callState) => {
             var _a;
@@ -44429,4 +44487,4 @@ exports.useTeamsCall = useTeamsCall;
 exports.useTeamsCallAdapter = useTeamsCallAdapter;
 exports.useTeamsCallAgent = useTeamsCallAgent;
 exports.useTheme = useTheme;
-//# sourceMappingURL=index-B9QcZlYP.js.map
+//# sourceMappingURL=index-CtfGMAPa.js.map