ringcentral-widgets/components/CallCtrlPanel/index.js

RingCentral Integration Widget Library

"use strict";

function _typeof(obj) { "@babel/helpers - typeof"; if (typeof Symbol === "function" && typeof Symbol.iterator === "symbol") { _typeof = function _typeof(obj) { return typeof obj; }; } else { _typeof = function _typeof(obj) { return obj && typeof Symbol === "function" && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }; } return _typeof(obj); }

require("core-js/modules/es7.symbol.async-iterator");

require("core-js/modules/es6.symbol");

require("core-js/modules/web.dom.iterable");

require("core-js/modules/es6.array.iterator");

require("core-js/modules/es6.object.to-string");

require("core-js/modules/es6.string.iterator");

require("core-js/modules/es6.weak-map");

require("core-js/modules/es6.object.define-property");

require("core-js/modules/es6.object.create");

require("core-js/modules/es6.reflect.construct");

Object.defineProperty(exports, "__esModule", {
  value: true
});
exports["default"] = void 0;

require("core-js/modules/es6.object.set-prototype-of");

var _react = _interopRequireWildcard(require("react"));

var _propTypes = _interopRequireDefault(require("prop-types"));

var _callCtrlLayouts = _interopRequireDefault(require("../../enums/callCtrlLayouts"));

var _ActiveCallDialPad = _interopRequireDefault(require("../ActiveCallDialPad"));

var _ActiveCallPanel = _interopRequireDefault(require("../ActiveCallPanel"));

var _ConfirmMergeModal = _interopRequireDefault(require("../ConfirmMergeModal"));

var _SpinnerOverlay = require("../SpinnerOverlay");

function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }

function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }

function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { "default": obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj["default"] = obj; if (cache) { cache.set(obj, newObj); } return newObj; }

function _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError("Cannot call a class as a function"); } }

function _defineProperties(target, props) { for (var i = 0; i < props.length; i++) { var descriptor = props[i]; descriptor.enumerable = descriptor.enumerable || false; descriptor.configurable = true; if ("value" in descriptor) descriptor.writable = true; Object.defineProperty(target, descriptor.key, descriptor); } }

function _createClass(Constructor, protoProps, staticProps) { if (protoProps) _defineProperties(Constructor.prototype, protoProps); if (staticProps) _defineProperties(Constructor, staticProps); return Constructor; }

function _inherits(subClass, superClass) { if (typeof superClass !== "function" && superClass !== null) { throw new TypeError("Super expression must either be null or a function"); } subClass.prototype = Object.create(superClass && superClass.prototype, { constructor: { value: subClass, writable: true, configurable: true } }); if (superClass) _setPrototypeOf(subClass, superClass); }

function _setPrototypeOf(o, p) { _setPrototypeOf = Object.setPrototypeOf || function _setPrototypeOf(o, p) { o.__proto__ = p; return o; }; return _setPrototypeOf(o, p); }

function _createSuper(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct(); return function _createSuperInternal() { var Super = _getPrototypeOf(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = _getPrototypeOf(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return _possibleConstructorReturn(this, result); }; }

function _possibleConstructorReturn(self, call) { if (call && (_typeof(call) === "object" || typeof call === "function")) { return call; } return _assertThisInitialized(self); }

function _assertThisInitialized(self) { if (self === void 0) { throw new ReferenceError("this hasn't been initialised - super() hasn't been called"); } return self; }

function _isNativeReflectConstruct() { if (typeof Reflect === "undefined" || !Reflect.construct) return false; if (Reflect.construct.sham) return false; if (typeof Proxy === "function") return true; try { Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); return true; } catch (e) { return false; } }

function _getPrototypeOf(o) { _getPrototypeOf = Object.setPrototypeOf ? Object.getPrototypeOf : function _getPrototypeOf(o) { return o.__proto__ || Object.getPrototypeOf(o); }; return _getPrototypeOf(o); }

var CallCtrlPanel = /*#__PURE__*/function (_Component) {
  _inherits(CallCtrlPanel, _Component);

  var _super = _createSuper(CallCtrlPanel);

  function CallCtrlPanel(props) {
    var _this;

    _classCallCheck(this, CallCtrlPanel);

    _this = _super.call(this, props);
    _this.state = {
      isShowKeyPad: false,
      isShowMergeConfirm: false
    };

    _this.hiddenKeyPad = function () {
      _this.setState({
        isShowKeyPad: false
      });
    };

    _this.showKeyPad = function () {
      _this.setState({
        isShowKeyPad: true
      });
    };

    _this.onFlip = function () {
      _this.props.onFlip(_this.props.sessionId);
    };

    _this.onTransfer = function () {
      _this.props.onTransfer(_this.props.sessionId);
    };

    _this.onMerge = function () {
      var onBeforeMerge = _this.props.onBeforeMerge;

      if (!onBeforeMerge || onBeforeMerge()) {
        if (_this.props.hasConferenceCall && _this.props.layout === _callCtrlLayouts["default"].normalCtrl) {
          _this.showMergeConfirm();
        } else if (_this.props.onMerge) {
          _this.props.onMerge();
        }
      } // track user click merge


      _this.props.afterOnMerge();
    };

    _this.showMergeConfirm = function () {
      _this.setState({
        isShowMergeConfirm: true
      });
    };

    _this.hideMergeConfirm = function () {
      _this.setState({
        isShowMergeConfirm: false
      });
    };

    _this.hideMergeConfirmAlt = function () {
      _this.hideMergeConfirm(); // user action track


      _this.props.afterHideMergeConfirm();
    };

    _this.confirmMerge = function () {
      _this.setState({
        isShowMergeConfirm: false
      });

      if (_this.props.onMerge) {
        _this.props.onMerge();
      } // user action track


      _this.props.afterConfirmMerge();
    };

    return _this;
  }

  _createClass(CallCtrlPanel, [{
    key: "componentWillReceiveProps",
    value: function componentWillReceiveProps(nextProps) {
      if (!nextProps.hasConferenceCall && this.state.isShowMergeConfirm) {
        this.hideMergeConfirm();
      }

      if (this.props.sessionId !== nextProps.sessionId) {
        this.hiddenKeyPad();
        this.hideMergeConfirm();
      }
    }
  }, {
    key: "render",
    value: function render() {
      var _this$props = this.props,
          onKeyPadChange = _this$props.onKeyPadChange,
          actions = _this$props.actions,
          addDisabled = _this$props.addDisabled,
          areaCode = _this$props.areaCode,
          avatarUrl = _this$props.avatarUrl,
          backButtonLabel = _this$props.backButtonLabel,
          brand = _this$props.brand,
          callStatus = _this$props.callStatus,
          children = _this$props.children,
          conferenceCallEquipped = _this$props.conferenceCallEquipped,
          conferenceCallParties = _this$props.conferenceCallParties,
          controlBusy = _this$props.controlBusy,
          countryCode = _this$props.countryCode,
          currentLocale = _this$props.currentLocale,
          direction = _this$props.direction,
          fallBackName = _this$props.fallBackName,
          formatPhone = _this$props.formatPhone,
          getAvatarUrl = _this$props.getAvatarUrl,
          gotoParticipantsCtrl = _this$props.gotoParticipantsCtrl,
          hasConferenceCall = _this$props.hasConferenceCall,
          isOnHold = _this$props.isOnHold,
          isOnMute = _this$props.isOnMute,
          lastCallInfo = _this$props.lastCallInfo,
          layout = _this$props.layout,
          mergeDisabled = _this$props.mergeDisabled,
          nameMatches = _this$props.nameMatches,
          onAdd = _this$props.onAdd,
          onBackButtonClick = _this$props.onBackButtonClick,
          onHangup = _this$props.onHangup,
          onHold = _this$props.onHold,
          onMute = _this$props.onMute,
          onPark = _this$props.onPark,
          onRecord = _this$props.onRecord,
          onSelectMatcherName = _this$props.onSelectMatcherName,
          onStopRecord = _this$props.onStopRecord,
          onUnhold = _this$props.onUnhold,
          onUnmute = _this$props.onUnmute,
          phoneNumber = _this$props.phoneNumber,
          phoneSourceNameRenderer = _this$props.phoneSourceNameRenderer,
          phoneTypeRenderer = _this$props.phoneTypeRenderer,
          recordStatus = _this$props.recordStatus,
          selectedMatcherIndex = _this$props.selectedMatcherIndex,
          sessionId = _this$props.sessionId,
          showBackButton = _this$props.showBackButton,
          showContactDisplayPlaceholder = _this$props.showContactDisplayPlaceholder,
          showSpinner = _this$props.showSpinner,
          sourceIcons = _this$props.sourceIcons,
          startTime = _this$props.startTime,
          disableFlip = _this$props.disableFlip,
          callQueueName = _this$props.callQueueName,
          showPark = _this$props.showPark,
          isOnWaitingTransfer = _this$props.isOnWaitingTransfer,
          onCompleteTransfer = _this$props.onCompleteTransfer,
          isOnTransfer = _this$props.isOnTransfer;
      var _this$state = this.state,
          isShowKeyPad = _this$state.isShowKeyPad,
          isShowMergeConfirm = _this$state.isShowMergeConfirm;

      if (isShowKeyPad) {
        return /*#__PURE__*/_react["default"].createElement(_ActiveCallDialPad["default"], {
          onChange: onKeyPadChange,
          hiddenDialPad: this.hiddenKeyPad,
          onHangup: onHangup,
          currentLocale: currentLocale
        });
      }

      return /*#__PURE__*/_react["default"].createElement(_ActiveCallPanel["default"], {
        showBackButton: showBackButton,
        backButtonLabel: backButtonLabel,
        onBackButtonClick: onBackButtonClick,
        currentLocale: currentLocale,
        formatPhone: formatPhone,
        phoneNumber: phoneNumber,
        sessionId: sessionId,
        callStatus: callStatus,
        startTime: startTime,
        isOnMute: isOnMute,
        isOnHold: isOnHold,
        isOnTransfer: isOnTransfer,
        isOnWaitingTransfer: isOnWaitingTransfer,
        recordStatus: recordStatus,
        onMute: onMute,
        onUnmute: onUnmute,
        onHold: onHold,
        onUnhold: onUnhold,
        onRecord: onRecord,
        onStopRecord: onStopRecord,
        onShowKeyPad: this.showKeyPad,
        onHangup: onHangup,
        onPark: onPark,
        onAdd: onAdd,
        onMerge: this.onMerge,
        onCompleteTransfer: onCompleteTransfer,
        nameMatches: nameMatches,
        fallBackName: fallBackName,
        areaCode: areaCode,
        countryCode: countryCode,
        selectedMatcherIndex: selectedMatcherIndex,
        onSelectMatcherName: onSelectMatcherName,
        avatarUrl: avatarUrl,
        brand: brand,
        showContactDisplayPlaceholder: showContactDisplayPlaceholder,
        onFlip: this.onFlip,
        disableFlip: disableFlip,
        showPark: showPark,
        onTransfer: this.onTransfer,
        gotoParticipantsCtrl: gotoParticipantsCtrl,
        sourceIcons: sourceIcons,
        phoneTypeRenderer: phoneTypeRenderer,
        phoneSourceNameRenderer: phoneSourceNameRenderer,
        layout: layout,
        direction: direction,
        addDisabled: addDisabled,
        mergeDisabled: mergeDisabled,
        conferenceCallEquipped: conferenceCallEquipped,
        hasConferenceCall: hasConferenceCall,
        conferenceCallParties: conferenceCallParties,
        lastCallInfo: lastCallInfo,
        getAvatarUrl: getAvatarUrl,
        actions: actions,
        controlBusy: controlBusy,
        callQueueName: callQueueName
      }, children, showSpinner ? /*#__PURE__*/_react["default"].createElement(_SpinnerOverlay.SpinnerOverlay, null) : null, layout === _callCtrlLayouts["default"].normalCtrl ? /*#__PURE__*/_react["default"].createElement(_ConfirmMergeModal["default"], {
        currentLocale: currentLocale,
        show: isShowMergeConfirm,
        onMerge: this.confirmMerge,
        onCancel: this.hideMergeConfirmAlt,
        partyProfiles: conferenceCallParties
      }) : null);
    }
  }]);

  return CallCtrlPanel;
}(_react.Component);

CallCtrlPanel.propTypes = {
  callStatus: _propTypes["default"].string,
  sessionId: _propTypes["default"].string,
  phoneNumber: _propTypes["default"].string,
  nameMatches: _propTypes["default"].array.isRequired,
  fallBackName: _propTypes["default"].string.isRequired,
  currentLocale: _propTypes["default"].string.isRequired,
  startTime: _propTypes["default"].number,
  isOnMute: _propTypes["default"].bool,
  isOnHold: _propTypes["default"].bool,
  recordStatus: _propTypes["default"].string,
  onMute: _propTypes["default"].func.isRequired,
  onUnmute: _propTypes["default"].func.isRequired,
  onHold: _propTypes["default"].func.isRequired,
  onUnhold: _propTypes["default"].func.isRequired,
  onRecord: _propTypes["default"].func,
  onStopRecord: _propTypes["default"].func,
  onAdd: _propTypes["default"].func,
  onMerge: _propTypes["default"].func,
  onBeforeMerge: _propTypes["default"].func,
  onPark: _propTypes["default"].func,
  onHangup: _propTypes["default"].func.isRequired,
  onFlip: _propTypes["default"].func,
  onTransfer: _propTypes["default"].func.isRequired,
  disableFlip: _propTypes["default"].bool,
  showBackButton: _propTypes["default"].bool,
  backButtonLabel: _propTypes["default"].string,
  onBackButtonClick: _propTypes["default"].func,
  onKeyPadChange: _propTypes["default"].func,
  formatPhone: _propTypes["default"].func.isRequired,
  children: _propTypes["default"].node,
  areaCode: _propTypes["default"].string.isRequired,
  countryCode: _propTypes["default"].string.isRequired,
  selectedMatcherIndex: _propTypes["default"].number.isRequired,
  onSelectMatcherName: _propTypes["default"].func,
  avatarUrl: _propTypes["default"].string,
  brand: _propTypes["default"].string,
  showContactDisplayPlaceholder: _propTypes["default"].bool,
  sourceIcons: _propTypes["default"].object,
  phoneTypeRenderer: _propTypes["default"].func,
  phoneSourceNameRenderer: _propTypes["default"].func,
  layout: _propTypes["default"].string.isRequired,
  showSpinner: _propTypes["default"].bool,
  direction: _propTypes["default"].string,
  addDisabled: _propTypes["default"].bool,
  mergeDisabled: _propTypes["default"].bool,
  conferenceCallEquipped: _propTypes["default"].bool,
  hasConferenceCall: _propTypes["default"].bool,
  lastCallInfo: _propTypes["default"].object,
  conferenceCallParties: _propTypes["default"].array,
  getAvatarUrl: _propTypes["default"].func,
  gotoParticipantsCtrl: _propTypes["default"].func,
  afterHideMergeConfirm: _propTypes["default"].func,
  afterConfirmMerge: _propTypes["default"].func,
  afterOnMerge: _propTypes["default"].func,
  actions: _propTypes["default"].array,
  controlBusy: _propTypes["default"].bool,
  callQueueName: _propTypes["default"].string,
  showPark: _propTypes["default"].bool,
  onCompleteTransfer: _propTypes["default"].func,
  isOnWaitingTransfer: _propTypes["default"].bool,
  isOnTransfer: _propTypes["default"].bool
};
CallCtrlPanel.defaultProps = {
  startTime: null,
  isOnMute: false,
  isOnHold: false,
  phoneNumber: null,
  children: undefined,
  avatarUrl: null,
  showBackButton: false,
  backButtonLabel: 'Active Calls',
  onBackButtonClick: null,
  sessionId: undefined,
  callStatus: null,
  brand: 'RingCentral',
  showContactDisplayPlaceholder: true,
  sourceIcons: undefined,
  phoneTypeRenderer: undefined,
  phoneSourceNameRenderer: undefined,
  onAdd: undefined,
  onMerge: undefined,
  onBeforeMerge: undefined,
  showSpinner: false,
  direction: null,
  addDisabled: false,
  mergeDisabled: false,
  conferenceCallEquipped: false,
  hasConferenceCall: false,
  conferenceCallParties: undefined,
  lastCallInfo: undefined,
  getAvatarUrl: function getAvatarUrl() {
    return null;
  },
  gotoParticipantsCtrl: function gotoParticipantsCtrl(i) {
    return i;
  },
  afterHideMergeConfirm: function afterHideMergeConfirm() {
    return null;
  },
  afterConfirmMerge: function afterConfirmMerge() {
    return null;
  },
  afterOnMerge: function afterOnMerge() {
    return null;
  },
  onFlip: function onFlip() {
    return null;
  },
  onRecord: function onRecord() {
    return null;
  },
  onStopRecord: function onStopRecord() {
    return null;
  },
  onPark: function onPark() {
    return null;
  },
  onKeyPadChange: function onKeyPadChange() {
    return null;
  },
  onSelectMatcherName: function onSelectMatcherName() {
    return null;
  },
  onCompleteTransfer: function onCompleteTransfer() {
    return null;
  },
  actions: [],
  recordStatus: '',
  controlBusy: false,
  disableFlip: false,
  callQueueName: null,
  showPark: false,
  isOnWaitingTransfer: false,
  isOnTransfer: false
};
var _default = CallCtrlPanel;
exports["default"] = _default;
//# sourceMappingURL=index.js.map