@desynova-digital/player 4.0.84 → 4.0.86

package/components/progress-bar/RenderCommentMarkers.js

@@ -0,0 +1,186 @@
+"use strict";
+
+function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (o) { return typeof o; } : function (o) { return o && "function" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? "symbol" : typeof o; }, _typeof(o); }
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports["default"] = void 0;
+var _react = _interopRequireWildcard(require("react"));
+var _styledComponents = _interopRequireDefault(require("styled-components"));
+var _templateObject, _templateObject2, _templateObject3, _templateObject4, _templateObject5, _templateObject6, _templateObject7, _templateObject8, _templateObject9, _templateObject10;
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { "default": e }; }
+function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(e) { return e ? t : r; })(e); }
+function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != _typeof(e) && "function" != typeof e) return { "default": e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n["default"] = e, t && t.set(e, n), n; }
+function _slicedToArray(r, e) { return _arrayWithHoles(r) || _iterableToArrayLimit(r, e) || _unsupportedIterableToArray(r, e) || _nonIterableRest(); }
+function _nonIterableRest() { throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
+function _unsupportedIterableToArray(r, a) { if (r) { if ("string" == typeof r) return _arrayLikeToArray(r, a); var t = {}.toString.call(r).slice(8, -1); return "Object" === t && r.constructor && (t = r.constructor.name), "Map" === t || "Set" === t ? Array.from(r) : "Arguments" === t || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(t) ? _arrayLikeToArray(r, a) : void 0; } }
+function _arrayLikeToArray(r, a) { (null == a || a > r.length) && (a = r.length); for (var e = 0, n = Array(a); e < a; e++) n[e] = r[e]; return n; }
+function _iterableToArrayLimit(r, l) { var t = null == r ? null : "undefined" != typeof Symbol && r[Symbol.iterator] || r["@@iterator"]; if (null != t) { var e, n, i, u, a = [], f = !0, o = !1; try { if (i = (t = t.call(r)).next, 0 === l) { if (Object(t) !== t) return; f = !1; } else for (; !(f = (e = i.call(t)).done) && (a.push(e.value), a.length !== l); f = !0); } catch (r) { o = !0, n = r; } finally { try { if (!f && null != t["return"] && (u = t["return"](), Object(u) !== u)) return; } finally { if (o) throw n; } } return a; } }
+function _arrayWithHoles(r) { if (Array.isArray(r)) return r; }
+function _taggedTemplateLiteral(e, t) { return t || (t = e.slice(0)), Object.freeze(Object.defineProperties(e, { raw: { value: Object.freeze(t) } })); }
+/* ----------------------------------------------------------
+   TIMELINE MAIN WRAPPER
+---------------------------------------------------------- */
+var MarkerTimeline = _styledComponents["default"].div(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n  position: relative;\n  width: 100%;\n  height: 15px;\n"])));
+
+/* ----------------------------------------------------------
+   MARKER DOT (start dot)
+---------------------------------------------------------- */
+var MarkerDot = _styledComponents["default"].div(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral(["\n  position: absolute;\n  bottom: -8px;\n  transform: translateX(-50%);\n  width: 24px;\n  height: 24px;\n  border-radius: 50%;\n  background: #47d2c7;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  color: #0a0f18;\n  font-weight: 700;\n  font-size: 11px;\n  cursor: pointer;\n  z-index: 9000;\n\n  &:hover {\n    background: #3bbfb6;\n  }\n"])));
+
+/* ----------------------------------------------------------
+   END MARKER DOT (VISIBLE ONLY ON HOVER)
+---------------------------------------------------------- */
+var EndMarkerDot = _styledComponents["default"].div(_templateObject3 || (_templateObject3 = _taggedTemplateLiteral(["\n  position: absolute;\n  bottom: -8px;\n  transform: translateX(-50%);\n  width: 24px;\n  height: 24px;\n  border-radius: 50%;\n  background: #2ee8dd;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  z-index: 9000;\n  opacity: 0;\n  transition: opacity 0.15s ease-out;\n  cursor: pointer;\n\n  &::after {\n    content: '';\n    width: 10px;\n    height: 10px;\n    background: white;\n    border-radius: 50%;\n  }\n"])));
+
+/* ----------------------------------------------------------
+   HORIZONTAL SEGMENT LINE
+---------------------------------------------------------- */
+var MarkerLine = _styledComponents["default"].div(_templateObject4 || (_templateObject4 = _taggedTemplateLiteral(["\n  position: absolute;\n  bottom: 4px;\n  height: 3px;\n  background: #47d2c7;\n  border-radius: 2px;\n  z-index: 8000;\n\n  opacity: 0;\n  transition: opacity 0.15s ease-out;\n"])));
+
+/* ----------------------------------------------------------
+   HOVER BOX
+---------------------------------------------------------- */
+var HoverBox = _styledComponents["default"].div(_templateObject5 || (_templateObject5 = _taggedTemplateLiteral(["\n  position: absolute;\n  bottom: 30px;\n  left: var(--left);\n  transform: translateX(-50%);\n  width: auto;\n  min-width: 150px;\n  max-width: 220px;\n  max-height: 400px;\n  background: #303f51;\n  backdrop-filter: blur(12px);\n  border-radius: 10px;\n  padding: 0px 9px 8px 9px;\n  color: white;\n  z-index: 999999;\n  box-shadow: 0 6px 22px rgba(0, 0, 0, 0.32);\n  font-family: 'Inter', 'SF Pro Display', 'Segoe UI', sans-serif;\n  overflow-y: auto;\n  animation: fadeInBox 0.18s ease-out;\n"])));
+var HoverHeader = _styledComponents["default"].div(_templateObject6 || (_templateObject6 = _taggedTemplateLiteral(["\n  width: calc(100% + 18px);\n  position: relative;\n  left: -9px;\n  background: #3e6673;\n  color: #46d7ff;\n  font-size: 12px;\n  font-weight: 700;\n  text-transform: uppercase;\n  letter-spacing: 0.3px;\n  padding: 10px 12px;\n  border-top-left-radius: 10px;\n  border-top-right-radius: 10px;\n  margin-bottom: 8px;\n"])));
+var HoverComment = _styledComponents["default"].div(_templateObject7 || (_templateObject7 = _taggedTemplateLiteral(["\n  padding: 10px 0;\n  position: relative;\n\n  &:not(:last-child)::after {\n    content: '';\n    position: absolute;\n    bottom: 0;\n    left: -9px;\n    width: calc(100% + 18px);\n    height: 1px;\n    background: rgba(255, 255, 255, 0.12);\n  }\n"])));
+var HoverName = _styledComponents["default"].div(_templateObject8 || (_templateObject8 = _taggedTemplateLiteral(["\n  font-size: 13px;\n  font-weight: 700;\n  color: #afb2ba;\n  margin-bottom: 8px;\n"])));
+var HoverTime = _styledComponents["default"].div(_templateObject9 || (_templateObject9 = _taggedTemplateLiteral(["\n  font-size: 11px;\n  color: #afb2ba;\n  margin-bottom: 5px;\n"])));
+var HoverText = _styledComponents["default"].div(_templateObject10 || (_templateObject10 = _taggedTemplateLiteral(["\n  font-size: 13px;\n  color: #fff;\n  line-height: 1.35;\n  display: -webkit-box;\n  -webkit-line-clamp: 4;\n  -webkit-box-orient: vertical;\n  overflow: hidden;\n"])));
+
+/* ----------------------------------------------------------
+   SAFE LEFT POSITION
+---------------------------------------------------------- */
+var getSafeLeft = function getSafeLeft(percent) {
+  if (percent < 5) return 5;
+  if (percent > 95) return 95;
+  return percent;
+};
+
+/* ----------------------------------------------------------
+   TIME → PERCENT
+---------------------------------------------------------- */
+var getMarkerPercent = function getMarkerPercent(time, duration, zoom) {
+  if (!duration || duration <= 0) return 0;
+  var percent = time / duration;
+  percent = percent >= 1 ? 1 : percent;
+  if (zoom > 0) return percent * 100 * zoom * 20;
+  return percent * 100;
+};
+
+/* ----------------------------------------------------------
+   MAIN COMPONENT
+---------------------------------------------------------- */
+var RenderCommentMarkers = function RenderCommentMarkers(props) {
+  var _props$data = props.data,
+    data = _props$data === void 0 ? [] : _props$data,
+    _props$duration = props.duration,
+    duration = _props$duration === void 0 ? 100.0 : _props$duration,
+    _props$zoom = props.zoom,
+    zoom = _props$zoom === void 0 ? 0 : _props$zoom,
+    playerType = props.playerType,
+    onSegmentClick = props.onSegmentClick,
+    onRightMenuVisible = props.onRightMenuVisible,
+    actions = props.actions,
+    player = props.player;
+  if (!['snp_edit', 'pgm_edit'].includes(playerType)) return null;
+  var _useState = (0, _react.useState)(null),
+    _useState2 = _slicedToArray(_useState, 2),
+    hovered = _useState2[0],
+    setHovered = _useState2[1];
+  var _useState3 = (0, _react.useState)(false),
+    _useState4 = _slicedToArray(_useState3, 2),
+    hoverBoxHold = _useState4[0],
+    setHoverBoxHold = _useState4[1];
+  var _useState5 = (0, _react.useState)(null),
+    _useState6 = _slicedToArray(_useState5, 2),
+    selectedComment = _useState6[0],
+    setSelectedComment = _useState6[1];
+  var hideTimer = (0, _react.useRef)(null);
+  var startHideTimer = function startHideTimer() {
+    if (hideTimer.current) clearTimeout(hideTimer.current);
+    hideTimer.current = setTimeout(function () {
+      setHoverBoxHold(false);
+      setHovered(null);
+      setSelectedComment(null);
+    }, 2000);
+  };
+  var handleLeaveMarker = function handleLeaveMarker() {
+    if (!hoverBoxHold) startHideTimer();
+  };
+  if (!Array.isArray(data) || data.length === 0) return null;
+  var grouped = data.reduce(function (acc, item) {
+    var key = item.value.in_time;
+    if (!acc[key]) acc[key] = [];
+    acc[key].push(item);
+    return acc;
+  }, {});
+  return /*#__PURE__*/_react["default"].createElement(MarkerTimeline, null, Object.entries(grouped).map(function (_ref) {
+    var _comments$;
+    var _ref2 = _slicedToArray(_ref, 2),
+      time = _ref2[0],
+      comments = _ref2[1];
+    var start = comments[0].value.in_time;
+    var end = comments[0].value.out_time;
+    var startPercent = getMarkerPercent(start, duration, zoom);
+    var endPercent = end ? getMarkerPercent(end, duration, zoom) : null;
+    var initials = ((_comments$ = comments[0]) === null || _comments$ === void 0 || (_comments$ = _comments$.value) === null || _comments$ === void 0 || (_comments$ = _comments$.created_by) === null || _comments$ === void 0 || (_comments$ = _comments$.name) === null || _comments$ === void 0 || (_comments$ = _comments$.split(' ')) === null || _comments$ === void 0 || (_comments$ = _comments$.map(function (n) {
+      return n[0];
+    })) === null || _comments$ === void 0 || (_comments$ = _comments$.join('')) === null || _comments$ === void 0 || (_comments$ = _comments$.slice(0, 2)) === null || _comments$ === void 0 ? void 0 : _comments$.toUpperCase()) || 'CM';
+    var displayLabel = comments.length > 1 ? comments.length : initials;
+    return /*#__PURE__*/_react["default"].createElement(_react["default"].Fragment, {
+      key: time
+    }, endPercent !== null && /*#__PURE__*/_react["default"].createElement(MarkerLine, {
+      style: {
+        left: "".concat(startPercent, "%"),
+        width: "calc(".concat(endPercent - startPercent, "% )"),
+        opacity: hovered === time ? 1 : 0
+      }
+    }), /*#__PURE__*/_react["default"].createElement(MarkerDot, {
+      style: {
+        left: "".concat(startPercent, "%")
+      },
+      onMouseEnter: function onMouseEnter() {
+        return setHovered(time);
+      },
+      onMouseLeave: handleLeaveMarker,
+      onClick: function onClick(e) {
+        e.stopPropagation();
+        setHoverBoxHold(true);
+        setHovered(time);
+        setSelectedComment(comments);
+      }
+    }, displayLabel), endPercent !== null && /*#__PURE__*/_react["default"].createElement(EndMarkerDot, {
+      style: {
+        left: "".concat(endPercent, "%"),
+        opacity: hovered === time ? 1 : 0
+      }
+    }), hovered === time && /*#__PURE__*/_react["default"].createElement(HoverBox, {
+      tabIndex: 0,
+      style: {
+        '--left': "".concat(getSafeLeft(startPercent), "%")
+      },
+      onMouseEnter: function onMouseEnter() {
+        if (hideTimer.current) clearTimeout(hideTimer.current);
+        setHoverBoxHold(true);
+      },
+      onMouseLeave: function onMouseLeave() {
+        setHoverBoxHold(false);
+        startHideTimer();
+      }
+    }, comments.length > 1 && /*#__PURE__*/_react["default"].createElement(HoverHeader, null, comments.length, " COMMENTS"), comments.map(function (c) {
+      var _c$value$created_by;
+      return /*#__PURE__*/_react["default"].createElement(HoverComment, {
+        key: c.id,
+        onClick: function onClick(e) {
+          e.stopPropagation();
+          setSelectedComment(c);
+          onSegmentClick(c.value.in_time, c.value.out_time, false);
+          onRightMenuVisible(true);
+          actions.toggleRightBar(player, true);
+        }
+      }, /*#__PURE__*/_react["default"].createElement(HoverName, null, (_c$value$created_by = c.value.created_by) === null || _c$value$created_by === void 0 || (_c$value$created_by = _c$value$created_by.name) === null || _c$value$created_by === void 0 ? void 0 : _c$value$created_by.toUpperCase()), /*#__PURE__*/_react["default"].createElement(HoverTime, null, c.value.in_timecode, c.value.out_timecode ? " - ".concat(c.value.out_timecode) : ''), /*#__PURE__*/_react["default"].createElement(HoverText, null, c.value.remark || c.value.sub_title || c.value.title || '—'));
+    })));
+  }));
+};
+var _default = exports["default"] = RenderCommentMarkers;

package/components/progress-bar/SeekBar.js

@@ -15,28 +15,28 @@ var _Timeline = _interopRequireDefault(require("./Timeline"));
 var _MarkerBar = _interopRequireDefault(require("../MarkerBar"));
 var _TagsBar = _interopRequireDefault(require("../TagsBar"));
 var _templateObject, _templateObject2, _templateObject3, _templateObject4; // import AudioWaveform from './AudioWaveform';
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { "default": e }; }
 function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(e) { return e ? t : r; })(e); }
-function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != _typeof(e) && "function" != typeof e) return { "default": e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && Object.prototype.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n["default"] = e, t && t.set(e, n), n; }
-function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
-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, _toPropertyKey(descriptor.key), descriptor); } }
-function _createClass(Constructor, protoProps, staticProps) { if (protoProps) _defineProperties(Constructor.prototype, protoProps); if (staticProps) _defineProperties(Constructor, staticProps); Object.defineProperty(Constructor, "prototype", { writable: false }); return Constructor; }
+function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != _typeof(e) && "function" != typeof e) return { "default": e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n["default"] = e, t && t.set(e, n), n; }
+function _extends() { return _extends = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends.apply(null, arguments); }
+function _classCallCheck(a, n) { if (!(a instanceof n)) throw new TypeError("Cannot call a class as a function"); }
+function _defineProperties(e, r) { for (var t = 0; t < r.length; t++) { var o = r[t]; o.enumerable = o.enumerable || !1, o.configurable = !0, "value" in o && (o.writable = !0), Object.defineProperty(e, _toPropertyKey(o.key), o); } }
+function _createClass(e, r, t) { return r && _defineProperties(e.prototype, r), t && _defineProperties(e, t), Object.defineProperty(e, "prototype", { writable: !1 }), e; }
 function _callSuper(t, o, e) { return o = _getPrototypeOf(o), _possibleConstructorReturn(t, _isNativeReflectConstruct() ? Reflect.construct(o, e || [], _getPrototypeOf(t).constructor) : o.apply(t, e)); }
-function _possibleConstructorReturn(self, call) { if (call && (_typeof(call) === "object" || typeof call === "function")) { return call; } else if (call !== void 0) { throw new TypeError("Derived constructors may only return object or undefined"); } return _assertThisInitialized(self); }
+function _possibleConstructorReturn(t, e) { if (e && ("object" == _typeof(e) || "function" == typeof e)) return e; if (void 0 !== e) throw new TypeError("Derived constructors may only return object or undefined"); return _assertThisInitialized(t); }
+function _assertThisInitialized(e) { if (void 0 === e) throw new ReferenceError("this hasn't been initialised - super() hasn't been called"); return e; }
 function _isNativeReflectConstruct() { try { var t = !Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); } catch (t) {} return (_isNativeReflectConstruct = function _isNativeReflectConstruct() { return !!t; })(); }
-function _getPrototypeOf(o) { _getPrototypeOf = Object.setPrototypeOf ? Object.getPrototypeOf.bind() : function _getPrototypeOf(o) { return o.__proto__ || Object.getPrototypeOf(o); }; return _getPrototypeOf(o); }
-function _assertThisInitialized(self) { if (self === void 0) { throw new ReferenceError("this hasn't been initialised - super() hasn't been called"); } return self; }
-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 } }); Object.defineProperty(subClass, "prototype", { writable: false }); if (superClass) _setPrototypeOf(subClass, superClass); }
-function _setPrototypeOf(o, p) { _setPrototypeOf = Object.setPrototypeOf ? Object.setPrototypeOf.bind() : function _setPrototypeOf(o, p) { o.__proto__ = p; return o; }; return _setPrototypeOf(o, p); }
-function _defineProperty(obj, key, value) { key = _toPropertyKey(key); if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
-function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == _typeof(i) ? i : String(i); }
+function _getPrototypeOf(t) { return _getPrototypeOf = Object.setPrototypeOf ? Object.getPrototypeOf.bind() : function (t) { return t.__proto__ || Object.getPrototypeOf(t); }, _getPrototypeOf(t); }
+function _inherits(t, e) { if ("function" != typeof e && null !== e) throw new TypeError("Super expression must either be null or a function"); t.prototype = Object.create(e && e.prototype, { constructor: { value: t, writable: !0, configurable: !0 } }), Object.defineProperty(t, "prototype", { writable: !1 }), e && _setPrototypeOf(t, e); }
+function _setPrototypeOf(t, e) { return _setPrototypeOf = Object.setPrototypeOf ? Object.setPrototypeOf.bind() : function (t, e) { return t.__proto__ = e, t; }, _setPrototypeOf(t, e); }
+function _defineProperty(e, r, t) { return (r = _toPropertyKey(r)) in e ? Object.defineProperty(e, r, { value: t, enumerable: !0, configurable: !0, writable: !0 }) : e[r] = t, e; }
+function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == _typeof(i) ? i : i + ""; }
 function _toPrimitive(t, r) { if ("object" != _typeof(t) || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != _typeof(i)) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); }
-function _taggedTemplateLiteral(strings, raw) { if (!raw) { raw = strings.slice(0); } return Object.freeze(Object.defineProperties(strings, { raw: { value: Object.freeze(raw) } })); }
+function _taggedTemplateLiteral(e, t) { return t || (t = e.slice(0)), Object.freeze(Object.defineProperties(e, { raw: { value: Object.freeze(t) } })); }
 // import MouseTimeDisplay from './MouseTimeDisplay';
 
 var AdvancedControlBlock = _styledComponents["default"].div(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n  width: 100%;\n  height: 46px;\n  position: relative;\n  cursor: pointer;\n  z-index: 1;\n"])));
-var SliderBlock = _styledComponents["default"].div(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral(["\n  width: 100%;\n  height: 4px;\n  position: relative;\n  cursor: pointer;\n  z-index: 2;\n   &:hover {\n    height: 6px;\n    background-color: rgba(255, 255, 255, 0.4); \n    transition: all 0.2s ease;\n  }\n  top: ", ";\n"])), function (props) {
+var SliderBlock = _styledComponents["default"].div(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral(["\n  width: 100%;\n  height: 4px;\n  position: relative;\n  cursor: pointer;\n  z-index: 2;\n   &:hover {\n    background-color: rgba(255, 255, 255, 0.4); \n    transition: all 0.2s ease;\n  }\n  top: ", ";\n"])), function (props) {
   return props.isFullscreen && props.playerType != 'default' ? '4px' : '0px';
 });
 var HoverPreviewBox = _styledComponents["default"].div(_templateObject3 || (_templateObject3 = _taggedTemplateLiteral(["\n  position: fixed;               \n  top: 0;\n  left: 0;\n  width: 220px;\n  height: 126px;\n  overflow: hidden;\n  display: none;\n  pointer-events: none;\n  z-index: 999999999;            \n  border: 2px solid #333333;\n  border-radius: 4px;\n"])));
@@ -52,12 +52,11 @@ var propTypes = {
   theme: _propTypes.PropTypes.string
 };
 var SeekBar = exports["default"] = /*#__PURE__*/function (_Component) {
-  _inherits(SeekBar, _Component);
   function SeekBar(props, context) {
     var _this;
     _classCallCheck(this, SeekBar);
     _this = _callSuper(this, SeekBar, [props, context]);
-    _defineProperty(_assertThisInitialized(_this), "handleHoverScrub", function (event) {
+    _defineProperty(_this, "handleHoverScrub", function (event) {
       var hoverBox = _this.hoverBoxRef.current;
       var hoverImg = _this.hoverImageRef.current;
       if (!hoverBox || !hoverImg) return;
@@ -104,23 +103,23 @@ var SeekBar = exports["default"] = /*#__PURE__*/function (_Component) {
       var hoverHeight = hoverBox.offsetHeight;
       hoverBox.style.top = "".concat(containerTop - hoverHeight - 10, "px");
     });
-    _defineProperty(_assertThisInitialized(_this), "showHoverPreview", function () {
+    _defineProperty(_this, "showHoverPreview", function () {
       if (_this.hoverBoxRef.current) {
         _this.hoverBoxRef.current.style.display = "block";
       }
     });
-    _defineProperty(_assertThisInitialized(_this), "hideHoverPreview", function () {
+    _defineProperty(_this, "hideHoverPreview", function () {
       if (_this.hoverBoxRef.current) {
         _this.hoverBoxRef.current.style.display = "none";
       }
     });
-    _this.getPercent = _this.getPercent.bind(_assertThisInitialized(_this));
-    _this.getNewTime = _this.getNewTime.bind(_assertThisInitialized(_this));
-    _this.stepForward = _this.stepForward.bind(_assertThisInitialized(_this));
-    _this.stepBack = _this.stepBack.bind(_assertThisInitialized(_this));
-    _this.handleMouseDown = _this.handleMouseDown.bind(_assertThisInitialized(_this));
-    _this.handleMouseMove = _this.handleMouseMove.bind(_assertThisInitialized(_this));
-    _this.handleMouseUp = _this.handleMouseUp.bind(_assertThisInitialized(_this));
+    _this.getPercent = _this.getPercent.bind(_this);
+    _this.getNewTime = _this.getNewTime.bind(_this);
+    _this.stepForward = _this.stepForward.bind(_this);
+    _this.stepBack = _this.stepBack.bind(_this);
+    _this.handleMouseDown = _this.handleMouseDown.bind(_this);
+    _this.handleMouseMove = _this.handleMouseMove.bind(_this);
+    _this.handleMouseUp = _this.handleMouseUp.bind(_this);
     _this.state = {
       sliderActive: false
     };
@@ -128,7 +127,8 @@ var SeekBar = exports["default"] = /*#__PURE__*/function (_Component) {
     _this.hoverImageRef = /*#__PURE__*/_react["default"].createRef();
     return _this;
   }
-  _createClass(SeekBar, [{
+  _inherits(SeekBar, _Component);
+  return _createClass(SeekBar, [{
     key: "componentDidMount",
     value: function componentDidMount() {}
   }, {
@@ -140,11 +140,11 @@ var SeekBar = exports["default"] = /*#__PURE__*/function (_Component) {
       }
     }
 
-    /**
-     * Get percentage of video played
-     *
-     * @return {Number} Percentage played
-     * @method getPercent
+    /**
+     * Get percentage of video played
+     *
+     * @return {Number} Percentage played
+     * @method getPercent
      */
   }, {
     key: "getPercent",
@@ -333,7 +333,6 @@ var SeekBar = exports["default"] = /*#__PURE__*/function (_Component) {
       })))) : null));
     }
   }]);
-  return SeekBar;
 }(_react.Component);
 SeekBar.displayName = 'SeekBar';
 SeekBar.propTypes = propTypes;

package/components/progress-bar/Timeline.js

@@ -11,22 +11,22 @@ var _propTypes = require("prop-types");
 var _components = require("@desynova-digital/components");
 var _utils = require("../../utils");
 var _templateObject;
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { "default": e }; }
 function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(e) { return e ? t : r; })(e); }
-function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != _typeof(e) && "function" != typeof e) return { "default": e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && Object.prototype.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n["default"] = e, t && t.set(e, n), n; }
-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, _toPropertyKey(descriptor.key), descriptor); } }
-function _createClass(Constructor, protoProps, staticProps) { if (protoProps) _defineProperties(Constructor.prototype, protoProps); if (staticProps) _defineProperties(Constructor, staticProps); Object.defineProperty(Constructor, "prototype", { writable: false }); return Constructor; }
-function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == _typeof(i) ? i : String(i); }
+function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != _typeof(e) && "function" != typeof e) return { "default": e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n["default"] = e, t && t.set(e, n), n; }
+function _classCallCheck(a, n) { if (!(a instanceof n)) throw new TypeError("Cannot call a class as a function"); }
+function _defineProperties(e, r) { for (var t = 0; t < r.length; t++) { var o = r[t]; o.enumerable = o.enumerable || !1, o.configurable = !0, "value" in o && (o.writable = !0), Object.defineProperty(e, _toPropertyKey(o.key), o); } }
+function _createClass(e, r, t) { return r && _defineProperties(e.prototype, r), t && _defineProperties(e, t), Object.defineProperty(e, "prototype", { writable: !1 }), e; }
+function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == _typeof(i) ? i : i + ""; }
 function _toPrimitive(t, r) { if ("object" != _typeof(t) || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != _typeof(i)) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); }
 function _callSuper(t, o, e) { return o = _getPrototypeOf(o), _possibleConstructorReturn(t, _isNativeReflectConstruct() ? Reflect.construct(o, e || [], _getPrototypeOf(t).constructor) : o.apply(t, e)); }
-function _possibleConstructorReturn(self, call) { if (call && (_typeof(call) === "object" || typeof call === "function")) { return call; } else if (call !== void 0) { throw new TypeError("Derived constructors may only return object or undefined"); } 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 _possibleConstructorReturn(t, e) { if (e && ("object" == _typeof(e) || "function" == typeof e)) return e; if (void 0 !== e) throw new TypeError("Derived constructors may only return object or undefined"); return _assertThisInitialized(t); }
+function _assertThisInitialized(e) { if (void 0 === e) throw new ReferenceError("this hasn't been initialised - super() hasn't been called"); return e; }
 function _isNativeReflectConstruct() { try { var t = !Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); } catch (t) {} return (_isNativeReflectConstruct = function _isNativeReflectConstruct() { return !!t; })(); }
-function _getPrototypeOf(o) { _getPrototypeOf = Object.setPrototypeOf ? Object.getPrototypeOf.bind() : function _getPrototypeOf(o) { return o.__proto__ || Object.getPrototypeOf(o); }; return _getPrototypeOf(o); }
-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 } }); Object.defineProperty(subClass, "prototype", { writable: false }); if (superClass) _setPrototypeOf(subClass, superClass); }
-function _setPrototypeOf(o, p) { _setPrototypeOf = Object.setPrototypeOf ? Object.setPrototypeOf.bind() : function _setPrototypeOf(o, p) { o.__proto__ = p; return o; }; return _setPrototypeOf(o, p); }
-function _taggedTemplateLiteral(strings, raw) { if (!raw) { raw = strings.slice(0); } return Object.freeze(Object.defineProperties(strings, { raw: { value: Object.freeze(raw) } })); }
+function _getPrototypeOf(t) { return _getPrototypeOf = Object.setPrototypeOf ? Object.getPrototypeOf.bind() : function (t) { return t.__proto__ || Object.getPrototypeOf(t); }, _getPrototypeOf(t); }
+function _inherits(t, e) { if ("function" != typeof e && null !== e) throw new TypeError("Super expression must either be null or a function"); t.prototype = Object.create(e && e.prototype, { constructor: { value: t, writable: !0, configurable: !0 } }), Object.defineProperty(t, "prototype", { writable: !1 }), e && _setPrototypeOf(t, e); }
+function _setPrototypeOf(t, e) { return _setPrototypeOf = Object.setPrototypeOf ? Object.setPrototypeOf.bind() : function (t, e) { return t.__proto__ = e, t; }, _setPrototypeOf(t, e); }
+function _taggedTemplateLiteral(e, t) { return t || (t = e.slice(0)), Object.freeze(Object.defineProperties(e, { raw: { value: Object.freeze(t) } })); }
 var propTypes = {
   player: _propTypes.PropTypes.instanceOf(Object),
   initialTime: _propTypes.PropTypes.number,
@@ -40,7 +40,6 @@ var TimelineBlock = _styledComponents["default"].div(_templateObject || (_templa
   return maxWidth || '100%';
 }, _components.Icon.Element);
 var Timeline = exports["default"] = /*#__PURE__*/function (_Component) {
-  _inherits(Timeline, _Component);
   function Timeline(props) {
     var _this;
     _classCallCheck(this, Timeline);
@@ -51,7 +50,8 @@ var Timeline = exports["default"] = /*#__PURE__*/function (_Component) {
     };
     return _this;
   }
-  _createClass(Timeline, [{
+  _inherits(Timeline, _Component);
+  return _createClass(Timeline, [{
     key: "componentDidMount",
     value: function componentDidMount() {
       var zoom = this.props.zoom;
@@ -146,7 +146,6 @@ var Timeline = exports["default"] = /*#__PURE__*/function (_Component) {
       }));
     }
   }]);
-  return Timeline;
 }(_react.Component);
 Timeline.propTypes = propTypes;
 Timeline.displayName = 'Timeline';

package/components/settings-menu-control/CameraControl.js

@@ -12,10 +12,10 @@ var _components = require("@desynova-digital/components");
 var _tokens = require("@desynova-digital/tokens");
 var _utils = require("../../utils");
 var _templateObject;
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { "default": e }; }
 function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(e) { return e ? t : r; })(e); }
-function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != _typeof(e) && "function" != typeof e) return { "default": e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && Object.prototype.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n["default"] = e, t && t.set(e, n), n; }
-function _taggedTemplateLiteral(strings, raw) { if (!raw) { raw = strings.slice(0); } return Object.freeze(Object.defineProperties(strings, { raw: { value: Object.freeze(raw) } })); }
+function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != _typeof(e) && "function" != typeof e) return { "default": e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n["default"] = e, t && t.set(e, n), n; }
+function _taggedTemplateLiteral(e, t) { return t || (t = e.slice(0)), Object.freeze(Object.defineProperties(e, { raw: { value: Object.freeze(t) } })); }
 var propTypes = {
   actions: _propTypes["default"].object.isRequired,
   player: _propTypes["default"].object.isRequired,

package/components/settings-menu-control/ChildMenuComponent.js

@@ -13,22 +13,22 @@ var _tokens = require("@desynova-digital/tokens");
 var _SafeAreaControl = _interopRequireDefault(require("./SafeAreaControl"));
 var _PlaybackRateControl = _interopRequireDefault(require("./PlaybackRateControl"));
 var _templateObject, _templateObject2;
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { "default": e }; }
 function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(e) { return e ? t : r; })(e); }
-function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != _typeof(e) && "function" != typeof e) return { "default": e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && Object.prototype.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n["default"] = e, t && t.set(e, n), n; }
-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, _toPropertyKey(descriptor.key), descriptor); } }
-function _createClass(Constructor, protoProps, staticProps) { if (protoProps) _defineProperties(Constructor.prototype, protoProps); if (staticProps) _defineProperties(Constructor, staticProps); Object.defineProperty(Constructor, "prototype", { writable: false }); return Constructor; }
-function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == _typeof(i) ? i : String(i); }
+function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != _typeof(e) && "function" != typeof e) return { "default": e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n["default"] = e, t && t.set(e, n), n; }
+function _classCallCheck(a, n) { if (!(a instanceof n)) throw new TypeError("Cannot call a class as a function"); }
+function _defineProperties(e, r) { for (var t = 0; t < r.length; t++) { var o = r[t]; o.enumerable = o.enumerable || !1, o.configurable = !0, "value" in o && (o.writable = !0), Object.defineProperty(e, _toPropertyKey(o.key), o); } }
+function _createClass(e, r, t) { return r && _defineProperties(e.prototype, r), t && _defineProperties(e, t), Object.defineProperty(e, "prototype", { writable: !1 }), e; }
+function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == _typeof(i) ? i : i + ""; }
 function _toPrimitive(t, r) { if ("object" != _typeof(t) || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != _typeof(i)) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); }
 function _callSuper(t, o, e) { return o = _getPrototypeOf(o), _possibleConstructorReturn(t, _isNativeReflectConstruct() ? Reflect.construct(o, e || [], _getPrototypeOf(t).constructor) : o.apply(t, e)); }
-function _possibleConstructorReturn(self, call) { if (call && (_typeof(call) === "object" || typeof call === "function")) { return call; } else if (call !== void 0) { throw new TypeError("Derived constructors may only return object or undefined"); } return _assertThisInitialized(self); }
+function _possibleConstructorReturn(t, e) { if (e && ("object" == _typeof(e) || "function" == typeof e)) return e; if (void 0 !== e) throw new TypeError("Derived constructors may only return object or undefined"); return _assertThisInitialized(t); }
+function _assertThisInitialized(e) { if (void 0 === e) throw new ReferenceError("this hasn't been initialised - super() hasn't been called"); return e; }
 function _isNativeReflectConstruct() { try { var t = !Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); } catch (t) {} return (_isNativeReflectConstruct = function _isNativeReflectConstruct() { return !!t; })(); }
-function _getPrototypeOf(o) { _getPrototypeOf = Object.setPrototypeOf ? Object.getPrototypeOf.bind() : function _getPrototypeOf(o) { return o.__proto__ || Object.getPrototypeOf(o); }; return _getPrototypeOf(o); }
-function _assertThisInitialized(self) { if (self === void 0) { throw new ReferenceError("this hasn't been initialised - super() hasn't been called"); } return self; }
-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 } }); Object.defineProperty(subClass, "prototype", { writable: false }); if (superClass) _setPrototypeOf(subClass, superClass); }
-function _setPrototypeOf(o, p) { _setPrototypeOf = Object.setPrototypeOf ? Object.setPrototypeOf.bind() : function _setPrototypeOf(o, p) { o.__proto__ = p; return o; }; return _setPrototypeOf(o, p); }
-function _taggedTemplateLiteral(strings, raw) { if (!raw) { raw = strings.slice(0); } return Object.freeze(Object.defineProperties(strings, { raw: { value: Object.freeze(raw) } })); }
+function _getPrototypeOf(t) { return _getPrototypeOf = Object.setPrototypeOf ? Object.getPrototypeOf.bind() : function (t) { return t.__proto__ || Object.getPrototypeOf(t); }, _getPrototypeOf(t); }
+function _inherits(t, e) { if ("function" != typeof e && null !== e) throw new TypeError("Super expression must either be null or a function"); t.prototype = Object.create(e && e.prototype, { constructor: { value: t, writable: !0, configurable: !0 } }), Object.defineProperty(t, "prototype", { writable: !1 }), e && _setPrototypeOf(t, e); }
+function _setPrototypeOf(t, e) { return _setPrototypeOf = Object.setPrototypeOf ? Object.setPrototypeOf.bind() : function (t, e) { return t.__proto__ = e, t; }, _setPrototypeOf(t, e); }
+function _taggedTemplateLiteral(e, t) { return t || (t = e.slice(0)), Object.freeze(Object.defineProperties(e, { raw: { value: Object.freeze(t) } })); }
 var propTypes = {
   actions: _propTypes.PropTypes.instanceOf(Object),
   player: _propTypes.PropTypes.instanceOf(Object),
@@ -57,21 +57,21 @@ var MainMenuBlock = (0, _styledComponents["default"])('div')(_templateObject2 ||
   return props.theme ? " ".concat(_tokens.colors[props.theme].videoPlayer.rgbaThemeColor) : 'rgba(0, 206, 198, 0.1)';
 });
 var ChildMenuButton = /*#__PURE__*/function (_Component) {
-  _inherits(ChildMenuButton, _Component);
   function ChildMenuButton(props, context) {
     var _this;
     _classCallCheck(this, ChildMenuButton);
     _this = _callSuper(this, ChildMenuButton, [props, context]);
-    _this.changeCaption = _this.changeCaption.bind(_assertThisInitialized(_this));
-    _this.handleChange = _this.handleChange.bind(_assertThisInitialized(_this));
-    _this.stopCaption = _this.stopCaption.bind(_assertThisInitialized(_this));
-    _this.renderContentByHeader = _this.renderContentByHeader.bind(_assertThisInitialized(_this));
+    _this.changeCaption = _this.changeCaption.bind(_this);
+    _this.handleChange = _this.handleChange.bind(_this);
+    _this.stopCaption = _this.stopCaption.bind(_this);
+    _this.renderContentByHeader = _this.renderContentByHeader.bind(_this);
     return _this;
   }
-  /**
-   * This function is used to change the state used to stop subtitles and also change the value of subtitle to be off
+  /**
+   * This function is used to change the state used to stop subtitles and also change the value of subtitle to be off
    */
-  _createClass(ChildMenuButton, [{
+  _inherits(ChildMenuButton, _Component);
+  return _createClass(ChildMenuButton, [{
     key: "stopCaption",
     value: function stopCaption() {
       var _this$props = this.props,
@@ -83,9 +83,9 @@ var ChildMenuButton = /*#__PURE__*/function (_Component) {
       }
       handleStatus();
     }
-    /**
-     *
-     * @param {string} value this is the value that we will be stored in our state and also call function used to change subtitle shown in our player
+    /**
+     *
+     * @param {string} value this is the value that we will be stored in our state and also call function used to change subtitle shown in our player
      */
   }, {
     key: "changeCaption",
@@ -104,8 +104,8 @@ var ChildMenuButton = /*#__PURE__*/function (_Component) {
       handleStatus();
     }
 
-    /**
-     * This function is used to change the states that are responsible for showing settings menu or subtitle menu.
+    /**
+     * This function is used to change the states that are responsible for showing settings menu or subtitle menu.
      */
   }, {
     key: "handleChange",
@@ -114,9 +114,9 @@ var ChildMenuButton = /*#__PURE__*/function (_Component) {
       handleStatus();
     }
 
-    /**
-     *
-     * @returns This function returns the mapping of children according to the value of mainHeader props
+    /**
+     *
+     * @returns This function returns the mapping of children according to the value of mainHeader props
      */
   }, {
     key: "renderContentByHeader",
@@ -272,7 +272,6 @@ var ChildMenuButton = /*#__PURE__*/function (_Component) {
       })), this.renderContentByHeader());
     }
   }]);
-  return ChildMenuButton;
 }(_react.Component);
 ChildMenuButton.propTypes = propTypes;
 ChildMenuButton.displayName = 'ChildMenuButton';