playball 2.2.0 → 3.0.0

package/dist/components/LineScore.js

@@ -3,42 +3,20 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports["default"] = void 0;
+exports.default = void 0;
 
 var _react = _interopRequireDefault(require("react"));
 
 var _propTypes = _interopRequireDefault(require("prop-types"));
 
-var _reactRedux = require("react-redux");
+var _alternateRenderers = require("react-redux/lib/alternate-renderers");
 
-var _game = require("../selectors/game");
+var _games = require("../features/games");
 
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 
-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); }
-
-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 { Date.prototype.toString.call(Reflect.construct(Date, [], 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 getRuns = function getRuns(inning, homeAway, isFinal) {
-  var runs = inning.getIn([homeAway, 'runs']);
+const getRuns = (inning, homeAway, isFinal) => {
+  const runs = inning[homeAway].runs;
 
   if (runs !== undefined) {
     return runs;
@@ -47,72 +25,36 @@ var getRuns = function getRuns(inning, homeAway, isFinal) {
   return isFinal ? 'X' : '';
 };
 
-var getTeamLine = function getTeamLine(linescore, totalInnings, homeAway, _final) {
-  return linescore.get('innings').map(function (inning) {
-    return getRuns(inning, homeAway, _final);
-  }).map(function (r) {
-    return r.toString().padStart(2);
-  }).join(' ').padEnd(totalInnings * 3) + '{bold}' + linescore.getIn(['teams', homeAway, 'runs']).toString().padStart(3) + '{/bold}' + linescore.getIn(['teams', homeAway, 'hits']).toString().padStart(3) + linescore.getIn(['teams', homeAway, 'errors']).toString().padStart(3);
-};
-
-var LineScore = /*#__PURE__*/function (_React$Component) {
-  _inherits(LineScore, _React$Component);
-
-  var _super = _createSuper(LineScore);
+const getTeamLine = (linescore, totalInnings, homeAway, final) => linescore.innings.map(inning => getRuns(inning, homeAway, final)).map(r => r.toString().padStart(2)).join(' ').padEnd(totalInnings * 3) + '{bold}' + linescore.teams[homeAway].runs.toString().padStart(3) + '{/bold}' + linescore.teams[homeAway].hits.toString().padStart(3) + linescore.teams[homeAway].errors.toString().padStart(3);
 
-  function LineScore() {
-    _classCallCheck(this, LineScore);
+function LineScore({
+  align,
+  final
+}) {
+  const linescore = (0, _alternateRenderers.useSelector)(_games.selectLineScore);
+  const teams = (0, _alternateRenderers.useSelector)(_games.selectTeams);
+  const currentInning = linescore.currentInning;
 
-    return _super.apply(this, arguments);
+  if (!currentInning) {
+    return '';
   }
 
-  _createClass(LineScore, [{
-    key: "render",
-    value: function render() {
-      var _this$props = this.props,
-          align = _this$props.align,
-          _final2 = _this$props["final"],
-          linescore = _this$props.linescore,
-          teams = _this$props.teams;
-      var currentInning = linescore.get('currentInning');
-
-      if (!currentInning) {
-        return '';
-      }
-
-      var totalInnings = Math.max(currentInning, 9);
-      var home = teams.getIn(['home', 'abbreviation']);
-      var away = teams.getIn(['away', 'abbreviation']);
-      var teamNameLength = 3;
-      var str = ''.padEnd(teamNameLength) + Array.from(Array(totalInnings).keys()).map(function (i) {
-        return (i + 1).toString().padStart(2);
-      }).join(' ') + '   {bold}R{/bold}  H  E\n' + away.padEnd(teamNameLength) + getTeamLine(linescore, totalInnings, 'away', _final2) + '\n' + home.padEnd(teamNameLength) + getTeamLine(linescore, totalInnings, 'home', _final2);
-      return /*#__PURE__*/_react["default"].createElement("box", {
-        align: align,
-        content: str,
-        tags: true,
-        wrap: false
-      });
-    }
-  }]);
-
-  return LineScore;
-}(_react["default"].Component);
+  const totalInnings = Math.max(currentInning, 9);
+  const home = teams.home.abbreviation;
+  const away = teams.away.abbreviation;
+  const teamNameLength = 3;
+  let str = ''.padEnd(teamNameLength) + Array.from(Array(totalInnings).keys()).map(i => (i + 1).toString().padStart(2)).join(' ') + '   {bold}R{/bold}  H  E\n' + away.padEnd(teamNameLength) + getTeamLine(linescore, totalInnings, 'away', final) + '\n' + home.padEnd(teamNameLength) + getTeamLine(linescore, totalInnings, 'home', final);
+  return /*#__PURE__*/_react.default.createElement("box", {
+    align: align,
+    content: str,
+    tags: true,
+    wrap: false
+  });
+}
 
 LineScore.propTypes = {
-  align: _propTypes["default"].string,
-  "final": _propTypes["default"].bool,
-  linescore: _propTypes["default"].object,
-  teams: _propTypes["default"].object
-};
-
-var mapStateToProps = function mapStateToProps(state) {
-  return {
-    linescore: (0, _game.selectLineScore)(state),
-    teams: (0, _game.selectTeams)(state)
-  };
+  align: _propTypes.default.oneOf(['left', 'center', 'right']),
+  final: _propTypes.default.bool
 };
-
-var _default = (0, _reactRedux.connect)(mapStateToProps)(LineScore);
-
-exports["default"] = _default;
+var _default = LineScore;
+exports.default = _default;

package/dist/components/LiveGame.js

@@ -3,7 +3,7 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports["default"] = exports.LiveGame = void 0;
+exports.default = void 0;
 
 var _react = _interopRequireDefault(require("react"));
 
@@ -19,47 +19,52 @@ var _AtBat = _interopRequireDefault(require("./AtBat"));
 
 var _AllPlays = _interopRequireDefault(require("./AllPlays"));
 
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
+var _InningDisplay = _interopRequireDefault(require("./InningDisplay"));
 
-var LiveGame = function LiveGame() {
-  return /*#__PURE__*/_react["default"].createElement("element", null, /*#__PURE__*/_react["default"].createElement("element", {
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+
+function LiveGame() {
+  return /*#__PURE__*/_react.default.createElement("element", null, /*#__PURE__*/_react.default.createElement("element", {
     top: 0,
     left: 1,
     width: "100%-1",
     height: 3
-  }, /*#__PURE__*/_react["default"].createElement("element", {
-    width: "25%"
-  }, /*#__PURE__*/_react["default"].createElement(_Count["default"], null)), /*#__PURE__*/_react["default"].createElement("element", {
+  }, /*#__PURE__*/_react.default.createElement("element", {
+    left: 0,
+    width: 2
+  }, /*#__PURE__*/_react.default.createElement(_InningDisplay.default, null)), /*#__PURE__*/_react.default.createElement("element", {
+    left: 5,
+    width: "25%-5"
+  }, /*#__PURE__*/_react.default.createElement(_Count.default, null)), /*#__PURE__*/_react.default.createElement("element", {
     left: "25%+1",
     width: "25%"
-  }, /*#__PURE__*/_react["default"].createElement(_Bases["default"], null)), /*#__PURE__*/_react["default"].createElement("element", {
+  }, /*#__PURE__*/_react.default.createElement(_Bases.default, null)), /*#__PURE__*/_react.default.createElement("element", {
     left: "50%+2",
     width: "50%-2"
-  }, /*#__PURE__*/_react["default"].createElement(_LineScore["default"], null))), /*#__PURE__*/_react["default"].createElement("line", {
+  }, /*#__PURE__*/_react.default.createElement(_LineScore.default, null))), /*#__PURE__*/_react.default.createElement("line", {
     orientation: "horizontal",
     type: "line",
     top: 3,
     width: "100%"
-  }), /*#__PURE__*/_react["default"].createElement("element", {
+  }), /*#__PURE__*/_react.default.createElement("element", {
     top: 4,
     left: 1
-  }, /*#__PURE__*/_react["default"].createElement("element", {
+  }, /*#__PURE__*/_react.default.createElement("element", {
     width: "50%-1"
-  }, /*#__PURE__*/_react["default"].createElement("element", {
+  }, /*#__PURE__*/_react.default.createElement("element", {
     top: 0,
     height: 2
-  }, /*#__PURE__*/_react["default"].createElement(_Matchup["default"], null)), /*#__PURE__*/_react["default"].createElement("element", {
+  }, /*#__PURE__*/_react.default.createElement(_Matchup.default, null)), /*#__PURE__*/_react.default.createElement("element", {
     top: 3
-  }, /*#__PURE__*/_react["default"].createElement(_AtBat["default"], null))), /*#__PURE__*/_react["default"].createElement("line", {
+  }, /*#__PURE__*/_react.default.createElement(_AtBat.default, null))), /*#__PURE__*/_react.default.createElement("line", {
     orientation: "vertical",
     type: "line",
     left: "50%"
-  }), /*#__PURE__*/_react["default"].createElement("element", {
+  }), /*#__PURE__*/_react.default.createElement("element", {
     left: "50%+2",
     width: "50%-2"
-  }, /*#__PURE__*/_react["default"].createElement(_AllPlays["default"], null))));
-};
+  }, /*#__PURE__*/_react.default.createElement(_AllPlays.default, null))));
+}
 
-exports.LiveGame = LiveGame;
 var _default = LiveGame;
-exports["default"] = _default;
+exports.default = _default;

package/dist/components/LoadingSpinner.js

@@ -3,144 +3,53 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports["default"] = void 0;
+exports.default = void 0;
 
-var _react = _interopRequireDefault(require("react"));
+var _react = _interopRequireWildcard(require("react"));
 
-var _propTypes = _interopRequireDefault(require("prop-types"));
+var _alternateRenderers = require("react-redux/lib/alternate-renderers");
 
-var _reactRedux = require("react-redux");
+var _schedule = require("../features/schedule");
 
-var _game = require("../selectors/game");
+var _games = require("../features/games");
 
-var _schedule = require("../selectors/schedule");
+function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function (nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
 
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
+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 _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); }
+const frames = ['⠋', '⠙', '⠹', '⠸', '⠼', '⠴', '⠦', '⠧', '⠇', '⠏'];
 
-function _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError("Cannot call a class as a function"); } }
+function LoadingSpinner() {
+  const [frame, setFrame] = (0, _react.useState)(0);
+  const [animating, setAnimating] = (0, _react.useState)(false);
+  const timerRef = (0, _react.useRef)(null);
+  const scheduleLoading = (0, _alternateRenderers.useSelector)(_schedule.selectLoading);
+  const gameLoading = (0, _alternateRenderers.useSelector)(_games.selectLoading);
 
-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 { Date.prototype.toString.call(Reflect.construct(Date, [], 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 frames = ['⠋', '⠙', '⠹', '⠸', '⠼', '⠴', '⠦', '⠧', '⠇', '⠏'];
-
-var LoadingSpinner = /*#__PURE__*/function (_React$Component) {
-  _inherits(LoadingSpinner, _React$Component);
-
-  var _super = _createSuper(LoadingSpinner);
-
-  function LoadingSpinner(props) {
-    var _this;
-
-    _classCallCheck(this, LoadingSpinner);
-
-    _this = _super.call(this, props);
-    _this.state = {
-      frame: 0,
-      animating: false
-    };
-    return _this;
-  }
-
-  _createClass(LoadingSpinner, [{
-    key: "componentDidMount",
-    value: function componentDidMount() {
-      this.doUpdate();
-    }
-  }, {
-    key: "componentDidUpdate",
-    value: function componentDidUpdate(prevProps, prevState) {
-      var _this$props = this.props,
-          gameLoading = _this$props.gameLoading,
-          scheduleLoading = _this$props.scheduleLoading;
-      var frame = this.state.frame;
+  const increment = () => {
+    setFrame(prevFrame => (prevFrame + 1) % frames.length);
+  };
 
-      if (gameLoading !== prevProps.gameLoading || scheduleLoading !== prevProps.scheduleLoading || frame !== prevState.frame) {
-        this.doUpdate();
-      }
-    }
-  }, {
-    key: "increment",
-    value: function increment() {
-      this.setState(function (state) {
-        return {
-          frame: (state.frame + 1) % frames.length
-        };
-      });
+  const doUpdate = () => {
+    if (!animating && (gameLoading || scheduleLoading)) {
+      setAnimating(true);
+      increment();
+      timerRef.current = setInterval(increment, 50);
     }
-  }, {
-    key: "doUpdate",
-    value: function doUpdate() {
-      var _this2 = this;
 
-      var _this$props2 = this.props,
-          gameLoading = _this$props2.gameLoading,
-          scheduleLoading = _this$props2.scheduleLoading;
-      var _this$state = this.state,
-          animating = _this$state.animating,
-          frame = _this$state.frame;
-
-      if (!animating && (gameLoading || scheduleLoading)) {
-        this.setState({
-          animating: true
-        });
-        this.increment();
-        this.timer = setInterval(function () {
-          return _this2.increment();
-        }, 50);
-      }
-
-      if (!gameLoading && !scheduleLoading && frame === 0) {
-        this.setState({
-          animating: false
-        });
-        clearInterval(this.timer);
-      }
-    }
-  }, {
-    key: "render",
-    value: function render() {
-      var _this$state2 = this.state,
-          animating = _this$state2.animating,
-          frame = _this$state2.frame;
-      return /*#__PURE__*/_react["default"].createElement("box", {
-        content: animating ? frames[frame] : ' '
-      });
+    if (!gameLoading && !scheduleLoading && frame === 0) {
+      setAnimating(false);
+      clearInterval(timerRef.current);
     }
-  }]);
-
-  return LoadingSpinner;
-}(_react["default"].Component);
-
-LoadingSpinner.propTypes = {
-  gameLoading: _propTypes["default"].bool,
-  scheduleLoading: _propTypes["default"].bool
-};
-
-var mapStateToProps = function mapStateToProps(state) {
-  return {
-    gameLoading: (0, _game.selectLoading)(state),
-    scheduleLoading: (0, _schedule.selectLoading)(state)
   };
-};
 
-var _default = (0, _reactRedux.connect)(mapStateToProps)(LoadingSpinner);
+  (0, _react.useEffect)(() => {
+    doUpdate();
+  }, [gameLoading, scheduleLoading, frame]);
+  return /*#__PURE__*/_react.default.createElement("box", {
+    content: animating ? frames[frame] : ' '
+  });
+}
 
-exports["default"] = _default;
+var _default = LoadingSpinner;
+exports.default = _default;

package/dist/components/Matchup.js

@@ -3,77 +3,56 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports["default"] = void 0;
+exports.default = void 0;
 
 var _react = _interopRequireDefault(require("react"));
 
-var _reactRedux = require("react-redux");
+var _alternateRenderers = require("react-redux/lib/alternate-renderers");
 
-var _propTypes = _interopRequireDefault(require("prop-types"));
+var _games = require("../features/games");
 
-var _game = require("../selectors/game");
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
+const getPlayerStats = (boxscore, teams, id) => {
+  const key = 'ID' + id;
+  const homePlayers = boxscore.home.players;
 
-var getPlayerStats = function getPlayerStats(boxscore, teams, id) {
-  var key = 'ID' + id;
-  var homePlayers = boxscore.getIn(['home', 'players']);
-
-  if (homePlayers.has(key)) {
+  if (homePlayers[key]) {
     return {
-      team: teams.get('home').toJS(),
-      player: homePlayers.get(key).toJS()
+      team: teams.home,
+      player: homePlayers[key]
     };
   }
 
   return {
-    team: teams.get('away').toJS(),
-    player: boxscore.getIn(['away', 'players', key]).toJS()
+    team: teams.away,
+    player: boxscore.away.players[key]
   };
 };
 
-var Matchup = function Matchup(_ref) {
-  var boxscore = _ref.boxscore,
-      currentPlay = _ref.currentPlay,
-      teams = _ref.teams;
-
-  try {
-    var pitcherId = currentPlay.getIn(['matchup', 'pitcher', 'id']);
-    var batterId = currentPlay.getIn(['matchup', 'batter', 'id']);
-
-    var _getPlayerStats = getPlayerStats(boxscore, teams, pitcherId),
-        pitchTeam = _getPlayerStats.team,
-        pitcher = _getPlayerStats.player;
-
-    var _getPlayerStats2 = getPlayerStats(boxscore, teams, batterId),
-        batTeam = _getPlayerStats2.team,
-        batter = _getPlayerStats2.player;
-
-    var display = "".concat(pitchTeam.abbreviation, " Pitching: ") + "{bold}".concat(pitcher.person.fullName, "{/bold} ").concat(pitcher.stats.pitching.inningsPitched, " IP, ").concat(pitcher.stats.pitching.pitchesThrown, " P, ").concat(pitcher.seasonStats.pitching.era, " ERA\n") + "".concat(batTeam.abbreviation, " At Bat:   ") + "{bold}".concat(batter.person.fullName, "{/bold} ").concat(batter.stats.batting.hits, "-").concat(batter.stats.batting.atBats, ", ").concat(batter.seasonStats.batting.avg, " AVG, ").concat(batter.seasonStats.batting.homeRuns, " HR");
-    return /*#__PURE__*/_react["default"].createElement("box", {
-      tags: true,
-      content: display,
-      wrap: false
-    });
-  } catch (error) {
-    throw error;
-  }
-};
-
-Matchup.propTypes = {
-  boxscore: _propTypes["default"].object,
-  currentPlay: _propTypes["default"].object,
-  teams: _propTypes["default"].object
-};
-
-var mapStateToProps = function mapStateToProps(state) {
-  return {
-    boxscore: (0, _game.selectBoxscore)(state),
-    currentPlay: (0, _game.selectCurrentPlay)(state),
-    teams: (0, _game.selectTeams)(state)
-  };
-};
-
-var _default = (0, _reactRedux.connect)(mapStateToProps)(Matchup);
-
-exports["default"] = _default;
+function Matchup() {
+  var _currentPlay$matchup, _currentPlay$matchup$, _currentPlay$matchup2, _currentPlay$matchup3;
+
+  const boxscore = (0, _alternateRenderers.useSelector)(_games.selectBoxscore);
+  const currentPlay = (0, _alternateRenderers.useSelector)(_games.selectCurrentPlay);
+  const teams = (0, _alternateRenderers.useSelector)(_games.selectTeams);
+  const pitcherId = (_currentPlay$matchup = currentPlay.matchup) === null || _currentPlay$matchup === void 0 ? void 0 : (_currentPlay$matchup$ = _currentPlay$matchup.pitcher) === null || _currentPlay$matchup$ === void 0 ? void 0 : _currentPlay$matchup$.id;
+  const batterId = (_currentPlay$matchup2 = currentPlay.matchup) === null || _currentPlay$matchup2 === void 0 ? void 0 : (_currentPlay$matchup3 = _currentPlay$matchup2.batter) === null || _currentPlay$matchup3 === void 0 ? void 0 : _currentPlay$matchup3.id;
+  const {
+    team: pitchTeam,
+    player: pitcher
+  } = getPlayerStats(boxscore, teams, pitcherId);
+  const {
+    team: batTeam,
+    player: batter
+  } = getPlayerStats(boxscore, teams, batterId);
+  const display = `${pitchTeam.abbreviation} Pitching: ` + `{bold}${pitcher.person.fullName}{/bold} ${pitcher.stats.pitching.inningsPitched} IP, ${pitcher.stats.pitching.pitchesThrown || 0} P, ${pitcher.seasonStats.pitching.era} ERA\n` + `${batTeam.abbreviation} At Bat:   ` + `{bold}${batter.person.fullName}{/bold} ${batter.stats.batting.hits}-${batter.stats.batting.atBats}, ${batter.seasonStats.batting.avg} AVG, ${batter.seasonStats.batting.homeRuns} HR`;
+  return /*#__PURE__*/_react.default.createElement("box", {
+    tags: true,
+    content: display,
+    wrap: false
+  });
+}
+
+var _default = Matchup;
+exports.default = _default;