\n\t\t\n\t\t{' '}\n\t\t\n\t
}\n\t- \n\t\t{ histories.map( (history) =>
\n\t\t\t\t
\n\t\t);\n\t} else {\n\t\treturn null;\n\t}\n}\n\nexport default AskAccidentPrompt;","import React, {useState} from 'react';\n\nimport {PeeIcon, PooIcon, WaterIcon, FoodIcon, SleepIcon, StopIcon, BallIcon} from './Icons';\nimport AskAccidentPrompt from './AskAccidentPrompt';\nimport './ActivityButton.scss';\n\nconst ActivityButton = (props) => {\n\n\treturn (\n\t\t\n\t\t\t\t\t\n\t\t\t\t\t\n\t\t\t\t\t\n\t\t\t\t
\n\t\t\t\n\t\t\t\n\t\t\t
\n\t)\n}\n\nconst PeeButton = (props) => {\n\tconst [askAccident, setAskAccident] = useState(false);\n\treturn (\n\t\t<>\n\t\t{props.label}
\n\t\t
\n}\n\nexport default Avatar;","import React from \"react\";\nimport { useState } from \"react\";\nimport api from '../api/easypuppy';\nimport \"./NotifyMe.scss\";\nimport { fetchCurrentPersonAction } from \"../actions\";\nimport { connect } from 'react-redux';\n\nconst NotifyMe = ({puppy, dispatch}) => {\n const [fetching, setFetching] = useState(false)\n\n const handleChange = (e) => {\n setFetching(true)\n api.updateNotify(puppy.id, {\n notify_on: e.target.checked\n })\n .then(\n () => {\n // This is the lazy way to update the state\n dispatch(fetchCurrentPersonAction())\n }\n )\n .finally(\n () => {\n setFetching(false)\n }\n )\n }\n\n return(\n \n
\n );\n}\n \nexport default connect()(NotifyMe);","import React from \"react\";\nimport { PeeIcon, PooIcon } from \"./Icons\";\nimport ExcretionPrediction from \"./ExcretionPrediction\";\nimport HistoryList from \"./HistoryList\";\nimport {\n PeeButton,\n PooButton,\n EatButton,\n DrinkButton,\n SleepButton,\n StopSleepButton,\n ExerciseButton,\n StopExerciseButton,\n} from \"./ActivityButtons\";\nimport api from \"../api/easypuppy.js\";\nimport Avatar from \"./Avatar\";\nimport config from \"../config\";\n// import easypuppyApi from '../api/easypuppy';\nimport { Link, withRouter, Redirect } from \"react-router-dom\";\nimport \"./Puppy.scss\";\nimport { connect } from \"react-redux\";\nimport { addNewHistory, receiveUpdatedActivity, fetchCurrentPersonAction } from \"../actions.js\";\nimport moment from \"moment\";\nimport NotifyMe from \"./NotifyMe\"\nconst easypuppyApi = api; // accidentally imported twice\n\nclass Puppy extends React.Component {\n constructor(props) {\n super(props);\n this.addActivity = this.addActivity.bind(this);\n this.addActivity = this.addActivity.bind(this);\n this.currentPuppy = this.currentPuppy.bind(this);\n this.wakeUp = this.wakeUp.bind(this);\n this.stopExercise = this.stopExercise.bind(this);\n }\n\n currentPuppy = () => {\n return this.props.person.puppies[this.props.match.params.index];\n };\n\n conditionalActivity = (puppy) => {\n if (puppy.history.length) {\n return (\n Notifications:
\n \n \n \n
\n Activity
\n\n \n Edit {this.currentPuppy().name}\n \n
\n\n \n Invite a Helper\n \n
\n\n
\n );\n }\n}\nfunction mapStateToProps(state) {\n return {\n person: state.person,\n // loading: state.loading,\n // auth: state.auth\n };\n}\nexport default withRouter(\n connect(mapStateToProps, { addNewHistory, receiveUpdatedActivity, fetchCurrentPersonAction })(Puppy)\n);\n","import React from 'react';\nimport Puppy from './Puppy';\n// import InstallAppButton from './InstallAppButton';\nimport { connect } from 'react-redux';\n\nclass PuppyHOC extends React.Component {\n\n render() {\n if (this.props.person ) {\n \treturn(\n \t\t<>\n \t\t\n
\n\n {this.currentPuppy().name}
\n\n
\n {/*PuppyController */}\n\n \n
\n\n \n
\n\n \n Next
\n \n
\n \n Next
\n \n \n this.addActivity(\"pee\", { isAccident: false, retroactive: 0 })\n }\n accidentFunc={() =>\n this.addActivity(\"pee\", { isAccident: true, retroactive: 0 })\n }\n />\n \n this.addActivity(\"poo\", { isAccident: false, retroactive: 0 })\n }\n accidentFunc={() =>\n this.addActivity(\"poo\", { isAccident: true, retroactive: 0 })\n }\n />\n {\n this.addActivity(\"water\", {});\n }}\n />\n {\n this.addActivity(\"food\", {});\n }}\n />\n {!this.currentPuppy().isSleeping && (\n {\n api\n .startActivity({\n puppy_id: this.currentPuppy().id,\n type: \"Sleep\",\n })\n .then((response) => {\n console.log(\"sleep response\", response);\n this.props.addNewHistory(response.data);\n })\n .then(() => {\n // This is the lazy way to update the state\n this.props.fetchCurrentPersonAction()\n });\n }}\n />\n )}\n {this.currentPuppy().isSleeping && (\n {\n api\n .startActivity({\n puppy_id: this.currentPuppy().id,\n type: \"Exercise\",\n })\n .then((response) => {\n console.log(\"exercise response\", response);\n this.props.addNewHistory(response.data);\n })\n .then(() => {\n // This is the lazy way to update the state\n this.props.fetchCurrentPersonAction()\n });\n }}\n />\n )}\n {this.currentPuppy().isExercising && (\n
\n\n {this.conditionalActivity(this.currentPuppy())}\n \n
\n\n {this.currentPuppy().parent_id === this.props.person.id &&\n this.parentOnlyOptions()}\n \n \t\t{ errors.length } error(s) prevented this update:\n \t\t\t
\n\t);\n}\n\n\nclass EditPuppy extends React.Component {\n\n\tstate = {\n\t\terrors: false,\n\t\tnewPuppyFields: {},\n\t\tsending: false\n\t}\n\n\tconstructor(props) {\n\t\tsuper(props);\n\t\tthis.state.puppy = props.person.puppies[props.match.params.index];\n\t\tthis.form = React.createRef();\n\t\tthis.fileInput = React.createRef();\n\t}\n\n\thandleInputChange = (event) => {\n\t\tconst target = event.target;\n\t\tconst value = target.type === 'checkbox' ? target.checked : target.value;\n\t\tconst name = target.name;\n\t\tlet newPuppyFields = this.state.newPuppyFields;\n\t\tnewPuppyFields[name] = value;\n\t\tthis.setState({newPuppyFields: newPuppyFields});\n\t}\n\n\tbuildFormDataObj = (event) => {\n\t\tconst formData = new FormData();\n\t\tObject.entries(this.state.newPuppyFields).map( (entry) => formData.set(`puppy[${entry[0]}]`, entry[1]) )\n\t\tif (this.fileInput.current.files.length) {\n\t\t\tformData.append('puppy[headshot]',this.fileInput.current.files[0]);\n\t\t}\n\t\treturn formData;\n\t}\n\n handleSubmit (event, formData) {\n\n event.preventDefault();\n\n if (![...formData].length) {\n \treturn;\n }\n\n this.setState({sending: true, errors: false});\n\n easypuppyApi.patch( \n config.puppyEditPath(this.props.person.puppies[this.props.match.params.index].id),\n formData,\n {\n headers: {\n 'Content-Type': 'multipart/form-data'\n }\n }\n )\n .then( res => {\n\n \tif (res.data.errors) {\n \t\tthis.setState({errors: res.data.errors, sending: false});\n \t\tconsole.log('res.data.errors', res);\n \t\treturn;\n \t}\n\n \tlet newPuppy = res.data;\n this.setState(\n {\n puppy: newPuppy,\n sending: false\n }\n );\n //@TODO This smells stinky. Think about this more\n this.props.dispatch(fetchCurrentPersonAction());\n })\n .catch( err => {\n \tconsole.log('catch', err);\n });\n \n }\n\n\trender() {\n\t\treturn (\n\n\t\t\t- \n \t\t\t{ errors && errors.full_messages.map( (msg) =>
- { msg } ) }\n \t\t
\n\t\t\t{ this.state.errors &&
\n\t\t);\n\t}\n}\n\nfunction mapStateToProps(state) {\n return {\n person: state.person,\n loading: state.loading,\n auth: state.auth\n };\n}\n\nexport default connect(mapStateToProps)(EditPuppy);\n","import React from 'react';\nimport config from '../config';\nimport easypuppyApi from '../api/easypuppy';\nimport {Redirect, Link} from \"react-router-dom\";\nimport SendButtonText from './SendButtonText';\nimport { connect } from 'react-redux';\nimport { fetchCurrentPersonAction } from '../actions';\nimport queryString from \"query-string\";\n\nclass SignIn extends React.Component {\n\n constructor(props) {\n super(props);\n this.state = {\n toPuppies: false,\n error: false,\n sending: false,\n toInvitationPuppy: false\n }\n\n }\n\n componentDidMount() {\n if (this.isInvitationAccepted()) {\n this.props.dispatch(fetchCurrentPersonAction())\n .then( () => this.setState({toInvitationPuppy: true}) )\n .catch( (err) => console.log('fetch failed') )\n } \n }\n\n isInvitationAccepted = () => {\n const parse = queryString.parse(this.props.location.search);\n return parse.invitation_accepted || false\n }\n\n handleSignin = (e) => {\n e.preventDefault();\n\n this.setState(\n {\n error: false,\n sending: true\n }\n );\n\n easypuppyApi.post(config.loginPath, {\n email: document.getElementById(\"email\").value,\n password: document.getElementById(\"password\").value\n })\n .then( response => {\n console.log('SignIn Success', response);\n // this.props.upstreamStateFunc({person: response.data});\n return this.props.dispatch(\n {\n type: 'RECEIVE_AUTH', \n auth: {\n uid: response.data.data.uid,\n provider: response.data.data.provider,\n token: response.headers[\"access-token\"],\n expiry: response.headers.expiry,\n client: response.headers.client\n }\n }\n )\n })\n .then(\n //this is where we fetch person!!!!\n (action) => this.props.dispatch(fetchCurrentPersonAction())\n )\n .then(\n\n //@TODO this is shit. We should set the toPuppy flag and then have a separate fumnction to determine WHICH puppy\n () => (this.isInvitationAccepted()) ? this.setState({toInvitationPuppy: true, sending: false}) : this.setState({toPuppies: true, sending: false})\n\n )\n .catch( err => {\n // err could be a failed login OR it could be the failed fetchCurrentPersonAction()...\n // @TODO\n if (err.response) {\n this.setState({error: err.response.data.errors[0], sending: false}); //@TODO Handle multiple errors?\n } else {\n this.setState({error: 'Problem signing in!', sending: false})\n }\n console.log('SignIn Fail', err);\n });\n }\n\n render() {\n\n //@TODO These conidtionals are ugly!!!!!!!!\n\n if (this.props.person.id && this.isInvitationAccepted() && this.state.toInvitationPuppy) {\n return \n\t\t\t\tDone\n\t\t\t\t
\n\t\t\t\n\n { this.isInvitationAccepted() &&
\n );\n };\n};\n\nfunction mapStateToProps(state) {\n return {\n person: state.person,\n loading: state.loading\n };\n}\n\nexport default connect(mapStateToProps)(SignIn);\n","import React from 'react';\nimport config from '../config';\nimport easypuppyApi from '../api/easypuppy';\nimport {Redirect, Link} from \"react-router-dom\";\nimport store from \"../store\";\nimport SendButtonText from './SendButtonText';\nimport queryString from \"query-string\";\nimport { connect } from 'react-redux';\n\n\nclass SignUp extends React.Component {\n\n state = {\n toNewPuppy: false,\n errors: false,\n sending: false\n }\n\n constructor(props) {\n super(props);\n this.handleSignup = this.handleSignup.bind(this);\n this.renderErrors = this.renderErrors.bind(this);\n }\n\n componentDidMount() {\n this.setState({toNewPuppy: false, errors: false});\n }\n\n pendingInvitation = () => {\n const parse = queryString.parse(this.props.location.search);\n return parse.invitation_code || false\n }\n\n async handleSignup (e) {\n e.preventDefault();\n\n this.setState({sending: true});\n\n console.log('handleSignup');\n easypuppyApi\n .post(config.signUpPath, {\n email: document.getElementById(\"email\").value,\n password: document.getElementById(\"password\").value,\n password_confirmation: document.getElementById(\"password2\").value,\n // phone_number: document.getElementById(\"phone_number\").value,\n // text_me: document.getElementById(\"text_me\").checked,\n invitation_code:\n document.getElementById(\"invitation_code\").value || false,\n })\n .then((res) => {\n store.dispatch({\n type: \"RECEIVE_PERSON_DATA\",\n person: res.data.person,\n });\n store.dispatch({\n type: \"RECEIVE_AUTH\",\n auth: {\n uid: res.headers.uid,\n provider: \"email\",\n token: res.headers[\"access-token\"],\n expiry: res.headers.expiry,\n client: res.headers.client,\n },\n });\n console.log(\"signup response\", res);\n if (!res.data.person.puppies.length) {\n this.setState({ toNewPuppy: true });\n }\n })\n .catch((err) => {\n this.setState({ errors: err.response.data.errors });\n })\n .finally(() => {\n this.setState({ sending: false }); //@TODO this needs to move into .then and .catch above to avoid unmoutned component error\n });\n }\n\n // @TODO This is lame!\n renderErrors(errors) {\n return Invitation accepted!
}\n\n Sign In
\n\n { this.state.error &&{this.state.error}
}\n\n \n {errors[key]}
)}\n
\n );\n };\n};\n\nfunction mapStateToProps(state) {\n return {\n person: state.person,\n loading: state.loading\n };\n}\n\nexport default connect(mapStateToProps)(SignUp);\n","import React from 'react';\nimport config from '../config';\nimport easypuppyApi from '../api/easypuppy';\nimport { Redirect } from 'react-router-dom';\nimport { connect } from 'react-redux';\n\nclass SignOut extends React.Component {\n\n async componentDidMount() {\n this.handleSignout();\n }\n\n handleSignout = async () => {\n easypuppyApi.delete(config.logoutPath)\n .then( (res) => {\n this.props.dispatch({type: 'SIGN_OUT'});\n })\n .catch( (err) => {\n console.error('SignOut Fail', err);\n console.log('Resetting local data anyway...')\n this.props.dispatch({type: 'SIGN_OUT'});\n });\n }\n\n render() {\n return Sign Up
\n\n {this.state.errors && (\n\n {this.renderErrors(this.state.errors)}\n
\n )}\n \n \n \t\t{ errors.length } error(s) prevented this update:\n \t\t\t
\n\t);\n}\n\n\nclass CreatePuppy extends React.Component {\n\n\tconstructor(props) {\n\t\tsuper(props);\n\t\tthis.state = {\n\t\t\tpuppy: {},\n\t\t\terrors: false,\n\t\t\ttoPuppy: false,\n\t\t\tsending: false\n\n\t\t}\n\n\n\t\tthis.form = React.createRef();\n\t\tthis.fileInput = React.createRef();\n\t\tthis.handleSubmit = this.handleSubmit.bind(this);\n\t}\n\n\thandleInputChange = (event) => {\n\t\tconst target = event.target;\n\t\tconst value = target.type === 'checkbox' ? target.checked : target.value;\n\t\tconst name = target.name;\n\t\tthis.setState({\n\t\t [name]: value\n\t\t});\n\t}\n\n\tbuildFormDataObj = (event) => {\n\t\tconst formData = new FormData();\n\n\t\tformData.set('puppy[dob]', this.state.dob);\n\t\tformData.set('puppy[name]', this.state.name);\n\t\tif (this.fileInput.current.files.length) {\n\t\t\tformData.append('puppy[headshot]',this.fileInput.current.files[0]);\n\t\t}\n\n\t\treturn formData;\n\t}\n\n\tmakeDate = () => {\n\t\tconst date = new Date();\n\t\treturn date.toISOString().split('T')[0];\n\t}\n\n async handleSubmit (event) {\n event.preventDefault();\n\n this.setState({sending: true});\n\n let formData = this.buildFormDataObj();\n\n try {\n let response = await easypuppyApi.post( \n config.puppyCreatePath,\n formData,\n {\n headers: {\n 'Content-Type': 'multipart/form-data'\n }\n }\n );\n console.log('handleSubmit response', response);\n\n\t\t\tthis.props.dispatch( fetchCurrentPersonAction() ).then( () => this.setState({toPuppy: true, sending: false}) );\n \n } catch (e) {\n console.log(e);\n }\n\n this.setState({sending: false});\n \n }\n\trender() {\n\n\t\tif (this.state.toPuppy) {\n\t\t\treturn - \n \t\t\t{ errors && errors.full_messages.map( (msg) =>
- { msg } ) }\n \t\t
Create a Puppy
\n\n\t\t\t{ this.state.errors &&Settings
\n\n\t\t\t\t\n\t\t\t\n
\n );\n };\n};\n\nexport default ForgotPassword;\n","import React from 'react';\nimport config from '../config';\nimport easypuppyApi from '../api/easypuppy';\nimport {Link} from \"react-router-dom\";\nimport queryString from \"query-string\";\nimport store from '../store';\n// import { connect } from 'react-redux';\n\nclass ResetPassword extends React.Component {\n\n constructor(props) {\n super(props);\n this.state = {\n submitSuccess : false,\n sending : false,\n error: false\n }\n this.handleSubmit = this.handleSubmit.bind(this);\n }\n\n handleSubmit = async (e) => {\n e.preventDefault();\n this.setState({sending: true, error: false, submitSuccess: false});\n\n const parse = queryString.parse(this.props.location.search);\n const authHeaders = {\n 'token': parse.token, //query string ALSO has access-token param that's identical\n 'uid': parse.uid,\n 'expiry': parse.expiry,\n 'client': parse.client //query string ALSO has client_id param that's identical\n };\n\n store.dispatch({\n type: 'RECEIVE_AUTH',\n auth: authHeaders\n });\n\n easypuppyApi.patch(config.passwordResetPath, {\n password: document.getElementById(\"password\").value,\n password_confirmation: document.getElementById(\"password_confirmation\").value\n })\n .then( res => this.setState({sending: false, submitSuccess: true, error: false}))\n .catch(\n err => { \n console.log(err);\n this.setState({sending: false, error: true}); \n }\n )\n }\n\n render() {\n\n // Work like this is why you shouldn't code while really tired or busy...\n return (\n Send Password Reset Link
\n { !this.state.submitSuccess && !this.state.error &&Enter your email address and we will send you a link to reset your password.
}\n { this.state.submitSuccess &&A reset link was sent to your email address.
}\n { this.state.error && this.state.notFound &&That email address was not found
}\n { this.state.error && !this.state.notFound &&Something went wrong :-(
}\n \n\n
\n );\n };\n};\n\n// function mapStateToProps(state) {\n// return {\n// person: state.person,\n// loading: state.loading\n// };\n// }\n\n// export default connect(mapStateToProps)(ResetPassword);\nexport default ResetPassword;\n","import React from 'react';\nimport easypuppyApi from '../api/easypuppy';\nimport {Link} from \"react-router-dom\";\n// import store from \"../store\";\nimport SendButtonText from './SendButtonText';\n// import queryString from \"query-string\";\nimport { connect } from 'react-redux';\n\n\nclass PuppyInvitation extends React.Component {\n\n state = {\n errors: false,\n sending: false,\n sendSuccess: false,\n }\n\n constructor(props) {\n super(props);\n this.handleSubmit = this.handleSubmit.bind(this);\n this.renderErrors = this.renderErrors.bind(this);\n }\n\n componentDidMount() {\n this.setState({errors: false});\n }\n\n currentPuppy = () => {\n return this.props.person.puppies[this.props.match.params.index];\n }\n\n async handleSubmit (e) {\n e.preventDefault();\n\n this.setState({sending: true});\n\n easypuppyApi.createInvitation({\n invitee_email: document.getElementById(\"email\").value,\n puppy_id: this.currentPuppy().id\n })\n .then( (res) => {\n this.setState({sendSuccess: true})\n })\n .catch( (err) => {\n this.setState({errors: err.response.data.errors});\n })\n .finally( () => {\n this.setState({sending: false});\n });\n }\n\n // @TODO This is lame!\n renderErrors(errors) {\n return Save a New Password
\n { !this.state.submitSuccess && !this.state.error &&Enter your new password (twice).
}\n { this.state.submitSuccess &&Your password was reset.
}\n { this.state.error &&Something went wrong :-(
}\n { !this.state.submitSuccess && }\n { this.state.submitSuccess &&Sign in
}\n {errors[key]}
)}\n
\n );\n };\n};\n\nfunction mapStateToProps(state) {\n return {\n person: state.person,\n loading: state.loading\n };\n}\n\nexport default connect(mapStateToProps)(PuppyInvitation);\n// export default PuppyInvitation;\n","import React, {useState, useEffect} from 'react';\nimport HistoryList from './HistoryList';\nimport api from '../api/easypuppy.js';\nimport { withRouter } from \"react-router-dom\";\nimport { connect } from 'react-redux';\n\nimport './PuppyHistory.scss';\n\nfunction PuppyHistory (props) {\n\n const [loading, setLoading] = useState(true);\n const [puppyHistory, setPuppyHistory] = useState([]);\n\n const puppy = props.person.puppies[props.match.params.index]\n\n function goBack(){\n props.history.goBack();\n }\n\n useEffect(() => {\n api.getPuppyHistory(puppy.id)\n .then( (res) => {\n setPuppyHistory(res.data);\n setLoading(false);\n })\n\n }, [puppy.id]);\n\n if (loading) {\n return(\n Invite a Helper for {this.currentPuppy().name}
\n\n { this.state.sendSuccess &&Yay! Your invitation was sent.
}\n\n { this.state.errors && {this.renderErrors(this.state.errors)}
}\n \n\n Done\n LOADING...
\n );\n }\n\n return(\n <>\n \n
\n {puppy.name} Activity
\nOops!
\nWe couldn't find what you're looking for.
\n Take me home\n \n );\n};\n\nclass App extends React.Component {\n constructor(props) {\n console.log(\"HI\");\n super(props);\n this.updateStateFromChild = this.updateStateFromChild.bind(this);\n }\n\n async componentDidMount() {\n this.props.dispatch(fetchCurrentPersonAction()).then(\n (person) => {\n this.props.dispatch({ type: \"STOP_LOADING\" });\n },\n (err) => {\n this.props.dispatch({ type: \"STOP_LOADING\" });\n }\n );\n // @TODO check this interval before publishing\n this.timer = setInterval(this.refreshData, 5 * 60 * 1000); // refresh five minutes\n }\n\n componentWillUnmount() {\n clearInterval(this.timer);\n }\n\n refreshData = async () => {\n if (this.props.person) {\n console.log(\"Refreshing data...\");\n this.props.dispatch(fetchCurrentPersonAction());\n }\n };\n\n updateStateFromChild(stateObj) {\n this.props.dispatch(fetchCurrentPersonAction()); //@TODO This is a quick/temporary reractor... shouoldn't need this anymore\n }\n\n render() {\n if (this.props.loading) {\n return \"LOADING...\";\n }\n\n return (\n\n {/* wrapper */}\n\n \n \n this.props.person ? (\n \n this.props.person ? (\n \n this.props.person ? (\n (\n \n\n {/* wrapper */}\n
\n \n
\n\n