\n \n
\n )\n }\n};\n\nButtonGroup.propTypes = {\n intl: PropTypes.object\n};\n\nexport default connect(mapStateToProps)(ButtonGroup);\n","import React from 'react';\nimport PropTypes from 'prop-types';\nimport Form from 'react-bootstrap/lib/Form';\nimport ControlLabel from 'react-bootstrap/lib/ControlLabel';\nimport FormControl from 'react-bootstrap/lib/FormControl';\nimport InfoPopOver from './InfoPopOver';\nimport CustomFormGroup from './CustomFormGroup';\n\nconst CheckboxOrRadioGroup = (props) => (\n \n {this.backButton()}\n {this.submitButton()}\n {this.skipButton()}\n
\n {\n this.props.progressSavedMessage &&\n \n Your progress has been saved, if you exit this page you’ll be returned here next time you sign in\n
\n }\n \n \n {props.title} \n \n
\n);\n\nCheckboxOrRadioGroup.propTypes = {\n title: PropTypes.string.isRequired,\n type: PropTypes.oneOf(['checkbox', 'radio']).isRequired,\n setName: PropTypes.string.isRequired,\n options: PropTypes.array.isRequired,\n selectedOptions: PropTypes.array,\n controlFunc: PropTypes.func.isRequired,\n checkBoxStyle: PropTypes.string,\n info: PropTypes.array\n};\n\nexport default CheckboxOrRadioGroup;\n","import P from '../../pages';\nimport React from 'react';\nimport PropTypes from 'prop-types';\nimport { injectIntl } from 'react-intl';\nimport { defaultMessages } from '../../../../libs/i18n/default';\nimport FormHeader from './FormHeader';\nimport Redirector from './Redirector';\nimport Button from 'react-bootstrap/lib/Button';\nimport ReactMarkdown from 'react-markdown';\nimport Tick from 'react-icons/lib/fa/check-circle';\nimport ReactOnRails from 'react-on-rails'\nimport ButtonGroup from './ButtonGroup';\nimport FormGroup from 'react-bootstrap/lib/FormGroup';\nimport FormControl from 'react-bootstrap/lib/FormControl';\n\nclass Conclusion extends React.Component {\n constructor() {\n super();\n this.state = {\n password: '',\n password_confirmation: '',\n validations: {},\n };\n this.back = this.back.bind(this);\n this.submitPassword = this.submitPassword.bind(this);\n this.conclusionContent = this.conclusionContent.bind(this);\n this.formControlClass = this.formControlClass.bind(this);\n this.formIcon = this.formIcon.bind(this);\n this.updatePassword = this.updatePassword.bind(this);\n this.updateValidations = this.updateValidations.bind(this);\n this.submitPasswordButton = this.submitPasswordButton.bind(this);\n this.dashBoardLink = this.dashBoardLink.bind(this);\n this.trainingLink = this.trainingLink.bind(this);\n }\n\n back(e){\n e.preventDefault()\n this.props.onGoBack()\n }\n\n submitPassword(e){\n e.preventDefault()\n this.props.submitPassword({\n authenticity_token: ReactOnRails.authenticityToken(),\n password: this.state.password\n })\n }\n\n submitPasswordButton(){\n return !(\n this.state.validations &&\n this.state.validations.password &&\n this.state.validations.password_confirmation\n )\n }\n\n dashBoardLink(e){\n e.preventDefault();\n this.props.onWizardCompletion({\n authenticity_token: ReactOnRails.authenticityToken(),\n redirect_url: this.props.lobby_url\n })\n }\n\n trainingLink(e){\n e.preventDefault();\n this.props.onWizardCompletion({\n authenticity_token: ReactOnRails.authenticityToken(),\n redirect_url: `${this.props.lobby_url}/hosts/training`\n })\n }\n\n formControlClass(ref){\n if (this.state && this.state.validations){\n if (this.state.validations[ref]==undefined){\n return 'form-group';\n }else if(this.state.validations[ref]){\n return 'form-group has-feedback has-success';\n }else{\n return 'form-group has-feedback has-error';\n }\n }else{\n return 'form-group has-feedback has-error';\n }\n }\n\n formIcon(ref, extraClass){\n var klass;\n if (this.state && this.state.validations && this.state.validations[ref]!=undefined){\n if (this.state.validations[ref]){\n klass = 'check-circle';\n }else{\n klass = 'times-circle';\n }\n }\n if (klass){\n return(\n \n \n \n );\n }\n }\n\n updatePassword(e) {\n let key = e.target.id\n let val = e.target.value\n let v = this.validPasswordFormat(val);\n if (key == 'password'){\n this.updateValidations(key, v);\n this.setState({password: val})\n if (this.state.password_confirmation){\n let v2 = this.validPasswordFormat(this.state.password_confirmation)\n v2 = this.state.password_confirmation == val ? v2 : false\n this.updateValidations('password_confirmation', v2);\n }\n } else {\n v = val == this.state.password ? v : false\n this.updateValidations(key, v);\n this.setState({password_confirmation: val})\n }\n }\n\n updateValidations(key, value){\n var v = this.state.validations;\n v[key] = value;\n this.setState({validations: v});\n }\n\n validPasswordFormat(password){\n var regexp = new RegExp(/^(?=.*?[a-z])(?=.*?[0-9]).{6,}$/); //six characters including at least 1 number\n return regexp.test(password);\n }\n\n conclusionContent(){\n const { formatMessage } = this.props.intl;\n const content = this.props.content;\n return(\n this.props.user.password_not_set ?\n \n {props.options.map((opt, i) => {\n return (\n \n : ''}\n \n );\n })}\n
\n \n \n \n {this.formIcon('password')}\n \n \n {this.formIcon('password_confirmation')}\n \n \n
\n : \n \n
\n )\n }\n\n render(){\n const thisPage = P.CONCLUSION_PAGE;\n return (\n \n
\n \n \n
\n \n \n
\n \n \n \n
\n );\n }\n};\n\nConclusion.propTypes = {\n onGoBack: PropTypes.func,\n page: PropTypes.string,\n intl: PropTypes.object,\n content: PropTypes.object\n};\n\nexport default injectIntl(Conclusion);\n","import P from '../../pages';\nimport { generateProfileElementObject, changeState } from '../../utilities';\nimport React from 'react';\nimport PropTypes from 'prop-types';\nimport { injectIntl } from 'react-intl';\nimport { defaultMessages } from '../../../../libs/i18n/default';\nimport ReactOnRails from 'react-on-rails';\nimport FormHeader from './FormHeader';\nimport Redirector from './Redirector';\nimport ButtonGroup from './ButtonGroup';\nimport ControlLabel from 'react-bootstrap/lib/ControlLabel';\nimport FormControl from 'react-bootstrap/lib/FormControl';\nimport ReactMarkdown from 'react-markdown';\nimport CustomFormGroup from './CustomFormGroup';\nimport { validator, fieldsToValidate, pageValid, executeValidations } from '../../validator';\n\nclass Contact extends React.Component {\n constructor(props){\n super(props);\n this.state = {\n extraPhone: generateProfileElementObject(this.props.profileElements, this.props.activeProfileElements,'','public','extra_phone'),\n extraEmails: generateProfileElementObject(this.props.profileElements, this.props.activeProfileElements,'','public','extra_emails'),\n emergencyContactName: generateProfileElementObject(this.props.profileElements, this.props.activeProfileElements,'','lifestyle','emergency_contact_details', 'name'),\n emergencyContactRelationship: generateProfileElementObject(this.props.profileElements, this.props.activeProfileElements,'','lifestyle','emergency_contact_details', 'relationship'),\n emergencyContactAddress: generateProfileElementObject(this.props.profileElements, this.props.activeProfileElements,'','lifestyle','emergency_contact_details', 'address'),\n emergencyContactPhone: generateProfileElementObject(this.props.profileElements, this.props.activeProfileElements,'','lifestyle','emergency_contact_details', 'phone'),\n emergencyContactEmail: generateProfileElementObject(this.props.profileElements, this.props.activeProfileElements,'','lifestyle','emergency_contact_details', 'email'),\n };\n this.submit = this.submit.bind(this);\n this.back = this.back.bind(this);\n this.changeState = this.changeState.bind(this);\n }\n\n componentWillMount(){\n executeValidations(this)\n }\n\n changeState = async(id, val) => {\n changeState(this, id, val)\n }\n\n back(e) {\n e.preventDefault();\n this.props.onGoBack();\n }\n\n submit(e) {\n this.props.onHostProfileSubmit({\n public: {\n extra_emails: this.state.extraEmails.val,\n extra_phone: this.state.extraPhone.val,\n },\n lifestyle: {\n emergency_contact_details: {\n name: this.state.emergencyContactName.val,\n relationship: this.state.emergencyContactRelationship.val,\n address: this.state.emergencyContactAddress.val,\n phone: this.state.emergencyContactPhone.val,\n email: this.state.emergencyContactEmail.val\n }\n }\n });\n }\n\n render() {\n const thisPage = P.CONTACT_PAGE;\n const { formatMessage } = this.props.intl;\n const content = this.props.content;\n const page = this.props.page;\n\n return (\n \n \n\n \n
\n );\n }\n}\n\nContact.propTypes = {\n onHostProfileSubmit: PropTypes.func,\n onSkipSubmit: PropTypes.func,\n onGoBack: PropTypes.func,\n page: PropTypes.string,\n intl: PropTypes.object,\n content: PropTypes.object\n};\n\nexport default injectIntl(Contact);\n","import P from '../../pages';\nimport { generateProfileElementObject, setProfileElementsFromState, changeState, toggleField } from '../../utilities';\nimport React from 'react';\nimport PropTypes from 'prop-types';\nimport { injectIntl } from 'react-intl';\nimport { defaultMessages } from '../../../../libs/i18n/default';\nimport FormHeader from './FormHeader';\nimport Redirector from './Redirector';\nimport SelectGroup from './SelectGroup';\nimport CheckboxOrRadioGroup from './CheckboxOrRadioGroup';\nimport Alert from './Alert';\nimport ButtonGroup from './ButtonGroup';\nimport ReactMarkdown from 'react-markdown';\nimport ProfileElementField from './ProfileElementField';\nimport FormControl from 'react-bootstrap/lib/FormControl';\nimport ControlLabel from 'react-bootstrap/lib/ControlLabel';\nimport CustomFormGroup from './CustomFormGroup';\nimport { validator, fieldsToValidate, pageValid, executeValidations, shouldValidateProfileElement, toggleValidations } from '../../validator';\n\nclass CulturalBackground extends React.Component {\n constructor(props) {\n super(props);\n let experience = setProfileElementsFromState(this.props.profileElements, '', 'service', 'experience')\n let validateExperience = shouldValidateProfileElement(this, 'experience')\n let experienceDetails = setProfileElementsFromState(this.props.profileElements, '', 'service', 'experience_details')\n let validateExperienceDetails = experience && validateExperience\n this.state = {\n ethnicity: generateProfileElementObject(this.props.profileElements, this.props.activeProfileElements, '', 'lifestyle', 'ethnicity'),\n religion: generateProfileElementObject(this.props.profileElements, this.props.activeProfileElements, '', 'lifestyle', 'religion'),\n experience: { val: experience, validationKey: validateExperience ? 'profile_elements_service_experience' : '' },\n experienceDetails: { val: experienceDetails, validationKey: validateExperienceDetails ? 'profile_elements_service_experience_details' : '' },\n firstLanguage: generateProfileElementObject(this.props.profileElements, this.props.activeProfileElements, '', 'lifestyle', 'first_language'),\n secondLanguage: generateProfileElementObject(this.props.profileElements, this.props.activeProfileElements, '', 'lifestyle', 'second_language'),\n familyMedicalConditions: generateProfileElementObject(this.props.profileElements, this.props.activeProfileElements, '', 'lifestyle', 'family_medical_conditions'),\n religiousPreference: generateProfileElementObject(this.props.profileElements, this.props.activeProfileElements, '', 'lifestyle', 'religious_preference')\n };\n this.submit = this.submit.bind(this);\n this.back = this.back.bind(this);\n this.changeState = this.changeState.bind(this);\n this.sensitiveDataInfo = this.sensitiveDataInfo.bind(this);\n this.linkRenderer = this.linkRenderer.bind(this);\n }\n\n componentWillMount() {\n executeValidations(this)\n }\n\n changeState = async (id, val) => {\n if (id == 'experience') {\n toggleValidations(this, val, 'experience', 'experienceDetails', 'profile_elements_service_experience_details')\n }\n changeState(this, id, val)\n }\n\n back(e) {\n this.props.onGoBack();\n }\n\n linkRenderer(props) {\n return {props.children}\n }\n\n sensitiveDataInfo() {\n const content = this.props.content;\n if (content.territory_code == \"irl\") {\n return (\n \n \n
\n )\n } else {\n return (null)\n }\n }\n\n submit(e) {\n let payload = {\n lifestyle: {\n ethnicity: this.state.ethnicity.val,\n first_language: this.state.firstLanguage.val,\n second_language: this.state.secondLanguage.val,\n family_medical_conditions: this.state.familyMedicalConditions.val,\n religious_preference: this.state.religiousPreference.val,\n religion: this.state.religion.val\n },\n service: {\n experience: this.state.experience.val,\n experience_details: this.state.experienceDetails.val\n }\n }\n this.props.onHostProfileSubmit(payload);\n }\n\n render() {\n const thisPage = P.CULTURAL_BACKGROUND_PAGE;\n const { formatMessage } = this.props.intl;\n const content = this.props.content;\n const page = this.props.page;\n\n return (\n \n
\n }\n elementName='experience' />\n\n ( this.container = el )}>\n {this.target = fg}} >\n {this.icon()}\n {children}\n \n {this.popover()}\n
\n );\n }\n}\n\nexport default CustomFormGroup\n","import P from '../../pages';\nimport React from 'react'\nimport PropTypes from 'prop-types'\nimport { injectIntl } from 'react-intl'\nimport { defaultMessages } from '../../../../libs/i18n/default'\nimport FormHeader from './FormHeader'\nimport Redirector from './Redirector'\nimport Button from 'react-bootstrap/lib/Button'\nimport { Redirect } from 'react-router-dom';\nimport CheckboxOrRadioGroup from './CheckboxOrRadioGroup';\nimport ButtonGroup from './ButtonGroup';\nimport FormControl from 'react-bootstrap/lib/FormControl';\nimport ControlLabel from 'react-bootstrap/lib/ControlLabel';\nimport Info from 'react-icons/lib/fa/info-circle';\nimport ProfileElementField from './ProfileElementField';\nimport CustomFormGroup from './CustomFormGroup';\nimport { validator, fieldsToValidate, pageValid, executeValidations, shouldValidateProfileElement, toggleValidations } from '../../validator';\nimport { generateProfileElementObject, setProfileElementsFromState, handleSelection, changeState } from '../../utilities';\n\nclass Diet extends React.Component {\n constructor(props){\n super(props);\n let hostDietRestrictions = setProfileElementsFromState(this.props.profileElements, '', 'service', 'host_diet_restrictions')\n let validateHostDietRestrictions = shouldValidateProfileElement(this, 'host_diet_restrictions')\n let hostDietRestrictionsDetails = setProfileElementsFromState(this.props.profileElements, '', 'service', 'host_diet_restrictions_details')\n let validateHostDietRestrictionsDetails = hostDietRestrictions && validateHostDietRestrictions\n this.state = {\n catering: generateProfileElementObject(this.props.profileElements, this.props.activeProfileElements,[],'service','catering'),\n cateringDetails: generateProfileElementObject(this.props.profileElements, this.props.activeProfileElements,'','service','catering_details'),\n hostDietRestrictions: { val: hostDietRestrictions, validationKey: validateHostDietRestrictions ? 'profile_elements_service_host_diet_restrictions' : ''},\n hostDietRestrictionsDetails: { val: hostDietRestrictionsDetails, validationKey: validateHostDietRestrictionsDetails ? 'profile_elements_service_host_diet_restrictions_details' : '' },\n typicalMeal: generateProfileElementObject(this.props.profileElements, this.props.activeProfileElements,'','service','typical_meal'),\n cateringSelections: this.props.localProfileElements.elements.service.catering_selections,\n };\n this.submit = this.submit.bind(this);\n this.back = this.back.bind(this);\n this.handleCatering = this.handleCatering.bind(this);\n this.changeState = this.changeState.bind(this);\n }\n\n componentWillMount(){\n executeValidations(this)\n }\n\n changeState = async(id, val) => {\n if (id == 'hostDietRestrictions'){\n toggleValidations(this, String(val) == 'true', 'host_diet_restrictions', 'hostDietRestrictionsDetails', 'profile_elements_service_host_diet_restrictions_details')\n }\n changeState(this, id, val)\n }\n\n handleCatering(e){\n this.changeState('catering', handleSelection(this.state.catering.val, e.target.value))\n }\n\n back(e) {\n e.preventDefault();\n this.props.onGoBack();\n }\n\n submit(e) {\n this.props.onHostProfileSubmit({\n service: {\n catering: this.state.catering.val,\n catering_details: this.state.cateringDetails.val,\n typical_meal: this.state.typicalMeal.val,\n host_diet_restrictions: this.state.hostDietRestrictions.val,\n host_diet_restrictions_details: this.state.hostDietRestrictionsDetails.val\n }\n });\n }\n\n render() {\n const thisPage = P.DIET_PAGE;\n const { formatMessage } = this.props.intl;\n const content = this.props.content;\n const page = this.props.page;\n const diets = this.props.content.pages.diet.diets;\n const infoArray = [\n diets.halal.info,\n diets.vegetarian.info,\n diets.vegan.info,\n diets.kosher.info,\n diets.gluten_free.info,\n diets.other.info\n ];\n\n return (\n \n \n\n
\n }\n elementName='host_diet_restrictions' />\n\n \n \n\n
\n }\n elementName='family_interests'\n />\n\n \n \n \n
\n );\n};\n\nFirebaseAccountDetails.propTypes = {\n onRegisterUser: PropTypes.func,\n onRegisterFirebaseUser: PropTypes.func,\n onNext: PropTypes.func,\n page: PropTypes.string,\n intl: PropTypes.object,\n content: PropTypes.object,\n marketing_referrers: PropTypes.array,\n country_code: PropTypes.string,\n environment: PropTypes.string\n};\n\nexport default injectIntl(FirebaseAccountDetails);\n","import fetch from 'isomorphic-fetch';\nimport React from 'react';\nimport ReactGA from \"react-ga\";\nimport { get } from 'lodash'\nimport HCaptcha from '@hcaptcha/react-hcaptcha';\nimport FormGroup from 'react-bootstrap/lib/FormGroup';\nimport ControlLabel from 'react-bootstrap/lib/ControlLabel';\nimport FormControl from 'react-bootstrap/lib/FormControl';\nimport Button from 'react-bootstrap/lib/Button';\nimport { defaultMessages } from '../../../../libs/i18n/default';\nimport ReactOnRails from 'react-on-rails';\nimport FormDate from './FormDate';\nimport GoogleMapsAddress from './GoogleMapsAddress';\nimport GenerateDetailsButton from './GenerateDetailsButton';\nimport ProfileElementField from './ProfileElementField';\nimport CustomFormGroup from './CustomFormGroup';\nimport PhoneVerification from '../../../../shared/components/PhoneVerification';\nimport { CriticalContract } from '../../../../shared/components';\nimport { validator, pageValid } from '../../validator';\nimport { setElementValue, randomChars } from '../../../../shared/utilities';\nimport { changeState } from '../../utilities';\nimport { injectIntl } from 'react-intl';\n\nclass FirebaseAccountDetailsForm extends React.Component {\n constructor(props) {\n super(props);\n\n this.recaptchaEnabled = this.props.recaptchaSiteId && (props.hideRecaptcha != true)\n this.state = {\n address: props.address || {},\n placeId: {\n val: get(props.address, 'place_id', ''),\n validationKey: this.existingPlace() ? '' : 'attributes_place_id',\n showPopover: false,\n },\n dob: {val: '', validationKey: 'attributes_user_dob', showPopover: false},\n givenNames: {val: '', validationKey: 'attributes_user_given_names'},\n familyName: {val: '', validationKey: 'attributes_user_family_name'},\n gender: {val: '', validationKey: this.props.showGenderField ? 'attributes_gender' : ''},\n maritalStatus: {val: '', validationKey: 'profile_elements_lifestyle_marital_status'},\n referredFrom: {val: '', validationKey: 'attributes_referred_from'},\n phone: {val: '', validationKey: 'attributes_phone'},\n phoneNumberVerified: false,\n loading: false,\n acceptedContracts: [],\n passedRecaptcha: this.recaptchaEnabled ? false : true,\n captchaBlocked: this.recaptchaEnabled ? null : false\n };\n\n this.submit = this.submit.bind(this);\n this.goBack = this.goBack.bind(this);\n this.selectOptions = this.selectOptions.bind(this);\n this.generateRandomHostDetails = this.generateRandomHostDetails.bind(this);\n this.changeState = this.changeState.bind(this);\n this.updateAddressState = this.updateAddressState.bind(this);\n this.updateDobState = this.updateDobState.bind(this);\n this.validateAddress = this.validateAddress.bind(this);\n this.recaptchaCallback = this.recaptchaCallback.bind(this);\n }\n\n changeState = async(id, val) => {\n let obj = this.state[id]\n\n if ('showPopover' in obj) { obj.showPopover = false }\n this.setState({[id]: obj});\n\n changeState(this, id, val)\n }\n\n existingPlace(){\n return get(this.props.address, 'place_id', null)\n }\n\n validateAddress = async validations => { \n if (this.props.territory_code !== 'SRSC') return\n\n let obj = this.state['placeId']\n let valid = await validator(validations, obj.validationKey, this.props.requiredFields)\n\n obj.valid = valid\n\n this.setState({ placeId: obj });\n }\n\n updateAddressState(key, value) {\n if (key == 'place_id') {\n this.changeState('placeId', value)\n }\n\n let addressState = this.state.address || {};\n addressState[key] = value;\n\n if (addressState.state && addressState.post_code) {\n const addressValidations = {\n state: addressState.state,\n postcode: addressState.post_code\n }\n\n this.validateAddress(addressValidations)\n }\n\n this.setState({ address: addressState });\n }\n\n updateDobState(value) {\n this.changeState('dob', value)\n }\n\n linkRenderer(props) {\n return {props.children}\n }\n\n genderField(){\n const { formatMessage } = this.props.intl;\n return(\n this.props.showGenderField\n ? \n \n\n \n {this.renderRequiredControlLabel(defaultMessages.clientHostPagesRegisterPlaceholdersFirstName)}\n this.changeState(e.target.id, e.target.value)} />\n \n\n \n {this.renderRequiredControlLabel(defaultMessages.clientHostPagesRegisterPlaceholdersLastName)}\n this.changeState(e.target.id, e.target.value)} />\n \n\n \n {this.renderRequiredControlLabel(defaultMessages.clientHostPagesRegisterPlaceholdersPhone)}\n setState({ phoneNumberVerified: true })}\n onChange={e => this.changeState(e.target.id, e.target.value)}\n Wrapper={CustomFormGroup}\n countryCode={this.props.country_code}\n disableVerifications\n />\n \n {\n this.existingPlace()\n ? ${this.props.transaction_email}`}\n tooltipPosition='left' >\n {this.renderRequiredControlLabel(defaultMessages.clientHostPagesRegisterLabelsAddress)}\n \n {this.renderRequiredControlLabel(defaultMessages.clientHostPagesRegisterLabelsDob)}\n \n {this.renderRequiredControlLabel(defaultMessages.clientHostPagesRegisterLabelsMaritalStatus)}\n this.changeState(e.target.id, e.target.value)} >\n {this.selectOptions(this.props.marital_statuses || undefined)}\n \n \n }\n elementName='marital_status' />\n\n \n {this.renderRequiredControlLabel(defaultMessages.clientHostPagesRegisterLabelsReferredFrom)}\n this.changeState(e.target.id, e.target.value)} >\n {this.selectOptions(this.props.marketing_referrers.sort())}\n \n \n\n
\n );\n }\n\n generateRandomHostDetails(){\n let randomID = randomChars(4);\n let schoolName = this.props.territory_code == 'AUS' ? 'Toowong Village' : '5400 Kirkside Dr Bakersfield CA'\n setElementValue(document.getElementById('givenNames'), 'Test')\n .then(() => setElementValue(document.getElementById('familyName'), `host ${randomID}`))\n .then(() => setElementValue(document.getElementById('phone'), `0400111222`))\n .then(() => setElementValue(document.getElementById('weChatId'), `guest${randomID}`))\n .then(() => setElementValue(document.getElementById('gender'), 'Male', 'change'))\n .then(() => setElementValue(document.getElementById('date_month'), '01', 'change'))\n .then(() => setElementValue(document.getElementById('date_day'), '01'))\n .then(() => setElementValue(document.getElementById('date_year'), '2000'))\n .then(() => setElementValue(document.getElementById('referredFrom'), 'Other', 'change'))\n .then(() => setElementValue(document.getElementById('maritalStatus'), 'Married', 'change'))\n }\n}\n\nexport default injectIntl(FirebaseAccountDetailsForm);\n","import React, { useState, useRef, useEffect } from 'react';\nimport Button from 'react-bootstrap/lib/Button';\nimport { injectIntl } from 'react-intl';\nimport { useDispatch, useSelector } from 'react-redux';\nimport { defaultMessages } from '../../../../libs/i18n/default';\nimport {\n redirectToLogin,\n checkForExistingHmsUser,\n checkForExistingFirebaseUser,\n postCreateAuthenticatedUser\n} from '../../../../shared/lou/auth'\nimport { setAuthenticatedUser } from '../../../../shared/actions';\n\nconst FirebaseCreateAccountForm = ({ intl: {formatMessage}, setEmailVerified }) => {\n const dispatch = useDispatch()\n const territory = useSelector(state => state.territory)\n const [email, setEmail] = useState('');\n const [password, setPassword] = useState('');\n const [emailValid, setEmailValid] = useState(null)\n const [passwordValid, setPasswordValid] = useState(null)\n const [submitting, setSubmitting] = useState(false)\n const [userExists, setUserExists] = useState(null)\n const [checkedSignInMethods, setCheckedSignInMethods] = useState(false)\n const emailInputRef = useRef(null);\n const timer = useRef()\n\n const createAuthenticatedUser = async (e) => {\n const response = await postCreateAuthenticatedUser(email, password, 'host')\n const data = await response.json()\n\n if (data.success) {\n dispatch(setAuthenticatedUser(data.authenticated_user));\n setEmailVerified(false)\n } else {\n setSubmitting(false)\n console.log(data.message)\n }\n }\n\n const submitText = () => {\n if (!checkedSignInMethods) { return defaultMessages.clientCommonButtonsContinue }\n\n return defaultMessages.clientHostPagesRegisterButtonsSignup\n }\n\n const submit = async (e) => {\n e.preventDefault()\n\n setSubmitting(true)\n\n if (!checkedSignInMethods) {\n const hmsUserExists = await checkForExistingHmsUser(territory, email)\n const firebaseUserExists = await checkForExistingFirebaseUser(territory, email);\n\n if (hmsUserExists || firebaseUserExists) {\n setUserExists(true)\n redirectToLogin(territory, email)\n } else {\n setCheckedSignInMethods(true)\n setSubmitting(false)\n }\n } else if (checkedSignInMethods) {\n await createAuthenticatedUser(e)\n }\n }\n\n const buttonDisabled = () => {\n if (!checkedSignInMethods) return !emailValid\n\n return !(emailValid && passwordValid && !userExists)\n }\n\n useEffect(() => {\n if(!email) return\n\n if (timer.current != null) {\n clearTimeout(timer.current)\n }\n\n timer.current = setTimeout(() => {\n const isValid = emailInputRef.current.checkValidity();\n setEmailValid(isValid)\n\n }, 500)\n }, [email])\n\n useEffect(() => {\n if(!password) return\n\n if (timer.current != null) {\n clearTimeout(timer.current)\n }\n\n timer.current = setTimeout(() => {\n fetch(`/users/validate_password`, {\n method: 'POST',\n headers: {\n 'X-Requested-With': 'XMLHttpRequest',\n 'Content-Type': 'application/json',\n 'X-CSRF-Token': document.querySelector('meta[name=\"csrf-token\"]').getAttribute('content')\n },\n body: JSON.stringify({ password })\n }).then(response => response.json())\n .then(data => {\n setPasswordValid(data.valid)\n }\n );\n }, 500)\n }, [password])\n\n return (\n \n \n \n \n \n Address \n \n
\n : \n Go back to change your address\n
\n \n Back\n }\n {formatMessage(defaultMessages.clientHostPagesRegisterButtonsSignup)}\n \n {!(this.allContractsSigned() && pageValid(this.state, this.props.requiredFields)) && (\n
\n \n {this.props.criticalContracts.map((c, i) => (\n this.updateAcceptedContracts(c, accepted)}/>\n ))}\n
\n\n\n {this.recaptchaEnabled && (\n \n { this.recaptchaCallback() }}\n />\n
\n )}\n\n {this.state.captchaBlocked && (\n \n
\n )}\n\n {\n this.existingPlace() &&\n Failed to load recaptcha. Your privacy settings may be too high. Please adjust your browser security and try again.
\n{formatMessage(defaultMessages.clientHostPagesRegisterLabelsCompleteFields)}
\n )}\n\n \n
\n );\n}\n\nexport default injectIntl(FirebaseCreateAccountForm);\n","import P from '../../pages';\nimport React from 'react';\nimport PropTypes from 'prop-types';\nimport { injectIntl } from 'react-intl';\nimport FormHeader from './FormHeader';\nimport Redirector from './Redirector';\nimport FirebaseRegisterForm from './FirebaseRegisterForm';\n\nconst FirebaseRegister = ({\n page,\n onRegisterFirebaseUser=f=>f,\n onNext,\n content,\n requiredFields\n}) => {\n const thisPage = P.FIREBASE_REGISTER_PAGE\n\n return (\n \n \n \n
\n );\n};\n\nFirebaseRegister.propTypes = {\n onRegisterUser: PropTypes.func,\n onRegisterFirebaseUser: PropTypes.func,\n onNext: PropTypes.func,\n page: PropTypes.string,\n content: PropTypes.object,\n marketing_referrers: PropTypes.array,\n country_code: PropTypes.string,\n environment: PropTypes.string\n};\n\nexport default injectIntl(FirebaseRegister);\n","import React, { useEffect, useState } from 'react';\nimport { injectIntl } from 'react-intl';\nimport { useSelector, useDispatch } from 'react-redux';\nimport FirebaseEmailVerificationCheck from '../../../../shared/components/Firebase/FirebaseEmailVerificationCheck';\nimport LoadingSpinner from '../../../../shared/components/LoadingSpinner';\nimport { setAuthenticatedUser } from '../../../../shared/actions';\nimport { setPage } from '../../actions';\nimport P from \"../../pages\";\nimport FirebaseCreateAccountForm from './FirebaseCreateAccountForm';\n\nconst FirebaseRegisterForm = ({ intl }) => {\n const dispatch = useDispatch()\n const authenticatedUser = useSelector(state => state.authenticatedUser)\n const [emailVerified, setEmailVerified] = useState(null)\n\n const urlParams = new URLSearchParams(window.location.search);\n const token = urlParams.get('token');\n const [checkingToken, setCheckingToken] = useState(token ? true : false)\n\n const onEmailVerified = () => {\n dispatch(setPage(P.FIREBASE_DETAILS_PAGE))\n }\n\n useEffect(() => {\n if (Object.keys(authenticatedUser).length > 0) return\n if (!token) return;\n\n const signInWithToken = async () => {fetch('/users/sign_in_with_token', {\n method: 'post',\n credentials: 'same-origin',\n headers: {\n 'X-Requested-With': 'XMLHttpRequest',\n 'Content-Type': 'application/json',\n 'X-CSRF-Token': document.querySelector('meta[name=\"csrf-token\"]').getAttribute('content')\n },\n body: JSON.stringify({ token: token })\n }).then(async (resp) => {\n const data = await resp.json()\n\n if (data.success) {\n dispatch(setAuthenticatedUser(data.authenticated_user));\n\n if (!data.authenticated_user.email_verified) {\n setEmailVerified(false)\n setCheckingToken(false)\n return\n }\n\n dispatch(setPage(P.FIREBASE_DETAILS_PAGE))\n } else {\n setCheckingToken(false)\n }\n })\n }\n\n signInWithToken()\n }, [authenticatedUser])\n\n useEffect(() => {\n if (Object.keys(authenticatedUser).length == 0) return\n\n if (authenticatedUser.email_verified) {\n dispatch(setPage(P.FIREBASE_DETAILS_PAGE))\n } else {\n setCheckingToken(false)\n setEmailVerified(false)\n }\n }, [])\n\n if (checkingToken) return \n {displayFooter && (
\n )\n }\n}\n\nFooter.propTypes = {\n page: PropTypes.string,\n intl: PropTypes.object,\n content: PropTypes.object\n}\n\nexport default injectIntl(Footer)\n\n","import React from 'react';\nimport ReactDOM from 'react-dom';\nimport FormControl from 'react-bootstrap/lib/FormControl';\nimport { defaultMessages } from '../../../../libs/i18n/default';\n\nexport default class FormDate extends React.Component {\n constructor(props) {\n super(props);\n this.state = {\n date: this.props.date\n };\n this.setDate = this.setDate.bind(this);\n this.existingDate = this.existingDate.bind(this);\n }\n componentDidMount(){\n document.querySelector(`#${this.props.id || 'date'}_month`).value = this.existingDate('month');\n document.querySelector(`#${this.props.id || 'date'}_year`).value = this.existingDate('year');\n document.querySelector(`#${this.props.id || 'date'}_day`).value = this.existingDate('day');\n }\n existingDate(type){\n var v = '';\n if (this.state.date!='' && this.state.date!=undefined){\n var date = this.state.date.toString().split(\"-\");\n switch(type) {\n case 'month':\n v = date[1];\n break;\n case 'day':\n v = date[2];\n break;\n case 'year':\n v = date[0];\n break;\n }\n }\n return v;\n }\n months(){\n const { formatMessage } = this.props.intl;\n var months = [\"January\", \"February\", \"March\", \"April\", \"May\", \"June\", \"July\", \"August\", \"September\", \"October\", \"November\", \"December\"];\n const mo = [];\n months.map((month, index) => {\n var index_val = (\"0\" + (index+1)).slice(-2);\n var month_id = \"clientComponentsDateFormMonths\" + month;\n var month_val = formatMessage(defaultMessages[month_id]);\n mo.push();\n });\n return mo;\n }\n setDate() {\n const month = ReactDOM.findDOMNode(this.refs[`${this.props.id || 'date'}_month`]).value;\n const day = ReactDOM.findDOMNode(this.refs[`${this.props.id || 'date'}_day`]).value;\n const year = ReactDOM.findDOMNode(this.refs[`${this.props.id || 'date'}_year`]).value;\n if (this.validYear(year) && this.validDay(day) && month!=''){\n var date = new Date(year, parseInt(month-1), day);\n if (date != 'Invalid Date'){\n let y = date.getFullYear()\n let m = String(date.getMonth() + 1).padStart(2, '0')\n let d = String(date.getDate()).padStart(2, '0')\n date = `${y}-${m}-${d}`;\n this.setState({date: date});\n }else{\n date = null;\n }\n }else{\n date = null;\n }\n if (this.props.updateDateState){\n this.props.updateDateState(date);\n }\n }\n validDay(d){\n var regexp = new RegExp(/^\\d?\\d{1}$/);\n return(regexp.test(d));\n }\n validYear(y){\n var regexp = new RegExp(/^(?:19|20)\\d{2}$/);\n return(regexp.test(y));\n }\n render() {\n const { formatMessage } = this.props.intl;\n return (\n - \n {pages.map((page,i) => {\n return (\n
- \n {e.preventDefault();}}>\n \n )\n })}\n
\n \n {this.months()}\n \n
\n );\n }\n}\n","import React from 'react'\nimport { injectIntl } from 'react-intl'\nimport { defaultMessages } from '../../../../libs/i18n/default'\nimport ReactMarkdown from 'react-markdown';\n\nclass FormHeader extends React.Component {\n render(){\n const { formatMessage } = this.props.intl\n\n return (\n \n
\n );\n }\n\n};\n\nexport default injectIntl(FormHeader)","import React from 'react'\nimport PropTypes from 'prop-types'\nimport Button from 'react-bootstrap/lib/Button';\n\nconst GenerateDetailsButton = (props) => {\n if ((props.environment == 'development' || props.environment == 'staging') && props.enabled){\n return(\n \n
\n\n\n \n {this.props.icon}\n
\n\n
\n \n {this.props.icon}\n
\n\n {props.text}\n
\n );\n } else {\n return(null);\n };\n};\n\nexport default GenerateDetailsButton;\n","import React, { useState, useRef, useEffect } from 'react';\nimport ReactDOM from 'react-dom';\nimport FormControl from 'react-bootstrap/lib/FormControl';\nimport FormGroup from 'react-bootstrap/lib/FormGroup';\nimport { defaultMessages } from '../../../../libs/i18n/default';\n/*global google*/\n\nconst GoogleMapsAddress = ({ addressValidations, updateAddress, formatMessage, className, countryCode, territory_code, addressNotFound }) => {\n const [searchedAddress, setSearchedAddress] = useState(null)\n const autocompleteRef = useRef()\n const [addressUnit, setAddressUnit] = useState('')\n const [addressStreetNo, setAddressStreetNo] = useState('')\n const [addressStreetName, setAddressStreetName] = useState('')\n const [addressCity, setAddressCity] = useState('');\n const [addressState, setAddressState] = useState('');\n const [addressPostCode, setAddressPostCode] = useState('');\n\n const updateAddressState = (key, value) => {\n updateAddress(key, value);\n }\n\n const changeAddressControl = (e) => {\n updateAddressState(e.target.id, e.target.value);\n }\n\n const keyInAddress = (e) => {\n updateAddressState('place_id', '');\n }\n\n const placeholderState = () => {\n return territory_code === 'NZ'\n ? defaultMessages.clientHostPagesRegisterPlaceholdersStateNz\n : defaultMessages.clientHostPagesRegisterPlaceholdersState\n }\n\n const placeholderCity = () => {\n return territory_code === 'NZ'\n ? defaultMessages.clientHostPagesRegisterPlaceholdersCityNz\n : defaultMessages.clientHostPagesRegisterPlaceholdersCity\n }\n\n const fullAddressForm = () => {\n const addressStateError = addressValidations && addressValidations.state === false\n const addressPostCodeError = addressValidations && addressValidations.postcode === false\n\n if (!searchedAddress) return null\n\n return(\n \n
\n );\n }\n\n useEffect(() => {\n var searchField = document.getElementById('autocomplete')\n var autocomplete = new google.maps.places.Autocomplete(searchField, {componentRestrictions: {country: countryCode}});\n\n autocomplete.addListener('place_changed', function() {\n var place = autocomplete.getPlace();\n\n if (place && place.place_id){\n console.log(place);\n setSearchedAddress(place.formatted_address);\n\n updateAddressState('searchedAddress', place.formatted_address);\n updateAddressState('coordinates', `(${place.geometry.location.lat()}, ${place.geometry.location.lng()})`);\n updateAddressState('place_id', place.place_id);\n\n var country_codes = place.address_components.filter(x => x.types.includes('country'));\n var post_codes = place.address_components.filter(x => x.types.includes('postal_code'));\n var states = place.address_components.filter(x => x.types.includes('administrative_area_level_1'));\n var suburb = place.address_components.filter(x => x.types.includes('sublocality'));\n var city = place.address_components.filter(x => x.types.includes('locality'));\n var street_number = place.address_components.filter(x => x.types.includes('street_number'));\n var unit_number = place.address_components.filter(x => x.types.includes('subpremise'));\n var route = place.address_components.filter(x => x.types.includes('route'));\n\n if (typeof(post_codes) != undefined && post_codes.length>0){\n var v = post_codes[0].long_name;\n setAddressPostCode(v);\n updateAddressState('post_code', v);\n }\n if (typeof(country_codes) != undefined && country_codes.length>0){\n var v = country_codes[0].short_name;\n updateAddressState('country_code', v);\n }\n if (typeof(states) != undefined && states.length>0){\n const v = states[0].short_name;\n setAddressState(v);\n updateAddressState('state', v);\n }\n if ((typeof(suburb) != undefined && suburb.length>0) ||\n (typeof(city) != undefined && city.length>0)){\n const v = (suburb[0] || city[0]).short_name;\n setAddressCity(v);\n updateAddressState('city', v);\n }\n if (typeof(street_number) != undefined && street_number.length>0){\n var street_number_2 = street_number[0].short_name;\n if (street_number_2.indexOf('/')>-1){\n var unit_street_number = street_number_2.split('/');\n setAddressUnit(unit_street_number[0]);\n updateAddressState('unit_no', unit_street_number[0]);\n\n setAddressStreetNo(unit_street_number[1]);\n updateAddressState('street_no', unit_street_number[1]);\n }else if(typeof(unit_number) != undefined && unit_number.length>0 && typeof(street_number) != undefined && street_number.length>0){\n setAddressUnit(unit_number[0].short_name);\n updateAddressState('unit_no', unit_number[0].short_name);\n\n setAddressStreetNo(street_number[0].short_name);\n updateAddressState('street_no', street_number[0].short_name);\n }else{\n setAddressStreetNo(street_number_2);\n updateAddressState('street_no', street_number_2);\n }\n }\n if (typeof(route) != undefined && route.length>0){\n const v = route[0].short_name;\n setAddressStreetName(v);\n updateAddressState('street_name', v);\n }\n }else{\n addressNotFound();\n }\n });\n }, [])\n\n return (\n \n
\n \n \n \n
\n \n \n \n
\n \n
\n \n \n \n
\n \n
\n \n \n \n
\n \n
\n \n \n \n {addressStateError && (\n \n State is invalid\n \n )}\n
\n \n \n \n {addressPostCodeError && (\n \n Postcode is invalid\n \n )}\n
\n \n \n \n {fullAddressForm()}\n
\n )\n\n}\n\nexport default GoogleMapsAddress;\n","import P from '../../pages';\nimport React from 'react';\nimport PropTypes from 'prop-types';\nimport { injectIntl } from 'react-intl';\nimport { defaultMessages } from '../../../../libs/i18n/default';\nimport ReactOnRails from 'react-on-rails';\nimport FormHeader from './FormHeader';\nimport Redirector from './Redirector';\nimport Cross from 'react-icons/lib/fa/times-circle';\nimport Button from 'react-bootstrap/lib/Button';\nimport Label from 'react-bootstrap/lib/Label';\nimport { Redirect } from 'react-router-dom';\nimport CheckboxOrRadioGroup from './CheckboxOrRadioGroup';\nimport ControlLabel from 'react-bootstrap/lib/ControlLabel';\nimport FormControl from 'react-bootstrap/lib/FormControl';\nimport Alert from './Alert';\nimport ReactDOM from 'react-dom';\nimport ReactMarkdown from 'react-markdown';\nimport { snakeCase } from 'lodash'\nimport ButtonGroup from './ButtonGroup';\nimport Info from 'react-icons/lib/fa/info-circle';\nimport CustomFormGroup from './CustomFormGroup';\nimport ProfileElementField from './ProfileElementField';\nimport { pageValid, executeValidations } from '../../validator';\nimport { generateProfileElementObject, changeState } from '../../utilities';\n\nclass GuestInteractionLevel extends React.Component {\n constructor(props){\n super(props);\n this.state = {\n page: this.props.page,\n guestRelationship: generateProfileElementObject(this.props.profileElements, this.props.activeProfileElements, '', 'lifestyle', 'guest_relationship')\n };\n this.submit = this.submit.bind(this);\n this.back = this.back.bind(this);\n this.changeState = this.changeState.bind(this);\n }\n\n componentWillMount(){\n executeValidations(this)\n }\n\n changeState = async(id, val) => {\n changeState(this, id, val)\n }\n\n back(e) {\n e.preventDefault();\n this.props.onGoBack();\n }\n\n submit(e) {\n this.props.onHostProfileSubmit({\n lifestyle: {\n guest_relationship: this.state.guestRelationship.val\n }\n });\n }\n\n render() {\n const thisPage = P.GUEST_INTERACTION_LEVEL_PAGE;\n const { formatMessage } = this.props.intl;\n const content = this.props.content;\n const page = this.props.page;\n const guestRelationshipSelections = this.props.localProfileElements.elements.lifestyle.guest_relationship_selections;\n const guestRelationshipOptions = guestRelationshipSelections.map(t => (\n content.pages.guest_interaction.guest_relationship_options &&\n [\n \n\n \n
\n )\n }\n};\n\nGuestInteractionLevel.propTypes = {\n onHostProfileSubmit: PropTypes.func,\n onSkipSubmit: PropTypes.func,\n onGoBack: PropTypes.func,\n page: PropTypes.string,\n intl: PropTypes.object,\n content: PropTypes.object\n};\n\nexport default injectIntl(GuestInteractionLevel);\n","import P from '../../pages';\nimport React from 'react';\nimport PropTypes from 'prop-types';\nimport { injectIntl } from 'react-intl';\nimport { defaultMessages } from '../../../../libs/i18n/default';\nimport ReactOnRails from 'react-on-rails';\nimport FormHeader from './FormHeader';\nimport Redirector from './Redirector';\nimport Button from 'react-bootstrap/lib/Button';\nimport { Redirect } from 'react-router-dom';\nimport Alert from './Alert';\nimport ButtonGroup from './ButtonGroup';\nimport Form from 'react-bootstrap/lib/Form';\nimport ControlLabel from 'react-bootstrap/lib/ControlLabel';\nimport ReactMarkdown from 'react-markdown';\nimport Info from 'react-icons/lib/fa/info-circle';\nimport CustomFormGroup from './CustomFormGroup';\nimport CheckboxOrRadioGroup from './CheckboxOrRadioGroup';\nimport { validator, fieldsToValidate, pageValid, executeValidations } from '../../validator';\nimport { handleSelection, changeState, generateProfileElementObject } from '../../utilities';\n\nclass GuestPackages extends React.Component {\n constructor(props){\n super(props);\n this.state = {\n page: this.props.page,\n serviceLevel: generateProfileElementObject(this.props.profileElements, this.props.activeProfileElements, [], 'service', 'service_level')\n };\n this.handleProductsOfferedSelection = this.handleProductsOfferedSelection.bind(this);\n this.submit = this.submit.bind(this);\n this.back = this.back.bind(this);\n }\n\n componentWillMount(){\n executeValidations(this)\n }\n\n changeState = async(id, val) => {\n changeState(this, id, val)\n }\n\n handleProductsOfferedSelection(e){\n this.changeState('serviceLevel', handleSelection(this.state.serviceLevel.val, e.target.value))\n }\n\n back(e) {\n e.preventDefault();\n this.props.onGoBack();\n }\n\n submit(e) {\n this.props.onGuestPackagesSubmit({\n serviceLevel: this.state.serviceLevel.val,\n host_id: this.props.user.host.id,\n });\n }\n\n render() {\n const thisPage = P.GUEST_PACKAGES_PAGE;\n const { formatMessage } = this.props.intl;\n const content = this.props.content;\n const page = this.props.page;\n const productSelections = [...new Set(this.props.user.host.product_options.map(t => t.kind).filter(t => t != 'other'))]\n\n return (\n \n \n \n
\n );\n }\n}\n\nGuestPackages.propTypes = {\n onGuestPackagesSubmit: PropTypes.func,\n onSkipSubmit: PropTypes.func,\n onGoBack: PropTypes.func,\n page: PropTypes.string,\n intl: PropTypes.object,\n content: PropTypes.object\n};\n\nexport default injectIntl(GuestPackages);\n","import P from '../../pages';\nimport React from 'react';\nimport PropTypes from 'prop-types';\nimport { injectIntl } from 'react-intl';\nimport { defaultMessages } from '../../../../libs/i18n/default';\nimport ReactOnRails from 'react-on-rails';\nimport FormHeader from './FormHeader';\nimport Redirector from './Redirector';\nimport Cross from 'react-icons/lib/fa/times-circle';\nimport Button from 'react-bootstrap/lib/Button';\nimport Label from 'react-bootstrap/lib/Label';\nimport { Redirect } from 'react-router-dom';\nimport CheckboxOrRadioGroup from './CheckboxOrRadioGroup';\nimport ControlLabel from 'react-bootstrap/lib/ControlLabel';\nimport FormControl from 'react-bootstrap/lib/FormControl';\nimport Alert from './Alert';\nimport ReactDOM from 'react-dom';\nimport ButtonGroup from './ButtonGroup';\nimport Info from 'react-icons/lib/fa/info-circle';\nimport CustomFormGroup from './CustomFormGroup';\nimport ProfileElementField from './ProfileElementField';\nimport { validator, fieldsToValidate, pageValid, executeValidations } from '../../validator';\nimport { generateProfileElementObject, changeState } from '../../utilities';\nimport { handleSelection} from '../../../../shared/utilities';\n\nclass GuestPreferences extends React.Component {\n constructor(props){\n super(props);\n console.log(props)\n this.state = {\n preferredGender: generateProfileElementObject(this.props.profileElements, this.props.activeProfileElements, 'Either', 'service', 'preferred_gender'),\n preferredAge: generateProfileElementObject(this.props.profileElements, this.props.activeProfileElements, 'Either', 'service', 'preferred_age'),\n hostHighschoolStudent: generateProfileElementObject(this.props.profileElements, this.props.activeProfileElements, '', 'service', 'host_highschool_student'),\n preferredHighschoolAge: generateProfileElementObject(this.props.profileElements, this.props.activeProfileElements, '', 'service', 'preferred_highschool_age'),\n caregiversDriversLicense: generateProfileElementObject(this.props.profileElements, this.props.activeProfileElements, '', 'service', 'caregivers_drivers_license'),\n highSchoolTransport: generateProfileElementObject(this.props.profileElements, this.props.activeProfileElements, '', 'service', 'high_school_transport'),\n highSchoolTransportNotes: generateProfileElementObject(this.props.profileElements, this.props.activeProfileElements, '', 'service', 'high_school_transport_notes'),\n hostUnder18: generateProfileElementObject(this.props.profileElements, this.props.activeProfileElements, '', 'service', 'host_under_18'),\n parentNominatedHost: generateProfileElementObject(this.props.profileElements, this.props.activeProfileElements, '', 'service', 'parent_nominated_host'),\n parentNominatedStudentName: generateProfileElementObject(this.props.profileElements, this.props.activeProfileElements, '', 'service', 'parent_nominated_student_name'),\n preferredVaccinatedGuest: generateProfileElementObject(this.props.profileElements, this.props.activeProfileElements, 'No preference', 'service', 'preferred_vaccinated_guest'),\n preferredAgeSelections: this.props.localProfileElements.elements.service.preferred_age_selections,\n preferredHighschoolAgeSelections: this.props.localProfileElements.elements.service.preferred_highschool_age_selections,\n preferredGenderSelections: this.props.localProfileElements.elements.service.preferred_gender_selections,\n preferredVaccinatedGuestSelections: this.props.localProfileElements.elements.service.preferred_vaccinated_guest_selections,\n highSchoolTransportSelections: this.props.localProfileElements.elements.service.high_school_transport_selections\n };\n this.submit = this.submit.bind(this);\n this.back = this.back.bind(this);\n this.changeState = this.changeState.bind(this);\n this.removeSchool = this.removeSchool.bind(this);\n this.addSchool = this.addSchool.bind(this);\n this.buildSubmitData = this.buildSubmitData.bind(this);\n }\n\n componentWillMount(){\n executeValidations(this)\n }\n\n componentDidMount(){\n let placeSearch = ReactDOM.findDOMNode(this.refs.placeSearch);\n let addSchool = this.addSchool;\n $(placeSearch).autocomplete({\n source: `/places/autocomplete_with_google?host_id=${this.props.user.host.id}`,\n minLength: 2,\n autoFocus: true,\n delay: 100,\n select: function(e,ui){\n e.preventDefault();\n $(placeSearch).blur();\n placeSearch.value = '';\n if (ui.item.value != -1) {\n addSchool(ui.item.value, ui.item.google);\n }\n },\n focus: function(e,ui){\n e.preventDefault();\n }\n });\n }\n\n changeState = async(id, val) => {\n changeState(this, id, val)\n }\n\n removeSchool(e, school){\n e.preventDefault();\n this.props.onUpdateSchools({\n authenticity_token: ReactOnRails.authenticityToken(),\n school_id: school,\n operation: 'remove'\n })\n }\n\n addSchool(school, google){\n this.props.onUpdateSchools({\n authenticity_token: ReactOnRails.authenticityToken(),\n school_id: school,\n operation: 'add',\n google: google\n })\n }\n\n unfamiliarSchoolsWarning(){\n const unfamiliarSchools = this.props.user.host.affiliated_schools.filter(s => !s.familiar)\n const content = this.props.content;\n if (unfamiliarSchools.length > 0) {\n return (\n \n {options.map(school =>\n \n {school.name}\n this.removeSchool(e, school.id)}>\n
\n )\n }\n\n back(e) {\n e.preventDefault();\n this.props.onGoBack();\n }\n\n buildSubmitData() {\n const data = {\n preferred_gender: this.state.preferredGender.val,\n preferred_age: this.state.preferredAge.val,\n host_under_18: this.state.hostUnder18.val,\n parent_nominated_host: this.state.parentNominatedHost.val,\n parent_nominated_student_name:this.state.parentNominatedStudentName.val,\n preferred_vaccinated_guest: this.state.preferredVaccinatedGuest.val,\n host_highschool_student: this.state.hostHighschoolStudent.val,\n preferred_highschool_age: this.state.preferredHighschoolAge.val,\n caregivers_drivers_license: this.state.caregiversDriversLicense.val,\n high_school_transport: this.state.highSchoolTransport.val,\n high_school_transport_notes: this.state.highSchoolTransportNotes.val,\n }\n\n if (this.props.disableCovidQuestions === false) {\n delete data['preferred_vaccinated_guest']\n }\n\n return data\n }\n\n submit(e) {\n this.props.onHostProfileSubmit({ service: this.buildSubmitData() });\n }\n\n render() {\n const thisPage = P.GUEST_PREFERENCES_PAGE;\n const { formatMessage } = this.props.intl;\n const content = this.props.content;\n const page = this.props.page;\n const disableCovidQuestions = this.props.disableCovidQuestions;\n\n const willHostUnder18Label = content.territory_code == \"srsc\"\n ? formatMessage(defaultMessages.clientHostPagesGuestPreferencesLabelsHostUnder18Srsc)\n : formatMessage(defaultMessages.clientHostPagesGuestPreferencesLabelsHostUnder18)\n\n\n return (\n \n \n\n
\n }\n elementName='schools' />\n\n {\n content.territory_code != \"usa\" || content.territory_code != \"srsc\" &&\n \n {logo()}\n
\n )\n }\n}\n\nexport default injectIntl(Header)\n","import P from '../../pages';\nimport React from 'react';\nimport PropTypes from 'prop-types';\nimport { injectIntl } from 'react-intl';\nimport { defaultMessages } from '../../../../libs/i18n/default';\nimport ReactOnRails from 'react-on-rails';\nimport FormHeader from './FormHeader';\nimport Redirector from './Redirector';\nimport Button from 'react-bootstrap/lib/Button';\nimport Form from 'react-bootstrap/lib/Form';\nimport FormGroup from 'react-bootstrap/lib/FormGroup';\nimport ControlLabel from 'react-bootstrap/lib/ControlLabel';\nimport FormControl from 'react-bootstrap/lib/FormControl';\nimport {\n Redirect\n} from 'react-router-dom';\nimport ReactMarkdown from 'react-markdown';\n\nconst Holding = ({page, onHoldingSubmit=f=>f, onCancelSubmit=f=>f, intl, territoryCode, content}) => {\n\n const { formatMessage } = intl;\n const thisPage = P.HOLDING_PAGE;\n const locationClass = String(\"location-icon location-icon-\" + territoryCode.toLowerCase());\n\n const submit = e => {\n e.preventDefault();\n onHoldingSubmit();\n };\n\n const cancel = e => {\n e.preventDefault();\n onCancelSubmit();\n window.location = content.marketing_home_url\n };\n\n return (\n \n {displayHelp()}\n {displayLogout()}\n
\n \n \n \n
\n );\n};\n\nHolding.propTypes = {\n onHoldingSubmit: PropTypes.func,\n onCancelSubmit: PropTypes.func,\n page: PropTypes.string,\n intl: PropTypes.object,\n content: PropTypes.object\n};\nexport default injectIntl(Holding);\n","import P from '../../pages';\nimport React from 'react';\nimport { injectIntl } from 'react-intl';\nimport { defaultMessages } from '../../../../libs/i18n/default';\nimport FormHeader from './FormHeader';\nimport Redirector from './Redirector';\nimport Button from 'react-bootstrap/lib/Button';\nimport Form from 'react-bootstrap/lib/Form';\nimport CheckboxOrRadioGroup from './CheckboxOrRadioGroup';\nimport SelectGroup from './SelectGroup';\nimport FormControl from 'react-bootstrap/lib/FormControl';\nimport Alert from './Alert';\nimport Home from 'react-icons/lib/md/home';\nimport ButtonGroup from './ButtonGroup';\nimport CustomFormGroup from './CustomFormGroup';\nimport ProfileElementField from './ProfileElementField';\nimport { validator, fieldsToValidate, pageValid, executeValidations, shouldValidateProfileElement, toggleValidations } from '../../validator';\nimport { generateProfileElementObject, setProfileElementsFromState, handleSelection, changeState } from '../../utilities';\n\nclass House extends React.Component {\n constructor(props){\n super(props);\n let featureSelections = this.props.localProfileElements.elements.home.feature_selections\n let features = setProfileElementsFromState(this.props.profileElements, [], 'home', 'features').filter(f => featureSelections.flat().includes(f))\n let featuresOther = setProfileElementsFromState(this.props.profileElements, '','home','features_other')\n let validateFeatures = shouldValidateProfileElement(this, 'features')\n let validateFeaturesOther = validateFeatures && features.includes('Other')\n this.state = {\n buildingType: generateProfileElementObject(this.props.profileElements, this.props.activeProfileElements,'','home','building_type'),\n features: { val: features, validationKey: validateFeatures ? 'profile_elements_home_features' : '' },\n featuresOther: { val: featuresOther, validationKey: validateFeaturesOther ? 'profile_elements_home_features_other' : '' },\n featureSelections: featureSelections,\n buildingTypeSelections: this.props.localProfileElements.elements.home.building_type_selections\n };\n this.submit = this.submit.bind(this);\n this.changeState = this.changeState.bind(this);\n this.handleFeature = this.handleFeature.bind(this);\n }\n\n componentWillMount(){\n executeValidations(this)\n }\n\n changeState = async(id, val) => {\n if (id == 'features'){\n toggleValidations(this, val.includes('Other'), 'features', 'featuresOther', 'profile_elements_home_features_other')\n }\n changeState(this, id, val)\n }\n\n handleFeature(e){\n this.changeState('features', handleSelection(this.state.features.val, e.target.value))\n }\n\n submit(e) {\n this.props.onHostProfileSubmit(\n {\n home: {\n building_type: this.state.buildingType.val,\n features: this.state.features.val,\n features_other: this.state.featuresOther.val\n }\n }\n );\n }\n\n render() {\n const thisPage = P.HOUSE_PAGE;\n const { formatMessage } = this.props.intl;\n const content = this.props.content;\n const page = this.props.page;\n \n return (\n \n
\n \n
\n \n \n
\n }\n elementName='features' />\n\n \n \n \n
\n );\n }\n}\n\nexport default injectIntl(HouseContinued);\n","import P from '../../pages';\nimport React from 'react';\nimport PropTypes from 'prop-types';\nimport { injectIntl } from 'react-intl';\nimport ReactOnRails from 'react-on-rails';\nimport FormHeader from './FormHeader';\nimport Redirector from './Redirector';\nimport Button from 'react-bootstrap/lib/Button';\nimport FormGroup from 'react-bootstrap/lib/FormGroup';\nimport ReactMarkdown from 'react-markdown';\nimport TrackableButton from './TrackableButton'\n\nclass Info extends React.Component {\n constructor(){\n super();\n this.submit = this.submit.bind(this);\n }\n submit = e => {\n e.preventDefault();\n this.props.onAcceptTerms(\n {\n csrf_token: ReactOnRails.authenticityToken()\n }\n );\n }\n withdraw = e => {\n e.preventDefault();\n if (confirm(this.props.content.pages.withdraw.confirm)){\n this.props.onWithdrawSubmit({\n csrf_token: ReactOnRails.authenticityToken()\n });\n }\n }\n render() {\n const thisPage = P.INFO_PAGE;\n const content = this.props.content;\n const page = this.props.page;\n\n return (\n \n \n \n \n
\n );\n }\n}\n\nInfo.propTypes = {\n onAcceptTerms: PropTypes.func,\n onWithdrawSubmit: PropTypes.func,\n page: PropTypes.string,\n intl: PropTypes.object,\n content: PropTypes.object\n};\n\nexport default injectIntl(Info);\n","import React from 'react';\nimport Popover from 'react-bootstrap/lib/Popover';\nimport OverlayTrigger from 'react-bootstrap/lib/OverlayTrigger';\nimport Button from 'react-bootstrap/lib/Button';\nimport Info from 'react-icons/lib/fa/info-circle'\n\nconst popoverRight = (text) => (\n \n
\n {content.pages.info.call_to_action}
\n\n
\n \n \n \n \n {content.pages.withdraw.disclaimer}\n
\n \n
\n \n \n {e.preventDefault();}}> \n
\n);\n\nInfoPopOver.propTypes = { \n};\n\nexport default InfoPopOver;","import P from '../../pages';\nimport React from 'react'\nimport PropTypes from 'prop-types'\nimport { injectIntl } from 'react-intl'\nimport { defaultMessages } from '../../../../libs/i18n/default'\nimport ReactOnRails from 'react-on-rails'\nimport FormHeader from './FormHeader'\nimport Redirector from './Redirector'\nimport Button from 'react-bootstrap/lib/Button'\nimport FormGroup from 'react-bootstrap/lib/FormGroup'\nimport { Redirect } from 'react-router-dom';\nimport ButtonGroup from './ButtonGroup';\n\nclass Interval extends React.Component {\n constructor(props){\n super(props);\n this.submit = this.submit.bind(this);\n this.back = this.back.bind(this);\n }\n\n back = e => {\n e.preventDefault();\n this.props.onGoBack();\n }\n\n submit = e => {\n this.props.onIntervalSubmit(\n {\n csrf_token: ReactOnRails.authenticityToken()\n }\n );\n }\n\n render(){\n const thisPage = P.INTERVAL_PAGE;\n const { formatMessage } = this.props.intl;\n const content = this.props.content;\n const page = this.props.page;\n\n return (\n \n \n \n
\n );\n }\n}\n\nInterval.propTypes = {\n onIntervalSubmit: PropTypes.func,\n onSkipSubmit: PropTypes.func,\n onGoBack: PropTypes.func,\n page: PropTypes.string,\n intl: PropTypes.object,\n content: PropTypes.object\n};\n\nexport default injectIntl(Interval);\n","import P from '../../pages';\nimport React from 'react'\nimport PropTypes from 'prop-types'\nimport { injectIntl } from 'react-intl'\nimport { defaultMessages } from '../../../../libs/i18n/default'\nimport ReactOnRails from 'react-on-rails'\nimport FormHeader from './FormHeader'\nimport Redirector from './Redirector'\nimport ControlLabel from 'react-bootstrap/lib/ControlLabel'\nimport FormControl from 'react-bootstrap/lib/FormControl'\nimport Alert from './Alert';\nimport ButtonGroup from './ButtonGroup';\nimport Ssn from './Ssn';\nimport ReactMarkdown from 'react-markdown';\nimport Dollar from 'react-icons/lib/fa/dollar';\nimport CustomFormGroup from './CustomFormGroup';\nimport { pageValid, executeValidations } from '../../validator';\nimport { changeState } from '../../utilities';\n\nclass Payments extends React.Component {\n constructor(props){\n super(props)\n this.state = {\n bankName: { val: this.props.user.host.bank_name, validationKey: 'attributes_bank_name' },\n bankAccountName: { val: this.props.user.host.bank_account_name, validationKey: 'attributes_bank_account_name' },\n bankCode: { val: this.props.user.host.bank_code, \n validationKey: (this.props.territory.include_bank_bsb ? 'attributes_bank_code' : null)\n },\n bankAccountNumber: { val: this.props.user.host.bank_account_number, validationKey: 'attributes_bank_account_number' },\n taxSsn: { val: this.props.user.host.tax_ssn, validationKey: 'attributes_tax_ssn' },\n taxSsnName: { val: this.props.user.host.tax_ssn_name, validationKey: 'attributes_tax_ssn_name' }\n }\n this.submit = this.submit.bind(this);\n this.back = this.back.bind(this);\n this.skip = this.skip.bind(this);\n this.changeState = this.changeState.bind(this);\n this.handleSsn = this.handleSsn.bind(this);\n }\n\n getInitialState() {\n return {\n submitted: false\n };\n }\n\n componentWillMount(){\n executeValidations(this)\n }\n\n componentDidMount() {\n this.maskBankAccountNumber()}\n\n maskBankAccountNumber() {\n if (!this.props.territory.bank_account_number_input_mask) return\n\n const _this = this\n const options = {\n completed: function() {\n _this.changeState(\"bankAccountNumber\", this.val())\n }\n }\n $('#bankAccountNumber').mask(this.props.territory.bank_account_number_input_mask, options);\n }\n\n changeState = async(id, val) => {\n changeState(this, id, val)\n }\n\n handleSsn(ssn){\n this.changeState('taxSsn', ssn)\n }\n\n back = e => {\n e.preventDefault()\n this.props.onGoBack()\n }\n\n skip = e => {\n e.preventDefault();\n this.props.onSkipSubmit();\n }\n\n submit = e => {\n this.props.onPaymentsSubmit(\n {\n authenticity_token: ReactOnRails.authenticityToken(),\n host: {\n bank_account_name: this.state.bankAccountName.val,\n bank_account_number: this.state.bankAccountNumber.val,\n bank_name: this.state.bankName.val,\n bank_code: this.state.bankCode.val,\n tax_ssn: this.state.taxSsn.val,\n tax_ssn_name: this.state.taxSsnName.val\n }\n }\n )\n }\n\n render(){\n const thisPage = P.PAYMENTS_PAGE;\n const content = this.props.content;\n const page = this.props.page;\n const { formatMessage } = this.props.intl;\n\n return (\n \n \n \n
\n )\n }\n}\n\nPayments.propTypes = {\n onPaymentsSubmit: PropTypes.func,\n onSkipSubmit: PropTypes.func,\n onGoBack: PropTypes.func,\n page: PropTypes.string,\n intl: PropTypes.object,\n content: PropTypes.object\n}\n\nexport default injectIntl(Payments)\n","import P from '../../pages';\nimport React from 'react'\nimport PropTypes from 'prop-types'\nimport { injectIntl } from 'react-intl'\nimport { defaultMessages } from '../../../../libs/i18n/default'\nimport FormHeader from './FormHeader'\nimport Redirector from './Redirector'\nimport Button from 'react-bootstrap/lib/Button'\nimport { Redirect } from 'react-router-dom';\nimport CheckboxOrRadioGroup from './CheckboxOrRadioGroup';\nimport Alert from './Alert';\nimport ButtonGroup from './ButtonGroup';\nimport Form from 'react-bootstrap/lib/Form';\nimport ControlLabel from 'react-bootstrap/lib/ControlLabel';\nimport FormControl from 'react-bootstrap/lib/FormControl';\nimport Paw from 'react-icons/lib/fa/paw'\nimport CustomFormGroup from './CustomFormGroup';\nimport ProfileElementField from './ProfileElementField';\nimport { pageValid, executeValidations, shouldValidateProfileElement, toggleValidations } from '../../validator';\nimport { setProfileElementsFromState, handleSelection, changeState } from '../../utilities';\n\nclass Pets extends React.Component {\n constructor(props) {\n super(props)\n let pets = setProfileElementsFromState(this.props.profileElements, '', 'lifestyle', 'pets')\n let validatePets = shouldValidateProfileElement(this, 'pets')\n let petTypes = setProfileElementsFromState(this.props.profileElements, [], 'lifestyle', 'pet_types')\n let validatePetTypes = pets && validatePets && shouldValidateProfileElement(this, 'pet_types')\n let petTypesOther = setProfileElementsFromState(this.props.profileElements, '', 'lifestyle', 'pet_types_other')\n let validatePetTypesOther = validatePetTypes && petTypes.includes('Other')\n let petIndoorsOutdoors = setProfileElementsFromState(this.props.profileElements, '', 'lifestyle', 'pet_indoors_outdoors')\n let validatePetIndoorsOutdoors = pets && validatePets && shouldValidateProfileElement(this, 'pet_indoors_outdoors')\n let petHypoallergenic = setProfileElementsFromState(this.props.profileElements, '', 'lifestyle', 'pet_hypoallergenic')\n let validatePetHypoallergenic = pets && validatePets && shouldValidateProfileElement(this, 'pet_hypoallergenic')\n let petsNotes = setProfileElementsFromState(this.props.profileElements, '', 'lifestyle', 'pets_notes')\n let validatePetsNotes = pets && validatePets && shouldValidateProfileElement(this, 'pets_notes')\n this.state = {\n pets: { val: pets, validationKey: validatePets ? 'profile_elements_lifestyle_pets' : '' },\n petTypes: { val: petTypes, validationKey: validatePetTypes ? 'profile_elements_lifestyle_pet_types' : '' },\n petTypesOther: { val: petTypesOther, validationKey: validatePetTypesOther ? 'profile_elements_lifestyle_pet_types_other' : '' },\n petIndoorsOutdoors: { val: petIndoorsOutdoors, validationKey: validatePetIndoorsOutdoors ? 'profile_elements_lifestyle_pet_indoors_outdoors' : '' },\n petHypoallergenic: { val: petHypoallergenic, validationKey: validatePetHypoallergenic ? 'profile_elements_lifestyle_pet_hypoallergenic' : '' },\n petsNotes: { val: petsNotes, validationKey: validatePetsNotes ? 'profile_elements_lifestyle_pets_notes' : '' },\n petTypesSelections: this.props.localProfileElements.elements.lifestyle.pet_types_selections,\n petIndoorsOutdoorsSelections: this.props.localProfileElements.elements.lifestyle.pet_indoors_outdoors_selections\n }\n this.submit = this.submit.bind(this);\n this.back = this.back.bind(this);\n this.changeState = this.changeState.bind(this);\n this.handlePetTypesSelection = this.handlePetTypesSelection.bind(this);\n this.handlePetIndoorsOutdoorsSelection = this.handlePetIndoorsOutdoorsSelection.bind(this);\n }\n\n componentWillMount() {\n executeValidations(this)\n }\n\n changeState = async (id, val) => {\n if (id == 'pets') {\n toggleValidations(this, val, 'pet_types', 'petTypes', 'profile_elements_lifestyle_pet_types')\n toggleValidations(this, val, 'pets_notes', 'petsNotes', 'profile_elements_lifestyle_pets_notes')\n toggleValidations(this, val && this.state.petTypes.val.includes('Other'), 'pet_types', 'petTypesOther', 'profile_elements_lifestyle_pet_types_other')\n toggleValidations(this, val, 'pet_indoors_outdoors', 'petIndoorsOutdoors', 'profile_elements_lifestyle_pet_indoors_outdoors')\n toggleValidations(this, val, 'pet_hypoallergenic', 'petHypoallergenic', 'profile_elements_lifestyle_pet_hypoallergenic')\n }\n changeState(this, id, val)\n }\n\n handlePetTypesSelection(e) {\n let newPetTypes = handleSelection(this.state.petTypes.val, e.target.value)\n toggleValidations(this, newPetTypes.includes('Other'), 'pet_types', 'petTypesOther', 'profile_elements_lifestyle_pet_types_other')\n this.changeState('petTypes', newPetTypes)\n }\n\n handlePetIndoorsOutdoorsSelection(e) {\n let newPetIndoorsOutdoors = handleSelection(this.state.petIndoorsOutdoors.val, e.target.value)\n this.changeState('petIndoorsOutdoors', newPetIndoorsOutdoors)\n }\n\n back(e) {\n e.preventDefault();\n this.props.onGoBack();\n }\n\n submit(e) {\n this.props.onHostProfileSubmit({\n lifestyle: {\n pets: this.state.pets.val,\n pet_types: this.state.petTypes.val,\n pet_types_other: this.state.petTypesOther.val,\n pet_indoors_outdoors: this.state.petIndoorsOutdoors.val,\n pets_notes: this.state.petsNotes.val,\n pet_hypoallergenic: this.state.petHypoallergenic.val\n }\n })\n }\n\n render() {\n const thisPage = P.PETS_PAGE;\n const { formatMessage } = this.props.intl;\n const content = this.props.content;\n const page = this.props.page;\n\n return (\n \n
\n }\n \n }\n elementName='pets' />\n \n \n \n \n setState({ phoneNumberVerified: true })}\n onChange={e => this.changeState(e.target.id, e.target.value)}\n placeholder={formatMessage(defaultMessages.clientHostPagesRegisterPlaceholdersPhone)}\n Wrapper={CustomFormGroup}\n defaultNumber={this.props.user.host.phone_mobile}\n />\n \n\n
\n );\n }\n}\n\nPhoneVerificationPage.propTypes = {\n page: PropTypes.string,\n intl: PropTypes.object,\n content: PropTypes.object\n};\n\nexport default injectIntl(PhoneVerificationPage);\n","import P from '../../pages';\nimport React from 'react';\nimport PropTypes from 'prop-types';\nimport { injectIntl } from 'react-intl';\nimport { defaultMessages } from '../../../../libs/i18n/default';\nimport ReactOnRails from 'react-on-rails';\nimport FormHeader from './FormHeader';\nimport Redirector from './Redirector';\nimport Button from 'react-bootstrap/lib/Button';\nimport Modal from 'react-bootstrap/lib/Modal';\nimport ButtonGroup from './ButtonGroup';\nimport PhotoForm from './PhotoForm';\nimport ReactMarkdown from 'react-markdown';\nimport Camera from 'react-icons/lib/fa/camera';\nimport Alert from './Alert';\nimport PhotoTable from './PhotoTable';\nimport { get } from 'lodash';\n\nclass Photo extends React.Component {\n constructor(props){\n super(props);\n this.state = {\n page: this.props.page,\n photos: this.props.photos\n };\n this.handleEditPhoto = this.handleEditPhoto.bind(this);\n this.submit = this.submit.bind(this);\n this.back = this.back.bind(this);\n this.close = this.close.bind(this);\n this.open = this.open.bind(this);\n this.isPhotoRequired = this.isPhotoRequired.bind(this);\n this.handleNewPhoto = this.handleNewPhoto.bind(this);\n this.handleDestroyPhoto = this.handleDestroyPhoto.bind(this);\n this.pageValid = this.pageValid.bind(this);\n }\n\n getInitialState() {\n return {\n showModal: false,\n editing: false,\n destroy: false\n };\n }\n\n handleNewPhoto() {\n this.setState({\n showModal: true,\n editing: true,\n activePhoto: {\n name: '',\n kind: '',\n image: {\n thumbnail: '',\n small: '',\n medium: '',\n original: ''\n },\n }\n });\n }\n\n handleEditPhoto(e, payload) {\n e.preventDefault();\n this.setState({\n showModal: true,\n editing: true,\n activePhoto: payload\n });\n }\n\n handleDestroyPhoto(e, payload) {\n e.preventDefault();\n this.props.onPhotoDestroySubmit({\n method: 'DELETE',\n form: {\n host_id: this.props.user.host.id,\n resident_id: get(this.props, 'resident.id', ''),\n room_id: get(this.props, 'room.id', ''),\n authenticity_token: ReactOnRails.authenticityToken(),\n photo: {\n id: payload.id\n }\n }\n });\n }\n\n componentWillMount() {\n this.props.onFetchPhotosIfNeeded();\n }\n\n componentWillReceiveProps(newProps){\n if (this.state.photos != newProps.photos){\n this.setState({photos: newProps.photos})\n }\n }\n\n pageValid(){\n let kinds = this.state.photos.items.map(p => p.kind)\n let expectedKinds = this.props.market.required_host_photo_kinds.map(k => k[1])\n return expectedKinds.every(i => kinds.includes(i))\n }\n\n back(e) {\n e.preventDefault();\n this.props.onGoBack();\n }\n\n submit(e) {\n this.props.onPhotoSubmit();\n }\n\n close() {\n this.setState({ showModal: false });\n }\n\n open() {\n this.setState({ showModal: true });\n }\n\n isPhotoRequired(k) {\n return this.props.market.required_host_photo_kinds.find(p => p[1] === k[1])\n }\n\n render() {\n const thisPage = P.PHOTO_PAGE;\n const { formatMessage } = this.props.intl;\n const content = this.props.content;\n const page = this.props.page;\n const { isFetching, lastUpdated, didInvalidate } = this.state.photos;\n const {editing, activePhoto, formAction} = this.state;\n const photos = this.state.photos.items\n const requiredPhotos = this.props.market.required_host_photo_kinds\n\n return (\n \n
\n \n\n \n\n \n\n \n \n {activePhoto && activePhoto.id ?\n formatMessage(defaultMessages.clientHostPagesPhotoActionsUpdate) :\n formatMessage(defaultMessages.clientHostPagesPhotoActionsCreate)\n } \n \n \n\n \n\n \n \n
\n );\n }\n}\n\nPhoto.propTypes = {\n onPhotoDestroySubmit: PropTypes.func,\n onPhotosRefresh: PropTypes.func,\n onPhotoSubmit: PropTypes.func,\n onSkipSubmit: PropTypes.func,\n onGoBack: PropTypes.func,\n page: PropTypes.string,\n intl: PropTypes.object,\n content: PropTypes.object,\n photos: PropTypes.object\n};\n\nexport default injectIntl(Photo);\n","import React from 'react';\nimport PropTypes from 'prop-types';\nimport { defaultMessages } from '../../../../libs/i18n/default';\nimport ReactOnRails from 'react-on-rails';\nimport Button from 'react-bootstrap/lib/Button';\nimport FormGroup from 'react-bootstrap/lib/FormGroup';\nimport ControlLabel from 'react-bootstrap/lib/ControlLabel';\nimport FormControl from 'react-bootstrap/lib/FormControl';\nimport ProgressBar from 'react-bootstrap/lib/ProgressBar';\nimport { get } from 'lodash';\nimport { connect } from 'react-redux';\n\nconst mapStateToProps = (state) =>\n ({\n disableTitleField: state.territory.disable_host_photos_title_field\n });\n\nclass PhotoForm extends React.Component {\n constructor(props){\n super(props)\n this.state = {\n method: (this.props.photo.id ? 'PUT' : 'POST'),\n id: this.props.photo.id,\n name: this.props.photo.name,\n description: this.props.photo.description,\n kind: this.props.photo.kind,\n file: null,\n image: {\n small: this.props.photo.image.small,\n medium: this.props.photo.image.medium\n },\n isValidPhotoFormat: false\n }\n this.handleChange = this.handleChange.bind(this);\n this.handleFileSelection = this.handleFileSelection.bind(this);\n this.submit = this.submit.bind(this);\n this.disableSubmitButton = this.disableSubmitButton.bind(this);\n this.buttonTitle = this.buttonTitle.bind(this);\n this.loadingAnimation = this.loadingAnimation.bind(this);\n this.kindField = this.kindField.bind(this);\n this.formValid = this.formValid.bind(this);\n }\n\n formValid(){\n return(\n (this.props.photo.id || (this.state.file && this.state.isValidPhotoFormat)) &&\n (!this.props.photoKinds || this.state.kind)\n )\n }\n\n disableSubmitButton(){\n return this.state.submitted || !this.formValid()\n }\n\n handleChange(e) {\n if (e.target.id == 'kind' && e.target.value != 'other'){\n this.setState({description: ''})\n }\n this.setState({[e.target.id]: e.target.value});\n }\n\n handleFileSelection(e){\n this.setState({file: e.target.files[0]})\n\n if (e.target.files[0].type === 'image/png' || e.target.files[0].type === 'image/jpeg') {\n this.setState({isValidPhotoFormat: true})\n } else {\n this.setState({isValidPhotoFormat: false})\n }\n }\n\n submit(e){\n e.preventDefault();\n this.setState({submitted: true})\n\n let payload = {\n method: this.state.method,\n form: {\n authenticity_token: ReactOnRails.authenticityToken(),\n host_id: this.props.user.host.id,\n resident_id: get(this.props, 'resident.id', ''),\n room_id: get(this.props, 'room.id', ''),\n photo: {\n id: this.state.id,\n name: this.state.name,\n kind: this.state.kind,\n description: this.state.description,\n file: this.state.file\n }\n }\n }\n this.props.onPhotoFormSubmit(payload);\n }\n\n buttonTitle(){\n let pre_submit_title = this.props.photo.id ? defaultMessages.clientHostPagesPhotoButtonsUpdate : defaultMessages.clientHostPagesPhotoButtonsCreate;\n let post_submit_title = defaultMessages[`clientHostPagesPhotoButtons${this.props.uploader.status || 'Uploading'}`];\n return this.state.submitted ? post_submit_title : pre_submit_title;\n }\n\n loadingAnimation() {\n if (this.state.submitted) {\n return ()\n }\n }\n\n componentWillReceiveProps(nextProps){\n if (nextProps.didInvalidate == false && this.state.submitted && (this.state.closeWindow == undefined || this.state.closeWindow == false)) {\n this.setState({closeWindow: true})\n this.props.onClose();\n }\n }\n\n kindField(){\n if(this.props.photoKinds){\n const { formatMessage } = this.props.intl;\n const defaultKind = this.state.kind\n const photoOptions = this.props.photoKinds.map(opt => {\n return ();\n })\n return(\n \n \n
\n )\n }\n};\n\nPhotoForm.propTypes = {\n onHostProfileSubmit: PropTypes.func,\n onSkipSubmit: PropTypes.func,\n onGoBack: PropTypes.func,\n page: PropTypes.string,\n intl: PropTypes.object,\n content: PropTypes.object\n};\n\nexport default connect(mapStateToProps)(PhotoForm)\n","import React from 'react';\nimport PropTypes from 'prop-types';\nimport Edit from 'react-icons/lib/md/edit';\nimport Trash from 'react-icons/lib/fa/trash';\nimport { capitalize, chunk } from 'lodash';\n\nconst PhotoTable = (props) => {\n const photos = props.photos;\n const didInvalidate = props.didInvalidate;\n\n function photoCell(photo, key) {\n return (\n \n
\n )\n }\n\n function loadingCell(key) {\n return (\n \n
\n \n 
\n {\n !photo.room_name &&\n \n }\n
\n {photo.kind.split('_').map(s => capitalize(s)).join(' ')}
\n\n {\n !photo.room_name &&\n \n }\n \n \n
\n )\n }\n\n function photoRow(photoCells, i){\n return (\n \n {photoCells.map(b => {return b} )}\n
\n )\n }\n\n function photoContainer(photos, loading=false) {\n let cells = photos.map((photo, i) => {return photoCell(photo, i)})\n if(loading) {\n cells.push(loadingCell(photos.length))\n }\n return (\n \n {\n chunk(cells, 3).map((a, i) => {\n return photoRow(a, i)\n })\n }\n
\n )\n }\n\n return (\n \n {photoContainer(photos, didInvalidate)}\n
\n )\n};\n\nPhotoTable.propTypes = {\n editFunc: PropTypes.func.isRequired,\n destroyFunc: PropTypes.func.isRequired,\n photos: PropTypes.array\n};\n\nexport default PhotoTable;\n","import P from '../../pages';\nimport React from 'react';\nimport PropTypes from 'prop-types';\nimport { injectIntl } from 'react-intl';\nimport { defaultMessages } from '../../../../libs/i18n/default';\nimport FormHeader from './FormHeader';\nimport Redirector from './Redirector';\nimport Alert from './Alert';\nimport CheckboxOrRadioGroup from './CheckboxOrRadioGroup';\nimport ButtonGroup from './ButtonGroup';\nimport FormGroup from 'react-bootstrap/lib/FormGroup';\nimport ControlLabel from 'react-bootstrap/lib/ControlLabel';\nimport FormControl from 'react-bootstrap/lib/FormControl';\nimport Info from 'react-icons/lib/fa/info-circle';\nimport ProfileElementField from './ProfileElementField';\nimport CustomFormGroup from './CustomFormGroup';\nimport { validator, fieldsToValidate, pageValid, executeValidations } from '../../validator';\nimport { generateProfileElementObject, changeState } from '../../utilities';\n\nclass Profile extends React.Component {\n constructor(props){\n super(props);\n this.state = {\n guestWelcomeMessage: generateProfileElementObject(this.props.profileElements, this.props.activeProfileElements,'','public','guest_welcome_message'),\n publicProfile: generateProfileElementObject(this.props.profileElements, this.props.activeProfileElements,'','public','public_profile'),\n hobbies: generateProfileElementObject(this.props.profileElements, this.props.activeProfileElements,'','lifestyle','hobbies'),\n householdFullyVaccinated: generateProfileElementObject(this.props.profileElements, this.props.activeProfileElements, '', 'public', 'household_fully_vaccinated')\n };\n this.submit = this.submit.bind(this);\n this.back = this.back.bind(this);\n this.changeState = this.changeState.bind(this);\n }\n\n componentWillMount(){\n executeValidations(this)\n }\n\n changeState = async(id, val) => {\n changeState(this, id, val)\n }\n\n back(e) {\n e.preventDefault();\n this.props.onGoBack();\n }\n\n submit(e) {\n this.props.onHostProfileSubmit({\n public: {\n guest_welcome_message: this.state.guestWelcomeMessage.val,\n public_profile: this.state.publicProfile.val,\n household_fully_vaccinated: this.state.householdFullyVaccinated.val\n },\n lifestyle: {\n hobbies: this.state.hobbies.val\n }\n });\n \n if (!this.props.vaccinationMandatory && this.state.householdFullyVaccinated.val) {\n this.props.onUpdateAllVaccinationsStatus('vaccinated')\n }\n }\n\n render() {\n const thisPage = P.PROFILE_PAGE;\n const { formatMessage } = this.props.intl;\n const content = this.props.content;\n const page = this.props.page;\n\n return (\n \n \n\n \n
\n );\n }\n}\n\nProfile.propTypes = {\n onHostProfileSubmit: PropTypes.func,\n onSkipSubmit: PropTypes.func,\n onGoBack: PropTypes.func,\n page: PropTypes.string,\n intl: PropTypes.object,\n content: PropTypes.object\n};\n\nexport default injectIntl(Profile);\n","import React from 'react';\nimport { connect } from 'react-redux';\n\nconst mapStateToProps = (state) =>\n ({\n activeProfileElements: state.activeProfileElements\n });\n\nclass ProfileElementField extends React.Component {\n constructor(props){\n super(props);\n this.state = {}\n }\n\n render(){\n return (\n {this.props.activeProfileElements.includes(this.props.elementName) ? this.props.childComponent : null}
\n );\n }\n\n};\n\nexport default connect(mapStateToProps)(ProfileElementField)\n","import Paths from \"../../paths\";\nimport Pages from \"../../pages\";\nimport React from \"react\";\nimport PropTypes from \"prop-types\";\nimport { injectIntl } from \"react-intl\";\nimport { Redirect } from \"react-router-dom\";\nimport { updateSignupPage } from \"../../actions\";\nimport { useSelector } from 'react-redux'\n\nconst Redirector = ({page, this_page, intl}) => {\n const redirect = (page === this_page ? false : true);\n const enable_firebase_authentication = useSelector(state => state.territory.enable_firebase_authentication)\n\n function redirect_path() {\n switch(page){\n // new paths\n case Pages.CONCLUSION_PAGE : return Paths.CONCLUSION_PATH;\n case Pages.CONTACT_PAGE : return Paths.CONTACT_PATH;\n case Pages.CULTURAL_BACKGROUND_PAGE : return Paths.CULTURAL_BACKGROUND_PATH;\n case Pages.DIET_PAGE : return Paths.DIET_PATH;\n case Pages.GUEST_PACKAGES_PAGE : return Paths.GUEST_PACKAGES_PATH;\n case Pages.FAMILY_INTERESTS_PAGE : return Paths.FAMILY_INTERESTS_PATH;\n case Pages.REFERENCES_PAGE : return Paths.REFERENCES_PATH;\n case Pages.GUEST_PREFERENCES_PAGE : return Paths.GUEST_PREFERENCES_PATH;\n case Pages.GUEST_PREFERENCES_PAGE : return Paths.GUEST_PREFERENCES_PATH;\n case Pages.GUEST_INTERACTION_LEVEL_PAGE : return Paths.GUEST_INTERACTION_LEVEL_PATH;\n case Pages.HOLDING_PAGE : return Paths.HOLDING_PATH;\n case Pages.HOUSE_PAGE : return Paths.HOUSE_PATH;\n case Pages.HOUSE_CONTINUED_PAGE : return Paths.HOUSE_CONTINUED_PATH;\n case Pages.INFO_PAGE : return Paths.INFO_PATH;\n case Pages.INTERVAL_PAGE : return Paths.INTERVAL_PATH;\n case Pages.PAYMENTS_PAGE : return Paths.PAYMENTS_PATH;\n case Pages.PETS_PAGE : return Paths.PETS_PATH;\n case Pages.PHOTO_PAGE : return Paths.PHOTO_PATH;\n case Pages.PROFILE_PAGE : return Paths.PROFILE_PATH;\n case Pages.REGISTER_PAGE : return enable_firebase_authentication ? Paths.FIREBASE_REGISTER_PATH : Paths.REGISTER_PATH;\n case Pages.RESIDENTS_PAGE : return Paths.RESIDENTS_PATH;\n case Pages.ROOMS_PAGE : return Paths.ROOMS_PATH;\n case Pages.SMOKING_PAGE : return Paths.SMOKING_PATH;\n case Pages.WITHDRAW_PAGE : return Paths.WITHDRAW_PATH;\n case Pages.REFERRAL_PAGE : return Paths.REFERRAL_PATH;\n case Pages.PHONE_VERIFICATION_PAGE : return Paths.PHONE_VERIFICATION_PATH;\n case Pages.FIREBASE_DETAILS_PAGE : return Paths.FIREBASE_DETAILS_PATH;\n default: return enable_firebase_authentication ? Paths.FIREBASE_REGISTER_PATH : Paths.REGISTER_PATH\n }\n }\n\n const redirectPath = redirect_path();\n if (redirect && redirectPath) {\n updateSignupPage(page);\n return \n {redirect}\n
\n );\n};\n\nRedirector.propTypes = {\n page: PropTypes.string,\n this_page: PropTypes.string,\n intl: PropTypes.object\n}\n\nexport default injectIntl(Redirector)\n","import P from '../../pages';\nimport { generateProfileElementObject, changeState } from '../../utilities';\nimport React from 'react';\nimport PropTypes from 'prop-types';\nimport { injectIntl } from 'react-intl';\nimport { defaultMessages } from '../../../../libs/i18n/default';\nimport FormHeader from './FormHeader';\nimport Redirector from './Redirector';\nimport ButtonGroup from './ButtonGroup';\nimport ControlLabel from 'react-bootstrap/lib/ControlLabel';\nimport FormControl from 'react-bootstrap/lib/FormControl';\nimport ReactMarkdown from 'react-markdown';\nimport CustomFormGroup from './CustomFormGroup';\nimport { validator, fieldsToValidate, pageValid, executeValidations } from '../../validator';\n\nclass References extends React.Component {\n constructor(props){\n super(props);\n this.state = {\n referee1Name: generateProfileElementObject(this.props.profileElements, this.props.activeProfileElements,'','lifestyle','referee_1', 'name'),\n referee1Email: generateProfileElementObject(this.props.profileElements, this.props.activeProfileElements,'','lifestyle','referee_1', 'email'),\n referee1Phone: generateProfileElementObject(this.props.profileElements, this.props.activeProfileElements,'','lifestyle','referee_1', 'phone'),\n referee1Relationship: generateProfileElementObject(this.props.profileElements, this.props.activeProfileElements,'','lifestyle','referee_1', 'relationship'),\n referee2Name: generateProfileElementObject(this.props.profileElements, this.props.activeProfileElements,'','lifestyle','referee_2', 'name'),\n referee2Email: generateProfileElementObject(this.props.profileElements, this.props.activeProfileElements,'','lifestyle','referee_2', 'email'),\n referee2Phone: generateProfileElementObject(this.props.profileElements, this.props.activeProfileElements,'','lifestyle','referee_2', 'phone'),\n referee2Relationship: generateProfileElementObject(this.props.profileElements, this.props.activeProfileElements,'','lifestyle','referee_2', 'relationship'),\n };\n this.submit = this.submit.bind(this);\n this.back = this.back.bind(this);\n this.field = this.field.bind(this);\n this.changeState = this.changeState.bind(this);\n }\n\n componentWillMount(){\n executeValidations(this)\n }\n\n changeState = async(id, val) => {\n changeState(this, id, val)\n }\n\n back(e) {\n e.preventDefault();\n this.props.onGoBack();\n }\n\n submit(e) {\n this.props.onHostProfileSubmit({\n lifestyle: {\n referee_1: {\n name: this.state.referee1Name.val,\n relationship: this.state.referee1Relationship.val,\n phone: this.state.referee1Phone.val,\n email: this.state.referee1Email.val,\n },\n referee_2: {\n name: this.state.referee2Name.val,\n relationship: this.state.referee2Relationship.val,\n phone: this.state.referee2Phone.val,\n email: this.state.referee2Email.val,\n }\n }\n });\n }\n\n field(num, key) {\n const newKey = `referee${num}${key}`;\n\n return (\n \n \n\n \n
\n );\n }\n}\n\nReferences.propTypes = {\n onHostProfileSubmit: PropTypes.func,\n onSkipSubmit: PropTypes.func,\n onGoBack: PropTypes.func,\n page: PropTypes.string,\n intl: PropTypes.object,\n content: PropTypes.object\n};\n\nexport default injectIntl(References);\n","import P from '../../pages';\nimport React from 'react';\nimport PropTypes from 'prop-types';\nimport { injectIntl } from 'react-intl';\nimport { defaultMessages } from '../../../../libs/i18n/default';\nimport ReactOnRails from 'react-on-rails';\nimport FormHeader from './FormHeader';\nimport Redirector from './Redirector';\nimport ButtonGroup from './ButtonGroup';\nimport ControlLabel from 'react-bootstrap/lib/ControlLabel';\nimport FormControl from 'react-bootstrap/lib/FormControl';\nimport ReactMarkdown from 'react-markdown';\nimport CustomFormGroup from './CustomFormGroup';\nimport { validator, pageValid, executeValidations } from '../../validator';\nimport { changeState } from '../../utilities';\n\nclass Referral extends React.Component {\n constructor(props){\n super(props);\n this.state = {\n referringHostName: { val: this.props.user.host.referring_host_name, validationKey: 'attributes_referring_host_name' },\n referringHostPostcode: { val: this.props.user.host.referring_host_postcode, validationKey: 'attributes_referring_host_postcode' },\n };\n this.submit = this.submit.bind(this);\n this.back = this.back.bind(this);\n this.changeState = this.changeState.bind(this);\n }\n\n componentWillMount(){\n executeValidations(this)\n }\n\n changeState = async(id, val) => {\n changeState(this, id, val)\n }\n\n back(e) {\n this.props.onGoBack();\n }\n\n submit(e) {\n this.props.onReferralSubmit({\n authenticity_token: ReactOnRails.authenticityToken(),\n referring_host: {\n name: this.state.referringHostName.val,\n postcode: this.state.referringHostPostcode.val\n }\n });\n }\n\n referralContent(){\n const referralContent = this.props.referralProgram.content;\n return (referralContent ? \n \n\n \n
\n );\n }\n}\n\nReferral.propTypes = {\n onReferralSubmit: PropTypes.func,\n onSkipSubmit: PropTypes.func,\n onGoBack: PropTypes.func,\n page: PropTypes.string,\n intl: PropTypes.object,\n content: PropTypes.object\n};\n\nexport default injectIntl(Referral);\n","import P from '../../pages';\nimport React, { useLayoutEffect } from 'react';\nimport PropTypes from 'prop-types';\nimport { injectIntl } from 'react-intl';\nimport FormHeader from './FormHeader';\nimport Redirector from './Redirector';\nimport RegisterForm from './RegisterForm';\nimport { setPage } from '../../actions'\n\nconst Register = ({\n page,\n onRegisterUser=f=>f,\n onGoBack,\n intl,\n content,\n marketing_referrers,\n marital_statuses,\n country_code,\n environment,\n transaction_email,\n territory_code,\n generateDetailsEnabled,\n showGenderField,\n requiredFields,\n criticalContracts,\n address,\n addressValidations,\n recaptchaSiteId,\n firebaseEnabled,\n redirectToFirebaseLogin\n}) => {\n\n const { formatMessage } = intl;\n const thisPage = P.REGISTER_PAGE;\n\n useLayoutEffect(() => {\n if (!firebaseEnabled) return;\n\n redirectToFirebaseLogin()\n }, [])\n\n return (\n \n \n \n
\n );\n};\n\nRegister.propTypes = {\n onRegisterUser: PropTypes.func,\n page: PropTypes.string,\n intl: PropTypes.object,\n content: PropTypes.object,\n marketing_referrers: PropTypes.array,\n country_code: PropTypes.string,\n environment: PropTypes.string\n};\n\nexport default injectIntl(Register);\n","import fetch from 'isomorphic-fetch';\nimport P from '../../pages';\nimport React from 'react';\nimport ReactGA from \"react-ga\";\nimport { get } from 'lodash'\nimport HCaptcha from '@hcaptcha/react-hcaptcha';\nimport FormGroup from 'react-bootstrap/lib/FormGroup';\nimport ControlLabel from 'react-bootstrap/lib/ControlLabel';\nimport FormControl from 'react-bootstrap/lib/FormControl';\nimport Button from 'react-bootstrap/lib/Button';\nimport Alert from './Alert'\nimport { defaultMessages } from '../../../../libs/i18n/default';\nimport ReactOnRails from 'react-on-rails';\nimport FormDate from './FormDate';\nimport GoogleMapsAddress from './GoogleMapsAddress';\nimport ReactMarkdown from 'react-markdown';\nimport GenerateDetailsButton from './GenerateDetailsButton';\nimport ProfileElementField from './ProfileElementField';\nimport CustomFormGroup from './CustomFormGroup';\nimport PhoneVerification from '../../../../shared/components/PhoneVerification';\nimport { CriticalContract } from '../../../../shared/components';\nimport { validator, fieldsToValidate, pageValid, executeValidations } from '../../validator';\nimport { setElementValue, randomChars } from '../../../../shared/utilities';\nimport { setSelectElementValue, changeState } from '../../utilities';\n\nclass RegisterForm extends React.Component {\n constructor(props) {\n super(props);\n this.state = {\n address: props.address || {},\n placeId: {\n val: get(props.address, 'place_id', ''),\n validationKey: this.existingPlace() ? '' : 'attributes_place_id',\n showPopover: false,\n },\n email: {val: '', validationKey: 'attributes_user_email', showPopover: false},\n dob: {val: '', validationKey: 'attributes_user_dob', showPopover: false},\n givenNames: {val: '', validationKey: 'attributes_user_given_names'},\n familyName: {val: '', validationKey: 'attributes_user_family_name'},\n gender: {val: '', validationKey: this.props.showGenderField ? 'attributes_gender' : ''},\n maritalStatus: {val: '', validationKey: 'profile_elements_lifestyle_marital_status'},\n referredFrom: {val: '', validationKey: 'attributes_referred_from'},\n password: {val: '', validationKey: 'attributes_user_password', showPopover: false},\n phone: {val: '', validationKey: 'attributes_phone'},\n phoneNumberVerified: false,\n loading: false,\n acceptedContracts: [],\n passedRecaptcha: this.props.recaptchaSiteId ? false : true,\n captchaBlocked: this.props.recaptchaSiteId ? null : false\n };\n this.submit = this.submit.bind(this);\n this.goBack = this.goBack.bind(this);\n this.selectOptions = this.selectOptions.bind(this);\n this.generateRandomHostDetails = this.generateRandomHostDetails.bind(this);\n this.changeState = this.changeState.bind(this);\n this.updateAddressState = this.updateAddressState.bind(this);\n this.updateDobState = this.updateDobState.bind(this);\n this.validateAddress = this.validateAddress.bind(this);\n this.recaptchaCallback = this.recaptchaCallback.bind(this);\n }\n\n changeState = async(id, val) => {\n let obj = this.state[id]\n\n if ('showPopover' in obj) { obj.showPopover = false }\n this.setState({[id]: obj});\n\n changeState(this, id, val)\n }\n\n existingPlace(){\n return get(this.props.address, 'place_id', null)\n }\n\n validateAddress = async validations => { \n if (this.props.territory_code !== 'SRSC') return\n\n let obj = this.state['placeId']\n let valid = await validator(validations, obj.validationKey, this.props.requiredFields)\n\n obj.valid = valid\n\n this.setState({ placeId: obj });\n }\n\n updateAddressState(key, value) {\n if (key == 'place_id') {\n this.changeState('placeId', value)\n }\n\n let addressState = this.state.address || {};\n addressState[key] = value;\n\n if (addressState.state && addressState.post_code) {\n const addressValidations = {\n state: addressState.state,\n postcode: addressState.post_code\n }\n\n this.validateAddress(addressValidations)\n }\n\n this.setState({ address: addressState });\n }\n\n updateDobState(value) {\n this.changeState('dob', value)\n }\n\n linkRenderer(props) {\n return {props.children}\n }\n\n genderField(){\n const { formatMessage } = this.props.intl;\n return(\n this.props.showGenderField\n ? \n \n\n \n {this.renderRequiredControlLabel(defaultMessages.clientHostPagesRegisterPlaceholdersFirstName)}\n this.changeState(e.target.id, e.target.value)} />\n \n\n \n {this.renderRequiredControlLabel(defaultMessages.clientHostPagesRegisterPlaceholdersLastName)}\n this.changeState(e.target.id, e.target.value)} />\n \n\n \n {this.renderRequiredControlLabel(defaultMessages.clientHostPagesRegisterPlaceholdersPhone)}\n setState({ phoneNumberVerified: true })}\n onChange={e => this.changeState(e.target.id, e.target.value)}\n Wrapper={CustomFormGroup}\n countryCode={this.props.country_code}\n disableVerifications\n />\n \n\n \n {this.renderRequiredControlLabel(defaultMessages.clientHostPagesRegisterPlaceholdersEmail)}\n this.changeState(e.target.id, e.target.value)} />\n \n\n \n {this.renderRequiredControlLabel(defaultMessages.clientHostPagesRegisterPlaceholdersPassword)}\n this.changeState(e.target.id, e.target.value)} />\n \n\n {\n this.existingPlace()\n ? ${this.props.transaction_email}`}\n tooltipPosition='left' >\n {this.renderRequiredControlLabel(defaultMessages.clientHostPagesRegisterLabelsAddress)}\n \n {this.renderRequiredControlLabel(defaultMessages.clientHostPagesRegisterLabelsDob)}\n \n {this.renderRequiredControlLabel(defaultMessages.clientHostPagesRegisterLabelsMaritalStatus)}\n this.changeState(e.target.id, e.target.value)} >\n {this.selectOptions(this.props.marital_statuses || undefined)}\n \n \n }\n elementName='marital_status' />\n\n \n {this.renderRequiredControlLabel(defaultMessages.clientHostPagesRegisterLabelsReferredFrom)}\n this.changeState(e.target.id, e.target.value)} >\n {this.selectOptions(this.props.marketing_referrers.sort())}\n \n \n\n
\n );\n }\n\n generateRandomHostDetails(){\n let randomID = randomChars(4);\n let schoolName = this.props.territory_code == 'AUS' ? 'Toowong Village' : '5400 Kirkside Dr Bakersfield CA'\n setElementValue(document.getElementById('givenNames'), 'Test')\n .then(() => setElementValue(document.getElementById('familyName'), `host ${randomID}`))\n .then(() => setElementValue(document.getElementById('phone'), `0400111222`))\n .then(() => setElementValue(document.getElementById('weChatId'), `guest${randomID}`))\n .then(() => setElementValue(document.getElementById('email'), `test_host_${randomID}@random.com`, 'input'))\n .then(() => setElementValue(document.getElementById('password'), 'Password123'))\n .then(() => setElementValue(document.getElementById('gender'), 'Male', 'change'))\n .then(() => setElementValue(document.getElementById('date_month'), '01', 'change'))\n .then(() => setElementValue(document.getElementById('date_day'), '01'))\n .then(() => setElementValue(document.getElementById('date_year'), '2000'))\n .then(() => setElementValue(document.getElementById('referredFrom'), 'Other', 'change'))\n .then(() => setElementValue(document.getElementById('maritalStatus'), 'Married', 'change'))\n }\n}\nexport default RegisterForm;\n","import React from 'react';\nimport ReactHtmlParser from 'react-html-parser';\nimport Edit from 'react-icons/lib/md/edit';\nimport Trash from 'react-icons/lib/fa/trash';\nimport Button from 'react-bootstrap/lib/Button';\nimport Checkbox from 'react-bootstrap/lib/Checkbox';\nimport Upload from 'react-icons/lib/fa/upload';\nimport FormGroup from 'react-bootstrap/lib/FormGroup';\nimport ControlLabel from 'react-bootstrap/lib/ControlLabel';\nimport FormControl from 'react-bootstrap/lib/FormControl';\nimport ProgressBar from 'react-bootstrap/lib/ProgressBar';\nimport PhotoForm from './PhotoForm';\nimport Modal from 'react-bootstrap/lib/Modal';\nimport { get, capitalize } from 'lodash';\nimport { defaultMessages } from '../../../../libs/i18n/default';\n\n\nclass ResidentCertificateUpload extends React.Component {\n constructor(props) {\n super(props)\n this.state = {\n showModal: false,\n submitted: false,\n certificate: null,\n termsAccepted: false\n }\n this.certificate_name = this.props.resident.vaccination.certificate_name\n this.close = this.close.bind(this);\n this.open = this.open.bind(this);\n this.loadingAnimation = this.loadingAnimation.bind(this);\n this.handleFileSelection = this.handleFileSelection.bind(this);\n this.handleSubmit = this.handleSubmit.bind(this);\n }\n\n close() {\n this.setState({ showModal: false });\n }\n\n open() {\n this.setState({ showModal: true });\n }\n\n loadingAnimation() {\n if (this.state.submitted) {\n return ()\n }\n }\n\n handleFileSelection(e) {\n this.setState({ certificate: e.target.files[0] })\n }\n\n handleSubmit(e) {\n e.preventDefault()\n\n let payload = {\n form: {\n authenticity_token: ReactOnRails.authenticityToken(),\n host_id: this.props.user.host.id,\n resident_id: this.props.resident.id,\n attachment: {\n name: `Covid ${_.capitalize(this.certificate_name)} Certificate - ${this.props.resident.name}`,\n kind: `covid_${this.certificate_name}_certificate`,\n file: this.state.certificate\n }\n }\n }\n\n this.setState({ submitted: true })\n\n this.props.onCertificateFormSubmit(payload)\n }\n\n render() {\n const { formatMessage } = this.props.intl\n const LoadingAnimation = this.loadingAnimation()\n\n return (\n <>\n {\n this.props.content.territory_code.toLowerCase() === \"nz\"\n ? \"You may upload your vaccination pass here. This is optional.\"\n : \"Please upload a certificate.\"\n }\n \n \n \n \n \n \n Address \n \n
\n : \n Go back to change your address\n
\n \n Back\n }\n {formatMessage(defaultMessages.clientHostPagesRegisterButtonsSignup)}\n \n {!(this.allContractsSigned() && pageValid(this.state, this.props.requiredFields)) && (\n
\n \n {this.props.criticalContracts.map((c, i) => (\n this.updateAcceptedContracts(c, accepted)}/>\n ))}\n
\n\n\n {this.props.recaptchaSiteId && (\n \n { this.recaptchaCallback() }}\n />\n
\n )}\n\n {this.state.captchaBlocked === true && (\n \n
\n )}\n\n {\n this.existingPlace() &&\n Failed to load recaptcha. Your privacy settings may be too high. Please adjust your browser security and try again.
\n{formatMessage(defaultMessages.clientHostPagesRegisterLabelsCompleteFields)}
\n )}\n\n \n
\n )\n }\n};\n\nResidentForm.propTypes = {\n onHostProfileSubmit: PropTypes.func,\n onSkipSubmit: PropTypes.func,\n onGoBack: PropTypes.func,\n page: PropTypes.string,\n intl: PropTypes.object,\n content: PropTypes.object\n};\n\nexport default injectIntl(ResidentForm);\n","import React from 'react';\nimport PropTypes from 'prop-types';\nimport Edit from 'react-icons/lib/md/edit';\nimport Trash from 'react-icons/lib/fa/trash';\nimport Upload from 'react-icons/lib/fa/upload';\nimport PhotoForm from './PhotoForm';\nimport Modal from 'react-bootstrap/lib/Modal';\nimport { get } from 'lodash';\n\n\nclass ResidentPhotoUpload extends React.Component {\n constructor(props){\n super(props)\n this.state = {}\n this.handleClickPhoto = this.handleClickPhoto.bind(this)\n this.handleDestroyPhoto = this.handleDestroyPhoto.bind(this)\n this.loadingCell = this.loadingCell.bind(this)\n this.close = this.close.bind(this);\n this.open = this.open.bind(this);\n this.photo = this.photo.bind(this);\n }\n\n handleClickPhoto(e, payload) {\n e.preventDefault();\n this.setState({\n showModal: true,\n editing: true,\n activePhoto: payload\n });\n }\n\n handleDestroyPhoto(e, payload) {\n e.preventDefault();\n this.props.onPhotoDestroySubmit({\n method: 'DELETE',\n form: {\n host_id: this.props.user.host.id,\n resident_id: get(this.props, 'resident.id', ''),\n room_id: get(this.props, 'room.id', ''),\n authenticity_token: ReactOnRails.authenticityToken(),\n photo: {\n id: payload.id\n }\n }\n });\n }\n\n loadingCell() {\n return (\n \n \n
\n )\n }\n\n photo(){\n const photo = this.props.photo;\n const newPhoto = {\n id: '',\n name: '',\n image: {\n thumb: '',\n small: '',\n medium: '',\n original: ''\n }\n }\n return(\n photo ?\n \n {\n !this.props.disablePhotoTitle &&\n this.handleClickPhoto(e, photo)}>
\n \n : this.handleClickPhoto(e, newPhoto)}\n />\n )\n }\n\n close() {\n this.setState({ showModal: false });\n }\n\n open() {\n this.setState({ showModal: true });\n }\n\n render(){\n const photo = this.state.activePhoto;\n return (\n \n \n \n {photo && photo.id ? 'Edit Photo' : 'New Photo'} \n \n \n\n \n \n {this.photo()}\n
\n )\n }\n};\n\nResidentPhotoUpload.propTypes = {\n photo: PropTypes.object\n};\n\nexport default ResidentPhotoUpload;\n","import { injectIntl } from 'react-intl';\nimport FormControl from 'react-bootstrap/lib/FormControl';\nimport ControlLabel from 'react-bootstrap/lib/ControlLabel';\nimport ProgressBar from 'react-bootstrap/lib/ProgressBar';\nimport Upload from 'react-icons/lib/fa/upload';\nimport Button from 'react-bootstrap/lib/Button';\nimport Modal from 'react-bootstrap/lib/Modal';\n\nimport Alert from './Alert'\nimport { camelize } from '../../../../shared/utilities';\nimport { defaultMessages } from '../../../../libs/i18n/default';\n\nclass ResidentPoliceVettingUpload extends React.Component {\n constructor(props) {\n super(props)\n\n this.state = {\n page: this.props.page,\n showModal: false,\n submitted: false,\n police_vetting_form: null,\n primary_identification: null,\n secondary_identification: null,\n }\n\n this.close = this.close.bind(this);\n this.open = this.open.bind(this);\n this.loadingAnimation = this.loadingAnimation.bind(this);\n this.handleFileSelection = this.handleFileSelection.bind(this);\n this.handleSubmit = this.handleSubmit.bind(this);\n this.checkFormValid = this.checkFormValid.bind(this);\n }\n\n close() {\n this.setState({ showModal: false });\n }\n\n open() {\n this.setState({ showModal: true });\n }\n\n checkFormValid() {\n return (\n this.state.police_vetting_form != null &&\n this.state.primary_identification != null &&\n this.state.secondary_identification != null\n )\n }\n\n loadingAnimation() {\n if (this.state.submitted) {\n return ()\n }\n }\n\n handleFileSelection(e) {\n this.setState({ [e.target.name]: e.target.files[0] })\n }\n\n handleSubmit(e) {\n e.preventDefault()\n\n let payload = {\n form: {\n authenticity_token: ReactOnRails.authenticityToken(),\n resident_id: this.props.resident.id,\n host_id: this.props.user.host.id,\n attachments: [\n {\n name: `Police Vetting Form - ${this.props.resident.name}`,\n kind: `police_vetting_form`,\n file: this.state.police_vetting_form\n },\n {\n name: `Primary Identification - ${this.props.resident.name}`,\n kind: `primary_identification`,\n file: this.state.primary_identification\n },\n {\n name: `Secondary Identification - ${this.props.resident.name}`,\n kind: `secondary_identification`,\n file: this.state.secondary_identification\n },\n ]\n }\n }\n\n this.setState({ submitted: true })\n\n this.props.onPoliceVettingFormSubmit(payload)\n }\n\n render() {\n const { formatMessage } = this.props.intl;\n const LoadingAnimation = this.loadingAnimation()\n const certificate_types = [\"police_vetting_form\", \"primary_identification\", \"secondary_identification\"]\n\n return (\n <>\n Please upload police vetting forms.\n \n ![](\"/images/host-sign-up/secure.png\")
\n )\n } else {\n return (null)\n }\n }\n\n render() {\n const thisPage = P.RESIDENTS_PAGE;\n const { formatMessage } = this.props.intl;\n const content = this.props.content;\n const page = this.props.page;\n const { items: residents, isFetching, lastUpdated } = this.props.residents;\n const { editing, activeResident, formAction } = this.state;\n const DefaultSsn = this.state.ssn;\n const requireGender = this.props.territory.require_gender_for_all_residents;\n\n const checkGender = () => {\n let valid = true\n\n if (requireGender) {\n residents.forEach((resident) => {\n valid = valid && !!resident.gender\n })\n }\n\n return valid\n }\n\n return (\n \n \n \n {activeResident && activeResident.id ?\n formatMessage(defaultMessages.clientHostPagesResidentsActionsUpdate) :\n formatMessage(defaultMessages.clientHostPagesResidentsActionsCreate)\n\n } \n \n \n \n \n
\n );\n }\n}\n\nResidents.propTypes = {\n onResidentsRefresh: PropTypes.func,\n onResidentsSubmit: PropTypes.func,\n onSkipSubmit: PropTypes.func,\n onGoBack: PropTypes.func,\n page: PropTypes.string,\n intl: PropTypes.object,\n content: PropTypes.object,\n residents: PropTypes.object\n};\n\nexport default injectIntl(Residents);\n","import React from 'react';\nimport PropTypes from 'prop-types';\nimport { injectIntl } from 'react-intl';\nimport { defaultMessages } from '../../../../libs/i18n/default';\nimport ReactOnRails from 'react-on-rails';\nimport Button from 'react-bootstrap/lib/Button';\nimport ControlLabel from 'react-bootstrap/lib/ControlLabel';\nimport FormControl from 'react-bootstrap/lib/FormControl';\nimport Checkbox from 'react-bootstrap/lib/Checkbox';\nimport SelectGroup from './SelectGroup';\nimport CustomFormGroup from './CustomFormGroup';\nimport { validator, fieldsToValidate, pageValid, executeValidations } from '../../validator';\nimport { generateRoomElementObject, changeState } from '../../utilities';\n\nclass RoomForm extends React.Component {\n constructor(props){\n super(props);\n this.state = {\n id: generateRoomElementObject('id', this.props.room),\n name: generateRoomElementObject('name', this.props.room),\n bathroomType: generateRoomElementObject('bathroom_type', this.props.room),\n bedType: generateRoomElementObject('bed_type', this.props.room),\n notes: generateRoomElementObject('notes', this.props.room),\n doorLock: generateRoomElementObject('door_lock', this.props.room),\n validations: {}\n };\n this.submit = this.submit.bind(this);\n this.changeState = this.changeState.bind(this);\n }\n\n getInitialState() {\n return({\n submitted: false\n });\n }\n\n componentWillMount(){\n executeValidations(this)\n }\n\n changeState = async(id, val) => {\n changeState(this, id, val)\n }\n\n submit(e){\n e.preventDefault();\n this.setState({submitted: true});\n this.props.onRoomFormSubmit(\n {\n authenticity_token: ReactOnRails.authenticityToken(),\n room: {\n id: this.state.id.val,\n name: this.state.name.val,\n bathroom_type: this.state.bathroomType.val,\n bed_type: this.state.bedType.val,\n notes: this.state.notes.val\n },\n flags: {\n door_lock: this.state.doorLock.val ? '1' : '0',\n }\n }\n );\n this.props.onClose();\n }\n\n render() {\n const { formatMessage } = this.props.intl;\n const { beddingOptions } = this.props;\n const bedroomTypeSelections = this.props.beddingOptions.map(function(f){\n let str = defaultMessages[`clientHostPagesRoomsFormsBedroomTypes${f.replace(/\\s/g, '')}`]\n let string = str ? formatMessage(str) : f\n return [string, f]\n });\n const bathroomTypeSelections = [\n [formatMessage(defaultMessages.clientHostPagesRoomsFormsBathroomTypesShared), 'Shared'],\n [formatMessage(defaultMessages.clientHostPagesRoomsFormsBathroomTypesOwn), 'Own'],\n [formatMessage(defaultMessages.clientHostPagesRoomsFormsBathroomTypesEnsuite), 'Ensuite'],\n ];\n const ButtonTitle = this.props.room.id ? defaultMessages.clientHostPagesRoomsButtonsUpdate : defaultMessages.clientHostPagesRoomsButtonsCreate;\n\n return (\n \n );\n }\n}\n\nRoomForm.propTypes = {\n onHostProfileSubmit: PropTypes.func,\n onSkipSubmit: PropTypes.func,\n onGoBack: PropTypes.func,\n page: PropTypes.string,\n intl: PropTypes.object,\n content: PropTypes.object\n};\n\nexport default injectIntl(RoomForm);\n","import React from 'react';\nimport PropTypes from 'prop-types';\nimport Edit from 'react-icons/lib/md/edit';\nimport Trash from 'react-icons/lib/fa/trash';\nimport Upload from 'react-icons/lib/fa/upload';\nimport PhotoForm from './PhotoForm';\nimport Modal from 'react-bootstrap/lib/Modal';\nimport { get } from 'lodash';\n\n\nclass RoomPhotoUpload extends React.Component {\n constructor(props){\n super(props)\n this.state = {}\n this.handleClickPhoto = this.handleClickPhoto.bind(this)\n this.handleDestroyPhoto = this.handleDestroyPhoto.bind(this)\n this.loadingCell = this.loadingCell.bind(this)\n this.close = this.close.bind(this);\n this.open = this.open.bind(this);\n this.photoList = this.photoList.bind(this);\n }\n\n handleClickPhoto(e, payload) {\n e.preventDefault();\n this.setState({\n showModal: true,\n editing: true,\n activePhoto: payload\n });\n }\n\n handleDestroyPhoto(e, payload) {\n e.preventDefault();\n this.props.onPhotoDestroySubmit({\n method: 'DELETE',\n form: {\n host_id: this.props.user.host.id,\n room_id: get(this.props, 'room.id', ''),\n authenticity_token: ReactOnRails.authenticityToken(),\n photo: {\n id: payload.id\n }\n }\n });\n }\n\n loadingCell() {\n return (\n \n \n
\n )\n }\n\n photoList(){\n let _this=this;\n let list = [];\n if (this.props.photos && this.props.photos.length > 0){\n this.props.photos.forEach(function(photo){\n list.push(\n \n {\n !_this.props.disablePhotoTitle &&\n _this.handleClickPhoto(e, photo)}>
\n \n \n
\n );\n }\n\n close() {\n this.setState({ showModal: false });\n }\n\n open() {\n this.setState({ showModal: true });\n }\n\n render(){\n const photo = this.state.activePhoto;\n return (\n - \n {list}\n
\n \n \n {photo && photo.id ? 'Edit Photo' : 'New Photo'} \n \n \n\n \n \n {this.photoList()}\n
\n )\n }\n};\n\nRoomPhotoUpload.propTypes = {\n photo: PropTypes.object\n};\n\nexport default RoomPhotoUpload;\n","import P from '../../pages';\nimport React from 'react';\nimport PropTypes from 'prop-types';\nimport { injectIntl } from 'react-intl';\nimport { defaultMessages } from '../../../../libs/i18n/default';\nimport ReactOnRails from 'react-on-rails';\nimport FormHeader from './FormHeader';\nimport Redirector from './Redirector';\nimport Button from 'react-bootstrap/lib/Button';\nimport Modal from 'react-bootstrap/lib/Modal';\nimport { Redirect } from 'react-router-dom';\nimport CheckboxOrRadioGroup from './CheckboxOrRadioGroup';\nimport SelectGroup from './SelectGroup';\nimport ButtonGroup from './ButtonGroup';\nimport RoomForm from './RoomForm';\nimport ReactMarkdown from 'react-markdown';\nimport Home from 'react-icons/lib/md/home';\nimport Edit from 'react-icons/lib/md/edit';\nimport RoomPhotoUpload from './RoomPhotoUpload';\nimport TableRow from './TableRow';\nimport Alert from './Alert';\nimport ProfileElementField from './ProfileElementField';\nimport CustomFormGroup from './CustomFormGroup';\nimport { generateProfileElementObject, changeState } from '../../utilities';\n\nclass Rooms extends React.Component {\n constructor(props){\n super(props)\n this.state = {\n rooms: this.props.rooms,\n numBedrooms: generateProfileElementObject(this.props.profileElements, this.props.activeProfileElements, '', 'home', 'num_bedrooms'),\n numBathrooms: generateProfileElementObject(this.props.profileElements, this.props.activeProfileElements, '', 'home', 'num_bathrooms'),\n numBedroomsForGuests: generateProfileElementObject(this.props.profileElements, this.props.activeProfileElements, '', 'home', 'num_bedrooms_for_guests')\n }\n this.handleEditRoom = this.handleEditRoom.bind(this);\n this.submit = this.submit.bind(this);\n this.back = this.back.bind(this);\n this.skip = this.skip.bind(this);\n this.close = this.close.bind(this);\n this.open = this.open.bind(this);\n this.handleNewRoom = this.handleNewRoom.bind(this);\n this.pageValid = this.pageValid.bind(this);\n this.changeState = this.changeState.bind(this);\n }\n\n getInitialState() {\n return {\n showModal: false,\n editing: false\n };\n }\n\n handleNewRoom() {\n this.setState({\n showModal: true,\n editing: true,\n activeRoom: {\n name: '',\n bathroom_type: '',\n bed_type: '',\n notes: '',\n door_lock: false,\n }\n });\n }\n\n handleEditRoom(e, payload) {\n e.preventDefault()\n this.setState({\n showModal: true,\n editing: true,\n activeRoom: payload\n });\n }\n\n componentWillMount() {\n this.props.onFetchRoomsIfNeeded();\n }\n\n changeState = async(id, val) => {\n changeState(this, id, val)\n }\n\n componentWillReceiveProps(newProps){\n if (this.state.rooms != newProps.rooms){\n this.setState({rooms: newProps.rooms})\n }\n }\n\n pageValid(){\n let rooms = this.state.rooms.items\n return(\n rooms.length > 0 &&\n (this.props.territory.code != 'SRSC' || rooms.every(r => r.photos.length > 0))\n )\n }\n\n back(e) {\n this.props.onGoBack();\n }\n\n submit(e) {\n this.props.onRoomsSubmit();\n\n this.props.onHostProfileSubmit({\n home: {\n num_bedrooms: this.state.numBedrooms.val,\n num_bathrooms: this.state.numBathrooms.val,\n num_bedrooms_for_guests: this.state.numBedroomsForGuests.val,\n }\n });\n }\n\n skip(e) {\n e.preventDefault();\n this.props.onSkipSubmit();\n }\n\n close() {\n this.setState({ showModal: false });\n this.props.onFetchRoomsIfNeeded();\n }\n\n open() {\n this.setState({ showModal: true });\n }\n\n render() {\n const thisPage = P.ROOMS_PAGE;\n const { formatMessage } = this.props.intl;\n const content = this.props.content;\n const page = this.props.page;\n const { items: rooms, isFetching, lastUpdated } = this.props.rooms\n const {editing, activeRoom, formAction} = this.state\n\n return (\n \n \n \n\n \n \n \n {\n activeRoom && activeRoom.id\n ? formatMessage(defaultMessages.clientHostPagesRoomsActionsUpdate)\n : formatMessage(defaultMessages.clientHostPagesRoomsActionsCreate)\n }\n \n \n \n\n \n \n
\n )\n }\n};\n\nRooms.propTypes = {\n onHostProfileSubmit: PropTypes.func,\n onRoomsRefresh: PropTypes.func,\n onRoomsSubmit: PropTypes.func,\n onSkipSubmit: PropTypes.func,\n onGoBack: PropTypes.func,\n page: PropTypes.string,\n intl: PropTypes.object,\n content: PropTypes.object,\n rooms: PropTypes.object\n};\n\nexport default injectIntl(Rooms);\n","import React from 'react';\nimport PropTypes from 'prop-types';\nimport Form from 'react-bootstrap/lib/Form';\nimport ControlLabel from 'react-bootstrap/lib/ControlLabel';\nimport FormControl from 'react-bootstrap/lib/FormControl';\nimport CustomFormGroup from './CustomFormGroup';\n\nconst SelectGroup = (props) => (\n \n \n {\n props.title!='' &&\n {props.title} \n }\n \n \n {props.options.map(opt => {\n return (\n {opt[0]}\n );\n })}\n \n \n
\n);\n\nSelectGroup.propTypes = {\n title: PropTypes.string.isRequired,\n setId: PropTypes.string.isRequired,\n options: PropTypes.array.isRequired,\n placeholder: PropTypes.string,\n defaultValue: PropTypes.string,\n controlFunc: PropTypes.func.isRequired\n};\n\nexport default SelectGroup;\n","import P from '../../pages';\nimport React from 'react';\nimport PropTypes from 'prop-types';\nimport { injectIntl } from 'react-intl';\nimport { defaultMessages } from '../../../../libs/i18n/default';\nimport FormHeader from './FormHeader';\nimport Redirector from './Redirector';\nimport Alert from './Alert';\nimport ButtonGroup from './ButtonGroup';\nimport Cigarette from 'react-icons/lib/md/smoking-rooms';\nimport CheckboxOrRadioGroup from './CheckboxOrRadioGroup';\nimport ProfileElementField from './ProfileElementField';\nimport { validator, fieldsToValidate, pageValid, executeValidations } from '../../validator';\nimport { generateProfileElementObject, changeState } from '../../utilities';\n\nclass Smoking extends React.Component {\n constructor(props){\n super(props);\n this.state = {\n smokers: generateProfileElementObject(this.props.profileElements, this.props.activeProfileElements,'','lifestyle','smokers'),\n guestsCanSmoke: generateProfileElementObject(this.props.profileElements, this.props.activeProfileElements,'','lifestyle','guests_can_smoke'),\n alcoholInHome: generateProfileElementObject(this.props.profileElements, this.props.activeProfileElements,'','lifestyle','alcohol_in_home'),\n guestsCanDrink: generateProfileElementObject(this.props.profileElements, this.props.activeProfileElements,'','lifestyle','guests_consume_alcohol')\n };\n this.submit = this.submit.bind(this);\n this.back = this.back.bind(this);\n this.pageTitle = this.pageTitle.bind(this);\n this.changeState = this.changeState.bind(this);\n }\n\n componentWillMount(){\n executeValidations(this)\n }\n\n changeState = async(id, val) => {\n changeState(this, id, val)\n }\n\n back(e) {\n this.props.onGoBack();\n }\n\n submit(e) {\n this.props.onHostProfileSubmit({\n lifestyle: {\n smokers: this.state.smokers.val,\n guests_can_smoke: this.state.guestsCanSmoke.val,\n alcohol_in_home: this.state.alcoholInHome.val,\n guests_consume_alcohol: this.state.guestsCanDrink.val\n }\n });\n }\n pageTitle(){\n const elements = this.props.activeProfileElements\n const content = this.props.content\n if (elements.includes('alcohol_in_home') || elements.includes('guests_consume_alcohol')){\n return content.pages.smoking.smoking_alcohol\n } else {\n return content.pages.smoking.smoking\n }\n }\n\n render() {\n const thisPage = P.SMOKING_PAGE;\n const { formatMessage } = this.props.intl;\n const content = this.props.content;\n const page = this.props.page;\n\n return (\n \n \n\n \n
\n );\n }\n}\n\nSmoking.propTypes = {\n onHostProfileSubmit: PropTypes.func,\n onSkipSubmit: PropTypes.func,\n onGoBack: PropTypes.func,\n page: PropTypes.string,\n intl: PropTypes.object,\n content: PropTypes.object\n};\n\nexport default injectIntl(Smoking);\n","import React from 'react'\nimport PropTypes from 'prop-types'\nimport ReactDOM from 'react-dom';\nimport CustomFormGroup from './CustomFormGroup';\nimport FormControl from 'react-bootstrap/lib/FormControl'\n\nexport default class Ssn extends React.Component {\n constructor(props) {\n super(props);\n this.handleSsnChange = this.handleSsnChange.bind(this);\n }\n\n handleSsnChange(e){\n if(e.target.value.includes(\"***\")){\n $(e.target).val('');\n }\n var val = e.target.value.replace(/\\D/g, '');\n var newVal = '';\n if(val.length > 4) {\n e.target.value = val;\n }\n if((val.length > 3) && (val.length < 6)) {\n newVal += val.substr(0, 3) + '-';\n val = val.substr(3);\n }\n if (val.length > 5) {\n newVal += val.substr(0, 3) + '-';\n newVal += val.substr(3, 2) + '-';\n val = val.substr(5);\n }\n newVal += val;\n var ssn = newVal.substring(0, 11)\n e.target.value = ssn;\n if (ssn.length == 11){\n this.props.handleSelection(ssn);\n } else {\n this.props.handleSelection('');\n }\n }\n\n render(){\n const content = this.props.content;\n\n if (content.territory_code == \"usa\") {\n return (\n \n \n ![](\"/images/host-sign-up/smile.png\")
\n \n
\n );\n};\n\nWithdraw.propTypes = {\n page: PropTypes.string,\n intl: PropTypes.object,\n user: PropTypes.object,\n content: PropTypes.object\n};\n\nexport default injectIntl(Withdraw);\n","import React from 'react';\nimport Header from '../components/ui/Header';\nimport { IntlProvider } from 'react-intl';\nimport { translations } from '../../../libs/i18n/translations';\nimport { defaultLocale } from '../../../libs/i18n/default';\nimport Footer from '../components/containers/Footer';\nimport Pages from '../pages'\nimport { useSelector } from 'react-redux'\nimport styles from '../../../shared/styles';\nimport Translate from '../../../shared/components/Translate'\n// Polyfill packages\nimport 'array-flat-polyfill'\n\nconst Layout = ({ user, territory, children }) => {\n const locale = window.I18n.locale || defaultLocale\n const page = useSelector(state => state.page)\n const messages = translations[locale]\n const { layout, container } = styles(page, territory)\n\n return (\n {content.pages.withdraw.body}
\n \n\n { page != Pages.ADDRESS_PAGE && (\n
\n \n
\n { page != Pages.ADDRESS_PAGE && }\n \n
\n \n {children}\n
\n \n
\n )}\n {validations === false && (\n Incorrect verification code. Please try again
\n\n
\n )}\n {phoneUnique === false && (\n Please enter your phone number in the correct format.
\n\n
\n )}\n \n )\n}\n\nexport default PhoneErrors\n","import React, { useEffect, useState, useContext }from 'react'\nimport { defaultMessages } from '../../../libs/i18n/default'\nimport { AsYouType } from 'libphonenumber-js/max'\nimport FormControl from 'react-bootstrap/lib/FormControl'\nimport Button from 'react-bootstrap/lib/Button'\nimport PhoneContext from './PhoneContext'\n\nconst PhoneInputField = ({ validations, onVerify, onChange, placeholder, Wrapper, countryCode, disableVerifications, defaultNumber }) => {\n const [verifyCodeSent, setVerifyCodeSent] = useState(false)\n const [verificationCode, setVerificationCode] = useState('')\n const [verificationResponse, setVerificationResponse] = useState({})\n\n const {\n phoneUnique,\n phoneNumber,\n setPhoneUnique,\n setPhoneNumber,\n verificationStatus,\n setVerificationStatus\n } = useContext(PhoneContext)\n\n const valid = (phoneUnique === null && typeof validations === 'undefined') ? null : !!phoneUnique && validations\n\n const handleChange = e => {\n const number = e.target.value\n\n setPhoneNumber(number)\n onChange && onChange(e)\n }\n\n const sendVerification = e => {\n e.preventDefault();\n\n const params = { number: phoneNumber, service_name: 'Homestay' }\n\n $.post('/phone_numbers/send_verify_code', params, data => {\n setVerificationResponse(data)\n })\n\n setVerifyCodeSent(true)\n }\n\n const verifyPhone = e => {\n e.preventDefault()\n\n const params = { token: verificationResponse.token, code: verificationCode }\n\n $.post('/phone_numbers/verify', params, data => {\n setVerificationStatus(data.status)\n onVerify && onVerify(phoneNumber)\n }).fail(() => {\n setVerificationStatus('failed')\n })\n }\n\n useEffect(() => {\n setPhoneUnique(null)\n\n if (typeof validations === 'undefined' || !validations) return\n\n const checkPhoneUnique = async () => {\n const response = await $.get(`/phone_numbers/unique_phone`, { phone: phoneNumber })\n\n setPhoneUnique(response.valid)\n }\n\n checkPhoneUnique()\n }, [phoneNumber, validations])\n\n useEffect(() => {\n setPhoneUnique(null)\n\n if (typeof validations !== 'undefined') return\n if (!phoneNumber) return\n\n const validatePhone = async () => {\n const asYouType = new AsYouType(countryCode)\n\n asYouType.input(phoneNumber)\n\n if (!asYouType.isValid()) return\n\n const response = await $.get(`/phone_numbers/unique_phone`, { phone: phoneNumber })\n\n setPhoneUnique(response.valid)\n }\n\n validatePhone()\n }, [phoneNumber, validations])\n\n useEffect(() => {\n if (!defaultNumber) return\n\n setPhoneNumber(defaultNumber)\n }, [])\n\n return (\n <>\n {Wrapper ? (\n This phone number is already registered in our system. Please sign in.
\n\n \n {verifyCodeSent && (\n
\n )}\n \n )\n}\n\nexport default PhoneInputField\n","import React, { useState, useEffect }from 'react'\nimport PhoneContext from './PhoneContext'\nimport PhoneInputField from './PhoneInputField'\nimport PhoneErrors from './PhoneErrors'\n\nconst PhoneVerification = ({ children }) => {\n const [phoneNumber, setPhoneNumber] = useState('')\n const [phoneUnique, setPhoneUnique] = useState(null)\n const [verificationStatus, setVerificationStatus] = useState('')\n\n useEffect(() => {\n if (verificationStatus !== 'failed') return\n\n const failTimer = setTimeout(() => {\n setVerificationStatus('')\n }, 5000);\n\n return () => {\n clearTimeout(failTimer);\n };\n }, [verificationStatus])\n\n useEffect(() => {\n if (phoneNumber) return\n\n setPhoneUnique(null)\n }, [phoneNumber])\n\n return (\n \n setVerificationCode(e.target.value)}\n />\n \n
\n )}\n