\n \n \n \n )\n\n return (\n \n {/* TODO: use TopNotieBar for future promotions. This is a benner that shows up on the top of the page */}\n {/* {user.currentUser &&\n !isPaidUser(user.currentUser.attributes['custom:membership']) && (\n \n )} */}\n \n \n )\n }\n}\n\nfunction mapStateToProps(state) {\n return state\n}\n\nfunction mapDispatchToProps(dispatch) {\n return bindActionCreators(\n {\n userSignOut,\n },\n dispatch\n )\n}\n\nexport default connect(\n mapStateToProps,\n mapDispatchToProps\n)(withRouter(Navigation))\n","import React, { Component } from 'react'\nimport { connect } from 'react-redux'\nimport { bindActionCreators } from 'redux'\nimport { Redirect, Link } from 'react-router-dom'\n\nimport { userLoginRequest, resetLoginError } from '../../actions/user'\n\nimport ProfilePic from '../../assets/images/gnj-profile-pic.svg'\nimport loadingIcon from '../../assets/images/loading.svg'\n\nclass Login extends Component {\n constructor(props) {\n super(props)\n this.state = {\n username: '',\n password: '',\n lostPassword: false,\n }\n\n this.userLogin = this.userLogin.bind(this)\n this.onChange = this.onChange.bind(this)\n }\n\n onChange(e) {\n const { name, value } = e.target\n this.setState({ [name]: value })\n }\n\n userLogin(e) {\n e.preventDefault()\n const { username, password } = this.state\n this.props.userLoginRequest(username.toLowerCase(), password)\n }\n\n componentWillUnmount() {\n this.props.resetLoginError()\n }\n\n render() {\n const { user } = this.props\n const { username, password } = this.state\n if (user.isAuthenticated) {\n return (\n \n )\n }\n return (\n \n
\n
\n \n \n \n Welcome back to\n
\n Goodnight Journal!\n
\n \n \n
\n \n \n Forgot password\n {' '}\n | {' '}\n \n Confirm account\n \n \n
\n
\n
\n Haven't signed up yet?{' '}\n \n Sign up\n \n
\n
\n
\n
\n
Welcome to
Goodnight Journal!
\n
Write unlimited private journals for free, become a member for additional features.
\n
\n\n
\n\n
\n
Already have an account? Log in
\n
\n
\n
\n
\n
Check junk mail if you have not received email with the verification code yet
\n
\n
\n
Resend verification code
\n
or back to Log in
\n
\n
\n
\n
\n
Enter your username to get a new verification code
\n
\n
\n
Confirm account
\n
or back to Log in
\n
\n
\n
\n
\n \n Contact\n \n \n \n Feedback\n \n \n
\n
© Goodnight Journal by Allspectives LLC {currentYear}.
\n
\n
\n
Enter your username to set a new password
\n
\n
\n
\n \n Forgot username \n \n
\n
\n
\n
\n
\n \n
\n
\n
\n
Enter your email address to find your username
\n
\n
\n
\n \n Forgot password \n \n
\n
\n
\n
\n
\n \n
\n
\n
\n
Check junk mail if you have not received email with the verification code yet
\n
\n
\n
\n
\n \n {journal.privacy === \"PRIVATE\" && Private}{\" \"}\n {journal.draft && Draft}\n
\n \n
\n {journal.journalBookId && }\n {decodeHtml(journal.content.replace(/<(.|\\n)*?>/g, \" \").slice(0, 80))}\n {journal.content.replace(/<(.|\\n)*?>/g, \"\").length > 80 && \"...\"} {journal.journalWordCount && - {journal.journalWordCount} words}\n
\n
\n
\n {\" \"}\n {journal.lovedCount ? journal.lovedCount : 0}\n
\n
\n {/* TODO: get total count of comments instead of items.length */}\n {\" \"}\n {journal.commentCount ? journal.commentCount : 0}\n
\n
\n
\n \n \n \n {Object.keys(journals).length > 0 &&\n Object.keys(journals).map((month, index) => {\n return (\n
\n );\n })}\n {Object.keys(journals).length === 0 && (\n
\n {!searched && (\n
\n )}\n
\n {searched ? \"Nothing found...\" : \"Write your first journal :)\"}\n
\n
\n )}\n
\n
\n \n {featureName} is member's only feature
\n \n Your membership helps us out a lot! Support the community by\n becoming a member and get full access to all features.\n
\n {/* TODO: Save the journal as a private then take user to the Billing page */}\n \n \n
{' '}\n {/* TODO: Save the journal as a private */}\n {ctaText && (\n \n \n \n {ctaText}\n \n \n
\n )}{' '}\n \n \n \n \n \n \n Create your\n
\n first book!\n \n
\n )\n\n return (\n \n
\n \n My books\n \n \n \n \n
\n\n
\n {userBooks.items === 'loading' ?
: listOfBooks}\n {userBooks.length > 0 && (\n
this.props.history.push('/books')}\n >\n See all books\n \n )}\n
\n
\n
\n
\n
\n
Write something today...
\n \n
\n (window.location =\n 'https://happy.goodnightjournal.com/journal-prompt')\n }\n role=\"img\"\n aria-label=\"Thinking Face\"\n >\n 🤔\n \n \n
\n\n {userData ? (\n
\n ) : (\n
\n )}\n\n
\n {Object.keys(newJournalList).length >= 1 ? (\n
\n {totalJournals} journal{totalJournals !== 1 && 's'} loaded from\n last {totalLoadedMonthNumber} month\n {totalLoadedMonthNumber === 1 ? '' : 's'}\n \n
\n ) : searched ? (\n
\n 0 journal loaded\n \n
\n ) : (\n ''\n )}\n\n
\n
\n this.searchJournals(event)}\n />\n
\n\n
\n\n {userJournal[userJournal.length - 1] &&\n userJournal[userJournal.length - 1].items.length > 0 &&\n userJournal[userJournal.length - 1].nextToken && (\n
\n {showLoadingIcon ? (\n
\n ) : (\n
this.loadMore(totalJournals)}\n >\n Load more\n \n )}\n \n )}\n
\n
\n
\n (this.quillTextarea = quilltext)}\n scrollingContainer=\"html, body\"\n />\n
\n )\n }\n}\n\nfunction mapStateToProps(state) {\n return {\n iPhoneExtensions: state.user.iPhoneExtensions,\n }\n}\n\nfunction mapDispatchToProps(dispatch) {\n return bindActionCreators(\n {\n uploadToS3,\n },\n dispatch\n )\n}\n\nexport default connect(mapStateToProps, mapDispatchToProps)(QuillEditor)\n","import React, { Component } from \"react\";\nimport DatePicker from \"react-datepicker\";\nimport { addDays } from 'date-fns';\n\nimport \"react-datepicker/dist/react-datepicker.css\";\n\nclass DateTimePicker extends Component{\n render() {\n const { newDate, setDate} = this.props\n return (\n \n {\n newDate(date)\n }\n }\n timeInputLabel=\"Time:\"\n dateFormat=\"MMM d, yyyy h:mm aa\"\n maxDate={addDays(new Date(), 0)}\n showTimeInput\n />\n
\n );\n }\n}\n\nexport default DateTimePicker","import React, { Component } from 'react'\nimport { connect } from 'react-redux'\nimport { bindActionCreators } from 'redux'\nimport QuillEditor from '../components/QuillEditor'\nimport UpgradePopup from '../components/UpgradePopup'\nimport DateTimePicker from '../utils/DateTimePicker'\nimport isPaidUser from '../utils/isPaidUser'\n\nimport {\n saveJournal,\n updateJournal,\n adjustBookJournalsCount,\n} from '../actions/journal'\n\nimport ReactGA from 'react-ga'\n\nclass WriteJournal extends Component {\n constructor(props) {\n super(props)\n this.state = {\n privacy: 'PRIVATE',\n journalUid: '',\n journalAuthorId:\n props.user.accountData.idToken.payload['cognito:username'],\n journalContent: '',\n journalWordCount: 0,\n autoSaved: false,\n showUpgrade: false,\n journalBookId: '',\n journalPromptCheck: false,\n journalCreatedAt: new Date(),\n upgradePopUpMessage: {\n featureName: 'Publishing a public journal',\n ctaText: 'Publish it as a private journal',\n },\n isSavingJournal: false,\n }\n }\n\n async componentDidMount() {\n const params = new URLSearchParams(this.props.history.location.search)\n const bookSelected = params.get('bookSelected')\n const journalPrompt = params.get('journalPrompt')\n\n bookSelected && this.setState({ journalBookId: bookSelected })\n journalPrompt &&\n this.setState({\n journalContent:\n '' +\n journalPrompt +\n '
',\n })\n\n this.setState({ journalPromptCheck: true })\n }\n\n _selectPrivacy = async (e) => {\n this.setState({\n privacy: e.target.value,\n })\n }\n\n _handleChange = async (textPassed, wordCount) => {\n this.setState({\n journalContent: textPassed,\n journalWordCount: wordCount,\n })\n const {\n privacy,\n journalUid,\n autoSaved,\n journalContent,\n journalAuthorId,\n journalWordCount,\n journalBookId,\n journalCreatedAt,\n } = this.state\n const { user } = this.props\n\n let journalPrivacy = privacy\n if (!isPaidUser(user.currentUser.attributes['custom:membership'])) {\n journalPrivacy = 'PRIVATE'\n }\n\n if (journalContent.length < 10) {\n return\n }\n\n if (autoSaved) {\n // if non-paid user, disable autosave and shows the warning message for the first time only\n if (!isPaidUser(user.currentUser.attributes['custom:membership'])) {\n if (localStorage.getItem('auto-save-for-paid-users') === 'true') {\n return\n } else {\n this.setState({\n showUpgrade: true,\n upgradePopUpMessage: {\n featureName: 'Autosave',\n ctaText: 'Close',\n },\n })\n localStorage.setItem('auto-save-for-paid-users', 'true')\n return\n }\n }\n try {\n await this.props.updateJournal({\n id: journalUid,\n journalAuthorId: journalAuthorId,\n privacy: journalPrivacy,\n draft: true,\n content: journalContent,\n journalWordCount: journalWordCount,\n journalBookId: journalBookId,\n })\n } catch (err) {\n console.log(err)\n }\n } else {\n this.setState({ autoSaved: true })\n try {\n await this.props.saveJournal({\n journalAuthorId: journalAuthorId,\n privacy: privacy,\n draft: true,\n content: journalContent,\n journalWordCount: journalWordCount,\n createdAt: journalCreatedAt.toISOString(),\n })\n const { journal } = this.props\n this.setState({\n journalUid: journal.currentJournal.id,\n })\n // Replacing URL with the newly created journal ID so it won't mess around with other journals when auto save is triggered\n // There was a bug when going back by clicking go back button on web browser that sometimes replace the current journal with previous journal\n window.history.replaceState(\n null,\n ``,\n `/edit/${journal.currentJournal.id}`\n )\n } catch (err) {\n console.log(err)\n this.setState({ autoSaved: false })\n }\n }\n }\n\n _publishJournal = async () => {\n const { privacy } = this.state\n const { user } = this.props\n if (\n privacy === 'PUBLIC' &&\n !isPaidUser(user.currentUser.attributes['custom:membership'])\n ) {\n this.setState({\n showUpgrade: true,\n upgradePopUpMessage: {\n featureName: 'Publishing a public journal',\n ctaText: 'Publish it as a private journal',\n },\n })\n } else {\n this._updateJournal(privacy)\n // Event tracking.\n ReactGA.event({\n category: this.state.journalAuthorId,\n action: 'Writing',\n label: privacy,\n })\n }\n }\n\n _popupControl = async (callback) => {\n this.setState({\n showUpgrade: callback,\n })\n }\n\n _updateJournal = async (privacy) => {\n const {\n journalUid,\n journalAuthorId,\n journalContent,\n journalWordCount,\n journalBookId,\n journalCreatedAt,\n } = this.state\n\n if (journalContent.length <= 0) {\n return\n }\n\n this.setState({ isSavingJournal: true })\n if (journalUid) {\n try {\n await this.props.updateJournal({\n id: journalUid,\n privacy: privacy,\n journalAuthorId: journalAuthorId,\n draft: false,\n content: journalContent,\n journalWordCount: journalWordCount,\n journalBookId: journalBookId,\n createdAt: journalCreatedAt.toISOString(),\n })\n // Update book bookJournalCount number if journalBookId exist\n if (journalBookId && journalBookId !== null) {\n await this.props.adjustBookJournalsCount(journalBookId, 1)\n }\n this.props.history.push({\n pathname:\n (privacy === 'PUBLIC' ? '/public-journal/' : '/journal/') +\n journalUid,\n state: { prevPath: this.props.location.pathname },\n })\n } catch (err) {\n console.log(err)\n this.setState({ isSavingJournal: false })\n }\n }\n }\n\n _selectBook = async (e) => {\n this.setState({\n journalBookId: e.target.value,\n })\n }\n\n _newJournalCreatedAt = (date) => {\n const { journalCreatedAt } = this.state\n const { user } = this.props\n if (!isPaidUser(user.currentUser.attributes['custom:membership'])) {\n this.setState({\n showUpgrade: true,\n journalCreatedAt: journalCreatedAt,\n upgradePopUpMessage: {\n featureName: 'Changing date and time',\n ctaText: 'Publish it with current date and time',\n },\n })\n } else {\n this.setState({\n journalCreatedAt: date,\n })\n }\n }\n\n render() {\n const {\n privacy,\n showUpgrade,\n journalBookId,\n journalContent,\n journalPromptCheck,\n upgradePopUpMessage,\n journalCreatedAt,\n isSavingJournal,\n } = this.state\n const { journal, user } = this.props\n\n const bookList =\n user && user.userBooks.length > 0 ? (\n \n \n {user.userBooks.map((book) => {\n return (\n \n )\n })}\n \n ) : (\n \n )\n\n return (\n \n
\n - \n this.props.history.goBack()}\n className=\"link-text\"\n id=\"writeJournal_go_back\"\n >\n Back\n \n
\n - {bookList}
\n - \n \n {journal.pendingCreate || journal.pendingUpdate || isSavingJournal\n ? 'Saving...'\n : 'Publish'}\n \n
\n
\n
\n \n \n \n \n \n
\n
\n {journalPromptCheck && (\n \n )}\n
\n\n
\n
\n
\n
\n
\n \n \n \n \n
\n {journalEntry.book && \n \n {journalEntry.book.book}\n \n }{\" \"}\n {journalEntry.draft && Draft}{\" \"}\n {journalEntry.privacy === \"PRIVATE\" && Private}\n
\n
\n
\n
\n - \n \n Back to home\n \n
\n - \n
\n - \n
\n
\n \n
\n
\n
\n 404 Page not found :(\n
\n
{location ? location.pathname : ''} page does not exist. Wanna go to the homepage?
\n
\n
\n - \n \n Back\n \n
\n this.props.history.push(\"/edit/\" + journal_uid)}\n >\n \n \n - \n \n
\n
\n );\n }\n return (\n \n );\n };\n\n componentWillUnmount() {\n this._isMounted = false;\n }\n \n render() {\n const { stateUpdating, attemptJournal } = this.state;\n const { journal, user } = this.props;\n \n if (!journal.currentJournal && attemptJournal) {\n return ;\n }\n\n const loadJournalEntry = journal.journalLoading ? (\n \n ) : (\n \n );\n\n return (\n \n {this._renderSubNavUI()}\n
\n {loadJournalEntry}\n
\n
\n /{\" \"}\n \n
\n ) : (\n \"\"\n );\n\n const editCommentFormBtns =\n comment.author.id === currentUserID ? (\n \n {\" \"}\n \n
\n ) : (\n \"\"\n );\n\n const editCommentForm = (\n \n );\n\n const lovedUI = comment.hasLoved ? (\n this._userUnlovedComment(comment)}\n key={comment.id}\n disabled={loveLoading}\n id=\"comment_unlove_button\"\n >\n \n \n ) : (\n 