{"version":3,"sources":["BeepSound.ogg","actions/breakLengthAction.js","actions/sessionLengthAction.js","actions/clockAction.js","reducers/rootReducer.js","reducers/innerWindowWidthReducer.js","actions/innerWindowWidthAction.js","reducers/innerWindowHeightReducer.js","actions/innerWindowHeightAction.js","reducers/breakLengthReducer.js","reducers/sessionLengthReducer.js","reducers/timerReducer.js","actions/timerAction.js","reducers/clockReducer.js","reducers/clockIsRunningReducer.js","actions/clockIsRunningAction.js","reducers/zeroTimeReducer.js","actions/zeroTimeAction.js","store.js","globals.js","BreakControls.js","Break.js","SessionControls.js","Session.js","Top.js","Clock.js","Controls.js","PomodoroClock.js","App.js","serviceWorker.js","index.js"],"names":["module","exports","breakLengthAction","breakLength","type","sessionLengthAction","sessionLength","clockAction","time","combineReducers","innerWindowWidth","state","action","window","innerWidth","windowInnerWidth","innerWindowHeight","innerHeight","windowInnerHeight","timer","clock","clockIsRunning","zeroTime","store","createStore","rootReducer","colors","makeClock","remainingTime","remainingSeconds","remainingMinutes","Math","floor","toString","BreakControls","props","handleDownArrowMouseEvent","bind","handleUpArrowMouseEvent","incrementBreak","decrementBreak","downColor","upColor","this","newBreakLength","e","setState","downArrowStyle","color","upArrowStyle","style","height","width","display","flexDirection","alignItems","justifyContent","marginRight","fontSize","id","onClick","onTouchStart","onTouchEnd","onMouseDown","onMouseUp","icon","faArrowCircleDown","faArrowCircleUp","React","Component","connect","dispatch","Break","breakTextStyle","textAlign","SessionControls","incrementSession","decrementSession","newSessionLength","marginLeft","Session","sessionTextStyle","Top","Clock","timerLabelStyle","Controls","handleMouseEventPlay","handleMouseEventPause","handleMouseEventReset","handlePlay","handleReset","playColor","pauseColor","resetColor","sound","clockIsRunningAction","now","Date","nowSeconds","getTime","split","parseInt","zeroTimeAction","self","refreshClock","setInterval","newClock","timerAction","clearInterval","pause","currentTime","prevProps","play","document","getElementById","playStyle","pauseStyle","resetStyle","faPlayCircle","faPauseCircle","faSyncAlt","preload","src","BeepSoundOgg","PomodoroClock","eightyPercentWidth","round","eightyPercentHeight","margin","border","borderColor","zIndex","backgroundColor","borderRadius","userSelect","MozUserSelect","WebkitUserSelect","clockContainerStyle","App","handleResize","innerWindowWidthAction","innerWindowHeightAction","addEventListener","removeEventListener","gitHubLabelStyle","position","right","attachmentStyle","overFlow","fontFamily","href","target","rel","className","alt","data-recalc-dims","Boolean","location","hostname","match","ReactDOM","render","navigator","serviceWorker","ready","then","registration","unregister","catch","error","console","message"],"mappings":"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","file":"static/js/main.157adc9f.chunk.js","sourcesContent":["module.exports = __webpack_public_path__ + \"static/media/BeepSound.049fe0d0.ogg\";","export const SETBREAKLENGTH = \"SETBREAKLENGTH\";\n\nexport const breakLengthAction = (breakLength) => {\n  return {\n    type: SETBREAKLENGTH,\n    breakLength: breakLength,\n  };\n};\n","export const SETSESSIONLENGTH = \"SETSESSIONLENGTH\";\n\nexport const sessionLengthAction = (sessionLength) => {\n  return {\n    type: SETSESSIONLENGTH,\n    sessionLength: sessionLength,\n  };\n};\n","export const SETCLOCK = \"SETCLOCK\";\n\nexport const clockAction = (time) => {\n  return {\n    type: SETCLOCK,\n    time: time,\n  };\n};\n","import { combineReducers } from \"redux\";\nimport innerWindowWidthReducer from \"./innerWindowWidthReducer\";\nimport innerWindowHeightReducer from \"./innerWindowHeightReducer\";\nimport breakLengthReducer from \"./breakLengthReducer\";\nimport sessionLengthReducer from \"./sessionLengthReducer\";\nimport timerReducer from \"./timerReducer\";\nimport clockReducer from \"./clockReducer\";\nimport clockIsRunningReducer from \"./clockIsRunningReducer\";\nimport zeroTimeReducer from \"./zeroTimeReducer\";\n\nexport default combineReducers({\n  innerWindowWidth: innerWindowWidthReducer,\n  innerWindowHeight: innerWindowHeightReducer,\n  breakLength: breakLengthReducer,\n  sessionLength: sessionLengthReducer,\n  timer: timerReducer,\n  clock: clockReducer,\n  clockIsRunning: clockIsRunningReducer,\n  zeroTime: zeroTimeReducer,\n});\n","import { SETWINDOWINNERWIDTH } from \"../actions/innerWindowWidthAction\";\n\nexport default (state, action) => {\n  if (!state) {\n    state = window.innerWidth;\n  }\n\n  switch (action.type) {\n    case SETWINDOWINNERWIDTH:\n      return action.windowInnerWidth;\n    default:\n      return state;\n  };\n};\n","export const SETWINDOWINNERWIDTH = \"SETWINDOWINNERWIDTH\";\n\nexport const innerWindowWidthAction = (windowInnerWidth) => {\n  return {\n    type: SETWINDOWINNERWIDTH,\n    windowInnerWidth: windowInnerWidth,\n  };\n};\n","import { SETWINDOWINNERHEIGHT } from \"../actions/innerWindowHeightAction\";\n\nexport default (state, action) => {\n  if (!state) {\n    state = window.innerHeight;\n  }\n\n  switch (action.type) {\n    case SETWINDOWINNERHEIGHT:\n      return action.windowInnerHeight;\n    default:\n      return state;\n  }\n};\n","export const SETWINDOWINNERHEIGHT = \"SETWINDOWINNERHEIGHT\";\n\nexport const innerWindowHeightAction = (windowInnerHeight) => {\n  return {\n    type: SETWINDOWINNERHEIGHT,\n    windowInnerHeight: windowInnerHeight,\n  };\n};\n","import { SETBREAKLENGTH } from \"../actions/breakLengthAction\";\n\nexport default (state, action) => {\n  if (!state) {\n    state = 5;\n  }\n\n  switch (action.type) {\n    case SETBREAKLENGTH:\n      return action.breakLength;\n    default:\n      return state;\n  }\n};\n","import { SETSESSIONLENGTH } from \"../actions/sessionLengthAction\";\n\nexport default (state, action) => {\n  if (!state) {\n    state = 25;\n  }\n\n  switch (action.type) {\n    case SETSESSIONLENGTH:\n      return action.sessionLength;\n    default:\n      return state;\n  }\n};\n","import { SETTIMER } from \"../actions/timerAction\";\n\nexport default (state, action) => {\n  if (!state) {\n    state = 'Session';\n  }\n\n  switch (action.type) {\n    case SETTIMER:\n      return action.timer;\n    default:\n      return state;\n  }\n};\n","export const SETTIMER = \"SETTIMER\";\n\nexport const timerAction = (timer) => {\n  return {\n    type: SETTIMER,\n    timer: timer,\n  };\n};\n","import { SETCLOCK } from \"../actions/clockAction\";\n\nexport default (state, action) => {\n  if (!state) {\n    state = '25:00';\n  }\n\n  switch (action.type) {\n    case SETCLOCK:\n      return action.time;\n    default:\n      return state;\n  }\n};\n","import { SETCLOCKISRUNNING } from \"../actions/clockIsRunningAction\";\n\nexport default (state, action) => {\n  if (!state) {\n    state = false;\n  }\n\n  switch (action.type) {\n    case SETCLOCKISRUNNING:\n      return action.clockIsRunning;\n    default:\n      return state;\n  }\n};\n","export const SETCLOCKISRUNNING = \"SETCLOCKISRUNNING\";\n\nexport const clockIsRunningAction = (clockIsRunning) => {\n  return {\n    type: SETCLOCKISRUNNING,\n    clockIsRunning: clockIsRunning,\n  };\n};\n","import { SETZEROTIME } from \"../actions/zeroTimeAction\";\n\nexport default (state, action) => {\n  if (!state) {\n    state = 0;\n  }\n\n  switch (action.type) {\n    case SETZEROTIME:\n      return action.zeroTime;\n    default:\n      return state;\n  }\n};\n","export const SETZEROTIME = \"SETZEROTIME\";\n\nexport const zeroTimeAction = (zeroTime) => {\n  return {\n    type: SETZEROTIME,\n    zeroTime: zeroTime,\n  };\n};\n","import { createStore } from \"redux\";\nimport rootReducer from \"./reducers/rootReducer\";\n\nconst store = createStore(rootReducer);\n\nexport default store;\n","export const colors = {\n  prussianBlue: '#0b3c5d',\n  skyBlue: '#328cc1',\n  goldLeaf: '#d9b310',\n  ivoryBlack: '#1d2731',\n};\n\nexport const makeClock = (remainingTime) => {\n  const remainingSeconds = remainingTime % 60;\n  const remainingMinutes = Math.floor(remainingTime / 60);\n  const minutes = remainingMinutes > 9 ? remainingMinutes.toString() : '0' + remainingMinutes.toString() ;\n  const seconds = remainingSeconds > 9 ? remainingSeconds.toString() : '0' + remainingSeconds.toString() ;\n  return minutes + ':' + seconds;\n};\n","import React from 'react';\nimport { connect } from \"react-redux\";\n\nimport { FontAwesomeIcon } from \"@fortawesome/react-fontawesome\";\nimport { faArrowCircleDown } from \"@fortawesome/free-solid-svg-icons\";\nimport { faArrowCircleUp } from \"@fortawesome/free-solid-svg-icons\";\nimport { colors,makeClock } from './globals'\n\nimport { breakLengthAction } from \"./actions/breakLengthAction\";\nimport { clockAction } from \"./actions/clockAction\";\n\nconst mapDispatchToProps = (dispatch) => ({\n  breakLengthAction: (breakLength) => dispatch(breakLengthAction(breakLength)),\n  clockAction: (time) => dispatch(clockAction(time)),\n});\n\nconst mapStateToProps = (state) => ({ ...state });\n\nclass BreakControls extends React.Component {\n  constructor(props) {\n    super(props);\n    this.handleDownArrowMouseEvent = this.handleDownArrowMouseEvent.bind(this);\n    this.handleUpArrowMouseEvent = this.handleUpArrowMouseEvent.bind(this);\n    this.incrementBreak = this.incrementBreak.bind(this);\n    this.decrementBreak = this.decrementBreak.bind(this);\n    this.state = {\n      downColor: colors.ivoryBlack,\n      upColor: colors.ivoryBlack,\n    };\n  };\n\n  incrementBreak() {\n    if (this.props.breakLength < 60) {\n      const newBreakLength = this.props.breakLength + 1;\n      if (!this.props.clockIsRunning) {\n        this.props.breakLengthAction(newBreakLength);\n        if (this.props.timer === 'Break') {\n          this.props.clockAction(makeClock(newBreakLength * 60));\n        }\n      } else {\n        if (this.props.timer === 'Session') {\n          this.props.breakLengthAction(newBreakLength);\n        }\n      }\n    }\n  };\n\n  decrementBreak() {\n    if (this.props.breakLength > 1) {\n      const newBreakLength = this.props.breakLength - 1;\n      if (!this.props.clockIsRunning) {\n        this.props.breakLengthAction(newBreakLength);\n        if (this.props.timer === 'Break') {\n          this.props.clockAction(makeClock(newBreakLength * 60));\n        }\n      } else {\n        if (this.props.timer === 'Session') {\n          this.props.breakLengthAction(newBreakLength);\n        }\n      }\n    }\n  };\n\n  handleDownArrowMouseEvent(e) {\n    if (e.type === 'mousedown' || e.type === 'touchstart') {\n      this.setState({downColor: colors.goldLeaf});\n    } else if (e.type === 'mouseup' || e.type === 'touchend') {\n      this.setState({downColor: colors.ivoryBlack});\n    }\n  };\n\n  handleUpArrowMouseEvent(e) {\n    if (e.type === 'mousedown' || e.type === 'touchstart') {\n      this.setState({upColor: colors.goldLeaf});\n    } else if (e.type === 'mouseup' || e.type === 'touchend') {\n      this.setState({upColor: colors.ivoryBlack});\n    }\n  };\n\n  render() {\n    const style = {\n      height: '50%',\n      width: '75%',\n      display: 'flex',\n      flexDirection: 'row',\n      alignItems: 'center',\n      justifyContent: 'flex-end',\n      marginRight: '25%',\n      fontSize: 32,\n    };\n\n    const breakStyle = {\n      width: 50,\n    }\n\n    const downArrowStyle = {\n      color: this.state.downColor,\n    }\n\n    const upArrowStyle = {\n      color: this.state.upColor,\n    }\n\n    return(\n      <div style={style}>\n        <div id='break-decrement' style={downArrowStyle} onClick={this.decrementBreak}\n              onTouchStart={this.handleDownArrowMouseEvent} onTouchEnd={this.handleDownArrowMouseEvent}\n              onMouseDown={this.handleDownArrowMouseEvent} onMouseUp={this.handleDownArrowMouseEvent}>\n          <FontAwesomeIcon icon={faArrowCircleDown}/>\n        </div>\n\n        <p id='break-length' style={breakStyle}>{this.props.breakLength}</p>\n\n        <div id='break-increment' style={upArrowStyle} onClick={this.incrementBreak}\n              onTouchStart={this.handleUpArrowMouseEvent} onTouchEnd={this.handleUpArrowMouseEvent}\n              onMouseDown={this.handleUpArrowMouseEvent} onMouseUp={this.handleUpArrowMouseEvent}>\n          <FontAwesomeIcon icon={faArrowCircleUp}/>\n        </div>\n      </div>\n    );\n  };\n};\n\nexport default connect(mapStateToProps, mapDispatchToProps)(BreakControls);\n","import React from 'react';\n\nimport { colors } from './globals'\nimport BreakControls from './BreakControls';\n\nconst Break = () => {\n  const style = {\n    height: '100%',\n    width: '50%',\n  };\n\n  const breakTextStyle = {\n    height: '50%',\n    width: '90%',\n    display: 'flex',\n    flexDirection: 'column',\n    justifyContent: 'center',\n    textAlign: 'right',\n    marginRight: '10%',\n    color: colors.goldLeaf,\n  };\n\n  return(\n    <div style={style}>\n      <div id=\"break-label\" style={breakTextStyle}>Break Length</div>\n      <BreakControls />\n    </div>\n  );\n};\n\nexport default Break;\n","import React from 'react';\nimport { connect } from \"react-redux\";\n\nimport { FontAwesomeIcon } from \"@fortawesome/react-fontawesome\";\nimport { faArrowCircleDown } from \"@fortawesome/free-solid-svg-icons\";\nimport { faArrowCircleUp } from \"@fortawesome/free-solid-svg-icons\";\nimport { colors,makeClock } from './globals'\n\nimport { sessionLengthAction } from \"./actions/sessionLengthAction\";\nimport { clockAction } from \"./actions/clockAction\";\n\nconst mapDispatchToProps = (dispatch) => ({\n  sessionLengthAction: (sessionLength) => dispatch(sessionLengthAction(sessionLength)),\n  clockAction: (time) => dispatch(clockAction(time)),\n});\n\nconst mapStateToProps = (state) => ({ ...state });\n\nclass SessionControls extends React.Component {\n  constructor(props) {\n    super(props);\n    this.handleDownArrowMouseEvent = this.handleDownArrowMouseEvent.bind(this);\n    this.handleUpArrowMouseEvent = this.handleUpArrowMouseEvent.bind(this);\n    this.incrementSession = this.incrementSession.bind(this);\n    this.decrementSession = this.decrementSession.bind(this);\n    this.state = {\n      downColor: colors.ivoryBlack,\n      upColor: colors.ivoryBlack,\n    };\n  };\n\n  incrementSession() {\n    if (this.props.sessionLength < 60) {\n      const newSessionLength = this.props.sessionLength + 1;\n      if (!this.props.clockIsRunning) {\n        this.props.sessionLengthAction(newSessionLength);\n        if (this.props.timer === 'Session') {\n          this.props.clockAction(makeClock(newSessionLength * 60));\n        }\n      } else {\n        if (this.props.timer === 'Break') {\n          this.props.sessionLengthAction(newSessionLength);\n        }\n      }\n    }\n  };\n\n  decrementSession() {\n    if (this.props.sessionLength > 1) {\n      const newSessionLength = this.props.sessionLength - 1;\n      if (!this.props.clockIsRunning) {\n        this.props.sessionLengthAction(newSessionLength);\n        if (this.props.timer === 'Session') {\n          this.props.clockAction(makeClock(newSessionLength * 60));\n        }\n      } else {\n        if (this.props.timer === 'Break') {\n          this.props.sessionLengthAction(newSessionLength);\n        }\n      }\n    }\n  };\n\n  handleDownArrowMouseEvent(e) {\n    if (e.type === 'mousedown' || e.type === 'touchstart') {\n      this.setState({downColor: colors.goldLeaf});\n    } else if (e.type === 'mouseup' || e.type === 'touchend') {\n      this.setState({downColor: colors.ivoryBlack});\n    }\n  };\n\n  handleUpArrowMouseEvent(e) {\n    if (e.type === 'mousedown' || e.type === 'touchstart') {\n      this.setState({upColor: colors.goldLeaf});\n    } else if (e.type === 'mouseup' || e.type === 'touchend') {\n      this.setState({upColor: colors.ivoryBlack});\n    }\n  };\n\n  render() {\n    const style = {\n      height: '50%',\n      width: '75%',\n      display: 'flex',\n      flexDirection: 'row',\n      alignItems: 'center',\n      justifyContent: 'flex-start',\n      marginLeft: '25%',\n      fontSize: 32,\n    };\n\n    const breakStyle = {\n      width: 50,\n    }\n\n    const downArrowStyle = {\n      color: this.state.downColor,\n    }\n\n    const upArrowStyle = {\n      color: this.state.upColor,\n    }\n\n    return(\n      <div style={style}>\n        <div id='session-decrement' style={downArrowStyle} onClick={this.decrementSession}\n              onTouchStart={this.handleDownArrowMouseEvent} onTouchEnd={this.handleDownArrowMouseEvent}\n              onMouseDown={this.handleDownArrowMouseEvent} onMouseUp={this.handleDownArrowMouseEvent}>\n          <FontAwesomeIcon icon={faArrowCircleDown}/>\n        </div>\n\n        <p id='session-length' style={breakStyle}>{this.props.sessionLength}</p>\n\n        <div id='session-increment' style={upArrowStyle} onClick={this.incrementSession}\n              onTouchStart={this.handleUpArrowMouseEvent} onTouchEnd={this.handleUpArrowMouseEvent}\n              onMouseDown={this.handleUpArrowMouseEvent} onMouseUp={this.handleUpArrowMouseEvent}>\n          <FontAwesomeIcon icon={faArrowCircleUp}/>\n        </div>\n      </div>\n    );\n  };\n};\n\nexport default connect(mapStateToProps, mapDispatchToProps)(SessionControls);\n","import React from 'react';\n\nimport { colors } from './globals'\nimport SessionControls from './SessionControls';\n\nconst Session = () => {\n  const style = {\n    height: '100%',\n    width: '50%',\n  };\n\n  const sessionTextStyle = {\n    height: '50%',\n    width: '90%',\n    display: 'flex',\n    flexDirection: 'column',\n    justifyContent: 'center',\n    textAlign: 'left',\n    marginLeft: '10%',\n    color: colors.goldLeaf,\n  };\n\n  return(\n    <div style={style}>\n      <div id=\"session-label\" style={sessionTextStyle}>Session Length</div>\n      <SessionControls />\n    </div>\n  );\n};\n\nexport default Session;\n","import React from 'react';\n\nimport Break from './Break';\nimport Session from './Session';\n\nconst Top = () => {\n\n  const style = {\n    height: '40%',\n    width: '100%',\n  }\n\n  const titleStyle = {\n    height: '50%',\n    width: '100%',\n    display: 'flex',\n    flexDirection: 'column',\n    justifyContent: 'center',\n    fontSize: 48,\n  }\n\n  const breakAndSessionStyle = {\n    height: '50%',\n    width: '100%',\n    display: 'flex',\n  }\n\n  return(\n    <div style={style}>\n      <div style={titleStyle}>Pomodoro Clock</div>\n      <div style={breakAndSessionStyle}>\n        <Break />\n        <Session />\n      </div>\n    </div>\n  );\n}\n\nexport default Top;\n","import React from 'react';\nimport { connect } from \"react-redux\";\n\nimport { colors } from './globals'\n\nconst mapStateToProps = (state) => ({ ...state });\n\nclass Clock extends React.Component {\n  render() {\n    const clockStyle = {\n      height: '40%',\n      width: '100%',\n    }\n\n    const timerLabelStyle = {\n      height: '30%',\n      width: '100%',\n      display: 'flex',\n      flexDirection: 'column',\n      justifyContent: 'flex-end',\n      color: colors.goldLeaf,\n    }\n\n    const timerStyle = {\n      height: '70%',\n      width: '100%',\n      display: 'flex',\n      flexDirection: 'column',\n      justifyContent: 'center',\n      fontSize: 96,\n    }\n\n    return(\n      <div style={clockStyle}>\n      <div id='timer-label' style={timerLabelStyle}>{this.props.timer}</div>\n      <div id='time-left' style={timerStyle}>{this.props.clock}</div>\n      </div>\n    );\n  };\n};\n\nexport default connect(mapStateToProps)(Clock);\n","import React from 'react';\nimport { connect } from \"react-redux\";\n\nimport { FontAwesomeIcon } from \"@fortawesome/react-fontawesome\";\nimport { faPlayCircle } from \"@fortawesome/free-solid-svg-icons\";\nimport { faPauseCircle } from \"@fortawesome/free-solid-svg-icons\";\nimport { faSyncAlt } from \"@fortawesome/free-solid-svg-icons\";\nimport { colors,makeClock } from './globals'\n\nimport { clockIsRunningAction } from \"./actions/clockIsRunningAction\";\nimport { zeroTimeAction } from \"./actions/zeroTimeAction\";\nimport { clockAction } from \"./actions/clockAction\";\nimport { timerAction } from \"./actions/timerAction\";\nimport { sessionLengthAction } from \"./actions/sessionLengthAction\";\nimport { breakLengthAction } from \"./actions/breakLengthAction\";\nimport BeepSoundOgg from './BeepSound.ogg';\n\nconst mapDispatchToProps = (dispatch) => ({\n  clockIsRunningAction: (clockIsRunning) => dispatch(clockIsRunningAction(clockIsRunning)),\n  zeroTimeAction: (zeroTime) => dispatch(zeroTimeAction(zeroTime)),\n  clockAction: (time) => dispatch(clockAction(time)),\n  timerAction: (timer) => dispatch(timerAction(timer)),\n  sessionLengthAction: (sessionLength) => dispatch(sessionLengthAction(sessionLength)),\n  breakLengthAction: (breakLength) => dispatch(breakLengthAction(breakLength)),\n});\n\nconst mapStateToProps = (state) => ({ ...state });\n\nclass Controls extends React.Component {\n  constructor(props) {\n    super(props);\n    this.handleMouseEventPlay = this.handleMouseEventPlay.bind(this);\n    this.handleMouseEventPause = this.handleMouseEventPause.bind(this);\n    this.handleMouseEventReset = this.handleMouseEventReset.bind(this);\n    this.handlePlay = this.handlePlay.bind(this);\n    this.handleReset = this.handleReset.bind(this);\n    this.state = {\n      playColor: colors.ivoryBlack,\n      pauseColor: colors.ivoryBlack,\n      resetColor: colors.ivoryBlack,\n      sound: '',\n    };\n  };\n\n  handlePlay() {\n    if (this.props.clockIsRunning) {\n      this.props.clockIsRunningAction(false);\n    } else {\n      this.props.clockIsRunningAction(true);\n      const now = new Date();\n      const nowSeconds = Math.floor(now.getTime() / 1000);\n      const remainingTime = this.props.clock.split(':');\n      const remainingSeconds = (60 * parseInt(remainingTime[0])) + parseInt(remainingTime[1]);\n      this.props.zeroTimeAction(nowSeconds + remainingSeconds);\n      const self = this;\n      let refreshClock = setInterval(function(){\n        if (!self.props.clockIsRunning) {\n          clearInterval(refreshClock);\n        } else {\n          const now = new Date();\n          const nowSeconds = Math.floor(now.getTime() / 1000);\n          if (nowSeconds <= self.props.zeroTime) {\n            const remainingTime = self.props.zeroTime - nowSeconds;\n            const newClock = makeClock(remainingTime);\n            if (newClock !== self.props.clock) {\n              self.props.clockAction(newClock);\n            }\n          } else {\n            let remainingTime = self.props.breakLength * 60;\n            if (self.props.timer === 'Session') {\n              self.props.timerAction('Break');\n            } else {\n              self.props.timerAction('Session');\n              remainingTime = self.props.sessionLength * 60;\n            }\n            self.props.zeroTimeAction(nowSeconds + remainingTime);\n            self.props.clockAction(makeClock(remainingTime));\n          }\n        }\n      },1000);\n    }\n  };\n\n  handleReset() {\n    if (this.props.clockIsRunning) {\n      this.props.clockIsRunningAction(false);\n    }\n    if (this.props.timer === 'Break') {\n      this.props.timerAction('Session');\n    }\n    if (this.props.sessionLength !== 25) {\n      this.props.sessionLengthAction(25);\n    }\n    if (this.props.breakLength !== 5) {\n      this.props.breakLengthAction(5);\n    }\n    if (this.props.clock !== '25:00') {\n      this.props.clockAction('25:00');\n    }\n    this.state.sound.pause();\n    const oldSound = this.state.sound;\n    oldSound.currentTime = 0;\n  };\n\n  componentDidUpdate(prevProps) {\n    if (this.props.clock === '00:00') {\n      this.state.sound.play();\n    }\n  };\n\n  handleMouseEventPlay(e) {\n    if (e.type === 'mousedown' || e.type === 'touchstart') {\n      this.setState({playColor: colors.goldLeaf});\n    } else if (e.type === 'mouseup' || e.type === 'touchend') {\n      this.setState({playColor: colors.ivoryBlack});\n    }\n  };\n\n  handleMouseEventPause(e) {\n    if (e.type === 'mousedown' || e.type === 'touchstart') {\n      this.setState({pauseColor: colors.goldLeaf});\n    } else if (e.type === 'mouseup' || e.type === 'touchend') {\n      this.setState({pauseColor: colors.ivoryBlack});\n    }\n  };\n\n  handleMouseEventReset(e) {\n    if (e.type === 'mousedown' || e.type === 'touchstart') {\n      this.setState({resetColor: colors.goldLeaf});\n    } else if (e.type === 'mouseup' || e.type === 'touchend') {\n      this.setState({resetColor: colors.ivoryBlack});\n    }\n  };\n\n  componentDidMount() {\n    this.setState({sound: document.getElementById('beep')});\n  };\n\n  render() {\n    const controlsStyle = {\n      height: '20%',\n      width: '100%',\n      display: 'flex',\n      justifyContent: 'center',\n      alignItems: 'center',\n      fontSize: 48,\n    }\n\n    const playStyle = {\n      color: this.state.playColor,\n    };\n\n    const pauseStyle = {\n      color: this.state.pauseColor,\n      width: 150,\n    };\n\n    const resetStyle = {\n      color: this.state.resetColor,\n    };\n\n    return(\n      <div style={controlsStyle}>\n        <div id='start_stop' style={playStyle} onClick={this.handlePlay}\n              onMouseDown={this.handleMouseEventPlay} onMouseUp={this.handleMouseEventPlay}\n              onTouchStart={this.handleMouseEventPlay} onTouchEnd={this.handleMouseEventPlay}>\n          <FontAwesomeIcon icon={faPlayCircle}/>\n        </div>\n\n        <FontAwesomeIcon style={pauseStyle} onMouseDown={this.handleMouseEventPause}\n          onMouseUp={this.handleMouseEventPause} onTouchStart={this.handleMouseEventPause}\n          onTouchEnd={this.handleMouseEventPause} onClick={() => {this.props.clockIsRunningAction(false)}} icon={faPauseCircle}/>\n\n        <div id='reset' style={resetStyle} onClick={this.handleReset}\n              onMouseDown={this.handleMouseEventReset} onMouseUp={this.handleMouseEventReset}\n              onTouchStart={this.handleMouseEventReset} onTouchEnd={this.handleMouseEventReset}>\n          <FontAwesomeIcon icon={faSyncAlt}/>\n        </div>\n\n        <audio id='beep' preload='auto' src={BeepSoundOgg} type='audio/ogg'></audio>\n      </div>\n    );\n  };\n};\n\nexport default connect(mapStateToProps, mapDispatchToProps)(Controls);\n","import React from 'react';\nimport { connect } from \"react-redux\";\nimport { colors } from './globals'\n\nimport Top from './Top';\nimport Clock from './Clock';\nimport Controls from './Controls';\n\nconst mapStateToProps = (state) => ({ ...state });\n\nclass PomodoroClock extends React.Component {\n  render() {\n    const width = this.props.innerWindowWidth;\n    const height = this.props.innerWindowHeight;\n    const eightyPercentWidth = Math.round(width * 0.8);\n    const eightyPercentHeight = Math.round(height * 0.8);\n    const maxHeight = 500;\n    const maxWidth = 800;\n    const style = {\n      margin: 'auto',\n      border: '3px solid',\n      borderColor: colors.ivoryBlack,\n      zIndex: '1',\n      backgroundColor: colors.skyBlue,\n      borderRadius: 10,\n      height: eightyPercentHeight < maxHeight ? eightyPercentHeight : maxHeight,\n      width: eightyPercentWidth < maxWidth ? eightyPercentWidth : maxWidth,\n      display: 'flex',\n      flexDirection: 'column',\n      justifyContent: 'center',\n      fontSize: 32,\n      userSelect: 'none',\n      MozUserSelect: 'none',\n      WebkitUserSelect: 'none',\n    };\n\n    const clockContainerStyle = { \n      height: '100%',\n      width: '100%',\n    };\n\n    if (width > height && height < 400) {\n      style['height'] = '96vh';\n      style['width'] = '75vw';\n      style['margin'] = '1vh auto 3vh auto';\n      style['fontSize'] = 24;\n    } else if (height > width) {\n      style['height'] = Math.round(height * 0.75);\n      style['maxHeight'] = maxHeight;\n      clockContainerStyle['height'] = width > style['height'] ? style['height'] : width; \n      clockContainerStyle['maxHeight'] = maxHeight;\n      style['width'] = width - 6;\n      style['maxWidth'] = maxWidth;\n      style['fontSize'] = 24;\n    }\n\n    return(\n      <div style={style}>\n        <div style={clockContainerStyle}>\n          <Top />\n          <Clock />\n          <Controls />\n        </div>\n      </div>\n    );\n  };\n};\n\nexport default connect(mapStateToProps)(PomodoroClock);\n","import React from 'react';\nimport { connect } from \"react-redux\";\n\nimport PomodoroClock from './PomodoroClock';\n\nimport { colors } from './globals'\n\nimport { innerWindowWidthAction } from \"./actions/innerWindowWidthAction\";\nimport { innerWindowHeightAction } from \"./actions/innerWindowHeightAction\";\n\nconst mapStateToProps = (state) => ({ ...state });\n\nconst mapDispatchToProps = (dispatch) => ({\n  innerWindowWidthAction: (windowInnerWidth) => dispatch(innerWindowWidthAction(windowInnerWidth)),\n  innerWindowHeightAction: (windowInnerHeight) => dispatch(innerWindowHeightAction(windowInnerHeight)),\n});\n\nclass App extends React.Component {\n  constructor(props) {\n    super(props);\n    this.handleResize = this.handleResize.bind(this);\n  };\n\n  handleResize() {\n    this.props.innerWindowWidthAction(window.innerWidth);\n    this.props.innerWindowHeightAction(window.innerHeight);\n  };\n\n  componentDidMount() {\n    window.addEventListener('resize',this.handleResize);\n  };\n\n  componentWillUnmount() {\n    window.removeEventListener('resize',this.handleResize);\n  };\n\n  render() {\n    const height = this.props.innerWindowHeight;\n    const width = this.props.innerWindowWidth;\n    const gitHubLabelStyle = {\n      backgroundColor: colors.prussianBlue,\n      border: 'none',\n      width: 149,\n      height: 0,\n      position: 'absolute',\n      right: 0,\n    };\n\n    const attachmentStyle = {\n      position: 'absolute',\n      right: 0,\n      height: 149,\n      width: 149,\n    };\n\n    const style = {\n      textAlign: 'center',\n      backgroundColor: colors.prussianBlue,\n      height: '100vh',\n      width: '100vw',\n      display: 'flex',\n      flexDirection: 'column',\n      color: colors.ivoryBlack,\n      overFlow: 'hidden',\n      fontFamily: 'Ubuntu sans-serif',\n      fontSize: 48,\n    };\n\n    if (width > height && height < 400) {\n      gitHubLabelStyle['width'] = 99;\n      attachmentStyle['width'] = 99;\n      attachmentStyle['height'] = 99;\n    } else if (height > width) {\n      gitHubLabelStyle['width'] = 99;\n      attachmentStyle['width'] = 99;\n      attachmentStyle['height'] = 99;\n    }\n\n    return (\n      <div style={style}>\n      <a href=\"https://github.com/TrentSPalmer/fcc-challenges/tree/gh-pages/pomodoro-clock-react\"\n        style={gitHubLabelStyle}\n        target=\"_blank\" rel=\"noopener noreferrer\">\n      <img\n        src=\"https://github.blog/wp-content/uploads/2008/12/forkme_right_white_ffffff.png?resize=149%2C149\"\n        className=\"size-full\"\n        style={attachmentStyle}\n        alt=\"Fork me on GitHub\"\n        data-recalc-dims=\"1\">\n      </img>\n      </a>\n      <PomodoroClock />\n      </div>\n    );\n  };\n};\n\nexport default connect(mapStateToProps, mapDispatchToProps)(App);\n","// This optional code is used to register a service worker.\n// register() is not called by default.\n\n// This lets the app load faster on subsequent visits in production, and gives\n// it offline capabilities. However, it also means that developers (and users)\n// will only see deployed updates on subsequent visits to a page, after all the\n// existing tabs open on the page have been closed, since previously cached\n// resources are updated in the background.\n\n// To learn more about the benefits of this model and instructions on how to\n// opt-in, read https://bit.ly/CRA-PWA\n\nconst isLocalhost = Boolean(\n  window.location.hostname === 'localhost' ||\n    // [::1] is the IPv6 localhost address.\n    window.location.hostname === '[::1]' ||\n    // 127.0.0.0/8 are considered localhost for IPv4.\n    window.location.hostname.match(\n      /^127(?:\\.(?:25[0-5]|2[0-4][0-9]|[01]?[0-9][0-9]?)){3}$/\n    )\n);\n\nexport function register(config) {\n  if (process.env.NODE_ENV === 'production' && 'serviceWorker' in navigator) {\n    // The URL constructor is available in all browsers that support SW.\n    const publicUrl = new URL(process.env.PUBLIC_URL, window.location.href);\n    if (publicUrl.origin !== window.location.origin) {\n      // Our service worker won't work if PUBLIC_URL is on a different origin\n      // from what our page is served on. This might happen if a CDN is used to\n      // serve assets; see https://github.com/facebook/create-react-app/issues/2374\n      return;\n    }\n\n    window.addEventListener('load', () => {\n      const swUrl = `${process.env.PUBLIC_URL}/service-worker.js`;\n\n      if (isLocalhost) {\n        // This is running on localhost. Let's check if a service worker still exists or not.\n        checkValidServiceWorker(swUrl, config);\n\n        // Add some additional logging to localhost, pointing developers to the\n        // service worker/PWA documentation.\n        navigator.serviceWorker.ready.then(() => {\n          console.log(\n            'This web app is being served cache-first by a service ' +\n              'worker. To learn more, visit https://bit.ly/CRA-PWA'\n          );\n        });\n      } else {\n        // Is not localhost. Just register service worker\n        registerValidSW(swUrl, config);\n      }\n    });\n  }\n}\n\nfunction registerValidSW(swUrl, config) {\n  navigator.serviceWorker\n    .register(swUrl)\n    .then(registration => {\n      registration.onupdatefound = () => {\n        const installingWorker = registration.installing;\n        if (installingWorker == null) {\n          return;\n        }\n        installingWorker.onstatechange = () => {\n          if (installingWorker.state === 'installed') {\n            if (navigator.serviceWorker.controller) {\n              // At this point, the updated precached content has been fetched,\n              // but the previous service worker will still serve the older\n              // content until all client tabs are closed.\n              console.log(\n                'New content is available and will be used when all ' +\n                  'tabs for this page are closed. See https://bit.ly/CRA-PWA.'\n              );\n\n              // Execute callback\n              if (config && config.onUpdate) {\n                config.onUpdate(registration);\n              }\n            } else {\n              // At this point, everything has been precached.\n              // It's the perfect time to display a\n              // \"Content is cached for offline use.\" message.\n              console.log('Content is cached for offline use.');\n\n              // Execute callback\n              if (config && config.onSuccess) {\n                config.onSuccess(registration);\n              }\n            }\n          }\n        };\n      };\n    })\n    .catch(error => {\n      console.error('Error during service worker registration:', error);\n    });\n}\n\nfunction checkValidServiceWorker(swUrl, config) {\n  // Check if the service worker can be found. If it can't reload the page.\n  fetch(swUrl, {\n    headers: { 'Service-Worker': 'script' },\n  })\n    .then(response => {\n      // Ensure service worker exists, and that we really are getting a JS file.\n      const contentType = response.headers.get('content-type');\n      if (\n        response.status === 404 ||\n        (contentType != null && contentType.indexOf('javascript') === -1)\n      ) {\n        // No service worker found. Probably a different app. Reload the page.\n        navigator.serviceWorker.ready.then(registration => {\n          registration.unregister().then(() => {\n            window.location.reload();\n          });\n        });\n      } else {\n        // Service worker found. Proceed as normal.\n        registerValidSW(swUrl, config);\n      }\n    })\n    .catch(() => {\n      console.log(\n        'No internet connection found. App is running in offline mode.'\n      );\n    });\n}\n\nexport function unregister() {\n  if ('serviceWorker' in navigator) {\n    navigator.serviceWorker.ready\n      .then(registration => {\n        registration.unregister();\n      })\n      .catch(error => {\n        console.error(error.message);\n      });\n  }\n}\n","import React from 'react';\nimport ReactDOM from 'react-dom';\nimport { Provider } from \"react-redux\";\nimport store from \"./store\";\n\nimport './index.css';\nimport App from './App';\nimport * as serviceWorker from './serviceWorker';\n\nReactDOM.render(\n  <Provider store={store}>\n    <App />\n  </Provider>,\n  document.getElementById('root')\n);\n\n// If you want your app to work offline and load faster, you can change\n// unregister() to register() below. Note this comes with some pitfalls.\n// Learn more about service workers: https://bit.ly/CRA-PWA\nserviceWorker.unregister();\n"],"sourceRoot":""}