enx-rtc-react-native/src/EnxRoom.js

It is a react native component for Enablex users.

import React, { Component, Children, cloneElement } from "react";
import { View } from "react-native";
import PropTypes from "prop-types";
import { setNativeEvents, removeNativeEvents, Enx } from "./Enx";
import {
  sanitizeRoomEvents,
  sanitizeLocalInfoData,
  sanitizeRoomData,
  sanitizeAdvanceOptions
} from "./helpers/EnxRoomHelper";
import { pick } from "underscore";

export default class EnxRoom extends Component {
  constructor(props) {
    super(props);
  }
  componentDidMount() {
    try {
    const token = pick(this.props, ['token']);
      const roomEvents = sanitizeRoomEvents(this.props.eventHandlers);
      setNativeEvents(roomEvents);
      const info = sanitizeLocalInfoData(this.props.localInfo);
      //console.log("sanitizeLocalInfoData",info);
      const roomData = sanitizeRoomData(this.props.roomInfo);
       // console.log("sanitizeRoomData",roomData);
      const advanceOptions=sanitizeAdvanceOptions(this.props.advanceOptionsInfo)
     // console.log("sanitizeAdvanceOptions1",advanceOptions);
     // console.log("token",token);
      if (token == undefined) {
          console.log('Error: Provide a valid token.');
      } else {
       // console.log('   valid token.');
        Enx.joinRoom(token.token, info, roomData,advanceOptions);
      }
    } catch (error) {
      console.log("EnxRoom.js =============componentWillMount=============", error);
    }
  }

 

  componentWillUnmount() {
    const events = sanitizeRoomEvents(this.props.eventHandlers);
    removeNativeEvents(events);
  }

  render() {
    const { style } = this.props;

    if (this.props.children) {
      const childrenWithProps = Children.map(this.props.children, child =>
        child
          ? cloneElement(child, {
              token: this.props.token
            })
          : child
      );
      return <View style={style}>{childrenWithProps}</View>;
    }
    return <View />;
  }
}

EnxRoom.propTypes = {
  token: PropTypes.string.isRequired,
  children: PropTypes.oneOfType([
    PropTypes.element,
    PropTypes.arrayOf(PropTypes.element)
  ]),
  eventHandlers: PropTypes.object,
  localInfo: PropTypes.object,
  roomInfo: PropTypes.object,
  advanceOptionsInfo:PropTypes.object
};

EnxRoom.defaultProps = {
  eventHandlers: {},
  style: {
    flex: 1
  }
};