@azure/communication-react 1.3.1-alpha-202205310013.0 → 1.3.1-alpha-202208032336

package/dist/dist-esm/react-composites/src/composites/common/styles/ModalLocalAndRemotePIP.styles.js

@@ -0,0 +1,73 @@
+// Copyright (c) Microsoft Corporation.
+// Licensed under the MIT license.
+import { concatStyleSets } from '@fluentui/react';
+import { _pxToRem } from "../../../../../acs-ui-common/src";
+/**
+ * Default Modal PIP related pixel measurements used for ModalLocalAndremotePIP and common/utils.
+ *
+ * @private
+ */
+export const MODAL_PIP_DEFAULT_PX = {
+    rightPositionPx: 16,
+    topPositionPx: 52,
+    widthPx: 88,
+    heightPx: 128
+};
+/**
+ * @private
+ */
+export const getPipStyles = (theme) => ({
+    modal: {
+        main: Object.assign(Object.assign({ borderRadius: theme.effects.roundedCorner4, boxShadow: theme.effects.elevation8, 
+            // Above the message thread / people pane.
+            zIndex: 2 }, (theme.rtl
+            ? { left: _pxToRem(MODAL_PIP_DEFAULT_PX.rightPositionPx) }
+            : { right: _pxToRem(MODAL_PIP_DEFAULT_PX.rightPositionPx) })), { top: _pxToRem(MODAL_PIP_DEFAULT_PX.topPositionPx) })
+    }
+});
+/**
+ * @private
+ */
+export const PIPContainerStyle = {
+    root: { position: 'absolute', width: '100%', height: '100%', pointerEvents: 'none' }
+};
+/**
+ * @private
+ */
+export const hiddenStyle = concatStyleSets(PIPContainerStyle, { root: { display: 'none' } });
+/**
+ * @private
+ */
+export const modalStyle = {
+    main: {
+        minWidth: 'min-content',
+        minHeight: 'min-content',
+        position: 'absolute',
+        overflow: 'hidden',
+        // pointer events for root Modal div set to auto to make LocalAndRemotePIP interactive
+        pointerEvents: 'auto',
+        touchAction: 'none'
+    },
+    root: {
+        width: '100%',
+        height: '100%',
+        // pointer events for root Modal div set to none to make descendants interactive
+        pointerEvents: 'none'
+    }
+};
+/**
+ * Styles for layer host to bound the modal wrapping PiPiP in the mobile pane.
+ * @private
+ */
+export const modalLayerHostStyle = {
+    display: 'flex',
+    position: 'absolute',
+    left: 0,
+    top: 0,
+    width: '100%',
+    height: '100%',
+    overflow: 'hidden',
+    // pointer events for layerHost set to none to make descendants interactive
+    pointerEvents: 'none'
+};
+//# sourceMappingURL=ModalLocalAndRemotePIP.styles.js.map

package/dist/dist-esm/react-composites/src/composites/common/styles/ModalLocalAndRemotePIP.styles.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ModalLocalAndRemotePIP.styles.js","sourceRoot":"","sources":["../../../../../../../../react-composites/src/composites/common/styles/ModalLocalAndRemotePIP.styles.ts"],"names":[],"mappings":"AAAA,uCAAuC;AACvC,kCAAkC;AAElC,OAAO,EACL,eAAe,EAOhB,MAAM,iBAAiB,CAAC;AACzB,OAAO,EAAE,QAAQ,EAAE,yCAAgC;AAOnD;;;;GAIG;AACH,MAAM,CAAC,MAAM,oBAAoB,GAAG;IAClC,eAAe,EAAE,EAAE;IACnB,aAAa,EAAE,EAAE;IACjB,OAAO,EAAE,EAAE;IACX,QAAQ,EAAE,GAAG;CACd,CAAC;AAEF;;GAEG;AACH,MAAM,CAAC,MAAM,YAAY,GAAG,CAAC,KAAa,EAAgC,EAAE,CAAC,CAAC;IAC5E,KAAK,EAAE;QACL,IAAI,gCACF,YAAY,EAAE,KAAK,CAAC,OAAO,CAAC,cAAc,EAC1C,SAAS,EAAE,KAAK,CAAC,OAAO,CAAC,UAAU;YACnC,0CAA0C;YAC1C,MAAM,EAAE,CAAC,IACN,CAAC,KAAK,CAAC,GAAG;YACX,CAAC,CAAC,EAAE,IAAI,EAAE,QAAQ,CAAC,oBAAoB,CAAC,eAAe,CAAC,EAAE;YAC1D,CAAC,CAAC,EAAE,KAAK,EAAE,QAAQ,CAAC,oBAAoB,CAAC,eAAe,CAAC,EAAE,CAAC,KAC9D,GAAG,EAAE,QAAQ,CAAC,oBAAoB,CAAC,aAAa,CAAC,GAClD;KACF;CACF,CAAC,CAAC;AAEH;;GAEG;AACH,MAAM,CAAC,MAAM,iBAAiB,GAAiB;IAC7C,IAAI,EAAE,EAAE,QAAQ,EAAE,UAAU,EAAE,KAAK,EAAE,MAAM,EAAE,MAAM,EAAE,MAAM,EAAE,aAAa,EAAE,MAAM,EAAE;CACrF,CAAC;AAEF;;GAEG;AACH,MAAM,CAAC,MAAM,WAAW,GAAiB,eAAe,CAAC,iBAAiB,EAAE,EAAE,IAAI,EAAE,EAAE,OAAO,EAAE,MAAM,EAAE,EAAE,CAAC,CAAC;AAE3G;;GAEG;AACH,MAAM,CAAC,MAAM,UAAU,GAA2D;IAChF,IAAI,EAAE;QACJ,QAAQ,EAAE,aAAa;QACvB,SAAS,EAAE,aAAa;QACxB,QAAQ,EAAE,UAAU;QACpB,QAAQ,EAAE,QAAQ;QAClB,sFAAsF;QACtF,aAAa,EAAE,MAAM;QACrB,WAAW,EAAE,MAAM;KACpB;IACD,IAAI,EAAE;QACJ,KAAK,EAAE,MAAM;QACb,MAAM,EAAE,MAAM;QACd,gFAAgF;QAChF,aAAa,EAAE,MAAM;KACtB;CACF,CAAC;AAEF;;;GAGG;AACH,MAAM,CAAC,MAAM,mBAAmB,GAAW;IACzC,OAAO,EAAE,MAAM;IACf,QAAQ,EAAE,UAAU;IACpB,IAAI,EAAE,CAAC;IACP,GAAG,EAAE,CAAC;IACN,KAAK,EAAE,MAAM;IACb,MAAM,EAAE,MAAM;IACd,QAAQ,EAAE,QAAQ;IAClB,2EAA2E;IAC3E,aAAa,EAAE,MAAM;CACtB,CAAC"}

package/dist/dist-esm/react-composites/src/composites/{CallWithChatComposite/styles/MobilePane.styles.d.ts → common/styles/Pane.styles.d.ts}

@@ -1,4 +1,4 @@
-import { IButtonStyles, IStackStyles } from '@fluentui/react';
+import { IButtonStyles, IStackStyles, IStackTokens } from '@fluentui/react';
 /**
  * @private
  */
@@ -28,4 +28,20 @@ export declare const mobilePaneHiddenIconStyles: IButtonStyles;
  * @private
  */
 export declare const mobilePaneButtonStyles: IButtonStyles;
-//# sourceMappingURL=MobilePane.styles.d.ts.map
+/**
+ * @private
+ */
+export declare const hiddenStyles: IStackStyles;
+/**
+ * @private
+ */
+export declare const sidePaneStyles: IStackStyles;
+/**
+ * @private
+ */
+export declare const availableSpaceStyles: IStackStyles;
+/**
+ * @private
+ */
+export declare const sidePaneTokens: IStackTokens;
+//# sourceMappingURL=Pane.styles.d.ts.map

package/dist/dist-esm/react-composites/src/composites/common/styles/Pane.styles.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Pane.styles.d.ts","sourceRoot":"","sources":["../../../../../../../../react-composites/src/composites/common/styles/Pane.styles.ts"],"names":[],"mappings":"AAGA,OAAO,EAAmB,aAAa,EAAE,YAAY,EAAE,YAAY,EAAE,MAAM,iBAAiB,CAAC;AAE7F;;GAEG;AACH,eAAO,MAAM,eAAe;;;;;CAA8C,CAAC;AAE3E;;GAEG;AACH,eAAO,MAAM,qBAAqB,EAAE,YAA8E,CAAC;AAEnH;;GAEG;AACH,eAAO,MAAM,yBAAyB,EAAE,YAA2C,CAAC;AAEpF;;GAEG;AACH,eAAO,MAAM,0BAA0B,EAAE,aAIxC,CAAC;AAEF;;GAEG;AACH,eAAO,MAAM,0BAA0B,EAAE,aAEvC,CAAC;AAEH;;GAEG;AACH,eAAO,MAAM,sBAAsB,EAAE,aAqBpC,CAAC;AAEF;;GAEG;AACH,eAAO,MAAM,YAAY,EAAE,YAI1B,CAAC;AAEF;;GAEG;AACH,eAAO,MAAM,cAAc,EAAE,YAM5B,CAAC;AAEF;;GAEG;AACH,eAAO,MAAM,oBAAoB,EAAE,YAA0D,CAAC;AAE9F;;GAEG;AACH,eAAO,MAAM,cAAc,EAAE,YAE5B,CAAC"}

package/dist/dist-esm/react-composites/src/composites/{CallWithChatComposite/styles/MobilePane.styles.js → common/styles/Pane.styles.js}

@@ -52,4 +52,32 @@ export const mobilePaneButtonStyles = {
     },
     labelChecked: { fontWeight: 600 }
 };
-//# sourceMappingURL=MobilePane.styles.js.map
+/**
+ * @private
+ */
+export const hiddenStyles = {
+    root: {
+        display: 'none'
+    }
+};
+/**
+ * @private
+ */
+export const sidePaneStyles = {
+    root: {
+        height: '100%',
+        padding: '0.5rem 0.25rem',
+        maxWidth: '21.5rem'
+    }
+};
+/**
+ * @private
+ */
+export const availableSpaceStyles = { root: { width: '100%', height: '100%' } };
+/**
+ * @private
+ */
+export const sidePaneTokens = {
+    childrenGap: '0.5rem'
+};
+//# sourceMappingURL=Pane.styles.js.map

package/dist/dist-esm/react-composites/src/composites/common/styles/Pane.styles.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Pane.styles.js","sourceRoot":"","sources":["../../../../../../../../react-composites/src/composites/common/styles/Pane.styles.ts"],"names":[],"mappings":"AAAA,uCAAuC;AACvC,kCAAkC;AAElC,OAAO,EAAE,eAAe,EAA6C,MAAM,iBAAiB,CAAC;AAE7F;;GAEG;AACH,MAAM,CAAC,MAAM,eAAe,GAAG,EAAE,IAAI,EAAE,EAAE,KAAK,EAAE,MAAM,EAAE,MAAM,EAAE,MAAM,EAAE,EAAE,CAAC;AAE3E;;GAEG;AACH,MAAM,CAAC,MAAM,qBAAqB,GAAiB,eAAe,CAAC,eAAe,EAAE,EAAE,IAAI,EAAE,EAAE,OAAO,EAAE,MAAM,EAAE,EAAE,CAAC,CAAC;AAEnH;;GAEG;AACH,MAAM,CAAC,MAAM,yBAAyB,GAAiB,EAAE,IAAI,EAAE,EAAE,MAAM,EAAE,MAAM,EAAE,EAAE,CAAC;AAEpF;;GAEG;AACH,MAAM,CAAC,MAAM,0BAA0B,GAAkB;IACvD,IAAI,EAAE,EAAE,MAAM,EAAE,MAAM,EAAE,QAAQ,EAAE,QAAQ,EAAE,MAAM,EAAE,MAAM,EAAE,UAAU,EAAE,MAAM,EAAE,OAAO,EAAE,QAAQ,EAAE;IACnG,WAAW,EAAE,EAAE,UAAU,EAAE,MAAM,EAAE;IACnC,kBAAkB,EAAE,EAAE,UAAU,EAAE,MAAM,EAAE;CAC3C,CAAC;AAEF;;GAEG;AACH,MAAM,CAAC,MAAM,0BAA0B,GAAkB,eAAe,CAAC,0BAA0B,EAAE;IACnG,IAAI,EAAE,EAAE,UAAU,EAAE,QAAQ,EAAE;CAC/B,CAAC,CAAC;AAEH;;GAEG;AACH,MAAM,CAAC,MAAM,sBAAsB,GAAkB;IACnD,IAAI,EAAE;QACJ,MAAM,EAAE,MAAM;QACd,YAAY,EAAE,4BAA4B;QAC1C,KAAK,EAAE,MAAM;QACb,MAAM,EAAE,MAAM;QACd,UAAU,EAAE,MAAM;QAClB,OAAO,EAAE,GAAG;KACb;IACD,WAAW,EAAE,EAAE,UAAU,EAAE,MAAM,EAAE;IACnC,kBAAkB,EAAE,EAAE,UAAU,EAAE,MAAM,EAAE;IAC1C,aAAa,EAAE,EAAE,QAAQ,EAAE,QAAQ,EAAE,OAAO,EAAE,UAAU,EAAE;IAC1D,KAAK,EAAE;QACL,QAAQ,EAAE,MAAM;QAChB,UAAU,EAAE,GAAG;QACf,UAAU,EAAE,MAAM;QAClB,QAAQ,EAAE,QAAQ;QAClB,YAAY,EAAE,UAAU;QACxB,UAAU,EAAE,QAAQ;KACrB;IACD,YAAY,EAAE,EAAE,UAAU,EAAE,GAAG,EAAE;CAClC,CAAC;AAEF;;GAEG;AACH,MAAM,CAAC,MAAM,YAAY,GAAiB;IACxC,IAAI,EAAE;QACJ,OAAO,EAAE,MAAM;KAChB;CACF,CAAC;AAEF;;GAEG;AACH,MAAM,CAAC,MAAM,cAAc,GAAiB;IAC1C,IAAI,EAAE;QACJ,MAAM,EAAE,MAAM;QACd,OAAO,EAAE,gBAAgB;QACzB,QAAQ,EAAE,SAAS;KACpB;CACF,CAAC;AAEF;;GAEG;AACH,MAAM,CAAC,MAAM,oBAAoB,GAAiB,EAAE,IAAI,EAAE,EAAE,KAAK,EAAE,MAAM,EAAE,MAAM,EAAE,MAAM,EAAE,EAAE,CAAC;AAE9F;;GAEG;AACH,MAAM,CAAC,MAAM,cAAc,GAAiB;IAC1C,WAAW,EAAE,QAAQ;CACtB,CAAC"}

package/dist/dist-esm/react-composites/src/composites/common/styles/ParticipantContainer.styles.d.ts

@@ -1,4 +1,4 @@
-import { IStackStyles, IStackItemStyles, IStackTokens } from '@fluentui/react';
+import { IStackStyles, IStackItemStyles, IStackTokens, Theme, ITextStyles } from '@fluentui/react';
 import { ParticipantListStyles } from "../../../../../react-components/src";
 /**
  * @private
@@ -43,7 +43,7 @@ export declare const peoplePaneContainerTokens: IStackTokens;
 /**
  * @private
  */
-export declare const participantListWrapper: string;
+export declare const participantListWrapper: (theme: Theme) => string;
 /**
  * @private
  */
@@ -66,4 +66,8 @@ export declare const participantListStyle: ParticipantListStyles;
  * @private
  */
 export declare const participantListMobileStyle: ParticipantListStyles;
+/**
+ * @private
+ */
+export declare const displayNameStyles: ITextStyles;
 //# sourceMappingURL=ParticipantContainer.styles.d.ts.map

package/dist/dist-esm/react-composites/src/composites/common/styles/ParticipantContainer.styles.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"ParticipantContainer.styles.d.ts","sourceRoot":"","sources":["../../../../../../../../react-composites/src/composites/common/styles/ParticipantContainer.styles.ts"],"names":[],"mappings":"AAGA,OAAO,EAAE,YAAY,EAAE,gBAAgB,EAAE,YAAY,EAAe,MAAM,iBAAiB,CAAC;AAC5F,OAAO,EAAE,qBAAqB,EAAE,4CAAmC;AAEnE;;GAEG;AACH,eAAO,MAAM,uBAAuB,EAAE,gBAMrC,CAAC;AAEF;;GAEG;AACH,eAAO,MAAM,6BAA6B,EAAE,gBAK3C,CAAC;AAEF;;GAEG;AACH,eAAO,MAAM,uBAAuB,EAAE,YAErC,CAAC;AAEF;;GAEG;AACH,eAAO,MAAM,oBAAoB,EAAE,gBAMlC,CAAC;AAEF;;GAEG;AACH,eAAO,MAAM,6BAA6B,EAAE,YAI3C,CAAC;AAEF;;GAEG;AACH,eAAO,MAAM,iBAAiB,EAAE,YAAqE,CAAC;AAEtG;;GAEG;AACH,eAAO,MAAM,mBAAmB,EAAE,YAA6E,CAAC;AAEhH;;GAEG;AACH,eAAO,MAAM,2BAA2B,EAAE,gBAQzC,CAAC;AAEF;;GAEG;AACH,eAAO,MAAM,qBAAqB,EAAE,gBAInC,CAAC;AAEF;;GAEG;AACH,eAAO,MAAM,yBAAyB,EAAE,YAEvC,CAAC;AAEF;;GAEG;AACH,eAAO,MAAM,sBAAsB,QAKjC,CAAC;AAEH;;GAEG;AACH,eAAO,MAAM,+BAA+B;;CAA4B,CAAC;AAEzE;;GAEG;AACH,eAAO,MAAM,oBAAoB,QAE/B,CAAC;AAEH;;GAEG;AACH,eAAO,MAAM,6BAA6B,QAIxC,CAAC;AAEH;;GAEG;AACH,eAAO,MAAM,oBAAoB,EAAE,qBAOlC,CAAC;AAEF;;GAEG;AACH,eAAO,MAAM,0BAA0B,EAAE,qBAOxC,CAAC"}
+{"version":3,"file":"ParticipantContainer.styles.d.ts","sourceRoot":"","sources":["../../../../../../../../react-composites/src/composites/common/styles/ParticipantContainer.styles.ts"],"names":[],"mappings":"AAGA,OAAO,EAAE,YAAY,EAAE,gBAAgB,EAAE,YAAY,EAAe,KAAK,EAAE,WAAW,EAAE,MAAM,iBAAiB,CAAC;AAChH,OAAO,EAAE,qBAAqB,EAAE,4CAAmC;AAGnE;;GAEG;AACH,eAAO,MAAM,uBAAuB,EAAE,gBAMrC,CAAC;AAEF;;GAEG;AACH,eAAO,MAAM,6BAA6B,EAAE,gBAK3C,CAAC;AAEF;;GAEG;AACH,eAAO,MAAM,uBAAuB,EAAE,YAErC,CAAC;AAEF;;GAEG;AACH,eAAO,MAAM,oBAAoB,EAAE,gBAMlC,CAAC;AAEF;;GAEG;AACH,eAAO,MAAM,6BAA6B,EAAE,YAI3C,CAAC;AAEF;;GAEG;AACH,eAAO,MAAM,iBAAiB,EAAE,YAAqE,CAAC;AAEtG;;GAEG;AACH,eAAO,MAAM,mBAAmB,EAAE,YAA6E,CAAC;AAEhH;;GAEG;AACH,eAAO,MAAM,2BAA2B,EAAE,gBAQzC,CAAC;AAEF;;GAEG;AACH,eAAO,MAAM,qBAAqB,EAAE,gBAInC,CAAC;AAEF;;GAEG;AACH,eAAO,MAAM,yBAAyB,EAAE,YAEvC,CAAC;AAEF;;GAEG;AACH,eAAO,MAAM,sBAAsB,UAAW,KAAK,KAAG,MAWlD,CAAC;AAEL;;GAEG;AACH,eAAO,MAAM,+BAA+B;;CAA4B,CAAC;AAEzE;;GAEG;AACH,eAAO,MAAM,oBAAoB,QAE/B,CAAC;AAEH;;GAEG;AACH,eAAO,MAAM,6BAA6B,QAIxC,CAAC;AAEH;;GAEG;AACH,eAAO,MAAM,oBAAoB,EAAE,qBAOlC,CAAC;AAEF;;GAEG;AACH,eAAO,MAAM,0BAA0B,EAAE,qBAOxC,CAAC;AAEF;;GAEG;AACH,eAAO,MAAM,iBAAiB,EAAE,WAM/B,CAAC"}

package/dist/dist-esm/react-composites/src/composites/common/styles/ParticipantContainer.styles.js

@@ -1,6 +1,7 @@
 // Copyright (c) Microsoft Corporation.
 // Licensed under the MIT license.
 import { mergeStyles } from '@fluentui/react';
+import { CHAT_CONTAINER_ZINDEX } from '../../ChatComposite/styles/Chat.styles';
 /**
  * @private
  */
@@ -78,11 +79,16 @@ export const peoplePaneContainerTokens = {
 /**
  * @private
  */
-export const participantListWrapper = mergeStyles({
+export const participantListWrapper = (theme) => mergeStyles({
     width: '20rem',
-    // max width at 50% of view so the People Pane is not squeezing the Message Pane to almost nothing when on small screen or high zoom in
-    maxWidth: '50vw',
-    height: '100%'
+    maxWidth: '50%',
+    height: '100%',
+    position: 'absolute',
+    right: '0',
+    boxShadow: theme.effects.elevation16,
+    background: theme.semanticColors.bodyBackground,
+    // zIndex to set the participant pane above the chat container
+    zIndex: CHAT_CONTAINER_ZINDEX + 1
 });
 /**
  * @private
@@ -124,4 +130,14 @@ export const participantListMobileStyle = {
         }
     }
 };
+/**
+ * @private
+ */
+export const displayNameStyles = {
+    root: {
+        padding: '0.5rem',
+        textOverflow: 'ellipsis',
+        overflow: 'hidden'
+    }
+};
 //# sourceMappingURL=ParticipantContainer.styles.js.map

package/dist/dist-esm/react-composites/src/composites/common/styles/ParticipantContainer.styles.js.map

@@ -1 +1 @@
-{"version":3,"file":"ParticipantContainer.styles.js","sourceRoot":"","sources":["../../../../../../../../react-composites/src/composites/common/styles/ParticipantContainer.styles.ts"],"names":[],"mappings":"AAAA,uCAAuC;AACvC,kCAAkC;AAElC,OAAO,EAAgD,WAAW,EAAE,MAAM,iBAAiB,CAAC;AAG5F;;GAEG;AACH,MAAM,CAAC,MAAM,uBAAuB,GAAqB;IACvD,IAAI,EAAE;QACJ,MAAM,EAAE,MAAM;QACd,OAAO,EAAE,gBAAgB;QACzB,KAAK,EAAE,SAAS;KACjB;CACF,CAAC;AAEF;;GAEG;AACH,MAAM,CAAC,MAAM,6BAA6B,GAAqB;IAC7D,IAAI,kCACC,uBAAuB,KAC1B,OAAO,EAAE,MAAM,GAChB;CACF,CAAC;AAEF;;GAEG;AACH,MAAM,CAAC,MAAM,uBAAuB,GAAiB;IACnD,WAAW,EAAE,QAAQ;CACtB,CAAC;AAEF;;GAEG;AACH,MAAM,CAAC,MAAM,oBAAoB,GAAqB;IACpD,IAAI,EAAE;QACJ,UAAU,EAAE,SAAS;QACrB,OAAO,EAAE,SAAS;QAClB,UAAU,EAAE,KAAK;KAClB;CACF,CAAC;AAEF;;GAEG;AACH,MAAM,CAAC,MAAM,6BAA6B,GAAiB;IACzD,IAAI,EAAE;QACJ,MAAM,EAAE,WAAW;KACpB;CACF,CAAC;AAEF;;GAEG;AACH,MAAM,CAAC,MAAM,iBAAiB,GAAiB,EAAE,IAAI,EAAE,EAAE,aAAa,EAAE,QAAQ,EAAE,OAAO,EAAE,MAAM,EAAE,EAAE,CAAC;AAEtG;;GAEG;AACH,MAAM,CAAC,MAAM,mBAAmB,GAAiB,EAAE,IAAI,EAAE,EAAE,SAAS,EAAE,GAAG,EAAE,QAAQ,EAAE,GAAG,EAAE,SAAS,EAAE,MAAM,EAAE,EAAE,CAAC;AAEhH;;GAEG;AACH,MAAM,CAAC,MAAM,2BAA2B,GAAqB;IAC3D,IAAI,EAAE;QACJ,QAAQ,EAAE,GAAG;QACb,SAAS,EAAE,GAAG;QACd,QAAQ,EAAE,MAAM;QAChB,wFAAwF;QACxF,QAAQ,EAAE,UAAU;KACrB;CACF,CAAC;AAEF;;GAEG;AACH,MAAM,CAAC,MAAM,qBAAqB,GAAqB;IACrD,IAAI,EAAE;QACJ,QAAQ,EAAE,SAAS;KACpB;CACF,CAAC;AAEF;;GAEG;AACH,MAAM,CAAC,MAAM,yBAAyB,GAAiB;IACrD,WAAW,EAAE,QAAQ;CACtB,CAAC;AAEF;;GAEG;AACH,MAAM,CAAC,MAAM,sBAAsB,GAAG,WAAW,CAAC;IAChD,KAAK,EAAE,OAAO;IACd,uIAAuI;IACvI,QAAQ,EAAE,MAAM;IAChB,MAAM,EAAE,MAAM;CACf,CAAC,CAAC;AAEH;;GAEG;AACH,MAAM,CAAC,MAAM,+BAA+B,GAAG,EAAE,WAAW,EAAE,QAAQ,EAAE,CAAC;AAEzE;;GAEG;AACH,MAAM,CAAC,MAAM,oBAAoB,GAAG,WAAW,CAAC;IAC9C,MAAM,EAAE,MAAM;CACf,CAAC,CAAC;AAEH;;GAEG;AACH,MAAM,CAAC,MAAM,6BAA6B,GAAG,WAAW,CAAC;IACvD,MAAM,EAAE,MAAM;IACd,SAAS,EAAE,MAAM;IACjB,SAAS,EAAE,QAAQ;CACpB,CAAC,CAAC;AAEH;;GAEG;AACH,MAAM,CAAC,MAAM,oBAAoB,GAA0B;IACzD,IAAI,EAAE,EAAE,OAAO,EAAE,MAAM,EAAE;IACzB,qBAAqB,EAAE;QACrB,IAAI,EAAE;YACJ,OAAO,EAAE,QAAQ;SAClB;KACF;CACF,CAAC;AAEF;;GAEG;AACH,MAAM,CAAC,MAAM,0BAA0B,GAA0B;IAC/D,IAAI,EAAE,EAAE,OAAO,EAAE,MAAM,EAAE;IACzB,qBAAqB,EAAE;QACrB,IAAI,EAAE;YACJ,OAAO,EAAE,aAAa;SACvB;KACF;CACF,CAAC"}
+{"version":3,"file":"ParticipantContainer.styles.js","sourceRoot":"","sources":["../../../../../../../../react-composites/src/composites/common/styles/ParticipantContainer.styles.ts"],"names":[],"mappings":"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"}

package/dist/dist-esm/react-composites/src/composites/common/styles/PeoplePaneContent.styles.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"PeoplePaneContent.styles.d.ts","sourceRoot":"","sources":["../../../../../../../../react-composites/src/composites/common/styles/PeoplePaneContent.styles.ts"],"names":[],"mappings":"AAGA,OAAO,EAAE,aAAa,EAAE,gBAAgB,EAAE,YAAY,EAAE,YAAY,EAAE,MAAM,iBAAiB,CAAC;AAE9F;;GAEG;AACH,eAAO,MAAM,yBAAyB,EAAE,YAEvC,CAAC;AAEF;;GAEG;AACH,eAAO,MAAM,wBAAwB,EAAE,gBAMtC,CAAC;AAEF;;GAEG;AACH,eAAO,MAAM,8BAA8B,EAAE,gBAAoD,CAAC;AAElG;;GAEG;AACH,eAAO,MAAM,6BAA6B,EAAE,YAAkE,CAAC;AAE/G;;GAEG;AACH,eAAO,MAAM,yBAAyB,EAAE,YAAwE,CAAC;AAEjH;;GAEG;AACH,eAAO,MAAM,oBAAoB,EAAE,aAQlC,CAAC;AAEF;;GAEG;AACH,eAAO,MAAM,cAAc;;CAA4B,CAAC;AAExD;;GAEG;AACH,eAAO,MAAM,uBAAuB,EAAE,YAAgD,CAAC"}

package/dist/dist-esm/react-composites/src/composites/common/styles/PeoplePaneContent.styles.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"PeoplePaneContent.styles.js","sourceRoot":"","sources":["../../../../../../../../react-composites/src/composites/common/styles/PeoplePaneContent.styles.ts"],"names":[],"mappings":"AAAA,uCAAuC;AACvC,kCAAkC;AAIlC;;GAEG;AACH,MAAM,CAAC,MAAM,yBAAyB,GAAiB;IACrD,WAAW,EAAE,QAAQ;CACtB,CAAC;AAEF;;GAEG;AACH,MAAM,CAAC,MAAM,wBAAwB,GAAqB;IACxD,IAAI,EAAE;QACJ,QAAQ,EAAE,UAAU;QACpB,SAAS,EAAE,MAAM;QACjB,QAAQ,EAAE,QAAQ;KACnB;CACF,CAAC;AAEF;;GAEG;AACH,MAAM,CAAC,MAAM,8BAA8B,GAAqB,EAAE,IAAI,EAAE,EAAE,SAAS,EAAE,QAAQ,EAAE,EAAE,CAAC;AAElG;;GAEG;AACH,MAAM,CAAC,MAAM,6BAA6B,GAAiB,EAAE,IAAI,EAAE,EAAE,KAAK,EAAE,MAAM,EAAE,OAAO,EAAE,aAAa,EAAE,EAAE,CAAC;AAE/G;;GAEG;AACH,MAAM,CAAC,MAAM,yBAAyB,GAAiB,EAAE,IAAI,EAAE,EAAE,UAAU,EAAE,QAAQ,EAAE,WAAW,EAAE,QAAQ,EAAE,EAAE,CAAC;AAEjH;;GAEG;AACH,MAAM,CAAC,MAAM,oBAAoB,GAAkB;IACjD,IAAI,EAAE;QACJ,MAAM,EAAE,QAAQ;QAChB,KAAK,EAAE,MAAM;KACd;IACD,aAAa,EAAE;QACb,OAAO,EAAE,UAAU;KACpB;CACF,CAAC;AAEF;;GAEG;AACH,MAAM,CAAC,MAAM,cAAc,GAAG,EAAE,WAAW,EAAE,QAAQ,EAAE,CAAC;AAExD;;GAEG;AACH,MAAM,CAAC,MAAM,uBAAuB,GAAiB,EAAE,IAAI,EAAE,EAAE,WAAW,EAAE,MAAM,EAAE,EAAE,CAAC"}

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

@@ -0,0 +1,14 @@
+import { _ICoordinates } from "../../../../react-components/src";
+/**
+ * Interface for ModalLocalAndRemotePIP drag positions
+ */
+interface MinMaxDragPosition {
+    minDragPosition: _ICoordinates | undefined;
+    maxDragPosition: _ICoordinates | undefined;
+}
+/**
+ * @private
+ */
+export declare const useMinMaxDragPosition: (modalLayerHostId: string, rtl?: boolean | undefined) => MinMaxDragPosition;
+export {};
+//# sourceMappingURL=utils.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"utils.d.ts","sourceRoot":"","sources":["../../../../../../../react-composites/src/composites/common/utils.tsx"],"names":[],"mappings":"AAGA,OAAO,EAAE,aAAa,EAA2C,yCAAmC;AAIpG;;GAEG;AACH,UAAU,kBAAkB;IAC1B,eAAe,EAAE,aAAa,GAAG,SAAS,CAAC;IAC3C,eAAe,EAAE,aAAa,GAAG,SAAS,CAAC;CAC5C;AAED;;GAEG;AAEH,eAAO,MAAM,qBAAqB,qBAAsB,MAAM,gCAAkB,kBA8B/E,CAAC"}

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

@@ -0,0 +1,32 @@
+// Copyright (c) Microsoft Corporation.
+// Licensed under the MIT license.
+import { _useContainerHeight, _useContainerWidth } from "../../../../react-components/src";
+import { useMemo, useRef } from 'react';
+import { MODAL_PIP_DEFAULT_PX } from './styles/ModalLocalAndRemotePIP.styles';
+/**
+ * @private
+ */
+// Use document.getElementById until Fluent's Stack supports componentRef property: https://github.com/microsoft/fluentui/issues/20410
+export const useMinMaxDragPosition = (modalLayerHostId, rtl) => {
+    const modalHostRef = useRef(document.getElementById(modalLayerHostId));
+    const modalHostWidth = _useContainerWidth(modalHostRef);
+    const modalHostHeight = _useContainerHeight(modalHostRef);
+    const minDragPosition = useMemo(() => modalHostWidth === undefined
+        ? undefined
+        : {
+            x: rtl
+                ? -1 * MODAL_PIP_DEFAULT_PX.rightPositionPx
+                : MODAL_PIP_DEFAULT_PX.rightPositionPx - modalHostWidth + MODAL_PIP_DEFAULT_PX.widthPx,
+            y: -1 * MODAL_PIP_DEFAULT_PX.topPositionPx
+        }, [modalHostWidth, rtl]);
+    const maxDragPosition = useMemo(() => modalHostWidth === undefined || modalHostHeight === undefined
+        ? undefined
+        : {
+            x: rtl
+                ? modalHostWidth - MODAL_PIP_DEFAULT_PX.rightPositionPx - MODAL_PIP_DEFAULT_PX.widthPx
+                : MODAL_PIP_DEFAULT_PX.rightPositionPx,
+            y: modalHostHeight - MODAL_PIP_DEFAULT_PX.topPositionPx - MODAL_PIP_DEFAULT_PX.heightPx
+        }, [modalHostHeight, modalHostWidth, rtl]);
+    return { minDragPosition: minDragPosition, maxDragPosition: maxDragPosition };
+};
+//# sourceMappingURL=utils.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"utils.js","sourceRoot":"","sources":["../../../../../../../react-composites/src/composites/common/utils.tsx"],"names":[],"mappings":"AAAA,uCAAuC;AACvC,kCAAkC;AAElC,OAAO,EAAiB,mBAAmB,EAAE,kBAAkB,EAAE,yCAAmC;AACpG,OAAO,EAAE,OAAO,EAAE,MAAM,EAAE,MAAM,OAAO,CAAC;AACxC,OAAO,EAAE,oBAAoB,EAAE,MAAM,wCAAwC,CAAC;AAU9E;;GAEG;AACH,sIAAsI;AACtI,MAAM,CAAC,MAAM,qBAAqB,GAAG,CAAC,gBAAwB,EAAE,GAAa,EAAsB,EAAE;IACnG,MAAM,YAAY,GAAG,MAAM,CAAc,QAAQ,CAAC,cAAc,CAAC,gBAAgB,CAAC,CAAC,CAAC;IACpF,MAAM,cAAc,GAAG,kBAAkB,CAAC,YAAY,CAAC,CAAC;IACxD,MAAM,eAAe,GAAG,mBAAmB,CAAC,YAAY,CAAC,CAAC;IAC1D,MAAM,eAAe,GAA8B,OAAO,CACxD,GAAG,EAAE,CACH,cAAc,KAAK,SAAS;QAC1B,CAAC,CAAC,SAAS;QACX,CAAC,CAAC;YACE,CAAC,EAAE,GAAG;gBACJ,CAAC,CAAC,CAAC,CAAC,GAAG,oBAAoB,CAAC,eAAe;gBAC3C,CAAC,CAAC,oBAAoB,CAAC,eAAe,GAAG,cAAc,GAAG,oBAAoB,CAAC,OAAO;YACxF,CAAC,EAAE,CAAC,CAAC,GAAG,oBAAoB,CAAC,aAAa;SAC3C,EACP,CAAC,cAAc,EAAE,GAAG,CAAC,CACtB,CAAC;IACF,MAAM,eAAe,GAA8B,OAAO,CACxD,GAAG,EAAE,CACH,cAAc,KAAK,SAAS,IAAI,eAAe,KAAK,SAAS;QAC3D,CAAC,CAAC,SAAS;QACX,CAAC,CAAC;YACE,CAAC,EAAE,GAAG;gBACJ,CAAC,CAAC,cAAc,GAAG,oBAAoB,CAAC,eAAe,GAAG,oBAAoB,CAAC,OAAO;gBACtF,CAAC,CAAC,oBAAoB,CAAC,eAAe;YACxC,CAAC,EAAE,eAAe,GAAG,oBAAoB,CAAC,aAAa,GAAG,oBAAoB,CAAC,QAAQ;SACxF,EACP,CAAC,eAAe,EAAE,cAAc,EAAE,GAAG,CAAC,CACvC,CAAC;IAEF,OAAO,EAAE,eAAe,EAAE,eAAe,EAAE,eAAe,EAAE,eAAe,EAAE,CAAC;AAChF,CAAC,CAAC"}

package/dist/dist-esm/react-composites/src/composites/localization/locales/de-DE/strings.json

@@ -44,11 +44,13 @@
     },
     "callWithChat": {
         "peopleButtonLabel": "Personen",
-        "peopleButtonTooltipContentOpen": "Teilnehmer anzeigen",
-        "peopleButtonTooltipContentClose": "Teilnehmer ausblenden",
+        "peopleButtonTooltipOpen": "Teilnehmende anzeigen",
+        "peopleButtonTooltipClose": "Teilnehmende ausblenden",
         "chatButtonLabel": "Chat",
-        "chatButtonTooltipContentOpen": "Chat anzeigen",
-        "chatButtonTooltipContentClose": "Chat ausblenden",
+        "chatButtonTooltipClosedWithMessageCount": "Chat anzeigen ({unreadMessagesCount} ungelesen)",
+        "chatButtonTooltipOpen": "Chat anzeigen",
+        "chatButtonTooltipClose": "Chat ausblenden",
+        "moreDrawerAudioDeviceMenuTitle": "Audiogerät",
         "moreDrawerMicrophoneMenuTitle": "Mikrofon",
         "moreDrawerSpeakerMenuTitle": "Lautsprecher",
         "moreDrawerButtonLabel": "Weitere Optionen",
@@ -59,6 +61,9 @@
         "chatButtonNewMessageNotificationLabel": "Neue Nachricht",
         "pictureInPictureTileAriaLabel": "Videofeeds. Klicken Sie hier, um zum Anrufbildschirm zurückzukehren.",
         "removeMenuLabel": "Entfernen",
-        "copyInviteLinkButtonLabel": "Einladungslink kopieren"
+        "copyInviteLinkButtonLabel": "Einladungslink kopieren",
+        "dismissSidePaneButton": "Schließen",
+        "returnToCallButtonAriaDescription": "Zurück zum Anruf",
+        "returnToCallButtonAriaLabel": "Zurück"
     }
 }

package/dist/dist-esm/react-composites/src/composites/localization/locales/en-GB/strings.json

@@ -44,11 +44,13 @@
     },
     "callWithChat": {
         "peopleButtonLabel": "People",
-        "peopleButtonTooltipContentOpen": "Show Participants",
-        "peopleButtonTooltipContentClose": "Hide Participants",
+        "peopleButtonTooltipOpen": "Show participants",
+        "peopleButtonTooltipClose": "Hide participants",
         "chatButtonLabel": "Chat",
-        "chatButtonTooltipContentOpen": "Show Chat",
-        "chatButtonTooltipContentClose": "Hide Chat",
+        "chatButtonTooltipClosedWithMessageCount": "Show chat ({unreadMessagesCount} unread)",
+        "chatButtonTooltipOpen": "Show chat",
+        "chatButtonTooltipClose": "Hide chat",
+        "moreDrawerAudioDeviceMenuTitle": "Audio Device",
         "moreDrawerMicrophoneMenuTitle": "Microphone",
         "moreDrawerSpeakerMenuTitle": "Speaker",
         "moreDrawerButtonLabel": "More options",
@@ -59,6 +61,9 @@
         "chatButtonNewMessageNotificationLabel": "New Message",
         "pictureInPictureTileAriaLabel": "Video Feeds. Click to return to call screen.",
         "removeMenuLabel": "Remove",
-        "copyInviteLinkButtonLabel": "Copy invite link"
+        "copyInviteLinkButtonLabel": "Copy invite link",
+        "dismissSidePaneButton": "Close",
+        "returnToCallButtonAriaDescription": "Return to Call",
+        "returnToCallButtonAriaLabel": "Back"
     }
 }

package/dist/dist-esm/react-composites/src/composites/localization/locales/en-US/strings.json

@@ -3,6 +3,7 @@
         "cameraLabel": "Camera",
         "cameraPermissionDenied": "Your browser is blocking access to your camera",
         "cameraTurnedOff": "Your camera is turned off",
+        "chatButtonLabel": "Chat",
         "close": "Close",
         "complianceBannerNowOnlyRecording": "You are now only recording this meeting.",
         "complianceBannerNowOnlyTranscription": "You are now only transcribing this meeting.",
@@ -17,7 +18,9 @@
         "complianceBannerTranscriptionSaving": "Transcription is being saved.",
         "complianceBannerTranscriptionStopped": "Transcription has stopped.",
         "configurationPageTitle": "Start a call",
+        "copyInviteLinkButtonLabel": "Copy invite link",
         "defaultPlaceHolder": "Select an option",
+        "dismissSidePaneButtonLabel": "Close",
         "failedToJoinCallDueToNoNetworkMoreDetails": "Call was disconnected due to a network issue. Check your connection and join again.",
         "failedToJoinCallDueToNoNetworkTitle": "Call disconnected",
         "failedToJoinTeamsMeetingReasonAccessDeniedMoreDetails": "You were not granted entry in the call. If this was a mistake, re-join the call.",
@@ -28,41 +31,48 @@
         "lobbyScreenConnectingToCallTitle": "Joining call",
         "lobbyScreenWaitingToBeAdmittedTitle": "Waiting to be admitted",
         "microphonePermissionDenied": "Your browser is blocking access to your microphone",
+        "microphoneToggleInLobbyNotAllowed": "Cannot mute or unmute while in lobby.",
         "mutedMessage": "You're muted",
         "networkReconnectMoreDetails": "Looks like something went wrong. We're trying to get back into the call.",
         "networkReconnectTitle": "Hold on",
+        "peopleButtonLabel": "People",
+        "peoplePaneTitle": "People",
+        "peoplePaneSubTitle": "In this call",
         "privacyPolicy": "Privacy policy",
         "rejoinCallButtonLabel": "Re-join call",
         "removedFromCallMoreDetails": "Another participant removed you from the call.",
         "removedFromCallTitle": "You were removed",
+        "removeMenuLabel": "Remove",
+        "returnToCallButtonAriaDescription": "Return to Call",
+        "returnToCallButtonAriaLabel": "Back",
         "soundLabel": "Sound",
-        "startCallButtonLabel": "Start call",
-        "microphoneToggleInLobbyNotAllowed": "Cannot mute or unmute while in lobby."
+        "startCallButtonLabel": "Start call"
     },
     "chat": {
-        "chatListHeader": "In this chat"
+        "chatListHeader": "In this chat",
+        "uploadFile": "Upload File"
     },
     "callWithChat": {
-        "peopleButtonLabel": "People",
-        "peopleButtonTooltipOpen": "Show participants",
-        "peopleButtonTooltipClose": "Hide participants",
         "chatButtonLabel": "Chat",
+        "chatButtonNewMessageNotificationLabel": "New Message",
         "chatButtonTooltipClosedWithMessageCount": "Show chat ({unreadMessagesCount} unread)",
-        "chatButtonTooltipOpen": "Show chat",
         "chatButtonTooltipClose": "Hide chat",
+        "chatButtonTooltipOpen": "Show chat",
+        "chatPaneTitle": "Chat",
+        "copyInviteLinkButtonLabel": "Copy invite link",
+        "dismissSidePaneButtonLabel": "Close",
         "moreDrawerAudioDeviceMenuTitle": "Audio Device",
-        "moreDrawerMicrophoneMenuTitle": "Microphone",
-        "moreDrawerSpeakerMenuTitle": "Speaker",
         "moreDrawerButtonLabel": "More options",
         "moreDrawerButtonTooltip": "More options",
-        "peoplePaneTitle": "People",
+        "moreDrawerMicrophoneMenuTitle": "Microphone",
+        "moreDrawerSpeakerMenuTitle": "Speaker",
+        "peopleButtonLabel": "People",
+        "peopleButtonTooltipOpen": "Show participants",
+        "peopleButtonTooltipClose": "Hide participants",
         "peoplePaneSubTitle": "In this call",
-        "chatPaneTitle": "Chat",
-        "chatButtonNewMessageNotificationLabel": "New Message",
+        "peoplePaneTitle": "People",
         "pictureInPictureTileAriaLabel": "Video Feeds. Click to return to call screen.",
         "removeMenuLabel": "Remove",
-        "copyInviteLinkButtonLabel": "Copy invite link",
-        "dismissSidePaneButton": "Close",
         "returnToCallButtonAriaDescription": "Return to Call",
         "returnToCallButtonAriaLabel": "Back"
     }

package/dist/dist-esm/react-composites/src/composites/localization/locales/es-ES/strings.json

@@ -44,11 +44,13 @@
     },
     "callWithChat": {
         "peopleButtonLabel": "Contactos",
-        "peopleButtonTooltipContentOpen": "Mostrar participantes",
-        "peopleButtonTooltipContentClose": "Ocultar participantes",
+        "peopleButtonTooltipOpen": "Mostrar participantes",
+        "peopleButtonTooltipClose": "Ocultar participantes",
         "chatButtonLabel": "Chat",
-        "chatButtonTooltipContentOpen": "Mostrar chat",
-        "chatButtonTooltipContentClose": "Ocultar chat",
+        "chatButtonTooltipClosedWithMessageCount": "Mostrar chat ({unreadMessagesCount} no leídos)",
+        "chatButtonTooltipOpen": "Mostrar chat",
+        "chatButtonTooltipClose": "Ocultar chat",
+        "moreDrawerAudioDeviceMenuTitle": "Dispositivo de audio",
         "moreDrawerMicrophoneMenuTitle": "Micrófono",
         "moreDrawerSpeakerMenuTitle": "Altavoz",
         "moreDrawerButtonLabel": "Más opciones",
@@ -59,6 +61,9 @@
         "chatButtonNewMessageNotificationLabel": "Nuevo mensaje",
         "pictureInPictureTileAriaLabel": "Fuentes de vídeo. Hacer clic para volver a la pantalla de la llamada.",
         "removeMenuLabel": "Quitar",
-        "copyInviteLinkButtonLabel": "Copiar vínculo de invitación"
+        "copyInviteLinkButtonLabel": "Copiar vínculo de invitación",
+        "dismissSidePaneButton": "Cerrar",
+        "returnToCallButtonAriaDescription": "Volver a llamada",
+        "returnToCallButtonAriaLabel": "Volver"
     }
 }

package/dist/dist-esm/react-composites/src/composites/localization/locales/fr-FR/strings.json

@@ -44,11 +44,13 @@
     },
     "callWithChat": {
         "peopleButtonLabel": "Personnes",
-        "peopleButtonTooltipContentOpen": "Afficher les participants",
-        "peopleButtonTooltipContentClose": "Masquer les participants",
+        "peopleButtonTooltipOpen": "Afficher les participants",
+        "peopleButtonTooltipClose": "Masquer les participants",
         "chatButtonLabel": "Clavardage",
-        "chatButtonTooltipContentOpen": "Afficher la conversation",
-        "chatButtonTooltipContentClose": "Masquer la conversation",
+        "chatButtonTooltipClosedWithMessageCount": "Afficher la conversation ({unreadMessagesCount} non lu)",
+        "chatButtonTooltipOpen": "Afficher la conversation",
+        "chatButtonTooltipClose": "Masquer la conversation",
+        "moreDrawerAudioDeviceMenuTitle": "Périphérique audio",
         "moreDrawerMicrophoneMenuTitle": "Microphone",
         "moreDrawerSpeakerMenuTitle": "Haut-parleur",
         "moreDrawerButtonLabel": "Autres options",
@@ -59,6 +61,9 @@
         "chatButtonNewMessageNotificationLabel": "Nouveau message",
         "pictureInPictureTileAriaLabel": "Flux vidéo. Cliquez pour revenir à l’écran d’appel.",
         "removeMenuLabel": "Supprimer",
-        "copyInviteLinkButtonLabel": "Copier le lien d'invitation"
+        "copyInviteLinkButtonLabel": "Copier le lien d'invitation",
+        "dismissSidePaneButton": "Fermer",
+        "returnToCallButtonAriaDescription": "Revenir à l’appel",
+        "returnToCallButtonAriaLabel": "Précédent"
     }
 }

package/dist/dist-esm/react-composites/src/composites/localization/locales/it-IT/strings.json

@@ -44,11 +44,13 @@
     },
     "callWithChat": {
         "peopleButtonLabel": "Persone",
-        "peopleButtonTooltipContentOpen": "Mostra partecipanti",
-        "peopleButtonTooltipContentClose": "Nascondi partecipanti",
+        "peopleButtonTooltipOpen": "Mostra partecipanti",
+        "peopleButtonTooltipClose": "Nascondi partecipanti",
         "chatButtonLabel": "Chat",
-        "chatButtonTooltipContentOpen": "Mostra chat",
-        "chatButtonTooltipContentClose": "Nascondi chat",
+        "chatButtonTooltipClosedWithMessageCount": "Mostra chat ({unreadMessagesCount} non letto)",
+        "chatButtonTooltipOpen": "Mostra chat",
+        "chatButtonTooltipClose": "Nascondi chat",
+        "moreDrawerAudioDeviceMenuTitle": "Dispositivo audio",
         "moreDrawerMicrophoneMenuTitle": "Microfono",
         "moreDrawerSpeakerMenuTitle": "Altoparlante",
         "moreDrawerButtonLabel": "Altre opzioni",
@@ -59,6 +61,9 @@
         "chatButtonNewMessageNotificationLabel": "Nuovo messaggio",
         "pictureInPictureTileAriaLabel": "Feed video. Fare clic per tornare alla schermata della chiamata.",
         "removeMenuLabel": "Rimuovi",
-        "copyInviteLinkButtonLabel": "Copia il collegamento dell’invito"
+        "copyInviteLinkButtonLabel": "Copia il collegamento dell’invito",
+        "dismissSidePaneButton": "Chiudi",
+        "returnToCallButtonAriaDescription": "Torna alla chiamata",
+        "returnToCallButtonAriaLabel": "Indietro"
     }
 }

package/dist/dist-esm/react-composites/src/composites/localization/locales/ja-JP/strings.json

@@ -44,11 +44,13 @@
     },
     "callWithChat": {
         "peopleButtonLabel": "ユーザー",
-        "peopleButtonTooltipContentOpen": "参加者を表示",
-        "peopleButtonTooltipContentClose": "参加者を非表示",
+        "peopleButtonTooltipOpen": "参加者を表示",
+        "peopleButtonTooltipClose": "参加者を非表示",
         "chatButtonLabel": "チャット",
-        "chatButtonTooltipContentOpen": "チャットを表示",
-        "chatButtonTooltipContentClose": "チャットを非表示",
+        "chatButtonTooltipClosedWithMessageCount": "チャットを表示する ({unreadMessagesCount} 件の未読)",
+        "chatButtonTooltipOpen": "チャットを表示",
+        "chatButtonTooltipClose": "チャットを非表示",
+        "moreDrawerAudioDeviceMenuTitle": "オーディオ デバイス",
         "moreDrawerMicrophoneMenuTitle": "マイク",
         "moreDrawerSpeakerMenuTitle": "スピーカー",
         "moreDrawerButtonLabel": "その他のオプション",
@@ -59,6 +61,9 @@
         "chatButtonNewMessageNotificationLabel": "新規メッセージ",
         "pictureInPictureTileAriaLabel": "ビデオ フィード。 クリックすると通話画面に戻ります。",
         "removeMenuLabel": "削除",
-        "copyInviteLinkButtonLabel": "招待用のリンクをコピー"
+        "copyInviteLinkButtonLabel": "招待用のリンクをコピー",
+        "dismissSidePaneButton": "閉じる",
+        "returnToCallButtonAriaDescription": "通話に戻る",
+        "returnToCallButtonAriaLabel": "戻る"
     }
 }

package/dist/dist-esm/react-composites/src/composites/localization/locales/ko-KR/strings.json

@@ -44,11 +44,13 @@
     },
     "callWithChat": {
         "peopleButtonLabel": "사용자",
-        "peopleButtonTooltipContentOpen": "프레젠테이션 표시",
-        "peopleButtonTooltipContentClose": "참가자 숨기기",
+        "peopleButtonTooltipOpen": "참가자 표시",
+        "peopleButtonTooltipClose": "참가자 숨기기",
         "chatButtonLabel": "채팅",
-        "chatButtonTooltipContentOpen": "채팅 표시",
-        "chatButtonTooltipContentClose": "채팅 숨기기",
+        "chatButtonTooltipClosedWithMessageCount": "채팅 표시({unreadMessagesCount} 읽지 않음)",
+        "chatButtonTooltipOpen": "채팅 표시",
+        "chatButtonTooltipClose": "채팅 숨기기",
+        "moreDrawerAudioDeviceMenuTitle": "오디오 장치",
         "moreDrawerMicrophoneMenuTitle": "마이크",
         "moreDrawerSpeakerMenuTitle": "발화자",
         "moreDrawerButtonLabel": "기타 옵션",
@@ -59,6 +61,9 @@
         "chatButtonNewMessageNotificationLabel": "새 메시지",
         "pictureInPictureTileAriaLabel": "비디오 피드입니다. 클릭하면 통화 화면으로 돌아갑니다.",
         "removeMenuLabel": "제거",
-        "copyInviteLinkButtonLabel": "초대 링크 복사"
+        "copyInviteLinkButtonLabel": "초대 링크 복사",
+        "dismissSidePaneButton": "닫기",
+        "returnToCallButtonAriaDescription": "통화로 돌아가기",
+        "returnToCallButtonAriaLabel": "뒤로"
     }
 }