@100mslive/react-native-hms 1.6.0 → 1.6.2

package/lib/module/classes/HMSSessionStore.js.map

@@ -1 +1 @@
-{"version":3,"names":["NativeModules","DeviceEventEmitter","HMSConstants","getLogger","HMSUpdateListenerActions","EventEmitter","HMSManager","HMSSessionStore","constructor","_defineProperty","set","value","key","data","setSessionMetadataForKey","id","DEFAULT_SDK_ID","get","getSessionMetadataForKey","addKeyChangeListener","forKeys","callback","_deviceEventEmitterSubscription","addListener","ON_SESSION_STORE_CHANGED","_deviceEventEmitterListener","bind","_eventEmitter","uniqueId","join","Date","now","toString","eventEmitter","subscriptions","map","cleanupHandler","_cleanup","keys","catch","err","_addedKeyChangeListenerCount","remove","subscriptionsToRemove","length","context","forEach","subscription","removeKeyChangeListener","error","logger","verbose","Object","getOwnPropertyNames","includes","removeListener","undefined","_getLogger","_this$_eventEmitter","emit"],"sources":["HMSSessionStore.ts"],"sourcesContent":["import {\n  NativeModules,\n  DeviceEventEmitter,\n  EmitterSubscription as RNEmitterSubscription,\n} from 'react-native';\nimport { HMSConstants } from './HMSConstants';\nimport { getLogger } from './HMSLogger';\nimport { HMSUpdateListenerActions } from './HMSUpdateListenerActions';\nimport { EventEmitter } from '../utils';\nimport type { EmitterSubscription } from '../utils';\n\nconst { HMSManager } = NativeModules;\n\ntype Nullable<T> = T | null | undefined;\n\nexport type HMSSessionStoreValue = Nullable<string>;\n\n/**\n * Session store is a shared realtime key-value store that is accessible by everyone in the room.\n * It can be utilized to implement features such as pinned text, spotlight (which brings a particular\n * peer to the center stage for everyone in the room) and more.\n *\n * To get an instance of `HMSSessionStore` class, You can add an event listener for `ON_SESSION_STORE_AVAILABLE`\n * event on the `HMSSDK` instance\n *\n * For example:\n * ```\n * hmsInstance.addEventListener(HMSUpdateListenerActions.ON_SESSION_STORE_AVAILABLE, <your callback function>);\n * ```\n *\n * Checkout Session Store docs fore more details ${@link https://www.100ms.live/docs/react-native/v2/how-to-guides/interact-with-room/room/session-store}\n */\nexport class HMSSessionStore {\n  private _deviceEventEmitterSubscription?: RNEmitterSubscription;\n  private _eventEmitter?: EventEmitter;\n  private _addedKeyChangeListenerCount = 0;\n\n  /**\n   * This method sets a value for a specific key on session store.\n   * Once a value is assigned, it will be available for other peers in the room\n   * who are listening for changes in value for that specific key.\n   *\n   * @param {HMSSessionStoreValue} value\n   * @param {string} key\n   * @returns {Promise}\n   */\n  async set(value: HMSSessionStoreValue, key: string) {\n    const data: { success: true; finalValue: HMSSessionStoreValue } =\n      await HMSManager.setSessionMetadataForKey({\n        id: HMSConstants.DEFAULT_SDK_ID,\n        key,\n        value,\n      });\n    return data;\n  }\n\n  /**\n   * This method returns the value of any specified key on session store.\n   * Note that you will not get updates for any change in value of the specified key,\n   * It returns the latest value at the time it was called.\n   *\n   * To listen to value change updates use `addKeyChangeListener` method instead.\n   *\n   * @param {string} key\n   * @returns {Promise}\n   */\n  async get(key: string) {\n    const data: HMSSessionStoreValue =\n      await HMSManager.getSessionMetadataForKey({\n        id: HMSConstants.DEFAULT_SDK_ID,\n        key,\n      });\n    return data;\n  }\n\n  /**\n   * This method registers a callback function for listening to value changes of a particular key.\n   * Registered Callback function will be called initially with latest value and whenever the value updates\n   *\n   * @param {string[]} forKeys\n   * @param {Function} callback\n   * @returns {Object} subscription object\n   */\n  addKeyChangeListener<T extends string[]>(\n    forKeys: T,\n    callback: (\n      error: string | null,\n      data: { key: T[number]; value: HMSSessionStoreValue } | null\n    ) => void\n  ) {\n    // Add Native Device Event Emitter if it is not already added\n    if (!this._deviceEventEmitterSubscription) {\n      this._deviceEventEmitterSubscription = DeviceEventEmitter.addListener(\n        HMSUpdateListenerActions.ON_SESSION_STORE_CHANGED,\n        this._deviceEventEmitterListener.bind(this)\n      );\n    }\n\n    // Create JS side EventEmitter\n    if (!this._eventEmitter) {\n      this._eventEmitter = new EventEmitter();\n    }\n\n    // Unique Identifier for adding native event listener\n    const uniqueId = forKeys.join('') + '_' + Date.now().toString();\n\n    const eventEmitter = this._eventEmitter;\n\n    // Add listeners on eventEmitter for each key\n    const subscriptions = forKeys.map((key) =>\n      eventEmitter.addListener(key, callback, { uniqueId })\n    );\n\n    //\n    let cleanupHandler: (() => void) | null = () => {\n      this._cleanup(subscriptions);\n    };\n\n    // Adding 'KeyChangeListener' on native side\n    HMSManager.addKeyChangeListener({\n      id: HMSConstants.DEFAULT_SDK_ID,\n      keys: forKeys,\n      uniqueId,\n    })\n      // Adding 'KeyChangeListener' fails on native side\n      .catch((err: any) => {\n        if (typeof cleanupHandler === 'function') {\n          callback(err, null);\n          cleanupHandler();\n          cleanupHandler = null;\n        }\n      });\n\n    this._addedKeyChangeListenerCount += 1;\n\n    return {\n      remove: () => {\n        if (typeof cleanupHandler === 'function') {\n          cleanupHandler();\n          cleanupHandler = null;\n        }\n      },\n    };\n  }\n\n  private _cleanup(subscriptionsToRemove: EmitterSubscription[]) {\n    // Extracting `uniqueId` from first subscription (all subscriptions have same uniqueId)\n    // this `uniqueId` will be used to remove 'KeyChangeListener' from native side\n    const uniqueId =\n      subscriptionsToRemove.length > 0\n        ? (subscriptionsToRemove[0].context as { uniqueId: string }).uniqueId\n        : null;\n\n    // Removing required subscriptions from 'eventEmitter'\n    subscriptionsToRemove.forEach((subscription) => subscription.remove());\n\n    // Removing 'KeyChangeListener' from native side\n    HMSManager.removeKeyChangeListener({\n      id: HMSConstants.DEFAULT_SDK_ID,\n      uniqueId,\n    }).catch((error: any) => {\n      const logger = getLogger();\n      logger?.verbose(\n        \"Error while removing key change listener, Listener didn't get registerred at first place or was already removed\",\n        error\n      );\n    });\n\n    this._addedKeyChangeListenerCount -= 1;\n\n    if (this._addedKeyChangeListenerCount <= 0) {\n      this._addedKeyChangeListenerCount = 0;\n      if (\n        this._deviceEventEmitterSubscription &&\n        Object.getOwnPropertyNames(\n          this._deviceEventEmitterSubscription\n        ).includes('remove') &&\n        typeof this._deviceEventEmitterSubscription.remove === 'function'\n      ) {\n        this._deviceEventEmitterSubscription.remove();\n      } else {\n        DeviceEventEmitter.removeListener(\n          HMSUpdateListenerActions.ON_SESSION_STORE_CHANGED,\n          this._deviceEventEmitterListener\n        );\n      }\n\n      this._deviceEventEmitterSubscription = undefined;\n\n      this._eventEmitter = undefined;\n    }\n  }\n\n  private _deviceEventEmitterListener(data: {\n    id: string;\n    key: string;\n    value: HMSSessionStoreValue;\n  }) {\n    // if id is different from default sdk_id, return early\n    if (data.id !== HMSConstants.DEFAULT_SDK_ID) {\n      return;\n    }\n\n    // emit event for the key\n    getLogger()?.verbose('#Listener ON_SESSION_STORE_CHANGED event: ', data);\n\n    this._eventEmitter?.emit(data.key, null, data);\n  }\n}\n"],"mappings":";;;AAAA,SACEA,aAAa,EACbC,kBAAkB,QAEb,cAAc;AACrB,SAASC,YAAY,QAAQ,gBAAgB;AAC7C,SAASC,SAAS,QAAQ,aAAa;AACvC,SAASC,wBAAwB,QAAQ,4BAA4B;AACrE,SAASC,YAAY,QAAQ,UAAU;AAGvC,MAAM;EAAEC;AAAW,CAAC,GAAGN,aAAa;AAMpC;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,OAAO,MAAMO,eAAe,CAAC;EAAAC,YAAA;IAAAC,eAAA;IAAAA,eAAA;IAAAA,eAAA,uCAGY,CAAC;EAAA;EAExC;AACF;AACA;AACA;AACA;AACA;AACA;AACA;AACA;EACE,MAAMC,GAAGA,CAACC,KAA2B,EAAEC,GAAW,EAAE;IAClD,MAAMC,IAAyD,GAC7D,MAAMP,UAAU,CAACQ,wBAAwB,CAAC;MACxCC,EAAE,EAAEb,YAAY,CAACc,cAAc;MAC/BJ,GAAG;MACHD;IACF,CAAC,CAAC;IACJ,OAAOE,IAAI;EACb;;EAEA;AACF;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;EACE,MAAMI,GAAGA,CAACL,GAAW,EAAE;IACrB,MAAMC,IAA0B,GAC9B,MAAMP,UAAU,CAACY,wBAAwB,CAAC;MACxCH,EAAE,EAAEb,YAAY,CAACc,cAAc;MAC/BJ;IACF,CAAC,CAAC;IACJ,OAAOC,IAAI;EACb;;EAEA;AACF;AACA;AACA;AACA;AACA;AACA;AACA;EACEM,oBAAoBA,CAClBC,OAAU,EACVC,QAGS,EACT;IACA;IACA,IAAI,CAAC,IAAI,CAACC,+BAA+B,EAAE;MACzC,IAAI,CAACA,+BAA+B,GAAGrB,kBAAkB,CAACsB,WAAW,CACnEnB,wBAAwB,CAACoB,wBAAwB,EACjD,IAAI,CAACC,2BAA2B,CAACC,IAAI,CAAC,IAAI,CAAC,CAC5C;IACH;;IAEA;IACA,IAAI,CAAC,IAAI,CAACC,aAAa,EAAE;MACvB,IAAI,CAACA,aAAa,GAAG,IAAItB,YAAY,EAAE;IACzC;;IAEA;IACA,MAAMuB,QAAQ,GAAGR,OAAO,CAACS,IAAI,CAAC,EAAE,CAAC,GAAG,GAAG,GAAGC,IAAI,CAACC,GAAG,EAAE,CAACC,QAAQ,EAAE;IAE/D,MAAMC,YAAY,GAAG,IAAI,CAACN,aAAa;;IAEvC;IACA,MAAMO,aAAa,GAAGd,OAAO,CAACe,GAAG,CAAEvB,GAAG,IACpCqB,YAAY,CAACV,WAAW,CAACX,GAAG,EAAES,QAAQ,EAAE;MAAEO;IAAS,CAAC,CAAC,CACtD;;IAED;IACA,IAAIQ,cAAmC,GAAGA,CAAA,KAAM;MAC9C,IAAI,CAACC,QAAQ,CAACH,aAAa,CAAC;IAC9B,CAAC;;IAED;IACA5B,UAAU,CAACa,oBAAoB,CAAC;MAC9BJ,EAAE,EAAEb,YAAY,CAACc,cAAc;MAC/BsB,IAAI,EAAElB,OAAO;MACbQ;IACF,CAAC;IACC;IAAA,CACCW,KAAK,CAAEC,GAAQ,IAAK;MACnB,IAAI,OAAOJ,cAAc,KAAK,UAAU,EAAE;QACxCf,QAAQ,CAACmB,GAAG,EAAE,IAAI,CAAC;QACnBJ,cAAc,EAAE;QAChBA,cAAc,GAAG,IAAI;MACvB;IACF,CAAC,CAAC;IAEJ,IAAI,CAACK,4BAA4B,IAAI,CAAC;IAEtC,OAAO;MACLC,MAAM,EAAEA,CAAA,KAAM;QACZ,IAAI,OAAON,cAAc,KAAK,UAAU,EAAE;UACxCA,cAAc,EAAE;UAChBA,cAAc,GAAG,IAAI;QACvB;MACF;IACF,CAAC;EACH;EAEQC,QAAQA,CAACM,qBAA4C,EAAE;IAC7D;IACA;IACA,MAAMf,QAAQ,GACZe,qBAAqB,CAACC,MAAM,GAAG,CAAC,GAC3BD,qBAAqB,CAAC,CAAC,CAAC,CAACE,OAAO,CAA0BjB,QAAQ,GACnE,IAAI;;IAEV;IACAe,qBAAqB,CAACG,OAAO,CAAEC,YAAY,IAAKA,YAAY,CAACL,MAAM,EAAE,CAAC;;IAEtE;IACApC,UAAU,CAAC0C,uBAAuB,CAAC;MACjCjC,EAAE,EAAEb,YAAY,CAACc,cAAc;MAC/BY;IACF,CAAC,CAAC,CAACW,KAAK,CAAEU,KAAU,IAAK;MACvB,MAAMC,MAAM,GAAG/C,SAAS,EAAE;MAC1B+C,MAAM,aAANA,MAAM,uBAANA,MAAM,CAAEC,OAAO,CACb,iHAAiH,EACjHF,KAAK,CACN;IACH,CAAC,CAAC;IAEF,IAAI,CAACR,4BAA4B,IAAI,CAAC;IAEtC,IAAI,IAAI,CAACA,4BAA4B,IAAI,CAAC,EAAE;MAC1C,IAAI,CAACA,4BAA4B,GAAG,CAAC;MACrC,IACE,IAAI,CAACnB,+BAA+B,IACpC8B,MAAM,CAACC,mBAAmB,CACxB,IAAI,CAAC/B,+BAA+B,CACrC,CAACgC,QAAQ,CAAC,QAAQ,CAAC,IACpB,OAAO,IAAI,CAAChC,+BAA+B,CAACoB,MAAM,KAAK,UAAU,EACjE;QACA,IAAI,CAACpB,+BAA+B,CAACoB,MAAM,EAAE;MAC/C,CAAC,MAAM;QACLzC,kBAAkB,CAACsD,cAAc,CAC/BnD,wBAAwB,CAACoB,wBAAwB,EACjD,IAAI,CAACC,2BAA2B,CACjC;MACH;MAEA,IAAI,CAACH,+BAA+B,GAAGkC,SAAS;MAEhD,IAAI,CAAC7B,aAAa,GAAG6B,SAAS;IAChC;EACF;EAEQ/B,2BAA2BA,CAACZ,IAInC,EAAE;IAAA,IAAA4C,UAAA,EAAAC,mBAAA;IACD;IACA,IAAI7C,IAAI,CAACE,EAAE,KAAKb,YAAY,CAACc,cAAc,EAAE;MAC3C;IACF;;IAEA;IACA,CAAAyC,UAAA,GAAAtD,SAAS,EAAE,cAAAsD,UAAA,uBAAXA,UAAA,CAAaN,OAAO,CAAC,4CAA4C,EAAEtC,IAAI,CAAC;IAExE,CAAA6C,mBAAA,OAAI,CAAC/B,aAAa,cAAA+B,mBAAA,uBAAlBA,mBAAA,CAAoBC,IAAI,CAAC9C,IAAI,CAACD,GAAG,EAAE,IAAI,EAAEC,IAAI,CAAC;EAChD;AACF"}
+{"version":3,"names":["NativeModules","DeviceEventEmitter","HMSConstants","getLogger","HMSUpdateListenerActions","EventEmitter","HMSManager","HMSSessionStore","constructor","_defineProperty","set","value","key","data","setSessionMetadataForKey","id","DEFAULT_SDK_ID","get","getSessionMetadataForKey","addKeyChangeListener","forKeys","callback","_deviceEventEmitterSubscription","addListener","ON_SESSION_STORE_CHANGED","_deviceEventEmitterListener","bind","_eventEmitter","uniqueId","join","Date","now","toString","eventEmitter","subscriptions","map","cleanupHandler","_cleanup","keys","catch","err","_addedKeyChangeListenerCount","remove","subscriptionsToRemove","length","context","forEach","subscription","removeKeyChangeListener","error","logger","verbose","Object","getOwnPropertyNames","includes","removeListener","undefined","_getLogger","_this$_eventEmitter","emit"],"sources":["HMSSessionStore.ts"],"sourcesContent":["import {\n  NativeModules,\n  DeviceEventEmitter,\n  EmitterSubscription as RNEmitterSubscription,\n} from 'react-native';\nimport { HMSConstants } from './HMSConstants';\nimport { getLogger } from './HMSLogger';\nimport { HMSUpdateListenerActions } from './HMSUpdateListenerActions';\nimport { EventEmitter } from '../utils';\nimport type { EmitterSubscription } from '../utils';\n\nconst { HMSManager } = NativeModules;\n\ntype Nullable<T> = T | null | undefined;\n\nexport type HMSSessionStoreValue = Nullable<string>;\n\n/**\n * Session store is a shared realtime key-value store that is accessible by everyone in the room.\n * It can be utilized to implement features such as pinned text, spotlight (which brings a particular\n * peer to the center stage for everyone in the room) and more.\n *\n * To get an instance of `HMSSessionStore` class, You can add an event listener for `ON_SESSION_STORE_AVAILABLE`\n * event on the `HMSSDK` instance\n *\n * For example:\n * ```\n * hmsInstance.addEventListener(HMSUpdateListenerActions.ON_SESSION_STORE_AVAILABLE, <your callback function>);\n * ```\n *\n * Checkout Session Store docs fore more details ${@link https://www.100ms.live/docs/react-native/v2/how-to-guides/interact-with-room/room/session-store}\n */\nexport class HMSSessionStore {\n  private _deviceEventEmitterSubscription?: RNEmitterSubscription;\n  private _eventEmitter?: EventEmitter;\n  private _addedKeyChangeListenerCount = 0;\n\n  /**\n   * This method sets a value for a specific key on session store.\n   * Once a value is assigned, it will be available for other peers in the room\n   * who are listening for changes in value for that specific key.\n   *\n   * @param {HMSSessionStoreValue} value\n   * @param {string} key\n   * @returns {Promise}\n   */\n  async set(value: HMSSessionStoreValue, key: string) {\n    const data: { success: true; finalValue: HMSSessionStoreValue } =\n      await HMSManager.setSessionMetadataForKey({\n        id: HMSConstants.DEFAULT_SDK_ID,\n        key,\n        value,\n      });\n    return data;\n  }\n\n  /**\n   * This method returns the value of any specified key on session store.\n   * Note that you will not get updates for any change in value of the specified key,\n   * It returns the latest value at the time it was called.\n   *\n   * To listen to value change updates use `addKeyChangeListener` method instead.\n   *\n   * @param {string} key\n   * @returns {Promise}\n   */\n  async get(key: string) {\n    const data: HMSSessionStoreValue =\n      await HMSManager.getSessionMetadataForKey({\n        id: HMSConstants.DEFAULT_SDK_ID,\n        key,\n      });\n    return data;\n  }\n\n  /**\n   * This method registers a callback function for listening to value changes of a particular key.\n   * Registered Callback function will be called initially with latest value and whenever the value updates\n   *\n   * @param {string[]} forKeys\n   * @param {Function} callback\n   * @returns {Object} subscription object\n   */\n  addKeyChangeListener<T extends string[]>(\n    forKeys: T,\n    callback: (\n      error: string | null,\n      data: { key: T[number]; value: HMSSessionStoreValue } | null\n    ) => void\n  ) {\n    // Add Native Device Event Emitter if it is not already added\n    if (!this._deviceEventEmitterSubscription) {\n      this._deviceEventEmitterSubscription = DeviceEventEmitter.addListener(\n        HMSUpdateListenerActions.ON_SESSION_STORE_CHANGED,\n        this._deviceEventEmitterListener.bind(this)\n      );\n    }\n\n    // Create JS side EventEmitter\n    if (!this._eventEmitter) {\n      this._eventEmitter = new EventEmitter();\n    }\n\n    // Unique Identifier for adding native event listener\n    const uniqueId = forKeys.join('') + '_' + Date.now().toString();\n\n    const eventEmitter = this._eventEmitter;\n\n    // Add listeners on eventEmitter for each key\n    const subscriptions = forKeys.map((key) =>\n      eventEmitter.addListener(key, callback, { uniqueId })\n    );\n\n    //\n    let cleanupHandler: (() => void) | null = () => {\n      this._cleanup(subscriptions);\n    };\n\n    // Adding 'KeyChangeListener' on native side\n    HMSManager.addKeyChangeListener({\n      id: HMSConstants.DEFAULT_SDK_ID,\n      keys: forKeys,\n      uniqueId,\n    })\n      // Adding 'KeyChangeListener' fails on native side\n      .catch((err: any) => {\n        if (typeof cleanupHandler === 'function') {\n          callback(err, null);\n          cleanupHandler();\n          cleanupHandler = null;\n        }\n      });\n\n    this._addedKeyChangeListenerCount += 1;\n\n    return {\n      remove: () => {\n        if (typeof cleanupHandler === 'function') {\n          cleanupHandler();\n          cleanupHandler = null;\n        }\n      },\n    };\n  }\n\n  private _cleanup(subscriptionsToRemove: EmitterSubscription[]) {\n    // Extracting `uniqueId` from first subscription (all subscriptions have same uniqueId)\n    // this `uniqueId` will be used to remove 'KeyChangeListener' from native side\n    const uniqueId =\n      subscriptionsToRemove.length > 0\n        ? (subscriptionsToRemove[0].context as { uniqueId: string }).uniqueId\n        : null;\n\n    // Removing required subscriptions from 'eventEmitter'\n    subscriptionsToRemove.forEach((subscription) => subscription.remove());\n\n    // Removing 'KeyChangeListener' from native side\n    HMSManager.removeKeyChangeListener({\n      id: HMSConstants.DEFAULT_SDK_ID,\n      uniqueId,\n    }).catch((error: any) => {\n      const logger = getLogger();\n      logger?.verbose(\n        \"Error while removing key change listener, Listener didn't get registerred at first place or was already removed\",\n        error\n      );\n    });\n\n    this._addedKeyChangeListenerCount -= 1;\n\n    if (this._addedKeyChangeListenerCount <= 0) {\n      this._addedKeyChangeListenerCount = 0;\n      if (\n        this._deviceEventEmitterSubscription &&\n        Object.getOwnPropertyNames(\n          this._deviceEventEmitterSubscription\n        ).includes('remove') &&\n        typeof this._deviceEventEmitterSubscription.remove === 'function'\n      ) {\n        this._deviceEventEmitterSubscription.remove();\n      } else {\n        DeviceEventEmitter.removeListener(\n          HMSUpdateListenerActions.ON_SESSION_STORE_CHANGED,\n          this._deviceEventEmitterListener\n        );\n      }\n\n      this._deviceEventEmitterSubscription = undefined;\n\n      this._eventEmitter = undefined;\n    }\n  }\n\n  private _deviceEventEmitterListener(data: {\n    id: string;\n    key: string;\n    value: HMSSessionStoreValue;\n  }) {\n    // if id is different from default sdk_id, return early\n    if (data.id !== HMSConstants.DEFAULT_SDK_ID) {\n      return;\n    }\n\n    // emit event for the key\n    getLogger()?.verbose('#Listener ON_SESSION_STORE_CHANGED event: ', data);\n\n    this._eventEmitter?.emit(data.key, null, data);\n  }\n}\n"],"mappings":"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"}

package/lib/module/classes/HmsView.js

@@ -1,5 +1,5 @@
-import React, { useState, useEffect, useImperativeHandle, useRef } from 'react';
-import { findNodeHandle, requireNativeComponent, StyleSheet, UIManager } from 'react-native';
+import React, { useState, useImperativeHandle, useRef } from 'react';
+import { findNodeHandle, requireNativeComponent, StyleSheet, UIManager, Platform } from 'react-native';
 import { HMSConstants } from './HMSConstants';
 import { HMSVideoViewMode } from './HMSVideoViewMode';
 const HmsView = requireNativeComponent('HMSView');
@@ -8,7 +8,7 @@ let _requestMap = new Map();
 export const HmsViewComponent = /*#__PURE__*/React.forwardRef((props, ref) => {
   const {
     trackId,
-    style = temporaryStyles.customStyle,
+    style = styles.hmsView,
     id = HMSConstants.DEFAULT_SDK_ID,
     mirror = false,
     setZOrderMediaOverlay = false,
@@ -16,30 +16,24 @@ export const HmsViewComponent = /*#__PURE__*/React.forwardRef((props, ref) => {
     scaleType = HMSVideoViewMode.ASPECT_FILL
   } = props;
   const hmsViewRef = useRef();
-  const timerRef = useRef(null);
-  const [tempVal, setTempVal] = useState(0);
+  const [applyStyles_ANDROID, setApplyStyles_ANDROID] = useState(false);
   const data = {
     trackId,
     id,
-    mirror
-  };
-  useEffect(() => {
-    return () => {
-      if (timerRef.current) {
-        clearTimeout(timerRef.current);
-      }
-    };
-  }, []);
-  const onChange = values => {
-    console.log(values, 'values');
-    if (timerRef.current) {
-      clearTimeout(timerRef.current);
-    }
-    timerRef.current = setTimeout(() => {
-      setTempVal(1);
-      timerRef.current = null;
-    }, 2000);
+    mirror,
+    scaleType
   };
+
+  /**
+   * This method is passed to `onChange` prop of `HmsView` Native Component.
+   * It is invoked when `HmsView` emits 'topChange' event.
+   */
+  const onChange = () => setApplyStyles_ANDROID(true);
+
+  /**
+   * This method is passed to `onDataReturned` prop of `HmsView` Native Component.
+   * It is invoked when `HmsView` emits 'captureFrame' event.
+   */
   const _onDataReturned = event => {
     // We grab the relevant data out of our event.
     let {
@@ -80,24 +74,20 @@ export const HmsViewComponent = /*#__PURE__*/React.forwardRef((props, ref) => {
       capture
     };
   });
-  useEffect(() => {
-    setTempVal(0);
-  }, [tempVal]);
   return /*#__PURE__*/React.createElement(HmsView, {
     ref: hmsViewRef,
     onChange: onChange,
     data: data,
-    style: tempVal === 0 ? style : temporaryStyles.customStyle,
+    style: Platform.OS === 'android' ? applyStyles_ANDROID ? style : {} : style,
     autoSimulcast: autoSimulcast,
     scaleType: scaleType,
     setZOrderMediaOverlay: setZOrderMediaOverlay,
     onDataReturned: _onDataReturned
   });
 });
-const temporaryStyles = StyleSheet.create({
-  customStyle: {
-    width: '100%',
-    height: '50%'
+const styles = StyleSheet.create({
+  hmsView: {
+    flex: 1
   }
 });
 //# sourceMappingURL=HmsView.js.map

package/lib/module/classes/HmsView.js.map

@@ -1 +1 @@
-{"version":3,"names":["React","useState","useEffect","useImperativeHandle","useRef","findNodeHandle","requireNativeComponent","StyleSheet","UIManager","HMSConstants","HMSVideoViewMode","HmsView","_nextRequestId","_requestMap","Map","HmsViewComponent","forwardRef","props","ref","trackId","style","temporaryStyles","customStyle","id","DEFAULT_SDK_ID","mirror","setZOrderMediaOverlay","autoSimulcast","scaleType","ASPECT_FILL","hmsViewRef","timerRef","tempVal","setTempVal","data","current","clearTimeout","onChange","values","console","log","setTimeout","_onDataReturned","event","requestId","result","error","nativeEvent","promise","get","resolve","reject","delete","capture","requestMap","Promise","set","viewManagerConfig","getViewManagerConfig","dispatchViewManagerCommand","Commands","createElement","onDataReturned","create","width","height"],"sources":["HmsView.tsx"],"sourcesContent":["import React, { useState, useEffect, useImperativeHandle, useRef } from 'react';\nimport {\n  findNodeHandle,\n  requireNativeComponent,\n  StyleSheet,\n  UIManager,\n  ViewStyle,\n} from 'react-native';\nimport { HMSConstants } from './HMSConstants';\nimport { HMSVideoViewMode } from './HMSVideoViewMode';\n\ninterface HmsViewProps {\n  data: {\n    trackId: string;\n    id: string;\n    mirror: boolean;\n  };\n  autoSimulcast: boolean;\n  setZOrderMediaOverlay: boolean;\n  scaleType: HMSVideoViewMode;\n  style: ViewStyle;\n  onChange: Function;\n  onDataReturned: Function;\n}\n\nconst HmsView = requireNativeComponent<HmsViewProps>('HMSView');\nlet _nextRequestId = 1;\nlet _requestMap = new Map();\n\nexport interface HmsComponentProps {\n  trackId: string;\n  style?: ViewStyle;\n  mirror?: boolean;\n  autoSimulcast?: boolean;\n  scaleType?: HMSVideoViewMode;\n  setZOrderMediaOverlay?: boolean;\n  id: string;\n}\n\nexport const HmsViewComponent = React.forwardRef<any, HmsComponentProps>(\n  (props, ref) => {\n    const {\n      trackId,\n      style = temporaryStyles.customStyle,\n      id = HMSConstants.DEFAULT_SDK_ID,\n      mirror = false,\n      setZOrderMediaOverlay = false,\n      autoSimulcast = true,\n      scaleType = HMSVideoViewMode.ASPECT_FILL,\n    } = props;\n\n    const hmsViewRef: any = useRef();\n    const timerRef = useRef<null | NodeJS.Timeout>(null);\n    const [tempVal, setTempVal] = useState(0);\n    const data = {\n      trackId,\n      id,\n      mirror,\n    };\n\n    useEffect(() => {\n      return () => {\n        if (timerRef.current) {\n          clearTimeout(timerRef.current);\n        }\n      };\n    }, []);\n\n    const onChange = (values: any) => {\n      console.log(values, 'values');\n      if (timerRef.current) {\n        clearTimeout(timerRef.current);\n      }\n\n      timerRef.current = setTimeout(() => {\n        setTempVal(1);\n        timerRef.current = null;\n      }, 2000);\n    };\n\n    const _onDataReturned = (event: {\n      nativeEvent: { requestId: any; result: any; error: any };\n    }) => {\n      // We grab the relevant data out of our event.\n      let { requestId, result, error } = event.nativeEvent;\n      // Then we get the promise we saved earlier for the given request ID.\n      let promise = _requestMap.get(requestId);\n      if (result) {\n        // If it was successful, we resolve the promise.\n        promise.resolve(result);\n      } else {\n        // Otherwise, we reject it.\n        promise.reject(error);\n      }\n      // Finally, we clean up our request map.\n      _requestMap.delete(requestId);\n    };\n\n    const capture = async () => {\n      let requestId = _nextRequestId++;\n      let requestMap = _requestMap;\n\n      // We create a promise here that will be resolved once `_onRequestDone` is\n      // called.\n      let promise = new Promise(function (resolve, reject) {\n        requestMap.set(requestId, { resolve, reject });\n      });\n      const viewManagerConfig = UIManager.getViewManagerConfig('HMSView');\n      UIManager.dispatchViewManagerCommand(\n        findNodeHandle(hmsViewRef.current),\n        viewManagerConfig.Commands.capture,\n        [requestId]\n      );\n      return promise;\n    };\n\n    useImperativeHandle(ref, () => {\n      return {\n        capture,\n      };\n    });\n\n    useEffect(() => {\n      setTempVal(0);\n    }, [tempVal]);\n\n    return (\n      <HmsView\n        ref={hmsViewRef}\n        onChange={onChange}\n        data={data}\n        style={tempVal === 0 ? style : temporaryStyles.customStyle}\n        autoSimulcast={autoSimulcast}\n        scaleType={scaleType}\n        setZOrderMediaOverlay={setZOrderMediaOverlay}\n        onDataReturned={_onDataReturned}\n      />\n    );\n  }\n);\n\nconst temporaryStyles = StyleSheet.create({\n  customStyle: {\n    width: '100%',\n    height: '50%',\n  },\n});\n"],"mappings":"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"}
+{"version":3,"names":["React","useState","useImperativeHandle","useRef","findNodeHandle","requireNativeComponent","StyleSheet","UIManager","Platform","HMSConstants","HMSVideoViewMode","HmsView","_nextRequestId","_requestMap","Map","HmsViewComponent","forwardRef","props","ref","trackId","style","styles","hmsView","id","DEFAULT_SDK_ID","mirror","setZOrderMediaOverlay","autoSimulcast","scaleType","ASPECT_FILL","hmsViewRef","applyStyles_ANDROID","setApplyStyles_ANDROID","data","onChange","_onDataReturned","event","requestId","result","error","nativeEvent","promise","get","resolve","reject","delete","capture","requestMap","Promise","set","viewManagerConfig","getViewManagerConfig","dispatchViewManagerCommand","current","Commands","createElement","OS","onDataReturned","create","flex"],"sources":["HmsView.tsx"],"sourcesContent":["import React, { useState, useImperativeHandle, useRef } from 'react';\nimport {\n  findNodeHandle,\n  requireNativeComponent,\n  StyleSheet,\n  UIManager,\n  ViewStyle,\n  Platform,\n} from 'react-native';\nimport { HMSConstants } from './HMSConstants';\nimport { HMSVideoViewMode } from './HMSVideoViewMode';\n\ninterface HmsViewProps {\n  data: {\n    trackId: string;\n    id: string;\n    mirror: boolean;\n    scaleType: HMSVideoViewMode;\n  };\n  autoSimulcast: boolean;\n  setZOrderMediaOverlay: boolean;\n  scaleType: HMSVideoViewMode;\n  style: ViewStyle;\n  onChange: Function;\n  onDataReturned: Function;\n}\n\nconst HmsView = requireNativeComponent<HmsViewProps>('HMSView');\nlet _nextRequestId = 1;\nlet _requestMap = new Map();\n\nexport interface HmsComponentProps {\n  trackId: string;\n  style?: ViewStyle;\n  mirror?: boolean;\n  autoSimulcast?: boolean;\n  scaleType?: HMSVideoViewMode;\n  setZOrderMediaOverlay?: boolean;\n  id: string;\n}\n\nexport const HmsViewComponent = React.forwardRef<any, HmsComponentProps>(\n  (props, ref) => {\n    const {\n      trackId,\n      style = styles.hmsView,\n      id = HMSConstants.DEFAULT_SDK_ID,\n      mirror = false,\n      setZOrderMediaOverlay = false,\n      autoSimulcast = true,\n      scaleType = HMSVideoViewMode.ASPECT_FILL,\n    } = props;\n\n    const hmsViewRef: any = useRef();\n    const [applyStyles_ANDROID, setApplyStyles_ANDROID] = useState(false);\n    const data = {\n      trackId,\n      id,\n      mirror,\n      scaleType,\n    };\n\n    /**\n     * This method is passed to `onChange` prop of `HmsView` Native Component.\n     * It is invoked when `HmsView` emits 'topChange' event.\n     */\n    const onChange = () => setApplyStyles_ANDROID(true);\n\n    /**\n     * This method is passed to `onDataReturned` prop of `HmsView` Native Component.\n     * It is invoked when `HmsView` emits 'captureFrame' event.\n     */\n    const _onDataReturned = (event: {\n      nativeEvent: { requestId: any; result: any; error: any };\n    }) => {\n      // We grab the relevant data out of our event.\n      let { requestId, result, error } = event.nativeEvent;\n      // Then we get the promise we saved earlier for the given request ID.\n      let promise = _requestMap.get(requestId);\n      if (result) {\n        // If it was successful, we resolve the promise.\n        promise.resolve(result);\n      } else {\n        // Otherwise, we reject it.\n        promise.reject(error);\n      }\n      // Finally, we clean up our request map.\n      _requestMap.delete(requestId);\n    };\n\n    const capture = async () => {\n      let requestId = _nextRequestId++;\n      let requestMap = _requestMap;\n\n      // We create a promise here that will be resolved once `_onRequestDone` is\n      // called.\n      let promise = new Promise(function (resolve, reject) {\n        requestMap.set(requestId, { resolve, reject });\n      });\n      const viewManagerConfig = UIManager.getViewManagerConfig('HMSView');\n      UIManager.dispatchViewManagerCommand(\n        findNodeHandle(hmsViewRef.current),\n        viewManagerConfig.Commands.capture,\n        [requestId]\n      );\n      return promise;\n    };\n\n    useImperativeHandle(ref, () => {\n      return {\n        capture,\n      };\n    });\n\n    return (\n      <HmsView\n        ref={hmsViewRef}\n        onChange={onChange}\n        data={data}\n        style={\n          Platform.OS === 'android' ? (applyStyles_ANDROID ? style : {}) : style\n        }\n        autoSimulcast={autoSimulcast}\n        scaleType={scaleType}\n        setZOrderMediaOverlay={setZOrderMediaOverlay}\n        onDataReturned={_onDataReturned}\n      />\n    );\n  }\n);\n\nconst styles = StyleSheet.create({\n  hmsView: {\n    flex: 1,\n  },\n});\n"],"mappings":"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"}

package/lib/module/utils/emitter/EventEmitter.js.map

@@ -1 +1 @@
-{"version":3,"names":["EmitterSubscription","EventSubscriptionVendor","sparseFilterPredicate","EventEmitter","constructor","subscriber","_defineProperty","_subscriber","addListener","eventType","listener","context","addSubscription","removeAllListeners","removeAllSubscriptions","removeSubscription","subscription","emitter","console","warn","listenerCount","subscriptions","getSubscriptionsForType","filter","length","emit","_len","arguments","args","Array","_key","i","l","apply","removeListener","remove"],"sources":["EventEmitter.ts"],"sourcesContent":["import { EmitterSubscription } from './_EmitterSubscription';\nimport { EventSubscriptionVendor } from './_EventSubscriptionVendor';\n\nconst sparseFilterPredicate = () => true;\n\nexport { EmitterSubscription } from './_EmitterSubscription';\n\n/**\n * @class EventEmitter\n * @description\n * An EventEmitter is responsible for managing a set of listeners and publishing\n * events to them when it is told that such events happened. In addition to the\n * data for the given event it also sends a event control object which allows\n * the listeners/handlers to prevent the default behavior of the given event.\n *\n * The emitter is designed to be generic enough to support all the different\n * contexts in which one might want to emit events. It is a simple multicast\n * mechanism on top of which extra functionality can be composed. For example, a\n * more advanced emitter may use an EventHolder and EventFactory.\n */\nexport class EventEmitter {\n  _subscriber: EventSubscriptionVendor;\n\n  /**\n   * @constructor\n   *\n   * @param {EventSubscriptionVendor} subscriber - Optional subscriber instance\n   *   to use. If omitted, a new subscriber will be created for the emitter.\n   */\n  constructor(subscriber?: EventSubscriptionVendor | null) {\n    this._subscriber = subscriber || new EventSubscriptionVendor();\n  }\n\n  /**\n   * Adds a listener to be invoked when events of the specified type are\n   * emitted. An optional calling context may be provided. The data arguments\n   * emitted will be passed to the listener function.\n   *\n   * TODO: Annotate the listener arg's type. This is tricky because listeners\n   *       can be invoked with varargs.\n   *\n   * @param {string} eventType - Name of the event to listen to\n   * @param {function} listener - Function to invoke when the specified event is\n   *   emitted\n   * @param {*} context - Optional context object to use when invoking the\n   *   listener\n   */\n  addListener(\n    eventType: string,\n    listener: Function,\n    context: Object | null | undefined\n  ): EmitterSubscription {\n    return this._subscriber.addSubscription(\n      eventType,\n      new EmitterSubscription(this, this._subscriber, listener, context)\n    ) as EmitterSubscription;\n  }\n\n  /**\n   * Removes all of the registered listeners, including those registered as\n   * listener maps.\n   *\n   * @param {?string} eventType - Optional name of the event whose registered\n   *   listeners to remove\n   */\n  removeAllListeners(eventType: string | undefined | null) {\n    this._subscriber.removeAllSubscriptions(eventType);\n  }\n\n  /**\n   * Removes a specific subscription. Called by the `remove()` method of the\n   * subscription itself to ensure any necessary cleanup is performed.\n   */\n  removeSubscription(subscription: EmitterSubscription) {\n    if (subscription.emitter !== this) {\n      console.warn('Subscription does not belong to this emitter.'); // TODO: use HMSLogger here\n      return;\n    }\n\n    this._subscriber.removeSubscription(subscription);\n  }\n\n  /**\n   * Returns the number of listeners that are currently registered for the given\n   * event.\n   *\n   * @param {string} eventType - Name of the event to query\n   * @returns {number}\n   */\n  listenerCount(eventType: string): number {\n    const subscriptions = this._subscriber.getSubscriptionsForType(eventType);\n    return subscriptions\n      ? // We filter out missing entries because the array is sparse.\n        // \"callbackfn is called only for elements of the array which actually\n        // exist; it is not called for missing elements of the array.\"\n        // https://www.ecma-international.org/ecma-262/9.0/index.html#sec-array.prototype.filter\n        subscriptions.filter(sparseFilterPredicate).length\n      : 0;\n  }\n\n  /**\n   * Emits an event of the given type with the given data. All handlers of that\n   * particular type will be notified.\n   *\n   * @param {string} eventType - Name of the event to emit\n   * @param {...*} Arbitrary arguments to be passed to each registered listener\n   *\n   * @example\n   *   emitter.addListener('someEvent', function(message) {\n   *     console.log(message);\n   *   });\n   *\n   *   emitter.emit('someEvent', 'abc'); // logs 'abc'\n   */\n  emit(eventType: string, ...args: any[]) {\n    const subscriptions = this._subscriber.getSubscriptionsForType(\n      eventType\n    ) as EmitterSubscription[] | null | undefined;\n    if (subscriptions) {\n      for (let i = 0, l = subscriptions.length; i < l; i++) {\n        const subscription = subscriptions[i];\n\n        // The subscription may have been removed during this event loop.\n        if (subscription && subscription.listener) {\n          subscription.listener.apply(subscription.context, args);\n        }\n      }\n    }\n  }\n\n  /**\n   * Removes the given listener for event of specific type.\n   *\n   * @param {string} eventType - Name of the event to emit\n   * @param {function} listener - Function to invoke when the specified event is\n   *   emitted\n   *\n   * @example\n   *   emitter.removeListener('someEvent', function(message) {\n   *     console.log(message);\n   *   }); // removes the listener if already registered\n   *\n   */\n  removeListener(eventType: string, listener: Function) {\n    const subscriptions = this._subscriber.getSubscriptionsForType(\n      eventType\n    ) as EmitterSubscription[] | null | undefined;\n    if (subscriptions) {\n      for (let i = 0, l = subscriptions.length; i < l; i++) {\n        const subscription = subscriptions[i];\n\n        // The subscription may have been removed during this event loop.\n        // its listener matches the listener in method parameters\n        if (subscription && subscription.listener === listener) {\n          subscription.remove();\n        }\n      }\n    }\n  }\n}\n"],"mappings":"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"}
+{"version":3,"names":["EmitterSubscription","EventSubscriptionVendor","sparseFilterPredicate","EventEmitter","constructor","subscriber","_defineProperty","_subscriber","addListener","eventType","listener","context","addSubscription","removeAllListeners","removeAllSubscriptions","removeSubscription","subscription","emitter","console","warn","listenerCount","subscriptions","getSubscriptionsForType","filter","length","emit","_len","arguments","args","Array","_key","i","l","apply","removeListener","remove"],"sources":["EventEmitter.ts"],"sourcesContent":["import { EmitterSubscription } from './_EmitterSubscription';\nimport { EventSubscriptionVendor } from './_EventSubscriptionVendor';\n\nconst sparseFilterPredicate = () => true;\n\nexport { EmitterSubscription } from './_EmitterSubscription';\n\n/**\n * @class EventEmitter\n * @description\n * An EventEmitter is responsible for managing a set of listeners and publishing\n * events to them when it is told that such events happened. In addition to the\n * data for the given event it also sends a event control object which allows\n * the listeners/handlers to prevent the default behavior of the given event.\n *\n * The emitter is designed to be generic enough to support all the different\n * contexts in which one might want to emit events. It is a simple multicast\n * mechanism on top of which extra functionality can be composed. For example, a\n * more advanced emitter may use an EventHolder and EventFactory.\n */\nexport class EventEmitter {\n  _subscriber: EventSubscriptionVendor;\n\n  /**\n   * @constructor\n   *\n   * @param {EventSubscriptionVendor} subscriber - Optional subscriber instance\n   *   to use. If omitted, a new subscriber will be created for the emitter.\n   */\n  constructor(subscriber?: EventSubscriptionVendor | null) {\n    this._subscriber = subscriber || new EventSubscriptionVendor();\n  }\n\n  /**\n   * Adds a listener to be invoked when events of the specified type are\n   * emitted. An optional calling context may be provided. The data arguments\n   * emitted will be passed to the listener function.\n   *\n   * TODO: Annotate the listener arg's type. This is tricky because listeners\n   *       can be invoked with varargs.\n   *\n   * @param {string} eventType - Name of the event to listen to\n   * @param {function} listener - Function to invoke when the specified event is\n   *   emitted\n   * @param {*} context - Optional context object to use when invoking the\n   *   listener\n   */\n  addListener(\n    eventType: string,\n    listener: Function,\n    context: Object | null | undefined\n  ): EmitterSubscription {\n    return this._subscriber.addSubscription(\n      eventType,\n      new EmitterSubscription(this, this._subscriber, listener, context)\n    ) as EmitterSubscription;\n  }\n\n  /**\n   * Removes all of the registered listeners, including those registered as\n   * listener maps.\n   *\n   * @param {?string} eventType - Optional name of the event whose registered\n   *   listeners to remove\n   */\n  removeAllListeners(eventType: string | undefined | null) {\n    this._subscriber.removeAllSubscriptions(eventType);\n  }\n\n  /**\n   * Removes a specific subscription. Called by the `remove()` method of the\n   * subscription itself to ensure any necessary cleanup is performed.\n   */\n  removeSubscription(subscription: EmitterSubscription) {\n    if (subscription.emitter !== this) {\n      console.warn('Subscription does not belong to this emitter.'); // TODO: use HMSLogger here\n      return;\n    }\n\n    this._subscriber.removeSubscription(subscription);\n  }\n\n  /**\n   * Returns the number of listeners that are currently registered for the given\n   * event.\n   *\n   * @param {string} eventType - Name of the event to query\n   * @returns {number}\n   */\n  listenerCount(eventType: string): number {\n    const subscriptions = this._subscriber.getSubscriptionsForType(eventType);\n    return subscriptions\n      ? // We filter out missing entries because the array is sparse.\n        // \"callbackfn is called only for elements of the array which actually\n        // exist; it is not called for missing elements of the array.\"\n        // https://www.ecma-international.org/ecma-262/9.0/index.html#sec-array.prototype.filter\n        subscriptions.filter(sparseFilterPredicate).length\n      : 0;\n  }\n\n  /**\n   * Emits an event of the given type with the given data. All handlers of that\n   * particular type will be notified.\n   *\n   * @param {string} eventType - Name of the event to emit\n   * @param {...*} Arbitrary arguments to be passed to each registered listener\n   *\n   * @example\n   *   emitter.addListener('someEvent', function(message) {\n   *     console.log(message);\n   *   });\n   *\n   *   emitter.emit('someEvent', 'abc'); // logs 'abc'\n   */\n  emit(eventType: string, ...args: any[]) {\n    const subscriptions = this._subscriber.getSubscriptionsForType(\n      eventType\n    ) as EmitterSubscription[] | null | undefined;\n    if (subscriptions) {\n      for (let i = 0, l = subscriptions.length; i < l; i++) {\n        const subscription = subscriptions[i];\n\n        // The subscription may have been removed during this event loop.\n        if (subscription && subscription.listener) {\n          subscription.listener.apply(subscription.context, args);\n        }\n      }\n    }\n  }\n\n  /**\n   * Removes the given listener for event of specific type.\n   *\n   * @param {string} eventType - Name of the event to emit\n   * @param {function} listener - Function to invoke when the specified event is\n   *   emitted\n   *\n   * @example\n   *   emitter.removeListener('someEvent', function(message) {\n   *     console.log(message);\n   *   }); // removes the listener if already registered\n   *\n   */\n  removeListener(eventType: string, listener: Function) {\n    const subscriptions = this._subscriber.getSubscriptionsForType(\n      eventType\n    ) as EmitterSubscription[] | null | undefined;\n    if (subscriptions) {\n      for (let i = 0, l = subscriptions.length; i < l; i++) {\n        const subscription = subscriptions[i];\n\n        // The subscription may have been removed during this event loop.\n        // its listener matches the listener in method parameters\n        if (subscription && subscription.listener === listener) {\n          subscription.remove();\n        }\n      }\n    }\n  }\n}\n"],"mappings":";;;AAAA,SAASA,mBAAmB,QAAQ,wBAAwB;AAC5D,SAASC,uBAAuB,QAAQ,4BAA4B;AAEpE,MAAMC,qBAAqB,GAAGA,CAAA,KAAM,IAAI;AAExC,SAASF,mBAAmB,QAAQ,wBAAwB;;AAE5D;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,OAAO,MAAMG,YAAY,CAAC;EAGxB;AACF;AACA;AACA;AACA;AACA;EACEC,WAAWA,CAACC,UAA2C,EAAE;IAAAC,eAAA;IACvD,IAAI,CAACC,WAAW,GAAGF,UAAU,IAAI,IAAIJ,uBAAuB,CAAC,CAAC;EAChE;;EAEA;AACF;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;EACEO,WAAWA,CACTC,SAAiB,EACjBC,QAAkB,EAClBC,OAAkC,EACb;IACrB,OAAO,IAAI,CAACJ,WAAW,CAACK,eAAe,CACrCH,SAAS,EACT,IAAIT,mBAAmB,CAAC,IAAI,EAAE,IAAI,CAACO,WAAW,EAAEG,QAAQ,EAAEC,OAAO,CACnE,CAAC;EACH;;EAEA;AACF;AACA;AACA;AACA;AACA;AACA;EACEE,kBAAkBA,CAACJ,SAAoC,EAAE;IACvD,IAAI,CAACF,WAAW,CAACO,sBAAsB,CAACL,SAAS,CAAC;EACpD;;EAEA;AACF;AACA;AACA;EACEM,kBAAkBA,CAACC,YAAiC,EAAE;IACpD,IAAIA,YAAY,CAACC,OAAO,KAAK,IAAI,EAAE;MACjCC,OAAO,CAACC,IAAI,CAAC,+CAA+C,CAAC,CAAC,CAAC;MAC/D;IACF;IAEA,IAAI,CAACZ,WAAW,CAACQ,kBAAkB,CAACC,YAAY,CAAC;EACnD;;EAEA;AACF;AACA;AACA;AACA;AACA;AACA;EACEI,aAAaA,CAACX,SAAiB,EAAU;IACvC,MAAMY,aAAa,GAAG,IAAI,CAACd,WAAW,CAACe,uBAAuB,CAACb,SAAS,CAAC;IACzE,OAAOY,aAAa;IAChB;IACA;IACA;IACA;IACAA,aAAa,CAACE,MAAM,CAACrB,qBAAqB,CAAC,CAACsB,MAAM,GAClD,CAAC;EACP;;EAEA;AACF;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;EACEC,IAAIA,CAAChB,SAAiB,EAAkB;IACtC,MAAMY,aAAa,GAAG,IAAI,CAACd,WAAW,CAACe,uBAAuB,CAC5Db,SACF,CAA6C;IAC7C,IAAIY,aAAa,EAAE;MAAA,SAAAK,IAAA,GAAAC,SAAA,CAAAH,MAAA,EAJMI,IAAI,OAAAC,KAAA,CAAAH,IAAA,OAAAA,IAAA,WAAAI,IAAA,MAAAA,IAAA,GAAAJ,IAAA,EAAAI,IAAA;QAAJF,IAAI,CAAAE,IAAA,QAAAH,SAAA,CAAAG,IAAA;MAAA;MAK3B,KAAK,IAAIC,CAAC,GAAG,CAAC,EAAEC,CAAC,GAAGX,aAAa,CAACG,MAAM,EAAEO,CAAC,GAAGC,CAAC,EAAED,CAAC,EAAE,EAAE;QACpD,MAAMf,YAAY,GAAGK,aAAa,CAACU,CAAC,CAAC;;QAErC;QACA,IAAIf,YAAY,IAAIA,YAAY,CAACN,QAAQ,EAAE;UACzCM,YAAY,CAACN,QAAQ,CAACuB,KAAK,CAACjB,YAAY,CAACL,OAAO,EAAEiB,IAAI,CAAC;QACzD;MACF;IACF;EACF;;EAEA;AACF;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;EACEM,cAAcA,CAACzB,SAAiB,EAAEC,QAAkB,EAAE;IACpD,MAAMW,aAAa,GAAG,IAAI,CAACd,WAAW,CAACe,uBAAuB,CAC5Db,SACF,CAA6C;IAC7C,IAAIY,aAAa,EAAE;MACjB,KAAK,IAAIU,CAAC,GAAG,CAAC,EAAEC,CAAC,GAAGX,aAAa,CAACG,MAAM,EAAEO,CAAC,GAAGC,CAAC,EAAED,CAAC,EAAE,EAAE;QACpD,MAAMf,YAAY,GAAGK,aAAa,CAACU,CAAC,CAAC;;QAErC;QACA;QACA,IAAIf,YAAY,IAAIA,YAAY,CAACN,QAAQ,KAAKA,QAAQ,EAAE;UACtDM,YAAY,CAACmB,MAAM,CAAC,CAAC;QACvB;MACF;IACF;EACF;AACF"}

package/lib/typescript/classes/HMSMessage.d.ts

@@ -3,12 +3,14 @@ import type { HMSMessageType } from './HMSMessageType';
 import type { HMSPeer } from './HMSPeer';
 export declare class HMSMessage {
     message: string;
+    messageId: string;
     type: HMSMessageType;
     time: Date;
     sender?: HMSPeer;
     recipient: HMSMessageRecipient;
     constructor(params: {
         message: string;
+        messageId: string;
         type: HMSMessageType;
         time: Date;
         sender?: HMSPeer;

package/lib/typescript/classes/HMSSDK.d.ts

@@ -152,7 +152,9 @@ export declare class HMSSDK {
      * @param {message: string} and @param {type: string}
      * @memberof HMSSDK
      */
-    sendBroadcastMessage: (message: string, type?: HMSMessageType) => Promise<any>;
+    sendBroadcastMessage: (message: string, type?: HMSMessageType) => Promise<{
+        messageId: string | undefined;
+    }>;
     /**
      * - sendGroupMessage sends a message to specific set of roles, whoever has any of those role in room
      * will get the message in onMessage listener.
@@ -161,7 +163,9 @@ export declare class HMSSDK {
      *
      * @memberof HMSSDK
      */
-    sendGroupMessage: (message: string, roles: HMSRole[], type?: HMSMessageType) => Promise<any>;
+    sendGroupMessage: (message: string, roles: HMSRole[], type?: HMSMessageType) => Promise<{
+        messageId: string | undefined;
+    }>;
     /**
      * - sendDirectMessage sends a private message to a single peer, only that peer will get the message
      * in onMessage Listener.
@@ -170,7 +174,9 @@ export declare class HMSSDK {
      *
      * @memberof HMSSDK
      */
-    sendDirectMessage: (message: string, peer: HMSPeer, type?: HMSMessageType) => Promise<any>;
+    sendDirectMessage: (message: string, peer: HMSPeer, type?: HMSMessageType) => Promise<{
+        messageId: string | undefined;
+    }>;
     /**
      * - changeMetadata changes a specific field in localPeer which is [metadata] it is a string that can
      * be used for various functionalities like raiseHand, beRightBack and many more that explains the

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@100mslive/react-native-hms",
-  "version": "1.6.0",
+  "version": "1.6.2",
   "description": "Integrate Real Time Audio and Video conferencing, Interactive Live Streaming, and Chat in your apps with 100ms React Native SDK. With support for HLS and RTMP Live Streaming and Recording, Picture-in-Picture (PiP), one-to-one Video Call Modes, Audio Rooms, Video Player and much more, add immersive real-time communications to your apps.",
   "main": "lib/commonjs/index",
   "module": "lib/module/index",
@@ -30,7 +30,8 @@
     "release": "release-it",
     "example": "yarn --cwd example",
     "pods": "cd example && pod-install --quiet",
-    "bootstrap": "yarn example && yarn && yarn pods"
+    "bootstrap": "yarn example && yarn && yarn pods",
+    "typedoc": "npx typedoc src/index.ts --excludePrivate --excludeProtected --excludeInternal"
   },
   "keywords": [
     "react-native",
@@ -112,10 +113,11 @@
     "husky": "^4.2.5",
     "jest": "^26.0.1",
     "prettier": "^2.0.5",
-    "react-native-builder-bob": "^0.18.0",
-    "typescript": "^4.6.3",
     "react": "17.0.1",
-    "react-native": "0.64.4"
+    "react-native": "0.64.4",
+    "react-native-builder-bob": "^0.18.0",
+    "typedoc": "^0.24.7",
+    "typescript": "^4.6.3"
   },
   "peerDependencies": {
     "react": "*",

package/sdk-versions.json

@@ -1,5 +1,5 @@
 {
-  "ios": "0.9.3",
+  "ios": "0.9.4",
   "iOSBroadcastExtension": "0.0.9",
-  "android": "2.6.2"
+  "android": "2.6.4"
 }

package/src/classes/HMSEncoder.ts

@@ -528,6 +528,7 @@ export class HMSEncoder {
     if (data) {
       return new HMSMessage({
         message: data?.message,
+        messageId: data?.messageId,
         type: data?.type,
         time: new Date(parseInt(data?.time)),
         sender: this.encodeHmsPeer(data?.sender),

package/src/classes/HMSMessage.ts

@@ -3,8 +3,8 @@ import type { HMSMessageType } from './HMSMessageType';
 import type { HMSPeer } from './HMSPeer';
 
 export class HMSMessage {
-  // endpoint: string;
   public message: string;
+  public messageId: string;
   public type: HMSMessageType;
   public time: Date;
   public sender?: HMSPeer;
@@ -12,12 +12,14 @@ export class HMSMessage {
 
   constructor(params: {
     message: string;
+    messageId: string;
     type: HMSMessageType;
     time: Date;
     sender?: HMSPeer;
     recipient: HMSMessageRecipient;
   }) {
     this.message = params.message;
+    this.messageId = params.messageId;
     this.type = params.type;
     this.time = params.time;
     this.sender = params.sender;

package/src/classes/HMSSDK.tsx

@@ -314,11 +314,14 @@ export class HMSSDK {
       type: type || null,
       id: this.id,
     });
-    return await HMSManager.sendBroadcastMessage({
-      message,
-      type: type || null,
-      id: this.id,
-    });
+    const data: { messageId: string | undefined } =
+      await HMSManager.sendBroadcastMessage({
+        message,
+        type: type || null,
+        id: this.id,
+      });
+
+    return data;
   };
 
   /**
@@ -340,12 +343,15 @@ export class HMSSDK {
       id: this.id,
       type: type || null,
     });
-    return await HMSManager.sendGroupMessage({
-      message,
-      roles: HMSHelper.getRoleNames(roles),
-      id: this.id,
-      type: type || null,
-    });
+    const data: { messageId: string | undefined } =
+      await HMSManager.sendGroupMessage({
+        message,
+        roles: HMSHelper.getRoleNames(roles),
+        id: this.id,
+        type: type || null,
+      });
+
+    return data;
   };
 
   /**
@@ -367,12 +373,15 @@ export class HMSSDK {
       id: this.id,
       type: type || null,
     });
-    return await HMSManager.sendDirectMessage({
-      message,
-      peerId: peer.peerID,
-      id: this.id,
-      type: type || null,
-    });
+    const data: { messageId: string | undefined } =
+      await HMSManager.sendDirectMessage({
+        message,
+        peerId: peer.peerID,
+        id: this.id,
+        type: type || null,
+      });
+
+    return data;
   };
 
   /**

package/src/classes/HmsView.tsx

@@ -1,10 +1,11 @@
-import React, { useState, useEffect, useImperativeHandle, useRef } from 'react';
+import React, { useState, useImperativeHandle, useRef } from 'react';
 import {
   findNodeHandle,
   requireNativeComponent,
   StyleSheet,
   UIManager,
   ViewStyle,
+  Platform,
 } from 'react-native';
 import { HMSConstants } from './HMSConstants';
 import { HMSVideoViewMode } from './HMSVideoViewMode';
@@ -14,6 +15,7 @@ interface HmsViewProps {
     trackId: string;
     id: string;
     mirror: boolean;
+    scaleType: HMSVideoViewMode;
   };
   autoSimulcast: boolean;
   setZOrderMediaOverlay: boolean;
@@ -41,7 +43,7 @@ export const HmsViewComponent = React.forwardRef<any, HmsComponentProps>(
   (props, ref) => {
     const {
       trackId,
-      style = temporaryStyles.customStyle,
+      style = styles.hmsView,
       id = HMSConstants.DEFAULT_SDK_ID,
       mirror = false,
       setZOrderMediaOverlay = false,
@@ -50,34 +52,24 @@ export const HmsViewComponent = React.forwardRef<any, HmsComponentProps>(
     } = props;
 
     const hmsViewRef: any = useRef();
-    const timerRef = useRef<null | NodeJS.Timeout>(null);
-    const [tempVal, setTempVal] = useState(0);
+    const [applyStyles_ANDROID, setApplyStyles_ANDROID] = useState(false);
     const data = {
       trackId,
       id,
       mirror,
+      scaleType,
     };
 
-    useEffect(() => {
-      return () => {
-        if (timerRef.current) {
-          clearTimeout(timerRef.current);
-        }
-      };
-    }, []);
-
-    const onChange = (values: any) => {
-      console.log(values, 'values');
-      if (timerRef.current) {
-        clearTimeout(timerRef.current);
-      }
-
-      timerRef.current = setTimeout(() => {
-        setTempVal(1);
-        timerRef.current = null;
-      }, 2000);
-    };
+    /**
+     * This method is passed to `onChange` prop of `HmsView` Native Component.
+     * It is invoked when `HmsView` emits 'topChange' event.
+     */
+    const onChange = () => setApplyStyles_ANDROID(true);
 
+    /**
+     * This method is passed to `onDataReturned` prop of `HmsView` Native Component.
+     * It is invoked when `HmsView` emits 'captureFrame' event.
+     */
     const _onDataReturned = (event: {
       nativeEvent: { requestId: any; result: any; error: any };
     }) => {
@@ -120,16 +112,14 @@ export const HmsViewComponent = React.forwardRef<any, HmsComponentProps>(
       };
     });
 
-    useEffect(() => {
-      setTempVal(0);
-    }, [tempVal]);
-
     return (
       <HmsView
         ref={hmsViewRef}
         onChange={onChange}
         data={data}
-        style={tempVal === 0 ? style : temporaryStyles.customStyle}
+        style={
+          Platform.OS === 'android' ? (applyStyles_ANDROID ? style : {}) : style
+        }
         autoSimulcast={autoSimulcast}
         scaleType={scaleType}
         setZOrderMediaOverlay={setZOrderMediaOverlay}
@@ -139,9 +129,8 @@ export const HmsViewComponent = React.forwardRef<any, HmsComponentProps>(
   }
 );
 
-const temporaryStyles = StyleSheet.create({
-  customStyle: {
-    width: '100%',
-    height: '50%',
+const styles = StyleSheet.create({
+  hmsView: {
+    flex: 1,
   },
 });