@webex/plugin-meetings 3.0.0-beta.1 → 3.0.0-beta.11

package/src/networkQualityMonitor/{index.js → index.ts}

@@ -18,6 +18,13 @@ import {EVENT_TRIGGERS, STATS} from '../constants';
  * @extends {EventsScope}
  */
 export default class NetworkQualityMonitor extends EventsScope {
+  config: any;
+  frequencyTypes: any;
+  indicatorTypes: any;
+  mediaType: any;
+  networkQualityScore: any;
+  networkQualityStatus: any;
+
   /**
    * Creates a new instance of NetworkQualityMonitor
    * @constructor
@@ -29,7 +36,7 @@ export default class NetworkQualityMonitor extends EventsScope {
    * @property {Object} networkQualityStatus - hash object based on indicatorTypes and frequencyTypes
    * @property {string} mediaType - audio|video
    */
-  constructor(config) {
+  constructor(config: any) {
     super();
     this.config = config;
     this.indicatorTypes = Object.freeze({
@@ -96,7 +103,15 @@ export default class NetworkQualityMonitor extends EventsScope {
    * @public
    * @memberof NetworkQualityMonitor
    */
-  determineUplinkNetworkQuality({mediaType, remoteRtpResults, statsAnalyzerCurrentStats}) {
+  public determineUplinkNetworkQuality({
+    mediaType,
+    remoteRtpResults,
+    statsAnalyzerCurrentStats,
+  }: {
+    mediaType: string;
+    remoteRtpResults: any;
+    statsAnalyzerCurrentStats: object;
+  }) {
     const roundTripTimeInMilliseconds = remoteRtpResults.roundTripTime * 1000;
     const jitterInMilliseconds = remoteRtpResults.jitter * 1000;
     const {currentPacketLossRatio} = statsAnalyzerCurrentStats[mediaType].send;
@@ -157,7 +172,7 @@ export default class NetworkQualityMonitor extends EventsScope {
      * @param {(number|undefined)} value
      * @returns {(number|null)}
      */
-    const determineIfUndefined = (value) => (typeof value === 'undefined' ? null : value);
+    const determineIfUndefined = (value: number | undefined) => (typeof value === 'undefined' ? null : value);
 
     /**
      * Values for some browsers specifically Safari will be undefined we explicitly set to null

package/src/personal-meeting-room/{index.js → index.ts}

@@ -1,3 +1,4 @@
+// @ts-ignore
 import {StatelessWebexPlugin} from '@webex/webex-core';
 
 import {MEETINGS, _PERSONAL_ROOM_} from '../constants';
@@ -10,6 +11,16 @@ import PersonalMeetingRoomRequest from './request';
  * @class PersonalMeetingRoom
  */
 export default class PersonalMeetingRoom extends StatelessWebexPlugin {
+  link: any;
+  meetingInfo: any;
+  name: any;
+  personalMeetingRoomRequest: any;
+  pmr: any;
+  sipUri: any;
+  userId: any;
+  meetingLink: any;
+  number: any;
+
   namespace = MEETINGS;
 
   /**
@@ -17,7 +28,7 @@ export default class PersonalMeetingRoom extends StatelessWebexPlugin {
    * @param {Object} attrs
    * @param {Object} options
    */
-  constructor(attrs, options) {
+  constructor(attrs: any, options: any) {
     super({}, options);
     /**
      * The pmr server object
@@ -74,6 +85,7 @@ export default class PersonalMeetingRoom extends StatelessWebexPlugin {
      * @private
      * @memberof PersonalMeetingRoom
     */
+    // @ts-ignore
     this.personalMeetingRoomRequest = new PersonalMeetingRoomRequest({}, options);
   }
 
@@ -86,8 +98,9 @@ export default class PersonalMeetingRoom extends StatelessWebexPlugin {
    * @public
    * @memberof PersonalMeetingRoom
    */
-  claim(link, pin, preferred = true) {
+  public claim(link: string, pin: string, preferred: boolean = true) {
     const options = {
+      // @ts-ignore
       userId: this.webex.internal.device.userId,
       passcode: pin,
       meetingAddress: link,
@@ -112,7 +125,7 @@ export default class PersonalMeetingRoom extends StatelessWebexPlugin {
    * @private
    * @memberof PersonalMeetingRoom
    */
-  set(body) {
+  private set(body: any) {
     this.pmr = body;
     this.sipUri = body.sipMeetingUri;
     this.meetingLink = body.webExMeetingLink || body.meetingLink;
@@ -128,7 +141,7 @@ export default class PersonalMeetingRoom extends StatelessWebexPlugin {
    * @public
    * @memberof PersonalMeetingRoom
    */
-  get() {
+  public get() {
     const options = {
       type: _PERSONAL_ROOM_
 

package/src/personal-meeting-room/{request.js → request.ts}

@@ -1,3 +1,4 @@
+// @ts-ignore
 import {StatelessWebexPlugin} from '@webex/webex-core';
 
 import {MEETINGS} from '../constants';
@@ -18,7 +19,7 @@ export default class PersonalMeetingRoomRequest extends StatelessWebexPlugin {
    * @returns {Promise} returns a promise that resolves/rejects the result of the request
    * @memberof PersonalMeetingRoomRequest
    */
-  claimPmr(options) {
+  claimPmr(options: any) {
     if (!options || !options.userId || !options.passcode || !options.meetingAddress || !options.preferred) {
       throw new ParameterError('Claiming a PMR should be done with userId, passcode, preferred, and meetingAddress in options.');
     }
@@ -34,6 +35,7 @@ export default class PersonalMeetingRoomRequest extends StatelessWebexPlugin {
     }
     const request = PersonalMeetingRoomUtil.getClaimedRequestParams(validLink, validPin, options);
 
+    // @ts-ignore
     return this.request(request);
   }
 }

package/src/personal-meeting-room/{util.js → util.ts}

@@ -9,7 +9,7 @@ import {
   WEBEX_DOT_COM
 } from '../constants';
 
-const PersonalMeetingRoomUtil = {};
+const PersonalMeetingRoomUtil: any = {};
 
 PersonalMeetingRoomUtil.getClaimPmrLink = (pmrLink) => {
   let validator = VALID_PMR_ADDRESS.test(pmrLink);

package/src/reachability/{index.js → index.ts}

@@ -23,12 +23,16 @@ const VIDEO_MESH_TIMEOUT = 1000;
  * @export
  */
 export default class Reachability {
+  webex: object;
+  reachabilityRequest: any;
+  clusterLatencyResults: any;
+
   /**
    * Creates an instance of Reachability.
    * @param {object} webex
    * @memberof Reachability
    */
-  constructor(webex) {
+  constructor(webex: object) {
     this.webex = webex;
 
     /**
@@ -58,7 +62,7 @@ export default class Reachability {
    * @async
    * @memberof Reachability
    */
-  async gatherReachability() {
+  public async gatherReachability() {
     this.setup();
 
     // Remove stored reachability results to ensure no stale data
@@ -105,7 +109,7 @@ export default class Reachability {
       try {
         const reachabilityResults = JSON.parse(reachabilityData);
 
-        reachable = Object.values(reachabilityResults).some((result) => result.udp?.reachable === 'true' || result.tcp?.reachable === 'true');
+        reachable = Object.values(reachabilityResults).some((result: any) => result.udp?.reachable === 'true' || result.tcp?.reachable === 'true');
       }
       catch (e) {
         LoggerProxy.logger.error(`Roap:request#attachReachabilityData --> Error in parsing reachability data: ${e}`);
@@ -123,7 +127,7 @@ export default class Reachability {
    * @private
    * @memberof Reachability
    */
-  buildPeerConnectionConfig(cluster) {
+  private buildPeerConnectionConfig(cluster: any) {
     const iceServers = _.uniq([
       ...cluster.udp,
       ...cluster.tcp
@@ -150,12 +154,13 @@ export default class Reachability {
    * @private
    * @memberof Reachability
    */
-  createPeerConnection(cluster) {
+  private createPeerConnection(cluster: any) {
     const {key, config} = cluster;
 
     try {
       const peerConnection = new window.RTCPeerConnection(config);
 
+      // @ts-ignore
       peerConnection.key = key;
 
       return peerConnection;
@@ -175,7 +180,7 @@ export default class Reachability {
    * @private
    * @memberof Reachability
    */
-  getElapsedTime(peerConnection) {
+  private getElapsedTime(peerConnection: any) {
     const startTime = peerConnection.begin;
 
     delete peerConnection.begin;
@@ -191,8 +196,8 @@ export default class Reachability {
    * @private
    * @memberof Reachability
    */
-  getLocalSDPForClusters(clusterList) {
-    let clusters = [...Object.keys(clusterList)];
+  private getLocalSDPForClusters(clusterList: object) {
+    let clusters: any[] = [...Object.keys(clusterList)];
 
     clusters = clusters.map(async (key) => {
       const cluster = clusterList[key];
@@ -200,6 +205,7 @@ export default class Reachability {
       const peerConnection = this.createPeerConnection({key, config});
       const description = await peerConnection.createOffer({offerToReceiveAudio: true});
 
+      // @ts-ignore
       peerConnection.begin = Date.now();
       peerConnection.setLocalDescription(description);
 
@@ -226,7 +232,7 @@ export default class Reachability {
    * @private
    * @memberof Reachability
    */
-  getUnreachablClusters() {
+  private getUnreachablClusters() {
     const unreachableList = [];
     const clusters = this.clusterLatencyResults;
 
@@ -250,13 +256,14 @@ export default class Reachability {
    * @private
    * @memberof Reachability
    */
-  handleIceGatheringStateChange(peerConnection) {
+  private handleIceGatheringStateChange(peerConnection: RTCPeerConnection) {
     peerConnection.onicegatheringstatechange = () => {
       const {COMPLETE} = ICE_GATHERING_STATE;
 
       if (peerConnection.iceConnectionState === COMPLETE) {
         const elapsed = this.getElapsedTime(peerConnection);
 
+        // @ts-ignore
         LoggerProxy.logger.log(`Reachability:index#onIceGatheringStateChange --> Successfully pinged ${peerConnection.key}:`, elapsed);
         this.setLatencyAndClose(peerConnection, elapsed);
       }
@@ -272,13 +279,14 @@ export default class Reachability {
    * @private
    * @memberof Reachability
    */
-  handleOnIceCandidate(peerConnection) {
+  private handleOnIceCandidate(peerConnection: RTCPeerConnection) {
     peerConnection.onicecandidate = (e) => {
       const SERVER_REFLEXIVE = 'srflx';
 
       if (e.candidate && String(e.candidate.type).toLowerCase() === SERVER_REFLEXIVE) {
         const elapsed = this.getElapsedTime(peerConnection);
 
+        // @ts-ignore
         LoggerProxy.logger.log(`Reachability:index#onIceCandidate --> Successfully pinged ${peerConnection.key}:`, elapsed);
         this.setLatencyAndClose(peerConnection, elapsed);
       }
@@ -294,7 +302,7 @@ export default class Reachability {
    * @param {number} timeout
    * @returns {Promise}
    */
-  iceGatheringState(peerConnection, timeout) {
+  private iceGatheringState(peerConnection: RTCPeerConnection, timeout: number) {
     const ELAPSED = 'elapsed';
 
     return new Promise((resolve) => {
@@ -311,6 +319,7 @@ export default class Reachability {
         set: (target, property, value) => {
           // only intercept elapsed property
           if (property === ELAPSED) {
+            // @ts-ignore
             resolve({clusterId: peerConnection.key, elapsed: value});
 
             return true;
@@ -345,7 +354,7 @@ export default class Reachability {
    * @private
    * @memberof Reachability
    */
-  logUnreachableClusters() {
+  private logUnreachableClusters() {
     const list = this.getUnreachablClusters();
 
     list.forEach((cluster) => {
@@ -361,7 +370,7 @@ export default class Reachability {
    * @private
    * @memberof Reachability
    */
-  parseIceResultsToReachabilityResults(iceResults) {
+  private parseIceResultsToReachabilityResults(iceResults: Array<any>) {
     const reachabilityMap = {};
 
     iceResults.forEach(({clusterId, elapsed}) => {
@@ -394,7 +403,7 @@ export default class Reachability {
    * @private
    * @memberof Reachability
    */
-  performReachabilityCheck(clusterList) {
+  private performReachabilityCheck(clusterList: object) {
     if (!clusterList || !Object.keys(clusterList).length) {
       return Promise.resolve({});
     }
@@ -427,10 +436,11 @@ export default class Reachability {
    * @private
    * @memberof Reachability
    */
-  setLatencyAndClose(peerConnection, elapsed) {
+  private setLatencyAndClose(peerConnection: RTCPeerConnection, elapsed: number) {
     const REACHABLE = 'reachable';
     const UNREACHABLE = 'unreachable';
     const {CLOSED} = CONNECTION_STATE;
+    // @ts-ignore
     const {key} = peerConnection;
     const resultKey = elapsed === null ? UNREACHABLE : REACHABLE;
     const intialState = {[REACHABLE]: 0, [UNREACHABLE]: 0};
@@ -448,6 +458,7 @@ export default class Reachability {
     // an event other than onIceCandidate
     peerConnection.onicecandidate = null;
     peerConnection.close();
+    // @ts-ignore
     peerConnection.elapsed = elapsed;
   }
 
@@ -458,7 +469,7 @@ export default class Reachability {
    * @private
    * @memberof Reachability
    */
-  setup() {
+  private setup() {
     this.clusterLatencyResults = {};
   }
 }

package/src/reachability/request.ts

@@ -20,12 +20,14 @@ export type ClusterList = {
  * @class ReachabilityRequest
  */
 class ReachabilityRequest {
+  webex: any;
+
   /**
    * Creates an instance of ReachabilityRequest.
    * @param {object} webex
    * @memberof ReachabilityRequest
    */
-  constructor(webex) {
+  constructor(webex: object) {
     this.webex = webex;
   }
 
@@ -58,7 +60,7 @@ class ReachabilityRequest {
    * @param {Object} localSDPList localSDPs for the cluster
    * @returns {Object}
    */
-  remoteSDPForClusters = (localSDPList) => this.webex.request({
+  remoteSDPForClusters = (localSDPList: object) => this.webex.request({
     method: HTTP_VERBS.POST,
     shouldRefreshAccessToken: false,
     api: API.CALLIOPEDISCOVERY,

package/src/reactions/reactions.ts

@@ -0,0 +1,104 @@
+import {Reaction, ReactionType, SkinTone, SkinToneType} from './reactions.type';
+
+const Reactions: Record<ReactionType, Reaction> = {
+  smile: {
+    type: 'smile',
+    codepoints: '1F642',
+    shortcodes: ':slightly_smiling_face:'
+  },
+  sad: {
+    type: 'sad',
+    codepoints: '1F625',
+    shortcodes: ':sad_but_relieved_face:',
+  },
+  wow: {
+    type: 'wow',
+    codepoints: '1F62E',
+    shortcodes: ':open_mouth:',
+  },
+  haha: {
+    type: 'haha',
+    codepoints: '1F603',
+    shortcodes: ':smiley:'
+  },
+  celebrate: {
+    type: 'celebrate',
+    codepoints: '1F389',
+    shortcodes: ':party_popper:',
+  },
+  clap: {
+    type: 'clap',
+    codepoints: '1F44F',
+    shortcodes: ':clap:',
+  },
+  thumbs_up: {
+    type: 'thumb_up',
+    codepoints: '1F44D',
+    shortcodes: ':thumbsup:',
+  },
+  thumbs_down: {
+    type: 'thumb_down',
+    codepoints: '1F44E',
+    shortcodes: ':thumbsdown:',
+  },
+  heart: {
+    type: 'heart',
+    codepoints: '2764',
+    shortcodes: ':heart:',
+  },
+  fire: {
+    type: 'fire',
+    codepoints: '1F525',
+    shortcodes: ':fire:',
+  },
+  prayer: {
+    type: 'prayer',
+    codepoints: '1F64F',
+    shortcodes: ':pray:',
+  },
+  speed_up: {
+    type: 'speed_up',
+    codepoints: '1F407',
+    shortcodes: ':rabbit:',
+  },
+  slow_down: {
+    type: 'slow_down',
+    codepoints: '1F422',
+    shortcodes: ':turtle:',
+  }
+};
+
+const SkinTones: Record<SkinToneType, SkinTone> = {
+  normal: {
+    type: 'normal_skin_tone',
+    codepoints: '',
+    shortcodes: '',
+  },
+  light: {
+    type: 'light_skin_tone',
+    codepoints: '1F3FB',
+    shortcodes: ':skin-tone-2:',
+  },
+  medium_light: {
+    type: 'medium_light_skin_tone',
+    codepoints: '1F3FC',
+    shortcodes: ':skin-tone-3:',
+  },
+  medium: {
+    type: 'medium_skin_tone',
+    codepoints: '1F3FD',
+    shortcodes: ':skin-tone-4:',
+  },
+  medium_dark: {
+    type: 'medium_dark_skin_tone',
+    codepoints: '1F3FE',
+    shortcodes: ':skin-tone-5:',
+  },
+  dark: {
+    type: 'dark_skin_tone',
+    codepoints: '1F3FF',
+    shortcodes: ':skin-tone-6:',
+  }
+};
+
+export {Reactions, SkinTones};

package/src/reactions/reactions.type.ts

@@ -0,0 +1,36 @@
+
+export type EmoticonData = {
+  type: string;
+  codepoints?: string;
+  shortcodes?: string;
+}
+
+export type SkinTone = EmoticonData;
+export type Reaction = EmoticonData & {
+  tone?: SkinTone;
+}
+
+export enum ReactionType {
+  smile = 'smile',
+  sad = 'sad',
+  wow = 'wow',
+  haha = 'haha',
+  celebrate = 'celebrate',
+  clap = 'clap',
+  thumbs_up = 'thumbs_up',
+  thumbs_down = 'thumbs_down',
+  heart = 'heart',
+  fire = 'fire',
+  prayer = 'prayer',
+  speed_up = 'speed_up',
+  slow_down = 'slow_down',
+}
+
+export enum SkinToneType {
+  normal = 'normal',
+  light = 'light',
+  medium_light = 'medium_light',
+  medium = 'medium',
+  medium_dark = 'medium_dark',
+  dark = 'dark',
+}