129 | {
133 | this.editorDiv = elm
134 | }}
135 | />
136 |
137 |
138 |
139 |
159 |
160 | )
161 | }
162 | }
163 |
164 | export default DescriptionEditor
165 |
--------------------------------------------------------------------------------
/webApp/components/Header.js:
--------------------------------------------------------------------------------
1 | import PropTypes from 'prop-types'
2 | import Link from 'next/link'
3 | import Router from 'next/router'
4 | import NProgress from 'nprogress'
5 | import Launch from 'material-ui-icons/Launch'
6 | import Toolbar from 'material-ui/Toolbar'
7 | import Grid from 'material-ui/Grid'
8 | import Hidden from 'material-ui/Hidden'
9 | import Button from 'material-ui/Button'
10 | import MenuDrop from './MenuDrop'
11 | import Income from './IncomeReport'
12 |
13 | import {
14 | styleFlatButton,
15 | styleRaisedButton,
16 | styleToolbar,
17 | styleExternalLinkIcon
18 | } from './SharedStyles'
19 |
20 | Router.onRouteChangeStart = () => {
21 | NProgress.start()
22 | }
23 | Router.onRouteChangeComplete = () => NProgress.done()
24 | Router.onRouteChangeError = () => NProgress.done()
25 |
26 | const optionsMenu = [
27 | {
28 | text: 'Send feedback',
29 | url: 'https://mail.google.com/mail/?view=cm&fs=1&to=team@findharbor.com',
30 | target: '_blank',
31 | rel: 'noopener noreferrer'
32 | },
33 | { text: 'Log out', url: '/logout', target: '_self', rel: null }
34 | ]
35 |
36 | function Header({ user }) {
37 | if (user) {
38 | return (
39 |
40 |
41 |
42 |
43 |
44 |
45 | Settings
46 |
47 | {' '}
48 |
49 | {user.isAdmin ? (
50 |
51 | Mentors
52 |
53 | ) : null}
54 | {' '}
55 |
56 |
57 | {!user.isStripeConnected ? (
58 |
80 |
81 |
87 |
88 |
89 |
90 | )
91 | }
92 |
93 | return (
94 |
59 |
60 |
63 |
64 |
65 | ) : (
66 |
67 |
69 |
74 | Stripe
77 |
78 | )}
79 |
82 | {user.avatarUrl ? (
83 |
86 |
95 |
96 |
97 |
98 |
99 |
102 |
103 |
104 |
107 |
108 |
109 |
110 |
111 |
112 | )
113 | }
114 |
115 | Header.propTypes = {
116 | user: PropTypes.shape({
117 | displayName: PropTypes.string,
118 | email: PropTypes.string.isRequired
119 | })
120 | }
121 |
122 | Header.defaultProps = {
123 | user: null
124 | }
125 |
126 | export default Header
127 |
--------------------------------------------------------------------------------
/webApp/components/IncomeReport.js:
--------------------------------------------------------------------------------
1 | import React, { Component } from 'react'
2 | import NProgress from 'nprogress'
3 | import PropTypes from 'prop-types'
4 | import { withStyles } from 'material-ui/styles'
5 | import List, { ListItem, ListItemText } from 'material-ui/List'
6 | import Menu, { MenuItem } from 'material-ui/Menu'
7 | import KeyboardArrowDown from 'material-ui-icons/KeyboardArrowDown'
8 | import { getIncomeReport } from '../lib/api'
9 | import { error } from '../lib/notifier'
10 |
11 | const styleSheet = {
12 | root: {
13 | width: '100%',
14 | maxWidth: '200px',
15 | display: 'inline-flex',
16 | marginRight: '20px',
17 | backgroundColor: '#F7F9FC'
18 | },
19 | List: {
20 | padding: '0px',
21 | border: '1px solid rgba(26, 35, 126, 0.25)'
22 | },
23 | MenuItem: {
24 | font: '14px Muli',
25 | fontWeight: '400'
26 | },
27 | ListItem: {
28 | padding: '2px 5px',
29 | textAlign: 'center'
30 | },
31 | ListItemText: {
32 | font: '14px Muli',
33 | fontWeight: '400',
34 | padding: '0px 5px'
35 | }
36 | }
37 |
38 | class IncomeReport extends Component {
39 | static propTypes = {
40 | classes: PropTypes.shape({}).isRequired
41 | }
42 |
43 | state = {
44 | anchorEl: undefined,
45 | open: false,
46 | selectedIndex: 0,
47 | loading: true,
48 | error: null,
49 | incomeList: []
50 | }
51 |
52 | componentDidMount() {
53 | NProgress.start()
54 |
55 | getIncomeReport()
56 | .then(({ incomeList }) => {
57 | this.setState({ incomeList, loading: false })
58 | NProgress.done()
59 | })
60 | .catch(err => {
61 | this.setState({ loading: false, error: err.message || err.toString() })
62 | error(err)
63 | NProgress.done()
64 | })
65 | }
66 |
67 | handleClickListItem = event => {
68 | this.setState({ open: true, anchorEl: event.currentTarget })
69 | }
70 |
71 | handleMenuItemClick = (event, index) => {
72 | this.setState({ selectedIndex: index, open: false })
73 | }
74 |
75 | handleRequestClose = () => {
76 | this.setState({ open: false })
77 | }
78 |
79 | render() {
80 | if (this.state.loading) {
81 | return null
82 | }
83 |
84 | if (this.state.error) {
85 | return {this.state.error}
86 | }
87 |
88 | const classes = this.props.classes
89 |
90 | const options = this.state.incomeList
91 | const selectedIndex = this.state.selectedIndex
92 | const selectedItem = options[selectedIndex]
93 |
94 | return (
95 |
96 |
129 | )
130 | }
131 | }
132 |
133 | const IncomeReportWithStyle = withStyles(styleSheet)(IncomeReport)
134 |
135 | const Income = () => -
97 |
34 | 
42 |
64 |
65 | )
66 | }
67 | }
68 |
69 | export default MenuDrop
70 |
--------------------------------------------------------------------------------
/webApp/components/Modal.js:
--------------------------------------------------------------------------------
1 | import React, { Component } from 'react'
2 | import PropTypes from 'prop-types'
3 | import { withStyles } from 'material-ui/styles'
4 | import List, { ListItem, ListItemText } from 'material-ui/List'
5 | import Dialog, { DialogTitle } from 'material-ui/Dialog'
6 | import Slide from 'material-ui/transitions/Slide'
7 | import Button from 'material-ui/Button'
8 |
9 | const styleRaisedButton = {
10 | borderRadius: '0px',
11 | textTransform: 'none',
12 | font: '15px Muli',
13 | fontWeight: '600',
14 | letterSpacing: '0.01em',
15 | color: 'white',
16 | backgroundColor: '#1a237e'
17 | }
18 |
19 | const styleSheet = {
20 | Dialog: {
21 | font: '15px Muli'
22 | // width: '360px'
23 | },
24 | DialogTitle: {
25 | font: '15px Muli',
26 | fontSize: '20px',
27 | fontWeight: '300',
28 | padding: '20px'
29 | },
30 | ListItemText: {
31 | font: '15px Muli',
32 | fontWeight: '300'
33 | }
34 | }
35 |
36 | const SimpleDialog = ({ options, classes, onRequestClose, title, ...other }) => (
37 | }
42 | >
43 |
47 |
60 | -
48 | {options.map(option => (
49 |
55 |
58 |
59 | 61 | 62 | ) 63 | 64 | SimpleDialog.propTypes = { 65 | options: PropTypes.arrayOf(String).isRequired, 66 | classes: PropTypes.shape({}).isRequired, 67 | onRequestClose: PropTypes.func.isRequired, 68 | title: PropTypes.string.isRequired 69 | } 70 | 71 | const SimpleDialogWrapped = withStyles(styleSheet)(SimpleDialog) 72 | 73 | class Modal extends Component { 74 | static propTypes = { 75 | linkText: PropTypes.string.isRequired, 76 | title: PropTypes.string.isRequired, 77 | options: PropTypes.arrayOf(String).isRequired 78 | } 79 | 80 | state = { 81 | open: false 82 | } 83 | 84 | handleRequestClose = () => { 85 | this.setState({ open: false }) 86 | } 87 | 88 | render() { 89 | const { linkText, title } = this.props 90 | const options = this.props.options 91 | return ( 92 | 93 | this.setState({ open: true })} 97 | > 98 | {linkText} 99 | 100 |
85 |
120 | )
121 | }
122 | }
123 |
124 | const SelectMenuListWithStyle = withStyles(styleSheet)(SelectMenuList)
125 |
126 | const SelectList = ({ options, values, onClick, secondary, selectedIndex }) => (
127 | -
86 |
8 | this.setState({ checked: checked })}
13 | onChange={onChange}
14 | />
15 | }
16 | label={label}
17 | />
18 |
)
19 |
20 | Toggle.propTypes = {
21 | checked: PropTypes.bool.isRequired,
22 | onChange: PropTypes.func.isRequired,
23 | label: PropTypes.string.isRequired
24 | }
25 |
26 | export default Toggle
27 |
--------------------------------------------------------------------------------
/webApp/env-config.js:
--------------------------------------------------------------------------------
1 | const prod = process.env.NODE_ENV === 'production'
2 |
3 | module.exports = {
4 | StripePublishableKey: prod
5 | ? 'pk_XXXXXX'
6 | : 'pk_XXXXXX'
7 | }
8 |
--------------------------------------------------------------------------------
/webApp/lib/api.js:
--------------------------------------------------------------------------------
1 | import { updateUser } from './withAuth'
2 |
3 | const BASE_PATH = '/api/v1'
4 |
5 | export const changePrice = price =>
6 | fetch(`${BASE_PATH}/change-price`, {
7 | method: 'POST',
8 | credentials: 'include',
9 | headers: {
10 | 'Content-type': 'application/json; charset=UTF-8'
11 | },
12 | body: JSON.stringify({ price })
13 | })
14 | .then(res => res.json())
15 | .then(res => {
16 | if (res.error) {
17 | return Promise.reject(new Error(res.error))
18 | }
19 |
20 | updateUser({ price })
21 |
22 | return Promise.resolve(res)
23 | })
24 |
25 | export const changePageStatus = (isMentorPagePublic, cb) =>
26 | fetch(`${BASE_PATH}/change-status`, {
27 | method: 'POST',
28 | credentials: 'include',
29 | headers: {
30 | 'Content-type': 'application/json; charset=UTF-8'
31 | },
32 | body: JSON.stringify({ isMentorPagePublic })
33 | })
34 | .then(res => res.json())
35 | .then(res => {
36 | if (res.error) {
37 | if (cb) {
38 | cb(new Error(res.error))
39 | }
40 |
41 | return Promise.reject(new Error(res.error))
42 | }
43 |
44 | updateUser({ isMentorPagePublic })
45 | if (cb) {
46 | cb(null, res)
47 | }
48 |
49 | return Promise.resolve(res)
50 | })
51 | .catch(err => {
52 | if (cb) {
53 | cb(err)
54 | }
55 |
56 | return Promise.reject(err)
57 | })
58 |
59 | export const changeDescription = description =>
60 | fetch(`${BASE_PATH}/change-description`, {
61 | method: 'POST',
62 | credentials: 'include',
63 | headers: {
64 | 'Content-type': 'application/json; charset=UTF-8'
65 | },
66 | body: JSON.stringify({ description })
67 | })
68 | .then(res => res.json())
69 | .then(res => {
70 | if (res.error) {
71 | return Promise.reject(new Error(res.error))
72 | }
73 |
74 | updateUser({ description })
75 |
76 | return Promise.resolve(res)
77 | })
78 |
79 | export const updateProfile = () =>
80 | fetch(`${BASE_PATH}/update-profile`, {
81 | method: 'GET',
82 | credentials: 'include',
83 | headers: {
84 | 'Content-type': 'application/json; charset=UTF-8'
85 | }
86 | })
87 | .then(res => res.json())
88 | .then(res => {
89 | if (res.error) {
90 | if (res.isGoogleAccessRevokedError) {
91 | setTimeout(() => {
92 | document.location = '/login?consent=1'
93 | }, 1000)
94 |
95 | return Promise.reject(new Error('Re-login is required. Logging out...'))
96 | }
97 |
98 | return Promise.reject(new Error(res.error))
99 | }
100 |
101 | updateUser(res)
102 |
103 | return Promise.resolve(res)
104 | })
105 |
106 | export const checkLabelsAndFilters = () =>
107 | fetch(`${BASE_PATH}/check-labels-and-filters`, {
108 | method: 'GET',
109 | credentials: 'include',
110 | headers: {
111 | 'Content-type': 'application/json; charset=UTF-8'
112 | }
113 | })
114 | .then(res => res.json())
115 | .then(res => {
116 | if (res.error) {
117 | if (res.isGoogleAccessRevokedError) {
118 | setTimeout(() => {
119 | document.location = '/login?consent=1'
120 | }, 1000)
121 |
122 | return Promise.reject(new Error('Re-login is required. Logging out...'))
123 | }
124 |
125 | return Promise.reject(new Error(res.error))
126 | }
127 |
128 | return Promise.resolve(res)
129 | })
130 |
131 | export const getIncomeReport = () =>
132 | fetch(`${BASE_PATH}/get-income-report`, {
133 | credentials: 'include',
134 | headers: {
135 | 'Content-type': 'application/json; charset=UTF-8'
136 | }
137 | })
138 | .then(res => res.json())
139 | .then(res => {
140 | if (res.error) {
141 | return Promise.reject(new Error(res.error))
142 | }
143 |
144 | return Promise.resolve(res)
145 | })
146 |
147 | export const getMentorList = () =>
148 | fetch(`${BASE_PATH}/get-mentor-list`, {
149 | credentials: 'include',
150 | headers: {
151 | 'Content-type': 'application/json; charset=UTF-8'
152 | }
153 | })
154 | .then(res => res.json())
155 | .then(res => {
156 | if (res.error) {
157 | return Promise.reject(new Error(res.error))
158 | }
159 |
160 | return Promise.resolve(res)
161 | })
162 |
--------------------------------------------------------------------------------
/webApp/lib/context.js:
--------------------------------------------------------------------------------
1 | import { create } from 'jss'
2 | import preset from 'jss-preset-default'
3 | import { SheetsRegistry } from 'react-jss/lib/jss'
4 | import { createMuiTheme } from 'material-ui/styles'
5 | import { blue, indigo } from 'material-ui/colors'
6 | import createGenerateClassName from 'material-ui/styles/createGenerateClassName'
7 |
8 | const theme = createMuiTheme({
9 | palette: {
10 | primary: blue,
11 | secondary: indigo
12 | }
13 | })
14 |
15 | // Configure JSS
16 | const jss = create(preset())
17 | jss.options.createGenerateClassName = createGenerateClassName
18 |
19 | function createContext() {
20 | return {
21 | jss,
22 | theme,
23 | // This is needed in order to deduplicate the injection of CSS in the page.
24 | sheetsManager: new Map(),
25 | // This is needed in order to inject the critical CSS.
26 | sheetsRegistry: new SheetsRegistry()
27 | }
28 | }
29 |
30 | export default function getContext() {
31 | // Make sure to create a new store for every server-side request so that data
32 | // isn't shared between connections (which would be bad)
33 | if (!process.browser) {
34 | return createContext()
35 | }
36 |
37 | // Reuse context on the client-side
38 | if (!global.__INIT_MATERIAL_UI__) {
39 | global.__INIT_MATERIAL_UI__ = createContext()
40 | }
41 |
42 | return global.__INIT_MATERIAL_UI__
43 | }
44 |
--------------------------------------------------------------------------------
/webApp/lib/getRootURL.js:
--------------------------------------------------------------------------------
1 | export default function getRootURL() {
2 | const port = process.env.PORT || 8080
3 | const ROOT_URL =
4 | process.env.NODE_ENV === 'production'
5 | ? 'https://app.findharbor.com'
6 | : `http://localhost:${port}`
7 |
8 | return ROOT_URL
9 | }
10 |
--------------------------------------------------------------------------------
/webApp/lib/notifier.js:
--------------------------------------------------------------------------------
1 | import { openSnackbar } from '../components/Notifier'
2 |
3 | export function success(message) {
4 | openSnackbar({ message, type: 'success' })
5 | }
6 |
7 | export function error(err) {
8 | openSnackbar({ message: err.message || err.toString(), type: 'error' })
9 | }
10 |
--------------------------------------------------------------------------------
/webApp/lib/withAuth.js:
--------------------------------------------------------------------------------
1 | import React from 'react'
2 | import PropTypes from 'prop-types'
3 | import Router from 'next/router'
4 |
5 | let globalUser = null
6 |
7 | export function updateUser({ price, description, isMentorPagePublic }) {
8 | if (globalUser) {
9 | if (price) {
10 | globalUser.price = Number(price)
11 | }
12 |
13 | if (description) {
14 | globalUser.description = description
15 | }
16 |
17 | if (isMentorPagePublic !== undefined) {
18 | globalUser.isMentorPagePublic = isMentorPagePublic
19 | }
20 | }
21 | }
22 |
23 | export default (Page, { loginRequired = true, logoutRequired = false } = {}) =>
24 | class BaseComponent extends React.Component {
25 | static propTypes = {
26 | user: PropTypes.shape({
27 | displayName: PropTypes.string,
28 | email: PropTypes.string.isRequired
29 | }),
30 | isFromServer: PropTypes.bool.isRequired
31 | }
32 |
33 | static defaultProps = {
34 | user: null
35 | }
36 |
37 | static async getInitialProps(ctx) {
38 | const isFromServer = !!ctx.req
39 | const user = ctx.req ? ctx.req.user && ctx.req.user.toObject() : globalUser
40 |
41 | if (isFromServer && user) {
42 | user._id = user._id.toString()
43 | }
44 |
45 | const props = { user, isFromServer }
46 |
47 | if (Page.getInitialProps) {
48 | Object.assign(props, (await Page.getInitialProps(ctx)) || {})
49 | }
50 |
51 | return props
52 | }
53 |
54 | componentDidMount() {
55 | if (this.props.isFromServer) {
56 | globalUser = this.props.user
57 | }
58 |
59 | if (loginRequired && !logoutRequired && !this.props.user) {
60 | Router.push('/login')
61 | return
62 | }
63 |
64 | if (logoutRequired && this.props.user) {
65 | Router.push('/')
66 | }
67 | }
68 |
69 | render() {
70 | if (loginRequired && !logoutRequired && !this.props.user) {
71 | return null
72 | }
73 |
74 | if (logoutRequired && this.props.user) {
75 | return null
76 | }
77 |
78 | return
67 | {noHeader ? null :
69 |
71 |
73 |
89 |
90 |
91 |
99 |
115 |
116 |
117 |
118 | )
119 | }
120 | }
121 |
122 | export default withLayout(Checkout, { noHeader: true })
123 |
--------------------------------------------------------------------------------
/webApp/pages/contact.js:
--------------------------------------------------------------------------------
1 | /* globals StripePublishableKey */
2 |
3 | import { Component } from 'react'
4 | import PropTypes from 'prop-types'
5 | import Head from 'next/head'
6 | import StripeCheckout from 'react-stripe-checkout'
7 | import 'isomorphic-fetch'
8 | import Error from 'next/error'
9 |
10 | import Grid from 'material-ui/Grid'
11 | import Paper from 'material-ui/Paper'
12 | import TextField from 'material-ui/TextField'
13 | import Button from 'material-ui/Button'
14 | import List, { ListItem } from 'material-ui/List'
15 | import Divider from 'material-ui/Divider'
16 |
17 | import { error, success } from '../lib/notifier'
18 | import getRootURL from '../lib/getRootURL'
19 | import withAuth from '../lib/withAuth'
20 | import withLayout from '../lib/withLayout'
21 |
22 | import { mentorPagePic, styleTextField } from '../components/SharedStyles'
23 |
24 | const styleGrid = {
25 | flexGrow: '1'
26 | }
27 |
28 | const styleNextButton = {
29 | borderRadius: '2px',
30 | textTransform: 'none',
31 | font: '15px Muli',
32 | fontWeight: '600',
33 | letterSpacing: '0.01em',
34 | color: 'white',
35 | backgroundColor: '#1a237e',
36 | '&:hover': {
37 | backgroundColor: 'white'
38 | }
39 | }
40 |
41 | const styleListItem = {
42 | display: 'block',
43 | textAlign: 'center'
44 | }
45 |
46 | const styleStats = {
47 | fontWeight: '300',
48 | margin: '0px'
49 | }
50 |
51 | const styleSectionSettings = {
52 | fontWeight: '300',
53 | margin: '25px 0px 10px 0px'
54 | }
55 |
56 | class Mentor extends Component {
57 | static propTypes = {
58 | mentor: PropTypes.shape({
59 | _id: PropTypes.string.isRequired
60 | }),
61 | user: PropTypes.shape({
62 | _id: PropTypes.string.isRequired
63 | })
64 | }
65 |
66 | static defaultProps = {
67 | mentor: null,
68 | user: null
69 | }
70 |
71 | static async getInitialProps({ req, query }) {
72 | let url = `/public-api/v1/get-mentor-detail/${query.slug}`
73 |
74 | if (req) {
75 | url = `${getRootURL()}${url}`
76 | }
77 |
78 | const res = await fetch(url)
79 | const json = await res.json()
80 |
81 | if (json.error) {
82 | return { mentor: null }
83 | }
84 | return { mentor: json }
85 | }
86 |
87 | state = {
88 | subject: '',
89 | message: ''
90 | }
91 |
92 | componentDidMount() {
93 | // const stripeToken = {
94 | // card: {
95 | // brand: 'Visa',
96 | // exp_month: 12,
97 | // exp_year: 2021,
98 | // id: 'card_1Aby7YGZO3FgrOB',
99 | // last4: '4242'
100 | // },
101 | // email: 'pdelgermurun@gmail.com',
102 | // id: 'tok_1Aby7YGZO3FgrO6o'
103 | // }
104 | // const url = '/public-api/v1/save-payment-card'
105 | // fetch(url, {
106 | // method: 'POST',
107 | // headers: {
108 | // 'Content-type': 'application/json; charset=UTF-8'
109 | // },
110 | // body: JSON.stringify({ stripeToken, mentorId: this.props.mentor._id })
111 | // })
112 | // .then(response => response.json())
113 | // .then(data => {
114 | // console.log(data)
115 | // })
116 | }
117 |
118 | onToken = token => {
119 | const { subject, message } = this.state
120 | const { mentor } = this.props
121 |
122 | if (!mentor.isStripeConnected) {
123 | error('Mentor has not connected Stripe account.')
124 | return
125 | }
126 |
127 | const url = '/public-api/v1/create-payment'
128 |
129 | fetch(url, {
130 | method: 'POST',
131 | headers: {
132 | 'Content-type': 'application/json; charset=UTF-8'
133 | },
134 | body: JSON.stringify({
135 | stripeToken: token,
136 | mentorId: this.props.mentor._id,
137 | email: { subject, message }
138 | })
139 | })
140 | .then(response => response.json())
141 | .then(data => {
142 | if (data.error) {
143 | error(data.error)
144 | } else {
145 | success('Success! Email is sent.')
146 | this.setState({ subject: '', message: '' })
147 | }
148 | })
149 | .catch(err => error(err))
150 | }
151 |
152 | onStripeCheckoutClicked = e => {
153 | const { subject, message } = this.state
154 |
155 | if (!subject || !message) {
156 | e.stopPropagation()
157 | error('Please fill out both Subject and Message.')
158 | }
159 |
160 | if (message.length > 1000) {
161 | e.stopPropagation()
162 | error('Message should be 1000 characters or less.')
163 | }
164 | }
165 |
166 | renderEmailForm() {
167 | return (
168 | 90 |
100 |
109 |
112 |
113 |
114 | 115 |
169 | this.setState({ subject: e.target.value })}
172 | type="text"
173 | label="Subject"
174 | labelClassName="textFieldLabel"
175 | InputClassName="textFieldInput"
176 | style={styleTextField}
177 | required
178 | />
179 |
180 |
181 | {
184 | if (e.target.value.length <= 1000) {
185 | this.setState({ message: e.target.value })
186 | }
187 | }}
188 | type="text"
189 | label="Message"
190 | placeholder="Message should be 1000 characters or less."
191 | labelClassName="textFieldLabel"
192 | InputClassName="textFieldInput"
193 | style={styleTextField}
194 | fullWidth
195 | multiline
196 | rows="8"
197 | required
198 | />
199 |
200 | {this.state.message.length} / 1000
201 |
202 |
203 | )
204 | }
205 |
206 | render() {
207 | const { mentor, user } = this.props
208 | const buttonStripe = `Email ${mentor.displayName}`
209 | const descriptionStripe = `You pay $${mentor.price} only if I reply.`
210 | const rating = `${mentor.rating.totalCount === 0
211 | ? 100
212 | : Math.round(mentor.rating.recommendCount / mentor.rating.totalCount * 100)}`
213 |
214 | if (!mentor) {
215 | return 180 |
181 |
227 |
228 | Email {mentor.displayName} and ask for advice.
229 |
233 |
234 |
235 |
236 |
244 |
245 |
292 |
293 |
301 |
302 |
325 |
340 |
341 |
342 |
343 |
344 | )
345 | }
346 | }
347 |
348 | export default withAuth(withLayout(Mentor, { noHeader: true }), { loginRequired: false })
349 |
--------------------------------------------------------------------------------
/webApp/pages/index.js:
--------------------------------------------------------------------------------
1 | import React from 'react'
2 | import PropTypes from 'prop-types'
3 | import Head from 'next/head'
4 | import debounce from 'lodash/debounce'
5 |
6 | import InfoOutline from 'material-ui-icons/InfoOutline'
7 | import Launch from 'material-ui-icons/Launch'
8 | import Paper from 'material-ui/Paper'
9 | import Button from 'material-ui/Button'
10 |
11 | import DescriptionEditor from '../components/DescriptionEditor'
12 | import CopyButton from '../components/CopyButton'
13 | import Modal from '../components/Modal'
14 | import Toggle from '../components/Toggle'
15 | import SelectList from '../components/SelectList'
16 | import { styleExternalLinkIcon, styleFlatButton } from '../components/SharedStyles'
17 |
18 | import withAuth from '../lib/withAuth'
19 | import withLayout from '../lib/withLayout'
20 | import {
21 | changePrice,
22 | changeDescription,
23 | changePageStatus,
24 | updateProfile,
25 | checkLabelsAndFilters
26 | } from '../lib/api'
27 | import { success, error } from '../lib/notifier'
28 | import getRootURL from '../lib/getRootURL'
29 |
30 | const stylePaper = {
31 | padding: '1px 20px 20px 20px',
32 | margin: '20px 0px'
33 | }
34 |
35 | const styleSectionSettings = {
36 | textAlign: 'left',
37 | fontWeight: '400'
38 | }
39 |
40 | class Index extends React.Component {
41 | static propTypes = {
42 | user: PropTypes.shape({
43 | price: PropTypes.number,
44 | description: PropTypes.string,
45 | isStripeConnected: PropTypes.bool,
46 | isMentorPagePublic: PropTypes.bool
47 | }).isRequired
48 | }
49 |
50 | constructor(props, ...args) {
51 | super(props, ...args)
52 |
53 | this.state = {
54 | description: (props.user && props.user.description) || '',
55 | descriptionLength:
56 | (props.user && props.user.description && props.user.description.length) || 0,
57 | status: !!props.user && !!props.user.isMentorPagePublic
58 | }
59 |
60 | this.saveDescription = debounce(() => {
61 | changeDescription(this.editor.editorDiv.elm.innerHTML)
62 | .then(() => success('Saved'))
63 | .catch(err => error(err))
64 | }, 500)
65 | }
66 |
67 | onUpdateProfileClicked = () => {
68 | updateProfile()
69 | .then(() => success('Successfuly updated'))
70 | .catch(err => error(err))
71 | }
72 |
73 | checkLabelsAndFilters = () => {
74 | checkLabelsAndFilters()
75 | .then(() => success('Successfuly updated'))
76 | .catch(err => error(err))
77 | }
78 |
79 | changePrice = value => {
80 | this.setState({ price: Number(value) })
81 | changePrice(value)
82 | .then(() => success('Saved'))
83 | .catch(err => error(err))
84 | }
85 |
86 | changePageStatus = e => {
87 | this.setState({ status: e.target.checked })
88 | changePageStatus(e.target.checked)
89 | .then(() => success(this.state.status ? 'Saved' : 'Saved'))
90 | .catch(err => error(err))
91 | }
92 |
93 | render() {
94 | const { user } = this.props
95 |
96 | const price = this.state.price || user.price
97 | const status = this.state.status
98 | const description = this.state.description
99 | const label = this.state.status ? 'Page is published' : 'Page is unpublished'
100 | const options = ['$25', '$50', '$100']
101 | const values = ['25', '50', '100']
102 |
103 | const optionsModal = [
104 | '- Share your link on social media.',
105 | '- Add your link to your website, blog, book.',
106 | '- Send your link to people who email you for advice.',
107 | '- Email your link to newsletter subscribers or customers.',
108 | '- Include your link in your signature and auto-reply email.'
109 | ]
110 |
111 | const secondary = ` : You get paid $${price * 0.9}`
112 |
113 | return (
114 | 235 |
246 | 
247 |
249 |
250 | {mentor.displayName}
248 |251 | {mentor.description ? ( 252 | 253 | ) : ( 254 | `${mentor.displayName} has not added description yet.` 255 | )} 256 |
257 | 258 | {mentor.links && mentor.links.length > 0 ? ( 259 |260 | Sample email advice:{' '} 261 | {mentor.links.map((l, i) => ( 262 | 263 | {i !== 0 ? ', ' : null} 264 | 265 | {l.title} 266 | 267 | 268 | ))} 269 |
270 | ) : null} 271 |
272 |
291 | -
273 |
{rating}%
275 |of people recommend
276 |{mentor.repliedCount}
280 |email{mentor.repliedCount === 1 ? '' : 's'} sent
281 |285 | <{mentor.averageResponseTime} hour{mentor.averageResponseTime === 1 ? '' : 's'} 286 |
287 |average reply time
288 |
303 |
319 | Ask {mentor.displayName} for advice
304 |-
305 |
- 306 | Step 1: Write a subject line and message for your email to {mentor.displayName}. 307 | 308 |
- Step 2: Enter your email address and add your payment information. 309 |
- 310 | Step 3: Verify your payment information and email {mentor.displayName}. You’ll 311 | be cc’d on the email. 312 | 313 |
315 | This advice costs ${mentor.price}. You'll only be charged if {mentor.displayName}{' '} 316 | replies. 317 |
318 |
321 |
323 | {this.renderEmailForm()}
324 | Compose message
322 |325 |
326 |
334 |
337 |
338 |
339 | 340 |
115 |
116 | Settings on Harbor
117 |
121 |
122 | {!user.isStripeConnected ? (
123 |
132 |
133 | Your Harbor page
134 |
139 |
140 | {getRootURL()}/contact/{user.slug}
141 |
151 |
152 |
153 |
154 | Price
155 |
160 |
168 |
169 |
170 |
171 | Description
172 |
177 | {
180 | this.setState({
181 | descriptionLength: comp.editorDiv.elm.innerText.length
182 | })
183 | }}
184 | ref={elm => {
185 | this.editor = elm
186 | }}
187 | onChange={e => {
188 | if (e.target.innerText.length <= 250) {
189 | this.setState({ description: e.target.innerHTML })
190 | this.setState({ descriptionLength: e.target.innerText.length })
191 | this.saveDescription()
192 | } else {
193 | error('Description should be 250 characters or less.')
194 | }
195 | }}
196 | />
197 |
201 |
202 |
203 |
204 | Name and Avatar
205 |
210 |
213 |
214 |
215 |
216 |
217 | Labels and Filters
218 |
226 |
229 |
230 |
231 | {user.isStripeConnected ? (
232 |
233 |
234 | Unpublish Harbor page
235 |
244 |
249 | ) : null}
250 |
251 |
252 |
253 | Revoke access to Gmail
254 |
263 |
266 |
267 |
268 | )
269 | }
270 | }
271 |
272 | export default withAuth(withLayout(Index))
273 |
--------------------------------------------------------------------------------
/webApp/pages/login.js:
--------------------------------------------------------------------------------
1 | import Head from 'next/head'
2 | import Button from 'material-ui/Button'
3 | import PropTypes from 'prop-types'
4 |
5 | import withAuth from '../lib/withAuth'
6 | import withLayout from '../lib/withLayout'
7 | import { styleLoginButton } from '../components/SharedStyles'
8 |
9 | const Login = props => (
10 | 124 | IMPORTANT: Connect your Stripe account to 125 | make your Harbor page public and to receive payments instantly. 126 |
127 | ) : ( 128 | 129 | )} 130 | 131 |
133 | Your Harbor page
134 | success('Share this page with people who seek your advice.')}
137 | />
138 |
139 |
140 | {getRootURL()}/contact/{user.slug}
141 |
154 | Price
155 | success('Select a price for one email reply.')}
158 | />
159 |
160 |
171 | Description
172 | success('Describe yourself and the type of advice you offer.')}
175 | />
176 |
177 | 198 | {this.state.descriptionLength} / 250 199 |
200 |
204 | Name and Avatar
205 | success('Sync your current name and avatar with your Google profile.')}
208 | />
209 |
210 |
213 |
217 | Labels and Filters
218 |
221 | success(
222 | 'Regenerate Harbor labels and filters in your Gmail in case you deleted them by accident.'
223 | )}
224 | />
225 |
226 |
229 |
234 | Unpublish Harbor page
235 |
238 | success(
239 | 'If your page is unpublished, advice seekers will not be able to email you via Harbor.'
240 | )}
241 | />
242 | (DANGER ZONE)
243 |
244 |
245 |
246 |
248 |
253 | Revoke access to Gmail
254 |
257 | success(
258 | 'If access is revoked, you will not be able to receive payment for your advice.'
259 | )}
260 | />
261 | (DANGER ZONE)
262 |
263 |
266 |
11 |
12 | Log in to Harbor
13 |
14 |
15 |
16 |
17 |
18 |
21 | 32 |
33 | )
34 | Login.propTypes = {
35 | url: PropTypes.shape({
36 | query: PropTypes.object
37 | }).isRequired
38 | }
39 |
40 | export default withAuth(withLayout(Login), { logoutRequired: true })
41 |
--------------------------------------------------------------------------------
/webApp/pages/mentors.js:
--------------------------------------------------------------------------------
1 | import { Component } from 'react'
2 | import PropTypes from 'prop-types'
3 | import Head from 'next/head'
4 | import Error from 'next/error'
5 |
6 | import Grid from 'material-ui/Grid'
7 | import Table, { TableBody, TableCell, TableHead, TableRow } from 'material-ui/Table'
8 |
9 | import { error } from '../lib/notifier'
10 | import withAuth from '../lib/withAuth'
11 | import withLayout from '../lib/withLayout'
12 | import { getMentorList } from '../lib/api'
13 |
14 | const styleGrid = {
15 | flexGrow: '1'
16 | }
17 |
18 | const UI = ({ mentors }) => (
19 | 16 |
17 |
18 |
Log in
19 |You’ll be logged in for 14 days unless you log out manually.
20 |21 | 32 |
20 |
21 | Mentors on Harbor
22 |
23 |
24 | 25 |
26 |
27 |
64 |
65 |
66 | )
67 |
68 | UI.propTypes = {
69 | mentors: PropTypes.arrayOf(
70 | PropTypes.shape({
71 | _id: PropTypes.string
72 | })
73 | ).isRequired
74 | }
75 |
76 | class Mentors extends Component {
77 | static propTypes = {
78 | user: PropTypes.shape({
79 | isAdmin: PropTypes.bool
80 | })
81 | }
82 |
83 | static defaultProps = {
84 | user: null
85 | }
86 |
87 | static async getInitialProps({ query }) {
88 | return query
89 | }
90 |
91 | state = {
92 | mentors: []
93 | }
94 |
95 | componentDidMount() {
96 | getMentorList()
97 | .then(mentors => this.setState({ mentors }))
98 | .catch(err => error(err))
99 | }
100 |
101 | render() {
102 | const { user } = this.props
103 | const { mentors } = this.state
104 |
105 | if (!user || !user.isAdmin) {
106 | return 24 | 25 |
37 |
38 |
39 |
40 |
44 |
45 | )
46 | }
47 |
48 | return (
49 | 38 |
39 |
40 |
41 | {error} 42 |
43 |44 |
50 |
51 |
52 |
53 |
57 |
58 | )
59 | }
60 | }
61 |
62 | export default withLayout(Rate, { noHeader: true })
63 |
--------------------------------------------------------------------------------
/webApp/pages/signup.js:
--------------------------------------------------------------------------------
1 | import Head from 'next/head'
2 | import Button from 'material-ui/Button'
3 |
4 | import withAuth from '../lib/withAuth'
5 | import withLayout from '../lib/withLayout'
6 | import { styleLoginButton } from '../components/SharedStyles'
7 |
8 | const Signup = () =>
9 | (51 |
52 |
53 |
54 | Thank you for rating {mentorName}'s advice. 55 |
56 |57 |
10 |
11 | Sign up on Harbor
12 |
13 |
14 |
15 |
16 |
17 |
34 | 38 |
39 |
40 |
)
42 |
43 | export default withAuth(withLayout(Signup), { logoutRequired: true })
44 |
--------------------------------------------------------------------------------
/webApp/server/api.js:
--------------------------------------------------------------------------------
1 | import express from 'express'
2 |
3 | import User from './models/User'
4 | import Payment from './models/Payment'
5 | import logger from './log'
6 | import { isAccessRevokedError } from './gmail/accessRevoked'
7 | import checkLabelsAndFilters from './gmail/checkLabelsAndFilters'
8 |
9 | const router = express.Router()
10 |
11 | router.use((req, res, next) => {
12 | if (!req.user) {
13 | res.status(401).json({ error: 'Unauthorized access' })
14 | return
15 | }
16 |
17 | next()
18 | })
19 |
20 | router.post('/change-price', (req, res) => {
21 | User.updateOne({ _id: req.user.id }, { price: req.body.price }, { runValidators: true })
22 | .then(raw => res.json(raw))
23 | .catch(err => res.json({ error: err.message || err.toString() }))
24 | })
25 |
26 | router.post('/change-status', (req, res) => {
27 | User.updateOne(
28 | { _id: req.user.id },
29 | { isMentorPagePublic: req.body.isMentorPagePublic },
30 | { runValidators: true }
31 | )
32 | .then(raw => res.json(raw))
33 | .catch(err => res.json({ error: err.message || err.toString() }))
34 | })
35 |
36 | router.post('/change-description', (req, res) => {
37 | User.updateOne({ _id: req.user.id }, { description: req.body.description })
38 | .then(raw => res.json(raw))
39 | .catch(err => res.json({ error: err.message || err.toString() }))
40 | })
41 |
42 | router.get('/get-income-report', (req, res) => {
43 | Payment.getMonthlyIncomeReport({ userId: req.user.id })
44 | .then(incomeList => res.json({ incomeList }))
45 | .catch(err => res.json({ error: err.message || err.toString() }))
46 | })
47 |
48 | router.get('/get-mentor-list', (req, res) => {
49 | if (!req.user.isAdmin) {
50 | res.status(401).json({ error: 'Unauthorized access' })
51 | return
52 | }
53 |
54 | User.getMentorList()
55 | .then(mentors => res.json(mentors))
56 | .catch(err => res.json({ error: err.message || err.toString() }))
57 | })
58 |
59 | router.get('/update-profile', (req, res) => {
60 | User.findById(req.user.id, 'googleToken googleId email')
61 | .then(user => user.updateProfileFromGoogle())
62 | .then(result => res.json(result))
63 | .catch(err => {
64 | const json = { error: err.message || err.toString() }
65 | if (isAccessRevokedError(err)) {
66 | json.isGoogleAccessRevokedError = true
67 | }
68 |
69 | res.json(json)
70 | })
71 | })
72 |
73 | router.get('/check-labels-and-filters', (req, res) => {
74 | const labelFields = User.gmailLabels().map(l => l.fieldName)
75 |
76 | User.findById(req.user.id, `googleToken googleId ${labelFields.join(' ')}`)
77 | .then(user => checkLabelsAndFilters(user))
78 | .then(() => res.json({ checked: true }))
79 | .catch(err => {
80 | logger.error(err)
81 | const json = { error: err.message || err.toString() }
82 | if (isAccessRevokedError(err)) {
83 | json.isGoogleAccessRevokedError = true
84 | }
85 |
86 | res.json(json)
87 | })
88 | })
89 |
90 | export default router
91 |
--------------------------------------------------------------------------------
/webApp/server/app.js:
--------------------------------------------------------------------------------
1 | import express from 'express'
2 | import session from 'express-session'
3 | import mongoSessionStore from 'connect-mongo'
4 | import bodyParser from 'body-parser'
5 | import next from 'next'
6 | import mongoose from 'mongoose'
7 |
8 | import Rating from './models/Rating'
9 | import Payment from './models/Payment'
10 | import User from './models/User'
11 | import setupAuth from './auth'
12 | import { setup as setupStripe } from './stripe'
13 | import setupSitemap from './sitemap'
14 | import api from './api'
15 | import publicApi from './public-api'
16 |
17 | require('dotenv').config()
18 |
19 | const dev = process.env.NODE_ENV !== 'production'
20 |
21 | let MONGO_URL = dev ? process.env.MONGO_URL_TEST : process.env.MONGO_URL
22 | MONGO_URL = process.env.USE_MONGO_TEST2 ? process.env.MONGO_URL_TEST2 : MONGO_URL
23 |
24 | mongoose.Promise = global.Promise
25 | mongoose.connect(MONGO_URL, { useMongoClient: true })
26 |
27 | const port = process.env.PORT || 8080
28 | const ROOT_URL = process.env.ROOT_URL || `http://localhost:${port}`
29 |
30 | const app = next({ dev })
31 | const handle = app.getRequestHandler()
32 |
33 | app.prepare().then(() => {
34 | const server = express()
35 |
36 | server.use(bodyParser.json())
37 | server.use(bodyParser.urlencoded({ extended: true }))
38 |
39 | const MongoStore = mongoSessionStore(session)
40 | const sess = {
41 | name: 'findharbor.sid',
42 | secret: '":HD2w.)q*VqRT4/#NK2M/,E^B)}FED5fWU!dKe[wk',
43 | store: new MongoStore({
44 | mongooseConnection: mongoose.connection,
45 | ttl: 14 * 24 * 60 * 60 // save session 14 days
46 | }),
47 | resave: false,
48 | saveUninitialized: false,
49 | cookie: {
50 | httpOnly: true
51 | }
52 | }
53 |
54 | if (!dev) {
55 | server.set('trust proxy', 1) // trust first proxy
56 | sess.cookie.secure = true // serve secure cookies
57 | }
58 |
59 | server.use(session(sess))
60 |
61 | setupAuth({ server, ROOT_URL })
62 | setupStripe({ server })
63 | setupSitemap({ server })
64 |
65 | server.use('/api/v1', api)
66 | server.use('/public-api/v1', publicApi)
67 |
68 | server.get('/contact/:slug', (req, res) => {
69 | const queryParams = { slug: req.params.slug }
70 | app.render(req, res, '/contact', queryParams)
71 | })
72 |
73 | server.get('/checkout/:paymentId', (req, res) => {
74 | Payment.findById(req.params.paymentId, 'chargeFailedCount isCardDeclined userId amount')
75 | .then(payment => {
76 | if (!payment || !payment.isCardDeclined) {
77 | throw new Error('Not found')
78 | }
79 |
80 | User.findById(payment.userId, User.publicFields()).then(mentor =>
81 | app.render(req, res, '/checkout', { payment, mentor })
82 | )
83 | })
84 | .catch(error => {
85 | app.render(req, res, '/checkout', { error })
86 | })
87 | })
88 |
89 | server.get('/rate/yes/:id', (req, res) => {
90 | Rating.rate({ id: req.params.id, recommended: true })
91 | .then(({ mentorName }) => {
92 | app.render(req, res, '/rate', { mentorName })
93 | })
94 | .catch(error => {
95 | app.render(req, res, '/rate', { error })
96 | })
97 | })
98 |
99 | server.get('/rate/no/:id', (req, res) => {
100 | Rating.rate({ id: req.params.id, recommended: false })
101 | .then(({ mentorName }) => {
102 | app.render(req, res, '/rate', { mentorName })
103 | })
104 | .catch(error => {
105 | app.render(req, res, '/rate', { error })
106 | })
107 | })
108 |
109 | server.get('*', (req, res) => handle(req, res))
110 |
111 | server.listen(port, err => {
112 | if (err) throw err
113 | console.log(`> Ready on ${ROOT_URL}`) // eslint-disable-line no-console
114 | })
115 | })
116 |
--------------------------------------------------------------------------------
/webApp/server/auth.js:
--------------------------------------------------------------------------------
1 | import passport from 'passport'
2 | import GoogleStrategy from './gmail/passportStrategy'
3 |
4 | import User from './models/User'
5 |
6 | export default function setup({ ROOT_URL, server }) {
7 | passport.use(
8 | new GoogleStrategy(
9 | {
10 | clientID: process.env.Google_clientID,
11 | clientSecret: process.env.Google_clientSecret,
12 | callbackURL: `${ROOT_URL}/auth/google/callback`
13 | },
14 | (googleToken, profile, cb) => {
15 | let email
16 | let avatarUrl
17 |
18 | if (profile.emails) {
19 | email = profile.emails[0].value
20 | }
21 |
22 | if (profile.image && profile.image.url) {
23 | avatarUrl = profile.image.url.replace('sz=50', 'sz=128')
24 | }
25 |
26 | User.signInOrSignUp({
27 | googleId: profile.id,
28 | email,
29 | googleToken,
30 | displayName: profile.displayName,
31 | avatarUrl
32 | })
33 | .then(user => cb(null, user))
34 | .catch(err => cb(err))
35 | }
36 | )
37 | )
38 |
39 | passport.serializeUser((user, done) => {
40 | done(null, user.id)
41 | })
42 |
43 | passport.deserializeUser((id, done) => {
44 | User.findById(id, User.publicFields(), (err, user) => {
45 | done(err, user)
46 | })
47 | })
48 |
49 | server.use(passport.initialize())
50 | server.use(passport.session())
51 |
52 | server.get('/auth/google', (req, res, next) => {
53 | const options = {
54 | scope: [
55 | 'https://www.googleapis.com/auth/userinfo.profile',
56 | 'https://www.googleapis.com/auth/userinfo.email',
57 | 'https://www.googleapis.com/auth/gmail.settings.basic',
58 | 'https://www.googleapis.com/auth/gmail.modify'
59 | ]
60 | }
61 |
62 | if (req.query && req.query.consent) {
63 | options.prompt = 'consent'
64 | }
65 |
66 | passport.authenticate('google-oauth2', options)(req, res, next)
67 | })
68 |
69 | server.get(
70 | '/auth/google/callback',
71 | passport.authenticate('google-oauth2', {
72 | failureRedirect: '/login'
73 | }),
74 | (req, res) => {
75 | User.findById(req.user.id, 'googleToken')
76 | .then(user => {
77 | if (!user.googleToken || !user.googleToken.refresh_token) {
78 | req.logout()
79 | res.redirect('/login?consent=1')
80 | } else {
81 | req.session.save(() => {
82 | res.redirect('/')
83 | })
84 | }
85 | })
86 | .catch(err => {
87 | console.log(err)
88 | req.logout()
89 | res.redirect('/login')
90 | })
91 | }
92 | )
93 |
94 | server.get('/logout', (req, res) => {
95 | req.logout()
96 | res.redirect('/login')
97 | })
98 | }
99 |
--------------------------------------------------------------------------------
/webApp/server/aws.js:
--------------------------------------------------------------------------------
1 | import aws from 'aws-sdk'
2 |
3 | export function sendEmail(options) {
4 | aws.config.update({
5 | region: 'us-east-1',
6 | accessKeyId: process.env.Amazon_accessKeyId,
7 | secretAccessKey: process.env.Amazon_secretAccessKey
8 | })
9 |
10 | const ses = new aws.SES({ apiVersion: 'latest' })
11 |
12 | return new Promise((resolve, reject) => {
13 | ses.sendEmail(
14 | {
15 | Source: options.from,
16 | Destination: {
17 | CcAddresses: options.cc,
18 | ToAddresses: options.to
19 | },
20 | Message: {
21 | Subject: {
22 | Data: options.subject
23 | },
24 | Body: {
25 | Html: {
26 | Data: options.body
27 | }
28 | }
29 | },
30 | ReplyToAddresses: options.replyTo
31 | },
32 | (err, info) => {
33 | if (err) {
34 | reject(err)
35 | } else {
36 | resolve(info)
37 | }
38 | }
39 | )
40 | })
41 | }
42 |
--------------------------------------------------------------------------------
/webApp/server/constants.js:
--------------------------------------------------------------------------------
1 | export const EMAIL_QUESTION_FROM_ADDRESS = 'question@findharbor.com'
2 | export const EMAIL_SUPPORT_FROM_ADDRESS = 'team@findharbor.com'
3 |
--------------------------------------------------------------------------------
/webApp/server/emailTemplates.js:
--------------------------------------------------------------------------------
1 | import mongoose from 'mongoose'
2 | import Handlebars from 'handlebars'
3 |
4 | const EmailTemplate = mongoose.model('EmailTemplate', {
5 | name: {
6 | type: String,
7 | required: true,
8 | unique: true
9 | },
10 | subject: {
11 | type: String,
12 | required: true
13 | },
14 | message: {
15 | type: String,
16 | required: true
17 | }
18 | })
19 |
20 | function insertTemplates() {
21 | const templates = [
22 | {
23 | name: 'rating',
24 | subject: "Happy with {{mentorName}}'s advice?",
25 | message: `Hi,
26 | 15 |
16 |
17 |
Sign up
18 |19 | By clicking the button below, you agree to Harbor’s 20 | 25 | {' '}Terms of Service 26 | {' '} 27 | and 28 | 29 | {' '}Privacy Policy 30 | 31 | . 32 |
33 |34 | 38 |
39 |
40 |
We do not read your emails or save them to our database.
41 |27 | Based on your email conversation, would you recommend {{mentorName}} to others 28 | (e.g. your friends and family)? 29 |
30 | 31 | 34 | 35 | Thanks!36 | Team Harbor` 37 | }, 38 | { 39 | name: 'welcome', 40 | subject: 'Welcome to Harbor', 41 | message: `{{mentorName}}, 42 |
43 | We're excited that you signed up for Harbor! 44 |
45 |46 | We're a small, bootstrapped, and remote team. 47 | We built Harbor so that great mentors could give advice and make money in the most 48 | convenient way - by email. 49 |
50 |51 | To get started, simply connect your Harbor account to Stripe and start sharing your 52 | Harbor page: https://app.findharbor.com/contact/{{mentorSlug}} 53 |
54 |-
55 |
- Advice seekers visit your Harbor page, where they enter their email address, 56 | message, and payment information. 57 |
- All emails sent with Harbor will appear in your gmail folder called "Harbor" 58 |
- We verify the payment information and then send the email to your inbox. 59 | The email will be labeled "Card verified". 60 |
- Once you reply, you'll be paid instantly via Stripe, and the original email will 61 | be re-labeled "Payment successful". 62 |
- After you reply, the sender will get an email asking if he/she would recommend 63 | you to friends and family. 64 |
- If you're unable to reply to an email, the sender won't be charged. 65 |
- If the payment doesn't process successfully, the original email will be 66 | re-labeled "Payment pending". 67 |
- Harbor receives 10% of transaction (this includes transaction fees from Stripe). 68 | You receive the rest directly in your connected Stripe account. 69 |
78 | Harbor's access to your Gmail has expired. 79 | If you wish to continue using Harbor, 80 | go to https://app.findharbor.com/login?consent=1 and log in. 81 |
82 | Team Harbor` 83 | }, 84 | { 85 | name: 'tips', 86 | subject: 'How to promote your Harbor page', 87 | message: `{{mentorName}}, 88 |Here's the link for your Harbor page: https://app.findharbor.com/contact/{{mentorSlug}}
89 |Below are some tips to receive more paid emails via Harbor: 90 |
103 | Your Harbor page: https://app.findharbor.com/contact/{{mentorSlug}} 104 |
105 |106 | Harbor dashboard: https://app.findharbor.com 107 |
108 |109 | Stripe dashboard: https://dashboard.stripe.com/dashboard 110 |
111 |112 | Terms of Service at Harbor: https://www.findharbor.com/terms-of-service 113 |
114 |115 | Privacy Policy at Harbor: https://www.findharbor.com/privacy-policy 116 |
117 | Team Harbor` 118 | }, 119 | { 120 | name: 'chargeFailedToCustomer', 121 | subject: 'Card declined', 122 | message: ` 123 |{{customerEmail}}, we weren't able to process your payment 124 | for {{mentorName}}'s advice.
125 |It could be that your card expired or didn't have sufficient funds.
126 |127 | Please go to this link to pay: https://app.findharbor.com/checkout/{{paymentId}} 128 |
129 |130 | You will not be able to request advice via Harbor until the payment is complete. 131 |
132 | ` 133 | } 134 | ] 135 | 136 | templates.forEach(async t => { 137 | if ((await EmailTemplate.find({ name: t.name }).count()) > 0) { 138 | return 139 | } 140 | 141 | EmailTemplate.create( 142 | Object.assign({}, t, { message: t.message.replace(/\n/g, '').replace(/[ ]+/g, ' ') }) 143 | ).catch(() => { 144 | // just pass error 145 | }) 146 | }) 147 | } 148 | 149 | insertTemplates() 150 | 151 | async function getEmail({ name, ...params }) { 152 | const source = await EmailTemplate.findOne({ name }) 153 | if (!source) { 154 | throw new Error('not found') 155 | } 156 | 157 | return { 158 | message: Handlebars.compile(source.message)(params), 159 | subject: Handlebars.compile(source.subject)(params) 160 | } 161 | } 162 | 163 | export function chargeFailedToCustomer({ mentorName, paymentId, customerEmail }) { 164 | return getEmail({ name: 'chargeFailedToCustomer', mentorName, paymentId, customerEmail }) 165 | } 166 | 167 | export function rating({ mentorName, yesLink, noLink }) { 168 | return getEmail({ name: 'rating', mentorName, yesLink, noLink }) 169 | } 170 | 171 | export function welcome({ mentorName, mentorSlug }) { 172 | return getEmail({ name: 'welcome', mentorName, mentorSlug }) 173 | } 174 | 175 | export function tips({ mentorName, mentorSlug }) { 176 | return getEmail({ name: 'tips', mentorName, mentorSlug }) 177 | } 178 | 179 | export function settings({ mentorName, mentorSlug }) { 180 | return getEmail({ name: 'settings', mentorName, mentorSlug }) 181 | } 182 | 183 | export function toMentorGoogleAccessRevoked({ mentorName }) { 184 | return getEmail({ name: 'googleAccessRevoked', mentorName }) 185 | } 186 | -------------------------------------------------------------------------------- /webApp/server/gmail/accessRevoked.js: -------------------------------------------------------------------------------- 1 | import mongoose, { Schema } from 'mongoose' 2 | 3 | import { EMAIL_SUPPORT_FROM_ADDRESS } from '../constants' 4 | import User from '../models/User' 5 | import { sendEmail } from '../aws' 6 | import { toMentorGoogleAccessRevoked } from '../emailTemplates' 7 | import logger from '../log' 8 | 9 | const Session = mongoose.model('Session', new Schema(), 'sessions') 10 | 11 | // when user's google access revoked, we will sent email to user about it 12 | // and log out from all sessions 13 | export default async function accessRevoked(userId) { 14 | if (!userId) { 15 | return null 16 | } 17 | 18 | const user = await User.findById(userId, 'email displayName') 19 | if (!user) { 20 | return null 21 | } 22 | 23 | const emailTemplate = await toMentorGoogleAccessRevoked({ mentorName: user.displayName }) 24 | 25 | sendEmail({ 26 | from: `Harbor <${EMAIL_SUPPORT_FROM_ADDRESS}>`, 27 | to: [user.email], 28 | cc: [EMAIL_SUPPORT_FROM_ADDRESS], 29 | subject: emailTemplate.subject, 30 | body: emailTemplate.message 31 | }) 32 | .then(info => { 33 | logger.info('Email about "access revoked" sent', info) 34 | }) 35 | .catch(err => { 36 | logger.error('Email sending error:', err) 37 | }) 38 | 39 | const filter = { session: { $regex: `.*"passport":{.*"user":"${userId}".*` } } 40 | 41 | return Session.remove(filter) 42 | } 43 | 44 | export function isAccessRevokedError(err) { 45 | return err.message === 'Invalid Credentials' || err.message === 'invalid_request' 46 | } 47 | -------------------------------------------------------------------------------- /webApp/server/gmail/api.js: -------------------------------------------------------------------------------- 1 | import omit from 'lodash/omit' 2 | import google from 'googleapis' 3 | 4 | import accessRevoked, { isAccessRevokedError } from './accessRevoked' 5 | 6 | const gmail = google.gmail('v1') 7 | const plus = google.plus('v1') 8 | 9 | const OAuth2 = google.auth.OAuth2 10 | 11 | export function getAuthClient() { 12 | return new OAuth2( 13 | process.env.Google_clientID, 14 | process.env.Google_clientSecret, 15 | 'https://app.findharbor.com/auth/google/callback' 16 | ) 17 | } 18 | 19 | function callApi(method, params) { 20 | const { appUserId } = params 21 | 22 | return new Promise((resolve, reject) => { 23 | method(omit(params, ['appUserId']), (err, response) => { 24 | if (err) { 25 | if (isAccessRevokedError(err) && appUserId) { 26 | accessRevoked(appUserId).then(() => reject(err)) 27 | } else { 28 | reject(err) 29 | } 30 | } else { 31 | resolve(response) 32 | } 33 | }) 34 | }) 35 | } 36 | 37 | export function getProfile(params) { 38 | return callApi(plus.people.get, params) 39 | } 40 | 41 | export function messagesList(params) { 42 | return callApi(gmail.users.messages.list, params) 43 | } 44 | 45 | export function getMessage(params) { 46 | return callApi(gmail.users.messages.get, params) 47 | } 48 | 49 | export function modifyMessage(params) { 50 | return callApi(gmail.users.messages.modify, params) 51 | } 52 | 53 | export function getHistoryList(params) { 54 | return callApi(gmail.users.history.list, params) 55 | } 56 | 57 | export function createLabel(params) { 58 | return callApi(gmail.users.labels.create, params) 59 | } 60 | 61 | export function updateLabel(params) { 62 | return callApi(gmail.users.labels.patch, params) 63 | } 64 | 65 | export function getLabelList(params) { 66 | return callApi(gmail.users.labels.list, params) 67 | } 68 | 69 | export function getLabel(params) { 70 | return callApi(gmail.users.labels.get, params) 71 | } 72 | 73 | export function createFilter(params) { 74 | return callApi(gmail.users.settings.filters.create, params) 75 | } 76 | 77 | export function deleteFilter(params) { 78 | return callApi(gmail.users.settings.filters.delete, params) 79 | } 80 | 81 | export function getFilterList(params) { 82 | return callApi(gmail.users.settings.filters.list, params) 83 | } 84 | -------------------------------------------------------------------------------- /webApp/server/gmail/checkLabelsAndFilters.js: -------------------------------------------------------------------------------- 1 | import User from '../models/User' 2 | import logger from '../log' 3 | 4 | import * as api from './api' 5 | import { isLabelExists, createLabel } from './createLabels' 6 | import createFilter from './createFilter' 7 | import { isAccessRevokedError } from './accessRevoked' 8 | 9 | async function checkLabels(user) { 10 | const oauth2Client = api.getAuthClient() 11 | oauth2Client.setCredentials(user.googleToken) 12 | 13 | const labels = User.gmailLabels() 14 | 15 | for (let j = 0; j < labels.length; j += 1) { 16 | const l = labels[j] 17 | 18 | const labelId = user[l.fieldName] 19 | 20 | try { 21 | // eslint-disable-next-line no-await-in-loop 22 | if (!labelId || !await isLabelExists({ labelId, user, oauth2Client })) { 23 | // eslint-disable-next-line no-await-in-loop 24 | await createLabel({ 25 | user, 26 | oauth2Client, 27 | labelName: l.labelName, 28 | fieldName: l.fieldName 29 | }) 30 | } 31 | } catch (error) { 32 | if (isAccessRevokedError(error)) { 33 | throw error 34 | } else { 35 | logger.error('Error while checking/creating labels', error) 36 | } 37 | 38 | break 39 | } 40 | } 41 | 42 | try { 43 | await createFilter(user.id) 44 | logger.info('checked filters') 45 | } catch (error) { 46 | if (isAccessRevokedError(error)) { 47 | throw error 48 | } else { 49 | logger.error('Error while checking/creating filters', error) 50 | } 51 | } 52 | } 53 | 54 | export default checkLabels 55 | -------------------------------------------------------------------------------- /webApp/server/gmail/checkSentEmails.js: -------------------------------------------------------------------------------- 1 | import uniq from 'lodash/uniq' 2 | import uniqBy from 'lodash/uniqBy' 3 | import flatten from 'lodash/flatten' 4 | import addr from 'email-addresses' 5 | 6 | import { isAccessRevokedError } from './accessRevoked' 7 | import User from '../models/User' 8 | import Payment from '../models/Payment' 9 | import { EMAIL_QUESTION_FROM_ADDRESS } from '../constants' 10 | import logger from '../log' 11 | import * as api from './api' 12 | 13 | const TEST_FROM_CLI = !!process.env.TEST_FROM_CLI 14 | 15 | async function getSentEmails({ user, oauth2Client }) { 16 | let sentMessages = [] 17 | let historyList 18 | let lastHistoryId 19 | 20 | do { 21 | // eslint-disable-next-line no-await-in-loop 22 | historyList = await api.getHistoryList({ 23 | appUserId: user.id, 24 | userId: 'me', 25 | startHistoryId: user.gmailHistoryStartId, 26 | labelId: 'SENT', 27 | maxResults: 1000, 28 | pageToken: (historyList && historyList.nextPageToken) || undefined, 29 | auth: oauth2Client 30 | }) 31 | 32 | if (historyList.history) { 33 | sentMessages = sentMessages.concat(historyList.history.map(h => h.messages || [])) 34 | 35 | lastHistoryId = historyList.history[historyList.history.length - 1].id 36 | } 37 | 38 | if (historyList.historyId) { 39 | lastHistoryId = historyList.historyId 40 | } 41 | } while (historyList.nextPageToken) 42 | 43 | sentMessages = uniqBy(flatten(sentMessages), 'id') 44 | 45 | return { sentMessages, lastHistoryId } 46 | } 47 | 48 | async function isSentToCustomer({ user, message, oauth2Client }) { 49 | const dev = process.env.NODE_ENV !== 'production' 50 | 51 | const detail = await api.getMessage({ 52 | appUserId: user.id, 53 | userId: 'me', 54 | id: message.id, 55 | auth: oauth2Client 56 | }) 57 | 58 | // if email did not sent by mentor 59 | if (detail.labelIds.indexOf('SENT') === -1) { 60 | return false 61 | } 62 | 63 | let sentTo 64 | 65 | for (let i = 0; i < detail.payload.headers.length; i += 1) { 66 | const h = detail.payload.headers[i] 67 | if (h.name === 'To') { 68 | sentTo = h.value 69 | break 70 | } 71 | } 72 | 73 | const paymentCount = await Payment.find({ 74 | userId: user.id, 75 | 'stripeCustomer.email': addr.parseOneAddress(sentTo).address, 76 | 'email.isSent': true, 77 | 'stripeCustomer.livemode': !dev, // check only test users on dev 78 | isCardDeclined: false, 79 | isCharged: false 80 | }).count() 81 | 82 | return paymentCount > 0 83 | } 84 | 85 | async function checkEmailAndCharge({ message, user, oauth2Client }) { 86 | const dev = process.env.NODE_ENV !== 'production' 87 | 88 | try { 89 | if (!await isSentToCustomer({ message, user, oauth2Client })) { 90 | return 91 | } 92 | 93 | // getting replied email 94 | const detail = await api.getMessage({ 95 | appUserId: user.id, 96 | userId: 'me', 97 | id: message.threadId, 98 | auth: oauth2Client 99 | }) 100 | 101 | const email = {} 102 | 103 | detail.payload.headers.forEach(h => { 104 | if (['Subject', 'From', 'To', 'Message-ID'].indexOf(h.name) === -1) { 105 | return 106 | } 107 | 108 | email[h.name.toLowerCase()] = h.value 109 | }) 110 | 111 | // if not from us, skip it 112 | if (addr.parseOneAddress(email.from).address !== EMAIL_QUESTION_FROM_ADDRESS) { 113 | return 114 | } 115 | 116 | // get original message id (')} 182 | Note to ${user.displayName} (${user.email}): 183 |