@risecx/carespace-chat-ui/lib/components/Messages/VideoList/VideoList.js

carespace-chat-ui React component

"use strict";

exports.__esModule = true;
exports["default"] = void 0;

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

var _reactPlayer = _interopRequireDefault(require("react-player"));

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

function _getRequireWildcardCache() { if (typeof WeakMap !== "function") return null; var cache = new WeakMap(); _getRequireWildcardCache = function _getRequireWildcardCache() { return cache; }; return cache; }

function _interopRequireWildcard(obj) { if (obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { "default": obj }; } var cache = _getRequireWildcardCache(); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (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 _inheritsLoose(subClass, superClass) { subClass.prototype = Object.create(superClass.prototype); subClass.prototype.constructor = subClass; subClass.__proto__ = superClass; }

var VideoList = /*#__PURE__*/function (_Component) {
  _inheritsLoose(VideoList, _Component);

  function VideoList() {
    return _Component.apply(this, arguments) || this;
  }

  var _proto = VideoList.prototype;

  _proto.render = function render() {
    var url = props.data.url;
    return /*#__PURE__*/_react["default"].createElement("div", {
      className: "card sc-message--video-lis"
    }, /*#__PURE__*/_react["default"].createElement("div", {
      className: "container"
    }, /*#__PURE__*/_react["default"].createElement(_reactPlayer["default"], {
      url: url,
      playing: true,
      controls: true,
      width: "100%",
      height: "100%"
    })), /*#__PURE__*/_react["default"].createElement("div", {
      className: "list-container"
    }, /*#__PURE__*/_react["default"].createElement("ul", null, elements.map(function (video, index) {
      return /*#__PURE__*/_react["default"].createElement("li", {
        key: index
      }, /*#__PURE__*/_react["default"].createElement("img", {
        src: video.image_url
      }), /*#__PURE__*/_react["default"].createElement("div", {
        className: "list-content"
      }, /*#__PURE__*/_react["default"].createElement("h5", null, video.title), /*#__PURE__*/_react["default"].createElement("p", null, video.subtitle), /*#__PURE__*/_react["default"].createElement(Button, {
        title: "Play",
        onClick: ""
      })));
    })), button && /*#__PURE__*/_react["default"].createElement("div", {
      className: "buttons"
    }, /*#__PURE__*/_react["default"].createElement(Button, button))));
  };

  return VideoList;
}(_react.Component);

var _default = VideoList;
exports["default"] = _default;
module.exports = exports.default;