\r\n \r\n
{business.business_name}
\r\n \r\n \r\n );\r\n })\r\n : \"\";\r\n };\r\n \r\n onMarkerClick = (props, marker, e) => {\r\n console.log(props);\r\n console.log(marker);\r\n this.setState({\r\n selectedPlace: props,\r\n activeMarker: marker,\r\n showingInfoWindow: true,\r\n });\r\n };\r\n\r\n getCenterValue = (mapProps, map) => {\r\n console.log(mapProps.center);\r\n let url = new URL(map.mapUrl);\r\n let ll = url.searchParams.get(\"ll\");\r\n console.log(ll.split(\",\"));\r\n \r\n console.log(\"param\");\r\n let params = this.state.searchData;\r\n params.latitude = ll.split(\",\")[0];\r\n params.longitude = ll.split(\",\")[1];\r\n console.log(params);\r\n //console.log(params.latitude);\r\n //console.log(params.longitude);\r\n console.log(this.state.searchresults);\r\n //this.setState({searchData: params});\r\n \r\n let data = {\r\n category: params.category ? params.category.label : \"\",\r\n business_name: params.business_name ? params.business_name.label : \"\",\r\n doctor_name: params.doctor_name ? params.doctor_name : \"\",\r\n facility: params.facility ? params.facility.value : \"\",\r\n speciality: params.speciality ? params.speciality.value : \"\",\r\n city: params.city,\r\n gender: params.gender ? params.gender.value : \"\",\r\n distance: params.distance,\r\n reviews: params.reviews,\r\n latitude: ll.split(\",\")[0],\r\n longitude: ll.split(\",\")[1],\r\n distance_type: params.distance_type,\r\n visit_type: params.visit_type,\r\n };\r\n \r\n \r\n axios\r\n .post(searchBusiness, data, CONFIG)\r\n .then((searchresults) => {\r\n console.log(\"business list\");\r\n \r\n if (searchresults.data.status === \"1\") {\r\n console.log(searchresults);\r\n // this.setState({ searchresults: searchresults.data });\r\n let result = this.state.searchresults;\r\n if (result.data.length) {\r\n result.data.forEach((element, index) => {\r\n result.data[index] = element;\r\n });\r\n window.setTimeout(() => {\r\n // this.setState({ searchresults: result });\r\n }, 500);\r\n }\r\n } else {\r\n this.setState({ error: searchresults.data.message });\r\n window.setTimeout(() => {\r\n this.setState({\r\n error: \"\",\r\n });\r\n }, 5000);\r\n }\r\n })\r\n .catch((e) => {\r\n console.log(\"business list failed\");\r\n });\r\n };\r\n\r\n displayMarkers = () => {\r\n let mapImage = require(\"../assets/images/map-pin.png\")\r\n let iconMarker = new window.google.maps.MarkerImage(\r\n mapImage,\r\n null /* size is determined at runtime */,\r\n null /* origin is 0,0 */,\r\n null /* anchor is bottom center of the scaled image */,\r\n new window.google.maps.Size(100, 100)\r\n );\r\n return this.state.searchresults\r\n ? this.state.searchresults.data.map((business, index) => {\r\n //This need to replcae real waiting time from queue table\r\n \r\n \r\n \r\n let waitingtime = business.expected_wait_time\r\n // console.log(waitingtime)\r\n // if (!before30min) {\r\n return (\r\n \r\n );\r\n // }\r\n \r\n })\r\n : \"\";\r\n };\r\n \r\n render() {\r\n let {\r\n business_list,\r\n errors,\r\n searchData,\r\n searchresults,\r\n queuein_data,\r\n family_list,\r\n \r\n } = this.state;\r\n let category_array = this.props.appdata.length\r\n ? this.props.appdata[0].category\r\n : [];\r\n let category = [];\r\n\r\n category_array.forEach((element, index) => {\r\n category.push({ value: element.id, label: element.category_name });\r\n });\r\n category_array = category;\r\n\r\n let facility_list = this.props.appdata.length\r\n ? this.props.appdata[0].facilities\r\n : [];\r\n let facility = [];\r\n\r\n facility_list.forEach((element, index) => {\r\n facility.push({ value: element.id, label: element.facility_name });\r\n });\r\n facility_list = facility;\r\n let specialities_array = this.props.appdata\r\n ? this.props.appdata[0].specialities\r\n : [];\r\n let specialities = [];\r\n specialities_array.forEach((element, index) => {\r\n specialities.push({ value: element.id, label: element.name });\r\n });\r\n specialities_array = specialities;\r\n const { hospitaltimeout, selected_doc, doctor_list, timeout, searchErrorMessage,loading,Todaydate,thisday} = this.state;\r\n return (\r\n\r\n\r\n
\r\n \r\n
\r\n \r\n\r\n
\r\n
\r\n
\r\n
{this.state.staticText[0]}
\r\n
{this.state.staticText[1]}
\r\n
\r\n {this.state.staticText[2]}\r\n {/* {this.state.displayedText} */}\r\n
\r\n {/*
\r\n Leading clinic offering exceptional online medical treatment service,
ensuring the convenient and expert care from the comfort of home.\r\n
*/}\r\n
\r\n {this.state.staticText[3]}\r\n {this.state.displayedText}\r\n
\r\n \r\n\r\n
\r\n
\r\n
\r\n
\r\n
How KlinicQ works?
\r\n
\r\n
\r\n
\r\n
\r\n {/*
\r\n
![]({require(\"../../src/assets/images/website/doctor.png\")})
\r\n
*/}\r\n
\r\n
![\"Doctor\"\r\n]({require(\"../../src/assets/images/website/239.png\")})
\r\n
\r\n
\r\n
\r\n
\r\n
*/}\r\n {/*
KlinicQ application is a cloud-based Electronic Clinical Management System (e CMS) that can be accessed from anywhere and anytime.
*/}\r\n {/*
{this.state.staticText[0]}
\r\n
{this.state.staticText[1]}
\r\n
\r\n {this.state.staticText[2]}\r\n {this.state.displayedText}\r\n
\r\n
\r\n Leading clinic offering exceptional online medical treatment service,
ensuring the convenient and expert care from the comfort of home.\r\n
\r\n
\r\n
\r\n
\r\n
\r\n
How KlinicQ works ?
\r\n
\r\n
\r\n
\r\n
\r\n
*/}\r\n {/*
*/}\r\n {/*
\r\n
\r\n
\r\n
\r\n
\r\n
\r\n
KlinicQ application is a cloud-based Electronic Clinical Management System (e CMS) that can be accessed from anywhere and anytime.
\r\n
leading clinic offering exceptional online medical treatment service,
\r\nensuring the convenient and expert care from the comfort of home
\r\n \r\n
\r\n
\r\n
\r\n
\r\n
How KlinicQ works ?
\r\n
\r\n
\r\n
\r\n
\r\n
\r\n
![]({require(\"../../src/assets/images/website/smiling-doctor.png\")})
*/}\r\n {/*
![]({require(\"../../src/assets/images/website/Vector1.png\")})
*/}\r\n{/*
\r\n
*/}\r\n \r\n {/*
\r\n
\r\n
100%
\r\n
Sucess rate This Year
\r\n
*/}\r\n \r\n {/*
\r\n
\r\n
\r\n
\r\n
\r\n
\r\n
![]({require(\"../../src/assets/images/website/nurse.jpg\")})
\r\n
![]({require(\"../../src/assets/images/website/image2.png\")})
\r\n
\r\n
\r\n
![]({require(\"../../src/assets/images/website/image1.png\")})
\r\n \r\n
\r\n
![]({require(\"../../src/assets/images/website/Rectangle1.png\")})
\r\n
100% Success Rate This Year
\r\n \r\n
\r\n */}\r\n\r\n {/*
\r\n
\r\n \r\n
*/}\r\n {/*
\r\n \r\n
\r\n
\r\n
\r\n
\r\n
KlinicQ Revolutionizing How You Manage Your Health\r\n
*/}\r\n {/*
\r\n
\r\n
\r\n
\r\n
![]({require(\"../../src/assets/images/website/company.png\")})
\r\n
\r\n
\r\n
![]({require(\"../../src/assets/images/website/doctor7.jpg\")})
\r\n
\r\n
\r\n
*/}\r\n\r\n {/*
\r\n
KlinicQ application is a cloud-based Electronic Clinical Management
System (e CMS) that can be accessed from anywhere and anytime
\r\n
\r\n
\r\n
KlinicQ application is a comprehensive solution for managing Clinic
operations safely and without manual error usually associated with
handwriting and paper-based records.
\r\n
\r\n
\r\n
It has been developed to address operational issues ,streamline the
process,and improve efficiency with proactive engagement &
Improved medication adherence rate by 15%
\r\n
\r\n
\r\n
It helps organize doctor scheduels,collate patient notes,health
history,medical records,and other critical metrics in real-time,and
handle payment effortlessly & improved patient satisfaction by 75%
\r\n
\r\n
\r\n
\r\n \r\n
\r\n
\r\n
\r\n
\r\n
\r\n
*/}\r\n {/*
\r\n \r\n
*/}\r\n {/*
\r\n
Fostering Wellness with a Single Click
\r\n
KlinicQ is our Electronic Clinical Management System (e CMS) application.Electronic Clinical Management System
(e CMS) application. It is user-friendly, convenient, comprehensive, and integrated to manage all hospital
operations safely and with no manual error usually associated with handwriting & paper-based records.
\r\n
*/}\r\n {/*
*/}\r\n {/*
*/}\r\n {/* */}\r\n {/* */}\r\n {/*
*/}\r\n {/*
*/}\r\n {/*
\r\n
\r\n
\r\n \r\n
\r\n
\r\n
\r\n
\r\n
*/}\r\n {/*
*/}\r\n {/*
![]({require(\"../../src/assets/images/website/patient8.png\")})
\r\n
\r\n
\r\n
Patient
\r\n
\r\n
\r\n
The patient portal is designed to manage primary & family members under the same account with a unique ID for each member.
\r\n
\r\n
\r\n
*/}\r\n {/*
*/}\r\n {/*
*/}\r\n {/*
\r\n ![\"Arrow\"]({require(\"../../src/assets/images/website/blackarrow.png\")})
\r\n \r\n
\r\n
\r\n
\r\n
\r\n
\r\n
\r\n
\r\n
\r\n
*/}\r\n {/*
*/}\r\n {/*
![]({require(\"../../src/assets/images/website/profile3.png\")})
\r\n
\r\n
\r\n
Doctor
\r\n
\r\n
\r\n
A doctor portal is designed based on the physician's specialty and can work for any specialization.
\r\n
\r\n
\r\n
*/}\r\n {/*
*/}\r\n {/*
*/}\r\n {/*
\r\n \r\n \r\n
\r\n
\r\n
\r\n
\r\n
\r\n
\r\n
\r\n
\r\n
*/}\r\n {/*
*/}\r\n {/*
![]({require(\"../../src/assets/images/website/profile1.webp\")})
\r\n
\r\n
\r\n
Hospital
\r\n
\r\n
\r\n
A hospital portal is designed to manage multi-specialty and different consultation modes.
\r\n
\r\n
\r\n
*/}\r\n {/*
*/}\r\n {/*
*/}\r\n {/*
\r\n \r\n \r\n
\r\n
\r\n
\r\n
\r\n
\r\n
\r\n
\r\n
\r\n
\r\n \r\n
\r\n
\r\n
\r\n
\r\n
\r\n
*/}\r\n {/*
![]()
*/}\r\n {/*
\r\n
\r\n
\r\n
Patient
\r\n
\r\n
\r\n
The patient portal is designed to manage primary & family members under the same account with a unique ID for each member.
\r\n
\r\n
*/}\r\n {/*
*/}\r\n {/*
*/}\r\n {/*
*/}\r\n {/*
*/}\r\n {/*
*/}\r\n {/*
![]()
*/}\r\n {/*
*/}\r\n {/*
*/}\r\n {/*
\r\n
\r\n
\r\n
\r\n
\r\n
\r\n
\r\n
*/}\r\n {/*
![]()
*/}\r\n {/*
\r\n
\r\n
\r\n
Doctor
\r\n
\r\n
\r\n
A doctor portal is designed based on the physician's specialty and can work for any specialization.
\r\n
\r\n
\r\n
*/}\r\n {/*
*/}\r\n {/*
*/}\r\n {/*
*/}\r\n {/*
![]()
*/}\r\n {/*
*/}\r\n {/*
\r\n
\r\n
\r\n
\r\n
\r\n
\r\n
\r\n
\r\n
\r\n
\r\n
\r\n
\r\n
Hospital
\r\n
\r\n
\r\n
A hospital portal is designed to manage multi-specialty and different consultation modes.
\r\n
\r\n
\r\n
*/}\r\n {/*
*/}\r\n {/*
*/}\r\n {/*
*/}\r\n {/*
*/}\r\n {/*
*/}\r\n {/*
\r\n
\r\n
\r\n
\r\n
\r\n
\r\n
\r\n \r\n
\r\n \r\n \r\n
\r\n \r\n \r\n\r\n \r\n
\r\n
\r\n
\r\n
![]({require(\"../../src/assets/images/website/rest3.png\")})
\r\n
\r\n
\r\n {/*
*/}\r\n
\r\n
\r\n
\r\n
Select Specialist
\r\n
\r\n
\r\n
\r\n
![]({require(\"../../src/assets/images/website/rest4.png\")})
\r\n
\r\n
Dr Adinda
\r\n
Eye Specialist
\r\n
\r\n
\r\n
\r\n
![]({require(\"../../src/assets/images/website/rest5.png\")})
\r\n
\r\n
Dr Jackson
\r\n
Ear Specialist
\r\n
\r\n
\r\n
\r\n
\r\n {/*
*/}\r\n
\r\n
\r\n
\r\n
\r\n
Rest assured, your health is in the most capable hands.
\r\n
With medical professionals in more than 100+ countries and a 98% customer satisfaction rate, Doctoralia offers reliable health information. With an extensive network of doctors, we are able to offer a wide range of high quality medical tests. What's more, our prices are up to 70% cheaper than other online providers.
\r\n \r\n
\r\n
\r\n
\r\n
\r\n
\r\n
900+ specialists
\r\n
\r\n
\r\n
\r\n
![]({require(\"../../src/assets/images/website/rest1.png\")})
\r\n
\r\n
\r\n
900+ specialists
\r\n
\r\n
\r\n
\r\n
\r\n
\r\n
\r\n
Book an Appointment
\r\n
Book an Appointment
\r\n
\r\n
\r\n
\r\n
![]({require(\"../../src/assets/images/website/calender.png\")})
\r\n
\r\n
\r\n
\r\n
\r\n
\r\n
\r\n
\r\n
\r\n
\r\n
\r\n
\r\n
Get 15-Minutes Complimentary online session.
\r\n
Limited Period Offer. Claim Now.
\r\n {/*
*/}\r\n
\r\n
\r\n
\r\n
![]({require(\"../../src/assets/images/website/online.png\")})
\r\n
\r\n
\r\n
\r\n
\r\n
\r\n
\r\n
![]({require(\"../../src/assets/images/website/image3.png\")})
\r\n \r\n
\r\n
\r\n
\r\n \r\n \r\n \r\n \r\n
\r\n
\r\n
![]({require(\"../../src/assets/images/website/Group2.png\")})
\r\n
Vision
\r\n
Our goal is to add business value to customers in information
Technology
\r\n
\r\n
![]({require(\"../../src/assets/images/website/mission)
\r\n
Mission
\r\n
To build customer value by delevering software products and
solution is innovation and cost-effective ways with the highest
standards in security ,delivery and customer service for the
health industry.
\r\n \r\n
\r\n
\r\n \r\n
\r\n \r\n
\r\n
\r\n
\r\n \r\n
\r\n
\r\n
\r\n
*/}\r\n {/*
\r\n \r\n
*/}\r\n {/*
\r\n
\r\n Why KlinicQ? Empowering Your Health Journey\r\n
\r\n
KlinicQ gives you control over your health with easy access to except care,personalized
insights and seamless Wellness management.Empowering you to make informed
decision,anytime,anywhere. Your health,Simplified
\r\n
*/}\r\n {/*
*/}\r\n {/*
*/}\r\n {/* */}\r\n {/* */}\r\n {/*
*/}\r\n {/*
*/}\r\n {/*
*/}\r\n \r\n {/*
\r\n
\r\n
\r\n
![\"Image]({require(\"../../src/assets/images/website/Vector.jpg\")})
\r\n
\r\n
Personalized
\r\n
Tailored products and servicing offers.
\r\n
\r\n
\r\n
\r\n
![\"Image]({require(\"../../src/assets/images/website/goals1.jpg\")})
\r\n
\r\n
Simple
\r\n
Convenient, accurate and accessible.
\r\n
\r\n
\r\n
\r\n
![\"Image]({require(\"../../src/assets/images/website/efficacy1.jpg\")})
\r\n
\r\n
Efficient
\r\n
Rapid service patient inquiries are resolved on.
\r\n
\r\n
\r\n
\r\n
\r\n
\r\n
Consistent
\r\n
Reliable clear communication and seamless service.
\r\n
\r\n
\r\n
\r\n
\r\n
\r\n
\r\n \r\n
\r\n
\r\n
\r\n
\r\n
\r\n
\r\n
\r\n
\r\n
![]({require(\"../../src/assets/images/website/doctor2.png\")})
*/}\r\n {/*
![]()
*/}\r\n {/*
\r\n
\r\n
Benifits of Patient
\r\n
\r\n
\r\n
The patient portal is designed to manage primary & family members under the same account with a unique ID for each member.
\r\n
\r\n
\r\n
*/}\r\n {/*
*/}\r\n {/*
*/}\r\n {/*
*/}\r\n {/*
![]()
*/}\r\n {/*
\r\n
\r\n
\r\n
\r\n
\r\n
\r\n
\r\n
\r\n
\r\n
![]({require(\"../../src/assets/images/website/doctor5.png\")})
*/}\r\n {/*
![]()
*/}\r\n {/*
\r\n
\r\n
Benifits of Physician
\r\n
\r\n
\r\n
A doctor portal is designed based on the physician's specialty and can work for any specialization.
\r\n
\r\n
\r\n
*/}\r\n {/*
*/}\r\n {/*
*/}\r\n {/*
![]()
*/}\r\n {/*
\r\n
\r\n
\r\n
\r\n
\r\n
*/}\r\n {/*
\r\n
\r\n
\r\n
![]({require(\"../../src/assets/images/website/patient2.png\")})
*/}\r\n {/*
![]()
*/}\r\n {/*
*/}\r\n {/*
\r\n
Benifits of Pharmacy
\r\n
\r\n
\r\n
A doctor portal is designed based on the physician's specialty and can work for any specialization.
\r\n
\r\n
\r\n
*/}\r\n {/*
*/}\r\n {/*
*/}\r\n {/*
![]()
*/}\r\n {/*
\r\n
\r\n
\r\n
\r\n
\r\n
*/}\r\n {/*
\r\n
\r\n
\r\n
![]({require(\"../../src/assets/images/website/doctor4.png\")})
\r\n
\r\n
\r\n
Benifits of Hospital
\r\n
\r\n
\r\n
A hospital portal is designed to manage multi-specialty and different consultation modes.
\r\n
\r\n
\r\n
*/}\r\n {/*
*/}\r\n {/*
\r\n
\r\n
\r\n
\r\n
\r\n
\r\n
*/}\r\n {/*
\r\n
\r\n
\r\n
![Left Arrow]({require(\"../../src/assets/images/website/Frame1.png\")})
\r\n
\r\n
\r\n
\r\n
\r\n
![Right Arrow]({require(\"../../src/assets/images/website/Frame.png\")})
\r\n
\r\n
\r\n
\r\n */}\r\n {/*
\r\n
\r\n
\r\n
\r\n \r\n
\r\n
\r\n
\r\n
\r\n {/*
\r\n \r\n
*/}\r\n
\r\n\r\n
Expert Care, Anytime, Anywhere
\r\n
Access expert care anytime,anywhere.Consult licensed doctor,get personalized
advice, and manage your health on the go-no waiting rooms,no appointment.
\r\n
\r\n {/*
\r\n \r\n
![]({require(\"../../src/assets/images/play1.png\")})
\r\n \r\n \r\n \r\n
![]({require(\"../../src/assets/images/play2.png\")})
\r\n \r\n
*/}\r\n {/*
*/}\r\n
\r\n {/*
![\"Background\"]({require(\"../../src/assets/images/website/Rectangle19.png\")})
*/}\r\n
![\"Foreground\"]({require(\"../../src/assets/images/website/Group)
\r\n
\r\n
\r\n
\r\n
\r\n \r\n
\r\n \r\n \r\n {/*
\r\n \r\n
\r\n
\r\n
\r\n
Fostering Wellness with a Single Click
\r\n \r\n
\r\n
Electronic Clinical Management System (e CMS) application. It is user-friendly, convenient, comprehensive, and integrated to manage all hospital operations safely and with no manual error usually associated with handwriting & paper-based records.
\r\n
\r\n
\r\n
*/}\r\n {/* */}\r\n {/* \r\n
\r\n
\r\n
\r\n
\r\n
\r\n
\r\n
*/}\r\n {/*
\r\n
\r\n
![\"...\"]({require(\"../../src/assets/images/website/patient4.png\")})
\r\n
\r\n
What to do if you think your child has the flu
\r\n
\r\n
\r\n
If you hear your child start coughing, it's natural to wonder: could this be the flu, or is it another virus like COVID or RSV, or even a common cold? Here's what to know about similarities between these illnesses and what to do if your child does have the flu.
\r\n
*/}\r\n {/*
\r\n
\r\n
\r\n
\r\n
*/}\r\n {/*
*/}\r\n {/*
Read more\r\n \r\n\r\n\r\n */}\r\n {/*
\r\n
\r\n
*/}\r\n {/*
\r\n
\r\n
![\"...\"]({require(\"../../src/assets/images/website/patient5.png\")})
\r\n
\r\n
What to do if you think your child has the flu
\r\n
\r\n
\r\n
If you hear your child start coughing, it's natural to wonder: could this be the flu, or is it another virus like COVID or RSV, or even a common cold? Here's what to know about similarities between these illnesses and what to do if your child does have the flu.
*/}\r\n {/*
*/}\r\n {/*
\r\n
\r\n
\r\n
\r\n
*/}\r\n {/*
*/}\r\n {/*
Read more\r\n \r\n \r\n \r\n */}\r\n {/*
\r\n
\r\n
*/}\r\n {/*
\r\n
\r\n
\" +supportData.issue_description.value + \"
\" + \"\"+ supportData.others + \"
\"+ \"\" + supportData.email + \"
or \" + this.state.useremail + \"
\"\r\n }\r\n axios\r\n .post(sendemail, reqdata)\r\n .then((res) => {\r\n let resdata = res.data;\r\n let reqdata = {\r\n \"to\" : supportData.email,\r\n \"subject\" : supportData.issue_description.value,\r\n \"mailHeader\" : \"From \"+supportData.name ,\r\n \"message\": \"Dear \"+supportData.name+ \",Your support ticket on Password issues has been submitted. We try to reply to all tickets as soon as possible,usually within 24 hrs. Kindly check the reference copy of your submission.
Issue Description: \" +supportData.issue_description.value + \"\" + \"Ticket Message: \"+ supportData.others + \"
\"+ \"Your Email ID: \" + supportData.email + \"
or \" + this.state.useremail + \"
Once our staff replies to your ticket. you will receive a response email notification. Sincerely,
KlinicQ Team.
\"\r\n }\r\n axios\r\n .post(sendemail, reqdata)\r\n .then((res) => {\r\n let resdata = res.data;\r\n this.clearMessage();\r\n toast.success(\"Your ticket has been created.Our support team will get back to you as soon as possible.\",{\r\n className:\"toast-success\"\r\n });\r\n })\r\n }).catch((err) => {\r\n console.log(err);\r\n // successMessage = {message: err,status:\"0\"};\r\n })\r\n }\r\n }\r\n \r\n clearMessage = () => {\r\n \r\n this.setState({\r\n // formSuccess: { message: \"\" },\r\n supportData: {\r\n name: \"\",\r\n category: \"\",\r\n email: \"\",\r\n // phone_number: \"\",\r\n issue_description: \"\",\r\n others: \"\",\r\n user_id: this.props.userdata.id,\r\n },\r\n errors:{\r\n name: \"\",\r\n category: \"\",\r\n email: \"\",\r\n phone_number: \"\",\r\n issue_description: \"\",\r\n others: \"\",\r\n }\r\n })\r\n \r\n }\r\n render() {\r\n const { supportData, errors, formSuccess,timeout,loading } = this.state;\r\n\r\n return (\r\n \r\n {/*
*/}\r\n {loading &&
}\r\n
\r\n
\r\n \r\n {this.props.userdata.user_type.toLowerCase() === \"hospital\" ? (\r\n \r\n ) : this.props.userdata.user_type.toLowerCase() === \"doctor\" ? (\r\n \r\n ) : (\r\n \r\n )}\r\n
\r\n \r\n
\r\n
\r\n {this.props.userdata.user_type.toLowerCase() === \"hospital\" ? (\r\n \r\n ) : this.props.userdata.user_type.toLowerCase() === \"doctor\" ? (\r\n \r\n ) : (\r\n \r\n )}\r\n
\r\n
\r\n \r\n \r\n { this.idleTimer = ref }}\r\n element={document}\r\n onActive={this.onActive}\r\n onIdle={this.onIdle}\r\n onAction={this.onAction}\r\n debounce={250}\r\n timeout={timeout} />\r\n\r\n \r\n
\r\n\r\n
\r\n
\r\n\r\n
\r\n
\r\n
\r\n
\r\n\r\n
Support
\r\n \r\n
\r\n \r\n
\r\n
\r\n
\r\n
\r\n
\r\n {/*
*/}\r\n
\r\n
\r\n \r\n
\r\n
\r\n
\r\n
\r\n
\r\n
\r\n
\r\n \r\n
\r\n {/*
\r\n \r\n
*/}\r\n
\r\n {/* */}\r\n \r\n
\r\n {/*
\r\n \r\n \r\n
\r\n
\r\n \r\n \r\n
*/}\r\n
\r\n \r\n
\r\n
\r\n {/*
\r\n
\r\n
\r\n */}\r\n
\r\n
\r\n
\r\n
\r\n
\r\n
\r\n
\r\n
\r\n
\r\n
\r\n
\r\n
\r\n \r\n \r\n
\r\n
\r\n
\r\n
\r\n
\r\n
\r\n
\r\n \r\n
\r\n
\r\n
\r\n
\r\n \r\n
\r\n {/*
Attachment
*/}\r\n
\r\n
\r\n \r\n\r\n
\r\n \r\n
\r\n
\r\n
\r\n \r\n
\r\n
\r\n
\r\n
\r\n
\r\n
\r\n
\r\n
\r\n {/* {showmodel ? (
\r\n\r\n \r\n {/* {showmodel ? (
\r\n\r\n
\r\n
\r\n
\r\n
Thanks you
\r\n \r\n \r\n
\r\n
Thanks for your contacting us. Your ticket number\r\n is 12345 our support team will contact you shortly\r\n to resolve your issue\r\n
\r\n
Thanks for your patience
\r\n
\r\n
\r\n
\r\n
) : \"\"} */}\r\n
\r\n\r\n
\r\n\r\n
\r\n\r\n );\r\n }\r\n componentDidMount = () => {\r\n console.log(this.props.userdata.user_type);\r\n axios.defaults.headers.common[\r\n \"Authorization\"\r\n ] = `Bearer ${this.props.access_token}`;\r\n \r\n axios\r\n .post(getTimeoutbycategory, {category : this.props.userdata.user_type}, CONFIG)\r\n .then((res) => {\r\n let data = res.data;\r\n console.log(res);\r\n console.log(data);\r\n console.log(data.data.timeout);\r\n if (data.status == \"1\")\r\n this.setState({\r\n timeout: data.data.timeout\r\n \r\n });\r\n })\r\n .catch((e) => { });\r\n \r\n \r\n\r\n }\r\n}\r\n\r\nexport default connect(\r\n mapStateToProps,mapDispatchToProps\r\n)(Support);","import React, { Component } from 'react';\r\nimport { connect } from 'react-redux';\r\nimport Header from \"../components/container/layout/client/Header\";\r\nimport BusinessHeader from \"../components/container/layout/business/Header\";\r\nimport BusinessUserHeader from \"../components/container/layout/business_user/Header\";\r\nimport BusinessUserSideBar from \"../components/container/SideBar\";\r\nimport ClientSideBar from \"../components/container/layout/client/SideBar\";\r\nimport { support_categories, issue_description } from \"../config/data\";\r\nimport Select from \"react-select\";\r\nimport PhoneInput, { isValidPhoneNumber } from \"react-phone-number-input\";\r\nimport SpanField from \"../components/UI/SpanField\";\r\nimport InputField from \"../components/UI/InputField\";\r\nimport support from \"../assets/images/support.png\";\r\nimport Label from \"../components/UI/Label\";\r\nimport Validation from \"../actions/Validation\";\r\nimport { Spinner } from \"../components/UI/Spinner\";\r\nimport { supportApi,getTimeoutbycategory,sendemail } from \"../config/url.json\";\r\nimport { CONFIG } from \"../config/data\";\r\nimport axios from \"axios\";\r\nimport FooterSection from \"../components/UI/FooterSection\";\r\nimport Footerad from '../components/UI/Footerad';\r\nimport IdleTimer from 'react-idle-timer';\r\nimport { IdleTimeOutModal } from '../components/container/modal/IdleModal';\r\nimport { ToastContainer, toast } from 'react-toastify';\r\nimport 'react-toastify/dist/ReactToastify.css';\r\nimport Dnaspinner from '../components/UI/Dnaspinner';\r\nfunction mapStateToProps(state) {\r\n return {\r\n // appdata: state.AppData,\r\n userdata: state.AuthReducer.user,\r\n access_token: state.AuthReducer.access_token,\r\n };\r\n}\r\n\r\n/* function mapDispatchToProps(dispatch) {\r\n return {\r\n logout: () => dispatch({ type: \"SET_LOGOUT\" }),\r\n };\r\n } */\r\n \r\nclass SupportDefault extends Component {\r\n constructor(props) {\r\n super(props);\r\n this.idleTimer = React.createRef()\r\n const timeout=this.state;\r\n \r\n this.state = {\r\n // useremail: this.props.userdata.email,\r\n timeout:timeout,\r\n isTimedOut: false,\r\n showModal: false,\r\n \r\n supportData: {\r\n name: \"\",\r\n category: \"\",\r\n email: \"\",\r\n // phone_number: \"\",\r\n issue_description: \"\",\r\n others: \"\",\r\n // user_id: props.userdata.id,\r\n },\r\n errors: {\r\n name: \"\",\r\n category: \"\",\r\n email: \"\",\r\n phone_number: \"\",\r\n issue_description: \"\",\r\n others: \"\",\r\n },\r\n formSuccess: {\r\n message: \"\",\r\n status: \"\",\r\n },\r\n\r\n };\r\n this.idleTimer = null\r\n this.onAction = this._onAction.bind(this)\r\n this.onActive = this._onActive.bind(this)\r\n this.onIdle = this._onIdle.bind(this)\r\n this.handleClose = this.handleClose.bind(this)\r\n this.handleLogout = this.handleLogout.bind(this)\r\n \r\n }\r\n handleClose() {\r\n this.setState({showModal: false})\r\n }\r\n \r\n \r\n handleLogout = (e) => {\r\n this.setState({showModal: false})\r\n e.preventDefault();\r\n localStorage.removeItem(\"token\");\r\n this.props.logout();\r\n \r\n };\r\n \r\n _onAction(e) {\r\n console.log('user did something', e)\r\n \r\n this.setState({isTimedOut: false})\r\n }\r\n \r\n _onActive(e) {\r\n \r\n console.log('user is active', e)\r\n this.setState({isTimedOut: false})\r\n }\r\n \r\n _onIdle = (e) => {\r\n console.log('user is idle', e)\r\n let isTimedOut = this.state.isTimedOut\r\n let timeout=this.state.timeout;\r\n console.log(timeout);\r\n console.log(isTimedOut);\r\n if (isTimedOut===false) \r\n {\r\n // console.log(\"the time is over\");\r\n this.setState({showModal: true})\r\n console.log(this.state.showModal);\r\n this.idleTimer.reset();\r\n this.setState({isTimedOut: true})\r\n\r\n } \r\n if(isTimedOut===true)\r\n {\r\n localStorage.removeItem(\"token\");\r\n this.props.logout();\r\n }\r\n }\r\n \r\n \r\n handlePhoneInput = (event) => {\r\n let supportData = this.state.supportData;\r\n supportData.phone_number = event;\r\n this.setState({ supportData });\r\n };\r\n handleInput = (e) => {\r\n let data = this.state.supportData;\r\n let name = e.target.name;\r\n let value = e.target.value;\r\n let max = e.target.max;\r\n\r\n if (name === \"name\" || name === \"email\" || name === \"phone_number\") {\r\n this.validateMaxLength(name, value, max);\r\n } else {\r\n data[name] = value;\r\n }\r\n this.setState({ supportData: data });\r\n };\r\n validateMaxLength(name, value, max) {\r\n let data = this.state.supportData;\r\n let errors = this.state.errors;\r\n if (value.length > max) {\r\n const value1 = value.slice(0, max);\r\n errors[name] = \"Maximum Length has exceeded.\";\r\n data[name] = value1;\r\n } else {\r\n // const value1 = value.slice(0, max);\r\n errors[name] = \"\";\r\n data[name] = value;\r\n }\r\n this.setState({ supportData: data, errors: errors });\r\n }\r\n handleselectChange = (selectedOptions, e) => {\r\n let data = this.state.supportData;\r\n let errors = this.state.errors\r\n errors[e.name] = \"\";\r\n data[e.name] = selectedOptions;\r\n\r\n this.setState({ supportData: data,errors });\r\n };\r\n sendData = (e) => {\r\n e.preventDefault();\r\n\r\n let { supportData, errors } = this.state;\r\n\r\n supportData.type = \"support\";\r\n\r\n errors = Validation(supportData, errors);\r\n\r\n this.setState({ errors: errors });\r\n if (errors.formIsValid) {\r\n this.setState({ loading: true });\r\n\r\n axios.defaults.headers.common[\r\n \"Authorization\"\r\n ] = `Bearer ${this.props.access_token}`;\r\n let supportData = this.state.supportData;\r\n let url = supportApi;\r\n supportData.category = supportData.category.label;\r\n supportData.issue_description = supportData.issue_description.label;\r\n axios\r\n .post(url, supportData, CONFIG)\r\n .then((res) => {\r\n let data = res.data;\r\n console.log(data);\r\n if (data.status !== \"0\") {\r\n data.error_type = \"success\";\r\n // this.setState({\r\n // formSuccess: data,\r\n\r\n //});\r\n \r\n toast.success(\"Your ticket has been created.Our support team will get back to you as soon as possible.\",{\r\n className:\"toast-success\"\r\n });\r\n this.setState({ loading: false });\r\n \r\n } else {\r\n data.error_type = \"error\";\r\n // this.setState({\r\n // formSuccess: data,\r\n // });\r\n toast.error(\"Your message could not be sent.\",{\r\n className:\"toast-error\"\r\n });\r\n this.setState({ loading: false });\r\n this.clearMessage();\r\n }\r\n\r\n setTimeout(() => { \r\n let formSuccess = this.state.formSuccess;\r\n formSuccess.message =\"\"\r\n formSuccess.status =\"\"\r\n this.setState({formSuccess:formSuccess})\r\n },2000);\r\n })\r\n .catch((e) => { });\r\n }\r\n\r\n }\r\n sendsupportmail=(e)=>{\r\n let { supportData, errors } = this.state;\r\n supportData.type = \"support\";\r\n\r\n errors = Validation(supportData, errors);\r\n\r\n this.setState({ errors: errors });\r\n if (errors.formIsValid) {\r\n let reqdata = {\r\n \"to\" : \"support@klinicq.com \",\r\n \"subject\" : supportData.issue_description.value,\r\n \"mailHeader\" : \"From \"+supportData.name ,\r\n \"message\": \"
\" +supportData.issue_description.value + \"
\" + \"
\"+ supportData.others + \"
\"+ \"
\" + supportData.email + \"
\"\r\n }\r\n axios\r\n .post(sendemail, reqdata)\r\n .then((res) => {\r\n let resdata = res.data;\r\n let reqdata = {\r\n \"to\" : supportData.email,\r\n \"subject\" : supportData.issue_description.value,\r\n \"mailHeader\" : \"From \"+supportData.name ,\r\n \"message\": \"Dear \"+supportData.name+ \",
Your support ticket on Password issues has been submitted. We try to reply to all tickets as soon as possible,usually within 24 hrs. Kindly check the reference copy of your submission.
Issue Description: \" +supportData.issue_description.value + \"\" + \"
Ticket Message: \"+ supportData.others + \"
\"+ \"
Your Email ID: \" + supportData.email + \"
\" + \"
Once our staff replies to your ticket. you will receive a response email notification. Sincerely,
KlinicQ Team.
\"\r\n }\r\n axios\r\n .post(sendemail, reqdata)\r\n .then((res) => {\r\n let resdata = res.data;\r\n this.clearMessage();\r\n toast.success(\"Your ticket has been created.Our support team will get back to you as soon as possible.\",{\r\n className:\"toast-success\"\r\n });\r\n })\r\n }).catch((err) => {\r\n console.log(err);\r\n // successMessage = {message: err,status:\"0\"};\r\n })\r\n }\r\n }\r\n \r\n clearMessage = () => {\r\n \r\n this.setState({\r\n // formSuccess: { message: \"\" },\r\n supportData: {\r\n name: \"\",\r\n category: \"\",\r\n email: \"\",\r\n // phone_number: \"\",\r\n issue_description: \"\",\r\n others: \"\",\r\n // user_id: this.props.userdata.id,\r\n },\r\n errors:{\r\n name: \"\",\r\n category: \"\",\r\n email: \"\",\r\n phone_number: \"\",\r\n issue_description: \"\",\r\n others: \"\",\r\n }\r\n })\r\n \r\n }\r\n render() {\r\n const { supportData, errors, formSuccess,timeout,loading } = this.state;\r\n\r\n return (\r\n \r\n {/*
\r\n */}\r\n {loading &&
}\r\n
\r\n {/*
\r\n \r\n \r\n \r\n \r\n
\r\n */}\r\n {/*
\r\n
\r\n {this.props.userdata.user_type.toLowerCase() === \"hospital\" ? (\r\n \r\n ) : this.props.userdata.user_type.toLowerCase() === \"doctor\" ? (\r\n \r\n ) : (\r\n \r\n )}\r\n
*/}\r\n
\r\n \r\n \r\n { this.idleTimer = ref }}\r\n element={document}\r\n onActive={this.onActive}\r\n onIdle={this.onIdle}\r\n onAction={this.onAction}\r\n debounce={250}\r\n timeout={timeout} />\r\n\r\n \r\n
\r\n\r\n
\r\n
\r\n\r\n
\r\n
\r\n
\r\n
\r\n\r\n
Support
\r\n \r\n
\r\n \r\n
\r\n
\r\n
\r\n
\r\n
\r\n {/*
*/}\r\n
\r\n
\r\n \r\n
\r\n
\r\n
\r\n
\r\n
\r\n
\r\n
\r\n \r\n
\r\n
\r\n \r\n
\r\n
\r\n \r\n
\r\n
\r\n \r\n \r\n
\r\n
\r\n \r\n \r\n
\r\n
\r\n \r\n
\r\n
\r\n
\r\n
\r\n
\r\n \r\n
\r\n
\r\n
\r\n
\r\n
\r\n
\r\n
\r\n
\r\n
\r\n
\r\n
\r\n
\r\n \r\n \r\n
\r\n
\r\n
\r\n
\r\n
\r\n
\r\n
\r\n \r\n
\r\n
\r\n
\r\n
\r\n \r\n
\r\n {/*
Attachment
*/}\r\n
\r\n
\r\n \r\n\r\n
\r\n \r\n
\r\n
\r\n
\r\n \r\n
\r\n
\r\n
\r\n
\r\n
\r\n
\r\n
\r\n {/*
*/}\r\n {/* {showmodel ? (
\r\n\r\n \r\n {/* {showmodel ? (
\r\n\r\n
\r\n
\r\n
\r\n
Thanks you
\r\n \r\n \r\n
\r\n
Thanks for your contacting us. Your ticket number\r\n is 12345 our support team will contact you shortly\r\n to resolve your issue\r\n
\r\n
Thanks for your patience
\r\n
\r\n
\r\n
\r\n
) : \"\"} */}\r\n
\r\n\r\n \r\n\r\n
\r\n\r\n );\r\n }\r\n componentDidMount = () => {\r\n // console.log(this.props.userdata.user_type);\r\n /* axios.defaults.headers.common[\r\n \"Authorization\"\r\n ] = `Bearer ${this.props.access_token}`;\r\n \r\n axios\r\n .post(getTimeoutbycategory, {category : this.props.userdata.user_type}, CONFIG)\r\n .then((res) => {\r\n let data = res.data;\r\n console.log(res);\r\n console.log(data);\r\n console.log(data.data.timeout);\r\n if (data.status == \"1\")\r\n this.setState({\r\n timeout: data.data.timeout\r\n \r\n });\r\n })\r\n .catch((e) => { });\r\n */\r\n \r\n\r\n }\r\n}\r\n\r\nexport default connect(\r\n mapStateToProps,\r\n)(SupportDefault);","import React, { Component, Fragment } from \"react\";\r\nimport { connect } from \"react-redux\";\r\nimport LogoSection from \"../components/UI/LogoSection\";\r\nimport Label from \"../components/UI/Label\";\r\nimport InputField from \"../components/UI/InputField\";\r\nimport SpanField from \"../components/UI/SpanField\";\r\nimport { CountryDropdown, RegionDropdown } from \"react-country-region-selector\";\r\nimport PhoneInput, { isValidPhoneNumber } from \"react-phone-number-input\";\r\nimport Select from \"react-select\";\r\nimport Button from \"../components/UI/Button\";\r\nimport ReactDatatable from \"@ashvin27/react-datatable\";\r\nimport moment from \"moment\";\r\nimport { Popup } from \"../components/UI/Popup\";\r\nimport FooterSection from '../components/UI/FooterSection';\r\n\r\nimport Validation from \"../actions/Validation\";\r\nimport axios from \"axios\";\r\nimport {\r\n addVendor,\r\n getallVendor,\r\n getAllSubscriptions,\r\n removeVendorFromVendorlist,\r\n} from \"../config/url.json\";\r\nimport { vendor_category, CONFIG, imageconfig } from \"../config/data\";\r\nimport S3 from \"react-aws-s3\";\r\n\r\nimport AdminSideBar from '../components/container/layout/admin/SideBar';\r\nimport AdminHeader from '../components/container/layout/admin/Header';\r\n// const currentYear = new Date().getFullYear();\r\nconst google = window.google;\r\nfunction mapStateToProps(state) {\r\n // console.log(state);\r\n return {\r\n appdata: state.AppData,\r\n userdata: state.AuthReducer.user,\r\n access_token: state.AuthReducer.access_token,\r\n loggedIn: state.AuthReducer.loggedIn,\r\n };\r\n}\r\n\r\nfunction mapDispatchToProps(dispatch) {\r\n return {};\r\n}\r\n\r\nclass VendorForm extends Component {\r\n constructor(props) {\r\n super(props);\r\n this.state = {\r\n tableSuccess: {\r\n message: \"\",\r\n status: \"\",\r\n },\r\n records: [],\r\n vendorData: {\r\n id:\"\",\r\n vendor_name: \"\",\r\n vendor_category: \"\",\r\n vendor_photo: \"\",\r\n vendor_website: \"\",\r\n address1: \"\",\r\n address2: \"\",\r\n city: \"\",\r\n state: \"\",\r\n country: \"\",\r\n zipcode: \"\",\r\n google_address: false,\r\n phone_code: \"+91\",\r\n phone_number: \"\",\r\n email: \"\",\r\n type: \"vendorform\",\r\n vendor_subscription: \"\",\r\n },\r\n vendor_image_url: \"\",\r\n vendor_subscription_list: [],\r\n showDeleteConfirmPopup: false,\r\n confirmedDelete: false,\r\n deletePopup: false,\r\n errors: {\r\n vendor_name: \"\",\r\n vendor_category: \"\",\r\n vendor_photo: \"\",\r\n vendor_website: \"\",\r\n address1: \"\",\r\n address2: \"\",\r\n city: \"\",\r\n state: \"\",\r\n country: \"\",\r\n zipcode: \"\",\r\n phone_number: \"\",\r\n email: \"\",\r\n vendor_subscription: \"\",\r\n },\r\n formSuccess: {\r\n message: \"\",\r\n status: \"\",\r\n },\r\n };\r\n this.handlePlaceSelect = this.handlePlaceSelect.bind(this);\r\n this.columns = [\r\n {\r\n key: \"s_no\",\r\n text: \"S.No\",\r\n className: \"s_no\",\r\n align: \"left\",\r\n sortable: true,\r\n },\r\n {\r\n key: \"vendor_name\",\r\n text: \"Vendor Name\",\r\n className: \"vendor_name\",\r\n align: \"left\",\r\n sortable: true,\r\n },\r\n {\r\n key: \"vendor_category\",\r\n text: \"Vendor Category\",\r\n className: \"vendor_category\",\r\n sortable: true,\r\n align: \"left\",\r\n },\r\n {\r\n key: \"phone_number\",\r\n text: \"Phone number\",\r\n className: \"phone_number\",\r\n sortable: true,\r\n align: \"left\",\r\n },\r\n {\r\n key: \"email\",\r\n text: \"Email\",\r\n className: \"email\",\r\n sortable: true,\r\n align: \"left\",\r\n },\r\n {\r\n key: \"vendor_subscription_label\",\r\n text: \"Vendor Subscription\",\r\n className: \"vendor_subscription_label\",\r\n sortable: true,\r\n align: \"left\",\r\n },\r\n {\r\n key: \"payment_status\",\r\n text: \"Payment Status\",\r\n className: \"payment_status\",\r\n sortable: true,\r\n align: \"left\",\r\n },\r\n {\r\n key: \"expires_at\",\r\n text: \"Expires at\",\r\n className: \"expires_at\",\r\n align: \"left\",\r\n sortable: true,\r\n cell: (record) => {\r\n return record.expires_at ? moment(record.expires_at).format(\"DD-MM-YYYY\") : '';\r\n },\r\n },\r\n\r\n {\r\n key: \"action\",\r\n text: \"Action\",\r\n className: \"action\",\r\n width: 100,\r\n align: \"left\",\r\n sortable: true,\r\n cell: (record) => {\r\n return (\r\n
\r\n this.onEditClick(record)}\r\n >\r\n \r\n \r\n {\" \"}\r\n \r\n this.setState({ deletePopup: true, record: record })\r\n }\r\n >\r\n \r\n \r\n \r\n );\r\n },\r\n },\r\n ];\r\n this.config = {\r\n show_pagination: true,\r\n show_filter: false,\r\n show_length_menu: false,\r\n show_info: false,\r\n button: {\r\n excel: false,\r\n print: false,\r\n },\r\n };\r\n }\r\n onEditClick = (event) => {\r\n window.location.href = \"/vendor/\" + event.id;\r\n };\r\n deleteRecord(record) {\r\n \r\n let id = record.id;\r\n axios.defaults.headers.common[\r\n \"Authorization\"\r\n ] = `Bearer ${this.props.access_token}`;\r\n axios\r\n .post(removeVendorFromVendorlist, { id: id }, CONFIG)\r\n .then((res) => {\r\n let response = res.data;\r\n console.log(response);\r\n if (response.status === \"1\") {\r\n let records = this.state.records;\r\n\r\n const deleteIndex = records.map((item) => item.id).indexOf(record.id);\r\n records.splice(deleteIndex, 1);\r\n this.setState({ records });\r\n this.setState({ tableSuccess: res.data });\r\n this.clearMessage();\r\n }\r\n })\r\n .catch((e) => { });\r\n this.setState({ deletePopup: false, record: null });\r\n\r\n this.setState({\r\n confirmedDelete: false,\r\n });\r\n axios.defaults.headers.common[\r\n \"Authorization\"\r\n ] = `Bearer ${this.props.access_token}`;\r\n axios\r\n .post(getallVendor, null, CONFIG)\r\n .then((list) => {\r\n console.log(list);\r\n let users = [];\r\n let userlist = list.data.data;\r\n userlist.forEach((element, index) => {\r\n let user = {};\r\n user.s_no = index + 1;\r\n user.id=element.id;\r\n user.vendor_name = element.vendor_name;\r\n user.vendor_category = element.vendor_category;\r\n user.phone_number = element.phone_number;\r\n user.email = element.email;\r\n user.vendor_subscription_label = element.vendor_subscription_label;\r\n user.payment_status = element.payment_status;\r\n user.expires_at = element.expires_at;\r\n users[index] = user;\r\n });\r\n \r\n this.setState({ records: users });\r\n // this.setState({ records: list.data.data });\r\n })\r\n .catch((e) => { console.log(e) });\r\n \r\n }\r\n handleFormSubmit = (e) => {\r\n e.preventDefault();\r\n\r\n let { vendorData, errors, google_address } = this.state;\r\n console.log(vendorData);\r\n errors = Validation(vendorData, errors);\r\n console.log(errors);\r\n if (!google_address && vendorData.address1 !== \"\") {\r\n errors.address1 = \"Please choose address from autocomplete\";\r\n }\r\n this.setState({ errors: errors });\r\n if (errors.formIsValid) {\r\n this.setState({ loading: true });\r\n\r\n console.log(\"form is valid\");\r\n\r\n try {\r\n let data = this.state.vendorData;\r\n data.vendor_category = data.vendor_category.value;\r\n data.vendor_subscription = data.vendor_subscription.value;\r\n data.vendor_subscription_label = data.vendor_subscription.label;\r\n data.phone_number = data.phone_number.replace(data.phone_code, \"\");\r\n\r\n const result = axios\r\n .post(addVendor, data, CONFIG)\r\n .then((res) => {\r\n let response = res.data;\r\n\r\n // return false;\r\n if (response.status !== \"0\") {\r\n window.location.href = \"/vendor/\" + response.data;\r\n } else {\r\n data.phone_number = data.phone_code.concat(data.phone_number);\r\n data.vendor_subscription = {\r\n label: data.vendor_subscription_label,\r\n value: data.vendor_subscription,\r\n };\r\n data.vendor_category = {\r\n label: data.vendor_category,\r\n value: data.vendor_category,\r\n };\r\n this.setState({ error: response.message, vendorData: data });\r\n }\r\n })\r\n .catch((e) => {\r\n console.log(e);\r\n });\r\n // dispatch(\r\n // addUserDeails(result.data)\r\n // )\r\n } catch (e) {\r\n this.setState({ loading: false });\r\n\r\n // dispatch(\r\n // addError(e.message)\r\n // )\r\n }\r\n }\r\n };\r\n handlevendorcategoryselectChange = (selectedOptions, e) => {\r\n let data = this.state.vendorData;\r\n let errors = this.state.errors;\r\n data[e.name] = selectedOptions;\r\n errors.vendor_category=\"\";\r\n this.setState({ vendorData: data,errors:errors });\r\n };\r\n handlevendorsubscriptionselectChange = (selectedOptions, e) => {\r\n let data = this.state.vendorData;\r\n let errors = this.state.errors;\r\n data[e.name] = selectedOptions;\r\n errors.vendor_subscription=\"\";\r\n this.setState({ vendorData: data,errors:errors });\r\n };\r\n handleInput = (e) => {\r\n let data = this.state.vendorData;\r\n let errors = this.state.errors;\r\n let name = e.target.name;\r\n let value = e.target.value;\r\n let max = e.target.max;\r\n\r\n // if (name === \"business_name\") {\r\n // this.validateMaxLength(name, value, max);\r\n // } else if (name === \"email\") {\r\n // this.validateMaxLength(name, value, max);\r\n // } else if (name === \"password\") {\r\n // this.validateMaxLength(name, value, max);\r\n // } else if (name === \"address1\") {\r\n // this.validateMaxLength(name, value, max);\r\n // } else if (name === \"address2\") {\r\n // this.validateMaxLength(name, value, max);\r\n // } else if (name === \"city\") {\r\n // this.validateMaxLength(name, value, max);\r\n // } else {\r\n data[name] = value;\r\n errors[name] = \"\";\r\n // }\r\n\r\n this.setState({ vendorData: data, errors: errors });\r\n };\r\n\r\n componentDidMount() {\r\n this.autocomplete = new google.maps.places.Autocomplete(\r\n document.getElementById(\"address1\"),\r\n {}\r\n );\r\n console.log(\"dd\");\r\n\r\n this.autocomplete.addListener(\"place_changed\", this.handlePlaceSelect);\r\n axios.defaults.headers.common[\r\n \"Authorization\"\r\n ] = `Bearer ${this.props.access_token}`;\r\n axios\r\n .post(getAllSubscriptions, null, CONFIG)\r\n .then((result) => {\r\n console.log(result.data);\r\n if (result.data.status === \"1\") {\r\n let vendor_subscription_list = [];\r\n result.data.data.forEach((element, index) => {\r\n let obj = {};\r\n obj = element;\r\n obj.label = element.subscription_name;\r\n obj.value = element.id;\r\n vendor_subscription_list[index] = obj;\r\n });\r\n\r\n this.setState({\r\n vendor_subscription_list: vendor_subscription_list,\r\n });\r\n } else {\r\n alert(\"Subscription list empty\");\r\n }\r\n })\r\n .catch((e) => {\r\n console.log(e);\r\n console.log(\"business user getbyid failed\");\r\n });\r\n axios.defaults.headers.common[\r\n \"Authorization\"\r\n ] = `Bearer ${this.props.access_token}`;\r\n axios\r\n .post(getallVendor, null, CONFIG)\r\n .then((result) => {\r\n console.log(result);\r\n if (result.data.status === \"1\") {\r\n let users = [];\r\n let userlist = result.data.data;\r\n userlist.forEach((element, index) => {\r\n let user = {};\r\n user.s_no = index + 1;\r\n user.id=element.id;\r\n user.vendor_name = element.vendor_name;\r\n user.vendor_category = element.vendor_category;\r\n user.phone_number = element.phone_number;\r\n user.email = element.email;\r\n user.vendor_subscription_label = element.vendor_subscription_label;\r\n user.payment_status = element.payment_status;\r\n user.expires_at = element.expires_at;\r\n users[index] = user;\r\n });\r\n \r\n this.setState({ records: users });\r\n } else {\r\n this.setState({ records: [] });\r\n }\r\n })\r\n .catch((e) => {\r\n console.log(e.data);\r\n console.log(\"business user getbyid failed\");\r\n });\r\n }\r\n\r\n handlePlaceSelect() {\r\n let place = this.autocomplete.getPlace();\r\n let errors=this.state.errors;\r\n console.log(place);\r\n\r\n let { vendorData } = this.state;\r\n\r\n var componentForm = {\r\n street_number: \"long_name\",\r\n administrative_area_level_1: \"long_name\",\r\n locality: \"long_name\",\r\n country: \"long_name\",\r\n sublocality_level_1: \"long_name\",\r\n postal_code: \"long_name\",\r\n };\r\n var lat = place.geometry.location.lat();\r\n // get lng\r\n var lng = place.geometry.location.lng();\r\n vendorData.latitude = lat.toString();\r\n vendorData.longitude = lng.toString();\r\n vendorData.place_url = place.url;\r\n\r\n // console.log(place.name);\r\n for (var i = 0; i < place.address_components.length; i++) {\r\n var addressType = place.address_components[i].types[0];\r\n\r\n if (componentForm[addressType]) {\r\n var val = place.address_components[i][componentForm[addressType]];\r\n // var valShort = place.address_components[i].short_name;\r\n // console.log(val);\r\n if (addressType === \"administrative_area_level_1\")\r\n vendorData.state = val;\r\n if (addressType === \"locality\")\r\n vendorData.city = val;\r\n if (addressType === \"country\") vendorData.country = val;\r\n // if (addressType === \"street_number\") {\r\n\r\n vendorData.address1 = place.name;\r\n // }\r\n if (addressType === \"sublocality_level_1\") vendorData.address2 = val;\r\n if (addressType === \"postal_code\") vendorData.zipcode = val;\r\n }\r\n }\r\n\r\n // let ClientData = this.state;\r\n //errors.city_error=\"\";\r\n //errors.state_error=\"\";\r\n //errors.country_error=\"\";\r\n //errors.zip_code_error=\"\";\r\n errors.city=\"\";\r\n errors.state=\"\";\r\n errors.country=\"\";\r\n errors.zipcode=\"\";\r\n this.setState({\r\n vendorData,\r\n google_address: true,\r\n });\r\n }\r\n\r\n /* for country detail change */\r\n selectCountry(val) {\r\n let data = this.state.vendorData;\r\n let errors = this.state.errors;\r\n data.country = val;\r\n errors.country = \"\"\r\n this.setState({ vendorData: data,errors:errors });\r\n }\r\n /* for state detail change */\r\n\r\n selectState(val) {\r\n let data = this.state.vendorData;\r\n let errors = this.state.errors;\r\n data.state = val;\r\n errors.state = \"\"\r\n this.setState({ vendorData: data,errors:errors });\r\n }\r\n handlePhoneInput = (event) => {\r\n let vendorData = this.state.vendorData;\r\n let errors = this.state.errors;\r\n vendorData.phone_number = event;\r\n errors.phone_number=\"\"\r\n this.setState({ vendorData,errors:errors });\r\n };\r\n onUploadChange = (event) => {\r\n event.preventDefault();\r\n\r\n console.log(event.target.files[0]);\r\n let file = event.target.files[0];\r\n\r\n let img = URL.createObjectURL(event.target.files[0]);\r\n this.setState({ vendor_image_url: img });\r\n let newfileName = event.target.files[0].name;\r\n imageconfig.dirName = \"vendor\";\r\n\r\n console.log(imageconfig);\r\n const reacts3client = new S3(imageconfig);\r\n console.log(reacts3client);\r\n reacts3client.uploadFile(file, newfileName).then((data) => {\r\n console.log(data);\r\n if (data.status === 204) {\r\n console.log(\"success\");\r\n let vendorData = this.state.vendorData;\r\n vendorData.vendor_photo = data.location;\r\n this.setState({ vendorData: vendorData });\r\n } else {\r\n console.log(\"error\");\r\n }\r\n });\r\n };\r\n cancel = () => {\r\n\r\n let data = this.state.vendorData;\r\n data.vendor_name = \"\";\r\n data.vendor_website=\"\";\r\n data.id = \"\";\r\n data.vendor_category = \"\";\r\n data.address1=\"\";\r\n data.city=\"\";\r\n data.country=\"\";\r\n data.state=\"\";\r\n data.phone_number=\"\";\r\n data.zipcode=\"\";\r\n data.email=\"\";\r\n data.vendor_subscription=\"\";\r\n\r\n let errors = this.state.errors;\r\n\r\n errors = this.clearErrors(errors);\r\n\r\n this.setState({ vendorData: data});\r\n }\r\n\r\n clearErrors = (errors) => {\r\n\r\n errors.vendor_name = \"\";\r\n errors.vendor_category = \"\";\r\n errors.address1 = \"\";\r\n errors.city=\"\";\r\n errors.state=\"\";\r\n errors.country=\"\";\r\n errors.email=\"\";\r\n errors.vendor_subscription=\"\";\r\n errors.phone_number=\"\";\r\n errors.zipcode=\"\";\r\n return errors\r\n }\r\n render() {\r\n let PopupClose = () => this.setState({ addPopup: false });\r\n let PopupConfirm = () => this.deleteRecord(this.state.record);\r\n const { vendorData, errors,tableSuccess,formSuccess } = this.state;\r\n\r\n return (\r\n
\r\n {/* */}\r\n {/* */}\r\n {/* */}\r\n
\r\n
\r\n
\r\n
\r\n
\r\n {/*
*/}\r\n\r\n
\r\n {/* {error ? : null} */}\r\n \r\n
Advertisement Management
\r\n
\r\n
\r\n
\r\n \r\n
\r\n
\r\n
\r\n \r\n \r\n \r\n
\r\n \r\n \r\n this.setState({\r\n deletePopup: false,\r\n })\r\n }\r\n onConfirm={() =>\r\n this.deleteRecord(this.state.record)\r\n }\r\n title={\"Confirmation\"}\r\n message={\r\n \"Are you sure you want to delete this record?\"\r\n }\r\n />\r\n \r\n
\r\n
\r\n
\r\n
\r\n\r\n
\r\n
\r\n \r\n
\r\n \r\n
\r\n
\r\n
\r\n \r\n \r\n \r\n
\r\n
\r\n
\r\n
\r\n \r\n \r\n \r\n
\r\n
\r\n\r\n
\r\n
\r\n \r\n\r\n \r\n \r\n
\r\n
\r\n
\r\n
\r\n\r\n
\r\n
\r\n
\r\n \r\n\r\n this.selectCountry(val)}\r\n />\r\n \r\n
\r\n
\r\n
\r\n
\r\n \r\n\r\n this.selectState(val)}\r\n placeholder=\"State\"\r\n />\r\n \r\n
\r\n
\r\n
\r\n
\r\n {/*
\r\n
\r\n \r\n
\r\n
\r\n
\r\n
\r\n \r\n
\r\n
\r\n
\r\n
\r\n
*/}\r\n
\r\n
\r\n
\r\n \r\n \r\n \r\n
\r\n
\r\n\r\n
\r\n
\r\n
\r\n
\r\n {vendorData.vendor_subscription\r\n ? vendorData.vendor_subscription.amount\r\n : null}\r\n
\r\n
\r\n
\r\n
\r\n
\r\n
\r\n
\r\n \r\n \r\n Choose file\r\n \r\n
\r\n\r\n
\r\n\r\n
\r\n\r\n
\r\n
\r\n {/* */}\r\n {/* */}\r\n \r\n Submit\r\n \r\n \r\n Cancel\r\n \r\n
\r\n
\r\n
\r\n
\r\n \r\n
\r\n \r\n \r\n
\r\n
\r\n
\r\n
\r\n {/*
*/}\r\n {/*
*/}\r\n
\r\n );\r\n }\r\n}\r\n\r\nexport default connect(mapStateToProps)(VendorForm);\r\n","import React, { Component, Fragment } from \"react\";\r\nimport { connect } from \"react-redux\";\r\nimport LogoSection from \"../components/UI/LogoSection\";\r\nimport Label from \"../components/UI/Label\";\r\nimport InputField from \"../components/UI/InputField\";\r\nimport SpanField from \"../components/UI/SpanField\";\r\nimport { CountryDropdown, RegionDropdown } from \"react-country-region-selector\";\r\nimport PhoneInput, { isValidPhoneNumber } from \"react-phone-number-input\";\r\nimport Select from \"react-select\";\r\nimport Button from \"../components/UI/Button\";\r\nimport Validation from \"../actions/Validation\";\r\nimport Spinner from \"../components/UI/Spinner\";\r\nimport axios from \"axios\";\r\n\r\nimport { getVendorbyid, updateVendor, getAllSubscriptions, RazorPayPayment,getCredentials, checkPromoCode, completePayment } from \"../config/url.json\";\r\nimport { vendor_category, CONFIG, imageconfig, Razor_CONFIG } from \"../config/data\";\r\nimport { monthNumList } from \"../constants/config/data\";\r\nimport S3 from \"react-aws-s3\";\r\nimport AdminSideBar from '../components/container/layout/admin/SideBar';\r\nimport Dnaspinner from \"../components/UI/Dnaspinner\";\r\nimport FooterSection from '../components/UI/FooterSection';\r\nimport AdminHeader from '../components/container/layout/admin/Header';\r\n// const currentYear = new Date().getFullYear();\r\nconst google = window.google;\r\nfunction mapStateToProps(state) {\r\n console.log(state);\r\n return {\r\n appdata: state.AppData,\r\n userdata: state.AuthReducer.user,\r\n access_token: state.AuthReducer.access_token,\r\n loggedIn: state.AuthReducer.loggedIn,\r\n };\r\n}\r\n\r\nfunction mapDispatchToProps(dispatch) {\r\n return {};\r\n}\r\n\r\nfunction loadScript(src) {\r\n return new Promise((resolve) => {\r\n const script = document.createElement('script')\r\n script.src = src\r\n script.onload = () => {\r\n resolve(true)\r\n }\r\n script.onerror = () => {\r\n resolve(false)\r\n }\r\n document.body.appendChild(script)\r\n })\r\n}\r\n\r\nclass UpdateVendorForm extends Component {\r\n constructor(props) {\r\n super(props);\r\n console.log(props.match.params.id);\r\n this.state = {\r\n isEditable: false,\r\n vendorData: {\r\n id: this.props.match.params.id,\r\n vendor_name: \"\",\r\n vendor_category: \"\",\r\n vendor_photo: \"\",\r\n vendor_url: \"\",\r\n vendor_website: \"\",\r\n address1: \"\",\r\n address2: \"\",\r\n city: \"\",\r\n state: \"\",\r\n country: \"\",\r\n zipcode: \"\",\r\n google_address: false,\r\n phone_code: \"+91\",\r\n phone_number: \"\",\r\n email: \"\",\r\n type: \"vendorform\",\r\n vendor_subscription: \"\",\r\n },\r\n paymentForm: {\r\n promo_code: \"\",\r\n months: monthNumList[0],\r\n subscription_id: \"\",\r\n payable_amt: \"\",\r\n coupon_amt: \"\"\r\n },\r\n vendor_subscription_list: [],\r\n displayPromo: false,\r\n errors: {\r\n vendor_name: \"\",\r\n vendor_category: \"\",\r\n vendor_photo: \"\",\r\n vendor_website: \"\",\r\n address1: \"\",\r\n address2: \"\",\r\n city: \"\",\r\n state: \"\",\r\n country: \"\",\r\n zipcode: \"\",\r\n phone_number: \"\",\r\n email: \"\",\r\n vendor_subscription: \"\",\r\n },\r\n };\r\n this.handlePlaceSelect = this.handlePlaceSelect.bind(this);\r\n }\r\n handleselectChange = (selectedOptions, e) => {\r\n let data = this.state.vendorData;\r\n data[e.name] = selectedOptions;\r\n\r\n this.setState({ vendorData: data });\r\n\r\n\r\n let paymentForm = this.state.paymentForm;\r\n if (paymentForm.months !== \"\") {\r\n console.log(paymentForm);\r\n paymentForm.promo_code = \"\"\r\n paymentForm.payable_amt = paymentForm.months.value * (this.state.vendorData.vendor_subscription ? this.state.vendorData.vendor_subscription.amount : 0);\r\n this.setState({ paymentForm, displayPromo: false });\r\n }\r\n\r\n\r\n };\r\n handlePaymentFormselectChange = (selectedOptions, e) => {\r\n let data = this.state.paymentForm;\r\n data[e.name] = selectedOptions;\r\n\r\n data.payable_amt = selectedOptions.value * (this.state.vendorData.vendor_subscription ? this.state.vendorData.vendor_subscription.amount : 0);\r\n data.promo_code = \"\"\r\n this.setState({ paymentForm: data, displayPromo: false });\r\n\r\n };\r\n handleInput = (e) => {\r\n let data = this.state.vendorData;\r\n let errors = this.state.errors;\r\n let name = e.target.name;\r\n let value = e.target.value;\r\n data[name] = value;\r\n this.setState({ vendorData: data, errors: errors });\r\n };\r\n handlePaymentInput = (e) => {\r\n let data = this.state.paymentForm;\r\n let name = e.target.name;\r\n let value = e.target.value;\r\n data[name] = value;\r\n this.setState({ paymentForm: data });\r\n }\r\n handleFormSubmit = (e) => {\r\n e.preventDefault();\r\n const formData = new FormData();\r\n formData.append('myImage', this.state.file);\r\n let { vendorData, errors } = this.state;\r\n console.log(vendorData);\r\n errors = Validation(vendorData, errors);\r\n console.log(errors);\r\n // if (vendorData.address1 !== \"\") {\r\n // errors.address1 = \"Please choose address from authcomplete\";\r\n // }\r\n // return false;\r\n this.setState({ errors: errors });\r\n if (errors.formIsValid) {\r\n this.setState({ loading: true });\r\n\r\n console.log(\"form is valid\");\r\n\r\n\r\n // Details of the uploaded file \r\n console.log(this.state.vendorData.vendor_photo);\r\n\r\n // Request made to the backend api \r\n // Send formData object \r\n // axios.post(uploadfile, formData, CONFIG);\r\n\r\n try {\r\n let { vendorData } = this.state;\r\n let data = {}\r\n Object.assign(data, vendorData);;\r\n data.vendor_category = data.vendor_category.value;\r\n data.vendor_subscription = data.vendor_subscription.value;\r\n data.phone_number = data.phone_number.replace(data.phone_code, \"\");\r\n \r\n axios\r\n .post(updateVendor, data, CONFIG)\r\n .then((res) => {\r\n let response = res.data;\r\n console.log(response);\r\n // return false;\r\n if (response.status !== \"0\") {\r\n // window.location.href = \"/vendor/\" + response.data;\r\n this.setState({ isEditable: false });\r\n }\r\n this.setState({ loading: false });\r\n })\r\n .catch((e) => {\r\n this.setState({ loading: false });\r\n console.log(e);\r\n });\r\n } catch (e) {\r\n this.setState({ loading: false });\r\n\r\n // dispatch(\r\n // addError(e.message)\r\n // )\r\n }\r\n }\r\n };\r\n componentDidMount() {\r\n this.setState({ loading: true });\r\n\r\n axios\r\n .post(getAllSubscriptions, null, CONFIG)\r\n .then((result) => {\r\n console.log(result.data);\r\n if (result.data.status === \"1\") {\r\n let vendor_subscription_list = [];\r\n result.data.data.forEach((element, index) => {\r\n let obj = {};\r\n obj = element;\r\n obj.label = element.subscription_name;\r\n obj.value = element.id;\r\n vendor_subscription_list[index] = obj;\r\n });\r\n\r\n this.setState({\r\n vendor_subscription_list: vendor_subscription_list\r\n });\r\n } else {\r\n alert(\"Subscription list empty\");\r\n }\r\n this.callgetVendorById();\r\n })\r\n .catch((e) => {\r\n console.log(e);\r\n console.log(\"business user getbyid failed\");\r\n });\r\n\r\n\r\n\r\n }\r\n callgetVendorById() {\r\n\r\n axios\r\n .post(getVendorbyid, { id: this.props.match.params.id }, CONFIG)\r\n .then((result) => {\r\n console.log(result);\r\n if (result.data.status === \"1\") {\r\n let data = result.data.data;\r\n // data.phone_number = this.state.vendorData.phone_code.concat(data.phone_number);\r\n\r\n let vendor_subscription_list = this.state.vendor_subscription_list;\r\n data.vendor_subscription = vendor_subscription_list.filter(function (item) {\r\n console.log(item);\r\n return item.id == data.vendor_subscription;\r\n })[0];\r\n\r\n data.vendor_category = {\r\n label: data.vendor_category,\r\n value: data.vendor_category,\r\n };\r\n console.log(data)\r\n this.setState({ vendorData: data });\r\n\r\n let paymentForm = this.state.paymentForm;\r\n if (paymentForm.months.label !== \"\") {\r\n paymentForm.promo_code = \"\"\r\n paymentForm.payable_amt = paymentForm.months.value * (this.state.vendorData.vendor_subscription ? this.state.vendorData.vendor_subscription.amount : 0);\r\n this.setState({ paymentForm, displayPromo: false });\r\n }\r\n } else {\r\n this.setState({ vendorData: [] });\r\n }\r\n this.setState({ loading: false });\r\n })\r\n .catch((e) => {\r\n this.setState({ loading: false });\r\n console.log(e.data);\r\n console.log(\"business user getbyid failed\");\r\n });\r\n\r\n\r\n\r\n }\r\n handlePlaceSelect() {\r\n let place = this.autocomplete.getPlace();\r\n\r\n console.log(place);\r\n\r\n let { vendorData } = this.state;\r\n\r\n var componentForm = {\r\n street_number: \"long_name\",\r\n administrative_area_level_1: \"long_name\",\r\n locality: \"long_name\",\r\n country: \"long_name\",\r\n sublocality_level_1: \"long_name\",\r\n postal_code: \"long_name\",\r\n };\r\n var lat = place.geometry.location.lat();\r\n // get lng\r\n var lng = place.geometry.location.lng();\r\n vendorData.latitude = lat.toString();\r\n vendorData.longitude = lng.toString();\r\n vendorData.place_url = place.url;\r\n\r\n // console.log(place.name);\r\n for (var i = 0; i < place.address_components.length; i++) {\r\n var addressType = place.address_components[i].types[0];\r\n\r\n if (componentForm[addressType]) {\r\n var val = place.address_components[i][componentForm[addressType]];\r\n // var valShort = place.address_components[i].short_name;\r\n // console.log(val);\r\n if (addressType === \"administrative_area_level_1\")\r\n vendorData.state = val;\r\n if (addressType === \"locality\")\r\n vendorData.city = val;\r\n if (addressType === \"country\") vendorData.country = val;\r\n // if (addressType === \"street_number\") {\r\n\r\n vendorData.address1 = place.name;\r\n // }\r\n if (addressType === \"sublocality_level_1\") vendorData.address2 = val;\r\n if (addressType === \"postal_code\") vendorData.zipcode = val;\r\n }\r\n }\r\n\r\n // let ClientData = this.state;\r\n this.setState({\r\n vendorData,\r\n google_address: true,\r\n });\r\n }\r\n\r\n /* for country detail change */\r\n selectCountry(val) {\r\n let data = this.state.vendorData;\r\n data.country = val;\r\n this.setState({ vendorData: data });\r\n }\r\n /* for state detail change */\r\n\r\n selectState(val) {\r\n let data = this.state.vendorData;\r\n data.state = val;\r\n this.setState({ vendorData: data });\r\n }\r\n handlePhoneInput = (event) => {\r\n let vendorData = this.state.vendorData;\r\n vendorData.phone_number = event;\r\n this.setState({ vendorData });\r\n };\r\n editform = (e) => {\r\n e.preventDefault();\r\n this.setState({ isEditable: true });\r\n setTimeout(() => {\r\n this.autocomplete = new google.maps.places.Autocomplete(\r\n document.getElementById(\"address1\"),\r\n {}\r\n );\r\n this.autocomplete.addListener(\"place_changed\", this.handlePlaceSelect);\r\n }, 2000);\r\n };\r\n\r\n applyPromo = (e) => {\r\n e.preventDefault();\r\n\r\n let { errors, paymentForm, vendorData } = this.state;\r\n let data = {};\r\n console.log(vendorData.vendor_subscription)\r\n data.subscription_id = vendorData.vendor_subscription.id;\r\n data.promo_code = paymentForm.promo_code;\r\n data.months = paymentForm.months.value;\r\n data.type = \"applyPromo\";\r\n\r\n errors = Validation(data, errors);\r\n console.log(errors);\r\n\r\n this.setState({ errors: errors });\r\n if (errors.formIsValid) {\r\n this.setState({ loading: true });\r\n\r\n console.log(\"form is valid\");\r\n\r\n try {\r\n\r\n axios\r\n .post(checkPromoCode, data, CONFIG)\r\n .then((res) => {\r\n console.log(res.data);\r\n if (res.data.status == 1) {\r\n let paymentForm = this.state.paymentForm;\r\n\r\n paymentForm.coupon_amt = (res.data.percentage / 100) * (vendorData.vendor_subscription.amount * paymentForm.months.value);\r\n paymentForm.payable_amt = res.data.payable_amt;\r\n } else {\r\n errors.promo_code = res.data.message;\r\n this.setState({ errors: errors });\r\n }\r\n this.setState({ loading: false });\r\n })\r\n .catch((e) => {\r\n console.log(e);\r\n });\r\n\r\n } catch (e) {\r\n this.setState({ loading: false });\r\n }\r\n }\r\n\r\n\r\n\r\n }\r\n\r\n onFileUpload = () => {\r\n // Create an object of formData \r\n const formData = new FormData();\r\n // Update the formData object \r\n formData.append(\r\n \"myFile\",\r\n this.state.selectedFile,\r\n this.state.selectedFile.name\r\n );\r\n // Details of the uploaded file \r\n console.log(this.state.selectedFile);\r\n };\r\n\r\n cancelPaymentForm = () => {\r\n let paymentForm = this.state.paymentForm;\r\n paymentForm.promo_code = \"\";\r\n paymentForm.payable_amt = \"\";\r\n paymentForm.coupon_amt = \"\";\r\n paymentForm.months = {};\r\n\r\n this.setState({ paymentForm, displayPromo: false });\r\n // this.setState({ displayPromo: !this.state.displayPromo });\r\n\r\n }\r\n\r\n onFileChange = event => {\r\n\r\n let vendorData = this.state.vendorData;\r\n // vendorData.vendor_photo = event.target.files[0];\r\n vendorData.vendor_photo = event.target.files[0];\r\n vendorData.vendor_url = URL.createObjectURL(event.target.files[0]);\r\n // Update the state \r\n this.setState({ vendorData });\r\n\r\n console.log(vendorData.vendor_photo);\r\n this.setState({ loading: true });\r\n\r\n event.preventDefault();\r\n\r\n console.log(event.target.files[0]);\r\n let file = event.target.files[0];\r\n let newfileName = event.target.files[0].name;\r\n imageconfig.dirName = 'vendor'\r\n console.log(imageconfig);\r\n const reacts3client = new S3(imageconfig);\r\n console.log(reacts3client)\r\n reacts3client.uploadFile(file, newfileName).then(data => {\r\n console.log(data)\r\n if (data.status === 204) {\r\n console.log('success');\r\n let vendorData = this.state.vendorData;\r\n vendorData.vendor_photo = data.location;\r\n this.setState({ vendorData: vendorData, loading: false })\r\n } else {\r\n console.log('error');\r\n this.setState({ loading: true });\r\n }\r\n })\r\n\r\n\r\n };\r\n\r\n clickPay = () => {\r\n let { errors, paymentForm } = this.state;\r\n if (paymentForm.months || paymentForm.months == \"\") {\r\n errors.months = \"Please choose month\"\r\n errors.formIsValid = false;\r\n }\r\n\r\n console.log(errors);\r\n this.setState({ errors });\r\n\r\n if (errors.formIsValid) {\r\n this.displayRazorpay();\r\n }\r\n }\r\n\r\n displayRazorpay = () => {\r\n\r\n const res = loadScript('https://checkout.razorpay.com/v1/checkout.js')\r\n\r\n if (!res) {\r\n alert('Razorpay SDK failed to load. Are you online?')\r\n return\r\n }\r\n const option = {\r\n method: 'POST',\r\n // headers: new Headers({ 'content-type': 'application/json' }),\r\n mode: 'no-cors'\r\n };\r\n\r\n let paymentForm = this.state.paymentForm;\r\n let data = {};\r\n data.payable_amt = paymentForm.payable_amt;\r\n // axios.defaults.headers.common[\r\n // \"Authorization\"\r\n // ] = `Bearer ${this.props.access_token}`;\r\n let razorpay_key = \"\";\r\n axios\r\n.post(getCredentials, {\r\n \"credential_type\":\"razorpay\"\r\n})\r\n.then((res) => {\r\n console.log(res.data);\r\n razorpay_key = res.data.data[0].value;\r\n\r\n axios.post(RazorPayPayment, data, data).then((res) => {\r\n console.log(res);\r\n let data = res.data;\r\n\r\n let vendorData = this.state.vendorData;\r\n let paymentForm = this.state.paymentForm;\r\n console.log(vendorData);\r\n const options = {\r\n // key: __DEV__ ? 'rzp_test_CObt3PWG73pjBs' : 'PRODUCTION_KEY',\r\n key: razorpay_key,\r\n currency: data.currency,\r\n amount: data.amount.toString(),\r\n order_id: data.id,\r\n name: 'Billing and Payment',\r\n description: '',\r\n image: 'https://wtmprofileimagesbucket.s3.ap-south-1.amazonaws.com/logo.png',\r\n handler: function (response) {\r\n // alert(response.razorpay_payment_id)\r\n // alert(response.razorpay_order_id)\r\n // alert(response.razorpay_signature)\r\n let data = {\r\n 'order_id': response.razorpay_order_id,\r\n 'payment_id': response.razorpay_payment_id,\r\n 'vendor_id': vendorData.id,\r\n vendor_subscription: vendorData.vendor_subscription.id,\r\n number_of_months: paymentForm.months.value,\r\n amount: paymentForm.payable_amt,\r\n\r\n }\r\n axios.post(completePayment, data, CONFIG).then((res) => {\r\n setTimeout(\r\n () =>\r\n (res.data.status) ?\r\n window.location.href = '/vendorform' : \"\"\r\n\r\n ,\r\n 500\r\n );\r\n }).catch((err) => {\r\n\r\n\r\n })\r\n },\r\n\r\n prefill: {\r\n name: vendorData.vendor_name,\r\n email: vendorData.email,\r\n contact: vendorData.phone_number\r\n }\r\n }\r\n const paymentObject = new window.Razorpay(options)\r\n paymentObject.open()\r\n\r\n }).catch((e) => { console.log(e) });\r\n }).catch((e) => { \r\n console.log(e)\r\n });\r\n \r\n }\r\n handleback()\r\n {\r\n document.location.href = \"/VendorForm\";\r\n \r\n }\r\n\r\n render() {\r\n const { vendorData, errors, loading } = this.state;\r\n\r\n return (\r\n
\r\n {/* */}\r\n {/* */}\r\n {/* */}\r\n
\r\n {/*
*/}\r\n {loading &&
}\r\n
\r\n
\r\n
\r\n
\r\n {/*
*/}\r\n\r\n
\r\n {/* {error ? : null} */}\r\n\r\n \r\n
\r\n \r\n
\r\n
\r\n
\r\n \r\n
\r\n VENDOR FORM\r\n \r\n Edit\r\n \r\n
\r\n \r\n \r\n
\r\n
\r\n \r\n \r\n \r\n
\r\n
\r\n
\r\n
\r\n \r\n \r\n \r\n
\r\n
\r\n
\r\n
\r\n
\r\n {this.state.isEditable ? (\r\n
\r\n \r\n \r\n Choose file\r\n \r\n
\r\n ) : null}\r\n\r\n
\r\n
\r\n
\r\n\r\n
\r\n
\r\n \r\n\r\n \r\n \r\n
\r\n
\r\n
\r\n
\r\n\r\n
\r\n
\r\n
\r\n \r\n\r\n this.selectCountry(val)}\r\n disabled={!this.state.isEditable}\r\n />\r\n \r\n
\r\n
\r\n
\r\n
\r\n \r\n\r\n this.selectState(val)}\r\n placeholder=\"State\"\r\n disabled={!this.state.isEditable}\r\n />\r\n \r\n
\r\n
\r\n
\r\n
\r\n\r\n
\r\n
\r\n
\r\n \r\n \r\n \r\n
\r\n
\r\n
\r\n
\r\n
\r\n
\r\n {/* */}\r\n \r\n \r\n {\r\n this.setState({ isEditable: false });\r\n }}\r\n >\r\n Cancel\r\n \r\n
\r\n
\r\n\r\n
\r\n
\r\n
\r\n
\r\n
\r\n \r\n
PAYMENT FORM
\r\n \r\n \r\n\r\n \r\n
\r\n
\r\n
\r\n
{vendorData.vendor_subscription ? vendorData.vendor_subscription.amount : null}
\r\n
\r\n
\r\n
\r\n
{\r\n this.setState({ displayPromo: !this.state.displayPromo });\r\n }}>\r\n {this.state.displayPromo ? : }\r\n \r\n Enter promotional code\r\n \r\n
\r\n
\r\n
\r\n
\r\n \r\n \r\n
\r\n
\r\n
\r\n \r\n
\r\n\r\n
\r\n
\r\n
\r\n
\r\n
\r\n
{this.state.paymentForm.coupon_amt}
\r\n
\r\n
\r\n
\r\n
\r\n
\r\n
\r\n
{this.state.paymentForm.payable_amt}
\r\n
\r\n
\r\n
\r\n
\r\n \r\n Pay\r\n \r\n \r\n \r\n Cancel\r\n \r\n \r\n \r\n Back\r\n \r\n
\r\n
\r\n
\r\n
\r\n
\r\n
\r\n \r\n
\r\n
\r\n
\r\n
| Registration No. | '+selectedRecord.patient_id+' |
| Patient Name | '+selectedRecord.first_name+' |
| Hospital Address | '+ this.state.hospital_details.business_name + \", \" + this.state.hospital_details.address1\r\n + \", \" + this.state.hospital_details.city\r\n + \", \" + this.state.hospital_details.state\r\n + \" - \" + this.state.hospital_details.zip_code+' |
| Date | '+ TodayDate +' |
| SNo | Description SAC Code for service | Amount | Tax Value | Rate | Amount | TotalAmount in (Rs) |
|---|
',\r\n }\r\n \r\n /* data.medicine_description.forEach((element, index) => {*/\r\n reqdata.message += '| '+'1'+' | '+'Consultation Fees'+' | '+ data.consulting_fees +' | '+'NA' +' | '+ 'NA'+' | '+data.consulting_fees +' | '+ data.consulting_fees +' |
';\r\n reqdata.message += '| '+'Total Amount'+' | '+ data.consulting_fees +' | '+'NA' +' | '+ 'NA'+' | '+data.consulting_fees +' | '+ data.consulting_fees +' |
';\r\n reqdata.message += '| '+'Total Invoice value(in Figure)'+' | '+ data.consulting_fees +' |
';\r\n reqdata.message += '| '+'Total Invoice value(in Words)'+' | '+ feesinwords +' |
';\r\n /* }); */\r\n\r\n reqdata.message += '
';\r\n reqdata.message+=\"Thank you for using our service! We are pleased to confirm your upcoming medical appointment with Dr. \"+ doc_firstname + doc_lastname +\" on \"+ appt_date + \" at \"+ appt_time +\". Please ensure you arrive 15 minutes early. If you have any relevant medical records, kindly bring them.
In case of questions or changes, feel free to contact us. We look forward to your visit.\";\r\n axios\r\n .post(sendemail, reqdata)\r\n .then((res) => {\r\n let resdata = res.data;\r\n console.log(resdata);\r\n \r\n }).catch((err) => {\r\n console.log(err);\r\n // successMessage = {message: err,status:\"0\"};\r\n })\r\n }\r\n \r\n\r\n }\r\n Onreschedule = (e) => {\r\n this.setState({ rebookModel: true });\r\n console.log(this.state.rescheduleObj.appt_time);\r\n console.log(this.state.selectedHours.hours);\r\n console.log(this.state.selectedDate);\r\n console.log(this.state.rescheduleObj.appt_date);\r\n this.closePopup();\r\n };\r\n\r\n OnConfirmreschedule = (e) => {\r\n \r\n let data = {\r\n \"client_appt_id\": this.state.rescheduleObj.client_appt_id,\r\n \"business_id\": this.state.business_id,\r\n \"appt_date\": moment(this.state.selectedDate).format('YYYY-MM-DD'),\r\n \"appt_time\": moment(this.state.selectedHours.hours, [\"h:mm A\"]).format(\"HH:mm\"),\r\n \"schedule_type\": this.state.visit_type.value,\r\n \"appt_status\": \"Reschedule\",\r\n \"process\": \"Save\"\r\n };\r\n let doc_firstname=this.state.doctor_details.first_name;\r\n let doc_lastname=this.state.doctor_details.last_name;\r\n // console.log(data); return false;\r\n axios.post(saveClientAppointment, data).then((res) => {\r\n console.log(res);\r\n this.setState({ client_appt_id: res.data.data[0] });\r\n this.searchBookAppointment();\r\n this.closePopup();\r\n toast.success(\"Your Rescheduled appointment was confirmed with Dr.\"+ doc_firstname+\" \"+doc_lastname + \".\", {\r\n className: \"toast-success\",\r\n });\r\n }).catch((err) => {\r\n\r\n })\r\n }\r\n beforerescheduleclose = () => {\r\n this.setState({\r\n rescheduleObj: {\r\n client_appt_id: \"\",\r\n appt_date: \"\",\r\n appt_time: \"\",\r\n appt_status: \"\",\r\n process: \"\",\r\n schedule_type: \"\",\r\n other_comments:\"\"\r\n }\r\n })\r\n this.closePopup()\r\n }\r\n\r\n displayRazorpay = (client_appt_id) => {\r\n// console.log(client_appt_id)\r\n const res = loadScript('https://checkout.razorpay.com/v1/checkout.js')\r\n\r\n if (!res) {\r\n alert('Razorpay SDK failed to load. Are you online?')\r\n return\r\n }\r\n const option = {\r\n method: 'POST',\r\n // headers: new Headers({ 'content-type': 'application/json' }),\r\n mode: 'no-cors'\r\n };\r\n\r\n let paymentForm = this.state.selectedHours;\r\n let data = {};\r\n /* let consulting_fees = this.state.doctor_details ? this.state.doctor_details.consulting_fees : \"10\";\r\n data.payable_amt = consulting_fees; */\r\n\r\n let consulting_fees = (this.state.doctor_details ) ? this.state.doctor_details.consulting_fees:\"\";\r\n console.log(consulting_fees);\r\n console.log(this.state.onlineservice_charges);\r\n let service_charges=(this.state.visit_type.value==\"online\") ? this.state.onlineservice_charges : this.state.directservice_charges;\r\n \r\n let total_charges=parseInt(consulting_fees)+parseInt(service_charges);\r\n console.log(total_charges);\r\n // data.payable_amt =(this.state.payment_mode==\"Online\"|| this.state.visit_type.value==\"online\") ? total_charges : service_charges;\r\n data.payable_amt =(this.state.visit_type.value==\"online\")||(this.state.visit_type.value==\"inperson\" && this.state.payment_mode==\"Online\") ? total_charges : service_charges;\r\n let payment_status=(this.state.payment_mode==\"Online\")||(this.state.visit_type.value==\"online\") ? 'Completed':'Pending';\r\n let payment_type=(this.state.payment_mode==\"\"?\"Online\":this.state.payment_mode);\r\n console.log(data);\r\n let doc_firstname=this.state.doctor_details.first_name;\r\n let doc_lastname=this.state.doctor_details.last_name;\r\n // axios.defaults.headers.common[\r\n // \"Authorization\"\r\n // ] = `Bearer ${this.props.access_token}`;\r\nlet razorpay_key = \"\";\r\n axios\r\n.post(getCredentials, {\r\n \"credential_type\":\"razorpay\"\r\n})\r\n.then((res) => {\r\n console.log(res.data);\r\n razorpay_key = res.data.data[0].value;\r\n \r\n axios.post(RazorPayPayment, data, data).then((res) => {\r\n console.log(res);\r\n let data = res.data;\r\n this.sendBillingmail(this.state.doctor_details);\r\n // let vendorData = this.state.vendorData;\r\n // let paymentForm = this.state.paymentForm;\r\n // console.log(vendorData);\r\n console.log(razorpay_key);\r\n const options = {\r\n // key: __DEV__ ? 'rzp_test_CObt3PWG73pjBs' : 'PRODUCTION_KEY',\r\n key: razorpay_key,\r\n currency: data.currency,\r\n amount: data.amount.toString(),\r\n order_id: data.id,\r\n name: 'Billing and Payment',\r\n description: '',\r\n image: 'https://wtmprofileimagesbucket.s3.ap-south-1.amazonaws.com/logo.png',\r\n handler: function (response) {\r\n console.log(response);\r\n // alert(response.razorpay_payment_id)\r\n // return false; \r\n // alert(response.razorpay_order_id)\r\n // alert(response.razorpay_signature)\r\n let req_data = {\r\n 'order_id': response.razorpay_order_id,\r\n 'payment_id': response.razorpay_payment_id,\r\n // 'vendor_id': vendorData.id,\r\n // vendor_subscription: vendorData.vendor_subscription.id,\r\n // number_of_months: paymentForm.months.value,\r\n // amount: paymentForm.payable_amt,\r\n amount: consulting_fees,\r\n payment_status: payment_status,\r\n service_charges:service_charges,\r\n scharges_paymentstatus:'Completed',\r\n payment_type:payment_type,\r\n client_appt_id: client_appt_id\r\n\r\n }\r\n toast.success(\"Thank you! Your Slot Appointment was scheduled with Dr.\"+ doc_firstname + doc_lastname + \".\", {\r\n className: \"toast-success\",\r\n });\r\n \r\n axios.post(updateclientappointmentstatus, req_data, CONFIG).then((res) => {\r\n console.log(res);\r\n \r\n setTimeout(\r\n () =>\r\n (res.data.status) ?\r\n window.location.href = '/dashboard' : \"\"\r\n ,\r\n 1000\r\n );\r\n \r\n }).catch((err) => {\r\n\r\n\r\n })\r\n },\r\n\r\n prefill: {\r\n name: this.props.userdata.first_name+\" \"+this.props.userdata.last_name,\r\n email: this.props.userdata.email,\r\n contact: this.props.userdata.phone_number\r\n },\r\n modal: {\r\n confirm_close: true, // this is set to true, if we want confirmation when clicked on cross button.\r\n // This function is executed when checkout modal is closed\r\n // There can be 3 reasons when this modal is closed.\r\n ondismiss: async (reason) => {\r\n const {\r\n reason: paymentReason, field, step, code,\r\n } = reason && reason.error ? reason.error : {};\r\n // Reason 1 - when payment is cancelled. It can happend when we click cross icon or cancel any payment explicitly. \r\n if (reason === undefined) {\r\n console.log('cancelled');\r\n let cancel_data = {\r\n status:'Cancelled',\r\n amount: consulting_fees,\r\n payment_status: \"\",\r\n service_charges:service_charges,\r\n payment_type:payment_type,\r\n client_appt_id: client_appt_id\r\n \r\n };\r\n const handlePayment = async (url, cancel_data) => {\r\n try {\r\n const response = await axios.post(url, cancel_data);\r\n return response.data;\r\n } catch (error) {\r\n console.error('Error:', error);\r\n throw error;\r\n }\r\n }; \r\n handlePayment(updateclientappointmentstatus,cancel_data);\r\n let selectedHours = this.state.selectedHours;\r\n let doc_firstname=this.state.doctor_details.first_name;\r\n let doc_lastname=this.state.doctor_details.last_name;\r\n let data = { client_appt_id: selectedHours.client_appt_id, \"process\": \"Cancel\" }\r\n axios.post(saveClientAppointment, data).then((res) => {\r\n console.log(res);\r\n\r\n let req_data = {\r\n \r\n appt_status: 'Cancelled',\r\n client_appt_id: client_appt_id\r\n \r\n }\r\n axios\r\n .post(updateclientappointmentstatus, req_data, CONFIG)\r\n .then((res) => {console.log(res)}).catch((e) => {\r\n \r\n });\r\n /* toast.error(\"Your Slot Appointment with the Dr. \"+ doc_firstname + doc_lastname +\" has been successfully canceled.\", {\r\n className: \"toast-error\",\r\n }); */\r\n });\r\n\r\n toast.error(\"Your Appointment and Payment has been Cancelled.\" , {\r\n className: \"toast-error\",\r\n }); \r\n\r\n // handlePayment('Cancelled');\r\n } \r\n // Reason 2 - When modal is auto closed because of time out\r\n else if (reason === 'timeout') {\r\n console.log('timedout');\r\n let cancel_data = {\r\n status:'Cancelled',\r\n amount: consulting_fees,\r\n payment_status: \"\",\r\n service_charges:service_charges,\r\n payment_type:payment_type,\r\n client_appt_id: client_appt_id\r\n \r\n };\r\n const handlePayment = async (url, cancel_data) => {\r\n try {\r\n const response = await axios.post(url, cancel_data);\r\n return response.data;\r\n } catch (error) {\r\n console.error('Error:', error);\r\n throw error;\r\n }\r\n }; \r\n handlePayment(updateclientappointmentstatus,cancel_data);\r\n let selectedHours = this.state.selectedHours;\r\n let doc_firstname=this.state.doctor_details.first_name;\r\n let doc_lastname=this.state.doctor_details.last_name;\r\n let data = { client_appt_id: selectedHours.client_appt_id, \"process\": \"Cancel\" }\r\n axios.post(saveClientAppointment, data).then((res) => {\r\n console.log(res);\r\n let req_data = {\r\n \r\n appt_status: 'Cancelled',\r\n client_appt_id: client_appt_id\r\n \r\n }\r\n axios\r\n .post(updateclientappointmentstatus, req_data, CONFIG)\r\n .then((res) => {console.log(res)}).catch((e) => {\r\n \r\n });\r\n /* toast.error(\"Your Slot Appointment with the Dr. \"+ doc_firstname + doc_lastname +\" has been successfully canceled.\", {\r\n className: \"toast-error\",\r\n }); */\r\n });\r\n \r\n toast.error(\"Your Appointment and Payment has been Cancelled.\" , {\r\n className: \"toast-error\",\r\n }); \r\n // handlePayment('timedout');\r\n } \r\n // Reason 3 - When payment gets failed.\r\n else {\r\n console.log('failed');\r\n console.log(paymentReason);\r\n let cancel_data = {\r\n status:'Cancelled',\r\n amount: consulting_fees,\r\n payment_status: \"\",\r\n service_charges:service_charges,\r\n payment_type:payment_type,\r\n client_appt_id: client_appt_id\r\n \r\n };\r\n const handlePayment = async (url, cancel_data) => {\r\n try {\r\n const response = await axios.post(url, cancel_data);\r\n return response.data;\r\n } catch (error) {\r\n console.error('Error:', error);\r\n throw error;\r\n }\r\n }; \r\n handlePayment(updateclientappointmentstatus,cancel_data);\r\n let selectedHours = this.state.selectedHours;\r\n let doc_firstname=this.state.doctor_details.first_name;\r\n let doc_lastname=this.state.doctor_details.last_name;\r\n let data = { client_appt_id: selectedHours.client_appt_id, \"process\": \"Cancel\" }\r\n axios.post(saveClientAppointment, data).then((res) => {\r\n console.log(res);\r\n let req_data = {\r\n \r\n appt_status: 'Cancelled',\r\n client_appt_id: client_appt_id\r\n \r\n }\r\n axios\r\n .post(updateclientappointmentstatus, req_data, CONFIG)\r\n .then((res) => {console.log(res)}).catch((e) => {\r\n \r\n });\r\n /* toast.error(\"Your Slot Appointment with the Dr. \"+ doc_firstname + doc_lastname +\" has been successfully canceled.\", {\r\n className: \"toast-error\",\r\n }); */\r\n });\r\n \r\n toast.error(\"Your Appointment and Payment has been Cancelled.\" , {\r\n className: \"toast-error\",\r\n }); \r\n /* handlePayment('failed', {\r\n paymentReason, field, step, code,\r\n }); */\r\n }\r\n },\r\n },\r\n timeout: 300, // Time limit in Seconds\r\n theme: {\r\n color: '#037ac7', // Custom color for your checkout modal.\r\n },\r\n }\r\n const paymentObject = new window.Razorpay(options)\r\n paymentObject.on('payment.submit', (response) => {\r\n // paymentMethod.current = response.method;\r\n // alert(response.method);\r\n });\r\n paymentObject.on('payment.failed', function (response){\r\n // alert(response.error.code);\r\n // alert(response.error.description);\r\n // alert(response.error.source);\r\n // alert(response.error.step);\r\n // alert(response.error.reason);\r\n // alert(response.error.metadata.order_id);\r\n // alert(response.error.metadata.payment_id);\r\n});\r\n\r\n paymentObject.open()\r\n\r\n }).catch((e) => { console.log(e) });\r\n\r\n \r\n}) \r\n.catch((e) => { \r\n console.log(e)\r\n});\r\n\r\n \r\n\r\n\r\n }\r\n handleselectUpdateChange = (selected) => {\r\n console.log(selected);\r\n this.setState({ visit_type: selected })\r\n }\r\n handlePaymentSelect = (e) => {\r\n const { name, value } = e.target;\r\n\r\n this.setState({\r\n [name]: value,\r\n payment_type_error:\"\",\r\n });\r\n }\r\n render() {\r\n let PopupClose = () => this.setState({ addPopup: false });\r\n const { preferredDate, loading,oldtime,presenttime,doc_name,selectedHours,paymenttypeforhospital } = this.state;\r\n return (\r\n\r\n \r\n {/*
*/}\r\n {loading &&
}\r\n
\r\n
\r\n
\r\n
\r\n \r\n
\r\n\r\n
\r\n \r\n\r\n \r\n
\r\n
\r\n
\r\n
\r\n
\r\n
\r\n \r\n
\r\n \r\n
\r\n
\r\n \r\n \r\n \r\n
\r\n
\r\n
\r\n
\r\n
\r\n \r\n this.handleDOBChange(e, \"from\")\r\n }\r\n InputLabelProps={{\r\n shrink: true,\r\n }}\r\n />\r\n
\r\n
\r\n
\r\n
\r\n
\r\n \r\n this.handleDOBChange(e, \"to\")\r\n }\r\n InputLabelProps={{\r\n shrink: true,\r\n }}\r\n />\r\n
\r\n
\r\n\r\n
\r\n
\r\n
\r\n
\r\n \r\n \r\n Search\r\n \r\n
\r\n
\r\n
\r\n\r\n {/*
\r\n
\r\n
\r\n \r\n
\r\n
*/}\r\n
\r\n
\r\n
\r\n
\r\n
\r\n
\r\n
\r\n \r\n
\r\n
\r\n \r\n
\r\n \r\n
\r\n
\r\n
\r\n
\r\n
\r\n {this.state.appointmentsData.length ? this.state.appointmentsData.map(\r\n (data, i) => {\r\n if (i <= 2) {\r\n return (\r\n\r\n \r\n \r\n \r\n \r\n {getGivenDateStringFormat(\r\n data.appointmentDate\r\n )}\r\n
\r\n \r\n {getAvaliableCount(data.appointmentDate,data.appointmentTimings)} Available\r\n
\r\n \r\n \r\n \r\n\r\n );\r\n }\r\n }\r\n ) : \"\"}\r\n \r\n \r\n
\r\n\r\n
\r\n {this.state.appointmentsData.length ? this.state.appointmentsData.map(\r\n (data, i) => {\r\n if (i <= 2) {\r\n return (\r\n
\r\n {data.appointmentTimings.map(\r\n (appoimentTime, j) => {\r\n return (\r\n \r\n \r\n
\r\n
\r\n
\r\n {\" \"}\r\n {\r\n appoimentTime.timingName\r\n }\r\n
\r\n
\r\n
\r\n
\r\n
\r\n {appoimentTime.appointmentHours.map(\r\n (\r\n hoursData,\r\n k\r\n ) => {\r\n return (\r\n\r\n this.timeClicked(hoursData, data.appointmentDate)}\r\n >\r\n {\r\n hoursData.hours\r\n }\r\n \r\n );\r\n }\r\n )}\r\n
\r\n
\r\n
\r\n
\r\n
\r\n \r\n );\r\n }\r\n )}\r\n \r\n );\r\n }\r\n }\r\n ) : \"\"}\r\n
\r\n
\r\n {\r\n this.state.showPrevBtn ?\r\n
\r\n \r\n \r\n Previous\r\n \r\n : \"\"}\r\n {\r\n this.state.showNextBtn ?\r\n
\r\n \r\n \r\n Next\r\n \r\n : \"\"}\r\n
\r\n
\r\n
\r\n
\r\n
\r\n
\r\n
\r\n
\r\n \r\n
\r\n
\r\n \r\n \r\n
\r\n \r\n
\r\n \r\n \r\n | \r\n \r\n | \r\n Appollo Hospital | \r\n
\r\n \r\n | \r\n \r\n | \r\n Vasan eyecare | \r\n
\r\n \r\n | \r\n \r\n | \r\n Vivek dental | \r\n
\r\n \r\n | \r\n \r\n | \r\n Velan skincare | \r\n
\r\n \r\n
\r\n
\r\n
\r\n
\r\n
\r\n
\r\n
\r\n
\r\n
\r\n
\r\n
\r\n \r\n
\r\n
\r\n {this.state.business_name}\r\n
\r\n
\r\n\r\n
\r\n
\r\n \r\n
\r\n
\r\n {this.state.selectedDate}\r\n
\r\n
\r\n\r\n
\r\n
\r\n \r\n
\r\n
\r\n {this.state.selectedHours.hours}\r\n
\r\n
\r\n\r\n\r\n
\r\n
\r\n \r\n
\r\n
\r\n \r\n
\r\n
\r\n {(this.state.visit_type.value\r\n //&& !this.state.reschedule\r\n == 'inperson' && !this.state.reschedule) ? (\r\n
\r\n
\r\n \r\n
\r\n\r\n\r\n\r\n\r\n
\r\n {this.state.paymenttypeforhospital==\"Online\"?\r\n \r\n
\r\n
\r\n\r\n \r\n \r\n Pay online\r\n \r\n \r\n
\r\n \r\n
\r\n
\r\n
\r\n
\r\n
\r\n \r\n \r\n \r\n Pay at Clinic\r\n \r\n \r\n
\r\n \r\n
\r\n
\r\n
\r\n\r\n
) : \"\"}\r\n\r\n {(this.state.visit_type.value==\"inperson\" && this.state.payment_mode==\"Online\")|| this.state.visit_type.value==\"online\"?\r\n (<>
\r\n
\r\n \r\n
\r\n
\r\n {this.state.doctor_details ? this.state.doctor_details.consulting_fees : \"\"\r\n } INR\r\n
\r\n
\r\n
\r\n
\r\n \r\n
\r\n
\r\n {this.state.visit_type.value==\"online\" ? this.state.onlineservice_charges : this.state.directservice_charges} INR\r\n
\r\n
): \"\"}\r\n {this.state.visit_type.value==\"inperson\" && this.state.payment_mode==\"Direct\"?\r\n (
\r\n
\r\n \r\n
\r\n
\r\n {this.state.directservice_charges} INR\r\n
\r\n
):\"\"}\r\n{selectedHours.isAvailable ? (
\r\n
\r\n \r\n\r\n \r\n \r\n
\r\n
):\"\"}\r\n \r\n\r\n
\r\n
\r\n
\r\n
\r\n {this.state.reschedule ? (
\r\n \r\n \r\n \r\n \r\n \r\n {/* \r\n Join\r\n */}\r\n ) : (\r\n
\r\n \r\n \r\n \r\n
\r\n \r\n )}\r\n {/*
*/}\r\n
\r\n\r\n
\r\n\r\n
\r\n
\r\n
\r\n
\r\n \r\n
\r\n
\r\n {this.state.business_name}\r\n
\r\n
\r\n\r\n\r\n
\r\n
\r\n \r\n
\r\n
\r\n \r\n
\r\n
\r\n\r\n
\r\n
\r\n \r\n
\r\n
\r\n \r\n {this.state.doctor_details ? this.state.doctor_details.consulting_fees : \"\"\r\n } INR \r\n
\r\n
\r\n\r\n
\r\n \r\n Click the confirm button to reschedule the appointment from {this.state.rescheduleObj.appt_date} at {this.state.rescheduleObj.appt_time} to {this.state.selectedDate} at {this.state.selectedHours.hours}\r\n \r\n
\r\n\r\n
\r\n
\r\n
\r\n
\r\n\r\n \r\n \r\n \r\n \r\n \r\n \r\n
\r\n
\r\n\r\n
\r\n
\r\n Are you sure you want to Cancel the appoinment ?\r\n
\r\n\r\n
\r\n
\r\n {\r\n this.setState({\r\n cancelModel: false,\r\n cancelRecord: {},\r\n });\r\n }}\r\n >\r\n No\r\n \r\n
\r\n \r\n
\r\n \r\n Yes\r\n \r\n
\r\n \r\n \r\n
\r\n
\r\n
\r\n \r\n
{ this.idleTimer = ref }}\r\n element={document}\r\n onActive={this.onActive}\r\n onIdle={this.onIdle}\r\n onAction={this.onAction}\r\n debounce={250}\r\n timeout={hospitaltimeout} />\r\n \r\n \r\n {/* */}\r\n {loading && }\r\n \r\n
\r\n \r\n {this.props.userdata.user_type.toLowerCase() === \"hospital\" ? (\r\n \r\n ) : this.props.userdata.user_type.toLowerCase() === \"doctor\" ? (\r\n \r\n ) : (\r\n \r\n )}\r\n
\r\n \r\n
\r\n
\r\n {this.props.userdata.user_type.toLowerCase() === \"hospital\" ? (\r\n \r\n ) : this.props.userdata.user_type.toLowerCase() === \"doctor\" ? (\r\n \r\n ) : (\r\n \r\n )}\r\n
\r\n {\r\n (this.state.adminstatus !== \"\" && this.state.adminstatus === \"Pending\") ? (\r\n
\r\n
\r\n \r\n
\r\n
\r\n
\r\n
\r\n {/* Admin not approved your account yet to view this page. Please contact the administrator to approve your account. */}\r\n
\r\n
\r\n\r\n
\r\n
\r\n
\r\n
\r\n\r\n
) :\r\n (\r\n
\r\n \r\n
\r\n\r\n
\r\n
\r\n\r\n\r\n {/* shift planner page starts here */}\r\n
\r\n
Shift Planner
\r\n
\r\n
\r\n\r\n
\r\n\r\n
\r\n\r\n {/*
\r\n
\r\n
\r\n\r\n
\r\n
\r\n \r\n
\r\n\r\n
\r\n
\r\n
\r\n
\r\n \r\n this.handleDOBChange(date, \"from\")\r\n }\r\n />\r\n
\r\n
\r\n\r\n\r\n
\r\n
\r\n \r\n
\r\n
\r\n
\r\n
\r\n \r\n this.handleDOBChange(date, \"to\")\r\n }\r\n />\r\n
\r\n
\r\n
\r\n\r\n
\r\n
\r\n
\r\n
\r\n
\r\n \r\n \r\n\r\n Search\r\n \r\n \r\n \r\n {\r\n let initVal = Object.assign(\r\n {},\r\n initalValue\r\n );\r\n this.setState({\r\n createShift: initVal,\r\n });\r\n this.setState({ openModal: true, });\r\n }}\r\n >\r\n \r\n Add\r\n \r\n
\r\n
\r\n
\r\n
*/}\r\n
\r\n
\r\n
\r\n
\r\n
\r\n \r\n
\r\n \r\n
\r\n
\r\n \r\n
\r\n
\r\n this.handleDOBChange(date, \"from\")\r\n }\r\n yearPlaceholder='YYYY'\r\n monthPlaceholder='MM'\r\n dayPlaceholder='DD'\r\n />\r\n \r\n
\r\n
\r\n
\r\n \r\n
\r\n \r\n
\r\n
\r\n \r\n
\r\n \r\n
\r\n this.handleDOBChange(date, \"to\")\r\n }\r\n yearPlaceholder='YYYY'\r\n monthPlaceholder='MM'\r\n dayPlaceholder='DD'\r\n />\r\n \r\n
\r\n
\r\n \r\n
\r\n \r\n \r\n Search\r\n \r\n {\r\n let initVal = Object.assign(\r\n {},\r\n initalValue\r\n );\r\n this.setState({\r\n createShift: initVal,\r\n });\r\n this.setState({ openModal: true, });\r\n }}\r\n >\r\n \r\n Add\r\n \r\n
\r\n
\r\n \r\n
\r\n \r\n {/*
*/}\r\n {/* \r\n \r\n Search\r\n \r\n {\r\n let initVal = Object.assign(\r\n {},\r\n initalValue\r\n );\r\n this.setState({\r\n createShift: initVal,\r\n });\r\n this.setState({ openModal: true, });\r\n }}\r\n >\r\n \r\n Add\r\n */}\r\n {/*
*/}\r\n
\r\n
\r\n
\r\n
\r\n
\r\n\r\n
\r\n\r\n
\r\n
\r\n \r\n
\r\n\r\n
\r\n
\r\n
\r\n
\r\n )}\r\n
\r\n
\r\n
\r\n
\r\n
\r\n
\r\n \r\n
\r\n
\r\n {this.state.updateShift.doctorName}\r\n
\r\n
\r\n
\r\n
\r\n \r\n
\r\n
\r\n \r\n
\r\n
\r\n
\r\n
\r\n \r\n
\r\n
\r\n
\r\n \r\n \r\n | \r\n \r\n this.handleUpdateDateChange(\r\n date,\r\n \"updateShift.from\"\r\n )\r\n }\r\n disabled={this.state.updateShift.from < new Date()}\r\n />\r\n \r\n | \r\n {shift_series[1] === this.state.updateShift.shiftOccurence.toString() ?\r\n \r\n \r\n To\r\n | \r\n \r\n \r\n this.handleUpdateDateChange(\r\n date,\r\n \"updateShift.to\"\r\n )\r\n }\r\n disabled={this.state.updateShift.from < new Date()}\r\n />\r\n \r\n | \r\n : \r\n | \r\n \r\n | \r\n \r\n }\r\n\r\n
\r\n\r\n \r\n
\r\n
\r\n
\r\n
\r\n
\r\n \r\n
\r\n
\r\n
\r\n
\r\n \r\n \r\n | \r\n {/* */}\r\n \r\n | \r\n \r\n To\r\n | \r\n \r\n {/* */}\r\n \r\n | \r\n \r\n
\r\n \r\n
\r\n
\r\n
\r\n\r\n
\r\n
\r\n \r\n
\r\n {this.state.updateShift.from < new Date() ? \r\n
\r\n {this.state.updateShift.schedule_type.value}\r\n
\r\n : \r\n
\r\n \r\n
\r\n }\r\n
\r\n\r\n
\r\n
\r\n {this.state.deleteConfirm ?\r\n
\r\n
Are you sure you want to delete {this.state.updateShift.shiftOccurence} Occurence ?
\r\n\r\n
\r\n
\r\n \r\n
\r\n \r\n
\r\n \r\n
\r\n
\r\n\r\n
\r\n :\r\n\r\n
\r\n {this.state.updateShift.from < new Date() ? \"\":\r\n
\r\n
\r\n \r\n
\r\n \r\n
\r\n \r\n
\r\n
\r\n }\r\n
\r\n }\r\n
\r\n
\r\n
\r\n
\r\n \r\n
\r\n
\r\n \r\n \r\n
\r\n
\r\n
\r\n
\r\n \r\n
\r\n
\r\n \r\n \r\n
\r\n
\r\n
\r\n
\r\n \r\n
\r\n
\r\n
\r\n \r\n \r\n | \r\n \r\n this.handleDOBChange(date, \"createShift.from\")\r\n }\r\n yearPlaceholder='YYYY'\r\n monthPlaceholder='MM'\r\n dayPlaceholder='DD'\r\n />\r\n \r\n | \r\n \r\n to\r\n | \r\n \r\n \r\n this.handleDOBChange(date, \"createShift.to\")\r\n }\r\n yearPlaceholder='YYYY'\r\n monthPlaceholder='MM'\r\n dayPlaceholder='DD'\r\n />\r\n \r\n | \r\n \r\n {this.state.createShift.totalDays} Days\r\n | \r\n
\r\n \r\n
\r\n
\r\n
\r\n
\r\n
\r\n \r\n
\r\n
\r\n
\r\n
\r\n \r\n \r\n | \r\n {/* */}\r\n \r\n | \r\n \r\n to\r\n | \r\n \r\n {/* */}\r\n \r\n | \r\n \r\n \r\n \r\n \r\n | \r\n
\r\n \r\n
\r\n
\r\n
\r\n
\r\n
\r\n \r\n
\r\n
\r\n
\r\n \r\n \r\n | \r\n {/* */}\r\n \r\n | \r\n \r\n to\r\n | \r\n \r\n {/* */}\r\n \r\n | \r\n | \r\n
\r\n \r\n
\r\n
\r\n
\r\n
\r\n
\r\n \r\n \r\n \r\n
\r\n
\r\n
\r\n
\r\n
\r\n
\r\n
\r\n \r\n Add\r\n \r\n
\r\n
\r\n
\r\n
\r\n \r\n
\r\n
\r\n
\r\n
\r\n {/*
*/}\r\n {loading &&
}\r\n
\r\n
\r\n
\r\n
\r\n \r\n
\r\n\r\n
\r\n \r\n \r\n { this.idleTimer = ref }}\r\n element={document}\r\n onActive={this.onActive}\r\n onIdle={this.onIdle}\r\n onAction={this.onAction}\r\n debounce={250}\r\n timeout={timeout} />\r\n \r\n
\r\n\r\n
\r\n
\r\n\r\n\r\n {/* shift planner page starts here */}\r\n
\r\n
Shift Planner
\r\n\r\n\r\n
\r\n
\r\n\r\n
\r\n\r\n
\r\n\r\n
\r\n
\r\n
\r\n
\r\n
\r\n \r\n
\r\n \r\n
\r\n
\r\n \r\n
\r\n
\r\n this.handleDOBChange(date, \"from\")\r\n }\r\n yearPlaceholder='YYYY'\r\n monthPlaceholder='MM'\r\n dayPlaceholder='DD'\r\n />\r\n \r\n
\r\n
\r\n
\r\n \r\n
\r\n \r\n
\r\n
\r\n \r\n
\r\n \r\n
\r\n this.handleDOBChange(date, \"to\")\r\n }\r\n yearPlaceholder='YYYY'\r\n monthPlaceholder='MM'\r\n dayPlaceholder='DD'\r\n />\r\n \r\n
\r\n
\r\n \r\n
\r\n \r\n \r\n Search\r\n \r\n {\r\n let initVal = Object.assign(\r\n {},\r\n initalValue\r\n );\r\n this.setState({\r\n createShift: initVal,\r\n });\r\n this.setState({ openModal: true, });\r\n }}\r\n >\r\n \r\n Add\r\n \r\n
\r\n
\r\n \r\n
\r\n \r\n {/*
*/}\r\n {/* \r\n \r\n Search\r\n \r\n {\r\n let initVal = Object.assign(\r\n {},\r\n initalValue\r\n );\r\n this.setState({\r\n createShift: initVal,\r\n });\r\n this.setState({ openModal: true, });\r\n }}\r\n >\r\n \r\n Add\r\n */}\r\n {/*
*/}\r\n
\r\n
\r\n \r\n
\r\n \r\n
\r\n
\r\n
\r\n
\r\n\r\n
\r\n
\r\n
\r\n
\r\n {/*
*/}\r\n\r\n
\r\n\r\n
\r\n
\r\n
\r\n\r\n\r\n\r\n
\r\n
\r\n \r\n \r\n {this.state.updateShift.from < new Date() ? \r\n \"View Shift\" : \"Update / Delete Shift\" \r\n }\r\n \r\n \r\n \r\n \r\n \r\n
\r\n
\r\n
\r\n \r\n
\r\n
\r\n {this.state.updateShift.doctorName}\r\n
\r\n
\r\n
\r\n
\r\n \r\n
\r\n
\r\n \r\n
\r\n
\r\n
\r\n
\r\n \r\n
\r\n
\r\n
\r\n \r\n \r\n | \r\n \r\n this.handleUpdateDateChange(\r\n date,\r\n \"updateShift.from\"\r\n )\r\n }\r\n disabled={this.state.updateShift.from < new Date()}\r\n yearPlaceholder='YYYY'\r\n monthPlaceholder='MM'\r\n dayPlaceholder='DD'\r\n />\r\n \r\n | \r\n {shift_series[1] === this.state.updateShift.shiftOccurence.toString() ?\r\n \r\n \r\n To\r\n | \r\n \r\n \r\n this.handleUpdateDateChange(\r\n date,\r\n \"updateShift.to\"\r\n )\r\n }\r\n disabled={this.state.updateShift.from < new Date()}\r\n yearPlaceholder='YYYY'\r\n monthPlaceholder='MM'\r\n dayPlaceholder='DD'\r\n />\r\n \r\n | \r\n : \r\n | \r\n \r\n | \r\n \r\n }\r\n\r\n
\r\n\r\n \r\n
\r\n
\r\n
\r\n
\r\n
\r\n \r\n
\r\n
\r\n
\r\n
\r\n \r\n \r\n | \r\n {/* */}\r\n \r\n | \r\n \r\n To\r\n | \r\n \r\n {/* */}\r\n \r\n | \r\n \r\n
\r\n \r\n
\r\n
\r\n
\r\n\r\n
\r\n
\r\n \r\n
\r\n {this.state.updateShift.from < new Date() ? \r\n \r\n
\r\n {this.state.updateShift.schedule_type.value}\r\n
\r\n :
\r\n \r\n
\r\n }\r\n
\r\n\r\n
\r\n
\r\n {this.state.deleteConfirm ?\r\n
\r\n
Are you sure you want to delete {this.state.updateShift.shiftOccurence} Occurence ?
\r\n\r\n
\r\n
\r\n
\r\n \r\n \r\n
\r\n
\r\n \r\n \r\n \r\n
\r\n\r\n
\r\n :\r\n
\r\n {this.state.updateShift.from < new Date() ? \"\":\r\n
\r\n
\r\n
\r\n \r\n \r\n
\r\n
\r\n \r\n \r\n \r\n
\r\n }\r\n
\r\n }\r\n
\r\n
\r\n
\r\n
\r\n \r\n
\r\n
\r\n \r\n \r\n
\r\n
\r\n
\r\n
\r\n \r\n
\r\n
\r\n \r\n \r\n
\r\n
\r\n
\r\n
\r\n \r\n
\r\n
\r\n
\r\n \r\n \r\n | \r\n \r\n this.handleDOBChange(date, \"createShift.from\")\r\n }\r\n yearPlaceholder='YYYY'\r\n monthPlaceholder='MM'\r\n dayPlaceholder='DD'\r\n />\r\n \r\n | \r\n \r\n to\r\n | \r\n \r\n \r\n this.handleDOBChange(date, \"createShift.to\")\r\n }\r\n yearPlaceholder='YYYY'\r\n monthPlaceholder='MM'\r\n dayPlaceholder='DD'\r\n />\r\n \r\n | \r\n \r\n {this.state.createShift.totalDays} Days\r\n | \r\n
\r\n \r\n
\r\n
\r\n
\r\n
\r\n
\r\n \r\n
\r\n
\r\n
\r\n
\r\n \r\n \r\n | \r\n {/* */}\r\n \r\n | \r\n \r\n to\r\n | \r\n \r\n {/* */}\r\n \r\n | \r\n \r\n \r\n \r\n \r\n | \r\n
\r\n \r\n
\r\n
\r\n
\r\n
\r\n
\r\n \r\n
\r\n
\r\n
\r\n \r\n \r\n | \r\n {/* */}\r\n \r\n | \r\n \r\n to\r\n | \r\n \r\n {/* */}\r\n \r\n | \r\n | \r\n
\r\n \r\n
\r\n
\r\n
\r\n
\r\n
\r\n \r\n \r\n \r\n
\r\n
\r\n
\r\n
\r\n
\r\n
\r\n
\r\n \r\n Add\r\n \r\n \r\n
\r\n \r\n
\r\n \r\n
\r\n
![\"LOGO\"]({require(\"../../assets/images/logo.jpg\")})
\r\n \r\n ![\"LOGO\"]({require(\"../../assets/images/logo.png\")}){kind=logo}
\r\n \r\n }/)
\r\n }/)
\r\n ![\"LOGO\"]({require(\"../../src/assets/images/website/Group8.png\")})
\r\n \r\n ![\"LOGO\"]({require(\"../assets/images/loginlogo.png\")})
\r\n // \r\n // ![\"profile-pic\"/]({this.state.profile_img?this.state.profile_img:require(\"../../../../assets/images/hospital.png\")}\r\n)
\r\n ![\"\"]({require(\"../../assets/images/icon5.png\")})
\r\n \r\n Patient Check-In\r\n \r\n ![\"\"]({require(\"../../assets/images/icon14.png\")})
\r\n \r\n Patient Check-Out\r\n \r\n ![]({require(\"../../assets/images/icon13.png\")})
\r\n Queue List\r\n ![]({require(\"../../assets/images/icon15.png\")})
\r\n Prescription\r\n ![]({require(\"../../assets/images/icon25.png\")})
\r\n QR code\r\n ![]({require(\"../../assets/images/icon17.png\")})
\r\n \r\n Finance\r\n \r\n ![]({require(\"../../assets/images/advertismenttop2.jpg\")}\r\n)
))}\r\n\r\n }/)
}/)
}/)
}/)
}/)
}/)