\n\t\t\t\tPost another event\n\t\t\t\n\t\t\n\t);\n\n\treturn (\n\t\t\n\t\t\t{!postDone && (\n\t\t\t\t<>\n\t\t\t\t\t{props.smallView &&
\n\t\t\t\t\t\t }\n\t\t\t\t\t
\n\t\t\t\t\t
\n\t\t\t\t\t{typeOfEventComp}\n\t\t\t\t\t
\n\t\t\t\t\t\t
Event date:
\n\t\t\t\t\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\t\t{!posting && Post Event
}\n\t\t\t\t\t\t{posting && \n\t\t\t\t\t{errorMessage}
\n\t\t\t\t\n\t\t\t)}\n\t\t\t{postDone && postDoneComponent}\n\t\t \n {props.voteResult[index] ? props.voteResult[index] : 0}: {option}\n
\n });\n });\n\n const checkLabel = resultView ? \"Return\" : \"Result\";\n const submitLabel = voteSubmitted ? \"Voted\" : \"Submit\";\n\n return (\n \n {vote && <>\n
{vote.title} \n {!resultView &&\n <>\n
\n
\n }\n
\n {resultView &&
\n
\n {submitLabel} \n {checkLabel} \n
\n
{errorMessage}
\n }\n {!vote && welcomeWords}\n
\n Welcome to our newly published website! We're excited to have you here, but please bear with us as we work out any kinks that may arise during this early stage. As a new site, there may be some instability or inconvenience, but we're committed to making your experience as smooth as possible. We appreciate your patience and understanding as we continue to improve and refine our offerings. In the meantime, feel free to explore what we have to offer and let us know if you have any questions or feedback. Thank you for visiting our site!\n
);\n\nexport default VoteComponent;\n","import React, { useEffect, useState, useLayoutEffect, useRef } from \"react\";\nimport TopNav from '../LandingPage/TopNav/TopNav';\nimport { inject, observer } from \"mobx-react\";\nimport DatePicker from \"react-datepicker\";\nimport AddressComponent from \"../shared/AddressComponent\";\nimport PopupDialog from \"../shared/PopupDialog\"\nimport OptionGroup from \"../shared/OptionGroup\";\nimport reportOptions from \"../shared/ReportOptions\";\nimport CommentsComponent from \"../comment/CommentsComponent\";\nimport { generateAddressString } from \"../shared/GenerateAddressString\";\nimport VoteComponent from \"../shared/VoteComponent\";\nimport ProfileLink from \"../Profile/ProfileLink\";\nimport { handleError } from \"../shared/ErrorHandler\";\nimport LoadingPage from \"../shared/LoadingPage\";\nimport ReactQuill from 'react-quill';\nimport 'react-quill/dist/quill.snow.css';\nimport { modules, formats } from '../shared/QuillEditorConfig';\n\nimport styles from \"./Events.css\";\n\n\nconst EventDetailComponent = inject(\"eventsStore\", \"userStore\")(observer((props) => {\n\tconst [showPopup, setShowPopup] = useState(false);\n\tconst [isAbandon, setIsAbandone] = useState(false);\n\tconst [options, setOptions] = useState([]);\n\tconst [reportInput, setReportInput] = useState(\"\");\n\tconst [error, setError] = useState(\"\");\n\tconst [isLoading, setIsLoading] = useState(true);\n\tconst queryParams = new URLSearchParams(props.location.search);\n\tconst id = queryParams.get(\"id\");\n\n\tuseEffect(() => {\n\t\tif (!props.userStore.currentUser) {\n\t\t\tprops.userStore.getLoginStatus();\n\t\t}\n\t\tprops.eventsStore.getEventDetail(id).then(() => {\n\t\t\tprops.eventsStore.assignToDraftEvent(props.eventsStore.eventDetail);\n\t\t\tsetIsAbandone(props.eventsStore.eventDetail.status < 0);\n\t\t\tsetIsLoading(false);\n\t\t}).catch((error) => {\n\t\t\tsetIsLoading(false);\n\t\t\tsetError(\"Failed to load event. Please try again later.\");\n\t\t});\n\t}, [id]);\n\n\tconst handleLikes = id => {\n\t\tprops.eventsStore.postEventLike(id);\n\t}\n\n\tconst joinEvent = id => {\n\t\tprops.eventsStore.joinEvent(id)\n\t\t\t.then()\n\t\t\t.catch((error) => {\n\t\t\t\thandleError(error, props.history);\n\t\t\t});\n\t}\n\n\tconst abandonEvent = id => {\n\t\tprops.eventsStore.abandonEvent(id, !isAbandon).then(() => {\n\t\t\tsetIsAbandone(props.eventsStore.eventDetail.status < 0);\n\t\t}).catch(error => {\n\t\t\thandleError(error, props.history);\n\t\t});\n\n\t}\n\n\tconst event = props.eventsStore.eventDetail;\n\tif (event === undefined) {\n\t\treturn null;\n\t}\n\n\tconst handleReportPopup = () => {\n\t\tsetShowPopup(true);\n\t};\n\n\tconst handleReportCancelClick = () => {\n\t\tsetShowPopup(false);\n\t};\n\n\tconst handleReportConfirmClick = () => {\n\t\tif (!options || options.length === 0) {\n\t\t\treturn;\n\t\t}\n\t\tconst contents = [];\n\t\toptions.forEach((option) => {\n\t\t\tconst content = option === reportOptions.length - 1 && reportInput !== \"\" ?\n\t\t\t\t`${option}_${reportOptions[option]}_${reportInput}` : `${option}_${reportOptions[option]}`;\n\t\t\tcontents.push(content);\n\t\t})\n\t\tconst reportContent = contents.join(\",\");\n\t\tprops.eventsStore.reportEvent(props.eventsStore.eventDetail.id, reportContent).then(() => {\n\t\t\tsetShowPopup(false);\n\t\t}).catch();\n\t};\n\n\tconst handleCheckboxChange = (options) => {\n\t\tsetOptions(options)\n\t}\n\n\tconst handleReportInputChange = (e) => {\n\t\tsetReportInput(e.target.value);\n\t}\n\n\tconst checkBox = (\n\t\t\n\t\t\t\n\t\t
\n\t);\n\tconst abandonLabel = isAbandon ? \"Unabandon\" : \"Abandon\";\n\tconst eventDetail = (\n\t\t\n\t\t\t
\n\t\t\t\t
\n\t\t\t\t\t
Posted by:
\n\t\t\t\t\t
\n\t\t\t\t\t\t
\n\t\t\t\t\t
\n\t\t\t\t\t
at:
\n\t\t\t\t\t
{event.creatTime?.split(\".\")[0]}
\n\t\t\t\t
\n\t\t\t\t
\n\t\t\t\t\t
<\n\t\t\t\t\t\tspan style={{ \"alignSelf\": \"center\", \"color\": \"#bd1f1f\" }}>
\n\t\t\t\t\t
{event.attendees_count}
\n\t\t\t\t\t
handleLikes(event.id)}>\n\t\t\t\t\t\t
\n\t\t\t\t\t
{event.likes_count}
\n\t\t\t\t\t{!props.eventsStore.eventDetail.is_editable &&
joinEvent(event.id)}>\n\t\t\t\t\t\tJoin\n\t\t\t\t\t}\n\t\t\t\t\t{props.eventsStore.eventDetail.is_editable && abandonEvent(event.shortUrl)}>\n\t\t\t\t\t\t{abandonLabel}\n\t\t\t\t\t}\n\n\t\t\t\t \n\t\t\t
\n\t\t\t
\n\t\t\t
\n\t\t\t
\n\t\t\t
\n\t\t\t
Report this event
\n\t\t\t{showPopup && (\n\t\t\t\t
\n\t\t\t)}\n\t\t \n\t\t\t
\n\t\t\t{!isLoading && <>
\n\t\t\t\t
\n\t\t\t\t\t{eventDetail}\n\t\t\t\t\t
\n\t\t\t\t\t\t
\n\t\t\t\t
\n\t\t\t\t
\n\t\t\t
\n\t\t\t\t
{error}
\n\t\t\t}\n\t\t\t{isLoading &&
}\n\t\t
\n\t\t\t{!editing && (\n\t\t\t\t
\n\t\t\t\t\t
Event time: {dateTimeFromProps.toString()}
\n\t\t\t\t\t{props.isEditable &&
}\n\t\t\t\t
)}\n\t\t\t{props.isEditable && editing && (\n\t\t\t\t
\n\t\t\t\t\t
Event time:
\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
\n\t\t\t
\n\t\t\t\tIn person \n\t\t\t\tOnline \n\t\t\t
\n\t\t\t{typeOfEvent === \"2\" &&
}\n\t\t\t{typeOfEvent === \"1\" &&\n\t\t\t\t
\n\t\t\t}\n\t\t
\n\t\t\t{!editing && (\n\t\t\t\t
\n\t\t\t\t\t{typeOfEvent === \"1\" &&
Address: {addressString}
}\n\t\t\t\t\t{typeOfEvent === \"2\" &&
Meeting link: {meetingLink}
}\n\t\t\t\t\t{props.isEditable &&
}\n\t\t\t\t
\n\t\t\t)}\n\t\t\t{props.isEditable && editing && (\n\t\t\t\t
\n\t\t\t\t\t{typeOfEventComp}\n\t\t\t\t\t
\n\t\t\t\t\t\t
\n\t\t\t\t\t\t
\n\t\t\t\t\t
\n\t\t\t\t
\n\t\t\t)}\n\t\t
\n\t\t\t{!editing && (\n\t\t\t\t
\n\t\t\t\t\t
{props.eventsStore.eventDetail.title}
\n\t\t\t\t\t{props.isEditable &&
}\n\t\t\t\t
\n\t\t\t)}\n\t\t\t{props.isEditable && editing && (\n\t\t\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
\n\t\t\t{!editing && (\n\t\t\t\t
\n\t\t\t\t\t{props.isEditable &&
}\n\t\t\t\t\t
\n\t\t\t\t
\n\t\t\t)}\n\t\t\t{props.isEditable && editing && (\n\t\t\t\t
\n\t\t\t\t\t
\n\t\t\t\t\t\t
\n\t\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
\n\t\t
\n\t\t{!isLoading &&
\n\t\t\t
\n\t\t\t
{errorMessage}
\n\t\t
}\n\t\t{isLoading &&
}\n\t
\n\t\t\t\t
\n\t\t\t\t\t
\n\t\t\t\t\t
\n\t\t\t\t\t\t
{profile.business}
\n\t\t\t\t\t\t
{profile.name}\n\t\t\t\t\t\t
{profile.phone}
\n\t\t\t\t\t\t
{profile.email}
\n\t\t\t\t\t\t
\n\t\t\t\t\t
\n\t\t\t\t\t
\n\t\t\t\t\t\t
\n\t\t\t\t\t\t\t{Number(profile.status) > 1 &&
\n\t\t\t\t\t\t
Company: {profile.company}
\n\t\t\t\t\t\t
Skills: {profile.skills}
\n\t\t\t\t\t\t
languages: {profile.languages}
\n\t\t\t\t\t\t
Areas served: {profile.servingAreas}
\n\t\t\t\t\t
\n\t\t\t\t
\n\t\t\t
\n\t\t\t
\n\t\t\t{!isLoading &&
\n\t\t\t\t
\n\t\t\t\t\t
\n\t\t\t\t\t
\n\t\t\t\t\t{error &&
Loading profiles error
}\n\t\t\t\t\t
\"\n\t\t\t\t\t\tonPageChange={handlePageChange}\n\t\t\t\t\t\tpageRangeDisplayed={5}\n\t\t\t\t\t\tpageCount={Number(props.profileStore.pagesCount)}\n\t\t\t\t\t\tpreviousLabel=\"< previous\"\n\t\t\t\t\t\trenderOnZeroPageCount={null}\n\t\t\t\t\t\tcontainerClassName=\"react-paginate\"\n\t\t\t\t\t\tforcePage={pageOffset}\n\t\t\t\t\t\tactiveClassName=\"react-paginate-active\"\n\t\t\t\t\t\threfAllControls\n\t\t\t\t\t\tpageLinkClassName=\"react-paginate-item\"\n\t\t\t\t\t/>\n\t\t\t\t \n\t\t\t\t
\n\t\t\t
}\n\t\t\t{isLoading &&
}\n\t\t
{option} \n\t});\n\n\tconst typeDropDown = (\n\t\t\n\t\t\tAny type \n\t\t\t{profiles}\n\t\t \n\t);\n\n\treturn (\n\t\t\n\t\t\t{typeDropDown}\n\t\t\t
near
\n\t\t\t
\n\t\t\t
\n\t\t\t\t
\n\t\t
\n
\n );\n};\n\nexport default PrivacyPage;","import React from 'react';\nimport { API_ROOT } from \"../shared/Constant\";\n\n\nconst DisclaimerPage = props => {\n return (\n \n
\n );\n};\n\nexport default DisclaimerPage;","import React from 'react';\nimport { API_ROOT } from \"../shared/Constant\";\n\n\nconst TermsPage = props => {\n return (\n \n
\n );\n};\n\nexport default TermsPage;","import React from \"react\";\nimport TopNav from \"../LandingPage/TopNav/TopNav\";\n\nconst NetworkErrorPage = () => {\n return (\n \n
\n
Network Error \n
Unable to connect to the server. Please check your internet connection and try again.
\n
\n
\n
404 - Page Not Found \n
The page you are looking for does not exist.
\n {/* You can include navigation links or a search bar here */}\n
\n {props.answers.map((answer, index) => (\n \n );\n });\n\n return (\n \n
Answers:
\n {props.answerStore.answers.length > 0 &&\n
\n }\n
\n
\n
\n {!isEdting &&
\n
\n
\n
\n {!props.answer.profileId &&
{hiddenEmail(props.answer.authorEmail)}
}\n {props.answer.profileId &&
}\n
posted {timeAgo(props.answer.creation_time)}
\n
\n {props.answer.is_editable && < div className=\"flex-box-row\">\n
Delete
\n
Edit
\n
}\n
\n
\n
\n
\n
\n {!props.answer.profileId &&
{hiddenEmail(props.answer.authorEmail)}
}\n {props.answer.profileId &&
}\n
posted {timeAgo(props.answer.creation_time)}
\n
\n
\n Cancel \n Update \n
\n
\n
\n
\n
\n Add your answer \n
\n
\n
\n
\n {tags.map((tag) => (\n
\n {tag}\n handleTagDelete(tag)}>X \n
\n ))}\n
\n
\n {value}\n
\n ));\n });\n\n if (props.questionStore.question === null) {\n return null;\n }\n\n return (\n
\n
\n
Ask Question \n
{title}
\n
\n
\n {!isEditing &&
\n
\n
\n
\n {!props.questionStore.question.profileId &&
{hiddenEmail(props.questionStore.question.authorEmail)}
}\n {props.questionStore.question.profileId &&
}\n
posted {timeAgo(props.questionStore.question.creatTime)}
\n
\n {props.questionStore.question.is_editable && < div className=\"flex-box-row\">\n
Delete
\n
Edit
\n
}\n
\n
\n {props.questionStore.question.state && <>
State:
{props.questionStore.question.state}
}\n {props.questionStore.question.tags && <>
Tags:
}\n
\n
}\n {isEditing &&
\n
\n
\n
\n
\n
\n
\n {!props.questionStore.question.profileId &&
{hiddenEmail(props.questionStore.question.authorEmail)}
}\n {props.questionStore.question.profileId &&
}\n
posted {timeAgo(props.questionStore.question.creatTime)}
\n
\n
\n Cancel \n Update \n
\n
\n
}\n
\n
\n
\n
{value.title}\n
\n
\n
\n
{hiddenEmail(value.authorEmail)}
\n
posted {timeAgo(value.creatTime)}
\n
\n
\n {value.state &&
State: {value.state}
}\n
Vote: {value.vote}
\n
Answers: {value.answerCount}
\n
\n
\n
\n
\n
\n
\n Ask Question \n
\n {!isLoading &&
}\n {isLoading &&
}\n {error &&
Loading event error
}\n
\"\n onPageChange={handlePageChange}\n pageRangeDisplayed={5}\n pageCount={props.questionStore.pageCount} //TODO\n previousLabel=\"< previous\"\n renderOnZeroPageCount={null}\n containerClassName=\"react-paginate\"\n forcePage={pageOffset}\n activeClassName=\"react-paginate-active\"\n hrefAllControls\n pageLinkClassName=\"react-paginate-item\"\n />\n \n
\n
\n
\n
\n
\n
\n
Maximum characters {MAX_QUESTION_CHARS}, {leftChars} characters left.
\n
\n
Create \n
\n
\n
\n {errors && errors.street &&
{errors.street} }\n
\n
\n {errors && errors.city &&
{errors.city}
}\n {errors && errors.zipcode &&
{errors.zipcode}
}\n {errors && errors.state &&
{errors.state}
}\n {false &&
}\n
\n {options.map((option) => (\n \n {option.label} \n {option.notes && option.notes.map((note, index) => {\n return {note} \n })}\n \n ))}\n {showOther && (\n <>\n \n Other \n \n {((type === \"checkbox\" && selectedOptions.includes(\"other\")) || (type === \"radio\" && selectedOptions === \"other\")) && (\n
\n );\n});\n\n\nexport default RadioButtonGroup;\n","import React, { useState } from 'react';\nimport AddressComponent from \"../shared/AddressComponent2\";\nimport RadioButtonGroup from '../shared/RadioButtonGroup';\nimport 'react-datepicker/dist/react-datepicker.css';\nimport { personForm } from '../shared/PurchaseForm';\n\nconst AuthorForm = ({ label, value, onChange, errors, skip = false }) => {\n const [formData, setFormData] = useState(value);\n\n const handleTypeChange = (value) => {\n if (value === \"unknonw\") {\n setFormData({ ...formData, type: value, data: [] });\n onChange('type', value);\n onChange('data', []);\n } else {\n setFormData({ ...formData, type: value, data: [personForm] });\n onChange('type', value);\n onChange('data', [personForm]);\n }\n };\n\n const handlePersonChange = (index, name, value) => {\n const updatedPersonInfo = formData.data.map((person, i) => {\n if (i === index) {\n return { ...person, [name]: value };\n }\n return person;\n });\n\n setFormData({ ...formData, data: updatedPersonInfo });\n onChange('data', updatedPersonInfo);\n };\n\n const addPerson = () => {\n const updatedData = [...formData.data, personForm];\n setFormData(prevFormData => ({\n ...prevFormData,\n data: updatedData\n }));\n\n onChange(\"data\", updatedData);\n };\n\n\n const removePerson = (indexToRemove) => {\n const updatedData = formData.data.filter((_, index) => index !== indexToRemove);\n setFormData(prevFormData => ({\n ...prevFormData,\n data: updatedData\n }));\n\n onChange(\"data\", updatedData);\n };\n\n const personOptions = [\n { value: 'individual', label: \"Individual(s)\" },\n { value: 'business', label: \"A Business Entity\" }\n ];\n\n if (skip) {\n personOptions.push({ value: 'unknown', label: \"I don't know\" });\n }\n const businessOptions = [\n { value: 'president', label: \"President\" },\n { value: 'ceo', label: \"CEO\" },\n { value: 'member', label: \"Member\" },\n { value: 'officer', label: \"Officer\" },\n ];\n const labelText = `Who is the ${label}`;\n return (\n \n
{labelText}
\n
\n {errors && errors.type &&
{errors.type} }\n {value.type === \"individual\" && formData.data.map((item, index) => {\n const error = errors?.data ? errors.data[index] : null;\n return
\n
\n \n {label} {index + 1}:\n \n {index !== 0 && removePerson(index)}>\n \n }\n
\n
\n handlePersonChange(index, 'firstName', e.target.value)}\n className=\"form-input\"\n placeholder='First name'\n value={item.firstName}\n />\n handlePersonChange(index, 'lastName', e.target.value)}\n className=\"form-input\"\n placeholder='Last name'\n value={item.lastName}\n />\n
\n {error && error.firstName &&
{error.firstName}
}\n {error && error.lastName &&
{error.lastName}
}\n
\n
Contact \n
\n handlePersonChange(index, 'phone', e.target.value)}\n className=\"form-input\"\n placeholder='Phone'\n value={item.phone}\n />\n handlePersonChange(index, 'email', e.target.value)}\n className=\"form-input\"\n placeholder='Email'\n value={item.email}\n />\n
\n
\n {error && error.phone &&
{error.phone}
}\n {error && error.email &&
{error.email}
}\n
\n
Address \n
handlePersonChange(index, 'address', value)}\n errors={error?.address}\n />\n \n
\n })}\n {value.type === \"individual\" &&
}\n {value.type === \"business\" && formData.data.map((item, index) => {\n const error = errors?.data ? errors.data[index] : null;\n return
\n
\n
\n Business Entity's Name \n handlePersonChange(index, 'businessEntity', e.target.value)}\n className=\"form-input\"\n value={item.businessEntity}\n />\n {error && error.businessEntity && {error.businessEntity} }\n
\n {error && error.entity &&
{error.entity} }\n
\n
Who is signing on behalf of the Business Entity \n
\n handlePersonChange(index, 'firstName', e.target.value)}\n className=\"form-input\"\n placeholder='First name'\n value={item.firstName}\n />\n handlePersonChange(index, 'lastName', e.target.value)}\n className=\"form-input\"\n placeholder='Last name'\n value={item.lastName}\n />\n
\n {error && error.firstName &&
{error.firstName}
}\n {error && error.lastName &&
{error.lastName}
}\n
\n
Contact \n
\n handlePersonChange(index, 'phone', e.target.value)}\n className=\"form-input\"\n placeholder='Phone'\n value={item.phone}\n />\n handlePersonChange(index, 'email', e.target.value)}\n className=\"form-input\"\n placeholder='Email'\n value={item.email}\n />\n
\n {error && error.phone &&
{error.phone}
}\n {error && error.email &&
{error.email}
}\n
\n
\n
\n Who is signing on behalf of the Business Entity \n handlePersonChange(index, \"role\", value)}\n />\n {error && error.role && {error.role} }\n
\n
\n
\n
Address \n
handlePersonChange(index, 'address', value)}\n errors={error?.address}\n />\n \n
\n })}\n
\n
Property Info \n
\n
Property type {errors && errors.type && {errors.type} }
\n
formChangeHandler(\"type\", value)}\n />\n Does the property include land? {errors && errors.includeLand && {errors.includeLand} }
\n formChangeHandler(\"includeLand\", value)}\n />\n Property located at
\n formChangeHandler(\"address\", value)}\n value={formData.address}\n errors={errors?.address}\n />\n Legal Description (Optional)
\n formChangeHandler(\"legalDescription\", value)}\n />\n Parcel Number (Optional)
\n formChangeHandler(\"parcelNumber\", value)}\n />\n \n
\n
Buyers' Infomation \n
\n
\n
Sellers' Infomation \n
\n
\n
Purchase \n
Purchase Info \n
\n Purchase price: \n $ \n Dollars \n
\n {errors && errors.price &&
{errors.price} }\n
Purchase method \n
formChangeHandler(\"type\", value)}\n />\n {errors && errors.type && {errors.type} }\n {formData.type === \"financing\" && <>Down payment amount \n \n
$ \n
\n {formData.downPayment !== \"\" &&
Loan Amount: ${formData.loanAmount}
}\n
{errors.downPayment} }\n \n Type of Financing \n formChangeHandler(\"loanType\", value)}\n showOther={true}\n />\n {errors && errors.loanType && {errors.loanType} }\n
\n Loan application \n \n Buyer need submit loan application within\n formChangeHandler(\"loanApplicationDay\", e.target.value)}\n /> Days after this agreement acceptance.\n
\n {errors && errors.loanApplicationDay && {errors.loanApplicationDay} }\n {formData.loanType === \"seller\" && \n
Seller's Financing \n
\n Interest rate yearly:\n formChangeHandler(\"loanFixedRate\", e.target.value)}\n /> %\n
\n {errors && errors.loanFixedRate &&
{errors.loanFixedRate} }\n
\n Loan length:\n formChangeHandler(\"lengthOfLoan\", e.target.value)}\n /> Months\n
\n {errors && errors.lengthOfLoan &&
{errors.lengthOfLoan} }\n
Time to show funding evidence
\n \n Buyer shall show Seller funding evidence within\n formChangeHandler(\"dayOfVerificationFund\", e.target.value)}\n /> Days after this agreement acceptance.\n
\n {errors && errors.dayOfVerificationFund && {errors.dayOfVerificationFund} }\n \n
Deposit \n
Deposit date \n
\n Buyer shall deliver deposit within\n formChangeHandler(\"dueDate\", e.target.value)}\n /> business Days after this agreement acceptance.\n
\n {errors && errors.dueDate &&
{errors.dueDate} }\n
Deposit method \n
formChangeHandler(\"method\", value)}\n />\n {errors && errors.method && {errors.method} }\n Deposit amount \n \n $ \n formChangeHandler(\"amount\", e.target.value)}\n />\n Dollars \n
\n {errors && errors.amount && {errors.amount} }\n \n
Contigency \n
Which contigencies would you like to put on your purchase offer \n
\n {options.map((item, index) => (\n
\n ))}\n {errors && errors.choice &&
{errors.choice} }\n {formData.choice.includes('inspection') &&
\n
Inspection contigency
\n
\n Inspection contigency will be removed within\n onChange(\"inspection\", \"removeDate\", e.target.value)}\n /> Days after this agreement acceptance\n
\n {errors && errors.inspection?.removeDate &&
{errors.inspection.removeDate} }\n
\n After Buyer report inspection defect to Seller, negotiation period is\n onChange(\"inspection\", \"negotiationPeriod\", e.target.value)}\n /> Days.\n
\n {errors && errors.inspection?.negotiationPeriod &&
{errors.inspection.negotiationPeriod} }\n
}\n {formData.choice.includes('loan') &&
\n
Loan contigency
\n
\n Loan contigency will be removed within\n onChange(\"loan\", \"removeDate\", e.target.value)}\n /> Days after this agreement acceptance\n
\n {errors && errors.loan?.removeDate &&
{errors.loan.removeDate} }\n
}\n {formData.choice.includes('appraisal') &&
\n
Appraisal contigency
\n
\n Appraisal contigency will be removed within\n onChange(\"appraisal\", \"removeDate\", e.target.value)}\n /> Days after this agreement acceptance.\n
\n {errors && errors.appraisal?.negotiationPeriod &&
{errors.appraisal.negotiationPeriod} }\n
\n After Buyer deliver Appraisal report to Seller, negotiation period is\n onChange(\"appraisal\", \"negotiationPeriod\", e.target.value)}\n /> Days.\n
\n {errors && errors.appraisal?.removeDate &&
{errors.appraisal.removeDate} }\n
}\n {formData.choice.includes('exchange') &&
\n
Home sale contigency
\n
\n If Home located:\n
onChange(\"exchange\", \"address\", value)}\n errors={errors?.exchange?.address}\n />\n \n
\n isn't sold within\n onChange(\"exchange\", \"removeDate\", e.target.value)}\n /> Days after this agreement acceptance, Buyer can get deposit back.\n
\n {errors && errors.exchange?.removeDate &&
{errors.exchange.removeDate} }\n
}\n
\n
\n Items incluede in sale \n Will Buyer obtain any of Seller's personal property and fixtures \n formChangeHandler(\"items\", value)}\n placeholder=\"Item1, Item2\"\n />\n
\n};\n\n\nconst Closing = ({ formData, formChangeHandler, errors }) => {\n const payer = [\n { value: 'b100', label: \"Buyer 100%\" },\n { value: 's100', label: \"Seller 100%\" },\n { value: 'split', label: \"Buyer and Seller (50/50)\" },\n ];\n\n return \n
Closing \n
Who will pay the closing cost \n
formChangeHandler(\"cost\", value)}\n />\n {errors && errors.cost && {errors.cost} }\n Closing Date \n \n Close of ESCROW shall be occur on\n formChangeHandler(\"closeDays\", e.target.value)}\n /> Days after this agreement acceptance.\n
\n {errors && errors.closeDays && {errors.closeDays} }\n Seller vacate Date \n \n Seller shall vacate property on the date of Close of ESCROW, no later than\n formChangeHandler(\"sellerVacateDays\", e.target.value)}\n /> calendar Days after closing day (Close of ESCROW).\n
\n {errors && errors.sellerVacateDays && {errors.sellerVacateDays} }\n \n Buyer final walk through and verification day\n formChangeHandler(\"verificationDays\", e.target.value)}\n /> calendar Days before closing day (Close of ESCROW).\n
\n {errors && errors.verificationDays && {errors.verificationDays} }\n \n Other Questions \n Seller Disclosure \n \n Seller has\n onChange(\"disclosure\", \"dueDate\", e.target.value)}\n /> Days after this agreement acceptance to Deliver to Buyer all reports\n \n {errors && errors.disclosure.dueDate && {errors.disclosure.dueDate} }\n Expiration of this agreement \n \n Seller has\n onChange(\"expiration\", \"dueDate\", e.target.value)}\n /> Days to accept this agreement after Buyer sign and deliver this agreement to Seller.\n \n {errors && errors.expiration?.dueDate && {errors.expiration.dueDate} }\n Title research \n \n Buyer has\n onChange(\"title\", \"reviewDays\", e.target.value)}\n /> Days to review title report and report problem to Seller.\n \n {errors && errors.title.reviewDays && {errors.title.reviewDays} }\n \n Seller has\n onChange(\"title\", \"correctDays\", e.target.value)}\n /> Days to correct title issue after Buyer nofity Seller.\n \n {errors && errors.title.correctDays && {errors.title.correctDays} }\n Survey problem \n \n Buyer has\n onChange(\"survey\", \"reportDays\", e.target.value)}\n /> Days to report survey problem after this agreement acceptance.\n \n {errors && errors.survey.reportDays && {errors.survey.reportDays} }\n \n Sellar has\n onChange(\"survey\", \"correctDays\", e.target.value)}\n /> Days to to correct survey problem after Buyer nofity Seller.\n \n {errors && errors.survey.correctDays && {errors.survey.correctDays} }\n
\n};\n\nconst Addenda = ({ formData, formChangeHandler, errors }) => {\n const addItem = () => {\n const updatedData = [...formData.items, ''];\n formChangeHandler(\"items\", updatedData);\n };\n\n const removeItem = (indexToRemove) => {\n const updatedData = formData.items.filter((_, index) => index !== indexToRemove);\n formChangeHandler(\"items\", updatedData);\n };\n\n const handleAddendaChange = (index, e) => {\n const updatedData = formData.items.map((item, i) => i === index ? e.target.value : item);\n formChangeHandler(\"items\", updatedData);\n };\n\n\n return \n
Addendas \n
Add your filename of addendas \n {formData.items.map((item, index) => (\n
\n handleAddendaChange(index, e)}\n placeholder={`Addenda file ${index + 1}`}\n style={{ \"width\": \"90%\" }}\n />\n {index !== 0 && removeItem(index)}> }\n
\n ))}\n
\n
handleChange(\"property\", key, value)} errors={errors.property} />,\n },\n {\n id: 2, name: \"Buyer information\", value: \"buyers\", component: handleChange(\"buyers\", key, value)} errors={errors.buyers} />,\n },\n {\n id: 3, name: \"Seller information\", value: \"sellers\", component: handleChange(\"sellers\", key, value)} errors={errors.sellers} />,\n },\n {\n id: 4, name: \"Purchase\", value: \"purchase\", component: handleChange(\"purchase\", key, value)} errors={errors.purchase} />,\n },\n {\n id: 5, name: \"Deposit\", value: \"deposit\", component: handleChange(\"deposit\", key, value)} errors={errors.deposit} />,\n },\n {\n id: 6, name: \"Contigencies\", value: \"contigencies\", component: handleChange(\"contigencies\", key, value)} errors={errors.contigencies} />,\n },\n {\n id: 7, name: \"Items included in sale\", value: \"property\", component: handleChange(\"itemsOnSale\", key, value)} errors={errors.itemsOnSale} />,\n },\n {\n id: 8, name: \"Closing\", value: \"closing\", component: handleChange(\"closing\", key, value)} errors={errors.closing} />,\n },\n {\n id: 9, name: \"Other questions\", value: \"questions\", component: handleChange(\"questions\", key, value)} errors={errors.questions} />,\n },\n {\n id: 10, name: \"Addenda\", value: \"addenda\", component: handleChange(\"addenda\", key, value)} errors={errors.property} />,\n },\n ];\n\n const finalStep = steps.length;\n\n const renderStep = () => {\n const current = steps.find(step => step.id === currentStep);\n return current ? current.component : Step not found
;\n };\n\n if (!formData) {\n return;\n }\n return \n
\n
\n
\n {steps.map((step) => (\n
setCurrentStepId(step.id)}\n >\n {step.name}\n \n ))}\n
\n
\n
\n {renderStep()}\n
\n\n
\n
Save for later \n {!isBottom &&
}\n
\n {currentStep !== 1 && Next }\n {currentStep === finalStep && Submit }\n
\n
\n
\n
Download ;\n return (<>\n {!iconButton &&\n Download File }\n {iconButton &&\n \n \n \n }\n \n );\n};\n\nexport default DownloadButton;\n","import React, { useState } from 'react';\nimport agent from '../agent';\nimport { OverlayTrigger, Tooltip } from 'react-bootstrap';\n\n\nconst CheckoutButton = ({ id, amount, redirect_url, text, iconClassname, className, iconButton = false }) => {\n const handleCheckout = async () => {\n try {\n const response = await agent.Payment.pay(id, amount, redirect_url);\n window.location.href = response.url;\n } catch (error) {\n console.error('Error during checkout:', error.response || error);\n if (error.status === 401) {\n const pathWithoutHost = window.location.pathname + window.location.search;\n localStorage.setItem('prevLocation', pathWithoutHost);\n window.location.href = \"/login\";\n }\n }\n };\n\n const checkoutTooltip = Checkout ;\n return (\n \n {!iconButton && {text} }\n {iconButton &&\n \n }\n
\n );\n};\n\nexport default CheckoutButton;\n","export function getLabelByValue(value) {\n const item = loanVerification.find(item => item.value === value);\n return item ? item.label : value;\n}\n\nexport const loanVerification = [\n { value: 'preQualification', label: \"Loan pre-qualification letter\" },\n { value: 'preApproval', label: \"Loan pre-Approval letter\" },\n { value: 'underwrittern', label: \"Loan pre-approval underwrittern letter\" },\n];\n\nexport function getOfferRequestStatusText(status) {\n if (status === 0) {\n return \"Submitted\";\n } else if (status === 1) {\n return \"Picked by agent\";\n } else if (status === 2) {\n return \"Completed\";\n } else if (status === -1) {\n return \"Draft\";\n }\n return \"Unknown\";\n}","import React, { useEffect, useState } from \"react\";\nimport { inject, observer } from \"mobx-react\";\nimport TopNav from '../LandingPage/TopNav/TopNav';\nimport RadioButtonGroup from '../shared/RadioButtonGroup';\nimport DownloadButton from \"../shared/FileDownload\";\nimport CheckoutButton from \"../shared/payment\";\nimport agent from \"../agent\";\nimport { HOST_NAME } from \"../shared/Constant\";\nimport { getOfferRequestStatusText } from \"../shared/options\";\nimport { OverlayTrigger, Tooltip } from 'react-bootstrap';\nimport { Link } from 'react-router-dom';\n\nimport styles from \"./OfferPage.css\";\n\n\nconst fullService = {\n pros: [\n \"1. Comprehensive assistance throughout buying process: property search, negotiation, closing.\",\n \"2. Access to professional agent's expertise and market knowledge.\",\n \"3. Guidance navigating complex paperwork and legal processes.\"\n ],\n cons: [\n \"1. Typically higher costs; agents charge percentage of final sale price.\",\n \"2. Less direct involvement in decision-making; agent takes on more responsibilities.\",\n \"3. Reliance on agent's schedule for property viewings and communication.\",\n ]\n}\n\nconst faltRate = {\n pros: [\n \"1. Predictable, often lower costs compared to full- service; fixed flat - rate fees.\",\n \"2. Simplified pricing structure, no need to calculate commissions based on sale price.\",\n \"3. Some assistance and support, though more limited than full - service\"\n ],\n cons: [\n \"1. Less personalized service, potentially reduced access to market insights.\",\n \"2. Limited scope of services may not meet all buyer needs.\",\n \"3. Buyers may need to take on more responsibilities independently.\"\n ]\n}\n\nconst makeOfferByYourself = {\n pros: [\n \"1. Complete autonomy over buying process: making offers, negotiating directly.\",\n \"2. Potential cost savings by avoiding agent commissions or flat - rate fees.\",\n \"3. Flexibility to move at own pace, tailor process to preferences.\"\n ],\n cons: [\n \"1. Requires strong understanding of real estate market, negotiation skills.\",\n \"2. Lack of professional guidance may lead to missed opportunities, mistakes.\",\n \"3. Time - consuming, potentially stressful, especially for inexperienced buyers.\"\n ]\n};\n\nfunction ProsConsList({ title, pros, cons }) {\n return (\n \n
{title}
\n
\n
\n Pros:
\n {pros.map((pro, index) => (\n {pro} \n ))}\n \n
\n
\n Cons:
\n {cons.map((con, index) => (\n {con} \n ))}\n \n
\n
\n
\n
\n
\n
\n How would you like to submit the offer to purchase your dream home?\n
\n
\n
Start \n
{error}
\n
\n
\n As you may know, after 07/15/204, seller will not pay commission fee to buyer's agent. Buyers paying agent commissions can lead to increased transparency and agent accountability. But the bad point is that it may impact affordability for buyers, introduce complexity in negotiations and potentially affect market dynamics.\n
\n
\n Our website offers a personalized agent matching service, allowing you to find the perfect agent for your needs. You have the flexibility to decide the commission fee and can even draft offers independently for a small fee.\n
\n
\n
\n
\n
\n {docs && requests && !showList &&
}\n {showList &&\n
setRefreshList(true)}\n />\n }\n {(!docs || !requests) &&\n
\n }\n \n
\n
Preview ;\n const deleteTooltip = Delete ;\n const editTooltip = Edit ;\n\n return \n {props.docs && props.docs.map((doc, index) => {\n const status = getDocStatus(doc.status, doc.expiration);\n return
\n
{`Purchase agreement(${status})`}
\n {status !== \"Active\" &&
\n
Pay $25 to unlock download
\n
\n
}\n
\n {(status !== \"Active\" && status !== \"Exprired\") &&
Created on:{getDateOnly(doc.creatTime)}
}\n {(status === \"Active\" || status === \"Exprired\") &&
Expired on: {getDateOnly(doc.expiration)}
}\n
\n \n onNavigateToLink(`/preview/purchase-form?id=${doc.mongoDocId}`)}\n className=\"offer-list-icon\"\n >\n \n \n onNavigateToLink(`/edit/purchase-form?id=${doc.mongoDocId}`)}\n className=\"offer-list-icon\"\n >\n \n \n onDocDelete(doc.id)}\n className=\"offer-list-icon\"\n >\n \n
\n
\n {status === \"Active\" &&\n
\n \n setAgreeDisclaimer(!agreeDisclaimer)}\n style={{ \"marginRight\": \"5px\" }}\n />\n Check to agree the \n
\n }\n
\n
;\n })\n }\n {props.requests && props.requests.map((doc, index) => {\n return
\n
{`Offer made request(${getOfferRequestStatusText(doc.status)})`}
\n
Price: $ {doc.price}
\n
Address: {doc.address}
\n
Agent: {getAgentText(doc.agentType, doc.agentCommission)}
\n
\n
Created on:{getDateOnly(doc.creatTime)}
\n
\n \n onNavigateToLink(`/preview/service-request?id=${doc.mongoDocId}`)}\n className=\"offer-list-icon\"\n >\n \n onNavigateToLink(`/edit/purchase-request?id=${doc.mongoDocId}`)}\n className=\"offer-list-icon\"\n >\n \n onRequestDelete(doc.id)}\n className=\"offer-list-icon\"\n >\n
\n
\n
\n
;\n })\n }\n
\n
\n
\n
\n
\n {!isSuccess &&
}\n {isSuccess &&
}\n
{message}
\n
\n
\n
\n
\n
\n {preview !== \"\" &&
}\n
\n {documentState &&\n
\n \n setAgreeDisclaimer(!agreeDisclaimer)}\n style={{ \"marginRight\": \"10px\" }}\n />\n Check to agree the \n
\n }\n {!documentState &&\n
\n }\n
onNavigateToLink(`/edit/purchase-form?id=${id}`)}\n >\n Edit\n \n \n
\n
\n {showPopup &&
\n
\n
Property Info \n
\n
Property type
\n
formChangeHandler(\"type\", value)}\n />\n {errors && errors.type && {errors.type} }\n Property located at
\n formChangeHandler(\"address\", value)}\n value={formData.address}\n errors={errors?.address}\n />\n \n
\n
Buyers' Infomation \n
\n
\n
Agent \n
Which type of service would you like to choose?
\n
formChangeHandler(\"type\", value)}\n />\n {errors && errors.type && {errors.type} }\n {!!formData.type && formData.type !== '' && \n
Commission
\n {formData.type == \"flatRate\" &&
\n Commission you would like to pay agent. $ \n formChangeHandler(\"commission\", e.target.value)}\n />\n
}\n {formData.type == \"fullService\" &&
\n Commission you would like to pay agent. Percentage of property price. (%) \n formChangeHandler(\"commission\", e.target.value)}\n />\n
\n }\n {errors && errors.commission &&
{errors.commission} }\n
Do you accept agent work remotely? \n formChangeHandler(\"remote\", value)}\n />\n {errors && errors.remote && {errors.remote} }\n Comment \n formChangeHandler(\"comment\", e.target.value)}\n />\n You would agent complete your offer and sent it to Seller within\n formChangeHandler(\"dayToMakeOffer\", e.target.value)}\n /> day(s) \n {errors && errors.dayToMakeOffer && {errors.dayToMakeOffer} }\n \n
Purchase \n
Purchase Info \n
\n Purchase price: \n $ \n {errors.type} }\n
\n
Purchase method \n
formChangeHandler(\"type\", value)}\n />\n {errors && errors.type && {errors.type} }\n {formData.type === \"financing\" && <>Down payment amount \n \n
$ \n
\n {formData.downPayment !== \"\" &&
Loan Amount: ${formData.loanAmount}
}\n
{errors.downPayment} }\n Type of Financing \n formChangeHandler(\"loanType\", value)}\n showOther={true}\n />\n {errors && errors.loanType && {errors.loanType} }\n Which loan verification you have? \n formChangeHandler(\"loanVerification\", value)}\n showOther={true}\n />\n {errors && errors.loanVerification && {errors.loanVerification} }\n Financing information \n \n Interest rate yearly:\n formChangeHandler(\"loanFixedRate\", e.target.value)}\n /> %\n
\n {errors && errors.loanFixedRate && {errors.loanFixedRate} }\n \n Loan length:\n formChangeHandler(\"lengthOfLoan\", e.target.value)}\n /> Months\n
\n {errors && errors.lengthOfLoan && {errors.lengthOfLoan} }\n }\n handleChange(\"property\", key, value)} errors={errors.property} />,\n },\n {\n id: 2, name: \"Buyer information\", value: \"buyers\", component: handleChange(\"buyers\", key, value)} errors={errors.buyers} />,\n },\n {\n id: 3, name: \"Agent information\", value: \"agent\", component: handleChange(\"agent\", key, value)} errors={errors.agent} />,\n },\n {\n id: 4, name: \"Purchase\", value: \"purchase\", component: handleChange(\"purchase\", key, value)} errors={errors.purchase} />,\n }\n ];\n\n const finalStep = steps.length;\n\n const renderStep = () => {\n const current = steps.find(step => step.id === currentStep);\n return current ? current.component : Step not found
;\n };\n\n return \n
\n
\n
\n
\n
\n
\n {steps.map((step) => (\n
setCurrentStepId(step.id)}\n >\n {step.name}\n \n ))}\n
\n
\n
\n {renderStep()}\n
\n\n
\n
Save for later \n {!isBottom &&
}\n
\n {currentStep !== 1 && Next }\n {currentStep === finalStep && Submit }\n
\n
\n
\n
\n
\n
\n
\n
\n
Find an agent to make purchase offer{status ? ` (${getOfferRequestStatusText(status.status)})` : ''} \n
Property
\n
You would purchase the property ({offerRequest.property.type}) located:
\n
{generateAddressStringFromObject(offerRequest.property.address)}
\n
Buyer
\n
You are {offerRequest.buyers.type} buyer(s)
\n {offerRequest.buyers.data.map((buyer, index) => {\n return
\n
Buyer{offerRequest.buyers.data.length > 1 ? ` ${index + 1}:` : \":\"}
\n
Name: {`${buyer.firstName} ${buyer.lastName}`}
\n
Address: {generateAddressStringFromObject(buyer.address)}
\n
Phone: {buyer.phone}
\n
Email: {buyer.email}
\n
\n })}\n
Agent
\n {offerRequest.agent.type == \"flatRage\" &&
The commission you offer to agent : ${offerRequest.agent.commission}
}\n {offerRequest.agent.type == \"fullService\" &&
The commission you offer to agent: {offerRequest.agent.commission} % of property price
}\n
You {offerRequest.agent.remote ? \"\" : \"don't\"} accept your agent work remotely
\n
You want your offer completed within: {offerRequest.agent.dayToMakeOffer} day(s)
\n
You have comment for your agent: {offerRequest.agent.comment}
\n
Financing
\n
The purchase price you would like to pay:$ {offerRequest.purchase.price}
\n {offerRequest.purchase.type === \"allCash\" &&
You will pay the propery all cash
}\n {offerRequest.purchase.type === \"financing\" &&
\n
You will pay the property with financing. Loan type is {offerRequest.purchase.loanType}
\n
The downpayment percentage: $ {offerRequest.purchase.downPayment}
\n
Expect or your pre-approval loan annual rate: {offerRequest.purchase.loanFixedRate} %
\n
length of loan: {offerRequest.purchase.lengthOfLoan} month(s)
\n
Your have {getLabelByValue(offerRequest.purchase.loanVerification, loanVerification)}
\n
}\n
\n navigateToLink(\"/offer\")}>Make another offer \n
\n
\n
\n \n );\n}\n\nexport default App;\n","// This optional code is used to register a service worker.\n// register() is not called by default.\n\n// This lets the app load faster on subsequent visits in production, and gives\n// it offline capabilities. However, it also means that developers (and users)\n// will only see deployed updates on subsequent visits to a page, after all the\n// existing tabs open on the page have been closed, since previously cached\n// resources are updated in the background.\n\n// To learn more about the benefits of this model and instructions on how to\n// opt-in, read https://bit.ly/CRA-PWA\n\nconst isLocalhost = Boolean(\n window.location.hostname === 'localhost' ||\n // [::1] is the IPv6 localhost address.\n window.location.hostname === '[::1]' ||\n // 127.0.0.1/8 is considered localhost for IPv4.\n window.location.hostname.match(\n /^127(?:\\.(?:25[0-5]|2[0-4][0-9]|[01]?[0-9][0-9]?)){3}$/\n )\n);\n\nexport function register(config) {\n if (process.env.NODE_ENV === 'production' && 'serviceWorker' in navigator) {\n // The URL constructor is available in all browsers that support SW.\n const publicUrl = new URL(process.env.PUBLIC_URL, window.location.href);\n if (publicUrl.origin !== window.location.origin) {\n // Our service worker won't work if PUBLIC_URL is on a different origin\n // from what our page is served on. This might happen if a CDN is used to\n // serve assets; see https://github.com/facebook/create-react-app/issues/2374\n return;\n }\n\n window.addEventListener('load', () => {\n const swUrl = `${process.env.PUBLIC_URL}/service-worker.js`;\n\n if (isLocalhost) {\n // This is running on localhost. Let's check if a service worker still exists or not.\n checkValidServiceWorker(swUrl, config);\n\n // Add some additional logging to localhost, pointing developers to the\n // service worker/PWA documentation.\n navigator.serviceWorker.ready.then(() => {\n console.log(\n 'This web app is being served cache-first by a service ' +\n 'worker. To learn more, visit https://bit.ly/CRA-PWA'\n );\n });\n } else {\n // Is not localhost. Just register service worker\n registerValidSW(swUrl, config);\n }\n });\n }\n}\n\nfunction registerValidSW(swUrl, config) {\n navigator.serviceWorker\n .register(swUrl)\n .then(registration => {\n registration.onupdatefound = () => {\n const installingWorker = registration.installing;\n if (installingWorker == null) {\n return;\n }\n installingWorker.onstatechange = () => {\n if (installingWorker.state === 'installed') {\n if (navigator.serviceWorker.controller) {\n // At this point, the updated precached content has been fetched,\n // but the previous service worker will still serve the older\n // content until all client tabs are closed.\n console.log(\n 'New content is available and will be used when all ' +\n 'tabs for this page are closed. See https://bit.ly/CRA-PWA.'\n );\n\n // Execute callback\n if (config && config.onUpdate) {\n config.onUpdate(registration);\n }\n } else {\n // At this point, everything has been precached.\n // It's the perfect time to display a\n // \"Content is cached for offline use.\" message.\n console.log('Content is cached for offline use.');\n\n // Execute callback\n if (config && config.onSuccess) {\n config.onSuccess(registration);\n }\n }\n }\n };\n };\n })\n .catch(error => {\n console.error('Error during service worker registration:', error);\n });\n}\n\nfunction checkValidServiceWorker(swUrl, config) {\n // Check if the service worker can be found. If it can't reload the page.\n fetch(swUrl)\n .then(response => {\n // Ensure service worker exists, and that we really are getting a JS file.\n const contentType = response.headers.get('content-type');\n if (\n response.status === 404 ||\n (contentType != null && contentType.indexOf('javascript') === -1)\n ) {\n // No service worker found. Probably a different app. Reload the page.\n navigator.serviceWorker.ready.then(registration => {\n registration.unregister().then(() => {\n window.location.reload();\n });\n });\n } else {\n // Service worker found. Proceed as normal.\n registerValidSW(swUrl, config);\n }\n })\n .catch(() => {\n console.log(\n 'No internet connection found. App is running in offline mode.'\n );\n });\n}\n\nexport function unregister() {\n if ('serviceWorker' in navigator) {\n navigator.serviceWorker.ready.then(registration => {\n registration.unregister();\n });\n }\n}\n","import { makeAutoObservable } from 'mobx';\nimport agent from '../agent';\n\nexport class CommentsStore {\n commentErrors = undefined;\n comments = [];\n\n constructor() {\n makeAutoObservable(this);\n }\n\n loadComments(targetId, commentType) {\n return agent.Comments.loadComments(targetId, commentType)\n .then((response) => { this.comments = response.comment; });\n }\n\n createComment(comment, targetId, commentType, parentId, replyUserId, replyType) {\n this.isCreatingComment = true;\n return agent.Comments.create(comment, targetId, parentId, replyUserId, replyType)\n .then(() => this.loadComments(targetId, commentType));\n }\n\n deleteComment(targetId, commentType, id) {\n return agent.Comments.delete(id)\n .then(() => { this.loadComments(targetId, commentType); });\n }\n\n updateComment(targetId, commentType, commentId, comment) {\n return agent.Comments.update(commentId, comment)\n .then(() => { this.loadComments(targetId, commentType); });\n }\n\n reportComment(commentId, reportContent) {\n return agent.Report.reportProblem(`comment_${commentId}`, reportContent);\n }\n}\n\nexport default new CommentsStore();\n","import { makeAutoObservable, action } from 'mobx';\nimport agent from '../agent';\nimport userStore from './userStore';\nimport CryptoJS from 'crypto-js';\nimport { parseJson } from \"../shared/SafeJsonParser\";\n\nclass AuthStore {\n constructor() {\n makeAutoObservable(this);\n }\n\n errorMessage = '';\n\n handleError(error) {\n if (error.status === 401) {\n this.errorMessage = \"Email or password is wrong.\"\n userStore.getLoginStatus();\n } else {\n this.errorMessage = \"Unknow error. Please try again.\";\n if (error.response?.text) {\n const errorJson = parseJson(error.response.text)\n if (errorJson) {\n const message = errorJson.message;\n if (message !== undefined && message !== \"\") {\n this.errorMessage = message;\n }\n }\n } else if (error.message) {\n this.errorMessage = error.message;\n }\n }\n }\n\n login(email, password) {\n this.errorMessage = \"\";\n //const encryptedPassword = encryptPassword(password);\n return agent.Auth.login(email, password)\n .then((response) => {\n userStore.setToken(response.access_token);\n userStore.setRefreshToken(response.refresh_token);\n userStore.setCurrentUser(email);\n }).catch((error) => {\n this.handleError(error);\n });\n }\n\n register(email, password, code) {\n this.errorMessage = \"\";\n const encryptedPassword = encryptPassword(password);\n return agent.Auth.register(email, encryptedPassword, code)\n .then((response) => {\n userStore.setToken(response.access_token);\n userStore.setRefreshToken(response.refresh_token);\n }).catch((error) => {\n this.handleError(error);\n });\n }\n\n validateEmail(email) {\n return agent.Auth.validateEmail(email);\n }\n\n logout() {\n this.errorMessage = \"\";\n return agent.Auth.logout(userStore.refreshToken)\n .then(() => {\n userStore.setToken(undefined);\n userStore.setRefreshToken(undefined);\n userStore.setCurrentUser(undefined);\n }).catch(action((err) => {\n this.handleError(err);\n }));\n }\n\n resetPassword(email, password) {\n this.errorMessage = \"\";\n password = generatePassword();\n const encryptedPassword = encryptPassword(password);\n return agent.Auth.resetPassword(email, password, encryptedPassword)\n .then(() => {\n userStore.setToken(undefined);\n userStore.setRefreshToken(undefined);\n userStore.forgetUser();\n }).catch(action((err) => {\n this.handleError(err);\n }));\n }\n\n resetPasswordSettings(oldPassword, newPassword) {\n this.errorMessage = \"\";\n const oldEncryptedPassword = encryptPassword(oldPassword)\n const newEncryptedPassword = encryptPassword(newPassword)\n return agent.Auth.resetPasswordSettings(oldEncryptedPassword, newEncryptedPassword)\n .then(() => {\n }).catch(action((err) => {\n this.handleError(err);\n }));\n }\n\n sendFeedback(feedback) {\n return agent.Auth.sendFeedback(feedback)\n .then(() => { });\n }\n}\n\nfunction encryptPassword(password) {\n const hash = CryptoJS.SHA256(password);\n return hash.toString(CryptoJS.enc.Hex);\n}\n\nfunction generatePassword() {\n const charSet = '0123456789abcdefghijklmnopqrstuvwxyzABCDEFGHIJKLMNOPQRSTUVWXYZ!@#$%^&*()_+~`|}{[]:;?><,./-=';\n let newPassword = '';\n for (let i = 0; i < 12; i++) {\n const randomIndex = Math.floor(Math.random() * charSet.length);\n newPassword += charSet[randomIndex];\n }\n return newPassword;\n}\n\nexport default new AuthStore();\n","import { makeAutoObservable, observable, action } from 'mobx';\nimport agent from '../agent';\n\nclass ProfileStore {\n profiles = observable(new Map());;\n profile = null;\n personalProfile = null;\n personalProfileOrg = null;\n pagesCount = 0;\n\n constructor() {\n makeAutoObservable(this);\n }\n\n resetPersonalProfile() {\n this.personalProfile = this.personalProfileOrg;\n }\n\n getPersonalProfile() {\n return agent.Profile.getPersonalProfile()\n .then((response) => {\n if (response.status == \"not created\") {\n this.personalProfile = null;\n this.personalProfileOrg = null;\n } else {\n this.personalProfile = response;\n this.personalProfileOrg = response;\n }\n }\n );\n }\n\n savePersonalProfile(profile) {\n return agent.Profile.savePersonalProfile(profile)\n .then((response) => {\n this.personalProfile = response;\n });\n }\n\n getProfiles(page, params) {\n return agent.Profile.getProfiles(page, params)\n .then((response) => {\n this.profiles = response.profiles;\n this.pagesCount = response.page_count;\n })\n .catch((error) => {\n })\n .finally()\n }\n\n getProfileView(shortUrl) {\n return agent.Profile.getProfileView(shortUrl)\n .then((response) => {\n this.profile = response;\n });\n }\n\n getProfileByUserId(userId) {\n return agent.Profile.getProfileByUserId(userId);\n }\n\n uploadImage(image) {\n return agent.Profile.uploadImage(image);\n }\n\n getFollowingStatus(followeeId) {\n return agent.Profile.getFollowingStatus(followeeId);\n }\n\n changeFollowStates(followeeId) {\n return agent.Profile.changeFollowStates(followeeId);\n }\n}\n\nexport default new ProfileStore();\n","import { makeAutoObservable, observable } from 'mobx';\nimport agent from '../agent';\n\nclass EventsStore {\n\n events = observable(new Map());\n\n eventDetail = {\n id: '',\n title: '',\n createTime: '',\n content: '',\n eventTime: '',\n eventType: '',\n address: '',\n zipcode: '',\n author: '',\n timezone: '',\n meetingLink: ''\n };\n\n draftEvent = {\n id: '',\n title: '',\n content: '',\n eventTime: '',\n eventType: '',\n address: '',\n zipcode: '',\n timezone: '',\n meetingLink: ''\n };\n\n pagesCount = 0;\n\n constructor() {\n makeAutoObservable(this);\n }\n\n getEvents(page, zipcode, distance, eventType, timeRange) {\n return agent.Events.getEvents(page ? page : 0, zipcode ? zipcode : \"\", distance ? distance : \"\", eventType ? eventType : \"\", timeRange ? timeRange : \"\")\n .then((response) => {\n this.events.clear();\n response.events.forEach((value, key) => {\n this.events.set(value.id, value);\n });\n this.pagesCount = response.page_count;\n });\n }\n\n getEventDetail(eventId) {\n return agent.Events.getEventDetail(eventId)\n .then((response) => {\n this.eventDetail = response;\n });\n }\n\n postEvent(eventId) {\n return agent.Events.postEvent(eventId, this.draftEvent)\n .then((response) => {\n this.eventDetail = response;\n });\n }\n\n postEventLike(eventId) {\n return agent.Events.postEventLike(eventId)\n .then((response) => {\n const eventId = response.eventId;\n if (this.events.has(eventId)) {\n const event = this.events.get(eventId);\n event.likes_count = response.likes;\n this.events.set(eventId, event);\n }\n if (this.eventDetail.id === response.eventId) {\n this.eventDetail.likes_count = response.likes;\n }\n });\n }\n\n joinEvent(eventId) {\n return agent.Events.joinEvent(eventId)\n .then((response) => {\n if (this.eventDetail.id === response.eventId) {\n this.eventDetail.attendees_count = response.attendees_count;\n }\n });\n }\n\n abandonEvent(eventId, isAbandoned) {\n return agent.Events.abandonEvent(eventId, isAbandoned)\n .then((response) => {\n this.eventDetail = response;\n });\n }\n\n reportEvent(eventId, reportContent) {\n return agent.Report.reportProblem(`event_${eventId}`, reportContent);\n }\n\n setPostEventId(id) {\n this.draftEvent.id = id;\n }\n\n setPostEventTitle(title) {\n this.draftEvent.title = title;\n }\n\n setPostEventTime(eventTime) {\n this.draftEvent.eventTime = eventTime;\n }\n\n setPostEventContent(content) {\n this.draftEvent.content = content;\n }\n\n setPostEventType(eventType) {\n this.draftEvent.eventType = eventType;\n }\n\n setPostEventAddress(address) {\n this.draftEvent.address = address;\n }\n\n setPostEventZipcode(zipcode) {\n this.draftEvent.zipcode = zipcode;\n }\n\n setPostEventTimezone(timezone) {\n this.draftEvent.timezone = timezone;\n }\n\n setPostEventMeetingLink(meetingLink) {\n this.draftEvent.meetingLink = meetingLink;\n }\n\n clearDraftEvent() {\n this.draftEvent.id = \"\";\n this.draftEvent.title = \"\";\n this.draftEvent.eventTime = \"\";\n this.draftEvent.content = \"\";\n this.draftEvent.eventType = \"\";\n this.draftEvent.address = \"\";\n this.draftEvent.zipcode = \"\";\n this.draftEvent.timezone = \"\";\n this.draftEvent.meetingLink = \"\";\n }\n\n assignToDraftEvent(event) {\n this.draftEvent.id = event.id;\n this.draftEvent.title = event.title;\n this.draftEvent.eventTime = event.eventTime;\n this.draftEvent.content = event.content;\n this.draftEvent.eventType = event.eventType;\n this.draftEvent.address = event.address;\n this.draftEvent.zipcode = event.zipcode;\n this.draftEvent.timezone = event.timezone;\n this.draftEvent.meetingLink = event.meetingLink;\n }\n}\n\nexport default new EventsStore();\n","import { makeAutoObservable, observable, action } from 'mobx';\nimport agent from '../agent';\n\nclass RatingStore {\n constructor() {\n makeAutoObservable(this);\n }\n\n getRating(targetId, targetType) {\n return agent.Rating.getRating(targetId, targetType);\n }\n\n postRating(targetId, targetType, rating) {\n return agent.Rating.postRating(targetId, targetType, rating);\n }\n}\n\nexport default new RatingStore();\n","import { makeAutoObservable, observable, action } from 'mobx';\nimport agent from '../agent';\n\nclass VoteStore {\n constructor() {\n makeAutoObservable(this);\n }\n\n getVote(type) {\n return agent.Vote.getVote(type);\n }\n\n postVote(id, vote, description) {\n return agent.Vote.postVote(id, vote, description);\n }\n\n getVoteResult(id) {\n return agent.Vote.getVoteResult(id);\n }\n}\n\nexport default new VoteStore();\n","import { makeAutoObservable } from 'mobx';\nimport agent from '../agent';\n\nexport class AnswerStore {\n answers = [];\n\n constructor() {\n makeAutoObservable(this);\n }\n\n loadAnswers(parentId) {\n return agent.Answer.getAnswers(parentId)\n .then((response) => { this.answers = response.answers; });\n }\n\n addAnswer(id, parentId, content) {\n return agent.Answer.addAnswer(id, parentId, content)\n .then(() => this.loadAnswers(parentId));\n }\n\n deleteAnswer(id, parentId) {\n return agent.Answer.deleteAnswer(id, parentId)\n .then(() => { this.loadAnswers(parentId); });\n }\n\n updateAnswer(id, parentId, content) {\n return agent.Answer.updateAnswer(id, parentId, content)\n .then(() => { this.loadAnswers(parentId); });\n }\n\n voteAnswer(id, vote) {\n return agent.Answer.voteAnswer(id, vote);\n }\n}\nexport default new AnswerStore();\n","import { makeAutoObservable } from 'mobx';\nimport agent from '../agent';\n\nexport class QuestionStore {\n questions = [];\n question = null;\n pageCount = 1;\n\n constructor() {\n makeAutoObservable(this);\n }\n\n getQuestions(page, search, state) {\n return agent.Question.getQuestions(page ? page : 0, search ? search : \"\", state ? state : \"\")\n .then((response) => {\n this.questions = response.questions;\n this.pageCount = response.page_count;\n });\n }\n\n createQuestion(title, content, tags, state) {\n return agent.Question.createQuestion(\"create\", title, content, tags, state);\n }\n\n getQuestion(shortUrl) {\n return agent.Question.getQuestion(shortUrl).then((response) => { this.question = response; });\n }\n\n deleteQuestion(id) {\n return agent.Question.deleteQuestion(id);\n }\n\n updateQuestion(id, title, content, tags, state) {\n return agent.Question.updateQuestion(id, title, content, tags, state).then((response) => {\n this.question = response.question;\n });\n }\n\n voteQuestion(id, vote) {\n return agent.Question.voteQuestion(id, vote);\n }\n}\nexport default new QuestionStore();\n","\nimport React from 'react';\nimport \"./Footer.css\";\n\n\nconst Footer = props => {\n return (\n \n
© Antares Technology LLC 2024
\n
Contact: admin@dragoncanoe.com
\n
\n \n \n ,\n document.getElementById('root')\n);\n\n// If you want your app to work offline and load faster, you can change\n// unregister() to register() below. Note this comes with some pitfalls.\n// Learn more about service workers: https://bit.ly/CRA-PWA\nserviceWorker.unregister();\n","module.exports = \"data:image/jpeg;base64,/9j/4AAQSkZJRgABAQEBLAEsAAD/4QBWRXhpZgAATU0AKgAAAAgABAEaAAUAAAABAAAAPgEbAAUAAAABAAAARgEoAAMAAAABAAIAAAITAAMAAAABAAEAAAAAAAAAAAEsAAAAAQAAASwAAAAB/+0ALFBob3Rvc2hvcCAzLjAAOEJJTQQEAAAAAAAPHAFaAAMbJUccAQAAAgAEAP/hDIFodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvADw/eHBhY2tldCBiZWdpbj0n77u/JyBpZD0nVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkJz8+Cjx4OnhtcG1ldGEgeG1sbnM6eD0nYWRvYmU6bnM6bWV0YS8nIHg6eG1wdGs9J0ltYWdlOjpFeGlmVG9vbCAxMC4xMCc+CjxyZGY6UkRGIHhtbG5zOnJkZj0naHR0cDovL3d3dy53My5vcmcvMTk5OS8wMi8yMi1yZGYtc3ludGF4LW5zIyc+CgogPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9JycKICB4bWxuczp0aWZmPSdodHRwOi8vbnMuYWRvYmUuY29tL3RpZmYvMS4wLyc+CiAgPHRpZmY6UmVzb2x1dGlvblVuaXQ+MjwvdGlmZjpSZXNvbHV0aW9uVW5pdD4KICA8dGlmZjpYUmVzb2x1dGlvbj4zMDAvMTwvdGlmZjpYUmVzb2x1dGlvbj4KICA8dGlmZjpZUmVzb2x1dGlvbj4zMDAvMTwvdGlmZjpZUmVzb2x1dGlvbj4KIDwvcmRmOkRlc2NyaXB0aW9uPgoKIDxyZGY6RGVzY3JpcHRpb24gcmRmOmFib3V0PScnCiAgeG1sbnM6eG1wTU09J2h0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9tbS8nPgogIDx4bXBNTTpEb2N1bWVudElEPmFkb2JlOmRvY2lkOnN0b2NrOjEwYjk3ZTMwLTY5ZmMtNDVlZS1iN2MwLWU2ZmZmOGJjOTNhNjwveG1wTU06RG9jdW1lbnRJRD4KICA8eG1wTU06SW5zdGFuY2VJRD54bXAuaWlkOmNhNTY3YzM3LWY1MTctNDQ1Ni05Y2Y3LTc2Mzg5NWQyOWQ1NTwveG1wTU06SW5zdGFuY2VJRD4KIDwvcmRmOkRlc2NyaXB0aW9uPgo8L3JkZjpSREY+CjwveDp4bXBtZXRhPgogICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgCiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAKICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIAogICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgCiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAKICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIAogICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgCiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAKICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIAogICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgCiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAKICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIAogICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgCiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAKICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIAogICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgCiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAKICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIAogICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgCiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAKICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIAogICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgCiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAKICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIAo8P3hwYWNrZXQgZW5kPSd3Jz8+/9sAQwAFAwQEBAMFBAQEBQUFBgcMCAcHBwcPCwsJDBEPEhIRDxERExYcFxMUGhURERghGBodHR8fHxMXIiQiHiQcHh8e/9sAQwEFBQUHBgcOCAgOHhQRFB4eHh4eHh4eHh4eHh4eHh4eHh4eHh4eHh4eHh4eHh4eHh4eHh4eHh4eHh4eHh4eHh4e/8AAEQgBaAFoAwEiAAIRAQMRAf/EABsAAQACAwEBAAAAAAAAAAAAAAAFBgMEBwEC/8QAPRABAAIBAgIEDAQEBgMBAAAAAAECAwQRBQYTITFBEhYiUVRxgZGSscHRFCNhoTJCUnIVQ1Ni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\"","module.exports = __webpack_public_path__ + \"static/media/profile2.57cf0686.jpg\";","import superagentPromise from 'superagent-promise';\nimport _superagent from 'superagent';\nimport userStore from './stores/userStore';\nimport { API_ROOT } from \"./shared/Constant\";\n\nconst superagent = superagentPromise(_superagent, global.Promise);\n\nconst encode = encodeURIComponent;\n\nconst handleErrors = err => {\n return err;\n};\n\nconst responseBody = res => res.body;\n\nconst tokenPlugin = req => {\n if (userStore.token) {\n req.set('authorization', `Bearer ${userStore.token}`);\n }\n};\n\nconst requests = {\n del: url =>\n superagent\n .del(`${API_ROOT}${url}`)\n .use(tokenPlugin)\n .retry(2)\n .timeout({\n response: 5000, // Wait 5 seconds for the server to start sending,\n deadline: 60000, // but allow 1 minute for the file to finish loading.\n })\n .end(handleErrors)\n .then(responseBody),\n get: (url) =>\n superagent\n .get(`${API_ROOT}${url}`)\n .use(tokenPlugin)\n .retry(2)\n .timeout({\n response: 5000, // Wait 5 seconds for the server to start sending,\n deadline: 60000, // but allow 1 minute for the file to finish loading.\n })\n .end(handleErrors)\n .then(responseBody),\n put: (url, body) =>\n superagent\n .put(`${API_ROOT}${url}`, body)\n .use(tokenPlugin)\n .retry(2)\n .timeout({\n response: 5000, // Wait 5 seconds for the server to start sending,\n deadline: 60000, // but allow 1 minute for the file to finish loading.\n })\n .end(handleErrors)\n .then(responseBody),\n post: (url, body) =>\n superagent\n .post(`${API_ROOT}${url}`, body)\n .use(tokenPlugin)\n .retry(2)\n .timeout({\n response: 30000, // Wait 5 seconds for the server to start sending,\n deadline: 60000, // but allow 1 minute for the file to finish loading.\n })\n .end(handleErrors)\n .then(responseBody),\n download: (url) => superagent\n .get(`${API_ROOT}${url}`)\n .use(tokenPlugin)\n .responseType('blob')\n .retry(2)\n .timeout({\n response: 5000, // Wait 5 seconds for the server to start sending,\n deadline: 60000, // but allow 1 minute for the file to finish loading.\n })\n .end(handleErrors)\n};\n\nconst Auth = {\n current: () =>\n requests.get(`/settings`),\n login: (email, password) =>\n requests.post('/login', { email, password }),\n getLoginStatus: () =>\n requests.get('/login'),\n register: (email, password, code) =>\n requests.post('/signup', { email, password, code }),\n validateEmail: (email) =>\n requests.post('/validate_email', { email }),\n save: (user) =>\n requests.post('/personal_settings', { user }),\n resetPassword: (email, password, encrypedPassword) =>\n requests.post('/password_reset', { email, password, encrypedPassword }),\n resetPasswordSettings: (oldPassword, newPassword) =>\n requests.post('/password_reset_settings', { oldPassword, newPassword }),\n logout: (refreshToken) =>\n requests.post('/logout', { refreshToken }),\n uploadUserPhoto: (file) =>\n superagent.post(`${API_ROOT}/upload_user_photo`)\n .use(tokenPlugin)\n .attach(\"file\", file)\n .end(handleErrors)\n .then(responseBody),\n sendFeedback: (feedback) =>\n requests.post('/feedback', { feedback }),\n refreshToken: (refresh_token, token) =>\n requests.post('/refresh', { refresh_token, token }),\n sendInquiryEmail: (name, email, message, phone, toEmail) =>\n requests.post('/email_inquiry', { name, email, message, phone, toEmail }),\n shareViaEmail: (toEmail, content) =>\n requests.post('/email_share', { toEmail, content }),\n};\n\nconst Comments = {\n create: (comment, targetId, parentId, replyUserId, replyType) =>\n requests.post(`/comment`, { comment, targetId, parentId, replyUserId, replyType }),\n delete: (commentId) =>\n requests.del(`/comment?commentId=${commentId}`),\n update: (id, comment) =>\n requests.put(`/comment?content=${encode(comment)}&&commentId=${id}`),\n loadComments: (targetId, commentType) =>\n requests.get(`/comments?targetId=${targetId}&&type=${commentType}`)\n};\n\nconst Profile = {\n getProfileByUserId: userId =>\n requests.get(`/profile?userId=${userId}`),\n getProfileView: id =>\n requests.get(`/profile/${id}`),\n getProfiles: (page, params) =>\n requests.get(`/profiles/${page}${params}`),\n savePersonalProfile: (profile) =>\n requests.post(\"/personal_profile\", { profile }),\n getPersonalProfile: () =>\n requests.get(\"/personal_profile\"),\n uploadImage: (file) =>\n superagent.post(`${API_ROOT}/upload_profile_photo`)\n .use(tokenPlugin)\n .attach(\"file\", file)\n .end(handleErrors)\n .then(responseBody),\n getFollowingStatus: (followeeId) =>\n requests.get(`/follow?followeeId=${followeeId}`),\n changeFollowStates: (followeeId) =>\n requests.post(\"/follow\", { followeeId }),\n};\n\nconst Events = {\n getEvents: (id, zipcode, distance, eventType, timeRange) =>\n requests.get(`/events?id=${id}&zipcode=${zipcode}&distance=${distance}&eventType=${eventType}&timeRange=${timeRange}`),\n postEvent: (id, event) =>\n requests.post(`/event`, { id, event }),\n getEventDetail: (eventId) =>\n requests.get(`/event?id=${eventId}`),\n postEventLike: (eventId) =>\n requests.post('/event_like', { eventId }),\n joinEvent: (eventId) =>\n requests.post('/join_event', { eventId }),\n abandonEvent: (eventId, isAbandoned) =>\n requests.put(`/event?id=${eventId}&abandon=${isAbandoned}`)\n}\n\nconst Rating = {\n getRating: (targetId, targetType) =>\n requests.get(`/rating?targetId=${targetId}&&targetType=${targetType}`),\n postRating: (targetId, targetType, rating) =>\n requests.post(`/rating`, { targetId, targetType, rating }),\n}\n\nconst Vote = {\n getVote: (type) =>\n requests.get(`/vote_options?type=${type}`),\n postVote: (id, vote, description) =>\n requests.post(`/vote`, { id, vote, description }),\n getVoteResult: (id) =>\n requests.get(`/vote?id=${id}`)\n}\n\nconst Report = {\n reportProblem: (id, reportContent) =>\n requests.post(`/report_problem`, { id, reportContent }),\n}\n\nconst Question = {\n createQuestion: (id, title, content, tags, state) =>\n requests.post(\"/question\", { id, title, content, tags, state }),\n updateQuestion: (id, title, content, tags, state) =>\n requests.post(\"/question\", { id, title, content, tags, state }),\n deleteQuestion: (id) =>\n requests.del(`/question?id=${id}`),\n getQuestion: (shortUrl) =>\n requests.get(`/question?shortUrl=${shortUrl}`),\n getQuestions: (page, search, state) =>\n requests.get(`/questions?page=${page}&search=${search}&state=${state}`),\n voteQuestion: (id, vote) =>\n requests.post(\"/vote_question\", { id, vote }),\n}\n\nconst Answer = {\n addAnswer: (id, parentId, content) =>\n requests.post(\"/answer\", { id, parentId, content }),\n updateAnswer: (id, parentId, content, tags, state) =>\n requests.post(\"/answer\", { id, parentId, content, tags, state }),\n deleteAnswer: (id) =>\n requests.del(`/answer?id=${id}`),\n voteAnswer: (id, vote) =>\n requests.post(\"/vote_answer\", { id, vote }),\n getAnswers: (parentId) =>\n requests.get(`/answers?parentId=${parentId}`)\n}\n\nconst Offer = {\n getOfferList: () =>\n requests.get(\"/offer-list\"),\n editPurchaseForm: (id, data, sumbit) =>\n requests.post(\"/purchase-agreement\", { id, data, sumbit }),\n getPurchaseForm: (id, options = 0) =>\n requests.get(`/purchase-agreement?id=${id}&options=${options}`),\n deleteDoc: (id) =>\n requests.del(`/purchase-agreement?id=${id}`),\n\n editPurchaseRequest: (id, data, sumbit) =>\n requests.post(\"/offer-request\", { id, data, sumbit }),\n getPurchaseRequest: (id) =>\n requests.get(`/offer-request?id=${id}`),\n deletePurchaseRequest: (id) =>\n requests.del(`/offer-request?id=${id}`)\n}\n\nconst File = {\n downloadPDF: (id) =>\n requests.download(`/download-pdf?id=${id}`),\n}\n\nconst Payment = {\n pay: (id, amount, redirect_url) =>\n requests.post(\"/create-checkout-session\", { id, amount, redirect_url }),\n paymentSuccess: (paymentId, id, state, product) =>\n requests.post(\"/payment-success\", { paymentId, id, state, product }),\n}\n\nexport default {\n Auth,\n Comments,\n Profile,\n Events,\n Rating,\n Vote,\n Report,\n Question,\n Answer,\n Offer,\n File,\n Payment\n};\n","module.exports = __webpack_public_path__ + \"static/media/profile3.896675e2.jpg\";"],"sourceRoot":""} 
\n \n \n Events\n Questions\n Offer\n