@azure/communication-react 1.5.1-alpha-202302220019 → 1.5.1-alpha-202302250014

package/dist/communication-react.d.ts

@@ -4601,6 +4601,8 @@ export declare const DEFAULT_COMPONENT_ICONS: {
     VideoTileScaleFill: JSX.Element;
     PinParticipant: JSX.Element;
     UnpinParticipant: JSX.Element;
+    VerticalGalleryLeftButton: JSX.Element;
+    VerticalGalleryRightButton: JSX.Element;
 };
 
 /**
@@ -4702,6 +4704,8 @@ export declare const DEFAULT_COMPOSITE_ICONS: {
     VideoTileScaleFill: JSX.Element;
     PinParticipant: JSX.Element;
     UnpinParticipant: JSX.Element;
+    VerticalGalleryLeftButton: JSX.Element;
+    VerticalGalleryRightButton: JSX.Element;
 };
 
 /**

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

@@ -161,7 +161,7 @@ const _toCommunicationIdentifier = (id) => {
 // Copyright (c) Microsoft Corporation.
 // Licensed under the MIT license.
 // GENERATED FILE. DO NOT EDIT MANUALLY.
-var telemetryVersion = '1.5.1-alpha-202302220019';
+var telemetryVersion = '1.5.1-alpha-202302250014';
 
 // Copyright (c) Microsoft Corporation.
 /**
@@ -5364,7 +5364,11 @@ const DEFAULT_COMPONENT_ICONS = {
     /* @conditional-compile-remove(pinned-participants) */
     PinParticipant: React__default['default'].createElement(reactIcons.Pin16Regular, null),
     /* @conditional-compile-remove(pinned-participants) */
-    UnpinParticipant: React__default['default'].createElement(reactIcons.PinOff16Regular, null)
+    UnpinParticipant: React__default['default'].createElement(reactIcons.PinOff16Regular, null),
+    /* @conditional-compile-remove(vertical-gallery) */
+    VerticalGalleryLeftButton: React__default['default'].createElement(reactIcons.ChevronLeft20Regular, null),
+    /* @conditional-compile-remove(vertical-gallery) */
+    VerticalGalleryRightButton: React__default['default'].createElement(reactIcons.ChevronRight20Regular, null)
 };
 
 // Copyright (c) Microsoft Corporation.
@@ -9589,6 +9593,28 @@ const childrenContainerStyle = {
     gap: `${HORIZONTAL_GALLERY_GAP}rem`
 };
 
+// Copyright (c) Microsoft Corporation.
+// Licensed under the MIT license.
+/**
+ * Helper function to bucketize a given array of items into buckets of a specified size.
+ *
+ * @param arr array to bucketize
+ * @param bucketSize number of children for each bucket
+ * @returns nested array of given children
+ *
+ * @private
+ */
+function bucketize(arr, bucketSize) {
+    const bucketArray = [];
+    if (bucketSize <= 0) {
+        return bucketArray;
+    }
+    for (let i = 0; i < arr.length; i += bucketSize) {
+        bucketArray.push(arr.slice(i, i + bucketSize));
+    }
+    return bucketArray;
+}
+
 // Copyright (c) Microsoft Corporation.
 /**
  * {@link HorizontalGallery} default children per page
@@ -9628,16 +9654,6 @@ const HorizontalGalleryNavigationButton = (props) => {
     const theme = useTheme();
     return (React__default['default'].createElement(react.DefaultButton, { className: react.mergeStyles(leftRightButtonStyles(theme), props.styles), onClick: props.onClick, disabled: props.disabled, "data-ui-id": props.identifier }, props.icon));
 };
-function bucketize(arr, bucketSize) {
-    const bucketArray = [];
-    if (bucketSize <= 0) {
-        return bucketArray;
-    }
-    for (let i = 0; i < arr.length; i += bucketSize) {
-        bucketArray.push(arr.slice(i, i + bucketSize));
-    }
-    return bucketArray;
-}
 
 // Copyright (c) Microsoft Corporation.
 /**
@@ -14439,7 +14455,8 @@ class EventSubscriber {
             });
             this.fetchLastParticipantMessage(event.threadId, 'participantAdded');
         };
-        // This is a hot fix that no participant message is received for onChatMessageReceived event, which should be handled by JS SDK
+        // This is a temporary fix that no participant message is received for onChatMessageReceived event, which should be handled by JS SDK.
+        // Without the temporary fix, there are missing 'participant joined' and 'participant left' system messages in the chat thread.
         this.fetchLastParticipantMessage = (threadId, actionType) => __awaiter$i(this, void 0, void 0, function* () {
             var e_1, _a;
             try {
@@ -14465,7 +14482,13 @@ class EventSubscriber {
                 return participant.id;
             });
             this.chatContext.deleteParticipants(event.threadId, participantIds);
-            this.fetchLastParticipantMessage(event.threadId, 'participantRemoved');
+            // If the current user is removed from the thread, do not fetch the last participant message
+            // as they no longer have access to the thread.
+            const currentUserId = toFlatCommunicationIdentifier(this.chatContext.getState().userId);
+            const wasCurrentUserRemoved = participantIds.find((id) => toFlatCommunicationIdentifier(id) === currentUserId);
+            if (!wasCurrentUserRemoved) {
+                this.fetchLastParticipantMessage(event.threadId, 'participantRemoved');
+            }
         };
         this.onReadReceiptReceived = (event) => {
             const readReceipt = Object.assign(Object.assign({}, event), { sender: event.sender, readOn: new Date(event.readOn) });
@@ -16800,7 +16823,7 @@ const ParticipantListWithHeading = (props) => {
         }
     }), [theme.palette.neutralSecondary, theme.fonts.smallPlus.fontSize, props.isMobile]);
     return (React__default['default'].createElement(react.Stack, { className: participantListStack },
-        React__default['default'].createElement(react.Stack.Item, { styles: subheadingStyleThemed, "aria-Label": title }, title),
+        React__default['default'].createElement(react.Stack.Item, { styles: subheadingStyleThemed, "aria-label": title }, title),
         React__default['default'].createElement(react.FocusZone, { className: participantListContainerStyle, shouldFocusOnMount: true },
             React__default['default'].createElement(ParticipantList, Object.assign({}, participantListProps, { styles: props.isMobile ? participantListMobileStyle : participantListStyle, onRenderAvatar: (userId, options) => (React__default['default'].createElement(React__default['default'].Fragment, null,
                     React__default['default'].createElement(AvatarPersona, Object.assign({ "data-ui-id": "chat-composite-participant-custom-avatar", userId: userId }, options, { hidePersonaDetails: !!(options === null || options === void 0 ? void 0 : options.text) }, { dataProvider: onFetchAvatarPersonaData })),