@webex/plugin-meetings 3.0.0-beta.26 → 3.0.0-beta.261

package/dist/multistream/remoteMediaGroup.js.map

@@ -1 +1 @@
-{"version":3,"names":["RemoteMediaGroup","mediaRequestManager","receiveSlots","priority","commitMediaRequest","options","unpinnedRemoteMedia","map","slot","RemoteMedia","resolution","pinnedRemoteMedia","sendActiveSpeakerMediaRequest","filter","remoteMedia","csi","targetCsi","Error","id","indexOf","LoggerProxy","logger","log","idx","splice","push","cancelActiveSpeakerMediaRequest","sendMediaRequest","commit","cancelMediaRequest","mediaRequestId","addRequest","policyInfo","policy","crossPriorityDuplication","crossPolicyDuplication","preferLiveVideo","getUnderlyingReceiveSlot","codecInfo","codec","maxFs","getMaxFs","cancelRequest","undefined","forEach","stop","includes"],"sources":["remoteMediaGroup.ts"],"sourcesContent":["/* eslint-disable valid-jsdoc */\n/* eslint-disable require-jsdoc */\n/* eslint-disable import/prefer-default-export */\nimport LoggerProxy from '../common/logs/logger-proxy';\n\nimport {getMaxFs, RemoteMedia, RemoteVideoResolution} from './remoteMedia';\nimport {MediaRequestId, MediaRequestManager} from './mediaRequestManager';\nimport {CSI, ReceiveSlot} from './receiveSlot';\n\ntype Options = {\n  resolution?: RemoteVideoResolution; // applies only to groups of type MediaType.VideoMain and MediaType.VideoSlides\n  preferLiveVideo?: boolean; // applies only to groups of type MediaType.VideoMain and MediaType.VideoSlides\n};\n\nexport class RemoteMediaGroup {\n  private mediaRequestManager: MediaRequestManager;\n\n  private priority: number;\n\n  private options: Options;\n\n  private unpinnedRemoteMedia: RemoteMedia[];\n\n  private mediaRequestId?: MediaRequestId; // id of the \"active-speaker\" media request id\n\n  private pinnedRemoteMedia: RemoteMedia[];\n\n  constructor(\n    mediaRequestManager: MediaRequestManager,\n    receiveSlots: ReceiveSlot[],\n    priority: number,\n    commitMediaRequest: boolean,\n    options: Options = {}\n  ) {\n    this.mediaRequestManager = mediaRequestManager;\n    this.priority = priority;\n    this.options = options;\n\n    this.unpinnedRemoteMedia = receiveSlots.map(\n      (slot) =>\n        new RemoteMedia(slot, this.mediaRequestManager, {\n          resolution: this.options.resolution,\n        })\n    );\n    this.pinnedRemoteMedia = [];\n\n    this.sendActiveSpeakerMediaRequest(commitMediaRequest);\n  }\n\n  /**\n   * Gets the array of remote media elements from the group\n   *\n   * @param {string} filter - 'all' (default) returns both pinned and unpinned\n   * @returns {Array<RemoteMedia>}\n   */\n  public getRemoteMedia(filter: 'all' | 'pinned' | 'unpinned' = 'all') {\n    if (filter === 'unpinned') {\n      // return a shallow copy so that the client cannot modify this.unpinnedRemoteMedia array\n      return [...this.unpinnedRemoteMedia];\n    }\n    if (filter === 'pinned') {\n      // return a shallow copy so that the client cannot modify this.pinnedRemoteMedia array\n      return [...this.pinnedRemoteMedia];\n    }\n\n    return [...this.unpinnedRemoteMedia, ...this.pinnedRemoteMedia];\n  }\n\n  /**\n   * Pins a specific remote media instance to a specfic CSI, so the media will\n   * no longer come from active speaker, but from that CSI.\n   * If no CSI is given, the current CSI value is used.\n   *\n   */\n  public pin(remoteMedia: RemoteMedia, csi?: CSI): void {\n    // if csi is not specified, use the current one\n    const targetCsi = csi || remoteMedia.csi;\n\n    if (!targetCsi) {\n      throw new Error(\n        `failed to pin a remote media object ${remoteMedia.id}, because it has no CSI set and no CSI value was given`\n      );\n    }\n\n    if (this.pinnedRemoteMedia.indexOf(remoteMedia) >= 0) {\n      if (targetCsi === remoteMedia.csi) {\n        // remote media already pinned to target CSI, nothing to do\n        LoggerProxy.logger.log(\n          `RemoteMediaGroup#pin --> remote media ${remoteMedia.id} already pinned`\n        );\n\n        return;\n      }\n    } else {\n      const idx = this.unpinnedRemoteMedia.indexOf(remoteMedia);\n\n      if (idx < 0) {\n        throw new Error(\n          `failed to pin a remote media object ${remoteMedia.id}, because it is not found in this remote media group`\n        );\n      }\n\n      this.unpinnedRemoteMedia.splice(idx, 1);\n      this.pinnedRemoteMedia.push(remoteMedia);\n\n      this.cancelActiveSpeakerMediaRequest(false);\n      this.sendActiveSpeakerMediaRequest(false);\n    }\n\n    remoteMedia.sendMediaRequest(targetCsi, false);\n    this.mediaRequestManager.commit();\n  }\n\n  /**\n   * Unpins a remote media instance, so that it will again provide media from active speakers\n   *\n   */\n  public unpin(remoteMedia: RemoteMedia) {\n    if (this.unpinnedRemoteMedia.indexOf(remoteMedia) >= 0) {\n      LoggerProxy.logger.log(\n        `RemoteMediaGroup#pin --> remote media ${remoteMedia.id} already unpinned`\n      );\n\n      return;\n    }\n    const idx = this.pinnedRemoteMedia.indexOf(remoteMedia);\n\n    if (idx < 0) {\n      throw new Error(\n        `failed to unpin a remote media object ${remoteMedia.id}, because it is not found in this remote media group`\n      );\n    }\n\n    this.pinnedRemoteMedia.splice(idx, 1);\n    this.unpinnedRemoteMedia.push(remoteMedia);\n\n    remoteMedia.cancelMediaRequest(false);\n    this.cancelActiveSpeakerMediaRequest(false);\n    this.sendActiveSpeakerMediaRequest(false);\n    this.mediaRequestManager.commit();\n  }\n\n  public isPinned(remoteMedia: RemoteMedia) {\n    if (this.unpinnedRemoteMedia.indexOf(remoteMedia) >= 0) {\n      return false;\n    }\n    if (this.pinnedRemoteMedia.indexOf(remoteMedia) >= 0) {\n      return true;\n    }\n\n    throw new Error(`remote media object ${remoteMedia.id} not found in the group`);\n  }\n\n  private sendActiveSpeakerMediaRequest(commit: boolean) {\n    this.cancelActiveSpeakerMediaRequest(false);\n\n    this.mediaRequestId = this.mediaRequestManager.addRequest(\n      {\n        policyInfo: {\n          policy: 'active-speaker',\n          priority: this.priority,\n          crossPriorityDuplication: false,\n          crossPolicyDuplication: false,\n          preferLiveVideo: !!this.options?.preferLiveVideo,\n        },\n        receiveSlots: this.unpinnedRemoteMedia.map((remoteMedia) =>\n          remoteMedia.getUnderlyingReceiveSlot()\n        ) as ReceiveSlot[],\n        codecInfo: this.options.resolution && {\n          codec: 'h264',\n          maxFs: getMaxFs(this.options.resolution),\n        },\n      },\n      commit\n    );\n  }\n\n  private cancelActiveSpeakerMediaRequest(commit: boolean) {\n    if (this.mediaRequestId) {\n      this.mediaRequestManager.cancelRequest(this.mediaRequestId, commit);\n      this.mediaRequestId = undefined;\n    }\n  }\n\n  /**\n   * Invalidates the remote media group by clearing the references to the receive slots\n   * used by all remote media from that group and cancelling all media requests.\n   * After this call the remote media group is unusable.\n   *\n   * @param{boolean} commit whether to commit the cancellation of media requests\n   * @internal\n   */\n  public stop(commit = true) {\n    this.unpinnedRemoteMedia.forEach((remoteMedia) => remoteMedia.stop(false));\n    this.pinnedRemoteMedia.forEach((remoteMedia) => remoteMedia.stop(false));\n    this.cancelActiveSpeakerMediaRequest(false);\n\n    if (commit) {\n      this.mediaRequestManager.commit();\n    }\n  }\n\n  /**\n   * Checks if a given RemoteMedia instance belongs to this group.\n   *\n   * @param remoteMedia RemoteMedia instance to check\n   * @param filter controls which remote media from the group to check\n   * @returns true if remote media is found\n   */\n  public includes(\n    remoteMedia: RemoteMedia,\n    filter: 'all' | 'pinned' | 'unpinned' = 'all'\n  ): boolean {\n    if (filter === 'pinned') {\n      return this.pinnedRemoteMedia.includes(remoteMedia);\n    }\n    if (filter === 'unpinned') {\n      return this.unpinnedRemoteMedia.includes(remoteMedia);\n    }\n\n    return (\n      this.unpinnedRemoteMedia.includes(remoteMedia) || this.pinnedRemoteMedia.includes(remoteMedia)\n    );\n  }\n}\n"],"mappings":";;;;;;;;;;;;AAGA;AAEA;AALA;AACA;AACA;AAAA,IAYaA,gBAAgB;EASc;;EAIzC,0BACEC,mBAAwC,EACxCC,YAA2B,EAC3BC,QAAgB,EAChBC,kBAA2B,EAE3B;IAAA;IAAA,IADAC,OAAgB,uEAAG,CAAC,CAAC;IAAA;IAAA;IAAA;IAAA;IAAA;IAAA;IAAA;IAErB,IAAI,CAACJ,mBAAmB,GAAGA,mBAAmB;IAC9C,IAAI,CAACE,QAAQ,GAAGA,QAAQ;IACxB,IAAI,CAACE,OAAO,GAAGA,OAAO;IAEtB,IAAI,CAACC,mBAAmB,GAAGJ,YAAY,CAACK,GAAG,CACzC,UAACC,IAAI;MAAA,OACH,IAAIC,wBAAW,CAACD,IAAI,EAAE,KAAI,CAACP,mBAAmB,EAAE;QAC9CS,UAAU,EAAE,KAAI,CAACL,OAAO,CAACK;MAC3B,CAAC,CAAC;IAAA,EACL;IACD,IAAI,CAACC,iBAAiB,GAAG,EAAE;IAE3B,IAAI,CAACC,6BAA6B,CAACR,kBAAkB,CAAC;EACxD;;EAEA;AACF;AACA;AACA;AACA;AACA;EALE;IAAA;IAAA,OAMA,0BAAqE;MAAA,IAA/CS,MAAqC,uEAAG,KAAK;MACjE,IAAIA,MAAM,KAAK,UAAU,EAAE;QACzB;QACA,wCAAW,IAAI,CAACP,mBAAmB;MACrC;MACA,IAAIO,MAAM,KAAK,QAAQ,EAAE;QACvB;QACA,wCAAW,IAAI,CAACF,iBAAiB;MACnC;MAEA,kDAAW,IAAI,CAACL,mBAAmB,oCAAK,IAAI,CAACK,iBAAiB;IAChE;;IAEA;AACF;AACA;AACA;AACA;AACA;EALE;IAAA;IAAA,OAMA,aAAWG,WAAwB,EAAEC,GAAS,EAAQ;MACpD;MACA,IAAMC,SAAS,GAAGD,GAAG,IAAID,WAAW,CAACC,GAAG;MAExC,IAAI,CAACC,SAAS,EAAE;QACd,MAAM,IAAIC,KAAK,+CAC0BH,WAAW,CAACI,EAAE,4DACtD;MACH;MAEA,IAAI,IAAI,CAACP,iBAAiB,CAACQ,OAAO,CAACL,WAAW,CAAC,IAAI,CAAC,EAAE;QACpD,IAAIE,SAAS,KAAKF,WAAW,CAACC,GAAG,EAAE;UACjC;UACAK,oBAAW,CAACC,MAAM,CAACC,GAAG,iDACqBR,WAAW,CAACI,EAAE,qBACxD;UAED;QACF;MACF,CAAC,MAAM;QACL,IAAMK,GAAG,GAAG,IAAI,CAACjB,mBAAmB,CAACa,OAAO,CAACL,WAAW,CAAC;QAEzD,IAAIS,GAAG,GAAG,CAAC,EAAE;UACX,MAAM,IAAIN,KAAK,+CAC0BH,WAAW,CAACI,EAAE,0DACtD;QACH;QAEA,IAAI,CAACZ,mBAAmB,CAACkB,MAAM,CAACD,GAAG,EAAE,CAAC,CAAC;QACvC,IAAI,CAACZ,iBAAiB,CAACc,IAAI,CAACX,WAAW,CAAC;QAExC,IAAI,CAACY,+BAA+B,CAAC,KAAK,CAAC;QAC3C,IAAI,CAACd,6BAA6B,CAAC,KAAK,CAAC;MAC3C;MAEAE,WAAW,CAACa,gBAAgB,CAACX,SAAS,EAAE,KAAK,CAAC;MAC9C,IAAI,CAACf,mBAAmB,CAAC2B,MAAM,EAAE;IACnC;;IAEA;AACF;AACA;AACA;EAHE;IAAA;IAAA,OAIA,eAAad,WAAwB,EAAE;MACrC,IAAI,IAAI,CAACR,mBAAmB,CAACa,OAAO,CAACL,WAAW,CAAC,IAAI,CAAC,EAAE;QACtDM,oBAAW,CAACC,MAAM,CAACC,GAAG,iDACqBR,WAAW,CAACI,EAAE,uBACxD;QAED;MACF;MACA,IAAMK,GAAG,GAAG,IAAI,CAACZ,iBAAiB,CAACQ,OAAO,CAACL,WAAW,CAAC;MAEvD,IAAIS,GAAG,GAAG,CAAC,EAAE;QACX,MAAM,IAAIN,KAAK,iDAC4BH,WAAW,CAACI,EAAE,0DACxD;MACH;MAEA,IAAI,CAACP,iBAAiB,CAACa,MAAM,CAACD,GAAG,EAAE,CAAC,CAAC;MACrC,IAAI,CAACjB,mBAAmB,CAACmB,IAAI,CAACX,WAAW,CAAC;MAE1CA,WAAW,CAACe,kBAAkB,CAAC,KAAK,CAAC;MACrC,IAAI,CAACH,+BAA+B,CAAC,KAAK,CAAC;MAC3C,IAAI,CAACd,6BAA6B,CAAC,KAAK,CAAC;MACzC,IAAI,CAACX,mBAAmB,CAAC2B,MAAM,EAAE;IACnC;EAAC;IAAA;IAAA,OAED,kBAAgBd,WAAwB,EAAE;MACxC,IAAI,IAAI,CAACR,mBAAmB,CAACa,OAAO,CAACL,WAAW,CAAC,IAAI,CAAC,EAAE;QACtD,OAAO,KAAK;MACd;MACA,IAAI,IAAI,CAACH,iBAAiB,CAACQ,OAAO,CAACL,WAAW,CAAC,IAAI,CAAC,EAAE;QACpD,OAAO,IAAI;MACb;MAEA,MAAM,IAAIG,KAAK,+BAAwBH,WAAW,CAACI,EAAE,6BAA0B;IACjF;EAAC;IAAA;IAAA,OAED,uCAAsCU,MAAe,EAAE;MAAA;MACrD,IAAI,CAACF,+BAA+B,CAAC,KAAK,CAAC;MAE3C,IAAI,CAACI,cAAc,GAAG,IAAI,CAAC7B,mBAAmB,CAAC8B,UAAU,CACvD;QACEC,UAAU,EAAE;UACVC,MAAM,EAAE,gBAAgB;UACxB9B,QAAQ,EAAE,IAAI,CAACA,QAAQ;UACvB+B,wBAAwB,EAAE,KAAK;UAC/BC,sBAAsB,EAAE,KAAK;UAC7BC,eAAe,EAAE,CAAC,mBAAC,IAAI,CAAC/B,OAAO,0CAAZ,cAAc+B,eAAe;QAClD,CAAC;QACDlC,YAAY,EAAE,IAAI,CAACI,mBAAmB,CAACC,GAAG,CAAC,UAACO,WAAW;UAAA,OACrDA,WAAW,CAACuB,wBAAwB,EAAE;QAAA,EACtB;QAClBC,SAAS,EAAE,IAAI,CAACjC,OAAO,CAACK,UAAU,IAAI;UACpC6B,KAAK,EAAE,MAAM;UACbC,KAAK,EAAE,IAAAC,qBAAQ,EAAC,IAAI,CAACpC,OAAO,CAACK,UAAU;QACzC;MACF,CAAC,EACDkB,MAAM,CACP;IACH;EAAC;IAAA;IAAA,OAED,yCAAwCA,MAAe,EAAE;MACvD,IAAI,IAAI,CAACE,cAAc,EAAE;QACvB,IAAI,CAAC7B,mBAAmB,CAACyC,aAAa,CAAC,IAAI,CAACZ,cAAc,EAAEF,MAAM,CAAC;QACnE,IAAI,CAACE,cAAc,GAAGa,SAAS;MACjC;IACF;;IAEA;AACF;AACA;AACA;AACA;AACA;AACA;AACA;EAPE;IAAA;IAAA,OAQA,gBAA2B;MAAA,IAAff,MAAM,uEAAG,IAAI;MACvB,IAAI,CAACtB,mBAAmB,CAACsC,OAAO,CAAC,UAAC9B,WAAW;QAAA,OAAKA,WAAW,CAAC+B,IAAI,CAAC,KAAK,CAAC;MAAA,EAAC;MAC1E,IAAI,CAAClC,iBAAiB,CAACiC,OAAO,CAAC,UAAC9B,WAAW;QAAA,OAAKA,WAAW,CAAC+B,IAAI,CAAC,KAAK,CAAC;MAAA,EAAC;MACxE,IAAI,CAACnB,+BAA+B,CAAC,KAAK,CAAC;MAE3C,IAAIE,MAAM,EAAE;QACV,IAAI,CAAC3B,mBAAmB,CAAC2B,MAAM,EAAE;MACnC;IACF;;IAEA;AACF;AACA;AACA;AACA;AACA;AACA;EANE;IAAA;IAAA,OAOA,kBACEd,WAAwB,EAEf;MAAA,IADTD,MAAqC,uEAAG,KAAK;MAE7C,IAAIA,MAAM,KAAK,QAAQ,EAAE;QACvB,OAAO,IAAI,CAACF,iBAAiB,CAACmC,QAAQ,CAAChC,WAAW,CAAC;MACrD;MACA,IAAID,MAAM,KAAK,UAAU,EAAE;QACzB,OAAO,IAAI,CAACP,mBAAmB,CAACwC,QAAQ,CAAChC,WAAW,CAAC;MACvD;MAEA,OACE,IAAI,CAACR,mBAAmB,CAACwC,QAAQ,CAAChC,WAAW,CAAC,IAAI,IAAI,CAACH,iBAAiB,CAACmC,QAAQ,CAAChC,WAAW,CAAC;IAElG;EAAC;EAAA;AAAA;AAAA"}
+{"version":3,"names":["RemoteMediaGroup","mediaRequestManager","receiveSlots","priority","commitMediaRequest","options","unpinnedRemoteMedia","map","slot","RemoteMedia","resolution","pinnedRemoteMedia","sendActiveSpeakerMediaRequest","filter","remoteMediaCsis","commit","csi","remoteMedia","indexOf","unpinId","splice","push","Error","id","sendMediaRequest","pinId","cancelMediaRequest","cancelActiveSpeakerMediaRequest","targetCsi","LoggerProxy","logger","log","idx","preferLiveVideo","mediaRequestId","addRequest","policyInfo","policy","crossPriorityDuplication","crossPolicyDuplication","getUnderlyingReceiveSlot","codecInfo","codec","maxFs","getMaxFs","cancelRequest","undefined","forEach","stop","includes"],"sources":["remoteMediaGroup.ts"],"sourcesContent":["/* eslint-disable valid-jsdoc */\n/* eslint-disable require-jsdoc */\n/* eslint-disable import/prefer-default-export */\nimport {forEach} from 'lodash';\nimport LoggerProxy from '../common/logs/logger-proxy';\n\nimport {getMaxFs, RemoteMedia, RemoteVideoResolution} from './remoteMedia';\nimport {MediaRequestId, MediaRequestManager} from './mediaRequestManager';\nimport {CSI, ReceiveSlot} from './receiveSlot';\n\ntype Options = {\n  resolution?: RemoteVideoResolution; // applies only to groups of type MediaType.VideoMain and MediaType.VideoSlides\n  preferLiveVideo?: boolean; // applies only to groups of type MediaType.VideoMain and MediaType.VideoSlides\n};\n\nexport class RemoteMediaGroup {\n  private mediaRequestManager: MediaRequestManager;\n\n  private priority: number;\n\n  private options: Options;\n\n  private unpinnedRemoteMedia: RemoteMedia[];\n\n  private mediaRequestId?: MediaRequestId; // id of the \"active-speaker\" media request id\n\n  private pinnedRemoteMedia: RemoteMedia[];\n\n  constructor(\n    mediaRequestManager: MediaRequestManager,\n    receiveSlots: ReceiveSlot[],\n    priority: number,\n    commitMediaRequest: boolean,\n    options: Options = {}\n  ) {\n    this.mediaRequestManager = mediaRequestManager;\n    this.priority = priority;\n    this.options = options;\n\n    this.unpinnedRemoteMedia = receiveSlots.map(\n      (slot) =>\n        new RemoteMedia(slot, this.mediaRequestManager, {\n          resolution: this.options.resolution,\n        })\n    );\n    this.pinnedRemoteMedia = [];\n\n    this.sendActiveSpeakerMediaRequest(commitMediaRequest);\n  }\n\n  /**\n   * Gets the array of remote media elements from the group\n   *\n   * @param {string} filter - 'all' (default) returns both pinned and unpinned\n   * @returns {Array<RemoteMedia>}\n   */\n  public getRemoteMedia(filter: 'all' | 'pinned' | 'unpinned' = 'all') {\n    if (filter === 'unpinned') {\n      // return a shallow copy so that the client cannot modify this.unpinnedRemoteMedia array\n      return [...this.unpinnedRemoteMedia];\n    }\n    if (filter === 'pinned') {\n      // return a shallow copy so that the client cannot modify this.pinnedRemoteMedia array\n      return [...this.pinnedRemoteMedia];\n    }\n\n    return [...this.unpinnedRemoteMedia, ...this.pinnedRemoteMedia];\n  }\n\n  /**\n   * Sets CSIs for multiple RemoteMedia instances belonging to this RemoteMediaGroup.\n   * For each entry in the remoteMediaCsis array:\n   * - if csi is specified, the RemoteMedia instance is pinned to that CSI\n   * - if csi is undefined, the RemoteMedia instance is unpinned\n   * @internal\n   */\n  public setActiveSpeakerCsis(\n    remoteMediaCsis: {remoteMedia: RemoteMedia; csi?: number}[],\n    commit = true\n  ): void {\n    forEach(remoteMediaCsis, ({csi, remoteMedia}) => {\n      if (csi) {\n        if (!(this.pinnedRemoteMedia.indexOf(remoteMedia) >= 0)) {\n          const unpinId = this.unpinnedRemoteMedia.indexOf(remoteMedia);\n          if (unpinId >= 0) {\n            this.unpinnedRemoteMedia.splice(unpinId, 1);\n            this.pinnedRemoteMedia.push(remoteMedia);\n          } else {\n            throw new Error(\n              `failed to pin a remote media object ${remoteMedia.id}, because it is not found in this remote media group`\n            );\n          }\n        }\n        remoteMedia.sendMediaRequest(csi, false);\n      } else {\n        if (!(this.unpinnedRemoteMedia.indexOf(remoteMedia) >= 0)) {\n          const pinId = this.pinnedRemoteMedia.indexOf(remoteMedia);\n          if (pinId >= 0) {\n            this.pinnedRemoteMedia.splice(pinId, 1);\n            this.unpinnedRemoteMedia.push(remoteMedia);\n          } else {\n            throw new Error(\n              `failed to unpin a remote media object ${remoteMedia.id}, because it is not found in this remote media group`\n            );\n          }\n        }\n        remoteMedia.cancelMediaRequest(false);\n      }\n    });\n    this.cancelActiveSpeakerMediaRequest(false);\n    this.sendActiveSpeakerMediaRequest(false);\n    if (commit) {\n      this.mediaRequestManager.commit();\n    }\n  }\n\n  /**\n   * Pins a specific remote media instance to a specfic CSI, so the media will\n   * no longer come from active speaker, but from that CSI.\n   * If no CSI is given, the current CSI value is used.\n   *\n   */\n  public pin(remoteMedia: RemoteMedia, csi?: CSI): void {\n    // if csi is not specified, use the current one\n    const targetCsi = csi || remoteMedia.csi;\n\n    if (!targetCsi) {\n      throw new Error(\n        `failed to pin a remote media object ${remoteMedia.id}, because it has no CSI set and no CSI value was given`\n      );\n    }\n\n    if (this.pinnedRemoteMedia.indexOf(remoteMedia) >= 0) {\n      if (targetCsi === remoteMedia.csi) {\n        // remote media already pinned to target CSI, nothing to do\n        LoggerProxy.logger.log(\n          `RemoteMediaGroup#pin --> remote media ${remoteMedia.id} already pinned`\n        );\n\n        return;\n      }\n    } else {\n      const idx = this.unpinnedRemoteMedia.indexOf(remoteMedia);\n\n      if (idx < 0) {\n        throw new Error(\n          `failed to pin a remote media object ${remoteMedia.id}, because it is not found in this remote media group`\n        );\n      }\n\n      this.unpinnedRemoteMedia.splice(idx, 1);\n      this.pinnedRemoteMedia.push(remoteMedia);\n\n      this.cancelActiveSpeakerMediaRequest(false);\n      this.sendActiveSpeakerMediaRequest(false);\n    }\n\n    remoteMedia.sendMediaRequest(targetCsi, false);\n    this.mediaRequestManager.commit();\n  }\n\n  /**\n   * Unpins a remote media instance, so that it will again provide media from active speakers\n   *\n   */\n  public unpin(remoteMedia: RemoteMedia) {\n    if (this.unpinnedRemoteMedia.indexOf(remoteMedia) >= 0) {\n      LoggerProxy.logger.log(\n        `RemoteMediaGroup#pin --> remote media ${remoteMedia.id} already unpinned`\n      );\n\n      return;\n    }\n    const idx = this.pinnedRemoteMedia.indexOf(remoteMedia);\n\n    if (idx < 0) {\n      throw new Error(\n        `failed to unpin a remote media object ${remoteMedia.id}, because it is not found in this remote media group`\n      );\n    }\n\n    this.pinnedRemoteMedia.splice(idx, 1);\n    this.unpinnedRemoteMedia.push(remoteMedia);\n\n    remoteMedia.cancelMediaRequest(false);\n    this.cancelActiveSpeakerMediaRequest(false);\n    this.sendActiveSpeakerMediaRequest(false);\n    this.mediaRequestManager.commit();\n  }\n\n  public isPinned(remoteMedia: RemoteMedia) {\n    if (this.unpinnedRemoteMedia.indexOf(remoteMedia) >= 0) {\n      return false;\n    }\n    if (this.pinnedRemoteMedia.indexOf(remoteMedia) >= 0) {\n      return true;\n    }\n\n    throw new Error(`remote media object ${remoteMedia.id} not found in the group`);\n  }\n\n  /**\n   * setPreferLiveVideo - sets preferLiveVideo to true/false\n   * @internal\n   */\n  public setPreferLiveVideo(preferLiveVideo: boolean, commit: boolean) {\n    if (this.options.preferLiveVideo !== preferLiveVideo) {\n      this.options.preferLiveVideo = preferLiveVideo;\n      this.sendActiveSpeakerMediaRequest(commit);\n    }\n  }\n\n  private sendActiveSpeakerMediaRequest(commit: boolean) {\n    this.cancelActiveSpeakerMediaRequest(false);\n\n    this.mediaRequestId = this.mediaRequestManager.addRequest(\n      {\n        policyInfo: {\n          policy: 'active-speaker',\n          priority: this.priority,\n          crossPriorityDuplication: false,\n          crossPolicyDuplication: false,\n          preferLiveVideo: !!this.options?.preferLiveVideo,\n        },\n        receiveSlots: this.unpinnedRemoteMedia.map((remoteMedia) =>\n          remoteMedia.getUnderlyingReceiveSlot()\n        ) as ReceiveSlot[],\n        codecInfo: this.options.resolution && {\n          codec: 'h264',\n          maxFs: getMaxFs(this.options.resolution),\n        },\n      },\n      commit\n    );\n  }\n\n  private cancelActiveSpeakerMediaRequest(commit: boolean) {\n    if (this.mediaRequestId) {\n      this.mediaRequestManager.cancelRequest(this.mediaRequestId, commit);\n      this.mediaRequestId = undefined;\n    }\n  }\n\n  /**\n   * Invalidates the remote media group by clearing the references to the receive slots\n   * used by all remote media from that group and cancelling all media requests.\n   * After this call the remote media group is unusable.\n   *\n   * @param{boolean} commit whether to commit the cancellation of media requests\n   * @internal\n   */\n  public stop(commit = true) {\n    this.unpinnedRemoteMedia.forEach((remoteMedia) => remoteMedia.stop(false));\n    this.pinnedRemoteMedia.forEach((remoteMedia) => remoteMedia.stop(false));\n    this.cancelActiveSpeakerMediaRequest(false);\n\n    if (commit) {\n      this.mediaRequestManager.commit();\n    }\n  }\n\n  /**\n   * Checks if a given RemoteMedia instance belongs to this group.\n   *\n   * @param remoteMedia RemoteMedia instance to check\n   * @param filter controls which remote media from the group to check\n   * @returns true if remote media is found\n   */\n  public includes(\n    remoteMedia: RemoteMedia,\n    filter: 'all' | 'pinned' | 'unpinned' = 'all'\n  ): boolean {\n    if (filter === 'pinned') {\n      return this.pinnedRemoteMedia.includes(remoteMedia);\n    }\n    if (filter === 'unpinned') {\n      return this.unpinnedRemoteMedia.includes(remoteMedia);\n    }\n\n    return (\n      this.unpinnedRemoteMedia.includes(remoteMedia) || this.pinnedRemoteMedia.includes(remoteMedia)\n    );\n  }\n}\n"],"mappings":"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"}

package/dist/multistream/remoteMediaManager.js

@@ -23,6 +23,7 @@ var _possibleConstructorReturn2 = _interopRequireDefault(require("@babel/runtime
 var _getPrototypeOf2 = _interopRequireDefault(require("@babel/runtime-corejs2/helpers/getPrototypeOf"));
 var _defineProperty2 = _interopRequireDefault(require("@babel/runtime-corejs2/helpers/defineProperty"));
 var _remove2 = _interopRequireDefault(require("lodash/remove"));
+var _forEach2 = _interopRequireDefault(require("lodash/forEach"));
 var _cloneDeep2 = _interopRequireDefault(require("lodash/cloneDeep"));
 var _internalMediaCore = require("@webex/internal-media-core");
 var _loggerProxy = _interopRequireDefault(require("../common/logs/logger-proxy"));
@@ -69,6 +70,7 @@ var OnePlusFiveLayout = {
 };
 
 // A layout with 2 big panes for 2 main active speakers and a strip of 6 small panes for other active speakers:
+// eslint-disable-next-line @typescript-eslint/no-unused-vars
 var TwoMainPlusSixSmallLayout = {
   activeSpeakerVideoPaneGroups: [{
     id: 'mainGroupWith2BigPanes',
@@ -435,15 +437,16 @@ var RemoteMediaManager = /*#__PURE__*/function (_EventsScope) {
               }
               throw new Error('setLayout() called before start()');
             case 4:
+              _loggerProxy.default.logger.log("RemoteMediaManager#setLayout --> new layout selected: ".concat(layoutId));
               this.currentLayoutId = layoutId;
               this.currentLayout = (0, _cloneDeep2.default)(this.config.video.layouts[this.currentLayoutId]);
-              _context3.next = 8;
+              _context3.next = 9;
               return this.updateVideoReceiveSlots();
-            case 8:
+            case 9:
               this.updateVideoRemoteMediaObjects();
               this.updateScreenShareVideoRemoteMediaObject();
               this.emitVideoLayoutChangedEvent();
-            case 11:
+            case 12:
             case "end":
               return _context3.stop();
           }
@@ -465,6 +468,41 @@ var RemoteMediaManager = /*#__PURE__*/function (_EventsScope) {
       return this.currentLayoutId;
     }
 
+    /**
+     * sets the preferLiveVideo
+     */
+  }, {
+    key: "setPreferLiveVideo",
+    value: function setPreferLiveVideo(preferLiveVideo) {
+      _loggerProxy.default.logger.log("RemoteMediaManager#setPreferLiveVideo --> setPreferLiveVideo is called to set preferLiveVideo to ".concat(preferLiveVideo));
+      this.config.video.preferLiveVideo = preferLiveVideo;
+      (0, _values.default)(this.media.video.activeSpeakerGroups).forEach(function (activeSpeakerGroup) {
+        activeSpeakerGroup.setPreferLiveVideo(preferLiveVideo, false);
+      });
+      this.mediaRequestManagers.video.commit();
+    }
+
+    /**
+     * Sets CSIs for multiple RemoteMedia instances belonging to RemoteMediaGroup.
+     * For each entry in the remoteMediaCsis array:
+     * - if csi is specified, the RemoteMedia instance is pinned to that CSI
+     * - if csi is undefined, the RemoteMedia instance is unpinned
+     */
+  }, {
+    key: "setActiveSpeakerCsis",
+    value: function setActiveSpeakerCsis(remoteMediaCsis) {
+      (0, _values.default)(this.media.video.activeSpeakerGroups).forEach(function (remoteMediaGroup) {
+        var groupRemoteMediaCsis = remoteMediaCsis.filter(function (_ref) {
+          var remoteMedia = _ref.remoteMedia;
+          return remoteMediaGroup.includes(remoteMedia);
+        });
+        if (groupRemoteMediaCsis.length > 0) {
+          remoteMediaGroup.setActiveSpeakerCsis(groupRemoteMediaCsis, false);
+        }
+      });
+      this.mediaRequestManagers.video.commit();
+    }
+
     /**
      * Creates the audio slots
      */
@@ -618,70 +656,82 @@ var RemoteMediaManager = /*#__PURE__*/function (_EventsScope) {
     }
 
     /**
-     * Allocates receive slots to all video panes in the current selected layout
+     * Allocates receive slots to all active speaker video panes
+     * in the current selected layout.
+     *
+     * Allocation tries to keep the same order of the slots between the previous
+     * layout and the new one. Sorting helps making sure that highest priority slots
+     * go in the same order in the new layout.
      */
   }, {
-    key: "allocateSlotsToVideoPaneGroups",
-    value: function allocateSlotsToVideoPaneGroups() {
+    key: "allocateSlotsToActiveSpeakerPaneGroups",
+    value: function allocateSlotsToActiveSpeakerPaneGroups() {
       var _this$currentLayout2,
         _this$currentLayout2$,
-        _this5 = this,
-        _this$currentLayout3,
-        _this$currentLayout3$;
-      this.receiveSlotAllocations = {
-        activeSpeaker: {},
-        receiverSelected: {}
-      };
-      (_this$currentLayout2 = this.currentLayout) === null || _this$currentLayout2 === void 0 ? void 0 : (_this$currentLayout2$ = _this$currentLayout2.activeSpeakerVideoPaneGroups) === null || _this$currentLayout2$ === void 0 ? void 0 : _this$currentLayout2$.forEach(function (group) {
+        _this$currentLayout2$2,
+        _this5 = this;
+      (_this$currentLayout2 = this.currentLayout) === null || _this$currentLayout2 === void 0 ? void 0 : (_this$currentLayout2$ = _this$currentLayout2.activeSpeakerVideoPaneGroups
+      // sorting in descending order based on group priority
+      ) === null || _this$currentLayout2$ === void 0 ? void 0 : (_this$currentLayout2$2 = _this$currentLayout2$.sort(function (a, b) {
+        return a.priority < b.priority ? 1 : -1;
+      })) === null || _this$currentLayout2$2 === void 0 ? void 0 : _this$currentLayout2$2.forEach(function (group) {
         _this5.receiveSlotAllocations.activeSpeaker[group.id] = {
           slots: []
         };
         for (var paneIndex = 0; paneIndex < group.numPanes; paneIndex += 1) {
-          // allocate a slot from the "unused" list
-          var freeSlot = _this5.slots.video.unused.pop();
+          // allocate a slot from the "unused" list, by grabbing in same order (shift) as previous layout
+          var freeSlot = _this5.slots.video.unused.shift();
           if (freeSlot) {
             _this5.slots.video.activeSpeaker.push(freeSlot);
             _this5.receiveSlotAllocations.activeSpeaker[group.id].slots.push(freeSlot);
           }
         }
       });
+    }
+
+    /**
+     * Allocates receive slots to all receiver selected video panes
+     * in the current selected layout
+     */
+  }, {
+    key: "allocateSlotsToReceiverSelectedVideoPaneGroups",
+    value: function allocateSlotsToReceiverSelectedVideoPaneGroups() {
+      var _this$currentLayout3,
+        _this$currentLayout3$,
+        _this6 = this;
       (_this$currentLayout3 = this.currentLayout) === null || _this$currentLayout3 === void 0 ? void 0 : (_this$currentLayout3$ = _this$currentLayout3.memberVideoPanes) === null || _this$currentLayout3$ === void 0 ? void 0 : _this$currentLayout3$.forEach(function (memberPane) {
         // check if there is existing slot for this csi
-        var existingSlot = _this5.slots.video.receiverSelected.find(function (slot) {
+        var existingSlot = _this6.slots.video.receiverSelected.find(function (slot) {
           return slot.csi === memberPane.csi;
         });
-        var isExistingSlotAlreadyAllocated = (0, _values.default)(_this5.receiveSlotAllocations.receiverSelected).includes(existingSlot);
+        var isExistingSlotAlreadyAllocated = (0, _values.default)(_this6.receiveSlotAllocations.receiverSelected).includes(existingSlot);
         if (memberPane.csi !== undefined && existingSlot && !isExistingSlotAlreadyAllocated) {
           // found it, so use it
-          _this5.receiveSlotAllocations.receiverSelected[memberPane.id] = existingSlot;
+          _this6.receiveSlotAllocations.receiverSelected[memberPane.id] = existingSlot;
         } else {
           // allocate a slot from the "unused" list
-          var freeSlot = _this5.slots.video.unused.pop();
+          var freeSlot = _this6.slots.video.unused.pop();
           if (freeSlot) {
-            _this5.slots.video.receiverSelected.push(freeSlot);
-            _this5.receiveSlotAllocations.receiverSelected[memberPane.id] = freeSlot;
+            _this6.slots.video.receiverSelected.push(freeSlot);
+            _this6.receiveSlotAllocations.receiverSelected[memberPane.id] = freeSlot;
           }
         }
       });
     }
 
     /**
-     * Makes sure we have the right number of receive slots created for the current layout
-     * and allocates them to the right video panes / pane groups
-     *
-     * @returns {Promise}
+     * Ensures that we have enough slots for the current layout.
      */
   }, {
-    key: "updateVideoReceiveSlots",
+    key: "refillRequiredSlotsIfNeeded",
     value: function () {
-      var _updateVideoReceiveSlots = (0, _asyncToGenerator2.default)( /*#__PURE__*/_regenerator.default.mark(function _callee6() {
-        var _this$slots$video$unu4;
+      var _refillRequiredSlotsIfNeeded = (0, _asyncToGenerator2.default)( /*#__PURE__*/_regenerator.default.mark(function _callee6() {
         var requiredNumSlots, totalNumSlots, numSlotsToCreate;
         return _regenerator.default.wrap(function _callee6$(_context6) {
           while (1) switch (_context6.prev = _context6.next) {
             case 0:
               requiredNumSlots = this.getRequiredNumVideoSlotsForLayout(this.currentLayout);
-              totalNumSlots = this.slots.video.unused.length + this.slots.video.activeSpeaker.length + this.slots.video.receiverSelected.length; // ensure we have enough total slots for current layout
+              totalNumSlots = this.slots.video.unused.length + this.slots.video.activeSpeaker.length + this.slots.video.receiverSelected.length;
               if (!(totalNumSlots < requiredNumSlots)) {
                 _context6.next = 13;
                 break;
@@ -702,25 +752,125 @@ var RemoteMediaManager = /*#__PURE__*/function (_EventsScope) {
               _context6.next = 4;
               break;
             case 13:
-              // move all no longer needed receiver-selected slots to "unused"
-              this.trimReceiverSelectedSlots();
+            case "end":
+              return _context6.stop();
+          }
+        }, _callee6, this);
+      }));
+      function refillRequiredSlotsIfNeeded() {
+        return _refillRequiredSlotsIfNeeded.apply(this, arguments);
+      }
+      return refillRequiredSlotsIfNeeded;
+    }()
+    /**
+     * Move all active speaker slots to "unused"
+     */
+  }, {
+    key: "trimActiveSpeakerSlots",
+    value: function trimActiveSpeakerSlots() {
+      var _this$slots$video$unu4;
+      (_this$slots$video$unu4 = this.slots.video.unused).push.apply(_this$slots$video$unu4, (0, _toConsumableArray2.default)(this.slots.video.activeSpeaker));
+      this.slots.video.activeSpeaker.length = 0;
+    }
+
+    /**
+     * Logs the state of the receive slots
+     */
+  }, {
+    key: "logMainVideoReceiveSlots",
+    value: function logMainVideoReceiveSlots() {
+      var logMessage = '';
+      (0, _forEach2.default)(this.receiveSlotAllocations.activeSpeaker, function (group, groupName) {
+        logMessage += "\ngroup: ".concat(groupName, "\n").concat(group.slots.map(function (slot) {
+          return slot.logString;
+        }).join(', '));
+      });
+      logMessage += '\nreceiverSelected:\n';
+      (0, _forEach2.default)(this.receiveSlotAllocations.receiverSelected, function (slot, key) {
+        logMessage += " ".concat(key, ": ").concat(slot.logString, "\n");
+      });
+      _loggerProxy.default.logger.log("RemoteMediaManager#logMainVideoReceiveSlots --> MAIN VIDEO receive slots: unused=".concat(this.slots.video.unused.length, ", activeSpeaker=").concat(this.slots.video.activeSpeaker.length, ", receiverSelected=").concat(this.slots.video.receiverSelected.length).concat(logMessage));
+    }
+
+    /** logs main audio slots */
+  }, {
+    key: "logMainAudioReceiveSlots",
+    value: function logMainAudioReceiveSlots() {
+      _loggerProxy.default.logger.log("RemoteMediaManager#logMainAudioReceiveSlots --> MAIN AUDIO receive slots: ".concat(this.slots.audio.map(function (slot) {
+        return slot.logString;
+      }).join(', ')));
+    }
+
+    /** logs slides video slots */
+  }, {
+    key: "logSlidesVideoReceiveSlots",
+    value: function logSlidesVideoReceiveSlots() {
+      var _this$slots$screenSha;
+      _loggerProxy.default.logger.log("RemoteMediaManager#logSlidesVideoReceiveSlots --> SLIDES VIDEO receive slot: ".concat((_this$slots$screenSha = this.slots.screenShare.video) === null || _this$slots$screenSha === void 0 ? void 0 : _this$slots$screenSha.logString));
+    }
+
+    /** logs slides audio slots */
+  }, {
+    key: "logSlidesAudioReceiveSlots",
+    value: function logSlidesAudioReceiveSlots() {
+      _loggerProxy.default.logger.log("RemoteMediaManager#logSlidesAudioReceiveSlots --> SLIDES AUDIO receive slots: ".concat(this.slots.screenShare.audio.map(function (slot) {
+        return slot.logString;
+      }).join(', ')));
+    }
+
+    /** Logs all current receive slots */
+  }, {
+    key: "logAllReceiveSlots",
+    value: function logAllReceiveSlots() {
+      this.logMainVideoReceiveSlots();
+      this.logMainAudioReceiveSlots();
+      this.logSlidesVideoReceiveSlots();
+      this.logSlidesAudioReceiveSlots();
+    }
 
+    /**
+     * Makes sure we have the right number of receive slots created for the current layout
+     * and allocates them to the right video panes / pane groups
+     *
+     * @returns {Promise}
+     */
+  }, {
+    key: "updateVideoReceiveSlots",
+    value: function () {
+      var _updateVideoReceiveSlots = (0, _asyncToGenerator2.default)( /*#__PURE__*/_regenerator.default.mark(function _callee7() {
+        return _regenerator.default.wrap(function _callee7$(_context7) {
+          while (1) switch (_context7.prev = _context7.next) {
+            case 0:
               // move all active speaker slots to "unused"
-              (_this$slots$video$unu4 = this.slots.video.unused).push.apply(_this$slots$video$unu4, (0, _toConsumableArray2.default)(this.slots.video.activeSpeaker));
-              this.slots.video.activeSpeaker.length = 0;
+              this.trimActiveSpeakerSlots();
 
+              // move all no longer needed receiver-selected slots to "unused"
+              this.trimReceiverSelectedSlots();
+
+              // ensure we have enough total slots for current layout
+              _context7.next = 4;
+              return this.refillRequiredSlotsIfNeeded();
+            case 4:
               // allocate the slots to the right panes / pane groups
-              this.allocateSlotsToVideoPaneGroups();
-              _loggerProxy.default.logger.log("RemoteMediaManager#updateVideoReceiveSlots --> receive slots updated: unused=".concat(this.slots.video.unused.length, ", activeSpeaker=").concat(this.slots.video.activeSpeaker.length, ", receiverSelected=").concat(this.slots.video.receiverSelected.length));
+              // reset allocations
+              this.receiveSlotAllocations = {
+                activeSpeaker: {},
+                receiverSelected: {}
+              };
+              // allocate active speaker
+              this.allocateSlotsToActiveSpeakerPaneGroups();
+              // allocate receiver selected
+              this.allocateSlotsToReceiverSelectedVideoPaneGroups();
+              this.logMainVideoReceiveSlots();
 
               // If this is the initial layout, there may be some "unused" slots left because of the preallocation
               // done in this.preallocateVideoReceiveSlots(), so release them now
               this.releaseUnusedVideoSlots();
-            case 19:
+            case 9:
             case "end":
-              return _context6.stop();
+              return _context7.stop();
           }
-        }, _callee6, this);
+        }, _callee7, this);
       }));
       function updateVideoReceiveSlots() {
         return _updateVideoReceiveSlots.apply(this, arguments);
@@ -734,7 +884,7 @@ var RemoteMediaManager = /*#__PURE__*/function (_EventsScope) {
   }, {
     key: "updateVideoRemoteMediaObjects",
     value: function updateVideoRemoteMediaObjects() {
-      var _this6 = this;
+      var _this7 = this;
       // invalidate all the previous remote media objects and cancel their media requests
       this.invalidateCurrentRemoteMedia({
         audio: false,
@@ -748,19 +898,19 @@ var RemoteMediaManager = /*#__PURE__*/function (_EventsScope) {
       this.media.video.activeSpeakerGroups = {};
       this.media.video.memberPanes = {};
       var _loop = function _loop() {
-        var _this6$currentLayout, _this6$currentLayout$;
+        var _this7$currentLayout, _this7$currentLayout$;
         var _Object$entries$_i = (0, _slicedToArray2.default)(_Object$entries[_i], 2),
           groupId = _Object$entries$_i[0],
           group = _Object$entries$_i[1];
-        var paneGroupInCurrentLayout = (_this6$currentLayout = _this6.currentLayout) === null || _this6$currentLayout === void 0 ? void 0 : (_this6$currentLayout$ = _this6$currentLayout.activeSpeakerVideoPaneGroups) === null || _this6$currentLayout$ === void 0 ? void 0 : _this6$currentLayout$.find(function (groupInLayout) {
+        var paneGroupInCurrentLayout = (_this7$currentLayout = _this7.currentLayout) === null || _this7$currentLayout === void 0 ? void 0 : (_this7$currentLayout$ = _this7$currentLayout.activeSpeakerVideoPaneGroups) === null || _this7$currentLayout$ === void 0 ? void 0 : _this7$currentLayout$.find(function (groupInLayout) {
           return groupInLayout.id === groupId;
         });
         if (paneGroupInCurrentLayout) {
-          var mediaGroup = new _remoteMediaGroup.RemoteMediaGroup(_this6.mediaRequestManagers.video, group.slots, paneGroupInCurrentLayout.priority, false, {
-            preferLiveVideo: _this6.config.video.preferLiveVideo,
+          var mediaGroup = new _remoteMediaGroup.RemoteMediaGroup(_this7.mediaRequestManagers.video, group.slots, paneGroupInCurrentLayout.priority, false, {
+            preferLiveVideo: _this7.config.video.preferLiveVideo,
             resolution: paneGroupInCurrentLayout.size
           });
-          _this6.media.video.activeSpeakerGroups[groupId] = mediaGroup;
+          _this7.media.video.activeSpeakerGroups[groupId] = mediaGroup;
         } else {
           // this should never happen, because this.receiveSlotAllocations are created based on current layout configuration
           _loggerProxy.default.logger.warn("a group id ".concat(groupId, " from this.receiveSlotAllocations.activeSpeaker cannot be found in the current layout configuration"));
@@ -772,21 +922,21 @@ var RemoteMediaManager = /*#__PURE__*/function (_EventsScope) {
 
       // create new remoteMedia objects
       var _loop2 = function _loop2() {
-        var _this6$currentLayout2, _this6$currentLayout3;
+        var _this7$currentLayout2, _this7$currentLayout3;
         var _Object$entries3$_i = (0, _slicedToArray2.default)(_Object$entries3[_i2], 2),
           paneId = _Object$entries3$_i[0],
           slot = _Object$entries3$_i[1];
-        var paneInCurrentLayout = (_this6$currentLayout2 = _this6.currentLayout) === null || _this6$currentLayout2 === void 0 ? void 0 : (_this6$currentLayout3 = _this6$currentLayout2.memberVideoPanes) === null || _this6$currentLayout3 === void 0 ? void 0 : _this6$currentLayout3.find(function (paneInLayout) {
+        var paneInCurrentLayout = (_this7$currentLayout2 = _this7.currentLayout) === null || _this7$currentLayout2 === void 0 ? void 0 : (_this7$currentLayout3 = _this7$currentLayout2.memberVideoPanes) === null || _this7$currentLayout3 === void 0 ? void 0 : _this7$currentLayout3.find(function (paneInLayout) {
           return paneInLayout.id === paneId;
         });
         if (paneInCurrentLayout) {
-          var remoteMedia = new _remoteMedia.RemoteMedia(slot, _this6.mediaRequestManagers.video, {
+          var remoteMedia = new _remoteMedia.RemoteMedia(slot, _this7.mediaRequestManagers.video, {
             resolution: paneInCurrentLayout.size
           });
           if (paneInCurrentLayout.csi) {
             remoteMedia.sendMediaRequest(paneInCurrentLayout.csi, false);
           }
-          _this6.media.video.memberPanes[paneId] = remoteMedia;
+          _this7.media.video.memberPanes[paneId] = remoteMedia;
         } else {
           // this should never happen, because this.receiveSlotAllocations are created based on current layout configuration
           _loggerProxy.default.logger.warn("a pane id ".concat(paneId, " from this.receiveSlotAllocations.receiverSelected cannot be found in the current layout configuration"));
@@ -910,14 +1060,14 @@ var RemoteMediaManager = /*#__PURE__*/function (_EventsScope) {
   }, {
     key: "addMemberVideoPane",
     value: function () {
-      var _addMemberVideoPane = (0, _asyncToGenerator2.default)( /*#__PURE__*/_regenerator.default.mark(function _callee7(newPane) {
+      var _addMemberVideoPane = (0, _asyncToGenerator2.default)( /*#__PURE__*/_regenerator.default.mark(function _callee8(newPane) {
         var _this$currentLayout5;
         var receiveSlot, remoteMedia;
-        return _regenerator.default.wrap(function _callee7$(_context7) {
-          while (1) switch (_context7.prev = _context7.next) {
+        return _regenerator.default.wrap(function _callee8$(_context8) {
+          while (1) switch (_context8.prev = _context8.next) {
             case 0:
               if (this.currentLayout) {
-                _context7.next = 2;
+                _context8.next = 2;
                 break;
               }
               throw new Error('There is no current layout selected, call start() first');
@@ -926,16 +1076,16 @@ var RemoteMediaManager = /*#__PURE__*/function (_EventsScope) {
                 this.currentLayout.memberVideoPanes = [];
               }
               if (!(newPane.id in this.currentLayout.memberVideoPanes)) {
-                _context7.next = 5;
+                _context8.next = 5;
                 break;
               }
               throw new Error("duplicate pane id ".concat(newPane.id, " - this pane already exists in current layout's memberVideoPanes"));
             case 5:
               this.currentLayout.memberVideoPanes.push(newPane);
-              _context7.next = 8;
+              _context8.next = 8;
               return this.receiveSlotManager.allocateSlot(_internalMediaCore.MediaType.VideoMain);
             case 8:
-              receiveSlot = _context7.sent;
+              receiveSlot = _context8.sent;
               this.slots.video.receiverSelected.push(receiveSlot);
               remoteMedia = new _remoteMedia.RemoteMedia(receiveSlot, this.mediaRequestManagers.video, {
                 resolution: newPane.size
@@ -944,12 +1094,12 @@ var RemoteMediaManager = /*#__PURE__*/function (_EventsScope) {
                 remoteMedia.sendMediaRequest(newPane.csi, true);
               }
               this.media.video.memberPanes[newPane.id] = remoteMedia;
-              return _context7.abrupt("return", remoteMedia);
+              return _context8.abrupt("return", remoteMedia);
             case 14:
             case "end":
-              return _context7.stop();
+              return _context8.stop();
           }
-        }, _callee7, this);
+        }, _callee8, this);
       }));
       function addMemberVideoPane(_x2) {
         return _addMemberVideoPane.apply(this, arguments);