@desynova-digital/player 3.9.6 → 3.9.8

package/components/PosterImage.js

@@ -1,42 +1,33 @@
-'use strict';
+"use strict";
 
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-
-var _propTypes = require('prop-types');
-
-var _react = require('react');
-
-var _react2 = _interopRequireDefault(_react);
-
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-
+exports["default"] = void 0;
+var _propTypes = require("prop-types");
+var _react = _interopRequireDefault(require("react"));
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
 var propTypes = {
   poster: _propTypes.PropTypes.string,
   player: _propTypes.PropTypes.instanceOf(Object),
   actions: _propTypes.PropTypes.instanceOf(Object)
 };
-
 var defaultProps = {
   poster: '',
   player: {},
   actions: {}
 };
-
 function PosterImage(_ref) {
   var poster = _ref.poster,
-      player = _ref.player,
-      actions = _ref.actions;
-
+    player = _ref.player,
+    actions = _ref.actions;
   if (!poster || player.hasStarted) {
     return null;
   }
-
-  return _react2.default.createElement('div', {
-    role: 'presentation',
+  return /*#__PURE__*/_react["default"].createElement("div", {
+    role: "presentation",
     style: {
-      backgroundImage: 'url("' + poster + '")',
+      backgroundImage: "url(\"".concat(poster, "\")"),
       backgroundSize: 'auto 100%',
       width: '100%',
       height: '100%',
@@ -53,9 +44,8 @@ function PosterImage(_ref) {
     }
   });
 }
-
 PosterImage.propTypes = propTypes;
 PosterImage.defaultProps = defaultProps;
 PosterImage.displayName = 'PosterImage';
-
-exports.default = PosterImage;
+var _default = PosterImage;
+exports["default"] = _default;

package/components/SDOutline.js

@@ -1,68 +1,46 @@
-'use strict';
+"use strict";
 
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.default = SDOutline;
-
-var _react = require('react');
-
-var _react2 = _interopRequireDefault(_react);
-
-var _styledComponents = require('styled-components');
-
-var _styledComponents2 = _interopRequireDefault(_styledComponents);
-
-var _propTypes = require('prop-types');
-
-var _colors = require('../colors');
-
-var _colors2 = _interopRequireDefault(_colors);
-
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-
+exports["default"] = SDOutline;
+var _react = _interopRequireDefault(require("react"));
+var _styledComponents = _interopRequireDefault(require("styled-components"));
+var _propTypes = require("prop-types");
+var _colors = _interopRequireDefault(require("../colors"));
+var _templateObject, _templateObject2;
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
+function _taggedTemplateLiteral(strings, raw) { if (!raw) { raw = strings.slice(0); } return Object.freeze(Object.defineProperties(strings, { raw: { value: Object.freeze(raw) } })); }
 var propTypes = {
   player: _propTypes.PropTypes.instanceOf(Object),
   actions: _propTypes.PropTypes.instanceOf(Object)
 };
-
-var SDPlayerBorder = _styledComponents2.default.div.withConfig({
-  displayName: 'SDOutline__SDPlayerBorder',
-  componentId: 'sc-85r8e3-0'
-})(['opacity:0.3;border:solid 1px ', ';top:50%;left:50%;-webkit-transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%);-o-transform:translate(-50%,-50%);-moz-transform:translate(-50%,-50%);transform:translate(-50%,-50%);position:absolute;padding-left:75%;height:100%;'], _colors2.default.common.base.white);
-
-var SDBorderText = (0, _styledComponents2.default)('p').withConfig({
-  displayName: 'SDOutline__SDBorderText',
-  componentId: 'sc-85r8e3-1'
-})(['color:#fff;padding-top:25%;position:absolute;font-family:SFUIText-Regular;text-shadow:0 0 4px rgba(0,0,0,0.5);font-size:12px;top:20%;transform:translate(-50%,-50%) rotate(-90deg);']);
-
+var SDPlayerBorder = _styledComponents["default"].div(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n  opacity: 0.3;\n  border: solid 1px ", ";\n  top: 50%;\n  left: 50%;\n  -webkit-transform: translate(-50%, -50%);\n  -ms-transform: translate(-50%, -50%);\n  -o-transform: translate(-50%, -50%);\n  -moz-transform: translate(-50%, -50%);\n  transform: translate(-50%, -50%);\n  position: absolute;\n  padding-left: 75%;\n  height: 100%;\n"])), _colors["default"].common.base.white);
+var SDBorderText = (0, _styledComponents["default"])('p')(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral(["\n  color: #fff;\n  padding-top: 25%;\n  position: absolute;\n  font-family: SFUIText-Regular;\n  text-shadow: 0 0 4px rgba(0, 0, 0, 0.5);\n  font-size: 12px;\n  top: 20%;\n  transform: translate(-50%, -50%) rotate(-90deg);\n"])));
 function SDOutline(_ref) {
   var player = _ref.player,
-      actions = _ref.actions;
-
-  return _react2.default.createElement(
-    _react2.default.Fragment,
-    null,
-    _react2.default.createElement(SDPlayerBorder, {
-      style: !player.SDBorderActive ? { display: 'none' } : { display: 'block' },
-      onClick: function onClick() {
-        if (player.paused) {
-          actions.play();
-        } else {
-          actions.pause();
-        }
-        actions.handleVideoRewind(false);
+    actions = _ref.actions;
+  return /*#__PURE__*/_react["default"].createElement(_react["default"].Fragment, null, /*#__PURE__*/_react["default"].createElement(SDPlayerBorder, {
+    style: !player.SDBorderActive ? {
+      display: 'none'
+    } : {
+      display: 'block'
+    },
+    onClick: function onClick() {
+      if (player.paused) {
+        actions.play();
+      } else {
+        actions.pause();
       }
-    }),
-    _react2.default.createElement(
-      SDBorderText,
-      {
-        style: !player.SDBorderActive ? { display: 'none' } : { display: 'block' }
-      },
-      '4:3 Safe Area'
-    )
-  );
+      actions.handleVideoRewind(false);
+    }
+  }), /*#__PURE__*/_react["default"].createElement(SDBorderText, {
+    style: !player.SDBorderActive ? {
+      display: 'none'
+    } : {
+      display: 'block'
+    }
+  }, "4:3 Safe Area"));
 }
-
 SDOutline.propTypes = propTypes;
 SDOutline.displayName = 'SDOutline';