@webex/plugin-meetings 3.0.0-beta.2 → 3.0.0-beta.21

package/src/meeting/{request.js → request.ts}

@@ -1,12 +1,15 @@
 import uuid from 'uuid';
 import {debounce} from 'lodash';
+// @ts-ignore
 import {StatelessWebexPlugin} from '@webex/webex-core';
+// @ts-ignore
 import {deviceType} from '@webex/common';
 
 import LoggerProxy from '../common/logs/logger-proxy';
 import {
   ALERT,
   ALTERNATE_REDIRECT_TRUE,
+  BREAKOUTS,
   CALL,
   CONTROLS,
   DECLINE,
@@ -21,16 +24,23 @@ import {
   PROVISIONAL_TYPE_DIAL_IN,
   PROVISIONAL_TYPE_DIAL_OUT,
   SEND_DTMF_ENDPOINT,
-  _SLIDES_
+  _SLIDES_,
 } from '../constants';
+import {Reaction} from '../reactions/reactions.type';
+import {SendReactionOptions, ToggleReactionsOptions} from './request.type';
 
 /**
  * @class MeetingRequest
  */
 export default class MeetingRequest extends StatelessWebexPlugin {
-  constructor(attrs, options) {
+  changeVideoLayoutDebounced: any;
+
+  constructor(attrs: any, options: any) {
     super(attrs, options);
-    this.changeVideoLayoutDebounced = debounce(this.changeVideoLayout, 2000, {leading: true, trailing: true});
+    this.changeVideoLayoutDebounced = debounce(this.changeVideoLayout, 2000, {
+      leading: true,
+      trailing: true,
+    });
   }
 
   /**
@@ -46,9 +56,27 @@ export default class MeetingRequest extends StatelessWebexPlugin {
    * @param {boolean} options.pin
    * @param {boolean} options.moveToResource
    * @param {Object} options.roapMessage
+   * @param {boolean} options.breakoutsSupported
    * @returns {Promise}
    */
-  async joinMeeting(options) {
+  async joinMeeting(options: {
+    sipUri: string;
+    deviceUrl: string;
+    locusUrl: string;
+    resourceId: string;
+    correlationId: string;
+    ensureConversation: boolean;
+    moderator: boolean;
+    pin: boolean;
+    moveToResource: boolean;
+    roapMessage: any;
+    asResourceOccupant: any;
+    inviteeAddress: any;
+    meetingNumber: any;
+    permissionToken: any;
+    preferTranscoding: any;
+    breakoutsSupported: boolean;
+  }) {
     const {
       asResourceOccupant,
       inviteeAddress,
@@ -63,36 +91,42 @@ export default class MeetingRequest extends StatelessWebexPlugin {
       pin,
       moveToResource,
       roapMessage,
-      preferTranscoding
+      preferTranscoding,
+      breakoutsSupported,
     } = options;
 
-    LoggerProxy.logger.info(
-      'Meeting:request#joinMeeting --> Joining a meeting',
-      correlationId
-    );
+    LoggerProxy.logger.info('Meeting:request#joinMeeting --> Joining a meeting', correlationId);
 
     let url = '';
 
-    const body = {
+    const body: any = {
       asResourceOccupant,
       device: {
         url: deviceUrl,
-        deviceType: this.config.meetings.deviceType
+        // @ts-ignore - config comes from registerPlugin
+        deviceType: this.config.meetings.deviceType,
       },
       usingResource: resourceId || null,
-      moveMediaToResource: resourceId && moveToResource || false,
+      moveMediaToResource: (resourceId && moveToResource) || false,
       correlationId,
       respOnlySdp: true,
       allowMultiDevice: true,
       ensureConversation: ensureConversation || false,
       supportsNativeLobby: 1,
       clientMediaPreferences: {
-        preferTranscoding: preferTranscoding ?? true
-      }
+        preferTranscoding: preferTranscoding ?? true,
+      },
     };
 
+    if (breakoutsSupported) {
+      body.deviceCapabilities = [BREAKOUTS.BREAKOUTS_SUPPORTED];
+    }
+
+    // @ts-ignore
     if (this.webex.meetings.clientRegion) {
+      // @ts-ignore
       body.device.countryCode = this.webex.meetings.clientRegion.countryCode;
+      // @ts-ignore
       body.device.regionCode = this.webex.meetings.clientRegion.regionCode;
     }
 
@@ -110,28 +144,29 @@ export default class MeetingRequest extends StatelessWebexPlugin {
 
     if (locusUrl) {
       url = `${locusUrl}/${PARTICIPANT}`;
-    }
-    else if (inviteeAddress || meetingNumber) {
+    } else if (inviteeAddress || meetingNumber) {
       try {
+        // @ts-ignore
         await this.webex.internal.services.waitForCatalog('postauth');
+        // @ts-ignore
         url = `${this.webex.internal.services.get('locus')}/${LOCI}/${CALL}`;
         body.invitee = {
-          address: inviteeAddress || `wbxmn:${meetingNumber}`
+          address: inviteeAddress || `wbxmn:${meetingNumber}`,
         };
-      }
-      catch (e) {
-        LoggerProxy.logger.error(`Meeting:request#joinMeeting Error Joining ${inviteeAddress || meetingNumber} --> ${e}`);
-        throw (e);
+      } catch (e) {
+        LoggerProxy.logger.error(
+          `Meeting:request#joinMeeting Error Joining ${inviteeAddress || meetingNumber} --> ${e}`
+        );
+        throw e;
       }
     }
 
-
     // TODO: -- this will be resolved in SDK request
     url = url.concat(`?${ALTERNATE_REDIRECT_TRUE}`);
 
     if (resourceId === inviteeAddress) {
       body.callPreferences = {
-        requestedMedia: [_SLIDES_]
+        requestedMedia: [_SLIDES_],
       };
     }
 
@@ -139,10 +174,11 @@ export default class MeetingRequest extends StatelessWebexPlugin {
       body.localMedias = roapMessage.localMedias;
     }
 
+    /// @ts-ignore
     return this.request({
       method: HTTP_VERBS.POST,
       uri: url,
-      body
+      body,
     });
   }
 
@@ -154,18 +190,22 @@ export default class MeetingRequest extends StatelessWebexPlugin {
    * @returns {Promise}
    * @private
    */
-  refreshCaptcha({
+  private refreshCaptcha({
     captchaRefreshUrl,
-    captchaId
+    captchaId,
+  }: {
+    captchaRefreshUrl: string;
+    captchaId: string;
   }) {
     const body = {
-      captchaId
+      captchaId,
     };
 
+    // @ts-ignore
     return this.request({
       method: HTTP_VERBS.POST,
       uri: captchaRefreshUrl,
-      body
+      body,
     }).catch((err) => {
       LoggerProxy.logger.error(`Meeting:request#refreshCaptcha --> Error: ${err}`);
 
@@ -177,17 +217,22 @@ export default class MeetingRequest extends StatelessWebexPlugin {
    * Make a network request to add a dial in device
    * @param {Object} options
    * @param {String} options.correlationId
-   * @param {String} options.localUrl url for the meeting
+   * @param {String} options.locusUrl url for the meeting
    * @param {String} options.dialInUrl identifier for the to-be provisioned device
    * @param {String} options.clientUrl identifier for the web device
    * @returns {Promise}
    * @private
    */
-  dialIn({
+  private dialIn({
     locusUrl,
     dialInUrl,
     clientUrl,
-    correlationId
+    correlationId,
+  }: {
+    correlationId: string;
+    locusUrl: string;
+    dialInUrl: string;
+    clientUrl: string;
   }) {
     LoggerProxy.logger.info(
       'Meeting:request#dialIn --> Provisioning a dial in device',
@@ -200,17 +245,20 @@ export default class MeetingRequest extends StatelessWebexPlugin {
         deviceType: deviceType.PROVISIONAL,
         provisionalType: PROVISIONAL_TYPE_DIAL_IN,
         url: dialInUrl,
-        clientUrl
+        clientUrl,
       },
-      correlationId
+      correlationId,
     };
 
+    // @ts-ignore
     return this.request({
       method: HTTP_VERBS.POST,
       uri,
-      body
+      body,
     }).catch((err) => {
-      LoggerProxy.logger.error(`Meeting:request#dialIn --> Error provisioning a dial in device, error ${err}`);
+      LoggerProxy.logger.error(
+        `Meeting:request#dialIn --> Error provisioning a dial in device, error ${err}`
+      );
 
       throw err;
     });
@@ -220,19 +268,25 @@ export default class MeetingRequest extends StatelessWebexPlugin {
    * Make a network request to add a dial out device
    * @param {Object} options
    * @param {String} options.correlationId
-   * @param {String} options.localUrl url for the meeting
+   * @param {String} options.locusUrl url for the meeting
    * @param {String} options.dialOutUrl identifier for the to-be provisioned device
    * @param {String} options.phoneNumber phone number to dial out to
    * @param {String} options.clientUrl identifier for the web device
    * @returns {Promise}
    * @private
    */
-  dialOut({
+  private dialOut({
     locusUrl,
     dialOutUrl,
     phoneNumber,
     clientUrl,
-    correlationId
+    correlationId,
+  }: {
+    correlationId: string;
+    locusUrl: string;
+    dialOutUrl: string;
+    phoneNumber: string;
+    clientUrl: string;
   }) {
     LoggerProxy.logger.info(
       'Meeting:request#dialOut --> Provisioning a dial out device',
@@ -246,17 +300,20 @@ export default class MeetingRequest extends StatelessWebexPlugin {
         provisionalType: PROVISIONAL_TYPE_DIAL_OUT,
         url: dialOutUrl,
         dialoutAddress: phoneNumber,
-        clientUrl
+        clientUrl,
       },
-      correlationId
+      correlationId,
     };
 
+    // @ts-ignore
     return this.request({
       method: HTTP_VERBS.POST,
       uri,
-      body
+      body,
     }).catch((err) => {
-      LoggerProxy.logger.error(`Meeting:request#dialOut --> Error provisioning a dial out device, error ${err}`);
+      LoggerProxy.logger.error(
+        `Meeting:request#dialOut --> Error provisioning a dial out device, error ${err}`
+      );
 
       throw err;
     });
@@ -265,11 +322,11 @@ export default class MeetingRequest extends StatelessWebexPlugin {
   /**
    * Syns the missed delta event
    * @param {Object} options
-   * @param {boolen} options.desync flag to get partial or whole locus object
+   * @param {boolean} options.desync flag to get partial or whole locus object
    * @param {String} options.syncUrl sync url to get ht elatest locus delta
    * @returns {Promise}
    */
-  syncMeeting(options) {
+  syncMeeting(options: {desync: boolean; syncUrl: string}) {
     /* eslint-disable no-else-return */
     const {desync} = options;
     let {syncUrl} = options;
@@ -277,15 +334,20 @@ export default class MeetingRequest extends StatelessWebexPlugin {
     /* istanbul ignore else */
     if (desync) {
       // check for existing URL parameters
-      syncUrl = syncUrl.concat(syncUrl.split('?')[1] ? '&' : '?').concat(`${LOCUS.SYNCDEBUG}=${desync}`);
+      syncUrl = syncUrl
+        .concat(syncUrl.split('?')[1] ? '&' : '?')
+        .concat(`${LOCUS.SYNCDEBUG}=${desync}`);
     }
 
+    // @ts-ignore
     return this.request({
       method: HTTP_VERBS.GET,
-      uri: syncUrl
+      uri: syncUrl,
     }) // TODO: Handle if delta sync failed . Get the full locus object
       .catch((err) => {
-        LoggerProxy.logger.error(`Meeting:request#syncMeeting --> Error syncing meeting, error ${err}`);
+        LoggerProxy.logger.error(
+          `Meeting:request#syncMeeting --> Error syncing meeting, error ${err}`
+        );
 
         return err;
       });
@@ -294,11 +356,11 @@ export default class MeetingRequest extends StatelessWebexPlugin {
   /**
    * Request to get the complete locus object
    * @param {Object} options
-   * @param {boolen} options.desync flag to get partial or whole locus object
+   * @param {boolean} options.desync flag to get partial or whole locus object
    * @param {String} options.locusUrl sync url to get ht elatest locus delta
    * @returns {Promise}
    */
-  getFullLocus(options) {
+  getFullLocus(options: {desync: boolean; locusUrl: string}) {
     let {locusUrl} = options;
     const {desync} = options;
 
@@ -307,11 +369,14 @@ export default class MeetingRequest extends StatelessWebexPlugin {
         locusUrl += `?${LOCUS.SYNCDEBUG}=${desync}`;
       }
 
+      // @ts-ignore
       return this.request({
         method: HTTP_VERBS.GET,
-        uri: locusUrl
+        uri: locusUrl,
       }).catch((err) => {
-        LoggerProxy.logger.error(`Meeting:request#getFullLocus --> Error getting full locus, error ${err}`);
+        LoggerProxy.logger.error(
+          `Meeting:request#getFullLocus --> Error getting full locus, error ${err}`
+        );
 
         return err;
       });
@@ -330,11 +395,16 @@ export default class MeetingRequest extends StatelessWebexPlugin {
    * @returns {Promise}
    * @private
    */
-  disconnectPhoneAudio({
+  private disconnectPhoneAudio({
     locusUrl,
     phoneUrl,
     correlationId,
-    selfId
+    selfId,
+  }: {
+    locusUrl: string;
+    phoneUrl: string;
+    correlationId: string;
+    selfId: string;
   }) {
     LoggerProxy.logger.info(
       `Meeting:request#disconnectPhoneAudio --> request phone ${phoneUrl} to leave`,
@@ -345,15 +415,16 @@ export default class MeetingRequest extends StatelessWebexPlugin {
     const body = {
       device: {
         deviceType: deviceType.PROVISIONAL,
-        url: phoneUrl
+        url: phoneUrl,
       },
-      correlationId
+      correlationId,
     };
 
+    // @ts-ignore
     return this.request({
       method: HTTP_VERBS.PUT,
       uri,
-      body
+      body,
     }).catch((err) => {
       LoggerProxy.logger.error(
         `Meeting:request#disconnectPhoneAudio --> Error when requesting phone ${phoneUrl} to leave, error ${err}`
@@ -378,27 +449,32 @@ export default class MeetingRequest extends StatelessWebexPlugin {
     selfId,
     deviceUrl: url,
     resourceId,
-    correlationId
+    correlationId,
+  }: {
+    locusUrl: string;
+    selfId: string;
+    deviceUrl: string;
+    resourceId: string;
+    correlationId: string;
   }) {
-    LoggerProxy.logger.info(
-      'Meeting:request#leaveMeeting --> Leaving a meeting',
-      correlationId
-    );
+    LoggerProxy.logger.info('Meeting:request#leaveMeeting --> Leaving a meeting', correlationId);
 
     const uri = `${locusUrl}/${PARTICIPANT}/${selfId}/${LEAVE}`;
     const body = {
       device: {
+        // @ts-ignore
         deviceType: this.config.meetings.deviceType,
-        url
+        url,
       },
       usingResource: resourceId || null,
-      correlationId
+      correlationId,
     };
 
+    // @ts-ignore
     return this.request({
       method: HTTP_VERBS.PUT,
       uri,
-      body
+      body,
     });
   }
 
@@ -410,44 +486,22 @@ export default class MeetingRequest extends StatelessWebexPlugin {
    * @param {String} options.correlationId
    * @returns {Promise}
    */
-  acknowledgeMeeting(options) {
+  acknowledgeMeeting(options: {locusUrl: string; deviceUrl: string; correlationId: string}) {
     const uri = `${options.locusUrl}/${PARTICIPANT}/${ALERT}`;
     const body = {
       device: {
+        // @ts-ignore
         deviceType: this.config.meetings.deviceType,
-        url: options.deviceUrl
+        url: options.deviceUrl,
       },
-      correlationId: options.correlationId
+      correlationId: options.correlationId,
     };
 
+    // @ts-ignore
     return this.request({
       method: HTTP_VERBS.PUT,
       uri,
-      body
-    });
-  }
-
-  /**
-   * Make a network request to acknowledge a meeting
-   * @param {Object} options
-   * @param {String} options.locusUrl
-   * @param {String} options.deviceUrl
-   * @param {String} options.id
-   * @returns {Promise}
-   */
-  recordMeeting(options) {
-    const uri = `${options.locusUrl}/${CONTROLS}`;
-    const body = {
-      record: {
-        recording: options.recording,
-        paused: options.paused
-      }
-    };
-
-    return this.request({
-      method: HTTP_VERBS.PATCH,
-      uri,
-      body
+      body,
     });
   }
 
@@ -455,14 +509,15 @@ export default class MeetingRequest extends StatelessWebexPlugin {
     const uri = `${options.locusUrl}/${CONTROLS}`;
     const body = {
       lock: {
-        locked: options.lock
-      }
+        locked: options.lock,
+      },
     };
 
+    // @ts-ignore
     return this.request({
       method: HTTP_VERBS.PATCH,
       uri,
-      body
+      body,
     });
   }
 
@@ -474,20 +529,22 @@ export default class MeetingRequest extends StatelessWebexPlugin {
    * @param {String} options.reason
    * @returns {Promise}
    */
-  declineMeeting(options) {
+  declineMeeting(options: {locusUrl: string; deviceUrl: string; reason: string}) {
     const uri = `${options.locusUrl}/${PARTICIPANT}/${DECLINE}`;
     const body = {
       device: {
+        // @ts-ignore
         deviceType: this.config.meetings.deviceType,
-        url: options.deviceUrl
+        url: options.deviceUrl,
       },
-      ...(options.reason && {reason: options.reason})
+      ...(options.reason && {reason: options.reason}),
     };
 
+    // @ts-ignore
     return this.request({
       method: HTTP_VERBS.PUT,
       uri,
-      body
+      body,
     });
   }
 
@@ -502,26 +559,38 @@ export default class MeetingRequest extends StatelessWebexPlugin {
    * @param {Boolean} options.preferTranscoding false for multistream (Homer), true for transcoded media (Edonus)
    * @returns {Promise}
    */
-  remoteAudioVideoToggle(options) {
+  remoteAudioVideoToggle(
+    options:
+      | {
+          selfId: string;
+          locusUrl: string;
+          deviceUrl: string;
+          resourceId: string;
+          localMedias: string;
+        }
+      | any
+  ) {
     const uri = `${options.locusUrl}/${PARTICIPANT}/${options.selfId}/${MEDIA}`;
     const body = {
       device: {
+        // @ts-ignore
         deviceType: this.config.meetings.deviceType,
-        url: options.deviceUrl
+        url: options.deviceUrl,
       },
       usingResource: options.resourceId || null,
       correlationId: options.correlationId,
       respOnlySdp: true,
       localMedias: options.localMedias,
       clientMediaPreferences: {
-        preferTranscoding: options.preferTranscoding ?? true
-      }
+        preferTranscoding: options.preferTranscoding ?? true,
+      },
     };
 
+    // @ts-ignore
     return this.request({
       method: HTTP_VERBS.PUT,
       uri,
-      body
+      body,
     });
   }
 
@@ -535,8 +604,18 @@ export default class MeetingRequest extends StatelessWebexPlugin {
    * @param {String} options.uri floor grant uri
    * @returns {Promise}
    */
-  changeMeetingFloor(options) {
-    let floorReq = {disposition: options.disposition};
+  changeMeetingFloor(
+    options:
+      | {
+          disposition: string;
+          personUrl: string;
+          deviceUrl: string;
+          resourceId: string;
+          uri: string;
+        }
+      | any
+  ) {
+    let floorReq: any = {disposition: options.disposition};
 
     /* istanbul ignore else */
     if (options.disposition === FLOOR_ACTION.GRANTED) {
@@ -545,31 +624,33 @@ export default class MeetingRequest extends StatelessWebexPlugin {
           url: options.personUrl,
           devices: [
             {
+              // @ts-ignore
               deviceType: this.config.meetings.deviceType,
-              url: options.deviceUrl
-            }
-          ]
+              url: options.deviceUrl,
+            },
+          ],
         },
         disposition: options.disposition,
         requester: {
-          url: options.personUrl
-        }
+          url: options.personUrl,
+        },
       };
     }
 
-    const body = {
+    const body: any = {
       floor: floorReq,
-      resourceUrl: options.resourceUrl
+      resourceUrl: options.resourceUrl,
     };
 
     if (options?.resourceToken) {
       body.resourceToken = options?.resourceToken;
     }
 
+    // @ts-ignore
     return this.request({
       uri: options.uri,
       method: HTTP_VERBS.PUT,
-      body
+      body,
     });
   }
 
@@ -581,7 +662,8 @@ export default class MeetingRequest extends StatelessWebexPlugin {
    * @param {String} options.tones a string of one or more DTMF tones to send
    * @returns {Promise}
    */
-  sendDTMF({locusUrl, deviceUrl, tones}) {
+  sendDTMF({locusUrl, deviceUrl, tones}: {locusUrl: string; deviceUrl: string; tones: string}) {
+    // @ts-ignore
     return this.request({
       method: HTTP_VERBS.POST,
       uri: `${locusUrl}/${SEND_DTMF_ENDPOINT}`,
@@ -589,9 +671,9 @@ export default class MeetingRequest extends StatelessWebexPlugin {
         deviceUrl,
         dtmf: {
           correlationId: uuid.v4(),
-          tones
-        }
-      }
+          tones,
+        },
+      },
     });
   }
 
@@ -614,29 +696,55 @@ export default class MeetingRequest extends StatelessWebexPlugin {
     deviceUrl,
     layoutType,
     main,
-    content
+    content,
+  }: {
+    locusUrl: string;
+    deviceUrl: string;
+    layoutType: string;
+    main: {
+      width: number;
+      height: number;
+    };
+    content: {
+      width: number;
+      height: number;
+    };
   }) {
     // send main/content renderInfo only if both width and height are specified
     if (main && (!main.width || !main.height)) {
-      return Promise.reject(new Error(`Both width and height must be specified. One of them is missing for main: ${JSON.stringify(main)}`));
+      return Promise.reject(
+        new Error(
+          `Both width and height must be specified. One of them is missing for main: ${JSON.stringify(
+            main
+          )}`
+        )
+      );
     }
 
     if (content && (!content.width || !content.height)) {
-      return Promise.reject(new Error(`Both width and height must be specified. One of them is missing for content: ${JSON.stringify(content)}`));
+      return Promise.reject(
+        new Error(
+          `Both width and height must be specified. One of them is missing for content: ${JSON.stringify(
+            content
+          )}`
+        )
+      );
     }
 
-    const renderInfoMain = (main) ? {width: main.width, height: main.height} : undefined;
-    const renderInfoContent = (content) ? {width: content.width, height: content.height} : undefined;
+    const renderInfoMain = main ? {width: main.width, height: main.height} : undefined;
+    const renderInfoContent = content ? {width: content.width, height: content.height} : undefined;
 
-    const layoutParams = (renderInfoMain || renderInfoContent) ?
-      {
-        renderInfo:
-        {
-          main: renderInfoMain,
-          content: renderInfoContent
-        }
-      } : undefined;
+    const layoutParams =
+      renderInfoMain || renderInfoContent
+        ? {
+            renderInfo: {
+              main: renderInfoMain,
+              content: renderInfoContent,
+            },
+          }
+        : undefined;
 
+    // @ts-ignore
     return this.request({
       method: HTTP_VERBS.PUT,
       uri: `${locusUrl}/${CONTROLS}`,
@@ -644,9 +752,9 @@ export default class MeetingRequest extends StatelessWebexPlugin {
         layout: {
           deviceUrl,
           type: layoutType,
-          layoutParams
-        }
-      }
+          layoutParams,
+        },
+      },
     });
   }
 
@@ -656,14 +764,13 @@ export default class MeetingRequest extends StatelessWebexPlugin {
    * @param {Url} options.locusUrl
    * @returns {Promise}
    */
-  endMeetingForAll({
-    locusUrl,
-  }) {
+  endMeetingForAll({locusUrl}: {locusUrl: string}) {
     const uri = `${locusUrl}/${END}`;
 
+    // @ts-ignore
     return this.request({
       method: HTTP_VERBS.POST,
-      uri
+      uri,
     });
   }
 
@@ -673,12 +780,55 @@ export default class MeetingRequest extends StatelessWebexPlugin {
    * @param {Url} options.keepAliveUrl
    * @returns {Promise}
    */
-  keepAlive({
-    keepAliveUrl,
-  }) {
+  keepAlive({keepAliveUrl}: {keepAliveUrl: string}) {
+    // @ts-ignore
     return this.request({
       method: HTTP_VERBS.GET,
-      uri: keepAliveUrl
+      uri: keepAliveUrl,
+    });
+  }
+
+  /**
+   * Make a network request to send a reaction.
+   * @param {Object} options
+   * @param {Url} options.reactionChannelUrl
+   * @param {Reaction} options.reaction
+   * @param {string} options.senderID
+   * @returns {Promise}
+   */
+  sendReaction({reactionChannelUrl, reaction, participantId}: SendReactionOptions) {
+    const uri = reactionChannelUrl;
+
+    // @ts-ignore
+    return this.request({
+      method: HTTP_VERBS.POST,
+      uri,
+      body: {
+        sender: {participantId},
+        reaction,
+      },
+    });
+  }
+
+  /**
+   * Make a network request to enable or disable reactions.
+   * @param {boolean} options.enable - determines if we need to enable or disable.
+   * @param {locusUrl} options.locusUrl
+   * @returns {Promise}
+   */
+  toggleReactions({enable, locusUrl, requestingParticipantId}: ToggleReactionsOptions) {
+    const uri = `${locusUrl}/${CONTROLS}`;
+
+    // @ts-ignore
+    return this.request({
+      method: HTTP_VERBS.PUT,
+      uri,
+      body: {
+        reactions: {
+          enabled: enable,
+        },
+        requestingParticipantId,
+      },
     });
   }
 }