\n \n
\n\n \n
\n \n );\n}\n","import React, { Component, useState, useEffect } from 'react';\nimport './index.css';\nimport HowItWorks from '../how_it_works';\n\nexport default function SuccessPanel({ title, content, videoLink, infoHIW, cta, centerTitle = false }) {\n return (\n\n
\n );\n}\n","export const getConversation = (conversation_id, successCallback, onError, pretendPatient) => {\n fetch(`/api/v1/conversations/${conversation_id}?pretend_patient=${pretendPatient}`, {\n headers: {\n 'Content-Type': 'application/json',\n },\n })\n .then((response) => {\n if (response.ok) return response.json();\n return Promise.reject(response.json());\n })\n .then((data) => successCallback(data))\n .catch((data) => onError(data));\n};\n\nexport const getConversations = (successCallback) => {\n fetch(`/api/v1/conversations`, {\n headers: {\n 'Content-Type': 'application/json',\n },\n })\n .then((response) => response.json())\n .then((data) => {\n successCallback(data);\n });\n};\n\nexport const createConversation = (params, successCallback) => {\n fetch(`/api/v1/conversations`, {\n method: 'POST',\n headers: {\n 'Content-Type': 'application/json',\n },\n body: JSON.stringify(params),\n })\n .then((response) => response.json())\n .then((data) => {\n successCallback(data);\n });\n};\n\nexport const requestACall = (uuid, onSuccess, onError) => {\n fetch(`/api/v1/conversations/${uuid}/request_call`, {\n method: 'POST',\n headers: {\n 'Content-Type': 'application/json',\n },\n })\n .then((response) => response.json())\n .then((data) => {\n if (data.success) {\n onSuccess(data.user);\n } else {\n onError(data.errors);\n }\n });\n};\n\nexport const updateConversation = (id, params, successCallback) => {\n fetch(`/api/v1/conversations/${id}`, {\n headers: {\n 'Content-Type': 'application/json',\n },\n method: 'PATCH',\n body: JSON.stringify(params),\n })\n .then((response) => response.json())\n .then((data) => {\n successCallback(data);\n });\n};\n","import React, { useState, useContext, useEffect } from 'react';\nimport { Link } from 'react-router-dom';\nimport ErrorMessage from '../ui_kit/utilities/error_message';\nimport AgreeToTerms from '../ui_kit/utilities/agree_to_terms';\nimport PasswordInput from '../ui_kit/utilities/password_input';\nimport PhoneNumberInput from '../ui_kit/inputs/phone_number';\nimport LocationInput from '../ui_kit/inputs/location';\nimport EmailInput from '../ui_kit/inputs/email';\nimport Context from '../../utils/context';\nimport { validateText, isObjEmpty } from '../../helpers';\nimport RequestButton from '../ui_kit/utilities/request_button';\nimport { validatePhoneNumber } from '../../helpers/phone_number_helper';\nimport styles from './index.module.css';\nimport { faker } from '@faker-js/faker';\nimport './index.css';\n\nexport default function SignUp({\n defaultName,\n defaultEmail,\n defaultPhone,\n onSuccess,\n gtm = '',\n showAcceptTerms = true,\n params = {},\n headline = 'Join PatientPartner today',\n para = 'Create your account and start communicating with your PatientPartner Mentor in a safe space.',\n embedded = false,\n alignLeft = false,\n light = false,\n cta = 'Create account',\n captureLocation = false,\n capturePhone = true,\n withoutContainer = false,\n defaultFirstName,\n defaultLastName,\n captureFirstLastName = false,\n skipPassword = false,\n showLogin = true,\n australiaPhone = false,\n locationPlaceholder = 'Enter city or zip code',\n countryRestriction = 'us',\n useFacebookConversionApi = true,\n}) {\n const [name, setName] = useState(defaultName || '');\n const [firstName, setFirstName] = useState(defaultFirstName || '');\n const [lastName, setLastName] = useState(defaultLastName || '');\n const [email, setEmail] = useState(defaultEmail || '');\n const [phone, setPhone] = useState(defaultPhone || '');\n const [password, setPassword] = useState('');\n const [acceptedTerms, setAcceptedTerms] = useState(!showAcceptTerms);\n const [validPhone, setValidPhone] = useState(false);\n const [isDisabled, setIsDisabled] = useState(true);\n const [location, setLocation] = useState({});\n const context = useContext(Context);\n const viewport = context.viewport;\n const [error, setError] = useState('');\n const [userLoggedInError, setUserLoggedInError] = useState('');\n const [phoneError, setPhoneError] = useState('');\n const returnTo = window.location.pathname;\n\n let search = window.location.search;\n const createTestAccountEnabled = process.env.NODE_ENV === 'development' || search.includes('test=true');\n\n if (search) {\n search = '&' + search.substring(1);\n }\n\n const loginPathName = `/member/login?returnTo=${encodeURIComponent(returnTo)}${search}`;\n\n var checkedEmail = email !== '';\n let checkedName = false;\n if (captureFirstLastName) {\n checkedName = validateText(firstName) && validateText(lastName);\n } else {\n checkedName = validateText(name);\n }\n var checkedLocation = !isObjEmpty(location);\n let validPassword = password !== '' || skipPassword;\n\n useEffect(() => {\n if (\n checkedName &&\n checkedEmail &&\n (validPhone || !capturePhone) &&\n (checkedLocation || !captureLocation) &&\n acceptedTerms &&\n validPassword\n ) {\n setIsDisabled(false);\n } else {\n setIsDisabled(true);\n }\n }, [checkedName, checkedEmail, validPhone, checkedLocation, acceptedTerms, validPassword]);\n\n const validatePhoneOnBlur = () => {\n if (!validatePhoneNumber(phone)) {\n setValidPhone(false);\n setPhoneError('Enter a valid phone number');\n } else {\n setValidPhone(true);\n setPhoneError('');\n }\n };\n\n const handleTestAccount = (afterAction) => {\n let fn = faker.person.firstName();\n let ln = faker.person.lastName();\n let fullName = fn + ' ' + ln + ' (Internal Test)';\n let email = faker.internet.email({ provider: 'patientpartner.com' }).toLowerCase();\n let phone = faker.phone.number({ style: 'international' });\n phone = phone.slice(0, 2) + '555' + phone.slice(5);\n\n let password = faker.internet.password({ length: 20 });\n let state = faker.location.state({ abbreviated: true });\n let zipcode = faker.location.zipCode('#####');\n let longitude = faker.location.longitude();\n let latitude = faker.location.latitude();\n let address = faker.location.city() + ', ' + state + ' ' + zipcode + ', USA';\n let location = {\n address: address,\n latitude: latitude,\n longitude: longitude,\n google_place_id: faker.string.uuid(),\n zipcode: zipcode,\n };\n\n context.auth.userSignUp(\n fullName,\n email,\n phone,\n password,\n { ...params, ...location, first_name: firstName, last_name: ln, skipped_password: false },\n onSuccess,\n (errors) => {\n setError(errors.join(','));\n afterAction();\n }\n );\n };\n\n const onClick = (afterAction) => {\n let newName = name;\n if (captureFirstLastName) {\n newName = `${firstName} ${lastName}`;\n }\n if (useFacebookConversionApi) {\n context.facebookConversionApi.leadEvent({\n email: email,\n firstName: firstName,\n lastName: lastName,\n phoneNumber: phone,\n zipcode: (location || {}).zipcode,\n });\n }\n const user = context.auth.getCurrentUser();\n\n // If user is already logged in, don't allow them to sign up for a new account\n if (user && Object.keys(user).length > 0) {\n setUserLoggedInError('You are already logged in. Please log out to create a new account.');\n afterAction();\n return;\n }\n\n context.auth.userSignUp(\n newName,\n email,\n phone,\n password,\n {\n ...params,\n ...location,\n first_name: firstName,\n last_name: lastName,\n skipped_password: skipPassword,\n },\n onSuccess,\n (errors) => {\n setError(errors.join(','));\n afterAction();\n console.error('errors', errors);\n }\n );\n setError('');\n };\n\n // Listens to know if the device is a mobile device START\n const isMobile = viewport.getIsMobile();\n // Listens to know if the device is a mobile device END\n\n const renderInner = () => {\n return (\n \n \n
\n {title}
\n{content}
\n {cta}\n\n {infoHIW &&\n \n
\n )}\n \n \n
\n )}\n\n {headline}
\n{para}
\n {captureFirstLastName ? (\n\n \n setFirstName(event.target.value)}\n required\n />\n \n \n \n
\n \n setName(event.target.value)}\n required\n />\n \n \n \n
\n )}\n \n Already have an account?{' '}\n
\n
\n );\n}\n","import React, { useState } from 'react';\nimport './modal.css';\nimport Modal from 'react-bootstrap-modal';\n\nexport default function ModalWrapper({ id, className, content, onClose, hideClose = false, backdrop = true }) {\n const [showModal, setShowModal] = useState(true);\n const closeModal = () => {\n setShowModal(false);\n onClose();\n };\n\n return (\n \n \n
\n \n {renderInner()}
\n \n \n
\n )}\n {content}\n \n {noMatchTxt && (\n onClickOption(event)}\n className='input-with-options-option'\n >\n {noMatchTxt}\n \n )}\n {currentOptions.map((value, i) => (\n onClickOption(event)}\n className='input-with-options-option'\n >\n {value}\n \n ))}\n
\n \n )}\n \n );\n}\n","// extracted by mini-css-extract-plugin\nmodule.exports = {\"profile_panel\":\"index-module__profile_panel___M4mJf\",\"name\":\"index-module__name___+E4fn\",\"edit_button\":\"index-module__edit_button___pwu84\",\"hr\":\"index-module__hr___gXPPf\",\"sm_head\":\"index-module__sm_head___BdhJU\",\"more_bio\":\"index-module__more_bio___YeJJk\",\"bio\":\"index-module__bio___o1AyH\",\"long_bio\":\"index-module__long_bio___oiqKo\",\"label\":\"index-module__label___bgQT-\",\"cta_wrap\":\"index-module__cta_wrap___hqz0t\",\"cancel\":\"index-module__cancel___1zLut\",\"create_btn\":\"index-module__create_btn___Zur1B\",\"sm_title\":\"index-module__sm_title___gSOmH\",\"tab\":\"index-module__tab___+DHJF\"};","// extracted by mini-css-extract-plugin\nmodule.exports = {\"imgr\":\"index-module__imgr___LcQMI\",\"imr_txt\":\"index-module__imr_txt___Vk9n-\",\"floating_box\":\"index-module__floating_box___7oCH1\",\"faqol\":\"index-module__faqol___4Tfqv\",\"headline\":\"index-module__headline___ZmeCC\",\"headline_highlight\":\"index-module__headline_highlight___-ACLw\",\"so_headline\":\"index-module__so_headline___E18jA\",\"chat_head\":\"index-module__chat_head___fG9kB\",\"questionnaire_ottr\":\"index-module__questionnaire_ottr___ZyTYt\",\"cont_row\":\"index-module__cont_row___VLPvS\",\"button\":\"index-module__button___c7evI\",\"after_action_content\":\"index-module__after_action_content___Gnmjo\",\"small_headline\":\"index-module__small_headline___NyVNU\",\"testimonials\":\"index-module__testimonials___vSCF-\",\"testimonials_small\":\"index-module__testimonials_small___VMXnK\",\"testimonial_name\":\"index-module__testimonial_name___C6VdF\",\"testimonial_city\":\"index-module__testimonial_city___Fenfd\",\"video_headline\":\"index-module__video_headline___3D8iD\",\"video_subheadline\":\"index-module__video_subheadline___w9PDa\",\"video_headline_mobile\":\"index-module__video_headline_mobile___Dm0V9\",\"video_subheadline_mobile\":\"index-module__video_subheadline_mobile___abOwK\",\"small_subheadline\":\"index-module__small_subheadline___ox7HB\"};","// extracted by mini-css-extract-plugin\nmodule.exports = {\"headline\":\"index-module__headline___7uBOL\",\"header_two\":\"index-module__header_two___9+PFP\",\"header_three\":\"index-module__header_three___+Wema\",\"paragraph\":\"index-module__paragraph___6gLyM\",\"page_break\":\"index-module__page_break___vcpkR\",\"span\":\"index-module__span___-WOd-\",\"link\":\"index-module__link___YXN-m\",\"container_fluid\":\"index-module__container_fluid___4rMGF\",\"so_headline\":\"index-module__so_headline___NROHP\",\"how_it_works\":\"index-module__how_it_works___8HhYK\"};","// extracted by mini-css-extract-plugin\nmodule.exports = {\"heading1\":\"index-module__heading1___LGLh8\",\"heading6\":\"index-module__heading6___srN6v\",\"fadein1\":\"index-module__fadein1___NVTp-\",\"para\":\"index-module__para___UPBgE\",\"animate_base\":\"index-module__animate_base___XJNJd\",\"animate\":\"index-module__animate___Xw6LQ\",\"animate_right\":\"index-module__animate_right___zfcm8\",\"fadein2\":\"index-module__fadein2___IEvip\",\"hero_container\":\"index-module__hero_container___NOmXa\"};","// extracted by mini-css-extract-plugin\nmodule.exports = {\"profile_panel\":\"index-module__profile_panel___AmnpK\",\"name\":\"index-module__name___79J-r\",\"tag\":\"index-module__tag___or0WE\",\"edit_button\":\"index-module__edit_button___u1gpa\",\"hr\":\"index-module__hr___mtgkk\",\"sm_head\":\"index-module__sm_head___38Jen\",\"more_bio\":\"index-module__more_bio___+e5+2\",\"bio\":\"index-module__bio___dH0rZ\",\"long_bio\":\"index-module__long_bio___QG0MM\",\"label\":\"index-module__label___IHjT6\",\"cta_wrap\":\"index-module__cta_wrap___SfNeq\",\"cancel\":\"index-module__cancel___TNakv\",\"create_btn\":\"index-module__create_btn___SKzdF\",\"sm_title\":\"index-module__sm_title___fPben\",\"tab\":\"index-module__tab___d9-Ml\",\"info_col\":\"index-module__info_col___-Yaam\",\"num_span\":\"index-module__num_span___gPMmj\",\"info_p\":\"index-module__info_p___Ylq0m\",\"about_me\":\"index-module__about_me___kgSYZ\",\"about_bio\":\"index-module__about_bio___cquCc\",\"short\":\"index-module__short___G4pHJ\",\"prof_container\":\"index-module__prof_container___zJYyc\",\"btn_icon\":\"index-module__btn_icon___tejRW\",\"icon_btn_request\":\"index-module__icon_btn_request___ao7C+\"};","import React, { Component, useState, useEffect } from 'react';\nimport './todpicker.css';\n\nexport default function Todpicker({\n options = ['Preferred appt. time', 'Morning (9:00-12:00pm)', 'Afternoon (1:00-5:00pm)'],\n value,\n onChange,\n onBlur,\n light,\n todpickerClass = true,\n disabled = false,\n}) {\n return (\n \n \n
\n );\n}\n","import React from 'react';\nimport btn_styles from './index.module.css';\n\nexport default function IconButtonSvg({\n icon = (\n \n ),\n text = 'Book a meeting',\n onClick,\n onMouseOver,\n onMouseOut,\n classNames,\n other,\n styles,\n textStyles = {},\n}) {\n return (\n \n
\n \n \n
\n \n validate(dateOfBirth)}\n placeholderText='MM/DD/YYYY'\n selected={dateOfBirth}\n onChange={(date) => onChange(date)}\n onBlur={() => validate(dateOfBirth)}\n wrapperClassName={styles.date_picker_wrapper}\n customInput={
\n {title}
\n{para}
\n\n {onBack && (\n \n )}\n onSubmit({ ...answers, date_of_birth: dateOfBirth })}\n data-gtm-click-label={`${gtm} Age Submit`}\n >\n {cta}\n \n
\n \n {text}\n
\n {other}\n \n );\n}\n","import React, { useState } from 'react';\nimport { Link } from 'react-router-dom';\nimport ModalWrapper from '../modal';\nimport AgreeToTerms from '../ui_kit/utilities/agree_to_terms';\nimport InputWithOptions from '../ui_kit/utilities/input_with_options';\nimport ReCAPTCHA from 'react-google-recaptcha';\nimport SuccessPanel from '../success_panel';\nimport { createDirectSurgeonBookingContacts } from '../../api/direct_surgeon_booking_contacts';\nimport { validatePhone, validateEmail, validateText, validateZipcode, isEmpty } from '../../helpers';\nimport './index.css';\nimport Todpicker from '../todpicker';\nimport DatePickerWrapper from '../date_picker_wrapper';\n\nexport default function SurgeonBookingModal({\n home = [],\n surgeon,\n insurances = [...gon.all_insurances],\n onClose,\n origin,\n insurance,\n}) {\n const [view, setView] = useState('form');\n const [name, setName] = useState('');\n const [email, setEmail] = useState('');\n const [phone, setPhone] = useState('');\n const [zipcode, setZipCode] = useState('');\n const [insuranceCarrier, setInsuranceCarrier] = useState('');\n const [surgery, setSurgery] = useState('');\n const [error, setError] = useState('');\n const [hasBeenSubmitted, setHasBeenSubmitted] = useState(false);\n const [showSuccess, setShowSuccess] = useState(false);\n const [acceptedTerms, setAcceptedTerms] = useState(false);\n\n const recaptchaRef = React.createRef();\n\n const runRecaptcha = async (event) => {\n event.preventDefault();\n recaptchaRef.current.execute();\n };\n\n const getNextWork = (d) => {\n d.setDate(d.getDate() + 1); // tomorrow\n if (d.getDay() == 0) d.setDate(d.getDate() + 1);\n else if (d.getDay() == 6) d.setDate(d.getDate() + 2);\n return d;\n };\n\n const minDate = getNextWork(getNextWork(new Date()));\n const [apptDate, setApptDate] = useState('');\n const [apptTimeOfDay, setApptTimeOfDay] = useState('Preferred appt. time');\n\n const isWeekday = (date) => {\n const day = date.getDay();\n return day !== 0 && day !== 6;\n };\n\n let disabled = 'disabled';\n var checkedEmail = validateEmail(email);\n var checkedName = validateText(name);\n var checkedZipcode = validateZipcode(zipcode);\n var checkedPhone = validatePhone(phone);\n var checkedInsuranceCarrier = insuranceCarrier !== '';\n var checkedApptDate = apptDate !== '' && apptDate !== null;\n var checkedApptTimeOfDay = apptTimeOfDay !== 'Preferred appt. time';\n var checkedSurgery = surgery !== '';\n\n if (\n checkedEmail &&\n checkedName &&\n checkedZipcode &&\n checkedPhone &&\n checkedInsuranceCarrier &&\n checkedApptDate &&\n checkedApptTimeOfDay &&\n checkedSurgery &&\n acceptedTerms\n ) {\n disabled = '';\n }\n\n const onClick = (event) => {\n if (hasBeenSubmitted == false) {\n setHasBeenSubmitted(true);\n if (checkedEmail === false) {\n setError('Please enter a valid email');\n setHasBeenSubmitted(false);\n } else if (checkedName == false) {\n setError('Please enter a valid name');\n setHasBeenSubmitted(false);\n } else if (checkedPhone == false) {\n setError('Please enter a valid phone number');\n setHasBeenSubmitted(false);\n } else if (checkedZipcode == false) {\n setError('Please enter a valid Zip Code');\n setHasBeenSubmitted(false);\n } else if (checkedSurgery === false) {\n setError('Please select a surgery');\n setHasBeenSubmitted(false);\n } else {\n setView('success');\n createDirectSurgeonBookingContacts(\n surgeon,\n name,\n email,\n phone,\n zipcode,\n insuranceCarrier,\n apptDate,\n apptTimeOfDay,\n '',\n origin,\n surgery,\n (contact) => {\n console.log('success');\n }\n );\n }\n }\n };\n\n return (\n\n \n \n \n }\n />\n
\n )}\n {view == 'form' && (\n \n
\n )}\n \n }\n onClose={onClose}\n />\n );\n}\n","import React, { Component, useState, useEffect } from 'react';\nimport { Link, useHistory } from 'react-router-dom';\nimport BedsideManner from '../bedside_manner';\nimport IconButtonSVG from '../ui_kit/utilities/icon_button_svg';\nimport ScrollTo from '../scroll_to';\nimport ReactGA from 'react-ga';\nimport queryString from 'query-string';\nimport './index.css';\nimport SurgeonBookingModal from '../surgeon_booking_modal';\n\nexport default function SurgeonsColumn({\n home,\n surgeon = null,\n index,\n showShowMore = true,\n showRequestAnAppointment = true,\n gtm = 'Surgeon gallery',\n seeMoreLink = `/surgeon/${surgeon.slug}`,\n onQuestionnaire,\n showSeeMore = true,\n clickable = true,\n showBedsideManner = true,\n showFullLocation = false,\n showPhoneNumber = false,\n cta = null,\n}) {\n const [showModal, setShowModal] = useState(false);\n // Listens to know if the device is a mobile device START\n const [isMobile, setDesktop] = useState(window.innerWidth < 768);\n\n const updateMedia = () => {\n setDesktop(window.innerWidth < 768);\n };\n\n useEffect(() => {\n window.addEventListener('resize', updateMedia);\n return () => window.removeEventListener('resize', updateMedia);\n });\n // Listens to know if the device is a mobile device END\n\n const [showLongBio, setShowLongBio] = useState(false);\n const showLessClick = () => {\n setShowLongBio(false);\n };\n const showMoreClick = () => {\n setShowLongBio(true);\n };\n\n const renderBio = (bio) => {\n const shortBio = bio.substring(0, 100) + '...';\n if (shortBio === bio) {\n return bio;\n }\n if (showLongBio) {\n return (\n <>\n {bio}\n {showShowMore == true && (\n \n \n
\n \n \n
\n \n \n
\n )}\n \n );\n }\n\n return (\n <>\n {bio}\n {showShowMore == true && (\n \n Show less\n
\n\n
\n )}\n \n );\n };\n\n // This is used to make the entire surgeon card clickable as well as the links inside of it. START\n const history = useHistory();\n const goToCardLink = (e) => {\n if (e.target.parentNode.classList.contains('link-container')) {\n if (e.target.getAttribute('aria-label')) {\n history.push(e.target.getAttribute('aria-label'));\n }\n } else {\n history.push(seeMoreLink);\n }\n ReactGA.event({\n category: 'Click',\n action: 'Click',\n label: `${gtm} Card Click`,\n });\n };\n // END\n\n if (index < 10) {\n index = '0' + index;\n }\n\n let yearsOfExperience = null;\n if (surgeon.extra.years_of_experience) {\n yearsOfExperience = parseInt(surgeon.extra.years_of_experience) + (new Date().getFullYear() - 2021);\n }\n\n const showEducationAndAffiliation =\n yearsOfExperience &&\n surgeon.extra.number_of_procedures_performed &&\n yearsOfExperience < 5 &&\n surgeon.extra.number_of_procedures_performed < 500;\n\n return (\n \n Show more\n
\n\n (clickable ? goToCardLink(e) : null)}\n className='surgeon surgeon-pre-wrapper'\n style={clickable || cta ? null : { pointerEvents: 'none' }}\n >\n
\n \n {showModal && (\n \n
\n \n
\n \n \n \n See more\n \n {/* */}\n
\n )}\n {cta}\n \n
\n \n
\n {showBedsideManner && (\n {surgeon.name}
\n\n
\n )}\n \n {!showFullLocation && surgeon.location && surgeon.location != null && (\n ScrollTo('#location', 200)}>\n
\n {showSeeMore && (\n \n \n \n \n \n
\n \n )}\n {showFullLocation && surgeon.office_locations && surgeon.office_locations[0] && (\n ScrollTo('#location', 200)}>\n {surgeon.location}
\n\n \n \n \n \n
\n \n )}\n {showPhoneNumber && surgeon.office_locations && surgeon.office_locations[0] && (\n {surgeon.office_locations[0].address}
\n\n \n \n \n
\n )}\n {surgeon.specialties && surgeon.specialties !== null && surgeon.specialties[0] && (\n {surgeon.office_locations[0].phone_number}
\n\n \n
\n )}\n {showEducationAndAffiliation && (\n <>\n {surgeon.extra.fellowship && (\n \n {surgeon.specialties}\n {surgeon.procedure_types && (\n <>{`${surgeon.specialties.length > 0 ? ': ' : ''}${surgeon.procedure_types.join(' | ')}`}\n )}\n
\n\n \n
\n )}\n {surgeon.extra.hospital_affiliations && surgeon.extra.hospital_affiliations.length > 0 && (\n {surgeon.extra.fellowship}
\n\n \n
\n )}\n \n )}\n {!showEducationAndAffiliation && (\n <>\n {surgeon.extra.years_of_experience && (\n {surgeon.extra.hospital_affiliations[0]}
\n\n \n
\n )}\n {surgeon.extra.number_of_procedures_performed && (\n \n {parseInt(surgeon.extra.years_of_experience) + (new Date().getFullYear() - 2021)}{' '}\n {/* Makes the year increment every year */} years of experience\n
\n\n \n
\n )}\n \n )}\n {surgeon.extra.number_of_procedures_performed} procedures performed
\n\n \n
\n setShowCurrentPassword(!showCurrentPassword)} className='toggle-password'>\n {showCurrentPassword && (\n \n \n
\n \n {requireConfirmation && (\n \n currentConfirmationPasswordOnChange(event.target.value)}\n required\n />\n \n \n setShowCurrentConfirmationPassword(!showCurrentConfirmationPassword)}\n className='toggle-password'\n >\n {showCurrentConfirmationPassword && (\n \n \n
\n \n )}\n {error && \n \n
\n );\n}\n","// extracted by mini-css-extract-plugin\nmodule.exports = {\"photo\":\"index-module__photo___O4tYe\",\"name\":\"index-module__name___fs8N+\",\"mentor_tag\":\"index-module__mentor_tag___-2b4J\",\"location\":\"index-module__location___4AA7k\",\"sot\":\"index-module__sot___kOriq\",\"para\":\"index-module__para___EcTV+\",\"short\":\"index-module__short___7fBEJ\",\"btn\":\"index-module__btn___KdteM\",\"col_mob\":\"index-module__col_mob___ZwTAz\"};","// extracted by mini-css-extract-plugin\nmodule.exports = {\"dropdown_menu\":\"dropdown_click-module__dropdown_menu___VHFCI\",\"selector\":\"dropdown_click-module__selector___vAUxF\",\"dropdown_placeholder\":\"dropdown_click-module__dropdown_placeholder___wf1zb\",\"position_parent\":\"dropdown_click-module__position_parent___kyz71\",\"checkedbox\":\"dropdown_click-module__checkedbox___row-z\",\"singleselect\":\"dropdown_click-module__singleselect___OVyWk\",\"active\":\"dropdown_click-module__active___hzzXH\",\"nav-item\":\"dropdown_click-module__nav-item___q6HJe\",\"light\":\"dropdown_click-module__light___pCmHJ\",\"dropdown-toggle\":\"dropdown_click-module__dropdown-toggle___BFHPa\",\"dropdown_toggle\":\"dropdown_click-module__dropdown_toggle___YIuP5\",\"arrow\":\"dropdown_click-module__arrow___rpim5\",\"label\":\"dropdown_click-module__label___5b3Ok\",\"multi_menu\":\"dropdown_click-module__multi_menu___svIHt\",\"focus\":\"dropdown_click-module__focus___Sh-jb\"};","// extracted by mini-css-extract-plugin\nmodule.exports = {\"heading1\":\"index-module__heading1___A6x-N\",\"heading2\":\"index-module__heading2___viM-0\",\"para\":\"index-module__para___S+LMy\",\"photo\":\"index-module__photo___mCyv1\",\"hero_container\":\"index-module__hero_container___4zlkB\",\"animate_base\":\"index-module__animate_base___cQrOM\",\"animate\":\"index-module__animate___OAA6G\",\"fadein1\":\"index-module__fadein1___NHRRs\",\"animate_right\":\"index-module__animate_right___USmCZ\",\"fadein2\":\"index-module__fadein2___msyri\",\"title\":\"index-module__title___8gm8Q\"};","// extracted by mini-css-extract-plugin\nmodule.exports = {\"portal_menu\":\"portal_header-module__portal_menu___c6DaG\",\"menu_tab\":\"portal_header-module__menu_tab___O4VjQ\",\"menu_tab_name\":\"portal_header-module__menu_tab_name___q2DZc\",\"menu_icon\":\"portal_header-module__menu_icon___0o3js\",\"title\":\"portal_header-module__title___pbRIJ\"};","// extracted by mini-css-extract-plugin\nmodule.exports = {\"create_post_otr\":\"index-module__create_post_otr___sP3IR\",\"create_new_banner\":\"index-module__create_new_banner___LhQdn\",\"nb_para\":\"index-module__nb_para___kn83q\",\"close\":\"index-module__close___kuG9J\",\"content\":\"index-module__content___t74IE\",\"cta_wrap\":\"index-module__cta_wrap___zkL7V\",\"create_btn\":\"index-module__create_btn___lo+PV\",\"change_password_wrap\":\"index-module__change_password_wrap___e6gTg\",\"change_password_container\":\"index-module__change_password_container___iTqDq\"};","// extracted by mini-css-extract-plugin\nmodule.exports = {\"photo\":\"index-module__photo___x8XBn\",\"name\":\"index-module__name___GnmJe\",\"mentor_tag\":\"index-module__mentor_tag___GBgG5\",\"location\":\"index-module__location___+Jflr\",\"sot\":\"index-module__sot___VnUtL\",\"para\":\"index-module__para___3cN80\",\"short\":\"index-module__short___CrOlI\",\"btn\":\"index-module__btn___p6xhl\",\"col_mob\":\"index-module__col_mob___Ks+r2\"};","// extracted by mini-css-extract-plugin\nmodule.exports = {\"headline\":\"index-module__headline___7dxrS\",\"para\":\"index-module__para___--zsp\",\"header_two\":\"index-module__header_two___OkH7m\",\"paragraph\":\"index-module__paragraph___csYV8\",\"page_break\":\"index-module__page_break___-DdKP\",\"span\":\"index-module__span___BNodO\",\"link\":\"index-module__link___z2ul9\",\"container_fluid\":\"index-module__container_fluid___r+CmC\",\"so_headline\":\"index-module__so_headline___IAya4\",\"how_it_works\":\"index-module__how_it_works___gaHn-\",\"after_action_content\":\"index-module__after_action_content___B10Ha\",\"button\":\"index-module__button___p-Mls\",\"subheadline\":\"index-module__subheadline___OW5Z5\",\"small_headline\":\"index-module__small_headline___JqjIW\"};","// extracted by mini-css-extract-plugin\nmodule.exports = {\"vonjo_modal_container\":\"index-module__vonjo_modal_container___uPEeh\",\"modal_body_wrap\":\"index-module__modal_body_wrap___oFkrQ\",\"vonjo_modal_banner\":\"index-module__vonjo_modal_banner___wdDUL\",\"nb_para\":\"index-module__nb_para___dXTR+\",\"v_modal\":\"index-module__v_modal___dEyAn\",\"content\":\"index-module__content___ETHgk\",\"contact_link\":\"index-module__contact_link___HWiSq\",\"whats_next\":\"index-module__whats_next___gjxtf\"};","import React, { useState } from 'react';\nimport styles from './patient_gender.module.css';\n\nexport default function PatientGender({\n answers,\n onSubmit,\n onBack,\n title = 'What is your gender?',\n para = 'We find that patients and mentors who identify as the same gender form better connections.',\n choices = [\n {\n value: 'Male',\n icon: (\n \n ),\n },\n {\n value: 'Female',\n icon: (\n \n ),\n },\n {\n value: 'Non-binary',\n icon: (\n \n ),\n },\n ],\n gtm,\n}) {\n const [gender, setGender] = useState(answers.gender || '');\n\n const onClick = (value) => () => {\n setGender(value);\n };\n\n const submit = (e) => {\n e.preventDefault();\n onSubmit({ ...answers, gender: gender });\n };\n\n return (\n \n \n
\n \n \n \n
\n );\n}\n","import React, { useEffect, useState } from 'react';\nimport './how_it_works.css';\n\nexport default function HowItWorks({\n data,\n showTitle = true,\n leftHead = (\n \n
\n \n \n \n
\n \n Getting answers is easy and free\n
\n ),\n rightHead,\n bublets = [\n {\n icon: (\n \n ),\n head: 'Tell us about yourself',\n para: 'Take a short questionnaire about your health history and needs.',\n },\n {\n icon: (\n \n ),\n head: 'Talk to a mentor',\n para: 'Receive recommendations for a relatable PatientPartner Mentor who can tell you about their procedure.',\n },\n {\n icon: (\n \n ),\n head: 'Find a doctor',\n para: 'Use our scheduling tool to connect with your PatientPartner Mentor for a one-on-one call.',\n },\n ],\n}) {\n // Listens to know if the device is a mobile device START\n const [isMobile, setDesktop] = useState(window.innerWidth < 768);\n\n const updateMedia = () => {\n setDesktop(window.innerWidth < 768);\n };\n\n useEffect(() => {\n window.addEventListener('resize', updateMedia);\n return () => window.removeEventListener('resize', updateMedia);\n });\n // Listens to know if the device is a mobile device END\n\n return (\n\n
\n );\n}\n","import { addMatchedMentor } from '../api/surgeon_referred_mentor_matches';\n\nexport const findAndSetMentor = (callbacks = {}, context) => {\n const { onMentorFound, onSetPatientPartner } = callbacks;\n\n const timer = setTimeout(() => {\n addMatchedMentor((data) => {\n context.auth.userUpdate({ matched_with_mentor: true }, () => {});\n\n if (onSetPatientPartner) {\n onSetPatientPartner(data);\n sessionStorage.setItem('patientPartner', JSON.stringify(data));\n }\n\n if (onMentorFound) {\n onMentorFound(true);\n }\n });\n }, 3000);\n return () => clearTimeout(timer);\n};\n","/*! @license DOMPurify 2.3.6 | (c) Cure53 and other contributors | Released under the Apache license 2.0 and Mozilla Public License 2.0 | github.com/cure53/DOMPurify/blob/2.3.6/LICENSE */\n!(function (e, t) {\n 'object' == typeof exports && 'undefined' != typeof module\n ? (module.exports = t())\n : 'function' == typeof define && define.amd\n ? define(t)\n : ((e = e || self).DOMPurify = t());\n})(this, function () {\n 'use strict';\n var e = Object.hasOwnProperty,\n t = Object.setPrototypeOf,\n n = Object.isFrozen,\n r = Object.getPrototypeOf,\n o = Object.getOwnPropertyDescriptor,\n i = Object.freeze,\n a = Object.seal,\n l = Object.create,\n c = 'undefined' != typeof Reflect && Reflect,\n s = c.apply,\n u = c.construct;\n s ||\n (s = function (e, t, n) {\n return e.apply(t, n);\n }),\n i ||\n (i = function (e) {\n return e;\n }),\n a ||\n (a = function (e) {\n return e;\n }),\n u ||\n (u = function (e, t) {\n return new (Function.prototype.bind.apply(\n e,\n [null].concat(\n (function (e) {\n if (Array.isArray(e)) {\n for (var t = 0, n = Array(e.length); t < e.length; t++) n[t] = e[t];\n return n;\n }\n return Array.from(e);\n })(t)\n )\n ))();\n });\n var m,\n f = A(Array.prototype.forEach),\n d = A(Array.prototype.pop),\n p = A(Array.prototype.push),\n h = A(String.prototype.toLowerCase),\n g = A(String.prototype.match),\n y = A(String.prototype.replace),\n v = A(String.prototype.indexOf),\n b = A(String.prototype.trim),\n T = A(RegExp.prototype.test),\n N =\n ((m = TypeError),\n function () {\n for (var e = arguments.length, t = Array(e), n = 0; n < e; n++) t[n] = arguments[n];\n return u(m, t);\n });\n function A(e) {\n return function (t) {\n for (var n = arguments.length, r = Array(n > 1 ? n - 1 : 0), o = 1; o < n; o++) r[o - 1] = arguments[o];\n return s(e, t, r);\n };\n }\n function E(e, r) {\n t && t(e, null);\n for (var o = r.length; o--; ) {\n var i = r[o];\n if ('string' == typeof i) {\n var a = h(i);\n a !== i && (n(r) || (r[o] = a), (i = a));\n }\n e[i] = !0;\n }\n return e;\n }\n function x(t) {\n var n = l(null),\n r = void 0;\n for (r in t) s(e, t, [r]) && (n[r] = t[r]);\n return n;\n }\n function w(e, t) {\n for (; null !== e; ) {\n var n = o(e, t);\n if (n) {\n if (n.get) return A(n.get);\n if ('function' == typeof n.value) return A(n.value);\n }\n e = r(e);\n }\n return function (e) {\n return console.warn('fallback value for', e), null;\n };\n }\n var k = i([\n 'a',\n 'abbr',\n 'acronym',\n 'address',\n 'area',\n 'article',\n 'aside',\n 'audio',\n 'b',\n 'bdi',\n 'bdo',\n 'big',\n 'blink',\n 'blockquote',\n 'body',\n 'br',\n 'button',\n 'canvas',\n 'caption',\n 'center',\n 'cite',\n 'code',\n 'col',\n 'colgroup',\n 'content',\n 'data',\n 'datalist',\n 'dd',\n 'decorator',\n 'del',\n 'details',\n 'dfn',\n 'dialog',\n 'dir',\n 'div',\n 'dl',\n 'dt',\n 'element',\n 'em',\n 'fieldset',\n 'figcaption',\n 'figure',\n 'font',\n 'footer',\n 'form',\n 'h1',\n 'h2',\n 'h3',\n 'h4',\n 'h5',\n 'h6',\n 'head',\n 'header',\n 'hgroup',\n 'hr',\n 'html',\n 'i',\n 'img',\n 'input',\n 'ins',\n 'kbd',\n 'label',\n 'legend',\n 'li',\n 'main',\n 'map',\n 'mark',\n 'marquee',\n 'menu',\n 'menuitem',\n 'meter',\n 'nav',\n 'nobr',\n 'ol',\n 'optgroup',\n 'option',\n 'output',\n 'p',\n 'picture',\n 'pre',\n 'progress',\n 'q',\n 'rp',\n 'rt',\n 'ruby',\n 's',\n 'samp',\n 'section',\n 'select',\n 'shadow',\n 'small',\n 'source',\n 'spacer',\n 'span',\n 'strike',\n 'strong',\n 'style',\n 'sub',\n 'summary',\n 'sup',\n 'table',\n 'tbody',\n 'td',\n 'template',\n 'textarea',\n 'tfoot',\n 'th',\n 'thead',\n 'time',\n 'tr',\n 'track',\n 'tt',\n 'u',\n 'ul',\n 'var',\n 'video',\n 'wbr',\n ]),\n S = i([\n 'svg',\n 'a',\n 'altglyph',\n 'altglyphdef',\n 'altglyphitem',\n 'animatecolor',\n 'animatemotion',\n 'animatetransform',\n 'circle',\n 'clippath',\n 'defs',\n 'desc',\n 'ellipse',\n 'filter',\n 'font',\n 'g',\n 'glyph',\n 'glyphref',\n 'hkern',\n 'image',\n 'line',\n 'lineargradient',\n 'marker',\n 'mask',\n 'metadata',\n 'mpath',\n 'path',\n 'pattern',\n 'polygon',\n 'polyline',\n 'radialgradient',\n 'rect',\n 'stop',\n 'style',\n 'switch',\n 'symbol',\n 'text',\n 'textpath',\n 'title',\n 'tref',\n 'tspan',\n 'view',\n 'vkern',\n ]),\n _ = i([\n 'feBlend',\n 'feColorMatrix',\n 'feComponentTransfer',\n 'feComposite',\n 'feConvolveMatrix',\n 'feDiffuseLighting',\n 'feDisplacementMap',\n 'feDistantLight',\n 'feFlood',\n 'feFuncA',\n 'feFuncB',\n 'feFuncG',\n 'feFuncR',\n 'feGaussianBlur',\n 'feImage',\n 'feMerge',\n 'feMergeNode',\n 'feMorphology',\n 'feOffset',\n 'fePointLight',\n 'feSpecularLighting',\n 'feSpotLight',\n 'feTile',\n 'feTurbulence',\n ]),\n D = i([\n 'animate',\n 'color-profile',\n 'cursor',\n 'discard',\n 'fedropshadow',\n 'font-face',\n 'font-face-format',\n 'font-face-name',\n 'font-face-src',\n 'font-face-uri',\n 'foreignobject',\n 'hatch',\n 'hatchpath',\n 'mesh',\n 'meshgradient',\n 'meshpatch',\n 'meshrow',\n 'missing-glyph',\n 'script',\n 'set',\n 'solidcolor',\n 'unknown',\n 'use',\n ]),\n O = i([\n 'math',\n 'menclose',\n 'merror',\n 'mfenced',\n 'mfrac',\n 'mglyph',\n 'mi',\n 'mlabeledtr',\n 'mmultiscripts',\n 'mn',\n 'mo',\n 'mover',\n 'mpadded',\n 'mphantom',\n 'mroot',\n 'mrow',\n 'ms',\n 'mspace',\n 'msqrt',\n 'mstyle',\n 'msub',\n 'msup',\n 'msubsup',\n 'mtable',\n 'mtd',\n 'mtext',\n 'mtr',\n 'munder',\n 'munderover',\n ]),\n C = i([\n 'maction',\n 'maligngroup',\n 'malignmark',\n 'mlongdiv',\n 'mscarries',\n 'mscarry',\n 'msgroup',\n 'mstack',\n 'msline',\n 'msrow',\n 'semantics',\n 'annotation',\n 'annotation-xml',\n 'mprescripts',\n 'none',\n ]),\n M = i(['#text']),\n L = i([\n 'accept',\n 'action',\n 'align',\n 'alt',\n 'autocapitalize',\n 'autocomplete',\n 'autopictureinpicture',\n 'autoplay',\n 'background',\n 'bgcolor',\n 'border',\n 'capture',\n 'cellpadding',\n 'cellspacing',\n 'checked',\n 'cite',\n 'class',\n 'clear',\n 'color',\n 'cols',\n 'colspan',\n 'controls',\n 'controlslist',\n 'coords',\n 'crossorigin',\n 'datetime',\n 'decoding',\n 'default',\n 'dir',\n 'disabled',\n 'disablepictureinpicture',\n 'disableremoteplayback',\n 'download',\n 'draggable',\n 'enctype',\n 'enterkeyhint',\n 'face',\n 'for',\n 'headers',\n 'height',\n 'hidden',\n 'high',\n 'href',\n 'hreflang',\n 'id',\n 'inputmode',\n 'integrity',\n 'ismap',\n 'kind',\n 'label',\n 'lang',\n 'list',\n 'loading',\n 'loop',\n 'low',\n 'max',\n 'maxlength',\n 'media',\n 'method',\n 'min',\n 'minlength',\n 'multiple',\n 'muted',\n 'name',\n 'nonce',\n 'noshade',\n 'novalidate',\n 'nowrap',\n 'open',\n 'optimum',\n 'pattern',\n 'placeholder',\n 'playsinline',\n 'poster',\n 'preload',\n 'pubdate',\n 'radiogroup',\n 'readonly',\n 'rel',\n 'required',\n 'rev',\n 'reversed',\n 'role',\n 'rows',\n 'rowspan',\n 'spellcheck',\n 'scope',\n 'selected',\n 'shape',\n 'size',\n 'sizes',\n 'span',\n 'srclang',\n 'start',\n 'src',\n 'srcset',\n 'step',\n 'style',\n 'summary',\n 'tabindex',\n 'title',\n 'translate',\n 'type',\n 'usemap',\n 'valign',\n 'value',\n 'width',\n 'xmlns',\n 'slot',\n ]),\n R = i([\n 'accent-height',\n 'accumulate',\n 'additive',\n 'alignment-baseline',\n 'ascent',\n 'attributename',\n 'attributetype',\n 'azimuth',\n 'basefrequency',\n 'baseline-shift',\n 'begin',\n 'bias',\n 'by',\n 'class',\n 'clip',\n 'clippathunits',\n 'clip-path',\n 'clip-rule',\n 'color',\n 'color-interpolation',\n 'color-interpolation-filters',\n 'color-profile',\n 'color-rendering',\n 'cx',\n 'cy',\n 'd',\n 'dx',\n 'dy',\n 'diffuseconstant',\n 'direction',\n 'display',\n 'divisor',\n 'dur',\n 'edgemode',\n 'elevation',\n 'end',\n 'fill',\n 'fill-opacity',\n 'fill-rule',\n 'filter',\n 'filterunits',\n 'flood-color',\n 'flood-opacity',\n 'font-family',\n 'font-size',\n 'font-size-adjust',\n 'font-stretch',\n 'font-style',\n 'font-variant',\n 'font-weight',\n 'fx',\n 'fy',\n 'g1',\n 'g2',\n 'glyph-name',\n 'glyphref',\n 'gradientunits',\n 'gradienttransform',\n 'height',\n 'href',\n 'id',\n 'image-rendering',\n 'in',\n 'in2',\n 'k',\n 'k1',\n 'k2',\n 'k3',\n 'k4',\n 'kerning',\n 'keypoints',\n 'keysplines',\n 'keytimes',\n 'lang',\n 'lengthadjust',\n 'letter-spacing',\n 'kernelmatrix',\n 'kernelunitlength',\n 'lighting-color',\n 'local',\n 'marker-end',\n 'marker-mid',\n 'marker-start',\n 'markerheight',\n 'markerunits',\n 'markerwidth',\n 'maskcontentunits',\n 'maskunits',\n 'max',\n 'mask',\n 'media',\n 'method',\n 'mode',\n 'min',\n 'name',\n 'numoctaves',\n 'offset',\n 'operator',\n 'opacity',\n 'order',\n 'orient',\n 'orientation',\n 'origin',\n 'overflow',\n 'paint-order',\n 'path',\n 'pathlength',\n 'patterncontentunits',\n 'patterntransform',\n 'patternunits',\n 'points',\n 'preservealpha',\n 'preserveaspectratio',\n 'primitiveunits',\n 'r',\n 'rx',\n 'ry',\n 'radius',\n 'refx',\n 'refy',\n 'repeatcount',\n 'repeatdur',\n 'restart',\n 'result',\n 'rotate',\n 'scale',\n 'seed',\n 'shape-rendering',\n 'specularconstant',\n 'specularexponent',\n 'spreadmethod',\n 'startoffset',\n 'stddeviation',\n 'stitchtiles',\n 'stop-color',\n 'stop-opacity',\n 'stroke-dasharray',\n 'stroke-dashoffset',\n 'stroke-linecap',\n 'stroke-linejoin',\n 'stroke-miterlimit',\n 'stroke-opacity',\n 'stroke',\n 'stroke-width',\n 'style',\n 'surfacescale',\n 'systemlanguage',\n 'tabindex',\n 'targetx',\n 'targety',\n 'transform',\n 'transform-origin',\n 'text-anchor',\n 'text-decoration',\n 'text-rendering',\n 'textlength',\n 'type',\n 'u1',\n 'u2',\n 'unicode',\n 'values',\n 'viewbox',\n 'visibility',\n 'version',\n 'vert-adv-y',\n 'vert-origin-x',\n 'vert-origin-y',\n 'width',\n 'word-spacing',\n 'wrap',\n 'writing-mode',\n 'xchannelselector',\n 'ychannelselector',\n 'x',\n 'x1',\n 'x2',\n 'xmlns',\n 'y',\n 'y1',\n 'y2',\n 'z',\n 'zoomandpan',\n ]),\n I = i([\n 'accent',\n 'accentunder',\n 'align',\n 'bevelled',\n 'close',\n 'columnsalign',\n 'columnlines',\n 'columnspan',\n 'denomalign',\n 'depth',\n 'dir',\n 'display',\n 'displaystyle',\n 'encoding',\n 'fence',\n 'frame',\n 'height',\n 'href',\n 'id',\n 'largeop',\n 'length',\n 'linethickness',\n 'lspace',\n 'lquote',\n 'mathbackground',\n 'mathcolor',\n 'mathsize',\n 'mathvariant',\n 'maxsize',\n 'minsize',\n 'movablelimits',\n 'notation',\n 'numalign',\n 'open',\n 'rowalign',\n 'rowlines',\n 'rowspacing',\n 'rowspan',\n 'rspace',\n 'rquote',\n 'scriptlevel',\n 'scriptminsize',\n 'scriptsizemultiplier',\n 'selection',\n 'separator',\n 'separators',\n 'stretchy',\n 'subscriptshift',\n 'supscriptshift',\n 'symmetric',\n 'voffset',\n 'width',\n 'xmlns',\n ]),\n F = i(['xlink:href', 'xml:id', 'xlink:title', 'xml:space', 'xmlns:xlink']),\n H = a(/\\{\\{[\\s\\S]*|[\\s\\S]*\\}\\}/gm),\n U = a(/<%[\\s\\S]*|[\\s\\S]*%>/gm),\n z = a(/^data-[\\-\\w.\\u00B7-\\uFFFF]/),\n B = a(/^aria-[\\-\\w]+$/),\n P = a(/^(?:(?:(?:f|ht)tps?|mailto|tel|callto|cid|xmpp):|[^a-z]|[a-z+.\\-]+(?:[^a-z+.\\-:]|$))/i),\n j = a(/^(?:\\w+script|data):/i),\n G = a(/[\\u0000-\\u0020\\u00A0\\u1680\\u180E\\u2000-\\u2029\\u205F\\u3000]/g),\n W = a(/^html$/i),\n q =\n 'function' == typeof Symbol && 'symbol' == typeof Symbol.iterator\n ? function (e) {\n return typeof e;\n }\n : function (e) {\n return e && 'function' == typeof Symbol && e.constructor === Symbol && e !== Symbol.prototype\n ? 'symbol'\n : typeof e;\n };\n function Y(e) {\n if (Array.isArray(e)) {\n for (var t = 0, n = Array(e.length); t < e.length; t++) n[t] = e[t];\n return n;\n }\n return Array.from(e);\n }\n var K = function () {\n return 'undefined' == typeof window ? null : window;\n },\n V = function (e, t) {\n if ('object' !== (void 0 === e ? 'undefined' : q(e)) || 'function' != typeof e.createPolicy) return null;\n var n = null,\n r = 'data-tt-policy-suffix';\n t.currentScript && t.currentScript.hasAttribute(r) && (n = t.currentScript.getAttribute(r));\n var o = 'dompurify' + (n ? '#' + n : '');\n try {\n return e.createPolicy(o, {\n createHTML: function (e) {\n return e;\n },\n });\n } catch (e) {\n return console.warn('TrustedTypes policy ' + o + ' could not be created.'), null;\n }\n };\n return (function e() {\n var t = arguments.length > 0 && void 0 !== arguments[0] ? arguments[0] : K(),\n n = function (t) {\n return e(t);\n };\n if (((n.version = '2.3.6'), (n.removed = []), !t || !t.document || 9 !== t.document.nodeType))\n return (n.isSupported = !1), n;\n var r = t.document,\n o = t.document,\n a = t.DocumentFragment,\n l = t.HTMLTemplateElement,\n c = t.Node,\n s = t.Element,\n u = t.NodeFilter,\n m = t.NamedNodeMap,\n A = void 0 === m ? t.NamedNodeMap || t.MozNamedAttrMap : m,\n $ = t.HTMLFormElement,\n X = t.DOMParser,\n Z = t.trustedTypes,\n J = s.prototype,\n Q = w(J, 'cloneNode'),\n ee = w(J, 'nextSibling'),\n te = w(J, 'childNodes'),\n ne = w(J, 'parentNode');\n if ('function' == typeof l) {\n var re = o.createElement('template');\n re.content && re.content.ownerDocument && (o = re.content.ownerDocument);\n }\n var oe = V(Z, r),\n ie = oe ? oe.createHTML('') : '',\n ae = o,\n le = ae.implementation,\n ce = ae.createNodeIterator,\n se = ae.createDocumentFragment,\n ue = ae.getElementsByTagName,\n me = r.importNode,\n fe = {};\n try {\n fe = x(o).documentMode ? o.documentMode : {};\n } catch (e) {}\n var de = {};\n n.isSupported = 'function' == typeof ne && le && void 0 !== le.createHTMLDocument && 9 !== fe;\n var pe = H,\n he = U,\n ge = z,\n ye = B,\n ve = j,\n be = G,\n Te = P,\n Ne = null,\n Ae = E({}, [].concat(Y(k), Y(S), Y(_), Y(O), Y(M))),\n Ee = null,\n xe = E({}, [].concat(Y(L), Y(R), Y(I), Y(F))),\n we = Object.seal(\n Object.create(null, {\n tagNameCheck: { writable: !0, configurable: !1, enumerable: !0, value: null },\n attributeNameCheck: { writable: !0, configurable: !1, enumerable: !0, value: null },\n allowCustomizedBuiltInElements: { writable: !0, configurable: !1, enumerable: !0, value: !1 },\n })\n ),\n ke = null,\n Se = null,\n _e = !0,\n De = !0,\n Oe = !1,\n Ce = !1,\n Me = !1,\n Le = !1,\n Re = !1,\n Ie = !1,\n Fe = !1,\n He = !1,\n Ue = !0,\n ze = !0,\n Be = !1,\n Pe = {},\n je = null,\n Ge = E({}, [\n 'annotation-xml',\n 'audio',\n 'colgroup',\n 'desc',\n 'foreignobject',\n 'head',\n 'iframe',\n 'math',\n 'mi',\n 'mn',\n 'mo',\n 'ms',\n 'mtext',\n 'noembed',\n 'noframes',\n 'noscript',\n 'plaintext',\n 'script',\n 'style',\n 'svg',\n 'template',\n 'thead',\n 'title',\n 'video',\n 'xmp',\n ]),\n We = null,\n qe = E({}, ['audio', 'video', 'img', 'source', 'image', 'track']),\n Ye = null,\n Ke = E({}, [\n 'alt',\n 'class',\n 'for',\n 'id',\n 'label',\n 'name',\n 'pattern',\n 'placeholder',\n 'role',\n 'summary',\n 'title',\n 'value',\n 'style',\n 'xmlns',\n ]),\n Ve = 'http://www.w3.org/1998/Math/MathML',\n $e = 'http://www.w3.org/2000/svg',\n Xe = 'http://www.w3.org/1999/xhtml',\n Ze = Xe,\n Je = !1,\n Qe = void 0,\n et = ['application/xhtml+xml', 'text/html'],\n tt = 'text/html',\n nt = void 0,\n rt = null,\n ot = o.createElement('form'),\n it = function (e) {\n return e instanceof RegExp || e instanceof Function;\n },\n at = function (e) {\n (rt && rt === e) ||\n ((e && 'object' === (void 0 === e ? 'undefined' : q(e))) || (e = {}),\n (e = x(e)),\n (Ne = 'ALLOWED_TAGS' in e ? E({}, e.ALLOWED_TAGS) : Ae),\n (Ee = 'ALLOWED_ATTR' in e ? E({}, e.ALLOWED_ATTR) : xe),\n (Ye = 'ADD_URI_SAFE_ATTR' in e ? E(x(Ke), e.ADD_URI_SAFE_ATTR) : Ke),\n (We = 'ADD_DATA_URI_TAGS' in e ? E(x(qe), e.ADD_DATA_URI_TAGS) : qe),\n (je = 'FORBID_CONTENTS' in e ? E({}, e.FORBID_CONTENTS) : Ge),\n (ke = 'FORBID_TAGS' in e ? E({}, e.FORBID_TAGS) : {}),\n (Se = 'FORBID_ATTR' in e ? E({}, e.FORBID_ATTR) : {}),\n (Pe = 'USE_PROFILES' in e && e.USE_PROFILES),\n (_e = !1 !== e.ALLOW_ARIA_ATTR),\n (De = !1 !== e.ALLOW_DATA_ATTR),\n (Oe = e.ALLOW_UNKNOWN_PROTOCOLS || !1),\n (Ce = e.SAFE_FOR_TEMPLATES || !1),\n (Me = e.WHOLE_DOCUMENT || !1),\n (Ie = e.RETURN_DOM || !1),\n (Fe = e.RETURN_DOM_FRAGMENT || !1),\n (He = e.RETURN_TRUSTED_TYPE || !1),\n (Re = e.FORCE_BODY || !1),\n (Ue = !1 !== e.SANITIZE_DOM),\n (ze = !1 !== e.KEEP_CONTENT),\n (Be = e.IN_PLACE || !1),\n (Te = e.ALLOWED_URI_REGEXP || Te),\n (Ze = e.NAMESPACE || Xe),\n e.CUSTOM_ELEMENT_HANDLING &&\n it(e.CUSTOM_ELEMENT_HANDLING.tagNameCheck) &&\n (we.tagNameCheck = e.CUSTOM_ELEMENT_HANDLING.tagNameCheck),\n e.CUSTOM_ELEMENT_HANDLING &&\n it(e.CUSTOM_ELEMENT_HANDLING.attributeNameCheck) &&\n (we.attributeNameCheck = e.CUSTOM_ELEMENT_HANDLING.attributeNameCheck),\n e.CUSTOM_ELEMENT_HANDLING &&\n 'boolean' == typeof e.CUSTOM_ELEMENT_HANDLING.allowCustomizedBuiltInElements &&\n (we.allowCustomizedBuiltInElements = e.CUSTOM_ELEMENT_HANDLING.allowCustomizedBuiltInElements),\n (Qe = Qe = -1 === et.indexOf(e.PARSER_MEDIA_TYPE) ? tt : e.PARSER_MEDIA_TYPE),\n (nt =\n 'application/xhtml+xml' === Qe\n ? function (e) {\n return e;\n }\n : h),\n Ce && (De = !1),\n Fe && (Ie = !0),\n Pe &&\n ((Ne = E({}, [].concat(Y(M)))),\n (Ee = []),\n !0 === Pe.html && (E(Ne, k), E(Ee, L)),\n !0 === Pe.svg && (E(Ne, S), E(Ee, R), E(Ee, F)),\n !0 === Pe.svgFilters && (E(Ne, _), E(Ee, R), E(Ee, F)),\n !0 === Pe.mathMl && (E(Ne, O), E(Ee, I), E(Ee, F))),\n e.ADD_TAGS && (Ne === Ae && (Ne = x(Ne)), E(Ne, e.ADD_TAGS)),\n e.ADD_ATTR && (Ee === xe && (Ee = x(Ee)), E(Ee, e.ADD_ATTR)),\n e.ADD_URI_SAFE_ATTR && E(Ye, e.ADD_URI_SAFE_ATTR),\n e.FORBID_CONTENTS && (je === Ge && (je = x(je)), E(je, e.FORBID_CONTENTS)),\n ze && (Ne['#text'] = !0),\n Me && E(Ne, ['html', 'head', 'body']),\n Ne.table && (E(Ne, ['tbody']), delete ke.tbody),\n i && i(e),\n (rt = e));\n },\n lt = E({}, ['mi', 'mo', 'mn', 'ms', 'mtext']),\n ct = E({}, ['foreignobject', 'desc', 'title', 'annotation-xml']),\n st = E({}, S);\n E(st, _), E(st, D);\n var ut = E({}, O);\n E(ut, C);\n var mt = function (e) {\n var t = ne(e);\n (t && t.tagName) || (t = { namespaceURI: Xe, tagName: 'template' });\n var n = h(e.tagName),\n r = h(t.tagName);\n if (e.namespaceURI === $e)\n return t.namespaceURI === Xe\n ? 'svg' === n\n : t.namespaceURI === Ve\n ? 'svg' === n && ('annotation-xml' === r || lt[r])\n : Boolean(st[n]);\n if (e.namespaceURI === Ve)\n return t.namespaceURI === Xe ? 'math' === n : t.namespaceURI === $e ? 'math' === n && ct[r] : Boolean(ut[n]);\n if (e.namespaceURI === Xe) {\n if (t.namespaceURI === $e && !ct[r]) return !1;\n if (t.namespaceURI === Ve && !lt[r]) return !1;\n var o = E({}, ['title', 'style', 'font', 'a', 'script']);\n return !ut[n] && (o[n] || !st[n]);\n }\n return !1;\n },\n ft = function (e) {\n p(n.removed, { element: e });\n try {\n e.parentNode.removeChild(e);\n } catch (t) {\n try {\n e.outerHTML = ie;\n } catch (t) {\n e.remove();\n }\n }\n },\n dt = function (e, t) {\n try {\n p(n.removed, { attribute: t.getAttributeNode(e), from: t });\n } catch (e) {\n p(n.removed, { attribute: null, from: t });\n }\n if ((t.removeAttribute(e), 'is' === e && !Ee[e]))\n if (Ie || Fe)\n try {\n ft(t);\n } catch (e) {}\n else\n try {\n t.setAttribute(e, '');\n } catch (e) {}\n },\n pt = function (e) {\n var t = void 0,\n n = void 0;\n if (Re) e = '\n {showTitle && (\n
\n \n
\n )}\n {leftHead}
\n \n {rightHead && (\n
\n \n \n
\n )}\n \n
\n \n {rightHead}\n
\n\n {bublets.map((bublet, index) => (\n
\n \n
\n ))}\n \n
\n {bublet.icon}
\n \n
\n \n {index + 1}. {bublet.head}\n
\n{bublet.para}
\n{bublet.actionContent}
\n \n
\n \n );\n}\n","import React, { useState } from 'react';\nimport Rating from '../../ui_kit/inputs/rating';\n\nexport default function HowAreYouFeeling({\n onSubmit,\n onBack,\n answers,\n gtm,\n numberRating = false,\n title = \"Share how you're currently feeling about the procedure.\",\n para = \"We'll let your mentor know how you're currently feeling.\",\n star = false,\n keyForAnswer = 'currentlyFeeling',\n textLabels = ['Very disappointing', 'Disappointing', 'Somewhat helpful', 'Helpful', 'Very helpful'],\n}) {\n const icons = [\n {\n icon: (\n \n ),\n text: textLabels[0],\n number: 1,\n },\n {\n icon: (\n \n ),\n text: textLabels[1],\n number: 2,\n },\n {\n icon: (\n \n ),\n text: textLabels[2],\n number: 3,\n },\n {\n icon: (\n \n ),\n text: textLabels[3],\n number: 4,\n },\n {\n icon: (\n \n ),\n text: textLabels[4],\n number: 5,\n },\n ];\n\n const [selected, setSelected] = useState(icons[answers[keyForAnswer] - 1]);\n const submit = () => {\n onSubmit({ ...answers, [keyForAnswer]: selected.number });\n };\n\n return (\n \n
\n {selected != null && \n {icons.map((icon, index) => (\n setSelected(icons[index])}\n className={`${styles.icon_wrap} ${isSelected(icon) ? styles.selected : ''}`}\n >\n {icon.icon}\n
\n ))}\n {selected.text}
}\n\n \n
\n );\n}\n","import React, { useState } from 'react';\nimport ErrorMessage from '../ui_kit/utilities/error_message';\nimport { validateText } from '../../helpers';\n\nexport default function ConversationTopics({\n answers,\n onSubmit,\n onBack,\n headline = 'What would you like to talk about with your PatientPartner?',\n para = 'Sharing some topics will help prepare your PatientPartner™ for your conversation.',\n cta = 'Submit',\n placeholder = 'Tell us here...',\n gtm,\n allowEmpty = false,\n}) {\n const [conversationTopics, setConversationTopics] = useState(answers.extraInfo || '');\n\n const onBackClick = (event) => {\n event.preventDefault();\n onBack();\n };\n\n const onClick = () => {\n event.preventDefault();\n const newAnswer = { ...answers, extraInfo: conversationTopics };\n onSubmit(newAnswer);\n };\n\n let disabled = 'disabled';\n let error = '';\n if (!allowEmpty) {\n if (conversationTopics) {\n if (!validateText(conversationTopics, 1000)) {\n error = 'Please enter this information without special characters';\n } else {\n disabled = '';\n }\n }\n } else {\n disabled = '';\n }\n\n return (\n \n
\n \n {title}
\n{para}
\n\n
\n \n {onBack && (\n \n Back\n \n )}\n submit(e)}\n data-gtm-click-label={`${gtm} - Next`}\n >\n Next\n \n
\n \n \n
\n );\n}\n","// extracted by mini-css-extract-plugin\nmodule.exports = {\"info_wrap\":\"index-module__info_wrap___VUz8U\",\"treatment\":\"index-module__treatment___4IgiV\",\"treatment_row\":\"index-module__treatment_row___sl0nq\",\"ava_button_liner\":\"index-module__ava_button_liner___hzSaf\",\"treatment_col\":\"index-module__treatment_col___dw5zX\"};","// extracted by mini-css-extract-plugin\nmodule.exports = {\"bio_p\":\"index-module__bio_p___iXvLV\",\"det_p\":\"index-module__det_p___CmPcs\",\"location_phone\":\"index-module__location_phone___Rnq0+\",\"marg_top\":\"index-module__marg_top___w8N10\",\"address_p\":\"index-module__address_p___G-Ca7\"};","// extracted by mini-css-extract-plugin\nmodule.exports = {\"txt\":\"index-module__txt___b3IDU\"};","// extracted by mini-css-extract-plugin\nmodule.exports = {\"bio_p\":\"index-module__bio_p___9OSvC\",\"detail_txt\":\"index-module__detail_txt___+K5tK\",\"school_name\":\"index-module__school_name___55xJV\",\"school_title\":\"index-module__school_title___57miK\"};","// extracted by mini-css-extract-plugin\nmodule.exports = {\"fi_text\":\"index-module__fi_text___Uubwj\",\"container\":\"index-module__container___Vn8nU\",\"companies\":\"index-module__companies___GhDKd\",\"number\":\"index-module__number___mFZxY\",\"bar\":\"index-module__bar___t9Fiz\"};","// extracted by mini-css-extract-plugin\nmodule.exports = {\"para\":\"index-module__para___ZYzGz\",\"arrow\":\"index-module__arrow___TAut-\",\"arrow_cont\":\"index-module__arrow_cont___GVPLX\"};","// extracted by mini-css-extract-plugin\nmodule.exports = {\"head\":\"index-module__head___CRbtn\",\"testimonials\":\"index-module__testimonials___og4ev\",\"content\":\"index-module__content___ebR6g\",\"name\":\"index-module__name___WDFXa\",\"pagination_wrapper\":\"index-module__pagination_wrapper___5p-zu\",\"pagination\":\"index-module__pagination___Tu0t7\",\"selected\":\"index-module__selected___ecojp\"};","import React from 'react';\nimport Divider from '../../../../ui_kit/utilities/divider';\nimport MentorCard from '../../../../ui_kit/utilities/mentor_card';\nimport styles from '../../index.module.css';\n\nexport default function MentorMatch({\n patientPartner,\n callback,\n whatsNextMessage = (p) => {\n return `Send your first message to ${p.name} and get answers to questions about the procedure, recovery, and their experience with ${p.other_data.previous_surgeon ? (p.other_data.previous_surgeon.name === 'Dr. Shaneeta Johnson' ? 'Dr. Johnson or Dr. Hobson' : p.other_data.previous_surgeon.name) : 'their surgeon'}.`;\n },\n}) {\n return (\n \n \n
\n \n \n
\n );\n}\n","export const getPatientPartners = (\n type,\n answers,\n contactId,\n start_date,\n end_date,\n limit_5,\n successCallback,\n include_inactive\n) => {\n let query = { type: type };\n\n if (answers !== null) {\n query = { ...query, answers };\n }\n if (contactId !== null) {\n query = { ...query, contact_id: contactId };\n }\n\n if (start_date !== '') {\n query = { ...query, start_date };\n }\n\n if (end_date !== '') {\n query = { ...query, end_date };\n }\n\n if (limit_5) {\n query = { ...query, limit_5 };\n }\n if (include_inactive) {\n query = { ...query, include_inactive };\n }\n fetch(`/patient_partners?${objToQueryString(query)}`, {\n method: 'GET',\n headers: {\n 'Content-Type': 'application/json',\n },\n })\n .then((response) => response.json())\n .then((data) => {\n successCallback(data);\n });\n};\n\nexport const getSimplePatientPartners = (params, successCallback) => {\n fetch(`/api/v1/patient_partners?${objToQueryString(params)}`, {\n method: 'GET',\n headers: {\n 'Content-Type': 'application/json',\n },\n })\n .then((response) => response.json())\n .then((data) => {\n successCallback(data);\n });\n};\n\nexport const getPatientPartnersPerDistance = (location, distance, successCallback) => {\n if (location === '') {\n successCallback([]);\n return;\n }\n let query = {\n location: location,\n };\n if (distance !== 'undefined') {\n query = {\n location: location,\n distance: distance,\n };\n }\n\n fetch(`/patient_partners?${objToQueryString(query)}`, {\n method: 'GET',\n headers: {\n 'Content-Type': 'application/json',\n },\n })\n .then((response) => response.json())\n .then((data) => {\n successCallback(data);\n });\n};\n\nexport const getPatientPartner = (id, successCallback) => {\n fetch(`/patient_partners/${id}`, {\n headers: {\n 'Content-Type': 'application/json',\n },\n })\n .then((response) => response.json())\n .then((data) => {\n successCallback(data);\n });\n};\n","import React, { useState } from 'react';\nimport styles from './index.module.css';\nimport Autocomplete from 'react-google-autocomplete';\nimport ErrorMessage from '../../../ui_kit/utilities/error_message';\nimport { isObjEmpty } from '../../../../helpers';\n\nexport default function LocationInput({\n value,\n setValue,\n gtm,\n style,\n light,\n placeholder,\n classNames,\n inputStyles = {},\n pendoTag = '',\n showSmallLabel,\n fullWidth = false,\n countryRestriction = 'us',\n}) {\n const [currentValue, setCurrentValue] = useState((value && value.address) || '');\n const [choseValueFromSuggested, setChoseValueFromSuggested] = useState(false);\n const [showLocationLabel, setShowLocationLabel] = useState(false);\n\n const findAddressComponent = (components, type) => {\n let component = components.filter((c) => c.types.includes(type))[0];\n\n if (component) {\n return component;\n }\n\n return null;\n };\n\n const processPlace = (place) => {\n if (isObjEmpty(place)) {\n return {};\n }\n\n let ret = {};\n ret['address'] = place.formatted_address;\n if (place.geometry && place.geometry.location && place.geometry.location.lat()) {\n ret['latitude'] = place.geometry.location.lat();\n }\n if (place.geometry && place.geometry.location && place.geometry.location.lng()) {\n ret['longitude'] = place.geometry.location.lng();\n }\n\n ret['google_place_id'] = place.place_id;\n const zipcodeComponent = findAddressComponent(place.address_components, 'postal_code');\n if (zipcodeComponent) {\n ret['zipcode'] = zipcodeComponent.long_name;\n }\n const stateComponent = findAddressComponent(place.address_components, 'administrative_area_level_1');\n if (stateComponent) {\n ret['state'] = stateComponent.short_name;\n }\n const cityComponent = findAddressComponent(place.address_components, 'locality');\n if (cityComponent) {\n ret['city'] = cityComponent.short_name;\n }\n\n return ret;\n };\n\n let error = '';\n if (currentValue !== '' && currentValue !== (value && value.address) && !choseValueFromSuggested) {\n error = 'Select a location from the list';\n }\n\n return (\n <>\n \n
\n You’ve been matched with {patientPartner.name}!
\nmeet your mentor
\n\n {patientPartner &&
\n \n
\n \n
\n What's next?
\n{whatsNextMessage(patientPartner)}
\n\n \n
\n );\n}\n","// extracted by mini-css-extract-plugin\nmodule.exports = {\"hero_container\":\"img_r_txt_l_simple-module__hero_container___PgOn1\",\"flexcol\":\"img_r_txt_l_simple-module__flexcol___g+Kqn\",\"minheightcol\":\"img_r_txt_l_simple-module__minheightcol___bzJ1T\",\"photo\":\"img_r_txt_l_simple-module__photo___B+vkY\",\"heading6\":\"img_r_txt_l_simple-module__heading6___T9LTv\",\"fadein1\":\"img_r_txt_l_simple-module__fadein1___Ddv8Z\",\"heading1\":\"img_r_txt_l_simple-module__heading1___QB5k+\"};","// extracted by mini-css-extract-plugin\nmodule.exports = {\"file_btn\":\"styles-module__file_btn___6CQRe\",\"btn_txt\":\"styles-module__btn_txt___YuZ9c\",\"helper_txt\":\"styles-module__helper_txt___VQeYL\",\"icon\":\"styles-module__icon___xXdcp\",\"attachment_btn\":\"styles-module__attachment_btn___2A+M4\",\"drop_field\":\"styles-module__drop_field___BApq8\"};","// extracted by mini-css-extract-plugin\nmodule.exports = {\"roster_container\":\"acc_details-module__roster_container___KyRz4\",\"roster_container_wrapper\":\"acc_details-module__roster_container_wrapper___M38rE\",\"create_btn\":\"acc_details-module__create_btn___6+77W\",\"profile_photo\":\"acc_details-module__profile_photo___V02-k\",\"profile_photo_name_wrap\":\"acc_details-module__profile_photo_name_wrap___RJLp1\",\"no_trans\":\"acc_details-module__no_trans___GMxYL\"};","// extracted by mini-css-extract-plugin\nmodule.exports = {\"condition_input\":\"index-module__condition_input___6hYj1\",\"anything_else_label\":\"index-module__anything_else_label___v9pG0\",\"first_name\":\"index-module__first_name___FgxEM\",\"last_name\":\"index-module__last_name___YO5Pm\",\"pre_signup_container\":\"index-module__pre_signup_container___bs4Ph\",\"pre_signup_input\":\"index-module__pre_signup_input___MtCJ4\",\"condition_label\":\"index-module__condition_label___yC4gT\",\"in_final_position\":\"index-module__in_final_position___iWf-+\"};","// extracted by mini-css-extract-plugin\nmodule.exports = {\"unread_count\":\"index-module__unread_count___eJW4E\",\"unread_notification_count_container\":\"index-module__unread_notification_count_container___mQjYT\",\"unread_notification_count\":\"index-module__unread_notification_count___2Q5-t\",\"mark_everything_as_read\":\"index-module__mark_everything_as_read___Gg5aa\",\"notification_container\":\"index-module__notification_container___KNzB7\",\"notification_unread\":\"index-module__notification_unread___ScjUF\",\"notification_avatar_container\":\"index-module__notification_avatar_container___JZ5L4\",\"notification_text_container\":\"index-module__notification_text_container___hu9Z2\",\"notification_timestamp\":\"index-module__notification_timestamp___PW0yA\",\"notif_container\":\"index-module__notif_container___p7hpF\",\"profile_section_headline\":\"index-module__profile_section_headline___6095p\",\"notif_bub\":\"index-module__notif_bub___I68VI\"};","// extracted by mini-css-extract-plugin\nmodule.exports = {\"questionnaire_ottr\":\"index-module__questionnaire_ottr___l6F0+\",\"cont_row\":\"index-module__cont_row___0CfbB\",\"introQuestion\":\"index-module__introQuestion___11I2i\",\"whats_next\":\"index-module__whats_next___hkalL\",\"sm\":\"index-module__sm___MRm6r\"};","// extracted by mini-css-extract-plugin\nmodule.exports = {\"questionnaire_modal_container\":\"index-module__questionnaire_modal_container___qOab2\",\"modal_body_wrap\":\"index-module__modal_body_wrap___ZJ01Z\",\"questionnaire_modal_banner\":\"index-module__questionnaire_modal_banner___DUEko\",\"nb_para\":\"index-module__nb_para___0qQz2\",\"q_modal\":\"index-module__q_modal___OLlDP\",\"content\":\"index-module__content___lLYbH\",\"cta_wrap\":\"index-module__cta_wrap___3FPGX\",\"create_post_wrap\":\"index-module__create_post_wrap___DZ8Qi\"};","import React, { useState } from 'react';\nimport { validateText } from '../../../helpers';\nimport ErrorMessage from '../../ui_kit/utilities/error_message';\nimport styles from './patient_gender.module.css';\n\nexport default function HealthcareJourney({ answers, onSubmit, onBack, gtm, allowOther = true }) {\n const ALL_CONDITIONS = [\n 'Considering a procedure',\n 'Looking for a doctor',\n 'Preparing for a procedure',\n 'Surgery scheduled',\n 'Recovering from a procedure',\n ];\n\n const [currentJourney, setCurrentJourney] = useState(answers.currentJourney ? answers.currentJourney : '');\n\n const onClick = (condition) => () => {\n if (currentJourney.includes(condition)) {\n setCurrentJourney('');\n } else {\n setCurrentJourney(condition);\n }\n };\n\n const renderParen = (condition) => {\n if (condition === 'Considering a procedure') {\n return (gathering information);\n }\n if (condition === 'Preparing for a procedure') {\n return (insurance approval, etc.);\n }\n\n return <>;\n };\n\n return (\n \n \n
\n );\n}\n","import React, { useContext } from 'react';\nimport { useHistory } from 'react-router-dom';\nimport { createConversation } from '../../../../api/conversations';\nimport Context from '../../../../utils/context';\nimport styles from './index.module.css';\n\nexport default function MentorCard({ mentor, callback = null }) {\n const [showBio, setShowBio] = React.useState(false);\n const context = useContext(Context);\n const isMobile = context.viewport.getIsMobile();\n let history = useHistory();\n\n const sendAMessage = () => {\n if (context.auth.isLoggedIn()) {\n createConversation({ patient_partner_id: mentor.id }, (conversation) => {\n if (callback) {\n callback(conversation);\n } else {\n history.push(`/member/conversations/${conversation.uuid}`);\n }\n });\n } else {\n history.push(`/member/join/support?patient_partner_id=${mentor.id}`);\n }\n };\n\n return (\n \n
\n \n \n Where are you in your healthcare journey? (Select the best match.)\n
\nWe'll let your mentor know where you are in your journey.
\n \n\n
\n );\n}\n","// extracted by mini-css-extract-plugin\nmodule.exports = {\"load_wrap\":\"index-module__load_wrap___i51mi\",\"spinner\":\"index-module__spinner___-87NI\",\"bubble_1\":\"index-module__bubble_1___LFaxp\",\"bubble_2\":\"index-module__bubble_2___t9aU5\",\"loadingI\":\"index-module__loadingI___q9Ku1\",\"bounce\":\"index-module__bounce___OyzuI\"};","// extracted by mini-css-extract-plugin\nmodule.exports = {\"imgr\":\"index-module__imgr___OAMBB\",\"imr_txt\":\"index-module__imr_txt___qZ14c\",\"floating_box\":\"index-module__floating_box___3h-vR\",\"faqol\":\"index-module__faqol___YxIi5\",\"headline\":\"index-module__headline___Q-HrJ\",\"so_headline\":\"index-module__so_headline___cDk9A\",\"chat_head\":\"index-module__chat_head___SBujN\"};","// extracted by mini-css-extract-plugin\nmodule.exports = {\"content_to_click_container\":\"index-module__content_to_click_container___9B5Km\",\"content_to_see_container\":\"index-module__content_to_see_container___NavAw\",\"header_container\":\"index-module__header_container___ItMRS\",\"header_title\":\"index-module__header_title___g4Xcq\",\"header_right_content_container\":\"index-module__header_right_content_container___A-cxn\",\"divider\":\"index-module__divider___-FQKo\"};","// extracted by mini-css-extract-plugin\nmodule.exports = {\"simple_header\":\"index-module__simple_header___bT6Te\",\"header_row\":\"index-module__header_row___QKNr+\",\"logo_col\":\"index-module__logo_col___K5kGW\",\"login_col\":\"index-module__login_col___hzJ-2\",\"hdr_logo_lg\":\"index-module__hdr_logo_lg___AzhB0\",\"login_btn\":\"index-module__login_btn___C0aPP\"};","// extracted by mini-css-extract-plugin\nmodule.exports = {\"test_container\":\"index-module__test_container___C7a6V\",\"photo\":\"index-module__photo___5kLO3\",\"info_holder\":\"index-module__info_holder___s2Iqy\",\"heading5\":\"index-module__heading5___xCYN5\",\"heading6\":\"index-module__heading6___1wYd6\"};","// extracted by mini-css-extract-plugin\nmodule.exports = {\"editor_wrap\":\"index-module__editor_wrap___Gk6O-\",\"preview\":\"index-module__preview___03rPB\",\"editor\":\"index-module__editor___TU1Ms\",\"camera\":\"index-module__camera___GxYKu\",\"camera_holder\":\"index-module__camera_holder___kCop8\",\"click_edit\":\"index-module__click_edit___vRaYF\"};","// extracted by mini-css-extract-plugin\nmodule.exports = {\"label\":\"index-module__label___lwz0s\",\"add_procedure\":\"index-module__add_procedure___RxDYS\",\"input\":\"index-module__input___9IeH+\",\"show\":\"index-module__show___lh2be\",\"add_button\":\"index-module__add_button___8ZK28\"};","// extracted by mini-css-extract-plugin\nmodule.exports = {\"label\":\"index-module__label___ihZLi\",\"add_procedure\":\"index-module__add_procedure___2riF5\",\"input\":\"index-module__input___+RdVh\",\"show\":\"index-module__show___Cu6Wm\",\"add_button\":\"index-module__add_button___sg+iw\"};","// extracted by mini-css-extract-plugin\nmodule.exports = {\"imgr\":\"index-module__imgr___On9Db\",\"imr_txt\":\"index-module__imr_txt___cSFez\"};","// extracted by mini-css-extract-plugin\nmodule.exports = {\"thank_you_text\":\"index-module__thank_you_text___ZnuCA\",\"thank_you_container\":\"index-module__thank_you_container___BExa+\",\"light_blue_text\":\"index-module__light_blue_text___UrE-C\",\"thank_you\":\"index-module__thank_you___V8rrw\",\"whats_next\":\"index-module__whats_next___dir+G\"};","// extracted by mini-css-extract-plugin\nmodule.exports = {\"input_label\":\"index-module__input_label___w6KBH\",\"checkout_txt\":\"index-module__checkout_txt___q-+n7\",\"checkout_items_cont\":\"index-module__checkout_items_cont___-iVrf\",\"txt_cont\":\"index-module__txt_cont___x0ZIp\",\"summary\":\"index-module__summary___uDkgV\",\"checkout_row\":\"index-module__checkout_row___BU7vL\"};","import React, { useState, useEffect } from 'react';\nimport ErrorMessage from '../../ui_kit/utilities/error_message';\nimport { validateText } from '../../../helpers';\n\nexport default function ChooseManyOptions({\n answers,\n keyForAnswer,\n onSubmit,\n onBack,\n gtm,\n options,\n title,\n para,\n otherItemLabel,\n submitCta = 'Submit',\n otherInput = true,\n chooseMax,\n}) {\n const [values, setValues] = useState(\n answers[keyForAnswer] ? answers[keyForAnswer].filter((x) => options.includes(x)) : []\n );\n const [other, setOther] = useState(\n answers[keyForAnswer] ? answers[keyForAnswer].filter((x) => !options.includes(x)).join(',') : ''\n );\n let disabledTile = 'disabled';\n\n const onClick = (option) => () => {\n if (values.includes(option)) {\n setValues(values.filter((c) => c !== option));\n } else {\n setValues(values.concat([option]));\n }\n };\n\n const onBackClick = (e) => {\n e.preventDefault();\n onBack();\n };\n\n const onSubmitClick = (e) => {\n e.preventDefault();\n\n let newValues = [...values];\n if (other !== '') {\n newValues.push(other);\n }\n const newAnswer = { ...answers, [keyForAnswer]: newValues };\n onSubmit(newAnswer);\n };\n\n let disabled = 'disabled';\n if (other !== '') {\n if (validateText(other)) {\n disabled = '';\n } else {\n disabled = 'disabled';\n }\n }\n if (values.length > 0) {\n disabled = '';\n if (other !== '') {\n if (validateText(other)) {\n disabled = '';\n } else {\n disabled = 'disabled';\n }\n }\n }\n\n return (\n \n
\n\n \n
\n \n \n
\n \n
\n \n {mentor.name} mentor\n
\n{mentor.display_location}
\n\n
\n\n \n
\n \n {mentor.surgeries_or_treatments.map((sot, i) => (\n \n {i !== 0 && `, `}\n {sot}\n \n ))}\n
\n\n
\n\n \n setShowBio(!showBio)}\n className={styles.sot}\n >\n {showBio ? 'Show less' : 'Read More'}\n \n
\n {mentor.bio}
\n\n
\n \n sendAMessage()}\n >\n Send a message\n \n
\n \n \n
\n );\n}\n","import React, { useState } from 'react';\nimport InputWithOptions from '../../ui_kit/utilities/input_with_options';\nimport RequestButton from '../../ui_kit/utilities/request_button';\n\nexport default function WhatProcedure({\n selected,\n onSubmit,\n onBack,\n choices = [\"I don't see my provider\", ...gon.all_insurances],\n label = 'Type procedure here...',\n head = 'What surgery are you considering?',\n para = 'We’ll match you with someone who has had the same surgery. Select any that apply.',\n gtm,\n}) {\n const [procedure, setProcedure] = useState((selected && selected[0]) || '');\n const onClick = (e) => {\n onSubmit([procedure]);\n };\n\n const disabled = procedure !== '' ? '' : 'disabled';\n\n return (\n \n \n
\n \n \n \n
\n );\n}\n","import React, { useState, useEffect } from 'react';\nimport DatePickerWrapper from '../../date_picker_wrapper';\nimport Todpicker from '../../todpicker';\nimport ErrorMessage from '../../ui_kit/utilities/error_message';\nimport { validatePhone } from '../../../helpers';\n\nexport default function DateTime({\n onSubmit,\n answers,\n title,\n subtitle = 'Select a day and time, then verify your contact information.',\n datePlaceholder = 'Preferred appt. date',\n timePlaceholder = 'Preferred appt. time',\n gtm,\n capturePhone = false,\n}) {\n const [disabled, setDisabled] = useState('disabled');\n const [error, setError] = useState('');\n\n const getNextWork = (d) => {\n d.setDate(d.getDate() + 1); // tomorrow\n if (d.getDay() == 0) d.setDate(d.getDate() + 1);\n else if (d.getDay() == 6) d.setDate(d.getDate() + 2);\n return d;\n };\n const isWeekday = (date) => {\n const day = date.getDay();\n return day !== 0 && day !== 6;\n };\n\n const minDate = getNextWork(getNextWork(new Date()));\n const [apptDate, setApptDate] = useState(answers.apptDate || '');\n const [apptTimeOfDay, setApptTimeOfDay] = useState(answers.apptTimeOfDay || timePlaceholder);\n const [phone, setPhone] = useState(answers.phone || '');\n var checkedPhone = validatePhone(phone);\n\n const validatePhoneOnBlur = () => {\n if (phone !== '' && !checkedPhone) {\n setError('Enter a valid phone number');\n } else {\n setError('');\n }\n };\n\n const validate = () => {\n if (\n apptDate !== '' &&\n apptDate !== null &&\n apptTimeOfDay !== timePlaceholder &&\n (checkedPhone === true || !capturePhone)\n ) {\n setDisabled('');\n setError('');\n } else {\n setDisabled('disabled');\n }\n };\n\n useEffect(() => {\n validate();\n }, [apptDate, apptTimeOfDay, phone]);\n\n const options = [timePlaceholder, 'Morning (9:00-12:00pm)', 'Afternoon (1:00-5:00pm)'];\n\n const onClick = () => {\n if (capturePhone) {\n onSubmit({ ...answers, apptDate, apptTimeOfDay, phone });\n } else {\n onSubmit({ ...answers, apptDate, apptTimeOfDay });\n }\n };\n\n return (\n \n
\n \n {head}
\n{para}
\n\n {onBack ? (\n onBack()}\n data-gtm-click-label={`${gtm} What Procedure Back`}\n >\n Back\n \n ) : (\n \n )}\n
\n \n
\n );\n}\n","import React from 'react';\nimport PhoneInput from 'react-phone-number-input';\nimport 'react-phone-number-input/style.css';\nimport styles from './index.module.css';\n\nexport default function PhoneNumberInput({\n phone,\n setPhone,\n style = {},\n phoneOverrideStyle = {},\n light,\n onBlur,\n required,\n}) {\n return (\n \n
\n setApptDate(date)}\n minDate={minDate}\n filterDate={isWeekday}\n wrapperClassName={'text-left material-input'}\n placeholderText={datePlaceholder}\n onBlur={validate}\n />\n {\n setApptTimeOfDay(event.target.value);\n validate();\n }}\n options={options}\n />\n {capturePhone && (\n \n Next\n \n
\n {title}
\n\n
{subtitle}
\n\n setPhone(event.target.value)}\n onBlur={validatePhoneOnBlur}\n required\n />\n \n \n \n
\n )}\n {error && \n
\n );\n}\n","export const createDirectSurgeonBookingContacts = (\n surgeon,\n name,\n email,\n phone,\n zipcode,\n insuranceCarrier,\n requestedApptDate,\n requestedApptTimeOfDate,\n extraInfo,\n origin,\n surgery,\n successFunction\n) => {\n const csrf = document.querySelector(\"meta[name='csrf-token']\").getAttribute('content');\n fetch('/direct_surgeon_booking_contacts', {\n method: 'POST',\n headers: {\n 'Content-Type': 'application/json',\n 'X-CSRF-Token': csrf,\n },\n body: JSON.stringify({\n ...window.utmInfo,\n surgeon: surgeon.slug,\n name: name,\n email: email,\n phone: phone,\n zipcode: zipcode,\n insurance_carrier: insuranceCarrier,\n requested_appt_date: requestedApptDate,\n requested_appt_time_of_date: requestedApptTimeOfDate,\n extra_info: extraInfo,\n origin: origin,\n surgery: surgery,\n }),\n })\n .then((response) => response.json())\n .then((data) => {\n successFunction(data);\n });\n};\n\nexport const getDirectSurgeonBookingContact = (id, successCallback) => {\n fetch(`/api/v1/direct_surgeon_booking_contacts/${id}`, {\n method: 'GET',\n headers: {\n 'Content-Type': 'application/json',\n },\n })\n .then((response) => response.json())\n .then((data) => {\n successCallback(data);\n });\n};\n","// extracted by mini-css-extract-plugin\nmodule.exports = {\"questionnaire_ottr\":\"index-module__questionnaire_ottr___4ZLsQ\",\"cont_row\":\"index-module__cont_row___Y6qh4\",\"introQuestion\":\"index-module__introQuestion___45rvn\",\"light_blue_text\":\"index-module__light_blue_text___M2h7V\",\"thank_you\":\"index-module__thank_you___2-M3t\",\"thank_you_p\":\"index-module__thank_you_p___VF7xq\",\"thank_you_button\":\"index-module__thank_you_button___ILcg5\"};","// extracted by mini-css-extract-plugin\nmodule.exports = {\"icon_holder\":\"index-module__icon_holder___ueBxa\",\"icon_wrap\":\"index-module__icon_wrap___TXFGN\",\"selected\":\"index-module__selected___Yyi8e\",\"txt\":\"index-module__txt___wobVK\"};","// extracted by mini-css-extract-plugin\nmodule.exports = {\"video_sec\":\"video_type_2-module__video_sec___xNiEN\",\"video_sec_cover\":\"video_type_2-module__video_sec_cover___lhzFt\",\"watchbutton\":\"video_type_2-module__watchbutton___ahEeb\"};","// extracted by mini-css-extract-plugin\nmodule.exports = {\"splash_content\":\"index-module__splash_content___o1nej\",\"splash_icon\":\"index-module__splash_icon___qsCPt\",\"splash_copy\":\"index-module__splash_copy___tLbte\",\"conversation_room_bg\":\"index-module__conversation_room_bg___sBeLP\",\"chat_room\":\"index-module__chat_room___iASZ6\"};","// extracted by mini-css-extract-plugin\nmodule.exports = {\"outer_wrapper\":\"index-module__outer_wrapper___P32eZ\",\"menu_link\":\"index-module__menu_link___pzIbQ\",\"selected\":\"index-module__selected___C7z6P\"};","// extracted by mini-css-extract-plugin\nmodule.exports = {\"cont\":\"index-module__cont___Lf9Kf\",\"headline\":\"index-module__headline___EP1J+\",\"para\":\"index-module__para___pJZ3P\",\"disclaimer\":\"index-module__disclaimer___A3Jrf\",\"cta\":\"index-module__cta___tNS-B\"};","import React, { useState } from 'react';\nimport HowLong from './how_long';\n\nexport default function ThinkingAboutSurgery({\n answers,\n onSubmit,\n onBack,\n gtm,\n para = 'This will help your PatientPartner know how they can help you.',\n}) {\n return (\n \n \n
\n );\n}\n","// extracted by mini-css-extract-plugin\nmodule.exports = {\"fi_text\":\"index-module__fi_text___-ZpSz\",\"featured_in\":\"index-module__featured_in___rY8nJ\",\"img\":\"index-module__img___WEBzH\"};","// extracted by mini-css-extract-plugin\nmodule.exports = {\"photo_front\":\"index-module__photo_front___984gR\",\"bg_cover\":\"index-module__bg_cover___Fg2SJ\",\"bg_contain\":\"index-module__bg_contain___D2NWa\",\"blue_bg\":\"index-module__blue_bg___qUEmC\"};","// extracted by mini-css-extract-plugin\nmodule.exports = {\"search_choices\":\"index-module__search_choices___TW5eR\",\"search_choices_container\":\"index-module__search_choices_container___AYjOj\",\"search_choices_innr\":\"index-module__search_choices_innr___vRWnq\",\"surgeon_appt_signup_form\":\"index-module__surgeon_appt_signup_form___2azfi\",\"search_option\":\"index-module__search_option___qpQ3K\",\"selected\":\"index-module__selected___qncEJ\",\"checkmark\":\"index-module__checkmark___fPm-V\",\"checkmark_stem\":\"index-module__checkmark_stem___1dVl1\",\"checkmark_kick\":\"index-module__checkmark_kick___2Tyo8\",\"w_category\":\"index-module__w_category___oG+ap\",\"bold\":\"index-module__bold___tsVgm\",\"input\":\"index-module__input___IJMX4\"};","// extracted by mini-css-extract-plugin\nmodule.exports = {\"bio\":\"index-module__bio___707zo\",\"profile_section_headline\":\"index-module__profile_section_headline___XuhU8\",\"add_bio\":\"index-module__add_bio___ZOArR\"};","// extracted by mini-css-extract-plugin\nmodule.exports = {\"profile_row_wrapper\":\"index-module__profile_row_wrapper___WWucR\",\"messenger_loading\":\"index-module__messenger_loading___rk7S8\"};","// extracted by mini-css-extract-plugin\nmodule.exports = {\"name\":\"index-module__name___-sdCM\",\"name1\":\"index-module__name1___Nr-dn\",\"date\":\"index-module__date___4vsFN\",\"profile_type_icon\":\"index-module__profile_type_icon___TFhqG\",\"profile_type_icon_tooltip\":\"index-module__profile_type_icon_tooltip___iuHXy\",\"profile_type_icon_tooltip_arrow\":\"index-module__profile_type_icon_tooltip_arrow___RIalQ\",\"procedure_type\":\"index-module__procedure_type___ZY2Xb\"};","// extracted by mini-css-extract-plugin\nmodule.exports = {\"imgr\":\"index-module__imgr___W0DaG\",\"imr_txt\":\"index-module__imr_txt___ovkga\",\"floating_box\":\"index-module__floating_box___3PQMJ\",\"faqol\":\"index-module__faqol___sP24L\",\"headline\":\"index-module__headline___AJyEy\",\"so_headline\":\"index-module__so_headline___o7W6a\",\"chat_head\":\"index-module__chat_head___fjg5T\",\"questionnaire_ottr\":\"index-module__questionnaire_ottr___8Y+OV\",\"cont_row\":\"index-module__cont_row___kbmLx\"};","// extracted by mini-css-extract-plugin\nmodule.exports = {\"svg_container\":\"index-module__svg_container___AQoVK\",\"rotated\":\"index-module__rotated___i31Lr\",\"isi_footer\":\"index-module__isi_footer___WAmY9\",\"sticky_footer_container\":\"index-module__sticky_footer_container___bhgV0\"};","// extracted by mini-css-extract-plugin\nmodule.exports = {\"checkout_container\":\"index-module__checkout_container___9stXB\",\"headline_sec\":\"index-module__headline_sec___2jAmN\",\"desk_img\":\"index-module__desk_img___MWS65\"};","import React, { useState } from 'react';\nimport InputWithOptions from '../ui_kit/utilities/input_with_options';\nimport ErrorMessage from '../ui_kit/utilities/error_message';\n\nexport default function InsuranceCarrier({\n head = 'Who is your insurance provider?',\n description = 'We will recommend a surgeon that accepts your insurance provider.',\n answers,\n onSubmit,\n onBack,\n gtm = 'wl',\n insurances = [\"I don't have insurance\", ...gon.all_insurances],\n}) {\n const [insuranceCarrier, setInsuranceCarrier] = useState(answers.insuranceCarrier || '');\n let disabled = 'disabled';\n const noMatchTxt = \"I don't see my insurance provider\";\n if (insurances.includes(insuranceCarrier) || insuranceCarrier === noMatchTxt) {\n disabled = '';\n }\n\n let error = '';\n if (insuranceCarrier !== '' && disabled === 'disabled') {\n error = 'Please select an insurance provider from the dropdown list';\n }\n\n return (\n \n
\n \n \n \n
\n \n \n
\n );\n}\n","import React, { useState } from 'react';\nimport OptionsAndOther from '../../../choose_an_option';\n\nexport default function DoctorDiagnosis({ answers, onSubmit, onBack, gtm, showBack }) {\n return (\n \n
\n \n {head}
\n{description}
\n\n
\n \n {onBack && (\n onBack()}\n >\n Back\n \n )}\n {\n e.preventDefault();\n onSubmit({ ...answers, insuranceCarrier });\n }}\n className={` submit col-6`}\n type='submit'\n >\n Next\n \n
\n \n \n
\n );\n}\n","import React, { useState } from 'react';\nimport { useHistory } from 'react-router-dom';\nimport ErrorMessage from '../ui_kit/utilities/error_message';\nimport AgreeToTerms from '../ui_kit/utilities/agree_to_terms';\nimport ReCAPTCHA from 'react-google-recaptcha';\nimport { validateEmail, validateZipcode, validateText, validatePhone } from '../../helpers';\n\nexport default function NameEmailPhoneZip({ answers, onSubmit, gtm, head, para, includeBackButton = false }) {\n const [name, setName] = useState(answers.name || '');\n const [phone, setPhone] = useState(answers.phone || '');\n const [email, setEmail] = useState(answers.email || '');\n const [zipcode, setZipcode] = useState(answers.zipcode || '');\n const [acceptedTerms, setAcceptedTerms] = useState(answers.acceptedTerms || false);\n\n const [error, setError] = useState('');\n\n const [hasBeenSubmitted, setHasBeenSubmitted] = useState(false);\n\n let disabled = 'disabled';\n let questionnaireError = '';\n var checkedEmail = validateEmail(email);\n var checkedZipcode = validateZipcode(zipcode);\n var checkedName = validateText(name);\n var checkedPhone = validatePhone(phone);\n\n if (checkedName == true && checkedEmail === true && acceptedTerms && checkedZipcode && checkedPhone) {\n disabled = '';\n } else {\n disabled = 'disabled';\n }\n\n const onClick = (event) => {\n if (hasBeenSubmitted == false) {\n setHasBeenSubmitted(true);\n if (checkedEmail === false) {\n setError('Please enter a valid email');\n setHasBeenSubmitted(false);\n } else if (checkedZipcode == false) {\n setError('Please enter a valid zipcode');\n setHasBeenSubmitted(false);\n } else if (checkedName == false) {\n setError('Please enter a name without special characters');\n setHasBeenSubmitted(false);\n } else if (checkedPhone == false) {\n setError('Please enter a valid phone number');\n setHasBeenSubmitted(false);\n } else {\n const newAnswer = { ...answers, name, phone, email, zipcode, acceptedTerms };\n onSubmit(newAnswer);\n setError('');\n }\n }\n };\n const validate = (event) => {\n event.preventDefault();\n\n if (checkedEmail === false && email !== '') {\n if (email.indexOf('@') == '-1') {\n setEmail('');\n }\n setError('Please enter a valid email');\n } else if (checkedPhone == false && phone !== '') {\n setError('Please enter a valid phone number');\n } else if (checkedZipcode == false && zipcode !== '') {\n setError('Please enter a valid zipcode');\n } else if (checkedName == false && name !== '') {\n setError('Please enter a name without special characters');\n } else {\n setError('');\n }\n };\n if (phone !== '') {\n checkedPhone = validatePhone(phone);\n }\n\n const recaptchaRef = React.createRef();\n\n const runRecaptcha = async (event) => {\n event.preventDefault();\n recaptchaRef.current.execute();\n };\n\n let history = useHistory();\n\n const onBackClick = () => {\n history.goBack();\n };\n\n return (\n \n \n onSubmit({ ...answers, previouslyDiagnosed: newAnswers.previouslyDiagnosed === 'Yes' ? true : false })\n }\n onBack={onBack}\n title={`Has a doctor ever diagnosed you with uterine fibroids?`}\n para={`70% to 80% of women develop fibroids, but many go undiagnosed.₁`}\n keyForAnswer={`previouslyDiagnosed`}\n choices={['Yes', 'No']}\n yesState={'previouslyDiagnosed'}\n showOther={false}\n selectOne={true}\n showBack={showBack}\n toolTip={true}\n />\n
\n \n \n \n
\n );\n}\n","import React, { useState } from 'react';\nimport ChooseManyOptionsWithNone from './choose_many_options_with_none';\n\nexport default function PreexistingConditions({ answers, onSubmit, onBack, ctaPreConditions = 'Next', gtm }) {\n return (\n \n {/* ![](\"https://patientpartner-images2.s3.us-west-1.amazonaws.com/website/weight-loss-surgeon-match/device_hand.png\"/)
*/}\n
\n \n */}\n {head}
\n{para}
\n \n\n \n
\n );\n}\n","import React, { useState } from 'react';\nimport { validateEmail, validateText, validatePhone } from '../../helpers';\nimport ErrorMessage from '../ui_kit/utilities/error_message';\nimport DatePickerWrapper from '../date_picker_wrapper';\nimport Todpicker from '../todpicker';\n\nexport default function ConfirmationForm({\n surgeons,\n answers,\n onSubmit,\n onBack,\n head = `Confirm your information below for your appointment with ${surgeons.name}`,\n para,\n cta = 'Submit appointment request',\n gtm,\n datePlaceholder,\n timePlaceholder,\n}) {\n const [name, setName] = useState(answers.name || '');\n const [phone, setPhone] = useState(answers.phone || '');\n const [email, setEmail] = useState(answers.email || '');\n const [error, setError] = useState('');\n\n // Datepicker form functions\n const getNextWork = (d) => {\n d.setDate(d.getDate() + 1); // tomorrow\n if (d.getDay() == 0) d.setDate(d.getDate() + 1);\n else if (d.getDay() == 6) d.setDate(d.getDate() + 2);\n return d;\n };\n const isWeekday = (date) => {\n const day = date.getDay();\n return day !== 0 && day !== 6;\n };\n\n const minDate = getNextWork(getNextWork(new Date()));\n const [apptDate, setApptDate] = useState(answers.apptDate || '');\n const [apptTimeOfDay, setApptTimeOfDay] = useState(answers.apptTimeOfDay || timePlaceholder);\n\n var checkedEmail = validateEmail(email);\n var checkedName = validateText(name);\n var checkedPhone = validatePhone(phone);\n var checkedApptDate = apptDate !== '' && apptDate !== null;\n var checkedApptTimeOfDay = apptTimeOfDay !== timePlaceholder;\n\n let disabled = 'disabled';\n\n if (checkedName && checkedEmail && checkedPhone && checkedApptDate && checkedApptTimeOfDay) {\n disabled = '';\n } else {\n disabled = 'disabled';\n }\n\n const onClick = (event) => {\n if (checkedEmail === false) {\n setError('Please enter a valid email');\n } else if (checkedName == false) {\n setError('Please enter a name without special characters');\n } else if (checkedPhone == false) {\n setError('Please enter a valid phone number');\n } else {\n const newAnswer = { ...answers, name, phone, email, apptDate, apptTimeOfDay };\n onSubmit(newAnswer);\n setError('');\n }\n };\n\n const validate = (event) => {\n if (event) {\n event.preventDefault();\n }\n if (checkedEmail === false || email == '') {\n if (email.indexOf('@') == '-1') {\n setEmail('');\n }\n setError('Please enter a valid email');\n } else if (checkedPhone == false || phone == '') {\n setError('Please enter a valid phone number');\n } else if (checkedName == false || name == '') {\n setError('Please enter a valid name');\n } else if (apptDate == null || apptDate == '') {\n setError('Please enter an appointment date');\n } else if (apptTimeOfDay == '') {\n setError('Please enter a time of day');\n } else {\n setError('');\n }\n };\n if (phone !== '') {\n checkedPhone = validatePhone(phone);\n }\n\n const todPickerOptions = [timePlaceholder, 'Morning (9:00-12:00pm)', 'Afternoon (1:00-5:00pm)'];\n\n return (\n \n \n
\n \n \n
\n );\n}\n","import React, { useState, useEffect } from 'react';\nimport ErrorMessage from '../ui_kit/utilities/error_message';\n\nexport default function HeightAndWeight({\n answers,\n onSubmit,\n onBack,\n gtmSubmitLabel = 'wl',\n gtm,\n finalCTA,\n para = 'We’ll match you with somone who had a similar BMI range prior to weight-loss surgery.',\n}) {\n const [feet, setFeet] = useState(answers.feet || '');\n const [inches, setInches] = useState(answers.inches || '');\n const [currentWeight, setCurrentWeight] = useState(answers.currentWeight || '');\n const [heightError, setHeightError] = useState('');\n const [weightError, setWeightError] = useState('');\n const [heightDisabled, setHeightDisabled] = useState('disabled');\n const [weightDisabled, setWeightDisabled] = useState('disabled');\n const [disabled, setDisabled] = useState('disabled');\n\n useEffect(() => {\n validate();\n }, [feet, inches, currentWeight]);\n\n useEffect(() => {\n if (heightDisabled === '' && weightDisabled === '') {\n setDisabled('');\n }\n }, [heightDisabled, weightDisabled]);\n\n const validate = (event) => {\n if (event) {\n event.preventDefault();\n }\n\n if (isNaN(feet) && feet !== '') {\n setHeightError('Please enter only numbers for feet');\n setHeightDisabled('disabled');\n } else if (isNaN(inches) && inches !== '') {\n setHeightError('Please enter only numbers for inches');\n setHeightDisabled('disabled');\n } else {\n setHeightError('');\n setHeightDisabled('');\n }\n\n if (feet === '' || inches === '') {\n setHeightDisabled('disabled');\n }\n\n if (isNaN(currentWeight) && currentWeight !== '') {\n setWeightError('Please enter only numbers for weight');\n setWeightDisabled('disabled');\n } else {\n setWeightError('');\n setWeightDisabled('');\n }\n\n if (currentWeight === '') {\n setWeightDisabled('disabled');\n }\n\n if (heightDisabled === 'disabled' || weightDisabled === 'disabled') {\n setDisabled('disabled');\n }\n };\n\n return (\n \n \n
\n \n
\n \n {head}
\n {para &&{para}
}\n\n setApptDate(date)}\n minDate={minDate}\n filterDate={isWeekday}\n wrapperClassName={'react-datepicker-wrapper material-input light marg-bottom-30 text-left'}\n placeholderText={datePlaceholder}\n onBlur={validate}\n />\n {\n setApptTimeOfDay(event.target.value);\n }}\n light={true}\n options={todPickerOptions}\n />\n {error && disabled != '' &&
\n \n setName(event.target.value)}\n required\n />\n \n \n \n
\n \n setPhone(event.target.value)}\n required\n name='phone'\n onBlur={validate}\n />\n \n \n \n
\n \n setEmail(event.target.value)}\n />\n \n \n
\n \n
\n \n \n Back\n \n \n {cta}\n \n
\n \n \n
\n );\n}\n","import React, { useState } from 'react';\nimport InputWithOptions from '../../ui_kit/utilities/input_with_options';\nimport RequestButton from '../../ui_kit/utilities/request_button';\n\nexport default function WhatSurgery({\n selected,\n onSubmit,\n onBack,\n choices,\n noMatchTxt = \"I don't see what I'm looking for\",\n label = 'Type surgery here...',\n head = 'What surgery are you considering?',\n para = 'We’ll match you with someone who has had the same surgery.',\n gtm,\n}) {\n const [surgery, setSurgery] = useState((selected && selected[0]) || '');\n\n const onClick = () => {\n onSubmit([surgery]);\n };\n const onBackClick = () => {\n onBack();\n };\n\n const disabled = surgery !== '' ? '' : 'disabled';\n\n return (\n \n \n
\n \n \n \n
\n );\n}\n","import React, { useState } from 'react';\nimport ErrorMessage from '../../../ui_kit/utilities/error_message';\nimport { validateEmail } from '../../../../helpers';\n\nexport default function EmailInput({ value, setValue, gtm, style = {}, light, name = 'email' }) {\n var [currentValue, setCurrentValue] = useState(value);\n\n var [error, setError] = useState('');\n const validateEmailOnBlur = () => {\n var checkedEmail = validateEmail(currentValue);\n if (currentValue !== '' && !checkedEmail) {\n setError('Enter a valid email address');\n } else {\n setError('');\n }\n };\n\n return (\n <>\n \n
\n \n {head}
\n{para}
\n\n \n Back\n \n
\n \n {\n setCurrentValue(event.target.value);\n var isValid = validateEmail(event.target.value);\n if (isValid) {\n setValue(event.target.value);\n } else {\n setValue('');\n }\n }}\n required\n />\n \n \n
\n {error && \n
\n );\n}\n","import React, { useState } from 'react';\nimport './bedside_manner.css';\nimport Slider from 'react-rangeslider';\nimport 'react-rangeslider/lib/index.css';\n\nexport default function BedsideManner({\n bedsideManner,\n setBedsideManner = () => {},\n slide = true,\n wrapperClassnames,\n wrapperStyles,\n pendoTag = '',\n}) {\n const [value, setValue] = useState(bedsideManner);\n\n return (\n \n \n
\n \n
\n \n {head}
\n {para &&{para}
}\n\n setApptDate(date)}\n minDate={minDate}\n filterDate={isWeekday}\n wrapperClassName={`material-input ${light ? 'light' : ''} text-left`}\n placeholderText={datePlaceholder}\n onBlur={validate}\n />\n {\n setApptTimeOfDay(event.target.value);\n }}\n options={todPickerOptions}\n light={light}\n />\n {capturePhone && (\n
\n \n setPhone(event.target.value)}\n onBlur={validatePhoneOnBlur}\n required\n />\n \n \n \n
\n )}\n \n setConversationTopics(e.target.value)}\n >\n
\n {error && disabled != '' && \n Notes to doctor (optional)\n
\n\n
\n \n
\n \n
\n \n
\n \n \n {\n setValue(v);\n setBedsideManner(v);\n }}\n />\n
\n \n
\n \n );\n}\n","import React from 'react';\nimport styles from './index.module.css';\n\nexport default function QuestionnaireStopper({\n header = 'Thank you for your interest!',\n para = (\n Warm and friendly
\nTo the point
\n\n We're sorry, but this program is specifically for patients and caregivers of Myelofibrosis (MF). Please reach out\n to your healthcare provider for further assistance. Or contact us if you feel like you got this in error at{' '}\n \n info@patientpartner.com\n \n .\n
\n ),\n}) {\n return (\n\n
\n );\n}\n","import React, { useState, useEffect } from 'react';\n\nexport default function DirectConnection({ answers, title, subtitle, onSubmit, gtm }) {\n const [disabled, setDisabled] = useState('disabled');\n const [error, setError] = useState('');\n const options = ['Communication Preference', 'Phone call', 'Text message', 'Email'];\n const [communicationPreference, setCommunicationPreference] = useState(answers.communicationPreference || options[0]);\n const [conversationTopics, setConversationTopics] = useState(answers.extraInfo || '');\n\n return (\n \n {header}\n
\n{para}
\n \n
\n );\n}\n","import React from 'react';\n\nexport default function PatientPartnerLoadingScreen() {\n return (\n \n onSubmit({ ...answers, communicationPreference, extraInfo: conversationTopics })}\n >\n Request a connection\n \n
\n {title}
\n {subtitle &&{subtitle}
}\n\n \n setCommunicationPreference(e.target.value)}\n >\n {options.map((option, index) => (\n \n {option}\n \n ))}\n \n
\n \n setConversationTopics(e.target.value)}\n >\n
\n {error && \n
\n );\n}\n","import React, { useEffect, useState } from 'react';\nimport ChooseManyOptionsWithNone from '../choose_many_options_with_none';\n\nexport default function PreviousSurgeries({ answers, onSubmit, onBack, gtm }) {\n return (\n \n
\n \n \n \n
\n Finding your mentor...
\n\n
\n Get ready to meet a real patient who will answer your questions and support you through your journey!
\nBefore you request a call
\n\n PatientPartners are volunteers.Please commit to respecting our volunteers time and schedule. They can only\n answer questions about their personal experience. Any questions{' '}\n \n
regarding finances or insurance can be asked here.
\n \n \n\n I agree to answer my PatientPartner’s phone call. I promise to treat my PatientPartner with respect\n and without judgement or bias.\n
\n\n
\n \n }\n onClose={onClose}\n />\n );\n}\n","import React from 'react';\nimport ChooseManyOptions from '../choose_many_options';\n\nexport default function PpPreventedFromSurgery({ answers, onSubmit, onBack, gtm }) {\n return (\n \n \n I agree\n \n
\n \n \n I decline\n \n
\n \n \n
\n );\n}\n","import React from 'react';\nimport OptionsAndOther from '../choose_an_option';\n\nexport default function TalkTopics({ answers, onSubmit, onBack, gtm }) {\n return (\n \n \n onSubmit({ ...answers, primaryCaregiver: answer.primaryCaregiver === 'Yes' ? true : false })\n }\n onBack={onBack}\n title={`Are you a primary caregiver at home?`}\n para={`Caring for others is a big responsibility. We'll match you with someone who can relate to your situation.`}\n keyForAnswer={`primaryCaregiver`}\n choices={['Yes', 'No']}\n yesState={'how_are_you_feeling'}\n gtm={`${gtm} Primary Caregiver`}\n showOther={false}\n selectOne={true}\n />\n
\n \n \n \n
\n );\n}\n","import React, { useState, useEffect, useContext } from 'react';\nimport { useHistory, Link } from 'react-router-dom';\nimport NameEmailPhoneZip from './../name_email_phone_zip';\nimport Age from '../age/age';\nimport PreexistingConditions from '../preexisting_conditions';\nimport ThinkingAboutSurgery from '../thinking_about_surgery';\nimport ConfirmationForm from '../confirmation_form';\nimport PatientGender from '../patient_partner/patient_gender';\nimport ConversationTopics from '../conversation_topics';\nimport DirectConnection from '../direct_connection';\nimport { contactSync, findPreviousContact } from '../../../api/contacts';\nimport { createConversation } from '../../../api/conversations';\nimport { getPatientPartners } from '../../../api/patient_partners';\nimport ModalWrapper from '../../modal';\nimport PatientPartnerLoadingScreen from '.././patient_partner_loading_screen';\nimport ErrorMessage from '../../ui_kit/utilities/error_message/index';\nimport LoadingScreen from '../../loading_screen';\nimport DocPatientPartners from '../../doc-patient-partners';\nimport { autofocusAll } from '../../../helpers';\nimport '../questionnaire.css';\nimport './patient_partner_questionnaire.css';\nimport HeightAndWeight from '../height_and_weight';\nimport PreviousSurgeries from '../joint_replacement/previous_surgeries';\nimport ActivityLevel from '../activity_level';\nimport AgreeToCallModal from '../../agree_to_call_modal';\nimport MessengerCustomerChat from 'react-messenger-customer-chat';\nimport HealthcareJourney from './healthcare_journey';\nimport PpPreventedFromSurgery from './pp_prevented_from_surgery';\nimport WhatSurgery from './what_surgery';\nimport WhatProcedure from './what_procedure';\nimport DateTime from '../weight_loss_surgeon_match/date_time';\nimport SignUp from '../../sign_up';\nimport PrimaryCaregiver from '../../questionnaire/cosmetic/primary_caregiver';\nimport TalkTopics from '../../questionnaire/cosmetic/talk_topics';\nimport HowAreYouFeeling from '../../questionnaire/cosmetic/how_are_you_feeling';\nimport MentorCard from '../../ui_kit/utilities/mentor_card';\nimport Context from '../../../utils/context';\n\n// const PATIENT_PARTNER_VIEW = {\n// contactInfo: 'contact-info',\n// selectSurgeries: 'select-surgeries',\n// answerQuestions: 'answer-questions',\n// loadingPatientPartners: 'loading-patient-partners',\n// patientPartners: 'patient-partners',\n// };\n//\n// const PATIENT_PARTNER_QUESTIONNAIRE_SLIDE_STATE = {\n// none: 'none',\n// left: 'left',\n// right: 'right',\n// };\n\nexport default function PatientPartnerQuestionnaire({\n globalAnswers = {},\n setGlobalAnswers,\n progress,\n setProgress,\n contactId = null,\n setContactIdAction,\n predefinedSurgeries,\n predefinedProcedures,\n patientPartners,\n setPatientPartners,\n directConnection,\n gtm,\n origin,\n doNotShowContactInfo = false,\n skipPassword = false,\n useFacebookConversionApi = false,\n includeBackButton = false,\n}) {\n const currentGtm = `${gtm} Patient Partner Questionnaire`;\n const [slideState, setSlideState] = useState('none');\n const [previousContact, setPreviousContact] = useState(null);\n const [showRestartModal, setShowRestartModal] = useState(false);\n const [currentPatientPartner, setCurrentPatientPartner] = useState();\n const [showAgreeToCallModal, setShowAgreeToCallModal] = useState(false);\n let history = useHistory();\n const context = useContext(Context);\n const facebookConversionApi = context.facebookConversionApi;\n let para = 'We’ll find the most relatable PatientPartner™ based on your current health goals.';\n let head = 'Find a relatable recovered patient';\n // START figure out what questions to show the user\n let applicableQuestions = [{ component: PatientGender }, { component: Age }];\n if (globalAnswers.selectedProcedures && globalAnswers.selectedProcedures.includes('Weight Loss')) {\n applicableQuestions.push({ component: HeightAndWeight });\n applicableQuestions.push({ component: PreexistingConditions });\n applicableQuestions.push({ component: HealthcareJourney });\n applicableQuestions.push({ component: ThinkingAboutSurgery });\n applicableQuestions.push({ component: PpPreventedFromSurgery });\n }\n if (\n globalAnswers.selectedSurgeries &&\n (globalAnswers.selectedSurgeries.includes('Tummy Tuck') || globalAnswers.selectedSurgeries.includes('Liposuction'))\n ) {\n head = 'Talk to a mentor and receive honest answers';\n para = \"Let's find the mentor similar to you! Answer a few simple questions and start messaging.\";\n applicableQuestions.push({ component: ActivityLevel });\n applicableQuestions.push({ component: PrimaryCaregiver });\n applicableQuestions.push({ component: HealthcareJourney, props: { allowOther: false } });\n applicableQuestions.push({ component: HowAreYouFeeling });\n applicableQuestions.push({ component: TalkTopics });\n }\n if (globalAnswers.selectedProcedures && globalAnswers.selectedProcedures.includes('Joint Replacement')) {\n applicableQuestions.push({ component: PreviousSurgeries });\n applicableQuestions.push({ component: ActivityLevel });\n applicableQuestions.push({ component: ThinkingAboutSurgery });\n applicableQuestions.push({ component: PpPreventedFromSurgery });\n }\n if (predefinedProcedures && predefinedProcedures.includes(\"Women's Health\")) {\n para = 'We’ll find a recovered patient mentor based on your location, age, and gender.';\n }\n if (\n predefinedSurgeries &&\n (predefinedSurgeries.includes('Tummy Tuck') || predefinedSurgeries.includes('Liposuction'))\n ) {\n para = 'Let’s find the mentor similar to you! Answer a few simple questions and start messaging.';\n head = 'Talk to a mentor and receive honest answers';\n }\n let CurrentQuestion = null;\n let currentPara = null;\n let currentProps = null;\n if (progress.view === 'answer-questions') {\n CurrentQuestion = applicableQuestions[progress.questionNumber].component;\n currentPara = applicableQuestions[progress.questionNumber].para;\n currentProps = applicableQuestions[progress.questionNumber].props;\n }\n // END figure out what questions to show the user\n\n let procedures = [];\n for (const [key, value] of Object.entries(gon.procedure_surgery_mappings)) {\n procedures.push({\n procedure: key,\n surgeries: value,\n });\n }\n\n let availableProcedures = Object.keys(gon.procedure_surgery_mappings);\n\n var availableSurgeries = [];\n if (globalAnswers.selectedProcedures) {\n procedures.filter((procedureCategory) => {\n globalAnswers.selectedProcedures.filter((procedure) => {\n if (procedure.toLowerCase() === procedureCategory.procedure.toLowerCase()) {\n availableSurgeries = procedureCategory.surgeries;\n }\n });\n });\n }\n\n const showSurgeriesAndProcedures = predefinedSurgeries === undefined;\n\n const startFadeOut = () => {\n setSlideState('left');\n };\n\n const startFadeIn = (nextProgress) => {\n setSlideState('right');\n setTimeout(() => {\n setSlideState('none');\n setProgress(nextProgress);\n autofocusAll();\n scrollToQuestionnaire();\n }, 100);\n };\n\n const contactSyncWrapper = (answer, finishedQuestionnaire, patientPartner, bookedMeeting, nextProgress, callback) => {\n let finalAnswers = answer;\n if (predefinedSurgeries && predefinedProcedures) {\n finalAnswers = {\n ...finalAnswers,\n selectedSurgeries: predefinedSurgeries,\n selectedProcedures: predefinedProcedures,\n };\n }\n\n contactSync(\n finalAnswers.name,\n finalAnswers.email,\n finalAnswers,\n finishedQuestionnaire,\n bookedMeeting || false,\n origin,\n patientPartner ? patientPartner.name : null,\n finalAnswers.selectedProcedures && finalAnswers.selectedProcedures[0],\n contactId,\n nextProgress,\n (data) => {\n setContactIdAction(data.contact.uuid);\n if (callback) {\n callback();\n }\n }\n );\n };\n\n const setGlobalAnswersWrapper = (answers) => {\n let finalAnswers = answers;\n if (predefinedSurgeries && predefinedProcedures) {\n finalAnswers = {\n ...finalAnswers,\n selectedSurgeries: predefinedSurgeries,\n selectedProcedures: predefinedProcedures,\n };\n }\n\n setGlobalAnswers(finalAnswers);\n };\n\n const backButtonFromResults = () => {\n startFadeOut();\n if (directConnection) {\n startFadeIn({\n view: 'answer-questions',\n questionNumber: applicableQuestions.length - 1,\n });\n } else {\n startFadeIn({\n view: 'conversation-topics',\n questionNumber: applicableQuestions.length - 1,\n });\n }\n };\n\n const nameAndEmailOnSubmit = (newAnswer) => {\n if (useFacebookConversionApi) {\n facebookConversionApi.leadEvent({\n email: newAnswer.email,\n });\n }\n setGlobalAnswersWrapper(newAnswer);\n startFadeOut();\n findPreviousContact(newAnswer.email, (previousContact) => {\n if (previousContact && previousContact.patient_partner_questionnaire_progress) {\n setPreviousContact(previousContact);\n setShowRestartModal(true);\n } else {\n if (showSurgeriesAndProcedures) {\n contactSyncWrapper(newAnswer, false, null, false, { view: 'select-procedures', questionNumber: null }, null);\n startFadeIn({\n view: 'select-procedures',\n questionNumber: null,\n });\n } else {\n setGlobalAnswersWrapper(newAnswer);\n contactSyncWrapper(newAnswer, false, null, false, { view: 'answer-questions', questionNumber: 0 }, null);\n startFadeIn({\n view: 'answer-questions',\n questionNumber: 0,\n });\n }\n }\n });\n };\n\n const loadPatientPartners = (currentContactId) => {\n getPatientPartners(null, globalAnswers, currentContactId || contactId, null, null, (data) => {\n if (data && data.length > 0) {\n setPatientPartners(data);\n setTimeout(() => {\n startFadeIn({\n ...progress,\n view: 'patient-partners',\n });\n }, 2000);\n } else {\n startFadeIn({\n ...progress,\n view: 'no-patient-partners',\n });\n }\n });\n };\n\n const onAnswerQuestionsSubmit = (newAnswer) => {\n // if it is the last step before loading patient partners\n const finishedLastQuestion = progress.questionNumber === applicableQuestions.length - 1;\n if (directConnection) {\n if (finishedLastQuestion) {\n const newProgress = {\n ...progress,\n view: 'loading-patient-partners',\n };\n setGlobalAnswersWrapper(newAnswer);\n contactSyncWrapper(newAnswer, true, null, false, newProgress, () => {\n startFadeIn(newProgress);\n loadPatientPartners();\n });\n } else {\n const newProgress = {\n view: 'answer-questions',\n questionNumber: progress.questionNumber + 1,\n };\n setGlobalAnswersWrapper(newAnswer);\n startFadeOut();\n contactSyncWrapper(newAnswer, false, null, false, newProgress, null);\n startFadeIn(newProgress);\n }\n } else {\n const newProgress = {\n view: finishedLastQuestion ? 'conversation-topics' : 'answer-questions',\n questionNumber: progress.questionNumber + (finishedLastQuestion ? 0 : 1),\n };\n\n setGlobalAnswersWrapper(newAnswer);\n startFadeOut();\n contactSyncWrapper(newAnswer, false, null, false, newProgress, null);\n startFadeIn(newProgress);\n }\n };\n\n const onAnswerQuestionsBack = () => {\n setSlideState('right');\n setTimeout(() => {\n if (progress.questionNumber === 0) {\n if (showSurgeriesAndProcedures) {\n startFadeIn({\n view: 'select-surgeries',\n questionNumber: null,\n });\n } else {\n setProgress({\n view: 'contact-info',\n questionNumber: null,\n });\n }\n } else {\n setProgress({\n ...progress,\n questionNumber: progress.questionNumber - 1,\n });\n }\n setSlideState('none');\n }, 200);\n };\n\n const scrollToQuestionnaire = (useDelay) => {\n const scrollFunc = () => {\n const element = document.getElementById('questionnaire-scroll-to');\n if (element) {\n const y = element.getBoundingClientRect().top + window.pageYOffset - 50;\n window.scrollTo({\n top: y,\n behavior: 'smooth',\n });\n }\n };\n\n if (useDelay) {\n setTimeout(scrollFunc, 1000);\n } else {\n scrollFunc();\n }\n };\n\n const onContinue = () => {\n setGlobalAnswersWrapper(previousContact.global_answers);\n setContactIdAction(previousContact.uuid);\n startFadeIn(previousContact.patient_partner_questionnaire_progress);\n if (previousContact.patient_partner_questionnaire_progress.view === 'loading-patient-partners') {\n scrollToQuestionnaire(true);\n loadPatientPartners(previousContact.uuid);\n }\n setShowRestartModal(false);\n };\n\n const restart = () => {\n setShowRestartModal(false);\n if (showSurgeriesAndProcedures) {\n startFadeIn({\n view: 'select-procedures',\n questionNumber: null,\n });\n } else {\n startFadeIn({\n view: 'answer-questions',\n questionNumber: 0,\n });\n }\n };\n\n const dateTimeSubmit = (partner, answers) => {\n const newAnswers = {\n ...globalAnswers,\n ...answers,\n };\n setGlobalAnswersWrapper(newAnswers);\n setCurrentPatientPartner(partner);\n startFadeOut();\n contactSyncWrapper(newAnswers, false, partner, false, { ...progress, view: 'confirmation' }, null);\n startFadeIn({\n ...progress,\n view: 'confirmation',\n });\n };\n\n const seeAllPatientPartners = () => {\n history.push('/partners');\n };\n\n useEffect(() => {\n if (progress.view === 'loading-patient-partners') {\n loadPatientPartners();\n }\n }, []);\n\n // Listens to know if the device is a mobile device START\n const [isMobile, setDesktop] = useState(window.innerWidth < 768);\n\n const updateMedia = () => {\n setDesktop(window.innerWidth < 768);\n };\n\n useEffect(() => {\n window.addEventListener('resize', updateMedia);\n return () => window.removeEventListener('resize', updateMedia);\n });\n // Listens to know if the device is a mobile device END\n\n return (\n \n onSubmit({ ...answers, conversationTopics: answer.conversationTopics })}\n onBack={onBack}\n title={`What would you like to talk to your mentor about? (Select all that apply.)`}\n para={`We’ll let your mentor know some topics you’d like to talk about.`}\n keyForAnswer={`conversationTopics`}\n choices={[\n 'Pros and cons of the procedure',\n 'Procedure preparation tips',\n 'Recovery tips',\n 'Tips for finding the best doctor',\n ]}\n gtm={`${gtm} Conversation Topics`}\n otherTxt='Type other topics'\n />\n
\n \n \n \n \n {slideState === 'left' && {\n const newAnswers = {\n ...globalAnswers,\n selectedProcedures: values,\n };\n // remove surgery if the procedure has changed\n if (\n values[0] !==\n (globalAnswers && globalAnswers.selectedProcedures && globalAnswers.selectedProcedures[0])\n ) {\n newAnswers.selectedSurgeries = [];\n }\n setGlobalAnswersWrapper(newAnswers);\n startFadeOut();\n if (\n arrayIntersect(\n values.map((v) => v.toLowerCase()),\n availableProcedures.map((v) => v.toLowerCase())\n ).length > 0\n ) {\n contactSyncWrapper(\n newAnswers,\n false,\n null,\n false,\n { view: 'select-surgeries', questionNumber: null },\n null\n );\n startFadeIn({\n view: 'select-surgeries',\n questionNumber: null,\n });\n } else {\n contactSyncWrapper(\n newAnswers,\n false,\n null,\n false,\n { view: 'no-procedure-results', questionNumber: null },\n null\n );\n startFadeIn({\n view: 'no-procedure-results',\n questionNumber: null,\n });\n }\n }}\n onBack={\n doNotShowContactInfo\n ? null\n : () => {\n startFadeIn({\n ...progress,\n view: 'contact-info',\n });\n }\n }\n />\n )}\n {progress.view === 'select-surgeries' && (\n {\n const newAnswers = {\n ...globalAnswers,\n selectedSurgeries: values,\n };\n setGlobalAnswersWrapper(newAnswers);\n if (\n arrayIntersect(\n values.map((v) => v.toLowerCase()),\n availableSurgeries.map((v) => v.toLowerCase())\n ).length > 0 ||\n values[0].toLowerCase() === \"i'm not sure\"\n ) {\n contactSyncWrapper(\n newAnswers,\n false,\n null,\n false,\n { view: 'answer-questions', questionNumber: 0 },\n null\n );\n startFadeIn({\n view: 'answer-questions',\n questionNumber: 0,\n });\n } else {\n contactSyncWrapper(\n newAnswers,\n false,\n null,\n false,\n { view: 'no-surgery-results', questionNumber: null },\n null\n );\n startFadeIn({\n view: 'no-surgery-results',\n questionNumber: null,\n });\n }\n }}\n onBack={() => {\n startFadeIn({\n ...progress,\n view: 'select-procedures',\n });\n }}\n />\n )}\n {progress.view === 'answer-questions' && (\n {\n startFadeIn({\n ...progress,\n view: 'answer-questions',\n });\n }}\n onSubmit={(newAnswers) => {\n setGlobalAnswersWrapper(newAnswers);\n contactSyncWrapper(\n newAnswers,\n true,\n null,\n false,\n { ...progress, view: 'loading-patient-partners' },\n () => {\n startFadeIn({\n ...progress,\n view: 'loading-patient-partners',\n });\n loadPatientPartners();\n }\n );\n }}\n gtm={currentGtm}\n />\n )}\n {progress.view === 'loading-patient-partners' && {\n setGlobalAnswersWrapper(newAnswers);\n setShowAgreeToCallModal(true);\n }}\n onBack={() => {\n startFadeIn({\n ...progress,\n view: 'patient-partners',\n });\n }}\n datePlaceholder={'Preferred call date'}\n timePlaceholder={'Preferred call time'}\n gtm={currentGtm}\n cta={'Submit request'}\n />\n )}\n {progress.view === 'success' && (\n <>\n
\n \n \n )}\n {progress.view === 'patient-partners' && (\n \n \n
\n {gon.facebook_page_id && gon.facebook_app_id && (\n \n
\n \n Your request has been received!
\nHere’s what’s next:
\n\n
\n \n \n
\n \n
\n \n We’ll coordinate with your PatientPartner and confirm their availability and contact you via\n text.\n
\n\n Looking for a surgeon?\n
\n\n Answer a few questions and we’ll help you find a surgeon in your area that accepts your insurance!\n
\n \n \n \n\n \n
\n \n )}\n {progress.view === 'no-procedure-results' && (\n \n
\n \n Your request has been received!
\nHere’s what’s next:
\n\n
\n \n
\n \n
\n Your PatientPartner will be in touch within the next 48 hours
\n\n Looking for a surgeon?\n
\n\n Answer a few questions and we’ll help you find a surgeon in your area that accepts your insurance!\n
\n \n \n \n\n
\n )}\n {progress.view === 'no-surgery-results' && (\n \n \n
\n \n
\n \n
\n \n
\n \n setProgress({ ...progress, view: 'select-procedures' })}\n >\n \n Back to questionnaire\n \n \n
\n We're adding PatientPartners to our community every day!
\n\n It looks like we don't currently have a PatientPartner who can share their experience with{' '}\n {globalAnswers.selectedProcedures[0]}.\n
\n\n What's next?\n
\n\n We will send you an email when a PatientPartner joins the community!\n
\n\n
\n )}\n {progress.view === 'no-patient-partners' && (\n \n \n
\n \n
\n \n
\n \n
\n \n setProgress({ ...progress, view: 'select-surgeries' })}\n >\n \n Back to questionnaire\n \n \n
\n We're adding PatientPartners to our community every day!
\n\n It looks like we don't currently have a PatientPartner who can share their experience with{' '}\n {globalAnswers.selectedSurgeries[0].toLowerCase() === \"i'm not sure\"\n ? globalAnswers.selectedProcedures[0]\n : globalAnswers.selectedSurgeries[0]}\n .\n
\n\n What's next?\n
\n\n We will send you an email when a PatientPartner joins the community!\n
\n\n
\n )}\n \n \n
\n \n
\n \n
\n \n
\n \n setProgress({ ...progress, view: 'answer-questions' })}\n >\n Back to questionnaire\n \n
\n We're adding PatientPartners to our community every day!
\n\n It looks like we don't currently have a PatientPartner who can share their experience with{' '}\n {globalAnswers.selectedSurgeries[0].toLowerCase() === \"i'm not sure\"\n ? globalAnswers.selectedProcedures[0]\n : globalAnswers.selectedSurgeries[0]}\n .\n
\n\n What's next?\n
\n\n We will send you an email when a PatientPartner joins the community!\n
\n\n backButtonFromResults()}\n >\n Back to questionnaire\n \n
\n )}\n {showRestartModal && (\n \n
\n \n
\n \n
\n
\n You have been matched with {patientPartners[0].name}.
\n\n
\n {globalAnswers.name}, based on your survey responses, we recommend you talk to{' '}\n {patientPartners[0].name} about their healthcare experience.\n
\n\n What's Next\n
\n\n {patientPartners[0].sign_up_beta_test\n ? !context.auth.isLoggedIn()\n ? `Create your free account and get support in a private and safe space.`\n : `Send ${patientPartners[0].name} a message and learn about their experience!`\n : 'Request a connection by selecting your communication preference and introducing yourself!'}\n
\n {isMobile && (\n\n {directConnection && patientPartners[0].sign_up_beta_test && !context.auth.isLoggedIn() && (\n {\n setGlobalAnswersWrapper(newAnswers);\n startFadeOut();\n const newProgress = {\n ...progress,\n view: 'direct-connection-success',\n };\n contactSyncWrapper(newAnswers, true, patientPartners[0], true, newProgress, null);\n startFadeIn(newProgress);\n }}\n gtm={currentGtm}\n />\n )}\n {!directConnection && (\n {\n dateTimeSubmit(patientPartners[0], answers);\n }}\n answers={globalAnswers}\n surgeons={patientPartners[0]}\n title={`Request a phone call with ${patientPartners[0].name}`}\n subtitle={\n 'We’ll coordinate with your PatientPartner based on your preference! Select your preferred day and time.'\n }\n datePlaceholder={'Preferred call date'}\n timePlaceholder={'Preferred call time'}\n gtm={currentGtm}\n />\n )}\n
\n )}\n {!isMobile && \n {\n createConversation({ patient_partner_id: patientPartners[0].id }, (conversation) => {\n if (conversation) {\n history.push(`/member/conversations/${conversation.uuid}?view=conversation`);\n } else {\n history.push('/member/conversations?view=conversation');\n }\n });\n }}\n gtm={currentGtm}\n showAcceptTerms={false}\n params={{\n origin: origin,\n patient_partner_scheduled_contact_id: contactId,\n patient_partner_id: patientPartners[0].id,\n zipcode: globalAnswers.zipcode,\n }}\n headline={'Join the community'}\n para={'Your mentor is here to help. Create your account to start messaging them for free.'}\n skipPassword={skipPassword}\n />\n
\n )}\n {directConnection && !patientPartners[0].sign_up_beta_test && (\n \n {!isMobile && (\n
\n {origin && origin !== 'Realself Cosmetic Patient Mentor' && (\n \n {directConnection && patientPartners[0].sign_up_beta_test && !context.auth.isLoggedIn() && (\n {\n setGlobalAnswersWrapper(newAnswers);\n startFadeOut();\n const newProgress = {\n ...progress,\n view: 'direct-connection-success',\n };\n contactSyncWrapper(newAnswers, true, patientPartners[0], true, newProgress, null);\n startFadeIn(newProgress);\n }}\n gtm={currentGtm}\n />\n )}\n {!directConnection && (\n {\n dateTimeSubmit(patientPartners[0], answers);\n }}\n answers={globalAnswers}\n surgeons={patientPartners[0]}\n subtitle={\n 'We’ll coordinate with your PatientPartner based on your preference! Select your preferred day and time.'\n }\n title={`Request a phone call with ${patientPartners[0].name}`}\n datePlaceholder={'Preferred call date'}\n timePlaceholder={'Preferred call time'}\n gtm={currentGtm}\n />\n )}\n
\n )}\n {isMobile && \n {\n createConversation({ patient_partner_id: patientPartners[0].id }, (conversation) => {\n if (conversation) {\n history.push(`/member/conversations/${conversation.uuid}?view=conversation`);\n } else {\n history.push('/member/conversations?view=conversation');\n }\n });\n }}\n gtm={currentGtm}\n showAcceptTerms={false}\n params={{\n origin: origin,\n patient_partner_scheduled_contact_id: contactId,\n patient_partner_id: patientPartners[0].id,\n }}\n headline={'Join the community'}\n para={'Your mentor is here to help. Create your account to start messaging them for free.'}\n skipPassword={skipPassword}\n />\n
\n )}\n {directConnection && !patientPartners[0].sign_up_beta_test && (\n \n
\n )}\n \n
\n \n
\n\n See all PatientPartners™\n \n
\n Want to see other PatientPartners?
\n\n
\n We chose your PatientPartner based on your survey answers, but there are more available you can\n talk to!\n
\n\n
\n
\n Need help finding a surgeon?
\n\n
\n Answer a couple questions and find a surgeon that accepts your insurance!\n
\n \n \n \nIt looks like you've already taken this questionnaire!
\n\n
\n \n }\n onClose={() => {\n setShowRestartModal(false);\n }}\n />\n )}\n {showAgreeToCallModal && (\n \n \n Continue where I left off\n \n
\n \n \n Retake questionnaire\n \n
\n \n
\n \n
\n \n
\n \n
\n {partner.name}
\n\n Age: {partner.display_age}\n
\n\n Location: {partner.display_location}\n
\n {partner.weight_loss && (\n\n Weight-Loss: {partner.weight_loss} lbs\n
\n )}\n\n Health conditions:{' '}\n \n {partner.health_conditions && partner.health_conditions.length > 0\n ? partner.health_conditions.join(', ')\n : 'None'}\n \n
\n {partner.surgeries_or_treatments && (\n\n Surgery: {partner.surgeries_or_treatments.join(', ')}\n
\n )}\n <>\n\n
\n
\n \n {showBio && (\n <>\n
\n {partner.bio}
\n\n \n Show less\n \n
\n \n )}\n {!showBio && (\n \n \n Read full bio\n \n
\n )}\n \n
\n \n \n );\n}\n","import React, { useState, useEffect } from 'react';\nimport PatientPartnerCard from '../patient_partner_card';\nimport Slider from 'react-slick';\nimport uuid from 'react-uuid';\nimport './doc-patient-partners.css';\n\nexport default function DocPatientPartners({\n patientPartners,\n headline,\n subheadline,\n para,\n actionContentFunc = (partner) => <>,\n sliderClassName = 'pp-reviews-carousel',\n startOnSecondSlide = false,\n showSendMessage = true,\n}) {\n const [showRestOfPartners, setShowRestOfPartners] = useState(false);\n\n // Listens to know if the device is a mobile device START\n const [isMobile, setDesktop] = useState(window.innerWidth < 768);\n\n const updateMedia = () => {\n setDesktop(window.innerWidth < 768);\n };\n\n useEffect(() => {\n window.addEventListener('resize', updateMedia);\n return () => window.removeEventListener('resize', updateMedia);\n });\n // Listens to know if the device is a mobile device END\n\n const prevArrowId = `prevArrowId_${uuid()}`;\n const nextArrowId = `nextArrowId_${uuid()}`;\n\n const [nextFadeOut, setNextFadeOut] = useState(false);\n const [prevFadeOut, setPrevFadeOut] = useState(false);\n\n const prevClick = () => {\n if (patientPartners.length > 1) {\n currentSlider.slickPrev();\n }\n };\n\n const nextClick = () => {\n if (patientPartners.length > 1) {\n currentSlider.slickNext();\n }\n };\n\n useEffect(() => {\n if (!isMobile) {\n if (patientPartners.length > 1 && startOnSecondSlide === true) {\n currentSlider.slickNext();\n }\n if (\n document.querySelector('.' + sliderClassName + ' .slick-track > .slick-slide:first-child') &&\n document.querySelector('.' + sliderClassName + ' .slick-track > .slick-slide:first-child').classList[1] ==\n 'slick-active'\n ) {\n setPrevFadeOut(true);\n }\n }\n }, []);\n const settings = {\n className: 'pp-reviews-carousel',\n dots: true,\n centerMode: true,\n arrows: false,\n slidesToShow: 1,\n variableWidth: true,\n infinite: false,\n beforeChange: (oldIndex, newIndex) => {\n if (newIndex === patientPartners.length - 1) {\n setNextFadeOut(true);\n } else {\n setNextFadeOut(false);\n }\n if (newIndex === 0) {\n setPrevFadeOut(true);\n } else {\n setPrevFadeOut(false);\n }\n },\n responsive: [\n {\n breakpoint: 2000,\n settings: {\n slidesToShow: 1,\n },\n },\n {\n breakpoint: 1300,\n settings: {\n slidesToShow: 1,\n },\n },\n {\n breakpoint: 800,\n settings: {\n slidesToShow: 1,\n },\n },\n ],\n };\n\n let currentSlider;\n\n return (\n {generateActionContent()}
\n \n {(headline || subheadline) && (\n
\n )}\n {isMobile && (\n \n
\n )}\n \n
\n \n
\n \n {headline &&
\n {headline}
}\n {subheadline &&{subheadline}
}\n {para &&{para}
}\n\n {!isMobile && patientPartners.length == 1 && (\n
\n \n
\n )}\n {!isMobile && patientPartners.length > 1 && (\n \n
\n \n \n \n
\n \n (currentSlider = slider)} {...settings}>\n {patientPartners.map((partner) => (\n \n \n \n
\n \n
\n ))}\n \n {patientPartners.reduce((patientPartners, partner, index) => {\n var upperLimit, lowerLimit;\n if (!showRestOfPartners) {\n /* shows 3 partners */\n upperLimit = 2;\n lowerLimit = -1;\n } else if (showRestOfPartners) {\n /* shows all partners */\n upperLimit = 300000;\n lowerLimit = -1;\n }\n if (index <= upperLimit && index > lowerLimit) {\n patientPartners.push(\n
\n )}\n \n \n );\n}\n","// extracted by mini-css-extract-plugin\nmodule.exports = {\"tile\":\"age-module__tile___JbAYv\",\"date_picker_wrapper\":\"age-module__date_picker_wrapper___WyX3A\"};","// extracted by mini-css-extract-plugin\nmodule.exports = {\"send_message_cta\":\"index-module__send_message_cta___lQgD0\"};","// extracted by mini-css-extract-plugin\nmodule.exports = {\"dot_flashing\":\"styles-module__dot_flashing___5McYf\",\"dotFlashing\":\"styles-module__dotFlashing___j3Os3\",\"loading_button\":\"styles-module__loading_button___cq+oP\"};","// extracted by mini-css-extract-plugin\nmodule.exports = {\"phoneInputWrapper\":\"index-module__phoneInputWrapper___mKjmt\"};","// extracted by mini-css-extract-plugin\nmodule.exports = {\"first_name\":\"index-module__first_name___ahXIo\",\"last_name\":\"index-module__last_name___LbTA9\"};","// extracted by mini-css-extract-plugin\nmodule.exports = {\"button_w_icon\":\"index-module__button_w_icon___YLFaU\",\"txt\":\"index-module__txt___e90hf\"};","// extracted by mini-css-extract-plugin\nmodule.exports = {\"ava_button\":\"index-module__ava_button___PW7NT\",\"liner\":\"index-module__liner___nKGZ+\",\"ava_button_liner\":\"index-module__ava_button_liner___nV40Q\"};","// extracted by mini-css-extract-plugin\nmodule.exports = {\"back\":\"index-module__back___vTWSi\",\"convo_otr\":\"index-module__convo_otr___ZjTPo\",\"conversation_room_bg\":\"index-module__conversation_room_bg___LUDSu\"};","// extracted by mini-css-extract-plugin\nmodule.exports = {\"title\":\"index-module__title___ehouU\",\"body\":\"index-module__body___fjTzI\"};","// extracted by mini-css-extract-plugin\nmodule.exports = {\"side_nav_text\":\"index-module__side_nav_text___mZVXe\",\"nav_link_otr\":\"index-module__nav_link_otr___mhCeI\",\"nav_link_icon\":\"index-module__nav_link_icon___fXKZY\",\"active\":\"index-module__active___vvby5\",\"left_nav_link\":\"index-module__left_nav_link___mOjXI\",\"left_side_menu\":\"index-module__left_side_menu___2jQEr\",\"left_side_menu_placeholder\":\"index-module__left_side_menu_placeholder___lERon\",\"settings_menu\":\"index-module__settings_menu___4IID2\",\"member_platform_header_wrapper\":\"index-module__member_platform_header_wrapper___dwaVP\",\"member_platform\":\"index-module__member_platform___eCN1L\"};","// extracted by mini-css-extract-plugin\nmodule.exports = {\"tab\":\"index-module__tab___0uE3+\"};","// extracted by mini-css-extract-plugin\nmodule.exports = {\"questionnaire_ottr\":\"index-module__questionnaire_ottr___10-5i\",\"cont_row\":\"index-module__cont_row___v6g7a\",\"light_blue_text\":\"index-module__light_blue_text___FpwWE\",\"thank_you\":\"index-module__thank_you___fLJur\",\"thank_you_p\":\"index-module__thank_you_p___alJJp\",\"thank_you_button\":\"index-module__thank_you_button___aimtu\"};","// extracted by mini-css-extract-plugin\nmodule.exports = {\"imgr\":\"index-module__imgr___61uvr\",\"imr_txt\":\"index-module__imr_txt___+x9Yi\",\"floating_box\":\"index-module__floating_box___BssmK\",\"faqol\":\"index-module__faqol___k+VTP\",\"headline\":\"index-module__headline___RRZ20\",\"so_headline\":\"index-module__so_headline___OVfBr\",\"chat_head\":\"index-module__chat_head___xdk0k\",\"questionnaire_ottr\":\"index-module__questionnaire_ottr___5AaYW\",\"cont_row\":\"index-module__cont_row___gokq7\"};","import React, { useState } from 'react';\nimport ChooseManyOptionsWithNone from './../choose_many_options_with_none';\n\nexport default function UterineFibroidsSymptoms({\n answers,\n onSubmit,\n onBack,\n ctaPreConditions = 'Next',\n gtm,\n options = [\n 'Painful or heavy periods',\n 'Cramping or Pelvic Discomfort',\n 'Bloating',\n 'Bladder Problems',\n 'Low Back Pain',\n 'None Of These',\n ],\n title = 'What symptoms have you been experiencing?',\n para = 'Select any that apply.',\n}) {\n return (\n \n
\n );\n }\n return patientPartners;\n }, [])}\n {patientPartners.length > 3 && (\n <>\n {!showRestOfPartners && (\n \n )}\n {showRestOfPartners && (\n \n )}\n \n )}\n \n \n
\n );\n}\n","import React, { useState } from 'react';\nimport OptionsAndOther from '../../choose_an_option';\n\nexport default function Gender({ answers, onSubmit, onBack, gtm, showBack }) {\n return (\n \n \n onSubmit({ ...answers, xcopriPatientOrCaregiver: newAnswers.xcopriPatientOrCaregiver })\n }\n onBack={onBack}\n title={`Are you a patient or a caregiver/family member of someone with epilepsy?`}\n keyForAnswer={`xcopriPatientOrCaregiver`}\n choices={['Patient', 'Caregiver/Family member']}\n selectOne\n showOther={false}\n showBack={showBack}\n />\n
\n \n \n \n
\n );\n}\n","import React, { useState } from 'react';\nimport OptionsAndOther from '../../choose_an_option';\n\nexport default function Diagnosis({ answers, onSubmit, onBack, gtm, showBack }) {\n return (\n \n onSubmit({ ...answers, gender: newAnswers.gender })}\n onBack={onBack}\n title={`How would you describe your gender?`}\n keyForAnswer={`gender`}\n choices={['Male', 'Female', 'Non-binary', 'Prefer not to answer']}\n selectOne\n showOther={false}\n showBack={showBack}\n />\n
\n \n \n \n
\n );\n}\n","import React, { useState } from 'react';\nimport OptionsAndOther from '../../choose_an_option';\n\nexport default function LastSeisure({ answers, onSubmit, onBack, gtm, showBack }) {\n return (\n \n onSubmit({ ...answers, xcopriDiagnosis: newAnswers.xcopriDiagnosis })}\n onBack={onBack}\n title={`How long have you (or the patient) been diagnosed with epilepsy? Provide your best guess.`}\n keyForAnswer={`xcopriDiagnosis`}\n choices={[\n '0 - 1 years',\n '1 - 5 years',\n '5 - 10 years',\n '10 years or more',\n 'Have not been diagnosed with epilepsy',\n ]}\n selectOne\n showOther={false}\n showBack={showBack}\n />\n
\n \n \n \n
\n );\n}\n","import React, { useState } from 'react';\nimport OptionsAndOther from '../../choose_an_option';\n\nexport default function SeisureFrequency({ answers, onSubmit, onBack, gtm, showBack }) {\n return (\n \n onSubmit({ ...answers, xcopriLastSeisure: newAnswers.xcopriLastSeisure })}\n onBack={onBack}\n title={`Can you share when the most recent seizure occurred for you (or the patient)?`}\n keyForAnswer={`xcopriLastSeisure`}\n choices={[\n 'Within the last week',\n 'Within the last month',\n 'Within the last 6 months',\n 'Between 7 and 12 months ago',\n 'Over 1 year ago',\n ]}\n selectOne\n showOther={false}\n showBack={showBack}\n />\n
\n \n \n \n
\n );\n}\n","import React, { useState } from 'react';\nimport OptionsAndOther from '../../choose_an_option';\n\nexport default function Prescription({ answers, onSubmit, onBack, gtm, showBack }) {\n return (\n \n onSubmit({ ...answers, xcopriSeisureFrequency: newAnswers.xcopriSeisureFrequency })}\n onBack={onBack}\n title={`How often are you (or the patient) having seizures?`}\n keyForAnswer={`xcopriSeisureFrequency`}\n choices={['Daily', 'Multiple times a month', 'Once a month', 'Once every few months', 'Once a year']}\n selectOne\n showOther={false}\n showBack={showBack}\n />\n
\n \n \n \n
\n );\n}\n","import React, { useState } from 'react';\nimport OptionsAndOther from '../../choose_an_option';\n\nexport default function SymptomManagement({ answers, onSubmit, onBack, gtm, showBack }) {\n return (\n \n onSubmit({ ...answers, xcopriPrescription: newAnswers.xcopriPrescription })}\n onBack={onBack}\n title={`Are you or (or the patient) currently taking XCOPRI® (cenobamate tablets) CV?`}\n keyForAnswer={`xcopriPrescription`}\n choices={['Yes', 'No']}\n selectOne\n showOther={false}\n showBack={showBack}\n />\n
\n \n \n \n
\n );\n}\n","import React, { useState } from 'react';\nimport OptionsAndOther from '../../choose_an_option';\n\nexport default function AsmSideEffect({ answers, onSubmit, onBack, gtm, showBack }) {\n return (\n \n \n onSubmit({ ...answers, xcopriSymptomManagement: newAnswers.xcopriSymptomManagement })\n }\n onBack={onBack}\n title={`Please specify how long you (or the patient) have been using XCOPRI® (cenobamate tablets) CV.`}\n keyForAnswer={`xcopriSymptomManagement`}\n choices={['Less than 1 month', '1-3 months', '4-6 months', '7 months to a year', 'A year or more']}\n selectOne\n showOther={false}\n showBack={showBack}\n />\n
\n \n \n \n
\n );\n}\n","import React, { useState } from 'react';\nimport OptionsAndOther from '../../choose_an_option';\n\nexport default function ConsideringASwitch({ answers, onSubmit, onBack, gtm, showBack }) {\n return (\n \n \n onSubmit({ ...answers, xcopriAsmSideEffect: newAnswers.xcopriAsmSideEffect, other: newAnswers.other })\n }\n onBack={onBack}\n title={`What side effects (if any) are you (or the patient) experiencing with the current anti-seizure medication (ASM)? (Please check all that apply.)`}\n keyForAnswer={`xcopriAsmSideEffect`}\n choices={['Dizziness', 'Headache', 'Feeling anxious or worried', 'Sleepiness', 'Behavior changes']}\n selectOne={false}\n showOther={true}\n otherTxt={`Other side effects`}\n showBack={showBack}\n />\n
\n \n \n \n
\n );\n}\n","import React, { useState } from 'react';\nimport OptionsAndOther from '../../choose_an_option';\n\nexport default function ReasonForSwitch({ answers, onSubmit, onBack, gtm, showBack }) {\n return (\n \n \n onSubmit({ ...answers, xcopriConsideringASwitch: newAnswers.xcopriConsideringASwitch })\n }\n onBack={onBack}\n title={`Are you (or the patient) considering switching or adding XCOPRI® (cenobamate tablets) CV to your current anti-seizure medication (ASM)?`}\n keyForAnswer={`xcopriConsideringASwitch`}\n choices={['Yes', 'No', 'Maybe']}\n selectOne\n showOther={false}\n showBack={showBack}\n />\n
\n \n \n \n
\n );\n}\n","import React from 'react';\nimport OptionsAndOther from '../../choose_an_option';\n\nexport default function MentorConversationTopics({ answers, onSubmit, onBack, gtm }) {\n return (\n \n \n onSubmit({ ...answers, xcopriReasonForSwitch: newAnswers.xcopriReasonForSwitch, other: newAnswers.other })\n }\n onBack={onBack}\n title={`What are the reasons you would like to switch to XCOPRI® (cenobamate tablets) CV?`}\n keyForAnswer={`xcopriReasonForSwitch`}\n choices={[\n `I'm still experiencing seizures`,\n 'Tolerability issues with current ASM',\n `The cost is too high or my insurance doesn't cover it`,\n ]}\n selectOne={false}\n showOther={true}\n otherTxt={`Other (please list)`}\n showBack={showBack}\n />\n
\n \n \n \n
\n );\n}\n","import React, { useState, useEffect, useContext } from 'react';\nimport { useHistory } from 'react-router-dom';\nimport Context from '../../../utils/context';\nimport SignUp from '../../sign_up';\nimport PatientOrCaregiver from './patient_or_caregiver';\nimport Age from '../age/age';\nimport Gender from './gender';\nimport Diagnosis from './diagnosis';\nimport LastSeisure from './last_seisure';\nimport SeisureFrequency from './seisure_frequency';\nimport Prescription from './prescription';\nimport SymptomManagement from './symptom_management';\nimport AsmSideEffect from './asm_side_effect';\nimport ConsideringASwitch from './considering_a_switch';\nimport ReasonForSwitch from './reason_for_switch';\nimport MentorConversationTopics from './mentor_conversation_topics';\nimport LoadingScreen from '../../loading_screen';\nimport MentorMatch from '../../surgeon/referred_mentor_match/pre_conversation_questionnaire/mentor_match';\nimport QuestionnaireStopper from '../questionnaire_stopper';\nimport { getSurgeonReferredMentorMatchFromProfile } from './../../../api/profiles';\nimport {\n createSurgeonReferredMentorMatch,\n updateSurgeonReferredMentorMatch,\n} from '../../../api/surgeon_referred_mentor_matches';\nimport { findAndSetMentor } from '../../../helpers/find_mentor_helper';\nimport { arrayCompact } from '../../../helpers';\nimport styles from './index.module.css';\n\nexport default function XcopriQuestionnaire({\n standAlone = false,\n backgroundColor = '#f5f7f9',\n headerContent = <>,\n signupHeadline = 'Get matched to your PatientPartner mentor!',\n useFormWrapper = false,\n}) {\n const context = useContext(Context);\n const history = useHistory();\n const [view, setView] = useState('sign-up');\n const [xcopriPatientOrCaregiver, setXcopriPatientOrCaregiver] = useState();\n const [currentBirthday, setCurrentBirthday] = useState(\n context.auth.isLoggedIn() ? context.auth.getCurrentUser().date_of_birth : null\n );\n const [patientDateOfBirth, setPatientDateOfBirth] = useState();\n const [gender, setGender] = useState();\n const [xcopriDiagnosis, setXcopriDiagnosis] = useState();\n const [xcopriLastSeisure, setXcopriLastSeisure] = useState();\n const [xcopriSeisureFrequency, setXcopriSeisureFrequency] = useState();\n const [xcopriPrescription, setXcopriPrescription] = useState();\n const [xcopriSymptomManagement, setXcopriSymptomManagement] = useState();\n const [xcopriAsmSideEffect, setXcopriAsmSideEffect] = useState();\n const [xcopriConsideringASwitch, setXcopriConsideringASwitch] = useState();\n const [xcopriReasonForSwitch, setXcopriReasonForSwitch] = useState();\n const [mentorConversationTopics, setMentorConversationTopics] = useState();\n const [surgeonReferredMentorMatch, setSurgeonReferredMentorMatch] = useState();\n const [patientPartner, setPatientPartner] = useState();\n const [mentorFound, setMentorFound] = useState(false);\n\n const update = (params, callback) => {\n updateSurgeonReferredMentorMatch(surgeonReferredMentorMatch.uuid, params, (data) => {\n setSurgeonReferredMentorMatch(data);\n callback();\n });\n };\n\n const calculateAge = (dob) => {\n const today = new Date();\n const birthDate = new Date(dob);\n let age = today.getFullYear() - birthDate.getFullYear();\n const monthDiff = today.getMonth() - birthDate.getMonth();\n\n // If the current date is before the birthday this year, subtract one from the age\n if (monthDiff < 0 || (monthDiff === 0 && today.getDate() < birthDate.getDate())) {\n age--;\n }\n\n return age;\n };\n\n useEffect(() => {\n if (context.auth.isLoggedIn()) {\n getSurgeonReferredMentorMatchFromProfile((match) => {\n setSurgeonReferredMentorMatch(match);\n setView('patient-or-caregiver');\n });\n }\n }, []);\n\n useEffect(() => {\n if (mentorFound && patientPartner) {\n setView('patient-partner');\n }\n }, [mentorFound, patientPartner]);\n\n const scrollToQuestionnaire = (useDelay) => {\n const scrollFunc = () => {\n const timer = setTimeout(() => {\n document.getElementById('questionnaire-scroll-to').scrollIntoView({\n behavior: 'smooth',\n });\n }, 100);\n return () => clearTimeout(timer);\n };\n\n if (useDelay) {\n setTimeout(scrollFunc, 1000);\n } else {\n scrollFunc();\n }\n };\n\n const afterSignUp = (user) => {\n createSurgeonReferredMentorMatch({ surgeon_id: gon.xcopri_surgeon_id, surgery: 'Epilepsy Rx' }, (match) => {\n setSurgeonReferredMentorMatch(match);\n setView('patient-or-caregiver');\n scrollToQuestionnaire();\n });\n };\n\n let bgCss = { maxWidth: '100%' };\n if (backgroundColor) {\n bgCss['backgroundColor'] = backgroundColor;\n }\n\n const FormWrapper = ({ children, addCol, headerContent }) => {\n if (useFormWrapper) {\n if (addCol) {\n return (\n \n \n onSubmit({ ...answers, mentorConversationTopics: newAnswers.mentorConversationTopics })\n }\n onBack={onBack}\n title={`How are you looking for a mentor to help you? (Select all that apply)`}\n para={``}\n keyForAnswer={`mentorConversationTopics`}\n choices={[\n 'Guidance on symptom management',\n 'Coping with or managing side effects',\n `Personal insights into emotional impact and coping strategies`,\n `Advice on building and maintaining a support system`,\n `Specific questions about treatment`,\n `Tips on pharmacy support`,\n ]}\n showOther\n otherTxt={`Enter other topics here`}\n showBack\n />\n
\n \n \n {headerContent}\n \n {children}\n
\n \n );\n }\n\n return (\n <>\n {headerContent}\n \n
\n \n )}\n \n \n );\n}\n","import React, { useState } from 'react';\n\nexport default function PaymentMethod({\n answers,\n onSubmit,\n onBack,\n gtmSubmitLabel = 'wl',\n gtm,\n choices = [\n {\n value: 'Health Insurance',\n icon: (\n \n ),\n },\n {\n value: 'Cash Pay',\n icon: (\n \n ),\n },\n ],\n}) {\n const [paymentMethod, setPaymentMethod] = useState(answers.paymentMethod || '');\n const onClick = (value) => () => {\n setPaymentMethod(value);\n };\n\n return (\n \n \n \n {\n setGender(answers.gender);\n context.auth.userUpdate({ gender: answers.gender }, () => {\n setView('diagnosis');\n scrollToQuestionnaire();\n });\n }}\n onBack={() => {\n if (xcopriPatientOrCaregiver === 'Patient') {\n setView('age');\n } else {\n setView('patient-age');\n }\n }}\n />\n \n )}\n {view === 'diagnosis' && (\n \n {\n setXcopriDiagnosis(answers.xcopriDiagnosis);\n update({ xcopri_diagnosis: answers.xcopriDiagnosis }, () => {\n setView('last-seisure');\n scrollToQuestionnaire();\n });\n }}\n onBack={() => setView('gender')}\n />\n \n )}\n {view === 'last-seisure' && (\n \n {\n setXcopriLastSeisure(answers.xcopriLastSeisure);\n update({ xcopri_last_seisure: answers.xcopriLastSeisure }, () => {\n setView('seisure-frequency');\n scrollToQuestionnaire();\n });\n }}\n onBack={() => setView('diagnosis')}\n />\n \n )}\n {view === 'seisure-frequency' && (\n \n {\n setXcopriSeisureFrequency(answers.xcopriSeisureFrequency);\n update({ xcopri_seisure_frequency: answers.xcopriSeisureFrequency }, () => {\n setView('prescription');\n scrollToQuestionnaire();\n });\n }}\n onBack={() => setView('last-seisure')}\n />\n \n )}\n {view === 'prescription' && (\n \n {\n setXcopriPrescription(answers.xcopriPrescription);\n update({ xcopri_prescription: answers.xcopriPrescription }, () => {\n if (answers.xcopriPrescription === 'Yes') {\n setView('symptom-management');\n scrollToQuestionnaire();\n } else {\n setView('considering-a-switch');\n scrollToQuestionnaire();\n }\n });\n }}\n onBack={() => setView('seisure-frequency')}\n />\n \n )}\n {view === 'symptom-management' && (\n \n {\n setXcopriSymptomManagement(answers.xcopriSymptomManagement);\n update({ xcopri_symptom_management: answers.xcopriSymptomManagement }, () => {\n setView('asm-side-effects');\n scrollToQuestionnaire();\n });\n }}\n onBack={() => setView('prescription')}\n />\n \n )}\n {xcopriPrescription === 'Yes' && view === 'asm-side-effects'\n ? setView('mentor-conversation-topics')\n : view === 'asm-side-effects' && (\n \n {\n let result = answers['xcopriAsmSideEffect'].concat([answers['other']]);\n result = arrayCompact(result);\n setXcopriAsmSideEffect(result);\n update({ xcopri_asm_side_effect: result }, () => {\n setView('mentor-conversation-topics');\n scrollToQuestionnaire();\n });\n }}\n onBack={() => {\n if (xcopriConsideringASwitch === 'Yes' || xcopriConsideringASwitch === 'Maybe') {\n setView('reason-for-switch');\n } else if (xcopriConsideringASwitch === 'No') {\n setView('considering-a-switch');\n } else {\n setView('symptom-management');\n }\n }}\n />\n \n )}\n {view === 'considering-a-switch' && (\n \n {\n setXcopriConsideringASwitch(answers.xcopriConsideringASwitch);\n update({ xcopri_considering_a_switch: answers.xcopriConsideringASwitch }, () => {\n if (\n answers.xcopriConsideringASwitch === 'Yes' ||\n answers.xcopriConsideringASwitch === 'Maybe'\n ) {\n setView('reason-for-switch');\n scrollToQuestionnaire();\n } else {\n setView('asm-side-effects');\n scrollToQuestionnaire();\n }\n });\n }}\n onBack={() => setView('prescription')}\n />\n \n )}\n {view === 'reason-for-switch' && (\n \n {\n let result = answers['xcopriReasonForSwitch'].concat([answers['other']]);\n result = arrayCompact(result);\n setXcopriReasonForSwitch(result);\n update({ xcopri_reason_for_switch: result }, () => {\n setView('asm-side-effects');\n scrollToQuestionnaire();\n });\n }}\n onBack={() => setView('considering-a-switch')}\n />\n \n )}\n {view === 'mentor-conversation-topics' && (\n \n {\n setMentorConversationTopics(answers.mentorConversationTopics);\n updateSurgeonReferredMentorMatch(\n surgeonReferredMentorMatch.uuid,\n { conversation_topics: answers.mentorConversationTopics },\n () => {\n setView('loading-patient-partner');\n findAndSetMentor(\n {\n onSetPatientPartner: setPatientPartner,\n onMentorFound: setMentorFound,\n },\n context\n );\n }\n );\n }}\n onBack={() => {\n if (xcopriPrescription === 'Yes') {\n setView('symptom-management');\n } else {\n setView('asm-side-effects');\n }\n }}\n />\n \n )}\n {view === 'loading-patient-partner' && (\n \n \n )}\n {view === 'patient-partner' && (\n \n {\n updateSurgeonReferredMentorMatch(\n surgeonReferredMentorMatch.uuid,\n { conversation_id: conversation.id },\n () => {\n let firstMessage = '';\n if (mentorConversationTopics && mentorConversationTopics.length > 0) {\n if (mentorConversationTopics.length === 1 || mentorConversationTopics.length === 2) {\n firstMessage =\n 'Hi ' +\n patientPartner.name +\n ', I would like to chat about ' +\n (mentorConversationTopics || []).join(' and ').toLowerCase();\n } else {\n firstMessage =\n 'Hi ' +\n patientPartner.name +\n ', I would like to chat about ' +\n (mentorConversationTopics || []).slice(0, -1).join(', ').toLowerCase() +\n ' and ' +\n mentorConversationTopics[mentorConversationTopics.length - 1].toLowerCase();\n }\n }\n history.push(`/member/conversations/${conversation.uuid}?firstMessage=${firstMessage}`);\n }\n );\n }}\n whatsNextMessage={(p) => {\n return `Send your first message to ${p.name} and get answers to questions about their experience.`;\n }}\n />\n \n )}\n
\n \n \n {headerContent}\n {view === 'sign-up' && (\n \n {\n setXcopriPatientOrCaregiver(answers.xcopriPatientOrCaregiver);\n update({ xcopri_patient_or_caregiver: answers.xcopriPatientOrCaregiver }, () => {\n setView('age');\n scrollToQuestionnaire();\n });\n }}\n />\n \n )}\n {view === 'age' && (\n \n {\n setCurrentBirthday(answers.date_of_birth);\n context.auth.userUpdate({ date_of_birth: answers.date_of_birth }, () => {\n if (xcopriPatientOrCaregiver === 'Patient') {\n const age = calculateAge(answers.date_of_birth);\n if (age < 18) {\n setView('thank-you');\n } else {\n setView('gender');\n }\n scrollToQuestionnaire();\n } else {\n setView('patient-age');\n scrollToQuestionnaire();\n }\n });\n }}\n onBack={() => setView('patient-or-caregiver')}\n gtm={''}\n cta='Next'\n />\n \n )}\n {view === 'patient-age' && (\n \n {\n setPatientDateOfBirth(answers.date_of_birth);\n update({ xcopri_patient_dob: answers.date_of_birth }, () => {\n const age = calculateAge(answers.date_of_birth);\n if (age < 18) {\n setView('thank-you');\n } else {\n setView('gender');\n }\n scrollToQuestionnaire();\n });\n }}\n onBack={() => setView('age')}\n gtm={''}\n cta='Next'\n />\n \n )}\n {view === 'thank-you' && (\n \n
\n
\n }\n header='Thank you for your interest!'\n />\n )}\n {view === 'gender' && (\n \n We understand how important it is to find support, but the XCOPRI PatientPartner Mentor\n Program is only available for patients who are 18 years or older. If you're a caregiver or if\n the patient you're enrolling is under 18, we're unable to complete the registration at this\n time.\n
\n\n
\n If you would like to learn more, please check out the XCOPRI Resource Center by clicking{' '}\n
\n \n
\n );\n}\n","import React, { useState, useEffect, useContext } from 'react';\nimport { Link, useHistory } from 'react-router-dom';\nimport DatePickerWrapper from '../../date_picker_wrapper';\nimport Todpicker from '../../todpicker';\nimport ErrorMessage from '../../ui_kit/utilities/error_message';\nimport { onlyUnique, toSentTime } from '../../../helpers';\nimport { getConsultationTimes, setConsultationTimes } from '../../../api/surgeons';\nimport LoadingScreen from '../../loading_screen';\nimport Context from '../../../utils/context';\n\nexport default function VirtualConsultationDateTime({\n onSubmit,\n onBack,\n answers,\n title,\n subtitle = 'Select from available times and dates for your consultation.',\n datePlaceholder = 'Preferred appt. date',\n timePlaceholder = 'Preferred appt. time',\n gtm,\n cta = 'Next',\n}) {\n const [apptDate, setApptDate] = useState(answers.surgeonVirtualConsultationApptDate || '');\n const [apptTimeOfDay, setApptTimeOfDay] = useState(\n answers.surgeonVirtualConsultationApptTimeOfDay || timePlaceholder\n );\n const [availableTimes, setAvailableTimes] = useState([]);\n const [error, setError] = useState('');\n const [checkedForConsultations, setCheckedForConsultations] = useState(false);\n const [showRequestMoreTime, setShowRequestMoreTime] = useState(false);\n const context = useContext(Context);\n let history = useHistory();\n\n useEffect(() => {\n getConsultationTimes(answers, (data) => {\n setAvailableTimes(data);\n setCheckedForConsultations(true);\n });\n }, []);\n\n let selectableConsultations = [\n ...availableTimes\n .filter((t) => new Date(t.start_time).getTime() > new Date().setDate(new Date().getDate() + 2))\n .map((t) => (t = { ...t, time_slot: `${toSentTime(t.start_time)} - ${toSentTime(t.end_time)}` })),\n ]; // <- filter only shows days greater than 2 days from now and the map adds a new field called time_slot so we can easily associate the selected time with objects in the array\n\n // \\/ only show available days in DatePickerWrapper\n let months = selectableConsultations.map((t) => new Date(t.start_time).getMonth());\n let days = selectableConsultations.map((t) => new Date(t.start_time).getDate());\n const isAvailableDate = (date) => {\n return days.indexOf(date.getDate()) !== -1 && months.indexOf(date.getMonth()) !== -1;\n };\n // /\\ only show available days in DatePickerWrapper\n\n // \\/ show the times associated with the day selected in Todpicker\n let filteredTimes = selectableConsultations.filter(\n (t) => new Date(t.start_time).getDate() === new Date(apptDate).getDate()\n );\n let options = [\n 'Preferred appt. time',\n ...filteredTimes\n .map((t) => t.time_slot)\n .filter(onlyUnique)\n .sort(),\n ];\n // /\\ show the times associated with the day selected in Todpicker\n\n const onClick = () => {\n let selectedConsult = selectableConsultations.filter(\n (c) => c.time_slot === apptTimeOfDay && new Date(c.start_time).getDate() === new Date(apptDate).getDate()\n )[0];\n let params = { ...answers, surgeon_virtual_consultation_time_id: selectedConsult.id };\n setConsultationTimes(params, (data) =>\n onSubmit({\n ...params,\n surgeonVirtualConsultationTimeId: data.uuid,\n surgeonVirtualConsultationApptDate: apptDate,\n surgeonVirtualConsultationApptTimeOfDay: apptTimeOfDay,\n })\n );\n };\n\n if (!checkedForConsultations) return \n
\n \n \n \n
\n \n
\n );\n\n const requestMoreTimes = () => {\n if (context.auth.isLoggedIn()) {\n context.auth.userUpdate(\n { requested_more_surgeon_virtual_consultation_times: true },\n setShowRequestMoreTime(true),\n setShowRequestMoreTime(true)\n );\n }\n };\n\n if (showRequestMoreTime) {\n return (\n \n
\n No Virtual Consultations Available
\n\n We could not locate a doctor in our network based on your location. We'll send you an email when a doctor in\n your area joins the program.\n
\n\n What's next?\n
\n\n In the meantime, check out our platform and join hundreds of other patients to learn about the treatments or\n procedures you're considering from your peers.\n
\n \n\n
\n );\n }\n\n return (\n \n
\n We have received your request!
\n\n What's next?\n
\n\n We're sorry we do not currently have the availability that works for you. We will reach out to you shortly\n to coordinate your free virtual consultation.\n
\n\n
\n );\n}\n","import React, { Component, useState, useEffect } from 'react';\nimport { useHistory, Link } from 'react-router-dom';\nimport ModalWrapper from '../modal';\nimport ErrorMessage from '../ui_kit/utilities/error_message';\nimport './index.css';\n\nexport default function SurgeonOutOfStateModal({ onSubmit, onClose, gtmLocationLabel }) {\n let history = useHistory();\n\n const findADifferentDoctorClick = () => {\n history.push('/surgeon-referral');\n };\n\n return (\n \n
\n setApptDate(date)}\n minDate={new Date()}\n filterDate={isAvailableDate}\n wrapperClassName={'react-datepicker-wrapper text-left material-input marg-bottom-30'}\n placeholderText={datePlaceholder}\n />\n setApptTimeOfDay(event.target.value)}\n options={options}\n todpickerClass={false}\n disabled={apptDate === '' ? 'disabled' : ''}\n removeArrow\n />\n
\n {title}
\n\n
{subtitle}
\n\n \n {cta}\n \n \n Request more times\n \n
\n Are you open to traveling?
\n\n
\n \n }\n onClose={onClose}\n />\n );\n}\n","import React, { useState } from 'react';\nimport DatePickerWrapper from '../date_picker_wrapper';\n\nexport default function DateOfBirth({\n answers,\n onSubmit,\n onBack,\n gtm,\n description = 'This information will help the surgeon understand how they can support you.',\n}) {\n const [dateOfBirth, setDateOfBirth] = useState(answers.dateOfBirth);\n let disabled = 'disabled';\n if (dateOfBirth) {\n disabled = '';\n }\n\n const validate = () => {};\n\n return (\n \n \n Yes, I plan to travel\n \n
\n \n \n No, find a different doctor\n \n
\n \n \n
\n );\n}\n","import React from 'react';\nimport ChooseManyOptions from '../choose_many_options';\n\nexport default function WhereBackPain({ answers, onSubmit, onBack, gtm }) {\n return (\n \n setDateOfBirth(date)}\n maxDate={new Date()}\n wrapperClassName={'react-datepicker-wrapper material-input marg-bottom-30'}\n placeholderText={'MM/DD/YYYY'}\n onBlur={validate}\n light\n />\n\n
\n \n What is your date of birth?
\n{description}
\n\n {onBack && (\n onBack()}\n >\n Back\n \n )}\n\n {\n e.preventDefault();\n onSubmit({ ...answers, dateOfBirth: dateOfBirth });\n }}\n >\n Next\n \n
\n \n \n
\n );\n}\n","import React, { useState } from 'react';\n\nexport default function SeenSurgeonBefore({\n answers,\n onSubmit,\n onBack,\n headline = 'Have you seen a surgeon about this procedure before?',\n para = 'This information will help the surgeon understand how they can support you.',\n choices = [{ value: 'Yes' }, { value: 'No' }],\n gtm,\n}) {\n const [seenSurgeonBefore, setSeenSurgeonBefore] = useState(answers.seenSurgeonBefore || '');\n\n const onClick = (value) => () => {\n setSeenSurgeonBefore(value);\n };\n\n const submit = (e) => {\n e.preventDefault();\n onSubmit({ ...answers, seenSurgeonBefore: seenSurgeonBefore });\n };\n\n return (\n \n
\n \n \n \n
\n \n \n
\n );\n}\n","import React, { useState, useEffect, useContext } from 'react';\nimport { useHistory, Link, useRouteMatch } from 'react-router-dom';\nimport NameEmailPhoneZip from './../name_email_phone_zip';\nimport HeightAndWeight from './../height_and_weight';\nimport PreexistingConditions from './../preexisting_conditions';\nimport ConfirmationForm from '../confirmation_form';\nimport AppointmentConfirmationForm from '../appointment_confirmation_form';\nimport ModalWrapper from '../../modal';\nimport ErrorMessage from '../../ui_kit/utilities/error_message/index';\nimport { contactSyncSurgeonMatch, findPreviousWeightLossSurgeonMatchContact } from '../../../api/contacts';\nimport { getSurgeonMatches } from './../../../api/surgeons';\nimport { createActivity } from './../../../api/activities';\nimport { getWeightLossSurgeonMatchContactFromProfile } from './../../../api/profiles';\nimport { autofocusAll } from '../../../helpers';\nimport '../questionnaire.css';\nimport PaymentMethod from './../payment_method';\nimport ConversationTopics from './../conversation_topics';\nimport ThinkingAboutSurgery from './../thinking_about_surgery';\nimport SuccessPanel from '../../success_panel';\nimport LoadingScreen from '../../loading_screen';\nimport DateTime from '../weight_loss_surgeon_match/date_time';\nimport VirtualConsultationDateTime from '../virtual_consultation/virtual_consultation_date_time';\nimport SurgeonsColumn from '../../surgeons_column';\nimport SurgeonOutOfStateModal from '../../surgeon_out_of_state_modal';\nimport InsuranceCarrier from './../insurance_carrier';\nimport DateOfBirth from './../date_of_birth';\nimport WhatProcedure from '../patient_partner/what_procedure';\nimport WhatSurgery from '../patient_partner/what_surgery';\nimport WhereBackPain from '../spine_surgery/where_back_pain';\nimport ExperiencingBackPain from '../spine_surgery/experiencing_back_pain';\nimport PreviousTreatments from '../spine_surgery/previous_treatments';\nimport UterineFibroidsSymptoms from '../womens_health/symptoms';\nimport MustHaves from '../womens_health/must_haves';\nimport DoctorDiagnosis from '../womens_health/pre_conversation/doctor_diagnosis';\nimport BedsideManner from '../patient_partner/bedside_manner';\nimport SeenSurgeonBefore from '../patient_partner/seen_surgeon_before';\nimport SignUp from '../../sign_up';\nimport Context from '../../../utils/context';\n\n// const PATIENT_PARTNER_VIEW = {\n// contactInfo: 'contact-info',\n// selectSurgeries: 'select-surgeries',\n// answerQuestions: 'answer-questions',\n// loadingPatientPartners: 'loading-patient-partners',\n// patientPartners: 'patient-partners',\n// };\n//\n// const PATIENT_PARTNER_QUESTIONNAIRE_SLIDE_STATE = {\n// none: 'none',\n// left: 'left',\n// right: 'right',\n// };\n\nexport default function SurgeonMatchQuestionnaire({\n globalAnswers = {},\n setGlobalAnswers,\n progress,\n setProgress,\n contactId = null,\n setContactIdAction,\n surgeon,\n setSurgeon,\n predefinedSurgeries,\n predefinedProcedures,\n gtm = '',\n newFlow = false,\n standAlone = false,\n questionnaireHead = 'Find the best surgeon',\n signupHead = null,\n signupPara = null,\n removeUnnecessaryQuestions = false,\n skipAppointmentRequest = false,\n dateBirthBeforeInsurance = false,\n skipPassword = false,\n virtualConsultation = false,\n origin = 'Surgeon Match Questionnaire',\n includeBackButton = false,\n capturePhone = false,\n}) {\n const currentGtm = `${gtm} Surgeon Match Questionnaire`;\n const [previousContact, setPreviousContact] = useState(null);\n const [showRestartModal, setShowRestartModal] = useState(false);\n const [bariatricQualified, setBariatricQualified] = useState(false);\n const [surgeonOutOfState, setSurgeonOutOfState] = useState(false);\n const [showSurgeonOutOfStateModal, setShowSurgeonOutOfStateModal] = useState(false);\n let history = useHistory();\n const context = useContext(Context);\n const viewport = context.viewport;\n let { path } = useRouteMatch();\n\n // START figure out what questions to show the user\n let applicableQuestions = [];\n if (globalAnswers.selectedProcedures && globalAnswers.selectedProcedures.includes('Weight Loss')) {\n applicableQuestions.push({\n component: HeightAndWeight,\n para: 'This information will help the surgeon understand your current health conditions.',\n });\n applicableQuestions.push({\n component: PreexistingConditions,\n para: 'This information will help the surgeon understand your current health conditions.',\n });\n applicableQuestions.push({\n component: ThinkingAboutSurgery,\n para: 'This information will help the surgeon understand how they can support you.',\n });\n applicableQuestions.push({ component: BedsideManner });\n applicableQuestions.push({ component: SeenSurgeonBefore });\n applicableQuestions.push({\n component: ConversationTopics,\n headline: 'What else would you like your surgeon to know?',\n para: 'This information will help the surgeon understand how they can support you.',\n });\n } else if (\n globalAnswers.selectedProcedures &&\n (globalAnswers.selectedProcedures.includes('Spine Surgery') ||\n globalAnswers.selectedProcedures.includes('Back/neck treatment'))\n ) {\n if (!removeUnnecessaryQuestions) {\n applicableQuestions.push({ component: WhereBackPain });\n applicableQuestions.push({ component: ExperiencingBackPain });\n applicableQuestions.push({ component: PreviousTreatments });\n applicableQuestions.push({\n component: BedsideManner,\n headline: 'Do you prefer your specialist to have a warm and friendly bedside manner or to the point?',\n para: 'This information will help the specialist understand how they can support you.',\n });\n applicableQuestions.push({\n component: SeenSurgeonBefore,\n headline: 'Have you seen a doctor about this procedure before?',\n para: 'This information will help the specialist understand how they can support you.',\n });\n }\n if (virtualConsultation) {\n applicableQuestions.push({\n component: VirtualConsultationDateTime,\n props: { title: 'Select a time and date', cta: 'Find a consultation' },\n });\n applicableQuestions.push({\n component: ConversationTopics,\n headline: 'What would you like to discuss with the doctor?',\n para: 'Please specify in detail what you would like to discuss during your free virtual consultation with the spine specialist. Feel free to mention your symptoms, previous treatments, and concerns.',\n cta: 'Send Message',\n placeholder: 'Example: I am experiencing a lot of pain and numbness in my back. What are my treatment options?',\n });\n } else {\n applicableQuestions.push({\n component: ConversationTopics,\n headline: 'Share your symptoms, conditions, or questions.',\n para: 'Send a message to a pain specialist so they can help you.',\n cta: 'Send Message',\n });\n }\n } else if (globalAnswers.selectedProcedures && globalAnswers.selectedProcedures.includes(\"Women's health\")) {\n applicableQuestions.push({ component: MustHaves });\n applicableQuestions.push({ component: DoctorDiagnosis });\n applicableQuestions.push({\n component: ConversationTopics,\n headline: 'What else would you like the specialist to know about your condition or symptoms?',\n para: 'This information will help the specialist understand how they can support you.',\n });\n } else {\n if (!removeUnnecessaryQuestions) {\n applicableQuestions.push({ component: BedsideManner });\n applicableQuestions.push({ component: SeenSurgeonBefore });\n }\n if (virtualConsultation) {\n applicableQuestions.push({\n component: VirtualConsultationDateTime,\n props: { title: 'Select a time and date', cta: 'Book my consultation' },\n });\n applicableQuestions.push({\n component: ConversationTopics,\n headline: 'What would you like to discuss with the doctor?',\n para: 'Please specify in detail what procedure you would like to discuss during your free virtual consultation with the plastic surgeon.',\n placeholder: 'Example: I am thinking about liposuction after my second baby. What are my options?',\n });\n } else {\n applicableQuestions.push({\n component: ConversationTopics,\n headline: 'What else would you like your surgeon to know?',\n para: 'This information will help the surgeon understand how they can support you.',\n });\n }\n }\n\n let CurrentQuestion = null;\n let currentPara = null;\n let currentHeadline = null;\n let currentCta = null;\n let currentPlaceholder = null;\n if (progress.view === 'answer-questions') {\n CurrentQuestion = applicableQuestions[progress.questionNumber].component;\n currentPara = applicableQuestions[progress.questionNumber].para;\n currentHeadline = applicableQuestions[progress.questionNumber].headline;\n currentCta = applicableQuestions[progress.questionNumber].cta;\n currentPlaceholder = applicableQuestions[progress.questionNumber].placeholder;\n }\n\n let procedures = [];\n for (const [key, value] of Object.entries(gon.procedure_surgery_mappings)) {\n procedures.push({\n procedure: key,\n surgeries: value,\n });\n }\n\n let availableProcedures = Object.keys(gon.procedure_surgery_mappings);\n\n var availableSurgeries = [];\n if (globalAnswers.selectedProcedures) {\n procedures.filter((procedureCategory) => {\n globalAnswers.selectedProcedures.filter((procedure) => {\n if (procedure.toLowerCase() === procedureCategory.procedure.toLowerCase()) {\n availableSurgeries = procedureCategory.surgeries;\n }\n });\n });\n }\n\n const isSpine =\n globalAnswers.selectedProcedures &&\n (globalAnswers.selectedProcedures.includes('Spine Surgery') ||\n globalAnswers.selectedProcedures.includes('Back/neck treatment'));\n\n const showProcedures = predefinedProcedures === undefined;\n const showSurgeries = predefinedSurgeries === undefined;\n\n const insuranceOnlyProcedures = ['Spine Surgery', 'Back/neck treatment', \"Women's health\"];\n const cashOnlyProcedures = ['Cosmetic', 'Plastic surgery'];\n const doNotShowPaymentMethod = (selectedProcedures) => {\n let ret = false;\n if (virtualConsultation) {\n return true;\n }\n\n insuranceOnlyProcedures.forEach((doNotShowPaymentMethodProcedure) => {\n if (selectedProcedures && selectedProcedures.includes(doNotShowPaymentMethodProcedure)) {\n ret = true;\n }\n });\n cashOnlyProcedures.forEach((doNotShowPaymentMethodProcedure) => {\n if (selectedProcedures && selectedProcedures.includes(doNotShowPaymentMethodProcedure)) {\n ret = true;\n }\n });\n\n return ret;\n };\n const presetPaymentMethod = (selectedProcedures) => {\n if (virtualConsultation) {\n return 'Cash Pay';\n }\n\n let ret = '';\n insuranceOnlyProcedures.forEach((doNotShowPaymentMethodProcedure) => {\n if (selectedProcedures && selectedProcedures.includes(doNotShowPaymentMethodProcedure)) {\n ret = 'Health Insurance';\n }\n });\n cashOnlyProcedures.forEach((doNotShowPaymentMethodProcedure) => {\n if (selectedProcedures && selectedProcedures.includes(doNotShowPaymentMethodProcedure)) {\n ret = 'Cash Pay';\n }\n });\n\n return ret;\n };\n // END figure out what questions to show the user\n\n const goToNextSlide = (nextProgress, reloadPage) => {\n setProgress(nextProgress);\n autofocusAll();\n scrollToQuestionnaire();\n if (reloadPage) {\n history.push(`${path}`);\n }\n };\n\n const setGlobalAnswersWrapper = (answers) => {\n let finalAnswers = answers;\n if (predefinedSurgeries && predefinedProcedures) {\n answers.selectedSurgeries = predefinedSurgeries;\n answers.selectedProcedures = predefinedProcedures;\n finalAnswers = {\n ...finalAnswers,\n selectedSurgeries: predefinedSurgeries,\n selectedProcedures: predefinedProcedures,\n };\n }\n\n if (presetPaymentMethod(finalAnswers.selectedProcedures) !== '') {\n finalAnswers = {\n ...finalAnswers,\n paymentMethod: presetPaymentMethod(finalAnswers.selectedProcedures),\n };\n }\n\n setGlobalAnswers(finalAnswers);\n };\n\n const contactSyncWrapper = (answer, finishedQuestionnaire, requestedAppointment, questionnaireProgress, callback) => {\n let finalAnswers = answer;\n if (predefinedSurgeries && predefinedProcedures) {\n finalAnswers = {\n ...finalAnswers,\n selectedSurgeries: predefinedSurgeries,\n selectedProcedures: predefinedProcedures,\n };\n }\n\n contactSyncSurgeonMatch(\n finalAnswers.name,\n finalAnswers.email,\n finalAnswers.phone,\n finalAnswers.zipcode,\n finalAnswers,\n finishedQuestionnaire,\n requestedAppointment,\n origin,\n surgeon,\n finalAnswers.selectedProcedures && finalAnswers.selectedProcedures[0],\n contactId,\n questionnaireProgress,\n virtualConsultation,\n (data) => {\n setContactIdAction(data.contact.uuid);\n if (callback) {\n callback(data);\n }\n }\n );\n };\n\n const navigateAfterNameAndEmail = (reloadPage, newAnswer) => {\n let nextView = null;\n if (showProcedures) {\n nextView = {\n view: 'select-procedures',\n questionNumber: null,\n };\n } else if (showSurgeries) {\n nextView = {\n view: 'select-surgeries',\n questionNumber: null,\n };\n } else {\n nextView = {\n view: 'payment-method',\n questionNumber: null,\n };\n if (doNotShowPaymentMethod(newAnswer.selectedProcedures)) {\n newAnswer.paymentMethod = presetPaymentMethod(newAnswer.selectedProcedures);\n if (newAnswer.paymentMethod === 'Health Insurance') {\n nextView = {\n view: dateBirthBeforeInsurance ? 'date-of-birth' : 'insurance-provider',\n questionNumber: null,\n };\n } else {\n nextView = {\n view: 'answer-questions',\n questionNumber: 0,\n };\n }\n }\n }\n goToNextSlide(nextView, reloadPage);\n return nextView;\n };\n\n const nameAndEmailOnSubmit = (newAnswer, reloadPage) => {\n setGlobalAnswersWrapper(newAnswer);\n findPreviousWeightLossSurgeonMatchContact(newAnswer.email, (previousContact) => {\n if (previousContact && previousContact.surgeon_match_questionnaire_progress) {\n setPreviousContact(previousContact);\n setShowRestartModal(true);\n } else {\n const nextView = navigateAfterNameAndEmail(reloadPage, newAnswer);\n contactSyncWrapper(newAnswer, false, false, nextView, null);\n }\n });\n };\n\n const loadingSurgeon = (currentContactId) => {\n getSurgeonMatches(currentContactId || contactId, (data) => {\n setBariatricQualified(data.bariatric_qualified);\n setSurgeonOutOfState(data.surgeon_out_of_state);\n if (data.surgeon) {\n setSurgeon(data.surgeon);\n goToNextSlide({\n ...progress,\n view: 'surgeon',\n });\n } else {\n goToNextSlide({\n ...progress,\n view: 'no-surgeon-results',\n });\n }\n });\n };\n\n const onAnswerQuestionsSubmit = (newAnswer) => {\n // if it is the last step before loading patient partners\n const finishedLastQuestion = progress.questionNumber === applicableQuestions.length - 1;\n const newProgress = {\n view: finishedLastQuestion ? 'loading-surgeon' : 'answer-questions',\n questionNumber: progress.questionNumber + (finishedLastQuestion ? 0 : 1),\n };\n\n setGlobalAnswersWrapper(newAnswer);\n let requestedAppointment = skipAppointmentRequest && finishedLastQuestion;\n contactSyncWrapper(newAnswer, finishedLastQuestion, requestedAppointment, newProgress, (data) => {\n if (finishedLastQuestion) {\n if (skipAppointmentRequest && data.conversation_id) {\n history.push(`/member/conversations/${data.conversation_id}?view=conversation`);\n } else {\n setTimeout(loadingSurgeon, 1000);\n }\n }\n });\n goToNextSlide(newProgress);\n };\n\n const onAnswerQuestionsBack = () => {\n setTimeout(() => {\n if (progress.questionNumber === 0) {\n if (doNotShowPaymentMethod(globalAnswers.selectedProcedures)) {\n if (presetPaymentMethod(globalAnswers.selectedProcedures) === 'Health Insurance') {\n setProgress({\n view: dateBirthBeforeInsurance ? 'insurance-provider' : 'date-of-birth',\n questionNumber: null,\n });\n } else {\n if (showSurgeries) {\n setProgress({\n view: 'select-surgeries',\n questionNumber: null,\n });\n } else if (showProcedures) {\n setProgress({\n view: 'select-procedures',\n questionNumber: null,\n });\n } else {\n setProgress({\n view: 'contact-info',\n questionNumber: null,\n });\n }\n }\n } else {\n if (globalAnswers.paymentMethod === 'Health Insurance') {\n setProgress({\n view: dateBirthBeforeInsurance ? 'insurance-provider' : 'date-of-birth',\n questionNumber: null,\n });\n } else {\n setProgress({\n view: 'payment-method',\n questionNumber: null,\n });\n }\n }\n } else {\n setProgress({\n ...progress,\n questionNumber: progress.questionNumber - 1,\n });\n }\n }, 200);\n };\n\n const scrollToQuestionnaire = (useDelay) => {\n const scrollFunc = () => {\n const element = document.getElementById('questionnaire-scroll-to');\n const y = element.getBoundingClientRect().top + (window.pageYOffset || 0) - 50;\n window.scrollTo({\n top: y,\n behavior: 'smooth',\n });\n };\n\n if (useDelay) {\n setTimeout(scrollFunc, 1000);\n } else {\n scrollFunc();\n }\n };\n\n const onContinue = () => {\n setGlobalAnswersWrapper(previousContact.global_answers);\n setContactIdAction(previousContact.uuid);\n goToNextSlide(previousContact.surgeon_match_questionnaire_progress);\n if (previousContact.surgeon_match_questionnaire_progress.view === 'loading-surgeon') {\n scrollToQuestionnaire(true);\n loadingSurgeon(previousContact.uuid);\n }\n setShowRestartModal(false);\n };\n\n const restart = () => {\n setShowRestartModal(false);\n if (showProcedures) {\n goToNextSlide({\n view: 'select-procedures',\n questionNumber: null,\n });\n } else if (showSurgeries) {\n goToNextSlide({\n view: 'select-surgeries',\n questionNumber: null,\n });\n } else {\n goToNextSlide({\n view: 'answer-questions',\n questionNumber: 0,\n });\n }\n };\n\n const renderPreConditions = (preConditions) => {\n if (preConditions.length === 1) {\n return (\n \n {' '}\n with {preConditions[0]}\n \n );\n }\n if (preConditions.length > 1) {\n return (\n \n {' '}\n with{' '}\n \n {preConditions.splice(0, preConditions.length - 1)} and {preConditions[preConditions.length - 1]}\n \n \n );\n }\n\n return <>;\n };\n\n const seeAllPatientPartners = () => {\n history.push('/partners');\n };\n\n useEffect(() => {\n if (progress.view === 'loading-surgeon') {\n loadingSurgeon();\n }\n }, []);\n\n const backButtonFromResults = () => {\n setTimeout(() => {\n goToNextSlide({\n view: 'answer-questions',\n questionNumber: applicableQuestions.length - 1,\n });\n });\n };\n\n const searchParams = new URLSearchParams(location.search);\n let returnTo = '';\n if (searchParams.get('return_to')) {\n returnTo = searchParams.get('return_to');\n }\n // Listens to know if the device is a mobile device START\n const isMobile = viewport.getIsMobile();\n\n useEffect(() => {\n if (context.auth.isLoggedIn()) {\n getWeightLossSurgeonMatchContactFromProfile(context.auth.getCurrentUser().profile_id, (res) => {\n if (!res.error) {\n setGlobalAnswersWrapper(res.contact.global_answers);\n setContactIdAction(res.contact.uuid);\n if (res.contact.surgeon_match_questionnaire_progress.view === 'loading-surgeon') {\n scrollToQuestionnaire(true);\n loadingSurgeon(res.contact.uuid);\n goToNextSlide(res.contact.surgeon_match_questionnaire_progress);\n } else if (['select-procedures'].includes(res.contact.surgeon_match_questionnaire_progress.view)) {\n const nextView = navigateAfterNameAndEmail(false, res.contact.global_answers);\n contactSyncWrapper(res.contact.global_answers, false, false, nextView, null);\n } else if (\n ['confirmation', 'appointment-confirmation'].includes(res.contact.surgeon_match_questionnaire_progress.view)\n ) {\n goToNextSlide({\n view: 'loading-surgeon',\n questionNumber: null,\n });\n scrollToQuestionnaire(true);\n loadingSurgeon(res.contact.uuid);\n } else if (['success'].includes(res.contact.surgeon_match_questionnaire_progress.view)) {\n goToNextSlide({\n view: 'select-procedures',\n questionNumber: null,\n });\n scrollToQuestionnaire(true);\n } else {\n goToNextSlide(res.contact.surgeon_match_questionnaire_progress);\n }\n }\n });\n }\n }, []);\n\n let defaultBackFunc = null;\n if (includeBackButton) {\n defaultBackFunc = () => {\n history.goBack();\n };\n }\n\n const insuranceCarrierBackFunc = () => {\n let nextView = {\n ...progress,\n view: 'payment-method',\n };\n if (doNotShowPaymentMethod(globalAnswers.selectedProcedures)) {\n if (dateBirthBeforeInsurance) {\n nextView = {\n ...progress,\n view: 'date-of-birth',\n };\n } else if (showSurgeries) {\n nextView = {\n ...progress,\n view: 'select-surgeries',\n };\n } else if (showProcedures) {\n nextView = {\n ...progress,\n view: 'select-procedures',\n };\n } else {\n if (context.auth.isLoggedIn()) {\n return defaultBackFunc;\n }\n nextView = {\n ...progress,\n view: 'contact-info',\n };\n }\n }\n return () => goToNextSlide(nextView);\n };\n\n const dateOfBirthBackFunc = () => {\n let nextView = {\n ...progress,\n view: 'insurance-provider',\n };\n if (dateBirthBeforeInsurance) {\n if (doNotShowPaymentMethod(globalAnswers.selectedProcedures)) {\n if (showSurgeries) {\n nextView = {\n ...progress,\n view: 'select-surgeries',\n };\n } else if (showProcedures) {\n nextView = {\n ...progress,\n view: 'select-procedures',\n };\n } else {\n if (context.auth.isLoggedIn()) {\n return defaultBackFunc;\n }\n nextView = {\n ...progress,\n view: 'contact-info',\n };\n }\n }\n }\n\n return () => goToNextSlide(nextView);\n };\n\n const paymentMethodBackFunc = () => {\n if (showSurgeries) {\n return () => {\n goToNextSlide({\n ...progress,\n view: 'select-surgeries',\n });\n };\n } else if (showProcedures) {\n return () => {\n goToNextSlide({\n ...progress,\n view: 'select-procedures',\n });\n };\n } else if (context.auth.isLoggedIn()) {\n return defaultBackFunc;\n } else {\n return () => {\n goToNextSlide({\n ...progress,\n view: 'contact-info',\n });\n };\n }\n };\n\n return (\n \n
\n \n \n \n
\n \n {progress.view === 'contact-info' &&\n (!newFlow ? (\n {\n nameAndEmailOnSubmit(\n {\n name: user.name,\n email: user.email,\n phone: user.phone,\n zipcode: user.current_profile.zipcode,\n latitude: user.current_profile.latitude,\n longitude: user.current_profile.longitude,\n },\n !skipAppointmentRequest\n );\n if (returnTo !== '') {\n history.push(returnTo);\n }\n }}\n captureLocation\n capturePhone={skipAppointmentRequest || virtualConsultation || capturePhone}\n gtm={currentGtm}\n withoutContainer\n captureFirstLastName\n params={{ keap_force_sync: true, origin: origin, show_surgeon_modal: skipAppointmentRequest }}\n embedded={true}\n light={false}\n alignLeft\n skipPassword={skipPassword}\n />\n ))}\n {progress.view === 'select-procedures' && (\n {\n const newAnswers = {\n ...globalAnswers,\n selectedProcedures: values,\n };\n // remove surgery if the procedure has changed\n if (\n values[0] !==\n (globalAnswers && globalAnswers.selectedProcedures && globalAnswers.selectedProcedures[0])\n ) {\n newAnswers.selectedSurgeries = [];\n }\n setGlobalAnswersWrapper(newAnswers);\n if (\n arrayIntersect(\n values.map((v) => v.toLowerCase()),\n availableProcedures.map((v) => v.toLowerCase())\n ).length > 0\n ) {\n contactSyncWrapper(\n newAnswers,\n false,\n false,\n { view: 'select-surgeries', questionNumber: null },\n null\n );\n goToNextSlide({\n view: 'select-surgeries',\n questionNumber: null,\n });\n } else {\n contactSyncWrapper(\n newAnswers,\n false,\n false,\n { view: 'no-procedure-results', questionNumber: null },\n null\n );\n goToNextSlide({\n view: 'no-procedure-results',\n questionNumber: null,\n });\n }\n }}\n onBack={\n context.auth.isLoggedIn()\n ? null\n : () => {\n goToNextSlide({\n ...progress,\n view: 'contact-info',\n });\n }\n }\n />\n )}\n {progress.view === 'select-surgeries' && (\n {\n const newAnswers = {\n ...globalAnswers,\n selectedSurgeries: values,\n };\n setGlobalAnswersWrapper(newAnswers);\n if (\n arrayIntersect(\n values.map((v) => v.toLowerCase()),\n availableSurgeries.map((v) => v.toLowerCase())\n ).length > 0 ||\n values[0] === \"I'm not sure\"\n ) {\n let nextView = {\n ...progress,\n view: 'payment-method',\n };\n if (doNotShowPaymentMethod(newAnswers.selectedProcedures)) {\n newAnswers.paymentMethod = presetPaymentMethod(newAnswers.selectedProcedures);\n if (newAnswers.paymentMethod === 'Health Insurance') {\n nextView = {\n view: dateBirthBeforeInsurance ? 'date-of-birth' : 'insurance-provider',\n questionNumber: null,\n };\n } else {\n nextView = {\n view: 'answer-questions',\n questionNumber: 0,\n };\n }\n }\n\n contactSyncWrapper(newAnswers, false, false, nextView, null);\n goToNextSlide(nextView);\n } else {\n contactSyncWrapper(\n newAnswers,\n false,\n false,\n { view: 'no-surgery-results', questionNumber: null },\n null\n );\n goToNextSlide({\n view: 'no-surgery-results',\n questionNumber: null,\n });\n }\n }}\n onBack={() => {\n if (showProcedures) {\n goToNextSlide({\n ...progress,\n view: 'select-procedures',\n });\n } else {\n goToNextSlide({\n ...progress,\n view: 'contact-info',\n });\n }\n }}\n />\n )}\n {progress.view === 'payment-method' && (\n {\n setGlobalAnswersWrapper({ ...globalAnswers, paymentMethod: newAnswers });\n if (newAnswers === 'Health Insurance') {\n contactSyncWrapper(\n { ...globalAnswers, paymentMethod: newAnswers },\n false,\n false,\n { view: 'insurance-provider', questionNumber: null },\n null\n );\n goToNextSlide({\n view: dateBirthBeforeInsurance ? 'date-of-birth' : 'insurance-provider',\n questionNumber: null,\n });\n } else {\n contactSyncWrapper(\n { ...globalAnswers, paymentMethod: newAnswers },\n false,\n false,\n { view: 'answer-questions', questionNumber: 0 },\n null\n );\n goToNextSlide({\n view: 'answer-questions',\n questionNumber: 0,\n });\n }\n }}\n onBack={paymentMethodBackFunc()}\n />\n )}\n {progress.view === 'insurance-provider' && (\n {\n setGlobalAnswersWrapper(newAnswers);\n const newProgress = {\n view: dateBirthBeforeInsurance ? 'answer-questions' : 'date-of-birth',\n questionNumber: 0,\n };\n contactSyncWrapper(newAnswers, false, false, newProgress, null);\n goToNextSlide(newProgress);\n }}\n onBack={insuranceCarrierBackFunc()}\n />\n )}\n {progress.view === 'date-of-birth' && (\n {\n setGlobalAnswersWrapper(newAnswers);\n const newProgress = {\n view: dateBirthBeforeInsurance ? 'insurance-provider' : 'answer-questions',\n questionNumber: 0,\n };\n contactSyncWrapper(newAnswers, false, false, newProgress, null);\n goToNextSlide(newProgress);\n }}\n onBack={dateOfBirthBackFunc()}\n description={\n isSpine\n ? 'This information will help the specialist understand how they can support you.'\n : 'This information will help the surgeon understand how they can support you.'\n }\n />\n )}\n {progress.view === 'answer-questions' && (\n {\n if (surgeonOutOfState) {\n setShowSurgeonOutOfStateModal(true);\n } else {\n contactSyncWrapper(newAnswers, true, true, { ...progress, view: 'success' }, null);\n goToNextSlide({\n ...progress,\n view: 'success',\n });\n }\n }}\n onBack={() => {\n goToNextSlide({\n ...progress,\n view: 'surgeon',\n });\n }}\n datePlaceholder={'Preferred apt. date'}\n timePlaceholder={'Preferred apt. time'}\n gtm={currentGtm}\n />\n )}\n {progress.view === 'signup' && (\n {\n createActivity('Activity::ReferralRequest', { origin: origin, surgeon_id: surgeon.id });\n contactSyncWrapper(newAnswers, true, true, { ...progress, view: 'success' }, (data) => {\n history.push(`/member/conversations/${data.conversation_id}?view=conversation`);\n });\n }}\n datePlaceholder={'Preferred apt. date'}\n timePlaceholder={'Preferred apt. time'}\n gtm={currentGtm}\n light={false}\n wrapperClassName={'surgeon-request-appt-sa pad-30 text-left'}\n head={`Review and book with ${surgeon.name}`}\n para={`Review your appointment request information and submit!`}\n cta={'Submit booking request'}\n capturePhone={newFlow}\n />\n )}\n {progress.view === 'success' && (\n
\n \n \n )}\n {progress.view === 'surgeon' && (\n \n {\n goToNextSlide({\n ...progress,\n view: 'appointment-confirmation',\n });\n }}\n gtm={currentGtm}\n showAcceptTerms={false}\n params={{ origin: 'Surgeon Match Questionnaire', weight_loss_surgeon_match_contact_id: contactId }}\n headline={'Create your account'}\n para='Create your account and get matched with a surgeon in your area who accepts your insurance provider.'\n alignLeft={true}\n cta='Review and book'\n embedded={true}\n light={false}\n />\n
\n )}\n {progress.view === 'appointment-confirmation' && (\n \n
\n )}\n {progress.view === 'no-procedure-results' && (\n \n \n
\n \n
\n \n
\n \n
\n \n \n \n Explore the community\n \n \n ) : (\n \n \n See more about {surgeon.name}\n \n \n )\n }\n />\n
\n \n
\n )}\n {progress.view === 'no-surgery-results' && (\n \n \n
\n \n
\n \n
\n \n
\n \n setProgress({ ...progress, view: 'select-procedures' })}\n >\n \n Back to questionnaire\n \n \n
\n We're adding doctors to our program every day!
\n\n {globalAnswers.name}, we were unable to locate a doctor without our network based on your\n procedure, insurance provider, and location.\n
\n\n What's next?\n
\n\n We will send you an email when a doctor for {globalAnswers.selectedProcedures[0]} joins\n the program.\n
\n\n
\n )}\n {progress.view === 'no-surgeon-results' && (\n \n \n
\n \n
\n \n
\n \n
\n \n setProgress({ ...progress, view: 'select-surgeries' })}\n >\n \n Back to questionnaire\n \n \n
\n We're adding doctors to our program every day!
\n\n {globalAnswers.name}, we were unable to locate a doctor without our network based on your\n procedure, insurance provider, and location.\n
\n\n What's next?\n
\n\n We will send you an email when a doctor for{' '}\n {globalAnswers.selectedSurgeries[0].toLowerCase() === \"i'm not sure\"\n ? globalAnswers.selectedProcedures[0]\n : globalAnswers.selectedSurgeries[0]}{' '}\n joins the program.\n
\n\n
\n )}\n \n \n
\n \n
\n \n
\n \n
\n \n \n setProgress({\n view: 'answer-questions',\n questionNumber: applicableQuestions.length - 1,\n })\n }\n >\n \n Back to questionnaire\n \n \n
\n We're adding doctors to our program every day!
\n\n {globalAnswers.name}, we were unable to locate a doctor without our network based on your\n procedure, insurance provider, and location.\n
\n\n What's next?\n
\n\n We will send you an email when a doctor for{' '}\n {globalAnswers.selectedSurgeries[0].toLowerCase() === \"i'm not sure\"\n ? globalAnswers.selectedProcedures[0]\n : globalAnswers.selectedSurgeries[0]}{' '}\n joins the program.\n
\n\n {!virtualConsultation && (\n
\n )}\n \n {showRestartModal && (\n backButtonFromResults()}>\n Back to questionnaire\n
\n )}\n\n
\n \n {virtualConsultation && (\n \n You have been matched to\n
\n )}\n
\n <>\n {!virtualConsultation && (\n
\n {!virtualConsultation && (\n \n Congrats - your request for a free virtual consultation has been successful!\n
\n )}\n {!virtualConsultation && (\n\n You have been matched to\n
\n {surgeon.name}\n
\n )}\n \n <>\n {!virtualConsultation && (\n
\n {globalAnswers.name}, based on your location, health conditions, and payment preference,{' '}\n {surgeon.name} is your recommended surgeon.\n
\n )}\n\nWhat's next?
\n {virtualConsultation && (\n\n \n Please check your email or text messages to confirm your virtual consultation. You must confirm\n within an hour, or your link will expire.\n \n
\n You will be meeting with {surgeon.name} during your appointment.\n
\n Request an appointment through your free PatientPartner account.\n
\n )}\n \n {isMobile && !virtualConsultation && (\n\n {\n const nextView = surgeon.surgeon_administrative_assistant_id\n ? context.auth.isLoggedIn()\n ? 'appointment-confirmation'\n : 'signup'\n : 'confirmation';\n setGlobalAnswersWrapper(newAnswers);\n contactSyncWrapper(newAnswers, true, false, { ...progress, view: nextView }, null);\n goToNextSlide({\n ...progress,\n view: nextView,\n });\n }}\n answers={globalAnswers}\n onBackClick={backButtonFromResults}\n title={`Request an appointment with ${surgeon.name}`}\n gtm={currentGtm}\n subtitle='Select a day and time, then create your account.'\n capturePhone={newFlow}\n />\n
\n )}\n {!isMobile && (\n \n
\n )}\n \n {!isMobile && (\n {\n const nextView = surgeon.surgeon_administrative_assistant_id\n ? context.auth.isLoggedIn()\n ? 'appointment-confirmation'\n : 'signup'\n : 'confirmation';\n setGlobalAnswersWrapper(newAnswers);\n contactSyncWrapper(newAnswers, true, false, { ...progress, view: nextView }, null);\n goToNextSlide({\n ...progress,\n view: nextView,\n });\n }}\n answers={globalAnswers}\n onBackClick={backButtonFromResults}\n title={`Request an appointment with ${surgeon.name}`}\n gtm={currentGtm}\n subtitle='Select a day and time, then create your account.'\n capturePhone={newFlow}\n />\n )}\n {isMobile && (\n \n \n See past patients\n \n \n \n )}\n
\n \n Talk to {surgeon.name}'s PatientPartners™\n
\n\n Learn about former patient experiences. They want to answer any questions you might have for\n free!\n
\nIt looks like you've already taken this questionnaire!
\n\n
\n \n }\n onClose={() => {\n setShowRestartModal(false);\n }}\n />\n )}\n {showSurgeonOutOfStateModal && (\n \n \n Continue where I left off\n \n
\n \n \n Retake questionnaire\n \n
\n \n \n \n {mergeWithFooter == true && }\n
\n );\n}\n","import React, { Component, useState, useEffect } from 'react';\nimport './ihh_type_1.css';\n\nexport default function Ihh_type_1(\n {\n // data\n }\n) {\n // functions\n\n return (\n \n
\n \n
\n \n
\n \n
\n \n \n
\n \n
\n \n {headline}
\n{para}
\n {!actionContent && (\n\n {!targetBlank && (\n \n \n {buttontxt}\n \n \n )}\n {targetBlank && (\n \n \n {buttontxt}\n \n \n )}\n
\n )}\n {actionContent && {actionContent}
}\n \n
\n );\n}\n","import React from 'react';\nimport { useIntersection } from 'react-use';\n\nexport default function ScrollTrigger({ callback = () => console.log('Scrolled into view'), delay = 0 }) {\n const [hasCalledback, setHasCalledback] = React.useState(false);\n\n const intersectionRef = React.useRef(null);\n let intersection = useIntersection(intersectionRef, {\n root: null,\n rootMargin: '0px',\n threshold: 1,\n });\n\n if (intersection && intersection.intersectionRatio === 1 && hasCalledback === false) {\n const timer = setTimeout(() => {\n callback();\n }, delay);\n setHasCalledback(true);\n return () => clearTimeout(timer);\n }\n\n return ;\n}\n","import React, { useState } from 'react';\nimport styles from './index.module.css';\nimport ScrollTrigger from '../ui_kit/utilities/scroll_trigger';\nimport { Link } from 'react-router-dom';\nimport { validateEmail } from '../../helpers/index';\n\nexport default function JoinFooter({\n headline = 'Join the community!',\n para = 'Start learning more about your health condition, surgery, or treatment from peers that have already been through it. It’s easy to sign up and free to use.',\n gtm,\n updateAnswersAction,\n}) {\n const [email, setEmail] = useState('');\n const [animate, setAnimate] = useState(false);\n\n return (\n \n
\n \n
\n \n
\n \n
\n Dreamers and doers who are transforming healthcare
\n\n PatientPartner™ is here to help guide you through your treatment journey with a community of like-minded\n patients and a network of top doctors to assist you.\n
\n\n
\n \n \n );\n}\n","import React from 'react';\nimport styles from './index.module.css';\n\nexport default function WaveSeparator({ color = '#DDF7F9' }) {\n return (\n \n \n setAnimate(true)} />\n
\n \n
\n {headline}
\n{para}
\n\n updateAnswersAction({ email })}\n to={`/member/join/support`}\n >\n \n Create my account\n \n \n
\n \n
\n \n setEmail(e.target.value)} />\n \n
\n \n \n
\n );\n}\n","import { connect } from 'react-redux';\nimport { updateAnswersAction, setQuestionnaireStateAction } from '../../actions/about';\nimport about from '../../components/about';\n\nconst mapStateToProps = (state) => state;\n\nconst mapDispatchToProps = (dispatch) => ({\n updateAnswersAction: (item) => dispatch(updateAnswersAction(item)),\n setQuestionnaireStateAction: (item) => dispatch(setQuestionnaireStateAction(item)),\n});\n\nexport default connect(mapStateToProps, mapDispatchToProps)(about);\n","import React from 'react';\nimport './about.css';\nimport CustomCtaFooter from '../custom_cta_footer';\nimport Ihh_type_1 from '../image_headline_heros/ihh_type_1';\nimport JoinFooter from '../join_footer';\nimport WaveSeparator from '../ui_kit/utilities/wave_separator';\n\nexport default function About({}) {\n return (\n \n
\n );\n}\n","import React, { useContext } from 'react';\nimport { Link, Redirect } from 'react-router-dom';\nimport Context from '../../utils/context';\nimport './process_header.css';\n\nexport default function ProcessHeader({\n para1 = 'How it Works',\n headline = 'This is a big headline',\n para2 = 'Have questions, comments, or suggestions? We’d love to know. Fill out the form below and we’ll get back to you within 24 hours.',\n bgColor = '#F1FEFF',\n wrapperPadding,\n}) {\n const context = useContext(Context);\n const viewport = context.viewport;\n const isMobile = viewport.getIsMobile();\n\n return (\n \n
\n \n
\n \n
\n Bringing more empathy to healthcare.
\n\n PatientPartner co-founder and CEO, George Kramb, spent years in the operating room alongside doctors\n ensuring medical devices were utilized properly. He supported hundreds of operations; but it wasn’t until\n he spoke to a few patients before their procedure that he realized how anxious and fearful they were going\n into it.\n
\n
\n George saw a need for greater support, education and compassion for patients who were going through a\n stressful medical experience. He saw an opportunity to connect patients with one another through a\n community of empathy and support. Thus, PatientPartner was born.
\n
\n Today, our community includes over 100 PatientPartner Mentors who have gone through a medical procedure\n and are ready to share their experience to help others. We’ve also built a network of over 50 doctors who\n see the value in connecting relatable patients and are committed to improving their patients’ experience.\n
\n
\n George Kramb (left) and Patrick Frank (right)
\n\n
\n \n \n
\n \n );\n}\n","import { connect } from 'react-redux';\nimport { updateAnswersAction, setQuestionnaireStateAction } from '../../actions/about';\nimport process from '../../components/process';\n\nconst mapStateToProps = (state) => state;\n\nconst mapDispatchToProps = (dispatch) => ({\n updateAnswersAction: (item) => dispatch(updateAnswersAction(item)),\n setQuestionnaireStateAction: (item) => dispatch(setQuestionnaireStateAction(item)),\n});\n\nexport default connect(mapStateToProps, mapDispatchToProps)(process);\n","import React from 'react';\nimport './process.css';\nimport CustomCtaFooter from '../custom_cta_footer';\nimport ProcessHeader from '../process_header';\n\nexport default function Process({}) {\n return (\n \n
\n {para1}
\n{headline}
\n{para2}
\n\n
\n );\n}\n","export const updateAnswersAction = (item) => {\n return {\n type: 'UPDATE_ANSWERS',\n item,\n };\n};\n\nexport const setQuestionnaireStateAction = (item) => {\n return {\n type: 'SET_QUESTIONNAIRE_STATE',\n item,\n };\n};\n\nexport const setContactIdAction = (item) => {\n return {\n type: 'SET_CONTACT_ID',\n item,\n };\n};\n\nexport const setPatientPartnersAction = (item) => {\n return {\n type: 'SET_PATIENT_PARTNERS',\n item,\n };\n};\n","export const updateAnswersAction = (item) => {\n return {\n type: 'UPDATE_ANSWERS',\n item,\n };\n};\n\nexport const setQuestionnaireStateAction = (item) => {\n return {\n type: 'SET_QUESTIONNAIRE_STATE',\n item,\n };\n};\n\nexport const setGlobalContactInfoAction = (item) => {\n return {\n type: 'SET_GLOBAL_CONTACT_INFO',\n item,\n };\n};\n\nexport const clearGlobalContactInfoAction = () => {\n return {\n type: 'CLEAR_GLOBAL_CONTACT_INFO',\n };\n};\n\nexport const setContactIdAction = (item) => {\n return {\n type: 'SET_CONTACT_ID',\n item,\n };\n};\n\nexport const setPatientPartnerQuestionnaireProgress = (item) => {\n return {\n type: 'SET_PATIENT_PARTNER_QUESTIONNAIRE_PROGRESS',\n item,\n };\n};\n\nexport const setSurgeonMatchQuestionnaireProgress = (item) => {\n return {\n type: 'SET_SURGEON_MATCH_QUESTIONNAIRE_PROGRESS',\n item,\n };\n};\n\nexport const setPatientPartners = (item) => {\n return {\n type: 'SET_PATIENT_PARTNERS',\n item,\n };\n};\n\nexport const setSurgeon = (item) => {\n return {\n type: 'SET_SURGEON',\n item,\n };\n};\n","import { connect } from 'react-redux';\nimport GetStartedV2 from '../../components/get_started_v2';\nimport {\n setQuestionnaireStateAction as setPatientPartnerQuestionnaireStateAction,\n updateAnswersAction as updatePatientPartnerAnswersAction,\n} from '../../actions/weight_loss';\nimport {\n setQuestionnaireStateAction as setSurgeonMatchQuestionnaireStateAction,\n updateAnswersAction as updateSurgeonMatchAnswersAction,\n} from '../../actions/weight_loss_surgeon_match';\nimport { clearGlobalContactInfoAction } from '../../actions/home';\n\nconst mapStateToProps = (state) => state;\n\nconst mapDispatchToProps = (dispatch) => ({\n setPatientPartnerQuestionnaireStateAction: (item) => dispatch(setPatientPartnerQuestionnaireStateAction(item)),\n setSurgeonMatchQuestionnaireStateAction: (item) => dispatch(setSurgeonMatchQuestionnaireStateAction(item)),\n updatePatientPartnerAnswersAction: (item) => dispatch(updatePatientPartnerAnswersAction(item)),\n updateSurgeonMatchAnswersAction: (item) => dispatch(updateSurgeonMatchAnswersAction(item)),\n clearGlobalContactInfoAction: () => dispatch(clearGlobalContactInfoAction()),\n});\n\nexport default connect(mapStateToProps, mapDispatchToProps)(GetStartedV2);\n","export const updateAnswersAction = (item) => {\n return {\n type: 'UPDATE_SURGEON_MATCH_ANSWERS',\n item,\n };\n};\n\nexport const setQuestionnaireStateAction = (item) => {\n return {\n type: 'SET_SURGEON_MATCH_QUESTIONNAIRE_STATE',\n item,\n };\n};\n\nexport const setContactIdAction = (item) => {\n return {\n type: 'SET_SURGEON_MATCH_CONTACT_ID',\n item,\n };\n};\n\nexport const setSurgeonsAction = (item) => {\n return {\n type: 'SET_SURGEONS',\n item,\n };\n};\n","import React from 'react';\nimport { useHistory, Link } from 'react-router-dom';\nimport './index.css';\n\nexport default function GetStartedV2({\n weightLossSurgeonMatch,\n weightLoss,\n setPatientPartnerQuestionnaireStateAction,\n setSurgeonMatchQuestionnaireStateAction,\n updatePatientPartnerAnswersAction,\n updateSurgeonMatchAnswersAction,\n clearGlobalContactInfoAction,\n}) {\n let history = useHistory();\n\n const onClick = (value) => () => {\n event.preventDefault();\n if (value === 'talk-to-patient-partner') {\n history.push('/get-started/patient-partner-match');\n } else if (value === 'find-a-surgeon') {\n history.push('/get-started/surgeon-match');\n }\n };\n return (\n \n
\n \n
\n \n
\n \n
\n 01
\n \n
\n Tell us about yourself
\n\n Complete a questionnaire to be matched with your dedicated mentor who has experienced a similar journey.\n
\n\n
\n \n
\n Meet your mentor
\n\n We'll connect you with someone who has been through a similar journey and understands what you're\n experiencing. They can share their personal insights and answer your questions from firsthand experience.\n
\n\n
\n 02
\n \n
\n \n
\n \n
\n \n
\n 03
\n \n
\n Begin your connection
\n\n Connect with your mentor through our secure messaging platform. Ask questions, get practical tips, and\n feel more confident about your journey ahead. Your mentor is there to guide you through our easy-to-use\n chat feature!\n
\n\n
\n \n );\n}\n","import { connect } from 'react-redux';\nimport {\n setContactIdAction,\n updateAnswersAction,\n setPatientPartnerQuestionnaireProgress,\n setPatientPartners,\n} from '../../../actions/home';\nimport GetStartedPatientPartnerMatch from '../../../components/get_started_v2/patient_partner_match';\n\nconst mapStateToProps = (state) => state;\n\nconst mapDispatchToProps = (dispatch) => ({\n updateAnswersAction: (item) => dispatch(updateAnswersAction(item)),\n setContactIdAction: (item) => dispatch(setContactIdAction(item)),\n setPatientPartnerQuestionnaireProgress: (item) => dispatch(setPatientPartnerQuestionnaireProgress(item)),\n setPatientPartners: (item) => dispatch(setPatientPartners(item)),\n});\n\nexport default connect(mapStateToProps, mapDispatchToProps)(GetStartedPatientPartnerMatch);\n","import React, { useEffect } from 'react';\nimport { useHistory } from 'react-router-dom';\nimport PatientPartnerQuestionnaire from '../../questionnaire/patient_partner';\nimport { autofocusAll } from '../../../helpers';\nimport './index.css';\n\nexport default function GetStartedPatientPartnerMatch({\n home,\n updateAnswersAction,\n setPatientPartnerQuestionnaireProgress,\n setContactIdAction,\n setPatientPartners,\n}) {\n useEffect(() => {\n autofocusAll();\n }, []);\n let history = useHistory();\n\n const onBackClick = () => {\n history.goBack();\n };\n\n return (\n <>\n \n
\n \n
\n \n \n
\n \n
\n \n \n
\n \n
\n \n We're here to help you\n
\n\n Wherever you are in your healthcare journey, we’re here guide you.\n
\nWhere would you like to start?
\n\n
\n \n
\n \n \n
\n \n
\n \n \n
\n \n 
\n
\n \n \n
\n \n Find a recovered patient to talk to about their experience.\n
\n\n \n
\n \n
\n \n \n
\n \n 
\n
\n \n \n
\n \n Find a surgeon based on my insurance coverage.\n
\n\n Not sure where to start?{' '}\n \n
\n Contact us!\n
\n \n \n\n
\n \n );\n}\n","import { connect } from 'react-redux';\nimport {\n setContactIdAction,\n updateAnswersAction,\n setSurgeonMatchQuestionnaireProgress,\n setSurgeon,\n} from '../../../actions/home';\nimport GetStartedSurgeonMatch from '../../../components/get_started_v2/surgeon_match';\n\nconst mapStateToProps = (state) => state;\n\nconst mapDispatchToProps = (dispatch) => ({\n updateAnswersAction: (item) => dispatch(updateAnswersAction(item)),\n setContactIdAction: (item) => dispatch(setContactIdAction(item)),\n setSurgeonMatchQuestionnaireProgress: (item) => dispatch(setSurgeonMatchQuestionnaireProgress(item)),\n setSurgeon: (item) => dispatch(setSurgeon(item)),\n});\n\nexport default connect(mapStateToProps, mapDispatchToProps)(GetStartedSurgeonMatch);\n","import React from 'react';\nimport { useHistory } from 'react-router-dom';\n// import WeightLossSurgeonMatchQuestionnaire from '../../questionnaire/weight_loss_surgeon_match'\nimport SurgeonMatchQuestionnaire from '../../questionnaire/surgeon_match';\nimport './index.css';\n\nexport default function GetStartedSurgeonMatch({\n home,\n updateAnswersAction,\n setContactIdAction,\n setSurgeonMatchQuestionnaireProgress,\n setSurgeon,\n}) {\n let history = useHistory();\n\n const onBackClick = () => {\n history.goBack();\n };\n\n return (\n <>\n \n
\n \n
\n \n
\n \n
\n \n );\n}\n","import React, { Component, useEffect } from 'react';\nimport queryString from 'query-string';\n\nexport default function Oncehub({ divid, page, height, style, params, onScheduled }) {\n useEffect(() => {\n const script = document.createElement('script');\n script.src = 'https://cdn.oncehub.com/mergedjs/so.js';\n script.async = true;\n document.body.appendChild(script);\n\n const listener = (event) => {\n onScheduled(event.detail);\n };\n\n window.addEventListener('oncehub_trigger', listener);\n\n return () => {\n window.removeEventListener('oncehub_trigger', listener);\n };\n }, []);\n\n return (\n \n
\n \n
\n \n
\n \n Show less\n
\n )}\n \n );\n }\n\n return (\n <>\n {bio}\n {showShowMore == true && (\n\n Show more\n
\n )}\n \n );\n };\n\n if (index < 10) {\n index = '0' + index;\n }\n\n return (\n\n
\n );\n}\n","import React, { Component, useEffect, useState } from 'react';\nimport './index.css';\nimport PatientPartnerColumn from '../patient_partner_column';\nimport uuid from 'react-uuid';\nimport Slider from 'react-slick';\n\nexport default function PatientPartnerCarousel({\n patientPartners,\n actionContentFunc,\n setSlidesToShow = 3,\n showWeightLoss = false,\n showAge = false,\n showSurgerySpecialty = false,\n showTitle = false,\n sliderClassName = 'pp-carousel',\n}) {\n const id = `carousel_${uuid()}`;\n const prevArrowId = `prevArrowId_${uuid()}`;\n const nextArrowId = `nextArrowId_${uuid()}`;\n\n const settings = {\n className: 'pp-carousel',\n lazyLoad: true,\n infinite: false,\n arrows: false,\n slidesToShow: setSlidesToShow,\n slidesToScroll: 1,\n dots: true,\n beforeChange: (oldIndex, newIndex) => {\n if (newIndex === patientPartners.length - 2) {\n setNextFadeOut(true);\n } else {\n setNextFadeOut(false);\n }\n if (newIndex === 0) {\n setPrevFadeOut(true);\n } else {\n setPrevFadeOut(false);\n }\n },\n responsive: [\n {\n breakpoint: 768,\n settings: {\n slidesToShow: 2,\n slidesToScroll: 2,\n },\n },\n {\n breakpoint: 561,\n settings: {\n slidesToShow: 1,\n slidesToScroll: 1,\n },\n },\n ],\n };\n\n const [nextFadeOut, setNextFadeOut] = useState(false);\n const [prevFadeOut, setPrevFadeOut] = useState(false);\n\n let currentSlider;\n const prevClick = () => {\n currentSlider.slickPrev();\n };\n\n const nextClick = () => {\n currentSlider.slickNext();\n };\n\n useEffect(() => {\n if (\n document.querySelector('.' + sliderClassName + ' .slick-track > .slick-slide:first-child').classList[1] ==\n 'slick-active'\n ) {\n setPrevFadeOut(true);\n }\n }, []);\n\n return (\n \n \n
\n \n {/*
\n {index}
*/}\n {!article &&{partner.name}
}\n {article &&{partner.date}
}\n {article &&{partner.name.substring(0, 50) + '...'}
}\n\n {showSurgerySpecialty && (\n
\n \n Specialty: {partner.surgery_specialty}\n
\n )}\n {showTitle && (\n\n Title: {partner.title}\n
\n )}\n {showAge && partner.extra && partner.extra.age && (\n\n Age: {partner.extra.age}\n
\n )}\n {showWeightLoss && partner.extra && partner.extra.weight_loss && (\n\n Weight-loss: {partner.extra.weight_loss}\n
\n )}\n{renderBio(partner.bio)}
\n {actionContent}
\n \n \n \n
\n \n
\n ))}\n \n \n
\n \n );\n}\n","import React, { useState } from 'react';\nimport styles from './index.module.css';\nimport { useTransition, useChain, animated, useSpringRef } from '@react-spring/web';\nimport ScrollTrigger from '../ui_kit/utilities/scroll_trigger';\n\nexport default function FeaturedInMedia({\n images = [\n 'https://patientpartner-images2.s3.us-west-1.amazonaws.com/website/featured_in_media/forbes.jpg',\n 'https://patientpartner-images2.s3.us-west-1.amazonaws.com/website/featured_in_media/abc.jpg',\n 'https://patientpartner-images2.s3.us-west-1.amazonaws.com/website/featured_in_media/yahoo_a.jpg',\n 'https://patientpartner-images2.s3.us-west-1.amazonaws.com/website/featured_in_media/nbc_a.jpg',\n ],\n colMdClass = 'col-md-2',\n title = 'Featured in',\n imagesWithLinks = null,\n}) {\n // animation\n const [animate, setAnimate] = useState(false);\n const dropIconAnimation = useSpringRef();\n const dropdown = useTransition(animate ? imagesWithLinks || images : [], {\n ref: dropIconAnimation,\n config: { mass: 1, tension: 500, friction: 30 },\n from: { opacity: 0, transform: 'translateY(-10px)' },\n enter: { opacity: 1, transform: 'translateY(0px)' },\n trail: 100,\n });\n\n useChain([dropIconAnimation], [0.1]);\n // animation\n\n return (\n \n
\n \n
\n \n
\n {lilsubtitle}
\n{headline}
\n\n {testimonials.map((testimonial) => (\n
\n ))}\n \n
\n \n
\n \n \n
\n\"{testimonial.bio}\"
\n\n \n {testimonial.photo && (\n
\n )}\n {testimonial.name}
\n\n setAnimate(true)} />\n
\n );\n}\n","import React, { useContext } from 'react';\nimport Context from '../../../utils/context';\nimport styles from './index.module.css';\nimport './txt_left_img_right_wbg.css';\n\nexport default function TextLeftImgRightWbg({\n headline = 'This is a big headline',\n specialHeadline = false,\n para = 'Have questions, comments, or suggestions? We’d love to know. Fill out the form below and we’ll get back to you within 24 hours.',\n actionContent = '',\n bgColor = '#DDF7F9',\n thoseDots = 'https://patientpartner-images2.s3.us-west-1.amazonaws.com/website/thoseDots.svg',\n iconContent = (\n \n ),\n bg = 'https://patientpartner-images2.s3.us-west-1.amazonaws.com/website/photo-1587554801471-37976a256db0.jpeg',\n topOfIcon = '93%', // you may have to tweak this ti get the icon to positon correctly\n leftOfIcon = '5%', // you may have to tweak this ti get the icon to positon correctly\n heightOfImage = '500px',\n showRightImgOnMobile = true,\n imgOffset = true,\n wrapperPadding,\n imgShadow,\n dotStyles = {},\n mobileBackgroundSize = 'cover',\n backgroundSize = 'contain',\n shortenHeaderImgCol = false,\n widthOfIcon = null,\n headerImg = null,\n headerImgWidth = 400,\n afterActionContent = null,\n fill = null,\n background = null,\n}) {\n const context = useContext(Context);\n const viewport = context.viewport;\n const isMobile = viewport.getIsMobile();\n\n return (\n \n
\n \n \n
\n \n
\n {imagesWithLinks &&\n dropdown((style, image) => (\n {title}:
\n\n \n \n 
\n \n \n
\n ))}\n {!imagesWithLinks &&\n dropdown((style, image) => (\n \n \n 
\n \n
\n ))}\n \n \n \n 
\n
\n )}\n {isMobile && showRightImgOnMobile && (\n \n \n
\n \n {headerImg && 
}\n {specialHeadline ?
\n {!isMobile && (\n {specialHeadline}
:{headline}
}\n{para}
\n {actionContent}\n {afterActionContent}\n\n {iconContent}\n
\n \n {iconContent}\n
\n \n
\n );\n}\n","import React from 'react';\nimport './success_message.css';\n\nexport default function SuccessMessage({ success = 'Enter a valid email' }) {\n return (\n <>\n {success !== '' && (\n \n
\n \n
\n \n
\n {headline}
\n {smallheadline &&{smallheadline}
}\n{subheadline}
\n- \n {list.map((l, index) => {\n return
- {l} ;\n })}\n
{littlePara}
}\n {afterLittlePara}\n {cta}\n \n \n
\n )}\n \n );\n}\n","export const createDownloadGuideContact = (params, successFunction) => {\n const csrf = document.querySelector(\"meta[name='csrf-token']\").getAttribute('content');\n fetch('/download_guide_contacts', {\n method: 'POST',\n headers: {\n 'Content-Type': 'application/json',\n 'X-CSRF-Token': csrf,\n },\n body: JSON.stringify({\n ...window.utmInfo,\n email: params.email,\n type: params.type,\n procedures: params.procedures,\n }),\n })\n .then((response) => response.json())\n .then((data) => {\n successFunction(data);\n });\n};\n","import React, { useState, useContext } from 'react';\nimport './email_signup_footer.css';\nimport { validateEmail } from '../../helpers';\nimport ErrorMessage from '../ui_kit/utilities/error_message';\nimport SuccessMessage from '../ui_kit/utilities/success_message';\nimport { createDownloadGuideContact } from '../../api/download_guide_contacts';\nimport Context from '../../utils/context';\n\nexport default function EmailSignupFooter({\n headline = 'Receive a free insurance guide today!',\n para = \"Receive a free guide to learn more about weight-loss surgery options, determine if your insurance plan will cover your procedure, what do to if it doesn't, and what steps to take if it does!\",\n successMessage,\n type,\n gtm,\n}) {\n const context = useContext(Context);\n\n const [email, setEmail] = useState('');\n const [error, setError] = useState('');\n const [success, setSuccess] = useState('');\n const handleChange = (event) => {\n setEmail(event.target.value);\n };\n\n const onSubmit = () => {\n var checkedEmail = validateEmail(email);\n if (checkedEmail == true) {\n setError('');\n createDownloadGuideContact({ email, type }, () => {\n setEmail('');\n setSuccess(successMessage);\n });\n } else {\n setSuccess('');\n setError('Please enter a valid email address.');\n }\n };\n\n return (\n {success}
\n\n \n \n \n
\n );\n}\n","import React, { useState, Suspense, useContext } from 'react';\nimport './weight_loss_landing.css';\nimport ModalWrapper from '../../modal';\nimport Oncehub from '../../oncehub';\nconst PatientPartnerQuestionnaire = React.lazy(() => import('../../questionnaire/patient_partner'));\nimport PatientPartnerCarousel from '../../patient_partner_carousel';\nimport Testimonials from '../../testimonials';\nimport FeaturedInMedia from '../../featured_in_media';\nimport HowItWorks from '../../how_it_works';\nimport { contactSync } from '../../../api/contacts';\nimport { autofocusAll } from '../../../helpers';\nimport TextLeftImgRightWbg from '../../hero_sections/txt_left_img_right_wbg';\nimport ImgLeftTextRight from '../../hero_sections/img_left_text_right';\nimport EmailSignupFooter from '../../email_signup_footer';\nimport Context from '../../../utils/context';\n\nexport default function WeightLoss({\n patientPartners = [\n {\n image:\n 'https://patientpartner-images2.s3.us-west-1.amazonaws.com/website/weight-loss/patient-partner-claudia.jpg',\n name: 'Claudia',\n extra: {\n age: '34',\n weight_loss: '80',\n },\n bio: \"At age 19, Claudia made the decision to to begin the weight-loss surgical journey. Claudia was ready to take control of her health and researched weight-loss surgery and the requirements needed to qualify for surgery. She took the time to mentally prepare for the recovery process and was grateful to have a friend who also had surgery and could lean on for emotional support. Despite the challenges Claudia experienced throughout recovery, she'd go through the surgery 10x over. Small but invaluable accomplishments such as being able to go up and down the stairs without the fear of falling is worth it.\",\n },\n {\n image: 'https://patientpartner-images2.s3.us-west-1.amazonaws.com/website/weight-loss/patient-partner-gina.jpg',\n name: 'Gina',\n extra: {\n age: '64',\n weight_loss: '104',\n },\n bio: \"Gina turned to food as a coping mechanism for her depression, which led to weight gain and low self-esteem. She suffered from migraines and high blood pressure and she was afraid of dying at a young age because of her weight. As a wife and mother of two, Gina made the decision to have a sleeve gastrectomy for her family and to regain control and happiness in her life. Since her surgery, Claudia has lost nearly 200 pounds and no longer experiences migraines or high blood pressure. Exercising daily is a large part of Gina's lifestyle now and she is happier than ever. Gina feels that having a respectful, nonjudgemental doctor who takes the time to listen to your concerns is critical to a successful surgical journey.\",\n },\n {\n image: 'https://patientpartner-images2.s3.us-west-1.amazonaws.com/website/weight-loss/patient-partner-jenny.jpg',\n name: 'Jenny',\n extra: {\n age: '35',\n weight_loss: '98',\n },\n bio: 'After Jenny\\'s brother and only sibling passed away from Cystic Fibrosis, she decided to make a significant change in her life and health. Jenny experienced chronic pain in her feet due to her weight and began developing sleep apnea. The pain would limit her activity for days at a time and she’d be fatigued from lack of sleep. While she always felt confident in her body and had high self-esteem, she knew that she had to make a change to improve her health. Jenny feels the non-scale victories, such as being able to tie her shoes and cross her legs, are the most important to celebrate. While there continue to be good days and \"bad days\", Jenny has no regrets for her decision and feels her journey has helped shape who she is today.',\n },\n ],\n home,\n updateAnswersAction,\n setPatientPartnerQuestionnaireProgress,\n setContactIdAction,\n setPatientPartners,\n}) {\n const context = useContext(Context);\n const viewport = context.viewport;\n const isMobile = viewport.getIsMobile();\n const [showModal, setShowModal] = useState(false);\n\n const scrollToQuestionnaire = (status) => {\n if (isNaN(status)) {\n status = 1;\n }\n document.querySelector('#questionnaire').scrollIntoView({\n behavior: 'smooth',\n });\n const timer = setTimeout(() => {\n autofocusAll();\n }, 1000);\n return () => clearTimeout(timer);\n };\n\n const viewScheduleModal = (patientPartner, gtmEvent) => () => {\n // onScheduled is called\n // super hack... for some reason, weightLoss.answers is frozen to be the default state when\n window.answers = home.globalAnswers;\n window.patient_partner = patientPartner;\n window.scheduleModalGtmEvent = gtmEvent;\n\n setShowModal(true);\n };\n\n const onScheduled = (data) => {\n createScheduleContact(data.bookingInfo.CustomerName, data.bookingInfo.CustomerEmail);\n setShowModal(false);\n scrollToQuestionnaire(199);\n fireGtmEvent(window.scheduleModalGtmEvent);\n };\n\n const createScheduleContact = (name, email) => {\n contactSync(name, email, window.answers, null, true, 'Weight Loss', window.patient_partner.name);\n };\n\n return (\n \n
\n \n
\n \n
\n \n
\n \n
\n \n
\n {headline}
\n{para}
\n\n
\n \n
\n \n
\n {error && \n \n
\n \n \n \n Get started\n \n
\n }\n imgOffset={false}\n imgShadow={true}\n topOfIcon={'75%'}\n heightOfImage={isMobile ? '300px' : '500px'}\n iconContent={\n \n }\n />\n \n
\n \n
\n \n
\n \n
\n Why is this free for you?
\n\n Our PatientPartner mentors recognize how important it is to have a support network while going through\n surgery. They're passionate about the success of their results and want to help others get the support\n they didn't have while going through surgery.\n
\n
\n PatientPartner is made possible by hospitals and healthcare companies around the country to ensure\n patients are guaranteed a better patient experience. In turn, we give back to the community by donating\n to the charity of the mentors' choice for each connection. Join us in our circle of giving and support!\n
\n
\n \n
\n \n
\n Foundations we donate to:
\n\n \n
\n \n
\n \n
\n \n
\n \n
\n \n
\n \n \n
\n \n
\n Bariatric PatientPartner Program in partnership with:
\n\n \n
\n \n
\n \n \n
\n {showModal && (\n \n
\n \n
\n \n \n Match me to a PatientPartner™\n \n
\n Verified PatientPartners™ you can trust
\nFeel confident in knowing:
\n- \n
- \n Each PatientPartner™ is interviewed and screened\n \n
- \n PatientPartners™ volunteer their time to give you the support you need\n \n
- \n The PatientPartner™ team is with you every step of the way\n \n
\n null}\n />\n
\n \n
\n \n \n loading}>\n \n
\n \n
\n \n );\n}\n","import React, { useState } from 'react';\nimport { Link } from 'react-router-dom';\nimport './joint_replacement.css';\nimport HowItWorks from '../how_it_works';\nimport FeaturedInMedia from '../featured_in_media';\nimport TextLeftImgRightWbg from '../hero_sections/txt_left_img_right_wbg';\nimport AboutHeadlineThreeIcons from '../about_headline_three_icons';\nimport FsLightbox from 'fslightbox-react';\nimport EmailSignupFooter from '../email_signup_footer';\n\nexport default function JointReplacement({}) {\n const [toggler, setToggler] = useState(false);\n\n return (\n \n
\n \n
\n \n
\n \n {headline}\n
\n\n {infoTiles.map((tile, index) => (\n <>\n {tile.link && (\n
\n )}\n {!tile.link && (\n \n \n \n
\n \n \n
\n \n {tile.icon}\n
\n \n {tile.heading && (\n
\n \n {tile.heading}\n
\n )}\n\n {tile.title}\n
\n\n
\n )}\n \n ))}\n \n
\n \n
\n {tile.icon}
\n \n {tile.heading && (\n
\n \n {tile.heading}\n
\n )}\n{tile.title}
\n\n \n \n \n \n
\n }\n imgOffset={false}\n imgShadow={true}\n topOfIcon={'70%'}\n leftOfIcon={'0%'}\n heightOfImage={'300px'}\n wrapperPadding={'50px'}\n headlineFontSize={'50px'}\n iconContent={\n \n }\n />\n \n \n \n
\n \n
\n \n
\n \n \n \n \n
\n What surgeons are saying
\nDr. David Fabi
\n\n Orthopedic Surgeon\n
\n San Diego, CA\n
\n
\n Get connected with a recovered patient to learn about the procedure you’re considering first hand.\n
\n\n
\n \n
\n \n
\n \n \n Find a PatientPartner™\n \n \n
\n PatientPartners you can trust:
\n\n A PatientPartner is someone that has undergone the same surgery you are prepping for.\n
\nWhat you can expect from your phone call:
\n- \n
- Answers to surgery-specific questions \n
- Learn what to expect throughout your surgical journey \n
- Understand the recovery process from a patient perspective \n
\n
\n \n
\n \n \n \n
\n \n \n \n setToggler(!toggler)}\n className='jr-play-button'\n xmlns='http://www.w3.org/2000/svg'\n width='17'\n height='21'\n viewBox='0 0 17 21'\n >\n
\n \n \n
\n \n
\n \n \n Find a surgeon\n \n \n
\n \n We find the best surgeons for you\n
\nAll PatientPartner™ recommended surgeons:
\n- \n
- \n Have performed over 2,000 procedures and have an average of 10+ years of experience.\n \n
- \n Will be local to you and most likely covered by your insurance.\n \n
- \n \n Have past patients that are ready to connect with you about their surgical experience for free.\n \n \n
\n
\n );\n}\n","export const createDirectBookingContacts = (name, email, phone, patientPartner, meetingTitle, successFunction) => {\n const csrf = document.querySelector(\"meta[name='csrf-token']\").getAttribute('content');\n fetch('/direct_booking_contacts', {\n method: 'POST',\n headers: {\n 'Content-Type': 'application/json',\n 'X-CSRF-Token': csrf,\n },\n body: JSON.stringify({\n ...window.utmInfo,\n name: name,\n email: email,\n phone: phone,\n patient_partner: patientPartner,\n meeting_title: meetingTitle,\n }),\n })\n .then((response) => response.json())\n .then((data) => {\n successFunction(data);\n });\n};\n","import React, { useState, useEffect, useRef } from 'react';\nimport { useClickAway } from 'react-use';\nimport styles from './dropdown_click.module.css';\n\nexport default function DropdownInput({\n values,\n options,\n setValues,\n gtm,\n type = 'multi', // different types: 'single', 'multi', 'multi-w-category'\n wrapperClassname = '',\n elemClassname = '',\n disabled = '',\n multipleSetOpen = () => {},\n uuid,\n openStatus,\n placeholder = 'Select',\n light = true,\n marginTop = '5px',\n defaultOpen = false,\n focus = false,\n valueOverride = false,\n pendoTag = '',\n}) {\n const ref = useRef(null);\n useClickAway(ref, () => {\n setOpen(false);\n });\n\n // The different data structures:\n // single (color is optional):\n // [\n // {\n // color: \"#ED1C24\",\n // value: 'Not Contacted'\n // },\n // {\n // color: \"#314D69\",\n // value: 'Contacted'\n // }\n // ]\n\n // multi (user can select multiple options):\n // [\n // {\n // value: '18-24',\n // },\n // {\n // value: '25-34',\n // },\n // {\n // value: '35-44',\n // },\n // {\n // value: '45-54',\n // },\n // {\n // value: '55-64',\n // },\n // {\n // value: '65-74',\n // },\n // {\n // value: '75+',\n // },\n // ]\n\n // multi-w-category (user can select multiple options && it renders a category title):\n // [\n // {\n // category: 'Bariatric Surgery',\n // surgeries: [\n // \"Sleeve Gastrectomy\",\n // \"Gastric Bypass\",\n // \"Lap Band\"\n // ]\n // },\n // {\n // category: 'Orthopedic Surgery',\n // surgeries: [\n // \"Knee Replacement\",\n // \"Hip Replacement\",\n // ]\n // }\n // ];\n\n const [open, setOpen] = useState(defaultOpen);\n\n const bgColor = () => {\n return options.filter((option) => option.color).length > 0\n ? options.filter((option) => option.value === values)[0].color\n : '';\n };\n\n const onClick = (option) => () => {\n if (option.single && option.single === true) {\n if (values.length === 1 && values[0].value === option.value) {\n setValues([]);\n } else if (values.length > 0 && values.filter((v) => v.value === option.value).length === 0) {\n setValues([option]);\n return;\n }\n } else if (values.filter((v) => v.single === true).length === 1) {\n setValues([option]);\n return;\n }\n\n if (values.map((ageObject) => ageObject.value && ageObject.value.includes(option.value)).includes(true)) {\n setValues(values.filter((a) => a.value != option.value));\n } else {\n var arr = [...values];\n arr.push(option);\n setValues(arr);\n }\n };\n\n useEffect(() => {\n if (openStatus !== uuid) {\n setOpen(false);\n }\n }, [openStatus]);\n\n const formatBgColor = (str) => {\n return `${str.slice(0, 3)}a${str.slice(3, str.length - 1)},.25)`;\n };\n\n return (\n \n \n
\n \n
\n {partner.name}
\n\n {partner.surgeries_or_treatments && partner.surgeries_or_treatments.length > 0 && showSurgerySpecialty && (\n
\n \n {partner.surgeries_or_treatments\n .sort()\n .map((s) => titleCase(s))\n .join(', ')}\n
\n )}\n\n {partner.display_location && (\n 2\n ? { marginTop: '0px' }\n : { marginTop: '5px' }\n }\n >\n {partner.display_location}\n \n )}\n
\n \n {partner.bio}\n
\n \n \n \n See full profile\n \n \n {actionContent}\n
\n \n {values !== '' ? (\n {values}\n ) : (\n placeholder\n )}\n
\n )}\n {type === 'multi' && (\n\n {valueOverride ? (\n {valueOverride}\n ) : (\n <>\n {values.length > 0 ? (\n <>\n {values.map((pro, index) => (\n \n {index > 0 && , }\n {pro.value}\n \n ))}\n \n ) : (\n placeholder\n )}\n \n )}\n
\n )}\n {type === 'multi-w-category' && (\n{values.length > 0 ? <>{values.join(', ')} : 'Select'}
\n )}\n- \n {options.map((choice) => (\n
- \n \n
- \n {options.map((choice) => (\n
- \n \n
- \n {options.map((value) => (\n
- \n \n
\n
\n ))}\n {value.category}
\n {value.surgeries.map((value) => (\n\n
\n \n );\n}\n","import { connect } from 'react-redux';\nimport { templateAction } from '../../actions/partners';\nimport Partners from '../../components/partners';\n\nconst mapStateToProps = (state) => state;\n\nconst mapDispatchToProps = (dispatch) => ({});\n\nexport default connect(mapStateToProps, mapDispatchToProps)(Partners);\n","import React, { useContext, useEffect, useState } from 'react';\nimport { Link, useHistory } from 'react-router-dom';\nimport { getPatientPartners } from '../../api/patient_partners';\nimport Modal from '../modal';\nimport Oncehub from '../oncehub';\nimport PatientPartnerColumnForGallery from '../patient_partner_column_for_gallery';\nimport './partners.css';\nimport CustomCtaFooter from '../custom_cta_footer';\nimport { createDirectBookingContacts } from '../../api/direct_booking_contacts';\nimport { getPatientPartnersPerDistance } from '../../api/patient_partners';\nimport { createConversation } from '../../api/conversations';\nimport LoadingScreen from '../loading_screen';\nimport Autocomplete from 'react-google-autocomplete';\nimport IconButtonSvg from '../ui_kit/utilities/icon_button_svg';\nimport DropdownInput from '../ui_kit/utilities/dropdown_input';\nimport ScrollTo from '../scroll_to';\nimport Context from '../../utils/context';\nimport SignUp from '../sign_up';\nimport HeaderLeftTextRight from '../hero_sections/header_left_text_right';\n\nexport default function Partners() {\n const [isLoading, setIsLoading] = useState(true);\n const [patientPartners, setPatientPartners] = useState([]);\n const [showModal, setShowModal] = useState(false);\n const [showSignupModal, setShowSignupModal] = useState(false);\n const [selectedPatientPartner, setSelectedPatientPartner] = useState(null);\n const [showFilters, setShowFilters] = useState(false);\n const [lowIndex, setLowIndex] = useState(0);\n const [highIndex, setHighIndex] = useState(8);\n const [selectedPage, setSelectedPage] = useState(0);\n const [locationPlaceHolder, setLocationPlaceHolder] = useState('');\n let history = useHistory();\n const context = useContext(Context);\n const [mentorSurgeries, setMentorSurgeries] = useState([]);\n const filterableAges = [\n {\n value: '18-24',\n low: 18,\n high: 24,\n },\n {\n value: '25-34',\n low: 25,\n high: 34,\n },\n {\n value: '35-44',\n low: 35,\n high: 44,\n },\n {\n value: '45-54',\n low: 45,\n high: 54,\n },\n {\n value: '55-64',\n low: 55,\n high: 64,\n },\n {\n value: '65-74',\n low: 65,\n high: 74,\n },\n {\n value: '75+',\n low: 75,\n high: 200,\n },\n ];\n const [chosenProcedures, setChosenProcedures] = useState(\n new URLSearchParams(window.location.search).get('procedures') != null\n ? new URLSearchParams(window.location.search)\n .get('procedures')\n .split(',')\n .map((procedure) => ({ value: procedure }))\n : []\n );\n const [chosenAges, setChosenAges] = useState(\n new URLSearchParams(window.location.search).get('age') != null\n ? new URLSearchParams(window.location.search)\n .get('age')\n .split(',')\n .map((age) => filterableAges.filter((a) => a.value === age)[0])\n : []\n );\n const [chosenGender, setChosenGender] = useState(\n new URLSearchParams(window.location.search).get('gender') != null\n ? new URLSearchParams(window.location.search)\n .get('gender')\n .split(',')\n .map((gender) => ({ value: gender }))\n : []\n );\n const [chosenLocation, setChosenLocation] = useState(\n new URLSearchParams(window.location.search).get('location') != null\n ? new URLSearchParams(window.location.search).get('location')\n : ''\n );\n const [chosenDistance, setChosenDistance] = useState(\n new URLSearchParams(window.location.search).get('distance') != null\n ? new URLSearchParams(window.location.search).get('distance')\n : ''\n );\n const [distancePartners, setDistancePartners] = useState([]);\n\n const titleCase = (string) => {\n var surgery = string.toLowerCase().split(' ');\n for (var i = 0; i < surgery.length; i++) {\n if (surgery[i][0]) {\n surgery[i] = surgery[i][0].toUpperCase() + surgery[i].slice(1);\n }\n }\n return surgery.join(' ');\n };\n\n useEffect(() => {\n getPatientPartners('All', null, null, null, null, null, (data) => {\n setPatientPartners(data);\n setIsLoading(false);\n resetPagination(data);\n const surgeries = data\n .map((e) => e.surgeries_or_treatments)\n .join(',')\n .split(', ')\n .join(', ')\n .split(',')\n .filter((i) => i !== '')\n .map((p) => titleCase(p));\n setMentorSurgeries([...new Set(surgeries)].sort());\n });\n }, []);\n\n const resetPagination = (data) => {\n var arr = [];\n var paginationPageNumbers = Math.ceil(data.length / 9);\n for (var i = 0; i < paginationPageNumbers; i++) {\n arr.push(i);\n }\n // setPages(arr)\n };\n const onScheduled = (data) => {\n createDirectBookingContacts(\n data.bookingInfo.CustomerName,\n data.bookingInfo.CustomerEmail,\n data.bookingInfo.CustomerPhone,\n window.patient_partner.name,\n data.bookingInfo.EventTypeName,\n () => {\n setShowModal(false);\n }\n );\n };\n\n const goToSignup = (partner) => () => {\n history.push(`/member/join/support?patient_partner_id=${partner.id}`);\n };\n\n let filterableProcedures = [];\n mentorSurgeries.map((e) => filterableProcedures.push({ value: e }));\n\n const setDistance = (value) => {\n if (chosenDistance === value) {\n setChosenDistance('');\n } else {\n setChosenDistance(value);\n }\n };\n\n const clearFilters = () => {\n setDistancePartners([]);\n setChosenProcedures([]);\n setChosenAges([]);\n setChosenGender([]);\n setChosenDistance('');\n setChosenLocation('');\n setLocationPlaceHolder('');\n setSelectedPage(0);\n setLowIndex(0);\n setHighIndex(8);\n };\n\n useEffect(() => {\n setIsLoading(true);\n getPatientPartnersPerDistance(chosenLocation, chosenDistance, (data) => {\n setDistancePartners(data);\n setIsLoading(false);\n });\n }, [chosenLocation, chosenDistance]);\n\n const checkToClearLocation = (location) => {\n if (location === '') {\n setChosenLocation('');\n setChosenDistance('');\n setDistancePartners([]);\n }\n setLocationPlaceHolder(location);\n };\n\n var paginationPageNumbers;\n var pageArr = [];\n var genderArr = [];\n if (chosenGender.length > 0) {\n for (let i = 0; i <= chosenGender.length - 1; i++) {\n patientPartners.forEach((a) => {\n if (a.extra.gender && a.extra.gender.toLowerCase() === chosenGender[i].value.toLowerCase()) {\n genderArr.push(a);\n }\n });\n }\n }\n\n var proceduresArr = [];\n if (chosenProcedures.length > 0) {\n for (let i = 0; i <= chosenProcedures.length - 1; i++) {\n patientPartners.forEach((a) => {\n if (\n a.surgeries_or_treatments &&\n a.surgeries_or_treatments.join(', ').toLowerCase().includes(chosenProcedures[i].value.toLowerCase())\n ) {\n proceduresArr.push(a);\n }\n });\n }\n }\n\n var agesArr = [];\n if (chosenAges.length > 0) {\n for (let i = 0; i <= chosenAges.length - 1; i++) {\n patientPartners.forEach((a) => {\n if (a.display_age && a.display_age >= chosenAges[i].low && a.display_age <= chosenAges[i].high) {\n agesArr.push(a);\n }\n });\n }\n }\n\n var distanceArr = [];\n if (distancePartners.length > 0) {\n for (let i = 0; i <= distancePartners.length - 1; i++) {\n patientPartners.forEach((a) => {\n if (a.name == distancePartners[i].name) {\n distanceArr.push(a);\n }\n });\n }\n }\n\n var filteredArrays = [genderArr, proceduresArr, agesArr, distanceArr].filter((ele) => ele.length !== 0);\n var finals = [];\n\n patientPartners.forEach(function (masterPartner) {\n var counter = 0;\n filteredArrays.filter(function (arr) {\n if (arr.findIndex((ele) => ele.name == masterPartner.name) !== -1) {\n counter++;\n }\n });\n if (counter == filteredArrays.length) {\n finals.push(masterPartner);\n }\n });\n if (distancePartners.length === 0 && chosenLocation !== '') {\n finals = [];\n }\n if (chosenGender.length > 0 && genderArr.length === 0) {\n finals = [];\n }\n\n let partnersForGallery = finals;\n paginationPageNumbers = Math.ceil(finals.length / 9);\n for (var i = 0; i < paginationPageNumbers; i++) {\n pageArr.push(i);\n }\n const pages = pageArr;\n\n useEffect(() => {\n if (\n chosenProcedures.length === 0 &&\n chosenAges.length === 0 &&\n chosenGender.length === 0 &&\n chosenDistance === '' &&\n chosenLocation === ''\n ) {\n var arr = [...patientPartners];\n arr = arr.sort((a, b) => a.name.localeCompare(b.name));\n partnersForGallery = arr;\n resetPagination(patientPartners);\n }\n\n let searchParams = new URLSearchParams();\n\n if (chosenAges.length > 0) searchParams.append('age', chosenAges.map((age) => age.value).join(','));\n if (chosenProcedures.length > 0) searchParams.append('procedures', chosenProcedures.map((p) => p.value).join(','));\n if (chosenGender.length > 0) searchParams.append('gender', chosenGender.map((g) => g.value).join(','));\n if (chosenLocation !== '') searchParams.append('location', chosenLocation);\n if (chosenDistance !== '') searchParams.append('distance', chosenDistance);\n history.push('?' + searchParams.toString());\n }, [chosenProcedures, chosenAges, chosenGender, chosenDistance, chosenLocation]);\n\n // Listens to know if the device is a mobile device START\n const [isMobile, setDesktop] = useState(window.innerWidth < 992);\n\n const updateMedia = () => {\n setDesktop(window.innerWidth < 992);\n };\n\n useEffect(() => {\n window.addEventListener('resize', updateMedia);\n return () => window.removeEventListener('resize', updateMedia);\n }, []);\n // Listens to know if the device is a mobile device END\n\n const [makeSticky, setMakeSticky] = useState(false);\n function stickyScroll() {\n if (document.querySelector('.gallery-sec').getBoundingClientRect().y < 500) {\n setMakeSticky(true);\n } else {\n setMakeSticky(false);\n setShowFilters(false);\n }\n }\n\n useEffect(() => {\n window.addEventListener('scroll', stickyScroll);\n return () => window.removeEventListener('scroll', stickyScroll);\n }, []);\n\n const partnersForGalleryToShow = partnersForGallery.slice(lowIndex, highIndex + 1);\n const partnersForGalleryToShowInRows = [];\n for (var i = 0; i < partnersForGalleryToShow.length; i += 3) {\n partnersForGalleryToShowInRows.push(partnersForGalleryToShow.slice(i, i + 3));\n }\n\n const generateActionContent = (partner) => {\n let actionContent = null;\n if (context.auth.isLoggedIn()) {\n actionContent = (\n \n
\n \n
\n \n setAnimateRight(true)} />\n \n
\n {smallheadline}
\n\n {headline}\n
\n\n setAnimateLeft(true)} />\n
\n {para}
\n {actionContent}\n\n setShowFilters(false)}\n className='mobile-filter-bg'\n >
\n )}\n \n \n \n \n }\n />\n
\n {isMobile && showFilters && (\n \n
\n \n
\n\n Procedure Type
\n\n
\n\n Age Range
\n\n {\n return { value: g };\n })}\n setValues={setChosenGender}\n gtm={`Patient partner gallery filters - Gender`}\n />\n
\n\n Gender
\n\n \n \n
\n Location
\n\n {\n setChosenLocation(place.formatted_address);\n setLocationPlaceHolder(place.formatted_address);\n }}\n onChange={(e) => checkToClearLocation(e.target.value)}\n value={locationPlaceHolder}\n options={{\n types: ['(regions)'],\n componentRestrictions: { country: 'us' },\n }}\n placeholder='Enter zip or city'\n />\n
\n {chosenDistance != '' ? chosenDistance + ' Miles' : 'Radius'}
\n \n- \n {['10', '50', '100'].map((a) => (\n
- \n \n \n \n \n ))}\n
\n clearFilters()}\n data-pendo-tag='Patient partner gallery filters - Reset Filters'\n data-gtm-click-label='Patient partner gallery filters - Reset Filters'\n className='liner w-100'\n >\n Clear all filters\n \n
\n \n \n {isMobile && makeSticky && (\n \n
\n )}\n \n
\n \n \n ) : (\n \n )\n }\n text={`${showFilters === true ? 'Show Partners' : 'Filters'}`}\n onClick={() => {\n setShowFilters(!showFilters);\n ScrollTo('.gallery-sec', 100);\n }}\n classNames={`${showFilters === true ? 'active' : ''} filter-toggle-button marg-top-20`}\n other={\n chosenProcedures.length +\n chosenAges.length +\n chosenGender.length +\n (chosenLocation !== '' ? 1 : 0) +\n (chosenDistance !== '' ? 1 : 0) >\n 0 && (\n \n
\n \n {chosenProcedures.length +\n chosenAges.length +\n chosenGender.length +\n (chosenLocation !== '' ? 1 : 0) +\n (chosenDistance !== '' ? 1 : 0)}\n
\n \n )\n }\n />\n\n {isLoading &&
\n );\n })}\n\n \n
\n \n {row.map((partner, partnerIndex) => {\n const actionContent = generateActionContent(partner);\n return (\n \n
\n );\n })}\n \n {partnersForGallery.length == 0 && (\n
\n {pages.length > 1 && (\n \n \n \n Find a mentor for me\n \n \n
\n )}\n No results found for those filters
\n\n
\n )}\n \n )}\n {showModal && (\n \n
\n \n
\n \n {\n setLowIndex(lowIndex - 9);\n setHighIndex(highIndex - 9);\n setSelectedPage(selectedPage - 1);\n ScrollTo('.gallery-sec', 100);\n }}\n >\n \n \n partnersForGallery.length ? '0' : '1' }}\n disabled={`${highIndex < partnersForGallery.length ? '' : 'disabled'}`}\n className='pagination-navigation next'\n onClick={() => {\n setLowIndex(lowIndex + 9);\n setHighIndex(highIndex + 9);\n setSelectedPage(selectedPage + 1);\n ScrollTo('.gallery-sec', 100);\n }}\n >\n \n \n
\n \n {selectedPage > 1 && (\n {\n setLowIndex(0);\n setHighIndex(8);\n setSelectedPage(0);\n ScrollTo('.gallery-sec', 100);\n }}\n >\n 1\n \n )}\n {selectedPage > 2 && {\n setLowIndex(lowIndex - 9);\n setHighIndex(highIndex - 9);\n setSelectedPage(selectedPage - 1);\n ScrollTo('.gallery-sec', 100);\n }}\n >\n {selectedPage}\n \n )}\n {\n setLowIndex(selectedPage * 9);\n setHighIndex((selectedPage + 1) * 9 - 1);\n setSelectedPage(selectedPage);\n ScrollTo('.gallery-sec', 100);\n }}\n >\n {selectedPage + 1}\n \n {selectedPage < pages.length - 1 && (\n {\n setLowIndex(lowIndex + 9);\n setHighIndex(highIndex + 9);\n setSelectedPage(selectedPage + 1);\n ScrollTo('.gallery-sec', 100);\n }}\n >\n {selectedPage + 2}\n \n )}\n {selectedPage < pages.length - 3 && {\n setLowIndex((pages.length - 1) * 9);\n setHighIndex(pages.length * 9);\n setSelectedPage(pages.length - 1);\n ScrollTo('.gallery-sec', 100);\n }}\n >\n {pages.length}\n \n )}\n
\n ...
}\n {selectedPage > 0 && (\n...
}\n {selectedPage < pages.length - 2 && (\n\n
\n );\n}\n","import React, { Component } from 'react';\nimport { Link } from 'react-router-dom';\nimport './privacy.css';\n\nexport default function Privacy() {\n return (\n \n \n
\n \n \n \n
\n \n \n RightDevice Terms of Service\n
\n\n Please read these Rightdevice Terms of Service (\"Terms\") carefully. These Terms are between you (\"you\" or\n \"your\") and Rightdevice, Inc. (\"Rightdevice,\" \"we\" or \"our\"). The use of \"you\" or \"your\" in these Terms\n may refer to Rightdevice community members, health care provider accessing the Site (as defined below) as\n a consumer, or anyone accessing the Site (as defined below). These Terms govern your use of the website,\n www.rightdevice.com, and the services and information available on the website (collectively, \"Site\")\n whether you access the Site through your computer, mobile device, tablet or any Rightdevice app. You\n accept and agree to be bound by these Terms, the Rightdevice Privacy Policy, Code of Conduct and any other\n policies in place when you access or use the Site or by clicking the \"Submit\" button when you register for\n an account with Rightdevice. If you do not agree to abide by or be bound by these Terms or any of the\n other policies of Rightdevice, then do not register for an account, access or use the Site.\n
\n\n 1. Modification\n
\n\n Rightdevice reserves the right to make changes to the Site, these Terms and other policies. If Rightdevice\n makes material changes to these Terms or other policies, then Rightdevice will either notify you by email\n or by posting a notice on the Site prior to the effective date of the changes. Rightdevice will also\n indicate at the bottom of this page the date these Terms were last updated. These Terms are effective upon\n acceptance by new users. For current users, these Terms are effective as of January 23, 2017 and supersede\n all previous versions of the Rightdevice Terms of Service. If any section or portion of these Terms shall\n be deemed invalid, void or for any reason unenforceable, then that section of the Terms shall be deemed\n severable and shall not affect the validity of the remaining condition. Your continued use of the Site\n after any such changes are posted constitutes your acceptance of the new Terms. If you do not agree to\n abide by these or any future terms, you may not use or access the Site.\n
\n\n 2. No Medical Advice\n
\n\n The content (which includes any text, graphics, images or other material contained, accessed or entered on\n the Site by you or a health care provider (\"Content\") is for educational/informational purposes only and\n is not a substitute for medical advice, diagnosis or treatment provided by a qualified health care\n provider. Any communication between you and health care providers on the Site (including any responses by\n health care providers to questions posted on the Site or through any feature available on the Site) is for\n general informational purposes only and does not create nor is it intended to create a physician-patient\n relationship as defined by federal and state law. Your reliance on any information (including any links to\n third party websites containing any information about health care providers) or Content provided on the\n Site, whether or not it is provided by a health care provider, is solely at your own risk. You should\n always seek the advice of your health care provider for any questions you may have about your own medical\n condition.\n
\n\n 3. How and When You May Use the Site\n
\n\n You may use the Site only to post reviews (including photos and videos) based on your own personal\n experience, to communicate with other community members about questions on personal care, beauty, and\n wellness and to post questions on the Site. You may only use the Site for personal, non-commercial uses,\n and you may not use the Site to advertise or promote a product, service, procedure, business, health care\n provider or another person.\n
\n\n 4. Your Service Account; Email Consent\n
\n\n In order to use some of the features on the Site, you are required to register and provide information\n about yourself to us and create a service account (\"Service Account\"). It is your responsibility to\n maintain the confidentiality of your Service Account information, including your Service Account password.\n In addition, you are responsible for all activities that occur in connection with your Service Account.\n You must tell us right away about anyone using your Service Account without your consent, or any security\n breach that relates to the Site or your Service Account. You agree to provide Rightdevice with accurate,\n current and complete information about yourself as may be prompted in any registration forms on the Site\n and promptly update any such information to keep it accurate, current and complete. Rightdevice reserves\n the right to refuse to provide services to anyone, including terminating your Service Account and/or\n preventing you from accessing the Site or your Service Account, with or without cause, at any time and in\n its sole discretion. By using the Site, you consent to receive emails from Rightdevice, which may include\n commercial emails provided such emails are in accordance with the preferences you select in the email and\n notifications page of the My Profile section of the Site. You may change such preferences by changing your\n account settings on the email and notifications page of the My Profile section of the Site or via the\n unsubscribe link in all commercial emails. Please note that as long as you maintain a Service Account, you\n may not \"opt out\" of receiving service or account-related emails from Rightdevice and all agreements,\n notices, disclosures, and other communications that we provide to you electronically satisfy any legal\n requirement that such communications be in writing.\n
\n\n 5. Materials You Post or Provide; Communications Monitoring\n
\n\n You may be able to post or submit reviews, comments, questions, direct messages, photographs, videos\n (including videos created through a third-party tool) and other materials on or through the Site\n (collectively, \"Submission\" or \"Submissions\"). Your Submissions, (including to the extent applicable\n personally identifiable information), are made voluntarily and are subject to the Rightdevice Code of\n Conduct and the Rightdevice Privacy Policy. Except as otherwise provided under applicable law, including\n but not limited to the California Confidentiality of Medical Information Act (“CMIA”) and the federal\n Health Insurance Portability and Accountability Act of 1996 (as amended)(“HIPAA”), You understand\n Rightdevice is not required to treat any of your Submissions as confidential. In addition, you understand\n and agree that your Submissions (including your username associated with your Submissions) are not\n confidential and are publicly available for anyone to view on the Site. Rightdevice does not claim\n ownership of the Submission(s) you post or submit on the Site. With the exception of any information you\n directly submit through a health care provider’s profile or inquiry form, by posting or otherwise\n providing your Submission on the Site, you are hereby expressly granting Rightdevice a nonexclusive,\n irrevocable, worldwide, perpetual, royalty free license (including sublicense) to use, copy, distribute,\n publicly display, publicly perform, modify (including create derivative works) or transmit (including\n digital transmission of a sound recording) your Submission, in connection with the Site and the\n Rightdevice business, including without limitation promoting and redistributing part or all of the Site or\n the Rightdevice business, in any media formats and through any media channels now known or hereafter\n developed. You also grant Rightdevice permission to publish and use your name, likeness and voice in\n connection with your Submission. In addition, by uploading a Submission to the Site, you hereby waive any\n rights of privacy or publicity, with the exception of those rights of privacy that may be provided to You\n under applicable laws, state and federal, laws such as CMIA or HIPAA.. You also grant Rightdevice the\n right to grant any of the above rights to other persons or entities, including for the purpose of\n promoting the Site or the Rightdevice business, without any compensation or obligation to you. You also\n grant Rightdevice the right and authority to send takedown notices (on your behalf) related to your\n Submission to any individual or entity under the Digital Millennium Copyright Act. Rightdevice will not\n pay you for your Submission. You also understand and agree that Rightdevice may, in its sole discretion,\n refuse, or remove part or all of your Submission from the Site at any time if Rightdevice considers the\n Submission to be illegal, offensive, harassing, infringing, inappropriate or otherwise violates these\n Terms or the Rightdevice Code of Conduct or other policies. For each Submission, you represent and warrant\n that you have all rights necessary for you to post or submit the Submission and to grant the licenses and\n permissions in this section and that you are solely responsible for the content of your Submission.\n Further, you represent and warrant that your Submission does not violate any law. Rightdevice reserves the\n right to review and monitor Submissions but is under no obligation to do so. In addition, Rightdevice is\n not responsible for screening, monitoring or editing Submissions. However, we may monitor your Submissions\n and may disclose information about you, including the contents of such Submission, if we deem it necessary\n to\n
\n- \n
- (1) Conform to legal requirements or respond to legal process. \n
- (2) Ensure your compliance with these Terms or other Rightdevice guidelines or policies. \n
- \n (3) Protect the rights, property, or interests of Rightdevice, its employees, its users, or the public.\n You may also request information directly from a specific health care provider by submitting an inquiry\n through their profile or inquiry form. You understand these requests, including personally identifiable\n information, are made voluntarily and are subject to the Rightdevice Privacy Policy. There is no\n guarantee that a health care provider will respond to any request submitted through their profile or\n inquiry form. In addition, by submitting a request to a health care provider through the Site, you\n understand that Rightdevice may contact you by phone, email or text message about your request. All\n standard message and data charges will apply to any text messages.\n \n
\n 6. Copyright Policy\n
\n\n If you believe that your HCP Content or any other content has been used in a way that constitutes\n copyright infringement, or your intellectual property rights have been otherwise violated, please notify\n Rightdevice, Inc. at copyrightagent@rightdevice.com or Copyright Agent, Rightdevice, Inc., 5492 Pire\n Avenue, San Diego, CA 92122. Provide all of the following in writing: (1) identify the copyrighted work\n you claim has been infringed or if multiple copyrighted works, then a representative list of such works on\n the Site; (2) identify the material on the Site that you claim is infringing and with enough detail so\n that we may locate the material; (3) provide a statement that you have a good faith belief that the use of\n the material on the Site is not authorized by the copyright owner, its agent, or the law; (4) provide a\n statement declaring that the notification is accurate, and, under penalty of perjury, that you are the\n owner of the copyright interest involved or that you are authorized to act on behalf of the exclusive\n owner; (5) provide information reasonably sufficient to permit Rightdevice to contact you, such as an\n address, telephone number, and email address; and (6) your physical or electronic signature. Upon receipt\n of notice as described above, Rightdevice will take whatever action, in its sole discretion, it deems\n appropriate, including removal of the alleged infringing material from the Site.\n
\n\n 7. Photograph/Video Policy.\n
\n\n Health care providers must have consent from individuals and follow all HIPAA and CMIA requirements (as\n well as these HCP Terms, Health care Code of Conduct and Health Care Provider Photo & Video Guidelines)\n before uploading, submitting or posting any photographs or videos (including the use of any third-party\n video tool whether or not provided by Rightdevice) of individuals on the Site. When you upload or submit\n any photo or video of an individual, you represent and warrant that you have the appropriate consent and\n license to do so and the uploading or submission of the videos or photographs to the Site will not violate\n these HCP Terms, the Health care Code of Conduct, the Health Care Provider Photo & Video Guidelines, or\n any other applicable laws, including any applicable privacy laws (such as HIPAA) or CMIA). You also agree\n to indemnify Rightdevice and the Rightdevice Parties against any third-party claims related to the\n uploading or submitting of any videos or photographs by you or anyone affiliated with you (including an\n agent, employee of your practice or other third party acting on your behalf).\n
\n\n 8. Rightdevice Advertising\n
\n\n If you purchase advertising from Rightdevice or offer any Special Offers on the Site, then the applicable\n agreement or the Rightdevice Special Offers Program Terms of Use will apply to you in addition to these\n HCP Terms.\n
\n\n 9. Links to Other Websites\n
\n\n The Site and the Rightdevice App may contain links to other websites maintained by third parties (\"Third\n Party Website\") or you may be able to log into the Site or the Rightdevice App through a Third Party\n Website. Third Party Websites are not under the control of Rightdevice and Rightdevice does not endorse or\n assume any responsibility for the content, information or functionality of any Third Party Website. As a\n result, your access or use of any Third Party Website is at your own risk and these HCP Terms, the\n Rightdevice Privacy Policy, Health care Code of Conduct and any other Rightdevice policies do not apply or\n govern any Third Party Website or your use of any Third Party Website. You expressly relieve Rightdevice\n of any and all liability related to the functionality, content or information contained on any Third Party\n Website. In addition, your dealings with or participation in promotions of third parties found on the\n Site, including payment and delivery of goods or services any other terms (such as warranties) are solely\n between you and the third parties. You agree that Rightdevice shall not be responsible for any loss or\n damage of any kind relating to your dealings with such third parties.\n
\n\n 10. Rightdevice Intellectual Property Rights\n
\n\n Rightdevice grants you a limited, personal, revocable, nonassignable and nonexclusive license to use the\n Site. Rightdevice owns the text, photographs, videos, visual interfaces, interactive features, graphics,\n design, compilation, computer code, products, software and all other elements and components of the Site\n (\"Rightdevice Content\"), excluding your HCP Content and community members’ submissions. Rightdevice owns\n the copyrights, trademarks, service marks, trade names and other intellectual property and proprietary\n rights throughout the world associated with the Rightdevice Content and the Site, which are protected by\n copyright, trade dress, patent, trademark laws and all other applicable intellectual and proprietary\n rights and laws. You may not modify, reproduce, republish, frame, download, transmit, distribute, rent,\n lease, loan, sell, assign, license, sublicense, reverse engineer, publicly display or create derivative\n works based on any of the Rightdevice Content in whole or in part, or the Site except as expressly\n authorized in writing by Rightdevice. In addition, Rightdevice does not grant any express or implied\n rights in and to the Site and the Rightdevice Content, and all rights in and to the Site and the\n Rightdevice Content, are retained by Rightdevice.\n
\n\n 11. RIGHTDEVICE DISCLAIMS ALL WARRANTIES\n
\n\n Rightdevice provides the site, Rightdevice content and all information, materials and other content\n available on the site on an \"as is\" and \" as available\" basis \"with all faults.\" Rightdevice disclaims all\n warranties of any kind (whether express or implied) as well as any guarantees or conditions related to the\n site. Without limiting the foregoing, to the fullest extent permitted by law, Rightdevice disclaims all\n express and implied warranties, including those of merchantability, fitness for a particular purpose,\n workmanlike effort and non-infringement. Rightdevice does not represent or warrant that the site or any\n electronic communication from Rightdevice will be uninterrupted, error-free or free of viruses or other\n harmful components or defects. In addition, Rightdevice expressly disclaims any and all responsibility and\n liability with respect to separate agreements you may make with health care providers or other third\n parties and you will look solely to such persons and/or entities with respect to any and all claims\n arising out of such agreements. Further, Rightdevice does not represent or warrant that the site or the\n content available on the site will assist you in finding a suitable health care provider or for any other\n purpose. You understand and agree that your use of the site is entirely at your own risk. While\n Rightdevice takes reasonable physical, technical and administrative measures to secure the Rightdevice\n site, Rightdevice does not guarantee that the Rightdevice site cannot be compromised.\n
\n\n 12. LIMITATION OF LIABILITY; YOUR EXCLUSIVE REMEDY\n
\n\n To the extent permitted by law, in no event will Rightdevice or the Rightdevice parties be liable to you\n or to any third party for any indirect, consequential, special, incidental, exemplary, or punitive damages\n (including, but not limited, to loss profits and damages that result from inconvenience, delay or loss of\n use) arising out of or relating to the use of the site even if Rightdevice or any of the Rightdevice\n parties have been advised of the possibility of such damages. In addition, in no event shall Rightdevice\n be liable to you or to anyone for any decision made or action taken by a party (including, without\n limitation, by any user or community member) in reliance on any content or other information about health\n care providers or procedures posted on the site. Rightdevice shall not be liable for any damages, delays,\n or non-performance caused by factors or activities beyond its reasonable control, including delays and\n nonperformance caused by viruses, denial of service attacks, other acts or omission of third parties,\n internet service provider failures, strikes, lockouts, work slowdowns or stoppages, accidents, fires,\n terrorism, acts of god, government restrictions, mechanical, electronic or communications failures, war or\n insurrection. Notwithstanding anything in these terms, and to the extent permitted by applicable law, the\n aggregate liability of the Rightdevice parties to you in connection with the site (including any third\n party content on the site) and these terms will be limited to the amount, if any, paid by you to\n Rightdevice for use of the site in the six (6) months prior to the act that gave rise to the liability,\n even if Rightdevice has been advised of the possibility of any of the foregoing types of losses or\n damages. Some jurisdictions do not allow the exclusion or limitation of incidental or consequential\n damages, so the above limitations or exclusions may not apply to you.\n
\n\n 13. Changes to the Site; Updates; Termination\n
\n\n We may change the Site or delete features available on the Site at any time and for any reason. We are not\n obligated to provide maintenance, technical support or updates to you for the Site, but we may provide\n these in our discretion. We may terminate or suspend your HCP Account and your use of the Site or any\n services we may provide you that are associated with your use of the Site at any time in our discretion.\n Our termination or suspension may be without cause and/or without notice. You may terminate your use of\n the Site at any time, with or without cause, upon notice to us as specified in the customer support or\n \"contact us\" area on the Site. Upon termination, you may no longer use or access the Site. Once your use\n of the Site is terminated, any data you have stored on the Site may not be retrieved later. In addition,\n even if you terminate your use of the Site, Rightdevice may continue to show some or all of your HCP\n Content.\n
\n\n 14. Jurisdiction\n
\n\n Rightdevice controls and operates the Site from its offices in San Diego, California in the United States\n of America and Rightdevice makes no representation that the HCP Content, content submitted by community\n members or any other content available on the Site or the Site are appropriate, available or may be\n downloaded for use outside the United States. You are responsible for complying with all of your local\n laws, if and to the extent your local laws are applicable. These HCP Terms and the Site are governed by\n the federal laws of the United States and the laws of the State of California, excluding any conflicts of\n law provisions. When you register for an account and click \"I accept\", submit content to the Site, access,\n browse or otherwise use the Site, this means you hereby consent to the exclusive jurisdiction of the state\n and federal courts in San Diego County, California and you waive all defenses of lack of personal\n jurisdiction and forum non conveniens with respect to venue and jurisdiction in the state and federal\n courts of San Diego County, California.\n
\n\n 15. Indemnification\n
\n\n To the extent permitted by applicable law, You agree to indemnify and hold harmless Rightdevice and the\n Rightdevice Parties from and against any and all losses, liability, claims, demand, damages, costs and\n expenses, including reasonable attorney's fees, arising out of or in connection with: (i) any HCP Content\n you post or submit to or through the Site; (ii) your use of the Site; (iii) your conduct in connection\n with the Site or with other health care providers and community members of the Site; (iv) any breach of\n these HCP Terms, other Rightdevice policies and guidelines; or (v) any violation of any law or the rights\n of any third party (including, but not limited to any violation of HIPAA or the rules, laws, guidelines or\n policies of any state medical board).\n
\n\n 16. Claim Must Be Filed Within One Year; Arbitration\n
\n\n Any dispute, claim or controversy arising out of or relating to these HCP Terms, Rightdevice, the Site or\n the breach, termination, enforcement, interpretation or validity thereof, including the determination of\n the scope or applicability of this agreement to arbitrate, shall be determined by final and binding\n arbitration as the sole and exclusive remedy for such controversy or dispute. Any claim shall be made by\n filing a demand for arbitration within one (1) year following the event first giving rise to the claim.\n The arbitration shall be held in San Diego County, California before one arbitrator. The arbitration shall\n be governed by the Federal Arbitration Act and the arbitration shall take place according to the rules of\n the American Arbitration Association. Judgment on the Award may be entered in any court having\n jurisdiction. Each of the parties shall bear all of its own costs of arbitration except the fee for the\n arbitrator shall be equally split between the parties. The arbitrator shall not have the authority to\n modify these HCP Terms or award punitive or exemplary damages to either party. This clause shall not\n preclude parties from seeking provisional remedies in aid of arbitration from a court of appropriate\n jurisdiction. Seeking any such remedies shall not constitute a waiver of either party’s right to compel\n arbitration.\n
\n\n 17. Your Notices to Us\n
\n\n You may notify us by e-mail or postal mail. Your notices to us must be addressed as stated in the\n contactus@rightdevice.com or \"feedback\" area for the Site or at the following address: Rightdevice, Inc.\n
\n\n 18. Our Notices to You; Consent Regarding Electronic Communication\n
\n\n This contract is in electronic form. There may be other information regarding the Site that the law\n requires us to send you. You agree that we may send you this information in electronic form. You have the\n right to withdraw this consent, but if you do, we may cancel your ability to use the Site. We may provide\n required information to you via e-mail at the e-mail address you specified when you registered for a HCP\n Account (or subsequently provided when updating your account information), (2) by access to a Rightdevice\n website that will be designated in an e-mail notice sent to you at the time the information is available,\n or (3) by access to a Rightdevice website that will be generally designated in advance for this purpose.\n Notices provided to you via e-mail will be deemed given and received on the transmission date of the\n e-mail. As long as you access and use the Site, you will have the necessary software and hardware to\n receive these notices. If you do not consent to receive any notices electronically, you must stop using\n the Site. If you want these HCP Terms provided to you in nonelectronic form, then please send a request to\n Rightdevice at contactus@rightdevice.com. In that request, please provide your full name and address where\n Rightdevice can send these HCP Terms in nonelectronic form.\n
\n\n 19. Miscellaneous\n
\n\n These HCP Terms constitute the entire agreement between you and Rightdevice regarding your use of the\n Site, and supersedes any prior agreements between you and Rightdevice relating to your use of the Site.\n The failure of Rightdevice to exercise or enforce any right or provision of these HCP Terms shall not\n constitute a waiver of such right or provision in that or any other instance. If any provision of these\n HCP Terms is held invalid, the remainder of these HCP Terms shall continue in full force and effect. If\n any provision of these HCP Terms shall be deemed unlawful, void or for any reason unenforceable, then that\n provision shall be deemed severable from these HCP Terms and shall not affect the validity and\n enforceability of any remaining provisions. If you are a California resident, in accordance with Cal. Civ.\n Code §1789.3, you may report complaints to the Complaint Assistance Unit of the Division of Consumer\n Services of the California Department of Consumer Affairs by contacting them in writing at 400 R Street,\n Sacramento, CA 95814 or by telephone at (800) 952-5210. Sections 4, 7, 12-19 survive the termination of\n these HCP Terms. Last updated: January 01, 2023\n
\n\n
\n );\n}\n","import React, { Component } from 'react';\nimport { Link } from 'react-router-dom';\nimport './review_guidelines.css';\n\nexport default function ReviewGuidelines() {\n return (\n \n \n
\n \n \n \n
\n \n \n Effective Date: 02/11/2025\n
\n\n Privacy Policy And Authorization\n
\n\n \n IMPORTANT - THIS IS A LEGAL AGREEMENT BETWEEN YOU (referenced herein with \"you\" or with \"your\" or\n \"user\") AND RIGHTDEVICE, INC. DBA PATIENTPARTNER (referenced herein as \"Rightdevice\"). YOU SHOULD READ\n CAREFULLY THE FOLLOWING PRIVACY POLICY AND AUTHORIZATION BECAUSE IT GOVERNS YOUR PARTICIPATION IN THE\n PatientPartner™ PROGRAM OFFERED BY RIGHTDEVICE (referenced herein as the \"PatientPartner™ Program\").\n RIGHTDEVICE IS WILLING TO GRANT YOU THE RIGHT TO PARTICIPATE IN THE PatientPartner™ PROGRAM ONLY ON THE\n CONDITION THAT YOU AGREE TO ALL OF THE TERMS AND CONDITIONS SET FORTH IN THIS AGREEMENT. IF YOU DO NOT\n AGREE WITH ALL OF THE TERMS AND CONDITIONS SET FORTH IN THIS AGREEMENT, YOU ARE NOT GRANTED PERMISSION\n TO PARTICIPATE IN THE PatientPartner™ PROGRAM. BY SIGNING AT THE END OF THIS AGREEMENT, YOU ACKNOWLEDGE\n THAT YOU HAVE READ THIS AGREEMENT, THAT YOU UNDERSTAND IT AND ITS TERMS AND CONDITIONS, AND THAT YOU\n AGREE TO BE BOUND LEGALLY BY IT AND ITS TERMS AND CONDITIONS.\n \n
\n\n Rightdevice, Inc dba PatientPartner (\"us\", \"we\", or \"our\") operates the{' '}\n https://www.patientpartner.com website (hereinafter referred\n to as the \"Service\"). This page informs you of our policies regarding the collection, use, and disclosure\n of Personal Data when you use our Service and the choices you have associated with that data.\n
\n\n We use your Personal Data to provide and improve the Service. By using the Service, you agree to the\n collection and use of information in accordance with this policy. Unless otherwise defined in this Privacy\n Policy, the terms used in this Privacy Policy have the same meanings as in our Terms of Service,\n accessible from https://patientpartner.com/terms\n
\n\n Rightdevice uses reasonable administrative, physical, and electronic security measures to protect against\n the loss, misuse, and alteration of your Personal Data. However, the Internet cannot ever be guaranteed to\n be entirely secure, and your transmission of data over the Internet is at your own risk, Neither\n Rightdevice nor our service providers can ensure or warrant the security of the information you send us\n over the Internet. You should protect your data by carefully selecting and protecting your password. Limit\n access to your computer or device and browser.\n
\n\n Definitions\n
\n- \n
- \n Service\n
\n Service is the https://www.patientpartner.com website\n operated by Rightdevice, Inc dba PatientPartner and the services provided thereunder. PatientPartner™\n is a platform to help you through your treatment journey by connecting you with a community of\n like-minded patients and a network of peer mentors to assist you.\n
\n \n - \n Personal Data\n
\n Personal Data, otherwise known as individually identifiable information, means data about an\n individual who can be identified from the supplied data (or from those and other information either in\n our possession or likely to come into our possession). Rightdevice may de-identify Personal Data. Once\n identifying information is removed, Rightdevice no longer treats the data as Personal Data.\n Rightdevice may aggregate or statistically analyze Personal Data from more than one user, in which\n case such resulting aggregated or statistically analyzed data will not be treated as Personal Data by\n Rightdevice.\n
\n \n - \n Usage Data\n
\n Usage Data is data collected automatically either generated by the use of the Service or from the\n Service infrastructure itself (for example, the duration of a page visit). See later section on for\n additional relevant provisions concerning Usage Data.\n
\n \n - \n Cookies\n
Cookies are small files stored on your device (computer or mobile device).
\n \n
\n Information Collection and Use\n
\n\n We collect several different types of information for various purposes to provide and improve our Service\n to you as well as to facilitate your use of our Service\n
\n\n Types of Data Collected\n
\n- \n
- \n Personal Data\n
\n While using our Service, we may ask you to provide us with certain Personal Data that can be used to\n contact or identify you. Personal Data may include, but is not limited to:\n
\n- \n
- userID by the Service \n
- First name and last name \n
- Email address \n
- Phone number \n
- Address, State, Province, ZIP/Postal code, City \n
- IP addresses \n
- Geolocation data \n
- Date of birth \n
- Current/Historical treatments: procedures, medications, surgeries, etc. \n
- Established/Historical Health Care Professional \n
- Height and weight \n
- Current/Historical health conditions: comorbidities, diseases, conditions, etc. \n
- Health insurance information \n
- And other relevant healthcare-related information \n
- Cookies and Usage Data \n
- \n Private Message content for Private Messages between Users and Mentors (kept and reviewed internally\n for quality assurance and safety)\n \n
\n - \n Non-Identifying Data\n
\n “Non-Identifying Data\" is all information, except Personal Data, that Users provide about themselves\n when using the Service or in other communications with Rightdevice. Examples of Non-Identifying Data\n that Users may submit include:\n
\n- \n
- Non-identifying photographs \n
- Age (unless over 89) \n
- Location (city, state/province, country) \n
- Sex \n
- Gender identity \n
- Condition/disease information (e.g., first symptom, family history) \n
- \n Treatment information (e.g., treatment stop reasons, dosages, side effects, treatment evaluations)\n \n
- Symptom information (e.g., severity, duration) \n
- \n Outcome scores (e.g., ALSFRS-R, MSRS, PDRS, FVC, PFRS, DailyMe, and MonthlyMe measures (not\n including free-text associated with this tracking))\n \n
- Health measures (e.g., weight, blood pressure, sleep, activity) \n
- Laboratory results and biomarkers (e.g., CD4 count, viral load, creatinine, images) \n
- Structured survey responses \n
- \n Free text entries, including forum posts, comments, treatment evaluations, surveys, annotations,\n journals, and feeds (collectively, “Free Text Entries\"), that you make anywhere on the Service all\n of which is by default available to view by the public, including unregistered users (Please Note:\n If you include information that would otherwise be considered “Personal Data\" within any Free Text\n Entries, for purposes of this Policy, such information will be treated as “Non-Identifying Data\")\n \n
\n Rightdevice may aggregate or statistically analyze data, including from more than one user. The\n resulting aggregated or statistically analyzed data shall be treated as Non-Identifying Data by\n Rightdevice.\n
\n \n - \n Usage Data\n
\n We may also collect information how the Service is accessed and used (\"Usage Data\") We, our Partners,\n and our Vendors, use (or may use) analytics code and may use web tracking technologies such as cookies\n , pixel tags, embedded scripts, web-beacons (also known as tracking pixels) and other tracking\n technologies to understand how Users use our Service and to improve products and services. Such Usage\n Data can include the URL of the websites you visited before and after you visited our Service, the\n type of browser you are using, your Internet Service Provider, your computer's Internet Protocol\n address (e.g. IP address), browser type, browser version, what pages on our platform you visit, what\n links you click on, date and time of your visit and duration, whether you open email communications we\n send to you, and whether you interact with advertising or content displayed on the site and\n third-party sites. The analytics code also collects information about you such as geolocation, age,\n gender, affinity categories, and interests, which can be used by Rightdevice. You may be able to\n modify your browser settings to alter which web tracking technologies are permitted when you use the\n Service, but this may limit your use of the Service. Usage Data is typically only used by Rightdevice,\n and our Vendors. However, when de-identified it may be shared with our research Partners to help them\n understand how members use and benefit from the site.\n
\n\n You can instruct your browser to refuse all cookies or to indicate when a cookie is being sent.\n However, if you do not accept cookies, you may not be able to use some portions of our Service.\n
\nExamples of Cookies we use:
\n- \n
- Session Cookies. We use Session Cookies to operate our Service. \n
- \n Preference Cookies. We use Preference Cookies to remember your preferences and various settings.\n \n
- Security Cookies. We use Security Cookies for security purposes. \n
\n
\n Use of Data\n
\n\n PatientPartner uses the collected Personal Data for various internal purposes and only as much of the data\n as is necessary to complete the activities listed below\n
\n- \n
- To provide and maintain the Service \n
- For research \n
- To create better tools and more personalized experiences for you. \n
- To notify you about changes to our Service \n
- To allow you to participate in interactive features of our Service when you choose to do so \n
- To inform you of the features of our Service \n
- To monitor the usage of the Service \n
- To provide analysis or valuable information so that we can improve the Service \n
- To detect, prevent and address technical issues. \n
\n Rightdevice may report individual adverse event and drug safety information to regulatory Partners like\n the FDA, CDC or other bodies (US and international) as well as directly to Pharmaceutical and other\n Partners. When reporting such information, Rightdevice does not provide Personal Data, although we reserve\n the right to contact Users for follow-up at the request of agencies or Partners.\n
\n \n We will never sell your Personal Data for non-Rightdevice usage unless you provide specific consent to do\n so.\n \n\n Transfer Of Data\n
\n\n Your information, including Personal Data, may be transferred to and maintained on - computers located\n outside of your state, province, country, or other governmental jurisdiction where the data protection\n laws may differ from those from your jurisdiction. If you are located outside the United States and choose\n to provide information to us, please note that we transfer the data, including Personal Data, to the\n United States and process it there. As a result, your submission of Personal Data to us is governed by the\n laws of the United States and the State of California.\n
\n\n Your consent to this Privacy Policy followed by your submission of such information represents your\n agreement to that transfer.\n
\n\n Rightdevice will take all steps reasonably necessary to ensure that your data is treated securely and in\n accordance with this Privacy Policy and no transfer of your Personal Data will take place to an\n organization or a country unless there are adequate controls and assurances in place including the\n security of your data and other Personal Data.\n
\n\n Rightdevice provides California residents with the option to opt-out to sharing of “personal information\"\n as defined by California's “Shine the Light\" law with third parties, including our Affiliates, for such\n third parties' own direct marketing purposes. California residents may exercise that opt-out, and/or\n request information about Rightdevice's compliance with the Shine the Light law, by contacting Rightdevice\n at contact@patientpartner.com or by sending a letter to\n Rightdevice at 1025 Prospect Street, Suite 350, La Jolla, CA 92037. Requests must include “California\n Privacy Rights Request\" in the first line of the description and include your name, street address, city,\n state, and ZIP code. Please note that RIGHTDEVICE is only required to respond to one request per customer\n each year.\n
\n\n Disclosure Of Data\n
\n\n Legal Requirements\n
\n\n Rightdevice may disclose your Personal Data in the good faith belief that such action is necessary to:\n
\n- \n
- To comply with a legal obligation. \n
- To protect and defend the rights or property of Rightdevice. \n
- To prevent or investigate possible wrongdoing in connection with the Service. \n
- To protect the personal safety of users of the Service or the public. \n
- To protect against legal liability. \n
\n Other Special Cases\n
\n\n There are instances, not covered above, where your Non-Identifying Data, Personal Data, and Usage Data may\n be used and disclosed, including, but not limited to, the following:\n
\n- \n
- \n Rightdevice may use your data in the case of an emergency or other circumstance that we determine\n requires a member of Rightdevice's team to directly contact the User (for example, a data breach that\n put the User's data at risk).\n \n
\n Your Privacy Rights\n
\n\n You have the rights listed below. However, these rights are not absolute, and in certain cases, we may\n decline your request as permitted by law.\n
\n- \n
- Access: You can request a copy of the personal data that we have collected about you. \n
- \n Correction: You can request that we correct inaccurate personal data that we have collected about you.\n \n
- \n Deletion: You can request that we delete your personal data. Please note that once we process a deletion\n request, we may be unable to provide access or support to any past products or services you have engaged\n with on PatientPartner.\n \n
\n You many submit requests to exercise these rights at:{' '}\n https://patientpartner.com/contact-us or by mailing us\n at 1025 Prospect Street #350, La Jolla, CA 92037. We cannot process a request if you do not provide us\n with sufficient information to allow us to understand and respond appropriately.\n
\n\n Your State Privacy Rights\n
\n\n State consumer privacy laws may provide their residents with additional rights regarding our use of their\n personal information.\n
\n\n California, Colorado, Connecticut, Delaware, Florida, Indiana, Iowa, Montana, Oregon, Tennessee, Texas,\n Utah, and Virginia provide (now or in the future) their state residents with rights to:\n
\n- \n
- Confirm whether we process their personal information. \n
- \n Correct inaccuracies in their personal information, taking into account the information's nature\n processing purpose (excluding Iowa and Utah).\n \n
- Data portability. \n
- Opt-out of personal data processing for: \n
- targeted advertising (excluding Iowa); \n
- sales; or \n
- \n profiling in furtherance of decisions that produce legal or similarly significant effects (excluding\n Iowa and Utah).\n \n
- Either limit (opt-out of) or require consent to process sensitive personal data. \n
- \n The exact scope of these rights may vary by state. To exercise any of these rights please send us an\n email with your request to contact@patientpartner.com.\n To appeal a decision regarding a consumer rights request please send us an email with your notice of\n appeal to contact@patientpartner.com.\n \n
\n International Transfer\n
\n\n Rightdevice is based in the U.S. and the information Rightdevice collects is governed by U.S. law. If you\n access the Service from outside of the U.S., please be aware that information collected through the\n Service may be transferred to, processed, stored and used in the U.S. Data protection laws in the U.S. may\n be different from those of your country of residence. Your use of the Service or provision of any\n information therefore constitutes your consent to and from, processing, usage, sharing and storage of your\n information, including Personal Data, to the U.S. as set forth in this Privacy Policy.\n
\n\n GOVERNING LAW AND SERVICE USERS FROM OUTSIDE THE UNITED STATES\n
\n\n As previously stated, we and our servers are located in the United States and are subject to the\n applicable US local and national laws. These laws may not have equivalent privacy protection as those in\n your country of residence.\n
\n\n When we share information about you with our various partners, the data-sharing agreement includes data\n protection clauses. Rightdevice adheres to the EU-U.S. DPF Principles with regard to personal data\n transferred from the European Union and the United Kingdom. Rightdevice does not adhere to the Swiss-U.S.\n DPF Principles with regard to personal data transferred from Switzerland. We also comply with the EU-U.S.\n Data Privacy Framework (EU-U.S. DPF), the UK Extension to the EU-U.S. DPF\n
\n\n Rightdevice complies with the EU-U.S. Data Privacy Framework (EU-U.S. DPF) and the UK Extension to the\n EU-U.S. DPF. Rightdevice has certified to the U.S. Department of Commerce that it adheres to the EU-U.S.\n Data Privacy Framework Principles (EU-U.S. DPF Principles) with regard to the processing of personal data\n received from the European Union and the United Kingdom in reliance on the EU-U.S. DPF and the UK\n Extension to the EU-U.S. DPF. [IS THIS TRUE?] If there is any conflict between the terms in this privacy\n policy and the EU-U.S. DPF Principles, the Principles shall govern.\n
\n\n We acknowledge the right of EU and UK individuals to access their personal data under the EU-U.S. DPF and\n the UK Extension to the EU-U.S. DPF. Individuals wishing to exercise this right may do so by contacting us\n at contact@patientpartner.com.\n
\n\n We will also provide EU and UK individuals opt-out or opt-in choices before we share their data with third\n parties other than our agents, or before we use it for a purpose other than which it was originally\n collected or subsequently authorized. To request to limit the use and disclosure of your personal\n information, you may do so by contacting us at{' '}\n contact@patientpartner.com.\n
\n\n General Data Protection Regulation (GDPR)\n
\n\n All individuals have rights regarding their data. The European Union's (EU) General Data Protection\n Regulations (GDPR) describes these rights in law. They include:\n
\n- \n
- \n You have the right to clear and transparent communication about your data. We want to make this policy\n as clear as possible to help you understand it.\n \n
- \n You have the right to request a copy of your data in a common digital format. To request this\n information, please contact our team.\n \n
- \n You have the right to edit or correct your data. You can edit most of your information on the Platform.\n If you need help with this, contact our team.\n \n
- You have the right to request that your data be deleted. To do this, contact our team. \n
- \n You have the right to be notified of any breach involving your data. We will notify the appropriate data\n protection authority within 72 hours of detecting a breach involving your data. We will notify you as\n soon as possible after that.\n \n
- \n You have the right to object to the processing of your data. You may decline any consent request to\n share your identifying data with a Partner and this will have no impact on your use of the service. For\n clarity, we may still share with our Partners data regarding you that does not identify you and is not\n connected with you. You may request to close your account at any time (see Closing Your Account above).\n \n
\n In some cases, these rights might be restricted. Some examples would include where the information\n requested compromises the privacy of another individual or is the subject of legal proceedings or\n investigation. Additionally, processing that has already occurred cannot be undone. If you have questions\n or complaints about our handling of these rights, see the information at the end of this policy.\n
\n\n What are the Legal Bases for Our Collection and Use of Your Data?\n
\nGDPR sets out a number of possible bases, three of which apply to Rightdevice and the Service:
\n- \n
- \n We need to use some identifying information just to operate the Service. This includes your email\n address, username, password, and IP address, among other items.\n \n
- \n We use your data for research with your consent, as described in this Privacy Policy. We will always ask\n for your additional, explicit consent before sharing identifying information with our Partners. This is\n described further, below.\n \n
- \n In rare cases we may need to share your data to comply with a legal obligation. See \"Other Special\n Cases\" above.\n \n
- \n If you are a resident of the European Union or the UK and have a complaint about our use or processing\n of your data, you have a right to lodge a complaint with a national Data Protection Authority. The UK\n and each European Union member nation has established its own Data Protection Authority; you can find\n out about the{' '}\n \n Data Protection Authority in your country\n \n .\n \n
- \n Personal Information: Any reference or mention to “personal information\" or Personal Data in this\n Privacy Policy are equivalent to “personal data\" governed by European data protection legislation.\n \n
- \n Controller: PatientPartner is the designated controller of your personal information covered by this\n PatientPartner Privacy Policy for purposes of European data protection legislation. We have an appointed\n Data Protection Officer, who can be reached via email at{' '}\n contact@patientpartner.com.\n \n
- \n Other Purposes: We may use your Personal Data for reasons not described in this Privacy Policy where\n permitted by law and the reason is compatible with the purpose for which we collected it. If we need to\n use your Personal Data for an unrelated purpose, we will actively reach out and notify you to explain\n the applicable legal basis and obtain your consent. We may also re-disclose such information for legally\n permissible reasons. Such re-disclosure is in some cases not prohibited by California law and may no\n longer be protected by federal confidentiality law (e.g. HIPAA). However, California law prohibits the\n person receiving your Personal Data from making further disclosures of it unless another authorization\n is obtained from you or unless such disclosure is specifically required or permitted by law. In\n addition, only those individuals who have a reason to review your Personal Data, in conjunction with our\n performance of the Service, will be permitted access to your Personal Data, and only the minimally\n necessary Personal Data required for the performance of such tasks and functions.\n
\n
\n You may submit requests concerning the handling of your data by contacting us by emailing{' '}\n contact@patientpartner.com. We may request specific\n information from you to help us confirm your identity and process your request. Applicable law may\n require or permit us to decline your request. If we decline your request, we will tell you why, subject\n to legal restrictions. You can find your data protection regulator here.\n \n - \n Cross-Border Data Transfer\n
\n
\n If we transfer your personal information from the United Kingdom or European Economic Area to another\n country such that we are required to apply additional safeguards to your personal information under\n European data protection laws, we will do so.\n \n
\n Security of Data\n
\n\n This website contains forward-looking statements that involve substantial risks and uncertainties. All\n statements, other than statements of historical facts, contained in this website, including statements\n regarding our strategy, future operations, future financial position, future revenues, projected costs,\n prospects, plans and objectives of management, are forward -looking statements. The words “anticipate,\"\n “believe,\" “estimate,\" “expect,\" “intend,\" “may,\" “plan,\" “predict,\" “project,\" “target,\" “potential,\"\n “will,\" “would,\" “could,\" “should,\" “continue,\" and similar expressions are intended to identify\n forward-looking statements, although not all forward-looking statements contain these identifying words.\n
\n\n We may not actually achieve the plans, intentions or expectations disclosed in our forward -looking\n statements, and you should not place undue reliance on our forward-looking statements. Actual results or\n events could differ materially from the plans, intentions and expectations disclosed in the\n forward-looking statements we make. The forward-looking statements contained in this website reflect our\n current views with respect to future events, and we assume no obligation to update any forward -looking\n statements.\n
\n\n The security of your data is important to us but remember that no method of transmission over the Internet\n or method of electronic storage is 100% secure. While we strive to use commercially acceptable means to\n protect your Personal Data, we cannot guarantee its absolute security.\n
\n\n Service Providers\n
\n\n We may employ third party companies and individuals to facilitate our Service (\"Service Providers\" or\n “partners\"), to provide the Service on our behalf, to perform Service-related services or to assist us in\n analyzing how our Service is used.\n
\n\n These third parties have access to your Personal Data only to perform these tasks on our behalf and are\n obligated not to disclose or use it for any other purpose.\n
\n\n Links to Other Sites\n
\n\n Our Service may contain links to other sites that are not operated by us. If you click a third party link,\n you will be directed to that third party's site. We strongly advise you to review the Privacy Policy of\n every site you visit.\n
\n\n We have no control over and assume no responsibility for the content, privacy policies or practices of any\n third party sites or services.\n
\n\n Children's Privacy\n
\nOur Service does not address anyone under the age of 18 (\"Children\").
\n\n Our Service does not address anyone under the age of 18 or if a lower age is permitted under applicable\n law (\"Children\" or “Child\") except if previously consented to by a parent or guardian of the Child, or if\n the Child is an emancipated minor. Unless any the foregoing exceptions exist, and only to that extent, We\n do not knowingly collect personally identifiable information from anyone who is a Child. If you are a\n parent or guardian and you are aware that your Child has provided us with Personal Data, and you have not\n provided us with consent, please contact us. If we become aware that we have collected Personal Data from\n children without verification of parental consent, we will take steps to remove that information from our\n servers.\n
\n\n Changes to This Privacy Policy\n
\n\n We may update our Privacy Policy from time to time. We will notify you of any changes by posting the new\n Privacy Policy on this page. We will let you know via email and/or a prominent notice on our Service,\n prior to the change becoming effective and update the \"effective date\" at the top of this Privacy Policy.\n Your use of the Service indicates your consent to the privacy policy posted at the time of use. However,\n we will not treat your previously collected Personal Data, to the extent it is not collected under the new\n privacy policy, in a manner materially different than represented at the time it was collected without\n your consent. To the extent any provision of this Privacy Policy is found by a competent tribunal to be\n invalid or unenforceable, such provision shall be severed to the extent necessary for the remainder to be\n valid and enforceable.\n
\n\n You are advised to review this Privacy Policy periodically for any changes. Changes to this Privacy Policy\n are effective when they are posted on this page.\n
\n\n Execution of this Privacy Policy authorizes the disclosure and use of my Personal Data. Your consent to\n the terms contained in this Privacy Policy shall continue until such time as you revoke it and notify us,\n in writing and submit it to the following mailing address Attn: PatientPartner, 1025 Prospect Street Suite\n 350. La Jolla, California, 92037 or via email:{' '}\n contact@patientpartner.com\n
\n\n My revocation will take effect upon receipt, except to the extent that others have acted in reliance upon\n this authorization.\n
\nI have a right to receive a copy of this authorization.
\n\n Contact Us\n
\n\n If you have any questions about this Privacy Policy, please contact us by email:{' '}\n contact@patientpartner.com.\n
\n\n
\n );\n}\n","import React, { Component } from 'react';\nimport { Link } from 'react-router-dom';\nimport './patient_partner_agreement.css';\n\nexport default function PatientPartnerAgreement() {\n return (\n \n \n
\n \n \n \n
\n \n \n Review Guidelines\n
\n\n Your review matters\n
\n\n Your constructive feedback helps others in your community find the right care. Patients say reviews are\n one of the key factors they consider when choosing a doctor, and doctors say fair reviews help them\n improve patient experience.\n
\n\n We take editorial integrity seriously\n
\n\n Attempting to submit false, misleading or inflammatory content is strictly prohibited. Before a review is\n published to our site, it must pass all verification steps and rules that govern content.\n
\n\n Make them relevant, helpful, and recent\n
\n\n You can leave a review for a practice you or a family member has had contact with. You’re required to\n answer the first question: “how likely are you to recommend?” Only answer questions relevant to your\n experience.\n
\n\n Guidelines to writing an effective review\n
\n\n Ask yourself: Would I visit this practice or provider again? Answering this question in your review helps\n other patients quickly gauge your overall experience.\n
\n\n Keep it relevant: Your review should include key points of your experience that other patients would find\n interesting.\n
\n\n 4. Your Service Account; Email Consent\n
\nConsider length: A short, easy-to-read paragraph works great.
\n\n Be specific: Say how you feel about your experience and why. Consider including details about things like\n scheduling, parking, payment options, or how the office staff met your needs, and the provider’s\n communication style.\n
\nRespect others: When adding reviews, consider the following:
\n- \n
- Don’t post content that is libelous, defamatory, harassing, threatening, or inflammatory. \n
- \n Don’t use obscenities, profanity, or express intolerance for others on the basis of race, ethnicity,\n nationality, gender, gender identity, religion, sexual orientation, age, or disability.\n \n
- Don’t post content that is obscene or lewd. \n
- Don’t post misleading, deceptive or fraudulent content. \n
- \n Don’t post content that contains personal information including phone numbers, email addresses, mailing\n addresses, full name, or other personal information.\n \n
- Don’t post content with personal website links or mentions. \n
- \n Don’t impersonate other people or organizations, or pretend to be someone or something you are not.\n \n
- Don’t engage in name-calling or personal attacks. \n
- Don’t post content that mentions or endorses specific brands including pharmaceuticals. \n
- Don’t post content mentioning legal matters or proceedings. \n
- \n If your review is rejected for violating our business or privacy rules, you can submit a new review.\n \n
Please read the above guidelines before submitting.
\n\n\n Reporting abuse\n
\n\n We encourage anyone who suspects a violation of our guidelines to notify us by flagging the comment. Once\n a comment is flagged, our team will look at the review again to make sure it fits our standards.\n
\n\n By accessing or using Rightdevice features, you agree to the terms and conditions and to abide by these\n guidelines\n
\n\n Please know that Rightdevice will not publish reviews that violate any of our rules, terms and conditions.\n We reserve the right to reject or remove any content from the site for any reason. Rightdevice may update\n this policy at any time in its sole discretion by posting a revised policy to the site. Rightdevice\n retains sole and absolute discretion with respect to interpreting and enforcing this policy.\n
\n\n\n More questions about reviews?\n
\n\n Once you submit a review, you will receive an automated email or text message from Rightdevice. Use that\n message to confirm your review. Your survey won’t be processed unless you confirm.\n
\n\n Once you confirm your submission, the average star-rating you left for your provider is taken immediately\n into account on their profile. Written comments may take a little longer to post to the profile.\n
\n\n Interested in editing your review? At this time, you cannot edit a review. Simply submit a new survey to\n override your previous review.\n
\n\n
\n );\n}\n","import React, { useState } from 'react';\n\nexport default function HoursAndMinutes({ onBack, onSubmit, title, para, keyForAnswer, yesState, gtm }) {\n const [selectedMinutes, setSelectedMinutes] = useState(0);\n const [selectedHours, setSelectedHours] = useState(0);\n\n var hours = [];\n for (let i = 0; i <= 6; i += 1) {\n hours.push(\n \n );\n }\n\n var minutes = [];\n for (let i = 0; i <= 60; i += 5) {\n minutes.push(\n \n );\n }\n\n var time = parseInt(selectedMinutes) + parseInt(selectedHours) * 60;\n const submit = (e) => {\n e.preventDefault();\n console.log({ [keyForAnswer]: time });\n onSubmit({ [keyForAnswer]: time }, yesState);\n };\n\n return (\n \n \n
\n \n \n \n
\n \n \n PatientPartner™ PARTICIPATION AGREEMENT\n
\n\n \n IMPORTANT – THIS IS A LEGAL AGREEMENT BETWEEN YOU (referenced herein with “you” or with “your” or\n “user”) AND RIGHTDEVICE, INC. (referenced herein as “Rightdevice”). YOU SHOULD READ CAREFULLY THE\n FOLLOWING TERMS OF USE (referenced herein as the “Agreement”) BECAUSE THEY GOVERN YOUR PARTICIPATION IN\n THE PatientPartner™ PROGRAM OFFERED BY RIGHTDEVICE (referenced herein as the\n “PatientPartner™ Program”). RIGHTDEVICE IS WILLING TO GRANT YOU THE RIGHT TO PARTICIPATE IN THE\n PatientPartner™ PROGRAM ONLY ON THE CONDITION THAT YOU AGREE TO ALL OF THE TERMS AND CONDITIONS\n SET FORTH IN THIS AGREEMENT. IF YOU DO NOT AGREE WITH ALL OF THE TERMS AND CONDITIONS SET FORTH IN THIS\n AGREEMENT, YOU ARE NOT GRANTED PERMISSION TO PARTICIPATE IN THE PatientPartner™ PROGRAM. BY\n CLICKING “I ACCEPT” AT THE END OF THIS AGREEMENT OR BY ACCESSING, PARTICIPATING OR USING ANY PORTION OF\n THE PatientPartner™ PROGRAM, YOU ACKNOWLEDGE THAT YOU HAVE READ THIS AGREEMENT, THAT YOU\n UNDERSTAND IT AND ITS TERMS AND CONDITIONS, AND THAT YOU AGREE TO BE BOUND LEGALLY BY IT AND ITS TERMS\n AND CONDITIONS.\n \n
\n\n I am electing to participate as a PatientPartner Mentor for the PatientPartner program, a patient support\n and education program developed and funded by PatientPartner. In so doing, I am prepared to fulfill the\n following responsibilities:\n
\n- \n
- Answer patient inquiries by sharing my personal story of recovery with others. \n
- \n Embody the PatientPartner mission to the best of my ability by providing hope and support to patients\n suffering from various health conditions.\n \n
\n As a PatientPartner Mentor, I acknowledge and understand the following guidelines and will communicate\n these key points when corresponding with patients:\n
\n- \n
- I am a volunteer. \n
- I am not a medical professional and therefore cannot provide medical opinions or recommendations. \n
- I am here to support and assist incoming patient inquiries. \n
- I can only speak on behalf of my own experiences. \n
\n Not all treatment outcomes and experiences are the same. I cannot provide specific product/treatment\n recommendations, but I can suggest a patient to visit the PatientPartner website at{' '}\n \n https://www.PatientPartner.com\n {' '}\n to learn more about their treatment options or speak to a physician.\n
\n\n If necessary, I agree to allow the PatientPartner team to release my personal phone number and email\n address for the purpose of the PatientPartnerTM program in order for patients to contact me. I recognize\n that my personal contact information will not be published online and will not be sold or solicited, but\n will be shared with a patient once the patient has been properly screened.\n
\n\n I acknowledge that I’ve been provided the guidelines, and have agreed to the media release program FAQs,\n and the PatientPartner Participation Agreement which can be found on the PatientPartner site:{' '}\n
\n By agreeing to this document, I am agreeing to all of the terms set forth in all documents and links\n provided to me and pledge my commitment to abide by the mission and principles of the PatientPartner, Inc.\n PatientPartner program and spread the message of hope, transparency, and comfort.\n
\n\n\n 1. LICENSE GRANT.\n
\n\n Subject to your continued compliance with this Agreement, Rightdevice provides to you a personal,\n revocable, limited, non-exclusive, non-transferable, and non-sublicensable license to access and use\n materials for the PatientPartner™ Program (as made available by Rightdevice), including the right to\n access the PatientPartner™ website (the “Program Website”), and make single copies or prints of the\n content, information and materials provided to you through the PatientPartner™ Program (the “Program\n Materials”) for your personal, internal use only. You acknowledge and agree to the following: (i)\n Rightdevice has the right to control and direct the means, manner, and method by which the\n PatientPartner™ Program is provided; (ii) Rightdevice may, from time to time engage independent\n contractors, consultants, or subcontractors to aid Rightdevice in providing the PatientPartner™\n Program or use thereof; (iii) Rightdevice has the right to provide the PatientPartner™ Program to\n others; and (iv) online access to the Program Website shall be made available from Rightdevice’s\n designated online address(es).\n
\n\n 2. PARTICIPATION REQUIREMENTS.\n
\n\n In order to participate in the PatientPartner™ Program, Rightdevice requires that you provide\n certain information and complete the registration and submission procedures fully in order to create a\n PatientPartner™ Program account. Upon completing any registration forms provided by Rightdevice,\n Rightdevice will provide a confirmatory e-mail (or other communication) notifying you of whether or not\n your registration has been approved. Rightdevice may deny your participation in the PatientPartner™\n Program in its sole discretion if your registration, expressions of consent, or submitted information do\n not meet Rightdevice’s requirements or otherwise violate the terms and conditions of this Agreement. By\n filling out a registration or submission form and/or participating in the PatientPartner™ Program,\n you represent that you have the right, power, and authority (including be of the legal age of majority) to\n create a binding agreement with Rightdevice and fulfill your obligations under this Agreement and that you\n agree to abide by all applicable local, state, national laws and regulations with respect to your\n participation in the PatientPartner™ Program. Registration for access to or use of, the\n PatientPartner™ Program tools, resources, or materials may also require additional access\n credentials or adherence to other particular access requirements as designated by Rightdevice in its sole\n discretion from time to time. You covenant or represent and warrant that (i) you will at all times provide\n true, accurate, current, and complete information when submitting information to Rightdevice through the\n PatientPartner™ Program; and (ii) you will at all times comply with the terms and conditions of this\n Agreement and any other terms and conditions for participation in the PatientPartner™ Program or for\n access to or use of its associated tools, resources, or materials. You further represent that you will act\n in a manner that does not cause disruption of any PatientPartner™ Program event or in a manner that\n interferes with any other individual’s participation in the PatientPartner™ Program. Any breach of\n the foregoing representations and warranties entitles Rightdevice to immediately terminate this Agreement\n and/or seek any and all remedies available at law or equity. You also acknowledge and agree that use of\n the Internet and access to the Program Website is solely at your own risk. While Rightdevice has\n endeavored to create a secure and reliable web site, you should understand that the confidentiality of any\n communication or material transmitted to/from the Program Website over the Internet or other form of\n global communication network cannot be guaranteed. You must make your own determination as to such issues.\n
\n\n 3. RESTRICTIONS ON USE.\n
\n\n All rights not expressly granted under this Agreement are hereby reserved to Rightdevice. Accordingly, you\n are hereby prohibited from participating in the PatientPartner™ Program in any manner that is not\n expressly and unambiguously authorized by this Agreement. You therefore may not modify, reproduce,\n duplicate, copy, download, store, further transmit, disseminate, transfer, disassemble, broadcast,\n publish, remove or alter any proprietary notices or labels, license, sublicense, sell, mirror, frame,\n rent, lease, private label, grant a security interest in, create derivative works of, or otherwise exploit\n the Program Website and Program Materials, or any portion of the Program Website and Program Materials\n without Rightdevice’s prior written consent except as expressly and unambiguously authorized herein.\n
\n\n 4. NO MEDICAL ADVICE.\n
\n\n You should always seek the advice of a qualified health care professional regarding the diagnosis and\n treatment of medical conditions or other health care advice or information. The PatientPartner™\n Program is a community which connects participants with information, resources, case managers, health care\n professionals, and other participants. The PatientPartner™ Program, the Program Materials, the\n Program Website, and the PatientPartner™ Partners are provided for informational purposes only and\n are not intended to be, or be a substitute for, professional medical advice, diagnosis, or treatment.\n PatientPartner™ Partners participating in the PatientPartner™ Program are non-paid volunteers,\n do not represent Rightdevice, and can only speak about their own experiences. Your experience may differ.\n Nate “Rock” Quarry and Bill Walton are paid spokesmen of Rightdevice.\n
\n\n 5. LINKS TO OTHER SITES\n
\n\n The Program Website may connect to certain third party websites or online networks (collectively, “Third\n Party Sites”). These Third Party Sites have not necessarily been reviewed by Rightdevice and are owned,\n controlled and/or maintained solely by third parties over whom Rightdevice exercises no control. Your\n correspondence or any other dealings with third parties found through any Third Party Site on the Program\n Website is solely between you and such third party. Accordingly, Rightdevice hereby expressly disclaims\n and shall not have any liability or responsibility for any Third Party Sites.\n
\n\n 6. MOBILE SERVICES\n
\n\n The PatientPartner™ Program may offer you various tools that are available to you via your mobile\n phone or other mobile computing device (collectively, “Mobile Services”). Please note that your mobile\n carrier’s normal messaging, data, and other rates and fees will apply to your use of the Mobile Services.\n In addition, downloading, installing, or using certain Mobile Services may be prohibited or restricted by\n your mobile carrier, and not all Mobile Services may work with all carriers or devices or in all\n locations. Therefore, you are solely responsible for checking with your mobile carrier to determine if the\n Mobile Services are available for your mobile devices; what restrictions, if any, may be applicable to\n your use of the Mobile Services; and how much such use will cost you. Nevertheless, all use of the\n PatientPartner™ Program, the Program Website and its related Mobile Services shall be strictly in\n accordance with this Agreement. Some features of the Mobile Services make use of detailed location and\n route information, for example in the form of GPS signals and other information sent by your mobile device\n on which the Mobile Services are used, installed and activated. These features cannot be provided without\n utilizing this technology.\n
\n\n 7. FEEDBACK AND SUBMISSIONS.\n
\n\n Rightdevice welcomes your feedback and suggestions about Rightdevice’s products and services or with\n respect to how to improve the PatientPartner™ Program. By transmitting any suggestions, information,\n material, or other content (collectively, “Feedback”) to Rightdevice, you represent and warrant that such\n feedback does not infringe or violate the intellectual property or proprietary rights of any third party\n (including, without limitation, patents, copyrights, or trademark rights) and that you have all rights\n necessary to convey to Rightdevice and enable Rightdevice to use such Feedback. In addition, any Feedback\n will be deemed to include a royalty-free, perpetual, irrevocable, transferable, non-exclusive right and\n license for Rightdevice to adopt, publish, reproduce, disseminate, transmit, distribute, copy, use, create\n derivative works, and display (in whole or in part) worldwide, or act on such feedback without additional\n approval or consideration, in any form, media, or technology now known or later developed for the full\n term of any rights that may exist in such content, and you hereby waive any claim to the contrary.\n
\n\n 8. PROPRIETARY RIGHTS.\n
\n\n This Agreement provides only a limited right to access and use the Program Materials and the Program\n Website in accordance with the terms of this Agreement. Accordingly, you hereby agree that Rightdevice\n transfers no ownership or intellectual property interest or title in and to the Program Materials, the\n Program Website or any other Rightdevice intellectual property to you or anyone else in connection with\n your participation in the PatientPartner™ Program. All text, graphics, user interfaces, visual\n interfaces, photographs, sounds, artwork, computer code (including html code), programs, software,\n products, information, and documentation as well as the design, structure, selection, coordination,\n expression, “look and feel,” and arrangement of any content contained on or available through the Program\n Website are exclusively owned, controlled, and/or licensed by Rightdevice, Inc. or its licensor(s) or\n affiliate(s). RIGHTDEVICE, PatientPartner™ and all other marks identifying the products or services\n of Rightdevice are proprietary trademarks of Rightdevice, Inc., and any use of such marks, including,\n without limitation, as domain names, account identifiers, or in connection with any search engine\n optimization practice(s), without the prior express written permission of Rightdevice is hereby strictly\n prohibited.\n
\n\n 9. PRIVACY POLICY.\n
\n\n Participation in the PatientPartner™ Program and access through the Program Website may require you\n to submit certain personally identifiable information. As a result, you agree to comply with the Privacy\n Policy contained herein and located{' '}\n \n HERE\n \n
\n\n 10. DISCLAIMER.\n
\n\n THE PatientPartner™ PROGRAM, PROGAM MATERIALS AND PROGRAM WEBSITE ARE PROVIDED ON AN “AS-IS” BASIS\n AND MAY INCLUDE ERRORS, OMISSIONS, OR OTHER INACCURACIES. RIGHTDEVICE HEREBY EXPRESSLY DISCLAIMS ALL\n WARRANTIES, EXPRESS OR IMPLIED, INCLUDING, WITHOUT LIMITATION, ANY WARRANTY OF MERCHANTABILITY, FITNESS\n FOR A PARTICULAR PURPOSE, OR NON-INFRINGEMENT OR ANY OTHER IMPLIED WARRANTY UNDER THE UNIFORM COMPUTER\n INFORMATION TRANSACTIONS ACT AS ENACTED BY ANY STATE. RIGHTDEVICE ALSO MAKES NO REPRESENTATIONS OR\n WARRANTIES THAT THE PatientPartner™ PROGRAM, PROGRAM MATERIALS AND PROGRAN WEBSITE WILL OPERATE\n ERROR-FREE, UNINTERRUPTED, OR IN A MANNER THAT WILL MEET YOUR PARTICULAR REQUIREMENTS AND/OR NEEDS.\n THEREFORE, YOU ASSUME THE ENTIRE RISK REGARDING THE QUALITY AND/OR PERFORMANCE OF THE\n PatientPartner™ PROGRAM, PROGAM MATERIALS AND PROGRAM WEBSITE.\n
\n\n 11. LIMITATION OF LIABILITY.\n
\n\n YOU AGREE THAT IN NO EVENT SHALL RIGHTDEVICE BE LIABLE FOR ANY INDIRECT, PUNITIVE, INCIDENTAL, SPECIAL, OR\n CONSEQUENTIAL DAMAGES ARISING OUT OF OR IN ANY WAY CONNECTED WITH PARTICIPATION IN OR THE USE OF THE\n PatientPartner™ PROGRAM BY YOU OR ANYONE ELSE, WHETHER BASED IN CONTRACT, TORT, STRICT LIABILITY, OR\n OTHERWISE, EVEN IF RIGHTDEVICE HAS BEEN ADVISED OF THE POSSIBILITY OF SUCH DAMAGES. YOU ALSO ACKNOWLEDGE\n AND AGREE THAT RIGHTDEVICE SHALL NOT BE RESPONSIBLE FOR ANY FAILURES, INOPERABILITY, DELAYS, OR PROBLEMS\n CAUSED BY YOUR FAILURE TO PROVIDE OR OBTAIN THE NECESSARY RIGHTS CLEARANCE FOR ANY INFORMATION YOU SUBMIT\n TO THE PatientPartner™ PROGRAM IN A TIMELY OR ACCURATE MANNER. MOREOVER, RIGHTDEVICE ASSUMES NO\n RESPONSIBILITY FOR THE DELETION OF OR FAILURE TO STORE ANY CONTENT OR INFORMATION. WITHOUT LIMITATION OF\n THE FOREGOING, THE TOTAL LIABILITY OF RIGHTDEVICE FOR ANY REASON WHATSOEVER RELATED TO PARTICIPATION OR\n USE OF THE PatientPartner™ PROGRAM OR FOR ANY CLAIMS RELATING TO THIS AGREEMENT SHALL NOT EXCEED\n $500 (USD).\n
\n\n 12. INJUNCTIVE RELIEF. \n
\n\n You acknowledge that any breach, threatened or actual, of this Agreement, including, without limitation,\n violations or infringement of Rightdevice’s intellectual property or proprietary rights, may cause\n irreparable injury to Rightdevice, whereby such injury would not be quantifiable in monetary damages, and\n Rightdevice would not have an adequate remedy at law. In the event of such injury or potential for such\n injury you therefore hereby agree that Rightdevice shall be entitled, in addition to other available\n remedies, to seek and be awarded an injunction or other appropriate equitable relief from a court of\n competent jurisdiction restraining any breach, threatened or actual, of your obligations under any\n provision of this Agreement.\n
\n\n 13. THIRD-PARTY PRODUCTS/SERVICES.\n
\n\n Rightdevice, in its sole discretion, may feature and/or post the advertisements of third parties on the\n Program Materials or Program Website and/or feature on the Program Materials or Program Website,\n materials, programs, products, and services provided by third parties. Rightdevice makes no\n representations with respect to, nor does it guarantee or endorse, the quality, non-infringement,\n accuracy, completeness, timeliness, reliability, or correct sequencing of such third-party materials,\n programs, products, and services or any other materials, programs, products, and services which such\n third-party materials, products, and services may access. Your correspondence or any other dealings with\n third parties found on the Program Materials or Program Website are solely between you and such third\n party. Accordingly, Rightdevice expressly disclaims responsibility and liability for all third-party\n provided materials, programs, products, and services contained on or accessed through the Program\n Materials or Program Website, and you agree that Rightdevice shall not be responsible for any loss or\n damage of any sort incurred as a result of any such dealings or as the result of the presence of such\n third parties on the Program Materials or Program Website.\n
\n\n 14. SECURITY & ENFORCEMENT.\n
\n\n Any actual or attempted use of the Program Website by you in violation of this Agreement may result in\n criminal and/or civil prosecution, including, without limitation, punishment under the Computer Fraud and\n Abuse Act of 1986 under U.S. federal law. Rightdevice reserves the right in its sole discretion to review,\n monitor, and/or record any information relating to your use of the Program Website (“User Information”)\n without any prior notice to or permission from you, including, without limitation, by archiving content\n and/or communications submitted to and/or sent by you through the Program Website. Rightdevice may share\n any User Information we obtain from you with any law enforcement organization in connection with any\n investigation or prosecution of possible criminal or unlawful activity. Rightdevice will also disclose\n User Information as required by any court order and/or subpoena. In addition, Rightdevice hereby reserves\n the right in its sole direction to at any time and without notice modify, suspend, terminate, and/or\n interrupt operation of or access to the Program Website, or any portion thereof, in order to protect the\n Program Website, Rightdevice intellectual property, Rightdevice, or the business interests of Rightdevice\n and/or its members and affiliates.\n
\n\n 15. MATERIALS YOU POST OR PROVIDE; COMMUNICATION MONITORING\n
\n\n You may be able to post or submit reviews, comments, questions, direct messages, photographs, videos\n (including videos created through a third-party tool) and other materials on or through the Site\n (collectively, \"Submission\" or \"Submissions\"). Your Submissions, (including to the extent applicable\n personally identifiable information), are made voluntarily and are subject to the Rightdevice Code of\n Conduct and the Rightdevice Privacy Policy. You understand Rightdevice is not required to treat any of\n your Submissions as confidential. In addition, you understand and agree that your Submissions (including\n your username associated with your Submissions) are not confidential and are publicly available for anyone\n to view on the Site.\n
\n\n Rightdevice does not claim ownership of the Submission(s) you post or submit on the Site. With the\n exception of any information you directly submit through a health care provider’s profile or inquiry form,\n by posting or otherwise providing your Submission on the Site, you are hereby expressly granting\n Rightdevice a nonexclusive, irrevocable, worldwide, perpetual, royalty free license (including sublicense)\n to use, copy, distribute, publicly display, publicly perform, modify (including create derivative works)\n or transmit (including digital transmission of a sound recording) your Submission, in connection with the\n Site and the Rightdevice business, including without limitation promoting and redistributing part or all\n of the Site or the Rightdevice business, in any media formats and through any media channels now known or\n hereafter developed. You also grant Rightdevice permission to publish and use your name, likeness and\n voice in connection with your Submission. In addition, by uploading a Submission to the Site, you hereby\n waive any rights of privacy or publicity. You also grant Rightdevice the right to grant any of the above\n rights to other persons or entities, including for the purpose of promoting the Site or the Rightdevice\n business, without any compensation or obligation to you.\n
\n\n You also grant Rightdevice the right and authority to send takedown notices (on your behalf) related to\n your Submission to any individual or entity under the Digital Millennium Copyright Act. Rightdevice will\n not pay you for your Submission.\n
\n\n You also understand and agree that Rightdevice may, in its sole discretion, refuse, or remove part or all\n of your Submission from the Site at any time if Rightdevice considers the Submission to be illegal,\n offensive, harassing, infringing, inappropriate or otherwise violates these Terms or the Rightdevice Code\n of Conduct or other policies. For each Submission, you represent and warrant that you have all rights\n necessary for you to post or submit the Submission and to grant the licenses and permissions in this\n section and that you are solely responsible for the content of your Submission. Further, you represent and\n warrant that your Submission does not violate any law.\n
\n\n Rightdevice reserves the right to review and monitor Submissions but is under no obligation to do so. In\n addition, Rightdevice is not responsible for screening, monitoring or editing Submissions. However, we may\n monitor your Submissions and may disclose information about you, including the contents of such\n Submission, if we deem it necessary to\n
\n- \n
- Conform to legal requirements or respond to legal process. \n
- Ensure your compliance with these Terms or other Rightdevice guidelines or policies. \n
- \n Protect the rights, property, or interests of Rightdevice, its employees, its users, or the public. You\n may also request information directly from a specific health care provider by submitting an inquiry\n through their profile or inquiry form. You understand these requests, including personally identifiable\n information, are made voluntarily and are subject to the Rightdevice Privacy Policy. There is no\n guarantee that a health care provider will respond to any request submitted through their profile or\n inquiry form. In addition, by submitting a request to a health care provider through the Site, you\n understand that Rightdevice may contact you by phone, email or text message about your request. All\n standard message and data charges will apply to any text messages.\n \n
\n 16. GOVERNING LAW.\n
\n\n This Agreement has been made in and will be construed and enforced in accordance with the laws of the\n State of California as applied to agreements entered into and completely performed in the State of\n California. You agree to the personal jurisdiction by and venue in any federal or state court in the State\n of California, County of San Diego and waive any objection to such jurisdiction or venue and further to a\n jury trial in any action. You also acknowledge and agree that any applicable state law implementation of\n the Uniform Computer Information Transactions Act (including any available remedies or laws) shall not\n apply to this Agreement and is hereby disclaimed. Any claim you might have against Rightdevice must be\n brought within one (1) year after the cause of action arises, or such claim or cause of action is barred.\n In any legal proceeding brought by Rightdevice, Rightdevice shall have the right to seek and be awarded\n all reasonable attorneys’ fees and costs in addition to any other relief, at law or in equity, to which\n Rightdevice may be entitled. A printed version of this Agreement and of any related notice given in\n electronic form shall be admissible in judicial or administrative proceedings based upon or relating to\n this Agreement to the same extent as other documents and records originally generated and maintained in\n printed form. Please print a copy of this Agreement or contact Rightdevice if you wish to receive a\n printed copy of this Agreement.\n
\n\n 17. TERM AND TERMINATION.\n
\n\n This Agreement will take effect at the time you click or check “SUBMIT”, or begin using any part of the\n PatientPartner™ Program including the Program Materials and the Program Website, whichever is\n earliest. This Agreement will terminate automatically if (i) you fail to comply with any of its terms and\n conditions; or (ii) cease all use of the PatientPartner™ Program. Termination will be effective\n without notice. In addition, Rightdevice may in its sole discretion terminate this Agreement upon notice\n to you for any or no reason. Upon termination of this Agreement, any and all right(s) to participate in\n the PatientPartner™ and use the Program Materials and Program Website shall immediately cease and\n you must promptly delete or destroy all copies of the Program Materials and the Program Website in your\n possession or control. Sections 3 and 7-19 will survive the termination of this Agreement.\n
\n\n 18. WAIVER & SEVERABILITY.\n
\n\n Rightdevice’s failure to insist on upon strict performance of any of the terms and conditions of this\n Agreement by you will not operate as a waiver of any subsequent or other default or failure of\n performance. If any part of this Agreement is determined by a court of competent jurisdiction to be\n invalid or unenforceable pursuant to applicable law or court order including, but not limited to, the\n warranty disclaimers and the liability limitations set forth above, then the invalid or unenforceable\n provision will be deemed superseded by a valid, enforceable provision(s) that most clearly matches the\n intent of the original provision and the remainder of this Agreement shall continue in effect.\n
\n\n 19. OTHER TERMS AND CONDITIONS.\n
\n\n Additional notices, terms, and conditions may apply to access to or use of Rightdevice’s products and\n services. If there is a conflict between this Agreement and any other notices, terms, or conditions,\n Rightdevice shall resolve any conflict in good faith in its sole discretion but this Agreement shall\n generally control with respect to accessing and using PatientPartner™.\n
\n\n 20. MISCELLANEOUS.\n
\n\n No joint venture, partnership, employment, or agency relationship exists between you and Rightdevice as a\n result of this Agreement or your utilization of the PatientPartner™ Program. Headings are for\n convenience only. You may not assign, delegate, or transfer any rights under this Agreement without the\n prior express written consent of Rightdevice, which may be withheld in Rightdevice’s sole discretion.{' '}\n \n Rightdevice may update these terms and conditions at any time by posting or sending you a revised\n version of the Agreement. Accordingly, please review the terms and conditions found at this location on\n a periodic basis. Each time you access the PatientPartner™ Program, you agree to be bound by the\n Agreement in effect at the time you participation in the PatientPartner™ Program. If you do not\n agree to the revised terms, do not use the PatientPartner™ Program.\n \n
\n\n 21. MEDIA RELEASE.\n
\n\n I hereby grant permission to Rightdevice, Inc. a perpetual, worldwide, and royalty-free license to use,\n display, publish, reproduce, distribute, and/or otherwise disseminate my name, likeness, photographic\n image, radiographic image, video image, and audio recording (collectively, ”Name and Likeness \") and any\n statement or endorsement I make about PatientPartner or my experience with its products or services,\n including, without limitation, the PatientPartner Program (collectively, ”Testimonial \"), in\n PatientPartner’s promotional materials and publicity efforts, without further compensation or\n consideration to me. Any content and material using my Name and Likeness will be subjected to written\n authorization by me. I understand that my Name and Likeness and my Testimonial may be used in print and\n online publications and advertisements, product brochures, direct -mail pieces, television, newspapers,\n magazines, social media, and/or other forms of promotional and publicity efforts.\n
\n\n I waive all rights of inspection, review, or approval with regard to my Name and Likeness and my\n Testimonial if the content remains unmodified from its original version.\n
\n\n I hereby release and discharge PatientPartner from and shall neither sue nor bring any proceeding against\n any PatientPartner for, any claim, demand, or cause of action, whether now known or unknown by me, for\n defamation, invasion of right to privacy, or right of publicity, or due to distortion, illusionary effect,\n or faulty reproduction, or arising out of or related to the use of my Name and Likeness or my Testimonial.\n
\n\n Notwithstanding the foregoing, I agree PatientPartner is under no obligation to use my Name and Likeness\n or my Testimonial in any way.\n
\n\n 22. HIPAA Release (PatientPartner Mentor Specific).\n
\n\n Completion of this document authorizes the disclosure and use of health information about you. Failure to\n provide all the information requested may invalidate this authorization.\n
\nUSE AND DISCLOSURE OF HEALTH INFORMATION
\n\n I hereby authorize Rightdevice, Inc dba PatientPartner with an address of 1025 Prospect Street Suite 350\n La Jolla, California, 92037, the following information:\n
\n\n Only the following records or types of health information (including any dates): Name, Date of Birth,\n Medical Procedure/Treatments, Established/Historical HCP, Contact Information, Height, Weight, Health\n Conditions, Date of Treatment, Cormorbidities, and Other Relevant Healthcare Related Information.\n
\nPURPOSE
\nPurpose of requested use or disclosure is for: To participate in a Patient Advocacy program
\nMY RIGHTS
\n\n I may disagree to this authorization. My refusal will not affect my ability to obtain treatment or payment\n or eligibility for benefits, but may affect your ability to participate as a PatientPartner Mentor in the\n PatientPartner Patient Advocacy program.\n
\n\n I may inspect or obtain a copy of the health information that I am being asked to allow the use or\n disclosure of.\n
\n\n I may revoke this authorization at any time, but I must do so in writing and submit it to the following\n mailing address Attn: PatientPartner, 1025 Prospect Street Suite 350. La Jolla, California, 92037 or via\n email: george@patientpartner.com.\n
\n\n My revocation will take effect upon receipt, except to the extent that others have acted in reliance upon\n this authorization.\n
\nI have a right to receive a copy of this authorization.
\n\n Information disclosed pursuant to this authorization could be redisclosed by the recipient. Such\n redisclosure is in some cases not prohibited by California law and may no longer be protected by federal\n confidentiality law (HIPAA). However, California law prohibits the person receiving my health information\n from making further disclosures of it unless another authorization is obtained from me or unless such\n disclosure is specifically required or permitted by law.\n
\n\n \n
\n );\n}\n","import React, { useState } from 'react';\n\nexport default function OtherTextfield({\n onBack,\n onSubmit,\n title,\n para,\n keyForAnswer,\n yesState,\n required = true,\n cta = 'Submit',\n answers,\n gtm,\n placeholder = 'Type other...',\n}) {\n const [other, setOther] = useState(answers[keyForAnswer] || '');\n\n const submit = (e) => {\n e.preventDefault();\n onSubmit({ [keyForAnswer]: other }, yesState);\n };\n\n return (\n \n \n
\n );\n}\n","import React, { useState } from 'react';\n\nexport default function YesNoSubmit({ onBack, onSubmit, title, para, keyForAnswer, yesState, noState, answers, gtm }) {\n const choices = [\n { value: 'Yes', state: yesState, answer: true },\n { value: 'No', state: noState, answer: false },\n ];\n const [selected, setSelected] = useState(\n choices.filter((e) => e.answer === answers[keyForAnswer])[0] || { value: null, state: null, answer: null }\n );\n\n const submit = (e) => {\n e.preventDefault();\n onSubmit({ [keyForAnswer]: selected.answer }, selected.state);\n };\n\n return (\n \n \n
\n );\n}\n","import React, { useState, useEffect } from 'react';\nimport { useParams } from 'react-router-dom';\nimport { getInfusionsoftContact, createInfusionsoftContactPPSurvey } from '../../../api/infusionsoft_contacts';\nimport LoadingScreen from '../../loading_screen';\nimport HoursAndMinutes from '../../questionnaire/feedback_questions/hours_and_minutes';\nimport OptionsAndOther from '../../questionnaire/feedback_questions/options_and_other';\nimport OtherTextfield from '../../questionnaire/feedback_questions/other_textfield';\nimport YesNoSubmit from '../../questionnaire/feedback_questions/yes_no_submit';\n\nexport default function PatientPartnerSurvey({}) {\n const { id } = useParams();\n const [patientName, setPatientName] = useState('');\n const [ppName, setPpName] = useState('');\n const [showLoading, setShowLoading] = useState(true);\n const [questionnaireState, setQuestionnaireState] = useState('intro');\n const [fade, setFade] = useState(false);\n const [slideLeft, setSlideLeft] = useState(false);\n const [slideRight, setSlideRight] = useState(false);\n const [answers, setAnswers] = useState({});\n const [questionnaireHistory, setQuestionnaireHistory] = useState(['intro']);\n\n useEffect(() => {\n getInfusionsoftContact(id, (data) => {\n setPatientName(data.infusionsoft_contact.first_name);\n setPpName(data.infusionsoft_contact.patient_partner_name);\n setShowLoading(false);\n });\n }, [id]);\n\n const startFadeOut = () => {\n setFade(true);\n setSlideLeft(true);\n setShowLoading(true);\n };\n\n const startFadeIn = () => {\n setShowLoading(false);\n setSlideLeft(false);\n setSlideRight(true);\n setSlideRight(false);\n setFade(false);\n };\n\n const contactSyncWrapper = (contactId, answers, nextState, callback) => {\n if (nextState !== null) {\n setQuestionnaireHistory([...questionnaireHistory, nextState]);\n }\n createInfusionsoftContactPPSurvey(contactId, answers, (data) => {\n callback(data);\n });\n };\n\n const onSubmit = (newAnswer, nextState) => {\n if (questionnaireState === 'intro') {\n nextState = 'have_phone_call';\n startFadeOut();\n setQuestionnaireState(nextState);\n startFadeIn();\n return;\n }\n if (questionnaireState === 'how_are_you_feeling') {\n contactSyncWrapper(id, { ...answers, ...newAnswer, finished_survey: true }, nextState, () => {\n startFadeIn();\n });\n }\n setAnswers({ ...answers, ...newAnswer });\n startFadeOut();\n setQuestionnaireState(nextState);\n contactSyncWrapper(id, { ...answers, ...newAnswer }, nextState, () => {\n startFadeIn();\n });\n };\n\n const onBackClick = () => {\n setFade(true);\n setSlideRight(true);\n var arr = questionnaireHistory;\n if (questionnaireHistory.length > 1) {\n arr.splice(-1);\n }\n setQuestionnaireHistory(arr);\n setQuestionnaireState(questionnaireHistory[questionnaireHistory.length - 1]);\n setSlideLeft(false);\n setSlideRight(false);\n setFade(false);\n };\n\n return (\n \n \n {showLoading && (\n
\n \n \n );\n}\n","export const getInfusionsoftContact = (id, successFunction) => {\n const csrf = document.querySelector(\"meta[name='csrf-token']\").getAttribute('content');\n fetch(`/api/v1/infusionsoft_contacts/${id}`, {\n headers: {\n 'Content-Type': 'application/json',\n 'X-CSRF-Token': csrf,\n },\n })\n .then((response) => response.json())\n .then((data) => {\n successFunction(data);\n });\n};\n\nexport const createInfusionsoftContactPPSurvey = (id, answers, successFunction) => {\n const csrf = document.querySelector(\"meta[name='csrf-token']\").getAttribute('content');\n fetch(`/api/v1/infusionsoft_contacts/${id}/patient_partner_surveys`, {\n method: 'POST',\n headers: {\n 'Content-Type': 'application/json',\n 'X-CSRF-Token': csrf,\n },\n body: JSON.stringify({\n infusionsoft_contact_id: id,\n patient_partner_survey: answers,\n }),\n })\n .then((response) => response.json())\n .then((data) => {\n successFunction(data);\n });\n};\n","import React, { Component, useState, useEffect } from 'react';\nimport styles from './video_type_2.module.css';\nimport FsLightbox from 'fslightbox-react';\n\nexport default function VideoType2({\n bg = 'https://patientpartner-images2.s3.us-west-1.amazonaws.com/website/videobg.png',\n videoLink = 'https://patientpartner-images2.s3.us-west-1.amazonaws.com/website/video/R5+-+Patient+Partner+Program+Value+-+D3+(1).mp4',\n gtm = 'Watch Video Video Type 2',\n margButton = true,\n height = '140px',\n borderRadius = '5px',\n iconSize = '100px',\n bgCover = true,\n autoplay = false,\n}) {\n const [toggler, setToggler] = useState(false);\n const [type, setType] = useState('video');\n\n useEffect(() => {\n if (videoLink.includes('youtube')) {\n setType('youtube');\n }\n }, [videoLink]);\n\n if (autoplay)\n return (\n <>\n \n
\n )}\n \n \n
\n \n \n \n {questionnaireState === 'intro' && showLoading !== true && (\n <>\n
\n Share your feedback
\n\n Hi {ppName}, thank you for sharing feedback about your most recent call with {patientName}.\n
\n\n This survey should only take a minute and will help us ensure improve the program.\n
\n \n \n )}\n {questionnaireState === 'have_phone_call' && (\n <>\nThank you!
\nWe’ve received your feedback and will use the information you shared to improve the program.
\n \n )}\n\n \n
\n \n
\n \n \n
\n \n setToggler(!toggler)}\n className='watchbutton'\n xmlns='http://www.w3.org/2000/svg'\n viewBox='0 0 101.311 101.311'\n >\n \n \n \n
\n \n
\n \n \n setToggler(!toggler)}\n className={`${styles.watchbutton} ${margButton ? styles.marg_me : styles.normal_marg}`}\n xmlns='http://www.w3.org/2000/svg'\n viewBox='0 0 101.311 101.311'\n >\n \n \n \n
\n \n {(context.auth.getCurrentUser().current_profile_type !== otherProfile.type ||\n context.auth.getCurrentUser().current_profile_id !== otherProfile.id) && (\n
\n );\n}\n","import React from 'react';\nimport { Link, useHistory } from 'react-router-dom';\nimport ScrollTo from '../../../scroll_to';\nimport BedsideManner from '../../../bedside_manner';\nimport IconButtonSVG from '../../../ui_kit/utilities/icon_button_svg';\nimport VideoType2 from '../../../video_sections/video_type_2';\nimport SendMessageButton from '../../../ui_kit/utilities/send_message_button';\nimport styles from './index.module.css';\n\nexport default function ProfilePanel({ surgeon }) {\n let history = useHistory();\n\n const scrollToBio = () => {\n history.push(`/surgeon/${surgeon.slug}/biography`);\n const timer = setTimeout(() => {\n ScrollTo('#surgeon-individual-bio-sec', 100);\n }, 0);\n return () => clearTimeout(timer);\n };\n\n return (\n <>\n \n
\n \n \n
\n \n \n
\n \n
\n \n {surgeon.name}\n Doctor\n
\n\n {surgeon.specialties &&\n surgeon.specialties !== null &&\n surgeon.specialties !== undefined &&\n surgeon.specialties.map((s) => (\n
\n {s}
\n ))}\n\n
\n \n {surgeon.location}\n
\n\n {surgeon.patient_partners && surgeon.patient_partners.length > 0 && (\n
\n \n {surgeon.patient_partners.length}\n
\n )}\n {surgeon.extra && surgeon.extra.years_of_experience && (\n mentor{surgeon.patient_partners.length > 1 && 's'}
\n\n {surgeon.extra.years_of_experience} years\n
\n )}\n of experience
\n\n
\n \n );\n}\n","import React, { useEffect, useState } from 'react';\nimport { Link } from 'react-router-dom';\nimport styles from './sliding_menu.module.css';\n\nexport default function SimpleSlidingMenu({\n menuItems,\n setMarker,\n setMarkerItem = () => {},\n wrapperStyles = {},\n menuPadding = false,\n}) {\n const [showRightArrow, setShowRightArrow] = useState(false);\n const [showLeftArrow, setShowLeftArrow] = useState(false);\n\n useEffect(() => {\n if (document.querySelector(`#${setMarker.idToScrollTo}`)) {\n document.querySelector('#marker-ssm').style.left =\n document.querySelector(`#${setMarker.idToScrollTo}`).offsetLeft + 'px';\n document.querySelector('#marker-ssm').style.width =\n document.querySelector(`#${setMarker.idToScrollTo}`).offsetWidth + 'px';\n }\n }, [setMarker]);\n\n const indicator = (e) => {\n document.querySelector('#marker-ssm').style.left = e.target.offsetLeft + 'px';\n document.querySelector('#marker-ssm').style.width = e.target.offsetWidth + 'px';\n };\n\n const onClick = (item) => (e) => {\n setMarkerItem(item);\n indicator(e);\n };\n\n const onclickRight = () => {\n document.querySelector('#slider-menu-container').scrollLeft =\n document.querySelector('#slider-menu-container').scrollLeft + 100;\n const timer = setTimeout(() => {\n showLeft();\n showRight();\n }, 200);\n return () => clearTimeout(timer);\n };\n\n const onclickLeft = () => {\n document.querySelector('#slider-menu-container').scrollLeft =\n document.querySelector('#slider-menu-container').scrollLeft - 100;\n const timer = setTimeout(() => {\n showLeft();\n showRight();\n }, 200);\n return () => clearTimeout(timer);\n };\n\n const showLeft = () => {\n let menu_cont = document.querySelector('#slider-menu-container');\n if (menu_cont && menu_cont.scrollLeft !== 0) {\n setShowLeftArrow(true);\n } else {\n setShowLeftArrow(false);\n }\n };\n\n const showRight = () => {\n let menu_cont = document.querySelector('#slider-menu-container');\n let innr_menu = document.querySelector('#slider-menu-get-first');\n if (menu_cont && innr_menu && innr_menu.offsetWidth > menu_cont.offsetWidth) {\n setShowRightArrow(true);\n }\n if (menu_cont.offsetWidth + menu_cont.scrollLeft === menu_cont.scrollWidth) {\n setShowRightArrow(false);\n }\n };\n\n useEffect(() => {\n showLeft();\n showRight();\n }, []);\n\n return (\n <>\n \n
\n \n
\n \n scrollToBio()}\n style={{ width: '100%', marginTop: '10px', padding: '6px 20px', display: 'block' }}\n className='tertiary'\n >\n See full bio\n \n
\n About me
\n\n {surgeon.video_url &&
\n {surgeon.bio}
\n\n \n
\n \n {showLeftArrow && (\n \n onclickLeft()}\n className={styles.left_arrow}\n src='https://patientpartner-images2.s3.us-west-1.amazonaws.com/website/platform/arrow-right.svg'\n />\n \n
\n )}\n {showRightArrow && (\n \n onclickRight()}\n className={styles.right_arrow}\n src='https://patientpartner-images2.s3.us-west-1.amazonaws.com/website/platform/arrow-right.svg'\n />\n \n
\n )}\n \n );\n}\n","import React, { useState, useEffect } from 'react';\nimport Divider from '../../../../../ui_kit/utilities/divider';\nimport parent_styles from '../../../../index.module.css';\n\nexport default function ProceduresPerformed({ surgeon }) {\n return (\n <>\n Procedures performed
\n\n {surgeon.extra.number_of_procedures_performed && (\n
\n \n );\n}\n","import React from 'react';\nimport { Link, useRouteMatch } from 'react-router-dom';\nimport MentorCard from '../../../../../ui_kit/utilities/mentor_card';\nimport parent_styles from '../../../../index.module.css';\nimport Context from '../../../../../../utils/context';\n\nexport default function AssociatedMentors({ mentors, slice = false }) {\n const context = React.useContext(Context);\n let { path } = useRouteMatch();\n path = path.replace(`:id`, context.auth.getCurrentUser().slug);\n\n if (slice) {\n mentors = mentors.slice(0, 2);\n }\n\n return (\n \n {surgeon.extra.number_of_procedures_performed}+ procedures performed\n
\n )}\n {surgeon.procedure_types && surgeon.procedure_types !== [] && surgeon.procedure_types !== null && (\n <>\n {surgeon.procedure_types.map((p, i) => (\n\n {(surgeon.extra.number_of_procedures_performed ||\n (i !== 0 && !surgeon.extra.number_of_procedures_performed)) && \n {p}\n \n
\n ))}\n \n )}\n \n {slice && (\n
\n );\n}\n","import React, { Component, useState, useEffect } from 'react';\nimport './video_sec_1.css';\nimport './video_sec_1_no_bg_L.css';\nimport FsLightbox from 'fslightbox-react';\n\nexport default function VideoSec1NoBgL({\n headline = '',\n subheadline = '',\n bg = 'https://patientpartner-images2.s3.us-west-1.amazonaws.com/website/videobg.png',\n videoLink = 'https://patientpartner-images2.s3.us-west-1.amazonaws.com/website/video/R5+-+Patient+Partner+Program+Value+-+D3+(1).mp4',\n gtm = 'Watch Video Video Type 2',\n margin = '200px auto',\n}) {\n const [toggler, setToggler] = useState(false);\n\n return (\n \n
\n )}\n {mentors.map((m, i) => (\n \n Associated mentors {mentors.length}\n
\n \n\n See all mentors\n
\n \n\n
\n \n );\n}\n","import React, { useContext } from 'react';\nimport VideoSec1NoBgL from '../../../../../video_sections/video_sec_1_no_bg_L';\nimport Context from '../../../../../../utils/context';\nimport VideoType2 from '../../../../../video_sections/video_type_2';\n\nexport default function FeaturedVideo({ video, title = null }) {\n const context = useContext(Context);\n const isMobile = context.viewport.getIsMobile();\n\n return (\n \n \n \n
\n \n {subheadline !== '' &&
\n {subheadline}
}\n {headline !== '' &&{headline}
}\n\n \n
\n \n
\n \n
\n \n setToggler(!toggler)}\n className='watchbutton'\n xmlns='http://www.w3.org/2000/svg'\n width='101.311'\n height='101.311'\n viewBox='0 0 101.311 101.311'\n >\n \n \n \n
\n \n \n FEATURED MENTOR STORY\n \n {title !== null && (\n
\n );\n}\n","export const getCareCosts = (params, successCallback) => {\n fetch(`/api/v1/care_cost_requests?${objToQueryString(params)}`, {\n method: 'GET',\n headers: {\n 'Content-Type': 'application/json',\n },\n })\n .then((response) => response.json())\n .then((data) => {\n successCallback(data);\n });\n};\n\nexport const createCareCost = (params, successCallback) => {\n fetch(`/api/v1/care_cost_requests`, {\n method: 'POST',\n headers: {\n 'Content-Type': 'application/json',\n },\n body: JSON.stringify(params),\n })\n .then((response) => response.json())\n .then((data) => {\n successCallback(data);\n });\n};\n\nexport const runCareCost = (params, successCallback) => {\n fetch(`/api/v1/care_cost_requests/${params.id}`, {\n method: 'PATCH',\n headers: {\n 'Content-Type': 'application/json',\n },\n body: JSON.stringify(params),\n })\n .then((response) => response.json())\n .then((data) => {\n successCallback(data);\n });\n};\n","import React, { useState, useRef } from 'react';\nimport styles from './index.module.css';\nimport { useClickAway } from 'react-use';\n\nexport default function SelectSearch({\n selected,\n setSelected,\n choices = [\"I don't see my provider\", ...gon.all_insurances],\n light = true,\n style = {},\n noMatchTxt = \"I don't see what im looking for\",\n placeholder = 'Search...',\n}) {\n const [showOptions, setShowOptions] = useState(false);\n const [valuePlaceholder, setValuePlaceholder] = useState('');\n const ref = useRef(null);\n\n let options = [];\n if (showOptions) {\n const re = new RegExp(valuePlaceholder, 'i');\n if (valuePlaceholder !== '') {\n options = choices.filter((option) => {\n if (re.test(option)) {\n return option;\n }\n });\n }\n if (options.length == 0) {\n options = choices;\n }\n }\n\n const typeChoice = (value) => {\n setValuePlaceholder(value);\n setShowOptions(true);\n };\n\n useClickAway(ref, () => {\n setShowOptions(false);\n });\n\n return (\n \n {title}\n
\n )}\n\n
\n \n
\n );\n}\n","import React from 'react';\nimport ProceduresPerformed from './panels/procedures_performed';\nimport AssociatedMentors from './panels/associated_mentors';\nimport FeaturedVideo from './panels/featured_video';\nimport CareCost from '../../../../care_cost';\n\nexport default function Overview({ surgeon }) {\n return (\n \n typeChoice(event.target.value)}\n onClick={() => setShowOptions(true)}\n placeholder={placeholder}\n />\n \n \n
\n \n
\n \n {options.length > 0 && (\n <>\n {options.map((value, index) => (\n {\n setShowOptions(false);\n setSelected(event.target.value);\n setValuePlaceholder(event.target.value);\n }}\n className={`${styles.search_option}`}\n >\n {value}\n \n ))}\n \n )}\n
\n \n {/*
\n );\n}\n","import React from 'react';\nimport GoogleMapReact from 'google-map-react';\nimport Divider from '../../../../../ui_kit/utilities/divider';\nimport { formatPhoneNumber } from '../../../../../../helpers';\nimport parent_styles from '../../../../index.module.css';\nimport styles from '../index.module.css';\n\nexport default function SurgeonLocation({ surgeon }) {\n var settings = {\n center: {\n lat: surgeon.latitude,\n lng: surgeon.longitude,\n },\n zoom: 10,\n };\n\n if (surgeon && surgeon.office_locations && surgeon.office_locations.length > 0) {\n const totalLatitude = surgeon.office_locations.reduce((acc, l) => acc + l.latitude, 0);\n settings.center.lat = totalLatitude / surgeon.office_locations.length;\n const totaLongitude = surgeon.office_locations.reduce((acc, l) => acc + l.longitude, 0);\n settings.center.lng = totaLongitude / surgeon.office_locations.length;\n }\n\n const colors = ['#59B6BE', '#314D69', '#188F8B', '#FFE3BC'];\n\n const Marker = ({ color }) => (\n Location{surgeon.office_locations.length > 1 ? 's' : ''}
\n\n {surgeon &&\n surgeon.office_locations &&\n surgeon.office_locations.map((l, i) => (\n
\n ))}\n \n {i !== 0 &&
\n \n \n \n {formatPhoneNumber(l.phone_number)}\n \n
\n )}\n \n
\n {l.phone_number && l.phone_number !== null && (\n {l.address}
\n\n \n {surgeon &&\n surgeon.office_locations &&\n surgeon.office_locations.map((o, i) => {\n return
\n \n \n );\n}\n","import React from 'react';\nimport Divider from '../../../../ui_kit/utilities/divider';\nimport parent_styles from '../../../index.module.css';\nimport styles from './index.module.css';\nimport SurgeonLocation from './panels/location';\n\nexport default function Practice({ surgeon }) {\n return (\n \n {surgeon.extra && surgeon.extra.practice_general_info && surgeon.extra.practice_general_info !== null && (\n <>\n
\n );\n}\n","import React from 'react';\nimport Divider from '../../../../ui_kit/utilities/divider';\nimport VideoType2 from '../../../../video_sections/video_type_2';\nimport parent_styles from '../../../index.module.css';\nimport styles from './index.module.css';\n\nexport default function SurgeonBiography({ surgeon }) {\n return (\n General info
\n\n
\n \n )}\n \n
\n \n
\n {surgeon.extra.practice_general_info}
\n\n
\n {surgeon.office_locations && surgeon.office_locations !== null && surgeon.office_locations !== 0 && (\n \n
\n \n
\n \n
\n No license suspensions
\n\n
\n \n
\n No malpractice suits
\nAffiliated hospitals
\n\n
\n \n )}\n \n
\n \n {surgeon.extra.hospital_affiliations.map((h, i) => (\n <>\n {i !== 0 &&
\n \n {h}\n
\n \n ))}\n\n
\n );\n}\n","import React, { useEffect, useState } from 'react';\nimport { Route, Switch, useRouteMatch, useParams, useLocation } from 'react-router-dom';\nimport { getSurgeon } from '../../../api/surgeons';\nimport LoadingScreen from '../../loading_screen';\nimport SurgeonProfilePanel from './profile_panel/index';\nimport SimpleSlidingMenu from '../../ui_kit/utilities/simple_sliding_menu';\nimport Overview from './sections/overview';\nimport Practice from './sections/practice';\nimport styles from '../index.module.css';\nimport AssociatedMentors from './sections/overview/panels/associated_mentors';\nimport SurgeonBiography from './sections/biography';\n\nexport default function SurgeonProfile() {\n const { id } = useParams();\n const location = useLocation();\n const [surgeon, setSurgeon] = useState(null);\n\n useEffect(() => {\n getSurgeon(id, (surgeon) => {\n setSurgeon(surgeon);\n });\n }, [id]);\n\n let { path } = useRouteMatch();\n path = path.replace(`:id`, id);\n\n let menuItems = [\n {\n linkText: 'Overview',\n idToScrollTo: 'overview',\n href: `${path}/`,\n pendoTag: 'surgeon profile page navigation - Overview',\n },\n {\n linkText: 'Office info',\n idToScrollTo: 'office-info',\n href: `${path}/office-info`,\n pendoTag: 'surgeon profile page navigation - office-info',\n },\n surgeon && surgeon.patient_partners && surgeon.patient_partners !== null && surgeon.patient_partners.length !== 0\n ? {\n linkText: `Associated mentors ${surgeon && surgeon.patient_partners.length > 0 ? surgeon.patient_partners.length : ''}`,\n idToScrollTo: 'associated_mentors',\n href: `${path}/associated-mentors`,\n pendoTag: 'surgeon profile page navigation - associated mentors',\n }\n : {},\n {\n linkText: 'Biography',\n idToScrollTo: 'biography',\n href: `${path}/biography`,\n pendoTag: 'surgeon profile page navigation - biography',\n },\n ];\n\n useEffect(() => {\n if (\n surgeon &&\n surgeon.patient_partners &&\n surgeon.patient_partners !== null &&\n surgeon.patient_partners.length !== 0 &&\n location.pathname === `${path}/associated-mentors`\n ) {\n setSelectedMenuItem(menuItems[2]);\n }\n }, [surgeon]);\n\n let defaultSelectedMenuItem = menuItems[0];\n menuItems.forEach((item) => {\n if (item.href === location.pathname) {\n defaultSelectedMenuItem = item;\n return;\n }\n });\n\n const [selectedMenuItem, setSelectedMenuItem] = useState(defaultSelectedMenuItem);\n\n if (surgeon === null)\n return (\n About me
\n\n
\n {surgeon && surgeon.supported_languages && surgeon.supported_languages !== null && (\n <>\n \n
\n \n
\n {surgeon.bio}
\n\n {surgeon.video_url && (\n
\n Personal information
\n\n
\n \n )}\n {surgeon &&\n surgeon.extra &&\n surgeon.extra !== null &&\n ((surgeon.extra.residency && surgeon.extra.residency !== null) ||\n (surgeon.extra.fellowship && surgeon.extra.fellowship !== null) ||\n (surgeon.extra.medical_school && surgeon.extra.medical_school !== null)) && (\n <>\n \n
\n \n
\n supported languages
\nEducation
\n\n {surgeon.extra.fellowship && surgeon.extra.fellowship !== null && (\n <>\n
\n \n )}\n \n
\n \n
\n {surgeon.extra.fellowship}
\nFELLOWSHIP
\n\n
\n \n )}\n {surgeon.extra.residency && surgeon.extra.residency !== null && (\n <>\n \n
\n \n
\n \n
\n {surgeon.extra.residency}
\nRESIDENCY HOSPITAL
\n\n
\n \n )}\n {surgeon.extra.medical_school && surgeon.extra.medical_school !== null && (\n \n
\n \n
\n )}\n \n
\n {surgeon.extra.medical_school}
\nMEDICAL SCHOOL
\n\n
\n );\n\n return (\n \n
\n );\n}\n","export const getPatientAssistantInfo = (id, successCallback, onError) => {\n fetch(`/api/v1/patient_assistant_infos/${id}`, {\n method: 'GET',\n headers: {\n 'Content-Type': 'application/json',\n },\n })\n .then((response) => {\n if (response.ok) return response.json();\n return Promise.reject(response.json());\n })\n .then((data) => successCallback(data))\n .catch((data) => onError(data));\n};\n\nexport const updatePatientAssistantInfo = (id, status, successCallback) => {\n fetch(`/api/v1/patient_assistant_infos/${id}`, {\n method: 'PATCH',\n headers: {\n 'Content-Type': 'application/json',\n },\n body: JSON.stringify({\n status: status,\n }),\n })\n .then((response) => response.json())\n .then((data) => {\n successCallback(data);\n });\n};\n\nexport const sendNote = (id, type, params, successCallback) => {\n fetch(`/api/v1/patient_assistant_info_logs`, {\n method: 'POST',\n headers: {\n 'Content-Type': 'application/json',\n },\n body: JSON.stringify({\n id: id,\n type: type,\n note: params.note,\n old_status: params.old_status,\n new_status: params.new_status,\n }),\n })\n .then((response) => response.json())\n .then((data) => {\n successCallback(data);\n });\n};\n\nexport const getProviderPatients = (successCallback) => {\n fetch(`/api/v1/patient_assistant_infos`, {\n method: 'GET',\n headers: {\n 'Content-Type': 'application/json',\n },\n })\n .then((response) => response.json())\n .then((data) => {\n successCallback(data);\n });\n};\n\nexport const createPatientAssistantInfo = (params, successCallback) => {\n fetch(`/api/v1/patient_assistant_infos`, {\n method: 'POST',\n headers: {\n 'Content-Type': 'application/json',\n },\n body: JSON.stringify(params),\n })\n .then((response) => response.json())\n .then((data) => {\n successCallback(data);\n });\n};\n","import React from 'react';\nimport { toast } from 'react-toastify';\n\nexport const successToast = (copy) => {\n toast.success(\n \n
\n \n
\n \n
\n \n
\n \n \n \n \n \n \n \n \n \n \n \n
\n \n {surgeon.patient_partners &&\n surgeon.patient_partners !== null &&\n surgeon.patient_partners.length !== 0 &&
\n \n
,\n {\n position: 'top-center',\n autoClose: 5000,\n hideProgressBar: false,\n closeOnClick: true,\n pauseOnHover: true,\n draggable: true,\n progress: undefined,\n }\n );\n};\n","export const signUp = (name, email, phone, password, params, successCallback, errorCallback) => {\n fetch(`/users`, {\n method: 'POST',\n headers: {\n 'Content-Type': 'application/json',\n },\n body: JSON.stringify({\n ...window.utmInfo,\n user: {\n ...params,\n name: name,\n email: email,\n phone: phone,\n password: password,\n },\n }),\n })\n .then((response) => response.json())\n .then((data) => {\n if (data.success) {\n if (successCallback) {\n successCallback(data.user);\n }\n } else {\n let errors = [];\n for (const [key, value] of Object.entries(data.errors)) {\n errors.push(`${snakeCaseToTitleCase(key)} ${value}`);\n }\n errorCallback(errors);\n }\n });\n};\n\nexport const logOut = (successCallback) => {\n fetch(`/users/sign_out`, {\n method: 'DELETE',\n }).then(successCallback);\n};\n\nexport const signIn = (email, password, rememberMe, onSuccess, onError) => {\n fetch(`/users/sign_in`, {\n method: 'POST',\n headers: {\n 'Content-Type': 'application/json',\n },\n body: JSON.stringify({\n ...window.utmInfo,\n user: {\n email: email,\n password: password,\n remember_me: rememberMe ? '1' : '',\n },\n }),\n })\n .then((response) => response.json())\n .then((data) => {\n if (data.success) {\n onSuccess(data.user);\n } else {\n if (data.errors) {\n onError(data.errors);\n } else {\n onError(['Invalid email or password. After 10 unsuccessful login attempts you will be locked out.']);\n }\n }\n })\n .catch((error) => {\n onError(['Invalid email or password. After 10 unsuccessful login attempts you will be locked out.']);\n });\n};\n\nexport const recoverPassword = (email, onSuccess, onError) => {\n fetch(`/users/password`, {\n method: 'POST',\n headers: {\n 'Content-Type': 'application/json',\n },\n body: JSON.stringify({\n user: {\n email: email,\n },\n }),\n })\n .then((response) => response.json())\n .then((data) => {\n if (data.success) {\n onSuccess();\n } else {\n let errors = [];\n for (const [key, value] of Object.entries(data.errors)) {\n errors.push(`${snakeCaseToTitleCase(key)} ${value}`);\n }\n onError(errors);\n }\n });\n};\n\nexport const resetPassword = (resetPasswordToken, password, onSuccess, onError) => {\n fetch(`/users/password`, {\n method: 'PUT',\n headers: {\n 'Content-Type': 'application/json',\n },\n body: JSON.stringify({\n user: {\n reset_password_token: resetPasswordToken,\n password: password,\n password_confirmation: password,\n },\n }),\n })\n .then((response) => response.json())\n .then((data) => {\n if (data.success) {\n onSuccess(data.user);\n } else {\n let errors = [];\n for (const [key, value] of Object.entries(data.errors)) {\n errors.push(`${snakeCaseToTitleCase(key)} ${value}`);\n }\n onError(errors);\n }\n });\n};\n\nexport const userUpdate = (updates, onSuccess, onError) => {\n fetch(`/api/v1/user`, {\n method: 'PUT',\n headers: {\n 'Content-Type': 'application/json',\n },\n body: JSON.stringify({\n user: {\n ...updates,\n },\n }),\n })\n .then((response) => response.json())\n .then((data) => {\n if (data.success) {\n if (onSuccess) {\n onSuccess(data.user);\n }\n } else {\n let errors = [];\n for (const [key, value] of Object.entries(data.errors)) {\n errors.push(`${snakeCaseToTitleCase(key)} ${value}`);\n }\n onError(errors);\n }\n });\n};\n\nexport const userImpersonate = (userId, onSuccess, onError) => {\n fetch(`/api/v1/users/${userId}/impersonate`, {\n method: 'POST',\n headers: {\n 'Content-Type': 'application/json',\n },\n })\n .then((response) => response.json())\n .then((data) => {\n if (data.success) {\n onSuccess(data.user);\n } else {\n onError(data.errors);\n }\n });\n};\n\nexport const userStopImpersonate = (onSuccess, onError) => {\n fetch(`/api/v1/users/stop_impersonating`, {\n method: 'POST',\n headers: {\n 'Content-Type': 'application/json',\n },\n })\n .then((response) => response.json())\n .then((data) => {\n if (data.success) {\n onSuccess(data.user);\n } else {\n onError(data.errors);\n }\n });\n};\n\nexport const getUser = (id, onSuccess, onError = () => {}) => {\n fetch(`/api/v1/users/${id}`, {\n headers: {\n 'Content-Type': 'application/json',\n },\n })\n .then((response) => response.json())\n .then((data) => {\n if (data.success) {\n onSuccess(data.user);\n } else {\n onError();\n }\n });\n};\n\nexport const getUsers = (params, onSuccess) => {\n fetch(`/api/v1/users?${objToQueryString(params)}`, {\n method: 'GET',\n headers: {\n 'Content-Type': 'application/json',\n },\n })\n .then((response) => response.json())\n .then((data) => {\n onSuccess(data);\n });\n};\n\nexport const getSurgeonPatientUsers = (params, onSuccess) => {\n return fetch(`/api/v1/users/surgeon_patient_users?${objToQueryString(params)}`, {\n method: 'GET',\n headers: {\n 'Content-Type': 'application/json',\n },\n })\n .then((response) => response.json())\n .then((data) => {\n if (onSuccess) {\n onSuccess(data);\n }\n return data;\n })\n .catch((error) => {\n console.error('Error fetching surgeon patient users:', error);\n if (onSuccess) {\n onSuccess([]); // or handle error case appropriately\n }\n });\n};\n","import React, { useState } from 'react';\nimport '../input_with_options/index.css';\nimport useDebouncedCallback from 'use-debounce/lib/useDebouncedCallback';\n\nexport default function InputWithRemoteOptions({\n value,\n setValue,\n getOptions,\n name,\n label,\n noMatchTxt,\n light = true,\n wrapperClassnames,\n placeholder = '',\n fullWidth = false,\n style = {},\n}) {\n const [currentValue, setCurrentValue] = useState(value);\n const [showOptions, setShowOptions] = useState(false);\n const [hoveringDropdown, setHoveringDropdown] = useState(false);\n const [currentOptions, setCurrentOptions] = useState([]);\n\n const debouncedInputChange = useDebouncedCallback((value) => {\n getOptions(value, (options) => {\n setCurrentOptions(options);\n setShowOptions(true);\n });\n }, 1000);\n\n const onInputChange = (value) => {\n setCurrentValue(value);\n if (value && value.length > 3) {\n debouncedInputChange(value);\n } else if (value === '') {\n setValue('');\n }\n };\n\n const onClickOption = (event) => {\n event.preventDefault();\n setHoveringDropdown(false);\n setValue(event.target.value);\n setCurrentValue(event.target.value);\n setShowOptions(false);\n };\n\n return (\n \n
\n \n \n
\n \n
\n Success
\n{copy}
\n\n {noMatchTxt && (\n onClickOption(event)}\n className='input-with-options-option'\n >\n {noMatchTxt}\n \n )}\n {currentOptions.map((value, i) => (\n onClickOption(event)}\n className='input-with-options-option'\n >\n {value}\n \n ))}\n
\n \n )}\n \n );\n}\n","import React from 'react';\nimport { getUsers } from '../../../api/users';\nimport InputWithRemoteOptions from '../../ui_kit/utilities/input_with_remote_options';\n\nexport default function UserDropdownSelector({ user, setUser, light = true, placeholder = '' }) {\n const toUserString = (u) => `${u.id} | ${u.email} | ${u.name}`;\n const fromUserString = (str) => {\n if (str === '') {\n return null;\n }\n\n const matches = str.match(/(\\d+) | (.+) | (.+)/);\n return {\n id: matches[0],\n email: matches[1],\n name: matches[2],\n };\n };\n\n return (\n \n {view === 'loading' && <>Loading}\n {view === 'surgery-info' && (\n
\n );\n}\n","import React from 'react';\nimport '../../../questionnaire/questionnaire.css';\n\nexport default function GetStartedSurgeonReferred({ surgeon, onSubmit }) {\n let img = 'https://patientpartner-images2.s3.us-west-1.amazonaws.com/website/logos/svg/dark-blue-logo.svg';\n if (surgeon.slug === 'reactiv8') {\n img = 'https://patientpartner-images2.s3.us-west-1.amazonaws.com/website/logos/png/reactiv83.svg';\n }\n\n return (\n <>\n \n
\n )}\n {view === 'create-your-account' && (\n \n \n
\n \n \n
\n \n \n
\n )}\n {view === 'review-and-submit' && (\n \n \n
\n \n
\n \n \n {\n setView('review-and-submit');\n }}\n params={{ origin: 'Surgeon Request Appointment' }}\n headline={`Create your account`}\n para={`Submit your request and communicate with the office in your private and secure account.`}\n embedded={true}\n alignLeft={true}\n light={false}\n skipPassword\n />\n
\n \n {\n createDirectBookingContactFunc(\n newAnswers.apptDate,\n newAnswers.apptTimeOfDay,\n newAnswers.extraInfo,\n (data) => {\n history.push(`/member/conversations/${data.conversation_id}`);\n }\n );\n }}\n datePlaceholder={'Preferred apt. date'}\n timePlaceholder={'Preferred apt. time'}\n gtm={'Surgeon Request Appointment'}\n light={false}\n wrapperClassName={'surgeon-request-appt-sa pad-30'}\n />\n
\n )}\n {view === 'success' && (\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
\n {surgeon.name}'s past patient mentors are here for you.
\n\n
\n \n
\n - \n
- Create your free account. \n
- Meet your patient mentor. \n {surgeon.name === 'New York Bariatric Group' && (\n
- Chat and ask questions about the procedure you're considering. \n )}\n {surgeon.name !== 'New York Bariatric Group' && (\n
- Chat and get support throughout your healthcare journey. \n )}\n
\n
\n \n );\n}\n","import React, { useState, useEffect, useContext, useRef } from 'react';\nimport { useParams, useHistory, Switch, Route, useRouteMatch } from 'react-router-dom';\nimport SignUp from '../../sign_up';\nimport { getSurgeon } from '../../../api/surgeons';\nimport { createSurgeonReferredMentorMatch } from '../../../api/surgeon_referred_mentor_matches';\nimport GetStartedSurgeonReferred from './get_started';\nimport Context from '../../../utils/context';\nimport styles from './index.module.css';\nimport LoadingScreen from '../../loading_screen';\n\nexport default function SurgeonReferredMentorMatch() {\n let { id } = useParams();\n if (!id) {\n if (window.location.pathname.includes('reactiv8')) {\n id = 'reactiv8';\n } else {\n id = 'new-york-bariatric-group';\n }\n }\n const [view, setView] = useState('loading');\n const [surgeon, setSurgeon] = useState(null);\n const utm_source = useRef(new URLSearchParams(window.location.search).get('utm_source'));\n const uuid = useRef(new URLSearchParams(window.location.search).get('uuid'));\n const history = useHistory();\n const context = useContext(Context);\n let { path } = useRouteMatch();\n path = path.replace(`:id`, id);\n\n useEffect(() => {\n if (id === 'reactiv8') {\n history.push('/mentor-match/reactiv8');\n return;\n }\n if (id === 'new-york-bariatric-group') {\n history.push('/mentor-match/nybg');\n return;\n }\n getSurgeon(id, (data) => {\n setSurgeon(data);\n setView('get-started');\n });\n }, [id]);\n\n const createAndRedirect = () => {\n createSurgeonReferredMentorMatch(\n {\n surgeon_id: surgeon.id,\n surgery: null,\n ...(utm_source.current === 'SurgeonPatientLead' &&\n uuid.current !== null && { surgeon_patient_lead: uuid.current }),\n },\n (match) => {\n history.push(`/member/surgeon-mentor-matches/${match.uuid}/pre-survey`);\n }\n );\n };\n\n return (\n \n \n
\n \n
\n );\n}\n","export const templateAction = (item) => {\n return {\n type: 'TEMPLATE',\n item,\n };\n};\n","import React, { useState, useEffect } from 'react';\nimport './index.css';\n\nexport default function ScrollToTopButton({ gtmClickLabelPage = 'Patient Partner Carousel' }) {\n // Listens to know if the user has scrolled from top START\n const [scrolledFromTop, setScrolledFromTop] = useState(window.pageYOffset);\n\n const updateScroll = () => {\n setScrolledFromTop(window.pageYOffset > 100);\n };\n\n useEffect(() => {\n window.addEventListener('scroll', updateScroll);\n return () => window.removeEventListener('scroll', updateScroll);\n }, []);\n // Listens to know if the user has scrolled from top END\n\n const scrollToTop = () => {\n document.querySelector('#topOfPage').scrollIntoView({\n behavior: 'smooth',\n });\n };\n\n return (\n \n
\n \n
\n \n
\n \n \n
\n \n \n \n {view === 'loading' && \n \n \n \n
\n \n \n {\n context.auth.isLoggedIn() ? createAndRedirect() : history.push(`${path}/get-started`);\n }}\n />\n
\n )}\n \n \n \n \n }\n gtm={'Surgeon Gallery'}\n />\n
\n );\n}\n","import React from 'react';\nimport './floating_box.css';\n\nexport default function FloatingBox() {\n return (\n \n \n \n \n }\n />\n
\n \n
\n \n
\n \n
\n \n filterPatientPartners('All')}\n >\n View all\n \n filterPatientPartners('Weight Loss')}\n >\n View Weight Loss\n \n filterPatientPartners('Knee Replacement')}\n >\n View Knee Replacement\n \n
\n Quick Filter:
\n\n {isLoading &&
\n \n
\n )}\n \n {Surgeons.map((surgeon, index) => {\n return (\n
\n \n \n
\n );\n })}\n \n
\n );\n}\n","import React, { Component, useState, useEffect } from 'react';\nimport './video_type_1.css';\nimport FsLightbox from 'fslightbox-react';\n\nexport default function VideoType1({\n bg = 'https://patientpartner-images2.s3.us-west-1.amazonaws.com/website/videobg.png',\n headline = 'Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod.',\n cta = 'Watch',\n gtm,\n videoLink = 'https://patientpartner-images2.s3.us-west-1.amazonaws.com/website/video/R5+-+Patient+Partner+Program+Value+-+D3+(1).mp4',\n}) {\n const [toggler, setToggler] = useState(false);\n\n return (\n \n
\n \n
\n \n
\n What is the PatientPartner program?
\n\n With PatientPartner™, you can talk to someone who understand what it's like to be where you are and\n recover from surgery. PatientPartners™ are recovered patients volunteering their time to answer your\n questions based on their experiences\n
\n\n \n
\n );\n}\n","import { connect } from 'react-redux';\n// import {\n//\n// } from '../../actions/surgeon'\nimport SurgeonPartners from '../../components/surgeon_partners';\n\nconst mapStateToProps = (state) => state;\n\nconst mapDispatchToProps = (dispatch) => ({});\n\nexport default connect(mapStateToProps, mapDispatchToProps)(SurgeonPartners);\n","import React, { Component, useState, useEffect } from 'react';\nimport { Link, useParams } from 'react-router-dom';\nimport { getSurgeon } from '../../api/surgeons';\nimport CustomCtaFooter from '../custom_cta_footer';\nimport DocPatientPartners from '../doc-patient-partners';\nimport Modal from '../modal';\nimport Oncehub from '../oncehub';\nimport HowItWorks from '../how_it_works';\nimport FloatingBox from '../floating_box';\nimport ScrollTo from '../scroll_to';\nimport './surgeon_partners.css';\nimport VideoType1 from '../video_sections/video_type_1';\n\nexport default function SurgeonPartners() {\n const { id } = useParams();\n const [view, setView] = useState('loading');\n const [data, setData] = useState(null);\n const [showScheduleModal, setShowScheduleModal] = useState(false);\n const [selectedPatientPartner, setSelectedPatientPartner] = useState(null);\n\n useEffect(() => {\n getSurgeon(id, (surgeon) => {\n console.log('surgeon');\n console.log(surgeon);\n setData(surgeon);\n setView('show');\n });\n }, []);\n\n if (view === 'loading') {\n return \n \n
\n \n
\n \n
\n \n setToggler(!toggler)}\n className='watchbutton'\n data-gtm-click-label={`${gtm} Watch Video`}\n >\n {cta}\n \n \n
\n \n {headline}
\nLoading
;\n }\n\n const viewScheduleModal = (partner) => () => {\n setSelectedPatientPartner(partner);\n setShowScheduleModal(true);\n };\n\n const onScheduled = (data) => {\n console.log('scheduled');\n };\n\n return (\n \n
\n );\n}\n","import React, { Component, useState, useEffect, Suspense, lazy } from 'react';\nimport { Link } from 'react-router-dom';\nimport './surgeon_match.css';\nimport FeaturedInMedia from '../../featured_in_media';\nimport AboutHeadlineThreeIcons from '../../about_headline_three_icons';\nimport HowItWorks from '../../how_it_works';\nimport { contactSync } from '../../../api/contacts';\nimport { autofocusAll } from '../../../helpers';\nimport TextLeftImgRightWbg from '../../hero_sections/txt_left_img_right_wbg';\nimport ImgLeftTextRight from '../../hero_sections/img_left_text_right';\nimport CustomCtaFooter from '../../custom_cta_footer';\nimport EmailSignupFooter from '../../email_signup_footer';\nconst SurgeonMatchQuestionnaire = React.lazy(() => import('../../questionnaire/surgeon_match'));\n\nexport default function WeightLossSurgeonMatch({\n home,\n updateAnswersAction,\n setContactIdAction,\n setSurgeonMatchQuestionnaireProgress,\n setSurgeon,\n}) {\n const [showModal, setShowModal] = useState(false);\n\n const scrollToQuestionnaire = () => {\n document.querySelector('#questionnaire').scrollIntoView({\n behavior: 'smooth',\n });\n const timer = setTimeout(() => {\n autofocusAll();\n }, 1000);\n return () => clearTimeout(timer);\n };\n\n return (\n \n
\n \n
\n \n
\n \n ScrollTo('#pp-gallery', 50)}\n className='maincta'\n data-gtm-click-label={`${data.name} iFrame Surgeon Patient Partners See Patient Partners`}\n >\n See the PatientPartners\n \n
\n {data.name}'s PatientPartner Program
\n\n {data.name} offers the PatientPartner program to all patients so you can learn from his recovered\n patients and their experiences for free\n
\n\n
\n \n (\n \n Schedule a call\n \n )}\n />\n
\n )}\n {showScheduleModal && (\n \n \n \n
\n }\n imgOffset={false}\n imgShadow={true}\n topOfIcon={'75%'}\n iconContent={\n \n }\n />\n \n
\n \n \n loading}>\n \n
\n \n
\n );\n}\n","import React, { useState, useContext } from 'react';\nimport styles from './img_r_txt_l_simple.module.css';\nimport Context from '../../../utils/context';\nimport PhotoWBlueBg from '../photo_w_blue_bg';\n\nexport default function ImgRTxtLSimple({\n smallheadline,\n headline,\n mediumheadline,\n img,\n margBottom,\n bg = '#f1feff',\n headlineColor = '#314D69',\n marginTopPhotoMobile = '0px',\n list = [],\n cta = <>,\n blueBg = true,\n}) {\n const [imgLoaded, setImgLoaded] = useState(false);\n const context = useContext(Context);\n const isMobile = context.viewport.getIsMobile();\n\n return (\n \n
\n \n
\n \n
\n \n {mainHeadline}\n
\n\n
\n \n {headline}\n
\n \n
\n \n {para}\n
\n\n {steps.map((step, index) => (\n
\n \n
\n ))}\n {step.image}
\n \n
\n {step.headline}
\n\n {step.para}\n
\n \n
\n );\n}\n","import React, { Suspense, useContext } from 'react';\nimport TextLeftImgRightWbg from '../../hero_sections/txt_left_img_right_wbg';\nimport FeaturedInMedia from '../../featured_in_media';\nimport AboutHeadlineThreeIcons from '../../about_headline_three_icons';\nimport ImgLeftTextRight from '../../hero_sections/img_left_text_right';\nimport EmailSignupFooter from '../../email_signup_footer';\nimport HowItWorks from '../../hero_sections/how_it_works';\nimport { autofocusAll } from '../../../helpers';\nimport Context from '../../../utils/context';\nimport './index.css';\nimport ImgRTxtLSimple from '../../hero_sections/img_r_txt_l_simple';\nconst SurgeonMatchQuestionnaire = React.lazy(() => import('../../questionnaire/surgeon_match'));\n\nexport default function SpineSurgerySurgeonMatch({\n home,\n updateAnswersAction,\n setContactIdAction,\n setSurgeonMatchQuestionnaireProgress,\n setSurgeon,\n}) {\n const context = useContext(Context);\n const viewport = context.viewport;\n const isMobile = viewport.getIsMobile();\n\n const scrollToQuestionnaire = () => {\n document.querySelector('#questionnaire').scrollIntoView({\n behavior: 'smooth',\n });\n const timer = setTimeout(() => {\n autofocusAll();\n }, 1000);\n return () => clearTimeout(timer);\n };\n\n return (\n <>\n \n
\n \n
\n \n
\n {smallheadline}
\n{mediumheadline}
\n\n {headline}\n
\n- \n {list.map((l, index) => (\n
- {l} \n ))}\n
\n setImgLoaded(true)}\n className={styles.photo}\n />\n
\n 
,\n headline: 'Sign up for a free account',\n para: 'Join the PatientPartner platform that’s easy and free to use.',\n },\n {\n image: 
,\n headline: 'Send an inquiry',\n para: 'Instantly send a message to a specialist that’s covered by your insurance',\n },\n {\n image: 
,\n headline: 'Learn about your options',\n para: 'See what steps you can take to finally find your pain relief.',\n },\n ]}\n paraColor='#232323'\n />\n \n
\n \n \n loading}>\n \n
\n \n {title &&
\n \n \n );\n}\n","import React from 'react';\nimport styles from './index.module.css';\nimport { useTransition, useChain, animated, useSpringRef } from '@react-spring/web';\nimport ScrollTrigger from '../ui_kit/utilities/scroll_trigger';\n\nexport default function TwoTestimonials({\n smallHeadline = `Testimonials`,\n smallHeadlineClassName = null,\n headline = 'What others are saying',\n headlineClassName = null,\n paraClassName = null,\n nameClassName = null,\n cityClassName = null,\n bg = '#DDF7F9',\n quoteImg = null,\n doNotAnimate = false,\n testimonials = [\n {\n text: \"Joining the PatientPartner community was easily the highlight of my week. I feel like I've made new friends, and I'm more than confident that I'm ready for surgery.\",\n name: 'Kate',\n city: 'Dallas, TX',\n },\n {\n text: 'A community like PatientPartner is so important because sometimes you just don’t know where to go. You need that community to lean on and trust.',\n name: 'Charles',\n city: 'San Diego, CA',\n },\n ], // <-- animation is buggy if you use the stock testimonials here, simply pass them in just like this in the parent component to circumvent the bug\n quoteColor = '59B6BE',\n}) {\n // testimonials animation\n const [animateText, setAnimateText] = React.useState(false || doNotAnimate);\n const [animate, setAnimate] = React.useState(false || doNotAnimate);\n const dropIconAnimation = useSpringRef();\n const dropdown = useTransition(animate ? testimonials : [], {\n ref: dropIconAnimation,\n config: { mass: 1, tension: 500, friction: 30 },\n from: { opacity: 0, transform: 'translateY(-10px)' },\n enter: { opacity: 1, transform: 'translateY(0px)' },\n trail: 100,\n });\n\n useChain([dropIconAnimation], [0.1]);\n // testimonials animation\n\n return (\n {title}
}\n\n \n
\n \n \n setAnimateLeft(true)} />\n \n {headlineContent ? headlineContent : headline}\n \n {middleContent ? middleContent :
\n {para}
}\n {actionContent}\n\n setAnimateRight(true)} />\n \n
\n \n
\n \n setAnimateText(true)} />\n
\n {smallHeadline}
\n{headline}
\n\n
\n \n {dropdown((style, testimonial) => (\n
\n ))}\n \n \n {quoteImg ? (\n quoteImg\n ) : (\n \n \n \n )}\n \n 
\n
\n \n {testimonial.text}
\n\n
\n {testimonial.name}
\n{testimonial.city}
\n\n \n {para &&
\n \n );\n}\n","import React, { useState } from 'react';\nimport FAQ from './faq';\n\nexport default function FAQs({\n title = \"FAQ's\",\n faqs = [\n {\n headline: 'What is PatientPartner?',\n para: 'Think of PatientPartner as an advocate for your health. A friend, a resource, and a guide through surgery. We are a community of like-minded patients and verified doctors who are here to guide you every step of the way. Learn from personal insights, success stories, and advice on specific surgery, treatment, or condition. Our goal is to create a better healthcare experience for everyone.',\n },\n {\n headline: 'How much time is required to be a PatientPartner Mentor?',\n para: 'As much time as you are willing to dedicate! As a PatientPartner Mentor, you have the freedom to accept or pass any connection request. The commitment for each accepted connection is simply messaging back and forth on our platform or a phone call through our platform. On average, current mentors say they spend between 1-3 hours a week providing support to patients.',\n },\n {\n headline: 'How do PatientPartner Mentors communicate with patients?',\n para: 'All communication happens within your PatientPartner account where you can chat or call the patient. Your personal contact details are never shared.',\n },\n {\n headline: 'Are there guidelines for what I can and cannot say to a patient?',\n para: 'Our goal is to create a safe space where patients can have authentic connections and ask personal questions. While we do not provide scripts or strict guidelines, we ask that mentors focus on their personal experience and do not provide medical or insurance advice.',\n },\n {\n headline: 'Who can I talk to if I have more questions about becoming a PatientPartner Mentor?',\n para: 'You can contact the PatientPartner team directly here and we will get back to you within 24 hours. We look forward to discussing the opportunity with you further!',\n },\n ],\n}) {\n //functions here\n\n return (\n setOpen(!open)} className={styles.drawer_inr}>\n {headline &&
\n {headline}
}\n {headlineContent && headlineContent}\n\n \n
\n {para}
}\n {content && content}\n\n
\n );\n}\n","import React, { Suspense, useContext } from 'react';\nimport TextLeftImgRightWbg from '../../hero_sections/txt_left_img_right_wbg';\nimport FeaturedInMedia from '../../featured_in_media';\nimport AboutHeadlineThreeIcons from '../../about_headline_three_icons';\nimport ImgLeftTextRight from '../../hero_sections/img_left_text_right';\nimport ImgRightTextLeftSimple from '../../hero_sections/img_right_text_left_simple';\nimport EmailSignupFooter from '../../email_signup_footer';\nimport HowItWorks from '../../hero_sections/how_it_works';\nimport TwoTestimonials from '../../two_testimonials';\nimport { autofocusAll } from '../../../helpers';\nimport Context from '../../../utils/context';\nimport './index.css';\nimport styles from '../index.module.css';\nimport ImgRTxtLSimple from '../../hero_sections/img_r_txt_l_simple';\nimport FAQs from '../../ui_kit/utilities/faqs';\n\nconst SurgeonMatchQuestionnaire = React.lazy(() => import('../../questionnaire/surgeon_match'));\n\nexport default function WomensHealthSurgeonMatch({\n home,\n updateAnswersAction,\n setContactIdAction,\n setSurgeonMatchQuestionnaireProgress,\n setSurgeon,\n}) {\n const context = useContext(Context);\n const viewport = context.viewport;\n const isMobile = viewport.getIsMobile();\n\n const scrollToQuestionnaire = () => {\n document.querySelector('#questionnaire').scrollIntoView({\n behavior: 'smooth',\n });\n const timer = setTimeout(() => {\n autofocusAll();\n }, 1000);\n return () => clearTimeout(timer);\n };\n\n return (\n <>\n \n {title}\n
\n {faqs.map((faq) => (\n\n fibroid symptoms?\n \n }\n para='Find a specialist near you who can help find relief from heavy, painful periods with minimally invasive, uterine sparing options.'\n bg='https://patientpartner-images2.s3.us-west-1.amazonaws.com/website/uterine-fibroids-hero.jpeg'\n actionContent={\n
\n \n Find a specialist\n \n
\n }\n imgOffset={false}\n imgShadow={false}\n topOfIcon={'75%'}\n heightOfImage={isMobile ? '300px' : '500px'}\n headlineFontSize={'58px'}\n iconContent={\n \n }\n />\n \n
\n \n \n
\n \n \n Most women with abnormal uterine bleeding don't realize it's a symptom of uterine fibroids, which 80% of\n women will develop by the age of 50.1 Stop suffering and find relief today!\n \n
\n Have you heard about the Acessa® procedure?
\n- \n
- Minimally invasive and uterine sparing \n
- \n 98% of women in the clinical study recommended Acessa procedure2\n \n
- \n Most women return to work in 4-5 days 3\n \n
- Covered by most insurances \n
\n Interested in learning more? Get connected with a specialist to see how you can find relief with the\n Acessa procedure.\n
\n\n *As with any medical procedure, there are potential risks to consider. Only you and your surgeon should\n decide if Acessa is right for you.\n
\n \n }\n actionContent={<>}\n />\n\n Connect with a specialist for free}\n middleContent={\n \n Find a specialist\n \n }\n />\n
\n \n
\n }\n actionContent={\n We find the best care for you
\n- \n
- Find a specialist who accepts your insurance. \n
- Request a referral and instantly connect to ask questions. \n
- Speak with recovered patients for advice, personal insight, and doctor reviews. \n
,\n headline: 'Sign up for a free account',\n para: 'Join the PatientPartner platform that’s easy and free to use.',\n },\n {\n image: ,\n headline: 'Send an inquiry',\n para: 'Instantly send a message to a specialist that’s covered by your insurance',\n },\n {\n image: ,\n headline: 'Learn about your options',\n para: 'See what steps you can take to finally find your pain relief.',\n },\n ]}\n paraColor='#232323'\n />\n \n
\n \n \n loading}>\n \n
\n \n
\n \n );\n}\n","import { connect } from 'react-redux';\nimport {\n setContactIdAction,\n updateAnswersAction,\n setSurgeonMatchQuestionnaireProgress,\n setSurgeon,\n} from '../../../actions/home';\nimport WomensHealthSurgeonMatch from '../../../components/womens_health/surgeon_match';\n\nconst mapStateToProps = (state) => state;\n\nconst mapDispatchToProps = (dispatch) => ({\n updateAnswersAction: (item) => dispatch(updateAnswersAction(item)),\n setContactIdAction: (item) => dispatch(setContactIdAction(item)),\n setSurgeonMatchQuestionnaireProgress: (item) => dispatch(setSurgeonMatchQuestionnaireProgress(item)),\n setSurgeon: (item) => dispatch(setSurgeon(item)),\n});\n\nexport default connect(mapStateToProps, mapDispatchToProps)(WomensHealthSurgeonMatch);\n","import React, { useState } from 'react';\nimport DatePickerWrapper from '../../../date_picker_wrapper';\n\nexport default function WhenIsConsultation({ onBack, onSubmit, title, para, keyForAnswer, yesState, answers, gtm }) {\n const [apptDate, setApptDate] = useState(answers[keyForAnswer] || '');\n\n const submit = (e) => {\n e.preventDefault();\n onSubmit({ [keyForAnswer]: apptDate }, yesState);\n };\n\n const getNextWork = (d) => {\n d.setDate(d.getDate() + 1); // tomorrow\n if (d.getDay() == 0) d.setDate(d.getDate() + 1);\n else if (d.getDay() == 6) d.setDate(d.getDate() + 2);\n return d;\n };\n const isWeekday = (date) => {\n const day = date.getDay();\n return day !== 0 && day !== 6;\n };\n\n const minDate = getNextWork(getNextWork(new Date()));\n\n return (\n \n
\n \n References:,\n content: (\n
\n - \n
- \n Uterine Fibroid Fact Sheet. Office on Women’s Health. U.S. Department of Health & Human\n Services. https://www.womenshealth.gov/a-z-topics/uterine-fibroids. Accessed February 20, 2019.\n \n
- \n SG Chudnoff, et al. Outpatient Procedure for the Treatment and Relief of Symptomatic Uterine\n Myomas. Obstetrics and Gynecology, 2013;121(5):1075–82.\n \n
- \n SG Chudnoff, et al. Outpatient Procedure for the Treatment and Relief of Symptomatic Uterine\n Myomas. Obstetrics and Gynecology, 2013;121(5):1075–82.\n \n
\n setApptDate(date)}\n wrapperClassName={'react-datepicker-wrapper material-input light'}\n placeholderText={'Select date'}\n />\n
\n );\n}\n","import { connect } from 'react-redux';\nimport { updateAnswersAction } from '../../actions/surgeon_match_journey_feedback';\nimport SurgeonMatchJourneyFeedback from '../../components/weight_loss/journey_feedback';\n\nconst mapStateToProps = (state) => state;\n\nconst mapDispatchToProps = (dispatch) => ({\n updateAnswersAction: (item) => dispatch(updateAnswersAction(item)),\n});\n\nexport default connect(mapStateToProps, mapDispatchToProps)(SurgeonMatchJourneyFeedback);\n","export const updateAnswersAction = (item) => {\n return {\n type: 'UPDATE_JOURNEY_FEEDBACK_ANSWERS',\n item,\n };\n};\n","import React, { useState, useEffect, useRef } from 'react';\nimport { Link, useParams } from 'react-router-dom';\nimport { createSurgeonMatchFeedbackContact } from '../../../api/surgeon_match_feedback_contacts';\nimport DatePickerWrapper from '../../date_picker_wrapper';\nimport LoadingScreen from '../../loading_screen';\nimport OptionsAndOther from '../../questionnaire/feedback_questions/options_and_other';\nimport OtherTextfield from '../../questionnaire/feedback_questions/other_textfield';\nimport WhenIsConsultation from '../../questionnaire/feedback_questions/when_is_consultation';\nimport YesNoSubmit from '../../questionnaire/feedback_questions/yes_no_submit';\nimport './surgeon_match_journey_feedback.css';\n\nexport default function SurgeonMatchJourneyFeedback({ updateAnswersAction, surgeonMatchJourneyFeedback }) {\n const [showLoading, setShowLoading] = useState(true);\n const [questionnaireState, setQuestionnaireState] = useState('intro');\n const [fade, setFade] = useState(false);\n const [slideLeft, setSlideLeft] = useState(false);\n const [slideRight, setSlideRight] = useState(false);\n const [answers, setAnswers] = useState({});\n const [id] = useState(new URLSearchParams(window.location.search).get('contact_id'));\n const [name, setName] = useState();\n const [surgeonName, setSurgeonName] = useState();\n const [questionnaireHistory, setQuestionnaireHistory] = useState(['intro']);\n\n useEffect(() => {\n contactSyncWrapper(id, answers, null, (data) => {\n setShowLoading(false);\n setName(data.name);\n setSurgeonName(data.surgeon_name);\n });\n }, [id]);\n\n const startFadeOut = () => {\n setFade(true);\n setSlideLeft(true);\n setShowLoading(true);\n };\n\n const startFadeIn = () => {\n setShowLoading(false);\n setSlideLeft(false);\n setSlideRight(true);\n setSlideRight(false);\n setFade(false);\n };\n\n const contactSyncWrapper = (contactId, answer, nextState, callback) => {\n if (nextState !== null) {\n setQuestionnaireHistory([...questionnaireHistory, nextState]);\n }\n createSurgeonMatchFeedbackContact(contactId, answer, nextState == 'thank_you', (data) => {\n if (callback) {\n callback(data);\n }\n });\n };\n\n const onSubmit = (newAnswer, nextState) => {\n if (questionnaireState === 'intro') {\n nextState = 'did_office_contact_you';\n }\n setAnswers({ ...answers, ...newAnswer });\n startFadeOut();\n contactSyncWrapper(id, { ...answers, ...newAnswer }, nextState, (data) => {\n setQuestionnaireState(nextState);\n startFadeIn();\n });\n };\n\n const onBackClick = () => {\n setFade(true);\n setSlideRight(true);\n var arr = questionnaireHistory;\n if (questionnaireHistory.length > 1) {\n arr.splice(-1);\n }\n setQuestionnaireHistory(arr);\n setQuestionnaireState(questionnaireHistory[questionnaireHistory.length - 1]);\n setSlideLeft(false);\n setSlideRight(false);\n setFade(false);\n };\n\n return (\n {title}
\n{para}
\n\n
\n \n \n submit(e)}\n data-gtm-click-label={`${gtm} - Next`}\n >\n Next\n \n
\n \n \n {showLoading && (\n
\n \n \n );\n}\n","export const createSurgeonMatchFeedbackContact = (contactId, answers, completedFeedbackSurvey, successFunction) => {\n const csrf = document.querySelector(\"meta[name='csrf-token']\").getAttribute('content');\n fetch('/surgeon_match_feedbacks', {\n method: 'POST',\n headers: {\n 'Content-Type': 'application/json',\n 'X-CSRF-Token': csrf,\n },\n body: JSON.stringify({\n contact_id: contactId,\n answers,\n completed_feedback_survey: completedFeedbackSurvey,\n }),\n })\n .then((response) => response.json())\n .then((data) => {\n successFunction(data);\n })\n .catch(function (error) {\n console.log(error);\n });\n};\n","import React, { Component, useState, useEffect } from 'react';\nimport './countdown_timer.css';\n\nexport default function ({ date = 'Feb 11, 2021 11:00:00' }) {\n const [webinarDate, setWebinarDate] = useState(new Date(date).getTime());\n const [timer, setTimer] = useState(new Date().getTime());\n const [distance, setDistance] = useState(webinarDate - timer);\n const [whenIsIt, setWhenIsIt] = useState({\n days: 0,\n hours: 0,\n minutes: 0,\n seconds: 0,\n });\n\n useEffect(() => {\n const timeout = setTimeout(() => {\n setTimer(new Date().getTime());\n setDistance(webinarDate - timer);\n setWhenIsIt({\n days: Math.floor(distance / (1000 * 60 * 60 * 24)),\n hours: Math.floor((distance % (1000 * 60 * 60 * 24)) / (1000 * 60 * 60)),\n minutes: Math.floor((distance % (1000 * 60 * 60)) / (1000 * 60)),\n seconds: Math.floor((distance % (1000 * 60)) / 1000),\n });\n }, 1000);\n\n return () => {\n clearTimeout(timeout);\n };\n }, [whenIsIt]);\n\n return (\n \n
\n )}\n \n \n
\n \n \n \n {questionnaireState === 'intro' && (\n <>\n
\n Share your feedback
\n\n Hi {name}, thank you for taking the time to share your experience with us. This survey should only\n take a minute and will help us support you better.\n
\n \n \n )}\n {questionnaireState === 'did_office_contact_you' && (\n <>\nThank you!
\nWe’ve received your feedback. We’ll send you a text to help you further based on your answers.
\n \n )}\n\n
\n );\n}\n","export const createWebinarContacts = (\n email,\n webinar,\n fullName,\n phone,\n currentJourney,\n zipcode,\n extraInfo,\n successFunction\n) => {\n const csrf = document.querySelector(\"meta[name='csrf-token']\").getAttribute('content');\n fetch('/webinar_contacts', {\n method: 'POST',\n headers: {\n 'Content-Type': 'application/json',\n 'X-CSRF-Token': csrf,\n },\n body: JSON.stringify({\n ...window.utmInfo,\n email: email,\n webinar: webinar,\n full_name: fullName,\n phone: phone,\n current_journey: currentJourney,\n new_zipcode: zipcode,\n extra_info: extraInfo,\n }),\n })\n .then((response) => response.json())\n .then((data) => {\n successFunction(data);\n });\n};\n","import React, { Component, useState, useEffect } from 'react';\nimport { Link } from 'react-router-dom';\nimport CountdownTimer from '../countdown_timer';\nimport SuccessPanel from '../success_panel';\nimport './weight_loss_webinar.css';\nimport FsLightbox from 'fslightbox-react';\nimport { createWebinarContacts } from '../../api/webinar_contacts';\nimport { useCookies } from 'react-cookie';\nimport { validatePhone, validateEmail, validateText } from '../../helpers';\n\nexport default function ({ home, updateAnswersAction }) {\n const ALL_VALUES = [\n 'Learning more about weight-loss surgery',\n 'Finding out if insurance will cover the procedure',\n 'Learning about surgical revisions',\n 'Preparing for my upcoming surgery',\n 'Looking for support during recovery',\n ];\n const defaultFullName = home.answers.name || '';\n const defaultFirstName = defaultFullName.split(' ').slice(0, -1).join(' ');\n const defaultLastName = defaultFullName.split(' ').slice(-1).join(' ');\n\n const [firstName, setFirstName] = useState(defaultFirstName);\n const [lastName, setLastName] = useState(defaultLastName);\n const [email, setEmail] = useState(home.answers.email || '');\n const [phone, setPhone] = useState(home.answers.phone || '');\n const [extraInfo, setExtraInfo] = useState('');\n const [currentJourney, setCurrentJourney] = useState(ALL_VALUES[0]);\n const [toggler, setToggler] = useState(false);\n const [showSuccess, setShowSuccess] = useState(false);\n const [cookies, setCookie, removeCookie] = useCookies(cookies);\n const [evergreen, setEvergreen] = useState(false);\n\n let disabled = 'disabled';\n let emailError = '';\n let phoneError = '';\n var checkedEmail = validateEmail(email);\n var checkedFirstName = validateText(firstName);\n var checkedLastName = validateText(lastName);\n var checkedPhone = validatePhone(phone);\n\n if (checkedFirstName === true && checkedLastName === true && checkedEmail === true && checkedPhone === true) {\n disabled = '';\n } else {\n disabled = 'disabled';\n }\n\n if (email !== '' && email !== undefined && checkedEmail === false) {\n emailError = 'Please enter a valid email';\n } else if (email !== '' && checkedEmail === true) {\n emailError = '';\n }\n\n if (phone !== '' && phone !== undefined) {\n if (checkedPhone === false) {\n phoneError = 'Please enter a valid phone number';\n } else {\n phoneError = '';\n }\n }\n\n const onSubmit = () => {\n createWebinarContacts(email, 'Weight Loss', firstName, lastName, phone, currentJourney, null, extraInfo, (data) => {\n setShowSuccess(true);\n scrollToSignUp();\n setCookie('weightlosswebinar', { shownPopup: true }, { path: '/' });\n });\n updateAnswersAction({\n ...home.answers,\n name: `${firstName} ${lastName}`,\n email,\n phone,\n });\n };\n\n const scrollToSignUp = () => {\n document.querySelector('#sign-up').scrollIntoView({\n behavior: 'smooth',\n });\n };\n\n const scrollToWebinar = () => {\n document.querySelector('#webinar').scrollIntoView({\n behavior: 'smooth',\n });\n };\n\n useEffect(() => {\n var webinarTime = new Date('Feb 11, 2021 11:00:00').getTime();\n var currentTime = new Date().getTime();\n if (webinarTime - currentTime <= 0) {\n setEvergreen(true);\n }\n }, []);\n\n return (\n \n
\n \n
\n Days
\n{whenIsIt.days}
\n\n
\n \n
\n Hours
\n{whenIsIt.hours}
\n\n
\n \n
\n Minutes
\n{whenIsIt.minutes}
\n\n
\n \n
\n Seconds
\n{whenIsIt.seconds}
\n\n
\n );\n}\n","import { connect } from 'react-redux';\nimport { updateAnswersAction } from '../../actions/home';\nimport WeightLossWebinar from '../../components/weight_loss_webinar';\n\nconst mapStateToProps = (state) => state;\n\nconst mapDispatchToProps = (dispatch) => ({\n updateAnswersAction: (item) => dispatch(updateAnswersAction(item)),\n});\n\nexport default connect(mapStateToProps, mapDispatchToProps)(WeightLossWebinar);\n","import React, { Component, useState, useEffect } from 'react';\nimport { Link } from 'react-router-dom';\nimport CountdownTimer from '../countdown_timer';\nimport SuccessPanel from '../success_panel';\nimport './weight_loss_webinar_parent.css';\nimport FsLightbox from 'fslightbox-react';\nimport { useCookies } from 'react-cookie';\nimport { validatePhone, validateEmail, validateText, validateZipcode } from '../../helpers';\nimport { createWebinarContacts } from '../../api/webinar_contacts';\nimport ErrorMessage from '../ui_kit/utilities/error_message';\n\nexport default function WeightLossWebinarParent({\n home,\n updateAnswersAction,\n webinarTitleForDb,\n smallSubTitle = 'Free Weight Loss Webinar',\n title = 'Life through Bariatric surgery: Questions you’re scared to ask',\n photo = 'https://patientpartner-images2.s3.us-west-1.amazonaws.com/website/webinars/weight-loss/dr-russo-and-dina/freeweightlosswebinar.jpeg',\n trailer,\n webinarDate = 'Feb 11, 2021 11:00:00',\n webinarDateText = ['Monday, April 12th, 2021', '11:00 AM PT', '45 Minutes'],\n evergreenPage,\n googleCalendarLink,\n otherCalendarLink,\n content,\n wrapperClass,\n}) {\n const ALL_VALUES = [\n 'Please select an option',\n 'Exploring weight-loss options',\n 'Ready to get weight-loss surgery',\n 'Learning about surgical revisions',\n 'Looking for support during recovery',\n ];\n const defaultFullName = home.answers.name || '';\n\n const [fullName, setFullName] = useState(defaultFullName);\n const [email, setEmail] = useState(home.answers.email || '');\n const [phone, setPhone] = useState(home.answers.phone || '');\n const [zipcode, setZipcode] = useState(home.answers.zipcode || '');\n const [extraInfo, setExtraInfo] = useState('');\n const [currentJourney, setCurrentJourney] = useState(ALL_VALUES[0]);\n const [toggler, setToggler] = useState(false);\n const [showSuccess, setShowSuccess] = useState(false);\n const [cookies, setCookie, removeCookie] = useCookies(cookies);\n const [evergreen, setEvergreen] = useState(false);\n\n let disabled = 'disabled';\n let emailError = '';\n let phoneError = '';\n let zipcodeError = '';\n var checkedEmail = validateEmail(email);\n var checkedFullName = validateText(fullName);\n var checkedPhone = validatePhone(phone);\n var checkedZip = validateZipcode(zipcode);\n\n if (\n checkedFullName === true &&\n checkedEmail === true &&\n checkedPhone === true &&\n checkedZip === true &&\n currentJourney !== 'Please select an option'\n ) {\n disabled = '';\n } else {\n disabled = 'disabled';\n }\n\n if (email !== '' && email !== undefined && checkedEmail === false) {\n emailError = 'Please enter a valid email';\n } else if (email !== '' && checkedEmail === true) {\n emailError = '';\n }\n\n if (phone !== '' && phone !== undefined) {\n if (checkedPhone === false) {\n phoneError = 'Please enter a valid phone number';\n } else {\n phoneError = '';\n }\n }\n\n if (zipcode !== '' && zipcode !== undefined) {\n if (checkedZip === false) {\n zipcodeError = 'Please enter only numbers for zipcode';\n } else {\n zipcodeError = '';\n }\n }\n\n const onSubmit = () => {\n createWebinarContacts(email, webinarTitleForDb, fullName, phone, currentJourney, zipcode, extraInfo, (data) => {\n setShowSuccess(true);\n scrollToSignUp();\n setCookie('weightlosswebinar', { shownPopup: true }, { path: '/' });\n });\n updateAnswersAction({\n ...home.answers,\n name: fullName,\n email,\n phone,\n zipcode,\n });\n };\n\n const scrollToSignUp = () => {\n document.querySelector('#sign-up').scrollIntoView({\n behavior: 'smooth',\n });\n };\n\n const scrollToWebinar = () => {\n document.querySelector('#webinar').scrollIntoView({\n behavior: 'smooth',\n });\n };\n\n useEffect(() => {\n var webinarTime = new Date(webinarDate).getTime();\n var currentTime = new Date().getTime();\n if (webinarTime - currentTime <= 0) {\n setEvergreen(true);\n }\n }, []);\n\n return (\n \n \n
\n \n \n
\n \n
\n \n
\n \n
\n Free Weight Loss Webinar
\nLife through Bariatric surgery: Questions you’re scared to ask
\n \n\n
\n setToggler(!toggler)} className='click-container'>\n
\n \n \n \n \n \n
\n Watch Trailer
\n\n
\n {!evergreen && (\n \n
\n \n
\n \n {!evergreen && (\n <>\n
\n Thursday, February 11th, 2021
\n11:00 AM PT | 45 Minutes
\n\n
\n \n )}\n {!showSuccess && (\n <>\n {!evergreen && Register now for the free webinar:
}\n {evergreen &&Register now to view the webinar replay:
}\n\n setFirstName(event.target.value)}\n required\n />\n \n \n \n
\n \n setLastName(event.target.value)}\n required\n />\n \n \n \n
\n \n setEmail(event.target.value)}\n required\n />\n \n \n \n
\n \n setPhone(event.target.value)}\n required\n />\n \n \n \n
\n \n
\n {!evergreen && (\n Where are you in your weight-loss journey:
\n \n\n setExtraInfo(e.target.value)}\n >\n
\n )}\n \n Ask Victoria anything! What questions would you like answered:
\n{emailError}
\n{phoneError}
\n \n )}\n {showSuccess && !evergreen && (\n\n
\n )}\n {showSuccess && evergreen && (\n \n
\n )}\n \n
\n \n
\n \n
\n Thursday, February 11th, 2021
\n11:00 AM PT | 45 Minutes
\n\n Do you feel nervous to take the first step in learning about weight-loss surgery and how it can help\n you? Are you getting lost in the misinformation you are receiving online? Want to get real advice and\n get your questions answered from someone who has been through weight-loss surgery?\n
\n\n Join our webinar and discover the personal journey of Victoria Bruce as she{' '}\n successfully lost 150 lbs with weight-loss surgery. After the birth of her second child, she\n reached her highest weight of 335 lbs. She was 30 years old with a BMI of 44.2 and felt trapped in her\n own body as she couldn’t enjoy the activities with her family. After her sleeve gastrectomy surgery\n six-month follow-up, she had lost 150lbs and gained a new BMI of 24.4!\n
\n \nDuring the webinar, Victoria will:
\n- \n
- Talk through her personal journey and share her results \n
- Uncover things she wishes she knew before considering surgery \n
- Discuss the effects this surgery has on your family, and much more! \n
- Explain how surgery gave her a new lease on life \n
- Answering any of your questions. \n
About the speaker Victoria Bruce:
\n\n
\n \n 
\n
\n \n \n 
\n
\n \n \n Victoria Bruce has been involved in the weight-loss community for over eight years after having her VSG\n in 2012. She has established an international support group following for patients to find support, both\n in-person and on-line. Victoria has also worked with obesity scientists and specialists at The Hospitals\n of Providence, The Institute for Healthy Living, and Obesity Week on their weight-loss surgery programs.\n
\n
\n Victoria now sits on the Board of Directors for the American Society for Metabolic and Bariatric Surgery\n Foundation, serving as a resource and support to the charitable arm of the ASMBS.\n
\n {trailer && (\n
\n )}\n {!trailer && (\n \n <>\n \n
\n \n \n
\n \n \n
\n \n
\n \n
\n {smallSubTitle}
\n{title}
\n \n\n setToggler(!toggler)}\n className='click-container'\n >\n
\n \n \n \n \n \n
\n Watch Trailer
\n\n \n
\n )}\n \n
\n \n
\n \n
\n \n {smallSubTitle}
\n{title}
\n \n\n
\n {!evergreen && \n
\n \n
\n \n {!evergreen && (\n <>\n \n Register now\n \n )}\n {evergreen && (\n \n Watch now\n \n )}\n {emailError &&
\n {webinarDateText[0]}
\n\n {webinarDateText[1]} | {webinarDateText[2]}\n
\n\n
\n \n )}\n {!showSuccess && (\n <>\n {!evergreen && (\n <>\n Register now for the free webinar:
\n\n *If you can’t make the live event, register and we’ll send you the recording!\n
\n \n )}\n {evergreen &&Register now to view the webinar replay:
}\n\n setFullName(event.target.value)}\n required\n />\n \n \n \n
\n \n setEmail(event.target.value)}\n required\n />\n \n \n \n
\n \n setPhone(event.target.value)}\n required\n />\n \n \n \n
\n \n setZipcode(event.target.value)}\n required\n />\n \n \n \n
\n \n setCurrentJourney(event.target.value)}\n >\n {ALL_VALUES.map((value) => (\n \n ))}\n \n
\n {!evergreen && (\n Where are you in your weight-loss journey:
\n\n setExtraInfo(e.target.value)}\n >\n
\n )}\n {!evergreen && (\n What questions would you like answered:
\n\n \n Watch the webinar\n \n \n
\n )}\n \n
\n \n \n Register now\n \n {content}\n
\n \n
\n {webinarDateText[0]}
\n\n {webinarDateText[1]} | {webinarDateText[2]}\n
\n\n \n
\n );\n}\n","import React, { Component, useState, useEffect } from 'react';\nimport './weight_loss_webinar_view.css';\n\nexport default function WebinarView({ video }) {\n return (\n \n Are you interested in learning more about losing weight with bariatric surgery from an expert?\n
\n\n Weight-loss surgery is the proven, most effective treatment for obesity. Find out how to begin your\n journey to a healthier and more fulfilling life!\n
\n\n Dr. Russo of Smart Dimensions™ weight loss surgery practice in Orange County will discuss the stigma\n behind obesity, weight loss surgery, and how to overcome it. We will explain why you might be eligible,\n the effectiveness of surgery, and insurance accessibility. We will also welcome Dr. Russo's recovered\n patient, Dina, who will share her story on fighting obesity and finally committing to bariatric surgery,\n which was the best decision she has ever made.\n
\n\n Join our webinar and get facts from one of the best doctors in the industry. In this free weight-loss\n surgery webinar, you'll learn:\n
\n- \n
- What obesity actually is and how to deal with it \n
- The safety and effectiveness of bariatric surgery \n
- Insurance options and how you can get your surgery covered \n
- A personal story from a past patient, telling you directly what she went through \n
\n Weight loss surgery is safe and effective. It is not cheating or the easy way out. Join our webinar to\n find out if this could be a life-changing option for you.\n
\nAbout Dr. Russo:
\n\n
\n \n
\n \n Dr. Michael Russo, MD, is a Bariatric Surgery Specialist in Orange County, CA, and has over 13 years of\n experience in the medical field. As a board-certified and fellowship-trained bariatric, gastroesophageal\n and general surgeon, Dr. Michael Russo specializes in minimally-invasive and robotic techniques to provide\n his patients with the best possible results. He graduated from Medical College Of Ohio medical school in\n 2007. He is affiliated with Fountain Valley Regional Hospital and Medical Center and Orange Coast Memorial\n Medical Center.\n
\n \n \n }\n />\n\n {!video && (\n \n )}\n
\n );\n}\n","import React from 'react';\nimport WebinarView from '.';\n\nexport default function ({}) {\n return (\n \n
\n )}\n {video && (\n \n
\n \n
\n Replay coming soon
\n\n
\n );\n}\n","import { connect } from 'react-redux';\nimport { updateAnswersAction } from '../../../actions/home';\nimport June292021 from '../../../components/webinars/june_29_2021';\n\nconst mapStateToProps = (state) => state;\n\nconst mapDispatchToProps = (dispatch) => ({\n updateAnswersAction: (item) => dispatch(updateAnswersAction(item)),\n});\n\nexport default connect(mapStateToProps, mapDispatchToProps)(June292021);\n","import React from 'react';\nimport VideoType1 from '../../video_sections/video_type_1';\nimport WeightLossWebinarParent from '../index';\n\nexport default function June292021({ home, updateAnswersAction }) {\n return (\n \n \n
\n );\n}\n","import React from 'react';\nimport WebinarView from '.';\n\nexport default function ({}) {\n return (\n \n Thinking about weight-loss surgery? Make sure you know all the facts - and myths - about the procedure and\n what to expect after.\n
\n\n Bariatric surgery is gaining popularity, yet a lot of patients still get scared to go through with the\n procedure and receive the care they need because of the misconceptions around the topic.\n
\n\n If you’re thinking about weight loss surgery, you will want to listen in on this webinar where Dr. Smith\n will debunk the most common myths and talk through the information you need before making any decision. We\n will also be joined by Dr. Smith’s recovered patient and a PatientPartner mentor, Ashley Gonzalez, who\n lost 130 pounds since surgery to talk about her journey, address the experience from her perspective and\n answer questions.\n
\n\n Join our webinar as we talk through the following post-surgery misconceptions:\n
\n- \n
- You’ll still need blood pressure medication and insulin \n
- Recovery is painful and takes too long \n
- Weight regain is inevitable and there is nothing you can do about it \n
- You don’t have to make any dietary changes after surgery \n
- Personal relationships will stay the same after surgery \n
About Dr. Smith:
\n\n
\n \n
\n \n Dr. Adam Smith fights obesity on a personal and professional level. He is not just a bariatric surgeon but\n also a patient. After watching his patients and their success with the LAP-BAND® system, Dr. Smith chose\n to undergo LAP-BAND® surgery in 2002 to aid in his own personal weight loss. After losing 100 pounds\n himself, Dr. Smith was able to relate to patients and their everyday struggles. This knowledge has helped\n him develop one of the most comprehensive aftercare programs in North Texas. Dr. Smith has led the battle\n on many different fronts by standing up for the rights of the obese population.\n
\n \n \n }\n />\n\n
\n );\n}\n","import React from 'react';\nimport WebinarView from '.';\n\nexport default function ({}) {\n return (\n \n
\n );\n}\n","import { connect } from 'react-redux';\nimport { updateAnswersAction } from '../../../actions/home';\nimport September212021 from '../../../components/webinars/september_21_2021';\n\nconst mapStateToProps = (state) => state;\n\nconst mapDispatchToProps = (dispatch) => ({\n updateAnswersAction: (item) => dispatch(updateAnswersAction(item)),\n});\n\nexport default connect(mapStateToProps, mapDispatchToProps)(September212021);\n","import React from 'react';\nimport WeightLossWebinarParent from '../index';\nimport VideoType1 from '../../video_sections/video_type_1';\nexport default function September212021({ home, updateAnswersAction }) {\n return (\n \n \n
\n );\n}\n","import React, { Component, useState, useEffect } from 'react';\nimport './weight_loss_webinar_view.css';\n\nexport default function ({ video = 'https://www.youtube.com/embed/8rlp0qv9lIE' }) {\n return (\n Are you interested in weight loss surgery but aren’t sure what to expect?
\n\n One of the biggest hesitations around weight loss surgery is the unknown of what life looks like after\n surgery. The questions seem to never end…\n
- \n
- How long is recovery? \n
- Will I have a scar? \n
- Can I eat the same things after surgery? \n
- How long do I have to wait to exercise? \n
- How much time will I need to take off from work? \n
\n All of these questions and more will be addressed in the Life After Surgery Webinar hosted by\n PatientPartner and Dr. Hanna. Join in on the conversation to demystify what life looks like after weight\n loss surgery.\n
\n\n Dr. Hanna, Medical Director of Las Vegas Bariatrics, joins us in discussing the most common questions\n around what life is like after bariatric surgery. Dr. Hanna will guide us through the important details in\n anticipation of physical changes, potential limitations within life, and more. We will also be joined by\n Dr. Hanna’s recovered patient, Rana Khalil, who will share her story on how bariatric surgery has\n transformed her life. \n
\n\n The webinar will include Dr. Hanna’s insights throughout his extensive experience with bariatric surgery\n in helping patients transform their lives. \n
\n\n Weight loss surgery is safe and effective. Join our webinar to find out if this could be a life-changing\n option for you.\n
\nAbout Dr. Hanna:
\n\n
\n \n
\n \n Bernie Hanna, MD, FACS FASMBS is an internationally recognized bariatric surgeon and the founder and\n Medical Director of Las Vegas Bariatrics. He is known for his expertise in performing the Vertical Sleeve\n Gastrectomy (VSG), Roux-en-Y (RNY) Gastric Bypass, Adjustable Gastric Band (Lap-Band), and weight loss\n surgery revisions. Dr. Hanna serves as the Medical Director for North Vista Hospital, Sunrise Hospital and\n Medical Center, and Dignity San Martin Hospital. Dr. Hanna is also an award-winning surgeon, having\n received multiple Top Surgeon honors and achieved the “Top Doctor” award in 2020. Specializing in advanced\n laparoscopic surgery, Dr. Hanna stays at the forefront of surgery and bariatrics by being involved in\n surgical research. \n
\n \n \n }\n />\n\n {!video && (\n \n )}\n
\n );\n}\n","import { connect } from 'react-redux';\nimport { updateAnswersAction } from '../../../actions/home';\nimport January182022 from '../../../components/webinars/january_18_2022';\n\nconst mapStateToProps = (state) => state;\n\nconst mapDispatchToProps = (dispatch) => ({\n updateAnswersAction: (item) => dispatch(updateAnswersAction(item)),\n});\n\nexport default connect(mapStateToProps, mapDispatchToProps)(January182022);\n","import React from 'react';\nimport WeightLossWebinarParent from '../index';\nexport default function January182022({ home, updateAnswersAction }) {\n return (\n \n
\n )}\n {video && (\n \n
\n \n
\n Replay coming soon
\n\n \n
\n );\n}\n","import React from 'react';\nimport WebinarView from '.';\n\nexport default function ({}) {\n return (\n \n Weight loss surgery can seem intimidating because of the dietary requirements needed to qualify for and\n follow after the procedure.\n
\n
\n Our upcoming webinar Nutrition Throughout Weight Loss Surgery will help clarify the dietary\n recommendations you can expect before, during, and after weight loss surgery to ease your hesitation.\n Register now to be a part of the conversation on Tuesday, January 18th at 12 pm PST.\n
\n We will discuss the following topics:\n
- \n
- Fad diets and why they don't work \n
- 4 stages of pre & post-op diet \n
- Common myths of what you can and can’t eat after surgery \n
- Helpful tools and resources for post-op \n
- Perspective from a recovered patient on what dieting was really like \n
\n Joining us is Rachel Macam, a Registered Dietician with{' '}\n \n Olde Del Mar Surgical Clinic\n \n , where they pride themselves on their award-winning team in San Diego, CA. Rachel is involved in the\n patient’s nutritional aspect of weight loss surgery from start to finish, helping to educate and support\n patients from 6 months before surgery through 1-year post-op.\n
\n We will also be joined by one of her recovered patients, Judy, who will also share helpful insights into\n what day-to-day life looks like through the surgery journey from a patient’s perspective.\n
\n Nutrition is an essential element in your weight loss surgery journey. Our upcoming webinar will help\n educate you on how to prepare your diet before, during, and after surgery.\n
\n\n Register for our webinar today to find out if weight loss surgery could be a life-changing option for you.\n
\n \n \n }\n />\n\n
\n );\n}\n","import { useEffect } from 'react';\nimport { withRouter } from 'react-router-dom';\n\nfunction ScrollToTop({ history }) {\n useEffect(() => {\n let prevLocation = history.location;\n const unlisten = history.listen((location) => {\n if (prevLocation && prevLocation.pathname !== location.pathname) {\n window.scrollTo({\n top: 0,\n left: 0,\n behavior: 'smooth',\n });\n }\n prevLocation = location;\n });\n return () => {\n unlisten();\n };\n }, []);\n\n return null;\n}\n\nexport default withRouter(ScrollToTop);\n","import { useEffect, useContext } from 'react';\nimport { useLocation } from 'react-router-dom';\nimport ReactGA from 'react-ga';\nimport Context from '../../utils/context';\n\nexport default function SendPageView() {\n let location = useLocation();\n const context = useContext(Context);\n\n useEffect(() => {\n if (gon.ga_id) {\n // ReactGA.pageview(location.pathname);\n console.log(`ReactGA.pageview: ${location.pathname}`);\n } else {\n console.log(`pageview: ${location.pathname}`);\n }\n context.facebookConversionApi.pageViewEvent();\n }, [location]);\n\n return null;\n}\n","import React from 'react';\nimport './ui_kit.css';\nimport ErrorMessage from './utilities/error_message';\nimport IconButtonSvg from './utilities/icon_button_svg';\n\nexport default function UiKit({}) {\n return (\n \n
\n );\n}\n","import React, { useState } from 'react';\nimport { useHistory, Link } from 'react-router-dom';\nimport SuccessPanel from '../success_panel';\nimport './index.css';\nimport ReCAPTCHA from 'react-google-recaptcha';\nimport ErrorMessage from '../ui_kit/utilities/error_message';\nimport AgreeToTerms from '../ui_kit/utilities/agree_to_terms';\nimport { createInsuranceCheckContact } from '../../api/insurance_check_contacts';\nimport { validatePhone, validateEmail, validateText } from '../../helpers';\n\nexport default function InsuranceCheckForm({ home, updateAnswersAction, weightLoss }) {\n const [view, setView] = useState('form');\n const [name, setName] = useState(home.answers.name || '');\n const [email, setEmail] = useState(home.answers.email || '');\n const [phone, setPhone] = useState(home.answers.phone || '');\n const [insuranceCarrier, setInsuranceCarrier] = useState('');\n const [error, setError] = useState('');\n const [hasBeenSubmitted, setHasBeenSubmitted] = useState(false);\n let history = useHistory();\n const [showSuccess, setShowSuccess] = useState(false);\n const [acceptedTerms, setAcceptedTerms] = useState(weightLoss.answers.acceptedTerms || false);\n\n const recaptchaRef = React.createRef();\n\n const runRecaptcha = async (event) => {\n event.preventDefault();\n recaptchaRef.current.execute();\n };\n\n let disabled = 'disabled';\n var checkedEmail = validateEmail(email);\n\n let checkedPhone = false;\n if (phone !== '') {\n checkedPhone = validatePhone(phone);\n }\n var checkedName = validateText(name);\n var checkedInsuranceCarrier = validateText(insuranceCarrier);\n\n if (\n checkedName === true &&\n checkedEmail === true &&\n checkedPhone === true &&\n checkedInsuranceCarrier === true &&\n acceptedTerms\n ) {\n disabled = '';\n } else {\n disabled = 'disabled';\n }\n\n let fromQuestionnaire = new URLSearchParams(window.location.search).get('questionnaire');\n if (fromQuestionnaire == null) {\n fromQuestionnaire = false;\n }\n\n const validate = (event) => {\n event.preventDefault();\n if (checkedEmail === false && email !== '') {\n if (email.indexOf('@') == '-1') {\n setEmail('');\n }\n setError('Please enter a valid email');\n } else if (checkedPhone == false && phone !== '') {\n setError('Please enter a valid phone number');\n } else if (checkedName == false && name !== '') {\n setError('Please enter a name without special characters');\n } else if (checkedInsuranceCarrier == false && insuranceCarrier !== '') {\n setError('Please enter an insurance carrier without special characters');\n } else {\n setError('');\n }\n };\n\n const onClick = (event) => {\n if (hasBeenSubmitted == false) {\n setHasBeenSubmitted(true);\n if (checkedEmail === false) {\n setError('Please enter a valid email');\n setHasBeenSubmitted(false);\n } else if (checkedPhone == false) {\n setError('Please enter a valid phone number');\n setHasBeenSubmitted(false);\n } else if (checkedName == false) {\n setError('Please enter a name without special characters');\n setHasBeenSubmitted(false);\n } else if (checkedInsuranceCarrier == false) {\n setError('Please enter an insurance carrier without special characters');\n setHasBeenSubmitted(false);\n } else {\n createInsuranceCheckContact(name, email, phone, insuranceCarrier, fromQuestionnaire, () =>\n setShowSuccess(true)\n );\n setError('');\n updateAnswersAction({\n ...home.answers,\n name,\n email,\n phone,\n });\n }\n }\n };\n\n const bg = 'https://patientpartner-images2.s3.us-west-1.amazonaws.com/website/insurance+check+banner.png';\n\n const backToQuestionnaire = () => {\n history.push('/get-started/patient-partner-match');\n };\n\n return (\n Fonts
\n\n
\n Heading 1
\nHeading 2
\nHeading 3
\nHeading 4
\nHeading 5
\nHeading 6
\n\n Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sit dui dolor facilisis eu fringilla egestas.\n Elementum a at urna, sed. Urna, purus vel sed blandit aliquet porttitor ipsum ut. Integer interdum volutpat,\n ullamcorper consequat lacus lectus cursus eu facilisis. Dis nunc, odio quis vulputate interdum donec. Sed nec\n natoque at sed integer viverra.\n
\n- \n
- List item \n
Font utilities
\n\n
\n Buttons
\n \nInputs
\n\n
\n \n \n \n \n
\n \n \n {/* dont copy this wrapper START */}\n {/* input for dark backgrounds */}\n
\n {/* dont copy this wrapper END */}\n \n \n \n \n
\n \n \n
\n );\n}\n","import { connect } from 'react-redux';\n// import {\n// updateAnswersAction,\n// setQuestionnaireStateAction,\n// } from '../../actions/knee_replacement'\nimport { updateAnswersAction } from '../../actions/home';\nimport InsuranceCheckForm from '../../components/insurance_check_form';\n\nconst mapStateToProps = (state) => state;\n\nconst mapDispatchToProps = (dispatch) => ({\n updateAnswersAction: (item) => dispatch(updateAnswersAction(item)),\n});\n\nexport default connect(mapStateToProps, mapDispatchToProps)(InsuranceCheckForm);\n","export const createInsuranceCheckContact = (\n name,\n email,\n phone,\n insuranceCarrier,\n fromQuestionnaire,\n successFunction\n) => {\n const csrf = document.querySelector(\"meta[name='csrf-token']\").getAttribute('content');\n fetch('/insurance_check_contacts', {\n method: 'POST',\n headers: {\n 'Content-Type': 'application/json',\n 'X-CSRF-Token': csrf,\n },\n body: JSON.stringify({\n ...window.utmInfo,\n name: name,\n email: email,\n phone: phone,\n insurance_carrier: insuranceCarrier,\n fromQuestionnaire: fromQuestionnaire,\n }),\n })\n .then((response) => response.json())\n .then((data) => {\n successFunction(data);\n });\n};\n","import React, { Component, useState, useEffect } from 'react';\nimport { useHistory } from 'react-router-dom';\nimport ReCAPTCHA from 'react-google-recaptcha';\nimport SuccessPanel from '../success_panel';\nimport ErrorMessage from '../ui_kit/utilities/error_message';\nimport AgreeToTerms from '../ui_kit/utilities/agree_to_terms';\nimport { createSurgeonMatchContact } from '../../api/surgeon_match_contacts';\nimport { validatePhone, validateEmail, validateText, validateZipcode, isEmpty } from '../../helpers';\nimport './index.css';\n\nexport default function SurgeonMatchForm({\n SurgeonMatchForm,\n home,\n weightLoss,\n bg = 'https://patientpartner-images2.s3.us-west-1.amazonaws.com/website/surgeon-match.jpg',\n updateAnswersAction,\n}) {\n let fromQuestionnaire = new URLSearchParams(window.location.search).get('questionnaire');\n if (fromQuestionnaire == null) {\n fromQuestionnaire = false;\n }\n\n const [view, setView] = useState('form');\n const [name, setName] = useState(home.answers.name || '');\n const [email, setEmail] = useState(home.answers.email || '');\n const [phone, setPhone] = useState(home.answers.phone || '');\n const [zipcode, setZipCode] = useState(home.answers.zipcode || '');\n const [surgeryType, setSurgeryType] = useState(\n (fromQuestionnaire ? 'Weight Loss ' : null) || home.answers.surgeryType || ''\n );\n const [insuranceCarrier, setInsuranceCarrier] = useState(home.answers.insuranceCarrier || '');\n const [error, setError] = useState('');\n const [hasBeenSubmitted, setHasBeenSubmitted] = useState(false);\n const [showSuccess, setShowSuccess] = useState(false);\n let history = useHistory();\n\n const [acceptedTerms, setAcceptedTerms] = useState(false);\n\n const recaptchaRef = React.createRef();\n\n const runRecaptcha = async (event) => {\n event.preventDefault();\n recaptchaRef.current.execute();\n };\n\n let disabled = 'disabled';\n var checkedEmail = validateEmail(email);\n var checkedName = validateText(name);\n var checkedZipcode = validateZipcode(zipcode);\n var checkedSurgeryType = validateText(surgeryType);\n\n let checkedPhone = false;\n if (phone !== '') {\n checkedPhone = validatePhone(phone);\n }\n\n if (\n checkedName === true &&\n checkedEmail === true &&\n checkedPhone === true &&\n checkedZipcode === true &&\n checkedSurgeryType === true &&\n acceptedTerms\n ) {\n disabled = '';\n } else {\n disabled = 'disabled';\n }\n\n const validate = (event) => {\n event.preventDefault();\n if (checkedEmail === false && email !== '') {\n if (email.indexOf('@') == '-1') {\n setEmail('');\n }\n setError('Please enter a valid email');\n } else if (checkedPhone == false && phone !== '') {\n setError('Please enter a valid phone number');\n } else if (checkedZipcode == false && zipcode !== '') {\n setError('Please enter a valid Zip Code');\n } else if (checkedSurgeryType == false && surgeryType !== '') {\n setError('Please enter a surgery type without special characters');\n } else {\n setError('');\n }\n };\n\n const onClick = (event) => {\n if (hasBeenSubmitted == false) {\n setHasBeenSubmitted(true);\n if (checkedEmail === false) {\n setError('Please enter a valid email');\n setHasBeenSubmitted(false);\n } else if (checkedPhone == false) {\n setError('Please enter a valid phone number');\n setHasBeenSubmitted(false);\n } else if (checkedZipcode == false) {\n setError('Please enter a valid Zip Code');\n setHasBeenSubmitted(false);\n } else if (checkedSurgeryType == false) {\n setError('Please enter a surgery type without special characters');\n setHasBeenSubmitted(false);\n } else {\n setView('success');\n createSurgeonMatchContact(name, email, phone, zipcode, surgeryType, insuranceCarrier, fromQuestionnaire, () => {\n setShowSuccess(true);\n });\n setError('');\n updateAnswersAction({\n ...home.answers,\n name,\n email,\n phone,\n zipcode,\n });\n }\n }\n };\n\n const backToQuestionnaire = () => {\n history.push('/get-started/patient-partner-match');\n };\n\n return (\n \n \n \n
\n \n
\n \n
\n \n
\n \n Free Insurance Check
\nBariatric Surgery Insurance Coverage Check
\n \n\n
\n \n
\n \n
\n \n {!showSuccess && (\n \n )}\n {showSuccess && (\n
\n \n \n Back to your PatientPartners\n \n )}\n
\n )}\n \n
\n \n
\n \n Did you know that many insurance plans will cover bariatric surgery?\n
\n\n Figuring out if your insurance plan will cover your specific surgery is an important first step in your\n weight-loss journey and we're here to help.\n
\nHere's how it works:
\n- \n
- Fill out the insurance check form. \n
- In 24-48 hours, our team will call and let you know if your insurance covers the surgery. \n
- \n Let us know if you need help finding a surgeon that accepts your insurance or{' '}\n \n
search our surgeon gallery!
\n \n \n - \n If your insurance doesn't cover the surgery, talk to our team and we'll help guide you through\n solutions.\n \n
\n
\n );\n}\n","import { connect } from 'react-redux';\n// import {\n// updateAnswersAction,\n// setQuestionnaireStateAction,\n// } from '../../actions/knee_replacement'\nimport { updateAnswersAction } from '../../actions/home';\nimport SurgeonMatchForm from '../../components/surgeon_match_form';\n\nconst mapStateToProps = (state) => state;\n\nconst mapDispatchToProps = (dispatch) => ({\n updateAnswersAction: (item) => dispatch(updateAnswersAction(item)),\n});\n\nexport default connect(mapStateToProps, mapDispatchToProps)(SurgeonMatchForm);\n","export const createSurgeonMatchContact = (\n name,\n email,\n phone,\n zipcode,\n surgery_type,\n insuranceCarrier,\n fromQuestionnaire,\n successFunction\n) => {\n const csrf = document.querySelector(\"meta[name='csrf-token']\").getAttribute('content');\n fetch('/surgeon_match_contacts', {\n method: 'POST',\n headers: {\n 'Content-Type': 'application/json',\n 'X-CSRF-Token': csrf,\n },\n body: JSON.stringify({\n ...window.utmInfo,\n name: name,\n email: email,\n phone: phone,\n zipcode: zipcode,\n surgery_type: surgery_type,\n insurance_carrier: insuranceCarrier,\n fromQuestionnaire: fromQuestionnaire,\n }),\n })\n .then((response) => response.json())\n .then((data) => {\n successFunction(data);\n })\n .catch(function (error) {\n console.log(error);\n });\n};\n","import React, { useState } from 'react';\nimport ReCAPTCHA from 'react-google-recaptcha';\nimport { validatePhone, validateEmail, validateText } from '../../helpers';\nimport ErrorMessage from '../ui_kit/utilities/error_message';\nimport SuccessMessage from '../ui_kit/utilities/success_message';\nimport './contact_us.css';\nimport TxtLeftImgRightWbg from '../hero_sections/txt_left_img_right_wbg';\nimport { createContactUsContacts } from '../../api/contact_us_contacts';\n\nexport default function ({ home, updateAnswersAction }) {\n const [name, setName] = useState(home.answers.name || '');\n const [email, setEmail] = useState(home.answers.email || '');\n const [phone, setPhone] = useState(home.answers.phone || '');\n const [message, setMessage] = useState('');\n const [error, setError] = useState('');\n const [success, setSuccess] = useState('');\n const [hasBeenSubmitted, setHasBeenSubmitted] = useState(false);\n\n const recaptchaRef = React.createRef();\n\n const runRecaptcha = async (event) => {\n event.preventDefault();\n recaptchaRef.current.execute();\n };\n\n let disabled = 'disabled';\n var checkedEmail = validateEmail(email);\n\n let checkedPhone = false;\n if (phone !== '') {\n checkedPhone = validatePhone(phone);\n }\n var checkedName = validateText(name);\n\n if (checkedName === true && checkedEmail === true && hasBeenSubmitted == false && message !== '') {\n disabled = '';\n } else {\n disabled = 'disabled';\n }\n\n const validate = (event) => {\n event.preventDefault();\n if (checkedEmail === false && email !== '') {\n if (email.indexOf('@') == '-1') {\n setEmail('');\n }\n setError('Please enter a valid email');\n } else if (checkedName == false && name !== '') {\n setError('Please enter a name without special characters');\n } else {\n setError('');\n }\n };\n\n const validateMessage = (event) => {\n event.preventDefault();\n if (message == '') {\n setError('Please enter a message');\n } else {\n setError('');\n }\n };\n\n const onClick = (event) => {\n if (hasBeenSubmitted == false) {\n if (checkedEmail === false) {\n setError('Please enter a valid email');\n setHasBeenSubmitted(false);\n } else if (checkedName == false) {\n setError('Please enter a name without special characters');\n setHasBeenSubmitted(false);\n } else if (message == '') {\n setError('Please enter a message');\n setHasBeenSubmitted(false);\n } else {\n setError('');\n setHasBeenSubmitted(true);\n createContactUsContacts(name, email, phone, message, () => {\n setSuccess('You message has been sent and we will be in touch shortly!');\n });\n updateAnswersAction({\n ...home.answers,\n name,\n email,\n phone,\n });\n }\n }\n };\n\n return (\n \n \n \n
\n \n
\n \n
\n \n
\n \n Free Surgeon Referral
\nWe'll Help You Find The Best Surgeon
\n \n\n
\n \n
\n \n
\n \n {!showSuccess && (\n \n )}\n {showSuccess && (\n
\n \n \n Back to your PatientPartners\n \n )}\n
\n )}\n \n
\n \n
\n \n We know that finding a credible, reliable, and experienced surgeon can be hard. That's why the\n PatientPartner™ team has vetted and built relationships with the best surgeons for bariatric surgery so\n you can feel confident knowing you're in good hands.\n
\nHow do we vet the surgeons?
\n- \n
- Number of procedures completed \n
- The rate of successful outcomes \n
- Years of experience and training \n
- Direct feedback from their past patients through hours of conversations \n
How do I get a PatientPartner™ vetted surgeon referral?
\n- \n
- Fill out the form on this page \n
- Our team will confirm your insurance coverage and location \n
- We'll give you a call and share more information about some surgeons in your area \n
- Upon your request, the surgeon's office can reach out to you directly to share more info \n
\n
\n );\n}\n","import { connect } from 'react-redux';\nimport { updateAnswersAction } from '../../actions/home';\nimport ContactUs from '../../components/contact_us';\n\nconst mapStateToProps = (state) => state;\n\nconst mapDispatchToProps = (dispatch) => ({\n updateAnswersAction: (item) => dispatch(updateAnswersAction(item)),\n});\n\nexport default connect(mapStateToProps, mapDispatchToProps)(ContactUs);\n","export const createContactUsContacts = (name, email, phone, message, successFunction) => {\n const csrf = document.querySelector(\"meta[name='csrf-token']\").getAttribute('content');\n fetch('/contact_us_contacts', {\n method: 'POST',\n headers: {\n 'Content-Type': 'application/json',\n 'X-CSRF-Token': csrf,\n },\n body: JSON.stringify({\n name: name,\n email: email,\n phone: phone,\n message: message,\n }),\n }).then((data) => {\n successFunction(data);\n });\n};\n","import React, { useState } from 'react';\nimport { validatePhone, validateEmail, validateText } from '../../helpers';\nimport ErrorMessage from '../ui_kit/utilities/error_message';\nimport './report_an_event.css';\nimport HeaderLeftTextRight from '../hero_sections/header_left_text_right';\nimport RequestButton from '../ui_kit/utilities/request_button';\nimport SuccessPanel from '../success_panel';\n\nimport parsePhoneNumber from 'libphonenumber-js';\nimport { createReportAnEvent } from '../../api/report_an_events';\n\nexport default function ({ australiaPhone = false }) {\n const [view, setView] = useState('form');\n const [name, setName] = useState('');\n const [email, setEmail] = useState('');\n const [phone, setPhone] = useState('');\n const [menteeName, setMenteeName] = useState('');\n const [message, setMessage] = useState('');\n const [error, setError] = useState('');\n const [hasBeenSubmitted, setHasBeenSubmitted] = useState(false);\n const [phoneError, setPhoneError] = useState('');\n\n let disabled = 'disabled';\n var checkedEmail = validateEmail(email);\n\n let actualPhone = phone;\n if (actualPhone && australiaPhone && !actualPhone.startsWith('+61')) {\n actualPhone = `+61${actualPhone}`;\n }\n var checkedPhone =\n validatePhone(actualPhone) ||\n (actualPhone !== '' && parsePhoneNumber(actualPhone, 'AUS') && parsePhoneNumber(actualPhone, 'AUS').isValid());\n\n var checkedName = validateText(name);\n var checkedMenteeName = validateText(menteeName);\n\n if (\n checkedName === true &&\n checkedEmail === true &&\n checkedMenteeName === true &&\n hasBeenSubmitted == false &&\n message !== ''\n ) {\n disabled = '';\n } else {\n disabled = 'disabled';\n }\n\n const validatePhoneOnBlur = () => {\n actualPhone !== null &&\n actualPhone !== '' &&\n (!checkedPhone ||\n (parsePhoneNumber(actualPhone, 'US').isValid() || parsePhoneNumber(actualPhone, 'AUS').isValid()) === false)\n ? setPhoneError('Enter a valid phone number')\n : setPhoneError('');\n };\n\n const validate = (event) => {\n event.preventDefault();\n if (checkedEmail === false && email !== '') {\n if (email.indexOf('@') == '-1') {\n setEmail('');\n }\n setError('Please enter a valid email');\n } else if (checkedName == false && name !== '') {\n setError('Please enter a name without special characters');\n } else {\n setError('');\n }\n };\n\n const onClick = (event) => {\n if (hasBeenSubmitted == false) {\n if (checkedEmail === false) {\n setError('Please enter a valid email');\n setHasBeenSubmitted(false);\n } else if (checkedName == false) {\n setError('Please enter a name without special characters');\n setHasBeenSubmitted(false);\n } else if (checkedMenteeName == false) {\n setError('Please enter a mentee name without special characters');\n setHasBeenSubmitted(false);\n } else if (message == '') {\n setError('Please enter a message');\n setHasBeenSubmitted(false);\n } else {\n setError('');\n setHasBeenSubmitted(true);\n createReportAnEvent(\n {\n name,\n email,\n phone,\n mentee_name: menteeName,\n message,\n },\n () => {\n setView('success');\n }\n );\n }\n }\n };\n\n return (\n \n
\n \n
\n \n setMessage(event.target.value)}\n placeholder='Tell us here...'\n >\n {error && hasBeenSubmitted !== true &&
\n Send us a message:
\n\n setName(event.target.value)}\n type='text'\n name='name'\n required\n />\n \n \n \n
\n \n setEmail(event.target.value)}\n type='email'\n name='email'\n required\n />\n \n \n \n
\n \n setPhone(event.target.value)}\n type='number'\n name='phone'\n required\n />\n \n \n \n
\n \n
\n Connect with us:
\n \nSan Diego
\n\n 1025 Prospect St. Suite 350\n
\n La Jolla, 92037\n
Give us a call:
\n619-268-1112
\n\n }\n margBottom={`50px`}\n />\n
\n );\n}\n","export const createReportAnEvent = (params, successCallback) => {\n fetch(`/api/v1/report_an_events`, {\n method: 'POST',\n headers: {\n 'Content-Type': 'application/json',\n },\n body: JSON.stringify(params),\n })\n .then((response) => response.json())\n .then((data) => {\n successCallback(data);\n });\n};\n","import React, { useState, useContext } from 'react';\nimport styles from './index.module.css';\nimport Context from '../../../utils/context';\nimport { Link } from 'react-router-dom';\nimport ScrollTrigger from '../../ui_kit/utilities/scroll_trigger';\n\nexport default function ImgRightTextLeft({\n headline = 'Your partner through surgery',\n para = 'Join a community of similar patients and verified doctors to support you every step of the way.',\n img = 'https://patientpartner-images2.s3.us-west-1.amazonaws.com/website/patient_partner_hero_a.jpg',\n margBottom = '0px',\n bg = '#f1feff',\n headlineColor = '#314D69',\n marginTopPhotoMobile = '0px',\n actionContent = (\n \n \n \n ),\n padImg = true,\n padLeft = '0px',\n}) {\n const context = useContext(Context);\n const isMobile = context.viewport.getIsMobile();\n const [animateLeft, setAnimateLeft] = useState(false);\n const [animateRight, setAnimateRight] = useState(false);\n\n return (\n \n
\n \n \n
\n \n \n {view === 'form' && (\n
\n \n
\n )}\n {view === 'success' && (\n Reportable Events Form
\n\n If a patient/caregiver indicates that they are experiencing an adverse event, please fill out the form\n below immediately.\n
\n\n setName(event.target.value)}\n required\n />\n \n \n \n
\n \n setEmail(event.target.value)}\n onBlur={validate}\n required\n />\n \n \n
\n <>\n \n setPhone(event.target.value)}\n onBlur={validatePhoneOnBlur}\n required\n />\n \n \n \n
\n \n setMenteeName(event.target.value)}\n required\n />\n \n \n \n
\n \n setMessage(event.target.value)}\n required\n />\n \n \n
\n\n {error && \n \n
\n )}\n \n WHAT'S NEXT?\n
\n\n Thank you for completing the form as soon as possible. Please refrain from engaging with the\n mentee until the PatientPartner team has notified you of the proper next steps. We will contact\n you to obtain more information about the event if needed.\n
\n\n If you would like to contact us directly, please email us at{' '}\n report@patientpartner.com or call us at 619-268-1112\n
\n \n }\n centerTitle\n />\n\n
\n \n );\n}\n","import React, { useState, useEffect } from 'react';\nimport { Link } from 'react-router-dom';\nimport styles from './for_mentors.module.css';\nimport AgreeToTerms from '../ui_kit/utilities/agree_to_terms';\nimport { createMentorApplicantContacts } from '../../api/mentor_applicant_contacts';\nimport VideoType2 from '../video_sections/video_type_2';\nimport FAQs from '../ui_kit/utilities/faqs';\nimport ScrollTo from '../scroll_to';\nimport { validatePhone, validateEmail, validateText, validateZipcode } from '../../helpers';\nimport ErrorMessage from '../ui_kit/utilities/error_message';\nimport SuccessPanel from '../success_panel';\nimport LoadingScreen from '../loading_screen';\nimport ImgRightTextLeft from '../hero_sections/img_right_text_left';\nimport TwoTestimonials from '../two_testimonials';\nimport HowItWorks from '../hero_sections/how_it_works';\n\nexport default function ForMentors({}) {\n const [fullName, setFullName] = useState('');\n const [email, setEmail] = useState('');\n const [phone, setPhone] = useState('');\n const [zipcode, setZipcode] = useState('');\n const [procedures, setProcedures] = useState('');\n const [acceptedTerms, setTerms] = useState(false);\n const [success, setSuccess] = useState(false);\n const [loading, setLoading] = useState(false);\n const [error, setError] = useState('');\n const [nameError, setNameError] = useState('');\n const [emailError, setEmailError] = useState('');\n const [phoneError, setPhoneError] = useState('');\n const [zipError, setZipError] = useState('');\n\n var checkedName = validateText(fullName);\n var checkedEmail = validateEmail(email);\n var checkedPhone = validatePhone(phone);\n var checkedZipcode = validateZipcode(zipcode);\n\n const setAcceptedTerms = () => {\n setTerms(!acceptedTerms);\n validate();\n };\n\n const validate = () => {\n if (checkedName == false && fullName !== '') {\n setNameError('Please enter a name without special characters');\n } else {\n setNameError('');\n }\n if (checkedEmail === false && email !== '') {\n setEmailError('Please enter a valid email');\n } else {\n setEmailError('');\n }\n if (checkedPhone == false && phone !== '') {\n setPhoneError('Please enter a valid phone number');\n } else {\n setPhoneError('');\n }\n if (checkedZipcode == false && zipcode !== '') {\n setZipError('Please enter a valid zipcode');\n } else {\n setZipError('');\n }\n };\n\n const onSubmit = () => {\n setLoading(true);\n createMentorApplicantContacts(fullName, email, phone, zipcode, procedures, (response) => {\n setLoading(false);\n if (response === 200) {\n setSuccess(true);\n } else {\n setError('There was an error, please try again');\n }\n });\n };\n\n return (\n \n
\n \n
\n \n setAnimateRight(true)} />\n \n
\n \n {headline}\n
\n{para}
\n {actionContent}\n\n setAnimateLeft(true)} />\n \n
\n \n \n \n \n }\n />\n \n Becoming a mentor is easy!\n \n }\n para='We’re accepting volunteers for new PatientPartner Mentors with any conditions. It’s easy to get started.'\n headlineStyle={{ fontSize: '40px', fontWeight: '400', color: '#314D69', textAlign: 'center' }}\n smallHeadlineStyle={{\n fontFamily: 'HK Grotesk',\n lineHeight: '23px',\n fontSize: '18px',\n color: '#59B6BE',\n fontWeight: 'bold',\n textTransform: 'uppercase',\n letterSpacing: '0.15em',\n }}\n steps={[\n {\n image: ,\n headline: 'Fill out a questionnaire',\n para: 'Provide basic information about yourself and why you want to be a PatientPartner Mentor.',\n },\n {\n image: ,\n headline: 'Join and help patients',\n para: 'Log into your PatientPartner profile and start chatting with other patients on the platform.',\n },\n {\n image: ,\n headline: 'Donate to charities',\n para: 'Connect and help out another patient and we’ll donate $20 to a charity of your choice!',\n },\n ]}\n />\n \n
\n \n
\n \n
\n \n
\n \n
\n \n
\n \n
\n \n
\n \n
\n \n \n A{' '}\n
\n
\n \n A{' '}\n \n low-commitment\n {' '}\n way to get involved.\n
\n \n
\n \n
\n \n
\n BE PART OF A COMMUNITY
\n\n Join a community that empowers others to make informed healthcare decisions.{' '}\n
\n\n
\n \n
\n \n
\n OFFER SUPPORT
\nOffer support to someone going through a similar healthcare journey.
\n\n
\n \n
\n \n
\n RAISE MONEY
\n\n For every connection you have, we donate to your favorite charity through our{' '}\n \n Circle of Giving\n {' '}\n as a thank you.\n
\n,\n headline: 'Fill out a questionnaire',\n para: 'Provide basic information about yourself and why you want to be a PatientPartner Mentor.',\n },\n {\n image: ,\n headline: 'Join and help patients',\n para: 'Log into your PatientPartner profile and start chatting with other patients on the platform.',\n },\n {\n image: ,\n headline: 'Donate to charities',\n para: 'Connect and help out another patient and we’ll donate $20 to a charity of your choice!',\n },\n ]}\n />\n \n \n \n \n
\n \n \n
\n \n
\n \n \n Hear about the impact mentors make:\n
\n\n \n \n
\n \n
\n \n );\n}\n","import React, { Component, useEffect, useState } from 'react';\nimport './index.css';\n\nexport default function ({ article, actionContent, index, showTitle = false }) {\n return (\n \n
\n \n
\n \n
\n );\n}\n","import React from 'react';\nimport './press_room.css';\nimport TxtLeftImgRightWbg from '../hero_sections/txt_left_img_right_wbg';\nimport PatientPartnerColumn from '../patient_partner_column';\nimport SmallArticle from '../small_article';\n\nexport default function ({\n featuredArticles = gon.featured_articles.slice(0, 3),\n articles = gon.press_articles\n .slice(3, 100000)\n .sort((a, b) => parseFloat(new Date(b.date).getTime()) - parseFloat(new Date(a.date).getTime())),\n}) {\n return (\n \n \n \n
\n {actionContent}
\n \n \n
\n );\n}\n","import React from 'react';\nimport MetaTags from 'react-meta-tags';\nimport { useLocation } from 'react-router-dom';\n\nconst METADATA_TITLES = {\n '/who-we-are': 'PatientPartner Team | Patient Advocacy Program',\n '/we-give-back': 'Giving Back Is Our Top Priority',\n '/how-it-works': 'PatientPartner: Free Support Through Your Surgery',\n '/weight-loss': 'Learn About Weight-loss Surgery From Recovered Patients',\n '/weight-loss/surgeon-match': \"Find A Surgeon That's Covered By Your Insurance\",\n '/get-started': 'Resources You Need for Your Surgery | Get Started',\n '/partners': \"Talk To Someone Who's Recovered From Weight-Loss Surgery\",\n '/terms': 'PatientPartner Terms of Service',\n '/privacy': 'PatientPartner Privacy Policy',\n '/review-guidelines': 'PatientPartner Review Guidelines',\n '/patient-partner-agreement': 'PatientPartner Participation Agreement',\n '/surgeon/dr-.+': 'Meet Our Doctors - Leading Bariatric Surgeons',\n '/weight-loss-webinar': 'Life Through Bariatric Surgery: Free Webinar',\n '/webinar/.+': 'Life Through Bariatric Surgery: Free Webinar',\n '/webinar/september-21-2021': 'Life After Surgery',\n '/insurance-check': 'Check If Your Insurance Covers Weight-Loss Surgery For Free',\n '/surgeon-referral': 'Find The Best Bariatric Surgeon In Your Area',\n '/press-room': 'Learn More About PatientPartner | Press Room',\n '/contact-us': 'Free Surgery Support, Insurance Checks, And Surgeon Referrals.',\n};\n\nconst METADATA_DESCRIPTIONS = {\n '/who-we-are':\n 'PatientPartner connects you with recovered patients for unbiased, relatable information and support to guide you through your surgical process.',\n '/how-it-works':\n 'Taking the first step is easy and free. Take the short questionnaire today to start learning more about your surgery.',\n '/weight-loss':\n 'Considering weight-loss surgery? Talk to a patient who’s recovered from bariatric surgery and understands what you’re going through for free!',\n '/weight-loss/surgeon-match':\n 'Check to see if your insurance covers your surgery, plus find a recommended surgeon in your area.',\n '/get-started':\n 'Take a short questionnaire to find a recommended surgeon or the most relatable recovered patient to walk you through the surgical process.',\n '/partners':\n 'PatientPartners™ are recovered bariatric surgery patients that are here to answer your questions and ensure you feel prepared fo your surgery.',\n '/terms': 'Read the PatientPartner terms of service.',\n '/privacy': 'Read the PatientPartner privacy policy details.',\n '/review-guidelines': 'Read the PatientPartner review guidelines. Help us improve by writing a review.',\n '/patient-partner-agreement': 'PatientPartner participation agreement. Contact us with any questions.',\n '/surgeon/dr-.+':\n 'Meet the surgeons that offer award-winning weight loss and bariatric surgery in your area. Check to see if they are covered under your insurance.',\n '/weight-loss-webinar':\n 'Take the first step in learning about weight-loss surgery with our free webinar by someone who has been through a successful procedure.',\n '/webinar/.+':\n 'Take the first step in learning about weight-loss surgery with our free webinar by someone who has been through a successful procedure.',\n '/insurance-check':\n \"Insurance coverage check - we'll help you confirm if your insurance covers bariatric surgery for free.\",\n '/surgeon-referral':\n 'We work with the best weight-loss surgeons in your area. Browse the surgeon profiles, testimonials, and request an appointment.',\n '/press-room':\n \"Learn more about PatientPartner™ and how we're improving the patient experience by providing support and information not found anywhere else.\",\n '/contact-us':\n 'Have questions, comments, or suggestions? We’d love to know. Fill out the form below and we’ll get back to you within 24 hours.',\n};\n\nexport default function MetadataTags() {\n const location = useLocation();\n let title = 'PatientPartner | Real-Time Patient Mentorship for Pharma & Healthcare';\n let description =\n 'PatientPartner provides a digital health platform offering real-time patient mentorship, driving engagement and adherence for pharma, med-tech, and healthcare providers.';\n\n for (const pathRegex in METADATA_TITLES) {\n const re = new RegExp(pathRegex);\n if (location.pathname.match(re)) {\n title = METADATA_TITLES[pathRegex];\n }\n }\n\n for (const pathRegex in METADATA_DESCRIPTIONS) {\n const re = new RegExp(pathRegex);\n if (location.pathname.match(re)) {\n description = METADATA_DESCRIPTIONS[pathRegex];\n }\n }\n\n if (location.pathname.startsWith('/surgeon/') && gon.surgeon_metadata[location.pathname.replace('/surgeon/', '')]) {\n title = gon.surgeon_metadata[location.pathname.replace('/surgeon/', '')];\n description = gon.surgeon_metadata[location.pathname.replace('/surgeon/', '')];\n }\n\n return (\n \n
\n Featured articles
\n\n {featuredArticles.map((article, index) => (\n
\n \n \n \n \n }\n index={index + 1}\n showShowMore={false}\n article={true}\n />\n
\n ))}\n \n
\n Articles in the archive
\nWhat the media is saying about us
\n\n {articles.map((article, index) => (\n
\n \n
\n ))}\n \n \n {title} \n \n \n \n
\n );\n}\n","import React from 'react';\nimport './webinar_popup.css';\n\nexport default function WebinarPopup({\n headline,\n smallHeadline,\n subheadline,\n time,\n para,\n actionContent,\n image,\n showLogo = true,\n wrapperClassnames = '',\n leftClassnames = '',\n middleContent,\n imageLink,\n showRightSide = true,\n headerClassnames = '',\n}) {\n return (\n \n
\n );\n}\n","import React, { useState, useEffect, useContext } from 'react';\nimport { Link, useLocation } from 'react-router-dom';\nimport Modal from '../modal';\nimport WebinarPopup from '../webinar_popup';\nimport AgreeToTerms from '../ui_kit/utilities/agree_to_terms';\nimport Context from '../../utils/context';\n\nexport default function AcceptPrivacyModal() {\n let location = useLocation();\n const context = useContext(Context);\n const [showAcceptPrivacyModal, setShowAcceptPrivacyModal] = useState(false);\n const [acceptedPrivacy, setAcceptedPrivacy] = useState(false);\n\n const onPrivacyContinue = (e) => {\n if (!acceptedPrivacy) {\n e.preventDefault();\n return;\n }\n setShowAcceptPrivacyModal(false);\n context.auth.userUpdate({ accepted_privacy: true });\n };\n\n useEffect(() => {\n if (context.auth.isLoggedIn() && !context.auth.getCurrentUser().accepted_privacy) {\n setShowAcceptPrivacyModal(true);\n }\n }, [location]);\n\n return (\n <>\n {showAcceptPrivacyModal && (\n \n {showLogo && (\n
\n {showRightSide && (\n {headline}
}\n {smallHeadline &&{smallHeadline}
}\n {subheadline &&{subheadline}
}\n {middleContent}\n {time &&{time}
}\n {para &&{para}
}\n {actionContent}\n\n {imageLink ? (\n \n \n \n \n ) : (\n <>\n \n \n \n )}\n
\n )}\n \n PatientPartner has updated the{' '}\n \n Terms of Service\n {' '}\n and{' '}\n \n Privacy Policy and Authorizations\n \n . Please read and agree to the updated policies.\n
\n\n
\n );\n}\n","import React, { useState, useEffect } from 'react';\nimport DropdownInput from '../../ui_kit/utilities/dropdown_input';\nimport { updatePatientAssistantInfo, getPatientAssistantInfo } from '../../../api/patient_assistant_infos';\nimport { sendNote } from '../../../api/patient_assistant_infos';\nimport styles from './index.module.css';\n\nexport default function StatusColumn({ paiStatus, uuid, multipleSetOpen = () => {}, openStatus, pendoTag }) {\n const [status, setStatus] = useState(paiStatus);\n const statuses = [\n { value: 'Not Contacted', color: 'rgb(236, 78, 62)' },\n { value: 'Contacted', color: 'rgb(65, 157, 165)' },\n { value: 'Consult scheduled', color: 'rgb(217,138,19)' },\n { value: 'Surgery scheduled', color: 'rgb(112,86,216)' },\n { value: 'Cancelled appt', color: 'rgb(130,130,130)' },\n { value: 'No longer interested', color: 'rgb(130,130,130)' },\n ];\n const [disabled, setDisabled] = useState('');\n\n useEffect(() => {\n setStatus(paiStatus);\n }, [paiStatus]);\n\n useEffect(() => {\n if (status !== paiStatus) {\n setDisabled('disabled');\n updatePatientAssistantInfos({ old_status: paiStatus, new_status: status });\n }\n }, [status]);\n\n const updatePatientAssistantInfos = (params) => {\n updatePatientAssistantInfo(uuid, params.new_status, () => {\n getPatientAssistantInfo(uuid, (data) => {\n setStatus(data.status);\n });\n setDisabled('');\n });\n sendNote(uuid, 'PatientAssistantInfoLogs::NewStatus', params, (data) => console.log(data));\n };\n\n return (\n <>\n {paiStatus && (\n \n
\n \n
\n \n
\n \n \n {menuItems.map((item) => (\n {\n indicator(item.idToScrollTo);\n setView(item.idToScrollTo);\n }}\n className={item.idToScrollTo}\n >\n {item.linkText}\n \n ))}\n
\n \n {isMobile && (\n setView(view)}\n defaultState={view}\n />\n {view === 'PatientDetails' && (\n
\n );\n}\n","import React, { useState } from 'react';\nimport { Link } from 'react-router-dom';\nimport SimpleSlidingMenu from '../../../simple_sliding_menu';\n\nexport default function PatientOtherUserPanel({ isMobile, otherUser, setShowSurgeonModal }) {\n const [active, setActive] = useState();\n const [view, setView] = useState('AboutMe');\n\n const showRequestAppointmentModal = () => {\n setShowSurgeonModal(true);\n };\n\n const renderAge = (otherUser) => {\n if (otherUser.user && otherUser.user.age) {\n return `${otherUser.user.age} yrs. old`;\n }\n\n return '';\n };\n\n return (\n <>\n onBackClick()} className='col-2 my-auto marg-top-20'>\n \n
\n )}\n {patientAssistantInfo.patient.full_name}
\n\n
\n \n {patientAssistantInfo.patient.email}\n \n
\n\n
\n \n {patientAssistantInfo.surgeries_or_treatments && (\n <>\n
\n )}\n {view === 'PatientActivity' && (\n <>\n Surgery:
\n{renderSurgery()}
\n \n )}\n {patientAssistantInfo.patient.bmi && (\n <>\nBMI:
\n{patientAssistantInfo.patient.bmi}
\n \n )}\n {patientAssistantInfo.patient.health_conditions &&\n patientAssistantInfo.patient.health_conditions.length > 0 && (\n <>\nPre-conditions:
\n{patientAssistantInfo.patient.health_conditions}
\n \n )}\n {patientAssistantInfo.patient.symptoms && (\n <>\nSymptoms:
\n{patientAssistantInfo.patient.symptoms}
\n \n )}\n {patientAssistantInfo.patient.spine_questionnaire_answer && (\n <>\n {patientAssistantInfo.patient.spine_questionnaire_answer.where_back_pain && (\n <>\nPre-conditions:
\n\n {patientAssistantInfo.patient.spine_questionnaire_answer.where_back_pain.join(', ')} pain\n
\n \n )}\n {patientAssistantInfo.patient.spine_questionnaire_answer.previous_treatments && (\n <>\nPrevious treatments:
\n\n {patientAssistantInfo.patient.spine_questionnaire_answer.previous_treatments.join(', ')}\n
\n \n )}\n \n )}\n <>\nSeen provider before:
\n{patientAssistantInfo.patient.seen_surgeon ? 'Yes' : 'No'}
\n \n {patientAssistantInfo.patient.insurance_carriers &&\n patientAssistantInfo.patient.insurance_carriers.length > 0 && (\n <>\nInsurance carrier:
\n{patientAssistantInfo.patient.insurance_carriers.join(', ')}
\n \n )}\n {patientAssistantInfo.patient.date_of_birth && (\n <>\nDate of birth:
\n{patientAssistantInfo.patient.date_of_birth}
\n \n )}\n {patientAssistantInfo.surgeon && (\n <>\nRequested surgeon:
\n{patientAssistantInfo.surgeon.name}
\n \n )}\n\n {patientAssistantInfo.patient && (\n
\n
\n \n )}\n \n
\n )}\n Patient Notes
\n\n setNote(event.target.value)}\n onKeyDown={(e) => {\n e.key === 'Enter' && heldKey !== 'Shift' ? send(e) : e.key === 'Shift' ? setHeldKey(e.key) : null;\n }}\n onKeyUp={(e) => {\n e.key === heldKey ? setHeldKey(null) : null;\n }}\n onFocus={() => console.log('is typing')}\n placeholder={`Aa`}\n maxRows={8}\n >\n \n sendNote(\n patientAssistantInfo.uuid,\n 'PatientAssistantInfoLogs::AddNote',\n { note: note, conversation_id: patientAssistantInfo.conversation.uuid },\n () => setNote('')\n )\n }\n className='marg-top-10'\n >\n Add note\n \n
\n \n Activity Log\n
\n\n
\n
\n \n {patientAssistantInfo.patient_assistant_info_logs.map((note) => (\n <>\n
\n \n
\n {note.type.includes('AddNote') && (\n \n
\n {note.html}
\n\n
\n \n {toSentDay(note.created_at)} {toSentTime(note.created_at)}\n
\n\n
\n )}\n \n ))}\n \n \n {note.description}\n \n
\n {otherUser.profile.full_name}
\n\n {renderAge(otherUser)}\n {otherUser.user && otherUser.user.age && otherUser.profile.display_location !== null ? ', ' : ''}\n {otherUser.profile.display_location !== null ? otherUser.profile.display_location : ''}\n
\n\n {(otherUser.profile.bio !== null || otherUser.profile.type === 'SuperUser') && (\n <>\n setActive(!active)}\n className='text-link'\n >{`${active ? 'See less' : 'See more'}`}\n \n )}\n \n )}\n
\n )}\n {view === 'PrivacyAndSupport' && (\n About me
\n {otherUser.profile.type === 'SuperUser' && (\n <>\n\n Our mission is to enpower and educate patients by providing personalized one-on-one support through\n relatable experiences.
\n We want to make sure every patient has the support and care they need throughout their journey.\n
How we can help:
\n- \n
- Connect you to patient mentors and provide emotional support \n
- Answer any preliminary insurance questions \n
- Connect you to a reputable surgeon in your area \n
{otherUser.profile.bio}
\n\n {otherUser.profile.messenger_treatment && otherUser.profile.type === 'PatientPartner' && (\n
\n \n
\n )}\n {otherUser.profile.type === 'Patient' && otherUser.profile.procedures && (\n \n \n
\n \n
\n \n Treatment: {otherUser.profile.messenger_treatment}\n
\n\n
\n )}\n {otherUser.profile.type === 'PatientPartner' && otherUser.profile.messenger_condition && (\n \n \n
\n \n
\n \n Conditions: {otherUser.profile.procedures.join(', ')}\n
\n\n
\n )}\n {!isMobile && otherUser.profile.type === 'PatientPartner' && (\n \n \n
\n \n
\n \n Condition: {otherUser.profile.messenger_condition}\n
\n\n
\n )}\n \n \n \n \n
\n \n {otherUser.profile && (\n \n
\n )}\n \n );\n}\n","import React from 'react';\nimport { Link } from 'react-router-dom';\nimport './index.css';\n\nexport default function SurgeonDetailDisplay({ surgeon, onQuestionnaire = false }) {\n let yearsOfExperience = null;\n if (surgeon.extra.years_of_experience) {\n yearsOfExperience = parseInt(surgeon.extra.years_of_experience) + (new Date().getFullYear() - 2021);\n }\n\n const showEducationAndAffiliation =\n yearsOfExperience &&\n surgeon.extra.number_of_procedures_performed &&\n yearsOfExperience < 5 &&\n surgeon.extra.number_of_procedures_performed < 500;\n\n return (\n \n
\n \n )}\n \n \n
\n \n
\n \n Report {otherUser.profile.type === 'Patient' ? 'patient' : 'mentor'}\n
\nLet us know if something doesn’t seem right.
\n\n
\n {surgeon.location && (\n \n
\n );\n}\n","import { compact } from '../helpers';\n\nexport const getSurgeonAdministrativeAssistant = (id, successCallback) => {\n fetch(`/api/v1/surgeon_administrative_assistants/${id}`, {\n method: 'GET',\n headers: {\n 'Content-Type': 'application/json',\n },\n })\n .then((response) => response.json())\n .then((data) => {\n successCallback(data);\n });\n};\n\nexport const getPatientDemographics = (params, successCallback) => {\n fetch(`/api/v1/surgeon_administrative_assistants/patient_demographics?${objToQueryString(compact(params))}`, {\n method: 'GET',\n headers: {\n 'Content-Type': 'application/json',\n },\n })\n .then((response) => response.json())\n .then((data) => {\n successCallback(data);\n });\n};\n\nexport const getNumReferrals = (params, successCallback) => {\n fetch(`/api/v1/surgeon_administrative_assistants/num_referrals?${objToQueryString(compact(params))}`, {\n method: 'GET',\n headers: {\n 'Content-Type': 'application/json',\n },\n })\n .then((response) => response.json())\n .then((data) => {\n successCallback(data);\n });\n};\n\nexport const getConversations = (params, successCallback) => {\n fetch(`/api/v1/surgeon_administrative_assistants/conversations?${objToQueryString(compact(params))}`, {\n method: 'GET',\n headers: {\n 'Content-Type': 'application/json',\n },\n })\n .then((response) => response.json())\n .then((data) => {\n successCallback(data);\n });\n};\n","import React, { useState, useEffect } from 'react';\nimport { Link } from 'react-router-dom';\nimport SurgeonDetailDisplay from '../../../surgeon/detail_display';\nimport { getSurgeonAdministrativeAssistant } from '../../../../api/surgeon_administrative_assistants';\n\nexport default function PatientSurgeonAdminPanel({ isMobile, otherUser }) {\n const [loading, setLoading] = useState(true);\n const [surgeon, setSurgeon] = useState();\n\n useEffect(() => {\n getSurgeonAdministrativeAssistant(otherUser.profile.id, (data) => {\n setSurgeon(data.surgeon);\n setLoading(false);\n });\n }, []);\n\n if (loading) {\n return <>Loading;\n }\n\n const renderAge = (otherUser) => {\n if (otherUser.user && otherUser.user.age) {\n return `${otherUser.user.age} yrs. old`;\n }\n\n return '';\n };\n\n return (\n <>\n About {surgeon.name}
\n\n {surgeon.location && (\n \n
\n \n
\n \n )}\n {(surgeon.specialties[0] || surgeon.procedure_types) && (\n \n {surgeon.location}\n
\n\n \n
\n )}\n {showEducationAndAffiliation && (\n <>\n {surgeon.extra.fellowship && (\n \n {surgeon.specialties}\n {surgeon.procedure_types && (\n <>{`${surgeon.specialties.length ? ': ' : ''}${surgeon.procedure_types.join(' | ')}`}\n )}\n
\n\n \n
\n )}\n {surgeon.extra.hospital_affiliations && surgeon.extra.hospital_affiliations.length > 0 && (\n {surgeon.extra.fellowship}
\n\n \n
\n )}\n \n )}\n {!showEducationAndAffiliation && (\n <>\n {surgeon.extra.years_of_experience && (\n {surgeon.extra.hospital_affiliations[0]}
\n\n \n
\n )}\n {surgeon.extra.number_of_procedures_performed && (\n \n {parseInt(surgeon.extra.years_of_experience) + (new Date().getFullYear() - 2021)}{' '}\n {/* Makes the year increment every year */} years of experience\n
\n\n \n
\n )}\n \n )}\n {surgeon.extra.fellowship && (\n <>\n {surgeon.extra.number_of_procedures_performed} procedures performed
\n\n \n
\n \n )}\n \n {surgeon.extra.fellowship}
\n\n \n
\n \n \n patientpartner.com/surgeon/{surgeon.slug}\n
\n{otherUser.profile.full_name}
\n\n {renderAge(otherUser)}\n {otherUser.user && otherUser.user.age && otherUser.profile.display_location !== null ? ', ' : ''}\n {otherUser.profile.display_location !== null ? otherUser.profile.display_location : ''}\n
\n\n
\n );\n}\n","export const setLastRead = (uuid, successCallback) => {\n fetch(`/api/v1/user_conversations/${uuid}`, {\n method: 'PATCH',\n headers: {\n 'Content-Type': 'application/json',\n },\n })\n .then((response) => response.json())\n .then((data) => {\n successCallback(data);\n });\n};\n\nexport const getLastRead = (uuid, successCallback) => {\n fetch(`/api/v1/user_conversations/${uuid}`, {\n headers: {\n 'Content-Type': 'application/json',\n },\n })\n .then((response) => response.json())\n .then((data) => {\n successCallback(data);\n });\n};\n","import React, { useContext } from 'react';\nimport './index.css';\nimport Context from '../../../../utils/context';\n\nexport default function AvatarWActive({ profile, showInfo = false }) {\n if (!profile) {\n return <>;\n }\n\n const context = useContext(Context);\n const profileStatus = context.profileStatus;\n profileStatus.addProfile(profile);\n\n var active = profile.active;\n\n return (\n \n
\n \n {isMobile && (\n \n
\n \n \n
\n \n )}\n \n
\n {showInfo && (\n \n
\n \n \n Last active {profile.last_active_display}\n \n )}\n
\n )}\n \n );\n}\n","export const createBrowserCall = (conversation_id, successCallback) => {\n fetch(`/api/v1/browser_calls`, {\n method: 'POST',\n headers: {\n 'Content-Type': 'application/json',\n },\n body: JSON.stringify({\n conversation_id: conversation_id,\n }),\n })\n .then((response) => response.json())\n .then((data) => {\n successCallback(data);\n });\n};\n\nexport const getBrowserCall = (browserCallId, successCallback) => {\n fetch(`/api/v1/browser_calls/${browserCallId}`, {\n headers: {\n 'Content-Type': 'application/json',\n },\n })\n .then((response) => response.json())\n .then((data) => {\n successCallback(data);\n });\n};\n\nexport const updateCall = (browserCallId, params, successCallback) => {\n fetch(`/api/v1/browser_calls/${browserCallId}`, {\n method: 'PATCH',\n headers: {\n 'Content-Type': 'application/json',\n },\n body: JSON.stringify({\n id: browserCallId,\n status: params.status,\n feedback_rating: params.feedback_rating,\n feedback_comments: params.feedback_comments,\n }),\n })\n .then((response) => response.json())\n .then((data) => {\n successCallback(data);\n });\n};\n","import React, { useState, useEffect, useContext } from 'react';\nimport { createRatings } from '../../../api/ratings';\nimport './index.css';\n\nexport default function ConnectionFeedback({ browserCall }) {\n const [view, setView] = useState('feedback');\n const [starRating, setStarRating] = useState();\n const [feedbackComment, setFeedbackComment] = useState();\n const submitFeedback = () => {\n createRatings(browserCall.uuid, starRating, feedbackComment, () => {\n setView('success');\n });\n };\n\n if (view === 'feedback') {\n return (\n <>\n \n {profile.display_name}\n
\n {profile.last_active && (\n\n
\n \n
\n \n
\n \n Call ended\n
\n\n
\n \n );\n }\n\n return (\n \n
\n \n setFeedbackComment(e.target.value)}\n className='material-input'\n placeholder='How are you feeling after your call?'\n >\n \n Submit\n \n
\n \n Provide feedback on your\n
\n PatientPartner mentor connection!\n
\n {[...Array(5)].map((ele, i) => (\n <>\n {starRating >= i + 1 ? (\n setStarRating(i + 1)}\n className={`feedback-star`}\n viewBox='0 0 30 28'\n fill='none'\n xmlns='http://www.w3.org/2000/svg'\n >\n setStarRating(i + 1)}\n className={`feedback-star`}\n viewBox='0 0 29 27'\n fill='none'\n xmlns='http://www.w3.org/2000/svg'\n >\n
\n \n
\n );\n}\n","export const createRatings = (browserCallId, feedbackRating, feedbackComments, successCallback) => {\n fetch(`/api/v1/ratings`, {\n method: 'POST',\n headers: {\n 'Content-Type': 'application/json',\n },\n body: JSON.stringify({\n browser_call_id: browserCallId,\n feedback_rating: feedbackRating,\n feedback_comments: feedbackComments,\n }),\n })\n .then((response) => response.json())\n .then((data) => {\n successCallback(data);\n });\n};\n","import React, { useState, useEffect, useContext } from 'react';\nimport './index.css';\nimport { createBrowserCall, getBrowserCall, updateCall } from '../../../../api/browser_calls';\nimport ModalWrapper from '../../../modal';\nimport Context from '../../../../utils/context';\nimport ConnectionFeedback from '../../connection_feedback';\n\nexport default function ClickToCall({ conversation }) {\n const context = useContext(Context);\n const isMobile = context.viewport.getIsMobile();\n const user = context.auth.getCurrentUser();\n let otherUser = conversation.other_user_conversations[0];\n\n const [currentBrowserCall, setCurrentBrowserCall] = useState(null);\n const [showCallModal, setShowCallModal] = useState(false);\n const [modalState, setModalState] = useState('startCall');\n const [timer, setTimer] = useState(0);\n const [startTimer, setStartTimer] = useState(false);\n\n useEffect(() => {\n if (startTimer === true) {\n setTimeout(() => {\n setTimer(timer + 1);\n }, 1000);\n }\n }, [timer, startTimer]);\n\n const createPhoneCall = () => {\n setShowCallModal(true);\n setModalState('startCall');\n createBrowserCall(conversation.uuid, (data) => {\n setCurrentBrowserCall(data);\n window.twilioDevice = new Twilio.Device(data.current_user_token, {\n debug: false,\n codecPreferences: ['opus', 'pcmu'],\n fakeLocalDTMF: true,\n enableRingingState: true,\n // machineDetection: 'Enable'\n });\n\n const logError = (error) => {\n updateCall(\n data.uuid,\n { status: 'Errored', twilio_errors: { message: error.message, code: error.code } },\n () => {}\n );\n };\n\n const initiateFeedback = () => {\n updateCall(data.uuid, { status: 'Ended' }, () => {\n setModalState('feedback');\n setTimer(0);\n setStartTimer(false);\n });\n };\n\n window.twilioDevice.on('disconnect', function (connection) {\n console.log('on disconnect');\n console.log('connection', connection);\n window.twilioDevice.destroy();\n initiateFeedback();\n });\n\n window.twilioDevice.on('error', (error) => {\n console.log('on error', error);\n window.twilioDevice.destroy();\n logError(error);\n });\n\n window.twilioDevice.on('ready', (device) => {\n console.log('on ready device', device);\n });\n });\n };\n\n const startPhoneCall = () => {\n window.twilioDevice.connect({ phoneNumber: conversation.other_user_conversations[0].profile.phone });\n updateCall(currentBrowserCall.uuid, { status: 'Starting' }, () => {});\n setModalState('calling');\n setTimer(0);\n setStartTimer(true);\n };\n\n const endCall = () => {\n window.twilioDevice.disconnectAll();\n window.twilioDevice.destroy();\n setModalState('feedback');\n };\n\n const closeModal = () => {\n window.twilioDevice.disconnectAll();\n window.twilioDevice.destroy();\n setCurrentBrowserCall(null);\n setShowCallModal(false);\n };\n\n return (\n \n
\n \n
\n Thank you!
\nYour feedback has been submitted.
\n\n {user.current_profile.access_twilio_call && (\n {\n createPhoneCall();\n }}\n width='24'\n height='24'\n viewBox='0 0 24 24'\n fill='none'\n xmlns='http://www.w3.org/2000/svg'\n >\n \n {modalState === 'startCall' && (\n
\n )}\n {modalState === 'feedback' && \n
\n )}\n {modalState === 'calling' && (\n \n
\n \n
\n \n
\n Start calling?
\n\n It looks like you are going to start a phone call with {otherUser.profile.display_name}\n .\n
\n\n Click start call to start the call.\n
\n\n
\n \n
\n \n \n \n
\n Start call
\n\n
\n \n
\n \n
\n \n
\n \n Calling {otherUser.profile.display_name}\n
\n\n {new Date(timer * 1000).toISOString().substr(11, 8)}\n
\n\n
\n \n
\n \n
\n \n \n \n
\n \n End Call\n
\n\n setShowModal(true)}\n width='24'\n height='24'\n viewBox='0 0 24 24'\n fill='none'\n xmlns='http://www.w3.org/2000/svg'\n >\n \n
\n );\n}\n","import React, { useContext, useState, useEffect } from 'react';\nimport Context from '../../utils/context';\nimport ClickToCall from './icons/click_to_call';\nimport ClickToRequestCall from './icons/click_to_request_call';\nimport { ActionCableConsumer } from 'react-actioncable-provider';\nimport ReactTooltip from 'react-tooltip';\nimport { getBrowserCall } from '../../api/browser_calls';\nimport styles from './styles.module.css';\n\nexport default function ActionIcons({ conversation, style }) {\n const context = useContext(Context);\n const user = context.auth.getCurrentUser();\n if (user.current_profile_type !== 'Patient' && user.current_profile_type !== 'PatientPartner') {\n return ;\n }\n\n const [callFeedbackModal, setCallFeedbackModal] = useState(false);\n const [browserCall, setBrowserCall] = useState(null);\n\n const updateRoom = (data) => {\n switch (data.type) {\n case 'call_feedback':\n setBrowserCall(data.browser_call);\n setCallFeedbackModal(true);\n break;\n default:\n return;\n }\n };\n\n const callComplete = () => {\n setCallFeedbackModal(false);\n setBrowserCall(null);\n };\n\n useEffect(() => {\n if (\n new URLSearchParams(window.location.search).get('showFeedback') &&\n new URLSearchParams(window.location.search).get('id') !== null\n ) {\n getBrowserCall(new URLSearchParams(window.location.search).get('id'), (data) => {\n setBrowserCall(data);\n setCallFeedbackModal(true);\n });\n }\n }, []);\n\n useEffect(() => {\n if (conversation.need_feedback_on_last_conversation) {\n setBrowserCall(conversation.need_feedback_on_last_conversation);\n setCallFeedbackModal(true);\n }\n }, []);\n\n return (\n <>\n \n
\n \n }\n onClose={() => setShowModal(false)}\n />\n )}\n {showCallFeedbackModal && currentBrowserCall !== null && (\n \n
\n \n
\n \n
\n Request a phone call
\n {conversation.other_user_conversations[0].profile.type === 'PatientPartner' && (\n\n We’ll let your PatientPartner mentor know that you’d like to chat over the phone.\n
\n
\n Your PatientPartner mentor will coordinate a day and time to chat!\n
\n We'll let the doctor's office know that you'd like to chat over the phone.\n
\n
\n The doctor's office will coordinate a day and time to chat!\n
\n
\n \n
\n \n requestACall(conversation.uuid, () => setShowModal(false))}\n className='justify-content-center'\n style={\n (isMobile ? { padding: '10px 5px', fontSize: '12px' } : {},\n { display: 'flex', padding: '10px 15px', width: '100%' })\n }\n >\n \n
\n Request a call
\n\n {user.current_profile.type === 'PatientPartner' && (\n <>\n \n \n \n \n )}\n {user.current_profile.type === 'Patient' && user.current_profile.procedures.includes('ReActiv8') && (\n
\n \n );\n}\n","import React from 'react';\nimport styles from './index.module.css';\n\nexport default function GhostButton(props) {\n return (\n \n {props.children}\n
\n );\n}\n","import React, { useState, useContext, useRef } from 'react';\nimport styles from '../../index.module.css';\nimport GhostButton from '../../../ui_kit/utilities/ghost_button';\nimport RequestButton from '../../../ui_kit/utilities/request_button';\nimport Context from '../../../../utils/context';\nimport { successToast } from '../../../ui_kit/utilities/success_toast';\nimport Divider from '../../../ui_kit/utilities/divider';\nimport DropdownInput from '../../../ui_kit/utilities/dropdown_input';\nimport ErrorMessage from '../../../ui_kit/utilities/error_message';\nimport DatePickerWrapper from '../../../date_picker_wrapper';\nimport { createActivity } from '../../../../api/activities';\n\nexport default function PersonalInformation({ user }) {\n const context = useContext(Context);\n const currentUser = context.auth.getCurrentUser();\n const [editing, setEditing] = useState(false);\n const [profile, setProfile] = useState(user.current_profile);\n const age = useRef(user.age);\n const [height, setHeight] = useState(user.height);\n const feet = useRef(Math.floor(height / 12));\n const inches = useRef(height - Math.floor(height / 12) * 12);\n const [weight, setWeight] = useState(user.weight);\n const [gender, setGender] = useState(user.gender);\n const [maritalStatus, setMaritalStatus] = useState(user.marital_status);\n const [disabled, setDisabled] = useState(true);\n const [birthday, setBirthday] = useState(user.date_of_birth);\n const [birthdateError, setBirthdateError] = useState('');\n const [feetError, setFeetError] = useState('');\n const [inchesError, setInchesError] = useState('');\n const [weightError, setWeightError] = useState('');\n const params = useRef({});\n\n if (!user.current_profile) {\n return <>;\n }\n\n const updateInfo = (afterAction) => {\n validateHeight();\n if (params.current.height) {\n setHeight(params.current.height);\n }\n const finalParams = { ...params.current, date_of_birth: birthday };\n let fields = [];\n if (finalParams.date_of_birth !== user.date_of_birth) {\n fields.push('date_of_birth');\n }\n if (finalParams.height && (finalParams.height || null) !== user.height) {\n fields.push('height');\n }\n if (finalParams.weight && (finalParams.weight || null) !== user.weight) {\n fields.push('weight');\n }\n if (finalParams.gender && finalParams.gender !== user.gender) {\n fields.push('gender');\n }\n if (finalParams.marital_status && finalParams.marital_status !== user.marital_status) {\n fields.push('marital_status');\n }\n\n context.auth.userUpdate({ ...params.current, date_of_birth: birthday }, (data) => {\n successToast('Your changes have been saved.');\n setEditing(false);\n createActivity('Activity::EditProfile', { fields: fields.join(',') });\n afterAction();\n });\n };\n\n let profileIsCurrentUser = false;\n if (context.auth.isLoggedIn() && currentUser.id === user.id) {\n profileIsCurrentUser = true;\n }\n\n var now = new Date();\n let maxDate = now.toISOString().substring(0, 10);\n let minDate = `${maxDate.slice(0, 4) - 120}-${maxDate.slice(5, 1000)}`;\n\n const checkBirthdayForAge = (birthdayInput) => {\n let formattedAge = birthdayInput.slice('-');\n var birthDate = new Date(formattedAge);\n if (birthDate < new Date(minDate)) {\n setDisabled(true);\n setBirthdateError('Birthday is too far in the past');\n return;\n }\n };\n\n const validateBirthday = (date) => {\n if (date !== birthday) {\n params.current = { ...params.current, date_of_birth: date };\n let today = new Date();\n let newAge = today.getFullYear() - date.getFullYear();\n let m = today.getMonth() - date.getMonth();\n if (m < 0 || (m === 0 && today.getDate() < date.getDate())) {\n newAge--;\n }\n age.current = newAge;\n setBirthday(date);\n setDisabled(false);\n setBirthdateError('');\n } else {\n setDisabled(true);\n }\n };\n\n const validateFeet = (feetInput) => {\n if (feetInput > 8 || feetInput < 0 || isNaN(feetInput)) {\n setFeetError('Please input a valid feet value between 0 - 8.');\n setDisabled(true);\n return;\n }\n if (feetInput !== '' && feetInput !== 0) {\n feet.current = feetInput;\n params.current = { ...params.current, height: parseInt(feetInput) * 12 + parseInt(inches.current) };\n setFeetError('');\n setDisabled(false);\n } else {\n setDisabled(true);\n }\n };\n\n const validateInches = (inchesInput) => {\n if (inchesInput > 11 || inchesInput < 0 || isNaN(inchesInput)) {\n setInchesError('Please input a valid inch value between 0 - 12.');\n setDisabled(true);\n return;\n }\n if (inchesInput !== '' && inchesInput !== 0) {\n inches.current = inchesInput;\n params.current = { ...params.current, height: parseInt(feet.current) * 12 + parseInt(inchesInput) };\n setInchesError('');\n setDisabled(false);\n } else {\n setDisabled(true);\n }\n };\n\n const validateHeight = () => {\n if (feet.current === 0 && inches.current !== 0) {\n setDisabled(true);\n setFeetError('Please input a feet value.');\n return;\n }\n };\n\n const validateWeight = (weightInput) => {\n if (isNaN(weightInput)) {\n setWeightError('Please enter only numbers.');\n setDisabled(true);\n return;\n }\n if (weightInput !== user.current_profile.weight) {\n setWeight(weightInput);\n params.current = { ...params.current, weight: weightInput };\n setWeightError('');\n setDisabled(false);\n } else {\n setDisabled(true);\n }\n };\n\n const validateGender = (genderInput) => {\n if (genderInput !== gender) {\n setGender(genderInput);\n setDisabled(false);\n params.current = { ...params.current, gender: genderInput.toLowerCase() };\n if (genderInput === 'Gender' || genderInput === 'gender') {\n params.current = { ...params.current, gender: null };\n }\n }\n };\n\n const validateMaritalInput = (maritalInput) => {\n if (maritalInput !== user.current_profile.marital_status) {\n setMaritalStatus(maritalInput);\n setDisabled(false);\n params.current = { ...params.current, marital_status: maritalInput };\n if (maritalInput === 'Marital status' || 'marital status') {\n params.current = { ...params.current, marital_status: null };\n }\n }\n };\n\n return (\n <>\n \n setEditing(true)}\n style={{ marginLeft: 'auto' }}\n >\n setEditing(false)}\n >\n updateInfo(afterAction)}\n disabled={disabled}\n />\n \n )}\n \n )}\n
\n Personal information
\n {currentUser && currentUser.current_profile && profile && (\n <>\n {profileIsCurrentUser && !editing && (\nCancel
\n \n\n
\n \n ) : (\n \n {editing ? (\n <>\n
\n Enter your birthday
\n\n validateBirthday(date)}\n minDate={new Date().setFullYear(new Date().getFullYear() - 119)}\n maxDate={new Date()}\n wrapperClassName={`material-input ${styles.input_txt}`}\n placeholderText={'MM/DD/YYYY'}\n label={false}\n />\n
\n \n {age.current && age.current !== null ? (\n <>\n
\n \n )}\n Age
\n{age.current}
\n \n ) : profileIsCurrentUser ? (\nsetEditing(true)} className={styles.add_bio}>\n + Add your age\n
\n ) : (\nNo age yet
\n )}\n\n \n {\n validateInches(e.target.value);\n }}\n onBlur={() => validateHeight()}\n />\n
\n \n \n {\n validateFeet(e.target.value);\n }}\n />\n \n
\n Feet
\nInches
\n\n {height !== null && height !== '' ? (\n
\n )}\n \n {`${Math.floor(height / 12)} ft ${height - Math.floor(height / 12) * 12} in`}\n
\n ) : profileIsCurrentUser ? (\n height
\nsetEditing(true)} className={styles.add_bio}>\n + Add your height\n
\n ) : (\n\n No height yet\n
\n )}\n\n {editing ? (\n
\n \n {\n validateWeight(e.target.value);\n }}\n />\n
\n ) : (\n <>\n {weight !== null && weight !== '' ? (\n <>\n Weight in lbs
\nWeight
\n{weight}
\n \n ) : profileIsCurrentUser ? (\nsetEditing(true)} className={styles.add_bio}>\n + Add your weight\n
\n ) : (\n\n No weight yet\n
\n )}\n \n )}\n\n {editing ? (\n <>\n
\n Gender Identity
\nGender Identity
\n{gender.charAt(0).toUpperCase() + gender.slice(1)}
\n \n ) : profileIsCurrentUser ? (\nsetEditing(true)} className={styles.add_bio}>\n + Add your gender\n
\n ) : (\n\n No gender yet\n
\n )}\n \n )}\n\n {editing ? (\n <>\n
\n \n \n );\n}\n","import React, { useContext, useState } from 'react';\nimport styles from './index.module.css';\nimport Context from '../../../../utils/context';\nimport GhostButton from '../../../ui_kit/utilities/ghost_button';\nimport RequestButton from '../../../ui_kit/utilities/request_button';\nimport { successToast } from '../../../ui_kit/utilities/success_toast';\nimport VideoType2 from '../../../video_sections/video_type_2';\nimport { createActivity } from '../../../../api/activities';\n\nexport default function About({ user }) {\n const context = useContext(Context);\n const currentUser = context.auth.getCurrentUser();\n const [editing, setEditing] = useState(false);\n const [newBio, setNewBio] = useState(user.current_profile.bio || '');\n const [profile, setProfile] = useState(user.current_profile);\n\n if (!user.current_profile) {\n return <>;\n }\n\n const updateBio = (afterAction) => {\n context.auth.updateProfile({ bio: newBio }, (result) => {\n successToast('Your changes have been saved.');\n setProfile(result);\n setNewBio(result.bio);\n setEditing(false);\n createActivity('Activity::EditProfile', { fields: 'bio' });\n afterAction();\n });\n };\n\n let profileIsCurrentUser = false;\n if (\n context.auth.isLoggedIn() &&\n currentUser.current_profile &&\n profile &&\n currentUser.current_profile.id === profile.id\n ) {\n profileIsCurrentUser = true;\n }\n\n return (\n <>\n Marital Status
\nMarital Status
\n{maritalStatus}
\n \n ) : profileIsCurrentUser ? (\nsetEditing(true)} className={styles.add_bio}>\n + Add your marital status\n
\n ) : (\n\n No marital status yet\n
\n )}\n \n )}\n\n setEditing(true)}\n style={{ marginLeft: 'auto' }}\n >\n setEditing(false)}\n >\n updateBio(afterAction)}\n disabled={\n newBio === user.current_profile.bio ||\n ((user.current_profile.bio === null || user.current_profile.bio === '') && newBio === '')\n }\n />\n \n )}\n \n )}\n
\n About Me
\n {currentUser && currentUser.current_profile && profile && (\n <>\n {profileIsCurrentUser && !editing && (profile.bio !== '' || profile.bio === null) && (\nCancel
\n \n\n {editing ? (\n setNewBio(e.target.value)}\n />\n ) : (\n
\n \n );\n}\n","export const pageInspect = (pageUrl, successFunction) => {\n const csrf = document.querySelector(\"meta[name='csrf-token']\").getAttribute('content');\n fetch(`/api/v1/metainspector/`, {\n method: 'POST',\n headers: {\n 'Content-Type': 'application/json',\n 'X-CSRF-Token': csrf,\n },\n body: JSON.stringify({\n page_url: pageUrl,\n }),\n })\n .then((response) => response.json())\n .then((data) => {\n if (successFunction) {\n successFunction(data);\n }\n })\n .catch((error) => {\n console.log(error);\n });\n};\n","import React from 'react';\nimport styles from './index.module.css';\nimport VideoType2 from '../../../video_sections/video_type_2';\n\nexport default function UrlPreview({ metadata, onDelete }) {\n const link = () => {\n let l = metadata.url;\n if (l.includes('youtube.com')) {\n return false;\n }\n return l;\n };\n\n const renderDelete = () => {\n if (onDelete) {\n return (\n \n {profile.bio !== null && profile.bio !== '' ? (\n profile.bio\n ) : profileIsCurrentUser ? (\n
\n )}\n setEditing(true)} className={styles.add_bio}>\n + Add a few words about yourself\n
\n ) : (\n 'No bio yet'\n )}\n\n {profile.video_url && profile.video_url.includes('youtube') && (\n
\n \n \n
\n )}\n \n
\n \n {metadata.host === 'www.youtube.com' && (\n
\n \n
\n )}\n {metadata.host !== 'www.youtube.com' && (\n \n 
\n {renderDelete()}\n
\n )}\n \n
\n \n );\n\n return (\n \n
\n {metadata.host}
\n\n {metadata.title && `${metadata.title} - `}\n {metadata.description}\n
\n\n {metadata.host === 'www.youtube.com' ? (\n renderInner()\n ) : (\n \n {renderInner()}\n \n )}\n
\n );\n}\n","export const uploadFiles = (file, successFunction) => {\n const csrf = document.querySelector(\"meta[name='csrf-token']\").getAttribute('content');\n\n let formData = new FormData();\n formData.append('file', file);\n\n fetch(`/api/v1/upload_files`, {\n method: 'POST',\n headers: {\n // 'Content-Type': 'multipart/form-data',\n 'X-CSRF-Token': csrf,\n },\n body: formData,\n })\n .then((response) => response.json())\n .then((data) => {\n successFunction(data);\n });\n};\n","import React, { useState, useEffect } from 'react';\nimport styles from './styles.module.css';\nimport uuid from 'react-uuid';\nimport LoadingScreen from '../../../loading_screen';\nimport { uploadFiles } from '../../../../api/file_uploads';\n\nexport default function S3UploadFile({\n onChange = (allFiles) => console.log(allFiles),\n multiple = true,\n cta = 'Add photos',\n type = 'button',\n}) {\n const allFiles = [];\n const [loading, setLoading] = useState(false);\n\n const s3UploadFile = (files, i) => {\n setLoading(true);\n\n if (files.length === i) {\n setLoading(false);\n }\n\n const file = files[i];\n\n if (!file) {\n onChange(allFiles);\n return;\n }\n\n uploadFiles(files[i], (data) => {\n allFiles.push(data.url);\n s3UploadFile(files, i + 1);\n });\n };\n\n const onFileChange = (e) => {\n s3UploadFile(e.target.files, 0);\n };\n\n return (\n <>\n {type === 'button' && (\n \n \n {loading && (\n
\n )}\n {type === 'icon' && (\n \n
\n )}\n \n {!loading ? (\n \n ) : (\n
\n )}\n {type === 'field' && (\n \n )}\n \n );\n}\n","import React, { useState, useEffect, useCallback } from 'react';\nimport Carousel, { Modal, ModalGateway } from 'react-images';\nimport styles from './index.module.css';\nimport './index.css';\n\nexport default function ImageGridDisplay({ photos, setPhotos, type = 'grid', allowRemove = false }) {\n const [currentImage, setCurrentImage] = useState(0);\n const [viewerIsOpen, setViewerIsOpen] = useState(false);\n\n const openLightbox = (index) => {\n setCurrentImage(index);\n setViewerIsOpen(true);\n };\n\n let removeItem = (index) => {\n setPhotos(photos.filter((img, idx) => index !== idx));\n };\n\n const closeLightbox = () => {\n setCurrentImage(0);\n setViewerIsOpen(false);\n };\n\n let photosForGallery = (imgArr) => {\n let imgs = [];\n imgArr.forEach((img) => {\n imgs.push({\n source: img,\n });\n });\n\n return imgs;\n };\n\n const photoWidth = (num) => {\n if (num > 4) {\n return 5;\n }\n return 4;\n };\n\n const renderPhoto = (i, style, width = false) => (\n \n
\n )}\n \n {photos.length > 0 && type === 'grid' && (\n \n {viewerIsOpen ? (\n \n \n ) : null}\n \n
\n );\n}\n","import React, { useState, useEffect } from 'react';\nimport { Link } from 'react-router-dom';\nimport LoadingScreen from '../../../loading_screen';\nimport SuccessPanel from '../../../success_panel';\nimport { getSurgeonReferredMentorMatchFromProfile } from '../../../../api/profiles';\nimport { requestAppointment } from '../../../../api/surgeon_referred_mentor_matches';\nimport { getSurgeon } from '../../../../api/surgeons';\nimport SurgeonsColumn from '../../../surgeons_column';\n\nexport default function WomensHealthMyDoctorPanel({ user }) {\n const [view, setView] = useState('loading');\n const [surgeonReferredMentorMatch, setSurgeonReferredMentorMatch] = useState();\n const [surgeon, setSurgeon] = useState();\n const [isMobile, setDesktop] = useState(window.innerWidth < 768);\n\n useEffect(() => {\n getSurgeonReferredMentorMatchFromProfile((data) => {\n setSurgeonReferredMentorMatch(data);\n if ((data || {}).matched_surgeon_id) {\n getSurgeon(data.matched_surgeon_id, (s) => {\n setSurgeon(s);\n setView('surgeon');\n });\n } else {\n setView('surgeon-match');\n }\n });\n }, []);\n\n const requestAppointmentClick = () => {\n if (surgeonReferredMentorMatch) {\n requestAppointment(() => {\n setView('requested-appointment');\n });\n }\n };\n\n if (view === 'loading') {\n return \n {photos.length === 1 && renderPhoto(0, styles.rectangle)}\n {photos.length === 2 && (\n \n \n )}\n {photos.length === 4 && (\n \n \n )}\n {photos.length >= 5 && (\n \n \n )}\n {photos.length > 5 && (\n
\n )}\n {photos.length > 0 && type === 'inline' && (\n \n {renderPhoto(0, styles.square)}\n {renderPhoto(1, styles.square)}\n
\n )}\n {photos.length === 3 && (\n \n {renderPhoto(0, styles.rectangle)}\n
\n \n {renderPhoto(1, styles.square)}\n {renderPhoto(2, styles.square)}\n
\n \n {renderPhoto(0, styles.rectangle)}\n
\n \n {renderPhoto(1, styles.square_3)}\n {renderPhoto(2, styles.square_3)}\n {renderPhoto(3, styles.square_3)}\n
\n \n {renderPhoto(0, styles.square)}\n {renderPhoto(1, styles.square)}\n
\n \n {renderPhoto(2, styles.square_3)}\n {renderPhoto(3, styles.square_3)}\n {renderPhoto(4, styles.square_3)}\n
\n \n
\n )}\n +{photos.length - 5}
\n\n
\n )}\n \n {photos.map(\n (photo, i) => i < 5 && renderPhoto(i, styles.square_inline, photoWidth(photos.length), photo.id)\n )}\n
\n {photos.length > 5 && (\n \n
\n )}\n +{photos.length - 5}
\n\n
\n );\n }\n\n if (view === 'surgeon') {\n return (\n \n
\n Find a Specialist
\n\n
\n \n Find a doctor in your area who accepts your insurance and can provide expert advice on your symptoms and\n treatment options.\n
\n\n \n \n \n
\n \n
\n \n );\n }\n\n if (view === 'requested-appointment') {\n return (\n \n
\n \n {user.name}, based on your insurance, location, and health conditions, {surgeon.name} is your recommended\n specialist.\n
\n\n \n \n
\n }\n />\n \n
\n );\n }\n\n return <>;\n}\n","import React, { useState, useEffect, useContext } from 'react';\nimport { Link, useLocation } from 'react-router-dom';\nimport Context from '../../../utils/context';\nimport { setLastRead } from '../../../api/user_conversations';\nimport { sendMessage } from '../../../api/messages';\nimport { createActivity } from '../../../api/activities';\nimport TextareaAutosize from 'react-textarea-autosize';\nimport AvatarWActive from '../../ui_kit/utilities/avatar-w-active';\nimport ActionIcons from '../../action_icons';\nimport SimpleSlidingMenu from '../../ui_kit/utilities/simple_sliding_menu';\nimport SurgeonsColumn from '../../surgeons_column';\nimport ErrorMessage from '../../ui_kit/utilities/error_message';\nimport PersonalInformation from '../../profile/about_me_sections/personal_information';\nimport About from '../../profile/about_me_sections/about';\nimport useDebouncedCallback from 'use-debounce/lib/useDebouncedCallback';\nimport { pageInspect } from '../../../api/metainspector';\nimport UrlPreview from '../../ui_kit/utilities/url_preview';\nimport { isObjEmpty } from '../../../helpers';\nimport LoadingScreen from './../../loading_screen';\nimport DOMPurify from '../../../utils/purify.min.js';\nimport S3UploadFile from '../../ui_kit/utilities/s3_upload_file';\nimport ImageGridDisplay from '../../ui_kit/utilities/image_grid_display';\nimport WomensHealthMyDoctorPanel from './womens_health_my_doctor_panel';\n\nexport default function Conversation({\n conversation,\n user,\n backPath,\n profilePath,\n fetchConversation,\n otherUser,\n numConversationsWithUnreadMessages,\n sendFunction = () => {},\n}) {\n useEffect(() => {\n if (isMobile) {\n document.body.style.overflow = 'hidden';\n } else {\n document.body.style.overflow = '';\n }\n\n return () => {\n document.body.style.overflow = '';\n };\n }, []);\n\n const location = useLocation();\n const searchParams = new URLSearchParams(location.search);\n const [currentMessage, setCurrentMessage] = useState(searchParams.get('firstMessage') || '');\n const lastReadTime = conversation.current_user_conversation.last_read_time;\n const [heldKey, setHeldKey] = useState(null);\n const context = useContext(Context);\n const viewport = context.viewport;\n const isMobile = viewport.getIsMobile();\n const [urlPreview, setUrlPreview] = useState();\n const [isUrlPreviewLoading, setIsUrlPreviewLoading] = useState(false);\n const [urlMetadata, setUrlMetadata] = useState(null);\n const linkifyHtml = require('linkifyjs/html');\n let defaultFiles = [];\n if (currentMessage.message_images) {\n defaultFiles = currentMessage.message_images.map((i) => i.image);\n }\n const [files, setFiles] = useState(defaultFiles);\n const send = (e) => {\n if (e !== undefined) {\n e.preventDefault();\n }\n\n if (currentMessage.replace(/\\n/g, '') === '' && files.length === 0) {\n return;\n }\n setCurrentMessage('');\n onSendClick(currentMessage, urlMetadata);\n setFiles([]);\n };\n let suggestedMessages = [];\n if (user.current_profile_type === 'Patient' && conversation && conversation.messages.length === 0) {\n suggestedMessages = [\n 'How did you find a surgeon?',\n 'What was recovery like?',\n 'How do I prepare for my upcoming surgery?',\n 'How did surgery change your life?',\n 'How can my loved ones support me during surgery?',\n 'Where can i find support if I do not have it during surgery?',\n ];\n }\n\n const onRead = () => {\n setLastRead(conversation.id, () => fetchConversation());\n };\n\n const onSendClick = (currentMessage, urlMetadata) => {\n createActivity('Activity::InitiateConnection', { conversation_id: conversation.uuid });\n sendMessage(conversation.uuid, currentMessage, urlMetadata, files, () => {\n setUrlPreview(null);\n setUrlMetadata(null);\n fetchConversation(false, true);\n });\n sendFunction();\n };\n\n const clickNewMessages = () => {\n document.querySelector('.message-container-otr').scrollTop = 0;\n };\n\n const displayWithLineBreaks = (message) =>\n message.split('\\n').map((item, key) => {\n return (\n \n {item}\n \n
\n \n \n
\n \n Your appointment request has been submitted. You will receive a call from one of our Patient Support\n Specialists to help you schedule your appointment shortly.\n
\n \n }\n />\n\n \n );\n });\n\n let menuItems = [\n {\n idToScrollTo: 'AboutMe',\n linkText: 'About Mentor',\n pendoTag: 'conversations-about-me',\n },\n {\n idToScrollTo: 'Chat',\n linkText: 'Chat',\n pendoTag: 'conversations-chat-window',\n },\n {\n idToScrollTo: 'MyDoctor',\n linkText: 'My Doctor',\n pendoTag: 'conversations-my-doctor',\n },\n ];\n\n let defaultSelectedMenuItem = menuItems[1];\n menuItems.forEach((item) => {\n if (selectedMenuItem === item.linkText) {\n defaultSelectedMenuItem = item;\n }\n });\n const [selectedMenuItem, setSelectedMenuItem] = useState(defaultSelectedMenuItem);\n var linkify = require('linkifyjs');\n const showUrlPreview = (newBody) => {\n const link = linkify.find(newBody).find((l) => l.type === 'url');\n if (link && link.href !== urlPreview) {\n setUrlPreview(link.href);\n pageInspect(link.href, (data) => {\n if (!isObjEmpty(data) && data.title && data.description && data.image) {\n setUrlMetadata(data);\n }\n setIsUrlPreviewLoading(false);\n });\n setIsUrlPreviewLoading(true);\n }\n };\n\n const removeUrlPreview = () => {\n setUrlMetadata(null);\n setUrlPreview(null);\n };\n\n const debouncedShowUrlPreview = useDebouncedCallback((value) => {\n showUrlPreview(value);\n }, 1000);\n\n const onBodyChange = (event) => {\n setCurrentMessage(event.target.value);\n debouncedShowUrlPreview(event.target.value);\n };\n\n const current_user_is_womens_health = (user.current_profile.procedures || []).includes(\"Women's health\");\n\n const renderMyDoctorPanel = () => {\n if (\n (otherUser.profile.type === 'Patient' && otherUser.profile.profile_medical_providers.length === 0) ||\n (otherUser.profile.type === 'PatientPartner' && otherUser.profile.other_data.previous_surgeon === undefined)\n ) {\n return (\n <>\n
\n
\n\n {otherUser.profile.type === 'Patient' && user.current_profile.type === 'Patient' && (\n \n
\n \n
\n )}\n {otherUser.profile.type === 'Patient' && user.current_profile.type === 'PatientPartner' && (\n \n
\n Looking for a doctor who will listen to you?
\n\n
\n \n Take a short questionnaire, and we'll help you find the best doctor in your area!\n
\n\n \n \n \n
\n \n
\n )}\n {otherUser.profile.type === 'PatientPartner' && user.current_profile.type === 'Patient' && (\n \n
\n Would you recommend your doctor?
\n\n
\n \n Finding a trusted doctor is hard. Recommend your doctor to {otherUser.profile.display_name}!\n
\n\n {\n setSelectedMenuItem(menuItems[1]);\n user.current_profile.other_data.previous_surgeon !== undefined &&\n user.current_profile.other_data.previous_surgeon.inactive !== true\n ? setCurrentMessage(\n `If you are looking for a trusted doctor, my doctor was ${user.current_profile.other_data.previous_surgeon.name}. You can find more information on their profile page ${user.current_profile.other_data.previous_surgeon.surgeon_share_url}`\n )\n : setCurrentMessage('If you are looking for a trusted doctor, my doctor was');\n setConversationWindowHeight();\n }}\n >\n Recommend my doctor\n \n
\n \n
\n )}\n \n );\n }\n\n if (\n otherUser.profile.type !== 'SuperUser' &&\n ((otherUser.profile.profile_medical_providers.length > 0 &&\n otherUser.profile.profile_medical_providers.inactive !== true) ||\n (otherUser.profile.other_data.previous_surgeon !== undefined &&\n otherUser.profile.other_data.previous_surgeon.inactive !== true))\n ) {\n return (\n \n
\n Looking for a doctor who will listen to you?
\n\n
\n \n Ask your mentor who their doctor was or take a short questionnaire, and we'll help you find the best\n doctor in your area!\n
\n\n {\n setSelectedMenuItem(menuItems[1]);\n setCurrentMessage(\"I was wondering if you'd be willing to share who your doctor was?\");\n setConversationWindowHeight();\n }}\n className=''\n >\n Ask your mentor\n \n
\n \n
\n -or-
\n\n {otherUser.profile.from_real_self &&\n (otherUser.profile.surgeries_or_treatments.includes('Tummy Tuck') ||\n otherUser.profile.surgeries_or_treatments.includes('Liposuction')) ? (\n <>\n {otherUser.profile.surgeries_or_treatments.includes('Tummy Tuck') && (\n \n \n \n )}\n {otherUser.profile.surgeries_or_treatments.includes('Liposuction') && (\n \n \n \n )}\n \n ) : (\n \n \n \n )}\n
\n \n
\n );\n }\n };\n\n return (\n \n \n
\n {selectedMenuItem.linkText === 'About Mentor' && isMobile && (\n \n {otherUser && (\n <>\n {isMobile && backPath && (\n
\n {isMobile &&\n otherUser &&\n (otherUser.profile.type === 'Patient' || otherUser.profile.type === 'PatientPartner') &&\n conversation &&\n user.current_profile_type !== 'SurgeonAdministrativeAssistant' && (\n \n \n \n {numConversationsWithUnreadMessages > 0 && numConversationsWithUnreadMessages < 99 && (\n
\n )}\n {conversation && (\n {numConversationsWithUnreadMessages}
\n )}\n {numConversationsWithUnreadMessages > 99 && 99+
}\n \n \n {isMobile ? (\n \n
\n )}\n \n )}\n \n
\n )}\n \n
\n \n About Mentor\n
\n\n Our mission is to empower and educate patients by providing personalized one-on-one support through\n relatable experiences.
\n We want to make sure every patient has the support and care they need throughout their journey.\n
How we can help:
\n- \n
- Connect you to patient mentors and provide emotional support \n
- Answer any preliminary insurance questions \n
- Connect you to a reputable surgeon in your area \n
\n
\n )}\n \n )}\n {(selectedMenuItem.linkText === 'Chat' || !isMobile) && (\n <>\n {conversation && conversation.messages.length === 0 ? (\n \n
\n \n
\n Send your first message to
\n{otherUser.profile.display_name}
\n\n
\n \n \n \n \n )}\n {conversation && (\n \n 0 ? { width: 'auto' } : { width: ' max-content' }\n }\n className={`message-bubble other-user ${index - 1 !== -1 ? (previousMessageCurrentUser ? 'marg-top-20' : '') : ''}`}\n >\n
\n )}\n \n );\n })}\n \n {`${new Date(message.created_at).toLocaleTimeString()}`}\n )}\n {index - 1 !== -1 &&\n (message.current_user_sent !== conversation.messages[index - 1].current_user_sent) ===\n true &&\n new Date(message.created_at).getMinutes() ===\n new Date(conversation.messages[index - 1].created_at).getMinutes() && (\n // show timestamp if the message is from a different user than the one above\n {`${new Date(message.created_at).toLocaleTimeString()}`}\n )}\n {index - 1 !== -1 &&\n new Date(message.created_at).getMinutes() !==\n new Date(conversation.messages[index - 1].created_at).getMinutes() && (\n // show timestamp if the message above is a different minute\n {`${new Date(message.created_at).toLocaleTimeString()}`}\n )}\n {currentMessageCurrentUser && (\n 0 ? { width: 'auto' } : { width: ' max-content' }\n }\n className={`message-bubble current-user ${index - 1 !== -1 ? (!previousMessageCurrentUser ? 'marg-top-20' : '') : ''}`}\n >\n
\n )}\n {!currentMessageCurrentUser && (\n \n {\n clickNewMessages();\n onRead();\n }}\n className='new-message-txt-wrap'\n >\n
\n )}\n {index - 1 === -1 && (\n // show timestamp for the very first message\n \n {conversation &&\n lastReadTime !== null &&\n conversation.messages.map((message, index) => {\n const currentMessageCurrentUser = message.current_user_sent;\n const previousMessageCurrentUser =\n index - 1 !== -1 && conversation.messages[index - 1].current_user_sent;\n return (\n \n {((index - 1 === -1) === true ||\n (new Date(message.created_at).getDate() !==\n new Date(conversation.messages[index - 1].created_at).getDate() &&\n index - 1 !== -1)) && (\n {\n clickNewMessages();\n onRead();\n }}\n className='new-message-txt-wrap'\n >\n
\n )}\n {index - 1 !== -1 &&\n !message.current_user_sent &&\n new Date(message.created_at).getTime() > new Date(lastReadTime).getTime() &&\n new Date(conversation.messages[index - 1].created_at).getTime() <\n new Date(lastReadTime).getTime() && (\n {`${new Date(message.created_at).toLocaleString('default', { month: 'short' })} ${new Date(message.created_at).getDate()}`}
\n )}\n {index === 0 &&\n !message.current_user_sent &&\n new Date(message.created_at).getTime() > new Date(lastReadTime).getTime() && (\n\n \n
\n New Messages
\n\n \n
\n New Messages
\n\n i.image)} />\n
\n )}\n \n i.image)} />\n
\n )}\n \n
\n )}\n \n )}\n {selectedMenuItem.linkText === 'My Doctor' && isMobile && (\n \n
\n \n
\n \n
\n \n
\n \n {\n setFiles([...files, ...newFiles]);\n }}\n type='icon'\n name='filename'\n multiple={true}\n cta=''\n />\n
\n \n onBodyChange(e)}\n onKeyDown={(e) => {\n e.key === 'Enter' && heldKey !== 'Shift'\n ? send(e)\n : e.key === 'Shift'\n ? setHeldKey(e.key)\n : null;\n }}\n onKeyUp={(e) => {\n e.key === heldKey ? setHeldKey(null) : null;\n }}\n onFocus={() => onRead()}\n placeholder={\n suggestedMessages.length !== 0\n ? 'Introduce yourself...'\n : `Message ${otherUser.profile.display_name}`\n }\n maxRows={15}\n style={{ minHeight: '64px' }}\n />\n
\n \n {isUrlPreviewLoading &&
\n \n \n \n \n
\n \n \n {current_user_is_womens_health ?
\n )}\n \n );\n}\n","export const sendMessage = (conversation_id, body, url_preview_metadata, files, successFunction) => {\n const csrf = document.querySelector(\"meta[name='csrf-token']\").getAttribute('content');\n fetch(`/api/v1/messages/`, {\n method: 'POST',\n headers: {\n 'Content-Type': 'application/json',\n 'X-CSRF-Token': csrf,\n },\n body: JSON.stringify({\n conversation_id: conversation_id,\n body: body,\n url_preview_metadata: url_preview_metadata,\n files: files,\n }),\n })\n .then((response) => response.json())\n .then((data) => {\n if (successFunction) {\n successFunction(data);\n }\n });\n};\n","import React from 'react';\nimport { toSentTime, toSentDay } from '../../../helpers/index';\n\nexport default function ConversationsListItem({ selectedConversation, conversation }) {\n const hasUnreadMessages = conversation.unread_messages > 0;\n\n return (\n <>\n \n
\n \n );\n}\n","import React, { useContext } from 'react';\nimport { Link } from 'react-router-dom';\nimport Context from '../../../../utils/context';\nimport ConversationsListItem from '../conversations_list_item';\n\nexport default function ConversationList({\n newConversationButtonClick,\n conversations,\n pathToMatch = '',\n selectedConversation,\n}) {\n const context = useContext(Context);\n const user = context.auth.getCurrentUser();\n const isMobile = context.viewport.getIsMobile();\n\n return (\n <>\n {conversations && (\n <>\n \n
\n \n
\n \n
\n \n
\n \n
\n {conversation.messages.length > 0 && (\n \n
\n \n {conversation.other_user_conversations[0].profile.display_name}\n
\n\n {conversation.messages[0] && (\n <>\n \n
\n \n {toSentDay(conversation.messages[conversation.messages.length - 1].created_at)}{' '}\n {toSentTime(conversation.messages[conversation.messages.length - 1].created_at)}\n
\n \n )}\n\n \n {conversation.messages[conversation.messages.length - 1].body}\n \n {hasUnreadMessages && }\n
\n )}\n \n
\n My Conversations
\n {user.is_super_user && (\n\n \n
\n )}\n \n
\n \n )}\n \n );\n}\n","import React from 'react';\nimport ContentLoader from 'react-content-loader';\n\nexport default function Skeleton({ shape = 'bar' }) {\n return (\n <>\n {shape === 'circle' && (\n \n
\n \n {conversations && conversations.length === 0 && (\n
\n This is where you'll find a list of conversations you're having!
\n )}\n {conversations && (\n <>\n {conversations.map((conversation, i) => (\n\n \n
\n ))}\n \n )}\n \n \n
\n )}\n {shape === 'box' && (\n \n \n
\n )}\n \n );\n}\n","import React, { useState, useEffect } from 'react';\nimport Skeleton from '../../../ui_kit/utilities/skeleton';\nimport styles from './index.module.css';\nimport ContentLoader from 'react-content-loader';\n\nexport default function ConversationRoomLoadingSkeleton({ type = 'desktop' }) {\n if (type === 'mobile') {\n return (\n <>\n \n
\n \n \n
\n \n );\n }\n\n return (\n \n
\n );\n}\n","import React, { useRef } from 'react';\nimport styles from './index.module.css';\nimport { useClickAway } from 'react-use';\n\nexport default function PlatformModal({\n setModal,\n onSubmit,\n submitCta = 'Submit',\n submitGtmClickLabel = '',\n cancelCta = 'Cancel',\n onCancel = () => {\n setModal(false);\n },\n onClick = () => {\n setModal(false);\n },\n submitDisabled = '',\n title = 'title',\n content = \n
\n \n
\n \n \n
\n \n \n
\n \n
\n \n \n
\n hello world
,\n width = 5,\n shouldApplyClickAway = true,\n}) {\n const ref = useRef(null);\n const ref_1 = useRef(null);\n\n useClickAway(ref_1, () => {\n if (shouldApplyClickAway) {\n setModal(true);\n }\n });\n\n useClickAway(ref, () => {\n if (shouldApplyClickAway) {\n setModal(false);\n }\n });\n\n return (\n\n
\n );\n}\n","import React, { useState, useEffect, useContext } from 'react';\nimport { useHistory } from 'react-router-dom';\nimport PlatformModal from '../../ui_kit/modals/platform_modal';\nimport InputWithOptions from '../../ui_kit/utilities/input_with_options';\nimport DatePickerWrapper from '../../date_picker_wrapper';\nimport Todpicker from '../../todpicker';\nimport LoadingScreen from '../../loading_screen';\nimport SurgeonsColumn from '../../surgeons_column';\nimport { getSurgeon } from '../../../api/surgeons';\nimport styles from './index.module.css';\nimport { createPatientAssistantInfo } from '../../../api/patient_assistant_infos';\n\nexport default function RequestAppointmentModal({ surgeonId, surgeonName, setModal, patientName }) {\n let history = useHistory();\n const [view, setView] = useState('loading');\n const [surgeon, setSurgeon] = useState({});\n const [insuranceCarrier, setInsuranceCarrier] = useState('');\n const insurances = [...gon.all_insurances];\n const [apptDate, setApptDate] = useState('');\n const timePlaceholder = 'Preferred appt. time';\n const [apptTimeOfDay, setApptTimeOfDay] = useState(timePlaceholder);\n const options = [timePlaceholder, 'Morning (9:00-12:00pm)', 'Afternoon (1:00-5:00pm)'];\n const [conversationTopics, setConversationTopics] = useState('');\n\n const getNextWork = (d) => {\n d.setDate(d.getDate() + 1); // tomorrow\n if (d.getDay() == 0) d.setDate(d.getDate() + 1);\n else if (d.getDay() == 6) d.setDate(d.getDate() + 2);\n return d;\n };\n const minDate = getNextWork(getNextWork(new Date()));\n\n useEffect(() => {\n getSurgeon(surgeonId, (data) => {\n console.log('data', data);\n setSurgeon(data);\n setView('intro');\n });\n }, []);\n\n if (view === 'loading') {\n return (\n \n
\n \n
\n \n
\n \n
\n \n 
\n \n
\n {title}
\n \n\n \n {content}
\n \n {onCancel && (\n \n )}\n {onSubmit && (\n onSubmit(false)}\n >\n {submitCta}\n \n )}\n
\n \n
\n \n }\n submitCta={`Request appointment`}\n onSubmit={() => {\n setView('info');\n }}\n />\n );\n }\n\n if (view === 'alternative-options') {\n return (\n \n
\n \n {surgeon.name} has invited past patients like {patientName} to help patients like you throughout your\n journey.\n
\n\n Schedule an appointment with {surgeon.name} to see how he can help you!\n
\n\n
\n \n As it turns out, {surgeon.name} is not in-network with your insurance carrier. We want to make sure you're\n getting the care you need.\n
\nHere are some options you can explore:
\n- \n
- Talk to {surgeon.name} about Cash Pay options \n
- Search a gallery of vetted physicians who accept your insurance \n
{surgeon.name}'s office will reach out within 24-48 hours to confirm your appointment
\n\n setConversationTopics(e.target.value)}\n >\n
\n \n }\n onSubmit={() => {\n setView('checking-insurance');\n setTimeout(() => {\n if (\n surgeon.insurance_carriers.includes(insuranceCarrier) ||\n insuranceCarrier === \"I don't see my insurance provider\"\n ) {\n createPatientAssistantInfo(\n {\n surgeon_administrative_assistant_id: surgeon.surgeon_administrative_assistant_id,\n requested_appt_date: apptDate,\n requested_appt_time_of_date: apptTimeOfDay,\n extra_info: conversationTopics,\n insurance_carrier: insuranceCarrier,\n user_id: null,\n create_initial_appointment_request_message: false,\n },\n (patientAssistantInfo) => {\n history.push(`/member/conversations/${patientAssistantInfo.conversation.uuid}`);\n }\n );\n } else {\n setView('alternative-options');\n }\n }, 3000);\n }}\n />\n );\n}\n","import React, { useState, useEffect } from 'react';\nimport { getMatchedSurgeon, requestAppointment } from '../../../api/surgeon_referred_mentor_matches';\nimport PlatformModal from '../../ui_kit/modals/platform_modal';\nimport LoadingScreen from '../../loading_screen';\nimport SuccessPanel from '../../success_panel';\nimport SurgeonsColumn from '../../surgeons_column';\nimport styles from '../request_appointment_modal/index.module.css';\n\nexport default function DisplayMatchModal({ setModal, patientName, surgeonReferredMentorMatchId }) {\n const [view, setView] = useState('loading');\n const [surgeon, setSurgeon] = useState({});\n\n useEffect(() => {\n getMatchedSurgeon((data) => {\n console.log('data', data);\n setSurgeon(data);\n setView('intro');\n });\n }, []);\n\n const onSubmit = () => {\n requestAppointment(() => {\n setView('success');\n });\n };\n\n if (view === 'loading') {\n return (\n \n Notes to doctor (optional)\n
\n\n
\n \n }\n submitCta={'Request appointment'}\n submitGtmClickLabel={`Surgeon Referral Request Appointment`}\n onSubmit={onSubmit}\n onCancel={null}\n />\n );\n}\n","import React from 'react';\nimport PlatformModal from '../../ui_kit/modals/platform_modal';\nimport { useHistory } from 'react-router-dom';\n\nexport default function PostConversationModal({ postConversationPath, setModal }) {\n const history = useHistory();\n\n const onSubmit = () => {\n history.push(postConversationPath);\n setModal(false);\n };\n\n return (\n \n
\n \n Chat with a specialist to learn more about your fibroid management options and schedule a consultation.\n
\n\n
\n \n Your mentor volunteers their time to help others, and your experience with them matters! Please take our\n short, anonymous survey to share your thoughts on your conversation.\n
\n \n }\n submitCta={'Start survey'}\n submitGtmClickLabel={`Post conversation survey modal`}\n onSubmit={onSubmit}\n onCancel={null}\n />\n );\n}\n","import { connect } from 'react-redux';\nimport { templateAction } from '../../actions/users';\nimport ConversationRoom from '../../components/users/conversation_room';\n\nconst mapStateToProps = (state) => state;\n\nconst mapDispatchToProps = (dispatch) => ({\n templateAction: (item) => dispatch(templateAction(item)),\n});\n\nexport default connect(mapStateToProps, mapDispatchToProps)(ConversationRoom);\n","import React, { useState, useEffect, useContext } from 'react';\nimport { Route, Switch, useRouteMatch } from 'react-router-dom';\nimport { useHistory } from 'react-router-dom';\nimport { getConversation, getConversations, createConversation } from '../../../api/conversations';\nimport ActionCable from 'actioncable';\nimport { ActionCableProvider, ActionCableConsumer } from 'react-actioncable-provider';\nimport Context from '../../../utils/context';\nimport ConversationOtherUserProfile from './profile_panel/conversation_other_user_profile';\nimport UserDropdownSelector from '../../users/dropdown_selector';\nimport Conversation from './conversation';\nimport Modal from '../../modal';\nimport ConversationList from './conversation_list';\nimport LoadingScreen from './../../loading_screen';\nimport './conversation_room.css';\nimport ConversationRoomLoadingSkeleton from './loading_screens/conversation_room_loading_skeleton';\nimport RequestAppointmentModal from '../../surgeon/request_appointment_modal';\nimport DisplayMatchModal from '../../surgeon/display_match_modal';\nimport PostConversationModal from '../../conversations/post_conversation_modal';\nimport styles from './index.module.css';\n\nexport default function ConversationRoom({ match }) {\n let conversation_id = match.params.conversation_id;\n let { path } = useRouteMatch(); // path === '/member/conversations/conversation_id?'\n let history = useHistory();\n const context = useContext(Context);\n const user = context.auth.getCurrentUser();\n const viewport = context.viewport;\n const isMobile = viewport.getIsMobile();\n const cable = ActionCable.createConsumer(gon.action_cable_url);\n const [conversations, setConversations] = useState(null);\n const [conversation, setConversation] = useState(null);\n const [createConversationUser, setCreateConversationUser] = useState();\n const [showAddConversation, setShowAddConversation] = useState(false);\n const [showWelcomeModal, setShowWelcomeModal] = useState(false);\n const [showSurgeonModal, setShowSurgeonModal] = useState(false);\n const [showDisplaySurgeonMatchModal, setShowDisplaySurgeonMatchModal] = useState(false);\n const [showPostConversationSurveyModal, setShowPostConversationSurveyModal] = useState(false);\n const [loading, setLoading] = useState(false);\n\n let numConversationsWithUnreadMessages = 0;\n if (conversations) {\n numConversationsWithUnreadMessages = conversations.filter((x) => x.unread_messages > 0).length;\n }\n\n useEffect(() => {\n if (user.show_welcome_modal) {\n context.auth.userUpdate({ show_welcome_modal: false });\n setShowWelcomeModal(true);\n }\n }, []);\n\n useEffect(() => {\n if (user.show_surgeon_modal) {\n context.auth.userUpdate({ show_surgeon_modal: false });\n setShowDisplaySurgeonMatchModal(true);\n }\n }, []);\n\n const fetchAllConversations = () => {\n getConversations((conversations) => {\n if (user.current_profile_type === 'PatientPartner') {\n conversations = conversations.filter((c) => c.messages.length > 0);\n }\n let sortedConversations = conversations.sort(\n (a, b) =>\n (a.messages.length > 0\n ? new Date(a.messages[a.messages.length - 1].created_at).getTime()\n : new Date(a.created_at).getTime()) -\n (b.messages.length > 0\n ? new Date(b.messages[b.messages.length - 1].created_at).getTime()\n : new Date(b.created_at).getTime())\n );\n setConversations(sortedConversations.reverse());\n });\n };\n\n const fetchConversation = (showLoad, triggerShowSurgeonModal) => {\n if (conversation_id) {\n if (showLoad) {\n setLoading(true);\n }\n getConversation(\n conversation_id,\n (conversation) => {\n setConversation(conversation);\n scrollToBottomOfChat();\n setLoading(false);\n if (\n triggerShowSurgeonModal &&\n user.show_surgeon_modal_in_pp_conversations &&\n conversation.surgeon_referred_mentor_match_id &&\n user.current_profile_type === 'Patient' &&\n conversation.messages.length === 5\n ) {\n setShowDisplaySurgeonMatchModal(true);\n } else if (\n user.current_profile_type === 'Patient' &&\n conversation.conversation_survey &&\n conversation.post_survey_path &&\n conversation.patient_mentor_connection_completed &&\n !conversation.post_survey_completed &&\n conversation.post_survey_completed !== 'not_applicable'\n ) {\n setShowPostConversationSurveyModal(true);\n }\n },\n\n () => {\n setConversation(null);\n setLoading(false);\n history.push('/member/conversations');\n }\n );\n }\n };\n\n useEffect(() => {\n fetchAllConversations();\n fetchConversation(true);\n }, [conversation_id]);\n\n const scrollToBottomOfChat = () => {\n var messageBody = document.querySelector('.message-container');\n if (messageBody) {\n messageBody.scrollTop = messageBody.scrollHeight - messageBody.clientHeight;\n }\n };\n\n const updateRoom = (data) => {\n switch (data.type) {\n case 'message':\n fetchConversation(false, true);\n fetchAllConversations();\n break;\n default:\n return;\n }\n };\n\n const createConversationButtonClick = () => {\n createConversation({ user_id: createConversationUser.id }, (conversation) => {\n setShowAddConversation(false);\n history.push(`/member/conversations/${conversation.uuid}`);\n });\n };\n\n const impersonateButtonClick = () => {\n context.auth.impersonate(createConversationUser.id, (user) => {\n history.push(`/member/conversations`);\n });\n };\n\n const newConversationButtonClick = () => {\n setShowAddConversation(true);\n };\n\n if (isMobile) {\n return (\n \n
\n ) : (\n \n
\n \n
\n \n \n \n WHAT'S NEXT\n \n setShowWelcomeModal(false)}\n data-gtm-click-label='Welcome Modal Get Started'\n >\n Get Started\n \n \n }\n onClose={() => {\n setShowWelcomeModal(false);\n }}\n />\n )}\n {showSurgeonModal &&\n conversation &&\n conversation.other_user_conversations[0].profile.other_data.previous_surgeon &&\n conversation.other_user_conversations[0].profile.other_data.previous_surgeon\n .surgeon_administrative_assistant_id && (\n
\n \n
\n {loading && (\n \n
\n )}\n {!loading && (\n <>\n \n {!showAddConversation && conversation == null && (\n
\n {showAddConversation && (\n \n
\n )}\n {!showAddConversation && conversation && !loading && (\n \n Select a conversation on the left to view and\n
send messages to another community member.\n
\n <>\n
\n )}\n {!showAddConversation && conversation != null && (\n \n
\n )}\n \n )}\n {showWelcomeModal && (\n \n Welcome to PatientPartner\n
\n\n PatientPartner mentors are real people and volunteers here to share their personal\n experience and answer questions you might have about being a patient.\n
\n- \n
- \n
\n Send your first message\n
\n\n Introduce yourself to your mentor and ask your first question!\n
\n \n - \n
\n Replies from real people\n
\n\n Mentors typically reply within 24 hours.\n
\n \n - \n
\n SMS Notification\n
\n\n We'll send you a text notification letting you know when your mentor replies.\n
\n \n
\n
\n );\n}\n","export const redirectAfterSurgery = (history, match) => {\n if (!match?.uuid || !match?.surgeon_slug) {\n history.push(`member/conversations`);\n return;\n }\n\n switch (match.surgeon_slug) {\n case 'xcopri':\n history.push(`/member/mentor-matches/${match?.uuid}/xcopri`);\n break;\n case 'ossiofiber':\n history.push(`/member/mentor-matches/${match?.uuid}/ossio`);\n break;\n case 'reactiv8':\n history.push(`/member/mentor-matches/${match?.uuid}/reactiv8`);\n break;\n case 'reactiv8-australia':\n history.push(`/member/mentor-matches/${match?.uuid}/reactiv8-australia`);\n break;\n case 'dr-moises-jacobs':\n history.push(`/member/mentor-matches/${match?.uuid}/dr-moises-jacobs`);\n break;\n case 'dr-amir-aryaie':\n history.push(`/member/mentor-matches/${match?.uuid}/dr-amir-aryaie`);\n break;\n case 'vonjo':\n history.push(`/member/mentor-matches/${match?.uuid}/spv`);\n break;\n default:\n history.push(`/member/conversations`);\n break;\n }\n};\n","import React, { useEffect } from 'react';\nimport { useHistory, useLocation } from 'react-router-dom';\nimport SignIn from '../sign_in';\nimport { autofocusAll } from '../../helpers';\nimport { createConversation } from './../../api/conversations';\nimport './index.css';\nimport { successToast } from '../ui_kit/utilities/success_toast';\nimport { redirectAfterSurgery } from '../../helpers/redirect_after_surgery_helper.js';\n\nexport default function UsersSignIn({}) {\n let history = useHistory();\n useEffect(() => {\n autofocusAll();\n }, []);\n\n useEffect(() => {\n const showToast = window.localStorage.getItem('showDeactivationToast');\n if (showToast === 'true') {\n successToast('Your account has been deactivated. We hope to see you back soon!');\n window.localStorage.removeItem('showDeactivationToast');\n }\n }, []);\n\n const location = useLocation();\n let returnTo = '';\n let searchParams = '';\n\n if (history.location.state) {\n searchParams = new URLSearchParams(history.location.state);\n returnTo = history.location.state;\n if (searchParams.get('return_to')) {\n returnTo = searchParams.get('return_to');\n }\n } else {\n searchParams = new URLSearchParams(location.search);\n if (searchParams.get('return_to')) {\n returnTo = searchParams.get('return_to');\n }\n }\n\n const onSuccess = (user) => {\n if (user.current_profile_type === 'PatientPartner' && user.sign_in_count === 1) {\n const url = `/member/change-password${returnTo === '' ? '' : `?return_to=${encodeURIComponent(returnTo)}`}`;\n history.push(url);\n } else {\n if (returnTo === '') {\n if (user.origin === 'Paid Beta Doctor Connect Questionnaire' && user.stripe_customer_id !== null) {\n history.push(`/doctor-connect/acl-reconstruction/${user.beta_doctor_connect_contact_uuid}/confirmed`);\n } else if (user.origin === 'Paid Beta Doctor Connect Questionnaire' && user.stripe_customer_id == null) {\n history.push(`/doctor-connect/acl-reconstruction/${user.beta_doctor_connect_contact_uuid}/name`);\n } else if (user.current_profile_type === 'SurgeonAdministrativeAssistant') {\n if (user.is_nybg || user.is_reactiv8) {\n history.push('/provider/mentor-connect');\n } else if (user.is_vonjo || user.is_xcopri || user.is_morehouse || user.is_ossio || user.is_medtronic) {\n history.push('/provider/insights');\n } else {\n history.push('/provider/patients');\n }\n } else if (user.current_profile_type === 'Patient') {\n const match = user.current_profile.mentor_match;\n const matchedWithMentor = user.matched_with_mentor == true;\n if (!matchedWithMentor) {\n redirectAfterSurgery(history, match);\n } else {\n history.push('/member/conversations');\n }\n } else if (user.current_profile_type === 'PatientPartner') {\n history.push('/member/conversations');\n } else if (user.newsfeed_test_user) {\n if (user.current_profile.procedures.length === 0) {\n if (user.origin === 'Surgeon Match Questionnaire') {\n history.push('/member/join/surgeon-match');\n } else {\n history.push('/member/join/support/procedures');\n }\n } else {\n history.push('/member/conversations');\n }\n } else {\n history.push('/member/conversations');\n }\n } else if (searchParams !== '' && searchParams.get('profile_id') && searchParams.get('profile_type')) {\n createConversation(\n {\n profile_id: searchParams.get('profile_id'),\n profile_type: searchParams.get('profile_type'),\n add_procedure: true,\n },\n (conversation) => {\n history.push(`/member/conversations/${conversation.uuid}`);\n }\n );\n } else {\n history.push(returnTo);\n }\n }\n };\n\n return (\n <>\n \n \n
\n \n \n
\n \n \n \n \n
\n Welcome back!
\n\n Connect with your PatientPartner one on one and get answers found no where else.\n
\n\n setEmail(event.target.value)}\n onBlur={validate}\n required\n />\n \n \n
\n {error && \n
\n \n
\n \n \n
\n\n \n
\n Forgot password?
\n \n\n Don't have an account?\n
\n\n
\n \n );\n}\n","import React, { useState, useEffect, useContext } from 'react';\nimport { Link, useLocation } from 'react-router-dom';\nimport ErrorMessage from '../ui_kit/utilities/error_message';\nimport PasswordInput from '../ui_kit/utilities/password_input';\nimport ReCAPTCHA from 'react-google-recaptcha';\nimport { useHistory } from 'react-router-dom';\nimport { autofocusAll } from '../../helpers';\nimport './index.css';\nimport Context from '../../utils/context';\n\nexport default function UsersPasswordReset({}) {\n const [password, setPassword] = useState('');\n const context = useContext(Context);\n const [error, setError] = useState('');\n\n let disabled = 'disabled';\n let validPassword = password !== '';\n\n if (validPassword) {\n disabled = '';\n } else {\n disabled = 'disabled';\n }\n\n let history = useHistory();\n\n useEffect(() => {\n autofocusAll();\n }, []);\n\n const location = useLocation();\n const searchParams = new URLSearchParams(location.search);\n let returnTo = '';\n if (searchParams.get('return_to')) {\n returnTo = searchParams.get('return_to');\n }\n\n const onClick = (event) => {\n context.auth.userResetPassword(\n gon.reset_password_token,\n password,\n () => {\n if (returnTo === '') {\n history.push('/member/conversations');\n } else {\n history.push(returnTo);\n }\n },\n (errors) => {\n setError(errors.join(','));\n }\n );\n setError('');\n };\n\n const recaptchaRef = React.createRef();\n\n const runRecaptcha = async (event) => {\n event.preventDefault();\n recaptchaRef.current.reset();\n recaptchaRef.current.execute();\n };\n\n return (\n <>\n \n \n
\n \n \n
\n \n {message === '' ? (\n <>\n \n Back to login\n \n \n ) : (\n <>\n {message !== '' && \n \n \n \n )}\n
\n Forgot your password?
\n\n No problem! We’ll email you a link to create a new password.\n
\n\n setEmail(event.target.value)}\n onBlur={validate}\n required\n />\n \n \n
\n {message}
}\n\n
\n \n );\n}\n","import {\n signUp,\n logOut,\n signIn,\n recoverPassword,\n resetPassword,\n userUpdate,\n userImpersonate,\n userStopImpersonate,\n} from '../api/users';\nimport { updateProfile, getRecommendedSurgeon, addMatchedPatientPartner } from '../api/profiles';\n\nexport default class Auth {\n constructor(user) {\n this.currentUser = user;\n this.initializePendo();\n }\n\n getCurrentUser = () => {\n return this.currentUser;\n };\n\n initializePendo = () => {\n if (!this.currentUser) {\n return;\n }\n\n if (typeof pendo === 'undefined') {\n return;\n }\n\n pendo.initialize({\n visitor: {\n id: this.currentUser.id,\n email: this.currentUser.email,\n full_name: this.currentUser.name,\n role: this.currentUser.current_profile_type,\n\n // You can add any additional visitor level key-values here,\n // as long as it's not one of the above reserved names.\n },\n });\n };\n\n userSignUp = (name, email, phone, password, params, onSuccess, onError) => {\n signUp(\n name,\n email,\n phone,\n password,\n params,\n (result) => {\n this.currentUser = result;\n this.initializePendo();\n if (onSuccess) {\n onSuccess(result);\n }\n },\n (errors) => {\n if (onError) {\n onError(errors);\n }\n }\n );\n };\n\n isLoggedIn = () => {\n var currentUserPresent = Object.keys(this.currentUser).length !== 0;\n\n if (!currentUserPresent) {\n return false;\n }\n\n if (this.getCurrentUser().current_profile === null) {\n return false;\n }\n\n return true;\n };\n\n userLogOut = () => {\n logOut(() => {\n this.currentUser = {};\n window.location = '/member/login';\n });\n };\n\n userSignIn = (email, password, rememberMe, onSuccess, onError) => {\n signIn(\n email,\n password,\n rememberMe,\n (user) => {\n this.currentUser = user;\n this.initializePendo();\n onSuccess(user);\n },\n onError\n );\n };\n\n userRecoverPassword = (email, onSuccess, onError) => {\n recoverPassword(email, onSuccess, onError);\n };\n\n userResetPassword = (resetPasswordToken, password, onSuccess, onError) => {\n resetPassword(\n resetPasswordToken,\n password,\n (user) => {\n this.currentUser = user;\n onSuccess();\n },\n onError\n );\n };\n\n userUpdate = (updates, onSuccess, onError) => {\n userUpdate(\n updates,\n (user) => {\n this.currentUser = user;\n if (onSuccess) {\n onSuccess(user);\n }\n },\n onError\n );\n };\n\n impersonate = (userId, onSuccess, onError) => {\n if (!this.currentUser.is_super_user) {\n return;\n }\n\n userImpersonate(\n userId,\n (user) => {\n this.currentUser = user;\n onSuccess(user);\n },\n onError\n );\n };\n\n stopImpersonating = (onSuccess, onError) => {\n if (!this.currentUser.true_user) {\n return;\n }\n\n userStopImpersonate((user) => {\n this.currentUser = user;\n onSuccess(user);\n }, onError);\n };\n\n setUnreadNotificationCount = (newUnreadNotificationCount) => {\n if (!this.isLoggedIn()) {\n return;\n }\n\n if (this.getCurrentUser().current_profile === null) {\n return;\n }\n\n this.getCurrentUser().current_profile.unread_notification_count = newUnreadNotificationCount;\n };\n\n updateProfile = (params, successCallback) => {\n if (!this.isLoggedIn()) {\n return;\n }\n\n updateProfile(this.getCurrentUser().profile_id, params, (newProfile) => {\n this.getCurrentUser().current_profile = newProfile;\n if (successCallback) {\n successCallback(newProfile);\n }\n });\n };\n\n getRecommendedSurgeon = (callback) => {\n if (!this.isLoggedIn()) {\n return;\n }\n\n if (this.getCurrentUser().current_profile === null) {\n return;\n }\n\n getRecommendedSurgeon(callback);\n };\n\n addMatchedPatientPartner = (callback) => {\n if (!this.isLoggedIn()) {\n return;\n }\n\n if (this.getCurrentUser().current_profile === null) {\n return;\n }\n\n addMatchedPatientPartner(callback);\n };\n}\n","export default class Viewport {\n constructor() {\n this.update();\n }\n\n getIsMobile = () => {\n this.update();\n return this.isMobile;\n };\n\n getPlatformHeight = () => {\n this.update();\n return this.platformHeight;\n };\n\n getIsSmallMobile = () => {\n this.update();\n return this.isSmallMobile;\n };\n\n update = () => {\n this.isMobile = window.innerWidth < 768;\n this.isSmallMobile = window.innerWidth < 534;\n this.platformHeight = null;\n if (document.querySelector('.platform-header')) {\n this.platformHeight = window.innerHeight - document.querySelector('.platform-header').offsetHeight;\n }\n };\n}\n","import { createConsumer } from '@rails/actioncable';\nimport uuid from 'react-uuid';\n\nexport default class ActionCable {\n constructor() {\n this.subscriptions = {};\n }\n\n subscribe(channel, params, onReceived, onConnected, onDisconnected) {\n const consumer = createConsumer(gon.action_cable_url);\n const id = uuid();\n this.subscriptions[id] = consumer;\n\n consumer.subscriptions.create(\n {\n ...params,\n channel: channel,\n },\n {\n connected: () => {\n console.log(`Connected to channel: ${channel}, params: ${JSON.stringify(params)}`);\n if (onConnected) {\n onConnected();\n }\n },\n disconnected: () => {\n console.log(`Disconnected from channel: ${channel}, params: ${JSON.stringify(params)}`);\n if (onDisconnected) {\n onDisconnected();\n }\n },\n received: (data) => {\n console.log(\n `Received from channel: ${channel}, params: ${JSON.stringify(params)}, data: ${JSON.stringify(data)}`\n );\n if (onReceived) {\n onReceived(data);\n }\n },\n }\n );\n\n return id;\n }\n\n unsubscribe(id) {\n if (this.subscriptions[id]) {\n this.subscriptions[id].disconnect();\n delete this.subscriptions[id];\n }\n }\n}\n","import { getProfileStatuses } from '../api/profile_statuses';\n\nexport default class ProfileStatus {\n constructor() {\n this.profiles = [];\n this.pollStatus();\n }\n\n addProfile = (profile) => {\n if (this.profiles.filter((p) => p.type === profile.type && p.id === profile.id).length === 0) {\n this.profiles.push(profile);\n }\n };\n\n pollStatus = () => {\n setTimeout(() => {\n if (this.profiles && this.profiles.length > 0) {\n getProfileStatuses(\n this.profiles.map((p) => {\n return { id: p.id, type: p.type };\n }),\n (profile_statuses) => {\n profile_statuses.forEach((ps) => this.updateProfile(ps));\n },\n (errors) => {\n console.log('errors');\n console.log(errors);\n }\n );\n }\n this.pollStatus();\n }, 60000);\n };\n\n updateProfile = (profile) => {\n if (profile.last_active_display === 'now') {\n document\n .querySelectorAll(`[data-avatar-profile-id='${profile.id}'][data-avatar-profile-type='${profile.type}']`)\n .forEach((e) => e.classList.add('active'));\n document\n .querySelectorAll(\n `[data-last-active-profile-id='${profile.id}'][data-last-active-profile-type='${profile.type}']`\n )\n .forEach((e) => {\n e.innerText = 'Last active now';\n });\n } else {\n document\n .querySelectorAll(`[data-avatar-profile-id='${profile.id}'][data-avatar-profile-type='${profile.type}']`)\n .forEach((e) => {\n e.classList.remove('active');\n });\n document\n .querySelectorAll(\n `[data-last-active-profile-id='${profile.id}'][data-last-active-profile-type='${profile.type}']`\n )\n .forEach((e) => {\n e.innerText = `Last active ${profile.last_active_display}`;\n });\n }\n };\n}\n","export const getProfileStatuses = (profiles, onSuccess, onError) => {\n fetch(`/api/v1/profile_statuses`, {\n method: 'POST',\n headers: {\n 'Content-Type': 'application/json',\n },\n body: JSON.stringify({ profiles }),\n })\n .then((response) => response.json())\n .then((data) => {\n if (data.success) {\n onSuccess(data.profile_statuses);\n } else {\n onError(data.errors);\n }\n });\n};\n","import { sha256 } from 'js-sha256';\n\nexport default class FacebookConversionApi {\n leadEvent = (lead) => {\n return;\n\n if (!gon.facebook_pixel_id || !gon.facebook_access_token) {\n return;\n }\n\n const form = new FormData();\n const user_data = {\n em: [sha256(lead.email)],\n };\n if (lead.firstName) {\n user_data.fn = [sha256(lead.firstName)];\n }\n if (lead.lastName) {\n user_data.ln = [sha256(lead.lastName)];\n }\n if (lead.phoneNumber) {\n user_data.ph = [sha256(lead.phoneNumber)];\n }\n if (lead.zipcode) {\n user_data.zp = [sha256(lead.zipcode)];\n }\n\n form.append(\n 'data',\n JSON.stringify([\n {\n event_name: 'Lead',\n event_time: Math.floor(Date.now() / 1000),\n action_source: 'website',\n user_data: user_data,\n },\n ])\n );\n if (gon.facebook_test_event_code) {\n form.append('test_event_code', gon.facebook_test_event_code);\n }\n\n fetch(\n `https://graph.facebook.com/v12.0/${gon.facebook_pixel_id}/events?access_token=${gon.facebook_access_token}`,\n {\n method: 'POST',\n body: form,\n }\n );\n };\n\n pageViewEvent = () => {\n if (!gon.facebook_pixel_id || !gon.facebook_access_token) {\n return;\n }\n\n const form = new FormData();\n form.append(\n 'data',\n JSON.stringify([\n {\n event_name: 'PageView',\n event_time: Math.floor(Date.now() / 1000),\n action_source: 'website',\n user_data: {\n em: [null],\n },\n },\n ])\n );\n if (gon.facebook_test_event_code) {\n form.append('test_event_code', gon.facebook_test_event_code);\n }\n\n fetch(\n `https://graph.facebook.com/v12.0/${gon.facebook_pixel_id}/events?access_token=${gon.facebook_access_token}`,\n {\n method: 'POST',\n body: form,\n }\n );\n };\n}\n","export const createProviderApplicantContacts = (name, email, phone, zipcode, procedures, successFunction) => {\n const csrf = document.querySelector(\"meta[name='csrf-token']\").getAttribute('content');\n fetch('/api/v1/provider_applicant_contacts', {\n method: 'POST',\n headers: {\n 'Content-Type': 'application/json',\n 'X-CSRF-Token': csrf,\n },\n body: JSON.stringify({\n ...window.utmInfo,\n name: name,\n email: email,\n phone: phone,\n zipcode: zipcode,\n procedures: procedures,\n }),\n }).then((response) => successFunction(response.status));\n};\n","import React, { useState, useContext } from 'react';\nimport AgreeToTerms from '../ui_kit/utilities/agree_to_terms';\nimport { createProviderApplicantContacts } from '../../api/provider_applicant_contacts';\nimport VideoType2 from '../video_sections/video_type_2';\nimport ScrollTo from '../scroll_to';\nimport { validateEmail } from '../../helpers';\nimport ErrorMessage from '../ui_kit/utilities/error_message';\nimport SuccessPanel from '../success_panel';\nimport LoadingScreen from '../loading_screen';\nimport styles from './for_providers.module.css';\nimport TextLeftImgRightWbg from '../hero_sections/txt_left_img_right_wbg';\nimport TwoTestimonials from '../two_testimonials';\nimport Context from '../../utils/context';\n\nexport default function ForProviders({}) {\n const [email, setEmail] = useState('');\n const [acceptedTerms, setTerms] = useState(false);\n const [success, setSuccess] = useState(false);\n const [loading, setLoading] = useState(false);\n const [error, setError] = useState('');\n const [emailError, setEmailError] = useState('');\n const context = useContext(Context);\n const viewport = context.viewport;\n const isMobile = viewport.getIsMobile();\n\n var checkedEmail = validateEmail(email);\n\n const setAcceptedTerms = () => {\n setTerms(!acceptedTerms);\n validate();\n };\n\n const validate = () => {\n if (checkedEmail === false && email !== '') {\n setEmailError('Please enter a valid email');\n } else {\n setEmailError('');\n }\n };\n\n const onSubmit = () => {\n setLoading(true);\n createProviderApplicantContacts(null, email, null, null, null, (response) => {\n setLoading(false);\n if (response === 200) {\n setSuccess(true);\n } else {\n setError('There was an error, please try again');\n }\n });\n };\n\n return (\n \n \n
\n \n \n
\n \n \n Create new password\n \n
\n Create a new password
\nEnter a new password for your account.
\n\n
\n );\n}\n","import React, { Component, useState, useEffect } from 'react';\nimport styles from './index.module.css';\n\nexport default function FeaturedInCount() {\n return (\n \n
\n \n
\n \n
\n \n \n
\n \n {!success && (\n <>\n onSubmit()}\n className='marg-top-20'\n style={{ width: '100%' }}\n data-gtm-click-label='For Providers Submit'\n >\n Request a demo\n \n {error &&
\n \n {\n setEmail(event.target.value);\n }}\n onBlur={() => validate()}\n required\n />\n \n \n \n
\n {emailError && \n
\n \n
\n \n
\n \n
\n \n
\n \n Grow smarter:\n
\n\n
\n \n
\n \n
\n \n
\n \n
\n \n
\n Differentiate your practice
\n\n Boost patient retention and engagement with an unparalleled support system.\n
\n\n
\n \n
\n \n
\n Data-driven insight
\n\n Gain information found nowhere else on how to better serve your patients.\n
\n\n
\n \n
\n \n
\n Empower your patients
\n\n Allow your best patients to vouch for your practice with interactive reviews.\n
\n\n
\n \n
\n \n
\n \n
\n \n
\n \n \n
\n \n
\n \n How it works
\n\n We’re accepting applications for new providers across any medical\n
procedure category.\n
\n
\n \n
\n \n
\n 1
\nLearn
\n\n Request a 20-minute demo to see where PatientPartner can fit within your practice.\n
\n\n
\n \n
\n 2
\nLaunch
\n\n Implement your strategy with your new PatientPartner customer success and engineering team.\n
\n\n
\n \n
\n 3
\nScale
\n\n Continuously grow your practice by utilizing key data insights to drive more revenue and provide the\n ultimate patient experience.\n
\n\n
\n \n ScrollTo('#sign-up', 'initial')}\n >\n Request a demo\n \n
\n \n
\n \n
\n \n
\n \n See how PatientPartner can help your practice...\n
\n\n \n
\n \n
\n \n \n \n \n
\n \n
\n );\n}\n","import React, { useState, useContext } from 'react';\nimport AgreeToTerms from '../ui_kit/utilities/agree_to_terms';\nimport { createProviderApplicantContacts } from '../../api/provider_applicant_contacts';\nimport VideoType2 from '../video_sections/video_type_2';\nimport ScrollTo from '../scroll_to';\nimport { validateEmail } from '../../helpers';\nimport ErrorMessage from '../ui_kit/utilities/error_message';\nimport SuccessPanel from '../success_panel';\nimport LoadingScreen from '../loading_screen';\nimport styles from './index.module.css';\nimport TextLeftImgRightWbg from '../hero_sections/txt_left_img_right_wbg';\nimport TwoTestimonials from '../two_testimonials';\nimport FeaturedInCount from '../featured_in_count';\nimport Context from '../../utils/context';\n\nexport default function IndustryPartners({}) {\n const [email, setEmail] = useState('');\n const [acceptedTerms, setTerms] = useState(false);\n const [success, setSuccess] = useState(false);\n const [loading, setLoading] = useState(false);\n const [error, setError] = useState('');\n const [emailError, setEmailError] = useState('');\n const context = useContext(Context);\n const viewport = context.viewport;\n const isMobile = viewport.getIsMobile();\n\n var checkedEmail = validateEmail(email);\n\n const setAcceptedTerms = () => {\n setTerms(!acceptedTerms);\n validate();\n };\n\n const validate = () => {\n if (checkedEmail === false && email !== '') {\n setEmailError('Please enter a valid email');\n } else {\n setEmailError('');\n }\n };\n\n const onSubmit = () => {\n setLoading(true);\n createProviderApplicantContacts(null, email, null, null, null, (response) => {\n setLoading(false);\n if (response === 200) {\n setSuccess(true);\n } else {\n setError('There was an error, please try again');\n }\n });\n };\n\n const downloadClick = () => {\n window.open(\n 'https://patientpartner-images2.s3.us-west-1.amazonaws.com/website/PatientPartner_ReActiv8_CaseStudy.pdf'\n );\n };\n\n return (\n \n
\n \n \n
\n \n
\n Customer Count:
\n\n
\n 20+
\n \n Pharmaceutical Companies
\n \n
\n \n 30+
\n \n Medical Device Companies
\n \n
\n );\n}\n","import React from 'react';\n\nexport default function StarRating({ averageRating }) {\n const starRow = () => {\n let stars = [];\n for (let i = 0; i < averageRating; i++) {\n stars.push(\n
\n\n \n
\n \n
\n \n
\n \n
\n \n {!success && (\n <>\n onSubmit()}\n className='marg-top-20'\n style={{ width: '100%' }}\n data-gtm-click-label='For Providers Submit'\n >\n Request a demo\n \n {error &&
\n \n {\n setEmail(event.target.value);\n }}\n onBlur={() => validate()}\n required\n />\n \n \n \n
\n {emailError && \n
\n \n
\n \n
\n \n \n
\n \n
\n \n
\n \n
\n \n
\n \n Grow smarter:\n
\n\n
\n \n
\n \n
\n \n
\n \n
\n \n
\n Measurable impact
\n\n Track how mentors can help support prospective patients throughout the healthcare journey\n
\n\n
\n \n
\n \n
\n Data driven insights
\n\n Obtain a deeper understanding on what patients really care about.\n
\n\n
\n \n
\n \n
\n Navigation to your physicians
\n\n Carving a simple pathway to help patients find your trusted physicians.\n
\n\n
\n \n
\n \n
\n \n
\n \n
\n \n \n
\n \n
\n \n How it works
\n\n We’re accepting applications for new providers across any medical\n
procedure category.\n
\n
\n \n
\n \n
\n 1
\nLearn
\n\n Schedule a call with our team, so we can better understand your business and share more about the\n PatientPartner solution.\n
\n\n
\n \n
\n 2
\nLaunch
\n\n Onboarding takes less than 1 month! The PatientPartner team will work in tandem with your organization\n to insure a fluid launch.\n
\n\n
\n \n
\n 3
\nScale
\n\n Easily scale PatientPartner across your business all around the world.\n
\n\n
\n \n ScrollTo('#sign-up', 'initial')}\n >\n Request a demo\n \n
\n \n
\n \n
\n \n
\n \n See how PatientPartner can help your practice...\n
\n\n
\n \n \n Download a case study\n \n
\n ⭐
);\n }\n return stars;\n };\n\n return {starRow()}
;\n}\n","import React, { useState, useEffect, useContext, useMemo } from 'react';\nimport IsScrolling from 'react-is-scrolling';\nimport ReactTooltip from 'react-tooltip';\nimport Skeleton from '../../ui_kit/utilities/skeleton';\nimport StarRating from '../../ui_kit/utilities/star_rating';\nimport Context from '../../../utils/context';\n\nimport { Bar } from 'react-chartjs-2';\nimport { getSimplePatientPartners } from '../../../api/patient_partners';\nimport { DateRangePicker } from 'react-date-range';\nimport { animated } from '@react-spring/web';\nimport { useClickAway } from 'react-use';\nimport { getSurgeonPatientUsers } from '../../../api/users';\n\nimport styles1 from '../patients/mentor_connect/index.module.css';\nimport styles from './index.module.css';\nimport '../../ui_kit/inputs/date_range/styles.css';\nimport '../../ui_kit/inputs/date_range/default.css';\n\nfunction ProviderInsights({ isScrolling }) {\n const [isLoading, setIsLoading] = useState(true);\n const [patientPartners, setPatientPartners] = useState([]);\n const context = useContext(Context);\n const currentUser = context.auth.getCurrentUser();\n const isMobile = context.viewport.getIsMobile();\n const [showDateRange, setShowDateRange] = useState(false);\n const [startDate, setStartDate] = useState(null);\n const [endDate, setEndDate] = useState(null);\n const [sortBy, setSortBy] = useState('');\n const [users, setUsers] = useState([]);\n const [numConnectedPatients, setNumConnectedPatients] = useState(0);\n const [surgeonReferredMentorMatches, setSurgeonReferredMentorMatches] = useState([]);\n\n const insightsData = useMemo(() => {\n let tempNumConnectedPatients = 0;\n let tempSurgeonReferredMentorMatches = [];\n\n const ratedMap = new Map();\n const readyForNextStepMap = new Map();\n const finishedPostConversationSurveyMap = new Map();\n\n users.forEach((u) => {\n if (u.surgeon_referred_mentor_match) {\n tempSurgeonReferredMentorMatches.push(u.surgeon_referred_mentor_match);\n }\n\n if (u.initiated_conversations_count > 0) {\n tempNumConnectedPatients++;\n }\n\n const userId = u.id;\n\n // skip if no conversation survey\n if (!u.conversation_surveys || u.conversation_surveys.length === 0) {\n return;\n }\n\n // get all ratings\n const ratings = u.conversation_surveys.map((cs) => cs.rating).filter((r) => r);\n\n if (!ratings.length) {\n return;\n }\n\n ratedMap.set(userId, Math.max(...ratings));\n\n // get all ready for next step\n if (u.ready_for_next_step == 'yes' || u.ready_for_next_step == 'maybe') {\n if (!readyForNextStepMap.has(userId)) {\n readyForNextStepMap.set(userId, u.ready_for_next_step);\n }\n }\n\n // get all finished post conversation survey\n if (u.conversation_surveys.some((cs) => cs.completed == true)) {\n finishedPostConversationSurveyMap.set(userId, true);\n }\n });\n\n setNumConnectedPatients(tempNumConnectedPatients);\n setSurgeonReferredMentorMatches(tempSurgeonReferredMentorMatches);\n\n return {\n totalConversationRating: Array.from(ratedMap.values()),\n totalReadyForNextStep: Array.from(readyForNextStepMap.values()),\n totalFinishedPostConversationSurvey: Array.from(finishedPostConversationSurveyMap.values()),\n };\n }, [users]);\n\n const { totalConversationRating, totalReadyForNextStep, totalFinishedPostConversationSurvey } = insightsData;\n\n const sumRatings = (arr) => {\n let sum = 0;\n if (arr) {\n for (const i of arr) {\n sum += i;\n }\n return sum;\n }\n };\n\n const selectionRange = {\n startDate: startDate ? startDate : new Date(),\n endDate: endDate ? endDate : new Date(),\n key: 'selection',\n };\n\n const handleSelect = (ranges) => {\n setStartDate(ranges.selection.startDate);\n setEndDate(ranges.selection.endDate);\n };\n\n let totalPatientConnections = 0;\n patientPartners.forEach((pp) => {\n totalPatientConnections += pp.num_patient_connections;\n });\n\n const setSortByWrapper = (type) => {\n if (sortBy === type) {\n setSortBy(`${type}-desc`);\n } else if (sortBy === `${type}-desc`) {\n setSortBy('');\n } else if (sortBy !== type) {\n setSortBy(type);\n }\n };\n\n const sortByMethod = () => {\n switch (sortBy) {\n case 'connections':\n case 'connections-desc':\n return patientPartners.sort((a, b) => (a.num_patient_connections > b.num_patient_connections ? 1 : -1));\n case 'rating':\n case 'rating-desc':\n return patientPartners.sort((a, b) => (a.avg_rating > b.avg_rating ? 1 : -1));\n case 'messages':\n case 'messages-desc':\n return patientPartners.sort((a, b) => (a.total_messages > b.total_messages ? 1 : -1));\n\n default:\n return sortedPatientPartners;\n }\n };\n let sortedPatientPartners = [];\n sortedPatientPartners = sortBy.includes('desc') ? sortByMethod().reverse() : sortByMethod();\n\n const toggleDropdown = () => {\n setShowDateRange(!showDateRange);\n };\n\n const ref = React.useRef(null);\n useClickAway(ref, () => {\n setShowDateRange(false);\n });\n\n if (showDateRange && isScrolling) {\n setShowDateRange(false);\n }\n\n const patientPartnerRowClick = (profilePath) => () => {\n window.open(profilePath);\n };\n\n const renderReadyForNextStepPanel = () => {\n const toolTipText = currentUser.is_xcopri\n ? 'Patients who are planning or may be planning to start or continue treatment with XCOPRI.'\n : 'This is the number of people who answered they were ready for the next step on a survey.';\n const readyForNextStepText = currentUser.is_xcopri\n ? 'will start/continue treatment'\n : 'patient(s) ready for the next step';\n return (\n \n \n \n {users.length > 0 && (\n
\n );\n };\n\n const colors = [\n '#74CCD3',\n '#314D69',\n '#DDF7F9',\n '#188F8B',\n '#80BBB8',\n '#5A7284',\n '#E0F7F8',\n '#AAD2CF',\n '#FFE5CA',\n '#909090',\n '#BCBCBC',\n ];\n\n const renderBar = (title, yTitle, xTitle, dta) => {\n if (!dta) {\n return <>;\n }\n\n const options = {\n indexAxis: 'y',\n elements: {\n bar: {\n borderWidth: 2,\n },\n },\n responsive: true,\n plugins: {\n legend: {\n display: false,\n },\n title: {\n display: true,\n text: title,\n },\n tooltip: {\n callbacks: {\n title: (context) => {\n return nonTrunctedLabels[context[0].dataIndex];\n },\n label: (context) => {\n return ' ' + context.formattedValue;\n },\n },\n },\n },\n scales: {\n y: {\n display: true,\n title: {\n display: true,\n color: '#000000',\n text: yTitle,\n padding: 10,\n },\n ticks: {\n font: {\n size: 10,\n },\n },\n },\n x: {\n display: true,\n title: {\n display: true,\n color: '#000000',\n text: xTitle,\n },\n ticks: {\n precision: 0,\n },\n },\n },\n };\n\n let labels = [];\n let values = [];\n let nonTrunctedLabels = [];\n\n Object.keys(dta).forEach((label) => {\n let truncatedLabel = label.length > 35 ? label.substring(0, 35) + '...' : label;\n labels.push(truncatedLabel);\n nonTrunctedLabels.push(label); // for tooltip\n values.push(dta[label]);\n });\n\n const data = {\n labels,\n nonTrunctedLabels,\n datasets: [\n {\n data: values,\n borderColor: colors,\n backgroundColor: colors,\n },\n ],\n };\n\n return {toolTipText}
\n\n {totalReadyForNextStep.length} / {totalFinishedPostConversationSurvey.length}\n
\n )}\n {users.length === 0 &&no data
}\n \n {readyForNextStepText}\n
\n\n
\n \n
\n Insights
\n\n \n {showDateRange && (\n \n
\n )}\n \n
\n {!isLoading && (\n <>\n \n
\n Patient connection conversions
\n\n \n \n {numConnectedPatients > 0 && \n patient connected with mentors\n \n ) : (\n \n patients connected with mentors\n \n )}\n
\n {renderReadyForNextStepPanel()}\n \n This is the number of people who initiated a conversation with a mentor.\n
\n{numConnectedPatients}
}\n {numConnectedPatients === 0 && no data
}\n {numConnectedPatients > 1 ? (\n \n \n \n {!isLoading && sumRatings(totalConversationRating) > 0 && (\n
\n \n This is the average conversation rating provided by users on a survey.\n
\n\n
\n )}\n {users.length > 0 && sumRatings(totalConversationRating) === 0 && 0
}\n {users.length === 0 && no data
}\n \n avg. conversation satisfaction rating\n
\n\n
\n \n {isLoading &&
\n Topics your mentors help patients with
\n {!isLoading && surgeonReferredMentorMatches.length === 0 && (\n \n
\n )}\n {!isLoading && surgeonReferredMentorMatches.length > 0 && renderMentorConversationTopics()}\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 No topics yet!
\n\n
\n \n \n )}\n \n );\n}\n\nexport default IsScrolling(ProviderInsights);\n","import React, { useState, useEffect } from 'react';\nimport styles from './index.module.css';\n\nexport default function Pagination({ length = 0, amountPerPage = 10, setMax, setMin }) {\n const [counter, setCounter] = useState(0);\n\n useEffect(() => {\n setMax((counter + 1) * amountPerPage - 1);\n }, []);\n\n useEffect(() => {\n if (counter === 0) {\n setMin(0);\n setMax(amountPerPage);\n } else if (counter > 0) {\n setMin(counter * amountPerPage);\n setMax((counter + 1) * amountPerPage);\n }\n }, [counter]);\n\n return (\n \n
\n \n Mentor Health\n
\n\n
\n \n
\n \n {patientPartners.length > 0 ? (\n
\n {patientPartners.length}
\n ) : (\n no data
\n )}\n active mentors
\n\n
\n \n \n \n {numConnectedPatients > 0 ? (\n \n patients connected with mentors\n \n
\n \n This is the number of people who initiated a conversation with a mentor.\n
\n{numConnectedPatients}
\n ) : (\n no data
\n )}\n \n {!isMobile && patientPartners.length > 0 && (\n <>\n \n \n {!isMobile && (\n
\n )}\n \n ))}\n \n
\n \n )}\n {patientPartners.length === 0 && (\n \n
\n Mentor Name
\n\n
\n Mentor Email
\n\n setSortByWrapper('connections')}\n >\n Total patient conversations\n \n \n
\n \n setSortByWrapper('rating')}\n >\n Avg. rating\n \n \n
\n \n setSortByWrapper('messages')}\n >\n Total number of messages\n \n \n
\n \n
\n )}\n {patientPartners.length !== 0 &&\n patientPartners.map((p, index) => (\n \n
\n \n
\n No mentors!
\n\n
\n \n
\n \n It doesn't look like any mentors have been invited to help patients.\n
\n\n Contact your customer success manager or\n \n support@patientpartner.com\n \n to get started!\n
\n\n \n
\n \n
\n \n {p.name} {p.inactive ? '(inactive)' : ''}\n
\n\n
\n {p.email}
\n\n
\n {p.num_patient_connections}
\n\n {p.average_rating > 0 ? (\n
\n n/a
\n )}\n\n
\n {p.total_messages_count}
\n\n {length < amountPerPage && (\n <>\n
\n );\n}\n","import React, { useState, useEffect, useContext } from 'react';\nimport { useHistory, Link } from 'react-router-dom';\nimport { getProviderPatients } from '../../../api/patient_assistant_infos';\nimport StatusColumn from '../status_column';\nimport styles from './provider_patients.module.css';\nimport { setLastRead } from '../../../api/user_conversations';\nimport Pagination from '../../ui_kit/utilities/pagination';\nimport Context from '../../../utils/context';\nimport Skeleton from '../../ui_kit/utilities/skeleton';\nimport { useTransition, useChain, animated, useSpringRef } from '@react-spring/web';\n\nexport default function ProviderPatients() {\n const [view, setView] = useState('loading');\n const [providerPatients, setProviderPatients] = useState([]);\n const [sortBy, setSortBy] = useState('');\n let history = useHistory();\n const [min, setMin] = useState(0);\n const [max, setMax] = useState(0);\n const [openStatus, setOpenStatus] = useState(null);\n const isMobile = useContext(Context).viewport.getIsMobile();\n\n useEffect(() => {\n getProviderPatients((data) => {\n setProviderPatients(data);\n setView('loaded');\n });\n }, []);\n\n const dateReceived = (date) => {\n var a = new Date(date).toString().slice(4, 15);\n return a.substring(0, 6) + ',' + a.substring(6, 11);\n };\n\n const timeReceived = (date) => {\n if (date === null) {\n return null;\n }\n return new Date(date).toLocaleString('en-US', { hour: 'numeric', minute: 'numeric', hour12: true });\n };\n\n const findLastMessaged = (r) => {\n if (!r.conversation) {\n return null;\n }\n return r.conversation.last_messaged_at;\n };\n\n const clickToSeePatient = (pai) => {\n setLastRead(pai.conversation.id, () => history.push(`/provider/patients/${pai.uuid}`));\n };\n\n const setDefaultOrderOfPatients = () => {\n var sortedArr = providerPatients;\n if (JSON.stringify(providerPatients) !== JSON.stringify({})) {\n var unreadSortedArr = sortByStatus(providerPatients).filter(\n (ele) => ele.conversation && ele.conversation.unread_messages > 0\n );\n var readSortedArr = sortByStatus(providerPatients).filter(\n (ele) => ele.conversation && ele.conversation.unread_messages === 0\n );\n sortedArr = [...unreadSortedArr, ...readSortedArr];\n }\n\n return sortedArr;\n };\n\n const sortByName = (patientsArr) => {\n var arr = [...patientsArr];\n function compare(a, b) {\n var splitA = a.patient.full_name.split(' ');\n var splitB = b.patient.full_name.split(' ');\n var lastA = splitA[splitA.length - 1];\n var lastB = splitB[splitB.length - 1];\n\n if (lastA < lastB) return -1;\n if (lastA > lastB) return 1;\n return 0;\n }\n\n return arr.sort(compare);\n };\n\n const sortBySurgeon = (patientsArr) => {\n var arr = [...patientsArr];\n function compare(a, b) {\n var splitA = a.surgeon_name.split(' ');\n var splitB = b.surgeon_name.split(' ');\n var lastA = splitA[splitA.length - 1];\n var lastB = splitB[splitB.length - 1];\n\n if (lastA < lastB) return -1;\n if (lastA > lastB) return 1;\n return 0;\n }\n\n return arr.sort(compare);\n };\n\n const sortByTime = (patientsArr) => {\n return [...patientsArr].sort((a, b) => {\n return new Date(b.created_at).getTime() - new Date(a.created_at).getTime();\n });\n };\n\n const sortByLastMessaged = (patientsArr) => {\n var arr = [...patientsArr];\n var messaged = arr.filter((p) => findLastMessaged(p) !== null);\n var notMessaged = arr.filter((p) => findLastMessaged(p) === null);\n return [\n ...messaged.sort((a, b) => {\n return new Date(findLastMessaged(b)).getTime() - new Date(findLastMessaged(a)).getTime();\n }),\n ...notMessaged.sort((a, b) => {\n return new Date(findLastMessaged(b)).getTime() - new Date(findLastMessaged(a)).getTime();\n }),\n ];\n };\n\n const sortByStatus = (patientsArr) => {\n const status = {\n 'Not Contacted': 1,\n Contacted: 2,\n 'Consult scheduled': 3,\n 'Surgery scheduled': 4,\n 'Cancelled appt': 5,\n 'No longer interested': 6,\n };\n return [...patientsArr].sort((a, b) => {\n return status[a.status] - status[b.status];\n });\n };\n\n const setSortByWrapper = (type) => {\n if (sortBy === type) {\n setSortBy(`${type}-desc`);\n } else if (sortBy === `${type}-desc`) {\n setSortBy('');\n } else if (sortBy !== type) {\n setSortBy(type);\n }\n };\n\n let providerPatientsSorted = [];\n const sortByMethod = () => {\n switch (sortBy) {\n case 'name':\n return sortByName(providerPatients);\n case 'surgeon':\n return sortBySurgeon(providerPatients);\n case 'received':\n return sortByTime(providerPatients);\n case 'messaged':\n return sortByLastMessaged(providerPatients);\n case 'status':\n return sortByStatus(providerPatients);\n default:\n return setDefaultOrderOfPatients(providerPatients);\n }\n };\n providerPatientsSorted = sortBy.includes('desc') ? sortByMethod().reverse() : sortByMethod();\n\n const statuses = {\n 'Not Contacted': 'rgba(249, 182, 59, .1)',\n Contacted: '#314D69',\n 'Consult scheduled': '#59B6BE',\n 'Surgery scheduled': '#188F8B',\n 'Cancelled appt': '#000000',\n 'No longer interested': '#000000',\n };\n\n const tableSkeletonAnimation = useSpringRef();\n const tableSkeleton = useTransition(\n view === 'loading'\n ? [{}, {}, {}, {}, {}, {}, {}, {}, {}, {}, {}, {}, {}, {}, {}]\n : providerPatientsSorted.slice(min, max),\n {\n ref: tableSkeletonAnimation,\n trail: 500 / 15,\n config: { mass: 0.5, tension: 200, friction: 20 },\n from: { opacity: 0, transform: 'translateX(50px)' },\n enter: { opacity: 1, transform: 'translateX(0px)', position: 'relative' },\n }\n );\n useChain([tableSkeletonAnimation]);\n\n return (\n <>\n {view === 'loading' && (\n \n 1 - {length} of {length}\n
\n \n )}\n {length > amountPerPage && (\n <>\n {counter === 0 && (\n\n 1 - {amountPerPage} of {length}\n
\n )}\n {counter !== 0 && (\n\n {counter * amountPerPage} -{' '}\n {(counter + 1) * amountPerPage > length ? length : (counter + 1) * amountPerPage} of {length}\n
\n )}\n\n setCounter(counter - 1)}\n >\n \n \n length ? 'disabled' : ''}\n onClick={() => setCounter(counter + 1)}\n >\n \n \n
\n \n )}\n \n
\n \n )}\n {view === 'loaded' && (\n <>\n \n {!isMobile && (\n <>\n \n \n {!isMobile && (\n
\n )}\n \n ))}\n \n
\n \n )}\n {providerPatients.length === 0 && (\n \n setSortByWrapper('name')}\n >\n Patient Name\n \n \n
\n \n \n setSortByWrapper('surgeon')}\n >\n Surgeon Requested\n \n \n
\n \n setSortByWrapper('received')}\n >\n Date Received\n \n \n
\n \n setSortByWrapper('messaged')}\n >\n Last Messaged\n \n \n
\n \n setSortByWrapper('status')}\n >\n Status\n \n \n
\n \n
\n )}\n {tableSkeleton((style, item) => (\n New patient referrals will appear here!
\n \n\n
\n )}\n {isMobile && (\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 \n
\n \n
\n \n clickToSeePatient(r)}\n className={`col cursor-pointer ${styles.roster_col} ${styles.bordered}`}\n >\n
\n New Referrals
\n\n {!isMobile && (\n <>\n \n \n {!isMobile && (\n clickToSeePatient(r)}\n className={`col cursor-pointer ${styles.roster_col} ${styles.bordered}`}\n >\n
\n \n
\n \n )}\n {providerPatients.length === 0 && (\n \n setSortByWrapper('name')}\n >\n Patient Name\n \n \n
\n \n \n setSortByWrapper('surgeon')}\n >\n Surgeon Requested\n \n \n
\n \n setSortByWrapper('received')}\n >\n Date Received\n \n \n
\n \n setSortByWrapper('messaged')}\n >\n Last Messaged\n \n \n
\n \n setSortByWrapper('status')}\n >\n Status\n \n \n
\n \n
\n )}\n {providerPatientsSorted.length !== 0 &&\n tableSkeleton((style, r, t, i) => (\n New patient referrals will appear here!
\n \n\n clickToSeePatient(r)}\n className={`col-1 cursor-pointer ${styles.roster_col}`}\n >\n
\n \n clickToSeePatient(r)}\n className={`col cursor-pointer ${styles.roster_col} ${styles.name_col}`}\n >\n
\n {r.patient.full_name}
\n\n
\n \n \n
\n {r.surgeon_name}
\n\n {dateReceived(r.created_at)}\n {timeReceived(r.created_at)}\n
\n\n {dateReceived(findLastMessaged(r))}\n \n {timeReceived(findLastMessaged(r))}\n \n
\n \n )}\n {timeReceived(findLastMessaged(r)) === null && (\n <>\nNot messaged
\n \n )}\n \n\n
\n \n \n )}\n {isMobile && (\n \n \n
\n \n \n )}\n \n ))}\n \n
\n \n
\n \n {r.conversation && r.conversation.unread_messages > 0 && (\n
\n \n {r.status}\n \n
\n {r.patient.full_name}
\n{r.surgeon_name}
\n\n
\n {dateReceived(r.created_at)}
\n\n
\n );\n };\n\n let total = 0;\n let keys = Object.keys(data);\n keys.forEach((key) => {\n total = total + data[key];\n });\n\n const graphicData = [];\n keys.forEach((key) => {\n graphicData.push({\n x: Math.ceil((data[key] / total) * 100) || 0,\n y: data[key] || 0,\n });\n });\n\n let graphicColor = [];\n graphicColor = colors.slice(0, keys.length);\n\n return (\n <>\n \n \n
\n \n
\n {text}
\n{title}
\n \n
\n \n );\n };\n\n const renderHasDiagnosed = () => {\n return renderPie('Number of patients that were previously diagnosed', previouslyDiagnosedResults);\n };\n\n const renderGender = () => {\n return renderPie('Patient Gender', genderResults);\n };\n\n const renderPatientOrCaregiver = () => {\n return renderPie('Patient or Caregiver', patientOrCaregiver);\n };\n\n const renderMfDiagnosis = () => {\n return renderPie('MF Diagnosis', mfDiagnosis);\n };\n\n const renderMfUnderstanding = () => {\n return renderPie('MF Familiarity', mfUnderstanding);\n };\n\n const renderMfDiagnosisTime = () => {\n return renderPie('MF Time Since Diagnosed', mfDiagnosisTime);\n };\n\n const renderMfClinicalTrial = () => {\n return renderPie('Patient Part of Clinical Trial', mfClinicalTrial);\n };\n\n const renderEthnicity = () => {\n return renderBar('Number of patients per ethnicity', 'Ethnicity', 'Number of patients', ethnicityResults);\n };\n\n const renderInsurance = () => {\n const renderKey = (color, text) => {\n return (\n \n
\n \n {keys.map((key, i) => {\n return (\n <>\n {renderKey(graphicColor[i], key)}\n {i !== keys.length - 1 &&
\n \n
\n \n \n
\n );\n };\n\n let total = 0;\n if (insuranceResults) {\n total = insuranceResults['Medicare/Medicaid'] + insuranceResults['Uninsured'] + insuranceResults['Private'];\n }\n\n const graphicData = [\n {\n x: (insuranceResults && Math.ceil((insuranceResults['Medicare/Medicaid'] / total) * 100)) || 0,\n y: (insuranceResults && insuranceResults['Medicare/Medicaid']) || 0,\n },\n {\n x: (insuranceResults && Math.ceil((insuranceResults['Uninsured'] / total) * 100)) || 0,\n y: (insuranceResults && insuranceResults['Uninsured']) || 0,\n },\n {\n x: (insuranceResults && Math.floor((insuranceResults['Private'] / total) * 100)) || 0,\n y: (insuranceResults && insuranceResults['Private']) || 0,\n },\n ];\n\n const graphicColor = ['#57CC99', '#FF6361', '#0085FF'];\n\n return (\n <>\n {text}
\nWhat insurance patients have
\n \n
\n \n );\n };\n\n const renderConversationTopics = () => {\n return renderBar(\n 'Patient and mentor conversation topics',\n 'Conversation Topic',\n 'Number of patients',\n conversationTopicResults\n );\n };\n\n const renderMfQolAffect = () => {\n return renderBar('How MF affected quality of life', 'Quality of life effect', 'Number of patients', mfQolAffect);\n };\n\n const renderMfTreatmentGoals = () => {\n return renderPie('Treatment Goals', mfTreatmentGoals);\n };\n\n const PatientOrCaregiver = () => {\n return renderPie('Patient or Caregiver', xcopriPatientOrCaregiver);\n };\n\n const renderXcopriDiagnosis = () => {\n return renderPie('How long have the patient been diagnosed with epilepsy?', xcopriDiagnosis);\n };\n\n const renderXcopriLastSeisure = () => {\n return renderPie('When the most recent seizure occurred for the patient', xcopriLastSeisure);\n };\n\n const renderXcopriSeisureFrequency = () => {\n return renderPie('How often is the patient having seizures?', xcopriSeisureFrequency);\n };\n\n const renderXcopriPrescription = () => {\n return renderPie('Is the patient currently taking XCOPRI®?', xcopriPrescription);\n };\n\n const renderXcopriSymptomManagement = () => {\n return renderPie('How long the patient have been using XCOPRI®?', xcopriSymptomManagement);\n };\n\n const renderXcopriAsmSideEffect = () => {\n return renderBar(\n 'Side effects from current ASM (excluding XCOPRI)',\n 'Side effects',\n 'Number of patients',\n xcopriAsmSideEffect\n );\n };\n\n const renderXcopriConsideringASwitch = () => {\n return renderPie('Patient considering a switch?', xcopriConsideringASwitch);\n };\n\n const renderXcopriReasonForSwitch = () => {\n return renderBar('Reasons for switching', 'Reason', 'Number of patients', xcopriReasonForSwitch);\n };\n\n const renderXcopriComfortLevel = () => {\n return renderPie('Did the mentor make the patient feel more comfortable', xcopriComfortLevel);\n };\n\n const renderXcopriAnythingElse = () => {\n return renderBar(\n 'Anthing else the patient needs assistance with',\n 'Topic',\n 'Number of patients',\n xcopriAnythingElse\n );\n };\n\n const renderStates = () => {\n let data = {};\n if (statesResults) {\n let max = 0;\n Object.keys(statesResults).forEach((state) => {\n if (statesResults[state] > max) {\n max = statesResults[state];\n }\n });\n\n Object.keys(statesResults).forEach((state) => {\n if (statesResults[state] <= max / 4) {\n data[state] = { fill: '#B7F0D1' };\n } else if (statesResults[state] <= max / 2) {\n data[state] = { fill: '#63E2C4' };\n } else if (statesResults[state] <= (3 * max) / 4) {\n data[state] = { fill: '#329785' };\n } else {\n data[state] = { fill: '#003F5C' };\n }\n });\n }\n\n let tooltipFunc = null;\n if (statesResults) {\n tooltipFunc = (state) => {\n return `${state}: ${statesResults[state] || 0}`;\n };\n }\n\n return \n
\n \n {renderKey('#57CC99', `Medicare/Medcaid`)}\n
\n \n
\n \n
\n );\n}\n\nexport default IsScrolling(PatientDemographics);\n","var saveAs = require('file-saver');\n\nexport const getExport = (successCallback) => {\n fetch(`/api/v1/mentor_connect_exports`, {\n method: 'GET',\n headers: {\n 'Content-Type': 'application/csv',\n },\n })\n .then((response) => response.blob())\n .then((blob) => saveAs(blob, 'export.csv'));\n};\n","import React, { useState } from 'react';\nimport styles from './index.module.css';\nimport { useTransition, useChain, animated, useSpringRef } from '@react-spring/web';\nimport { Link } from 'react-router-dom';\n\nexport default function DropdownMenu({\n parentElement,\n navItemsArr = [\n {\n title: 'Invite patient',\n icon: (\n \n ),\n props: {\n onClick: () => console.log(''),\n },\n },\n {\n title: 'Import patients',\n icon: (\n \n ),\n props: {\n onClick: () => console.log(''),\n },\n },\n ],\n click = false,\n}) {\n const [open, setOpen] = useState(false);\n const dropDownAnimation = useSpringRef();\n const dropdown = useTransition(open ? 1 : [], {\n ref: dropDownAnimation,\n config: { mass: 1, tension: 500, friction: 30 },\n from: { opacity: 0, transform: 'translateY(-10px)' },\n enter: { opacity: 1, transform: 'translateY(0px)' },\n });\n\n const navItemsAnimation = useSpringRef();\n const navItems = useTransition(open ? navItemsArr : [], {\n ref: navItemsAnimation,\n trail: open ? 100 / navItemsArr.length : 0,\n config: { mass: 1, tension: 1000, friction: 100 },\n from: { opacity: 0, transform: 'translateX(30px)' },\n enter: { opacity: 1, transform: 'translateX(0px)' },\n });\n useChain(open ? [dropDownAnimation, navItemsAnimation] : [navItemsAnimation, dropDownAnimation], [\n 0,\n open ? 0.1 : 0.05,\n ]);\n\n return (\n \n
\n Patient Demographics
\n\n \n \n \n \n \n \n \n \n }\n text='Export'\n styles={{ padding: '12px 22px' }}\n onClick={() => {\n getExport(() => {\n console.log('here');\n });\n }}\n />\n
\n \n
\n {user.is_hologic && (\n <>\n \n
\n {renderAge()}
\n \n
\n \n {user.is_hologic && renderHasDiagnosed()}\n {(user.is_vonjo || user.is_xcopri) && renderGender()}\n
\n \n
\n \n
\n {renderSymptoms()}
\n \n
\n \n
\n {renderEthnicity()}
\n \n
\n \n
\n {renderInsurance()}
\n \n
\n {renderConversationTopics()}
\n \n
\n \n )}\n {user.is_vonjo && (\n <>\n \n
\n \n
\n Patient population based on location
\n {renderStates()}\n \n
\n \n
\n {renderPatientOrCaregiver()}
\n \n
\n {renderMfDiagnosis()}
\n \n
\n \n
\n {renderMfUnderstanding()}
\n \n
\n {renderMfDiagnosisTime()}
\n \n
\n\n \n
\n {renderMfInformation()}
\n \n
\n \n
\n {renderMfClinicalTrial()}
\n \n
\n {renderMfTreatmentGoals()}
\n \n
\n \n
\n {renderMfQolAffect()}
\n \n
\n \n )}\n {user.is_xcopri && (\n <>\n \n
\n {renderConversationTopics()}
\n \n
\n \n
\n {renderPatientOrCaregiver()}
\n \n
\n {renderXcopriDiagnosis()}
\n \n
\n \n
\n {renderXcopriLastSeisure()}
\n \n
\n {renderXcopriSeisureFrequency()}
\n \n
\n \n
\n {renderXcopriPrescription()}
\n \n
\n {renderXcopriSymptomManagement()}
\n \n
\n \n
\n {renderXcopriAsmSideEffect()}
\n \n
\n \n
\n {renderXcopriConsideringASwitch()}
\n \n
\n {renderXcopriReasonForSwitch()}
\n \n
\n \n
\n {renderConversationTopics()}
\n \n
\n \n
\n {renderXcopriComfortLevel()}
\n \n
\n \n )}\n \n
\n {renderXcopriAnythingElse()}
\n (click ? setOpen(!open) : null)}>{parentElement}
\n \n {dropdown((style) => (\n \n {navItems((style, dropdownItem) => (\n \n \n
\n ))}\n \n ))}\n \n \n );\n}\n","import React, { useState, useContext } from 'react';\nimport IconButtonSvg from '../../../ui_kit/utilities/icon_button_svg';\nimport styles from './index.module.css';\nimport PlatformModal from '../../../ui_kit/modals/platform_modal';\nimport { successToast } from '../../../ui_kit/utilities/success_toast';\nimport { createCsvUpload, createSurgeonPatientLead } from '../../../../api/csv';\nimport { getExport } from '../../../../api/mentor_connect_exports';\nimport DropdownMenu from '../../../ui_kit/utilities/dropdown_menu';\nimport DropdownInput from '../../../ui_kit/utilities/dropdown_input';\nimport S3UploadFile from '../../../ui_kit/utilities/s3_upload_file';\nimport Context from '../../../../utils/context';\nimport PhoneNumberInput from '../../../ui_kit/inputs/phone_number';\nimport ErrorMessage from '../../../ui_kit/utilities/error_message';\n\nexport default function NewPatientMenu() {\n const context = useContext(Context);\n const user = context.auth.getCurrentUser();\n const [openCsvModal, setOpenCsvModal] = useState(false);\n const [openNewPatientModal, setOpenNewPatientModal] = useState(false);\n const [surgeon, setSurgeon] = useState(user.is_nybg ? 'New York Bariatric Group' : 'Choose a surgeon');\n const [firstName, setFirstName] = useState('');\n const [lastName, setLastName] = useState('');\n const [phone, setPhone] = useState('');\n const [email, setEmail] = useState('');\n const [csvFileName, setCsvFileName] = useState('');\n const [phoneError, setPhoneError] = useState('');\n const parsePhoneNumber = require('libphonenumber-js/min').parsePhoneNumber;\n\n const createMentorConnectPatient = () => {\n let formattedSurgeon = user.surgeon_administrative_assistants_surgeons.filter((saas) => saas.name === surgeon)[0]\n .slug;\n createSurgeonPatientLead(\n {\n ...(firstName !== '' && { first_name: firstName }),\n ...(lastName !== '' && { last_name: lastName }),\n ...(phone !== '' && { phone }),\n ...(email !== '' && { email }),\n ...(surgeon !== 'Choose a surgeon' && { surgeon_slug: formattedSurgeon }),\n },\n (data) => {\n setOpenNewPatientModalWrapper();\n successToast(data.message);\n }\n );\n };\n\n const setOpenNewPatientModalWrapper = () => {\n setOpenNewPatientModal(!openNewPatientModal);\n setSurgeon('Choose a surgeon');\n setFirstName('');\n setLastName('');\n setPhone('');\n setEmail('');\n };\n\n const validatePhone = (phoneNumber) => {\n try {\n const number = parsePhoneNumber(phoneNumber);\n return number.isValid();\n } catch (error) {\n return false;\n }\n };\n\n const validatePhoneOnBlur = () => {\n if (phone !== '' && phone !== null && !validatePhone(phone)) {\n setPhoneError('Enter a valid phone number');\n } else {\n setPhoneError('');\n }\n };\n\n let navItemsArr = [];\n\n navItemsArr.push({\n title: 'Invite patient',\n icon: (\n \n ),\n props: {\n onClick: setOpenNewPatientModal,\n },\n });\n\n navItemsArr.push({\n title: 'Import patients',\n icon: (\n \n ),\n props: {\n onClick: setOpenCsvModal,\n },\n });\n\n navItemsArr.push({\n title: 'Export patients',\n icon: (\n \n ),\n props: {\n onClick: () => {\n getExport(() => {\n console.log('here');\n });\n },\n },\n });\n\n return (\n (click ? setOpen(false) : null)}>\n {dropdownItem.hr_top &&
}\n\n \n {dropdownItem.img && (\n 
\n )}\n {dropdownItem.icon && \n
\n }\n
{dropdownItem.icon}
}\n \n {dropdownItem.title}\n
\n\n \n \n {\n setOpenCsvModal(false);\n successToast('Csv Uploading, we will notify you when it is finished!');\n createCsvUpload({ csv_filename: newFiles[0] }, (data) => console.log(data));\n }}\n type='field'\n name='filename'\n multiple={false}\n />\n \n }\n width={6}\n />\n )}\n {openNewPatientModal && (\n createMentorConnectPatient()}\n content={\n <>\n
\n );\n}\n","export const createCsvUpload = (params, successCallback) => {\n fetch(`/api/v1/surgeon_csv_uploads`, {\n method: 'POST',\n headers: {\n 'Content-Type': 'application/json',\n },\n body: JSON.stringify(params),\n })\n .then((response) => response.json())\n .then((data) => {\n successCallback(data);\n });\n};\n\nexport const createSurgeonPatientLead = (params, successCallback) => {\n fetch('/api/v1/surgeon_patient_leads', {\n method: 'POST',\n headers: {\n 'Content-Type': 'application/json',\n },\n body: JSON.stringify(params),\n })\n .then((response) => response.json())\n .then((data) => {\n successCallback(data);\n });\n};\n","import React from 'react';\nimport styles from './index.module.css';\n\nexport default function StatusMessage({ status = 'error', message = 'There has been an error' }) {\n const statuses = {\n error: {\n styles: {\n color: '#EC4E3E',\n backgroundColor: '#FEEEEC',\n },\n },\n infoBlue: {\n styles: {\n color: '#419DA5',\n backgroundColor: '#DDF7F9',\n },\n },\n success: {\n styles: {\n color: '#24A845',\n backgroundColor: '#EBFAEF',\n },\n },\n warn: {\n styles: {\n color: '#FF9800',\n backgroundColor: '#FFF8E1',\n },\n },\n };\n let selectedStatus = statuses[status];\n\n return (\n Upload your file
\n\n 1.{' '}\n
\n 2. Complete the form with your patients' details, ensuring you maintain the template's existing column\n layout. The upload process is sensitive to the column order.\n
\n3. Drag and drop the CSV below
\n\n Your patients will receive an email to connect with a mentor after the import is complete.\n
\n\n \n setFirstName(e.target.value)} />\n
\n *Required
\n\n \n setLastName(e.target.value)} />\n
\n \n
\n {!user.is_nybg && (\n \n \n
\n *Required
\n\n \n setEmail(e.target.value)} />\n
\n *Required
\n\n \n ({ value: s.name }))}\n values={surgeon}\n setValues={setSurgeon}\n type='single'\n />\n
\n )}\n \n }\n />\n )}\n *Required
\n\n
\n );\n}\n","import React, { useState, useEffect, useContext } from 'react';\nimport NewPatientMenu from '../new_patient_menu';\nimport { useTransition, useChain, animated, useSpringRef } from '@react-spring/web';\nimport styles from './index.module.css';\nimport { useHistory } from 'react-router-dom';\nimport Context from '../../../../utils/context';\nimport Skeleton from '../../../ui_kit/utilities/skeleton';\nimport Pagination from '../../../ui_kit/utilities/pagination';\nimport StatusMessage from '../../../ui_kit/utilities/status_message';\nimport { createPatientAssistantInfo } from '../../../../api/patient_assistant_infos';\nimport { getSurgeonPatientUsers } from '../../../../api/users';\n\nexport default function MentorConnect() {\n const [view, setView] = useState('loading');\n const [sortBy, setSortBy] = useState('');\n const [min, setMin] = useState(0);\n const [max, setMax] = useState(0);\n const [searchTerm, setSearchTerm] = useState();\n const [users, setUsers] = useState([]);\n\n const context = useContext(Context);\n const currentUser = context.auth.getCurrentUser();\n const isMobile = context.viewport.getIsMobile();\n const history = useHistory();\n\n const tableSkeletonAnimation = useSpringRef();\n const tableSkeleton = useTransition(\n view === 'loading' ? [{}, {}, {}, {}, {}, {}, {}, {}, {}, {}, {}, {}, {}, {}, {}] : users.slice(min, max),\n {\n ref: tableSkeletonAnimation,\n trail: 500 / 15,\n config: { mass: 0.5, tension: 200, friction: 20 },\n from: { opacity: 0, transform: 'translateX(50px)' },\n enter: { opacity: 1, transform: 'translateX(0px)', position: 'relative' },\n }\n );\n\n useChain([tableSkeletonAnimation]);\n\n const getStatusColor = (value) => {\n if (value === 0) return '#EC4E3E'; // red for 0\n return '#24A845'; // green for 1 or above\n };\n\n const sortPatients = (patientsArr, attribute) => {\n return [...patientsArr].sort((a, b) => {\n let valueA, valueB;\n switch (attribute) {\n case 'initiated_conversations':\n valueA = a.initiated_conversations_count;\n valueB = b.initiated_conversations_count;\n break;\n case 'completed_conversations':\n valueA = a.completed_conversations_count;\n valueB = b.completed_conversations_count;\n break;\n case 'ready_for_next_step':\n valueA = getReadyForNextStepStatus(a.ready_for_next_step).message;\n valueB = getReadyForNextStepStatus(b.ready_for_next_step).message;\n break;\n default:\n valueA = a[attribute];\n valueB = b[attribute];\n }\n\n return valueA < valueB ? -1 : valueA > valueB ? 1 : 0;\n });\n };\n\n const onFilterClick = () => {\n Promise.all([\n setView('loading'),\n\n new Promise((resolve) => {\n getSurgeonPatientUsers(\n { search_term: searchTerm, surgeon_id: currentUser.surgeon_administrative_assistants_surgeons[0]?.id },\n (usersArr) => {\n setUsers(usersArr);\n resolve();\n }\n );\n }),\n ]).finally(() => {\n setView('loaded');\n });\n };\n\n const goToPatientConvo = (r) => {\n if (currentUser.is_xcopri) {\n return;\n }\n\n const isConfirmed = window.confirm(\n \"Clicking this button will create a conversation with the Patient. Are you sure you'd like to proceed?\"\n );\n\n if (isConfirmed) {\n createPatientAssistantInfo(\n {\n surgeon_administrative_assistant_id: currentUser.surgeon_administrative_assistants[0]?.id,\n patient_profile_id: r.profile_id,\n surgeon_referred_mentor_match_uuid: r.surgeon_referred_mentor_match.uuid,\n },\n (patient_assistant_info) =>\n history.push(`/provider/patients/${patient_assistant_info.uuid}?from=mentor-connect`)\n );\n }\n };\n\n const getReadyForNextStepStatus = (readyForNextStep) => {\n if (readyForNextStep === 'yes' || readyForNextStep === 'maybe') {\n return { message: 'Yes', status: 'success' };\n }\n\n if (readyForNextStep === 'no') {\n return { message: 'No', status: 'error' };\n }\n\n return { message: 'Did not take survey', status: 'infoBlue' };\n };\n\n const setSortByWrapper = (type) => {\n if (sortBy === type) {\n setSortBy(`${type}-desc`);\n } else if (sortBy === `${type}-desc`) {\n setSortBy('');\n } else if (sortBy !== type) {\n setSortBy(type);\n }\n };\n\n const sortByMethod = () => {\n switch (sortBy) {\n case 'name':\n case 'name-desc':\n return sortPatients(users, 'name');\n case 'signup':\n case 'signup-desc':\n return sortPatients(users, 'created_at');\n case 'initiated_conversations':\n case 'initiated_conversations-desc':\n return sortPatients(users, 'initiated_conversations');\n case 'completed_conversations':\n case 'completed_conversations-desc':\n return sortPatients(users, 'completed_conversations');\n case 'ready_for_next_step':\n case 'ready_for_next_step-desc':\n return sortPatients(users, 'ready_for_next_step');\n case 'zipcode':\n case 'zipcode-desc':\n return sortPatients(users, 'zipcode');\n default:\n return users;\n }\n };\n\n const usersSorted = sortBy.includes('desc') ? sortByMethod().reverse() : sortByMethod();\n\n const renderColHeader = (sortName, colName, clickable, colSize = 2) => {\n const onClick = () => {\n if (clickable) {\n setSortByWrapper(sortName);\n }\n };\n\n let sortByClass = styles.col_null;\n if (sortBy === sortName) {\n sortByClass = styles.col_active;\n } else if (sortBy === `${sortName}-desc`) {\n sortByClass = styles.col_active_flipped;\n }\n\n return (\n {message}
\n\n \n
\n );\n };\n\n const renderAllColHeaders = (clickable) => {\n return (\n \n {colName}\n
\n\n {renderColHeader('name', 'Patient name', clickable)}\n {renderColHeader('signup', 'Sign up date', clickable, 2)}\n {(currentUser.is_reactiv8 || currentUser.is_ossio || currentUser.is_medtronic) &&\n renderColHeader('zipcode', 'Zipcode', clickable, 1)}\n \n {renderColHeader('initiated_conversations', 'Initiated conversations', clickable)}\n {renderColHeader('completed_conversations', 'Completed conversations', clickable)}\n {renderColHeader('ready_for_next_step', 'Ready for next step', clickable)}\n
\n );\n };\n\n useEffect(() => {\n Promise.all([\n new Promise((resolve) => {\n getSurgeonPatientUsers(\n { surgeon_id: currentUser.surgeon_administrative_assistants_surgeons[0]?.id },\n (usersArr) => {\n setUsers(usersArr);\n resolve();\n }\n );\n }),\n ]).finally(() => {\n setView('loaded');\n });\n }, []);\n\n return (\n \n {view === 'loading' && (\n
\n )}\n {view === 'loaded' && (\n \n
\n \n {!isMobile && (\n <>\n \n {renderAllColHeaders(false)}\n \n )}\n {tableSkeleton((style, item) => (\n \n {!isMobile && (\n
\n )}\n \n ))}\n \n
\n )}\n {isMobile && (\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 \n
\n \n
\n \n
\n \n )}\n \n );\n}\n","import React from 'react';\nimport { Route, Redirect } from 'react-router-dom';\nimport Auth from '../utils/auth';\n\nconst RestrictedRoute = ({ component: Component, restrictedTypes = [], redirectPath = '/member/login', ...rest }) => {\n const auth = new Auth(gon.current_user || {});\n const currentUser = auth.getCurrentUser();\n const isRestricted = restrictedTypes.some((type) => currentUser[type]);\n\n return (\n \n
\n MentorConnect
\n\n setSearchTerm(e.target.value)} />\n \n
\n \n {!isMobile && renderAllColHeaders(true)}\n {usersSorted.length === 0 ? (\n
\n );\n })\n )}\n \n
\n ) : (\n usersSorted.slice(min, max).map((r, index) => {\n const initiatedConversationsLength = r.initiated_conversations_count;\n const completedConversationsLength = r.completed_conversations_count;\n const status = getReadyForNextStepStatus(r.ready_for_next_step);\n\n if (!isMobile) {\n return (\n \n
\n No patients invited!
\n\n It doesn't look like any patients have been invited to speak with a mentor. Click\n + Invite new patient to invite a new patient.\n
\n\n
\n );\n }\n\n return (\n \n
\n {r.name}
\n\n
\n {(currentUser.is_reactiv8 || currentUser.is_ossio || currentUser.is_medtronic) && (\n \n {new Date(r.created_at).toLocaleDateString('en')}\n
\n\n
\n )}\n\n {r.zipcode}
\n\n
\n\n \n
\n goToPatientConvo(r)} className={styles.message_bubble}>\n <>\n \n
\n \n
\n\n {initiatedConversationsLength}
\n\n
\n\n {completedConversationsLength}
\n\n
\n \n
\n \n
\n \n \n Initiated conversations: {initiatedConversationsLength}\n \n \n Completed conversations: {completedConversationsLength}\n \n
\n {r.name}
\n\n {new Date(r.created_at).toLocaleDateString('en')}\n
\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","import React, { useState, useEffect, useContext } from 'react';\nimport { Link, useParams, useHistory, Switch, Route, useRouteMatch } from 'react-router-dom';\nimport { getPatientAssistantInfo, updatePatientAssistantInfo } from '../../../api/patient_assistant_infos';\nimport Context from '../../../utils/context';\nimport Conversation from '../../users/conversation_room/conversation';\nimport SurgeonAdminPatientPanel from '../../users/conversation_room/profile_panel/surgeon_admin_patient_panel';\nimport { getConversation } from '../../../api/conversations';\nimport { sendNote } from '../../../api/patient_assistant_infos';\nimport ActionCable from 'actioncable';\nimport { ActionCableProvider, ActionCableConsumer } from 'react-actioncable-provider';\nimport styles from './index.module.css';\nimport LoadingScreen from '../../loading_screen';\n\nexport default function ProviderPatientShow({}) {\n const [view, setView] = useState('loading');\n const [data, setData] = useState({});\n const [conversation, setConversation] = useState(null);\n const [viewSetter, setViewSetter] = useState(null);\n const { patientAssistantInfoId } = useParams();\n const context = useContext(Context);\n const user = context.auth.getCurrentUser();\n const cable = ActionCable.createConsumer(gon.action_cable_url);\n const viewport = context.viewport;\n let history = useHistory();\n let path = useRouteMatch();\n\n useEffect(() => {\n getPatientAssistantInfos();\n }, []);\n\n const getPatientAssistantInfos = () => {\n getPatientAssistantInfo(\n patientAssistantInfoId,\n (data) => {\n setData(data);\n if (data.conversation && data.conversation.uuid) {\n getConversation(data.conversation.uuid, (conversation) => {\n setConversation(conversation);\n setView('loaded');\n if (document.querySelector('.log-container') !== null) {\n document.querySelector('.log-container').scrollTop =\n document.querySelector('.log-container').scrollHeight;\n }\n });\n }\n },\n () => {\n history.push('/provider/patients');\n }\n );\n };\n\n const updatePatientAssistantInfos = (params) => {\n updatePatientAssistantInfo(patientAssistantInfoId, params.new_status, (data) => {\n setData(data);\n if (data.conversation && data.conversation.uuid) {\n getConversation(data.conversation.uuid, (conversation) => {\n setConversation(conversation);\n setView('loaded');\n });\n }\n });\n sendNote(patientAssistantInfoId, 'PatientAssistantInfoLogs::NewStatus', params, (data) => console.log(data));\n };\n\n const messagedPatient = () => {\n sendNote(patientAssistantInfoId, 'PatientAssistantInfoLogs::MessagedPatient', {}, (data) => console.log(data));\n };\n\n const fetchConversation = (uuid = null) => {\n let _uuid = uuid;\n if (data && data.conversation && (data.conversation.uuid !== null || data.conversation.uuid !== undefined)) {\n _uuid = data.conversation.uuid;\n }\n getConversation(\n _uuid,\n (conversation) => {\n setConversation(conversation);\n },\n () => {\n history.push('/provider/patients');\n setConversation(null);\n }\n );\n };\n\n const isMobile = viewport.getIsMobile();\n const platformHeight = viewport.getPlatformHeight();\n\n const updateView = (view) => {\n if (isMobile === false) {\n setViewSetter(true);\n } else if (isMobile === true && view === undefined) {\n setViewSetter('conversation');\n }\n };\n\n useEffect(() => {\n viewport.update();\n }, []);\n\n useEffect(() => {\n updateView();\n }, [isMobile]);\n\n const updateRoom = (data) => {\n switch (data.type) {\n case 'message':\n fetchConversation();\n break;\n case 'log':\n getPatientAssistantInfos();\n break;\n default:\n return;\n }\n };\n\n if (view === 'loading')\n return (\n \n
\n \n \n
\n \n \n \n \n \n \n \n \n \n
\n \n \n
\n );\n\n if (view === 'loaded' && isMobile) {\n return (\n <>\n \n {conversation && (\n
\n \n
\n \n \n Back to all patients\n \n
\n\n
\n \n {(viewSetter === true || viewSetter === 'conversation') && (\n
\n \n {conversation && (\n setViewSetter('right-panel')}\n fetchConversation={fetchConversation}\n platformHeight={platformHeight}\n otherUser={conversation.other_user_conversations[0]}\n sendFunction={messagedPatient}\n onBackClick={(data) => {\n history.push(`/provider/patients`);\n }}\n />\n )}\n
\n )}\n {(viewSetter === true || viewSetter === 'right-panel') && (\n \n {conversation && (\n setViewSetter('conversation')}\n />\n )}\n
\n )}\n \n
,\n {\n position: 'top-center',\n autoClose: 5000,\n hideProgressBar: false,\n closeOnClick: true,\n pauseOnHover: true,\n draggable: true,\n progress: undefined,\n }\n );\n },\n (errors) => {\n setError(errors.join(','));\n }\n );\n };\n\n return (\n \n
\n \n \n
\n \n
\n Success
\nYour changes have been saved
\n\n {\n if (value !== '') {\n setChanged(true);\n }\n setPassword(value);\n }}\n label={'New password'}\n requireConfirmation\n />\n {error &&
\n );\n}\n","import React, { useState, useContext, useEffect } from 'react';\nimport { Link } from 'react-router-dom';\nimport Context from '../../../utils/context';\nimport { validateText, validatePhone } from '../../../helpers';\nimport ErrorMessage from '../../ui_kit/utilities/error_message';\nimport { toast } from 'react-toastify';\nimport './index.css';\nimport { getSurgeonAdministrativeAssistant } from '../../../api/surgeon_administrative_assistants';\n\nexport default function ProfileEdit({ embedded = false, light = false }) {\n const context = useContext(Context);\n const user = context.auth.getCurrentUser();\n const [name, setName] = useState(user.name || '');\n const [phone, setPhone] = useState(user.phone || '');\n const [error, setError] = useState('');\n const [changed, setChanged] = useState(false);\n const [data, setData] = useState(false);\n\n const checkedName = validateText(name);\n const checkedPhone = validatePhone(phone);\n\n const validateNameOnBlur = () => {\n if (name !== '' && !checkedName) {\n setError('Enter a valid name');\n } else {\n setError('');\n }\n };\n\n const validatePhoneOnBlur = () => {\n if (phone !== '' && !checkedPhone) {\n setError('Enter a valid phone number');\n } else {\n setError('');\n }\n };\n\n const onClick = () => {\n let params = {};\n if (name !== '' && name !== user.name) {\n params.name = name;\n }\n if (phone !== '' && phone !== user.phone) {\n params.phone = phone;\n }\n\n context.auth.userUpdate(\n params,\n () => {\n toast.success(\n Login
\n\n {\n setChanged(true);\n setEmail(event.target.value);\n }}\n required\n />\n \n \n
\n \n
,\n {\n position: 'top-center',\n autoClose: 5000,\n hideProgressBar: false,\n closeOnClick: true,\n pauseOnHover: true,\n draggable: true,\n progress: undefined,\n }\n );\n },\n (errors) => {\n setError(errors.join(','));\n }\n );\n };\n\n const onClickNonEditable = () => {\n toast.warning(\n \n
\n \n \n
\n \n
\n Success
\nYour changes have been saved
\n\n
,\n {\n position: 'top-center',\n autoClose: 5000,\n hideProgressBar: false,\n closeOnClick: true,\n pauseOnHover: true,\n draggable: true,\n progress: undefined,\n }\n );\n };\n\n let disabled = 'disabled';\n\n // either the user changed the email or the password\n if (changed && ((name !== user.name && checkedName) || (phone !== user.phone && checkedPhone))) {\n disabled = '';\n }\n useEffect(() => {\n if (user.current_profile_type === 'SurgeonAdministrativeAssistant') {\n getSurgeonAdministrativeAssistant(user.current_profile.id, (data) => setData(data.surgeon));\n }\n }, []);\n\n return (\n \n
\n \n \n
\n \n
\n Info
\n\n Contact support@patientpartner.com for assistance updating this field.\n
\n\n
\n );\n}\n","import React, { useContext } from 'react';\nimport { useHistory } from 'react-router-dom';\nimport Context from '../../../utils/context';\nimport LoginEdit from '../../users/login_edit';\nimport ProfileEdit from '../../users/profile_edit';\nimport styles from './acc_details.module.css';\n\nexport default function ProviderAccountDetails({}) {\n const context = useContext(Context);\n const user = context.auth.getCurrentUser();\n let history = useHistory();\n\n const isMobile = context.viewport.getIsMobile();\n\n return (\n Profile
\n\n {\n setChanged(true);\n setName(event.target.value);\n }}\n required\n />\n \n \n
\n \n {\n setChanged(true);\n setPhone(event.target.value);\n }}\n onBlur={validatePhoneOnBlur}\n required\n />\n \n \n \n
\n {data && data.name && (\n \n \n Surgeons Associations\n \n
\n )}\n {error && \n
\n );\n}\n","import React, { useState, useEffect, useContext } from 'react';\nimport { useHistory, Link } from 'react-router-dom';\nimport { getConversations } from '../../../api/surgeon_administrative_assistants';\nimport styles from './index.module.css';\nimport Context from '../../../utils/context';\nimport Skeleton from '../../ui_kit/utilities/skeleton';\nimport { useTransition, useChain, animated, useSpringRef } from '@react-spring/web';\n\nexport default function AdminConversations() {\n const [view, setView] = useState('loading');\n const [conversations, setConversations] = useState([]);\n const [sortBy, setSortBy] = useState('');\n let history = useHistory();\n const [min, setMin] = useState(0);\n const [max, setMax] = useState(0);\n const [openStatus, setOpenStatus] = useState(null);\n const isMobile = useContext(Context).viewport.getIsMobile();\n\n useEffect(() => {\n getConversations({}, (data) => {\n setConversations(data);\n setView('loaded');\n });\n }, []);\n\n const dateReceived = (date) => {\n if (!date) {\n return '';\n }\n var a = new Date(date).toString().slice(4, 15);\n return a.substring(0, 6) + ',' + a.substring(6, 11);\n };\n\n const sortByStatus = (patientsArr) => {\n const status = {\n 'Not Contacted': 1,\n Contacted: 2,\n 'Consult scheduled': 3,\n 'Surgery scheduled': 4,\n 'Cancelled appt': 5,\n 'No longer interested': 6,\n };\n return [...patientsArr].sort((a, b) => {\n return status[a.status] - status[b.status];\n });\n };\n\n const setSortByWrapper = (type) => {\n if (sortBy === type) {\n setSortBy(`${type}-desc`);\n } else if (sortBy === `${type}-desc`) {\n setSortBy('');\n } else if (sortBy !== type) {\n setSortBy(type);\n }\n };\n\n const tableSkeletonAnimation = useSpringRef();\n const tableSkeleton = useTransition(\n view === 'loading' ? [{}, {}, {}, {}, {}, {}, {}, {}, {}, {}, {}, {}, {}, {}, {}] : conversations.slice(min, max),\n {\n ref: tableSkeletonAnimation,\n trail: 500 / 15,\n config: { mass: 0.5, tension: 200, friction: 20 },\n from: { opacity: 0, transform: 'translateX(50px)' },\n enter: { opacity: 1, transform: 'translateX(0px)', position: 'relative' },\n }\n );\n useChain([tableSkeletonAnimation]);\n\n const renderColumnHeader = (colName) => {\n return (\n \n
\n \n
\n \n history.goBack()} data-gtm-click-label={`No Procedure Results Back`}>\n Back\n \n
\n\n
\n \n
\n \n \n
\n {user.name}
\n\n
\n \n
\n \n
\n \n
\n \n
\n \n \n
\n );\n };\n\n return (\n <>\n {view === 'loading' && (\n {colName}
\n\n
\n )}\n {view === 'loaded' && (\n <>\n \n \n \n \n ))}\n
\n \n {renderColumnHeader('Patient Name')}\n {renderColumnHeader('Mentor Name')}\n {renderColumnHeader('Date of First Message')}\n {renderColumnHeader('Date of Last Message')}\n {renderColumnHeader('Mentor Unresponsive for 24 hours')}\n {renderColumnHeader('Flagged Conversation')}\n {renderColumnHeader('View Conversation')}\n
\n {conversations.length === 0 && (\n \n
\n )}\n {tableSkeleton((style, item) => (\n New conversations will appear here!
\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","import React, { useState, useEffect, useContext } from 'react';\nimport { Link } from 'react-router-dom';\nimport UrlPreview from '../../../ui_kit/utilities/url_preview';\nimport ImageGridDisplay from '../../../ui_kit/utilities/image_grid_display';\nimport DOMPurify from '../../../../utils/purify.min.js';\nimport PatientOtherUserPanel from '../../../users/conversation_room/profile_panel/patient_other_user_panel';\nimport { getConversation, updateConversation } from '../../../../api/conversations';\nimport '../../../users/conversation_room/conversation_room.css';\nimport styles from './index.module.css';\n\nexport default function AdminConversationsShow({ match }) {\n let conversation_id = match.params.conversation_id;\n const linkifyHtml = require('linkifyjs/html');\n const [conversation, setConversation] = useState();\n useEffect(() => {\n getConversation(\n conversation_id,\n (result) => {\n setConversation(result);\n },\n () => {},\n true\n );\n }, []);\n\n const dismissMentorUnresponsive = () => {\n updateConversation(\n conversation_id,\n {\n mentor_unresponsive: false,\n },\n () => {\n window.location.reload();\n }\n );\n };\n\n const dismissConversationFlag = () => {\n updateConversation(\n conversation_id,\n {\n flagged: false,\n },\n () => {\n window.location.reload();\n }\n );\n };\n\n if (!conversation) {\n return <>;\n }\n\n return (\n Conversations
\n\n <>\n \n
\n );\n })}\n \n {renderColumnHeader('Patient Name')}\n {renderColumnHeader('Mentor Name')}\n {renderColumnHeader('Date of First Message')}\n {renderColumnHeader('Date of Last Message')}\n {renderColumnHeader('Mentor Unresponsive for 24 hours')}\n {renderColumnHeader('Flagged Conversation')}\n {renderColumnHeader('View Conversation')}\n
\n \n {conversations.length === 0 && (\n \n
\n )}\n {conversations.length !== 0 &&\n conversations.map((r) => {\n return (\n New conversations will appear here!
\n \n\n history.push(`/admin/conversations/${r.uuid}`)}\n className={`h-100 ${styles.roster_row_hover}`}\n >\n
\n \n
\n {r.patient_name}
\n\n
\n {r.mentor_name}
\n\n
\n {dateReceived(r.first_message_date)}
\n\n
\n {dateReceived(r.last_message_date)}
\n\n
\n {r.mentor_responded ? 'Yes' : 'No'}
\n\n
\n {r.flagged_conversation ? 'Yes' : 'No'}
\n\n
\n \n
\n \n \n
\n \n
\n \n \n );\n}\n","import React, { useContext } from 'react';\nimport { Link, Redirect } from 'react-router-dom';\nimport Context from '../../utils/context';\nimport './we_give_back_header.css';\n\nexport default function WeGiveBackHeader({\n para1 = 'We Give Back',\n headline = 'This is a big headline',\n bgColor = '#F1FEFF',\n wrapperPadding,\n}) {\n const context = useContext(Context);\n const viewport = context.viewport;\n const isMobile = viewport.getIsMobile();\n\n return (\n \n Back to all conversations\n
\n {conversation.mentor_unresponsive && (\n\n
\n )}\n {conversation.flagged && (\n \n
\n \n
\n \n Mentor is unresponsive.\n \n
\n\n
\n )}\n \n
\n \n
\n \n Conversation is flagged based on words.\n \n
\n\n
\n \n
\n \n {}}\n />\n
\n \n
\n \n
\n \n
\n \n
\n \n 0 ? { width: 'auto' } : { width: ' max-content' }\n }\n className={`message-bubble other-user ${index - 1 !== -1 ? (previousMessageCurrentUser ? 'marg-top-20' : '') : ''}`}\n >\n
\n )}\n \n );\n })}\n \n {conversation &&\n conversation.messages.map((message, index) => {\n const currentMessageCurrentUser = message.current_user_sent;\n const previousMessageCurrentUser =\n index - 1 !== -1 && conversation.messages[index - 1].current_user_sent;\n return (\n <>\n {((index - 1 === -1) === true ||\n (new Date(message.created_at).getDate() !==\n new Date(conversation.messages[index - 1].created_at).getDate() &&\n index - 1 !== -1)) && (\n {`${new Date(message.created_at).toLocaleTimeString()}`}\n )}\n {index - 1 !== -1 &&\n (message.current_user_sent !== conversation.messages[index - 1].current_user_sent) ===\n true &&\n new Date(message.created_at).getMinutes() ===\n new Date(conversation.messages[index - 1].created_at).getMinutes() && (\n // show timestamp if the message is from a different user than the one above\n {`${new Date(message.created_at).toLocaleTimeString()}`}\n )}\n {index - 1 !== -1 &&\n new Date(message.created_at).getMinutes() !==\n new Date(conversation.messages[index - 1].created_at).getMinutes() && (\n // show timestamp if the message above is a different minute\n {`${new Date(message.created_at).toLocaleTimeString()}`}\n )}\n {currentMessageCurrentUser && (\n 0 ? { width: 'auto' } : { width: ' max-content' }\n }\n className={`message-bubble current-user ${index - 1 !== -1 ? (!previousMessageCurrentUser ? 'marg-top-20' : '') : ''} ${message.flagged ? styles.flagged_message : ''}`}\n >\n
\n )}\n {!currentMessageCurrentUser && (\n {`${new Date(message.created_at).toLocaleString('default', { month: 'short' })} ${new Date(message.created_at).getDate()}`}
\n )}\n {index - 1 === -1 && (\n // show timestamp for the very first message\n\n i.image)} />\n
\n )}\n \n i.image)} />\n
\n )}\n \n {}}\n />\n
\n \n \n
\n \n );\n}\n","import React from 'react';\nimport './we_give_back.css';\nimport CustomCtaFooter from '../custom_cta_footer';\nimport WeGiveBackHeader from '../we_give_back_header';\nimport VideoType2 from '../video_sections/video_type_2';\nimport styles from '../for_providers/for_providers.module.css';\n\nexport default function WeGiveBack({}) {\n return (\n \n
\n \n
\n {para1}
\n\n
\n \n
\n {headline}
\n\n
\n );\n}\n","import React, { useContext } from 'react';\nimport ActionCable from 'actioncable';\nimport { ActionCableProvider, ActionCableConsumer } from 'react-actioncable-provider';\nimport Context from '../../utils/context';\n\nexport default function GlobalPresence() {\n const cable = ActionCable.createConsumer(gon.action_cable_url);\n const context = useContext(Context);\n const profileStatus = context.profileStatus;\n\n const onReceived = (data) => {\n if (data.profile_type && data.profile_id) {\n profileStatus.updateProfile({\n type: data.profile_type,\n id: data.profile_id,\n last_active_display: 'now',\n });\n }\n };\n\n return (\n \n
\n \n \n
\n \n
\n \n Why giving back is important to us\n
\n\n \n \n
\n \n
\n \n
\n \n
\n Our circle of giving:
\n\n Our PatientPartner Mentors volunteer to help patients like you because they remember what it was like to\n navigate the healthcare journey before their treatment—the questions, the uncertainty, the stress of\n making a decision and finding the right doctor.\n
\n
\n Now that they are on the other side of their procedure, they are passionate about sharing their experience\n so others can learn what it’s really like and feel more prepared.\n
\n
\n In turn, we support our PatientPartner Mentors by donating to a charity of their choice for every\n PatientPartner conversation they have with patients like you.\n
\n
\n This is our Circle of Giving, and you become part of it when you join our community and speak to a\n PatientPartner Mentor.\n
\n
\n \n
\n \n
\n You talk to your PatientPartner™ Mentor
\n\n
\n \n
\n A PatientPartner™ Mentor happily donates their time to you
\n\n
\n \n
\n We donate to charity - it’s that simple.
\n\n
\n \n
\n We’ve been able to donate to these organizations and many more:
\n\n
\n \n
\n \n
\n \n
\n \n
\n \n
\n 100+
\nPatientPartner™ volunteers wanting to talk to you
\n\n
\n 320+
\nPatients we have helped
\n\n
\n 10+
\nSupported health conditions
\n\n \n
\n )}\n \n \n \n );\n}\n","import React, { useContext } from 'react';\nimport Context from '../../utils/context';\nimport './index.css';\n\nexport default function EverythingYouNeed({ steps }) {\n const context = useContext(Context);\n const viewport = context.viewport;\n const isMobile = viewport.getIsMobile();\n\n return (\n {topImage}
\n\n \n
\n )}\n {isMobile && showRightImgOnMobile && (\n \n
\n {!isMobile && (\n {headline}
\n{para}
\n {actionContent}\n\n
\n \n
\n \n
\n );\n}\n","import React, { useState, useContext } from 'react';\nimport './index.css';\nimport FeaturedInMedia from '../featured_in_media';\nimport TextLeftImgRight from '../hero_sections/txt_left_img_right';\nimport Context from '../../utils/context';\nimport EverythingYouNeed from '../everything_you_need_section';\nimport { validateEmail, validateText, validateZipcode, validateEarlyAccessOptions } from '../../helpers';\nimport ErrorMessage from '../ui_kit/utilities/error_message';\nimport LoadingScreen from '../loading_screen';\nimport styles from '../for_mentors/for_mentors.module.css';\nimport AgreeToTerms from '../ui_kit/utilities/agree_to_terms';\nimport DropdownInput from '../ui_kit/utilities/dropdown_input';\nimport ScrollTo from '../scroll_to/index';\nimport { createProductDiscoveryContacts } from '../../api/product_discovery_contacts';\n\nexport default function ProductDiscovery({}) {\n const context = useContext(Context);\n const viewport = context.viewport;\n const isMobile = viewport.getIsMobile();\n const [fullName, setFullName] = useState('');\n const [email, setEmail] = useState('');\n const [zipcode, setZipcode] = useState('');\n const [procedures, setProcedures] = useState('');\n const [acceptedTerms, setTerms] = useState(false);\n const [success, setSuccess] = useState(false);\n const [loading, setLoading] = useState(false);\n const [error, setError] = useState('');\n const [nameError, setNameError] = useState('');\n const [emailError, setEmailError] = useState('');\n const [zipError, setZipError] = useState('');\n const [earlyAccessError, setEarlyAccessError] = useState('');\n const [chosenEarlyAccess, setChosenEarlyAccess] = useState([]);\n\n var checkedName = validateText(fullName);\n var checkedEmail = validateEmail(email);\n var checkedZipcode = validateZipcode(zipcode);\n var checkedEarlyAccess = validateEarlyAccessOptions(chosenEarlyAccess);\n\n const filterableEarlyAccess = [\n {\n value: 'Patient social community',\n },\n {\n value: 'One on one support',\n },\n {\n value: 'Provider finder',\n },\n {\n value: 'Insurance navigation',\n },\n {\n value: 'Education about my procedure',\n },\n ];\n\n const setAcceptedTerms = () => {\n setTerms(!acceptedTerms);\n if (chosenEarlyAccess.length === 0) {\n setEarlyAccessError('Please select what you would like early access to');\n } else {\n setEarlyAccessError('');\n }\n validate();\n };\n\n const validate = () => {\n if (checkedName == false && fullName !== '') {\n setNameError('Please enter a name without special characters');\n } else {\n setNameError('');\n }\n if (checkedEmail === false && email !== '') {\n setEmailError('Please enter a valid email');\n } else {\n setEmailError('');\n }\n if (checkedZipcode == false && zipcode !== '') {\n setZipError('Please enter a valid zipcode');\n } else {\n setZipError('');\n }\n };\n\n const onSubmit = () => {\n setLoading(true);\n createProductDiscoveryContacts(\n email,\n fullName,\n firstName,\n lastName,\n earlyAccessOptions,\n zipcode,\n procedures,\n () => {\n setLoading(false);\n setSuccess(true);\n }\n );\n };\n\n const scrollToQuestionnaire = () => {\n ScrollTo('#product-discovery-landing01', 100);\n };\n\n const x = chosenEarlyAccess.map((c) => c.value);\n const earlyAccessOptions = x.join(', ');\n\n const firstName = fullName.split(' ')[0];\n const lastName = fullName.split(' ')[1];\n return (\n \n
\n \n How we help you
\nEverything you need. One Place. For free.
\n\n We make it as simple as possible for you to navigate your medical procedure. We bring all the resources and\n information to one place, so you can easily navigate through your medical procedure.\n
\n\n {steps.map((step) => (\n
\n \n
\n ))}\n {step.image}
\n \n
\n {step.headline}
\n\n
\n {step.para}
\n\n \n \n Request early access\n \n
\n }\n imgOffset={false}\n heightOfImage={isMobile ? '300px' : '500px'}\n topImage={\n \n }\n />\n \n
\n \n Let us help you throughout your healthcare experience.\n
\n\n \n \n \n \n \n
\n ,\n headline: 'Qualified providers',\n para: 'Find local and respected doctors for your upcoming procedure.',\n },\n {\n image: ,\n headline: '1:1 Support',\n para: 'Talk one on one to recovered patients and ask questions about their experience and recovery.',\n },\n {\n image: 
,\n headline: 'Insurance navigation',\n para: 'Understand what your insurance covers for any procedure and any associated out of pocket costs.',\n },\n {\n image: 
,\n headline: 'Community',\n para: 'Join a community and build relationships with people who have relatable experiences.',\n },\n {\n image: ,\n headline: 'Education',\n para: 'Learn more about your procedure from resources reviewed and approved by doctors.',\n },\n ]}\n />\n We can’t wait to share this with you.
\n\n
\n \n {/* */}\n\n {/* place grey wave svg here. position: absolute;bottom;0px;left;0px*/}\n \n \n
\n \n \n \n \n \n setChosenEarlyAccess(value)}\n gtm={`Request for early access - product discovery`}\n type='multi'\n multipleSetOpen={''}\n placeholder={'Request early access for'}\n light={false}\n // onBlur={() => validate()}\n />\n {earlyAccessError && setProcedures(e.target.value)}\n >\n \n Submit request\n \n {error &&
\n Request for early access
\n {success && (\n\n Thank you for joining the wait list! We're so excited to share the platform with you. We'll send you\n an email as soon as we're launched and ready for you to explore.\n
\n )}\n {!success && (\n <>\n\n Let us know your location and procedure you're considering. We'll email you as soon as we support\n your location and procedure!\n
\n\n {\n setFullName(event.target.value);\n }}\n onBlur={() => validate()}\n required\n />\n \n \n \n
\n {nameError && \n {\n setEmail(event.target.value);\n }}\n onBlur={() => validate()}\n required\n />\n \n \n \n
\n {emailError && \n {\n setZipcode(event.target.value);\n }}\n onBlur={validate}\n required\n />\n \n \n \n
\n {zipError && \n
\n );\n}\n","import React, { Component } from 'react';\nimport { Link } from 'react-router-dom';\nimport '../terms.css';\nimport './index.css';\n\nexport default function ReferralPartnerAgreement() {\n return (\n \n \n
\n \n
\n \n
\n ERROR 404
\n\n
\n \n
\n Oops! We can’t find the page you’re looking for.
\n \n\n \n
\n \n
\n );\n}\n","import React, { Component } from 'react';\nimport { Link } from 'react-router-dom';\nimport '../terms.css';\nimport './index.css';\n\nexport default function ServiceAgreement() {\n return (\n \n \n
\n \n \n \n \n \n
\n \n REFERRAL PARTNER AGREEMENT\n
\n\n WHEREAS, PatientPartner is in the business of providing a full service software platform with related\n services (“PatientPartner Products and Services”), PatientPartner Products and Services includes any other\n product and similar services which PatientPartner or its Affiliates (as defined below) provide to or\n implements for a Customer (as defined below).\n
\n\n WHEREAS, Referral Partner will act as an independent contractor for the limited purpose of introducing and\n then referring prospective clients (“Prospect” or “Prospects”) to PatientPartner for the sale and/or\n implementation of PatientPartner Products and Services, in exchange for a referral fee, pursuant to the\n terms and conditions set forth in this Agreement.\n
\n\n WHEREAS, Referral Partner will act as an independent contractor for the limited purpose of introducing and\n then referring prospective clients (“Prospect” or “Prospects”) to PatientPartner for the sale and/or\n implementation of PatientPartner Products and Services, in exchange for a referral fee, pursuant to the\n terms and conditions set forth in this Agreement.\n
\n\n- \n
- \n Agreement. PatientPartner hereby appoints Referral Partner, and Referral Partner hereby accepts,\n on a non-exclusive right to market and to refer Prospects to PatientPartner for the implementation of\n PatientPartner Products and Services in the Territory defined in Exhibit A in accordance with the terms\n and conditions set forth in this Agreement. Referral Partner shall not represent Referral Partner is\n authorized to enter into agreements on behalf of PatientPartner. Each party must comply with all\n applicable laws in performance of its duties under this Agreement. All rights not expressly granted to\n Referral Partner hereunder are hereby reserved to PatientPartner. The rights granted to Referral Partner\n are not assignable. In the event Referral Partner desires to retain or employ others (or grant sub-agent\n rights) to perform under this Agreement, then Referral Partner shall obtain PatientPartner’s prior\n written approval.\n
- \n
- \n PatientPartner’s Obligations.PatientPartner’s obligation hereunder is to pay the agreed upon\n remuneration as provided for below and in Exhibit A to this Agreement and comply with its other\n obligations as specifically set forth in this Agreement.\n \n
- \n Referral Partner’s Obligations.\n
- \n
- \n Referrals. Pursuant to the procedures set forth in Section 2 below, in order to be\n entitled to a Referral Fee, Referral Partner may elect to introduce PatientPartner to members of\n management of Prospects and coordinate the initial verbal or face-to-face meeting between\n Prospect and PatientPartner. Referral Partner will use reasonable best efforts to promote and\n market PatientPartner Products and Services to potential Prospects. When Referral Partner has a\n viable potential Prospect for PatientPartner, Referral Partner will submit a Registration\n Request as described in Section 2 below.\n \n
- \n Expense and Conduct. Each party shall be responsible for their own expenses. Neither\n party shall have the authority to incur any obligations or liabilities on behalf of the other\n party.\n \n
\n
\n - \n Procedures for Referring a Prospect. PatientPartner and Referral Partner agree to the following\n process: Referral Partner shall confirm interest by a Prospect in PatientPartner Products and Services\n and then submit a Registration Request to PatientPartner via [a portal made available by PatientPartner,\n or other person as may be directed by PatientPartner.\n
- \n
- \n Subsequent to the receipt of the Registration Request (the “Request Date”), PatientPartner will\n notify Referral Partner, of acceptance or denial of the Registration Request, indicating the\n Prospect has been accepted for consideration as a potential Customer (“Prospect Acceptance”) or\n denied. This step is taken to ensure the Prospect was initiated by Referral Partner, is not being\n called on by PatientPartner, any affiliate thereof, or by any partner, reseller, representative,\n distributor of PatientPartner or any Affiliate thereof, and is not a direct or indirect customer of\n PatientPartner or any Affiliate thereof, or other business reasons at the discretion of\n PatientPartner and PatientPartner reserves the right to reject any such prospect referral in its\n sole discretion. Failure of PatientPartner to provide a Notification will be deemed a denial.\n \n
- \n Upon any Acceptance of a Prospect, Referral Partner will introduce PatientPartner to Prospect’s\n management and coordinate the initial verbal (in which there is a substantive discussion of\n PatientPartner Products and Services functionality), demonstration, or face-to-face meeting between\n PatientPartner and the Prospect and the Prospect becomes a qualified opportunity as a result (a\n “Referral”). PatientPartner will reasonably cooperate in scheduling and participating in these\n meetings. Referral Partner will reasonably cooperate with PatientPartner in the process of\n PatientPartner’s determination whether to accept Prospect as a Customer.\n \n
- \n In the event no Referral is made within ninety (90) days of Prospect Acceptance, the confirmed\n Registration Request will no longer be valid, and Referral Partner shall not be eligible for a\n Referral Fee for such Prospect except as provided in Section 7; provided, however, if the Prospect\n has demonstrated in writing it is to have a verbal or face-to-face meeting with PatientPartner\n within the first ninety (90) days and PatientPartner does not meet with the Prospect, this period\n shall be extended until such a meeting occurs.\n \n
- \n Subject to Section 2.4, any Referral with whom PatientPartner enters into a binding written contract\n for the provision of PatientPartner Products and Services, within ninety (90) days after Prospect\n Acceptance and Referral Partner has performed such other actions with respect to the pursuit and\n closing of the contract with the Customer as reasonably requested by PatientPartner shall be known\n as a “Customer.” If the criteria in the foregoing sentence and the other terms and conditions in\n this Agreement are met, Referral Partner shall be entitled to Referral Fees, otherwise no referral\n fees are due to Referral Partner.\n \n
- \n PatientPartner reserves the right, in its sole discretion and at any time, to modify any function or\n feature of PatientPartner Products and Services or to cease making any portion of or all of\n PatientPartner Products and Services available to Prospects or Customers.\n \n
\n - \n Independent Contractor Relationship. The relationship between PatientPartner and Referral Partner\n is that of an independent contractor to each other. The parties are not partners nor joint venturers.\n Neither party shall be deemed to be the representative, partner, joint venture or employee of the other,\n and neither shall have any authority to make any agreements or representations on the other’s behalf.\n Each party shall be solely responsible for the payment of compensation, insurance and taxes of its own\n personnel, and such personnel are not entitled to the provisions of any employee benefits from the other\n party. This Agreement does not create any relationship other than specifically described herein.\n \n
- \n Referral Fee. For each Prospect that becomes a Customer, Referral Partner’s sole remuneration\n under this Agreement shall be the Referral Fees earned as set forth on Exhibit A. Payment of each\n Referral Fee shall be made [within thirty (30) days following the month] in which compensation from\n Customer was collected by PatientPartner for which a Referral Fee was earned. PatientPartner agrees to\n provide Referral Partner with reports, on a quarterly basis, describing the sales and payment activity\n relating to each Customer (reasonably itemized by Customer name and type of transaction).\n \n
- \n Term of the Agreement. The term of this Agreement shall begin on the date this Agreement is\n mutually executed and continue for thirty-six (36) months (the “Term”). The Term of the Agreement will\n automatically renew for an additional thirty-six (36) months unless terminated by either Referral\n Partner or PatientPartner with at least thirty (30) days written notice prior to the end of any Term.\n
- \n
- \n Either party may terminate this Agreement (a) without cause and without penalty upon ten (10) days\n written notice to the other party, (b) on any insolvency, bankruptcy, assignment for the benefit of\n creditors, appointment of a trustee or receiver or similar event with respect to the other party;\n (c) on any governmental prohibition or required alteration of PatientPartner Products and Services\n or any services provided by PatientPartner hereunder or any violation by the other party of\n applicable law, rule or regulation; or (d) on any breach by Referral Partner of any of its\n confidentiality obligations hereunder or violation of any of PatientPartner’s intellectual property\n rights.\n \n
- \n PatientPartner may terminate this Agreement upon ten (10) days written notice to the Referral\n Partner where the Referral Partner breaches any terms of this Agreement.\n \n
\n - \n Effect of Termination. Upon termination or expiration of this Agreement for any reason (except\n pursuant to Sections 5.1(b)(c) or (d), and 5.2 in which case no further Referral Fees will be paid), in\n which case payments shall cease on termination or expiration, PatientPartner shall make Referral Fee\n payments to Referral Partner, with respect to any Customer or any approved Prospect who becomes a\n Customer within ninety (90) days after termination or expiration, in any case where the terms of Section\n 2 of this Agreement has been complied with, and absent a breach of this Agreement by Referral Partner\n (in which case compensation ceases).\n \n
- \n Marketing Practices and Intellectual Property Rights.\n
- \n
- \n At all times, Referral Partner shall (i) conduct business in a manner that reflects favorably at all\n times on PatientPartner Products and Services and the good name, goodwill, and reputation of\n PatientPartner; (ii) avoid deceptive, misleading, or unethical practices that are or might be\n detrimental to PatientPartner, PatientPartner Products and Services, or the public, including but\n not limited to disparagement of PatientPartner or PatientPartner Products and Services; (iii) make\n no false or misleading representations with respect to PatientPartner Products and Services; (iv)\n not publish or use any misleading or deceptive advertising material; (v) comply in full with the\n provisions of the United States' Foreign Corrupt Practices Act (\"FCPA\"); (vi) shall not solicit or\n accept any undisclosed payments for services performed under this Agreement, or other benefit of any\n kind, and (vii) make no representations with respect to PatientPartner Products and Services that\n are inconsistent with those made by PatientPartner, including all warranties and disclaimers of\n PatientPartner.\n \n
- \n Referral Partner acknowledges and agrees, as between PatientPartner and Referral Partner,\n PatientPartner Products and Services and all worldwide rights under patent, trademark (including\n those related to PatientPartner and its Affiliates’ Marks), copyright and trade secret laws, and any\n other intellectual property or proprietary rights recognized in any country or jurisdiction\n worldwide, including, without limitation, moral rights (where applicable) and similar rights and any\n related know-how that are embodied in, related to, or represented by, PatientPartner Products and\n Services (and all portions thereof) are, and at all times will be, the sole and exclusive property\n of PatientPartner or its Affiliates. Likewise, Referral Partner acknowledges and agrees that any\n Prospect's materials and information are the intellectual property of the Prospect.\n \n
- \n Title to and ownership of trademarks, service marks, trade names, logos or other commercial or\n product designation(s) of PatientPartner or its Affiliates (the “Marks”), shall remain with\n PatientPartner. Except as expressly provided in this Agreement, Referral Partner shall use the Marks\n in the form provided and in conformance with any trademark usage policies applicable to the Marks so\n provided. Partner shall not use the Marks unless and only in the capacity permitted under this\n Agreement and for the term hereof, and then only in direct relation to PatientPartner Products and\n Services, and Referral Partner shall never be entitled to act, in any way whatsoever, directly and\n indirectly, against PatientPartner or its Affiliates rights in Marks including without limitation\n claiming ownership in any Mark, or initiating a proceeding asserting a right to cancel, oppose or\n otherwise determine the invalidity of a Mark or application or registration thereof.\n \n
- \n During the term of this Agreement and for a period of one (1) year following the later to occur of\n (i) the termination or expiration of this Agreement, or (ii) the final payment to Referral Partner\n pursuant to this Agreement, neither Referral Partner nor any Affiliate shall, directly or\n indirectly, (x) solicit on its own or others’ behalf to offer to sell, sell, or contract with any\n Customer or Prospect, or end user of PatientPartner Products and Services, for services which\n replaces or supplements PatientPartner Products and Services, (y) induce with any Customer or\n Prospect, or end user of PatientPartner Products and Services to terminate any portion of\n PatientPartner Products and Services, or to purchase services similar to or competitive with\n PatientPartner Products and Services, nor (z) solicit on its own or others’ behalf, or hire any\n employees, contractors or other representatives of PatientPartner or its Affiliates.\n \n
\n - \n Limitation of Liability.\n
- \n
- \n IN NO EVENT SHALL PATIENTPARTNER OR ITS AFFILIATES HAVE ANY LIABILITY TO THE OTHER FOR ANY INDIRECT,\n INCIDENTAL, CONSEQUENTIAL, PUNITIVE OR SPECIAL DAMAGES WHATSOEVER (INCLUDING WITHOUT LIMITATION ANY\n DAMAGES CLAIMED FOR LOSS OF INCOME, REVENUE, OR PROFITS OR FOR LOSS OF GOOD WILL) ARISING FROM OR\n RELATED TO THIS AGREEMENT. IN NO EVENT SHALL PATIENTPARTNER BE LIABLE TO REFERRAL AGENT FOR AMOUNTS\n GREATER THAN REFERRAL FEES PAID TO THE REFERRAL PARTNER IN THE ONE-YEAR PERIOD PRIOR TO WHEN THE\n CAUSE OF ACTION AROSE.\n \n
- \n THE FOREGOING LIMITATIONS APPLY TO ALL CAUSES OF ACTION IN THE AGGREGATE, INCLUDING WITHOUT\n LIMITATION TO BREACH OF CONTRACT, BREACH OF WARRANTY, NEGLIGENCE, STRICT LIABILITY, PERSONAL INJURY,\n MISREPRESENTATIONS, AND OTHER TORTS.\n \n
\n - \n Additional Agreements. Referral Partner agrees if any claims, demand, suits, or legal proceedings\n are threatened or arise out of any matters relating to this Agreement, copies of all pertinent\n information known and/or possessed by PatientPartner shall be promptly provided to PatientPartner.\n Referral Partner will indemnify, defend and hold PatientPartner and its Affiliates harmless from and\n against any and all liabilities, costs, damages and expenses (including legal fees and expenses, if any,\n as awarded by a court of competent jurisdiction) associated with any claim or action brought against\n PatientPartner, its affiliates or its suppliers that arises from or relates to: (i) any failure of\n Referral Partner to comply with any applicable law, regulation or administrative rule; (ii) the wrongful\n acts (including misrepresentations) or omissions of Referral Partner; and (iii) breach of any terms of\n this Agreement.\n \n
- \n Miscellaneous.\n
- \n
- \n Parties In Interest; Assignment. This Agreement shall bind and inure to the benefit of the\n parties hereto and their respective successors and any permitted assigns. Referral Partner shall not\n assign or transfer this Agreement or any rights hereunder to a third party without the written\n consent of PatientPartner. Any attempt to do so shall be void.\n \n
- \n Captions. Captions and headings in the Agreement are for convenience and reference only and\n shall in no way be held to explain, modify, amplify or aid in the interpretation, construction or\n meaning of the provisions of the Agreement.\n \n
- \n Waiver. The waiver by either party of a breach of any provision of this Agreement will not\n operate or be interpreted as a waiver of any other or subsequent breach. A failure of either party\n to exercise any right provided for herein shall not be deemed to be a waiver of any right hereunder.\n \n
- \n Legal Fees and Applicable State Law. This Agreement shall be construed in accordance with the\n laws of the State of California. If any legal action is necessary to enforce any of the terms of\n this agreement, the prevailing party shall be entitled to payment of its reasonable attorneys’ fees\n by the non-prevailing party, in addition to any other relief to which it may be entitled.\n \n
- \n Notices. Any notices provided or permitted under this Agreement shall be given by U.S.\n Certified Mail, postage paid, to be sent to the party's address listed at the beginning of the\n Agreement, or the last address designated by the party in writing:\n \n
- \n Severability. Each provision of this Agreement is severable from the whole, and if one\n provision is declared invalid, the other provisions shall remain in full force and effect. In the\n event any provision of this Agreement is held invalid or unenforceable by a court having\n jurisdiction over the parties, the parties agree the invalid or unenforceable provision shall be\n replaced with a valid provision which most closely approximates the intent and economic effect of\n the invalid provision.\n \n
- \n Modifications. Modifications, amendments, supplements to or waivers of this Agreement, or any\n addendum or amendment thereof are valid only if in writing and executed by authorized agents of both\n parties.\n \n
\n - \n Confidential Information and Employee Non-solicitation.\n
- \n
- \n Confidentiality. Referral Partner understands and agrees during the course of this Agreement\n it may be furnished with or otherwise have access to information PatientPartner considers to be\n confidential, including but not limited to, PatientPartner Products and Services, business,\n technology, software (whether in source code, embedded, object code or in documentation), solutions,\n hardware, specifications, designs, plans, drawings, innovations, benchmark and evaluation testing\n and data and associated results and conclusions, data, prototypes, demonstration materials, customer\n and/or prospective customer information, pricing and financial information of the parties including\n without limitation data, testing, analysis, evaluations and conclusions created by the Referral\n Partner resulting from the disclosure herein; or any other information by its very nature\n constitutes information of a type that any reasonable business person would conclude was intended by\n PatientPartner to be treated as proprietary, confidential, or private (the “Confidential\n Information”). Referral Partner agrees to secure and protect the Confidential Information of\n PatientPartner in a manner consistent with the maintenance of PatientPartner’s rights therein, using\n at least as great a degree of care as it uses to maintain the confidentiality of its own\n confidential information of a similar nature, but in no event use less than reasonable efforts.\n Likewise, Referral Partner acknowledges and agrees that any Prospect's materials and information are\n the confidential information of the Prospect and will be secured and protected by Referral Partner\n as required for all Confidential Information pursuant to this Section 11.1.\n \n
- \n Non-Confidential Information. Notwithstanding Section 11.1, Confidential Information of a\n party shall not include information which: (i) is, as of the time of its disclosure or thereafter\n becomes part of the public domain other than through the receiving party; (ii) was rightfully known\n to the receiving party as of the time of its disclosure without obligation of confidentiality, as\n proved by clear and convincing evidence; (iii) is independently developed by the receiving party\n prior to the date of this Agreement as shown by contemporaneous; or (iv) is required to be disclosed\n pursuant to a duly authorized subpoena, court order, or government authority, whereupon the party\n subject to same shall provide prompt written notice to the other party prior to such disclosure, so\n that such party may seek a protective order or other appropriate remedy.\n \n
- \n Ownership. All Confidential Information shall remain the property of PatientPartner or the\n Prospect, as applicable. Nothing in this Agreement is intended to grant any rights in or to the\n Confidential Information of the other party except as expressly set forth herein. All Confidential\n Information shall be destroyed, or returned to the disclosing party upon written request or\n termination of this Agreement.\n \n
- \n Equitable Relief. In the event of a breach by the other party of Section 7.4 or this Section\n 11, the non-breaching party may not have an adequate remedy solely in money damages and any such\n breach will cause the non-breaching party irreparable harm. In the event of such breach, the\n non-breaching party shall be entitled, without the requirement of posting a bond or other security,\n to seek equitable relief, including an injunction or specific performance.\n \n
\n - \n Entire Agreement. The parties have read this Agreement and agree to be bound by its terms, and\n further agree that it, together with all Schedules, Exhibits and attachments hereto (the terms of which\n are incorporated herein by this reference), constitutes the complete and entire agreement of the parties\n and supersedes all and merges all previous communications, oral or written, and all other communications\n between them relating to the subject matter hereof. Sections 3, 6, 7.2, 7.3, 7.4, 8, 9, 10, 11 and 12\n shall survive termination or expiration of this Agreement.\n \n
\n EXHIBIT A\n
\n\n REFERRAL FEE\n
\n- \n
- \n Referral Fee. Referral Partner is eligible for the referral fee (“Referral Fee”) as outlined\n below:\n \n
- \n Conditions to Payment of Referral Fee. Pursuant to the terms of the Agreement and subject to\n Section 2.5 of this Agreement, a Prospect must become a Customer by entering into an agreement with\n PatientPartner and pay for Eligible Commissionable Revenue.\n \n
- \n Conditions to Introduction Fee. Pursuant to the terms of the agreement and subject to Section 2.5\n of this agreement. A prospect must accept and attend a meeting with a representative from PatientPartner\n to be eligible for any commissionable revenue.\n \n
- \n Computation of Referral Fee:\n
- \n
- $2,500 \n
\n - \n Computation of Introduction Fee:\n
- \n
- $500 \n
\n
\n
\n );\n}\n","import React, { Component } from 'react';\nimport { Link } from 'react-router-dom';\nimport '../terms.css';\n\nexport default function Baa() {\n return (\n \n \n
\n \n \n \n
\n \n SUBSCRIPTION SERVICE AGREEMENT\n
\n\n TERMS & CONDITIONS\n
\n- \n
- \n DELIVERABLES AND INTELLECTUAL PROPERTY. Company shall have exclusive, unlimited ownership for all\n content, services, or products (including methods, concepts, code sequences, source codes, format,\n sequence structure, organization, menu command hierarchy, templates, masks, user interface, techniques,\n program organization, database structuring techniques, and the like) created by Company for Customer\n under this Agreement and it shall be deemed Company Intellectual Property. As a result, Company, has the\n sole right to obtain, hold, and renew, in its own name or for its own benefit, patents, copyrights,\n registrations, or other appropriate protection and all such items are proprietary to Company. Company\n grants Customer a non-exclusive, non-transferable or marketable paid-up license to use Company\n Intellectual Property during the performance of this Agreement and only for the purposes set forth in\n this Agreement. In addition, Customer shall not copy or modify any of the Company Intellectual Property\n and shall keep it confidential.\n \n
- \n ACCEPTANCE. The work under the SOW, if any, shall be deemed accepted by Customer upon completion\n unless Customer promptly notifies Company, in writing and within five (5) days of delivery of any\n specific non-conformities or deficiencies. Unless otherwise agreed to in writing by the parties, Company\n will re-deliver the corrected work to Customer within a reasonable amount of time after receipt of such\n statement of nonconformities or deficiencies. Customer shall have five (5) days after delivery of the\n corrected work to accept such work, otherwise it shall be deemed accepted.\n \n
- \n LIMITATION OF LIABILITY AND STATUTE OF LIMITATIONS. The total liability of Company to Customer\n from any cause whatsoever, will be limited to the lesser of Customer’s actual damages or the Project\n price paid to Company for those Services and Deliverables in a Project that are the subject of\n Customer’s claim. In no event will either party be liable for SPECIAL, INDIRECT, CONSEQUENTIAL, OR\n INCIDENTAL DAMAGES, including but not limited to loss of profits, revenues, data or power, damage to or\n loss of the use of products, damage to property, claims of third parties, including personal injury or\n death, suffered as a result of provision of the Services or use of Deliverables.{' '}\n \n All claims against Company must be brought within one (1) year after the cause of action arises and\n Customer waives any statute of limitations which might apply by operation of law or otherwise.\n \n \n
- \n INDEMNIFICATION. Customer shall defend, indemnify, and save the Company harmless, at Customer’s\n own expense, against any action or suit brought for any loss, damage, expense or liability that may\n result by reason of an infringement of any patent, trademark, copyright, or trade secret based upon the\n normal and intended use of the Deliverables furnished by the Company hereunder. In addition, Customer is\n solely responsible for providing the company with all information either pursuant to the Agreement or\n under the Statement of Work (“Customer Information”) and represents and warrants that the Customer\n Information is true and accurate at the time it is provided to the Company. Customer also has an ongoing\n responsibility to keep current and accurate the Customer Information during the Term of this Agreement\n or any subsequent agreements between the Parties. Customer agrees to indemnify and hold the Company\n harmless against all claims, liabilities, demands, damages, or expenses (including attorneys’ fees and\n expenses) arising out of or in connection with Customer’s use of the Deliverables or use of the Customer\n Information.\n \n
- \n FORCE MAJEURE. Neither Party shall be liable for failure to perform, nor be deemed to be in\n default, under this Agreement for any delay or failure in performance resulting from causes beyond its\n reasonable control, including but not limited to failure of performance by the other Party, acts of\n state or governmental authorities, acts of terrorism, natural catastrophe, storm, flood, earthquake,\n riot, insurrection, civil disturbance, sabotage, embargo, blockade, acts of war, or power failure. In\n the event of such delay, the date of delivery or time of completion will be extended by a period of time\n reasonably necessary to overcome the effect of any such delay.\n \n
- \n DELAY OR SUSPENSION OF WORK. If Customer’s acts or failure to act causes the Company to delay or\n suspend performance of the Project, the Company will have no further obligation to take any additional\n actions to provide the Services or Deliverables or to complete the Project until such time as Customer\n has remedied any and all inaction(s) or failure(s) on Customer’s part, to the Company’s satisfaction,\n and the Company agrees to continue towards completion of the Project.\n \n
- \n CONFIDENTIALITY\n
- \n
- \n In this Agreement, the term “Confidential Information” means any and all tangible and intangible\n information either Party may disclose or make available to the other Party information about its\n business affairs, products, confidential intellectual property, trade secrets, third party\n confidential information, and other sensitive or proprietary information, whether orally or in\n written, electronic, or other form or media, and whether or not marked, designated, or otherwise\n identified as “confidential”. Confidential Information includes, without limitation: (i) a Party’s\n intellectual property; (ii) Customer’s data; (iii) non-public information relating to any Party’s\n technology, customers, business plans, promotional / marketing activities, finances, and other\n business affairs; (iv) third party information that a Party is obligated to keep confidential; (v)\n the material terms and conditions of this Agreement; and (vi) any non-public information relating to\n any activities conducted hereunder.\n \n
- \n Exclusions. Notwithstanding the above, the term “Confidential Information” does not include\n any information that, at the time of disclosure, is: (i) in the public domain; (ii) known to the\n receiving Party at the time of disclosure; (iii) rightfully obtained by the receiving Party on a\n non-confidential basis from a third party; or (iv) independently developed by the receiving Party.\n \n
- \n Use of Confidential Information. Each Party shall only use Confidential Information furnished\n to it hereunder in furtherance of the activities contemplated by this Agreement, and it shall not\n disclose the Confidential Information to any other person or entity, except to the receiving Party’s\n employees who have a need to know the Confidential Information for the receiving Party to exercise\n its rights or perform its obligations hereunder.\n \n
- \n Required Disclosures. Notwithstanding the foregoing, a receiving Party may disclose\n Confidential Information of the disclosing Party to the limited extent required in order to comply\n with the order of a court or other governmental body, or as otherwise necessary to comply with\n applicable law, provided that: (i) the Party making the disclosure pursuant to the order shall first\n have given written notice to the other Party and made a reasonable effort to obtain a protective\n order or other appropriate remedy (except to the extent compliance with the foregoing would cause\n the such Party to violate a court order or other legal requirement); (ii) the Party making the\n disclosure discloses only such information as is required by the court order or governmental body or\n other legal requirement; and (iii) the Party making the disclosure uses its best efforts to obtain\n confidential treatment for any Confidential Information so disclosed.\n \n
- \n Return of Information. On the expiration or termination of this Agreement, the receiving\n Party shall promptly return to the disclosing Party all copies, whether in written, electronic, or\n other form or media, of the disclosing Party’s Confidential Information, or destroy all such copies\n and certify in writing to the disclosing Party that such Confidential Information has been\n destroyed.\n \n
\n - \n PUBLICITY. The Company may use Customer’s name or mark and identify Customer as a client of the\n Company, on the Company’s website and/or marketing materials. Neither Party will use the other Party’s\n name or marks, refer to or identify the other Party for any other reason, except as established in this\n section, without such other Party’s written approval. Any approval required under this Section shall not\n be unreasonably withheld or delayed by either Party.\n \n
- \n CHOICE OF LAW AND JURISDICTION. This Agreement is governed by and construed in accordance with\n the internal laws of California, without giving effect to any choice or conflict of law provision or\n rule that would require or permit the application of the laws of any other jurisdiction. Any dispute or\n claim under this Agreement shall only be brought in the state or federal courts sitting in San Diego\n County, California.\n \n
- \n COMPLIANCE WITH LAWS.\n
- \n
- \n Each Party agrees to and intends for this Agreement to at all times comply with all applicable\n federal and state laws and regulations in performing its obligations hereunder.\n \n
- \n If applicable, the Parties intend for this Agreement to comply with the federal Anti-Kickback\n Statute (42 U.S.C. § 1320a-7b(b)) and state equivalents, the federal physician self-referral or\n “Stark” law (42 U.S.C. § 1395nn) and state equivalents, and any other federal or state laws\n governing health care fraud and abuse. The Fees contemplated by this Agreement have been determined\n through good faith negotiation and arm’s length bargaining, and are commercially reasonable and\n consistent with the fair market value of the Services provided hereunder.\n \n
- \n The Parties affirm that none of the benefits hereunder are conditioned on any requirement that one\n Party make referrals to, be in a position to make or influence referrals to, or otherwise generate\n business for, the other Party. The Fees contemplated by this Agreement do not include any discounts,\n rebates, kickbacks, or other reductions in charges, nor are the Fees contemplated by this Agreement\n intended to be an inducement or payment for the referral of patients from one Party to the other\n Party.\n \n
- \n The Parties agree that Services to be provided pursuant to this Agreement will comply with all\n applicable federal and state laws and regulations relating to the maintenance, uses and disclosures\n of PHI and PII, including without limitation the Health Insurance Portability and Accountability Act\n of 1996, as codified at 42 U.S.C. § 1320d through d-8 (“HIPAA”), as amended by the Health\n Information Technology for Economic and Clinical Health Act (“HITECH”), as incorporated in the\n American Recovery and Reinvestment Act of 2009, and any current and future regulations promulgated\n thereunder, including those published at 45 C.F.R. Parts 160, 162, and 164 (all collectively\n referred to herein as “HIPAA and HITECH Requirements”).\n \n
\n - \n SEVERABILITY. If any provision of this Agreement is invalid, illegal, or unenforceable in any\n jurisdiction, such invalidity, illegality, or unenforceability will not affect any other term or\n provision of this Agreement or invalidate or render unenforceable such term or provision in any other\n jurisdiction. Upon such determination that any term or other provision is invalid, illegal, or\n unenforceable, the Parties shall negotiate in good faith to modify this Agreement so as to affect their\n original intent as closely as possible in a mutually acceptable manner in order that the transactions\n contemplated hereby be consummated as originally contemplated to the greatest extent possible.\n \n
- \n AMENDMENT/MODIFICATION/WAIVER. No amendment to or modification of this Agreement is effective\n unless it is in writing and signed by an authorized representative of each Party. No waiver by any Party\n of any of the provisions hereof will be effective unless explicitly set forth in writing and signed by\n the Party so waiving. Except as otherwise set forth in this Agreement: (i) no failure to exercise, or\n delay in exercising, any rights, remedy, power, or privilege arising from this Agreement will operate or\n be construed as a waiver thereof, and (ii) no single or partial exercise of any right, remedy, power, or\n privilege hereunder will preclude any other or further exercise thereof or the exercise of any other\n right, remedy, power, or privilege.\n \n
- \n ENTIRE AGREEMENT. This Agreement, together with any other materials referenced in or expressly\n made a part of the Agreement, constitutes the Agreement between the Company and Customer and supersedes\n all prior and contemporary agreements, oral or written.\n \n
- \n COUNTERPARTS. The Parties hereto agree that facsimile signatures shall be as effective as if\n originals. This Agreement may be executed via facsimile in any number of counterparts, all of which\n taken together shall constitute one and the same agreement.\n \n
- \n ASSIGNMENT. Customer may not assign any of its rights or delegate any of its obligations\n hereunder, in each case whether voluntarily, involuntarily, by operation of law or otherwise, without\n the prior written consent of the Company. For avoidance of doubt, any “change of control” transaction\n involving Customer shall be deemed an assignment of this Agreement. Any purported assignment or\n delegation by Customer in violation of this Section 17.d. will be null and void. No assignment or\n delegation will relieve the assigning or delegating Party of any of its obligations hereunder. This\n Agreement is binding upon and will inure to the benefit of the Parties and their respective permitted\n successors and assigns.\n \n
\n
\n );\n}\n","export const getArticle = (articleId, successCallback) => {\n fetch(`/api/v1/articles/${articleId}`, {\n headers: {\n 'Content-Type': 'application/json',\n },\n })\n .then((response) => response.json())\n .then((data) => {\n successCallback(data);\n });\n};\n\nexport const getArticles = (params, successCallback) => {\n fetch(`/api/v1/articles?${objToQueryString(params)}`, {\n headers: {\n 'Content-Type': 'application/json',\n },\n })\n .then((response) => response.json())\n .then((data) => {\n successCallback(data);\n });\n};\n","import React, { useState } from 'react';\nimport styles from './index.module.css';\nimport { validateEmail } from '../../helpers';\nimport ErrorMessage from '../ui_kit/utilities/error_message';\nimport SuccessMessage from '../ui_kit/utilities/success_message';\nimport { createDownloadGuideContact } from '../../api/download_guide_contacts';\nimport { successToast } from '../ui_kit/utilities/success_toast';\nimport RequestButton from '../ui_kit/utilities/request_button';\n\nexport default function EmailSignupPanel({\n headline = 'Subscribe to our newsletter!',\n para = 'Receive monthly tips, tricks, news, and updates in your inbox!',\n type,\n gtm,\n pendoTag = 'email newsletter signup panel',\n disclaimer = 'By submitting this form, you acknowledge PatientPartner uses your information in accordance with its Privacy Policy. You may unsubscribe from our communications at any time.',\n cta = 'Sign me up',\n}) {\n const [email, setEmail] = useState('');\n const [error, setError] = useState('');\n const [success, setSuccess] = useState('');\n const [procedures, setProcedures] = useState('');\n let disabled = 'disabled';\n if (validateEmail(email)) {\n disabled = '';\n }\n\n const validateUserEmail = () => {\n if (!validateEmail(email)) {\n setError('Please enter a valid email');\n } else {\n setError('');\n }\n };\n\n const onSubmit = (callback) => {\n setError('');\n createDownloadGuideContact({ email, type, procedures }, () => {\n setEmail('');\n setProcedures('');\n successToast('Signed up successfully!');\n callback();\n });\n };\n\n return (\n \n \n
\n \n \n \n
\n \n BUSINESS ASSOCIATE AGREEMENT\n
\n\n WHEREAS, Business Associate performs Services for or on behalf of Covered Entity, and in performing said\n Services, Business Associate creates, receives, maintains, or transmits individually identifiable health\n information;\n
\n\n WHEREAS, the Parties intend to protect the privacy and provide for the security of the individually\n identifiable health information Disclosed by Covered Entity to Business Associate, or accessed, received,\n created, or transmitted by Business Associate, when providing Services. Such individually identifiable\n health information or Protected Health Information (“PHI”) will be protected in compliance with HIPAA, the\n Health Information Technology for Economic and Clinical Health Act (Public Law 111-005) (the “HITECH Act”)\n and its implementing regulations and guidance issued by the Secretary, and other applicable state and\n federal laws, all as amended from time to time; and\n
\n\n WHEREAS, Covered Entity wishes to enter into a Business Associate Agreement that meet certain requirements\n with respect to the Use and Disclosure of PHI, which are met by this BAA. Accordingly, to the extent\n required by HIPAA, Business Associate agrees to comply with this BAA.\n
\n\n In consideration of the Recitals and for other good and valuable consideration, the receipt and adequacy\n of which is hereby acknowledged, the Parties agree as follows:\n
\n- \n
- \n
\n DEFINITIONS\n
\n\n The following terms shall have the meaning set forth below. Capitalized terms used in this BAA and not\n otherwise defined shall have the meanings ascribed to them in the HIPAA Regulations.\n
\n- \n
- \n “Breach” shall have the meaning given under and 45 C.F.R. § 164.402.\n \n
- \n “Designated Record Set”shall have the meaning given such term under 45 C.F.R. § 164.501.\n \n
- \n “Disclose” and “Disclosure” mean, with respect to PHI, the release, transfer,\n provision of access to, or divulging in any other manner of PHI outside of Business Associate or to\n other than member of its Workforce, as set forth in 45 C.F.R. § 160.103.\n \n
- \n “Electronic PHI” or “e-PHI” means PHI that is transmitted or maintained in electronic\n media, as set forth in 45 C.F.R. § 160.103.\n \n
- \n “Protected Health Information” and “PHI” mean any information, whether oral or\n recorded in any form or medium, provided by Covered Entity to Business Associate, that: (a) relates\n to the past, present or future physical or mental health or condition of an individual; the\n provision of health care to an individual, or the past, present or future payment for the provision\n of health care to an individual; (b) identifies the individual (or for which there is a reasonable\n basis for believing that the information can be used to identify the individual); and (c) shall have\n the meaning given to such term under 45 C.F.R. § 160.103. Protected Health Information includes\n e-PHI.\n \n
- \n “Required by Law” shall have the meaning given to such term under 45 C.F.R. § 160.103.\n \n
- \n “Security Incident” shall have the meaning given to such term under 45 C.F.R. § 164.304.\n \n
- \n “Services” shall mean the services for or functions on behalf of Covered Entity performed by\n Business Associate pursuant to any service agreement(s) between Covered Entity and Business\n Associate which may be in effect now or from time to time (“Underlying Agreement”), or, if no\n such agreement is in effect, the services or functions performed by Business Associate that\n constitute a Business Associate relationship, as set forth in 45 C.F.R. § 160.103.\n \n
- \n “Unsecured PHI” shall have the meaning given to such term under 42 U.S.C. § 17932(h), 45\n C.F.R. § 164.402, and guidance issued pursuant to the HITECH Act including, but not limited to the\n guidance issued on April 17, 2009 and published in 74 Federal Register 19006 (April 27, 2009) by the\n Secretary.\n \n
- \n “Use” or “Uses” mean, with respect to PHI, the sharing, employment, application,\n utilization, examination or analysis of such PHI within Business Associate’s internal operations, as\n set forth in 45 C.F.R. § 160.103.\n \n
- \n “Workforce” shall have the meaning given to such term under 45 C.F.R. § 160.103.\n \n
\n - \n
\n OBLIGATIONS OF BUSINESS ASSOCIATE\n
\n- \n
- \n Permitted Uses and Disclosures of Protected Health Information. Business Associate shall not Use or\n Disclose PHI received, accessed, maintained, or created for or on behalf of Covered Entity except to\n perform the Services required by any Underlying Agreement, or as permitted by this BAA or Required\n by Law. Business Associate shall not Use or Disclose PHI in any manner that would constitute a\n violation of the HIPAA Regulations if so Used or Disclosed by Covered Entity. Without limiting the\n generality of the foregoing, Business Associate is permitted to (i) Use PHI for the proper\n management and administration of Business Associate; (ii) Use and Disclose PHI to carry out the\n legal responsibilities of Business Associate, provided that with respect to any such Disclosure\n either: (a) the Disclosure is Required by Law; or (b) Business Associate obtains an agreement from\n the person to whom the PHI is to be Disclosed that such person will hold the PHI in confidence and\n will not Use and further Disclose such PHI except as Required by Law and for the purpose(s) for\n which it was Disclosed by Business Associate to such person, and that such person will notify\n Business Associate of any instances of which it is aware in which the confidentiality of the PHI has\n been breached; (iii) Use PHI for Data Aggregation purposes in connection with the Health Care\n Operations of Covered Entity; and (iv) Use PHI for purposes of de-identification of the PHI.\n \n
- \n Adequate Safeguards of PHI. Business Associate shall comply with Subpart C of 45 C.F.R. Part 164\n with respect to PHI, to reasonably and appropriately protect the confidentially, integrity, and\n availability of e-PHI that it creates, receives, maintains or transmits on behalf of Covered Entity.\n \n
- \n Mitigation. Business Associate agrees to mitigate, to the extent practicable, any harmful effect\n that is known to Business Associate of a Use or Disclosure of PHI by Business Associate in violation\n of the requirements of this BAA.\n \n
- \n Reporting Security Incidents and Non-Permitted Uses or Disclosures. Business Associate shall notify\n Covered Entity in writing of any Security Incident or Use or Disclosure by Business Associate,\n members of its Workforce, or its Subcontractors that is not specifically permitted by this BAA no\n later than three (3) calendar days after becoming aware of such Security Incident or non-permitted\n Use or Disclosure, in accordance with the notice provisions set forth herein. Notwithstanding the\n foregoing, Business Associate and Covered Entity acknowledge the ongoing existence and occurrence of\n attempted but ineffective Security Incidents that are trivial in nature, such as pings and other\n broadcast service attacks, and Covered Entity acknowledges and agrees that no additional\n notification to Covered Entity of such ineffective Security Incidents is required, as long as no\n such incident results in unauthorized access, Use or Disclosure of PHI. Business Associate shall\n investigate each unauthorized access, acquisition, Use or Disclosure of PHI that it creates,\n receives, maintains, or transmits for or on behalf of Covered Entity. If such Security Incident or\n non-permitted Use or Disclosure constitutes a reportable Breach of Unsecured PHI, then Business\n Associate shall comply with the requirements of Section 2.5 below.\n \n
- \n Breach of Unsecured PHI. Business Associate shall provide a written report to Covered Entity of such\n Breach without unreasonable delay but no later than five (5) business days after discovery of the\n Breach. Business Associate shall be deemed to have discovered a Breach as of the first day that the\n Breach is either known to Business Associate or any of its employees, officers or agents, other than\n the person who committed the Breach, or by exercising reasonable diligence should have been known to\n Business Associate or any of its employees, officers or agents, other than the person who committed\n the Breach. To the extent the information is available to Business Associate, Business Associate’s\n written notice shall include the information required by 45 C.F.R. §164.410(c). Business Associate\n shall promptly supplement the written report with additional information regarding the Breach as it\n obtains such information. Business Associate shall cooperate with Covered Entity in meeting Covered\n Entity’s obligations with respect to such Breach. Covered Entity shall have sole control over the\n timing and method of providing notification of such Breach to the affected individual(s), the\n Secretary and, if applicable, the media. Business Associate shall reimburse Covered Entity for its\n reasonable costs and expenses in providing the notification, including, but not limited to, any\n administrative costs associated with providing notice, printing and mailing costs, and costs of\n mitigating the harm (which may include the costs of obtaining credit monitoring services and\n identity theft insurance) for affected individuals whose PHI has or may have been compromised as a\n result of the Breach.\n \n
- \n Delegated Responsibilities. To the extent that Business Associate carries out one or more of Covered\n Entity’s obligations under Subpart E of 45 C.F.R. Part 164, Business Associate must comply with the\n requirements of Subpart E that apply to Covered Entities in the performance of such obligations.\n \n
- \n Availability of Internal Practices, Books, and Records to Government. Business Associate agrees to\n make its internal practices, books and records relating to the Use and Disclosure of Covered\n Entity’s PHI available to the Secretary for purposes of determining Covered Entity’s compliance with\n HIPAA, the HIPAA Regulations, and the HITECH Act.\n \n
- \n Access to and Amendment of Protected Health Information. To the extent that Business Associate\n maintains a Designated Record Set on behalf of Covered Entity and within ten (10) calendar days of\n such request by Covered Entity, Business Associate shall (a) make the PHI it maintains (or which is\n maintained by its Subcontractors) in such Designated Record Set available to Covered Entity for\n inspection and copying or, if requested by Covered Entity, to an individual, to enable Covered\n Entity to fulfill its obligations under 45 C.F.R. § 164.524; or (b) amend the PHI it maintains (or\n which is maintained by its Subcontractors) in such Designated Record Set to enable Covered Entity to\n fulfill its obligations under 45 C.F.R. § 164.526. If Business Associate maintains PHI in a\n Designated Record Set electronically, Business Associate shall provide such information in the\n electronic form and format requested by Covered Entity if it is readily reproducible in such form\n and format, and, if not, in such other form and format agreed to by Covered Entity to enable Covered\n Entity to fulfill its obligations under 45 C.F.R. § 164.524(c)(2).\n \n
- \n Accounting. To the extent that Business Associate maintains a Designated Record Set on behalf of\n Covered Entity, within thirty (30) days of receipt of a request from Covered Entity or an individual\n for an accounting of disclosures of PHI, Business Associate and its Subcontractors shall make\n available to Covered Entity the information required to provide an accounting of disclosures to\n enable Covered Entity to fulfill its obligations under 45 C.F.R. § 164.528.\n \n
- \n Use of Subcontractors. Business Associate shall require each of its Subcontractors that creates,\n receives, maintains, or transmits PHI on behalf of Business Associate, to execute a written\n agreement that includes substantially the same restrictions and conditions that apply to Business\n Associate under this BAA with respect to PHI.\n \n
- \n Minimum Necessary. Business Associate (and its Subcontractors) shall, to the extent practicable,\n limit its request, Use, or Disclosure of PHI to the minimum amount of PHI necessary to accomplish\n the purpose of the request, Use or Disclosure, in accordance with 42 U.S.C. § 17935(b) and 45 C.F.R.\n § 164.502(b)(1) or any other guidance issued thereunder.\n \n
- \n Qualified Service Organization. Business Associate acknowledges that it may be a Qualified Service\n Organization (“QSO”), as defined in 42 C.F.R. § 2.11, with regard to the services provided to\n Covered Entity. To the extent Business Associate qualifies as a QSO with regard to the services\n provided to Covered Entity, Business Associate acknowledges that certain PHI may not be Disclosed or\n re-disclosed under the rules addressing the Confidentiality of Alcohol and Drug Abuse Patient\n Records pursuant to 42 C.F.R. Part 2 (“Confidentiality Regulations”) without the individual’s\n written consent, even though such Disclosure or re-disclosure might be permitted by HIPAA or other\n laws. Further, Business Associate agrees to be fully bound by the Confidentiality Regulations in\n receiving, storing, processing, transmitting, transporting or otherwise dealing with any PHI that is\n subject to the Confidentiality Regulations. Business Associate will also resist in judicial\n proceedings any efforts to obtain applicable PHI except as permitted by the Confidentiality\n Regulations.\n \n
\n - \n
\n TERM AND TERMINATION\n
\n- \n
- \n Term. The term of this BAA shall be effective as of the Effective Date and shall terminate as of the\n date that all of the PHI provided by Covered Entity to Business Associate, or created or received by\n Business Associate on behalf of Covered Entity, is destroyed or returned to Covered Entity, or, if\n it is infeasible to return or destroy the PHI, protections are extended to such information.\n \n
- \n Termination for Cause. In addition to and notwithstanding the termination provisions set forth in\n any Underlying Agreement, upon Covered Entity’s knowledge of a material breach or violation of this\n BAA by Business Associate, Covered Entity shall either: (a) Notify Business Associate of the breach\n in writing, and provide an opportunity for the Business Associate to cure the breach or end the\n violation within thirty (30) days of such notification; provided that if Business Associate fails to\n cure the breach or end the violation within such time period to the satisfaction of Covered Entity,\n Covered Entity may immediately terminate this BAA upon written notice to Business Associate; or (b)\n Upon thirty (30) days written notice to Business Associate, immediately terminate this BAA and any\n Underlying Agreement if Covered Entity determines that such breach cannot be cured.\n \n
- \n Unfeasibility of Return or Destruction of PHI/Continuing Obligations. The parties acknowledge and\n agree that because of the nature of the Technology Services, upon the termination of the Underlying\n Agreement it will not be feasible for Business Associate to return or destroy all PHI received from\n Covered Entity or created or received by Business Associate on behalf of Covered Entity and which\n Business Associate still maintains as PHI. Accordingly, the parties acknowledge and agree that, with\n respect to any such PHI, the terms and provisions of this Business Associate Agreement shall survive\n termination of the Underlying Agreement and such PHI shall be used or disclosed solely for the\n purposes which prevented its return or destruction.\n \n
\n - \n
\n MISCELLANEOUS\n
\n- \n
- \n Amendment to Comply with Law. To the extent applicable, amendments or modification to HIPAA or the\n HITECH Act may require amendments to certain provisions of this BAA. Amendments shall only be\n effective if executed in writing and signed by a duly authorized representative of each Party.\n \n
- \n Relationship to Underlying Agreement Provisions. In the event that a provision of this BAA is\n contrary to a provision of an Underlying Agreement, the provision of this BAA shall control.\n Otherwise, this BAA shall be construed under, and in accordance with, the terms of such Underlying\n Agreement, and shall be considered an amendment of and supplement to such Underlying Agreement,\n subject to Section 4.3 below.\n \n
- \n Notices. Any notices or communications hereunder shall be in writing by certified mail, return\n receipt requested, or delivered by a nationally recognized courier service with delivery\n confirmation, such as FedEx, or by facsimile (with evidence of receipt) at the addresses that follow\n the signature blocks at the end of this BAA.\n \n
- \n Relationship of Parties. Notwithstanding anything to the contrary in any Underlying Agreement,\n Business Associate is an independent contractor and not an agent of Covered Entity under this BAA.\n Business Associate has the sole right and obligation to supervise, manage, contract, direct,\n procure, perform or cause to be performed all Business Associate obligations under this BAA.\n \n
- \n Interpretation. This BAA shall be interpreted as broadly as necessary to implement and comply with\n HIPAA, the HIPAA Regulations and the HITECH Act. The parties agree that any ambiguity in this BAA\n shall be resolved in favor of a meaning that complies and is consistent with such laws.\n \n
- \n No Third Party Beneficiaries. Nothing express or implied in this BAA is intended to confer, nor\n shall anything herein\n \n
\n
\n
\n );\n}\n","import React, { useState, useEffect } from 'react';\nimport { Link, useRouteMatch, useHistory } from 'react-router-dom';\nimport { getArticles } from '../../api/articles';\nimport { monthDateYear } from '../../helpers/index';\nimport EmailSignupPanel from '../email_signup_panel';\nimport LoadingScreen from '../loading_screen';\nimport DropdownInput from '../ui_kit/utilities/dropdown_input';\nimport RequestButton from '../ui_kit/utilities/request_button';\nimport DOMPurify from '../../utils/purify.min.js';\nimport styles from './index.module.css';\n\nexport default function Blogs() {\n const [articles, setArticles] = useState([]);\n const [blogFilter, setBlogFilter] = useState(\n new URLSearchParams(window.location.search).get('filter') || 'all-posts'\n );\n const [loading, setLoading] = useState(false);\n let { path } = useRouteMatch();\n let offset = React.useRef(0);\n let history = useHistory();\n\n useEffect(() => {\n offset.current = 0;\n fetchArticles();\n }, [blogFilter]);\n\n const fetchArticles = (callback = () => {}, append = false) => {\n setLoading(true);\n getArticles({ offset: offset.current, tag: blogFilter }, (data) => {\n if (append) {\n setArticles([...articles, ...data]);\n } else {\n setArticles([...data]);\n }\n offset.current = offset.current + 5;\n setLoading(false);\n callback();\n });\n };\n\n const setFilter = (filter) => {\n let searchParams = new URLSearchParams(window.location.search);\n if (filter !== 'Procedures') {\n searchParams.set('filter', filter.toLowerCase().replace(' ', '-'));\n history.push('?' + searchParams.toString());\n setBlogFilter(filter.toLowerCase().replace(' ', '-'));\n } else if (filter === 'Procedures') {\n searchParams.set('filter', 'all-posts');\n history.push('?' + searchParams.toString());\n setBlogFilter('all-posts');\n }\n };\n\n return (\n <>\n \n
\n \n onSubmit(callback)}\n data-gtm-click-label={gtm}\n cta={cta}\n />\n
\n {headline}
\n{para}
\n validateUserEmail()} style={{ marginBottom: '20px' }} className='material-input light'>\n setEmail(e.target.value)} required />\n \n \n
\n {error && \n setProcedures(e.target.value)} required />\n \n \n
\n \n {disclaimer !== '' && disclaimer}\n
\n\n
\n \n
\n \n
\n \n
\n Blog
\nPatientPartner™ Blog
\nThe PatientPartner blog guides you through everything you need to know about surgery.
\n\n fetchArticles(callback, true)}\n cta='Load more blogs'\n pendoTag='blogs - load more posts'\n classnames={styles.load_more}\n />\n )}\n
\n \n
\n \n
\n \n
\n \n setFilter('all-posts')}\n key={'All Posts'}\n className={`${styles.filter} col-12 col-md-3`}\n >\n All Posts\n \n setFilter('general-health-and-wellness')}\n key={'General health & wellness'}\n className={`${styles.filter} col-12 col-md-6`}\n >\n General health & wellness\n \n
\n \n s.charAt(0).toUpperCase() + s.substring(1))\n .join(' ')}\n setValues={setFilter}\n type='single'\n />\n
\n \n
\n \n ))}\n {articles.length > 0 && (\n \n {loading && \n
\n No articles yet for that tag yet
\n \n )}\n {articles.length > 0 &&\n articles.map((article, i) => (\n\n
\n \n
\n \n
\n \n
\n \n
\n \n {article.title}
\n\n
\n \n
\n {monthDateYear(article.published_at)}
\n |
\n \n
\n {article.author_names}
\n\n
\n \n \n \n );\n}\n","import React, { useState, useEffect } from 'react';\nimport { useParams } from 'react-router-dom';\nimport { getArticle } from '../../../api/articles';\nimport styles from './index.module.css';\nimport { monthDateYear } from '../../../helpers/index';\nimport './dangerously_set_content.css';\nimport DOMPurify from '../../../utils/purify.min.js';\n\nexport default function Article({}) {\n const { id } = useParams();\n const [article, setArticle] = useState();\n\n useEffect(() => {\n getArticle(id, (data) => {\n setArticle(data);\n });\n }, [id]);\n\n return (\n <>\n {article && (\n \n
\n \n
\n \n
\n \n
\n {article.article.title}
\n{article.article.teaser}
\n\n
\n \n
\n {monthDateYear(article.article.published_at)}
\n |
\n \n
\n {article.article.author_names}
\n\n
\n \n
\n \n \n )}\n \n );\n}\n","import React, { useState, useContext } from 'react';\nimport { Link, useHistory } from 'react-router-dom';\nimport { useTransition, useChain, animated, useSpringRef } from '@react-spring/web';\nimport Context from '../../utils/context';\nimport IsScrolling from 'react-is-scrolling';\nimport { useClickAway } from 'react-use';\nimport styles from './portal_header.module.css';\n\nfunction PortalNav({\n navigationItems,\n profileCircleElement = (\n \n
\n \n
\n \n {/*
\n \n Tags\n
\n {article.article.tag_list.map((tag) =>\n{tag}
\n )} */}\n\n
\n \n );\n\n if (dropdownItem.props && dropdownItem.props.to) {\n return (\n \n {dropdownItem.title}\n
\n {dropdownItem.smallTitle &&{dropdownItem.smallTitle}
}\n\n {context.auth.isLoggedIn() ? (\n <>\n
\n {profileCircleElement}
\n {!isMobile && (\n <>\n \n {user && user.current_profile && user.current_profile.display_name}\n
\n{profileCircleElement}
\n )}\n \n {dropdown((style) => (\n \n {navItems((style, dropdownItem) => (\n <>\n {(dropdownItem.title === 'Become a mentor') === true || (dropdownItem.hr_top &&
)}\n {dropdownItem.link && dropdownItem.link.includes('mailto') ? (\n\n \n \n \n ) : (\n renderDropdownItem(dropdownItem, style)\n )}\n \n ))}\n \n ))}\n
\n \n );\n}\n\nexport default IsScrolling(PortalNav);\n// wrapper for passing in scroll watcher variable\n","import React, { useState, useEffect, useRef } from 'react';\nimport { useClickAway } from 'react-use';\nimport styles from './index.module.css';\n\nexport default function ClickToSee({\n contentToClick,\n children,\n open,\n setOpen,\n onClick = () => {},\n headerTitle = null,\n headerRightContent = null,\n contentToSeeClassNames,\n}) {\n const ref = useRef(null);\n useClickAway(ref, () => {\n setOpen(false);\n });\n\n const clickToOpen = () => {\n setOpen(!open);\n onClick();\n };\n\n const renderHeader = () => {\n if (headerTitle === null && headerRightContent === null) {\n return <>;\n }\n\n return (\n <>\n )}\n {dropdownItem.link && dropdownItem.link.includes('mailto') ? (\n
\n
\n {dropdownItem.title}
\n\n {headerTitle &&
\n \n \n );\n };\n\n return (\n {headerTitle}
}\n {headerRightContent}
\n \n
\n );\n}\n","import React, { useState, useContext } from 'react';\nimport SimpleAvatar from '../../ui_kit/utilities/simple_avatar';\nimport RequestButton from '../../ui_kit/utilities/request_button';\nimport Context from '../../../utils/context';\nimport styles from './index.module.css';\nimport SendMessageButton from '../../ui_kit/utilities/send_message_button';\n\nconst ProfileTooltipWrapper = (props) => {\n const [showTooltip, setShowTooltip] = useState(false);\n const context = useContext(Context);\n const auth = context.auth;\n\n const onMouseEnter = () => {\n setShowTooltip(true);\n };\n\n const onMouseLeave = () => {\n setShowTooltip(false);\n };\n\n return (\n \n {contentToClick}\n
\n {open && (\n \n {renderHeader()}\n {children}\n
\n )}\n \n
\n )}\n \n );\n};\n\nexport default ProfileTooltipWrapper;\n","import React from 'react';\nimport styles from './index.module.css';\n\nexport default function MentorTag() {\n return Mentor;\n}\n","import React from 'react';\nimport styles from './index.module.css';\n\nexport default function LocationDisplay(props) {\n return (\n \n
\n \n
\n \n {props.profile.surgeries_or_treatments &&\n props.profile.surgeries_or_treatments.map((treatment, index) => (\n
\n \n {treatment}\n
\n ))}\n\n
\n \n
\n \n {props.showIcon ? (\n \n ) : null}\n \n {props.location}\n \n
\n );\n}\n","import React, { useContext, useState } from 'react';\nimport Context from '../../../../utils/context';\nimport ProfileTooltipWrapper from '../../../users/profile_tooltip_wrapper';\nimport MentorTag from '../../../profile/profile_panel/profile_panel_sections/mentor_tag';\nimport LocationDisplay from '../../../profile/profile_panel/profile_panel_sections/location_display';\nimport { Link } from 'react-router-dom';\nimport styles from './index.module.css';\n\nexport default function SimpleAvatar({\n profile = null,\n showInfo = false,\n showTime = false,\n post = null,\n showTypeIcon = false,\n colDisplay = false,\n showProfileTooltip = false,\n userSlug = null,\n size = '40px',\n showProcedure = null,\n showLocationIcon = false,\n changeNameColor,\n editing = false,\n}) {\n const context = useContext(Context);\n\n if (profile == null && context.auth.isLoggedIn()) {\n profile = context.auth.getCurrentUser().current_profile;\n }\n\n const renderAvatar = () => (\n \n
\n );\n\n const renderName = () => {profile.display_name}
;\n\n return (\n\n {showProfileTooltip && (\n \n {userSlug ? {renderAvatar()} : renderAvatar()}\n \n )}\n {!showProfileTooltip &&\n (userSlug && !editing ? (\n {renderAvatar()}\n ) : (\n renderAvatar()\n ))}\n {showInfo && (\n
\n );\n}\n","export const getNotifications = (successCallback) => {\n fetch(`/api/v1/notifications`, {\n method: 'GET',\n headers: {\n 'Content-Type': 'application/json',\n },\n })\n .then((response) => response.json())\n .then((data) => {\n successCallback(data);\n });\n};\n\nexport const markEverythingAsRead = (id, type, params, successCallback) => {\n fetch(`/api/v1/notifications/mark_everything_as_read`, {\n method: 'POST',\n headers: {\n 'Content-Type': 'application/json',\n },\n })\n .then((response) => response.json())\n .then((data) => {\n if (successCallback) {\n successCallback(data);\n }\n });\n};\n\nexport const updateNotification = (id, params, successCallback) => {\n fetch(`/api/v1/notifications/${id}`, {\n method: 'PATCH',\n headers: {\n 'Content-Type': 'application/json',\n },\n body: JSON.stringify(params),\n })\n .then((response) => response.json())\n .then((data) => {\n if (successCallback) {\n successCallback(data);\n }\n });\n};\n","import React from 'react';\nimport styles from './index.module.css';\n\nexport default function NoNotifications() {\n return (\n <>\n \n
\n )}\n \n {userSlug ? (\n \n {renderName()}\n \n ) : (\n renderName()\n )}\n\n {showTypeIcon && profile && profile.type && profile.type === 'PatientPartner' &&
\n {profile.display_location && (\n {post.how_long_posted}
}\n\n
\n )}\n \n {profile.procedures.length > 1\n ? [...new Set(profile.procedures)].map((p) => p).join(', ')\n : profile.procedures.map((p) => p)}\n
\nNo notifications yet
\n\n You have no notifications, yet. When you engage with members in the community, you'll get notified of updates\n here!\n
\n \n );\n}\n","import React, { useContext, useState } from 'react';\nimport { Link, useHistory } from 'react-router-dom';\nimport ClickToSee from '../../ui_kit/utilities/click_to_see';\nimport SimpleAvatar from '../../ui_kit/utilities/simple_avatar';\nimport Context from '../../../utils/context';\nimport { isObjEmpty } from '../../../helpers';\nimport { getNotifications, markEverythingAsRead, updateNotification } from '../../../api/notifications';\nimport styles from './index.module.css';\nimport NoNotifications from '../no_notifications';\nexport default function Notifications({ unreadNotificationCount, embedded = false }) {\n const context = useContext(Context);\n const history = useHistory();\n if (!context.auth.isLoggedIn()) {\n return <>;\n }\n\n const currentUser = context.auth.getCurrentUser();\n if (isObjEmpty(currentUser.current_profile)) {\n return <>;\n }\n\n if (!currentUser.profile_id) {\n return <>;\n }\n\n const [loadingNotifications, setLoadingNotifications] = useState(false);\n const [notifications, setNotifications] = useState([]);\n\n const loadNotifications = () => {\n setLoadingNotifications(true);\n getNotifications((data) => {\n setNotifications(data);\n setLoadingNotifications(false);\n });\n };\n\n const markEverythingAsReadClick = () => {\n markEverythingAsRead();\n const newNotifications = notifications.map((notification) => {\n return {\n ...notification,\n read: true,\n };\n });\n\n setNotifications(newNotifications);\n };\n\n const [notificationsOpen, setNotificationsOpen] = useState(false);\n\n const notificationOnClick = (notification) => () => {\n if (notification.read) {\n setNotificationsOpen(false);\n return;\n }\n\n const newNotifications = notifications.map((n) => {\n if (n.id === notification.id) {\n return {\n ...n,\n read: true,\n };\n }\n return n;\n });\n updateNotification(notification.id, { read: true });\n setNotifications(newNotifications);\n setNotificationsOpen(false);\n };\n\n const renderCustomTextNotification = (notification) => {\n return{notification.custom_text}
;\n };\n\n const renderNormalNotification = (notification) => {\n if (notification.num_other_distinct_users >= 1) {\n return (\n\n {notification.action_profile.display_name} \n and {notification.num_other_distinct_users}{' '}\n {notification.num_other_distinct_users == 1 ? <>other : <> others }\n {notification.action_phrase} \"{notification.gist}\"\n
\n );\n }\n\n return (\n\n {notification.action_profile.display_name} \n {notification.action_phrase} \"{notification.gist}\"\n
\n );\n };\n\n const renderNotification = (notification) => {\n let morePeople = '';\n if (notification.num_other_distinct_users > 0) {\n morePeople = ` and ${notification.num_other_distinct_users} more people`;\n }\n\n return (\n\n \n \n {notification.type === 'Notifications::CustomText'\n ? renderCustomTextNotification(notification)\n : renderNormalNotification(notification)}\n
\n \n \n );\n };\n\n return (\n <>\n {!embedded ? (\n \n
\n {notification.last_notified_at}
\n \n \n \n \n Mark everything as read\n
\n }\n contentToSeeClassNames={styles.notif_container}\n >\n \n
\n )}\n \n }\n onClick={loadNotifications}\n headerTitle={'Notifications'}\n headerRightContent={\n {unreadNotificationCount}
\n\n {loadingNotifications &&
\n \n \n ) : (\n Loading
}\n {!loadingNotifications && (\n <>\n {notifications.length == 0 ? (\n \n
\n )}\n \n );\n}\n","import React, { useState, useEffect, useContext } from 'react';\nimport { Link } from 'react-router-dom';\nimport PortalNav from '../header/portal_nav';\nimport Notifications from '../header/notifications';\nimport { useChain, useSpringRef } from '@react-spring/web';\nimport Context from '../../utils/context';\nimport SimpleAvatar from '../ui_kit/utilities/simple_avatar';\n\nexport default function MemberPlatformHeader({ hideLinks = false }) {\n const context = useContext(Context);\n const actioncable = context.actioncable;\n const [navOpen, setNavOpen] = useState(false);\n const viewport = context.viewport;\n const isMobile = viewport.getIsMobile();\n const [headerSticky, setHeaderSticky] = useState(false);\n const navItemsAnimation = useSpringRef();\n\n useChain(navOpen ? [navItemsAnimation] : [navItemsAnimation], [0.2]);\n\n const [unreadNotificationCount, setUnreadNotificationCount] = useState(\n context.auth.isLoggedIn() && context.auth.getCurrentUser().current_profile.unread_notification_count\n );\n\n const onReceived = (data) => {\n if (data.type === 'unread_notification_count') {\n context.auth.setUnreadNotificationCount(data.value);\n setUnreadNotificationCount(data.value);\n }\n };\n\n useEffect(() => {\n let subscriptionId = null;\n if (context.auth.isLoggedIn()) {\n subscriptionId = actioncable.subscribe(\n 'ProfileChannel',\n { id: context.auth.getCurrentUser().profile_id },\n onReceived\n );\n }\n\n return () => {\n if (subscriptionId) {\n actioncable.unsubscribe(subscriptionId);\n }\n };\n }, []);\n\n let navigationItems = [];\n if (context.auth.isLoggedIn()) {\n let procedureFilter = '';\n if (context.auth.getCurrentUser().current_profile.surgeries_or_treatments.length > 0) {\n procedureFilter = objToQueryString({\n procedures: context.auth.getCurrentUser().current_profile.surgeries_or_treatments[0],\n });\n }\n\n if (context.auth.getCurrentUser().current_profile.procedures.length > 0) {\n navigationItems = [\n {\n props: {\n to: `/member/profile/${context.auth.getCurrentUser().slug}`,\n },\n title: 'Profile',\n icon: 'https://patientpartner-images2.s3.us-west-1.amazonaws.com/website/icons/profile.svg',\n pendoTag: 'nav-dropdown-profile',\n },\n {\n props: {\n to: `/partners?${procedureFilter}`,\n },\n title: 'Find a mentor',\n icon: 'https://patientpartner-images2.s3.us-west-1.amazonaws.com/website/icons/community.svg',\n pendoTag: 'nav-dropdown-community',\n },\n {\n props: {\n to: '/member/settings',\n },\n title: 'Settings',\n icon: 'https://patientpartner-images2.s3.us-west-1.amazonaws.com/website/icons/settings.svg',\n pendoTag: 'nav dropdown - settings',\n },\n {\n onclick: 'logout',\n props: {},\n title: 'Log out',\n icon: 'https://patientpartner-images2.s3.us-west-1.amazonaws.com/website/platform/log+out.svg',\n color: 'red',\n pendoTag: 'nav dropdown - logout',\n },\n ];\n } else {\n navigationItems = [\n {\n props: {\n to: '/member/settings',\n },\n title: 'Settings',\n icon: 'https://patientpartner-images2.s3.us-west-1.amazonaws.com/website/icons/settings.svg',\n pendoTag: 'nav dropdown - settings',\n },\n {\n onclick: 'logout',\n props: {},\n title: 'Log out',\n icon: 'https://patientpartner-images2.s3.us-west-1.amazonaws.com/website/platform/log+out.svg',\n color: 'red',\n },\n ];\n }\n }\n\n if (\n context.auth.isLoggedIn() &&\n !context.auth.getCurrentUser().is_super_user &&\n context.auth.getCurrentUser().true_user &&\n context.auth.getCurrentUser().true_user.is_super_user\n ) {\n navigationItems.push({\n onclick: 'stopImpersonating',\n title: 'Stop Impersonating',\n color: 'red',\n });\n }\n\n let homeLogoRedirect = '/';\n if (context.auth.isLoggedIn()) {\n homeLogoRedirect = '/member/conversations';\n }\n\n return (\n \n
\n )}\n {unreadNotificationCount}
\n\n
\n \n );\n}\n","import React, { useContext } from 'react';\nimport styles from './index.module.css';\nimport MemberPlatformHeader from '../header/member_platform_header';\nimport Context from '../../utils/context';\nimport { shouldHideHeader } from '../../helpers/header_helper';\n\nexport default function MemberPlatformNavWrap({ children }) {\n let isMobile = useContext(Context).viewport.getIsMobile();\n let showHeader = !shouldHideHeader(window.location.pathname, isMobile);\n\n return (\n \n
\n \n
\n \n {window.location.pathname.includes('/member/join') ? (\n
\n \n
\n \n {!hideLinks && (\n <>\n
\n \n \n
\n 0 ? { marginRight: '10px' } : {}} className='col'>\n {isMobile ? (\n \n
\n \n )}\n\n \n
\n \n \n {isMobile === true && setNavOpen(false)} to='/'>}\n \n
\n \n {showHeader &&
\n );\n}\n","export const shouldHideHeader = (path, isMobile) => {\n const match = path.match(\n /^\\/member\\/conversations\\/[0-9a-fA-F]{8}-[0-9a-fA-F]{4}-[0-9a-fA-F]{4}-[0-9a-fA-F]{4}-[0-9a-fA-F]{12}$/\n );\n return match && isMobile;\n};\n\nexport const showLoginButton = (isLoggedIn, isMobile) => {\n return !isLoggedIn && isMobile;\n};\n","import React from 'react';\nimport { toast } from 'react-toastify';\n\nexport const failToast = (copy) => {\n toast.warning(\n {children}
\n \n
,\n {\n position: 'top-center',\n autoClose: 5000,\n hideProgressBar: false,\n closeOnClick: true,\n pauseOnHover: true,\n draggable: true,\n progress: undefined,\n }\n );\n};\n","import React, { useRef, useState, useContext } from 'react';\nimport styles from './index.module.css';\nimport PasswordInput from '../../ui_kit/utilities/password_input';\nimport { useClickAway } from 'react-use';\nimport RequestButton from '../../ui_kit/utilities/request_button';\nimport Context from '../../../utils/context';\nimport { successToast } from '../../ui_kit/utilities/success_toast';\nimport { failToast } from '../../ui_kit/utilities/fail_toast';\n\nexport default function ChangePassword({ setClickModal }) {\n const [currentPassword, setCurrentPassword] = useState('');\n const [newPassword, setNewPassword] = useState('');\n const ref = useRef(null);\n const context = useContext(Context);\n const [currentPasswordError, setCurrentPasswordError] = useState('');\n const [newPasswordError, setNewPasswordError] = useState('');\n const isDisabled = currentPasswordError || newPasswordError || !currentPassword || !newPassword;\n\n useClickAway(ref, () => {\n setClickModal(false);\n });\n\n const handleSubmit = () => {\n let params = {};\n if (newPassword !== '' && currentPassword !== '') {\n params.current_password = currentPassword;\n params.new_password = newPassword;\n }\n\n context.auth.userUpdate(\n params,\n () => {\n successToast('Your password has been changed.');\n },\n (errors) => {\n failToast(errors.join(','));\n }\n );\n\n setClickModal(false);\n };\n\n return (\n \n
\n \n \n
\n \n
\n Error
\n{copy}
\n\n
\n );\n}\n","import React, { useState, useRef, useContext, useEffect } from 'react';\nimport styles from '../style.module.css';\nimport { useClickAway } from 'react-use';\nimport { validateEmail, validatePhone, validateText } from '../../../helpers';\nimport ErrorMessage from '../../ui_kit/utilities/error_message';\nimport { successToast } from '../../ui_kit/utilities/success_toast';\nimport ChangePassword from '../change_password';\nimport RequestButton from '../../ui_kit/utilities/request_button';\nimport Context from '../../../utils/context';\nimport PasswordInput from '../../ui_kit/utilities/password_input';\n\nexport default function Account({ medium = true, isMobile }) {\n const [clickModal, setClickModal] = useState(false);\n const ref = useRef(null);\n const context = useContext(Context);\n const [user, setUser] = useState(context.auth.getCurrentUser());\n const [firstName, setFirstName] = useState(user.first_name || '');\n const [lastName, setLastName] = useState(user.last_name || '');\n const [email, setEmail] = useState(user.email || '');\n const [phone, setPhone] = useState(user.phone || '');\n const checkedEmail = validateEmail(email);\n const checkedPhone = validatePhone(phone);\n const checkedFirstName = validateText(firstName);\n const checkedLastName = validateText(lastName);\n const [emailError, setEmailError] = useState('');\n const [phoneError, setPhoneError] = useState('');\n const [currentPassword, setCurrentPassword] = useState('');\n const [showPasswordField, setShowPasswordField] = useState(false);\n const [isDisabled, setIsDisabled] = useState(true);\n\n const validateOnBlur = () => {\n if (email !== '' && !checkedEmail) {\n setEmailError('Enter a valid email');\n } else {\n setEmailError('');\n }\n if (phone !== '' && !checkedPhone) {\n setPhoneError('Enter a valid phone number');\n } else {\n setPhoneError('');\n }\n };\n\n useClickAway(ref, () => {\n setClickModal(false);\n });\n\n useEffect(() => {\n if (showPasswordField && currentPassword !== '') {\n setIsDisabled(false);\n } else {\n setIsDisabled(!(checkedEmail && checkedPhone && checkedFirstName && checkedLastName && !showPasswordField));\n }\n }, [checkedEmail, checkedPhone, checkedFirstName, checkedLastName, currentPassword, showPasswordField]);\n\n useEffect(() => {\n if (email !== user.email && checkedEmail) {\n setShowPasswordField(true);\n } else {\n setShowPasswordField(false);\n }\n }, [email, checkedEmail]);\n\n const onClick = (afterAction) => {\n let params = {};\n if (firstName !== '' && firstName !== user.first_name) {\n params.first_name = firstName;\n }\n if (lastName !== '' && lastName !== user.last_name) {\n params.last_name = lastName;\n }\n if (email !== '' && email !== user.email) {\n params.email = email;\n }\n if (phone !== '' && phone !== user.phone) {\n params.phone = phone;\n }\n if (currentPassword !== '' && showPasswordField) {\n params.current_password = currentPassword;\n }\n\n context.auth.userUpdate(\n params,\n (result) => {\n successToast('Your changes have been saved.');\n setUser(result);\n },\n (errors) => {\n setError(errors.join(','));\n }\n );\n afterAction();\n };\n\n return (\n \n
\n \n
\n \n
\n \n
\n \n \n \n
\n Change password
\n setClickModal(false)} className={`${styles.close}`}>\n\n \n \n \n
\n \n
\n );\n}\n","import React, { useState, useContext, useEffect } from 'react';\nimport RequestButton from '../../ui_kit/utilities/request_button';\nimport styles from '../style.module.css';\nimport Context from '../../../utils/context';\nimport { successToast } from '../../ui_kit/utilities/success_toast';\n\nexport default function Notifications() {\n const [checkedItems, setCheckedItems] = useState([]);\n const [check, setCheck] = useState(false);\n const context = useContext(Context);\n const [user, setUser] = useState(context.auth.getCurrentUser());\n\n const notificationOptions = [\n { option: 'Comments on my own posts' },\n { option: 'Replies to my comments' },\n { option: 'Likes on my own posts and comments' },\n ];\n\n const getNotified = [{ option: 'SMS*' }, { option: 'Email' }];\n\n let disabled = 'disabled';\n\n const checkedOptions = (option) => {\n if (checkedItems.map((i) => i.includes(option)).includes(true)) {\n setCheckedItems(checkedItems.filter((c) => c != option));\n } else {\n var arr = [...checkedItems];\n arr.push(option);\n setCheckedItems(arr);\n }\n setCheck(!check);\n };\n\n useEffect(() => {\n setCheckedItems([]);\n if (user.new_comment_notification) {\n checkedItems.push('Comments on my own posts');\n }\n if (user.new_reply_notification) {\n checkedItems.push('Replies to my comments');\n }\n if (user.new_like_notification) {\n checkedItems.push('Likes on my own posts and comments');\n }\n if (user.email) {\n setCheckedItems([...checkedItems, 'Email']);\n }\n if (user.phone) {\n setCheckedItems([...checkedItems, 'SMS*']);\n }\n }, []);\n\n const onClick = (afterAction) => {\n let params = {};\n\n context.auth.userUpdate(\n params,\n (result) => {\n successToast('Your changes have been saved.');\n setUser(result);\n },\n (errors) => {\n console.error(errors.join(','));\n }\n );\n afterAction();\n };\n\n return (\n \n
\n \n
\n {clickModal && \n
\n \n
\n Account & login
\n\n
\n \n {\n setFirstName(e.target.value);\n }}\n />\n \n
\n First name
\n\n {\n setLastName(e.target.value);\n }}\n />\n \n
\n Last name
\n\n
\n {phoneError && \n {\n setPhone(e.target.value);\n }}\n onBlur={validateOnBlur}\n />\n \n
\n Phone number
\n\n
\n {emailError && \n Email
\n {\n setEmail(e.target.value);\n }}\n onBlur={validateOnBlur}\n />\n \n
\n \n
\n )}\n \n
\n Current password
\n\n
\n Password
\n\n setClickModal(!clickModal)}\n className={`text-link no-arrow ${styles.create_btn}`}\n style={{ paddingLeft: '15px' }}\n data-pendo-tag='settings - change password'\n >\n Change password\n \n
\n \n
\n \n
\n );\n}\n","export const createUserDeactivates = (reasons, description, currentUser, successFunction) => {\n const csrf = document.querySelector(\"meta[name='csrf-token']\").getAttribute('content');\n fetch(`/api/v1/users/${currentUser.id}/user_deactivates`, {\n method: 'POST',\n headers: {\n 'Content-Type': 'application/json',\n 'X-CSRF-Token': csrf,\n },\n body: JSON.stringify({\n reason: reasons,\n description: description,\n user_id: currentUser.id,\n }),\n })\n .then((response) => response.json())\n .then((data) => {\n if (successFunction) {\n successFunction(data);\n }\n });\n};\n","import React, { useState, useRef, useContext } from 'react';\nimport RequestButton from '../../ui_kit/utilities/request_button';\nimport { failToast } from '../../ui_kit/utilities/fail_toast';\nimport { createUserDeactivates } from '../../../api/user_deactivates';\nimport Context from '../../../utils/context';\nimport { logOut } from '../../../api/users';\nimport { useClickAway } from 'react-use';\nimport styles from './index.module.css';\n\nexport default function DeactivateModal({ setClickModal }) {\n const ref = useRef(null);\n const ref_1 = useRef(null);\n const context = useContext(Context);\n const currentUser = context.auth.getCurrentUser();\n const [check, setCheck] = useState(false);\n const [checkedItems, setCheckedItems] = useState([]);\n const [description, setDescription] = useState('');\n const deactivateReasons = [\n { reason: \"I didn't find what I was looking for\" },\n { reason: 'I am concerned about my privacy' },\n { reason: \"I don't feel safe on PatientPartner\" },\n { reason: 'Other' },\n ];\n\n const checkedReasons = (reason) => {\n if (checkedItems.map((i) => i.includes(reason)).includes(true)) {\n setCheckedItems(checkedItems.filter((a) => a != reason));\n } else {\n var arr = [...checkedItems];\n arr.push(reason);\n setCheckedItems(arr);\n }\n setCheck(!check);\n };\n\n useClickAway(ref_1, () => {\n setClickModal(true);\n });\n\n useClickAway(ref, () => {\n setClickModal(false);\n });\n\n const submitUserDeactivate = (afterAction) => {\n let reasons = [...checkedItems];\n createUserDeactivates(reasons, description, currentUser, (data) => {\n if (data['success'] == true) {\n logOut(() => {\n window.location = '/member/login';\n window.localStorage.setItem('showDeactivationToast', 'true');\n });\n } else {\n failToast(\n 'Something went wrong, please reach out to support@patientpartner.com for assistance with your request.'\n );\n }\n\n afterAction();\n setCheckedItems([]);\n setDescription('');\n setClickModal(false);\n });\n };\n\n return (\n \n
\n \n
\n \n
\n \n
\n\n Notifications
\n\n {notificationOptions.map((n, index) => (\n
\n \n checkedOptions(n.option)}\n style={{ background: 'none' }}\n >\n
\n ))}\n \n {checkedItems.includes(n.option) ? (\n
\n \n \n {n.option}\n
\n\n
\n Get notified by:
\n\n {getNotified.map((n, index) => (\n\n checkedOptions(n.option)}\n style={{ background: 'none' }}\n >\n
\n ))}\n \n {checkedItems.includes(n.option) ? (\n
\n \n \n {n.option}\n
\n\n
\n *Msg & data rates may apply
\n\n
\n \n
\n );\n}\n","import React, { useContext, useState, useRef } from 'react';\nimport styles from '../style.module.css';\nimport { useClickAway } from 'react-use';\nimport Context from '../../../utils/context';\nimport DeactivateModal from '../deactivate_modal';\n\nexport default function DeactivateAccount() {\n const ref = useRef(null);\n const context = useContext(Context);\n const [clickModal, setClickModal] = useState(false);\n\n useClickAway(ref, () => {\n setClickModal(false);\n });\n\n return (\n \n
\n \n
\n \n
\n \n
\n \n \n \n
\n Deactivate account
\n setClickModal(false)} className={`${styles.close}`}>\n\n \n \n
\n \n
\n \n {deactivateReasons.map((r) => (\n <>\n
\n \n checkedReasons(r.reason)}\n style={{ background: 'none' }}\n >\n
\n \n ))}\n \n {checkedItems.includes(r.reason) ? (\n
\n \n \n {r.reason}\n
\n\n
\n \n
\n Description (optional)
\n\n
\n \n setDescription(e.target.value)}\n style={{\n overflow: 'hidden',\n maxWidth: '100%',\n zIndex: '0',\n height: '100px',\n marginTop: '0px',\n }}\n placeholder='Please provide further context...'\n value={description}\n >\n
\n \n setClickModal(false)}\n className={`${styles.cancel} ${styles.cancel_report} liner`}\n >\n Cancel\n \n
\n \n
\n );\n}\n","import React, { useContext, useEffect, useState } from 'react';\nimport Account from './account';\nimport Notifications from './notifications';\nimport styles from './style.module.css';\nimport Context from '../../utils/context';\nimport DeactivateAccount from './deactivate_account';\n\nexport default function Settings() {\n const context = useContext(Context);\n const isMobile = context.viewport.getIsMobile();\n\n return (\n \n
\n \n
\n {clickModal && \n
\n \n
\n Deactivate account
\n\n
\n \n
\n \n We’re sorry to see you go! To delete your account click the button below.\n
\n\n setClickModal(!clickModal)}\n data-pendo-tag='settings - deactivate account'\n >\n Deactivate\n \n
\n \n
\n );\n}\n","import React, { useState } from 'react';\nimport { Link } from 'react-router-dom';\nimport { useTransition, useChain, animated, useSpringRef } from '@react-spring/web';\n\nexport default function DesktopNavItem({ navItem }) {\n const [open, setOpen] = useState(false);\n\n const dropDownAnimation = useSpringRef();\n const dropdown = useTransition(open ? navItem : [], {\n ref: dropDownAnimation,\n config: { mass: 1, tension: 500, friction: 30 },\n from: { opacity: 0, transform: 'translateY(-10px)' },\n enter: { opacity: 1, transform: 'translateY(0px)' },\n });\n\n const navItemsAnimation = useSpringRef();\n const navItems = useTransition(open ? navItem.dropdown : [], {\n ref: navItemsAnimation,\n trail: open ? 100 / navItem.dropdown.length : 0,\n config: { mass: 1, tension: 1000, friction: 100 },\n from: { opacity: 0, transform: 'translateX(30px)' },\n enter: { opacity: 1, transform: 'translateX(0px)' },\n });\n\n useChain(open ? [dropDownAnimation, navItemsAnimation] : [navItemsAnimation, dropDownAnimation], [\n 0,\n open ? 0.1 : 0.05,\n ]);\n\n return (\n \n
\n \n
\n \n
\n \n
\n \n
\n \n {navItem.mainLink.title}\n
\n ) : // Check if the main link is external or internal\n navItem.mainLink.link.startsWith('http') ? (\n{dropdownItem.icon}
\n \n
\n \n {dropdownItem.title}\n
\n{dropdownItem.smallTitle}
\n{dropdownItem.icon}
\n \n
\n \n {dropdownItem.title}\n
\n{dropdownItem.smallTitle}
\n)}\n {navItem.mainLink.link === '' ? (\n
\n {navItem.mainLink.title}\n
\n ) : // Check if link contains 'mailto', or if it's an external link that starts with 'http'\n navItem.mainLink.link?.includes('mailto') ? (\n \n {navItem.mainLink.title}\n \n ) : navItem.mainLink.link?.startsWith('http') ? (\n{navItem.mainLink.smallTitle}
}\n \n ) : (\n{navItem.mainLink.smallTitle}
}\n \n )}\n {navItem.dropdown && (\n\n \n
\n )}\n {dropdown((style) => (\n \n \n {dropdownItem.title}\n \n
\n \n \n {dropdownItem.title}\n \n
\n 
,\n },\n {\n title: 'Press room',\n smallTitle: 'Our news and media coverage',\n link: '/press-room',\n props: {\n to: '/press-room',\n },\n icon: (\n \n ),\n },\n {\n title: 'Contact us',\n smallTitle: 'Let us know how we can help',\n link: '/contact-us',\n props: {\n to: '/contact-us',\n },\n icon: (\n \n
\n \n \n \n {\n setNavOpen(!navOpen);\n }}\n id='ham_icn'\n className={`tgl-innr ham hamRotate ham1 ${navOpen ? 'active' : ''}`}\n viewBox='0 0 100 100'\n width='60'\n >\n
\n \n
\n \n \n
\n \n
\n \n
\n \n \n {isMobile === true && (\n setNavOpen(false)} to='/'>\n
\n \n
\n \n - \n {isMobile === false && (\n <>\n {menuItems.map((menuItem, index) => (\n
\n
\n \n {!isMobile && (\n \n \n Login\n \n \n )}\n {showLogin ? (\n \n \n \n ) : (\n \n \n \n )}\n
\n \n
\n \n
\n \n
\n {!isLoggedIn && showLogin && (\n \n {logoClickable ? (\n openInNewTab ? (\n \n {renderLogo()}\n \n ) : (\n {renderLogo()}\n )\n ) : (\n renderLogo()\n )}\n {logo && 
}\n
\n \n \n \n \n
\n )}\n \n
\n \n \n \n {\n setNavOpen(!navOpen);\n }}\n width='30'\n height='31'\n viewBox='0 0 30 31'\n fill='none'\n xmlns='http://www.w3.org/2000/svg'\n >\n \n \n
\n \n
\n \n \n
\n \n
\n \n
\n \n \n {isMobile === true && (\n setNavOpen(false)} to='/'>\n
\n \n
\n {/* {!isMobile &&\n getProviderPatientsWrapper()} to={`/provider/patients`} className={`${styles.header_patients} h-100`}>\n \n - \n {/* {!isMobile && <>\n {menuItems.map((menuItem) =>\n
Patients
\n {amountUnread > 0 &&\n {amountUnread}\n }\n \n } */}\n \n\n
\n \n {!isMobile && (\n <>\n
\n \n
\n );\n};\n\nexport default PreSignupForm;\n","import React from 'react';\nimport styles from './index.module.css';\n\nexport default function ({ headline, para, bgColor = '#DDF7F9', textColor = '#173959' }) {\n return (\n \n \n
\n \n \n \n
\n
\n {'Want to learn more?'}
\n\n {\n 'Our team will reach out to help match you with a mentor who can provide support and guidance. Fill out the form below to get started and learn more about how our program can support you!'\n }\n
\n\n {showModal && (\n\n We've received your information and a member of our team will contact you by the next business day.\n
\n\n
\n If you'd like to contact us directly, please email us at\n \n info@patientpartner.com\n {' '}\n or call us at{' '}\n \n +1-619-268-1112\n \n .\n
\n \n }\n />\n )}\n\n\n
\n\n \n setFirstName(event.target.value)}\n required\n />\n \n \n \n
\n \n setLastName(event.target.value)} required />\n \n \n \n
\n \n {\n setCondition(event.target.value);\n }}\n placeholder={showConditionLabel ? null : 'What condition and/or treatment are you seeking support for?'}\n required\n onFocus={() => setShowConditionLabel(true)}\n onBlur={() => setShowConditionLabel(false)}\n className={styles.condition_input}\n />\n \n Condition/Treatment\n \n
\n\n \n {\n setAnythingElse(event.target.value);\n }}\n required\n />\n \n
\n\n \n Already have an account?{' '}\n
\n
\n );\n}\n","import React from 'react';\nimport styles from './index.module.css';\n\nexport default function ({ para, photo, name, location }) {\n return (\n \n
\n \n
\n \n
\n {headline}
\n\n
\n \n
\n {para}
\n\n \n
\n );\n}\n","import React, { Component, useState, useEffect, Suspense, lazy, useContext } from 'react';\nimport TextLeftImgRightWbg from '../../hero_sections/txt_left_img_right_wbg';\nimport FeaturedInMedia from '../../featured_in_media';\nimport HorizontalBanner from '../../hero_sections/horizontal_banner';\nimport PhotoWBlueBg from '../../hero_sections/photo_w_blue_bg';\nimport Testimonial from '../../hero_sections/testimonial';\nimport HowItWorks from '../../hero_sections/how_it_works';\nimport { Link } from 'react-router-dom';\nimport { autofocusAll } from '../../../helpers';\nimport Context from '../../../utils/context';\nimport './index.css';\nconst SurgeonMatchQuestionnaire = React.lazy(() => import('../../questionnaire/surgeon_match'));\n\nexport default function CosmeticLandingPage({\n home,\n updateAnswersAction,\n setContactIdAction,\n setSurgeonMatchQuestionnaireProgress,\n setSurgeon,\n}) {\n const context = useContext(Context);\n const viewport = context.viewport;\n const isMobile = viewport.getIsMobile();\n\n const scrollToQuestionnaire = () => {\n document.querySelector('#questionnaire').scrollIntoView({\n behavior: 'smooth',\n });\n const timer = setTimeout(() => {\n autofocusAll();\n }, 1000);\n return () => clearTimeout(timer);\n };\n\n React.useEffect(() => {\n if (new URLSearchParams(window.location.search).get('contact_id')) {\n const timer = setTimeout(() => {\n document.querySelector('#questionnaire').scrollIntoView({\n behavior: 'smooth',\n });\n }, 100);\n return () => clearTimeout(timer);\n }\n }, []);\n\n return (\n <>\n {para}
\n\n
\n \n {photo && (\n
\n \n \n
\n )}\n \n
\n {name}
\n{location}
\n\n
\n \n
\n \n
\n \n
\n \n
\n \n
\n \n \n An easier process.\n
\n
\n \n An easier process.\n
Find the best care, fast.\n
\n - \n
- Connect with board-certified and award-winning surgeons from our network in minutes. \n
- Schedule consultations directly on our platform to save time and be seen sooner. \n
- Speak directly with past patients to hear honest feedback and reviews about their experience. \n
\n
\n ,\n headline: 'Tell us about yourself',\n para: 'Take a short questionnaire about your health history and needs.',\n },\n {\n image: ,\n headline: 'Find a surgeon',\n para: 'Review your recommendation and learn more about the top-tier surgeon in your area.',\n },\n {\n image: ,\n headline: 'Request an appointment',\n para: 'Schedule a consultation and connect to the office to ask questions prior to your appointment.',\n },\n ]}\n />\n \n
\n \n \n );\n}\n","import { connect } from 'react-redux';\nimport {\n setContactIdAction,\n updateAnswersAction,\n setSurgeonMatchQuestionnaireProgress,\n setSurgeon,\n} from '../../../actions/home';\nimport CosmeticLandingPage from '../../../components/cosmetic/landing_page';\n\nconst mapStateToProps = (state) => state;\n\nconst mapDispatchToProps = (dispatch) => ({\n updateAnswersAction: (item) => dispatch(updateAnswersAction(item)),\n setContactIdAction: (item) => dispatch(setContactIdAction(item)),\n setSurgeonMatchQuestionnaireProgress: (item) => dispatch(setSurgeonMatchQuestionnaireProgress(item)),\n setSurgeon: (item) => dispatch(setSurgeon(item)),\n});\n\nexport default connect(mapStateToProps, mapDispatchToProps)(CosmeticLandingPage);\n","import React, { Suspense, useContext } from 'react';\nimport Context from '../../../utils/context';\nimport TextLeftImgRightWbg from '../../hero_sections/txt_left_img_right_wbg';\nimport FeaturedInMedia from '../../featured_in_media';\nimport ImgLeftTextRight from '../../hero_sections/img_left_text_right';\nimport TwoTestimonials from '../../two_testimonials';\nimport HowItWorks from '../../hero_sections/how_it_works';\nimport EmailSignupFooter from '../../email_signup_footer';\nimport { autofocusAll } from '../../../helpers';\nconst PatientPartnerQuestionnaire = React.lazy(() => import('../../questionnaire/patient_partner'));\n\nexport default function SpineSurgeryPatientMentor({\n home,\n updateAnswersAction,\n setPatientPartnerQuestionnaireProgress,\n setContactIdAction,\n setPatientPartners,\n}) {\n const context = useContext(Context);\n const viewport = context.viewport;\n const isMobile = viewport.getIsMobile();\n\n const scrollToQuestionnaire = () => {\n document.querySelector('#questionnaire').scrollIntoView({\n behavior: 'smooth',\n });\n const timer = setTimeout(() => {\n autofocusAll();\n }, 1000);\n return () => clearTimeout(timer);\n };\n\n React.useEffect(() => {\n if (new URLSearchParams(window.location.search).get('contact_id')) {\n const timer = setTimeout(() => {\n document.querySelector('#questionnaire').scrollIntoView({\n behavior: 'smooth',\n });\n }, 100);\n return () => clearTimeout(timer);\n }\n }, []);\n\n return (\n \n loading}>\n \n
\n \n \n \n Get started\n \n
\n }\n imgOffset={false}\n imgShadow={true}\n topOfIcon={isMobile ? '65%' : '75%'}\n leftOfIcon={isMobile ? '10%' : '5%'}\n heightOfImage={isMobile ? '300px' : '500px'}\n iconContent={\n \n }\n imgShadow={false}\n thoseDots={'https://patientpartner-images2.s3.us-west-1.amazonaws.com/website/spine/hero---dots.svg'}\n dotStyles={\n isMobile\n ? { maxWidth: '96px', top: '12%', right: '-10px' }\n : { maxWidth: '136px', top: '64px', right: '-40px' }\n }\n mobileBackgroundSize='contain'\n />\n ,\n headline: 'Tell us about yourself',\n para: 'Take a short questionnaire and answer questions that will help us find a mentor similar to you.',\n },\n {\n image: ,\n headline: 'Review your match',\n para: 'Get matched with a recovered patient and start a conversation.',\n },\n {\n image: ,\n headline: 'Get support and advice',\n para: 'Start messaging with a PatientPartner mentor and get support and guidance.',\n },\n ]}\n paraColor={'#232323'}\n />\n \n
\n \n \n loading}>\n \n
\n ,\n headline: 'Step 1',\n para: 'Schedule your 10-minute free virtual consultation with a local spine specialist.',\n },\n {\n image: ,\n headline: 'Step 2',\n para: 'Confirm the time and date you choose via the confirmation email or text',\n },\n {\n image: ,\n headline: 'Step 3',\n para: 'Join the Zoom link during your scheduled time. ',\n },\n ]}\n paraColor='#232323'\n />\n \n
\n \n
\n \n
\n \n During your virtual scheduled appointment, you will meet with the top-rated back specialist in your area\n to discuss your symptoms, answer any questions, and determine next steps to treat your pain - all from the\n convenience of your home.\n
\n\n
\n \n \n loading}>\n \n
\n ,\n headline: 'Step 1',\n para: 'Schedule your 10-minute free virtual consultation.',\n },\n {\n image: ,\n headline: 'Step 2',\n para: 'Confirm the time and date you choose via email or text.',\n },\n {\n image: ,\n headline: 'Step 3',\n para: 'Join the Zoom link during your scheduled time.',\n },\n ]}\n paraColor='#232323'\n />\n \n
\n \n
\n \n
\n \n During your virtual scheduled consultation, you will meet with a top-rated plastic surgeon in the Bay Area\n to discuss your needs, answer any questions, and determine the next steps to feeling younger and more\n confident - all from the convenience of your home.\n
\n\n
\n \n \n );\n}\n","import { connect } from 'react-redux';\nimport {\n setContactIdAction,\n updateAnswersAction,\n setSurgeonMatchQuestionnaireProgress,\n setSurgeon,\n} from '../../../actions/home';\nimport CosmeticVirtualConsultation from '../../../components/cosmetic/virtual_consultation';\n\nconst mapStateToProps = (state) => state;\n\nconst mapDispatchToProps = (dispatch) => ({\n updateAnswersAction: (item) => dispatch(updateAnswersAction(item)),\n setContactIdAction: (item) => dispatch(setContactIdAction(item)),\n setSurgeonMatchQuestionnaireProgress: (item) => dispatch(setSurgeonMatchQuestionnaireProgress(item)),\n setSurgeon: (item) => dispatch(setSurgeon(item)),\n});\n\nexport default connect(mapStateToProps, mapDispatchToProps)(CosmeticVirtualConsultation);\n","import React, { useState, useContext } from 'react';\nimport AvatarEdit from 'react-avatar-edit';\nimport RequestButton from '../request_button';\nimport SimpleAvatar from '../simple_avatar';\nimport { updateProfile } from '../../../../api/profiles';\nimport { createActivity } from '../../../../api/activities';\nimport { uploadFiles } from '../../../../api/file_uploads';\nimport { successToast } from '../success_toast';\nimport Context from '../../../../utils/context';\nimport uuid from 'react-uuid';\nimport styles from './index.module.css';\n\nexport default function AvatarEditor({ size = '40px', onSuccess = () => {}, editPhotoPendoTag = '' }) {\n const [image, setImage] = useState(null);\n const [editedImage, setEditedImage] = useState(null);\n const context = useContext(Context);\n let user = context.auth.getCurrentUser();\n\n const s3UploadFile = (file, callback) => {\n uploadFiles(file, (data) => {\n updateProfile(\n user.profile_id,\n {\n photo: data.url,\n },\n () => {\n successToast('Profile photo updated.');\n setImage(null);\n callback();\n }\n );\n });\n };\n\n const dataURLtoFile = (dataurl, filename) => {\n var arr = dataurl.split(','),\n mime = arr[0].match(/:(.*?);/)[1],\n bstr = atob(arr[1]),\n n = bstr.length,\n u8arr = new Uint8Array(n);\n\n while (n--) {\n u8arr[n] = bstr.charCodeAt(n);\n }\n\n return new File([u8arr], filename, { type: mime });\n };\n\n return (\n \n loading}>\n \n
\n \n
\n );\n}\n","import React, { useContext, useState } from 'react';\nimport Context from '../../../utils/context';\nimport GhostButton from '../../ui_kit/utilities/ghost_button';\nimport MentorTag from './profile_panel_sections/mentor_tag';\nimport LocationDisplay from './profile_panel_sections/location_display';\nimport styles from './index.module.css';\nimport SendMessageButton from '../../ui_kit/utilities/send_message_button';\nimport AvatarEditor from '../../ui_kit/utilities/avatar_editor';\nimport RequestButton from '../../ui_kit/utilities/request_button';\nimport { successToast } from '../../ui_kit/utilities/success_toast';\nimport ErrorMessage from '../../ui_kit/utilities/error_message';\nimport LocationInput from '../../ui_kit/inputs/location';\nimport ReactTooltip from 'react-tooltip';\nimport { createActivity } from '../../../api/activities';\n\nexport default function ProfilePanel({ profile }) {\n const context = useContext(Context);\n const [currentProfile, setCurrentProfile] = useState(profile || {});\n const [editing, setEditing] = useState(false);\n const [displayName, setDisplayName] = useState(profile.display_name);\n const [currentLocation, setCurrentLocation] = useState({ address: profile.address });\n\n const onClick = (afterAction) => {\n let params = {};\n let fields = [];\n if (displayName !== '' && displayName !== currentProfile.display_name) {\n params.display_name = displayName;\n fields.push('display_name');\n }\n\n if (currentLocation.address !== profile.address) {\n fields.push('address');\n }\n\n context.auth.updateProfile({ ...params, ...currentLocation }, (newProfile) => {\n afterAction();\n setCurrentProfile(newProfile);\n createActivity('Activity::EditProfile', { fields: fields.join(',') });\n setEditing(false);\n window.location.reload();\n });\n };\n\n let disabled = () => {\n let params = {};\n if (displayName !== '' && displayName !== currentProfile.display_name) {\n params.display_name = displayName;\n }\n if (currentLocation.address !== '' && currentLocation.address !== currentProfile.address) {\n params = { ...params, ...currentLocation };\n }\n\n return Object.keys(params).length === 0;\n };\n\n const location = profile.city + ', ' + profile.state;\n\n return (\n \n
\n \n \n \n s3UploadFile(dataURLtoFile(editedImage, uuid()), () => {\n callback();\n createActivity('Activity::EditProfile', { fields: 'photo' });\n onSuccess();\n })\n }\n />\n )}\n
\n \n {image !== null && (\n {\n setImage(null);\n setEditedImage(null);\n }}\n />\n )}\n
\n {image !== null && (\n \n
\n \n \n \n );\n}\n","import React from 'react';\nimport styles from './index.module.css';\n\nexport default function CheckboxWLabel({ setCheck, wrapperStyles, check = false, label = 'hello' }) {\n return (\n \n
\n \n setEditing(true)}\n style={{ display: 'flex', alignItems: 'center', justifyContent: 'center' }}\n >\n
\n \n )}\n \n
\n {profile.display_location && (\n \n {editing ? (\n <>\n
\n \n window.location.reload()}\n editPhotoPendoTag='profile page - edit profile photo'\n />\n
\n \n {\n setDisplayName(e.target.value);\n }}\n />\n \n \n This is the name community\n
\n members call you.\n \n \n
\n \n
\n \n Display Name\n
\n\n members call you.\n \n
\n
\n Location
\n\n \n onClick(action)}\n />\n
\n \n ) : (\n <>\n \n \n \n
\n \n {currentProfile.display_name}\n
\n {currentProfile.type && currentProfile.type === 'PatientPartner' && setCheck(!check)}>\n
\n );\n}\n","import React, { useState, useEffect, useContext } from 'react';\nimport styles from './index.module.css';\nimport CheckboxWLabel from '../../../../ui_kit/utilities/checkbox_w_label';\nimport RequestButton from '../../../../ui_kit/utilities/request_button';\nimport SelectSearch from '../../../../ui_kit/inputs/select_search';\nimport Context from '../../../../../utils/context';\nimport { successToast } from '../../../../ui_kit/utilities/success_toast';\nimport ErrorMessage from '../../../../ui_kit/utilities/error_message';\nimport { addNewProcedure } from '../../../../../api/profiles';\nimport { createActivity } from '../../../../../api/activities';\n\nexport default function AddProcedure({ recovered = false, setProcedures, setAddProcedure, procedures }) {\n const [isPrivate, setIsPrivate] = useState(false);\n const [chosenProcedure, setChosenProcedure] = useState('');\n const [show, setShow] = useState(false);\n const context = useContext(Context);\n let isMobile = context.viewport.getIsMobile();\n\n let selectableProcedures = [];\n for (const [key, value] of Object.entries(gon.procedure_surgery_mappings)) {\n if (key !== 'Back/neck treatment' && key !== 'Plastic surgery') {\n selectableProcedures.push(key, ...value);\n }\n }\n\n useEffect(() => {\n setShow(true);\n }, []);\n\n const addProcedure = (afterAction) => {\n addNewProcedure(\n {\n id: context.auth.getCurrentUser().profile_id,\n procedure: chosenProcedure,\n private: isPrivate,\n recovered: recovered,\n },\n (data) => {\n setProcedures(data);\n setAddProcedure(false);\n successToast('New procedure added.');\n createActivity('Activity::EditProfile', { fields: 'add_procedure' });\n afterAction();\n window.location.reload();\n }\n );\n };\n\n return (\n {label}
\n \n\n
\n );\n}\n","import React, { useState, useRef } from 'react';\nimport styles from './index.module.css';\nimport { useClickAway } from 'react-use';\nimport parentstyles from '../../index.module.css';\nimport { deleteProcedure, updateProcedure } from '../../../../api/profiles';\nimport { successToast } from '../../../ui_kit/utilities/success_toast';\nimport { createActivity } from '../../../../api/activities';\n\nexport default function ProcedureRow({ user, procedure, i, setProcedures, procedures, profileIsCurrentUser }) {\n const [showOptions, setShowOptions] = useState(false);\n const ref = useRef(null);\n useClickAway(ref, () => {\n setShowOptions(false);\n });\n\n const removeProcedure = () => {\n deleteProcedure(user.profile_id, procedure.id, (data) => {\n setProcedures(procedures.filter((procedure) => procedure.id !== data.success.id));\n setShowOptions(false);\n successToast('Procedure successfully removed.');\n createActivity('Activity::EditProfile', { fields: 'remove_procedure' });\n window.location.reload();\n });\n };\n\n const editVisibility = () => {\n updateProcedure(user.profile_id, procedure.id, { private: !procedure.private }, (data) => {\n setProcedures(data);\n // successToast('Procedure visibility successfully edited.')\n });\n };\n\n const renderSurgeryOrProcedure = (cond) => {\n if (cond.surgery && cond.surgery !== \"I'm not sure\") {\n return cond.surgery;\n }\n\n return cond.procedure;\n };\n\n return (\n \n addProcedure(afterAction)}\n disabled={\n chosenProcedure === '' ||\n procedures.filter(\n (procedure) =>\n (procedure.surgery === null && procedure.procedure === chosenProcedure) ||\n (procedure.surgery !== null && procedure.surgery === chosenProcedure)\n ).length > 0\n }\n />\n \n (procedure.surgery === null && procedure.procedure === chosenProcedure) ||\n (procedure.surgery !== null && procedure.surgery === chosenProcedure)\n ).length > 0\n ? 'Procedure already added to your profile'\n : ''\n }\n />\n
\n \n
\n Procedure type
\n\n
\n Visibility
\n{renderSurgeryOrProcedure(procedure)}
\n {profileIsCurrentUser && (\n\n setShowOptions(!showOptions)}\n src='https://patientpartner-images2.s3.us-west-1.amazonaws.com/website/newsfeed/icon+3/Vector.svg'\n />\n {showOptions && (\n
\n \n )}\n \n );\n}\n","import React, { useState, useEffect, useContext } from 'react';\nimport Context from '../../../../utils/context';\nimport GhostButton from '../../../ui_kit/utilities/ghost_button';\nimport styles from './index.module.css';\nimport parentstyles from '../../index.module.css';\nimport AddProcedure from './add_procedure';\nimport Divider from '../../../ui_kit/utilities/divider';\nimport { getProcedures } from '../../../../api/profiles';\nimport ProcedureRow from './procedure_row';\n\nexport default function ProfileProcedures({ user, tab = 'current' }) {\n const context = useContext(Context);\n const currentUser = context.auth.getCurrentUser();\n const [addProcedure, setAddProcedure] = useState(false);\n const [profile, setProfile] = useState(user.current_profile);\n const [procedures, setProcedures] = useState([]);\n const [recovered, setRecovered] = useState(false);\n\n let profileIsCurrentUser = false;\n if (\n context.auth.isLoggedIn() &&\n currentUser.current_profile &&\n profile &&\n currentUser.current_profile.id === profile.id\n ) {\n profileIsCurrentUser = true;\n }\n\n useEffect(() => {\n getProcedures(user.profile_id, (data) => {\n setProcedures(data);\n });\n }, []);\n\n useEffect(() => {\n if (tab === 'current') {\n setRecovered(false);\n } else {\n setRecovered(true);\n }\n }, [tab]);\n\n return (\n \n
\n )}\n \n
\n \n
\n removeProcedure(procedure.id)} className={`${styles.icon_col} col`}>\n
\n \n
\n );\n}\n","import React, { useState, useEffect, useContext } from 'react';\nimport styles from './index.module.css';\nimport CheckboxWLabel from '../../../../ui_kit/utilities/checkbox_w_label';\nimport RequestButton from '../../../../ui_kit/utilities/request_button';\nimport SelectSearch from '../../../../ui_kit/inputs/select_search';\nimport Context from '../../../../../utils/context';\nimport { successToast } from '../../../../ui_kit/utilities/success_toast';\nimport ErrorMessage from '../../../../ui_kit/utilities/error_message';\nimport { addNewCondition } from '../../../../../api/profiles';\nimport { createActivity } from '../../../../../api/activities';\n\nexport default function AddCondition({ recovered = false, setConditions, setAddCondition, conditions }) {\n const [isPrivate, setIsPrivate] = useState(false);\n const [chosenCondition, setChosenCondition] = useState('');\n const [show, setShow] = useState(false);\n const context = useContext(Context);\n let isMobile = context.viewport.getIsMobile();\n\n let selectableConditions = [\n 'Acid Reflux',\n 'Anemia',\n 'Arthritis',\n 'COPD',\n 'Diabetes',\n 'Heart Disease',\n 'High Blood Pressure',\n 'High Cholesterol ',\n 'PCOS',\n 'Pre-diabetic',\n 'Sleep Apnea',\n ];\n\n useEffect(() => {\n setShow(true);\n }, []);\n\n const addCondition = (afterAction) => {\n addNewCondition(\n {\n id: context.auth.getCurrentUser().profile_id,\n condition: chosenCondition,\n private: isPrivate,\n recovered: recovered,\n },\n (data) => {\n setConditions(data);\n setAddCondition(false);\n successToast('New condition added.');\n createActivity('Activity::EditProfile', { fields: 'add_condition' });\n afterAction();\n }\n );\n };\n\n return (\n \n setAddProcedure(!addProcedure)}\n style={{ marginLeft: 'auto' }}\n >\n
\n {addProcedure && (\n Procedures/Treatments
\n {profileIsCurrentUser && (\n\n \n Cancel\n \n \n Add procedure\n \n
\n \n )}\n \n
\n )}\n \n {procedures.filter((procedure) => procedure.recovered == recovered).length > 0 ? (\n <>\n {procedures\n .filter((procedure) => procedure.recovered == recovered)\n .map((procedure, i) => (\n
\n \n procedure.recovered == recovered)\n .findIndex((p) => p.id == procedure.id)}\n setProcedures={setProcedures}\n procedures={procedures}\n profileIsCurrentUser={profileIsCurrentUser}\n />\n {procedures\n .filter((procedure) => procedure.recovered == recovered)\n .findIndex((p) => p.id == procedure.id) !==\n procedures.filter((procedure) => procedure.recovered == recovered).length - 1 &&
\n ))}\n \n ) : (\n No procedures added yet
\n )}\n\n
\n );\n}\n","import React, { useState, useRef } from 'react';\nimport styles from './index.module.css';\nimport { useClickAway } from 'react-use';\nimport parentstyles from '../../index.module.css';\nimport { deleteCondition, updateCondition } from '../../../../api/profiles';\nimport { successToast } from '../../../ui_kit/utilities/success_toast';\nimport { createActivity } from '../../../../api/activities';\n\nexport default function ConditionRow({ user, condition, i, setConditions, conditions, profileIsCurrentUser }) {\n const [showOptions, setShowOptions] = useState(false);\n const ref = useRef(null);\n useClickAway(ref, () => {\n setShowOptions(false);\n });\n\n const removeCondition = () => {\n deleteCondition(user.profile_id, condition.id, (data) => {\n setConditions(conditions.filter((condition) => condition.id !== data.success.id));\n setShowOptions(false);\n createActivity('Activity::EditProfile', { fields: 'remove_condition' });\n successToast('Condition successfully removed.');\n });\n };\n\n const editVisibility = () => {\n updateCondition(user.profile_id, condition.id, { private: !condition.private }, (data) => {\n setConditions(data);\n // successToast('Condition visibility successfully edited.')\n });\n };\n\n return (\n \n addCondition(afterAction)}\n disabled={chosenCondition === '' || conditions.some((c) => c.condition === chosenCondition)}\n />\n c.condition === chosenCondition) ? 'Condition already added to your profile' : ''\n }\n />\n
\n \n
\n condition type
\n\n
\n Visibility
\n{condition.condition}
\n {profileIsCurrentUser && (\n\n setShowOptions(!showOptions)}\n src='https://patientpartner-images2.s3.us-west-1.amazonaws.com/website/newsfeed/icon+3/Vector.svg'\n />\n {showOptions && (\n
\n \n )}\n \n );\n}\n","import React, { useState, useEffect, useContext } from 'react';\nimport Context from '../../../../utils/context';\nimport GhostButton from '../../../ui_kit/utilities/ghost_button';\nimport styles from './index.module.css';\nimport parentstyles from '../../index.module.css';\nimport AddCondition from './add_condition';\nimport Divider from '../../../ui_kit/utilities/divider';\nimport { getConditions } from '../../../../api/profiles';\nimport ConditionRow from './condition_row';\n\nexport default function ProfileConditions({ user, tab = 'current' }) {\n const context = useContext(Context);\n const currentUser = context.auth.getCurrentUser();\n const [addCondition, setAddCondition] = useState(false);\n const [profile, setProfile] = useState(user.current_profile);\n const [conditions, setConditions] = useState([]);\n const [recovered, setRecovered] = useState(false);\n\n let profileIsCurrentUser = false;\n if (\n context.auth.isLoggedIn() &&\n currentUser.current_profile &&\n profile &&\n currentUser.current_profile.id === profile.id\n ) {\n profileIsCurrentUser = true;\n }\n\n useEffect(() => {\n getConditions(user.profile_id, (data) => {\n setConditions(data);\n });\n }, []);\n\n useEffect(() => {\n if (tab === 'current') {\n setRecovered(false);\n } else {\n setRecovered(true);\n }\n }, [tab]);\n\n return (\n \n
\n )}\n \n
\n \n
\n removeCondition(condition.id)} className={`${styles.icon_col} col`}>\n
\n \n
\n );\n}\n","import React from 'react';\nimport ProfileProcedures from './procedures';\nimport ProfileConditions from './conditions';\nimport styles from './index.module.css';\nimport { Link, useLocation } from 'react-router-dom';\n\nexport default function HealthProfile({ user }) {\n const useQuery = () => {\n const { search } = useLocation();\n return React.useMemo(() => new URLSearchParams(search), [search]);\n };\n\n let query = useQuery().get('type');\n if (query === null) {\n query = 'current';\n }\n\n return (\n <>\n \n setAddCondition(!addCondition)}\n style={{ marginLeft: 'auto' }}\n >\n
\n {addCondition && (\n Conditions
\n {profileIsCurrentUser && (\n\n \n Cancel\n \n \n Add condition\n \n
\n \n )}\n \n
\n )}\n \n {conditions.filter((condition) => condition.recovered == recovered).length > 0 ? (\n <>\n {conditions\n .filter((condition) => condition.recovered == recovered)\n .map((condition, i) => (\n
\n \n condition.recovered == recovered)\n .findIndex((p) => p.id == condition.id)}\n setConditions={setConditions}\n conditions={conditions}\n profileIsCurrentUser={profileIsCurrentUser}\n />\n {conditions\n .filter((condition) => condition.recovered == recovered)\n .findIndex((p) => p.id == condition.id) !==\n conditions.filter((condition) => condition.recovered == recovered).length - 1 &&
\n ))}\n \n ) : (\n No conditions added yet
\n )}\n\n \n \n Current\n \n \n \n \n Recovered\n \n \n
\n \n {profile.bio != null && (\n <>\n ScrollTo('#bio', 100) : null}\n style={{ marginTop: '10px', textAlign: 'center', display: 'block' }}\n >\n See full bio\n \n \n
\n )}\n \n );\n}\n","import React, { useContext, useState, useEffect } from 'react';\nimport { Link, useHistory, useLocation } from 'react-router-dom';\nimport ClickToSee from '../ui_kit/utilities/click_to_see';\nimport SimpleAvatar from '../ui_kit/utilities/simple_avatar';\nimport Context from '../../utils/context';\nimport { isObjEmpty } from '../../helpers';\nimport { getNotifications, markEverythingAsRead, updateNotification } from '../../api/notifications';\nimport styles from './index.module.css';\nimport NoNotifications from '../header/no_notifications';\nimport Divider from '../ui_kit/utilities/divider';\nimport ScrollTo from '../scroll_to';\n\nexport default function Notifications() {\n const context = useContext(Context);\n const actioncable = context.actioncable;\n\n const currentUser = context.auth.getCurrentUser();\n if (isObjEmpty(currentUser.current_profile)) {\n return <>;\n }\n\n if (!currentUser.profile_id) {\n return <>;\n }\n\n const [unreadNotificationCount, setUnreadNotificationCount] = useState(\n context.auth.isLoggedIn() && context.auth.getCurrentUser().current_profile.unread_notification_count\n );\n\n const onReceived = (data) => {\n if (data.type === 'unread_notification_count') {\n context.auth.setUnreadNotificationCount(data.value);\n setUnreadNotificationCount(data.value);\n }\n };\n\n useEffect(() => {\n loadNotifications();\n\n let subscriptionId = null;\n if (context.auth.isLoggedIn()) {\n subscriptionId = actioncable.subscribe(\n 'ProfileChannel',\n { id: context.auth.getCurrentUser().profile_id },\n onReceived\n );\n }\n\n return () => {\n if (subscriptionId) {\n actioncable.unsubscribe(subscriptionId);\n }\n };\n }, []);\n\n const [loadingNotifications, setLoadingNotifications] = useState(false);\n const [notifications, setNotifications] = useState([]);\n\n const loadNotifications = () => {\n setLoadingNotifications(true);\n getNotifications((data) => {\n setNotifications(data);\n setLoadingNotifications(false);\n });\n };\n\n const markEverythingAsReadClick = () => {\n markEverythingAsRead();\n const newNotifications = notifications.map((notification) => {\n return {\n ...notification,\n read: true,\n };\n });\n\n setNotifications(newNotifications);\n };\n\n const notificationOnClick = (notification) => () => {\n const newNotifications = notifications.map((n) => {\n if (n.id === notification.id) {\n return {\n ...n,\n read: true,\n };\n }\n return n;\n });\n updateNotification(notification.id, { read: true });\n setNotifications(newNotifications);\n };\n\n if (!context.auth.isLoggedIn()) {\n return <>;\n }\n\n let scrollto = new URLSearchParams(window.location.search).get('scrollto');\n if (document.querySelector('#scrollto') && scrollto && scrollto.toString() === 'true') {\n ScrollTo('#scrollto');\n }\n\n const renderNotification = (notification, i) => {\n return (\n About me
\n{profile.bio}
\n \nCurrent Procedures/Treatments
\n {currentProcedures.map((cond, i) => (\n\n {cond}\n
\n ))}\n \n )}\n {pastProcedures.length > 0 && (\n <>\n\n Past procedures\n
\n {pastProcedures.map((cond, i) => (\n\n {cond}\n
\n ))}\n \n )}\n\n
\n {i !== notifications.length - 1 && \n
\n \n \n {notification.num_other_distinct_users >= 1 ? (\n
\n \n {notification.action_profile.display_name} \n and {notification.num_other_distinct_users}{' '}\n {notification.num_other_distinct_users == 1 ? <>other : <> others }\n {notification.action_phrase} \"{notification.gist}\"\n
\n ) : (\n\n {notification.action_profile.display_name} \n {notification.action_phrase} \"{notification.gist}\"\n
\n )}\n{notification.last_notified_at}
\n \n \n
\n );\n}\n","import React, { useContext, useEffect, useState } from 'react';\nimport { Route, Switch, Redirect, useRouteMatch, useParams, useLocation } from 'react-router-dom';\nimport { getUser } from './../../api/users';\nimport ProfilePanel from './profile_panel/index';\nimport styles from './index.module.css';\nimport LoadingScreen from '../loading_screen';\nimport NotFoundPage from '../not_found_page';\nimport SimpleSlidingMenu from '../ui_kit/utilities/simple_sliding_menu';\nimport Context from '../../utils/context';\nimport About from './about_me_sections/about';\nimport PersonalInformation from './about_me_sections/personal_information';\nimport HealthProfile from './health_profile';\nimport ProfileProcedures from './health_profile/procedures';\nimport AboutMe from './profile_panel/profile_panel_sections/about_me';\nimport Notifications from '../notifications';\n\nexport default function Profile() {\n const context = useContext(Context);\n const currentUser = context.auth.getCurrentUser();\n let { id } = useParams();\n const [user, setUser] = useState();\n const [loading, setLoading] = useState(false);\n const [notFound, setNotFound] = useState(false);\n let { path } = useRouteMatch();\n path = path.replace(`:id`, id);\n\n let menuItems = [\n {\n linkText: 'About me',\n idToScrollTo: 'about-me',\n href: `${path}/about-me`,\n pendoTag: 'profile page navigation - about me',\n },\n {\n linkText: 'Health profile',\n idToScrollTo: 'health-profile',\n href: `${path}/health-profile`,\n pendoTag: 'profile page navigation - health profile',\n },\n ];\n\n useEffect(() => {\n setLoading(true);\n getUser(id, (user) => {\n setUser(user);\n if (!user) {\n setNotFound(true);\n return \n Activity {unreadNotificationCount > 0 && {unreadNotificationCount}}\n
\n\n {loadingNotifications &&
\n Loading
}\n {!loadingNotifications && (\n <>\n {notifications.length === 0 ? (\n \n
\n ) : (\n notifications.map(renderNotification)\n )}\n \n )}\n \n
\n );\n}\n","import React, { useState, useContext } from 'react';\nimport styles from './index.module.css';\nimport Context from '../../../utils/context';\nimport { useIntersection } from 'react-use';\nimport ScrollTrigger from '../../ui_kit/utilities/scroll_trigger';\n\nexport default function ImgLeftTextRightSimple({\n headline = 'Your partner through surgery',\n para = 'Join a community of similar patients and verified doctors to support you every step of the way.',\n img = 'https://patientpartner-images2.s3.us-west-1.amazonaws.com/website/patient_partner_hero_a.jpg',\n margBottom,\n bg = '#f1feff',\n headlineColor = '#314D69',\n marginTopPhotoMobile = '0px',\n actionContent = (\n \n ),\n headlineType = 'h1',\n}) {\n const context = useContext(Context);\n const isMobile = context.viewport.getIsMobile();\n const [animateLeft, setAnimateLeft] = useState(false);\n const [animateRight, setAnimateRight] = useState(false);\n\n return (\n \n
\n \n
\n \n {user.current_profile &&
\n \n \n \n \n \n \n \n \n \n \n \n \n {\n return \n
\n Community
\nLibrary
\n\n
\n \n );\n}\n","import React, { useState, useEffect } from 'react';\nimport VideoType2 from '../video_type_2';\nimport styles from './index.module.css';\nimport { useIntersection } from 'react-use';\nimport ScrollTrigger from '../../ui_kit/utilities/scroll_trigger';\n\nexport default function SingleVideoCenteredWDecor({\n title = 'How PatientPartner can help you',\n videoBg = 'https://patientpartner-images2.s3.us-west-1.amazonaws.com/website/forsurgeons-thunmbnail.jpg',\n videoLink = 'https://www.youtube.com/watch?v=APzRUnur-Sw',\n gtm = 'Home Video Watch',\n bgColor = '#fff',\n para = '',\n}) {\n const [animate, setAnimate] = useState(false);\n\n return (\n \n
\n \n
\n \n setAnimateLeft(true)} />\n \n
\n \n \n \n {headline}\n \n setAnimateRight(true)} />\n
\n {para}
\n {actionContent}\n\n
\n \n \n );\n}\n","import { connect } from 'react-redux';\nimport { updateAnswersAction, setQuestionnaireStateAction } from '../../actions/home';\nimport Home from '../../components/home';\n\nconst mapStateToProps = (state) => state;\n\nconst mapDispatchToProps = (dispatch) => ({\n updateAnswersAction: (item) => dispatch(updateAnswersAction(item)),\n setQuestionnaireStateAction: (item) => dispatch(setQuestionnaireStateAction(item)),\n});\n\nexport default connect(mapStateToProps, mapDispatchToProps)(Home);\n","import React, { useContext } from 'react';\nimport { Link } from 'react-router-dom';\nimport FeaturedInMedia from '../featured_in_media';\nimport ImgLeftTextRightSimple from '../hero_sections/img_left_text_right_simple';\nimport ImgRightTextLeftSimple from '../hero_sections/img_right_text_left_simple';\nimport ImgRightTextLeft from '../hero_sections/img_right_text_left';\nimport TwoTestimonials from '../two_testimonials';\nimport styles from './index.module.css';\nimport SingleVideoCenteredWDecor from '../video_sections/single_video_centered_w_decor';\nimport WaveSeparator from '../ui_kit/utilities/wave_separator';\nimport JoinFooter from '../join_footer';\nimport Context from '../../utils/context';\n\nexport default function Home({ updateAnswersAction }) {\n const context = useContext(Context);\n const isMobile = context.viewport.getIsMobile();\n\n return (\n \n \n
\n \n \n \n \n
\n {title}
\n{para}
\n\n \n setAnimate(true)} />\n
\n \n }\n headlineType='h2'\n />\n \n \n \n }\n />\n \n \n Take our quiz to find a mentor who's been through a similar journey, ensuring the perfect match for you!\n \n \n Meet the mentor you've been matched with and send them a message to introduce yourself and ask questions.\n \n \n Ask questions, gain insights from their experiences, and get support from someone dedicated to guiding you\n every step of the way.\n \n \n }\n actionContent={\n \n \n \n }\n />\n \n \n Provide new patients with guidance from an experienced patient who's already familiar with your therapy.\n \n \n Build your company and brand's reputation as the trusted patient leader for your disease state.\n \n \n Gain actionable insights into real patient sentiment towards your treatments, allowing you to better\n understand your patient population.\n \n
\n );\n}\n","import React, { Suspense, useContext } from 'react';\nimport Context from './../../utils/context';\nimport TextLeftImgRightWbg from './../hero_sections/txt_left_img_right_wbg';\nimport ImgLeftTextRight from './../hero_sections/img_left_text_right';\nimport TwoTestimonials from './../two_testimonials';\nimport HowItWorks from './../hero_sections/how_it_works';\nimport { autofocusAll } from './../../helpers';\nimport ImgRightTextLeftSimple from '../hero_sections/img_right_text_left_simple';\nimport styles from './index.module.css';\nimport FAQs from '../ui_kit/utilities/faqs';\nconst UterineFibroidsQuestionnaire = React.lazy(() => import('../questionnaire/uterine_fibroids/index.jsx'));\n\nexport default function UterineFibroids({\n home,\n updateAnswersAction,\n setPatientPartnerQuestionnaireProgress,\n setContactIdAction,\n setPatientPartners,\n}) {\n const context = useContext(Context);\n const viewport = context.viewport;\n const isMobile = viewport.getIsMobile();\n\n const scrollToQuestionnaire = () => {\n document.querySelector('#questionnaire').scrollIntoView({\n behavior: 'smooth',\n });\n const timer = setTimeout(() => {\n autofocusAll();\n }, 1000);\n return () => clearTimeout(timer);\n };\n\n React.useEffect(() => {\n if (new URLSearchParams(window.location.search).get('scrollTo')) {\n const timer = setTimeout(() => {\n scrollToQuestionnaire();\n }, 1000);\n return () => clearTimeout(timer);\n }\n }, []);\n\n React.useEffect(() => {\n if (new URLSearchParams(window.location.search).get('contact_id')) {\n const timer = setTimeout(() => {\n document.querySelector('#questionnaire').scrollIntoView({\n behavior: 'smooth',\n });\n }, 100);\n return () => clearTimeout(timer);\n }\n }, []);\n\n return (\n \n \n Learn how this became the most successful patient marketing and services tool for our industry partners.\n \n
\n \n }\n actionContent={\n \n }\n />\n\n Learn about fibroids and treatment options}\n para={'Suffering from heavy periods or other fibroid symptoms? Take our quiz to see how you can find relief.'}\n bg={'https://patientpartner-images2.s3.us-west-1.amazonaws.com/website/fibrosis/fibroidshero3.png'}\n actionContent={\n \n
\n \n \n Get started\n \n
\n }\n imgOffset={false}\n topOfIcon={isMobile ? '65%' : '75%'}\n leftOfIcon={isMobile ? '10%' : '5%'}\n heightOfImage={isMobile && '300px'}\n iconContent={\n \n }\n imgShadow={false}\n thoseDots={'https://patientpartner-images2.s3.us-west-1.amazonaws.com/website/spine/hero---dots.svg'}\n dotStyles={\n isMobile\n ? { maxWidth: '76px', top: '45px', right: '25px', zIndex: '1' }\n : { maxWidth: '136px', top: '120px', right: '-90px', zIndex: '1' }\n }\n mobileBackgroundSize='contain'\n bgColor='#F1FEFF'\n />\n \n
\n \n
\n \n \n Most women with abnormal uterine bleeding don't realize it's a symptom of uterine fibroids, which 80% of\n women will develop by the age of 50.1 Stop suffering and find relief today!\n \n
\n \n \n \n Find a specialist\n \n
\n }\n actionContent={<>}\n rowReverse={isMobile}\n />\n \n Have you heard about the Acessa® procedure?
\n- \n
- Minimally invasive and uterine sparing \n
- \n Most women return to work in 4-5 days 2\n \n
- \n 98% of women in the clinical study recommended Acessa procedure3\n \n
- Covered by most insurances \n
\n Interested in finding a specialist near you who has experience with the Acessa procedure? Click below to\n get started.\n
\n\n *As with any medical procedure, there are potential risks to consider. Only you and your surgeon should\n decide if Acessa is right for you.\n
\n\n \n \n Find a specialist\n \n
\n }\n actionContent={<>}\n />\n \n We find the best care for you:
\n- \n
- Find a specialist who accepts your insurance. \n
- Instantly request an appointment. \n
- Privately talk to your doctor’s past patients who found relief from similar symptoms. \n
,\n headline: 'Tell us about yourself',\n para: 'Take a short quiz to understand what your symptoms are trying to tell you.',\n },\n {\n image: ,\n headline: 'Request an appointment',\n para: \"We'll find a specialist in your area who accepts your insurance. You can instantly request a consultation.\",\n },\n {\n image: ,\n headline: 'Get support and advice',\n para: \"You will also have access to privately talk to your doctor's past patients who found relief from similar symptoms.\",\n },\n ]}\n paraColor={'#232323'}\n />\n\n \n
\n \n \n loading}>\n \n
\n \n
\n \n );\n}\n","import { connect } from 'react-redux';\nimport {\n setContactIdAction,\n updateAnswersAction,\n setPatientPartnerQuestionnaireProgress,\n setPatientPartners,\n} from './../../actions/home';\nimport UterineFibroids from '../../components/uterine_fibroids';\n\nconst mapStateToProps = (state) => state;\n\nconst mapDispatchToProps = (dispatch) => ({\n updateAnswersAction: (item) => dispatch(updateAnswersAction(item)),\n setContactIdAction: (item) => dispatch(setContactIdAction(item)),\n setPatientPartnerQuestionnaireProgress: (item) => dispatch(setPatientPartnerQuestionnaireProgress(item)),\n setPatientPartners: (item) => dispatch(setPatientPartners(item)),\n});\n\nexport default connect(mapStateToProps, mapDispatchToProps)(UterineFibroids);\n","import React, { Suspense, useContext } from 'react';\nimport Context from './../../utils/context';\nimport TextLeftImgRightWbg from './../hero_sections/txt_left_img_right_wbg';\nimport ImgLeftTextRight from './../hero_sections/img_left_text_right';\nimport TwoTestimonials from './../two_testimonials';\nimport HowItWorks from './../hero_sections/how_it_works';\nimport styles from './index.module.css';\nconst XcopriQuestionnaire = React.lazy(() => import('../questionnaire/xcopri/index.jsx'));\n\nexport default function Xcopri({}) {\n const context = useContext(Context);\n const viewport = context.viewport;\n const isMobile = viewport.getIsMobile();\n\n const scrollFunc = () => {\n const element = document.getElementById('questionnaire-scroll-to');\n if (element) {\n const y = element.getBoundingClientRect().top + window.pageYOffset + 50;\n window.scrollTo({\n top: y,\n behavior: 'smooth',\n });\n }\n };\n\n const scrollToQuestionnaire = () => {\n const timer = setTimeout(scrollFunc, 500);\n return () => clearTimeout(timer);\n };\n\n React.useEffect(() => {\n if (new URLSearchParams(window.location.search).get('scrollTo')) {\n const timer = setTimeout(() => {\n scrollToQuestionnaire();\n }, 1000);\n return () => clearTimeout(timer);\n }\n }, []);\n\n React.useEffect(() => {\n if (new URLSearchParams(window.location.search).get('contact_id')) {\n const timer = setTimeout(() => {\n document.querySelector('#questionnaire').scrollIntoView({\n behavior: 'smooth',\n });\n }, 100);\n return () => clearTimeout(timer);\n }\n }, []);\n\n return (\n \n
\n \n References:,\n content: (\n
\n - \n
- \n Uterine Fibroid Fact Sheet. Office on Women’s Health. U.S. Department of Health & Human\n Services. https://www.womenshealth.gov/a-z-topics/uterine-fibroids. Accessed February 20, 2019.\n \n
- \n SG Chudnoff, et al. Outpatient Procedure for the Treatment and Relief of Symptomatic Uterine\n Myomas. Obstetrics and Gynecology, 2013;121(5):1075–82.\n \n
- \n SG Chudnoff, et al. Outpatient Procedure for the Treatment and Relief of Symptomatic Uterine\n Myomas. Obstetrics and Gynecology, 2013;121(5):1075–82.\n \n
\n \n \n
\n \n Want to learn more about XCOPRI\n ®{' '}\n (cenobamate tablets) CV?\n
\n\n Talk with someone, similar to you, who understands what you’re going through.\n
\n\n \n Find my mentor\n \n
\n *Get matched with a mentor in under a minute.
\n \n }\n bg={'https://patientpartner-images2.s3.us-west-1.amazonaws.com/website/xcopriherobg.png'}\n imgOffset={true}\n topOfIcon={isMobile ? '65%' : '75%'}\n leftOfIcon={isMobile ? '10%' : '5%'}\n heightOfImage={isMobile && '350px'}\n iconContent={<>}\n imgShadow={false}\n thoseDots={null}\n dotStyles={\n isMobile\n ? { maxWidth: '76px', top: '45px', right: '25px', zIndex: '1' }\n : { maxWidth: '136px', top: '120px', right: '-90px', zIndex: '1' }\n }\n mobileBackgroundSize='contain'\n bgColor='#F1FEFF'\n background={`linear-gradient(to right, rgba(133, 90, 214, 0.85) 0%, rgba(253, 13, 151, 0.79) 51%, rgba(0, 99, 249, 0.73) 100%)`}\n />\n\n\n
\n \n
\n \n
\n \n Privately talk to someone who wanted more from their treatment, whether you’re a patient or a caregiver.\n Get more insight and let it inspire you to chat with your doctor about XCOPRI.\n
\n\n 
\n ),\n headline: 'Message your mentor',\n para: 'Meet the mentor you’ve been matched with and send them a message to introduce yourself and ask questions.',\n },\n {\n image: (\n 
\n ),\n headline: 'Get support and advice',\n para: 'Gain an advocate who understands your experiences and can offer guidance as you navigate your journey.',\n },\n ]}\n paraColor={'#232323'}\n />\n
\n \n ),\n headline: 'Message your mentor',\n para: 'Meet the mentor you’ve been matched with and send them a message to introduce yourself and ask questions.',\n },\n {\n image: (\n \n ),\n headline: 'Get support and advice',\n para: 'Gain an advocate who understands your experiences and can offer guidance as you navigate your journey.',\n },\n ]}\n paraColor={'#232323'}\n />\n \n
\n \n )}\n \n loading}>\n \n
\n \n
\n \n );\n}\n","import { connect } from 'react-redux';\nimport {\n setContactIdAction,\n updateAnswersAction,\n setPatientPartnerQuestionnaireProgress,\n setPatientPartners,\n} from './../../actions/home';\nimport Xcopri from '../../components/xcopri';\n\nconst mapStateToProps = (state) => state;\n\nconst mapDispatchToProps = (dispatch) => ({\n updateAnswersAction: (item) => dispatch(updateAnswersAction(item)),\n setContactIdAction: (item) => dispatch(setContactIdAction(item)),\n setPatientPartnerQuestionnaireProgress: (item) => dispatch(setPatientPartnerQuestionnaireProgress(item)),\n setPatientPartners: (item) => dispatch(setPatientPartners(item)),\n});\n\nexport default connect(mapStateToProps, mapDispatchToProps)(Xcopri);\n","import { connect } from 'react-redux';\nimport {\n setContactIdAction,\n updateAnswersAction,\n setPatientPartnerQuestionnaireProgress,\n setPatientPartners,\n} from '../../../actions/home';\nimport MentorMatchNybg from '../../../components/mentor_match/nybg';\n\nconst mapStateToProps = (state) => state;\n\nconst mapDispatchToProps = (dispatch) => ({\n updateAnswersAction: (item) => dispatch(updateAnswersAction(item)),\n setContactIdAction: (item) => dispatch(setContactIdAction(item)),\n setPatientPartnerQuestionnaireProgress: (item) => dispatch(setPatientPartnerQuestionnaireProgress(item)),\n setPatientPartners: (item) => dispatch(setPatientPartners(item)),\n});\n\nexport default connect(mapStateToProps, mapDispatchToProps)(MentorMatchNybg);\n","import React, { useState, useEffect, useContext, useRef } from 'react';\nimport { useHistory } from 'react-router-dom';\nimport Context from '../../../utils/context';\nimport TextLeftImgRightWbg from '../../hero_sections/txt_left_img_right_wbg';\nimport ImgLeftTextRight from '../../hero_sections/img_left_text_right';\nimport TwoTestimonials from '../../two_testimonials';\nimport HowItWorks from '../../hero_sections/how_it_works';\nimport { autofocusAll } from '../../../helpers';\nimport ImgRightTextLeftSimple from '../../hero_sections/img_right_text_left_simple';\nimport styles from './index.module.css';\nimport FAQs from '../../ui_kit/utilities/faqs';\nimport SignUp from '../../sign_up';\nimport LoadingScreen from '../../loading_screen';\nimport { createSurgeonReferredMentorMatch } from '../../../api/surgeon_referred_mentor_matches';\nimport { getSurgeon } from '../../../api/surgeons';\n\nexport default function MentorMatchNybg({\n home,\n updateAnswersAction,\n setPatientPartnerQuestionnaireProgress,\n setContactIdAction,\n setPatientPartners,\n}) {\n const context = useContext(Context);\n const viewport = context.viewport;\n const isMobile = viewport.getIsMobile();\n const [view, setView] = useState('loading');\n const [surgeon, setSurgeon] = useState();\n const utm_source = useRef(new URLSearchParams(window.location.search).get('utm_source'));\n const history = useHistory();\n\n const scrollToQuestionnaire = () => {\n document.querySelector('#questionnaire').scrollIntoView({\n behavior: 'smooth',\n });\n const timer = setTimeout(() => {\n autofocusAll();\n }, 1000);\n return () => clearTimeout(timer);\n };\n\n useEffect(() => {\n getSurgeon('new-york-bariatric-group', (data) => {\n setSurgeon(data);\n setView('loaded');\n });\n }, []);\n\n React.useEffect(() => {\n if (new URLSearchParams(window.location.search).get('contact_id')) {\n const timer = setTimeout(() => {\n document.querySelector('#questionnaire').scrollIntoView({\n behavior: 'smooth',\n });\n }, 100);\n return () => clearTimeout(timer);\n }\n }, []);\n\n const createAndRedirect = () => {\n createSurgeonReferredMentorMatch(\n {\n surgeon_id: surgeon.id,\n surgery: null,\n ...(utm_source.current === 'SurgeonPatientLead' &&\n uuid.current !== null && { surgeon_patient_lead: uuid.current }),\n },\n (match) => {\n history.push(`/member/surgeon-mentor-matches/${match.uuid}/pre-survey`);\n }\n );\n };\n\n return (\n \n
\n \n
\n \n IMPORTANT SAFETY INFORMATION and INDICATION for XCOPRI® (cenobamate tablets) CV\n
\n\n INDICATION:\n
\n\n XCOPRI is a prescription medicine used to treat partial-onset seizures in adults 18 years of age and\n older.\n
\n\n It is not known if XCOPRI is safe and effective in children under 18 years of age.\n
\n\n DO NOT TAKE XCOPRI IF YOU:\n
\n
- \n
- \n Are allergic to cenobamate or any of the other ingredients in XCOPRI.\n \n
- \n Have a genetic problem (called Familial Short QT syndrome) that affects the electrical system of the\n heart.\n \n
\n XCOPRI CAN CAUSE SERIOUS SIDE EFFECTS, INCLUDING:\n
\n \n Allergic reactions: XCOPRI can cause serious skin rash or other serious allergic reactions which may\n affect organs and other parts of your body like the liver or blood cells.\n {' '}\n You may or may not have a rash with these types of reactions. Call your healthcare provider right away and\n go to the nearest emergency room if you have any of the following: swelling of your face, eyes, lips, or\n tongue, trouble swallowing or breathing, a skin rash, hives, fever, swollen glands, or sore throat that\n does not go away or comes and goes, painful sores in the mouth or around your eyes, yellowing of your skin\n or eyes, unusual bruising or bleeding, severe fatigue or weakness, severe muscle pain, frequent\n infections, or infections that do not go away.{' '}\n \n Take XCOPRI exactly as your healthcare provider tells you to take it. It is very important to increase\n your dose of XCOPRI slowly, as instructed by your healthcare provider.\n \n
\n QT shortening: XCOPRI may cause problems with the electrical system of the heart (QT shortening).{' '}\n Call your healthcare provider if you have symptoms of QT shortening including fast heartbeat (heart\n palpitations) that last a long time or fainting.\n
\n\n Suicidal behavior and ideation: Antiepileptic drugs, including XCOPRI, may cause suicidal thoughts\n or actions in a very small number of people, about 1 in 500. Call your health care provider right away if\n you have any of the following symptoms, especially if they are new, worse, or worry you: thoughts about\n suicide or dying; attempting to commit suicide; new or worse depression, anxiety, or irritability; feeling\n agitated or restless; panic attacks; trouble sleeping (insomnia); acting aggressive; being angry or\n violent; acting on dangerous impulses; an extreme increase in activity and talking (mania); or other\n unusual changes in behavior or mood.\n
\n\n Nervous system problems: XCOPRI may cause problems that affect your nervous system. Symptoms of\n nervous system problems include: dizziness, trouble walking or with coordination, feeling sleepy and\n tired, trouble concentrating, remembering, and thinking clearly, and vision problems.{' '}\n \n Do not drive, operate heavy machinery, or do other dangerous activities until you know how XCOPRI\n affects you.\n \n
\n\n \n Do not drink alcohol or take other medicines that can make you sleepy or dizzy while taking XCOPRI\n without first talking to your healthcare provider.\n \n
\n\n DISCONTINUATION:\n
\n Do not stop taking XCOPRI without first talking to your healthcare provider. Stopping XCOPRI\n suddenly can cause serious problems. Stopping seizure medicine suddenly in a patient who has epilepsy can\n cause seizures that will not stop (status epilepticus).\n
\n DRUG INTERACTIONS:\n
\n XCOPRI may affect the way other medicines work, and other medicines may affect how XCOPRI works.{' '}\n Do not start or stop other medicines without talking to your healthcare provider. Tell healthcare\n providers about all the medicines you take, including prescription and over-the-counter medicines,\n vitamins and herbal supplements.\n
\n PREGNANCY AND LACTATION:XCOPRI may cause your birth control medicine to be less effective.{' '}\n Talk to your health care provider about the best birth control method to use.\n
\n\n Talk to your health care provider if you are pregnant or plan to become pregnant. It is not known\n if XCOPRI will harm your unborn baby. Tell your healthcare provider right away if you become pregnant\n while taking XCOPRI. You and your healthcare provider will decide if you should take XCOPRI while you are\n pregnant. If you become pregnant while taking XCOPRI, talk to your healthcare provider about registering\n with the North American Antiepileptic Drug (NAAED) Pregnancy Registry. The purpose of this registry is to\n collect information about the safety of antiepileptic medicine during pregnancy. You can enroll in this\n registry by calling 1‑888‑233‑2334 or go to{' '}\n \n www.aedpregnancyregistry.org\n \n
\n\n Talk to your health care provider if you are breastfeeding or plan to breastfeed. It is not known\n if XCOPRI passes into breastmilk. Talk to your healthcare provider about the best way to feed your baby\n while taking XCOPRI.\n
\n\n COMMON SIDE EFFECTS:\n
\n The most common side effects in patients taking XCOPRI include dizziness, sleepiness, headache, double\n vision, and feeling tired.\n
\n These are not all the possible side effects of XCOPRI. Tell your healthcare provider if you have any side\n effect that bothers you or that does not go away. For more information, ask your healthcare provider or\n pharmacist.{' '}\n \n Call your doctor for medical advice about side effects. You may report side effects to FDA at\n 1‑800‑FDA‑1088\n {' '}\n or at{' '}\n \n www.fda.gov/medwatch.\n \n
\n\n DRUG ABUSE:\n
\n XCOPRI is a federally controlled substance (CV) because it can be abused or lead to dependence. Keep\n XCOPRI in a safe place to prevent misuse and abuse. Selling or giving away XCOPRI may harm others and is\n against the law.\n
\n Please see additional patient information in the{' '}\n \n Medication Guide\n {' '}\n This information does not take the place of talking with your healthcare provider about your condition or\n your treatment.\n
\n\n Please see full{' '}\n
\n Connect with your mentor}\n para={\n 'Connect with New York Bariatric Group’s recovered patients similar to you who understand what you’re going through for free!'\n }\n bg={'https://patientpartner-images2.s3.us-west-1.amazonaws.com/website/mentormatchnybghero2.jpg'}\n actionContent={\n \n
\n \n \n Get started\n \n
\n }\n imgOffset={false}\n topOfIcon={isMobile ? '65%' : '75%'}\n leftOfIcon={isMobile ? '10%' : '35%'}\n heightOfImage={isMobile && '300px'}\n iconContent={\n \n }\n imgShadow={false}\n thoseDots={'https://patientpartner-images2.s3.us-west-1.amazonaws.com/website/spine/hero---dots.svg'}\n dotStyles={\n isMobile\n ? { maxWidth: '76px', top: '45px', right: '25px', zIndex: '1' }\n : { maxWidth: '136px', top: '120px', right: '-90px', zIndex: '1' }\n }\n mobileBackgroundSize='contain'\n bgColor='#F1FEFF'\n />\n \n
\n \n
\n \n \n PatientPartner is a complimentary, private, and easy-to-use tool that allows you to ask questions and\n get more insight about the procedure from a New York Bariatric Group mentor, a past patient that went\n through a similar experience.\n \n
\n ,\n headline: 'Create your free account',\n para: 'On behalf of the New York Bariatric Group, you get complimentary access to PatientPartner.',\n },\n {\n image: ,\n headline: 'Message your mentor',\n para: 'Review the mentor you’ve been matched with and send them a message to introduce yourself and ask questions.',\n },\n {\n image: ,\n headline: 'Get support and advice',\n para: 'Ask questions about personal experiences and advice your doctor won’t be able to provide you.',\n },\n ]}\n paraColor={'#232323'}\n />\n \n
\n \n
\n \n );\n}\n","import React, { useContext } from 'react';\nimport styles from './index.module.css';\nimport Context from '../../../utils/context';\n\nexport default function VonjoIsi({}) {\n const context = useContext(Context);\n const isMobile = context.viewport.getIsMobile();\n\n return (\n \n
\n \n
\n \n
\n \n \n
\n \n {view === 'loading' &&
\n \n \n
\n );\n}\n","import React, { Component } from 'react';\nimport OptionsAndOther from '../../../../questionnaire/choose_an_option';\n\nexport default function MfUnderstanding({ value, onSubmit, onBack }) {\n return (\n \n
\n \n
\n \n
\n What is VONJO® (pacritinib)?
\n\n VONJO is a prescription medicine used to treat adults with certain types of myelofibrosis (MF) who have a\n platelet count below 50,000 per microliter. This indication is approved under accelerated approval based\n on spleen volume reduction. Continued approval for this indication may depend on proof and description of\n clinical benefit in a confirmatory trial(s).\n
\nIt is not known if VONJO is safe and works in children.
\n\n
\n Important Safety Information
\n\n\n Do not use VONJO if you are taking other medications that are strong CYP3A4 inhibitors or inducers\n
\n\n\n What are the serious side effects of VONJO?\n
\n\n\n Bleeding. VONJO can cause severe bleeding, which can be serious and, in some cases, may\n lead to death.\n
\n\n- \n
- \n \n {' '}\n Stop taking VONJO and tell your healthcare provider right away if you develop any of these symptoms:\n unusual bleeding, bruising, and fever.{' '}\n \n Get medical help right away for any bleeding that you cannot stop.\n \n
- \n You will need to stop taking VONJO 7 days before any planned surgery or invasive procedure (such as a\n heart catheterization, stent placement in a coronary artery in your heart, or a procedure for varicose\n veins). Your healthcare provider should tell you when you can start taking VONJO again\n \n
\n Diarrhea. Diarrhea is common with VONJO, but can be severe, and cause loss of too much\n body fluid (dehydration). Tell your healthcare provider if you have diarrhea and follow instructions for\n what to do to help treat diarrhea. Drink plenty of fluids to help prevent dehydration. Urgently seek\n emergency medical attention if diarrhea becomes severe.\n
\n\n\n Worsening low platelet counts.\n
\n\n\n Changes in the electrical activity of your heart called QTc prolongation. QTc\n prolongation can cause irregular heartbeats that can be life-threatening.{' '}\n Tell your healthcare provider right away if you feel dizzy, lightheaded, or faint.\n
\n\n\n \n Increased risk of major cardiovascular events such as heart attack, stroke, or death in people have\n happened, especially in those who have cardiovascular risk factors and who are current or past smokers\n {' '}\n taking another Janus associated kinase (JAK) inhibitor to treat rheumatoid arthritis.\n
\n\n\n \n Get emergency help right away if you have any symptoms of a heart attack or stroke during treatment with\n VONJO\n {' '}\n have happened in some people taking another Janus associated kinase (JAK) inhibitor to treat rheumatoid\n arthritis.{' '}\n \n Get emergency help right away if you have any symptoms of a heart attack or stroke while taking VONJO\n {' '}\n including: discomfort in the center of your chest that lasts for more than a few minutes, or that goes\n away and comes back; severe tightness, pain, pressure, or heaviness in your chest, throat, neck, or jaw;\n pain or discomfort in your arms, back, neck, jaw, or stomach; shortness of breath with or without chest\n discomfort; breaking out in a cold sweat; nausea or vomiting; feeling lightheaded; weakness in one part or\n on one side of your body; or slurred speech.\n
\n\n\n Increased risk of blood clots. Blood clots in the veins of your legs (deep vein\n thrombosis, DVT) or lungs (pulmonary embolism, PE) have happened in some people taking another JAK\n inhibitor for rheumatoid arthritis and may be life-threatening.\n
\n\n\n \n Tell your healthcare provider right away if you have any signs and symptoms of blood clots during\n treatment with VONJO,\n {' '}\n including: swelling, pain, or tenderness in one or both legs; sudden, unexplained chest pain; or shortness\n of breath/difficulty breathing.\n
\n\n\n Possible increased risk of new (secondary) cancers. People who take another JAK inhibitor\n for rheumatoid arthritis have an increased risk of new (secondary) cancers, including lymphoma and other\n cancers, except non-melanoma skin cancer. The risk of new cancers is further increased in people who smoke\n or have smoked in the past.\n
\n\n\n Risk of infection. People who have certain blood cancers and take another JAK inhibitor\n have an increased risk of serious infections. People who take VONJO may develop serious infections,\n including bacterial, mycobacterial, fungal, and viral infections. If you have a serious infection, your\n healthcare provider may not start you on VONJO until your infection is gone. Your healthcare provider will\n monitor you and treat you for any infections that you get during treatment with VONJO.\n
\n\n\n \n Tell your healthcare provider right away if you develop any of the following symptoms of infection:\n {' '}\n chills, aches, fever, nausea, vomiting, weakness, painful skin rash, or blisters.\n
\n\n\n Tell your healthcare provider about all the medicines you take, including prescription\n and over-the-counter medicines, vitamins, and herbal supplements and remedies. Taking VONJO with certain\n other medicines may affect the amount of VONJO or the other medicines in your blood and may increase your\n risk of side effects or affect how well VONJO works.\n
\n\n\n Especially tell your healthcare provider if you take hormonal contraceptives (birth control). Hormonal\n birth control methods, except for intrauterine systems containing levonorgestrel, may not work during\n treatment with VONJO and for 30 days after your last dose. Talk to your healthcare provider about birth\n control methods that may be right for you during treatment with VONJO.\n
\n\n\n Your healthcare provider may change your dose or how often you take VONJO, temporarily stop, or\n permanently stop treatment with VONJO if you have certain side effects.\n
\n\n\n What should I tell my healthcare provider before starting VONJO?\n
\n\n- \n
- \n Have active bleeding, have had severe bleeding, or plan to have surgery or noninvasive procedures. You\n should stop taking VONJO 7 days before any planned surgery or invasive procedures\n \n
- Have diarrhea or commonly have loose stools \n
- Have had a blood clot, heart attack, other heart problems, or stroke \n
- \n Have a history of low blood levels of potassium. It is important that you get blood tests done during\n treatment with VONJO to monitor your body salts (electrolytes)\n \n
- Smoke or were a smoker in the past \n
- Have had any other cancers \n
- Have an infection \n
- Have nausea or vomiting \n
- Have liver or kidney problems \n
- \n Are pregnant or plan to become pregnant. It is not known if VONJO will harm your unborn baby\n \n
- \n Are breastfeeding or plan to breastfeed. It is not known if VONJO passes into your breast milk. You\n should not breastfeed during treatment and for 2 weeks after your last dose of VONJO. Talk to your\n healthcare provider about the best way to feed your baby during this time\n \n
\n What are the most common side effects with VONJO?\n
\n\n Low platelet count (thrombocytopenia), nausea, vomiting, low red blood cell count (anemia), and swelling\n of your ankles, legs, and feet.\n
\n\n Your healthcare provider will do blood tests and an electrocardiogram (ECG) before you start treatment\n with VONJO and as needed during treatment to check for side effects.\n
\n\n VONJO may affect fertility in males. You may have problems fathering a child. Talk to your healthcare\n provider if this is a concern for you.\n
\nThese are not all of the possible side effects with VONJO.
\n\n If you suspect that you have experienced a side effect, call your healthcare provider. You may also report\n side effects to the US Food and Drug Administration (FDA) at 1-800-FDA-1088.\n
\n\n Please see the full Prescribing Information for\n VONJO.\n
\n\n \n
\n \n \n );\n});\n\nexport default ImportantSafetyInformationStickyFooter;\n","import React, { useRef } from 'react';\nimport OptionsAndOther from '../../../../questionnaire/choose_an_option';\nimport VonjoIsi from '../../../../vonjo/important_safety_information';\nimport ImportantSafetyInformationStickyFooter from '../../../../isi_sticky_footer';\n\nexport default function MfPrescribedMedication({ value, onSubmit, onBack }) {\n const isiRef = useRef(null);\n\n return (\n \n
\n );\n}\n","import React from 'react';\nimport OptionsAndOther from '../../../../questionnaire/choose_an_option';\n\nexport default function MfTreatmentGoals({\n value,\n onSubmit,\n onBack,\n title = `What are you (or the patient) hoping to achieve with your treatment? (Select all the apply)`,\n choices = [\n \"Regain the ability to perform daily activities that I'm currently unable to do\",\n 'Increase involvement with family and friends',\n 'Allocate more time to the important aspects of my life',\n 'Attain a greater sense of comfort and optimism regarding my condition',\n ],\n showOther = true,\n}) {\n return (\n \n
\n \n \n
\n );\n}\n","import React, { useContext } from 'react';\nimport { useHistory } from 'react-router-dom';\nimport Context from '../../../../../../utils/context';\nimport styles from './index.module.css';\n\nexport default function MentorCard({ mentor, id, callback = null }) {\n const [showBio, setShowBio] = React.useState(false);\n const context = useContext(Context);\n let history = useHistory();\n\n const scheduleCall = () => {\n if (context.auth.isLoggedIn()) {\n history.push(`/member/mentor-matches/${id}/spv/thank-you-success`);\n } else {\n history.push(`/member/join/support?patient_partner_id=${mentor.id}`);\n }\n };\n\n return (\n \n
\n \n \n
\n );\n}\n","import React from 'react';\nimport Divider from '../../../../../../../../client/src/components/ui_kit/utilities/divider/index.jsx';\nimport MfMentorCard from '../../myelofibrosis/mf_mentor_card';\nimport styles from './index.module.css';\n\nexport default function MfMentorMatch({\n patientPartner,\n callback,\n id,\n whatsNextMessage = (p) => {\n return `Send your first message to ${p.name} and get answers to questions about the procedure, recovery, and their experience with ${p.other_data.previous_surgeon ? (p.other_data.previous_surgeon.name === 'Dr. Shaneeta Johnson' ? 'Dr. Johnson or Dr. Hobson' : p.other_data.previous_surgeon.name) : 'their surgeon'}.`;\n },\n}) {\n return (\n \n
\n\n \n
\n \n \n
\n \n
\n \n {mentor.name} mentor\n
\n{mentor.display_location}
\n\n
\n\n \n
\n \n {mentor.surgeries_or_treatments.map((sot, i) => (\n \n {i !== 0 && `, `}\n {sot}\n \n ))}\n
\n\n
\n\n \n setShowBio(!showBio)}\n className={styles.sot}\n >\n {showBio ? 'Show less' : 'Read More'}\n \n
\n {mentor.bio}
\n\n
\n \n scheduleCall()}\n >\n Schedule a Call\n \n
\n \n
\n );\n}\n","import React from 'react';\nimport styles from './index.module.css';\n\nexport default function VonjoThankYouPage({}) {\n return (\n \n
\n You’ve been matched with {patientPartner.name}!
\nmeet your mentor
\n\n {patientPartner &&
\n \n
\n \n
\n What's next?
\n{whatsNextMessage(patientPartner)}
\n\n
\n );\n}\n","import React, { useState, useContext, useEffect } from 'react';\nimport { useHistory, Switch, Route, useRouteMatch, useParams, Redirect } from 'react-router-dom';\nimport Context from '../../../utils/context';\nimport SignUp from '../../sign_up';\nimport Age from '../age/age';\nimport PatientGender from '../patient_partner/patient_gender';\nimport MfUnderstanding from '../../surgeon/referred_mentor_match/pre_conversation_questionnaire/myelofibrosis/mf_understanding';\nimport PatientOrCaregiver from '../../surgeon/referred_mentor_match/pre_conversation_questionnaire/myelofibrosis/patient_or_caregiver';\nimport MfDiagnosisTime from '../../surgeon/referred_mentor_match/pre_conversation_questionnaire/myelofibrosis/mf_diagnosis_time';\nimport QuestionnaireStopper from '../questionnaire_stopper';\nimport MfPrescribedMedication from '../../surgeon/referred_mentor_match/pre_conversation_questionnaire/myelofibrosis/mf_prescribed_medication';\nimport MfTreatmentGoals from '../../surgeon/referred_mentor_match/pre_conversation_questionnaire/myelofibrosis/mf_treatment_goals';\nimport MentorConversationTopics from '../../surgeon/referred_mentor_match/pre_conversation_questionnaire/myelofibrosis/mentor_conversation_topics';\nimport LoadingScreen from '../../loading_screen';\nimport MfMentorMatch from '../../surgeon/referred_mentor_match/pre_conversation_questionnaire/myelofibrosis/mf_mentor_match';\nimport VonjoThankYouPage from '../../vonjo/thank_you_page';\nimport { getSurgeon } from '../../../api/surgeons';\nimport {\n getSurgeonReferredMentorMatch,\n updateSurgeonReferredMentorMatch,\n createSurgeonReferredMentorMatch,\n} from '../../../api/surgeon_referred_mentor_matches';\nimport { getSurgeonReferredMentorMatchFromProfile } from './../../../api/profiles';\nimport { findAndSetMentor } from '../../../helpers/find_mentor_helper';\n\nimport styles from './index.module.css';\n\nexport default function VonjoQuestionnaire({ headerContent = <> }) {\n const context = useContext(Context);\n const { id } = useParams();\n const history = useHistory();\n const [currentBirthday, setCurrentBirthday] = useState(\n context.auth.isLoggedIn() ? context.auth.getCurrentUser().date_of_birth : null\n );\n const [currentGender, setCurrentGender] = useState(\n context.auth.isLoggedIn() ? context.auth.getCurrentUser().gender : null\n );\n const [mfUnderstanding, setMfUnderstanding] = useState('');\n const [mfPatientOrCaregiver, setMfPatientOrCaregiver] = useState('');\n const [mfDiagnosisTime, setMfDiagnosisTime] = useState('');\n const [mfPrescribedMedication, setMfPrescribedMedication] = useState('');\n const [mfTreatmentGoals, setMfTreatmentGoals] = useState([]);\n const [mentorFound, setMentorFound] = useState(false);\n const [mentorConversationChoices, setMentorConversationChoices] = useState([]);\n const [surgeon, setSurgeon] = useState(null);\n const [mentorConversationTopics, setMentorConversationTopics] = useState(() => {\n const saved = sessionStorage.getItem('mentorConversationTopics');\n return saved ? JSON.parse(saved) : [];\n });\n const [surgeonReferredMentorMatch, setSurgeonReferredMentorMatch] = useState(() => {\n const saved = sessionStorage.getItem('surgeonReferredMentorMatch');\n return saved ? JSON.parse(saved) : '';\n });\n const [patientPartner, setPatientPartner] = useState(() => {\n const saved = sessionStorage.getItem('patientPartner');\n return saved ? JSON.parse(saved) : '';\n });\n let { path } = useRouteMatch();\n path = path.replace(`:id`, id);\n\n useEffect(() => {\n if (mentorFound && patientPartner) {\n history.push(`${path}/patient-partner`);\n }\n }, [mentorFound, patientPartner]);\n\n useEffect(() => {\n if (mfPrescribedMedication === 'Yes') {\n setMentorConversationChoices([\n 'Hear how they coped with their MF diagnosis',\n `Gain the mentor's personal insight on emotional impact and how they dealt with it`,\n 'Get advice on creating/maintaining a support system',\n 'General experience with VONJO® (pacritinib)',\n ]);\n } else {\n setMentorConversationChoices([\n 'Hear how they coped with their MF diagnosis',\n `Gain the mentor's personal insight on emotional impact and how they dealt with it`,\n 'Get advice on creating/maintaining a support system',\n ]);\n }\n }, [mfPrescribedMedication]);\n\n const scrollToTopOfPage = () => {\n window.scrollTo({ top: 0, behavior: 'smooth' });\n };\n\n const createAndRedirect = () => {\n createSurgeonReferredMentorMatch(\n {\n surgeon_id: gon.vonjo_surgeon_id,\n surgery: 'VONJO',\n },\n (match) => {\n history.push(`/member/mentor-matches/${match.uuid}/spv/age`);\n setTimeout(() => {\n scrollToTopOfPage();\n }, 0);\n }\n );\n };\n\n const update = (params) => {\n getSurgeonReferredMentorMatch(id, (data) => {\n updateSurgeonReferredMentorMatch(data.uuid, params, (data) => {\n setSurgeonReferredMentorMatch(data);\n sessionStorage.setItem('surgeonReferredMentorMatch', JSON.stringify(data));\n });\n });\n };\n\n useEffect(() => {\n if (context.auth.isLoggedIn()) {\n getSurgeonReferredMentorMatchFromProfile((match) => {\n setSurgeonReferredMentorMatch(match);\n history.push(`/member/mentor-matches/${match.uuid}/spv/age`);\n });\n }\n getSurgeon(gon.vonjo_surgeon_id, (surgeon) => {\n setSurgeon(surgeon);\n });\n }, []);\n\n let steps = [\n 'age',\n 'gender',\n 'mf-understanding',\n 'mf-patient-or-caregiver',\n 'mf-length',\n 'mf-prescribed-medication',\n 'mf-treatment-goals',\n 'mentor-conversation-topics',\n 'loading-patient-partner',\n ];\n\n let nextStep = steps[steps.findIndex((r) => window.location.pathname.includes(r)) + 1];\n let previousStep = steps[steps.findIndex((r) => window.location.pathname.includes(r)) - 1];\n\n if (!nextStep) {\n nextStep = 'patient-partner';\n }\n\n if (!previousStep) {\n previousStep = 'age';\n }\n\n return (\n Thank you!
\n What's next?
\n \n Thank you for requesting a call with your mentor! We will contact you shortly to schedule a time. During the\n call, you can learn how they cope with their disease, hear about their disease experience, and understand their\n treatment journey.\n
\n \n If you would like to contact us directly, please email us at{' '}\n \n info@patientpartner.com\n {' '}\n or call us at 619-268-1112.\n
\n \n
\n \n \n );\n}\n","import { autofocusAll } from './index';\n\nexport const scrollToQuestionnaire = (context, history, redirectAfterSurgery, surgeon) => {\n const path = '/member/join/support';\n\n if (context.auth.isLoggedIn()) {\n context.auth.userUpdate({ aborted_questionnaire: new Date() }, (user) => {\n const match = user.current_profile.mentor_match;\n redirectAfterSurgery(surgeon, user.current_profile.procedures[0], match?.surgery, history, path, match);\n });\n } else {\n const element = document.querySelector('#questionnaire');\n\n if (element) {\n element.scrollIntoView({\n behavior: 'smooth',\n });\n\n const timer = setTimeout(() => {\n autofocusAll();\n }, 1000);\n\n return () => clearTimeout(timer);\n }\n }\n};\n","import { connect } from 'react-redux';\nimport {\n setContactIdAction,\n updateAnswersAction,\n setPatientPartnerQuestionnaireProgress,\n setPatientPartners,\n} from '../../../actions/home';\nimport MentorMatchCti from '../../../components/mentor_match/cti';\n\nconst mapStateToProps = (state) => state;\n\nconst mapDispatchToProps = (dispatch) => ({\n updateAnswersAction: (item) => dispatch(updateAnswersAction(item)),\n setContactIdAction: (item) => dispatch(setContactIdAction(item)),\n setPatientPartnerQuestionnaireProgress: (item) => dispatch(setPatientPartnerQuestionnaireProgress(item)),\n setPatientPartners: (item) => dispatch(setPatientPartners(item)),\n});\n\nexport default connect(mapStateToProps, mapDispatchToProps)(MentorMatchCti);\n","import React, { useState, useEffect, useContext, useRef } from 'react';\nimport Context from '../../../utils/context';\nimport TextLeftImgRightWbg from '../../hero_sections/txt_left_img_right_wbg';\nimport ImgLeftTextRight from '../../hero_sections/img_left_text_right';\nimport HowItWorks from '../../hero_sections/how_it_works';\nimport styles from './index.module.css';\nimport LoadingScreen from '../../loading_screen';\nimport { getSurgeon } from '../../../api/surgeons';\nimport VonjoIsi from '../../vonjo/important_safety_information/index.jsx';\nimport VonjoQuestionnaire from '../../questionnaire/vonjo';\nimport { scrollToQuestionnaire } from '../../../helpers/scroll_to_questionnaire_helper.js';\nimport { redirectAfterSurgery } from '../../../helpers/redirect_after_surgery_helper.js';\nimport { useHistory } from 'react-router-dom';\nimport ImportantSafetyInformationStickyFooter from '../../isi_sticky_footer/index.jsx';\n\nexport default function MentorMatchCti({}) {\n const context = useContext(Context);\n const history = useHistory();\n const viewport = context.viewport;\n const isMobile = viewport.getIsMobile();\n const [view, setView] = useState('loading');\n const [surgeon, setSurgeon] = useState();\n const isiRef = useRef(null);\n\n useEffect(() => {\n getSurgeon('vonjo', (data) => {\n setSurgeon(data);\n setView('loaded');\n });\n }, []);\n\n return (\n \n \n {headerContent}\n \n {context.auth.isLoggedIn() ? (\n \n \n )}\n \n\n \n \n {\n setCurrentBirthday(answers.date_of_birth);\n context.auth.userUpdate({ date_of_birth: answers.date_of_birth }, () =>\n history.push(`${path}/${nextStep}`)\n );\n }}\n onBack={() => history.push(`${path}/${previousStep}`)}\n gtm={''}\n cta='Next'\n />\n \n \n\n \n \n {\n setCurrentGender(answers.gender);\n context.auth.userUpdate({ gender: answers.gender }, () => history.push(`${path}/${nextStep}`));\n }}\n onBack={() => history.push(`${path}/${previousStep}`)}\n gtm={''}\n />\n \n \n\n \n \n {\n update({ mf_understanding: answers['mfUnderstanding'] });\n setMfUnderstanding(answers['mfUnderstanding']);\n history.push(`${path}/${nextStep}`);\n }}\n onBack={() => history.push(`${path}/${previousStep}`)}\n />\n \n \n\n \n \n {\n update({ mf_patient_or_caregiver: answers['mfPatientOrCaregiver'] });\n setMfPatientOrCaregiver(answers['mfPatientOrCaregiver']);\n history.push(`${path}/${nextStep}`);\n }}\n onBack={() => history.push(`${path}/${previousStep}`)}\n />\n \n \n\n \n \n {\n const diagnosisTime = answers['mfDiagnosisTime'];\n if (diagnosisTime === 'Have not been diagnosed with MF') {\n update({ mf_diagnosis_time: answers['mfDiagnosisTime'] });\n\n history.push(`${path}/thank-you`);\n } else {\n update({ mf_diagnosis_time: answers['mfDiagnosisTime'] });\n\n setMfDiagnosisTime(diagnosisTime);\n history.push(`${path}/${nextStep}`);\n }\n }}\n onBack={() => history.push(`${path}/${previousStep}`)}\n />\n \n\n \n \n \n\n \n \n {\n update({ mf_prescribed_medication: answers['mfPrescribedMedication'] });\n setMfPrescribedMedication(answers['mfPrescribedMedication']);\n history.push(`${path}/${nextStep}`);\n }}\n onBack={() => history.push(`${path}/${previousStep}`)}\n />\n \n \n\n \n \n {\n update({ mf_treatment_goals: answers['mfTreatmentGoals'] });\n setMfTreatmentGoals(answers['mfTreatmentGoals']);\n history.push(`${path}/${nextStep}`);\n }}\n onBack={() => history.push(`${path}/${previousStep}`)}\n showOther={false}\n />\n \n \n\n \n \n {\n update({ conversation_topics: answers['mentorConversationTopics'] });\n setMentorConversationTopics(answers['mentorConversationTopics']);\n sessionStorage.setItem(\n 'mentorConversationTopics',\n JSON.stringify(answers['mentorConversationTopics'])\n );\n history.push(`${path}/${nextStep}`);\n\n findAndSetMentor(\n {\n onSetPatientPartner: setPatientPartner,\n onMentorFound: setMentorFound,\n },\n context\n );\n }}\n onBack={() => history.push(`${path}/${previousStep}`)}\n />\n \n \n\n \n \n \n \n\n \n \n {\n return `Request a call, and we will contact you shortly to schedule a time for you to talk to ${p.name} about their experience.`;\n }}\n />\n \n \n\n \n \n \n \n
\n \n \n Your Support Community for MF}\n para={\n <>\n If you have been diagnosed with Primary or Secondary Myelofibrosis (MF), a certain type of MF, connect with\n a mentor who is living with this diagnosis and may understand what you are going through.\n
\n
\n If you have been prescribed VONJO® (pacritinib) for a certain type of MF with a platelet count less than\n 50,000 per microliter, connect with a mentor who is taking VONJO® and can share their experience with the\n medication.\n \n }\n bg={'https://patientpartner-images2.s3.us-west-1.amazonaws.com/website/ctiherobanner5.png'}\n actionContent={\n\n
\n \n
\n If you have been prescribed VONJO® (pacritinib) for a certain type of MF with a platelet count less than\n 50,000 per microliter, connect with a mentor who is taking VONJO® and can share their experience with the\n medication.\n \n }\n bg={'https://patientpartner-images2.s3.us-west-1.amazonaws.com/website/ctiherobanner5.png'}\n actionContent={\n
\n scrollToQuestionnaire(context, history, redirectAfterSurgery)}\n className='maincta'\n data-gtm-click-label='Mentor match CTI hero section CTA Get Started'\n >\n Get started\n \n
\n }\n imgOffset={false}\n topOfIcon={isMobile ? '65%' : '75%'}\n leftOfIcon={isMobile ? '10%' : '35%'}\n heightOfImage={isMobile && '300px'}\n iconContent={\n \n }\n imgShadow={false}\n thoseDots={''}\n mobileBackgroundSize='contain'\n bgColor='#F5F5F5'\n afterActionContent={''}\n />\n \n
\n \n
\n \n \n Sobi, the manufacturer of VONJO® (pacritinib), proudly sponsors this mentorship program. Our mentors\n are dedicated volunteers, offering their personal experiences to support those living with MF.\n \n
\n \n Imagine speaking with someone who knows the ups and downs, the fears and hopes, and the unique aspects of\n living with or caring for someone with Primary or Secondary Myelofibrosis. Our program provides support by\n pairing you with a patient volunteer for one phone call, who will share their personal experiences living\n with this type of MF.\n
\n
\n If you or the patient you are caring for have been prescribed VONJO for a certain type of MF with a platelet\n count below 50,000 per microliter, we also have mentors who can share their experiences with this treatment.\n
\n }\n cta={\n \n
\n If you or the patient you are caring for have been prescribed VONJO for a certain type of MF with a platelet\n count below 50,000 per microliter, we also have mentors who can share their experiences with this treatment.\n
\n
\n \n \n How it works\n \n }\n headline={
,\n headline: 
\n ),\n headline: 
,\n headline:
\n {view === 'loading' && It’s easy to sign up and free to use!
}\n smallHeadlineStyle={{\n fontSize: '18px',\n fontWeight: 'bold',\n textTransform: 'uppercase',\n letterSpacing: '0.15em',\n }}\n steps={[\n {\n image:,\n headline: Tell us about yourself
,\n para: (\n \n Complete a brief questionnaire, and we'll try to match you with your mentor.\n
\n ),\n },\n {\n image: (\n \n ),\n headline: Schedule your call
,\n para: (\n \n Request a phone call with your mentor, and our team will help schedule it.\n
\n ),\n },\n {\n image: ,\n headline: Get support
,\n para: (\n \n Have a one-time call with a mentor to discuss their experience with MF, or if you've been prescribed\n VONJO® (pacritinib), talk with a mentor about their experience with the medication.\n
\n ),\n },\n ]}\n paraColor={'#232323'}\n />\n \n
\n \n );\n}\n","import React, { Component } from 'react';\nimport OptionsAndOther from '../../../../questionnaire/choose_an_option';\n\nexport default function InsuranceSelection({ value, choices, onSubmit, onBack }) {\n return (\n \n \n \n {\n setCurrentGender(answers.gender);\n context.auth.userUpdate({ gender: answers.gender }, () => history.push(`${path}/${nextStep}`));\n }}\n onBack={() => history.push(`${path}/${previousStep}`)}\n gtm={''}\n />\n \n \n \n\n \n \n {\n setCurrentBirthday(answers.date_of_birth);\n context.auth.userUpdate({ date_of_birth: answers.date_of_birth }, () =>\n history.push(`${path}/${nextStep}`)\n );\n }}\n onBack={() => history.push(`${path}/${previousStep}`)}\n gtm={''}\n cta='Next'\n />\n \n \n\n \n \n {\n update({ reactiv8_patient_type: answers['reactiv8_patient_type'] });\n setCurrentPatientType(answers['reactiv8_patient_type']);\n history.push(`${path}/${nextStep}`);\n }}\n onBack={() => history.push(`${path}/${previousStep}`)}\n choices={['Clinical Trial', 'Commercial', 'Not sure']}\n title={`Specify your patient type.`}\n para={`We'll match you with a mentor who's gone through the same journey.`}\n showOther={false}\n ctaTxt='Next'\n optional\n selectOne\n />\n \n \n\n \n \n {\n update({ military: answers['military'] });\n setCurrentMilitary(answers['military']);\n history.push(`${path}/${nextStep}`);\n }}\n onBack={() => history.push(`${path}/${previousStep}`)}\n choices={['Currently Active', 'Veteran', 'N/A']}\n title={`Have you served in the military?`}\n para={``}\n showOther={false}\n ctaTxt='Next'\n optional\n selectOne\n />\n \n \n\n \n \n {\n update({ insurance_selection: answers['insuranceSelection'] });\n setCurrentInsurance(answers['insuranceSelection']);\n if (answers['insuranceSelection'] === 'Commercial Insurance') {\n const index = steps.indexOf('insurance-selection');\n steps.splice(index + 1, 0, 'insurance-carrier');\n setSteps([...steps]);\n history.push(`${path}/insurance-carrier`);\n } else {\n history.push(`${path}/${nextStep}`);\n }\n }}\n onBack={() => history.push(`${path}/${previousStep}`)}\n />\n \n \n\n \n \n {\n update({ insurance_carrier: answers['insuranceCarrier'] || answers['other'] });\n setCurrentInsuranceCarrier(answers['insuranceCarrier'] || answers['other']);\n history.push(`${path}/${nextStep}`);\n }}\n onBack={() => history.push(`${path}/${previousStep}`)}\n />\n \n \n\n \n \n {\n update({ conversation_topics: answers['mentorConversationTopics'] });\n setMentorConversationTopics(answers['mentorConversationTopics']);\n sessionStorage.setItem(\n 'mentorConversationTopics',\n JSON.stringify(answers['mentorConversationTopics'])\n );\n history.push(`${path}/${nextStep}`);\n\n findAndSetMentor(\n {\n onSetPatientPartner: setPatientPartner,\n onMentorFound: setMentorFound,\n },\n context\n );\n }}\n onBack={() => history.push(`${path}/${previousStep}`)}\n />\n \n \n\n \n \n \n \n\n \n \n {\n return `Send your first message to ${p.name} and get answers to questions about the procedure, recovery, and their experience.`;\n }}\n callback={(conversation) => {\n updateSurgeonReferredMentorMatch(\n surgeonReferredMentorMatch.uuid,\n { conversation_id: conversation.id },\n () => {\n let firstMessage = '';\n if (mentorConversationTopics && mentorConversationTopics.length > 0) {\n if (mentorConversationTopics.length === 1 || mentorConversationTopics.length === 2) {\n firstMessage =\n 'Hi ' +\n patientPartner.name +\n ', I would like to chat about ' +\n (mentorConversationTopics || []).join(' and ').toLowerCase();\n } else {\n firstMessage =\n 'Hi ' +\n patientPartner.name +\n ', I would like to chat about ' +\n (mentorConversationTopics || []).slice(0, -1).join(', ').toLowerCase() +\n ' and ' +\n mentorConversationTopics[mentorConversationTopics.length - 1].toLowerCase();\n }\n }\n history.push(`/member/conversations/${conversation.uuid}?firstMessage=${firstMessage}`);\n }\n );\n }}\n />\n \n \n
\n \n \n \n \n );\n}\n","import React, { useState, useEffect, useContext, useRef } from 'react';\nimport { useHistory } from 'react-router-dom';\nimport Context from '../../../../utils/context';\nimport TextLeftImgRightWbg from '../../../hero_sections/txt_left_img_right_wbg';\nimport ImgLeftTextRight from '../../../hero_sections/img_left_text_right';\nimport TwoTestimonials from '../../../two_testimonials';\nimport HowItWorks from '../../../hero_sections/how_it_works';\nimport VideoSec1 from '../../../video_sections/video_sec_1_no_bg_L';\nimport styles from './index.module.css';\nimport LoadingScreen from '../../../loading_screen';\nimport Reactiv8Questionnaire from '../../../questionnaire/reactiv8';\nimport { createSurgeonReferredMentorMatch } from '../../../../api/surgeon_referred_mentor_matches';\nimport { getSurgeon } from '../../../../api/surgeons';\nimport { scrollToQuestionnaire } from '../../../../helpers/scroll_to_questionnaire_helper.js';\nimport { redirectAfterSurgery } from '../../../../helpers/redirect_after_surgery_helper.js';\n\nexport default function MentorMatchReactiv8Common({\n captureLocation = true,\n australiaPhone = false,\n countryRestriction = 'us',\n locationPlaceholder = 'Enter zip code',\n origin = 'Surgeon Referred Mentor Match',\n surgeonId,\n}) {\n const context = useContext(Context);\n const history = useHistory();\n const viewport = context.viewport;\n const isMobile = viewport.getIsMobile();\n const [view, setView] = useState('loading');\n const [surgeon, setSurgeon] = useState();\n const utm_source = useRef(new URLSearchParams(window.location.search).get('utm_source'));\n\n useEffect(() => {\n getSurgeon(surgeonId, (data) => {\n setSurgeon(data);\n setView('loaded');\n });\n }, []);\n\n useEffect(() => {\n if (new URLSearchParams(window.location.search).get('contact_id')) {\n const timer = setTimeout(() => {\n document.querySelector('#questionnaire').scrollIntoView({\n behavior: 'smooth',\n });\n }, 100);\n return () => clearTimeout(timer);\n }\n }, []);\n\n const createAndRedirect = () => {\n createSurgeonReferredMentorMatch(\n {\n surgeon_id: surgeon.id,\n surgery: 'Mechanical Chronic Low Back Pain',\n ...(utm_source.current === 'SurgeonPatientLead' &&\n uuid.current !== null && { surgeon_patient_lead: uuid.current }),\n },\n (match) => {\n history.push(`/member/mentor-matches/${match.uuid}/${surgeon.slug}`);\n }\n );\n };\n\n return (\n \n \n {questionNumber && questionNumber <= numberOfQuestions && (\n \n \n {context.auth.isLoggedIn() ? (\n \n Get matched with your mentor!\n
\n }\n para={`Create your account and get your mentor match.`}\n alignLeft\n light={false}\n captureFirstLastName\n embedded\n captureLocation={captureLocation}\n locationPlaceholder={locationPlaceholder}\n australiaPhone={australiaPhone}\n countryRestriction={countryRestriction}\n useFacebookConversionApi\n />\n )}\n \n\n \n {questionNumber} of {numberOfQuestions}\n
\n )}\n\n \n Connect with your ReActiv8 mentor\n \n }\n para={\n 'Chat with a ReActiv8 patient to get all your questions answered. Learn about the procedure, therapy, and life with ReActiv8 for free!'\n }\n bg={'https://patientpartner-images2.s3.us-west-1.amazonaws.com/website/reactiv8/reactiv8-hero1.png'}\n actionContent={\n \n
\n \n scrollToQuestionnaire(context, history, redirectAfterSurgery)}\n className={styles.button}\n >\n Find my mentor\n \n
\n }\n afterActionContent={\n \n *Get matched with a mentor in under a minute.\n
\n }\n imgOffset={false}\n topOfIcon={isMobile ? '65%' : '75%'}\n leftOfIcon={isMobile ? '10%' : '35%'}\n heightOfImage={isMobile && '300px'}\n iconContent={''}\n imgShadow={false}\n thoseDots={''}\n dotStyles={\n isMobile\n ? { maxWidth: '76px', top: '45px', right: '25px', zIndex: '1' }\n : { maxWidth: '136px', top: '120px', right: '-90px', zIndex: '1' }\n }\n mobileBackgroundSize='contain'\n bgColor='#FFFFFF'\n />\n\n
\n \n
\n \n
\n \n PatientPartner is a complimentary, private, and easy-to-use tool that allows you to ask questions and\n get more insight about ReActiv8 therapy from your mentor.\n
\nThings you can ask your mentor privately:
}\n list={[\n How does the therapy feel?,\n How soon can you exercise?,\n Do you notice the device?,\n How is your pain level now?,\n ]}\n littlePara=''\n cta={\n\n scrollToQuestionnaire(context, history, redirectAfterSurgery)}\n className={styles.button}\n >\n Find my mentor\n \n
\n }\n blueBg={false}\n containerClassNames={isMobile ? 'marg-top-100 h-100' : 'marg-top-100 marg-bottom-100 h-100'}\n />\n 
\n ),\n headline: 'Message your mentor',\n para: 'Review the mentor you’ve been matched with and send them a message to introduce yourself and ask questions.',\n },\n {\n image: (\n 
\n ),\n headline: 'Get support and advice',\n para: 'Ask questions about personal experiences and advice your doctor won’t be able to provide you.',\n },\n ]}\n stepHeadlineStyle={{\n fontFamily: 'Utopia Std',\n fontWeight: '700',\n fontSize: '28px',\n color: '#129A76',\n }}\n />\n \n Hear what others are saying.}\n smallHeadline={Real patients, real stories.}\n bg={'#129A76'}\n quoteColor={'#129A76'}\n nameClassName={styles.testimonial_name}\n cityClassName={styles.testimonial_city}\n doNotAnimate={true}\n testimonials={[\n {\n text: \"Talking with my mentor made all the difference. Hearing from someone who had been through it and come out stronger gave me the confidence I needed to move forward with ReActiv8. Now, my back pain is nearly gone, and I'm getting my strength back. It's life-changing.\",\n image: 'https://patientpartner-images2.s3.us-west-1.amazonaws.com/website/reactiv8/reactiv8-scott.png',\n name: 'Scott',\n city: 'Indianapolis, IN',\n },\n {\n text: \"I was so impressed by how quickly my mentor responded and how thoroughly she answered all of my questions. Her support made a real difference, and I couldn't recommend the mentor program enough! 😊👍\",\n image: 'https://patientpartner-images2.s3.us-west-1.amazonaws.com/website/reactiv8/reactiv8-linda.png',\n name: 'Linda',\n city: 'Pittsburgh, PA',\n },\n ]}\n />\n
\n \n \n Real Stories of Pain Relief and Recovery\n \n }\n subheadline={\n
\n {view === 'loading' && \n Experience ReActiv8 Through Patients' Eyes\n
\n }\n videoLink={\n 'https://patientpartner-images2.s3.us-west-1.amazonaws.com/website/reactiv8/reactiv8-embedded-video.mp4'\n }\n />\n\n
\n \n \n );\n}\n","import { connect } from 'react-redux';\nimport {\n setContactIdAction,\n updateAnswersAction,\n setPatientPartnerQuestionnaireProgress,\n setPatientPartners,\n} from '../../../actions/home';\nimport MentorMatchOssio from '../../../components/mentor_match/ossio';\n\nconst mapStateToProps = (state) => state;\n\nconst mapDispatchToProps = (dispatch) => ({\n updateAnswersAction: (item) => dispatch(updateAnswersAction(item)),\n setContactIdAction: (item) => dispatch(setContactIdAction(item)),\n setPatientPartnerQuestionnaireProgress: (item) => dispatch(setPatientPartnerQuestionnaireProgress(item)),\n setPatientPartners: (item) => dispatch(setPatientPartners(item)),\n});\n\nexport default connect(mapStateToProps, mapDispatchToProps)(MentorMatchOssio);\n","import React, { useState, useEffect, useContext } from 'react';\nimport Context from '../../../utils/context';\nimport { useHistory } from 'react-router-dom';\nimport TextLeftImgRightWbg from '../../hero_sections/txt_left_img_right_wbg';\nimport ImgLeftTextRight from '../../hero_sections/img_left_text_right';\nimport HowItWorks from '../../hero_sections/how_it_works';\nimport styles from './index.module.css';\nimport LoadingScreen from '../../loading_screen';\nimport { getSurgeon } from '../../../api/surgeons';\nimport OssioQuestionnaire from '../../questionnaire/ossio';\nimport TwoTestimonials from '../../two_testimonials';\nimport { scrollToQuestionnaire } from '../../../helpers/scroll_to_questionnaire_helper.js';\nimport { redirectAfterSurgery } from '../../../helpers/redirect_after_surgery_helper.js';\n\nexport default function MentorMatchOssio({}) {\n const context = useContext(Context);\n const history = useHistory();\n const viewport = context.viewport;\n const isMobile = viewport.getIsMobile();\n const [view, setView] = useState('loading');\n const [surgeon, setSurgeon] = useState();\n\n useEffect(() => {\n getSurgeon(gon.ossio_surgeon_id, (data) => {\n setSurgeon(data);\n setView('loaded');\n });\n }, []);\n\n return (\n \n \n {headerContent}\n \n {context.auth.isLoggedIn() ? (\n \n \n Get matched with your mentor!\n \n }\n para={`Answer a few brief questions to create your account and get your mentor match.`}\n embedded\n alignLeft\n light={false}\n captureFirstLastName\n captureLocation\n />\n \n )}\n \n\n \n \n {\n setCurrentGender(answers.gender);\n context.auth.userUpdate({ gender: answers.gender }, () => history.push(`${path}/${nextStep}`));\n }}\n onBack={() => history.push(`${path}/${previousStep}`)}\n gtm={''}\n />\n \n \n\n \n \n {\n setCurrentBirthday(answers.date_of_birth);\n context.auth.userUpdate({ date_of_birth: answers.date_of_birth }, () =>\n history.push(`${path}/${nextStep}`)\n );\n }}\n onBack={() => history.push(`${path}/${previousStep}`)}\n gtm={''}\n cta='Next'\n />\n \n \n\n \n \n {\n setCurrentJourney(answers.currentJourney[0]);\n update({ healthcare_journey: answers.currentJourney[0] });\n history.push(`${path}/${nextStep}`);\n }}\n onBack={() => history.push(`${path}/${previousStep}`)}\n gtm={''}\n allowOther={false}\n cta='Next'\n />\n \n \n\n \n \n {\n setCurrentActivityLevel(answers.activityLevel);\n update({ activity_level: answers.activityLevel });\n history.push(`${path}/${nextStep}`);\n }}\n onBack={() => history.push(`${path}/${previousStep}`)}\n gtm={''}\n choices={[\n {\n value: 'Very Active',\n subTitle: 'Regular, intense exercise',\n icon: (\n \n ),\n },\n {\n value: 'Moderately Active',\n subTitle: 'Exercise a few times a week',\n icon: (\n \n \n \n \n ),\n },\n {\n value: 'Lightly Active',\n subTitle: 'Daily movement, no structured exercise',\n icon: (\n \n ),\n },\n {\n value: 'Limited Activity',\n subTitle: 'Light, low-impact movement',\n icon: (\n \n ),\n },\n {\n value: 'Not Active',\n subTitle: 'Little to no physical activity',\n icon: (\n \n ),\n },\n ]}\n cta='Next'\n />\n \n \n\n \n \n {\n update({ conversation_topics: answers['mentorConversationTopics'] });\n setMentorConversationTopics(answers['mentorConversationTopics']);\n sessionStorage.setItem(\n 'mentorConversationTopics',\n JSON.stringify(answers['mentorConversationTopics'])\n );\n history.push(`${path}/${nextStep}`);\n\n findAndSetMentor(\n {\n onSetPatientPartner: setPatientPartner,\n onMentorFound: setMentorFound,\n },\n context\n );\n }}\n onBack={() => history.push(`${path}/${previousStep}`)}\n />\n \n \n\n \n \n \n \n\n \n \n {\n return `Send your first message to ${p.name} and get answers to questions about the procedure, recovery, and their experience.`;\n }}\n callback={(conversation) => {\n updateSurgeonReferredMentorMatch(\n surgeonReferredMentorMatch.uuid,\n { conversation_id: conversation.id },\n () => {\n let firstMessage = '';\n if (mentorConversationTopics && mentorConversationTopics.length > 0) {\n if (mentorConversationTopics.length === 1 || mentorConversationTopics.length === 2) {\n firstMessage =\n 'Hi ' +\n patientPartner.name +\n ', I would like to chat about ' +\n (mentorConversationTopics || []).join(' and ').toLowerCase();\n } else {\n firstMessage =\n 'Hi ' +\n patientPartner.name +\n ', I would like to chat about ' +\n (mentorConversationTopics || []).slice(0, -1).join(', ').toLowerCase() +\n ' and ' +\n mentorConversationTopics[mentorConversationTopics.length - 1].toLowerCase();\n }\n }\n history.push(`/member/conversations/${conversation.uuid}?firstMessage=${firstMessage}`);\n }\n );\n }}\n />\n \n \n
\n \n \n \n Connect with your OSSIOfiber\n ® mentor\n \n }\n para={\n \n Chat with a patient who had an OSSIOfiber\n ® Metal-Free Bunion Correction Procedure to ask them about their experience for free!\n \n }\n bg={'https://patientpartner-images2.s3.us-west-1.amazonaws.com/website/ossio-hero3.png'}\n actionContent={\n \n
\n \n scrollToQuestionnaire(context, history, redirectAfterSurgery, surgeon)}\n className={styles.button}\n data-gtm-click-label='Mentor match OSSIO hero section CTA Get Started'\n >\n Find my mentor\n \n
\n }\n imgOffset={false}\n topOfIcon={isMobile ? '65%' : '75%'}\n leftOfIcon={isMobile ? '10%' : '35%'}\n heightOfImage={isMobile ? '230px' : '400px'}\n bgColor='#DFF1D74D'\n iconContent=''\n imgShadow={false}\n thoseDots={''}\n mobileBackgroundSize='contain'\n afterActionContent={\n \n *Get matched with a mentor in under a minute.\n
\n }\n />\n\n
\n \n
\n \n \n PatientPartner is a complimentary, private, and easy-to-use tool that allows you to ask questions and\n get more insight about OSSIOfiber\n ® procedure from your mentor.\n \n
\n - \n
- How was your recovery? \n
- \n Can you feel the OSSIOfiber\n ® implant at all? Does it bother you?\n \n
- Any tips for preparing for surgery? \n
- Did you have shoe limitations? \n
- What were your symptoms before, and what are they now? \n
\n 
\n ),\n headline: 'Message your mentor',\n para: \"Virtually meet the mentor you've been matched with and send them a message to introduce yourself and ask questions.\",\n },\n {\n image: (\n .png)
\n ),\n headline: 'Get support and advice',\n para: `Ask questions about personal experiences and advice your doctor might not be able to provide you.`,\n },\n ]}\n />\n
\n \n Take our quiz to find a mentor who had a Metal-Free OSSIOfiber\n ® Bunion Correction Procedure, ensuring the perfect match for you!\n
\n ),\n },\n {\n image: (\n\n ),\n headline: 'Message your mentor',\n para: \"Virtually meet the mentor you've been matched with and send them a message to introduce yourself and ask questions.\",\n },\n {\n image: (\n \n ),\n headline: 'Get support and advice',\n para: `Ask questions about personal experiences and advice your doctor might not be able to provide you.`,\n },\n ]}\n />\n \n
\n \n \n );\n}\n","import React, { useState, useEffect, useContext } from 'react';\nimport { useHistory } from 'react-router-dom';\nimport Context from '../../../../utils/context.js';\nimport TextLeftImgRightWbg from '../../../hero_sections/txt_left_img_right_wbg/index.jsx';\nimport ImgLeftTextRight from '../../../hero_sections/img_left_text_right/index.jsx';\nimport TwoTestimonials from '../../../two_testimonials/index.jsx';\nimport HowItWorks from '../../../hero_sections/how_it_works/index.jsx';\nimport styles from './index.module.css';\nimport LoadingScreen from '../../../loading_screen/index.jsx';\nimport { getSurgeon } from '../../../../api/surgeons.js';\nimport MedtronicQuestionnaire from '../../../questionnaire/medtronic/index.jsx';\nimport { scrollToQuestionnaire } from '../../../../helpers/scroll_to_questionnaire_helper.js';\nimport { redirectAfterSurgery } from '../../../../helpers/redirect_after_surgery_helper.js';\n\nexport default function MentorMatchMedtronicCommon({ surgeonId }) {\n const context = useContext(Context);\n const history = useHistory();\n const viewport = context.viewport;\n const isMobile = viewport.getIsMobile();\n const [view, setView] = useState('loading');\n const [surgeon, setSurgeon] = useState();\n\n useEffect(() => {\n getSurgeon(surgeonId, (data) => {\n setSurgeon(data);\n setView('loaded');\n });\n }, []);\n\n React.useEffect(() => {\n if (new URLSearchParams(window.location.search).get('contact_id')) {\n const timer = setTimeout(() => {\n document.querySelector('#questionnaire').scrollIntoView({\n behavior: 'smooth',\n });\n }, 100);\n return () => clearTimeout(timer);\n }\n }, []);\n\n return (\n \n \n \n {context.auth.isLoggedIn() ? (\n \n \n Get matched with your mentor!\n \n }\n para={`Answer a few brief questions to create your account and get your mentor match.`}\n embedded\n alignLeft\n light={false}\n captureFirstLastName\n captureLocation\n />\n \n )}\n \n\n \n \n {\n history.push(`${path}/${previousStep}`);\n }}\n onSubmit={(values) => {\n setSurgery(values[0]);\n update({ surgery: values[0] });\n context.auth.userUpdate({ procedure: 'Weight Loss', surgery: values[0] }, () =>\n history.push(`${path}/${nextStep}`)\n );\n }}\n />\n \n \n\n \n \n {\n setCurrentGender(answers.gender);\n context.auth.userUpdate({ gender: answers.gender }, () => history.push(`${path}/${nextStep}`));\n }}\n onBack={() => history.push(`${path}/${previousStep}`)}\n gtm={''}\n />\n \n \n\n \n \n {\n setCurrentBirthday(answers.date_of_birth);\n context.auth.userUpdate({ date_of_birth: answers.date_of_birth }, () =>\n history.push(`${path}/${nextStep}`)\n );\n }}\n onBack={() => history.push(`${path}/${previousStep}`)}\n gtm={''}\n cta='Next'\n />\n \n \n\n \n \n {\n setCurrentJourney(answers.currentJourney[0]);\n update({ healthcare_journey: answers.currentJourney[0] });\n history.push(`${path}/${nextStep}`);\n }}\n onBack={() => history.push(`${path}/${previousStep}`)}\n gtm={''}\n allowOther={false}\n cta='Next'\n />\n \n \n\n \n \n {\n setCurrentlyFeeling(answers.currentlyFeeling);\n update({ currently_feeling: answers.currentlyFeeling });\n history.push(`${path}/${nextStep}`);\n }}\n icons={[\n { text: 'Very nervous' },\n { text: 'Nervous' },\n { text: 'Unsure' },\n { text: 'Excited' },\n { text: 'Very excited' },\n ]}\n textLabels={['Very Nervous', 'Nervous', 'Unsure', 'Excited', 'Very Excited']}\n onBack={() => history.push(`${path}/${previousStep}`)}\n />\n \n \n\n \n \n {\n update({ conversation_topics: answers['mentorConversationTopics'] });\n setMentorConversationTopics(answers['mentorConversationTopics']);\n sessionStorage.setItem(\n 'mentorConversationTopics',\n JSON.stringify(answers['mentorConversationTopics'])\n );\n history.push(`${path}/${nextStep}`);\n\n findAndSetMentor(\n {\n onSetPatientPartner: setPatientPartner,\n onMentorFound: setMentorFound,\n },\n context\n );\n }}\n onBack={() => history.push(`${path}/${previousStep}`)}\n />\n \n \n\n \n \n \n \n\n \n \n {\n return `Send your first message to ${p.name} and get answers to questions about the procedure, recovery, and their experience.`;\n }}\n callback={(conversation) => {\n updateSurgeonReferredMentorMatch(\n surgeonReferredMentorMatch.uuid,\n { conversation_id: conversation.id },\n () => {\n let firstMessage = '';\n if (mentorConversationTopics && mentorConversationTopics.length > 0) {\n if (mentorConversationTopics.length === 1 || mentorConversationTopics.length === 2) {\n firstMessage =\n 'Hi ' +\n patientPartner.name +\n ', I would like to chat about ' +\n (mentorConversationTopics || []).join(' and ').toLowerCase();\n } else {\n firstMessage =\n 'Hi ' +\n patientPartner.name +\n ', I would like to chat about ' +\n (mentorConversationTopics || []).slice(0, -1).join(', ').toLowerCase() +\n ' and ' +\n mentorConversationTopics[mentorConversationTopics.length - 1].toLowerCase();\n }\n }\n history.push(`/member/conversations/${conversation.uuid}?firstMessage=${firstMessage}`);\n }\n );\n }}\n />\n \n \n
\n \n \n \n
\n \n Connect with your mentor
}\n para={\"Connect with a recovered patient similar to you who understands what you're going through for free!\"}\n bg={'https://patientpartner-images2.s3.us-west-1.amazonaws.com/drjohnsonhero.jpg'}\n actionContent={\n \n scrollToQuestionnaire(context, history, redirectAfterSurgery)}\n className='maincta'\n data-gtm-click-label='Mentor match NYBG hero section CTA Get Started'\n >\n Get started\n \n
\n }\n imgOffset={false}\n topOfIcon={isMobile ? '65%' : '75%'}\n leftOfIcon={isMobile ? '10%' : '35%'}\n heightOfImage={isMobile && '300px'}\n iconContent={\n \n }\n imgShadow={false}\n thoseDots={'https://patientpartner-images2.s3.us-west-1.amazonaws.com/website/spine/hero---dots.svg'}\n dotStyles={\n isMobile\n ? { maxWidth: '76px', top: '45px', right: '25px', zIndex: '1' }\n : { maxWidth: '136px', top: '120px', right: '-90px', zIndex: '1' }\n }\n mobileBackgroundSize='contain'\n bgColor='#F1FEFF'\n />\n \n
\n \n
\n \n \n PatientPartner is a complimentary, private, and easy-to-use tool that allows you to ask questions and\n get more insight about weight loss surgery from a past patient who went through a similar experience.\n \n
\n ,\n headline: 'Create your free account',\n para: `On behalf of ${surgeon?.name}, you get complimentary access to PatientPartner.`,\n },\n {\n image: ,\n headline: 'Message your mentor',\n para: \"Review the mentor you've been matched with and send them a message to introduce yourself and ask questions.\",\n },\n {\n image: ,\n headline: 'Get support and advice',\n para: \"Ask questions about personal experiences and advice your doctor won't be able to provide you.\",\n },\n ]}\n paraColor={'#232323'}\n />\n \n
\n {view === 'loading' && \n \n Wondering if a tummy tuck is \n Connect with real people who have recovered from a tummy tuck\n ,\n \n Receive practical advice, tips, and ask personal questions in a safe space\n ,\n \n Decide if a tummy tuck is right for you\n ,\n \n Ask for support and trusted doctor recommendations\n ,\n ]}\n cta={\n \n Get started\n \n }\n blueBg={false}\n />\n Getting connected to a ambassador is free and easy:}\n smallHeadlineStyle={{\n fontFamily: 'HK Grotesk',\n lineHeight: '23px',\n fontSize: '18px',\n fontWeight: 'bold',\n textTransform: 'uppercase',\n letterSpacing: '0.15em',\n }}\n steps={[\n {\n image: (\n 
\n ),\n headline: 'Tell us about yourself',\n para: 'Take a short questionnaire and answer questions that will help us find a ambassador who can help you.',\n },\n {\n image: (\n 
\n ),\n headline: 'Review your match',\n para: 'Get matched with a recovered patient and start a conversation.',\n },\n {\n image: (\n 
\n ),\n headline: 'Get support and advice',\n para: 'Start messaging with a RealSelf ambassador and get support and guidance.',\n },\n ]}\n paraColor={'#232323'}\n />\n \n
\n \n );\n}\n","import { connect } from 'react-redux';\nimport {\n setContactIdAction,\n updateAnswersAction,\n setPatientPartnerQuestionnaireProgress,\n setPatientPartners,\n} from '../../actions/home';\nimport RealselfTummyTuck from '../../components/realself/tummy_tuck';\n\nconst mapStateToProps = (state) => state;\n\nconst mapDispatchToProps = (dispatch) => ({\n updateAnswersAction: (item) => dispatch(updateAnswersAction(item)),\n setContactIdAction: (item) => dispatch(setContactIdAction(item)),\n setPatientPartnerQuestionnaireProgress: (item) => dispatch(setPatientPartnerQuestionnaireProgress(item)),\n setPatientPartners: (item) => dispatch(setPatientPartners(item)),\n});\n\nexport default connect(mapStateToProps, mapDispatchToProps)(RealselfTummyTuck);\n","import React, { Suspense, useContext } from 'react';\nimport Context from '../../../utils/context';\nimport TextLeftImgRightWbg from '../../hero_sections/txt_left_img_right_wbg';\nimport FeaturedInMedia from '../../featured_in_media';\nimport ImgLeftTextRight from '../../hero_sections/img_left_text_right';\nimport TwoTestimonials from '../../two_testimonials';\nimport HowItWorks from '../../hero_sections/how_it_works';\nimport EmailSignupFooter from '../../email_signup_footer';\nimport { autofocusAll } from '../../../helpers';\nconst PatientPartnerQuestionnaire = React.lazy(() => import('../../questionnaire/patient_partner'));\n\nexport default function RealselfTummyTuck({\n home,\n updateAnswersAction,\n setPatientPartnerQuestionnaireProgress,\n setContactIdAction,\n setPatientPartners,\n}) {\n const context = useContext(Context);\n const viewport = context.viewport;\n const isMobile = viewport.getIsMobile();\n\n const scrollToQuestionnaire = () => {\n document.querySelector('#questionnaire').scrollIntoView({\n behavior: 'smooth',\n });\n const timer = setTimeout(() => {\n autofocusAll();\n }, 1000);\n return () => clearTimeout(timer);\n };\n\n React.useEffect(() => {\n if (new URLSearchParams(window.location.search).get('contact_id')) {\n const timer = setTimeout(() => {\n document.querySelector('#questionnaire').scrollIntoView({\n behavior: 'smooth',\n });\n }, 100);\n return () => clearTimeout(timer);\n }\n }, []);\n\n return (\n worth it?
\n \n }\n para={\n 'Decide if a tummy tuck is right for you by talking to a RealSelf Ambassador who has already been through it. Get the answers you need about recovery, results, and recommended doctors.'\n }\n bg={'https://patientpartner-images2.s3.us-west-1.amazonaws.com/website/tummytuckheader.jpg'}\n actionContent={\n\n \n Get started\n \n
\n }\n imgOffset={false}\n imgShadow={false}\n topOfIcon={isMobile ? '65%' : '75%'}\n leftOfIcon={isMobile ? '10%' : '5%'}\n heightOfImage={isMobile ? '300px' : '500px'}\n iconContent={''}\n thoseDots={''}\n dotStyles={\n isMobile\n ? { maxWidth: '96px', top: '12%', right: '-10px' }\n : { maxWidth: '136px', top: '64px', right: '-40px' }\n }\n mobileBackgroundSize='contain'\n />\n \n ),\n headline: 'Tell us about yourself',\n para: 'Take a short questionnaire and answer questions that will help us find a ambassador who can help you.',\n },\n {\n image: (\n \n ),\n headline: 'Review your match',\n para: 'Get matched with a recovered patient and start a conversation.',\n },\n {\n image: (\n \n ),\n headline: 'Get support and advice',\n para: 'Start messaging with a RealSelf ambassador and get support and guidance.',\n },\n ]}\n paraColor={'#232323'}\n />\n \n
\n \n loading}>\n \n
\n \n \n Wondering if liposuction is \n Connect with real people who have recovered from liposuction\n ,\n \n Receive practical advice, tips, and ask personal questions in a safe space\n ,\n \n Decide if liposuction is right for you\n ,\n \n Ask for support and trusted doctor recommendations\n ,\n ]}\n cta={\n \n Get started\n \n }\n blueBg={false}\n />\n Getting connected to a ambassador is free and easy:}\n smallHeadlineStyle={{\n fontFamily: 'HK Grotesk',\n lineHeight: '23px',\n fontSize: '18px',\n fontWeight: 'bold',\n textTransform: 'uppercase',\n letterSpacing: '0.15em',\n }}\n steps={[\n {\n image: (\n \n ),\n headline: 'Tell us about yourself',\n para: 'Take a short questionnaire and answer questions that will help us find a ambassador who can help you.',\n },\n {\n image: (\n \n ),\n headline: 'Review your match',\n para: 'Get matched with a recovered patient and start a conversation.',\n },\n {\n image: (\n \n ),\n headline: 'Get support and advice',\n para: 'Start messaging with a RealSelf Ambassador and get support and guidance.',\n },\n ]}\n paraColor={'#232323'}\n />\n \n
\n \n );\n}\n","import { connect } from 'react-redux';\nimport {\n setContactIdAction,\n updateAnswersAction,\n setPatientPartnerQuestionnaireProgress,\n setPatientPartners,\n} from '../../actions/home';\nimport RealselfLiposuction from '../../components/realself/liposuction';\n\nconst mapStateToProps = (state) => state;\n\nconst mapDispatchToProps = (dispatch) => ({\n updateAnswersAction: (item) => dispatch(updateAnswersAction(item)),\n setContactIdAction: (item) => dispatch(setContactIdAction(item)),\n setPatientPartnerQuestionnaireProgress: (item) => dispatch(setPatientPartnerQuestionnaireProgress(item)),\n setPatientPartners: (item) => dispatch(setPatientPartners(item)),\n});\n\nexport default connect(mapStateToProps, mapDispatchToProps)(RealselfLiposuction);\n","import React, { useState } from 'react';\n\nexport default function YesNoExtra({\n onBack,\n onSubmit,\n title,\n para,\n keyForAnswer,\n yesState,\n answers,\n choices = ['Yes', 'No'],\n gtm,\n extraIndex = 0,\n otherPlaceholder = 'Share your follow up questions here... (Optional)',\n ctaText = 'Next',\n}) {\n const [selected, setSelected] = useState(answers[keyForAnswer] || '');\n const [other, setOther] = useState(answers.other || '');\n\n const submit = (e) => {\n e.preventDefault();\n let newSelected = { [keyForAnswer]: selected };\n if (other !== '') {\n newSelected.other = other;\n }\n onSubmit(newSelected, yesState);\n };\n\n const onClick = (choice) => {\n if (selected === choice) {\n setSelected('');\n if (selected === choices[extraIndex]) {\n setOther('');\n }\n } else {\n setSelected(choice);\n }\n };\n\n return (\n \n );\n}\n","import React, { useState } from 'react';\nimport { Switch, Route, Link } from 'react-router-dom';\nimport HowAreYouFeeling from '../../../questionnaire/cosmetic/how_are_you_feeling';\nimport ChooseAnOption from '../../../questionnaire/choose_an_option';\nimport YesNoExtra from '../../../questionnaire/yes_no_extra';\nimport styles from '../../index.module.css';\n\nfunction Generic({ path, update, answeredFinalQuestion, context, history, conversationSurvey }) {\n const [rating, setRating] = useState('');\n const [comfortLevel, setComfortLevel] = useState('');\n const [confidenceLevel, setConfidenceLevel] = useState('');\n const [feelingNow, setFeelingNow] = useState('');\n const [isReadyForNextStep, setIsReadyForNextStep] = useState('');\n\n return (\n worth it?
\n \n }\n para={\n 'Decide if liposuction is right for you by talking to a RealSelf Ambassador who has already been through it. Get the answers you need about recovery, results, and recommended doctors from a trusted RealSelf Ambassador.'\n }\n bg={'https://patientpartner-images2.s3.us-west-1.amazonaws.com/website/cosmetic/liposuctionheader.jpg'}\n actionContent={\n\n \n Get started\n \n
\n }\n imgOffset={false}\n imgShadow={false}\n topOfIcon={isMobile ? '65%' : '75%'}\n leftOfIcon={isMobile ? '10%' : '5%'}\n heightOfImage={isMobile ? '300px' : '500px'}\n iconContent={''}\n thoseDots={''}\n dotStyles={\n isMobile\n ? { maxWidth: '96px', top: '12%', right: '-10px' }\n : { maxWidth: '136px', top: '64px', right: '-40px' }\n }\n mobileBackgroundSize='contain'\n />\n \n ),\n headline: 'Tell us about yourself',\n para: 'Take a short questionnaire and answer questions that will help us find a ambassador who can help you.',\n },\n {\n image: (\n \n ),\n headline: 'Review your match',\n para: 'Get matched with a recovered patient and start a conversation.',\n },\n {\n image: (\n \n ),\n headline: 'Get support and advice',\n para: 'Start messaging with a RealSelf Ambassador and get support and guidance.',\n },\n ]}\n paraColor={'#232323'}\n />\n \n
\n \n loading}>\n \n
\n \n \n
\n \n {\n setIsReadyForNextStep(answers.ready_for_next_step);\n answeredFinalQuestion({\n ready_for_next_step: answers.ready_for_next_step,\n });\n history.push(`${path}/thank-you`);\n }}\n onBack={() => {\n history.push(`${path}/feeling-now`);\n }}\n answers={{ ready_for_next_step: isReadyForNextStep }}\n title={`Are you ready to keep moving forward with your treatment or procedure?`}\n para={`Let us know if you're feeling prepared to take the next step on your journey.`}\n keyForAnswer={'ready_for_next_step'}\n ctaText='Submit'\n extraIndex={1}\n />\n
\n \n Thank you!
\n\n Your feedback is invaluable to us. With it, we can continue to improve the platform and experience for\n patients everywhere.\n
\n \n \n \n\n \n
\n \n {(isReadyForNextStep === '' || isReadyForNextStep === 'Yes') && (\n {\n setIsReadyForNextStep(answers.ready_for_next_step);\n update({ ready_for_next_step: answers.ready_for_next_step });\n if (answers.ready_for_next_step === 'Yes') {\n history.push(`${path}/anything-else`);\n }\n }}\n onBack={() => {\n history.push(`${path}/comfort-level`);\n }}\n answers={{ ready_for_next_step: isReadyForNextStep }}\n title={`Do you (or the patient) plan on starting or continuing treatment with XCOPRI (cenobamate tablets) CV?`}\n para={`Please rate your level of agreement with the statement above`}\n keyForAnswer={'ready_for_next_step'}\n ctaText='Next'\n choices={['Yes', 'No', 'Maybe']}\n extraIndex={null}\n />\n )}\n {(isReadyForNextStep === 'No' || isReadyForNextStep === 'Maybe') && (\n {\n let results = null;\n if (answers.other) {\n results = answers.other;\n }\n setXcopriHesitation(results);\n update({ survey_data: { xcopri_hesitation: results } });\n history.push(`${path}/anything-else`);\n }}\n onBack={() => {\n setIsReadyForNextStep('');\n }}\n answers={{ survey_data: { xcopri_hesitation: xcopriHesitation } }}\n title={`What are your hesitations with starting or continuing XCOPRI (cenobamate tablets) CV?`}\n para={'Please write out your answer in the text field below.'}\n keyForAnswer={'xcopri_hesitation'}\n choices={[]}\n otherTxt={`Write your answers...`}\n showOther\n ctaTxt={`Next`}\n />\n )}\n
\n \n Thank you!
\n\n Your feedback is invaluable to us. With it, we can continue to improve the platform and experience for\n patients everywhere.\n
\n \n \n \n\n
\n );\n }\n\n if (conversationSurvey && conversationSurvey.surgeon_slug == 'xcopri') {\n return (\n Thank you!
\n\n Your feedback is invaluable to us. With it, we can continue to improve the platform and experience for\n patients everywhere.\n
\n \n \n \n\n
\n );\n}\n","export const getConversationSurvey = (conversationSurveyId, successCallback) => {\n return fetch(`/api/v1/conversation_surveys/${conversationSurveyId}`, {\n method: 'GET',\n headers: {\n 'Content-Type': 'application/json',\n },\n })\n .then((response) => {\n if (!response.ok) {\n throw response.json();\n }\n return response.json();\n })\n .then(successCallback)\n .catch((error) => {\n console.error('Error getting conversation survey:', error);\n });\n};\n\nexport const updateConversationSurvey = (conversationSurveyId, params, successCallback) => {\n return fetch(`/api/v1/conversation_surveys/${conversationSurveyId}`, {\n method: 'PUT',\n headers: {\n 'Content-Type': 'application/json',\n },\n body: JSON.stringify(params),\n })\n .then((response) => {\n if (!response.ok) {\n throw response.json();\n }\n return response.json();\n })\n .then((data) => {\n if (data.completed) {\n window.location.href = '/member/conversations';\n return;\n }\n\n if (successCallback) {\n successCallback(data);\n }\n })\n .catch((error) => {\n console.error('Error updating conversation survey:', error);\n alert(\n 'Oops! Something went wrong. Please try again or contact support if this persists at support@patientpartner.com.'\n );\n });\n};\n","import React, { useEffect, useState } from 'react';\nimport { PaymentElement, useStripe, useElements } from '@stripe/react-stripe-js';\nimport RequestButton from '../../ui_kit/utilities/request_button';\n\nexport default function StripeCardInput({\n ctaText = 'Pay now',\n showAmountInline = true,\n amount = '',\n beforeSend = () => {},\n}) {\n const stripe = useStripe();\n const elements = useElements();\n const [message, setMessage] = useState(null);\n const [isLoading, setIsLoading] = useState(false);\n\n useEffect(() => {\n if (!stripe) return;\n const clientSecret = new URLSearchParams(window.location.search).get('payment_intent_client_secret');\n if (!clientSecret) return;\n stripe.retrievePaymentIntent(clientSecret).then(({ paymentIntent }) => {\n switch (paymentIntent.status) {\n case 'succeeded':\n setMessage('Payment succeeded!');\n break;\n case 'processing':\n setMessage('Your payment is processing.');\n break;\n case 'requires_payment_method':\n setMessage('Your payment was not successful, please try again.');\n break;\n default:\n setMessage('Something went wrong.');\n break;\n }\n });\n }, [stripe]);\n\n const handleSubmit = async (callback) => {\n beforeSend();\n if (!stripe || !elements) return;\n\n setIsLoading(true);\n\n const { error } = await stripe.confirmPayment({\n elements,\n confirmParams: {\n return_url: `${window.location}/success`, // <-- required because some payment providers require you to go to a page in between checkout and success to verify payment\n },\n });\n\n if (error.type === 'card_error' || error.type === 'validation_error') {\n setMessage(error.message);\n callback();\n } else {\n setMessage('An unexpected error occurred.');\n callback();\n }\n\n setIsLoading(false);\n };\n\n return (\n \n );\n}\n","import React, { useState, useEffect } from 'react';\nimport { loadStripe } from '@stripe/stripe-js';\nimport { Elements } from '@stripe/react-stripe-js';\nimport { createPaymentIntent } from '../../../api/payments';\nimport styles from './index.module.css';\nimport StripeCardInput from './stripe_card_input.jsx';\nimport LoadingScreen from '../../loading_screen';\nimport ErrorMessage from '../../ui_kit/utilities/error_message';\n\nexport default function CheckoutForm({\n checkoutItems = [],\n checkoutTxt = '',\n showTotal = false,\n ctaText = 'Pay now',\n beforeSend = () => {},\n}) {\n const stripePromise = loadStripe(gon.stripe_pk);\n const [paymentIntent, setPaymentIntent] = useState(null);\n const [error, setError] = useState(null);\n\n useEffect(() => {\n if (checkoutItems.length > 0)\n createPaymentIntent(\n { items: checkoutItems },\n (data) => setPaymentIntent(data),\n (data) => setError(data.error)\n );\n }, [checkoutItems]);\n\n return (\n \n
\n \n
\n \n
\n \n \n
\n {isLoading ?
\n \n \n
\n );\n}\n","export const createPaymentIntent = (params, successCallback, errorCallback) => {\n fetch('/api/v1/payments', {\n method: 'POST',\n headers: {\n 'Content-Type': 'application/json',\n },\n body: JSON.stringify(params),\n })\n .then((response) => {\n if (response.ok) return response.json();\n return Promise.reject(response.json());\n })\n .then((data) => successCallback(data))\n .catch((data) => data.then((result) => errorCallback(result)));\n};\n\nexport const createSubscription = (params, successCallback, errorCallback) => {\n fetch('/api/v1/payments', {\n method: 'POST',\n headers: {\n 'Content-Type': 'application/json',\n },\n body: JSON.stringify(params),\n })\n .then((response) => {\n if (response.ok) return response.json();\n return Promise.reject(response.json());\n })\n .then((data) => successCallback(data))\n .catch((data) => data.then((result) => errorCallback(result)));\n};\n\nexport const completePaymentIntent = (paymentIntentId, successCallback = () => {}, errorCallback = () => {}) => {\n fetch(`/api/v1/payments/${paymentIntentId}/complete`, {\n method: 'POST',\n headers: {\n 'Content-Type': 'application/json',\n },\n })\n .then((response) => {\n if (response.ok) return response.json();\n return Promise.reject(response.json());\n })\n .then((data) => successCallback(data))\n .catch((data) => data.then((result) => errorCallback(result)));\n};\n","export const getProducts = (params = {}, successCallback = () => {}, errorCallback = () => {}) => {\n fetch(`/api/v1/products?${objToQueryString(params)}`, {\n method: 'GET',\n headers: {\n 'Content-Type': 'application/json',\n },\n })\n .then((response) => {\n if (response.ok) return response.json();\n return Promise.reject(response.json());\n })\n .then((data) => successCallback(data))\n .catch((data) => errorCallback(data));\n};\n","import React from 'react';\nimport { completePaymentIntent } from '../../../../api/payments';\n\nexport default function StripePaymentSuccessCatch({ callback = () => {} }) {\n React.useEffect(() => {\n let paymentIntent = new URLSearchParams(window.location.search).get('payment_intent');\n let redirectStatus = new URLSearchParams(window.location.search).get('redirect_status');\n if (paymentIntent != null && redirectStatus === 'succeeded') {\n completePaymentIntent(paymentIntent);\n callback();\n }\n }, [window.location.pathname]);\n\n return <>;\n}\n","import React, { createContext, useContext, useState, useEffect } from 'react';\nimport Context from './context';\n\nconst QuestionnaireModalContext = createContext();\n\nexport const useQuestionnaireModal = () => useContext(QuestionnaireModalContext);\n\nexport const QuestionnaireModalProvider = ({ children }) => {\n const context = useContext(Context);\n const [isModalVisible, setModalVisible] = useState(false);\n const currentUser = context.auth.getCurrentUser();\n const isPatient = currentUser.current_profile_type === 'Patient';\n const allowedPaths = gon.allowed_paths_before_questionnaire || [];\n const currentPath = window.location.pathname;\n\n useEffect(() => {\n // Show the modal if the current path is not in the allowed paths\n const matchedWithMentor = currentUser.matched_with_mentor == true;\n const shouldShowModal =\n !allowedPaths.some((allowedPath) => currentPath.startsWith(allowedPath)) && isPatient && !matchedWithMentor;\n setModalVisible(shouldShowModal);\n }, [currentPath, allowedPaths]);\n\n return \n
\n \n
\n {showTotal && (\n \n {paymentIntent && paymentIntent.payment_intent !== '' ? (\n \n
\n
\n \n
{checkoutTxt}
\n \n )}\n\n
\n )}\n \n {checkoutItems.map((item, i) => (\n
\n
\n \n
\n ))}\n \n
\n {item.name}
\n${item.month_price}
\n{item.description}
\n\n
\n
\n Today's total
\n${checkoutItems.reduce((a, b) => +a + +b.month_price, 0)}
\n\n
\n );\n};\n\nexport default QuestionnaireModal;\n","import React, { createContext, useContext, useState, useEffect } from 'react';\nimport Context from './context';\n\nconst VonjoModalContext = createContext();\n\nexport const useVonjoModal = () => useContext(VonjoModalContext);\n\nexport const VonjoModalProvider = ({ children }) => {\n const context = useContext(Context);\n const [isModalVisible, setModalVisible] = useState(false);\n const currentUser = context.auth.getCurrentUser();\n const isPatient = currentUser.current_profile_type === 'Patient';\n const currentPath = window.location.pathname;\n const allowedPaths = ['/spv/', '/member/join/support'];\n\n useEffect(() => {\n const matchedWithMentor =\n sessionStorage.getItem('patientPartner') !== null || currentUser.matched_with_mentor == true;\n const isVonjoPatient = currentUser?.current_profile?.surgeries_or_treatments?.includes('VONJO');\n const shouldShowModal =\n !allowedPaths.some((allowedPath) => currentPath.includes(allowedPath)) &&\n isPatient &&\n matchedWithMentor &&\n isVonjoPatient;\n setModalVisible(shouldShowModal);\n }, [currentPath]);\n\n return \n
\n \n
\n \n
\n You're almost there!
\n\n Finish your questionnaire to chat with a real patient or caregiver and learn from their experience.\n
\n \n
\n \n
\n \n \n
\n \n
\n );\n};\n\nexport default VonjoModal;\n","import React, { useContext } from 'react';\nimport { Route, Redirect, Switch } from 'react-router-dom';\nimport MemberPlatformHeader from './components/header/member_platform_header';\nimport Header from './components/header';\nimport SimpleHeader from './components/simple_header';\nimport ProviderHeader from './components/provider_header';\nimport PreSignupForm from './components/join/pre_signup';\nimport CosmeticLandingPage from './containers/cosmetic/landing_page';\nimport SpineSurgeryPatientMentor from './containers/spine_surgery/patient_mentor';\nimport SpineSurgeryVirtualConsultation from './containers/spine_surgery/virtual_consultation';\nimport CosmeticVirtualConsultation from './containers/cosmetic/virtual_consultation';\nimport MentorMatch from './components/member/mentor_match';\nimport Context from './utils/context';\nimport Footer from './components/footer';\nimport Profile from './components/profile';\nimport Home from './containers/home';\nimport UterineFibroids from './containers/uterine_fibroids';\nimport UterineFibroidsMentorMatch from './components/uterine_fibroids/mentor_match';\nimport UterineFibroidsSurgeonMatch from './components/uterine_fibroids/surgeon_match';\nimport Xcopri from './containers/xcopri';\nimport BetterIsPossible from './components/uterine_fibroids/better_is_possible';\nimport MentorMatchNybg from './containers/mentor_match/nybg';\nimport MentorMatchCti from './containers/mentor_match/cti';\nimport MentorMatchReactiv8 from './containers/mentor_match/reactiv8';\nimport MentorMatchReactiv8Aus from './containers/mentor_match/reactiv8_aus';\nimport MentorMatchOssio from './containers/mentor_match/ossio';\nimport MentorMatchDrMoisesJacobs from './containers/mentor_match/medtronic/dr-moises-jacobs';\nimport MentorMatchDrAmirAryaie from './containers/mentor_match/medtronic/dr-amir-aryaie';\nimport SurgeonVirtualConsultationConfirm from './components/surgeon_virtual_consultation_confirm';\nimport RealselfTummyTuck from './containers/realself/tummy_tuck';\nimport RealselfLiposuction from './containers/realself/liposuction';\nimport RealselfHeader from './components/realself_header';\nimport PostConversationQuestionnaire from './components/conversations/post_conversation_questionnaire';\nimport WomensHealthPreConversationQuestionnaire from './components/questionnaire/womens_health/pre_conversation';\nimport BetaDoctorConnectQuestionnaire from './components/questionnaire/beta_doctor_connect';\nimport DoctorConnectAcl from './components/beta_doctor_connect/acl';\nimport JoinDoctorConnect from './components/beta_doctor_connect/join';\nimport DoctorConnectAgnostic from './components/beta_doctor_connect/agnostic';\nimport SurgeonMatchShow from './components/surgeon_matches/show';\nimport DirectSurgeonMatchShow from './components/direct_surgeon_matches/show';\nimport VonjoQuestionnaire from './components/questionnaire/vonjo';\nimport Reactiv8Questionnaire from './components/questionnaire/reactiv8';\nimport OssioQuestionnaire from './components/questionnaire/ossio';\nimport MedtronicQuestionnaire from './components/questionnaire/medtronic';\nimport XcopriQuestionnaire from './components/questionnaire/xcopri';\nimport { QuestionnaireModalProvider } from './utils/questionnaire_modal_context';\nimport QuestionnaireModal from './components/ui_kit/modals/questionnaire_modal';\nimport { VonjoModalProvider } from './utils/vonjo_modal_context';\nimport VonjoModal from './components/ui_kit/modals/vonjo_modal';\n\nlet path = window.location.pathname;\nexport const renderHeader = (auth) => {\n const currentUser = auth.getCurrentUser();\n\n if (!auth.isLoggedIn()) {\n if (path === '/member/join') {\n return \n
\n \n
\n \n
\n Thank you!
\nWhat's next?
\n\n \n Thank you for requesting a call with your mentor! We will contact you shortly to schedule a time. During the\n call, you can learn how they cope with their disease, hear about their disease experience, and understand\n their treatment journey.\n
\n \n If you would like to contact us directly, please email us at{' '}\n \n info@patientpartner.com\n {' '}\n or call us at{' '}\n \n 619-268-1112\n \n .\n
\n \n
\n \n
\n \n {\n setCheckoutItems([...checkoutItems, product]);\n history.push(`${path}/payment`);\n }}\n >\n {product.name}\n \n ))\n )}\n
\n Pick a plan
\n {products.length === 0 ? (\n\n
\n \n
\n {useMemo(\n () => (\n <>\n {checkoutItems.length > 0 && \n
\n \n
\n \n
\n {headline}
\n{subheadline}
\n\n \n
\n \n
\n Order Confirmed
\n {gon.current_user.subscription_status && (\n <>\nMembership plan: {gon.current_user.subscription_status.memberhship_plan}
\nIs active: {gon.current_user.subscription_status.is_active.toString()}
\n \n )}\n\n {renderHeader(auth)}\n {props.children}\n
\n);\n\nconst ABTestingLayout = (props) => (\n <>\n {renderHeader(auth)}\n {props.children}\n \n \n);\n\nconst getUTMParams = () => {\n const params = new URLSearchParams(window.location.search);\n return {\n utm_source: params.get('utm_source'),\n utm_medium: params.get('utm_medium'),\n utm_campaign: params.get('utm_campaign'),\n utm_term: params.get('utm_term'),\n utm_content: params.get('utm_ad_content'),\n };\n};\n\nfunction App() {\n const [cookies, setCookie] = useCookies(['iglive', 'utm_params']);\n\n useEffect(() => {\n // Capture and store UTM parameters\n const utmParams = getUTMParams();\n\n if (\n (utmParams.utm_source !== null ||\n utmParams.utm_medium !== null ||\n utmParams.utm_campaign !== null ||\n utmParams.utm_term !== null ||\n utmParams.utm_content !== null) &&\n !auth.isLoggedIn()\n ) {\n // Store UTM parameters in a cookie if they exist and the user is not already logged in\n setCookie('utm_params', JSON.stringify(utmParams), { path: '/', maxAge: 30 * 24 * 60 * 60 });\n }\n }, []);\n\n return (\n \n \n \n
\n