(this["webpackJsonptype-for-speed"]=this["webpackJsonptype-for-speed"]||[]).push([[0],{39:function(e,t,n){e.exports=n(67)},44:function(e,t,n){},45:function(e,t,n){},67:function(e,t,n){"use strict";n.r(t);var a=n(0),s=n.n(a),i=n(11),r=n.n(i),o=(n(44),n(37)),c=n(87),p=n(12),u=n(13),l=n(24),m=n(23),h=(n(45),n(88)),d=n(89),g=n(25),f=n.n(g),v=function(){function e(){Object(p.a)(this,e)}return Object(u.a)(e,[{key:"getUserName",value:function(){return this.request("getUserName",{}).then((function(e){return null!=e&&"username"in e?e.username:""}))}},{key:"setUserName",value:function(e){this.request("setUserName",{username:e})}},{key:"getScore",value:function(e){return this.request("getScore",{snippetID:e}).then((function(e){return null!=e&&"score"in e?e.score:""}))}},{key:"setScore",value:function(e,t){this.request("setScore",{snippetID:e,score:t})}},{key:"getNextSnippet",value:function(e){return this.request("getNextSnippet",{snippetID:e})}},{key:"request",value:function(e,t){return f.a.post("https://type-fast-293505-go-server-dot-type-fast-293505.wm.r.appspot.com/"+e,{Token:localStorage.getItem("token"),JSON:JSON.stringify(t)},{headers:{"Content-Type":"application/json","Access-Control-Allow-Origin":"*"}}).then((function(e){return JSON.parse(e.data)})).catch((function(e){console.log(e)}))}}]),e}(),y="ABCDEFGHIJKLMNOPQRSTUVWXYZabcdefghijklmnopqrstuvwxyz1234567890!@#$%^&*()`~-_=+[{]}\\|;:'\",<.>/? ",N=function(e){Object(l.a)(n,e);var t=Object(m.a)(n);function n(e){var a;return Object(p.a)(this,n),(a=t.call(this,e)).onFocus=function(e){a.setState({isFocused:!0})},a.onLoseFocus=function(e){new Promise((function(e){return setTimeout(e,300)})).then((function(){a.paper!==document.activeElement&&a.setState({isFocused:!1})}))},a.getTypedText=function(e){return a.state.typedText},a.onKeyDown=function(e){e.preventDefault();var t=e.key;if(e.ctrlKey){if("r"===t)return void a.onReset();if("f"===t)return void a.getNext()}if("Backspace"===t){var n=a.state.wrongText,s=a.state.typedText;n?a.setState({wrongText:n.slice(0,n.length-1)}):s&&a.setState({typedText:s.slice(0,s.length-1)})}else if(a.allowed(t)||"Enter"===t||"Tab"===t){"Enter"===t?t="\n":"Tab"===t&&(t="\t"),a.state.typedText||a.state.wrongText||a.start();var i=a.state.typedText,r=a.state.wrongText;a.doesNextCharMatch(r,i,t)?(i+=t,i=a.typeTabs(i),a.setState({typedText:i})):(r+=t,a.setState({wrongText:r})),a.updateWpm(r,i)}},a.state={text:"",typedText:"",wrongText:"",startTime:0,currentWpm:"",isFocused:!1},a}return Object(u.a)(n,[{key:"componentDidMount",value:function(){}},{key:"render",value:function(){var e=this;return s.a.createElement("div",{className:"typing primary-light"},s.a.createElement("div",{className:"paper paper-shadow "+this.displayHighlight(),onKeyDown:this.onKeyDown,onBlur:this.onLoseFocus,onFocus:this.onFocus,tabIndex:"-1",ref:function(t){return e.paper=t}},s.a.createElement("div",{className:"typingcontainer"},s.a.createElement("div",{className:"instructions "+this.displayInstructions()},s.a.createElement("div",{className:"innerInstructions"},"Click the paper and start typing!")),s.a.createElement("div",{className:"typingtext"},this.props.text),s.a.createElement("div",{className:"typingtextfront"},this.getTypedText(),s.a.createElement("span",{className:"typingtextbadspan"},this.getWrongText()),s.a.createElement("span",{className:"green"},this.displayEnter()),s.a.createElement("span",{className:"next"},this.getNextChar(this.state.typedText.length,this.state.wrongText))),s.a.createElement("div",{className:"current"}))))}},{key:"displayHighlight",value:function(){return this.state.isFocused?"highlight-off":"highlight-on"}},{key:"displayInstructions",value:function(){return this.state.isFocused?"hidden":""}},{key:"displayEnter",value:function(){return this.getWrongText()||"\n"!==this.getNextChar(this.state.typedText.length,this.state.wrongText)?"":" Hit Enter! "}},{key:"componentDidUpdate",value:function(e){0!==e.restart&&(e.restart===this.props.restart&&e.textId===this.props.textId||(this.onReset(),this.paper.focus()))}},{key:"allowed",value:function(e){return y.includes(e)}},{key:"typeTabs",value:function(e){for(;e.length<this.props.text.length&&"\t"===this.props.text.charAt(e.length);)e+="\t";return e}},{key:"getNext",value:function(){this.props.onNext()}},{key:"onReset",value:function(){this.setState({typedText:"",wrongText:"",currentWpm:"",startTime:(new Date).getTime()}),this.props.onWpmChange("")}},{key:"start",value:function(){this.onReset()}},{key:"updateWpm",value:function(e,t){var n=this.getWPM(t.length);this.setState({currentWpm:n}),this.props.onWpmChange(n,this.isFinished(e,t))}},{key:"getWPM",value:function(e){return Math.ceil(12*e*1e3/((new Date).getTime()+1-this.state.startTime))}},{key:"getNextChar",value:function(e,t){return this.state.isFocused?t?"_":e>=this.props.text.length?"":this.props.text.slice(e,e+1):""}},{key:"doesNextCharMatch",value:function(e,t,n){return!e&&this.getNextChar(t.length,e)===n}},{key:"isFinished",value:function(e,t){return!this.state.wrongText&&this.props.text===t}},{key:"getWrongText",value:function(){return this.state.wrongText}}]),n}(s.a.Component),x=function(e){Object(l.a)(n,e);var t=Object(m.a)(n);function n(e){var a;return Object(p.a)(this,n),(a=t.call(this,e)).onMouseEnterName=function(e){a.setState({showEditName:!0})},a.onMouseLeaveName=function(e){a.setState({showEditName:!1}),a.setUserName(e)},a.handleWpmChange=function(e,t){a.setState({currentWpm:e}),t&&(!a.state.bestWpm||a.state.bestWpm<e)&&(a.client.setScore(a.state.snippetID,e.toString()),a.setState({bestWpm:e}))},a.changeUserName=function(e){a.setState({inputUserName:e.target.value})},a.onSignIn=function(e){var t=e.getAuthResponse().id_token;localStorage.setItem("token",t),a.getUserName(),a.getBestWpm(),a.setState({token:t})},a.getUserName=function(e){return a.client.getUserName().then((function(e){a.setState({username:e})}))},a.getBestWpm=function(e){return a.getBestWpmFromSnippetID(a.state.snippetID)},a.setUserName=function(e){var t=a.state.inputUserName;t&&t!==a.state.username&&(a.setState({username:t}),(new v).setUserName(t))},a.getScore=function(e){a.client.getScore(a.state.snippetID)},a.setScore=function(e){a.client.setScore(a.state.snippetID,a.state.score)},a.getNextSnippet=function(e){a.client.getNextSnippet(a.state.snippetID).then((function(t){a.restart(e),a.setState({snippet:atob(t.snippet),snippetID:t.snippetID}),a.getBestWpmFromSnippetID(t.snippetID)}))},a.restart=function(e){a.setState({restart:a.state.restart+1})},a.client=new v,a.state={username:"",inputUserName:"",currentWpm:"",bestWpm:"",snippetID:"",snippet:"",showEditName:"",token:"",restart:0},a}return Object(u.a)(n,[{key:"render",value:function(){return s.a.createElement("div",{className:"app primary-text"},s.a.createElement("div",{className:"paper-sidebar paper-shadow"}),s.a.createElement("div",{className:"ff"}),s.a.createElement("div",{className:"sidebar"},s.a.createElement("div",{className:"username primary-dark"},this.getUserNameDiv()),s.a.createElement("div",{className:"score primary-main "},s.a.createElement("div",{className:"padding-top-left"},"Best WPM"),s.a.createElement("div",{className:"score-text"},this.state.bestWpm)),s.a.createElement("div",{className:"score primary-main "},s.a.createElement("div",{className:"padding-top-left"},"Current WPM"),s.a.createElement("div",{className:"score-text"},this.state.currentWpm)),s.a.createElement("div",{className:"primary-main-light"},s.a.createElement("div",{className:"menu primary-main-light"},s.a.createElement("div",{className:"spacing-menu"}),s.a.createElement(h.a,{variant:"contained",color:"secondary",className:"restart",onClick:this.restart,disableElevation:!0},"Restart"),s.a.createElement("div",{className:"spacing-menu"}),s.a.createElement(h.a,{variant:"contained",color:"secondary",className:"next",onClick:this.getNextSnippet,disableElevation:!0},"Next"),s.a.createElement("div",{className:"spacing-menu"}))),s.a.createElement("div",{className:"bottom"})),s.a.createElement(N,{onWpmChange:this.handleWpmChange,text:this.state.snippet,restart:this.state.restart,onNext:this.getNextSnippet}))}},{key:"getUserNameDiv",value:function(){if(this.SignedIn()){var e=s.a.createElement("span",null,this.state.username,"?"),t=s.a.createElement("span",null,s.a.createElement(d.a,{style:{width:100,color:"white"},placeholder:this.state.username,onChange:this.changeUserName,color:"primary"}));return s.a.createElement("div",{onMouseEnter:this.onMouseEnterName,onMouseLeave:this.onMouseLeaveName},s.a.createElement("div",{className:"padding-top-left"},"Ready to type, ",this.state.showEditName?t:e," "))}return s.a.createElement("div",{className:"padding-left "+(this.SignedIn()?"hidden":"")},"\xa0",s.a.createElement("div",{id:"g-signin2"}))}},{key:"SignedIn",value:function(){return this.state.token}},{key:"componentDidMount",value:function(){var e=this;window.gapi.load("auth2",(function(){window.gapi.signin2.render("g-signin2",{scope:"profile email",width:150,height:50,onsuccess:e.onSignIn})})),this.getUserName(),this.getBestWpm(),this.getNextSnippet()}},{key:"getBestWpmFromSnippetID",value:function(e){var t=this;return this.client.getScore(e).then((function(e){t.setState({bestWpm:e})}))}}]),n}(s.a.Component),E=Object(o.a)({typography:{fontFamily:["-apple-system","BlinkMacSystemFont","Segoe UI","Roboto","Oxygen","Ubuntu","Cantarell","Fira Sans","Droid Sans","Helvetica Neue","sans-serif"],fontSize:16,fontWeightRegular:700,fontWeightMedium:700,fontWeightLight:700},props:{MuiButtonBase:{disableRipple:!0}},palette:{primary:{light:"#8e8e8e",main:"#616161",dark:"#373737",contrastText:"#ffffff"},secondary:{light:"#ffffff",main:"#ffffff",dark:"#ffffff",contrastText:"#787878"}}});r.a.render(s.a.createElement(s.a.StrictMode,null,s.a.createElement(c.a,{theme:E},s.a.createElement(x,null))),document.getElementById("root"))}},[[39,1,2]]]);
//# sourceMappingURL=main.a4040a3b.chunk.js.map