{"version":3,"sources":["webpack:///./ClientApp/components/Pages/VetTestimonials/VetTestimonials.tsx","webpack:///./ClientApp/components/UI/Sidebar/Sidebar.tsx","webpack:///./ClientApp/components/Pages/VetTestimonials/VetTesModal.tsx","webpack:///./ClientApp/components/Pages/VetTestimonials/VetTesPreviewModal.tsx","webpack:///./ClientApp/components/Pages/VetTestimonials/TestimonialCardModal.tsx","webpack:///./ClientApp/content/vet_tes_musthead.png"],"names":["VetTestimonials","React","modalVisible","setModalVisible","currentIndex","setCurrentIndex","navCollapse","setNavCollapse","resTestimonials","setResTestimonials","offset","setOffset","cardsCount","setCardsCount","stateList","setStateList","stateSelected","setStateSelected","vetIdList","setVetIdList","vetId","setVetId","vetNameList","setVetNameList","vetName","setVetName","vetNameShort","setVetNameShort","vetFieldValue","setVetFieldValue","stateListOptions","vetListOptions","vetNameListOptions","totalCount","setTotalCount","sent","setSent","tesModalVisible","setTesModalVisible","location","useHistory","useLocation","window","scrollTo","document","querySelector","bodyOverflowTransform","bodyOverflowRemove","state","name","mql","matchMedia","listenerFunc","matches","listenerForBrowser","rest","get","substring","slice","then","res","list","count","check","find","veterinarians","transformStateList","transformVetList","className","id","title","imageSrc","require","imageAlt","text","quoteAuthor","buttonText","btnPath","onBtnClick","searchFieldName","searchFieldPlaceHolder","onSetIssue","index","topics","withSubmit","submitCaption","onSubmit","initCardsCount","map","item","tes","key","onClick","outerModalProps","withSeo","testimonialsPage","Sidebar","setTypeSelected","isOpen","setIsOpen","setSearchActive","callMenu","Select","Option","values","initialValues","vetById","vetByName","enableReinitialize","render","formikBag","placeholder","listOptions","onSelect","value","option","onChange","setFieldValue","onSearch","searchButton","type","src","alt","width","caption","resetForm","clearSelected","validationSchema","Yup","firstName","stringBeautifyValidator","city","email","required","captcha","VetTesModal","isChecked","setIsChecked","attachment","setAttachment","imgExtension","stateFormlabel","setStateFormLabel","sending","setSending","open","setOpen","modalPreviewVisible","setModalPreviewVisible","formValues","setFormValues","isConfirmed","setIsConfirmed","openModal","e","preventDefault","handleOnChange","target","prevState","imgSrc","isShowName","timeout","setTimeout","vetIdListSorted","sort","a","b","clearTimeout","wrapClassName","visible","onOk","onCancel","centered","formikActions","post","response","GAeventSubmit","lastName","isDisplayed","message","filePath","capture","label","adjustValue","allowClear","customFilter","stateFilter","removeSpace","length","options","showSearch","onFocus","transform","parentContainer","undefined","showArrow","component","field","form","errors","touched","update","data","onFileUpload","fileType","FileType","File","noRelation","asButton","buttonClassName","buttonCaption","multiple","aspectRatio","maxFile","containerClassName","fieldName","fieldProps","sitekey","onExpired","hl","disabled","VetTesPreviewModal","date","Date","today","month","months","getMonth","year","getFullYear","day","getDate","imageAltCapture","vetAvatar","imagePlaceholder","getImagePath","TestimonialCardModal","currentTestimonial","setCurrentTestimonial","avatar","mainImage","setMainImage","history","params","useParams","user","push","outerItem","filter","dates","convertAllDates","dateCreated","datePost","getTestimonialFromList","dateConvert","closeModal","getContainer","onError","style","marginTop","areaUrl","linkMoreCaption","linkMoreLink","area","petMemorial","petName","module","exports"],"mappings":"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","file":"chunks/VetTestimonials.chunk.b896629aadea04a9eeff.js","sourcesContent":["import * as React from 'react';\r\n\r\nimport {useHistory, useLocation} from 'react-router-dom';\r\n\r\nimport {animateScroll as scroll, scroller} from 'react-scroll';\r\n\r\nimport {List} from '@common/typescript/objects/List';\r\n\r\nimport Musthead from '@app/components/UI/MustHead/Musthead';\r\nimport Sidebar from '@app/components/UI/Sidebar/Sidebar';\r\n\r\nimport VetTesCard from '@app/components/UI/VetTesCard/VetTesCard';\r\nimport VetTesModal from '@app/components/Pages/VetTestimonials/VetTesModal';\r\nimport {rest} from '@app/components/Api';\r\nimport {ListOption, StateListOption, VetListOption} from '@app/objects/SidebarProps';\r\n\r\nimport {VetTestimonialsRes} from '@app/objects/VetTestimonialsRes';\r\nimport {StatesListItem} from '@app/objects/StatesListItem';\r\nimport {Veterinarian} from '@app/objects/Veterinarian';\r\nimport {transformStateList, transformVetList} from '@app/components/LocalCommon/Utils/transformList';\r\nimport withSeo from '@app/components/LocalCommon/HigherOrderComponents/WithSeo';\r\nimport TestimonialCardModal from '@app/components/Pages/VetTestimonials/TestimonialCardModal';\r\nimport {bodyOverflowRemove, bodyOverflowTransform} from '@app/components/LocalCommon/Utils/bodyOverflowTransform';\r\nimport {navItems} from '@app/components/Pages/AboutUs/AboutUsContent';\r\nimport listenerForBrowser from '@app/components/Pages/listenerForBrowser';\r\n\r\nimport '@app/scss/components/vetTestimonials.scss';\r\n\r\nconst VetTestimonials = () => {\r\n\tconst mustHeadText = 'There is no exercise better for the heart than reaching down and lifting people up.';\r\n\r\n\tconst [modalVisible, setModalVisible] = React.useState<boolean>(false);\r\n\tconst [currentIndex, setCurrentIndex] = React.useState<number>(0);\r\n\tconst [navCollapse, setNavCollapse] = React.useState<boolean>(false);\r\n\tconst [resTestimonials, setResTestimonials] = React.useState<VetTestimonialsRes[]>([]);\r\n\tconst [offset, setOffset] = React.useState<number>(0);\r\n\tconst [cardsCount, setCardsCount] = React.useState<number>(4);\r\n\tconst [stateList, setStateList] = React.useState<StatesListItem[]>([]);\r\n\tconst [stateSelected, setStateSelected] = React.useState<string>('');\r\n\tconst [vetIdList, setVetIdList] = React.useState<Veterinarian[]>([]);\r\n\tconst [vetId, setVetId] = React.useState<string>('');\r\n\tconst [vetNameList, setVetNameList] = React.useState<Veterinarian[]>([]);\r\n\tconst [vetName, setVetName] = React.useState<string>('');\r\n\tconst [vetNameShort, setVetNameShort] = React.useState<string>('');\r\n\tconst [vetFieldValue, setVetFieldValue] = React.useState<string>('');\r\n\tconst stateListOptions: ListOption[] = [];\r\n\tconst vetListOptions: ListOption[] = [];\r\n\tconst vetNameListOptions: ListOption[] = [];\r\n\tconst [totalCount, setTotalCount] = React.useState(0);\r\n\tconst [sent, setSent] = React.useState<boolean>(false);\r\n\tconst [tesModalVisible, setTesModalVisible] = React.useState(false);\r\n\tconst history = useHistory();\r\n\tconst location = useLocation();\r\n\r\n\tconst openModal = () => {\r\n\t\tsetModalVisible(true);\r\n\t\tsetSent(false);\r\n\t};\r\n\r\n\tconst onSetIssue = (index) => {\r\n\t\tsetCurrentIndex(index);\r\n\t};\r\n\r\n\tconst addCards = () => {\r\n\t\tsetOffset(offset + 4);\r\n\t};\r\n\r\n\tconst onSubmit = () => {\r\n\t\tsetModalVisible(true);\r\n\t};\r\n\r\n\tReact.useEffect(() => {\r\n\t\twindow.scrollTo(0, 0);\r\n\t\tdocument.querySelector('#react-app')?.scrollTo(0, 0);\r\n\t\tbodyOverflowTransform(true);\r\n\t\treturn function cleanOverflow() {\r\n\t\t\tbodyOverflowRemove();\r\n\t\t};\r\n\t}, []);\r\n\r\n\tReact.useEffect(() => {\r\n\t\tif (!location?.state?.navCollapse) {\r\n\t\t\tif (location?.state?.vetId) {\r\n\t\t\t\tsetStateSelected(location.state.state);\r\n\t\t\t\tsetVetId(location.state.vetId);\r\n\t\t\t\tsetVetFieldValue(location.state.name);\r\n\t\t\t}\r\n\t\t} else {\r\n\t\t\tif (location?.state?.name) {\r\n\t\t\t\tsetVetName(location.state.name);\r\n\t\t\t}\r\n\t\t}\r\n\t}, []);\r\n\r\n\tReact.useEffect(() => {\r\n\t\tconst mql = window.matchMedia('screen and (max-width: 768px)');\r\n\r\n\t\tconst listenerFunc = () => {\r\n\t\t\tif (mql.matches) {\r\n\t\t\t\tsetNavCollapse(true);\r\n\t\t\t} else {\r\n\t\t\t\tsetNavCollapse(false);\r\n\t\t\t}\r\n\t\t};\r\n\t\tlistenerFunc();\r\n\t\tlistenerForBrowser(mql, listenerFunc);\r\n\t}, []);\r\n\r\n\tReact.useEffect(() => {\r\n\t\trest.get<List<VetTestimonialsRes>>(\r\n\t\t\t`v1/testimonials/\r\n\t\t\t${stateSelected}?count=${cardsCount}&veterinarianId=${vetId}&veterinarianName=${vetName.substring(0, 4) === 'Dr. ' ? vetName.slice(4) : vetName}`)\r\n\t\t\t.then((res) => {\r\n\t\t\t\tsetResTestimonials(res.list);\r\n\t\t\t\t// @ts-ignore\r\n\t\t\t\tsetTotalCount(res.count);\r\n\t\t\t}\r\n\t\t);\r\n\t}, [stateSelected, vetId, vetName]);\r\n\r\n\tReact.useEffect(() => {\r\n\t\toffset > 0 && rest.get<List<VetTestimonialsRes>>(\r\n\t\t\t`v1/testimonials/\r\n\t\t\t${stateSelected}?offset=${offset}&count=${cardsCount}&veterinarianId=${vetId}&veterinarianName=${vetName.substring(0, 4) === 'Dr. ' ? vetName.slice(4) : vetName}`)\r\n\t\t\t.then((res) => {\r\n\t\t\t\tsetResTestimonials([...resTestimonials, ...res.list]);\r\n\t\t\t\t// @ts-ignore\r\n\t\t\t\tsetTotalCount(res.count);\r\n\t\t\t}\r\n\t\t);\r\n\t}, [offset]);\r\n\r\n\tReact.useEffect(() => {\r\n\t\trest.get<List<StatesListItem>>('v1/states').then(res => setStateList(res.list));\r\n\t}, []);\r\n\r\n\tReact.useEffect(() => {\r\n\t\trest.get<List<Veterinarian>>(`v1/veterinarians?count=300&name=${vetNameShort}`).then(res => setVetNameList(res.list));\r\n\t}, [vetNameShort]);\r\n\r\n\tReact.useEffect(() => {\r\n\t\tconst check = stateList.find(state => (\r\n\t\t\tstate.name === stateSelected\r\n\t\t));\r\n\t\tcheck?.veterinarians ?\r\n\t\t\trest.get<List<Veterinarian>>(`v1/veterinarians/${stateSelected}?count=100&name=${vetFieldValue}`).then(res => setVetIdList(res.list)) :\r\n\t\t\trest.get<List<Veterinarian>>(`v1/veterinarians/?name=${vetFieldValue}`).then(res => setVetIdList(res.list));\r\n\r\n\t}, [vetFieldValue, stateSelected]);\r\n\r\n\ttransformStateList(stateList, stateListOptions);\r\n\ttransformVetList(vetIdList, vetListOptions);\r\n\ttransformVetList(vetNameList, vetNameListOptions);\r\n\tconst slider = React.useRef<any>();\r\n\r\n\treturn (\r\n\t\t<div className=\"vet-testimonials\" id=\"vet-testimonials\">\r\n\t\t\t<Musthead\r\n\t\t\t\ttitle=\"Testimonials for Lap of Love Veterinarians\"\r\n\t\t\t\timageSrc={require('@app/content/vet_tes_musthead.png')}\r\n\t\t\t\timageAlt=\"Senior dog veterinary hospice\"\r\n\t\t\t\ttext={mustHeadText}\r\n\t\t\t\tquoteAuthor={'John Holmes'}\r\n\t\t\t\tbuttonText=\"Submit a testimonial\"\r\n\t\t\t\tbtnPath=\"/\"\r\n\t\t\t\tonBtnClick={openModal}\r\n\r\n\t\t\t/>\r\n\t\t\t<div className=\"vet-testimonials__body\">\r\n\t\t\t\t<Sidebar\r\n\t\t\t\t\tsearchFieldName=\"vetByName\"\r\n\t\t\t\t\tsearchFieldPlaceHolder=\"Search testimonials by vet name\"\r\n\t\t\t\t\tonSetIssue={onSetIssue}\r\n\t\t\t\t\tcurrentIndex={currentIndex}\r\n\t\t\t\t\tnavCollapse = {false}\r\n\t\t\t\t\ttopics={null}\r\n\t\t\t\t\twithSubmit={true}\r\n\t\t\t\t\tsubmitCaption=\"Submit a testimonial\"\r\n\t\t\t\t\tsetStateSelected={setStateSelected}\r\n\t\t\t\t\tstateSelected={stateSelected}\r\n\t\t\t\t\tvetId={vetId}\r\n\t\t\t\t\tsetVetId={setVetId}\r\n\t\t\t\t\tsetVetName={setVetName}\r\n\t\t\t\t\tsetVetNameShort={setVetNameShort}\r\n\t\t\t\t\tvetNameShort={vetNameShort}\r\n\t\t\t\t\tvetFieldValue={vetFieldValue}\r\n\t\t\t\t\tsetVetFieldValue={setVetFieldValue}\r\n\t\t\t\t\tstateListOptions={stateListOptions}\r\n\t\t\t\t\tvetListOptions={vetListOptions}\r\n\t\t\t\t\tvetNameListOptions={vetNameListOptions}\r\n\t\t\t\t\tsetCardsCount={setCardsCount}\r\n\t\t\t\t\tonSubmit={onSubmit}\r\n\t\t\t\t\tinitCardsCount={4}\r\n\t\t\t\t\tvetName={vetName}\r\n\t\t\t\t/>\r\n\t\t\t\t<div className=\"vet-testimonials__content\">\r\n\t\t\t\t\t{\r\n\t\t\t\t\t\tresTestimonials && resTestimonials.map((item, index) => (\r\n\t\t\t\t\t\t\t<VetTesCard\r\n\t\t\t\t\t\t\t\ttes = {item}\r\n\t\t\t\t\t\t\t\tkey = {item.id}\r\n\t\t\t\t\t\t\t\tnavCollapse = {navCollapse}\r\n\t\t\t\t\t\t\t\tsetTesModalVisible={setTesModalVisible}\r\n\t\t\t\t\t\t/>\r\n\t\t\t\t\t\t))\r\n\t\t\t\t\t}\r\n\t\t\t\t\t{   offset < totalCount - 4 &&\r\n\t\t\t\t\t\t<button className=\"btn btn-lg btn-secondary btn-load-more\" onClick = {addCards}>\r\n\t\t\t\t\t\t\tLoad more testimonials\r\n\t\t\t\t\t\t</button>\r\n\t\t\t\t\t}\r\n\t\t\t\t</div>\r\n\t\t\t</div>\r\n\t\t\t<VetTesModal\r\n\t\t\t\tmodalVisible={modalVisible}\r\n\t\t\t\tsetModalVisible = {setModalVisible}\r\n\t\t\t\tsent={sent}\r\n\t\t\t\tsetSent={setSent}\r\n\r\n\t\t\t/>\r\n\t\t\t<TestimonialCardModal\r\n\t\t\t\ttesModalVisible={tesModalVisible}\r\n\t\t\t\tsetTesModalVisible={setTesModalVisible}\r\n\t\t\t\touterModalProps={resTestimonials}\r\n\t\t\t/>\r\n\r\n\t\t</div>\r\n\t);\r\n};\r\n\r\nexport default withSeo(VetTestimonials, state => state.testimonialsPage, 'testimonialsPage', 'veterinarian-testimonials');","// @ts-ignore\r\nimport * as React from 'react';\r\n\r\nimport {Field, Form, Formik, FormikProps} from 'formik';\r\nimport Select from 'antd/lib/select';\r\n\r\nimport search from '@app/images/search_white.svg';\r\nimport SearchFieldAuto from '@app/components/Forms/SearchField/SearchFieldAuto';\r\nimport {SidebarProps, VetListOption} from '@app/objects/SidebarProps';\r\n\r\nimport '@app/scss/components/blockSideBar.scss';\r\n\r\nconst Sidebar: React.FC<SidebarProps> = (\r\n\t{searchFieldName,\r\n\tsearchFieldPlaceHolder,\r\n\tonSetIssue, \r\n\tcurrentIndex, \r\n\tnavCollapse, \r\n\ttopics,\r\n\twithSubmit, \r\n\tsubmitCaption,\r\n\tsetStateSelected, \r\n\tstateSelected,\r\n\tvetId,\r\n\tsetVetId,\r\n\tsetVetName,\r\n\tsetVetNameShort,\r\n\tvetFieldValue,\r\n\tvetNameShort,\r\n\tsetVetFieldValue,\r\n\tstateListOptions,\r\n\tvetListOptions,\r\n\tvetNameListOptions,\r\n\tsetCardsCount,\r\n\tonSubmit,\r\n\tinitCardsCount,\r\n\tsetTypeSelected,\r\n\tsetCurrentIndex,\r\n\tvetName\r\n\t}) => {\r\n\t\r\n\tconst [isOpen, setIsOpen] = React.useState(false);\r\n\tconst [searchActive, setSearchActive] = React.useState(false);\r\n\tconst [vetSearch, setVetSearch] = React.useState();\r\n\t\r\n\tconst callMenu = () => {\r\n\t\tsetIsOpen(!isOpen);\r\n\t\tsetSearchActive(false);\r\n\t};\r\n\tconst { Option } = Select;\r\n\t\r\n\tconst callSearch = () => {\r\n\t\tsetSearchActive(true);\r\n\t};\r\n\r\n\tconst clearSelected = (formikBag) => {\r\n\t\tsetStateSelected && setStateSelected('');\r\n\t\tsetVetId && setVetId('');\r\n\t\tsetVetName && setVetName('');\r\n\t\tsetVetNameShort && setVetNameShort('');\r\n\t\tsetCardsCount && initCardsCount && setCardsCount(initCardsCount);\r\n\t\tsetVetFieldValue && setVetFieldValue('');\r\n\t\tsetTypeSelected && setTypeSelected('');\r\n\t\tsetCurrentIndex && setCurrentIndex(0);\r\n\t\tformikBag.resetForm(formikBag.initialValues);\r\n\t};\r\n\treturn(\r\n\t\t<div className=\"block__sidebar\">\r\n\t\t\t<Formik\r\n\t\t\t\tonSubmit={(values) => {\r\n\t\t\t\t\tonSubmit && onSubmit();\r\n\t\t\t\t}}\r\n\t\t\t\tinitialValues={{state: stateSelected || '', vetById: vetFieldValue || '', vetByName: vetName || ''}}\r\n\t\t\t\tenableReinitialize\r\n\t\t\t\trender={(formikBag: FormikProps<any>) => {\r\n\t\t\t\t\treturn(\r\n\t\t\t\t\t<Form>\r\n\t\t\t\t\t\t{\r\n\t\t\t\t\t\t\t<SearchFieldAuto\r\n\t\t\t\t\t\t\t\tname={searchFieldName}\r\n\t\t\t\t\t\t\t\tplaceholder={searchFieldPlaceHolder}\r\n\t\t\t\t\t\t\t\tlistOptions={vetNameListOptions}\r\n\t\t\t\t\t\t\t\tformikBag={formikBag}\r\n\t\t\t\t\t\t\t\tonSelect = {(value, option) => {\r\n\t\t\t\t\t\t\t\t\tsetVetName && setVetName(option.value.slice(4));\r\n\t\t\t\t\t\t\t\t}}\r\n\t\t\t\t\t\t\t\tonChange = {(value, option) => {\r\n\t\t\t\t\t\t\t\t\tformikBag.setFieldValue(searchFieldName, value);\r\n\t\t\t\t\t\t\t\t\tsetVetNameShort && setVetNameShort(value);\r\n\t\t\t\t\t\t\t\t}}\r\n\t\t\t\t\t\t\t\tonSearch ={() => {\r\n\t\t\t\t\t\t\t\t\tsetVetName &&\r\n\t\t\t\t\t\t\t\t\tformikBag.values[searchFieldName].substring(0, 4) === 'Dr. ' ?\r\n\t\t\t\t\t\t\t\t\tsetVetName(formikBag.values[searchFieldName].slice(4)) :\r\n\t\t\t\t\t\t\t\t\tsetVetName && setVetName(formikBag.values[searchFieldName]);\r\n\r\n\t\t\t\t\t\t\t\t}}\r\n\t\t\t\t\t\t\t\tsearchButton={true}\r\n\t\t\t\t\t\t\t/>\r\n\t\t\t\t\t\t}\r\n\t\t\t\t\t\t<div className={isOpen ? 'block__sidebar-nav active-mobile' : 'block__sidebar-nav'}>\r\n\t\t\t\t\t\t\t{\r\n\t\t\t\t\t\t\t\ttopics &&\r\n\t\t\t\t\t\t\t\t<>\r\n\t\t\t\t\t\t\t\t\t<div className=\"block__sidebar-nav-header\">\r\n\t\t\t\t\t\t\t\t\t\t<h5>Resourse Topics</h5>\r\n\t\t\t\t\t\t\t\t\t\t<button type=\"button\" className=\"btn btn-icon mobile-menu-button block_sidebar-nav-header-close\" onClick={callMenu}>\r\n\t\t\t\t\t\t\t\t\t\t\t<img className=\"btn-icon-image_hover\" src={require('@app/images/close_white.svg')} alt=\"search\" width=\"16\" />\r\n\t\t\t\t\t\t\t\t\t\t</button>\r\n\t\t\t\t\t\t\t\t\t</div>\r\n\t\t\t\t\t\t\t\t\t<ul className=\"block__sidebar-nav-list\">\r\n\t\t\t\t\t\t\t\t\t\t{topics.map((item, index) =>\r\n\t\t\t\t\t\t\t\t\t\t\t(\r\n\t\t\t\t\t\t\t\t\t\t\t\t<li key={index}>\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t<a\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\tclassName={\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\tcurrentIndex === index ?\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t'block__sidebar-nav-list-item active' :\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t'block__sidebar-nav-list-item'\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t}\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\tonClick={() => onSetIssue(index)}>\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t{item.caption}\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t</a>\r\n\t\t\t\t\t\t\t\t\t\t\t\t</li>\r\n\t\t\t\t\t\t\t\t\t\t\t)\r\n\t\t\t\t\t\t\t\t\t\t)}\r\n\t\t\t\t\t\t\t\t\t</ul>\r\n\t\t\t\t\t\t\t\t</>\r\n\t\t\t\t\t\t\t}\r\n\t\t\t\t\t\t\t<div className=\"block__sidebar-nav-filter\">\r\n\t\t\t\t\t\t\t\t<h4 className=\"block__sidebar-nav-filter-title\">\r\n\t\t\t\t\t\t\t\t\tFilter by state\r\n\t\t\t\t\t\t\t\t</h4>\r\n\t\t\t\t\t\t\t\t<SearchFieldAuto\r\n\t\t\t\t\t\t\t\t\tname=\"state\"\r\n\t\t\t\t\t\t\t\t\tplaceholder= \"Select a state\"\r\n\t\t\t\t\t\t\t\t\tlistOptions={stateListOptions}\r\n\t\t\t\t\t\t\t\t\tformikBag={formikBag}\r\n\t\t\t\t\t\t\t\t\tonSelect = {(value, option) => {\r\n\t\t\t\t\t\t\t\t\t\tsetStateSelected && setStateSelected(value);\r\n\t\t\t\t\t\t\t\t\t\tsetVetName && setVetName('');\r\n\t\t\t\t\t\t\t\t\t\tsetVetId && setVetId('');\r\n\t\t\t\t\t\t\t\t\t\tformikBag.values.vetById = '';\r\n\t\t\t\t\t\t\t\t\t\tformikBag.values.vetByName = '';\r\n\t\t\t\t\t\t\t\t\t}}\r\n\t\t\t\t\t\t\t\t\tonChange={(value) => {\r\n\t\t\t\t\t\t\t\t\t\tformikBag.setFieldValue('state', value);\r\n\t\t\t\t\t\t\t\t\t}}\r\n\t\t\t\t\t\t\t\t\tsearchButton={false}\r\n\t\t\t\t\t\t\t\t/>\r\n\t\t\t\t\t\t\t\t{\r\n\t\t\t\t\t\t\t\t\t!formikBag.values.vetByName &&\r\n\t\t\t\t\t\t\t\t\t<>\r\n\t\t\t\t\t\t\t\t\t\t<h4 className=\"block__sidebar-nav-filter-title\">\r\n\t\t\t\t\t\t\t\t\t\t\tFilter by veterinarian\r\n\t\t\t\t\t\t\t\t\t\t</h4>\r\n\t\t\t\t\t\t\t\t\t\t<SearchFieldAuto \r\n\t\t\t\t\t\t\t\t\t\t\tname=\"vetById\" \r\n\t\t\t\t\t\t\t\t\t\t\tplaceholder= \"Select veterinarian\" \r\n\t\t\t\t\t\t\t\t\t\t\tlistOptions={vetListOptions} \r\n\t\t\t\t\t\t\t\t\t\t\tformikBag={formikBag} \r\n\t\t\t\t\t\t\t\t\t\t\tonSelect = {(value, option) => {\r\n\t\t\t\t\t\t\t\t\t\t\t\tsetVetId && setVetId(option.id);\r\n\t\t\t\t\t\t\t\t\t\t\t}} \r\n\t\t\t\t\t\t\t\t\t\t\tonChange = {(value, option) => {\r\n\t\t\t\t\t\t\t\t\t\t\t\tformikBag.setFieldValue('vetById', value);\r\n\t\t\t\t\t\t\t\t\t\t\t\tsetVetFieldValue && setVetFieldValue(value);\r\n\t\t\t\t\t\t\t\t\t\t\t}}\r\n\t\t\t\t\t\t\t\t\t\t\tsearchButton={false}\r\n\t\t\t\t\t\t\t\t\t\t/>\r\n\t\t\t\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t\t</>\r\n\t\t\t\t\t\t\t\t}\r\n\t\t\t\t\t\t\t</div>\r\n\t\t\t\t\t\t\t{\r\n\t\t\t\t\t\t\t\twithSubmit && \r\n\t\t\t\t\t\t\t\t<>\r\n\t\t\t\t\t\t\t\t\t<div className=\" block__sidebar-nav-clear\">\r\n\t\t\t\t\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t\t\t<button\r\n\t\t\t\t\t\t\t\t\t\t\ttype=\"reset\"\r\n\t\t\t\t\t\t\t\t\t\t\tonClick = {() => clearSelected(formikBag)} \r\n\t\t\t\t\t\t\t\t\t\t\tclassName=\"btn btn-secondary\">Clear all filters</button>\r\n\t\t\t\t\t\t\t\t\t</div>\r\n\t\t\t\t\t\t\t\t\t<button className=\"btn btn-lg btn-primary btn-submit\">\r\n\t\t\t\t\t\t\t\t\t\t{submitCaption}\r\n\t\t\t\t\t\t\t\t\t</button>\r\n\t\t\t\t\t\t\t\t</>\r\n\t\t\t\t\t\t\t}\r\n\t\t\t\t\t\t</div>\r\n\t\t\t\t\t</Form>\r\n\t\t\t\t\t);\r\n\t\t\t\t}}\r\n\t\t\t/>\r\n\t\t</div>\r\n\t);\r\n};\r\n\r\nexport default Sidebar;","import * as React from 'react';\r\nimport ReCAPTCHA from 'react-google-recaptcha';\r\n\r\nimport Modal from 'antd/lib/modal';\r\nimport {Field, Form, Formik, FormikProps} from 'formik';\r\nimport * as Yup from 'yup';\r\n\r\nimport {FileInterface, FileType} from '@common/typescript/objects/FileInterface';\r\nimport {List} from '@common/typescript/objects/List';\r\n\r\nimport CustomInput from '@app/components/UI/CustomInput/CustomInput';\r\nimport SearchFieldAuto from '@app/components/Forms/SearchField/SearchFieldAuto';\r\nimport {ListOption} from '@app/objects/SidebarProps';\r\nimport {rest} from '@app/components/Api';\r\nimport CustomCheckbox from '@app/components/Forms/CustomCheckbox/CustomCheckbox';\r\nimport {stringBeautifyValidator} from '@app/components/LocalCommon/Utils/Validators';\r\nimport AttachmentPreview from '@app/components/UI/Attachment/AttachmentPreview';\r\nimport {onFileUpload} from '@app/components/LocalCommon/Utils/onFileUpload';\r\nimport CustomSelect from '@app/components/Forms/CustomSelect/CustomSelect';\r\nimport {GAeventSubmit} from '@app/components/LocalCommon/Utils/GAevents';\r\nimport {StatesListItem} from '@app/objects/StatesListItem';\r\nimport {transformStateList, transformVetList} from '@app/components/LocalCommon/Utils/transformList';\r\nimport {Veterinarian} from '@app/objects/Veterinarian';\r\nimport FileUpload from '@app/components/LocalCommon/FileUpload/FileUpload';\r\nimport FormikField from '@app/components/Forms/CustomFormikField/CustomFormikField';\r\n\r\nimport '@app/scss/localCommon/components/attachment.scss';\r\nimport '@app/scss/components/vetTesModal.scss';\r\nimport VetTesPreviewModal from '@app/components/Pages/VetTestimonials/VetTesPreviewModal';\r\nimport {stateFilter} from '@app/components/LocalCommon/Utils/StateFilter';\r\n\r\ninterface VetTesModalProps {\r\n\tmodalVisible: boolean;\r\n\tsetModalVisible: (e: boolean) => void;\r\n\tsent: boolean;\r\n\tsetSent: (e: boolean) => void;\r\n}\r\n\r\ntype FormModel = {};\r\n\r\nconst validationSchema = Yup.object({\r\n\tfirstName: stringBeautifyValidator('First Name is a required field'),\r\n\tcity: stringBeautifyValidator('City is a required field'),\r\n\tstate: stringBeautifyValidator('State is a required field'),\r\n\tvetId: stringBeautifyValidator('Veterinarian is a required field'),\r\n\temail: Yup.string().email('Email must be a valid Email').required('Email is a required field'),\r\n\tcaptcha: Yup.string().required('Please check the box to submit this form'),\r\n});\r\n\r\nconst VetTesModal: React.FC<VetTesModalProps> = ({\r\n\tmodalVisible,\r\n\tsetModalVisible,\r\n\tsent,\r\n\tsetSent,\r\n\t }) => {\r\n\r\n\tconst [isChecked, setIsChecked] = React.useState(true);\r\n\tconst [attachment, setAttachment] = React.useState<FileInterface[]>([]);\r\n\tconst maxFile = 10000000;\r\n\tconst imgExtension = ['jpg', 'jpeg', 'png'];\r\n\tconst maxImgCount = 1;\r\n\tconst [stateFormlabel, setStateFormLabel] = React.useState<string | number | undefined>('');\r\n\tconst [sending, setSending] = React.useState(false);\r\n\tconst [stateSelected, setStateSelected] = React.useState<string>('');\r\n\tconst [stateList, setStateList] = React.useState<StatesListItem[]>([]);\r\n\tconst stateListOptions: ListOption[] = [];\r\n\tconst vetListOptions: ListOption[] = [];\r\n\tconst [vetIdList, setVetIdList] = React.useState<Veterinarian[]>([]);\r\n\tconst [vetFieldValue, setVetFieldValue] = React.useState<string>('');\r\n\tconst [open, setOpen] = React.useState<boolean>(false);\r\n\tconst [modalPreviewVisible, setModalPreviewVisible] = React.useState<boolean>(false);\r\n\tconst [formValues, setFormValues] = React.useState({});\r\n\tconst [isConfirmed, setIsConfirmed] = React.useState<boolean>(false);\r\n\tconst openModal = (e) => {\r\n\t\te.preventDefault();\r\n\t\tsetModalPreviewVisible(true);\r\n\t};\r\n\r\n\tconst handleOnChange = (e) => {\r\n\t\tlet name, value;\r\n\r\n\t\tif (e.target) {\r\n\t\t\tname = e.target.name;\r\n\t\t\tvalue = e.target.value;\r\n\t\t} else {\r\n\t\t\tname = e.name;\r\n\t\t\tvalue = e.value;\r\n\t\t}\r\n\t\tsetFormValues(prevState => ({\r\n\t\t\t...prevState,\r\n\t\t\t[name]: value\r\n\t\t}));\r\n\t};\r\n\r\n\tReact.useEffect(() => {\r\n\t\tif (attachment[0]) {\r\n\t\t\tsetFormValues(prevState => ({\r\n\t\t\t\t...prevState,\r\n\t\t\t\timgSrc: attachment[0].src\r\n\t\t\t}));\r\n\t\t}\r\n\t}, [attachment]);\r\n\r\n\tReact.useEffect(() => {\r\n\t\tsetFormValues(prevState => ({\r\n\t\t\t...prevState,\r\n\t\t\tisShowName: isChecked\r\n\t\t}));\r\n\t}, [isChecked]);\r\n\r\n\tReact.useEffect(() => {\r\n\t\trest.get<List<StatesListItem>>('v1/states').then(res => setStateList(res.list));\r\n\t}, []);\r\n\r\n\tReact.useEffect(() => {\r\n\t\tconst timeout = setTimeout(() => {\r\n\t\t\trest.get<List<Veterinarian>>(`v1/veterinarians/?name=${vetFieldValue}`).then((res) => {\r\n\t\t\t\tconst vetIdListSorted = res.list.sort((a, b) => a.firstName > b.firstName ? 1 : -1);\r\n\t\t\t\tsetVetIdList(vetIdListSorted);\r\n\t\t\t});\r\n\t\t}, 500);\r\n\r\n\t\treturn () => clearTimeout(timeout);\r\n\t}, [vetFieldValue]);\r\n\r\n\ttransformStateList(stateList, stateListOptions);\r\n\ttransformVetList(vetIdList, vetListOptions);\r\n\r\n\treturn (\r\n\t\t<>\r\n\t\t\t<Modal\r\n\t\t\t\twrapClassName=\"modal-wrap vet-tes-modal\"\r\n\t\t\t\tvisible={modalVisible}\r\n\t\t\t\tonOk={() => setModalVisible(false)}\r\n\t\t\t\tonCancel={() => setModalVisible(false)}\r\n\t\t\t\twidth={1037}\r\n\t\t\t\tcentered\r\n\t\t\t>\r\n\t\t\t\t<div className=\"vet-tes-modal__content\">\r\n\t\t\t\t\t<div className=\"modal-wrap__container\">\r\n\t\t\t\t\t\t{\r\n\t\t\t\t\t\t\t!sent ?\r\n\t\t\t\t\t\t\t\t<>\r\n\t\t\t\t\t\t\t\t\t<h3 className=\"vet-tes-modal-title\">\r\n\t\t\t\t\t\t\t\t\t\tSubmit a testimonial\r\n\t\t\t\t\t\t\t\t\t</h3>\r\n\t\t\t\t\t\t\t\t\t<h4 className=\"vet-tes-modal-subtitle vet-tes-modal-subtitle_desktop\">\r\n\t\t\t\t\t\t\t\t\t\tWrite a testimonial to the loving and compassionate veterinarian\r\n\t\t\t\t\t\t\t\t\t\twho helped your pet peacefully cross the Rainbow Bridge.\r\n\t\t\t\t\t\t\t\t\t</h4>\r\n\t\t\t\t\t\t\t\t</>\r\n\r\n\t\t\t\t\t\t\t:\r\n\t\t\t\t\t\t\t\t<>\r\n\t\t\t\t\t\t\t\t\t<h3 className=\"vet-tes-modal-title vet-tes-modal-title_success\">\r\n\t\t\t\t\t\t\t\t\t\tThank you for submitting your testimonial\r\n\t\t\t\t\t\t\t\t\t</h3>\r\n\t\t\t\t\t\t\t\t\t<h4 className=\"vet-tes-modal-subtitle\">\r\n\t\t\t\t\t\t\t\t\t\tWe will post it within 5 business days and you will receive an email letting you know\r\n\t\t\t\t\t\t\t\t\t\tthe testimonial for your Lap of Love veterinarian is ready to view.\r\n\t\t\t\t\t\t\t\t\t</h4>\r\n\t\t\t\t\t\t\t\t</>\r\n\r\n\t\t\t\t\t\t}\r\n\t\t\t\t\t\t{!sent ? <>\r\n\t\t\t\t\t\t\t<h4 className=\"vet-tes-modal__form-title\">\r\n\t\t\t\t\t\t\t\tPersonal information\r\n\t\t\t\t\t\t\t</h4>\r\n\t\t\t\t\t\t\t<Formik\r\n\t\t\t\t\t\t\t\tonSubmit={(values, formikActions) => {\r\n\t\t\t\t\t\t\t\t\tif (isConfirmed) {\r\n\t\t\t\t\t\t\t\t\t\tsetSending(true);\r\n\t\t\t\t\t\t\t\t\t\trest.post('v1/testimonials', values)\r\n\t\t\t\t\t\t\t\t\t\t\t.then((response) => {\r\n\t\t\t\t\t\t\t\t\t\t\t\tsetSent(true);\r\n\t\t\t\t\t\t\t\t\t\t\t\tsetAttachment([]);\r\n\t\t\t\t\t\t\t\t\t\t\t\tformikActions.resetForm();\r\n\t\t\t\t\t\t\t\t\t\t\t\tsetStateFormLabel('');\r\n\t\t\t\t\t\t\t\t\t\t\t\tGAeventSubmit('Testimonial-Form', 'Submit', 'Testimonial-Form');\r\n\t\t\t\t\t\t\t\t\t\t\t\tsetSending(false);\r\n\t\t\t\t\t\t\t\t\t\t\t});\r\n\t\t\t\t\t\t\t\t\t}\r\n\t\t\t\t\t\t\t\t}}\r\n\t\t\t\t\t\t\t\tinitialValues={{\r\n\t\t\t\t\t\t\t\t\tfirstName: '',\r\n\t\t\t\t\t\t\t\t\tlastName: '',\r\n\t\t\t\t\t\t\t\t\tisDisplayed: true,\r\n\t\t\t\t\t\t\t\t\tcity: '',\r\n\t\t\t\t\t\t\t\t\tstate: '',\r\n\t\t\t\t\t\t\t\t\temail: '',\r\n\t\t\t\t\t\t\t\t\tvetId: '',\r\n\t\t\t\t\t\t\t\t\tmessage: '',\r\n\t\t\t\t\t\t\t\t\tfilePath: [],\r\n\t\t\t\t\t\t\t\t\tcaptcha: ''\r\n\t\t\t\t\t\t\t\t}}\r\n\t\t\t\t\t\t\t\tvalidationSchema={validationSchema}\r\n\t\t\t\t\t\t\t\trender={(formikBag: FormikProps<any>) => {\r\n\t\t\t\t\t\t\t\t\treturn (\r\n\t\t\t\t\t\t\t\t\t\t<Form className=\"vet-tes-modal__form\">\r\n\t\t\t\t\t\t\t\t\t\t\t<CustomInput\r\n\t\t\t\t\t\t\t\t\t\t\t\ttype=\"text\"\r\n\t\t\t\t\t\t\t\t\t\t\t\tname=\"firstName\"\r\n\t\t\t\t\t\t\t\t\t\t\t\tplaceholder=\"First Name*\"\r\n\t\t\t\t\t\t\t\t\t\t\t\tformikBag={formikBag}\r\n\t\t\t\t\t\t\t\t\t\t\t\t// onBlur={handleOnBlur}\r\n\t\t\t\t\t\t\t\t\t\t\t\thandleOnChange={handleOnChange}\r\n\t\t\t\t\t\t\t\t\t\t\t/>\r\n\t\t\t\t\t\t\t\t\t\t\t<CustomInput\r\n\t\t\t\t\t\t\t\t\t\t\t\ttype=\"text\"\r\n\t\t\t\t\t\t\t\t\t\t\t\tname=\"lastName\"\r\n\t\t\t\t\t\t\t\t\t\t\t\tplaceholder=\"Last Name\"\r\n\t\t\t\t\t\t\t\t\t\t\t\tformikBag={formikBag}\r\n\t\t\t\t\t\t\t\t\t\t\t\t// onBlur={handleOnBlur}\r\n\t\t\t\t\t\t\t\t\t\t\t\thandleOnChange={handleOnChange}\r\n\t\t\t\t\t\t\t\t\t\t\t/>\r\n\t\t\t\t\t\t\t\t\t\t\t<CustomCheckbox\r\n\t\t\t\t\t\t\t\t\t\t\t\tisChecked={isChecked}\r\n\t\t\t\t\t\t\t\t\t\t\t\tsetIsChecked={setIsChecked}\r\n\t\t\t\t\t\t\t\t\t\t\t\tformikBag={formikBag}\r\n\t\t\t\t\t\t\t\t\t\t\t\tcapture=\"Would you like your name displayed with your testimonial?\"\r\n\t\t\t\t\t\t\t\t\t\t\t/>\r\n\t\t\t\t\t\t\t\t\t\t\t<CustomInput\r\n\t\t\t\t\t\t\t\t\t\t\t\ttype=\"text\"\r\n\t\t\t\t\t\t\t\t\t\t\t\tname=\"city\"\r\n\t\t\t\t\t\t\t\t\t\t\t\tplaceholder=\"City*\"\r\n\t\t\t\t\t\t\t\t\t\t\t\tformikBag={formikBag}\r\n\t\t\t\t\t\t\t\t\t\t\t\t// onBlur={handleOnBlur}\r\n\t\t\t\t\t\t\t\t\t\t\t\thandleOnChange={handleOnChange}\r\n\t\t\t\t\t\t\t\t\t\t\t/>\r\n\t\t\t\t\t\t\t\t\t\t\t<SearchFieldAuto\r\n\t\t\t\t\t\t\t\t\t\t\t\tname=\"state\"\r\n\t\t\t\t\t\t\t\t\t\t\t\tplaceholder=\"State*\"\r\n\t\t\t\t\t\t\t\t\t\t\t\tlistOptions={stateListOptions}\r\n\t\t\t\t\t\t\t\t\t\t\t\tformikBag={formikBag}\r\n\t\t\t\t\t\t\t\t\t\t\t\tonSelect={(value, option) => {\r\n\t\t\t\t\t\t\t\t\t\t\t\t\tformikBag.setFieldValue('state', value);\r\n\t\t\t\t\t\t\t\t\t\t\t\t\tsetStateFormLabel(option.label);\r\n\t\t\t\t\t\t\t\t\t\t\t\t\tsetStateSelected(value);\r\n\t\t\t\t\t\t\t\t\t\t\t\t}}\r\n\t\t\t\t\t\t\t\t\t\t\t\tlabel={stateFormlabel}\r\n\t\t\t\t\t\t\t\t\t\t\t\tonChange={(value, option) => {\r\n\t\t\t\t\t\t\t\t\t\t\t\t\tformikBag.setFieldValue('state', value);\r\n\t\t\t\t\t\t\t\t\t\t\t\t\tsetStateFormLabel(value);\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t!value && setStateSelected('');\r\n\t\t\t\t\t\t\t\t\t\t\t\t\thandleOnChange({name: 'state', value: option.value});\r\n\t\t\t\t\t\t\t\t\t\t\t\t}}\r\n\t\t\t\t\t\t\t\t\t\t\t\tsearchButton={false}\r\n\t\t\t\t\t\t\t\t\t\t\t\tadjustValue\r\n\t\t\t\t\t\t\t\t\t\t\t\tsetStateFormLabel={setStateFormLabel}\r\n\t\t\t\t\t\t\t\t\t\t\t\tallowClear={true}\r\n\t\t\t\t\t\t\t\t\t\t\t\tcustomFilter={stateFilter}\r\n\t\t\t\t\t\t\t\t\t\t\t/>\r\n\t\t\t\t\t\t\t\t\t\t\t{\r\n\t\t\t\t\t\t\t\t\t\t\t\t!formikBag.values['state'] ? <div className={'break'}/> : null\r\n\t\t\t\t\t\t\t\t\t\t\t}\r\n\t\t\t\t\t\t\t\t\t\t\t<CustomInput\r\n\t\t\t\t\t\t\t\t\t\t\t\tname=\"email\"\r\n\t\t\t\t\t\t\t\t\t\t\t\tplaceholder=\"Email Address*\"\r\n\t\t\t\t\t\t\t\t\t\t\t\tformikBag={formikBag}\r\n\t\t\t\t\t\t\t\t\t\t\t\tremoveSpace={true}\r\n\t\t\t\t\t\t\t\t\t\t\t\thandleOnChange={handleOnChange}\r\n\t\t\t\t\t\t\t\t\t\t\t/>\r\n\t\t\t\t\t\t\t\t\t\t\t<CustomSelect\r\n\t\t\t\t\t\t\t\t\t\t\t\tname=\"vetId\"\r\n\t\t\t\t\t\t\t\t\t\t\t\tplaceholder=\"Select or type Veterinarian Name*\"\r\n\t\t\t\t\t\t\t\t\t\t\t\tonSelect={(value, option) => {\r\n\t\t\t\t\t\t\t\t\t\t\t\t\tsetOpen(false);\r\n\t\t\t\t\t\t\t\t\t\t\t\t\tformikBag.setFieldValue('vetId', value);\r\n\t\t\t\t\t\t\t\t\t\t\t\t}}\r\n\t\t\t\t\t\t\t\t\t\t\t\tonChange={(value, option) => {\r\n\t\t\t\t\t\t\t\t\t\t\t\t\tsetOpen(false);\r\n\t\t\t\t\t\t\t\t\t\t\t\t\tformikBag.setFieldValue('vetId', value);\r\n\t\t\t\t\t\t\t\t\t\t\t\t\thandleOnChange({name: 'vetName', value: option.label});\r\n\t\t\t\t\t\t\t\t\t\t\t\t}}\r\n\t\t\t\t\t\t\t\t\t\t\t\tonSearch={(value, option) => {\r\n\t\t\t\t\t\t\t\t\t\t\t\t\tvalue.length > 0 ? setOpen(true) : setOpen(false);\r\n\t\t\t\t\t\t\t\t\t\t\t\t\tsetVetFieldValue && setVetFieldValue(value);\r\n\t\t\t\t\t\t\t\t\t\t\t\t}}\r\n\t\t\t\t\t\t\t\t\t\t\t\toptions={vetListOptions}\r\n\t\t\t\t\t\t\t\t\t\t\t\tshowSearch={true}\r\n\t\t\t\t\t\t\t\t\t\t\t\tonFocus={() => {\r\n\t\t\t\t\t\t\t\t\t\t\t\t}}\r\n\t\t\t\t\t\t\t\t\t\t\t\ttransform={true}\r\n\t\t\t\t\t\t\t\t\t\t\t\tformikBag={formikBag}\r\n\t\t\t\t\t\t\t\t\t\t\t\tparentContainer={'.vet-tes-modal__form'}\r\n\t\t\t\t\t\t\t\t\t\t\t\tvalue={!formikBag.values['vetId'] ? undefined : formikBag.values['vetId']}\r\n\t\t\t\t\t\t\t\t\t\t\t\tshowArrow={false}\r\n\t\t\t\t\t\t\t\t\t\t\t\topen={open}\r\n\t\t\t\t\t\t\t\t\t\t\t/>\r\n\t\t\t\t\t\t\t\t\t\t\t<div className=\"vet-tes-modal__form-textarea\">\r\n\t\t\t\t\t\t\t\t\t\t\t\t<CustomInput\r\n\t\t\t\t\t\t\t\t\t\t\t\t\tcomponent={'textarea'}\r\n\t\t\t\t\t\t\t\t\t\t\t\t\tname=\"message\"\r\n\t\t\t\t\t\t\t\t\t\t\t\t\tplaceholder=\"Tell us about your experience\"\r\n\t\t\t\t\t\t\t\t\t\t\t\t\tformikBag={formikBag}\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t// onBlur={handleOnBlur}\r\n\t\t\t\t\t\t\t\t\t\t\t\t\thandleOnChange={handleOnChange}\r\n\t\t\t\t\t\t\t\t\t\t\t\t/>\r\n\t\t\t\t\t\t\t\t\t\t\t</div>\r\n\t\t\t\t\t\t\t\t\t\t\t<Field\r\n\t\t\t\t\t\t\t\t\t\t\t\tname=\"filePath\"\r\n\t\t\t\t\t\t\t\t\t\t\t\trender={(field) => {\r\n\t\t\t\t\t\t\t\t\t\t\t\t\treturn (\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t<div className={field.form.errors['filePath'] && field.form.touched['filePath'] ? 'attachment attachment_cropped' : 'attachment'}>\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<h4 className=\"attachment-title\">\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\tUpload picture of your pet\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t</h4>\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<AttachmentPreview\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\tattachment={attachment}\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\tsetAttachment={setAttachment}\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\tformikBag={formikBag}\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t/>\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<div className=\"attachment-upload-container\">\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<FileUpload\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\tupdate={data => onFileUpload(\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\tdata,\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\tfield,\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\tformikBag,\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t'filePath',\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\tmaxFile,\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\timgExtension,\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\tattachment,\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\tmaxImgCount,\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\tsetAttachment,\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t)}\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\ttype=\"jobInquiry\"\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\tfileType={FileType.File}\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\tnoRelation={true}\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\tasButton buttonClassName=\"btn btn-secondary\"\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\tbuttonCaption=\"Upload a file\"\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\tmultiple={false}\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\taspectRatio={2 / 3}\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\tmaxFile={maxFile}\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\tfield={field}\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t/>\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<span className=\"attachment-note\">(Maximum file size is 10MB in JPG or PNG format)</span>\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t</div>\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t{\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\tfield.form.errors['filePath'] && field.form.touched['filePath'] ?\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<div\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\tclassName=\"custom-input__error error_top-gap\"> {field.form.errors['filePath']}</div> : null\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t}\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t</div>\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t);\r\n\t\t\t\t\t\t\t\t\t\t\t\t}}\r\n\t\t\t\t\t\t\t\t\t\t\t/>\r\n\t\t\t\t\t\t\t\t\t\t\t<FormikField\r\n\t\t\t\t\t\t\t\t\t\t\t\tcontainerClassName=\"captcha\"\r\n\t\t\t\t\t\t\t\t\t\t\t\tfieldName=\"captcha\"\r\n\t\t\t\t\t\t\t\t\t\t\t\trender={fieldProps =>\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t<ReCAPTCHA\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\tsitekey=\"6LezTMIcAAAAACaXvLNse5bmTJpwqs0Ezm_bhTrU\"\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\tonChange={(value) => {\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\tif (value) {\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\tformikBag.setFieldValue('captcha', value);\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\tsetIsConfirmed(true);\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t} else {\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\tformikBag.setFieldValue('captcha', '');\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\tsetIsConfirmed(false);\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\tsetSending(false);\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t}\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t}}\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\tonExpired={() => formikBag.setFieldValue('captcha', 'expired')}\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\thl=\"en\"\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t/>\r\n\t\t\t\t\t\t\t\t\t\t\t\t}\r\n\t\t\t\t\t\t\t\t\t\t\t/>\r\n\t\t\t\t\t\t\t\t\t\t\t<div className=\"modal-button\">\r\n\t\t\t\t\t\t\t\t\t\t\t\t<button\r\n\t\t\t\t\t\t\t\t\t\t\t\t\ttype=\"submit\"\r\n\t\t\t\t\t\t\t\t\t\t\t\t\tclassName=\"btn btn-primary btn-lg\"\r\n\t\t\t\t\t\t\t\t\t\t\t\t\tdisabled={sending}\r\n\t\t\t\t\t\t\t\t\t\t\t\t>\r\n\t\t\t\t\t\t\t\t\t\t\t\t\tSubmit your testimonial\r\n\t\t\t\t\t\t\t\t\t\t\t\t</button>\r\n\t\t\t\t\t\t\t\t\t\t\t\t<button\r\n\t\t\t\t\t\t\t\t\t\t\t\t\ttype=\"button\"\r\n\t\t\t\t\t\t\t\t\t\t\t\t\tclassName=\"btn btn-primary btn-lg\"\r\n\t\t\t\t\t\t\t\t\t\t\t\t\tonClick={openModal}\r\n\t\t\t\t\t\t\t\t\t\t\t\t>\r\n\t\t\t\t\t\t\t\t\t\t\t\t\tPreview your testimonial\r\n\t\t\t\t\t\t\t\t\t\t\t\t</button>\r\n\t\t\t\t\t\t\t\t\t\t\t\t{\r\n\t\t\t\t\t\t\t\t\t\t\t\t\tsending ?\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t<div className=\"lds-ring\">\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<div/>\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<div/>\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<div/>\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<div/>\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t</div>\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t: null\r\n\t\t\t\t\t\t\t\t\t\t\t\t}\r\n\t\t\t\t\t\t\t\t\t\t\t</div>\r\n\t\t\t\t\t\t\t\t\t\t</Form>\r\n\t\t\t\t\t\t\t\t\t);\r\n\t\t\t\t\t\t\t\t}}\r\n\t\t\t\t\t\t\t/>\r\n\t\t\t\t\t\t</> : <></>\r\n\t\t\t\t\t\t}\r\n\t\t\t\t\t</div>\r\n\t\t\t\t</div>\r\n\t\t\t</Modal>\r\n\t\t\t<VetTesPreviewModal\r\n\t\t\t\tmodalVisible={modalPreviewVisible}\r\n\t\t\t\tsetModalVisible = {setModalPreviewVisible}\r\n\t\t\t\ttes={formValues}\r\n\t\t\t/>\r\n\t\t</>\r\n\t);\r\n};\r\n\r\nexport default VetTesModal;","import * as React from 'react';\r\n\r\nimport Modal from 'antd/lib/modal';\r\nimport imagePlaceholder from '@images/image-placeholder.png';\r\n\r\nimport '@app/scss/localCommon/components/attachment.scss';\r\nimport '@app/scss/components/vetTesModal.scss';\r\nimport {TesAuthorCredits, VetAvatar} from '@app/components/UI/VetTesCard/VetTesCard';\r\nimport {months} from '@app/components/LocalCommon/Constants/Months';\r\nimport {getImagePath} from '@app/objects/Image';\r\n\r\nconst VetTesPreviewModal = ({\r\n\t\tmodalVisible,\r\n\t\tsetModalVisible,\r\n\t\ttes\r\n\t}) => {\r\n\tconst avatarHeight = 80;\r\n\tconst avatarWidth = 80;\r\n\tconst petImgHeight = 400;\r\n\tconst petImgWidth = 280;\r\n\tconst date = new Date();\r\n\tconst today = {\r\n\t\tmonth: months[date.getMonth()],\r\n\t\tyear: date.getFullYear(),\r\n\t\tday: date.getDate()\r\n\t};\r\n\r\n\tconst imageAltCapture = `\r\n\t\tLap of Love Veterinary Hospice ${tes.city ? tes.city : ''}, \r\n\t\t${tes.state ? tes.state : ''} Testimonial for ${tes.vetName} \r\n\t\t${tes.firstName ? `by ${tes.firstName} ${tes.lastName}` : ''}`;\r\n\r\n\tconst {firstName, lastName, vetName = '', message = '', city = '', state = '', vetAvatar = imagePlaceholder, imgSrc = '', isShowName} = tes;\r\n\r\n\treturn (\r\n\t\t<Modal\r\n\t\t\twrapClassName=\"modal-wrap vet-tes-preview-modal\"\r\n\t\t\tvisible={modalVisible}\r\n\t\t\tonOk={() => setModalVisible(false)}\r\n\t\t\tonCancel={() => setModalVisible(false)}\r\n\t\t\twidth={1037}\r\n\t\t\tcentered\r\n\t\t>\r\n\t\t\t<div className=\"vet-tes-card__wrapper\">\r\n\t\t\t\t<div className=\"vet-tes-card\">\r\n\t\t\t\t\t{vetName &&\r\n\t\t\t\t\t\t<VetAvatar vetAvatar={vetAvatar === imagePlaceholder ? vetAvatar : getImagePath(vetAvatar, avatarHeight, avatarWidth)} vetName={`${vetName}`}/>\r\n\t\t\t\t\t}\r\n\r\n\t\t\t\t\t{message &&\r\n\t\t\t\t\t\t<div className=\"vet-tes-card_swipe\">\r\n\t\t\t\t\t\t\t<p className=\"vet-tes-card__text\">\r\n\t\t\t\t\t\t\t\t{message}\r\n\t\t\t\t\t\t\t</p>\r\n\t\t\t\t\t\t</div>\r\n\t\t\t\t\t}\r\n\r\n\t\t\t\t\t<TesAuthorCredits\r\n\t\t\t\t\t\tfirstName={firstName}\r\n\t\t\t\t\t\tlastName={lastName}\r\n\t\t\t\t\t\tcity={city}\r\n\t\t\t\t\t\tstate={state}\r\n\t\t\t\t\t\tdate={today}\r\n\t\t\t\t\t\tisShowName={isShowName}\r\n\t\t\t\t\t/>\r\n\r\n\t\t\t\t</div>\r\n\t\t\t\t{\r\n\t\t\t\t\timgSrc &&\r\n\t\t\t\t\t<div className=\"vet-tes-card__pet-img\">\r\n\t\t\t\t\t\t<img\r\n\t\t\t\t\t\t\tsrc={getImagePath(imgSrc, petImgHeight, petImgWidth)}\r\n\t\t\t\t\t\t\talt={imageAltCapture}\r\n\t\t\t\t\t\t/>\r\n\t\t\t\t\t</div>\r\n\t\t\t\t}\r\n\t\t\t</div>\r\n\t\t</Modal>\r\n\t);\r\n};\r\n\r\nexport default VetTesPreviewModal;","import * as React from 'react';\r\n\r\nimport Modal from 'antd/lib/modal';\r\n\r\nimport {useHistory, useParams} from 'react-router-dom';\r\n\r\nimport {TesAuthorCredits, Date} from '@app/components/UI/VetTesCard/VetTesCard';\r\nimport {convertAllDates, dateConvert} from '@app/components/Pages/PetMemorial/utils/dateConvert';\r\nimport LinkMore from '@app/components/LocalCommon/LinkMore/LinkMore';\r\nimport {rest} from '@app/components/Api';\r\nimport {VetTestimonialsRes} from '@app/objects/VetTestimonialsRes';\r\nimport {MemorialsRes} from '@app/objects/PetMemorial';\r\nimport imagePlaceholder from '@app/images/image-placeholder.png';\r\nimport {bodyOverflowRemove, bodyOverflowTransform} from '@app/components/LocalCommon/Utils/bodyOverflowTransform';\r\nimport {getImagePath} from '@app/objects/Image';\r\n\r\ninterface CurrentTestimonial extends VetTestimonialsRes {\r\n\tdatePost: Date;\r\n}\r\nconst TestimonialCardModal = ({tesModalVisible, setTesModalVisible, outerModalProps}) => {\r\n\tconst [currentTestimonial, setCurrentTestimonial] = React.useState<CurrentTestimonial>();\r\n\tconst [mainImage, setMainImage] = React.useState((currentTestimonial?.avatar && currentTestimonial?.avatar) || undefined);\r\n\tconst history = useHistory();\r\n\tconst params: { id?: string | undefined } = useParams();\r\n\r\n\tconst closeModal = () => {\r\n\t\tconst id = params.id;\r\n\t\tconst outerItem = outerModalProps.filter(item => id && item.id === +id);\r\n\t\thistory.push('/veterinarian-testimonials');\r\n\t\tsetTesModalVisible(false);\r\n\t};\r\n\r\n\tconst imageAltCapture = currentTestimonial && currentTestimonial.user && `Lap of Love Veterinary Hospice ${currentTestimonial.city ? currentTestimonial.city : ''}, \r\n\t\t${currentTestimonial.state ? currentTestimonial.state : ''} Testimonial for Dr. ${currentTestimonial.user.firstName} ${currentTestimonial.user.lastName} \r\n\t\t${currentTestimonial.firstName ? `by ${currentTestimonial.firstName} ${currentTestimonial.lastName}` : ''}`;\r\n\r\n\tReact.useEffect(() => {\r\n\t\t!params.id && history.push('/veterinarian-testimonials/');\r\n\t\t!params.id && setTesModalVisible(false);\r\n\t}, [params.id]);\r\n\r\n\tReact.useEffect(() => {\r\n\t\tsetMainImage(currentTestimonial?.avatar);\r\n\t}, [currentTestimonial]);\r\n\r\n\tReact.useEffect(() => {\r\n\t\tbodyOverflowTransform(tesModalVisible);\r\n\t}, [tesModalVisible]);\r\n\r\n\tReact.useEffect(() => {\r\n\t\tconst id = params.id;\r\n\t\tconst outerItem = outerModalProps.filter(item => id && item.id === +id);\r\n\t\tconst getTestimonialFromList = () => {\r\n\t\t\tconst dates = convertAllDates(null, null, outerItem[0]?.dateCreated);\r\n\t\t\tconst testimonialFromList = {\r\n\t\t\t\ttestimonial: outerItem[0],\r\n\t\t\t\tdatePost: dates.datePost\r\n\t\t\t};\r\n\t\t\tsetCurrentTestimonial({...outerItem[0], datePost: dates.datePost});\r\n\t\t};\r\n\t\touterModalProps.length ?\r\n\t\t\tgetTestimonialFromList() :\r\n\r\n\t\t\tid && rest.get<VetTestimonialsRes>(`v1/testimonials/${id}`)\r\n\t\t\t\t.then((res) => {\r\n\t\t\t\t\tconst datePost = dateConvert(res as unknown as MemorialsRes).datePost;\r\n\t\t\t\t\tsetCurrentTestimonial({...res, datePost: datePost});\r\n\t\t\t\t\tsetTesModalVisible(true);\r\n\t\t\t\t});\r\n\r\n\t}, [params]);\r\n\r\n\treturn (\r\n\t\t<Modal\r\n\t\t\twrapClassName=\"pet-mem-modal modal-wrap\"\r\n\t\t\tvisible={tesModalVisible}\r\n\t\t\tonOk={() => setTesModalVisible(false)}\r\n\t\t\tonCancel={() => {\r\n\t\t\t\tcloseModal();\r\n\t\t\t}}\r\n\t\t\twidth={1037}\r\n\t\t\tgetContainer=\"#vet-testimonials\"\r\n\t\t\t// afterClose={() => bodyOverflowRemove()}\r\n\t\t>\r\n\t\t\t<div className=\"pet-mem-modal__content\">\r\n\t\t\t\t<div className=\"pet-mem-modal__container\">\r\n\t\t\t\t\t<header className=\"pet-mem-modal__content-header\">\r\n\t\t\t\t\t\t<div className=\"pet-mem-modal__content-header-title\">\r\n\t\t\t\t\t\t\t<h4>{`Dr. ${currentTestimonial?.user?.firstName} ${currentTestimonial?.user?.lastName}`}</h4>\r\n\t\t\t\t\t\t</div>\r\n\t\t\t\t\t</header>\r\n\t\t\t\t\t{\r\n\t\t\t\t\t\tcurrentTestimonial?.avatar ?\r\n\t\t\t\t\t\t\t<div className=\"pet-mem-modal__content-gallery\">\r\n\t\t\t\t\t\t\t\t<img\r\n\t\t\t\t\t\t\t\t\tsrc={mainImage !== imagePlaceholder ? getImagePath(mainImage, 420) : mainImage}\r\n\t\t\t\t\t\t\t\t\talt={imageAltCapture}\r\n\t\t\t\t\t\t\t\t\tclassName={'pet-mem-modal__content-gallery-main_single'}\r\n\t\t\t\t\t\t\t\t\tonError={() => {\r\n\t\t\t\t\t\t\t\t\t\tsetMainImage(imagePlaceholder);\r\n\t\t\t\t\t\t\t\t\t}}\r\n\t\t\t\t\t\t\t\t/>\r\n\t\t\t\t\t\t\t</div> : null\r\n\t\t\t\t\t}\r\n\r\n\t\t\t\t\t<div className=\"pet-mem-modal__content-topic\" style={{marginTop: '32px'}}>\r\n\t\t\t\t\t\t<p>\r\n\t\t\t\t\t\t\t{currentTestimonial?.message}\r\n\t\t\t\t\t\t</p>\r\n\t\t\t\t\t</div>\r\n\t\t\t\t\t<TesAuthorCredits\r\n\t\t\t\t\t\tfirstName={currentTestimonial?.firstName}\r\n\t\t\t\t\t\tlastName={currentTestimonial?.lastName}\r\n\t\t\t\t\t\tcity={currentTestimonial?.city}\r\n\t\t\t\t\t\tstate={currentTestimonial?.state}\r\n\t\t\t\t\t\tdate={currentTestimonial?.datePost}\r\n\t\t\t\t\t/>\r\n\t\t\t\t\t<div className = \"vet-tes-card__look-more\">\r\n\t\t\t\t\t\t{currentTestimonial?.user?.firstName &&\r\n\t\t\t\t\t\t<>\r\n\t\t\t\t\t\t\t{\r\n\t\t\t\t\t\t\t\tcurrentTestimonial?.user?.areaUrl &&\r\n\t\t\t\t\t\t\t\t<LinkMore\r\n\t\t\t\t\t\t\t\t\tlinkMoreCaption={`View Dr. ${currentTestimonial?.user?.firstName}'s biography`}\r\n\t\t\t\t\t\t\t\t\tlinkMoreLink={\r\n\t\t\t\t\t\t\t\t\t\t`/find-a-vet/${currentTestimonial?.user?.area.state}/${currentTestimonial?.user?.areaUrl}/veterinarians?veterinarian=${currentTestimonial?.user?.id}`}\r\n\t\t\t\t\t\t\t\t/>\r\n\t\t\t\t\t\t\t}\r\n\r\n\t\t\t\t\t\t\t{\r\n\t\t\t\t\t\t\t\tcurrentTestimonial.petMemorial &&\r\n\r\n\t\t\t\t\t\t\t\t<LinkMore\r\n\t\t\t\t\t\t\t\t\tlinkMoreCaption={`View ${currentTestimonial.petMemorial.petName}'s memorial`}\r\n\t\t\t\t\t\t\t\t\tlinkMoreLink={`/pet-memorial/${currentTestimonial.petMemorial.id}`}/>\r\n\t\t\t\t\t\t\t}\r\n\t\t\t\t\t\t</>\r\n\t\t\t\t\t\t}\r\n\t\t\t\t\t</div>\r\n\t\t\t\t</div>\r\n\t\t\t</div>\r\n\t\t</Modal>\r\n\t);\r\n};\r\n\r\nexport default TestimonialCardModal;","module.exports = __webpack_public_path__ + \"ClientApp/content/vet_tes_musthead.png\";"],"sourceRoot":""}