Sign up to proceed further.
It would be great,if you could refer to someone.
KlinicQ Team.
\"\r\n };\r\n \r\n let notificationdata = {\r\n \"message_code\": \"REFERRAL\",\r\n \"language_code\": \"en\",\r\n\r\n \"data\": {\r\n \"first_name\": user.first_name,\r\n \"base_url\":BaseUrl,\r\n \"unique_id\": user.id,\r\n\r\n // \"referral_code\":\"referral_code\"\r\n\r\n\r\n },\r\n \"receiver\": {\r\n \"phoneNumber\": referralData.phone_number\r\n }\r\n };\r\n console.log(reqdata);\r\n console.log(notificationdata);\r\n let url = sendReferralemail;\r\n // console.log(this.props.userdata);\r\n // referralData.category = referralData.category.label;\r\n axios\r\n .post(url, reqdata)\r\n .then((res) => {\r\n let resdata = res.data;\r\n\r\n\r\n \r\n axios\r\n .post(sendsms, notificationdata)\r\n .then((result) => {\r\n console.log(result)\r\n }).catch((err) => {\r\n console.log(err);\r\n })\r\n console.log(resdata);\r\n this.setState({ loading: false });\r\n let data = {\r\n message:\"\",\r\n status:\"\"\r\n }\r\n if (resdata.status===1) {\r\n data.error_type = \"success\";\r\n data.message = \"Referral email sent successfully\"\r\n data.status = \"1\"\r\n // this.setState({\r\n // formSuccess: data,\r\n // });\r\n toast.success(\"Thank you! Your referral link has been sent.\",{\r\n className:\"toast-success\"\r\n });\r\n this.setState({ loading: false });\r\n this.clearMessage();\r\n } else {\r\n data.error_type = \"error\";\r\n data.message = \"Failed\"\r\n data.status = \"0\"\r\n // this.setState({\r\n // formSuccess: data,\r\n // });\r\n toast.error(\"There was a problem with your submission. \",{\r\n className:\"toast-error\"\r\n });\r\n this.setState({ loading: false });\r\n this.clearMessage();\r\n }\r\n })\r\n .catch((e) => { });\r\n }\r\n };\r\n redeemReferralpoints=(event)=>\r\n {\r\n event.preventDefault();\r\n axios.defaults.headers.common[\r\n \"Authorization\"\r\n ] = `Bearer ${this.props.access_token}`;\r\n let referraldata=this.state.referral_details;\r\n if(referraldata.total_credits>0)\r\n {\r\n let data = {\r\n\r\n user_id:this.props.userdata.id,\r\n points_redeemed:referraldata.total_credits\r\n };\r\n \r\n axios\r\n .post(redeemReferralPoints,data, CONFIG)\r\n .then((res) => \r\n {\r\n let data = res.data;\r\n console.log(data);\r\n if (data.status === \"1\") \r\n {\r\n /* let tableSuccess = {\r\n message: \"Points Redeemed Successfully\",\r\n status: \"1\",\r\n };\r\n */ \r\n // this.setState({ tableSuccess});\r\n toast.success(\"Points Redeemed Successfully. \",{\r\n className:\"toast-success\"\r\n });\r\n axios.defaults.headers.common[\r\n \"Authorization\"\r\n ] = `Bearer ${this.props.access_token}`;\r\n \r\n let url = getReferralDetails;\r\n let data = { user_id: this.props.userdata.id };\r\n axios\r\n .post(url, data, CONFIG)\r\n .then((res) => {\r\n let data = res.data;\r\n console.log(data);\r\n if (data.status !== \"0\")\r\n this.setState({\r\n referral_details: data.data,\r\n });\r\n else {\r\n this.setState({\r\n referral_details: {},\r\n });\r\n }\r\n })\r\n .catch((e) => { }); \r\n \r\n \r\n }\r\n else {\r\n /* let tableSuccess = {\r\n message: \"Points Not Redeemed\",\r\n status: \"0\",\r\n }; */\r\n // this.setState({ tableSuccess});\r\n toast.error(\"Points Not Redeemed. \",{\r\n className:\"toast-error\"\r\n });\r\n this.clearMessage();\r\n }\r\n })\r\n }else\r\n {\r\n let tableSuccess = {\r\n message: \"You have zero points u cannot Redeem\",\r\n status: \"0\",\r\n };\r\n this.setState({ tableSuccess});\r\n this.clearMessage();\r\n }\r\n };\r\n\r\n clearMessage = () => {\r\n setTimeout(\r\n () =>\r\n this.setState({\r\n formSuccess: { message: \"\" },\r\n tableSuccess: { message: \"\" },\r\n }),\r\n 5000\r\n );\r\n let referralData = {\r\n name: \"\",\r\n category: \"\",\r\n email: \"\",\r\n phone_number: \"\",\r\n user_id: this.props.userdata.id,\r\n \r\n }; let errors = {\r\n name: \"\",\r\n category: \"\",\r\n email: \"\",\r\n phone_number: \"\",\r\n pointstoberedeemed:\"\",\r\n };\r\n console.log(referralData)\r\n this.setState({errors:errors,referralData:referralData});\r\n };\r\n handlePhoneInput = (event) => {\r\n let referralData = this.state.referralData;\r\n let errors = this.state.errors\r\n referralData.phone_number = event;\r\n errors.phone_number = \"\"\r\n this.setState({ referralData,errors });\r\n };\r\n handleInput = (e) => {\r\n let data = this.state.referralData;\r\n let name = e.target.name;\r\n let value = e.target.value;\r\n let max = e.target.max;\r\nlet errors = this.state.errors\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 errors[name] = \"\"\r\n }\r\n this.setState({ referralData: data,errors });\r\n };\r\n handleRedeemInput = (e) => {\r\n let data = this.state.referralData;\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=== \"pointstoberedeemed\") {\r\n this.validateMaxLength(name, value, max);\r\n } else {\r\n data[name] = value;\r\n }\r\n this.setState({ referralData: data });\r\n };\r\n\r\n validateMaxLength(name, value, max) {\r\n let data = this.state.referralData;\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({ referralData: data, errors: errors });\r\n }\r\n handleselectChange = (selectedOptions, e) => {\r\n let data = this.state.referralData;\r\n data[e.name] = selectedOptions;\r\nlet errors = this.state.errors\r\nerrors[e.name] = \"\"\r\n this.setState({ referralData: data,errors });\r\n };\r\n render() {\r\n let PopupHospitalClose = () => {\r\n this.setState({ hospitalpopup:true})\r\n \r\n };\r\n const { referralData, errors, formSuccess,tableSuccess, referral_details,hospitaltimeout,loading } = this.state;\r\n return (\r\n this.editRecord(record)}\r\n className=\"tableAnchorTag\"\r\n >\r\n {record.s_no}\r\n \r\n );\r\n },\r\n },\r\n {\r\n key: \"patient_id\",\r\n text: \"Patient ID\",\r\n className: \"patient_id\",\r\n align: \"left\",\r\n sortable: true,\r\n },\r\n {\r\n key: \"patient_name\",\r\n text: \"Patient Name\",\r\n className: \"patient_name\",\r\n align: \"left\",\r\n sortable: true,\r\n },\r\n\r\n {\r\n key: \"dob\",\r\n text: \"Date of Birth\",\r\n className: \"date_of_birth\",\r\n sortable: true,\r\n align: \"left\",\r\n cell: (record) => {\r\n return moment(record.dob).format(\"DD-MM-YYYY\");\r\n },\r\n },\r\n {\r\n key: \"blood_group\",\r\n text: \"Blood Group\",\r\n className: \"blood_group\",\r\n sortable: true,\r\n align: \"left\",\r\n },\r\n\r\n {\r\n key: \"phone_number\",\r\n text: \"Mobile Number\",\r\n className: \"text-center\",\r\n sortable: true,\r\n align: \"left\",\r\n cell: (record) => {\r\n return record.phone_number ? record.phone_number:record.parent_phone_number ;\r\n },\r\n },\r\n {\r\n key: \"TokenDate\",\r\n text: \"Token Date\",\r\n className: \"text-center\",\r\n sortable: true,\r\n align: \"left\",\r\n },\r\n {\r\n key: \"TokenTime\",\r\n text: \"Token Time\",\r\n className: \"text-center\",\r\n sortable: true,\r\n align: \"left\",\r\n },\r\n {\r\n key: \"wait_time\",\r\n text: \"Wait Time\",\r\n className: \"text-center\",\r\n sortable: true,\r\n align: \"left\",\r\n },\r\n {\r\n key: \"status\",\r\n text: \"Status\",\r\n className: \"text-center\",\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: \"text-center\",\r\n sortable: true,\r\n align: \"left\",\r\n },\r\n /* {\r\n key: \"edit\",\r\n text: \"Edit\",\r\n className: \"edit\",\r\n width: 100,\r\n align: \"left\",\r\n sortable: true,\r\n cell: (record) => {\r\n return (\r\n \r\n\r\n this.editRecord(record)}\r\n >\r\n \r\n \r\n\r\n \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\r\n {record.isprescription ? (\r\n this.editRecord(record)}\r\n >\r\n \r\n \r\n ) : (\r\n \"\"\r\n )}\r\n {record.isfee ? (\r\n this.editRecord(record)}\r\n >\r\n \r\n \r\n ) : (\r\n \"\"\r\n )}\r\n {record.isfollowup ? (\r\n this.editRecord(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 this.config = {\r\n page_size: 10,\r\n length_menu: [10, 20, 50],\r\n button: {\r\n excel: false,\r\n print: false,\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 \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 cancelRecord(record) {\r\n let selrecord = this.state.selectedRecord;\r\n\r\n if (selrecord) {\r\n this.setState(\r\n {\r\n cancelSelRecord: selrecord,\r\n },\r\n this.setState({\r\n cancelModel: true,\r\n })\r\n );\r\n }\r\n\r\n }\r\n\r\n editRecord(record) {\r\nconsole.log(record)\r\n let actionFormData = {\r\n registrationId: \"\",\r\n pharmacy_details: \"\",\r\n follow_up_details: \"\",\r\n consultation_fee: \"\",\r\n medicine_description:\"\",\r\n selectedDaysType: \"\",\r\n successMessage: \"\",\r\n errorMessage: \"\",\r\n\r\n };\r\n let selectedRecord = this.state.selectedRecord;\r\n console.log(selectedRecord);\r\n selectedRecord = record;\r\n\r\n actionFormData.registrationId = record.patient_id;\r\n actionFormData.email = record.email;\r\n actionFormData.phone_number = record.phone_number;\r\n actionFormData.phone_code = record.phone_code;\r\n actionFormData.first_name = record.first_name;\r\n actionFormData.medicine_description = record.medicine_description;\r\n\r\n actionFormData.consultation_fee = record.consultation_fee\r\n ? record.consultation_fee\r\n : \"\";\r\n actionFormData.pharmacy_details = record.pharmacy_details\r\n ? record.pharmacy_details\r\n : \"\";\r\n\r\n if (record.follow_up_details) {\r\n let temp_array = record.follow_up_details;\r\n actionFormData.follow_up_details = temp_array;\r\n actionFormData.selectedDaysType = {\r\n label: temp_array,\r\n value: temp_array,\r\n };\r\n }\r\n console.log(record.pharmacy_details.value);\r\n console.log(record.pharmacy_details.label);\r\n axios\r\n .post(getPharmacydetailsbyid,{id:record.pharmacy_details.value}, CONFIG)\r\n .then((res) => {\r\n //console.log(res);\r\n // console.log(res.data);\r\n let response = res.data;\r\n console.log(response.data[0]);\r\n console.log(response.data[0].pharmacy_location);\r\n\r\n // return false;\r\n if (response.status == \"1\") {\r\n // window.location.href = \"/vendor/\" + response.data;\r\n this.setState({ pharmacy_location: response.data[0].pharmacy_location });\r\n }\r\n\r\n })\r\n .catch((e) => {\r\n console.log(e);\r\n });\r\n\r\n axios\r\n .post(getBusinessuserShortDetail,{business_user_id:record.business_user_id}, CONFIG)\r\n .then((res) => {\r\n let response = res.data;\r\n console.log(response.data);\r\n console.log(response.data.last_name);\r\n\r\n // return false;\r\n if (response.status == \"1\") {\r\n // window.location.href = \"/vendor/\" + response.data;\r\n this.setState({ doctor_name: response.data.first_name +' '+ response.data.last_name,speciality_name:response.data.speciality_name });\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 this.setState({ actionFormData: actionFormData });\r\n this.setState({ selectedRecord: selectedRecord });\r\n \r\n }\r\n\r\n conformCancelAppointment = () => {\r\n let record = this.state.cancelSelRecord;\r\n let data = {};\r\n data.n_business_id = this.props.userdata.id;\r\n data.n_business_user_id = \"\";\r\n data.n_schedule_day_id = record.schedule_day_id;\r\n data.n_q_id = record.q_id;\r\n data.n_status = \"Cancelled\";\r\n data.n_preference = record.preference;\r\n data.n_savefor = \"C\";\r\n console.log(data);\r\n axios\r\n .post(updateQueueStatus, data)\r\n .then((res) => {\r\n console.log(res);\r\n\r\n axios.defaults.headers.common[\r\n \"Authorization\"\r\n ] = `Bearer ${this.props.access_token}`;\r\n axios\r\n .post(\r\n queueAssignmentList,\r\n { business_id: this.props.userdata.id },\r\n CONFIG\r\n )\r\n .then((res) => {\r\n\r\n let resdata = res.data.data;\r\n let queueList = [];\r\n resdata.forEach((element, index) => {\r\n let queue = {};\r\n queue.queue_no = element.preference;\r\n queue.patient_id = element.patient_id;\r\n queue.patient_name = element.first_name + \" \" + element.last_name;\r\n queue.dob = element.date_of_birth;\r\n queue.gender = element.gender;\r\n queue.blood_group = element.blood_group;\r\n queue.phone_number = element.phone_number;\r\n queue.app_time = element.expected_time;\r\n queue.wait_time = element.waitTime;\r\n queue.status = element.status;\r\n queue.checkin_id = element.checkin_id;\r\n queue.isfee = element.fee;\r\n queue.isprescription = element.prescription;\r\n queue.isfollowup = element.followup;\r\n queue.client_id = element.client_id;\r\n queue.business_user_id=element.business_user_id;\r\n queue.id = element.id;\r\n queue.q_id = element.q_id;\r\n queue.schedule_day_id = element.schedule_day_id;\r\n queue.pharmacy_details = element.pharmacy_details\r\n ? element.pharmacy_details\r\n : \"\";\r\n queue.consultation_fee = element.consultation_fee\r\n ? element.consultation_fee\r\n : \"\";\r\n queue.follow_up_details = element.follow_up_details\r\n ? element.follow_up_details\r\n : \"\";\r\n queueList[index] = queue;\r\n });\r\n\r\n // let clientmedicinehistory = {};\r\n this.setState({ queueList: queueList });\r\n })\r\n .catch((e) => { });\r\n this.closePopup();\r\n })\r\n .catch((e) => { });\r\n\r\n };\r\n\r\n clearActionForm = () => {\r\n // e.preventDefault();\r\nlet errors=this.state.errors;\r\n let actionFormData = this.state.actionFormData;\r\n actionFormData.registrationId = \"\";\r\n actionFormData.pharmacy_details = {};\r\n actionFormData.follow_up_details = \"\";\r\n actionFormData.consultation_fee = \"\";\r\n actionFormData.selectedDaysType = \"\";\r\n actionFormData.medicine_description = \"\";\r\n this.setState({ actionFormData: actionFormData,errors:\"\" });\r\n this.setState({ selectedRecord: \"\" });\r\n\r\n };\r\n clearMessage = () => {\r\n setTimeout(\r\n () =>\r\n this.setState({\r\n successMessage: { message: \"\" },\r\n \r\n }),\r\n 5000\r\n );\r\n };\r\n performAction = (e) => {\r\n\r\n const postData = this.state.selectedRecord;\r\n\r\n if (\"\" === postData || null === postData) {\r\n alert(\"Select any one of the record fields.\");\r\n\r\n } else {\r\n postData.business_id = this.props.userdata.id;\r\n postData.pharmacy_details = this.state.actionFormData.pharmacy_details;\r\n postData.business_user_id=this.state.actionFormData.business_user_id;\r\n postData.follow_up_details =\r\n this.state.actionFormData.follow_up_details;\r\n postData.consultation_fee = this.state.actionFormData.consultation_fee;\r\n postData.medicine_description = this.state.actionFormData.medicine_description;\r\n postData.id = postData.checkin_id;\r\n if (\"complete\" === e.target.id) {\r\n // postData.status = \"complete\";\r\n }\r\n postData.actionType = e.target.id;\r\n let errors = this.state.errors;\r\n errors.pharmacy_details = \"\";\r\n errors.follow_up_details = \"\";\r\n errors.consultation_fee = \"\";\r\n axios.defaults.headers.common[\r\n \"Authorization\"\r\n ] = `Bearer ${this.props.access_token}`;\r\n this.setState({ loading: true }, () => {\r\n axios\r\n .post(consultDoctor, postData, CONFIG)\r\n .then((res) => {\r\n \r\n const result = res.data;\r\n let successMessage = this.state.successMessage;\r\n if (result.status === \"1\") \r\n this.setState({ successMessage: result });\r\n if (\"print\" === postData.actionType) {\r\n if(postData.pharmacy_details === \"\" || !postData.pharmacy_details)\r\n {\r\n errors.pharmacy_details = \"Please choose pharmacy\";\r\n this.setState({errors})\r\n return false; \r\n }\r\n else \r\n {\r\n /* this.props.history.push(\r\n \"/hospitalprint_prescription/\" + postData.id + \"/business\");\r\n */ this.props.history.push({\r\n pathname: \"/hospitalprint_prescription/\" + postData.id + \"/business\",\r\n state: {\r\n business_id:this.props.userdata.id,\r\n business_name:this.state.business_name,\r\n hospital_address:this.state.hospital_address,\r\n hospital_city:this.state.hospital_city,\r\n hospital_state:this.state.hospital_state,\r\n hospital_zipcode:this.state.hospital_zipcode,\r\n patient_id:this.state.selectedRecord.patient_id,\r\n patient_name:this.state.selectedRecord.patient_name,\r\n pharmacy_name:this.state.selectedRecord.pharmacy_details.label,\r\n pharmacy_location:this.state.pharmacy_location,\r\n doctor_name:this.state.doctor_name,\r\n speciality_name:this.state.speciality_name\r\n }\r\n });\r\n }\r\n } else if (\"complete\" === postData.actionType) {\r\n console.log(postData);\r\n if(postData.consultation_fee === \"\")\r\n {\r\n \r\n\r\n errors.consultation_fee = \"The Consultation fees field is required.\";\r\n this.setState({errors}); return false;\r\n\r\n } else {\r\n // this.conformCompleteAction();\r\n this.props.history.push({\r\n pathname: \"/add_prescription/\" + postData.checkin_id,\r\n data: {\r\n business_id: this.props.userdata.id,\r\n completion_data: postData,\r\n doctor_name:this.state.doctor_name,\r\n }\r\n });\r\n }\r\n \r\n } \r\n else if(\"setupReminder\" === postData.actionType){\r\n console.log(postData)\r\n if(postData.follow_up_details === \"\")\r\n {\r\n errors.follow_up_details = \"Please enter followup days\";\r\n this.setState({errors}); return false;\r\n } else{\r\n \r\n let reqdata = {\r\n \"to\" : postData.email,\r\n \"subject\" : \"Remainder Email\",\r\n \"mailHeader\" : \"Hi \"+postData.patient_name,\r\n \"message\": \"You have an appointment remainder \"+postData.follow_up_details+\" days from today.\"\r\n }\r\n let notificationdata = {\r\n \"message_code\": \"FOLLOW_REMINDER\",\r\n \"language_code\": \"en\",\r\n \"data\": {\r\n \"patient_name\": postData.patient_name,\r\n \"followup_days\": postData.follow_up_details,\r\n \r\n },\r\n \"receiver\": {\r\n \"phoneNumber\": postData.phone_code.concat(postData.phone_number)\r\n }\r\n };\r\n console.log(notificationdata)\r\n console.log(reqdata)\r\n if(postData.phone_number){\r\n axios\r\n .post(sendsms, notificationdata)\r\n .then((result) => {\r\n console.log(result)\r\n successMessage.message=\"Remainder sent successfully to your registered mobile number.\";\r\n successMessage.status=\"1\";\r\n }).catch((err) => {\r\n console.log(err);\r\n successMessage = {message: err,status:\"0\"};\r\n })\r\n // this.setState({ successMessage: successMessage });\r\n /* toast.success(\"Remainder sent successfully to your registered mobile number.\",{\r\n className:\"toast-success\"\r\n }); */\r\n\r\n }\r\n if(postData.email){\r\n axios\r\n .post(sendemail, reqdata)\r\n .then((res) => {\r\n let resdata = res.data;\r\n // successMessage = {message: \"Remainder send successfully to your registered email id\",status:\"1\"};\r\n successMessage.message=\"Remainder sent successfully to your registered email Id.\";\r\n successMessage.status=\"1\";\r\n }).catch((err) => {\r\n console.log(err);\r\n successMessage = {message: err,status:\"0\"};\r\n })\r\n // this.setState({ successMessage: successMessage });\r\n /* toast.success(\"Remainder sent successfully to your registered email Id.\",{\r\n className:\"toast-success\"\r\n }); */\r\n }\r\n \r\n toast.success(\"The Remainder has been sent successfully.\",{\r\n className:\"toast-success\"\r\n });\r\n\r\n \r\n\r\n this.clearMessage();\r\n }\r\n } else \r\n {\r\n this.setState({ errorMessage: result.message || \"Failed to submit prescription details\", });\r\n toast.error(\"Failed to submit prescription details.\",{\r\n className:\"toast-error\"\r\n });\r\n }\r\n\r\n this.setState({ loading: false });\r\n })\r\n .catch((e) => {\r\n this.setState({\r\n loading: false,\r\n errorMessage: \"Failed to submit consultant details\",\r\n });\r\n });\r\n });\r\n }\r\n };\r\n sendPrescriptionmail = (data) => {\r\n \r\n if((data.medicine_description !== \"\" || data.medicine_description !== null) && data.pharmacy_details !== \"\"){\r\n let selectedRecord = this.state.selectedRecord;\r\n // let style = \"table,th,td{border: 1px solid #dfdfdf;}\";\r\n let reqdata = { \r\n \"to\" : data.email,\r\n \"subject\" : \"Prescription for \"+selectedRecord.patient_name,\r\n \"mailHeader\" : \"Prescription for \"+selectedRecord.patient_name,\r\n \"message\": '| Registration. No. | '+data.registrationId+' |
| Patient Name | '+selectedRecord.patient_name+' |
| Hospital Address | '+ this.props.business_short_detail.business_name + \", \" + this.props.business_short_detail.address1\r\n + \", \" + this.props.business_short_detail.city\r\n + \", \" + this.props.business_short_detail.state\r\n + \" - \" + this.props.business_short_detail.zip_code+' |
| Medicine Description | Days | Before Food | Morning | Noon | Night | Total |
|---|
',\r\n }\r\n \r\n data.medicine_description.forEach((element, index) => {\r\n reqdata.message += '| '+element.medicine_description+' | '+element.days+' | '+element.before_food+' | '+element.morning+' | '+element.noon+' | '+element.night+' | '+element.total+' |
';\r\n });\r\n reqdata.message += '
';\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\r\n completeAction = (e) => {\r\n const postData = this.state.selectedRecord;\r\n this.sendPrescriptionmail(this.state.actionFormData);\r\n// console.log(postData); return false;\r\n\r\n this.conformCompleteAction();\r\n \r\n if (\"\" === postData || null === postData) {\r\n alert(\"Please select the record\");\r\n } else {\r\n postData.business_id = this.props.userdata.id;\r\n postData.pharmacy_details = this.state.actionFormData.pharmacy_details;\r\n\r\n postData.follow_up_details =\r\n this.state.actionFormData.follow_up_details;\r\n postData.consultation_fee = this.state.actionFormData.consultation_fee;\r\n postData.id = postData.checkin_id;\r\n if (\"finish\" === e.target.id) {\r\n postData.status = \"Completed\";\r\n }\r\n postData.actionType = e.target.id;\r\n\r\n axios.defaults.headers.common[\r\n \"Authorization\"\r\n ] = `Bearer ${this.props.access_token}`;\r\n this.setState({ loading: true }, () => {\r\n axios\r\n .post(consultDoctor, postData, CONFIG)\r\n .then((res) => {\r\n this.setState({ loading: false });\r\n const result = res.data;\r\n if (result.status === \"1\") {\r\n console.log(result.message);\r\n let successMessage = {\r\n message: \"The Patient has completed the transaction successfully.\",\r\n status: \"1\",\r\n };\r\n toast.success(\"The Patient has completed the transaction successfully.\",{\r\n className:\"toast-success\"\r\n });\r\n // this.setState({ successMessage });\r\n this.clearActionForm();\r\n this.clearMessage();\r\n // if (\"print\" === postData.actionType) {\r\n // this.props.history.push(\r\n // \"/print_prescription/\" + postData.id + \"/business\"\r\n // );\r\n // } else\r\n if (\"finish\" === postData.actionType) {\r\n // console.log(postData);\r\n // this.props.history.push({\r\n // pathname: \"/add_prescription\",\r\n // data: {\r\n // business_id: this.props.userdata.id,\r\n // completion_data: postData,\r\n // \r\n }\r\n // });\r\n \r\n } else {\r\n this.setState({\r\n errorMessage:\r\n result.message || \"Failed to complete the action\",\r\n });\r\n toast.error(\"Failed to complete the action.\",{\r\n className:\"toast-error\"\r\n });\r\n }\r\n })\r\n .catch((e) => {\r\n this.setState({\r\n loading: false,\r\n errorMessage: \"Failed to complete the action\",\r\n });\r\n });\r\n });\r\n }\r\n };\r\n conformCompleteAction = () => {\r\n\r\n let record = this.state.selectedRecord;\r\n let data = {};\r\n data.n_business_id = this.props.userdata.id;\r\n data.n_business_user_id = \"\";\r\n data.n_schedule_day_id = record.schedule_day_id;\r\n data.n_q_id = record.q_id;\r\n data.n_status = \"Completed\";\r\n data.n_preference = record.preference;\r\n data.n_savefor = \"C\";\r\n console.log(data);\r\n axios\r\n .post(updateQueueStatus, data)\r\n .then((res) => {\r\n console.log(res);\r\n\r\n this.getQueueDatabyselecteddoctor(this.state.selected_doctor.value,this.state.selected_shift.value)\r\n this.closePopup();\r\n })\r\n .catch((e) => { });\r\n\r\n };\r\n\r\n closePopup = (e) => {\r\n this.setState({\r\n cancelModel: false,\r\n });\r\n };\r\n\r\n handleInput = (e) => {\r\n\r\n let data = this.state.actionFormData;\r\n let name = e.target.name;\r\n let value = e.target.value;\r\n let errors=this.state.errors;\r\n if(name===\"follow_up_details\" || name === \"consultation_fee\")\r\n data[name] = value.replace(/[^0-9]/ig,'');\r\n else data[name] = value;\r\n this.setState({ actionFormData: data });\r\n errors.follow_up_details = \"\";\r\n };\r\n printOrder = () => {\r\n const printableElements = document.getElementById(\"printme\").innerHTML;\r\n let orderHTML =\r\n \"\" +\r\n printableElements +\r\n \"\";\r\n const oldPage = document.body.innerHTML;\r\n document.body.innerHTML = orderHTML;\r\n window.print();\r\n document.body.innerHTML = oldPage;\r\n };\r\n handleselectPharmacy = (selectedOptions, e) => {\r\n let data = this.state.actionFormData;\r\n data[e.name] = selectedOptions;\r\n this.setState({ actionFormData: data });\r\n };\r\n\r\n componentDidMount = () => {\r\n\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 hospitaltimeout: data.data.timeout\r\n \r\n });\r\n })\r\n .catch((e) => { });\r\n\r\n\r\n // this.getData();\r\n\r\n axios\r\n .post(getMasterPharmacy, {user_id:this.props.userdata.id}, CONFIG)\r\n .then((res) => {\r\n console.log(res);\r\n let pharmacy_array = res.data.data;\r\n\r\n let pharmacyList = [];\r\n\r\n pharmacy_array.forEach((element, index) => {\r\n pharmacyList.push({\r\n value: element.id,\r\n label: element.pharmacy_name,\r\n email: element.email,\r\n });\r\n });\r\n\r\n this.setState({ pharmacy_array: pharmacyList });\r\n })\r\n .catch((e) => { });\r\n this.setState({ loading: true });\r\n\r\n const data = {\r\n n_business_id: this.props.userdata.id,\r\n n_currentdate: getDateISOFormat(new Date()),\r\n };\r\n axios.defaults.headers.common[\r\n \"Authorization\"\r\n ] = `Bearer ${this.props.access_token}`;\r\n axios\r\n .post(getDocByBusiness, data, CONFIG)\r\n .then((result) => {\r\n\r\n let doc_list = [], doctor_shift = [];\r\n result.data.data.forEach((element, index) => {\r\n \r\n if (element.schedule_type.toLowerCase() !== 'appointment')\r\n doc_list.push({ value: element.business_user_id, label: element.doctor_name, doctor_Appointments: element.doctor_Appointments });\r\n });\r\n if (doc_list.length) {\r\n doc_list[0].doctor_Appointments.forEach((doc, k) => {\r\n doctor_shift.push({ value: doc.schedule_day_id, label: \"Shift \" + (k + 1) + \"(\" + doc.starttime + \" - \" + doc.endtime + \")\" })\r\n })\r\n }\r\n\r\n\r\n this.setState({ doctor_appointment: result.data.data, doc_list: doc_list, selected_doctor: doc_list[0], doctor_shift: doctor_shift, selected_shift: doctor_shift[0], loading: false });\r\n this.getQueueDatabyselecteddoctor(doc_list[0].value, doctor_shift[0].value);\r\n\r\n\r\n })\r\n .catch((e) => { console.log(e); this.setState({ loading: false }) });\r\n\r\n axios\r\n .post(getBusinessShortDetail, { business_id: this.props.userdata.id }, 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 \r\n this.setState({ hospital_details: response.data[0],hospital_address:response.data[0].address1,\r\n business_name:response.data[0].business_name,hospital_city:response.data[0].city,\r\n hospital_state:response.data[0].state,hospital_zipcode:response.data[0].zip_code,business_name:response.data[0].business_name });\r\n }\r\n console.log(this.state.hospital_details);\r\n console.log(this.state.hospital_address);\r\n\r\n })\r\n\r\n .catch((e) => { });\r\n\r\n };\r\n \r\n getData = () => {\r\n this.setState({ loading: true });\r\n this.getQueueDatabyselecteddoctor(this.state.selected_doctor.value,this.state.selected_shift.value)\r\n }\r\n getQueueDatabyselecteddoctor = (business_user_id, schedule_day_id) => {\r\n this.setState({ loading: true });\r\nconsole.log('here')\r\n if (business_user_id !== \"\" && schedule_day_id !== \"\") {\r\n let reqdata = {\r\n business_id: this.props.userdata.id,\r\n business_user_id: business_user_id,\r\n schedule_day_id: schedule_day_id\r\n }\r\n axios.defaults.headers.common[\r\n \"Authorization\"\r\n ] = `Bearer ${this.props.access_token}`;\r\n axios\r\n .post(\r\n QueueAssignmentListbySelectedDoctor,\r\n reqdata,\r\n CONFIG\r\n )\r\n .then((res) => {\r\n\r\n let resdata = res.data.data;\r\n let queueList = [];\r\n resdata.forEach((element, index) => {\r\n let queue = {};\r\n queue.s_no = index+1;\r\n queue.queue_no = element.preference;\r\n queue.patient_id = element.patient_id;\r\n queue.patient_name = element.first_name + \" \" + element.last_name;\r\n queue.dob = element.date_of_birth;\r\n queue.gender = element.gender;\r\n queue.blood_group = element.blood_group;\r\n queue.phone_number = element.phone_number;\r\n queue.parent_phone_number = element.parent_phone_number;\r\n queue.phone_code = element.phone_code;\r\n queue.email = element.email;\r\n queue.app_time = element.expected_time;\r\n queue.TokenDate=element.TokenDate;\r\n queue.TokenTime=element.TokenTime;\r\n \r\n queue.wait_time = element.waitTime;\r\n queue.status = element.status;\r\n queue.payment_status=element.payment_status;\r\n queue.checkin_id = element.checkin_id;\r\n queue.isfee = element.fee;\r\n queue.isprescription = element.prescription;\r\n queue.isfollowup = element.followup;\r\n queue.client_id = element.client_id;\r\n queue.business_user_id=element.business_user_id;\r\n queue.id = element.id;\r\n queue.q_id = element.q_id;\r\n queue.schedule_day_id = element.schedule_day_id;\r\n queue.medicine_description = element.medicine_description;\r\n queue.pharmacy_details = element.pharmacy_details\r\n ? element.pharmacy_details\r\n : \"\";\r\n queue.consultation_fee = element.consultation_fee\r\n ? element.consultation_fee\r\n : \"\";\r\n queue.follow_up_details = element.follow_up_details\r\n ? element.follow_up_details\r\n : \"\";\r\n queueList[index] = queue;\r\n });\r\n\r\n // let clientmedicinehistory = {};\r\n this.setState({ queueList: queueList, loading: false });\r\n })\r\n .catch((e) => { });\r\n }\r\n }\r\n handleselectChange = (selectedoption, event) => {\r\n\r\n let { doc_list } = this.state;\r\n let doctor_shift = [];\r\n if (event.name === \"doc_list\") {\r\n\r\n doc_list[event.name] = selectedoption\r\n\r\n\r\n selectedoption.doctor_Appointments.forEach((doc, k) => {\r\n doctor_shift.push({ value: doc.schedule_day_id, label: \"Shift \" + (k + 1) + \"(\" + doc.starttime + \" - \" + doc.endtime + \")\" })\r\n })\r\n\r\n this.setState({ doc_list: doc_list, selected_doctor: selectedoption, doctor_shift: doctor_shift, selected_shift: doctor_shift[0] });\r\n this.getQueueDatabyselecteddoctor(selectedoption.value, doctor_shift[0].value)\r\n }\r\n if (event.name === 'doctor_shift') {\r\n\r\n this.setState({ selected_shift: selectedoption })\r\n this.getQueueDatabyselecteddoctor(this.state.selected_doctor.value, selectedoption.value)\r\n }\r\n }\r\n render() {\r\n\r\n const {\r\n headerinfo,\r\n queueList,\r\n pharmacy_array,\r\n actionFormData,\r\n errorMessage,\r\n successMessage,\r\n errors,\r\n doc_list,\r\n hospitaltimeout,\r\n doctor_name\r\n } = this.state;\r\n let loggedinUserId = this.props.userdata.id;\r\n let navigation = {};\r\n navigation.userId = loggedinUserId;\r\n let PopupClose = () => {\r\n window.location.reload();\r\n this.setState({ showexpirePopup: true })\r\n };\r\n let PopupHospitalClose = () => {\r\n this.setState({ hospitalpopup:true})\r\n \r\n };\r\n let PopupConfirm = () => {\r\n this.props.history.push({\r\n pathname: \"/showsubscription\",\r\n state: {}\r\n });\r\n };\r\n return (\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
\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
\r\n
Queue 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 {/* */}\r\n {/* */}\r\n
\r\n
\r\n
\r\n
\r\n
\r\n \r\n
\r\n
\r\n
\r\n {actionFormData.registrationId}\r\n \r\n
\r\n
\r\n this.cancelRecord()}\r\n >\r\n Reset\r\n \r\n
\r\n
\r\n \r\n
\r\n
\r\n
\r\n \r\n
\r\n
\r\n
\r\n
\r\n \r\n \r\n
\r\n \r\n
\r\n
\r\n \r\n Reminder\r\n \r\n
\r\n
\r\n \r\n
\r\n
\r\n
\r\n \r\n
\r\n
\r\n
\r\n \r\n \r\n
\r\n
\r\n \r\n Print\r\n \r\n
\r\n
\r\n \r\n
\r\n
\r\n
\r\n \r\n
\r\n
\r\n
\r\n
\r\n \r\n \r\n
\r\n
\r\n \r\n
\r\n
\r\n
\r\n \r\n Billing\r\n \r\n \r\n Complete\r\n \r\n \r\n
\r\n
\r\n \r\n
\r\n
\r\n
\r\n \r\n
\r\n
\r\n \r\n
\r\n {/* \r\n Complete\r\n */}\r\n
\r\n
\r\n
\r\n
\r\n \r\n\r\n
\r\n
\r\n
\r\n
\r\n
\r\n
\r\n
\r\n
\r\n \r\n
\r\n
\r\n
\r\n \r\n \r\n \r\n\r\n
\r\n
\r\n {/*
\r\n
*/}\r\n \r\n
\r\n \r\n \r\n \r\n
\r\n \r\n
\r\n \r\n \r\n \r\n
\r\n
\r\n
\r\n
\r\n\r\n\r\n\r\n
\r\n\r\n \r\n \r\n\r\n\r\n
\r\n \r\n \r\n Cancel Appointment\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 \r\n Yes\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
\r\n
\r\n
\r\n {/*
*/}\r\n\r\n\r\n
\r\n {\" \"}\r\n
\r\n ) : (\r\n \"\"\r\n );\r\n },\r\n },\r\n {\r\n key: \"morning\",\r\n text: \"Morning\",\r\n className: \"morning\",\r\n sortable: true,\r\n align: \"left\",\r\n },\r\n {\r\n key: \"noon\",\r\n text: \"Noon\",\r\n className: \"noon\",\r\n sortable: true,\r\n align: \"left\",\r\n },\r\n {\r\n key: \"night\",\r\n text: \"Night\",\r\n className: \"night\",\r\n sortable: true,\r\n align: \"left\",\r\n },\r\n {\r\n key: \"total\",\r\n text: \"Total\",\r\n className: \"total\",\r\n sortable: true,\r\n align: \"left\",\r\n },\r\n ];\r\n this.config = {\r\n page_size: 10,\r\n length_menu: [10, 20, 50],\r\n button: {\r\n excel: false,\r\n print: false,\r\n },\r\n };\r\n }\r\n\r\n componentDidMount() {\r\n \r\n axios.defaults.headers.common[\r\n \"Authorization\"\r\n ] = `Bearer ${this.props.access_token}`;\r\n console.log(this.props.userdata.id);\r\n //console.log(this.props.location.state.business_id);\r\n console.log(this.props.location.state.pharmacy_name);\r\n console.log(this.props.location.state.pharmacy_location);\r\n console.log(this.props.location.state.hospital_address);\r\n axios.defaults.headers.common[\r\n \"Authorization\"\r\n ] = `Bearer ${this.props.access_token}`;\r\n console.log(this.props.checkin_id)\r\n const checkinData = { id: this.props.match.params.id };\r\n axios\r\n .post(getCheckinDetails, checkinData, CONFIG)\r\n .then((res) => {\r\n let completion_data = res.data.data || res.data.date;\r\n if (res.data.status !== \"1\") {\r\n return;\r\n }\r\n console.log(completion_data)\r\nthis.setState({client_id:completion_data.client_id,q_id:completion_data.q_id,Reg_id:completion_data.Reg_id,patient_name:completion_data.first_name,business_id:completion_data.business_id});\r\n})\r\n/* .catch((e) => {\r\n console.log(\"client short info failed\");\r\n}); */\r\n const postData1 = { id: this.props.match.params.id };\r\n axios\r\n .post(getPrescription, postData1, CONFIG)\r\n .then((res) => {\r\n let data = res.data.consultantHistory || res.data.consultantHistory;\r\n console.log(data);\r\n console.log(res.data);\r\n // if (res.data.status !== \"1\" || !data || !data[0]) {\r\n // return;\r\n // }\r\n console.log(res.data.status);\r\n if (res.data.status === \"1\") {\r\n console.log(res.data.data[0]);\r\n this.setState({\r\n // with_in_week: data.with_in_week,\r\n // with_in_30: data.with_in_30,\r\n // with_in_3_months: data.with_in_3_months,\r\n // with_in_6_months: data.with_in_6_months,\r\n // with_in_year: data.with_in_year,\r\n // with_in_2_years: data.with_in_2_years,\r\n records: (res.data.data[0] && null != res.data.data[0].medicine_description)\r\n ? res.data.data[0].medicine_description\r\n : [],client_id:res.data.data[0].client_id,business_id:res.data.data[0].business_id,\r\n pharmacy_location: res.data.data[0].pharmacy_location\r\n \r\n });\r\n \r\n \r\n axios\r\n .post(getClientShortDetail, { client_id: this.state.client_id })\r\n .then((short_details) => {\r\n if (short_details.data.status === \"1\") {\r\n let info = short_details.data.data[0];\r\n console.log(info);\r\n let headerInfo = {};\r\n headerInfo.avatar = info.avatar;\r\n headerInfo.full_name = info.first_name +''+info.last_name;\r\n headerInfo.registeration_id = info.patient_id;\r\n headerInfo.blood_group = info.blood_group;\r\n headerInfo.age = info.age;\r\n headerInfo.profile_percentage = info.profile_percentage;\r\n this.setState({ registeration_id:info.patient_id,patient_name:info.first_name,headerInfo });\r\n console.log(headerInfo);\r\n console.log(this.state.registeration_id);\r\n }\r\n })\r\n .catch((e) => {\r\n console.log(\"client short info failed\",e);\r\n }); \r\n\r\n \r\n console.log(this.state.business_id);\r\n // if(res.data.data[0].medicine_description)\r\n // setTimeout(() => {\r\n const printableElements = document.getElementById(\"layout-wrapper\")\r\n .innerHTML;\r\n const orderHtml =\r\n \"
\" +\r\n printableElements +\r\n \"\";\r\n document.body.innerHTML = orderHtml;\r\n console.log(this.props.match.params.id);\r\n \r\n\r\n window.print();\r\n\r\n if (this.props.match.params.user_type.toLowerCase() === 'doctor') {\r\n document.location.href = '/consult/' + this.props.match.params.id\r\n } else {\r\n document.location.href = \"/queue_assignment\";\r\n } \r\n\r\n // document.body.innerHTML = oldPage;\r\n // console.log(this.props.history.goBack())\r\n // document.location.href = \"/queue_assignment\";\r\n\r\n // document.location.href = this.props.history.goBack()\r\n // }, 1000);\r\n } else {\r\n this.setState({ error: res.data.message });\r\n }\r\n })\r\n .catch(() => { });\r\n \r\n /* let reqdata = {\r\n \r\n 'user_id': this.props.userdata.id\r\n \r\n }\r\n axios\r\n .post(getdigitalsignatureforbusinessuser, reqdata, CONFIG)\r\n .then((res) => {\r\n let data = res.data;\r\n console.log(res);\r\n console.log(data);\r\n \r\n if (data.status === \"1\")\r\n this.setState({\r\n image: data.data[0].image\r\n \r\n });\r\n\r\n}) */\r\n \r\n\r\naxios\r\n.post(getBusinessShortDetail, { business_id: this.state.business_id }, CONFIG)\r\n.then((short_details) => {\r\n \r\n\r\n if (short_details.data.status === \"1\") {\r\n let info = short_details.data.data[0];\r\n info.profile_percentage_style = getProfilePercentage(info.profile_percentage);\r\n \r\n this.setState({ headerinfo: info, loading: false, profile_img : info.avatar });\r\n console.log(this.state.headerinfo);\r\n this.props.setBusinessShortData(this.state.headerinfo);\r\n \r\n }\r\n})\r\n.catch((e) => {\r\n console.log(\"business short info failed\",e);\r\n}); \r\n \r\n \r\n\r\n }\r\nBack=()=>\r\n{\r\n document.location.href=\"/queue_assignment\";\r\n}\r\n render() {\r\n const {\r\n loading,\r\n error,\r\n image,\r\n writtenprescriptionimage,\r\n headerInfo,\r\n Reg_id,\r\n patient_name,\r\n doctor_name,\r\n first_name,\r\n speciality_name,\r\n records\r\n } = this.state;\r\n // console.log(with_in_week.length);\r\n console.log(this.props.userdata.id);\r\n return (\r\n \r\n {/*
*/}\r\n {loading &&
}\r\n
\r\n\r\n
\r\n {/*
*/}\r\n
\r\n {this.props.userdata.user_type === \"hospital\" ? (\r\n \r\n ) : this.props.userdata.user_type === \"doctor\" ? (\r\n \r\n ) : (\r\n \r\n )}\r\n
\r\n
\r\n \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 Name | \r\n {this.props.userdata.user_type === \"doctor\" ?\r\n {this.props.location.state.business_name} | :\"\"}\r\n {this.props.userdata.user_type === \"hospital\" ?\r\n {this.props.userdata.id} | :\"\"} \r\n Hospital Address | \r\n \r\n { this.props.location.state.hospital_address\r\n + \", \" + this.props.location.state.hospital_city\r\n + \", \" + this.props.location.state.hospital_state\r\n + \" - \" + this.props.location.state.hospital_zipcode }\r\n | \r\n
\r\n \r\n | Doctor Name | \r\n {this.props.location.state.doctor_name} | \r\n Speciality Name | \r\n {this.props.location.state.speciality_name} | \r\n
\r\n \r\n | Registration. No. | \r\n {this.props.location.state.Reg_id} | \r\n Patient Name | \r\n {this.props.location.state.patient_name} | \r\n
\r\n \r\n | Pharmacy Name | \r\n {this.props.location.state.pharmacy_name} | \r\n Pharmacy Address | \r\n {this.state.pharmacy_location} | \r\n
\r\n \r\n \r\n | Date | \r\n\r\n \r\n {moment(new Date()).format(\r\n \"DD MMM YYYY hh:mm A\"\r\n )}\r\n | \r\n
\r\n \r\n \r\n {/* \r\n \r\n \r\n Patient Information\r\n \r\n \r\n - Patient Name
\r\n - {this.props.location.state.patient_name}
\r\n\r\n - Registration. No.
\r\n - {this.props.location.state.Reg_id}
\r\n \r\n \r\n | \r\n \r\n Doctor Information\r\n \r\n \r\n - Doctor Name
\r\n - {this.props.location.state.doctor_name}
\r\n\r\n - Speciality Name
\r\n - {this.props.location.state.speciality_name}
\r\n \r\n \r\n | \r\n
\r\n\r\n \r\n \r\n Hospital Information\r\n \r\n \r\n - Hospital Name
\r\n - {this.props.location.state.business_name}
\r\n\r\n - Hospital Address
\r\n - \r\n {this.props.location.state.hospital_address}, \r\n {this.props.location.state.hospital_city}, \r\n {this.props.location.state.hospital_state} - \r\n {this.props.location.state.hospital_zipcode}\r\n
\r\n \r\n \r\n\r\n | \r\n \r\n Pharmacy Information\r\n \r\n \r\n - Pharmacy Name
\r\n - {this.props.location.state.pharmacy_name}
\r\n\r\n - Pharmacy Address
\r\n - {this.state.pharmacy_location}
\r\n \r\n \r\n | \r\n
\r\n
*/}\r\n {/* \r\n \r\n\r\n \r\n\r\n \r\n \r\n\r\n - Date
\r\n - {new Date().toLocaleString()}
\r\n
*/}\r\n \r\n {error ? (\r\n
{error}\r\n ) : (\r\n \"\"\r\n )}\r\n
\r\n \r\n {/* \r\n {records.medicine_description && records.medicine_description > 0 ? (\r\n
\r\n \r\n {(records && records.length > 0) ?\r\n (records.medicine_description.map((element, index) => (\r\n \r\n | {element.medicine_description} | \r\n
) \r\n )) : \" \"}\r\n \r\n
\r\n) : null}\r\n
\r\n \r\n \r\n
) :\"\"}\r\n \r\n \r\n
\r\n {this.props.location.state.writtenprescriptionimage ?
:\"\"}\r\n
\r\n
\r\n
\r\n
\r\n \r\n
\r\n
\r\n
\r\n
\r\n
\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.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\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\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
QR Code
\r\n \r\n\r\n\r\n
\r\n
\r\n
\r\n
Open the built-in camera app and point the camera at the QR Code Scanner for Check-in purposes.
\r\n\r\n
\r\n\r\n\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(\"../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 ![\"LOGO\"]({require(\"../../assets/images/loginlogo.png\")})
\r\n }/)
}/)
}/)
}/)
}/)
}/)