@azure/communication-react 1.0.0-beta.5 → 1.0.0

package/dist/dist-esm/react-components/src/components/styles/VideoTile.styles.js

@@ -1,16 +1,17 @@
 // Copyright (c) Microsoft Corporation.
 // Licensed under the MIT license.
-import { getTheme, mergeStyles } from '@fluentui/react';
-const theme = getTheme();
+import { mergeStyles } from '@fluentui/react';
+/**
+ * @private
+ */
 export const rootStyles = {
     position: 'relative',
     height: '100%',
-    width: '100%',
-    borderRadius: theme.effects.roundedCorner4
-};
-export const isSpeakingStyles = {
-    border: `0.25rem solid ${theme.palette.themePrimary}`
+    width: '100%'
 };
+/**
+ * @private
+ */
 export const videoContainerStyles = {
     position: 'absolute',
     top: '0',
@@ -23,43 +24,75 @@ export const videoContainerStyles = {
     objectFit: 'cover',
     zIndex: 0
 };
+/**
+ * @private
+ */
 export const overlayContainerStyles = {
     width: '100%',
     height: '100%',
     zIndex: 5
 };
+/**
+ * @private
+ */
+export const tileInfoContainerStyle = mergeStyles({
+    position: 'absolute',
+    bottom: '0.5rem',
+    left: '0.5rem',
+    width: 'calc(100% - 1rem)'
+});
+/**
+ * @private
+ */
 export const disabledVideoHint = mergeStyles({
     backgroundColor: 'inherit',
-    bottom: '0.46875rem',
     boxShadow: 'none',
     textAlign: 'left',
-    left: '0.5rem',
     overflow: 'hidden',
-    position: 'absolute',
     whiteSpace: 'nowrap',
-    maxWidth: '95%',
-    borderRadius: theme.effects.roundedCorner4,
     alignItems: 'center',
-    padding: '0.15rem'
+    padding: '0.15rem',
+    maxWidth: '100%'
 });
+/**
+ * @private
+ */
 export const videoHint = mergeStyles(disabledVideoHint, {
-    backgroundColor: 'rgba(255, 255, 255, 0.8)',
-    padding: '0.15rem'
+    // This will appear on top of the video stream, so no dependency on theme and explicitly use a translucent white
+    backgroundColor: 'rgba(255,255,255,0.8)'
 });
+/**
+ * @private
+ */
 export const displayNameStyle = {
     padding: '0.1rem',
     fontSize: '0.75rem',
-    fontWeight: 600
+    fontWeight: 600,
+    // Text component will take body color by default (white in Dark Mode), so forcing it to be parent container color
+    color: 'inherit',
+    overflow: 'hidden',
+    textOverflow: 'ellipsis',
+    maxWidth: '100%'
 };
+/**
+ * @private
+ */
 export const iconContainerStyle = {
-    padding: '0.1rem',
     height: '100%',
     alignItems: 'center',
     '& svg': {
         display: 'block'
     }
 };
-export const tileInfoStackItemStyle = {
-    display: 'flex'
+/**
+ * @private
+ */
+export const isSpeakingBorderDiv = {
+    zIndex: 1,
+    width: '100%',
+    height: '100%',
+    position: 'absolute',
+    top: '0',
+    left: '0'
 };
 //# sourceMappingURL=VideoTile.styles.js.map

package/dist/dist-esm/react-components/src/components/styles/VideoTile.styles.js.map

@@ -1 +1 @@
-{"version":3,"file":"VideoTile.styles.js","sourceRoot":"","sources":["../../../../../../../react-components/src/components/styles/VideoTile.styles.ts"],"names":[],"mappings":"AAAA,uCAAuC;AACvC,kCAAkC;AAElC,OAAO,EAAU,QAAQ,EAAE,WAAW,EAAE,MAAM,iBAAiB,CAAC;AAEhE,MAAM,KAAK,GAAG,QAAQ,EAAE,CAAC;AAEzB,MAAM,CAAC,MAAM,UAAU,GAAW;IAChC,QAAQ,EAAE,UAAU;IACpB,MAAM,EAAE,MAAM;IACd,KAAK,EAAE,MAAM;IACb,YAAY,EAAE,KAAK,CAAC,OAAO,CAAC,cAAc;CAC3C,CAAC;AAEF,MAAM,CAAC,MAAM,gBAAgB,GAAW;IACtC,MAAM,EAAE,iBAAiB,KAAK,CAAC,OAAO,CAAC,YAAY,EAAE;CACtD,CAAC;AAEF,MAAM,CAAC,MAAM,oBAAoB,GAAW;IAC1C,QAAQ,EAAE,UAAU;IACpB,GAAG,EAAE,GAAG;IACR,IAAI,EAAE,GAAG;IACT,KAAK,EAAE,MAAM;IACb,MAAM,EAAE,MAAM;IACd,QAAQ,EAAE,MAAM;IAChB,SAAS,EAAE,MAAM;IACjB,cAAc,EAAE,QAAQ;IACxB,SAAS,EAAE,OAAO;IAClB,MAAM,EAAE,CAAC;CACV,CAAC;AAEF,MAAM,CAAC,MAAM,sBAAsB,GAAW;IAC5C,KAAK,EAAE,MAAM;IACb,MAAM,EAAE,MAAM;IACd,MAAM,EAAE,CAAC;CACV,CAAC;AAEF,MAAM,CAAC,MAAM,iBAAiB,GAAG,WAAW,CAAC;IAC3C,eAAe,EAAE,SAAS;IAC1B,MAAM,EAAE,YAAY;IACpB,SAAS,EAAE,MAAM;IACjB,SAAS,EAAE,MAAM;IACjB,IAAI,EAAE,QAAQ;IACd,QAAQ,EAAE,QAAQ;IAClB,QAAQ,EAAE,UAAU;IACpB,UAAU,EAAE,QAAQ;IACpB,QAAQ,EAAE,KAAK;IACf,YAAY,EAAE,KAAK,CAAC,OAAO,CAAC,cAAc;IAC1C,UAAU,EAAE,QAAQ;IACpB,OAAO,EAAE,SAAS;CACnB,CAAC,CAAC;AAEH,MAAM,CAAC,MAAM,SAAS,GAAG,WAAW,CAAC,iBAAiB,EAAE;IACtD,eAAe,EAAE,0BAA0B;IAC3C,OAAO,EAAE,SAAS;CACnB,CAAC,CAAC;AAEH,MAAM,CAAC,MAAM,gBAAgB,GAAW;IACtC,OAAO,EAAE,QAAQ;IACjB,QAAQ,EAAE,SAAS;IACnB,UAAU,EAAE,GAAG;CAChB,CAAC;AAEF,MAAM,CAAC,MAAM,kBAAkB,GAAW;IACxC,OAAO,EAAE,QAAQ;IACjB,MAAM,EAAE,MAAM;IACd,UAAU,EAAE,QAAQ;IACpB,OAAO,EAAE;QACP,OAAO,EAAE,OAAO;KACjB;CACF,CAAC;AAEF,MAAM,CAAC,MAAM,sBAAsB,GAAW;IAC5C,OAAO,EAAE,MAAM;CAChB,CAAC"}
+{"version":3,"file":"VideoTile.styles.js","sourceRoot":"","sources":["../../../../../../../react-components/src/components/styles/VideoTile.styles.ts"],"names":[],"mappings":"AAAA,uCAAuC;AACvC,kCAAkC;AAElC,OAAO,EAAU,WAAW,EAAE,MAAM,iBAAiB,CAAC;AAEtD;;GAEG;AACH,MAAM,CAAC,MAAM,UAAU,GAAW;IAChC,QAAQ,EAAE,UAAU;IACpB,MAAM,EAAE,MAAM;IACd,KAAK,EAAE,MAAM;CACd,CAAC;AAEF;;GAEG;AACH,MAAM,CAAC,MAAM,oBAAoB,GAAW;IAC1C,QAAQ,EAAE,UAAU;IACpB,GAAG,EAAE,GAAG;IACR,IAAI,EAAE,GAAG;IACT,KAAK,EAAE,MAAM;IACb,MAAM,EAAE,MAAM;IACd,QAAQ,EAAE,MAAM;IAChB,SAAS,EAAE,MAAM;IACjB,cAAc,EAAE,QAAQ;IACxB,SAAS,EAAE,OAAO;IAClB,MAAM,EAAE,CAAC;CACV,CAAC;AAEF;;GAEG;AACH,MAAM,CAAC,MAAM,sBAAsB,GAAW;IAC5C,KAAK,EAAE,MAAM;IACb,MAAM,EAAE,MAAM;IACd,MAAM,EAAE,CAAC;CACV,CAAC;AAEF;;GAEG;AACH,MAAM,CAAC,MAAM,sBAAsB,GAAG,WAAW,CAAC;IAChD,QAAQ,EAAE,UAAU;IACpB,MAAM,EAAE,QAAQ;IAChB,IAAI,EAAE,QAAQ;IACd,KAAK,EAAE,mBAAmB;CAC3B,CAAC,CAAC;AAEH;;GAEG;AACH,MAAM,CAAC,MAAM,iBAAiB,GAAG,WAAW,CAAC;IAC3C,eAAe,EAAE,SAAS;IAC1B,SAAS,EAAE,MAAM;IACjB,SAAS,EAAE,MAAM;IACjB,QAAQ,EAAE,QAAQ;IAClB,UAAU,EAAE,QAAQ;IACpB,UAAU,EAAE,QAAQ;IACpB,OAAO,EAAE,SAAS;IAClB,QAAQ,EAAE,MAAM;CACjB,CAAC,CAAC;AAEH;;GAEG;AACH,MAAM,CAAC,MAAM,SAAS,GAAG,WAAW,CAAC,iBAAiB,EAAE;IACtD,gHAAgH;IAChH,eAAe,EAAE,uBAAuB;CACzC,CAAC,CAAC;AAEH;;GAEG;AACH,MAAM,CAAC,MAAM,gBAAgB,GAAW;IACtC,OAAO,EAAE,QAAQ;IACjB,QAAQ,EAAE,SAAS;IACnB,UAAU,EAAE,GAAG;IACf,kHAAkH;IAClH,KAAK,EAAE,SAAS;IAChB,QAAQ,EAAE,QAAQ;IAClB,YAAY,EAAE,UAAU;IACxB,QAAQ,EAAE,MAAM;CACjB,CAAC;AAEF;;GAEG;AACH,MAAM,CAAC,MAAM,kBAAkB,GAAW;IACxC,MAAM,EAAE,MAAM;IACd,UAAU,EAAE,QAAQ;IACpB,OAAO,EAAE;QACP,OAAO,EAAE,OAAO;KACjB;CACF,CAAC;AAEF;;GAEG;AACH,MAAM,CAAC,MAAM,mBAAmB,GAAW;IACzC,MAAM,EAAE,CAAC;IACT,KAAK,EAAE,MAAM;IACb,MAAM,EAAE,MAAM;IACd,QAAQ,EAAE,UAAU;IACpB,GAAG,EAAE,GAAG;IACR,IAAI,EAAE,GAAG;CACV,CAAC"}

package/dist/dist-esm/react-components/src/components/utils/Datetime.d.ts

@@ -1,5 +1,11 @@
 import { MessageThreadStrings } from '../MessageThread';
+/**
+ * @private
+ */
 export declare const formatTimeForChatMessage: (messageDate: Date) => string;
+/**
+ * @private
+ */
 export declare const formatDateForChatMessage: (messageDate: Date) => string;
 /**
  * Given a message date object in ISO8601 and a current date object, generates a user friendly timestamp text like the
@@ -18,6 +24,8 @@ export declare const formatDateForChatMessage: (messageDate: Date) => string;
  *
  * @param messageDate - date of message
  * @param currentDate - date used as offset to create the user friendly timestamp (e.g. to create 'Yesterday' instead of an absolute date)
+ *
+ * @private
  */
 export declare const formatTimestampForChatMessage: (messageDate: Date, todayDate: Date, dateStrings: MessageThreadStrings) => string;
 //# sourceMappingURL=Datetime.d.ts.map

package/dist/dist-esm/react-components/src/components/utils/Datetime.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Datetime.d.ts","sourceRoot":"","sources":["../../../../../../../react-components/src/components/utils/Datetime.ts"],"names":[],"mappings":"AAGA,OAAO,EAAE,oBAAoB,EAAE,MAAM,kBAAkB,CAAC;AAExD,eAAO,MAAM,wBAAwB,gBAAiB,IAAI,KAAG,MAc5D,CAAC;AAEF,eAAO,MAAM,wBAAwB,gBAAiB,IAAI,KAAG,MAa5D,CAAC;AAEF;;;;;;;;;;;;;;;;;GAiBG;AACH,eAAO,MAAM,6BAA6B,gBAC3B,IAAI,aACN,IAAI,eACF,oBAAoB,KAChC,MA4BF,CAAC"}
+{"version":3,"file":"Datetime.d.ts","sourceRoot":"","sources":["../../../../../../../react-components/src/components/utils/Datetime.ts"],"names":[],"mappings":"AAGA,OAAO,EAAE,oBAAoB,EAAE,MAAM,kBAAkB,CAAC;AAExD;;GAEG;AACH,eAAO,MAAM,wBAAwB,gBAAiB,IAAI,KAAG,MAc5D,CAAC;AAEF;;GAEG;AACH,eAAO,MAAM,wBAAwB,gBAAiB,IAAI,KAAG,MAa5D,CAAC;AAEF;;;;;;;;;;;;;;;;;;;GAmBG;AACH,eAAO,MAAM,6BAA6B,gBAC3B,IAAI,aACN,IAAI,eACF,oBAAoB,KAChC,MA4BF,CAAC"}

package/dist/dist-esm/react-components/src/components/utils/Datetime.js

@@ -1,5 +1,8 @@
 // Copyright (c) Microsoft Corporation.
 // Licensed under the MIT license.
+/**
+ * @private
+ */
 export const formatTimeForChatMessage = (messageDate) => {
     let hours = messageDate.getHours();
     let minutes = messageDate.getMinutes().toString();
@@ -15,6 +18,9 @@ export const formatTimeForChatMessage = (messageDate) => {
     }
     return hours.toString() + ':' + minutes + ' ' + (isAm ? 'a.m.' : 'p.m.');
 };
+/**
+ * @private
+ */
 export const formatDateForChatMessage = (messageDate) => {
     const year = messageDate.getFullYear().toString();
     let month = (messageDate.getMonth() + 1).toString();
@@ -44,6 +50,8 @@ export const formatDateForChatMessage = (messageDate) => {
  *
  * @param messageDate - date of message
  * @param currentDate - date used as offset to create the user friendly timestamp (e.g. to create 'Yesterday' instead of an absolute date)
+ *
+ * @private
  */
 export const formatTimestampForChatMessage = (messageDate, todayDate, dateStrings) => {
     // If message was in the same day timestamp string is just the time like '1:30 p.m.'.

package/dist/dist-esm/react-components/src/components/utils/Datetime.js.map

@@ -1 +1 @@
-{"version":3,"file":"Datetime.js","sourceRoot":"","sources":["../../../../../../../react-components/src/components/utils/Datetime.ts"],"names":[],"mappings":"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"}
+{"version":3,"file":"Datetime.js","sourceRoot":"","sources":["../../../../../../../react-components/src/components/utils/Datetime.ts"],"names":[],"mappings":"AAAA,uCAAuC;AACvC,kCAAkC;AAIlC;;GAEG;AACH,MAAM,CAAC,MAAM,wBAAwB,GAAG,CAAC,WAAiB,EAAU,EAAE;IACpE,IAAI,KAAK,GAAG,WAAW,CAAC,QAAQ,EAAE,CAAC;IACnC,IAAI,OAAO,GAAG,WAAW,CAAC,UAAU,EAAE,CAAC,QAAQ,EAAE,CAAC;IAClD,MAAM,IAAI,GAAG,KAAK,GAAG,EAAE,CAAC;IACxB,IAAI,KAAK,GAAG,EAAE,EAAE;QACd,KAAK,GAAG,KAAK,GAAG,EAAE,CAAC;KACpB;IACD,IAAI,KAAK,KAAK,CAAC,EAAE;QACf,KAAK,GAAG,EAAE,CAAC;KACZ;IACD,IAAI,OAAO,CAAC,MAAM,GAAG,CAAC,EAAE;QACtB,OAAO,GAAG,GAAG,GAAG,OAAO,CAAC;KACzB;IACD,OAAO,KAAK,CAAC,QAAQ,EAAE,GAAG,GAAG,GAAG,OAAO,GAAG,GAAG,GAAG,CAAC,IAAI,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC;AAC3E,CAAC,CAAC;AAEF;;GAEG;AACH,MAAM,CAAC,MAAM,wBAAwB,GAAG,CAAC,WAAiB,EAAU,EAAE;IACpE,MAAM,IAAI,GAAG,WAAW,CAAC,WAAW,EAAE,CAAC,QAAQ,EAAE,CAAC;IAClD,IAAI,KAAK,GAAG,CAAC,WAAW,CAAC,QAAQ,EAAE,GAAG,CAAC,CAAC,CAAC,QAAQ,EAAE,CAAC;IACpD,IAAI,GAAG,GAAG,WAAW,CAAC,OAAO,EAAE,CAAC,QAAQ,EAAE,CAAC;IAE3C,IAAI,KAAK,CAAC,MAAM,KAAK,CAAC,EAAE;QACtB,KAAK,GAAG,GAAG,GAAG,KAAK,CAAC;KACrB;IACD,IAAI,GAAG,CAAC,MAAM,KAAK,CAAC,EAAE;QACpB,GAAG,GAAG,GAAG,GAAG,GAAG,CAAC;KACjB;IAED,OAAO,IAAI,GAAG,GAAG,GAAG,KAAK,GAAG,GAAG,GAAG,GAAG,CAAC;AACxC,CAAC,CAAC;AAEF;;;;;;;;;;;;;;;;;;;GAmBG;AACH,MAAM,CAAC,MAAM,6BAA6B,GAAG,CAC3C,WAAiB,EACjB,SAAe,EACf,WAAiC,EACzB,EAAE;IACV,qFAAqF;IACrF,MAAM,UAAU,GAAG,IAAI,IAAI,CAAC,SAAS,CAAC,WAAW,EAAE,EAAE,SAAS,CAAC,QAAQ,EAAE,EAAE,SAAS,CAAC,OAAO,EAAE,CAAC,CAAC;IAChG,IAAI,WAAW,GAAG,UAAU,EAAE;QAC5B,OAAO,wBAAwB,CAAC,WAAW,CAAC,CAAC;KAC9C;IAED,qFAAqF;IACrF,MAAM,aAAa,GAAG,IAAI,IAAI,CAAC,SAAS,CAAC,WAAW,EAAE,EAAE,SAAS,CAAC,QAAQ,EAAE,EAAE,SAAS,CAAC,OAAO,EAAE,GAAG,CAAC,CAAC,CAAC;IACvG,IAAI,WAAW,GAAG,aAAa,EAAE;QAC/B,OAAO,WAAW,CAAC,SAAS,GAAG,GAAG,GAAG,wBAAwB,CAAC,WAAW,CAAC,CAAC;KAC5E;IAED,iGAAiG;IACjG,0BAA0B;IAC1B,MAAM,OAAO,GAAG,SAAS,CAAC,MAAM,EAAE,CAAC;IACnC,IAAI,OAAO,KAAK,CAAC,EAAE;QACjB,OAAO,wBAAwB,CAAC,WAAW,CAAC,GAAG,GAAG,GAAG,wBAAwB,CAAC,WAAW,CAAC,CAAC;KAC5F;IAED,6FAA6F;IAC7F,MAAM,qBAAqB,GAAG,IAAI,IAAI,CAAC,SAAS,CAAC,WAAW,EAAE,EAAE,SAAS,CAAC,QAAQ,EAAE,EAAE,SAAS,CAAC,OAAO,EAAE,GAAG,OAAO,CAAC,CAAC;IACrH,IAAI,WAAW,GAAG,qBAAqB,EAAE;QACvC,OAAO,YAAY,CAAC,WAAW,CAAC,MAAM,EAAE,EAAE,WAAW,CAAC,GAAG,GAAG,GAAG,wBAAwB,CAAC,WAAW,CAAC,CAAC;KACtG;IAED,mGAAmG;IACnG,OAAO,wBAAwB,CAAC,WAAW,CAAC,GAAG,GAAG,GAAG,wBAAwB,CAAC,WAAW,CAAC,CAAC;AAC7F,CAAC,CAAC;AAEF,MAAM,YAAY,GAAG,CAAC,GAAW,EAAE,WAAiC,EAAU,EAAE;IAC9E,QAAQ,GAAG,EAAE;QACX,KAAK,CAAC;YACJ,OAAO,WAAW,CAAC,MAAM,CAAC;QAC5B,KAAK,CAAC;YACJ,OAAO,WAAW,CAAC,MAAM,CAAC;QAC5B,KAAK,CAAC;YACJ,OAAO,WAAW,CAAC,OAAO,CAAC;QAC7B,KAAK,CAAC;YACJ,OAAO,WAAW,CAAC,SAAS,CAAC;QAC/B,KAAK,CAAC;YACJ,OAAO,WAAW,CAAC,QAAQ,CAAC;QAC9B,KAAK,CAAC;YACJ,OAAO,WAAW,CAAC,MAAM,CAAC;QAC5B,KAAK,CAAC;YACJ,OAAO,WAAW,CAAC,QAAQ,CAAC;QAC9B;YACE,MAAM,IAAI,KAAK,CAAC,gBAAgB,GAAG,UAAU,CAAC,CAAC;KAClD;AACH,CAAC,CAAC"}

package/dist/dist-esm/react-components/src/components/utils/common.d.ts

@@ -0,0 +1,7 @@
+/**
+ * Converts units of rem to units of pixels
+ * @param rem - units of rem
+ * @returns units of pixels
+ */
+export declare const convertRemToPx: (rem: number) => number;
+//# sourceMappingURL=common.d.ts.map

package/dist/dist-esm/react-components/src/components/utils/common.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"common.d.ts","sourceRoot":"","sources":["../../../../../../../react-components/src/components/utils/common.ts"],"names":[],"mappings":"AAGA;;;;GAIG;AACH,eAAO,MAAM,cAAc,QAAS,MAAM,KAAG,MAE5C,CAAC"}

package/dist/dist-esm/react-components/src/components/utils/common.js

@@ -0,0 +1,11 @@
+// Copyright (c) Microsoft Corporation.
+// Licensed under the MIT license.
+/**
+ * Converts units of rem to units of pixels
+ * @param rem - units of rem
+ * @returns units of pixels
+ */
+export const convertRemToPx = (rem) => {
+    return rem * parseFloat(getComputedStyle(document.documentElement).fontSize);
+};
+//# sourceMappingURL=common.js.map

package/dist/dist-esm/react-components/src/components/utils/common.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"common.js","sourceRoot":"","sources":["../../../../../../../react-components/src/components/utils/common.ts"],"names":[],"mappings":"AAAA,uCAAuC;AACvC,kCAAkC;AAElC;;;;GAIG;AACH,MAAM,CAAC,MAAM,cAAc,GAAG,CAAC,GAAW,EAAU,EAAE;IACpD,OAAO,GAAG,GAAG,UAAU,CAAC,gBAAgB,CAAC,QAAQ,CAAC,eAAe,CAAC,CAAC,QAAQ,CAAC,CAAC;AAC/E,CAAC,CAAC"}

package/dist/dist-esm/react-components/src/components/utils/delay.d.ts

@@ -1,2 +1,5 @@
+/**
+ * @private
+ */
 export declare const delay: (delay: number) => Promise<void>;
 //# sourceMappingURL=delay.d.ts.map

package/dist/dist-esm/react-components/src/components/utils/delay.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"delay.d.ts","sourceRoot":"","sources":["../../../../../../../react-components/src/components/utils/delay.ts"],"names":[],"mappings":"AAGA,eAAO,MAAM,KAAK,UAAW,MAAM,KAAG,QAAQ,IAAI,CAIjD,CAAC"}
+{"version":3,"file":"delay.d.ts","sourceRoot":"","sources":["../../../../../../../react-components/src/components/utils/delay.ts"],"names":[],"mappings":"AAGA;;GAEG;AACH,eAAO,MAAM,KAAK,UAAW,MAAM,KAAG,QAAQ,IAAI,CAIjD,CAAC"}

package/dist/dist-esm/react-components/src/components/utils/delay.js

@@ -1,5 +1,8 @@
 // Copyright (c) Microsoft Corporation.
 // Licensed under the MIT license.
+/**
+ * @private
+ */
 export const delay = (delay) => {
     return new Promise(function (resolve) {
         setTimeout(resolve, delay);

package/dist/dist-esm/react-components/src/components/utils/delay.js.map

@@ -1 +1 @@
-{"version":3,"file":"delay.js","sourceRoot":"","sources":["../../../../../../../react-components/src/components/utils/delay.ts"],"names":[],"mappings":"AAAA,uCAAuC;AACvC,kCAAkC;AAElC,MAAM,CAAC,MAAM,KAAK,GAAG,CAAC,KAAa,EAAiB,EAAE;IACpD,OAAO,IAAI,OAAO,CAAC,UAAU,OAAO;QAClC,UAAU,CAAC,OAAO,EAAE,KAAK,CAAC,CAAC;IAC7B,CAAC,CAAC,CAAC;AACL,CAAC,CAAC"}
+{"version":3,"file":"delay.js","sourceRoot":"","sources":["../../../../../../../react-components/src/components/utils/delay.ts"],"names":[],"mappings":"AAAA,uCAAuC;AACvC,kCAAkC;AAElC;;GAEG;AACH,MAAM,CAAC,MAAM,KAAK,GAAG,CAAC,KAAa,EAAiB,EAAE;IACpD,OAAO,IAAI,OAAO,CAAC,UAAU,OAAO;QAClC,UAAU,CAAC,OAAO,EAAE,KAAK,CAAC,CAAC;IAC7B,CAAC,CAAC,CAAC;AACL,CAAC,CAAC"}

package/dist/dist-esm/react-components/src/components/utils/responsive.d.ts

@@ -0,0 +1,14 @@
+import { RefObject } from 'react';
+/**
+ * A utility hook for providing the width of a parent element.
+ * Returns updated width if parent/window resizes.
+ * @param containerRef - Ref of a parent element whose width will be returned.
+ */
+export declare const useContainerWidth: (containerRef: RefObject<HTMLElement>) => number;
+/**
+ * Utility function to determine if container width is narrow
+ * @param containerWidthRem  container width in rem
+ * @returns boolean
+ */
+export declare const isNarrowWidth: (containerWidthRem: number) => boolean;
+//# sourceMappingURL=responsive.d.ts.map

package/dist/dist-esm/react-components/src/components/utils/responsive.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"responsive.d.ts","sourceRoot":"","sources":["../../../../../../../react-components/src/components/utils/responsive.ts"],"names":[],"mappings":"AAGA,OAAO,EAAE,SAAS,EAA+B,MAAM,OAAO,CAAC;AAG/D;;;;GAIG;AACH,eAAO,MAAM,iBAAiB,iBAAkB,UAAU,WAAW,CAAC,KAAG,MAsBxE,CAAC;AAIF;;;;GAIG;AACH,eAAO,MAAM,aAAa,sBAAuB,MAAM,KAAG,OACH,CAAC"}

package/dist/dist-esm/react-components/src/components/utils/responsive.js

@@ -0,0 +1,34 @@
+// Copyright (c) Microsoft Corporation.
+// Licensed under the MIT license.
+import { useEffect, useState, useRef } from 'react';
+import { convertRemToPx } from './common';
+/**
+ * A utility hook for providing the width of a parent element.
+ * Returns updated width if parent/window resizes.
+ * @param containerRef - Ref of a parent element whose width will be returned.
+ */
+export const useContainerWidth = (containerRef) => {
+    const [width, setWidth] = useState(0);
+    const observer = useRef(new ResizeObserver((entries) => {
+        const { width } = entries[0].contentRect;
+        setWidth(width);
+    }));
+    useEffect(() => {
+        if (containerRef.current) {
+            observer.current.observe(containerRef.current);
+        }
+        const currentObserver = observer.current;
+        return () => {
+            currentObserver.disconnect();
+        };
+    }, [containerRef, observer]);
+    return width;
+};
+const NARROW_WIDTH_REM = 30;
+/**
+ * Utility function to determine if container width is narrow
+ * @param containerWidthRem  container width in rem
+ * @returns boolean
+ */
+export const isNarrowWidth = (containerWidthRem) => containerWidthRem <= convertRemToPx(NARROW_WIDTH_REM);
+//# sourceMappingURL=responsive.js.map

package/dist/dist-esm/react-components/src/components/utils/responsive.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"responsive.js","sourceRoot":"","sources":["../../../../../../../react-components/src/components/utils/responsive.ts"],"names":[],"mappings":"AAAA,uCAAuC;AACvC,kCAAkC;AAElC,OAAO,EAAa,SAAS,EAAE,QAAQ,EAAE,MAAM,EAAE,MAAM,OAAO,CAAC;AAC/D,OAAO,EAAE,cAAc,EAAE,MAAM,UAAU,CAAC;AAE1C;;;;GAIG;AACH,MAAM,CAAC,MAAM,iBAAiB,GAAG,CAAC,YAAoC,EAAU,EAAE;IAChF,MAAM,CAAC,KAAK,EAAE,QAAQ,CAAC,GAAG,QAAQ,CAAC,CAAC,CAAC,CAAC;IAEtC,MAAM,QAAQ,GAAG,MAAM,CACrB,IAAI,cAAc,CAAC,CAAC,OAAO,EAAE,EAAE;QAC7B,MAAM,EAAE,KAAK,EAAE,GAAG,OAAO,CAAC,CAAC,CAAC,CAAC,WAAW,CAAC;QACzC,QAAQ,CAAC,KAAK,CAAC,CAAC;IAClB,CAAC,CAAC,CACH,CAAC;IAEF,SAAS,CAAC,GAAG,EAAE;QACb,IAAI,YAAY,CAAC,OAAO,EAAE;YACxB,QAAQ,CAAC,OAAO,CAAC,OAAO,CAAC,YAAY,CAAC,OAAO,CAAC,CAAC;SAChD;QAED,MAAM,eAAe,GAAG,QAAQ,CAAC,OAAO,CAAC;QACzC,OAAO,GAAG,EAAE;YACV,eAAe,CAAC,UAAU,EAAE,CAAC;QAC/B,CAAC,CAAC;IACJ,CAAC,EAAE,CAAC,YAAY,EAAE,QAAQ,CAAC,CAAC,CAAC;IAE7B,OAAO,KAAK,CAAC;AACf,CAAC,CAAC;AAEF,MAAM,gBAAgB,GAAG,EAAE,CAAC;AAE5B;;;;GAIG;AACH,MAAM,CAAC,MAAM,aAAa,GAAG,CAAC,iBAAyB,EAAW,EAAE,CAClE,iBAAiB,IAAI,cAAc,CAAC,gBAAgB,CAAC,CAAC"}

package/dist/dist-esm/react-components/src/components/utils/videoTileStylesUtils.d.ts

@@ -0,0 +1,6 @@
+import { IStyle, Theme } from '@fluentui/react';
+/**
+ * @private
+ */
+export declare const getVideoTileOverrideColor: (isVideoRendered: boolean, theme: Theme, color: string) => IStyle;
+//# sourceMappingURL=videoTileStylesUtils.d.ts.map

package/dist/dist-esm/react-components/src/components/utils/videoTileStylesUtils.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"videoTileStylesUtils.d.ts","sourceRoot":"","sources":["../../../../../../../react-components/src/components/utils/videoTileStylesUtils.tsx"],"names":[],"mappings":"AAGA,OAAO,EAA6B,MAAM,EAAE,KAAK,EAAE,MAAM,iBAAiB,CAAC;AAE3E;;GAEG;AACH,eAAO,MAAM,yBAAyB,oBAAqB,OAAO,SAAS,KAAK,SAAS,MAAM,KAAG,MAGjG,CAAC"}

package/dist/dist-esm/react-components/src/components/utils/videoTileStylesUtils.js

@@ -0,0 +1,11 @@
+// Copyright (c) Microsoft Corporation.
+// Licensed under the MIT license.
+import { DefaultPalette as palette } from '@fluentui/react';
+/**
+ * @private
+ */
+export const getVideoTileOverrideColor = (isVideoRendered, theme, color) => {
+    // when video is being rendered, the info has a grey-ish background, so no use of theme
+    return { color: isVideoRendered ? palette[color] : theme.palette[color] };
+};
+//# sourceMappingURL=videoTileStylesUtils.js.map

package/dist/dist-esm/react-components/src/components/utils/videoTileStylesUtils.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"videoTileStylesUtils.js","sourceRoot":"","sources":["../../../../../../../react-components/src/components/utils/videoTileStylesUtils.tsx"],"names":[],"mappings":"AAAA,uCAAuC;AACvC,kCAAkC;AAElC,OAAO,EAAE,cAAc,IAAI,OAAO,EAAiB,MAAM,iBAAiB,CAAC;AAE3E;;GAEG;AACH,MAAM,CAAC,MAAM,yBAAyB,GAAG,CAAC,eAAwB,EAAE,KAAY,EAAE,KAAa,EAAU,EAAE;IACzG,uFAAuF;IACvF,OAAO,EAAE,KAAK,EAAE,eAAe,CAAC,CAAC,CAAC,OAAO,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC,KAAK,CAAC,OAAO,CAAC,KAAK,CAAC,EAAE,CAAC;AAC5E,CAAC,CAAC"}

package/dist/dist-esm/react-components/src/gallery/dominantSpeaker.d.ts

@@ -0,0 +1,30 @@
+import { VideoGalleryRemoteParticipant } from '../types';
+declare type SmartDominantSpeakerParticipantsArgs = {
+    /**
+     * Array containing all participants of a call. {@link @azure/communication-react#VideoGalleryRemoteParticipant}
+     */
+    participants: VideoGalleryRemoteParticipant[];
+    /**
+     * An array containing the userId of dominant speakers
+     * in a call in the order of their dominance. 0th index is the most dominant, 1st is the second most etc
+     */
+    dominantSpeakers?: string[];
+    /**
+     * Array containing currently rendered (visible)
+     * participants in the call. {@link @azure/communication-react#VideoGalleryRemoteParticipant}
+     */
+    lastVisibleParticipants?: VideoGalleryRemoteParticipant[];
+    /**
+     * Maximum number of dominant speaker positions to move participants in.
+     */
+    maxDominantSpeakers: number;
+};
+/**
+ * Calculates the participants that should be rendered based on the list of dominant
+ * speakers and currently rendered participants in a call.
+ * @param args - SmartDominantSpeakerParticipantsArgs
+ * @returns VideoGalleryRemoteParticipant[] {@link @azure/communication-react#VideoGalleryRemoteParticipant}
+ */
+export declare const smartDominantSpeakerParticipants: (args: SmartDominantSpeakerParticipantsArgs) => VideoGalleryRemoteParticipant[];
+export {};
+//# sourceMappingURL=dominantSpeaker.d.ts.map

package/dist/dist-esm/react-components/src/gallery/dominantSpeaker.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"dominantSpeaker.d.ts","sourceRoot":"","sources":["../../../../../../react-components/src/gallery/dominantSpeaker.ts"],"names":[],"mappings":"AAEA,OAAO,EAAE,6BAA6B,EAAE,MAAM,UAAU,CAAC;AAEzD,aAAK,oCAAoC,GAAG;IAC1C;;OAEG;IACH,YAAY,EAAE,6BAA6B,EAAE,CAAC;IAC9C;;;OAGG;IACH,gBAAgB,CAAC,EAAE,MAAM,EAAE,CAAC;IAC5B;;;OAGG;IACH,uBAAuB,CAAC,EAAE,6BAA6B,EAAE,CAAC;IAC1D;;OAEG;IACH,mBAAmB,EAAE,MAAM,CAAC;CAC7B,CAAC;AAEF;;;;;GAKG;AACH,eAAO,MAAM,gCAAgC,SACrC,oCAAoC,KACzC,6BAA6B,EA+C/B,CAAC"}

package/dist/dist-esm/react-components/src/gallery/dominantSpeaker.js

@@ -0,0 +1,50 @@
+/**
+ * Calculates the participants that should be rendered based on the list of dominant
+ * speakers and currently rendered participants in a call.
+ * @param args - SmartDominantSpeakerParticipantsArgs
+ * @returns VideoGalleryRemoteParticipant[] {@link @azure/communication-react#VideoGalleryRemoteParticipant}
+ */
+export const smartDominantSpeakerParticipants = (args) => {
+    const { participants, dominantSpeakers = [], lastVisibleParticipants = [], maxDominantSpeakers } = args;
+    // Don't apply any logic if total number of video streams is less than max dominant speakers.
+    if (participants.length <= maxDominantSpeakers) {
+        return participants;
+    }
+    const participantsMap = participantsById(participants);
+    // Only use the Max allowed dominant speakers that exist in participants
+    const dominantSpeakerIds = Array.from(new Set(dominantSpeakers).values())
+        .filter((id) => !!participantsMap[id])
+        .slice(0, maxDominantSpeakers);
+    const lastVisibleParticipantIds = lastVisibleParticipants.map((p) => p.userId);
+    const newVisibleParticipantIds = lastVisibleParticipants.map((p) => p.userId).slice(0, maxDominantSpeakers);
+    const newDominantSpeakerIds = dominantSpeakerIds.filter((id) => !newVisibleParticipantIds.includes(id));
+    // Remove participants that are no longer dominant and replace them with new dominant speakers.
+    for (let index = 0; index < maxDominantSpeakers; index++) {
+        const newVisibleParticipantId = newVisibleParticipantIds[index];
+        if (newVisibleParticipantId === undefined || !dominantSpeakerIds.includes(newVisibleParticipantId)) {
+            const replacement = newDominantSpeakerIds.shift();
+            if (!replacement) {
+                break;
+            }
+            newVisibleParticipantIds[index] = replacement;
+        }
+    }
+    const removedVisibleParticipantIds = lastVisibleParticipantIds.filter((p) => !newVisibleParticipantIds.includes(p));
+    removedVisibleParticipantIds.forEach((p) => newVisibleParticipantIds.push(p));
+    const newVisibleParticipantIdSet = new Set(newVisibleParticipantIds);
+    const leftoverParticipants = participants.filter((p) => !newVisibleParticipantIdSet.has(p.userId));
+    leftoverParticipants.forEach((p) => {
+        newVisibleParticipantIds.push(p.userId);
+    });
+    // newVisibleParticipantIds can contain identifiers for participants that are no longer in the call. So we ignore those IDs.
+    const newVisibleParticipants = newVisibleParticipantIds
+        .map((participantId) => participantsMap[participantId])
+        .filter((p) => !!p);
+    return newVisibleParticipants;
+};
+const participantsById = (participants) => {
+    const response = {};
+    participants.forEach((p) => (response[p.userId] = p));
+    return response;
+};
+//# sourceMappingURL=dominantSpeaker.js.map

package/dist/dist-esm/react-components/src/gallery/dominantSpeaker.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"dominantSpeaker.js","sourceRoot":"","sources":["../../../../../../react-components/src/gallery/dominantSpeaker.ts"],"names":[],"mappings":"AAyBA;;;;;GAKG;AACH,MAAM,CAAC,MAAM,gCAAgC,GAAG,CAC9C,IAA0C,EACT,EAAE;IACnC,MAAM,EAAE,YAAY,EAAE,gBAAgB,GAAG,EAAE,EAAE,uBAAuB,GAAG,EAAE,EAAE,mBAAmB,EAAE,GAAG,IAAI,CAAC;IAExG,6FAA6F;IAC7F,IAAI,YAAY,CAAC,MAAM,IAAI,mBAAmB,EAAE;QAC9C,OAAO,YAAY,CAAC;KACrB;IAED,MAAM,eAAe,GAAG,gBAAgB,CAAC,YAAY,CAAC,CAAC;IAEvD,wEAAwE;IACxE,MAAM,kBAAkB,GAAG,KAAK,CAAC,IAAI,CAAC,IAAI,GAAG,CAAC,gBAAgB,CAAC,CAAC,MAAM,EAAE,CAAC;SACtE,MAAM,CAAC,CAAC,EAAE,EAAE,EAAE,CAAC,CAAC,CAAC,eAAe,CAAC,EAAE,CAAC,CAAC;SACrC,KAAK,CAAC,CAAC,EAAE,mBAAmB,CAAC,CAAC;IAEjC,MAAM,yBAAyB,GAAG,uBAAuB,CAAC,GAAG,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC;IAC/E,MAAM,wBAAwB,GAAG,uBAAuB,CAAC,GAAG,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,KAAK,CAAC,CAAC,EAAE,mBAAmB,CAAC,CAAC;IAC5G,MAAM,qBAAqB,GAAG,kBAAkB,CAAC,MAAM,CAAC,CAAC,EAAE,EAAE,EAAE,CAAC,CAAC,wBAAwB,CAAC,QAAQ,CAAC,EAAE,CAAC,CAAC,CAAC;IAExG,+FAA+F;IAC/F,KAAK,IAAI,KAAK,GAAG,CAAC,EAAE,KAAK,GAAG,mBAAmB,EAAE,KAAK,EAAE,EAAE;QACxD,MAAM,uBAAuB,GAAG,wBAAwB,CAAC,KAAK,CAAC,CAAC;QAChE,IAAI,uBAAuB,KAAK,SAAS,IAAI,CAAC,kBAAkB,CAAC,QAAQ,CAAC,uBAAuB,CAAC,EAAE;YAClG,MAAM,WAAW,GAAG,qBAAqB,CAAC,KAAK,EAAE,CAAC;YAClD,IAAI,CAAC,WAAW,EAAE;gBAChB,MAAM;aACP;YACD,wBAAwB,CAAC,KAAK,CAAC,GAAG,WAAW,CAAC;SAC/C;KACF;IAED,MAAM,4BAA4B,GAAG,yBAAyB,CAAC,MAAM,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC,wBAAwB,CAAC,QAAQ,CAAC,CAAC,CAAC,CAAC,CAAC;IACpH,4BAA4B,CAAC,OAAO,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC,wBAAwB,CAAC,IAAI,CAAC,CAAC,CAAC,CAAC,CAAC;IAE9E,MAAM,0BAA0B,GAAG,IAAI,GAAG,CAAC,wBAAwB,CAAC,CAAC;IAErE,MAAM,oBAAoB,GAAG,YAAY,CAAC,MAAM,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC,0BAA0B,CAAC,GAAG,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC;IACnG,oBAAoB,CAAC,OAAO,CAAC,CAAC,CAAC,EAAE,EAAE;QACjC,wBAAwB,CAAC,IAAI,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC;IAC1C,CAAC,CAAC,CAAC;IAEH,4HAA4H;IAC5H,MAAM,sBAAsB,GAAG,wBAAwB;SACpD,GAAG,CAAC,CAAC,aAAa,EAAE,EAAE,CAAC,eAAe,CAAC,aAAa,CAAC,CAAC;SACtD,MAAM,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC;IAEtB,OAAO,sBAAsB,CAAC;AAChC,CAAC,CAAC;AAEF,MAAM,gBAAgB,GAAG,CACvB,YAA6C,EACK,EAAE;IACpD,MAAM,QAAQ,GAAqD,EAAE,CAAC;IACtE,YAAY,CAAC,OAAO,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC,QAAQ,CAAC,CAAC,CAAC,MAAM,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC;IACtD,OAAO,QAAQ,CAAC;AAClB,CAAC,CAAC"}

package/dist/dist-esm/react-components/src/gallery/index.d.ts

@@ -0,0 +1,2 @@
+export * from './dominantSpeaker';
+//# sourceMappingURL=index.d.ts.map

package/dist/dist-esm/react-components/src/gallery/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../../react-components/src/gallery/index.ts"],"names":[],"mappings":"AAEA,cAAc,mBAAmB,CAAC"}

package/dist/dist-esm/{react-composites/src/utils → react-components/src/gallery}/index.js

@@ -1,4 +1,4 @@
 // Copyright (c) Microsoft Corporation.
 // Licensed under the MIT license.
-export * from './SDKUtils';
+export * from './dominantSpeaker';
 //# sourceMappingURL=index.js.map

package/dist/dist-esm/react-components/src/gallery/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../../react-components/src/gallery/index.ts"],"names":[],"mappings":"AAAA,uCAAuC;AACvC,kCAAkC;AAClC,cAAc,mBAAmB,CAAC"}

package/dist/dist-esm/react-components/src/identifiers/IdentifierProvider.d.ts

@@ -10,12 +10,21 @@ import React from 'react';
  * guarantee of the public API. This will remain perenially experimental and compatibility breaking changes
  * may be made at any point.
  *
+ * @internal
  */
-export interface Identifiers {
+export interface _Identifiers {
     /** `data-ui-id` value for `SendBox` Component */
-    sendboxTextfield: string;
+    sendboxTextField: string;
+    /** `data-ui-id` value for `ParticipantButton` Component's People menu item */
+    participantButtonPeopleMenuItem: string;
+    /** `data-ui-id` value for `ParticipantItem` Component's Menu button */
+    participantItemMenuButton: string;
     /** `data-ui-id` value for `ParticipantList` Component */
     participantList: string;
+    /** `data-ui-id` value for `ParticipantList` Component's People Button */
+    participantListPeopleButton: string;
+    /** `data-ui-id` value for `ParticipantList` Component's Remove Participant Button */
+    participantListRemoveParticipantButton: string;
     /** `data-ui-id` value for `MessageThread` components message content */
     messageContent: string;
     /** `data-ui-id` value for `MessageThread` components message timestamp */
@@ -27,26 +36,35 @@ export interface Identifiers {
     /** `data-ui-id` value for `VideoTile` Component */
     videoTile: string;
 }
-export declare const IdentifierContext: React.Context<Identifiers>;
 /**
- * Arguments to Context Provider for {@link Identifiers}.
+ * @private
+ */
+export declare const IdentifierContext: React.Context<_Identifiers>;
+/**
+ * Arguments to Context Provider for {@link _Identifiers}.
  *
  * @experimental
  *
- * See documentation for {@link Identifiers}.
+ * See documentation for {@link _Identifiers}.
  *
+ * @internal
  */
-export interface IdentifierProviderProps {
-    identifiers?: Identifiers;
+export interface _IdentifierProviderProps {
+    identifiers?: _Identifiers;
     children: React.ReactNode;
 }
 /**
- * React Context provider for {@link Identifiers}.
+ * React Context provider for {@link _Identifiers}.
  *
  * @experimental
  *
- * See documentation for {@link Identifiers}.
+ * See documentation for {@link _Identifiers}.
+ *
+ * @internal
+ */
+export declare const _IdentifierProvider: (props: _IdentifierProviderProps) => JSX.Element;
+/**
+ * @private
  */
-export declare const IdentifierProvider: (props: IdentifierProviderProps) => JSX.Element;
-export declare const useIdentifiers: () => Identifiers;
+export declare const useIdentifiers: () => _Identifiers;
 //# sourceMappingURL=IdentifierProvider.d.ts.map

package/dist/dist-esm/react-components/src/identifiers/IdentifierProvider.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"IdentifierProvider.d.ts","sourceRoot":"","sources":["../../../../../../react-components/src/identifiers/IdentifierProvider.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAoC,MAAM,OAAO,CAAC;AAEzD;;;;;;;;;;;GAWG;AACH,MAAM,WAAW,WAAW;IAC1B,iDAAiD;IACjD,gBAAgB,EAAE,MAAM,CAAC;IACzB,yDAAyD;IACzD,eAAe,EAAE,MAAM,CAAC;IACxB,wEAAwE;IACxE,cAAc,EAAE,MAAM,CAAC;IACvB,0EAA0E;IAC1E,gBAAgB,EAAE,MAAM,CAAC;IACzB,yDAAyD;IACzD,eAAe,EAAE,MAAM,CAAC;IACxB,sDAAsD;IACtD,YAAY,EAAE,MAAM,CAAC;IACrB,mDAAmD;IACnD,SAAS,EAAE,MAAM,CAAC;CACnB;AAYD,eAAO,MAAM,iBAAiB,4BAAiD,CAAC;AAEhF;;;;;;;GAOG;AACH,MAAM,WAAW,uBAAuB;IACtC,WAAW,CAAC,EAAE,WAAW,CAAC;IAC1B,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;CAC3B;AAED;;;;;;GAMG;AACH,eAAO,MAAM,kBAAkB,UAAW,uBAAuB,KAAG,WAGnE,CAAC;AAEF,eAAO,MAAM,cAAc,QAAO,WAA4C,CAAC"}
+{"version":3,"file":"IdentifierProvider.d.ts","sourceRoot":"","sources":["../../../../../../react-components/src/identifiers/IdentifierProvider.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAoC,MAAM,OAAO,CAAC;AAEzD;;;;;;;;;;;;GAYG;AACH,MAAM,WAAW,YAAY;IAC3B,iDAAiD;IACjD,gBAAgB,EAAE,MAAM,CAAC;IACzB,8EAA8E;IAC9E,+BAA+B,EAAE,MAAM,CAAC;IACxC,uEAAuE;IACvE,yBAAyB,EAAE,MAAM,CAAC;IAClC,yDAAyD;IACzD,eAAe,EAAE,MAAM,CAAC;IACxB,yEAAyE;IACzE,2BAA2B,EAAE,MAAM,CAAC;IACpC,qFAAqF;IACrF,sCAAsC,EAAE,MAAM,CAAC;IAC/C,wEAAwE;IACxE,cAAc,EAAE,MAAM,CAAC;IACvB,0EAA0E;IAC1E,gBAAgB,EAAE,MAAM,CAAC;IACzB,yDAAyD;IACzD,eAAe,EAAE,MAAM,CAAC;IACxB,sDAAsD;IACtD,YAAY,EAAE,MAAM,CAAC;IACrB,mDAAmD;IACnD,SAAS,EAAE,MAAM,CAAC;CACnB;AAgBD;;GAEG;AACH,eAAO,MAAM,iBAAiB,6BAAkD,CAAC;AAEjF;;;;;;;;GAQG;AACH,MAAM,WAAW,wBAAwB;IACvC,WAAW,CAAC,EAAE,YAAY,CAAC;IAC3B,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;CAC3B;AAED;;;;;;;;GAQG;AACH,eAAO,MAAM,mBAAmB,UAAW,wBAAwB,KAAG,WAGrE,CAAC;AAEF;;GAEG;AACH,eAAO,MAAM,cAAc,QAAO,YAA6C,CAAC"}

package/dist/dist-esm/react-components/src/identifiers/IdentifierProvider.js

@@ -2,25 +2,37 @@
 // Licensed under the MIT license.
 import React, { createContext, useContext } from 'react';
 const defaultIdentifiers = {
-    sendboxTextfield: 'sendbox-textfield',
+    sendboxTextField: 'sendbox-textfield',
+    participantButtonPeopleMenuItem: 'participant-button-people-menu-item',
+    participantItemMenuButton: 'participant-item-menu-button',
     participantList: 'participant-list',
+    participantListPeopleButton: 'participant-list-people-button',
+    participantListRemoveParticipantButton: 'participant-list-remove-participant-button',
     messageContent: 'message-content',
     messageTimestamp: 'message-timestamp',
     typingIndicator: 'typing-indicator',
     videoGallery: 'video-gallery',
     videoTile: 'video-tile'
 };
+/**
+ * @private
+ */
 export const IdentifierContext = createContext(defaultIdentifiers);
 /**
- * React Context provider for {@link Identifiers}.
+ * React Context provider for {@link _Identifiers}.
  *
  * @experimental
  *
- * See documentation for {@link Identifiers}.
+ * See documentation for {@link _Identifiers}.
+ *
+ * @internal
  */
-export const IdentifierProvider = (props) => {
+export const _IdentifierProvider = (props) => {
     const { identifiers, children } = props;
     return React.createElement(IdentifierContext.Provider, { value: identifiers !== null && identifiers !== void 0 ? identifiers : defaultIdentifiers }, children);
 };
+/**
+ * @private
+ */
 export const useIdentifiers = () => useContext(IdentifierContext);
 //# sourceMappingURL=IdentifierProvider.js.map

package/dist/dist-esm/react-components/src/identifiers/IdentifierProvider.js.map

@@ -1 +1 @@
-{"version":3,"file":"IdentifierProvider.js","sourceRoot":"","sources":["../../../../../../react-components/src/identifiers/IdentifierProvider.tsx"],"names":[],"mappings":"AAAA,uCAAuC;AACvC,kCAAkC;AAElC,OAAO,KAAK,EAAE,EAAE,aAAa,EAAE,UAAU,EAAE,MAAM,OAAO,CAAC;AA+BzD,MAAM,kBAAkB,GAAgB;IACtC,gBAAgB,EAAE,mBAAmB;IACrC,eAAe,EAAE,kBAAkB;IACnC,cAAc,EAAE,iBAAiB;IACjC,gBAAgB,EAAE,mBAAmB;IACrC,eAAe,EAAE,kBAAkB;IACnC,YAAY,EAAE,eAAe;IAC7B,SAAS,EAAE,YAAY;CACxB,CAAC;AAEF,MAAM,CAAC,MAAM,iBAAiB,GAAG,aAAa,CAAc,kBAAkB,CAAC,CAAC;AAehF;;;;;;GAMG;AACH,MAAM,CAAC,MAAM,kBAAkB,GAAG,CAAC,KAA8B,EAAe,EAAE;IAChF,MAAM,EAAE,WAAW,EAAE,QAAQ,EAAE,GAAG,KAAK,CAAC;IACxC,OAAO,oBAAC,iBAAiB,CAAC,QAAQ,IAAC,KAAK,EAAE,WAAW,aAAX,WAAW,cAAX,WAAW,GAAI,kBAAkB,IAAG,QAAQ,CAA8B,CAAC;AACvH,CAAC,CAAC;AAEF,MAAM,CAAC,MAAM,cAAc,GAAG,GAAgB,EAAE,CAAC,UAAU,CAAC,iBAAiB,CAAC,CAAC"}
+{"version":3,"file":"IdentifierProvider.js","sourceRoot":"","sources":["../../../../../../react-components/src/identifiers/IdentifierProvider.tsx"],"names":[],"mappings":"AAAA,uCAAuC;AACvC,kCAAkC;AAElC,OAAO,KAAK,EAAE,EAAE,aAAa,EAAE,UAAU,EAAE,MAAM,OAAO,CAAC;AAwCzD,MAAM,kBAAkB,GAAiB;IACvC,gBAAgB,EAAE,mBAAmB;IACrC,+BAA+B,EAAE,qCAAqC;IACtE,yBAAyB,EAAE,8BAA8B;IACzD,eAAe,EAAE,kBAAkB;IACnC,2BAA2B,EAAE,gCAAgC;IAC7D,sCAAsC,EAAE,4CAA4C;IACpF,cAAc,EAAE,iBAAiB;IACjC,gBAAgB,EAAE,mBAAmB;IACrC,eAAe,EAAE,kBAAkB;IACnC,YAAY,EAAE,eAAe;IAC7B,SAAS,EAAE,YAAY;CACxB,CAAC;AAEF;;GAEG;AACH,MAAM,CAAC,MAAM,iBAAiB,GAAG,aAAa,CAAe,kBAAkB,CAAC,CAAC;AAgBjF;;;;;;;;GAQG;AACH,MAAM,CAAC,MAAM,mBAAmB,GAAG,CAAC,KAA+B,EAAe,EAAE;IAClF,MAAM,EAAE,WAAW,EAAE,QAAQ,EAAE,GAAG,KAAK,CAAC;IACxC,OAAO,oBAAC,iBAAiB,CAAC,QAAQ,IAAC,KAAK,EAAE,WAAW,aAAX,WAAW,cAAX,WAAW,GAAI,kBAAkB,IAAG,QAAQ,CAA8B,CAAC;AACvH,CAAC,CAAC;AAEF;;GAEG;AACH,MAAM,CAAC,MAAM,cAAc,GAAG,GAAiB,EAAE,CAAC,UAAU,CAAC,iBAAiB,CAAC,CAAC"}

package/dist/dist-esm/react-components/src/index.d.ts

@@ -1,9 +1,9 @@
 export * from './components';
-export { IdentifierProvider } from './identifiers';
-export type { Identifiers, IdentifierProviderProps } from './identifiers';
+export { _IdentifierProvider } from './identifiers';
+export type { _Identifiers, _IdentifierProviderProps } from './identifiers';
 export * from './localization/locales';
 export { LocalizationProvider } from './localization';
 export type { ComponentStrings, ComponentLocale, LocalizationProviderProps } from './localization';
 export * from './theming';
-export type { BaseCustomStylesProps, ButtonCustomStylesProps, ChatMessage, ChatMessagePayload, OmitNever, AllKeys, SystemMessageType, CustomMessage, CustomMessagePayload, Message, MessageAttachedStatus, MessageContentType, MessageType as MessageTypes, SystemMessage, SystemMessagePayloadAllProps, SystemMessagePayload, CommunicationParticipant, CallParticipant, VideoStreamOptions, VideoGalleryParticipant, VideoGalleryStream, VideoGalleryLocalParticipant, VideoGalleryRemoteParticipant, OnRenderAvatarCallback, CustomAvatarOptions } from './types';
+export type { BaseCustomStyles, CallParticipantListParticipant, ChatMessage, CommunicationParticipant, ContentSystemMessage, CustomAvatarOptions, CustomMessage, Message, MessageAttachedStatus, MessageCommon, MessageContentType, OnRenderAvatarCallback, ParticipantAddedSystemMessage, ParticipantListParticipant, ParticipantRemovedSystemMessage, SystemMessage, SystemMessageCommon, TopicUpdatedSystemMessage, VideoGalleryLocalParticipant, VideoGalleryParticipant, VideoGalleryRemoteParticipant, VideoGalleryStream, VideoStreamOptions } from './types';
 //# sourceMappingURL=index.d.ts.map

package/dist/dist-esm/react-components/src/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../react-components/src/index.ts"],"names":[],"mappings":"AAGA,cAAc,cAAc,CAAC;AAC7B,OAAO,EAAE,kBAAkB,EAAE,MAAM,eAAe,CAAC;AACnD,YAAY,EAAE,WAAW,EAAE,uBAAuB,EAAE,MAAM,eAAe,CAAC;AAC1E,cAAc,wBAAwB,CAAC;AACvC,OAAO,EAAE,oBAAoB,EAAE,MAAM,gBAAgB,CAAC;AACtD,YAAY,EAAE,gBAAgB,EAAE,eAAe,EAAE,yBAAyB,EAAE,MAAM,gBAAgB,CAAC;AACnG,cAAc,WAAW,CAAC;AAE1B,YAAY,EACV,qBAAqB,EACrB,uBAAuB,EACvB,WAAW,EACX,kBAAkB,EAClB,SAAS,EACT,OAAO,EACP,iBAAiB,EACjB,aAAa,EACb,oBAAoB,EACpB,OAAO,EACP,qBAAqB,EACrB,kBAAkB,EAClB,WAAW,IAAI,YAAY,EAC3B,aAAa,EACb,4BAA4B,EAC5B,oBAAoB,EACpB,wBAAwB,EACxB,eAAe,EACf,kBAAkB,EAClB,uBAAuB,EACvB,kBAAkB,EAClB,4BAA4B,EAC5B,6BAA6B,EAC7B,sBAAsB,EACtB,mBAAmB,EACpB,MAAM,SAAS,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../react-components/src/index.ts"],"names":[],"mappings":"AAGA,cAAc,cAAc,CAAC;AAC7B,OAAO,EAAE,mBAAmB,EAAE,MAAM,eAAe,CAAC;AACpD,YAAY,EAAE,YAAY,EAAE,wBAAwB,EAAE,MAAM,eAAe,CAAC;AAC5E,cAAc,wBAAwB,CAAC;AACvC,OAAO,EAAE,oBAAoB,EAAE,MAAM,gBAAgB,CAAC;AACtD,YAAY,EAAE,gBAAgB,EAAE,eAAe,EAAE,yBAAyB,EAAE,MAAM,gBAAgB,CAAC;AACnG,cAAc,WAAW,CAAC;AAE1B,YAAY,EACV,gBAAgB,EAChB,8BAA8B,EAC9B,WAAW,EACX,wBAAwB,EACxB,oBAAoB,EACpB,mBAAmB,EACnB,aAAa,EACb,OAAO,EACP,qBAAqB,EACrB,aAAa,EACb,kBAAkB,EAClB,sBAAsB,EACtB,6BAA6B,EAC7B,0BAA0B,EAC1B,+BAA+B,EAC/B,aAAa,EACb,mBAAmB,EACnB,yBAAyB,EACzB,4BAA4B,EAC5B,uBAAuB,EACvB,6BAA6B,EAC7B,kBAAkB,EAClB,kBAAkB,EACnB,MAAM,SAAS,CAAC"}

package/dist/dist-esm/react-components/src/index.js

@@ -1,7 +1,7 @@
 // Copyright (c) Microsoft Corporation.
 // Licensed under the MIT license.
 export * from './components';
-export { IdentifierProvider } from './identifiers';
+export { _IdentifierProvider } from './identifiers';
 export * from './localization/locales';
 export { LocalizationProvider } from './localization';
 export * from './theming';

package/dist/dist-esm/react-components/src/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../react-components/src/index.ts"],"names":[],"mappings":"AAAA,uCAAuC;AACvC,kCAAkC;AAElC,cAAc,cAAc,CAAC;AAC7B,OAAO,EAAE,kBAAkB,EAAE,MAAM,eAAe,CAAC;AAEnD,cAAc,wBAAwB,CAAC;AACvC,OAAO,EAAE,oBAAoB,EAAE,MAAM,gBAAgB,CAAC;AAEtD,cAAc,WAAW,CAAC"}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../react-components/src/index.ts"],"names":[],"mappings":"AAAA,uCAAuC;AACvC,kCAAkC;AAElC,cAAc,cAAc,CAAC;AAC7B,OAAO,EAAE,mBAAmB,EAAE,MAAM,eAAe,CAAC;AAEpD,cAAc,wBAAwB,CAAC;AACvC,OAAO,EAAE,oBAAoB,EAAE,MAAM,gBAAgB,CAAC;AAEtD,cAAc,WAAW,CAAC"}