{"version":3,"sources":["store/actions/types.js","store/reducers/index.js","constants/index.js","components/Setting.js","components/ReadMeModal.js","components/layouts/Header.js","components/layouts/Footer.js","components/ProblemButton.js","components/ProblemGroup.js","pages/HomePage.js","components/CalculatorButton.js","components/Calculator.js","components/MarkHeader.js","components/Operation.js","components/HighScore.js","components/LastFiveScore.js","components/ScoreModal.js","components/Alert.js","pages/CalculatorPage.js","App.js","index.js"],"names":["SET_PROBLEM_ID","SET_PROBLEM_COUNT","SET_MAX_VALUE","SET_SPEECH","initialState","problemId","numberOfProblems","maxValue","add","sub","multiDiv","speech","state","speed","reducer","action","type","payload","SLIDER_MAX_VALUE","CORRECT_MESSAGE","ERROR_MESSAGE","NO_ANSWER_MESSAGE","Setting","props","showSetting","setShowReadMe","dispatch","useDispatch","useSelector","math","handleChangeValue","val","id","className","onClick","checkedIcon","uncheckedIcon","onColor","height","width","onChange","checked","value","min","max","tooltip","changeEvent","target","ReadMeModal","Modal","size","centered","Header","onHide","Body","setting","page","useState","showReadMe","history","useHistory","go","trigger","position","show","Footer","ProblemButton","name","style","ProblemGroup","handleClick","push","HomePage","CalculatorButton","Calculator","answer","setAnswer","setSpeechSrc","MarkHeader","solvedCount","correctCount","wrongCount","Operation","op1","op2","symbol","result","box","widthEmptyBox","setWidthEmptyBox","useEffect","toString","length","HighScore","scoreArray","Math","LastFiveScore","slice","map","score","index","ScoreModal","modalVisible","endTime","startTime","handleStartOver","handleExitGame","backgroundColor","color","fontSize","sec","pad","num","time","parseFloat","toFixed","hours","floor","minutes","seconds","sec2Time","BootstrapAlert","correctAnswer","alert","variant","message","Alert","CalculatorPage","text","formula","setFormula","setCorrectCount","setSolvedCount","setWrongCount","setCorrectAnswer","checkClicked","setCheckClicked","answerState","setAnswerState","setModalVisible","setScoreArray","Date","now","setStartTime","setEndTime","speechSrc","prevValue1","setPrevValue1","prevValue2","setPrevValue2","delayTime","readText","audioSrc","setFormulaItems","value1","value2","getRandomInt","MYSTERY_PLUS_OP1","MYSTERY_MINUS_OP1","MYSTERY_MULTIPLY_BY_OP1","MYSTERY_DIVIDE_BY_OP1","prevValue","random","correctValue","setCount","setTimeout","ceil","autoPlay","src","App","exact","path","rootReducer","combineReducers","store","createStore","applyMiddleware","thunk","render","document","getElementById"],"mappings":"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","file":"static/js/main.20e5f326.chunk.js","sourcesContent":["export const SET_PROBLEM_ID = 'SET_PROBLEM_ID';\nexport const SET_PROBLEM_COUNT = 'SET_PROBLEM_COUNT';\nexport const SET_MAX_VALUE = 'SET_MAX_VALUE';\nexport const SET_SPEECH = 'SET_SPEECH';\n","import {\n  SET_PROBLEM_ID,\n  SET_PROBLEM_COUNT,\n  SET_MAX_VALUE,\n  SET_SPEECH,\n} from '../actions/types';\n\nconst initialState = {\n  problemId: 0,\n  numberOfProblems: 10,\n  maxValue: {\n    add: 10,\n    sub: 10,\n    multiDiv: 10,\n  },\n  speech: {\n    state: false,\n    speed: 1,\n  },\n};\n\nconst reducer = (state = initialState, action) => {\n  const { type, payload } = action;\n  switch (type) {\n    case SET_PROBLEM_ID:\n      return { ...state, problemId: payload };\n    case SET_PROBLEM_COUNT:\n      return { ...state, numberOfProblems: payload };\n    case SET_MAX_VALUE:\n      return { ...state, maxValue: payload };\n    case SET_SPEECH:\n      return { ...state, speech: payload };\n    default:\n      return initialState;\n  }\n};\n\nexport default reducer;\n","export const SLIDER_MIN_VALUE = 1;\nexport const SLIDER_MAX_VALUE = 100;\nexport const SPEECH_MIN_VALUE = 1;\nexport const SPEECH_MAX_VALUE = 6;\nexport const CORRECT_MESSAGE = 'Correct';\nexport const ERROR_MESSAGE = 'Sorry the answer is';\nexport const NO_ANSWER_MESSAGE = 'Please type answer first';\nexport const PLUS = 'plus';\nexport const MINUS = 'minus';\nexport const MULTIPLY_BY = 'multiply by';\nexport const DIVIDE_BY = 'divide by';\nexport const MYSTERY_PLUS_OP1 = 'What plus';\nexport const MYSTERY_PLUS_OP2 = 'plus What';\nexport const MYSTERY_MINUS_OP1 = 'What minus';\nexport const MYSTERY_MINUS_OP2 = 'minus What';\nexport const MYSTERY_MULTIPLY_BY_OP1 = 'What multiply by';\nexport const MYSTERY_MULTIPLY_BY_OP2 = 'multiply by What';\nexport const MYSTERY_DIVIDE_BY_OP1 = 'What divided by';\nexport const MYSTERY_DIVIDE_BY_OP2 = 'divided by What';\nexport const EQUAL = 'equals';\nexport const TTS_API_KEY = '332c16d1a8db4a10b44047fd0888b485';\nexport const LANGUAGE = 'en-us';\n","import React from \"react\";\nimport Switch from \"react-switch\";\nimport RangeSlider from \"react-bootstrap-range-slider\";\nimport \"react-bootstrap-range-slider/dist/react-bootstrap-range-slider.css\";\nimport { useSelector, useDispatch } from \"react-redux\";\n\nimport {\n  SLIDER_MIN_VALUE,\n  SLIDER_MAX_VALUE,\n  SPEECH_MIN_VALUE,\n  SPEECH_MAX_VALUE,\n} from \"../constants\";\nimport {\n  SET_PROBLEM_COUNT,\n  SET_MAX_VALUE,\n  SET_SPEECH,\n} from \"../store/actions/types\";\n\nexport const Setting = (props) => {\n  const { showSetting, setShowReadMe } = props;\n  const dispatch = useDispatch();\n  const numberOfProblems = useSelector((state) => state.math.numberOfProblems);\n  const maxValue = useSelector((state) => state.math.maxValue);\n  const speech = useSelector((state) => state.math.speech);\n\n  const toggleSwitch = () => {\n    dispatch({\n      type: SET_SPEECH,\n      payload: { ...speech, state: !speech.state },\n    });\n  };\n\n  const handleReset = () => {\n    dispatch({ type: null, payload: null });\n  };\n\n  const handleReadMe = () => {\n    showSetting(false);\n    setShowReadMe(true);\n  };\n\n  const handleChangeValue = (val, id) => {\n    switch (id) {\n      case 1:\n        dispatch({ type: SET_PROBLEM_COUNT, payload: val });\n        break;\n      case 2:\n        dispatch({ type: SET_MAX_VALUE, payload: { ...maxValue, add: val } });\n        break;\n      case 3:\n        dispatch({ type: SET_MAX_VALUE, payload: { ...maxValue, sub: val } });\n        break;\n      case 4:\n        dispatch({\n          type: SET_MAX_VALUE,\n          payload: { ...maxValue, multiDiv: val },\n        });\n        break;\n      case 5:\n        dispatch({ type: SET_SPEECH, payload: { ...speech, speed: val } });\n        break;\n      default:\n        break;\n    }\n  };\n\n  return (\n    <div className=\"bg-white shadow rounded setting-popup\">\n      <div className=\"container\">\n        <div className=\"row pt-2\">\n          <div className=\"col-4 pt-1\">\n            <i\n              className=\"fa fa-info-circle fa-lg setting-reset\"\n              onClick={handleReadMe}\n            />\n          </div>\n          <div className=\"col-4 text-center font-weight-bold\">\n            <span className=\"setting-header\">Settings</span>\n          </div>\n          <div className=\"col-4 text-right pt-1\">\n            <span onClick={handleReset} className=\"setting-reset\">\n              Reset\n            </span>\n          </div>\n        </div>\n        <hr className=\"ml-n3 mt-2 setting-popup\" />\n        <div>\n          <div className=\"row\">\n            <div className=\"col-6\">\n              <span>Sound Off</span>\n            </div>\n            <div className=\"col-6 text-right\">\n              <Switch\n                checkedIcon={false}\n                uncheckedIcon={false}\n                onColor=\"#007bff\"\n                height={20}\n                width={40}\n                onChange={toggleSwitch}\n                checked={speech.state}\n              />\n            </div>\n          </div>\n          <div className=\"mt-3\">\n            <span>Number Of Problems</span>\n            <div className=\"row\">\n              <div className=\"col-10\">\n                <RangeSlider\n                  value={numberOfProblems}\n                  min={SLIDER_MIN_VALUE}\n                  max={SLIDER_MAX_VALUE}\n                  tooltip=\"off\"\n                  onChange={(changeEvent) =>\n                    handleChangeValue(changeEvent.target.value, 1)\n                  }\n                />\n              </div>\n              <div className=\"col-2 setting-range-value\">\n                <span>{numberOfProblems}</span>\n              </div>\n            </div>\n          </div>\n          <div>\n            <span>Addition</span>\n            <div className=\"row\">\n              <div className=\"col-10\">\n                <RangeSlider\n                  value={maxValue.add}\n                  min={SLIDER_MIN_VALUE}\n                  max={SLIDER_MAX_VALUE}\n                  tooltip=\"off\"\n                  onChange={(changeEvent) =>\n                    handleChangeValue(changeEvent.target.value, 2)\n                  }\n                />\n              </div>\n              <div className=\"col-2 setting-range-value\">\n                <span>{maxValue.add}</span>\n              </div>\n            </div>\n          </div>\n          <div>\n            <span>Subtraction</span>\n            <div className=\"row\">\n              <div className=\"col-10\">\n                <RangeSlider\n                  value={maxValue.sub}\n                  min={SLIDER_MIN_VALUE}\n                  max={SLIDER_MAX_VALUE}\n                  tooltip=\"off\"\n                  onChange={(changeEvent) =>\n                    handleChangeValue(changeEvent.target.value, 3)\n                  }\n                />\n              </div>\n              <div className=\"col-2 setting-range-value\">\n                <span>{maxValue.sub}</span>\n              </div>\n            </div>\n          </div>\n          <div>\n            <span>Multiplication/Division</span>\n            <div className=\"row\">\n              <div className=\"col-10\">\n                <RangeSlider\n                  value={maxValue.multiDiv}\n                  min={SLIDER_MIN_VALUE}\n                  max={SLIDER_MAX_VALUE}\n                  tooltip=\"off\"\n                  onChange={(changeEvent) =>\n                    handleChangeValue(changeEvent.target.value, 4)\n                  }\n                />\n              </div>\n              <div className=\"col-2 setting-range-value\">\n                <span>{maxValue.multiDiv}</span>\n              </div>\n            </div>\n          </div>\n          <div>\n            <span>Speech speed</span>\n            <div className=\"row\">\n              <div className=\"col-10\">\n                <RangeSlider\n                  value={speech.speed}\n                  min={SPEECH_MIN_VALUE}\n                  max={SPEECH_MAX_VALUE}\n                  tooltip=\"off\"\n                  onChange={(changeEvent) =>\n                    handleChangeValue(changeEvent.target.value, 5)\n                  }\n                />\n              </div>\n              <div className=\"col-2 setting-range-value\">\n                <span>{speech.speed}</span>\n              </div>\n            </div>\n          </div>\n        </div>\n        <div className=\"text-center setting-version\">\n          <p className=\"pt-4\">© Archer Development</p>\n          <p className=\"mt-n3 pb-4\">Version 1.2.2</p>\n        </div>\n      </div>\n    </div>\n  );\n};\n","import React from 'react';\nimport { Modal } from 'react-bootstrap';\n\nexport const ReadMeModal = (props) => {\n  return (\n    <Modal\n      {...props}\n      size=\"lg\"\n      aria-labelledby=\"contained-modal-title-vcenter\"\n      centered\n    >\n      <Modal.Header className=\"justify-content-center\">\n        <div className=\"container\">\n          <div className=\"row\">\n            <div className=\"col-3\"></div>\n            <div className=\"col-6 text-center\">\n              <span className=\"readme\">README</span>\n            </div>\n            <div className=\"col-3 text-right\">\n              <span onClick={props.onHide}>\n                <i className=\"fa fa-close fa-lg pt-3\" />\n              </span>\n            </div>\n          </div>\n        </div>\n      </Modal.Header>\n      <Modal.Body>\n        <p>\n          The Mathematical Challenges game is the first in a series of games to\n          provide practice in basic math operations. This game provides practice\n          in addition, subtraction, multiplication and division. The student can\n          both see and hear each problem. Erroneous answers will be corrected\n          both visually and aurally.\n        </p>\n        <p>\n          The players will be asked to solve a set of problems. Each set will be\n          timed. The goal of the game is for the player to reduce the time to\n          solve the set of problems with no errors. The numbers in each\n          successive set will be randomly selected within operator defined\n          boundaries. A score is provided for each set of problems based on the\n          number of correct answers and the time to complete the set. The scores\n          are cleared when a new game or setting is selected.\n        </p>\n        <p>\n          Settings are provided to turn the speaker ON or OFF, to control the\n          speed of the speaker, to select the number of problems in a set of\n          problems, and to select the range of the whole numbers to be randomly\n          used in the set of problems. Default selections are Sound ON, speech\n          speed 2, 10 problems in a set, and the range of whole numbers from 0\n          to 10 for addition, subtraction, multiplication, and division.\n        </p>\n        <p>\n          Mystery math games are also provided for practice in determining the\n          unknown whole number in an equation relating three whole numbers.\n        </p>\n        <p>\n          The game is designed to support a subset of the Operations and\n          Algebraic Thinking skills required in the Common Core State Standards\n          for Grades 1, 2, and 3. The game provides remedial practice for Grades\n          4, 5, and 6.\n        </p>\n        <p>\n          With a focus on self-improvement, the games develop mental arithmetic\n          skills as the players race the clock to reduce the time they take to\n          solve a set of problems.\n        </p>\n      </Modal.Body>\n    </Modal>\n  );\n};\n","/* eslint-disable jsx-a11y/anchor-is-valid */\nimport React, { useState } from \"react\";\nimport { useHistory } from \"react-router-dom\";\nimport Popup from \"reactjs-popup\";\n\nimport { Setting } from \"../Setting\";\nimport { ReadMeModal } from \"../ReadMeModal\";\n\nexport const Header = (props) => {\n  const { setting, showSetting, page } = props;\n  const [showReadMe, setShowReadMe] = useState(false);\n  const history = useHistory();\n\n  const handleHide = () => {\n    setShowReadMe(false);\n    showSetting(true);\n  };\n\n  const handleLogoClick = () => {\n    if (page !== 0) {\n      history.go(\"-1\");\n    }\n  };\n\n  return (\n    <header>\n      <div className=\"navbar header\">\n        <div className=\"container\">\n          <div className=\"row w-100\">\n            <div className=\"col-md-8 offset-md-2 text-center\">\n              <a\n                className=\"title align-items-center logo\"\n                onClick={handleLogoClick}\n              >\n                Mathematical Challenges\n              </a>\n            </div>\n            <div className=\"col-md-2 text-right pt-3\">\n              {setting && (\n                <Popup\n                  trigger={\n                    <button className=\"navbar-toggler\" type=\"button\">\n                      <i className=\"fa fa-cog\" />\n                    </button>\n                  }\n                  position=\"bottom right\"\n                >\n                  <Setting\n                    showSetting={showSetting}\n                    showReadMe={showReadMe}\n                    setShowReadMe={setShowReadMe}\n                  />\n                </Popup>\n              )}\n              {showReadMe && (\n                <button className=\"navbar-toggler\" type=\"button\">\n                  <i className=\"fa fa-cog\" />\n                </button>\n              )}\n            </div>\n          </div>\n          <ReadMeModal show={showReadMe} onHide={handleHide} />\n        </div>\n      </div>\n    </header>\n  );\n};\n","import React from 'react';\n\nexport const Footer = () => {\n  return (\n    <footer className=\"text-muted\">\n      <div className=\"container\">\n        <p className=\"text-center\">Ages 4+, Made for ages 6-8, Remedial Practice for ages 9-12</p>\n      </div>\n    </footer>\n  );\n};\n","import React from 'react';\n\nexport const ProblemButton = (props) => {\n  const { onClick, name } = props;\n  return (\n    <div className=\"card my-5 mx-3\">\n      <button\n        type=\"button\"\n        className=\"btn btn-primary\"\n        style={{ height: '100px' }}\n        onClick={onClick}\n      >\n        {name}\n      </button>\n    </div>\n  );\n};\n","import React from \"react\";\nimport { useHistory } from \"react-router-dom\";\nimport { useDispatch } from \"react-redux\";\n\nimport { ProblemButton } from \"../components/ProblemButton\";\nimport { SET_PROBLEM_ID } from \"../store/actions/types\";\n\nexport const ProblemGroup = () => {\n  const dispatch = useDispatch();\n  const history = useHistory();\n\n  const handleClick = (id) => {\n    dispatch({ type: SET_PROBLEM_ID, payload: id });\n    history.push(\"/calculator\");\n  };\n\n  return (\n    <div className=\"album py-5 my-5 bg-light\">\n      <div className=\"container\">\n        <div className=\"row\">\n          <div className=\"col-md-3\">\n            <ProblemButton name=\"ADDITION\" onClick={() => handleClick(1)} />\n          </div>\n          <div className=\"col-md-3\">\n            <ProblemButton name=\"SUBTRACTION\" onClick={() => handleClick(2)} />\n          </div>\n          <div className=\"col-md-3\">\n            <ProblemButton\n              name=\"MULTIPLICATION\"\n              onClick={() => handleClick(3)}\n            />\n          </div>\n          <div className=\"col-md-3\">\n            <ProblemButton name=\"DIVISION\" onClick={() => handleClick(4)} />\n          </div>\n        </div>\n        <div className=\"row\">\n          <div className=\"col-md-3\">\n            <ProblemButton\n              name=\"MYSTERY ADDITION\"\n              onClick={() => handleClick(5)}\n            />\n          </div>\n          <div className=\"col-md-3\">\n            <ProblemButton\n              name=\"MYSTERY SUBSTRACTION\"\n              onClick={() => handleClick(6)}\n            />\n          </div>\n          <div className=\"col-md-3\">\n            <ProblemButton\n              name=\"MYSTERY MULTIPLICATION\"\n              onClick={() => handleClick(7)}\n            />\n          </div>\n          <div className=\"col-md-3\">\n            <ProblemButton\n              name=\"MYSTERY DIVISION\"\n              onClick={() => handleClick(8)}\n            />\n          </div>\n        </div>\n      </div>\n    </div>\n  );\n};\n","import React, { useState } from \"react\";\n\nimport { Header } from \"../components/layouts/Header\";\nimport { Footer } from \"../components/layouts/Footer\";\nimport { ProblemGroup } from \"../components/ProblemGroup\";\n// import { JumboTron } from \"../components/layouts/JumboTron\";\n\nexport const HomePage = () => {\n  const [setting, showSetting] = useState(true);\n\n  return (\n    <>\n      <Header setting={setting} showSetting={showSetting} page={0} />\n      {/* <JumboTron /> */}\n      <ProblemGroup />\n      <Footer />\n    </>\n  );\n};\n","import React from \"react\";\n\nexport const CalculatorButton = (props) => {\n  const { name, onClick } = props;\n  return (\n    <div className=\"my-1 text-center\">\n      <button type=\"button\" className=\"btn calcalator-button\" onClick={onClick}>\n        {name}\n      </button>\n    </div>\n  );\n};\n","import React from 'react';\nimport { CalculatorButton } from './CalculatorButton';\n\nexport const Calculator = (props) => {\n  const { answer, setAnswer, setSpeechSrc } = props;\n\n  const handleClick = (value) => {\n    setSpeechSrc(false);\n    if (value !== 'C') {\n      setAnswer(answer * 10 + value);\n    } else {\n      setAnswer('');\n    }\n  };\n\n  return (\n    <>\n      <div className=\"row\">\n        <div className=\"col-4\">\n          <CalculatorButton name=\"1\" onClick={() => handleClick(1)} />\n        </div>\n        <div className=\"col-4\">\n          <CalculatorButton name=\"2\" onClick={() => handleClick(2)} />\n        </div>\n        <div className=\"col-4\">\n          <CalculatorButton name=\"3\" onClick={() => handleClick(3)} />\n        </div>\n      </div>\n      <div className=\"row\">\n        <div className=\"col-4\">\n          <CalculatorButton name=\"4\" onClick={() => handleClick(4)} />\n        </div>\n        <div className=\"col-4\">\n          <CalculatorButton name=\"5\" onClick={() => handleClick(5)} />\n        </div>\n        <div className=\"col-4\">\n          <CalculatorButton name=\"6\" onClick={() => handleClick(6)} />\n        </div>\n      </div>\n      <div className=\"row\">\n        <div className=\"col-4\">\n          <CalculatorButton name=\"7\" onClick={() => handleClick(7)} />\n        </div>\n        <div className=\"col-4\">\n          <CalculatorButton name=\"8\" onClick={() => handleClick(8)} />\n        </div>\n        <div className=\"col-4\">\n          <CalculatorButton name=\"9\" onClick={() => handleClick(9)} />\n        </div>\n      </div>\n      <div className=\"row\">\n        <div className=\"col-4\"></div>\n        <div className=\"col-4\">\n          <CalculatorButton name=\"0\" onClick={() => handleClick(0)} />\n        </div>\n        <div className=\"col-4\">\n          <CalculatorButton name=\"C\" onClick={() => handleClick('C')} />\n        </div>\n      </div>\n    </>\n  );\n};\n","import React from 'react';\n\nexport const MarkHeader = (props) => {\n  const { solvedCount, numberOfProblems, correctCount, wrongCount } = props;\n\n  return (\n    <section className=\"my-4 text-problem-count\">\n      <div className=\"container\">\n        <div className=\"row\">\n          <div className=\"col-6\">\n            <span>\n              Problem: {solvedCount} / {numberOfProblems}\n            </span>\n          </div>\n          <div className=\"col-6 text-right\">\n            <i className=\"fa fa-check mx-2 text-success\" />\n            <span className=\"mx-2\">{correctCount}</span>\n            <i className=\"fa fa-close mx-2 text-danger\" />\n            <span className=\"ml-2\">{wrongCount}</span>\n          </div>\n        </div>\n      </div>\n    </section>\n  );\n};\n","import React, { useState, useEffect } from \"react\";\n\nexport const Operation = (props) => {\n  const { op1, op2, symbol, result, box, answer } = props;\n  const [widthEmptyBox, setWidthEmptyBox] = useState();\n\n  useEffect(() => {\n    const width =\n      answer.toString() === \"\" ? \"75px\" : answer.toString().length * 75 + \"px\";\n    setWidthEmptyBox(width);\n  }, [answer]);\n\n  return (\n    <section className=\"mb-5 d-flex justify-content-center text-formula\">\n      <div className=\"mx-3\">\n        {box === 1 ? (\n          <div\n            className=\"text-center empty-box\"\n            style={{ width: widthEmptyBox }}\n          >\n            <span>{answer}</span>\n          </div>\n        ) : (\n          <span>{op1}</span>\n        )}\n      </div>\n      <div className=\"mx-3\">\n        <span>{symbol}</span>\n      </div>\n      <div className=\"mx-3\">\n        {box === 2 ? (\n          <div\n            className=\"text-center empty-box\"\n            style={{ width: widthEmptyBox }}\n          >\n            <span>{answer}</span>\n          </div>\n        ) : (\n          <span>{op2}</span>\n        )}\n      </div>\n      <div className=\"mx-3\">\n        <span>=</span>\n      </div>\n      <div className=\"mx-3\">\n        {box === 3 ? (\n          <div\n            className=\"text-center empty-box\"\n            style={{ width: widthEmptyBox }}\n          >\n            <span>{answer}</span>\n          </div>\n        ) : (\n          <span>{result}</span>\n        )}\n      </div>\n    </section>\n  );\n};\n","import React from 'react';\n\nexport const HighScore = ({ scoreArray }) => {\n  return (\n    <div>\n      <p className=\"score\">High Score</p>\n      <p>{scoreArray.length > 0 ? Math.max(...scoreArray) : ''}</p>\n    </div>\n  );\n};\n","import React from 'react';\n\nexport const LastFiveScore = ({ scoreArray }) => {\n  return (\n    <div>\n      <p className=\"score\">Last 5 Scores</p>\n      <div className=\"text-left\">\n        {scoreArray.length > 0 &&\n          scoreArray.slice(-5).map((score, index) => (\n            <p>\n              {index + 1}. {score}\n            </p>\n          ))}\n      </div>\n    </div>\n  );\n};\n","import React from 'react';\nimport { Modal } from 'react-bootstrap';\n\nexport const ScoreModal = (props) => {\n  const {\n    modalVisible,\n    correctCount,\n    wrongCount,\n    endTime,\n    startTime,\n    handleStartOver,\n    handleExitGame,\n  } = props;\n\n  const sec2Time = (sec) => {\n    const pad = (num, size) => {\n      return ('000' + num).slice(size * -1);\n    };\n    const time = parseFloat(sec).toFixed(3);\n    const hours = Math.floor(time / 60 / 60);\n    const minutes = Math.floor(time / 60) % 60;\n    const seconds = Math.floor(time - minutes * 60);\n    return pad(hours, 2) + ':' + pad(minutes, 2) + ':' + pad(seconds, 2);\n  };\n\n  return (\n    <Modal show={modalVisible} className=\"text-center\" centered>\n      <Modal.Body\n        className=\"text-center pt-4\"\n        style={{ backgroundColor: '#222933' }}\n      >\n        <div className=\"mb-3\">\n          <i\n            className=\"fa fa-exclamation-circle\"\n            style={{ color: '#fdb416', fontSize: 60 }}\n          />\n        </div>\n        <h6 className=\"text-white mb-4\">\n          How many correct Answers: {correctCount}\n        </h6>\n        <h6 className=\"text-white mb-4\">\n          How many missed Answers: {wrongCount}\n        </h6>\n        <h6 className=\"text-white mb-4\">\n          {' '}\n          Your time: {sec2Time(endTime - startTime)}\n        </h6>\n        <div>\n          <button\n            className=\"btn btn-primary mb-3 mx-2\"\n            onClick={handleStartOver}\n          >\n            START OVER\n          </button>\n          <button className=\"btn btn-danger mb-3 mx-2\" onClick={handleExitGame}>\n            EXIT GAME\n          </button>\n        </div>\n      </Modal.Body>\n    </Modal>\n  );\n};\n","import React from 'react';\nimport { Alert } from 'react-bootstrap';\n\nimport {\n  CORRECT_MESSAGE,\n  ERROR_MESSAGE,\n  NO_ANSWER_MESSAGE,\n} from '../constants';\n\nexport const BootstrapAlert = (props) => {\n  const { state, correctAnswer } = props;\n  let alert = {\n    variant: '',\n    message: '',\n    show: false,\n  };\n  switch (state) {\n    case 1:\n      alert.variant = 'success';\n      alert.show = true;\n      alert.message = CORRECT_MESSAGE;\n      break;\n    case 2:\n      alert.variant = 'danger';\n      alert.show = true;\n      alert.message = ERROR_MESSAGE + ' ' + correctAnswer;\n      break;\n    case 3:\n      alert.variant = 'warning';\n      alert.show = true;\n      alert.message = NO_ANSWER_MESSAGE;\n      break;\n\n    default:\n      break;\n  }\n\n  return (\n    <>\n      {!alert.show ? (\n        <div className=\"notification\"></div>\n      ) : (\n        <Alert\n          variant={alert.variant}\n          show={alert.show}\n        >\n          {alert.message}\n        </Alert>\n      )}\n    </>\n  );\n};\n","import React, { useState, useEffect } from \"react\";\nimport { useHistory } from \"react-router-dom\";\nimport { useSelector, useDispatch } from \"react-redux\";\n\nimport { Header } from \"../components/layouts/Header\";\nimport { Calculator } from \"../components/Calculator\";\nimport { MarkHeader } from \"../components/MarkHeader\";\nimport { Operation } from \"../components/Operation\";\nimport { HighScore } from \"../components/HighScore\";\nimport { LastFiveScore } from \"../components/LastFiveScore\";\nimport { ScoreModal } from \"../components/ScoreModal\";\nimport { BootstrapAlert as Alert } from \"../components/Alert\";\nimport {\n  SLIDER_MIN_VALUE,\n  CORRECT_MESSAGE,\n  ERROR_MESSAGE,\n  NO_ANSWER_MESSAGE,\n  PLUS,\n  MINUS,\n  MULTIPLY_BY,\n  DIVIDE_BY,\n  MYSTERY_PLUS_OP1,\n  MYSTERY_PLUS_OP2,\n  MYSTERY_MINUS_OP1,\n  MYSTERY_MINUS_OP2,\n  MYSTERY_MULTIPLY_BY_OP1,\n  MYSTERY_MULTIPLY_BY_OP2,\n  MYSTERY_DIVIDE_BY_OP1,\n  MYSTERY_DIVIDE_BY_OP2,\n  EQUAL,\n  TTS_API_KEY,\n  LANGUAGE,\n} from \"../constants\";\nimport { SET_PROBLEM_ID } from \"../store/actions/types\";\n\nexport const CalculatorPage = () => {\n  const numberOfProblems = useSelector((state) => state.math.numberOfProblems);\n  const maxValue = useSelector((state) => state.math.maxValue);\n  const speech = useSelector((state) => state.math.speech);\n  const problemId = useSelector((state) => state.math.problemId);\n  const dispatch = useDispatch();\n  const history = useHistory();\n  const [formula, setFormula] = useState({\n    op1: \"\",\n    op2: \"\",\n    symbol: \"\",\n    result: \"\",\n    answer: \"\",\n    text: \"\",\n  });\n  const [correctCount, setCorrectCount] = useState(0);\n  const [solvedCount, setSolvedCount] = useState(1);\n  const [wrongCount, setWrongCount] = useState(0);\n  const [correctAnswer, setCorrectAnswer] = useState(0);\n  const [checkClicked, setCheckClicked] = useState(false);\n  const [answer, setAnswer] = useState(\"\");\n  const [answerState, setAnswerState] = useState(0);\n  const [modalVisible, setModalVisible] = useState(false);\n  const [scoreArray, setScoreArray] = useState([]);\n  const [startTime, setStartTime] = useState(Date.now() / 1000);\n  const [endTime, setEndTime] = useState(Date.now() / 1000);\n  const [speechSrc, setSpeechSrc] = useState(false);\n  const [prevValue1, setPrevValue1] = useState(0);\n  const [prevValue2, setPrevValue2] = useState(0);\n  const delayTime = speech.state ? 4000 : 2000;\n\n  const readText = (text) => {\n    if (speech.state) {\n      const audioSrc = `http://api.voicerss.org/?key=${TTS_API_KEY}&hl=${LANGUAGE}&src=${text}&r=${speech.speed}`;\n      setSpeechSrc(audioSrc);\n    }\n  };\n\n  const setFormulaItems = () => {\n    let op1, op2, symbol, result, answer, value1, value2, text;\n    switch (problemId) {\n      case 1: // addition\n        op1 = getRandomInt(SLIDER_MIN_VALUE, maxValue.add, prevValue1);\n        setPrevValue1(op1);\n        op2 = getRandomInt(SLIDER_MIN_VALUE, maxValue.add, prevValue2);\n        setPrevValue2(op2);\n        symbol = \"+\";\n        result = op1 + op2;\n        answer = 3;\n        text = op1 + \" \" + PLUS + \" \" + op2;\n        break;\n      case 2: // subtraction\n        value1 = getRandomInt(SLIDER_MIN_VALUE, maxValue.sub, prevValue1);\n        setPrevValue1(value1);\n        value2 = getRandomInt(SLIDER_MIN_VALUE, maxValue.sub, prevValue2);\n        setPrevValue2(value2);\n        op1 = value1 >= value2 ? value1 : value2;\n        op2 = value1 >= value2 ? value2 : value1;\n        symbol = \"-\";\n        result = op1 - op2;\n        answer = 3;\n        text = op1 + \" \" + MINUS + \" \" + op2;\n        break;\n      case 3: // multiplication\n        op1 = getRandomInt(SLIDER_MIN_VALUE, maxValue.multiDiv, prevValue1);\n        setPrevValue1(op1);\n        op2 = getRandomInt(SLIDER_MIN_VALUE, maxValue.multiDiv, prevValue2);\n        setPrevValue2(op2);\n        symbol = \"X\";\n        result = op1 * op2;\n        answer = 3;\n        text = op1 + \" \" + MULTIPLY_BY + \" \" + op2;\n        break;\n      case 4: // division\n        op2 = getRandomInt(SLIDER_MIN_VALUE, maxValue.multiDiv, prevValue1);\n        setPrevValue1(op2);\n        result = getRandomInt(SLIDER_MIN_VALUE, maxValue.multiDiv, prevValue2);\n        setPrevValue2(result);\n        symbol = \"/\";\n        op1 = op2 * result;\n        answer = 3;\n        text = op1 + \" \" + DIVIDE_BY + \" \" + op2;\n        break;\n      case 5: // mystery additon\n        op1 = getRandomInt(SLIDER_MIN_VALUE, maxValue.add, prevValue1);\n        setPrevValue1(op1);\n        op2 = getRandomInt(SLIDER_MIN_VALUE, maxValue.add, prevValue2);\n        setPrevValue2(op2);\n        symbol = \"+\";\n        result = op1 + op2;\n        answer = getRandomInt(1, 2);\n        text =\n          answer === 1\n            ? MYSTERY_PLUS_OP1 + \" \" + op2 + \" \" + EQUAL + \" \" + result\n            : op1 + \" \" + MYSTERY_PLUS_OP2 + \" \" + EQUAL + \" \" + result;\n        break;\n      case 6: // mystery subtraction\n        value1 = getRandomInt(SLIDER_MIN_VALUE, maxValue.sub, prevValue1);\n        setPrevValue1(value1);\n        value2 = getRandomInt(SLIDER_MIN_VALUE, maxValue.sub, prevValue2);\n        setPrevValue2(value2);\n        op1 = value1 >= value2 ? value1 : value2;\n        op2 = value1 >= value2 ? value2 : value1;\n        symbol = \"-\";\n        result = op1 - op2;\n        answer = getRandomInt(1, 2);\n        text =\n          answer === 1\n            ? MYSTERY_MINUS_OP1 + \" \" + op2 + \" \" + EQUAL + \" \" + result\n            : op1 + \" \" + MYSTERY_MINUS_OP2 + \" \" + EQUAL + \" \" + result;\n        break;\n      case 7: // mystery multiplication\n        op1 = getRandomInt(SLIDER_MIN_VALUE, maxValue.multiDiv, prevValue1);\n        setPrevValue1(op1);\n        op2 = getRandomInt(SLIDER_MIN_VALUE, maxValue.multiDiv, prevValue2);\n        setPrevValue2(op2);\n        symbol = \"X\";\n        result = op1 * op2;\n        answer = getRandomInt(1, 2);\n        text =\n          answer === 1\n            ? MYSTERY_MULTIPLY_BY_OP1 + \" \" + op2 + \" \" + EQUAL + \" \" + result\n            : op1 + \" \" + MYSTERY_MULTIPLY_BY_OP2 + \" \" + EQUAL + \" \" + result;\n        break;\n      case 8: // mystery division\n        result = getRandomInt(SLIDER_MIN_VALUE, maxValue.multiDiv, prevValue1);\n        setPrevValue1(result);\n        op2 = getRandomInt(SLIDER_MIN_VALUE, maxValue.multiDiv, prevValue2);\n        setPrevValue2(op2);\n        symbol = \"/\";\n        op1 = op2 * result;\n        answer = getRandomInt(1, 2);\n        text =\n          answer === 1\n            ? MYSTERY_DIVIDE_BY_OP1 + \" \" + op2 + \" \" + EQUAL + \" \" + result\n            : op1 + \" \" + MYSTERY_DIVIDE_BY_OP2 + \" \" + EQUAL + \" \" + result;\n        break;\n      default:\n        break;\n    }\n\n    // formula\n    readText(text);\n\n    return {\n      op1: op1,\n      op2: op2,\n      symbol: symbol,\n      result: result,\n      answer: answer, // 1: op1, 2: op2, 3: result\n      text: text,\n    };\n  };\n\n  const getRandomInt = (min, max, prevValue = 0) => {\n    if (prevValue === 0) {\n      return Math.floor(Math.random() * max) + min;\n    } else {\n      while (1) {\n        const value = Math.floor(Math.random() * max) + min;\n        if (value !== prevValue) {\n          return value;\n        }\n      }\n    }\n  };\n\n  const handleCheck = () => {\n    if (answer !== \"\") {\n      setCheckClicked(true);\n    } else {\n      readText(NO_ANSWER_MESSAGE);\n      setAnswerState(3);\n      setTimeout(() => {\n        setAnswerState(4);\n      }, delayTime);\n    }\n  };\n\n  const delay = () => {\n    setTimeout(() => {\n      setCheckClicked(false);\n      setAnswer(\"\");\n      setAnswerState(0);\n      setSolvedCount(solvedCount + 1);\n      setFormula(setFormulaItems());\n    }, delayTime);\n  };\n\n  const delayShowingModal = () => {\n    setTimeout(() => {\n      setModalVisible(true);\n    }, 1000);\n  };\n\n  const setCount = () => {\n    let correctValue;\n    if (formula.answer === 1) {\n      correctValue = formula.op1;\n    } else if (formula.answer === 2) {\n      correctValue = formula.op2;\n    } else {\n      correctValue = formula.result;\n    }\n    setCorrectAnswer(correctValue);\n    if (answer === correctValue && checkClicked) {\n      readText(CORRECT_MESSAGE);\n      setAnswerState(1);\n      setCorrectCount(correctCount + 1);\n    } else if (answer !== \"\" && checkClicked) {\n      readText(ERROR_MESSAGE + \" \" + correctValue);\n      setAnswerState(2);\n      setWrongCount(wrongCount + 1);\n    }\n  };\n\n  const handleStartOver = () => {\n    setScoreArray([\n      ...scoreArray,\n      Math.ceil((correctCount / (endTime - startTime)) * 1000),\n    ]);\n    setModalVisible(false);\n    setStartTime(Date.now() / 1000);\n    setEndTime(Date.now() / 1000);\n    setCheckClicked(false);\n    setCorrectAnswer(0);\n    setCorrectCount(0);\n    setWrongCount(0);\n    setSolvedCount(1);\n    setAnswerState(4);\n    setAnswer(\"\");\n    setFormula(setFormulaItems());\n  };\n\n  const handleExitGame = () => {\n    dispatch({ type: SET_PROBLEM_ID, payload: 0 });\n    setModalVisible(false);\n    history.go(\"-1\");\n  };\n\n  useEffect(() => {\n    if (problemId !== 0) {\n      // reset the formula\n      setFormula(setFormulaItems());\n    } else {\n      history.go(\"-1\");\n    }\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n  }, []);\n\n  useEffect(() => {\n    if (checkClicked) {\n      setCount();\n      if (solvedCount <= numberOfProblems - 1) {\n        delay();\n      } else {\n        setEndTime(Date.now() / 1000);\n        delayShowingModal();\n      }\n    }\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n  }, [checkClicked]);\n\n  return (\n    <>\n      <Header setting={false} page={1} />\n      <MarkHeader\n        solvedCount={solvedCount}\n        numberOfProblems={numberOfProblems}\n        correctCount={correctCount}\n        wrongCount={wrongCount}\n      />\n      <Operation\n        op1={formula.op1}\n        op2={formula.op2}\n        symbol={formula.symbol}\n        result={formula.result}\n        box={formula.answer}\n        answer={answer}\n      />\n      <div className=\"container\">\n        <div className=\"row\">\n          <div className=\"col-2\"></div>\n          <div className=\"col-8 text-center\">\n            <Alert state={answerState} correctAnswer={correctAnswer} />\n            <button\n              className=\"btn btn-primary btn-lg pt-3 pr-5 pb-3 pl-5\"\n              onClick={handleCheck}\n            >\n              Check\n            </button>\n          </div>\n          <div className=\"col-2\"></div>\n        </div>\n      </div>\n      <div className=\"album py-5\">\n        <div className=\"container\">\n          <div className=\"row\">\n            <div className=\"col-4 text-left\">\n              <div className=\"row\">\n                <div className=\"col-3\"></div>\n                <div className=\"col-8 text-left\">\n                  <HighScore scoreArray={scoreArray} />\n                </div>\n                <div className=\"col-1\"></div>\n              </div>\n            </div>\n            <div className=\"col-4\">\n              <Calculator\n                answer={answer}\n                setAnswer={setAnswer}\n                setSpeechSrc={setSpeechSrc}\n              />\n            </div>\n            <div className=\"col-4 text-right\">\n              <div className=\"row\">\n                <div className=\"col-2\"></div>\n                <div className=\"col-8 text-left mr-1\">\n                  <LastFiveScore scoreArray={scoreArray} />\n                </div>\n                <div className=\"col-2\"></div>\n              </div>\n            </div>\n          </div>\n        </div>\n      </div>\n      <ScoreModal\n        modalVisible={modalVisible}\n        correctCount={correctCount}\n        wrongCount={wrongCount}\n        endTime={endTime}\n        startTime={startTime}\n        handleStartOver={handleStartOver}\n        handleExitGame={handleExitGame}\n      />\n      {speechSrc && <audio autoPlay src={speechSrc}></audio>}\n    </>\n  );\n};\n","import React from 'react';\nimport { BrowserRouter as Router, Switch, Route } from 'react-router-dom';\nimport '../node_modules/font-awesome/scss/font-awesome.scss';\n\nimport { HomePage } from './pages/HomePage';\nimport { CalculatorPage } from './pages/CalculatorPage';\n\nconst App = () => {\n  return (\n    <div className=\"App\">\n      <Router>\n        <Switch>\n          <Route exact path=\"/\">\n            <HomePage />\n          </Route>\n          <Route exact path=\"/calculator\">\n            <CalculatorPage />\n          </Route>\n        </Switch>\n      </Router>\n    </div>\n  );\n};\n\nexport default App;\n","import React from 'react';\nimport { render } from 'react-dom';\nimport { applyMiddleware, createStore, combineReducers } from 'redux';\nimport { Provider } from 'react-redux';\nimport thunk from 'redux-thunk';\n\nimport reducer from './store/reducers';\nimport App from './App';\nimport './assets/style.scss';\n\nconst rootReducer = combineReducers({\n  math: reducer,\n});\nconst store = createStore(rootReducer, applyMiddleware(thunk));\n\nrender(\n  <Provider store={store}>\n    <App />\n  </Provider>,\n  document.getElementById('root'),\n);\n"],"sourceRoot":""}