Loading...
\n \n )}\n \n );\n }\n}\n\nexport default withRouter(withStyles(useStyles)(CaseListPage));\n","import axios from \"axios\";\nimport { BASE_URL, PAYMENT_BASE_URL } from \"../utils/constants\";\n\nexport const savePayment = async (payload) => {\n try {\n const response = await axios.post(`${BASE_URL}/payment/AddPayment`, payload, {\n headers: {\n \"Allow-Cross-Origin\": \"*\",\n \"Content-Type\": \"application/json\",\n \"Ocp-Apim-Subscription-Key\": process.env.REACT_APP_TTC_APIM_KEY,\n },\n });\n return response.data;\n } catch (error) {\n console.log(error);\n }\n};\n\nexport const getPaymentInformation = async (barcodeId) => {\n try {\n const response = await axios.get(\n `${BASE_URL}/case/GetPayInfoByBarcodeId/${barcodeId}`,\n {\n headers: {\n \"Allow-Cross-Origin\": \"*\",\n \"Content-Type\": \"application/json\",\n \"Ocp-Apim-Subscription-Key\": process.env.REACT_APP_TTC_APIM_KEY,\n },\n }\n );\n return response.data;\n } catch (error) {\n console.log(error);\n }\n};\n\nexport const getPaymentInformationByGroupId = async (groupId) => {\n try {\n const response = await axios.get(\n `${BASE_URL}/case/GetCaseListInfoByQuoteGroupId/${groupId}`,\n {\n headers: {\n \"Allow-Cross-Origin\": \"*\",\n \"Content-Type\": \"application/json\",\n \"Ocp-Apim-Subscription-Key\": process.env.REACT_APP_TTC_APIM_KEY,\n },\n }\n );\n return response.data;\n } catch (error) {\n console.log(error);\n }\n};\n\nexport const generateUid = async (payload) => {\n try {\n const response = await axios.post(`${PAYMENT_BASE_URL}/payment/GeneratePaymentUid`, payload, {\n headers: {\n \"Allow-Cross-Origin\": \"*\",\n \"Content-Type\": \"application/json\",\n \"Ocp-Apim-Subscription-Key\": process.env.REACT_APP_TTC_APIM_KEY_PAYMENT,\n \"System\": process.env.REACT_APP_TTC_SYSTEM\n },\n });\n return response.data;\n } catch (error) {\n console.log(error);\n }\n};","import TTCLogo from '../assets/ttc-logo.png';\nimport CreditCards from '../assets/credit-cards.png';\nconst IMAGES = {\n TTCLogo,\n CreditCards\n}\n\nexport default IMAGES;","export default __webpack_public_path__ + \"static/media/ttc-logo.311e93b1.png\";","export default __webpack_public_path__ + \"static/media/credit-cards.d1878f7e.png\";","import React from 'react';\nimport { withStyles } from '@material-ui/core/styles';\nimport {\n Grid,\n TextField,\n Button,\n Dialog,\n DialogActions,\n DialogTitle,\n DialogContent,\n DialogContentText,\n Table,\n TableBody,\n TableCell,\n TableContainer,\n TableHead,\n TableRow,\n Paper,\n Backdrop,\n CircularProgress\n} from '@material-ui/core';\nimport { savePayment, generateUid } from '../api/payment';\nimport { BASE_URL } from '../utils/constants';\nimport IMAGES from '../utils/images';\nimport { withRouter } from \"react-router\";\nimport { getStates, getCityByZipcode } from '../api/location';\nimport countriesData from '../enums/countries.json';\nimport sexData from '../enums/sex.json';\nimport MuiPhoneNumber from 'material-ui-phone-number';\n\nconst useStyles = theme => ({\n root: {\n flexGrow: 1,\n paddingTop: 20,\n paddingLeft: 60,\n paddingRight: 60,\n /*maxWidth: 600,\n alignItems: 'center',\n alignContent: 'center',\n justify: 'center'*/\n },\n headerSection: {\n padding: theme.spacing(2),\n textAlign: 'left',\n color: 'black',\n fontWeight: 'bold',\n backgroundColor: '#FFEF65',\n borderRadius: 7\n },\n subHeaderSection: {\n padding: theme.spacing(2),\n textAlign: 'center',\n color: '#FFEF65',\n fontWeight: 'bold',\n backgroundColor: 'black'\n },\n payButton: {\n color: '#FFEF65',\n backgroundColor: 'black',\n height: 50,\n width: 150,\n fontWeight: 'bold',\n fontSize: 16,\n marginTop: 20\n },\n inputText: {\n width: '100%',\n height: 30,\n marginTop: 20,\n borderRadius: 10\n },\n cardText: {\n width: '100%',\n height: 30,\n borderRadius: 10\n },\n modal: {\n backgroundColor: '#FFEF65',\n color: 'black',\n textAlign: 'center',\n //width: 400\n },\n buttonSearch: {\n color: '#FFEF65',\n backgroundColor: 'black',\n height: 50,\n width: '100%',\n fontWeight: 'bold',\n fontSize: 16\n },\n caseHeader: {\n fontWeight: 'bold',\n textAlign: 'right',\n width:'40%',\n paddingRight:10,\n fontSize: 14\n },\n caseLabel: {\n textAlign: 'left',\n width:'50%',\n fontSize: 14\n },\n addressText: {\n width: '100%',\n height: 30,\n marginTop: 20\n },\n checkbox: {\n marginTop: 10\n },\n table: {\n minWidth: 600\n },\n backdrop: {\n zIndex: theme.zIndex.drawer + 1,\n color: '#fff',\n }\n});\n\nclass PaymentPage extends React.Component {\n constructor(props) {\n super(props);\n const search = window.location.search;\n const params = new URLSearchParams(search);\n this.state = {\n groupId: params.get(\"groupid\"),\n firstName: \"\",\n lastName: \"\",\n email: \"\",\n paymentAmount: \"\",\n isSubmitting: false,\n alertMessage: \"\",\n openAlert: false,\n openTermsAndConditions: false,\n visibleButton: true,\n cases: [],\n caseState: \"\",\n caseCounty: \"\",\n caseNumber: \"\",\n caseCitationDate: \"\",\n backShow: false,\n client: {\n id: 0,\n firstName: \"\",\n lastName: \"\",\n middleName: \"\",\n driverLicense: \"\",\n mobileNumber: \"\",\n email: \"\",\n zipCode: \"\",\n countryId: \"226\",\n address1: \"\",\n address2: \"\",\n city: \"0\",\n licenseStateId: \"0\",\n sexId: \"2\",\n dateOfBirth: \"\",\n stateAbbr: \"0\",\n },\n errorMap: {\n eFirstName: false,\n eLastName: false,\n eDriverLicense: false,\n eMobileNumber: false,\n eEmail: false,\n eZipCode: false,\n eCountryId: false,\n eAddress1: false,\n eCity: false,\n eLicenseStateId: false,\n eSexId: false,\n eDateOfBirth: false,\n eStateAbbr: false,\n },\n sexs: sexData.sex,\n countries: countriesData.countries,\n prices: [],\n states: [],\n cities: [],\n filterTickets: [],\n barcodeId: [],\n errorCCNumber: \"\",\n errorCCExp: \"\",\n errorCCVV: \"\",\n disableButton: false,\n paymentExp: \"\",\n ticketList: \"\",\n caseNumberList: \"\",\n frameUid: \"\",\n cardType: \"\",\n paymentToken: \"\",\n // secureId: \"\",\n // apiKey: \"\",\n userName: \"\",\n countyName: \"\"\n };\n\n this.setState = this.setState.bind(this);\n this.handleSubmit = this.handleSubmit.bind(this);\n this.finishSubmit = this.finishSubmit.bind(this);\n this.filterTicketList = this.filterTicketList.bind(this);\n this.validateFields = this.validateFields.bind(this);\n this.handleClose = this.handleClose.bind(this);\n this.handleCloseTermsAndConditions =\n this.handleCloseTermsAndConditions.bind(this);\n this.openTerms = this.openTerms.bind(this);\n this.getCityByZipcodeDropdow = this.getCityByZipcodeDropdow.bind(this);\n this.getStatesDropdown = this.getStatesDropdown.bind(this);\n this.getIframUid = this.getIframUid.bind(this);\n this.handleMessage = this.handleMessage.bind(this);\n }\n\n componentDidMount() {\n this.getStatesDropdown();\n\n window.addEventListener(\"message\", this.handleMessage, false);\n\n fetch(BASE_URL + \"/case/GetPayInfoByQuoteGroupId/\" + this.state.groupId, {\n method: \"GET\",\n headers: {\n \"Allow-Cross-Origin\": \"*\",\n \"Content-Type\": \"application/json\",\n \"Ocp-Apim-Subscription-Key\": process.env.REACT_APP_TTC_APIM_KEY,\n },\n })\n .then((response) => response.json())\n .then((data) => {\n var citationDateFormat;\n let newPrices = [];\n let newCases = [];\n let barcodes = [];\n if (data.caseList.length > 0) {\n data.caseList.forEach((caseItem) => {\n if (caseItem.caseTickets.length > 0) {\n caseItem.caseTickets.forEach((element) => {\n let price = {};\n price.barcodeId = caseItem.barcodeId;\n price.ticketNumber = element.ticketNumber;\n price.chargeAmount = parseFloat(element.chargeAmount).toFixed(\n 2\n );\n price.infraction = element.infraction;\n newPrices.push(price);\n });\n }\n var date = new Date(caseItem.citationDate);\n citationDateFormat =\n date.getDate() +\n \"/\" +\n (date.getMonth() + 1) +\n \"/\" +\n date.getFullYear();\n let newCase = {};\n newCase.barcodeId = caseItem.barcodeId;\n newCase.citationDate = citationDateFormat;\n newCase.caseNumber = caseItem.caseNumber;\n newCase.state = caseItem.state;\n newCase.county = caseItem.county;\n newCase.price = caseItem.payAmount.toFixed(2);\n newCase.isAlreadyPaid = caseItem.isAlreadyPaid;\n newCases.push(newCase);\n });\n }\n\n if (newCases.length > 0) {\n newCases.forEach((cItem) => {\n if (cItem.isAlreadyPaid != false) {\n this.setState({\n openAlert: true,\n alertMessage: \"This Ticket has already been paid.\",\n visibleButton: true,\n paymentExp: \"PAI\",\n });\n }\n barcodes.push(String(cItem.barcodeId));\n });\n }\n\n this.setState({\n firstName: data.client.firstName,\n lastName: data.client.lastName,\n email: data.client.email,\n cases: newCases,\n paymentAmount: parseFloat(data.payAmount).toFixed(2),\n client: {\n id: data.client.id,\n firstName: data.client.firstName,\n lastName: data.client.lastName,\n middleName: data.client.middleName,\n driverLicense: data.client.driverLicense,\n mobileNumber: data.client.mobileNumber,\n email: data.client.email,\n zipCode: data.client.zipCode,\n isActive: 1,\n countryId: data.client.country,\n address1: data.client.address1,\n address2: data.client.address2,\n city: data.client.city,\n licenseStateId: data.client.stateAbbr,\n stateAbbr: data.client.clientStateAbbr,\n sexId: data.client.sex,\n dateOfBirth: data.client.dateOfBirth,\n },\n prices: newPrices,\n ticketList: data.ticketList,\n barcodeId: barcodes,\n caseNumberList: data.caseNumberList,\n userName: data.userName,\n countyName: data.countyName\n });\n\n this.getCityByZipcodeDropdow(data.client.zipCode);\n this.getIframUid(parseFloat(data.payAmount).toFixed(2), data.client.firstName, data.client.lastName);\n\n if (data.paymentExpired === \"YES\") {\n this.setState({\n openAlert: true,\n alertMessage: \"This payment link has already expired.\",\n visibleButton: false,\n paymentExp: data.paymentExpired,\n });\n }\n });\n }\n\n handleMessage (evt) {\n console.log(evt);\n if (evt.data.subject == \"completePayment\"){\n if (evt.data.content.status == \"Success\") {\n this.setState({\n paymentToken: evt.data.content.txn_guid,\n cardType: evt.data.content.card_brand\n })\n this.handleSubmit();\n } else {\n this.setState({\n openAlert: true,\n alertMessage: \"An error has occurred. Please refresh the page.\"\n });\n return false;\n }\n }\n if (evt.data.subject == \"handlePaymentErrors\"){\n console.error(\"An error has occurred. Please try again.\")\n this.setState({\n openAlert: true,\n alertMessage: \"An error has occurred. Please try again.\"\n });\n return false;\n }\n }\n\n async getIframUid(totalAmount, firstName, lastName) {\n const formData = {\n userName: this.state.userName,\n countyName: this.state.countyName,\n txn_type: \"authCapture\",\n mit_msg_type: \"CREC\",\n total_amount: totalAmount.toString(),\n order_id: this.state.groupId,\n billing_name: firstName + \" \" + lastName,\n form_name: \"default\",\n tokenize: \"1\"\n };\n\n const response = await generateUid(formData);\n\n if (typeof response != \"undefined\") {\n this.setState({\n frameUid: response,\n });\n } else {\n this.setState({\n openAlert: true,\n alertMessage:\n \"A problem occurs while generating the payment link. Please try again later.\",\n backShow: false,\n });\n }\n }\n\n async getCityByZipcodeDropdow(zipcode) {\n try {\n const response = await getCityByZipcode(zipcode);\n if (typeof response != \"undefined\") {\n this.setState({ cities: response });\n }\n } catch (error) {\n console.log(error);\n }\n }\n\n async getStatesDropdown() {\n try {\n const response = await getStates();\n if (typeof response != \"undefined\") {\n this.setState({ states: response });\n }\n } catch (error) {\n console.log(error);\n }\n }\n\n async savePaymentCallback(formData) {\n try {\n this.setState({ backShow: true });\n const response = await savePayment(formData);\n if (typeof response != \"undefined\") {\n if (response != \"Success\") {\n this.setState({\n openAlert: true,\n alertMessage: response,\n visibleButton: true,\n backShow: false,\n paymentExp: \"PAI\",\n });\n } else {\n this.setState({\n openAlert: true,\n alertMessage: \"Payment saved successfully\",\n backShow: false,\n visibleButton: false,\n paymentExp: \"NO\",\n });\n }\n } else {\n this.setState({\n openAlert: true,\n alertMessage:\n \"Your payment method has been rejected. Please try again later.\",\n backShow: false,\n });\n }\n } catch (error) {\n console.log(error);\n }\n }\n\n filterTicketList(barcodeId) {\n this.state.filterTickets.length = 0;\n let newFilter = this.state.filterTickets;\n for (let i = 0; i < this.state.prices.length; i++) {\n if (this.state.prices[i].barcodeId === barcodeId) {\n newFilter.push(this.state.prices[i]);\n }\n }\n this.setState({ filterTickets: newFilter });\n }\n\n validateFields(field, status, message) {\n switch (field) {\n case \"ccnumber\":\n if (!status)\n this.setState({\n errorCCNumber: message,\n isSubmitting: false,\n backShow: false,\n });\n else this.setState({ errorCCNumber: \"\" });\n break;\n case \"ccexp\":\n if (!status)\n this.setState({\n errorCCExp: message,\n isSubmitting: false,\n backShow: false,\n });\n else this.setState({ errorCCExp: \"\" });\n break;\n case \"cvv\":\n if (!status)\n this.setState({\n errorCCVV: message,\n isSubmitting: false,\n backShow: false,\n });\n else this.setState({ errorCCVV: \"\" });\n break;\n }\n if (\n this.state.errorCCNumber === \"\" &&\n this.state.errorCCExp === \"\" &&\n this.state.errorCCVV === \"\"\n ) {\n this.setState({ disableButton: false });\n }\n }\n\n finishSubmit() {\n const {\n isSubmitting,\n alertMessage,\n openAlert,\n openTermsAndConditions,\n visibleButton,\n paymentAmount,\n clientFirstName,\n clientLastName,\n clientMobileNumber,\n clientEmail,\n cases,\n sexs,\n states,\n cities,\n countries,\n prices,\n backShow,\n errorMap,\n ticketList,\n caseNumberList,\n errorTerms,\n errorCCNumber,\n errorCCExp,\n filterTickets,\n errorCCVV,\n disableButton,\n paymentExp,\n ...formData\n } = { ...this.state };\n formData.id = this.state.groupId;\n formData.quoteGroupId = this.state.groupId;\n formData.client.licenseStateId = parseInt(this.state.client.licenseStateId);\n formData.client.countryId = String(this.state.client.countryId);\n formData.paymentToken = this.state.paymentToken;\n formData.paymentAmount = parseFloat(this.state.paymentAmount);\n formData.ccName = this.state.cardType;\n this.savePaymentCallback(formData);\n }\n\n validateFormFields() {\n if (\n this.state.client.firstName === \"\" ||\n this.state.client.firstName === null\n ) {\n this.setState({ errorMap: { ...this.state.errorMap, eFirstName: true } });\n }\n if (\n this.state.client.lastName === \"\" ||\n this.state.client.lastName === null\n ) {\n this.setState({ errorMap: { ...this.state.errorMap, eLastName: true } });\n }\n if (\n this.state.client.driverLicense === \"\" ||\n this.state.client.driverLicense === null\n ) {\n this.setState({\n errorMap: { ...this.state.errorMap, eDriverLicense: true },\n });\n }\n if (\n this.state.client.mobileNumber.length > 5 ||\n this.state.client.mobileNumber === null\n ) {\n this.setState({\n errorMap: { ...this.state.errorMap, eMobileNumber: true },\n });\n }\n if (this.state.client.email === \"\" || this.state.client.email === null) {\n this.setState({ errorMap: { ...this.state.errorMap, eEmail: true } });\n }\n if (\n this.state.client.zipcode === \"\" ||\n this.state.client.zipcode === null\n ) {\n this.setState({ errorMap: { ...this.state.errorMap, eZipCode: true } });\n }\n if (\n this.state.client.countryId === \"0\" ||\n this.state.client.countryId === null\n ) {\n this.setState({ errorMap: { ...this.state.errorMap, eCountryId: true } });\n }\n if (\n this.state.client.address1 === \"\" ||\n this.state.client.address1 === null\n ) {\n this.setState({ errorMap: { ...this.state.errorMap, eAddress1: true } });\n }\n if (this.state.client.city === \"0\" || this.state.client.city === null) {\n this.setState({ errorMap: { ...this.state.errorMap, eCity: true } });\n }\n if (\n this.state.client.licenseStateId === \"0\" ||\n this.state.client.licenseStateId === null\n ) {\n this.setState({\n errorMap: { ...this.state.errorMap, eLicenseStateId: true },\n });\n }\n if (this.state.client.sexId === \"0\" || this.state.client.sexId === null) {\n this.setState({ errorMap: { ...this.state.errorMap, eSexId: true } });\n }\n if (\n this.state.client.dateOfBirth === \"\" ||\n this.state.client.dateOfBirth === null\n ) {\n this.setState({\n errorMap: { ...this.state.errorMap, eDateOfBirth: true },\n });\n }\n if (\n this.state.client.stateAbbr === \"0\" ||\n this.state.client.stateAbbr === null\n ) {\n this.setState({ errorMap: { ...this.state.errorMap, eStateAbbr: true } });\n }\n if (Object.values(this.state.errorMap).includes(true)) {\n this.setState({\n openAlert: true,\n alertMessage: \"One or more fields are required\",\n visibleButton: true,\n });\n return false;\n } else {\n return true;\n }\n }\n\n handleSubmit() {\n if (this.state.client.mobileNumber.length > 5) {\n this.setState({\n errorMap: { ...this.state.errorMap, eMobileNumber: false },\n isSubmitting: true,\n });\n this.finishSubmit();\n } else {\n this.setState({\n errorMap: { ...this.state.errorMap, eMobileNumber: true },\n });\n this.setState({\n openAlert: true,\n alertMessage: \"Mobile number is required\",\n visibleButton: true,\n });\n return false;\n }\n }\n\n handleClose() {\n this.setState({ openAlert: false });\n if (\n this.state.visibleButton === false ||\n this.state.alertMessage === \"This Ticket has already been paid.\"\n ) {\n this.props.history.push(\n \"/payment-success?exp=\" +\n this.state.paymentExp +\n \"&emi=\" +\n this.state.client.email\n );\n }\n }\n\n handleCloseTermsAndConditions() {\n this.setState({ openTermsAndConditions: false });\n }\n\n openTerms() {\n this.setState({ openTermsAndConditions: true });\n }\n\n render() {\n const { classes } = this.props;\n return (\n\n
\n );\n }\n};\n\nexport default withRouter(withStyles(useStyles)(PaymentPage));","import React, { useState, useEffect } from 'react';\nimport { makeStyles } from '@material-ui/core/styles';\nimport {\n Grid,\n Button\n} from '@material-ui/core';\nimport IMAGES from '../utils/images';\n\nconst useStyles = makeStyles(() => ({\n root: {\n flexGrow: 1,\n paddingTop: 50,\n paddingLeft: 20,\n paddingRight: 20\n },\n button: {\n color: '#FFEF65',\n backgroundColor: 'black',\n height: 50,\n width: 200,\n fontWeight: 'bold',\n fontSize: 16\n }\n}));\n\nfunction PaymentLanding() {\n const classes = useStyles();\n const search = window.location.search;\n const params = new URLSearchParams(search);\n const [message, setMessage] = useState('');\n const [expired, setExpired] = useState(params.get('exp'));\n const [email, setEmail] = useState(params.get('emi'));\n const [showButton, setShowButton] = useState(false);\n\n useEffect(() => {\n switch(expired){\n case 'NO': \n setMessage('Payment Successful. A receipt will be emailed to ' + email + '. Thank you for your business.')\n setShowButton(true);\n break;\n case 'YES': \n setMessage('This payment link has already expired. Please contact your legal Assistant.');\n break;\n case 'PAI':\n setMessage('This Ticket has already been paid.');\n setShowButton(true);\n break;\n }\n }, [expired]);\n\n return(\n \n \n
\n
\n | \n | \n \n Case / Citation: {this.state.caseNumberList} /{\" \"}\n {this.state.ticketList}\n | \n
\n \n \n \n \n \n \n Please review and correct your personal information if\n necessary.\n \n \n \n \n \n this.setState({\n client: {\n ...this.state.client,\n firstName: event.target.value,\n },\n })\n }\n />\n \n \n \n this.setState({\n client: {\n ...this.state.client,\n lastName: event.target.value,\n },\n })\n }\n />\n \n \n \n this.setState({\n client: {\n ...this.state.client,\n middleName: event.target.value,\n },\n })\n }\n />\n \n \n \n this.setState({\n client: {\n ...this.state.client,\n email: event.target.value,\n },\n })\n }\n />\n \n \n \n this.setState({\n client: {\n ...this.state.client,\n address1: event.target.value,\n },\n })\n }\n />\n \n \n \n this.setState({\n client: {\n ...this.state.client,\n address2: event.target.value,\n },\n })\n }\n />\n \n \n {\n this.setState({\n client: {\n ...this.state.client,\n zipCode: event.target.value,\n },\n });\n this.getCityByZipcodeDropdow(event.target.value);\n }}\n />\n \n \n \n this.setState({\n client: {\n ...this.state.client,\n city: event.target.value,\n },\n })\n }\n >\n \n {this.state.cities.map((option) => (\n \n ))}\n \n \n \n \n this.setState({\n client: {\n ...this.state.client,\n countryId: event.target.value,\n },\n })\n }\n >\n \n {this.state.countries.map((option) => (\n \n ))}\n \n \n \n \n this.setState({\n client: {\n ...this.state.client,\n stateAbbr: event.target.value,\n },\n })\n }\n >\n \n {this.state.states.map((option) => (\n \n ))}\n \n \n \n \n this.setState({\n client: { ...this.state.client, mobileNumber: event },\n })\n }\n />\n \n \n \n this.setState({\n client: {\n ...this.state.client,\n sexId: event.target.value,\n },\n })\n }\n >\n \n {this.state.sexs.map((option) => (\n \n ))}\n \n \n \n \n this.setState({\n client: {\n ...this.state.client,\n dateOfBirth: event.target.value,\n },\n })\n }\n />\n \n \n \n this.setState({\n client: {\n ...this.state.client,\n driverLicense: event.target.value,\n },\n })\n }\n />\n \n \n \n this.setState({\n client: {\n ...this.state.client,\n licenseStateId: event.target.value,\n },\n })\n }\n >\n \n {this.state.states.map((option) => (\n \n ))}\n \n \n \n \n \n \n \n \n \n \n \n \n \n State\n \n \n County\n \n \n Case Number\n \n \n Citation Date\n \n \n Price\n \n \n Tickets\n \n \n \n \n {this.state.cases.map((row) => (\n \n \n {row.state}\n \n {row.county} \n {row.caseNumber} \n \n {row.citationDate}\n \n $ {row.price} \n \n \n this.filterTicketList(row.barcodeId)\n }\n style={{\n color: \"blue\",\n cursor: \"pointer\",\n textDecoration: \"underline\",\n }}\n >\n View\n \n \n \n ))}\n \n \n \n \n {/* \n \n
\n \n \n \n
\n \n \n \n
\n \n \n \n
\n */}\n \n \n \n \n \n \n \n \n Citation Number\n \n \n Description\n \n \n Price\n \n \n \n \n {this.state.filterTickets.map((row) => (\n \n \n {row.ticketNumber}\n \n {row.infraction} \n \n $ {row.chargeAmount}\n \n \n ))}\n \n \n \n \n \n \n \n \n \n \n this.setState({ paymentAmount: event.target.value })\n }\n value={this.state.paymentAmount}\n />\n \n \n \n \n \n \n \n {this.state.alertMessage}\n \n \n \n Close\n \n \n \n \n \n TERMS & CONDITIONS\n \n \n \n \n \n \n \n Close\n \n \n \n \n \n
\n Client Details
\n Case List
\n | State: | \n{this.state.caseState} | \n
| County: | \n{this.state.caseCounty} | \n
| Case Number: | \n{this.state.caseNumber} | \n
| Citation Date: | \n{this.state.caseCitationDate} | \n
Case Tickets
\n Payment Information
\n \n 
\n
\n \n By submitting payment through the “PAY NOW” option, the\n Client, retains and employs THE TICKET CLINIC, A LAW FIRM, to\n represent him/her in his/her case submitted on this\n application. The fee paid is non-refundable, and excludes\n fines and court costs, if any, which can exceed the price of\n the ticket, for which the client shall remain solely liable.\n Client understands that this fee is earned immediately, is\n non-refundable and is not based on an hourly fee. This fee is\n exclusive of any appeals. There will be no refunds so please\n be certain that you wish to hire us. No representation has\n been made to the client concerning the probability of success\n as to their case. The client also acknowledges and understands\n that he/she retained THE TICKET CLINIC and no representations\n have been made regarding which attorney at the firm shall\n represent him/her. Further, THE TICKET CLINIC may substitute\n another attorney not associated with the firm to represent the\n client.\n
\n- \n
- \n The client authorizes, THE TICKET CLINIC to represent\n him/her in this matter, and to either maintain a not guilty\n plea or enter a no contest plea on the client’s behalf at\n THE TICKET CLINIC’s discretion.\n \n
- \n In some counties, attorney appearances are permitted by mail\n or by phone. Client understands that if this situation\n arises, our attorney may choose to exercise that option.\n \n
- \n The client understands that should his/her attorney be in\n another courtroom at the time of their trial and the client\n chooses to be present, client is to wait for his/her\n attorney. If client decides to handle the case on their own\n he/she will NOT receive a refund.\n \n
- \n We’re a law firm that specializes in traffic law, so if you were to hire one of our attorneys, he’ll represent you in court & make all the appearances on your behalf. The primary goal would be to get your case dismissed at trial so that way you don’t have to pay any fines to the court or incur any points on your license & also no traffic school will be required. We cannot guarantee a dismissal since it’s against the law for a law firm to guarantee any sort of outcome. However, if your ticket is not dismissed, then the attorney will attempt to negotiate with the court to get your ticket reduced to something that carries no points and possibly get your fines reduced also. We do have over 25 years of experience and an 80% success rate. By submitting payment through the “PAY NOW” option, the Client, retains and employs THE TICKET CLINIC, A LAW FIRM, to represent him/her in his/her case submitted on this application. The fee paid is non-refundable, and excludes fines and court costs, if any, which can exceed the price of the ticket, for which the client shall remain solely liable. Client understands that this fee is earned immediately, is non-refundable and is not based on an hourly fee. This fee is exclusive of any appeals. There will be no refunds so please be certain that you wish to hire us. No representation has been made to the client concerning the probability of success as to their case. The client also acknowledges and understands that he/she retained THE TICKET CLINIC and no representations have been made regarding which attorney at the firm shall represent him/her. Further, THE TICKET CLINIC may substitute another attorney not associated with the firm to represent the client.\n \n
- \n Some counties allow our law firm to appear via a written\n plea. When scheduling conflicts arise, or our attorney is\n unable to attend the scheduled hearing, this option is used\n sparingly. In those cases, our firm makes our best attempt\n to obtain a favorable outcome for the client without an\n attorney from the firm appearing in person.\n \n
- \n The client understands that the money back guarantee\n provided by THE TICKET CLINIC is as follows: Alachua, Baker,\n Bay, Bradford, Calhoun, Citrus, Clay, Escambia, Franklin,\n Gadsden, Gilchrist, Glades, Gulf, Hamilton, Hardee, Hendry,\n Hernando, Highlands, Holmes, Jackson, Jefferson, Lafayette,\n Leon, Liberty, Madison, Okaloosa, Putnam, Santa Rosa,\n Sarasota, Suwannee, Taylor, Union, Walton, Washington\n County: No points if no tickets in past 2 years (excludes\n school/construction zone, accident cases, & mandatory\n court cases) no traffic school if no tickets in past 2 years\n and not exceeding 19 over the limit (excludes\n school/construction zone, accident cases & mandatory\n court cases). Manatee: No points if no tickets in past 2\n years (excludes school/construction zone, accident cases\n with injuries, & mandatory court cases) no traffic\n school if no tickets in past 2 years and not exceeding 19\n over the limit (excludes school/construction zone, accident\n cases with injuries & mandatory court cases). Volusia\n & Flagler: We guarantee no points regardless of driving\n history. (Excludes school/construction zones, accident with\n injuries & mandatory court case. No traffic school if no\n tickets in the past 2 years & was not exceeding 29 mph\n over the posted speed limit. (Excludes school/construction\n zones, accident w/ injuries and mandatory court cases. Duval\n and Nassau Counties: We guarantee no points if not tickets\n in the past 12 months (excludes school zone, construction\n zones, accident cases and mandatory court cases), no\n guarantee for driving school. St Johns County: We guarantee\n no points if no tickets in the past 12 months (excludes\n school and construction zones, accident cases and mandatory\n court cases) and no school if not tickets in the past 2\n years and not exceeding 19 mph over (excludes school and\n construction zones, accident cases with injuries and\n mandatory court cases). Indian River, Martin, Okeechobee,\n & St. Lucie: No points if no tickets in the past 2\n years. (Excludes accident with injury cases & mandatory\n court cases), no driving school if no tickets in the past 2\n years (excluding school/construction zones, accidents with\n injuries and mandatory court cases). Palm Beach & Lee\n County: No points if not tickets in the past 2 years\n (Excluding accidents with injuries and mandatory court cases\n ONLY) No driving school if no tickets in the past 3 years\n and was not exceeding 14 mph over the speed limit. Excluding\n school an construction zones, accidents with injuries and\n mandatory court dates. Monroe County: No points and no\n school if no tickets in the past 2 years (excludes all\n accident cases, school/construction zone cases, passing a\n school bus and mandatory cases). Collier County: No points\n if no tickets in the past 2 years and not exceeding 20 mph\n over the speed limit (excludes school/construction zones,\n accident cases & mandatory court cases), no driving\n school if no tickets in the past 3 years and was not\n exceeding 14 mph over the speed limit (excluding\n school/construction zones, accidents with injuries and\n mandatory court cases) Columbia, Levy, & Wakulla,\n County: No points if no tickets in the past 5 years, not\n exceeding 14 mph over the limit (excludes\n school/construction, accident cases & mandatory court\n cases), traffic school is not guaranteed. Brevard, Lake\n & Orange: no points guaranteed regardless of the driving\n history, (excludes mandatory court cases,\n school/construction zone cases & accident w/injuries\n cases), no driving school if no tickets in the past 3 yrs.\n not exceeding 14 mph over the limit (excludes\n school/construction zone, accident w/injuries cases &\n mandatory court cases). Seminole County: no points if no\n tickets in the past 12 months (excludes mandatory court\n cases, school/construction zone cases & accident w/\n injuries cases) & no driving school if no tickets in the\n past 2 years (excludes school/construction zone, accident\n w/injuries cases, & mandatory court cases). Osceola\n County: no points guaranteed (excludes mandatory court\n cases, school/construction zone cases & accident cases),\n no traffic school so long as no other tickets in the past 2\n years, not exceeding 14 mph over the speed limit (traffic\n school guarantee excludes mandatory court cases,\n school/construction zone cases, accident cases and move-over\n law violations).Dixie & Polk County: No points if no\n tickets in the past 2 years (excludes school/construction\n zone, accident cases & mandatory court cases), traffic\n school is not guaranteed. Broward, Miami- Dade County: no\n points & no driving school if no tickets in the past 2\n years, (excludes school/construction zone, violation of\n traffic control device citations, mandatory court cases\n & accident with injury cases), client must have valid\n license for 2+ years to qualify. Charlotte, Desoto, &\n Marion County: guaranteed no points if no tickets in the\n past 3 years (excludes school/construction zone, accident\n cases with injuries, & mandatory court cases), no\n guarantee for driving school. Sumter County: guaranteed no\n points if no tickets in the past 3 years and not exceeding\n 19 mph over the posted speed limit (excludes\n school/construction zone, accident cases, & mandatory\n court cases), no guarantee for driving school. Pasco: no\n points if no tickets in the past 3 years (excludes\n school/construction, accident with injuries cases &\n mandatory court cases), no traffic school if no tickets in\n the past 5 years and not exceeding 19 mph over the posted\n speed limit (excludes school/construction zone, accident w/\n injuries cases, & mandatory court cases) Hillsborough\n & Pinellas Counties : no points if no tickets in the\n past 2 years (excludes accidents cases, construction/school\n zone & mandatory court cases), no traffic school if no\n tickets in the past 2 years, and no more than 5 other\n tickets on lifetime driving record (excludes accidents\n cases, construction/school zone & mandatory court\n cases).\n \n
- \n All money-back guarantees are based on actual speed, NOT\n necessarily the speed referenced on the citation. This may\n affect the amount ordered for the fine and/or court costs,\n as the fine/cost imposed may relate to the actual speed. If\n your ticket is for 30 mph or more over the speed limit, or\n for passing a stopped school bus, Florida law does not allow\n for you to pay for your ticket or elect driving school.\n There is a mandatory court appearance required either by the\n client or an attorney (this is considered a “mandatory court\n case”). The client is aware that THE TICKET CLINIC offers no\n money-back guarantee for these types of cases and the\n driver’s license may be suspended by the Court.\n \n
- \n For drivers licensed outside the State of Florida, while we\n do offer a money-back guarantee for many Florida citations\n (restrictions apply, call for details) we do not guarantee\n or promise how the outcome that we obtain for you in Florida\n will affect your home-state driving record. If this is of\n concern to you, you should contact your home-state DMV so\n that your questions may be answered by them.\n \n
- \n Fees are based on the representations of the Client in the\n ‘hire us now” form. Should the actual charges, dates,\n counties, or other information differ from said\n representations, the TICKET CLINIC may, at its option,\n withdraw from the case, charge an additional fee, or both.\n In either case, there will be no refund.\n \n
- \n You agree that all future communication from The Ticket\n Clinic to you may be paperless, either email or SMS. It is\n your responsibility to notify The Ticket Clinic if your\n email, phone number , or physical address changes.\n \n
\n \n \n 
\n \n \n
\n
\n \n \n {showButton && (\n \n )}\n \n \n
\n );\n};\n\nexport default PaymentLanding;","/* eslint-disable react-hooks/exhaustive-deps */\nimport React, { useState, useEffect } from 'react'\nimport { makeStyles } from \"@material-ui/core/styles\";\nimport {\n Grid,\n TextField,\n Button,\n Dialog,\n DialogActions,\n DialogTitle,\n DialogContent,\n DialogContentText,\n Backdrop,\n CircularProgress,\n} from \"@material-ui/core\";\nimport MuiPhoneNumber from \"material-ui-phone-number\";\nimport typesData from \"../enums/types.json\";\nimport sexData from \"../enums/sex.json\";\nimport actionsData from \"../enums/actions.json\";\nimport intakesData from \"../enums/intakes.json\";\nimport countriesData from \"../enums/countries.json\";\nimport { getClientByDriverLicense, addPaymentsProcessed } from \"../api/client\";\nimport { getInfractionByCountyAndType } from \"../api/infraction\";\nimport { saveCitation, validateCase, validateCitation } from \"../api/case\";\nimport {\n getStates,\n getCountiesByState,\n getCityByZipcode,\n} from \"../api/location\";\nimport CurrencyTextField from \"@unicef/material-ui-currency-textfield\";\nimport ReactDataGrid from \"react-data-grid\";\nimport { useHistory } from \"react-router-dom\";\n\nconst types = typesData.types;\nconst sexs = sexData.sex;\nconst countries = countriesData.countries;\nconst actions = actionsData.actions;\nconst intakes = intakesData.intakes;\n\nconst useStyles = makeStyles((theme) => ({\n root: {\n flexGrow: 1,\n paddingTop: 20,\n paddingLeft: 20,\n paddingRight: 20,\n },\n headerSection: {\n padding: theme.spacing(2),\n textAlign: \"left\",\n color: \"black\",\n fontWeight: \"bold\",\n backgroundColor: \"#FFEF65\",\n borderRadius: 7,\n },\n buttonSearch: {\n color: \"#FFEF65\",\n backgroundColor: \"black\",\n height: 50,\n width: \"100%\",\n fontWeight: \"bold\",\n fontSize: 16,\n },\n searchText: {\n width: \"100%\",\n height: 50,\n paddingRight: 20,\n },\n formLabel: {\n paddingRight: 30,\n paddingLeft: 20,\n fontWeight: \"bold\",\n },\n responseLabel: {\n textAlign: \"center\",\n },\n inputText: {\n width: \"100%\",\n height: 30,\n marginTop: 20,\n },\n addressText: {\n width: \"100%\",\n height: 30,\n marginTop: 20,\n },\n saveButton: {\n color: \"#FFEF65\",\n backgroundColor: \"black\",\n height: 50,\n width: 150,\n fontWeight: \"bold\",\n fontSize: 16,\n marginTop: 20,\n },\n addButton: {\n color: \"#FFEF65\",\n backgroundColor: \"black\",\n height: 50,\n width: \"100%\",\n fontWeight: \"bold\",\n fontSize: 16,\n marginTop: 20,\n },\n checkbox: {\n marginTop: 10,\n },\n modal: {\n backgroundColor: \"#FFEF65\",\n color: \"black\",\n textAlign: \"center\",\n },\n addModal: {\n backgroundColor: \"#FFEF65\",\n color: \"black\",\n textAlign: \"center\",\n width: 552,\n },\n backdrop: {\n zIndex: theme.zIndex.drawer + 1,\n color: \"#fff\",\n },\n cellAction: {\n textAlign: \"center\",\n },\n}));\n\nfunction NewQuotePage() {\n const classes = useStyles();\n const history = useHistory();\n const search = window.location.search;\n const params = new URLSearchParams(search);\n /** For Page **/\n const [isClientExist, setIsClientExist] = useState(false);\n const [isClientNotExist, setIsClientNotExist] = useState(false);\n const [showAddClient, setShowAddClient] = useState(false);\n const [showClientDetail, setShowClientDetail] = useState(true);\n const [clientFirstName, setClientFirstName] = useState(\"\");\n const [clientLastName, setClientLastName] = useState(\"\");\n const [clientEmail, setClientEmail] = useState(\"\");\n const [clientPhone, setClientPhone] = useState(\"\");\n const [infractions, setInfractions] = useState([]);\n const [states, setStates] = useState([]);\n const [counties, setCounties] = useState([]);\n const [cities, setCities] = useState([]);\n const [errorMap, setErrorMap] = useState({\n eLastName: false,\n eFirstName: false,\n eAddress1: false,\n eCity: false,\n eState: false,\n eCountry: false,\n eSex: false,\n eDateOfBirth: false,\n eDriverLicense: false,\n eCaseState: false,\n eCaseCounty: false,\n eCaseType: false,\n eCitationDate: false,\n eCaseAction: false,\n eCaseIntake: false,\n eComplyByDate: false,\n eCaseCitationNumber: false,\n eCaseInfraction: false,\n eCaseChargeAmount: false,\n eClientMobileNumberEdit: false,\n eCaseNumber: false,\n });\n const [openAlert, setOpenAlert] = useState(false);\n const [openInfraction, setOpenInfraction] = useState(false);\n const [addInfractionBtn, setAddInfractionBtn] = useState(false);\n const [alertMessage, setAlertMessage] = useState(\"\");\n const [payAlert, setPayAlert] = useState(false);\n const [rows, setRows] = useState([]);\n const [caseRows, setCaseRows] = useState([]);\n const [backShow, setBackShow] = useState(false);\n const [copyText, setCopyText] = useState(\"Copy\");\n const [savedSuccess, setSavedSuccess] = useState(false);\n const [userId, setUserId] = useState(params.get(\"userid\"));\n const [disableSearch, setDisableSearch] = useState(false);\n const [showMobileNumberEdit, setShowMobileNumberEdit] = useState(false);\n const [showEditPhoneBtn, setShowEditPhoneBtn] = useState(false);\n\n /** For Case **/\n const [driverLicense, setDriverLicense] = useState(\"\");\n const [clientId, setClientId] = useState(\"\");\n const [stateId, setStateId] = useState(process.env.REACT_APP_TTC_DEFAULT_STATE);\n const [countyId, setCountyId] = useState(process.env.REACT_APP_TTC_DEFAULT_COUNTY);\n const [typeId, setTypeId] = useState(\"0\");\n const [typeDesc, setTypeDesc] = useState(\"\");\n const [infractionId, setInfractionId] = useState(\"0\");\n const [caseNumber, setCaseNumber] = useState(\"\");\n const [caseActionId, setCaseActionId] = useState(\"0\");\n const [caseActionDesc, setCaseActionDesc] = useState(\"\");\n const [citationDate, setCitationDate] = useState(\"\");\n const [accident, setAccident] = useState(\"0\");\n const [injury, setInjury] = useState(\"0\");\n const [fatality, setFatality] = useState(\"0\");\n const [caseIntakeId, setCaseIntakeId] = useState(process.env.REACT_APP_TTC_DEFAULT_CASE_INTAKE);\n const [chargeAmount, setChargeAmount] = useState(\"\");\n const [infractionDesc, setInfractionDesc] = useState(\"\");\n const [paymentPageUrl, setPaymentPageUrl] = useState(\"\");\n const [citationNumber, setCitationNumber] = useState(\"\");\n const [complyByDate, setComplyByDate] = useState(\"\");\n const [reason, setReason] = useState(\"\");\n const [barcodeId, setBarcodeId] = useState(0);\n const [quoteGroupId, setQuoteGroupId] = useState(\"\");\n\n /** For Clients **/\n const [lastName, setLastName] = useState(\"\");\n const [firstName, setFirstName] = useState(\"\");\n const [middleName, setMiddleName] = useState(\"\");\n const [address1, setAddress1] = useState(\"\");\n const [address2, setAddress2] = useState(\"\");\n const [clientCity, setClientCity] = useState(\"0\");\n const [clientStateId, setClientStateId] = useState(\"0\");\n const [zipcode, setZipcode] = useState(\"\");\n const [clientCountryId, setClientCountryId] = useState(process.env.REACT_APP_TTC_DEFAULT_COUNTRY);\n const [mobileNumber, setMobileNumber] = useState(\"\");\n const [email, setEmail] = useState(\"\");\n const [clientDriverLicense, setClientDriverLicense] = useState(\"\");\n const [sex, setSex] = useState(\"0\");\n const [dateOfBirth, setDateOfBirth] = useState(\"\");\n const [stateIssuedId, setStateIssuedId] = useState(\"0\");\n const [mobileNumberEdit, setMobileNumberEdit] = useState(\"\");\n\n /** For Grid Cases **/\n const [showGridCases, setShowGridCases] = useState(false);\n const [openAlertAddCase, setOpenAlertAddCase] = useState(false);\n\n const columns = [\n { key: \"action\", name: \"Delete\", float: \"left\", width: 100 },\n {\n key: \"citationNumber\",\n name: \"# Citation\",\n editable: false,\n width: \"10%\",\n },\n { key: \"infraction\", name: \"Infraction\", editable: false, width: \"40%\" },\n { key: \"amount\", name: \"Amount ($)\", editable: false, width: \"10%\" },\n {\n key: \"reason\",\n name: \"Reason for Adjustment\",\n editable: false,\n width: \"40%\",\n },\n { key: \"infractionId\", width: -1, hidden: true },\n ];\n const [payment, setPayment] = useState(JSON.parse(localStorage.getItem(\"payment\")));\n\n \n \n useEffect(() => {\n if (payment) {\n setDriverLicense(payment.license_number);\n } \n }, [payment]);\n\n const addClient = () => {\n setShowAddClient(true);\n setShowClientDetail(false);\n setIsClientExist(true);\n setIsClientNotExist(false);\n };\n\n useEffect(() => {\n getStatesDropdown();\n }, []);\n\n useEffect(() => {\n getCountiesDropdown(stateId);\n }, [stateId]);\n\n const getStatesDropdown = async () => {\n try {\n const response = await getStates();\n if (typeof response != \"undefined\") {\n setStates(response);\n }\n } catch (error) {\n console.log(error);\n }\n };\n\n const getCityByZipcodeDropdow = async (zipcode) => {\n try {\n const response = await getCityByZipcode(zipcode);\n if (typeof response != \"undefined\") {\n setCities(response);\n }\n } catch (error) {\n console.log(error);\n }\n };\n\n const handleChangeZipcode = (e) => {\n setZipcode(e);\n getCityByZipcodeDropdow(e);\n };\n\n const handleChangeState = (stateId) => {\n setStateId(stateId);\n getCountiesDropdown(stateId);\n };\n\n const getCountiesDropdown = async (stateId) => {\n try {\n const response = await getCountiesByState(stateId);\n if (typeof response != \"undefined\") {\n setCounties(response);\n }\n } catch (error) {\n console.log(error);\n }\n };\n\n const searchClientByDriver = async (driverLicense) => {\n try {\n const response = await getClientByDriverLicense(driverLicense);\n if (typeof response === \"undefined\") {\n setIsClientExist(false);\n setIsClientNotExist(true);\n setClientId(\"\");\n setClientFirstName(\"\");\n setClientLastName(\"\");\n setClientEmail(\"\");\n setClientPhone(\"\");\n setFirstName(payment.first_name);\n setLastName(payment.last_name);\n setEmail(payment.email);\n setMobileNumber(\"+1\" + payment.cell_phone);\n setAddress1(payment.address);\n setClientStateId(payment.state);\n handleChangeZipcode(payment.zip);\n setDateOfBirth(payment.dob.split('-').reverse().join('-'));\n setShowEditPhoneBtn(false);\n setAlertMessage(\"Client does not exist.\");\n setClientDriverLicense(driverLicense);\n setOpenInfraction(true)\n setCitationNumber(payment.citations_number);\n setChargeAmount(payment.citations_fee);\n document.getElementById(\"citationDateInput\").value = payment.citations_date.substring(0, 10);\n handleOnChangeCitationDate(payment.citations_date.substring(0, 10));\n setOpenAlert(true);\n }\n if (typeof response.id === \"undefined\") {\n setAlertMessage(\"Client does not exist.\");\n setClientDriverLicense(driverLicense);\n setClientId(\"\");\n setClientFirstName(\"\");\n setClientLastName(\"\");\n setClientEmail(\"\");\n setClientPhone(\"\");\n setFirstName(payment.first_name);\n setLastName(payment.last_name);\n setEmail(payment.email);\n setMobileNumber(\"+1\" + payment.cell_phone);\n setAddress1(payment.address);\n setClientStateId(payment.state);\n handleChangeZipcode(payment.zip);\n setDateOfBirth(payment.dob.split('-').reverse().join('-'));\n setShowEditPhoneBtn(false);\n setIsClientExist(false);\n setIsClientNotExist(true);\n setOpenInfraction(true)\n setCitationNumber(payment.citations_number);\n setChargeAmount(payment.citations_fee);\n document.getElementById(\"citationDateInput\").value = payment.citations_date.substring(0, 10);\n handleOnChangeCitationDate(payment.citations_date.substring(0, 10));\n setOpenAlert(true);\n } else {\n setClientId(response.id);\n setClientFirstName(response.firstName);\n setClientLastName(response.lastName);\n setClientEmail(response.email);\n setClientPhone(response.mobileNumber);\n setMobileNumberEdit(response.mobileNumber);\n setShowClientDetail(true);\n setShowAddClient(false);\n setIsClientExist(true);\n setIsClientNotExist(false);\n setOpenInfraction(true)\n setCitationNumber(payment.citations_number);\n setChargeAmount(payment.citations_fee);\n document.getElementById(\"citationDateInput\").value = payment.citations_date.substring(0, 10);\n handleOnChangeCitationDate(payment.citations_date.substring(0, 10));\n }\n } catch (error) {\n console.log(error);\n }\n };\n\n useEffect(() => {\n getCountiesDropdown(stateId);\n }, [stateId]);\n\n useEffect(() => {\n searchClientByDriver(driverLicense);\n }, [driverLicense]);\n\n const handleSetCounty = (countyId) => {\n setCountyId(countyId);\n setInfractionId(\"0\");\n setChargeAmount(\"\");\n };\n\n const handleOnChangeCitationDate = (e) => {\n \n var invoiceDate = document.getElementById(\"citationDateInput\").value;\n var days = 30;\n invoiceDate = invoiceDate.split(\"-\");\n invoiceDate = new Date(invoiceDate[0], invoiceDate[1] - 1, invoiceDate[2]);\n invoiceDate.setDate(invoiceDate.getDate() + days);\n const year = invoiceDate.getFullYear();\n const monthWithOffset = invoiceDate.getUTCMonth() + 1;\n const month =\n monthWithOffset.toString().length < 2\n ? `0${monthWithOffset}`\n : monthWithOffset;\n const date =\n invoiceDate.getUTCDate().toString().length < 2\n ? `0${invoiceDate.getUTCDate()}`\n : invoiceDate.getUTCDate();\n\n const materialDateInput = `${year}-${month}-${date}`;\n setCitationDate(e);\n setComplyByDate(materialDateInput);\n };\n\n const handleSetCaseAction = (caseActionId) => {\n setCaseActionId(caseActionId);\n var res = actions.filter(function (item) {\n if (item.caseActionId == caseActionId) {\n return item;\n }\n });\n setCaseActionDesc(res[0].description);\n };\n\n const handleSetType = (typeId) => {\n setTypeId(typeId);\n var res = types.filter(function (item) {\n if (item.typeId == typeId) {\n return item;\n }\n });\n setTypeDesc(res[0].name);\n setInfractionId(\"0\");\n setChargeAmount(\"\");\n };\n\n const addCaseTicket = () => {\n setOpenInfraction(true);\n };\n\n const onGridRowsUpdated = ({ fromRow, toRow, updated }) => {\n setRows((rows) => {\n const newRow = rows.slice();\n for (let i = fromRow; i <= toRow; i++) {\n newRow[i] = { ...newRow[i], ...updated };\n }\n return newRow;\n });\n };\n\n const handleCancel = () => {\n history.push(\"/new-quote-list?userid=\" + userId);\n };\n\n function uuidv4() {\n return \"xxxxxxxx-xxxx-4xxx-yxxx-xxxxxxxxxxxx\".replace(\n /[xy]/g,\n function (c) {\n var r = (Math.random() * 16) | 0,\n v = c == \"x\" ? r : (r & 0x3) | 0x8;\n return v.toString(16);\n }\n );\n }\n\n const handleAddCase = () => {\n setBackShow(false);\n setDisableSearch(true);\n setOpenAlertAddCase(false);\n setCaseRows(\n caseRows.concat([\n {\n barcodeId: barcodeId,\n type: typeDesc,\n caseNumber: caseNumber,\n citationDate: citationDate,\n caseAction: caseActionDesc,\n },\n ])\n );\n ReactDataGrid.rowsCount = caseRows.length + 1;\n setShowGridCases(true);\n setStateId(process.env.REACT_APP_TTC_DEFAULT_STATE);\n setCountyId(process.env.REACT_APP_TTC_DEFAULT_COUNTY);\n setTypeId(\"0\");\n setInfractionId(\"0\");\n setCaseNumber(\"\");\n setCaseActionId(\"0\");\n setCitationDate(\"\");\n setAccident(\"0\");\n setInjury(\"0\");\n setFatality(\"0\");\n setCaseIntakeId(process.env.REACT_APP_TTC_DEFAULT_CASE_INTAKE);\n setChargeAmount(\"\");\n setInfractionDesc(\"\");\n setPaymentPageUrl(\"\");\n setCitationNumber(\"\");\n setComplyByDate(\"\");\n setReason(\"\");\n setBarcodeId(0);\n setRows([]);\n\n if (showAddClient === true) {\n setShowAddClient(false);\n setDriverLicense(clientDriverLicense);\n var btn = document.getElementById(\"search\");\n btn.click();\n setShowClientDetail(true);\n }\n };\n\n const saveCitationHandle = async () => {\n const validation = await validateCase(caseNumber);\n if (validation !== true) {\n setErrorMap({ eCaseNumber: false });\n setBackShow(true);\n let isAccidentBit;\n let isInjuryBit;\n let isFatalityBit;\n let tickets = [];\n\n var groupId;\n\n if (showGridCases != true) {\n groupId = uuidv4();\n } else {\n groupId = quoteGroupId;\n }\n\n setQuoteGroupId(groupId);\n\n if (accident !== \"0\") isAccidentBit = true;\n else isAccidentBit = false;\n\n if (injury !== \"0\") isInjuryBit = true;\n else isInjuryBit = false;\n\n if (fatality !== \"0\") isFatalityBit = true;\n else isFatalityBit = false;\n\n if (rows.length > 0) {\n for (let indexRows = 0; indexRows < rows.length; indexRows++) {\n let caseTickets = {};\n caseTickets.ticketNumber = rows[indexRows][\"citationNumber\"];\n caseTickets.infractionId = parseInt(rows[indexRows][\"infractionId\"]);\n caseTickets.chargeAmount = parseFloat(rows[indexRows][\"amount\"]);\n caseTickets.reason = rows[indexRows][\"reason\"];\n tickets.push(caseTickets);\n }\n }\n\n const payloadClient = {\n userId: parseInt(userId),\n client: {\n firstName: firstName,\n lastName: lastName,\n middleName: middleName,\n driverLicense: clientDriverLicense,\n mobileNumber: mobileNumber,\n email: email,\n zipCode: zipcode,\n countryId: clientCountryId,\n address1: address1,\n address2: address2,\n isActive: 1,\n city: clientCity,\n stateAbbr: clientStateId,\n licenseStateId: parseInt(stateIssuedId),\n sexId: parseInt(sex),\n dateOfBirth: dateOfBirth,\n },\n case: {\n stateId: parseInt(stateId),\n countyId: parseInt(countyId),\n caseNumber: caseNumber,\n infractionId: parseInt(infractionId),\n typeId: parseInt(typeId),\n citationDate: citationDate,\n complyByDate: complyByDate,\n caseActionId: parseInt(caseActionId),\n isAccident: isAccidentBit,\n isInjury: isInjuryBit,\n isFatality: isFatalityBit,\n quoteGroupId: groupId,\n },\n caseTickets: tickets,\n };\n\n const payloadCase = {\n userId: parseInt(userId),\n case: {\n stateId: parseInt(stateId),\n countyId: parseInt(countyId),\n caseNumber: caseNumber,\n clientId: clientId,\n infractionId: parseInt(infractionId),\n typeId: parseInt(typeId),\n citationDate: citationDate,\n complyByDate: complyByDate,\n caseActionId: parseInt(caseActionId),\n isAccident: isAccidentBit,\n isInjury: isInjuryBit,\n isFatality: isFatalityBit,\n quoteGroupId: groupId,\n caseIntakeId: 11,\n },\n client: {\n mobileNumber: mobileNumberEdit,\n },\n caseTickets: tickets,\n };\n\n let payload;\n if (showAddClient === true) payload = payloadClient;\n else payload = payloadCase;\n\n const errorRes = {\n eLastName: false,\n eFirstName: false,\n eAddress1: false,\n eCity: false,\n eState: false,\n eCountry: false,\n eSex: false,\n eDateOfBirth: false,\n eDriverLicense: false,\n eCaseState: false,\n eCaseCounty: false,\n eCaseType: false,\n eCitationDate: false,\n eComplyByDate: false,\n eCaseAction: false,\n eCaseIntake: false,\n eClientMobileNumberEdit: false,\n };\n\n try {\n var today = new Date();\n var date = new Date(citationDate);\n var date2 = new Date(complyByDate);\n if (showAddClient === true) {\n if (lastName === null || lastName === \"\") {\n errorRes.eLastName = true;\n }\n if (firstName === null || firstName === \"\") {\n errorRes.eFirstName = true;\n }\n if (address1 === null || address1 === \"\") {\n errorRes.eAddress1 = true;\n }\n if (clientCity === null || clientCity === \"0\") {\n errorRes.eCity = true;\n }\n if (clientStateId === null || clientStateId === \"0\") {\n errorRes.eState = true;\n }\n if (clientCountryId === null || clientCountryId === \"0\") {\n errorRes.eCountry = true;\n }\n if (sex === null || sex === \"0\") {\n errorRes.eSex = true;\n }\n if (dateOfBirth === null || dateOfBirth === \"\") {\n errorRes.eDateOfBirth = true;\n }\n if (clientDriverLicense === null || clientDriverLicense === \"\") {\n errorRes.eDriverLicense = true;\n }\n }\n if (showMobileNumberEdit === true) {\n if (mobileNumberEdit === null || mobileNumberEdit === \"\") {\n errorRes.eClientMobileNumberEdit = true;\n }\n }\n if (stateId === null || stateId === \"0\") {\n errorRes.eCaseState = true;\n }\n if (countyId === null || countyId === \"0\") {\n errorRes.eCaseCounty = true;\n }\n if (typeId === null || typeId === \"0\") {\n errorRes.eCaseType = true;\n }\n if (citationDate === null || citationDate === \"\") {\n errorRes.eCitationDate = true;\n }\n if (complyByDate === null || complyByDate === \"\") {\n errorRes.eComplyByDate = true;\n }\n if (date2.getFullYear() < 1973) {\n errorRes.eComplyByDate = true;\n setBackShow(false);\n setOpenAlert(true);\n setAlertMessage(\"Comply by date format is incorrect\");\n }\n if (date.getFullYear() < 1973) {\n errorRes.eCitationDate = true;\n setBackShow(false);\n setOpenAlert(true);\n setAlertMessage(\"Citation date format is incorrect\");\n }\n if (date > today) {\n errorRes.eCitationDate = true;\n setBackShow(false);\n setOpenAlert(true);\n setAlertMessage(\n \"Citation date must be before the current date or today\"\n );\n }\n if (caseActionId === null || caseActionId === \"0\") {\n errorRes.eCaseAction = true;\n }\n if (Object.values(errorRes).includes(true)) {\n setErrorMap(errorRes);\n setBackShow(false);\n return;\n }\n const response = await saveCitation(payload);\n if (typeof response != \"undefined\") {\n setBarcodeId(response);\n const payment_response = {\n id: payment.id_case,\n createdAt: payment.createdAt,\n }\n addPaymentsProcessed(payment_response);\n handleOnlyOneCase();\n //setOpenAlertAddCase(true);\n } else {\n setBackShow(false);\n setOpenAlert(true);\n setAlertMessage(\"An error occurred. Retry\");\n }\n } catch (error) {\n console.log(error);\n }\n } else {\n setOpenAlert(true);\n setAlertMessage(\"The ticket already exist\");\n setErrorMap({ eCaseNumber: true });\n }\n };\n\n useEffect(() => {\n getInfractions(countyId, typeId);\n }, [countyId, typeId]);\n\n const getInfractions = async (countyId, typeId) => {\n try {\n const response = await getInfractionByCountyAndType(countyId, typeId);\n if (typeof response != \"undefined\") {\n setInfractions(response);\n }\n } catch (error) {\n console.log(error);\n }\n };\n\n const handleSetInfraction = (infractionId) => {\n setInfractionId(infractionId);\n var res = infractions.filter(function (item) {\n if (item.id == infractionId) {\n return item;\n }\n });\n setChargeAmount(res[0].price);\n setInfractionDesc(res[0].describeInfraction);\n };\n\n const addInfraction = async () => {\n const errorRes = {\n eCaseCitationNumber: false,\n eCaseInfraction: false,\n eCaseChargeAmount: false,\n };\n if (citationNumber === null || citationNumber === \"\") {\n errorRes.eCaseCitationNumber = true;\n }\n if (infractionId === null || infractionId === \"0\") {\n errorRes.eCaseInfraction = true;\n }\n if (chargeAmount === null || chargeAmount === \"\") {\n errorRes.eCaseChargeAmount = true;\n }\n if (Object.values(errorRes).includes(true)) {\n setErrorMap(errorRes);\n setOpenAlert(true);\n setAlertMessage(\"Complete the required fields please\");\n return;\n }\n if(citationNumber !== null || citationNumber !== \"\"){\n const validation = await validateCitation(citationNumber);\n if (validation !== true){\n setRows(\n rows.concat([\n {\n citationNumber: citationNumber,\n infraction: infractionDesc,\n amount: parseFloat(chargeAmount).toFixed(2),\n action: \"\",\n infractionId: infractionId,\n reason: reason,\n },\n ])\n );\n ReactDataGrid.rowsCount = rows.length + 1;\n setOpenInfraction(false);\n setInfractionId(\"0\");\n setCitationNumber(\"\");\n setInfractionDesc(\"\");\n setChargeAmount(\"\");\n setReason(\"\");\n } else {\n setOpenAlert(true);\n setAlertMessage(\"Citation Number already exist\");\n setErrorMap({ eCaseCitationNumber: true });\n }\n }\n };\n\n\n const getCellActions = (column, row) => {\n const cellActions = [\n {\n icon: (\n \n x\n \n ),\n callback: () => {\n const currentRows = rows;\n let rowsTemp = [];\n currentRows.forEach((rowTemp) => {\n if (rowTemp.infractionId != row.infractionId) {\n rowsTemp.push(rowTemp);\n }\n });\n setRows(rowsTemp);\n },\n },\n ];\n return column.key === \"action\" ? cellActions : null;\n };\n\n const handleClose = () => {\n setOpenAlert(false);\n if (savedSuccess === true) {\n if (isClientExist != false) history.push(\"/new-quote-list?userid=\" + userId);\n else history.push(\"/\");\n }\n };\n\n const handleOnlyOneCase = () => {\n setOpenAlert(false);\n setBackShow(false);\n setPayAlert(true);\n setPaymentPageUrl(\n process.env.REACT_APP_TTC_PAYMENT_PAGE_URL + quoteGroupId\n );\n setOpenAlert(true);\n setAlertMessage(\"Saved successfully\");\n setSavedSuccess(true);\n };\n\n const handleCloseInfraction = () => {\n setOpenInfraction(false);\n };\n\n return (\n \n
{message}
\n\n
The Ticket Clinic – A Law Firm
\n\n \n \n setDriverLicense(e.target.value)}\n />\n \n {/* \n \n Search\n \n */}\n {isClientNotExist && (\n \n \n Add Client\n \n \n )}\n {showClientDetail && (\n <>\n \n \n \n \n \n \n \n \n \n \n {!showMobileNumberEdit && (\n \n \n \n {showEditPhoneBtn && (\n setShowMobileNumberEdit(true)}\n >\n Edit\n \n )}\n \n )}\n {showMobileNumberEdit && (\n \n setMobileNumberEdit(e)}\n />\n setShowMobileNumberEdit(false)}\n >\n Cancel\n \n \n )}\n \n \n \n \n \n )}\n {showAddClient && (\n <>\n \n \n \n {\n setLastName(e.target.value);\n setErrorMap({ ...errorMap, eLastName: false });\n }}\n />\n \n \n {\n setFirstName(e.target.value);\n setErrorMap({ ...errorMap, eFirstName: false });\n }}\n />\n \n \n setMiddleName(e.target.value)}\n />\n \n \n {\n setEmail(e.target.value);\n }}\n />\n \n \n {\n setAddress1(e.target.value);\n setErrorMap({ ...errorMap, eAddress1: false });\n }}\n />\n \n \n setAddress2(e.target.value)}\n />\n \n \n handleChangeZipcode(e.target.value)}\n />\n \n \n {\n setClientCity(e.target.value);\n setErrorMap({ ...errorMap, eCity: false });\n }}\n >\n \n {cities.map((option) => (\n \n ))}\n \n \n \n {\n setClientStateId(e.target.value);\n setErrorMap({ ...errorMap, eState: false });\n }}\n >\n \n {states.map((option) => (\n \n ))}\n \n \n \n {\n setClientCountryId(e.target.value);\n setErrorMap({ ...errorMap, eCountry: false });\n }}\n >\n \n {countries.map((option) => (\n \n ))}\n \n \n \n setMobileNumber(e)}\n />\n \n \n {\n setSex(e.target.value);\n setErrorMap({ ...errorMap, eSex: false });\n }}\n >\n \n {sexs.map((option) => (\n \n ))}\n \n \n \n {\n //alert(e.target.value)\n setDateOfBirth(e.target.value);\n setErrorMap({ ...errorMap, eDateOfBirth: false });\n }}\n />\n \n \n {\n setClientDriverLicense(e.target.value);\n setErrorMap({ ...errorMap, eDriverLicense: false });\n }}\n />\n \n \n setStateIssuedId(e.target.value)}\n >\n \n {states.map((option) => (\n \n ))}\n \n \n \n \n \n \n )}\n \n \n \n {\n handleChangeState(e.target.value);\n setErrorMap({ ...errorMap, eCaseState: false });\n }}\n >\n \n {states.map((option) => (\n \n ))}\n \n \n \n {\n handleSetCounty(e.target.value);\n setErrorMap({ ...errorMap, eCaseCounty: false });\n }}\n >\n \n {counties.map((option) => (\n \n ))}\n \n \n \n {\n setCaseNumber(e.target.value);\n }}\n onKeyDown={(e) => {\n if (e.keyCode === 32) {\n e.preventDefault();\n }\n }}\n />\n \n \n {\n handleSetType(e.target.value);\n setErrorMap({ ...errorMap, eCaseType: false });\n }}\n variant=\"outlined\"\n className={classes.inputText}\n >\n \n {types.map((option) => (\n \n ))}\n \n \n \n {\n handleOnChangeCitationDate(e.target.value);\n setErrorMap({ ...errorMap, eCitationDate: false });\n }}\n />\n \n \n {\n handleSetCaseAction(e.target.value);\n setErrorMap({ ...errorMap, eCaseAction: false });\n }}\n variant=\"outlined\"\n className={classes.inputText}\n >\n \n {actions.map((option) => (\n \n ))}\n \n \n \n {\n setAccident(e.target.value);\n }}\n variant=\"outlined\"\n className={classes.inputText}\n >\n \n \n \n \n \n {\n setInjury(e.target.value);\n }}\n variant=\"outlined\"\n className={classes.inputText}\n >\n \n \n \n \n \n {\n setFatality(e.target.value);\n }}\n variant=\"outlined\"\n className={classes.inputText}\n >\n \n \n \n \n \n {\n setCaseIntakeId(e.target.value);\n setErrorMap({ ...errorMap, eCaseIntake: false });\n }}\n variant=\"outlined\"\n className={classes.inputText}\n >\n {intakes.map((option) => (\n \n ))}\n \n \n \n {\n setComplyByDate(e.target.value);\n setErrorMap({ ...errorMap, eComplyByDate: false });\n }}\n />\n \n \n \n \n \n Add Infraction\n \n \n \n \n \n {isClientExist && (\n \n Save\n \n )}\n \n \n {isClientExist && (\n \n Cancel\n \n )}\n \n \n \n \n {alertMessage}\n \n \n \n Close\n \n \n \n \n \n Add case\n \n \n Do you want add another case? \n \n \n \n Yes\n \n \n No\n \n \n \n \n \n Add Infraction\n \n \n \n \n {\n setCitationNumber(e.target.value);\n setErrorMap({ ...errorMap, eCaseCitationNumber: false });\n }}\n onKeyDown={(e) => {\n if (e.keyCode === 32) {\n e.preventDefault();\n }\n }}\n />\n \n \n {\n handleSetInfraction(e.target.value);\n setAddInfractionBtn(true);\n setErrorMap({ ...errorMap, eCaseInfraction: false });\n }}\n >\n \n {infractions.map((option) => (\n \n ))}\n \n \n \n {\n setChargeAmount(e.target.value);\n setErrorMap({ ...errorMap, eCaseChargeAmount: false });\n }}\n />\n \n \n {\n setReason(e.target.value);\n }}\n />\n \n \n \n \n {addInfractionBtn && (\n \n Add\n \n )}\n \n Close\n \n \n \n \n \n
\n )\n}\n\nexport default NewQuotePage;","import React from \"react\";\nimport { withStyles, makeStyles } from \"@material-ui/core/styles\";\nimport {\n Grid,\n Table,\n TableHead,\n TableBody,\n TableCell,\n TableRow,\n TableContainer,\n IconButton,\n Checkbox,\n Collapse,\n Box,\n TextField,\n Button,\n Dialog,\n DialogTitle,\n DialogActions,\n CircularProgress,\n Backdrop,\n FormControlLabel,\n} from \"@material-ui/core\";\nimport { withRouter } from \"react-router\";\nimport { KeyboardArrowUp, KeyboardArrowDown } from \"@material-ui/icons\";\nimport {\n getPaymentsCasesList,\n addPaymentsProcessed,\n getProcessedPayments,\n} from \"../api/client\";\nimport NewQuotePage from \"./NewQuotePage\";\nimport { validateOtp } from \"../api/otp\";\n\nconst StyledTableCell = withStyles((theme) => ({\n head: {\n backgroundColor: theme.palette.common.black,\n color: theme.palette.common.white,\n },\n body: {\n fontSize: 14,\n },\n}))(TableCell);\n\nconst StyledTableRow = withStyles((theme) => ({\n root: {\n \"&:nth-of-type(odd)\": {\n backgroundColor: theme.palette.action.hover,\n },\n },\n}))(TableRow);\n\nconst useStyles = makeStyles({\n table: {\n minWidth: 500,\n width: 200,\n },\n root: {\n flexGrow: 1,\n paddingTop: 20,\n paddingLeft: 20,\n paddingRight: 20,\n },\n button: {\n color: \"#FFEF65\",\n backgroundColor: \"black\",\n height: 50,\n width: \"50%\",\n fontWeight: \"bold\",\n fontSize: 16,\n },\n inputText: {\n width: \"100%\",\n height: 30,\n marginTop: 20,\n },\n});\n\nclass QuoteListPage extends React.Component {\n constructor(props) {\n super(props);\n const search = window.location.search;\n const params = new URLSearchParams(search);\n this.state = {\n userid: params.get(\"userid\"),\n token: params.get(\"otptoken\"),\n open: false,\n isSelected: false,\n startDate: new Date().toISOString().substr(0, 10),\n endDate: new Date().toISOString().substr(0, 10),\n showMessage: false,\n list: [],\n processedList: [],\n notProcessedList: [],\n openAlert: false,\n messageAlert: \"\",\n backShow: false,\n showProcessed: false,\n showPage: false,\n };\n this.setState = this.setState.bind(this);\n this.handleClose = this.handleClose.bind(this);\n //this.handleProcessPayments = this.handleProcessPayments.bind(this);\n this.handleShowProcessed = this.handleShowProcessed.bind(this);\n //this.checkRow = this.checkRow.bind(this);\n }\n\n componentDidMount() {\n this.validateOtp();\n }\n\n async validateOtp() {\n const response = await validateOtp({\n userName: this.state.userid,\n token: this.state.token,\n });\n if (typeof response == \"undefined\") {\n this.props.history.push(\"/unauthorized\");\n } else {\n this.setState({ showPage: true });\n }\n }\n\n async paymentsList() {\n try {\n this.setState({ backShow: true, showProcessed: false });\n var start = new Date(this.state.startDate);\n var end = new Date(this.state.endDate);\n if (start > end) {\n this.setState({\n openAlert: true,\n messageAlert: \"The end date must not be less than the start date\",\n });\n } else {\n const response = await getPaymentsCasesList(\n this.state.startDate,\n this.state.endDate\n );\n const responseProcessed = await getProcessedPayments(\n this.state.startDate,\n this.state.endDate\n );\n const ids = [];\n responseProcessed.forEach((element) => {\n ids.push(element.id);\n });\n response.forEach((a) => {\n //TODO: Add other forEach to evaluate the tickets no the group\n if (ids.includes(a.id)) {\n a.status = \"Processed\";\n } else {\n a.status = \"Pending\";\n }\n });\n const listWithProcessed = [];\n response.forEach((a) => {\n if (a.status === \"Pending\") listWithProcessed.push(a);\n });\n const ticketsProcessed = [];\n const tickets = [];\n listWithProcessed.forEach((element) => {\n element.tickets.forEach((a) => {\n a.first_name = element.first_name;\n a.last_name = element.last_name;\n a.cell_phone = element.cell_phone;\n a.state = element.state;\n a.paid = element.paid;\n a.status = element.status;\n a.license_number = element.license_number;\n a.address = element.address;\n a.county = element.county;\n a.dob = element.dob;\n a.email = element.email;\n a.id_case = element.id;\n ticketsProcessed.push(a);\n });\n });\n response.forEach((element) => {\n element.tickets.forEach((a) => {\n a.first_name = element.first_name;\n a.last_name = element.last_name;\n a.cell_phone = element.cell_phone;\n a.state = element.state;\n a.paid = element.paid;\n a.status = element.status;\n a.license_number = element.license_number;\n a.address = element.address;\n a.county = element.county;\n a.dob = element.dob;\n a.email = element.email;\n a.zip = element.zip;\n a.id_case = element.id;\n tickets.push(a);\n });\n });\n this.setState({\n list: ticketsProcessed,\n processedList: tickets,\n notProcessedList: ticketsProcessed,\n });\n const newData = this.state.list.map((item) => ({\n ...item,\n isChecked: false,\n }));\n this.setState({ list: newData });\n if (this.state.list.length === 0) this.setState({ showMessage: true });\n }\n this.setState({ backShow: false });\n } catch (error) {\n console.log(error);\n }\n }\n\n // checkRow(id) {\n // //let tempList = this.state.list;\n // // tempList.map((i) => {\n // // i.isChecked = false;\n // // if (i.id === id) {\n // // i.isChecked = !i.isChecked;\n // // }\n // // return i;\n // // });\n // const tempList = [];\n // this.state.list.forEach((element) =>{\n // element.isChecked = true;\n // // if(element.id === id){\n // // element.isChecked = !element.isChecked;\n // // }\n // tempList.push(element);\n // });\n // this.setState({ list: tempList });\n // }\n\n openDetail(id) {\n let tempList = this.state.list;\n tempList.map((i) => {\n if (i.id === id) {\n i.isOpen = !i.isOpen;\n }\n return i;\n });\n this.setState({ list: tempList });\n }\n\n handleClose() {\n this.setState({ openAlert: false });\n }\n\n handleProcessPayments(id) {\n this.state.list.forEach((element) => {\n if (element.id === id) {\n localStorage.setItem(\"payment\", JSON.stringify(element));\n this.props.history.push(\"/new-quote\");\n }\n });\n // let tempList = this.state.list;\n // if (tempList.find((e) => e[\"isChecked\"] === true)) {\n // this.setState({ backShow: true });\n // this.state.list.forEach((element) => {\n // if (element.isChecked) addPaymentsProcessed(element);\n // });\n // this.setState({\n // backShow: false,\n // openAlert: true,\n // messageAlert: \"Payments processed successfully\",\n // });\n // this.paymentsList()\n // } else {\n // this.setState({\n // openAlert: true,\n // messageAlert: \"At least check one case\",\n // });\n // }\n }\n\n handleShowProcessed() {\n if (this.state.showProcessed) {\n this.setState({ list: this.state.notProcessedList });\n } else {\n this.setState({ list: this.state.processedList });\n }\n }\n\n handleGoAnotherPage() {\n return CLIENT DETAILS
\n CLIENT DETAILS
\n ADD CASE DETAILS
\n CASE TICKETS
\n \n rows[i]}\n rowsCount={rows.length}\n onGridRowsUpdated={onGridRowsUpdated}\n enableCellSelect={true}\n getCellActions={getCellActions}\n />\n
\n \n {this.state.showPage ? (\n \n \n \n this.setState({ startDate: e.target.value })}\n />\n \n \n this.setState({ endDate: e.target.value })}\n />\n \n \n \n this.paymentsList()}\n >\n Search\n \n \n \n {\n this.setState({\n showProcessed: !this.state.showProcessed,\n });\n this.handleShowProcessed();\n }}\n name=\"processed\"\n />\n }\n label=\"Show processed cases\"\n />\n \n \n {this.state.list.length > 0 ? (\n <>\n \n \n \n
\n \n \n {/* \n \n PROCESS\n \n */}\n \n ) : (\n \n {this.state.showMessage && (\n \n )}\n \n \n \n {this.state.messageAlert}\n \n \n \n Close\n \n \n \n \n
\n ) : (\n There is no match data with the search filter
\n )}\nLoading...
\n \n )}\n \n );\n }\n}\n\nexport default withRouter(withStyles(useStyles)(QuoteListPage));\n","import React, { useState, useEffect } from 'react';\nimport { makeStyles } from '@material-ui/core/styles';\nimport {\n Grid,\n Button\n} from '@material-ui/core';\nimport IMAGES from '../utils/images';\n\nconst useStyles = makeStyles(() => ({\n root: {\n flexGrow: 1,\n paddingTop: 50,\n paddingLeft: 20,\n paddingRight: 20\n },\n button: {\n color: '#FFEF65',\n backgroundColor: 'black',\n height: 50,\n width: 200,\n fontWeight: 'bold',\n fontSize: 16\n }\n}));\n\nfunction Unauthorized() {\n const classes = useStyles();\n\n return(\n\n \n \n \n \n \n
\n
\n \n \n
\n );\n};\n\nexport default Unauthorized;","import React from 'react';\nimport {BrowserRouter as Router, Route, Switch} from 'react-router-dom';\nimport HomePage from './pages/HomePage';\nimport CasePage from './pages/CasePage';\nimport CaseListPage from './pages/CaseListPage';\nimport PaymentPage from './pages/PaymentPage';\nimport PaymentLanding from './pages/PaymentLanding';\nimport QuoteListPage from './pages/QuoteListPage';\nimport { ROUTES } from './utils/constants';\nimport NewQuotePage from './pages/NewQuotePage';\nimport Unauthorized from './pages/Unauthorized';\n\nfunction App() {\n return (\n \n
Unauthorized
\n\n