npm - @azure/communication-react - Versions diffs - 1.14.0-alpha-202403120012 → 1.14.0-alpha-202403140012 - Mend

@azure/communication-react 1.14.0-alpha-202403120012 → 1.14.0-alpha-202403140012

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (87) hide show

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

	@@ -1 +1 @@
1	- {"version":3,"file":"VideoGallery.js","sourceRoot":"","sources":["../../../../../../react-components/src/components/VideoGallery.tsx"],"names":[],"mappings":"AAAA,uCAAuC;AACvC,kCAAkC;AAElC,OAAO,EAAE,eAAe,EAAU,WAAW,EAAE,KAAK,EAAE,MAAM,iBAAiB,CAAC;AAC9E,OAAO,KAAK,EAAE,EAAE,WAAW,EAAE,OAAO,EAAE,MAAM,EAAE,MAAM,OAAO,CAAC;AAE5D,OAAO,EAAE,SAAS,EAAE,MAAM,aAAa,CAAC;AACxC,OAAO,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAClC,OAAO,EAAE,SAAS,EAAE,MAAM,iBAAiB,CAAC;AAC5C,OAAO,EAAE,QAAQ,EAAE,MAAM,YAAY,CAAC;AAWtC,OAAO,EAAE,gBAAgB,EAAE,MAAM,mBAAmB,CAAC;AACrD,OAAO,EAAE,aAAa,EAAE,mBAAmB,EAAE,kBAAkB,EAAE,MAAM,oBAAoB,CAAC;AAC5F,OAAO,EAAE,gBAAgB,EAAE,MAAM,iCAAiC,CAAC;AACnE,OAAO,EAAE,iBAAiB,EAAE,MAAM,kCAAkC,CAAC;AAIrE,OAAO,EAAE,eAAe,EAAE,MAAM,kBAAkB,CAAC;AACnD,OAAO,EAAE,aAAa,EAAE,MAAM,8BAA8B,CAAC;AAC7D,OAAO,EAAE,wBAAwB,EAAE,MAAM,yCAAyC,CAAC;AACnF,OAAO,EAAE,cAAc,EAAE,MAAM,gBAAgB,CAAC;AAChD,OAAO,EAAE,6BAA6B,EAAE,yBAAyB,EAAE,MAAM,8BAA8B,CAAC;AACxG,OAAO,EAAE,2BAA2B,EAAE,MAAM,iDAAiD,CAAC;AAC9F,OAAO,EAAE,KAAK,EAAE,MAAM,uBAAuB,CAAC;AAG9C,OAAO,EAAE,kBAAkB,EAAE,MAAM,mCAAmC,CAAC;AACvE,OAAO,EAAE,oBAAoB,EAAE,MAAM,mCAAmC,CAAC;AACzE,gDAAgD;AAChD,OAAO,EAAE,kBAAkB,EAAE,MAAM,mCAAmC,CAAC;AAKvE;;;GAGG;AACH,MAAM,CAAC,MAAM,gCAAgC,GAAG,CAAC,CAAC;AAElD;;;GAGG;AACH,MAAM,CAAC,MAAM,YAAY,GAAG;IAC1B,qBAAqB,EAAE,MAAM;IAC7B,uBAAuB,EAAE,MAAM;IAC/B,kBAAkB,EAAE,MAAM;IAC1B,iBAAiB,EAAE,MAAM;IACzB,aAAa,EAAE,MAAM;CACtB,CAAC;AACF;;;GAGG;AACH,MAAM,CAAC,MAAM,2BAA2B,GAAG,CAAC,CAAC;AAC7C;;;GAGG;AACH,MAAM,CAAC,MAAM,sCAAsC,GAAG;IACpD,IAAI,EAAE,YAAY;CACnB,CAAC;AAEF;;;GAGG;AACH,MAAM,CAAC,MAAM,6BAA6B,GAAG,CAAC,CAAC;AA+Q/C;;;;;GAKG;AACH,MAAM,CAAC,MAAM,YAAY,GAAG,CAAC,KAAwB,EAAe,EAAE;;IACpE,MAAM,EACJ,gBAAgB,EAChB,kBAAkB,GAAG,EAAE,EACvB,qBAAqB,EACrB,sBAAsB,EACtB,gBAAgB,EAChB,sBAAsB,EACtB,uBAAuB,EACvB,uBAAuB,EACvB,wBAAwB,EACxB,wBAAwB,EACxB,oCAAoC,EACpC,8BAA8B,EAC9B,MAAM,EACN,MAAM,EACN,cAAc,EACd,iBAAiB,EACjB,qBAAqB,GAAG,gCAAgC,EACxD,gCAAgC,EAChC,gCAAgC,EAChC,gBAAgB,EAAE,uBAAuB,EACzC,kBAAkB,EAAE,yBAAyB,EAC7C,mBAAmB,GAAG,sCAAsC;IAC5D,mDAAmD;IACnD,uBAAuB,GAAG,kBAAkB;IAC5C,wCAAwC;IACxC,kBAAkB,GAAG,yBAAyB;IAC9C,4CAA4C;IAC5C,uBAAuB;IACvB,4CAA4C;IAC5C,qBAAqB;IACrB,4CAA4C;IAC5C,sBAAsB;IACtB,4CAA4C;IAC5C,oBAAoB;IACpB,4CAA4C;IAC5C,qBAAqB;IACrB,4CAA4C;IAC5C,0BAA0B;IAC1B,2CAA2C;IAC3C,iBAAiB,EAClB,GAAG,KAAK,CAAC;IAEV,MAAM,GAAG,GAAG,cAAc,EAAE,CAAC;IAC7B,MAAM,KAAK,GAAG,QAAQ,EAAE,CAAC;IACzB,MAAM,aAAa,GAAG,SAAS,EAAE,CAAC,OAAO,CAAC,YAAY,CAAC;IACvD,MAAM,OAAO,GAAG,OAAO,CAAC,GAAG,EAAE,CAAC,iCAAM,aAAa,GAAK,KAAK,CAAC,OAAO,EAAG,EAAE,CAAC,aAAa,EAAE,KAAK,CAAC,OAAO,CAAC,CAAC,CAAC;IAExG,MAAM,wBAAwB,GAC5B,mBAAmB,IAAI,mBAAmB,CAAC,IAAI,KAAK,QAAQ;QAC1D,CAAC,CAAE,mBAAgD,CAAC,MAAM;QAC1D,CAAC,CAAC,SAAS,CAAC;IAChB,MAAM,gBAAgB,GAAG,KAAK,CAAC,gBAAgB,EAAE,wBAAwB,CAAC,CAAC;IAE3E,MAAM,kBAAkB,GAAG,CAAC,MAAM,KAAK,oBAAoB,IAAI,MAAM,KAAK,SAAS,CAAC,IAAI,kBAAkB,CAAC,MAAM,GAAG,CAAC,CAAC;IAEtH,MAAM,YAAY,GAAG,MAAM,CAAiB,IAAI,CAAC,CAAC;IAClD,MAAM,cAAc,GAAG,kBAAkB,CAAC,YAAY,CAAC,CAAC;IACxD,MAAM,eAAe,GAAG,mBAAmB,CAAC,YAAY,CAAC,CAAC;IAC1D,MAAM,QAAQ,GAAG,cAAc,CAAC,CAAC,CAAC,aAAa,CAAC,cAAc,CAAC,CAAC,CAAC,CAAC,KAAK,CAAC;IAExE,MAAM,CAAC,uBAAuB,EAAE,0BAA0B,CAAC,GAAG,KAAK,CAAC,QAAQ,CAAW,EAAE,CAAC,CAAC;IAC3F,MAAM,CAAC,wBAAwB,EAAE,2BAA2B,CAAC,GAAG,KAAK,CAAC,QAAQ,CAC5E,EAAE,CACH,CAAC;IAEF,MAAM,mBAAmB,GAAG,WAAW,CACrC,CAAC,YAAoB,EAAE,WAA4B,EAAE,EAAE;QACrD,2BAA2B,CAAC,CAAC,OAAO,EAAE,EAAE,CAAC,iCACpC,OAAO,KACV,CAAC,YAAY,CAAC,EAAE;gBACd,WAAW;gBACX,UAAU,EAAE,sBAAsB,aAAtB,sBAAsB,uBAAtB,sBAAsB,CAAE,UAAU;aAC/C,IACD,CAAC,CAAC;IACN,CAAC,EACD,CAAC,sBAAsB,aAAtB,sBAAsB,uBAAtB,sBAAsB,CAAE,UAAU,CAAC,CACrC,CAAC;IACF,SAAS,CAAC,GAAG,EAAE;;QACb,MAAA,KAAK,CAAC,kBAAkB,0CAAE,OAAO,CAAC,CAAC,cAAc,EAAE,EAAE;;YACnD,IAAI,CAAC,CAAA,MAAA,KAAK,CAAC,kBAAkB,0CAAE,IAAI,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC,CAAC,MAAM,KAAK,cAAc,CAAC,CAAA,EAAE,CAAC;gBACxE,qGAAqG;gBACrG,OAAO,CAAC,IAAI,CAAC,qCAAqC,GAAG,cAAc,CAAC,CAAC;YACvE,CAAC;QACH,CAAC,CAAC,CAAC;IACL,CAAC,EAAE,CAAC,KAAK,CAAC,kBAAkB,EAAE,KAAK,CAAC,kBAAkB,CAAC,CAAC,CAAC;IACzD,6GAA6G;IAC7G,MAAM,kBAAkB,GAAG,MAAA,KAAK,CAAC,kBAAkB,mCAAI,uBAAuB,CAAC;IAE/E,MAAM,uBAAuB,GAC3B,CAAC,CACC,CAAC,kBAAkB,IAAI,QAAQ,CAAC;QAChC,+CAA+C,CAAC,wCAAwC,CAAC,kBAAkB;YACzG,MAAM,CACT,IAAI,MAAM,KAAK,SAAS,CAAC;IAC5B;;OAEG;IACH,MAAM,cAAc,GAAG,OAAO,CAAC,GAAqE,EAAE;;QACpG,gDAAgD;QAChD,IAAI,kBAAkB,KAAK,QAAQ,EAAE,CAAC;YACpC,OAAO,SAAS,CAAC;QACnB,CAAC;QACD,IAAI,sBAAsB,EAAE,CAAC;YAC3B,OAAO,sBAAsB,CAAC,gBAAgB,CAAC,CAAC;QAClD,CAAC;QAED,4CAA4C;QAC5C,MAAM,aAAa,GAAG,CAAC,CAAC,gBAAgB,CAAC,SAAS,CAAC;QAEnD,MAAM,oBAAoB,GAAG,eAAe,CAC1C,kBAAkB,CAAC,CAAC,CAAC,2BAA2B,CAAC,CAAC,CAAC,EAAE,EACrD;YACE,IAAI,EAAE,EAAE,YAAY,EAAE,KAAK,CAAC,OAAO,CAAC,cAAc,EAAE;SACrD,EACD,MAAM,aAAN,MAAM,uBAAN,MAAM,CAAE,UAAU,CACnB,CAAC;QAEF,MAAM,YAAY,GAAG,CAAC,gBAAgB,CAAC,WAAW,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,gBAAgB,CAAC,WAAW,CAAC;QAEvF,MAAM,yBAAyB,GAAG,GAAW,EAAE;YAC7C,OAAO,MAAM,KAAK,SAAS,CAAC,CAAC,CAAC,OAAO,CAAC,eAAe,CAAC,CAAC,CAAC,QAAQ,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,OAAO,CAAC,eAAe,CAAC;YAChG,OAAO,QAAQ,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,OAAO,CAAC,eAAe,CAAC;QACjD,CAAC,CAAC;QAEF,OAAO,CACL,oBAAC,KAAK,IACJ,MAAM,EAAE,6BAA6B,EACrC,GAAG,EAAC,sBAAsB,EAC1B,QAAQ,EAAE,CAAC,gBACC,OAAO,CAAC,uBAAuB,EAC3C,IAAI,EAAE,QAAQ;YAEd,oBAAC,eAAe,IACd,MAAM,EAAE,gBAAgB,CAAC,MAAM,EAC/B,uBAAuB,EAAE,uBAAuB,EAChD,wBAAwB,EAAE,wBAAwB,EAClD,WAAW,EAAE,MAAA,gBAAgB,aAAhB,gBAAgB,uBAAhB,gBAAgB,CAAE,WAAW,0CAAE,WAAW,EACvD,OAAO,EAAE,gBAAgB,CAAC,OAAO,EACjC,aAAa,EAAE,MAAA,gBAAgB,aAAhB,gBAAgB,uBAAhB,gBAAgB,CAAE,WAAW,0CAAE,aAAa,EAC3D,WAAW,EAAE,yBAAyB,EAAE,EACxC,YAAY,EAAE,YAAY,EAC1B,qBAAqB,EAAE,qBAAqB,EAC5C,cAAc,EAAE,cAAc,EAC9B,SAAS,EAAE,uBAAuB,EAClC,iBAAiB,EAAE,iBAAiB,EACpC,gCAAgC,EAAE,gCAAgC,EAClE,gCAAgC,EAAE,gCAAgC,EAClE,6BAA6B,EAAE,OAAO,CAAC,6BAA6B,EACpE,6BAA6B,EAAE,OAAO,CAAC,6BAA6B,EACpE,MAAM,EAAE,oBAAoB;gBAC5B,6CAA6C;gBAC7C,UAAU,EAAE,gBAAgB,CAAC,UAAU;gBACvC,2CAA2C;gBAC3C,QAAQ,EAAE,gBAAgB,CAAC,QAAQ;gBACnC,4CAA4C;gBAC5C,6BAA6B,EAAE,uBAAuB;gBACtD,4CAA4C;gBAC5C,aAAa,EAAE,aAAa;gBAC5B,4CAA4C;gBAC5C,gBAAgB,EAAE,qBAAqB;gBACvC,4CAA4C;gBAC5C,eAAe,EAAE,oBAAoB;gBACrC,4CAA4C;gBAC5C,0BAA0B,EAAE,0BAA0B;gBACtD,4CAA4C;gBAC5C,QAAQ,EAAE,mBAAmB,CAAC,CAAC,CAAC,CAAC,mBAAmB,CAAC,IAAI,KAAK,QAAQ,CAAC,CAAC,CAAC,QAAQ,CAAC,CAAC,CAAC,YAAY,CAAC,CAAC,CAAC,CAAC,SAAS;gBAC7G,4CAA4C;gBAC5C,gBAAgB,EAAE,gBAAgB;gBAClC,4CAA4C;gBAC5C,OAAO,EAAE,OAAO;gBAChB,2CAA2C;gBAC3C,iBAAiB,EAAE,iBAAiB,GACpC,CACI,CACT,CAAC;IACJ,CAAC,EAAE;QACD,QAAQ;QACR,gBAAgB;QAChB,gCAAgC;QAChC,qBAAqB;QACrB,uBAAuB;QACvB,wBAAwB;QACxB,cAAc;QACd,sBAAsB;QACtB,kBAAkB;QAClB,gCAAgC;QAChC,iBAAiB;QACjB,MAAM,aAAN,MAAM,uBAAN,MAAM,CAAE,UAAU;QAClB,KAAK,CAAC,OAAO,CAAC,cAAc;QAC5B,+CAA+C;QAC/C,kBAAkB;QAElB,MAAM;QACN,uBAAuB;QACvB,4CAA4C;QAC5C,uBAAuB;QACvB,4CAA4C;QAC5C,qBAAqB;QACrB,4CAA4C;QAC5C,oBAAoB;QACpB,4CAA4C;QAC5C,0BAA0B;QAC1B,4CAA4C;QAC5C,mBAAmB;QACnB,4CAA4C;QAC5C,OAAO;QACP,4CAA4C;QAC5C,gBAAgB;QAChB,2CAA2C;QAC3C,iBAAiB;KAClB,CAAC,CAAC;IAEH,MAAM,gBAAgB,GAAG,WAAW,CAClC,CAAC,MAAc,EAAE,EAAE;QACjB,IAAI,kBAAkB,CAAC,MAAM,IAAI,6BAA6B,EAAE,CAAC;YAC/D,OAAO;QACT,CAAC;QACD,IAAI,CAAC,uBAAuB,CAAC,QAAQ,CAAC,MAAM,CAAC,EAAE,CAAC;YAC9C,0BAA0B,CAAC,uBAAuB,CAAC,MAAM,CAAC,MAAM,CAAC,CAAC,CAAC;QACrE,CAAC;QACD,uBAAuB,aAAvB,uBAAuB,uBAAvB,uBAAuB,CAAG,MAAM,CAAC,CAAC;IACpC,CAAC,EACD,CAAC,kBAAkB,CAAC,MAAM,EAAE,uBAAuB,EAAE,0BAA0B,EAAE,uBAAuB,CAAC,CAC1G,CAAC;IACF,MAAM,kBAAkB,GAAG,WAAW,CACpC,CAAC,MAAc,EAAE,EAAE;QACjB,0BAA0B,CAAC,uBAAuB,CAAC,MAAM,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC,KAAK,MAAM,CAAC,CAAC,CAAC;QAChF,yBAAyB,aAAzB,yBAAyB,uBAAzB,yBAAyB,CAAG,MAAM,CAAC,CAAC;IACtC,CAAC,EACD,CAAC,uBAAuB,EAAE,0BAA0B,EAAE,yBAAyB,CAAC,CACjF,CAAC;IAEF,MAAM,CAAC,kBAAkB,EAAE,qBAAqB,CAAC,GAAG,KAAK,CAAC,QAAQ,CAAS,EAAE,CAAC,CAAC;IAC/E;;OAEG;IACH,MAAM,qBAAqB,GAAG,WAAW,CACvC,CAAC,YAAoB,EAAE,EAAE;QACvB,qBAAqB,CAAC,YAAY,CAAC,CAAC;QACpC;;WAEG;QACH,UAAU,CAAC,GAAG,EAAE;YACd,qBAAqB,CAAC,EAAE,CAAC,CAAC;QAC5B,CAAC,EAAE,IAAI,CAAC,CAAC;IACX,CAAC,EACD,CAAC,qBAAqB,CAAC,CACxB,CAAC;IAEF,MAAM,wBAAwB,GAAG,WAAW,CAC1C,CAAC,WAA0C,EAAE,kBAA4B,EAAE,EAAE;QAC3E,MAAM,iBAAiB,GAAG,WAAW,CAAC,WAAW,CAAC;QAClD,MAAM,mBAAmB,GAAG,iBAAiB,CAAC,CAAC,CAAC,wBAAwB,CAAC,WAAW,CAAC,MAAM,CAAC,CAAC,CAAC,CAAC,SAAS,CAAC;QACzG,IAAI,QAAQ,GAAG,kBAAkB,aAAlB,kBAAkB,uBAAlB,kBAAkB,CAAE,QAAQ,CAAC,WAAW,CAAC,MAAM,CAAC,CAAC;QAChE,4CAA4C;QAC5C,MAAM,aAAa,GAAG,CAAC,CAAC,WAAW,CAAC,SAAS,CAAC;QAC9C,4CAA4C;QAC5C,QAAQ,GAAG,aAAa,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC,CAAC,QAAQ,CAAC;QAE5C,MAAM,iBAAiB,GAAG,GAAmC,EAAE;;YAC7D,IAAI,mBAAmB,EAAE,CAAC;gBACxB,OAAO,mBAAmB,CAAC;YAC7B,CAAC;YACD,OAAO,CAAA,iBAAiB,aAAjB,iBAAiB,uBAAjB,iBAAiB,CAAE,UAAU;gBAClC,CAAA,MAAA,iBAAiB,CAAC,UAAU,0CAAE,MAAM,KAAG,MAAA,iBAAiB,CAAC,UAAU,0CAAE,KAAK,CAAA;gBAC1E,CAAC,CAAE;oBACC,WAAW,EAAE,KAAK;oBAClB,UAAU,EAAE,sBAAsB,aAAtB,sBAAsB,uBAAtB,sBAAsB,CAAE,UAAU;iBACxB;gBAC1B,CAAC,CAAC,sBAAsB,CAAC;QAC7B,CAAC,CAAC;QAEF,OAAO,CACL,oBAAC,gBAAgB,IACf,GAAG,EAAE,WAAW,CAAC,MAAM,EACvB,MAAM,EAAE,WAAW,CAAC,MAAM,EAC1B,iBAAiB,EAAE,WAAW,EAC9B,wBAAwB,EAAE,kBAAkB,CAAC,CAAC,CAAC,wBAAwB,CAAC,CAAC,CAAC,SAAS,EACnF,yBAAyB,EAAE,kBAAkB,CAAC,CAAC,CAAC,8BAA8B,CAAC,CAAC,CAAC,SAAS,EAC1F,WAAW,EAAE,kBAAkB,CAAC,CAAC,CAAC,iBAAiB,aAAjB,iBAAiB,uBAAjB,iBAAiB,CAAE,WAAW,CAAC,CAAC,CAAC,KAAK,EACxE,WAAW,EAAE,kBAAkB,CAAC,CAAC,CAAC,iBAAiB,aAAjB,iBAAiB,uBAAjB,iBAAiB,CAAE,WAAW,CAAC,CAAC,CAAC,KAAK,EACxE,aAAa,EAAE,kBAAkB,CAAC,CAAC,CAAC,iBAAiB,aAAjB,iBAAiB,uBAAjB,iBAAiB,CAAE,aAAa,CAAC,CAAC,CAAC,SAAS,EAChF,sBAAsB,EAAE,iBAAiB,EAAE,EAC3C,cAAc,EAAE,cAAc,EAC9B,iBAAiB,EAAE,iBAAiB,EACpC,OAAO,EAAE,OAAO;YAChB,6CAA6C;YAC7C,gBAAgB,EAAE,WAAW,CAAC,KAAK,EACnC,QAAQ,EACN,WAAW,CAAC,MAAM,KAAK,gBAAgB,CAAC,MAAM;gBAC5C,CAAC,CAAC,SAAS;gBACX,CAAC,CAAC,mBAAmB;oBACrB,CAAC,CAAC,mBAAmB,CAAC,IAAI,KAAK,QAAQ;wBACrC,CAAC,CAAC,QAAQ;wBACV,CAAC,CAAC,YAAY;oBAChB,CAAC,CAAC,SAAS,EAEf,gBAAgB,EAAE,gBAAgB,EAClC,gBAAgB,EAAE,gBAAgB,EAClC,kBAAkB,EAAE,kBAAkB,EACtC,mBAAmB,EAAE,mBAAmB,EACxC,QAAQ,EAAE,QAAQ,EAClB,kBAAkB,EAAE,kBAAkB,CAAC,MAAM,IAAI,6BAA6B,EAC9E,qBAAqB,EAAE,qBAAqB;YAC5C,4CAA4C;YAC5C,6BAA6B,EAAE,uBAAuB;YACtD,4CAA4C;YAC5C,aAAa,EAAE,aAAa;YAC5B,4CAA4C;YAC5C,gBAAgB,EAAE,sBAAsB;YACxC,4CAA4C;YAC5C,eAAe,EAAE,qBAAqB;YACtC,4CAA4C;YAC5C,0BAA0B,EAAE,0BAA0B;YACtD,2CAA2C;YAC3C,iBAAiB,EAAE,iBAAiB,GACpC,CACH,CAAC;IACJ,CAAC,EACD;QACE,wBAAwB;QACxB,8BAA8B;QAC9B,sBAAsB;QACtB,gBAAgB;QAChB,cAAc;QACd,iBAAiB;QACjB,OAAO;QACP,gBAAgB;QAChB,mBAAmB;QACnB,wBAAwB;QACxB,kBAAkB;QAClB,gBAAgB;QAChB,kBAAkB;QAClB,qBAAqB;QACrB,mBAAmB;QACnB,4CAA4C,CAAC,uBAAuB;QACpE,4CAA4C,CAAC,sBAAsB;QACnE,4CAA4C,CAAC,qBAAqB;QAClE,4CAA4C,CAAC,0BAA0B;QACvE,2CAA2C,CAAC,iBAAiB;KAC9D,CACF,CAAC;IAEF,MAAM,sBAAsB,GAAG,kBAAkB,CAAC,IAAI,CAAC,CAAC,WAAW,EAAE,EAAE,WAAC,OAAA,MAAA,WAAW,CAAC,iBAAiB,0CAAE,WAAW,CAAA,EAAA,CAAC,CAAC;IAEpH,MAAM,+BAA+B,GAAG,oBAAC,gBAAgB,IAAC,gBAAgB,EAAE,gBAAgB,GAAI,CAAC;IAEjG,MAAM,0BAA0B,GAAG,sBAAsB,IAAI,CAC3D,oBAAC,iBAAiB,oBACZ,sBAAsB,IAC1B,aAAa,EAAE,MAAA,sBAAsB,CAAC,iBAAiB,0CAAE,aAAa,EACtE,wBAAwB,EAAE,wBAAwB,EAClD,yBAAyB,EAAE,oCAAoC,EAC/D,WAAW,EAAE,MAAA,sBAAsB,CAAC,iBAAiB,0CAAE,WAAW,EAClE,2BAA2B,EAAE,wBAAwB,CAAC,sBAAsB,CAAC,MAAM,CAAC,IACpF,CACH,CAAC;IAEF,MAAM,oBAAoB,GAAG,0BAA0B;QACrD,CAAC,CAAC,0BAA0B;QAC5B,CAAC,CAAC,gBAAgB,CAAC,iBAAiB;YACpC,CAAC,CAAC,+BAA+B;YACjC,CAAC,CAAC,SAAS,CAAC;IAEd,MAAM,WAAW,GAAG,OAAO,CACzB,GAAG,EAAE,CAAC,CAAC;QACL,kBAAkB;QAClB,gBAAgB;QAChB,oBAAoB;QACpB,gCAAgC;QAChC,qBAAqB;QACrB,gBAAgB;QAChB,MAAM;QACN,yBAAyB,EAAE,uBAAuB,aAAvB,uBAAuB,cAAvB,uBAAuB,GAAI,wBAAwB;QAC9E,mBAAmB,EAAE,cAAc;QACnC,WAAW,EAAE,cAAc;QAC3B,YAAY,EAAE,eAAe;QAC7B,wBAAwB,EAAE,kBAAkB;QAC5C,mDAAmD,CAAC,uBAAuB;QAC3E,gDAAgD,CAAC,kBAAkB;QACnE,4CAA4C,CAAC,6BAA6B,EAAE,uBAAuB;KACpG,CAAC,EACF;QACE,kBAAkB;QAClB,gBAAgB;QAChB,oBAAoB;QACpB,gCAAgC;QAChC,qBAAqB;QACrB,gBAAgB;QAChB,MAAM;QACN,cAAc;QACd,cAAc;QACd,eAAe;QACf,uBAAuB;QACvB,wBAAwB;QACxB,kBAAkB;QAClB,mDAAmD,CAAC,uBAAuB;QAC3E,gDAAgD,CAAC,kBAAkB;QACnE,4CAA4C,CAAC,uBAAuB;KACrE,CACF,CAAC;IAEF,MAAM,kBAAkB,GAAG,OAAO,CAAC,GAAG,EAAE;QACtC,IAAI,sBAAsB,IAAI,MAAM,KAAK,gBAAgB,EAAE,CAAC;YAC1D,OAAO,oBAAC,oBAAoB,oBAAK,WAAW,EAAI,CAAC;QACnD,CAAC;QACD,IAAI,MAAM,KAAK,oBAAoB,EAAE,CAAC;YACpC,OAAO,oBAAC,wBAAwB,oBAAK,WAAW,EAAI,CAAC;QACvD,CAAC;QAED,IAAI,MAAM,KAAK,SAAS,EAAE,CAAC;YACzB,OAAO,oBAAC,kBAAkB,oBAAK,WAAW,EAAI,CAAC;QACjD,CAAC;QACD,gDAAgD;QAChD,IAAI,MAAM,KAAK,cAAc,EAAE,CAAC;YAC9B,OAAO,oBAAC,kBAAkB,oBAAK,WAAW,EAAI,CAAC;QACjD,CAAC;QACD,OAAO,oBAAC,aAAa,oBAAK,WAAW,EAAI,CAAC;IAC5C,CAAC,EAAE,CAAC,MAAM,EAAE,WAAW,EAAE,sBAAsB,CAAC,CAAC,CAAC;IAElD,OAAO,CACL;QACE,4GAA4G;QAC5G,EAAE,EAAE,wBAAwB,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,gBAAgB,gBAC/C,GAAG,CAAC,YAAY,EAC5B,GAAG,EAAE,YAAY,EACjB,SAAS,EAAE,WAAW,CAAC,yBAAyB,EAAE,MAAM,aAAN,MAAM,uBAAN,MAAM,CAAE,IAAI,EAAE,YAAY,CAAC;QAE5E,kBAAkB;QACnB,oBAAC,SAAS,IAAC,kBAAkB,EAAE,kBAAkB,EAAE,QAAQ,EAAC,QAAQ,GAAG,CACnE,CACP,CAAC;AACJ,CAAC,CAAC","sourcesContent":["// Copyright (c) Microsoft Corporation.\n// Licensed under the MIT License.\n\nimport { concatStyleSets, IStyle, mergeStyles, Stack } from '@fluentui/react';\nimport React, { useCallback, useMemo, useRef } from 'react';\nimport { GridLayoutStyles } from '.';\nimport { Announcer } from './Announcer';\nimport { useEffect } from 'react';\nimport { useLocale } from '../localization';\nimport { useTheme } from '../theming';\nimport {\n BaseCustomStyles,\n OnRenderAvatarCallback,\n VideoGalleryLocalParticipant,\n VideoGalleryRemoteParticipant,\n VideoStreamOptions,\n CreateVideoStreamViewResult\n} from '../types';\nimport { ViewScalingMode } from '../types';\nimport { HorizontalGalleryStyles } from './HorizontalGallery';\nimport { _RemoteVideoTile } from './RemoteVideoTile';\nimport { isNarrowWidth, _useContainerHeight, _useContainerWidth } from './utils/responsive';\nimport { LocalScreenShare } from './VideoGallery/LocalScreenShare';\nimport { RemoteScreenShare } from './VideoGallery/RemoteScreenShare';\nimport { LocalVideoCameraCycleButtonProps } from './LocalVideoCameraButton';\nimport { _ICoordinates, _ModalClone } from './ModalClone/ModalClone';\nimport { _formatString } from '@internal/acs-ui-common';\nimport { _LocalVideoTile } from './LocalVideoTile';\nimport { DefaultLayout } from './VideoGallery/DefaultLayout';\nimport { FloatingLocalVideoLayout } from './VideoGallery/FloatingLocalVideoLayout';\nimport { useIdentifiers } from '../identifiers';\nimport { localVideoTileContainerStyles, videoGalleryOuterDivStyle } from './styles/VideoGallery.styles';\nimport { floatingLocalVideoTileStyle } from './VideoGallery/styles/FloatingLocalVideo.styles';\nimport { useId } from '@fluentui/react-hooks';\n/* @conditional-compile-remove(vertical-gallery) /\nimport { VerticalGalleryStyles } from './VerticalGallery';\nimport { SpeakerVideoLayout } from './VideoGallery/SpeakerVideoLayout';\nimport { FocusedContentLayout } from './VideoGallery/FocusContentLayout';\n/ @conditional-compile-remove(large-gallery) /\nimport { LargeGalleryLayout } from './VideoGallery/LargeGalleryLayout';\nimport { LayoutProps } from './VideoGallery/Layout';\n/ @conditional-compile-remove(reaction) /\nimport { ReactionResources } from '../types/ReactionTypes';\n\n/\n @private\n * Currently the Calling JS SDK supports up to 4 remote video streams\n /\nexport const DEFAULT_MAX_REMOTE_VIDEO_STREAMS = 4;\n\n/\n @private\n * Styles to disable the selectivity of a text in video gallery\n /\nexport const unselectable = {\n '-webkit-user-select': 'none',\n '-webkit-touch-callout': 'none',\n '-moz-user-select': 'none',\n '-ms-user-select': 'none',\n 'user-select': 'none'\n};\n/\n @private\n * Set aside only 6 dominant speakers for remaining audio participants\n /\nexport const MAX_AUDIO_DOMINANT_SPEAKERS = 6;\n/\n @private\n * Default remote video tile menu options\n /\nexport const DEFAULT_REMOTE_VIDEO_TILE_MENU_OPTIONS = {\n kind: 'contextual'\n};\n\n/\n @private\n * Maximum number of remote video tiles that can be pinned\n /\nexport const MAX_PINNED_REMOTE_VIDEO_TILES = 4;\n\n/\n All strings that may be shown on the UI in the {@link VideoGallery}.\n \n @public\n /\nexport interface VideoGalleryStrings {\n /* String to notify that local user is sharing their screen /\n screenIsBeingSharedMessage: string;\n /* String to show when remote screen share stream is loading /\n screenShareLoadingMessage: string;\n /* String for local video label. Default is \"You\" /\n localVideoLabel: string;\n /* String for local video camera switcher /\n localVideoCameraSwitcherLabel: string;\n /* String for announcing the local video tile can be moved by keyboard controls /\n localVideoMovementLabel: string;\n /* String for announcing the selected camera /\n localVideoSelectedDescription: string;\n /* placeholder text for participants who does not have a display name/\n displayNamePlaceholder: string;\n /* Menu text shown in Video Tile contextual menu for setting a remote participants video to fit in frame /\n fitRemoteParticipantToFrame: string;\n /* Menu text shown in Video Tile contextual menu for setting a remote participants video to fill the frame /\n fillRemoteParticipantFrame: string;\n /* Menu text shown in Video Tile contextual menu for pinning a remote participant's video tile /\n pinParticipantForMe: string;\n /* Menu text shown in Video Tile contextual menu for unpinning a remote participant's video tile /\n unpinParticipantForMe: string;\n /* Aria label for pin participant menu item of remote participant's video tile /\n pinParticipantMenuItemAriaLabel: string;\n /* Aria label for unpin participant menu item of remote participant's video tile /\n unpinParticipantMenuItemAriaLabel: string;\n /* Aria label to announce when remote participant's video tile is pinned /\n pinnedParticipantAnnouncementAriaLabel: string;\n /* Aria label to announce when remote participant's video tile is unpinned /\n unpinnedParticipantAnnouncementAriaLabel: string;\n / @conditional-compile-remove(spotlight) /\n /* Menu text shown in Video Tile contextual menu to start spotlight on participant's video tile /\n startSpotlightVideoTileMenuLabel: string;\n / @conditional-compile-remove(spotlight) /\n /* Menu text shown in Video Tile contextual menu to add spotlight to participant's video tile /\n addSpotlightVideoTileMenuLabel: string;\n / @conditional-compile-remove(spotlight) /\n /* Menu title for start spotlight menu item when spotlight limit is reached /\n spotlightLimitReachedMenuTitle: string;\n / @conditional-compile-remove(spotlight) /\n /* Menu text shown in Video Tile contextual menu to stop spotlight on participant's video tile /\n stopSpotlightVideoTileMenuLabel: string;\n / @conditional-compile-remove(spotlight) /\n /* Menu text shown in Video Tile contextual menu to stop spotlight on local user's video tile /\n stopSpotlightOnSelfVideoTileMenuLabel: string;\n / @conditional-compile-remove(hide-attendee-name) /\n /* String for the attendee role /\n attendeeRole: string;\n}\n\n/\n @public\n /\nexport type VideoGalleryLayout =\n \| 'default'\n \| 'floatingLocalVideo'\n \| 'speaker'\n \| / @conditional-compile-remove(large-gallery) / 'largeGallery'\n \| 'focusedContent';\n\n/\n {@link VideoGallery} Component Styles.\n * @public\n /\nexport interface VideoGalleryStyles extends BaseCustomStyles {\n /* Styles for the grid layout /\n gridLayout?: GridLayoutStyles;\n /* Styles for the horizontal gallery /\n horizontalGallery?: HorizontalGalleryStyles;\n /* Styles for the local video /\n localVideo?: IStyle;\n / @conditional-compile-remove(vertical-gallery) /\n /* Styles for the vertical gallery /\n verticalGallery?: VerticalGalleryStyles;\n}\n\n/ @conditional-compile-remove(vertical-gallery) /\n/\n Different modes and positions of the overflow gallery in the VideoGallery\n \n @public\n /\nexport type OverflowGalleryPosition = 'horizontalBottom' \| 'verticalRight' \| 'horizontalTop';\n\n/ @conditional-compile-remove(click-to-call) / / @conditional-compile-remove(rooms) /\n/\n different modes of the local video tile\n \n @public\n /\nexport type LocalVideoTileSize = '9:16' \| '16:9' \| 'hidden' \| 'followDeviceOrientation';\n\n/\n Props for {@link VideoGallery}.\n \n @public\n /\nexport interface VideoGalleryProps {\n /\n Allows users to pass an object containing custom CSS styles for the gallery container.\n \n @Example\n * ```\n * <VideoGallery styles={{ root: { border: 'solid 1px red' } }} />\n * ```\n /\n styles?: VideoGalleryStyles;\n /* Layout of the video tiles. /\n layout?: VideoGalleryLayout;\n /* Local video particpant /\n localParticipant: VideoGalleryLocalParticipant;\n /* List of remote video particpants /\n remoteParticipants?: VideoGalleryRemoteParticipant[];\n /* List of dominant speaker userIds in the order of their dominance. 0th index is the most dominant. /\n dominantSpeakers?: string[];\n /* Local video view options /\n localVideoViewOptions?: VideoStreamOptions;\n /* Remote videos view options /\n remoteVideoViewOptions?: VideoStreamOptions;\n /* Callback to create the local video stream view /\n onCreateLocalStreamView?: (options?: VideoStreamOptions) => Promise<void \| CreateVideoStreamViewResult>;\n /* Callback to dispose of the local video stream view /\n onDisposeLocalStreamView?: () => void;\n /* Callback to render the local video tile/\n onRenderLocalVideoTile?: (localParticipant: VideoGalleryLocalParticipant) => JSX.Element;\n /* Callback to create a remote video stream view /\n onCreateRemoteStreamView?: (\n userId: string,\n options?: VideoStreamOptions\n ) => Promise<void \| CreateVideoStreamViewResult>;\n /* Callback to render a remote video tile /\n onRenderRemoteVideoTile?: (remoteParticipant: VideoGalleryRemoteParticipant) => JSX.Element;\n /\n @deprecated use {@link onDisposeRemoteVideoStreamView} and {@link onDisposeRemoteScreenShareStreamView} instead\n \n Callback to dispose a remote video stream view\n /\n onDisposeRemoteStreamView?: (userId: string) => Promise<void>;\n /* Callback to dispose a remote video stream view /\n onDisposeRemoteVideoStreamView?: (userId: string) => Promise<void>;\n /* Callback to dispose a remote screen share stream view /\n onDisposeRemoteScreenShareStreamView?: (userId: string) => Promise<void>;\n /* Callback to render a particpant avatar /\n onRenderAvatar?: OnRenderAvatarCallback;\n /\n Whether to display the local video camera switcher button\n /\n showCameraSwitcherInLocalPreview?: boolean;\n /\n Whether to display a mute icon beside the user's display name.\n * @defaultValue `true`\n /\n showMuteIndicator?: boolean;\n /* Optional strings to override in component /\n strings?: Partial<VideoGalleryStrings>;\n /\n Maximum number of participant remote video streams that is rendered.\n * @defaultValue 4\n /\n maxRemoteVideoStreams?: number;\n /\n Camera control information for button to switch cameras.\n /\n localVideoCameraCycleButtonProps?: LocalVideoCameraCycleButtonProps;\n /\n List of pinned participant userIds.\n /\n pinnedParticipants?: string[];\n /\n This callback will be called when a participant video tile is pinned.\n /\n onPinParticipant?: (userId: string) => void;\n /\n This callback will be called when a participant video tile is un-pinned.\n /\n onUnpinParticipant?: (userId: string) => void;\n / @conditional-compile-remove(spotlight) /\n /\n List of spotlighted participant userIds.\n /\n spotlightedParticipants?: string[];\n / @conditional-compile-remove(spotlight) /\n /\n This callback will be called when spotlight is started for the local participant video tile.\n /\n onStartLocalSpotlight?: () => Promise<void>;\n / @conditional-compile-remove(spotlight) /\n /\n This callback will be called when spotlight is started for the local participant video tile.\n /\n onStartRemoteSpotlight?: (userIds?: string[]) => Promise<void>;\n / @conditional-compile-remove(spotlight) /\n /\n This callback will be called when spotlight is stopped for remote participant video tiles.\n /\n onStopLocalSpotlight?: () => Promise<void>;\n / @conditional-compile-remove(spotlight) /\n /\n This callback will be called when spotlight is stopped for remote participant video tiles.\n /\n onStopRemoteSpotlight?: (userIds?: string[]) => Promise<void>;\n / @conditional-compile-remove(spotlight) /\n /\n Maximum participants that can be spotlighted\n /\n maxParticipantsToSpotlight?: number;\n /\n Options for showing the remote video tile menu.\n \n @defaultValue \\{ kind: 'contextual' \\}\n /\n remoteVideoTileMenu?: false \| VideoTileContextualMenuProps \| VideoTileDrawerMenuProps;\n / @conditional-compile-remove(vertical-gallery) /\n /\n Determines the layout of the overflowGallery inside the VideoGallery.\n * @defaultValue 'horizontalBottom'\n /\n overflowGalleryPosition?: OverflowGalleryPosition;\n / @conditional-compile-remove(click-to-call) / / @conditional-compile-remove(rooms) /\n /\n Determines the aspect ratio of local video tile in the video gallery.\n * @remarks 'followDeviceOrientation' will be responsive to the screen orientation and will change between 9:16 (portrait) and\n * 16:9 (landscape) aspect ratios.\n * @defaultValue 'followDeviceOrientation'\n /\n localVideoTileSize?: LocalVideoTileSize;\n / @conditional-compile-remove(reaction) /\n /\n Reaction resources for like, heart, laugh, applause and surprised.\n * @beta\n /\n reactionResources?: ReactionResources;\n}\n\n/\n Properties for showing contextual menu for remote {@link VideoTile} components in {@link VideoGallery}.\n \n @public\n /\nexport interface VideoTileContextualMenuProps {\n /\n The menu property kind\n /\n kind: 'contextual';\n}\n\n/\n Properties for showing drawer menu on remote {@link VideoTile} long touch in {@link VideoGallery}.\n \n @public\n /\nexport interface VideoTileDrawerMenuProps {\n /\n The menu property kind\n /\n kind: 'drawer';\n /\n The optional id property provided on an element that the drawer menu should render within when a\n * remote participant video tile Drawer is shown. If an id is not provided, then a drawer menu will\n * render within the VideoGallery component.\n /\n hostId?: string;\n}\n/\n VideoGallery represents a layout of video tiles for a specific call.\n * It displays a {@link VideoTile} for the local user as well as for each remote participant who has joined the call.\n \n @public\n /\nexport const VideoGallery = (props: VideoGalleryProps): JSX.Element => {\n const {\n localParticipant,\n remoteParticipants = [],\n localVideoViewOptions,\n remoteVideoViewOptions,\n dominantSpeakers,\n onRenderLocalVideoTile,\n onRenderRemoteVideoTile,\n onCreateLocalStreamView,\n onDisposeLocalStreamView,\n onCreateRemoteStreamView,\n onDisposeRemoteScreenShareStreamView,\n onDisposeRemoteVideoStreamView,\n styles,\n layout,\n onRenderAvatar,\n showMuteIndicator,\n maxRemoteVideoStreams = DEFAULT_MAX_REMOTE_VIDEO_STREAMS,\n showCameraSwitcherInLocalPreview,\n localVideoCameraCycleButtonProps,\n onPinParticipant: onPinParticipantHandler,\n onUnpinParticipant: onUnpinParticipantHandler,\n remoteVideoTileMenu = DEFAULT_REMOTE_VIDEO_TILE_MENU_OPTIONS,\n / @conditional-compile-remove(vertical-gallery) /\n overflowGalleryPosition = 'horizontalBottom',\n / @conditional-compile-remove(rooms) /\n localVideoTileSize = 'followDeviceOrientation',\n / @conditional-compile-remove(spotlight) /\n spotlightedParticipants,\n / @conditional-compile-remove(spotlight) /\n onStartLocalSpotlight,\n / @conditional-compile-remove(spotlight) /\n onStartRemoteSpotlight,\n / @conditional-compile-remove(spotlight) /\n onStopLocalSpotlight,\n / @conditional-compile-remove(spotlight) /\n onStopRemoteSpotlight,\n / @conditional-compile-remove(spotlight) /\n maxParticipantsToSpotlight,\n / @conditional-compile-remove(reaction) /\n reactionResources\n } = props;\n\n const ids = useIdentifiers();\n const theme = useTheme();\n const localeStrings = useLocale().strings.videoGallery;\n const strings = useMemo(() => ({ ...localeStrings, ...props.strings }), [localeStrings, props.strings]);\n\n const drawerMenuHostIdFromProp =\n remoteVideoTileMenu && remoteVideoTileMenu.kind === 'drawer'\n ? (remoteVideoTileMenu as VideoTileDrawerMenuProps).hostId\n : undefined;\n const drawerMenuHostId = useId('drawerMenuHost', drawerMenuHostIdFromProp);\n\n const localTileNotInGrid = (layout === 'floatingLocalVideo' \|\| layout === 'speaker') && remoteParticipants.length > 0;\n\n const containerRef = useRef<HTMLDivElement>(null);\n const containerWidth = _useContainerWidth(containerRef);\n const containerHeight = _useContainerHeight(containerRef);\n const isNarrow = containerWidth ? isNarrowWidth(containerWidth) : false;\n\n const [pinnedParticipantsState, setPinnedParticipantsState] = React.useState<string[]>([]);\n const [selectedScalingModeState, setselectedScalingModeState] = React.useState<Record<string, VideoStreamOptions>>(\n {}\n );\n\n const onUpdateScalingMode = useCallback(\n (remoteUserId: string, scalingMode: ViewScalingMode) => {\n setselectedScalingModeState((current) => ({\n ...current,\n [remoteUserId]: {\n scalingMode,\n isMirrored: remoteVideoViewOptions?.isMirrored\n }\n }));\n },\n [remoteVideoViewOptions?.isMirrored]\n );\n useEffect(() => {\n props.pinnedParticipants?.forEach((pinParticipant) => {\n if (!props.remoteParticipants?.find((t) => t.userId === pinParticipant)) {\n // warning will be logged in the console when invalid participant id is passed in pinned participants\n console.warn('Invalid pinned participant UserId :' + pinParticipant);\n }\n });\n }, [props.pinnedParticipants, props.remoteParticipants]);\n // Use pinnedParticipants from props but if it is not defined use the maintained state of pinned participants\n const pinnedParticipants = props.pinnedParticipants ?? pinnedParticipantsState;\n\n const showLocalVideoTileLabel =\n !(\n (localTileNotInGrid && isNarrow) \|\|\n /@conditional-compile-remove(click-to-call) / / @conditional-compile-remove(rooms) / localVideoTileSize ===\n '9:16'\n ) \|\| layout === 'default';\n /\n Utility function for memoized rendering of LocalParticipant.\n /\n const localVideoTile = useMemo((): JSX.Element / @conditional-compile-remove(rooms) / \| undefined => {\n / @conditional-compile-remove(click-to-call) /\n if (localVideoTileSize === 'hidden') {\n return undefined;\n }\n if (onRenderLocalVideoTile) {\n return onRenderLocalVideoTile(localParticipant);\n }\n\n / @conditional-compile-remove(spotlight) /\n const isSpotlighted = !!localParticipant.spotlight;\n\n const localVideoTileStyles = concatStyleSets(\n localTileNotInGrid ? floatingLocalVideoTileStyle : {},\n {\n root: { borderRadius: theme.effects.roundedCorner4 }\n },\n styles?.localVideo\n );\n\n const initialsName = !localParticipant.displayName ? '' : localParticipant.displayName;\n\n const showDisplayNameTrampoline = (): string => {\n return layout === 'default' ? strings.localVideoLabel : isNarrow ? '' : strings.localVideoLabel;\n return isNarrow ? '' : strings.localVideoLabel;\n };\n\n return (\n <Stack\n styles={localVideoTileContainerStyles}\n key=\"local-video-tile-key\"\n tabIndex={0}\n aria-label={strings.localVideoMovementLabel}\n role={'dialog'}\n >\n <_LocalVideoTile\n userId={localParticipant.userId}\n onCreateLocalStreamView={onCreateLocalStreamView}\n onDisposeLocalStreamView={onDisposeLocalStreamView}\n isAvailable={localParticipant?.videoStream?.isAvailable}\n isMuted={localParticipant.isMuted}\n renderElement={localParticipant?.videoStream?.renderElement}\n displayName={showDisplayNameTrampoline()}\n initialsName={initialsName}\n localVideoViewOptions={localVideoViewOptions}\n onRenderAvatar={onRenderAvatar}\n showLabel={showLocalVideoTileLabel}\n showMuteIndicator={showMuteIndicator}\n showCameraSwitcherInLocalPreview={showCameraSwitcherInLocalPreview}\n localVideoCameraCycleButtonProps={localVideoCameraCycleButtonProps}\n localVideoCameraSwitcherLabel={strings.localVideoCameraSwitcherLabel}\n localVideoSelectedDescription={strings.localVideoSelectedDescription}\n styles={localVideoTileStyles}\n / @conditional-compile-remove(raise-hand) /\n raisedHand={localParticipant.raisedHand}\n / @conditional-compile-remove(reaction) /\n reaction={localParticipant.reaction}\n / @conditional-compile-remove(spotlight) /\n spotlightedParticipantUserIds={spotlightedParticipants}\n / @conditional-compile-remove(spotlight) /\n isSpotlighted={isSpotlighted}\n / @conditional-compile-remove(spotlight) /\n onStartSpotlight={onStartLocalSpotlight}\n / @conditional-compile-remove(spotlight) /\n onStopSpotlight={onStopLocalSpotlight}\n / @conditional-compile-remove(spotlight) /\n maxParticipantsToSpotlight={maxParticipantsToSpotlight}\n / @conditional-compile-remove(spotlight) /\n menuKind={remoteVideoTileMenu ? (remoteVideoTileMenu.kind === 'drawer' ? 'drawer' : 'contextual') : undefined}\n / @conditional-compile-remove(spotlight) /\n drawerMenuHostId={drawerMenuHostId}\n / @conditional-compile-remove(spotlight) /\n strings={strings}\n / @conditional-compile-remove(reaction) /\n reactionResources={reactionResources}\n />\n </Stack>\n );\n }, [\n isNarrow,\n localParticipant,\n localVideoCameraCycleButtonProps,\n localVideoViewOptions,\n onCreateLocalStreamView,\n onDisposeLocalStreamView,\n onRenderAvatar,\n onRenderLocalVideoTile,\n localTileNotInGrid,\n showCameraSwitcherInLocalPreview,\n showMuteIndicator,\n styles?.localVideo,\n theme.effects.roundedCorner4,\n /@conditional-compile-remove(click-to-call) /\n localVideoTileSize,\n\n layout,\n showLocalVideoTileLabel,\n / @conditional-compile-remove(spotlight) /\n spotlightedParticipants,\n / @conditional-compile-remove(spotlight) /\n onStartLocalSpotlight,\n / @conditional-compile-remove(spotlight) /\n onStopLocalSpotlight,\n / @conditional-compile-remove(spotlight) /\n maxParticipantsToSpotlight,\n / @conditional-compile-remove(spotlight) /\n remoteVideoTileMenu,\n / @conditional-compile-remove(spotlight) /\n strings,\n / @conditional-compile-remove(spotlight) /\n drawerMenuHostId,\n / @conditional-compile-remove(reaction) /\n reactionResources\n ]);\n\n const onPinParticipant = useCallback(\n (userId: string) => {\n if (pinnedParticipants.length >= MAX_PINNED_REMOTE_VIDEO_TILES) {\n return;\n }\n if (!pinnedParticipantsState.includes(userId)) {\n setPinnedParticipantsState(pinnedParticipantsState.concat(userId));\n }\n onPinParticipantHandler?.(userId);\n },\n [pinnedParticipants.length, pinnedParticipantsState, setPinnedParticipantsState, onPinParticipantHandler]\n );\n const onUnpinParticipant = useCallback(\n (userId: string) => {\n setPinnedParticipantsState(pinnedParticipantsState.filter((p) => p !== userId));\n onUnpinParticipantHandler?.(userId);\n },\n [pinnedParticipantsState, setPinnedParticipantsState, onUnpinParticipantHandler]\n );\n\n const [announcementString, setAnnouncementString] = React.useState<string>('');\n /\n sets the announcement string for VideoGallery actions so that the screenreader will trigger\n /\n const toggleAnnouncerString = useCallback(\n (announcement: string) => {\n setAnnouncementString(announcement);\n /\n Clears the announcer string after VideoGallery action allowing it to be re-announced.\n /\n setTimeout(() => {\n setAnnouncementString('');\n }, 3000);\n },\n [setAnnouncementString]\n );\n\n const defaultOnRenderVideoTile = useCallback(\n (participant: VideoGalleryRemoteParticipant, isVideoParticipant?: boolean) => {\n const remoteVideoStream = participant.videoStream;\n const selectedScalingMode = remoteVideoStream ? selectedScalingModeState[participant.userId] : undefined;\n let isPinned = pinnedParticipants?.includes(participant.userId);\n / @conditional-compile-remove(spotlight) /\n const isSpotlighted = !!participant.spotlight;\n / @conditional-compile-remove(spotlight) /\n isPinned = isSpotlighted ? false : isPinned;\n\n const createViewOptions = (): VideoStreamOptions \| undefined => {\n if (selectedScalingMode) {\n return selectedScalingMode;\n }\n return remoteVideoStream?.streamSize &&\n remoteVideoStream.streamSize?.height > remoteVideoStream.streamSize?.width\n ? ({\n scalingMode: 'Fit',\n isMirrored: remoteVideoViewOptions?.isMirrored\n } as VideoStreamOptions)\n : remoteVideoViewOptions;\n };\n\n return (\n <_RemoteVideoTile\n key={participant.userId}\n userId={participant.userId}\n remoteParticipant={participant}\n onCreateRemoteStreamView={isVideoParticipant ? onCreateRemoteStreamView : undefined}\n onDisposeRemoteStreamView={isVideoParticipant ? onDisposeRemoteVideoStreamView : undefined}\n isAvailable={isVideoParticipant ? remoteVideoStream?.isAvailable : false}\n isReceiving={isVideoParticipant ? remoteVideoStream?.isReceiving : false}\n renderElement={isVideoParticipant ? remoteVideoStream?.renderElement : undefined}\n remoteVideoViewOptions={createViewOptions()}\n onRenderAvatar={onRenderAvatar}\n showMuteIndicator={showMuteIndicator}\n strings={strings}\n / @conditional-compile-remove(PSTN-calls) /\n participantState={participant.state}\n menuKind={\n participant.userId === localParticipant.userId\n ? undefined\n : remoteVideoTileMenu\n ? remoteVideoTileMenu.kind === 'drawer'\n ? 'drawer'\n : 'contextual'\n : undefined\n }\n drawerMenuHostId={drawerMenuHostId}\n onPinParticipant={onPinParticipant}\n onUnpinParticipant={onUnpinParticipant}\n onUpdateScalingMode={onUpdateScalingMode}\n isPinned={isPinned}\n disablePinMenuItem={pinnedParticipants.length >= MAX_PINNED_REMOTE_VIDEO_TILES}\n toggleAnnouncerString={toggleAnnouncerString}\n / @conditional-compile-remove(spotlight) /\n spotlightedParticipantUserIds={spotlightedParticipants}\n / @conditional-compile-remove(spotlight) /\n isSpotlighted={isSpotlighted}\n / @conditional-compile-remove(spotlight) /\n onStartSpotlight={onStartRemoteSpotlight}\n / @conditional-compile-remove(spotlight) /\n onStopSpotlight={onStopRemoteSpotlight}\n / @conditional-compile-remove(spotlight) /\n maxParticipantsToSpotlight={maxParticipantsToSpotlight}\n / @conditional-compile-remove(reaction) /\n reactionResources={reactionResources}\n />\n );\n },\n [\n onCreateRemoteStreamView,\n onDisposeRemoteVideoStreamView,\n remoteVideoViewOptions,\n localParticipant,\n onRenderAvatar,\n showMuteIndicator,\n strings,\n drawerMenuHostId,\n remoteVideoTileMenu,\n selectedScalingModeState,\n pinnedParticipants,\n onPinParticipant,\n onUnpinParticipant,\n toggleAnnouncerString,\n onUpdateScalingMode,\n / @conditional-compile-remove(spotlight) / spotlightedParticipants,\n / @conditional-compile-remove(spotlight) / onStartRemoteSpotlight,\n / @conditional-compile-remove(spotlight) / onStopRemoteSpotlight,\n / @conditional-compile-remove(spotlight) / maxParticipantsToSpotlight,\n / @conditional-compile-remove(reaction) / reactionResources\n ]\n );\n\n const screenShareParticipant = remoteParticipants.find((participant) => participant.screenShareStream?.isAvailable);\n\n const localScreenShareStreamComponent = <LocalScreenShare localParticipant={localParticipant} />;\n\n const remoteScreenShareComponent = screenShareParticipant && (\n <RemoteScreenShare\n {...screenShareParticipant}\n renderElement={screenShareParticipant.screenShareStream?.renderElement}\n onCreateRemoteStreamView={onCreateRemoteStreamView}\n onDisposeRemoteStreamView={onDisposeRemoteScreenShareStreamView}\n isReceiving={screenShareParticipant.screenShareStream?.isReceiving}\n participantVideoScalingMode={selectedScalingModeState[screenShareParticipant.userId]}\n />\n );\n\n const screenShareComponent = remoteScreenShareComponent\n ? remoteScreenShareComponent\n : localParticipant.isScreenSharingOn\n ? localScreenShareStreamComponent\n : undefined;\n\n const layoutProps = useMemo<LayoutProps>(\n () => ({\n remoteParticipants,\n localParticipant,\n screenShareComponent,\n showCameraSwitcherInLocalPreview,\n maxRemoteVideoStreams,\n dominantSpeakers,\n styles,\n onRenderRemoteParticipant: onRenderRemoteVideoTile ?? defaultOnRenderVideoTile,\n localVideoComponent: localVideoTile,\n parentWidth: containerWidth,\n parentHeight: containerHeight,\n pinnedParticipantUserIds: pinnedParticipants,\n / @conditional-compile-remove(vertical-gallery) / overflowGalleryPosition,\n / @conditional-compile-remove(click-to-call) / localVideoTileSize,\n / @conditional-compile-remove(spotlight) / spotlightedParticipantUserIds: spotlightedParticipants\n }),\n [\n remoteParticipants,\n localParticipant,\n screenShareComponent,\n showCameraSwitcherInLocalPreview,\n maxRemoteVideoStreams,\n dominantSpeakers,\n styles,\n localVideoTile,\n containerWidth,\n containerHeight,\n onRenderRemoteVideoTile,\n defaultOnRenderVideoTile,\n pinnedParticipants,\n / @conditional-compile-remove(vertical-gallery) / overflowGalleryPosition,\n / @conditional-compile-remove(click-to-call) / localVideoTileSize,\n / @conditional-compile-remove(spotlight) / spotlightedParticipants\n ]\n );\n\n const videoGalleryLayout = useMemo(() => {\n if (screenShareParticipant && layout === 'focusedContent') {\n return <FocusedContentLayout {...layoutProps} />;\n }\n if (layout === 'floatingLocalVideo') {\n return <FloatingLocalVideoLayout {...layoutProps} />;\n }\n\n if (layout === 'speaker') {\n return <SpeakerVideoLayout {...layoutProps} />;\n }\n / @conditional-compile-remove(large-gallery) */\n if (layout === 'largeGallery') {\n return <LargeGalleryLayout {...layoutProps} />;\n }\n return <DefaultLayout {...layoutProps} />;\n }, [layout, layoutProps, screenShareParticipant]);\n\n return (\n <div\n // We don't assign an drawer menu host id to the VideoGallery when a drawerMenuHostId is assigned from props\n id={drawerMenuHostIdFromProp ? undefined : drawerMenuHostId}\n data-ui-id={ids.videoGallery}\n ref={containerRef}\n className={mergeStyles(videoGalleryOuterDivStyle, styles?.root, unselectable)}\n >\n {videoGalleryLayout}\n <Announcer announcementString={announcementString} ariaLive=\"polite\" />\n </div>\n );\n};\n"]}
1	+ {"version":3,"file":"VideoGallery.js","sourceRoot":"","sources":["../../../../../../react-components/src/components/VideoGallery.tsx"],"names":[],"mappings":"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","sourcesContent":["// Copyright (c) Microsoft Corporation.\n// Licensed under the MIT License.\n\nimport { concatStyleSets, IStyle, mergeStyles, Stack } from '@fluentui/react';\nimport React, { useCallback, useMemo, useRef } from 'react';\nimport { GridLayoutStyles } from '.';\nimport { Announcer } from './Announcer';\nimport { useEffect } from 'react';\nimport { useLocale } from '../localization';\nimport { useTheme } from '../theming';\nimport {\n BaseCustomStyles,\n OnRenderAvatarCallback,\n VideoGalleryLocalParticipant,\n VideoGalleryRemoteParticipant,\n VideoStreamOptions,\n CreateVideoStreamViewResult\n} from '../types';\nimport { ViewScalingMode } from '../types';\nimport { HorizontalGalleryStyles } from './HorizontalGallery';\nimport { _RemoteVideoTile } from './RemoteVideoTile';\nimport { isNarrowWidth, _useContainerHeight, _useContainerWidth } from './utils/responsive';\nimport { LocalScreenShare } from './VideoGallery/LocalScreenShare';\nimport { RemoteScreenShare } from './VideoGallery/RemoteScreenShare';\nimport { LocalVideoCameraCycleButtonProps } from './LocalVideoCameraButton';\nimport { _ICoordinates, _ModalClone } from './ModalClone/ModalClone';\nimport { _formatString } from '@internal/acs-ui-common';\nimport { _LocalVideoTile } from './LocalVideoTile';\nimport { DefaultLayout } from './VideoGallery/DefaultLayout';\nimport { FloatingLocalVideoLayout } from './VideoGallery/FloatingLocalVideoLayout';\nimport { useIdentifiers } from '../identifiers';\nimport { localVideoTileContainerStyles, videoGalleryOuterDivStyle } from './styles/VideoGallery.styles';\nimport { floatingLocalVideoTileStyle } from './VideoGallery/styles/FloatingLocalVideo.styles';\nimport { useId } from '@fluentui/react-hooks';\n/* @conditional-compile-remove(vertical-gallery) /\nimport { VerticalGalleryStyles } from './VerticalGallery';\nimport { SpeakerVideoLayout } from './VideoGallery/SpeakerVideoLayout';\nimport { FocusedContentLayout } from './VideoGallery/FocusContentLayout';\n/ @conditional-compile-remove(large-gallery) /\nimport { LargeGalleryLayout } from './VideoGallery/LargeGalleryLayout';\nimport { LayoutProps } from './VideoGallery/Layout';\n/ @conditional-compile-remove(reaction) /\nimport { ReactionResources } from '../types/ReactionTypes';\n\n/\n @private\n * Currently the Calling JS SDK supports up to 4 remote video streams\n /\nexport const DEFAULT_MAX_REMOTE_VIDEO_STREAMS = 4;\n\n/\n @private\n * Styles to disable the selectivity of a text in video gallery\n /\nexport const unselectable = {\n '-webkit-user-select': 'none',\n '-webkit-touch-callout': 'none',\n '-moz-user-select': 'none',\n '-ms-user-select': 'none',\n 'user-select': 'none'\n};\n/\n @private\n * Set aside only 6 dominant speakers for remaining audio participants\n /\nexport const MAX_AUDIO_DOMINANT_SPEAKERS = 6;\n/\n @private\n * Default remote video tile menu options\n /\nexport const DEFAULT_REMOTE_VIDEO_TILE_MENU_OPTIONS = {\n kind: 'contextual'\n};\n\n/\n @private\n * Maximum number of remote video tiles that can be pinned\n /\nexport const MAX_PINNED_REMOTE_VIDEO_TILES = 4;\n\n/\n All strings that may be shown on the UI in the {@link VideoGallery}.\n \n @public\n /\nexport interface VideoGalleryStrings {\n /* String to notify that local user is sharing their screen /\n screenIsBeingSharedMessage: string;\n /* String to show when remote screen share stream is loading /\n screenShareLoadingMessage: string;\n /* String for local video label. Default is \"You\" /\n localVideoLabel: string;\n /* String for local video camera switcher /\n localVideoCameraSwitcherLabel: string;\n /* String for announcing the local video tile can be moved by keyboard controls /\n localVideoMovementLabel: string;\n /* String for announcing the selected camera /\n localVideoSelectedDescription: string;\n /* placeholder text for participants who does not have a display name/\n displayNamePlaceholder: string;\n /* Menu text shown in Video Tile contextual menu for setting a remote participants video to fit in frame /\n fitRemoteParticipantToFrame: string;\n /* Menu text shown in Video Tile contextual menu for setting a remote participants video to fill the frame /\n fillRemoteParticipantFrame: string;\n /* Menu text shown in Video Tile contextual menu for pinning a remote participant's video tile /\n pinParticipantForMe: string;\n /* Menu text shown in Video Tile contextual menu for unpinning a remote participant's video tile /\n unpinParticipantForMe: string;\n /* Aria label for pin participant menu item of remote participant's video tile /\n pinParticipantMenuItemAriaLabel: string;\n /* Aria label for unpin participant menu item of remote participant's video tile /\n unpinParticipantMenuItemAriaLabel: string;\n /* Aria label to announce when remote participant's video tile is pinned /\n pinnedParticipantAnnouncementAriaLabel: string;\n /* Aria label to announce when remote participant's video tile is unpinned /\n unpinnedParticipantAnnouncementAriaLabel: string;\n / @conditional-compile-remove(spotlight) /\n /* Menu text shown in Video Tile contextual menu to start spotlight on participant's video tile /\n startSpotlightVideoTileMenuLabel: string;\n / @conditional-compile-remove(spotlight) /\n /* Menu text shown in Video Tile contextual menu to add spotlight to participant's video tile /\n addSpotlightVideoTileMenuLabel: string;\n / @conditional-compile-remove(spotlight) /\n /* Menu title for start spotlight menu item when spotlight limit is reached /\n spotlightLimitReachedMenuTitle: string;\n / @conditional-compile-remove(spotlight) /\n /* Menu text shown in Video Tile contextual menu to stop spotlight on participant's video tile /\n stopSpotlightVideoTileMenuLabel: string;\n / @conditional-compile-remove(spotlight) /\n /* Menu text shown in Video Tile contextual menu to stop spotlight on local user's video tile /\n stopSpotlightOnSelfVideoTileMenuLabel: string;\n / @conditional-compile-remove(hide-attendee-name) /\n /* String for the attendee role /\n attendeeRole: string;\n}\n\n/\n @public\n /\nexport type VideoGalleryLayout =\n \| 'default'\n \| 'floatingLocalVideo'\n \| 'speaker'\n \| / @conditional-compile-remove(large-gallery) / 'largeGallery'\n \| 'focusedContent';\n\n/\n {@link VideoGallery} Component Styles.\n * @public\n /\nexport interface VideoGalleryStyles extends BaseCustomStyles {\n /* Styles for the grid layout /\n gridLayout?: GridLayoutStyles;\n /* Styles for the horizontal gallery /\n horizontalGallery?: HorizontalGalleryStyles;\n /* Styles for the local video /\n localVideo?: IStyle;\n / @conditional-compile-remove(vertical-gallery) /\n /* Styles for the vertical gallery /\n verticalGallery?: VerticalGalleryStyles;\n}\n\n/ @conditional-compile-remove(vertical-gallery) /\n/\n Different modes and positions of the overflow gallery in the VideoGallery\n \n @public\n /\nexport type OverflowGalleryPosition = 'horizontalBottom' \| 'verticalRight' \| 'horizontalTop';\n\n/ @conditional-compile-remove(click-to-call) / / @conditional-compile-remove(rooms) /\n/\n different modes of the local video tile\n \n @public\n /\nexport type LocalVideoTileSize = '9:16' \| '16:9' \| 'hidden' \| 'followDeviceOrientation';\n\n/\n Props for {@link VideoGallery}.\n \n @public\n /\nexport interface VideoGalleryProps {\n /\n Allows users to pass an object containing custom CSS styles for the gallery container.\n \n @Example\n * ```\n * <VideoGallery styles={{ root: { border: 'solid 1px red' } }} />\n * ```\n /\n styles?: VideoGalleryStyles;\n /* Layout of the video tiles. /\n layout?: VideoGalleryLayout;\n /* Local video particpant /\n localParticipant: VideoGalleryLocalParticipant;\n /* List of remote video particpants /\n remoteParticipants?: VideoGalleryRemoteParticipant[];\n /* List of dominant speaker userIds in the order of their dominance. 0th index is the most dominant. /\n dominantSpeakers?: string[];\n /* Local video view options /\n localVideoViewOptions?: VideoStreamOptions;\n /* Remote videos view options /\n remoteVideoViewOptions?: VideoStreamOptions;\n /* Callback to create the local video stream view /\n onCreateLocalStreamView?: (options?: VideoStreamOptions) => Promise<void \| CreateVideoStreamViewResult>;\n /* Callback to dispose of the local video stream view /\n onDisposeLocalStreamView?: () => void;\n /* Callback to render the local video tile/\n onRenderLocalVideoTile?: (localParticipant: VideoGalleryLocalParticipant) => JSX.Element;\n /* Callback to create a remote video stream view /\n onCreateRemoteStreamView?: (\n userId: string,\n options?: VideoStreamOptions\n ) => Promise<void \| CreateVideoStreamViewResult>;\n /* Callback to render a remote video tile /\n onRenderRemoteVideoTile?: (remoteParticipant: VideoGalleryRemoteParticipant) => JSX.Element;\n /\n @deprecated use {@link onDisposeRemoteVideoStreamView} and {@link onDisposeRemoteScreenShareStreamView} instead\n \n Callback to dispose a remote video stream view\n /\n onDisposeRemoteStreamView?: (userId: string) => Promise<void>;\n /* Callback to dispose a remote video stream view /\n onDisposeRemoteVideoStreamView?: (userId: string) => Promise<void>;\n /* Callback to dispose a remote screen share stream view /\n onDisposeRemoteScreenShareStreamView?: (userId: string) => Promise<void>;\n /* Callback to render a particpant avatar /\n onRenderAvatar?: OnRenderAvatarCallback;\n /\n Whether to display the local video camera switcher button\n /\n showCameraSwitcherInLocalPreview?: boolean;\n /\n Whether to display a mute icon beside the user's display name.\n * @defaultValue `true`\n /\n showMuteIndicator?: boolean;\n /* Optional strings to override in component /\n strings?: Partial<VideoGalleryStrings>;\n /\n Maximum number of participant remote video streams that is rendered.\n * @defaultValue 4\n /\n maxRemoteVideoStreams?: number;\n /\n Camera control information for button to switch cameras.\n /\n localVideoCameraCycleButtonProps?: LocalVideoCameraCycleButtonProps;\n /\n List of pinned participant userIds.\n /\n pinnedParticipants?: string[];\n /\n This callback will be called when a participant video tile is pinned.\n /\n onPinParticipant?: (userId: string) => void;\n /\n This callback will be called when a participant video tile is un-pinned.\n /\n onUnpinParticipant?: (userId: string) => void;\n / @conditional-compile-remove(spotlight) /\n /\n List of spotlighted participant userIds.\n /\n spotlightedParticipants?: string[];\n / @conditional-compile-remove(spotlight) /\n /\n This callback will be called when spotlight is started for the local participant video tile.\n /\n onStartLocalSpotlight?: () => Promise<void>;\n / @conditional-compile-remove(spotlight) /\n /\n This callback will be called when spotlight is started for the local participant video tile.\n /\n onStartRemoteSpotlight?: (userIds?: string[]) => Promise<void>;\n / @conditional-compile-remove(spotlight) /\n /\n This callback will be called when spotlight is stopped for remote participant video tiles.\n /\n onStopLocalSpotlight?: () => Promise<void>;\n / @conditional-compile-remove(spotlight) /\n /\n This callback will be called when spotlight is stopped for remote participant video tiles.\n /\n onStopRemoteSpotlight?: (userIds?: string[]) => Promise<void>;\n / @conditional-compile-remove(spotlight) /\n /\n Maximum participants that can be spotlighted\n /\n maxParticipantsToSpotlight?: number;\n /\n Options for showing the remote video tile menu.\n \n @defaultValue \\{ kind: 'contextual' \\}\n /\n remoteVideoTileMenu?: false \| VideoTileContextualMenuProps \| VideoTileDrawerMenuProps;\n / @conditional-compile-remove(vertical-gallery) /\n /\n Determines the layout of the overflowGallery inside the VideoGallery.\n * @defaultValue 'horizontalBottom'\n /\n overflowGalleryPosition?: OverflowGalleryPosition;\n / @conditional-compile-remove(click-to-call) / / @conditional-compile-remove(rooms) /\n /\n Determines the aspect ratio of local video tile in the video gallery.\n * @remarks 'followDeviceOrientation' will be responsive to the screen orientation and will change between 9:16 (portrait) and\n * 16:9 (landscape) aspect ratios.\n * @defaultValue 'followDeviceOrientation'\n /\n localVideoTileSize?: LocalVideoTileSize;\n / @conditional-compile-remove(reaction) /\n /\n Reaction resources for like, heart, laugh, applause and surprised.\n * @beta\n /\n reactionResources?: ReactionResources;\n}\n\n/\n Properties for showing contextual menu for remote {@link VideoTile} components in {@link VideoGallery}.\n \n @public\n /\nexport interface VideoTileContextualMenuProps {\n /\n The menu property kind\n /\n kind: 'contextual';\n}\n\n/\n Properties for showing drawer menu on remote {@link VideoTile} long touch in {@link VideoGallery}.\n \n @public\n /\nexport interface VideoTileDrawerMenuProps {\n /\n The menu property kind\n /\n kind: 'drawer';\n /\n The optional id property provided on an element that the drawer menu should render within when a\n * remote participant video tile Drawer is shown. If an id is not provided, then a drawer menu will\n * render within the VideoGallery component.\n /\n hostId?: string;\n}\n/\n VideoGallery represents a layout of video tiles for a specific call.\n * It displays a {@link VideoTile} for the local user as well as for each remote participant who has joined the call.\n \n @public\n /\nexport const VideoGallery = (props: VideoGalleryProps): JSX.Element => {\n const {\n localParticipant,\n remoteParticipants = [],\n localVideoViewOptions,\n remoteVideoViewOptions,\n dominantSpeakers,\n onRenderLocalVideoTile,\n onRenderRemoteVideoTile,\n onCreateLocalStreamView,\n onDisposeLocalStreamView,\n onCreateRemoteStreamView,\n onDisposeRemoteScreenShareStreamView,\n onDisposeRemoteVideoStreamView,\n styles,\n layout,\n onRenderAvatar,\n showMuteIndicator,\n maxRemoteVideoStreams = DEFAULT_MAX_REMOTE_VIDEO_STREAMS,\n showCameraSwitcherInLocalPreview,\n localVideoCameraCycleButtonProps,\n onPinParticipant: onPinParticipantHandler,\n onUnpinParticipant: onUnpinParticipantHandler,\n remoteVideoTileMenu = DEFAULT_REMOTE_VIDEO_TILE_MENU_OPTIONS,\n / @conditional-compile-remove(vertical-gallery) /\n overflowGalleryPosition = 'horizontalBottom',\n / @conditional-compile-remove(rooms) /\n localVideoTileSize = 'followDeviceOrientation',\n / @conditional-compile-remove(spotlight) /\n spotlightedParticipants,\n / @conditional-compile-remove(spotlight) /\n onStartLocalSpotlight,\n / @conditional-compile-remove(spotlight) /\n onStartRemoteSpotlight,\n / @conditional-compile-remove(spotlight) /\n onStopLocalSpotlight,\n / @conditional-compile-remove(spotlight) /\n onStopRemoteSpotlight,\n / @conditional-compile-remove(spotlight) /\n maxParticipantsToSpotlight,\n / @conditional-compile-remove(reaction) /\n reactionResources\n } = props;\n\n const ids = useIdentifiers();\n const theme = useTheme();\n const localeStrings = useLocale().strings.videoGallery;\n const strings = useMemo(() => ({ ...localeStrings, ...props.strings }), [localeStrings, props.strings]);\n\n const drawerMenuHostIdFromProp =\n remoteVideoTileMenu && remoteVideoTileMenu.kind === 'drawer'\n ? (remoteVideoTileMenu as VideoTileDrawerMenuProps).hostId\n : undefined;\n const drawerMenuHostId = useId('drawerMenuHost', drawerMenuHostIdFromProp);\n\n const localTileNotInGrid = (layout === 'floatingLocalVideo' \|\| layout === 'speaker') && remoteParticipants.length > 0;\n\n const containerRef = useRef<HTMLDivElement>(null);\n const containerWidth = _useContainerWidth(containerRef);\n const containerHeight = _useContainerHeight(containerRef);\n const isNarrow = containerWidth ? isNarrowWidth(containerWidth) : false;\n\n const [pinnedParticipantsState, setPinnedParticipantsState] = React.useState<string[]>([]);\n const [selectedScalingModeState, setselectedScalingModeState] = React.useState<Record<string, VideoStreamOptions>>(\n {}\n );\n\n const onUpdateScalingMode = useCallback(\n (remoteUserId: string, scalingMode: ViewScalingMode) => {\n setselectedScalingModeState((current) => ({\n ...current,\n [remoteUserId]: {\n scalingMode,\n isMirrored: remoteVideoViewOptions?.isMirrored\n }\n }));\n },\n [remoteVideoViewOptions?.isMirrored]\n );\n useEffect(() => {\n props.pinnedParticipants?.forEach((pinParticipant) => {\n if (!props.remoteParticipants?.find((t) => t.userId === pinParticipant)) {\n // warning will be logged in the console when invalid participant id is passed in pinned participants\n console.warn('Invalid pinned participant UserId :' + pinParticipant);\n }\n });\n }, [props.pinnedParticipants, props.remoteParticipants]);\n // Use pinnedParticipants from props but if it is not defined use the maintained state of pinned participants\n const pinnedParticipants = props.pinnedParticipants ?? pinnedParticipantsState;\n\n const showLocalVideoTileLabel =\n !(\n (localTileNotInGrid && isNarrow) \|\|\n /@conditional-compile-remove(click-to-call) / / @conditional-compile-remove(rooms) / localVideoTileSize ===\n '9:16'\n ) \|\| layout === 'default';\n /\n Utility function for memoized rendering of LocalParticipant.\n /\n const localVideoTile = useMemo((): JSX.Element / @conditional-compile-remove(rooms) / \| undefined => {\n / @conditional-compile-remove(click-to-call) /\n if (localVideoTileSize === 'hidden') {\n return undefined;\n }\n if (onRenderLocalVideoTile) {\n return onRenderLocalVideoTile(localParticipant);\n }\n\n / @conditional-compile-remove(spotlight) /\n const isSpotlighted = !!localParticipant.spotlight;\n\n const localVideoTileStyles = concatStyleSets(\n localTileNotInGrid ? floatingLocalVideoTileStyle : {},\n {\n root: { borderRadius: theme.effects.roundedCorner4 }\n },\n styles?.localVideo\n );\n\n const initialsName = !localParticipant.displayName ? '' : localParticipant.displayName;\n\n const showDisplayNameTrampoline = (): string => {\n return layout === 'default' ? strings.localVideoLabel : isNarrow ? '' : strings.localVideoLabel;\n return isNarrow ? '' : strings.localVideoLabel;\n };\n\n return (\n <Stack\n styles={localVideoTileContainerStyles}\n key=\"local-video-tile-key\"\n tabIndex={0}\n aria-label={strings.localVideoMovementLabel}\n role={'dialog'}\n >\n <_LocalVideoTile\n userId={localParticipant.userId}\n onCreateLocalStreamView={onCreateLocalStreamView}\n onDisposeLocalStreamView={onDisposeLocalStreamView}\n isAvailable={localParticipant?.videoStream?.isAvailable}\n isMuted={localParticipant.isMuted}\n renderElement={localParticipant?.videoStream?.renderElement}\n displayName={showDisplayNameTrampoline()}\n initialsName={initialsName}\n localVideoViewOptions={localVideoViewOptions}\n onRenderAvatar={onRenderAvatar}\n showLabel={showLocalVideoTileLabel}\n showMuteIndicator={showMuteIndicator}\n showCameraSwitcherInLocalPreview={showCameraSwitcherInLocalPreview}\n localVideoCameraCycleButtonProps={localVideoCameraCycleButtonProps}\n localVideoCameraSwitcherLabel={strings.localVideoCameraSwitcherLabel}\n localVideoSelectedDescription={strings.localVideoSelectedDescription}\n styles={localVideoTileStyles}\n / @conditional-compile-remove(raise-hand) /\n raisedHand={localParticipant.raisedHand}\n / @conditional-compile-remove(reaction) /\n reaction={localParticipant.reaction}\n / @conditional-compile-remove(spotlight) /\n spotlightedParticipantUserIds={spotlightedParticipants}\n / @conditional-compile-remove(spotlight) /\n isSpotlighted={isSpotlighted}\n / @conditional-compile-remove(spotlight) /\n onStartSpotlight={onStartLocalSpotlight}\n / @conditional-compile-remove(spotlight) /\n onStopSpotlight={onStopLocalSpotlight}\n / @conditional-compile-remove(spotlight) /\n maxParticipantsToSpotlight={maxParticipantsToSpotlight}\n / @conditional-compile-remove(spotlight) /\n menuKind={remoteVideoTileMenu ? (remoteVideoTileMenu.kind === 'drawer' ? 'drawer' : 'contextual') : undefined}\n / @conditional-compile-remove(spotlight) /\n drawerMenuHostId={drawerMenuHostId}\n / @conditional-compile-remove(spotlight) /\n strings={strings}\n / @conditional-compile-remove(reaction) /\n reactionResources={reactionResources}\n />\n </Stack>\n );\n }, [\n isNarrow,\n localParticipant,\n localVideoCameraCycleButtonProps,\n localVideoViewOptions,\n onCreateLocalStreamView,\n onDisposeLocalStreamView,\n onRenderAvatar,\n onRenderLocalVideoTile,\n localTileNotInGrid,\n showCameraSwitcherInLocalPreview,\n showMuteIndicator,\n styles?.localVideo,\n theme.effects.roundedCorner4,\n /@conditional-compile-remove(click-to-call) /\n localVideoTileSize,\n\n layout,\n showLocalVideoTileLabel,\n / @conditional-compile-remove(spotlight) /\n spotlightedParticipants,\n / @conditional-compile-remove(spotlight) /\n onStartLocalSpotlight,\n / @conditional-compile-remove(spotlight) /\n onStopLocalSpotlight,\n / @conditional-compile-remove(spotlight) /\n maxParticipantsToSpotlight,\n / @conditional-compile-remove(spotlight) /\n remoteVideoTileMenu,\n / @conditional-compile-remove(spotlight) /\n strings,\n / @conditional-compile-remove(spotlight) /\n drawerMenuHostId,\n / @conditional-compile-remove(reaction) /\n reactionResources\n ]);\n\n const onPinParticipant = useCallback(\n (userId: string) => {\n if (pinnedParticipants.length >= MAX_PINNED_REMOTE_VIDEO_TILES) {\n return;\n }\n if (!pinnedParticipantsState.includes(userId)) {\n setPinnedParticipantsState(pinnedParticipantsState.concat(userId));\n }\n onPinParticipantHandler?.(userId);\n },\n [pinnedParticipants.length, pinnedParticipantsState, setPinnedParticipantsState, onPinParticipantHandler]\n );\n const onUnpinParticipant = useCallback(\n (userId: string) => {\n setPinnedParticipantsState(pinnedParticipantsState.filter((p) => p !== userId));\n onUnpinParticipantHandler?.(userId);\n },\n [pinnedParticipantsState, setPinnedParticipantsState, onUnpinParticipantHandler]\n );\n\n const [announcementString, setAnnouncementString] = React.useState<string>('');\n /\n sets the announcement string for VideoGallery actions so that the screenreader will trigger\n /\n const toggleAnnouncerString = useCallback(\n (announcement: string) => {\n setAnnouncementString(announcement);\n /\n Clears the announcer string after VideoGallery action allowing it to be re-announced.\n /\n setTimeout(() => {\n setAnnouncementString('');\n }, 3000);\n },\n [setAnnouncementString]\n );\n\n const defaultOnRenderVideoTile = useCallback(\n (participant: VideoGalleryRemoteParticipant, isVideoParticipant?: boolean) => {\n const remoteVideoStream = participant.videoStream;\n const selectedScalingMode = remoteVideoStream ? selectedScalingModeState[participant.userId] : undefined;\n let isPinned = pinnedParticipants?.includes(participant.userId);\n / @conditional-compile-remove(spotlight) /\n const isSpotlighted = !!participant.spotlight;\n / @conditional-compile-remove(spotlight) /\n isPinned = isSpotlighted ? false : isPinned;\n\n const createViewOptions = (): VideoStreamOptions \| undefined => {\n if (selectedScalingMode) {\n return selectedScalingMode;\n }\n return remoteVideoStream?.streamSize &&\n remoteVideoStream.streamSize?.height > remoteVideoStream.streamSize?.width\n ? ({\n scalingMode: 'Fit',\n isMirrored: remoteVideoViewOptions?.isMirrored\n } as VideoStreamOptions)\n : remoteVideoViewOptions;\n };\n\n return (\n <_RemoteVideoTile\n key={participant.userId}\n userId={participant.userId}\n remoteParticipant={participant}\n onCreateRemoteStreamView={isVideoParticipant ? onCreateRemoteStreamView : undefined}\n onDisposeRemoteStreamView={isVideoParticipant ? onDisposeRemoteVideoStreamView : undefined}\n isAvailable={isVideoParticipant ? remoteVideoStream?.isAvailable : false}\n isReceiving={isVideoParticipant ? remoteVideoStream?.isReceiving : false}\n renderElement={isVideoParticipant ? remoteVideoStream?.renderElement : undefined}\n remoteVideoViewOptions={createViewOptions()}\n onRenderAvatar={onRenderAvatar}\n showMuteIndicator={showMuteIndicator}\n strings={strings}\n / @conditional-compile-remove(PSTN-calls) /\n participantState={participant.state}\n menuKind={\n participant.userId === localParticipant.userId\n ? undefined\n : remoteVideoTileMenu\n ? remoteVideoTileMenu.kind === 'drawer'\n ? 'drawer'\n : 'contextual'\n : undefined\n }\n drawerMenuHostId={drawerMenuHostId}\n onPinParticipant={onPinParticipant}\n onUnpinParticipant={onUnpinParticipant}\n onUpdateScalingMode={onUpdateScalingMode}\n isPinned={isPinned}\n disablePinMenuItem={pinnedParticipants.length >= MAX_PINNED_REMOTE_VIDEO_TILES}\n toggleAnnouncerString={toggleAnnouncerString}\n / @conditional-compile-remove(spotlight) /\n spotlightedParticipantUserIds={spotlightedParticipants}\n / @conditional-compile-remove(spotlight) /\n isSpotlighted={isSpotlighted}\n / @conditional-compile-remove(spotlight) /\n onStartSpotlight={onStartRemoteSpotlight}\n / @conditional-compile-remove(spotlight) /\n onStopSpotlight={onStopRemoteSpotlight}\n / @conditional-compile-remove(spotlight) /\n maxParticipantsToSpotlight={maxParticipantsToSpotlight}\n / @conditional-compile-remove(reaction) /\n reactionResources={reactionResources}\n />\n );\n },\n [\n onCreateRemoteStreamView,\n onDisposeRemoteVideoStreamView,\n remoteVideoViewOptions,\n localParticipant,\n onRenderAvatar,\n showMuteIndicator,\n strings,\n drawerMenuHostId,\n remoteVideoTileMenu,\n selectedScalingModeState,\n pinnedParticipants,\n onPinParticipant,\n onUnpinParticipant,\n toggleAnnouncerString,\n onUpdateScalingMode,\n / @conditional-compile-remove(spotlight) / spotlightedParticipants,\n / @conditional-compile-remove(spotlight) / onStartRemoteSpotlight,\n / @conditional-compile-remove(spotlight) / onStopRemoteSpotlight,\n / @conditional-compile-remove(spotlight) / maxParticipantsToSpotlight,\n / @conditional-compile-remove(reaction) / reactionResources\n ]\n );\n\n const screenShareParticipant = remoteParticipants.find((participant) => participant.screenShareStream?.isAvailable);\n\n const localScreenShareStreamComponent = <LocalScreenShare localParticipant={localParticipant} />;\n\n const remoteScreenShareComponent = screenShareParticipant && (\n <RemoteScreenShare\n {...screenShareParticipant}\n renderElement={screenShareParticipant.screenShareStream?.renderElement}\n onCreateRemoteStreamView={onCreateRemoteStreamView}\n onDisposeRemoteStreamView={onDisposeRemoteScreenShareStreamView}\n isReceiving={screenShareParticipant.screenShareStream?.isReceiving}\n participantVideoScalingMode={selectedScalingModeState[screenShareParticipant.userId]}\n / @conditional-compile-remove(ppt-live) /\n isPPTLive={!screenShareParticipant.screenShareStream?.id}\n />\n );\n\n const screenShareComponent = remoteScreenShareComponent\n ? remoteScreenShareComponent\n : localParticipant.isScreenSharingOn\n ? localScreenShareStreamComponent\n : undefined;\n\n const layoutProps = useMemo<LayoutProps>(\n () => ({\n remoteParticipants,\n localParticipant,\n screenShareComponent,\n showCameraSwitcherInLocalPreview,\n maxRemoteVideoStreams,\n dominantSpeakers,\n styles,\n onRenderRemoteParticipant: onRenderRemoteVideoTile ?? defaultOnRenderVideoTile,\n localVideoComponent: localVideoTile,\n parentWidth: containerWidth,\n parentHeight: containerHeight,\n pinnedParticipantUserIds: pinnedParticipants,\n / @conditional-compile-remove(vertical-gallery) / overflowGalleryPosition,\n / @conditional-compile-remove(click-to-call) / localVideoTileSize,\n / @conditional-compile-remove(spotlight) / spotlightedParticipantUserIds: spotlightedParticipants\n }),\n [\n remoteParticipants,\n localParticipant,\n screenShareComponent,\n showCameraSwitcherInLocalPreview,\n maxRemoteVideoStreams,\n dominantSpeakers,\n styles,\n localVideoTile,\n containerWidth,\n containerHeight,\n onRenderRemoteVideoTile,\n defaultOnRenderVideoTile,\n pinnedParticipants,\n / @conditional-compile-remove(vertical-gallery) / overflowGalleryPosition,\n / @conditional-compile-remove(click-to-call) / localVideoTileSize,\n / @conditional-compile-remove(spotlight) / spotlightedParticipants\n ]\n );\n\n const videoGalleryLayout = useMemo(() => {\n if (screenShareParticipant && layout === 'focusedContent') {\n return <FocusedContentLayout {...layoutProps} />;\n }\n if (layout === 'floatingLocalVideo') {\n return <FloatingLocalVideoLayout {...layoutProps} />;\n }\n\n if (layout === 'speaker') {\n return <SpeakerVideoLayout {...layoutProps} />;\n }\n / @conditional-compile-remove(large-gallery) */\n if (layout === 'largeGallery') {\n return <LargeGalleryLayout {...layoutProps} />;\n }\n return <DefaultLayout {...layoutProps} />;\n }, [layout, layoutProps, screenShareParticipant]);\n\n return (\n <div\n // We don't assign an drawer menu host id to the VideoGallery when a drawerMenuHostId is assigned from props\n id={drawerMenuHostIdFromProp ? undefined : drawerMenuHostId}\n data-ui-id={ids.videoGallery}\n ref={containerRef}\n className={mergeStyles(videoGalleryOuterDivStyle, styles?.root, unselectable)}\n >\n {videoGalleryLayout}\n <Announcer announcementString={announcementString} ariaLive=\"polite\" />\n </div>\n );\n};\n"]}

package/dist/dist-esm/react-components/src/localization/locales/ar-SA/strings.json CHANGED Viewed

@@ -7,7 +7,8 @@
         "mutedIconLabel": "تم كتم الصوت",
         "displayNamePlaceholder": "مشارك غير مسمى",
         "participantStateRinging": "يتم الآن الاتصال...",
-        "participantStateHold": "قيد الانتظار"
+        "participantStateHold": "قيد الانتظار",
+        "attendeeRole": "الحضور"
     },
     "ParticipantList": {
         "overflowParticipantCount": "+{overflowCount} من الأشخاص الإضافيين"
@@ -28,6 +29,23 @@
         "uploading": "جارٍ التحميل",
         "uploadCompleted": "اكتمل التحميل"
     },
+    "richTextSendBox": {
+        "placeholderText": "أدخل رسالة",
+        "textTooLong": "تجاوز طول الرسالة الحد الأقصى.",
+        "sendButtonAriaLabel": "إرسال رسالة",
+        "fileUploadsPendingError": "جارٍ التحميل... الرجاء الانتظار.",
+        "removeFile": "إزالة الملف",
+        "uploading": "يتم الآن التحميل",
+        "uploadCompleted": "اكتمل التحميل",
+        "boldTooltip": "غامق",
+        "italicTooltip": "مائل",
+        "underlineTooltip": "مسطّر",
+        "bulletListTooltip": "قائمة ذات تعداد نقطي",
+        "numberListTooltip": "قائمة مرقّمة",
+        "increaseIndentTooltip": "زيادة المسافة البادئة",
+        "decreaseIndentTooltip": "إنقاص المسافة البادئة",
+        "richTextFormatButtonTooltip": "تنسيق"
+    },
     "mentionPopover": {
         "mentionPopoverHeader": "الاقتراحات"
     },
@@ -125,6 +143,7 @@
     },
     "reactionButton": {
         "label": "تفاعل",
+        "ariaLabel": "زر \"تفاعل\"، إرسال تفاعل",
         "tooltipDisabledContent": "تم تعطيل إجراء التفاعل",
         "tooltipContent": "إرسال تفاعل",
         "likeReactionTooltipContent": "إعجاب",
@@ -224,7 +243,8 @@
         "addSpotlightVideoTileMenuLabel": "إضافة تسليط ضوء",
         "spotlightLimitReachedMenuTitle": "تم الوصول إلى الحد الأقصى لتسليط الضوء",
         "stopSpotlightVideoTileMenuLabel": "التوقف عن تسليط الضوء",
-        "stopSpotlightOnSelfVideoTileMenuLabel": "الخروج من وضع تسليط الضوء"
+        "stopSpotlightOnSelfVideoTileMenuLabel": "الخروج من وضع تسليط الضوء",
+        "attendeeRole": "الحضور"
     },
     "dialpad": {
         "placeholderText": "أدخل رقم الهاتف",
@@ -358,6 +378,5 @@
     "verticalGallery": {
         "leftNavButtonAriaLabel": "الصفحة السابقة",
         "rightNavButtonAriaLabel": "الصفحة التالية"
-    },
-    "AttendeeRole": "الحضور"
+    }
 }

package/dist/dist-esm/react-components/src/localization/locales/cs-CZ/strings.json CHANGED Viewed

@@ -7,7 +7,8 @@
         "mutedIconLabel": "Ztlumeno",
         "displayNamePlaceholder": "Nepojmenovaný účastník",
         "participantStateRinging": "Volání…",
-        "participantStateHold": "Pozastavený hovor"
+        "participantStateHold": "Pozastavený hovor",
+        "attendeeRole": "Účastník"
     },
     "ParticipantList": {
         "overflowParticipantCount": "+{overflowCount} další(ch)"
@@ -28,6 +29,23 @@
         "uploading": "Nahrávání",
         "uploadCompleted": "Nahrávání se dokončilo"
     },
+    "richTextSendBox": {
+        "placeholderText": "Zadejte zprávu",
+        "textTooLong": "Délka vaší zprávy překračuje maximální limit.",
+        "sendButtonAriaLabel": "Poslat zprávu",
+        "fileUploadsPendingError": "Nahrávání… Počkejte prosím.",
+        "removeFile": "Odebrat soubor",
+        "uploading": "Nahrávání",
+        "uploadCompleted": "Nahrávání se dokončilo",
+        "boldTooltip": "Tučné",
+        "italicTooltip": "Kurzíva",
+        "underlineTooltip": "Podtržení",
+        "bulletListTooltip": "Seznam s odrážkami",
+        "numberListTooltip": "Číslovaný seznam",
+        "increaseIndentTooltip": "Zvětšit odsazení",
+        "decreaseIndentTooltip": "Zmenšit odsazení",
+        "richTextFormatButtonTooltip": "Formát"
+    },
     "mentionPopover": {
         "mentionPopoverHeader": "Návrhy"
     },
@@ -125,6 +143,7 @@
     },
     "reactionButton": {
         "label": "Reagovat",
+        "ariaLabel": "Tlačítko Reagovat, odeslat reakci",
         "tooltipDisabledContent": "Akce reakce je zakázaná",
         "tooltipContent": "Odeslání reakce",
         "likeReactionTooltipContent": "To se mi líbí",
@@ -224,7 +243,8 @@
         "addSpotlightVideoTileMenuLabel": "Přidat do hlavního výběru",
         "spotlightLimitReachedMenuTitle": "Dosáhlo se limitu hlavního výběru",
         "stopSpotlightVideoTileMenuLabel": "Zastavit přidávání do hlavního výběru",
-        "stopSpotlightOnSelfVideoTileMenuLabel": "Ukončit hlavní výběr"
+        "stopSpotlightOnSelfVideoTileMenuLabel": "Ukončit hlavní výběr",
+        "attendeeRole": "Účastník"
     },
     "dialpad": {
         "placeholderText": "Zadejte telefonní číslo",
@@ -358,6 +378,5 @@
     "verticalGallery": {
         "leftNavButtonAriaLabel": "předchozí stránka",
         "rightNavButtonAriaLabel": "další stránka"
-    },
-    "AttendeeRole": "Účastník"
+    }
 }

package/dist/dist-esm/react-components/src/localization/locales/de-DE/strings.json CHANGED Viewed

@@ -7,7 +7,8 @@
         "mutedIconLabel": "Stumm geschaltet",
         "displayNamePlaceholder": "Teilnehmer ohne Namen",
         "participantStateRinging": "Anrufen...",
-        "participantStateHold": "In der Warteschleife"
+        "participantStateHold": "In der Warteschleife",
+        "attendeeRole": "Teilnehmer"
     },
     "ParticipantList": {
         "overflowParticipantCount": "+{overflowCount} weitere"
@@ -28,6 +29,23 @@
         "uploading": "Hochladen",
         "uploadCompleted": "Upload abgeschlossen"
     },
+    "richTextSendBox": {
+        "placeholderText": "Nachricht eingeben",
+        "textTooLong": "Ihre Nachrichtenlänge überschreitet den maximalen Grenzwert.",
+        "sendButtonAriaLabel": "Nachricht senden",
+        "fileUploadsPendingError": "Wird hochgeladen... Bitte warten.",
+        "removeFile": "Datei entfernen",
+        "uploading": "Wird hochgeladen",
+        "uploadCompleted": "Upload abgeschlossen",
+        "boldTooltip": "Fett",
+        "italicTooltip": "Kursiv",
+        "underlineTooltip": "Unterstreichen",
+        "bulletListTooltip": "Aufzählungsliste",
+        "numberListTooltip": "Nummerierte Liste",
+        "increaseIndentTooltip": "Einzug vergrößern",
+        "decreaseIndentTooltip": "Einzug verringern",
+        "richTextFormatButtonTooltip": "Formatieren"
+    },
     "mentionPopover": {
         "mentionPopoverHeader": "Vorschläge"
     },
@@ -125,6 +143,7 @@
     },
     "reactionButton": {
         "label": "Reagieren",
+        "ariaLabel": "Reaktionsschaltfläche, Reaktion senden",
         "tooltipDisabledContent": "Reaktionsaktion ist deaktiviert",
         "tooltipContent": "Reaktion senden",
         "likeReactionTooltipContent": "Gefällt mir",
@@ -224,7 +243,8 @@
         "addSpotlightVideoTileMenuLabel": "Spotlight hinzufügen",
         "spotlightLimitReachedMenuTitle": "Spotlight-Limit erreicht",
         "stopSpotlightVideoTileMenuLabel": "Spotlight beenden",
-        "stopSpotlightOnSelfVideoTileMenuLabel": "Spotlight beenden"
+        "stopSpotlightOnSelfVideoTileMenuLabel": "Spotlight beenden",
+        "attendeeRole": "Teilnehmer"
     },
     "dialpad": {
         "placeholderText": "Telefonnummer eingeben",
@@ -358,6 +378,5 @@
     "verticalGallery": {
         "leftNavButtonAriaLabel": "Vorherige Seite",
         "rightNavButtonAriaLabel": "Nächste Seite"
-    },
-    "AttendeeRole": "Teilnehmer"
+    }
 }

package/dist/dist-esm/react-components/src/localization/locales/en-GB/strings.json CHANGED Viewed

@@ -7,7 +7,8 @@
         "mutedIconLabel": "Muted",
         "displayNamePlaceholder": "Unnamed participant",
         "participantStateRinging": "Calling...",
-        "participantStateHold": "On hold"
+        "participantStateHold": "On hold",
+        "attendeeRole": "Attendee"
     },
     "ParticipantList": {
         "overflowParticipantCount": "+{overflowCount} more"
@@ -28,6 +29,23 @@
         "uploading": "Uploading",
         "uploadCompleted": "Upload completed"
     },
+    "richTextSendBox": {
+        "placeholderText": "Enter a message",
+        "textTooLong": "Your message length is over the maximum limit.",
+        "sendButtonAriaLabel": "Send message",
+        "fileUploadsPendingError": "Uploading... Please wait.",
+        "removeFile": "Remove file",
+        "uploading": "Uploading",
+        "uploadCompleted": "Upload completed",
+        "boldTooltip": "Bold",
+        "italicTooltip": "Italic",
+        "underlineTooltip": "Underline",
+        "bulletListTooltip": "Bulleted list",
+        "numberListTooltip": "Numbered list",
+        "increaseIndentTooltip": "Increase indent",
+        "decreaseIndentTooltip": "Decrease indent",
+        "richTextFormatButtonTooltip": "Format"
+    },
     "mentionPopover": {
         "mentionPopoverHeader": "Suggestions"
     },
@@ -125,6 +143,7 @@
     },
     "reactionButton": {
         "label": "React",
+        "ariaLabel": "React Button, Send a reaction",
         "tooltipDisabledContent": "Reaction action is disabled",
         "tooltipContent": "Send a reaction",
         "likeReactionTooltipContent": "Like",
@@ -224,7 +243,8 @@
         "addSpotlightVideoTileMenuLabel": "Add spotlight",
         "spotlightLimitReachedMenuTitle": "Spotlight limit reached",
         "stopSpotlightVideoTileMenuLabel": "Stop spotlighting",
-        "stopSpotlightOnSelfVideoTileMenuLabel": "Exit spotlight"
+        "stopSpotlightOnSelfVideoTileMenuLabel": "Exit spotlight",
+        "attendeeRole": "Attendee"
     },
     "dialpad": {
         "placeholderText": "Enter phone number",
@@ -358,6 +378,5 @@
     "verticalGallery": {
         "leftNavButtonAriaLabel": "previous page",
         "rightNavButtonAriaLabel": "next page"
-    },
-    "AttendeeRole": "Attendee"
+    }
 }

package/dist/dist-esm/react-components/src/localization/locales/es-ES/strings.json CHANGED Viewed

@@ -7,7 +7,8 @@
         "mutedIconLabel": "Silenciado",
         "displayNamePlaceholder": "Participante sin nombre",
         "participantStateRinging": "Llamando...",
-        "participantStateHold": "En espera"
+        "participantStateHold": "En espera",
+        "attendeeRole": "Asistente"
     },
     "ParticipantList": {
         "overflowParticipantCount": "+{overflowCount} más"
@@ -28,6 +29,23 @@
         "uploading": "Cargando",
         "uploadCompleted": "Carga completada"
     },
+    "richTextSendBox": {
+        "placeholderText": "Escribir un mensaje",
+        "textTooLong": "La longitud del mensaje supera el límite máximo.",
+        "sendButtonAriaLabel": "Enviar mensaje",
+        "fileUploadsPendingError": "Cargando... Espere.",
+        "removeFile": "Quitar archivo",
+        "uploading": "Cargando",
+        "uploadCompleted": "Carga completada",
+        "boldTooltip": "Negrita",
+        "italicTooltip": "Cursiva",
+        "underlineTooltip": "Subrayado",
+        "bulletListTooltip": "Lista con viñetas",
+        "numberListTooltip": "Lista numerada",
+        "increaseIndentTooltip": "Aumentar sangría",
+        "decreaseIndentTooltip": "Reducir sangría",
+        "richTextFormatButtonTooltip": "Formato"
+    },
     "mentionPopover": {
         "mentionPopoverHeader": "Sugerencias"
     },
@@ -125,6 +143,7 @@
     },
     "reactionButton": {
         "label": "Reaccionar",
+        "ariaLabel": "Botón Reaccionar, Enviar una reacción",
         "tooltipDisabledContent": "La acción de reacción está deshabilitada",
         "tooltipContent": "Enviar una reacción",
         "likeReactionTooltipContent": "Me gusta",
@@ -224,7 +243,8 @@
         "addSpotlightVideoTileMenuLabel": "Agregar primer plano",
         "spotlightLimitReachedMenuTitle": "Se alcanzó el límite de primer plano",
         "stopSpotlightVideoTileMenuLabel": "Dejar de poner en primer plano",
-        "stopSpotlightOnSelfVideoTileMenuLabel": "Primer plano"
+        "stopSpotlightOnSelfVideoTileMenuLabel": "Primer plano",
+        "attendeeRole": "Asistente"
     },
     "dialpad": {
         "placeholderText": "Introduzca el número de teléfono",
@@ -358,6 +378,5 @@
     "verticalGallery": {
         "leftNavButtonAriaLabel": "página anterior",
         "rightNavButtonAriaLabel": "página siguiente"
-    },
-    "AttendeeRole": "Asistente"
+    }
 }

package/dist/dist-esm/react-components/src/localization/locales/fi-FI/strings.json CHANGED Viewed

@@ -7,7 +7,8 @@
         "mutedIconLabel": "Mykistetty",
         "displayNamePlaceholder": "Nimetön osallistuja",
         "participantStateRinging": "Soitetaan...",
-        "participantStateHold": "Pidossa"
+        "participantStateHold": "Pidossa",
+        "attendeeRole": "Osallistuja"
     },
     "ParticipantList": {
         "overflowParticipantCount": "+{overflowCount} lisää"
@@ -28,6 +29,23 @@
         "uploading": "Ladataan palvelimeen",
         "uploadCompleted": "Ladattu palvelimeen"
     },
+    "richTextSendBox": {
+        "placeholderText": "Kirjoita viesti",
+        "textTooLong": "Viestin pituus ylittää enimmäispituuden.",
+        "sendButtonAriaLabel": "Lähetä viesti",
+        "fileUploadsPendingError": "Ladataan... Odota.",
+        "removeFile": "Poista tiedosto",
+        "uploading": "Ladataan",
+        "uploadCompleted": "Lataus valmis",
+        "boldTooltip": "Lihavoi",
+        "italicTooltip": "Kursivointi",
+        "underlineTooltip": "Alleviivaa",
+        "bulletListTooltip": "Luettelomerkeillä varustettu luettelo",
+        "numberListTooltip": "Numeroitu luettelo",
+        "increaseIndentTooltip": "Suurenna sisennystä",
+        "decreaseIndentTooltip": "Pienennä sisennystä",
+        "richTextFormatButtonTooltip": "Muoto"
+    },
     "mentionPopover": {
         "mentionPopoverHeader": "Ehdotuksia"
     },
@@ -125,6 +143,7 @@
     },
     "reactionButton": {
         "label": "Reagoi",
+        "ariaLabel": "Reagoi-painike, lähetä reaktio",
         "tooltipDisabledContent": "Reaktiotoiminto on poistettu käytöstä",
         "tooltipContent": "Lähetä reaktio",
         "likeReactionTooltipContent": "Tykkää",
@@ -224,7 +243,8 @@
         "addSpotlightVideoTileMenuLabel": "Lisää valokeilaan",
         "spotlightLimitReachedMenuTitle": "Spotlight-raja saavutettu",
         "stopSpotlightVideoTileMenuLabel": "Poista valokeilasta",
-        "stopSpotlightOnSelfVideoTileMenuLabel": "Valokeila"
+        "stopSpotlightOnSelfVideoTileMenuLabel": "Valokeila",
+        "attendeeRole": "Osallistuja"
     },
     "dialpad": {
         "placeholderText": "Anna puhelinnumero",
@@ -358,6 +378,5 @@
     "verticalGallery": {
         "leftNavButtonAriaLabel": "edellinen sivu",
         "rightNavButtonAriaLabel": "seuraava sivu"
-    },
-    "AttendeeRole": "Osallistuja"
+    }
 }

package/dist/dist-esm/react-components/src/localization/locales/fr-FR/strings.json CHANGED Viewed

@@ -7,7 +7,8 @@
         "mutedIconLabel": "Muet activé",
         "displayNamePlaceholder": "Participant sans nom",
         "participantStateRinging": "Appel en cours...",
-        "participantStateHold": "En attente"
+        "participantStateHold": "En attente",
+        "attendeeRole": "Participant"
     },
     "ParticipantList": {
         "overflowParticipantCount": "+{overflowCount} plus"
@@ -28,6 +29,23 @@
         "uploading": "Chargement",
         "uploadCompleted": "Téléchargement terminé"
     },
+    "richTextSendBox": {
+        "placeholderText": "Saisir un message",
+        "textTooLong": "La longueur de votre message dépasse la limite maximale.",
+        "sendButtonAriaLabel": "Envoyer un message",
+        "fileUploadsPendingError": "Chargement en cours... Veuillez patienter.",
+        "removeFile": "Supprimer le fichier",
+        "uploading": "Téléchargement",
+        "uploadCompleted": "Chargement terminé",
+        "boldTooltip": "Gras",
+        "italicTooltip": "Italique",
+        "underlineTooltip": "Souligner",
+        "bulletListTooltip": "Liste à puces",
+        "numberListTooltip": "Liste numérotée",
+        "increaseIndentTooltip": "Augmenter le retrait",
+        "decreaseIndentTooltip": "Réduire le retrait",
+        "richTextFormatButtonTooltip": "Format"
+    },
     "mentionPopover": {
         "mentionPopoverHeader": "Suggestions"
     },
@@ -125,6 +143,7 @@
     },
     "reactionButton": {
         "label": "Réagir",
+        "ariaLabel": "bouton React, envoyer une réaction",
         "tooltipDisabledContent": "L’action de réaction est désactivée",
         "tooltipContent": "Envoyer une réaction",
         "likeReactionTooltipContent": "J’aime",
@@ -224,7 +243,8 @@
         "addSpotlightVideoTileMenuLabel": "Ajouter la mise en évidence",
         "spotlightLimitReachedMenuTitle": "Limite Spotlight atteinte",
         "stopSpotlightVideoTileMenuLabel": "Arrêter la mise en évidence",
-        "stopSpotlightOnSelfVideoTileMenuLabel": "Quitter la mise en évidence"
+        "stopSpotlightOnSelfVideoTileMenuLabel": "Quitter la mise en évidence",
+        "attendeeRole": "Participant(e)"
     },
     "dialpad": {
         "placeholderText": "Entrer un numéro de téléphone",
@@ -358,6 +378,5 @@
     "verticalGallery": {
         "leftNavButtonAriaLabel": "page précédente",
         "rightNavButtonAriaLabel": "page suivante"
-    },
-    "AttendeeRole": "Participant"
+    }
 }