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

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

@@ -1 +1 @@
-{"version":3,"file":"ParticipantList.js","sourceRoot":"","sources":["../../../../../../react-components/src/components/ParticipantList.tsx"],"names":[],"mappings":"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"}
+{"version":3,"file":"ParticipantList.js","sourceRoot":"","sources":["../../../../../../react-components/src/components/ParticipantList.tsx"],"names":[],"mappings":"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"}

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

@@ -38,11 +38,11 @@ export interface ParticipantsButtonStrings {
 /**
  * Props for ParticipantsButton component
  */
-export interface ParticipantsButtonProps extends ControlBarButtonProps {
+export interface ParticipantsButtonProps extends ControlBarButtonProps, ParticipantListProps {
     /**
-     * Props of ParticipantList component
+     * Optional callback to render the participant list.
      */
-    participantListProps: ParticipantListProps;
+    onRenderParticipantList?: (props: ParticipantListProps) => JSX.Element | null;
     /**
      * Allows users to pass an object containing custom CSS styles.
      * @Example

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

@@ -1 +1 @@
-{"version":3,"file":"ParticipantsButton.d.ts","sourceRoot":"","sources":["../../../../../../react-components/src/components/ParticipantsButton.tsx"],"names":[],"mappings":";AAGA,OAAO,EAIL,MAAM,EAGP,MAAM,iBAAiB,CAAC;AAIzB,OAAO,EAAmB,oBAAoB,EAAE,MAAM,mBAAmB,CAAC;AAI1E,OAAO,EAAE,uBAAuB,EAAE,MAAM,UAAU,CAAC;AACnD,OAAO,EAAoB,qBAAqB,EAAE,MAAM,oBAAoB,CAAC;AAE7E;;GAEG;AACH,MAAM,WAAW,6BAA8B,SAAQ,uBAAuB;IAC5E,0CAA0C;IAC1C,6BAA6B,CAAC,EAAE,MAAM,CAAC;CACxC;AAED;;GAEG;AACH,MAAM,WAAW,yBAAyB;IACxC;;OAEG;IACH,KAAK,EAAE,MAAM,CAAC;IACd;;OAEG;IACH,UAAU,EAAE,MAAM,CAAC;IACnB;;OAEG;IACH,2BAA2B,EAAE,MAAM,CAAC;IACpC;;OAEG;IACH,yBAAyB,EAAE,MAAM,CAAC;IAClC;;OAEG;IACH,kBAAkB,EAAE,MAAM,CAAC;CAC5B;AAED;;GAEG;AACH,MAAM,WAAW,uBAAwB,SAAQ,qBAAqB;IACpE;;OAEG;IACH,oBAAoB,EAAE,oBAAoB,CAAC;IAC3C;;;;;;OAMG;IACH,MAAM,CAAC,EAAE,6BAA6B,CAAC;IACvC;;OAEG;IACH,iBAAiB,CAAC,EAAE,MAAM,CAAC;IAC3B;;OAEG;IACH,SAAS,CAAC,EAAE,MAAM,IAAI,CAAC;IACvB;;OAEG;IACH,OAAO,CAAC,EAAE,OAAO,CAAC,yBAAyB,CAAC,CAAC;CAC9C;AAMD;;;;;;;GAOG;AACH,eAAO,MAAM,kBAAkB,UAAW,uBAAuB,KAAG,WAmHnE,CAAC"}
+{"version":3,"file":"ParticipantsButton.d.ts","sourceRoot":"","sources":["../../../../../../react-components/src/components/ParticipantsButton.tsx"],"names":[],"mappings":";AAGA,OAAO,EAIL,MAAM,EAIP,MAAM,iBAAiB,CAAC;AAGzB,OAAO,EAAmB,oBAAoB,EAAE,MAAM,mBAAmB,CAAC;AAI1E,OAAO,EAAE,uBAAuB,EAAE,MAAM,UAAU,CAAC;AACnD,OAAO,EAAoB,qBAAqB,EAAE,MAAM,oBAAoB,CAAC;AAE7E;;GAEG;AACH,MAAM,WAAW,6BAA8B,SAAQ,uBAAuB;IAC5E,0CAA0C;IAC1C,6BAA6B,CAAC,EAAE,MAAM,CAAC;CACxC;AAED;;GAEG;AACH,MAAM,WAAW,yBAAyB;IACxC;;OAEG;IACH,KAAK,EAAE,MAAM,CAAC;IACd;;OAEG;IACH,UAAU,EAAE,MAAM,CAAC;IACnB;;OAEG;IACH,2BAA2B,EAAE,MAAM,CAAC;IACpC;;OAEG;IACH,yBAAyB,EAAE,MAAM,CAAC;IAClC;;OAEG;IACH,kBAAkB,EAAE,MAAM,CAAC;CAC5B;AAED;;GAEG;AACH,MAAM,WAAW,uBAAwB,SAAQ,qBAAqB,EAAE,oBAAoB;IAC1F;;OAEG;IACH,uBAAuB,CAAC,EAAE,CAAC,KAAK,EAAE,oBAAoB,KAAK,GAAG,CAAC,OAAO,GAAG,IAAI,CAAC;IAC9E;;;;;;OAMG;IACH,MAAM,CAAC,EAAE,6BAA6B,CAAC;IACvC;;OAEG;IACH,iBAAiB,CAAC,EAAE,MAAM,CAAC;IAC3B;;OAEG;IACH,SAAS,CAAC,EAAE,MAAM,IAAI,CAAC;IACvB;;OAEG;IACH,OAAO,CAAC,EAAE,OAAO,CAAC,yBAAyB,CAAC,CAAC;CAC9C;AAMD;;;;;;;GAOG;AACH,eAAO,MAAM,kBAAkB,UAAW,uBAAuB,KAAG,WA0InE,CAAC"}

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

@@ -1,7 +1,6 @@
 // Copyright (c) Microsoft Corporation.
 // Licensed under the MIT license.
-import { ContextualMenuItemType, Stack, mergeStyles } from '@fluentui/react';
-import { People20Filled } from '@fluentui/react-icons';
+import { ContextualMenuItemType, Stack, mergeStyles, Icon } from '@fluentui/react';
 import copy from 'copy-to-clipboard';
 import React, { useCallback, useMemo } from 'react';
 import { ParticipantList } from './ParticipantList';
@@ -10,7 +9,7 @@ import { useLocale } from '../localization';
 import { formatString } from '../localization/localizationUtils';
 import { ControlBarButton } from './ControlBarButton';
 const onRenderPeopleIcon = () => {
-    return React.createElement(People20Filled, { key: 'participantsIconKey', primaryFill: "currentColor" });
+    return React.createElement(Icon, { iconName: "ControlButtonParticipants" });
 };
 /**
  * `ParticipantsButton` allows you to easily create a component rendering a participants button. It can be used in your ControlBar component for example.
@@ -22,16 +21,25 @@ const onRenderPeopleIcon = () => {
  */
 export const ParticipantsButton = (props) => {
     var _a, _b;
-    const { participantListProps, callInvitationURL, styles, onMuteAll, onRenderIcon } = props;
+    const { callInvitationURL, styles, onMuteAll, onRenderIcon, onRenderParticipantList } = props;
     const onMuteAllCallback = useCallback(() => {
         if (onMuteAll) {
             onMuteAll();
         }
     }, [onMuteAll]);
-    const onRenderParticipantList = useCallback(() => {
+    const { participants, myUserId, excludeMe, onRenderParticipant, onRenderAvatar, onParticipantRemove } = props;
+    const defaultParticipantList = useCallback(() => {
         return (React.createElement(Stack, { className: mergeStyles(defaultParticipantListContainerStyle, styles === null || styles === void 0 ? void 0 : styles.participantListContainerStyle) },
-            React.createElement(ParticipantList, Object.assign({}, participantListProps))));
-    }, [participantListProps, styles]);
+            React.createElement(ParticipantList, { participants: participants, myUserId: myUserId, excludeMe: excludeMe, onRenderParticipant: onRenderParticipant, onRenderAvatar: onRenderAvatar, onParticipantRemove: onParticipantRemove })));
+    }, [
+        excludeMe,
+        myUserId,
+        onParticipantRemove,
+        onRenderAvatar,
+        onRenderParticipant,
+        participants,
+        styles === null || styles === void 0 ? void 0 : styles.participantListContainerStyle
+    ]);
     const onCopyCallback = useCallback(() => {
         if (callInvitationURL) {
             return copy(callInvitationURL);
@@ -40,13 +48,13 @@ export const ParticipantsButton = (props) => {
     }, [callInvitationURL]);
     const localeStrings = useLocale().strings.participantsButton;
     const strings = useMemo(() => (Object.assign(Object.assign({}, localeStrings), props.strings)), [localeStrings, props.strings]);
-    const participantCount = participantListProps.participants.length;
+    const participantCount = participants.length;
     const generateDefaultParticipantsSubMenuProps = useCallback(() => {
         const items = [];
         if (participantCount > 0) {
             items.push({
                 key: 'participantListMenuItemKey',
-                onRender: onRenderParticipantList
+                onRender: onRenderParticipantList !== null && onRenderParticipantList !== void 0 ? onRenderParticipantList : defaultParticipantList
             });
             items.push({ key: 'participantsDivider1', itemType: ContextualMenuItemType.Divider });
             if (onMuteAll) {
@@ -60,7 +68,14 @@ export const ParticipantsButton = (props) => {
             }
         }
         return items;
-    }, [strings, participantCount, onRenderParticipantList, onMuteAll, onMuteAllCallback]);
+    }, [
+        participantCount,
+        onRenderParticipantList,
+        defaultParticipantList,
+        onMuteAll,
+        strings.muteAllButtonLabel,
+        onMuteAllCallback
+    ]);
     const defaultMenuProps = useMemo(() => {
         const menuProps = {
             title: strings.menuHeader,
@@ -68,9 +83,9 @@ export const ParticipantsButton = (props) => {
             items: []
         };
         if (participantCount > 0) {
-            const participantIds = participantListProps.participants.map((p) => p.userId);
+            const participantIds = participants.map((p) => p.userId);
             let participantCountWithoutMe = participantIds.length;
-            if (participantListProps.excludeMe) {
+            if (excludeMe) {
                 participantCountWithoutMe -= 1;
             }
             menuProps.items.push({
@@ -101,8 +116,8 @@ export const ParticipantsButton = (props) => {
         strings.copyInviteLinkButtonLabel,
         participantCount,
         callInvitationURL,
-        participantListProps.participants,
-        participantListProps.excludeMe,
+        participants,
+        excludeMe,
         generateDefaultParticipantsSubMenuProps,
         onCopyCallback
     ]);

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

@@ -1 +1 @@
-{"version":3,"file":"ParticipantsButton.js","sourceRoot":"","sources":["../../../../../../react-components/src/components/ParticipantsButton.tsx"],"names":[],"mappings":"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"}
+{"version":3,"file":"ParticipantsButton.js","sourceRoot":"","sources":["../../../../../../react-components/src/components/ParticipantsButton.tsx"],"names":[],"mappings":"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"}

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

@@ -1 +1 @@
-{"version":3,"file":"ScreenShareButton.d.ts","sourceRoot":"","sources":["../../../../../../react-components/src/components/ScreenShareButton.tsx"],"names":[],"mappings":";AAMA,OAAO,EAAoB,qBAAqB,EAAE,MAAM,oBAAoB,CAAC;AAE7E;;GAEG;AACH,MAAM,WAAW,wBAAwB;IACvC,+BAA+B;IAC/B,OAAO,EAAE,MAAM,CAAC;IAChB,gCAAgC;IAChC,QAAQ,EAAE,MAAM,CAAC;CAClB;AAED;;GAEG;AACH,MAAM,WAAW,sBAAuB,SAAQ,qBAAqB;IACnE;;;OAGG;IACH,mBAAmB,CAAC,EAAE,MAAM,OAAO,CAAC,IAAI,CAAC,CAAC;IAE1C;;OAEG;IACH,OAAO,CAAC,EAAE,OAAO,CAAC,wBAAwB,CAAC,CAAC;CAC7C;AASD;;;;;GAKG;AACH,eAAO,MAAM,iBAAiB,UAAW,sBAAsB,KAAG,WAcjE,CAAC"}
+{"version":3,"file":"ScreenShareButton.d.ts","sourceRoot":"","sources":["../../../../../../react-components/src/components/ScreenShareButton.tsx"],"names":[],"mappings":";AAKA,OAAO,EAAoB,qBAAqB,EAAE,MAAM,oBAAoB,CAAC;AAG7E;;GAEG;AACH,MAAM,WAAW,wBAAwB;IACvC,+BAA+B;IAC/B,OAAO,EAAE,MAAM,CAAC;IAChB,gCAAgC;IAChC,QAAQ,EAAE,MAAM,CAAC;CAClB;AAED;;GAEG;AACH,MAAM,WAAW,sBAAuB,SAAQ,qBAAqB;IACnE;;;OAGG;IACH,mBAAmB,CAAC,EAAE,MAAM,OAAO,CAAC,IAAI,CAAC,CAAC;IAE1C;;OAEG;IACH,OAAO,CAAC,EAAE,OAAO,CAAC,wBAAwB,CAAC,CAAC;CAC7C;AAKD;;;;;GAKG;AACH,eAAO,MAAM,iBAAiB,UAAW,sBAAsB,KAAG,WAcjE,CAAC"}

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

@@ -1,11 +1,11 @@
 // Copyright (c) Microsoft Corporation.
 // Licensed under the MIT license.
 import React from 'react';
-import { ShareScreenStart20Filled, ShareScreenStop20Filled } from '@fluentui/react-icons';
 import { useLocale } from '../localization';
 import { ControlBarButton } from './ControlBarButton';
-const onRenderScreenShareOnIcon = () => (React.createElement(ShareScreenStop20Filled, { key: 'screenShareIconKey', primaryFill: "currentColor" }));
-const onRenderScreenShareOffIcon = () => (React.createElement(ShareScreenStart20Filled, { key: 'screenShareBorderedIconKey', primaryFill: "currentColor" }));
+import { Icon } from '@fluentui/react';
+const onRenderScreenShareOnIcon = () => React.createElement(Icon, { iconName: "ControlButtonScreenShareStop" });
+const onRenderScreenShareOffIcon = () => React.createElement(Icon, { iconName: "ControlButtonScreenShareStart" });
 /**
  * `ScreenShareButton` allows you to easily create a component for rendering a screen-share button.
  * It can be used in your ControlBar component for example.

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

@@ -1 +1 @@
-{"version":3,"file":"ScreenShareButton.js","sourceRoot":"","sources":["../../../../../../react-components/src/components/ScreenShareButton.tsx"],"names":[],"mappings":"AAAA,uCAAuC;AACvC,kCAAkC;AAElC,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,wBAAwB,EAAE,uBAAuB,EAAE,MAAM,uBAAuB,CAAC;AAC1F,OAAO,EAAE,SAAS,EAAE,MAAM,iBAAiB,CAAC;AAC5C,OAAO,EAAE,gBAAgB,EAAyB,MAAM,oBAAoB,CAAC;AA4B7E,MAAM,yBAAyB,GAAG,GAAgB,EAAE,CAAC,CACnD,oBAAC,uBAAuB,IAAC,GAAG,EAAE,oBAAoB,EAAE,WAAW,EAAC,cAAc,GAAG,CAClF,CAAC;AACF,MAAM,0BAA0B,GAAG,GAAgB,EAAE,CAAC,CACpD,oBAAC,wBAAwB,IAAC,GAAG,EAAE,4BAA4B,EAAE,WAAW,EAAC,cAAc,GAAG,CAC3F,CAAC;AAEF;;;;;GAKG;AACH,MAAM,CAAC,MAAM,iBAAiB,GAAG,CAAC,KAA6B,EAAe,EAAE;;IAC9E,MAAM,aAAa,GAAG,SAAS,EAAE,CAAC,OAAO,CAAC,iBAAiB,CAAC;IAC5D,MAAM,OAAO,mCAAQ,aAAa,GAAK,KAAK,CAAC,OAAO,CAAE,CAAC;IAEvD,OAAO,CACL,oBAAC,gBAAgB,oBACX,KAAK,IACT,OAAO,EAAE,MAAA,KAAK,CAAC,mBAAmB,mCAAI,KAAK,CAAC,OAAO,EACnD,cAAc,EAAE,MAAA,KAAK,CAAC,cAAc,mCAAI,yBAAyB,EACjE,eAAe,EAAE,MAAA,KAAK,CAAC,eAAe,mCAAI,0BAA0B,EACpE,OAAO,EAAE,OAAO,EAChB,QAAQ,EAAE,MAAA,KAAK,CAAC,QAAQ,mCAAI,wBAAwB,IACpD,CACH,CAAC;AACJ,CAAC,CAAC"}
+{"version":3,"file":"ScreenShareButton.js","sourceRoot":"","sources":["../../../../../../react-components/src/components/ScreenShareButton.tsx"],"names":[],"mappings":"AAAA,uCAAuC;AACvC,kCAAkC;AAElC,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,SAAS,EAAE,MAAM,iBAAiB,CAAC;AAC5C,OAAO,EAAE,gBAAgB,EAAyB,MAAM,oBAAoB,CAAC;AAC7E,OAAO,EAAE,IAAI,EAAE,MAAM,iBAAiB,CAAC;AA4BvC,MAAM,yBAAyB,GAAG,GAAgB,EAAE,CAAC,oBAAC,IAAI,IAAC,QAAQ,EAAC,8BAA8B,GAAG,CAAC;AACtG,MAAM,0BAA0B,GAAG,GAAgB,EAAE,CAAC,oBAAC,IAAI,IAAC,QAAQ,EAAC,+BAA+B,GAAG,CAAC;AAExG;;;;;GAKG;AACH,MAAM,CAAC,MAAM,iBAAiB,GAAG,CAAC,KAA6B,EAAe,EAAE;;IAC9E,MAAM,aAAa,GAAG,SAAS,EAAE,CAAC,OAAO,CAAC,iBAAiB,CAAC;IAC5D,MAAM,OAAO,mCAAQ,aAAa,GAAK,KAAK,CAAC,OAAO,CAAE,CAAC;IAEvD,OAAO,CACL,oBAAC,gBAAgB,oBACX,KAAK,IACT,OAAO,EAAE,MAAA,KAAK,CAAC,mBAAmB,mCAAI,KAAK,CAAC,OAAO,EACnD,cAAc,EAAE,MAAA,KAAK,CAAC,cAAc,mCAAI,yBAAyB,EACjE,eAAe,EAAE,MAAA,KAAK,CAAC,eAAe,mCAAI,0BAA0B,EACpE,OAAO,EAAE,OAAO,EAChB,QAAQ,EAAE,MAAA,KAAK,CAAC,QAAQ,mCAAI,wBAAwB,IACpD,CACH,CAAC;AACJ,CAAC,CAAC"}

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

@@ -1,6 +1,7 @@
 import React from 'react';
 import { IStyle } from '@fluentui/react';
 import { BaseCustomStylesProps } from '../types';
+import { InputBoxButtonProps } from './InputBoxComponent';
 export interface SendBoxStylesProps extends BaseCustomStylesProps {
     /** Styles for the text field. */
     textField?: IStyle;
@@ -55,7 +56,7 @@ export interface SendBoxProps {
      * Optional callback to render send button icon to the right of the SendBox.
      * @defaultValue SendIcon
      */
-    onRenderIcon?: (props: SendBoxProps, isMouseOverSendIcon: boolean) => JSX.Element | null;
+    onRenderIcon?: (props: InputBoxButtonProps, isMouseOverSendIcon: boolean) => JSX.Element;
     /**
      * Allows users to pass in an object contains custom CSS styles.
      * @Example

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

@@ -1 +1 @@
-{"version":3,"file":"SendBox.d.ts","sourceRoot":"","sources":["../../../../../../react-components/src/components/SendBox.tsx"],"names":[],"mappings":"AAGA,OAAO,KAA4B,MAAM,OAAO,CAAC;AACjD,OAAO,EAAE,MAAM,EAA8D,MAAM,iBAAiB,CAAC;AASrG,OAAO,EAAE,qBAAqB,EAAE,MAAM,UAAU,CAAC;AAUjD,MAAM,WAAW,kBAAmB,SAAQ,qBAAqB;IAC/D,iCAAiC;IACjC,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,yDAAyD;IACzD,wBAAwB,CAAC,EAAE,MAAM,CAAC;IAClC,kHAAkH;IAClH,eAAe,CAAC,EAAE,MAAM,CAAC;IACzB,sHAAsH;IACtH,aAAa,CAAC,EAAE,MAAM,CAAC;CACxB;AAED;;GAEG;AACH,MAAM,WAAW,cAAc;IAC7B;;OAEG;IACH,eAAe,EAAE,MAAM,CAAC;CACzB;AAED;;GAEG;AACH,MAAM,WAAW,YAAY;IAC3B;;;OAGG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB;;OAEG;IACH,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB;;OAEG;IACH,aAAa,CAAC,EAAE,CAAC,OAAO,EAAE,MAAM,KAAK,OAAO,CAAC,IAAI,CAAC,CAAC;IACnD;;OAEG;IACH,QAAQ,CAAC,EAAE,MAAM,OAAO,CAAC,IAAI,CAAC,CAAC;IAC/B;;;OAGG;IACH,qBAAqB,CAAC,EAAE,CAAC,aAAa,EAAE,MAAM,GAAG,SAAS,KAAK,KAAK,CAAC,YAAY,CAAC;IAClF;;;OAGG;IACH,cAAc,CAAC,EAAE,OAAO,CAAC;IACzB;;;OAGG;IACH,YAAY,CAAC,EAAE,CAAC,KAAK,EAAE,YAAY,EAAE,mBAAmB,EAAE,OAAO,KAAK,GAAG,CAAC,OAAO,GAAG,IAAI,CAAC;IACzF;;;;;;OAMG;IACH,MAAM,CAAC,EAAE,kBAAkB,CAAC;IAC5B;;OAEG;IACH,OAAO,CAAC,EAAE,OAAO,CAAC,cAAc,CAAC,CAAC;CACnC;AAED;;;GAGG;AACH,eAAO,MAAM,OAAO,UAAW,YAAY,KAAG,WA4I7C,CAAC"}
+{"version":3,"file":"SendBox.d.ts","sourceRoot":"","sources":["../../../../../../react-components/src/components/SendBox.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAyC,MAAM,OAAO,CAAC;AAC9D,OAAO,EAAE,MAAM,EAAkD,MAAM,iBAAiB,CAAC;AAEzF,OAAO,EAAE,qBAAqB,EAAE,MAAM,UAAU,CAAC;AAIjD,OAAO,EAAkB,mBAAmB,EAAqB,MAAM,qBAAqB,CAAC;AAM7F,MAAM,WAAW,kBAAmB,SAAQ,qBAAqB;IAC/D,iCAAiC;IACjC,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,yDAAyD;IACzD,wBAAwB,CAAC,EAAE,MAAM,CAAC;IAClC,kHAAkH;IAClH,eAAe,CAAC,EAAE,MAAM,CAAC;IACzB,sHAAsH;IACtH,aAAa,CAAC,EAAE,MAAM,CAAC;CACxB;AAED;;GAEG;AACH,MAAM,WAAW,cAAc;IAC7B;;OAEG;IACH,eAAe,EAAE,MAAM,CAAC;CACzB;AAED;;GAEG;AACH,MAAM,WAAW,YAAY;IAC3B;;;OAGG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB;;OAEG;IACH,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB;;OAEG;IACH,aAAa,CAAC,EAAE,CAAC,OAAO,EAAE,MAAM,KAAK,OAAO,CAAC,IAAI,CAAC,CAAC;IACnD;;OAEG;IACH,QAAQ,CAAC,EAAE,MAAM,OAAO,CAAC,IAAI,CAAC,CAAC;IAC/B;;;OAGG;IACH,qBAAqB,CAAC,EAAE,CAAC,aAAa,EAAE,MAAM,GAAG,SAAS,KAAK,KAAK,CAAC,YAAY,CAAC;IAClF;;;OAGG;IACH,cAAc,CAAC,EAAE,OAAO,CAAC;IACzB;;;OAGG;IACH,YAAY,CAAC,EAAE,CAAC,KAAK,EAAE,mBAAmB,EAAE,mBAAmB,EAAE,OAAO,KAAK,GAAG,CAAC,OAAO,CAAC;IACzF;;;;;;OAMG;IACH,MAAM,CAAC,EAAE,kBAAkB,CAAC;IAC5B;;OAEG;IACH,OAAO,CAAC,EAAE,OAAO,CAAC,cAAc,CAAC,CAAC;CACnC;AAED;;;GAGG;AACH,eAAO,MAAM,OAAO,UAAW,YAAY,KAAG,WAkH7C,CAAC"}

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

@@ -1,13 +1,12 @@
 // Copyright (c) Microsoft Corporation.
 // Licensed under the MIT license.
-import React, { useState, useMemo } from 'react';
-import { mergeStyles, Stack, TextField, concatStyleSets } from '@fluentui/react';
-import { Send20Regular, Send20Filled } from '@fluentui/react-icons';
-import { textFieldStyle, sendBoxStyle, sendBoxWrapperStyle, sendButtonStyle, sendIconStyle } from './styles/SendBox.styles';
-import { isDarkThemed } from '../theming/themeUtils';
+import React, { useState, useMemo, useCallback } from 'react';
+import { mergeStyles, concatStyleSets, Icon } from '@fluentui/react';
+import { sendBoxStyle, sendBoxStyleSet, sendButtonStyle, sendIconStyle } from './styles/SendBox.styles';
 import { useTheme } from '../theming';
 import { useLocale } from '../localization';
 import { useIdentifiers } from '../identifiers';
+import { InputBoxButton, InputBoxComponent } from './InputBoxComponent';
 const EMPTY_MESSAGE_REGEX = /^\s*$/;
 const MAXIMUM_LENGTH_OF_MESSAGE = 8000;
 const TEXT_EXCEEDS_LIMIT = `Your message is over the limit of ${MAXIMUM_LENGTH_OF_MESSAGE} characters`;
@@ -23,7 +22,6 @@ export const SendBox = (props) => {
     const ids = useIdentifiers();
     const [textValue, setTextValue] = useState('');
     const [textValueOverflow, setTextValueOverflow] = useState(false);
-    const [isMouseOverSendIcon, setIsMouseOverSendIcon] = useState(false);
     const sendTextFieldRef = React.useRef(null);
     const sendMessageOnClick = () => {
         var _a;
@@ -51,36 +49,23 @@ export const SendBox = (props) => {
     };
     const textTooLongMessage = textValueOverflow ? TEXT_EXCEEDS_LIMIT : undefined;
     const errorMessage = systemMessage !== null && systemMessage !== void 0 ? systemMessage : textTooLongMessage;
-    const mergedRootStyle = mergeStyles(sendBoxWrapperStyle, styles === null || styles === void 0 ? void 0 : styles.root);
-    const mergedTextFieldStyle = concatStyleSets(textFieldStyle(isDarkThemed(theme) ? '#f1707b' : '#a80000', !!errorMessage, !!disabled), {
-        fieldGroup: styles === null || styles === void 0 ? void 0 : styles.textField,
-        errorMessage: styles === null || styles === void 0 ? void 0 : styles.systemMessage
-    });
-    const mergedSendButtonStyle = useMemo(() => mergeStyles(sendButtonStyle, theme.rtl ? { left: '0.9rem' } : { right: '0.9rem' }, styles === null || styles === void 0 ? void 0 : styles.sendMessageIconContainer), [styles === null || styles === void 0 ? void 0 : styles.sendMessageIconContainer, theme.rtl]);
+    const mergedSendButtonStyle = useMemo(() => mergeStyles(sendButtonStyle, styles === null || styles === void 0 ? void 0 : styles.sendMessageIconContainer), [styles === null || styles === void 0 ? void 0 : styles.sendMessageIconContainer]);
+    const mergedStyles = useMemo(() => concatStyleSets(sendBoxStyleSet, styles), [styles]);
     const hasText = !!textValue;
     const mergedSendIconStyle = useMemo(() => mergeStyles(sendIconStyle, {
-        color: !!errorMessage || !(hasText || isMouseOverSendIcon)
-            ? theme.palette.neutralTertiary
-            : theme.palette.themePrimary
-    }, styles === null || styles === void 0 ? void 0 : styles.sendMessageIcon), [errorMessage, isMouseOverSendIcon, hasText, theme, styles === null || styles === void 0 ? void 0 : styles.sendMessageIcon]);
-    return (React.createElement(Stack, { className: mergedRootStyle },
-        React.createElement("div", { style: { position: 'relative', padding: '0.1875rem' } },
-            React.createElement(TextField, { "data-ui-id": ids.sendboxTextfield, multiline: true, autoAdjustHeight: true, multiple: false, resizable: false, componentRef: sendTextFieldRef, id: "sendbox", ariaLabel: 'Type', inputClassName: sendBoxStyle, placeholder: strings.placeholderText, value: textValue, onChange: setText, autoComplete: "off", onKeyDown: (ev) => {
-                    if (ev.key === 'Enter' && (ev.shiftKey === false || !supportNewline) && !textValueOverflow) {
-                        ev.preventDefault();
-                        sendMessageOnClick();
-                    }
-                    onTyping && onTyping();
-                }, styles: mergedTextFieldStyle, disabled: disabled, errorMessage: onRenderSystemMessage ? onRenderSystemMessage(errorMessage) : errorMessage }),
-            React.createElement("div", { className: mergedSendButtonStyle, onClick: (e) => {
-                    if (!textValueOverflow) {
-                        sendMessageOnClick();
-                    }
-                    e.stopPropagation();
-                }, id: 'sendIconWrapper', onMouseEnter: () => {
-                    setIsMouseOverSendIcon(true);
-                }, onMouseLeave: () => {
-                    setIsMouseOverSendIcon(false);
-                } }, onRenderIcon ? (onRenderIcon(props, isMouseOverSendIcon)) : isMouseOverSendIcon ? (React.createElement(Send20Filled, { className: mergedSendIconStyle, primaryFill: "currentColor" })) : (React.createElement(Send20Regular, { className: mergedSendIconStyle, primaryFill: "currentColor" }))))));
+        color: !!errorMessage || !hasText ? theme.palette.neutralTertiary : theme.palette.themePrimary
+    }, styles === null || styles === void 0 ? void 0 : styles.sendMessageIcon), [errorMessage, hasText, theme, styles === null || styles === void 0 ? void 0 : styles.sendMessageIcon]);
+    const onRenderSendIcon = useCallback((props, isMouseOverSendIcon) => onRenderIcon ? (onRenderIcon(props, isMouseOverSendIcon)) : (React.createElement(Icon, { iconName: isMouseOverSendIcon ? 'SendBoxSendHovered' : 'SendBoxSend', className: mergedSendIconStyle })), [mergedSendIconStyle, onRenderIcon]);
+    return (React.createElement(InputBoxComponent, { "data-ui-id": ids.sendboxTextfield, disabled: disabled, errorMessage: onRenderSystemMessage ? onRenderSystemMessage(errorMessage) : errorMessage, textFieldRef: sendTextFieldRef, id: "sendbox", inputClassName: sendBoxStyle, placeholderText: strings.placeholderText, textValue: textValue, onChange: setText, onKeyDown: () => {
+            onTyping && onTyping();
+        }, onEnterKeyDown: () => {
+            sendMessageOnClick();
+        }, styles: mergedStyles, supportNewline: supportNewline, maxLength: MAXIMUM_LENGTH_OF_MESSAGE },
+        React.createElement(InputBoxButton, { onRenderIcon: onRenderSendIcon, onClick: (e) => {
+                if (!textValueOverflow) {
+                    sendMessageOnClick();
+                }
+                e.stopPropagation();
+            }, id: 'sendIconWrapper', className: mergedSendButtonStyle })));
 };
 //# sourceMappingURL=SendBox.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"SendBox.js","sourceRoot":"","sources":["../../../../../../react-components/src/components/SendBox.tsx"],"names":[],"mappings":"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"}
+{"version":3,"file":"SendBox.js","sourceRoot":"","sources":["../../../../../../react-components/src/components/SendBox.tsx"],"names":[],"mappings":"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"}

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

@@ -1,6 +1,5 @@
 /// <reference types="react" />
-import { BaseCustomStylesProps, VideoGalleryLocalParticipant, VideoGalleryRemoteParticipant, VideoStreamOptions } from '../types';
-import { PlaceholderProps } from './VideoTile';
+import { BaseCustomStylesProps, OnRenderAvatarCallback, VideoGalleryLocalParticipant, VideoGalleryRemoteParticipant, VideoStreamOptions } from '../types';
 /**
  * Props for component `VideoGallery`
  */
@@ -36,7 +35,7 @@ export interface VideoGalleryProps {
     onRenderRemoteVideoTile?: (remoteParticipant: VideoGalleryRemoteParticipant) => JSX.Element;
     onDisposeRemoteStreamView?: (userId: string) => Promise<void>;
     /** Callback to render a particpant avatar */
-    onRenderAvatar?: (props: PlaceholderProps, defaultOnRender: (props: PlaceholderProps) => JSX.Element) => JSX.Element;
+    onRenderAvatar?: OnRenderAvatarCallback;
     /**
      * Whether to display a mute icon beside the user's display name.
      * @defaultValue `true`

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

@@ -1 +1 @@
-{"version":3,"file":"VideoGallery.d.ts","sourceRoot":"","sources":["../../../../../../react-components/src/components/VideoGallery.tsx"],"names":[],"mappings":";AAMA,OAAO,EACL,qBAAqB,EACrB,4BAA4B,EAC5B,6BAA6B,EAC7B,kBAAkB,EACnB,MAAM,UAAU,CAAC;AASlB,OAAO,EAAa,gBAAgB,EAAwB,MAAM,aAAa,CAAC;AAIhF;;GAEG;AACH,MAAM,WAAW,iBAAiB;IAChC;;;;;;;OAOG;IACH,MAAM,CAAC,EAAE,qBAAqB,CAAC;IAC/B,iCAAiC;IACjC,MAAM,CAAC,EAAE,SAAS,GAAG,oBAAoB,CAAC;IAC1C,6BAA6B;IAC7B,gBAAgB,EAAE,4BAA4B,CAAC;IAC/C,uCAAuC;IACvC,kBAAkB,CAAC,EAAE,6BAA6B,EAAE,CAAC;IACrD,+BAA+B;IAC/B,oBAAoB,CAAC,EAAE,kBAAkB,CAAC;IAC1C,iCAAiC;IACjC,qBAAqB,CAAC,EAAE,kBAAkB,CAAC;IAC3C,qDAAqD;IACrD,uBAAuB,CAAC,EAAE,CAAC,OAAO,CAAC,EAAE,kBAAkB,KAAK,OAAO,CAAC,IAAI,CAAC,CAAC;IAC1E,yDAAyD;IACzD,wBAAwB,CAAC,EAAE,MAAM,IAAI,CAAC;IACtC,6CAA6C;IAC7C,sBAAsB,CAAC,EAAE,CAAC,gBAAgB,EAAE,4BAA4B,KAAK,GAAG,CAAC,OAAO,CAAC;IACzF,oDAAoD;IACpD,wBAAwB,CAAC,EAAE,CAAC,MAAM,EAAE,MAAM,EAAE,OAAO,CAAC,EAAE,kBAAkB,KAAK,OAAO,CAAC,IAAI,CAAC,CAAC;IAC3F,6CAA6C;IAC7C,uBAAuB,CAAC,EAAE,CAAC,iBAAiB,EAAE,6BAA6B,KAAK,GAAG,CAAC,OAAO,CAAC;IAE5F,yBAAyB,CAAC,EAAE,CAAC,MAAM,EAAE,MAAM,KAAK,OAAO,CAAC,IAAI,CAAC,CAAC;IAC9D,6CAA6C;IAC7C,cAAc,CAAC,EAAE,CAAC,KAAK,EAAE,gBAAgB,EAAE,eAAe,EAAE,CAAC,KAAK,EAAE,gBAAgB,KAAK,GAAG,CAAC,OAAO,KAAK,GAAG,CAAC,OAAO,CAAC;IAErH;;;OAGG;IACH,iBAAiB,CAAC,EAAE,OAAO,CAAC;CAC7B;AA+BD;;;;;;;GAOG;AACH,eAAO,MAAM,YAAY,UAAW,iBAAiB,KAAG,WA8HvD,CAAC"}
+{"version":3,"file":"VideoGallery.d.ts","sourceRoot":"","sources":["../../../../../../react-components/src/components/VideoGallery.tsx"],"names":[],"mappings":";AAMA,OAAO,EACL,qBAAqB,EACrB,sBAAsB,EACtB,4BAA4B,EAC5B,6BAA6B,EAC7B,kBAAkB,EACnB,MAAM,UAAU,CAAC;AAalB;;GAEG;AACH,MAAM,WAAW,iBAAiB;IAChC;;;;;;;OAOG;IACH,MAAM,CAAC,EAAE,qBAAqB,CAAC;IAC/B,iCAAiC;IACjC,MAAM,CAAC,EAAE,SAAS,GAAG,oBAAoB,CAAC;IAC1C,6BAA6B;IAC7B,gBAAgB,EAAE,4BAA4B,CAAC;IAC/C,uCAAuC;IACvC,kBAAkB,CAAC,EAAE,6BAA6B,EAAE,CAAC;IACrD,+BAA+B;IAC/B,oBAAoB,CAAC,EAAE,kBAAkB,CAAC;IAC1C,iCAAiC;IACjC,qBAAqB,CAAC,EAAE,kBAAkB,CAAC;IAC3C,qDAAqD;IACrD,uBAAuB,CAAC,EAAE,CAAC,OAAO,CAAC,EAAE,kBAAkB,KAAK,OAAO,CAAC,IAAI,CAAC,CAAC;IAC1E,yDAAyD;IACzD,wBAAwB,CAAC,EAAE,MAAM,IAAI,CAAC;IACtC,6CAA6C;IAC7C,sBAAsB,CAAC,EAAE,CAAC,gBAAgB,EAAE,4BAA4B,KAAK,GAAG,CAAC,OAAO,CAAC;IACzF,oDAAoD;IACpD,wBAAwB,CAAC,EAAE,CAAC,MAAM,EAAE,MAAM,EAAE,OAAO,CAAC,EAAE,kBAAkB,KAAK,OAAO,CAAC,IAAI,CAAC,CAAC;IAC3F,6CAA6C;IAC7C,uBAAuB,CAAC,EAAE,CAAC,iBAAiB,EAAE,6BAA6B,KAAK,GAAG,CAAC,OAAO,CAAC;IAC5F,yBAAyB,CAAC,EAAE,CAAC,MAAM,EAAE,MAAM,KAAK,OAAO,CAAC,IAAI,CAAC,CAAC;IAC9D,6CAA6C;IAC7C,cAAc,CAAC,EAAE,sBAAsB,CAAC;IAExC;;;OAGG;IACH,iBAAiB,CAAC,EAAE,OAAO,CAAC;CAC7B;AASD;;;;;;;GAOG;AACH,eAAO,MAAM,YAAY,UAAW,iBAAiB,KAAG,WAiIvD,CAAC"}

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

@@ -1,11 +1,11 @@
 // Copyright (c) Microsoft Corporation.
 // Licensed under the MIT license.
-import { Stack, Modal, ContextualMenu } from '@fluentui/react';
-import React, { useCallback, useEffect, useMemo, useState } from 'react';
+import { ContextualMenu, Modal, Stack } from '@fluentui/react';
+import React, { useCallback, useEffect, useMemo } from 'react';
 import { useIdentifiers } from '../identifiers/IdentifierProvider';
 import { GridLayout } from './GridLayout';
 import { StreamMedia } from './StreamMedia';
-import { videoGalleryContainerStyle, floatingLocalVideoModalStyle, floatingLocalVideoTileStyle, gridStyle } from './styles/VideoGallery.styles';
+import { floatingLocalVideoModalStyle, floatingLocalVideoTileStyle, gridStyle, videoGalleryContainerStyle } from './styles/VideoGallery.styles';
 import { VideoTile } from './VideoTile';
 const emptyStyles = {};
 const DRAG_OPTIONS = {
@@ -14,24 +14,6 @@ const DRAG_OPTIONS = {
     menu: ContextualMenu,
     keepInBounds: true
 };
-const sortParticipants = (participants) => {
-    if (!participants) {
-        return [];
-    }
-    return participants.sort((p1, p2) => {
-        var _a, _b, _c, _d, _e, _f, _g, _h;
-        if (!((_b = (_a = p1 === null || p1 === void 0 ? void 0 : p1.videoStream) === null || _a === void 0 ? void 0 : _a.renderElement) === null || _b === void 0 ? void 0 : _b.childElementCount) && !((_d = (_c = p2 === null || p2 === void 0 ? void 0 : p2.videoStream) === null || _c === void 0 ? void 0 : _c.renderElement) === null || _d === void 0 ? void 0 : _d.childElementCount)) {
-            return 0;
-        }
-        if (!((_f = (_e = p1 === null || p1 === void 0 ? void 0 : p1.videoStream) === null || _e === void 0 ? void 0 : _e.renderElement) === null || _f === void 0 ? void 0 : _f.childElementCount)) {
-            return 1;
-        }
-        if (!((_h = (_g = p2 === null || p2 === void 0 ? void 0 : p2.videoStream) === null || _g === void 0 ? void 0 : _g.renderElement) === null || _h === void 0 ? void 0 : _h.childElementCount)) {
-            return -1;
-        }
-        return 0;
-    });
-};
 /**
  * VideoGallery represents a `GridLayout` of video tiles for a specific call.
  * It displays a `VideoTile` for the local user as well as for each remote participants who joined the call.
@@ -42,11 +24,7 @@ const sortParticipants = (participants) => {
  */
 export const VideoGallery = (props) => {
     const { localParticipant, remoteParticipants, localVideoViewOption, remoteVideoViewOption, onRenderLocalVideoTile, onRenderRemoteVideoTile, onCreateLocalStreamView, onCreateRemoteStreamView, onDisposeRemoteStreamView, styles, layout, onRenderAvatar, showMuteIndicator } = props;
-    const [sortedRemoteParticipants, setSortedRemoteParticipants] = useState([]);
     const ids = useIdentifiers();
-    useEffect(() => {
-        setSortedRemoteParticipants(sortParticipants(remoteParticipants));
-    }, [remoteParticipants]);
     const shouldFloatLocalVideo = useCallback(() => {
         return !!(layout === 'floatingLocalVideo' && remoteParticipants && remoteParticipants.length > 0);
     }, [layout, remoteParticipants]);
@@ -66,22 +44,29 @@ export const VideoGallery = (props) => {
         }
         return (React.createElement(VideoTile, { userId: localParticipant.userId, renderElement: (localVideoStream === null || localVideoStream === void 0 ? void 0 : localVideoStream.renderElement) ? (React.createElement(StreamMedia, { videoStreamElement: localVideoStream.renderElement })) : undefined, displayName: localParticipant === null || localParticipant === void 0 ? void 0 : localParticipant.displayName, styles: localVideoTileStyles, onRenderPlaceholder: onRenderAvatar, isMuted: localParticipant.isMuted, showMuteIndicator: showMuteIndicator }));
         // eslint-disable-next-line react-hooks/exhaustive-deps
-    }, [localParticipant, localParticipant.videoStream, onCreateLocalStreamView, onRenderLocalVideoTile, onRenderAvatar]);
+    }, [
+        localParticipant,
+        localParticipant.videoStream,
+        onCreateLocalStreamView,
+        onRenderLocalVideoTile,
+        onRenderAvatar,
+        shouldFloatLocalVideo
+    ]);
     /**
      * Utility function for memoized rendering of RemoteParticipants.
      */
     const defaultOnRenderRemoteParticipants = useMemo(() => {
         // If user provided a custom onRender function return that function.
         if (onRenderRemoteVideoTile) {
-            return sortedRemoteParticipants.map((participant) => onRenderRemoteVideoTile(participant));
+            return remoteParticipants === null || remoteParticipants === void 0 ? void 0 : remoteParticipants.map((participant) => onRenderRemoteVideoTile(participant));
         }
         // Else return Remote Stream Video Tiles
-        return sortedRemoteParticipants.map((participant) => {
+        return remoteParticipants === null || remoteParticipants === void 0 ? void 0 : remoteParticipants.map((participant) => {
             const remoteVideoStream = participant.videoStream;
-            return (React.createElement(RemoteVideoTile, { key: participant.userId, userId: participant.userId, onCreateRemoteStreamView: onCreateRemoteStreamView, onDisposeRemoteStreamView: onDisposeRemoteStreamView, isAvailable: remoteVideoStream === null || remoteVideoStream === void 0 ? void 0 : remoteVideoStream.isAvailable, isMuted: participant.isMuted, renderElement: remoteVideoStream === null || remoteVideoStream === void 0 ? void 0 : remoteVideoStream.renderElement, displayName: participant.displayName, remoteVideoViewOption: remoteVideoViewOption, onRenderAvatar: onRenderAvatar, showMuteIndicator: showMuteIndicator }));
+            return (React.createElement(RemoteVideoTile, { key: participant.userId, userId: participant.userId, onCreateRemoteStreamView: onCreateRemoteStreamView, onDisposeRemoteStreamView: onDisposeRemoteStreamView, isAvailable: remoteVideoStream === null || remoteVideoStream === void 0 ? void 0 : remoteVideoStream.isAvailable, isMuted: participant.isMuted, isSpeaking: participant.isSpeaking, renderElement: remoteVideoStream === null || remoteVideoStream === void 0 ? void 0 : remoteVideoStream.renderElement, displayName: participant.displayName, remoteVideoViewOption: remoteVideoViewOption, onRenderAvatar: onRenderAvatar, showMuteIndicator: showMuteIndicator }));
         });
     }, [
-        sortedRemoteParticipants,
+        remoteParticipants,
         onRenderRemoteVideoTile,
         onCreateRemoteStreamView,
         onDisposeRemoteStreamView,
@@ -101,7 +86,7 @@ export const VideoGallery = (props) => {
 };
 // Use React.memo to create memoize cache for each RemoteVideoTile
 const RemoteVideoTile = React.memo((props) => {
-    const { isAvailable, isMuted, onCreateRemoteStreamView, onDisposeRemoteStreamView, remoteVideoViewOption, renderElement, userId, displayName, onRenderAvatar, showMuteIndicator } = props;
+    const { isAvailable, isMuted, isSpeaking, onCreateRemoteStreamView, onDisposeRemoteStreamView, remoteVideoViewOption, renderElement, userId, displayName, onRenderAvatar, showMuteIndicator } = props;
     useEffect(() => {
         if (isAvailable && !renderElement) {
             onCreateRemoteStreamView && onCreateRemoteStreamView(userId, remoteVideoViewOption);
@@ -133,6 +118,6 @@ const RemoteVideoTile = React.memo((props) => {
         // eslint-disable-next-line react-hooks/exhaustive-deps
     }, [renderElement, renderElement === null || renderElement === void 0 ? void 0 : renderElement.childElementCount]);
     return (React.createElement(Stack, { className: gridStyle, key: userId, grow: true },
-        React.createElement(VideoTile, { userId: userId, renderElement: renderVideoStreamElement, displayName: displayName, onRenderPlaceholder: onRenderAvatar, isMuted: isMuted, showMuteIndicator: showMuteIndicator })));
+        React.createElement(VideoTile, { userId: userId, renderElement: renderVideoStreamElement, displayName: displayName, onRenderPlaceholder: onRenderAvatar, isMuted: isMuted, isSpeaking: isSpeaking, showMuteIndicator: showMuteIndicator })));
 });
 //# sourceMappingURL=VideoGallery.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"VideoGallery.js","sourceRoot":"","sources":["../../../../../../react-components/src/components/VideoGallery.tsx"],"names":[],"mappings":"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"}
+{"version":3,"file":"VideoGallery.js","sourceRoot":"","sources":["../../../../../../react-components/src/components/VideoGallery.tsx"],"names":[],"mappings":"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"}

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

@@ -1,6 +1,6 @@
 import { IStyle } from '@fluentui/react';
 import React from 'react';
-import { BaseCustomStylesProps } from '../types';
+import { BaseCustomStylesProps, OnRenderAvatarCallback } from '../types';
 export interface VideoTileStylesProps extends BaseCustomStylesProps {
     /** Styles for video container. */
     videoContainer?: IStyle;
@@ -12,7 +12,7 @@ export interface VideoTileStylesProps extends BaseCustomStylesProps {
 /**
  * Props for VideoTile component
  */
-export interface VideoTileProps extends PlaceholderProps {
+export interface VideoTileProps {
     /** React Child components. Child Components will show as overlay component in the VideoTile. */
     children?: React.ReactNode;
     /**
@@ -23,12 +23,14 @@ export interface VideoTileProps extends PlaceholderProps {
      * ```
      */
     styles?: VideoTileStylesProps;
+    /** user id for the VideoTile placeholder. */
+    userId?: string;
     /** Component with the video stream. */
     renderElement?: JSX.Element | null;
     /** Determines if the video is mirrored or not. */
     isMirrored?: boolean;
     /** Custom render Component function for no video is available. Render a Persona Icon if undefined. */
-    onRenderPlaceholder?: (props: PlaceholderProps, defaultOnRender: (props: PlaceholderProps) => JSX.Element) => JSX.Element | null;
+    onRenderPlaceholder?: OnRenderAvatarCallback;
     /**
      * Whether to display a mute icon beside the user's display name.
      */
@@ -37,14 +39,14 @@ export interface VideoTileProps extends PlaceholderProps {
      * Whether the video is muted or not.
      */
     isMuted?: boolean;
-}
-export interface PlaceholderProps {
-    /** user id for the VideoTile placeholder. */
-    userId?: string;
-    /** Optional participant display name for the VideoTile default placeholder. */
+    /**
+     * Display Name of the Participant
+     */
     displayName?: string;
     /** Optional property to set the aria label of the video tile if there is no available stream. */
     noVideoAvailableAriaLabel?: string;
+    /** Whether the participant in the videoTile is speaking. Shows a speaking indicator (border). */
+    isSpeaking?: boolean;
 }
 export declare const VideoTile: (props: VideoTileProps) => JSX.Element;
 //# sourceMappingURL=VideoTile.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"VideoTile.d.ts","sourceRoot":"","sources":["../../../../../../react-components/src/components/VideoTile.tsx"],"names":[],"mappings":"AAGA,OAAO,EAA6B,MAAM,EAAqC,MAAM,iBAAiB,CAAC;AAGvG,OAAO,KAA4C,MAAM,OAAO,CAAC;AAUjE,OAAO,EAAE,qBAAqB,EAAE,MAAM,UAAU,CAAC;AAGjD,MAAM,WAAW,oBAAqB,SAAQ,qBAAqB;IACjE,kCAAkC;IAClC,cAAc,CAAC,EAAE,MAAM,CAAC;IACxB,6DAA6D;IAC7D,gBAAgB,CAAC,EAAE,MAAM,CAAC;IAC1B,qDAAqD;IACrD,oBAAoB,CAAC,EAAE,MAAM,CAAC;CAC/B;AAED;;GAEG;AACH,MAAM,WAAW,cAAe,SAAQ,gBAAgB;IACtD,gGAAgG;IAChG,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC3B;;;;;;OAMG;IACH,MAAM,CAAC,EAAE,oBAAoB,CAAC;IAC9B,uCAAuC;IACvC,aAAa,CAAC,EAAE,GAAG,CAAC,OAAO,GAAG,IAAI,CAAC;IACnC,kDAAkD;IAClD,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,sGAAsG;IACtG,mBAAmB,CAAC,EAAE,CACpB,KAAK,EAAE,gBAAgB,EACvB,eAAe,EAAE,CAAC,KAAK,EAAE,gBAAgB,KAAK,GAAG,CAAC,OAAO,KACtD,GAAG,CAAC,OAAO,GAAG,IAAI,CAAC;IACxB;;OAEG;IACH,iBAAiB,CAAC,EAAE,OAAO,CAAC;IAC5B;;OAEG;IACH,OAAO,CAAC,EAAE,OAAO,CAAC;CACnB;AAED,MAAM,WAAW,gBAAgB;IAC/B,6CAA6C;IAC7C,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,+EAA+E;IAC/E,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,iGAAiG;IACjG,yBAAyB,CAAC,EAAE,MAAM,CAAC;CACpC;AAsCD,eAAO,MAAM,SAAS,UAAW,cAAc,KAAG,WA6EjD,CAAC"}
+{"version":3,"file":"VideoTile.d.ts","sourceRoot":"","sources":["../../../../../../react-components/src/components/VideoTile.tsx"],"names":[],"mappings":"AAGA,OAAO,EAAmC,MAAM,EAAqC,MAAM,iBAAiB,CAAC;AAE7G,OAAO,KAAqD,MAAM,OAAO,CAAC;AAG1E,OAAO,EAAE,qBAAqB,EAAuB,sBAAsB,EAAE,MAAM,UAAU,CAAC;AAa9F,MAAM,WAAW,oBAAqB,SAAQ,qBAAqB;IACjE,kCAAkC;IAClC,cAAc,CAAC,EAAE,MAAM,CAAC;IACxB,6DAA6D;IAC7D,gBAAgB,CAAC,EAAE,MAAM,CAAC;IAC1B,qDAAqD;IACrD,oBAAoB,CAAC,EAAE,MAAM,CAAC;CAC/B;AAED;;GAEG;AACH,MAAM,WAAW,cAAc;IAC7B,gGAAgG;IAChG,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC3B;;;;;;OAMG;IACH,MAAM,CAAC,EAAE,oBAAoB,CAAC;IAC9B,6CAA6C;IAC7C,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,uCAAuC;IACvC,aAAa,CAAC,EAAE,GAAG,CAAC,OAAO,GAAG,IAAI,CAAC;IACnC,kDAAkD;IAClD,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,sGAAsG;IACtG,mBAAmB,CAAC,EAAE,sBAAsB,CAAC;IAC7C;;OAEG;IACH,iBAAiB,CAAC,EAAE,OAAO,CAAC;IAC5B;;OAEG;IACH,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB;;OAEG;IACH,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,iGAAiG;IACjG,yBAAyB,CAAC,EAAE,MAAM,CAAC;IACnC,iGAAiG;IACjG,UAAU,CAAC,EAAE,OAAO,CAAC;CACtB;AAwBD,eAAO,MAAM,SAAS,UAAW,cAAc,KAAG,WAiHjD,CAAC"}