@azure/communication-react 1.3.3-alpha-202210270017.0 → 1.3.3-alpha-202210280017.0

package/dist/dist-esm/calling-stateful-client/src/DeviceManagerDeclarative.js

@@ -50,7 +50,10 @@ class ProxyDeviceManager {
             this._context.setDeviceManagerSelectedCamera(videoDeviceInfo);
         };
         this.videoDevicesUpdated = () => __awaiter(this, void 0, void 0, function* () {
-            this._context.setDeviceManagerCameras(dedupeById(yield this._deviceManager.getCameras()));
+            // Device Manager always has a camera with '' name if there are no real camera devices available.
+            // We don't want to show that in the UI.
+            const realCameras = (yield this._deviceManager.getCameras()).filter((c) => !!c.name);
+            this._context.setDeviceManagerCameras(dedupeById(realCameras));
         });
         this.audioDevicesUpdated = () => __awaiter(this, void 0, void 0, function* () {
             this._context.setDeviceManagerMicrophones(dedupeById(yield this._deviceManager.getMicrophones()));
@@ -72,8 +75,11 @@ class ProxyDeviceManager {
             case 'getCameras': {
                 return this._context.withAsyncErrorTeedToState(() => {
                     return target.getCameras().then((cameras) => {
-                        this._context.setDeviceManagerCameras(dedupeById(cameras));
-                        return cameras;
+                        // Device Manager always has a camera with '' name if there are no real camera devices available.
+                        // We don't want to show that in the UI.
+                        const realCameras = cameras.filter((c) => !!c.name);
+                        this._context.setDeviceManagerCameras(dedupeById(realCameras));
+                        return realCameras;
                     });
                 }, 'DeviceManager.getCameras');
             }

package/dist/dist-esm/calling-stateful-client/src/DeviceManagerDeclarative.js.map

@@ -1 +1 @@
-{"version":3,"file":"DeviceManagerDeclarative.js","sourceRoot":"","sources":["../../../../../calling-stateful-client/src/DeviceManagerDeclarative.ts"],"names":[],"mappings":"AAAA,uCAAuC;AACvC,kCAAkC;;;;;;;;;;AAmBlC;;;;;;GAMG;AACH,MAAM,kBAAkB;IAItB,YAAY,aAA4B,EAAE,OAAoB;QAQtD,qBAAgB,GAAG,GAAS,EAAE;YACpC,mHAAmH;YACnH,4GAA4G;YAC5G,mDAAmD;YACnD,IAAI,CAAC,QAAQ,CAAC,2CAA2C,CAAC,IAAI,CAAC,cAAc,CAAC,2BAA2B,CAAC,CAAC;YAC3G,IAAI,CAAC,QAAQ,CAAC,kCAAkC,CAAC,IAAI,CAAC,cAAc,CAAC,kBAAkB,CAAC,CAAC;YACzF,IAAI,CAAC,QAAQ,CAAC,+BAA+B,CAAC,IAAI,CAAC,cAAc,CAAC,eAAe,CAAC,CAAC;QACrF,CAAC,CAAC;QAEM,cAAS,GAAG,GAAS,EAAE;YAC7B,IAAI,CAAC,cAAc,CAAC,EAAE,CAAC,qBAAqB,EAAE,IAAI,CAAC,mBAAmB,CAAC,CAAC;YACxE,IAAI,CAAC,cAAc,CAAC,EAAE,CAAC,qBAAqB,EAAE,IAAI,CAAC,mBAAmB,CAAC,CAAC;YACxE,IAAI,CAAC,cAAc,CAAC,EAAE,CAAC,2BAA2B,EAAE,IAAI,CAAC,yBAAyB,CAAC,CAAC;YACpF,IAAI,CAAC,cAAc,CAAC,EAAE,CAAC,wBAAwB,EAAE,IAAI,CAAC,sBAAsB,CAAC,CAAC;QAChF,CAAC,CAAC;QAEF;;WAEG;QACI,gBAAW,GAAG,GAAS,EAAE;YAC9B,IAAI,CAAC,cAAc,CAAC,GAAG,CAAC,qBAAqB,EAAE,IAAI,CAAC,mBAAmB,CAAC,CAAC;YACzE,IAAI,CAAC,cAAc,CAAC,GAAG,CAAC,qBAAqB,EAAE,IAAI,CAAC,mBAAmB,CAAC,CAAC;YACzE,IAAI,CAAC,cAAc,CAAC,GAAG,CAAC,2BAA2B,EAAE,IAAI,CAAC,yBAAyB,CAAC,CAAC;YACrF,IAAI,CAAC,cAAc,CAAC,GAAG,CAAC,wBAAwB,EAAE,IAAI,CAAC,sBAAsB,CAAC,CAAC;QACjF,CAAC,CAAC;QAEF;;;;WAIG;QACI,iBAAY,GAAG,CAAC,eAAgC,EAAQ,EAAE;YAC/D,IAAI,CAAC,QAAQ,CAAC,8BAA8B,CAAC,eAAe,CAAC,CAAC;QAChE,CAAC,CAAC;QAEM,wBAAmB,GAAG,GAAwB,EAAE;YACtD,IAAI,CAAC,QAAQ,CAAC,uBAAuB,CAAC,UAAU,CAAC,MAAM,IAAI,CAAC,cAAc,CAAC,UAAU,EAAE,CAAC,CAAC,CAAC;QAC5F,CAAC,CAAA,CAAC;QAEM,wBAAmB,GAAG,GAAwB,EAAE;YACtD,IAAI,CAAC,QAAQ,CAAC,2BAA2B,CAAC,UAAU,CAAC,MAAM,IAAI,CAAC,cAAc,CAAC,cAAc,EAAE,CAAC,CAAC,CAAC;YAClG,IAAI,CAAC,QAAQ,CAAC,wBAAwB,CAAC,UAAU,CAAC,MAAM,IAAI,CAAC,cAAc,CAAC,WAAW,EAAE,CAAC,CAAC,CAAC;QAC9F,CAAC,CAAA,CAAC;QAEM,8BAAyB,GAAG,GAAS,EAAE;YAC7C,IAAI,CAAC,QAAQ,CAAC,kCAAkC,CAAC,IAAI,CAAC,cAAc,CAAC,kBAAkB,CAAC,CAAC;QAC3F,CAAC,CAAC;QAEM,2BAAsB,GAAG,GAAS,EAAE;YAC1C,IAAI,CAAC,QAAQ,CAAC,+BAA+B,CAAC,IAAI,CAAC,cAAc,CAAC,eAAe,CAAC,CAAC;QACrF,CAAC,CAAC;QAzDA,IAAI,CAAC,cAAc,GAAG,aAAa,CAAC;QACpC,IAAI,CAAC,QAAQ,GAAG,OAAO,CAAC;QAExB,IAAI,CAAC,gBAAgB,EAAE,CAAC;QACxB,IAAI,CAAC,SAAS,EAAE,CAAC;IACnB,CAAC;IAsDM,GAAG,CAAgC,MAAqB,EAAE,IAAO;QACtE,QAAQ,IAAI,EAAE;YACZ,KAAK,YAAY,CAAC,CAAC;gBACjB,OAAO,IAAI,CAAC,QAAQ,CAAC,yBAAyB,CAAC,GAA+B,EAAE;oBAC9E,OAAO,MAAM,CAAC,UAAU,EAAE,CAAC,IAAI,CAAC,CAAC,OAA0B,EAAE,EAAE;wBAC7D,IAAI,CAAC,QAAQ,CAAC,uBAAuB,CAAC,UAAU,CAAC,OAAO,CAAC,CAAC,CAAC;wBAC3D,OAAO,OAAO,CAAC;oBACjB,CAAC,CAAC,CAAC;gBACL,CAAC,EAAE,0BAA0B,CAAC,CAAC;aAChC;YACD,KAAK,gBAAgB,CAAC,CAAC;gBACrB,OAAO,IAAI,CAAC,QAAQ,CAAC,yBAAyB,CAAC,GAA+B,EAAE;oBAC9E,OAAO,MAAM,CAAC,cAAc,EAAE,CAAC,IAAI,CAAC,CAAC,WAA8B,EAAE,EAAE;wBACrE,IAAI,CAAC,QAAQ,CAAC,2BAA2B,CAAC,UAAU,CAAC,WAAW,CAAC,CAAC,CAAC;wBACnE,OAAO,WAAW,CAAC;oBACrB,CAAC,CAAC,CAAC;gBACL,CAAC,EAAE,8BAA8B,CAAC,CAAC;aACpC;YACD,KAAK,aAAa,CAAC,CAAC;gBAClB,OAAO,IAAI,CAAC,QAAQ,CAAC,yBAAyB,CAAC,GAA+B,EAAE;oBAC9E,OAAO,MAAM,CAAC,WAAW,EAAE,CAAC,IAAI,CAAC,CAAC,QAA2B,EAAE,EAAE;wBAC/D,IAAI,CAAC,QAAQ,CAAC,wBAAwB,CAAC,UAAU,CAAC,QAAQ,CAAC,CAAC,CAAC;wBAC7D,OAAO,QAAQ,CAAC;oBAClB,CAAC,CAAC,CAAC;gBACL,CAAC,EAAE,2BAA2B,CAAC,CAAC;aACjC;YACD,KAAK,kBAAkB,CAAC,CAAC;gBACvB,OAAO,IAAI,CAAC,QAAQ,CAAC,yBAAyB,CAC5C,CAAC,GAAG,IAAmD,EAAiB,EAAE;oBACxE,OAAO,MAAM,CAAC,gBAAgB,CAAC,GAAG,IAAI,CAAC,CAAC,IAAI,CAAC,GAAG,EAAE;wBAChD,IAAI,CAAC,QAAQ,CAAC,kCAAkC,CAAC,MAAM,CAAC,kBAAkB,CAAC,CAAC;oBAC9E,CAAC,CAAC,CAAC;gBACL,CAAC,EACD,gCAAgC,CACjC,CAAC;aACH;YACD,KAAK,eAAe,CAAC,CAAC;gBACpB,OAAO,IAAI,CAAC,QAAQ,CAAC,yBAAyB,CAC5C,CAAC,GAAG,IAAgD,EAAiB,EAAE;oBACrE,OAAO,MAAM,CAAC,aAAa,CAAC,GAAG,IAAI,CAAC,CAAC,IAAI,CAAC,GAAG,EAAE;wBAC7C,IAAI,CAAC,QAAQ,CAAC,+BAA+B,CAAC,MAAM,CAAC,eAAe,CAAC,CAAC;oBACxE,CAAC,CAAC,CAAC;gBACL,CAAC,EACD,6BAA6B,CAC9B,CAAC;aACH;YACD,KAAK,qBAAqB,CAAC,CAAC;gBAC1B,OAAO,IAAI,CAAC,QAAQ,CAAC,yBAAyB,CAC5C,CAAC,GAAG,IAAsD,EAAyB,EAAE;oBACnF,OAAO,MAAM,CAAC,mBAAmB,CAAC,GAAG,IAAI,CAAC,CAAC,IAAI,CAAC,CAAC,YAA0B,EAAE,EAAE;wBAC7E,IAAI,CAAC,QAAQ,CAAC,4BAA4B,CAAC,YAAY,CAAC,CAAC;wBACzD,IAAI,CAAC,gBAAgB,EAAE,CAAC;wBACxB,OAAO,YAAY,CAAC;oBACtB,CAAC,CAAC,CAAC;gBACL,CAAC,EACD,mCAAmC,CACpC,CAAC;aACH;YACD;gBACE,OAAO,OAAO,CAAC,GAAG,CAAC,MAAM,EAAE,IAAI,CAAC,CAAC;SACpC;IACH,CAAC;CACF;AAED,iFAAiF;AACjF,oFAAoF;AACpF,MAAM,UAAU,GAAG,CAA2B,OAAY,EAAO,EAAE;IACjE,MAAM,GAAG,GAAG,IAAI,GAAG,EAAE,CAAC;IACtB,MAAM,aAAa,GAAQ,EAAE,CAAC;IAC9B,OAAO,CAAC,OAAO,CAAC,CAAC,MAAS,EAAE,EAAE;QAC5B,IAAI,CAAC,GAAG,CAAC,GAAG,CAAC,MAAM,CAAC,EAAE,CAAC,EAAE;YACvB,aAAa,CAAC,IAAI,CAAC,MAAM,CAAC,CAAC;YAC3B,GAAG,CAAC,GAAG,CAAC,MAAM,CAAC,EAAE,CAAC,CAAC;SACpB;IACH,CAAC,CAAC,CAAC;IACH,OAAO,aAAa,CAAC;AACvB,CAAC,CAAC;AAEF;;;;;;GAMG;AACH,MAAM,CAAC,MAAM,wBAAwB,GAAG,CAAC,aAA4B,EAAE,OAAoB,EAAiB,EAAE;IAC5G,MAAM,kBAAkB,GAAG,IAAI,kBAAkB,CAAC,aAAa,EAAE,OAAO,CAAC,CAAC;IAC1E,MAAM,CAAC,cAAc,CAAC,aAAa,EAAE,aAAa,EAAE;QAClD,YAAY,EAAE,KAAK;QACnB,KAAK,EAAE,GAAG,EAAE,CAAC,kBAAkB,CAAC,WAAW,EAAE;KAC9C,CAAC,CAAC;IACH,MAAM,CAAC,cAAc,CAAC,aAAa,EAAE,cAAc,EAAE;QACnD,YAAY,EAAE,KAAK;QACnB,KAAK,EAAE,CAAC,eAAgC,EAAE,EAAE,CAAC,kBAAkB,CAAC,YAAY,CAAC,eAAe,CAAC;KAC9F,CAAC,CAAC;IACH,OAAO,IAAI,KAAK,CAAC,aAAa,EAAE,kBAAkB,CAA0B,CAAC;AAC/E,CAAC,CAAC","sourcesContent":["// Copyright (c) Microsoft Corporation.\n// Licensed under the MIT license.\n\nimport { AudioDeviceInfo, DeviceAccess, DeviceManager, VideoDeviceInfo } from '@azure/communication-calling';\nimport { CallContext } from './CallContext';\n\n/**\n * Defines the additional methods added by the stateful on top of {@link @azure/communication-calling#DeviceManager}.\n *\n * @public\n */\nexport interface StatefulDeviceManager extends DeviceManager {\n  /**\n   * Sets the selectedCamera in the {@link DeviceManagerState}. This is completely developer driven and is not tied in\n   * any way to {@link @azure/communication-calling#DeviceManager}. It is entirely contained in\n   * {@link StatefulDeviceManager}. See also {@link DeviceManagerState.selectedCamera}.\n   */\n  selectCamera: (VideoDeviceInfo) => void;\n}\n\n/**\n * ProxyDeviceManager proxies DeviceManager and subscribes to all events that affect device manager state. State updates\n * are set on the provided context. Also any queries for state are proxied and stored in state as well. Only one device\n * manager should exist for a given CallClient so if CallClient.getDeviceManager is called multiple times, either a\n * cached ProxyDeviceManager should be returned or the existing ProxyDeviceManager should be destructed via destructor()\n * and a new ProxyDeviceManager created.\n */\nclass ProxyDeviceManager implements ProxyHandler<DeviceManager> {\n  private _deviceManager: DeviceManager;\n  private _context: CallContext;\n\n  constructor(deviceManager: DeviceManager, context: CallContext) {\n    this._deviceManager = deviceManager;\n    this._context = context;\n\n    this.setDeviceManager();\n    this.subscribe();\n  }\n\n  private setDeviceManager = (): void => {\n    // isSpeakerSelectionAvailable, selectedMicrophone, and selectedSpeaker are properties on DeviceManager. Since they\n    // are not functions we can't proxy them so we'll update whenever we think they may need updating such as at\n    // construction time or when certain events happen.\n    this._context.setDeviceManagerIsSpeakerSelectionAvailable(this._deviceManager.isSpeakerSelectionAvailable);\n    this._context.setDeviceManagerSelectedMicrophone(this._deviceManager.selectedMicrophone);\n    this._context.setDeviceManagerSelectedSpeaker(this._deviceManager.selectedSpeaker);\n  };\n\n  private subscribe = (): void => {\n    this._deviceManager.on('videoDevicesUpdated', this.videoDevicesUpdated);\n    this._deviceManager.on('audioDevicesUpdated', this.audioDevicesUpdated);\n    this._deviceManager.on('selectedMicrophoneChanged', this.selectedMicrophoneChanged);\n    this._deviceManager.on('selectedSpeakerChanged', this.selectedSpeakerChanged);\n  };\n\n  /**\n   * This is used to unsubscribe DeclarativeDeviceManager from the DeviceManager events.\n   */\n  public unsubscribe = (): void => {\n    this._deviceManager.off('videoDevicesUpdated', this.videoDevicesUpdated);\n    this._deviceManager.off('audioDevicesUpdated', this.audioDevicesUpdated);\n    this._deviceManager.off('selectedMicrophoneChanged', this.selectedMicrophoneChanged);\n    this._deviceManager.off('selectedSpeakerChanged', this.selectedSpeakerChanged);\n  };\n\n  /**\n   * Used to set a camera inside the proxy device manager.\n   *\n   * @param videoDeviceInfo VideoDeviceInfo\n   */\n  public selectCamera = (videoDeviceInfo: VideoDeviceInfo): void => {\n    this._context.setDeviceManagerSelectedCamera(videoDeviceInfo);\n  };\n\n  private videoDevicesUpdated = async (): Promise<void> => {\n    this._context.setDeviceManagerCameras(dedupeById(await this._deviceManager.getCameras()));\n  };\n\n  private audioDevicesUpdated = async (): Promise<void> => {\n    this._context.setDeviceManagerMicrophones(dedupeById(await this._deviceManager.getMicrophones()));\n    this._context.setDeviceManagerSpeakers(dedupeById(await this._deviceManager.getSpeakers()));\n  };\n\n  private selectedMicrophoneChanged = (): void => {\n    this._context.setDeviceManagerSelectedMicrophone(this._deviceManager.selectedMicrophone);\n  };\n\n  private selectedSpeakerChanged = (): void => {\n    this._context.setDeviceManagerSelectedSpeaker(this._deviceManager.selectedSpeaker);\n  };\n\n  public get<P extends keyof DeviceManager>(target: DeviceManager, prop: P): any {\n    switch (prop) {\n      case 'getCameras': {\n        return this._context.withAsyncErrorTeedToState((): Promise<VideoDeviceInfo[]> => {\n          return target.getCameras().then((cameras: VideoDeviceInfo[]) => {\n            this._context.setDeviceManagerCameras(dedupeById(cameras));\n            return cameras;\n          });\n        }, 'DeviceManager.getCameras');\n      }\n      case 'getMicrophones': {\n        return this._context.withAsyncErrorTeedToState((): Promise<AudioDeviceInfo[]> => {\n          return target.getMicrophones().then((microphones: AudioDeviceInfo[]) => {\n            this._context.setDeviceManagerMicrophones(dedupeById(microphones));\n            return microphones;\n          });\n        }, 'DeviceManager.getMicrophones');\n      }\n      case 'getSpeakers': {\n        return this._context.withAsyncErrorTeedToState((): Promise<AudioDeviceInfo[]> => {\n          return target.getSpeakers().then((speakers: AudioDeviceInfo[]) => {\n            this._context.setDeviceManagerSpeakers(dedupeById(speakers));\n            return speakers;\n          });\n        }, 'DeviceManager.getSpeakers');\n      }\n      case 'selectMicrophone': {\n        return this._context.withAsyncErrorTeedToState(\n          (...args: Parameters<DeviceManager['selectMicrophone']>): Promise<void> => {\n            return target.selectMicrophone(...args).then(() => {\n              this._context.setDeviceManagerSelectedMicrophone(target.selectedMicrophone);\n            });\n          },\n          'DeviceManager.selectMicrophone'\n        );\n      }\n      case 'selectSpeaker': {\n        return this._context.withAsyncErrorTeedToState(\n          (...args: Parameters<DeviceManager['selectSpeaker']>): Promise<void> => {\n            return target.selectSpeaker(...args).then(() => {\n              this._context.setDeviceManagerSelectedSpeaker(target.selectedSpeaker);\n            });\n          },\n          'DeviceManager.selectSpeaker'\n        );\n      }\n      case 'askDevicePermission': {\n        return this._context.withAsyncErrorTeedToState(\n          (...args: Parameters<DeviceManager['askDevicePermission']>): Promise<DeviceAccess> => {\n            return target.askDevicePermission(...args).then((deviceAccess: DeviceAccess) => {\n              this._context.setDeviceManagerDeviceAccess(deviceAccess);\n              this.setDeviceManager();\n              return deviceAccess;\n            });\n          },\n          'DeviceManager.askDevicePermission'\n        );\n      }\n      default:\n        return Reflect.get(target, prop);\n    }\n  }\n}\n\n// TODO: Remove this when SDK no longer returns duplicate audio and video devices\n/** Helper function to dedupe duplicate audio and video devices obtained from SDK */\nconst dedupeById = <T extends { id: string }>(devices: T[]): T[] => {\n  const ids = new Set();\n  const uniqueDevices: T[] = [];\n  devices.forEach((device: T) => {\n    if (!ids.has(device.id)) {\n      uniqueDevices.push(device);\n      ids.add(device.id);\n    }\n  });\n  return uniqueDevices;\n};\n\n/**\n * Creates a declarative DeviceManager by proxying DeviceManager with ProxyDeviceManager. The declarative DeviceManager\n * will put state updates in the given context.\n *\n * @param deviceManager - DeviceManager from SDK\n * @param context - CallContext from StatefulCallClient\n */\nexport const deviceManagerDeclaratify = (deviceManager: DeviceManager, context: CallContext): DeviceManager => {\n  const proxyDeviceManager = new ProxyDeviceManager(deviceManager, context);\n  Object.defineProperty(deviceManager, 'unsubscribe', {\n    configurable: false,\n    value: () => proxyDeviceManager.unsubscribe()\n  });\n  Object.defineProperty(deviceManager, 'selectCamera', {\n    configurable: false,\n    value: (videoDeviceInfo: VideoDeviceInfo) => proxyDeviceManager.selectCamera(videoDeviceInfo)\n  });\n  return new Proxy(deviceManager, proxyDeviceManager) as StatefulDeviceManager;\n};\n"]}
+{"version":3,"file":"DeviceManagerDeclarative.js","sourceRoot":"","sources":["../../../../../calling-stateful-client/src/DeviceManagerDeclarative.ts"],"names":[],"mappings":"AAAA,uCAAuC;AACvC,kCAAkC;;;;;;;;;;AAmBlC;;;;;;GAMG;AACH,MAAM,kBAAkB;IAItB,YAAY,aAA4B,EAAE,OAAoB;QAQtD,qBAAgB,GAAG,GAAS,EAAE;YACpC,mHAAmH;YACnH,4GAA4G;YAC5G,mDAAmD;YACnD,IAAI,CAAC,QAAQ,CAAC,2CAA2C,CAAC,IAAI,CAAC,cAAc,CAAC,2BAA2B,CAAC,CAAC;YAC3G,IAAI,CAAC,QAAQ,CAAC,kCAAkC,CAAC,IAAI,CAAC,cAAc,CAAC,kBAAkB,CAAC,CAAC;YACzF,IAAI,CAAC,QAAQ,CAAC,+BAA+B,CAAC,IAAI,CAAC,cAAc,CAAC,eAAe,CAAC,CAAC;QACrF,CAAC,CAAC;QAEM,cAAS,GAAG,GAAS,EAAE;YAC7B,IAAI,CAAC,cAAc,CAAC,EAAE,CAAC,qBAAqB,EAAE,IAAI,CAAC,mBAAmB,CAAC,CAAC;YACxE,IAAI,CAAC,cAAc,CAAC,EAAE,CAAC,qBAAqB,EAAE,IAAI,CAAC,mBAAmB,CAAC,CAAC;YACxE,IAAI,CAAC,cAAc,CAAC,EAAE,CAAC,2BAA2B,EAAE,IAAI,CAAC,yBAAyB,CAAC,CAAC;YACpF,IAAI,CAAC,cAAc,CAAC,EAAE,CAAC,wBAAwB,EAAE,IAAI,CAAC,sBAAsB,CAAC,CAAC;QAChF,CAAC,CAAC;QAEF;;WAEG;QACI,gBAAW,GAAG,GAAS,EAAE;YAC9B,IAAI,CAAC,cAAc,CAAC,GAAG,CAAC,qBAAqB,EAAE,IAAI,CAAC,mBAAmB,CAAC,CAAC;YACzE,IAAI,CAAC,cAAc,CAAC,GAAG,CAAC,qBAAqB,EAAE,IAAI,CAAC,mBAAmB,CAAC,CAAC;YACzE,IAAI,CAAC,cAAc,CAAC,GAAG,CAAC,2BAA2B,EAAE,IAAI,CAAC,yBAAyB,CAAC,CAAC;YACrF,IAAI,CAAC,cAAc,CAAC,GAAG,CAAC,wBAAwB,EAAE,IAAI,CAAC,sBAAsB,CAAC,CAAC;QACjF,CAAC,CAAC;QAEF;;;;WAIG;QACI,iBAAY,GAAG,CAAC,eAAgC,EAAQ,EAAE;YAC/D,IAAI,CAAC,QAAQ,CAAC,8BAA8B,CAAC,eAAe,CAAC,CAAC;QAChE,CAAC,CAAC;QAEM,wBAAmB,GAAG,GAAwB,EAAE;YACtD,iGAAiG;YACjG,wCAAwC;YACxC,MAAM,WAAW,GAAG,CAAC,MAAM,IAAI,CAAC,cAAc,CAAC,UAAU,EAAE,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC;YACrF,IAAI,CAAC,QAAQ,CAAC,uBAAuB,CAAC,UAAU,CAAC,WAAW,CAAC,CAAC,CAAC;QACjE,CAAC,CAAA,CAAC;QAEM,wBAAmB,GAAG,GAAwB,EAAE;YACtD,IAAI,CAAC,QAAQ,CAAC,2BAA2B,CAAC,UAAU,CAAC,MAAM,IAAI,CAAC,cAAc,CAAC,cAAc,EAAE,CAAC,CAAC,CAAC;YAClG,IAAI,CAAC,QAAQ,CAAC,wBAAwB,CAAC,UAAU,CAAC,MAAM,IAAI,CAAC,cAAc,CAAC,WAAW,EAAE,CAAC,CAAC,CAAC;QAC9F,CAAC,CAAA,CAAC;QAEM,8BAAyB,GAAG,GAAS,EAAE;YAC7C,IAAI,CAAC,QAAQ,CAAC,kCAAkC,CAAC,IAAI,CAAC,cAAc,CAAC,kBAAkB,CAAC,CAAC;QAC3F,CAAC,CAAC;QAEM,2BAAsB,GAAG,GAAS,EAAE;YAC1C,IAAI,CAAC,QAAQ,CAAC,+BAA+B,CAAC,IAAI,CAAC,cAAc,CAAC,eAAe,CAAC,CAAC;QACrF,CAAC,CAAC;QA5DA,IAAI,CAAC,cAAc,GAAG,aAAa,CAAC;QACpC,IAAI,CAAC,QAAQ,GAAG,OAAO,CAAC;QAExB,IAAI,CAAC,gBAAgB,EAAE,CAAC;QACxB,IAAI,CAAC,SAAS,EAAE,CAAC;IACnB,CAAC;IAyDM,GAAG,CAAgC,MAAqB,EAAE,IAAO;QACtE,QAAQ,IAAI,EAAE;YACZ,KAAK,YAAY,CAAC,CAAC;gBACjB,OAAO,IAAI,CAAC,QAAQ,CAAC,yBAAyB,CAAC,GAA+B,EAAE;oBAC9E,OAAO,MAAM,CAAC,UAAU,EAAE,CAAC,IAAI,CAAC,CAAC,OAA0B,EAAE,EAAE;wBAC7D,iGAAiG;wBACjG,wCAAwC;wBACxC,MAAM,WAAW,GAAG,OAAO,CAAC,MAAM,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC;wBACpD,IAAI,CAAC,QAAQ,CAAC,uBAAuB,CAAC,UAAU,CAAC,WAAW,CAAC,CAAC,CAAC;wBAC/D,OAAO,WAAW,CAAC;oBACrB,CAAC,CAAC,CAAC;gBACL,CAAC,EAAE,0BAA0B,CAAC,CAAC;aAChC;YACD,KAAK,gBAAgB,CAAC,CAAC;gBACrB,OAAO,IAAI,CAAC,QAAQ,CAAC,yBAAyB,CAAC,GAA+B,EAAE;oBAC9E,OAAO,MAAM,CAAC,cAAc,EAAE,CAAC,IAAI,CAAC,CAAC,WAA8B,EAAE,EAAE;wBACrE,IAAI,CAAC,QAAQ,CAAC,2BAA2B,CAAC,UAAU,CAAC,WAAW,CAAC,CAAC,CAAC;wBACnE,OAAO,WAAW,CAAC;oBACrB,CAAC,CAAC,CAAC;gBACL,CAAC,EAAE,8BAA8B,CAAC,CAAC;aACpC;YACD,KAAK,aAAa,CAAC,CAAC;gBAClB,OAAO,IAAI,CAAC,QAAQ,CAAC,yBAAyB,CAAC,GAA+B,EAAE;oBAC9E,OAAO,MAAM,CAAC,WAAW,EAAE,CAAC,IAAI,CAAC,CAAC,QAA2B,EAAE,EAAE;wBAC/D,IAAI,CAAC,QAAQ,CAAC,wBAAwB,CAAC,UAAU,CAAC,QAAQ,CAAC,CAAC,CAAC;wBAC7D,OAAO,QAAQ,CAAC;oBAClB,CAAC,CAAC,CAAC;gBACL,CAAC,EAAE,2BAA2B,CAAC,CAAC;aACjC;YACD,KAAK,kBAAkB,CAAC,CAAC;gBACvB,OAAO,IAAI,CAAC,QAAQ,CAAC,yBAAyB,CAC5C,CAAC,GAAG,IAAmD,EAAiB,EAAE;oBACxE,OAAO,MAAM,CAAC,gBAAgB,CAAC,GAAG,IAAI,CAAC,CAAC,IAAI,CAAC,GAAG,EAAE;wBAChD,IAAI,CAAC,QAAQ,CAAC,kCAAkC,CAAC,MAAM,CAAC,kBAAkB,CAAC,CAAC;oBAC9E,CAAC,CAAC,CAAC;gBACL,CAAC,EACD,gCAAgC,CACjC,CAAC;aACH;YACD,KAAK,eAAe,CAAC,CAAC;gBACpB,OAAO,IAAI,CAAC,QAAQ,CAAC,yBAAyB,CAC5C,CAAC,GAAG,IAAgD,EAAiB,EAAE;oBACrE,OAAO,MAAM,CAAC,aAAa,CAAC,GAAG,IAAI,CAAC,CAAC,IAAI,CAAC,GAAG,EAAE;wBAC7C,IAAI,CAAC,QAAQ,CAAC,+BAA+B,CAAC,MAAM,CAAC,eAAe,CAAC,CAAC;oBACxE,CAAC,CAAC,CAAC;gBACL,CAAC,EACD,6BAA6B,CAC9B,CAAC;aACH;YACD,KAAK,qBAAqB,CAAC,CAAC;gBAC1B,OAAO,IAAI,CAAC,QAAQ,CAAC,yBAAyB,CAC5C,CAAC,GAAG,IAAsD,EAAyB,EAAE;oBACnF,OAAO,MAAM,CAAC,mBAAmB,CAAC,GAAG,IAAI,CAAC,CAAC,IAAI,CAAC,CAAC,YAA0B,EAAE,EAAE;wBAC7E,IAAI,CAAC,QAAQ,CAAC,4BAA4B,CAAC,YAAY,CAAC,CAAC;wBACzD,IAAI,CAAC,gBAAgB,EAAE,CAAC;wBACxB,OAAO,YAAY,CAAC;oBACtB,CAAC,CAAC,CAAC;gBACL,CAAC,EACD,mCAAmC,CACpC,CAAC;aACH;YACD;gBACE,OAAO,OAAO,CAAC,GAAG,CAAC,MAAM,EAAE,IAAI,CAAC,CAAC;SACpC;IACH,CAAC;CACF;AAED,iFAAiF;AACjF,oFAAoF;AACpF,MAAM,UAAU,GAAG,CAA2B,OAAY,EAAO,EAAE;IACjE,MAAM,GAAG,GAAG,IAAI,GAAG,EAAE,CAAC;IACtB,MAAM,aAAa,GAAQ,EAAE,CAAC;IAC9B,OAAO,CAAC,OAAO,CAAC,CAAC,MAAS,EAAE,EAAE;QAC5B,IAAI,CAAC,GAAG,CAAC,GAAG,CAAC,MAAM,CAAC,EAAE,CAAC,EAAE;YACvB,aAAa,CAAC,IAAI,CAAC,MAAM,CAAC,CAAC;YAC3B,GAAG,CAAC,GAAG,CAAC,MAAM,CAAC,EAAE,CAAC,CAAC;SACpB;IACH,CAAC,CAAC,CAAC;IACH,OAAO,aAAa,CAAC;AACvB,CAAC,CAAC;AAEF;;;;;;GAMG;AACH,MAAM,CAAC,MAAM,wBAAwB,GAAG,CAAC,aAA4B,EAAE,OAAoB,EAAiB,EAAE;IAC5G,MAAM,kBAAkB,GAAG,IAAI,kBAAkB,CAAC,aAAa,EAAE,OAAO,CAAC,CAAC;IAC1E,MAAM,CAAC,cAAc,CAAC,aAAa,EAAE,aAAa,EAAE;QAClD,YAAY,EAAE,KAAK;QACnB,KAAK,EAAE,GAAG,EAAE,CAAC,kBAAkB,CAAC,WAAW,EAAE;KAC9C,CAAC,CAAC;IACH,MAAM,CAAC,cAAc,CAAC,aAAa,EAAE,cAAc,EAAE;QACnD,YAAY,EAAE,KAAK;QACnB,KAAK,EAAE,CAAC,eAAgC,EAAE,EAAE,CAAC,kBAAkB,CAAC,YAAY,CAAC,eAAe,CAAC;KAC9F,CAAC,CAAC;IACH,OAAO,IAAI,KAAK,CAAC,aAAa,EAAE,kBAAkB,CAA0B,CAAC;AAC/E,CAAC,CAAC","sourcesContent":["// Copyright (c) Microsoft Corporation.\n// Licensed under the MIT license.\n\nimport { AudioDeviceInfo, DeviceAccess, DeviceManager, VideoDeviceInfo } from '@azure/communication-calling';\nimport { CallContext } from './CallContext';\n\n/**\n * Defines the additional methods added by the stateful on top of {@link @azure/communication-calling#DeviceManager}.\n *\n * @public\n */\nexport interface StatefulDeviceManager extends DeviceManager {\n  /**\n   * Sets the selectedCamera in the {@link DeviceManagerState}. This is completely developer driven and is not tied in\n   * any way to {@link @azure/communication-calling#DeviceManager}. It is entirely contained in\n   * {@link StatefulDeviceManager}. See also {@link DeviceManagerState.selectedCamera}.\n   */\n  selectCamera: (VideoDeviceInfo) => void;\n}\n\n/**\n * ProxyDeviceManager proxies DeviceManager and subscribes to all events that affect device manager state. State updates\n * are set on the provided context. Also any queries for state are proxied and stored in state as well. Only one device\n * manager should exist for a given CallClient so if CallClient.getDeviceManager is called multiple times, either a\n * cached ProxyDeviceManager should be returned or the existing ProxyDeviceManager should be destructed via destructor()\n * and a new ProxyDeviceManager created.\n */\nclass ProxyDeviceManager implements ProxyHandler<DeviceManager> {\n  private _deviceManager: DeviceManager;\n  private _context: CallContext;\n\n  constructor(deviceManager: DeviceManager, context: CallContext) {\n    this._deviceManager = deviceManager;\n    this._context = context;\n\n    this.setDeviceManager();\n    this.subscribe();\n  }\n\n  private setDeviceManager = (): void => {\n    // isSpeakerSelectionAvailable, selectedMicrophone, and selectedSpeaker are properties on DeviceManager. Since they\n    // are not functions we can't proxy them so we'll update whenever we think they may need updating such as at\n    // construction time or when certain events happen.\n    this._context.setDeviceManagerIsSpeakerSelectionAvailable(this._deviceManager.isSpeakerSelectionAvailable);\n    this._context.setDeviceManagerSelectedMicrophone(this._deviceManager.selectedMicrophone);\n    this._context.setDeviceManagerSelectedSpeaker(this._deviceManager.selectedSpeaker);\n  };\n\n  private subscribe = (): void => {\n    this._deviceManager.on('videoDevicesUpdated', this.videoDevicesUpdated);\n    this._deviceManager.on('audioDevicesUpdated', this.audioDevicesUpdated);\n    this._deviceManager.on('selectedMicrophoneChanged', this.selectedMicrophoneChanged);\n    this._deviceManager.on('selectedSpeakerChanged', this.selectedSpeakerChanged);\n  };\n\n  /**\n   * This is used to unsubscribe DeclarativeDeviceManager from the DeviceManager events.\n   */\n  public unsubscribe = (): void => {\n    this._deviceManager.off('videoDevicesUpdated', this.videoDevicesUpdated);\n    this._deviceManager.off('audioDevicesUpdated', this.audioDevicesUpdated);\n    this._deviceManager.off('selectedMicrophoneChanged', this.selectedMicrophoneChanged);\n    this._deviceManager.off('selectedSpeakerChanged', this.selectedSpeakerChanged);\n  };\n\n  /**\n   * Used to set a camera inside the proxy device manager.\n   *\n   * @param videoDeviceInfo VideoDeviceInfo\n   */\n  public selectCamera = (videoDeviceInfo: VideoDeviceInfo): void => {\n    this._context.setDeviceManagerSelectedCamera(videoDeviceInfo);\n  };\n\n  private videoDevicesUpdated = async (): Promise<void> => {\n    // Device Manager always has a camera with '' name if there are no real camera devices available.\n    // We don't want to show that in the UI.\n    const realCameras = (await this._deviceManager.getCameras()).filter((c) => !!c.name);\n    this._context.setDeviceManagerCameras(dedupeById(realCameras));\n  };\n\n  private audioDevicesUpdated = async (): Promise<void> => {\n    this._context.setDeviceManagerMicrophones(dedupeById(await this._deviceManager.getMicrophones()));\n    this._context.setDeviceManagerSpeakers(dedupeById(await this._deviceManager.getSpeakers()));\n  };\n\n  private selectedMicrophoneChanged = (): void => {\n    this._context.setDeviceManagerSelectedMicrophone(this._deviceManager.selectedMicrophone);\n  };\n\n  private selectedSpeakerChanged = (): void => {\n    this._context.setDeviceManagerSelectedSpeaker(this._deviceManager.selectedSpeaker);\n  };\n\n  public get<P extends keyof DeviceManager>(target: DeviceManager, prop: P): any {\n    switch (prop) {\n      case 'getCameras': {\n        return this._context.withAsyncErrorTeedToState((): Promise<VideoDeviceInfo[]> => {\n          return target.getCameras().then((cameras: VideoDeviceInfo[]) => {\n            // Device Manager always has a camera with '' name if there are no real camera devices available.\n            // We don't want to show that in the UI.\n            const realCameras = cameras.filter((c) => !!c.name);\n            this._context.setDeviceManagerCameras(dedupeById(realCameras));\n            return realCameras;\n          });\n        }, 'DeviceManager.getCameras');\n      }\n      case 'getMicrophones': {\n        return this._context.withAsyncErrorTeedToState((): Promise<AudioDeviceInfo[]> => {\n          return target.getMicrophones().then((microphones: AudioDeviceInfo[]) => {\n            this._context.setDeviceManagerMicrophones(dedupeById(microphones));\n            return microphones;\n          });\n        }, 'DeviceManager.getMicrophones');\n      }\n      case 'getSpeakers': {\n        return this._context.withAsyncErrorTeedToState((): Promise<AudioDeviceInfo[]> => {\n          return target.getSpeakers().then((speakers: AudioDeviceInfo[]) => {\n            this._context.setDeviceManagerSpeakers(dedupeById(speakers));\n            return speakers;\n          });\n        }, 'DeviceManager.getSpeakers');\n      }\n      case 'selectMicrophone': {\n        return this._context.withAsyncErrorTeedToState(\n          (...args: Parameters<DeviceManager['selectMicrophone']>): Promise<void> => {\n            return target.selectMicrophone(...args).then(() => {\n              this._context.setDeviceManagerSelectedMicrophone(target.selectedMicrophone);\n            });\n          },\n          'DeviceManager.selectMicrophone'\n        );\n      }\n      case 'selectSpeaker': {\n        return this._context.withAsyncErrorTeedToState(\n          (...args: Parameters<DeviceManager['selectSpeaker']>): Promise<void> => {\n            return target.selectSpeaker(...args).then(() => {\n              this._context.setDeviceManagerSelectedSpeaker(target.selectedSpeaker);\n            });\n          },\n          'DeviceManager.selectSpeaker'\n        );\n      }\n      case 'askDevicePermission': {\n        return this._context.withAsyncErrorTeedToState(\n          (...args: Parameters<DeviceManager['askDevicePermission']>): Promise<DeviceAccess> => {\n            return target.askDevicePermission(...args).then((deviceAccess: DeviceAccess) => {\n              this._context.setDeviceManagerDeviceAccess(deviceAccess);\n              this.setDeviceManager();\n              return deviceAccess;\n            });\n          },\n          'DeviceManager.askDevicePermission'\n        );\n      }\n      default:\n        return Reflect.get(target, prop);\n    }\n  }\n}\n\n// TODO: Remove this when SDK no longer returns duplicate audio and video devices\n/** Helper function to dedupe duplicate audio and video devices obtained from SDK */\nconst dedupeById = <T extends { id: string }>(devices: T[]): T[] => {\n  const ids = new Set();\n  const uniqueDevices: T[] = [];\n  devices.forEach((device: T) => {\n    if (!ids.has(device.id)) {\n      uniqueDevices.push(device);\n      ids.add(device.id);\n    }\n  });\n  return uniqueDevices;\n};\n\n/**\n * Creates a declarative DeviceManager by proxying DeviceManager with ProxyDeviceManager. The declarative DeviceManager\n * will put state updates in the given context.\n *\n * @param deviceManager - DeviceManager from SDK\n * @param context - CallContext from StatefulCallClient\n */\nexport const deviceManagerDeclaratify = (deviceManager: DeviceManager, context: CallContext): DeviceManager => {\n  const proxyDeviceManager = new ProxyDeviceManager(deviceManager, context);\n  Object.defineProperty(deviceManager, 'unsubscribe', {\n    configurable: false,\n    value: () => proxyDeviceManager.unsubscribe()\n  });\n  Object.defineProperty(deviceManager, 'selectCamera', {\n    configurable: false,\n    value: (videoDeviceInfo: VideoDeviceInfo) => proxyDeviceManager.selectCamera(videoDeviceInfo)\n  });\n  return new Proxy(deviceManager, proxyDeviceManager) as StatefulDeviceManager;\n};\n"]}

package/dist/dist-esm/calling-stateful-client/src/ParticipantSubscriber.d.ts

@@ -20,6 +20,7 @@ export declare class ParticipantSubscriber {
     private addRemoteVideoStreamSubscriber;
     private stateChanged;
     private isMutedChanged;
+    private roleChanged;
     private displayNameChanged;
     private isSpeakingChanged;
     private videoStreamsUpdated;

package/dist/dist-esm/calling-stateful-client/src/ParticipantSubscriber.js

@@ -17,6 +17,8 @@ export class ParticipantSubscriber {
             this._participant.on('displayNameChanged', this.displayNameChanged);
             this._participant.on('isSpeakingChanged', this.isSpeakingChanged);
             this._participant.on('videoStreamsUpdated', this.videoStreamsUpdated);
+            /* @conditional-compile-remove(rooms) */
+            this._participant.on('roleChanged', this.roleChanged);
             if (this._participant.videoStreams.length > 0) {
                 for (const stream of this._participant.videoStreams) {
                     this._internalContext.setRemoteRenderInfo(this._callIdRef.callId, this._participantKey, stream.id, stream, 'NotRendered', undefined);
@@ -31,6 +33,8 @@ export class ParticipantSubscriber {
             this._participant.off('displayNameChanged', this.displayNameChanged);
             this._participant.off('isSpeakingChanged', this.isSpeakingChanged);
             this._participant.off('videoStreamsUpdated', this.videoStreamsUpdated);
+            /* @conditional-compile-remove(rooms) */
+            this._participant.off('roleChanged', this.roleChanged);
             // If unsubscribing it means the participant left the call. If they have any rendering streams we should stop them
             // as it doesn't make sense to render for an ended participant.
             if (this._participant.videoStreams.length > 0) {
@@ -51,6 +55,10 @@ export class ParticipantSubscriber {
         this.isMutedChanged = () => {
             this._context.setParticipantIsMuted(this._callIdRef.callId, this._participantKey, this._participant.isMuted);
         };
+        /* @conditional-compile-remove(rooms) */
+        this.roleChanged = () => {
+            this._context.setParticipantRole(this._callIdRef.callId, this._participantKey, this._participant.role);
+        };
         this.displayNameChanged = () => {
             this._context.setParticipantDisplayName(this._callIdRef.callId, this._participantKey, this._participant.displayName || '');
         };

package/dist/dist-esm/calling-stateful-client/src/ParticipantSubscriber.js.map

@@ -1 +1 @@
-{"version":3,"file":"ParticipantSubscriber.js","sourceRoot":"","sources":["../../../../../calling-stateful-client/src/ParticipantSubscriber.ts"],"names":[],"mappings":"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","sourcesContent":["// Copyright (c) Microsoft Corporation.\n// Licensed under the MIT license.\n\nimport { RemoteParticipant, RemoteVideoStream } from '@azure/communication-calling';\nimport { toFlatCommunicationIdentifier } from '@internal/acs-ui-common';\nimport { CallContext } from './CallContext';\nimport { CallIdRef } from './CallIdRef';\nimport { convertSdkRemoteStreamToDeclarativeRemoteStream } from './Converter';\nimport { InternalCallContext } from './InternalCallContext';\nimport { RemoteVideoStreamSubscriber } from './RemoteVideoStreamSubscriber';\nimport { disposeView } from './StreamUtils';\n\n/**\n * Keeps track of the listeners assigned to a particular participant because when we get an event from SDK, it doesn't\n * tell us which participant it is for. If we keep track of this then we know which participant in the state that needs\n * an update and also which property of that participant. Also we can use this when unregistering to a participant.\n */\nexport class ParticipantSubscriber {\n  private _callIdRef: CallIdRef;\n  private _participant: RemoteParticipant;\n  private _context: CallContext;\n  private _internalContext: InternalCallContext;\n  private _participantKey: string;\n  private _remoteVideoStreamSubscribers: Map<number, RemoteVideoStreamSubscriber>;\n\n  constructor(\n    callIdRef: CallIdRef,\n    participant: RemoteParticipant,\n    context: CallContext,\n    internalContext: InternalCallContext\n  ) {\n    this._callIdRef = callIdRef;\n    this._participant = participant;\n    this._context = context;\n    this._internalContext = internalContext;\n    this._participantKey = toFlatCommunicationIdentifier(this._participant.identifier);\n    this._remoteVideoStreamSubscribers = new Map<number, RemoteVideoStreamSubscriber>();\n    this.subscribe();\n  }\n\n  private subscribe = (): void => {\n    this._participant.on('stateChanged', this.stateChanged);\n    this._participant.on('isMutedChanged', this.isMutedChanged);\n    this._participant.on('displayNameChanged', this.displayNameChanged);\n    this._participant.on('isSpeakingChanged', this.isSpeakingChanged);\n    this._participant.on('videoStreamsUpdated', this.videoStreamsUpdated);\n\n    if (this._participant.videoStreams.length > 0) {\n      for (const stream of this._participant.videoStreams) {\n        this._internalContext.setRemoteRenderInfo(\n          this._callIdRef.callId,\n          this._participantKey,\n          stream.id,\n          stream,\n          'NotRendered',\n          undefined\n        );\n        this.addRemoteVideoStreamSubscriber(stream);\n      }\n      this._context.setRemoteVideoStreams(\n        this._callIdRef.callId,\n        this._participantKey,\n        this._participant.videoStreams.map(convertSdkRemoteStreamToDeclarativeRemoteStream),\n        []\n      );\n    }\n  };\n\n  public unsubscribe = (): void => {\n    this._participant.off('stateChanged', this.stateChanged);\n    this._participant.off('isMutedChanged', this.isMutedChanged);\n    this._participant.off('displayNameChanged', this.displayNameChanged);\n    this._participant.off('isSpeakingChanged', this.isSpeakingChanged);\n    this._participant.off('videoStreamsUpdated', this.videoStreamsUpdated);\n\n    // If unsubscribing it means the participant left the call. If they have any rendering streams we should stop them\n    // as it doesn't make sense to render for an ended participant.\n    if (this._participant.videoStreams.length > 0) {\n      for (const stream of this._participant.videoStreams) {\n        disposeView(\n          this._context,\n          this._internalContext,\n          this._callIdRef.callId,\n          this._participantKey,\n          convertSdkRemoteStreamToDeclarativeRemoteStream(stream)\n        );\n        this._internalContext.deleteRemoteRenderInfo(this._callIdRef.callId, this._participantKey, stream.id);\n      }\n    }\n  };\n\n  private addRemoteVideoStreamSubscriber = (remoteVideoStream: RemoteVideoStream): void => {\n    this._remoteVideoStreamSubscribers.get(remoteVideoStream.id)?.unsubscribe();\n    this._remoteVideoStreamSubscribers.set(\n      remoteVideoStream.id,\n      new RemoteVideoStreamSubscriber(this._callIdRef, this._participantKey, remoteVideoStream, this._context)\n    );\n  };\n\n  private stateChanged = (): void => {\n    this._context.setParticipantState(this._callIdRef.callId, this._participantKey, this._participant.state);\n  };\n\n  private isMutedChanged = (): void => {\n    this._context.setParticipantIsMuted(this._callIdRef.callId, this._participantKey, this._participant.isMuted);\n  };\n\n  private displayNameChanged = (): void => {\n    this._context.setParticipantDisplayName(\n      this._callIdRef.callId,\n      this._participantKey,\n      this._participant.displayName || ''\n    );\n  };\n\n  private isSpeakingChanged = (): void => {\n    this._context.setParticipantIsSpeaking(this._callIdRef.callId, this._participantKey, this._participant.isSpeaking);\n  };\n\n  private videoStreamsUpdated = (event: { added: RemoteVideoStream[]; removed: RemoteVideoStream[] }): void => {\n    for (const stream of event.removed) {\n      this._remoteVideoStreamSubscribers.get(stream.id)?.unsubscribe();\n      disposeView(\n        this._context,\n        this._internalContext,\n        this._callIdRef.callId,\n        this._participantKey,\n        convertSdkRemoteStreamToDeclarativeRemoteStream(stream)\n      );\n      this._internalContext.deleteRemoteRenderInfo(this._callIdRef.callId, this._participantKey, stream.id);\n    }\n\n    for (const stream of event.added) {\n      this._internalContext.setRemoteRenderInfo(\n        this._callIdRef.callId,\n        this._participantKey,\n        stream.id,\n        stream,\n        'NotRendered',\n        undefined\n      );\n      this.addRemoteVideoStreamSubscriber(stream);\n    }\n\n    this._context.setRemoteVideoStreams(\n      this._callIdRef.callId,\n      this._participantKey,\n      event.added.map(convertSdkRemoteStreamToDeclarativeRemoteStream),\n      event.removed.map((stream: RemoteVideoStream) => stream.id)\n    );\n  };\n}\n\"../../acs-ui-common/src\""]}
+{"version":3,"file":"ParticipantSubscriber.js","sourceRoot":"","sources":["../../../../../calling-stateful-client/src/ParticipantSubscriber.ts"],"names":[],"mappings":"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","sourcesContent":["// Copyright (c) Microsoft Corporation.\n// Licensed under the MIT license.\n\nimport { RemoteParticipant, RemoteVideoStream } from '@azure/communication-calling';\nimport { toFlatCommunicationIdentifier } from '@internal/acs-ui-common';\nimport { CallContext } from './CallContext';\nimport { CallIdRef } from './CallIdRef';\nimport { convertSdkRemoteStreamToDeclarativeRemoteStream } from './Converter';\nimport { InternalCallContext } from './InternalCallContext';\nimport { RemoteVideoStreamSubscriber } from './RemoteVideoStreamSubscriber';\nimport { disposeView } from './StreamUtils';\n\n/**\n * Keeps track of the listeners assigned to a particular participant because when we get an event from SDK, it doesn't\n * tell us which participant it is for. If we keep track of this then we know which participant in the state that needs\n * an update and also which property of that participant. Also we can use this when unregistering to a participant.\n */\nexport class ParticipantSubscriber {\n  private _callIdRef: CallIdRef;\n  private _participant: RemoteParticipant;\n  private _context: CallContext;\n  private _internalContext: InternalCallContext;\n  private _participantKey: string;\n  private _remoteVideoStreamSubscribers: Map<number, RemoteVideoStreamSubscriber>;\n\n  constructor(\n    callIdRef: CallIdRef,\n    participant: RemoteParticipant,\n    context: CallContext,\n    internalContext: InternalCallContext\n  ) {\n    this._callIdRef = callIdRef;\n    this._participant = participant;\n    this._context = context;\n    this._internalContext = internalContext;\n    this._participantKey = toFlatCommunicationIdentifier(this._participant.identifier);\n    this._remoteVideoStreamSubscribers = new Map<number, RemoteVideoStreamSubscriber>();\n    this.subscribe();\n  }\n\n  private subscribe = (): void => {\n    this._participant.on('stateChanged', this.stateChanged);\n    this._participant.on('isMutedChanged', this.isMutedChanged);\n    this._participant.on('displayNameChanged', this.displayNameChanged);\n    this._participant.on('isSpeakingChanged', this.isSpeakingChanged);\n    this._participant.on('videoStreamsUpdated', this.videoStreamsUpdated);\n    /* @conditional-compile-remove(rooms) */\n    this._participant.on('roleChanged', this.roleChanged);\n\n    if (this._participant.videoStreams.length > 0) {\n      for (const stream of this._participant.videoStreams) {\n        this._internalContext.setRemoteRenderInfo(\n          this._callIdRef.callId,\n          this._participantKey,\n          stream.id,\n          stream,\n          'NotRendered',\n          undefined\n        );\n        this.addRemoteVideoStreamSubscriber(stream);\n      }\n      this._context.setRemoteVideoStreams(\n        this._callIdRef.callId,\n        this._participantKey,\n        this._participant.videoStreams.map(convertSdkRemoteStreamToDeclarativeRemoteStream),\n        []\n      );\n    }\n  };\n\n  public unsubscribe = (): void => {\n    this._participant.off('stateChanged', this.stateChanged);\n    this._participant.off('isMutedChanged', this.isMutedChanged);\n    this._participant.off('displayNameChanged', this.displayNameChanged);\n    this._participant.off('isSpeakingChanged', this.isSpeakingChanged);\n    this._participant.off('videoStreamsUpdated', this.videoStreamsUpdated);\n    /* @conditional-compile-remove(rooms) */\n    this._participant.off('roleChanged', this.roleChanged);\n\n    // If unsubscribing it means the participant left the call. If they have any rendering streams we should stop them\n    // as it doesn't make sense to render for an ended participant.\n    if (this._participant.videoStreams.length > 0) {\n      for (const stream of this._participant.videoStreams) {\n        disposeView(\n          this._context,\n          this._internalContext,\n          this._callIdRef.callId,\n          this._participantKey,\n          convertSdkRemoteStreamToDeclarativeRemoteStream(stream)\n        );\n        this._internalContext.deleteRemoteRenderInfo(this._callIdRef.callId, this._participantKey, stream.id);\n      }\n    }\n  };\n\n  private addRemoteVideoStreamSubscriber = (remoteVideoStream: RemoteVideoStream): void => {\n    this._remoteVideoStreamSubscribers.get(remoteVideoStream.id)?.unsubscribe();\n    this._remoteVideoStreamSubscribers.set(\n      remoteVideoStream.id,\n      new RemoteVideoStreamSubscriber(this._callIdRef, this._participantKey, remoteVideoStream, this._context)\n    );\n  };\n\n  private stateChanged = (): void => {\n    this._context.setParticipantState(this._callIdRef.callId, this._participantKey, this._participant.state);\n  };\n\n  private isMutedChanged = (): void => {\n    this._context.setParticipantIsMuted(this._callIdRef.callId, this._participantKey, this._participant.isMuted);\n  };\n\n  /* @conditional-compile-remove(rooms) */\n  private roleChanged = (): void => {\n    this._context.setParticipantRole(this._callIdRef.callId, this._participantKey, this._participant.role);\n  };\n\n  private displayNameChanged = (): void => {\n    this._context.setParticipantDisplayName(\n      this._callIdRef.callId,\n      this._participantKey,\n      this._participant.displayName || ''\n    );\n  };\n\n  private isSpeakingChanged = (): void => {\n    this._context.setParticipantIsSpeaking(this._callIdRef.callId, this._participantKey, this._participant.isSpeaking);\n  };\n\n  private videoStreamsUpdated = (event: { added: RemoteVideoStream[]; removed: RemoteVideoStream[] }): void => {\n    for (const stream of event.removed) {\n      this._remoteVideoStreamSubscribers.get(stream.id)?.unsubscribe();\n      disposeView(\n        this._context,\n        this._internalContext,\n        this._callIdRef.callId,\n        this._participantKey,\n        convertSdkRemoteStreamToDeclarativeRemoteStream(stream)\n      );\n      this._internalContext.deleteRemoteRenderInfo(this._callIdRef.callId, this._participantKey, stream.id);\n    }\n\n    for (const stream of event.added) {\n      this._internalContext.setRemoteRenderInfo(\n        this._callIdRef.callId,\n        this._participantKey,\n        stream.id,\n        stream,\n        'NotRendered',\n        undefined\n      );\n      this.addRemoteVideoStreamSubscriber(stream);\n    }\n\n    this._context.setRemoteVideoStreams(\n      this._callIdRef.callId,\n      this._participantKey,\n      event.added.map(convertSdkRemoteStreamToDeclarativeRemoteStream),\n      event.removed.map((stream: RemoteVideoStream) => stream.id)\n    );\n  };\n}\n\"../../acs-ui-common/src\""]}

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

@@ -5,7 +5,10 @@
         "removeButtonLabel": "Entfernen",
         "sharingIconLabel": "Teilen",
         "mutedIconLabel": "Stumm geschaltet",
-        "displayNamePlaceholder": "Unbenannter Teilnehmer"
+        "displayNamePlaceholder": "Unbenannter Teilnehmer",
+        "participantStateConnecting": "Anrufen...",
+        "participantStateRinging": "Anrufen...",
+        "participantStateHold": "In der Warteschleife"
     },
     "typingIndicator": {
         "singleUser": "{user} schreibt ...",
@@ -18,7 +21,10 @@
         "placeholderText": "Nachricht eingeben",
         "textTooLong": "Ihre Nachrichtenlänge überschreitet den maximalen Grenzwert.",
         "sendButtonAriaLabel": "Nachricht senden",
-        "fileUploadsPendingError": "Wird hochgeladen... Bitte warten."
+        "fileUploadsPendingError": "Wird hochgeladen... Bitte warten.",
+        "removeFile": "Datei entfernen",
+        "uploading": "Hochladen",
+        "uploadCompleted": "Upload abgeschlossen"
     },
     "messageStatusIndicator": {
         "deliveredAriaLabel": "Nachricht gesendet",
@@ -80,7 +86,7 @@
     },
     "participantsButton": {
         "label": "Personen",
-        "tooltipContent": "Teilnehmer anzeigen",
+        "tooltipContent": "Teilnehmende anzeigen",
         "menuHeader": "In diesem Anruf",
         "participantsListButtonLabel": "{numParticipants} Personen",
         "muteAllButtonLabel": "Alle stumm schalten",
@@ -110,6 +116,8 @@
         "failToSendTag": "Fehler beim Senden",
         "editedTag": "Bearbeitet",
         "liveAuthorIntro": "{author} sagt",
+        "messageContentAriaText": "{author} hat {message} gesagt",
+        "messageContentMineAriaText": "Sie sagten {message}",
         "editBoxTextLimit": "Ihre Nachricht überschreitet das Limit von {limitNumber} Zeichen.",
         "editBoxPlaceholderText": "Bearbeiten Sie Ihre Nachricht",
         "newMessagesIndicator": "Neue Nachrichten",
@@ -117,7 +125,8 @@
         "editBoxCancelButton": "Abbrechen",
         "editBoxSubmitButton": "Übermitteln",
         "messageReadCount": "Gelesen von {messageReadByCount} von {remoteParticipantsCount}",
-        "actionMenuMoreOptions": "Weitere Optionen"
+        "actionMenuMoreOptions": "Weitere Optionen",
+        "downloadFile": "Datei herunterladen"
     },
     "errorBar": {
         "unableToReachChatService": "Sie sind offline.",
@@ -138,10 +147,13 @@
         "callNoMicrophoneFound": "Es wurden keine Mikrofone gefunden. Schließen Sie ein Audioeingabegerät an.",
         "callMicrophoneAccessDenied": "Auf das Mikrofon kann nicht zugegriffen werden. Klicken Sie auf die Sperre in der Adressleiste, um dieser Webseite Berechtigungen zu erteilen.",
         "callMicrophoneMutedBySystem": "Sie werden von Ihrem System stummgeschaltet.",
+        "callMicrophoneUnmutedBySystem": "Ihr Mikrofon wurde wiederhergestellt, und Ihr System hat die Stummschaltung aufgehoben.",
         "callMacOsMicrophoneAccessDenied": "Auf das Mikrofon kann nicht zugegriffen werden. Erteilen Sie die Mikrofonberechtigung in Ihren macOS-Datenschutzeinstellungen.",
         "callLocalVideoFreeze": "Die Netzwerkbandbreite ist schlecht. Ihr Video wird möglicherweise für andere Personen während des Anrufs angehalten angezeigt.",
         "callCameraAccessDenied": "Auf die Kamera kann nicht zugegriffen werden. Klicken Sie auf die Sperre in der Adressleiste, um dieser Webseite Berechtigungen zu erteilen.",
         "callCameraAlreadyInUse": "Auf die Kamera kann nicht zugegriffen werden. Sie wird möglicherweise bereits von einer anderen Anwendung verwendet.",
+        "callVideoStoppedBySystem": "Ihr Video wurde von Ihrem System beendet.",
+        "callVideoRecoveredBySystem": "Ihr Video wurde fortgesetzt.",
         "callMacOsCameraAccessDenied": "MacOS blockiert den Zugriff auf Ihre Kamera. Aktualisieren Sie Ihre Datenschutzeinstellungen, damit dieser Browser auf Ihre Kamera zugreifen kann.",
         "callMacOsScreenShareAccessDenied": "MacOS blockiert die Bildschirmfreigabe. Aktualisieren Sie Ihre Datenschutzeinstellungen, damit dieser Browser Ihren Bildschirm aufzeichnen kann.",
         "dismissButtonAriaLabel": "Schließen",
@@ -158,12 +170,50 @@
         "displayNamePlaceholder": "Unbenannter Teilnehmer"
     },
     "dialpad": {
-        "placeholderText": "Eine Nummer eingeben"
+        "placeholderText": "Telefonnummer eingeben",
+        "deleteButtonAriaLabel": "Löschen"
     },
-    "HoldButton": {
+    "holdButton": {
         "onLabel": "Fortsetzen",
         "offLabel": "Halten",
-        "toolTipOnContent": "Anruf fortsetzen",
-        "toolTipOffContent": "Anruf halten"
+        "tooltipOnContent": "Anruf fortsetzen",
+        "tooltipOffContent": "Anruf halten"
+    },
+    "videoTile": {
+        "participantStateConnecting": "Anrufen...",
+        "participantStateRinging": "Anrufen...",
+        "participantStateHold": "In der Warteschleife"
+    },
+    "DomainPermissions": {
+        "primaryText": "Zulassen, dass {appName} Ihre Kamera und Ihr Mikrofon verwendet",
+        "secondaryText": "So können die Teilnehmer Sie sehen und hören.",
+        "linkText": "Benötigen Sie Hilfe? Hilfe zur Problembehandlung",
+        "primaryButtonText": "Zugriff erlauben"
+    },
+    "UnsupportedBrowser": {
+        "primaryText": "Der Browser wird nicht unterstützt.",
+        "secondaryText": "Bitte nehmen Sie über einen kompatiblen Browser an diesem Anruf teil.",
+        "moreHelpLink": "Weitere Hilfe"
+    },
+    "BrowserPermissionDenied": {
+        "primaryText": "Kamera oder Mikrofon kann nicht verwendet werden",
+        "secondaryText": "Ihr Browser hat möglicherweise keinen Zugriff auf Ihre Kamera oder Ihr Mikrofon. Öffnen Sie die Systemeinstellungen, um dieses Problem zu beheben.",
+        "primaryButtonText": "Erneut versuchen",
+        "linkText": "Benötigen Sie Hilfe? Hilfe zur Problembehandlung"
+    },
+    "BrowserPermissionDeniedIOS": {
+        "primaryText": "Mikrofonzugriff zulassen, um fortzufahren",
+        "secondaryText": "Damit andere Teilnehmer Sie hören können.",
+        "primaryButtonText": "Erneut versuchen",
+        "imageAltText": "Berechtigungsspeicherort für Mikrofon- und Kamerageräte für iOS",
+        "linkText": "Benötigen Sie Hilfe? Hilfe zur Problembehandlung",
+        "step1Text": "Zur Einstellungs-App wechseln",
+        "step2Text": "Scrollen Sie nach unten zu den Einstellungen dieses Browsers",
+        "step3Text": "Mikrofon einschalten (Kamera optional)",
+        "step4Text": "Versuchen Sie erneut, dem Anruf beizutreten",
+        "step1DigitText": "1",
+        "step2DigitText": "2",
+        "step3DigitText": "3",
+        "step4DigitText": "4"
     }
 }

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

@@ -5,7 +5,10 @@
         "removeButtonLabel": "Remove",
         "sharingIconLabel": "Sharing",
         "mutedIconLabel": "Muted",
-        "displayNamePlaceholder": "Unnamed Participant"
+        "displayNamePlaceholder": "Unnamed Participant",
+        "participantStateConnecting": "Calling...",
+        "participantStateRinging": "Calling...",
+        "participantStateHold": "On hold"
     },
     "typingIndicator": {
         "singleUser": "{user} is typing ...",
@@ -18,7 +21,10 @@
         "placeholderText": "Enter a message",
         "textTooLong": "Your message length is over the maximum limit.",
         "sendButtonAriaLabel": "Send message",
-        "fileUploadsPendingError": "Uploading... Please wait."
+        "fileUploadsPendingError": "Uploading... Please wait.",
+        "removeFile": "Remove file",
+        "uploading": "Uploading",
+        "uploadCompleted": "Upload completed"
     },
     "messageStatusIndicator": {
         "deliveredAriaLabel": "Message sent",
@@ -33,7 +39,7 @@
     },
     "endCallButton": {
         "label": "Leave",
-        "tooltipContent": "Leave Call"
+        "tooltipContent": "Leave call"
     },
     "cameraButton": {
         "onLabel": "Turn off",
@@ -43,7 +49,7 @@
         "tooltipOffContent": "Turn on camera",
         "tooltipVideoLoadingContent": "Video is loading",
         "cameraMenuTitle": "Camera",
-        "cameraMenuTooltip": "Choose Camera",
+        "cameraMenuTooltip": "Choose camera",
         "cameraButtonSplitRoleDescription": "Split button",
         "onSplitButtonAriaLabel": "Turn off camera and camera options",
         "offSplitButtonAriaLabel": "Turn on camera and camera options",
@@ -57,9 +63,9 @@
         "tooltipOnContent": "Mute microphone",
         "tooltipOffContent": "Unmute microphone",
         "microphoneMenuTitle": "Microphone",
-        "microphoneMenuTooltip": "Choose Microphone",
+        "microphoneMenuTooltip": "Choose microphone",
         "speakerMenuTitle": "Speaker",
-        "speakerMenuTooltip": "Choose Speaker",
+        "speakerMenuTooltip": "Choose speaker",
         "microphoneButtonSplitRoleDescription": "Split button",
         "onSplitButtonAriaLabel": "Mute microphone and audio options",
         "offSplitButtonAriaLabel": "Unmute microphone and audio options",
@@ -70,17 +76,17 @@
         "label": "Devices",
         "tooltipContent": "Manage devices",
         "cameraMenuTitle": "Camera",
-        "cameraMenuTooltip": "Choose Camera",
+        "cameraMenuTooltip": "Choose camera",
         "audioDeviceMenuTitle": "Audio Device",
-        "audioDeviceMenuTooltip": "Choose Audio Device",
+        "audioDeviceMenuTooltip": "Choose audio device",
         "microphoneMenuTitle": "Microphone",
-        "microphoneMenuTooltip": "Choose Microphone",
+        "microphoneMenuTooltip": "Choose microphone",
         "speakerMenuTitle": "Speaker",
-        "speakerMenuTooltip": "Choose Speaker"
+        "speakerMenuTooltip": "Choose speaker"
     },
     "participantsButton": {
         "label": "People",
-        "tooltipContent": "Show Participants",
+        "tooltipContent": "Show participants",
         "menuHeader": "In this call",
         "participantsListButtonLabel": "{numParticipants} people",
         "muteAllButtonLabel": "Mute all",
@@ -110,6 +116,8 @@
         "failToSendTag": "Failed to send",
         "editedTag": "Edited",
         "liveAuthorIntro": "{author} says",
+        "messageContentAriaText": "{author} said {message}",
+        "messageContentMineAriaText": "You said {message}",
         "editBoxTextLimit": "Your message is over the limit of {limitNumber} characters",
         "editBoxPlaceholderText": "Edit your message",
         "newMessagesIndicator": "New messages",
@@ -117,7 +125,8 @@
         "editBoxCancelButton": "Cancel",
         "editBoxSubmitButton": "Submit",
         "messageReadCount": "Read by {messageReadByCount} of {remoteParticipantsCount}",
-        "actionMenuMoreOptions": "More Options"
+        "actionMenuMoreOptions": "More Options",
+        "downloadFile": "Download file"
     },
     "errorBar": {
         "unableToReachChatService": "You are offline",
@@ -138,10 +147,13 @@
         "callNoMicrophoneFound": "No microphones found. Connect an audio input device.",
         "callMicrophoneAccessDenied": "Unable to access microphone. Click the lock in the address bar to grant permission to this webpage.",
         "callMicrophoneMutedBySystem": "You are muted by your system.",
+        "callMicrophoneUnmutedBySystem": "Your microphone recovered and you were unmuted by your system.",
         "callMacOsMicrophoneAccessDenied": "Unable to access microphone. Grant microphone permission in your macOS privacy settings.",
         "callLocalVideoFreeze": "Network bandwidth is poor. Your video may appear paused for others on the call.",
         "callCameraAccessDenied": "Unable to access camera. Click the lock in the address bar to grant permission to this webpage.",
         "callCameraAlreadyInUse": "Unable to access camera. It may already be in use by another application.",
+        "callVideoStoppedBySystem": "Your video has been stopped by your system.",
+        "callVideoRecoveredBySystem": "Your video has resumed.",
         "callMacOsCameraAccessDenied": "MacOS is blocking access to your camera. Update your privacy settings to allow this browser to access your camera.",
         "callMacOsScreenShareAccessDenied": "MacOS is blocking screen sharing. Update your privacy settings to allow this browser to record your screen.",
         "dismissButtonAriaLabel": "Close",
@@ -158,12 +170,50 @@
         "displayNamePlaceholder": "Unnamed Participant"
     },
     "dialpad": {
-        "placeholderText": "Enter a number"
+        "placeholderText": "Enter phone number",
+        "deleteButtonAriaLabel": "Delete"
     },
-    "HoldButton": {
+    "holdButton": {
         "onLabel": "Resume",
         "offLabel": "Hold",
-        "toolTipOnContent": "Resume call",
-        "toolTipOffContent": "Hold call"
+        "tooltipOnContent": "Resume call",
+        "tooltipOffContent": "Hold call"
+    },
+    "videoTile": {
+        "participantStateConnecting": "Calling...",
+        "participantStateRinging": "Calling...",
+        "participantStateHold": "On hold"
+    },
+    "DomainPermissions": {
+        "primaryText": "Allow {appName} to use your camera and microphone",
+        "secondaryText": "This is so participants can see and hear you.",
+        "linkText": "Need help? Get troubleshooting help",
+        "primaryButtonText": "Allow Access"
+    },
+    "UnsupportedBrowser": {
+        "primaryText": "Browser not supported",
+        "secondaryText": "Please join this call using a compatible browser.",
+        "moreHelpLink": "More help"
+    },
+    "BrowserPermissionDenied": {
+        "primaryText": "Can't use your camera or microphone",
+        "secondaryText": "Your browser might not have access to your camera or microphone. To fix this, open System Preferences.",
+        "primaryButtonText": "Try again",
+        "linkText": "Need help? Get troubleshooting help"
+    },
+    "BrowserPermissionDeniedIOS": {
+        "primaryText": "Allow microphone access to continue",
+        "secondaryText": "So other participants can hear you.",
+        "primaryButtonText": "Try again",
+        "imageAltText": "Microphone and camera device permission location for iOS",
+        "linkText": "Need help? Get troubleshooting help",
+        "step1Text": "Go to the Settings app",
+        "step2Text": "Scroll down to settings for this browser",
+        "step3Text": "Turn on Microphone (Camera optional)",
+        "step4Text": "Try joining the call again",
+        "step1DigitText": "1",
+        "step2DigitText": "2",
+        "step3DigitText": "3",
+        "step4DigitText": "4"
     }
 }

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

@@ -5,7 +5,10 @@
         "removeButtonLabel": "Quitar",
         "sharingIconLabel": "Compartiendo",
         "mutedIconLabel": "Silenciado",
-        "displayNamePlaceholder": "Participante sin nombre"
+        "displayNamePlaceholder": "Participante sin nombre",
+        "participantStateConnecting": "Llamando...",
+        "participantStateRinging": "Llamando...",
+        "participantStateHold": "En espera"
     },
     "typingIndicator": {
         "singleUser": "{user} está escribiendo...",
@@ -18,7 +21,10 @@
         "placeholderText": "Escribir un mensaje",
         "textTooLong": "La longitud del mensaje supera el límite máximo.",
         "sendButtonAriaLabel": "Enviar mensaje",
-        "fileUploadsPendingError": "Cargando... Espere."
+        "fileUploadsPendingError": "Cargando... Espere.",
+        "removeFile": "Quitar archivo",
+        "uploading": "Cargando",
+        "uploadCompleted": "Carga completada"
     },
     "messageStatusIndicator": {
         "deliveredAriaLabel": "Mensaje enviado",
@@ -110,6 +116,8 @@
         "failToSendTag": "Error al enviar",
         "editedTag": "Editado",
         "liveAuthorIntro": "{author} dice",
+        "messageContentAriaText": "{author} dijo {message}",
+        "messageContentMineAriaText": "Has dicho {message}",
         "editBoxTextLimit": "El mensaje supera el límite de {limitNumber} caracteres",
         "editBoxPlaceholderText": "Editar el mensaje",
         "newMessagesIndicator": "Mensajes nuevos",
@@ -117,7 +125,8 @@
         "editBoxCancelButton": "Cancelar",
         "editBoxSubmitButton": "Enviar",
         "messageReadCount": "Leído por {messageReadByCount} de {remoteParticipantsCount}",
-        "actionMenuMoreOptions": "Más opciones"
+        "actionMenuMoreOptions": "Más opciones",
+        "downloadFile": "Descargar archivo"
     },
     "errorBar": {
         "unableToReachChatService": "Sin conexión",
@@ -138,10 +147,13 @@
         "callNoMicrophoneFound": "No se encontraron micrófonos. Conecta un dispositivo de entrada de audio.",
         "callMicrophoneAccessDenied": "No se puede acceder al micrófono. Haga clic en el bloqueo de la barra de direcciones para conceder permiso a esta página web.",
         "callMicrophoneMutedBySystem": "Su sistema ha silenciado su audio.",
+        "callMicrophoneUnmutedBySystem": "Su micrófono se ha recuperado y el sistema ha activado el audio.",
         "callMacOsMicrophoneAccessDenied": "No se puede acceder al micrófono. Conceda permiso al micrófono en la configuración de privacidad de macOS.",
         "callLocalVideoFreeze": "El ancho de banda de red es deficiente. Es posible que el vídeo aparezca pausado para otros usuarios en la llamada.",
         "callCameraAccessDenied": "No se puede acceder a la cámara. Haga clic en el bloqueo de la barra de direcciones para conceder permiso a esta página web.",
         "callCameraAlreadyInUse": "No se puede acceder a la cámara. Puede que ya la esté usando otra aplicación.",
+        "callVideoStoppedBySystem": "El sistema ha detenido el vídeo.",
+        "callVideoRecoveredBySystem": "El vídeo se ha reanudado.",
         "callMacOsCameraAccessDenied": "MacOS está bloqueando el acceso a la cámara. Actualiza la configuración de privacidad para permitir que este explorador acceda a la cámara.",
         "callMacOsScreenShareAccessDenied": "MacOS está bloqueando el uso compartido de la pantalla. Actualice la configuración de privacidad para permitir que este explorador grabe la pantalla.",
         "dismissButtonAriaLabel": "Cerrar",
@@ -158,12 +170,50 @@
         "displayNamePlaceholder": "Participante sin nombre"
     },
     "dialpad": {
-        "placeholderText": "Introducir un número"
+        "placeholderText": "Introduzca el número de teléfono",
+        "deleteButtonAriaLabel": "Eliminar"
     },
-    "HoldButton": {
+    "holdButton": {
         "onLabel": "Reanudar",
         "offLabel": "En espera",
-        "toolTipOnContent": "Reanudar llamada",
-        "toolTipOffContent": "Poner llamada en espera"
+        "tooltipOnContent": "Reanudar llamada",
+        "tooltipOffContent": "Poner llamada en espera"
+    },
+    "videoTile": {
+        "participantStateConnecting": "Llamando...",
+        "participantStateRinging": "Llamando...",
+        "participantStateHold": "En espera"
+    },
+    "DomainPermissions": {
+        "primaryText": "Permitir que {appName} usen la cámara y el micrófono",
+        "secondaryText": "Esto es para que los participantes puedan verle y oírle.",
+        "linkText": "¿Necesitas ayuda? Obtén ayuda para la solución de problemas",
+        "primaryButtonText": "Permitir acceso"
+    },
+    "UnsupportedBrowser": {
+        "primaryText": "Explorador no compatible",
+        "secondaryText": "Únase a esta llamada con un explorador compatible.",
+        "moreHelpLink": "Más ayuda"
+    },
+    "BrowserPermissionDenied": {
+        "primaryText": "No se puede usar la cámara o el micrófono",
+        "secondaryText": "Es posible que el explorador no tenga acceso a la cámara o al micrófono. Para solucionar este problema, abra Preferencias del sistema.",
+        "primaryButtonText": "Intentar de nuevo",
+        "linkText": "¿Necesitas ayuda? Obtén ayuda para la solución de problemas"
+    },
+    "BrowserPermissionDeniedIOS": {
+        "primaryText": "Permite el acceso al micrófono para continuar",
+        "secondaryText": "Para que otros participantes puedan oírte.",
+        "primaryButtonText": "Intentar de nuevo",
+        "imageAltText": "Ubicación de permisos del dispositivo de micrófono y cámara para iOS",
+        "linkText": "¿Necesitas ayuda? Obtén ayuda para la solución de problemas",
+        "step1Text": "Ve a la aplicación de Configuración",
+        "step2Text": "Desplázate hacia abajo hasta la configuración de este explorador",
+        "step3Text": "Activar micrófono (cámara opcional)",
+        "step4Text": "Intenta unirte de nuevo a la llamada",
+        "step1DigitText": "1",
+        "step2DigitText": "2",
+        "step3DigitText": "3",
+        "step4DigitText": "4"
     }
 }